/* 测试是否一致 */
/* body{opacity: 0.8;}::-webkit-scrollbar{width: 0;}html{background: top left no-repeat url(../pic/0.jpg) !important;} */

.home_swiper{height:  ; position: relative;z-index: 1;}
.home_swiper .home_swiper_box{position: relative;transition: all ease-in-out .7s;-ms-transition: all ease-in-out .7s;-moz-transition: all ease-in-out .7s;-webkit-transition: all ease-in-out .7s;-o-transition: all ease-in-out .7s;}
.home_swiper.not_first_screen .home_swiper_box{transform: translateY(- );}
/* .home_swiper > .swiper-wrapper{transition: transform 0.7s cubic-bezier(0.5,0,0.2,1) 0s;} */
.wrapbanner,.home_slide{height:  ;overflow: hidden;box-sizing: border-box;position: relative;}
.home_slide{padding-top: 0px;background: #fff;overflow: auto;}
.content{box-sizing: border-box;background: #fff;overflow-x: hidden;padding-top: 4.5rem;padding-bottom: 7.5rem;}
@media screen and (max-width: 996px){
	.home_swiper.not_first_screen .home_swiper_box{transform: translateY(0);}
	.home_swiper,.home_swiper > .swiper-wrapper,.wrapbanner, .home_slide{height: auto;display: block;}
	.home_slide{padding-top: 0;}
}

.wrapbanner{overflow: hidden;}
.banner a{display:block;position:relative;} 
.banner a::after{content: '';display: block;width: 100%;height: 20%;position: absolute;bottom: 0;left: 0;background-image: -moz-linear-gradient( 90deg, rgba(0,0,0,0.702) 0%, rgba(0,0,0,0) 100%);background-image: -webkit-linear-gradient( 90deg, rgba(0,0,0,0.702) 0%, rgba(0,0,0,0) 100%);background-image: -ms-linear-gradient( 90deg, rgba(0,0,0,0.702) 0%, rgba(0,0,0,0) 100%);opacity: 0.702; }

 
  
.banner .gp-img img{animation:scaleBig 10s linear 0s 1 both;transform-style:preserve-3d}
@-webkit-keyframes scaleBig{
	0%{transform:scale(1)}
	100%{transform:scale(1.1)}
}
@keyframes scaleBig{
	0%{transform:scale(1)}
	100%{transform:scale(1.1)}
}
/* .swiper-slide-active  */

.banner .title{color:#fff;white-space:nowrap;overflow: hidden;text-overflow: ellipsis;line-height:1.2em;bottom: 3rem;z-index: 2;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;font-weight: bold;position: absolute;left: 50%;transform: translateX(-50%);box-sizing: border-box;padding-right: 10rem;} 
.banner .gp-img{display:block;overflow:hidden;position:relative;background-size: cover !important;padding-bottom: 33.85%;height: 0;}
.banner .gp-img video,.banner .gp-img img{width:100%;height: 100%;position: absolute;left: 0;top: 0;}
.banner .gp-img img{min-width: 100%;object-fit: cover;}
.banner .gp-img video{width:100%;height: auto;position: absolute;left: 0;top: 50%;transform: translateY(-50%);}
/* .banner .swiper-slide-active .gp-img{animation:scaleBig 7s linear 0s 1 both;transform-style:preserve-3d} */
@-webkit-keyframes scaleBig{
	0%{transform:scale(1)}
	100%{transform:scale(1.1)}
}
@keyframes scaleBig{
	0%{transform:scale(1)}
	100%{transform:scale(1.1)}
}
 

.wrapbanner .wrap_swiper_pagination{position: absolute;right: 50%;transform: translateX(50%); bottom: 3rem;text-align: center;z-index: 2;font-size: 0;}
.wrapbanner .more{display: inline-block;color: #fff;position: relative;line-height: 4rem;height: 4rem;font-size: 1.6rem;z-index: 2;vertical-align: middle;padding: 0 0 0 2.8rem;margin: 0 0 0 2rem;} 
.wrapbanner .swiper-pagination{left: 0;width: auto;bottom: 0;position: relative;display: inline-block;vertical-align: middle;}
.wrapbanner .swiper-pagination .swiper-pagination-bullet{width: 1.2rem;height: 1.2rem;background: rgba(255,255,255,.5);opacity: 1;border-radius: 0;margin: 0 1rem;border: none;box-sizing: border-box; text-align: center;color: #fff;border-radius: 50%; }
.wrapbanner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background: #fff; }

@media screen and (max-width: 996px){
	/* .banner a{padding-top: 0;} */
	/* .banner .gp-img{padding-bottom: 44.27%;height: 0;} */
	.banner .swiper-slide-active .title{bottom: 20px;width: calc(100% - 40px) !important;
        position: absolute;
        left: auto;
        transform: none;
        box-sizing: border-box;
        padding-right: 0rem;
    }
	.wrapbanner{padding: 0;}
	.wrapbanner .arrow{display: none;}
	.wrapbanner .swiper_menu{background: transparent;width: auto;height: auto;padding: 10px 0 0;}
	/* .wrapbanner .swiper-pagination .swiper-pagination-bullet{width: 10px;height: 10px;margin: 0 5px;font-size: 0;} */
    .wrapbanner .swiper-pagination{height: 12px;}
    .wrapbanner .wrap_swiper_pagination{bottom: 1rem;right: 50%;transform: translateX(50%);}
    .wrapbanner .more{} 
}
@media screen and (max-width:767px){
	.banner{position: relative;}
	.banner .title{display: none;}

}


.index_title{display: flex;align-items: center;justify-content: space-between;margin-bottom: 2.5rem; }
.index_title .channel_title{color: #a41f24;position: relative;display: block;box-sizing: border-box;padding-left: 1.8rem;}
.index_title .channel_title::before{content: "";display: block;width: 2px;height: 1em;background-image: -moz-linear-gradient( 90deg, rgb(239,137,49) 0%, rgb(179,36,41) 100%);background-image: -webkit-linear-gradient( 90deg, rgb(239,137,49) 0%, rgb(179,36,41) 100%);background-image: -ms-linear-gradient( 90deg, rgb(239,137,49) 0%, rgb(179,36,41) 100%);position: absolute;left: 0;top: 50%;transform: translateY(-50%);}
.index_title .channel_link{color: #999999; }  
.index_title .channel_link img{display: inline-block;vertical-align: middle;margin-left: .5rem;} 
 
  
.wrap_content{display: flex;justify-content: space-between;}
.wrap_content_a{width: 64.78%;}
.wrap_content_b{width: 31.69%;}
 
.wrap_mode01{}
.mode1{display: flex;justify-content: space-between;}
.mode1a{width: 54.34%;position: relative;} 

.mode1a .wrap_swiper_pagination{position: absolute;right: 50%;transform: translateX(50%); bottom: 8.7rem;text-align: center;z-index: 2;font-size: 0;}
.mode1a .swiper-pagination{left: 0;width: auto;bottom: 0;position: relative;display: inline-block;vertical-align: middle;}
.mode1a .swiper-pagination .swiper-pagination-bullet{width: 5px;height: 5px;background: rgba(255,255,255,.6);opacity: 1;margin: 0 0.75rem;border: none;box-sizing: border-box; text-align: center;color: #fff;border-radius: 50%; }
.mode1a .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background: #fff; }

.mode1a .gp-img{padding-bottom: 56.4%;}
.mode1a .info{display: none;}
.mode1a .swiper-slide-active .info{display: block;}
.mode1a .info .title{color: rgb(51, 51, 51);line-height: 1.556;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;margin-top: 1.5rem;}
.mode1a .info .title{color: rgb(51, 51, 51);line-height: 1.556;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;margin-top: 1.5rem;}
.mode1a .info .title:hover{color: #a41f24;}
.mode1a .info .date{line-height: 1.714;color:#c5575b;margin-top: 0.5rem;}
.mode1a .info .date img{display: inline-block;vertical-align: middle;max-width: 1em;margin-right: 1rem;}
.mode1b{width: 43.47%;display: flex;flex-direction: column;justify-content: space-between;} 
.mode1b li{}
.mode1b .item{box-sizing: border-box;padding-left: 1.2rem;position: relative;}
.mode1b .item::before{content: "";display: block;width: 1px;height: 100%;;background: rgb(229, 229, 229);position: absolute;left: 0;top: 0;}
.mode1b .item::after{content: "";display: block;width: 2px;height: 1em;;background: rgb(179, 36, 41);position: absolute;left: 0;top: 0;}
.mode1b .item .title{color: #333;display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;margin-bottom: 1.2rem;line-height: 1;}
.mode1b .item .title:hover{color: #a41f24; }
.mode1b .item .date{color: #999;}
.mode1b .item .date img{display: inline-block;vertical-align: middle;max-width: 1em;margin-right: 1rem;}
 
.wrap_mode02{margin: 4rem 0 0;}
.mode2{}
.mode2a{display: flex;margin-bottom: 2rem;}
.mode2a .lt{width: 37.4rem;}
.mode2a .lt .gp-img{display: block;}
.mode2a .rt{flex: 1;overflow: hidden;background: #f8f7f3;box-sizing: border-box;padding: 2.5rem 2rem;}
.mode2a .title{color: rgb(51, 51, 51);line-height: 1.556;height:3.112em;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;display: -moz-box;display: -ms-flexbox;-webkit-line-clamp: 2;-webkit-box-orient: vertical;-moz-box-orient: vertical;}
.mode2a .title:hover{color: #a41f24;}
.mode2a .summary{color: rgb(153, 153, 153);line-height: 1.5;height:3em;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;display: -moz-box;display: -ms-flexbox;-webkit-line-clamp: 2;-webkit-box-orient: vertical;-moz-box-orient: vertical;margin-top: 1.5rem;}
.mode2a .date{color: #c5575b;margin-top: 2rem;}
.mode2a .date img{display: inline-block;max-width: 1em;margin-right: 1rem;}


.mode2b{display: flex;flex-wrap: wrap;margin: 0 -1.5rem;}
.mode2b li{width: 50%;margin-bottom: 2rem;}
.mode2b .item{margin: 0 1.5rem;}
.mode2b .title{color: #333333;line-height: 1.556;display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}  
.mode2b .title:hover{color: #a41f24;}  
.mode2b .date{display: flex;align-items: center;color: #c5575b;margin-top: 1.5rem;}
.mode2b .date img{display: inline-block;max-width: 1em;margin-right: 1rem;}
.mode2b .date .line{flex: 1;overflow: hidden;height: 1px;background: #e5e5e5;margin-left: 1.8rem;}
  

.wrap_mode03{}
.mode3{}
.mode3 li{margin-bottom: 2.3rem;}
.mode3 .item{display: flex;align-items: center;}
.mode3 .date{box-sizing: border-box;padding-right: 2rem;border-right: 1px solid #e5e5e5;margin-right: 2rem;text-align: right;}
.mode3 .date .day{color: rgb(164, 31, 36);line-height: 1;}
.mode3 .date .year{color: rgb(153, 153, 153);line-height: 1;margin-top: 0.1rem;}
.mode3 .title{flex: 1;overflow: hidden;display: block;color: #333;line-height: 1.667;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.mode3 .title:hover{color: #a41f24;}
  
.wrap_mode04{margin-top: 4.5rem;}
.mode4{display: flex;flex-wrap: wrap;margin: 0 -0.5rem;}
.mode4 li{width: 50%;margin-bottom: 1rem;}
.mode4 .item{display: block;margin: 0 0.5rem;color: rgb(255, 255, 255);position: relative;box-sizing: border-box;padding: 2.3rem 3rem;}
.mode4 .item:hover {box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.1);}
.mode4 .item span{position: relative;}
.mode4 .item::before{content: "";display: block;width: 100%;height: 100%;position: absolute;left: 0;top: 0;}
.mode4 li:nth-child(1) .item{background: rgb(202, 174, 98);}
.mode4 li:nth-child(1) .item::before{background: url(../imagesdangjian/ico1.png) no-repeat center right;background-size: auto 100%;}
.mode4 li:nth-child(2) .item{background: rgb(188, 130, 130);}
.mode4 li:nth-child(2) .item::before{background: url(../imagesdangjian/ico2.png) no-repeat center right;background-size: auto 100%;}
.mode4 li:nth-child(3) .item{background: rgb(172, 130, 188);}
.mode4 li:nth-child(3) .item::before{background: url(../imagesdangjian/ico3.png) no-repeat center right;background-size: auto 100%;}
.mode4 li:nth-child(4) .item{background: rgb(148, 130, 188);}
.mode4 li:nth-child(4) .item::before{background: url(../imagesdangjian/ico4.png) no-repeat center right;background-size: auto 100%;}
 
.wrap_mode05{margin-top: 3.5rem;}
.mode5{position: relative;width: calc(100% - 1rem);background: #fff;border: 1px solid #e4e2d7;box-sizing: border-box;padding: 2.5rem 3rem;} 
.mode5::before{content: '';display: block;width: 100%;height: 100%;background: #f8f7f3;position: absolute;left: 1rem;top: 1rem;z-index: -1;} 
.mode5 li{margin-bottom: 1.5rem;} 
.mode5 li:last-child{margin-bottom: 0;} 
.mode5 li a{display: block;color: #333;line-height: 1.5;box-sizing: border-box;padding-left: 2.5rem;position: relative;} 
.mode5 li a:hover{color: #a41f24;} 
.mode5 li a::before{content: "";display: block;width: .5rem;height: 0.5rem;background: rgb(164, 31, 36);position: absolute;left: 0;top: 50%;transform: translateY(-50%);border-radius: 50%;}

 
  

@media screen and (max-width:1640px){
    
}
@media screen and (max-width:1460px){
    
}
@media screen and (max-width:1400px){
    .mode2a .summary{margin-top: 1rem;}
    .mode2a .date{margin-top: 1rem;}
}
@media screen and (max-width:1260px){
    .mode2a .rt{padding: 1.5rem 2rem;}
}
@media screen and (max-width:1100px){
    
}
@media screen and (max-width: 996px){ 
    .wrap_content{flex-direction: column;}
    .wrap_content_a{width: 100%;}
    .wrap_content_b{width: 100%;}
    .mode2a .lt {width: 33%;}
    .mode1a .wrap_swiper_pagination{bottom: 12rem;}
}
@media screen and (max-width:767px){ 
    .mode1{flex-direction: column;}
    .mode1a{width: 100%;}
    .mode1b{width: 100%;margin-top: 3rem;}
    .mode1b li{margin-bottom: 2rem;}
    .mode1b li:last-child{margin-bottom: 0;}
    .mode2a{flex-direction: column;}
    .mode2a .lt {width: 100%;}
    .mode2a .title{height: auto;}
    .mode2a .summary{height: auto;}
    .mode2b li{width: 100%;}
    .mode2b li:last-child{margin-bottom: 0;}
    .wrap_mode03{margin-top: 4rem;}
    .mode2b .date{margin-top: 1rem;}
}
@media screen and (max-width:479px){ 
    
}
 

@keyframes icon-bounce {

    0%,
    100% {
        -moz-transform: translate3d(0%, -0%, 0) rotate(0deg);
        -ms-transform: translate3d(0%, -0%, 0) rotate(0deg);
        -webkit-transform: translate3d(0%, -0%, 0) rotate(0deg);
        transform: translate3d(0%, -0%, 0) rotate(0deg)
    }

    25% {
        -moz-transform: translate3d(0%, -0%, 0) rotate(15deg);
        -ms-transform: translate3d(0%, -0%, 0) rotate(15deg);
        -webkit-transform: translate3d(0%, -0%, 0) rotate(15deg);
        transform: translate3d(0%, -0%, 0) rotate(15deg)
    }

    50% {
        -moz-transform: translate3d(0%, -0%, 0) rotate(-15deg);
        -ms-transform: translate3d(0%, -0%, 0) rotate(-15deg);
        -webkit-transform: translate3d(0%, -0%, 0) rotate(-15deg);
        transform: translate3d(0%, -0%, 0) rotate(-15deg)
    }

    75% {
        -moz-transform: translate3d(0%, -0%, 0) rotate(5deg);
        -ms-transform: translate3d(0%, -0%, 0) rotate(5deg);
        -webkit-transform: translate3d(0%, -0%, 0) rotate(5deg);
        transform: translate3d(0%, -0%, 0) rotate(5deg)
    }

    85% {
        -moz-transform: translate3d(0%, -0%, 0) rotate(-5deg);
        -ms-transform: translate3d(0%, -0%, 0) rotate(-5deg);
        -webkit-transform: translate3d(0%, -0%, 0) rotate(-5deg);
        transform: translate3d(0%, -0%, 0) rotate(-5deg)
    }
}

@-webkit-keyframes icon-bounce {

    0%,
    100% {
        -moz-transform: translate3d(-50%, -80%, 0) rotate(0deg);
        -ms-transform: translate3d(-50%, -80%, 0) rotate(0deg);
        -webkit-transform: translate3d(-50%, -80%, 0) rotate(0deg);
        transform: translate3d(-50%, -80%, 0) rotate(0deg)
    }

    25% {
        -moz-transform: translate3d(-50%, -80%, 0) rotate(15deg);
        -ms-transform: translate3d(-50%, -80%, 0) rotate(15deg);
        -webkit-transform: translate3d(-50%, -80%, 0) rotate(15deg);
        transform: translate3d(-50%, -80%, 0) rotate(15deg)
    }

    50% {
        -moz-transform: translate3d(-50%, -80%, 0) rotate(-15deg);
        -ms-transform: translate3d(-50%, -80%, 0) rotate(-15deg);
        -webkit-transform: translate3d(-50%, -80%, 0) rotate(-15deg);
        transform: translate3d(-50%, -80%, 0) rotate(-15deg)
    }

    75% {
        -moz-transform: translate3d(-50%, -80%, 0) rotate(5deg);
        -ms-transform: translate3d(-50%, -80%, 0) rotate(5deg);
        -webkit-transform: translate3d(-50%, -80%, 0) rotate(5deg);
        transform: translate3d(-50%, -80%, 0) rotate(5deg)
    }

    85% {
        -moz-transform: translate3d(-50%, -80%, 0) rotate(-5deg);
        -ms-transform: translate3d(-50%, -80%, 0) rotate(-5deg);
        -webkit-transform: translate3d(-50%, -80%, 0) rotate(-5deg);
        transform: translate3d(-50%, -80%, 0) rotate(-5deg)
    }
}

@-moz-keyframes icon-bounce {

    0%,
    100% {
        -moz-transform: translate3d(-50%, -80%, 0) rotate(0deg);
        -ms-transform: translate3d(-50%, -80%, 0) rotate(0deg);
        -webkit-transform: translate3d(-50%, -80%, 0) rotate(0deg);
        transform: translate3d(-50%, -80%, 0) rotate(0deg)
    }

    25% {
        -moz-transform: translate3d(-50%, -80%, 0) rotate(15deg);
        -ms-transform: translate3d(-50%, -80%, 0) rotate(15deg);
        -webkit-transform: translate3d(-50%, -80%, 0) rotate(15deg);
        transform: translate3d(-50%, -80%, 0) rotate(15deg)
    }

    50% {
        -moz-transform: translate3d(-50%, -80%, 0) rotate(-15deg);
        -ms-transform: translate3d(-50%, -80%, 0) rotate(-15deg);
        -webkit-transform: translate3d(-50%, -80%, 0) rotate(-15deg);
        transform: translate3d(-50%, -80%, 0) rotate(-15deg)
    }

    75% {
        -moz-transform: translate3d(-50%, -80%, 0) rotate(5deg);
        -ms-transform: translate3d(-50%, -80%, 0) rotate(5deg);
        -webkit-transform: translate3d(-50%, -80%, 0) rotate(5deg);
        transform: translate3d(-50%, -80%, 0) rotate(5deg)
    }

    85% {
        -moz-transform: translate3d(-50%, -80%, 0) rotate(-5deg);
        -ms-transform: translate3d(-50%, -80%, 0) rotate(-5deg);
        -webkit-transform: translate3d(-50%, -80%, 0) rotate(-5deg);
        transform: translate3d(-50%, -80%, 0) rotate(-5deg)
    }
}

@-o-keyframes icon-bounce {

    0%,
    100% {
        -moz-transform: translate3d(-50%, -80%, 0) rotate(0deg);
        -ms-transform: translate3d(-50%, -80%, 0) rotate(0deg);
        -webkit-transform: translate3d(-50%, -80%, 0) rotate(0deg);
        transform: translate3d(-50%, -80%, 0) rotate(0deg)
    }

    25% {
        -moz-transform: translate3d(-50%, -80%, 0) rotate(15deg);
        -ms-transform: translate3d(-50%, -80%, 0) rotate(15deg);
        -webkit-transform: translate3d(-50%, -80%, 0) rotate(15deg);
        transform: translate3d(-50%, -80%, 0) rotate(15deg)
    }

    50% {
        -moz-transform: translate3d(-50%, -80%, 0) rotate(-15deg);
        -ms-transform: translate3d(-50%, -80%, 0) rotate(-15deg);
        -webkit-transform: translate3d(-50%, -80%, 0) rotate(-15deg);
        transform: translate3d(-50%, -80%, 0) rotate(-15deg)
    }

    75% {
        -moz-transform: translate3d(-50%, -80%, 0) rotate(5deg);
        -ms-transform: translate3d(-50%, -80%, 0) rotate(5deg);
        -webkit-transform: translate3d(-50%, -80%, 0) rotate(5deg);
        transform: translate3d(-50%, -80%, 0) rotate(5deg)
    }

    85% {
        -moz-transform: translate3d(-50%, -80%, 0) rotate(-5deg);
        -ms-transform: translate3d(-50%, -80%, 0) rotate(-5deg);
        -webkit-transform: translate3d(-50%, -80%, 0) rotate(-5deg);
        transform: translate3d(-50%, -80%, 0) rotate(-5deg)
    }
}