body{font-size: 16px;} 
.w80{ width: 80%; margin: 0 auto; max-width: 1500px;}
header .top{height: 80px;}
header .top,header .bot{padding-left: 8vw; padding-right: 8vw;}
header .bot{ z-index: 100; box-shadow: 0 10px 10px rgba(0, 0, 0, .05);}
/*.logoImg{ width: 200px;}*/
.logo .line{ width: 1px; background-color: #e6e6e6; min-height: 66px;}
.oneNav{ font-size: 18px; line-height:70px;}
.orient{ padding-top: 70px; margin-top: -70px;}
nav{ width: 65vw;}
nav li.on .oneNav{ color: #6fb92c;}
nav li:hover .oneNav{ color: #6fb92c;}
nav li{ position: relative;}
nav li dl{ position: absolute; left: 50%; width: 180px; top: 70px; margin-left: -90px; background-color: #fff; z-index: 10; text-align: center; box-shadow: 0 5px 5px rgba(0, 0, 0, .15);}
nav li dd a{ line-height: 50px; border-bottom: 1px solid #eee; display: block;}
nav li dd a:hover{ background-color: #6fb92c; color: #fff;}
nav  li dl{ visibility:hidden; opacity:0; filter:alpha(opacity=0); transform: translateY(20px); transition:all .53s }
nav  li:hover dl{ visibility:visible; opacity:1; filter:alpha(opacity=100);  transform:translateY(0); }
nav  li>a:hover:after{top:0}
nav  li>a:hover span{transform:translateY(-100%);-ms-transform:translateY(-100%);-o-transform:translateY(-100%);-webkit-transform:translateY(-100%);-moz-transform:translateY(-100%)}
.topBtn{ width: auto; height: 50px; border-radius: 25px; -webkit-border-radius: 25px; -moz-border-radius: 25px; -ms-border-radius: 25px; -o-border-radius: 25px; }

.h_nav{ height: 60px; width: 60px; background-color:#6fb92c; padding: 18px 8px ;    align-items: flex-end; display: none;}
.h_nav .burger{ width: 100%;  height: 1px ; background: #fff;  transition: .8s; display:inline-block;       }
.h_nav .burger:first-child{ animation: long 2s linear infinite; -webkit-animation: long 2s linear infinite; }
.h_nav .burger:nth-of-type(2){  width: 50%;}
.h_nav .burger:nth-of-type(3){ animation: long 3s linear infinite; -webkit-animation: long 3s linear infinite; }
.h_nav.close .burger:first-child{ display: none;}
.h_nav.close .burger:nth-of-type(3){ display: none;}
.h_nav.close .burger:nth-of-type(2) {    position: relative;    z-index: 1; width: 80%;}
.h_nav.close .burger:nth-of-type(2):before, .h_nav.close .burger:nth-of-type(2):after {      content: '';   position: absolute;      top: 0;      left: 0;      width: 100%;      height: 100%;      background: #fff;      opacity: 0;      z-index: 1;}
.h_nav.close .burger:nth-of-type(2) {    background: transparent;    transform: rotate(-180deg); }
.h_nav.close .burger:nth-of-type(2):before, .h_nav.close .burger:nth-of-type(2):after {      opacity: 1;      transition: all .3s; }
.h_nav.close .burger:nth-of-type(2):before {     transform: rotate(45deg); }   .h_nav .burger:nth-of-type(2):after {     transform: rotate(-45deg); }


.nav{ color: #fff !important; width: 100%; height: calc(100vh - 60px) ; transition:all .6s ; transform: translateX(100%); background-color: #000; position: fixed; top: 60px; right: 0; flex-direction: column; -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); -webkit-transition:all .6s ; -moz-transition:all .6s ; -ms-transition:all .6s ; -o-transition:all .6s ; }
.nav.show{ transform:translateX(0) ;  -webkit-transform:translateX(0) ; -moz-transform:translateX(0) ; -ms-transform:translateX(0) ; -o-transform:translateX(0) ; }
.nav li.go-child{ border-top: 1px solid rgba(255, 255, 255, 0.25); position: relative;}
.nav li.go-child>a{ line-height: 60px; padding: 0 20px; font-size: 16px;}

.erji{ width: 60px; height: 60px; position: absolute; right: 0 ; top: 0; display: flex; align-items: center; justify-content: center; font-size: 30px; z-index: 10;
       background: url(../images/jia.png) no-repeat center center; background-size: 40% auto;}
.nav li.go-child.on .erji{ background: url(../images/jian.png) no-repeat center center; background-size: 40% auto;}
.nav-down li a{ line-height: 50px; border-top: 1px solid rgba(255, 255, 255, 0.25); display: block; padding-left: 25px; font-size: 14px; opacity: 0.8; }

.footlogo{ width: 14.8vw;}
.footNav{ width: 60%;}
footer .border-bottom{border-color: rgba(255, 255, 255, .1);}
footer .round{ width: 50px; height: 50px; border-color: rgba(255, 255, 255, .2);}
.ewyUl{ width: 130px;}
.ewyUl .border{ border-color: rgba(255, 255, 255, .2);}
footer .border-top{border-color: rgba(255, 255, 255, .1);}


@media screen and (max-width:1440px) {
    body{ font-size: 14px;}
    .w80{ width: 86%;}
}

@media screen and (max-width:1280px) {
    header .top{height:auto; padding: 5px 0;}
    .w80{ width:90%;}
    .logoImg{ width: 200px;}
    .oneNav{  font-size: 16px;}
    .topBtn{   height: 42px;}
}

@media screen and (max-width:1000px) {
    .logo>div{ display: none;}
    header .top, header .bot{ padding-left: 3vw; padding-right: 3vw;}
    .topBtn{ display: none;}
    nav{ width: 100%;}
    .w80{ width: 96%; }
}

@media screen and (max-width:750px) {
    body{ font-size: 12px;}
    .pig{ display: none !important;}
    .w80{ width: 100%; padding: 0 20px;}
    header{ height: 60px; display: block; z-index: 100; background-color: #fff;  justify-content: space-between;  padding-left: 20px; position: fixed !important; top: 0; width: 100%; left: 0;}
    header .top, header .bot{ padding: 0;}
    header .bot{ display: none;}
    header .top{ height: 60px;}
    header .top  .right{display: none;}
    body::before{ display: block; content: ''; width: 100%; height: 60px; background-color: #fff;}
    .h_nav {display: flex;margin-left: 0;}
    .h_nav.close{align-items: center; justify-content: center;}
    .footlogo{ width: 180px; margin-bottom: 15px;}
    .footNav{ display:none;}
    .ewyUl{ width: 100px; margin-top: 10px;}
    footer .bottom{text-align: center; line-height: 1.6; align-items: center; justify-content: center;}
    footer .round{ width: 40px; height: 40px;}
}