@charset "utf-8";

.clear3:after{ visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0; }
.clear3{ zoom:1; }
.mb{width:89.58%;margin:0 auto}
.icon{position:absolute;display:block;background-position:center;background-repeat:no-repeat}
.red-btn{display:block;font-size:16px;line-height:46px;border-radius:46px;color:#fff;text-align:center;background:#1c5cb0;transition:all .7s ease}
.red-btn:hover{box-shadow:4px 4px 1px rgba(205,26,44,.2)}
.yewu-box{padding:116px 0 160px}
.yewu-wrap{position:relative;margin-bottom:20px;padding:0 3.125% 10px}

/* .yewu-wrap{position:relative;margin-bottom:120px;padding:0 3.125% 104px} */
.yewu-wrap:last-child{margin-bottom:0}
.yewu-wrap .yewu-bg{position:absolute;left:0;bottom:0;width:100%;height:200px}
.yewu-wrap-odd .yewu-bg{background:#f2f2f2}
.yewu-wrap-even .yewu-bg{background:#1c5cb0}
.yewu-wrap .yewu-wrap-img{position:relative;z-index:1}
.yewu-wrap .yewu-wrap-img>img{display:block;max-width:100%;height:auto}
.yewu-wrap .yewu-wrap-img span{position:absolute;bottom:0;transform:translateY(50%);display:block;font-size:160px;font-weight:700;line-height:.8em;opacity:.1;transition:all .7s ease}
.yewu-wrap:hover .yewu-wrap-img span{opacity:.3}
.yewu-wrap-odd .yewu-wrap-img span{right:-10px;color:#1c5cb0}
.yewu-wrap-even .yewu-wrap-img span{left:-10px;color:#fff}
.yewu-wrap-odd .yewu-wrap-img{float:left}
.yewu-wrap-odd .yewu-wrap-text{float:right}
.yewu-wrap-even .yewu-wrap-img{float:right}
.yewu-wrap-even .yewu-wrap-text{float:left}
.yewu-wrap .yewu-wrap-img{width:56.25%}
.yewu-wrap .yewu-wrap-text{width:39.375%;margin-top:2.375%}
.yewu-wrap .yewu-wrap-text p{color:#333}
.yewu-wrap .yewu-wrap-text .tit{margin-bottom:34px;font-size:36px}
.yewu-wrap .yewu-wrap-text .subtit{margin-bottom:5%;line-height:1.875em;text-align:justify}
.yewu-wrap .yewu-wrap-text .yewu-more{width:160px}
.yewu-wrap .text-icon{position:absolute;bottom:104px;width:36.9%;z-index:1}
.yewu-wrap-odd .text-icon{right:3.125%}
.yewu-wrap-even .text-icon{left:3.125%}
.yewu-wrap .text-icon li{position:relative;float:left;margin-right:43px;padding-left:48px;line-height:30px}
.yewu-wrap-odd .text-icon li{color:#333}
.yewu-wrap-even .text-icon li{color:#fff}

@media screen and (min-width:1921px){.mb{max-width:1720px}
}
@media screen and (max-width:1680px){.mb{width:94%}
.yewu-wrap{padding-bottom:75px}
.yewu-wrap .yewu-bg{height:150px}
.yewu-wrap .yewu-wrap-text{margin-top:2%}
.yewu-wrap .yewu-wrap-text .tit{margin-bottom:16px;font-size:24px}
.yewu-wrap .yewu-wrap-text .subtit{font-size:14px}
.yewu-wrap .yewu-wrap-text .yewu-more{width:120px;height:30px;font-size:14px;line-height:30px}
.yewu-wrap .text-icon{bottom:75px}
.yewu-wrap .text-icon li{margin-right:26px;padding-left:38px}
.yewu-wrap .text-icon li:last-child{margin-right:0}
}
@media screen and (max-width:1440px){.yewu-wrap .yewu-wrap-text{margin-top:2%}
.yewu-wrap .yewu-wrap-text .subtit{font-size:14px;line-height:1.4em}
.yewu-wrap .text-icon li{font-size:14px}
}
@media screen and (max-width:1024px){.red-btn{font-size:14px;line-height:30px}
.yewu-box{padding:56px 0 60px}
.yewu-wrap{margin-bottom:0px;padding:0 0 10px}
.yewu-wrap .yewu-wrap-img,.yewu-wrap .yewu-wrap-text{float:none;width:100%;margin:20px 0}
.yewu-wrap .text-icon{left:0;right:auto;bottom:10px;width:100%;padding:0 2%;box-sizing:border-box}
.yewu-wrap .yewu-wrap-text .tit{margin-bottom:12px;font-size:18px}
.yewu-wrap .yewu-wrap-text .subtit{font-size:14px}
.yewu-wrap .yewu-wrap-img span{font-size:100px}
.yewu-wrap .text-icon li{margin-right:20px;padding-left:24px;font-size:12px}
.yewu-wrap .icon{width:16px;height:16px;background-size:100% 100%}
.yewu-wrap .yewu-bg{height:50px}


.yewu-wrap-odd .yewu-bg{display: none;}
.yewu-wrap-even .yewu-bg{display: none;}
}



.text-center{text-align:center!important}
.text-italic{font-style:italic}
.text-kx{-webkit-text-fill-color:transparent;-webkit-text-stroke-width:1px}
@keyframes width-animation{0%{width:0}
100%{width:100%}
}
@-webkit-keyframes width-animation{0%{width:0}
100%{width:100%}
}

.animated-underline{position:relative;z-index:1;padding:0;display:inline-block;background:0 0;text-decoration:none;color: #333;}
.animated-underline::before{content:'';position:absolute;z-index:-1;bottom:0;left:0;width:0;height:20%;background: linear-gradient(to right, #662d91, #662d91, #2f3891, #00a6e8, #0fb693, #80c241, #f9dc08, #faa31b, #ed1d25, #ed1d25);}
.animated-underline.active::before{animation:width-animation .5s forwards}

.text-center h2{margin-top:0;margin-bottom:1.5rem;line-height:1.2;color: #333;}
.bainanet-title-1{line-height:1.2; font-size:3.2rem;font-weight:800}
@media (max-width:767px){.bainanet-title-1{font-size:2.2rem;font-weight:700}
}