﻿@charset "utf-8";
.ksamj_item{text-align: center;padding: 20px 0 0;  margin: 0 auto; background: url(../images/ksamj_item.gif) center center; height: 480px;box-sizing: border-box;}
.ksamj_item .content{display: flex; flex-wrap: wrap;justify-content: space-between;text-align: center;margin-top: 45px;}
.ksamj_item dl{width: 25%;border-right: 1px solid #d5d5d5;box-sizing: border-box;padding:0 20px;}
.ksamj_item dl:last-child{border-right: 0 }
.ksamj_item dl dt{ color: #006988;font-size: 36px;font-weight: bold;line-height: 1.8;}
.ksamj_item dl dd{font-size: 22px;color: #333;font-weight: bold;line-height: 2;}
.ksamj_item dl p{font-size: 14px;line-height: 2;color: #666666;}
/* ksamj_product */
.ksamj_product{position: relative;padding:0 0 ;}
.ksamj_product_con .hd ul{display: flex;flex-wrap: nowrap;justify-content:flex-start;margin-bottom: 40px;}
.ksamj_product_con .hd ul li{width: 18%;}
.ksamj_product_con .hd ul li+li{margin-left: 2.5%;}
.ksamj_product_con .hd ul li{border: 1px solid #e6e6e5;box-sizing: border-box;line-height: 50px;text-align: center;font-size: 16px;}
.ksamj_product_con .hd ul li.on{background: #eb3d00;border-color:#eb3d00 ;}
.ksamj_product_con .hd ul li.on a{color: #fff;}
.ksamj_product_con .hd ul li a{display: block;}
.ksamj_product_con .bd .top{background: #f9f9f9;}
.ksamj_product_con .bd .top .left{width: 515px;box-sizing: border-box;padding: 40px 50px 20px 110px;position: relative;}
.ksamj_product_con .bd .top .left em{position: absolute;left: -10px;top: 20px;background: url(../images/pro_ico3.png);display: inline-block;width: 105px;height: 58px;color: #fff;font-size: 30px;text-align: center;padding-top: 15px;box-sizing: border-box;}
.ksamj_product_con .bd .top .left h2{font-size: 30px;font-weight: normal;margin-bottom: 20px;}
.ksamj_product_con .bd .top .left p{font-size: 15px;line-height: 2;padding-bottom: 20px;}
.ksamj_product_con .bd .top .pic{width: 685px;height: 445px;overflow: hidden;}
.ksamj_product_con .bd .top .pic img{width: 685px;height: 445px;}

.ksamj_product_con .bd .list{display: flex;flex-wrap: nowrap;justify-content:flex-start;margin-top: 20px;}
.ksamj_product_con .bd .list li{width: 24.5%;}
.ksamj_product_con .bd .list li+li{margin-left: 0.7%;}
.ksamj_product_con .bd .list li .li_pic{overflow: hidden;width: 100%;}
.ksamj_product_con .bd .list li .li_pic img{width:100%;}
.ksamj_product_con .bd .list li .li_t {text-align: center;line-height: 2.5;font-size: 16px;}

/* ksamj_adv */
.ksamj_adv{position: relative;overflow: hidden;}
.ksamj_adv::before{content: '';width: 100%;height: 560px;background: #eb3d00;display: block;position: absolute;top: 0;z-index: -1;}
.ksamj_adv::after{content: '';width: 100%;height: 560px;background: #f2f2f2;display: block;position: absolute;bottom: 0;z-index: -2;}
.ksamj_adv_con{position: relative; box-sizing: border-box;}
.ksamj_adv_con .hd{z-index: 2;margin-top: 40px;padding-bottom: 40px;}
.ksamj_adv_con .hd::before{content: '';border-top: 1px dashed #929091;display: block;}
.ksamj_adv_con .hd ul{display: flex;flex-wrap: nowrap; justify-content: space-between;}
.ksamj_adv_con .hd ul li{width: 15%;padding: 0 0; cursor: pointer;text-align: center;position: relative;padding-top: 20px;}
.ksamj_adv_con .hd ul li::before{content: '';width: 20px;height: 20px;border: 1px solid #303030;display: inline-block;border-radius: 50%;position: absolute;top: -12px;left: 50%;transform: translateX(-50%);}
.ksamj_adv_con .hd ul li::after{content: '';width: 10px;height: 10px;background: #303030;display: inline-block;border-radius: 50%;position: absolute;top: -6px;left: 50%;transform: translateX(-50%);}
.ksamj_adv_con .hd ul li.on{width: 15%;padding: 0 0; cursor: pointer;text-align: center;position: relative;padding-top: 20px;color: #eb3d00;}
.ksamj_adv_con .hd ul li.on::before{content: '';width: 20px;height: 20px;border: 1px solid #eb3d00;display: inline-block;border-radius: 50%;position: absolute;top: -12px;left: 50%;transform: translateX(-50%);}
.ksamj_adv_con .hd ul li.on::after{content: '';width: 10px;height: 10px;background: #eb3d00;display: inline-block;border-radius: 50%;position: absolute;top: -6px;left: 50%;transform: translateX(-50%);}
.ksamj_adv_con .hd ul li .li_t{font-size: 20px;line-height: 2;}
.ksamj_adv_con .bd{position: relative; z-index: 1;}
.ksamj_adv_con .bd img{width: 100%; height: 457px;}
.ksamj_adv_con .bd dl{width: 860px;height: 100px;box-sizing: border-box;position: absolute;bottom: 50px;background: #fff;left: 50%;transform: translateX(-50%);display: flex;flex-wrap: nowrap;}
.ksamj_adv_con .bd dl dt{font-size: 24px;background: #eb3d00;display: inline-block;color: #fff;width: 30%;height: 100px;line-height: 1.5;box-sizing: border-box;position: relative;}
.ksamj_adv_con .bd dl dt p{text-align: center;}
.ksamj_adv_con .bd dl p{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);width: 90%;}
.ksamj_adv_con .bd dl dd{font-size: 15px;line-height: 2.5;padding-right: 20px;display: inline-block;width: 70%;height: 100px;position: relative;}
.ksamj_adv_con .prev,.ksamj_adv_con .next{position: absolute;background: rgba(0, 0, 0, 0.3); z-index: 3;padding: 5px 10px 10px;top: 38%;}
.ksamj_adv_con .prev{right: -30px;}
.ksamj_adv_con .next{left: -30px;}
.ksamj_adv_con .prev:hover,.ksamj_adv_con .next:hover{background: #000;}
/* ksamj_cases */
.ksamj_cases{background: url(../images/case_bg.jpg) no-repeat center bottom;text-align: center;padding-bottom: 40px;}
.ksamj_cases .next,.ksamj_cases .prev{width: 40px;font-size: 50px;color: #999999;display: inline-block;font-family: 'Kaiti';cursor: pointer;float: left; height: 300px; line-height: 300px;font-weight: bold;text-align: center;}
.ksamj_cases .next:hover,.ksamj_cases .prev:hover{color: #eb3d00}
.ksamj_cases .bd{width: 1120px;float: left;}
.ksamj_cases .bd ul{ overflow:hidden; zoom:1; }
.ksamj_cases .bd ul li{ margin:0 18px; float:left; _display:inline; overflow:hidden; text-align:center;  }
.ksamj_cases .bd ul li .pic{ text-align:center; }
.ksamj_cases .bd ul li .pic img{ width:340px; height:255px; display:block;  padding:2px; border:1px solid #ccc; box-sizing: border-box;}
.ksamj_cases .bd ul li .pic a:hover img{ border-color:#999;  }
.ksamj_cases .bd ul li .title{ line-height:3;  font-size: 15px; }
.ksamj_cases .tel{display: inline-block;background: url(../images/tel.png) no-repeat left center;font-size: 18px;font-weight: bold;color: #333333;padding-left: 40px;margin-top: 20px;margin-bottom: 40px;}
.ksamj_cases .tel strong{font-size: 30px;font-family: 'IMPACT';color: #eb3d00;}
.ksamj_cases .more{padding:5px 30px;border: 2px solid #eb3d00;border-radius: 30px;font-size: 18px;}
.ksamj_cases .more:hover{background: #eb3d00;color: #fff;}

/* ksamj_about */
.ksamj_about{margin-bottom: 30px;position: relative;}
.ksamj_about::after{content: '';background: #eb3d00;width: 50%; height: 410px;position: absolute;top: 150px; z-index: 0;margin-left: -80px;}
.ksamj_about .content{position: relative;z-index: 1;}
.ksamj_about .pic{width: 536px; height: 450px; overflow: hidden;}
.ksamj_about .item{width: 638px; height: 397px;border-left: none;box-sizing: border-box;padding:0 30px ;background: #fff;}
.ksamj_about .item p{text-indent: 30px;color: #666;line-height: 2.2;font-size: 15px;}

.ksamj_about_pic .bd{width: 1120px;float: left;}
.ksamj_about_pic .bd ul{ overflow:hidden; zoom:1; }
.ksamj_about_pic .bd ul li{ margin:0 18px; float:left; _display:inline; overflow:hidden; text-align:center;  }
.ksamj_about_pic .bd ul li .pic{ text-align:center; }
.ksamj_about_pic .bd ul li .pic img{ width:340px; height:255px; display:block;  padding:2px; border:1px solid #ccc; box-sizing: border-box;}
.ksamj_about_pic .bd ul li .pic a:hover img{ border-color:#999;  }
.ksamj_about_pic .bd ul li .title{ line-height:3;  font-size: 15px; }
.ksamj_about_pic .next,.ksamj_about_pic .prev{width: 40px;font-size: 50px;color: #999999;display: inline-block;font-family: 'Kaiti';cursor: pointer;float: left; height: 300px; line-height: 300px;font-weight: bold;text-align: center;}
.ksamj_about_pic .next:hover,.ksamj_about_pic .prev:hover{color: #eb3d00}

/* news */

.ksamj_news {box-sizing: border-box;position: relative;}
.ksamj_news .hd {position: absolute;right: 0;top: 40px;width: 100%;padding-left: 300px;box-sizing: border-box;}
.ksamj_news .hd ul{display: flex;flex-wrap: nowrap;justify-content:flex-end;margin-bottom: 40px;}
.ksamj_news .hd ul li{width: 20%;border-radius: 30px;}
.ksamj_news .hd ul li+li{margin-left: 2.5%;}
.ksamj_news .hd ul li{border: 1px solid #e6e6e5;box-sizing: border-box;line-height: 45px;text-align: center;font-size: 16px;}
.ksamj_news .hd ul li.on{background: #eb3d00;border-color:#eb3d00 ;}
.ksamj_news .hd ul li.on a{color: #fff;}
.ksamj_news .hd ul li a{display: block;}
.ksamj_news .bd{position: relative;}
.ksamj_news .bd .left{width: 55%;}
.ksamj_news .bd .left a{width: 45%;float: left;}
.ksamj_news .bd .left a .pic{width: 100%;overflow: hidden;transform: all 0.3s;}
.ksamj_news .bd .left a .pic img{width: 100%;}
.ksamj_news .bd .left a+a{margin-left: 10%;}
.ksamj_news .bd .left a dt{font-size: 16px;overflow: hidden;text-overflow: ellipsis; overflow: hidden;white-space: nowrap;margin-bottom: 10px;}
.ksamj_news .bd .left a dd{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;font-size: 14px;line-height: 2;color: #999;}
.ksamj_news .bd .left a dl{padding-bottom: 80px;position: relative;}
.ksamj_news .bd .left a dl:after{content: '>';display: inline-block;border: 1px solid #CCC;border-radius: 50%;width: 25px;height: 25px;
	font-family: 'KAITI';text-align: center;line-height: 25px;color: #CCC;position: absolute;bottom: 20px;right: 0;}
.ksamj_news .bd .left a:hover dl:after{color: #eb3d00;border-color: #eb3d00;}
.ksamj_news .bd .left a:hover dt{color: #eb3d00;}
.ksamj_news .bd .left a:hover .pic img{transform: scale(1.1);}

.ksamj_news .bd .right{width: 43%;}
.ksamj_news .bd .right dl{border: 1px solid #d5d5d5;position: relative;height: 110px;padding: 12px 0;padding-left: 115px;box-sizing: border-box;padding-right: 20px;margin-bottom: 20px;}
.ksamj_news .bd .right dl .news_date{border-right: 1px solid #d5d5d5;width: 100px;text-align: center;position: absolute;left: 0;height: 80px;}
.ksamj_news .bd .right dl .news_day{font-size: 36px;color: #333;font-weight: bold;}
.ksamj_news .bd .right dl .news_year{font-size:15px;color: #999;}
.ksamj_news .bd .right dl dt{font-size: 16px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;line-height: 1.5;}
.ksamj_news .bd .right dl dd{font-size: 14px;color: #999;line-height: 2;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}