@charset "utf-8"; /* * ---------------------------------- solution * */ .solution-video{ position: relative; width: 100%; height: 980px; background-color: #eee;} .solution-video video{position: absolute;right: 0;bottom: 0;top:0;right:0;width: 100%;height: 100%;background-size: 100% 100%;background-color: #f7f7f7;background-image:background-position: center center;background-size: contain;object-fit: cover;z-index:3;} .solution-video img{display:none; width:100%;} @media(max-width:768px){ .solution-video video{display:none;} .solution-video img{display:block;} } .solution-bg{position: fixed; top: 0; bottom: 0; left: 0; right: 0; z-index: -1; width: 100%; height: 100%; background-position: center; transition: none; background-position: center; background-repeat: no-repeat; background-size: 100% 200%; overflow: hidden;} .solution-bg img{margin-top: -10%;} /* */ .solution-poster{width: 60.4%; height: 550px;} .solution-item{margin-top: 100px; align-items: center;} .solution-list .solution-item:nth-child(1){margin-top:0;} .solution-desc{flex: 1; padding: 0 160px 0 80px; color: #333;} .solution-desc h3{ font-size: 30px; line-height: 1.4; color: var(--default);} .solution-desc p{ margin-top: 30px; font-size: 16px; line-height: 1.6; color: #666;} .solution-desc .solution-view {margin-top: 30px;} .solution-desc .solution-view a{display: inline-block; padding: 0 35px; line-height: 48px; font-size: 16px; background-image: linear-gradient(45deg, #2F81ED, #16A5F6, #01C5FF); color: #fff;} .solution-desc .solution-types{margin-top: 30px;} .solution-desc .solution-types ul {margin-left: -16px;} .solution-desc .solution-types ul li{width: 50%; padding: 8px 0 8px 16px;} .solution-desc .solution-types ul li a{ position: relative; display: block; height: 100%; padding: 12px 15px; line-height: 1.2; border: 1px solid #eee; color: #333; } .solution-desc .solution-types ul li a div{ display: flex; align-items: center; width: 80%; height: 38px; line-height: 1.4; overflow: hidden;} .solution-desc .solution-types ul li a div span{display: block;} .solution-desc .solution-types ul li a i{ position: absolute; top: 50%; right: 20px; margin-top: -7px; display: block; width: 14px; height: 14px; border-top: 1px solid #333; border-right: 1px solid #333; transform: rotate(45deg);} .solution-list .solution-item:nth-child(2n){flex-direction: row-reverse;} .solution-list .solution-item:nth-child(2n) .solution-desc{ padding: 0 80px 0 160px; } .solution-desc .solution-types ul li a:hover{background-color: #f0f3f5; } .solution-desc .solution-types ul li a:hover div{} @media (max-width:1800px) { .solution-desc .solution-types ul li a{ font-size: 14px; } } @media (max-width:1600px) { .solution-desc{ padding: 0 120px 0 40px;} .solution-desc h3{ font-size: 28px;} .solution-list .solution-item:nth-child(2n) .solution-desc{ padding: 0 40px 0 120px; } } @media (max-width:1400px) { .solution-desc{ padding: 0 60px 0 30px;} .solution-desc h3{ font-size: 24px;} .solution-desc p{ margin-top: 20px; font-size: 16px;} .solution-desc .solution-types ul li a{ padding: 10px; } .solution-list .solution-item:nth-child(2n) .solution-desc{ padding: 0 30px 0 60px; } .solution-desc .solution-view a{ padding: 0 25px; line-height: 40px; font-size: 16px;} } @media (max-width:1200px) { .solution-poster{width: 100%;} .solution-item{margin-top: 0; } .solution-desc{width: 100%; padding: 30px 15px 15px ;} .solution-desc h3{ font-size: 20px;} .solution-desc p{ margin-top: 20px; font-size: 14px;} .solution-desc .solution-view {margin-top: 10px;} .solution-desc .solution-types{margin-top: 10px;} .solution-list .solution-item:nth-child(2n){flex-direction: reverse;} .solution-list .solution-item:nth-child(2n) .solution-desc{ padding: 30px 15px 15px ;} } @media (max-width:768px) { .solution-poster{ height:320px;} .solution-desc .solution-types ul li a{ font-size: 12px; } } /* */ .solution-tabs-bg{height: 750px;} .solution-tabs-head{margin-bottom: 60px;} .solution-tabs-head ul{justify-content: center;} .solution-tabs-head ul li{ width: 200px; margin: 0 5px 5px;} .solution-tabs-head ul li a{display: block; line-height: 48px; font-size: 20px; color: var(--default); text-align: center; border: 1px solid var(--default);} .solution-tabs-head ul li a:hover, .solution-tabs-head ul li.on a{background-image: linear-gradient(45deg, #2F81ED, #16A5F6, #01C5FF); color: #fff;} .solution-tabs-body{} .solution-tabs-item{ display: none;} .solution-tabs-desc{margin: 0 auto; max-width: 1200px; text-align:center;} .solution-tabs-desc p{line-height: 1.6; font-size: 18px; color: #666;} .solution-tabs-body .solution-tabs-item:first-child{display: block;} .solution-tabs-lists ul{margin-left: -40px;} .solution-tabs-lists ul li{width: 50%; padding: 20px 0 20px 40px;} .solution-tabs-pic{position: relative; overflow: hidden;} .solution-tabs-pic img{width: 100%;} .solution-tabs-pic h3{position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 50px; color: #fff; font-size: 36px;} @media (max-width: 1200px) { .solution-tabs-head{margin-bottom: 30px;} .solution-tabs-lists ul{margin-left: -20px;} .solution-tabs-lists ul li{ width: 50%; padding: 20px 0 20px 20px;} .solution-tabs-pic h3{ padding: 50px; font-size: 28px;} } @media (max-width: 768px) { .solution-tabs-head ul{justify-content: ;} .solution-tabs-head ul li{ width: 180px; margin-left: -1px;} .solution-tabs-head ul li a{ padding: 0 10px; line-height: 45px; font-size: 16px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;} .solution-tabs-pic h3{ padding: 30px; font-size: 24px;} } @media (max-width: 640px) { .solution-tabs-lists ul li{width: 100%; padding: 20px 0 20px 20px;} } /* */ .solut-case-bg{ padding-top: 100px; background-color: #f5f5f5; overflow: hidden;} .solut-item{margin-bottom: 100px; align-items: center;} .solut-case-list ul li:nth-child(2n) .solut-item{flex-direction: row-reverse;} .solut-case-list ul li:nth-child(2n) .solut-item .solut-desc{ padding-left: 0; padding-right: 80px;} .solut-poster{width: 55%;} .solut-poster img{width: 100%;} .solut-desc{flex: 1; padding-left: 80px;} .solut-desc h3{ font-size: 32px; line-height: 1.4; color: var(--default);} .solut-desc p{ margin-top: 30px; font-size: 16px; line-height: 1.6;} .solut-desc .solution-view {margin-top: 30px;} .solut-desc .solution-view a{display: inline-block; padding: 0 35px; line-height: 50px; font-size: 18px; background-image: linear-gradient(45deg, #2F81ED, #16A5F6, #01C5FF); color: #fff;} @media (max-width: 1200px) { .solut-desc{flex: 1; padding-left: 60px;} .solut-case-list ul li:nth-child(2n) .solut-item .solut-desc{ padding-left: 0; padding-right: 60px;} .solut-desc h3{ font-size: 24px; } } @media (max-width: 960px) { .solut-item{margin-bottom: 60px; } .solut-desc{flex: 1; padding-left: 40px;} .solut-case-list ul li:nth-child(2n) .solut-item .solut-desc{ padding-left: 0; padding-right: 40px;} .solut-desc h3{ font-size: 22px; } } @media (max-width: 860px) { .solut-poster{width: 100%;} .solut-desc{ margin-top: 20px; width: 100%; padding-left: 0;} .solut-case-list ul li:nth-child(2n) .solut-item .solut-desc{width: 100%; padding-right: 0;} .solut-desc p{ margin-top: 15px; font-size: 16px; line-height: 1.6;} } /* */ .solut-honor-left{padding: 100px 100px 100px 160px; width: 640px; background-color: #FAFAFA;} .solut-honor-left .index-title p{padding: 0;} .solut-honor-right{flex: 1; padding: 100px 0 100px 50px; overflow: hidden;} .solut-honor-swiper{width: 100%; } .solut-honor-swiper .swiper-slide {display: flex; align-items: center; justify-content: center; padding: 15px; width: 450px; height: 450px; border: 1px solid #eee;} .solut-honor-swiper .swiper-slide img{ max-width: 100%; max-height: 100%;} .solut-honor-btn{max-width: 120px;} .solut-honor-btn .swiper-button-next, .solut-honor-btn .swiper-button-prev{width: 50px; height: 50px; border: 1px solid var(--default); border-radius: 50%;} .solut-honor-btn .swiper-button-next::after, .solut-honor-btn .swiper-button-prev::after{font-size: 18px; color: var(--default);} .solut-honor-btn .swiper-button-next{right: 0;} .solut-honor-btn .swiper-button-prev{left: 0;} @media (max-width: 1800px) { .solut-honor-left{padding: 100px 160px; width: 100%; } .solut-honor-left .index-title {text-align: center; padding-bottom: 20px; } .solut-honor-btn{max-width: 120px; height: 50px; margin: 0 auto;} .solut-honor-right{ width: 100%; padding: 50px; overflow: hidden;} } @media (max-width: 1600px) { .solut-honor-left{padding: 50px 120px; } } @media (max-width: 1400px) { .solut-honor-left{padding: 50px 60px; } } @media (max-width: 1200px) { .solut-honor-left{padding: 50px 15px; } } @media (max-width: 640px) { .solut-honor-swiper .swiper-slide { width: 100%; height: 250px; border: 1px solid #eee;} } /* */ .solut-guanfu-lists ul {margin-left: -60px;} .solut-guanfu-lists ul li{width: 50%; padding-left: 60px;} .solut-guanfu-item{height: 500px;} .solut-guanfu-title{ width: 80%; padding: 40px 60px; margin: 0 auto; background-color: #f7f7f7; transform: translateY(-50px);} .solut-guanfu-title h3{font-size: 32px; line-height: 1.4; color: var(--default);} .solut-guanfu-title p{margin: 25px 0; line-height: 1.4; height: 66px; color: #666; overflow: hidden;text-overflow: ellipsis; -webkit-line-clamp: 3; display: -webkit-box; -webkit-box-orient: vertical;} .solut-guanfu-title a{display: inline-block; color: var(--default); font-size: 18px;} .solut-guanfu-title:hover{background-color: #fff; box-shadow: 0 0 15px rgba(0,0,0,.1);} @media (max-width:1800px) { .solut-guanfu-title{ padding: 30px 50px; } .solut-guanfu-title h3{font-size: 24px; } .solut-guanfu-title p{margin: 15px 0; height: 66px; color: #666; overflow: hidden;} .solut-guanfu-title a{display: inline-block; color: var(--default); font-size: 18px;} } @media (max-width:1400px) { .solut-guanfu-lists ul {margin-left: -30px;} .solut-guanfu-lists ul li{ padding-left: 30px;} .solut-guanfu-item{height: 350px;} .solut-guanfu-title{ width: 90%;} } @media (max-width:960px) { .solut-guanfu-lists ul li{ margin: 20px 0;} .solut-guanfu-item{height: 300px;} .solut-guanfu-title{ width: 100%; padding: 20px 40px; transform: translate(0); } .solut-guanfu-title h3{font-size: 20px; } .solut-guanfu-title p{margin: 15px 0; height: 66px; } .solut-guanfu-title a{ font-size: 14px;} } @media (max-width:860px) { .solut-guanfu-item{ height: 250px;} .solut-guanfu-title{ padding: 20px ; } .solut-guanfu-title h3{font-size: 20px; } .solut-guanfu-title p{margin: 15px 0; height: 66px; } .solut-guanfu-title a{ font-size: 14px;} } @media (max-width:768px) { .solut-guanfu-lists ul li{ width: 100%;} } /* */ .solut-techni-lists ul { justify-content: center;} .solut-techni-lists ul li{width: 25%; padding: 20px 50px; border-left: 1px solid #CDE4F8;} .solut-techni-lists ul li:nth-child(4n-3){border-left-color: transparent;} .solut-techni-ico{max-width: 210px; height: auto; margin: 0 auto; padding: 15px; align-items: center; justify-content: center;} .solut-techni-ico img{max-width: 100%; max-height: 100%;} .solut-techni-lists ul li h3{text-align: center; font-size: 24px; line-height: 1.4; margin-bottom: 15px;} .solut-techni-lists ul li p{line-height: 1.6; color: #666; text-align: center;} @media (max-width:1200px) { .solut-techni-lists ul li{ padding: 20px 30px; } .solut-techni-lists ul li h3{ font-size: 20px; } } @media (max-width:860px) { .solut-techni-lists ul li{ padding: 0 15px; } .solut-techni-ico{padding-top: 0;} } @media (max-width: 768px) { .solut-techni-lists ul li p{line-height: 1.4; font-size: 14px;} } @media (max-width: 640px) { .solut-techni-lists ul li{ width: 50%; padding:15px; } .solut-techni-lists ul li:nth-child(2n+1){border-left: transparent;} .solut-techni-lists ul li p{line-height: 1.4; font-size: 14px;} } /* */ .solut-clacase-bg{background-color: #f5f5f5;} .solut-clacase-lists {position: relative; padding-bottom:30px;} .solut-clacase-pic{overflow: hidden;} .solut-clacase-pic img{width: 100%;} .solut-clacase-title h3{ margin: 25px 0; font-size: 24px; line-height:1.4; color: var(--default);} .solut-clacase-title p{line-height: 1.4; font-size: 16px; color: #666;} .solut-clacase-lists .swiper-button-next, .solut-clacase-lists .swiper-button-prev{width: 50px; height: 50px; margin-top: -90px; border: 1px solid var(--default); border-radius: 50%;} .solut-clacase-lists .swiper-button-next::after, .solut-clacase-lists .swiper-button-prev::after{font-size: 18px; color: var(--default);} .solut-clacase-lists .swiper-button-next{right: -75px;} .solut-clacase-lists .swiper-button-prev{left: -75px;} .solut-clacase-lists .swiper-scrollbar{ position:absolute; left:0; bottom:0; width:100%; height:3px;} /*.solut-clacase-lists .swiper-scrollbar-drag{background-color: #666;}*/ @media (max-width: 1400px) { .solut-clacase-lists .swiper-button-next, .solut-clacase-lists .swiper-button-prev{display: none;} } @media (max-width: 1200px) { .solut-clacase-title h3{ margin: 25px 0 15px; font-size: 22px; } } @media (max-width: 960px) { .solut-clacase-title h3{ font-size: 20px; } } @media (max-width: 768px) { .solut-clacase-title h3{ font-size: 18px; } } /* */ .solut-product-about { height: 100%; overflow: auto; } .solut-product-about ul{margin-left: -100px; justify-content: center;} .solut-product-about ul li{width: 50%; padding: 20px 0 20px 100px;} .solut-product-item{align-items: center;} .solut-product-pic{ display: block; width: 50%;background-color: #F0F0F0; overflow: hidden; } .solut-product-pic img{width: 100%;} .solut-product-desc{width: 50%; padding-left: 40px;} .solut-product-desc h3{font-size: 32px; color: var(--default);} .solut-product-desc p{ margin-top: 20px; font-size: 18px; line-height: 1.6; color: #666;} .solut-product-desc a{margin-top: 25px; display: inline-block; font-size: 18px; color: var(--default);} .solut-product-pic:hover img{transform: scale(1.1);} @media (max-width: 1800px) { .solut-product-about ul{margin-left: -50px;} .solut-product-about ul li{width: 50%; padding: 20px 0 20px 50px;} .solut-product-desc h3{ font-size: 28px; } } @media (max-width: 1600px) { .solut-product-desc h3{ font-size: 24px; } .solut-product-desc p{ font-size: 16px; line-height: 1.4; } } @media (max-width: 1200px) { .solut-product-about ul{margin-left: -30px;} .solut-product-about ul li{width: 50%; padding: 20px 0 20px 30px;} .solut-product-desc{ padding-left: 20px;} .solut-product-desc h3{ font-size: 24px; } .solut-product-desc p{margin-top: 10px; font-size: 16px; line-height: 1.4;} } @media (max-width: 860px) { .solut-product-about ul li{width: 100%; padding: 20px 0 20px 30px;} } @media (max-width: 640px) { .solut-product-pic{ display: block; width: 100%; padding: 15px; } .solut-product-desc{width: 100%; padding-left: 0; margin-top: 15px; } .solut-product-desc h3{ font-size: 18px; } .solut-product-desc p {font-size: 14px; } .solut-product-desc a{margin-top: 15px; font-size: 14px; } } /* */ .solut-requ{ border: 1px solid #ccc;} .solut-requ ul li{width: 33.33%; padding: 60px 40px; background-color: #FBFBFB;} .solut-requ-item {align-items: center;} .solut-requ-item img{width: 100px;} .solut-requ-item h3{ flex: 1; padding-left: 30px; line-height: 1.6; font-size: 22px; color: var(--default);} @media (max-width: 1600px) { .solut-requ ul li{width: 50%; padding: 30px; } .solut-requ-item h3{ line-height: 1.4; font-size:20px; } } @media (max-width: 1200px) { .solut-requ ul li{width: 50%; padding: 30px; } .solut-requ-item h3{ line-height: 1.4; font-size: 18px; } } @media (max-width: 768px) { .solut-requ ul li{width: 50%; padding: 15px; } .solut-requ-item img{width: 80px;} } @media (max-width: 640px) { .solut-requ ul li{width: 100%; } .solut-requ-item h3{ padding-left: 15px;} .solut-requ-item img{width: 60px;} } /* */ .solut-process{ width: 100%; overflow: hidden;} .solut-process-other{} .solut-process-scroll{ text-align: center; overflow: auto;} .solut-process-scroll img{ width: 100%; height: auto;} @media (max-width: 768px) { .solut-process-scroll img{ width: 1000px;} } /* */ .solut-mode-bg{background-color: #F0F3F5;} .solut-mode-lists ul{margin-left: -80px;} .solut-mode-lists ul li{width: 50%; padding-left: 80px;} @media (max-width: 1400px) { .solut-mode-lists ul{margin-left: -60px;} .solut-mode-lists ul li{ padding-left: 60px;} } @media (max-width: 1200px) { .solut-mode-lists ul{margin-left: -40px;} .solut-mode-lists ul li{ padding-left: 40px;} } @media (max-width: 1200px) { .solut-mode-lists ul li{ margin-bottom: 30px; width: 100%;} } /* */ .solut-contact ul{justify-content: center;} .solut-contact ul li{ position: relative; width: 33.33%; text-align: center; padding: 90px 0; border-bottom: 1px solid #eee;} .solut-contact ul li::before{position: absolute; top: 20%; left: 0; content: ''; width: 1px; height: 60%; background-color: #eee;} .solut-contact ul li span{display: inline-block; padding: 0 65px; line-height: 60px; font-size: 24px; background-color: var(--default); color: #fff; border-radius: 60px;} .solut-contact ul li h3{ margin-top: 20px; font-size: 24px; line-height: 1.6;} @media (min-width: 640px) { .solut-contact ul li:nth-child(3n+1)::before {display: none;} } /* .solut-contact ul li:nth-child(4), .solut-contact ul li:nth-child(5){border-bottom-color: transparent;} */ @media (max-width: 960px) { .solut-contact ul li{ padding: 30px 0; } .solut-contact ul li span{ padding: 0 45px; line-height: 40px; font-size: 20px; ;} .solut-contact ul li h3{ margin-top: 20px; font-size: 20px; line-height: 1.6;} } @media (max-width: 640px) { .solut-contact ul li{ width: 50%; padding: 30px 0; } .solut-contact ul li span{ font-size: 18px; ;} .solut-contact ul li h3{ font-size: 18px; } .solut-contact ul li:nth-child(2n+1)::before {display: none;} } /* */ .solut-app-lists ul {} .solut-app-lists ul li{width: 25%; padding: 30px 50px; background-color: #FBFBFB; border: 1px solid #eee;} .solut-app-ico{max-width: 150px; height: 200px; margin: 0 auto; padding: 15px; align-items: center; justify-content: center;} .solut-app-ico img{max-width: 100%; max-height: 100%;} .solut-app-lists ul li p{line-height: 1.6; font-size: 18px; color: #666; text-align: center;} @media (max-width:1200px) { .solut-app-lists ul li{width: 25%; padding: 30px; } .solut-app-ico{max-width: 150px; height: 150px; } .solut-app-lists ul li p{line-height: 1.4; font-size: 16px; } } @media (max-width: 768px) { .solut-app-lists ul{ justify-content: center; } .solut-app-lists ul li{width: 33.33%; padding: 15px;} .solut-app-ico{ height: 120px; } .solut-app-lists ul li p{ font-size: 14px; } } @media (max-width: 640px) { .solut-app-lists ul li{width: 50%; } } @media (max-width: 640px) { .solut-app-lists ul{justify-content: center;} .solut-app-ico{max-width: 150px; height: 120px; } } /* */ .solut-codeavd-lists ul{margin-left: -20px;} .solut-codeavd-lists ul li{width: 33.33%; padding-left: 20px;} .solut-codeavd-item{ position: relative; padding: 100px; text-align: center; height:100%; background-color: rgba(255, 255, 255, .7);} .solut-codeavd-item span{position: absolute; top: -25px; left: 50%; margin-left: -25px; display: inline-block; width: 50px; height: 50px; line-height: 50px; text-align: center; font-size: 22px; text-align: center; border-radius: 50%; background-color: var(--default); color: #fff;} .solut-codeavd-item img{max-width: 120px; margin: 0 auto 20px; } .solut-codeavd-item h3{color: var(--default); font-size: 20px; line-height:1.6;} .solut-codeavd-item p{ margin-top: 15px; color: #666; height: 90px; line-height: 1.4;} @media (max-width:1800px) { .solut-codeavd-item{ padding: 60px; } } @media (max-width:1200px) { .solut-codeavd-item{ padding: 30px; } .solut-codeavd-item img{max-width: 100px; } .solut-codeavd-item h3{ font-size: 20px;} .solut-codeavd-item p{ height: 120px; line-height: 1.4; } } @media (max-width:768px) { .solut-codeavd-lists ul li{width: 100%; margin-bottom: 50px;} .solut-codeavd-item p{ height: auto; } } /* */ .solut-indus-lists ul {justify-content: center; margin-left: -40px;} .solut-indus-lists ul li {width: 33.33%; padding-left: 45px;} .solut-indus-item {overflow: hidden;} .solut-indus-item img{width: 100%;} @media (max-width:768px) { .solut-indus-lists ul { margin-left: -20px;} .solut-indus-lists ul li {width: 50%; padding-left: 20px;} } /* */ .solut-framework-poster{width: 50%; min-height: 500px;} .solut-framework-lists{ width: 50%; padding: 0 160px 0 80px; } .solut-framework-item{ margin-top: -1px; align-items: center; padding: 90px 0; border-top: 1px solid #eee; border-bottom: 1px solid #eee;} .solut-framework-item img{width: 90px;} .solut-framework-item div{padding-left: 60px; flex: 1;} .solut-framework-item div h3{ font-size: 32px; color: var(--default);} .solut-framework-item div p{ margin-top: 15px; line-height: 1.6; color: #666;} @media (max-width:1400px) { .solut-framework-lists{ padding: 0 60px 0; } .solut-framework-item div h3{ font-size: 28px; } } @media (max-width:1200px) { .solut-framework-poster{width: 50%; min-height: 300px;} .solut-framework-lists{ padding: 0 15px 0 30px; } .solut-framework-item{ padding: 50px 0; } .solut-framework-item div{padding-left: 30px; flex: 1;} .solut-framework-item img{width: 60px;} .solut-framework-item div h3{ font-size: 24px; } } @media (max-width:768px) { .solut-framework-poster{width: 100%; } .solut-framework-lists{ width: 100%; } } /* */ .solut-ai-lists ul{margin-left: -20px;} .solut-ai-lists ul li{width: 16.66%; padding-left: 20px;} .solut-ai-item{ padding: 40px; text-align: center; background-color: rgba(255, 255, 255, .7);} .solut-ai-item img{max-width: 100px;} .solut-ai-item h3{ margin-top: 15px; line-height: 1.4; font-size: 18px; height: 46px;} @media (max-width: 1800px) { .solut-ai-item{ padding: 20px; } } @media (max-width: 1200px) { .solut-ai-item{ padding: 15px; } .solut-ai-item h3{ margin-top: 5px; font-size: 16px; } } @media (max-width: 768px) { .solut-ai-lists ul li{width: 33.33%; padding-top: 10px; padding-bottom: 10px;} } @media (max-width: 768px) { .solut-ai-lists ul li{width: 50%; } } /* */ .solut-saler-content{line-height: 1.6;} .solut-saler-lists{ overflow: hidden;} .solut-saler-lists ul{margin-left: -100px;} .solut-saler-lists ul li{ margin-top: 50px; padding-left: 100px; max-width: 300px;} .solut-saler-lists ul li img{max-width: 80px;} .solut-saler-lists ul li h3{margin-top: 15px; line-height: 1.6; color: var(--default);}