html{ box-sizing: border-box; }
*,*:before,*:after{ box-sizing: inherit; -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: rgba(0,0,0,0);}
body{margin:0px;padding:0px;font-family:"微软雅黑",'Microsoft YaHei','Arial','宋体'; background:#fff; font-size:12px;}
div,form,p,img,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6{margin:0px;padding:0px;border:0px;}
h1,h2,h3,h4,h5,h6{ font-weight:  normal; }
ul,ol,li {list-style-type:none;}
table{border-collapse:collapse;}
table,th,tr,td{ font-size:12px;}
input, textarea{border:0; padding:0; font-family:"微软雅黑","Microsoft YaHei",'Arial',"宋体";}
:-moz-placeholder { 
   color: rgba(128,128,128,1); opacity:1; 
}
::-moz-placeholder { 
   color:rgba(128,128,128,1);opacity:1;
}
input:-ms-input-placeholder,textarea:-ms-input-placeholder{
    color:rgba(128,128,128,1);opacity:1;
}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{
    color: rgba(128,128,128,1);opacity:1;
}

i{font-style:normal;}
b{font-weight:normal;}
img{border:none;}
em{font-style:normal;}           
/*link*/
a{text-decoration:none; color:#000; -webkit-transition:background ease 0.4s,color ease 0.4s; -moz-transition:background ease 0.4s,color ease 0.4s; 
transition:background ease 0.4s,color ease 0.4s;}
*:focus { outline: none!important;}
.clearfix:after {
  content: "";
  display: block;
  height: 0;
  visibility: hidden;
  clear: both;
}
.clearfix {
  *zoom: 1;
}

.container{max-width: 1200px;width: 80%;margin: 0 auto;}
.header{position: fixed;top: 0;width: 100%;z-index: 9;transition: all 500ms ease;-webkit-transition:all 500ms ease;}
.header .container{width: 86%;margin: 0 auto;max-width: initial;}
.header .logo{float: left;display: block;line-height: 100px;position: relative;height: 100px;transition: all 500ms ease;-webkit-transition:all 500ms ease;}
.header .logo img{display: inline-block;vertical-align: middle;position: absolute;left: 0;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);}
.header .logo .img1{opacity: 1;visibility: visible;z-index: 2;}
.header .logo .img2{opacity: 0;visibility: hidden;z-index:1;}
.menuBtn{position: relative;z-index: 9;display: none;float: right;width: 35px;height: 38px;padding: 17px 0 0;cursor: pointer;margin-right: 5px;transition: .3s;-ms-transition: .3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.menuBtn b{display: block;height: 3px;background-color: #fff;margin: 3px auto 5px;border-radius: 2px;transition: .3s;-ms-transition: .3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;width: 30px;}
.menuBtn.open{margin-top: 12px;}
.menuBtn.open b{display: none;margin: 0;position: absolute;left: 10px;top: 50%;width: 30px;}
.menuBtn.open b:first-child{display: block;transform:rotate(45deg);-webkit-transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg);}
.menuBtn.open b:last-child{display: block;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg);}
.header ul{overflow: hidden;display: block;float: right;}
.header ul li{ float: left;}
.header ul li a{transition:all 500ms ease; display: block; cursor: pointer;height: 100px;line-height: 100px;padding-top: 36px;margin:0 -1px;}
.header ul li a .inner{height: 30px;line-height: 30px;overflow: hidden;position: relative;}
.header ul li a .inner:before{content: "";display: block;width: 1px;height: 100%;background: #fff;position: absolute;left: 0;top: 0;}
.header ul li a b,.header ul li a span{font-size: 18px;padding-right: 20px; color: rgb(255,255,255);padding-left: 25px; line-height: 30px; text-align: center;display: block; font-weight:normal;transition:all 500ms ease;}
.header ul li a span{font-family: "Arial";}
.header ul li:first-child a .inner:before{display: none;}
.header ul li a:hover span{margin-top:0;}
.header ul li a:hover b{margin-top: -30px;}
.header ul li.on a b,.header ul li.on a span{color: #199cdc; }
.header ul li.on a .inner:before{background:#fff; }

.header.on{background: #fff;height: 100px;transition: all 500ms ease;-webkit-transition:all 500ms ease; }
.header.on .logo{height: 100px;line-height: 100px;}
.header.on .logo .img2{opacity: 1;visibility: visible;z-index: 2;}
.header.on .logo .img1{opacity: 0;visibility: hidden;z-index:1;}
.header.on ul li a b, .header.on ul li a span{color: #199cdc;border-left: 1px solid #199cdc;}
.header.on ul li.on{background: #199cdc;}
.header.on ul li a:hover b,.header.on ul li a:hover span{color: #199cdc;}
.header.on ul li.on a:hover b,.header.on ul li.on a:hover span{color: #fff;}
.header.on ul li a b{border-left: 1px solid #199cdc;}
.header.on ul li:first-child a b{border:0;}
.header.on ul li:first-child a span{border: 0px;}
.header.on ul li.on a b,.header.on ul li.on a span{color: #fff; }
.header.on ul li a .inner:before{background: #199cdc;}
.header.on ul li.on a .inner:before{background: #fff;}
.header.on ul li.on a .inner:after{content: "";display: block;width: 1px;height: 100%;background: #fff;position: absolute;right: 0;top: 0;}


.header.active{background: #fff;height: 80px;transition: all 500ms ease;-webkit-transition:all 500ms ease;box-shadow: 0 0 20px rgba(0,0,0,0.1); }
.header.active .logo{height: 80px;line-height: 80px;}
.header.active .logo .img1{opacity: 0;visibility: hidden;}
.header.active .logo .img2{opacity: 1;visibility: visible;}
.header.active ul li a{line-height: 80px;height: 80px;padding-top: 24px;}
.header.active ul li a b, .header.active ul li a span{color: #199cdc;}
.header.active ul li a:hover b,.header.active ul li a:hover span{color: #199cdc;}
.header.active ul li.on a:hover b,.header.active ul li.on a:hover span{color: #fff;}
.header.active ul li.on a b, .header.active ul li.on a span{color: #fff;}
.header.active ul li a .inner:before{background: #199cdc;}
.header.active ul li.on a .inner:before{background: #fff;}
.header.active ul li.on a .inner:after{content: "";display: block;width: 1px;height: 100%;background: #fff;position: absolute;right: 0;top: 0;}
.header.active ul li:first-child a b{border:0;}
.header.active ul li:first-child a span{border: 0px;}
.header.active ul li.on{background:#199cdc;color: #fff; }

.header.header_fix{background: #fff;transition: all 500ms ease;-webkit-transition:all 500ms ease;height: 80px;box-shadow: 0 0 20px rgba(0,0,0,0.1); }
.header.header_fix .logo{height: 80px;line-height: 80px;}
.header.header_fix .logo .img1{opacity: 0;visibility: hidden;}
.header.header_fix .logo .img2{opacity: 1;visibility: visible;}
.header.header_fix ul li a{line-height: 80px;height: 80px;padding-top: 24px;}
.header.header_fix ul li a b, .header.header_fix ul li a span{color: #199cdc;border-left: 1px solid #199cdc;}
.header.header_fix ul li a:hover b,.header.header_fix ul li a:hover span{color: #199cdc;}
.header.header_fix ul li.on a:hover b,.header.header_fix ul li.on a:hover span{color: #fff;}
.header.header_fix ul li.on a b, .header.header_fix ul li.on a span{color: #fff;}
.header.header_fix ul li a b{border-left: 1px solid #199cdc;}
.header.header_fix ul li:first-child a b{border:0;}
.header.header_fix ul li:first-child a span{border: 0px;}
.header.header_fix ul li.on{background:#199cdc;color: #fff; }
.header.header_fix ul li.on a .inner:before{background: #fff;}
.header.header_fix ul li.on a .inner:after{content: "";display: block;width: 1px;height: 100%;background: #199cdc;position: absolute;right: 0;top: 0;}
.header.header_fix ul li a .inner:before{background: #199cdc;}
.header.header_fix ul li.on a .inner:after{content: "";display: block;width: 1px;height: 100%;background: #fff;position: absolute;right: 0;top: 0;}



.comm_ban{width: 100%;height: 60vh;background-repeat: no-repeat;background-position: center;background-size: cover;-webkit-background-size:cover;}
.comm_ban img{display: block;width: 100%;margin: 0 auto;display: none;}
.footer {width: 100%;background: #199cdc;overflow: hidden;}
.footer p{font-size: 14px;color: #ffffff;letter-spacing: 2px;text-align: center;padding: 30px 0;line-height: 30px;}
.fix_footer{position: absolute;bottom: 0;left: 0;}







@media only screen and (max-width: 1600px) {
  .header ul li a b, .header ul li a span{font-size: 16px;}
}
@media only screen and (max-width: 1440px) {
  .footer p{padding:20px 0;}
  .header{height: 80px;transition: all 500ms ease;-webkit-transition:all 500ms ease; }
  .header .logo{height: 80px;line-height: 80px;}
  .header ul li a{line-height:80px;height: 80px;padding-top: 24px;}
  .header.active{background: #fff;height: 70px;transition: all 500ms ease;-webkit-transition:all 500ms ease;box-shadow: 0 0 20px rgba(0,0,0,0.1); }
  .header.active .logo{height: 70px;line-height: 70px;}
  .header.active ul li a{line-height: 70px;height: 70px;padding-top: 20px;}
  .header.on{height: 70px;transition: all 500ms ease;-webkit-transition:all 500ms ease; }
  .header.on .logo{height: 70px;line-height: 70px;}
  .header.on ul li a{line-height: 70px;height: 70px;padding-top: 20px;}
  
}
@media only screen and (max-width: 1366px) {

}
@media only screen and (max-width: 1199px) {
  .header ul li a b, .header ul li a span{font-size: 14px;padding-left: 16px;padding-right: 16px;}
}
@media only screen and (max-width: 992px) {
  .container{width: 100%;padding: 0 15px;}
  .header .container{width: 100%;}
  .header .logo {height: 60px;line-height: 60px;}
  .header .logo img{height: 70%;}
  .menuBtn{display: block;z-index: 9;width: 3.2rem;height: 3.2rem;margin: 0;position: fixed;top: 0;right: 0;transition: all 500ms ease;-webkit-transition:all 500ms ease;}
  .menuBtn.open{margin-top: 0;padding:0;background: #199cdc;}
  .menuBtn.open b{background: #fff !important;left: 50%;margin-left: -15px;}
  .header .nav{position: fixed;top: 0;left: -100%;width: 84%;height: 100%;padding: 0;background: #fff;z-index: 14;float: none;margin-left: 0;transition: all ease 0.5s;-webkit-transition: all ease 0.5s;display: block !important;opacity: 1;visibility: visible;margin-top: 0;}
  .header .nav.active{left: 0;}
  .navbg{display: none;width: 100%;height: 100%;position: fixed;top: 0;left: 0;background: rgba(0,0,0,0.5);z-index:0;}
  .header .nav li{float: none;margin: 0;width: 100%;-o-transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;transition:.3s;background: #fff!important;text-align:left;}
  .header .nav li:first-child{height: 64px !important;}
  .header .nav li:first-child a{height: 64px !important;}
  .header .nav li a .inner{height: 64px !important;}
  .header ul li a .inner:before{display: none;}
  .header .nav li:first-child a b{line-height: 64px !important;}
  .header .nav li:hover, .header .nav li.on,.header .nav li.ok {height: auto;min-height: auto;}
  .header .nav li:nth-of-type(odd){background: #f4f4f4 !important;}
  .header .nav li a{display: block;line-height: 46px !important;font-size: 16px; color:#333;text-align:left;padding:0 20px;height: 46px !important;padding-top: 0 !important;}
  .header ul li a span{display: none;}
  .header ul li a b{line-height: 46px;font-size: 16px; color:#333 !important;text-align:left;padding:0 20px;border:0;margin-top: 0;}
  .header ul li a:hover b{margin-top: 0;}
  .header ul li.on a b{color: #199cdc !important;}
  .header.active{background: #fff;height: 60px;transition: all 500ms ease;-webkit-transition:all 500ms ease;box-shadow: 0 0 20px rgba(0,0,0,0.1); }
  .header.active .logo{height: 60px;line-height: 60px;}
  .header.active .menuBtn b{background: #199cdc;}
  .header.active ul {margin-top: 0;}
  .header.active ul li a b, .header.on ul li a span{border:0;}
  .header.on{background: #fff;height: 60px;transition: all 500ms ease;-webkit-transition:all 500ms ease;box-shadow: 0 0 20px rgba(0,0,0,0.1); }
  .header.on .logo{height: 60px;line-height: 60px;}
  .header.on .menuBtn b{background: #199cdc;}
  .header.on ul {margin-top: 0;}
  .header.on ul li a b, .header.on ul li a span{border:0;}
  .comm_ban{height: 300px;}
  .news_ban{height: auto;background-image: none !important;}
  .news_ban img{display: block;}
  .footer{padding: 0 15px;}
  .footer p{padding:10px 0;line-height: 20px;font-size: 12px;}
}