/*å­™ç«‹å®2020.10.20*/
.Banner{position: relative;z-index: 5;overflow: hidden;}
.slick-slide > a{display: block;background-color: #fff;position: relative;}
.slick-slide > a img{opacity: 0.5;transition: opacity 0.2s ease-in-out;}
.slick-current > a img{opacity: 1;}
.slick-img{display: block;height: 0;padding-bottom: 30.208%;overflow: hidden;}  
.content{position: relative;padding-top: 20px;z-index: 15;}
/*mode01*/
.newsCol{width:49.16%;margin-top: -100px;background:#94070a;
  background: -webkit-linear-gradient(left, #94070a,#b8090c 50%, #94070a); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(right, #94070a,#b8090c 50%, #94070a); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(right, #94070a,#b8090c 50%, #94070a); /* Firefox 3.6 - 15 */
  background: linear-gradient(to right, #94070a,#b8090c 50%, #94070a); /* æ ‡å‡†çš„è¯­æ³• */padding: 0 22px 22px;box-sizing: border-box;}
.listTitle1{padding: 24px 0;}
.listTitle1 h2 strong{font-family: 'Arial';font-size: 18px;color: #f8a1a1;text-transform: uppercase;font-weight: normal;margin-left: 10px;}
.readMore1{color: #e6dbc3;;}
.readMore1 img{display: inline-block;vertical-align: middle;margin-left: 5px;}
.news-txt1{padding: 12px 0 0;min-height: 170px;}
.news-txt1 h3{line-height: 40px;max-height: 80px;overflow: hidden;margin-bottom: 12px;}
.news-txt1 p{line-height: 22px;max-height: 44px;overflow: hidden;margin-bottom: 12px;opacity: 0.6;}
.news-date{display: block;font-family: 'Arial';color:#e6dbc3;line-height: 24px;height: 24px;}
.news-date i{margin-right: 5px;display: inline-block;}
.news-img1 .gp-img-responsive{padding-bottom: 62.36%;}
.bit-list1{width: 48.5%;padding-top: 40px;}
.bit-list1 li{height: 44px;line-height: 44px;overflow: hidden;border-bottom: 1px dashed  #e6e6e6;margin-bottom: 18px;}
.bit-list1 li a{display: block;}
.bit-list1 li span{float: right;height: 24px;float: right;line-height: 24px;border-left: 1px solid #e6e6e6;font-family: 'Arial';font-size: 1.4rem;padding-left: 15px;color: #999;margin-top: 8px;margin-left: 5px;}
/*mode2*/
.wrap_mode2{background-color: #e6dbc3;overflow: hidden;}
.mode2{position: relative;}
.mode2::before{content: '';width: 1164px;height: 100%;background: url(../../images/dangdh/m_bg2.jpg) no-repeat center;background-size: cover;position: absolute;left: 400px;top: 0;z-index: 0;}
.col-2{width: 400px;position: relative;z-index: 20;}
.listTitle2{position: relative;padding-left: 20px;}
.listTitle2 h2 strong{color: #d24b4a;}
.readMore2{position: absolute;right: 0;top: 0;}
.bit-list3{padding: 0 30px 30px 20px ;}
.bit-list3 li{border-bottom: 1px solid rgba(255,255,255,0.3);padding: 15px 0;}
.bit-list3 li:first-child{padding-top: 0;}
.bit-list3 li span{float: left;width: 60px;height: 24px;font-weight: bold;line-height: 24px;text-align: center;color: #fff;border-radius: 0 12px 12px 0;font-size: 1.4rem;
background: -webkit-linear-gradient(left, #d14c4c,#94070a); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(right, #d14c4c,#94070a); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(right, #d14c4c,#94070a); /* Firefox 3.6 - 15 */
  background: linear-gradient(to right, #d14c4c,#94070a); /* æ ‡å‡†çš„è¯­æ³• */;}
.bit-list3 li > a{display: block;margin-left: 70px;line-height: 24px;height: 48px;overflow: hidden;}
.col-3{width: 41.67%;background: -webkit-linear-gradient(left, #94070a,#b8090c 50%, #94070a); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(right, #94070a,#b8090c 50%, #94070a); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(right, #94070a,#b8090c 50%, #94070a); /* Firefox 3.6 - 15 */
  background: linear-gradient(to right, #94070a,#b8090c 50%, #94070a);box-sizing: border-box;margin-top: -240px;}
.mode3{position: relative;z-index: 50;}
.col-3 .listTitle2 strong{color: #f8a1a1;}
.bit-list4 {padding: 0 30px 20px 30px;}
.bit-list4  li{border-bottom: 1px solid rgba(255,255,255,0.5);padding: 15px 0;}
.bit-list4  li:first-child{padding-top: 0;}
.bit-list4  li span{font-size: 14px;}
.bit-list4  li a:hover{color: #fff;}
.bit-list4  li:last-child{border-bottom: none;}
.bit-list4  li h3{font-weight: normal;margin-bottom: 0px;font-size: 1.6rem; height: 42px; line-height: 21px;}
.mode4{margin-top: 80px;position: relative;}
.mode4::before{content: '';width: 602px;height: 270px;position: absolute;left: 0;top: -270px;z-index: -1;background: url(../../images/dangdh/m_bg2.png) no-repeat center;background-size: cover;}
.mode4::after{content: '';width: 100%;height: 75%;position: absolute;left: 0;top: 0;z-index: -1;background: url(../../images/dangdh/m_bg3.jpg) no-repeat top center;}
.listTitle4{position: relative;text-align: center;padding: 37px 0;margin: 0 30px;}
.listTitle4 h2 span{opacity: 0.5;font-size: 1.4rem;text-align: center;display: block;padding-top: 12px;}
.listTitle4 a:hover{color: #fff;opacity: 0.85;}
.listTitleEn{position: absolute;left: 0;top: 60px;font-family: 'Arial';font-size: 1.8rem;color:#e6dbc3;font-weight: normal;text-transform: uppercase;}
.listTitle4 .readMore1{position: absolute;right: 0;top: 60px;}
.bit-list5{margin: 0 18px;}
.bit-list5 li > a{display: block;margin: 0 12px;;}
.bit-list5 li .gp-img-responsive{padding-bottom: 75%;}
.bit-list5 li h3{font-weight: normal;line-height: 24px;height: 48px;overflow: hidden;padding-top: 10px;}
/*mode5*/
.wrap_mode5{overflow: hidden;padding-bottom: 65px;}
.mode5{position: relative;padding-top: 50px;}
.mode5::before,.mode5::after{content: '';width: 644px;height: 618px;position: absolute;z-index: -1;top: 40px;}
.mode5::before{left: -315px;background: url(../../images/dangdh/m_bg4.png) no-repeat center;}
.mode5::after{right: -315px;background: url(../../images/dangdh/m_bg5.png) no-repeat center;}
.col-4{width: 65.416%;}
.col-5{width: 31.67%;}
.mode5 .listTitle1{padding: 20px 0;}
.mode5 .readMore1{color: #d24b4a ;padding-top: 2px;}
.mode5 h2 strong{color: #d24b4a ;}
.videoCol{position: relative;background-color: #000;}
.videoCol > a > img{opacity: 0.8;}
.videoCol .gp-img-responsive{padding-bottom: 56.05%;}
.video_title{height: 60px;line-height: 60px;overflow: hidden;padding: 0 20px;position: absolute;left: 0;bottom: 0;z-index: 20;background-color: rgba(0,0,0,0.5);color: #fff;font-size: 1.8rem;width: 100%;box-sizing: border-box;}
.play{width: 80px;height: 80px;position: absolute;left: 50%;bottom: 50%;transform: translate(-50%,50%);transition: all 0.35s ease-out;}
.videoCol:hover .play{left: 10px;bottom: 10px;transform: none;}
.bit-list6{background-color: #e6dbc3;padding: 30px;min-height: 443px;box-sizing: border-box;}
.bit-list6 li{height: 35px;line-height: 35px;overflow: hidden;/* padding-left: 44px; *//* background: url(../../images/dangdh/li_bg1.png) no-repeat left center; */margin-bottom: 23px;}
.bit-list6 li:last-child{margin-bottom: 0;}

@media screen  and (min-width:1020px) {
/* 	.bit-list2 > li > a{transition: all 0.4s ease-out;}
.bit-list1 > li > a:hover{transform: translateY(-10px);} */
  }
@media screen  and (max-width:1300px){
.bit-list6 li{margin-bottom: 11px;}
.bit-list6{min-height: auto;}
.play{width: 50px;}
}
@media screen  and (max-width:1060px){
	.bit-list6{padding: 20px;}
	.bit-list6 li{margin-bottom: 8px;}
}

@media screen and (max-width:996px) and (min-width:640px) {
	.news-img1{width: 300px;float: left;}
	.news-txt1{margin-left: 320px;}
}
@media screen  and (max-width:996px) {
	.slick-txt > span strong{width: 100%;text-align: left;}
	.newsCol{margin-top: 0;}
	.bit-list1 li{margin-bottom: 0;}
	.bit-list1{padding: 15px 0 25px;}
	.col-2 .listTitle2,.col-2 .bit-list3{padding-left: 0;}
	.col-2,.col-3{width: 47%;}
	.mode2::before{left: 47%;}
	.col-5{margin-top: 15px;}
	.mode5{padding-top: 0;}
	.mode4{margin-top: 30px;}
	.wrap_mode5{padding-bottom: 30px;}
	.mode5::before, .mode5::after{display: none;}
}



@media screen and (max-width: 767px) {
	.mode2::before{display: none;}
	.col-2, .col-3{width: 100%;}
	.col-3{margin-top: 15px;}
	.bit-list5{white-space: nowrap;width: auto;margin: 0 0 0 7px;}
	.bit-list5 li{width: 300px;}
	.bit-list5-wrap{overflow-y: hidden;overflow-x: auto;-webkit-overflow-scrolling:touch;margin-right: 15px;}
	.bit-list5 li > a{margin: 0 8px;}
	.bit-list3 li > a{height: auto;}
	.mode4::before{display: none;}
}

@media screen and (max-width:480px) {
	
}

