.boxs.footer{padding:50px 5% 5px;background:#332c27;color:rgba(255,255,255,.5);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;position:relative}
.boxs.footer::after{display:block;width:100%;height:1px;clear:both;content:''}
._w1200{width:1200px;height:auto;margin:auto;position:relative}






.f_top{width:100%;height:auto;position:relative}
.f_top:after{content:'';display:block;clear:both}
.f_top .ftl{width:auto;float:left}
.ft

l .navs{width:100%;height:auto;overflow:hidden;margin-bottom:35px}
.ftl .navs a{width:100px;height:35px;float:left;background:#4c443d;line-height:35px;text-align:center;display:block;margin-right:10px;color:#fff}
.footer .abs{width:100%;height:auto;margin-bottom:35px}
.footer .abs span{
    display: block;
    line-height: 1;
}
.footer .abs span img{}
.footer .abs span:hover img{opacity:1}
.footer .abs i{font-style:inherit;font-size:26px;font-family:iconfont;cursor:pointer;vertical-align:middle;height:30px;width:30px;text-align:center;text-indent:0}
.footer .f_top .ftr .abs p{line-height:2;font-size:15px;color:rgba(255,255,255,.5);position:relative}
.footer  .QRcode{
    margin-bottom: 15px;
}
.footer  .QRcode img{
    width: 80px;
    display: inline-block;
    margin-bottom: 5px;
}
.footer  .QRcode span{
    display: block;
}
.f_top .ftr{width:auto;float:right;color:#fff;text-align:right}
.f_top .ftr p{font-size:16px;line-height:1}
.f_top .ftr a{font-size:38px;line-height: 1;color:#fff;font-family:horatioM;letter-spacing:4px;margin-top: 15px;display: inline-block;}
.f_b{width:100%;height:auto;position:relative;border-top:1px solid rgba(255,255,255,.1);line-height:35px;padding-top:15px}
.f_b a{color:rgba(255,255,255,.5)}
.no-touch .f_b a:hover{color:rgba(255,255,255,1)}
.boxs.footer .socals{width:auto;height:auto;position:absolute;right:0;top:5px}
.boxs.footer .socals a{width:45px;height:45px;display:block;float:left;margin-left:10px;padding:5px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;position:relative}
.boxs.footer .socals a::before{width:100%;height:100%;position:absolute;left:0;top:0;display:block;content:'';-webkit-transition:all .25s;-webkit-border-radius:35px;-moz-border-radius:35px;border-radius:35px;background:#e4223a;-webkit-transform:scale(0)}
.boxs.footer .socals a>img{opacity:.3;-webkit-transition:all .35s;position:relative;z-index:10}
.no-touch .boxs.footer .socals a:hover::before{-webkit-transform:scale(1)}
.no-touch .boxs.footer .socals a:hover>img{opacity:1}
.boxs.footer .socals .ewm{width:100px;height:100px;position:absolute;left:-30px;top:-110px;background:#fff;display:none}
.no-touch .boxs.footer .socals a:hover .ewm{display:block}
.boxs.footer .socals .ewm::after{width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid #fff;position:absolute;left:50%;margin-left:-5px;bottom:-5px;content:''}


.footer img{width:auto}
.footer{text-transform:uppercase}
.nav_bottom{margin-top:40px;font-size:16px;color:#fff}
.nav_bottom .item{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center}
.nav_bottom .item+.item{margin-top:20px}
.nav_bottom .item a{display:block;opacity:.5;margin-left:38px;font-size:16px}
.no-touch .nav_bottom .item a:hover{opacity:1}

@media screen and (max-width:1600px){

.boxs.b6 .thum{padding-top:60%}
.boxs.b6 ul li .info{padding:35px 30px}

.logo__{width:200px}

}
@media only screen and (max-width:1200px){

.join .box1{padding:50px 5%}

.common-name .cn{font-size:20px}
.boxs.b6 ul li .info{padding:20px}
.boxs.b6 ul li .info .title{font-size:15px;line-height:20px;min-height:unset}
.nav_bottom{display:none}
.f_top{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;text-align:center}
.f_top .ftl a{display:inline-block;width:200px}
.f_top .ftr{text-align:center;margin-top:3vw}
.f_top .ftr a{font-size:40px;letter-spacing:2px}
.mobile{display:block!important}
.boxs.footer .socals{display:none}
.f_top .ftr .mobile{display:-webkit-box!important;display:-webkit-flex!important;display:-moz-box!important;display:-ms-flexbox!important;display:flex!important;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-bottom:20px}
.f_top .ftr .mobile img{width:50px}
.footer .abs{margin-bottom:20px}
.logo{width:220px}

.logo__{width:150px}

.f_b{text-align:center}

._w1200{width:100%;padding:0 5vw}

@media screen and (max-width:768px){

.f_b{text-align:center}
.f_b p1{text-align:center;display: none;}

@media screen and (max-width:600px){
.boxs.footer{padding:50px 1% 5px;}

.hot_tel{display:none}
.logo{width:150px}

.f_top .ftr a{font-size:30px}
.f_top .ftr{margin-top:25px}
.footer .f_top .ftr .abs p{font-size:16px}
.f_b{font-size:12px;line-height:24px}
.f_top .ftl a{width:160px}
.

}