*{ padding:0; margin:0;}    
body{ line-height:2em;   color:#333; font-size: 14px;width:100%;width:expression(document.body.clientWidth <= 1200? "1200px": "auto");min-width:1200px;} 
.clear{ clear:both; height:0px; width:100%; font-size:1px; line-height:0px; visibility:hidden; overflow:hidden;}
.fl{ float:left;}
.fr{ float:right;}
li{ list-style:none;} 
img {border-style: none; } 
a{ color:#333; text-decoration:none;  }
a:hover{ color:#86B7E2; text-decoration:none; }
ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,table,td,img,div,dl,dt,dd,input{margin:0;padding:0;}
 
.menu {height:40px;line-height:40px; float: right;}
.menu li {float:left;position:relative;}
 
 
.menu li a {display:block;float:left;height:40px;line-height:40px;width:108px; text-align: center; /* padding: 0 25px; */}
.menu li ul {position:absolute;left:0;background:#fff;width:108px;z-index:9999999999;display:none;}
.menu li ul a {width:108px;padding:0; /* text-indent: 2em; */}
.one {top:40px;}
 
.menu li ul.two {left:108px;}
.one li a.more {background:url( {pboot:sitepath}/skin/kf/vdrop.png) no-repeat 100px center;}
.one li a.more:hover {background:url( {pboot:sitepath}/skin/kf/vdrop.png) #E9E8E8 no-repeat 100px center;}
.menu li ul.hdw {left:108px;}
.menu li ul.hdwq {left:108px;}
#tactive{ background: #86B7E2;  border-radius:20px;color:#fff ;  }


 .yz{ height: 60px; border-bottom: 1px #EEEEEE solid;  line-height: 60px; }
	 .yzico{ background: url(../kf/shouye.png) no-repeat left center; padding-left: 30px;}
	 .zw{ padding-bottom: 50px;}
	 .rnav a { padding: 0 10px;}
	 .actives{ color: #86B7E2;}
	 .footer{ background: #444444; padding: 20px 0; color:#C2C2C2 ; }
	 .footer a{   color:#C2C2C2 ; }
.box{ width: 1200px; margin: 0 auto;}
.logo{ width: 400px;padding-top: 10px;}
.nav{ width: 800px; padding-top: 25px;}
.w550{ width: 550px;}
.p20{ padding-top: 20px;}
.p30{ padding-top: 30px;}
.m30{ margin-top: 30px;}
.p80{ padding-top: 80px;}

		#hides {display:none;}
		.pagebar .pagination {display:flex;justify-content:center;margin:20px;}
		.pagination a {background:#fff;border:1px solid #ccc;color:#333;font-size:14px;padding:2px 12px;margin:0 5px;border-radius:3px;}
		.pagination span {color:#333;font-size:14px;padding:8px 2px;margin:0 5px;border-radius:3px;}
		.pagination a:hover {color:#86B7E2;border:1px solid #86B7E2;}
		.pagination a.page-num-current {color:#fff;background:#86B7E2;border:1px solid #86B7E2;}
		
		.morea   {
		    display: block;
		    padding: 4px 15px;
		    border: 1px #333 solid;
		   
		    margin: 15px auto;
		    text-align: center;
		    width: 220px;
		}
		.pros a:hover .morea   { background: #86B7E2;border: 1px #86B7E2 solid;
		    color: #fff;
		   
		}
		
		
		
		.page {text-align:center;}
		
		.pros li a{ float:left; text-align:center; width:280px ;   margin:10px;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;  }
		.pros a:hover img{/* transform: scale(1.2); 放大*/	filter: saturate(150%);  /* 彩色鲜艳 */} 
		.pros a:hover {box-shadow: 0 16px 32px 0 rgba(48, 55, 66, 0.15);/* 鼠标悬浮时盒子出现的阴影 */   transform: translate(0, -5px);/* 鼠标悬浮时盒子上移5px */ color: #333;   } 
		.pros a:hover #a{  text-decoration:underline } 
		.port-1b{ position: relative; overflow: hidden;width:280px ; height:280px;  }
		.port-1b img{transition: 0.5s;width:280px ; height:280px; }
		.pros li span{  height:45px; line-height:45px; display:block; font-size: 16px;}
		
		
		
	.title {
			    padding: 30px 0 80px 0; text-align:center
			}
			.title-text {
			    position: relative;
			    padding-bottom: 20px;
			    font-size: 24px;
			   
			    font-weight: normal;
			}
			.title-text:after {
			    content: '';
			    display: block;
			    position: absolute;
			    left: 50%;
			    bottom: 0;
			    width: 80px;
			    height: 3px;
			    margin-left: -40px;
			    background-color: #86B7E2;
			}
			.title-description {
			    margin-top: 10px; 
			}

			.more a{display:block; padding:4px 15px;   border: 1px #333 solid;   margin:15px auto;  text-align:center; width:150px;}
			.more a:hover{background:#86B7E2;   color:#fff;  border: 1px #86B7E2 solid;  }
			
			.cn{ min-height: 400px;}
			
			
			.newsinfo-wrapper .news-box {
			  text-align: center;
			  margin-bottom: 32px;
			}
			.newsinfo-wrapper .news-box .titles {
			  font-weight: 700;
			  font-size: 24px;
			 
			  letter-spacing: 1px;
			  margin-bottom: 10px;
			}
			.newsinfo-wrapper .news-box p {
			  font-size: 14px;
							 
			}
			.newsinfo-wrapper .news-box p span {
			  display: inline-block;
			  margin-left: 10px;
			}
			.newsinfo-wrapper .content-box {
			  border: 1px solid #ececec;
			  border-left: 0;
			  border-right: 0;
			  padding: 40px 0 60px;
			}
			.newsinfo-wrapper .content-box .caption {
			  font-size: 18px;
			  font-weight: 700;
			 
			  margin-bottom: 5px;
			}
			.newsinfo-wrapper .content-box .p {
			  font-size: 14px;
			 
			  line-height: 30px;
			  margin-bottom: 52px;
			}
			.newsinfo-wrapper .content-box .p:last-child {
			  margin-bottom: 0;
			}
			.newsinfo-wrapper .content-box .img {
			  margin-bottom: 77px;
			}
			.newsinfo-wrapper .content-box img {
			  max-width: 100%;
			  margin: 0 auto;
			}
			.newsinfo-wrapper .news-relative-operative {
			  text-align: center;
			  font-size: 0;
			  margin-top: 50px;
			}
			.newsinfo-wrapper .news-relative-operative .item {
			  display: inline-block;
			  width: 380px;
			  margin-right: 10%;
			  background: #fff;
			  border-radius: 30px;
			  position: relative;
			  border: 1px solid #f4f4f4;
			}
			.newsinfo-wrapper .news-relative-operative .item.prev {
			  text-align: right;
			}
			.newsinfo-wrapper .news-relative-operative .item.prev a {
			  padding-right: 74px;
			}
			.newsinfo-wrapper .news-relative-operative .item.next a {
			  padding-left: 74px;
			}
			.newsinfo-wrapper .news-relative-operative .item.news-list {
			  text-align: center;
			}