@charset "utf-8";
*{margin: 0;padding: 0;border: 0;outline: none;
box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box;
-ms-box-sizing: border-box; -moz-box-sizing: border-box;}
html {width: 100%; font-weight: normal;
	-webkit-text-size-adjust:none; -ms-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;}
body{font-size: 14px;line-height: 1.6;background-color:#fff;color:#666666;  font-family: Arial,'Microsoft YaHei'; }
ul,ul li,ol,li {list-style: none outside none;}
img {vertical-align: middle;border: none;}
input,select,option,label,th,textarea{vertical-align: middle;border: none;font-family: Arial,'Microsoft YaHei';}
a {text-decoration: none;color: inherit;}
a:hover {text-decoration: none;  }
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix {zoom: 1;display: block;_height: 1px;clear: both;}
.fl {float: left;}
.fr {float: right;}
.container{display: block;max-width: 1300px; margin: 0 auto; }

.hidden{ overflow:hidden;}

.header{ height:108px;}
.logo{ height:108px;}
.logo img{ display:block; height:108px;}




.nav-toggle{display: none;float: right;margin:23px 10px 0 0;background: none;border: none;outline: none;cursor: pointer;}
.nav-toggle span{display: block;width: 20px;height: 1px;margin: 6px;background-color: #0166da;-webkit-transition: 0.3s ease-in-out;-o-transition: 0.3s ease-in-out;transition: 0.3s ease-in-out;}
.nav-toggle.close .span1{-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);transform-origin: 0% 0%;}
.nav-toggle.close .span2{opacity: 0;}
.nav-toggle.close .span3{-webkit-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);transform-origin: 0% 100% ;}



