@charset "utf-8";
.header{z-index: 10;box-sizing: border-box;position: relative;
    transition:.3s all ease-out;-ms-transition:.3s all ease-out;-webkit-transition:.3s all ease-out;background: #fff;
}
.header .main-w{height: 100%;z-index: 5;position: relative;}
.header .L{width: 20%;}
.header .R{max-width: 80%;box-sizing: border-box;}
.header .logo{display: block;position: absolute;height: 100%; top: 0;bottom: 0;width: 25vw;}
.header .logo img{max-height: 46px;height: 2.3vw;
    position: absolute;top: 50%;left: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%);
}
.logo2{padding: 1vw 1.2vw;border-left: 1px solid #eeeeee;border-right: 1px solid #eeeeee;margin: 0 1.5vw;}
.logo2 img{height: 2vw;max-height: 42px;width: auto;}

.ceng{width: 100%;height: 0;max-height:70vh;background: rgba(0,0,0,0.6);position: fixed;top: 0;left: 0;
    transition:.6s all ease-out;-ms-transition:.6s all ease-out;-webkit-transition:.6s all ease-out;
}
.MenuList_f1{ z-index: 2;line-height: 1.6;box-sizing: border-box;text-transform: capitalize;text-align: left;}
.MenuList_f1 .stmenu{float: left;position: relative;margin-right: 2vw;}
.MenuList_f1 .drop{display: block;font-size: 14px;white-space: nowrap;position: relative;}
.MenuList_f1 .drop span{display: block;line-height: 1.8;padding: 1.5vw 0; position: relative;
    transition:.3s all ease-out;-ms-transition:.3s all ease-out;-webkit-transition:.3s all ease-out;
}
.MenuList_f1 .drop span:after{content: "";display: block;height: 4px;background-color: #0069b7;position: absolute;left: 50%;width: 0;bottom: 0;
    transition:.3s all ease-out;-ms-transition:.3s all ease-out;-webkit-transition:.3s all ease-out;
}
.MenuList_f1 .stmenu:last-child{margin-right: 0;}
.MenuList_f1 .stmenu>h3{position: relative;}
.MenuList_f1 .child{display: none;z-index: 2;position: absolute;padding: 20px 0;width: 140px;background:rgba(255,255,255,0.8);
    position: absolute;left: 50%;border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;
    transform: translate(-50% , 0);-ms-transform: translate(-50% , 0);-webkit-transform: translate(-50% , 0);
}
.MenuList_f1 .child a{display: block;}
.MenuList_f1 .child span{height: auto;font-size: 14px;line-height: 1.5;display: block;text-align:left;padding: 0.5em 1em;text-align: center;}
.MenuList_f1 .child li+li{margin-top: 5px;}

.MenuList_f1 .on>h3 .drop span:after{left: 0;width: 100%;}
.MenuList_f1 .on>h3 .drop span{color: #0069b7;}

#btnxl{border: 2px solid #babbbb;color: #1164ab; border-radius: 5px;font-size: 14px;height: 26px;width: 30px;line-height: 26px;text-align: center;
    transition:.6s all ease-out;-ms-transition:.6s all ease-out;-webkit-transition:.6s all ease-out;background: #fff;position: relative;font-weight: bold;
}
#btnxl:before{content: "";display: block;border-top: 2px solid #babbbb;border-right: 2px solid #babbbb;width: 100%;height: 100%;
    border-radius: 5px;z-index: 0;position: absolute;top: -23%;right: -23%;
}

.nav_xl_a {position:relative;cursor:pointer;width: 35px;height: 35px;margin-left: 3vw;
    background: url(/images/menu.png) right center no-repeat;background-size: contain;}
.nav_xl_a .c, .nav_xl_a .o{position: absolute;top: 0;left: 1.5vw;line-height: 40px; height: 40px;
    transition:.3s all ease-out;-ms-transition:.3s all ease-out;-webkit-transition:.3s all ease-out;
}
.nav_xl_a .c{opacity: 0;top: 20px;}
.a1 {background-image: url(/images/colse-b.png);}
.a1 .c{opacity: 1;top: 0;}
.a1 .o{opacity: 0;top: -20px;}

