* {touch-action: pan-y;}
  html,canvas,body{
  width: 100%; height: 100%;
}
  body{position: relative;}
body,div,p,ul{margin:0;padding:0;}
a{text-decoration: none;}
#wrapper{width: 100%;overflow: hidden;}
#wrapper img{display: block;}
ul,menu,li{list-style: none;margin:0;padding:0;}
.cf{zoom:1}
.cf:after{content:".";display:block;clear:both;font-size:0;height:0;visibility:hidden;overflow:hidden}
@font-face { 
  font-family: "FZLTXIHJW"; 
  src: url('../fonts/FZLTXIHJW.TTF'); 
} 
@font-face { 
  font-family: "FZLTHJW"; 
  src: url('../fonts/FZLTHJW.TTF'); 
} 
@font-face { 
  font-family: "FZLTZCHJW"; 
  src: url('../fonts/FZLTZCHJW.TTF'); 
}
@font-face { 
  font-family: "FZLTZHJW"; 
  src: url('../fonts/FZLTZHJW.TTF'); 
}
h1, h2, h3, h4, h5, h6 {font-weight: normal;}
i{ font-style:normal}
.fl{float: left;}
.fr{float: right;}
body{ -webkit-tap-highlight-color:rgba(0,0,0,0); }
.Interior{ display:none;}
header{width: 90%;height: 60px;position: fixed;top: -60px;left: 0;padding: 0 5%;font-family: 'FZLTXIHJW';font-size: 16px;background: url(../img/h5_logo.png) center center no-repeat #fff;z-index: 9991;transition: 1s;-moz-transition:1s; -webkit-transition:1s; -o-transition:1s;background-size:90px;}
header .c_logo{width: 10%;position: absolute;top: 0;left: 50%;margin-left: -5%;height: 100%;display: block;}
header .menu{padding-right: 18px;background: url(../img/Arrow.png) right center no-repeat;margin-right:70px;position: relative;line-height: 60px;cursor: pointer;}
header .menu a{color: #000;}
header .menu:hover >a{color: #74003c;}
header .submenu{position: absolute;top:100%;left:50%;overflow: hidden;width: 160px;background: #fff;margin-left: -80px;display: none; }
header .submenu menu{padding: 30px 0;width: 160px;border-top: 1px solid #dfdfdf;}
header .submenu menu li{display: block;width: 100%;text-align: center;line-height: 45px;}
header .submenu menu li a{color: #999999;}
header .submenu menu li a:hover{color: #74003c;}
header .menu_2{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor: pointer;line-height: 60px;}
header .Edition{margin-right: 10px;}
header .search{width: 28px;background: url(../img/search.png) 10px center no-repeat;height: 18px;/* border-left: 1px solid #d9d9d9; */}
header .menu_3{width: 40px;position: relative;margin-left: 40px;cursor: pointer;background:url(../img/or.png) center center no-repeat; height: 60px;}
header .menu_3 .or_box{position: fixed;top: 60px;right: 0;background-color: #fff;padding: 10px 20px;border-top: 1px solid #e8e8e8;display: none;}
header .menu_3 .or_box .or_img{width: 140px;height: 140px;background: url(../img/wx.png) no-repeat center center;float: left;}
header .menu_3 .or_box li{display: inline-block;width: 100%;line-height: 46px;float: left;}
header .menu_3 .or_box ul{float: right;width: 80px;}
header .menu_3 .or_box i{width: 30px;height: 30px;display: inline-block;background: url(../img/share_icon2.png) no-repeat;margin: 8px 0;vertical-align: middle;}
header .menu_3 .or_box span{display: inline-block;vertical-align: middle;font-size: 14px;font-family: 'FZLTXIHJW';color: #999999;}
header .menu_3 .or_box .wx i{background-position: 0 0;}
header .menu_3 .or_box .wb i{background-position: 0 -30px;}
header .menu_3 .or_box .dy i{background-position: 0 -60px;}
header .menu_3 .or_box .wx:hover i{background-position: -30px 0;}
header .menu_3 .or_box .wb:hover i{background-position: -30px -30px;}
header .menu_3 .or_box .dy:hover i{background-position: -30px -60px;}
header .menu_3 .or_box .wx:hover span{color:#74003c}
header .menu_3 .or_box .wb:hover span{color:#74003c}
header .menu_3 .or_box .dy:hover span{color:#74003c}
.banner .bannerimg2{width: 100%;height: 100%;object-fit: cover}

header .submenu_1{position: absolute;top:-10000px;left:0%;width:100%;background: #fff;border-top: 1px solid #dfdfdf;display: block;z-index: 10;}
header .submenu_1 .submenu_box{width:100%;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
header .tab{width: 13.5%;background: url(../img/nav_bg.jpg) no-repeat;background-size: 200% 100%;height: 395px;padding-top: 5px;}
header .tab li{width: 100%;text-align: center;color: #fff;position: relative;cursor: pointer;line-height: 100px;}
header .tab li.on i{margin-left:11px;position: absolute;top: 50%;right: 0;margin-top: -6px;width: 0;height: 0;border-width: 6px; border-style: solid;border-color: transparent #fff transparent transparent;}
header h1,header h2{padding: 0;margin: 0;line-height: 1.5;}
header .nav_main{width: 86.5%;height: 400px;}
header .nav_main .img{width: 100%;height: 180px;}
header .nav_main .img img{margin: 0 auto;height: 100%;-o-object-fit: contain;object-fit: contain;width: 100%;}
header .nav_main h1{font-size: 20px;color: #4e4e4e;font-weight: normal;width: 100%;text-align: center;}
header .nav_main h2{width: 100%;text-align: center;font-size: 22px;color: #74003c;}
header .nav_main h2 span{font-family:Arial, Helvetica, sans-serif}
header .nav_main .button{width: 300px;margin: 0 auto;margin-top:30px;height: 0;overflow: hidden;transition: .3s;-moz-transition:.3s; -webkit-transition:.3s; -o-transition:.3s; }
header .nav_main .button a{color: #fff;background: #454545;padding: 0 38px;line-height: 47px;font-size: 14px;}
header .nav_main .button a:hover{background: #74003c;}
header .nav_main .swiper-container{height: 100%;}
header .nav_main .swiper-container .swiper-slide{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
header .nav_main .swiper-container .swiper-slide .box{width: 100%;}

header .menu_btn{margin-top:20px;cursor:pointer;transition:all .5s;-moz-transition:all .5s;-webkit-transition:all .5s;-o-transition:all .5s;display: none;}
header .menu_btn span{display:block;height:2px;width:27px;background:#000;margin-bottom:7px;transition:all .5s;-moz-transition:all .5s;-webkit-transition:all .5s;-o-transition:all .5s}
header .menu_btn.on{margin-top:28px}
header .menu_btn.on span:nth-child(1){margin-bottom:-4px;transform:rotate(45deg);-ms-transform:rotate(45deg);-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);-o-transform:rotate(45deg)}
header .menu_btn.on span:nth-child(2){opacity:0}
header .menu_btn.on span:nth-child(3){margin-top:-7px;transform:rotate(-45deg);-ms-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-o-transform:rotate(-45deg)}

header .menu_list{position: fixed;left:0;right:0;z-index:999;bottom:0;background:#fff;display: none;}
header .menu_list .list_one{position: absolute;top: 0;left: 0;bottom:0;overflow-y: scroll;overflow-x: hidden;width: 100%;}
header .menu_list .menu_inx h2{padding:0 10%;position:relative}
header .menu_list .menu_inx h2 a{margin-right:100px;display:block;font-size:16px;height:100px;line-height:100px;color:#08080a}
header .menu_list .menu_inx h2 span{display:block;width:80px;height:100%;position:absolute;right:5%;top:0}
header .menu_list .menu_inx h2 img{position:absolute;right:0;top:50%;transform: translate(0%,-50%);-ms-transform: translate(0%,-50%);-moz-transform: translate(0%,-50%);-webkit-transform: translate(0%,-50%);-o-transform: translate(0%,-50%);width: 37.5%;transition:all .3s;-moz-transition:all .3s;-webkit-transition:all .3s;-o-transition:all .3s}
header .menu_list .menu_inx>ul{display:none;background-color: #fafafa;}
header .menu_list .menu_inx>ul>li a{display:block;color:#999999;font-size:16px;height:80px;line-height:80px;padding-left:10%;}
header .menu_list .menu_inx>h2.on img{transform:rotate(90deg) translate(0%,50%);-ms-transform:rotate(180deg) translate(0%,50%);-moz-transform:rotate(180deg) translate(0%,50%);-webkit-transform:rotate(180deg) translate(0%,50%);-o-transform:rotate(180deg) translate(0%,50%)}
header .language{display: none;background: url();margin: 0 0 0 5%;}
header .menu .switch{display: none;}
.ctn_1 .car_h5{display: none;}
.Side_bar{position: fixed;top: 50%;right: -90px;z-index: 100;margin-top: -150px;}
.Side_bar li{width: 150px;height: 60px;background-color: rgba(39,36,41,0.6);transition:all .5s;-moz-transition:all .5s;-webkit-transition:all .5s;-o-transition:all .5s;}
.Side_bar li:hover{margin-left: -90px;background-color: rgba(111,24,59,0.6);}
.Side_bar li i{width: 60px;height: 60px;display: inline-block;background-repeat: no-repeat;background-image: url(../img/pc_icon.png);float: left;}
.Side_bar li span{line-height: 60px;color: #fff;display: inline-block;float: left;font-size: 14px;font-family: 'FZLTHJW';}
.Side_bar li:nth-child(1) i{background-position: 0 0;}
.Side_bar li:nth-child(2) i{background-position: -60px 0;}
.Side_bar li:nth-child(3) i{background-position: -120px 0;}
.Side_bar li:nth-child(4) i{background-position: -180px 0;}
.Side_bar li:nth-child(5) i{background-position: -240px 0;}
.Side_bar li:nth-child(6) i{background-position: -300px 0;}
.submenu_bg{display: none;}



.banner{margin-top: 60px;width: 100%;position: relative;}
.banner .bannerimg{-webkit-transition:1s linear 2s;-o-transition:1s linear 2s;transition:1s linear 2s;-webkit-transform:scale(1,1);-ms-transform:scale(1,1);transform:scale(1,1);width: 100%;height: 100%;object-fit: cover}
.banner .h5bg{width: 100%;height: 100%;object-fit: cover}
.banner .swiper-slide-active .bannerimg,.banner .swiper-slide-duplicate-active .bannerimg{-webkit-transition:20s linear;-o-transition:20s linear;transition:20s linear;-webkit-transform:scale(1.1,1.1);-ms-transform:scale(1.1,1.1);transform:scale(1.1,1.1);} 
.banner .swiper-container_1{width: 100%;}
.banner{--swiper-theme-color: #fff;--swiper-navigation-color: #fff;--swiper-navigation-size: 40px;}
.banner .swiper-button-next{right: 3%;opacity: .3;outline: none;}
.banner .swiper-button-prev{left: 3%;opacity: .3;outline: none;}
.banner .swiper-pagination{bottom: 4%;}
.banner .swiper-pagination-bullet{width: 40px;height: 2px;opacity: .3;border-radius: 0;background-color: #fff;margin: 0 14px!important;}
.banner .swiper-pagination-bullet-active{opacity: 1;}

.banner .title{width: 25%;position: absolute;top:50%;right: 13%;margin-top: -7%;z-index: 8;-webkit-transform: translateY(-20%);-ms-transform: translateY(-20%);transform: translateY(-20%);opacity: 0;}
.banner .banner_car{width: 100%;position: absolute;bottom: 0;left: 0;z-index: 8;/* opacity: 0; */}
.banner .swiper-slide-active .title,.banner .swiper-slide-duplicate-active .title{-webkit-transition:1s linear;-o-transition:1s linear;transition:1s linear;-webkit-transform: translateY(0%);-ms-transform: translateY(0%);transform: translateY(0%);opacity: 1} 
/* .banner .swiper-slide-active .banner_car,.banner .swiper-slide-duplicate-active .banner_car{transition:.3s linear;opacity: 1} */
.banner .sw_pc{display: block;width: 100%;height: 100%;}
.banner .sw_h5{display: none;}
.banner .sw_h5 img{width: 100%;}
.banner .text{width: 18.9%;position: absolute;top: 27%;left: 62%;z-index: 8;}
.banner .text img{width: 100%;}
.banner .text .banner_btn{width: 47%;}
.banner .text img:nth-child(1){-webkit-transform: translateY(20%);-ms-transform: translateY(20%);transform: translateY(20%);opacity: 0;-webkit-transition:1s;-o-transition:1s;transition:1s;}
.banner .text img:nth-child(2){-webkit-transform: translateY(20%);-ms-transform: translateY(20%);transform: translateY(20%);opacity: 0;-webkit-transition:1s .2s;-o-transition:1s .2s;transition:1s .2s;}
.banner .text img:nth-child(3){-webkit-transform: translateY(20%);-ms-transform: translateY(20%);transform: translateY(20%);opacity: 0;-webkit-transition:1s .4s;-o-transition:1s .4s;transition:1s .4s;}
.banner .text img:nth-child(4){-webkit-transform: translateY(20%);-ms-transform: translateY(20%);transform: translateY(20%);opacity: 0;-webkit-transition:1s .6s;-o-transition:1s .6s;transition:1s .6s;}
.banner .swiper-slide-active .text img,.banner .swiper-slide-duplicate-active .text img{-webkit-transform: translateY(0%);-ms-transform: translateY(0%);transform: translateY(0%);opacity: 1}
.banner .banimg_1{position: absolute;left:3%;bottom:3%;width:26%;z-index: 2;}
.banner .banimg_1 img{width:100%}
.banner .banimg_2{position: absolute;right:3%;top:3%;width:6.5%;z-index: 2;}
.banner .banimg_2 img{width:100%}

footer{background: #2f2f2f;padding: 110px 110px 25px;position: relative;font-family: 'FZLTXIHJW'}
footer .menu_footer{width: 200px;margin-right: 125px;}
footer .menu_footer p{width: 100%;color: #fff;font-size: 16px;margin-bottom: 40px;}
footer .menu_footer a{width: 100%;display: block;color: #999999;font-size: 14px;margin-bottom: 20px;}
footer .menu_footer2{width: 230px;}
footer .menu_footer2 p{width: 100%;color: #fff;font-size: 16px;margin-bottom: 10px;}
footer .menu_footer2 h1{width: 100%;color: #fff!important;font-size: 30px;margin:0 0 60px 0;font-weight:normal;white-space: nowrap}
footer .menu_footer3{margin-right:22px}
footer .menu_footer2 .icon{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
footer .menu_footer2 .icon a{color: #999999;text-align: center;font-size: 14px;}
footer .menu_footer2 .icon a img{display: inline-block;}
footer hr{border-bottom:1px solid #444444;border-top: 0;border-left: 0;border-right: 0;margin-bottom: 25px;padding-top:15px;width: 100%;}
footer .copyright{width: 100%;}
footer .copyright div{line-height: 2;color: #666666;text-align: right;font-size: 14px;}
footer .copyright div a{margin-left: 20px;color: #666666;display: inline-block;}
footer .logo_footer{width: 148px;position: absolute;top: 110px;left:50%;margin-left: -74px;}
footer .menu_footer_new{width: 100%;margin-top: 100px;}
footer .menu_footer_new a{margin-right: 30px;color: #666666; display: inline-block;font-size: 14px;text-align: left;line-height: 2;}
.hide{display: none;}

.swiper-container_3{--swiper-navigation-color:#454545}
.swiper-container_2{--swiper-navigation-color:#454545}
.swiper-button-next,.swiper-button-prev{outline:none;}
.swiper-container_3 .swiper-button-next,.swiper-container_3 .swiper-button-prev{display:block; pointer-events: auto;}
.swiper-container_2 .swiper-button-next,.swiper-container_2 .swiper-button-prev{display:block; pointer-events: auto;}

input{outline:none;}
.search-alert{position:fixed;z-index:9992;background-color:#222;left:0;top:0;width:100%;height:100%;font-family: 'FZLTZHJW'}
.search-alert input::-webkit-input-placeholder{color:#fff !important}input::-moz-placeholder{color:#fff !important}input:-moz-placeholder{color:#fff !important}input:-ms-input-placeholder{color:#fff !important}
.cent-form{opacity:0;-webkit-transform:translate(0,40px);-ms-transform:translate(0,40px);transform:translate(0,40px);-webkit-transition:all .5s;-o-transition:all .5s;transition:all .5s}
.search-alert .close{width:30px;height:30px;background:url(../img/close.png) no-repeat center center;position:absolute;top:38px;right:2.6%;cursor:pointer;-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
.search-alert .close::before{font-size:30px;top:0;left:0;color:#fff;-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
.search-alert .cent-form{position:absolute;width:94.8%;left:2.6%;top:50%;height:50px;margin-top:-63px;border-bottom:1px solid #515151;background:url(../img/search2.png) no-repeat center left}
.search-alert .cent-form:before{color:#fff;position:absolute;left:0;width:27px;height:28px;top:50%;margin-top:-25px}
.search-alert .cent-form .tex{border:0;font-size:40px;height:40px;line-height:40px;text-align:center;width:100%;color:#fff;background:0;padding-left:2rem;padding-right:3.5rem}
.search-alert .cent-form .sub-butn{border:0;height:40px;font-size:28px;line-height:40px;color:#555;text-align:right;background:0;position:absolute;right:0;top:0;text-align:center}
.search-alert{-webkit-transform-origin:bottom center;-ms-transform-origin:bottom center;transform-origin:bottom center;-webkit-transform:scaleY(0);-ms-transform:scaleY(0);transform:scaleY(0);-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;-o-transition:transform .3s;transition:transform .3s;transition:transform .3s, -webkit-transform .3s}
.search-alert.active{-webkit-transform-origin:top center;-ms-transform-origin:top center;transform-origin:top center;-webkit-transform:scaleY(1);-ms-transform:scaleY(1);transform:scaleY(1);-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;-o-transition:transform .3s;transition:transform .3s;transition:transform .3s, -webkit-transform .3s}
.cent-form{opacity:1;-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0);-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.h5search{width:100%;height:80px;background:#74003c;position:relative;display: none;}
.h5search_box{position:absolute;width:94.8%;left:2.6%;top:50%;height:50px;margin-top:-25px;}
.h5search .h5tex{border:0;font-size:20px;height:50px;line-height:50px;text-align:left;width:80%;color:#fff;background:0;padding-left:10px;}
.h5search_box input::-webkit-input-placeholder{color:#9b5e78 !important}input::-moz-placeholder{color:#9b5e78 !important}input:-moz-placeholder{color:#9b5e78 !important}input:-ms-input-placeholder{color:#9b5e78 !important}
.h5search .sub-butn{width:10%;height:50px;background:url(../img/search2.png) no-repeat center center;border: 0;}

.mask{position: absolute;left: -100%;top:-50%;width: 300px;height: 200%;opacity: .1;animation: mask 4s ease-in-out 0s infinite; background: linear-gradient(90deg, rgba(255,255,255,0), rgba(255,255,255,.8), rgba(255,255,255,0));transform:rotate(-45deg)}
@keyframes mask
{
0% { left:-100% }
30% { left:100%}
100% { left:100%}
}

.top_btn{width: 60px;position: fixed;bottom: 11%;right: 4%;z-index: 50;transition:all .5s;-moz-transition:all .5s;-webkit-transition:all .5s;-o-transition:all .5s;display: none;}
  .top_btn img{width: 100%;}
.nav_h5{display: none;}




.navSub_1{width:100%;background: url(../img/product5s/pic_1.jpg) #010101 no-repeat top center;background-size: 100%;padding-top: 30.3%;position: relative;}
.navSub_1 .crumb{position: absolute;bottom: 0;left: 0;width: 100%;display: flex;justify-content:space-between;flex-wrap: nowrap;height: 100%;}
.navSub_1 .navsub_box{width: 100%;text-align: center;border-right: 1px solid #4e4e4e;display: flex;justify-content:space-between;align-items:flex-end;cursor: pointer;}
.navSub_1 .navsub_box:nth-last-child(1){border: 0;}
.navSub_1 ul{width: 100%;text-align: center;transition:all .5s;-moz-transition:all .5s;-webkit-transition:all .5s;-o-transition:all .5s}
.navSub_1 ul li{display: inline-block;width: 100%;text-align: center;}
.navSub_1 .navsub_box ul li:nth-child(1){background: url(../img/product5s/icon_1.png) no-repeat;width: 50px;height: 50px;background-size: 200%;}
.navSub_1 .navsub_box ul li:nth-child(2){color: #fff;font-size: 24px;font-family: 'FZLTHJW'}
.navSub_1 .navsub_box ul li:nth-child(3){color: #fff;font-family: 'FZLTHJW';height: 0;overflow: hidden;transition:all .5s;-moz-transition:all .5s;-webkit-transition:all .5s;-o-transition:all .5s;opacity: 0;line-height: 1.5;padding-top: 20px;display: flex;justify-content:center;align-items:center;}
.navSub_1 .navsub_box ul li:nth-child(3) .navtext{display: inline-block;max-width: 96%;}
.navSub_1 .navsub_box ul li:nth-child(3) p{letter-spacing:2px;text-align: left;font-size: 16px;}
.navSub_1 .navsub_box ul li:nth-child(3) p span{width: 6px;height: 6px;background: #fff;border-radius: 1000px;display: inline-block;vertical-align: middle;margin-right: 6px;}
.navSub_1 .navsub_box ul li:nth-child(4){background: url(../img/product5s/Arrow1.png) no-repeat center center;height: 25px;margin-top: 10px;opacity: 0;transition:all .5s;-moz-transition:all .5s;-webkit-transition:all .5s;-o-transition:all .5s}
.navSub_1 .navsub_box:nth-child(1) ul li:nth-child(1){background-position: 0 0;}
.navSub_1 .navsub_box:nth-child(2) ul li:nth-child(1){background-position: 0 25%;}
.navSub_1 .navsub_box:nth-child(3) ul li:nth-child(1){background-position: 0 50%;}
.navSub_1 .navsub_box:nth-child(4) ul li:nth-child(1){background-position: 0 75%;}
.navSub_1 .navsub_box:nth-child(5) ul li:nth-child(1){background-position: 0 100%;}
/* .navSub_1 .navsub_box:nth-child(1):hover ul li:nth-child(1){background-position: 100% 0;}
.navSub_1 .navsub_box:nth-child(2):hover ul li:nth-child(1){background-position: 100% 25%;}
.navSub_1 .navsub_box:nth-child(3):hover ul li:nth-child(1){background-position: 100% 50%;}
.navSub_1 .navsub_box:nth-child(4):hover ul li:nth-child(1){background-position: 100% 75%;}
.navSub_1 .navsub_box:nth-child(5):hover ul li:nth-child(1){background-position: 100% 100%;}
.navSub_1 .navsub_box:hover ul li{color: #a9141b;} */
.navSub_1 .navsub_box:hover ul{transform: translateY(-30%);}
.navSub_1 .navsub_box:hover ul li:nth-child(4){opacity: 1;}
.navSub_1 .navsub_box:hover ul li:nth-child(3){height: 120px;color: #fff;opacity: 1;}

.navSub_2{width: 100%;height: 60px;background-color: #3d3d3d;}
.navSub_2>div{width: 100%;height: 60px;text-align: center;background-color: #78003C;top: 60px;left: 0;z-index: 999;transition:all 1s;-moz-transition:all 1s;-webkit-transition:all 1s;-o-transition:all 1s;}
.navSub_2 span{font-size: 16px;padding: 0 5%;line-height: 60px;display: inline-block;color: #fff;cursor: pointer;transition:all .3s;-moz-transition:all .3s;-webkit-transition:all .3s;-o-transition:all .3s;font-family: "FZLTZHJW";}

.navSub_2 span.on{background-color: #1a1a1a!important;}

.content_1{width: 100%;}
.content_1 .pic{width: 100%;background: url(../img/product5s/pic_2.jpg) no-repeat top center;padding-top: 31%;background-size: 100%;position: relative;}
.content_1 .pic .text{position: absolute;top: 50%;left: 67%;margin-top: -100px;}
.content_1 .pic .text span{display: block;color: #fff;}
.content_1 .pic .text span:nth-child(1){font-size: 48px;line-height: 80px;font-family: "FZLTZHJW";}
.content_1 .pic .text span:nth-child(2){font-size: 36px;line-height: 50px;font-family: 'FZLTXIHJW'}
.content_1 .performance{width: 100%;background-image: linear-gradient(#dbdbe0, #f8f9f9);;padding: 5% 0 8%;display: flex;justify-content:center;align-items:center;}
.content_1 .performance ul{width: 420px;margin: 0 60px;}

.content_1 .performance ul li img{width: 100%;-webkit-transition:.4s linear;-o-transition:.4s linear;transition:.4s linear;}
.content_1 .performance ul li img:hover{-webkit-transform:scale(1.1,1.1);-ms-transform:scale(1.1,1.1);transform:scale(1.1,1.1);}
.content_1 .performance ul li:nth-child(2) p{font-size: 30px;color: #2b2f36;text-align: center;font-family: 'FZLTHJW';white-space: nowrap;width: 100%;}
.content_1 .performance ul li:nth-child(2) span{font-size: 16px;color: #808080;text-align: center;line-height: 2;font-family: 'FZLTHJW';display: block;width: 76%;margin: 5% auto 0;}


.content_2{width: 100%;background-color: #3d3d3d;}
.content_2 .pic{width: 100%;background: url(../img/product5s/pic_3.jpg) no-repeat top center;padding-top: 31%;background-size: 100%;position: relative;}
.content_2 .pic .text{position: absolute;top: 50%;left: 60%;margin-top: -100px;}
.content_2 .pic .text span{display: block;color: #2a363e;}
.content_2 .pic .text span:nth-child(1){font-size: 48px;line-height: 80px;font-family: "FZLTZHJW";}
.content_2 .pic .text span:nth-child(2){font-size: 36px;line-height: 50px;font-family: 'FZLTXIHJW'}
.content_2 .security_1{width: 100%;background: #fff;padding: 7% 0 8%;}
.content_2 .security_1 .tit h1{width: 100%;text-align: center;color: #2b2f36;font-size: 30px;font-family: 'FZLTHJW';margin:0 0 20px 0;}
.content_2 .security_1 .tit span{color: #808080;width: 100%;text-align: center;font-size: 16px;font-family: 'FZLTHJW';display: inline-block;}
.content_2 .security_1 .list{width: 75%;margin: 4% auto 0;overflow: hidden;}
.content_2 .security_1 .list_box{width: 100%;margin: -4px 0 0 -1px;}
.content_2 .security_1 .list_cont{width:calc(25% - 4px);float: left;padding: 2% 0;border-top: 1px solid #e7e7e7;border-left: 1px solid #e7e7e7;}
.content_2 .security_1 .list_cont i{display: block;width: 100px;height:70px;margin: 0 auto;background: url(../img/product5s/icon_2.png) no-repeat;background-size: 1200%;}
.content_2 .security_1 .list_cont p{width: 100%;text-align: center;color: #999999;font-size: 18px;font-family: 'FZLTHJW';line-height: 2;}
.content_2 .security_1 .list_cont:nth-child(1) i{background-position: 0 0;}
.content_2 .security_1 .list_cont:nth-child(2) i{background-position: 9% 0;}
.content_2 .security_1 .list_cont:nth-child(3) i{background-position: 18% 0;}
.content_2 .security_1 .list_cont:nth-child(4) i{background-position: 27% 0;}
.content_2 .security_1 .list_cont:nth-child(5) i{background-position: 36% 0;}
.content_2 .security_1 .list_cont:nth-child(6) i{background-position: 45% 0;}
.content_2 .security_1 .list_cont:nth-child(7) i{background-position: 54% 0;}
.content_2 .security_1 .list_cont:nth-child(8) i{background-position: 63% 0;}
.content_2 .security_1 .list_cont:nth-child(9) i{background-position: 72% 0;}
.content_2 .security_1 .list_cont:nth-child(10) i{background-position: 81% 0;}
.content_2 .security_1 .list_cont:nth-child(11) i{background-position: 90% 0;}
.content_2 .security_1 .list_cont:nth-child(12) i{background-position: 100% 0;}
.content_2 .security_2>div{width: 50%;padding-top: 32.6%;float: left;position: relative;}
.content_2 .security_2 .cont_l{background: url(../img/product5s/pic_4.jpg)no-repeat top center;background-size: 100%;background-color: #676767}
.content_2 .security_2 .cont_r{background: url(../img/product5s/pic_5.jpg)no-repeat top center;background-size: 100%;background-color:#000}
.content_2 .security_2 .text{position: absolute;bottom: 7%;left: 0;width: 100%;}
.content_2 .security_2 .text h1{width: 100%;text-align: center;color: #fff;font-size: 30px;margin: 0;font-family: 'FZLTHJW'}
.content_2 .security_2 .text p{text-align: center;color: #c9c9c9;font-size: 16px;margin: 2% auto 0;font-family: 'FZLTHJW';line-height: 2.2;}
.content_2 .security_2 .cont_l .text p{width: 315px;}
.content_2 .security_2 .cont_r .text p{width: 315px;}

.content_3{width: 100%;}
.content_3 .pic{width: 100%;background: url(../img/product5s/pic_6.jpg) no-repeat top center;padding-top: 35%;background-size: 100%;position: relative;}
.content_3 .pic .text{position: absolute;top: 50%;right: 62%;margin-top: -100px;}
.content_3 .pic .text span{display: block;width: 100%;text-align: left;color: #2a363e;}
.content_3 .pic .text span:nth-child(1){font-size: 48px;line-height: 80px;font-family: "FZLTZHJW"}
.content_3 .pic .text span:nth-child(2){font-size: 36px;line-height: 50px;font-family: 'FZLTXIHJW';color: #777b7e;}
.content_3 .design{width: 100%;background-image: linear-gradient(#dbdbe0, #f8f9f9);;padding: 5% 0 8%;display: flex;justify-content:center;align-items:center;}
.content_3 .design ul{width: 23%;margin: 0 25px;}
.content_3 .design ul li{overflow: hidden;}
.content_3 .design ul li img{width: 100%;-webkit-transition:.4s linear;-o-transition:.4s linear;transition:.4s linear;}
.content_3 .design ul li img:hover{-webkit-transform:scale(1.1,1.1);-ms-transform:scale(1.1,1.1);transform:scale(1.1,1.1);}

.content_3 .design ul li:nth-child(2) p{font-size: 30px;color: #2b2f36;text-align: center;font-family: 'FZLTHJW';white-space: nowrap;width: 100%;margin-top: 8%;}
.content_3 .design ul li:nth-child(2) span{font-size: 16px;color: #808080;text-align: center;line-height: 2;font-family: 'FZLTHJW';display: block;width: 90%;margin: 5% auto 0;height: 64px;}

.content_4{width: 100%;background-color: #fff;}
.content_4 .pic{width: 100%;background: url(../img/product5s/pic_8.jpg) no-repeat top center;padding-top: 31%;background-size: 100%;position: relative;}
.content_4 .pic .text{position: absolute;top: 50%;left:59%;margin-top: -68px;}
.content_4 .pic .text span{display: block;color: #fff;}
.content_4 .pic .text span:nth-child(1){font-size: 48px;line-height: 80px;font-family: "FZLTZHJW";}
.content_4 .pic .text span:nth-child(2){font-size: 36px;line-height: 50px;font-family: 'FZLTXIHJW'}
.content_4 .technology{padding: 5% 0;width:65%;margin: 0 auto;}
.content_4 .technology_box1{width: 100%;display: flex;justify-content:space-between;align-items:center;}
.content_4 .technology_box2{width: 100%;display: flex;justify-content:space-between;align-items:center;margin: 2% 0;}
.content_4 .technology_box2:nth-child(2) .img{order:1;}
.content_4 .technology_box2:nth-child(2) .text{order:2;}
.content_4 .technology_box2 .text{width: 40%;padding-left: 15%;}
.content_4 .technology_box1 .text{width: 45%;padding-left: 5%;padding-right: 5%;}
.content_4 .technology .img{width: 45%;overflow: hidden;}
.content_4 .technology .img img{width: 100%;-webkit-transition:.4s linear;-o-transition:.4s linear;transition:.4s linear;}
.content_4 .technology .img img:hover{-webkit-transform:scale(1.1,1.1);-ms-transform:scale(1.1,1.1);transform:scale(1.1,1.1);}
.content_4 .technology .text h1{margin: 0 0 3% 0;font-size: 29px;color: #2b2f36;font-family: 'FZLTHJW'}
.content_4 .technology .text p{font-family: 'FZLTHJW';font-size: 16px;color: #808080;line-height: 2;}
.content_4 .h5text{display: none;}


.appointment{width: 100%;position: fixed;bottom: 0;left: 0;z-index: 999;display: none;}
.appointment_cont{width: 76%;padding:1% 12%;display: flex;justify-content:space-between;align-items:center;background-color: #f2f2f2;}
.appointment_cont div:nth-child(1){margin: 0;}
.appointment_cont div{white-space:nowrap;margin-left: 20px;}
.appointment_cont input{outline: none;border: 0;font-size: 14px;}
.appointment_cont select{outline: none;border: 0;padding:0 5px;width: 100%;font-size: 14px;background-color: #ffffff;-webkit-appearance: none;background: url("../img/product5s/drop-down.png") no-repeat right;background-size: 15px;}
.appointment_cont select option{padding: 0 10px;}
.appointment_cont .text{background: url(../img/product5s/appointment.png)no-repeat center left;height: 36px;padding-left:55px;line-height: 36px;font-size: 20px;color: #333333;font-family: 'FZLTHJW';}
.appointment_cont .name{height: 47px;padding: 0 20px;border-radius: 15px;background-color: #fff;flex: 1;}
.appointment_cont .name input{height: 47px;padding: 0;width:100%}
.appointment_cont .sex label{position: relative;}
.appointment_cont .sex #female{flex: 1;}
.appointment_cont .sex input{-webkit-appearance: none;appearance: none;margin-left: 36px;}
.appointment_cont .sex input[type="radio"] + label::before {
    content: "\a0"; /*不换行空格*/
    display: inline-block;
    vertical-align: middle;
    font-size: 18px;
    width: 18px;
    height: 18px;
    margin-right: .4em;
    border-radius: 50%;
    border: 1px solid #333333;
    text-indent: .15em;
    line-height: 1;
  position: absolute;
  left: -28px;
    top: 1px;
}
.appointment_cont .sex input[type="radio"]:checked + label::before {
    background-color: #333333;
    background-clip: content-box;
    padding: 5px;
  width: 8px;
    height: 8px;
}
.appointment_cont .province{height:47px;padding: 0 20px;border-radius: 15px;background-color: #fff;flex: 1;}
.appointment_cont .province select{height:47px;}
.appointment_cont .city{height:47px;padding: 0 20px;border-radius: 15px;background-color: #fff;flex: 1;}
.appointment_cont .city select{height:47px;}
.appointment_cont .distributor{height:47px;padding: 0 20px;border-radius: 15px;background-color: #fff;flex: 2;}
.appointment_cont .distributor select{height:47px;}
.appointment_cont .distributor,.appointment_cont .distributor select,.appointment_cont .province select,.appointment_cont .province,.appointment_cont .city,.appointment_cont .city select,.appointment_cont .name input,.appointment_cont .name{height:40px}
  .appointment_cont div{margin-left:8px}
#submit{width: 100px;height: 40px;background: #74003c;text-align: center;font-size: 16px;color: #fff;line-height: 40px;border-radius: 15px;}


.specs{width: 100%;background-color: #f7f7f7;padding: 6% 0;}
.specs h1{width: 100%;text-align: center;font-family: "FZLTZHJW";font-size: 30px;margin: 0;}
.specs .option{width: 76%;margin: 3% auto 1%;display: flex;justify-content:center;align-items:center;}
.specs .option li{float: left;margin:0 30px 20px 0;}
.specs .option li input{border: 2px solid #666666;-webkit-appearance: none;width: 14px;height: 14px;vertical-align: middle;margin: 0;position: relative; cursor: pointer;}
.specs .option li label{vertical-align: middle;font-size: 18px;color: #333333; cursor: pointer;font-family: "FZLTZHJW";}
.specs .option li input[type=checkbox]:checked::after{content:'';top:0;left:0;position:absolute;background:transparent;border:#666 solid 2px;border-top:0;border-right:0;height:5px;width:8px;-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}

.specs .describe{width: 76%;font-size: 14px;color: #999999;line-height: 2;font-family: 'FZLTHJW';margin: 5% auto 0;}
#download{display: none;font-size: 16px;color: #fff;line-height: 47px;border-radius: 15px;margin:3% auto 0;width: 180px;text-align: center;font-family: 'FZLTHJW';background-color: #74003c;}

.atlas{width: 100%;padding-bottom:6%;}
.atlas h1{font-size: 30px;width: 100%;text-align: center;color: #666666;font-family: "FZLTZHJW"; letter-spacing:5px;margin: 6% 0 3% 0;}
.atlas .swiper-container_4{width:92%;margin: 0 auto;}
.atlas .swiper-slide img{width: 100%;-webkit-transition:.4s linear;-o-transition:.4s linear;transition:.4s linear;}
.atlas .swiper-slide img:hover{-webkit-transform:scale(1.05,1.05);-ms-transform:scale(1.05,1.05);transform:scale(1.05,1.05);}
.swiper_box{position: relative;width:82%;margin: 0 auto;--swiper-theme-color: #bbbbbb;--swiper-navigation-color: #bbbbbb;}
.atlas .swiper-button-next,.atlas .swiper-button-prev {outline: none;}

.tabbtn_h5{display: none}
.specs form{width: 76%;margin: 0 auto;background-color: #fff}
.specs form td{height: 58px;text-align: center;color: #fff;font-size: 14px;line-height: 1.5;font-family: 'FZLTHJW';}
.tab_head table tr th,.tab_head table tr td { border-right:1px solid #8a2c53;border-top:1px solid #8a2c53; }
.specs form .tab_head{ border-right:2px solid #74003c;}
.specs form .model_public{width:100%;display: inline-block;}
.specs form .model_public td{color: #333333;}
.specs form tbody,.specs form tr,.specs form td,.specs form th{width:100%;display: inline-block}
.specs form td,.specs form th{width:100%;display: flex; justify-content:center;align-items:center;}
.specs form .model_public td{width:calc(100% - 3px);}
.model_public tr td{border-top:1px solid #d9d9d9;border-right:1px solid #d9d9d9;}
.tab_size .model_public tr:nth-child(1) th,.tab_size .model_public tr:nth-child(1) td{border-top:0;}
.specs form .tab_head .tab_div td{color: #fff;}
.specs form table{text-align: center; border-collapse: collapse;float: left;}
.specs form .list1{width:23%}
.specs form .list1 td{text-align: left;padding:2px 10px 0 30px;width: calc(100% - 40px); justify-content:flex-start;}
.specs form .tab_size .list1 td{color: #333333}
.specs form .tab_head{width: 100%;background-color: #74003c;}
.specs form .tab_div{width: 77%;float: left;}
.list1 tr th,.list1 tr td{ border-right:1px solid #d9d9d9;border-top:1px solid #d9d9d9;}
.list1 tr:nth-child(1) th,.list1 tr:nth-child(1) td{border-top:0;}
.specs form .tab_size{width: 100%;overflow: hidden;border-left: 1px solid #d9d9d9;border-right: 1px solid #d9d9d9;}
.specs form .tab_size .switch{width: calc(100% - 30px);height:58px;border-top: 1px solid #d9d9d9;border-bottom: 1px solid #d9d9d9;background-color: #ededed;color: #333333;line-height: 58px;padding-left: 30px;font-size: 14px;cursor: pointer;}
.specs form .tab_size .switch i{width:15px;height:15px;margin: 21px 35px 0 0;display: inline-block;float:right;transition:all .5s;-moz-transition:all .5s;-webkit-transition:all .5s;-o-transition:all .5s}
.specs form .tab_size .switch.on i{transform:rotate(180deg);}
.specs form .tab_size .switch i img{width:100%}
.specs form .tab_size .tab_cont{width: 100%;display: none}
.specs form .tab_public{width: 100%;}   
.tab_public tr th,.tab_public tr td{ border-top:1px solid #d9d9d9;}
.tab_public tr:nth-child(1) th,.tab_public tr:nth-child(1) td{ border-top:0;}
.specs form .tab_public tr:nth-last-child(1) td:nth-last-child(1){border-bottom:1px solid #d9d9d9;}
.specs form .tab_public td{color: #333333}
.specs form .tab_div_dis{display: flex;justify-content:space-between;align-items:center;float: left;}
.specs form .tab_div_dis .model_public:nth-last-child(1) td{border-right: 0}
.specs form .tab_100{width:100%}
.specs form .td_fix{display: flex;justify-content:flex-start;width:calc(100% + 2px);margin-left: -2px;height:100%;margin-top: -4px;}
.specs form .td_fix p{height:calc(100% + 4px);;align-items:center;display: flex; justify-content:center;align-items:center;}
.specs form .td_fix p:nth-child(2){border-left: 1px solid #d9d9d9;}
.specs form .tab_size:nth-last-child(1){border-bottom:1px solid #d9d9d9;}
.specs form .tab_td_0{border-bottom:0!important;}
.specs form td img{height:56px}

.specs_tab{width:76%;margin: 0 auto;}
.specs_tab .specs{padding: 0;}
.specs_tab .specs form{width: 100%;}

.layer{width: 100%;height: 100%;position: fixed;top: 0;left: 0;z-index:10991;background:rgba(0,0,0,0.8);display: none;}
  .car360_h5{position: fixed;top: 20%;left: 20%;z-index:10992;width: 60%;height: 60%;background: url(../img/bg2.jpg) no-repeat center center;background-size: 120%;display: none}
  .car360_h5 .colour{position: absolute;bottom: 12%;left: 0%;    width: 100%;
    text-align: center;
    margin-top: 50px;
    font-family: 'FZLTHJW';}
  .car360_h5 .threesixty{position: absolute!important;top:50%;left: 15%;width: 70%; padding-top: 40%;margin-top: -20%;}
  .ring {
    width: 100%;
    position: absolute;
    left: 0;
    display: none;
    -webkit-transform: translateY(20%);
    -ms-transform: translateY(20%);
    transform: translateY(20%);
    transition: 1s .8s;
    -moz-transition: 1s .8s;
    -webkit-transition: 1s .8s;
    -o-transition: 1s .8s;
}


.colour{width:100%;text-align: center;margin-top: 50px;font-family: 'FZLTHJW';}
.colour span{font-family: 'FZLTHJW';}
.colour ul{display:inline-block;transition:1s .6s;-moz-transition:1s .6s;-webkit-transition:1s .6s;-o-transition:1s .6s;font-family: 'FZLTHJW';}
.colour ul li{width:30px;height:30px;line-height:30px;text-align:center;display:inline-block;border-radius:15px;vertical-align:middle;margin-left:10px}
.colour ul li i{margin:3px;display:inline-block;border-radius:15px;width:23px;height:23px}
.colour ul li.on{background:transparent !important;width:29px;height:29px}
.colour ul li.code_1{background:#fff}
.colour ul li.code_2{background:#956e4a}
.colour ul li.code_3{background:#890d10}
.colour ul li.code_4{background:#0a4473}
.colour ul li.code_5{background:#181918}
.colour ul li.code_6{background:#434343}
.colour ul li.code_7{background:#d56d42}
.colour ul li.code_1.on{border:1px solid #fff}
.colour ul li.code_1.on i{background:#fff}
.colour ul li.code_2.on{border:1px solid #956e4a}
.colour ul li.code_2.on i{background:#956e4a}
.colour ul li.code_3.on{border:1px solid #890d10}
.colour ul li.code_3.on i{background:#890d10}
.colour ul li.code_4.on{border:1px solid #0a4473}
.colour ul li.code_4.on i{background:#0a4473}
.colour ul li.code_5.on{border:1px solid #181918}
.colour ul li.code_5.on i{background:#181918}
.colour ul li.code_6.on{border:1px solid #434343}
.colour ul li.code_6.on i{background:#434343}
.colour ul li.code_7.on{border:1px solid #d56d42}
.colour ul li.code_7.on i{background:#d56d42}
.colour .interior_box{display: inline-block;margin-left:20px;width: 11%;}
.colour .interior_box p{background:#74003c;font-size:14px;line-height:30px;border-radius:8px;display:inline-block;color:#fff;width: 100%;text-align: center;}
  .car360_h5 .ring{bottom: 17%;}
  .car360_h5 .ring img{width: 100%;}
  .car360_h5 .layer_btn{position:absolute;top: 18%;left:6%;width:50%;z-index: 50}
  .car360_h5 .layer_btn div{width:13.8% ;padding-top: 15.6%;display: inline-block;margin: 0 3%;}
  .car360_h5 .layer_btn .layer_btn_360{background: url(../img/carbtn_3.png) no-repeat center center;background-size: 100%;}
  .car360_h5 .layer_btn .layer_btn_panorama{background: url(../img/carbtn_2.png) no-repeat center center;background-size: 100%;}
  .car360_h5 .car360_close{width: 3%;padding:3%;background: url(../common/close2.png) no-repeat center center;background-size: 30%;position: absolute;top: 8%;right:3%;z-index: 50;}
  .container-fluid {width: 100%;}
  .car360_h5 .threesixty {
    position: absolute!important;
    top: 50%;
    left: 15%;
    width: 70%;
    padding-top: 40%;
    margin-top: -20%;
  overflow: hidden;
}
.threesixty .spinner{width:60px;display:block;height:30px;background:#333;background:rgba(0,0,0,0.7);border-radius:5px;position:absolute;top:50%;left:50%;margin:-15px 0 0 -30px;z-index:9}
.threesixty .threesixty_images{display:none;list-style:none;margin:0}
.threesixty .threesixty_images img.previous-image{visibility:hidden;width:0}
.threesixty .threesixty_images img{position:absolute;top:0;width:100%;height:auto}
.threesixty .spinner span{font-family:Arial,"MS Trebuchet",sans-serif;font-size:12px;font-weight:bolder;color:#FFF;text-align:center;line-height:30px;display:block}
.threesixty_images li{width:100%}

.car360_h5 .car_pic{width: 60%;margin: 3% auto 0;}
.car360_h5 .car_pic img{width: 100%;}

.Interior{width: 100%;height: 100%;position: fixed;top: 0;left: 0;z-index:10993;display: none;}
.Interior_close{position: absolute;top:0%;right: 0%;z-index: 50;width:40px;padding: 3%;}
.Interior_close img{width: 100%;}
.Interior .layer_btn{position:absolute;top: 8%;left:6%;width:50%;z-index: 50}
  .Interior .layer_btn div{width:13.8% ;padding-top: 15.6%;display: inline-block;margin: 0 3%;}
  .Interior .layer_btn .layer_btn_360{background: url(../img/carbtn_3.png) no-repeat center center;background-size: 100%;}
  .Interior .layer_btn .layer_btn_panorama{background: url(../img/carbtn_2.png) no-repeat center center;background-size: 100%;}

aside.turnBoxPortrait{ position:fixed; left:0; top:0; width:100%; height:100%; background:#000; z-index:10999; display: none;}
aside.turnBoxPortrait .phone_box{width: 40%;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
aside.turnBoxPortrait .phone{ width:30%; margin:0% auto; animation: turnPhone 3.2s linear infinite both; position: relative;}
aside.turnBoxPortrait .phone img{ width: 100%; }
aside.turnBoxPortrait .phone i{ position: absolute; left: 50%; top: 50%; width:40%;margin-top: -20%;margin-left: -20%; padding-top: 37%;background-size: 100%;background-repeat: no-repeat;}
aside.turnBoxPortrait .phone i.yes{ background-image: url(../common/turn_no.png); opacity: 0; animation: turnYes 3.2s linear infinite both;}
aside.turnBoxPortrait .phone i.no{ background-image: url(../common/turn_yes.png); opacity: 0; animation: turnNo 3.2s linear infinite both;}
aside.turnBoxPortrait .phone_box p{ text-align:center; font-size:4vw; color:rgba(255,255,255,0.65); margin-top: 5%;}
aside.turnBoxPortrait .turnBoxPortrait_close{width: 5%;padding-top: 5%;background: url(../common/close.png) no-repeat;background-size: 100%;position: absolute;top:2%;right: 2%;}
@-webkit-keyframes turnPhone{
  0%{ transform: rotate(-90deg); }
  35%{ transform: rotate(-90deg);}
  50%{transform: rotate(0deg);}
  85%{transform: rotate(0deg);}
  100%{ transform: rotate(-90deg);}
}

@-webkit-keyframes turnYes{
  0%{ transform: scale(0); opacity: 0;}
  50%{ transform: scale(0); opacity: 0;}
  54%{ transform: scale(1.15); opacity: 1;}
  58%{ transform: scale(0.85); opacity: 1;}
  62%{ transform: scale(1); opacity: 1;}
  80%{ transform: scale(1); opacity: 1;}
  85%{ transform: scale(0); opacity: 0;}
  100%{ transform: scale(0); opacity: 0;}
}

@-webkit-keyframes turnNo{
  0%{ transform: scale(0); opacity: 0;}
  4%{ transform: scale(1.15); opacity: 1;}
  8%{ transform: scale(0.85); opacity: 1;}
  12%{ transform: scale(1); opacity: 1;}
  30%{ transform: scale(1); opacity: 1;}
  35%{ transform: scale(0); opacity: 0;}
  100%{ transform: scale(0); opacity: 0;}
}
@media only screen and (max-width: 1600px){
  footer .menu_footer{margin-right: 120px;}
  footer .menu_footer3{margin-right: 0;}
  
}
@media only screen and (max-width: 1500px){
  .content_2 .security_2>div{padding-top: 36.6%;}
  footer .menu_footer{width: 175px;}
  footer .copyright div{float: left!important;text-align: left;}
  footer .copyright div a{margin: 0 20px 0 0;}
  .appointment_cont{width: 96%; padding: 1% 2%;}
  .appointment_cont .text{font-size: 16px;padding-left: 43px;}
  .appointment_cont div{font-size: 16px}
  .appointment_cont .name{width:80px}
  .content_3 .design ul li:nth-child(2) p{font-size: 26px;}
  .content_3 .design ul li:nth-child(2) span{font-size: 14px;}
/* 导航高度 */
/*  header {height:60px;background-size:6%}
  header .menu,header .menu_2{line-height:60px}
  header .menu_3{margin-top: 4px}
  .navSub_2{height:60px}
  .navSub_2 span{line-height: 60px}
  .navSub_1{padding-top: 30.3%;}
  .navSub_2>div{height:60px}
  .banner{margin-top:60px}
  .Side_bar{-webkit-transform: scale(.85);-ms-transform: scale(.85);transform: scale(.85);}
  .appointment_cont .distributor,.appointment_cont .distributor select,.appointment_cont .province select,.appointment_cont .province,.appointment_cont .city,.appointment_cont .city select,.appointment_cont .name input,.appointment_cont .name{height:40px}
  .appointment_cont div{margin-left:8px}
  #submit{width: 100px;height: 40px;line-height: 40px} */
}
@media only screen and (max-width: 1400px){
.specs_tab{width: 92%;}
.specs form{width:92%}
.specs .option{width:92%}
.navSub_1 .navsub_box ul li:nth-child(1){width: 40px;height: 40px;}
.navSub_1 .navsub_box ul li:nth-child(2){font-size: 20px;}
.navSub_1 .navsub_box ul li:nth-child(3) p{font-size: 14px;}
.navSub_1 .navsub_box:hover ul li:nth-child(3){height: 105px;color: #fff;opacity: 1;}
}
@media only screen and (max-width: 1280px){
  .content_3 .design ul li:nth-child(2) p{font-size: 20px;}
  .ctn_1{-webkit-transform: scale(.6);-ms-transform: scale(.6);transform: scale(.6);}
  #wrapper .bg_box2{height:600px;}
  .submenu_box .h5search{display: block;}
  footer .menu_footer{display: none;}
  footer{padding: 10% 5%;}
  footer .logo_footer{position: static;width: 85px;margin:0 5% 0 0;}
  footer .logo_footer img{width: 100%;}
  footer .btn_box{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;}
  footer .menu_footer2 h1{margin: 0 0 20% 0;}
  footer hr{margin-bottom: 2%;}
  footer .copyright div{margin-top: 2%;}
  footer .menu_footer2 .icon{width: 190px;}
  header .num_1{display: none;}
  header .menu_btn{display: block;}
  header .submenu_1 .submenu_box{-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}
  header .tab{width: 100%;padding-top:16%; background: url(../img/navh5_bg.jpg) no-repeat;background-size: 200% 100%;height: 0;position: relative;}
  header .tab li{width: 50%;display: block;float: left;font-size: 30px;position: absolute;top:0%;left: 0;bottom: 0;}
  header .tab li:nth-child(2){left: 50%;}
  header .tab li span{position: absolute;top: 50%;left: 0%;line-height: 30px;margin-top: -15px;width: 100%;text-align: center;}
  header .tab li.on i{width: 0;height: 0;border: 8px solid;border-color: transparent transparent #fff;bottom: 0;margin-top: 0;top: auto;right: 50%;margin-right: -8px;}
  header .nav_main .swiper-container .swiper-slide .box{width: 100%;height: 100%;background: url(../img/Arrowh5_2.png) center right no-repeat;display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-pack:start; -ms-flex-pack:start; justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
  header .nav_main .img{width: 38%;float: left;height: 100%;margin:0 11%;}
  header .nav_main h1{margin-top: 6%;}
  header .nav_main h1,header .nav_main h2{text-align: left;}
  header .nav_main .img img{height: 100%;-o-object-fit: contain;object-fit: contain;width: 100%;}
  header .nav_main .button{display: none;}
  header .nav_main .swiper-container .swiper-slide .box .box_txt{width: 40%;}
  .content_1 .performance ul{width: 430px;margin: 0 50px;}
  .content_1 .performance ul li:nth-child(2) p{font-size: 28px;}
  .content_1 .performance ul li:nth-child(2) span{font-size: 14px;width:87%}
  .content_2 .security_1 .list{width: 85%;}
  .content_2 .security_1 .list_cont p{font-size: 14px;}
  .content_2 .security_2 .text h1{font-size: 26px;}
  .content_2 .security_2 .cont_l .text p{font-size:14px;}
  .content_3 .design ul li:nth-child(2) span{font-size: 14px;width:87%}
  .content_4 .technology .text h1{font-size: 26px;}
  .content_4 .technology .text p{font-size: 14px;}
  .specs .option{width: 90%;}
  .specs .describe{width: 90%;}
  .swiper_box{--swiper-navigation-size: 30px;}
  .content_1 .pic .text span:nth-child(1),.content_2 .pic .text span:nth-child(1),.content_3 .pic .text span:nth-child(1),.content_4 .pic .text span:nth-child(1){font-size: 40px;}
  .content_1 .pic .text span:nth-child(2),.content_2 .pic .text span:nth-child(2),.content_3 .pic .text span:nth-child(2),.content_4 .pic .text span:nth-child(2){font-size: 28px;}
  
  .swiper-container_3 .swiper-slide{height: 23%;}
  .swiper-container_2 .swiper-slide{height: 23%;}
  .swiper-container_3 .swiper-button-next,.swiper-container_3 .swiper-button-prev{display:none;pointer-events:auto}
  .swiper-container_2 .swiper-button-next,.swiper-container_2 .swiper-button-prev{display:none;pointer-events:auto}    
}
@media only screen and (max-width: 1024px){
  .navSub_1 .navsub_box ul li:nth-child(1){width: 40px;height: 40px;}
  .navSub_1 .navsub_box ul li:nth-child(2){font-size: 16px;}
  .navSub_2 span{font-size: 14px;}
  .content_2 .security_2 .cont_l .text p{width: 92%;}
  .content_2 .security_2 .text p{font-size: 12px;}
  .content_2 .security_2 .text{bottom: 2%;}
  .content_3 .pic .text{bottom: 2%;}
  .content_1 .pic .text,.content_2 .pic .text,.content_3 .pic .text,.content_4 .pic .text{margin-top:-70px}
  .content_1 .pic .text span:nth-child(1),.content_2 .pic .text span:nth-child(1),.content_3 .pic .text span:nth-child(1),.content_4 .pic .text span:nth-child(1){font-size: 32px;line-height: 50px;}
  .content_1 .pic .text span:nth-child(2),.content_2 .pic .text span:nth-child(2),.content_3 .pic .text span:nth-child(2),.content_4 .pic .text span:nth-child(2){font-size: 20px;}
  .content_4 .technology .text h1{font-size: 22px;}
  .content_4 .technology .text p{font-size: 12px;}
  .specs h1,.atlas h1{font-size: 26px;}
  .specs .option li label{font-size: 14px;}
  .swiper_box{--swiper-navigation-size: 26px;}
  .navSub_1 .navsub_box ul li:nth-child(3) p{font-size: 12px;}
	.navSub_1 .navsub_box:hover ul li:nth-child(3){height: 90px;color: #fff;opacity: 1;}
  

}




@media only screen and (max-width: 900px){
  header .c_logo{width: 15%;margin-left: -7%;}
  .banner .banimg_1{width: 94%;left: 3%; bottom: 8%;}
  .banner .banimg_2{width:15%}
  footer .copyright div{font-size: 2.4vw;}
  footer .copyright div:nth-child(2){width: 88%;}
  /* 底部调整 */
  footer .menu_footer_new{margin-top: 10%;}
  footer .menu_footer_new a{width: 20%;margin: 0;float: left;font-size: 2.4vw;text-align: center;}
  footer hr{width: 110%;margin-left: -5%;}
  footer{padding: 10% 5% 20%;}


  footer .menu_footer2 .icon a{font-size: 2.4vw;}
  footer .menu_footer2 p{font-size: 3.3vw;}
  footer .menu_footer2 h1{font-size: 6vw;}
  footer .logo_footer{width: 19%;}
  footer .menu_footer2{width: 56%;}
  
  .navSub_1{display: none;}
  .submenu_bg{width: 100%;height: 100%;background: #000;position: fixed;top: 60px;bottom: 0;left: 0;right: 0;}
  .Interior_close{position: absolute;top:0%;right: 0%;z-index: 50;width: 5%;padding: 5%;}
  .Side_bar{display: none;}
  .banner .sw_pc{display: none;}
  .banner .sw_h5{display: block;width: 100%;height: 100%;}
  .banner{margin-top: 60px;}
  header{background: url(../img/h5_logo.png) center center no-repeat #fff;background-size: 10%;height: 60px;}
  header .menu{background:url('');line-height: 60px;}
  header .menu .switch{width: 11px;height: 11px;margin-left: 8px;position: relative;display: block;float: left;margin-top: 20px;}
  header .menu .switch i {
    width: 11px;
    height: 1px;
    background-color: #333333;
    display: inline-block;
    position: absolute;
    left: 0;
    top: 8px;
    transition: .3s;
  }
  header .menu_btn{margin-top: 20px;}
  header .menu_btn.on{margin-top: 26px;}
  header .menu .switch.on i:nth-child(2) {
    transform: rotate(90deg);
  }
  .ctn_2 .Slide .Slide_bg{-webkit-transform: translate(-57%,-50%);-ms-transform: translate(-57%,-50%);transform: translate(-57%,-50%);}
  header .menu_list{top:60px}
  header .menu a{float: left;}
  .banner{--swiper-navigation-size: 30px;}
  .banner .swiper-pagination-bullet{width:5%;margin: 0 1.5%!important;}
  .top_btn{width: 10%;position: fixed;bottom: 11%;right: 4%;z-index: 50;transition:all .5s;-moz-transition:all .5s;-webkit-transition:all .5s;-o-transition:all .5s}
  .top_btn img{width: 100%;}
  .content_1 .pic{background: url(../img/product5s/pich5_2.jpg) no-repeat top center;padding-top:113%;background-size: 100%;}
  .content_2 .pic{background: url(../img/product5s/pich5_3.jpg) no-repeat top center;padding-top:113%;background-size: 100%;}
  .content_3 .pic{background: url(../img/product5s/pich5_6.jpg) no-repeat top center;padding-top:113%;background-size: 100%;}
  .content_4 .pic{background: url(../img/product5s/pich5_8.jpg) no-repeat top center;padding-top:113%;background-size: 100%;}
  .content_1 .pic .text span{color: #343434;}
  .content_3 .pic .text span{color: #fff;}
  .content_3 .pic .text span:nth-child(2){color: #fff;}
  .navSub_2 span{font-size: 2.9vw;}
  .navSub_2>div{display: flex;justify-content:space-around;align-items:center;flex-wrap: wrap;}
  .navSub_2 span{padding: 0;width: 16%;white-space:nowrap;}
  .nav_h5{width: 100%;position: fixed;bottom: 0;left: 0;z-index: 999;background: #000;padding: 2% 0;display: block;transition:1s;-moz-transition:1s;-webkit-transition:1s;-o-transition:1s}
  .nav_h5 ul{display: flex;justify-content:space-between;align-items:center;width: 100%;}
  .nav_h5 ul li{width: 20%;}
  .nav_h5 ul li p{background: url(../img/nav_icon.png) no-repeat;background-size: 600%;margin: 0 auto;width: 34%;padding-top: 34%;}
  .nav_h5 ul li span{width: 100%;text-align: center;font-size: 2.66vw;line-height: 1.5;color: #fff;display: inline-block;}
  .nav_h5 ul li:nth-child(1) p{background-position: 0 0;}
  .nav_h5 ul li:nth-child(2) p{background-position: 20% 0;}
  .nav_h5 ul li:nth-child(3) p{background-position: 40% 0;}
  .nav_h5 ul li:nth-child(4) p{background-position: 60% 0;}
  .nav_h5 ul li:nth-child(5) p{background-position: 80% 0;}
  .nav_h5 ul li:nth-child(6) p{background-position: 100% 0;}
  .content_1 .pic .text, .content_2 .pic .text, .content_4 .pic .text{margin-top: 0;left: 0;top: 11%;width: 100%;}
  .content_3 .pic .text{margin-top: 0;left: 0;bottom: 12%;width: 100%;top:auto}
  .content_4 .pic .text span{color: #2a363e;}
  .content_1 .pic .text span:nth-child(1),.content_2 .pic .text span:nth-child(1),.content_3 .pic .text span:nth-child(1),.content_4 .pic .text span:nth-child(1){font-size:6.4vw;line-height: 1.5;width: 100%;text-align: center;}
  .content_1 .pic .text span:nth-child(2),.content_2 .pic .text span:nth-child(2),.content_3 .pic .text span:nth-child(2),.content_4 .pic .text span:nth-child(2){font-size:4.8vw;width: 100%;text-align: center;margin-top: 2%;}
  .content_1 .performance{flex-direction: column;}
  .content_1 .performance ul{width: 100%;display: flex;justify-content:space-between;align-items:center;}
  .content_1 .performance ul li:nth-child(1){width: 40%;}
  .content_1 .performance ul li:nth-child(2){width: 55%;padding-right: 5%;}
  .content_1 .performance ul li:nth-child(2) p{text-align: left;font-size: 4vw;}
  .content_1 .performance ul li:nth-child(2) span{text-align: left;font-size: 2.66vw;}
  .content_2 .security_1 .tit h1{font-size: 4vw;margin:0 0 3% 0}
  .content_2 .security_1 .tit span{font-size: 2.66vw;}
  .content_2 .security_1 .list{width: 92%;}
  .content_2 .security_1 .list_cont{width: calc(33.33% - 1px);}
  .content_2 .security_1 .list_cont i{width: 40%;padding-top: 30%;height: 0;}
  .content_2 .security_1 .list_cont p{font-size: 2vw;white-space:nowrap;}
  .content_2 .security_2>div{padding-top: 89%;}
  .content_2 .security_2 .text{bottom: auto;top: 52%;}
  .content_2 .security_2 .cont_l{background: url(../img/product5s/pich5_4.jpg)no-repeat top center;background-size: 100%;}
  .content_2 .security_2 .cont_r{background: url(../img/product5s/pich5_5.jpg)no-repeat top center;background-size: 100%;}
  .content_2 .security_2 .text h1{font-size: 4vw;}
  .content_2 .security_2 .cont_l .text p,.content_2 .security_2 .cont_r .text p{font-size: 2.66vw;width: 67%;text-align: justify;}
  .content_4 .technology{width: 92%;}
  .content_4 .technology_box2{margin: 8% 0;}
  .content_4 .technology_box1 .text{padding-left:0}
  .content_4 .technology .text h1{font-size: 4vw;}
  .content_4 .technology .text.h5text2 p{display: none;}
  .content_4 .technology .text p{font-size: 2.66vw;}
  .content_4 .h5text{display: block;font-family: 'FZLTHJW';font-size:2.66vw;color: #808080;line-height: 2;margin-top: 1%;}
  .content_4 .technology_box2:nth-child(2) .text{width: 50%;padding-left: 5%;}
  .specs h1, .atlas h1{font-size: 4.8vw;}
  .specs .option{display: none;}
  .specs .describe{font-size: 2.5vw;text-align: justify;}
  .specs .describe p{margin-bottom: 2%;}
  #download{font-size: 3.2vw;width: 28%;line-height: 2;}
  .swiper_box{width: 100%;}
  .swiper_box{--swiper-navigation-size:3.4vw;}
  .swiper-button-prev, .swiper-container-rtl .swiper-button-next{left: 1%;}
  .swiper-button-next, .swiper-container-rtl .swiper-button-prev{right: 1%;}
  .appointment{width:100%;position: static;display: block;background-color: #f2f2f2;}
  .appointment_cont{width: 94%;margin: 0 auto; padding: 8% 0;display: block;}
  .appointment_cont>div{width: calc(100% - 40px);;margin:0 auto 4%;float: left;margin-right: 5px;}
  .appointment_cont .text{text-align: center;background: url('');font-size: 4.8vw;color: #666666;line-height: 1.5;height: auto;margin-bottom: 4%!important;padding: 0;width: 100%;}
  .appointment_cont .name input{width: 100%;}
  .appointment_cont .distributor{margin-bottom: 8%;}
  #submit{width: 26%;height: auto;font-size: 3.2vw;line-height: 2.6;margin-left: 37%;}
  .appointment_cont .name{width: 40%;}
  .appointment_cont .sex{width: 40%;height: 47px;line-height: 38px;float: right;}
  .appointment_cont .sex #female{margin-left: 22%;}
  .content_3 .design {}
  .content_3 .design{flex-direction: column;}
  .content_3 .design ul{width: 100%;display: flex;justify-content:space-between;align-items:center;margin-top: 4%;}
  .content_3 .design ul li:nth-child(1){width: 40%;padding-left: 5%;}
  .content_3 .design ul li:nth-child(2){width: 55%;}
  .content_3 .design ul li:nth-child(2) p{text-align: left;font-size: 4vw;width: 87%;margin: 0 auto;}
  .content_3 .design ul li:nth-child(2) span{text-align: left;font-size: 2.66vw;height: auto;}

  .tabbtn_h5{width:100%;background-color: #74003c; border-right: 2px solid #74003c;display: block;margin-top: 3%;}
  .tabbtn_h5 p{font-size: 14px;line-height: 58px;color:#fff;padding-left: 20px;display: inline-block;background: url(../img/product5s/Arrow3.png) no-repeat center right;padding-right: 20px;background-size: 15%}
.model_1{display: table;}
.specs form .model_2,.specs form .model_3,.specs form .model_4{display: none}
.td_fix2,.td_fix1{width: calc(100% - 30px);padding: 0 15px;}
.specs form .tab_div td, .specs form .tab_div th{width: calc(100% - 30px)!important;padding:2px 15px 0 15px;}
.specs form .list1{width:40%}
.specs form .tab_div{width:60%}
.specs form .tab_head .tab_div .model_public tr:nth-child(1) td:nth-child(1){border-top:1px solid #74003c}

  /* 底部导航样式 */
  footer .logo_footer{margin: 0 19% 0 0;}

  .specs_tab .specs form td{height: 38px;font-size: 2.4vw;}

  .car360_h5{position: fixed;top:0;left: 0;z-index:10992;width: 100%;height: 100%;background: url(../img/bg2.jpg) no-repeat center center;background-size: 120%;display: none}
  .car360_h5 .colour{bottom: 3%;}
  .car360_h5 .car_pic{margin: 4% auto 0;}
  .Interior_close{position: absolute;top:0%;right: 0%;z-index: 50;width: 5%;padding: 5%;}
}
@media only screen and (max-width: 820px){
  header .nav_main h1{font-size: 4vw;}
  header .nav_main h2{font-size: 4.5vw;}
  header .nav_main .img{margin: 0 6%;}
  header .tab li span{font-size:4vw}
}
@media only screen and (max-width:768px){
  header{background-size: 15%;}
  .tabbtn_h5 p{font-size: 2.6vw;}
  .specs form td{font-size: 2.8vw;}
  .model_public tr td{border-right:0}
}
@media only screen and (max-width: 460px){
footer{padding: 10% 5% 25%;}
}
@media only screen and (max-width: 414px){
  header{background-size: 20%;}
  footer .logo_footer{width:66px}
  footer .menu_footer2{width:190px}
  footer .menu_footer2 h1{margin:0 0 15% 0;}
  footer .menu_footer2 .icon{width:140px}
  footer .menu_footer2 .icon a img{height:20px}

  header .menu_list .menu_inx h2 img{width: 20px;}
  header .menu_list .menu_inx h2 span{right: 8%;}
  .ctn_1 .menu_lf .ts{display: none;}
  .Start #title{top: 26%!important;}
  .navSub_2{height: 40px;}
  .navSub_2>div{height: 40px;}
  .navSub_2 span{line-height: 40px;}
}

.Side_bar li a{ color: #fff; }
.ctn_2 .describe .View a{color: #fff;}
.diy-btn{cursor: pointer;}
.picker{ z-index: 1000!important; }