/* CSS Document */
@import "../../../editor/plugins/code/prettify.css";
*{text-overflow: ellipsis;box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */}
#fancybox-wrap  *,#fancybox-wrap{box-sizing:content-box;
-moz-box-sizing:content-box;
-webkit-box-sizing:content-box; }
html,body{ height:100%; width:100%;}
body{
	margin: auto; background-color:#FFFFFF;
	font-size: 14px;
	line-height: 2;
	font-family: "微软雅黑", "宋体", Arial;
	color: #000; min-width:1200px; overflow-x:hidden; padding:0px;
}
body,div,dl,dt,dd,ul,ol,li,pre,code,form,fieldset,legend,input,button,textarea,p,th,td{margin:0;padding:0;}
h1,h2,h3,h4,h5,h6{ margin-left:auto; margin-right:auto; margin-top:5px; margin-bottom:5px;}

table{
border-collapse: collapse;
}
a{
color: #333333;
text-decoration: none;	text-decoration: none;-webkit-transition:500ms; -moz-transition:500ms; -ms-transition:500ms; transition:500ms;
}
a:hover{
	color: #0062CD;
}
img{
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
img[align="left"]{ margin-right:10px;}
img[align="right"]{ margin-left:10px;}
ul,li,p,dl,dt{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
div,span{text-overflow: ellipsis;}
.clear{ clear:both}

/*垂直居中*/
.center{ display: flex;
    justify-content:center;
    align-items:center;}
/*图片放大*/
.fd img.img{    transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s; max-width:100%; max-height:100%;}
.fd:hover img.img{    transform: scale(1.1);
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);}

.fl{ float:left}
.fr{ float:right}

.xuanzhuan{
 -webkit-transition-property: -webkit-transform;
    -webkit-transition-duration: 10ms;
    -moz-transition-property: -moz-transform;
    -moz-transition-duration: 10ms;
    -webkit-animation: rotate 30ms linear infinite;
    -moz-animation: rotate 30ms linear infinite;
    -o-animation: rotate 30ms linear infinite;
    animation: rotate 30ms linear infinite;
}
@-webkit-keyframes rotate{from{-webkit-transform: rotate(0deg)}
    to{-webkit-transform: rotate(360deg)}
}
@-moz-keyframes rotate{from{-moz-transform: rotate(0deg)}
    to{-moz-transform: rotate(359deg)}
}
@-o-keyframes rotate{from{-o-transform: rotate(0deg)}
    to{-o-transform: rotate(359deg)}
}
@keyframes rotate{from{transform: rotate(0deg)}
    to{transform: rotate(359deg)}
}









.box{ width:1600px; margin:auto; max-width:100%;}




.pagination{ clear:both; text-align:center; padding-top:20px;}
.pagination li{
	display:inline-block;
	border: 1px solid #dddddd;
	padding-left:12px;
	padding-right:10px;
	margin: 0px; overflow:hidden;
}

.pagination li+li{
	border-left-style: none;
}
.pagination li:first-child+li{border: 1px solid #dddddd;border-radius:3px 0 0 3px;}
.pagination li:last-child,.pagination li:first-child{border: 1px solid #dddddd;border-radius:3px;}
.pagination li:nth-last-child(2){border-radius:0 3px 3px 0;}
.pagination li.disabled{}
.pagination li.active{ background-color:#0961CB; color:#FFFFFF}

.pagination li a{ color:#333333}














#header{clear:both; position:fixed; z-index:222; top:0px; left:0px; width:100%;}
#header .logo .a1,#header.navbg .logo .a2{ display:none}
#header.navbg .logo .a1{ display:block}
#header.navbg{
	display:block;
	background-color:#FFFFFF;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #eeeeee;
}
/*#header .box{ width:1230px; margin:auto}*/
.nav{
	line-height:90px;
	z-index:2;

}
#header .s{
	float:right;
	width:40px; position:relative;
	margin-top:30px;

}

#header .s form{ width:30px; position:absolute; /*width:264px;*/-webkit-transition:500ms; -moz-transition:500ms; -ms-transition:500ms; transition:500ms; right:0px; z-index:3;top:0px; overflow:hidden; }
#header .s form>div{width:264px; float:right;}
#header .s button{ float:left;
	background-image: url(s1.png);
	background-repeat: no-repeat;
	background-position: right center;
	width:30px;
	height:30px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none; background-color:rgba(0,0,0,0);margin-left:-1px;position: absolute;
	top: 2px; right:0px;border: 1px solid rgba(0,0,0,0); margin-top:-2px;
	}
#header.navbg .s button{background-color:#ffffff;background-image: url(s.png);}	

#header.navbg  .s i{ display:none}
#header.navbg  .s  form{ width:30px;}
#header .s form:hover{ width:300px; overflow:hidden; background-color:#FFFFFF;}
#header .s input{

	border: 1px solid rgba(0,0,0,0);
	line-height:30px;
	height:30px; float:right; width:100%; padding-right:40px;
	
	box-sizing:border-box;
-moz-box-sizing:border-box; 
-webkit-box-sizing:border-box; padding-left:10px;background-color:rgba(255,255,255,0);
}
#header .s:hover input{border: 1px solid #dddddd;}
#header .s:hover button{border: 1px solid #dddddd;  }






.nav ul{
	margin: 0px;
	padding: 0px;
}
.nav ul li{
	float: left;
	margin: 0px;
	padding: 0px;
	list-style-type: none; position:relative;
}
.nav ul li a{
	color:#333333;
	font-size: 20px;
	padding-right:15px;
	padding-left: 15px;
	text-decoration: none; display:block;
}
.nav >ul> li> a{color:#ffffff;-webkit-transition:0ms; -moz-transition:0ms; -ms-transition:0ms; transition:0ms;}

#header.navbg .nav >ul> li> a{color:#333333;}
.nav ul li a:hover,#header.navbg .nav >ul> li> a:hover{ color:#0062CD}

#header .nav ul ul{ display:none; position:absolute; top:90px; left:0px; width:100%; z-index:1; background-color:#FFFFFF; line-height:1.5;/* background-color:rgba(255,255,255,0.9);*/}
#header .nav >ul>li:nth-child(2)> ul{width:150%; min-width:160px;}
#header .nav ul ul ul{ top:0px; left:100%; width:120%;}
#header .nav ul ul li{width:100%;}
#header .nav ul li:hover>ul{ display:block}
#header .nav ul ul li a{
	display:block;
	padding-left:10px;
	padding-right:10px;
	padding-top:8px;
	padding-bottom:8px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #ffffff;
	border-bottom-color: rgba(100,100,100,0.1); font-size:16px; text-align:center;
}

#header .nav ul ul li a:hover{ color:#FFFFFF; background-color:#0062CD}
#header.navbg .nav > ul > li:hover> a,#header.navbg .nav > ul > li > a.active{color:#0062CD}
#header .nav> ul>li> ul{
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #0062CD; 
}

