.header{
    height: 80px;
    position: fixed;
    top: 0;
    background-color: #fff;
    z-index:11999;
    left: 0;
    width: 100%;
    box-shadow: 0 0 2px 2px rgba(0,0,0,.1);
 }

.header_nav li:nth-child(n+7){
	display:none
}

 .header_nav a:hover{
      color: #cc8a6a;
 }

.header_nav li{
    display: inline-block;
}
.header_nav a{
    display: inline-block;
    line-height: 80px;
    padding: 0 40px;
    color: #231815;
    font-size: 18px;
    position: relative;
}

.header_nav a.on{
    border-right: 1px solid #efefef;
    border-left: 1px solid #efefef;
}


.bl-item .on{
   display: none;
}

.bl-item.on .off{
    display: none;
}
.bl-item.on .on{
   display: inline-block;
}


.header_nav a.on:after{
   content: "";
   height: 3px;
   bottom: 0;
   left: 0;
   width: 100%;
   position: absolute;
   background-color: #cc8a6a;
}


.header_w{
    text-align: center;
    min-width: 1200px;
    position: relative;
}

.header_w .logo{
    position: absolute;
    left: 6%;
    top: 50%;
    transform: translateY(-50%);
}

 .header_contact{
    position: absolute;
    right: 0;
    top: 0;
    display: flex;
    align-items: center;
    text-align: left;
    line-height: 1.5;
    font-size: 12px;
    color: #999999;
    height: 100%;
 }

 .ib{
    display: inline-block;
 }

 .header_contact .phone{
    font-size: 20px;
    color: #231815;
    font-weight: bold;
 }

 .header_contact .ib{
    padding-left: 40px;
    padding-right: 80px;
    position: relative;
 }


.header_contact .ib:before{
    content: "";
    height: 30px;
    width: 1px;
    display: inline-block;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -15px;
    background-color: #efefef;
}

.header_contact .subscribe img{
    margin-right: 10px;
    margin-bottom: 4px;
}
.header_contact .subscribe{
    height: 100%;
    font-size: 16px;
    font-weight: bold;
    display: block;
    background-color: #000000;
    line-height: 80px;
    color: #fff;
    padding:  0 50px;
}


/*---------------------*/

.footer{
    background-image: url(../img/bg3.jpg);
    padding-top: 40px;
    position: relative;
    background-size: cover;
}

.footer .mask{
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
    background-color: rgba(0,0,0,.5);
}
.footer_w{
    width: 1200px;
    position: relative;
    z-index: 1;
    margin: 0 auto;
}
.footer_top{
    position: relative;
}

.footer_top:before{
    content: "";
    display: block;
    width: 110px;
    height: 1px;
    bottom: 0;
    right: 0;
    position: absolute; 
    background-color: #cc8a6a;
}

.footer_top .logo{
    float: left;
}

.footer_top .phone{
    float: right;
    line-height: 1;
    margin-top: 30px;
    font-size: 22px;
    font-weight: bold;
    color: #fff;

}

.footer_top .phone a{
    margin-left:80px;
    color: #fff; 
    min-width: 110px;
    text-align: center;
    display: inline-block;
}

.footer_top  {
    padding-bottom: 30px;
    border-bottom: 1px solid rgba(250,250,250,.2);
}
.footer_mid {
    padding-top: 50px;
    border-bottom: 1px solid rgba(250,250,250,.2);
}
.footer_mid .item{
    width: 33.33%;
    float: left;
}

.footer_mid .item.link-wrap a{
   display: block;
   margin-bottom: 26px;
   line-height: 1.6;
   color: rgba(250,250,250,.5);
   float: left;
   font-size: 16px;
   width: 50%;
}

.footer_mid .item.cont{
    line-height: 1.6;
    font-size: 16px;
    color:#fff; 
    opacity: .5;
}
.footer_mid .item.link-wrap a:hover{
    color: #cc8a6a;
}


.footer_mid .code-wrap{
    text-align: center;
    font-size:12px;
    color: #969696;
}

.footer_mid .code-wrap .code-item{
    float: right;
    line-height: 2;
    margin-left: 50px;
}

.footer_mid .code-wrap .code-item p{
    margin-top: 16px;
}


.footer_mid .item.partner-link-wrap{
    width: 100%;
    margin: 30px 0;
    color: #fff;
    font-size: 16px;
    float: left;
    text-align: left;
}
.footer_mid .item.partner-link-wrap li{
    display: inline-block;
}
.footer_mid .item.partner-link-wrap a{
   color: #969696;
}

.footer_mid .item.partner-link-wrap a:hover{
    color: #cc8a6a; 
}


.footer_mid .item.partner-link-wrap lable,.footer_mid .item.partner-link-wrap a{
    margin-right: 30px;
}
.footer_bottom a{
 color: #969696;
}

.footer_bottom{
    padding: 20px 0;
    color: #969696;
    line-height: 1.6;
    font-size: 12px;
}

.footer_bottom .cr{
    float: left;
}

.footer_bottom .support{
    float: right;
}

#gotoTop{
    position: fixed;
    right: 8%;
    display: none;
    cursor: pointer;
    z-index: 8;
    bottom: 30%;
    overflow: hidden;
    border-radius: 50%;
    box-shadow: 0 0 4px 2px rgba(0,0,0,.1);

}






@media screen and (max-width: 1700px){
    .header_contact .ib{
        padding-right: 40px;
    }
}

