/* CSS Document */
 

.left-nav{position: absolute;top:0px;left:0px;width: 280px;	height: 490px; z-index: 2;}
.left-nav ul.p-ul{	/* padding:0px 14px; 	border-bottom:1px solid #a8aeae;*/
	position: relative;overflow:hidden;  height: 488px; 	z-index: 2;	/* background: rgba(255,255,255,.9) */background: rgba(36,53,68,.85);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#e5243544,endColorstr=#e5243544);
}
.left-nav ul.p-ul li{
 
	position: relative;	padding-left:25px;
	height: 60px; padding-right:25px;	cursor:pointer;	z-index: 2;	width: 230px; overflow:hidden;
	 
}
/* .left-nav ul.p-ul li:hover .left-nav-content{
	display: block;
	animation: fadeInLeft .6s;
	-webkit-animation: fadeInLeft .6s;
} */
.left-nav ul.p-ul li:before{content:"";	position: absolute;height: 1px;width:256px; transition: .2s;	background: #082439;bottom:0px;left:12px; }
.left-nav ul.p-ul li.active:before,.left-nav ul.p-ul li.a-bor:before{	width:280px; left:0px; z-index: 10;	transition: .2s;}
.left-nav ul.p-ul li.active{background: rgba(255,255,255,.95);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#e5ffffff,endColorstr=#e5ffffff);width:230px; }
.left-nav ul.p-ul li.eight:before{	background: none;}

.left-nav ul.p-ul li .i-bg{	
	background:url(https://www.khly88.com/ORG7188_templets/002/images/i1-1.png) no-repeat;
	width: 28px;height: 28px;	display: none !important;position: absolute;top:17px;opacity: .7;left:14px;	filter:alpha(opacity=70);-moz-opacity:0.7;-khtml-opacity: 0.7; }
.left-nav ul.p-ul li.active .i-bg{	opacity: 1;}
.left-nav ul.p-ul li.two .i-bg{	background:url(https://www.khly88.com/ORG7188_templets/002/images/i1-2.png) no-repeat;}
.left-nav ul.p-ul li.three .i-bg{background:url(https://www.khly88.com/ORG7188_templets/002/images/i1-3.png) no-repeat;}
.left-nav ul.p-ul li.four .i-bg{background:url(https://www.khly88.com/ORG7188_templets/002/images/i1-4.png) no-repeat;}
.left-nav ul.p-ul li.five .i-bg{background:url(https://www.khly88.com/ORG7188_templets/002/images/i1-5.png) no-repeat;}
.left-nav ul.p-ul li.six .i-bg{	background:url(https://www.khly88.com/ORG7188_templets/002/images/i1-6.png) no-repeat;}
.left-nav ul.p-ul li h4{padding-top:5px; line-height: 22px;}
.left-nav ul.p-ul li.line-one h4{padding-top:12px;}
.left-nav ul.p-ul li h4 a{display: inline-block;	margin-right:8px;font-size:16px;color:#fff;font-weight: 600;}
.left-nav ul.p-ul li.active h4 a{color:#303030;}
.left-nav ul.p-ul li p{	line-height: 25px;}
.left-nav ul.p-ul li p a{display: inline-block;	color:#fff;	margin-right:5px; font-size:12px;}
.left-nav ul.p-ul li.active  p a{color:#303030;}

.left-nav ul.p-ul li p a:hover{color:#0166ce;}
.left-nav ul.p-ul li .ico{position: absolute;top:27px;right:13px;width: 7px;height: 14px;background-position: -162px -11px;}
  
.left-nav-content{position: absolute;top:0px;left:282px;background: rgba(255,255,255,.95);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#e5ffffff,endColorstr=#e5ffffff);	width: 948px;height: 488px;	display: none;z-index: 1;/* box-shadow: 1px 1px 10px #999; */}
.one.left-nav-content{width: 490px;}
.one .text-list{width: 450px; }
.one .text-list dl{ float:left;}
.one .text-list1{ margin-right:10px;height:180px; }
.one .text-list2{float:left; height:180px; margin-right:0px; }

.one .left-nav-content .img-list{ width:450px;  text-align: center;}

.two.left-nav-content{width: 490px;}
.two .text-list{width: 450px; }
.two .text-list-l{ width:220px;  float:left;}
.two .text-list-r{ width:220px;  float:right;}
.two .left-nav-content .img-list{ width:210px; height:350px;  text-align: center;}
.three.left-nav-content{width: 720px;}
 .three .text-list{width: 720px; }
.three .text-list dl{margin-right:10px; float:left;height:180px; }
 
 

/*.two  .text-list dl.text-list3 dd a{ margin-right:10px;}*/
.text-list dl dd a.orange{color:#fe32ab;}
.left-nav-content.active{display: block;animation: fadeInLeft .6s;-webkit-animation: fadeInLeft .6s;}

.left-nav-content  .bottom-img{	position: absolute;	bottom:20px;left:20px;}
.left-nav-content  .bottom-img a{	display: inline-block;	margin-right:18px;}

.text-list{	padding-right:310px;	margin-left:20px;}
.text-list dl{width:220px; float:left;padding-top:12px;margin-right:5px;}
.text-list dl dt{font-size:16px;color:#333333;padding-bottom:3px;	padding-left:14px;	border-bottom:1px solid #e0e0e0;position: relative;	margin-bottom:6px;}
.text-list dl dt a{font-size:16px;color:#333333;}
.text-list dl dt a:hover{color:#0166ce;}
.text-list dl dd{	position: relative; margin-bottom:10px;}
.text-list dl dd a{margin-right:18px;	font-size:13px;	color:#666;	display: inline-block;	padding-top:5px;}
.text-list dl dd a:hover{	color:#0166ce;}
 
 
 
/* .four .text-list dl dd a{
	line-height: 24px;
} */

 .text-list dl dt:before{content:"";	width:4px; height: 16px; position: absolute; top:5px; left:2px;	background: #0166ce;opacity: .8; }
 
.banner-box{position: relative;	width: 100%;height: 490px;}
.banner-box .center{	position: absolute;	width: 1200px;left:50%;	top:0px;margin-left:-600px;}
.pagination { position: absolute; z-index: 2;  bottom: 20px;  width: 1200px;  left:50%;  margin-left:-600px; text-align: right;}


.swiper-pagination-switch { display: inline-block;width: 10px;height: 10px;border-radius: 8px; background: #95a7b2;margin: 0 5px;opacity: 0.8; cursor: pointer}
.swiper-active-switch {  background: #f58466;}
.swiper-container{height:490px;}

.swiper-container .swiper-slide  a{	position: relative;	display: block;	width: 100%;height: 100%;	overflow: hidden;}
.swiper-container .swiper-slide img{	position: absolute;display: block;height: 100%;left: 50%;transform:translate(-50%,0);-ms-transform:translate(-50%,0);-webkit-transform:translate(-50%,0);}