@charset "UTF-8";
* { font: inherit; font-family: "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, "PingFang SC", "Hiragino Sans GB", "Heiti SC",  "WenQuanYi Micro Hei", sans-serif; -webkit-box-sizing: border-box; box-sizing: border-box; }
*::before, *::after { -webkit-box-sizing: inherit; box-sizing: inherit; }

html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td, span, input, textarea { margin: 0; padding: 0; }

h1, h2, h3, h4, h5, h6 { font-weight: normal; }

table { border-collapse: collapse; border-spacing: 0; }

button, input, select, textarea { outline: 0; }

li, ol, ul { list-style: none; }

b, strong { font-weight: 400; }

img { vertical-align: middle; border: 0; max-width: 100%; }

:focus { outline: 0; }

a { color: inherit; text-decoration: none !important; }
a:hover, a.active { color: #2c8b2c; }

a { text-decoration: none; }

a:hover, a:focus { color: #2c8b2c; text-decoration: underline; }

.clearfix { zoom: 1; }
.clearfix::after, .clearfix::before { display: table; content: ""; }
.clearfix::after { clear: both; }

.transition { -webkit-transition: all ease 0.5s; transition: all ease 0.5s; }

.padding-none { padding: 0 !important; }

.border-none { border: none !important; }

.display-none { display: none !important; }

.left-0 { left: 0 !important; }

.fr { float: right !important; }

.fl { float: left !important; }

input { outline: 0; -webkit-tap-highlight-color: transparent; -webkit-appearance: none; }

input:focus, textarea:focus { outline: 0; border: 1px solid #f60; }

article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; }

/*文本*/
.text-left { text-align: left; }

.text-center { text-align: center; }

.text-right { text-align: right; }

.text-justify { text-align: justify; }

.text-align-last { text-align-last: justify; }

.s-block { display: block !important; }

.s-inlineblock { display: inline-block !important; }

.s-inline { display: inline !important; }

/* 其他差异 */
input { -webkit-appearance: none; padding: 0px; vertical-align: middle; line-height: normal; border: none; }

.kj-box { padding: 20px 0; }

.pc-banner .swiper-container { height: 100%; }

.pc-banner .pc-swiper .swiper-slide { height: 100%; }
.pc-banner .pc-swiper .swiper-slide a { display: block; height: 100%; background: no-repeat center top / auto 100%; }
.pc-banner .pc-swiper .swiper-pagination-bullet { background: #fff; opacity: .4; vertical-align: middle; }
.pc-banner .pc-swiper .swiper-pagination-bullet-active { width: 12px; height: 12px; opacity: 1; }
.pc-banner .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 8px; }

.o-top-header { text-align: center; text-align: center; margin: 30px 0; }
.o-top-header .o-logo { display: inline-block; vertical-align: middle; margin-right: 30px; }
.o-top-header .o-logo img { width: 100px; }
.o-top-header .o-title { vertical-align: middle; display: inline-block; }
.o-top-header .o-title p { margin-top: 15px; font-size: 24px; }

@media (min-width: 768px) { .pc-banner .swiper-container { height: 240px; }
  .navbar-nav > li { float: left; }
  .top-nav .collapse { float: right; padding: 0; }
  .top-container .top-data .top-nav .navbar-header .navbar-brand { padding-left: 0; padding-right: 0; max-width: 70px; margin-left: 6px; }
  .nav > li > a { padding: 10px 11px; }
  .top-container .top-data .top-nav .navbar-collapse .navbar-nav > li a { line-height: 70px; } }
@media (min-width: 992px) { .pc-banner .swiper-container { height: 400px; } }
@media (min-width: 1200px) { .pc-banner .swiper-container { height: 445px; }
  .top-nav .collapse { float: right; }
  .nav > li > a { padding: 10px 15px; }
  .top-container .top-data .top-nav { top: 40px; } }
.overview { background: #f4f4f4; padding-bottom: 60px; }
.overview .cont { background: #f4f4f4 url(../images/kjcs_13.png) no-repeat top center/100% auto; padding-top: 240px; margin-bottom: 50px; }
.overview .cont p { font-size: 14px; line-height: 30px; color: #666; text-align: justify; }
.overview li { text-align: center; }
.overview li h2 { font-size: 16px; color: #666; margin-top: 20px; padding-bottom: 10px; position: relative; }
.overview li h2:after { display: inline-block; content: ""; width: 40%; height: 1px; background: #dedede; position: absolute; bottom: 0; left: 30%; }
.overview li span { font-size: 14px; color: #666; display: inline-block; margin-top: 10px; }
.overview li p { font-size: 14px; color: #666; line-height: 26px; }

@media (max-width: 767px) { .overview .cont { padding-top: 125px; }
  .overview li:not(:last-child) { margin-bottom: 15px; } }
@media (min-width: 768px) and (max-width: 992px) { .overview .cont { padding-top: 160px; } }
.title { text-align: center; }
.title p { font-size: 36px; color: #333; }
.title span { font-size: 26px; color: #666; }

@media (max-width: 767px) { .title p { font-size: 26px; }
  .title span { font-size: 16px; } }
.news { padding: 60px 0; }
.news .news-list { margin-top: 30px; }
.news .news-list .text-info h3 { font-size: 16px; color: #4c4c4c; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.news .news-list .text-info p { font-size: 14px; color: #999; line-height: 24px; }
.news .news-list .reco .text-info h3 { margin: 15px 0; }
.news .news-list .reco .text-info p { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
.news .news-list .list li:not(:first-child) { margin-top: 12px; }
.news .news-list .list a { background: #f4f4f4; display: block; padding: 20px; }
.news .news-list .list a .date { float: left; font-size: 26px; color: #d0d0d4; font-weight: bold; margin-right: 24px; line-height: 48px; }
.news .news-list .list .text-info p { margin-top: 6px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.news .news-list a:hover .text-info h3 { color: #2c8b2c; }

@media (max-width: 767px) { .news { padding: 30px 0; }
  .news .news-list .list li:first-child { margin-top: 12px; } }
.build { background: url(../images/kjcs_30.jpg) no-repeat center; padding-top: 50px; padding-bottom: 140px; }
.build .title p, .build .title span { color: #fff; }
.build .build-list { margin-top: 60px; }
.build .build-list li { background: #fff; text-align: center; padding: 0; }
.build .build-list li .text { margin-top: 40px; margin-bottom: 30px; text-align: center; color: #333; font-size: 16px; position: relative; padding-top: 20px; }
.build .build-list li .text:before { display: inline-block; content: ""; position: absolute; top: 0; left: 40%; width: 20%; height: 4px; background: #036536; }

@media (max-width: 767px) { .build { padding-bottom: 80px; }
  .build .build-list li .text { font-size: 12px; } }
.team { padding: 50px 0; }
.team .team-list { margin-top: 60px; }
.team .team-list li { text-align: center; }
.team .team-list li p { font-size: 16px; color: #4c4c4c; line-height: 26px; margin-top: 6px; }

@media (max-width: 767px) { .team { padding: 30px 0; }
  .team .team-list li p { font-size: 12px; }
  .team .team-list li { padding: 0 5px; }
  .team .team-list { margin-top: 30px; } }
.more { text-align: center; margin-top: 40px; }
.more a { font-size: 16px; color: #808080; padding: 9px 60px; border: 1px solid #ccc; display: inline-block; }
.more a:hover { background: #036536; color: #fff; border: 1px solid #036536; }

.base { padding: 50px 0; background: #f4f4f4; }
.base .base-list { margin-top: 50px; }
.base .base-list li { margin: 10px auto; }
.base .base-list li a p { text-align: center; font-size: 16px; color: #000; line-height: 36px; }

@media (max-width: 767px) { .base { padding: 30px 0; }
  .base .base-list { margin-top: 30px; }
  .base .base-list li a p { font-size: 14px; }
  .base .base-list li { margin: 5px auto; } }
.consult { padding: 50px 0; }
.consult .consult-box { margin-top: 50px; }
.consult .consult-list .img-box { float: left; width: 9%; margin-right: 2%; }
.consult .consult-list .text-info { width: 89%; float: left; }
.consult .consult-list .text-info .Q { padding: 10px 0 10px 15px; background: #f7f7f7; border-radius: 6px; }
.consult .consult-list .text-info .Q span { color: #9b0000; }
.consult .consult-list .text-info .Q p { color: #333; margin-top: 5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.consult .consult-list .text-info .A { margin-top: 8px; }
.consult .consult-list .text-info .A span { display: inline-block; width: 8%; margin-right: 2%; text-align: center; color: #333; padding-left: 15px; }
.consult .consult-list .text-info .A p { display: inline-block; background: #f7f7f7; border-radius: 6px; padding: 8px 0 8px 15px; width: 89%; color: #333; }
.consult .consult-list:not(:last-child) { margin-bottom: 25px; }

@media (min-width: 992px) and (max-width: 1200px) { .consult .consult-list .text-info .A span { margin-right: 1.5%; } }
@media (max-width: 992px) { .consult .consult-list .text-info .A span { width: 100%; text-align: left; }
  .consult .consult-list .text-info .A p { width: 100%; } }
.footer-top { background: #036536; }
.footer-top .copy { text-align: center; }
.footer-top .copy span, .footer-top .copy a { color: #fff; font-size: 14px; margin-right: 6px; display: inline-block; padding: 20px 0; }

@media (max-width: 767px) { .footer-top .copy span, .footer-top .copy a { display: block; padding: 6px 0; } }
.home-form { border-right: 1px solid #f0f0f0; padding-right: 30px; }
.home-form .form-header { font-size: 16px; padding-left: 15px; }
.home-form form { padding: 0 15px 20px; border-bottom: 1px solid #f8f8f8; }
.home-form form .form-group { margin-top: 20px; }
.home-form form .form-group label { font-weight: 400; }
.home-form form .form-group input[type="text"], .home-form form .form-group textarea { border: 0; border-bottom: 1px solid #dbdbdb; -webkit-box-shadow: none; box-shadow: none; border-radius: 0; padding: 6px 0; }
.home-form form .form-group textarea { resize: none; height: 90px; }
.home-form form .f-submit { padding: 12px; background-color: #2bbbad; color: #fff; }

@media (min-width: 768px) and (max-width: 992px) { .home-form form .form-group textarea { height: 140px; } }
@media (max-width: 768px) { .home-form { border-right: 0; padding-right: 0; margin-top: 50px; }
  .home-form .form-header { padding-left: 0; text-align: center; margin-bottom: 30px; }
  .home-form form { padding: 0 15px; border-bottom: 0; } }
@media (max-width: 320px) { .home-form { border-right: 0; padding-right: 0; margin-top: 50px; }
  .home-form .form-header { font-size: 14px; padding-left: 0; text-align: center; margin-bottom: 30px; }
  .home-form form { padding: 0; border-bottom: 0; } }
@media (max-width: 450px) { .overview .cont { padding-top: 70px; }
  .o-top-header .o-logo { margin-right: 0; margin-bottom: 30px; } }
.market-footer { background-color: #2c2c2c; padding: 70px 0; }
.market-footer .flex { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.market-footer .code-box { border: 4px solid #494949; width: 150px; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; }
.market-footer .code-box img { width: 100%; }
.market-footer .c-header { padding-bottom: 10px; border-bottom: 1px solid #777; margin-bottom: 10px; }
.market-footer .c-header .title { color: #fff; margin-bottom: 5px; }
.market-footer .c-header .sub-title { color: #777; font-family: Arial; text-transform: uppercase; font-size: 12px; }
.market-footer .txt { color: #848484; }
.market-footer .c-address, .market-footer .c-tel { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }
.market-footer .c-address { padding-right: 40px; text-align: right; }
.market-footer .c-address .title { text-align: right; }
.market-footer .c-tel { padding-left: 40px; text-align: left; }
.market-footer .c-tel .title { text-align: left; }

@media (max-width: 992px) { .market-footer .flex { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; }
  .market-footer .c-address, .market-footer .c-tel { margin-top: 30px; } }
@media (max-width: 768px) { .market-footer { padding: 30px 0; }
  .market-footer .flex { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
  .market-footer .code-box { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; margin: 0 auto; }
  .market-footer .c-address, .market-footer .c-tel { width: 100%; }
  .market-footer .c-address { padding: 0; text-align: left; }
  .market-footer .c-address .title { text-align: left; }
  .market-footer .c-tel { padding: 0; } }