#header{position: relative; z-index: 999;}
#header .iconfont{display: none;}
.header-top{width: 100%; background: linear-gradient( 266deg, #A91414 0%, #BA0E0E 16%, rgba(192,12,12,0) 27%, rgba(203,8,8,0.06) 50%, rgba(216,7,7,0) 61%, #B01110 77%, #AB1110 100%);}
.header-top img{display: block; width: 100%; max-width: 1920px; margin: 0 auto;}
.header-nav{background-color: #D32C26;}
.header-nav .nava{color: #fff; width: 20%; max-width: 297px; display: flex; align-items: center; justify-content: center; height: 50px; font-size: 18px;}
.header-nav .nava.on{background-color: #fff; color: #D32C26;}
#content{position: relative; min-height: 80vh; background-repeat: no-repeat; background-position: center; background-size: 100% 100%; background-image: url(../images/bg.png); z-index: 30; padding-bottom: 50px;}
#content::before, #content::after{position: absolute; z-index:0; position: absolute; left: 0; background-repeat: no-repeat; background-position: center; background-size: 100%; display: block; content: '';}
#content::before{top: 0; width: 60%; max-width: 410px; padding-bottom: 25.5%; background-image: url(../images/bg2.png);}
#content::after{bottom: 0; width: 100%; padding-bottom: 30%; background-image: url(../images/bg6.png);}
.imgW{position: relative;}
.imgW .img{display: block; width: 100%; height: 100%;}
.dots.dots1{position: absolute; left: 50%; transform: translateX(-50%); bottom: 20px; z-index: 40;}
.dots.dots1 span{border-radius: 2px; width: 30px; height: 4px; background-color: #eec7c8; opacity: 0.6; transition: all ease .3s; margin: 0 6px;}
.dots.dots1 .swiper-pagination-bullet-active{width: 40px; opacity: 1;}
.banner, .main{position: relative; z-index: 5;}
.main{margin-bottom: 20px;}

.banner{max-width: 1600px; margin-top: 20px;}
.main1{margin-top: 34px; background-color: #fff; color: #ED0E0E; padding: 45px 28px;}
.main1 .title{font-size:24px; font-weight:bold; text-align: center; margin-bottom: 40px;}

.bgff{background-color: #fff;}
.m2-ban{width: 50%;}
.m2-ban .imgW{width: 100%; padding-bottom: 67%; width: 100%;}
.m2-ban .img{position: absolute; left: 0; top: 0;}
.m2-ri {width: 47%; padding-right: 26px;}
.m2-ri .item{line-height: 1.4; height: 65px; display: flex; align-items: center; border-bottom: 1px solid #CFCFCF; padding: 0 8px;}
.m2-ri .item:last-child{border-bottom: none;}
.main2{margin-top: 20px;}
.main3 .box{padding:26px 16px; padding-bottom: 0px;}
.main3 .list{width: 110%; flex-wrap: wrap; padding: 16rpx 0 0 0;}
.main3 .item{width: 29%; margin: 0 2% 20px 0;}
.main3 .imgW{width: 100%; padding-bottom: 20%;}
.main3 .img{position: absolute;}


.main{font-size: 20px;}
.main .box{padding: 26px;}
.main .home-box.box{padding-top: 0;}
.m-title{position: relative; margin-bottom: 20px; display: flex; align-items: center; justify-content: space-between;} 
.m-title::after{background-color: #E5E5E5;}
.m-title-con{font-size: 24px; height: 70px; position: relative; color: #ED0E0E; padding-right: 80px; height: 70px; z-index: 80;}
.m-title-con::after{background-color: #ED0E0E;}
.m-title::after,.m-title-con::after{position: absolute; width: 100%;height: 2px;content: ''; display: block; height: 2px; left: 0; bottom: 0;}
.m-title-con .icon{margin-right: 20px;}
.m-title .more{color: #B0B0B0; margin-top: 14px;}

.m4-le{width: 270px;}
.m4-list{align-items: stretch;}
.m4-mid{width: 211px; margin: 0 35px 0 46px;}
.m4-mid .item{background-color: #F6F6F6; border-radius: 4px; margin-bottom: 12px; font-size: 28px; display: flex; align-items: center; justify-content: center; height: 60px;}
.m4-mid .item:first-child{background-color: transparent;}
.m4-mid .item:first-child .red{font-size: 36px; position: relative; top: 0px;}
.m4-mid .more{margin-top: 24px; background-color: #ED0E0E; color: #fff; font-size: 28px; border-radius: 4px; display: flex; align-items: center; justify-content: center; height: 64px;}
.red{color: #ED0E0E;}

.m4-ri{flex: 1; margin-left: 30px;}
.news-list .item{display: flex; align-items: flex-start; line-height: 32px; margin-bottom: 17px;}
.news-list .item::before{content: ''; width: 12px; height: 12px; background-color: #F67676; margin-top: 10px; margin-right: 12px;}
.news-list .item .name{flex: 1;}
.news-list .item:hover,.m4-mid .item:hover,.friendshiplist li:hover a{color: #ED0E0E;}
.news-list .item:last-child{margin-bottom: 0;}
.wrap{flex-wrap: wrap;}

.m5-le{width: 396px;}
.m5-mid{margin-left: 30px; flex: 1;}
.m5-ri{width: 280px; margin-left: 25px;}
.m5-ri .item{width: 48%; margin-bottom: 10px;}
.m5-ri .imgW{padding-bottom: 84%;}
.m5-ri .imgW .img{position: absolute;}
.m5-mid .item{padding: 12px 0; border-bottom: 1px solid #ededed; margin: 0;}
.main5{}

.main6{font-size: 16px;}
.friendshiplist{margin-bottom: 20px;}
.friendshiplist,.link-imgs{display: flex; flex-wrap: wrap; align-items: flex-start;}
.friendshiplist li{margin-right: 30px; margin-bottom: 10px;}
.link-imgs .imgW{padding-bottom: 100%; margin-bottom: 16px; border-radius: 10px; border: 1px solid #ED0E0E; overflow: hidden; }
.link-imgs .img{position: absolute; object-fit: contain;}
.link-imgs .item{width: 105px; margin-right: 30px; text-align: center;}

.main7{margin-bottom: 0;}
.main7 .box{padding: 25px 6px;}
.main7 .swiper-wrapper,.main1 .swiper-wrapper {transition-timing-function: linear; }
#footer h1{font-size: 16px;}
#footer{background-color: #A50F14; color: #fff; padding: 76px 0; }
#footer a{color: #fff;}
#footer .ft-ri{min-width: 40%; font-size: 16px;}
#footer .p{margin-top: 10px;}
.top-a{
  position: absolute;
  color: #fff;
  font-size: 20px;
  font-weight: bold;
  top: 20%;
  left: 1%;
  transform: translateY(-50%);
}


#content.detail{padding-top: 46px;}
.detail .box{padding: 0 26px 26px; background-color: #fff; position: relative; z-index: 4;}
.page{padding: 16px 0;}
.page .a{width: 32px; height: 32px; border-radius: 32px; background-color: #E5E5E5;}
.page .w.a{width: auto; padding: 0 16px;}
.page .a.on{background-color: #AB1313; color: #fff; min-width: 56px;}
.news-list1 .item{font-size: 18px; padding: 20px 0 14px; border-bottom: 2px solid #E5E5E5; display: block; margin-bottom: 10px;}
.news-list1 .name{margin-bottom: 20px; font-weight: bold;}
.news-list1 .intro{color: #666; font-size: 16px; margin-bottom: 16px;}
.news-list1 .time{color: #A1A1A1;}
.news-list1 .more{width: 120px; height: 46px; border-radius: 4px; color: #AB1313; border: 1px solid #AB1313; font-size: 16px;}

.detail-content {font-size: 18px;}
.detail-title{text-align:center; font-weight: bold; font-size: 24px; padding: 26px 0; border-bottom: 2px solid #E5E5E5;}
.detail-content .time{color: #A1A1A1; padding: 30px 0;}
.detail-intro{line-height: 1.6;}



@media screen and (min-width: 980px){
  
}

@media screen and (max-width: 1580px){
  
}

@media screen and (max-width: 1369px){
  .main{font-size: 16px;}
  .main1 .title{font-size: 20px; margin-bottom: 26px;}
  .m2-ri{padding-right: 16px;}
  .m2-ri .row2{-webkit-line-clamp: 1;}
  .m2-ri .item{height: auto; padding: 14px 0;}
}
@media screen and (max-width: 1280px){
  
}
@media screen and (max-width: 1080px){
  
}

@media screen and (max-width: 980px){
  .banner{margin-top: 0px;}
  .box{max-width: 680px;}
  .header-top{display: none;}
  #header .header-nav{position: fixed; bottom: 0; left: 0; width: 100%; z-index: 9999;}
  #header .iconfont{display: block; margin: 0 auto; font-size: 20px;}
  .header-nav .nav{width: 100%;}
  .header-nav .nava{display: block; text-align: center; width: 25%; font-size: 16px; padding-top: 6px;}
  .m-title{margin-top: -16px;}
  .m-title b{font-size: 16px;}
  .m-title-con{height: 50px; padding-right: 30px;}
  .m-title-con .icon{width: 20px; margin-right: 10px;}
  
  .main{font-size: 16px;}
  .main1{padding: 18px;}
  .main1 .title{font-size: 18px; margin-bottom: 16px;}
  .main2 .box{display: block; padding: 16px;}
  .m2-ban,.m2-ri{width: 100%;}
  
  .main3 .box{padding: 16px; padding-bottom: 0;}
  .main3 .list{width: 100%; justify-content: space-between;}
  .main3 .item{width: 48.5%; margin-bottom: 10px !important; margin: 0;}
  
  .m4-list{display: block;}
  .m4-le,.m4-mid,.m4-ri,.m5-ri,.m5-mid{width: 100%; margin-left: 0 !important; margin-right: 0px !important;}
  .m4-ri,.m4-mid{margin-bottom: 16px;}
  .news-list .item{align-items: center;}
  .news-list .item::before{width: 6px; height: 6px; margin-right: 6px; margin-top: 0;}
  .news-list .item{line-height: 24px;}
  .main .row2{-webkit-line-clamp:1 !important}
  .m4-mid .item{font-size: 20px;}
  .m4-mid .item:first-child .red{font-size: 24px;}
  .home-box{padding: 16px;}
  .m5-ri{justify-content: flex-start;}
  .friendshiplist li{margin-right: 16px;}
  .m5-ri .item,.link-imgs .item{width: 23%; margin-right: 2.5%; margin-bottom: 10px;}
  .m5-ri .item:nth-child(4n+4),.link-imgs .item:nth-child(4n+4){margin-right: 0; margin-bottom: 10px;}
  .main2 .box{display: block;}
  #content{padding-bottom: 20px;}
  #footer{padding: 26px 0 80px;}
  #footer .box{display: block; }
  .ft-le{padding-bottom: 20px;}
  .main7 .box{padding: 10px;}
  
  
  .news-list1 .item{font-size: 16px}
  .news-list1 .name{margin-bottom: 10px; }
  .news-list1 .intro{font-size: 15px; margin-bottom: 10px;}
  .news-list1 .more{width: 80px; height:30px; font-size: 14px;}
  
  .detail-content {font-size: 16px;}
  .detail-title{font-size: 20px; padding: 0 0 16px;}
  .detail-content .time{padding: 16px 0;}
  .detail-intro{line-height: 1.6;}
  #content{min-height: 50vh;}
  
}
@media screen and (max-width: 769px){
  
}
@media screen and (max-width: 680px){
  #content::before{width: 100%;}
  .box{width: 94%;}
}

@media screen and (max-width: 520px){
  .m5-ri .item,.link-imgs .item{width: 32%; margin-right: 2% !important;}
  .m5-ri .item:nth-child(3n+3),.link-imgs .item:nth-child(3n+3){margin-right: 0 !important;}
  .detail .box{padding: 16px;}
}

@media screen and (max-width: 520px){
  
  
}
*{box-sizing: border-box;}