/* CSS Document */

*{text-overflow: ellipsis;box-sizing:border-box;

-moz-box-sizing:border-box; /* Firefox */

-webkit-box-sizing:border-box; /* Safari */}

html,body{ height:100%; width:100%;}

body{

	margin: auto; background-color:#FFFFFF;

	font-size: 16px;

	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: #005B97;

}

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;}

.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:#0061B0; color:#FFFFFF}



.pagination li a{ color:#333333}





























#header{clear:both; position:fixed; z-index:222; top:0px; left:0px; width:100%;-webkit-transition:500ms; -moz-transition:500ms; -ms-transition:500ms; transition:500ms;}



#header.navbg{

	display:block; padding-top:20px; padding-bottom:20px;

/*	background-color:#FFFFFF;

	border-bottom-width: 1px;

	border-bottom-style: solid;

	border-bottom-color: #eeeeee;*/

}

/*#header .box{ width:1230px; margin:auto}*/

#header.navbg .box{

	background-color:#ffffff;

	border-radius:5px;

}

#header.navbg.fixed,#header.navbg.fixed4{ background-color:#ffffff; padding-top:0; padding-bottom:0;	border-bottom-width: 1px;

	border-bottom-style: solid;

	border-bottom-color: #dddddd;}

#header.navbg.fixed4+.clear{ height:88px;}

#header .logo{padding-top:10px; padding-bottom:10px;}

.nav{

	line-height:35px;

	z-index:2;

 margin-top:26.5px; margin-bottom:26.5px;

}













.nav ul{

	margin: 0px;

	padding: 0px;

}

#header .nav >ul> li{margin-left:5px; margin-right:5px;}

.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:#333333;-webkit-transition:0ms; -moz-transition:0ms; -ms-transition:0ms; transition:0ms;border-radius:5px;}

.nav>ul>li.active>a,.nav ul li:hover >a,.nav ul li a.hover{ background-color:#F79000; color:#FFFFFF;}



.nav >ul> li.nodes:hover> a{border-radius:5px 5px 0 0;}







#header .nav ul ul{ display:none; position:absolute; top:100%; 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 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:#F79000;}



#header .nav> ul>li> ul{

	border-top-width: 3px;

	border-top-style: solid;

	border-top-color: #F79000;

}

#header .box{ padding-left:10px; padding-right:10px;}

.flash{--swiper-theme-color:rgba(255,255,255,0.8); position:relative;}







.bannerin{

	margin:auto;

	text-align:center;

	min-height:400px;

	background-repeat: no-repeat;

	background-position: center center; color:#ffffff;display: flex;

    justify-content:center;

    align-items:center;text-shadow:0 0 5px rgba(0,0,0,0.2);

}

.bannerin .h1{ font-size:48px; position:relative; font-weight:bold;}

.bannerin .h1:after{

	content:'';

	position:absolute;

	left:50%;

	bottom:0;

	width: 2em;

	border-bottom-width: 3px;

	border-bottom-style: solid;

	border-bottom-color: #FFFFFF; margin-left:-1em;

}

.bannerin .h2{

	font-size:24px;

	text-transform: uppercase; color:rgba(255,255,255,0.8);

}

.block{ padding-top:50px; padding-bottom:50px;}



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





}

@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: 1024px) {

.nav ul li a{ padding-left:10px; padding-right:10px; }}





#foot{ background-size:100% 100%; padding-top:50px;  background-color:#2D2D2D;}



#foot,#foot a{color: #C3C4C6;}

#foot *{ max-width:100%;}

#foot a:hover{ color:#fff;}





#foot .fnav{

	float:left;

	width:270px;

	border-right-width: 1px;

	border-right-style: solid;

	border-right-color: rgba(255,255,255,0.1); margin-right:50px; min-height:180px; 

}



#foot .lxin{ float:left;  width:450px; padding-right:180px;margin-right:0; font-size:14px; }

#foot .lxin .tel{

	color:#FFFFFF;

	font-size:28px;



	font-family: Impact;

	background-image: url(tel.jpg);

	background-repeat: no-repeat;

	background-position: left center;

	padding-left: 50px;

}

#foot .fnav .title{ font-size:16px; font-weight:bold; color:#FFFFFF; padding-bottom:10px;}

#foot .fnav>ul{}

#foot .fnav>ul>li{ float:left; width:50%; font-size:20px;}

#foot .fnav>ul>li>a{color:#bbbbbb; position:relative; font-size:14px; 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{ display:none}



#foot .qrcode{ float:right;}

#foot .copy{

	margin-top:20px; float:left; width:100%;box-sizing:border-box;

	clear:both;

	font-size:12px;

	padding-top:10px;

	padding-bottom:10px;

	position:relative;

	border-top-width: 1px;

	border-top-style: solid;

	border-top-color:rgba(255,255,255,0.3);

	background-image: url(footlogo.png);

	background-repeat: no-repeat;

	background-position: left 10px; min-height:84px; padding-left:180px; 

}

#foot .copy,#foot .copy a{color:#b7b7b7;}



#foot .copy .gotop{

	position:absolute;

	top:10px;

	right:0px;

	border: 1px solid rgba(255,255,255,0.5); float:right; line-height:30px; height:30px; width:30px; text-align:center; cursor:pointer;

}

/*关于我们*/





.aboutpic {padding-top:50px; /*padding-bottom:50px;*/ }