#top{
	background-color: #124F23;
	color: #FFFFFF;
	float: left;
	width: 100%;
	line-height: 25px; height:25px;
}
.lang{
	background-image: url(q1.png);
	background-repeat: no-repeat;
	background-position: left center;
	float: right;
	margin-right: 70px;
	position: relative; cursor:pointer; margin-top:28px; margin-left:20px;
}
#header .lang{color:#FFFFFF; line-height:35px;}
#header.navbg .lang{
	background-image: url(q.png); color:#333333}

.lang>span{
	background-image: url(vv1.png);
	background-repeat: no-repeat;
	background-position: right center;
	padding-right: 15px;
	padding-left: 30px;
	float: left; 
}
#header.navbg .lang>span{
	background-image: url(vv.png);}
.lang ul{ line-height:25px;
	background-color: #FFFFFF;
	position: absolute;
	left: 0px;
	top: 35px;
	z-index: 2;
	margin: 0px;
	padding: 0px;
	float: left;
	width: 100%;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-top-color: #eeeeee;
	border-right-color: #eeeeee;
	border-bottom-color: #eeeeee;
	border-left-color: #eeeeee; display:none; 
}
.lang ul li{
	margin: 0px;
	padding: 0px;
	float: left;
	width: 100%;
}
.lang ul li a{
	display:block;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #eeeeee; padding-left:30px; font-size:12px;
}
.lang ul li a:hover{	background-color: #eeeeee;
	}

#flash .swiper-slide{ position:relative;}
#flash .txt{font-family: 'Montserrat-Regular',"微软雅黑","黑体"; color:#FFFFFF; font-size:90px; text-align:center; position:absolute; top:50%; left:0px; width:100%; z-index:2; margin-top:-150px;}
#flash .txt .h1{ font-weight:bold;}

