.header{position: absolute;left: 0;right: 0;top: 0;z-index: 100;} .gp-container{position: relative;z-index: 2;} .bannerbox{position:relative} .banner a{display:block;position:relative} .bannerPic{padding-bottom: 42.7%;position: relative;} .bannerPic::before{content: '';display: block;position: absolute;left: 0;right: 0;top: 0;height: 34.4%;background-image: -moz-linear-gradient( 90deg, rgba(147, 23, 31,0) 0%, rgb(147, 23, 31) 100%);background-image: -webkit-linear-gradient( 90deg, rgba(147, 23, 31,0) 0%, rgb(147, 23, 31) 100%);background-image: -ms-linear-gradient( 90deg, rgba(147, 23, 31,0) 0%, rgb(147, 23, 31) 100%);z-index: 2;} .banner .slick-dots{right: 0;width:140px;bottom:auto;top:50%;transform:translateY(-50%)} .banner .slick-dots li{width:auto;height:66px;margin: 10px 0;margin-left: 40px;transition: all ease-in-out .3s;-ms-transition: all ease-in-out .3s;-moz-transition: all ease-in-out .3s;-webkit-transition: all ease-in-out .3s;-o-transition: all ease-in-out .3s;display: block;background: rgba(0, 0, 0, .2);border-radius: 50px 0 0 50px;} .banner .slick-dots li button{background:0 0;border-radius:0;background:url(../images/banner_dot.png) no-repeat;position:absolute;left: 10px;opacity: .5;width: 46px;height: 46px;top: 50%;transform: translateY(-50%);outline: none;transition: all ease-in-out .3s;-ms-transition: all ease-in-out .3s;-moz-transition: all ease-in-out .3s;-webkit-transition: all ease-in-out .3s;-o-transition: all ease-in-out .3s;} .banner .slick-dots li.slick-active{margin-left: 0;} .banner .slick-dots li.slick-active button,.banner .slick-dots li:hover button{opacity: 1;} .banner .slick-arrow{margin:0;width: 66px;height: 66px;border-style: solid;border-width: 1px;border-color: rgb(255, 255, 255);border-radius: 50%;background: center no-repeat;background-color: rgba(0, 0, 0, 0.05);top: auto;bottom: 126px;} .banner .slick-prev{background-image: url(../images/banner_prev.png);left:calc(50% - 700px);} .banner .slick-next{background-image: url(../images/banner_next.png);left: calc(50% - 624px);} .wrap_mode00{padding: 30px 0;position: relative;overflow: hidden;margin: -60px 0 0;z-index: 21;} .wrap_mode00::before{content: '';display: block;position: absolute;right: 0;top: 0;bottom: 0;width: calc(50% + 860px);background: #93171f;} .index_00{overflow: hidden;position: relative;} .index_00 i{width: 1px;height: 100px;background: rgba(255, 255, 255, .16);} .index_00 ul{margin: 0 0 0 0;display: flex;position: relative;justify-content: space-between;align-items: center;flex-wrap: wrap;font-size: 0;} .index_00 li{width: auto;} .index_00 .item{margin: 0 0 0;} .index_00 .img_box{width: 100px;background-color: rgba(0, 0, 0, 0.078);border: 1px solid rgb(224, 198, 126);height: 100px;border-radius: 50%;float: left;} .index_00 .title{margin: 0 0 0 120px;padding: 20px 0;max-width: 130px;color: #fff;} .index_title{margin-bottom: 36px;display: block;overflow: hidden;} .index_title::after{content: '';display: block;clear: both;} .index_title .channel_link{float: right;position: relative;z-index: 2;color: #757575;padding: 0 0 0 38px;background: url(../images/index_more.png) left center no-repeat;margin: 60px 0 0;} .index_title .channel_link:hover{color: #8c0000;} .index_title .channel_title{padding: 0 0 0 0;color: #222;} .index_title .channel_title .t2{color: #999;margin: 3px 0 0;} .wrap_mode01{padding: 62px 0 95px;overflow: hidden;position: relative;} .mode01 .lf{width: calc(66.6% - 10px);float: left;} .mode01 .rt{width: calc(33.3% - 20px);float: right;position: relative;box-sizing: border-box;padding: 116px 30px 36px;} .mode01 .rt::before{content: '';display: block;position: absolute;left: 0;right: 0;top: -100px;bottom: 0;z-index: -1;background: #f5f3f0;} .index_011 ul{margin: 0 0 -20px -30px;} .index_011 li{width: 50%;} .index_011 .item{margin: 0 0 20px 30px;} .index_011 .title{margin: 22px 0 15px;} .index_011 .info{margin: 0 0 50px;color: #999;} .index_011 .time{line-height: 38px;background: url(../images/mode01_time.png) 20px center no-repeat rgba(0, 0, 0, .04);border-radius: 50px;display: inline-block;height: 38px;padding: 0 20px 0 54px;color: #93171f;} .index_012 ul{margin: 0 0 -60px;} .index_012 .item{margin: 0 0 62px;} .index_012 .time{float: right;position: relative;padding: 0 0 0 23px;white-space: nowrap;} .index_012 .time::before{content: '';display: block;width: 1px;height: 44px;background: rgba(0, 0, 0, .1);position: absolute;left: 0;top: 50%;transform: translateY(-50%);} .index_012 .day{margin: 3px 0 -3px;height: 24px;line-height: 24px;color: #93171f;font-weight: bold;} .index_012 .month{margin: 0 0 0;height: 24px;line-height: 24px;color: #999;} .index_012 .title{margin: 0 82px 0 0;} .wrap_mode02{padding: 60px 0 95px;background: url(../images/mode02_bg.png) center no-repeat;background-size: cover;} .index_02 ul{margin: -10px 0 -20px -30px;padding: 0 0 0;} .index_02 li{width: 50%;} .index_02 .item{margin: 0 0 20px 30px;background: #fff;} .index_02 .img_box{width: 280px;float: left;} .index_02 .info_box{margin: 0 0 0 280px;padding: 26px 32px 38px;position: relative;} .index_02 li:nth-child(4n+3) .img_box,.index_02 li:nth-child(4n+4) .img_box{float: right;} .index_02 li:nth-child(4n+3) .info_box,.index_02 li:nth-child(4n+4) .info_box{margin: 0 280px 0 0;} .index_02 .img{padding-bottom: 66.6%;} .index_02 .title{margin: 0 0 10px;} .index_02 .info{margin: 0 65px 0 0;color: #999;} .index_02 .time{position: absolute;right: 10px;bottom: 0;background: rgba(0, 0, 0, .04);width: 67px;height: 77px;box-sizing: border-box;text-align: center;} .index_02 .day{margin: 18px 0 0;height: 24px;line-height: 24px;padding: 0 0 0 0;color: #93171f;font-weight: bold;} .index_02 .month{margin: 0 0 0;height: 24px;line-height: 24px;padding: 0 0 0 0;color: #999;text-transform: uppercase;} @media screen and (max-width:1440px){ .banner .slick-arrow{bottom: 20px;} .banner .slick-prev{left:20px;} .banner .slick-next{left:104px;} .wrap_mode00{margin-top: 0;} .wrap_mode01,.wrap_mode02{padding: 50px 0 70px;} .index_02 .info_box{padding: 16px 20px 38px;} } @media screen and (max-width:1301px){ .banner .slick-dots li{height: 45px;} .banner .slick-dots li button{width: 35px;height: 35px;background-size: 100% auto;} } @media screen and (max-width:997px){ .banner .slick-dots{display: none !important;} .banner .slick-next{left: 80px;} .index_00 .img_box{width: 60px;height: 60px;float: none;margin: 0 auto;} .index_00 .img_box img{max-width: 60%;} .index_00 .title{margin: 0;text-align: center;padding: 10px 0;} .index_title{margin: 0 0 20px;} .index_title .channel_link{margin-top: 40px;} .wrap_mode01, .wrap_mode02{padding: 30px 0;} .mode01 .lf,.mode01 .rt{width: auto;float: none;} .mode01 .rt{padding: 30px 0 0;} .mode01 .rt::before{display: none;} .index_011 .title{margin: 12px 0 6px;} .index_011 .info{margin: 0 0 20px;} .index_012 ul{margin: 0;} .index_012 .item{overflow: hidden;margin: 0 0 10px;} .index_02 ul{margin-top: 0;} .index_02 li{width: 100%;} } @media screen and (max-width:767px){ .banner{overflow:hidden} .bannerbox::after{display:none} .banner .slick-dots{width:100%;bottom:10px;top:auto;transform:translate(0)} .banner .slick-dots li{margin:0 5px} .wrap_mode00{padding: 20px 0;} .index_00 ul{margin: 0 0 -16px;} .index_00 li{width: 100%;} .index_00 .item{overflow: hidden;margin: 0 0 16px;} .index_00 .img_box{float: left;} .index_00 .title{max-width: initial;text-align: left;margin: 0 0 0 80px;} .index_00 i{display: none;} .index_011 li{width: 100%;} .index_02 .item{overflow: hidden;} .index_02 .img_box,.index_02 li:nth-child(4n+3) .img_box, .index_02 li:nth-child(4n+4) .img_box{width: auto;float: none;} .index_02 .info_box,.index_02 li:nth-child(4n+3) .info_box, .index_02 li:nth-child(4n+4) .info_box{margin: 0 0 10px;} .index_011 .time{line-height: 30px;height: 30px;background-size: auto 14px;} } @media screen and (max-width:479px){ } @media screen and (max-width:413px){ .banner .slick-arrow,.line{display:none!important} .index_title .channel_title .t1{font-size: 20px;} .index_title .channel_link{font-size: 12px;} }