@charset "utf-8";

.banner_box{ padding: 0px; position: relative; z-index: 3; }
.banner{ overflow: hidden; }
.banner .a{ display: block; position: relative; z-index: 1; overflow: hidden; }
.banner .imgBox{ overflow: hidden; width: 100%; transform: scale(1);}
.banner .imgBox:after{content: "";position: absolute;height: 15vw;right: 0;bottom: 0;left: 0;}
.banner .imgBox .img{ padding-bottom: 28.64%; 
-webkit-transform: scale(1.1);
    webkit-transform: scale(1.1);
    transition: 6s;
    object-fit: cover
}
.banner .imgBox .img video{ opacity:1;}

.banner .swiper-slide-active .imgBox .img{ 
-webkit-transform: scale(1);
 webkit-transform: scale(1);
}


.dots1{ position: absolute; bottom: .2rem !important;  z-index: 100;text-align: center;}
.dots1 span{ width: .4rem; height: .4rem; position: relative; opacity: 1; background: none;margin: 0 .01rem !important;}
.dots1 span:before{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: url(../images/dots1.png) center no-repeat; background-size: cover;transition: .5s; opacity: 0}
.dots1 span:after{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgba(255, 255, 255, 0.7); border-radius: 50%;transform: scale(.4);transition: .5s;}

.dots1 span.active{ margin: 0 .1rem !important}
.dots1 span.active:before{ opacity: 1}
.dots1 span.active:after{ opacity: 0}

.arrow1{ position: absolute; top: 50%;transform: translateY(-50%);z-index: 10; cursor: pointer;}
.arrow1 img{ width: .45rem; height: .45rem;}
.arrow1.prev{ left: 4vw}
.arrow1.next{ right: 4vw}

.pad1{ padding: .5rem 0 0 0; overflow: hidden;}

.tit1{ align-items: center; margin: 0 0 .38rem;}
.tit1 .tit{display: flex;
    justify-content: space-between;
    flex-wrap: wrap;}
