.wrapbanner{}
.banner{position: relative;z-index: 5;}
.banner a{display: block;position: relative;}
.banner .img{padding-bottom: calc(937% / 19.2);position: relative;}
.banner .img::after{content: '';display: block;position: absolute;left: 0;right: 0;bottom: 0;padding-bottom: calc(86% / 19.2);background: -webkit-linear-gradient(top, rgba(0,0,0,0) , rgba(0,0,0,.55));background: -o-linear-gradient(bottom, rgba(0,0,0,0) , rgba(0,0,0,.55));background: -moz-linear-gradient(bottom, rgba(0,0,0,0) , rgba(0,0,0,.55));background: linear-gradient(to bottom, rgba(0,0,0,0) , rgba(0,0,0,.55));}
.banner .img::before{content: '';display: block;position: absolute;left: 0;right: 0;top: 0;padding-bottom: calc(247% / 19.2);background: -webkit-linear-gradient(top , rgba(0,0,0,.66), rgba(0,0,0,0));background: -o-linear-gradient(bottom , rgba(0,0,0,.66), rgba(0,0,0,0));background: -moz-linear-gradient(bottom , rgba(0,0,0,.66), rgba(0,0,0,0));background: linear-gradient(to bottom , rgba(0,0,0,.66), rgba(0,0,0,0));z-index: 2;}

.banner .slick-list{}
.banner .slick-dots{bottom: 17px;width: auto;white-space: nowrap;left: 0;right: 0;}
.banner .slick-dots li{width: 25px;height: 25px;margin: 0 12px;background: url(../images/banner_dot1.png) center no-repeat;}
.banner .slick-dots li.slick-active{background-image: url(../images/banner_dot2.png);}
.banner .slick-dots li button{display: none;background: none;}

.banner .slick_menu{}
.banner .slick-arrow{border: 0;width: 32px;height: 68px;font-size: 0;background: center center no-repeat rgba(0,0,0,.4);}
.banner .slick-arrow:after{display: none;}
.banner .slick-prev{background-image: url(../images/banner_prev.png);}
.banner .slick-next{background-image: url(../images/banner_next.png);}
.banner .slick-arrow:hover{background-color: rgba( 0 , 77 , 163 , .8);}

