/* CSS Document */
.ks_banner{width:100%;height:auto;max-height:50.9rem;}
.ks_banner >a{display:block;width:100%;height:100%;overflow:hidden;}
.ks_banner >a img{max-width:100%;transition:all 2.3s;}
.ks_banner:hover >a img{transform:scale(1.2);}


.banner{position:relative;}
.banner .nav {
	position: absolute;
	width: 100%;
	left: 0;
	bottom: 0;
	border-top: 1px solid rgba(255,255,255,0.4);
}
.box {
	padding: 0 100px;
	max-width: 1720px;
	margin: 0 auto;
	position: relative;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s;
}
.banner .nav a {
	display: block;
	width: calc(100%/6);
	line-height: 48px;
	float: left;
	text-align: center;
	color: #fff;
	position: relative;
	z-index: 2;
	border-left: 1px solid rgba(255,255,255,0.4);
	box-sizing: border-box;
	font-size: 16px;
}
.banner .nav a:hover:after, .banner .nav a.act:after {
	-webkit-transform: scaleX(1);
	-ms-transform: scaleX(1);
	transform: scaleX(1);
	-webkit-transform-origin: left center;
	-ms-transform-origin: left center;
	transform-origin: left center;
}
.banner .nav a:after {
	content: " ";
	display: block;
	position: absolute;
	background: #333;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: -1;
	-webkit-transition: .5s transform ease;
	transition: .5s transform ease;
	-webkit-transform: scaleX(0);
	-ms-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transform-origin: right center;
	-ms-transform-origin: right center;
	transform-origin: right center;
}