.tit1 .ll{ font-size: .32rem; color: #333; font-family: Microsoft YaHei; font-weight: bold;}
.tit1 .ll font{ color: #8f0009 }
.tit1 .line{ background: url(../images/tit1.png) center repeat-x; height: .04rem; flex: 1; background-size: auto 100%;margin: 0 .16rem;}
.more_btn{position: relative; width: 58px; height:24px;}
.more1{ font-size: .18rem; color: #8f0009; position: relative; z-index: 1; display: inline-block; line-height: 1.75}
.more1:before{ content: ""; position: absolute; left: 0; width: 0; height: 1px; background: #8f0009; bottom: 0; transition: .5s;}

.post-21 .title {width: auto;height:auto; margin: 0 20px 0 0;display: flex;justify-content: center;align-items: center;position: relative;font-size:.28rem; font-weight:normal;color: #8f0009;}
.post-21 .title.selected{ font-weight:bold;color: #333;font-size:.32rem;}
.post-21 .title::after{content: "";width: 30px;height: 30px;background: url(../images/xie.png) no-repeat center;position: absolute; background-size:22px 22px;right: -25px;top: 50%;margin-top: -15px;}
.post-21 .title:last-child::after{display: none;}

.post-21 .more1{ font-size: .18rem; color: #8f0009; position: absolute; z-index: 1; display: inline-block; line-height: 1.75}
.post-21 .con{
	position:relative;
	}
.post-21 .boxm{
	    position: absolute;
	}
.w66{ width: 65.33%;}
.w33{ width: 31%;}

.w34{ width: 31%;}


.list1 li{ width: 48%; margin-bottom: .28rem;}
.list1 .time{ width: .7rem; height: .7rem; border: 0px; text-align: center; margin: 0 .14rem 0 0; background:url(../images/sjbg111.png) no-repeat center;background-size:100%;}
.list1 .time h3{ line-height: .26rem; font-size: .28rem; color: #8f0009;margin-top:.19rem;}
.list1 .time h6{line-height: .18rem;font-size: .12rem;color: #8f0009;}
.list1 .txt{ flex: 1; overflow: hidden;display: flex;align-items: center;position: relative;z-index: 1;}
.list1 .txt:before{ content: ""; position: absolute; left: 0; width: 0; height: 1px; background: #8f0009; bottom: 0; transition: .5s}
.list1 a:hover .time{ background:url(../images/sjbg111.png) no-repeat center;background-size:100%;}
.list1 a:hover .time h3 ,.list1 a:hover .time h6{
    color: #8f0009;
}

.list2{ margin: 0 0 0 0; position: relative; z-index: 1;}
.list2 li{ position: relative}
.list2 li:before{ content: ""; position: absolute; left: .38rem; bottom: 0; right: 0; height: 0; border-bottom: 1px dashed #CACACA;}

.list2 .a{ display: flex; height: .78rem; align-items: center;position: relative;padding: 0 0 0 .38rem;}
.list2 .a::before{ content: ""; position: absolute; background: url(../images/list2_b.png) center no-repeat;width: .28rem;height: .28rem;background-size: cover;left: 0;top: 50%;margin: -.14rem 0 0; transition: .5s}
.list2 .a::after{ content: ""; position: absolute; background: url(../images/dots2.png) center no-repeat;width: .28rem;height: .28rem;background-size: cover;left: 0;top: 50%;margin: -.14rem 0 0; transition: .5s; opacity: 0}
.list2 li:last-child:before{ border: none}

.home1{ background: url(../images/homebg1.jpg) center no-repeat; background-size: cover;}
.home1 .wp{
position:relative;
}
.home1 .wp:before{
content: ""; position: absolute; right:32.5%;width: 3px;height:100%;background: linear-gradient(to bottom, #ffffff , #6f010a); ;opacity: .8;
}

.home2{ /*background: url(../images/home2_b.jpg) center no-repeat; background-size: cover;*/}

.home2 .wp{
position:relative;
}
.home2 .wp:before{
content: ""; position: absolute; right:32.5%;width: 3px;height:100%;background:  linear-gradient(to bottom, #6f010a , #ffffff );opacity: .8;bottom:.55rem;
}

.list3 li{ margin-bottom: .14rem}
.list3 .a{ display: flex; flex-direction: column; justify-content: center; border: 1px solid #8f0009; height: 1.22rem;padding: 0 .18rem; transition: .5s;}
.list3 h4{ margin: 0 0 .06rem}
.list3 .p{ display: flex; flex-wrap: wrap}
.list3 .p p{ min-width: 60%; font-size: .14rem; color: #676767; line-height: .28rem}
.list3 .p p img{ margin: -2px .06rem 0 0}

.list4 .a{ align-items: center;height:.68rem;}
.list4 .time{ font-size: .22rem; color: #8f0009; width: .9rem; position: relative;}
.list4 .time::before{ content: ""; position: absolute; right: .22rem;width: 1px;height: .16rem;background: #333333;opacity: .3;top: 50%;margin: -.08rem;}
.list4 li{ margin-bottom: 0rem;}
.list4 h4{ flex: 1;}
.list4 li:last-child{ margin-bottom: 0;}



.list5{ margin: 0rem 0 0 0rem; position: relative; z-index: 1;}
.list5 li{ position: relative}
.list5 li:before{ content: ""; position: absolute; left: .38rem; bottom: 0; right: 0; height: 0; border-bottom: 1px dashed #CACACA;}
.list5::before{ content: ""; position: absolute; top: .2rem; bottom: .2rem; width: 0px;  background: none;left: .1rem;}
.list5 .a{ display: flex; height: .68rem; align-items: center;position: relative;padding: 0 0 0 .38rem;}
.list5 .a::before{ content: ""; position: absolute; background: url(../images/list2_b.png) center no-repeat;width: .28rem;height: .28rem;background-size: cover;left: 0;top: 50%;margin: -.14rem 0 0; transition: .5s}
.list5 .a::after{ content: ""; position: absolute; background: url(../images/dots2.png) center no-repeat;width: .28rem;height: .28rem;background-size: cover;left: 0;top: 50%;margin: -.14rem 0 0; transition: .5s; opacity: 0}
.list5 li:last-child:before{ border: none}


.list6 li{ width: 48.5%; margin-bottom: .12rem;}
.list6 .a{ background: #f6f1eb url(../images/xiangyun1.png) no-repeat center; background-size:80% auto; height: 1.2rem;align-items: center;position: relative; border-radius:.18rem .02rem;   justify-content: center;}
.list6 .a:before{ content: ""; position: absolute; left: 0; width: 0; height: 1px; background: #8f0009; bottom: 0; transition: .5s}
.list6 .ico{ width: .59rem; height: .59rem; position: relative; z-index: 1;margin: 0 .15rem 0 0; padding:.05rem;}
.list6 .ico img{
	    width: 80%;
    height: 80%;
    margin: 10%;
transition: all 0.5s;cursor:pointer;
	}
.list6 .ico::before{ content: ""; position: absolute; z-index: -1; top: 0; right: 0; bottom: 0; left: 0; background: url(../images/list6_b.png) center no-repeat; background-size: cover;animation: roted 20s infinite linear;}
.list6 a:hover .ico img{
transform: rotate(360deg) !important;-weibit-transform: rotate(360deg) !important;-ms-transform: rotate(360deg) !important;-o-transform: rotate(360deg) !important;-moz-transform: rotate(360deg) !important;}

.list6 h4{ font-size: .22rem}

.list7{max-height:300px;}
.list7 .imgBox{ border-radius: .06rem}
.list7 .imgBox .img{ padding-bottom: 53%;}
.list7 li{ width: 48.5%;margin-bottom: .12rem;}
.swiper {
      width: 100%;
      height: 100%;
      margin-left: auto;
      margin-right: auto;
    }
.list7 .a {
    display: block;
    position: relative;
    z-index: 1;
    overflow: hidden;
}
.list7 .swiper-slide {
      height: 120px !important;
      text-align: center;
      font-size: 18px;
      justify-content: center;
      align-items: center;
}


.list8{ margin: 0 -.05rem;}
.list8 li{ width: 33.33%; padding: 0 .05rem; margin-bottom: .1rem;}
.list8 .a{ background: #F5F9FC; height: .8rem;align-items: center;padding: 0 .1rem; position: relative;justify-content: center;border-radius:.1rem;}
.list8 .a:before{ content: ""; position: absolute; left: 0; width: 0; height: 1px; background: #8f0009; bottom: 0; transition: .5s}
.list8 .ico{ width: .3rem; height: .3rem; position: relative; z-index: 1;margin: 0 .1rem 0 0;}
.list8 h4{ font-size: .18rem;min-width:.72rem;}

.list8 li:nth-child(1) .a{ background: #ffe8e9 url(../images/wenli1.png) no-repeat center;}
.list8 li:nth-child(2) .a{ background: #f6f1eb url(../images/wenli1.png) no-repeat center;}
.list8 li:nth-child(3) .a{ background: #ffe8e9 url(../images/wenli1.png) no-repeat center;}
.list8 li:nth-child(4) .a{ background: #f6f1eb url(../images/wenli1.png) no-repeat center;}
.list8 li:nth-child(5) .a{ background: #ffe8e9 url(../images/wenli1.png) no-repeat center;}
.list8 li:nth-child(6) .a{ background: #f6f1eb url(../images/wenli1.png) no-repeat center;}
.list8 li:nth-child(7) .a{ background: #ffe8e9 url(../images/wenli1.png) no-repeat center;}
.list8 li:nth-child(8) .a{ background: #f6f1eb url(../images/wenli1.png) no-repeat center;}
.list8 li:nth-child(9) .a{ background: #ffe8e9 url(../images/wenli1.png) no-repeat center;}

@media(min-width: 1024px){
	.more1:hover{color:#333;}
    .more1:hover:before{ width: 100%;}
    .list1 .a:hover .txt:before{ width: 100%;}
    
    .list2 .a:hover::before{opacity: 0}
    .list2 .a:hover::after{opacity: 1}
    
    .list5 .a:hover::before{opacity: 0;}
    .list5 .a:hover::after{opacity: 1;}

    .list3 .a:hover{ border: #333333 1px solid;}
    
    .list6 .a:hover:before{ width: 100%}
.list8 .a:hover{ background:#ebebeb !important; }

}

@media(max-width: 1699px){
.list7{max-height:280px;}
.list7 .swiper-slide {
      height: 110px !important;
}
@media(max-width: 1399px){
.list7{max-height:260px;}
.list7 .swiper-slide {
      height: 96px !important;
}
@media(max-width: 1024px){

.w66{ width: 100%;}
.w33{ width: 100%;}
.w34{ width: 100%;}
.list1 .txt{ flex: 1; overflow: hidden;display: flex;align-items: center;position: relative;z-index: 1;height:.6rem;}
.dots1{ position: absolute; bottom: .2rem !important;  z-index: 100;text-align: center;}
.dots1 span{ width: .3rem; height: .3rem; position: relative; opacity: 1; background: none;margin: 0 .01rem !important;}
.tit1 {
    align-items: center;
    margin: 0.3rem 0 0.18rem;
}
.pad1{padding:0 0 .2rem  ;}
.post-21 .boxm{    position: relative;display:none;}
.post-21 .boxm.active{ position: relative;display:block;}

.list1 li{ width: 100%; margin-bottom: .12rem;}
.list5 .a {
    display: flex;
    height: 0.76rem;
    align-items: center;
    position: relative;
    padding: 0 0 0 0.38rem;
}
.home2 {
    background: url(../images/home2_b.jpg) bottom center no-repeat;
    background-size: 100% auto;
}
.list4 li {
    margin-bottom: 0.2rem;
}
.home1 .wp:before,.home2 .wp:before{
display:none;
}
.list7{max-height:340px;}
.list7 .swiper-slide {
      height: 156px !important;
}
.list7 .imgBox .img{ padding-bottom: 38%;}


} 
@media(max-width: 960px){
.list7{max-height:290px;}
.list7 .swiper-slide {
      height: 126px !important;
}
} 
@media(max-width: 560px){
.list7{max-height:230px;}
.list7 .swiper-slide {
      height: 96px !important;
}
.list7 .imgBox .img{ padding-bottom: 46%;}
} 
@media(max-width: 320px){
.list7{max-height:180px;}
.list7 .swiper-slide {
      height: 66px !important;
}
}