@charset "utf-8";
body{background:#F5F5F5}
P{word-wrap:break-word;word-break:normal}

.main-banner{background:url(../images/main-banner.jpg) no-repeat top center}
.main-banner .container{color:#FFF;font-size:34px;text-align:center;padding:70px 0}
.main-banner .container span{text-transform:uppercase}
.main-banner .container i{margin:0 20px}
.main-banner .container .kkx-code{margin: -15px 0 0 0;}

.main-title2{margin: 30px 0;position: relative;}
.main-title2 .title{padding: 0 20px; border-left: 1px solid #B79F73; border-right: 1px solid #B79F73;text-align: center;width: fit-content;margin: 0 auto;}
.main-title2 .title h1{font-size: 24px;margin: 0 0 5px 0;}
.main-title2 .title span{font-size: 12px;text-transform: uppercase; color: #808080;text-transform: uppercase;}
.main-title2 .more{position: absolute;bottom: 0px;right: 0;color: #2458A7;border: 1px solid #2458A7;padding: 0px 20px;}

@media (max-width:991px){
	.main-banner .container{font-size:24px;padding:20px 0!important}
	.main-title2{margin: 20px 0;}
	.main-title2 .title{margin:0;}
	.main-title2 .title h1{font-size: 20px;}
	.main-title2 .more{font-size: 12px;}
}
@media (max-width:767px){
	.main-banner .container .kkx-code{margin:10px 0 0 0;}
}
/* 新闻中心 */
.news-center{}
.news-center .news-con{}
.news-center .news-con-item{border: 1px solid #D9D9D9;display: block; margin: 0 0 20px 0;transition: all 0.6s;}
.news-center .news-con-item:hover{transform: scale(1.1);}
.news-center .news-con-item .news-img{width: 100%;height: 0;padding-bottom:65%;position: relative;}
.news-center .news-con-item .news-img img{position: absolute;width: 100%;height: 100%;}
.news-center .news-con-item .content{padding: 10px 20px;}
.news-center .news-con-item .content h4{height:40px ;line-height: 20px;margin: 0 0 10px 0;color: #333;font-size: 16px;}
.news-center .news-con-item .content span{color: #808080;font-size: 12px;}

/* 文章列表 */
/* 左侧导航 */
.news-head{color:#FFF;padding:30px 0;background:url(../images/list-title.jpg);background-size:100% 100%;text-align:center}
.news-head .title{font-size:18px;margin:5px 0 0 0}
.news-nav{margin:0 0 10px 0}
.news-nav li{margin:5px 0 0 0}
.news-nav li a{display:block;background:#D9D9D9;color:#000;padding:10px 20px;overflow:hidden}
.news-nav li a span{font-size:16px;float:left}
.news-nav li a i{float:right}
.news-nav li:hover a{background:#2458A7;color:#FFF}
.news-nav li.active a{background:#2458A7;color:#FFF}

.news-list{}
.news-list-item{box-shadow:3px 3px 5px #e5e5e5;background-color:#FFF;margin:0 0 20px 0;padding:20px 0;transition: all 0.6s;}
.news-list-item:hover{transform: scale(1.1);}
.news-list-item a{color:#808080}
.news-list-item .news-img{width:100%;height:0;padding-bottom:65%;position:relative}
.news-list-item .news-img img{width:100%;height:100%;position:absolute;top:0;left:0}
.news-item-right .title{font-size:18px;color:#333;margin:0 0 15px 0}
.news-item-right .content{line-height:20px;margin:0 0 15px 0;height:40px}
.news-item-right .date i{margin:0 10px 0 0}
.pager li a:hover{background:##2458A7;color:#FFF}
.pagination .active a{background-color:##2458A7;border-color:##2458A7}
.pagination li a{color:#2458A7}

/* 文章内容页 */
.notice-detail {padding:25px; float: left; overflow:hidden; background:#FFF;-webkit-box-shadow:3px 3px 5px #e5e5e5; box-shadow:3px 3px 5px #e5e5e5;width:100%}
.notice-detail .detail-tit{border-bottom: 1px solid #cbcbcb;padding-bottom: 20px;color: #999999;text-align: center;}
.notice-detail .detail-tit em{ margin:0 8px;}
.detail-tit .bigtit{color: #333;font-size: 24px;display: block;margin:5px 0 20px 0;line-height:40px;}
.notice-detail .article{font-size: 14px;font-weight: 300;line-height: 30px; margin:20px 0;letter-spacing:0.5px; color:#696969; }
.notice-detail .article p{margin:15px 0;}
.notice-detail .article .detail-img{ text-align:center}
.notice-detail .article .detail-img img{ margin:0 auto; max-width:600px;}
  @media (max-width:767px){
.notice-detail .article .detail-img img{max-width:100%;}
  }

/*右侧推荐列表*/
.hot{overflow:hidden;}
.hot li{ margin:0 0 10px 0; position:relative; border:1px solid #CCC}
.hot li .datu{ width:100%}
.hot li span{font-size:16px; text-align:left; text-overflow: ellipsis; display:block; overflow: hidden;white-space: nowrap; padding:10px 15px}
.hot li em{ font-size:12px; padding:0px 15px 15px 15px; line-height:24px; color: #888;overflow: hidden; display:block; text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}

/* 联系我们 */
.contact-us{}
.contact-header{background: #2458A7; color: #FFF;padding: 30px 0;}
.contact-header .left{}
.contact-header .left h1{font-size: 26px;margin: 0 0 10px 0;}
.contact-header .left span{font-size: 18px;text-transform: uppercase;display: block;}
.contact-header .right{text-align: right;}
.contact-header .right img{width: 45%;}

.contact-us .header-info{background: url(../images/add-bg.jpg);background-size: 100% 100%;padding:30px 0;color: #FFF;font-size: 16px;margin-bottom:20px;}
.contact-us .header-info .info-item .title{margin: 0 0 5px 0;}
.contact-us .header-info .info-item .title i{font-size: 20px;margin: 0 10px 0 0;}
.contact-us .header-info .info-item .phone{font-weight: bold;}
.contact-us .header-info .info-item p{margin: 0 0 0 29px;}

.contact-content{border:1px solid #D9D9D9;padding: 20px 0;background: #FFF;}
.contact-content .row{margin: 0;}
.contact-content .add li{margin: 0 0 15px 0; color: #333;background: #F5F5F5;padding: 10px 20px;}
.contact-content .add li:last-child{margin:0;}
.contact-content .add li i{font-size: 30px;}
.contact-content .add li h3{margin:15px 0 10px 0;font-size: 16px;font-weight: bold;}
.contact-content .add li .line{margin:0 0 10px 0;width: 48px;height: 1px; background-color: #B79F73;}
.contact-content .add li p{color: #808080;}
.contact-content .add li.active{color: #FFF;background: #2458A7;}
.contact-content .add li.active .line{background-color: #FFF;}
.contact-content .add li.active p{color: #FFF;}

.contact-content .phone{margin: 20px 0 0 0;}
.contact-content .phone .phone-item{margin: 0 0 15px 0; color: #333;background: #F5F5F5;padding: 10px 20px;}
.contact-content .phone .phone-item i{font-size: 40px;float: left; margin: 15px 20px 0 0;}
.contact-content .phone .phone-item .right{float: left;}
.contact-content .phone .phone-item h3{margin:15px 0 10px 0;font-size: 16px;font-weight: bold;}
.contact-content .phone .phone-item .line{margin:0 0 10px 0;width: 48px;height: 1px; background-color: #B79F73;}
.contact-content .phone .phone-item p{color: #808080;}

@media (max-width: 991px) {
	.contact-header{padding: 20px 0;}
	.contact-header .left h1{font-size: 20px;}
	.contact-header .left span{font-size: 14px;margin: 0 0 10px 0;}
	.contact-header .right{text-align: left;}
	.contact-us .header-info{padding:10px 0;font-size: 14px;}
}
/* 咔咔修平台 */
.kkx-plate{background: #FFF;}
.kkx-plate .kkx-banner{background: #2458A7;}
.kkx-plate .kkx-banner .banner-img{width: 100%;height: 430px;}
.kkx-plate .kkx-banner .content{background: #2458A7; padding:0 30px;color: #FFF;}
.kkx-plate .kkx-banner .kkx-title {float: left;}
.kkx-plate .kkx-banner .kkx-title span{color: #FFF;}
.kkx-plate .kkx-banner .content .text{float: left;line-height: 26px;padding: 30px 0 30px 40px;width: calc(100% - 190px);}
.kkx-plate .kkx-banner .content .text li{list-style-type: disc;}
.kkx-plate .kzp-banner{background: url(../images/kzp.jpg);text-align: center;color: #FFF;padding:40px 10px;margin: 0 0 40px 0;}
.kkx-plate .kzp-banner h4{font-size:28px;text-transform: uppercase;margin: 0 0 20px 0;}
.kkx-plate .kzp-banner .btn{border: none;background-color: #B79F73;width: 130px;border-radius: 0;color: #FFF;}

.kkx-plate .kkx-title{padding: 0 20px; border-left: 1px solid #B79F73; border-right: 1px solid #B79F73;text-align: center;width: fit-content;margin: 30px auto;}
.kkx-plate .kkx-title h1{font-size: 24px;margin: 0 0 5px 0;}
.kkx-plate .kkx-title span{font-size: 12px;text-transform: uppercase; color: #808080;text-transform: uppercase;}

.kkx-plate .kkx-advantage{padding: 30px 0 40px;}
.kkx-plate .kkx-advantage .advantage-item{text-align: center;}
.kkx-plate .kkx-advantage .advantage-item h3{margin: 15px 0 10px 0;font-size: 16px;}
.kkx-plate .kkx-advantage .advantage-item p{color:#808080;text-align: left;}
.kkx-plate .kkx-advantage2{}
.kkx-plate  .kkx-advantage2 .advantage-item-bg{background-color:#F5F5F5;padding:30px;height: 0;padding-bottom:65%;margin: 0 0 30px 0;}

.kkx-plate .kkx-feature{background: #F5F5F5;padding: 30px 0;}
.kkx-plate .feature{margin:50px 0 0 0;}
.kkx-plate .feature-item {padding-right: 30px;padding-left: 30px;position: relative;}
.kkx-plate .feature-item .title{overflow: hidden;padding: 0 0 10px 0; margin: 0 0 10px 0;border-bottom: 1px solid #D9D9D9;}
.kkx-plate .feature-item .title span{margin: 60px 0 0 0;display:block;float: left;font-size: 16px;font-weight: bold;}
.kkx-plate .feature-item .title img{position: absolute;top: -10%;right:10%;}
.kkx-plate .feature-item p{color: #808080;line-height: 24px;}
.kkx-plate .kkx-feature2{background: #FFF;}

.kkx-plate .kkx-value{padding: 30px 0;}
.kkx-plate .kkx-value .value :nth-child(1) .value-item{background: url(../images/kkx-bg01.jpg);}
.kkx-plate .kkx-value .value :nth-child(2) .value-item{background: url(../images/kkx-bg02.jpg);}
.kkx-plate .kkx-value .value :nth-child(3) .value-item{background: url(../images/kkx-bg03.jpg);}
.kkx-plate .kkx-value .value-item{padding: 40px 20px;text-align: center;background-size: 100% 100%;color: #FFF;}
.kkx-plate .kkx-value .value-item h3{font-size: 16px;}
.kkx-plate .kkx-value .value-item .line{width: 56px;height: 1px;background: #FFF;margin: 20px auto;}
.kkx-plate .kkx-value .value-item p{line-height: 20px;min-height: 40px;}
@media (max-width: 1119px) {
	.kkx-plate  .kkx-advantage2 .advantage-item-bg{padding-bottom:90%;}
}
@media (max-width: 991px) {
	.kkx-plate .kkx-banner .banner-img{width: 100%; height: auto;}
	.kkx-plate .kkx-banner .content{width: 100%;padding:0 30px 20px 30px;}
	.kkx-plate .kkx-banner .kkx-title {margin: 10px auto;float: none;}
	.kkx-plate .kkx-banner .content .text{padding: 10px 0 10px 0;width:100%;}

	.kkx-plate .kkx-title{margin: 20px auto;}
	.kkx-plate .kkx-title h1{font-size: 20px;margin: 0 0 2px 0;}
	.kkx-plate .kkx-title span{font-size: 12px;}

	.kkx-plate .kkx-advantage{padding: 0px 0 0 0px;}
	.kkx-plate .advantage-item img{max-width: 40%;}
	.kkx-plate .advantage-item p{font-size: 12px;}
	.kkx-plate  .kkx-advantage2 .advantage-item-bg{padding:30px 15px;padding-bottom:70%;margin: 0 0 30px 0;}

	.kkx-plate .kkx-feature{padding: 0 0;}
	.kkx-plate .feature-item {padding-right:15px;padding-left:15px;}
	.kkx-plate .feature-item .title span{margin: 30px 0 0 0;font-size: 14px;}
	.kkx-plate .feature-item .title img{max-width: 60%;}
	.kkx-plate .feature-item p{line-height: 20px;font-size: 12px;}

	.kkx-plate .kkx-value{padding: 0 0;}
	.kkx-plate .kkx-value .value-item{padding: 20px 10px;margin: 0 0 20px 0;}
	.kkx-plate .kkx-value .value-item h3{font-size: 14px;}
	.kkx-plate .kkx-value .value-item .line{margin: 10px auto;}
	.kkx-plate .kkx-value .value-item p{line-height: 20px;font-size: 12px; height:auto;}
}
@media (max-width: 767px) {
	.kkx-plate  .kkx-advantage2 .advantage-item-bg{padding:10px;padding-bottom:85%;margin: 0 0 20px 0;}
}
@media (max-width:450px) {
	.kkx-plate  .kkx-advantage2 .advantage-item-bg{padding:10px;padding-bottom:150%;margin: 0 0 20px 0;}
}