﻿body {background-color: #f5f8fc;}.solution_title {margin: 0 auto;position: relative;}.solution_title .solution_con {display: flex;background-color: #fff;box-shadow: 0px 0px 5px #bebebe;padding: 40px 30px;z-index: 99;margin-top: -70px;}.solution_title .line {width: 8px;height: 80px;background-color: #367da2;}.solution_title .timu {margin-left: 20px;margin-top: 10px;}.solution_title .timu p {margin-top: 10px;font-size: 14px;color: #666;}.solution_box {margin: 0 auto;letter-spacing: 2px;margin-top: 30px;}.solution_box .solution_content {margin: 30px auto;}.solution_box .solution_content .cont a {display: flex;position: relative;color: #000000;margin: 30px 0;}.solution_box .solution_content .cont a .cont_l {width: 93%;box-shadow: 0 0 5px #bebebe;padding: 30px;background-color: #FFFFFF;border-radius: 5px;}
.solution_box .solution_content .cont a .cont_l h3 {font-size: 20px;color: #111;}.solution_box .solution_content .cont:hover a .cont_l h3 {color: #f7ab00;}.solution_box .solution_content .cont a .cont_l h5 {font-size: 16px;margin: 15px 0;color: #333;}.solution_box .solution_content .cont a .cont_l p {width: 91%;font-size: 14px;color: #666;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;}.solution_box .solution_content .cont a .cont_l .xiaoguo {display: flex;margin-top: 15px;}.solution_box .solution_content .cont a .cont_l .xiaoguo li {background-color: #367DA2;margin-left: 10px;padding: 10px 20px;border-radius: 30px;color: #fff;font-size: 13px;text-align: center;}.solution_box .solution_content .cont a .cont_r {position: absolute;right: 0px;top: 35px;}.solution_box .solution_content .cont a .cont_r img {width: 250px;z-index: 99;background-color: #fff;padding: 10px;}
@media (max-width: 1620px) {.solution_box .solution_content .cont a .cont_l p {width: 88%;}}
@media (max-width: 1400px) {.solution_box .solution_content .cont a .cont_l p {width: 84%;}}
@media (max-width: 1110px) {.solution_box .solution_content .cont a .cont_l p {width: 81%;}.solution_title .solution_con {padding: 20px 30px;margin-top: -70px;}.solution_title .timu {margin-top: 0px;}.solution_title .timu h2 {font-size: 20px;}.solution_title .timu p {margin-top: 5px;}.solution_box .solution_content .cont a .cont_l {padding: 20px;}}
@media (max-width: 900px) {.solution_title .solution_con {padding: 15px 10px;margin-top: -70px;}.solution_title .timu h2 {font-size: 18px;}.solution_box .solution_content .cont a {display: block;}.solution_box .solution_content .cont a .cont_l {width: 100%;margin: 0 auto;padding: 10px;}.solution_box .solution_content .cont a .cont_l h3 {font-size: 16px;}.solution_box .solution_content .cont a .cont_l h5 {font-size: 14px;}.solution_box .solution_content .cont a .cont_l p {width: 100%;font-size: 13px;}.solution_box .solution_content .cont a .cont_r {position: unset;text-align: center;margin-top: 10px;}.solution_box .solution_content .cont a .cont_r img {width: 98%;padding: 5px;box-shadow: 0 0 5px #b8c3bf;}.solution_box .solution_content .cont a {margin: 10px 0;}.solution_box .solution_content .cont a .cont_l .xiaoguo li {border-radius: 10px;margin-left: 5px;padding: 10px;}}
@media (max-width: 700px) {.solution_box .solution_content .cont a .cont_l .xiaoguo {display: flex;justify-content: center;}.solution_box .solution_content .cont a .cont_l .xiaoguo li {margin: 0px 2px;padding: 10px 5px;display: flex;align-items: center;}.solution_box .solution_content .cont a .cont_l h5 {margin: 10px 0;}}