/*孙立宏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) { }