@charset "utf-8";

.ksskm_about{padding: 30px 0;text-align: center;}
.ksskm_about p{text-align: left;text-indent: 30px;line-height: 35px;font-size: 14px}
.ksskm_about .content{width: 1000px}


.ksskm_pro{padding: 30px 0;text-align: center;background: url(../images/pro_bg.jpg) no-repeat center top; height: 950px}

.ksskm_pro_con{padding: 20px 0 ;text-align: left;}
.ksskm_pro_con .hd{  position:relative; }
.ksskm_pro_con .hd ul{display: flex; justify-content: space-around;}
.ksskm_pro_con .hd ul li{ cursor:pointer;  height: 50px ;background: #183884; width: 80%;text-align: center;margin-right: 10px}
.ksskm_pro_con .hd ul li a{display: block; line-height: 50px;color: #fff}
.ksskm_pro_con .hd ul li:last-child{margin-right: 0}
.ksskm_pro_con .hd ul li.on{ background: #f39700}
.ksskm_pro_con .hd ul li.on a{display: block;}

.ksskm_pro_con .bd ul{ padding:30px 0;  zoom:1;  }
.ksskm_pro_con .bd li{ background: #fff;width: 375px;margin-bottom: 50px;border: 1px solid #efefef;box-sizing: border-box;}
.ksskm_pro_con .bd li img{width: 375px; height: 280px}
.ksskm_pro_con .bd li h4{ height: 60px;width: 100%;line-height: 60px; padding-left: 20px;box-sizing: border-box;position: relative;}
.ksskm_pro_con .bd li h4:after{content: '>'; width: 30px; height: 30px; border: 2px solid #ccc;border-radius: 50%;position: absolute;right:10px;font-family: 'Kaiti';top: 10px;text-align: center;line-height: 30px;color: #ccc}
.ksskm_pro_con .bd li:hover{background: #183884;color: #fff}
.ksskm_pro_con .bd li:hover h4{color: #fff}
.ksskm_pro_con .bd li:hover h4:after{content: '>';color: #fff;border: 2px solid #fff}
.ksskm_pro_con_c{ display: flex;justify-content: space-between;flex-wrap: wrap; }

.ksskm_ys{padding: 0 0;text-align: center;position: relative; height: 800px}
.ksskm_ys:after{content: ''; height: 310px; background: #f5f5f5;position: absolute; width: 100%;left: 0;bottom: 0;z-index: 0}
.ksskm_ys_con{padding: 20px 0 ;text-align: left;position: relative;z-index: 2}
.ksskm_ys_con .hd{  position:relative; }
.ksskm_ys_con .hd ul{display: flex; justify-content: space-around;}
.ksskm_ys_con .hd ul li{ cursor:pointer; text-align: center;margin-right: 10px;width: 290px; height: 190px;position: relative;}
.ksskm_ys_con .hd ul li a{display: block; line-height: 50px;color: #fff}
.ksskm_ys_con .hd ul li:last-child{margin-right: 0}
.ksskm_ys_con .hd ul li.on span{ display: none }
.ksskm_ys_con .hd ul li.on img {border: 4px solid #183884;box-sizing: border-box;}

.ksskm_ys_con .hd ul li img{width: 290px; height: 190px;position: relative;}
.ksskm_ys_con .hd ul li span{position: absolute;width: 290px; height: 190px; background: rgba(0,0,0,0.7); color: #fff; line-height: 190px; font-size: 24px; left: 0;top: 0}
.ksskm_ys_con .bd ul{ padding:30px 0;  zoom:1; height: 390px}
.ksskm_ys_con .bd li{ background: #fff;box-sizing: border-box;}
.ksskm_ys_con .bd .fl { width: 590px;height: 390px }
.ksskm_ys_con .bd .fl img{border: 5px solid #efefef;box-sizing: border-box;}
.ksskm_ys_con .bd .fr { width: 570px;height: 390px;padding-top: 60px; box-sizing: border-box;}
.ksskm_ys_con .bd .fr em{font-style: normal;font-size: 90px; overflow: hidden;color: #f39700;font-family: 'Impact'; height: 80px;line-height: 80px;position: relative;z-index: 1}
.ksskm_ys_con .bd .fr dt{background: #fff;font-size: 24px;color: #333;font-weight: bold;margin-top: -30px;position: relative;z-index: 2;padding: 5px 0}
.ksskm_ys_con .bd .fr dt span{display: block;font-weight: 100;font-size: 16px;color: #cccccc}
.ksskm_ys_con .bd .fr dd{font-size: 14px; line-height: 30px;padding: 10px 0;box-sizing: border-box;}

.ksskm_ys_con .arrow{  position:absolute; right:10px; top:-70px; }
.ksskm_ys_con .arrow a{ display:block;  width:40px; height:40px; float:right; margin-right:1px; margin-top:10px;  overflow:hidden;
 cursor:pointer;background: #183884;font-family: 'Kaiti';text-align: center;line-height: 40px;font-size: 24px;color: #fff}
.ksskm_ys_con .arrow a:hover{background: #f39700}
.ksskm_ys_con .arrow .next{background: #f39700}

.ksskm_cases{padding: 30px 0;text-align: center;position: relative;}
.ksskm_cases_con{ overflow:hidden; position:relative;  }
.ksskm_cases_con .hd{ overflow:hidden; position:absolute; height: 85px; width: 100%;left: 0;top: 0}
.ksskm_cases_con .hd .prev { display:block;  width:36px; height:36px; overflow:hidden;cursor:pointer;position: absolute;top: 30px;right: 0}
.ksskm_cases_con .hd .next{ display:block;  width:36px; height:36px; overflow:hidden; cursor:pointer;position: absolute;top: 30px;left: 0}

.ksskm_cases_con .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px; zoom:1; }
.ksskm_cases_con .hd ul li{ float:left;  width:9px; height:9px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer; background:url("images/icoCircle.gif") 0 -9px no-repeat; }
.ksskm_cases_con .hd ul li.on{ background-position:0 0; }
.ksskm_cases_con .bd{ padding:0 45px;   }
.ksskm_cases_con .bd ul{ overflow:hidden; zoom:1; }
.ksskm_cases_con .bd ul li{ margin:0 6px; float:left; _display:inline; overflow:hidden; text-align:center;  }
.ksskm_cases_con .bd ul li .pic{ text-align:center; }
.ksskm_cases_con .bd ul li .pic img{ width:210px; height:85px; display:block; border:1px solid #ccc;box-sizing: border-box; }
.ksskm_cases .content{margin: 30px auto}
.ksskm_cases .tel{background: url(../images/pho01.png) no-repeat 0 5px;text-indent: 35px; height: 64px;font-weight: bold;display: inline-block;margin-top: 5px;margin-left: 10px;}
.ksskm_cases .tel i{color: #f39700;font-size:28px; font-style: initial;font-family: 'Impact'}
.ksskm_cases .more{background: #f39700;display: inline-block;padding: 5px 50px;border-radius: 30px;color: #fff;font-size: 16px}

.ksskm_news{padding: 30px 0;text-align: center;position: relative;background: #f9f9f9}
.ksskm_news_con{border: 1px solid #e0e0e0;box-sizing: border-box;padding: 30px;margin-bottom: 30px}
.ksskm_news_con .fl {}
.ksskm_news_con .fl img{ width: 330px; height: 250px; }
.ksskm_news_con .fr { width: 770px;text-align: left;position: relative; height: 230px;}
.ksskm_news_con .fr h4{text-align:left;font-size: 18px; font-weight: bold;line-height: 50px}
.ksskm_news_con .fr p{font-size: 14px; line-height: 30px;text-align: left}
.ksskm_news_con .fr .more{border: 2px solid #f39700;border-radius: 30px;padding: 5px 30px;position: absolute;left: 0;bottom: 0}
.ksskm_news_con .fr .more:hover{background: #f39700;color: #fff}
.ksskm_news_con1{}
.ksskm_news_con1 .tit{text-align: left;font-size: 18px; font-weight: bold; width: 100%;position: relative;line-height: 50px;}
.ksskm_news_con1 .tit:after{content: ''; width: 100%; height: 1px; background: #e0e0e0;bottom: 24px;left: 0; position: absolute; z-index: 0}
.ksskm_news_con1 .tit span{background: #f9f9f9;padding-right: 20px;position: relative;z-index: 1}
.ksskm_news_con1 .tit a{background: #f9f9f9;padding-left: 20px;position: relative;z-index: 1;right: 0; position: absolute;font-size: 16px;font-weight: 100}
.ksskm_news_con1 .tit a:hover{color: #f39700}

.ksskm_news_con1 .fl{ width: 580px }
.ksskm_news_con1 .fr{ width: 580px }

.ksskm_news_con1 ul{}
.ksskm_news_con1 ul li{text-align: left;border-bottom: 1px solid #efefef;position: relative;}
.ksskm_news_con1 ul li a{line-height: 40px;font-size: 14px;padding-left: 20px}
.ksskm_news_con1 ul li:before{content: '';position: absolute;left: 0;top: 15px;background: #c8c8c8;width: 8px; height: 8px;border-radius: 50%}