.bobo_advantage{padding:85px 0;background:#fff}

.bobo-index-tit {text-align:center}
.bobo-index-tit em {font-size:16px;color:var(--text-color-active);font-weight:600;letter-spacing:3px;text-transform:uppercase;}
.bobo-index-tit h3{margin:20px 0 0;font-size:36px;line-height:1;color:#333;font-weight:700}
.bobo-index-tit p {margin:35px 0 0;font-size:20px;line-height:1.8;color:#666}

.bobo_advantage ul {margin:40px -12px 0;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap}
.bobo_advantage ul li {width:50%;cursor:pointer;padding:12px;box-sizing:border-box}
.bobo_advantage ul li .box {padding:25px 20px;height:100%;border-radius:7px;box-sizing:border-box;background:rgb(175 47 47 / 85%);display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;transition:all 0.5s ease 0s;-webkit-transition:all 0.5s ease 0s}
.bobo_advantage ul li .ico {width:90px;text-align:center}
.bobo_advantage ul li .ico img {display:inline-block;transition:all 0.3s ease 0s;-webkit-transition:all 0.3s ease 0s}
.bobo_advantage ul li .txt {-webkit-flex:1;flex:1;margin-left:10px}
.bobo_advantage ul li .txt h5 {font-size:20px;font-weight:700;color:#fff;line-height:1;text-transform:uppercase}
.bobo_advantage ul li .txt p {font-size:15px;color:#fff;line-height:28px;margin:15px 0 0}
.bobo_advantage ul li:hover .box {background:var(--bg-color)}
.bobo_advantage .more {margin:25px 0 0;text-align:center}
.bobo_advantage .more a {line-height:35px;border-bottom:2px solid var(--bg-color);padding:0 16px;font-size:15px;display:inline-block;color:var(--text-color-active);font-weight:700}
.bobo_advantage .more a i {font-size:22px;vertical-align:middle}
.bobo_advantage .more a:hover {color:var(--link-color-second-hover);border-color:var(--link-color-second-hover);}



@media screen and (max-width:1550px){
.bobo_advantage{padding:80px 0;}
}

@media screen and (max-width:1441px) {
.bobo_advantage{padding:75px 0;}
.bobo-index-tit h3{font-size:34px;}
.bobo-index-tit p{margin:30px 0 0;font-size:19px;}
.bobo_advantage ul li .box{height:auto;}
.bobo_advantage ul li .txt p{line-height:26px;}

}

@media screen and (max-width:1367px) {
.bobo_advantage{padding:70px 0;}
.bobo-index-tit h3{font-size:32px;}
.bobo-index-tit p{margin:25px 0 0;font-size:18px;}
.bobo_advantage ul li .txt p{line-height:25px;}
}

@media screen and (max-width:1280px) {
.bobo_advantage{padding:60px 0;}
.bobo-index-tit h3{font-size:30px;margin:15px 0 0;}
.bobo-index-tit p{margin:20px 0 0;font-size:17px;}
.bobo_advantage ul li .box{padding:20px 15px;}
.bobo_advantage ul li .txt p{line-height:24px;}
}


@media screen and (max-width:1171px) {
.bobo_advantage{padding:55px 0;}
.bobo-index-tit h3 {font-size:29px}
}

@media screen and (max-width:992px) {
.bobo_advantage{padding:50px 0;}

}

@media screen and (max-width:768px) {
.bobo_advantage {padding:30px 0}
.bobo-index-tit em {font-size:15px;}
.bobo-index-tit h3{font-size:28px;}
.bobo-index-tit p{margin:15px 0 0;font-size:16px;line-height:24px;}
.bobo_advantage ul {margin:20px 0 0}
.bobo_advantage ul li {width:100%;cursor:pointer;padding:6px 0}
.bobo_advantage ul li .box{padding:25px 20px;}
.bobo_advantage ul li .txt h5{font-size:18px}
.bobo_advantage .more {margin:20px 0 0}

}

@media screen and (max-width:576px) {
.bobo-index-tit h3{font-size:26px}
.bobo_advantage ul li .box{padding:20px 15px;}
}


@media screen and (max-width:480px) {
.bobo-index-tit h3 {font-size:24px}
.bobo_advantage ul li .ico{width:80px;}
.bobo_advantage ul li .txt p{line-height:22px;margin:10px 0 0;}
}

@media screen and (max-width:420px) {
.bobo-index-tit h3 {font-size:22px}

}