﻿*{box-sizing:border-box;}
.m_color .mCSB_scrollTools .mCSB_draggerRail{ width:1px; background: #ccc;}
.m_color .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:3px;-webkit-border-radius:0;border-radius:0;background:#52b237;}
.m_color .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.m_color .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.m_color .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag:hover .mCSB_dragger_bar{ background:#52b237;}

.line28{line-height: 28px;}
.line24{line-height: 24px;}
.padd_bt120{padding: 1.2rem 0 1.7rem 0;}
.padd_bt80{padding: 0.8rem 0 1.2rem 0;}

@media only screen and (max-width:767px) {
.padd_bt120,.padd_bt80{padding:30px 0;}
}

/*公司简介*/
.about_cont{padding-bottom: 1.7rem;}
.about_01{padding-bottom: 0.9rem}
.about_edit .edit_con_original{line-height: 28px;color: #2b2b2b;text-align: justify;}
.about_01 .about_edit {padding-bottom: 0.9rem;}
.index_num{text-align: center;}
.index_num dl{padding-right: 0.2rem;text-align: left;display: inline-block;}
.index_num dt{margin-top: 0.15rem;}
.index_num dd{font-weight: 50;height: 72px;line-height: 72px;font-size: 72px;}
.index_num dd span{color: #3c88ce;font-weight: bold;}
.index_num li{float: left;width: 20%;background-image: linear-gradient(to right,#f4f4f4,#fff);padding: 3.8% 1.8%;}
.index_num li dd em{position: relative;}
.index_num li:nth-child(5) dd em::before{
  content:'+';
  position: absolute;
  right: -5px;
  top: -1em;
  font-size: 2em;
  height: 1em;
  line-height: 1em;
  color: #3c88ce;
  font-weight: bold;
}
.about_img{margin-bottom: 0.9rem;}
.develop_mb .index_num li{width: 25%;background: none;padding: 0;}
.develop_mb .index_num li dl{text-align: center;}
.develop_mb .index_num li dd span{font-weight: normal;color: #000;}
@media only screen and (max-width:1660px) {
.index_num dd{height: 60px;line-height: 60px;font-size: 60px;}

}
@media only screen and (max-width:1440px) {
.index_num dd{height: 52px;line-height: 52px;font-size: 52px;}

}
@media only screen and (max-width:1024px) {
.index_num dd{height: 36px;line-height: 36px;font-size: 36px;}

}
@media only screen and (max-width:767px) {
.about_01 .about_edit{padding-bottom: 20px;}
.about_01{padding-bottom: 10px;}
.about_img{margin-bottom: 10px;}

.index_num dd{height:24px;line-height:24px;font-size:24px;font-weight: normal;}
.index_num li{width: 50%;margin-bottom: 20px;}
.index_num li:nth-child(2n+1){clear: both;}
.develop_mb .index_num li{width: 50%;}
.index_num dl{width: 100%;padding-left: .2rem;}
.index_num li:nth-child(5) dd em::before{font-size: 14px;right: .5em;top: -0.7em;}
}

/*荣誉资质*/
.about_honorcont{padding-bottom: 0.4rem;}
.honor_tab ul{display: inline-block;}
.honor_tab{text-align: center;margin-bottom: 0.7rem;}
.honor_tab li{float: left;}
.honor_tab li a{display: inline-block;width: 162px;height: 46px;line-height: 46px;background: #eeeeee;border-radius: 30px;text-align: center; margin: 0 0.2rem}
.honor_tab li.on a{background:#42a22a;color: #fff !important;}

.honor_list li{float: left;width: 33.33%;margin-bottom: 0.8rem;}
.honor_list ul{margin: 0 -0.12rem;}
.honor_list dl{margin: 0 0.12rem;background: url(../images/honorbg.jpg) no-repeat;background-size: cover;padding: 0.5rem;  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); text-align: center;}
.honor_list dt{padding-top: 0.45rem;}
.honor_list h3 i{top:-0.45rem;}
.honor_list h3{}
.honor_list h3 i{position: absolute;left: 0;width: 0.33rem;height: 0.29rem;}
.honor_list h3 i img{width: 100%;height: 100%;}
.honor_list h3 span{display: inline-block;position: relative;}
.honor_list h3 em{line-height: 1.3em;height: 3.9em;position: relative; display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  display: block;
}
@media only screen and (max-width:767px) {
.honor_tab{margin-bottom: 20px;}
.honor_tab ul{display: block;overflow: hidden;}
.honor_tab li{width: 50%;}
.honor_tab li a{width:90%;height: 40px;line-height: 40px;margin: 0;}
.honor_list li{width: 100%;margin-bottom: 10px;float: none;}
.honor_list ul,.honor_list dl{margin: 0;}
.honor_list dl{text-align: left;padding: 20px;}
.honor_list h3 i{width: 14px;height: 12px;}
.honor_list dt{padding-top: 20px;}
.honor_list h3 i{top:-20px;}
.honor_list h3 em{height: auto;max-height: 3.9em;}
}

/*文化*/
.culture_01{overflow: hidden;}
.culture_01 .left,.culture_01 .right{height: 100%;float: left;overflow: hidden;}
.culture_01 .left{float: right;width: 50%;}
.culture_01 .right{float: left;width: 44.44%;}
.culture_01 h3{line-height: 1.2em;margin-bottom: 0.2rem;}
.culture_01 h5{margin-bottom: 0.4rem;}

.culture_02 h2{margin-bottom: 0.5rem;}
.culture_list ul{position: relative;overflow: hidden;}
.culture_list li{width: 56.5%;position: absolute;height: 100%;top:0;left: 0;transition:all 1s;-webkit-transition:all 1s;-moz-transition:all 1s;-o-transition:all 1s;-ms-transition:all 1s;}
.culture_list dl,.culture_list dd{height: 100%;overflow: hidden;}
.culture_list dt{position: relative;}
.culture_list dt:after{content:"";position: absolute;left: 0;top:0;width: 100%;height: 100%;background: rgba(0,0,0,0.14);}
.culture_list dt h3{width: 38.13%;position: absolute;left: 0;top:1rem;z-index: 9;color: #fff;padding: 0 1rem;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;line-height: 1;}
.culture_list dd{position: absolute;left: 0;top:0;width: 850px; max-width: 100%;height: 100%;visibility: hidden;opacity: 0;z-index: 5;color:#fff;padding:0.5rem;padding: 1rem;padding-bottom: 0.5rem;}
/* .culture_list li:first-child dd{padding-left: 2.4rem;} */
.culture_title{margin-bottom: 0.3rem;}
.culture_title h3{margin-bottom:10px;vertical-align: bottom;line-height: 1;}
.culture_title h3 span{font-size: 0.6em;vertical-align: bottom;font-weight: normal;}
.culture_p p{margin-bottom: 0.3rem;}
.culture_p p:last-child{margin-bottom: 0;}
.culture_p em,.culture_p span{display: block;}

.culture_list li.on dt:after{background: rgba(0,0,0,0.32);}
.culture_list li.on dt h3{visibility: hidden;opacity: 0;}
.culture_list li.on dd{visibility: visible;opacity: 1;}

.culture_list dt h3,.culture_list dd{transition:all 1s;-webkit-transition:all 1s;-moz-transition:all 1s;-o-transition:all 1s;-ms-transition:all 1s;}

/*21.62*/
.culture_list li:nth-child(1){left: 0;}
.culture_list li:nth-child(2){left: 56.5%;}
.culture_list li:nth-child(3){left: 78.12%;}


.culture_list_2 li:nth-child(1){left: 0;}
.culture_list_2 li:nth-child(2){left: 21.62%;}

.culture_list_3 li:nth-child(1){left: 0;}
.culture_list_3 li:nth-child(2){left: 21.62%;}
.culture_list_3 li:nth-child(3){left: 43.24%;}

@media only screen and (max-width:1660px) {
.culture_list li:first-child dd{padding-left: 10%;}
}

@media only screen and (max-width:1440px) {
.culture_list li dd{padding:0.5rem;}
.culture_list dt h3{top:0.5rem;padding: 0 0.5rem;}
}

@media only screen and (max-width:1024px) {
.culture_list li:first-child dd{padding-left: 3%;}
.culture_02{margin-top: 4%;}
}

@media only screen and (max-width:767px) {
.culture_cont{padding-bottom: 30px;}
.culture_01,.culture_list ul{height: auto !important;}
.culture_01 .left, .culture_01 .right{float: none;width:100%;}
.culture_01 h4{margin-bottom: 5px}
.culture_01 h3{margin-bottom: 10px;font-weight: bold;}
.culture_01 .left{margin-bottom: 10px;}
.culture_02 h2{margin-bottom: 10px;}
.culture_list li{position: static;width: 100%;margin-bottom: 20px;}
.culture_list li:last-child{margin-bottom: 0;}
.culture_list li:first-child dd,.culture_list li dd{padding:10px 3%; position: static;color: #000;}
.culture_list li.on dd,.culture_list li dd{visibility: visible;opacity: 1;}
.culture_list dt h3{width: 100%;top:auto;bottom: 20px;padding: 0 3%;opacity: 1 !important;visibility: visible !important;}
.culture_list dt h3:after{display: none;}
}

/*发展历程*/
.history_cont{padding-bottom: 0;max-width: 100%;}
.history_tab{position: relative;z-index: 9;}
.history_tab .swiper-container{overflow: inherit;}
.history_tab li{float: left;width: 25%;cursor: pointer;}
.history_tab ul{margin: 0 -2px;}
.history_in{position: relative; margin: 0 2px;padding:0.25rem 0.2rem;padding-bottom: 0.15rem;}
.history_in p{color: #b3b3b3;}
.history_in h3{font-weight: 50;margin-bottom: 0.2rem;line-height: 1.2em}
.history_in h4,.history_in h3,.history_in p{position: relative;z-index: 5;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.history_hover{position: absolute;top:0;left: 0;width: 100%;height: 100%;background: #fff; box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;}
.history_tab li.on .history_hover{background: url(../images/historybg.jpg) no-repeat; background-size: cover; transform:scale(1,1.2); -webkit-transform:scale(1,1.2);-moz-:scale(1,1.2);-o-transform:scale(1,1.2);-ms-transform:scale(1,1.2);}
.history_tab li.on .history_in p{color: #2b2b2b;}

.history_ajax{margin-top: -0.95rem;padding: 2rem 0 1rem 0;background:#e0e0df;}
.history_slider{padding: 0 1.1rem;position: relative;}
.history_slider li{height: 4.9rem;}
.history_slider h4{color: #52b237;font-style: italic;line-height: 1.1em;margin-bottom: 5px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.history_slider p{margin-bottom: 0.3rem;height: 72px;overflow: hidden;}
.history_slider dl{padding:0.7rem;padding-top: 0.3rem;}
.history_img img{width: 390px;max-width: 100%;}

.history_slider li:after{content:"";position: absolute;right: -0.45rem;top:0;width: 0.9rem;height: 100%;background: url(../images/his_line.png) no-repeat;background-size: 100% 100%;}
.history_slider .swiper-container{padding-right: 0.45rem;}
.history_slider .swiper-slide-prev:after{display: none;}

.his_btn{display: none;}
.his_btn div{width:46px;height: 46px; font-size: 46px; margin-top: -23px;background: none;opacity: 1 !important;color: #52b237;}
.his_btn .swiper-button-prev i{transform: translate(-50%,-50%) rotate(-180deg);
    -webkit-transform: translate(-50%,-50%) rotate(-180deg);
    -ms-transform: translate(-50%,-50%) rotate(-180deg);
    -moz-transform: translate(-50%,-50%) rotate(-180deg);
    -o-transform: translate(-50%,-50%) rotate(-180deg);}
.his_btn .swiper-button-disabled{color: #000;}
@media only screen and (max-width:1700px) {
  .history_slider li{height: 5.5rem;}
}
@media only screen and (max-width:1500px) {
  .history_slider li{height: 5.9rem;}
}
@media only screen and (max-width:1440px) {
.history_tab{padding-left:5%}
.history_slider li{height: 6rem;}
}
@media only screen and (max-width:1200px) {
  .history_slider li{height: 6.9rem;}
}
@media only screen and (max-width:1024px) {
.his_btn div{width:30px;height: 30px; font-size: 30px; margin-top: -15px;}
.history_tab{padding-left:3%}
.history_cont{overflow: hidden;padding-top: 4%;}
}

@media only screen and (max-width:767px) {
.history_slider dl{padding: 0;margin: 0 1px;}
.history_slider li{height: auto !important;}
.history_slider li:after{display: none;}
.history_slider .swiper-container{padding: 0;}
.history_slider{padding: 0;}
.history_slider .his_btn{overflow: hidden;text-align: center;padding-top: 20px;}
.history_slider .his_btn div{position: relative;float: none;margin: 0;left: 0; display: inline-block;margin: 0 10px;}
.his_btn .swiper-button-prev i{margin-top:-3px;}
.history_tab li{width: auto;}
.history_tab{padding: 0 3%;}
.history_in h4{margin-bottom: 5px;}
.history_in h3{margin-bottom: 5px;font-weight: normal;}
.history_ajax{padding: 50px 0;padding-top: 100px;margin-top: -50px;}
.history_img img{width: 100%;}
}


/*可持续发展*/
.develop_01{padding: 0 0 1.1rem;}
.develop_05{padding: 1.4rem 0 1.2rem 0}
.develop_05 .right{width: 46.5%}
.develop_sj li{background: #eeeeee;padding: 0.9rem 0;overflow: hidden;}
.develop_sj li dt,.develop_sj li dd{height: 100%;overflow:hidden;}
.develop_sj li dt{float: left;width: 50%;overflow: inherit;}
.develop_sj li dd{float: right;width: 42.3%;padding: 0.5rem 0;}
.develop_sj li dd h3{margin-bottom: 0.2rem;}
.develop_title{margin-bottom: 0.3rem;}

.develop_sj li:nth-child(2n){background: #f5f5f5;}
.develop_sj li:nth-child(2n) dt{float: right;}
.develop_sj li:nth-child(2n) dd{float: left;}

.develop_03{padding: 1.2rem 0 1.1rem 0;}
.develop_mb{background:#eeeeee;padding: 0.4rem 0 1rem 0;}
.develop_tips{margin-bottom: 0.3rem;}
.develop_mb dd img{width: 0.27rem;height: 0.27rem;margin-left: 0.2rem;    vertical-align: bottom;position:relative;top:-4px;}
.develop_mb .index_num dt{margin-bottom: 0;}
.develop_mb .index_num .develop_ic{margin-bottom: 0.1rem;}
.develop_ic img{width: 0.98rem;height: 0.98rem}

.develop_act{ }
.develop_act .develop_jzin{padding: 1rem;padding-top: 0.6rem; padding-right: 0.6rem; overflow: hidden;position: relative;}
.develop_jz .left{width: 220px;float: right;position: absolute;right: 0.6rem;bottom: 0.5rem;}
.develop_jz .left dt{width: 141px;margin-bottom: 0.15rem;}
.develop_jz .left dd{max-height: 112px;  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;}
.develop_jz .right{float: left;width: 48%;width: calc(100% - 420px); padding-top: 0.15rem;}
.develop_jz h3{margin-bottom: 0.2rem;    line-height: 1.2em;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.develop_more{padding-top: 0.3rem;}
.develop_more .common_more{padding: 0 30px;}
.develop_jz .right p{overflow: hidden;}
.develop_jz .right p.cur{height: 140px;}
.develop_act{position: relative;}
.develop_act .swiper-container{height: 460px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);}
.develop_act .swiper-pagination{display: none;    transform: translate(0,-50%);
    -webkit-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    -moz-transform: translate(0,-50%);
    -o-transform: translate(0,-50%);
    position: absolute;
    left:-0.19rem;
    top: 50%;}
.develop_act .swiper-pagination span{width: 0.38rem;height: 0.38rem;background: #fff;border:0.04rem solid #42a22a;opacity: 1;display: block;margin:8px 0; box-shadow: 0 0 6px rgba(0, 0, 0, 0.4);}
.develop_act  .swiper-pagination .swiper-pagination-bullet-active{background: #42a22a;}

.delelop_tac,.delelop_blank80{display: none;}
.delelop_blank80{position: fixed;top:0;left: 0;width: 100%;height: 100%;background: rgb(0,0,0,0.8);z-index: 9999;}
.delelop_close{color: #fff; position: absolute;top:-40px;right: 0;font-size: 30px;cursor: pointer;}
.delelop_tac{position: fixed;width: 1440px;max-width: 90%;z-index: 99991;background: #fff;padding:0.7rem 1rem;}
.delelop_tac .develop_jz .right{width: 75%;height: 50vh;}

.delelop_tac .develop_jz .left{position: static;}

@media only screen and (min-width:1025px) {
/*.develop_more .common_more:hover{color: #fff !important;}*/
}

@media only screen and (max-width:1024px) {


.develop_jz .right{width: calc(100% - 250px);}
.develop_jz .left dd{line-height: 24px;max-height: 96px;}
}
@media only screen and (max-width:767px) {
.develop_05,.develop_03,.develop_mb{padding: 30px 0;}
.develop_mb{padding-bottom: 10px;}
.develop_05 .right{width: 100%}
.develop_sj dl{height: auto !important;}
.develop_sj li dt, .develop_sj li dd{float: none;width: 100%;}
.develop_sj li dt{margin-bottom: 10px;}
.develop_sj li dd{padding: 0;}
.develop_sj li{padding: 20px 0;}
.fnt_36{font-size: 16px;}
.develop_title,.culture_02 h2{font-weight:bold;}
.develop_mb dd img{width: 12px;height: 12px;margin-left: 10px;}
.develop_mb dd{margin-bottom: 5px;}
.develop_jz .left,.develop_jz .right{float: none;width: 100%;}
.develop_jz .left{text-align: center; margin-bottom: 5px;position: static;}
.develop_jz .left dt{width: 100px;margin: auto;margin-bottom: 10px;}
.develop_jz .left dd{height: 48px;max-height: inherit;    -webkit-line-clamp: 2;}

.develop_act .his_btn div{top:60px;margin:0;}
/*.develop_act{padding-bottom: 20px;}*/
.develop_act .develop_jzin{padding: 20px;padding-bottom: 80px;}
.develop_act .swiper-pagination span{width: 12px;height: 12px; float: left;margin:0 4px;}
.develop_act .swiper-pagination{ transform: translate(-50%,0); -webkit-transform: translate(-50%,0);-ms-transform: translate(-50%,0);-moz-transform: translate(-50%,0);-o-transform: translate(-50%,0); position:absolute; left:50%;top:auto; bottom:0;}
.develop_more{padding-top: 18px;}
.develop_more .common_more{padding:0 20px;}
.develop_jz .right p{height: 144px;line-height: 24px;}
.develop_jz .right p.cur{height: 96px;}

.delelop_tac{padding: 20px 10px;}
.delelop_tac .develop_jz .right{width: 100%;}
.delelop_tac .develop_jz .right p{height: auto;max-height: 50vh}
.develop_ic img{width: 45px;height: 45px;}
.his_btn{position: relative;width: 100%;height: 60px;top: -60px;}
.his_btn .swiper-button-prev,
.his_btn .swiper-button-next{
  top: 0 !important;
  font-size: 36px;
}
.his_btn .swiper-button-prev{left: 40%;}
.his_btn .swiper-button-next{right: 40%;}
}
















