.header{box-sizing:border-box;box-shadow: 0px 0px 18px rgba(0,0,0,0.1);background: url(../images/hbg.png) #000 center;background-size: cover;
    position: fixed;top: 0;left: 0;z-index: 99;padding:  0 5.2%;width: 100%;height: 5.2vw;background-size:100% 100%;}
.header .fl {display: inline-block;}
.header .fl .logo{display: block;float: left;height: 3vw;max-height: 3vw;margin-top: 1.1vw;}
.header .fl .logo img{display: block;width: auto;max-height: 100%;}

.header .MenuList_f1{float: right;margin-left:5.2vw;z-index: 2;max-height: 100%;}
.header .MenuList_f1 .menu{text-align: right;font-size: 0;}
.header .MenuList_f1 .menu .stmenu{display: inline-block;margin-right: 1.3vw;position: relative;padding: 1.8vw 1.1vw 1.5vw 1.1vw;box-sizing:border-box;}
.header .MenuList_f1 .menu .stmenu .drop{display: block;}
.header .MenuList_f1 .menu .stmenu .drop span{display: block;color: #f0cb48;font-size: 0.8vw;line-height: 1.15;transition:.1s all ease;text-transform: uppercase;text-align: center;}

.header .MenuList_f1 .stmenu .child{display: none;}
.header .MenuList_f1 .menu .stmenu:nth-last-child(1) .child{opacity: 0;}
.header .MenuList_f1 .stmenu .child{position: absolute;top: 5.1vw;left: 50%;width: 180px;border-radius: 0 0 8px 8px;box-shadow: 0px 2px 6px 4px rgba(195, 170, 123, 0.3);overflow: hidden;
    transform: translate(-50% , 0);-ms-transform: translate(-50% , 0);-webkit-transform: translate(-50% , 0);}
.header .MenuList_f1 .stmenu .child li a span{display: block;color: #fbce62;padding: 1vw;background-color: #18110b;text-align: center;border-bottom: none;font-size: 16px;text-transform: uppercase;}

.nav_xl_a {position:relative; width:100px; height:5.2vw; background-color: #fff;cursor:pointer; display: none; z-index:999;}
.nav_xl_a:before, .nav_xl_a:after {position:absolute; content:''; left: 0; top:50%;width:40px; height:3px; background:#fff; transition:.4s all ease;-webkit-transition:.4s all ease;}
.nav_xl_a:before {-webkit-transform:translate3d(0,-9px,0); transform:translate3d(0,-9px,0);}
.nav_xl_a:after {-webkit-transform:translate3d(0,9px,0); transform:translate3d(0,9px,0);}
.nav_xl_a span {position:absolute; opacity:1; left:0; top:50%;width:40px; height:3px; background:#fff; transition:.4s all ease;-ms-transition:.4s all ease;}
.a1:before,.a1:after {background:#fff;}
.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 {opacity:0;}
.a1{display: inline-block;float: right;}

.header .search{margin-right: 1.4vw;display: block;background: url(../images/search.png) no-repeat;height: 18px;width: 18px;background-size: 18px 18px;float: left;transition:.4s all ease;}
.header .s_ceng{float: right;position: relative;display:none;border-right:none;width: 52vw;z-index:99;box-sizing:border-box;
    border-bottom: 1px solid #f0cb48;margin: 1.2vw 0 1.2vw 9.6vw;transition:.4s all ease;}
.header .s_ceng .gb {display:inline-block; float:left;width: 18px;height: 2.6vw;cursor: pointer;margin: 0 1.5em;
    background: url(../images/close.png) no-repeat center;}
.header .s_ceng input {height: 2.6vw;float:left; width: calc(100% - 100px); line-height:20px; text-indent:0; 
    border:none;outline: none;background: transparent;color: #f0cb48;}
.header .s_ceng .s {outline: none;padding-right:0; border: none;border-left:none; height:2.6vw; width:18px;float: right;
 background:url(../images/search.png) center no-repeat;}

.list_hot{position: absolute;width: 100%;top: 46px;background: #fff;line-height: 56px;text-indent: 4em;border-radius: 0 0 8px 8px;display: none;padding: 9px 0 39px 0;}
.list_hot dt{color: #888888;font-size: 14px;}
.list_hot dd{font-size: 16px;color: #666666;display: block;}

.header .fr{padding-top: 2.3vw;height: 2.9vw;}
.header .fr .lag{position: relative;float: right;margin-top: -2px;    height: 100%;}
.header .lag .sllist{display: none;width: 100%;text-align: center;background: #000;border-radius: 5px;top: 2.0vw;position: absolute;left: 0;overflow: hidden;
    box-shadow: 0px 2px 6px 4px rgba(195, 170, 123, 0.3);}
.header .fr .lag .sllist a{color: #f0cb48;display: block;font-size: 16px;line-height: 1.0;padding: 0.5vw 0;text-align: center;}

/*.header .lag .sllist ul:before {display: inline-block;border: 9px solid transparent;border-bottom-color: #fff;left: calc(50% - 9px);
    top: -18px;content: "";position: absolute;}*/
.header .fr .lag #btnxl {color: #f0cb48;padding: 0 0 0 30px;text-align: left;display: inline-block;font-size: 14px;
background: url(../images/lag.png) no-repeat scroll left center;cursor: pointer;transition:.4s all ease; height: 1.5em;line-height: 1.5em;}
.header .fr .lag #btnxl::after{content: "";border: 6px solid transparent;border-top-color: #fbde62;display: inline-block;
    margin-left: 12px;margin-bottom: -5px;}
.header .fr .lag img{max-height: 18px;display: inline-block;vertical-align: middle;}
.ceng{position: fixed;width: 0;right: 0;top: 5.2vw;background-color: #000;height: 100%;z-index: 1;display: block;}

.footer{padding-top: 4.1vw;color: #b9b9b9;
    background: -webkit-linear-gradient(to right, #ab8b67, #6f5036);background: -o-linear-gradient(to right, #ab8b67, #6f5036);
    background: -moz-linear-gradient(to right, #ab8b67, #6f5036);background: linear-gradient(to right, #ab8b67, #6f5036);}
.footer .top{width: 73%;margin: 0 auto 4.7vw auto;}
.footer .top>div h3{font-size: 20px;line-height: 28px;color: #e8e8e8;margin-bottom: 20px;text-transform: uppercase;font-weight: bold;}
.footer .top .t_box1{width: 18.2%;float: left;}
.footer .top .t_box1 dd{margin-bottom: 26px;display: inline-block;width: 50%;float: left;}
.footer .top .t_box1 dd:nth-of-type(1){display: none;}
.footer .top .t_box1 dd:nth-child(2n){margin-right: 0;}
.footer .top .t_box1 a{color: #fff;font-size: 16px;line-height: 1.0;}
.footer .top .t_box2 {width: 9.28%;margin-left: 30.8%;float: left;}
.footer .top .t_box3 {width: 24%;float: right;}
.footer .top .t_box3 dd{line-height: 2.0;color: #fff;}
.footer .bottom{width: 100%;border-top: 1px solid #b0967c;padding: 1.5vw 1.5vw;text-align: center;font-size: 14px;box-sizing:border-box;}
.footer .bottom p,.footer .bottom a,.footer .bottom span{font-size: 14px;color: #fffefe;line-height: 1.5;display: inline;}
.footer .gs,.footer .beian{white-space: nowrap;white-space: nowrap;display: inline-block;}
.index .footer .bottom{border: none;padding: 0;text-align: left;margin-top: 0;}

.nie .header{transition:.8s all ease;-ms-transition:.8s all ease;-webkit-transition:.8s all ease;}
.nie .header .fl .logo{transition:.4s height ease;-ms-transition:.4s all ease;-webkit-transition:.4s all ease;}
.nie .header .fr{transition:.4s all ease;-ms-transition:.4s all ease;-webkit-transition:.4s all ease;}
.nie .header .MenuList_f1 .stmenu .child{transition:.8s all ease;-ms-transition:.8s all ease;-webkit-transition:.8s all ease;}
.nie .header .MenuList_f1 .menu .stmenu{
transition:.8s all ease;-ms-transition:.8s all ease;-webkit-transition:.8s all ease;}
@media screen and (min-width: 1300px){
    .header .MenuList_f1 .menu .stmenu:hover .drop span{color: #4e1a1a;}
    .header .MenuList_f1 .menu .stmenu:hover {background: linear-gradient(to top right,#fad778, #c17803);}
    .header .MenuList_f1 .menu .on .drop span{color: #4e1a1a;}
    .header .MenuList_f1 .menu .on {background: linear-gradient(to top right,#fad778, #c17803);}
    .list_hot dd:hover{background-color: #4e1a1a;color: #fff;cursor: pointer;}
    .header .MenuList_f1 .stmenu .child li a:hover span{color: #000000;background-color: #fbce62;}
    .header .fr .lag .sllist a:hover{color: #000000;background-color: #633c29;}

    .change_navh{height: 4.5vw;}
    .change_navh .fl .logo{margin-top: 0.6vw;}
    .change_navh .MenuList_f1 .menu .stmenu{padding: 1.5vw 1.1vw 1.2vw 1.1vw;height: 100%;}
    .change_navh .MenuList_f1 .stmenu .child{top: 4.5vw;}

    .change_navh .fr{padding-top: 1.8vw;}
    .change_navh .s_ceng{margin-top: 0.6vw;}
}
@media screen and (max-width: 1380px){
    body{font-size: 16px;}
    .header{width: 100%;padding: 0 5%;}
    .header .fr{padding-top: 2vw;margin-right: 3%;}

    .header .MenuList_f1{position: fixed;right: 0;top: 100px;width: 0;margin-left: 0;background: #000;}
    .header .MenuList_f1 .menu{display: block;}
    .header .MenuList_f1 .menu .stmenu{box-sizing:border-box;text-align: center;display: block;margin-right: 0;}
    .header .MenuList_f1 .menu .stmenu .drop span{font-size: 20px;}
    .header .MenuList_f1 .stmenu .child{position: relative;left: 0;top: 0;transform:none;width: 100%;box-shadow: none;}
    .header .nav_xl_a{display: block;float: right;width: 40px;}
    .nav_xl_a{background: transparent;}
    .nav_xl_a:before,.nav_xl_a:after, .nav_xl_a span{background: #fbde62;}
    .header .MenuList_f1 .menu .stmenu{width: 100%;}
    .header .MenuList_f1 .menu .stmenu .drop span:nth-child(2n){display: none;}


    .index .nav_xl_a:before,.index .nav_xl_a:after,.index  .nav_xl_a span{background: #d8b148;}
    .index .change_c .nav_xl_a:before,.index .change_c .nav_xl_a:after,.index .change_c .nav_xl_a span{background-color: #fbde62;}
    .index .header .MenuList_f1 .menu .stmenu .drop span{color: #fbde62;}
    .a1:before, .a1:after{background: #fbde62;}
    .index .a1:before,.index .a1:after{background: #fbde62;}

    .footer .top{width: 90%;}
    .footer .top .t_box1{width: 50%;display: none;}
    .footer .top .t_box2{float: left;margin-left: 0;width: 50%;}
    .footer .top .t_box3{width: 50%;}

    .nav_act .MenuList_f1,.nav_act .ceng{width: 30%;transition:.4s width ease;}

}
@media screen and (max-width: 1024px)  and (orientation: landscape) {
    .header{height: 6.2vw;}
    .header .fl .logo{height: 50px;margin-top: 15px;max-height: none;}
    .header .fl .logo img{max-height: none;height: 100%;}
    .header{height: 80px;}
    .header .fr{padding-top: 30px;}
    .header .nav_xl_a{height: 100%;}
    .header .search{display: none;}

    .nav_act .MenuList_f1,.nav_act .ceng{width: 45%;}
    .header .MenuList_f1 .menu .stmenu .drop span{font-size: 20px;border-color: transparent;color: #fbde62;padding: 0;}

    .ceng{top: 80px;}
    .header .lag .sllist{top: 5vw;}

}
@media screen and (max-height: 710px) and (orientation: landscape) {
    .footer>.clearfix{display: none;}
}
@media screen and (max-width: 640px){
    .header .s_ceng input,.header .s_ceng .s,.header .s_ceng .gb{height: 40px;}


    .header .MenuList_f1{top: 19vw;}
    .index .header, .header{background-color: #000;transition:.4s all ease;}
    .header .fl .logo{height: 8.3vw;max-height: 8.3vw;margin-top: 2.75vw;}
    .header{height: 14vw;line-height: 14vw;padding: 0 2.75%;background-image: url(../images/mhbg.jpg);background-size: 100% 100%;}
    .header .nav_xl_a{width: 8vw;height: 100%;}
    .header .lag .sllist{display: none;top: 9vw;}
    .header .fr .lag .sllist a {padding: 2vw 0;font-size: 3.8vw;}
    .header .fr{padding-top: 5vw;}
    .header .MenuList_f1 .menu .stmenu .drop span{font-size: 4.2vw;}
    .ceng{top: 14vw;}

    .index .nav_xl_a:before,.index .nav_xl_a:after,.index  .nav_xl_a span{background: #fbde62;}
    .nav_xl_a:before, .nav_xl_a:after, .nav_xl_a span{background-color: #fbde62;width: 8vw;height: 0.6vw;}
    .nav_xl_a{width: 9.3vw;background: transparent;}
    .header .fr .lag #btnxl{float: right;}
    .header .fr .lag img{max-height: 3.8vw;}
    .header .fr .lag #btnxl::after{margin-bottom: -1vw;}
    .header .fr .lag .sllist ul li:nth-child(4) img{height: 2.8vw;}

    .header .search{display: block;}
    .header .s_ceng{position: fixed;top: 14vw;left: 0;width: 100%;margin: 0;background-color: #000;}
    .header .s_ceng .s{margin-right: 3%;}
    .header .s_ceng .gb{margin-left: 3%;}
    .list_hot{display: none !important;}

    .MenuList_f1 .menu .stmenu{margin-bottom: 3vw;}
    .MenuList_f1 .menu .stmenu .drop span{font-size: 4vw;border-color: transparent;color: #fbde62;padding: 0;line-height: 2.0;}
    .MenuList_f1 .on .drop span{background-color: transparent;color: #333;}
 
    .footer{padding-top: 8vw;}
    .footer .top {text-align: center;margin-bottom: 6vw;}
    .footer .top>div h3 br{display: none;}
    .footer .top .t_box3{display: none;}
    .footer .top .t_box2{width: 100%;}
    .footer .top>div h3{font-size: 4vw;line-height: 1.0;margin-bottom: 3vw;}
    .footer .bottom{padding: 4vw 2.75%;box-sizing:border-box;}
    .footer .top .t_box2 img{display: inline-block;width: 25vw;}
    .footer .bottom p, .footer .bottom a,.footer .bottom span{display: inline-block;font-size: 3.3vw;}

    .index .footer{background: -ms-linear-gradient(left top, #ab8b66, #6f5036);
        background: -webkit-linear-gradient(left top, #ab8b66, #6f5036);
        background: linear-gradient(left top, #ab8b66, #6f5036);}
    .index .footer .clearfix{display: none;}
    .index .footer .bottom{margin-top: 0;display: block;}


}