@charset "utf-8";
.logo img{height: 55px; display: block;}
.logo img.mob{display: none;}
.header{z-index: 9;position: absolute;top: 0;box-sizing: border-box;left: 6.5%;top: 10px;}
.header>.fr{overflow: hidden;padding-top: 13px;}
.nav_xl_a {position:relative;cursor:pointer;z-index:999;width: 50px; height: 80px;display: none;margin-left: 15px;vertical-align: middle;}
.nav_xl_a span{position: relative;border-radius: 2px;display: block;margin-top: -1px;}
.nav_xl_a span{position:absolute; top:50%; right: 0;width: 100%; height: 4px;border-radius: 2px; background:#01b5ea; 
    transition:.4s all ease;-ms-transition:.4s all ease;-webkit-transition:.4s all ease;}
.nav_xl_a .h2 {-webkit-transform:translate3d(0,-8px,0); transform:translate3d(0,-8px,0);}
.nav_xl_a .h3 {-webkit-transform:translate3d(0,8px,0); transform:translate3d(0,8px,0);}
.a1 .h2 {-webkit-transform:rotate3d(0,0,1,45deg); transform:rotate3d(0,0,1,45deg);width: 100%;background: #01b5ea;right: 15%;}
.a1 .h1 {-webkit-transform:rotate3d(0,0,1,-45deg); transform:rotate3d(0,0,1,-45deg);width: 100%;background: #01b5ea;right: 15%;}
.a1 .h3{width: 0;opacity: 0;}

.header .lang{background-color: #a2d91c;font-size: 12px;border-radius: 15px;padding: 0 1em;color: #fff;
    line-height: 27px;display: inline-block;margin-left: 10px;}

.MenuList_f1{ z-index: 2;line-height: 1.0;box-sizing: border-box;display: inline-block; padding-top: 13px;}
.MenuList_f1 .menu{text-align: right;}
.MenuList_f1 .stmenu{display: inline-block;position: relative;}
.MenuList_f1 .stmenu a{display: block;font-size: 16px;white-space: nowrap;position: relative;}
.MenuList_f1 .stmenu a span{line-height: 27px;padding: 0 1.2vw; text-transform: capitalize;color: #000;display: block;position: relative;
    transition:.3s all ease-out;-ms-transition:.3s all ease-out;-webkit-transition:.3s all ease-out;
}
.MenuList_f1 .stmenu>h3 a span{border-radius: 17px;}
.MenuList_f1 .child{display: none;position: absolute;left: 0;top: 30px;width: auto;text-align: center;z-index: 2;border-top: 15px solid transparent;
    left: 50%; transform:  translate(-50%, 0);-webkit-transform:  translate(-50%, 0);
    border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;}
.MenuList_f1 .child li{display: block;margin: 0;background: rgba(255,255,255,0.8);}
.MenuList_f1 .child>li a span{height: auto;line-height: 1.5; background-color: transparent;border-bottom: 0;padding:  0.5vw 2vw;color: #666;font-weight: normal;}
.MenuList_f1 .child>li:last-child{border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;overflow: hidden;margin-right: 0;}
.MenuList_f1 .child>li a:after{height: 1px;}

.footer{background: #dceef1;color: #282828;}
.footer .T{display: flex;justify-content: space-between;padding: 3vw 0 0 0;}
.footer .T .fl{width: 350px;line-height: 1.8;}
.footer .T .fl .slogo{height: 6vw;max-height: 117px;}
.footer .T .ewm{width: 16vw;margin-left: 7.5vw;text-align: center;}
.footer .T .ewm li{float: left;width: 6.5vw;margin: 5px 0.5vw;}
.footer .T .ewm img{display: block;width: 100%;}
.footer .T .mid{width: 580px;}

.MenuList_b1>ul{display: flex;justify-content: space-between;}
.MenuList_b1 .stmenu{display: inline-block;vertical-align: top;text-align: left;}
.MenuList_b1 .stmenu+.stmenu{margin-left: 2.6vw;}
.MenuList_b1 .stmenu:first-child{display: none;}
.MenuList_b1 .stmenu>h3{font-size: 16px;color: #282828;margin-bottom: 2px;}
.MenuList_b1 .stmenu>h3 a{display: block;}
.MenuList_b1 .child span{font-size: 14px;color: #5f8086;padding: 7px 0;display: block;}

.contact-list li{display: block;padding-left: 2.5em;box-sizing:border-box;position: relative;padding-top: 0.1em;margin-bottom: 0.2em;}
.contact-list li p{display: inline;}
.contact-list li span{font-weight: bold;}
.contact-list li>i{position: absolute;left: 0;width: 2em;top: 0;}
.contact-list li i img{max-width: 100%;display: inline-block;vertical-align: middle;}

.footer .B .link {text-align: center;}
.footer .B .link li{display: inline-block;}
.footer .B .link li:last-child{display: none;}
.footer .B{background: #00b4e9;color: #fff; padding: 20px 0;box-sizing:border-box;font-size: 12px; text-align: center;}


    .MenuList_f1 .on .drop span{color: #fff;background: #00b4e9;}
@media screen and (min-width: 1100px){
    .MenuList_f1 .stmenu a:hover:after,.MenuList_f1 .on .drop a:after{width: 100%;}
    .MenuList_f1 .stmenu a:hover span{color: #adce27;}
    .MenuList_f1 .stmenu .child a:hover span{background-color: #00b4e9;color: #fff;}
    .MenuList_f1 .stmenu.on>h3 a:after{width: 100%;}
    .footer a:hover{color: #adce27;}
    .lang:hover{background: #00b4e9;}
}

@media screen and (max-width: 1440px) {
    .MenuList_f1 .stmenu a{font-size: 16px;}
}
@media screen and (max-width: 1250px) {
    .header .phone{display:none;}
    .MenuList_f1 .stmenu a{font-size: 14px;}

    .footer .T .mid{display:none;}
    .footer .T{display: block;}
    .footer .T .ewm{width: auto;}
    .footer .T .ewm li{width: 9vw;}
}
@media screen and (max-width: 1100px) {
    body{padding-top: 80px;}
    .MenuList_f1 .stmenu a:after{display: none;}
    .header{position: fixed;top: 0;height: 80px;padding-right: 0;background: #fff;left: 0;width: 100%;padding: 0 5% !important;
        box-shadow: 0 1px 5px 0 rgba(0,0,0,0.1);
    }
    .header>.fr{padding-top: 0;}
    .header .lang{margin-top: 28px;}
    .header .phone{padding-top: 28px;}
    .logo {padding-top: 10px;}
    .logo img{height: 60px;}
    .lang #btnxl{background-image: url(../images/langb.png);padding-right: 10px;background-position: 13px center;}
    .nav_xl_a{display: block;float: right;}

    .MenuList_f1 .menu{text-align: left;}
    .MenuList_f1{width: 45%;position: fixed;right: 0;top: 80px;opacity: 1; color: #fff;z-index: 5;height: 100%;display: none;
        height: calc(100% - 80px);bottom: 0;overflow-y: scroll;overflow-x: hidden; 
        box-sizing: border-box;background: rgba(255,255,255,0.96);padding: 2vw 4% 0 4%;
        -webkit-transition: all .6s ease;
        -o-transition: all .6s ease;
        transition: all .6s ease;
    }
    .MenuList_f1 .child{border-radius: 0; display: none;position: static;border-top: none; -webkit-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;}
    .MenuList_f1 .child li{display: block; margin-right: 0;background: none;text-align: center;box-sizing:border-box;padding: 0 2vw;}
    .MenuList_f1 .child>li a span{padding: 5px;text-align: left;}
    .MenuList_f1 .child:after{content: "";display: block;clear: both;}

    .MenuList_f1.act{text-align: left;}
    .MenuList_f1 .stmenu{display: block;margin-bottom: 1vw;border-bottom: 1px solid #efefef;width: 100%;margin: 0;}
    .MenuList_f1 .stmenu a span{height: auto;line-height: 1.5;}
    .MenuList_f1 .stmenu h3{margin-bottom: 0;position: relative;}
    .MenuList_f1 .stmenu>h3 a span{padding: 10px 5px;position: relative;}
    .MenuList_f1 .stmenu.on>h3 a span{border-radius: 0;}
    .MenuList_f1 .fa.stmenu>h3:after{
        transition: 0.5s ease 0s;
        content: '';
        position: absolute;
        z-index: 0;
        top: 50%;
        transform: translateY(-50%) rotate(45deg);
        display: block;
        border-right: 2px solid #666;
        border-top: 2px solid #666;
        width: 7px;
        height: 7px;
        right: 7px;
    } 
    .footer .T .ewm {margin-left: 0;}
    .footer .T .ewm li{width: 12vw;}
    .footer .T .slogo{height: 5.2vw;}
}
@media screen and (max-width: 640px){
    body{padding-top: 14.6vw;}
    .logo{padding-top: 2.3vw;}
    .logo img.pc,.header .phone{display: none;}
    .logo img.mob{display: block;}
    .logo img{height: 10vw;}
    .header{height: 14.6vw;padding: 0 3% !important;}
    .header .lang {line-height: 9vw;height: 9vw;width: 9vw; position: absolute;right: 18vw;top: 2.8vw;padding: 0;margin: 0;    font-size: 3.8vw;border-radius: 50%;}
    .header .lang #btnxl{padding: 0 2vw 0 7vw;background-position: 2vw center;background-size: 4vw; height: 8vw;line-height: 8vw; font-size: 3.8vw;border-radius: 1vw;}
    .nav_xl_a{width: 10.6vw;height: 14.6vw;}
    .nav_xl_a .h2 {-webkit-transform:translate3d(0,-2.0vw,0); transform:translate3d(0,-2.0vw,0);}
    .nav_xl_a .h3 {-webkit-transform:translate3d(0,2.0vw,0); transform:translate3d(0,2.0vw,0);}
    .a1 .h2 {-webkit-transform:rotate3d(0,0,1,45deg); transform:rotate3d(0,0,1,45deg);}
    .a1 .h1 {-webkit-transform:rotate3d(0,0,1,-45deg); transform:rotate3d(0,0,1,-45deg);}

    .MenuList_f1{top: 14.6vw;padding: 2vw 5% 0 5%;width: 100%;height: calc(100% - 14.6vw);}
    .MenuList_f1 .stmenu{transition:.8s all ease;-ms-transition:.8s all ease;-webkit-transition:.8s all ease;}
    .MenuList_f1 .stmenu a{padding: 0;}
    .MenuList_f1 .stmenu>h3 a span{font-size: 4vw;padding: 2.5vw 0;    font-weight: normal;}
    .MenuList_f1 .on .drop span{background: none;color: #01b5ea;}
    .MenuList_f1 .child{display: none;background: #01b5ea;}
    .MenuList_f1 .child li{padding: 0;}
    .MenuList_f1 .child>li a span{font-size: 3.8vw;padding: 2vw 3vw;color: #fff;}
    .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{padding-top: 8vw;}
    .footer .T .fl .slogo{height: auto;width:20%;margin: 0 auto;display: block;}
    .footer .T .fl>p{color: #00b4e9;text-align:center;}
    .footer .T{display: block;padding-bottom: 8vw;}
    .footer .T .fr,.footer .T .fl{float: none;width: 100%;}
    .footer .T .fr{margin-left: 0;padding: 0;}
    .footer .T .ewm li{ width: 34vw;height: auto;margin: 0 4vw;float: none;display: inline-block;}
    .footer .T .ewm img{width: 100%;}

    .footer .B{padding: 4vw 0;margin-top: 0;}

    .contact-list li>i{width: 1.6em;}
    .contact-list li{padding-left: 2em;}
}