a{color: inherit;text-decoration: none;}
.fl{ float:left;}
.fr{ float:right;}
.header{position: absolute;top: 0;left: 0;z-index: 99; box-sizing:border-box;padding:  0 5.2%;width: 100%;border-bottom: 1px solid rgba(255,255,255,0.2);
transition:.4s all ease;-ms-transition:.4s all ease;-webkit-transition:.4s all ease;}
.header .logo{display: block;float: left;
position: absolute;left:4.16%;top: 50%;transform: translateY(-50%);-ms-transform: translateY(-50%);-webkit-transform: translateY(-50%);}
.header .logo img{display: block;width: auto;max-height: 100%;}
.header .logo .b{display: none;}
.header .mid{float: right;margin-right: 4vw;}
.MenuList_f1{float: right;margin-left:5.2vw;z-index: 2;max-height: 100%;text-align: right;font-size: 0;}
.MenuList_f1 .stmenu{display: inline-block;margin-right: 1.3vw;position: relative;padding: 2.6vw 1.1vw 2.6vw 1.1vw;box-sizing:border-box;}
.MenuList_f1 a{display: block;}
.MenuList_f1 a span{display: block;color: #fff;font-size: 16px;line-height: 1.15;transition:.1s all ease;text-transform: uppercase;text-align: center;}

.MenuList_f1 .stmenu:nth-last-child(1) .child{opacity: 0;}
.MenuList_f1 .child{display: none; position: absolute;top: 6.1vw;left: 50%;width: 180px;overflow: hidden;background: rgba(255,255,255,0.7);
    transform: translate(-50% , 0);-ms-transform: translate(-50% , 0);-webkit-transform: translate(-50% , 0);}
.MenuList_f1 .child li a span{display: block;color: #333;padding: 1vw;text-align: center;border-bottom: none;font-size: 16px;text-transform: uppercase;}



.index .header{position: fixed;}

.nav_xl_a {position:relative;cursor:pointer;z-index:999;display: none;width:50px; height:70px;float: right;}
.nav_xl_a span{position: relative;border-radius: 2px;display: block;}
.nav_xl_a .h1 {position:absolute; opacity:1; right:0; top:50%;width: 80%; margin-left:0;  height:3px; background:#fff;display: block;}
.nav_xl_a .h2, .nav_xl_a .h3 {position:absolute;right:0%; top:50%; margin-left: 0; width:100%; height:3px; background:#fff; transition:.4s all ease;}
.nav_xl_a .h2 {-webkit-transform:translate3d(0,-10px,0); transform:translate3d(0,-10px,0);width:100%;}
.nav_xl_a .h3 {-webkit-transform:translate3d(0,10px,0); transform:translate3d(0,10px,0);width:85%;}
.a1 .h2 {-webkit-transform:rotate3d(0,0,1,45deg); transform:rotate3d(0,0,1,45deg);width: 100%;}
.a1 .h3 {-webkit-transform:rotate3d(0,0,1,-45deg); transform:rotate3d(0,0,1,-45deg);width: 100%;}
.a1 .h1,.a1 span:before{display: none;}

.header .fr{padding-top: 2vw;}
.header .lang{display: block; float: left;height: 36px;width: 36px;border: 1px solid #fff;background: url(../image/earth.png) center no-repeat;border-radius: 50%;}
.header .s_ceng{float: right;position: relative;z-index:99;box-sizing:border-box;border: 1px solid #fff;margin-left:1vw;border-radius: 25px;}
.header .s_ceng input{float:left; text-indent:0; background-color: transparent;width: 0;height: 36px; line-height: 36px;text-indent: 2em;
    border:none;outline: none;background: transparent;color: #fff;outline: none;transition:.4s all ease;}
.header .s_ceng .s {outline: none;padding-right:0; border: none;border-left:none;height:36px;width:36px;float: right;background:url(../image/search.png) center no-repeat;}
.header .s_ceng:hover input{width: 200px;}
.header .s_ceng:hover {border-radius: 20px;}

.ceng{position: fixed;width: 100%;right: 0;top: 0;background-color: #000;opacity: 0.8; height: 100%;z-index: 3;display: none;}

.footer{padding-top: 4.1vw;color: #fff;background: url(../image/bg7.jpg) left #20202a no-repeat;background-size: auto 100%; padding: 0 5.2%;font-size: 16px;}
.footer .top{color: #fff;font-size: 16px;padding: 3vw 0;border-bottom: 1px solid #666666;position: relative;}
.footer .top .logo {position: absolute;right: 0;top: 2vw;height: 2.3vw;}
.footer .top .logo img{height: 100%;}
.footer .top ul li{margin: 0 1vw;display: block;float: left;}
.footer .top ul li a{color: #fff;font-size: 16px;}
.footer .top ul li:nth-of-type(1){margin-left: 0;}
.footer .bottom{width: 100%;font-size: 16px;padding: 3vw 0;box-sizing: border-box;text-align: center;color: #fff;line-height: 1.8;}
.footer .bottom li{display: inline-block;margin-right: 1.87vw;margin-bottom: 0.6vw;}
.footer .bottom p{display: inline-block;}
.footer .bottom li p{display: inline;}
.footer .bottom li:first-child{display: block;margin-right: 0;}
.footer .bottom .fl{text-align: left;width: 54%;}
.footer .bottom .fl ul{margin-bottom: 0.5vw;}
.footer .bottom .fl li img{display: inline-block;margin-right: 8px;transform: translateY(2px);-webkit-transform: translateY(2px);}
.footer .bottom .fr p{font-size: 14px;text-align: center;display: block;margin-top: 5px;color: #7d7d7d;}
.footer .bottom .fr{display: inline-block;margin-left: 1.5vw;width:82px;text-align: center;}
.footer .bottom .fr img{display: block;width: 100%;}
    .fp-viewing-3 .header,.fp-viewing-5 .header{background: #fff;border: none;}
    .fp-viewing-3 .MenuList_f1 a span,.fp-viewing-5 .MenuList_f1 a span{color: #3b3b3b;}
    .fp-viewing-3 .header .lang,.fp-viewing-5 .header .lang{border-color: #d1d1d1;background-image: url(../image/bearth.png);}
    .fp-viewing-3 .header .s_ceng,.fp-viewing-5 .header .s_ceng{border-color: #d1d1d1;}
    .fp-viewing-3 .header .s_ceng .s,.fp-viewing-5 .header .s_ceng .s{background-image: url(../image/bsearch.png);}
    .fp-viewing-3 .header .logo .b,.fp-viewing-5 .header .logo .b{display: block;}
    .fp-viewing-3 .header .logo .w,.fp-viewing-5 .header .logo .w{display: none;}
    .fp-viewing-6 .header{opacity: 0;}

    .fp-viewing-5 .nav_xl_a span,.fp-viewing-3 .nav_xl_a span{background-color: #000000 !important;}

.MenuList_f1 .stmenu.mlang{display: none;}
@media screen and (max-width: 1250px){
    .MenuList_f1 a span{font-size: 0.8vw;}
    .header .logo{height: 2.3vw;}
    .header .lang,.header .s_ceng{margin-top: -0.6vw;}
}
@media screen and (min-width: 1024px){
    .MenuList_f1 .child li a:hover span{color: #c4171f;}
}
@media screen and (max-width: 640px){
    .nav_xl_a{display: block;width: 10vw;height: 10vw;}
    .header .mid{margin-right: 0;}
    .bg{background-color: rgba(0,0,0,0.8);}
    .index .header.bg{background: none;}
    .fp-viewing-3 .header.bg, .fp-viewing-5 .header.bg{background-color: transparent;}
    .fp-viewing-3 .header, .fp-viewing-5 .header{background-color: transparent;}
    .fp-viewing-3 .header.in .logo .b, .fp-viewing-5 .header.in .logo .b{display: none;}
    .fp-viewing-3 .header.in .logo .w, .fp-viewing-5 .header.in .logo .w{display: block;}
    .fp-viewing-5 .in .nav_xl_a span, .fp-viewing-3 .in .nav_xl_a span {background-color: #fff !important;}
    .header{padding: 4.16vw 4.16%;border: none;position: fixed;}
    .header .logo{height: auto;max-height: 100%;margin: 0; max-width: 50%;display: inline-block;}
    .header .logo img{width: 56.7vw; }
    
    .header .logo {
    display: block;
    float: left;
    position: absolute;
    left: 4.16%;
    top: 42%;
    transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}
    
    .header .fr{display: none;}
    .fp-viewing-3 .MenuList_f1 a span, .fp-viewing-5 .MenuList_f1 a span{color: #fff;}
    .MenuList_f1{display: none;height:100%;padding-top: 0;position: fixed;right: 5%;top: 18vw;padding-top: 2vw;
        width: 90% !important;transition:.4s all ease;-ms-transition:.4s all ease;-webkit-transition:.4s all ease;}
    .MenuList_f1 li {width: 100%;text-align: center;overflow:hidden;margin-bottom: 0;line-height: 1.5;opacity: 0;}
    .MenuList_f1 a span{padding:1vw 0;line-height: 1.5;font-size: 4vw;}
    .MenuList_f1 .stmenu{padding: 0;margin-right: 0;margin-bottom: 2vw;text-align: left;margin-left:100px;
    transition:.4s all ease;-ms-transition:.4s all ease;-webkit-transition:.4s all ease;}
    .MenuList_f1 .stmenu>h3 a{border-bottom: 1px solid #fff;display: inline-block;padding-bottom: 1vw;font-weight: bold;}
    .MenuList_f1 .stmenu.mlang{display: block;margin-top: 3vw;background: #c4171f;color: #999;}
    .MenuList_f1 .stmenu.mlang h3{margin-bottom: 0;}
    .MenuList_f1 .stmenu:nth-last-child(1) span{border-color: transparent;text-align: center;}
    .MenuList_f1 .stmenu:nth-child(2n) {margin-left:0; margin-left: -100px;}
    .MenuList_f1 .child{position: static;width: 100%;display: block;transform:none;-webkit-transform:none;background: none;margin-top: 2vw;opacity: 1 !important;}
    .MenuList_f1 .child li{display: inline-block;width: 33.3%;opacity: 1 !important;}
    .MenuList_f1 .child>li a span{color: #fff;padding: 1vw 0;text-align: left;font-size: 3.8vw;}
    .MenuList_f1 .stmenu:last-child{margin-bottom: 2vw;}
    
    .MenuList_f1 li.mlang .drop{display: block;margin: 0 auto;background: #c4171f;border-radius: 3px; width: 5em;padding: 0;font-weight: normal;}
    .MenuList_f1 li.mlang .drop span{color: #fff;padding: 1.2vw 0;line-height: 1.5;}
    .MenuList_f1 .ali .stmenu {margin-left:0 !important;opacity: 1;}

    .footer{line-height: 1.8;font-size: 3.8vw;padding: 3.5vw 3% 6.25vw 3%;}
    .footer .top {margin-bottom: 1vw;border: none;display: none;}
    .footer .top ul li{position: relative; float: none;width: 100%;margin-left: 0; border-bottom: 1px solid #3f3f44;line-height: 8.05vw;height: 8.05vw;}
    .footer .top ul li a{font-size: 3.8vw;}
    .footer .top ul li:after {content: "";display: block;position: absolute;background: none;left: auto;right: 0.6em;z-index: 3;
    width: 0.5em;height: 0.5em;border-bottom: 1px solid #fff;border-right: 1px solid #fff;-webkit-transform: rotate(-45deg);transform: rotate(-45deg);top: 2.8vw;}
    .footer .top .fl{float: none; width: 100%;}
    .footer .top .fr,.footer .bottom .fr{display: none;}
    .footer .bottom{font-size: 3.6vw;}
    .footer .bottom li{display: block;}
    .footer .bottom p{display: inline;}
    .footer .bottom .fl li img{transform: translateY(0.2em);-webkit-transform: translateY(0.2em);font-size: 3.8vw;margin-right: 0.5vw;}
    .footer .bottom .fl{width: 100%;float: none;}
    .footer .bottom .fl>div{line-height: 1.5;text-align: center;margin-top: 6vw;}
    .footer .bottom .mob{margin-bottom: 4vw;}
    .footer .bottom .mob p{display: block;font-size: 4.1vw;}
}