* {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: ; } @font-face { font-family: "fzlthjw"; src: ; } @font-face { font-family: "fzltzchjw"; src: ; } @font-face {font-family: "iconfont"; src: ; /* ie9 */ src: format('embedded-opentype'), /* ie6-ie8 */ format('woff'), format('truetype'), /* chrome, firefox, opera, safari, android, ios 4.2 */ format('svg'); /* ios 4.1- */ } .iconfont { font-family: "iconfont" !important; font-size: 16px; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-dianzan:before { content: "\e60c"; } .icon-zhuanfa:before { content: "\e627"; } .icon-eye:before { content: "\e612"; } h1, h2, h3, h4, h5, h6 {font-weight: normal;} .fl{float: left;} .fr{float: right;} body{ -webkit-tap-highlight-color:rgba(0,0,0,0); } header{width: 90%;height: 60px;position: absolute;top: -60px;left: 0;padding: 0 5%;font-family: 'fzltxihjw';font-size: 16px;background: url(/uploads/image/cimg/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: 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(/uploads/image/cimg/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(/uploads/image/cimg/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(/uploads/image/cimg/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(/uploads/image/cimg/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} 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(/uploads/image/cimg/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; text-align: center;} header .nav_main .button a{color: #fff;background: #454545;padding: 0 38px;line-height: 47px;font-size: 14px;display: inline-block;} 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:70px;line-height:70px;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:60px;line-height:60px;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: ;margin: 0 0 0 5%;} header .menu .switch{display: none;} .ctn_1 .car_h5{display: none;} .ctn_1 .text li a{color: #787c8d;} .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(/uploads/image/cimg/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;} /*en*/ .enbody .side_bar li:nth-child(1) i{background-position: -240px 0;} .enbody .side_bar li:nth-child(2) i{background-position: -300px 0;} /*.en*/ .banner{margin-top:60px;width: 100%;} .banner .bannerimg{-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:15s linear;-o-transition:15s linear;transition:15s 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: 5px;opacity: .3;border-radius: 0;background-color: #fff;margin: 0 14px!important;} .banner .swiper-pagination-bullet-active{opacity: 1;} .banner .title{width: 22%;position: absolute;top: 17%;left: 50%;margin-left: -11%;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 .sw_pc{display: block;width: 100%;height: 100%;} .banner .sw_h5{display: none;} .banner .sw_h5 img{width: 100%;} .banner .text{width: 26%;position: absolute;top:34%;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 .bannerimg{-webkit-transform:scale(1,1);-ms-transform:scale(1,1);transform:scale(1,1);width: 100%;height: 100%;object-fit: cover} .banner .b3_text{width: 496px;position: absolute;bottom: 6%;left: 2%;} .banner .b4_text1{width: 492px;position: absolute;bottom: 6%;left: 2%;} .banner .b4_text2{width: 718;position: absolute;bottom: 9%;right: 2%;} .banner .b8_text{width: 492px;position: absolute;bottom: 6%;left: 2%;} .banner_tel{width: 100%;position: absolute;bottom: 7%;left: 0} .ctn_2 .describe .describe_h5{display: none;} .banner_tel{width: 100%;position: absolute;bottom: 7%;left: 0} .banner_video{width: 100%;height: 100%;} .banner_video video{width: 100%;height: 100%; object-fit: cover;} .video-js-box{ position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.9) none repeat scroll 0% 0%; z-index: 9992;display: none; } .video-js-box .btn_close { position: absolute; top: 15px; right: 15px; display: block; width: 40px; height: 40px; background: center center no-repeat; background-size: 40px auto; opacity: 1;filter: alpha(opacity=100) } .video-js-box .btn_close:hover { opacity: 0.7; filter: alpha(opacity=70); } .video-js { position: absolute; width:70%; left: 50%; top: 50%;transform: translate(-50%,-50%); } @media only screen and (max-width:768px){ .video-js{width:90%} } .play_icon{display: inline-block;width: 20%;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);pointer-events: none;} .steps_anim{width: 100%;} .svg_img { width: 100%; height:100%; background: url(/uploads/image/cimg/myvideo3.jpg) 0 0 no-repeat; background-size: 3500%; animation: step 3.3s steps(35) infinite; } @keyframes step { 100% { background-position: -28000px 0; } } 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_footer a:hover{color: #fff;} 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 .copyright div a:hover{color: #fff;} 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;} footer .menu_footer_new a:hover{color: #fff;} .hide{display: none;} #preview{ display: none; } @media only screen and (max-width: 1700px){ .ctn_1{-webkit-transform: scale(.9);-ms-transform: scale(.9);transform: scale(.9);} #wrapper .bg_box2{height:900px;} .ctn_2 .slide{height: 676px;padding-top: 0!important;} } @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){ .ctn_1{-webkit-transform: scale(.8);-ms-transform: scale(.8);transform: scale(.8);} #wrapper .bg_box2{height:800px;} footer .menu_footer{width: 175px;} footer .copyright div{float: left!important;text-align: left;} footer .copyright div a{margin: 0 20px 0 0;} /* 导航高度 */ header {height:60px;} header .menu,header .menu_2{line-height:60px} .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){ .ctn_1{-webkit-transform: scale(.7);-ms-transform: scale(.7);transform: scale(.7);} #wrapper .bg_box2{height:700px;} } @media only screen and (max-width: 1280px){ .side_bar{display: none;} .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(/uploads/image/cimg/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: 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%;} } input{outline:none;} .interior .layer_btn{display: 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(/uploads/image/cimg/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:40%;left:30%;top:50%;height:50px;margin-top:-63px;border-bottom:1px solid #515151;background:url(/uploads/image/cimg/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:24px;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:22px;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} .hot_search{width:calc(100% - 80px);background-color: #fff;border-radius: 10px;position: absolute;top: 80px;left: 0;padding: 30px 40px;} .hot_search i{display: inline-block;font-size: 18px;color: #999999;font-style:normal;} .hot_search ul{width: 100%;height: 200px;overflow-y: scroll;} .hot_search ul li{width: 100%;display: inline-block;font-size: 18px;color: #454545;margin-top: 20px;line-height: 20px;} .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(/uploads/image/cimg/search2.png) no-repeat center center;border: 0;} .ctn_1{width:1920px;height: 1080px;background: url(/uploads/image/cimg/bg2.jpg);position: absolute;top: 0;left: 50%; margin-left: -960px;transform-origin:50% 0} .ctn_1 .menu_lf{width: 470px;height: 900px;float: left;margin-top: 90px;background: url(/uploads/image/cimg/pic_1.png);display: none;opacity: 0;transition: 1.5s;-moz-transition: 1.5s;-webkit-transition: 1.5s;-o-transition: 1.5s;position: relative;font-family: 'fzlthjw';} .ctn_1 .menu_rt{width: 474px;height: 1080px;background: url(/uploads/image/cimg/pic_2.png);position: absolute;right: 0;top: 0;z-index: 50;pointer-events: none;display: none;opacity: 0;transition: 1.5s;-moz-transition: 1.5s;-webkit-transition: 1.5s;-o-transition: 1.5s} .ctn_1 .swiper-container_4{width: 100%;margin:145px 0 0 121px;height: 600px;} .ctn_1 .swiper-container_4 .meu_5{-webkit-transform: translatex(-100%);-ms-transform: translatex(-100%);transform: translatex(-100%);opacity: 0;transition:1s;-moz-transition:1s;-webkit-transition:1s;-o-transition:1s;cursor: pointer;} .ctn_1 .swiper-container_4 .meu_6{-webkit-transform: translatex(-100%);-ms-transform: translatex(-100%);transform: translatex(-100%);opacity: 0;transition:1s .2s;-moz-transition:1s .2s;-webkit-transition:1s .2s;-o-transition:1s .2s;cursor: pointer;} .ctn_1 .swiper-container_4 .meu_7{-webkit-transform: translatex(-100%);-ms-transform: translatex(-100%);transform: translatex(-100%);opacity: 0;transition:1s .4s;-moz-transition:1s .4s;-webkit-transition:1s .4s;-o-transition:1s .4s;cursor: pointer;} .ctn_1 .swiper-container_4 .meu_8{-webkit-transform: translatex(-100%);-ms-transform: translatex(-100%);transform: translatex(-100%);opacity: 0;transition:1s .6s;-moz-transition:1s .6s;-webkit-transition:1s .6s;-o-transition:1s .6s;cursor: pointer;} .ctn_1 .swiper-container_4 .meu_1{-webkit-transform: translatex(-100%);-ms-transform: translatex(-100%);transform: translatex(-100%);opacity: 0;transition:1s .6s;-moz-transition:1s .6s;-webkit-transition:1s .6s;-o-transition:1s .6s;cursor: pointer;} .ctn_1 .swiper-container_4 .meu_2{-webkit-transform: translatex(-100%);-ms-transform: translatex(-100%);transform: translatex(-100%);opacity: 0;transition:1s .8s;-moz-transition:1s .8s;-webkit-transition:1s .8s;-o-transition:1s .8s;cursor: pointer;} .ctn_1 .swiper-container_4 .meu_3{-webkit-transform: translatex(-100%);-ms-transform: translatex(-100%);transform: translatex(-100%);opacity: 0;transition:1s 1s;-moz-transition:1s 1s;-webkit-transition:1s 1s;-o-transition:1s 1s;cursor: pointer;} .ctn_1 .swiper-container_4 .meu_4{-webkit-transform: translatex(-100%);-ms-transform: translatex(-100%);transform: translatex(-100%);opacity: 0;transition:1s 1.2s;-moz-transition:1s 1.2s;-webkit-transition:1s 1.2s;-o-transition:1s 1.2s;cursor: pointer;} .ctn_1 .menu_lf .ts{width: 470px;height: 830px;position: absolute;top: 0;left: 0;background: url(/uploads/image/cimg/ts_1.png) no-repeat;z-index: 20;} .ctn_1 .menu_lf .ts img{position: absolute;left: 315px;top: 50%;margin-top: -48px;} .ctn_1 .swiper-container_4 .swiper-slide{line-height: 80px;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;} .ctn_1 .swiper-container_4 .swiper-slide span{width: 20px;display: inline-block;text-align: center;margin-right: 20px;color: #fff;font-size: 16px;transition:all .5s;-moz-transition:all .5s;-webkit-transition:all .5s;-o-transition:all .5s} .ctn_1 .swiper-container_4 .swiper-slide span i{display: none;} .ctn_1 .swiper-container_4 .swiper-slide.swiper-slide-active span{width: 60px;} .ctn_1 .swiper-container_4 .swiper-slide.swiper-slide-active span i{display: block;white-space:nowrap} .ctn_1 .swiper-container_4 .swiper-slide.swiper-slide-active p{color: #74003c;font-family: 'fzltzchjw';font-style: italic;} .ctn_1 .swiper-container_4 .swiper-slide p{display: inline-block;color: #787c8d;} .ctn_1 .text{width: 327px;position: absolute;top: 332px;right: 148px;z-index: 48;} .ctn_1 .text li{cursor: pointer;height: 85px;line-height: 85px;text-align: right;background: url(/uploads/image/cimg/but_bg.png) no-repeat;background-position:327px 0 ;color: #787c8d;font-style:italic;transition:all .5s;-moz-transition:all .5s;-webkit-transition:all .5s;-o-transition:all .5s;font-family: 'fzlthjw';} .ctn_1 .text li i{display: inline-block;vertical-align: middle;margin-left: 15px;width: 0;overflow: hidden;transition:all .5s;-moz-transition:all .5s;-webkit-transition:all .5s;-o-transition:all .5s} .ctn_1 .text li:nth-child(1) div{padding-right: 60px;-webkit-transform: translatex(100%);-ms-transform: translatex(100%);transform: translatex(100%);opacity: 0;transition:1s;-moz-transition:1s;-webkit-transition:1s;-o-transition:1s} .ctn_1 .text li:nth-child(2) div{padding-right: 50px;-webkit-transform: translatex(100%);-ms-transform: translatex(100%);transform: translatex(100%);opacity: 0;transition:1s;-moz-transition:1s;-webkit-transition:1s;-o-transition:1s} .ctn_1 .text li:nth-child(3) div{padding-right: 40px;-webkit-transform: translatex(100%);-ms-transform: translatex(100%);transform: translatex(100%);opacity: 0;transition:1s;-moz-transition:1s;-webkit-transition:1s;-o-transition:1s} .ctn_1 .text li:nth-child(4) div{padding-right: 50px;-webkit-transform: translatex(100%);-ms-transform: translatex(100%);transform: translatex(100%);opacity: 0;transition:1s;-moz-transition:1s;-webkit-transition:1s;-o-transition:1s} .ctn_1 .text li:nth-child(5) div{padding-right: 60px;-webkit-transform: translatex(100%);-ms-transform: translatex(100%);transform: translatex(100%);opacity: 0;transition:1s;-moz-transition:1s;-webkit-transition:1s;-o-transition:1s} .ctn_1 .text li:hover{color: #74003c;font-family: 'fzltzchjw';transition:.1s!important;-moz-transition:.1s!important;-webkit-transition:.1s!important;-o-transition:.1s!important} .ctn_1 .text li:hover i{width: 26px;} .ctn_1 .text li:nth-child(1):hover{background-position: 0 0;} .ctn_1 .text li:nth-child(2):hover{background-position: 0 0;} .ctn_1 .text li:nth-child(3):hover{background-position: 0 0;} .ctn_1 .text li:nth-child(4):hover{background-position: 0 0;} .ctn_1 .text li:nth-child(5):hover{background-position: 0 0;} .ctn_1 .car{width: 976px;position: absolute;top: 0;left: 470px;} .ctn_1 .car_pic{width: 66.7%;margin: 110px auto 0;-webkit-transform: translatey(20%);-ms-transform: translatey(20%);transform: translatey(20%);opacity: 0;transition:.5s;-moz-transition:.5s;-webkit-transition:.5s;-o-transition:.5s} .ctn_1 .car_pic img{width: 100%;} .ctn_1 .car_tit{width: 100%;text-align: center;font-size: 24px;color: #727a87;line-height:1.5;-webkit-transform: translatey(20%); -ms-transform: translatey(20%);transform: translatey(20%);opacity: 0;transition:.5s .1s;-moz-transition:.5s .1s;-webkit-transition:.5s .1s; -o-transition:.5s .1s;font-family: 'fzltxihjw';margin: 3% auto 2%;height:110px;} .ctn_1 .car_tit p{width: 100%;height: 100%;display: flex; justify-content:center;align-items:center;} .ctn_1 .car_text{text-align: center;-webkit-transform: translatey(20%);-ms-transform: translatey(20%);transform: translatey(20%);opacity: 0;transition:.5s .2s;-moz-transition:.5s .2s;-webkit-transition:.5s .2s;-o-transition:.5s .2s} .ctn_1 .car_text span{font-size: 18px;color: #333333;margin-right: 10px;font-family: 'fzlthjw';} .ctn_1 .car_text i{font-size: 40px;color: #74003c;font-style:normal;font-family:arial, helvetica, sans-serif} .threesixty{position:relative;overflow:hidden;margin:0 auto;width:100%;padding-top:50%} .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;left: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 .nav_bar{display:none} .colour{width:100%;text-align: center;margin-top: 50px;margin-bottom: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{cursor: pointer;background:#74003c;font-size:14px;line-height:30px;border-radius:8px;display:inline-block;color:#fff;width: 100%;text-align: center;} .container-fluid{width:100%} .threesixty_images{width:100%} .threesixty_images li{width:100%} .ring{width:100%;position:absolute;bottom:30px;left:0;display:none;-webkit-transform: translatey(20%);-ms-transform: translatey(20%);transform: translatey(20%);opacity: 0;transition:1s .8s;-moz-transition:1s .8s;-webkit-transition:1s .8s;-o-transition:1s .8s} .bg_box2{width: 100%;background: #ccd2e2;position: relative;height: 1000px;overflow: hidden; } .bg_box{width: 100%;background: #000;} .ctn_2{width: 100%;overflow: hidden;background: #000;} .ctn_2 .slide{width:calc(33.33% - 2px);float: left; -webkit-transition: all 1s; -o-transition: all 1s; transition: all 1s;position: relative;border-left:2px solid #000;overflow: hidden;/* height: 676px; */position: relative;padding-top: 35%;;} .ctn_2 .slide:nth-child(1){border:0} .ctn_2 .slide .slide_bg{width:120%;height: 100%;-webkit-transition:.4s linear;-o-transition:.4s linear;transition:.4s linear;position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);transform: translate(-50%,-50%);-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;object-fit: cover;} .ctn_2 .ctn_box1:hover .describe{opacity: 1;} .ctn_2 .slide:hover .slide_bg{-webkit-transform:scale(1.1,1.1) translate(-50%,-50%);-ms-transform:scale(1.1,1.1) translate(-50%,-50%);transform:scale(1.1,1.1) translate(-50%,-50%);} .ctn_2 .ctn2_txt{position: absolute;bottom: 50px;left: 50px;z-index: 10;} .ctn_2 .ctn2_txt h1{font-size: 34px;color: #fff;margin: 10px 0;font-family: 'fzlthjw';} .ctn_2 .ctn2_txt p{font-size: 20px;color: #fff;display: inline-block;font-family:arial, helvetica, sans-serif} .ctn_2 .describe{width: 100%;height:100%;position: absolute;top: 0;left: 0;z-index:11;background: #eff0f4;text-align: center;opacity: .001;transition:all .8s;-moz-transition:all .8s;-webkit-transition:all .8s;-o-transition:all .8s} .ctn_2 .describe .view{font-size: 16px;padding: 0 50px;border: 1px solid #313131;color: #313131;display: inline-block;line-height: 45px;border-radius: 15px;} .ctn_2 .describe .view:hover{border: 1px solid #74003c;color: #74003c;} .ctn_2 .focus_news{width: 80%;margin:5% auto 0;} .ctn_2 .focus_news .new_logo{width: 15%;float: left;} .ctn_2 .focus_news .new_logo img{width: 85%!important;} .ctn_2 .focus_news .new_details{width: 85%;float: left;text-align: left;} .ctn_2 .focus_news .new_details .new_text{font-size:16px;color: #333333;line-height: 2;text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;font-family: 'fzlthjw';} .ctn_2 .focus_news .new_details .new_img img{width: 45%;float: left;margin:0 5% 5% 0;} .ctn_2 .focus_news .new_details .new_img{margin: 3% 0 0;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;-ms-flex-wrap: nowrap;flex-wrap: nowrap;} .ctn_2 .focus_news .new_details .new_icon p{display: inline-block;vertical-align: middle;cursor: pointer;} .ctn_2 .focus_news .new_details .new_icon .new_share{width: 20px;height: 23px;/* background: url(/uploads/image/cimg/share.png) no-repeat; */margin-right: 30px;font-family: "iconfont" !important;font-size:20px;color: #919193} .ctn_2 .focus_news .new_details .new_icon .new_praise span{width: 20px;height: 23px;/* background-image: url(/uploads/image/cimg/praise.png);background-repeat: no-repeat;background-position: 0 0; */display: inline-block;vertical-align: middle;font-family: "iconfont" !important;font-size:22px;color: #919193} .ctn_2 .focus_news .new_details .new_icon .new_praise i{vertical-align: middle;display: inline-block;font-style:normal;font-size: 18px;color: #919193;margin-left: 10px;font-family: 'fzlthjw';} .ctn_2 .focus_news .new_details .new_icon .new_praise.on i{color: #ea3232;} .ctn_2 .focus_news .new_details .new_icon .new_praise.on span{background-position: 100% 0;} .ctn_2 .describe .swiper-container_5{width: 100%;height:87%!important;--swiper-theme-color: #74003c;} .ctn_2 .describe_tit{display: none;} .ctn_2 .mask{width: 100%;height: 100%;background-color: #000;opacity: 0;position: absolute;top: 0;left: 0;z-index:11; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s;pointer-events: none} #loading{width: 200px;height:10px;position: absolute;top: 50%;left: 50%;margin-left: -100px;} .progress{width: 200px;height: 8px;border: 1px solid #74003c;position: relative;overflow: hidden;margin-top: 62px;} .progress p{position: absolute;top: 0;left: 0;width: 0;height: 10px;background-color:#74003c;} .submenu_bg{display: none;} .interior{width: 100%;height: 100%;position: fixed;top: 0;left: 0;z-index:10992;display: none;} .interior_close{position: absolute;top:0%;right: 0%;z-index: 50;width:40px;padding: 3%;} .interior_close img{width: 100%;} #panoramaconianer{width: 100%;height: 100%;} #panoramaconianer canvas{height: 100%!important;} .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;} 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(/uploads/image/ccommon/turn_no.png); opacity: 0; animation: turnyes 3.2s linear infinite both;} aside.turnboxportrait .phone i.no{ background-image: url(/uploads/image/ccommon/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(/uploads/image/ccommon/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: 900px){ header{position: fixed;} header .c_logo{width: 15%;margin-left: -7%;} .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 .menu{background:;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;} .ctn_1{-webkit-transform: scale(1);-ms-transform: scale(1);transform: scale(1);width: 100%!important;margin-left:0!important;position:static!important;height: auto!important;} #wrapper .bg_box2{height: auto;background: url(/uploads/image/cimg/h5_bg2.jpg) no-repeat top center #cfd6e5;background-size: 100%;position:static!important;} .ctn_1 .menu_lf .ts{display: none;} .ctn_1 .text{display: none!important;} .ctn_1 .menu_rt{display: none!important;} .bg_box2 .ctn_1 .menu_lf{width: 100%;margin-top:0;background:;height: auto;} .ctn_1 .swiper-container_4 .swiper-slide span{display: none;} .bg_box2 .ctn_1 .swiper-container_4{margin:0 auto;height: auto;width: 50%;overflow: visible;margin-top: 9%;} .ctn_1 .swiper-container_4 .swiper-slide{transform: translate3d(0px, 0px, 0px)!important;} .ctn_1 .swiper-container_4 .swiper-slide p{width: 100%;text-align: center;white-space:nowrap;color: #74767e;font-size: 4.8vw;font-style:inherit!important;} .ctn_1 .swiper-container_4 .swiper-slide >div{width: 100%;} .ctn_1 .car{position: fixed;top: 0;left: 0;display: none;} .ctn_1 .car_h5{float: left;width: 100%;display: block;} .ctn_1 .car_h5 .car_pic{width: 100%;margin:5% auto 0 ;} .ctn_1 .car_h5 .car_pic img{width: 100%;} .ctn_1 .car_h5 .car_tit{font-size: 4vw;width: 100%;margin: 5% auto;line-height: 1.5; height:18vw; } .ctn_1 .car_h5 .car_text span{font-size: 2.4vw;} .ctn_1 .car_h5 .car_text i{font-size: 5.6vw;} .ctn_1 .car_h5 .car_img{width: 100%;} .ctn_1 .car_h5 .car_img img{width: 100%;} .ctn_1 .car_h5 .car_btn{text-align: center;} .ctn_1 .car_h5 .car_btn div{width:13.8% ;padding-top: 15.6%;background-size: 100%;display: inline-block;margin: 0 3%;} .ctn_1 .car_h5 .car_btn_1{background: url(/uploads/image/cimg/carbtn_3.png) no-repeat center center;} .ctn_1 .car_h5 .car_btn_2{ margin: 0 auto; width: 44px; height: 19px; font-size: 15px; text-align: center; background: #b71a35; border-radius: 2px; font-family: pingfang sc; font-weight: 600; color: #ffffff; line-height: 19px;} .ctn_1 .car_h5 .car_details{width: 100%;text-align: center;margin: 7% 0 10%;} .ctn_1 .car_h5 .car_details span{font-size: 3.7vw;padding: 0 5%;border-radius: 15px;border: 1px solid #333333; color: #333333;line-height: 2; display: inline-block;font-family: 'fzlthjw';} .ctn_2 .slide:nth-child(1){width: 100%;height: auto!important;} .ctn_2 .ctn_box1 .ctn2_txt{display: none} .ctn_2 .describe{opacity: 1;position: static} .ctn_2 .slide{width: 50%;border: 0;} .ctn_2 .describe .describe_h5{display: block;} .ctn_2 .describe .swiper-container_5{display: none;} .ctn_2 .describe .swiper-container_5 .swiper-pagination{display: none;} .ctn_2 .ctn_2 .slide:nth-child(1) .ctn2_txt{display: none;} .ctn_2 .ctn_box1 .slide_bg{display: none!important;} .ctn_2 .describe_tit{display: block;margin: 10% 0 1%;} .ctn_2 .describe_tit h1{font-size: 5vw;margin: 0;padding: 0;color: #333333;line-height: 1.5;font-family: 'fzlthjw';} .ctn_2 .describe_tit span{font-size: 2.66vw;color: #666666;line-height: 1.5;} .ctn_2 .focus_news{width: 90%;} .ctn_2 .focus_news .new_details .new_text{font-size: 3.7vw;} .ctn_2 .focus_news .new_logo{margin-top: 1.5%;} .ctn_2 .describe .swiper-container_5{height: 70%!important;} .ctn_2 .focus_news .new_details .new_icon .new_share{margin-right: 5%;outline:none;width: auto;height: auto;font-size: 3.7vw; line-height: 4vw;} .ctn_2 .focus_news .new_details .new_icon .new_praise span{width: auto;height: auto;font-size: 3.7vw; line-height: 4vw;} .ctn_2 .focus_news .new_details .new_icon .new_praise{width: 30%;outline:none;line-height: 3.4vw;} .ctn_2 .focus_news .new_details .new_icon .new_praise i{font-size:3.7vw;margin-left:2%;line-height: 4vw;font-family: 'fzlthjw';} .ctn_2 .describe .view{font-size: 3.7vw;line-height: 2; padding: 0 5%;font-family: 'fzlthjw';margin: 6% 0;} .ctn_2 .ctn_box2{height: auto;padding-top: 74%!important;} .ctn_2 .ctn_box3{height: auto;padding-top: 74%!important;width: calc(50% - 2px);border-left: 2px solid #000;;} .ctn_2 .ctn2_txt h1{font-size: 4vw;width: 100%;text-align: center;margin: 10px 0 0px;} .ctn_2 .ctn2_txt p{font-size: 2.4vw;text-align: center;width: 100%;} .ctn_2 .ctn2_txt{top: 10%;left: 0;width: 100%;} .ctn_2 .focus_news .new_details .new_img{margin: 1% 0px 0px;} .ctn_2 .focus_news .new_details .new_img img{width: 98%;margin:0 5% 3% 0;} 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%;margin: 0 19% 0 0;} footer .menu_footer2{width: 56%;} .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(/uploads/image/cimg/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;} footer{padding: 10% 5% 25%;} .bg_box{background: #eff0f4;} .ctn_2{background: #eff0f4;} .car360_h5{position: fixed;top: 0;left: 0;z-index:10991;width: 100%;height: 100%;background: url(/uploads/image/cimg/bg2.jpg) no-repeat center center;background-size: 120%;display: none} .car360_h5 .colour{position: absolute;bottom: 5%;left: 0%;} .car360_h5 .threesixty{position: absolute!important;top:50%;left: 15%;width: 70%; padding-top: 40%;margin-top: -20%;} .car360_h5 .ring{position: absolute;left:0;bottom:0;} .car360_h5 .ring img{width: 100%;} .car360_h5 .layer_btn{position:absolute;top: 8%;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(/uploads/image/cimg/carbtn_3.png) no-repeat center center;background-size: 100%;} .car360_h5 .layer_btn .layer_btn_panorama{background: url(/uploads/image/cimg/carbtn_2.png) no-repeat center center;background-size: 100%;} .interior .layer_btn{position:absolute;top: 8%;left:6%;width:50%;z-index: 50;display: block;} .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(/uploads/image/cimg/carbtn_3.png) no-repeat center center;background-size: 100%;} .interior .layer_btn .layer_btn_panorama{background: url(/uploads/image/cimg/carbtn_2.png) no-repeat center center;background-size: 100%;} .car360_h5 .car360_close{width: 3%;padding:3%;background: url(/uploads/image/ccommon/close2.png) no-repeat center center;background-size: 30%;position: absolute;top: 8%;right:3%;z-index: 50;} .swiper-container_5{touch-action: none;} .top_btn{width: 12.2%;} } @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} } #preview{width: 100%;height: 100%;background-color: #74003c;position: fixed;z-index: 9993;animation:preview_box 2s linear 0s 1 forwards;top:0;left: 0;} .preview_img{width: 230px;height: 123px;position: absolute;top: 50%;left: 50%;margin: -61px 0 0 -115px;opacity: 1;animation:preview 2s linear 0s 1 forwards;} .preview_img img{width: 100%;} .preview_img2{animation:preview2 2s linear 0s 1 forwards;opacity:0;} @-webkit-keyframes preview{ 0%{ opacity:0;top:50%;transform: scale(.1)} 50%{transform: scale(1)} 75%{opacity:1;top:50%;transform: scale(1)} 100%{top:0%;opacity:1;transform: scale(.1)} } @-webkit-keyframes preview2{ 0%{ opacity:0;} 50%{} 75%{opacity:1;} 76%{opacity:0} 100%{opacity:0} } @-webkit-keyframes preview_box{ 0%{} 90%{opacity:.6;} 99%{top: 0;} 100%{opacity:0;display: none;top:-10000px} } @media only screen and (max-width: 414px){ .swiper-container_3 .swiper-slide{height:110px;} .swiper-container_2 .swiper-slide{height:110px;} .preview_img{width: 160px;margin: -61px 0 0 -80px;opacity: 1;} header{background-size:70px;} 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} footer .menu_footer2 .icon a{} 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;} } .side_bar li a{ color: #fff; } .ctn_2 .describe .view a{color: #333333;} .diy-btn{cursor: pointer;}