@charset "UTF-8";
.solution { color: #fff; padding: 0; margin: 0; font-size: 1.12rem; background-image: url(/images/solution/bg-solution.jpg); background-repeat: no-repeat; background-position: left top; }
.solution p { font-size: 1.4rem; line-height: 2; }
.solution ul {display: flex; flex-wrap: wrap;}
.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 { width: 100%; max-width: 1200px; color: #333; padding: 2rem; background: rgb(238 238 238 / 75%); border-left: 20px #fe8300 solid; border-radius: 20px; }
.solution-con { width: 100%; margin: 20px 0; 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; }
.colution-750 { width: 100%; padding: 2rem 10% 4rem; }
.solution-tit { background: url(/images/solution/solution-tit.jpg) no-repeat left top; padding-left: 80px; }
.solution-con h2 { font-size: 3rem; font-weight: 500; margin-top: 4rem; margin-bottom: 30px; padding-bottom: 20px; border-bottom: 1px #eee solid; clear: both; color: #000; }
.solution-con h3 { font-size: 2rem; 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 1% 1rem; width: 48%; float: left; }
.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-tit { background-size: 40px 40px; padding-left: 55px; }
.solution-left { width: 100%; }
.solution-right { width: 100%; }
.solution-title {padding: 0 15px;}
}
@media (max-width: 600px) {
.solution-left { padding: 3em 2em; }
.solution-right { padding: 1rem; }
.liucheng-con img, .liucheng-con p { width: 100%; padding-right: 0; }
}

html { font-size: 16px;}
@media (min-width: 200px) and (max-width: 414px) {
  html{font-size: 11px;}
}
@media (min-width: 415px) and (max-width: 639px) {
  html{font-size: 12px;}
}
@media (min-width: 640px) and (max-width: 719px) {
  html{font-size: 13px;}
}
@media (min-width: 720px) and (max-width: 749px) {
  html{font-size: 14px;}
}
@media (min-width: 750px) and (max-width: 799px) {
  html{font-size: 15px;}
}
@media (min-width: 800px) and (max-width: 1200px) {
  html{font-size: 16px;}
}
@media (min-width: 1200px) and (max-width: 1440px) {
  html{font-size: 16px;}
}
@media (min-width: 1441px) and (max-width: 1600px) {
  html{font-size: 17px;}
}
@media (min-width: 1600px){
  html{font-size: 18px;}
}