@media(min-width:1330px){
    .container{width:1330px;}
}
i,em{font-style:normal}
.disN{display:none;}
.disB{display:block;}
a{transition:all 0.2s linear 0s;}
    a:hover {
        color: var(--fontColor);
    }
img{vertical-align:bottom;image-rendering:-webkit-optimize-contrast;}
input[type=text],textarea{font-family:Arial, Helvetica, sans-serif;-webkit-appearance: none;}
.nav .open > a, .nav .open > a:focus, .nav .open > a:hover {
    background: none;
    border:0;
}
@font-face {
    font-family: 'iconfont';
    src: url('../fonts/iconfont.woff2?t=1628666875768') format('woff2'),
    url('../fonts/iconfont.woff?t=1628666875768') format('woff'),
    url('../fonts/iconfont.ttf?t=1628666875768') format('truetype');
}
.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.noPro{text-align:center;width:100%;}
.noPro img{height:150px !important;margin-bottom:30px;}
.noPro span{display:block;font-size:14px;color:#999;}
.pro_detail .pro_bottom .pro_content .noPro img{height:150px !important;}
/*大包装询价*/
#blukquote_dialog .formcolumn-item{display:flex;align-items:center;margin-bottom:12px;}
#blukquote_dialog .formcolumn-item dt{font-size:14px;color:#555;margin-right:10px;width:80px;}
#blukquote_dialog  .formcolumn-item dd{width:calc(100% - 100px);position:relative}
#blukquote_dialog  .formcolumn-item dd input{width:90%;height:38px;line-height:38px;padding:0 10px;border:1px solid #dedede;border-radius:3px;box-shadow:none;transition:border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;}
#blukquote_dialog .formcolumn-item dd input:focus{border:1px solid #66afe9;outline:0 none;box-shadow:0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 6px rgba(102, 175, 233, 0.6)}
#blukquote_dialog  .formcolumn-item dd textarea {
    width: 90%;
    height: 150px;
    padding: 5px 10px;
    border: 1px solid #dedede;
    border-radius: 3px;
    box-shadow:none;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    resize:none;
}
#blukquote_dialog  .formcolumn-item dd textarea:focus{border:1px solid #66afe9;outline:0 none;box-shadow:0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 6px rgba(102, 175, 233, 0.6)}
#blukquote_dialog  .formcolumn-item dd .form-vcodebox img{height:38px;}
#blukquote_dialog  .formcolumn-item-ct{display:flex;line-height:38px;}
#blukquote_dialog  .formcolumn-item dd .form-vcodebox{width:110px;order:1;height:38px;margin-left:10px;}
#blukquote_dialog  .formcolumn-item dd .formcom-vcode{width:20%;}
#blukquote_dialog .formcolumn-item dd .required{order:3;margin-left:10px;font-weight:bold;}
#blukquote_dialog .formcolumn-item.formcolumn-item-tips{margin-bottom:0;}
#blukquote_dialog .formcolumn-item.formcolumn-item-tips .text{font-size:12px;color:#FF0D0D;}
#blukquote_dialog  .formcolumn-item dd .formcolumn-item-tips{order:4;}
#blukquote_dialog .modal-footer{border-top:0;padding:30px 0;text-align:center;}
#blukquote_dialog .modal-footer input{background:var(--bgColor);color:#fff;width:40%;padding:0;font-size:16px;height:40px;transition:all 0.2s linear 0s;}
#blukquote_dialog .modal-footer input:hover{background:var(--bgHoverColor);}
#blukquote_dialog .modal-footer input:hover{color:#fff;}


