body{}
*{ margin:0; padding:0;box-sizing:border-box}
img{ border:none;}
ul,li{ list-style:none;margin:0; padding:0;}
.clear{ clear:both}
.l{ float:left;}
.r{ float:right;}
a{ text-decoration:none;}
a:hover{ text-decoration:none;}

.s_width{width:1330px;margin:0 auto;}

.in_header_banner{overflow: hidden; width:100%;}

.header_banner{position:relative; z-index: 99999}
.header{position:absolute;width:100%;overflow: hidden;height:150px}
.header .logo{position:absolute;left:10px;top:10px;z-index:9}

.index_nav{display:flex;flex-direction:row;justify-content:space-between;align-items:center;height:125px;width:60%;}
.index_nav li{line-height:125px; position:relative;}
.index_nav li a{color:#626262;font-size:17px;display:block;width:100%;}
.index_nav li a:hover{font-weight:bold; text-decoration:none;}
.index_nav li div {display:none;width:180px;text-align:center;color:#4f4f4f;position:absolute;z-index:9999999;left:-60px;top:100%; background: #0e9ca9}
.index_nav li div a {display:block;color: #fff; line-height:39px;font-size: 15px;font-weight:normal;border-bottom:1px solid rgba(255,255,255,0.1);margin-top:0; padding:0 0 0 0;}

.tel{position:absolute;right:150px;top:31px;z-index: 2}

.nav{ width:22%; position:absolute; right:7%; top:0; z-index: 2}
.nav ul{display: flex;flex-direction:row;justify-content: space-between;}
.nav li{background:url(../images/xian.png) no-repeat top right;padding:16px 8px 0 0;}
.nav li a{display: block;width:20px;height:150px;font-size:16px;line-height:17px;color:#fff; text-decoration:none; transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s;}
.nav li a:hover{ font-weight:bold; }

.navbarpage {
  position: absolute;
  right: 0;
  top: -100vh;
  width: 100%;
  box-sizing: border-box;
  transition: all 1s ease;
  background-color: rgba(0, 0, 0, 0.85); z-index:8}
.nav_logo{ position:absolute; left:15px; top:7px}

.navbar {
  position: absolute;
  top: 24px;
  width: 111px; right:10px;
  height: 48px;border-radius: 10px; background: #28a92e;
  cursor: pointer;
  box-sizing: border-box;
  z-index: 9;
}
.navbar p{line-height: 48px;color:#fff;fong-size:18px;text-align: right;padding:0 15px 0 0 }
.navbar .navbar_list{width:26px;height:20px;position: absolute;left:15px;top:50%;margin-top:-10px;}
.navbar .navbar_list div { position:absolute;  width: 26px;  height: 2px;  transition: all 0.5s ease; font-size:15px; color:#fff}

.navbar_list .nav1{  background:#fff; left:0; top:0;}
.navbar_list .nav2 {  background:#fff; left:0px; top:9px;}
.navbar_list .nav3 {  background:#fff; left:0; bottom:0;}

.navbarOn1 {
  transform-origin: center;
  transform: rotate(45deg) translate(5px, 8px);
}

.navbarOn2 {
  transform-origin: center;
  transform: rotate(-45deg) translate(5px, -8px);
}

.navbarOn3 {
  transform: rotateY(90deg);
}

.navbarpage .navbarpage_da{width: 100%;height: 400px; position:absolute; top:50%; margin-top:-200px;}
.navbarpage .navbarpage_da ul{width: 90%;margin:0 auto;height: 560px; display: flex;display: -webkit-flex;justify-content: space-between}
.navbarpage li{position: relative; text-align:center; width:calc(100%/8)}
.navbarpage li:before{content:'';width:100px; position: absolute;left:50%;margin-left:-50px; top:55px; height: 1px; background: rgba(255,255,255,0.2)}
.navbarpage li a{ display: block; color:#fff; font-size:18px; transition: all 0.3s; line-height: 55px;}
.navbarpage li span{ color:rgba(255,255,255,0.2); font-family:impact; text-transform:uppercase; padding:0 0 0 25px;}
.navbarpage ul li a:hover{ color:#fff; }
.navbarpage ul li a:hover span{ color:rgba(255,255,255,0.7)}
.navbarpage ul li div{margin:35px 0 0 0;width:100%;}
.navbarpage ul li div a{line-height: 45px; font-size: 16px}

.active_navbar{top: 0!important;transition:all 0.2s ease;}