.aboutpic .left{ float:left; width:50%;}

.aboutpic .left .h1{ font-size:42px; line-height:1.5; color:#0061b0; font-weight:bold;}

.aboutpic .left .h2{ font-size:22px;line-height:1.5; font-weight:bold; color:#333333; max-width:420px;}

.aboutpic .left .hc{ font-size:16px; color:#393939; padding-top:30px;}

.aboutpic .left  .more{ padding-top:40px; line-height:35px;}

.aboutpic .left .more a{ display:inline-block; background-color:#F69000;color:#fff; padding-left:30px; padding-right:30px; position:relative;}

.aboutpic .left .more a:after{

	content:'';

	border-bottom-width:17.5px;

	border-left-width:5px;

	border-bottom-style: solid;

	border-left-style: solid;

	border-bottom-color: rgba(255,255,255,0);

	border-left-color: #F69000;

	position:absolute;

	right:-10px;

	top:0;

	border-top-width: 17.5px;

	border-right-width: 5px;

	border-top-style: solid;

	border-right-style: solid;

	border-top-color: #F69000;

	border-right-color:  rgba(255,255,255,0);-webkit-transition:500ms; -moz-transition:500ms; -ms-transition:500ms; transition:500ms;

}

.aboutpic .left .more a:hover{background-color:#0061b0;}

.aboutpic .left .more a:hover:after{border-top-color:#0061b0;border-left-color:#0061b0;}

.aboutpic .right{ width:48%;

	max-width:645px;

	min-height:376px;

	float:right;

	border: 1px solid #dddddd; padding:5px; overflow:hidden;

}

.aboutpic .right *{ max-width:100%;}

.youshi{

	padding-top:10px;

	padding-bottom: 10px;

	margin-top:30px;

	border: 1px solid #eee;box-shadow:0 0 5px rgba(100,100,100,0.2);border-radius:3px;

}

.youshi .item{ float:left; width:25%; position:relative; text-align:center; padding-top:15px; padding-bottom:15px;}

.youshi .item .t1{ font-size:18px; font-weight:bold; color:#010101;}

.youshi .item .t2{ font-size:14px; color:#393939; line-height:1.5;}

.youshi .item:after{

	position:absolute;

	left:0px;

	top:10%;

	content:'';

	height: 80%;

	border-left-width: 1px;

	border-left-style: solid;

	border-left-color: #eee;

}

.youshi .item:first-child:after{ display:none}



/*产品中心*/

.etitle{ font-size:36px; text-align:center; line-height:2;}

.etitle b{

	display:inline-block; position:relative;}

.etitle b:after{ content:''; width:2em; position:absolute; bottom:0; left:50%; margin-left:-1em;

	border-bottom-width: 5px;

	border-bottom-style: solid;

	border-bottom-color: #0161AE;

}

.pro{

	clear:both;

	padding-top:50px;

	padding-bottom:50px;

	background-image: url(probg.jpg);

	background-repeat: no-repeat;

	background-position: center top; background-size:100% 100%; 

}

.psort{ text-align:center; clear:both; padding-top:30px; font-size:18px; font-weight:bold;}

.psort a{ display:inline-block; padding-left:20px; padding-right:20px; line-height:40px; background-color:#DEE3E7;border-radius:40px;box-sizing:border-box; width:calc(100% / 6 - 20px); margin-left:10px; margin-right:10px; float:left;}

.psort a:hover{ background-color:#015B97;  color:#FFFFFF;}

.pro .econtent{ padding-top:30px; position:relative; float:left; width:100%;}

.pro .picli{

	position:relative;

	width:23%;

	margin-left:1%;

	margin-right:1%;

	margin-top:20px;

	margin-bottom:20px;

	float:left;

	background-image: url(yy.png);

	background-repeat: no-repeat;

	background-position: center bottom; padding-bottom:12px; background-size:100% 12px;

}
.pro .picli:nth-child(4n+1){ clear:both;}
.pro .picli .img{width:100%; overflow:hidden; padding:10px;box-sizing:border-box; background-color:#ffffff;}

.pro .picli .img>div{ overflow:hidden; float:left; width:100%; max-height:300px; min-height:300px;display: flex;

    justify-content:center;

    align-items:center;}

.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; max-height:300px;}

	

.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{

	padding:20px;

	line-height:1.5; 

	width:100%;

	background-image: url(probg2.jpg);

	background-repeat: repeat-x;

	background-position: center top;

	border-bottom-width: 2px;

	border-bottom-style: solid;

	border-bottom-color: #015B97; background-color:#FFFFFF;

}



.pro .picli .right .ntitle{

	font-size:22px;

	text-align:left;

	white-space: nowrap;

	overflow: hidden;

	font-weight: bold;

}

.pro .picli .right .dp{ margin-top:10px; min-height:4.5em; font-size:14px; line-height:1.5; color:#555555; max-height:4.5em; overflow:hidden;}



.pro .picli .right .morei{ text-align:center; clear:both; padding-top:20px; text-align:right;}

.pro .picli .right .morei span{

	display:inline-block;

	color: #666666;

	padding-left:15px; padding-right:15px; line-height:30px; background-color:#FFFFFF; font-size:14px;

}

.pro .picli .right .morei span i{ margin-right:5px; font-size:22px; float:left; font-weight:lighter;}



.pro .picli:hover .right .ntitle{ color:#ffffff;}

.pro .picli:hover .right{

	background-image: none; background-color:#015B97;

}

.pro .picli:hover .right .dp{ color:#ffffff;}



.pro .more,.news .more{ text-align:center; line-height:40px;font-size:14px; clear:both; padding-top:30px;}

.pro .more a,.news .more a{

	color: #666666;

	display:inline-block;

	padding-left:35px;

	padding-right:35px;

	background-color:#FFFFFF;

	border-radius:40px;

	border: 1px solid #dddddd;

}

.pro .more a:hover,.news .more a:hover{background-color:#015B97; color:#FFFFFF;border-color:#015B97;}



/*新闻动态*/

.news{ clear:both; padding-top:50px; padding-bottom:50px;}



.news .econtent{ padding-top:50px; position:relative; float:left; width:100%;}

.news .econtent *{ max-width:100%;}

.news .l{ float:left; width:49%;}
.news .l.fr{ float:right}
.news .r{ float:right; width:49%;}

.news .picli{

	float:left;

	width:100%;

	position:relative;



}

.news .l .picli{

	

	position:relative;

	border-bottom-width: 1px;

	border-bottom-style: solid;

	border-bottom-color: #ddd;  padding-top:8px; padding-bottom:8px;

}



.news .l .picli .img{ width:250px;  min-height:155px; max-height:155px; float:left;overflow:hidden; display:none;}

.news .picli:after{

	content:'';

	position:absolute;

	bottom:-1px;

	left:0px;

	width:0px;

	border-bottom-width: 2px;

	border-bottom-style: solid;

	border-bottom-color: #005B97;-webkit-transition:500ms; -moz-transition:500ms; -ms-transition:500ms; transition:500ms;

}

.news .l .picli:hover:after{ width:100%;}



.news  .r .picli .img{width:100%; overflow:hidden; min-height:175px; max-height:175px;}

.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; min-height:155px; max-height:155px;}

	

.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{line-height:1.5; width:100%; padding:10px; position:relative;padding-left:0; padding-right:0; }

.news .l .picli .right{ padding-right:50px;}

.news .l .picli .right .morei{ position:absolute; top:50%; margin-top:-16px; right:0px;}

.news .r .picli .right .morei{ padding-top:10px; text-align:right; padding-bottom:10px;}

.news .l .picli .right .dp{ display:none;}



.news .picli .right .morei span{

	border: 1px solid #dddddd;color:#999999; line-height:30px; width:30px; text-align:center; display:inline-block; 

}

.news .picli:hover .right .morei span{ background-color:#015B97; color:#FFFFFF;}

.news .picli .right .ntitle{

	font-size:18px;

	text-align:left;

	white-space: nowrap;

	overflow: hidden; padding-bottom:5px; font-weight:bold;

}

.news .picli .right  .date{ color:#7c7c7c; font-size:12px;}

.news .picli .right .dp{ padding-top:0px; margin-top:5px; color:#7c7c7c; font-size:14px; }



.news .picli .right .more{ clear:both; padding-top:10px;color:#666; font-size:12px;}



.news .l .picli .right{ padding-left:20px;}

.news .l .picli .right:before{

	position:absolute;

	left:0;

	top:10px;

	height:calc(100% - 20px);

	border-left-width: 1px;

	border-left-style: solid;

	border-left-color: #015B97; content:'';

}

.news .l .picli:nth-child(1) {padding-top:0px; padding-bottom:0px;}

.news .l .picli:nth-child(1) .right{ padding-left:0;}

.news .l .picli:nth-child(1) .right:before{ display:none;}

.news .l .picli:nth-child(1) .img{ display:block;}

.news .l .picli:nth-child(1) .img+.right{width:calc(100% - 260px); float:right; padding-right:0px;}

.news .l .picli:nth-child(1) .img+.right .morei{ display:none;}

.news .l .picli:nth-child(1){ border:none; padding-bottom:20px;}

.news .l .picli:nth-child(1):hover:after{ display:none;}

.news .l .picli:nth-child(1) .right .dp{ display:block; margin-top:10px; max-height:6em; overflow:hidden;}

.news .l .picli:nth-child(1) .right{ padding-top:0;}



.news .r .picli{ float:left; width:48%; margin-left:1%; margin-right:1%;}

.news .r .picli .dp{ max-height:4.5em; overflow:hidden;}

.news .r .picli .date{ display:none;}



/*首页友情链接*/

.link{ background-color:#0061B0; padding-top:15px; padding-bottom:15px; font-size:14px;}

.link,.link a{ color:#ffffff;}

.link .t{ float:left;}

.link .t i{ font-size:14px; margin-right:3px;}

.link .econtent{ float:left; width:calc(100% - 90px);}





.wxqrcode .close{ position:absolute; top:10px; right:10px; background-color:#000000; color:#ffffff; font-size:12px; width:20px; line-height:20px;border-radius:100%; cursor:pointer;}

.wxqrcode+.bg{ content:''; background-color:rgba(0,0,0,0.3); z-index:98; left:0; top:0; width:100%; height:100%; position:fixed; display:none;}

.wxqrcode{transform: scale(0);

    -moz-transform: scale(0);

    -webkit-transform: scale(0);

    -o-transform: scale(0);

    -ms-transform: scale(0); position:fixed; top:50%; left:10%; width:80%; height:300px; margin-top:-150px; background-color:rgba(255,255,255,0.8); z-index:99; text-align:center;border-radius:10px;display:flex;

    justify-content:center;

    align-items:center;transition: all 0.3s;

    -moz-transition: all 0.3s;

    -webkit-transition: all 0.3s;

    -o-transition: all 0.3s;}

.wxqrcode.hover,.wxqrcode.hover+.bg{display:flex;transform: scale(1);

    -moz-transform: scale(1);

    -webkit-transform: scale(1);

    -o-transform: scale(1);

    -ms-transform: scale(1);}	



.wxqrcode img{ width:200px; max-width:80%;}

#footnav{

	position: fixed; z-index:2;

	left: 0px;

	bottom: 0px; float:left; width:100%; background-color:rgba(0,74,145,0.8); background-color:#005B97; display:none;

}

#footnav a{

	float:left;

	width:25%;

	text-align:center;

	position: relative; line-height:35px; color:#FFFFFF; padding-top:10px; line-height:1.2; padding-bottom:10px; font-size:16px;

}

#footnav a i{ display:block; font-size:24px; line-height:24px;}





#footnav a:nth-child(1):after{ display:none}





.app_header{ display:none;}



/*内页当前位置*/

#postion{ background-color:#F3F3F3;}

#postion .leftdh{ line-height:80px;}

#postion .leftdh ul ul{ display:none;}

#postion .leftdh ul>li{ display:inline-block;}

#postion .leftdh ul>li a{ display:inline-block; padding-left:20px; padding-right:20px; font-size:20px; position:relative;}

#postion .leftdh ul>li+li{

	border-left-width: 1px;

	border-left-style: solid;

	border-left-color: #ffffff;

}



#postion .leftdh ul>li.hover>a,#postion .leftdh ul>li:hover>a{ background-color:#0061A0; color:#FFFFFF;}

#postion .leftdh ul>li>a:after{-webkit-transition:500ms; -moz-transition:500ms; -ms-transition:500ms; transition:500ms;	content:'';

	position:absolute;

	bottom:-20px;

	left:50%;

	margin-left:-10px;

	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: rgba(255,255,255,0);

	border-right-color: rgba(255,255,255,0);

	border-bottom-color:rgba(255,255,255,0);

	border-left-color: rgba(255,255,255,0);}

#postion .leftdh ul>li.hover>a:after,#postion .leftdh ul>li:hover>a:after{

	border-top-color: #0061A0;

}



#postion .postion{ max-height:80px; min-height:80px; line-height:1.5; display: flex;

    justify-content:center;

    align-items:center; float:right; text-align:left; font-size:14px;}

#postion .postion i{ color:#cccccc; margin-right:3px;}

#postion .postion,#postion .postion a{ color:#777777;}



.boxin{ padding-top:50px; padding-bottom:50px;}

.boxin .aboutpic{ padding:0;}

/*内页企业文化*/



.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:20%; margin-bottom:20px;}

.honorin .picli *{ max-width:100%;}

.honorin .picli:nth-child(5n+1){ clear:both;}

.honorin .picli div.img{

	border: 1px solid #ddd;

	padding: 2px; width:260px; max-width:100%; 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%;}



/*详细页*/

#cms1 *{ max-width:100%;}

#cms1 .content{ font-size:16px; color:#333333; }
.maxcontent{ width:1000px; margin:auto;}
#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; line-height:1.5;}

.nextpage>div{

	padding-top:5px;

	white-space: nowrap;

	overflow: hidden; padding-bottom:5px;

}

/*联系*/

.contact *{ max-width:100%;}

.contact .left{ float:left; width:49%;}

.contact .right{ float:right; width:49%;}



.contact .map{ clear:both;}

.contact .map iframe{ width:100%; min-height:420px;}



/*产品*/

#cms .picli{



	width:23%;

	margin-left:1%;

	margin-right:1%;

	float:left; margin-bottom:20px; text-align:center

}

#cms .picli div.img{border: 1px solid #ddd; padding:5px; }



#cms .picli div.img>div{ overflow:hidden; min-height:265px; max-height:265px;}

#cms .picli div.img>div img{  /*min-height:265px; */max-height:265px; max-width:100%;/* min-width:100%;*/}

#cms .picli div.ntitle{

	white-space: nowrap;

	overflow: hidden; margin-top:10px;

}

#cms .picli:nth-child(4n+1){ clear:both}









/*新闻动态*/

#cms .newsli{ text-align:left; position:relative; float:left; width:49%; padding-top:35px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ddd; position:relative; padding-bottom:35px;}
	
#cms .newsli{ width:100%;}	
	

#cms .newsli:nth-child(2n+1){ clear:both;}	

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

#cms .newsli .date{

	width:100px;

	float:left;

	text-align:center;

	color:#0061A0;

	line-height:1.5;

	border-right-width: 1px;

	border-right-style: solid;

	border-right-color: #ddd; font-size:12px; 

}

#cms .newsli .date b{ display:block; font-size:36px}

#cms .newsli .date span{ display:block}



#cms .newsli .right{ margin-left:0;	position:relative;}

#cms .newsli .date+.right{

	margin-left:120px;



}

#cms .newsli .right .time{ color:#cccccc; font-size:12px; padding-bottom:10px;}

#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:28px;

	line-height:1.2;

	padding-bottom:10px;

	white-space: nowrap;

	overflow: hidden;

}

#cms .newsli .right .dp{ color:#999999; line-height:1.5; min-height:3em; max-height:3em; overflow:hidden; }

#cms .newsli .right .hc{ margin-right:180px;}

#cms .newsli.jsli2 .right .hc{ margin-right:0;}
#cms .newsli.jsli2 .right .dp{ max-height:100em; min-height:0;}
#cms .newsli div.img{

	position:absolute;

	top:50%; margin-top:-57px;

	right:0px;

	width:150px;

	padding:2px;

	background-color:#ffffff;

	overflow:hidden;

	border: 1px solid #dddddd;

}

#cms .newsli div.img a{ overflow:hidden; display:block;}

#cms .newsli div.img img{ width:100%;min-height:100px; max-height:100px;}



#cms .newsli:after{ content:'';	border-bottom-width: 2px;

	border-bottom-style: solid;

	border-bottom-color:#0061A0; position:absolute; bottom:0; left:0; width:0px;-webkit-transition:500ms; -moz-transition:500ms; -ms-transition:500ms; transition:500ms;}



#cms .newsli:hover:after{ width:100%;}



.proshow .img{

	float:left;

	overflow:hidden;

	border: 1px solid #dddddd; padding:2px; background-color:#FFFFFF; width:500px;

}

.proshow .img>div{ overflow:hidden;}

.proshow .img img{ max-width:500px; min-width:500px;}

.proshow .right{ margin-left:530px; line-height:1.2;}

.proshow .right .item{ padding-top:5px; padding-bottom:5px;}

.proshow .right .t1{

	font-size:22px;

	color:#0061A0;

	font-weight: bold;

}

.proshow .right .t2{ font-size:14px; color:#666666}

.proshow .right .t2,.proshow .right .t2 a{ color:#666666;}

.proshow .right .t3{

	margin-top:10px;

	color:#666666;

	line-height:1.5;

	word-break: break-all;

	white-space: pre-line;

	overflow-wrap: break-word;

	max-width:100%;

}

.proshow .right .t4{ padding-top:25px; line-height:45px; font-size:18px;}

.proshow .right .t4 a{ background-color:#F69000; color:#FFFFFF; display:inline-block; padding-left:30px; padding-right:30px;border-radius:3px;}

.proshow .right .t4 a i{ margin-right:3px;}



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

.back a{ display:inline-block; padding-left:20px; padding-right:20px; background-color:#0061B0; color:#FFFFFF; font-size:14px;border-radius:3px;}

.back a:hover{ background-color:#F69000;}



.ptitle{

	margin-top:30px;

	border-bottom-width: 1px;

	border-bottom-style: solid;

	border-bottom-color: #dddddd; line-height:45px; margin-bottom:10px;

}



.ptitle b{ display:inline-block; background-color:#0061A0; color:#FFFFFF; padding-left:30px; padding-right:30px;border-radius:3px 3px 0 0;}

.sort{ display:none;}

.sort{ padding-top:10px; padding-bottom:10px; float:left; width:100%;}

.sort>ul>li{ float:left; width:48%; margin-left:1%; margin-right:1%; text-align:center; margin-top:5px; margin-bottom:5px;}

.sort ul ul{ display:none;}

.sort>ul>li>a{

	display:block;

	border: 1px solid #dddddd;

}

.sort>ul>li.hover>a{ background-color:#015B97; color:#FFFFFF;}





















/*内页产品列表*/

#left{ width:350px; float:left;}

#left+#right{ width:calc(100% - 400px); float:right;}

#left .title2{ font-size:40px; position:relative; padding-bottom:30px; margin-bottom:20px;}

#left .title2:after{ content:'/';transform: rotate(30deg); font-size:22px; font-weight:lighter; position:absolute; bottom:0; left:0;}

#left,#right{ margin-top:20px;}

#left .sort2{

	background-image: url(leftbg.png);

	background-repeat: no-repeat;

	background-position: center bottom;

}

#left .bk{

	background-color:#ffffff;

	border: 1px solid #dddddd; margin-bottom:20px;border-radius:15px;box-sizing:border-box; padding:20px;

}

#left .title{

	font-size:24px;



	margin-bottom:10px;

	font-weight: bold;

}

#left .title b{ display:block;border-bottom-width: 1px;

	border-bottom-style: solid;

	border-bottom-color: #dddddd; 	padding-bottom:20px;}

.leftnews .li{

	border-bottom-width: 1px;

	border-bottom-style: solid;

	border-bottom-color: #dddddd; padding-bottom:10px; padding-top:10px; line-height:1.5;

}

.leftnews .li .ntitle{}



.leftnews .li .time{ color:#999999; font-size:14px; padding-top:5px;}



.tags .econtent a{ background-color:#F6F7FB; display:inline-block; margin-left:5px; margin-right:5px; padding-left:30px; padding-right:30px;border-radius:50px; line-height:35px; margin-top:5px; margin-bottom:5px;}

.tags .econtent a:hover{ background-color:#A5C41E; color:#FFFFFF;}

.tags .econtent ul li{ display:inline-block;}

.lxin .econtent{ line-height:2;}

#left .sh{border-radius:45px; background-color:#F6F6F6;}

#left .sh input{ height:45px; background-color:rgba(255,255,255,0);border:none; width:calc(100% - 60px);box-sizng:border-box; padding-left:15px; }

#left .sh button{height:45px; background-color:rgba(255,255,255,0);border:none; width:45px;}

.leftdh2{ padding-top:10px;}

.leftdh2 ul li a{ display:block; position:relative; padding-left:60px;border-radius:30px; line-height:35px; margin-top:3px; margin-bottom:3px; padding-top:5px; padding-bottom:5px;}

.leftdh2 ul li a:before{ content:''; width:6px; height:6px; background-color:#999999; position:absolute; float:left; top:50%;border-radius:100%; margin-top:-3px; left:40px;}

.leftdh2 ul li.hover> a,.leftdh2 ul li:hover> a,.leftdh2 ul li.active>a{ display:block; background-color:#343434; color:#FFFFFF;}

.leftdh2 ul li.hover> a:before,.leftdh2 ul li:hover> a:before,.leftdh2 ul li.active>a:before{background-color:#ffffff; }



#left .title2{ text-align:left; line-height:1.2;}

#left .title2 b{ display:block;}

#left .title span{ display:block;}



.leftdh2 ul ul{ display:none;}

.leftdh2 ul li:hover> a{background-color:#005B97; }



.postion2{

	font-size:14px;

	text-align:right;

	border-bottom-width: 1px;

	border-bottom-style: solid;

	border-bottom-color: #dddddd;padding-top:10px; padding-bottom:10px;

}

.postion2,.postion2 a{ color:#999999;}

/*产品详情页*/

.proshow2 .img{

	float:left;

	overflow:hidden;

	border: 1px solid #dddddd; padding:2px; background-color:#FFFFFF; width:100%;border-radius:5px;

}

.proshow2 .left{ float:left; width:500px;}

.proshow2 .img>div{ overflow:hidden;border-radius:5px;}

.proshow2 .img img{ max-width:100%; min-width:100%;}

.proshow2 .right{ width:calc(100% - 550px); float:right; line-height:1.2;}

.proshow2 .right .item{ padding-top:10px; padding-bottom:10px; font-size:20px;}

.proshow2 .right .item span{ font-weight:bold; display:inline-block; padding-right:5px; color:#333333;}

.proshow2 .right .t1{

	font-size:28px;

	color:#005B97;

	font-weight: bold;

	 position:relative; padding-top:0; padding-bottom:0; 

}



.proshow2 .right .t2{ 

border-bottom-width: 1px;

	border-bottom-style: solid;

	border-bottom-color: #dddddd; margin-bottom:20px;



}

.proshow2 .right .t2,.proshow .right .t2 a{ color:#333333;}

.proshow2 .zxbtn{ text-align:right; padding-top:50px; line-height:50px;}

.proshow2 .zxbtn a{ display:inline-block; padding-left:40px; padding-right:40px; background-color:#005B97; color:#ffffff; font-weight:bold; font-size:20px;border-radius:30px;}

.proshow2 .zxbtn a:hover{ background-color:#F79000; }

.proshow2 .right .t3{ font-size:16px; line-height:2;}

.pics{ position:relative; clear:both; margin-top:10px;--swiper-navigation-size:22px;--swiper-theme-color:#999; float:left; width:100%;}

.pics.itt{ padding-left:30px; padding-right:30px;}

.pics .swiper-container{position:relative; overflow:hidden;}

.pics img{

	max-width:100%;

	padding: 2px;

	border: 1px solid #dddddd;box-sizing:border-box;

}

.procontent2 .ptitle{ margin-top:0; margin-bottom:0;}

.procontent2{

	border: 1px solid #005B97; margin-top:20px;

}

.procontent2.table td{ padding:10px;}

.procontent2.table .t{ color:#999999; font-size:14px;}

.procontent2 .content{ padding:10px;}



.ptitle{

	border-bottom-width: 1px;

	border-bottom-style: solid;

	border-bottom-color: #dddddd; line-height:45px;  background-color:#005B97;color:#FFFFFF;

}

.ptitle span{ display:inline-block;   padding-left:10px; }

.sorts{ box-sizing:border-box;text-align:center; padding-bottom:20px; line-height:35px; /*background-color:#f5f5f5;*/ margin-bottom:20px; padding-top:20px;border-radius:5px; }

.sorts ul li{ display:inline-block;}

.sorts ul li a{ margin-left:5px; margin-right:5px;

	display:block;

	padding-left:20px;

	padding-right:20px;

	border: 1px solid #dddddd; background-color:#FFFFFF;border-radius:5px; padding-top:5px; padding-bottom:5px;

}

.sorts ul ul{ display:none;}

.sorts ul li a:hover,.sorts ul li.hover> a{border-color:#005B97; background-color:#005B97; color:#FFFFFF}

.proin2{ padding-top:30px; padding-bottom:30px;}





.hh2 {

  position: relative;

  border-bottom-width: 1px;

  border-bottom-style: solid;

  border-bottom-color: #dddddd; margin-top:5px; margin-bottom:5px; font-size:22px;

}

.hh2 span {

  background-color: #0061A0;

  display: inline-block;

  color: #FFFFFF;

  padding-left: 10px;

  padding-right: 10px;

}

.procontent{ width:1000px; max-width:100%;}



.wenhua{

	background-image: url(a_6.jpg);

	background-repeat: no-repeat;

	background-position: center top; min-height:705px; box-sizing:border-box; padding-top:60px; padding-bottom:100px;

}

.wenhua .econtent{ clear:both; padding-top:100px; }

/*.wenhua .etitle {color: #005B97;}*/

.wenhua .picli{font-size: 18px; width:32%; margin-left:2%; float:left; background-color:rgba(255,255,255,0.8);box-sizing:border-box; padding:30px;border-radius:5px; text-align:center; position:relative;-webkit-transition:300ms; -moz-transition:300ms; -ms-transition:300ms; transition:300ms;}

.wenhua .picli .img{ position:absolute; left:50%; float:left; margin-left:-50px; top:-50px;background-color:rgba(255,255,255,0.8);border-radius:100%; width:100px; padding:12.5px;}





.wenhua .picli:hover{ background-color:#005B97; color:#FFFFFF}





.wenhua .picli .img,.youshi .item .img,.lxli ul li .img{-webkit-transition:300ms; -moz-transition:300ms; -ms-transition:300ms; transition:300ms;border-radius:100%; overflow:hidden;}

.wenhua .picli:hover .img,.youshi .item:hover .img,.lxli ul li:hover .img{

transform: rotate(720deg)

}

.wenhua .picli:nth-child(3n+1){ margin-left:0; clear:both;}

.wenhua .picli  .h1{

	font-size: 33px; padding-top:30px; color:#005BFF;

}

.wenhua .picli  .h2{

	color: #777777;

	

}

.wenhua .picli  .hc{ margin:auto;

	color: #000000;  line-height:1.5; min-height:4.5em; margin-top:30px;max-width: 370px;

}

.wenhua .picli:hover .h1,.wenhua .picli:hover .h2,.wenhua .picli:hover .hc{ color:#ffffff;}



   .honorMain { 

	background-image: url(honorbg.jpg);

	background-repeat: no-repeat;

	background-position: center top; padding-top:60px; padding-bottom:80px; 

}

.honorMain .econtent{ padding-top:30px;}

  .honorMain .honorList { overflow:hidden; padding-top:100px;width:65%; padding-bottom:100px; max-width:1200px; margin:auto;  }



  .honorList .swiper-slide img{ max-width:100%;}



.honorMain  .econtent{ position:relative; }

.honorMain .swiper-button-next,.honorMain .swiper-button-prev{border-radius:100%;

	border: 2px solid #005B97;--swiper-theme-color:#005B97;--swiper-navigation-size:30px; width:44px; line-height:44px; height:44px; text-align:center;-webkit-transition:500ms; -moz-transition:500ms; -ms-transition:500ms; transition:500ms;

}

.honorMain .swiper-button-next:hover,.honorMain .swiper-button-prev:hover{background-color:#005B97; color:#ffffff;

}







/*客服*/

.kefu{ position:fixed; top:30%;border-radius:10px; right:0; color:#FFFFFF; text-align:center; width:50px; z-index:9; font-size:12px; }



.kefu .iconfont{ color:#FFFFFF; font-size:24px; line-height:1;}

.kefu a{ color:#ffffff; overflow:hidden;}

.kefu .item:hover{ background-color:#1f2f46;}

.kefu .item.wx{border-radius:25px 25px 0 0;}
.kefu .item.wx img{ max-width:200px;}
.kefu .item.gotop{border-radius:0 0 25px 25px;}

.kefu .wx .wxqrcode2{

	Opacity:0;

	position:absolute;

	top:0;

	right:-200%;

	z-index:-1;

-webkit-transition:500ms; -moz-transition:500ms; -ms-transition:500ms; 	transition:500ms;

	border: 1px solid #dddddd; padding:5px; background-color:#FFFFFF;

}

.kefu .wx:hover .wxqrcode2{Opacity:1; position:absolute; top:0; right:100%; z-index:-1; }

.kefu .item{background-color:#005B97;

	border-top-width: 1px;

	border-top-style: solid;

	border-top-color: #ffffff;border-top-color: rgba(255,255,255,0.6); position:relative;

}

.kefu .item .msg{

	background-color:#1f2f46;

	position:absolute;

	right:-100%; font-size:14px; height:100%;

	top:0%;

	color:#fff;

	white-space: nowrap; padding-left:10px; padding-right:10px;  z-index:-1;-webkit-transition:500ms; -moz-transition:500ms; -ms-transition:500ms; transition:500ms;box-sizing:border-box;border-radius:35px 0 0 35px;display: flex;

    justify-content:center;

    align-items:center;

}

.kefu .item .msg>div{ text-align:left; width:100%;}

.kefu .item .msg.ftel{ right:-350%;}

.kefu .item:hover .msg{right:100%;}

/*.kefu .item .msg:after{

	content:'';

	border-top-width: 5px;

	border-right-width: 5px;

	border-bottom-width: 5px;

	border-left-width: 5px;

	border-top-style: solid;

	border-right-style: solid;

	border-bottom-style: solid;

	border-left-style: solid;

	border-top-color: rgba(255,255,255,0);

	border-right-color:  rgba(255,255,255,0);

	border-bottom-color: rgba(255,255,255,0);

	border-left-color: #EB9912; position:absolute; right:-10px; top:50%; margin-top:-5px;

}*/



.kefu .item:nth-child(1){ border:none;}

.kefu .item a{ display:block; padding:5px; padding-top:10px; padding-bottom:10px; cursor:pointer;}

.kefu .gotop .iconfont{

	border: 2px solid #ffffff;border-radius:100%; font-size:20px; padding:5px; font-weight:bold; display:inline-block;

}

/*.kefu .gotop>a{ padding-top:30px;}*/

.kefu .gotop  .txt{ padding-top:5px;}



@media screen and (max-width :816px){

.kefu{ display:none}

}









/*内页联系我们*/

.lianxi{ padding-top:100px; padding-bottom:100px; 



}

.lianxi .bkt{border-radius:10px; overflow:hidden;}

.lianxi .title2{ position:relative;}

.lianxi .title2 span,.lianxi .title2 b{ color:#FFFFFF; font-weight:bold;}

.lianxi .title2 span{ position:relative; display:inline-block; padding-right:20px;}

.lianxi .title2 span:after{ content:''; position:absolute; right:5px; top:50%; margin-top:-5px; width:10px; height:10px; background-color:#ffffff;border-radius:100%;}

.lianxi .title2 b{ position:relative; display:inline-block;}

.lianxi .title2:after{ left:50%; content:''; position:absolute; bottom:0; height:5px; width:2em; background-color:#FFFFFF; margin-left:-1em; z-index:1;}



.lianxi .etitle b::after{ display:none;}



.lianxi .contact{box-sizing:border-box; margin:auto;background-color:#f5f5f5;  float:left; width:100%;}



.lianxi .contact .left{ width:500px; background-color:#005B97; float:left; padding:20px;box-sizing:border-box; position:relative; min-height:400px;}

.lianxi .contact .left .dp{ font-size:14px; color:rgba(255,255,255,0.3); bottom:20px; left:20px; position:absolute;}



  .lianxi .contact .left:after{

	content:'Contact Us';

	position:absolute;

	top:120px;

	left:50px;

	position:absolute;

	color:rgba(255,255,255,0.05);

	font-size:80px;

	text-transform: uppercase;

	font-weight:bold;

	font-family: Arial, Helvetica, sans-serif; line-height:1.1;

}

.lianxi .contact .right{ width:calc(100% - 500px); float:right; padding:30px;box-sizing:border-box;}

.lianxi .contact .right .title{

	font-size:28px;

	border-bottom-width: 1px;

	border-bottom-style: solid;

	border-bottom-color: #dddddd; padding-bottom:10px;

}

.lianxi .contact .right .hc{ padding-top:40px;}



 .lxli{ clear:both;}

 .lxli ul li .img{float:left; max-width:75px;display: flex;

    justify-content:center;

    align-items:center; background-color:#005B97;border-radius:100%; padding:0px; overflow:hidden;}

 .lxli ul li img{ float:left; max-width:75px; background-color:#005B97;border-radius:100%; padding:0px;}

 .lxli ul li img+div,.lxli ul li .img+div{ margin-left:95px; line-height:1.5;}

 .lxli ul li .t1{  font-size:20px; color:#333333;}

 .lxli ul li  .t2{ color:#666666;}

 .lxli ul li{ float:left; width:32%; margin-left:2%; margin-top:15px; margin-bottom:15px;}

 .lxli ul li:nth-child(3n+1){ margin-left:0; clear:both;}

 

 .mapjson+iframe{ width:100%; margin-top:0px; min-height:350px; float:left;}

 

 .jtitle{ background-color:#eeeeee; line-height:1.5; font-size:22px; display:table; width:100%;}

 .jtitle span{ display:table-cell; text-align:center; cursor:pointer; position:relative; padding:15px;}

 .jtitle span+span:before,.jtitle span+span:after{

	content:'';

	position:absolute;

	left:0;

	top:50%;

	border-left-width: 1px;

	border-left-style: solid;

	border-left-color: #cccccc; height:30px; margin-top:-15px;

}

.jtitle span+span:after{ left:1px; border-color:#ffffff;}

.jtitle span.hover:after,.jtitle span.hover:before,.jtitle span.hover+span:after,.jtitle span.hover+span:before{ display:none;}

 .jtitle span.hover{background-color:#005B97; color:#FFFFFF}

 .jcontent{ display:none;  margin:auto; margin-top:20px; line-height:2;}

 .jcontent *{ max-width:100%;}

 .jsbox{width:1200px; max-width:100%;}

 .jcontent.hover{ display:block;}

 #cms .caseli{ background-color:#F5F5F5;}
 #cms .caseli{ width:32%; margin-left:2%; margin-right:0;}
 #cms .caseli div.img > div {
  overflow: hidden;
  min-height: 374px;
  max-height: 374px;
}
 #cms .caseli div.img > div img {
  max-height: 374px; min-height: 374px;
}
  #cms .caseli:nth-child(4n+1){ clear:none;margin-left:2%;}
 #cms .caseli:nth-child(3n+1){ margin-left:0; clear:both;}
#cms .caseli div.img{ padding:0; border:none;}
#cms .caseli div.ntitle{ margin-top:0; padding:20px 15px; z-index:1; box-sizing:border-box; position:relative; -webkit-transition:300ms; -moz-transition:300ms; -ms-transition:300ms; transition:300ms;}
#cms .caseli .ntitle:after{ content:''; left:0; top:-100%; z-index:-1; position:absolute; height:100%; width:100%; background-color:#1E76CF; -webkit-transition:300ms; -moz-transition:300ms; -ms-transition:300ms; transition:300ms;}
#cms .caseli:hover .ntitle:after{ top:0;}
#cms .caseli:hover div.ntitle{ color:#ffffff;}