#index .main .banner { position: relative; width: 100%; } #index .main .banner .bannerText { position: relative; } #index .main .banner .bannerText img { width: 100%; } #index .main .banner .bannerText .bannerTextDiv { position: absolute; left: 6.71875vw; top: 9.47916vw; } #index .main .banner .bannerText .bannerTextDiv h2 { color: #fff; font-size: 2.1875vw; } #index .main .banner .bannerText .bannerTextDiv h3 { color: #fff; font-size: 1.09375vw; font-weight: normal; margin-top: 1.5625vw; } #index .main .banner .bannerText .bannerTextDiv .iconTrial { font-size: 0.8333vw; padding: 0.75vw 1.97916vw; position: relative; display: inline-block; background: #fff; margin-top: 1.30208vw; margin-right: 1.30208vw; border-radius: 1.97916vw; color: #007D40; } #index .main .banner .indexBannerPagination .swiper-pagination-bullet { width: 1.614583vw; height: 0.2083vw; background: #fff; border-radius: inherit; opacity: 1; } #index .main .banner .indexBannerPagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background: #009543; } #index .main .sesson h3 { font-size: 1.77083vw; text-align: center; } #index .main .sesson h3::after { content: ''; display: block; background: #009543; width: 1.614583vw; height: 0.2083vw; margin: 1.0416vw auto; } #index .main .corePro { background: url('/images/bg-core.jpg') no-repeat center center; background-size: 100% 100%; padding: 3.125vw 6.71875vw; } #index .main .corePro .coreProUl { display: flex; justify-content: space-between; } #index .main .corePro .coreProUl li { display: flex; } #index .main .corePro .coreProUl li .coreImg { position: relative; width: 11.6666vw; height: 10.09375vw; display: flex; align-items: center; justify-content: center; } #index .main .corePro .coreProUl li .coreImg .coreImgMiddle { width: 4.697916vw; Z-INDEX: 2; } #index .main .corePro .coreProUl li .coreImg .coreImgLine { position: absolute; top: 0; left: calc(50% - 5.8333vw); width: 11.6666vw; } #index .main .corePro .coreProUl li .coreImg .dot { position: absolute; transition: all 0.5s; width: 0.72916vw; } #index .main .corePro .coreProUl li .coreImg.coreImg1 .dot1 { position: absolute; left: 5.5vw; top: 3.2vw; } #index .main .corePro .coreProUl li .coreImg.coreImg1 .dot2 { position: absolute; left: 4.2vw; bottom: 3.9vw; } #index .main .corePro .coreProUl li .coreImg.coreImg1 .dot3 { position: absolute; right: 4.2vw; bottom: 3.9vw; } #index .main .corePro .coreProUl li .coreImg.coreImg2 .dot1 { position: absolute; left: 4vw; top: 3.9vw; } #index .main .corePro .coreProUl li .coreImg.coreImg2 .dot2 { position: absolute; right: 4vw; top: 3.9vw; } #index .main .corePro .coreProUl li .coreImg.coreImg2 .dot3 { position: absolute; left: 5.5vw; bottom: 3.2vw; } #index .main .corePro .coreProUl li .coreImg.coreImg3 .dot1 { position: absolute; left: 5.5vw; top: 3.2vw; } #index .main .corePro .coreProUl li .coreImg.coreImg3 .dot2 { position: absolute; left: 4.2vw; bottom: 3.9vw; } #index .main .corePro .coreProUl li .coreImg.coreImg3 .dot3 { position: absolute; right: 4.2vw; bottom: 3.9vw; } #index .main .corePro .coreProUl li .coreImg.coreImg3 .dot4 { position: absolute; left: 4.2vw; top: 3.9vw; } #index .main .corePro .coreProUl li .coreImg.coreImg3 .dot5 { position: absolute; right: 4.2vw; top: 3.9vw; } #index .main .corePro .coreProUl li .coreImg.coreImg3 .dot6 { position: absolute; left: 5.5vw; bottom: 3.2vw; } #index .main .corePro .coreProUl li:hover .coreImg .dot { width: 0.9375vw; } #index .main .corePro .coreProUl li:hover .coreImg.coreImg1 .dot1 { left: 5.5vw; top: 2vw; } #index .main .corePro .coreProUl li:hover .coreImg.coreImg1 .dot2 { left: 3.2vw; bottom: 3.2vw; } #index .main .corePro .coreProUl li:hover .coreImg.coreImg1 .dot3 { right: 3.2vw; bottom: 3.2vw; } #index .main .corePro .coreProUl li:hover .coreImg.coreImg2 .dot1 { left: 3.2vw; top: 3.2vw; } #index .main .corePro .coreProUl li:hover .coreImg.coreImg2 .dot2 { right: 3.2vw; top: 3.2vw; } #index .main .corePro .coreProUl li:hover .coreImg.coreImg2 .dot3 { left: 5.5vw; bottom: 2vw; } #index .main .corePro .coreProUl li:hover .coreImg.coreImg3 .dot1 { left: 5.5vw; top: 2vw; } #index .main .corePro .coreProUl li:hover .coreImg.coreImg3 .dot2 { left: 3.2vw; bottom: 3.2vw; } #index .main .corePro .coreProUl li:hover .coreImg.coreImg3 .dot3 { right: 3.2vw; bottom: 3.2vw; } #index .main .corePro .coreProUl li:hover .coreImg.coreImg3 .dot4 { left: 3.2vw; top: 3.2vw; } #index .main .corePro .coreProUl li:hover .coreImg.coreImg3 .dot5 { right: 3.2vw; top: 3.2vw; } #index .main .corePro .coreProUl li:hover .coreImg.coreImg3 .dot6 { left: 5.5vw; bottom: 2vw; } #index .main .corePro .coreProUl li:hover .coreText h4 { color: #007d41; } #index .main .corePro .coreProUl li:hover .coreText p { color: #007d41; } #index .main .corePro .coreProUl li .coreText { margin-left: 1.04166vw; width: 9.9375vw; margin-top: 2.3vw; } #index .main .corePro .coreProUl li .coreText h4 { font-size: 1.25vw; color: #000; display: inline-block; } #index .main .corePro .coreProUl li .coreText p { font-size: 0.9375vw; color: #000; margin: 2.08333vw 0 0; line-height: 1.5; } #index .main .corePro .coreProUl li .coreText.current h4 { color: #007d41; position: relative; padding-right: 1.35416vw; } #index .main .corePro .coreProUl li .coreText.current h4::after { content: ''; display: inline-block; background: url(/images/arrow-angled-states-green.png) no-repeat; background-size: 0.72916vw 0.72916vw; width: 0.72916vw; height: 0.72916vw; position: absolute; right: 0; bottom: 2px; } #index .main .corePro .coreProUl li .coreText.current p { color: #007d41; } #index .main .solution { position: relative; } #index .main .solution .solutionNav { position: absolute; top: 0; width: 100%; z-index: 2; } #index .main .solution .solutionNav ul { display: flex; align-items: center; justify-content: center; background: rgba(255, 255, 255, 0.7); } #index .main .solution .solutionNav ul li { font-size: 1.041666vw; font-weight: bold; padding: 1.25vw 3.64583vw; cursor: pointer; } #index .main .solution .solutionNav ul li.current { background: rgba(0, 0, 0, 0.4); color: #fff; } #index .main .solution .indexSolutionImgSwiper .swiper-button-nextprev { display: none; } #index .main .solution .indexSolutionImgSwiper .indexSolutionDiv .solutionText { position: absolute; left: 6.77083vw; top: 50%; transform: translateY(-50%); width: 28.385416vw; } #index .main .solution .indexSolutionImgSwiper .indexSolutionDiv .solutionText .solutionTextIcon { width: 6.77083vw; margin-bottom: 1.25vw; } #index .main .solution .indexSolutionImgSwiper .indexSolutionDiv .solutionText .solutionTextIcon img { width: 100%; } #index .main .solution .indexSolutionImgSwiper .indexSolutionDiv .solutionText h4 { font-size: 1.5625vw; margin-bottom: 1.5625vw; } #index .main .solution .indexSolutionImgSwiper .indexSolutionDiv .solutionText p { font-size: 0.9375vw; line-height: 1.5; } #index .main .solution .indexSolutionImgSwiper .indexSolutionDiv .solutionText .learnMoresolution { margin-top: 1.5625vw; font-size: 0.83333vw; padding-left: 1.875vw; position: relative; color: #000; display: inline-block; } #index .main .solution .indexSolutionImgSwiper .indexSolutionDiv .solutionText .learnMoresolution::before { content: ''; position: absolute; left: 0; top: calc(50% - 0.36458vw); background: url('/images/arrow-angled-states-green.png') left top no-repeat; background-size: 0.72916vw 0.72916vw; width: 0.72916vw; height: 0.72916vw; } #index .main .solution .indexSolutionImgSwiper .indexSolutionDiv .indexSolutionImg { width: 100%; } #index .main .customerCase { padding: 3.125vw 0; } #index .main .customerCase .customerCaseDiv { display: flex; padding: 0 6.77083vw; font-size: 0; } #index .main .customerCase .customerCaseDiv .customerCaseLeft { width: 50%; } #index .main .customerCase .customerCaseDiv .customerCaseLeft .customerCaseLeftDiv { display: flex; background: #efefef; } #index .main .customerCase .customerCaseDiv .customerCaseLeft .customerCaseLeftDiv .customerCaseLeftText { width: 50%; justify-content: center; display: flex; align-items: center; position: relative; z-index: 2; } #index .main .customerCase .customerCaseDiv .customerCaseLeft .customerCaseLeftDiv .customerCaseLeftText a { display: inline-block; padding: 0 2.7083vw; } #index .main .customerCase .customerCaseDiv .customerCaseLeft .customerCaseLeftDiv .customerCaseLeftText a h4 { color: #000; font-size: 1.25vw; margin-bottom: 1.14583vw; line-height: 1.5; } #index .main .customerCase .customerCaseDiv .customerCaseLeft .customerCaseLeftDiv .customerCaseLeftText a p { color: #000; font-size: 0.9375vw; margin-bottom: 1.35416vw; line-height: 1.5; } #index .main .customerCase .customerCaseDiv .customerCaseLeft .customerCaseLeftDiv .customerCaseLeftText a .customerCaseBtn { display: block; } #index .main .customerCase .customerCaseDiv .customerCaseLeft .customerCaseLeftDiv .customerCaseLeftText a .customerCaseBtn.hover { display: none; } #index .main .customerCase .customerCaseDiv .customerCaseLeft .customerCaseLeftDiv .customerCaseLeftText::before { display: none; } #index .main .customerCase .customerCaseDiv .customerCaseLeft .customerCaseLeftDiv .customerCaseLeftText::after { display: block; content: ''; position: absolute; top: calc(50% - 0.52083vw); right: -2.08332vw; width: 0; height: 0; border-width: 1.04166vw; border-style: solid; border-color: transparent transparent transparent #efefef; } #index .main .customerCase .customerCaseDiv .customerCaseLeft .customerCaseLeftDiv .customerCaseLeftImg { width: 50%; flex: 1; overflow: hidden; } #index .main .customerCase .customerCaseDiv .customerCaseLeft .customerCaseLeftDiv .customerCaseLeftImg img { -webkit-transition: transform 0.5s; -moz-transition: transform 0.5s; -ms-transition: transform 0.5s; -o-transition: transform 0.5s; transition: transform 0.5s; width: 100%; } #index .main .customerCase .customerCaseDiv .customerCaseLeft .customerCaseLeftDiv:nth-child(even) { flex-flow: row-reverse; background: #efefef; } #index .main .customerCase .customerCaseDiv .customerCaseLeft .customerCaseLeftDiv:nth-child(even) .customerCaseLeftText a h4 { color: #000; } #index .main .customerCase .customerCaseDiv .customerCaseLeft .customerCaseLeftDiv:nth-child(even) .customerCaseLeftText a p { color: #000; } #index .main .customerCase .customerCaseDiv .customerCaseLeft .customerCaseLeftDiv:nth-child(even) .customerCaseLeftText::before { display: block; content: ''; position: absolute; top: calc(50% - 0.52083vw); left: -2.08332vw; width: 0; height: 0; border-width: 1.04166vw; border-style: solid; border-color: transparent #efefef transparent transparent; } #index .main .customerCase .customerCaseDiv .customerCaseLeft .customerCaseLeftDiv:nth-child(even) .customerCaseLeftText::after { display: none; } #index .main .customerCase .customerCaseDiv .customerCaseLeft .customerCaseLeftDiv:hover { background: #007d41; } #index .main .customerCase .customerCaseDiv .customerCaseLeft .customerCaseLeftDiv:hover .customerCaseLeftText a h4 { color: #fff; } #index .main .customerCase .customerCaseDiv .customerCaseLeft .customerCaseLeftDiv:hover .customerCaseLeftText a p { color: #fff; } #index .main .customerCase .customerCaseDiv .customerCaseLeft .customerCaseLeftDiv:hover .customerCaseLeftText::after { border-color: transparent transparent transparent #007d41; } #index .main .customerCase .customerCaseDiv .customerCaseLeft .customerCaseLeftDiv:hover .customerCaseLeftText .customerCaseBtn { display: none; } #index .main .customerCase .customerCaseDiv .customerCaseLeft .customerCaseLeftDiv:hover .customerCaseLeftText .customerCaseBtn.hover { display: block; } #index .main .customerCase .customerCaseDiv .customerCaseLeft .customerCaseLeftDiv:hover .customerCaseLeftImg img { transform: scale(1.2); -ms-transform: scale(1.2); -webkit-transform: scale(1.2); } #index .main .customerCase .customerCaseDiv .customerCaseLeft .customerCaseLeftDiv:hover:nth-child(even) .customerCaseLeftText::before { border-color: transparent #007d41 transparent transparent; } #index .main .customerCase .customerCaseDiv .customerCaseRight { width: 50%; } #index .main .customerCase .customerCaseDiv .customerCaseRight .customerCaseLeftDiv { position: relative; overflow: hidden; } #index .main .customerCase .customerCaseDiv .customerCaseRight .customerCaseLeftDiv .customerCaseRightText { position: absolute; top: 3.2vw; z-index: 2; } #index .main .customerCase .customerCaseDiv .customerCaseRight .customerCaseLeftDiv .customerCaseRightText a { display: inline-block; padding: 0 2.7083vw; width: 29.47916vw; } #index .main .customerCase .customerCaseDiv .customerCaseRight .customerCaseLeftDiv .customerCaseRightText a h4 { color: #fff; font-size: 1.25vw; margin-bottom: 1.14583vw; line-height: 1.5; } #index .main .customerCase .customerCaseDiv .customerCaseRight .customerCaseLeftDiv .customerCaseRightText a p { color: #fff; font-size: 0.9375vw; margin-bottom: 1.35416vw; line-height: 1.5; } #index .main .customerCase .customerCaseDiv .customerCaseRight .customerCaseLeftDiv .customerCaseRightImg img { -webkit-transition: transform 0.5s; -moz-transition: transform 0.5s; -ms-transition: transform 0.5s; -o-transition: transform 0.5s; transition: transform 0.5s; width: 100%; } #index .main .customerCase .customerCaseDiv .customerCaseRight .customerCaseLeftDiv:hover .customerCaseRightImg img { transform: scale(1.2); -ms-transform: scale(1.2); -webkit-transform: scale(1.2); } #index .main .hotNews { background: #efefef; padding: 3.125vw 0; } #index .main .hotNews .hotNewsUl { padding: 0 6.77083vw; display: flex; width: auto; } #index .main .hotNews .hotNewsUl li { width: calc(25% - 1.04166vw); margin: 0 0.52083vw; font-size: 0; background: #fff; box-shadow: 4px 4px 4px #f3f3f3; height: auto; min-height: 100%; } #index .main .hotNews .hotNewsUl li .newsImg { display: inline-block; overflow: hidden; width: 100%; } #index .main .hotNews .hotNewsUl li .newsImg img { -webkit-transition: transform 0.5s; -moz-transition: transform 0.5s; -ms-transition: transform 0.5s; -o-transition: transform 0.5s; transition: transform 0.5s; width: 100%; } #index .main .hotNews .hotNewsUl li .newsDiv { padding: 2.08333vw 1.5625vw 3.666vw 1.5625vw; display: inline-block; } #index .main .hotNews .hotNewsUl li .newsDiv h4 { font-size: 1.0416vw; color: #000000; min-height: 3vw; line-height: 1.5; margin-bottom: 0.52576vw; } #index .main .hotNews .hotNewsUl li .newsDiv p { font-size: 0.83333vw; color: #666666; line-height: 1.5; margin-bottom: 0.52576vw; } #index .main .hotNews .hotNewsUl li .newsDiv .newsLearnMore { font-size: 0.83333vw; line-height: 1.5; color: #000000; display: inline-block; padding-left: 1.77083vw; position: absolute; left: 1.5vw; bottom: 1.5vw; } #index .main .hotNews .hotNewsUl li .newsDiv .newsLearnMore::before { content: ''; left: 0; top: calc(50% - 0.36458vw); position: absolute; width: 0.72916vw; height: 0.72916vw; display: inline-block; background: url(/images/arrow-angled-states-green.png) no-repeat; background-size: 0.72916vw 0.72916vw; } #index .main .hotNews .hotNewsUl li:hover .newsImg img { transform: scale(1.2); -ms-transform: scale(1.2); -webkit-transform: scale(1.2); } #index .main .hotNews .hotNewsUl li:hover .newsDiv h4 { color: #007d41; } #index .main .hotNews .hotNewsUl li:hover .newsDiv p { color: #666666; } #index .main .hotNews .hotNewsUl li:hover .newsDiv .newsLearnMore { color: #007d41; } #index .main .hotNews .allNews { text-align: center; margin: 0 auto; margin-top: 1.5625vw; } #index .main .hotNews .allNews a { display: inline-block; position: relative; color: #000; font-size: 0.9375vw; padding-left: 1.04166vw; } #index .main .hotNews .allNews a::before { content: ''; position: absolute; left: 0; top: calc(50% - 0.442708vw); background: url(/images/btn-learnNews.png) left top no-repeat; background-size: 0.41666vw 0.885416vw; width: 0.41666vw; height: 0.885416vw; } @media (max-width: 767px) { #index .main .banner .bannerText .bannerTextDiv { left: 0; top: 12.592vw; padding: 0 9.629vw; } #index .main .banner .bannerText .bannerTextDiv h2 { font-size: 7.407vw; } #index .main .banner .bannerText .bannerTextDiv h3 { font-size: 5.5555vw; } #index .main .banner .bannerText .bannerTextDiv .iconTrial { display: none; } #index .main .banner .indexBannerPagination .swiper-pagination-bullet { width: 6.75925vw; height: 0.648148vw; } #index .main .sesson h3 { font-size: 4.44444vw; } #index .main .sesson h3::after { width: 6.75925vw; height: 0.648148vw; margin: 2.96296vw auto; } #index .main .corePro { background: url(/images/bg-core.jpg) no-repeat bottom center; padding: 5.0925925vw 5vw; background-size: cover; } #index .main .corePro .coreProUl li { flex-wrap: wrap; justify-content: center; align-content: flex-start; } #index .main .corePro .coreProUl li .coreImg { width: 26.9444vw; height: 26.9444vw; } #index .main .corePro .coreProUl li .coreImg .coreImgMiddle { width: 15.197916vw; } #index .main .corePro .coreProUl li .coreImg .coreImgLine { display: none; } #index .main .corePro .coreProUl li .coreImg .dot { width: 2.481481vw; } #index .main .corePro .coreProUl li .coreImg.coreImg1 .dot1 { left: 12.3vw; top: 7.2vw; } #index .main .corePro .coreProUl li .coreImg.coreImg1 .dot2 { left: 8vw; bottom: 10vw; } #index .main .corePro .coreProUl li .coreImg.coreImg1 .dot3 { right: 8vw; bottom: 10vw; } #index .main .corePro .coreProUl li .coreImg.coreImg2 .dot1 { left: 7.2vw; top: 10vw; } #index .main .corePro .coreProUl li .coreImg.coreImg2 .dot2 { right: 7.2vw; top: 10vw; } #index .main .corePro .coreProUl li .coreImg.coreImg2 .dot3 { left: 12vw; bottom: 7vw; } #index .main .corePro .coreProUl li .coreImg.coreImg3 .dot1 { left: 12.3vw; top: 7.2vw; } #index .main .corePro .coreProUl li .coreImg.coreImg3 .dot2 { left: 8vw; bottom: 10vw; } #index .main .corePro .coreProUl li .coreImg.coreImg3 .dot3 { right: 8vw; bottom: 10vw; } #index .main .corePro .coreProUl li .coreImg.coreImg3 .dot4 { left: 8vw; top: 10vw; } #index .main .corePro .coreProUl li .coreImg.coreImg3 .dot5 { right: 8vw; top: 10vw; } #index .main .corePro .coreProUl li .coreImg.coreImg3 .dot6 { left: 12vw; bottom: 7vw; } #index .main .corePro .coreProUl li:hover .coreImg .dot { width: 2.481481vw; } #index .main .corePro .coreProUl li:hover .coreImg.coreImg1 .dot1 { left: 12.3vw; top: 3.2vw; } #index .main .corePro .coreProUl li:hover .coreImg.coreImg1 .dot2 { left: 4vw; bottom: 8vw; } #index .main .corePro .coreProUl li:hover .coreImg.coreImg1 .dot3 { right: 4vw; bottom: 8vw; } #index .main .corePro .coreProUl li:hover .coreImg.coreImg2 .dot1 { left: 4.2vw; top: 8vw; } #index .main .corePro .coreProUl li:hover .coreImg.coreImg2 .dot2 { right: 4.2vw; top: 8vw; } #index .main .corePro .coreProUl li:hover .coreImg.coreImg2 .dot3 { left: 12.3vw; bottom: 3vw; } #index .main .corePro .coreProUl li:hover .coreImg.coreImg3 .dot1 { left: 12.3vw; top: 3.2vw; } #index .main .corePro .coreProUl li:hover .coreImg.coreImg3 .dot2 { left: 4vw; bottom: 8vw; } #index .main .corePro .coreProUl li:hover .coreImg.coreImg3 .dot3 { right: 4vw; bottom: 8vw; } #index .main .corePro .coreProUl li:hover .coreImg.coreImg3 .dot4 { left: 4.2vw; top: 8vw; } #index .main .corePro .coreProUl li:hover .coreImg.coreImg3 .dot5 { right: 4.2vw; top: 8vw; } #index .main .corePro .coreProUl li:hover .coreImg.coreImg3 .dot6 { left: 12.3vw; bottom: 3vw; } #index .main .corePro .coreProUl li:hover .coreText h4 { font-size: 4.444444vw; color: #007d41; } #index .main .corePro .coreProUl li:hover .coreText p { display: none; } #index .main .corePro .coreProUl li .coreText { width: 26.9444vw; margin-left: 0; margin-top: 0; text-align: center; } #index .main .corePro .coreProUl li .coreText h4 { font-size: 4.444444vw; } #index .main .solution { background: #E3EEEC; padding: 4.3518vw 3.88888vw; } #index .main .solution h3 { font-size: 4.44444vw; text-align: center; } #index .main .solution h3::after { content: ''; display: block; background: #009543; width: 6.75925vw; height: 0.648148vw; margin: 2.96296vw auto; } #index .main .solution .indexSolutionImgSwiper .indexSolutionButtonPagin { display: flex; width: 28.518518vw; position: absolute; right: 0; top: 5.962962vw; align-items: center; justify-content: center; margin-right: -2.4vw; } #index .main .solution .indexSolutionImgSwiper .indexSolutionButtonPagin .swiper-button-nextprev { display: flex; color: #fff; width: 5.314814vw; height: 5.314814vw; background: #1A8A54; } #index .main .solution .indexSolutionImgSwiper .indexSolutionButtonPagin .swiper-button-nextprev::after { font-size: 1.5vw; } #index .main .solution .indexSolutionImgSwiper .swiper-pagination { bottom: 0; z-index: 2; } #index .main .solution .indexSolutionImgSwiper .title { font-size: 4.44444vw; line-height: 1.7; font-weight: bold; margin-bottom: 2.314814vw; } #index .main .solution .indexSolutionImgSwiper .indexSolutionDiv .indexSolutionImg { width: 100%; } #index .main .solution .indexSolutionImgSwiper .indexSolutionDiv .solutionText { position: static; background: #fff; transform: none; width: auto; padding: 2.962962vw 3.61111vw; } #index .main .solution .indexSolutionImgSwiper .indexSolutionDiv .solutionText .solutionTextIcon { display: none; } #index .main .solution .indexSolutionImgSwiper .indexSolutionDiv .solutionText h4 { font-size: 4.44444vw; } #index .main .solution .indexSolutionImgSwiper .indexSolutionDiv .solutionText p { font-size: 3.518518vw; } #index .main .solution .indexSolutionImgSwiper .indexSolutionDiv .solutionText .learnMoresolution { font-size: 3.518518vw; color: #016A2E; padding-left: 6.1111vw; } #index .main .solution .indexSolutionImgSwiper .indexSolutionDiv .solutionText .learnMoresolution::before { width: 3.3333vw; height: 3.3333vw; background-size: 3.3333vw 3.3333vw; top: calc(50% - 1.66665vw); } #index .main .customerCase { padding: 5.27777vw 0 0; } #index .main .customerCase .customerCaseDiv { padding: 0; } #index .main .customerCase .indexCustomerCaseSwiper .swiper-slide .CustomerCaseDiv { font-size: 0; position: relative; } #index .main .customerCase .indexCustomerCaseSwiper .swiper-slide .CustomerCaseDiv a { position: absolute; left: 0; top: 11.6666vw; padding: 0 6.75925vw; z-index: 2; } #index .main .customerCase .indexCustomerCaseSwiper .swiper-slide .CustomerCaseDiv a h4 { font-size: 6.66666vw; line-height: 1.7; color: #fff; } #index .main .customerCase .indexCustomerCaseSwiper .swiper-slide .CustomerCaseDiv a p { font-size: 3.88888vw; line-height: 1.7; color: #fff; } #index .main .customerCase .indexCustomerCaseSwiper .swiper-slide .CustomerCaseDiv .customerCaseBtn { background: #1A8A54; padding: 4.44444vw; display: inline-block; position: absolute; right: 0; bottom: 0; z-index: 2; } #index .main .customerCase .indexCustomerCaseSwiper .swiper-slide .CustomerCaseDiv .customerCaseBtn img { width: 9.16666vw; } #index .main .customerCase .indexCustomerCaseSwiper .swiper-slide .CustomerCaseDiv .customerCaseRightImg img { width: 100%; } #index .main .customerCase .indexCustomerCaseSwiper .swiper-slide .CustomerCaseDiv .customerCaseRightImg .markImg { position: absolute; left: 0; top: 0; height: 100%; } #index .main .customerCase .indexCustomerCaseSwiper .learnMoreCase { padding: 5.55555vw 6.759259vw; position: relative; } #index .main .customerCase .indexCustomerCaseSwiper .learnMoreCase a { color: #1A8A54; font-size: 3.518518vw; display: flex; align-items: center; padding-left: 7.77777vw; } #index .main .customerCase .indexCustomerCaseSwiper .learnMoreCase a::before { content: ''; background: url('/images/arrow-angled-states.png') no-repeat; background-size: 6.481481vw 6.481481vw; width: 6.481481vw; height: 6.481481vw; display: inline-block; position: absolute; left: 6.75925vw; } #index .main .customerCase .indexCustomerCaseSwiper .learnMoreCase .indexCustomerCasePagin { display: flex; width: 28.518518vw; position: absolute; right: 3.8888vw; align-items: center; justify-content: center; margin-right: -2.4vw; } #index .main .customerCase .indexCustomerCaseSwiper .learnMoreCase .indexCustomerCasePagin .swiper-button-nextprev { display: flex; color: #fff; width: 5.314814vw; height: 5.314814vw; background: #1A8A54; } #index .main .customerCase .indexCustomerCaseSwiper .learnMoreCase .indexCustomerCasePagin .swiper-button-nextprev::after { font-size: 1.5vw; } #index .main .customerCase .indexCustomerCaseSwiper .learnMoreCase .swiper-pagination { bottom: 0; z-index: 2; } #index .main .hotNews { background: #E3EEEC; padding: 5.27777vw 3.88888vw; } #index .main .hotNews .swiper .hotNewsUl { width: 100%; padding: 0; } #index .main .hotNews .swiper .hotNewsUl li { margin: 0; box-shadow: none; } #index .main .hotNews .swiper .hotNewsUl li .newsImg { width: 100%; } #index .main .hotNews .swiper .hotNewsUl li .newsDiv { padding: 2.962962vw 3.61111vw; } #index .main .hotNews .swiper .hotNewsUl li .newsDiv h4 { font-size: 4.44444vw; } #index .main .hotNews .swiper .hotNewsUl li .newsDiv p { font-size: 3.5185vw; } #index .main .hotNews .swiper .hotNewsUl li .newsDiv .newsLearnMore { font-size: 3.518518vw; color: #016A2E; padding-left: 6.1111vw; position: relative; left: auto; bottom: auto; } #index .main .hotNews .swiper .hotNewsUl li .newsDiv .newsLearnMore::before { width: 3.3333vw; height: 3.3333vw; background-size: 3.3333vw 3.3333vw; top: calc(50% - 1.66665vw); } #index .main .hotNews .swiper .hotNewsUl .swiper-slide { height: auto; min-height: 100%; } #index .main .hotNews .swiper .allNews { padding: 5.55555vw 2.870379vw; position: relative; } #index .main .hotNews .swiper .allNews a { color: #1A8A54; font-size: 3.518518vw; display: flex; align-items: center; padding-left: 7.77777vw; } #index .main .hotNews .swiper .allNews a::before { content: ''; background: url(/images/arrow-angled-states.png) no-repeat; background-size: 6.481481vw 6.481481vw; width: 6.481481vw; height: 6.481481vw; display: inline-block; position: absolute; left: 0; top: auto; } #index .main .hotNews .swiper .allNews .indexhotNewsPagin { display: flex; width: 28.518518vw; position: absolute; right: 3.8888vw; align-items: center; justify-content: center; margin-right: -6.4vw; } #index .main .hotNews .swiper .allNews .indexhotNewsPagin .swiper-button-nextprev { display: flex; color: #fff; width: 5.314814vw; height: 5.314814vw; background: #1A8A54; } #index .main .hotNews .swiper .allNews .indexhotNewsPagin .swiper-button-nextprev::after { font-size: 1.5vw; } #index .main .hotNews .swiper .allNews .indexhotNewsPagin .swiper-pagination { bottom: 0; z-index: 2; } }