#flash .txt .h2{ font-size:32px}

#flash .bg{ height:100%;width:100%; position:absolute; top:0px; left:0px; z-index:1; background-color:rgba(0,0,0,0.2);}
#flash .swiper-slide *{ max-width:100%;}


.bannerin{ margin:auto; text-align:center }
.bannerin img{ max-width:100%;}
.bannerin .box{ position:relative; max-width:1200px; text-align:center;}
.bannerin .box ul{ width:100%; position:absolute; bottom:-1px; left:0px; z-index:2; background-color:#FFFFFF; background-color:rgba(255,255,255,0.9); text-align:center;border-radius:5px 5px 0 0; line-height:55px; text-align:center;}
.bannerin .box ul li{ display:inline-block;}
.bannerin .box ul li a{display:inline-block; padding-left:30px; padding-right:30px; font-size:16px; position:relative;}
.bannerin .box ul> li:first-child a{border-radius:5px 0px 0 0;}
.bannerin .box ul> li:last-child a{border-radius:0px 5px 0 0;}
.bannerin .box ul li a:hover{ background-color:#0961CB; color:#FFFFFF;}
.bannerin .box ul li a.hover{background-color:#0961CB; color:#FFFFFF}
.bannerin .box ul li a:hover:after,.bannerin .box ul li a.hover:after{
	content:'';

	color:#FFFFFF;
	border-top-width: 10px;
	border-right-width: 10px;
	border-bottom-width: 10px;
	border-left-width: 10px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #0961CB;
	border-right-color:rgba(0,0,0,0);
	border-bottom-color: rgba(0,0,0,0);
	border-left-color:rgba(0,0,0,0); position:absolute; bottom:-20px; left:50%; margin-left:-10px;
}



@media only screen and (max-width: 1450px) {.box{ width:100%; }



.nav ul li a{ padding-left:10px; padding-right:10px; }
.lang{ margin-right:20px; }
}
@media only screen and (max-width: 1400px) {

.nav ul li a{ font-size:18px; }
#header .nav ul li li a{ font-size:15px; }


}
@media only screen and (max-width: 1350px) {


.box{ min-width:1200px;}
}
@media only screen and (max-width: 1250px) {

#header .nav ul li li a{ font-size:13px; }



}

/*@media only screen and (max-width: 1366px) {.box{ width:1300px;}
}
@media only screen and (max-width: 1280px) {.box{ width:1200px;}


}

@media only screen and (max-width: 1250px) {.box{ width:1150px;}
.nav ul li a{ padding-left:10px; padding-right:10px;}

}*/


#foot{
	border-top-width: 8px;
	border-top-style: solid;
	border-top-color: #007BDB;
	background-image: url(footbg.jpg);
	background-repeat: no-repeat;
	background-position: center top; background-size:100% 100%; padding-top:50px; margin-top:25px;
}
#foot,#foot a{color: #C3C4C6;}
#foot *{ max-width:100%;}
#foot a:hover{ color:#fff;}
#foot .flx{ float:left; padding-right:20px; width:280px;}
#foot .flx .qrcode{ display:none}
#foot .fnav{ float:left; width:60%;}
#foot .fnav>ul{}
#foot .fnav>ul>li{ float:left; width:20%; font-size:20px;}
#foot .fnav>ul>li>a{color:#FFFFFF; position:relative; display:block}
/*#foot .fnav>ul>li>a:after{
	content:'';
	position:absolute;
	bottom:0px;
	width: 2em;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: rgba(255,255,255,0.5); left:0px;
}*/
#foot .fnav>ul>li>ul{ font-size:15px; line-height:2; padding-top:5px;}

#foot .qrcode{ float:right}
#foot .copy{ background-color:rgba(0,0,0,0.1); margin-top:20px; clear:both; font-size:14px; padding-top:5px; padding-bottom:5px; position:relative; }
#foot .copy,#foot .copy a{color:rgba(255,255,255,0.9);}
#foot .copy .box{position:relative;}
#foot .copy .gotop{
	position:absolute;
	top:0px;
	right:0px;
	border: 1px solid rgba(255,255,255,0.5); float:right; line-height:30px; width:35px; text-align:center; cursor:pointer;
}
/*关于我们*/


.aboutpic {padding-top:90px; padding-bottom:30px; }
.aboutpic .left{ float:left; width:50%;}
.aboutpic .left .h1{ font-size:24px; line-height:1.5;}
.aboutpic .left .h2{ font-size:32px;line-height:1.5; font-weight:bold;}
.aboutpic .left .hc{ font-size:16px; color:#333; padding-top:20px;}
.aboutpic .left  .more{ padding-top:30px; line-height:35px;}
.aboutpic .left .more a{ display:inline-block; background-color:#0080FC;color:#fff; padding-left:30px; padding-right:30px;border-radius:25px;}
.aboutpic .left .more a:hover{background-color:#FFCC00; color:#FFFFFF;border: 1px solid #FFCC00;}
.aboutpic .right{ max-width:562px; min-height:376px; float:right; }
.aboutpic .swiper-slide{ position:relative;}
.aboutpic .swiper-slide .txt{
	color: #FFFFFF;
	position: absolute;
	z-index: 1;
	left: 0px;
	bottom: 0px;
	background-color:rgba(0,0,0,0.5);
	padding: 10px; width:100%;box-sizing:border-box;
-moz-box-sizing:border-box; 
-webkit-box-sizing:border-box; text-align:left; font-size:20px;
}
.aboutpic .swiper-pagination{ text-align:right; left:-10px; bottom:25px;}
.aboutpic .swiper-pagination .swiper-pagination-bullet{ height:10px; width:10px; background-color:rgba(255,255,255,0.4);Opacity:1;}

.aboutpic .swiper-pagination .swiper-pagination-bullet-active{ background-color:#ffffff;}
.youshi{
	padding-top:10px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #eee;
	border-bottom-color: #eee;
	padding-bottom: 10px; margin-top:30px;
}
.youshi .item{ float:left; width:25%; position:relative; text-align:center;}
.youshi .item .t1{ font-size:30px; font-weight:bold;}
.youshi .item .t1 span{ padding-right:5px; }
.youshi .item .t1 sup{ font-size:14px;font-weight:lighter;}
.youshi .item .t1 sup sup{ font-size:12px;}
.youshi .item .t2{ font-size:14px; color:#666;}
.youshi .item:after{
	position:absolute;
	left:0px;
	top:0px;
	content:'';
	height: 100%;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #eee;
}
.youshi .item:first-child:after{ display:none}

/*产品中心*/

.pro{ clear:both; padding-top:50px; padding-bottom:0px;}
.pro .h1{ text-align:center; font-size:42px; }
.pro .econtent{ padding-top:30px; position:relative; float:left; width:100%;}
.pro .picli{  position:relative;width:100%;  margin:auto;}
.pro .picli .img{width:100%; overflow:hidden;}
.pro .picli .img img{ width:100%;   transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;}
	
.pro .picli:hover .img img{    transform: scale(1.1);
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);}
	
.pro .picli .right{ position:absolute; top:0px; left:0px; padding:50px; color:#FFFFFF;line-height:1.5; width:100%; height:100%;}

.pro .picli .right .ntitle{ font-size:30px; text-align:center; }
.pro .picli .right .dp{ padding-top:20px; padding-bottom:20px; font-size:14px; line-height:2;}
.pro .picli .right .dp ul li{ display:inline-block; float:left; width:30%; margin-left:5px;color: #FFFFFF;
	/*border: 1px solid #fff;*/ text-align:center;border-radius:25px; margin-top:20px; background-color:rgba(255,255,255,0.8); color:#000000; cursor:pointer;}
.pro .picli .right .dp ul li a{ color:#000000}	
.pro .picli .right .dp ul li:hover{ background-color:#FFCC00; color:#FFFFFF}
.pro .picli .right .dp ul{ padding-bottom:20px;}
.pro .picli .right .dp ul:after{ content:''; clear:both;}	
.pro .picli .right .dp ul li:nth-child(3n+1){ margin-left:0px;}
.pro .picli .right .more{ text-align:center; clear:both; padding-top:30px;}
.pro .picli .right .more a{
	display:inline-block;
	color: #FFFFFF;
	border: 1px solid #fff;border-radius:25px; padding-left:25px; padding-right:25px; line-height:30px;
}
.pro .picli .right .more a:hover{background-color:#FFCC00; color:#FFFFFF;border: 1px solid #FFCC00;}

.pro .picli:hover .right{
	background-image: url(probg.png);
	background-repeat: repeat-x;
	background-position: left top; 
}
.pro .picli .right .dp,.pro .picli .right .more{display:none;}
.pro .picli:hover .right .dp,.pro .picli:hover .right .more{ display:block;}
.pro  .swiper-button-next,.pro .swiper-button-prev,.news  .swiper-button-next,.news .swiper-button-prev{ display:none}
 .swiper-button-next i,.swiper-button-prev i{ font-size:36px; color:#999;}
/*新闻动态*/
.news{ clear:both; padding-top:0px; padding-bottom:50px;}
.news .h1{ text-align:center; font-size:42px; }
.news .sort{ position:relative; text-align:center}
.news .sort div{ line-height:32px;} 
.news .sort div a{ display:inline-block; background-color:#E8E8E8; padding-left:20px; padding-right:20px;border-radius:25px; margin-left:5px;}

.news .sort div a:hover,.news .sort div a.hover{ background-color:#007AFC; color:#fff; }
.news .sort .more{ position:absolute; top:0px; right:0px; font-size:12px; color:#666666}
.news .econtent{ padding-top:30px; position:relative; float:left; width:100%;}
.news .picli{
	float:left;
	width:100%;
	position:relative;

	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ddd; position:relative;
}
.news .picli:after{
	content:'';
	position:absolute;
	bottom:-1px;
	left:0px;
	width:0px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #0062CD;-webkit-transition:500ms; -moz-transition:500ms; -ms-transition:500ms; transition:500ms;
}
.news .picli:hover:after{ width:100%;}

.news .picli .img{width:100%; overflow:hidden; max-height:225px; min-height:225px;}
.news .picli .img img{ width:100%;   transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;}
	
.news .picli:hover .img img{    transform: scale(1.1);
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);}
	
.news .picli .right{ padding:0px; line-height:1.5; width:100%; padding:10px;}

.news .picli .right .ntitle{
	font-size:16px;
	text-align:center;
	white-space: nowrap;
	overflow: hidden; padding-bottom:10px;
}
.news  .picli .right .dp{ padding-top:0px; color:#666; font-size:12px; min-height:4.5em; overflow:hidden; }

.news .picli .right .more{ clear:both; padding-top:10px;color:#666; font-size:12px;}
.news .picli:hover .right{ /*background-color:#0062CD; */ background-color:#f5f5f4; }

.boxin{ padding-top:80px; padding-bottom:80px;}
/*内页企业文化*/

.qywhin .picli{ float:left; width:25%;}
.qywhin { padding-bottom:50px; padding-top:50px;}
.qywhin .picli>div:hover{box-shadow:0 0px 20px rgba(200,200,200,0.5)  inset;}
.qywhin .picli>div{ max-width:265px; margin:auto; text-align:center; padding-top:50px; padding-bottom:50px;}
.qywhin .picli>div .ntitle{ font-size:30px; padding-top:10px; padding-bottom:20px;}
.qywhin .picli>div .dp{min-height:8em; line-height:2;  padding-left:30px; padding-right:30px;}
.qywhin *{ max-width:100%;}
/*荣誉证书*/
/*.honorin{ padding-top:50px; padding-bottom:50px;} */
.honorin .picli{ float:left; width:25%; margin-bottom:20px; }
.honorin .picli *{ max-width:100%;}
.honorin .picli:nth-child(4n+1){ clear:both;}
.honorin .picli div.img{
	border: 5px solid #680F23;
	/*padding: 2px;*/ width:350px; max-width:90%; margin:auto; 
}
.honorin .picli a{ overflow:hidden; display:block;/*display: flex;
    justify-content:center;
    align-items:center;min-height:195px; max-height:195px;*/ overflow:hidden;}
.honorin *{ max-width:100%;}
/*质量控制*/
.qualityin{
	background-image: url(zlbg.jpg);
	background-repeat: no-repeat;
	background-position: center top; min-height:410px; font-size:16px; max-width:1200px; margin:auto;
}
.qualityin .content{ float:right; max-width:500px;line-height:1.8; background-color:rgba(255,255,255,0.3); padding:20px; margin-top:80px;border-radius:5px 0 0 5px;}
.qualityin *{ max-width:100%;}
/*详细页*/
#cms1 *{ max-width:100%;}
#cms1 .content{ font-size:16px; color:#333333;}



#cms1 h1.h1{ text-align:center;padding-right:20px; padding-left:20px; line-height:1.5;}
#cms1 h1.h1+.content{padding-top:20px;}
#cms1 .info{ color:#999; text-align:center; font-size:12px; padding-right:20px; padding-left:20px;}
#cms1 .info i{ margin-right:5px;}
.nextpage{ padding-top:20px; clear:both;padding-right:20px; padding-left:20px;}
/*联系*/
.contact *{ max-width:100%;}
.contact .left{ float:left; width:50%;}
.contact .right{ float:right; width:50%;}
.contact .right .item{ float:left; width:50%; margin-bottom:20px; padding-right:20px;}
.contact .right .item:nth-child(2n+1){ clear:both}
.contact .right .item .title{ font-size:18px;}
.contact .right .item .hc{ font-size:14px; color:#666666}
.contact .map{ clear:both; padding-top:30px;}
.contact .map iframe{ width:100%; min-height:420px;}

/*产品*/
#cms .picli{
	padding:20px;
	width:18%;
	margin-left:1%;
	margin-right:1%;
	border: 1px solid #ddd; float:left; margin-bottom:20px; text-align:center
}
#cms .picli div.img{ overflow:hidden; min-height:180px; max-height:180px;}
#cms .picli div.ntitle{
	white-space: nowrap;
	overflow: hidden; margin-top:10px;
}
#cms .picli:nth-child(5n+1){ clear:both}

.leftdh{
	text-align:center;
	font-size:18px;
	padding-bottom: 80px;
}
.leftdh> ul{
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #ddd;
	border-bottom-color: #ddd; line-height:55px;
}
.leftdh ul li{ display:inline-block; margin-left:2px; margin-right:2px;}
.leftdh ul li a{ padding-right:50px; padding-left:50px; position:relative; display:block;-webkit-transition:0ms; -moz-transition:0ms; -ms-transition:0ms; transition:0ms;}
.leftdh ul li a.hover,.leftdh ul li a:hover{ background-color:#0961CB; color:#FFFFFF}
.leftdh ul li a.hover:after,.leftdh ul li a:hover:after{ height:10px; background-color:#0961CB; width:100%; top:-10px; left:0px; content:''; position:absolute;border-radius:5px 5px 0 0;}
.leftdh ul li a.hover:before,.leftdh ul li a:hover:before{height:10px; background-color:#0961CB; width:100%; bottom:-10px; left:0px; content:''; position:absolute;border-radius:0 0 5px 5px;}

#cms .picli2{
	float: left;
	width: 100%;
	padding-top:20px;
	padding-bottom: 20px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #ccc;
}
#cms .picli2 *{ max-width:100%;}
#cms .picli2 div.img{ float:left; width:48%; padding-top:30px; padding-bottom:30px; overflow:hidden;}
#cms .picli2 .right{ float:right; width:50%;color:#666666; font-size:18px;	padding-top:30px;
	padding-bottom: 30px;}
#cms .picli2 .right .ntitle{
	color:#0066CC;
	font-size:33px;
	font-weight: bold; line-height:1.5; padding-bottom:10px;
}
#cms .picli2 .right  .it2 b{ float:left; width:235px;}
#cms .picli2 .right  .it3{ padding-top:20px;}
#cms .picli2 .right  .it4 span+b{ margin-left:5px;}
#cms .picli2 .right b{ color:#000000}
#cms .picli2 .right .hc{ font-size:14px;}
#cms .picli2 .right .more{ padding-top:20px;}
#cms .picli2 .right .more a{ display:inline-block; background-color:#0080FD; color:#fff; padding-left:30px; padding-right:30px;border-radius:30px;}
#cms .picli2 .right .more a:hover{background-color:#FFCC00; color:#FFFFFF;}

#cms .picli2:nth-child(2n) .img{ background-color:#FFFFFF}


/*#cms .picli2:nth-child(2n){ background-color:#f5f5f5;}*/
/*#cms .picli2:hover{ background-color:#eee;}*/
#cms .picli2:nth-child(2n) .right{ float:left;}

#cms .picli2:nth-child(2n) div.img{ float:right;}

/*新闻动态*/
#cms .newsli{ text-align:left; position:relative; float:left; width:100%; padding-top:50px;}
#cms .newsli .date{
	width:100px;
	float:left;
	text-align:center;
	color:#2475C0;
	line-height:1.5;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #ddd; font-size:12px; margin-top:20px;
}
#cms .newsli .date b{ display:block; font-size:36px}
#cms .newsli .date span{ display:block}
#cms .newsli .right{
	margin-left:120px;
	position:relative;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ddd;
	padding-bottom: 30px; 
}
#cms .newsli .right .time{ display:none}
#cms .newsli .right .share a{
	display:inline-block;
	color:#999;
	background-image: url(share.png);
	background-repeat: no-repeat;
	background-position: left center; padding-left:18px;
}
#cms .newsli .right .ntitle{ font-size:22px; line-height:1.2; padding-bottom:10px;}
#cms .newsli .right .dp{ color:#999999; line-height:1.5; min-height:3em;}
#cms .newsli .right .hc{ margin-right:280px;}
#cms .newsli div.img{ position:absolute; top:-30px; right:0px; width:240px; overflow:hidden; min-height:140px; max-height:140px; background-color:#f5f5f5;}
#cms .newsli div.img img{ width:100%;}

#cms .newsli:hover{ background-color:#f5f5f5;}

/*招聘岗位*/
.job.box{ width:1200px; max-width:100%;}
.job .jobli{
	margin-top: -1px;
	margin-left: -1px;
	border: 1px solid #ddd; float:left; width:100%;
}
.job .jobli span{
	display:block;
	white-space: nowrap;
	margin-left: -1px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #ddd;
	overflow: hidden; float:left; width:25%; padding:10px;
}
.job .jobli .t1{ width:40%;}
.job .jobli .t2{width:20%;}
.job .jobli .t3{width:20%;}
.job .jobli .t4{ width:20%;}
.job .jobli.th{
	font-size:18px;
	background-color: #f5f5f5;
	font-weight: bold; text-align:center;
}
.job .jobli.td{ line-height:1.5; text-align:center}
.job .jobli.td .t1{ text-align:left;}
.job .jobli.td a{ display:block; float:left; width:100%;}
.job .jobli.td a:hover{ background-color:#0961CB; color:#FFFFFF}
.job .jobli.td:nth-child(2n+1){ background-color:#f5f5f5;}

.jobin{ width:1200px; max-width:98%;margin:auto}

.jobin .jobli{
	margin-top: -1px;
	margin-left: -1px;
	border: 1px solid #ddd; float:left; width:100%;
}
.jobin .jobli .it{
	float:left;
	width:100%;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #ddd;
}
.jobin .jobli .it:nth-child(2n){ background-color:#f5f5f5;}
.jobin .jobli b{ float:left; width:100px; padding:10px; position:relative;}
.jobin .jobli span{padding:10px; display:block; margin-left:100px;position:relative;}


#search{ background-color:#eee; padding:20px; margin-bottom:20px;}
#search input{
	border: 1px solid #ddd;
	height: 40px;
	width: 300px; max-width:calc(100% - 100px); padding-left:10px; padding-right:10px; float:left
}
#search button{
	color: #FFFFFF;
	background-color: #0066CC;
	height: 40px;
	width: 80px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none; float:left;box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */
}
#search +.res{ margin-bottom:20px; color:#666;}
/*产品详细页 优点*/
.youdian{ padding-top:30px;}
.youdian .item{ clear:both; padding-top:5px; padding-bottom:5px;}
.youdian .item> b{ float:left; background-color:#0962CB; color:#FFFFFF; width:110px; text-align:center;border-radius:30px;}
.youdian .item >b+div{ margin-left:120px;}


.back a{
	background-color: #666666;

	padding-right: 15px;

	padding-left: 15px; color:#fff; clear:both; font-size:12px; display:inline-block;
}
.back a:hover{ background-color:#0062CD; color:#FFFFFF}

.back { text-align:right; clear:both; line-height:32px; padding-top:20px;
	
}

#footnav{
	position: fixed; z-index:2;
	left: 0px;
	bottom: 0px; float:left; width:100%; background-color:rgba(0,0,0,0.6); display:none;
}
#footnav a{
	float:left;
	width:33.3333%;
	text-align:center;
	position: relative; line-height:35px; color:#FFFFFF;
}
#footnav a i{ margin-right:5px;}
#footnav a:after{ content:'';
	position: absolute;
	height: 100%;
	left: 0px;
	top: 0px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color:rgba(0,0,0,0.8);
}
#footnav a:before{content:'';	border-left-width: 1px;
	border-left-style: solid;
	border-left-color:rgba(255,255,255,0.1);
	position: absolute;
	height: 100%;
	right: 0px;
	top: 0px;
}

.probox{ width:1000px; max-width:100%; margin:auto;}