.swiper-container { margin: 0px; padding: 0px; width: 100%; height: 100%; } .swiper-wrapper { width: 100%; height: 100%; } .swiper-wrapper .swiper-slide { width: 100%; height: 100%; z-index: 99; } .div_clear { clear: both; } .swiper-slide .div_tit h2 { display: inline-block; font-size: 0.42rem; vertical-align: text-bottom; } .swiper-slide .div_tit span { font-size: 0.16rem; padding-left: 0.15rem; opacity: 0.5; vertical-align: text-bottom; } .section1 { position: relative; z-index: 110!important; background: #000; } .section1 .swiper-container-homebanner .swiper-slide .div_colorbg { width: 100%; height: 100%; background: rgba(0, 0, 0, 0.25); position: absolute; left: 0; top: 0; z-index: 10; } .section1 .swiper-container-homebanner .swiper-slide video { width: 100%; min-height: 100%; overflow: hidden; position: absolute; left: 0px; top: 0px; object-fit: cover; z-index: 3; } .section1 .swiper-container-homebanner .swiper-slide img { display: block; transform: scale(1.1); transition: all ease-out 5s; -moz-transition: 5s; -webkit-transition: 5s; -o-transition: 5s; } .section1 .swiper-container-homebanner .swiper-slide img.imgh { -webkit-transform: scale(1); transform: scale(1); } .section1 .swiper-container-homebanner .swiper-slide img.phone_img { display: none; } .section1 .swiper-container-homebanner .swiper-slide .banner_float { position: absolute; top: 0; left: 1.6rem; height: 100%; display: flex; z-index: 10; align-items: center; } .section1 .swiper-container-homebanner .swiper-slide .banner_txt h3 { font-size: 0.5rem; color: #fff; margin-bottom: 0.2rem; } .section1 .swiper-container-homebanner .swiper-slide .banner_txt h3::after { content: ""; display: block; height: 1px; width: 0.45rem; background: #fff; margin-top: 0.15rem; } .section1 .swiper-container-homebanner .swiper-slide .banner_txt p { font-size: 0.16rem; color: #fff; text-align: justify; margin-bottom: 0.48rem; letter-spacing: 0.35rem; } .section1 .swiper-container-homebanner .swiper-slide .banner_txt a { display: block; width: 2.55rem; height: 0.56rem; line-height: 0.56rem; font-size: 0.16rem; color: #fff; text-align: center; border: 2px solid #fff; border-radius: 0.28rem; } .section1 .swiper-container-homebanner .swiper-slide .banner_txt a:hover { background: #347afc; color: #fff; border: 2px solid #347afc; } .section1 .swiper-container-homebanner .banner_icons { position: absolute; z-index: 9; bottom: 0.9rem; left: 1.6rem; } .section1 .swiper-container-homebanner .banner_icons span { display: inline-block; cursor: pointer; width: 0.08rem; height: 0.08rem; border: 1px solid #fff; border-radius: 0.04rem; margin: 0 0.04rem; opacity: 1; } .section1 .swiper-container-homebanner .banner_icons span.icons-active { width: 0.3rem; height: 0.08rem; border: none; border: 1px solid #347afc; background: #347afc; opacity: 1; } .section1 .div_news { position: absolute; z-index: 11; bottom: 0; height: 0.7rem; left: 0; width: 100%; box-sizing: border-box; padding: 0 1.6rem; background: #347afc; overflow: hidden; } .section1 .div_news .div_tit { font-size: 0.14rem; float: left; color: #fff; line-height: 0.7rem; background: url(/uploads/image/scwihome/news_icon.png) no-repeat left center; background-size: 0.21rem 0.19rem; padding-left: 0.43rem; padding-right: 0.15rem; position: relative; margin-right: 0.05rem; } .section1 .div_news .div_tit::after { content: ""; display: block; width: 1px; height: 0.14rem; background: #fff; position: absolute; top: 0.28rem; right: 0; } .section1 .div_news .div_list { float: left; margin-top: 0.2rem; height: 0.3rem; overflow: hidden; } .section1 .div_news .div_list ul li { line-height: 0.3rem; } .section1 .div_news .div_list ul li span { font-size: 0.14rem; color: #fff; margin-right: 0.2rem; } .section1 .div_news .div_list ul li a { font-size: 0.14rem; color: #fff; } .section1 .div_news .div_arrow { float: right; border-right: 1px solid #4988fc; } .section1 .div_news .div_arrow span { display: block; float: left; width: 0.7rem; height: 0.7rem; border-left: 1px solid #4988fc; cursor: pointer; background-repeat: no-repeat; background-position: center; } .section1 .div_news .div_arrow span:hover { background-color: rgba(255, 255, 255, 0.1); } .section1 .div_news .div_arrow span.s_up { background-image: url(/uploads/image/scwihome/s_up.png); } .section1 .div_news .div_arrow span.s_down { background-image: url(/uploads/image/scwihome/s_down.png); } .section1 .swiper-container-homebanner .swiper-slide .banner_txt h3 br { display: none; } .section2 { background: url(/uploads/image/scwihome/sectionbg2.jpg) no-repeat center; display: flex; justify-content: center; align-items: center; } .section2 .section_inner .div_l { float: left; width: 10.2rem; height: 9rem; position: relative; } .section2 .section_inner .div_r { width: 5.8rem; height: 9rem; float: left; } .section2 .section_inner .div_block { box-sizing: border-box; padding: 0.45rem; background-repeat: no-repeat; background-size: cover; position: relative; } .section2 .section_inner .div_block h3 { font-size: 0.24rem; color: #fff; margin-bottom: 0.2rem; background-repeat: no-repeat; background-size: 0.55rem 0.55rem; background-position: left top; padding-top: 0.9rem; } .section2 .section_inner .div_block h3::after { content: ""; display: block; width: 0.34rem; height: 0.05rem; background: #fff; margin-top: 0.25rem; opacity: 0.8; } .section2 .section_inner .div_block p { font-size: 0.16rem; color: #fff; margin-bottom: 0.4rem; } .section2 .section_inner .div_block a { display: block; width: 1.44rem; height: 0.5rem; background: rgb(245 244 244 / 15%); font-size: 0.16rem; color: #fff; text-align: center; line-height: 0.5rem; opacity: 0; border-radius: 0.28rem; border:2px solid #fff; box-sizing: border-box; } .section2 .section_inner .div_block a:hover { background: #347afc; color: #fff; border:2px solid #347afc; } .section2 .section_inner .div_block .s_h { background-size: cover; position: absolute; z-index: 20; opacity: 0; background-size: cover!important; } .section2 .section_inner .block1 { width: 10.2rem; height: 4.5rem; background-image: url(/uploads/image/scwihome/section2_divbg1.jpg); } .section2 .section_inner .block1 .div_tit { padding-top: 0.3rem; } .section2 .section_inner .block1 h3 { margin-top: 0.3rem; background-image: url(/uploads/image/scwihome/section2_icon1.png); } .section2 .section_inner .block1 .s_h { width: 3.96rem; height: 3.18rem; background: url(/uploads/image/scwihome/section2_icon1h.png) no-repeat; left: 3.5rem; top: 2.6rem; } .section2 .section_inner .block2 { position: absolute; top: 4.5rem; left: 0; width: 6rem; height: 5rem; background-image: url(/uploads/image/scwihome/section2_divbg2.jpg); } .section2 .section_inner .block2 .div_tit { padding-top: 0.7rem; } .section2 .section_inner .block2 h3 { margin-top: 0.3rem; background-image: url(/uploads/image/scwihome/section2_icon2.png); } .section2 .section_inner .block2 .s_h { width: 2.7rem; height: 2.6rem; background: url(/uploads/image/scwihome/section2_icon2h.png) no-repeat; left: 4rem; top: -1.1rem; } .section2 .section_inner .block3 { position: absolute; bottom: 0; right: 0; width: 4.2rem; height: 5.8rem; background-image: url(/uploads/image/scwihome/section2_divbg3.jpg); } .section2 .section_inner .block3 .div_tit { padding-top: 2rem; } .section2 .section_inner .block3 h3 { margin-top: 0.3rem; background-image: url(/uploads/image/scwihome/section2_icon3.png); } .section2 .section_inner .block3 h3::after { background: #fff; } .section2 .section_inner .block3 .s_h { width: 3.08rem; height: 3.08rem; /*background: url(/uploads/image/scwihome/section2_icon3h.png) no-repeat;*/ right: -1rem; top: 0.5rem; } .section2 .section_inner .block4 { width: 5.8rem; height: 6rem; margin-top: -0.5rem; background-image: url(/uploads/image/scwihome/section2_divbg4.jpg); } .section2 .section_inner .block4 .div_tit { padding-top: 0.5rem; } .section2 .section_inner .block4 h3 { margin-top: 0.3rem; background-image: url(/uploads/image/scwihome/section2_icon4.png); } .section2 .section_inner .block4 h3::after { background: #fff; } .section2 .section_inner .block4 .s_h { width: 2.73rem; height: 2.66rem; background: url(/uploads/image/scwihome/section2_icon4h.png) no-repeat; left: -1rem; bottom: -0.5rem; } .section2 .section_inner .block5 { width: 5.8rem; height: 3.5rem; background-image: url(/uploads/image/scwihome/section2_divbg5.jpg); } .section2 .section_inner .block5 .div_tit { padding-top: 0rem; } .section2 .section_inner .block5 h3 { margin-top: 0.3rem; background-image: url(/uploads/image/scwihome/section2_icon5.png); } .section2 .section_inner .block5 .s_h { width: 2.88rem; height: 3.1rem; background: url(/uploads/image/scwihome/section2_icon5h.png) no-repeat; left: -1.6rem; top: -2rem; } .rongdong_zhang .id_0018 .phone9012 { display: block; } .section3 { display: table; background: url(/uploads/image/scwihome/section3bg.jpg) no-repeat center; background-size: 100% 100%; box-sizing: border-box; } .section3 .section_inner { display: table-cell; vertical-align: middle; } .section3 .section_top { padding: 0.2rem 1.6rem; padding-bottom: 0.4rem; overflow: hidden; position: relative; margin-bottom: 0.4rem; } .section3 .section_top::after { content: ""; display: block; width: 100%; height: 1px; background: #c9c9c9; position: absolute; opacity: 0.23; left: 0; bottom: 0; } .section3 .section_top .div_tit { float: left; } .section3 .section_top .div_tit h2 { color: #fff; } .section3 .section_top .div_tit span { color: #fff; } .section3 .section_top .section_nav { float: right; } .section3 .section_top .section_nav ul { float: left; } .section3 .section_top .section_nav ul li { float: left; font-size: 0.2rem; color: #fff; margin-right: 0.6rem; line-height: 0.55rem; cursor: pointer; position: relative; } .section3 .section_top .section_nav ul li.on::after { content: ""; display: block; width: 0.42rem; margin-left: -0.21rem; left: 50%; height: 0.07rem; background: #fff; position: absolute; top: 0.6rem; border-radius: 0.025rem; } .section3 .section_top .section_nav .div_more { float: left; line-height: 0.55rem; } .section3 .section_top .section_nav .div_more a { font-size: 0.16rem; color: #fff; } .section3 .section_tabdivs { padding: 0 1.6rem 1rem; } .section3 .section_tabdivs::after { content: ""; display: block; clear: both; } .section3 .section_tabdivs .tab_box .second_navbox { overflow: hidden; margin-bottom: .2rem; display: flex; justify-content: space-around; } .section3 .section_tabdivs .tab_box .second_navbox .second_navarrow { padding-top: .3rem; float: right; } .section3 .section_tabdivs .tab_box .second_navbox .second_navarrow span { display: block; width: .5rem; height: .5rem; background: #fff; border-radius: .5rem; background: url(/uploads/image/scwimages/arrow_b.png) no-repeat center #fff; cursor: pointer; } .section3 .section_tabdivs .tab_box .second_navbox .snl { float: left; } .section3 .section_tabdivs .tab_box .second_navbox .snl span { display: block; width: .5rem; height: .5rem; background: #fff; border-radius: .5rem; background: url(/uploads/image/scwimages/arrow_l.png) no-repeat center #fff; cursor: pointer; } .section3 .section_tabdivs .tab_box .second_nav { float: left; } .section3 .section_tabdivs .tab_box .second_nav ul { display: flex; justify-content: space-between; margin-bottom: 0.2rem; } .section3 .section_tabdivs .tab_box .second_nav li { width: 1.25rem; height: 1.39rem; text-align: center; background-repeat: no-repeat; background-position: center 0.2rem; background-size: 0.5rem 1rem; cursor: pointer; margin: 0 .2rem; } .section3 .section_tabdivs .tab_box .div_l a { display: block; width: 1.44rem; height: 0.5rem; background: #347afc; font-size: 0.16rem; color: #fff; text-align: center; line-height: 0.5rem; border-radius: 0.28rem; } .section3 .section_tabdivs .tab_box .second_nav li .imgbox { padding-top: 0.2rem; margin-bottom: 0.2rem; } .section3 .section_tabdivs .tab_box .second_nav li .imgbox img { width: 0.5rem; height: 0.5rem; display: block; margin: 0 auto; } .section3 .section_tabdivs .tab_box .second_nav li .imgbox img.img1 { display: block; } .section3 .section_tabdivs .tab_box .second_nav li .imgbox img.img2 { display: none; } .section3 .section_tabdivs .tab_box .second_nav li span { display: inline-block; font-size: 0.18rem; color: #fff; } .section3 .section_tabdivs .tab_box .second_nav li.current { background-color: rgba(130 127 127 / 50%); border-radius: 0.07rem; background-position: center -0.3rem; } .section3 .section_tabdivs .tab_box .second_nav li.current .imgbox img.img1 { display: none; } .section3 .section_tabdivs .tab_box .second_nav li.current .imgbox img.img2 { display: block; } .section3 .section_tabdivs .tab_box .second_nav li.current span { color: #fff; } .section3 .section_tabdivs .tab_box .second_tabdivs { } .section3 .section_tabdivs .tab_box .second_tabdivs .tab_box { display: none; position: relative; } .section3 .section_tabdivs .tab_box .second_tabdivs .tab_box:nth-child(1) { display: block; } .section3 .section_tabdivs .tab_box .second_tabdivs .tab_box::after { content: ""; display: block; clear: both; } .section3 .section_tabdivs .tab_box .second_tabdivs .div_l { width: 7rem; float: left; box-sizing: border-box; margin-top: 1rem; position: relative; overflow: hidden; } .section3 .section_tabdivs .tab_box .second_tabdivs .div_l h3 { font-size: 0.36rem; margin-bottom: 0.35rem; color: #fff; line-height: 100%; } .section3 .section_tabdivs .tab_box .second_tabdivs .div_l h4 { font-size: 0.24rem; line-height: 100%; color: #fff; margin-bottom: 0.2rem; } .section3 .section_tabdivs .tab_box .second_tabdivs .div_l p { font-size: 0.18rem; color: #fff; margin-bottom: 0.4rem; line-height: 0.36rem; } .section3 .section_tabdivs .tab_box .second_tabdivs .div_l ul li { font-size: 0.18rem; color: #fff; margin-bottom: 0.2rem; line-height: 0.36rem; } .section3 .section_tabdivs .tab_box .second_tabdivs .div_r { width: 50%; height: 7.46rem; position: absolute; right: 0; top: 0; box-sizing: border-box; padding-top: 1.1rem; padding-right: 0.75rem; float: right; background: url(/uploads/image/scwihome/section3_appbg.png) no-repeat right top; background-size: 4.93rem 6.46rem; overflow: hidden; } .section3 .section_tabdivs .tab_box .second_tabdivs .div_r img { display: block; width: 5rem; float: right; } .section3 .section_tabdivs .tab_box .second_tabdivs .div_l .tempwrap { height: 5rem!important; } .section4 { background: #fff; overflow: hidden; } .section4 .div_more { position: absolute; right: 1.6rem; top: 0.8rem; z-index: 50; line-height: 0.55rem; } .section4 .div_more a { font-size: 0.16rem; color: #fff; } .section4 .div_l { float: left; width: 50%; overflow: hidden; padding-top: 0.8rem; padding-left: 1.6rem; width: 6.1rem; } .section4 .div_l .div_tit { margin-bottom: 0.5rem; } .section4 .div_l .section_nav { display: flex; justify-content: space-between; margin-bottom: 1rem; } .section4 .div_l .section_nav li { display: inline-block; font-size: 0.24rem; color: #000000; opacity: 0.5rem; cursor: pointer; position: relative; } .section4 .div_l .section_nav li.on { color: #347afc; } .section4 .div_l .section_nav li.on::after { content: ""; display: block; width: 100%; height: 0.05rem; background: #347afc; position: absolute; bottom: -0.1rem; border-radius: 0.025rem; } .section4 .div_l .section_tabdivs .tab_box h3 { font-size: 0.4rem; color: #000; margin-bottom: 0.25rem; } .section4 .div_l .section_tabdivs .tab_box p { font-size: 0.18rem; line-height: 0.35rem; color: #666; text-align: justify; margin-bottom: 1rem; } .section4 .div_l .section_tabdivs .tab_box a { font-size: 0.16rem; display: block; width: 2.55rem; height: 0.56rem; line-height: 0.56rem; color: #fff; text-align: center; background: #347afc; border-radius: 0.28rem; } .section4 .div_r { position: absolute; right: 0; top: 0; width: 50%; height: 100%; overflow: hidden; } .section4 .div_r .tempwrap { height: 100%; } .section4 .div_r ul { height: 100%; align-items: center; } .section4 .div_r ul li { height: 100%; } .section4 .div_r ul li img { width: 100%; height: 100%; display: block; } .section4 .div_arrow { width: 100%; text-align: center; bottom: 0.7rem; position: absolute; left: 0; z-index: 60; } .section4 .div_arrow span { display: inline-block; width: 0.5rem; height: 0.5rem; border: 2px solid #dfdfdf; border-radius: 0.5rem; margin: 0.1rem; cursor: pointer; } .section4 .div_arrow span.s_prev { background: url(/uploads/image/scwihome/section4_arrowl.png) no-repeat center; background-size: 0.26rem 0.1rem; } .section4 .div_arrow span.s_next { background: url(/uploads/image/scwihome/section4_arrowr.png) no-repeat center; background-size: 0.26rem 0.1rem; } .section5 { display: table; background: #eff3f7; } .section5 .section_inner { display: table-cell; vertical-align: middle; } .section5 .section_top { padding: 0.2rem 1.6rem; padding-bottom: 0.4rem; overflow: hidden; position: relative; margin-bottom: 0.25rem; } .section5 .section_top::after { content: ""; display: block; width: 100%; height: 1px; background: #000000; position: absolute; opacity: 0.1; left: 0; bottom: 0; } .section5 .section_top .div_tit { float: left; } .section5 .section_top .div_tit span { color: #000000; opacity: 0.2; } .section5 .section_top .div_more { float: right; line-height: 0.55rem; } .section5 .section_top .div_more a { font-size: 0.16rem; color: #000000; } .section5 .div_customer { padding: 0 1.6rem; text-align: center; } .section5 .div_customer a { font-size: 0.16rem; display: inline-block; width: 2.55rem; height: 0.56rem; line-height: 0.56rem; color: #fff; text-align: center; background: #347afc; border-radius: 0.28rem; } .section5 .div_customer ul { display: flex; justify-content: space-between; flex-wrap: wrap; margin-bottom: 0.5rem; } .section5 .div_customer ul li { width: 15%; margin-bottom: 0.2rem; border-radius: 0.1rem; overflow: hidden; box-shadow: 0 0 0.27rem 0 rgba(110, 110, 110, 0.25); box-sizing: border-box; } .section5 .div_customer ul li img { display: block; width: 100%; transition: all 1s; transform: scale(1); } .section5 .div_customer ul li:hover img { transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); } .section6 { height: 9rem!important; overflow: hidden; } .section6 .apply_trial { width: 100%; display: table; height: 4rem; background: url(/uploads/image/scwihome/section6bg.jpg) no-repeat center top; background-size: 19.2rem 4rem; } .section6 .apply_trial .section_inner { display: table-cell; vertical-align: middle; text-align: center; } .section6 .apply_trial ul { text-align: center; display: flex; flex-wrap: wrap; margin-bottom: 0.5rem; box-sizing: border-box; padding: 0 1.6rem; } .section6 .apply_trial ul li { display: inline-block; width: 46%; position: relative; text-align: center; box-sizing: border-box; padding: 0.1rem; margin-bottom: 0.2rem; } .section6 .apply_trial ul li:not(:nth-child(2n)) { margin-right: calc(8% / 1); } .section6 .apply_trial ul li::after { content: ""; display: block; width: 100%; height: 100%; background: #fff; opacity: 0.15; position: absolute; top: 0; left: 0; } .section6 .apply_trial ul li i { font-size: 0.42rem; color: #fff; } .section6 .apply_trial ul li span { font-size: 0.42rem; color: #fff; } .section6 .apply_trial ul li span b { font-size: 0.18rem; } .section6 .apply_trial ul li p { font-size: 0.18rem; color: #fff; } .section6 .apply_trial a { font-size: 0.16rem; display: inline-block; width: 2.55rem; height: 0.56rem; line-height: 0.56rem; color: #fff; text-align: center; background: #347afc; border-radius: 0.28rem; } .div_footer .to_top { display: block!important; position: absolute!important; } @media screen and (max-width: 1200px) { .section3 .section_tabdivs .tab_box .second_nav li { margin: 0 .1rem; } } @media screen and (max-width: 991px) { .section1 .div_news { padding: 0 0.3rem; } .section1 .div_news .div_arrow { position: absolute; right: 0; bottom: 0; } .section1 .swiper-container-homebanner .swiper-slide img { transform: none; } .section1 .swiper-container-homebanner .swiper-slide img.imgh { transform: none; } .section1 .swiper-container-homebanner .swiper-slide img.pc_img { display: none; } .section1 .swiper-container-homebanner .swiper-slide img.phone_img { display: block; width: 100%; } .section1 .swiper-container-homebanner .swiper-slide video { display: none; } .section1 .swiper-container-homebanner .swiper-slide .div_colorbg { display: none; } .section2 .section_inner .div_l { width: 100%; height: auto; overflow: hidden; } .section2 .section_inner .div_r { width: 100%; height: auto; overflow: hidden; } .section2 .section_inner { width: 100%; box-sizing: border-box; padding: 0.3rem; } .section2 .section_inner .div_block { height: auto; width: 50%; float: left; } .section2 .section_inner .block1 { width: 100%; } .section2 .section_inner .block2 { position: unset; } .section2 .section_inner .div_block .s_h { display: none; } .section2 .section_inner .div_block h3 { margin-top: 0; padding-top: 0.6rem; } .section2 .section_inner .div_block .div_tit { padding-top: 0; } .section2 .section_inner .div_block a { opacity: 1; } .section2 .section_inner .div_block h3::after { margin-top: 0.1rem; } .section2 .section_inner .block3 { padding-top: 1rem; } .section2 .section_inner .block4 { margin-top: 0; padding-bottom: 1rem; } .section3 { background-size: cover; } .section3 .section_top .div_tit { width: 100%; margin-bottom: 0.3rem; } .section3 .section_top .section_nav { width: 100%; } .section3 .section_top .section_nav .div_more { position: absolute; right: 0.3rem; top: 0; } .section3 .section_top .section_nav ul { width: 100%; display: flex; justify-content: space-around; } .section3 .section_top .section_nav ul li { margin-right: 0; padding-bottom: 0.4rem; font-size: 0.25rem; } .section3 .section_top { padding: 0 0.3rem; } .section3 .section_tabdivs { padding: 0 0.3rem; } .section3 .section_tabdivs .tab_box .second_tabdivs .div_l h4 { font-size: 0.3rem; line-height:1.5; color: #fff; margin-bottom: 0.2rem; } .section3 .section_tabdivs .tab_box .second_tabdivs .div_l p { font-size: 0.2rem; color: #fff; margin-bottom: 0.4rem; line-height: 0.36rem; } .section3 .section_tabdivs .tab_box .second_nav { flex-wrap: wrap; justify-content: flex-start; } .section3 .section_tabdivs .tab_box .second_nav li { width: 1.5rem; padding: 0; } .section3 .section_tabdivs .tab_box .second_nav li:not(:nth-child(5n)) { margin-right: calc(5% / 4); } .section3 .section_tabdivs .tab_box .second_tabdivs .div_l { width: 48%; padding-top: 0.5rem; } .section3 .section_tabdivs .tab_box .second_tabdivs .div_r { width: 48%; background-size: 3.93rem 5.46rem; padding-right: 0.25rem; } .section3 .section_tabdivs .tab_box .second_tabdivs .div_r img { width: 100%; } .section4 .div_l { position: absolute; z-index: 50; height: 100%; width: 100%; box-sizing: border-box; padding: 1.2rem 0.8rem 0.8rem 0.8rem; } .section4 .div_more { right: 0.8rem; top: 1.2rem; } .section4 .div_more a { color: #333; } .section4 .div_r { width: 100%; height: 100%; opacity: 0.3; } .section4 .div_l .section_nav li { font-size: 0.3rem; } .section4 .div_l .section_tabdivs .tab_box { visibility: unset!important; } .section4 .div_r .tempwrap { height: 100%; } .section4 .div_l .section_tabdivs .tab_box p { font-size: 0.2rem; line-height: 2; } .section5 .section_top { padding-left: 0.3rem; padding-right: 0.3rem; } .section5 .div_customer { padding: 0 0.3rem; } .section5 .div_customer ul li { width: 24%; height: auto; } .section5 .div_customer ul li:not(:nth-child(4n)) { margin-right: calc(4% / 3); } .section6 .apply_trial ul li { width: 4.5rem; } .section6 { height: auto!important; overflow: hidden; } .section6 .apply_trial .section_inner { padding: 0 0.2rem; } .section6 .apply_trial ul { display: flex; } .section6 .apply_trial ul li { width: 48%; } .section6 .apply_trial ul li:not(:nth-child(2n)) { margin-right: calc(4% / 1); } .section6 .apply_trial ul li p { padding: 0 0.2rem; min-height: 0.32rem; } .section6 .apply_trial ul { padding: 0; } .section6 .apply_trial ul li { box-sizing: border-box; padding: 0.2rem; } .section5 .div_customer ul { justify-content: start; } .section6 .apply_trial ul li span { font-size: .22rem; } } @media screen and (max-width: 640px) { .section1 .swiper-container-homebanner .banner_icons { left: 0.8rem; } .section1 .swiper-container-homebanner .swiper-slide .banner_float { left: 0.8rem; } .section1 .div_news .div_list ul li span { display: none; } .section1 .div_news .div_list ul li a { display: block; overflow: hidden; } .section3 .section_tabdivs .tab_box .second_tabdivs .div_l { padding-top: 0.2rem; } .section3 .section_tabdivs .tab_box .second_tabdivs .div_l h3 { line-height: 1.5; } .section3 .section_tabdivs .tab_box .second_tabdivs .div_r { background-size:contain; } .section3 .section_tabdivs .tab_box .second_tabdivs .div_l p { margin-bottom: 0.2rem; } .div_footer .div_fnav ul li span { width: 20%; } .div_footer .div_fnav ul li p { width: 80%; } .div_footer .div_fnav ul li p a { float: left; width: 33%; font-size: 0.2rem; } .section6 .apply_trial ul { padding: 0; } .section6 .apply_trial ul li p { padding: 0; } .section6 .apply_trial ul li span, .section6 .apply_trial ul li span i { font-size: 0.18rem; } .section3 .section_tabdivs .tab_box .second_nav li { width: 1.8rem; } .section3 .section_tabdivs .tab_box .second_tabdivs .div_l { margin-top: .2rem; } .section1 .swiper-container-homebanner .swiper-slide .banner_txt h3 br { display: block; } .section3 .section_tabdivs .tab_box .second_tabdivs .div_l { height: 5rem; } /* */ .section3 .section_tabdivs .tab_box .second_tabdivs .div_l { height: auto; width: 100%; } .section3 .section_tabdivs .tab_box .second_tabdivs .div_r { position: static; width: 100%; height: auto; padding: 0; text-align:center; margin-bottom: .2rem; background-position: 2.5rem top; padding-top: .5rem; } .section3 .section_tabdivs .tab_box .second_tabdivs .div_r img { width: 60%; float: none; display: inline-block; } }