.wrapbanner{overflow: hidden;position: relative;z-index: 1;}
.banner{position: relative;z-index: 5;}
.banner a{display: block;position: relative;}
.banner .gp-container{max-width: 1600px;}
/* .banner a::before{content: '';display: block;position: absolute;left: 0;top:0;width: 100%;height: 100%;background: rgba(0,0,0,.8);z-index: 2;opacity: 1;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-current a::before{opacity: 0;}
.banner .img{padding-bottom: 39.84%;position: relative;}
.banner .img:hover img{transform: none;}
.banner .title{color: #fff;bottom: 30px;position: absolute;text-shadow: 0 1px 1px rgb(0,0,0), 0 0 16px rgba(0,0,0,.7);overflow: visible;width: 100%;font-weight: bold;}
.banner .img::before{content: '';width: 100%;height: 154px;position: absolute;left: 0;bottom: 0;background:rgba(0,0,0,0.5);
  background: -webkit-linear-gradient(bottom, rgba(0,0,0,0.7), rgba(0,0,0,0)); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(top, rgba(0,0,0,0.7), rgba(0,0,0,0)); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(top, rgba(0,0,0,0.7), rgba(0,0,0,0)); /* Firefox 3.6 - 15 */
  background: linear-gradient(to top, rgba(0,0,0,0.7), rgba(0,0,0,0)); /* 标准的语法 */}
