/*banner鑳屾櫙鍥剧墖鍔ㄧ敾*/ @-webkit-keyframes scale-bg{ from{ -webkit-transform:scale(1.2); transform:scale(1.2); } to{ -webkit-transform:scale(1); transform:scale(1); } } @keyframes scale-bg{ from{ -webkit-transform:scale(1.2); transform:scale(1.2); } to{ -webkit-transform:scale(1); transform:scale(1); } } /* 鍏叡澶撮儴鏍峰紡 */ .header{background:#000443;} /* footer */ .pc-footer1{width: 100%;display: flex;flex-direction: column;align-items: center;} .foot{width: 92%;} .copyright{width: 100%;display: flex;justify-content: space-between;align-items: center;} /* content */ .dhlist {position: fixed;z-index: 100;top: .8rem;background: #ffffff;width: 7.5rem;height: 8.6rem;overflow: auto;} .clod_dh{display: flex;width: 6.9rem;padding: .3rem .3rem;border-bottom: 1px solid #F5F5F5;justify-content: space-between;align-items: center;} .clod_dh p{font-size: .28rem;color: 05090f;} .clod_dh img{width: .22rem;height: .22rem;} .dh_ej{display: flex;flex-direction: column;width: 6.9rem;} .dh_ej p{font-size: .28rem;color: #6a6e74;padding: .15rem .3rem;text-indent: .28rem;} .list_dh{display: flex;flex-direction: column;align-items: center;} .switch-btns{width: 1.4rem;height: .8rem;border-radius: .50rem;background: #e9e9e9;color: #482f0a;display: flex;align-items: center;justify-content: center;font-size: .26rem;margin: .3rem;} .switch-btns span{text-align: center;line-height: .46rem; text-transform: uppercase;} .switch-btns span:nth-child(1){margin-right: .1rem;} .switch-btns .activev{width: .56rem;height: .56rem;border-radius: .56rem;background-color: #ffba00;line-height: .56rem;} a{color:initial;text-decoration: initial;} a:hover{text-decoration:none;color: initial;} .wap-gif{position: relative; width: 100%; height: 100%; z-index: 1000; object-fit: fill;} /* end */ /* 鍏叡footer鏍峰紡 */ .footer_wap .dhlists {width: 7.5rem;width: 7.5rem;align-items: center;display: flex;flex-direction: column;} .footer_wap .clod_dh{display: flex;width: 6.9rem;padding: .3rem .3rem;border-bottom: 1px solid #303a49;justify-content: space-between;align-items: center;} .footer_wap .clod_dh p{font-size: .28rem;color: #e2e4e5;} .footer_wap .clod_dh img{width: .22rem;height: .22rem;} .footer_wap .dh_ej{display: flex;flex-direction: column;width: 6.9rem;} .footer_wap .dh_ej p{font-size: .28rem;color: #e2e4e5;padding: .15rem .3rem;} .footer_wap .list_dh{display: flex;flex-direction: column;align-items: center;} .footer_wap .switch-btns{width: 1.2rem;height: .6rem;border-radius: .34rem;background: #e9e9e9;color: #482f0a;display: flex;align-items: center;justify-content: center;font-size: .22rem;margin: .3rem;} .footer_wap .switch-btns span{text-align: center;line-height: .46rem;} .footer_wap .switch-btns span:nth-child(1){margin-right: .1rem;} .footer_wap .switch-btns .activev{width: .46rem;height: .46rem;border-radius: .46rem;background-color: #ffba00;line-height: .46rem;} .footer_wap .img11,.footer_wap .img2{width: 2rem;} .footer_wap{background: #161a20;display: flex;flex-direction: column;align-items: center;} .footer_wap .img22{padding-top: .46rem;} #lopspw div:nth-child(1){margin-right: .1rem;} #lopspw div{width: .4rem;height: .4rem;} #lopspw{display: flex;} .ekls{width: 1.6rem;margin: .1rem;} /*banner */ .index_main{ background: #05090f; } .klqwe{display: none;} #footer{width: 100%;} .header_wap{display: none;} .footer_wap{display: none !important;} .section{height: 100% !important;} .index_main .section1{ position: relative; } .inner>p{display:block;} .index_main .section1 .index_banner .item{ background-size: cover; -webkit-background-size:cover; background-position: center; background-repeat: no-repeat; height:100vh; position: relative; } .index_main .section1 .index_banner .item.slick-current .scaleBg{ visibility: visible; -webkit-animation:scale-bg 6s linear forwards; animation:scale-bg 6s linear forwards; } /*.bjimg1{background: url(/static/cn/img/banner01.png) no-repeat;}*/ .bjimg2{background: url(/static/cn/img/banner2.jpg) no-repeat;} .bjimg3_shiae{background: url(/static/cn/img/banner3_shiae.jpg) no-repeat;} .bjimg3{background: url(/static/cn/img/banner3.jpg) no-repeat;} .index_main .section1 .index_banner .items{ background-size: cover; background-position: center center; background-repeat: no-repeat; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 0; } .index_main .section1 .index_banner .items:after{ content: ""; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: rgba(0,0,0,0.2); } .index_main .section1 .index_banner .item .inner .block_txt{ width: 90% !important; position: absolute; top:50%; left:50%; transform: translate(-50%,-50%); z-index: 10000; /* opacity: 0; * transform: translateY(40px); * -webkit-transform: translateY(40px); * -webkit-transition: all 500ms ease; * transition: all 500ms ease; * z-index: 10000; */ } /* .index_main .section1 .index_banner .item.active .inner .block_txt{ * opacity: 1; * -webkit-transform: translateY(0); * transform: translateY(0); * -webkit-transition-delay: 100ms; * transition-delay: 100ms; * } */ .one,.tow,.justctn{opacity: 0;} .one1,.tow2,.justctn3{opacity: 0;} .one{ width:580px; display: block; margin: 0 auto;} .cloud2 .block_txt{display: flex;align-items: center;justify-content: space-between;} .cloud2-1{width: 485px !important;height: 241px !important;margin: 0 !important;opacity: 0;} .cloud2-1s{opacity: 1;} .block_txt .bt{font-size: 30px;color: #FFFFFF;} .block_txt .nr{font-size: 16px;color: #FFFFFF;margin: 40px 0 50px;} .block_txt .gomore{display: block; width: 160px;height: 46px;text-align: center;line-height: 46px;color: #FFFFFF;font-size:14px;border: 1px solid #FFFFFF;} .tow{display: flex;flex-direction: column;width: 260px;} .justctn{display: flex;flex-direction: column;} .clod-stus{display: flex;align-items: center;flex-direction: column;} .index_main .section1 .index_banner .item .inner .block_txt .cdd { opacity: 0; } .index_main .section1 .index_banner .item .inner .block_txt .cdd img{ margin-top: 6px; width: 518px; } .index_main .section1 .slick_txt{ /* width:30%; * height: 100%; * background-color: transparent; */ transition: all 500ms ease; -webkit-transition:all 500ms ease; /* background-repeat: no-repeat; * position: absolute; * top: 0; * font-size: 0; * outline: none; * border:0; */ } .boo-k{ position: absolute; display: flex; bottom: -132px; left: 55px; } .index_main .section1 .left{ left: 0; } .index_main .section1 .right{ right:0; } .index_main .section1 .slick_txt:hover .slick_arrow{ opacity: 1; visibility: visible; } .index_main .section1 .slick_txt .slick_arrow{ width: 20px; height: 36px; background-repeat: no-repeat; background-position: center; margin-top: -18px; position: absolute; top: 50%; cursor: pointer; transition: all 500ms ease; -webkit-transition:all 500ms ease; opacity: 0; visibility: hidden; } .index_main .section1 .slick_txt .slick_arrow1{ width:20px; height: 36px; background-repeat: no-repeat; background-position: center; margin-top: -25px; position: absolute; top: 50%; cursor: pointer; } .index_main .section1 .prev{ background-image:url(/static/cn/img/ban_prev_hover.png); left:-30px; } .index_main .section1 .next{ background-image:url(/static/cn/img/ban_next_hover.png); right:-30px; } .index_main .section1 .number{ position: absolute; bottom:8%; left:50%; padding-bottom: 5px; display: table; padding: 0 20px; width: auto; text-align: center; transform: translateX(-50%); -webkit-transform: translateX(-50%); } .index_main .section1 .number p{ font-family: "Myriad Pro","Microsoft YaHei"; font-size: 14px; color: #cbcbcb; margin-right:20px; margin-left: 20px; display: inline-block; cursor: pointer; position: relative; transition: all 500ms ease; -webkit-transition:all 500ms ease; min-height:20px; min-width:20px; } .index_main .section1 .number .active:after{ background-color: #ff7600; } .number p:after{ content: ""; /* background-image: url(/static/cn/img/yua.png); * background-repeat: no-repeat; * background-size: contain; */ display: inline-block; width:13px; height:13px; border-radius: 50%; background-color: #FFFFFF; position: absolute; left: 50%; transform: translasteX(-50%); -webkit-transform: translateX(-50%); top:-25px; opacity: 1; z-index: 1000; /* transition: all 500ms ease; * -webkit-transition:all 500ms ease; */ } .index_main .section1 .number p.active{color: #ff7600;} .index_main .section1 .number p.active:after{ opacity: 1; visibility: visible; } .containers{width: 1200px;display: flex;flex-direction: column;align-items: center;position: relative;margin: 0 auto;} .controls{position: relative;width: 100%;height: 100%;z-index: 1000;object-fit: fill;} /*棣栭〉绗簩灞?/ .index_main .section2{ background-color: #05090f; } .index_main .section2 .product-bg{ opacity: 0; position: relative; } .index_main .section2 .clod{ position: relative; } .index_main .section2 .canshu{ display: flex; flex-direction: column; align-items: center; padding-top: 80px; } .index_main .section2 .canshu h2{ color: #ffffff; padding-top: 20px; display: block; margin-bottom: 0; font-size:40px; font-weight:500; margin-bottom: 20px; } .index_main .section2 .canshu h3{ color: #CCCCCC;font-size: 18px;margin-top: 12rpx; } .index_main .section2 .car{ width: 889px; height: 628px; } .index_main .section2 .mores{ position: absolute; font-weight: 600; color: #ffffff; top: 60%; transform: translateY(-50%); right: -73px; z-index: 100;} .index_main .section2 .mores a{ text-decoration: none; font-size: 14px; color: #fff; background-image:url(/static/cn/img/you-ico.png); background-repeat: no-repeat; background-position:right; background-size:15px; padding-right: 20px; display: block; } .index_main .section2 .mores a i{ float: left; background:#05090F; width: 16px; margin: 3px 10px; height: 16px; border: #fff 2px solid; border-radius: 50%; display: block; } .index_main .section2 .xzd{ position: absolute; top: 124px; left:0px; z-index: 20; width: 110px; height: 397px; text-align: right; padding-right:40px; } .xzd .icon1{ position: absolute; top: 199px; left: -80px; z-index: 100; } .xzd .icon2{ position: absolute; top: 297px; left: -105px; z-index: 100; } .xzd .icon3{ position: absolute; top: 388px; left: -105px; z-index: 100; } .xzd .icon4{ position: absolute; top: 480px; left: -90px; z-index: 100; } .index_main .section2 .cars{width: 100px;height: 62px;margin-top: 30px} .index_main .section2 .xzd a{ text-decoration: none; line-height:30px; padding-right:70px;width:150px; height:60px;} .index_main .section2 .xzd .icon1 a{ display: block; background-image:url(/static/cn/img/x9-icon.png); background-position:right; background-size:60px; font-size:18px; color: #7a7a7a; display: flex; flex-direction: column; align-items: center; background-repeat: no-repeat;} .index_main .section2 .xzd .icon1 .active{background-image:url(/static/cn/img/x9-icon-c.png); color: #ffffff; } .index_main .section2 .xzd .icon2 a{ display: block; background-image:url(/static/cn/img/v9-icon.png); background-position:right; background-size:60px; font-size:18px; color: #7a7a7a; display: flex; flex-direction: column; align-items: center; background-repeat: no-repeat;} .index_main .section2 .xzd .icon2 .active{background-image:url(/static/cn/img/v9-icon-c.png); color: #ffffff;} .index_main .section2 .xzd .icon3 a{ display: block; background-image:url(/static/cn/img/g9-icon.png); background-position:right; background-size:60px; font-size:18px; color: #7a7a7a; display: flex; flex-direction: column; align-items: center; background-repeat: no-repeat;} .index_main .section2 .xzd .icon3 .active{background-image:url(/static/cn/img/g9-icon-c.png); color: #ffffff;} .index_main .section2 .xzd .icon4 a{ display: block; background-image:url(/static/cn/img/e3-icon.png); background-position:right; background-size:60px; font-size:18px; display: flex; flex-direction: column; align-items: center; color: #7a7a7a; background-repeat: no-repeat;} .index_main .section2 .xzd .icon4 .active{background-image:url(/static/cn/img/e3-icon-c.png); color: #ffffff;} .index_main .section2 h3{ text-align: center; } /*棣栭〉杞﹁*/ .swiper-pagination{position: initial;} .swiper-pagination-bullet{width: 12px;height: 12px;background-color: initial;margin: 0 4px;background-color: #FFFFFF; opacity: 1;} .swiper-pagination-bullet-active{background: initial;background-color: #ff7600;} .index_main .section3{ width: 100%; height: 100%; background: url(/static/cn/img/pic03.png) no-repeat; background-size: cover; background-color: #05090F; } .index_main .section3 .Vehicle{ color: #ffffff; opacity: 0; position: absolute; left:5%; top:30%; } .index_main .section3 .Vehicle h1{ font-size:40px; padding-bottom: 20px; font-weight:500; } .index_main .section3 .Vehicle ul{ padding-bottom: 20px;} .index_main .section3 .Vehicle li{ display: block; font-size: 14px; line-height:26px; background-image: url(/static/cn/img/ico-x.png); background-size: 10px; background-position: left; background-repeat: no-repeat; padding-left: 20px; } .a-btn{ width: 100px; line-height: 24px; font-size: 12px; color: #fff; text-align: center; border:1px solid #ccc; display: block;} .a-btn:hover{ color:#fff; text-decoration: none;} .index_main .section3 h3{ text-align: center; } /*棣栭〉鏂伴椈涓績*/ .boo-page{display: block;} .index_main .section4{ background: #05090F; } .index_main .section4 h3{ text-align: center; } .news-box{ width:100%; position: relative; height:700px; margin-bottom: initial; opacity: 0; } .news-box .x{ width:90%; position:absolute; top:18%; left:5%; right:0; } .gywm-img img{width: 100px;position: absolute;top: 37px;left: -14px;z-index: 100;} .news-left{margin-left:3%; margin-top:2%; } #newers{width: 400px;} .news-left a{color: #ffffff;} .news-left h1{ font-size:40px; font-weight: 500;} .news-left h4{font-size:20px;} .title{color: #ffffff; padding-bottom: 20px;} .news-left .ners_list{ margin-top:10px; color: #FFFFFF; display: flex; position: relative; flex-direction: column; } .jump-dts img{position: absolute;top: -164px;right: 0;z-index: 100;} .news-left .ners_list a{ text-decoration: none;} .news-left .ners_list time{ color: #ccc;} .news-left .ners_list h2{ font-size: 20px;margin-top:5px; margin-bottom:20px; word-break: break-all; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;} .news-left .ners_list p{ font-size: 14px; line-height: 26px; color: #ccc; padding-bottom: 10px; word-break: break-all; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; padding: 0;margin-bottom: 20px; } .news-right{ position: absolute; right:0; top: 0; overflow: hidden;} .news-right img{ width: 520px; height: 346px; } .boo-k{ width: 181px; position: absolute; left: 52px; } .boo-le a{width:30px; float:left; height:30px; border-radius:50%; background-color: #888; display: inline-block ; margin-right: 10px;} .boo-le a:hover{background-color: #363737; } .boo-le a img{ display:block; width:10px; margin:5px auto; } .boo-r{ position: absolute; right:0%; bottom:-30%; } .boo-r a{ text-decoration: none; font-size: 14px; color: #f8f8f8; background-image:url(/static/cn/img/you-ico.png); background-repeat: no-repeat; background-position:right; background-size:15px; padding-right: 20px; display: block; } .boo-r a:hover{ color:#ff7600; background-image:url(/static/cn/img/you-ico.png); background-repeat: no-repeat; background-position:right; background-size:15px; padding-right:20px; display: block; } .boo-page{ left:0; } .news{position: absolute;display: flex; flex-direction: column;align-items: center;left: -18px;z-index: 100; top:50px;} .news i{width: 1px; height: 30px; background-color: #ccc; display: block; margin:10px 20px;} .boo-page li{ width:12px; margin:20px auto; height:12px;border-radius:50%; background-color: #FFFFFF; margin-bottom: 10px;cursor: pointer;} .boo-page li.active{ background-color: #ff7600; } /*搴曢儴*/ .pc-footer1{ background: #333333; color: #FFFFFF; } .foot{ height:220px;} .foot .info{ float:left; width:14%; padding-top:30px; margin-left: 5%;} .foot .info img{ margin: 0;width:90%;} .foot ul{ float:left; width:77%; padding-top:30px; margin-left:4%;} .foot ul li{ float: left; width:14%; text-align: left;position: relative;} .foot ul li .erwe{ width: 120px; margin-top:10px;} .foot ul li span a{ display: block; line-height: 40px; height: 40px; font-size: 16px; color: #779ce5; text-decoration: none;} .foot ul li a{ display: block; font-size: 12px; color:#999999; line-height: 30px;text-decoration: none;} .foot ul li a:hover{color: #ffffff;text-decoration: none;} .foot .map{ position: absolute; top:0; right:0;} .foot .sss {display: flex;align-items: center;} .foot .sss a{display: block; width:44px; margin-top: 22px;} .foot .sss a img{ width:35px;} .sss{position: relative;} .sss>img{position: absolute;z-index: 100;right:-100%;width: 134px !important;top: 0;} .copyright{ padding: 10px 0; line-height:24px; background: #1c1c1c; color: #5b5b5b; font-size: 12px;} .copyright .ssst{ width: 40%; text-align: left; margin-left: 5%; float: left;} .copyright .ssst span{ padding-right: 10px;} .copyright .sssr{width:150px; margin-right: 5%; float: right; background-image: url(/static/cn/img/phone.png); background-repeat: no-repeat; background-position:left; background-size:16px; padding-left: 30px;} /*浜у搧浠嬬粛椤?/ .pro-f{ position: fixed; background-color: #1c1f3c; height: 50px; top:70px; width:100%; left:0; z-index:10;} .pro-f .pro-f-ne{margin:6px 5%; position: relative; z-index: 10;} .pro-f .pro-f-ne .pp{position: absolute; right: 0;} .pro-f .pro-f-ne a{ color: #e3e3e3; text-align:center; border-radius:10px; padding:8px 20px; font-size: 14px; display: block; float:left; text-decoration: none; } .pro-f .pro-f-ne a.active{ background: #ff7600; color: #05090F; } .summary-box{ width: 100%; } .eopw{display: flex;align-items: center;height: 724px; justify-content: space-between;padding-top:0px; max-width:1200px; width: 100%;min-width:1190px;} .eopw img{/* width:600px;height: 460px; */ width: 40%;} .h170{height: 120px;background-color: #05090f;} .summary-box .cp{ width:40%; position:absolute; right:5%; top:20%;} .summary-box .cp img{width: 100%;} .summary-box .summary-bg{ width: 100%; } .summary-box .summary-bg img{width: 100%;} .summary-text{ width:48%; /* width: 590px; */ display: flex; flex-direction: column; color: #ffffff; } .summary-text h1{ display: block; font-size:30px; font-weight: 500; padding-bottom:10px; } .summary-text h1 i{ display: block; margin-top:10px; width:40px; height: 4px; border-radius:2px; background-color:#ff7600; } .summary-text p{ font-size: 14px; color: #e4e4e4; padding-top: 10px; line-height: 30px; } .parameter-box{ width: 100%; } .parameter-bg{ width: 100%;} .parameter-text{ color: #ffffff; margin-bottom: 30px; } .parameter-text h1{ display: block; font-size:30px; font-weight: 500; } .parameter-text h1 i{ display: block; width:40px; height:4px; margin:10px auto; border-radius:2px; background-color:#ff7600; } .parameter-wid{ width:100%; max-width:1200px; min-width:1200px; display: flex; align-items: center; margin-bottom:50px; } .summary-bg-x9{ background: url(/static/cn/img/pro/pr-banner-x9.png) no-repeat center #05090f; background-size: contain; display: flex; flex-direction: column; align-items: center; width: 100%; padding-bottom: .68rem; } .summary-bg-g9{ background: url(/static/cn/img/pro/pr-banner-g9.png) no-repeat center #05090f; background-size: contain; display: flex; flex-direction: column; align-items: center; width: 100%; padding-bottom: .68rem; } .summary-bg-v9{ background: url(/static/cn/img/pro/pr-banner-v9.png) no-repeat center #05090f; background-size: contain; display: flex; flex-direction: column; align-items: center; width: 100%; padding-bottom: .68rem; } .summary-bg-e3{ background: url(/static/cn/img/pro/pr-banner-e3.png) no-repeat center #05090f; background-size: contain; display: flex; flex-direction: column; align-items: center; width: 100%; padding-bottom: .68rem; } .summary-bg-d9{ background: url(/static/cn/img/pro/pr-banner-d9.png) no-repeat center #05090f; background-size: contain; display: flex; flex-direction: column; align-items: center; width: 100%; padding-bottom: .68rem; } .parameter-bg-x9{ background: url(/static/cn/img/pro/pro-bg-x9.png) left bottom; background-size: cover; width: 100%; display: flex; flex-direction: column; align-items: center; padding-bottom: 100px; } .parameter-bg-g9{ background: url(/static/cn/img/pro/pro-bg-g9.png) left bottom; background-size: cover; width: 100%; display: flex; flex-direction: column; align-items: center; padding-bottom: 100px; margin-top: -.27rem; } .parameter-bg-v9{ background: url(/static/cn/img/pro/pro-bg-v9.png) left bottom; background-size: cover; width: 100%; display: flex; flex-direction: column; align-items: center; padding-bottom: 100px; } .parameter-bg-e3{ background: url(/static/cn/img/pro/pro-bg-e3.png) left bottom; background-size: cover; width: 100%; display: flex; flex-direction: column; align-items: center; padding-bottom: 100px; } .parameter-bg-d9{ background: url(/static/cn/img/pro/pro-bg-d9.png) left bottom; background-size: cover; width: 100%; display: flex; flex-direction: column; align-items: center; padding-bottom: 100px; } .parameter-wid ul{ overflow: hidden; width: 100%;} .parameter-wid li{ padding: 20px; width:48%; float: left; background:rgba(15,19,51,0.8); display: block; margin-right: 4%; margin-bottom: 4%; border-radius: 10px; } .parameter-wid li:nth-child(2n+0){ margin-right: 0%; } .parameter-wid li dt{ padding-bottom:20px; border-bottom:#20324e 1px solid; font-size: 30px; margin-bottom: 20px; background-image:-webkit-linear-gradient(right,#5f6efe,#5f6efe,#3246ff); -webkit-background-clip:text; -webkit-text-fill-color:transparent; } .parameter-wid li dd{ line-height: 30px; display: block; color: #fff; font-size: 12px; background-image:url(/static/cn/img/dian.png); background-position:left; padding-left: 30px; background-repeat: no-repeat; } .parameter-wid .wid-cl{ background-image:url(/static/cn/img/dian.png); background-position:left; height: 30px; margin-bottom: 30px; } .parameter-bg img{ width: 100%;} .chart-box{ width: 100%; display: flex; flex-direction: column; align-items: center; background-color: #05090F; } .chart-bg{ margin-bottom: 100px; } .chart-bg img{ max-width: 900px; width: 100%; } .sx750{display: none;} .pcws{display: block !important;} .swiper-container{display: none;} .opidSx,.opidSxs{width: 100px !important;float: initial;top: 70px !important;left: -18px !important;} .changeSx{width: 100px !important;margin-left: initial !important;} .clodSx{width: 100px !important;height: 38px; float: initial !important;text-align: center;} .clodSx a{text-align: center !important;} #ckls,#cklex{position: relative;} .skle{display: block;} .pcShow{display: block !important;} .wapShow{display: none !important;} @media only screen and (max-width: 750px){ .pcShow{display: none !important;} .wapShow{display: block !important;} .wapShow img{margin-bottom: .2rem !important;} .cloud2 .block_txt{flex-direction: column;align-items: center;} .cloud2-1{width: 4.85rem !important; height: 2.41rem !important;} .tow{display: flex;align-items: center;width: 2.8rem;} .skle{display: none;} .index_main .section1 .index_banner .item .inner .block_txt{ width: 6.9rem !important; position: absolute; top:45%; left:50%; transform: translate(-50%,-50%); z-index: 10000; } .block_txt .bt{font-size: .32rem;color: #FFFFFF;text-align: center;} .block_txt .nr{font-size: .22rem;color: #FFFFFF;margin: .4rem 0 .5rem;text-align: center;} .block_txt .gomore{display: block; width: 1.82rem;height: .6rem;text-align: center;line-height: .6rem;color: #FFFFFF;font-size:.2rem;border: 1px solid #FFFFFF;text-align: center; margin: auto;} /* 绉诲姩绔痓anner */ /*.bjimg1{background: url(/static/cn/img/banner01.png) no-repeat;}*/ .bjimg2{background: url(/static/cn/img/banner2.jpg) no-repeat;} .bjimg3_shiae{background: url(/static/cn/img/banner3_shiae.jpg) no-repeat;} .bjimg3{background: url(/static/cn/img/banner3.jpg) no-repeat;} .news-box{margin-bottom: 1rem;} .pc-footer1{width: 7.5rem;} .boo-page{display: none !important;} .klqwe{position: absolute;bottom: -.56rem;left: .22rem;display: block;} /*.newslist{width: 6.5rem !important;}*/ .newslist{width: 7rem !important;margin: 0 auto;display: flex;flex-direction: column;background-color: #FFFFFF;align-items: center;padding: 0 0.24rem;border-radius: 0.12rem;} .pcws{display: none !important;} .swiper-container{display: block;overflow: hidden;} .index_main .section3 .Vehicle h1{font-size: .6rem;} .pro-f{top: .9rem;} .header,.foot{display: none;} .header{width: 7.5rem;} .footer_wap{display: block !important;padding-top: .6rem;} .pc-footer1{display: none !important;} .ishide{display:flex;flex-direction: column;align-items: center;} .header_wap{display: block;position: relative;height: .96rem;z-index: 99999;} .lopsw{width: .43rem;} .header .left{position: initial;} .header .left a img{width: 3rem;margin: initial;} .container{margin: 0;padding: 0.24rem;display: flex;justify-content: space-between;width: 7.5rem;align-items: center;max-width:initial;position: fixed;z-index: 111;background: #00000082;} .copyright{flex-direction: column;justify-content: initial !important;} .copyright .ssst{width: 70%;text-align: center;} .index_main .section1,.index_main .section2,.index_main .section3,.index_main .section4{ width: 100%; } .img11,.img2{width: 2rem;} .index_main .section3{background-position: bottom;background: url(/static/cn/img/wap/img-wap-4.png) bottom no-repeat #05090f; background-size: contain;} .index_main .section3 .Vehicle{top: 20%;} .index_main .section1 .left,.index_main .section1 .right{display:none} .inner{width:154px;display:flex;justify-content: space-around;} .index_main .section1 .number .active:after{background-color: #ff7600;} .index_main .section1 .number p:after{ width:13px;opacity:1;visibility:initial; background-size: contain;} /*.containers{width: 7.5rem;overflow: hidden;}*/ .containers{width: 7.5rem;overflow: hidden;display: initial;} .index_main .section2 .mores{width: 1.6rem;height: .45rem;border: 1px solid #FFFFFF;text-align: center;line-height: .45rem;position: absolute;right: 2.9rem;top: 22%;font-size: .24rem;} .index_main .section2 .mores a{background: initial;padding: 0;} .index_main .section2 .mores i{display: none;background: initial;} .index_main .section2 .mores a i{display: none;} .index_main .section2 .car{width: 7.47rem;height: 6.92rem;margin: .8rem 0 0;} .index_main .section2 .cars{width: 7.47rem;height: 6.92rem;margin: .8rem 0 0;} .index_main .section2 .xzd{width: 100%;height: 1.6rem;top: 0;bottom: 0;position: relative;} .index_main .section2 .canshu{padding-top: 0;} .index_main .section2 .xzd .icon4 a,.index_main .section2 .xzd .icon1 a,.index_main .section2 .xzd .icon2 a,.index_main .section2 .xzd .icon3 a{ text-align: center; width: 0.9rem; height: initial; font-size: 13px; background-size: contain; background-position: top center; overflow: hidden; padding: 0; padding-top: 1rem; line-height: 0.3rem; } .news-right{display: none;position: relative;} .sx750{display: block;} .xzd .icon1{left: 1.16rem;top: -.9rem;} .xzd .icon2{left: 2.6rem;top: -0.44rem;} .xzd .icon3{left: 4.14rem;top: -0.44rem;} .xzd .icon4{left: 5.54rem;top: -.93rem;} /*.news-left{width: 6.95rem;display: flex;flex-direction: column;align-items: center;background: #ffffff;border-radius: .12rem;float: initial;margin: 0;position: relative;margin-top: 3.6rem;padding:0 0.24rem;}*/ .news-left{margin: 0;} .news-left h1{font-size: .6rem;margin-bottom: .12rem;text-align: center;} .news-left h4{font-size: .3rem;} /*.news-box .x{width: 7.5rem;position: initial;display: flex;flex-direction: column;align-items: center;overflow: hidden;}*/ .news-box .x{width: 7.5rem;position: initial;display: initial;} .news-right img{width: 6.46rem;height: 4.3rem;margin-top: .3rem;} .title{position: absolute;top: -1.6rem;left: 31%;} .news-left .ners_list time{color: #999999;font-size: .24rem;margin-top: .4rem;} .news-left .ners_list h2{font-size: .36rem;color: #05090f;font-weight: 600;} .news-left .ners_list p{color: #05090f;font-size: .24rem;margin: .26rem 0 .5rem;} .news-box{height: auto;} /* .fp-tableCell{width: auto !important;} */ .news-left .ners_list a{font-size: .24rem;color: #666666;margin-bottom: .54rem;align-items: initial;} .news{width: 7rem;display: flex;position: initial;align-items: initial;} .news i{display: none;} .boo-page{margin-bottom: .7rem;width: 2rem;display: flex;} .boo-r {position: absolute;right: 0.4rem;bottom: -4%;} .index_main .section2 .canshu h2{font-size: .6rem;} .boo-k{display: none;} .one{ width:6.6rem; display: block; margin: 0 auto;} .index_main .section1 .index_banner .item .inner .block_txt .cdd img{ margin-top: .06rem; width: 6rem; } .footer_wap .img22{ padding-top:0rem; width:3rem; padding-bottom:.2rem; } } @media only screen and (max-width: 375px){ .index_main .section2 .xzd{width: 100%;height: 1rem;top: 0rem;bottom: 0;} } .transition { -webkit-transition: all ease .4s; -moz-transition: all ease .4s; -ms-transition: all ease .4s; -o-transition: all ease .4s; transition: all ease .4s; }