@charset "utf-8";
body{background: #fff;}
.main-w{width: 80%;}
.header{width: 100%;box-sizing: border-box;text-align: center;position: relative;margin: 0 auto;z-index: 10;
    padding: 1vw 0;background: #000000;
}
.header .main-w{height: 100%;width: 1480px;max-width: 90%;}

.header .main-w > .R{padding:0.8vw 0 0 0;}
.header .tel{box-sizing: border-box;height: 30px;line-height: 30px;padding-left: 24px;
    background: url(../images/tel.png) left center no-repeat;background-size: 15px;
}
.header .R{box-sizing: border-box;position: relative;}
.header .R .BannerShow_c1{position: absolute;right: 0;bottom: 0;top: 0;}
.header .R .BannerShow_c1 div{height: 100%;width: 100%;text-align: right;}
.header .R .BannerShow_c1 img{display: inline-block;max-width: 100%;max-height: 100%;}
.logo{display: block;position: relative;height: 3vw;width: 25vw;max-height: 73px;}
.logo img{display: block;max-height: 100%;max-width: 100%; position: absolute;top: 50%; left: 0;max-height: 51px;
    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;font-size: 0;
}
.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;margin:0 1vw 0 0;}
.MenuList_f1 .stmenu + .stmenu{margin-left: 2vw;}
.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;line-height: 30px; 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: 28px;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;border-top: 20px solid rgba(0,0,0,0.8);
}
.MenuList_f1 .child span{height: auto;font-size: 14px;padding: 5px 1vw;line-height: 28px;display: block;}

.lang{color: #fff;position: relative;padding-right: 15px;padding-left: 16px;margin-right: 16px;background: url(/yjn/images/db.png) right center no-repeat;
    background-size: 12px;height: 28px;line-height: 28px;width: 50px;
    display:inline-block;
}
.lang .lang_list{opacity: 0;position: absolute;top: 28px;font-size: 14px;width: 100%;text-align: center;background: rgba(0,0,0,0.3);
    -webkit-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;display: none;
}
.lang .lang_list a{display: block;padding: 0.5em 0;font-weight: normal;}
.lang:hover .lang_list{opacity: 1;display: block;}

.back_top_group{padding: 0.5em 1.5em;border: 1px solid #fff;box-sizing: border-box;font-weight: normal;font-size: 12px;
    border-radius: 1.8em;color: #fff;
    -webkit-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;
}

.footer{box-sizing: border-box;background: #131313;padding-top: 1vw;}
.footer .ewm .top{text-align: right;}
.footer .ewm .top .p0{font-size: 15px;text-transform: uppercase;color:#ccc;}
.footer .ewm .top .p1{font-size: 20px;color:#ccc;}
.footer .ewm .qrcode {display: flex;margin:1vw 0 0 0;}
.footer .ewm .qrcode .li{display: inline-block;margin:0 0 0 3%;}
.footer .ewm .qrcode .li .t{line-height: 30px;text-align: center;color:#ccc;}
.footer .ewm img{display: block;width: 100%;width: 125px;}
.footer .ewm .BannerShow_c1{margin-right: 20px;float: left;}
.footer .txt{width:  100%;max-width: 100%;border-bottom:2px solid rgba(255,255,255,0.3);}
.footer .txt .logo{margin:20px 0;}
.footer .txt li{float: left;width: 300px;margin-right: 3.05%;margin-bottom: 0.5em;box-sizing: border-box;
    -webkit-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;
}

.footer .flogo a img{width: 18vw;margin:0 0 2vw 0;}
.footer .bababa{padding: 1.7vw 0 0 0;display: flex;justify-content: space-between;}
.footer .bababa ul{padding:1vw 0;}
.footer .bababa ul li{font-size: 15px;line-height: 36px;color:#fff;}
.footer .txt li:nth-child(2n){margin-right: 0;width: auto;min-width: 50%;}
.footer .link2 li{margin-right: 0.8em;width: auto;display: inline-block;}
.footer .link2 li:first-child:before{display: none;}
.footer .link2 li:before{content: "|";margin-right: 0.6vw;display: none;}
.footer .link2 li:nth-child(2):before{display: none;}
.footer .copyright{box-sizing: border-box;padding: 20px 0;}
.footer .copyright p,.copyright a{display: inline;}
@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%;}
    .back_top_group:hover{background: #39af37;border-color: #39af37;}

    .footer a:hover{color: #fff;}
    .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;}
    .header .main-w > .R{padding:0.6vw 0 0 0;}
}
@media screen and (max-width: 1125px){

    .main-w{width: 90%;}
    .header{padding: 0;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);}
    .header .R{padding: 22px 20px 0 0;}
    .header .R .BannerShow_c1{display: none;}
    .header.open{background:rgba(0,0,0,0.9);}

    .logo{position: absolute;top: 0;height: 100%;}
    .logo img{max-height: 50px;max-width: 32vw;}

    .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;}

    .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;
    }
    .MenuList_f1 .stmenu + .stmenu{margin-left: 0;}
    .MenuList_f1 .child{position: static;-webkit-transform: none;width: 100%;border-radius: 0;border: none;
    -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 .txt li{width: 220px;}
}
@media screen and (max-width: 640px){
    .header .main-w > .R{padding:0 0 0 0;}

    .main-w,.header .main-w{width: 94%;max-width: 94%;}
    .header{height: 14vw;}
    .header .R{padding: 0;}

    .logo img{max-height: 8vw;max-width: 55vw;}
    .lang{position: fixed;right: 16vw;top: 7vw;margin-top: -15px;}

    .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;}
    .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.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);
    }
    .footer .flogo a img{width: 25vw;margin:0 0 2vw 0;}
    .footer .bababa{padding: 1.7vw 0 0 0;display: block;justify-content: space-between;}
    .footer .bababa ul{padding:1vw 0;}
    .footer .bababa ul li{font-size: 15px;line-height: 36px;color:#fff;}
    .footer .ewm .top{padding:0 0 4vw 0;}
    .footer .ewm .top .p0{font-size: 12px;text-transform: uppercase;color:#ccc;}
    .footer .ewm .top .p1{font-size: 15px;color:#ccc;}
    .footer .ewm{margin-left: auto;margin-right: auto; float: none;text-align: center;}
    .footer .ewm .BannerShow_c1{display: inline-block;margin: 0 5%;float: none;}
    .footer .txt{width: 100%;float: none;margin-left: auto;margin-right: auto;}
    .footer .txt li{width: 100%;float: none;margin-right: 0;}
}