@charset "utf-8";
.header{width: 100%;box-sizing: border-box;text-align: center;position: absolute;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:before, .nav_xl_a:after { content:'';transition:.4s all ease;}
.nav_xl_a span ,.nav_xl_a:before, .nav_xl_a:after{ width: 5px;border-radius: 50%; height:5px;background:#39ae37;display: inline-block;}
.nav_xl_a span {opacity:1; margin-left:0;display: inline-block;margin: 0 1.5vw;}
.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;}
.MenuList_f1 .stmenu h3{font-size: inherit;}
.MenuList_f1 .stmenu{display: inline-block;position: relative;}
.MenuList_f1 .stmenu + .stmenu{margin-left: 2vw;}
.MenuList_f1 .drop{display: block;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;
    -webkit-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;
}
.MenuList_f1 .child{display: none;position: absolute;left: 50%;top: 84px;width: 160px; 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 1vw;line-height: 28px;display: block;}

.header .R{float: right; padding-top: 2vw;}
.header .R .tel{margin: 0 1.3vw 0 2vw;height: 28px;line-height: 28px;}
.header .R .tel p{ padding-left: 30px;background: url(/yjn/images/tel.png) left center no-repeat;background-size: auto 18px;}

.lang{color: #fff;position: relative;padding-right: 26px;background: url(/yjn/images/db.png) right center no-repeat;
    background-size: 12px;height: 28px;line-height: 28px;
}
.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: 14px;
    border-radius: 1.8em;margin-left: 1.5em;
    -webkit-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;
}

.footer{box-sizing: border-box;
      background: -webkit-linear-gradient(transparent 34%, #000 28%);
    background: -o-linear-gradient(transparent 34%, #000 28%);
    background: linear-gradient(transparent 34%, #000 28%);
}
.footer .T{background: url(/yjn/images/yjn_48.jpg) center no-repeat;background-size: cover;box-sizing: border-box;
    padding: 4vw 2vw 4vw 2.6vw;/*transform: translateY(-7.5vw);*/
}
.footer .ewm p{margin-bottom: 10px;}
.footer .ewm img{display: block;width: 100%;width: 105px;}
.footer .ewm .BannerShow_c1{margin-right: 20px;float: left;}
.footer .txt{width: calc(100% - 250px);max-width: 100%;}
.footer .txt li{position: relative;float: left;width: 47.5%;margin-right: 5%;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(2n){margin-right: 0;}
.footer .txt li:last-child{margin-bottom: 0;}
.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: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 .stmenu:after{ content:''; width: 0;border-radius: 2px; height:3px; background:#39af37;display: block;
        position: absolute;bottom: -4px;left: 50%;opacity: 0;
        -webkit-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;
    }
    .MenuList_f1 .stmenu.on:after,.MenuList_f1 .stmenu:hover:after{width: 50%;left: 25%;opacity: 1;}

    .footer a:hover{color: #fff;}
    .footer .txt li:hover{color: #ccc;}
    .back_top_group:hover{background: #39af37;border-color: #39af37;}
}
@media screen and (max-width: 1440px){
    .MenuList_f1 .drop span{font-size: 14px;}

    .footer .txt li{width: 220px;}
    .footer .txt li:nth-child(2n){width: calc(96% - 230px);}
}
@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;}

    .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 .stmenu + .stmenu{margin-left: 0;}
    .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);}

    .footer .txt li,.footer .txt li:nth-child(2n){float: none;width: 100%;margin-bottom: 0.8em;}
    .footer .txt li p{display: inline;}
}
@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;}

    .lang{position: fixed;right: 16vw;top: 7vw;margin-top: -14px;font-size: 3.8vw;padding-right: 16px;font-weight: normal;}

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

    .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{float: none;margin-right: 0;width: 100%;}
    .footer .txt li p{display: inline;}
}