@charset "utf-8";

.page_content{width:1200px; margin:auto; padding:30px 0px 40px; }
.page_left{width:260px;}
.page_right{width:920px; min-height:500px; padding-bottom:25px; }

/* 内页左边 */
.page_left .page_title{width:260px; margin-bottom:18px;}
.page_left .page_td{width:100%; height:40px; padding:15px 0px; background-color:#085897; color:#f1f1f1; border-top:5px solid #013347; }
.page_left .p_title{width:42px; height:100%; font-size:44px; text-align:center; line-height:40px; margin-left:60px; }
.page_left p.pt_name{width:145px; height:100%; padding-left:3px; }
.page_left p.pt_name span {display:block; font-size:20px; }
.page_left p.pt_name em {display:block; font-size:12px; }
.pt_list{ background-color:#DEE1E0; color:#085897; font-size:14px; padding:0px 25px; }
.pt_list li{width:210px; height:35px; text-align:center; line-height:35px; border-top:1px dotted #333;  }
.pt_list li a{display:inline-block; color:#085897;}
.pt_list li.cur{font-size:15px !important; font-weight:600 !important; }
.bor0{border:0px !important;}

.page_tab{height:38px; text-align:center; background-color:#085897; border-top:7px solid #013347; margin-top:8px; }
.page_tab span{display:block; font-size:14px; color:#fff; }
.page_tab em{display:block; font-size:12px; color:#fff; }

.page_contact{ padding:3px 10px 10px; border:1px solid #ddd; border-top:0px !important; 	}

.page_contact .pgl_phone{height:40px; padding-left:60px; padding-top:8px; background:url(../images/page_phone.png) no-repeat left center; font-size:14px; font-family:'Arial','微软雅黑','Microsoft Yahei'; }
.page_contact .pgl_phone span{display:block; }
.page_contact .pgl_phone em{font-weight:700; color:#085897; }
.page_contact .pgl_name{ height:20px; color:#085897; font-size:12px; }
.page_contact .pgl_dh{ height:20px; font-size:12px; }

.page_contact .pgl_addr{height:40px; line-height:1.8em; font-size:12px; margin-top:2px; overflow:hidden; }
.page_contact .pgl_addr em{display:block; width:60px; height:40px; float:left; }
.page_contact .page_weixin{padding:20px 0px 10px;}
.page_contact .page_weixin p{width:100px; height:125px; float:left; }
.page_contact .page_weixin p img{width:100px; height:100px;}
.page_contact .page_weixin span{display:block; height:25px; text-align:center; line-height:25px; font-size:12px; }
.weixin_yu{height:40px; text-align:center; font-size:12px; }
.weixin_yu span{display:inline-block; height:20px; line-height:20px;  }


/* 内页右边 */
	/* -- 当前位置 -- */
.page_right .pr_td{height:35px; line-height:35px; border:1px solid #ddd; border-radius:6px; padding:0 10px; font-size:14px; color:#304b5e; overflow:hidden;  margin-bottom:20px;} 

.page_right .page_right_con{ padding:5px; font-size:16px; line-height:1.8em; overflow: hidden; background: #fff; }


/* 新闻列表样式 */
.page_right .news_list{height:155px; padding:25px 0px; border-bottom:1px solid #e0e2e1; }
.page_right .news_imgs{width:230px; height:150px; overflow:hidden; }
.page_right .news_content{width:535px; padding-left:30px;}
.page_right .news_content h3{height:30px; line-height:30px; font-size:20px; text-align:left; color:#0065b4; overflow:hidden; }
.page_right .news_content p{height:80px; padding-top:5px; line-height:1.8em; font-size:14px; color:#333; overflow:hidden; }
.page_right .news_content span{display:block; width:85px; height:30px; line-height:30px; font-size:14px; text-align:center; color:#333; border:1px solid #ddd;  }
.page_right .news_content span:hover{ background-color:#0065b4; color:#f1f1f1; border:1px solid #0065b4; }
.page_right .news_time{width:65px; height:85px; padding:30px 16px 0px; }
.page_right .news_time em{display:block; height:55px; line-height:1em; font-size:52px; border-bottom:1px solid #666; margin-bottom:8px; }
.page_right .news_time span{font-size:16px;  }

/* 新闻详情样式 */
.page_text>h3{ height:35px; line-height:35px; font-size:20px; text-align:center; }
.page_text .page_text_time{ height: 30px; line-height: 30px; font-size: 14px; text-align: center; margin-bottom: 15px;}
.page_text .pages_tb{width:100%; height:7px; background:url('../images/pages_tb.png') repeat-x left center; margin:10px 0px 5px; }

.prew_nextw{padding-left:15px; height:40px; line-height:1.8em; margin-top:15px;}

.page_text .news_text{ font-size:16px; line-height:1.8em; }

/*  分页样式	 */
.news_fy{height:25px; line-height:25px; text-align:center; margin-top:25px; font-size:14px;  }
.news_fy a,.news_fy span{ display:inline-block; padding:0 6px; border:1px solid #ddd; margin:0px 3px; }
.news_fy .hove,.news_fy a:hover{ background-color:#0065b4; color:#fff;  }
.news_fy .active{ background-color:#0065b4 !important; color:#fff !important; }


/* 技术支持列表样式 */
.page_right .jishu_list{height:155px; padding:25px 0px; border-bottom:1px solid #e0e2e1; }
.page_right .jishu_imgs{width:230px; height:150px; overflow:hidden; }
.page_right .jishu_con{width:640px;}
.page_right .jishu_con h3{height:30px; line-height:30px; padding-top:10px; font-size:20px; text-align:left; color:#333; overflow:hidden; }
.page_right .jishu_con span{display:block; height:25px; padding:5px 0 3px; line-height:25px; font-size:12px; text-align:left; color:#818181;  }
.page_right .jishu_con p{height:80px; line-height:1.8em; font-size:14px; color:#333; overflow:hidden; }
.page_right .jishu_list:hover h3,.page_right .jishu_list:hover p{color:#0065b4 !important; }


/* 解决方案列表样式 */
.page_right .plan_list{height:155px; padding:25px 0px; border-bottom:1px solid #e0e2e1; }
.page_right .plan_imgs{width:230px; height:150px; overflow:hidden; }
.page_right .plan_con{width:640px;}
.page_right .plan_con h3{height:30px; line-height:30px; padding-top:10px; font-size:20px; text-align:left; color:#0065b4; overflow:hidden; }
.page_right .plan_con span{display:block; height:25px; padding:5px 0 3px; line-height:25px; font-size:12px; text-align:left; color:#666;  }
.page_right .plan_con p{height:80px; line-height:1.8em; font-size:14px; color:#244C68; overflow:hidden; }
.page_right .plan_con p>em{display:block; }

/* 成功案例列表样式 */
.page_cases{width:100%; overflow:hidden; }
.page_cases ul{width:945px; overflow:hidden;  }
.page_cases li{width:216px; height:216px; float:left; margin:0px 18px 40px 0px; border:1px solid #ddd; position:relative; z-index:1; }
.page_cases li a{ float:left; display:block; z-index:3;}
.page_cases li div{height:216px; overflow:hidden; z-index:1; }
.page_cases li img{ width:216px; height:216px; z-index:1;}
.page_cases li em{display:none; width:100%; height:100%; z-index:2; position:absolute; top:0px; left:0px; background-color:#ddd; opacity:0.4; filter:alpha(opacity=40);  }
.page_cases li:hover em{display:block !important; }

/* 成功案例详情样式 */
.cases_text{padding-top:10px;}
.cases_text .prew_nextw{ padding-right:20px; }
.cases_text .cases_prew,.cases_text .cases_nextw { width:45%; }

/* 合作伙伴列表样式 */
.page_muscle{width:100%; overflow:hidden; padding:10px 0px;}
.page_muscle ul{width:932px; overflow:hidden;  }
.page_muscle li{width:170px; height:132px; float:left; margin:0px 14px 15px 0px;  }
.page_muscle li div{height:102px; overflow:hidden; border:1px solid #ccc;  }
.page_muscle li img{ width:170px; height:102px; }
.page_muscle li span{display:block; width:100%; height:30px; line-height: 30px; font-size:15px; text-align:center;  }


/* 产品列表样式 */

	/* 产品二级栏目样式 */
.pro_tab{background-color:#DEE1E0; text-align:left; font-size:12px; }
.pro_tab p{/* width:210px; */ height:35px; padding-left:25px; line-height:35px; background:url(../images/pro_list_img.png) no-repeat 15px center; border-top:1px solid #085897; overflow: hidden; }
.pro_tab p a{display:inline-block; color:#085897;}
.pro_tab .pro_tab_list{ color:#085897; padding:0px 25px; }
.pro_tab .pro_tab_list li{width:210px; height:35px; line-height:35px; border-top:1px dotted #333; overflow: hidden; }
.pro_tab .pro_tab_list li a{display:inline-block; color:#333;}
.pro_tab .pcur{font-size:13px; font-weight:600;  }

.page_pro{width:890px; padding:30px 0px 0px 35px; overflow:hidden; background-color:#DDE0DF; }
.page_pro ul{width:890px; overflow:hidden; }
.page_pro li{width:254px; height:268px; float:left; margin:0px 40px 52px 0px; border:1px solid #ddd; position:relative; z-index:1; }
.page_pro li div{width:100%; height:198px; overflow:hidden; background-color:#fff; }
.page_pro li img{ width:250px; height:199px; display:block; margin:auto; }
.page_pro li p{ height:50px; overflow:hidden; padding:10px; background-color:#0C5996; color:#f1f1f1; }
.page_pro li p>span{display:block; height:17px; font-size:12px; overflow:hidden; }
.page_pro li:hover{border-color:#0C3E78 !important; }


.page_pro_con{padding:25px 0px; }
.show_top{height:470px; }
.show_proimg{width:440px; height:470px; }
.show_proxinxi{width:410px; height:439px; padding:2px 20px; border:1px dotted #ccc; border-radius:5px; text-align:left; }
.show_proxinxi li{height:38px; line-height:38px; border-top:1px dotted #ccc; font-size:15px; overflow:hidden; }
.pro_dh{width:195px; padding-left:105px; height:51px; line-height:51px; text-align:left; border-radius:5px; margin-top:20px; 
	background:#E08D0F url(../images/cpxq_dh.png) no-repeat 65px center; color:#fff; font-size:16px; }


.show_bot{padding-top:20px; }
.cpxq_list{height:45px; background-color:#DDE0DF; margin-bottom:20px;  }
.cpxq_list li{width:145px; height:55px; float:left; line-height:45px; text-align:center; font-size:18px; cursor:pointer;  }
.cpxq_list li.list_hover,.cpxq_list li:hover{background:url(../images/cpxq_list.png) no-repeat center; color:#fff; }

.cpxq_content{line-height:1.8em; font-size:16px; overflow:hidden;   }
.cpxq_content .show_content{display:none;  }
.cpxq_content img{display:inline-block; width:98%; }



/*  放大镜样式   */
ul li{
	list-style: none;
}
img{
	border: 0;
}
/* 垂直居中 */
.small-img{
	display: flex;
	align-items:center;
	justify-content: center;
}
.clearfix:before,
.clearfix:after{
  display: table;
  line-height: 0;
  content: "";
}
.magnifier{
	width:440px;
	position: relative;
/* 	margin-top: 100px;
margin-left: 100px; */
}
.magnifier-container{
	width: 440px;
	height: 350px;
	overflow: hidden;
	position: relative;
	border: 1px solid #ddd;
}
.move-view{
	width: 150px;
	height: 150px;
	position: absolute;
	background-image: url('../images/move-box.png');
}
.images-cover{
	height: 100%;
	width: 100%;
	position: relative;
}
.images-cover img{
	position: absolute;
	max-width: 100%;
	max-height: 100%;
}
.magnifier-assembly{
	height: 92px;
	overflow: hidden;
	position: relative;
	padding:0px 25px; 
	margin-top:10px;
}
.magnifier-btn{
	position: absolute;
	font-family: "宋体";
	width: 100%;
	top: 50%;
	left: 0;
	margin-top: -40px;
}
.magnifier-btn span{
	line-height: 80px;
	height: 80px;
	width: 20px;
	background-color: #6e6e6e;
	color: #fff;
	display: block;
	z-index: 9998;
	text-align: center;
	font-size: 20px;
	cursor: pointer;
	border-radius: 3px;
}
.magnifier-btn .magnifier-btn-left{
	float: left;
}
.magnifier-btn .magnifier-btn-right{
	float: right;
}
.magnifier-line{
	position: relative;
	overflow: hidden;
	height: 92px;
}
.magnifier-line ul{
	display: block;
	font-size: 0;
	width: 10000%;
	position: absolute;
	left: 0;
	z-index: 9997;
}
.magnifier-line li{
	float: left;
	width: 98px;
	cursor: pointer;
}
.magnifier-line ul > .active .small-img{
	border-color: #bbb;
}
.small-img{
	height: 78px;
	/* padding: 1px; */
	margin: 4px;
	overflow: hidden;
	border: 1px solid #ddd;
	text-align: center;
}
.small-img img{
	display: block;
	width:78px;
	height:62px;
	margin-top:8px;
	max-width: 100%;
	max-height: 100%;
}
.magnifier-view{
	width: 100%;
	height: 100%;
	position: absolute;
	right: -105%;
	top: 0;
	z-index: 9999;
	background-color: #fff;
	display: none;
	overflow: hidden;
}
.magnifier-view img{
	display: block;
}
.animation03{
	transition: all 0.3s ease-in 0.1s;
	-ms-transition: all 0.3s ease-in 0.1s;
	-moz-transition: all 0.3s ease-in 0.1s;
	-webkit-transition: all 0.3s ease-in 0.1s;
	-o-transition: all 0.3s ease-in 0.1s;
}


/*  放大镜样式   */