.bannerBox.news{height: 620px; background: url('/uploadfiles/img/zjsgl_news_image_01.jpg') no-repeat top center; background-size: cover; }
.warpBox.news .th1 {background-color: #f1f1f1; padding: 60px 0 114px;}
.warpBox.news .themeTit .titleBox{font-style: italic; margin-bottom: 46px;}
.warpBox.news .themeTit .titleBox .cn{display: block; font-size: 45px; line-height: 1; margin-bottom: 5px; color: #000; font-family: 'SourceHanSansCN-Heavy', sans-serif;}
.warpBox.news .themeTit .titleBox .cn .blue{color: #195a95;}
.warpBox.news .themeTit .titleBox .en{display: block; font-size: 34px; line-height: 1; color: rgba(44, 44, 44, 0.2);  font-family: 'SourceHanSerifCN-Bold', sans-serif;}
.warpBox.news .newMore{padding-top: 29px;}
.warpBox.news .newMore{font-size: 0px; color: #c79f62;}
.warpBox.news .newMore .txt{display: inline-block; vertical-align: middle; font-size: 16px; color: #c79f62;}
.warpBox.news .newMore .icon{margin-left: 8px; display: inline-block; font-size: 12px; vertical-align: middle; box-sizing: border-box; width: 28px; height: 28px; border-radius: 100%; border: 1px solid #c8a165; text-align: center; line-height: 26px;}
.warpBox.news .th1_content{margin-left: -20px;}
.warpBox.news .th1_content .th1Item{float: left; width: 302px; padding-left: 20px; box-sizing: border-box;}
.warpBox.news .th1_content .th1Item.item1{width: 614px;}
.warpBox.news .th1_content .th1Item .th1ItemBox{height: 380px;}
.warpBox.news .th1_content .th1Item .th1ItemBox .th1_mySwiper{width: 100%; height: 100%; position: relative; overflow: hidden;}
.warpBox.news .th1_content .th1Item .th1ItemBox .th1_mySwiper .swiper-slide{position: relative;}
.warpBox.news .th1_content .th1Item .th1ItemBox .th1_mySwiper .swiper-slide .bottomTxt{position: absolute; bottom: 0px; left: 0px; right: 0px; padding-left: 20px; padding-right: 115px; height: 60px; line-height: 60px; background-image: linear-gradient(to bottom,  rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 50%, rgba(0, 0, 0, 1) 100%);}
.warpBox.news .th1_content .th1Item .th1ItemBox .th1_mySwiper .swiper-slide .bottomTxt .txt{display: block; font-size: 20px; color: #fff; font-weight: bold; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.warpBox.news .th1_content .th1Item .th1ItemBox .th1_mySwiper .swiper-slide .bottomTxt .num1{position: absolute; right: 18px; top: 50%; transform: translateY(-50%); color: #fff; }
.warpBox.news .th1_content .th1Item .th1ItemBox .th1_mySwiper .swiper-slide .bottomTxt .num1 > b{font-size: 29px; line-height: 1; font-weight: 500;}
.warpBox.news .th1_content .th1Item .th1ItemBox .th1_mySwiper .swiper-slide .bottomTxt .num1 > i{font-size: 20px; line-height: 1;}
.warpBox.news .th1_content .th1Item.item2 .th1ItemBox{background-color: #fff;  position: relative;}
.warpBox.news .th1_content .th1Item.item2 .th1ItemBox .imgBox{display: block; height: 200px; font-size: 0px; overflow: hidden;}
.warpBox.news .th1_content .th1Item.item2 .th1ItemBox .imgBox img{transition: .3s; transform: scale(1.08);}
.warpBox.news .th1_content .th1Item.item2:hover .th1ItemBox .imgBox img{transform: scale(1);}
.warpBox.news .th1_content .th1Item.item2 .th1ItemBox .th1ItemBox_bottom{display: block; padding: 17px 16px;}
.warpBox.news .th1_content .th1Item.item2 .th1ItemBox .th1ItemBox_bottom .titBox{display: block; max-height: 81px; overflow: hidden; font-size: 18px; margin-bottom: 15px; color: #000; font-weight: bold;}
.warpBox.news .th1_content .th1Item.item2 .th1ItemBox .th1ItemBox_bottom .time{display: block; position: absolute; left: 16px; bottom: 15px; font-size: 14px; color: #0063cc; margin-top: 36px;}
.warpBox.news .th1_content .th1Item.item2 .th1ItemBox .th1ItemBox_bottom .iContent{display: block; font-size: 15px; color: #666; line-height: 32px; max-height: 160px; overflow: hidden; padding-top: 20px; border-top: 1px solid #d2d2d2;}
.warpBox.news .th2{padding: 62px 0 40px;}
.warpBox.news .th2 .themeBox ul{margin-left: -35px;}
.warpBox.news .th2 .themeBox ul li{width: 50%; padding-left: 35px; box-sizing: border-box;}
.warpBox.news .th2 .themeBox ul li a{display: block; height: 110px; margin-bottom: 36px; padding-left: 116px; position: relative;}
.warpBox.news .th2 .themeBox ul li a .time{position: absolute; left: 0px; top: 0px; border: 1px solid #0063cc; width: 80px; height: 98px; box-sizing: border-box; padding-top: 7px; text-align: center;}  
.warpBox.news .th2 .themeBox ul li a .time .day{display: block; font-size: 34px; color: #0063cc;}
.warpBox.news .th2 .themeBox ul li a .time .ym{display: block; font-size: 12px; color: #0063cc;}
.warpBox.news .th2 .themeBox ul li a .rightContent .liTit{display: block; font-size: 20px; color: #000; margin-bottom: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.warpBox.news .th2 .themeBox ul li a .rightContent .liContent{display: block; overflow: hidden; font-size: 15px; color: #666; line-height: 28px; max-height: 56px;}

.warpBox.news .th3 {background-color: #f1f1f1; padding: 82px 0 88px;}
.warpBox.news .th3 ul{margin-left: -47px;}
.warpBox.news .th3 ul li{float: left; width: 25%; padding-left: 47px; box-sizing: border-box;}
.warpBox.news .th3 ul li a {display: block;  background-color: #fff;}
.warpBox.news .th3 ul li a .imgBox{display: block; height: 240px; overflow: hidden; font-size: 0px;}
.warpBox.news .th3 ul li a .imgBox img{transition: .3s; transform: scale(1);}
.warpBox.news .th3 ul li a:hover .imgBox img{transform: scale(1.08);}
.warpBox.news .th3 ul li a .liContent{padding: 17px 16px; display: block; }
.warpBox.news .th3 ul li a .liContent .liTitle{display: block; height: 54px; overflow: hidden; font-size: 18px; margin-bottom: 15px; color: #000; font-weight: bold;}
.warpBox.news .th3 ul li a .liContent .time{display: block; font-size: 14px; color: #0063cc; margin-top: 20px;}


.warpBox.news .th4{padding-bottom: 0px;}
.warpBox.news .th4 .th4Top{background-color: #f1f1f1; margin-bottom: 20px;}
.warpBox.news .th4 .th4Top .tLeft{width: 750px; margin-right: 40px; font-size: 0px;}
.warpBox.news .th4 .th4Top .tRight{padding-top: 43px; padding-right: 20px;}
.warpBox.news .th4 .th4Top .tRight .time{display: block; font-size: 14px; color: #0063cc; margin-bottom: 34px;}
.warpBox.news .th4 .th4Top .tRight .titBox{font-size: 20px; font-weight: bold; color: #000; margin-bottom: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.warpBox.news .th4 .th4Top .tRight .rContent{font-size: 15px; line-height: 28px; color: #666; margin-bottom: 59px; overflow: hidden; max-height: 84px;}
.warpBox.news .th4 .th4Top .tRight .moveBtn{display: inline-block; width: 136px; height: 40px; line-height: 38px; padding-right: 34px;position: relative; box-sizing: border-box; text-align: center; border-radius: 20px; border: 1px solid #c79f62; color: #c79f62;}
.warpBox.news .th4 .th4Top .tRight .moveBtn .txt{ font-size: 16px; }
.warpBox.news .th4 .th4Top .tRight .moveBtn .icon{position: absolute; top: 50%; transform: translateY(-50%); right: 5px; display: inline-block; vertical-align: middle; width: 28px; height: 28px; line-height: 28px; border-radius: 100%; background-color: #c79f62; }

.warpBox.news .th4 .themeBox ul{margin-left: -30px;}
.warpBox.news .th4 .themeBox ul li{width: 33.333%; padding-left: 30px;}
.warpBox.news .th4 .themeBox ul li a{background-color: #f1f1f1; height: 218px; box-sizing: border-box; padding: 27px 30px; padding-left: 130px;}
.warpBox.news .th4 .themeBox ul li a .time{top: 27px; left: 13px;}
.warpBox.news .th4 .themeBox ul li a .rightContent .liContent{max-height: 112px;}


@media screen and (max-width: 1655px) {
  .warpBox.news .th1{padding-bottom: 50px;}
  .warpBox.news .th1_content .th1Item.item1{width: 480px;}
  .warpBox.news .th1_content .th1Item .th1ItemBox{height: 294px;}
  .warpBox.news .th1_content .th1Item .th1ItemBox .th1_mySwiper .swiper-slide .bottomTxt .txt{font-size: 17px;}
  .warpBox.news .th1_content .th1Item .th1ItemBox .th1_mySwiper .swiper-slide .bottomTxt .num1 > b{font-size: 26px;}
  .warpBox.news .th1_content .th1Item{width: 246px;}
  .warpBox.news .th1_content .th1Item.item2 .th1ItemBox .imgBox{height: 166px; }
  .warpBox.news .th1_content .th1Item.item2 .th1ItemBox .th1ItemBox_bottom{padding: 15px;}
  .warpBox.news .th1_content .th1Item.item2 .th1ItemBox .th1ItemBox_bottom .titBox{font-size: 15px;}
  .warpBox.news .th1_content .th1Item.item2 .th1ItemBox .th1ItemBox_bottom .iContent{font-size: 13px; line-height: 25px; max-height: 125px;}
  .warpBox.news .th1_content .th1Item.item2 .th1ItemBox .th1ItemBox_bottom .time{left: 15px; bottom: 10px;}
  .warpBox.news .th3{padding-bottom: 50px;}
  .warpBox.news .th3 ul{margin-left: -20px;}
  .warpBox.news .th3 ul li{padding-left: 20px;}
  .warpBox.news .th3 ul li a .imgBox{height: 200px;}
  .warpBox.news .th4 .th4Top .tLeft{width: 587px;}
  .warpBox.news .th4 .th4Top .tRight .time{margin-bottom: 25px;}
  .warpBox.news .th4 .th4Top .tRight .rContent{margin-bottom: 30px;}
  .warpBox.news .th4 .themeBox ul{margin-left: -15px;}
  .warpBox.news .th4 .themeBox ul li{padding-left: 15px;}
  .warpBox.news .th4 .themeBox ul li a .time{width: 70px; height: 88px; padding-top: 3px; }
  .warpBox.news .th4 .themeBox ul li a{padding-left: 108px;}
}
@media screen and (max-width: 1200px) {
  .bannerBox.news{height: 225px;}
  .bannerBox .bannerContent .bTitleBox img{height: 60px;}
  .warpBox.news .theme{padding: 20px 15px 15px; box-sizing: border-box;}
  .warpBox.news .themeTit {position: relative; margin-bottom: 18px;}
  .warpBox.news .themeTit .titleBox{margin-bottom: 0px; position: relative; padding-right: 100px;}
  .warpBox.news .themeTit .titleBox .cn{font-size: 20px;}
  .warpBox.news .themeTit .titleBox .en{font-size: 15px;}
  .warpBox.news .newMore .txt{font-size: 12px;}
  .warpBox.news .th1_content{margin-left: 0px;}
  .warpBox.news .th1_content .th1Item{width: 100% !important; float: none; padding-left: 0px;}
  .warpBox.news .newMore{padding-top: 0px; position: absolute; right: 0px; top: 50%; transform: translateY(-50%);}
  .warpBox.news .newMore .icon{width: 20px; height: 20px; line-height: 18px;}
  .warpBox.news .th1_content .th1Item .th1ItemBox{height: auto; margin-bottom: 20px;}
  .warpBox.news .th1_content .th1Item.item2 .th1ItemBox .imgBox{height: auto;}
  .warpBox.news .th1_content .th1Item.item2 .th1ItemBox .imgBox img{width: 100%; transform: scale(1);}
  .warpBox.news .th1_content .th1Item.item2 .th1ItemBox .th1ItemBox_bottom .time{position: initial; margin-top: 0px;}
  .warpBox.news .th1_content .th1Item.item2 .th1ItemBox .th1ItemBox_bottom .iContent{padding-top: 10px; margin-bottom: 10px;}
  .warpBox.news .th2 .themeBox ul li{width: 100%; }
  .warpBox.news .th2 .themeBox ul li a{height: auto; margin-bottom: 15px;}
  .warpBox.news .th2 .themeBox ul li a .time .day{font-size: 21px}
  .warpBox.news .th2 .themeBox ul li a .time{width: 55px; height: 60px; padding-top: 0px;}
  .warpBox.news .th2 .themeBox ul li a{padding-left: 68px;}
  .warpBox.news .th2 .themeBox ul li a .rightContent .liTit{font-size: 17px; margin-bottom: 4px;}
  .warpBox.news .th2 .themeBox ul li a .rightContent .liContent{font-size: 13px; line-height: 24px; overflow: hidden; max-height: none;}
  .warpBox.news .th3 ul{margin-left: 0px;}
  .warpBox.news .th3 ul li{float: none; width: 100%; padding-left: 0px; margin-bottom: 15px;}
  .warpBox.news .th3 ul li:last-child{margin-bottom: 0px;}
  .warpBox.news .th3 ul li a .imgBox{height: auto;}
  .warpBox.news .th3 ul li a .imgBox img{width: 100%;}
  .warpBox.news .th3 ul li a .liContent .liTitle{font-size: 17px;}
  .warpBox.news .th3 ul li a .liContent .time{font-size: 12px; margin-top: 10px;}
  .warpBox.news .th4 .th4Top .tLeft{width: auto; float: none; margin-right: 0px; }
  .warpBox.news .th4 .th4Top .tRight{padding: 15px;}
  .warpBox.news .th4 .th4Top .tRight .time{margin-bottom: 5px;}
  .warpBox.news .th4 .th4Top .tRight .titBox{font-size: 17px; margin-bottom: 10px;}
  .warpBox.news .th4 .th4Top .tRight .rContent{font-size: 13px; line-height: 24px; max-height: none; margin-bottom: 10px; }
  .warpBox.news .th4 .th4Top .tRight .moveBtn{width: 100px; height: 30px; line-height: 28px; padding-right: 25px;}
  .warpBox.news .th4 .th4Top .tRight .moveBtn .txt{font-size: 13px;}
  .warpBox.news .th4 .th4Top .tRight .moveBtn .icon{width: 22px; height: 22px; line-height: 22px;}
  .warpBox.news .th4 .themeBox ul li a{height: auto; padding: 15px; padding-left: 83px;}
  .warpBox.news .th4 .themeBox ul li a .time{top: 19px; padding-top: 0px; height: 60px;}
  








}