.zyj-banner {height: 493px; padding-top: 137px;  background: url(/images/yt_en_zyj_image_02.jpg) no-repeat center top; background-size: cover; }
.zyjWarp{padding-top: 30px; padding-bottom: 120px;}
.zyjWarp a{transition: .3s;}
.zyjWarp .title_box{border: none; margin-bottom: 25px;}
.zyjWarp .title_box h4.title{background-color: #5a91cd;}
.zyjWarp .title_box h4.title::before{right: -62px; width: 62px; height: 46px; background-image: url(/images/yt_en_zyj_tit_bg_03.png);}
.zyjWarp .theme1 .themeBox {height: 332px; margin-bottom: 53px;}
.zyjWarp .theme1 .themeBox .leftBox{width: 557px; height: 100%; box-sizing: border-box; padding: 63px 33px 0px; padding-right: 20px; box-sizing: border-box; border: 10px solid #4f8aca;}
.zyjWarp .theme1 .themeBox .leftBox p{font-size: 18px; font-weight: bold; color: #000; margin-bottom:40px;}
.zyjWarp .theme1 .themeBox .leftBox .moreBox {text-align: right;}
.zyjWarp .theme1 .themeBox .leftBox .moreBox a{display: inline-block; width: 66px; height: 28px; line-height: 28px; text-align: center; background-color:#4f8aca; border-radius: 4px; color: #fff; font-size: 16px; }

.zyjWarp .theme2Bg{padding: 49px 0; background: url(/images/yt_en_zyj_bg_image_08.jpg) no-repeat center;}

.zyjWarp .theme2 .leftBox{width: 739px;}
.zyjWarp .theme2 .rightBox{width: 364px;}
.zyjWarp .theme2 .leftBox .itemImage{margin-bottom: 45px;}
.zyjWarp .theme2 .leftBox .itemImage:last-child{margin-bottom: 0px;}
.zyjWarp .theme2 .itemImage{position: relative;}
.zyjWarp .theme2 .itemImage .txt{position: absolute; left: 34px; bottom: 23px; text-align: left; font-weight: bold; text-shadow: 2px 4px 6px #1d1d1d;color: #fff; font-size: 25px;}

.zyjWarp .theme3{padding-top: 67px;}
.zyjWarp .theme3 .leftBox{width: 558px;}
.zyjWarp .theme3 .rightBox{width: 558px;}

@media screen and (max-width: 1200px) {
  .zyjWarp{padding-bottom: 30px;}
  .zyj-banner{height: 260px; background-size: cover; padding-top: 100px;}
  .zyj-banner img{height: 100px;}
  .zyjWarp .title_box h4.title::before{height: 30px; right: -40px; width: 40px;}
  .zyjWarp .theme1 .themeBox .leftBox{width: 100%; padding: 15px; margin-bottom: 15px;}
  .zyjWarp .title_box{margin-bottom: 15px;}
  .zyjWarp .theme1 .themeBox{height: auto; margin-bottom: 15px;}
  .zyjWarp .theme1 .themeBox .leftBox p{font-size: 14px; margin-bottom: 10px;}
  .zyjWarp .theme2Bg{padding: 15px 0;}
  .zyjWarp .theme2 .leftBox{width: auto !important; float: none !important;}
  .zyjWarp .theme2 .leftBox .itemImage{margin-bottom: 15px;}
  .zyjWarp .theme2 .itemImage .txt{font-size: 17px; left: 15px; bottom: 10px;}
  .zyjWarp .theme2 .rightBox{margin-top: 15px; width: auto;}
  .zyjWarp .theme3{padding-top: 0px;}
}