.header{height: 6.2vw;width: 100%;box-sizing: border-box;position: fixed;top: 0;left: 0;z-index: 3;background: #fff; background: #ffffffdd;backdrop-filter: blur(9px);}
.logo{z-index: 1; display: block;position: absolute;top: 50%;transform: translate(-50%, -50%);height: 2.3vw;
    -webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);left: 50%;}
.logo img{display: block;height: 100%;margin: 0 auto;}

.header .fl{margin-left: 5.2vw;}
.btn_g a{color: #999999;line-height: 1.0;font-size: 12px;font-weight: bold;font-family: Arial;}
.btn_g a:hover{color: #333;}
.btn_g{float: right;line-height: 6.2vw;}
.btn_g .en{color: #333333;}

.header .fr{margin-right: 5.2vw;height: 100%;}
.nav_xl_a{margin-top: 2.8vw;display: block;line-height: 1.0;height: 14px;position: relative;width: 94px;cursor: pointer;}
.nav_xl_a p{display: inline-block;font-size: 14px;color: #333333;letter-spacing: 5px;text-transform: uppercase;font-family: Arial;font-weight: bold;position: absolute;left: 34px;}
.nav_xl_a span{position:absolute;cursor:pointer;z-index:999;display: inline-block;width: 12px;height: 2px;background:#111; top:50%;left: 12px;}
.nav_xl_a:after,.nav_xl_a:before{position:absolute; content:''; background:#111111; height:2px;width: 24px;top: 50%;}
.nav_xl_a:after{transition:.4s all ease;-webkit-transform:translate3d(0,6px,0); transform:translate3d(0,6px,0);}
.nav_xl_a:before{transition:.4s all ease;-webkit-transform:translate3d(0,-6px,0); transform:translate3d(0,-6px,0);}
.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;background-color: #fff;height: 119px;position: fixed;top: 6.2vw;right: 0;height: 100vh;width: 0;transition:.4s all ease;opacity: 0;box-shadow: -10px 10px 12px 0px #00000015;}
.MenuList_f1 .menu li h3{font-weight: normal;}
.MenuList_f1 .menu li{display: block;width: 80%;margin: 0 auto;text-align: center;}
.MenuList_f1 .menu li a{display: block;padding: 1.5vw 0;font-size: 16px;}
.MenuList_f1 .menu li a span{text-transform: capitalize;color: #111;}
.MenuList_f1 .menu .on a span{border-bottom: 1px solid #000;}
.MenuList_f1 .child{display: none;}
.stiky .MenuList_f1{width: 20%;opacity: 1;}

.footer{background-color: #f4f6f8;padding: 5.2vw 5.2vw 2.6vw 5.2vw;box-sizing: border-box;}
.footer .top{margin-bottom: 2.6vw;border-bottom: 1px solid #e5e5e5;}
.footer ul{display: block;text-align: left;padding-bottom: 2.6vw;}
.footer ul li{display: inline-block;font-size: 16px;color: #333333;line-height: 1.0;margin-right: 4.1vw;}
.footer ul li a{color: #999999;font-size: 16px;}
.bottom {text-align: left;color: #bbbbbb;font-size: 12px;}
.bottom a,.bottom p{display: inline;color: #bbbbbb;font-size: 12px;}

#top_btn {display:block;position: absolute;cursor: pointer;    padding-right: 56px;
    right: 5.2vw; z-index: 5;background: url(../images/top.png) no-repeat center;}
@media screen and (min-width: 1200px){
    .MenuList_f1 .menu li a:hover span{color: #5bb425;}
    .footer ul li a:hover{color: #5bb425;}
}
@media screen and (max-width: 1024px){
    .header{height: 80px;}
    .bgo{background-color: rgba(85,85,85,0.7);}
    .logo{max-width: 13%;height: 3vw;}
    .btn_g{background-color: transparent;line-height: 80px;}

    .footer{padding: 5vw 5%;}
    .footer .top{display: none;}

    .copyright{width: 80%;float: right;text-align: right;}
    .nav_xl_a{margin-top: 34px;}
    .MenuList_f1{top: 80px;}
    .stiky .MenuList_f1{width: 40%;}
    .MenuList_f1 .menu {padding-top: 5vw;}
    .MenuList_f1 .menu li {width: 100%;text-align: center;margin-bottom: 3vw;}
    .MenuList_f1 .menu li a{width: 65%;font-size: 18px;margin: 0 auto;color: #555;}
    .MenuList_f1 .menu li a span{color: #555;}
    .MenuList_f1 .menu li:nth-last-child(1) span{padding: 0;border-color: transparent;}
    .MenuList_f1 .menu .on a span{color: #555;}

    #top_btn{display: none;}
}
@media screen and (max-width: 640px){
    .header{height: 70px;padding: 0 3%;box-sizing:border-box;box-shadow: 3px 3px 5px rgba(0,0,0,0.08);}
    .header .fl{margin-left: 0;}
    .header .fr{margin-right: 0;}
    .logo {max-width: 30%;height: 30px;}

    .nav_xl_a{margin-top: 28px;width: 24px;}
    .nav_xl_a p{display: none;}
    .btn_g{line-height: 70px;}
    .btn_g .en{display: none;}
    .btn_g a{display: inline;line-height: 70px;}
    .btn_g{color: transparent;padding: 0;margin-right: 4vw;font-size: 0;}

    .MenuList_f1 .menu li a{width: 80%;padding: 3vw 0;line-height: 1.0;font-size: 4.2vw;border-bottom: none;}
    .MenuList_f1{right: 0;left: auto;}
    .stiky .MenuList_f1{top: 70px;width: 47%;}
    #top_btn{display: none;opacity: 0;visibility: hidden;}

    .footer{padding: 30px 3%;}
    .bottom{text-align: center;}

}