@charset "utf-8";
.header{width: 100%;box-sizing: border-box;z-index: 3;padding: 0 3.5% 0 2%;background: url(../images/hbg.png) #fff right center no-repeat;background-size: auto 100%;}
.logo{display: block;float: left;padding-top: 12px;}
.logo img{height: 55px;}
.mlang{display: none;}
.nav_xl_a {position:relative;cursor:pointer;z-index:999;display: none;width:50px; height:70px;float: right;}
.nav_xl_a span {position:absolute; opacity:1; left:0; top:50%; margin-left:0; width:100%; height:3px; background:#ffc729;}
.nav_xl_a:before, .nav_xl_a:after {position:absolute; content:''; left:0%; top:50%; margin-left: 0; width:100%; height:3px; background:#e5ba74; transition:.4s all ease;}
.nav_xl_a:before {-webkit-transform:translate3d(0,-10px,0); transform:translate3d(0,-10px,0);}
.nav_xl_a:after {-webkit-transform:translate3d(0,10px,0); transform:translate3d(0,10px,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;line-height: 1.0;display: inline-block;}
.MenuList_f1 .menu{text-align: left;}
.MenuList_f1 .menu li h3{font-weight: normal;}
.MenuList_f1 .menu li{display: inline-block;margin-right: 0.7vw;position: relative;}
.MenuList_f1 .menu li a{display: block;font-size: 16px;}
.MenuList_f1 .menu li a span{padding: 28px 1vw 30px 1vw;text-transform: capitalize;color: #323232;display: block;position: relative;line-height: 1.4;}
.MenuList_f1 .menu>li.stmenu:after{content: "";background: transparent;display: block;width: 100%;height: 6px;position: absolute;bottom: 0;left: 0;}

.header .MenuList_f1 .menu .child{display: none;position: absolute;left: 0;top: 80px;width: 160px;text-align: center;z-index: 2;
    left: 50%; transform:  translate(-50%, 0);-webkit-transform:  translate(-50%, 0);
    background-color: #fff;border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;}
.header .MenuList_f1 .menu .child li{display: block;float: none;margin: 0;width: 100%;}
.header .MenuList_f1 .menu .child>li a span{background-color: transparent;border-bottom: 0;padding:  0.7vw 1vw;}
.header .MenuList_f1 .menu .child>li a:hover span{background: #fff3c6;}
.lang{display: inline-block;margin-left: 10vw;}
.lang a{color: #fff;}
.lang img{display: inline-block;float: left;margin-right: 12px;}
.header .MenuList_f1 .menu .stmenu:nth-of-type(3) .child{display: none !important;}

.footer .ResTitle_a1{text-align: left;margin-bottom: 2vw;color: #333333;}
.footer .ResTitle_a1 span{font-size: 20px;color: #aeaeae;}
.footer .ResTitle_a1 em{font-size: 1.5vw;font-weight: bold;display: block;}
.footer .ResTitle_a1:after{content: "";display: block;width: 78px;height: 2px;background: #fecb09;margin-top: 1.5vw;}
.footer .bottom{width: 100%;font-size: 14px;padding: 3vw 8.5%;background: url(../images/blogo.png) #5f3937 center no-repeat;box-sizing: border-box;}
.footer .copyright{line-height: 2.0;font-size: 14px;}
.footer .copyright p{color: #d59a97;}
.footer .copyright a{display: inline-block;color: #d59a97;}

.footer .top{color: #404040;background: #fefdfa;padding: 3vw 11.4% 4vw 13%;box-sizing: border-box;font-size: 16px;}
.footer .top>.fl{width: 55.5%;}
.footer .top>.fr{width: 36.2%;color: #404040;}
.footer .top i{float: left;margin-right: 14px;}
.footer .top ul li a{color: #404040;}
.footer .top .fr h3{font-size: 1.2vw;}
.footer .top .fr span{font-size: 13px;margin-bottom: 2.8vw;display: block;}
.footer .contact-list{width: calc(100% - 130px);}
.footer .ewm{width: 100px;}
.footer .top .ewm{float: right;margin-top: 1.3vw;}
.footer .bottom .ewm{display: none;}
.footer .contact-list li{margin-top: 1.3vw;}
.footer .MenuList_f1 .menu>li:nth-child(1),.footer .MenuList_f1 .menu>li:nth-child(3),.footer .MenuList_f1 .menu>li:nth-last-child(1){display: none;}
.footer .MenuList_f1 .menu>li:nth-last-child(2){margin-right: 0;}
.footer .MenuList_f1 .menu li a span{padding: 0;}
.footer .MenuList_f1 .child{display: block !important;}
.footer .MenuList_f1 .child li{display: block;float: none;margin-bottom: 8px;margin-right: 0;}
.footer .MenuList_f1 .stmenu {margin-right: 5.2vw;float: left;}
.footer .MenuList_f1 .stmenu>h3 span{font-size: 16px;line-height: 1.15;}
.footer .MenuList_f1 .stmenu>h3{display: block;margin-bottom: 16px;}
.footer .MenuList_f1 .menu li a span:after{display: none;}
.tha:after{content: "\0040";}
.tha{display: inline !important;}
@media screen and (min-width: 1024px){
    .header .MenuList_f1 .menu>li.stmenu:hover:after{background: #fecb09;}
    .header .MenuList_f1 .menu .on.stmenu:after{background: #fecb09;}
    .header .MenuList_f1 .menu .on span,.header .MenuList_f1 .menu li:hover span{background-color: #fff3c6;}
    .footer .MenuList_f1 .menu li a:hover span{color: #fecb09;}
}
@media screen and (max-width: 1470px){
    .lang{margin-left: 5vw;}
    .footer .top{padding: 3vw 5% 4vw 5%;}
    .footer .bottom{padding: 2vw 5%;}
    .footer .MenuList_f1 .stmenu{margin-right: 3.6vw;}
}
@media screen and (max-width: 1275px){
    .nav_xl_a{display: block;}
    .header{position: fixed;width: 100%;top: 0;left: 0;z-index: 99;padding: 0 5%;height: 70px;box-shadow: 1px 2px 10px 3px rgba(0,0,0,0.1);}
    .header .MenuList_f1{display: none;width: 35%;height:100%;position: fixed;right: 0;top: 70px;background: #5f3937;padding: 20px 0 0 0;line-height: 2.0;line-height: auto;}
    .header .MenuList_f1 .menu li {width: 100%;text-align: center;}
    .header .MenuList_f1 .menu li a{font-size: 18px;margin: 0 auto;color: #fff;}
    .header .MenuList_f1 .menu li a span{color: #fff;padding: 2.5vw 0;line-height: 1.0;}
    .header .MenuList_f1 .menu li:nth-last-child(1) span{border-color: transparent;text-align: center;}
    .header .MenuList_f1 .menu li:nth-last-child(1){margin-left: 0;}

    .header .MenuList_f1 .menu li a span:after{display: none;}
    .header .MenuList_f1 .menu .on a span, .MenuList_f1 .menu li a:hover span{color: #fecb09;background-color: transparent;}

    .lang{margin-right: 1vw;margin-top: 25px;}
    .footer .top{display: none;}

    .p_ban,.page_ban{margin-top: 70px;}
}
@media screen and (max-width: 1024px){
    .logo{padding-top: 8px;}
    .footer .bottom{background-size: auto 4vw;    background-position: center 2vw;}
}
@media screen and (max-width: 640px){
    .m_ban,.page_ban{margin-top: 14vw;}
    .m_ban{height: 146vw;}
    .lang{display: none;}
    .header{padding: 0;height: 14vw;background: #fff;}
    .header .fr{float: left;position: fixed;top: 0;left: 0;}
    .header .MenuList_f1{top: 14vw;left: 0;width: 60%;}
    .header .MenuList_f1 .menu li a{width: 80%;font-size: 4.2vw;border: none;}
    .header .MenuList_f1 .menu li a span{padding: 3.5vw 0;}
    .header .MenuList_f1 .menu .on.stmenu:after{display: none;}
    .nav_xl_a{width: 14vw;height: 14vw;margin-top: 0;background: #653833;}
    .nav_xl_a:before, .nav_xl_a:after,.nav_xl_a span{width: 50%;background: #fff;left: 25%;height: 0.5vw;}
    .logo{height: 8vw;max-width: 50%;padding-top: 0;float: none;margin: 3vw auto;width: 30%;}
    .logo img{height: 100%;max-width: 100%;}
    .footer{line-height: 1.8;font-size: 3.8vw;}
    .footer .copyright{text-align: center;width: 100%;}
    .footer .copyright p{line-height: 1.8;}
    .footer .bottom{padding-top: 25.2vw;background-position: center 7.7vw;background-size: auto 11.5vw;padding-bottom: 4vw;}
    .footer .fl,.footer .fr{border-left: none;width: 100%;}

    .mlang{display: block;position: fixed;right: 0;top: 0;height: 14vw; line-height: 14vw;padding-right: 3vw;}
    .mlang a{color: #653833;font-size: 3.8vw;display: block;}
.footer .bottom .ewm{display:block;margin: 0 auto 3vw auto;}
}