.zsj_banner.ywyfw{height: 640px; background: url(/uploadfiles/img/zsj_en_ywyfw_head_image.jpg) no-repeat top center; background-size: cover;}
.theme_warp.ywyfw{ font-family: 'MONTSERRAT', sans-serif;}
.theme_warp.ywyfw .warpBox{padding: 60px 0 60px; background-color: #fff;}
.theme_warp.ywyfw .th1{text-align: center; position: relative; margin-bottom: 80px;}
.theme_warp.ywyfw .th1 .titleBox{font-size: 56px; color: #333;  margin-bottom: 20px; font-family: 'Montserrat-SemiBold', sans-serif; font-weight: bold;}
.theme_warp.ywyfw .th1 .titleBox a{color: #333;}
.theme_warp.ywyfw .th1 p{font-size: 16px; color: #333; line-height: 33px;} 
.theme_warp.ywyfw .th1::after{content: ''; position: absolute; left: 50%; bottom: -20px; transform: translateX(-50%); width: 72px; background-color: #487ba8; height: 1px;}
.theme_warp.ywyfw .th2{margin-bottom: 60px;}
.theme_warp.ywyfw .th2 .tabSwitchWarp .tabSwitchBtns{ box-shadow: 0px 0px 11px rgba(0, 0, 0, 0.2); margin-left: 70px;}
.theme_warp.ywyfw .th2 .tabSwitchWarp .tabSwitchBtns a{display: block;  position: relative; width: 182px;  box-sizing: border-box; text-align: center; border-bottom:1px solid #e5e5e5; height: 107px; line-height: 107px; font-size: 22px; color: #333;}
.theme_warp.ywyfw .th2 .tabSwitchWarp .tabSwitchBtns a > span{position: absolute; top: 0px; bottom: 0px; right: 0px; background-color: #fff; width: 182px;}
.theme_warp.ywyfw .th2 .tabSwitchWarp .tabSwitchBtns a .icon{opacity: 0; font-size: 0px; line-height: 1; display: none; padding-right: 48px; vertical-align: middle; }
.theme_warp.ywyfw .th2 .tabSwitchWarp .tabSwitchBtns a .txt{display: inline-block; vertical-align: middle;}
.theme_warp.ywyfw .th2 .tabSwitchWarp .tabSwitchBtns a.a4 .icon{padding-right: 24px;}
.theme_warp.ywyfw .th2 .tabSwitchWarp .tabSwitchBtns a.active .icon{opacity: 1; display: inline-block; }
.theme_warp.ywyfw .th2 .tabSwitchWarp .tabSwitchBtns a.active > span {width: 240px; background-color: #4d8ce0; color: #fff;}
.theme_warp.ywyfw .th2 .tabSwitchWarp .switchBox .switchLeft{margin-right: 45px;}
.theme_warp.ywyfw .th2 .tabSwitchWarp .switchBox .switchRight .titBox{font-size: 32px; color: #333; margin-bottom: 15px;}
.theme_warp.ywyfw .th2 .tabSwitchWarp .switchBox .switchRight > p {font-size: 18px; line-height: 40px;}

.theme_warp.ywyfw .moreBox{display: inline-block; margin-top: 40px; transition: .3s; width: 180px; height: 48px; line-height: 46px; color: #e0b532; border: 1px solid #e0b532; text-align: center;}
.theme_warp.ywyfw .moreBox:hover{opacity: 0.7;}
.theme_warp.ywyfw .moreBox .txt{font-size: 18px; display: inline-block; vertical-align: middle;}
.theme_warp.ywyfw .moreBox .icon{font-size: 0px; line-height: 1; padding-left: 20px; display: inline-block; vertical-align: middle;}
.theme_warp.ywyfw .moreBox .icon img{width: 25px;}

.theme_warp.ywyfw .th3 {margin-bottom: 120px; }
.theme_warp.ywyfw .th3 .titleBox{font-size: 56px; text-align: center; color: #333; font-weight: bold; margin-bottom: 70px; font-family: 'Montserrat-SemiBold', sans-serif;}
.theme_warp.ywyfw .th3 .titleBox a{color: #333;}
.theme_warp.ywyfw .th3 ul li{float: left; width: 20%;}
.theme_warp.ywyfw .th3 ul li a{display: block; padding: 22px 15px 0; transition: .3s;  box-sizing: border-box; border-right: 1px solid #ededed; height: 295px;}
.theme_warp.ywyfw .th3 ul li a:hover{box-shadow: 0px 0px 11px rgba(0, 0, 0, 0.2); border-radius: 20px; }
.theme_warp.ywyfw .th3 ul li:first-child a{border-left: 1px solid #ededed; }
.theme_warp.ywyfw .th3 ul li a .iconBox{ display: block; margin-bottom: 18px; text-align: center;}
.theme_warp.ywyfw .th3 ul li a .tit{display: block; text-align: center; margin-bottom: 6px; font-size: 24px; color: #333; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.theme_warp.ywyfw .th3 ul li a .contentBox{display: block; text-align: center; font-size: 14px; line-height: 28px; max-height: 112px; overflow: hidden; color: #333; text-align: center;}
.theme_warp.ywyfw .th3 ul li a .emLists{display: block; padding-top: 10px;}
.theme_warp.ywyfw .th3 ul li a .emLists em{display: block; font-size: 14px; color: #333; padding: 6px 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; position: relative; padding-left: 35px;}
.theme_warp.ywyfw .th3 ul li a .emLists em::before{content: ''; position: absolute; left: 15px; top: 50%; transform: translateY(-50%); width: 8px; height: 8px; border-radius: 100%; background-color: #4d8ce0;}

.theme_warp.ywyfw .th4{ position: relative; background-color: #f6f6f6;}
.theme_warp.ywyfw .th4:before{content: ''; position: absolute; left: 0px; top: 0px; bottom: 0px; right: 50%; background-color: #fff;}
.theme_warp.ywyfw .th4:after{content: ''; position: absolute; top: 0px; right:0px; bottom: 145px; left: 50%; background-color: #fff;}
.theme_warp.ywyfw .th4 .themeBox{ position: relative; z-index: 2; padding-bottom: 120px;}
.theme_warp.ywyfw .th4 .themeBox .th4_swiper{width:100%; overflow: hidden;}
.theme_warp.ywyfw .th4 .themeBox .th4_swiper .swiper-pagination{display: inline-block; width: auto; left: -16px; bottom: 94px; } 
.theme_warp.ywyfw .th4 .themeBox .th4_swiper .swiper-pagination .swiper-pagination-bullet{  width: 20px; height: 20px; opacity: 1; margin: 0 18px; background-color: #fff; border: 1px solid #ababab;}
.theme_warp.ywyfw .th4 .themeBox .th4_swiper .swiper-pagination .swiper-pagination-bullet-active{background-color: #e9cc74; border-color: #e9cc74;}

.theme_warp.ywyfw .th4 .leftBox .titBox{font-size: 56px; margin-bottom: 35px; font-weight: bold; font-family: 'Montserrat-SemiBold', sans-serif; line-height: 78px; position: relative;}
.theme_warp.ywyfw .th4 .leftBox .titBox a{ color: #333;}
.theme_warp.ywyfw .th4 .leftBox .titBox::after{content: ''; position: absolute; left: 0px; bottom: -20px; width: 72px; background-color: #487ba8; height: 1px;}
.theme_warp.ywyfw .th4 .leftBox > p {font-size: 16px; color: #333; line-height: 40px; max-height: 280px; overflow: hidden;} 
.theme_warp.ywyfw .th4 .rightBox{margin-left: 42px; padding-left: 55px; padding-bottom: 45px; position: relative; } 
.theme_warp.ywyfw .th4 .rightBox::before{content: ''; position: absolute; left: 0px; right: 430px; top: 0px; bottom: 0px;  background: url(/uploadfiles/img/zsj_en_ywyfw_th3_bg_10.png) repeat-x bottom left;}
.theme_warp.ywyfw .th4 .rightBox img{position: relative; z-index: 2;}

.theme_warp.ywyfw .th5{background-color: #f6f6f6; padding: 74px 0 126px;}
.theme_warp.ywyfw .th5 .th5_tit{font-size: 56px; text-align: center; font-family: 'Montserrat-SemiBold', sans-serif; color: #333; margin-bottom: 45px; font-weight: bold;}
.theme_warp.ywyfw .th5 .th5_tit a{color: #333;}
.theme_warp.ywyfw .th5 .th5_item{ box-sizing: border-box;}
.theme_warp.ywyfw .th5 .th5_item.leftBox{width: 800px;}
.theme_warp.ywyfw .th5 .th5_item.leftBox .itemBox{font-size: 0px;}
.theme_warp.ywyfw .th5 .th5_item.leftBox .itemBox .th5_swiper{width: 100%; height: 540px; text-align: center; overflow: hidden; position: relative;}
.theme_warp.ywyfw .th5 .th5_item.leftBox .itemBox .th5_swiper .swiper-pagination{display: inline-block; width: auto; left: 50%; transform: translateX(-50%); bottom: 20px; } 
.theme_warp.ywyfw .th5 .th5_item.leftBox .itemBox .th5_swiper .swiper-pagination .swiper-pagination-bullet{  width: 20px; height: 20px; opacity: 1; margin: 0 8px; background-color: #fff; border: 1px solid #ababab;}
.theme_warp.ywyfw .th5 .th5_item.leftBox .itemBox .th5_swiper .swiper-pagination .swiper-pagination-bullet-active{background-color: #e9cc74; border-color: #e9cc74;}

.theme_warp.ywyfw .th5 .themeContent .itemRight{width: 700px; padding-left: 34px;}
.theme_warp.ywyfw .th5 .themeContent .itemRight ul li a{display: block; margin-bottom: 14px; padding-left: 96px; padding-right: 15px; position: relative; font-size: 20px;  position: relative; height: 79px; color: #333; overflow: hidden; background-color: #fff; border-radius: 10px;}
.theme_warp.ywyfw .th5 .themeContent .itemRight ul li:last-child a{margin-bottom: 0px;}
.theme_warp.ywyfw .th5 .themeContent .itemRight ul li a:hover:before{right: 0px; width: 100%;}
.theme_warp.ywyfw .th5 .themeContent .itemRight ul li a:before{content: ''; transition: .2s; position: absolute; left: 0px; top: 0px; bottom: 0px; width: 6px; background-color: #4d8ce0;}
.theme_warp.ywyfw .th5 .themeContent .itemRight ul li a .icon{font-size: 0px;  position: absolute; left: 20px; top: 50%; transform: translateY(-50%);}
.theme_warp.ywyfw .th5 .themeContent .itemRight ul li a .icon .s1{display: none; }
.theme_warp.ywyfw .th5 .themeContent .itemRight ul li a .txt{display: inline-block; transition: .3s; max-height: 60px; overflow: hidden; position: relative; top: 50%; transform: translateY(-50%);}
.theme_warp.ywyfw .th5 .themeContent .itemRight ul li a:hover{color: #fff;}
.theme_warp.ywyfw .th5 .themeContent .itemRight ul li a:hover .icon .s1{display: inline-block;}
.theme_warp.ywyfw .th5 .themeContent .itemRight ul li a:hover .icon .s2{display: none;}

@media screen and (max-width: 1655px) {
  .theme_warp.ywyfw .th2 .tabSwitchWarp .switchBox .switchLeft img{width: 500px;} 
  .theme_warp.ywyfw .th2 .tabSwitchWarp .tabSwitchBtns a{font-size: 18px; height: 83px; line-height: 83px;}
  .theme_warp.ywyfw .th2 .tabSwitchWarp .tabSwitchBtns{margin-left: 58px;}
  .theme_warp.ywyfw .th2 .tabSwitchWarp .switchBox .switchRight > p{font-size: 16px; line-height: 34px;}
  .theme_warp.ywyfw .th3 ul li a .tit{font-size: 18px}
  .theme_warp.ywyfw .th3 ul li a{padding-left: 10px; padding-right: 10px;}

  .theme_warp.ywyfw .th4 .themeBox{padding-bottom: 80px;}
  .theme_warp.ywyfw .th4 .themeBox .th4_swiper .swiper-pagination{bottom: 53px;}
  .theme_warp.ywyfw .th4 .rightBox{margin-left: 5px;}
  .theme_warp.ywyfw .th4 .rightBox img{width: 500px;}
  .theme_warp.ywyfw .th4 .leftBox .titBox{font-size: 36px; line-height: 48px;}
  .theme_warp.ywyfw .th4 .rightBox::before{right: 308px; top: 105px;}
  .theme_warp.ywyfw .th4 .leftBox > p{line-height: 30px;}
  .theme_warp.ywyfw .moreBox{margin-top: 20px;}

  .theme_warp.ywyfw .th1 .titleBox, .theme_warp.ywyfw .th3 .titleBox, .theme_warp.ywyfw .th5 .th5_tit{font-size: 36px;}
  .theme_warp.ywyfw .th5 .th5_item.leftBox .itemBox .th5_swiper{height: 438px;}
  .theme_warp.ywyfw .th5 .th5_item.leftBox{width: 650px;}
  .theme_warp.ywyfw .th5 .themeContent .itemRight{width: 550px;}
  .theme_warp.ywyfw .th5 .themeContent .itemRight ul li a{font-size: 18px; height: 61px; margin-bottom: 15px; padding-left: 80px;}
  .theme_warp.ywyfw .th5 .themeContent .itemRight ul li a .icon img{ height: 40px;}
  
}
@media screen and (max-width: 1200px) {
  .zsj_banner.ywyfw{height: 225px;}
  .theme_warp.ywyfw .warpBox{padding: 20px 15px 30px;}
  .theme_warp.ywyfw .th1 .titleBox{font-size: 24px; margin-bottom: 10px;}
  .theme_warp.ywyfw .th1 p{font-size: 13px; line-height: 24px;}
  .theme_warp.ywyfw .th1{margin-bottom: 48px;}
  .theme_warp.ywyfw .th2 .tabSwitchWarp .tabSwitchBtns{float: none; margin-left: 0px; margin-bottom: 15px;}
  .theme_warp.ywyfw .th2 .tabSwitchWarp .tabSwitchBtns a{width: 50%; font-size: 15px; float: left; height: 65px; line-height: 65px;}
  .theme_warp.ywyfw .th2 .tabSwitchWarp .tabSwitchBtns a > span{display: block; width: auto !important; position: initial;}
  .theme_warp.ywyfw .th2 .tabSwitchWarp .tabSwitchBtns a .icon{padding-right: 10px;}
  .theme_warp.ywyfw .th2 .tabSwitchWarp .tabSwitchBtns a .icon img{height: 35px;}
  .theme_warp.ywyfw .th2 .tabSwitchWarp .tabSwitchBtns a.a4 .icon{padding-right: 10px;}

  .theme_warp.ywyfw .th2 .tabSwitchWarp .switchBox .switchLeft{margin-right: 0px; text-align: center; float: none;}
  .theme_warp.ywyfw .th2 .tabSwitchWarp .switchBox .switchLeft img{max-width: 100%;}
  .theme_warp.ywyfw .th2 .tabSwitchWarp .switchBox .switchRight .titBox{font-size: 26px; margin-bottom: 5px;}
  .theme_warp.ywyfw .th2 .tabSwitchWarp .switchBox .switchRight > p{font-size: 13px; line-height: 26px;}
  .theme_warp.ywyfw .moreBox{margin-top: 10px; height: 35px; line-height: 35px; width: 125px;}
  .theme_warp.ywyfw .moreBox .txt{font-size: 13px;}
  .theme_warp.ywyfw .moreBox .icon{padding-left: 10px;}
  .theme_warp.ywyfw .th2{margin-bottom: 25px;}
  .theme_warp.ywyfw .th3{margin-bottom: 5px;}
  .theme_warp.ywyfw .th3 .titleBox{font-size: 24px; margin-bottom: 20px;}
  .theme_warp.ywyfw .th3 ul li{width: 100%; float: none;}
  .theme_warp.ywyfw .th3 ul li a{border: 1px solid #ededed; margin-bottom: 10px; height: auto; padding-bottom: 15px;}
  .theme_warp.ywyfw .th3 ul li a .contentBox{font-size: 13px; line-height: 26px; }
  
  .theme_warp.ywyfw .th4 .rightBox{float: none; padding-left: 0px; margin-left: 0px; padding-bottom: 15px;}
  .theme_warp.ywyfw .th4 .themeBox{padding: 0 15px 30px;}
  .theme_warp.ywyfw .th4 .rightBox::before{display: none;}
  .theme_warp.ywyfw .th4 .leftBox .titBox{font-size: 24px; line-height: 34px;}
  .theme_warp.ywyfw .th4 .leftBox > p{font-size: 13px; line-height: 24px;}
  .theme_warp.ywyfw .th4:before{display: none;}
  .theme_warp.ywyfw .th4 .leftBox{padding-bottom: 0px;}
  .theme_warp.ywyfw .th4:after{display: none;}
  .theme_warp.ywyfw .th4 .themeBox .th4_swiper .swiper-pagination{left: 50%; transform: translateX(-50%); bottom: 10px;}
  .theme_warp.ywyfw .th4 .themeBox .th4_swiper .swiper-pagination .swiper-pagination-bullet{width: 8px; height: 8px; margin: 0 6px;}

  .theme_warp.ywyfw .th5{padding: 20px 15px 30px;}
  .theme_warp.ywyfw .th5 .th5_tit{font-size: 24px; margin-bottom: 15px;}
  .theme_warp.ywyfw .th5 .th5_item.leftBox{float: none; width: auto; margin-bottom: 15px;}
  .theme_warp.ywyfw .th5 .themeContent .itemRight{padding-left: 0px; float: none; width: 100%;}

  .theme_warp.ywyfw .th5 .themeContent .itemRight ul li a{font-size: 14px;}
  .theme_warp.ywyfw .th5 .themeContent .itemRight ul li a .icon img{height: 32px;}
  .theme_warp.ywyfw .th5 .th5_item.leftBox .itemBox .th5_swiper{height: auto;}
  .theme_warp.ywyfw .th5 .th5_item.leftBox .itemBox .th5_swiper .swiper-pagination .swiper-pagination-bullet{width: 8px; height: 8px; margin: 0 6px;}
}

@media screen and (max-width: 760px) {
  .theme_warp.ywyfw .th5 .th5_item.leftBox .itemBox .th5_swiper{height: 232px;}
}