@charset "utf-8";
/* CSS Document */

.kfqyw{
    width: 100%;
	
	font-family:SimHei;
	line-height:2em;
	font-size:1.3em;
	}
.kfqyw-bjtqh{
	width:100%;
	height:500px;
	background:url(kfqq20201027.jpg) no-repeat center top;
	}
.kf-con{
	margin-top:-135px;
	}
	
.kf-con01{
	background:#FFF url(kfqqq1028.jpg) no-repeat top;
	padding:120px 50px 45px 50px;
	}
.kf-con01-text{
	color:#221815;
	margin-bottom:30px;
	}	
	
.kf-con01-box{
	width:196px;
	height:40px; 
	border:1px solid #221815;
	margin:0 auto;
	
	}	
.kf-con01-box,.kf-con01-box a {
	color:#006eab;
	text-align:center;
	}
		
.kf-con02{ background-color:#5796c5; padding-top:15px;}
	
.kf-con0201{
/*	height:215px;*/
	background:#FFF;
	padding:65px 23px 50px 23px;
	margin-bottom:15px;
	
	}
.kf-con0201 ul{
	height:105px;	
}

.kf-con0201 li{
	width:230px;
	height:105px;
	float:left; 
}
	
.ico01{ background:url(kfqqcon2-20201028_01.jpg) no-repeat;}
.ico02{ background:url(kfqqcon2-20201028_02.jpg) no-repeat;}
.ico03{ background:url(kfqqcon2-20201028_03.jpg) no-repeat;}
.ico04{ background:url(kfqqcon2-20201028_04.jpg) no-repeat;}
.ico05{ background:url(kfqqcon2-20201028_05.jpg) no-repeat;}	
.active .ico01{ background:url(kfqqcon3-20201028_01.jpg) no-repeat;}
.active .ico02 { background:url(kfqqcon3-20201028_02.jpg) no-repeat;}
.active .ico03{ background:url(kfqqcon3-20201028_03.jpg) no-repeat;}
.active .ico04{ background:url(kfqqcon3-20201028_04.jpg) no-repeat;}
.active .ico05 { background:url(kfqqcon3-20201028_05.jpg) no-repeat;}		
	

.kf-con0202{
	height:483px; 
	background-color:#FFF;
	box-shadow:.25em .25em  1.5em rgba(0,0,0,.3);
	}	

.w_list ul{}
.w_list li { width:100%;}
.w_list li i{display:block; width:60%; float:left;}
.w_list li i img{ width:100%;}
.w_list li p{ display:block; width:35%; float:left; padding:1em;}
.w_list li p a{display:block; color:#e60012; float:right; margin-top:20px; }




/*	切换背景图片*/

#demo{width:500px;margin:0 auto;position:relative;overflow:hidden;}
/* - - - - - - - - - - */
.slide .pane{text-align:center;/*! width:750px; */margin:0 auto;z-index:1;overflow:hidden;}
.slide.slide3 .icons{height:100px;margin:0 auto 0;text-align:center;/*! width:500px; */}
.slide.slide3 .arrowcontainer{position:relative;}
.slide.slide3 .arrow{color:#FFFFFF;font-size:150%;left:115px;position:absolute;top:-70px;width:50px;}
.slide.slide3 .arrow img{float:right; }
.slide.slide3 .cont{width:100%;margin:0 auto 150px;overflow:hidden}
.slide.slide3 .icons img{cursor:pointer;display:block;float:left;margin:0;padding:10px; width:80px; height:80px; }
.slide.slide3 .icons img:hover{background:url(glow2.png) repeat scroll 0 0 transparent;}

.slide.slide3 .content2,.slide.slide3 .content3,.slide.slide3 .content4,.slide.slide3 .content5{display:none}
.slide.slide3.s1{background:url(kfqq20201027.jpg) no-repeat top;overflow:hidden}

.slide.slide3.s2{background:url(kfqq2020102701.jpg) no-repeat top;overflow:hidden}
.slide.slide3.s3{background:url(kfqq2020102702.jpg) no-repeat top;overflow:hidden}
.slide.slide3.s4{background:url(kfqq2020102703.jpg) no-repeat top;overflow:hidden}
.slide.slide3.s5{background:url(kfqq2020102704.jpg) no-repeat top;overflow:hidden}


@media only screen and (max-width: 1200px) {
	.kf-con0201 ul{height:185px;}
}

@media only screen and (max-width: 885px) {
	.w_list li i{ width:40%; margin-top:20px; }
	.w_list li p{ width:54%;}
	.kf-con0201 ul{height:185px;}
	.kf-con0202 {height: 360px;}
	
	}
@media only screen and (max-width: 750px) {
.kf-con0201{ padding-top:20px; }
.kf-con0201 li{  padding-left:20px; padding-bottom:10px;}
.kf-con0201 ul{height:310px;}
.w_list li i { width:0px;}
.w_list li p { width:93%;}
.kf-con0202 { height:350px;}

	}
@media only screen and (max-width: 565px) {
	
.kf-con0202 {height: 450px;}
.kf-con0201 li img{ width:100%;}
.kf-con0201 li{ padding-bottom:10px; padding-left:0px; margin:0 auto;}
.kf-con0201 ul{height:330px;}
.kf-con0201 li{width:137px;height:90px; padding-right:10px; }

.ico01{ background:url(kfqqcon2-20201028_01.jpg) no-repeat; background-position: -99px 2px!important;}
.ico02{ background:url(kfqqcon2-20201028_02.jpg) no-repeat; background-position: -99px 2px!important;}
.ico03{ background:url(kfqqcon2-20201028_03.jpg) no-repeat; background-position: -99px 2px!important;}
.ico04{ background:url(kfqqcon2-20201028_04.jpg) no-repeat; background-position: -99px 2px!important;}
.ico05{ background:url(kfqqcon2-20201028_05.jpg) no-repeat; background-position: -99px 2px!important;}	
.ico01:hover { background:url(kfqqcon3-20201028_01.jpg) no-repeat; background-position: -110px 2px!important;}
.ico02:hover { background:url(kfqqcon3-20201028_02.jpg) no-repeat; background-position: -110px 2px!important;}
.ico03:hover { background:url(kfqqcon3-20201028_03.jpg) no-repeat; background-position: -110px 2px!important;}
.ico04:hover { background:url(kfqqcon3-20201028_04.jpg) no-repeat; background-position: -110px 2px!important;}
.ico05:hover { background:url(kfqqcon3-20201028_05.jpg) no-repeat; background-position: -110px 2px!important;}	
#demo {display: none;}


	}
	
	
@media only screen and (max-width:359px) {
.kf-con0202 {height: 500px;}
.kf-con0201 ul {height: 270px;}
.kf-con0201 li{width:100px;  margin-right:10px; }
.ico01{ background:url(kfqqcon2-20201028_01.jpg) no-repeat; background-position: -120px 2px!important;}
.ico02{ background:url(kfqqcon2-20201028_02.jpg) no-repeat; background-position: -120px 2px!important;}
.ico03{ background:url(kfqqcon2-20201028_03.jpg) no-repeat; background-position: -120px 2px!important;}
.ico04{ background:url(kfqqcon2-20201028_04.jpg) no-repeat; background-position: -120px 2px!important;}
.ico05{ background:url(kfqqcon2-20201028_05.jpg) no-repeat; background-position: -120px 2px!important;}	
.ico01:hover { background:url(kfqqcon3-20201028_01.jpg) no-repeat; background-position: -121px 2px!important;}
.ico02:hover { background:url(kfqqcon3-20201028_02.jpg) no-repeat; background-position: -121px 2px!important;}
.ico03:hover { background:url(kfqqcon3-20201028_03.jpg) no-repeat; background-position: -121px 2px!important;}
.ico04:hover { background:url(kfqqcon3-20201028_04.jpg) no-repeat; background-position: -121px 2px!important;}
.ico05:hover { background:url(kfqqcon3-20201028_05.jpg) no-repeat; background-position: -121px 2px!important;}	

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