/*-------初始化start--------*/
body,iframe,div,dl,dt,dd,ul,ol,li,h1,h2,img,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,span,textarea,p,blockquote,th,td,img {margin:0; padding:0; border:0;}
h1,h2,h3,h4,h5,h6{ font-weight: normal;}
body{ font-family:helvetica; color:#444866; font-size: 14px;}
html, body{ height:100%;}
img{ border:none; display: inline-block; vertical-align: middle}
ul{ list-style-type:none; padding: 0; margin:0;}
ul li{ list-style-type:none; padding: 0; margin:0;}
input[type="text"],input[type="button"],input[type="date"],input[type="submit"]{ padding:0; -webkit-appearance:none; /*去除input默认样式*/ outline: none;}
a,img,button,input,textarea{-webkit-tap-highlight-color:rgba(255,255,255,0);}
a{ text-decoration: none; cursor:pointer; color:#666; -webkit-appearance:none; appearance:none; -moz-appearance:none;}
a:hover{ text-decoration: none;}
.clear{ clear: both;}
.left{ float: left;}
.right{ float: right;}
.pa{ position: absolute;}
.pr{ position: relative;}
::-webkit-scrollbar{ width:0px}
.hide{ display: none;}
.show{ display: block;}
.fade{ display: none; width: 100%; height: 100%; position: fixed; left: 0; top:0; z-index: 10; background-color: rgba(0,0,0,.5);}
.ewm{ display: none; width: 260px; height: 260px; position: fixed; left: 0; top:0; right: 0; bottom: 0; margin: auto; z-index: 100;}

/*头部*/
.header{ width: 100%; background: #191D3A;}
.header .wrapper{ width: 1200px; margin: 0 auto; overflow: hidden;}
.header .wrapper .logo{ width: 180px; height: 70px; float: left; display: inline;}
.header .wrapper .nav{ width: 840px; overflow: hidden; float: left; display: inline;}
.header .wrapper .nav li{ width:170px; height: 70px; font: 16px/70px helvetica; border-right: 1px solid #17191F; text-align: center; color: #fff; float: left; display: inline; cursor: pointer;}
.header .wrapper .nav li a{ color: #fff; display: block;}
.header .wrapper .nav li a:hover{ width:170px; height: 70px; background: #2CBA66;}
.header .wrapper .nav li.active{ background: #2CBA66; color: #fff;}
.header .wrapper .link{ width: 160px; float: right; display: inline-block;}
.header .wrapper .link a{ width: 40px; float: left; margin: 15px 5px 0;}

/*banner图*/
.ban{ width: 100%; clear: both; position: relative; background: #cbcbcb; overflow: hidden;}
.ban .sliderList{width: 100%;}
.ban .sliderList .swiper-slide a{width: 100%;height: 100%;}
.ban .sliderList .swiper-slide a img{width: 100%;}
.ban .sliderList li{display: none;}
.ban .sliderList li.active{display: block;}
.ban .dot{ top: 92%; left: 40%; width: 20%; height: 5%; text-align: center;}
.ban .dot ul{width: 100%;height: 100%;}
.ban .dot ul li{  width: 20px; height: 20px; line-height: 20px; background: #fff; margin-left: 2%; border-radius: 1.5em; opacity: 0.5; cursor: pointer; display: inline-block;}
.ban .dot ul li.active{opacity: 1;}

/*底部*/
.footer { width: 100%; text-align: center;}
.footer .footer_container{ width: 80%; background: #fafafa;text-align: center; display: inline-block;}
.footer .footer_container>p{display: inline-block; top:20%; left: 0%;  font-size: 1.8em; color: #000; width: 20%; height: 50px; line-height: 50px; text-align: left;}
.footer .footer_container>.navfoot{ list-style-type: none; margin: 0; padding: 0; width: 80%; display: inline-block;}
.footer .footer_container>.navfoot>li{ width: 16.6%; height: 50px; display: inline; margin: 0px;}
.footer .copyright {background-color: #191d3a; vertical-align: middle; width: 100%; text-align: center; line-height: 50px; float: right; }