@import url('https://fonts.googleapis.com/css2?family=Anton&display=swap'); 

/* s1 */

.solution_list2_s1 .item{border: 1px solid #eaeaea; margin-bottom: 40px;}
.solution_list2_s1 .item:hover{box-shadow: 0 0 10px #01448b;}
.solution_list2_s1 .item .img img{width: 100%; height: auto;}
.solution_list2_s1 .item .img{width: 40%; position: relative;}
.solution_list2_s1 .item .img .s{width: 50%; border: 4px solid #fff; position: absolute; bottom: 10px; right: 10px;}
.solution_list2_s1 .item .txt{padding: 15px 20px; width: 60%; display: flex; flex-direction: column; justify-content: space-around;}
.solution_list2_s1 .item h3{font-size: 1.5rem; font-weight: bold;}
.solution_list2_s1 .item h3:hover a{ color:#77b917}
.solution_list2_s1 .item ul{padding: 0; margin: 0;}
.solution_list2_s1 .item li{width: 40%; line-height: 2rem;}
.solution_list2_s1 .item li:nth-child(2n){width: 60%;}
.solution_list2_s1 .item:last-of-type li:first-child{width: 25%;}
.solution_list2_s1 .item:last-of-type li:nth-child(2){width: 75%;}
.solution_list2_s1 .item li::before{display: inline-block;content: "●"; color: #77b917; margin-right: 10px;}
.solution_list2_s1 .item .t a{margin:0 20px 10px 0;}
.solution_list2_s1 .item .t a:last-of-type{margin:0 0 10px 0}
/* s2 */
.solution_list2_s2{background: url(/static/old/img/solution/list-feed/earth_bg.jpg) no-repeat 50% top;color: #fff; background-size: cover;}
.solution_list2_s2 .txt{margin-bottom: 30px;}
.solution_list2_s2 h2{font-family: 'Anton';font-size: 2rem;text-align: center;margin-bottom: 15px; color: #fff;}
.solution_list2_s2 p{color: #fff; margin-bottom: 25px;}
.solution_list2_s2 ul.flex{justify-content: center;}
.solution_list2_s2 li{width: 380px; line-height: 40px; text-align: center; border: 1px solid #fff; margin: 0 10px 10px;}
.solution_list2_s2 li a{color: #fff; font-size: 1rem;}
.solution_list2_s2 li a:hover{color: #77b917; text-decoration: underline;}
.solution_list2_s2 .img.flex{justify-content: space-between;}
.solution_list2_s2 dl{width: 120px; text-align: center; margin-bottom: 10px;}
.solution_list2_s2 dd{width: 80px; height: 80px; margin: 0 auto; background: url(/static/old/img/solution/list-feed/coin.png) no-repeat; margin-bottom: 15px;}
.solution_list2_s2 .img dl:nth-child(2) dd{background-position: -80px 0;}
.solution_list2_s2 .img dl:nth-child(3) dd{background-position: -160px 0;}
.solution_list2_s2 .img dl:nth-child(4) dd{background-position: 0 -80px;}
.solution_list2_s2 .img dl:nth-child(5) dd{background-position: -80px -80px;}
.solution_list2_s2 .img dl:nth-child(6) dd{background-position: -160px -80px;}
.solution_list2_s2 dt{line-height: 1.5rem; font-size: 1rem;}
/* s3 */
.solution_list2_s3 h2{text-align: center; margin-bottom: 25px;}
.solution_list2_s3 h2.line:after{display:none}
.solution_list2_s3 .tit{margin-bottom: 40px;}
.solution_list2_s3 .flex{justify-content: space-between;}
.solution_list2_s3 .item{width: 32%;min-width: 300px; border: 1px solid #eaeaea;margin-bottom: 40px;}
.solution_list2_s3 .item:hover{box-shadow: 0 0 10px #01448b;}
.solution_list2_s3 .item .t{position: relative;}
.solution_list2_s3 .item img{width: 100%; height: auto;}
.solution_list2_s3 .item .capacity{position: absolute;width: 120px; line-height: 40px; background-color: #77b917; text-align: center; font-size: 1.5rem; color: #fff; font-weight: bold; bottom: -20px; left: 20px;}
.solution_list2_s3 .item .b{padding: 40px 20px 30px; position: relative;}
.solution_list2_s3 .item h3{font-size: 1.2rem; margin-bottom: 15px;}
.solution_list2_s3 .item h3:hover a{ color:#77b917}
.solution_list2_s3 .item p{margin-bottom: 25px;}
.solution_list2_s3 .item a.a1{color: #77b917; font-size: 1rem;}
.solution_list2_s3 .item a.a1:hover{text-decoration: underline;}
.solution_list2_s3 .item a.a2{display: block;position: absolute; width: 130px; line-height: 30px;text-align: center;color: #fff;background: url(/static/old/img/solution/list-feed/blue_bg.jpg) no-repeat; bottom: 0; right: 0;font-size: 1rem;}
/* s4 */
.solution_list2_s4{background: url(/static/old/img/solution/list-feed/earth_bg2.jpg) no-repeat 50% top; background-size: cover; padding:40px 0}
.solution_list2_s4 .container.flex{justify-content: space-between;}
.solution_list2_s4 .img{width:50%; display: flex; align-items: center;}
.solution_list2_s4 .img img{width: 100%; height: auto;}
.solution_list2_s4 .txt{width: 40%;}
.solution_list2_s4 h2{color: #77b917; font-size: 2rem; margin-bottom: 25px;}
.solution_list2_s4 .item{margin-bottom: 10px; border: none;}
.solution_list2_s4 .item .img{width: 40px; margin-right: 15px;}
.solution_list2_s4 .item .r{width: calc(100% - 55px);}
.solution_list2_s4 p{color: #fff;}
/* s5 */
.solution_list2_s5 h2{text-align: center; margin-bottom: 15px;}
.solution_list2_s5 .tit p{margin-bottom: 40px;}
.solution_list2_s5 .item{width: 49%; max-width: 544px; position: relative; border: none;}
.solution_list2_s5 .item:hover .img,.solution_list2_s5 .item:hover .txt{box-shadow: 0 0 5px #01448b;}
.solution_list2_s5 .item .img{ box-shadow: 0 0 5px #ddd;padding: 10px;}
.solution_list2_s5 .item img{width: 100%; height: auto;}
.solution_list2_s5 .item>.b{position: relative; top: -40px;}
.solution_list2_s5 .item .txt{width: 90%;background-color: #fff; box-shadow: 0 0 5px #ddd; position: relative; left: 5%; padding: 35px 20px 20px;}
.solution_list2_s5 .item .country{width: 180px; line-height: 40px; text-align: center; color: #fff; background-color: #a80721; font-size: 1rem; position: absolute; left: 50%; top: -20px; margin-left: -90px;}
.solution_list2_s5 .item h3{font-size: 1rem; font-weight: bold; margin-bottom: 20px; line-height: 1.5rem;}
.solution_list2_s5 .item h3:hover a{ color:#77b917}
.solution_list2_s5 .item p{margin-bottom: 20px;}
.solution_list2_s5 .item .txt .b{text-align: center;}
.solution_list2_s5 .item .txt .b a{margin: 0 10px 10px;}
/* s6 */
.solution_list2_s6{background: url(/static/old/img/solution/list-feed/pro_bg.jpg) no-repeat 50% top; background-size: cover;}
.solution_list2_s6 .flex{flex-wrap: nowrap;}
.solution_list2_s6 .l{width: 32%;color: #fff; margin-bottom: 20px;}
.solution_list2_s6 h2{font-size: 2rem; font-family: 'Anton'; margin-bottom: 25px; color: #fff;}
.solution_list2_s6 h2::after{left: 0; margin-left: 0;}
.solution_list2_s6 .l p{margin-bottom: 20px;color: #fff;}
.solution_list2_s6 .l ul{padding: 0; margin: 0;}
.solution_list2_s6 .l li{line-height: 1.5rem; margin-bottom: 10px;}
.solution_list2_s6 .l li h3{color: #fff;}
.solution_list2_s6 .l li::before{display: block; content: '●'; margin-right: 10px; color: #77b917; float: left;}
.solution_list2_s6 .l a.green{border-radius: 0; margin-top: 20px;}
.solution_list2_s6 .l a.green:hover{box-shadow: 0 0 5px #ddd;}
.solution_list2_s6 .l a{color: #fff;font-size: 1rem;}
.solution_list2_s6 .r{width: 68%; position: relative;}
.solution_list2_s6 .r .flex{position: absolute; width: 1020px; left: 0; top: 0;}
.solution_list2_s6 .item{width: 32%; max-width: 300px; background-color: #fff; margin-bottom: 20px; position: relative;}
.solution_list2_s6 .item img{width: 100%; height: auto;}
.solution_list2_s6 .item .txt{padding: 10px 20px 50px;}
.solution_list2_s6 .item h4{font-size: 1rem; font-weight: bold;text-align: left; line-height: 1.5rem;}
.solution_list2_s6 .item h4::after{display: none;}
.solution_list2_s6 .item p{margin-top: 10px;}
.solution_list2_s6 .item .b{overflow: hidden; width: 100%; position: absolute; bottom: 0;}
.solution_list2_s6 .item .b a{width: 50%;text-align: center; display:block;float: left; font-size: 1rem; line-height: 40px; border-top: 1px solid #899098;}
.solution_list2_s6 .item .b a:hover{text-decoration: underline;}
.solution_list2_s6 .item .b a.butt{background-color: #77b917; color: #fff; border-top-color: #77b917;}
/* contact */
.solution_list2_contact h2 img{ margin: 0 auto 30px;width: 100%; height: auto; max-width: 430px;}
.solution_list2_contact .tit{margin-bottom: 40px;}
.solution_list2_contact .wrap.flex{justify-content: space-between; margin-bottom: 150px;}
.solution_list2_contact .l,.solution_list2_contact .r{width: 280px;}
.solution_list2_contact .item{box-shadow: 0 0 5px #ddd; padding: 30px 25px; margin-bottom: 30px;}
.solution_list2_contact .item span{display: block;width: 50px; height: 52px; margin-bottom: 20px; background: url(/static/old/img/solution/list-feed/coin_contact.png) no-repeat;}
.solution_list2_contact .l .item:nth-child(2) span{ background-position:-50px 0;}
.solution_list2_contact .r .item span{background-position: -100px 0;}
.solution_list2_contact .r .item:nth-child(2) span{ background-position:-150px 0;}
.solution_list2_contact .item dt{font-size: 1.5rem; font-weight: bold; margin-bottom: 10px;}
.solution_list2_contact .item dd{font-size: 1rem; line-height: 1.5rem;}
.solution_list2_contact .c{width: 580px; background: #01448b; padding: 50px 20px 20px;}
.solution_list2_contact form ul{padding: 0; margin: 0;}
.solution_list2_contact form label{color: #fff;}
/* .solution_list2_contact form label{overflow: hidden; width: 100%; background-color: #fff; line-height: 50px; display: block; padding: 0 10px; margin-bottom: 30px; border-radius: 3px;}
.solution_list2_contact form label span{width: 115px; display: block; float: left;} */
.solution_list2_contact form label input{width: calc(100% - 115px); float: right; height: 50px; border: none; font-size: 1rem;}
.solution_list2_contact form textarea{width: 100%; padding: 10px; border-radius: 3px; height: 120px; font-size: 1rem; margin-bottom: 10px;}
.solution_list2_contact form p{color: #fff;margin-bottom: 20px;}
.solution_list2_contact form input.sub{width: 180px; line-height: 50px; text-align: center; color: #fff; border: none; border-radius: 3px; cursor: pointer; background-color: #77b917; font-size: 1rem; margin: 0 auto; display: block; padding: 0;}
.solution_list2_contact .b li{width: 266px; border: 1px dashed #01448b; position: relative;padding: 70px 10px 20px;}
.solution_list2_contact .b li span{display: block; width: 130px; height: 130px; border-radius: 50%; position: absolute; top: -80px; left: 68px; background-color: #07284e; box-shadow: 0 0 0 10px rgba(7, 40, 78, .3);}
.solution_list2_contact .b li span::before{display: block; content: '';width: 75px; height: 60px; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); background: url(/static/old/img/icon_contact.png) no-repeat;background-position-x: -83px;}
.solution_list2_contact .b ul li:nth-child(2) span::before{background-position-x: -157px;}
.solution_list2_contact .b ul li:nth-child(3) span::before{background-position-x: -238px;}
.solution_list2_contact .b ul li:nth-child(4) span::before{background-position-x: -310px;}
.solution_list2_contact .b dt{font-size: 1.3rem; font-family: 'Anton'; height: 4rem; text-align: center; color: #01448b; line-height: 1.5rem;}
.solution_list2_contact .b dd{font-size: 1rem;line-height: 1.5rem; color: #666; text-align: center;}
.solution_list2_contact .b li:hover{border: 1px solid #77b917;}

@media (max-width:1440px){
    .solution_list2_s6 .r .flex{width: 100%; position: unset;}
}
@media (max-width:1024px){
    .solution_list2_s1 .item .img{width: 100%; max-width: 480px;}
    .solution_list2_s1 .item .txt{width: 100%;}
    .solution_list2_s1 .item .txt>*{margin-bottom: 10px;}
    .solution_list2_s6 .flex{flex-wrap: wrap;}
    .solution_list2_s6 .flex>div{width: 100%;}
    .solution_list2_contact .wrap.flex{justify-content: space-around;}
    .solution_list2_contact .c{display: none;}
    .solution_list2_contact .b li{margin-bottom: 100px;}
}
@media (max-width:768px){
    .solution_list2_s1 .item li{width:100% !important}
    .solution_list2_s4 .container.flex>*{width: 100%}
    .solution_list2_s4 .txt{display: flex; flex-direction: column; align-items: center; margin-top: 20px;}
    .solution_list2_s3 .item,.solution_list2_s5 .item{width: 100%;}
    .solution_list2_s3 .flex{justify-content: space-around;}
    
}