﻿@charset "utf-8";
/* ksfjx_product */
.ksfjx_product{position: relative;padding:20px 0 50px;box-sizing: border-box;}
.ksfjx_product_con{ width:100%;position: relative;}
.ksfjx_product_con .parHd{position: absolute;top: -70px;right: 0; width: 100%;}
.ksfjx_product_con .parHd ul{display:flex;flex-wrap: nowrap;justify-content: flex-end;}
.ksfjx_product_con .parHd ul li{ padding:0 20px; cursor:pointer;border: 1px solid #efefef;}
.ksfjx_product_con .parHd ul li+li{margin-left: 20px;}
.ksfjx_product_con .parHd ul li a{padding: 0 10px;line-height: 40px;font-size: 16px;}
.ksfjx_product_con .parHd ul li.on{ background: #408fa1;color: #fff;border-color: #408fa1;}
.ksfjx_product_con .parHd ul li.on a{color: #fff;}
.ksfjx_product_con .slideItem{ zoom:1; padding:0; position:relative;   }
.ksfjx_product_con .sPrev,.slideItem .sNext{text-align: center; position:absolute; left:-19px; top:45%; display:block; width:30px; height:50px; background: #408fa1; z-index: 3;}
.ksfjx_product_con .sPrev:hover,.slideItem .sNext:hover{background: #265c73;}
.ksfjx_product_con .sNext{ left:auto; right:-17px;   }
.ksfjx_product_con .sPrev em,.slideItem .sNext em{color: #fff;font-size: 24px;line-height: 50px;}
.ksfjx_product_con .sPrev em{padding-left: 8px;}
.ksfjx_product_con .parBd ul{ overflow:hidden; zoom:1;   }
.ksfjx_product_con .parBd ul li{ margin-right: 10px; float:left;overflow:hidden; text-align:center; width: 270px;border: 1px solid #efefef; padding: 10px;}
.ksfjx_product_con .parBd ul li .pic{ text-align:center; }
.ksfjx_product_con .parBd ul li .pic img{ width:100%; display:block; }
.ksfjx_product_con .parBd ul li .pic a:hover img{ border-color:#999;  }
.ksfjx_product_con .parBd ul li .title{ font-size: 16px;padding-top: 30px;padding-bottom: 10px;position: relative;}
.ksfjx_product_con .parBd ul li .title::before{content: '';display: inline-block;width: 20px;height: 3px;background: #408fa1;position: absolute;top: 15px;left: 50%;transform: translateX(-50%);}
.ksfjx_product_con .parBd ul li:hover{background: #265c73;border-color: #265c73;}
.ksfjx_product_con .parBd ul li:hover .title::before{background: #fff;}
.ksfjx_product_con .parBd ul li:hover .title a{color: #fff;}

/* ksfjx_solution */
.ksfjx_solution{ width: 100%;height: 650px;position: relative;}
.ksfjx_solution .hd{ height:160px;background: rgba(38, 92, 115, 0.9);width: 100%;position: absolute;bottom: 0;}
.ksfjx_solution .hd ul{display: flex;flex-wrap: nowrap;justify-content: space-around;}
.ksfjx_solution .hd ul li{ cursor:pointer;height: 160px;width: 14.28%; box-sizing: border-box;}
.ksfjx_solution .hd ul li+li{border-right: 1px solid rgba(255, 255, 255, .3);}
.ksfjx_solution .hd ul li em{background: url(../images/wk_about_ico01.png) no-repeat center center;width: 79px;height: 79px;margin-top: 25px;margin-left: 46px;text-align: center;line-height: 79px;color: #fff;font-size: 50px;font-weight: lighter;}
.ksfjx_solution .hd ul li span{display: block;color: #fff;line-height: 2;text-align: center;font-size: 16px;padding-top: 10px;}
.ksfjx_solution .hd ul li.on{ height:160px;  background:#408fa1;border-right: none;}
.ksfjx_solution .bd ul{width: 100%;position: relative;}
.ksfjx_solution .bd ul .pics{width: 100%;max-height: 650px;overflow: hidden;}
.ksfjx_solution .bd ul .catname_p{position: absolute;top: 0;left: 50%;transform: translateX(-50%);padding-top: 40px;}
.ksfjx_solution .bd ul .catname_p h4{font-size: 36px;color: #fff;padding-bottom: 20px;position: relative;font-weight: normal;margin-bottom: 20px;}
.ksfjx_solution .bd ul .catname_p h4::after{content: '';width: 20px;height: 3px;background: #fff;position: absolute;left: 0;bottom: 0;display: inline-block;}
.ksfjx_solution .bd ul .catname_p ol{width: 50%;display: flex;flex-wrap: wrap; justify-content: flex-start;margin-bottom: 10px;}
.ksfjx_solution .bd ul .catname_p ol li{width: 33.3333333%;line-height: 2;font-size: 16px;color: #fff;}
/* ksfjx_about */
.ksfjx_about{padding: 30px 0;position: relative;background: #f5f5f5;}
.ksfjx_about .fl{width: 620px;}
.ksfjx_about .fr{width: 540px;padding-top: 40px;text-align: left;position: relative;padding-bottom: 20px;}
.ksfjx_about .fr::after{content: '';height: 345px;width: 520px;background: #408fa1;position: absolute;right: 0;bottom: 0;z-index: 1;}
.ksfjx_about .fr img{position: relative;z-index: 2;}
.ksfjx_about .fl p{text-align: center;font-size: 15px;line-height: 2.5;text-align: left;text-indent: 30px;}

.ksfjx_about_con{background: #fff;width: 100%;padding: 30px 0;position: relative;z-index: 2;border-bottom: 2px solid #265c73;}
.ksfjx_about_con .content{display: flex;flex-wrap: nowrap;justify-content: space-between;}
.ksfjx_about_con .content dl{width: 25%;height: 110px;text-align: center;cursor: pointer;position: relative;z-index: 2}
.ksfjx_about_con .content dl dt{font-size: 46px;font-weight: bold;position: relative;margin-top: 12px;color: #265c73;}
.ksfjx_about_con .content dl dt sub{font-size: 18px;font-weight: normal;position: relative;bottom: 10px;left: 10px;color: #999;}
.ksfjx_about_con .content dl dt sup{font-size: 18px;position: relative;top: 0;}
.ksfjx_about_con .content dl dd{font-size: 15px;font-weight: normal;line-height: 1.5;color: #999999;}
.ksfjx_about_con .content dl::before{content: '';width: 3px; height: 20px;background: #265c73;position: absolute;right: 0;top: 0;z-index: 2;}
.ksfjx_about_con .content dl::after{content: '';width: 1px; height: 110px;background: #f5f5f5;position: absolute;right: 1px;top: 0;z-index: 1;}
.ksfjx_about_con .content dl:last-child:before{display: none;}
.ksfjx_about_con .content dl:last-child:after{display: none;}


.ksfjx_about_pic{background: #fff;padding:50px 0;box-sizing: border-box;position: relative;}
.ksfjx_about_pic .parHd{position: relative;margin-bottom: 30px;}
.ksfjx_about_pic .parHd ul{display:flex;flex-wrap: nowrap;justify-content: center;}
.ksfjx_about_pic .parHd ul li{ padding:0 20px; cursor:pointer;border: 1px solid #efefef;}
.ksfjx_about_pic .parHd ul li+li{margin-left: 20px;}
.ksfjx_about_pic .parHd ul li a{padding: 0 10px;line-height: 40px;font-size: 16px;}
.ksfjx_about_pic .parHd ul li.on{ background: #408fa1;color: #fff;border-color: #408fa1;}
.ksfjx_about_pic .parHd ul li.on a{color: #fff;}
.ksfjx_about_pic .slideItem{ zoom:1; padding:0; position:relative;   }
.ksfjx_about_pic .sPrev,.slideItem .sNext{text-align: center; position:absolute; left:-19px; top:45%; display:block; width:30px; height:50px; background: #408fa1; z-index: 3;}
.ksfjx_about_pic .sPrev:hover,.slideItem .sNext:hover{background: #265c73;}
.ksfjx_about_pic .sNext{ left:auto; right:-17px;   }
.ksfjx_about_pic .sPrev em,.slideItem .sNext em{color: #fff;font-size: 24px;line-height: 50px;}
.ksfjx_about_pic .sPrev em{padding-left: 8px;}
.ksfjx_about_pic .parBd ul{ overflow:hidden; zoom:1;   }
.ksfjx_about_pic .parBd ul li{ margin-right: 10px; float:left;overflow:hidden; text-align:center; width: 270px;border: 1px solid #efefef; padding: 10px;}
.ksfjx_about_pic .parBd ul li .pic{ text-align:center; }
.ksfjx_about_pic .parBd ul li .pic img{ width:100%; height:270px; display:block; }
.ksfjx_about_pic .parBd ul li .pic a:hover img{ border-color:#999;  }
.ksfjx_about_pic .parBd ul li .title{ font-size: 16px;padding-top: 30px;padding-bottom: 10px;position: relative;}
.ksfjx_about_pic .parBd ul li .title::before{content: '';display: inline-block;width: 20px;height: 3px;background: #408fa1;position: absolute;top: 15px;left: 50%;transform: translateX(-50%);}
.ksfjx_about_pic .parBd ul li:hover{background: #265c73;border-color: #265c73;}
.ksfjx_about_pic .parBd ul li:hover .title::before{background: #fff;}
.ksfjx_about_pic .parBd ul li:hover .title a{color: #fff;}


/* ksfjx_partner */
.ksfjx_partner {padding: 20px 0 30px;position: relative;}
.ksfjx_partner .bd .prev,.ksfjx_partner .bd .next{ display:block;  width:24px; height:60px; overflow:hidden;
			 cursor:pointer; background: #f5f5f5;text-align: center;line-height: 60px;font-size: 24px;}
.ksfjx_partner .bd .next{ position: absolute;left: 0; bottom: 25%; }
.ksfjx_partner .bd .prev{ position: absolute;right: 0; bottom: 25%;  }
.ksfjx_partner .bd .prev em,.ksfjx_partner .bd .next em{font-size: 24px;}
.ksfjx_partner .bd .prev:hover,.ksfjx_partner .bd .next:hover{background: #265c73;}
.ksfjx_partner .bd .prev:hover em,.ksfjx_partner .bd .next:hover em{color: #fff;}
.ksfjx_partner .bd{ padding:0 30px;   }
.ksfjx_partner .bd ul{ overflow:hidden; zoom:1; }
.ksfjx_partner .bd ul li{ margin:0 13px; float:left; overflow:hidden; text-align:center;  }
.ksfjx_partner .bd ul li .pic{ text-align:center; }
.ksfjx_partner .bd ul li .pic img{ width:195px; height:120px; display:block; padding:2px; border:1px solid #ccc; }
.ksfjx_partner .bd ul li .pic a:hover img{ border-color:#999;  }
.ksfjx_partner .bd ul li .title{ line-height:2;font-size: 15px;}

/* news */
.ksfjx_news{background: #f5f5f5;padding-bottom: 40px;padding-top: 10px;}
.ksfjx_news_item{width: 100%;overflow: hidden;margin-bottom: 30px;}
.ksfjx_news_item dl{width: 740px;height: 410px; float: left;position: relative;}
.ksfjx_news_item dl .pic{width: 100%;height: 410px;}

.ksfjx_news_item dl .tit{position: absolute;bottom: 0;padding: 10px 30px 10px;box-sizing: border-box;width: 100%;height: 130px;color: #fff;transition: all 0.3s;}
.ksfjx_news_item dl .tit span{width: 100%;display: block;font-size: 18px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;line-height: 2;}
.ksfjx_news_item dl .tit .catname{font-size: 36px;display: block;font-weight: bold;}
.ksfjx_news_item dl:hover  .tit{height: 120px;background: rgba(38, 92, 115, 0.9);}

.ksfjx_news_item dl:nth-child(2){float: right;width: 445px;height: 410px;}

.ksfjx_news_con{width: 100%;overflow: hidden;}
.ksfjx_news li{width:346px;text-align: left;position: relative;height: 150px;background: #fff;padding: 15px 20px;margin-right: 20px;}
.ksfjx_news li .date{color: #408fa1;font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;font-size: 20px;}
.ksfjx_news li .date span{font-size: 36px;display: inline-block;padding-right: 10px;position: relative;}
.ksfjx_news li .date span::after{content: '/';font-size: 36px;font-family: Arial, Helvetica, sans-serif;padding-left: 10px;color: #efefef;font-weight: normal;}
.ksfjx_news li .tit{display: block;width: 100%;font-size: 18px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;line-height: 2;}
.ksfjx_news li .des{font-size: 14px;line-height: 1.6;color: #999999;}