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

img{border:0}
.clear {zoom: 1;clear:both; }
.clear:after {content: ''; display: block; clear: both; }
table{width: 100%; border-collapse:collapse;}
table tr,table td{max-width: 100%; border: solid 1px #eee; }
.proVideo video:focus {outline:none;}
.proVideo video::-webkit-media-controls{ display:none !important;}
.fl{float:left;}
.fr{float:right;}


.iconT{display: flex;align-items: center;text-align: center;justify-content: center;}

.c1200{ width: 1200px; margin:0 auto;}
.wrap{width: 75%;margin: 0 auto;min-width: 1200px;}
.wrap1{width: 80%;margin: 0 auto;min-width: 1200px;}
.wrap2{width: 83.33%;margin: 0 auto;min-width: 1200px;}




/* pageKN-4100 */
.pageKN-4100 .title{font-size: 40px;color: #333;font-weight: normal;}
.pageKN-4100 .tit{font-size: 20px;color: #999;margin: 16px 0 30px;}
.pageKN-4100 .txt{font-size: 22px;line-height: 40px;color: #333;}

/* pageKN-4100_1 */
.pageKN-4100_1{width: 100%;overflow: hidden;position: relative; height: 900px; box-sizing: border-box; background: url(KN-4100_1_bg.jpg) center no-repeat fixed;}
.pageKN-4100_1 .img{width: 50%;position: absolute;top: 20%;right: 5%;overflow: hidden;}
.pageKN-4100_1 .img img{width: 100%;display: block; margin:0 auto;}
.pageKN-4100_1 .wrap1{ position: relative; height: 100%; }
.pageKN-4100_1 .cont{width: 35%; position: absolute; bottom: 30%; left: 0;}

@media (max-width:1230px){
	.pageKN-4100_1{
		height:auto;
		padding:80px 15px 120px 15px;
	}
	.pageKN-4100_1 .wrap1{ width:100%; min-width:inherit; }
	.pageKN-4100_1 .img{
		width:100%;
		text-align:center;
		position:static;
	}
	.pageKN-4100_1 .cont{
		position:static;
		width:auto;
		max-width:780px;
		padding:0 0 30px 0;
		text-align:center;
		margin:0 auto;
	}
}


/* pageKN-4100_2 */
.pageKN-4100_2{width: 100%;background-color: #fff;padding: 60px 0; overflow: hidden;}
.pageKN-4100_2 .wrap1{position: relative;}
.pageKN-4100_2 .img{width: 52%;overflow: hidden;}
.pageKN-4100_2 .img img{display: block;width: 100%;}
.pageKN-4100_2 .cont{width: 35%;position: absolute;top: 50%;transform: translateY(-50%);right: 0;}

@media (max-width:1230px){
	.pageKN-4100_2{padding:60px 15px;}
	.pageKN-4100_2 .wrap1{width:100%; min-width:inherit;}
	.pageKN-4100_2 .img{width: 100%;overflow: hidden;}
	.pageKN-4100_2 .cont{width: 100%;position:static;transform:none; padding:30px; text-align:center;}
	
}



/* pageKN-4100_3 */
.pageKN-4100_3{width: 100%;background-color: #f5f5f5;overflow: hidden;position: relative; padding: 230px 0; }
.pageKN-4100_3 .cont{width: 30%; float: right; position: relative; z-index: 2;}
.pageKN-4100_3 .img{ width: 100%; position: absolute; left: 0; bottom: 0; height: 100%; z-index: 1; background: url(KN-4100_3_img.png)  no-repeat fixed; z-index: 1;}
.pageKN-4100_3 .img .imghide{display:none;}

@media (max-width:1230px){
	.pageKN-4100_3{ padding: 60px 15px; }
	.pageKN-4100_3 .wrap1{width:100%; min-width:inherit;}
	.pageKN-4100_3 .img{
		text-align:center;
		position:static;
		background:none;
	}
	.pageKN-4100_3 .img .imghide{display:block; margin:0 auto; max-width:100%;}
	.pageKN-4100_3 .cont{width: 100%;position:static;transform:none; padding:30px; text-align:center;}
}




/* pageKN-4100_4 */
.pageKN-4100_4{width: 100%;overflow: hidden;position: relative; padding: 200px 0;}
.pageKN-4100_4 .cont{width: 33%; float: left; position: relative; z-index: 2;}
.pageKN-4100_4 .title{color: #fff;}
.pageKN-4100_4 .tit{color: #686868;}
.pageKN-4100_4 .txt{color: #f5f5f5;}
.pageKN-4100_4 .img{ width: 100%; position: absolute; left: 0; bottom: 0; height: 100%; z-index: 1; background: url(KN-4100_4_bg.jpg)  no-repeat fixed; z-index: 1;}
.pageKN-4100_4 .img .imghide{display:none;}

@media (max-width:1600px){
	.pageKN-4100_4 .img{  background: url(KN-4100_4_bg.jpg)  no-repeat; background-size:cover;}
}
@media (max-width:1230px){
	.pageKN-4100_4{padding: 60px 15px; background:#16171b;}
	.pageKN-4100_4 .wrap{width:100%; min-width:inherit;}
	.pageKN-4100_4 .cont{width: 100%;position:static;transform:none; padding:30px; text-align:center; float:none;}
	
	.pageKN-4100_4 .img{
		text-align:center;
		position:static;
		background:none;
	}
	.pageKN-4100_4 .img .imghide{display:block; margin:0 auto; max-width:100%;}
	
	
}



/* pageKN-4100_5 */
.pageKN-4100_5{width: 100%;background-color: #fff;padding:0 0 60px; overflow: hidden;}
.pageKN-4100_5 .wrap1{position: relative;}
.pageKN-4100_5 .img{width: 52%;overflow: hidden;}
.pageKN-4100_5 .img img{display: block;width: 100%;}
.pageKN-4100_5 .cont{width: 32%;position: absolute;top: 50%;transform: translateY(-50%);right: 0;}


@media (max-width:1230px){
	.pageKN-4100_5{padding:60px 15px;}
	.pageKN-4100_5 .wrap1{width:100%; min-width:inherit;}
	.pageKN-4100_5 .img{
		width:100%;
		text-align:center;
		position:static;
	}
	.pageKN-4100_5 .cont{
		position:static;
		width:auto;
		max-width:780px;
		padding:0 0 30px 0;
		text-align:center;
		margin:0 auto;
		transform:none;
	}
}



/* pageKN-4100_6 */
.pageKN-4100_6{width: 100%;padding: 80px 0;background-size: cover; overflow: hidden;background: url(KN-4100_6_bg.jpg) top center no-repeat;}
.pageKN-4100_6 .wrap1{position: relative;}
.pageKN-4100_6 .img{width: 45%;overflow: hidden; float: left;}
.pageKN-4100_6 .img img{display: block;width: 100%; margin:0 auto;}
.pageKN-4100_6 .cont{width: 32%; float: right; margin-top: 170px;}
.pageKN-4100_6 .cont table{width: 100%;border: none;}
.pageKN-4100_6 .cont table tr,.pageKN-4100_6 .cont table th,.pageKN-4100_6 .cont table td{border: none;}
.pageKN-4100_6 .cont table td{color: #333;font-size: 22px;line-height: 26px;padding: 7px 0;}
.pageKN-4100_6 .cont table td span{color: #666;}

@media (max-width:1230px){
	.pageKN-4100_6{padding: 60px 15px;}
	.pageKN-4100_6 .wrap1{width:100%; min-width:inherit;}
	.pageKN-4100_6 .img{
		width:100%;
		text-align:center;
		position:static;
		float:none;
	}
	.pageKN-4100_6 .cont{
		position:static;
		width:auto;
		max-width:780px;
		padding:0 0 30px 0;
		text-align:center;
		margin:0 auto;
		transform:none;
		float:none;
	}
	.pageKN-4100_6 .cont table{ text-align:left;}
}


















@media (max-width:1680px){
    .pageKN-4100 .title{font-size: 40px;}
    .pageKN-4100 .tit{font-size: 16px;}
    .pageKN-4100 .txt{font-size: 18px;line-height: 38px;}
    .pageKN-4100_6 .cont table td{font-size: 18px;line-height: 24px;}
}
@media (max-width:1580px){
    .pageKN-4100 .title{font-size: 38px;}
    .pageKN-4100 .txt{font-size: 16px;line-height: 36px;}
    .pageKN-4100_6 .cont table td{font-size: 16px;line-height: 22px;}
}
@media (max-width:480px){
    .pageKN-4100 .title{font-size: 30px;}
    .pageKN-4100 .txt{font-size: 14px;line-height: 32px;}
    .pageKN-4100_6 .cont table td{font-size: 14px;line-height: 22px;}
}