@import url('../product.css');

.section .title {margin-top:0}
.intro .title {margin-bottom:0;line-height:1.6;color:#666}
.intro .line {position:relative}
.intro .line .tooltip {z-index:1}
.intro .line .tooltip-arrow {bottom:-2px;margin-left:-10px;border-width:10px 10px 0;border-top-color:#D7D7D7}
.intro .line .tooltip-inner {max-width:300px;padding:8px 50px;background-color:#D7D7D7;border-radius:100px;color:#666666;font-size:16px;font-weight:bold}
.intro .item {width:60px;height:60px;border-radius:80px;background-color:#fff;display:inline-block;margin-bottom:120px;border:5px solid #F7F7F7;box-sizing:content-box;position:relative}
.intro .item .iconfont {font-size:45px;color:#fff;margin-left:1.5px;line-height:60px}
.intro .line .col::before {content:"";display:block;position:absolute;width:100%;height:10px;top:30px;left:0;background-color:#D7D7D7}
.intro .info .col {padding:0 50px}
.intro .info .head {margin-bottom:0}
.intro .info .head i {vertical-align:middle;font-size:55px;margin-right:5px}
.intro .info p {margin-left:60px;line-height:1.6}
.advantage {text-align:center}
.advantage h3 {text-align:center}
.advantage p {line-height:1;margin-bottom:5px}
.advantage .special p {color:#aaa}
.advantage .item {padding-top:4px;position:relative}
.advantage .item i {position:absolute;top:16px;width:47px;height:47px;background-color:rgb(206,206,206);border-radius:8px;text-align:center;line-height:50px;font-size:47px;color:#fff}
.advantage .item-left {text-align:left}
.advantage .item-right .item {text-align:left}
.scene h3 {color:#fff;margin-bottom:30px}
.scene .inside i {font-size:100px;line-height:100px;color:#3697FF}
.scene .industry {background-color:#fff;margin:0 auto 25px;padding:15px 20px}
.scene .industry p {border-top:1px solid#999;border-bottom:1px solid#999;padding:10px}
.scene .industry .head {margin: 0px 0 12px;font-weight:500}
.scene .industry .body {padding:15px 30px}
.scene .industry .body .item {background-color:#F2F5FA;margin-bottom:15px;padding:8px}
.feature h3 {margin-bottom:30px}
.feature .inside i {font-size:120px;line-height:100px;color:#3697FF}
.feature .industry {background-color:#fff;margin:0 auto 25px;padding:30px 15px;border-radius:3px;box-shadow:0 2px 5px 1px rgb(238, 238, 238)}
.feature .industry p {padding:10px}
.feature .industry .head {margin:10px 0 10px}
.feature .industry .body {padding:15px 30px}
.feature .industry .body .item {background-color:#F2F5FA;margin-bottom:15px;padding:8px}
.contact .item i {font-size:70px;line-height:70px;color:#4EB1F4}
@media (max-width: 767px) {
    .intro .item {margin-bottom:80px}
    .intro .title {padding-left:30px;padding-right:30px;margin-bottom:100px}
    .intro .info .col {padding:0 20px}
    .scene .inside {padding:0 5%}
    .scene .industry {width:100%}
    .feature .industry {width:100%}
}
@media (min-width: 768px) {
    .intro .item {margin-bottom:120px}
    .intro .title {margin-bottom:200px}
    .scene .inside {padding:0 120px}
    .scene h3 {margin-bottom:80px}
    .feature h3 {margin-bottom:80px}
}
@media (max-width:991px) {
    .advantage .item {padding-left:70px}
    .advantage .item p::before {content:"· ";font-weight:bold}
    .advantage .item i {left:10px}
}
@media (min-width:992px) {
    .intro .line::before {content:"";display:block;position:absolute;width:100%;height:10px;top:30px;background-color:#D7D7D7}
}
@media (min-width: 992px) {
    .advantage img {margin-top:80px}
    .advantage .item-left .item {margin-top:80px;text-align:right;margin-right:20px}
    .advantage .item-left .item p::after {content:" ·";font-weight:bold}
    .advantage .item-left .item:first-child {margin-top:130px}
    .advantage .item-left .item i {right:-60px}
    .advantage .item-right .item {margin-top:60px;margin-left:20px}
    .advantage .item-right .item p::before {content:"· ";font-weight:bold}
    .advantage .item-right .item:first-child {margin-top:130px}
    .advantage .item-right .item i {left:-60px}
}