.banner .slick-list{overflow: visible;}
/* .wrapbanner  */
.wrapbanner .slick-dots{}
.wrapbanner .slick-dots li{width: 8px;height: 8px;margin: 0 16px;background: rgba(255, 255, 255, .5);display: inline-block;border-radius: 50%;position: relative;}
.wrapbanner .slick-dots li.slick-active{background: #fff;}
.wrapbanner .slick-dots li button{background: none;left: 50%;top: 50%;transform:translateX(-50%) translateY(-50%);position: absolute;width: 12px;height: 12px;}
.wrapbanner .slick-dots li.slick-active button{}

.banner .slick_menu{}
.banner .slick-arrow{width: 65px;height: 65px;font-size: 0;background: center center no-repeat;position: absolute;top: 50%;border-radius: 50%;transform: none;transform: translateY(-50%);}
.banner .slick-arrow::before{content: '';display: block;position: absolute;left: 0;top: 0;width: 100%;height: 100%;border-radius: 50%;z-index: 2;background: center no-repeat;opacity: 1;}
.banner .slick-arrow:after{background: rgba(0, 0, 0, .2);opacity: 1;}
.banner .prev{left: 5vw;}
.banner .next{right: 5vw;}
.banner .prev::before{background-image: url(../images/banner_prev.png);}
.banner .next::before{background-image: url(../images/banner_next.png);}
.banner .slick-arrow:hover::after{background: #6c397f;}


.wrapbanner .topic_link{position: absolute;bottom: 0;display: block;}
.wrapbanner .topic_link.fixed{display: none;}

.index_title{margin-bottom: 18px;display: block;}
.index_title::after{content: '';display: block;clear: both;}
.index_title .channel_link{float: right;position: relative;z-index: 2;line-height: 36px;color: #999;margin: 5px 0 0;background: rgba(171, 10, 16, 0);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;border-bottom: 1px solid #6c397f;font-size: 16px;}
.index_title .channel_title{padding: 0 0 0 0;font-weight: bold;float: left;position: relative;line-height: 30px;}
.index_title .channel_title .en{color: #757575;font-weight: normal;text-transform: uppercase;}
/* .index_title .channel_title::before{content: '';display: block;position: absolute;left: 10px;height: 11px;width: 100%;bottom: 0;background: #fff;z-index: -1;} */
.index_title .channel_link:hover{color: #6c397f;}
.IFAT_list1 {background-color: #fff;}
.IFAT_list1 li{padding: 28px 35px;box-sizing: border-box;border-bottom: 1px solid #f0f0f0;}
.IFAT_list1 li .time{color: #6c397f;padding-top: 10px;}

/* .mode02 .index_title .channel_title::before,
.mode04 .index_title .channel_title::before,
.mode05 .index_title .channel_title::before,
.mode06 .index_title .channel_title::before{background: #ededed;} */

.wrap_mode01{padding: 75px 0 100px;background: url(../images/mode1_bg1.jpg) center no-repeat;background-size: cover;overflow: hidden;}
.mode01{}
.mode01 .lf{width: 50%;}
.newsImgs .img{padding-bottom: 66.67%;}
.newsImgs .time{width: 82px;height: 75px;position: relative;margin: -33px 0 0 -10px;}
.newsImgs .time::before,.time::after{content: '';position: absolute;left: 0;}
.newsImgs .time::before{width: 86px;height: 13px;background: url(../images/date_top.png) no-repeat center;top: -13px;left: -2px;}
.newsImgs .time::after{  height: 0;width: 0;border-top: 12px solid #6c397f;border-left: 80px solid transparent;position: absolute;bottom: -12px;}
.newsImgs .time span{display: block;line-height: 1;color: #fff;text-align: center;}
.newsImgs .time .day{font-weight: bold;font-size: 22px;margin-bottom: 10px;padding-top: 15px;}

.newsImgs{}
.newsImgs .title{font-weight: bold;margin-left: 93px;line-height: 28px;max-height: 56px;overflow: hidden;padding-top: 20px;}
.newsImgs .time{float: left;width: 80px;background-color: #6c397f;}
.mode01 .md{width: 29.64%;}
.mode01 .rt{width: 20.36%;}
.index_01{position: relative;z-index: 2;}
.index_01 .slick-list{overflow: visible;}
.index_01 ul{margin: 0 0 -20px -20px;}
.index_01 li{width: 25%;}
.index_01 .item{margin: 0 0 20px 20px;background: #fff;padding: 25px 30px 45px;position: relative;box-shadow: 0 20px 50px 6px rgba(171, 10, 16, .04);top: 0;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;opacity: 0;pointer-events:none}
.index_01 .item::before{content: '';display: block;left: 0;top: 28px;width: 10px;height: 24px;background: #ab0a10;position: absolute;}
.index_01 .title{margin: 0 0 17px;font-weight: bold;}
.index_01 .info{margin: 0 0 20px;color: #999;}
.index_01 .time{border-top: 1px solid #e5e5e5;padding: 25px 0 0 16px;position: relative;color: #999;}
.index_01 .time::before{content: '';display: block;width: 6px;height: 6px;background: #ab0a10;position: absolute;left: 0;bottom: 14px;border-radius: 50%;}
.index_01 .time::after{content: '';display: block;width: 2px;height: 16px;background: #ab0a10;position: absolute;left: 2px;bottom: 3px;border-radius: 50%;}

.index_01 .item:hover{box-shadow: 0 20px 50px 6px rgba(171, 10, 16, .2);top: -30px;}
.index_01 .item:hover .info{color: #757575;}
.index_01 .item:hover .time{border-top: 1px solid #ab0a10;color: #757575;}

.index_01 .slick-active .item{opacity: 1;pointer-events:initial}
.index_01 .swiper_menu{text-align: center;}
.index_01 .slick-arrow{position: relative;top: 0;transform: none;display: inline-block;vertical-align: middle;border: 2px solid #fff;width: 56px;height: 56px;border-radius: 50%;margin: 0 10px;}
/* .index_01 .slick-arrow{font-size: 0;background: center center no-repeat;position: absolute;bottom: 40px;border-radius: 50%;top: auto;transform: none;} */
.index_01 .slick-arrow::before{content: '';display: block;position: absolute;left: 0;top: 0;width: 100%;height: 100%;border-radius: 50%;z-index: 2;background: center no-repeat;opacity: .3;}
.index_01 .slick-arrow:after{display: none;}
.index_01 .prev::before{background-image: url(../images/mode01_prev.png);}
.index_01 .next::before{background-image: url(../images/mode01_next.png);}
.index_01 .slick-arrow:hover::before{opacity: 1;}
.IFAT_list2 li .title{font-weight: normal;padding-top: 12px;}
.IFAT_list2 li {margin-bottom: 30px;}
.IFAT_list2 .time{margin-left: 0;}
.IFAT_list2 .time::before{left: 0;}
.wrap_mode02{padding: 43px 0 0;background: url(../images/mode2_bg.jpg) no-repeat center;background-size: cover;overflow: hidden;}
.mode02{color: #fff;justify-content: space-between;}
.mode02 .lf{width: 61.92%;float: left;padding-bottom: 95px;}
.IFAT_list3{border-top: 1px solid #bd9d7c;}
.IFAT_list3 li{padding: 20px 0;border-bottom: 1px solid rgba(255,255,255,0.1);}
.IFAT_list3 li .time{float: left;width: 83px;text-align: center;border: 1px solid #bd9d7c;height: 32px;line-height: 32px;;}
.IFAT_list3 li .title{margin-left:104px;height: 32px;line-height: 32px;}
.mode2_img{width: 31.42%;float: right;position: relative;}
.mode2_img::before{content: '';width: 702px;height: 701px;background: url(../images/mode02_bg2.png) no-repeat center;background-size: cover;position: absolute;left: 0;bottom: 0;}

.wrap_mode03{padding: 80px 0 105px;position: relative;overflow: hidden;}
.IFAT_list4{margin: 0 -10px;}
.IFAT_list4 li{margin-bottom: 20px;width: 50%;}
.IFAT_list4 li > a{display: block;margin: 0 10px;background-color: #fff;padding: 30px;transition: all 0.35s ease-out;position: relative;overflow: hidden;}
.IFAT_list4 li > a::before{content: '';width: 187px;height: 108px;right: -100%;bottom: 0;transition: all 0.5s ease-out;background: url(../images/li_bg.png) no-repeat center;position: absolute;}
.IFAT_list4 .time{height: 24px;line-height: 24px;background: url(../images/date.png) no-repeat left center;padding-left: 30px;color: #6c397f;}
.IFAT_list4 li .title{transition: all 0.1s ease-out;margin-bottom: 12px;}
.IFAT_list4 li > a:hover{box-shadow: 0 0 30px rgba(62,84,164,0.2);}
.IFAT_list4 li > a:hover .title{font-weight: bold;border-bottom: 1px solid #ebebeb;}
.IFAT_list4 li > a:hover::before{right: 0;z-index: 0;}
.IFAT_list4 li .info{position: relative;z-index: 20;}
.IFAT_list4 li .info p{color: #999;}
.wrap_mode04{padding: 63px 0 5px;padding-bottom: 341px;background: url(../images/mode04_bg.png) no-repeat bottom center;}
.mode04 .lf{position: relative;padding-top: 90px;float: left;}
.mode04 .index_title{margin-left: 260px;border-bottom: 1px solid #e5d4a3;padding-bottom: 10px;}
.jsColumn{width: 380px;float: left;position: relative;z-index: 100;margin-left: 100px;}
.jsColumn .item,.jsColumn2 .item,.jsColumn3 .item{border: 10px solid #fff;}
.jsColumn2{width: 620px;float: left;position: absolute;left: -360px;top: 0px;z-index: 50;}
.jsColumn3{width: 940px;float: left;position: absolute;left: -920px;top: -90px;z-index: 0;}
.jsColumn,.jsColumn2,.jsColumn3{box-shadow: 0 0 20px rgba(108,57,127,0.35);}
.mode04 .lf .img{padding-bottom: 75%;}
.mode04 .lf .slick-arrow{width: 70px;height: 70px;border-radius:50%;}
.mode04 .lf .slick-arrow::before{background-image: url(../images/banner_prev.png);background-position: center;background-repeat: no-repeat;content: '';width: 100%;height: 100%;position: absolute;left: 0;top: 0;}
.mode04 .lf .prev{left: -100px;}
.mode04 .lf .next{right: -100px;}
.mode04 .lf .slick-arrow:after{background-color: rgba(0,0,0,0.2);}
.mode04 .lf .slick-arrow:hover::after{background-color:#6c397f}
.mode04 .lf .next::before{background: url(../images/banner_next.png) no-repeat center;}
.mode04 .rt{margin-left: 690px;float: none;padding-top: 90px;}
.jsArticle a,.jsArticle {color: #444;}

.side_nav {width: 112px;padding: 40px 0 20px;background: url(../images/side_bg.png) top center no-repeat;position: fixed;right: 10px;top: 50%;transform: translateY(-50%);display: none;z-index: 20;margin-top: 90px;}
	/* transition: all ease-in-out .4s;-ms-transition: all ease-in-out .4s;-moz-transition: all ease-in-out .4s;-webkit-transition: all ease-in-out .4s;-o-transition: all ease-in-out .4s;*/
.side_nav::before{content: '';display: block;width: 46px;height: 3px;background: #fff;position: absolute;left: 0;top: 20px;}
.side_nav::after{content: '';display: block;border-bottom: 95px solid #c40c12;border-left: 46px solid transparent;position: absolute;right: 10px;bottom: 10px;}
.side_nav ul {transition: all ease-in-out .4s;-ms-transition: all ease-in-out .4s;-moz-transition: all ease-in-out .4s;-webkit-transition: all ease-in-out .4s;-o-transition: all ease-in-out .4s;position: relative;z-index: 2;}
.side_nav li {color: #fff;font-size: 14px;padding: 10px 0 8px;line-height: 1.5;text-align: center;cursor: pointer;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;}
.side_nav li.active {font-weight: bold;transform: scale(1.1);}
.side_nav.hide {transform: translate(112px, -50%);right: 0;}
.side_btn1 {cursor: pointer;width: 16px;height: 16px;background: url(../images/side_btn.png) center no-repeat;position: absolute;bottom: -26px;left: 50%;transform: translateX(-50%);opacity: .5;}
.side_btn1:hover{opacity: 1;}
.side_btn2 {width: 30px;height: 60px;background: url(../images/pages_next2.png) center no-repeat #ab0a10;/* padding: 10px 8px; */opacity: 0;color: #fff;position: fixed;right: 0;top: 50%;transform: translate(110%, -50%);transition: all 0.35s ease-out;border-radius: 5px 0 0 5px;cursor: pointer;text-align: center;z-index: 20;display: none;}
.side_nav.hide ~ .side_btn2 {transform: translate(0, -50%);opacity: 1;}

@media screen and (max-width:1640px){
	.index_07a .on .item,.index_07a .item{background-position: 15px center;padding: 10px 20px 10px 40px;font-size: 14px;background-size: 16px auto;}
	.index_07a .on .item::after{border-bottom-width: 57px;border-right-width: 20px;}
	.index_07a .item::before{right: 5px;}

	.topic_link{width: 90px;}
	.topic_link p{margin-left: 14px;}

	.side_nav{padding: 22px 0 8px;margin-top: 60px;}
	.side_nav li{padding: 6px 0;}
.mode04 .rt{margin-left: 640px;}
}
@media screen  and (max-height:600px){
	.topic_link{width: 90px;}
	.topic_link p{margin-left: 14px;}

	.side_nav{padding: 22px 0 8px;margin-top: 60px;}
	.side_nav li{padding: 6px 0;}
}



@media screen  and (max-width:1280px){
	.banner .slick_menu{display: none;}
	.banner .prev{margin-right: 60px;}
	.banner .next{margin-right: 0;}
	.banner .slick-arrow{width: 40px;height: 40px;bottom: 20px;}

	.banner .title{font-size: 24px;left: 30px;right: 30px;bottom: 20px;}
	
	.wrap_mode01{padding: 40px 0;}
	.mode02 .lf{padding-bottom: 50px;}
	.index_01 .slick-arrow{width: 40px;height: 40px;}
.wrap_mode03{padding: 50px 0;}
	.wrap_mode04{padding: 30px 0 340px 0;}
	/* .index_04a .img_box{width: 300px;} */
	
	.wrap_mode05{padding: 40px 0 0;}
	

}
@media screen  and (max-width:996px){
	.side_nav,.side_btn2{display: none !important;}

	.banner .slick-dots{}
	.banner .slick-arrow{display: none !important;}
	.banner .img::after{display: none;}
	.banner .slick-dots{bottom: 15px;right: 15px;}
	.wrapbanner .slick-dots li{margin: 0 5px;}

	.topic_link p{font-size: 12px;}
.mode01 .rt{width:100%;clear: both ;}
.mode01 .md{width: 50%;}
	.IFAT_list1 .title{line-height: 24px;max-height: 48px;height: auto;}
.mode2_img{display: none;}
.mode02 .lf{width: 100%;padding-bottom: 20px;}
	.wrap_mode06{padding: 30px 0 50px;}
	.wrap_mode07{padding: 40px 0;}
	.jsColumn2,.jsColumn3{display: none;}
	.jsColumn{float: none;margin: 25px auto;width: 100%;}
	.mode04 .rt{margin: 15px 0;padding-top: 0;}
	.mode04 .lf{float: none;padding-top: 0;}
	.mode04 .index_title{margin-left: 0;}
	.wrap_mode04{padding-bottom: 200px;}
	.mode04 .lf .prev{left: 15px;}
	.mode04 .lf .next{right: 15px;}

}

@media screen  and (max-width:996px)and (min-width:640px){
	.IFAT_list2{margin: 0 -15px;}
	.IFAT_list2 li{width: 50%;}
		.IFAT_list2 li > a{display: block;margin: 0 15px;}
}
@media screen  and (max-width:767px){
	.banner .title,.banner .more,.banner a::before{display: none;}
	.banner .slick-dots{/* left: 20px; */}

.IFAT_list1 li{padding: 15px;}
	.index_title .channel_link{line-height: 28px;padding: 0 16px;}

	.mode02 .lf{width: 100%;float: none;}
	.IFAT_list3 li{padding: 13px 0;}

	.mode06 .rt{width: auto;float: none;margin: 0 0 20px;}
	.wrap_mode01{padding: 30px 0;}
.wrap_mode03{padding: 30px 0 0;}
}
@media screen  and (max-width:640px){
	.mode01 .md,.mode01 .lf{width: 100%;}
	.mode01 .lf{margin-bottom: 25px;}
.IFAT_list4 li{width: 100%;}

}
@media screen  and (max-width:479px){
	
	
	
}
@media screen  and (max-width:413px){
	.index_06a li{width: 100%;}
	/* .index_07b li{width: 50%;} */

	.index_07a{width: 140px;}
	.index_07a .item{padding: 10px 5px;}
	/* .index_07a{width: 120px;}
	.index_07a .item{line-height: 20px;}
	.index_07a li{height: 70px;position: relative;}
	.index_07a .item{position: absolute;top: 50%;transform: translateY(-50%);background: transparent;}
	.index_07a .on{background: #fff;border-bottom: 2px solid #dbdbdb;}
	.index_07a .on .item::after{border-bottom-width: 70px;}
	.index_07a .on .item{background: transparent;border: none;} */
	
}
@media screen  and (max-width:320px){
	
	
	
}