.footer{background: #fff;padding-top: 4vw;border-top: 1px solid #e5e5e5;}
.footer img{max-width: 100%;}
.footer .phone{padding-left: 3vw;background: url(../images/i2.png) left center no-repeat;background-size: 2.4vw;line-height: 1.2;}
.footer .slogo{max-width: 100%;max-height: 100%;}
.footer .R{width: 73%;text-align: left;}
.footer .ewm .img{width: 120px;}
.footer .txt{max-width: 59%;margin-right: 2%;}
.footer .txt .add{padding-top: 0.3em;margin-top: 0.3em;border-top: 1px solid #ccc;}

.footer .link li{width: auto;display: inline-block;margin-left: 2vw;}
.footer .link li a{line-height: 1.5;padding-bottom: 0.2em;border-bottom: 1px solid transparent;}

.footer .B{background-color: #0069b7;padding: 1.7vw 0;}
.footer .link2 {border-bottom: 1px solid #cccccc;padding-bottom: 0.5em;}
.footer .link2 li{margin-left: 0;margin-right: 0.8em;margin-bottom: 5px;}
.footer .copyright{box-sizing: border-box;}
.footer .copyright p,.copyright a{display: inline-block;}

@media screen and (min-width: 1200px){
    .MenuList_f1 .child a:hover span{color:#0069b7;}
    .MenuList_f1 .stmenu:hover .drop span:after{color: #0069b7;}
    .MenuList_f1 .drop:hover span:after{left: 0;width: 100%;}

    .footer .T li:hover a{color: #0069b7;border-color: #0069b7;}
    .footer .B a:hover{color: #fff;}
}
@media screen and (max-width: 1550px){
    .MenuList_f1{margin-right: 2vw;}
}
@media screen and (max-width: 1445px){
    .MenuList_f1 .drop span{font-size: 14px;}
}

@media screen and (max-width: 1125px){
    .header .s_ceng{height: 35px;}
    .lang #btnxl,.header .s_ceng .s{width: 35px;height: 35px;}
    .topnav{display: none;}
    .header .logo img{max-height: 50px;max-width: 40vw;height: auto;}
    .header .main-w{width: 90%;}
    .header .R{line-height: 80px;}
    .header{position: fixed;width: 100%;top: 0;left: 0;z-index: 99;height: 80px;}
    .ceng{width: 45%;height: 80px;left: auto;right: 0;display: none;}
    .logo2{padding: 0 1vw;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(255,255,255,0.95);z-index: 5;text-align: left;
    }
    .MenuList_f1 .child{position: static;width: 100%;padding: 1vw 0;width: 100%;position: static;background:none;
        -webkit-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none; 
    }
    .MenuList_f1 .child li{float: left; margin-right: 5vw;background: none;text-align: center;box-sizing:border-box;padding: 0;}
    .MenuList_f1 .child span{padding: 10px 0;line-height: 1.5;height:auto;text-align:center;}
    .MenuList_f1 .child:after{content: "";display: block;clear: both;}
    .MenuList_f1 .child li+li{margin-top: 0;}
    .MenuList_f1 .stmenu{display: block;padding: 0;width: 100%;position: relative;margin-bottom: 2vw;}
    .MenuList_f1 .drop{padding: 0;border-bottom: 1px solid #f5f5f5; }
    .MenuList_f1 .drop span{padding: 10px 0;position: relative;height: auto;line-height: 1.5;}
    .MenuList_f1 .on>h3 .drop span:after{left: auto;width: 0;}
    .MenuList_f1 .fa.on>h3 .drop span:after{left: auto;width: 7px;}
    .MenuList_f1 .fa .drop span:after{background: none; content: '';display: block;width: 7px;height: 7px;z-index: 0;
        position: absolute;right: 7px;top: 50%;left: auto;
        transform: translateY(-50%) rotate(45deg);
        border-right: 2px solid #fff;
        border-top: 2px solid #fff;
        transition: 0.5s ease 0s;
    }

    .MenuList_f1 .on .drop span{background: none !important;color: #ff5a24;}
    .MenuList_f1 .fa .drop span:after{border-color: #81828b;}
    .copyright{line-height: 1.5;}
    .nav_xl_a{display: inline-block;}

    .footer .R {width: 60%;}
    .footer .R .link{display: none;}
    .footer .phone{padding-left: 0;background: none;}

}
@media screen and (max-width: 640px){
    .header .main-w{width: 94%;}
    .header .R{line-height: 14vw;}
    .header{height: 14vw;}
    .header .logo img{max-height: 8vw;max-width: 65vw;height: auto;}
    .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;}
    #btnxl{font-size: 3.8vw;width: 8vw;line-height: 7vw;margin-top: 0.3em;}

    .nav_xl_a{width: 8vw;height: 8vw;margin-left: 6vw;}
    .nav_xl_a .c, .nav_xl_a .o{display: none;}

    .MenuList_f1{top: 14vw;padding: 2vw 5% 0 5%;width: 100%;height: calc(100% - 14vw);background: rgba(255,255,255,0.95);color: #666;}
    .MenuList_f1 .drop span{font-size: 4vw;padding: 2.5vw 0;}
    .MenuList_f1 .child li{margin-right: 6vw;}
    .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 .L{width: 100%;text-align: center;}
    .footer .R{width: 100%;text-align: center;}
    .footer .slogo{height: 10vw;}
    .footer .txt{max-width: 100%;margin: 0;text-align: center;}
    .footer .txt .add{border: none;padding: 0;}
    .footer .phone{background: #0069b7;text-align: center;padding: 0.8em 1em;border-radius: 2em;}
    .footer .phone img{width: 1.8em;margin-right: 0.5em;}
    .footer .phone img,.footer .phone .num{display: inline-block;vertical-align: middle;color: #fff;} 
    .footer .B{background: #eeeeee;color: #808080;padding: 1em 0;}
}