/* CSS Document */
/*common*/
.mb10 { margin-bottom:10px;}
.ml10 { margin-left:10px;}
.bg { background:#FFF;}





.tit { width:600px; background-image:url(../image/tit.png); background-repeat:no-repeat; background-position:center 65px; margin:0 auto; text-align:center;}
.tit h2 {color:#dc1127;font-size:24px;font-weight:normal;height:50px;word-spacing: 2px;letter-spacing: 2px;}
.tit span { display:inline-block; font-size:18px;height:24px; background-color:#fff; padding-left:10px; padding-right:10px;}
.tit em { display:inline-block;  font-family:"Times New Roman", Times, serif; font-size:16px; background-color:#fff; padding-left:10px; padding-right:10px;}
.tit1 span { display:inline-block; font-size:18px;height:24px; background-color:#eee; padding-left:10px; padding-right:10px;}
.tit1 em { display:inline-block;  font-family:"Times New Roman", Times, serif; font-size:16px; background-color:#eee; padding-left:10px; padding-right:10px;}


.about_bg { padding-top:40px; padding-bottom:40px; width:100%;min-width:1200px;}
.about { width:1200px; margin:0 auto; margin-top:30px;}
.about_l { float:left;  line-height:36px; font-size:14px;}
.about_l .about_con { height:252px; overflow:hidden; font-size:14px; line-height:36px;}
.about_l .about_con p { font-size:14px; line-height:30px; margin-bottom:8px;}
.about_l a.more { display:block; height:30px; width:100px; text-align:center; font-size:14px; line-height:30px; background-color:#393939; color:#fff; float:right;}
.about_l a.more:hover { background-color:#dc1127; color:#fff;}
.about_r { float:right; width:200px;}
.about_r img{ width:200px; height:290px;}


/* 本例子css */
		.slideBox{ width:200px; height:290px; overflow:hidden; position:relative; border:1px solid #ddd;  }
		.slideBox .hd{ height:15px; overflow:hidden; position:absolute; right:5px; bottom:5px; z-index:1; }
		.slideBox .hd ul{ overflow:hidden; zoom:1; float:left; display:none;  }
		.slideBox .hd ul li{ float:left; margin-right:2px;  width:15px; height:15px; line-height:14px; text-align:center; background:#fff; cursor:pointer; }
		.slideBox .hd ul li.on{ background:#f00; color:#fff; }
		.slideBox .bd{ position:relative; height:100%; z-index:0;   }
		.slideBox .bd li{ zoom:1; vertical-align:middle; }
		.slideBox .bd img{ width:200px; height:290px; display:block;  }

		/* 下面是前/后按钮代码，如果不需要删除即可 */
		.slideBox .prev,
		.slideBox .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(http://www.ks-ubest.com/images/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
		.slideBox .next{ left:auto; right:3%; background-position:8px 5px; }
		.slideBox .prev:hover,
		.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
		.slideBox .prevStop{ display:none;  }
		.slideBox .nextStop{ display:none;  }




.pro_bg { background-color:#eee; padding-top:40px; padding-bottom:40px; width:100%;min-width:1200px;}
.pro { width:1200px; overflow:hidden; margin:0 auto; margin-top:40px;}
.cp_con { width:1300px;}
.cp_con dl { width:228px; float:left; margin:0 15px 8px 0;overflow:hidden;}
.cp_con .nobor01 { margin:0;}
.cp_con dl dt{ width:220px; height:165px;border:solid 1px #d2d2d2; padding:3px; overflow:hidden;}
.cp_con dl dt:hover {border:1px solid #dc1127;}
.cp_con dl dt img { width:220px; height:165px;transition: all 0.6s ease 0s;-webkit-transform: all 0.6s ease 0s;-o-transform: all 0.6s ease 0s;}
.cp_con dl dt img:hover {transform: scale(1.2, 1.2);-webkit-transform: scale(1.2, 1.2);-o-transform: scale(1.2, 1.2);}


.cp_con dl dd { padding:5px 0 0 0px; width:228px;overflow:hidden;}
.cp_con dl dd p b{  float:left; display:inline-block;}
.cp_con dl dd  { line-height:25px;height:25px; width:228px;  clear:both;overflow:hidden; font-size:14px; text-align:center;}
.cp_con dl dd a:hover{ color:#dc1127;}



/*四大核心优势*/

.hexin_zj{ width:100%; padding-top:60px; padding-bottom:60px; min-width:1200px;}
.hexin{ width:1200px; margin:0 auto}
.hleft{ float:left; width:198px; height:540px; background:url(../image/hxin.png) no-repeat left top;}
.hleften{background:url(http://www.ks-ubest.com/images/hxinen.png) no-repeat left top;}
.hleft a{ display:inline-block; width:130px; height:36px; line-height:36px; text-align:center; margin-top:431px; margin-left:15px; font-size:14px; color:#FFF}
.hringht{ width:1002px; float:left; height:540px; background:url(../image/hyou.png) no-repeat;}
.hringhten{ background:url(http://www.ks-ubest.com/images/img/index/hyouen.png) no-repeat;}
.hringht h4{ font-size:24px; font-weight:normal; color:#dc1127; margin-top:30px; text-align:center}
.hringht ul li{ float:left; width:50%; height:220px;}
.hringht ul li h3{ font-size:18px; font-weight:normal; color:#444444; padding-left:100px; margin-top:47px;}
.hringht ul li p{ margin-top:20px; width:310px; margin-left:100px; margin-top:10px; line-height:1.6em; font-size:14px; color:#888888;}
.hringht ul li .hpen{ width:400px;}

.hringht ul li.ys2 h3{ padding-left:190px;}
.hringht ul li.ys2 p{ margin-left:190px;}
.hringht ul li.ys3 h3{ margin-top:70px;}
.hringht ul li.ys4 h3{ margin-top:70px; margin-left:90px;}
.hringht ul li.ys4 p{ margin-left:190px;}



.sb_bg { background-color:#eee; padding-top:40px; padding-bottom:40px; width:100%;min-width:1200px;}
.sb { width:1200px;  margin:0 auto; margin-top:40px;}
.albumbox{ position: relative;}

.album-prev,.album-next{ position: absolute; top: 52px; display: block; width: 30px; height: 80px; overflow: hidden;}
.album-prev:hover,.album-next:hover{ opacity: .8;}
.album-prev{ left: -65px;}
.album-next{ right: -65px;}

.albumconbox ul{ text-align: center; font-size: 0;}
.albumconbox li{ display: inline-block; padding: 0 1px; width: 240px;}
.albumconbox li{ *display: inline;}
.albumconbox li{ _display: inline;}

.albumconbox li p{ margin:0 auto; margin-top: 5px; height: 28px; font-size: 14px; line-height: 28px; overflow: hidden; width:220px; text-align:center;}
.albumconbox li p a{ color: #666;}
.albumconbox li p a:hover{ color: #dc1127;}


.albumconbox li a.img{ display:block; width:220px; height:165px;border:solid 1px #d2d2d2; padding:3px; overflow:hidden;}
.albumconbox li a.img {border:1px solid #dc1127;}
.albumconbox li a.img img { width:220px; height:165px;transition: all 0.6s ease 0s;-webkit-transform: all 0.6s ease 0s;-o-transform: all 0.6s ease 0s;}
.albumconbox li a.img img:hover {transform: scale(1.2, 1.2);-webkit-transform: scale(1.2, 1.2);-o-transform: scale(1.2, 1.2);}



.news_bg { padding-top:40px; padding-bottom:40px; width:100%;min-width:1200px;}
.news { width:1200px; margin:0 auto; margin-top:40px;}
.news_l { float:left; width:800px;}
.news_l ul li{position:relative;width:800px;margin-bottom:10px;background:url(../image/n_bg.jpg) no-repeat;float:left;height:150px;overflow:hidden}
.news_l ul li:hover{background:url(../image/n_bg1.jpg) no-repeat;color:#fff}
.news_l ul li .date{text-align:center;margin:40px 0;padding-left:0;width:150px;height:70px;color:#333; float:left;}
.news_l ul li .date em{line-height:32px;height:28px;font-size:32px;padding-top:0; display:block;}
.news_l ul li .date span{line-height:32px;height:32px;font-size:16px; display:block;}
.news_l ul li .title { float:left; width:610px; padding-left:20px; padding-top:25px;}
.news_l ul li .title h3 { font-size:18px; height:30px; line-height:30px; overflow:hidden;}
.news_l ul li .title p { line-height:24px; font-size:14px; margin-top:10px; height:48px; overflow:hidden;}
.news_r { float:right; width:374px; overflow:hidden;}
.news_r a { display:block; width:374px; height:150px; overflow:hidden;margin-bottom:10px;}
.news_r a img { width:374px; height:150px;transition: all 0.6s ease 0s;-webkit-transform: all 0.6s ease 0s;-o-transform: all 0.6s ease 0s;}
.news_r a img:hover {transform: scale(1.2, 1.2);-webkit-transform: scale(1.2, 1.2);-o-transform: scale(1.2, 1.2);}