@charset "utf-8";
body{font-size:14px;color:#333333; font-family:Microsoft JhengHei,Microsoft Yahei,SimHei,Arial,simsun;word-wrap: break-word; background:#FFFFFF; }
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form, input,textarea,p,em,button{margin:0;padding:0; } 
a{text-decoration:none; color:#333333;font-size:14px; }
a:hover{ text-decoration:none;}
fieldset,img {border:0;} 
em,strong,th,i{font-style:normal;} 
input,textarea,select,option{ outline:none; color:#333; }
ul,li{list-style:none; margin:0; padding:0;}
embed,object {margin: 0;vertical-align:top;}
.clear{ clear:both; padding:0px; margin:0px; height:0%; font-size:0px; overflow:hidden; line-height:0;}
.left{ float:left;}
.right{ float:right;}
.bgqhui{background:#f8f8f8;}
.size14{ font-size:14px;}
.size16{ font-size:16px;}
.size18{ font-size:18px;}
.pc{ display:block;}
.yd{ display:none;}

/*top*/
.topbg{ width:100%; border-bottom:#8fa9e0 2px solid; position:fixed; top:0; left:0; background:none; text-align:center; z-index:99999; transition: all 0.5s;}
.topbg:hover{ background:#FFFFFF;}
.topbg:hover .mane li .mnbt a{ color:#0168b7;}
.topbg:hover .top .topico{ border:#0168b7 1px solid;}
.topbg:hover .top .topico a{ color:#0168b7;}
.topbg2{background:#FFFFFF; transition: all 0.5s;}
.topbglb{background:#FFFFFF;}
.top{ width:92%; max-width:1430px; height:96px; margin:0 auto; position:relative; z-index:3; }
.logo{ display:block; width:110px; height:80px; text-align:center; position:absolute; left:0; right:auto; top:8px;  margin:auto; z-index:2; transform: scale(1);-webkit-transform: scale(1); transition: all 0.5s;}
.logo img{ display:block; height:100%; margin:0;  transition: all 0.5s;}
.logofb{ transform: scale(0.8);-webkit-transform: scale(0.8); top:-10px; all 0.5s;}
.mane{ width: calc(100% - 296px); height:96px; position:absolute; top:0; left:110px; text-align:right; overflow:hidden; } 
.mane li{display:inline-block; width:auto; height:96px;  margin:0 2%;  position:relative; overflow:hidden;}
.mane li .mnbt a{ display:inline-block; height:30px; line-height:30px; margin:35px auto; font-size:16px; color:#FFFFFF; position:relative; z-index:1; overflow:hidden;}
.mnbtajg{color:#0168b7!important;transition: all 0.5s;}
.mnbtalb{color:#0168b7!important;}
.mncurs a{ border-bottom:#0168b7 2px solid!important;}
.mncurfb .mnbt a{border-bottom:#0168b7 2px solid!important;}
.mncur .mnbt a{ border-bottom:#0168b7 2px solid; transition: all 0.5s;}
.mnov .mnbt a{ border-bottom:none; transition: all 0.5s;}
.mnl{ position:relative; }
.mnr{ position:relative; }
.topson{display:none; width:100%; height:72px; position:absolute; left:0; top:96px; right:0; margin:auto; background:rgba(232,238,255,0.9); overflow:hidden; z-index:2;}
.topson ul{display:none; width:92%; max-width:1100px; margin:0 auto; position:relative; text-align:center; overflow:hidden;}
.topson li{ display:inline-block; line-height:72px; position:relative; margin:0 30px; overflow:hidden;}
.topson li a{ font-size:14px;}
.topson li a:hover{ font-weight:bold;}
.topsoncur{ display:block!important;}

.topico{ width:164px; height:26px; line-height:26px; border:#FFFFFF 1px solid; border-radius: 13px; text-align:center; position:absolute; top:35px; right:0; overflow:hidden; z-index:2;}
.topico img{ display:inline-block; margin:0 5px 0 0; position:relative; width:20px; bottom:2px; overflow:hidden;}
.topico a{ display:inline-block; width:calc(100% - 20px); margin:0; width:auto; position:relative; color:#FFFFFF; font-size:17px; font-weight:bold; overflow:hidden;}
.topico2{border:#0168b7 1px solid; transition: all 0.5s;}
.topicolb{border:#0168b7 1px solid!important;}
.topicolb a{color:#0168b7!important;}
.topico2-a{color:#0168b7!important;transition: all 0.5s;}

.mtag{ display:none;}
.mnson{display:none;}
.mnysj{ display:none;}
.mnico{ display:none;}

/*bn*/
.bnbg{ width:100%; position:relative; margin-top:0; overflow:hidden;}
.hdbox{ width:100%; height:auto; position:relative; text-align:center; overflow:hidden;}
.hdbox img{ width:100%; margin:0 auto; position:relative; z-index:1;}
.bnbg .slick-dots{ bottom: 50px; text-align:center; left:0; right:0; margin:auto; overflow:hidden;}
.bnbg .slick-dots li {
	position: relative;
	display: inline-block;
	height: 16px;
	width: 16px;
	margin: 0px 12px;
	padding: 0px;
	cursor: pointer;
	text-align:center;
	border-radius: 50%;
}
.bnbg .slick-dots li button {
	background:#FFFFFF;
	height: 16px;
	width: 16px;
}
.bnbg .slick-dots li.slick-active button {
	background: #006baf;
}
.bnbg .slick-prev {
	z-index:2;
	top: 51%;
	left:9%;
	width: 70px;
	height: 98px;
	background:url(../animg/as-prenext.png) no-repeat;
	opacity:0.8;
}
.bnbg .slick-next {
	z-index:2;
	top: 51%;
	right:9%;
	width: 70px;
	height: 98px;
	background:url(../animg/as-prenext.png) no-repeat;
	background-position:right;
	opacity:0.8;
}

/*f1*/
.f1{width:92%; max-width:1430px; margin:60px auto 0 auto; position:relative;}
.f1box{width:100%; position:relative; margin-bottom:60px; overflow:hidden;}
.f1box dl{width:25%; float:left; position:relative; overflow:hidden;}
.f1box dt{ display:block; position:relative; color:#0052d9; padding-left:10px; border-left:#0052d9 1px solid;}
.f1box dt strong{ display:inline-block; font-size:50px; margin-right:5px; }
.f1box dt span{display:inline-block; font-size:22px;}
.f1box dd{display:block; position:relative; font-size:18px; padding-left:10px; border-left:#0052d9 1px solid;}

.f1l{width:45%; float:left; position:relative;  overflow:hidden;}
.f1bt{width:100%; font-size:30px; position:relative; color:#000000; font-weight:bold; text-align:justify; margin-top:20px; overflow:hidden;}
.f1txt{width:100%; font-size:17px; line-height:200%; position:relative; text-align:justify; margin:26px auto; overflow:hidden;}
.f1gd{ display:block; width:172px; height:36px; line-height:36px; font-size:14px; color:#FFFFFF; background:#0052d9; border-radius: 18px; text-align:center; position:relative; overflow:hidden;}
.f1pic{width:50%; float:right; position:relative; overflow:hidden; border-top-left-radius: 40px; border-bottom-right-radius: 40px;}
.f1pic img{ display:block; width:100%; transform: scale(1); transition: all 0.5s;}
.f1pic img:hover{transform: scale(1.1);}



/*f2*/
.f2bg{ width:100%; padding:60px 0; background:#0168b7; margin:60px auto 0 auto; overflow:hidden;}
.f2tag{width:92%; max-width:1430px; margin:0 auto 60px auto; text-align:left; position:relative;}
.f2tag span{ display:block; width:100%; font-size:30px; color:#FFFFFF; font-weight:bold; margin-bottom:10px; overflow:hidden;}
.f2tag i{ display:block; width:100%; font-size:16px; color:#FFFFFF; overflow:hidden;}
.f2{width:92%; max-width:1430px; margin:0 auto; text-align:center; position:relative;}
.f2l{width:12%; float:left; position:relative; overflow:hidden;}
.f2l span{ display:block; border:#9ebbf0 1px solid; height:48px; line-height:48px; border-radius: 24px; font-size:18px; margin-bottom:30px; color:#FFFFFF; cursor:pointer; overflow:hidden; transition: all 0.5s;}
.f2l span:hover{ background:#FFFFFF; color:#0168b7;}
.f2lcur{ background:#FFFFFF; color:#0168b7!important;}
.f2r{width:74%; height:0; padding-bottom:38%;  float:right; position:relative; overflow:hidden; }
.f2rcon{width:100%; height:100%; position:absolute; top:0; left:0; overflow:hidden;}
.f2rbox{width:100%; overflow:hidden; padding-bottom:60px; z-index:5;}
.f2rboxcur{opacity:1;position:relative; display:block; z-index:2;}
.f2rboxov{opacity:0; display:none; position:absolute!important; top:0; left:0; z-index:1}
.f2rbox dl{ width:30.33%; margin:0 0 0 26px; background:url(../animg/as-f2rbg.jpg) top center no-repeat; background-size:100%; float:left; position:relative; overflow:hidden;}
.f2rbox dt{ width:100%; height:0; padding-bottom:115%; position:relative; overflow:hidden;}
.f2rbox dt p{ display:block; width:100%; height:100%; position:absolute; left:0; top:0; right:0; text-align:center; margin:auto; overflow:hidden;}
.f2rbox dt img{ display:block; max-height:90%; margin:5% auto; transform: scale(1); transition: all 0.5s;}
.f2rbox dl:hover dt img{transform: scale(1.1);}
.f2rbox dd{ width:100%; height:72px; position:relative; margin-bottom:10px; overflow:hidden;}
.f2rbox dd p{ display:block; width:90%; line-height:24px; font-size:16px; font-weight:bold; margin:0 auto; overflow:hidden; }

.f2rbox .slick-prev {
	z-index:3;
	top: auto;
	bottom: 0;
	left:26px;
	width: 46px;
	height: 46px;
	background:url(../animg/as-zuoyou.png) no-repeat;
	border-radius: 23px;
}
.f2rbox .slick-next {
	z-index:3;
	top: auto;
	left: 86px;
	bottom:0;
	width: 46px;
	height: 46px;
	background:url(../animg/as-zuoyou.png) no-repeat;
	border-radius: 23px;
	background-position:right;
}
.f2rgd{ width:160px; height:46px; line-height:46px; position:relative; top:-46px; float:right; font-size:16px; color:#FFFFFF; text-align:right; overflow:hidden; z-index:2;}
.f2rgdcur{display:block;}
.f2rgdov{display:none;}

/*f10*/
.f10{width:92%; max-width:1430px; margin:60px auto 0 auto; position:relative; }
.f10tag{width:100%; margin:0 auto 30px auto; text-align:left; position:relative; overflow:hidden;}
.f10tag span{ display:block; width:100%; font-size:30px; color:#0168b7; font-weight:bold; overflow:hidden;}
.f10box{width:100%; margin:0 auto; position:relative; }
.f10hd{width:100%; margin:0 auto; position:relative; overflow:hidden;}
.f10hd dl{width:32%; float:left; margin-bottom:25px; position:relative; overflow:hidden;}
.f10dlmr{ margin-right:2%;}
.f10hd dt{width:100%; height:0; padding-bottom:63%; position:relative; text-align:center; overflow:hidden;}
.f10hd dt img{ display:block; width:100%; transform: scale(1); transition: all 0.5s;}
.f10hd dl:hover dt img{transform: scale(1.1);}
.f10hd dd{width:82%; position:absolute; left:9%; bottom:10%; text-align:justify; color:#FFFFFF; overflow:hidden;}
.f10hd dd span{ display:block; font-size:24px;}
.f10hd dd i{ display:block; font-size:16px;}
.f10box .slick-prev {
	z-index:3;
	top: 49%;
	left:-60px;
	width: 46px;
	height: 46px;
	background:url(../animg/as-zuoyou.png) no-repeat;
	border-radius: 23px;
}
.f10box .slick-next {
	z-index:3;
	top: 49%;
	right: -60px;
	width: 46px;
	height: 46px;
	background:url(../animg/as-zuoyou.png) no-repeat;
	border-radius: 23px;
	background-position:right;
}

/*f11*/
.f11bg{ width:100%; padding:60px 0; background:#f7f7f7; overflow:hidden; margin:40px auto 0 auto; overflow:hidden;}
.f11{width:92%; max-width:1430px; margin: 0 auto; position:relative; overflow:hidden;}
.f11tag{width:100%; margin:0 auto 30px auto; text-align:left; position:relative; overflow:hidden;}
.f11tag span{ display:block; width:100%; font-size:30px; color:#0168b7; font-weight:bold; overflow:hidden;}
.f11box{width:100%; margin:0 auto; position:relative; overflow:hidden; }
.f11top{width:100%; margin:0 auto; position:relative; overflow:hidden;}
.f11top dl{width:100%; position:relative; overflow:hidden;}
.f11top dt{width:56%; height:0; padding-bottom:28%; float:left; position:relative;overflow:hidden; border-radius: 10px;}
.f11top dt img{ display:block; width:100%;transform: scale(1); transition: all 0.5s; }
.f11top dl:hover dt img{transform: scale(1.1);}
.f11top dd{width:38%; float:right; position:relative; text-align:left; overflow:hidden;}
.f11top dd i{ display:block; font-size:12px; z-index:1;}
.f11top dd b{display:block; font-size:26px; color:#0168b7; margin:20px auto;}
.f11top dd p{display:block; font-size:18px; line-height:200%; text-align:justify;}
.f11top dd span{width:30%; position:absolute; top:0; right:0; text-align:right; overflow:hidden; z-index:2;}

.f11botm{width:100%; margin:60px auto 0 auto; position:relative; overflow:hidden;}
.f11botm dl{width:24%; float:left; position:relative; overflow:hidden;}
.f11dlmr{ margin-right:1.33%;}
.f11botm dt{width:100%; height:0; padding-bottom:61%; position:relative; text-align:center; border-radius: 10px; overflow:hidden;}
.f11botm dt img{ display:block; width:100%; transform: scale(1); transition: all 0.5s;}
.f11botm dl:hover dt img{transform: scale(1.1);}
.f11botm dd{width:100%; position:relative; height:50px; line-height:25px; margin:20px auto 0 auto; text-align:justify; font-size:20px; font-weight:bold; overflow:hidden; transition: all 0.5s;}
.f11botm dl:hover dd{color:#0168b7;}

/*sy-guoqi*/
/*f3*/
.f3bg{ width:100%; padding:60px 0; background:#eff4f8; overflow:hidden; margin:0 auto; overflow:hidden;}
.f3{width:92%; min-height:700px; max-width:1280px; margin:0 auto; position:relative; overflow:hidden; }
.f3tag{width:100%; margin:0 auto 60px auto; text-align:center; position:relative;}
.f3tag span{ display:block; width:100%; font-size:30px; color:#0168b7; font-weight:bold; margin-bottom:10px; overflow:hidden;}
.f3tag i{ display:block; width:38px; height:2px; background:#0168b7; margin:0 auto; overflow:hidden;}
.f3box{width:100%; margin:0 auto; position:relative; text-align:center; overflow:hidden; }
.f3box dl{width:32%; margin:30px auto 60px auto; position:relative; overflow:hidden; z-index:2;}
.f3dll{ float:left;}
.f3dlr{ float:right;}
.f3box dt{width:100%; margin:0 auto; position:relative; font-size:26px; color:#0168b7; font-weight:bold; text-align:center; overflow:hidden;}
.f3box dd{width:100%; margin:30px auto 0 auto; font-size:20px; line-height:180%; font-weight:bold; position:relative; text-align:justify; overflow:hidden;}
.f3pic{ display:block; width:31%; position:absolute; left:0; top:20px; right:0; margin:auto; z-index:1; }
.f3more{ display:inline-block; font-size:22px; background:#0168b7; color:#FFFFFF; padding:6px 26px; margin:0 auto; overflow:hidden;}

/*f4*/
.f4{width:92%; max-width:1300px; margin:60px auto; position:relative; overflow:hidden; }
.f4tag{width:100%; margin:0 auto 60px auto; text-align:center; position:relative;}
.f4tag span{ display:block; width:100%; font-size:30px; color:#0168b7; font-weight:bold; margin-bottom:10px; overflow:hidden;}
.f4tag i{ display:block; width:38px; height:2px; background:#0168b7; margin:0 auto; overflow:hidden;}
.f4box{width:100%; margin:0 auto; position:relative; text-align:center; overflow:hidden; }
.f4box dl{width:46%; float:left; margin:0 2% 30px 2%; position:relative; overflow:hidden;}
.f4box dt{width:47%; height:0; padding-bottom:34%; float:left; position:relative; text-align:center; overflow:hidden;}
.f4box dt img{ display:block; width:100%;}
.f4box dd{width:49%; float:right; position:relative; text-align:justify; overflow:hidden;}
.f4rq{ display:block; width:100%; font-size:14px; margin-top:10px;}
.f4bt{ display:block; width:100%; font-size:20px; line-height:25px; height:75px; font-weight:bold; color:#0168b7; margin:30px auto; overflow:hidden;}
.f4gd{ display:block; width:100%; font-size:16px; color:#0168b7;}

/*f9*/
.f9bg{ width:100%; padding:60px 0 100px 0; overflow:hidden; margin:0 auto -56px auto; overflow:hidden;}
.f9{ width:92%; max-width:1400px; margin:0 auto; position:relative; overflow:hidden;}
.f9tag{width:100%; max-width:1280px; margin:0 auto 60px auto; text-align:center; position:relative;}
.f9tag span{ display:block; width:100%; font-size:30px; color:#0168b7; font-weight:bold; margin-bottom:10px; overflow:hidden;}
.f9tag i{ display:block; width:38px; height:2px; background:#0168b7; margin:0 auto; overflow:hidden;}
.f9hd{ width:100%; margin:0 auto; position:relative; text-align:center; padding-bottom:60px; overflow:hidden;}

.f9hd .slick-slide {
	padding-top:30px;
	text-align:center;
	opacity: .5;
}
.f9hd .slick-slide img {
	width: 80%;
	margin:0 auto;
}

.f9hd .slick-current {
	opacity: 1;
   text-align:center;
   padding:0;
   margin:0;
   position:relative;
   z-index:5; 
}
.f9hd .slick-current img{width: 100%;}

.f9hd .slick-dots{ bottom: 0; text-align:center; left:0; right:0; margin:auto; overflow:hidden;}
.f9hd .slick-dots li {
	position: relative;
	display: inline-block;
	height: 10px;
	width: 10px;
	margin: 0px 10px;
	padding: 0px;
	cursor: pointer;
	text-align:center;
}
.f9hd .slick-dots li button {
	display:inline-block;
	width: 10px;
	height: 10px;
	border-radius: 5PX;
	background:#b5b5b5;
}
.f9hd .slick-dots li.slick-active button {
	background: #0066cb;
	position: relative;
	width: 20px;
	right:5px;
}
/*sy-guoqi-ovewr*/


/*lmbn*/
.lmbn{ width:100%; height:0; padding-bottom:14%; position:relative; margin-top:98px; text-align:center; overflow:hidden;}
.lmbnpic{ width:100%; height:100%; position:absolute; left:0; top:0; overflow:hidden;}
.lmbn img{ max-width:100%; position:relative; z-index:1;}
.lmtxt{width:92%; height:100%; max-width:1100px; position:absolute; left:0; top:0; right:0; margin:auto; text-align:left; font-size:30px; color:#ffffff; z-index:2; overflow:hidden; }
.lmtxt p{position:absolute; left:0; top:50%;transform:translateY(-50%);}

/*lmdh*/
.lmdh{width:92%; max-width:1280px; margin:0 auto; position:relative;  text-align:center; overflow:hidden;}
.lmdh ul{ width:100%; display:table; text-align:center; border-bottom:#e5e5e5 1px solid; overflow:hidden;}
.lmdh li{ display:table-cell;  overflow:hidden; }
.lmdh li a{ display:inline-block; font-size:20px; padding:20px 0; transition: all 0.5s;}
.lmdhov{border-bottom:#FFFFFF 2px solid;}
.lmdhov:hover{color:#0168b7;}
.lmdhcur{border-bottom:#0168b7 2px solid; color:#0168b7;}


/*af1*/
.af1{width:92%; max-width:1140px; line-height:180%; font-size:16px; text-align:justify; margin:50px auto; position:relative; overflow:hidden;}
.af1 img{ max-width:100%;}
.af1tj{ display:table; width:100%; line-height:normal; margin:50px auto; position:relative; text-align:center; border-left:#e5e5e5 1px solid; box-sizing: border-box; overflow:hidden;}
.af1tj article{ display:table-cell; width:25%; border-right:#e5e5e5 1px solid; box-sizing: border-box;}
.af1ys1{ font-size:50px!important; font-weight:bold; font-family:Arial, Helvetica, sans-serif;}
.af1ys2{vertical-align:top; font-size:30px!important; font-weight:bold; font-family:Arial, Helvetica, sans-serif;}
.af1tag{width:100%; margin:60px auto; text-align:center; position:relative;}
.af1tag span{ display:block; width:100%; font-size:30px; color:#0168b7; font-weight:bold; margin-bottom:10px; overflow:hidden;}
.af1tag i{ display:block; width:38px; height:2px; background:#0168b7; margin:0 auto; overflow:hidden;}
.af1box{ width:94%; padding:3%; background:#0749b7; position:relative; color:#FFFFFF; overflow:hidden;}
.af1l{ width:47%; float:left; position:relative; line-height:180%; font-size:16px; padding-top:10px; text-align:justify; overflow:hidden;}
.af1r{ width:47%; float:right; position:relative; overflow:hidden;}
.af1r img{ width:47%; float:left; margin-left:3%; position:relative; overflow:hidden;}


/*baogao*/
.af4{width:92%; max-width:1280px; margin:50px auto; position:relative; overflow:hidden;}
.af4 li{ width:92%; position:relative; margin-bottom:18px; background:#f3f9f9; padding:4%; overflow:hidden;}
.af4 li img{ display:block; max-width:100%;}


/*cpdh*/
.cpdh{width:94%; max-width:1300px; margin:60px auto 20px auto; position:relative; text-align:center; overflow:hidden;}
.cpdh ul{ width:100%; text-align:center; overflow:hidden;}
.cpdh li{ width:48%; height:76px; line-height:76px; float:left; margin:0 1% 10px 1%; overflow:hidden; }
.cpdh li a{ display:inline-block; width:100%; font-size:20px; transition: all 0.5s;}
.cpdh li a:hover{ background:#0066cb; color:#FFFFFF;}
.cpdhov{background:#f5f5f5;}
.cpdhcur{background:#0066cb; color:#FFFFFF;}


/*product*/
.cpbn{ width:100%; position:relative; text-align:center; margin-top:98px; overflow:hidden;}
.cpbn img{ display:block; width:100%;}

.af5{width:92%; max-width:1280px; margin:0 auto 60px auto; position:relative;  overflow:hidden; z-index:1;}
.af5mk{z-index:1;}
.af5mkcur{width:92%;  max-width:1280px; position:fixed!important; left:0; top:0; right:0; margin:auto; overflow:hidden; z-index:1; }
.af5box{ width:18%; float:left; text-align:center; background:#f3f9f9; position:relative;  overflow:hidden;}
.af5pic{ width:78%; height:0; padding:5% 5% 85% 5%; text-align:center; position:relative; margin:10px auto; overflow:hidden; }
.af5pic img{ display:block; width:100%; margin:0 auto; position:relative; z-index:2;}
.af5picov{ border:#FFFFFF 1px solid;}
.af5picur{border:#000000 1px solid;}
.af5con{ width:80%; float:right; text-align:justify; line-height:180%; font-size:16px; position:relative; overflow:hidden; z-index:2;}
.af5con img{ max-width:100%;}


.af6{width:92%; max-width:1280px; margin:0 auto; position:relative; overflow:hidden;}
.af6con{ width:100%; height:720px; position:relative; overflow:hidden; }
.af6l{ width:26.5%; float:left; position:relative; text-align:right; margin-top:35px; overflow:hidden;}
.af6l img{ display:inline-block; max-width:100%;}
.af6r{ width:63.5%; float:right; margin-right:4%; position:relative; margin-top:10px; overflow:hidden;}
.af6bt{ width:100%; position:relative; font-size:30px; color:#1a83c7; font-weight:bold; overflow:hidden;}
.af6bt img{ max-width:100%;}
.af6box{ width:100%; height:420px; position:relative; margin-top:20px; padding-top:20px; border-top:#1a83c7 1px solid; font-size:15px; line-height:180%; overflow:hide;}
.af6box img{ max-width:100%;}
.jdtmico{ width:100%; position:relative; margin-top:0; z-index:999; text-align:right;}
.jdtmico img{ display:inline-block; margin:0 10px 10px 0;}

.af6fb{width:92%; max-width:1280px; margin:0 auto 50px auto; position:relative;  overflow:hidden;}
.af6fb img{ max-width:100%;}
.af7bg{width:100%; margin:0 auto -56px auto; padding:100px 0 130px 0; position:relative; background:#f3f9f9; overflow:hidden;}
.af7{width:92%; max-width:1280px; margin:0 auto; position:relative; text-align:center; overflow:hidden;}
.af7 img{ display:inline-block; max-width:100%; margin:0 auto;}

/*new*/
.af8{width:92%; max-width:1300px; margin:50px auto; padding-left:1%; position:relative;  overflow:hidden;}
.af8 dl{ width:32%; float:left; position:relative; margin:10px 1.3% 10px 0; background:#f3f9f9; padding-bottom:20px;  position:relative; top:0; overflow:hidden; transition: all 0.5s;}
.af8 dl:hover{top:-10px; box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.08);}
.af8 dl a{ display:block; width:100%; }
.af8 dt{ width:100%; height:0; padding-bottom:60.3%; text-align:center; position:relative; overflow:hidden;}
.af8 dt img{ display:block; width:100%; height:100%; position:absolute; left:0; top:0;}
.af8 dd{ width:90%; margin:20px auto; overflow:hidden;}
.af8rq{ width:100%; height:20px; line-height:20px; font-size:14px; text-align:left; margin:10px auto 20px auto; overflow:hidden;}
.af8bt{ width:100%; height:80px; line-height:40px; font-size:24px; font-weight:bold; color:#0068b7; text-align:justify; overflow:hidden;}
.af8xq{width:100%; height:20px; line-height:20px; font-size:16px; font-weight:bold; color:#0068b7; text-align:left; margin:20px auto 0 auto; overflow:hidden;}
/*page*/
.af8gd{ width:92%; max-width:1280px; margin:0 auto 60px auto; position:relative; text-align:center; overflow:hidden;}
.af8gd span{ display:inline-block; width:140px; height:40px; line-height:40px; font-size:16px; font-weight:bold; color:#0068b7; border:#0068b7 1px solid; margin:0 auto; overflow:hidden; cursor:pointer; transition: all 0.5s;}
.af8gd span:hover{ background:#0068b7;color:#FFFFFF; }

/*page*/
.ppage{ display:none; width:92%; max-width:1280px; margin:0 auto 80px auto; position:relative; overflow:hidden;}
.ppage ul{ position:relative; float:left; left:50%;}
.ppage li{ position:relative; float:left; right:50%; height:32px; line-height:32px;  text-align:center; margin:0 4px; font-size:16px;  overflow:hidden;}
.ppage li a{ display:block; font-size:16px; padding:0 10px;}
.ppage li a:hover{background:#0069b7;color:#FFFFFF;}
.ppage li span{ display:block;padding:0 10px;}
.thisov{background:#FFFFFF; border:#cdcdcd 1px solid;}
.thisov a{ color:#333333; }
.thisclass{background:#0069b7; border:#cdcdcd 1px solid;}
.thisclass span{ color:#FFFFFF; }

/*newnr*/
.af9{width:92%; max-width:1280px; margin:50px auto; position:relative;  overflow:hidden;}
.af9bt{ width:100%; font-size:24px; color:#0068b7; text-align:center; overflow:hidden;}
.af9rq{ width:100%; font-size:16px; color:#595757; text-align:center; margin:10px auto 30px auto; overflow:hidden;}
.af9box{width:100%; font-size:16px!important; line-height:180%; color:#595757; text-align:justify; margin:0 auto; overflow:hidden;}
.af9box img{ max-width:100%; margin:10px auto;}
.af9lba{ width:100%; max-width:1140px; margin:0 auto; position:relative;  overflow:hidden;}
.af10{width:92%; max-width:1280px; margin:0 auto; padding:50px 0 0 0; border-top:#e5e5e5 1px solid; text-align:center; font-size:24px; color:#0068b7; position:relative;  overflow:hidden;}


/*fangan*/
.af12{width:92%; max-width:1280px; margin:50px auto; position:relative;  overflow:hidden;}
.af12pic{ width:100%; height:0; padding-bottom:20%; position:relative; margin-bottom:15px; overflow:hidden; transform: scale(1); transition: all 0.5s;}
.af12pic:hover{transform: scale(1.03);}
.af12pic span{ display:inline-block; padding:10px; min-width:210px; background:rgba(151,151,151,0.8); font-size:26px; color:#FFFFFF; text-align:center; position:absolute; left:0; bottom:0; z-index:2; overflow:hidden;transition: all 0.5s;}
.af12pic:hover span{background:rgba(55,145,220,0.8);}

.af13{width:100%; max-width:1280px; margin:50px auto 15px auto; position:relative; overflow:hidden;}
.af13cur{ display:block;}
.af13ov{ display:none;}
.af13bg{width:100%; height:0; padding-bottom:56.5%; position:relative; z-index:1; overflow:hidden;}
.af13bg img{ display:block; max-width:100%;}

.yyboxa{display:none; width:10px; height:10px; background: url(../animg/yyjia.png) no-repeat #0168b7; background-size: cover; border: 6px #0168b7 solid; border-radius: 50%;  z-index:5; cursor:pointer; }

.yyboxa p, .yyboxa span {
	display:block;
    position: absolute;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    animation: ripple_1 1.5s infinite;
    box-shadow: 0px 0px 4px #0168b7;
    margin: 0px;
}
.yyboxa span {
    animation-delay: 0.8s;
}
@keyframes ripple_1 {
  10% {
    transform: scale(1);
}

100% {
    transform: scale(4);
}
}
.yyboxatxt{ width:480px; height:192px; border-bottom:#0269b8 2px solid;  z-index:4;}
.yybaline{ display:block; width:2px; height:90px; background:#0269b8;  font-size:0; }
.yyboxainfo{width:480px; height:188px; background:rgba(255,255,255,0.8); position:relative; overflow:hidden}
.yyboxainfo a{ display:block; position:relative; z-index:1;}
.yyclose{ display:block; width:18px; height:18px; background:url(../animg/yyclose.png) no-repeat; position:absolute; top:1px; right:0; z-index:10; cursor:pointer;}
.yyboxainfo dl{width:94%; margin:20px auto 10px auto; position:relative; overflow:hidden;}
.yyboxainfo dt{width:76%; float:left; position:relative; overflow:hidden; }
.yyboxainfo dd{width:23%; float:right; position:relative; overflow:hidden;}
.yybt{ width:100%; height:32px; line-height:32px; font-size:20px; color:#0068b7; font-weight:bold; margin-bottom:10px; overflow:hidden; }
.yyjian{ width:100%; font-size:16px; text-align:justify; overflow:hidden; }
.yypic{ width:100%; position:relative; margin-top:20px; overflow:hidden; }
.yypic img{ max-width:100%;}

.yyone .yyboxa{position:absolute; left:20%; bottom:33%;}
.yyone .yyboxatxt{position:absolute; left:24%; bottom:46%; display:none;}
.yyone .yybaline{position:absolute; left:-20px; bottom:-86px; transform:rotate(25deg);}

.yytow .yyboxa{position:absolute; left:16%; bottom:15%;}
.yytow .yyboxatxt{position:absolute; left:20%; bottom:28%; display:none;}
.yytow .yybaline{position:absolute; left:-20px; bottom:-86px; transform:rotate(25deg);}

.yysan .yyboxa{position:absolute; right:13%; bottom:35%;}
.yysan .yyboxatxt{position:absolute; right:17%; bottom:48%; display:none;}
.yysan .yybaline{position:absolute; right:-20px; bottom:-86px; transform:rotate(-25deg);}

.yysi .yyboxa{position:absolute; left:40%; bottom:15%;}
.yysi .yyboxatxt{position:absolute; left:44%; bottom:28%; display:none;}
.yysi .yybaline{position:absolute; left:-20px; bottom:-86px; transform:rotate(25deg);}

.yywu .yyboxa{position:absolute; right:13%; bottom:35%;}
.yywu .yyboxatxt{position:absolute; right:17%; bottom:48%; display:none;}
.yywu .yybaline{position:absolute; right:-20px; bottom:-86px; transform:rotate(-25deg);}

.af15{width:100%; max-width:1295px; margin:0 auto 50px auto; position:relative; overflow:hidden;}
.af15box{height:0; padding-bottom:53%; text-align:center; position:relative; cursor:pointer; }
.af15pic{ text-align:center; position:relative; margin:0 2%;}
.af15pic img{ display:inline-block; margin:0 auto; max-width:100%; position:relative; z-index:1;}
.af15cur span{ display:block; width:96%; padding:0 2%; height:36px; line-height:36px; text-align:center; color:#FFFFFF; font-size:18px; background:rgba(2,105,185,0.8); margin:0 auto; position:absolute; left:0; bottom:0; z-index:2; overflow:hidden;}
.af15ov span{ display:block; width:96%; padding:0 2%; height:36px; line-height:36px; text-align:center; color:#0068b7; font-size:18px; background:rgba(233,233,233,0.8); margin:0 auto; position:absolute; left:0; bottom:0; z-index:2; overflow:hidden;}

/*lianxi*/
.af16bg{width:100%; min-height:610px; margin:75px auto -40px auto; padding:60px 0; position:relative; text-align:center; overflow:hidden;}
.af16box{width:92%; max-width:520px; margin:0 auto; position:relative; overflow:hidden;}
.af16bt{ width:100%; font-size:24px; margin-bottom:20px; font-weight:bold; position:relative; overflow:hidden;}
.af16bt2{ width:100%; height:37px; line-height:37px; margin-bottom:10px; position:relative; overflow:hidden;}
.af16bt2 a{ display:inline-block; font-size:22px; color:#0068b7; position:relative; font-weight:bold;}
.af16bt2 img{ display:inline-block; position:relative; width:30px; top:5px; margin-right:3px;}
.af16bt3{ width:100%; margin-bottom:20px; color:#0068b7; font-weight:bold; position:relative; overflow:hidden;}
.af16bt3 a{ display:inline-block; font-size:28px; color:#0068b7; font-weight:bold; position:relative;}
.af16bt4{ width:100%; font-size:14px; line-height:180%; margin-bottom:20px; font-weight:bold; position:relative; overflow:hidden;}
.af16txt{ width:100%; margin:0 auto 20px auto; position:relative; overflow:hidden;}
.af16txt dl{ width:33.33%; float:left; margin-bottom:20px; overflow:hidden}
.af16txt dt{ width:80%; margin:0 auto; position:relative; overflow:hidden}
.af16txt dt img{ display:block; width:100%;}
.af16txt dd{ width:80%; margin:10px auto 0 auto; position:relative; font-size:16px; text-align:center; overflow:hidden}
.af16bt5{width:92%; max-width:520px; font-size:24px; color:#0068b7; margin:30px auto; font-weight:bold; position:relative; overflow:hidden;}

/*zixun*/
.af18liu{width:92%; max-width:620px; margin:0 auto; position:relative; overflow:hidden;}
.af18liu dl{  float:left; margin-bottom:15px; overflow:hidden; }
.af18liu dt{   position:relative; font-size:16px; overflow:hidden;}
.af18liu dd{   position:relative; font-size:16px; text-align:left; overflow:hidden; }
.af18liutxt{ width:90%; height:36px; line-height:36px; padding:0 5%; background:#FFFFFF; font-size:16px; border-radius: 18px; border:none;}
.af18liulb{ width:100%; height:100px; line-height:180%; padding:0 1%; background:#FFFFFF; font-size:16px; border:none;}
.af18ysa{width:50%; text-align:center;}
.af18ysa dt{display:inline-block; max-width:20%; height:36px; line-height:36px; text-align:left; padding-right:10px; float:left;}
.af18ysa dd{display:inline-block;width:60%; height:36px; float:left; }
.af18ysb{width:100%; text-align:left;}
.af18ysb dt{display:block;width:100%; height:36px; line-height:36px; text-align:left; } 
.af18ysb dd{display:block;width:100%;}
.af18liusub{display:block; width:140px; height:40px; line-height:40px; background:#0068b7; border:none; border-radius: 20px; color:#FFFFFF; font-size:16px; margin:30px auto; overflow:hidden; cursor:pointer;}


/*jiameng*/
.af18bg{width:92%; max-width:1280px; margin:60px auto; padding:60px 0 30px 0; background:#ecf0f3; position:relative; overflow:hidden;}
.af18{width:100%; max-width:620px; margin:0 auto; position:relative; text-align:center; overflow:hidden;}
.af18tag{ width:100%; font-size:24px; text-align:center; color:#0068b7; font-weight:bold; margin:0 auto 30px auto; overflow:hidden;}

.af19{width:92%; max-width:1280px; margin:60px auto 0 auto; position:relative; overflow:hidden;}
.af19l{ float:left;}
.af19r{ float:right;}
.af19 dl{ width:100%;  margin-bottom:30px; position:relative; overflow:hidden;}
.af19 dt{ width:42%; position:relative; text-align:center; overflow:hidden}
.af19 dt img{ display:block; width:100%;}
.af19 dd{ width:46%; height:0; padding-bottom:25%; margin:0 6%; text-align:justify; position:relative; overflow:hidden; }
.af19box{ width:100%; height:100%; position:absolute; left:0; top:0; overflow:hidden;}
.af19con{ position:absolute; left:0; top:50%;transform:translateY(-50%);}
.af19bt{ width:100%; padding-bottom:10px; position:relative; font-size:30px; color:#0068b7; font-weight:bold; overflow:hidden}
.af19bt i{ display:block; width:40px; height:2px; background:#000000; position:absolute; left:0; bottom:0; overflow:hidden}
.af19txt{ width:100%; margin-top:30px; font-size:16px; line-height:180%; position:relative; overflow:hidden}

/*oem*/
.of1{width:92%; max-width:1280px; margin:60px auto 0 auto; background:#fafafa; position:relative; overflow:hidden;}
.of1l{width:44%; float:left; position:relative; overflow:hidden;}
.of1bt{width:82%; margin:30px auto 20px auto; padding-bottom:20px; font-size:40px; font-weight:bold; color:#0066cc; position:relative; overflow:hidden;}
.of1bt i{ display:block;width:40px; height:1px; background:#0066cc; position:absolute; left:0; bottom:0; overflow:hidden;}
.of1txt{width:82%; margin:0 auto; line-height:200%; font-size:16px; text-align:justify; position:relative; overflow:hidden;}
.of1r{width:56%;float:left; position:relative; overflow:hidden;}
.of1r img{ display:block; width:100%;}
.lmcla{color:#0066cc;}

.of2tag{width:92%; max-width:1280px; margin:60px auto 0 auto; text-align:center; font-size:40px; color:#0066cc; font-weight:bold; padding-bottom:10px; position:relative; overflow:hidden;}
.of2tag i{ display:block; width:40px; height:2px; background:#0066cc; font-size:0; position:absolute; left:0; bottom:0; right:0; margin:auto;}

.of2bg{width:100%; margin:60px auto 0 auto; text-align:center; position:relative; overflow:hidden;}
.of2{width:92%; max-width:1280px; margin:0 auto; position:relative; overflow:hidden;}
.of2 img{ display:block; width:81%; margin:0 auto;}

.of3{width:92%; max-width:1280px; margin:60px auto; position:relative; overflow:hidden;}
.of3 dl{width:100%; position:relative; margin-bottom:76px; overflow:hidden; z-index:1;}
.of3 dt{width:100%; position:relative; overflow:hidden;}
.of3ico{width:100%; position:relative; overflow:hidden;}
.of3ico span{ display:inline-block; padding:2% 4%; font-size:36px; background:#0066cc; color:#FFFFFF;}
.of3bt{width:90%; margin:20px auto; font-size:27px; color:#0066cc; text-align:left; position:relative; overflow:hidden;}
.of3txt{width:90%; margin:0 auto; font-size:20px; line-height:180%; text-align:justify; position:relative; overflow:hidden;}
.of3 dd{width:90%; margin:30px auto; position:relative; overflow:hidden;}
.of3 dd img{ display:block; width:100%;}
.of3bga{ background:#edf6fd;}
.of3l{width:50%;float:left;}
.of3r{width:50%;float:right; padding-top:250px;}
.of3l .of3ico{ text-align:right;}
.of3r .of3ico{ text-align:left;}
.of3tel{width:100%; position:relative; margin:0 auto 60px auto; text-align:center; overflow:hidden;}
.of3tel a{ display:inline-block; padding:6px 30px; background:#0066cc; color:#FFFFFF; font-size:20px;}
.of3line{ width:8px; height:99%; background:#0066cc; position:absolute; left:0; top:0; right:0; margin:auto; z-index:2;}
.of3xsj{ width:37px; height:29px; position:absolute; left:0; bottom:0; right:0; margin:auto; z-index:3;}

/*oemover*/

/*foot*/

.ftbg{ width:100%; padding:28px 0; position:relative; text-align:center; background:#082cfc; border-bottom:#5b7bff 1px solid; z-index:9;}
.foot{width:92%; max-width:1430px; margin:0 auto; position:relative; }
.ftlogo{ width:100px; float:left; position:relative; overflow:hidden;}
.ftlogo img{ display:block; width:100%;}

.fta{ width:calc(100% - 318px); margin:0 10px; float:left; position:relative; text-align:center; z-index:999; overflow:hidden;}
.fta dl{ display:inline-block; text-align:left; color:#FFFFFF; vertical-align:top; position:relative; }
.ftawa{width:13%;}
.ftawb{width:8%;}
.fta dt{ width:96%; position:relative; font-size:16px; margin-bottom:16px; overflow:hidden;}
.fta dt a{font-size:16px; color:#FFFFFF;}
.fta dd{width:96%; position:relative;}
.fta dd a:hover{ font-weight:bold;}
.fta p{ display:block; width:100%; margin-bottom:10px;}
.ftalk{ color:#FFFFFF;}
.ftapic{ display:block; width:21px; margin-left:8px; cursor:pointer;}
.ftawx{ width:90px; height:90px; position:absolute; left:35px; top:0; display:none;}

.ftb{ width:198px; float:right;  text-align:left; position:relative; z-index:999;}
.ftb .ftbliuyan{ width:100%;  position:relative; text-align:left; background:#ededed; min-height:225px; margin-bottom:10px; overflow:hidden;}
.ftbliuyan .ftbtxta{ display:block; width:160px; padding:0 10px; height:26px; line-height:26px; background:#FFFFFF; border:0; margin:8px auto 0 auto;}
.ftbliuyan .ftbtxtb{ display:block; width:160px; padding:0 10px; height:46px; line-height:23px; background:#FFFFFF; border:0; margin:8px auto 0 auto;}
.ftbliuyan .ftbtxtsub{ display:block; width:68px; height:28px; line-height:28px; background:#0153da; border:0; margin:8px auto 0 auto; text-align:center; color:#FFFFFF; font-size:12px;}
::-webkit-input-placeholder{ color:#bbbbbb; font-size:12px; zoom:0.8;}
.ftbbeizu{ width:180px; position:relative; text-align:left; margin:8px auto 0 auto;  overflow:hidden;}
.ftbbeizu i{ display:inline-block; width:12px; height:12px; font-size:10px; color:#e0e0e0; margin-right:3px; line-height:10px; background:#8b8989; border-radius: 50%; text-align:center;}
.ftbbeizu span{ display:inline-block; font-size:12px; zoom:1; color:#bbbbbb;}

.ftb .ftbmt{ width:100%; margin-top:20px; position:relative; text-align:left;}
.ftbmt span{ display:inline-block; height:26px; line-height:26px; font-size:16px; color:#FFFFFF; position:relative; vertical-align:top; overflow:hidden;}
.ftbmt dl{ display:inline-block; max-width:26px; margin-left:5px; position:relative;}
.ftbmt dt{ display:block; position:relative; text-align:center; overflow:hidden; z-index:1; cursor:pointer;}
.ftbmt dt img{display:inline-block; height:25px;}
.ftbmt dd{ display:none; width:80px; position:absolute; top:27px; left:0; text-align:center; overflow:hidden; z-index:2;}
.ftbmt dd img{display:inline-block; width:100%;}
.ftbmt dl:hover dd{display:block;}




.fttag{width:100%; height:56px; background:url(../animg/as-ditiao.jpg) repeat-x; position:relative; text-align:center; }
.ftinfo{width:100%; padding:12px 0; text-align:center; margin:0 auto; background:#3e3a39; color:#e1e1e1; position:relative; overflow:hidden;}
.ftinfo a{color:#e1e1e1;}
.ftil{ display:inline-block; margin-right:5%;}
.ftir{ display:inline-block;}

/*ftlk*/
.ftlkbg{ width:100%; margin:0 auto; position:relative; background:#082cfc;  color:#FFFFFF; overflow:hidden}
.ftlk{ width:92%; max-width:1430px; margin:0 auto; padding:12px 0; position:relative; text-align:center; overflow:hidden}
.ftlk a{ display:inline-block; margin:5px 1%; color:#FFFFFF; font-size:14px; overflow:hidden;}
.ftlk a:hover{color:#FFFFFF; font-weight:bold;}
.ftlk i{ display:inline-block; margin:5px 1%; font-size:14px; font-weight:bold; overflow:hidden;}
.ftlkshow{ display:block;}
.ftlkhide{ display:none;}


/*zixun*/
.zxbox{ width:68px; height:auto; position:fixed; z-index:99999; right:0; top:48%;}
.zxbox ul{ width:100%; position:relative; z-index:2;}
.zxbox ul li{width:100%; height: auto; color:#FFFFFF; text-align: center; font-size:12px; margin-bottom: 2px;  cursor: pointer; position: relative;}
.zxkf{width:100%; height:0; padding-bottom:100%; background: #082cfc; position:relative; z-index:2; transition: all 0.5s;  border-radius: 10px;}
.zxkf:hover{background: #024169;}
.zxkf span{ display:block; position:absolute; bottom:30px; left:0; right:0; margin:auto;}
.zxkf p{ display:block; position:absolute; bottom:10px; left:0; right:0; margin:auto;}
.zxkf img{ max-width:36px; margin:0 auto;}
.zxlb{width:100%; background: #082cfc; position:relative; z-index:2; transition: all 0.5s; border-radius: 10px;}
.zxlb:hover{background: #082cfc;}
.zxlb img{ max-width:36px; margin:0 auto;}
.zxlb span{ display:block; padding-top:10px;}
.zxlb p{ display:block; padding-bottom:10px;}
.zxbox ul li a{ display:block; width:100%; color:#FFFFFF; font-size:12px;}
.zxtel{ width:150px; height:66px; line-height:66px; font-size:18px; background: #082cfc; position: absolute; top: 0; right: -155px;  z-index:1; border-top-left-radius: 10px;border-bottom-left-radius: 10px;}
.weixcot{ width:100px; height:100px; position: absolute; top: 0; right: -105px;  z-index:1;}
.weixcot img{ display:block; width:100%;}


@media screen and (min-width: 1200px) and (max-width: 1600px) {
	.bnbg .slick-prev {
		zoom:0.7;
	}
	.bnbg .slick-next {
		zoom:0.7;
	}
	
	.f1txt{font-size:16px; line-height:180%;}
	.f11top dd p{font-size:16px; line-height:180%;}
	
	.f10box .slick-prev {
		left:-50px;
	}
	.f10box .slick-next {
		right: -50px;
	}
}
@media screen and (max-width: 1200px) {
	.pc{ display:none;}
	.yd{ display:block;}
	/*top*/
	.topbg{ height:60px; position:fixed; top:0; left:0; border-bottom:#8fa9e0 1px solid; background:#FFFFFF; z-index:9999}
	.topbg:hover{ background:#FFFFFF;}
	.topbg:hover .mane li .mnbt a{ color:#0168b7;}
	.topbg:hover .top .topico{ border:#0168b7 1px solid;}
	.topbg:hover .top .topico a{ color:#0168b7;}
	.top{ height:60px;}
	.logo{ width:50%; height:60px; text-align:left; position:absolute; right:auto; top:0;  margin:auto; overflow:hidden;}
	.logo img{ width:auto; height:50px; margin:5px 0; }
	.manebg{ display:none; width:100%; height:calc(100% - 61px); background:#FFFFFF; border-top:#8fa9e0 1px solid; position:fixed; top:61px; left:0; overflow-y:auto;}
	.mane{ width:92%; height:auto; position:relative; margin:0 auto; left:0; text-align:left;} 
	.mane li{ width:100%; float:none; height:auto;  margin:0;}
	.mane li .mnbt{ position:relative;}
	.mane li .mnbt a{ display:block; max-width:100%; height:50px; line-height:50px; font-size:16px; text-align:left; margin:0 auto; position:relative; z-index:1;}
	.mncurs a{ border-bottom:#e7e2de 1px solid!important; font-weight:bold;}
	.mncurfb .mnbt a{border-bottom:#e7e2de 1px solid!important; font-weight:bold;}
	.mncur .mnbt a{ border-bottom:#0168b7 1px solid; transition: all 0.5s;}
	.mnov .mnbt a{ border-bottom:#e7e2de 1px solid; transition: all 0.5s;}
	
	.mnl{ position:relative;}
	.mnr{ position:relative;}
	
	.topson{display:none;}
	.mnson{ display:none; width:100%; margin:0 auto; position:relative; overflow:hidden;}
	.mnson a{display:block; width:90%; padding:0 5%; height:50px; line-height:50px; font-size:14px; text-align:left; margin:0 auto; border-bottom:#e7e2de 1px solid; overflow:hidden;}
	
	.topico{ display:none;}
	
	.mnico{ display:block; width:164px; height:26px; line-height:26px; border:#0168b7 1px solid; border-radius: 13px; text-align:center; position:relative; margin:20px auto; overflow:hidden; z-index:2;}
	.mnico img{ display:inline-block; margin:0 5px 0 0; position:relative; width:20px; bottom:2px; overflow:hidden;}
	.mnico a{ display:inline-block; width:calc(100% - 20px); margin:0; width:auto; position:relative; color:#0168b7; font-size:17px; font-weight:bold; overflow:hidden;}


	
	
	/*mtag*/
	.mtag{ display:block; width: 30px; height:25px; position:absolute; right:0; top:50%;transform:translateY(-50%); overflow:hidden; z-index:5; }
	.mico{ display:block; width: 30px;height: 3px;background: #0168b7; position:absolute; top:3px; }
	.mico::before{content: ''; display: block;width: 30px;height: 3px;background: #0168b7; position:absolute; top:8px; }
	.mico::after{content: ''; display: block;width: 30px;height: 3px;background: #0168b7; position:absolute; top:16px; }
	.mclose{ display: none;width: 30px;height: 3px;background: #0168b7;transform: rotate(45deg); margin-top:10px;}
	.mclose::after{content: '';display: block;width: 30px;height: 3px;background: #0168b7;transform: rotate(-90deg); }
	
	.mnysj{ display:block; width:20%; height:50px; position:absolute; right:0; top:0; z-index:2;}
	.mnysj span{ display:block; width:10px; height:10px; border:#23489e 1px solid; position:absolute; right:10px;  }
	.mnysj b{ display:inline-block; width:10px; height:25px; background:#FFFFFF; position:absolute; left:-5px; top:-5px; transform:rotate(-45deg);}
	.mnysj .mnsjov{top:18px;transform:rotate(135deg); transition: all 0.5s;}
	.mnysj .mnsjcur{top:18px;transform:rotate(-45deg); transition: all 0.5s;}
	
	
	/*bn*/
	.bnbg{ margin-top:60px;}
	.bnbg .slick-dots{ bottom: 15px;}
	.bnbg .slick-dots li {
		zoom:0.8;
	}
	.bnbg .slick-dots li button {
		zoom:0.8;
	}
	
	
	/*f1*/
	.f1{margin:30px auto 0 auto;}
	.f1box{ margin-bottom:30px;}
	.f1box dl{width:50%; float:left; margin-bottom:10px;}

	.f1box dt strong{ font-size:26px; margin-right:5px; }
	.f1box dt span{ font-size:16px;}
	.f1box dd{ font-size:14px; padding-left:10px;}
	
	.f1l{width:100%; float:none; margin-top:20px; }
	.f1bt{width:100%; font-size:20px; margin-top:0; text-align:center; }
	.f1txt{font-size:14px; line-height:180%; margin:15px auto;}
	.f1gd{  width:172px; height:36px; line-height:36px; font-size:14px; border-radius: 18px; margin:0 auto;}
	.f1pic{width:100%; float:none; border-top-left-radius: 30px; border-bottom-right-radius: 30px;}

	
	
	
	/*f2*/
	.f2bg{ padding:30px 0 10px 0; margin:30px auto 0 auto;}
	.f2tag{margin:0 auto 30px auto; text-align:center;}
	.f2tag span{ font-size:20px;  margin-bottom:10px;}
	.f2tag i{ font-size:16px;}
	.f2{width:92%;}
	.f2l{width:100%; float:none; }
	.f2l span{ display:inline-block; width:47%; height:40px; line-height:40px; border-radius: 20px; font-size:16px; margin:0 1% 10px 1%; box-sizing:border-box;}

	.f2r{width:100%; height:auto; padding-bottom:0; margin-top:10px;  float:none; }
	.f2rcon{width:100%; height:100%; position:relative;}
	.f2rbox{width:100%; padding-bottom:60px;}

	.f2rbox dl{ width:49.6%; margin:0 0.2%;  float:left; }
	.f2rbox dt{ width:100%; height:0; padding-bottom:115%;}
	.f2rbox dt p{ width:100%; height:100%; position:absolute; }
	.f2rbox dt img{ max-height:90%; margin:5% auto;}
	.f2rbox dd{ width:100%; height:40px; margin-bottom:20px;}
	.f2rbox dd p{ width:90%; line-height:20px; font-size:14px;}
	.f2rgd{ width:160px; height:46px; line-height:46px; position:relative; top:-46px; float:right; font-size:14px;}
	
	.f2rbox .slick-prev {
		left:10px;
	}
	.f2rbox .slick-next {
		left: 70px;
	}

	
	/*f10*/
	.f10{margin:30px auto 0 auto; }
	.f10tag{width:100%; margin:0 auto 30px auto; text-align:center;}
	.f10tag span{ font-size:20px;}

	.f10hd dl{width:48%; float:left; margin:0 1% 10px 1%;}
	.f10dlmr{ margin-right:0;}
	.f10hd dt{width:100%; height:0; padding-bottom:63%; }

	.f10hd dd{width:90%; left:5%; bottom:10%; }
	.f10hd dd span{ font-size:16px;}
	.f10hd dd i{ font-size:14px;}
	.f10box .slick-prev {
		left:0;
	}
	.f10box .slick-next {
		right:0;
	}
	
	/*f11*/
	.f11bg{ padding:30px 0; margin:20px auto 0 auto;}

	.f11tag{margin:0 auto 30px auto; text-align:center; }
	.f11tag span{  font-size:20px;}

	.f11top dt{width:100%; float:none; height:auto; padding-bottom:0; }

	.f11top dd{width:100%; float:none; margin-top:20px;}
	.f11top dd i{ font-size:12px;}
	.f11top dd b{font-size:16px;  margin:20px auto 10px auto;}
	.f11top dd p{font-size:14px; line-height:180%;}
	.f11top dd span{width:30%;}
	
	.f11botm{ margin:30px auto 0 auto;}
	.f11botm dl{width:100%; float:left; margin: 0 0 30px 0;}
	.f11dlmr{ margin-right:0;}
	.f11botm dt{width:100%; height:auto; padding-bottom:0;}
	.f11botm dd{width:100%; height:auto; line-height:25px; margin:10px auto 0 auto; font-size:16px;}

	/*home-over*/
	
	/*lmbn*/
	.lmbn{ margin-top:60px; height:0; padding-bottom:25%;}
	.lmtxt{font-size:20px; text-align:center;}
	.lmtxt p{ display:block; width:100%;}

	/*lmdh*/
	.lmdh li a{ font-size:14px; padding:30px 0 10px 0;}
	
	/*yydh*/
	.yydh ul{ display:block; margin-top:20px;}
	.yydh li{ display:inline-block; margin:0 10px;}
	.yydh li a{ font-size:14px; padding:10px 0;}

	
	/*af1*/
	.af1{ine-height:180%; font-size:14px; margin:30px auto;}

	.af1tj{margin:30px auto;}
	.af1ys1{ font-size:20px!important;}
	.af1ys2{font-size:16px!important;}
	.af1tag{margin:30px auto;}
	.af1tag span{font-size:20px;}
	.af1box{ width:90%; padding:5%;}
	.af1l{ width:100%; float:none; font-size:14px; padding-top:10px;}
	.af1r{ width:100%; float:none; margin-top:30px;}
	.af1r img{margin-left:1.5%; margin-right:1.5%;}
	
	/*baogao*/
	.af4{margin:30px auto;}
	
	/*new*/
	.af8{margin:30px auto; padding-left:0;}
	.af8 dl{ width:100%; float:none; margin:0 0 20px 0; padding-bottom:20px;}
	.af8 dt{ height:auto; padding-bottom:0;}
	.af8 dt img{width:100%; height:auto; position:relative;}
	.af8 dd{ margin:10px auto;}
	.af8rq{ height:20px; line-height:20px; font-size:12px; margin:10px auto;}
	.af8bt{ height:auto; line-height:180%; font-size:16px;}
	.af8xq{height:20px; line-height:20px; font-size:14px; margin:10px auto 0 auto;}
	/*page*/
	.af8gd{ margin:0 auto 30px auto;}
	.af8gd span{ width:100px; height:30px; line-height:30px; font-size:14px;}
	
	/*newnr*/
	.af9{margin:30px auto;}
	.af9bt{ font-size:20px; font-weight:bold;}
	.af9rq{ font-size:12px; margin:10px auto 20px auto;}
	.af9box{font-size:14px!important;}
	.af10{padding:30px 0 0 0; font-size:20px;}
	
	/*lianxi*/
	.af16bg{min-height:auto; padding:30px 0; margin-top:60px;}
	.af16bt{ font-size:20px; margin-bottom:20px;}
	.af16bt2{ height:37px; line-height:37px; margin-bottom:10px;}
	.af16bt2 a{ font-size:18px;}
	.af16bt2 img{ width:30px; top:5px; margin-right:3px;}
	.af16bt3 a{ font-size:22px;}
	.af16bt4{ font-size:12px;}

	.af16txt dd{ font-size:12px;}
	.af16bt5{font-size:20px; color:#0068b7; margin:30px auto;}
	
	/*zixun*/
	.af18liu{width:90%; max-width:520px;}
	.af18liusub{margin:20px auto 30px auto;}
	
	/*jiameng*/
	.af18bg{margin:30px auto; padding:30px 0;}
	.af18tag{font-size:20px; margin:0 auto 30px auto;}
	
	.af19{margin:30px auto 0 auto;}
	.af19l{ float:none;}
	.af19r{ float:none;}
	.af19 dl{margin-bottom:30px;}
	.af19 dt{ width:100%; margin-bottom:10px;}
	.af19 dd{ width:100%; height:auto; padding-bottom:0; margin:0;}
	.af19box{ width:100%; height:auto; position:relative;}
	.af19con{ position:relative; left:0; top:0;transform:translateY(0);}
	.af19bt{ font-size:20px; text-align:center;}
	.af19bt i{ right:0; margin:auto;}
	.af19txt{margin-top:10px; font-size:14px; line-height:180%;}
	
	/*cpdh*/
	.cpdh{margin:30px auto 10px auto;}
	.cpdh li{height:36px; line-height:36px; margin:0 1% 10px 1%; }
	.cpdh li a{ font-size:16px;}
	
	
	/*product*/	
	.cpbn{ margin-top:60px;}
	.af5{margin:0 auto 30px auto;}
	.af5box{ width:18%; }
	.af5pic{ margin:10px auto;}
	.af5con{ width:80%; line-height:180%; font-size:14px;}
	
	/*fangan*/
	.af12{margin:30px auto;}
	.af12pic{height:0; padding-bottom:39%;}
	.af12pic span{ width:96%; padding:8px 2%; min-width:auto; font-size:16px; background:rgba(0,102,203,0.8); }
	
	.af13{width:92%;margin:30px auto 15px auto;}
	.af13 img{max-width:100%;}
	.af13bg{height:0; padding-bottom:56.5%; overflow:hidden;}
	
	.af15{width:92%;margin:0 auto 30px auto;}
	.af15box{height:0; padding-bottom:53%;overflow:hidden;}
	
	.af15cur span{  height:20px; line-height:20px; font-size:12px; }
	.af15ov span{  height:20px; line-height:20px; font-size:12px; }

/*oem*/
.of1{margin:30px auto 0 auto;}
.of1l{width:100%; float:none; }
.of1bt{width:82%; margin:20px auto 10px auto; padding-bottom:10px; font-size:20px; text-align:center;}
.of1bt i{width:40px; right:0; margin:auto;}
.of1txt{width:82%;line-height:180%; font-size:14px;}
.of1r{width:100%;float:none; margin-top:20px;}

.of2tag{margin:30px auto 0 auto; font-size:20px;}
.of2bg{ margin:30px auto 0 auto;}
.of2 img{ display:block; width:81%; margin:0 auto;}
.of3{ width:100%; margin:30px auto;}
.of3 dl{margin-bottom:30px;}
.of3ico span{ padding:2% 4%; font-size:20px;}
.of3bt{width:86%; margin:10px auto; font-size:16px; text-align:left;}
.of3txt{width:86%; font-size:14px; line-height:180%;}
.of3 dd{width:86%; margin:20px auto;}

.of3l{width:50%;float:left; margin-bottom:30px;}
.of3r{width:50%;float:right; padding-top:150px; margin-bottom:30px;}
.of3l .of3ico{ text-align:right;}
.of3r .of3ico{ text-align:left;}

.of3tel{margin:0 auto 30px auto;}
.of3tel a{ display:inline-block; padding:6px 30px; font-size:16px;}
.of3line{ width:4px; height:99%; background:#0066cc; position:absolute; left:0; top:0; right:0; margin:auto; z-index:2;}
.of3xsj{ width:20px; height:16px; position:absolute; left:0; bottom:0; right:0; margin:auto; z-index:3;}

/*oemover*/
	
	/*footer*/	
	.ftlogo{ width:100px; float:none; margin:0 auto 30px auto; }
	.fta{ display:none;}
	.ftb{ width:100%; float:none;}
	.ftb .ftbliuyan{ padding:10px 0; min-height:auto; margin-bottom:20px;}
	.ftbliuyan .ftbtxta{width:90%; padding:0 2%; height:36px; line-height:36px; margin:12px auto 0 auto;}
	.ftbliuyan .ftbtxtb{ width:90%; padding:0 2%; height:46px; line-height:23px; margin:12px auto 0 auto;}
	.ftbliuyan .ftbtxtsub{ width:94%; height:46px; line-height:46px;  margin:12px auto 0 auto; font-size:14px;}
	::-webkit-input-placeholder{  font-size:14px; zoom:1;}
	.ftbbeizu{ width:94%; margin:12px auto 10px auto;}
	.ftbbeizu span{ font-size:14px; zoom:1; position:relative; top:3px;}
	.ftb .ftbmt{ text-align:center;}
	
	.fttag{width:100%; height:26px; background-size:cover; }
	.ftinfo{padding:12px 0; text-align:center; font-size:12px; line-height:200%;}
	.ftinfo a{ font-size:12px;}
	.ftil{ display:block; margin-right:0;}
	.ftir{ display:block;}
	.ftir span{ display:block;}
	
	
	/*ftlk*/
	.ftlk{ display:none; }
	.ftlkshow{ display:none;}
	.ftlkhide{ display:none;}
	
	/*zixun*/
	.zxbox{ display:none;}
	
}