.index_title{overflow: hidden;margin-bottom: 36px;display: block;line-height: 42px;}
.index_title .channel_link{float: right;position: relative;z-index: 2;color: #3f53a4;padding: 0 40px 0 0;background: url(../images/index_title.png) right center no-repeat;line-height: 20px;margin: 20px 0 0;}
.index_title .channel_title{padding: 0 0 0 0;color: #3e54a3;}
.index_title.w .channel_link{color: #fff;background-image: url(../images/index_title2.png);opacity: .77;}
.index_title.w .channel_title{color: #fff;}

.content{}

.wrap_mode01{padding: 60px 0 60px;}
.mode01{}
.mode01 .lf{width: calc(50% - 10px);float: left;}
.mode01 .rt{width: calc(50% - 20px);float: right;}

.index_01a{display: block;}
.index_01a .bottom{padding: 14px 20px 24px;border: 1px solid #e5e5e5;border-top: none;}
.index_01a .title{margin: 0 0 8px;}
.index_01a .info{margin: 0 0 16px;color: #999;}
.index_01a .time{color: #3e54a3;margin: 0 0 0;padding: 0 0 0 18px;background: url(../images/mode01_time.png) left center no-repeat;}

.index_01b{}
.index_01b ul{margin: 0 0 -30px -30px;padding: 0 0 0;}
.index_01b li{width: 50%;}
.index_01b .item{margin: 0 0 30px 30px;}
.index_01b .bottom{padding: 13px 20px 12px;border: 1px solid #e5e5e5;border-top: none;}
.index_01b .title{margin: 0 0 7px;}
.index_01b .time{color: #3e54a3;margin: 0 0 0;padding: 0 0 0 20px;background: url(../images/mode01_time.png) left center no-repeat;}

.wrap_mode02{padding: 80px 0 68px;background: url(../images/mode02_bg.png) top center no-repeat;background-size: cover;}
.mode02{}
.index_02{}
.index_02 ul{margin: 0 0 0 -40px;padding: 0 0 0;}
.index_02 li{width: 25%;}
.index_02 .item{margin: 0 0 0 40px;}
.index_02 .time{color: #fff;margin: 0 0 0;padding: 0 20px 0 40px;background: url(../images/mode02_time.png) 20px center no-repeat #3e54a3;display: inline-block;line-height: 38px;position: relative;height: 40px;}
.index_02 .time::before{content: '';display: block;position: absolute;width: 20px;height: 10px;background: #3e54a3;left: 100%;top: 0;}
.index_02 .time::after{content: '';display: block;position: absolute;width: 10px;height: 11px;background: #3e54a3;left: 100%;top: 9px;}
.index_02 .bottom{padding: 24px 20px 46px;box-shadow: 0px 8px 16px 0px rgba(4, 17, 63, 0.1);background: url(../images/mode02_item.png) center bottom no-repeat #fff;}
.index_02 .title{margin: 0 0 10px;}
.index_02 .info{margin: 0 0 0;color: #999;}

.wrap_mode03{padding: 60px 0 60px;background: url(../images/mode03_bg.png) center no-repeat;overflow: hidden;background-size: cover;}
.mode03{}
.index_03{position: relative;}
.index_03::before,.index_03::after{content: '';display: block;border-top: 1px dashed #dcdcdc;position: absolute;top: 50%;right: 100%;width: 100vw;}
.index_03::before{right: auto;left: 100%;}
.index_03 ul{margin: 0 0 0 -60px;position: relative;}
.index_03 li{width: 20%;position: relative;}
.index_03 li::before{content: '';position: absolute;border-top: 1px dashed #dcdcdc;position: absolute;top: 50%;left: 0;width: 60px;}
.index_03 li:first-child:before{display: none;}
.index_03 .item{margin: 0 0 0 60px;position: relative;}
.index_03 .item::before{content: '';display: block;position: relative;border: 1px dashed #dcdcdc;padding-bottom: 100%;border-radius: 50%;opacity: 0;}
.index_03 .item::after{content: '';display: block;position: absolute;border: 1px solid #dcdcdc;padding-bottom: calc(100% - 40px);border-radius: 50%;left: 20px;top: 20px;right: 20px;opacity: 0;}
.index_03 .title{margin: 0 0 0;color: #fff;position: absolute;top: 55%;left: 50%;transform: translateX(-50%);width: 90%;text-align: center;}
.index_03 .bg{position: absolute;left: -5px;right: -5px;top: 0;height: 51%;background: url(../images/mode03_item.png) center bottom no-repeat;opacity: 1;background-size: 100% auto;}

.index_03 .item::after,.index_03 .item::before,.index_03 .bg,.index_03 .title{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;}
.index_03 .item:hover::after,.index_03 .item:hover::before{opacity: 1;}
.index_03 .item:hover .bg{opacity: 0;}
.index_03 .item:hover .title{font-weight: bold;width: 4.5em;top: 50%;transform:translateX(-50%) translateY(-50%);font-size: 24px;line-height: 34px;}

.wrap_mode04{padding: 60px 0 100px;}
.mode04{}
.index_04{}
.index_04 ul{margin: 0 0 -30px -60px;}
.index_04 li{width: 20%;}
.index_04 .item{margin: 0 0 30px 60px;position: relative;padding: 0 0 12px;}
.index_04 .item::before{content: '';display: block;width: 200px;height: 2px;position: absolute;left: 0;bottom: 0;max-width: 100%;background: #3e54a3;}
.index_04 .title{margin: 14px 0 0;}
.index_04 .img{padding-bottom: 120%;}


@media screen  and (max-width:1280px){
	.banner .slick-dots{bottom: 12px;}
	.banner .slick_menu{display: none;}

	.index_title{margin-bottom: 24px;}

	.index_01b .bottom{padding: 7px 20px 12px;}

	.wrap_mode03{padding: 40px 0;}
	.index_03 ul{margin-left: -30px;}
	.index_03 .item{margin-left: 30px;}
	.index_03 li::before{width: 30px;}
	.index_03 .title{width: 4em;}
	.index_03 .item:hover .title{font-size: 18px;}

	.wrap_mode04{padding: 40px 0 60px;}
	.index_04 ul{margin: 0 0 -20px -30px;}
	.index_04 .item{margin: 0 0 20px 30px;}

}
@media screen  and (max-width:992px){
	.banner .slick-dots{}
	.banner .slick-arrow{display: none !important;}
	.banner .img::after,.banner .img::before{display: none;}
	.banner .slick-dots{bottom: 4px;}
	.banner .slick-dots li,.banner .slick-dots li.slick-active, .banner .slick-dots li:hover{width: 16px;height: 16px;margin: 0 6px;background-size: 100% auto;}

	.wrap_mode01{padding: 30px 0;}
	.mode01 .rt{width: calc(50% - 10px);}
	.index_01b ul{margin: 0 0 -20px -20px;}
	.index_01b .item{margin: 0 0 20px 20px;}
	.index_01b .bottom{padding: 7px 10px 12px;}
	
	.wrap_mode02{padding: 60px 0 36px;}
	.index_02 ul{margin: 0 0 -30px -30px;}
	.index_02 li{width: 50%;}
	.index_02 .item{margin: 0 0 30px 30px;}
	.index_02 .bottom{padding: 24px 20px;}
	.index_02 .info{-webkit-line-clamp: 2;height: 48px;}
	
	.index_03::before, .index_03::after{display: none;}
	.index_03 ul{text-align: center;}
	.index_03 li{width: 33.3%;}
	.index_03 li::before{display: none;}

}
@media screen  and (max-width:767px){
	.banner .title,.banner .more,.banner a::before{display: none;}
	.banner .slick-dots{/* left: 20px; */}

	.index_title{margin-bottom: 10px;}
	
	.mode01 .lf{width: auto;float: none;}
	.mode01 .rt{margin: 20px 0 0;width: auto;float: none;}

	.index_02 li{width: 100%;}

	.index_03 li{width: 50%;}
	
	.index_04 li{width: 50%;}
	.index_04 .title{margin: 4px 0 0;}
	.index_04 .item{padding-bottom: 6px;}

	.wrap_mode04{padding: 30px 0 40px;}
}
@media screen  and (max-width:639px){



}
@media screen  and (max-width:479px){
	
	
	
}
@media screen  and (max-width:413px){
	
	
	
}
@media screen  and (max-width:320px){
	
	
	
}