.bobo_pic_text {padding:100px 0;background:#fff}
.bobo_pic_text .wp {display:flex;align-items:center}
.bobo_pic_text .tit {width:640px;position:relative}
.bobo_pic_text .tit em {font-size:16px;letter-spacing:3px;color:var(--text-color-active);font-weight:600}
.bobo_pic_text .tit h3 {margin:22px 0 0;font-size:36px;line-height:1;color:#333;font-weight:700}
.bobo_pic_text .tit ul {margin:12px 0 0;overflow:hidden;counter-reset:section;display:flex;flex-wrap:wrap}
.bobo_pic_text .tit ul li {margin:30px 0 0;font-size:20px;color:#666;line-height:21px;width:50%;position:relative;display:flex;align-items:center}
.bobo_pic_text .tit ul li::before {counter-increment:section;content:counter(section);width:36px;height:36px;line-height:36px;text-align:center;font-size:20px;color:#fff;font-weight:700;display:block;background:var(--bg-color)}
.bobo_pic_text .tit ul li span {color:#666;font-size:20px;-webkit-flex:1;flex:1;margin-left:25px}
.bobo_pic_text .tit .more {margin:60px 0 0;padding:0 47px;height:50px;line-height:50px;text-align:center;font-size:15px;font-weight:700;color:#fff;display:inline-block;background:var(--btn-bg)}
.bobo_pic_text .tit .more:hover {background:var(--btn-bg-hover)}
.bobo_pic_text .pic {flex:1;margin-left:50px}
.bobo_pic_text .pic ul {display:flex;justify-content:space-between}
.bobo_pic_text .pic ul li {width:calc(50% - 20px);overflow:hidden}
.bobo_pic_text .pic ul li img {width:100%;display:block;transition:all 0.3s ease 0s;-webkit-transition:all 0.3s ease 0s}
.bobo_pic_text .pic ul li:last-child {margin-top:0px}
.bobo_pic_text .pic ul li:hover img {transform:scale(1.05);-webkit-transform:scale(1.05)}

@media screen and (max-width:1680px) {
.bobo_pic_text{padding:90px 0;}
}

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

@media screen and (max-width:1441px) {
.bobo_pic_text{padding:70px 0;}
.bobo_pic_text .tit {width:50%}
.bobo_pic_text .tit h3{font-size:34px}
.bobo_pic_text .tit ul li span {font-size:18px;margin-left:20px}
.bobo_pic_text .pic {margin-left:40px}
}

@media screen and (max-width:1367px) {
.bobo_pic_text{padding:65px 0;}
.bobo_pic_text .tit h3 {font-size:32px}
.bobo_pic_text .tit ul li span {font-size:17px;margin-left:15px}
}

@media screen and (max-width:1280px) {
.bobo_pic_text{padding:60px 0;}
.bobo_pic_text .tit h3 {font-size:30px}
}

@media screen and (max-width:992px) {
.bobo_pic_text{padding:50px 0;}
.bobo_pic_text .wp{display:block;}
.bobo_pic_text .tit{width:100%;text-align:center}
.bobo_pic_text .tit ul li{text-align:left;}
}

@media screen and (max-width:768px) {
.bobo_pic_text {padding:30px 0}
.bobo_pic_text .tit em {font-size:15px}
.bobo_pic_text .tit h3 {margin:15px 0 0;font-size:28px}

.bobo_pic_text .tit ul {margin:10px 0 0}
.bobo_pic_text .tit ul li {margin:20px 0 0;font-size:17px;}
.bobo_pic_text .tit ul li::before {width:34px;height:34px;line-height:34px;font-size:18px}
.bobo_pic_text .tit ul li span {font-size:17px;margin-left:15px}
.bobo_pic_text .tit .more {margin:20px 0 0;padding:0 25px;height:42px;line-height:42px;font-size:14px}
.bobo_pic_text .pic {width:100%;margin:30px 0 0}
.bobo_pic_text .pic ul li {width:calc(50% - 20px)}
.bobo_pic_text .pic ul li:last-child {margin-top:0}
}

@media screen and (max-width:576px) {
.bobo_pic_text .tit h3{font-size:26px}
.bobo_pic_text .pic ul li{width:calc(50% - 15px)}
}

@media screen and (max-width:480px) {
.bobo_pic_text .tit h3 {font-size:24px}
.bobo_pic_text .tit ul li::before{width:32px;height:32px;line-height:32px;font-size:17px;}
.bobo_pic_text .tit .more{padding:0 20px;height:40px;line-height:40px;font-size:13px;}
.bobo_pic_text .pic ul li{width:calc(50% - 10px)}
.bobo_pic_text .tit ul li span{font-size:16px;margin-left:10px;}

}

@media screen and (max-width:420px) {
.bobo_pic_text .tit h3{font-size:22px}
.bobo_pic_text .pic ul li{width:calc(50% - 5px)}
.bobo_pic_text .tit ul li span{font-size:15px;margin-left:8px;}
}