@charset "utf-8";

/* ksyb_product */
.ksyb_product{position: relative;padding:20px 0 0;box-sizing: border-box;}
.ksyb_product_con{width: 100%;height: 450px;position: relative;}
.ksyb_product_con::before{content: '';width: 1200px;height: 450px;background: #f5f5f5;display: inline-block;position: absolute;left: -50%;top: 0; z-index: -1;}
.ksyb_product_con .pic{width: 50%;float: left;overflow: hidden;height: 450px;}
.ksyb_product_con .pic img{width: 100%;}
.ksyb_product_con:nth-of-type(odd) .pic{float: right;}
.ksyb_product_con:nth-of-type(odd)::before{content: '';width: 1200px;height: 450px;background: #f5f5f5;display: inline-block;position: absolute;left: 50%;top: 0; z-index: -1;}
.ksyb_product_con:nth-of-type(odd) .catname{float: left;}
.ksyb_product_con:nth-child(2){margin-top: 20px;}
.ksyb_product_con .catname{width: 50%;float: right;}
.ksyb_product_con .catname dl{padding: 30px 0 0 30px;}
.ksyb_product_con .catname dl dt{font-size: 24px;font-weight: bold;padding-bottom: 15px;margin-bottom: 15px;border-bottom: 1px solid #efefef;}
.ksyb_product_con .catname dl dt:hover a{color: #3083ba;}
.ksyb_product_con .catname dl dd{font-size: 15px;color: #999;margin-bottom: 20px;line-height: 2;}
.ksyb_product_con .catname ul{width: 100%;display: flex;flex-wrap: wrap;justify-content: flex-start;}
.ksyb_product_con .catname ul li{width: 49%;margin-right: 2%;line-height: 2.8;font-size: 15px;border: 1px solid #efefef;box-sizing: border-box;margin-bottom: 10px;padding:0 10px;}
.ksyb_product_con .catname ul li:nth-child(2n+0){margin-right: 0;}
.ksyb_product_con .catname ul li a{display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.ksyb_product_con .catname ul li:hover{background: #3083ba;}
.ksyb_product_con .catname ul li:hover a{color: #fff;}
.ksyb_product_con:nth-of-type(odd) .catname dl{padding: 30px 30px 0 0;}

/* ksyb_ad */
.ksyb_ad{background: url(../images/ad.jpg) no-repeat center;height: 314px;text-align: center;color: #fff;position: relative;}
.ksyb_ad .content{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.ksyb_ad .ad01{font-size: 36px;}
.ksyb_ad .ad01 span{font-size: 60px;}
.ksyb_ad .ad02{font-size: 18px;line-height: 1.5;text-transform:uppercase;display: block;margin-bottom: 10px;}
.ksyb_ad .tel{background: #1179b6;padding: 5px 30px;border-radius: 30px;color: #fff;display: inline-block;font-size: 16px;}
.ksyb_ad .tel strong{font-family:'Times New Roman', Times, serif;font-size: 30px;}
.ksyb_ad .tel em{font-size: 30px;padding-right: 10px;}
/* ksyb_compet */
.ksyb_compet{padding: 30px 0;}
.ksyb_compet_con{display: flex;flex-wrap: nowrap;justify-content: space-between;padding: 30px 0 20px;}
.ksyb_compet_con dl{width: 20%;text-align: center;cursor: pointer;}
.ksyb_compet_con dl .pic{width: 100px;height: 100px;display: inline-block;background: #c9cacb;position: relative;border-radius: 50%;line-height: 100px;}
.ksyb_compet_con dl .pic::before{content: '';width: 85px;height: 85px;border: 1px solid #fff;display: inline-block;position: absolute;left: 50%;top:50%;transform: translate(-50%,-50%);border-radius: 50%;}
.ksyb_compet_con dl .pic img{display: inline-block;}
.ksyb_compet_con dl dt{font-size: 22px;font-weight: bold;line-height: 1.5;padding: 10px 0 20px;margin-bottom: 10px;position: relative;}
.ksyb_compet_con dl dt::after{content: '';width: 30px;height: 3px;background: #999999;display: inline-block;position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);}
.ksyb_compet_con dl dd{font-size: 16px;font-weight: normal;line-height: 1.5;}
.ksyb_compet_con dl p{font-size: 16px;font-weight: bold;line-height: 2.5;}
.ksyb_compet_con dl:hover .pic{background: #3083ba;}
.ksyb_compet_con dl:hover dt{color: #3083ba;}
.ksyb_compet_con dl:hover dt::after{background: #3083ba;}

/* ksyb_partner */
.ksyb_partner{padding: 30px 0;background: #1179b6;}
.ksyb_partner_con .bd{width: 100%;box-sizing: border-box;overflow: hidden;padding: 20px 50px;}
.ksyb_partner_con .bd ul{position: relative;box-sizing: border-box;width: 100%;}
.ksyb_partner_con .bd a.next,.ksyb_partner_con .bd a.prev{position: absolute;top: 45%;font-size: 40px;cursor: pointer;color: rgba(255, 255, 255, 0.5);}
.ksyb_partner_con .bd a.next:hover,.ksyb_partner_con .bd a.prev:hover{color: #fff;}
.ksyb_partner_con .bd a.next{left: 0;}
.ksyb_partner_con .bd a.prev{right: 0;}
.ksyb_partner_con .bd li{width: 240px;text-align: center;padding: 10px 10px 0 10px;margin: 0 10px;}
.ksyb_partner_con .bd li:hover{border-color: #fff;}
.ksyb_partner_con .bd li .pic{width: 100%;overflow: hidden; }
.ksyb_partner_con .bd li .pic img{width: 100%;}
.ksyb_partner_con .bd li .tit{line-height: 3;position: relative;line-height: 50px;font-size: 16px;color: #fff;display: none;}
.ksyb_partner_con .bd li:hover .tit{color: #fff;}

/* ksyb_case */
.ksyb_case{padding: 30px 0;background: #fff;}
.ksyb_case_con ul{position: relative;box-sizing: border-box;width: 100%;display: flex;flex-wrap: wrap;justify-content: flex-start;margin-top: 30px;}
.ksyb_case_con li{width: 32%;text-align: center;padding: 10px 10px 0 10px;margin-right: 2%;border: 1px solid #efefef; box-sizing: border-box;margin-bottom: 30px;}
.ksyb_case_con li:nth-child(3n+0){margin-right: 0;}
.ksyb_case_con li:hover{border-color: #fff;}
.ksyb_case_con li .pic{width: 100%;overflow: hidden; }
.ksyb_case_con li .pic img{width: 100%;}
.ksyb_case_con li .tit{line-height: 3;text-align: center;position: relative;line-height: 50px;font-size: 16px;color: #333;}
.ksyb_case_con li:hover .tit{color: #333;}



/* ksyb_about */
.ksyb_about{text-align: center;background-repeat: no-repeat;background-position: center center;padding: 30px 0 10px;}
.ksyb_about_con{padding: 20px 0 0;}
.ksyb_about_con .des{width: 550px;text-align: left;padding-top: 20px;}
.ksyb_about_con .des h3{font-size: 24px;color: #333;font-weight: bold;padding-bottom: 10px;padding-top: 0;margin-bottom: 10px;}
.ksyb_about_con .des h4{font-size: 20px;color: #323333;font-weight: normal;letter-spacing: 2px;line-height: 2;}
.ksyb_about_con  p{font-size: 15px;color: #666666;line-height: 2.2;text-align: left;text-indent: 35px;}
.ksyb_about_con .video{width: 600px;height: 450px;}
.ksyb_about_con .video iframe{width: 600px;height: 450px;}
.ksyb_about_con .more{padding: 10px 40px;background: #f69c00;color: #fff;font-size: 16px;}

.ksyb_about_pic{overflow: hidden;margin-top: 20px;padding-bottom: 30px;}
.ksyb_about_pic .parBd{position: relative;width: 100%;float: left; z-index: 2;}
.ksyb_about_pic .parBd ul{ padding:0;  zoom:1; position: relative;height: 100%;}
.ksyb_about_pic .parBd{ padding:10px 0;}
.ksyb_about_pic .parBd ul{ overflow:hidden; zoom:1; }
.ksyb_about_pic .parBd ul li{ margin:0 4.4px; float:left; overflow:hidden; text-align:center;  }
.ksyb_about_pic .parBd ul li .pic{ text-align:center; border:1px solid #e5e5e5;}
.ksyb_about_pic .parBd ul li .pic img{ width:325px;height: 230px;}
.ksyb_about_pic .parBd ul li .pic a:hover img{ border-color:#999;  }
.ksyb_about_pic .parBd ul li .tit{ line-height:2.5;font-size: 15px;color: #000;   }
.ksyb_about_pic{margin-top: 20px;position: relative;}
.ksyb_about_pic .parHd{border-bottom: 1px solid #efefef;height: 40px;margin-bottom: 20px;}
.ksyb_about_pic .parHd li{float: left;position: relative;height: 40px;margin-right: 25px;}
.ksyb_about_pic .parHd li em{font-size: 26px;color: #000;margin-right: 10px;}
.ksyb_about_pic .parHd li a{font-size: 18px;color: #333;font-weight: bold;}
.ksyb_about_pic .parHd li.on::before{content: '';width: 30px;height: 3px;background: #0f7dba;position: absolute;left: 0;bottom: -1px;}



/* news */
.ksyb_news {box-sizing: border-box;background: url(../images/new_bg.jpg) no-repeat center;height: 750px;box-sizing: border-box;padding-top: 30px;}
.ksyb_news .news_l{width: 850px;margin-top: 20px;position: relative;}
.ksyb_news .news_l .hd{border-bottom: 1px solid #efefef;height: 40px;margin-bottom: 20px;}
.ksyb_news .news_l .hd li{float: left;position: relative;height: 40px;margin-right: 25px;}
.ksyb_news .news_l .hd li em{font-size: 26px;color: #000;margin-right: 10px;}
.ksyb_news .news_l .hd li a{font-size: 18px;color: #333;font-weight: bold;}
.ksyb_news .news_l .hd li.on::before{content: '';width: 30px;height: 3px;background: #0f7dba;position: absolute;left: 0;bottom: -1px;}
.ksyb_news .news_l .bd a.more_t{top: -30px;}

.ksyb_news .news_l .list_pics{width: 385px;background: #fff;padding-bottom: 30px;height: 400px;float: left;}
.ksyb_news .news_l .list_pics .pic{width: 100%;padding-top: 50%;height: 100%/2;position: relative;overflow: hidden;}
.ksyb_news .news_l .list_pics .pic img{position: absolute;top: 0;left: 0;}
.ksyb_news .news_l .list_pics .t{font-size: 18px;font-weight: bold;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;padding:15px 20px;}
.ksyb_news .news_l .list_pics .des{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;padding: 0 25px;font-size: 14px;line-height: 2.2;margin-bottom: 30px;color: #666;}
.ksyb_news .news_l .list_pics .more{padding: 8px 40px ;background: #3083ba;color: #fff;margin-left: 20px;position: absolute;bottom: 20px;}
.ksyb_news .news_l .list_item{width: 450px;float: right;}
.ksyb_news .divdgweb_new_div, .ksyb_news .news_div { padding: 0px 10px; height: 400px; font-weight: normal; }

.ksyb_news .news_div_item, .ksyb_news .divdgweb_new_div_item { position: relative; padding: 15px 0; height: 40px; overflow: hidden; transition: 0.3s all ease; border-bottom: 1px solid #f5f5f5; }
.ksyb_news .divdgweb_new_div_item_date, .ksyb_news .news_div_item_date { position: absolute; right: 20px; top: 17px; transition: 0.3s all ease; }
.ksyb_news .divdgweb_new_div_item_date > div, .ksyb_news .news_div_item_date > div{ display: inline-block; color: #787878; font-size: 12px; font-family: 'arial'; }
.ksyb_news .news_div_item_title, .ksyb_news .divdgweb_new_div_item_title{ position: relative; }

.ksyb_news .news_div_item_year:after, .ksyb_news .news_div_item_year::after, .ksyb_news .divdgweb_new_div_item_year:after, .ksyb_news .divdgweb_new_div_item_year::after{ content: '-'; }
.ksyb_news .on .news_div_item_year:after, .ksyb_news .on .divdgweb_new_div_item_year:after,{ content: ''; }
.ksyb_news .news_div_item_title:after, .ksyb_news .divdgweb_new_div_item_title:after{ content: ''; background: #333; width: 4px; height: 4px; position: absolute; left: 10px; top: 19px; }
.ksyb_news .on .news_div_item_title:after, .ksyb_news .on .divdgweb_new_div_item_title:after{ content: ''; display: none; }
.ksyb_news .news_div_item_title .news_div_item_a, .ksyb_news .divdgweb_new_div_item_title .divdgweb_new_div_item_a { font-size: 15px; color: #444; padding-left: 26px; display: block; line-height: 40px; width: 250px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; transition: 0.3s all ease; }
.ksyb_news .news_div_item_pic, .ksyb_news .news_div_item_body, .ksyb_news .divdgweb_new_div_item_body{ transition: 0.3s all ease; }
.ksyb_news .news_div_item_pic { padding-top: 15px; padding-left: 15px; }
.ksyb_news .news_div_item_pic a, .ksyb_news .news_div_item_pic a img { display: block; width: 150px; height: 113px; }
.ksyb_news .news_div_item.on, .ksyb_news .divdgweb_new_div_item.on{ height: 128px; border-bottom: 1px dotted #ccc; padding: 0 0 20px; background: #f5f5f5}
.ksyb_news .news_div_item_body, .ksyb_news .divdgweb_new_div_item_body { line-height: 24px; color: #767676; font-size: 13px; width: 252px; text-align: justify; position: absolute; right: 20px; top: 85px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden; }
.ksyb_news .on .divdgweb_new_div_item_date, .ksyb_news .on .news_div_item_date { top: 10px; right: 210px; }
.ksyb_news .on .news_div_item_title .news_div_item_a, .ksyb_news .on .divdgweb_new_div_item_title .divdgweb_new_div_item_a { position: absolute; left: 150px; top: 53px; width: 245px; }
.ksyb_news .on .divdgweb_new_div_item_date > div, .ksyb_news .on .news_div_item_date > div { font-weight: bold; color: #333; font-size: 24px; line-height: 30px; }
.ksyb_news .on .divdgweb_new_div_item_date > .divdgweb_new_div_item_year, .ksyb_news .on .news_div_item_date > .news_div_item_year{ font-size: 12px; display: block; font-weight: 100; line-height: 20px; text-indent: 1px; }
.ksyb_news .on .news_div_item_date > .news_div_item_year:after,.ksyb_news .on .divdgweb_new_div_item_date > .divdgweb_new_div_item_year:after{ content: ''; }


.ksyb_news .news_r{width: 320px;}
.ksyb_news .news_r .n_t {position: relative;height: 40px;border-bottom: 1px solid #efefef;height: 40px;margin-bottom: 20px;margin-top: 20px;}
.ksyb_news .news_r .n_t  em{font-size: 26px;color: #000;margin-right: 10px;}
.ksyb_news .news_r .n_t  a{font-size: 18px;color: #333;font-weight: bold;}
.ksyb_news .news_r .n_t::before{content: '';width: 30px;height: 3px;background: #0f7dba;position: absolute;left: 0;bottom: -1px;}
.ksyb_news a.more_t{font-size: 12px !important;font-weight: normal !important;color: #999;border: 1px solid #999;border-radius: 5px;padding: 0 5px;position: absolute;right: 0;top: 10px;text-transform: uppercase;}
.ksyb_news a.more_t span{font-family: 'KAITI';}
.ksyb_news a.more_t:hover{background: #3083ba;color: #fff;border-color: #3083ba;}
.ksyb_news .news_r ul li{border-bottom: 1px dashed #efefef;padding-bottom: 13px;padding-top: 13px;}
.ksyb_news .news_r ul dt{padding-left: 35px;position: relative;line-height: 25px;font-weight: bold;font-size: 15px;margin-bottom: 5px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;color: #333;}
.ksyb_news .news_r ul dt::before{content: 'Q';width: 25px;height: 25px;display: inline-block;background: #3e4753;position: absolute;left: 0;color: #fff;font-size: 16px;font-weight: bold;text-align: center;line-height: 25px;}
.ksyb_news .news_r ul dd{padding-left: 35px;position: relative;font-size: 14px;line-height: 1.8;color: #666;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.ksyb_news .news_r ul dd::before{content: 'A';width: 25px;height: 25px;display: inline-block;background: #3083ba;position: absolute;left: 0;color: #fff;font-size: 16px;font-weight: bold;text-align: center;line-height: 25px;}