@charset "UTF-8";


.solution{background: url(/images/solution/bg-solution.jpg) no-repeat left top;color: #fff;padding: 0; margin: 0;font-size:1.12rem;}
.solution p{font-size:1.12rem;}
.solution-location { margin:2rem 0 }
.solution-location a { color:#fff;}
.solution-title{margin: 3em 0; line-height:1.7;font-size: 1rem;}
.solution-title h1{ font-size: 3.5rem;font-weight: 600;margin-bottom: 1.5rem;}
.solution-title p{overflow: hidden;text-overflow: ellipsis;width: 100%;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;word-break: break-all;}
.solution-con { background:#fff; padding: 0 0 5rem; border-radius: 0 240px 0 0; color:#333;float: left; box-shadow: 0px 8px 10px 5px rgba(0, 0, 0, 0.2); }
.solution-left{ width: 60%;padding: 5em 4em 0;float: left;}
.solution-right{ width: 40%;padding: 5em 4em 0;float: right;}
.solution-tit {background: url(/images/solution/solution-tit.jpg) no-repeat left top;
    padding-left: 80px;}

.solution-con h2{ font-size:2.6rem;font-weight: 500;margin-bottom: 30px;padding-bottom: 20px;border-bottom: 1px #eee solid;clear: both;color:#000;}
.solution-con h3{font-size: 2.3rem;font-weight: 500;border-bottom: 1px #ccc solid;padding-bottom: 0.3em;margin-bottom: 1em; margin-top:1em;clear: both;}
.solution-con h3 em{ width:100%; font-size: 4rem;color: #016938;font-style: italic; padding-right:10px;}
.liucheng{margin: 30px 0 0; line-height:1.7;color: #444; }
.liucheng-con {display: table-cell; vertical-align: middle;}
.liucheng-con p{display: inline-block; vertical-align: middle;width:65%; }
.liucheng-con img{width:33%; margin: 0;; padding: 0 20px 20px 0;display: inline-block; vertical-align: middle; }
.fangantu{margin: 0;}
.fangantu img{border-radius: 50px;}
.sol-youshi{}
.sol-youshi h2, .sol-anli h2{background: #016938;color: #fff;text-align: center;padding: 1.5rem 0;border-radius: 60px 60px 0 0;margin: 0;}
.sol-youshi ul li, .sol-anli ul li{background: #eee;padding: 2.8rem; margin: 0 0 3px 0;}
.solution-right .sol-youshi ul li h4:before {
          content: "";
          display: inline-block;
          width:15px;
          height:15px;
          background-color: #333;
          vertical-align: middle;
          border-radius: 100%;margin-right: 18px;
        }
.sol-youshi ul li h4{font-size: 2.1rem; margin-bottom: 10px;}
.sol-youshi ul li h5{font-size: 1.8rem;}
.sol-anli ul{padding:0 0 5em 0;}
.sol-anli li img{width: 100%;}
.sol-anli li h4{font-size: 1.5rem;margin: 1rem 0 0.5rem;color: #222;font-weight: 600;}
.sol-anli li:hover h4{color: #016938;}



@media (min-width: 1600px){
.solution-mar{ margin:0 5rem;}
}

@media (max-width: 1024px){
.solution-title h1{ font-size: 2.5rem;}
.solution-con h2{ font-size: 1.8rem;margin-bottom: 20px;padding-bottom: 10px;}
.solution p{font-size: 1rem;}
.solution-tit{background-size: 50px 50px; padding-left: 55px;}
.solution-con h3{font-size: 1.6rem;
    padding-bottom: 0.2em;
    margin-bottom: 0.7em;
    margin-top: 0.7em;}
.solution-con h3 em{font-size: 3rem;}
.sol-youshi ul li h4, .sol-youshi ul li h4 span {font-size: 1.5rem !important;}
.sol-anli li h4{font-size: 1.3rem;}


.solution-left{ width: 100%;}
.solution-right{ width: 100%;}
}
@media (max-width: 600px){
.solution-left{ padding: 3em 2em;}
.solution-right{ padding: 1rem;}
.liucheng-con img, .liucheng-con p {width: 100%; padding-right: 0;}
.sol-youshi ul li{padding: 1.8rem;}
.sol-youshi ul li h4{font-size: 1.8rem;}
}