@font-face {
	font-family: 'qkb';
	src: url('../fonts/qkb.eot?#iefix') format('embedded-opentype'),
	url('../fonts/qkb.woff') format('woff'),
	url('../fonts/qkb.woff2') format('woff2'),
	url('../fonts/qkb.ttf') format('truetype'),
	url('../fonts/qkb.svg#qkb') format('svg');
}

.wrapbanner{}
.banner{position: relative;z-index: 5;}
.banner a{display: block;position: relative;}
.banner .img{padding-bottom: calc(492% / 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,1));background: -o-linear-gradient(bottom, rgba(0,0,0,0) , rgba(0,0,0,1));background: -moz-linear-gradient(bottom, rgba(0,0,0,0) , rgba(0,0,0,1));background: linear-gradient(to bottom, rgba(0,0,0,0) , rgba(0,0,0,1));}
/* .banner .img::before{content: '';display: block;position: absolute;left: 0;right: 0;top: 0;padding-bottom: 17.4%;background: -webkit-linear-gradient(top, rgba(155,0,0,1), rgba(155,0,0,0));background: -o-linear-gradient(bottom,rgba(155,0,0,1), rgba(155,0,0,0) );background: -moz-linear-gradient(bottom,rgba(155,0,0,1), rgba(155,0,0,0) );background: linear-gradient(to bottom , rgba(155,0,0,1), rgba(155,0,0,0) );z-index: 2;} */
.banner .title{color: #fff;bottom: 20px;font-family: 'Noto Serif SC';width: 800px;max-width: calc(100vw - 100px);font-weight: bold;}

.banner .slick-list{}
.banner .slick-dots{bottom: 32px;width: auto;left: auto;white-space: nowrap;text-align: right;right: 0;}
.banner .slick-dots li{width: 32px;height: 18px;margin: 0 0 0 15px;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: 11px;display: block;padding: 0 0 15px;background: url(../images/mode01_title.png) bottom repeat-x;line-height: 32px;}
.index_title .channel_link{float: right;position: relative;z-index: 2;color: #62789E;}
.index_title .channel_title{padding: 0 0 0 0;color: #004DA3;font-weight: bold;}
.index_title .ico{display: inline-block;vertical-align: middle;width: 30px;height: 30px;background: left center no-repeat;}
.index_title .ico1{background-image: url(../images/mode01_ico1.png);}
.index_title .ico2{background-image: url(../images/mode01_ico2.png);}
.index_title .ico3{background-image: url(../images/mode03_ico1.png);}
.index_title .ico4{background-image: url(../images/mode03_ico2.png);}
.index_title .ico5{background-image: url(../images/mode03_ico3.png);}
.index_title .ico6{background-image: url(../images/mode04_ico.png);}

.content{background: url(../images/home_bg.png) center no-repeat;background-size: cover;}

.wrap_mode01{padding: 44px 0 48px;}
.mode01{}
.mode01 .lf,.mode01 .rt{width: 66%;float: left;box-sizing: border-box;padding: 21px 16px 30px;background: #fff;box-shadow: 0px 4px 55px 0px rgba(0, 0, 0, 0.1);border-radius: 6px;overflow: hidden;}
.mode01 .rt{float: right;width: 32.2%;}

.index_01a{margin: 0;width: 450px;float: left;}
.index_01a ul{margin: 0 0 0;padding: 0 0 0;}
.index_01a li{}
.index_01a .item{margin: 0 0 0;position: relative;}
.index_01a .img_box{}
.index_01a .info_box{margin: 18px 0 0;padding: 0 0 0 0;}
.index_01a .img{padding-bottom: 66.2%;}
.index_01a .title{margin: 0 0 7px;}
.index_01a .info{margin: 0 0 43px;color:#999;}
.index_01a .time{padding: 0 0 0 12px;color: #A4B5CD;background: url(../images/mode01_time.png) left center no-repeat;}

.index_01a .slick-arrow{border: 0;width: 27px;height: 27px;font-size: 0;outline: none;background: center no-repeat;bottom: -6px;top: auto;transform: none;}
.index_01a .slick-arrow:after{display: none;}
.index_01a .slick-prev{left: auto;background-image: url(../images/mode01_prev.png);background-size: cover;right: 48px;}
.index_01a .slick-next{right: 14px;background-image: url(../images/mode01_next.png);background-size: cover;}
.index_01a .slick-prev:hover{background-image: url(../images/mode01_prev2.png);}
.index_01a .slick-next:hover{background-image: url(../images/mode01_next2.png);}

.index_01a ~ .index_01{margin: 0 0 0 472px;}
.index_01 ul{margin: 0 0 -12px;padding: 0 0 0;}
.index_01 li{}
.index_01 .item{margin: 0 0 12px;background: #F8FBFF;padding: 17px 14px 17px 18px;}
.index_01 .title{position: relative;margin: 0 108px 0 0;}
.index_01 .time{padding: 0 0 0 12px;color: #A4B5CD;background: url(../images/mode01_time.png) left center no-repeat;float: right;line-height: 25px;}

.mode01 .index_01 .item{padding: 8px 12px;margin: 0 0 14px;}
.mode01 .index_01 ul{min-height: 468px;}

.index_02{position: relative;}
.index_02 .img{padding-bottom: 153px;position: relative;}
.index_02 .title{margin: 0 0 0;left: 50%;top: 50%;transform:translateX(-50%) translateY(-50%);font-family: 'qkb';color: #fff;position: absolute;text-align: center;width: 100%;}
.index_02 .more{position: absolute;left: 50%;top: 100%;transform:translateX(-50%) translateY(-50%);background: #992D24;padding: 0 20px;line-height: 36px;background: #992D24;border-radius: 30px;color: #fff;}
.index_02 .more::after{content: '';display: inline-block;vertical-align: middle;font-weight: bold;background: url(../images/mode02_ico.png) center no-repeat;width: 16px;height: 16px;margin: 0 0 0 6px;}

.wrap_mode03{padding: 42px 0 0;}
.mode03{}
.mode03 .lf,.mode03 .mid,.mode03 .rt{width: calc(33.3% - 15px);float: left;box-sizing: border-box;padding: 22px 16px 27px;background: #fff;box-shadow: 0px 4px 55px 0px rgba(0, 0, 0, 0.1);border-radius: 6px;}
.mode03 .mid{margin: 0 0 0 22px;}
.mode03 .rt{float: right;}

.wrap_mode04{padding: 36px 0 44px;}
.mode04{box-sizing: border-box;padding: 31px 16px 27px;background: #fff;box-shadow: 0px 4px 55px 0px rgba(0, 0, 0, 0.1);border-radius: 6px;}
.index_04{}
.index_04 ul{margin: 0 0 0 -70px;padding: 14px 0 4px;}
.index_04 li{width: 33.3%;}
.index_04 .item{margin: 0 0 0 70px;text-align: center;background: #F8FBFF;line-height: 2em;padding: 8px 10px;}

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

	.index_01 .item{padding: 14px 10px;}
	.index_01 .title{margin: 0 90px 0 0;}
	.index_01a{width: 300px;}
	.index_01a ~ .index_01{margin: 0 0 0 320px;}

	.mode01 .lf, .mode01 .rt,.mode03 .lf, .mode03 .mid, .mode03 .rt,.mode04{padding: 16px 12px 20px;}
}
@media screen  and (max-width:992px){
	.banner .slick-dots{}
	.banner .slick-arrow{display: none !important;}
	.banner .img::after{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: 9px;margin: 0 6px;background-size: 100% auto;}
	/* .banner .slick-dots li.slick-active::after, .banner .slick-dots li:hover::after{width: 5px;height: 5px;} */
	
	.wrap_mode01{padding: 30px 0 0;}
	.mode01 .lf, .mode01 .rt, .mode03 .lf, .mode03 .mid, .mode03 .rt{width: auto;float: none;margin-bottom: 30px;margin-left: 0;}
	.wrap_mode04{padding: 0 0 30px;}

	.mode01 .index_01 ul{min-height: initial;}
}
@media screen  and (max-width:767px){
	.banner .title,.banner .more,.banner a::before{display: none;}
	.banner .slick-dots{/* left: 20px; */}
	
	.index_04 ul{margin-bottom: -20px;}
	.index_04 li{width: 100%;}
	.index_04 .item{margin-bottom: 20px;}
	
	.index_01a .img_box{width: auto;float: none;}
	.index_01a .info_box{position: relative;margin: 10px 0 0;}
	.index_01a .time{position: relative;margin: 10px 0 0;}
	

}
@media screen  and (max-width:639px){
	.index_01a{width: auto;float: none;}
	.index_01a ~ .index_01{margin: 30px 0 0;}

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