*{ margin: 0; padding: 0; list-style: none; text-decoration: none; box-sizing: border-box;}
body{ position: relative; font: 14px/1.5 Microsoft YaHei, arial, 微软雅黑, sans-serif; vertical-align: baseline; width: 100%; overflow-x: hidden;}
i, em{ font-style: normal;}
a{ color: #333;}
h1, h2, h3, h4, h5, h6, b{ font-weight: normal;}
img{ border: none \9; display: inline-block;}
.clearfix:after,.clear{ content: "."; display: block; height: 0; clear: both; overflow: hidden; visibility: hidden;}
.fl{ float: left;}
.fr{ float: right;}
.tywidth{ width: 1200px; margin: 0 auto;}
@font-face{ font-family: 'HELVETICANEUELTSTD-THEX';src: url('../fonts/HELVETICANEUELTSTD-THEX.OTF');font-weight: normal; font-style: normal;}

/*header*/

.header{ position: absolute; left: 0; top: 0; width: 100%; height: 85px; z-index: 999;}
.header .header_slogan{ margin: 0 auto; max-width: 90%; border-bottom: 1px solid rgba(255, 255, 255, 0.4); height: 100%;}
.header .header_slogan .logo{ margin-top: 14px;}
.header .nav{ font-size: 0; height: 100%; float: left; margin-left: 130px;}
.header .nav nav{ height: 100%;}
.header .nav nav .xz{ position: relative; display: inline-block; vertical-align: top;margin-right: 40px; text-align: center; height: 100%; padding-top: 25px;}
.header .nav nav .xz i{ color: #fff; font-size: 18px;}
.header .nav nav .xz:before{ content: ""; position: absolute; width: 0; height: 3px; background: #fff; bottom: 0; transform: translateX(-50%); transition: all 0.6s cubic-bezier(.075, .82, .165, 1); left: 50%; opacity: 0;}
.header .nav nav .xz.on:before,.header .nav nav .xz:hover:before{ opacity: 1;width: 51px;}
.header .nav nav .xz:last-child{ margin-right: 0;}
.header .nav nav .xz ul{ display: none; position: absolute; left: -13px; top: 100%; z-index: 999; width: 120px; background-color: rgba(255, 255, 255, 0.902); border: 1px solid #eee; padding: 20px 0;}
.header .nav nav .xz ul li{ font-size: 16px; color: #666; line-height: 16px; margin-top: 20px;}
.header .nav nav .xz ul li:first-child{ margin-top: 0;}
.header .nav nav .xz ul li:hover{ color: #1254ab;}
.header .dwc>a{ display: inline-block; vertical-align: top; margin: 30px 30px 0 0;}
.header .dwc .dt{ background: url(../images/head_icon1.png)no-repeat; width: 15px; height: 15px;}
.header .dwc .ss{ cursor: pointer; background: url(../images/head_icon2.png)no-repeat; width: 16px; height: 16px;}
.header .dwc .ly{ background: url(../images/head_icon3.png)no-repeat; width: 15px; height: 17px;}
@media only screen and (max-width: 1720px){.header .nav{ margin-left: 4%;}
	}
@media screen and (max-width: 1630px){ .header .nav nav .xz{ margin-right: 30px;}
	}
@media screen and (max-width: 1545px){ .header .header_slogan .logo{ margin-right: 20%;}
	}
@media screen and (max-width: 1545px){ .header .nav{width: 100%; margin-top: 20px; margin-left: 0;}
	}
@media screen and (max-width: 1545px){ .header .nav nav .xz{margin-right: 4%;}
	}
@media screen and (max-width: 1330px){ .header .nav nav .xz{margin-right: 3%;}
	}
@media screen and (max-width: 1170px){ .header .nav nav .xz{margin-right: 2%;}
	}
@media screen and (max-width: 1545px){ .header .nav nav .xz:before{bottom: 20px;top: 76%;}
	}

/*轮播*/

.banner-index{ line-height: 0;}
.banner-index img{ width: 100%;}
.slideBox{ width: 100%; height: auto; overflow: hidden; position: relative;}
.banner img{ width: 100%;}
.banner-index .slideBox .bd img{ width: 100%;}
.slideBox .bd ul li{ display: none;}
.slideBox .bd ul li:first-child{ display: none;}
.slideBox .hd{ height: 13px; overflow: hidden; position: absolute; left: 45%; bottom: 35px; z-index: 1;}
.slideBox .hd ul{ overflow: hidden; zoom: 1; float: left;}
.slideBox .hd ul li{ float: left; position: relative; width: 13px; height: 13px; overflow: hidden; margin-right: 10px; cursor: pointer;}
.slideBox .hd ul li:after{ content: ""; width: 13px; height: 13px; background: #fff; position: absolute; left: 0; top: 0; transform: scale(0); transition: all .3s; border-radius: 50%;}
.slideBox .hd ul li:before{ content: ""; background: #fff; width: 8px; height: 8px; position: absolute; left: 3px; top: 3px; transition: all .3s; border-radius: 50%;}
.slideBox .hd ul li.on:after{ transform: scale(1);}
.slideBox .hd ul li.on:before{ transform: scale(0);}

/*--search-form--*/

.search-pop{display: none;position: fixed;z-index: 9999;top: 0;left: 0;padding: 28px 0;width: 100%;background: #fff;}
.search-pop .inner{height: 45px;overflow: hidden;}
.search-form{position: relative;height: 45px;overflow: hidden;}
.search-form input{display: block;padding: 10px;width: 100%;height: 45px;font-size: 14px;border: none;outline: none;border: #f0f0f0 solid 1px;}
.search-form button{display: block;position: absolute;right: 0;top: 0;width: 80px;height: 100%;font-size: 14px;color: #fff;border: none;cursor: pointer;background: #222328;}
.search-form button:hover{background: #1254ab;}

/*--end search-form--*/


/*gsfz*/

.gsfz{ position: relative; max-width: 1200px; height: 250px; overflow: hidden; text-align: center; margin: 0 auto;}
.gsfz{ width: 100%;}
.gsfz ul{ width: 100%; position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); padding: 0;}
.gsfz ul li{ position: relative; width: 33%; color: #333; float: left;}
.gsfz ul li:after{ content: ''; position: absolute; width: 1px; height: 77px; background-color: rgb(238, 238, 238); right: 0; top: 40%; transform: translateY(-40%);}
.gsfz ul li:last-child:after{ display: none;}
.gsfz ul li dt{ font-size: 48px; color: #333; line-height: 48px; font-family: "HELVETICANEUELTSTD-THEX";}
.gsfz ul li dt i{ font-size: 14px;}
.gsfz ul li dd{ font-size: 16px; color: #666; margin-top: -13px;}

/*zgsldq*/

.zgsldq{ width: 100%; overflow: hidden; background: url(../images/zhsldq.png)no-repeat center; position: relative; background-size: cover;}
.zgsldq .topic{ position: absolute; left: 0; top: 82px; margin-left: 12.19%;display: none;}
.zgsldq .topic h3{ color: #333; font-size: 42px; line-height: 42px;}
.zgsldq .topic h3 i{ font-size: 26px;}
.zgsldq .topic h4{ margin-top: 30px; color: #999; font-size: 14px;}
.zgsldq .nr{ width: 100%; position: relative;}
.zgsldq .nr .product{ float: left; margin-left: 12.19%; margin-top: 14%; width: 37%;position: relative;}
.zgsldq .nr .product dl dd{ width: 50%; display: inline-block; vertical-align: top; margin-bottom: 30px;}
.zgsldq .nr .product dl dd a{ font-size: 16px; color: #fff;}
.zgsldq .tyby .more:hover,.zgsldq .hidden a:hover{ text-decoration: underline;}
.zgsldq .nr .text{ cursor: pointer; position: absolute; z-index: 2; top: 0; left: 0; width: 100%; height: 100%;}
.zgsldq .nr .product .text{ text-align: right;}
.zgsldq .nr .product .text .tyby{ padding: 21% 13% 0 0;}
.zgsldq .hidden{ opacity: 0; height: 0;display: none;}
.zgsldq .nr .img{ width: 100%;}
.zgsldq .nr .gfdl{ float: right; width: 50%; position: relative; margin-top: 3%;}
.zgsldq li{ color: #e6ebef; font-size: 26px; line-height: 26px;}
.zgsldq li em{ font-size: 12px;text-transform: uppercase;}
.zgsldq .tyby .more{ display: block; margin-top: 10px; color: #e6ebef; font-size: 14px; font-style: italic;}
.zgsldq .tyby .more img{ vertical-align: middle; margin: -2px 0 0 10px;}
.zgsldq .nr .gfdl .text{ text-align: right; padding: 22% 8% 0 0;}
.zgsldq .gfdl .hidden dd{ display: block; width: 100%;}
.zgsldq .nr .gfdl .text .hidden{ text-align: center;}
.zgsldq .gywm{ float: left; position: relative; width: 30%; margin: 1% 0 0 19.15%;}
.zgsldq .gywm .text{ text-align: left; padding: 18% 0 0 7%;}
.zgsldq .gywm .hidden li{ margin-bottom: 20px;}
.zgsldq .hxsl{ float: left; position: relative; width: 34%; margin-left: 0.9%;}
.zgsldq .hxsl .text{text-align: right; padding: 23% 5% 0 0;}

/*new*/

.new{ position: relative; max-width: 1200px; height: 575px; overflow: hidden; margin: 80px auto 0;}
.new .newtopic{ text-align: center; line-height: 0; margin-bottom: 70px;}
.new .content{ width: 100%;}
.new .hd{ position: absolute; right: 0; top: -10px; z-index: 3; font-size: 0;}
.new .hd ul li{ display: inline-block; vertical-align: top; width: 88px; height: 29px; line-height: 29px; margin-right: 10px; text-align: center;}
.new .hd ul li:last-child{ margin-right: 0;}
.new .hd ul li a{ display: block; color: #666; font-size: 14px;}
.new .hd ul li.on{ background: #1254ab;}
.new .hd ul li.on a{ color: #fff;}
.new .bdnr{ height: 363px; overflow: hidden;}
.new .bdnr .bd ul li{ position: relative;}
.new .bd .pic{ background: url(../images/newpicbg.png)no-repeat; width: 497px; height: 363px; overflow: hidden; float: left;}
.new .bd .pic img{ width: 465px; height: 327px; transition: all .3s ease-in;}
.new .bd .pic img:hover{ transform: scale(1.1);}
.new .bd .text{ float: left; margin: 235px 0 0 45px; color: #666; font-size: 16px; line-height: 30px; width: 530px;}
.new .bd .text:hover{ text-decoration: underline;}
.new .bd .title{ background-color: rgb(255, 255, 255); box-shadow: 2.427px 1.763px 10px 0px rgba(0, 0, 0, 0.14); position: absolute; top: 95px; left: 335px; width: 541px; height: 95px; z-index: 2; padding: 20px 0 0 30px;}
.new .bd .title:before{ content: ""; width: 122px; height: 2px; background-color: rgb(50, 50, 50); display: block; margin-bottom: 15px;}
.new .bd .title a{ color: #666; font-size: 18px;}
.new .bd .title a:hover{ color: #1254ab; text-decoration: underline;}
.new .bd .title:hover:before{ background: #1254ab;}
.new .hdqq dl dd{ margin-right: 24px; position: relative; display: inline-block; zoom: 1; cursor: pointer;}
.new .hdqq dl dd span{ width: 5px; height: 5px; border: none; background: #555; border-radius: 30px; display: block; position: relative;}
.new .hdqq dl dd span:before{ content: ""; width: 18px; height: 18px; border: 2px solid #555; position: absolute; border-radius: 100%; left: 50%; bottom: 50%; transform: scale(0, 0); transform-origin: center; transition: all 0.36s ease; text-align: center; margin-left: -11px; margin-bottom: -11px;}
.new .hdqq dl dd.on span:before,.new .hdqq dl dd:hover span:before{ transform: scale(1, 1);}
.new .hdqq dl dd span:after{ content: ""; position: absolute; left: 50%; bottom: 50%; width: 18px; height: 18px; border-radius: 100%; margin-left: -9px; margin-bottom: -9px;}
.new .hdqq{ position: absolute; right: 0; top: 183px; z-index: 4;}
.new .inBox{ position: relative;}
@media only screen and (max-width: 1200px){.new .hdqq{ right: 12px;}
	}

/*foot*/

.foot{ border-top: 1px solid #eee; padding-top: 65px; width: 100%;}
.foot .content{ max-width: 1200px; margin: 0 auto;}
.foot .content .left{ width: 43%;}
.foot .content .left dt{ color: #333; font-size: 18px;margin-bottom: 10px;}
.foot .content .left dd{ color: #666; font-size: 14px;margin-bottom: 15px;}
.foot .content .left ol a:first-child{ line-height: 35px; margin: 0 20px 0 15px;}
.foot .content .left ol a{ position: relative; cursor: pointer; margin-right: 20px; display: inline-block; vertical-align: top;}
.foot .content .left ol a i{ display: block; text-align: center; position: relative; background-color: rgb(178, 178, 178); border-radius: 50%; width: 35px; height: 35px; overflow: hidden; line-height: 30px;}
.foot .content .left ol a img{ vertical-align: middle;position: relative; z-index: 1;}
.foot .content .left ol .wechat .xs{ position: absolute; left: -40px; top: -138px; z-index: 2; opacity: 0; transform: scale(0); transition: all .3s ease-in;}
.foot .content .left ol .wechat:hover .xs{ opacity: 1; transform: scale(1);}
.foot .content .left ol a i:before{ border-radius: 50%; content: ""; transform: scale(0); position: absolute; left: 0; top: 0; width: 35px; height: 35px; transition: all .3s ease; background: #1254ab;}
.foot .content .left ol a:hover i:before{ transform: scale(1);}
.foot .content .zb dd{ display: inline-block; vertical-align: middle;}
.foot .content .right ul dt{ color: #999; font-size: 16px; margin-bottom: 25px;text-align: center;}
.foot .content .right ul li{ margin-bottom: 10px;text-align: center;}
.foot .content .right ul li a{ color: #666; font-size: 14px;}
.foot .content .right ul li a:hover{ color: #1254ab; text-decoration: underline;}
.frilist{ margin: 60px 0 50px;}
.frilist .link li{ float: left; font-size: 14px;color: #666;}
.frilist .link li a{ color: #666; font-size: 14px;}
.frilist .link li a:hover{ color: #1254ab; text-decoration: underline;}
.frilist .link i{ float: left; margin: 0 10px; font-size: 12px;color: #eee;}
.foot .bottom{ background: #212121; width: 100%; height: 52px; line-height: 52px; text-align: center; color: #fff; font-size: 14px;}
.foot .bottom a{ color: #fff;}
.foot .bottom a:hover{ text-decoration: underline;}