@media screen and (max-width: 1600px){
    .header_contact .ib{
        padding-right: 20px;
        padding-left: 20px;
    }
    .header_contact .subscribe{
        padding: 0 20px;
    }
}

@media screen and (max-width: 1480px){
   .header_nav a{
    padding: 0 30px;
   }
}




/*white*/

.white-skin .white-icon{
    display: inline;
}
/*---------------------black*/
.black-skin{
    background-color: #000101;
}
.black-skin .header{
   background-color: #000101;
}


.black-skin .header_nav a.on{
    border-color: rgba(250,250,250,.2);
    color: #cc8a6a;
}

.black-skin .header_nav a{
    color: #fff;
}


.black-skin .header_contact .ib:before{
    background-color: rgba(250,250,250,.2);
}


.black-skin .header_contact .phone{
    color: #cc8a6a;
}


.black-skin .title-h6{
    color: #cc8a6a;
}


.black-skin .begin-live-title{
    border-color: rgba(250,250,250,.2);
}

.black-skin .sm-title{
    color: #a1a1a6;
}

.black-skin .index-protect-container{
   border-color: #000101;
}

.black-skin .white-icon{
    display: none;
}


.black-skin .index-about-container .item h6{
    color: #fff;
}


.black-skin .bottom_button_wrap .common_button{
    border: 1px solid #cc8a6a;
}

.black-skin  .idnex-warehouse-container{
      background-color: #000101;
}

.black-skin .warehouse-swiper-container .item h5{
    color: #cc8a6a;
}


.black-skin .warehouse-swiper-container .item h6{
    color: #fff;
}

.black-skin  .index-share-container{
    background-color: #000101;
}

.black-skin .date .month{
    color: #ffffff;
}

.black-skin .index-share-container .des{
    color: #a1a1a6;
}

.black-skin .warehouse-contact{
    color: #fff;
}

.black-skin  .warehouse-contact span{
    color:#cc8a6a;
}


.black-skin .index-demand-container .begin-live-title h6{
    color: #cc8a6a;
}



@media screen and (min-width: 768px){
    .web-element{
        display: none !important;
    }
}

@media screen and (max-width: 768px){
     
    .wap-mask-nav .mask{
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0,0,0,.7);
    }
    .wap-mask-nav{
        position: fixed;
        top: 0;
        display: none;
        width: 100%;
        height: 100%;
        left: 0;
        overflow: hidden;
        z-index: 11998;
     
    }
    .wap-nav-wrap{
        width: 3.2rem;
        height: 100%;
        position: absolute;
        right:-4.5rem;
        box-sizing: border-box;
        padding-top: 1.6rem;
        background:#fff;
    }

    .wap-nav-wrap{
        white-space: nowrap;
        line-height: 1rem;
    }

     .wap-nav-wrap li{
        border-bottom: 1px solid #dcdddd;
        text-align: center;
     }

    .wap-nav-wrap li a{
        display: flex;
        width: 100%;
        box-sizing: border-box;
        padding: 0 .2rem;
        justify-content: space-between;
        font-size: 0.28rem;
        color: #000000;
        position: relative;
    }

    

    .pc-element{
        display: none !important;
    }

    .header_height{
        height: 0.9rem !important;
    }
    .header{
        height: .9rem;
    }
    .header .logo{
        width: 1.6rem;
        position: static;
        transform: translateY(0%);
    }

    .header_nav,.header_contact{
        display: none;
    }
    .header_w{
        width: 100%;
        min-width: 100%;
        height: 100%;
        box-sizing: border-box;
        padding: 0 4%;
        display: flex;
        justify-content: space-between;
        align-items:center;

    }


    .footer{
        padding:6%;
    }
    .footer_w{
        width: 100%;
    }
    .footer_mid .item.link-wrap a{
        font-size: 0.18rem;
    }

    .footer_mid .item.cont{
        font-size: 0.18rem
    }

    .footer_top .phone a{
        margin-left: 0;
    }
    
    #gotoTop{
        right: 6%;
    }
    #gotoTop img{
        width:0.6rem;
    }

    .footer_top{
        display: none;
    }
    .footer_mid{
        display: none;
    }
    .footer_bottom{
        padding: 0;
    }
    .footer_bottom .support{
        display: none;
    }
    .footer .mask{
        background-color: #333 !important;
    }

    .footer-float-bottom{
        position: fixed;
        bottom: 0;
        display: flex;
        align-items: center;
        height: 0.8rem;
        z-index: 1000;
        width: 100%;
        background:rgba(0,0,0,.9);

    }

    .footer-float-bottom ul{
        display: flex;
        width: 100%;
        font-size: 0.24rem;
        line-height: 2.4;
        color: #fff;
        justify-content: space-between;
        padding: 0 0.5rem;
    }

    .footer-float-bottom ul img{
        width: 0.4rem;
    }
    
    .footer-float-bottom ul li p{
        margin-left: 10px;
    }

    .footer-float-bottom ul li a{
        color: #fff;
    }

    .footer-float-bottom ul li a{
         flex: 1;
         display: flex;
         justify-content:center;
    }

    .web-header-phone{
        font-size: 0.24rem;
        color: #999;
        padding-left: 2rem;
    }

    .web-header-phone i{
        font-size: 0.3rem;
        font-weight: bold;
        color: #000;
    }
}