.wenbohui-banner {height: 493px; background: url(/images/yt_en_wbh_head_img_02.jpg) no-repeat center top; background-size: cover; }
.wenbohuiWarp{padding-top: 30px; padding-bottom: 60px;}
.wenbohuiWarp a{transition: .3s;}
.wenbohuiWarp .title_box{border: none; margin-bottom: 25px;}
.wenbohuiWarp .title_box h4.title{background-color: #5a91cd;}
.wenbohuiWarp .title_box h4.title::before{right: -62px; width: 62px; height: 46px; background-image: url(../images/yt_zyj/yt_en_zyj_tit_bg_03.png);}
.wenbohuiWarp .th1{padding: 58px 0 93px; background: url(/images/yt_en_wbh_th1_img_03.png) no-repeat right bottom;}
.wenbohuiWarp .th1_box{ max-width: 600px;}
.wenbohuiWarp .th1_box p{font-size: 18px; font-weight: bold; color: #3e4886;}
.wenbohuiWarp .th1_box .moveBox {padding-top: 36px;}
.wenbohuiWarp .th1_box .moveBox a{display: inline-block; width: 66px; height: 28px; text-align: center; line-height: 28px; background-color: #4f8aca; border-radius: 4px; color: #fff; font-size: 16px; font-weight: bold;}

.wenbohuiWarp .th2{padding: 92px 0 60px; background: url(/images/yt_en_wbh_bg1_02.jpg) no-repeat center; background-size: cover;}
.wenbohuiWarp .th2_Box{display: inline-block; padding: 10px; background-color: #00abd6;}
.wenbohuiWarp .th2_Box video{width: 830px; height: 457px;}
.wenbohuiWarp .th2_Box p{padding: 10px 0 5px; font-size: 20px; color: #fff; font-weight: bold;}

.wenbohuiWarp .th3 {padding-top: 60px;}
.wenbohuiWarp .th3 ul{margin-left: -28px;}
.wenbohuiWarp .th3 ul li{float: left; width: 25%; padding-left: 28px; box-sizing: border-box;}
.wenbohuiWarp .th3 ul li a{display: block; background-color: #4f8aca;}
.wenbohuiWarp .th3 ul li a .imgBox{font-size: 0px; display: block; height: 300px; overflow: hidden;}
.wenbohuiWarp .th3 ul li a .imgBox img{max-width: 100%;}
.wenbohuiWarp .th3 ul li a .txtBox{display: flex; align-items: center; padding: 0 26px; height: 134px; color: #fff; font-weight: bold; font-size: 20px;}


@media screen and (max-width: 1200px) {
    .wenbohuiWarp{padding-bottom: 0px;}
    .wenbohui-banner{background-size: cover; height: 220px; }
    .wenbohuiWarp .title_box h4.title::before{height: 30px; right: -40px; width: 40px;}
    .wenbohuiWarp .th1{padding: 0px; padding-bottom: 20px; background-size: 100% auto;}
    .wenbohuiWarp .th1_box p{font-size: 14px;}
    .wenbohuiWarp .th1_box .moveBox{padding-top: 16px;}
    .wenbohuiWarp .th1_box .moveBox a{font-size: 12px; width: 50px; height: 24px; line-height: 24px;}
    .wenbohuiWarp .th2{padding: 15px;}
    .wenbohuiWarp .th2_Box {display: block;}
    .wenbohuiWarp .th2_Box video{width: 100%; height: auto;}
    .wenbohuiWarp .th2_Box p{font-size: 14px;}
    .wenbohuiWarp .th3{padding-top: 15px;}
    .wenbohuiWarp .th3 ul{margin-left: -10px;}
    .wenbohuiWarp .th3 ul li{width: 50%; padding-left: 10px; margin-bottom: 10px;}
    .wenbohuiWarp .th3 ul li a .imgBox{height: 190px;}
    .wenbohuiWarp .th3 ul li a .txtBox{font-size: 14px; padding: 0 10px; height: 84px;}
}

