/*@font-face {
    font-family: VWProduct;
    src: url('../fonts/VWProductFont-Bold.ttf') format("truetype");
    font-weight: 700
}*/
.btn-more-text .icon{
    margin: 0;
}
html{
    overflow: visible;
}
.header{
    position: absolute;
}
body{
    overflow-x:hidden;
    overflow-y: scroll;
}
li{ list-style: none; }
.dh3{-webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; -o-transition: all .3s ease-out;}
.cor_fff{ color: #fff; }
.cor_4c4{ color:#4c4c4c; }
.cor_6c6{ color: #6c6c6c; }
.font_16{ font-size: 16px; }
.font_24{ font-size: 24px; }
.font_26{ font-size: 26px; }
.font_28{ font-size: 28px; }
.font_32{ font-size: 32px; }
.font_36{ font-size: 36px; }
.font_56{ font-size: 56px; line-height: 120%; }

.re{ position: relative; }
.ab{ position: absolute; }
.fl{ float: left; }
.fr{ float: right; }
.block{ display: block; }
.img100{ width: 100%; display: inline-block;}
.clearfix:after {clear: both;content: ' ';display: block;font-size: 0;line-height: 0;visibility: hidden;width: 0;height: 0;}


.popup-video{ position: fixed; width: 100%; height: 100%; left: 0; top: 0; background: #000; z-index: 100; display: none;}
/*.popup-video .swiper-container{ width: 100%; height: 100%;}
.popup-video .swiper-pagination{  color: #fff; bottom: 32px !important;}
.popup-video .swiper-button-prev{ width: 40px; height: 40px; background: url(../img/news/left.png) no-repeat;
    z-index: 10; top: 45%; left: 10%;}
.popup-video .swiper-button-next{ width: 40px; height: 40px; background: url(../img/news/right.png) no-repeat; z-index: 10; top: 45%; right: 10%;}*/
.popup-video .video-box{ height: 100%; margin: 0 auto; display: inline-block; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.popup-video video{ display: block; height: 70%; margin-top: 8.2%; max-width: 70vw;}
.popup-video .text-box{  color: #fff;  position: relative;}
.popup-video .text-box .date{ font-family: HYQiHei-40S; margin: 12px 0 6px 0;}
.popup-video .text-box h3{ margin-bottom: 0;}
.popup-video .text-box .download{ position: absolute; bottom: 0; right: 0; display: inline-block;}
.popup-video .text-box .download:hover{ opacity: 0.7; }
.popup-video .close{ opacity: 1; position: absolute; top: 60px; left: 3.7%; z-index: 9; cursor: pointer;}
.popup-video .close:hover{ opacity: 0.7;}

.gzas-share-box{ overflow: hidden; position: relative;}
.gzas-share-box .bg{ width: 100%; display: block;}
.gzas-share-box .text-box{ position: absolute; top: 100px; left: 7.8%; color: #fff;}
.gzas-share-box .text-box .icon-box{ margin-top: 40px; cursor: pointer;}
.gzas-share-box .text-box .icon-box .item{ margin-right: 15px; display: inline-block; position: relative;}
.gzas-share-box .text-box .icon-box .item .icon{  width: 120px;}
.gzas-share-box .text-box .icon-box .item:hover .icon{ opacity: 0.9;}
.gzas-share-box .text-box .icon-box .item .qr{  width: 136px; position: absolute; z-index: 2; top: -195px;left: -8px; display: none;}
.gzas-share-box .text-box .icon-box .item:hover .qr{  display: block;}

.sub-nav{ width: 100%; background: #fff; height: 56px; line-height: 56px; padding-left: 40px; position: relative; z-index: 89;}
.sub-nav.scroll{ position: fixed; width: 100%; left: 50%; top: 0; transform: translateX(-50%); max-width: 2050px; }
.sub-nav .car-name{ display: inline-block; font-family: VWHead-Bold,HYQiHei-80S; font-size: 18px; margin-right: 40px;vertical-align: top;}
.id .sub-nav .car-name{ font-family: VWHead-Bold,HYQiHei-80S;}
.sub-nav .anchor-box{ display: inline-block;}
.sub-nav .anchor{ display: inline-block; margin-right: 40px;  cursor: pointer;  vertical-align: top;  font-size: 14px;  font-family: HYQiHei-40S; 
    color: #000; position: relative;}
.sub-nav .anchor:hover{  color: #000; }
.sub-nav .btn-box{ vertical-align: top; position: absolute; right: 35px; top: 50%; transform: translateY(-50%); line-height: 0;}
.sub-nav .btn-box a{ margin: 0 5px; vertical-align: middle;}
.sub-nav .anchor .line{  position: absolute; width: 0%; height: 2px; background: #001E50; bottom: 10px;
    transition: all 0.2s; -webkit-transition: all 0.2s; }
.sub-nav .anchor.active .line{ width: 100%; }


.in_con1{ position: relative; }
/*.in_con1 .img-box img{  width: 100%;}*/
.in_con1 .img-box .play { cursor: pointer;  width: 5.6vw; position: absolute; top: 55%; left: 50%; transform: translate(-50%,-50%);z-index:1;}
.in_con2.scroll{ margin-top: 56px; }
.in_con1 .img_ban{ top: 24.7%; left: 50%;transform: translateX(-50%); width: 28.33%; }
.in_con1 video{ width: 100%; }
/*.in_con1 .pc_bf{ width: 100%; height: 100%; z-index: 1; top: 0; left: 0;}*/
.in_con1 .yd_ban2,.in_con1 .video_1_1{ display: none; }

.in_con2{ background: #F8F8F8; padding:100px 7.6%;}
.in_con2 h2{ margin-bottom: 40px; }
.in_con2 .play{ cursor: pointer;  width: 5.6vw; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); margin-top:-6.5px; }

.in_con2 .zuo{width: calc(360px - 36px); border-right: #001e50 4px solid; padding:30px 0;}
.in_con2 .zuo .li{ list-style: none; width: 100%; margin-bottom: 11px; position: relative; }
.in_con2 .zuo .li span{ display: block;width: 2.2vw; height: 2.2vw; position: relative; margin-left: 70px;transform: translateX(-1.1vw); }
/*.in_con2 .zuo .li span b{ margin-left: 70px;transform: translateX(-1.1vw); }*/
.in_con2 .zuo .li .dhimg{ width: 100%; position: absolute; bottom:0; left:50%;transform: translateX(-50%);}
.in_con2 .zuo .li.cur span{ width: 140px; height: 140px; margin-left: 0;transform: translateX(0);  }
.in_con2 .zuo .li span,.in_con2 .zuo .li .dhimg{-webkit-transition: all .6s ease-out; }
.in_con2 .zuo .li span b{ display: block; width: 100%; height: 100%;background: #a0a0a0; border-radius: 50%; }
.in_con2 .zuo .li.cur span b,.in_con2 .zuo .li .dhimg{ opacity: 0; }
.in_con2 .zuo .li.cur .dhimg{ opacity: 1; }



.in_con2 .zuo .dd_v2{ display: none; }
.in_con2 .zuo .qie .sp_4,.in_con2 .zuo .qie .sp_5,.in_con2 .zuo .qie .sp_6{font-family: HYQiHei-60S;}
/*.in_con2 .zuo .li .im2{ width: 50px; right: 0; top: 50%; transform: translateY(-50%); opacity: 0; }*/
/*.in_con2 .zuo .li.cur .im2{ opacity: 1;  }*/
.in_con2 .sp_2{ margin:48px 0 5px 0; font-size: 45px;}
.in_con2 .sp_4{ margin:58px 0 58px 0; }
.in_con2 .sp_6{ margin-top:38px; }

.in_con2 .zuo .im2.pc_xian{ right: 0; top: 0; }
.in_con2 .zuo .im2.yi{ top: 70px; }
.in_con2 .zuo .im2.er{ top: 120px; }
.in_con2 .zuo .im2.san{ top: 170px; }

.in_con2 .you{ width: calc(100% - 360px); height: auto !important; position: absolute; top: 50%; right: 0; transform: translateY(-50%); }
.in_con2 .clearfix{ position: relative; }

.in_con2 .swiper-container{ margin-top:0px !important; }



/*1823  23.58%  470*/


.in_con3{ background: #a2bdd4; padding:100px 7.6%; }
/*.in_con3 h2{ margin-bottom: 100px; }*/
.in_con3 .swiper-slide{ width: 32.5%; margin-right:1.25%; }
.in_con3 .swiper-slide:last-child{ margin-right: 0; }
.in_con3 dd{ left: 14.4%; bottom: 8%; font-size: 45px;}
.in_con3 h3 img{ width: 260px; }
.in_con3 h3{ margin-bottom: 30px; }
.in_con3 dt span{ width: 100%; height: 100%; top: 0; left: 0; z-index: 2; background: rgba(0,0,0,.2);/* display: none;*/ opacity: 1;}
/*.in_con3 dl:hover span{ opacity: 1; }*/
.in_con3 dl dt{ line-height: 0; overflow: hidden; }
.in_con3 dl dt .im1{transform: scale(1);}
.in_con3 dl:hover dt .im1{ transform: scale(1.08); }
.in_con3 dl dt .im2{ bottom: 3.8vw; left: 0; width: 100%; z-index: 1; }
.in_con3 dl:hover dt span{ opacity: 0; }

.in_con4{ padding:150px 7.6%;}
.in_con4 .li1{ width: 66.5%; }
.in_con4 .li2{ width: 32.85%; }
.in_con4 .li2 span{ margin-bottom:7px; }
.in_con4 .li2 span:last-child{ margin-bottom:0px; }
.in_con4 .v_1{ margin-top:68px; }
.in_con4 .v .sp_2{ margin-top: 20px; }
.in_con4 .v{ margin-bottom: 150px; }
/*.in_con4 .v2 .sp_1,.in_con4 .v2 .sp_2{ text-align: right; }*/
.in_con4 .v:last-child{ margin-bottom: 0; }
.in_con4 h2 { font-size: 46px; }

.in_con5>h2{ padding:0 7.6%; margin:80px 0; }
.in_con5 .tab-box .item span.ab{ font-size: 14px;    bottom: -25px; }
.in_con5 .tab-box .item{ opacity: 1 !important; }
.in_con5 .y_z1{ width: 460px; margin-right:15px; }
.in_con5 .y_z2{ width: 100px; }
/*.in_con5{ padding-bottom: 90px; }*/

.in_con6>h2{ padding:120px 0 65px 0; }
.in_con6{ padding:0 7.6% 90px 7.6%; }
.in_con6 ul,.in_con6 li{ margin:0; padding:0; }
.marquee{width:100%;overflow:hidden; margin-bottom: 8px;}
.marquee ul li img{display:block; /*width: 100%;*/}
.marquee ul li{float:left; padding:0 4px; }

.marquee{ min-height: 150px; }

#marquee1{ height:400px; }
#marquee2,#marquee3{ height:300px; }

/*#marquee2 ul li,#marquee3 ul li{width: 21.2vw;}
#marquee1 ul li{width: 28vw;}*/
#marquee1 ul li img{ width: 601px; height: 400px; }
#marquee2 ul li img,#marquee3 ul li img{ width: 450px; height: 300px; }




/*1826*/


.tools-tab{  position: relative; overflow: hidden;/* height: 100vh;*/}
.tools-tab .tab-box{/* position: absolute; width: 100%; left: 0; bottom: 60px;*/ color: #fff; /*text-align: center;*/ z-index: 3;}
.tools-tab .tab-box .item{ /*display: inline-block;*/ width:171px; padding-bottom: 8px; border-bottom: 1px solid #fff;
    opacity: 0.7; /*cursor: pointer;*/ font-size: 14px;/* margin: 0 24px;*/ text-align: left; font-family:  VWProduct; float:left;}
.tools-tab .tab-box .item.en{ font-family: VWHead-Bold,HYQiHei-60S; /* font-size: 17px;*/ font-size: 24px;}
.tools-tab .img-box .item{ /*height: 100vh; position: absolute; top: 0; left: 0; opacity: 0;*/}
.tools-tab .img-box .item .bg{ /*width: 100vw; min-height: 114%;*/ display: block; position: relative; /*transform: translateY(-14%); */object-fit: cover;
    /*object-position: 50% 50%;*/}
.in_con5 .m_1{ left: 7.8%; bottom:15.7%; position: absolute; cursor: pointer; }
.in_con5 .m_2{ left: 50%; bottom:15.7%; position: absolute;transform: translateX(-50%); }
.in_con5 .m_3{ right: 7.8%; bottom:15.7%; position: absolute; }


@media (max-width: 1441px) {
    .font_24{ font-size: 20px; }

    .tools-tab .img-box .text-box{ /*left: 3%;*/ top: 8%; }

    .in_con2 .sp_2{ font-size: 36px; }
    .in_con2 .zuo .dd_v2 .font_28{ font-size: 20px; }
    .in_con2 .zuo{ width: calc(320px - 36px); }
    .in_con2 .you{ width: calc(100% - 320px) }
    .in_con2 .sp_2{ margin-top: 35px; }
    .in_con2 .sp_4{ margin:35px 0; }

    #marquee1 ul li img{ width: 400px; height: 266px; }
    #marquee2 ul li img,#marquee3 ul li img{ width: 300px; height: 200px; }
    
    #marquee1{ height: 266px; }
    #marquee2,#marquee3{ height: 200px; }


}


@media (max-width: 1200px) {
    .tools-tab .tab-box .item{ margin: 0 12px; }
}
.tools-tab .tab-box .item.active{ border-bottom: 2px solid #fff; opacity: 1;}
.tools-tab .img-box .item.active{ opacity: 1;  z-index: 2;}
.tools-tab .img-box .text-box{ color: #fff;  position: absolute; top: 10.5%; left: 7.8%; transform: translateZ(0px);}
.tools-tab .img-box .text-box h2{/* margin-top: 15px; margin-bottom: 24px;*/margin-bottom: 18px; font-family: VWProduct,HYQiHei-80S;}
.tools-tab .img-box .text-box h2.en{ font-family: VWHead-Bold,HYQiHei-80S;}
.tools-tab .img-box .text-box h2 .ux{ display: inline-block; transform: scale(1.15);}
.tools-tab .img-box .text-box h3{ font-family: HYQiHei-40S;  margin: 12px 0 16px 0; font-size: 32px;}
.tools-tab .img-box .text-box p{  margin-top: 16px;  /*margin-bottom: 30px;*/margin-bottom: 100px;}
.tools-tab .img-box .text-box a{ position: relative;}
.tools-tab .img-box .text-box a:hover .popup{ display: block;}
.tools-tab .img-box .text-box a .popup{ position: absolute; width: 318px; height: 171px; background: url(../img/after_sale_service/popup.png) no-repeat;
    top: -172px; left: 0; padding-top: 30px; display: none;}
.tools-tab .img-box .text-box a .popup .qr{ vertical-align: middle;}
.tools-tab .img-box .text-box a .popup p{ display: inline-block; width: 57%; vertical-align: middle;color: #000;margin: 0;font-size: 15px;}
.tools-tab .img-box .text-box a span{ vertical-align: middle; display: inline-block;}
.tools-tab .img-box .text-box .btn-group a:first-child{  margin-right: 40px;}
.tools-tab .img-box .text-box .icon-box{ width: 396px; text-align: center; margin: 0 -25px 25px -25px;}
@media (max-height: 800px) {
    .tools-tab .img-box .text-box p{ margin-bottom: 20px; }
    .tools-tab .img-box .text-box .icon-box{  width: 700px; margin-bottom: 15px;}
}
@media (max-width: 1300px) {
    .tools-tab .img-box .text-box .icon-box{ width: 800px; }
    .in_con3 dd{ font-size: 36px; }
}

@media (max-width: 1281px) {
    .in_con4{ padding:150px 7.6% 90px 7.6%; }
}
@media (max-height: 650px) {
    .tools-tab .img-box .text-box{ top: 50px; }
    .tools-tab .img-box .text-box .icon-box{ width: 900px;  margin-bottom: 10px; }
    .tools-tab .img-box .text-box .icon-box .icon-box-item .title{  margin-top: 6px;}
    .tools-tab .img-box .text-box p{  margin-top: 10px; margin-bottom: 15px;}
    .tools-tab .tab-box{  bottom: 20px; }
}
.tools-tab .img-box .text-box .icon-box .icon-box-item{ display: inline-block; width: calc(49% - 50px); margin: 0 25px; vertical-align: top; margin-bottom: 40px;}
.tools-tab .img-box .text-box .icon-box .icon-box-item .title{ margin-top: 12px; font-family: HYQiHei-60S;} 
.tools-tab .img-box .text-box .icon-box .icon-box-item P{ margin-top: 4px; margin-bottom: 0;}
.tools-tab .bg{ width: 100%; display: block;}
.tools-tab .mask-top{width: 100%; position: absolute; left: 0; top: 0;}
.tools-tab .mask-bottom{ width: 100%; position: absolute; left: 0; bottom: 0;}
.tools-tab .mask{  display: none;}
.btn-more-text .icon{ margin-left: 10px; vertical-align: middle; transition: all 0.5s; -webkit-transition: all 0.5s; position: relative; left: 0; top: 2px;}
.btn-more-text:hover{ color: #fff; opacity: 0.7;}
.btn-more-text:hover .icon{  left: 5px;}



.pc_xian{ display: block; }
.mob_xian{ display: none; }

.in_con4 .v2 .sp_2{font-family: HYQiHei-60S;}

.in_con3 dd{ font-family: VWProductFont-Bold;}






@media (max-width: 996px) {
    /*.header {
        width: 100vw;
        height: 100vh;
        overflow: hidden;
        pointer-events: none;
    }*/

    .in_con4 .font_56 { font-size: 30px; }
    .in_con4 .font_32,.in_con4 .font_28 { font-size: 20px; }
    .in_con4 .v .sp_2{font-family: HYQiHei-40S;}


    .font_56{ font-size: 40px; }
    .font_32{ font-size: 22px; }
    .font_24 { font-size: 16px; }
    .mb_yin,.pc_xian{ display: none; }
    .mob_xian{ display: block; }

    .in_con1 .img-box .play,.in_con2 .play{ width: 50px; }
    /*.in_con2 dt,.in_con2 dd{ width: 100%; }*/
/*    .in_con2 dd{ border-right:none; border-bottom: 2px #001e50 solid;  }
    .in_con2 dt img { margin-top: -24px; }
    .in_con2 dt{ margin-top: 65px; }
    .in_con2 dd{ padding:15px 0 30px 0; }
    .in_con2 dd .im2{ width:30px; bottom: -35px; right: auto; top: auto; left: 50px;  }
    .in_con2 dl{ margin-bottom: 60px; }*/
    /*.in_con2 .dd_v1,.in_con2 .dd_v2{ float: left; }
    .in_con2 .dd_v1{ width: 21%; }
    .in_con2 .dd_v2{ width: 79%; padding:0 0px 0 10px; }
    .in_con2 dd .sp_1 img{ width: 100%; }
    .in_con2 .sp_2{ margin:0; }
    .in_con2 .sp_4{ margin:30px 0 0px 0; font-size: 15px;}
    .in_con2 .sp_6{ margin-top: 16px; }
    .in_con2 .dl1 .dd_v2{ padding-top: 10px; }
    .in_con2 .dl2 .dd_v2{ padding-top: 40px; }
    .in_con2 .dl3 .dd_v2{ padding-top: 70px; }*/

    .in_con2 .zuo{ border-right:none; border-bottom: 2px #001e50 solid; padding-top: 15px; position: relative;}
    .in_con2 .zuo,.in_con2 .you{ width: 100%; }
    .in_con2 .sp_2{ margin:0; font-size: 24px; }
    .in_con2 .sp_4{ margin:20px 0 0px 0; font-size: 15px;}
    .in_con2 .sp_6{ margin-top: 0px; }
    .in_con2 .zuo .li{}
    .in_con2 .zuo .li span{ width: 20px; height: 20px; /*margin-left: 40%;*/}
    .in_con2 .zuo .li.cur span{ width: 100%; height: 20vw; }
    .in_con2 .zuo .li span{ margin-left: 10vw;transform: translateX(-10px); }

    .in_con2 .ul{ width: 20vw; float: left; }
    .in_con2 .qie{ width: calc(100% - 20vw);  padding:0 0px 0 10px;float: left;  }
    .in_con2 .zuo .li{ width: 100%; margin-bottom:8px; }
    .in_con2 .zuo .dd_v2 .font_28{ font-size: 15px; }
    .in_con2 .on1{ padding-top: 8px; }
    .in_con2 .on2{ padding-top: 40px; }
    .in_con2 .on3{ padding-top: 70px; }
    .in_con2 .you{  margin-top: 45px; position: static; transform: translateY(0%);}
    .in_con2 .swiper-container{ margin-top: 0 !important; }
    .in_con2 .you .swiper-slide div{ opacity: 0; font-size: 14px;}
    .in_con2 .you .swiper-slide-active div{ opacity: 1; }
    .in_con2 .play{ margin-top: -30px; }
    .in_con2 .zuo .im2{ width: 25px; bottom: -31px; right: auto; top: auto; left: 50px;}
    .in_con2 .zuo .li .dhimg{ width: 100%; }





    .in_con3 dt span{ opacity: 0; }


    .in_con4,.in_con2{ padding:60px 5.3% 40px 5.3%; }
    .in_con4 .v{ margin-bottom: 40px; }
    .in_con3 .swiper-container{ padding:0 15%; }
    .in_con3{ padding:60px 0 40px 0; }
    .in_con3 h2,.in_con3 h3{ padding:0 5.3%; }
    .in_con3 dd{ font-size: 30px; }
    .in_con3 h3 img{ width: 180px; }


    .in_con4 .v_1{ margin-top:34px; }
    .in_con4 .li1,.in_con4 .li2{ width: 100%; }
    .in_con4 .li2{ margin-top: 12px; }
    .in_con4 .li2 span{ width: calc((100% - 12px)/2); }
    .in_con4 .li2 span:first-child{ float:left;}
    .in_con4 .li2 span:last-child{ float:right;}
    .in_con5>h2{ padding:0 5.3%; margin:10px 0 40px 0; }
    .in_con5 .text-box h2{ font-size: 36px;}
    .in_con5 .tab-box .item span.ab{ font-size: 12px; }
    .tools-tab .tab-box .item{ display: inline-block; }

    .in_con5 .m_1,.in_con5 .m_2,.in_con5 .m_3{ position: static; transform: translateX(0%);}
    .tools-tab .tab-box{ position: absolute; width: 100%; left: 0; bottom: 60px;}
    .tools-tab .tab-box .item.en{ font-size: 20px; }
    .in_con5 .y_z2{ width: 80px; }
    .in_con5 .y_z1{ width: 280px; margin-right: 5px; }
    .tools-tab .img-box .text-box p{ margin-top: 0px; margin-bottom: 15px; }
    .tools-tab .img-box .text-box h2{ margin-bottom:10px; }


    .in_con6{ padding:0px 5.3% 40px 5.3%}
    .in_con6 h2{ padding:50px 0 20px 0; }
    .in_con6 img{ display: block; }

    /*#marquee4 .sp_1{ width:calc(60.1% - 3px); }*/
    #marquee4 .sp_1 img{  margin-bottom:8px; }
    /*#marquee4 .sp_2{ width: calc(39.9% - 3px); }*/
    #marquee4 .sp_2 img,#marquee5 .sp_1 img,#marquee6 img{ margin-bottom:6px; }
    #marquee4 .sp_2 img:last-child,#marquee5 .sp_1 img:last-child,#marquee4 .sp_1 img:last-child,#marquee6 span img:last-child{ margin-bottom: 0; }
    
    /*#marquee4 ul li,#marquee5 ul li,#marquee6 ul li{width: 89.4vw;}*/
    /*#marquee4 img,#marquee5 img,#marquee6 img{width: 100%;}*/
    .marquee ul li{ padding:0 2.5px; }
    .marquee{ margin-bottom: 6px; }

    /*#marquee5 .sp_1{ width: calc(33.1% - 2.5px); }
    #marquee5 .sp_2{ width: calc(66.9% - 2.5px); }

    #marquee6 .sp_1{ width: calc(50% - 2.5px); }
    #marquee6 .sp_2{ width: calc(50% - 2.5px); }*/


    #marquee4 .i1{ width: 361px; height: 241px; }
    #marquee4 .i2{ width: 239px; height: 158px; }
    #marquee4 .sp_1{ margin-right:6px; }

    #marquee5 .i1{ width: 198px; height: 131px; }
    #marquee5 .i2{ width: 403px; height: 268px; }
    #marquee5 .sp_1{ margin-right:5px; }

    #marquee6 .i1{ width: 300px; height: 200px; }
    #marquee6 .sp_1{ margin-right:5px; }

    #marquee4{ height: 490px; }
    #marquee5{ height: 268px; }
    #marquee6{ height: 405px; }


/*    #marquee4 .sp_1 img{ width: 359px; height: 240px; }
    #marquee4 .sp_2 img{ width: 238px; height: 158px; }*/

  /*  #marquee1 ul li img{ width: 400px; height: 266px; }
    #marquee2 ul li img,#marquee3 ul li img{ width: 300px; height: 200px; }*/


    /*670  394*/

/*669*/

    .gzas-share-box .text-box{  width: 100%; left: 0; padding: 0 5.3%; top: 50px; }
    .gzas-share-box .text-box h2{  font-size: 40px; }
    .gzas-share-box .text-box .icon-box{  margin: 25px -5px 0 -5px; }
    .gzas-share-box .text-box .icon-box svg{ width: 38px; height: 38px; }
    .gzas-share-box .text-box .icon-box .item{ margin: 5px !important; float: left; }
    .gzas-share-box .text-box .icon-box .item:last-child{ margin: 0; }
    .gzas-share-box .text-box .icon-box .item .icon{ width: 105px; }
    .tools-tab .img-box .text-box{  top: 35px; left: 0; width: 100%;  padding: 0 5.3%; }
    .tools-tab .img-box .text-box h3{  font-size: 24px; }
    .tools-tab .tab-box .item{ width: calc(49% - 10.6%); margin:0 5.3% 20px 5.3%; border-bottom: 2px solid #fff; }
    .tools-tab .tab-box{ bottom: 25px;  text-align: left; }

    .tools-tab .img-box .item .bg{ object-position: 10% 50%; }

    

    .sub-nav{ padding-left: 5.3%;  position: relative; }
    .sub-nav .car-name{ font-size: 14px; padding-right: 26px; background: url(../img/arrow.png) right center no-repeat;
        background-size: 12px auto;}
    .id .sub-nav .car-name{ font-size: 12px; }
    .sub-nav .car-name.active{ background: url(../img/arrow2.png) right center no-repeat;  background-size: 12px auto; }
    .sub-nav .btn-box{ right: 3.5%;}
    .sub-nav .btn-box a{ width: 80px !important; min-width: auto !important; }
    .sub-nav .anchor-box{ display: none; position: absolute;top: 56px; background: #fff; left: 0; width: 100%;  padding: 0 5.3%;}
    .sub-nav .anchor-box .anchor{ display: block; border-top: 1px solid #e6e6e6; margin: 0;}
    .sub-nav.scroll{ left: 0; transform: translateX(0); }

    .popup-video .video-box{ display: block; width: 100%; }
    .popup-video video{ width: 100%;  height: auto;  max-width: none; margin-top: 50%; }
    .popup-video .text-box{ padding: 0 5.3%; position: static; }
    .popup-video .text-box h3{  font-size: 22px; }
    .popup-video .close{  top: 20px;  left: 5.3%; }
    .popup-video .swiper-button-next,.popup-video .swiper-button-prev{ display: none; }
    .popup-video .text-box .download{ left: 50%; transform: translateX(-50%);   right: auto;   bottom: 100px; }



    .swiper-pagination-bullet{  width: 30px; border-radius:0;height: 2px; background: #fff; }
    .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet{ margin: 0 5px; }
    .swiper-pagination-fraction, .swiper-pagination-custom, .swiper-container-horizontal > .swiper-pagination-bullets{ bottom: 0; }
    .swiper-pagination{ top: -20px; }

    .swiper-pagination-bullet .before{  background: #001E50;  width: 100%;  height: 2px;  position: absolute;  top: 50%; left: 0; opacity: 0.4;
        z-index: 2;  transform: translateZ(-50%); }
    .swiper-pagination-bullet .after{ display: block; width: 0%;  background: #001E50; height: 2px;  position: absolute;  top: 50%; left: 0;
        z-index: 3; max-width: 100%; transform: translateZ(-50%); }
    .swiper-pagination-bullet-active .after{ display: block;  width: 100%; background: #001E50; height: 2px;   position: absolute;
        top: 50%; left: 0; opacity: 1; transform: translateZ(-50%); }


   

}

@media (max-width: 640px) {
    #marquee4 .i1{ width: 225px; height: 150px; }
    #marquee4 .i2{ width: 148px; height: 99px; }
    #marquee4 .sp_1{ margin-right:6px; }

    #marquee5 .i1{ width: 123px; height: 81px; }
    #marquee5 .i2{ width: 251px; height: 168px; }
    #marquee5 .sp_1{ margin-right:5px; }

    #marquee6 .i1{ width: 187px; height: 124px; }
    #marquee6 .sp_1{ margin-right:5px; }

    #marquee4{ height: 307px; }
    #marquee5{ height: 168px; }
    #marquee6{ height: 254px; }
}


@media (max-width: 400px) {
    .font_56{ font-size: 35px; }
}




@font-face {
    font-family: VWProductFont-Bold;
    src: url('../fonts/VWProductFont-Bold.ttf');
   
}