.ks_List{width:1410px;margin:0 auto;}
.ks_ListTit{width:100%;margin:0 auto;margin-bottom:10rem;}
.ks_ListTit li{float:left;}
.ks_ListTit li.ksAbout{width:49.67%;height:auto;position:relative;z-index:1;}
.ks_ListTit li.ksAbout .ksAboutMain{width:100%;height:auto;padding:1rem;padding-top:18rem;}
.ks_ListTit li.ksAbout .ksAboutMain h4{font:3.6rem/5rem "";color:black;}
.ks_ListTit li.ksAbout .ksAboutMain h6{font:1.8rem/4rem "";color:black;}
.ks_ListTit li.ksAbout .ksAboutMain p{font:2.4rem/4.4rem "";color:black;}
.ks_ListTit li.ksAbout span.hz{position:absolute;font:12.8rem/1em "";font-weight:bold;color:#f5f5f7;top:10rem;left:4rem;z-index:-1; letter-spacing:-1rem;}
.ks_ListTit li.ksAbout .ksAboutMain hr{width:5.7rem;heigt:0.3rem;background:black;margin:3.5rem 0;}
.ks_ListTit li.ksTitImg{width:50.33%;z-index:-1;position:relative;}
.ks_ListTit li.ksTitImg span.img1{position:absolute;display:block;width:425px;height:425px;left:89.5px;top:179.5px;}
.ks_ListTit li.ksTitImg span.img1 img{max-width:100%;border-radius:50%;border:4px solid #eee;}
.ks_ListTit li.ksTitImg span.sp1{
	display: block;
	width: 180px;
	text-align: center;
	line-height: 180px;
	background: rgba(158,215,220,0.8);
	border-radius: 50%;
	color: #fff;
	font-size: 28px;
	position: absolute;
	left: 26px;
	top:441px;
}
.ks_ListTit li.ksTitImg span.sp2{
	display: block;
	width: 50px;
	height: 50px;
	position: absolute;
	top: 135px;
	left:465px;
	background: #f79443;
	border-radius: 50%;
}
.ks_ListZj{width:100%;height:auto;margin-bottom:210px;position:relative;}
.ks_ListZj .ks_zj{overflow:hidden;}
.ks_ListZj >dl{border-left:1rem solid #44c9E3;padding-left:2rem;}
.ks_ListZj >dl dt{font:3.6rem/1.1em "";color:black;}
.ks_ListZj >dl dd{font:1.8rem/1.4em "";color:black;}
.ks_ListZj ul{width:100%;height:auto;margin-top:45px;}
.ks_ListZj ul li{float:left;width:calc(100%/4);height:auto;text-align:center;}
/*.ks_ListZj ul li:not(last-child){padding-right:10px;}*/
.ks_ListZj ul li >a{display:block;width:100%;height:100%;position:relative;overflow:hidden;}
.ks_ListZj ul li img{max-width:100%;}
.ks_ListZj ul li .ys_cont{position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.5);
	padding: 30px 10px 0 36px;
	transition:all .5s;
}
.ks_ListZj ul li .ys_cont p.p1{font:28px/1em "";color:white;text-align:left;padding-bottom:20px;}
.ks_ListZj ul li .ys_cont p.p2{font:18px/46px "";color:white;text-align:left;}
.ks_ListZj ul li .ys_name{
	width: 100%;
	height: 76px;
	background: rgba(0,0,0,0.5);
	position: absolute;
	left: 0;
	bottom: -76px;
	transition:all .5s;
}
.ks_ListZj ul li:hover .ys_cont{left:-100%;}
.ks_ListZj ul li:hover .ys_name{bottom:0;}
.ks_ListZj ul li .ys_name p {
	color: #fff;
	line-height: 76px;
	font-size:18px;
	text-align:left;
	padding-left:2em;
}
.zj_C_Btn {
	width: 75px;
	height: 75px;
	position: absolute;
	top: 50%;
	margin-top: 37.5px;
	z-index: 3;
	opacity: .4;
	transition:all .3s;
}
.zj_C_Btn:hover{opacity:1;}
.zj_C_Btn.prev {
	left: 50%;
	margin-left: -800px;
	transform: rotate(180deg);
}
.zj_C_Btn.next {
	left: auto;
	right: 50%;
	margin-right: -800px;
}
/*小于1920 显示1200的版本*/
@media screen and (max-width:1919px){
.ks_List{width:1200px;}
.zj_C_Btn.prev {
	margin-left: -600px;
}
.zj_C_Btn.next {
	margin-right: -600px;
}

}

/*小于1200 显示768的版本*/
@media screen and (max-width:1199px){
	.ks_ListTit li.ksAbout span.hz{font-size:8rem;top:2rem;}
	.ks_ListTit li.ksAbout .ksAboutMain{padding-top:6rem;}
	.ks_ListTit li.ksAbout .ksAboutMain hr{margin:1.5rem 0;}
	.ks_ListTit li.ksAbout .ksAboutMain p{line-height:3.2rem;}
	.ks_ListTit{margin-bottom:1rem;}
	.ks_ListTit li.ksTitImg > a{padding-top:4.5rem;}
	.ks_ListZj > dl{left:2.5%;top:6rem;}
	.ks_ListZj > dl dt{font-size:3rem;}
	.ks_ListZj > dl dd{font-size:1.6rem;}
	.ks_List2 .ks_ListZj > dl{right:2.5%;}
	.ks_ListZj ul li p{font:1.8rem/2.6rem "";}
	.ks_ListTit li.ksAbout .ksAboutMain h4{font-size:2.6rem;}
	.ks_ListTit li.ksAbout .ksAboutMain p{font-size:2rem;}
	.ks_ListTit li.ksAbout .ksAboutMain h6{font:1.4rem/2rem "";}
	
}

/*小于768 显示640的版本*/
@media screen and (max-width:767px){
	.ks_ListTit li.ksAbout .ksAboutMain h4{font-size:2.2rem;}
	.ks_ListTit li.ksAbout .ksAboutMain p{font:1.6rem/2.4rem ""}
	.ks_ListZj > dl dt{font-size:2.4rem;}
	.ks_ListZj ul li p{font:1.4rem/2.2rem "";}
	
}

/*小于640 显示320的版本*/
@media screen and (max-width:639px){
	.ks_ListTit li.ksAbout{width:100%;}
	.ks_ListTit li.ksTitImg{display:none;}
	.ks_ListTit li.ksAbout span.hz{font-size:5rem;letter-spacing:-0.5rem;left:2rem;}
	.ks_ListTit li.ksAbout .ksAboutMain{padding-top:4rem;}
	.ks_ListZj > dl{left:1%;top:1rem;padding-left:.8rem;border-left:.5rem solid #44c9E3}
	.ks_ListZj > dl dt{font-size:1.4rem;}
	.ks_ListZj > dl dd{font-size:1.2rem;}
	.ks_ListZj ul li{padding-left:0.2rem;}
	.ks_ListZj ul li p{font:1.2rem/1.8rem "";}

	
}