.bobo_company_intro {padding:100px 0}
.bobo_company_intro .box {display:flex;align-items:flex-start}
.bobo_company_intro .pic{width:668px;text-align:right;position:relative}
.bobo_company_intro .pic .tips {background:var(--bg-color) url('../image/ibg1.png') no-repeat right 23px center;position:absolute;left:0;bottom:-53px;width:235px;padding:40px 23px 40px 30px;text-align:left;box-sizing:border-box}
.bobo_company_intro .pic .tips span {font-size:76px;color:#fff;font-weight:700;display:block;}
.bobo_company_intro .pic .tips p {font-size:20px;line-height:36px;color:#fff;margin:4px 0 0}

.bobo_company_intro .txt {flex:1;margin-left:52px}
.bobo_company_intro .txt em {font-size:16px;color:var(--text-color-active);font-weight:600}
.bobo_company_intro .txt h3 {margin:17px 0 0;font-size:36px;color:#333;font-weight:700}
.bobo_company_intro .txt .t {margin:15px 0 0;font-size:18px;color:#666;line-height:2}
.bobo_company_intro .txt .t strong {color:var(--text-color-active);}
.bobo_company_intro .txt .more {margin:25px auto 0 0;width:194px;height:50px;line-height:50px;text-align:center;font-size:15px;font-weight:700;color:#fff;display:block;background:var(--btn-bg)}
.bobo_company_intro .txt .more:hover {background:var(--btn-bg-hover)}

.bobo_company_intro ul {margin:70px 0 0;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-flex-wrap:wrap;flex-wrap:wrap}
.bobo_company_intro ul li {width:calc(25% - 35px);position:relative;padding:30px 20px;box-sizing:border-box;border-bottom:2px solid #e6e6e6}
.bobo_company_intro ul li::after {content:"";width:0;height:2px;background:var(--bg-color);position:absolute;left:0;bottom:-2px;transition:all 0.3s cubic-bezier(0.55,0.23,0.62,1) 0s;-webkit-transition:all 0.3s cubic-bezier(0.55,0.23,0.62,1) 0s}
.bobo_company_intro ul li h5 {color:var(--text-color-active);font-size:46px;line-height:1;display:inline-block;position:relative;font-weight:700}
.bobo_company_intro ul li h5 em {font-size:20px;}
.bobo_company_intro ul li h5::after {content:attr(date-txt);position:absolute;right:-25px;top:0;color:#212121;font-size:46px;font-weight:400}
.bobo_company_intro ul li:nth-child(3) h5::after {right:-50px;font-size:22px;top:2px}
.bobo_company_intro ul li p {font-size:18px;color:#666;line-height:1.5;margin:13px 0 0}
.bobo_company_intro ul li:hover::after {width:100%}

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

@media screen and (max-width:1550px){
.bobo_company_intro {padding:80px 0}
.bobo_company_intro ul li{width:calc(25% - 20px);padding:30px 15px;}
}

@media screen and (max-width:1441px) {
.bobo_company_intro {padding:75px 0}
.bobo_company_intro .txt h3{font-size:34px;}
.bobo_company_intro .txt .t{line-height:1.8;}
.bobo_company_intro ul li h5{font-size:44px;}
.bobo_company_intro ul li h5 em{font-size:19px;}

}

@media screen and (max-width:1367px) {
.bobo_company_intro {padding:70px 0}
.bobo_company_intro .txt h3{font-size:32px;margin:15px 0 0;}
.bobo_company_intro .pic {width:46%;}
.bobo_company_intro .pic .tips {left:-20px;width:215px;padding:35px 20px 35px 25px}
.bobo_company_intro .pic .tips span{font-size:60px;}
.bobo_company_intro .pic .tips p{font-size:18px;line-height:34px;}
.bobo_company_intro .txt .t{font-size:17px;line-height:1.7;}
.bobo_company_intro ul li h5{font-size:42px;}
.bobo_company_intro ul li h5 em{font-size:18px;}
}

@media screen and (max-width:1280px) {
.bobo_company_intro {padding:60px 0}
.bobo_company_intro .txt h3{font-size:30px;}
.bobo_company_intro .txt .t{font-size:17px;line-height:1.6;}
.bobo_company_intro ul li{padding:25px 10px;}
.bobo_company_intro ul li p{font-size:17px;}
.bobo_company_intro ul li h5{font-size:40px;}

}

@media screen and (max-width:992px) {
.bobo_company_intro {padding:50px 0}
.bobo_company_intro .box {display:block;}
.bobo_company_intro .txt h3{font-size:29px;}
.bobo_company_intro .pic{width:60%;margin:0 auto;}
.bobo_company_intro .pic .tips{background:rgba(194,0,12,0.7);left:20px;width:auto;padding:20px;bottom:20px;}
.bobo_company_intro .pic .tips span{font-size:40px;}
.bobo_company_intro .pic .tips p{font-size:17px;line-height:1;}
.bobo_company_intro .pic .tips p br{display:none;}
.bobo_company_intro .txt{margin:30px 0 0;text-align:center;}
.bobo_company_intro .txt .t{text-align:left;}
.bobo_company_intro .txt .more{margin:25px 0 0;width:190px;display:inline-block;}

.bobo_company_intro ul{margin:40px 0 0;}
.bobo_company_intro ul li{width:calc(50% - 15px);text-align:center;}
.bobo_company_intro ul li h5{font-size:38px;}

}

@media screen and (max-width:768px) {
.bobo_company_intro {padding:30px 0}
.bobo_company_intro .pic{width:80%;text-align:center}
.bobo_company_intro .pic .tips span{font-size:35px}
.bobo_company_intro .txt{margin:25px 0 0;}
.bobo_company_intro .txt em {font-size:15px}
.bobo_company_intro .txt h3{font-size:28px}
.bobo_company_intro .txt .t{font-size:16px;line-height:1.4;}
.bobo_company_intro .txt .more{margin:20px 0 0;width:170px;height:36px;line-height:36px;}
.bobo_company_intro ul {margin:20px 0 0}
.bobo_company_intro ul li h5 {font-size:34px}
.bobo_company_intro ul li h5 em{font-size:17px;}
.bobo_company_intro ul li p {font-size:16px;}
}

@media screen and (max-width:576px) {
.bobo_company_intro .txt h3 {font-size:26px}
.bobo_company_intro .pic{width:100%;}
.bobo_company_intro .pic .tips{left:15px;padding:15px;bottom:15px;}
.bobo_company_intro ul li h5{font-size:30px;}
.bobo_company_intro ul li h5 em{font-size:16px;}
.bobo_company_intro ul li p{font-size:15px;margin:10px 0 0;}

}


@media screen and (max-width:480px) {
.bobo_company_intro .txt h3 {font-size:24px;margin:10px 0 0;}
.bobo_company_intro ul li{width: calc(50% - 10px);padding:15px 0;}
.bobo_company_intro ul li h5{font-size:26px;}
.bobo_company_intro ul li h5 em{font-size:15px;}

}

@media screen and (max-width:420px) {
.bobo_company_intro .txt h3 {font-size:22px}
.bobo_company_intro ul li h5{font-size:24px;}
}