.hc-mobile-nav .nav-wrapper{background: var(--bg-color);}
.hc-mobile-nav a{color:var(--text-color);border-color: var(--text-color);font-family:'Poppins-SemiBold'; text-transform: uppercase;}
header .toggle span, header .toggle span::before, header .toggle span::after{background: var(--text-color);}
header .toggle:hover span, header .toggle:hover span::before, header .toggle:hover span::after{background: var(--text-color);}

header{position: fixed;width: 100%; z-index: 9999}
.pcNav{transition: .4s all ease ;background: var(--bg-color);}
.pcNav_w{padding: 0 50px;}
.pcNav .pcNav_con{display: flex;justify-content: space-between;align-items: center}
.pcNav_con .con_r{display: flex;align-items: center}
.pcNav_list{display: flex;align-items: center;}
.pcNav_list li{margin-right: 44px;position: relative;font-family: 'Poppins-Regular'; display: flex;align-items: center;}
.pcNav_list li:nth-last-child(1){margin-right: 0}
.pcNav_list li a{display: inline-block;height: 97px;line-height: 97px; color: var(--text-color);font-size: 14px; text-transform: uppercase ;transition: .4s all ease}
.pcNav_list li .icon-sanjiao_fill-{transform: rotate(180deg);color: var(--text-color-666);margin-left: 5px;font-size: 8px; display: none;} 
.pcNav_list li:hover a{color: var(--text-hover-color )}  
.pcNav.active{box-shadow: 0 0 6px #dfdfdf;background:var(--bg-color)} 
.pcNav .search{position: relative;padding-left:5px;}
.pcNav .search input{padding: 0 10px; height: 24px; position: absolute;right:100%;top: 50%;transform: translate(5px, -50%);pointer-events: none; opacity: 0; border: 1px solid var(--text-color); border-radius: 6px; transition: all .4s ease;}
.pcNav .search i{ color: var(--text-color);font-size: 24px;cursor: pointer;}
.pcNav .search:hover input{opacity: 1;transform: translate(0, -50%);pointer-events: all} 
.pcNav .con_r a{margin-left: 16px; font-size: 16px;color: var(--text-color);}

/* footer{padding: 24px 0;display: flex;justify-content: center; align-items: center;text-transform: uppercase;background: #222;}
footer b{font-size: 16px;color: #888;margin: 0 4px;display: block;}
footer a{font-size: 16px;color: #888;margin: 0 4px;display: block; transition: .4s all ease;}
footer b.cookie {border-bottom: 1px solid #888;padding:  2px 0;cursor: pointer; transition: .4s all ease;}
footer a:hover{color: #fff;}
footer b.cookie:hover{color: #fff;} */

footer{background: #222;}
footer .f_top{padding: 90px 0 79px 0;display: flex;justify-content: space-between;}
footer .f_top .FOLLOWUS b{font-size: 18px; color: #FFFFFF;}
footer .f_top .FOLLOWUS ul{display: flex;margin-top: 20px;}
footer .f_top .FOLLOWUS ul li{position: relative;margin-right:19px ;} 
footer .f_top .FOLLOWUS ul li a i{color:#7F7F7F; font-size: 25px;transition: .4s all ease;}
footer .f_top .FOLLOWUS ul li .code{position: absolute;left: 50%;bottom: 100%; transform: translateX(-50%); padding: 10px;opacity: 0;pointer-events: none;}
footer .f_top .FOLLOWUS ul li .code img{background: #fff;padding: 10px;border-radius: 4px;}
footer .f_top .FOLLOWUS ul li:hover a i{color: #fff;}
footer .f_top .FOLLOWUS ul li:hover .code{opacity: 1;pointer-events: all;}
footer .f_top .f_nav{display: flex;}
footer .f_top .f_nav .item{margin-left: 160px;}
footer .f_top .f_nav .item:nth-child(1){margin-left: 0;}
footer .f_top .f_nav .item b{font-size: 18px;color: #fff;font-family: 'Poppins-SemiBold'; display: block;text-transform: uppercase;}
footer .f_top .f_nav .item div{padding-top: 4px;}
footer .f_top .f_nav .item div a{display: block;margin-top: 10px; font-size: 16px;color:#A3A3A3 ; transition: .4s all ease; font-family: 'Poppins-Regular'; }
footer .f_top .f_nav .item div a:hover{color: #fff;font-family: 'Poppins-SemiBold';}
footer .f_bottom{padding: 39px 0 44px 0;display: flex;align-items: center;justify-content: space-between; border-top: 2px solid rgba(255,255,255,0.14);}
footer .f_bottom .f_logo{width: 182px;}
footer .f_bottom .f_r{text-align: right;}
footer .f_bottom .f_r b {font-size: 16px;  color: #828282;display: block;text-transform: uppercase;}
footer .f_bottom .f_r a {margin-top: 6px; font-size: 16px;  color: #828282;transition: .4s all ease;display: block;text-transform: uppercase}
footer .f_bottom .f_r a:hover {color: #fff; }


.g_body{padding-top: 88px} 

.n_deiver{
    
}

.n_deiver_list{

}

.n_deiver_list .item{display: block;position: relative;height: 450px; background: #F3F3F3;overflow: hidden; } 
.n_deiver_list .item:nth-child(2n){background: #fff;}
.n_deiver_list .item .item_title{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);text-transform: uppercase; font-size: 70px;color:#222;line-height: 1;z-index: 9; transition: all .4s ease;}
.n_deiver_list .item .item_p{position: absolute;left: 40%;top: 50%;transform:translate(-50%,calc(-50% + 28px)) ;opacity: 0;text-transform: uppercase;  font-size: 18px;color: #fff;line-height: 1;z-index: 9;transition: all .4s ease;}
.n_deiver_list .item .item_img{position: absolute;left: 60%;top: 50px;transform: translate(-50%,0);opacity: 0;z-index: 1;transition: all .4s ease}
.n_deiver_list .item:hover .item_title{color: #fff;transform: translate(-50%,calc(-50% - 28px));}
.n_deiver_list .item:hover .item_p{opacity: 1; left: 50%;}
.n_deiver_list .item:hover .item_img{opacity: 1; left: 50%;}
.n_deiver_list .item:hover  {background: #171717;}
.n_deiver_list .item.default{pointer-events: none;}
.n_deiver_list .item.default .item_title{color: #222222;transform: translate(-50%,calc(-50% - 28px));}
.n_deiver_list .item.default .item_p{opacity: 1; left: 50%;color:#222222;} 

@media  (max-width:1800px){

}
@media  (max-width:1680px){
    footer .f_top .f_nav .item{margin-left: 100px;}
}
@media  (max-width:1440px){  
    .pcNav_list li{margin-right: 34px;}
 
    .n_deiver_list .item .item_title{font-size: 60px;}
    .n_deiver_list .item .item_p{font-size: 16px;}

    footer .f_top .f_nav .item{margin-left: 60px;}
    footer .f_top .FOLLOWUS b,
    footer .f_top .f_nav .item b{font-size: 16px;}
    footer .f_top .f_nav .item div a{font-size: 14px;}
    footer .f_bottom .f_r b{font-size: 14px;}
    footer .f_bottom .f_r a{font-size: 14px;}
} 

@media  (max-width:1350px){
    .pcNav_list li{margin-right: 30px;}
}
@media  (max-width:1280px){
    .pcNav_list li{margin-right: 20px;}

}
@media  (max-width:1240px){
    .pcNav_list li{margin-right: 10px;}
    .pcNav_list li a{font-size: 12px;}
    .n_deiver_list .item{height: 350px;}
    .n_deiver_list .item .item_title{font-size: 40px;}
    .n_deiver_list .item .item_p{font-size: 14px;}
    .n_deiver_list .item .item_img{max-width: 450px;}

    /* footer b{font-size: 14px;} */
    footer .f_top{padding: 20px 0;justify-content: center;}
    footer .f_top .FOLLOWUS{text-align: center;}
    footer .f_top .FOLLOWUS ul{justify-content: center;}
    footer .f_top .f_r{display: none;}
    footer .f_bottom {padding: 20px 0;justify-content: center;}
    footer .f_bottom .f_l{display: none;}
    footer .f_bottom .f_r{text-align: center;}
}
@media  (max-width:1024px){
    .pcNav{display: none}
    .webNav{display: block}
    .g_body{padding-top: 52px} 


    .n_deiver_list .item{height: 300px;}
    .n_deiver_list .item .item_title{font-size: 30px;}
    .n_deiver_list .item .item_p{font-size: 14px;}
    .n_deiver_list .item .item_img{max-width: 300px;}
}

@media  (max-width:768px){
    .n_deiver_list .item{height: 150px;}
    .n_deiver_list .item .item_title{font-size: 20px;}
    .n_deiver_list .item .item_p{font-size: 12px;white-space: nowrap;}
    .n_deiver_list .item .item_img{max-width: 300px;}

    .n_deiver_list .item:hover .item_title{transform: translate(-50%, calc(-50% - 12px))}
    .n_deiver_list .item .item_p{transform: translate(-50%, calc(-50% + 12px))}
    .n_deiver_list .item.default .item_title{transform: translate(-50%, calc(-50% - 12px))}

    /* footer b{font-size: 12px;} */
    footer .f_top .FOLLOWUS ul li{margin: 0 5px;}
    footer .f_top .FOLLOWUS ul li a i{font-size: 20px;}
    footer .f_bottom .f_r b{font-size: 12px;}
    footer .f_bottom .f_r a{font-size: 12px;}

}
@media  (max-width:640px){
    footer{display: block;padding: 10px 0;}
    footer b{text-align: center;} 
    footer b.cookie{border: 0;} 
}
@media  (max-width:500px){}