.lang p{margin-top: 20px;background:url(../images/ph.png) no-repeat 0px 0px; padding-left: 86px;font-weight: bold;height:80px;}
.lang p span{ font-size: 24px;color: #3e3a39; display: block;  line-height: 34px;}

.search{ width:312px; padding:0 20px; height:42px; line-height:40px; border:1px solid #c9c9c9;border-radius:21px; margin-right:20px; margin-top:58px;}
.s01{ width:230px; height:40px; float:left; font-size:14px; color:#959595;}
.s02{ width:40px; height:40px; background:url(../images/search.png) no-repeat center center; background-size:auto 100%; float:left; cursor:pointer;}


.nav{ background:#333333;}
.navlist{ overflow:hidden; height:90px; line-height:90px;}
.navlist li{ float:left; color:#ffffff; font-size:18px; text-transform:uppercase;}
.navlist li a{ padding:0 60px; display:block;}
.navlist li:hover,.navlist li.on{ background:#0166da;}


.banner{ width:100%;}
.banner img{ width:100%; display:block;}
.banner .banwz{ position:absolute; top:50%; right:0; width:100%; margin-top:-146px;} 
.banner .banwz .content{width:44%; float:right; }
.banner .banwz h2{ color:#0166da; font-size:48px;text-transform:uppercase; line-height:60px;}
.banner .banwz h3{ color:#333333; font-size:24px; font-weight:normal; line-height:30px; }
.banner .banwz h3:after{ content:""; display:block; width:100px; height:2px; background:#0166da; margin:25px 0;}
.banner .banwz p{ color:#a2a2a2; font-size:18px; line-height:30px;}


.banwz h2{ position: relative;opacity: 0;top:-20px; -webkit-transition: 0.3s 0.5s ease-in-out;-o-transition: 0.3s 0.5s ease-in-out;transition: 0.3s 0.5s ease-in-out;}
.banner .swiper-slide-active .banwz h2{top: 0;	opacity: 1;}

.banwz h3{position: relative;opacity: 0;top:-20px; -webkit-transition: 0.3s 0.7s ease-in-out;-o-transition: 0.3s 0.7s ease-in-out;transition: 0.3s 0.7s ease-in-out;}
.banner .swiper-slide-active .banwz h3{top:0;opacity: 1;}

.banwz p{position: relative;opacity: 0;top:-20px; -webkit-transition: 0.3s 0.9s ease-in-out;-o-transition: 0.3s 0.9s ease-in-out;transition: 0.3s 0.9s ease-in-out;}
.banner .swiper-slide-active .banwz p{top: 0; opacity: 1;}




.banner .swiper-pagination{ line-height:0; bottom:8%;}
.banner .swiper-pagination:after{ content:""; position: absolute; background:#c5c5c5; height:1px; width:162px; left:50%; margin-left:-81px; top:8px; z-index:-1; display:none;}
.banner .swiper-pagination-bullet{ width:17px; height:17px; background:url(../images/page02.png) no-repeat center center; background-size:100%; opacity:1; margin:0 36px!important;}
.banner .swiper-pagination-bullet-active{background:url(../images/page01.png) no-repeat center center;  background-size:100%;}


.tit01{ overflow:hidden; margin-top:95px;}
.tit01 .tname{ font-size:50px; line-height:55px; font-weight:bold;}
.tit01 .tname span{ display:block; color:#0166da;}
.tit01 .tname span.hei{ color:#333333;}
.tit01 .tname:after{ content:""; width:34px; height:5px; background:#0166da; display:block; margin-top:15px;}

.tit01 .more{ width:115px; height:42px; line-height:40px; border-radius:20px; border:1px solid #0166da; font-size:18px; color:#0166da; text-transform:uppercase; text-align:center; margin-top:60px;}
.tit01 .more a{ display:block;}
.tit01 .more:hover{ color:#ffffff; background:#0166da;}

.homenav{ overflow:hidden; margin-top:10px;}
.homenav li{ float:left; width:23.5%; margin-right:2%; margin-top:40px; line-height:66px; border-radius:33px; background:#f0f0f0; color:#333333; font-size:22px;}
.homenav li:hover{ background:#0166da; color:#ffffff;}
.homenav li a{ display:block; text-align:center;}


.hpmain{ position:relative;}
.hotprod{ margin-top:75px;}
.hotprod .swiper-slide{ width:32%;}
.hotprod .swiper-slide .img{ position:relative;width:100%; }
.hotprod .swiper-slide .img .more{ position:absolute; left:0; top:0; width:100%; height:100%; background:rgb(1 102 218 / 51%); opacity:0;}
.hotprod .swiper-slide .img .more span{ border:1px solid #ffffff; height:60px; width:60px; text-align:center; line-height:60px; border-radius:50%; overflow:hidden; position:absolute; left:50%; top:50%; font-size:14px; margin:-30px 0 0 -30px; color:#ffffff; }
.hotprod .swiper-slide img{ width:100%; display:block;}

.hotprod .swiper-slide .txt{ padding:15px 0; text-transform:uppercase; color:#333333; }
.hotprod .swiper-slide .txt h3{ font-size:20px; text-align:center; line-height:1.6; padding:7px 0; border-bottom:1px solid #e7e7e7; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.hotprod .swiper-slide .txt span{ font-size:14px; display:block; text-align:center; line-height:35px; }
.hotprod .swiper-slide:hover .txt{ background:#0166da; color:#ffffff;}
.hotprod .swiper-slide:hover .txt h3{border-bottom:1px solid #82b6f1;}
.hotprod .swiper-slide:hover .img .more{ opacity:1;}

.hp-prev,.hp-next{ width:56px; height:56px; position:absolute; top:50%; border-radius:50%; cursor:pointer; margin-top:-28px; z-index:1000;}
.hp-prev{ left:50%; margin-left:-750px; background:#0166da url(../images/hp-prev.png) no-repeat center center; background-size:14px;}
.hp-next{ right:50%; margin-right:-750px; background:#0166da url(../images/hp-next.png) no-repeat center center; background-size:14px;}


.hp-prev:hover,.hp-next:hover{ background-color:#333333;}

.homeabout{ overflow:hidden; margin:120px 0;}
.homeabout .abcontent{ width:40%; float:left;}
.homeabout .abcontent .hatit{ margin-bottom:70px; margin-top:90px;}
.homeabout .abcontent .hatit h3{ color:#0166da; font-size:50px; text-transform:uppercase;}
.homeabout .abcontent .hatit p{ color:#8e8e8e; font-size:20px;}
.homeabout .abcontent .hatit p:after{ content:""; width:34px; height:5px; background:#0166da; display:block; margin-top:20px;}

.homeabout .abcontent h2{ color:#333333; font-size:26px; text-transform:uppercase; margin-bottom:20px; line-height:1.4;}
.homeabout .abcontent .info{ color:#999999; font-size:18px; line-height:1.6;}
.homeabout .abcontent .more{ display:block; width:198px; height:58px; line-height:58px; text-align:center; color:#ffffff; font-size:14px; text-transform:uppercase; background:#0166da; border-radius:12px; margin-top:70px;}
.homeabout .abcontent .more:hover{ background:#333333;}


.homeabout .ablist{ width:55%; float:right;}
.homeabout .ablist li{ float:left; width:33.33%; padding:225px 45px 0 45px; height:980px;}
.homeabout .ablist li .img{ margin-bottom:20px;}
.homeabout .ablist li .img .wapimg{ display:none;}
.homeabout .ablist li .img img{ width:100%; display:block;}
.homeabout .ablist li h3{text-transform:uppercase; line-height:1.5; margin-bottom:20px; font-size:20px;}
.homeabout .ablist li p{ margin-bottom:20px;}

.homeabout .ablist li.ab01{ background:#ebebeb;}
.homeabout .ablist li.ab01 h3{ color:#333333; margin-top:20px;}
.homeabout .ablist li.ab01 p{color:#666666;}

.homeabout .ablist li.ab02 { color:#333333;}

.homeabout .ablist li.ab03{ background:#0166da; color:#ffffff;}
.homeabout .ablist li.ab03 h3{ margin-top:150px;}




.tit02{ overflow:hidden; }
.tit02 .tname{ font-size:48px; line-height:56px; font-weight:bold;}
.tit02 .tname span{ display:block; color:#0166da;}
.tit02 .nsnav{ overflow:hidden; color:#333333; font-size:22px; line-height:56px;}
.tit02 .nsnav a{ float:left; margin-left:70px; position:relative;}
.tit02 .nsnav a:after{content:""; position:absolute; left:0; bottom:20px; height:6px; background:#0166da; width:100%; z-index:-1; opacity:0;}
.tit02 .nsnav a:hover:after,.tit02 .nsnav a.on:after{ opacity:1; }

.tit02 .more{ width:115px; height:42px; line-height:40px; border-radius:20px; border:1px solid #0166da; font-size:18px; color:#0166da; text-transform:uppercase; text-align:center; margin-top:7px; }
.tit02 .more a{ display:block;}
.tit02 .more:hover{ background:#0166da; color:#ffffff;}


.newslist{ overflow:hidden; margin:40px 0 60px 0;}
.newslist li{ float:left; margin-right:2%; width:32%;}
.newslist li:nth-child(3n+3) { margin-right:0;}
.newslist li .img{ width:100%; overflow:hidden;}
.newslist li .img img{ width:100%; display:block;}

.newslist li .txt{ background:#0166da; margin:-65px auto 0 auto; width:80%; position:relative; z-index:1; padding:35px 35px 20px 35px; color:#ffffff; }
.newslist li .txt h3{ font-size:18px; line-height:1.6; text-transform:uppercase; font-weight:normal; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
.newslist li .txt .xian{ width:30px; height:2px; display:block; margin:15px 0 10px 0; background:#ffffff; }
.newslist li .txt p{ font-size:14px; line-height:2; }

.newslist li:hover .txt{ background:#333333;}



.footer{ border-top:12px solid #0166da; background:#333333; overflow:hidden;}
.dbnav{ border-bottom:1px solid #414141; line-height:70px; margin-top:30px; color:#7f7f7f; font-size:16px; text-transform:uppercase; text-align:center;}
.dbnav a{ margin:0 25px; }
.dbnav a:hover{ color:#ffffff;}

.dbcontent{ overflow:hidden; padding:40px 0 20px 0;}

.dbinfo{ overflow:hidden; margin-top:15px;}
.dbinfo li{ float:left; color:#ffffff; margin-right:80px; }
.dbinfo li h3{ font-size:18px; text-transform:uppercase; font-weight:normal; padding-left:45px; line-height:36px;}

.dbinfo li p{ font-size:14px; line-height:2; margin-top:5px;}

.dbinfo li.dbli02{ max-width:300px;}
.dbinfo li.dbli02 h3{ background:url(../images/dbico02.png) no-repeat left center; background-size:auto 100%}
.dbinfo li.dbli03 h3{ background:url(../images/dbico03.png) no-repeat left center; background-size:auto 100%}
.dbinfo li.dbli04 h3{ background:url(../images/dbico04.png) no-repeat left center; background-size:auto 100%}
.dbinfo li.dbli03 p,.dbinfo li.dbli04 p{ color:#0166da; font-size:24px; line-height:40px; font-weight:bold;}


.wechat{}
.wechat li{ float:left; margin-left:30px;}
.wechat li img{ width:105px; display:block;}
.wechat li span{ display:block; text-align:center; color:#9f9f9f; font-size:16px; line-height:1.8; margin-top:10px;}

.dbico{ margin-top:40px;}
.dbico a{ float:left; margin-left:20px;}
.dbico a img{ display:block; width:40px;}

.links{ overflow:hidden;line-height:36px; color:#ffffff; margin-bottom:20px;}
.links span{ float:left;background:url(../images/dbico01.png) no-repeat left center; background-size:auto 100%;font-size:18px; text-transform:uppercase; font-weight:normal; padding-left:45px; }
.links a{ float:left; margin-right:15px;}
.links a:hover{ text-decoration:underline;}

.copy{ background:#121212; color:#4a4a4a; font-size:14px; line-height:1.6; padding:12px 0; text-align:center;}





.nyban{ background:url(../images/nyban.jpg) no-repeat center center; background-size:cover; height:400px; overflow:hidden;}
.nyban h3{ color:#ffffff; font-size:48px; text-transform:uppercase; line-height:1; text-align:center; margin-top:165px;}
.nyban h3:after{ content:""; width:44px; height:4px; display:block; background:#ffffff; margin:28px auto 0 auto;}


.weizhi{ line-height:65px; overflow:hidden; border-bottom:1px solid #e0e0e0;}
.weizhi p{background:url(../images/home.png) no-repeat left center; padding-left:35px; color:#999999;}
.weizhi p span{ margin:0 5px;}
.weizhi p span.wzsp{ margin:0;}
.weizhi p a:hover{ color:#0166da;}


.nynav{ overflow:hidden; margin-top:-2px; }
.nynav li{ float:left; font-size:18px; line-height:110px; margin-right:5%; position:relative;}
.nynav li:last-child{ margin-right:0;}
.nynav li:after{ content:""; width:0; background:#0166da; height:4px; position:absolute; left:0; top:-1px; }
.nynav li a{ padding:0 20px; display:block;}


.nynav li:hover,.nynav li.on{ color:#0166da; }
.nynav li:hover:after,.nynav li.on:after{ width:100%;}



.news{ overflow:hidden;}
.news li{ float:left; width:100%; overflow:hidden;}
.news li a{ display:block; padding:60px 0; }
.news li .nscon{height:187px;}
.news li .img{ float:left;height:100%; overflow:hidden;}
.news li .img img{ height:auto;}
.news li .time{ line-height:1; border-right:1px solid #e8e8e8; float:left; padding:65px 45px 0 45px;height:100%;}
.news li .time .md{ display:block; color:#333333; font-size:30px;}
.news li .time .y{ display:block; color:#7b7b7b; font-size:14px; margin-top:10px;}
.news li .txt{ float:left; width:50%;height:100%; padding:40px 0 0 50px;}
.news li .txt h3{ color:#333333; font-size:24px; line-height:1.5;text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.news li .txt p{ color:#666666; font-size:14px; margin-top:5px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:4; overflow: hidden;}

.news li .more{ width:45px; height:45px; line-height:43px; color:#b3b3b3; border:1px solid #b3b3b3; border-radius:50%; margin-top:71px; font-size:24px; text-align:center; float:right;}
.news li:hover{ background:#0166da;}
.news li:hover .time{ border-color:#ffffff;}
.news li:hover .time .md{ color:#ffffff;}
.news li:hover .time .y{ color:#ffffff;}

.news li:hover h3{ color:#ffffff;}
.news li:hover p{ color:#ffffff;}

.news li:hover .more{ color:#ffffff; border-color:#ffffff;}


.page{overflow:hidden;text-align:center;padding:90px 0;}
.page ul li {
	float: left;
	border: 1px solid #ccc;
	padding: 2px 9px;
	margin: 0 3px;
	line-height: 20px;
	background: #fff;
}
.page ul li.thisclass {
	display: inline-block;
	border: 1px solid #0166da;
	padding: 2px 9px;
	margin: 0 3px;
	background: #0166da;
	color: #fff;
}
.page ul li.thisclass a {
	color: #fff;
}
.page ul li a:hover {
	color: #0166da;
}
.page ul li span {
	display: inline-block;
	padding: 0;
}


.tit03{ overflow:hidden;}
.tit03 h3{ float:left; border-left:12px solid #0166da; padding-left:34px; color:#333333; font-size:48px; line-height:1;}
.tit03 .more{ float:right; width: 115px; height: 42px; line-height: 40px; border-radius: 20px; border: 1px solid #0166da; font-size: 18px; color: #0166da; text-transform: uppercase; text-align: center; margin-top:3px;}
.tit03 .more a{ display:block;}
.tit03 .more:hover{ background:#0166da; color:#ffffff;}

.hpmain2{ margin-bottom:50px;}

.showtop{ text-align:center;}
.showtop h1{ color:#333333; font-size:30px; padding:20px 0;}
.showtop .canshu{ color:#999999; font-size:14px; border-top:1px solid #e0e0e0; padding:10px 0;} 
.showtop .canshu span{ margin:0 20px;}

.shoamain{ color:#333333; line-height:1.8; font-size:18px; padding-top:20px; min-height:500px;}
.shoamain img{ max-width:100%; height:auto!important;}


.sxp{ overflow:hidden; color:#0166da; font-size:14px; line-height:1.6; padding:20px 0; border-top:1px solid #e0e0e0; margin:60px 0;}
.sxp a{ width:50%;}
.sxp a.fr{ text-align:right;}
.sxp a:hover{ text-decoration:underline;}



.about{ overflow: hidden; color:#333333; font-size:18px; line-height:2; margin:120px 0;}
.about .atit{ line-height:1; border-left:12px solid #0166da; font-size:48px; padding-left:20px; font-weight:bold; text-transform:uppercase; margin:45px 0;}
.about  h3{ color:#0166da; font-size:24px;text-transform:uppercase; margin-top:50px;}

.about .aimg{ float:right; width:37%; padding:0 30px 30px 0; position:relative; margin:0 0 2% 6%;}
.about .aimg img{ width:100%; display:block;}
.about .aimg:after{ content:""; position:absolute; right:0; bottom:0; width:55%; height:95%; background:#0166da; z-index:-1;}



.atlist{ overflow:hidden;margin:120px 0;}
.atlist li{ float:left; width:100%; overflow:hidden;}
.atlist li .img{ width:50%;}
.atlist li .img img{ display:block; width:100%;}
.atlist li .txt{ width:50%; padding:50px;}
.atlist li .txt h3{ color:#0166da; font-size:24px;text-transform:uppercase;}
.atlist li .txt h3:after{ content:""; display:block; width:64px; height:2px; background:#0166da; margin:20px 0;}
.atlist li .txt p{ color:#6f6f6f; font-size:18px; line-height:1.6;}


.contact{ overflow:hidden; margin:80px 0px;}
.contxt{ width:100%;}
.conlist{ overflow:hidden; width:100%;}
.conlist li{ float:left; width:33.3%; border-bottom:1px solid #eeeeee; padding:25px 0;}
.conlist li h3{ text-transform:uppercase; color:#333333; font-size:24px; padding-left:50px; line-height:44px; }

.conlist li.con01 p{ color:#0166da; font-size:24px; font-weight:bold;line-height:40px;}
.conlist li.con02 p{ color:#666666; font-size:18px; line-height:40px;letter-spacing:2px;}
.conlist li.con03 p{ font-size:18px; line-height:1.4; margin-top:10px;}


.conlist li.con01 h3{ background:url(../images/con01.png) no-repeat left center;}
.conlist li.con02 h3{ background:url(../images/con02.png) no-repeat left center;}
.conlist li.con03 h3{ background:url(../images/con03.png) no-repeat left center;}



.confx{ overflow:hidden; margin-top:25px;}
.confx a{ float:left; margin-right:15px;}
.confx a img{ display:block; width:40px;}


.message{ width:51%;}
.message h3{ font-size:24px; color:#333333; text-transform:uppercase; margin-bottom:20px;}
.mglist{ overflow:hidden;}
.mglist li{ float:left;}
.mglist li.mli01{ width:32%; margin-right:2%;}
.mglist li.mli01 input{ line-height:68px; padding:0 20px; color:#bbbbbb; font-size:14px; background:#f8f8f8; width:100%;}
.mglist li.mli02{ width:100%; margin:20px 0;}
.mglist li.mli02 textarea{ width:100%; height:200px; padding:10px 20px; color:#bbbbbb; font-size:14px; background:#f8f8f8; line-height:1.8;}

.mglist li.mli03{ width:100%; }
.mglist li.mli03 input{ width:100%; background:#0166da; line-height:54px; color:#ffffff; font-size:18px; text-transform:uppercase; cursor:pointer; }

.map{ width:100%; }
.my-map { width: 100%; height: 500px; }
.my-map .icon { background: url(http://lbs.amap.com/console/public/show/marker.png) no-repeat; }
.my-map .icon-cir { height: 31px; width: 28px; }
.my-map .icon-cir-red { background-position: -11px -5px; }
.amap-container{height: 100%;}


.prodbj{ background:#fafafa; overflow:hidden;}

.prod{ overflow:hidden; margin-top:50px;}
.prodleft{ width:21.5%; margin-bottom:50px;}
.prodleft .prodtit{ height:90px; line-height:90px; background:#0166da; color:#ffffff; font-size:36px; font-weight:bold; text-transform:uppercase; text-align:center;}
.prodnav{ background:#333333; padding:10px 0;}
.prodnav li{ width:100%; line-height:44px; font-size:16px; color:#ffffff; position:relative;}
.prodnav li>a{ display:block; padding:0 28px;}
.prodnav li:after{ content:""; height:0; display:block; margin:0 20px; border-bottom:1px dashed #dcdcdc;}
.prodnav li.on a,.prodnav li:hover>a{ background:#0166da;}

.prodnav li .xiala{ position:absolute; left:100%; top:0; background:#0166da; width:200px; display:none; z-index:10;}
.prodnav li .xiala span{ display:block;}
.prodnav li .xiala a{ padding:0 20px; line-height:44px; font-size:16px; color:#ffffff; display:block; text-align:center;}
.prodnav li .xiala span:after{ content:""; height:0; display:block; margin:0 28px; border-bottom:1px dashed #dcdcdc;}

.prodnav li:hover .xiala{ display:block;}


.prodcon{ background:#333333; margin-top:28px; padding:24px;}
.prodcon .pctel{ text-align:center; }
.prodcon .pctel span{ display:block; color:#ffffff; font-size:22px; text-transform:uppercase;}
.prodcon .pctel span img{ margin-right:10px;}
.prodcon .pctel p{ color:#0166da; font-size:22px; font-weight:bold;}


.prodfx{border-top:1px dashed #dcdcdc; margin-top:10px; padding-top:15px; overflow:hidden; text-align:center;}
.prodfx a{ display:inline-block; margin:0 10px;}
.prodfx a img{ width:30px; display:block;}


.prodright{ width:75%;}

.prodlist{ overflow:hidden;}
.prodlist li{ float:left; width:32%; margin-right:2%; margin-bottom:2%;}
.prodlist li:nth-child(3n+3) { margin-right:0;}
.prodlist li .img{ width:100%; position:relative;}
.prodlist li .img img{ width:100%; display:block;}
.prodlist li .img .more{ position:absolute; left:0; top:0; width:100%; height:100%; background:rgb(1 102 218 / 41%); opacity:0;}
.prodlist li .img .more span{ border:1px solid #ffffff; height:60px; width:60px; text-align:center; line-height:60px; border-radius:50%; overflow:hidden; position:absolute; left:50%; top:50%; font-size:14px; margin:-30px 0 0 -30px; color:#ffffff; }

.prodlist li .txt{ background:#333333; color:#ffffff; text-align:center; padding:10px 0;}
.prodlist li .txt h3{ font-size:16px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.prodlist li .txt p{ font-size:14px;}
.prodlist li:hover .txt{ background:#0166da;}
.prodlist li:hover .img .more{ opacity:1;}


.cuturelist{ overflow:hidden;}
.cuturelist li{ float:left; width:100%; background:#0166da; margin-bottom:50px;}
.cuturelist li .img{ width:50%;}
.cuturelist li .img.fl{ margin-right:3%;}
.cuturelist li .img.fr{margin-left:3%;}
.cuturelist li .img img{ width:100%; display:block;}
.cuturelist li .txt{ width:100%; float:none; color:#ffffff; padding:5% 5% 0 5%; 
}
.cuturelist li .txt h3{ font-size:24px; line-height:1.2;}
.cuturelist li .txt .info{ font-size:16px; line-height:1.8; margin-top:20px;}


.honorlist{ overflow:hidden;}
.honorlist li{ width:23.5%; float:left; border:1px solid #dcdcdc; margin-right:2%; padding:10px; margin-bottom:2%;}
.honorlist li .img{ width:100%;background:#f6f6f6; border:10px solid #f6f6f6; text-align:center; height:230px; overflow:hidden; }
.honorlist li .img:before {content: ''; display: inline-block; vertical-align: middle; height: 100%; width: 0px;}
.honorlist li .img img{display: inline-block;vertical-align: middle; max-width:100%; max-height:100%;}

.honorlist li .title{ height:50px; padding:5px 0; line-height:20px; text-align:center; font-size:16px; margin-top:10px;}








.newslist li .img img,.news li .img img,.honorlist li .img img{
-webkit-transition: all .5s ease-in;
-o-transition: all .5s ease-in;
-ms-transition: all .5s ease-in;
-moz-transition: all .5s ease-in;}
.newslist li:hover .img img,.news li:hover .img img,.honorlist li:hover .img img{
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);}



.navlist li,.homenav li,.hp-prev,.hp-next,.hotprod .swiper-slide .img .more,.hotprod .swiper-slide .txt,.homeabout .abcontent .more,.tit02 .nsnav a:after,.tit02 .more a,.newslist li .txt,.dbnav a,.weizhi a,.nynav li,.nynav li:after,.tit03 .more,
.news li,.news li .time,.news li .time .md,.news li .time .y,.news li h3,.news li p,.news li .more,.page a,.prodnav li a,.prodlist li .img .more,.prodlist li .txt{
transition: 0.3s;
-o-transition: 0.3s;
-ms-transition: 0.3s;
-moz-transition: 0.3s;
-webkit-transition: 0.3s;
}

.delay2{-webkit-animation-delay:.2s;animation-delay:.2s; -moz-animation-delay:.2s;
-o-animation-delay:.2s;-ms-animation-delay:.2s;}
.delay3{-webkit-animation-delay:.4s;animation-delay:.4s; -moz-animation-delay:.4s;
-o-animation-delay:.4s;-ms-animation-delay:.4s;}
.delay4{-webkit-animation-delay:.6s;animation-delay:.6s; -moz-animation-delay:.6s;
-o-animation-delay:.6s;-ms-animation-delay:.6s;}
.delay5{-webkit-animation-delay:.8s;animation-delay:.8s;; -moz-animation-delay:.8s;
-o-animation-delay:.8s;-ms-animation-delay:.8s;}
.delay6{-webkit-animation-delay:1s;animation-delay:1s; -moz-animation-delay:1s;
-o-animation-delay:1s;-ms-animation-delay:1s;}

/*.animated{opacity: 0;}
@-webkit-keyframes myFade{
	0%{opacity: 1;top:0;}
	25%{top:-10px;opacity: 0.3;}
	50%{top:0px;opacity: 1;}
	75%{top:10px;opacity: 0.3;}
	100%{opacity: 1;top:0px;}
}

@-moz-keyframes myFade{
	0%{opacity: 1;top:0;}
	25%{top:-10px;opacity: 0.3;}
	50%{top:0px;opacity: 1;}
	75%{top:10px;opacity: 0.3;}
	100%{opacity: 1;top:0px;}
}

@-o-keyframes myFade{
	0%{opacity: 1;top:0;}
	25%{top:-10px;opacity: 0.3;}
	50%{top:0px;opacity: 1;}
	75%{top:10px;opacity: 0.3;}
	100%{opacity: 1;top:0px;}
}

@keyframes myFade{
	0%{opacity: 1;top:0;}
	25%{top:-10px;opacity: 0.3;}
	50%{top:0px;opacity: 1;}
	75%{top:10px;opacity: 0.3;}
	100%{opacity: 1;top:0px;}
}*/