.w1200{ width:1200px; margin:0 auto;}

header{height: 90px;line-height: 90px;position:fixed;width: 100%;top: 0;z-index: 222;transition: 0.3s ease;background: rgba(255, 255, 255);}
.header{width:100%; height: 90px;line-height: 90px; background:#fff;box-shadow: 0 2px 8px rgba(140,140,140,.1)}
.logo{display: inline-block;vertical-align: middle;width: 360px;height: 45px;background: url(../images/logo.png) no-repeat center center; margin-top:24px;}
.nav{display: inline-block;vertical-align: top;margin-left:5px;float: right;}
.nav ul{font-size: 0; float:left;}
.nav li{display: inline-block;vertical-align: top;margin-right: 6px;}
.nav li>a{display: block;font-size: 16px;color: #444;position: relative;margin: 0 16px;}
.nav li>a:after{content: '';display: block;width: 100%;height: 1px;background: rgba(250,250,250,.8);position: absolute;bottom: -1px;left: 0;transform: scaleX(0);
transition: 0.3s ease-out;}
.nav li:hover>a:after,.nav li.active>a:after{transform: scaleX(1);}

header .nav .line {
  display: inline-block;
  width: 1px;
  height: 11px;
  background-color: #ccc;
  float: right;
  margin-left: 20px;
  margin-top: 40px;
}

header .nav li>a:hover{color: #0075c1;}
header:hover .nav li>a:after{background:#0075c1;}

header .extra-link {
  margin-left: 18px;
  padding-top: 24px;
  float:right;
}
header .extra-link a {
  display: inline-block;
  height: 40px;
  width: 22px;
  margin-left: 15px;
}
header .extra-link .link4 {
  background: url(../images/ico_04.png) no-repeat center;  
}


.search-alert {
  position: fixed;
  z-index: 100;
  background-color: #222222;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: none;
}
.search-alert .cent-form {
  position: absolute;
  width: 94.8%;
  left: 2.6%;
  top: 50%;
  height: 124px;
  margin-top: -63px;
  border-bottom: 1px solid #515151;
}
.search-alert .cent-form .tex {
  border: none;
  font-size: 66px;
  height: 124px;
  line-height: 124px;
  text-align: center;
  width: 100%;
  box-sizing: border-box;
  color: #555;
  background: none;
  font-family: "Base-font";
  padding-left: 88px;
  padding-right: 80px;
  background: url(../images/ico_36.png) no-repeat 35px 60px;
}
.search-alert .cent-form input{ outline:none;}
.search-alert .cent-form .sub-butn {
  border: none;
  height: 100px;
  margin-top: 24px;
  font-size: 24px;
  line-height: 100px;
  color: #555;
  text-align: right;
  background: none;
  font-family: "Base-font";
  position: absolute;
  right: 0;
  top: 0;
  width: 80px;
  text-align: center;
}
.search-alert .close {
  display: block;
  width: 18px;
  height: 18px;
  background: url(../images/ico_37.png) no-repeat center;
  position: absolute;
  top: 38px;
  right: 2.6%;
  cursor: pointer;
  transition: transform 0.3s ease 0s;
}

.nav_list{position: absolute;width: 100%;background: white;top: 71px;left: 0;padding: 0;box-sizing: border-box;height: 0;transition: 0.3s ease-out .2s;
overflow: hidden;}
.nav_list dl{font-size: 0;text-align: center;}
.nav_list dl dd{display: inline-block;vertical-align: top;width: 20%;text-align: left;box-sizing: border-box;padding: 0 20px;border-right: 1px solid #eee;}
.nav_list dl h1{font-size: 18px;color: #333;line-height: 1;}
.nav_list dl dd:first-child{border-left: 1px solid #eee;}
.nav_list dl p{font-size: 14px;color: #777;line-height: 30px;margin-top: 23px;}
.nav_list dl span{display: block;margin-top: 20px;}

.nav_list4{position: absolute;width: 100%;background: white;top: 71px;left: 0;padding: 0;box-sizing: border-box;height: 0;transition: 0.3s ease-out .2s;
overflow: hidden;}
.nav_list4 dl{font-size: 0;text-align: center;margin-top: 50px;}
.nav_list4 dl dd{display: inline-block;vertical-align: top;width: 20%;text-align: left;box-sizing: border-box;padding: 0 20px;border-right: 1px solid #eee;}
.nav_list4 dl h1{font-size: 18px;color: #333;line-height: 1;}
.nav_list4 dl dd:first-child{border-left: 1px solid #eee;}
.nav_list4 dl p{font-size: 14px;color: #777;line-height: 30px;margin-top: 23px;}
.nav_list4 dl i{display: inline-block;line-height: 1;color: #666;margin-top: 5px;}
.nav_list4 dl span{display: block;margin-top: 20px;}
.nav_list_list{background: #e3e7e9;line-height: 110px;}
.nav_list_list .divBox{font-size: 0;}
.nav_list_list span{display: inline-block;width: 11.1%;box-sizing: border-box;padding-left: 22px;border-right: 1px solid #c2c8cc;vertical-align: top;position: relative;}
.nav_list_list span:first-child{border-left:1px solid #c2c8cc;}
.nav_list_list span a{display: block;font-size: 15px;font-weight: bold;}
.nav_list_list span:after{content: '';display: block;width: 3px;height: 40px;background: #c2c8cc;position: absolute;top: 50%;transform: translateY(-50%);
left: 0;}
.nav_list_list span:last-child:after{display: none;}
.nav_list_list span img{margin-right: 5px;margin-top: -2px;}
.nav_list_list span:hover:after{background: #333;}
.nav li:hover .nav_list4{height: 535px;padding: 0px 0 70px;}



.ljgd{display: block;margin: 0 auto;width: 165px;line-height: 45px;text-align: center;font-size: 14px;color: #333;border: 1px solid lightgray;margin-top: 50px;}
.ljgd i{font-size: 14px;margin-left: 5px;}
.ljgd:hover{background: #535353;color: white;}
.nav li:hover .nav_list{height: 525px;padding: 50px 0 70px;}

.nav_list2{position: absolute;width: 150px;background: white;top: 98px;text-align: center;left: -33px;transition: 0.3s ease .2s;transform: scaleY(0);}
.nav_list2:after{content: '';display: block;width: 0;border: 8px solid transparent;border-bottom-color: white;position: absolute;left: 50%;top: -16px;
margin-left: -8px;}
.nav_list2 span{display: block;border-bottom: 1px solid #eee;line-height: 45px;}
.nav_li {position: relative;}
.nav_list2 span a{font-size: 14px;color: #333;display: block;}
.nav_list2 span:hover{background: #f5f5f5;}
.nav li:hover .nav_list2{transform: scaleY(1);}




@media only screen and (max-width:1000px) {
.ban_list .divBox{display: none}
.nav ul>li ol {display: none;}
.divBox,.jtjj_list,.head,.divBox {width: 95%;}
.sousuo {display: none;}
.mobile {display: block;}
header.active .nav,.nav {transform: translateX(0);opacity: 1;}
.nav {position: fixed;top: 70px;left: 0;width: 100%;margin: 0;line-height: 50px;background: rgba(255, 0, 0, 0.74);left: 100%;z-index: 3333;}
header.active .nav {left: 0}
header {line-height: 70px;height: 70px;background: #f8f8f8 !important;}
.mobile {width: 49px;height: 45px;}
.mobile i:nth-child(1) {margin-top: 11px;}
.mobile {margin-top: 12px;}
header {padding: 0 10px;z-index: 222;/* position: fixed; */width: 100%;top: 0;}
.nav ul>li {width: 100%;border-bottom: 1px solid #eee;box-sizing: border-box;}
.nav ul>li>a {width: 100%;border: none;height: 100%;display: inline-block;}
.nav ul>li ol {display: none;}
header.active1 .mobile,header.active1 .logo {transform: translateX(0);opacity: 1;}
.nav ul li a {padding: 0;text-align: center;font-size: 14px;font-weight: bold;color: #fff;}
.nav ul>li>a {/* padding-bottom: 16px; */}
}


.cbl{width: 70px;position: fixed;right:0;top:44%;z-index: 3333;}
.cbl.active{display: none;}
.cbl li{margin-top: 2px;transition: 0.4s ease-in-out;}
.cbl span{transition: 0.4s ease-in-out;display: inline-block;width: 70px;height: 70px;text-align: center;background: rgba(204, 12, 27, 0.2);box-sizing: border-box;padding: 15px 0;font-size: 12px;color: white;}
.cbl span i{transition: 0.4s ease-in-out;display: block;font-size: 40px;color: #CC0C1B;margin-bottom: 5px;}
.cbl span p{}
.cbl li aside{width: 174px;display: inline-block;vertical-align: top;background:rgba(204, 12, 27,1);height: 70px;line-height: 70px;box-sizing: border-box;padding: 0 15px;font-size: 16px;color: white;font-weight: bold;text-align: center;}
.cbl li:nth-child(1){width: 250px;position: relative;left: 0;cursor: pointer;}
.cbl li:nth-child(1):hover{left: -176px;}
.cbl li:hover span{background:#CC0C1B;}
.cbl li:hover span i{color: white;}