.header{box-sizing:border-box;z-index: 6;width: 100%;padding-top: 1.1vw;position: absolute;top: 0;}
.header .logo{left: 2vw;width: 17%;position: absolute;z-index: 6;}
.header .logo img{display: block;width: 100%;}
.indexlogo{display: none;}
.index{padding-top: 0;}
.index .logo{display: none;z-index: 6;position: absolute;}
.index .indexlogo{display: block;z-index: 6;}
.index .indexsolgan{display: none;}
.index .header{position: absolute;top: 0;left: 0;background: -ms-linear-gradient(#25395c, transparent);
    background: -webkit-linear-gradient(#25395c,transparent);background: linear-gradient(#25395c, transparent);}
.nav-list li.m-lang{display: none;}
.meun i{display: block;margin-right: 1vw;}

.sologan{margin-left: 21%;display: inline-block;width: 16%;}
.sologan img{max-width: 100%;}

.meun {float: left;}
.nav-list{position: relative;cursor: pointer;}
.nav-list:active{-webkit-tap-highlight-color: rgba(0,0,0,0) !important;}
.nav-list .mob{display: none;}
.nav-list small{font-size: 16px;color: #999;display: none;margin: 1.5vw auto 2vw auto;}
.nav-list span{color: #0052a3;font-size: 18px;line-height: 1.5;font-weight: bold;display: none;}
.nav-list .child{box-sizing:border-box;z-index: 3;}
.nav-list li{text-align: center;float: left;display: inline-block;}
.nav-list li a{display: block;padding: 20px 0 ;box-sizing:border-box;color: #fff;}
.nav-list li i{float: left;margin-top: -5px;}
.nav-list li i img{display: block;width: 1.8vw;border-radius: 3px;float: left;}
.nav-list li:nth-last-child(1) i{line-height: 50px;font-style: normal;font-size: 16px ;color: #0052a3;}
.nav-list li h3{font-size: 16px;color: #000000;line-height: 1.2;font-weight: normal;display: inline-block;}
.lang{float: right;padding: 22px 23px;color: #000;font-size: 16px;line-height: 1.0;background-color: rgba(255,255,255,0.44);}

.nav-list:nth-of-type(1){display: none;}

.about-child{width: 100%;border-top-right-radius: 0;}
.nav-list li{float: left;margin-right: 2.2vw;}
.nav-list li h3{margin-top: 0;color: #fff;}

.box-product{/*background: linear-gradient(#f8faff, #f5f6fb);*/position: absolute;top: 130px;left: 1%;z-index: 3;width: 98%;}
.box-product .swiper-button-next,.box-product .swiper-button-prev{width:17px;height: 35px;opacity: 1 !important;margin: 0; background: url(../images/previous.png) center center;background-size: 100%; background-repeat: no-repeat;
    border-radius: 0;z-index: 3;transform: translateY(-50%);}
.box-product .swiper-button-next{transform: rotate(178deg)  translateY(50%);}
.box-product>div{position: relative;width: 100%;margin: 0 auto;}
.box-product .swiper-container{width: 95%;margin: 0 auto;box-sizing: border-box;padding: 0.4vw 0;background-color: #fff;border-radius: 2px;box-shadow: 0 0 12px 5px rgba(0,82,163,0.2);}
.box-product .swiper-slide{width: auto;}
.box-product .swiper-slide a {display: block;box-sizing: border-box;padding: 0.3vw 0.5vw 0.3vw 0.3vw;border-radius: 3px;transition:.3s all ease;-ms-transition:.3s all ease;-webkit-transition:.3s all ease;}
.box-product .swiper-slide a:after{display: block;content: "";clear: both;}
.box-product img{display: inline-block;width: 58px;border-radius: 3px;float: left;margin-right: 20px;}
.box-product p{color: #0052a3;font-size: 16px;line-height: 1.8;text-align: center;display: inline-block;padding-top: 14px;}
.index .box-product p{color: #fff;}
.index .box-product .swiper-container{background-color: transparent;box-shadow: none;}
.index .box-product .swiper-button-next,.index .box-product .swiper-button-prev{background-image: url(../images/previousb.png);}

.pcceng{background: #001338;position: fixed;bottom: 0;left: 0;width: 100%;height: 100%;opacity: 0.5;z-index: 5;display: none;}

.nav_xl_a{background: url(../images/smenu.png) no-repeat;width: 30px;height: 30px;display: none;float: right;margin-top: 20px;
        font-size: 0;background-size: 100% 100%;}

.m-login{display: none;}
.m-login ul{position: fixed;top: 13.7vw;background-color: #fff;line-height: 1.15;padding: 2vw 1.6vw;right: 19.6vw;border-bottom-right-radius: 5px;display: none;
        border-bottom-left-radius: 5px;box-shadow: -3px 4px 7px 0px rgba(0,0,0,0.05);text-align: center;}
.m-login ul li a{line-height: 1.15;color: #2d56a4;display: block;font-size: 3.8vw;padding: 1.6vw 5.55vw;}
.m-login ul li:nth-of-type(4){margin-top: 1vw;}
.m-login ul li:nth-of-type(4) a{background-color: #ed6565;border-radius: 3px;color: #fff;}
.m-login>a{display: inline-block;width: 30px;height: 30px;background: url(../images/loginin.png) no-repeat center center;background-size: auto 100%;float: right;
    margin-top: 20px;}
.m-login .log-btn{background-image: url(../images/loginout.png);}
.index .m-login .loginout-btn{background-image: url(../images/logininw.png);}
.index .m-login .log-btn{background-image: url(../images/loginoutw.png);}

#car{display: block;padding: 0.8em 5em 0.8em 2em;height: auto;line-height: 1.0;border-radius: 1vw;color: #fff;font-size: 16px;float: left;box-sizing: border-box;
margin: 0 2vw 0 0;background:url(../images/right.png) no-repeat, -ms-linear-gradient(#f5a823, #ff6402);  position: relative; 
    background:url(../images/right.png) no-repeat, -webkit-linear-gradient(#f5a823,#ff6402);
    background: url(../images/right.png) no-repeat,linear-gradient(#f5a823, #ff6402);
    background-position: 7em center;transform: translate(0, 25%);background-size: auto 60%,100%;}
#car i{display: block;width: 30px;height: 30px;border-radius: 50%;position: absolute;top: -12px;right: -4px;font-size: 18px;font-style: normal;
    background-color: #f40000;line-height: 30px;text-align: center;color: #fff;}

.login-btn{float: left;font-size: 16px ;color: #fff;line-height: 1.5;margin-right: 2vw;position: relative;}
.login-btn a{display: inline-block;font-size: 16px ;color: #fff;line-height: 1.5;}
#mybtn:after{display: inline-block;border: 5px solid transparent;border-top-color: #fff;content: "";transform: translate(10px,2px);}
.login-btn ul{position: absolute;left: 50%;transform: translateX(-50%);display: none;width: 10em; right: 0;top: 2em; border-top: 2em transparent solid; text-align: center;line-height: 2.0;}
.login-btn ul li{background: #fff; padding: 5px 0;}
.login-btn ul a{color: #004588;display: block;width: 90%;margin: 0 auto;padding: 5px 0;border-radius: 3px;transition:.3s all ease;-ms-transition:.3s all ease;-webkit-transition:.3s all ease;}
.login-btn ul li:nth-of-type(1) {border-top-left-radius: 5px;border-top-right-radius: 5px;}
.login-btn ul li:nth-of-type(4) {border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;}
.login-btn ul li:nth-of-type(4) a{background-color: #ed6565;color: #fff;}
.login-btn ul:before{display: inline-block;border: 9px solid transparent;border-bottom-color: #fff;content: "";position: absolute;left: 50%;transform: translateX(-50%);top: -16px;}
.login-btn ul a:hover{background-color: #d0e4f9;}
.login-btn .p20{padding: 18px 0;}

.footer{background-color: #293847;padding: 2vw 10.2% 0 10.2%;box-sizing:border-box;width: 100%;}
.footer .top{margin-bottom: 45px;}
.footer .top h3{font-size: 22px;line-height: 28px;color: #ffffff;margin-bottom: 20px;text-transform: uppercase;font-weight: normal;}
.footer .top dd{display: block;line-height: 1.6;color: #fff;font-size: 16px;margin-bottom: 5px;}
.footer .top dd i{background: url(../images/cicon.png) no-repeat 0 -6px;background-size: 100% auto;display: inline-block;width: 15px;height: 15px;margin-right: 15px;}
.footer .top dd i.fax{background-position: 0 -35px;}
.footer .top dd i.addr{background-position: 0 -66px;}
.footer .top dd i.addrm{background-position: 0 -89px;}
.footer .top dd ul{padding-top: 5px;}
.footer .top dd ul li p{padding-left: calc(30px + 6em);margin-bottom: 5px;}
.footer .top a{color: #fff;font-size: 16px;line-height: 1.0;text-decoration: underline;}
.footer .top .fl {width: 675px;}
.footer .top .fl h4{font-size: 16px;color: #fff;line-height: 1.0;margin-bottom: 10px;display: block;}
.footer .top .fr {width: 260px;text-align:right;}
.footer .top .fr h4{font-size: 16px;color: #ffffff;line-height: 1.5;margin-bottom: 5px;}
.footer .top .fr p{font-size: 14px;line-height: 1.3;margin-top: 8px;color: #fff;text-align: center;}
.ewm{width: 47%;display: inline-block;text-align:center;}
.ewm1{margin-left: 4%;}
.ewm img{display: block;width: 100%;}
.footer .bottom{width: 100%;border-top: 1px solid #7d8ea0;padding: 13px 0;text-align: center;font-size: 14px;}
.footer .bottom p,.footer .bottom a,.footer .bottom span{font-size: 14px;color: #fffefe;line-height: 1.5;display: inline-block;}
.footer .gs,.footer .beian{white-space: nowrap;}

.nie .header{transition:.5s all ease;-ms-transition:.5s all ease;-webkit-transition:.5s all ease;}
.nie .search{position: relative;width: 2vw;height:2vw;border-radius: 3px;margin:14px 20px 0 0;cursor: pointer;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 50' fill='%23000000'%3E%3Cpath d='M 21 3 C 11.601563 3 4 10.601563 4 20 C 4 29.398438 11.601563 37 21 37 C 24.355469 37 27.460938 36.015625 30.09375 34.34375 L 42.375 46.625 L 46.625 42.375 L 34.5 30.28125 C 36.679688 27.421875 38 23.878906 38 20 C 38 10.601563 30.398438 3 21 3 Z M 21 7 C 28.199219 7 34 12.800781 34 20 C 34 27.199219 28.199219 33 21 33 C 13.800781 33 8 27.199219 8 20 C 8 12.800781 13.800781 7 21 7 Z' fill='%23ffffff'/%3E%3C/svg%3E") no-repeat center;background-size:1.5vw auto;}


.nie #car ,.nie .nav-list li a{transition:.3s all ease;-ms-transition:.3s all ease;-webkit-transition:.3s all ease;}
.tha:after{content: "\0040";}
.tha{display: inline !important;}

#MASK{
	display: none;
	position: fixed;
	left:0;
	top:0;
	width: 100%;
	height: 100%;
	z-index: 10;
	background:rgba(0,0,0,0.8);
	opacity: 0;
	z-index: 100;
}

#M_SEARCH {
	display: none;
	position: fixed;
	opacity: 0;
	justify-content: center;
	align-items: center;
	left:0;
	top:45%;
	width: 100%;
	height: auto;
	z-index: 101;
}

#M_SEARCH form{
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

#M_SEARCH form .l0{width: 30%;position: relative;box-shadow: 0 5px 5px rgba(0,0,0,0.1);z-index: 2;}
#M_SEARCH form .l0 .in{
        width: 100%;
        border: 4px solid #0052a3;
        padding: 14px;
        height: auto;
        margin:0;
        box-sizing: border-box;
        border-radius: 8px;
        background:#fff;
        box-shadow: 1px 1px 2px rgba(0,0,0,0.1) inset, 1px 1px 12px rgba(0,82,163,0.2);
}
#M_SEARCH form .l1{width:28%;position: relative;}
#M_SEARCH form .l1 label{padding:0 24px;border-radius: 0 0 10px 10px;background:#fff;display: inline-flex;justify-content: flex-start;margin:0 2px 0 0;-webkit-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;cursor: pointer;}
#M_SEARCH form .l1 label.on{color:#fff;background:#0052a3;}
#M_SEARCH form .l1 label span{display: inline-block;line-height: 2.3;}
#M_SEARCH form .l1 label input{display: none;}
#M_SEARCH form .l0 .sub{
    height:100%;width: 3.5vw;background:url(../images/icon_search.png) no-repeat center;background-size:2vw auto;position: absolute;right:0;opacity: 0.3;border:0;
}

/* .nie .search .in{padding:3px;box-sizing: border-box;height:30px;border-radius: 3px;border:0;box-shadow: 2px 2px 3px rgba(0,0,0,0.2);height:33px;background:#fff;padding:0 7px;width: 10vw;}
.nie .search .sub{height:100%;width: 2vw;background:url(../images/icon_search.png) no-repeat center;background-size:1.5vw auto;position: absolute;right:0;opacity: 0.4;border:0;} */

@media screen and (min-width: 1100px){
    #car:hover{background-position: 98px center;}
    .box-product .swiper-slide a:hover{background-color: #eff5ff;}
    .index .box-product .swiper-slide a:hover p{color: #0052a3;}
    .box-product .swiper-slide.on {background-color: #eff5ff;}
    .index .box-product .swiper-slide.on {background-color: transparent;}

}
@media screen and (max-width: 1530px){
    .nav-list li a{padding: 1vw 0;}
    .nav-list li{margin-right: 1.8vw;}
    .nav-list li h3{font-size: 1vw;}
    .login-btn a{font-size: 1vw;}
    .lang{font-size: 1vw;padding: 1vw;}
    .nav-list li i{margin-top: 0;}
    .box-product {top: 6.5vw;}
    #car{font-size: 1vw;}
.login-btn .p20{padding: 1vw 0;}

}

@media screen and (max-width: 1100px){
    .nav-list li h3,.login-btn a,.nav-list li h3{font-size: 18px;}
    .box-product{top: 80px;}
    .sologan{display: none;}
    .footer{padding: 2vw 3%;}
    .header .logo{width: 24%;left: 4%;}
    .login-btn{margin-right: 2vw;}
    #car{background: url(../images/cart.png) no-repeat, -ms-linear-gradient(#f5a823, #ff6402);
    background: url(../images/cart.png) no-repeat, -webkit-linear-gradient(#f5a823,#ff6402);
    background: url(../images/cart.png) no-repeat,linear-gradient(#f5a823, #ff6402);width: 30px;height:30px;padding: 0;font-size: 0;
    background-size: 50% auto,100%;background-position: center;}
    
    .footer .top .fl{width: 75%;}
    .footer .top .fr{width: 20%;max-width: 100%;}
    .box-product .swiper-container{width: 85%;}
    .box-product .swiper-button-next, .box-product .swiper-button-prev {width: 2vw;height:5vw;}
    .m-login ul{top: 70px;}
    .m-login ul li a{font-size: 16px;}
    #car i{font-size: 0;height: 12px;width: 12px;top: 0;}
    
}

@media screen and (max-width: 1024px){
    .nie .search{width: 4vw;height: 4vw;margin: 20px 26px 0 0;background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 50' fill='%23000000'%3E%3Cpath d='M 21 3 C 11.601563 3 4 10.601563 4 20 C 4 29.398438 11.601563 37 21 37 C 24.355469 37 27.460938 36.015625 30.09375 34.34375 L 42.375 46.625 L 46.625 42.375 L 34.5 30.28125 C 36.679688 27.421875 38 23.878906 38 20 C 38 10.601563 30.398438 3 21 3 Z M 21 7 C 28.199219 7 34 12.800781 34 20 C 34 27.199219 28.199219 33 21 33 C 13.800781 33 8 27.199219 8 20 C 8 12.800781 13.800781 7 21 7 Z' fill='%23333333'/%3E%3C/svg%3E") no-repeat center;background-size:3.8vw auto;}
    #M_SEARCH form .l0{width:50%;}
    #M_SEARCH form .l1{width:48%;}

    .header .logo{width: 28%;top: 15px;height: 40px;}
    .header .logo img{height: 100%;width: auto;}
    .box-product{top: 80px;}
    .box-product img{width: 45px;}
    .box-product p{padding-top: 7px;}
    .nav-list:nth-of-type(1){display: block;}

    .meun,.lang{display: none;}
    .header .login-btn{display: none;}
    .header{padding: 0;background-color: #fff;height: 70px;line-height: 70px;padding: 0 4%;position: fixed;
        box-shadow: 2px 2px 5px 2px rgba(0,0,0,0.1);position: fixed;top: 0;left: 0;}
    .index .header{box-shadow: none;background-color: transparent;position: fixed;}
    .index .header.pc_act_h{background: #fff;box-shadow: 2px 2px 5px 2px rgba(0,0,0,0.1);}
    .nav_xl_a{display: block;transition:.5s all ease;-ms-transition:.5s all ease;-webkit-transition:.5s all ease;}
    .nav_xl_a.act{transform: rotate(45deg);}
    #car{background: url(../images/acar.png) no-repeat;transform:none;font-size: 0;background-size: 100%;
        padding: 0;margin: 0;border-radius: 0;margin: 20px 4.7vw 0 0;}

    .m-login{display: block;float: left;margin-right: 4.7vw;}

    .meun{display: block;width: 56%;position: fixed;right: 0;top: 70px;line-height: 1.2;height: 0;
        transition:.5s all ease;-ms-transition:.5s all ease;-webkit-transition:.5s all ease;overflow: hidden;}
    .meun.show{background: #f7fafc;background:-ms-linear-gradient(to right,#e5edf6, #fafcfd); background: -webkit-linear-gradient(to right,#e5edf6,#fafcfd);
    background: linear-gradient(to right,#e5edf6, #fafcfd);height: 100%;}
    .meun .nav-list{opacity: 0;transition:.5s all ease;-ms-transition:.5s all ease;-webkit-transition:.5s all ease;}
    .meun.show .nav-list{opacity: 1;}
    .nav-list{float: none;padding: 0;width: 87%;margin-left: 7%;}
    .nav-list .child{display: block;width: 100%;height: auto;position: static;box-shadow:none;border-radius: 0;
        background: none;padding: 0;}
    .nav-list .swiper-container{height: 26vw;}
    .nav-list .child.swiper-wrapper{display: flex;position: relative;}
    .nav-list li.swiper-slide,.nav-list .swiper-wrapper{height: auto;}
    .nav-list{margin-top: 2.9vh;}

    .nav-list:nth-of-type(2){margin-top: 3.9vh;}

    .header .nav-list>span.mob{display: inline-block;border-radius: 5px;background: #ee651b;color: #fff;font-size: 16px;padding: 2vw 2.5vw;
        width: auto;font-weight: normal;height: auto;margin-left: 7.5%;margin-top: 4vw;}

    .nav-list li{width: 30.3%;margin-right: 3.05%;margin-top: 0;margin-bottom: 1vh;float: left;}
    .nav-list li:nth-child(3n){margin-right: 0;}
    .nav-list li i{display: none;}
    .nav-list li h3{font-size: 16px;color: #000000;font-family: "黑体";line-height: 1.5;margin: 0;height: 1.5em;}
    .nav-list li a{padding: 1.5vw 0;border-radius: 4px;background: #eeeeee;text-align: center;}
.login-btn .p20{padding: 1.5vw 0;}

    
    .index #car{background-image: url(../images/cart.png);}
    .pc_act_h #car{background-image: url(../images/acar.png);}
    .index .nav_xl_a{background-image: url(../images/caidan.png);}
    .pc_act_h .nav_xl_a{background-image: url(../images/smenu.png);}
    .pc_act_h .m-login .log-btn{background-image: url(../images/loginout.png);}
    .index .pc_act_h .m-login .loginout-btn{background-image: url(../images/loginin.png);}
    .nav-list li.m-lang{display: block;}

    .index .copyright {right: 3.75vw;bottom: 3vw;font-size: 3.2vw;}
    .pcceng{display: none !important;}

    .nav-list span{display: block;}
    .nav-list small{display: block;}
}
@media screen and (max-width: 640px){

    .nie .search {width: 6vw;height:6vw;margin: 3.8vw 26px 0 0;background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 50' fill='%23000000'%3E%3Cpath d='M 21 3 C 11.601563 3 4 10.601563 4 20 C 4 29.398438 11.601563 37 21 37 C 24.355469 37 27.460938 36.015625 30.09375 34.34375 L 42.375 46.625 L 46.625 42.375 L 34.5 30.28125 C 36.679688 27.421875 38 23.878906 38 20 C 38 10.601563 30.398438 3 21 3 Z M 21 7 C 28.199219 7 34 12.800781 34 20 C 34 27.199219 28.199219 33 21 33 C 13.800781 33 8 27.199219 8 20 C 8 12.800781 13.800781 7 21 7 Z' fill='%23333333'/%3E%3C/svg%3E") no-repeat center;background-size:6vw auto;}
    #M_SEARCH form .l0{width:80%;}
    #M_SEARCH form .l1{width:78%;}
    #M_SEARCH form .l0 .sub{width: 8vw;background-size: 4vw auto;}
    

    .meun{top: 13.8vw;width: 67.2%;}
    .header{height: 13.8vw;line-height: 13.8vw;}
    .header .logo{width: auto;height: 7.6vw;margin-left: 0;margin-top: 3.1vw;top: 0;}
    .box-product img{margin-right: 3vw;}

    .nav-list span{font-size: 3.8vw;}
    .nav-list small{font-size: 3.33vw;}

    .box-product{top: 14vw;}
    .box-product p{font-size: 3.8vw;}
    .box-product .swiper-container{width: 80%;}
    .nav-list .swiper-container{height: 43vw;}
    .nav-list li{width: 48.5%;margin-right: 3%;margin-bottom: 1vh;}
    .nav-list li:nth-child(3n){margin-right: 3%;}
    .nav-list li:nth-child(2n){margin-right: 0;}
    .nav-list li a{padding: 0;height: 9vw;line-height: 9vw;}
    .nav-list li h3{font-size: 3.8vw;}
    .footer .bottom p, .footer .bottom a, .footer .bottom span{font-size: 3.8vw;}
    .footer .top{display: none;}
    .footer{padding: 24px 4%;}
    .footer .bottom{padding: 0;border: none;}
    .header .nav-list>span.mob{font-size: 3.8vw;}
    .m-login>a{width: 6.1vw;height: 5.97vw;margin-top: 3.98vw;}
    .m-login ul li a{font-size: 3.8vw;}
    .m-login ul{top: 13.7vw;}
    .box-product img{width: 14vw;}

    #car{width: 5.83vw;height: 5.83vw;transform:none;margin: 3.98vw 4.7vw 0 4.7vw;}
    #car i{font-size: 0;height: 2.3vw;line-height: 2.3vw;width: 2.3vw;color: transparent;top: -5px;overflow: hidden;}
    .nav_xl_a{width: 5.83vw;height: 5.83vw;margin-top: 3.98vw;}

}