@charset "utf-8";
/* CSS Document */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td { margin:0; padding:0; }
h1,h2,h3,h4,h5,h6{font-weight: normal;}
BODY {FONT:14px/1.75 "Microsoft YaHei";COLOR: #666;  background:#fff;width:100%; overflow-x: hidden;}
A {COLOR: #333; TEXT-DECORATION: none}
P{COLOR: #666;}
A:hover {TEXT-DECORATION: none}
A IMG {BORDER-BOTTOM-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-TOP-STYLE: none; BORDER-LEFT-STYLE: none}
DIV {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
UL {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
LI {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
P {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
FORM {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
EM {FONT-STYLE: normal; FONT-WEIGHT: normal}
TABLE {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
DT {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
DL {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
DD {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
FORM {PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
TR {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
.cl{HEIGHT: 0px; CLEAR: both;}
.fl{FLOAT: left}
.fr{FLOAT: right}
.container{margin:0 auto}
.container-s{max-width:1717px;margin:0 auto}
.c{*zoom:1;}
.c:after{content: ""; display: block; height: 0; clear: both;}
.txt-c{text-align: center;}
.txt-r{text-align: right;}
.col-white{color: #fff;}

/*PC端公共头部*/
.header{position: fixed; z-index: 222; width: 100%; top: 0; height: 114px; background: #fff; box-shadow: -1.042px 5.909px 16px 0px rgba(181, 181, 181, 0.22);}
.header .container-s{position: relative;}
.header .logo{margin-right: 165px; margin-top: 30.5px;}
.header .logo img{display: block;  margin-right: 13px;}
.header .text strong{display: block; font-size: 23px; line-height: 23px; color: #333; margin-top: 6px;}
.header .text span{display: block; font-size: 14px; color: #666;}
.header .nav ul li{float:  left; position: relative;  margin-right: 55px;}
.header .nav ul li:last-child{margin-right: 0}
.header .nav ul li>a{display: block; font-size: 16px; line-height: 114px;  color: #666;  position: relative;  }
.header .nav ul li:hover>a,.header .nav ul li.on>a{color: #0099e0;}

.header .nav .hide{position: fixed;width: 960px;left:-100px;right: 0;margin:0 auto;top: 114px;text-align: left;padding: 0 30px;height: 0px;overflow: hidden;box-shadow: 0 0 2px rgba(0, 0, 0, 0.1);z-index: 999;transition: 400ms ease-in-out;background: #ffffff;}
.header .nav .hide .hide-left{width: 63%;text-align: left;text-indent:1rem;padding-top:30px;}
.header .nav .hide .hide-left dd{height:45px;line-height: 45px;border-bottom:1px solid #eee; float: left; width: calc(94% / 2); margin-right: 6%}
.header .nav .hide .hide-left dd:nth-child(2n){margin-right: 0}
.header .nav .hide .hide-left dd a{width: 100%;display: block;}
.header .nav .hide .hide-left dd:hover a{color:#115376}
.header .nav .hide .hide-left dd::after{content:'';display:block; background: #0099e0;height:1px;display: block;width:0;transition: all .4s;}
.header .nav .hide .hide-left dd:hover::after{width:100%;}
.header .nav .hide .hide-right{width: 35%;margin-top:30px;}
.header .nav .hide .hide-right img{width: 100%;}
.header .nav .hide{box-shadow: 1px 1px 10px rgba(0,0,0,0.1); }
.header .nav li:hover .hide {height: 270px; transition: 400ms ease-in-out;}


.nav-column{padding-top:26px;position: absolute;top: 88px;z-index:222;display: none;  width: 212px; left: 50%; margin-left: -106px;}
.nav-column .nav-dl{background: #fff;  padding: 11px 18px; position: relative; box-shadow:0px 1px 4px 1px rgba(0,0,0,0.17); box-sizing:border-box;}
.nav-column .nav-dl:after{position: absolute; content: ''; background: url(../images/nav-hide.png) no-repeat center top; width: 26px; height: 12px; top: -12px; left: 50%; margin-left: -13px;}
.nav-column .nav-dl dl dd a{display: block; font-size: 14px; color: #666; line-height: 40px; text-align: center; border-bottom: solid 1px #e6e6e6; margin-bottom: 5px;}
.nav-column .nav-dl dl dd:last-child a{border-bottom: none;}
.nav-column .nav-dl dl dd a:hover{background: #0099e0; color: #fff}
.search img{display: inline-block; margin-right: 71px; margin-top: 47px;}
.seach-form{display: none;}
.seach-form form{ position: absolute;top:124px; background: #fff;cursor: pointer; width: 320px;right: 0}
.seach-form input{float:left;border:none;height:40px; outline: none; font-size: 15px;}
.seach-form  .f-text{width: calc(100% - 80px); line-height: 40px; text-indent: 20px; background: #f5f5f5; color: #bdbdbd}
.seach-form  .f-submit{width:80px; background: #0099e0;color:#fff}
.header .ver{margin-top: 37px; background: #fff; border-bottom-left-radius: 20.5px;border-bottom-right-radius: 20.5px;}
.header .ver ul li{float: left; width: 140px; line-height: 39px; border: 1px solid #e1e1e1; border-radius: 20.5px; text-align: center; position: relative;}
.header .ver ul li img{display: inline-block; vertical-align: middle;}
.header .ver dl{ display: none;}
.header .ver dl a{display: block; line-height: 35px;}
.header .ver dl a:hover{color: #0099e0}
.header-zw{height: 114px;}
.wap-header{display: none;}


/*首页banner*/
.banner{ position: relative; overflow: hidden; height: 500px;width:1620px;margin:0 auto; border-radius:20px;}
.banner .info{margin-top: 140px; margin-left: 7.4%}
.banner .info em{display: block; font-size:55px; line-height: 85px; color: #313b4c; margin-bottom: 19px; }
.banner .info span{display: block; font-size: 22px; line-height: 12px;  color: #666; width: 621px}
#banner-num {bottom: 33px;z-index: 1; display: block;}
#banner-num .swiper-pagination-bullet{width: 14px; height: 14px; opacity: 1; background: #fff; border-radius: 50%}
#banner-num .swiper-pagination-bullet-active{background: #009ae1; }