/*index header*/
/*header*/
/*顶部logo及搜索*/
.header_logo_search{width:100%;z-index:100;background:#fff;}
.header_logo_search .container{display:flex;align-items:center;height:90px;}
.header_logo_search .container:before,.header_logo_search .container:after{display:none;}
.header_logo_search .logo_btn{width:330px;}
.header_logo_search .logo_btn img{max-width:100%;}
.header_logo_search .search_form{width:270px;display:flex;align-items:center;overflow:hidden;height:40px;margin-left:50px;}
.header_logo_search .search_form input{border:1px solid #aeaeae;border-right:0;display:inline-block;flex:1;height:40px;line-height:38px;margin:0;font-size:14px;color:#333;padding:0 10px;}
.header_logo_search .search_form input::-webkit-input-placeholder{color:#999999;} /* WebKit browsers */
.header_logo_search .search_form input::-moz-placeholder{color:#999999;} /* Mozilla Firefox 4 to 18 */
.header_logo_search .search_form input:-moz-placeholder{color:#999999;} /* Mozilla Firefox 19+ */
.header_logo_search .search_form input:-ms-input-placeholder{color:#999999;}/* Internet Explorer 10+ */
.header_logo_search .search_form button{background:none;padding:0;border:1px solid #aeaeae;display:inline-block;height:40px;width:40px;text-align:center;line-height:38px;transition:all 0.2s linear 0s;color:var(--fontColor);}
.header_logo_search .search_form button i{font-size:20px;}
.header_logo_search .search_form button:hover{background:var(--bgColor);border-color:var(--bgColor);color:#fff;}
.header_logo_search .language_box{display:flex;align-items:center;height:40px;margin-left:25px;}
.header_logo_search .language_box i{font-size:24px;color:#999999;margin-right:6px;}
.header_logo_search .language_box a{font-size:16px;color:#999999;}
.header_logo_search .language_box em{font-size:16px;color:#999999;}
.header_logo_search .language_box a:hover{color:var(--fontColor);text-decoration:underline;}

/*手机端搜索*/
.phone_search_box{border-bottom:1px solid #dedede;background:#f9f9f9;}
.phone_search_box .container{padding-top:10px;padding-bottom:10px;}
.phone_search_box #mobilesearchbox{height:38px;width:100%;float:left;;}
.phone_search_box #mobilesearchbox input{display:inline-block;width:calc(100% - 50px);height:38px;line-height:38px;border:2px solid var(--bgColor);padding:0 10px;margin:0;border-radius:30px 0 0 30px;font-size:13px;color:#333;float:left;}
.phone_search_box #mobilesearchbox button{padding:0;border:0;display:inline-block;height:38px;width:50px;text-align:center;line-height:38px;background:var(--bgColor);border-radius:0 30px 30px 0;font-size:16px;color:#fff;float:left;}

/*导航栏*/
.kj-navbar{margin-bottom:0;border:0;border-radius:0;z-index:200;min-height:90px;}
.kj-navbar .navbar-header{display:none;}
.kj-navbar .navbar-collapse{padding:0;}
.kj-navbar .navbar-nav{width:100%;}
.kj-navbar .navbar-nav >li >a{font-size:18px;font-weight:bold;color:#333333;padding:0;margin:0 0 0 25px;height:90px;line-height:90px;position:relative;}
.kj-navbar .navbar-nav >li >a:before{content:"";width:0;height:2px;background:var(--bgColor);position:absolute;top:0;left:0;transition:all 0.2s linear 0s;}
.kj-navbar .navbar-nav >li:first-child >a{margin-left:0;}
.kj-navbar .navbar-nav >li:hover >a{background:none;color:var(--fontColor)}
.kj-navbar .navbar-nav >li:hover >a:before{width:100%;}
.kj-navbar .navbar-nav >li >a:focus{background:none;color:var(--fontColor)}
.kj-navbar .navbar-nav >li.active > a{background:none;color:var(--fontColor);}
.kj-navbar .navbar-nav >li.active > a:before{width:100%;}
.kj-navbar .navbar-nav >li >ul{top:100%;border:0;box-shadow:0 0 10px rgba(0,0,0,0.2);}
.kj-navbar .navbar-nav >li >ul li a{padding:0 20px;line-height:36px;font-size:15px;color:#333;text-align:center;}
.kj-navbar .navbar-nav >li >ul li a:hover{background:var(--bgColor);color:#fff;}



/*float*/
.float_box{position:fixed;right:0;top:50%;transform:translateY(-50%);transition:all 0.2s linear 0s;z-index:1000;}
.float_box ul{display:inline-block;width:100%;}
    .float_box ul li {
        position: relative;
        display: block;
        width: 68px;
        height: 68px;
        background: #989898;
        text-align: center;
        vertical-align: bottom;
        transition: all 0.2s linear 0s;
        cursor: pointer;
        margin-bottom:1px;
        color:#fff;
        padding-top:13px;
        font-size:12px;
    }
.float_box ul li a span{color:#fff;}
.float_box ul li i{font-size:24px;color:#fff;display:block;line-height:29px;transition:all 0.2s linear 0s;}
.float_box ul li:hover{background: #577B19;}
.float_box ul li .qq_box{padding:10px;background: var(--bgColor);position:absolute;right:68px;top:0;display:none;width:120px;}
.float_box ul li .qq_box a{height:28px;line-height:28px;border-radius:30px;display:block;margin-top:10px;font-size:14px;color:var(--bgColor);background:#fff;}
.float_box ul li .qq_box a:hover{text-decoration:underline;}
.float_box ul li .qq_box a:first-child{margin-top:0;}
.float_box ul li .qq_box a:active{position:relative;top:2px;}
.float_box ul li .tel_box{align-items:center;display:none; position:absolute;right:68px;top:0;padding:16px 16px 8px 16px;font-size:14px;background:#fff;line-height:28px;width:240px;box-shadow:0 3px 8px rgba(0,0,0,0.15);overflow:hidden;}
.float_box ul li .tel_box:before{content:"";width:100%;height:6px;background:var(--bgColor);position:absolute;top:0;left:0;}
.float_box ul li .tel_box i{font-size:42px;color:#d3d3d3;margin-right:10px;padding-top:0;}
.float_box ul li .tel_box span{font-size:22px;line-height:28px;text-align:left;color:var(--bgColor);}
.float_box ul li .tel_box span em{display:block;color:#aaa;font-size:14px;}
.float_box ul li .code_box{padding:10px;background: var(--bgColor);position:absolute;right:68px;top:0;display:none;}
.float_box ul li .code_box img{width:100px;}
.float_box ul li .code_box span{line-height:18px;color:#fff;margin-top:5px;}
.float_box ul li#fqq:hover .qq_box{display:block;}
.float_box ul li#ftel:hover .tel_box{display:flex;}
.float_box ul li#weixin:hover .code_box{display:block;}
.phone_top{display: none;position: fixed;bottom: 60px;right: 10px;z-index: 1000;width: 40px;height: 40px;background: var(--bgColor);border-radius: 50%;text-align: center;line-height: 40px;}
.phone_top i {color: #fff;font-size: 20px;}





/*分页*/
.kj-page{text-align:center;}
.kj-page .pagination{margin:40px 0 20px 0;}
.kj-page .pagination > li > a,.kj-page .pagination > li > span{font-size:13px;margin:0px 7.5px;padding:0;width:40px;height:40px;line-height:38px;border-radius:50%;color:#333;}
.kj-page .pagination > li > a:hover,.kj-page .pagination > li > span:hover{background:var(--bgColor);color:#fff;border-color:var(--bgColor);}
.kj-page .pagination > li.active > a{background:var(--bgColor);color:#fff;border-color:var(--bgColor);}



/*文章*/
.page_about {
    padding-bottom: 140px;
}
.page_about h1{text-align:center;font-weight:bold;font-size:38px;color:#333333;line-height:50px;margin:48px 0 30px 0;}
.page_about .container:nth-child(3){display:flex;flex-wrap: wrap;}
.page_about .left_brief{font-size:16px;color:#666666;line-height:39px;text-align:justify;}
.page_about .right_img{width:100%;margin-top:55px;}
.page_about .right_img img{max-width:100%;margin:0 auto;}
.about_culture{background:url("../images/culture_bg.png") no-repeat center;background-size:cover;padding:115px 0;}
.about_culture .container{display:flex;flex-wrap: wrap;align-items:center;}
.about_culture .left_img{width:624px;}
.about_culture .left_img img{max-width:100%;}
.about_culture .right_text{flex:1;padding-left:80px;}
.about_culture .right_text h1{font-weight:bold;font-size:36px;color:#333333;line-height:50px;}
.about_culture .right_text .brief_text{font-size:16px;color:#333333;line-height:40px;margin-top:24px;}
.contact_us_box ul{display:flex;flex-wrap: wrap;justify-content: space-between;margin:52px 0 32px 0;}
.contact_us_box ul li{width:220px;}
.contact_us_box ul li i{margin:0 auto;display:block;width:90px;height:90px;border-radius:50%;background:#fff;box-shadow:0 0 10px rgba(0,0,0,0.2);text-align:center;line-height:90px;font-size:40px;color:var(--fontColor);transition:all 0.2s linear 0s;}
.contact_us_box ul li h1{text-align:center;font-size:18px;color:#333333;font-weight:bold;line-height:34px;margin-top:20px;}
.contact_us_box ul li span{display:block;text-align:center;font-size:16px;color:#333333;line-height:26px;}
.contact_us_box ul li a{display:block;text-align:center;font-size:16px;color:#333333;line-height:26px;}
.contact_us_box ul li a:hover{color:Var(--fontColor);text-decoration:underline;}
.contact_us_box ul li:hover i{background:var(--bgColor);color:#fff;}
.map_box{background:#f1f1f1;width:100%;height:372px;}
.swiper-button-next:after, .swiper-button-prev:after{
    display:none;
}
body {
  --normalcolor: #fff;
  --bgColor: #577B19;
  --bgHoverColor: #F4A234;
  --fontColor: #577B19;
  --fontHoverColor: #F4A234;
  overflow-x: hidden;
  padding-top: 140px !important;
}
a {
  color: #333;
  transition-duration: 0.3s;
}
a:hover {
  color: var(--fontHoverColor);
  text-decoration: none;
}
div {
  transition-duration: 0.3s;
}
.container {
  width: 1430px;
}
.container::after,
.container::before {
  display: none;
}
.search {
  display: flex;
  justify-content: space-between;
}
.search .searchBox {
  display: flex;
  border: 1px solid var(--bgColor);
  border-radius: 40px;
  width: 100%;
  align-items: center;
  justify-content: space-between;
  margin: 10px 0;
}
.search .searchBox input {
  height: 43px;
  border: none;
  border-radius: 40px;
  padding: 0;
  padding-left: 20px;
  outline: none;
  width: calc(100% - 55px);
  box-shadow: none;
}
.search .searchBox input:focus {
  box-shadow: none;
}
.search .searchBox input::placeholder {
  font-size: 14px;
}
.search .searchBox button {
  height: 43px;
  width: 58px;
  background-color: var(--bgColor);
  border: none;
  border-radius: 40px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  color: #fff;
  font-size: 15px;
  transition-duration: 0.39s;
}
.search .searchBox button i {
  font-size: 20px;
}
.search .searchBox button:hover {
  background-color: var(--bgHoverColor);
}
.header {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  box-shadow: 0 3px 6px #EBEBEB;
  background-color: #fff;
  z-index: 99;
}
.header .header_top {
  background-color: #1B1B1B;
  height:40px;
}
.header .header_top .container {
  color: var(--normalcolor);
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 40px;
}
.header .header_top .container .left {
  display: flex;
  align-items: center;
}
.header .header_top .container .left span {
  margin-left: 35px;
  display: flex;
  align-items: center;
}
.header .header_top .container .left .iconfont {
  font-size: 14px;
  display: flex;
  align-items: center;
}
.header .header_top .container .left .iconfont::before {
  font-size: 16px;
  color: #8D8D8D;
}
.header .header_top .container .left .iconfont::after {
  content: "";
  width: 2px;
  display: block;
  background-color: #494949;
  height: 15px;
  margin: 0 10px;
}
.header .header_top .container .left a {
  display: flex;
  align-items: center;
  color: #fff;
}
.header .header_top .container .left a:hover {
  color: var(--bgColor);
}
.header .header_top .container .right {
  display: flex;
  align-items: center;
}
.header .header_top .container .right .language {
  display: flex;
  align-items: center;
  border-radius: 3px;
  border: 1px solid #494949;
  padding: 0 10px;
  padding-top: 3px;
  padding-bottom: 5px;
  position: relative;
}
.header .header_top .container .right .language .dropdown {
  position: initial;
}
.header .header_top .container .right .language .dropdown-menu {
  margin: 0;
  top: 103%;
  border: 0;
  width: 100%;
  min-width: 100%;
  border-radius: 0;
  padding: 0;
  background-color: var(--fontHoverColor);
}
.header .header_top .container .right .language .dropdown-menu a {
  color: #fff;
}
.header .header_top .container .right .language .dropdown-menu li:hover a {
  color: var(--fontHoverColor);
}
.header .header_top .container .right .language .caret {
  margin-left: 12px;
}
.header .header_top .container .right .language i {
  color: var(--bgColor);
}
.header .header_top .container .right .language .btn-default {
  color: #fff;
  margin-left: 5px;
  padding: 0;
  border: none;
  background-color: transparent;
  outline: none;
}
.header .header_top .container .right .language:hover {
  background-color: var(--bgColor);
}
.header .header_top .container .right .language:hover i {
  color: #fff;
}
.header .header_top .container .right .language:hover .dropdown-menu {
  display: block !important;
}
.header .header_btm {
  background-color: #fff;
}
.header .header_btm .container {
  align-items: center;
  display: flex;
  justify-content: space-between;
}
.header .header_btm .logo {
  width: 220px;
  height: 55px;
}
.header .header_btm .logo img {
  width: 100%;
}
.header.active .header_top {
  height: 0;
  overflow: hidden;
}
#kj-nav {
  background-color: transparent;
  border: none;
  min-height: auto;
  margin: 0;
  padding: 0;
}
#kj-nav ul {
  display: flex;
  align-items: center;
}
#kj-nav ul li {
  list-style: none;
  margin-left: 40px;
}
#kj-nav ul li a {
  font-size: 18px;
  font-weight: bold;
  position: relative;
  display: block;
  padding: 40px 20px 35px;
}
#kj-nav ul li a:hover {
  color: #fff;
  font-weight: bold;
  background-color: var(--bgColor);
}
#kj-nav ul li a.icon-sousuo21 {
  background-color: #fff !important;
  color: var(--fontColor);
  font-size: 26px;
  padding-right: 0;
  padding-top: 0;
  padding-bottom: 0;
  text-decoration: none;
}
#kj-nav ul li a.icon-sousuo21:hover {
  transform: scale(1.2);
  color: var(--fontHoverColor);
}
#kj-nav ul li.active a {
  color: #fff;
  background-color: var(--bgColor);
  font-weight: bold;
}
#kj-nav ul li.active a::after {
  background-color: var(--bgColor);
}
.swiper-button-prev,
.swiper-button-next {
  background-image: none;
}
.kj-default-swiper1 {
  height: 690px;
}
.kj-default-swiper1 .swiper-slide {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
.kj-default-swiper1 .swiper-button-prev,
.kj-default-swiper1 .swiper-button-next {
  background-image: none;
  color: var(--normalcolor);
  font-size: 18px;
  height: 45px;
  width: 45px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.3);
}
.kj-default-swiper1 .swiper-button-prev:hover,
.kj-default-swiper1 .swiper-button-next:hover {
  background-color: var(--normalcolor);
  color: var(--fontHoverColor);
}
.kj-default-swiper1 .swiper-button-prev {
  left: 20px;
}
.kj-default-swiper1 .swiper-button-next {
  right: 20px;
}
.index_adus {
  display: flex;
  padding-top: 95px;
  padding-bottom: 110px;
}
.index_adus .counter-section {
  display: flex;
  margin-top: 80px;
  justify-content: space-between;
}
.index_adus .counter-section .timer {
  font-size: 46px;
  line-height: 34px;
  color: var(--fontColor);
}
.index_adus .counter-section .item {
  width: 135px;
}
.index_adus .counter-section .text {
  font-size: 16px;
  margin-top: 10px;
  padding-left: 15px;
}
.index_adus .counter-section .footerText {
  font-style: normal;
  font-size: 20px;
  color: #666;
}
.index_adus .left,
.index_adus .right {
  width: 50%;
}
.index_adus .left {
  padding-right: 75px;
}
.index_adus .left h2 {
  font-size: 38px;
  line-height: 52px;
}
.index_adus .left .content {
  margin-top: 30px;
  color: #666;
  font-size: 17px;
  line-height: 35px;
}
.index_adus .right {
  padding-left: 83px;
  display: flex;
}
.index_adus .right .ab_banner {
  width: 305px;
  height: 440px;
}
.index_adus .right .ab_banner .swiper-slide {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
.index_adus .right .ab_banner .swiper-pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 165px;
  height: 56px;
  bottom: 50px;
  background-color: rgba(87, 123, 25, 0.5);
}
.index_adus .right .ab_banner .swiper-pagination-bullet {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background-color: #fff;
  opacity: 1;
}
.index_adus .right .ab_banner .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: var(--bgHoverColor);
}
.index_adus .right .box {
  margin-left: 10px;
  width: calc(100% - 315px);
}
.index_adus .right .box .top {
  padding: 30px 65px 20px 20px;
  color: #fff;
  width: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  display: block;
  background-image: url('../images/qiyerongyu.png');
  height: 207px;
}
.index_adus .right .box .top a {
  color: #fff;
}
.index_adus .right .box .top a:hover {
  text-decoration: underline;
}
.index_adus .right .box .top .content {
  margin-top: 15px;
  font-size: 15px;
  line-height: 26px;
  word-break: break-all;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
}
.index_adus .right .box .bottom {
  margin-top: 10px;
  height: 222px;
  background-image: url('../images/qiyewenhua.png');
}
.index_service {
  padding-top: 100px;
  padding-bottom: 170px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url('../images/serverbg.png');
}
.index_service .header_title {
  font-size: 40px;
  text-align: center;
  color: #fff;
}
.index_service .service_box {
  margin-top: 60px;
}
.index_service .container {
  position: relative;
}
.index_service .swiper-button-prev,
.index_service .swiper-button-next {
  top: 59%;
  height: 57px;
  width: 57px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #fff;
  color: var(--bgColor);
}
.index_service .swiper-button-prev:hover,
.index_service .swiper-button-next:hover {
  background-color: var(--bgHoverColor);
  color: #fff;
}
.index_service .swiper-button-prev {
  left: -82px;
}
.index_service .swiper-button-prev::before {
  transform: rotate(-180deg);
}
.index_service .swiper-button-next {
  right: -82px;
}
.index_service .box {
  background-color: #fff;
  padding: 35px 30px 60px;
  position: relative;
  margin-bottom: 18px;
}
.index_service .box .img {
  margin: 0 auto;
  background-color: #fff;
  border: 1px solid var(--bgColor);
  height: 260px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 260px;
}
.index_service .box .img a {
  display: block;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 240px;
  width: 240px;
  border-radius: 50%;
}
.index_service .box h3 {
  font-size: 18px;
  font-weight: bold;
  margin-top: 20px;
}
.index_service .box h3::after {
  content: "";
  display: block;
  width: 30px;
  height: 3px;
  background-color: var(--bgHoverColor);
  margin-top: 10px;
}
.index_service .box .content {
  color: #666;
  line-height: 28px;
  word-break: break-all;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.index_service .box .detail_btn {
  width: 180px;
  border: 1px solid transparent;
  height: 40px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  border-radius: 40px;
  align-items: center;
  justify-content: center;
  position: absolute;
  background-color: var(--bgHoverColor);
  color: #fff;
  padding-left: 14px;
  bottom: -18px;
}
.index_service .box .detail_btn i {
  position: relative;
  left: 36px;
}
.index_service .box:hover {
  background-color: var(--bgHoverColor);
}
.index_service .box:hover h3 a {
  color: #fff;
}
.index_service .box:hover h3::after {
  background-color: #fff;
}
.index_service .box:hover .content {
  color: #fff;
}
.index_service .box:hover .detail_btn {
  border: 1px solid #fff;
  background-color: var(--bgColor);
}
.recommand_pro {
  padding-top: 90px;
  padding-bottom: 135px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url('../images/commandbg.png');
}
.recommand_pro .container {
  position: relative;
}
.recommand_pro .header_title {
  font-size: 40px;
}
.recommand_pro .header_title span {
  display: block;
  color: #999;
  font-size: 18px;
  margin-top: 5px;
}
.recommand_pro .swiper-button-prev,
.recommand_pro .swiper-button-next {
  height: 40px;
  width: 40px;
  top: 60%;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background-color: var(--bgColor);
  color: #fff;
}
.recommand_pro .swiper-button-prev:hover,
.recommand_pro .swiper-button-next:hover {
  background-color: var(--bgHoverColor);
}
.recommand_pro .swiper-button-prev {
  left: -35px;
}
.recommand_pro .swiper-button-prev::before {
  transform: rotate(-180deg);
}
.recommand_pro .swiper-button-next {
  right: -35px;
}
.recommand_pro .box {
  overflow: hidden;
  border: 2px solid transparent;
  background-color: #fff;
}
.recommand_pro .box .img {
  height: 185px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #fff;
}
.recommand_pro .box .img img {
  max-width: 100%;
  max-height: 100%;
  transition-duration: 0.3s;
}
.recommand_pro .box .title {
  height: 50px;
  word-break: break-all;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  line-height: 50px;
  font-size: 16px;
  text-align: center;
  width: 98%;
  margin: 0 auto;
  border-top: 1px solid #D7D7D7;
}
.recommand_pro .box:hover {
  border-radius: 4px;
  background-color: var(--bgColor);
  border-color: var(--fontColor);
}
.recommand_pro .box:hover .title {
  color: #fff;
  border-color: transparent;
}
.recommand_pro .box:hover .img img {
  transform: scale(0.8);
}
.recommand_pro .recommand_box {
  margin-top: 30px;
}
.processing_services {
  padding-top: 120px;
  padding-bottom: 150px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url('../images/pbg.png');
}
.processing_services .header_title {
  font-size: 40px;
}
.processing_services .header_title span {
  display: block;
  color: #999;
  font-size: 18px;
  margin-top: 5px;
}
.processing_services .processing_flex {
  display: flex;
  margin-top: 50px;
  justify-content: space-between;
}
.processing_services .box .img {
  margin: 0 auto;
  background-color: #EEF6E2;
  height: 210px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 210px;
}
.processing_services .box .img a {
  display: block;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 190px;
  width: 190px;
  border-radius: 50%;
}
.processing_services .box h3 {
  text-align: center;
  font-size: 20px;
}
.processing_services .box h3::before {
  content: "";
  display: block;
  width: 42px;
  height: 3px;
  background-color: var(--bgColor);
  margin: 20px auto 15px;
}
.processing_services .box:hover .img {
  background-color: #577B19;
}
.processing_services .box:nth-child(odd) {
  margin-top: 25px;
}
.reason_select {
  padding-top: 100px;
  padding-bottom: 100px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url('../images/choosebg.png');
  position: relative;
}
.reason_select .choose {
  width: 270px;
  height: 270px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url('../images/choose.png');
  position: absolute;
  z-index: 2;
  left: 50%;
  text-align: center;
  top: 40%;
  transform: translateX(-50%);
  display: flex;
  align-items: center;
  justify-content: center;
}
.reason_select .choose .in {
  font-size: 24px;
  color: #fff;
}
.reason_select .choose img {
  display: block;
  margin: 0 auto;
  margin-bottom: 10px;
}
.reason_select .row {
  margin-left: 0;
  margin-right: -20px;
}
.reason_select .row .col-md-6 {
  padding-left: 0;
  padding-right: 20px;
}
.reason_select .header_title {
  margin-bottom: 50px;
  text-align: center;
  font-size: 40px;
  color: #fff;
  line-height: 32px;
  letter-spacing: 2px;
}
.reason_select .header_title span {
  margin-top: 20px;
  display: block;
  font-size: 20px;
  letter-spacing: 0px;
}
.reason_select .box {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
  border-radius: 15px;
  overflow: hidden;
  height: 236px;
  background-color: #fff;
  padding: 0px 160px 0px 30px;
}
.reason_select .box h3 {
  font-size: 24px;
}
.reason_select .box .content {
  margin-top: 15px;
  line-height: 24px;
  color: #666;
  word-break: break-all;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 6;
}
.reason_select .box:hover {
  background-color: var(--bgHoverColor);
}
.reason_select .box:hover h3 {
  color: #fff;
}
.reason_select .box:hover .content {
  color: #fff;
}
.reason_select .col-md-6:nth-child(2) .box,
.reason_select .col-md-6:nth-child(4) .box {
  padding-left: 160px;
  padding-right: 55px;
}
.index_news {
  padding-top: 85px;
  padding-bottom: 145px;
  background-color: #F6F7F9;
  position: relative;
}
.index_news .row {
  margin-left: 0;
  margin-right: -35px;
}
.index_news .col-md-4 {
  padding-left: 0;
  padding-right: 35px;
}
.index_news .header_title {
  font-size: 40px;
}
.index_news .header_title span {
  font-size: 20px;
  display: block;
  color: #666;
  text-transform: uppercase;
}
.index_news .news_swiper {
  margin-top: 50px;
}
.index_news .swiper-pagination {
  display: flex;
  text-align: center;
  align-items: center;
  justify-content: center;
  width: 100%;
  bottom: 90px;
}
.index_news .swiper-pagination-bullet {
  width: 16px;
  height: 16px;
  margin: 0 5px;
  border-radius: 50%;
  background-color: var(--bgColor);
  opacity: 1;
}
.index_news .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: var(--bgHoverColor);
}
.index_news .box {
  position: relative;
  background-color: #fff;
  margin-bottom: 20px;
}
.index_news .box .timer {
  position: absolute;
  width: 90px;
  height: 90px;
  right: 25px;
  top: 20px;
  border-radius: 50%;
  background-color: rgba(87, 123, 25, 0.9);
  color: #fff;
  text-align: center;
  font-size: 15px;
  padding-top: 20px;
}
.index_news .box .timer span {
  font-size: 30px;
  line-height: 30px;
  font-weight: bold;
  display: block;
}
.index_news .box .img {
  height: 240px;
  position: relative;
  display: block;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
.index_news .box .info {
  padding: 30px 25px 40px;
}
.index_news .box .info .title {
  font-size: 18px;
  word-break: break-all;
  line-height: 32px;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.index_news .box .info .content {
  color: #666;
  line-height: 26px;
  margin-top: 10px;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
.index_news .box .more_btn {
  position: absolute;
  font-size: 35px;
  color: var(--fontColor);
  right: 30px;
  bottom: -22px;
}
.index_news .box:hover .title {
  color: var(--bgColor);
}
.index_news .box:hover .more_btn {
  color: var(--bgHoverColor);
}
.footer {
  margin-top: 75px;
  background-color: #373737;
  padding-top: 70px;
}
.footer a:hover {
  text-decoration: underline;
}
.footer hr {
  margin: 0;
  margin-top: 50px;
  border-top: 1px solid rgba(255, 255, 255, 0.2);
}
.footer ul {
  display: flex;
  justify-content: space-between;
  padding-bottom: 80px;
}
.footer ul span {
  width: 40px;
  height: 40px;
  background-image: url('../images/tel.png');
  display: block;
  margin-right: 25px;
}
    .footer ul span.email {
        background-image: url('../images/add.png')
    }
.footer ul span.add{
  background-image: url('../images/add.png')
}
.footer ul .content {
  color: #fff;
  display: flex;
  margin-bottom: 20px;
  align-items: center;
}
.footer ul .content div {
  line-height: 24px;
}
.footer ul li {
  font-size: 15px;
  line-height: 36px;
  list-style: none;
}
.footer ul li img {
  width: 130px;
}
.footer ul li h3 {
  font-size: 20px;
  font-weight: bold;
  color: #fff;
  margin-bottom: 25px;
}
.footer ul li a {
  display: block;
  color: rgba(255, 255, 255, 0.9);
}
.footer ul li:last-child {
  margin-left: 160px;
}
.footer .kj-ftm {
  color: rgba(255, 255, 255, 0.9);
  background-color: #111111;
}
.footer .kj-ftm .container {
  display: flex;
  height: 78px;
  align-items: center;
  justify-content: space-between;
}
.footer .kj-ftm a {
  color: rgba(255, 255, 255, 0.9);
}
.navbar-toggle {
  background-color: var(--bgColor);
  margin-right: 0;
}
.navbar-toggle span {
  background-color: #fff;
}
.phone {
  display: none;
}
.page_banner {
  color: #fff;
  display: flex;
  align-items: center;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 430px;
  position: relative;
}
.page_banner h2 {
  font-size: 40px;
  font-weight: bold;
  text-align: center;
}
.page_banner span {
  color: #fff;
  display: block;
  margin-top: 10px;
  font-size: 20px;
}
.page_banner .page_nav {
  display: flex;
  background-color: #fff;
  border-radius: 5px;
  justify-content: center;
  left: 50%;
  transform: translateX(-50%);
  width: 1400px;
  position: absolute;
  bottom: -43px;
  box-shadow: 0 0 40px rgba(0, 0, 0, 0.2);
  z-index: 2;
}
.page_banner .page_nav li.active a {
  background-color: var(--bgColor);
  color: #fff;
}
.page_banner .page_nav li.active a::after {
  background-color: transparent;
}
.page_banner .page_nav li.active .second a {
  background-color: transparent;
}
.page_banner .page_nav li.active .second a:hover {
  background-color: var(--bgColor);
}
.page_banner .page_nav li {
  width: 20%;
  list-style: none;
  text-align: center;
  position: relative;
}
.page_banner .page_nav li a {
  display: block;
  font-size: 18px;
  color: var(--bgColor);
  line-height: 73px;
  position: relative;
  border-radius: 5px;
}
.page_banner .page_nav li a:hover {
  background-color: var(--bgColor);
  color: #fff;
}
.page_banner .page_nav li a:hover::after {
  background-color: transparent;
}
.page_banner .page_nav li a::after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  display: block;
  width: 1px;
  height: 45px;
  background-color: #E0E0E0;
}
.page_banner .page_nav li:hover .second {
  display: block;
}
.page_banner .page_nav .second {
  display: none;
  min-width: 100%;
  position: absolute;
  background-color: var(--bgHoverColor);
  border-radius: 0 0 5px 5px;
  z-index: 3;
}
.page_banner .page_nav .second a {
  font-size: 15px;
  color: #fff;
  line-height: 40px;
}
.page_banner .page_nav .second a::after {
  display: none;
}
.page_banner .page_nav li:last-child a::after {
  display: none;
}
.path_nav {
  padding-top: 65px;
  padding-bottom: 35px;
}
.path_nav .container {
  display: flex;
  align-items: center;
}
.path_nav .container i {
  margin-right: 10px;
  color: #666;
  position: relative;
  top: -1px;
}
.path_nav .container .breadcrumb {
  padding: 0;
  margin-bottom: 0;
  font-size: 16px;
  background-color: transparent;
  color: #333;
}
.path_nav .container .breadcrumb a {
  color: #333;
}
.path_nav .container .breadcrumb .active span {
  color: var(--fontColor);
}
.path_nav .container .breadcrumb .active a {
  color: var(--fontColor);
}
.path_nav .container .breadcrumb > li + li:before {
  content: ">";
  color: #666;
}
.prolist .row {
  margin-left: 0;
}
.prolist .col-sm-4.col-xs-6 {
  width: 20%;
  padding-left: 0;
}
.pro {
  width:100%;
  box-shadow: 0 0 10px rgba(133, 133, 133, 0.2);
  border-bottom: 2px solid var(--bgColor);
  padding: 2px;
  padding-bottom: 18px;
  background-color: #fff;
  margin-bottom: 15px;
}
.pro .img {
  display: flex;
  align-items: center;
  background-color: #fff;
  justify-content: center;
  height: 225px;
}
.pro .img img {
  max-width: 100%;
  max-height: 100%;
}
.pro .info {
  padding: 0 15px;
}
.pro .title {
  margin-top: 10px;
  height: 50px;
  line-height: 50px;
  font-size: 22px;
  word-break: break-all;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  border-bottom: 1px solid transparent;
  padding-bottom: 10px;
}
.pro .content {
  word-break: break-all;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-height: 23px;
  margin-top: 5px;
}
.pro .more_btn {
  margin-top: 18px;
  color: #999;
  font-size: 15px;
  display: flex;
  align-items: center;
  justify-content: left;
  border-radius: 10px;
  width: 120px;
  height: 40px;
}
.pro .more_btn i {
  margin-left: 5px;
}
.pro:hover {
  background-color: var(--bgColor);
}
.pro:hover .title {
  text-align: center;
  color: #fff;
  border-color: #fff;
}
.pro:hover .content {
  color: #fff;
}
.pro:hover .more_btn {
  width: 120px;
  height: 40px;
  margin: 0 auto;
  justify-content: center;
  color: #fff;
  margin-top: 18px;
  background-color: var(--bgHoverColor);
}
.pro:hover .more_btn i {
  display: none;
}
.path_nav2 {
  box-shadow: 0 0px 5px rgba(0, 0, 0, 0.1);
  padding: 0;
  margin-bottom: 5px;
}
.path_nav2 .container {
  display: flex;
  justify-content: space-between;
}
.path_nav2 .left {
  display: flex;
  align-items: center;
}
.path_nav2 .right {
  display: flex;
}
.path_nav2 .right a {
  display: block;
  font-size: 18px;
  padding: 25px 35px 20px;
}
.path_nav2 .right a:hover,
.path_nav2 .right a.active {
  background-color: var(--bgColor);
  color: #fff;
}
.news {
  margin-top: 40px;
  padding: 19px;
  box-shadow: 0 0 10px rgba(133, 133, 133, 0.2);
  padding-bottom: 15px;
}
.news .img {
  display: block;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 240px;
}
.news .title {
  font-size: 18px;
  word-break: break-all;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  margin-top: 20px;
}
.news .timer {
  color: #999;
  display: block;
  margin-top: 3px;
}
.news .content {
  color: #999;
  margin-top: 10px;
  word-break: break-all;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-height: 25px;
}
.news .more_btn {
  color: #DCDCDC;
  display: block;
  font-size: 25px;
  margin-top: 15px;
}
.news:hover {
  background-color: var(--bgColor);
}
.news:hover .title,
.news:hover .content,
.news:hover .timer {
  color: #fff;
}
.news:hover .title:hover {
  text-decoration: underline;
}
.news:hover .more_btn {
  color: var(--bgHoverColor);
}
.pro_detail {
  background-image: url('../images/probg.png');
  background-position: center center;
  background-repeat: no-repeat;
}
.pro_detail .pro_top {
  background-color: rgba(255, 255, 255, 0.5);
  display: flex;
  box-shadow: 0 0 10px rgba(133, 133, 133, 0.2);
  padding-bottom:40px;
  padding-left:30px;
}
.pro_detail .pro_top .left {
  width: 490px;
  position: relative;
}
.pro_detail .pro_top .left .pro_swiper {
  width: 100%;
  height: 300px;
}
.pro_detail .pro_top .left .swiper-slide {
  display: flex;

  align-items: center;
}
.pro_detail .pro_top .left .swiper-slide img {
  max-width: 80%;
  max-height: 80%;
}
.pro_detail .pro_top .left .swiper-pagination {
  display: flex;
  text-align: center;
  align-items: center;
  justify-content: center;
  width: 100%;
  left: 0;
  bottom: 20px;
}
.pro_detail .pro_top .left .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  margin: 0 5px;
  border-radius: 50%;
  background-color: var(--bgColor);
  opacity: 1;
}
.pro_detail .pro_top .left .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: var(--bgHoverColor);
}
.pro_detail .pro_top .right {
  width: calc(100% - 490px);
  padding-top: 40px;
  padding-right:30px;

}
.info_image_right{text-align:center;margin-left:100px;}
.pro_detail .pro_top .right img{
    width:120px;
    height:120px;
}
.pro_detail .pro_top .right .title {
  font-size: 28px;
  color: var(--bgColor);
  margin-bottom: 15px;
}
.pro_detail .pro_top .right .info_text {
  line-height: 33px;
  font-size: 16px;
}
.pro_detail .pro_top .left .more_btn {
  border-radius: 3px;
  margin-top: 30px;
  display: inline-block;
  box-shadow: 0 0 13px rgba(111, 111, 111, 0.3);
  font-size: 18px;
  color: #fff;
  padding: 9px 40px 7px 30px;
  background-color: var(--bgColor);
}
.pro_detail .pro_top .left .more_btn i {
  font-size: 24px;
  position: relative;
  bottom: 2px;
  vertical-align: middle;
}
.pro_detail .pro_top .left .more_btn i::after {
  content: "";
  position: relative;
  top: 2px;
  width: 1px;
  display: inline-block;
  height: 20px;
  margin: 0 14px;
  background-color: rgba(255, 255, 255, 0.7);
}
.pro_detail .pro_bottom {
  background-color: rgba(255, 255, 255, 0.5);
  margin-top: 30px;
  box-shadow: 0 0 10px rgba(133, 133, 133, 0.2);
}
.pro_detail .pro_bottom .nav-tabs > li.active > a,
.pro_detail .pro_bottom .nav-tabs > li.active > a:focus,
.pro_detail .pro_bottom .nav-tabs > li.active > a:hover,
.pro_detail .pro_bottom .nav-tabs > li:hover a {
  border: none;
  color: var(--bgColor);
  border-bottom: 3px solid var(--bgColor);
}
.pro_detail .pro_bottom .nav-tabs {
  padding: 0 25px;
}
.pro_detail .pro_bottom .nav-tabs > li {
  margin: 0;
  margin-right: 55px;
}
.pro_detail .pro_bottom .nav-tabs > li > a {
  font-size: 20px;
  font-weight: bold;
  border: 0;
  border-bottom: 3px solid transparent;
  background-color: transparent !important;
  padding: 0;
  padding-top: 17px;
  padding-bottom: 12px;
}
.pro_detail .pro_bottom .pro_content {
  padding: 35px 20px 90px 22px;
  font-size: 15px;
  line-height: 30px;
}
.pro_detail .pro_bottom .pro_content h3 {
  font-size: 18px;
  margin-bottom: 10px;
  color: var(--bgColor);
}
.pro_detail .pro_bottom .pro_content img {
  margin-top: 30px;
  max-width: 100%;
  height: auto !important;
}
.pro_detail .pro_bottom #repro_swiper {
  padding: 0 10px;
  padding-top: 20px;
  padding-bottom: 30px;
}
.pro_detail .pro_bottom #repro_swiper .swiper-slide {
  display: flex;
  justify-content: center;
  align-items: center;
}
.pro_detail .pro_bottom #repro_swiper .swiper-slide img {
  max-width: 100%;
  max-height: 100%;
}
.pro_detail .pro_bottom #repro_swiper .swiper-pagination {
  display: flex;
  text-align: center;
  align-items: center;
  justify-content: center;
  width: 100%;
  left: 0;
  bottom: 0px;
}
.pro_detail .pro_bottom #repro_swiper .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  margin: 0 5px;
  border-radius: 50%;
  background-color: var(--bgColor);
  opacity: 1;
}
.pro_detail .pro_bottom #repro_swiper .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: var(--bgHoverColor);
}
.pro_detail .pro_bottom #xgcp {
  padding: 20px;
}
.prolist .row{
  display:flex;
  flex-wrap:wrap;
}
.prolist .pro{
    margin-bottom:0;
    height:100%;
}
.prolist .col-sm-4.col-xs-6{
    margin-bottom:15px;
}
.article_box{
    font-size:15px;
    line-height:30px;
}
.article_box img{
    max-width:100%;
    height:auto !important;
}
.about_us {
  background-image: url('../images/abbg.jpg');
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 80px;
  padding-bottom: 100px;
}
.about_us .ab_flex {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.about_us .ab_content {
  background-color: #fff;
  padding: 30px 40px;
  border-radius: 10px;
  font-size: 15px;
  line-height: 30px;
  margin-top: 30px;
}
.about_us .left {
  width: 60%;
}
.about_us .left video {
  height: 475px;
  width: 100%;
  margin-top: 30px;
}
.about_us .left .title {
  color: #333333;
  font-weight: bold;
  font-size: 24px;
  margin-top: 0px;
}
.about_us .left .title span {
  display: block;
  color: #242b3d;
  font-weight: normal;
  font-size: 64px;
  font-family: Impact;
  margin-bottom: 5px;
}
.about_us .right {
  background-color: #fff;
  width: 40%;
  margin-top: -57px;
  border-top: 8px solid var(--bgColor);
  padding: 50px;
  padding-top: 0;
}
.about_us .right h3 {
  font-size: 32px;
  font-weight: bold;
  margin-top: 40px;
  margin-bottom: 20px;
}
.about_us .right h3::after {
  content: "";
  display: block;
  max-width: 50px;
  height: 6px;
  border-top-style: solid;
  border-top-width: 3px;
  border-top-color: var(--bgColor);
  margin-bottom: 10px;
  margin-top: 10px;
  margin-left: 0px;
}
.about_us .right h4 {
  font-weight: bold;
  font-size: 24px;
  margin-top: 30px;
  color: #333;
  margin-bottom: 20px;
}
.about_us .right .content {
  color: #555555;
  font-size: 16px;
  line-height: 30px;
  margin-bottom: 20px;
}
.honor {
  padding-bottom: 100px;
}
.honor .row {
  margin-right: 0;
}
.honor .col-md-3 {
  padding-right: 0;
}
.honor .title {
  font-size: 34px;
  text-align: center;
  color: #333333;
  margin-bottom: 40px;
}
.honor .title::after {
  content: "";
  display: block;
  border-top-style: solid;
  border-top-width: 4px;
  border-top-color: var(--bgColor);
  width: 45px;
  margin: 0 auto;
  margin-top: 15px;
}
.honor .honor_Box {
  margin-top: 15px;
  background-color: #f2f2f2;
  padding: 30px 0 10px;
}
.honor .honor_Box span {
  display: block;
  text-align: center;
  color: #666;
  font-size: 16px;
  padding: 20px 5px 10px;
}
.honor .fancybox {
  display: block;
}
.honor .fancybox img {
  max-width: 85%;
  display: block;
  margin: 0 auto;
  transition: 0.5s linear 0s;
  max-height: 90%;
}
.honor .honor_Box:hover img {
  transform: scale(1.1);
}
.yanfa h2 {
  font-size: 38px;
  color: var(--bgColor);
}
.yanfa h2 span {
  margin-top: 10px;
  display: block;
  margin-bottom: 20px;
  font-size: 40px;
  font-weight: bold;
}
.yanfa h2::after {
  content: "";
  display: block;
  width: 100px;
  height: 4px;
  background-color: var(--bgColor);
}
.yanfa .content {
  color: #808080;
  font-size: 16px;
  line-height: 34px;
}
.hexinjinzheng {
  padding-bottom: 100px;
}
.hexinjinzheng .title {
  font-size: 34px;
  text-align: center;
  color: #333333;
  margin-bottom: 40px;
}
.hexinjinzheng .title::after {
  content: "";
  display: block;
  border-top-style: solid;
  border-top-width: 4px;
  border-top-color: var(--bgColor);
  width: 45px;
  margin: 0 auto;
  margin-top: 15px;
}
.hexinjinzheng .container {
  display: flex;
}
.hexinjinzheng .container .left {
  width: 40%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 430px;
}
.hexinjinzheng .container .right {
  font-size: 15px;
  color: #7e7e7e;
  width: 60%;
  line-height: 30px;
  padding-left: 30px;
}
.hexinjinzheng .container .right h3 {
  font-size: 24px;
  font-weight: bold;
  color: var(--bgColor);
  margin-top: 20px;
  margin-bottom: 10px;
}
.counter-section {
  display: flex;
  margin-top: 80px;
  justify-content: space-between;
}
.counter-section .timer {
  font-size: 46px;
  line-height: 34px;
  color: var(--fontColor);
}
.counter-section .item {
  width: 135px;
}
.counter-section .text {
  font-size: 16px;
  margin-top: 10px;
  padding-left: 15px;
}
.counter-section .footerText {
  font-style: normal;
  font-size: 20px;
  color: #666;
}
#kj-nav ul.dropdown-menu{
    border:none;
    display:none;
    top:100%;
    padding:0;
    margin:0;
}
#kj-nav ul li:hover .dropdown-menu{
    display:block;
}
#kj-nav ul.dropdown-menu li a{
    font-size:15px;
    padding:10px;
    font-weight:normal;
    display:flex;
    background-color:#fff;
    justify-content:space-between;
    align-items:center;
    color:#333;
}
#kj-nav ul.dropdown-menu li a:hover{
    background-color:var(--bgColor);
    color:#fff;
}
#kj-nav ul.dropdown-menu li a span{
    transform:rotate(-90deg);
}
#kj-nav ul.dropdown-menu li{
    margin-left:0;
    background-color:#fff;
}
#kj-nav ul.dropdown-menu li ul.dropdown-menu{
    left: 100%;
    display:none;
    top: 0;
}
#kj-nav ul.dropdown-menu li:hover ul.dropdown-menu{
    display:block;
}
.file_btn{display:flex;align-items:center;margin-top:20px;}
.file_btn a{width:180px;height:45px;display:flex;align-items:center;justify-content:center;background-color:#eee;border-radius:40px;margin-right:15px;}
.file_btn a i{margin-right:5px; color:#577B19;}
.file_btn a:hover{background-color:#FF9A03;color:#fff;}
.file_btn a:hover i{color:#fff;}

