@charset "utf-8";
.header{width: 100%;box-sizing: border-box;text-align: center;position: relative;margin: 0 auto;z-index: 10;
  background: -webkit-linear-gradient(rgba(0,0,0,0.3) 5%, transparent);
    background: -o-linear-gradient(rgba(0,0,0,0.3) 5%, transparent);
    background: linear-gradient(rgba(0,0,0,0.3) 5%, transparent);
}
.header .main-w{height: 100%;width: 1480px;max-width: 90%;}
.logo{display: inline-block;}
.logo img{display: block;max-height: 3.2vw;max-width: 25vw; position: absolute;top: 50%; left: 0;max-height: 39px;
    transform: translate(0, -50%);-webkit-transform: translate(0, -50%);-ms-transform: translate(0, -50%);
}

.nav_xl_a {position:relative;cursor:pointer;z-index:999;display: none;width:50px; height:50px;float: right;text-align: center;padding-top: 17px;border-radius: 50%;box-sizing: border-box;}
.nav_xl_a span {opacity:1;  margin-left:0; width: 5px;border-radius: 50%; height:5px; background:#39ae37;display: inline-block;margin: 0 1.5vw;}
.nav_xl_a:before, .nav_xl_a:after { content:'';  background:#fff; width: 5px;border-radius: 50%; height:5px; background:#39ae37;display: inline-block;
    transition:.4s all ease;
}
.a1:before,.a1:after{left:10%; top:50%;position:absolute; width: 80%;border-radius: 0; height: 2px;}
.a1:before {-webkit-transform:rotate3d(0,0,1,45deg); transform:rotate3d(0,0,1,45deg);}
.a1:after {-webkit-transform:rotate3d(0,0,1,-45deg); transform:rotate3d(0,0,1,-45deg);}
.a1 span{display: none;}


.MenuList_f1{z-index: 11;text-align: center;display: inline-block;vertical-align: middle;font-size: 14px;color: #fff;}
.MenuList_f1 .stmenu h3{font-weight: normal;font-size: inherit;}
.MenuList_f1 .stmenu{display: inline-block;-webkit-transition: all .6s ease;-o-transition: all .6s ease;transition: all .6s ease;position: relative;}
.MenuList_f1 .drop{display: block;padding: 28px 1vw;position: relative;}
.MenuList_f1 .drop span{font-weight: bold; line-height: 28px;display: block;overflow:hidden;position: relative;
    text-overflow:ellipsis;white-space:nowrap;box-sizing: border-box;}
.MenuList_f1 .child{display: none;position: absolute;left: 50%;top: 84px;width: 180px; z-index: 2;background: rgba(0,0,0,0.8);
     transform: translate(-50% , 0);-ms-transform: translate(-50% , 0);-webkit-transform: translate(-50% , 0);
     border-bottom-left-radius: 4px;border-bottom-right-radius: 4px;
}
.MenuList_f1 .child span{height: auto;font-size: 14px;padding: 5px;line-height: 28px;display: block;}

.TR{right: 0;position: absolute;top: 28px;}
.TR .tel{display: block;float: left;box-sizing: border-box;}
.TR .tel p{height: 28px;line-height: 28px; padding-left: 42px;background: url(/images/tel.png) left center no-repeat;background-size: auto 100%;}

.MenuList_b1 {border-top: 1px solid #747474;border-bottom:  1px solid #747474;padding: 2vw 0;position: relative;}
.MenuList_b1:before,.MenuList_b1:after{content: "";width: 1px;background: #747474;top: 0;bottom: 0;height: 100%;position: absolute;left: 22.5%;}
.MenuList_b1:after{left: auto;right: 27.5%;}
.MenuList_b1 .stmenu{float: left;margin-right: 2.5%;width: 10%;}
.MenuList_b1 .stmenu h3{font-size: inherit;}
.MenuList_b1 .stmenu .drop{font-size: 18px;color: #ececec;font-weight: bold;}
.MenuList_b1 .stmenu:last-child{margin-right: 0;}
.MenuList_b1 .child,.MenuList_b1 .child li+li{margin-top: 0.8vw;}

.search{position: relative;width: 440px;padding: 12px 20px;border: 1px solid #bfbfbf;border-radius: 5px;box-sizing: border-box;max-width: 93%;}
.search input{text-indent: 1em;text-align: left; width: calc(100% - 48px); height: 28px; line-height: 28px;
  border:none;outline: none;background: transparent;color: #fff;outline: none;position: relative; z-index: 2;
  transition:.4s all ease;-ms-transition:.4s all ease;-webkit-transition:.4s all ease;}
.search .s {outline: none;height: 28px;width: 28px;border: none;background:url(/images/search.png) center no-repeat;background-size: contain;}

.keywords {width: 600px;max-width: 93%;}
.keywords li{display: inline-block;border: 1px solid #bfbfbf;border-radius: 5px;margin: 0 0.3vw 0.7vw 0.3vw;}
.keywords li a{padding: 4px 1em;display: block;}

.footer{box-sizing: border-box;}
.footer .ewm img{display: block;width: 100%;width: 105px;}
.footer .ewm>div{margin-left: 20px;float: left;}
.footer .txt{width: calc(100% - 450px);max-width: 100%;}
.footer .txt li{padding-left: 2.8em;position: relative;float: left;width: 31.3%;margin-right: 3.05%;box-sizing: border-box;margin-bottom: 1.5vw;
    -webkit-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;
}
.footer .txt li:nth-child(3n){margin-right: 0;}
.footer .txt li i{position: absolute;left: 0;top: 0.2em;width: 1.5em;max-width: 23px;}
.footer .txt li i img{display: block;width: 100%;}
.footer .link{box-sizing: border-box;}
.footer .link li{float: left;width: 33.3%;display: block;}
.footer .link1 li:last-child{display: none;}
.footer .link2 li{margin-right: 0.8em;width: auto;}
.footer .link2 li:first-child:before{display: none;}
.footer .link2 li:before{content: "|";margin-right: 0.6vw;display: none;}
/* .footer .link2 li:last-child:before{display: none;} */
.footer .link2 li:nth-child(2):before{display: none;}
.footer .copyright{background-color: #03a73c;box-sizing: border-box;padding: 20px 0;}
.footer .copyright p,.copyright a{color: #fff;display: inline-block;}
@media screen and (min-width: 1250px){
    .MenuList_f1 .child a:hover span{color:#39af37;}
    .MenuList_f1 .stmenu:hover .drop,.TR .lang .sllist a:hover{color: #39af37;}
    .MenuList_f1 .stmenu.on>h3{color: #39af37;}
    .MenuList_f1 .menu .on:after{ content:''; width: 50%;border-radius: 2px; height:3px; background:#39af37;display: inline-block;position: absolute;bottom:0;left: 25%;}

    .footer a:hover{color: #535353;}
    .MenuList_b1 .stmenu  a:hover{color: #39af37;}
    .footer .txt li:hover{color: #fff;}
}
@media screen and (max-width: 1550px){
    .MenuList_f1{padding-right: 2vw;}
}
@media screen and (max-width: 1440px){
    .MenuList_f1 .drop span{font-size: 14px;}
}
@media screen and (max-width: 1380px){
    .MenuList_f1{padding-right: 0;}
    .TR .tel{float: none;}
    .TR{top: 14px;}
    .TR .lang{float: right;}
}
@media screen and (max-width: 1125px){
    .header:after{display: none;}
    .logo img{max-height: 50px;max-width: 32vw;}
    .header .main-w{max-width: 94%;}
    .header{position: fixed;width: 100%;top: 0;left: 0;z-index: 99;height: 80px;background: rgba(0,0,0,0.6); box-shadow: 0px 2px 20px rgba(0,0,0,0.1);}
    .nav_xl_a{margin-top: 15px;display: block;padding-top: 22px;}
    .nav_xl_a span{margin: 0 0.5vw;}
    .nav_xl_a span,.nav_xl_a:before, .nav_xl_a:after{width: 7px;height: 7px;}
    .lag:before{display: none;}
    .stiky .MenuList_f1{display: block;}
    .TR{right: 70px;top: 27px;}
    .TR .tel, .TR .lang{float: left;}

    .a1:before,.a1:after{left:10%; top: 45%;position:absolute; width: 80%;border-radius: 3px;height: 5px;}
    .a1:before {-webkit-transform:rotate3d(0,0,1,45deg); transform:rotate3d(0,0,1,45deg);}
    .a1:after {-webkit-transform:rotate3d(0,0,1,-45deg); transform:rotate3d(0,0,1,-45deg);}
    .a1 span{display: none;}

    .MenuList_f1{display: none; width: 45%;height: calc(100% - 80px);position: fixed;right: 0;top: 80px;margin-right:0;padding: 2vw 4% 0 4%;
        box-sizing: border-box;bottom: 0;overflow-y: scroll;overflow-x: hidden; background: rgba(0,0,0,0.9);z-index: 5;text-align: left;
    }
    .header.open{background:rgba(0,0,0,0.9);}
    .MenuList_f1 .child{position: static;-webkit-transform: none;width: 100%;border-radius: 0;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;}
    .MenuList_f1 .child li{ margin-right: 0;background: none;box-sizing:border-box;}
    .MenuList_f1 .child span{padding: 10px 0;color: #fff;line-height: 1.5;height:auto;}
    .MenuList_f1 .child:after{content: "";display: block;clear: both;}

    .MenuList_f1 .stmenu{display: block;padding: 0;width: 100%;position: relative;border-bottom: 1px solid #333;}
    .MenuList_f1 .drop{padding: 0;}
    .MenuList_f1 .drop span{font-size: 18px;padding: 10px 0;position: relative;height: auto;line-height: 1.5;}
    .MenuList_f1 .fa .drop span:after, .MenuList_f1 .fa .drop span:before{content: '';display: block;width: 0.8em;height: 1px;z-index: 0; transition:.4s all ease;
        position: absolute;right: 0.8em;top: 50%;
        transform: translateY(-50%) ;/*rotate(45deg)*/
        background-color: #fff;
    } 
    .MenuList_f1 .fa .drop span:before{width: 1px;height: 0.8em;right: 1.2em;}
    .MenuList_f1 .on .drop span{background: none;color: #38ae37;}
    .MenuList_f1 .cur.stmenu .drop span:after{transform: translateY(-50%) rotate(45deg);}
    .MenuList_f1 .cur.stmenu .drop span:before{transform: translateY(-50%) rotate(45deg);}

    .copyright{line-height: 1.5;}
    .footer .slogo.fl{display: none;}
    .footer .txt{float: left;}

    .footer .txt li,.footer .txt li:nth-child(3n){width: 47.5%;margin-right: 5%;}
    .footer .txt li:nth-child(2n){margin-right: 0;}

    .MenuList_b1{display: none;}
    .footer .ewm{margin-left: auto;margin-right: auto; float: none;text-align: center;}
.footer .txt{width: 100%;float: none;margin-left: auto;margin-right: auto;}
    .footer .ewm>div{display: inline-block;margin: 0 3%;float: none;}

}
@media screen and (max-width: 640px){
    .header{height: 14vw;/* box-shadow: 0px 5px 5px rgba(0,0,0,0.1); */}
    .MenuList_f1{top: 14vw;padding: 6vw 0;}
    .MenuList_f1 .drop{padding: 0;}
    .MenuList_f1 .drop span{font-size: 4.2vw;padding: 1vw 0;line-height: 1.8;}
    .nav_xl_a{width: 10vw;height: 10vw;margin-top: 2vw;padding-top: 4.5vw;}
    .logo img{max-height: 8vw;max-width: 65vw;}
    .nav_xl_a span{margin: 0 1.3vw;}
    .nav_xl_a span,.nav_xl_a:before, .nav_xl_a:after{width: 1.5vw;height: 1.5vw;}
    .a1:before,.a1:after{left:10%; top:50%;position:absolute; width: 80%;border-radius: 0; height: 3px;}
    .a1:before {-webkit-transform:rotate3d(0,0,1,45deg); transform:rotate3d(0,0,1,45deg);}
    .a1:after {-webkit-transform:rotate3d(0,0,1,-45deg); transform:rotate3d(0,0,1,-45deg);}
    .a1 span{display: none;}

    .MenuList_f1{top: 14vw;padding: 2vw 3% 0 5%;width: 65%;height: calc(100% - 14vw);}
    .MenuList_f1 .drop span{font-size: 4vw;padding: 2.5vw 0;}
    .MenuList_f1 .child span{font-size: 3.8vw;padding: 2vw 0;}
    /* .MenuList_f1 .child li{float: left;width: 33%;position: relative;}
    .MenuList_f1 .child li:nth-child(3n - 1):before,.MenuList_f1 .child li:nth-child(3n - 1):after{content: '';position: absolute;z-index: 0;top: 30%;left: 0;
        display: block;background-color: #39ae36; width: 1px;bottom: 30%;
    } 
    .MenuList_f1 .child li:nth-child(3n - 1):after{left: auto;right: 0;} */
    .MenuList_f1.hide .stmenu{
        -webkit-transform: translateX(-100px);
        -ms-transform: translateX(-100px);
        -o-transform: translateX(-100px);
        transform: translateX(-100px);
        opacity: 0;
    }
    .MenuList_f1.hide .stmenu:nth-child(2n+1) {
        -webkit-transform: translateX(100px);
        -ms-transform: translateX(100px);
        -o-transform: translateX(100px);
        transform: translateX(100px);
    }
/*     .MenuList_f1 .fa.stmenu>h3:before{content: '';position: absolute;z-index: 0;top: 50%;left: -6px;
    display: block;border: 1px solid #38ae37;border-radius: 50%; width: 7px;height: 7px;right: 7px;
    transform: translateY(-50%) rotate(45deg);transition: 0.5s ease 0s;
} 
.MenuList_f1 .cur.stmenu>h3:before{border-color: #39ae36;background-color: #39ae36;}
 */
    
    .footer .ewm img{width: 20vw}
    
    .footer .txt li,.footer .txt li:nth-child(3n),.footer .txt li:nth-child(2n){float: none;margin-right: 0;width: 100%;}
    .footer .txt li p{display: inline-block;}
    .footer .txt li{padding: 0 0 0.5em 2.2em;}

    .keywords li{margin:0 0.3em 0.8em 0.3em;}

    .search{padding: 0.5em 5%;}
    .search .s{width: 2em;height: 2em;background-size: 80% auto;}
    .search input{line-height: 2em;height: 2em;width: 80%;}
    .TR .tel{display: none;}
  .footer .copyright{padding-bottom: 15vw;}

}