/*解决方案*/
.o_title{overflow: hidden;text-align: center;padding-top: 6%;position: relative;}

.o_title .h3{font-weight: none;color: #222222;line-height: 1.3;}

.o_title .p{overflow: hidden;line-height: 1.6;color: #5c626c;margin-top: 1%;}

.o_title.t2 span{font-size: 16px;line-height:40px ;}

.solution_ul_bg{background-color: #f9fcff}

.solution_ul{margin-top: 3.5%;}

.solution_ul ul{display: flex;flex-wrap: wrap;}

.solution_ul ul li{width: 49%;overflow: hidden;background: #ffffff;margin-right: 2%;margin-bottom: 2%;border-radius: 10px;}

.solution_ul ul li:hover{box-shadow: 3px 3px 32px 0px rgba(0,0,0,0.07);}

.solution_ul ul li:nth-child(2n){margin-right: 0;}

.solution_ul ul li .imgs{ overflow:hidden;  position:relative; padding-top:58.115%; }

.solution_ul ul li .imgs img{display: block;width: 100%; position:absolute; height:100%; left:0; top:0;-webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);-webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s;object-fit: cover;}

.solution_ul ul li:hover .imgs img{-webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1);}

.solution_ul ul li .txts{overflow: hidden; text-align: left;padding-left: 35px;padding-right: 35px;position: relative;padding-top: 16px;padding-bottom: 22px;}

.solution_ul ul li .txts .h3{font-weight: bold;line-height: 36px;color: #222222;height: 36px;overflow: hidden;transition:all 0.3s;white-space:nowrap;text-overflow:ellipsis;}

.solution_ul ul li .txts .p{overflow: hidden;line-height: 22px;color: #5c626c;font-size: 14px;margin-top: 10px;height: 44px;font-family:"PingFang-Medium","微软雅黑";text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}

.solution_ul ul li:hover .txts .h3{color: var(--main-color);}

.solution_ul ul li .txts .a{line-height: 30px;height: 30px;font-size: 14px;

  background: linear-gradient(264deg, #60D2FF 0%, #41B5FF 0%, #357CFF 100%);

-webkit-background-clip: text;-webkit-text-fill-color: transparent;margin-top: 18px;font-style: normal;position: relative;padding-right: 20px;float: left;transition:all 0.3s;}

.solution_ul ul li .txts .a::after{width: 6px;height: 11px;content: "";position: absolute;right: 0;top: 50%;margin-top: -5px;background: url(../image/solution_pic2.png) right center no-repeat;background-size: 100% 100%;}

.solution_ul ul li .txts .a:hover{background: linear-gradient(90deg, #60D2FF 0%, #41B5FF 0%, #357CFF 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}

@media screen and (max-width: 992px) {

/*解决方案*/

.solution_ul ul li .txts{padding-left: 20px;padding-right: 20px;padding-bottom: 40px;}

}

@media screen and (max-width: 780px) {

/*解决方案*/

.solution_ul ul li{width: 49%;}

.solution_ul ul li:nth-child(3n){margin-right: 2%;}

.solution_ul ul li:nth-child(2n){margin-right: 0%;}

.solution_ul ul li .txts{padding-bottom: 30px;}

.solution_ul ul li .txts .p{margin-top: 10px;}

.solution_ul ul li .txts .h3{height: 30px;line-height: 30px;}

}

@media screen and (max-width: 640px) {

/*解决方案*/

.solution_ul ul li .txts .p{font-size: 13px;}



}

@media screen and (max-width: 480px) {

/*解决方案*/

.solution_ul ul li .txts{padding-left: 10px;padding-right: 10px;padding-bottom: 20px;padding-top: 12px;padding-bottom: 15px;}

.solution_ul ul li .txts .p{font-size: 12px;margin-top: 5px}

.solution_ul ul li .txts .a{line-height: 22px;height: 22px;margin-top: 12px;}

.solution_ul ul li .txts .h3{height: 26px;line-height: 26px;}

}