@media only screen and (max-width:768px) {
  .fnt_18,.fnt_16{font-size: 14px;}
  .fnt_24{font-size: 16px;}
}

html, body{background: none;}

*{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: 1.6em;}
.line24{line-height: 1.5em;}
.padd_bt120{padding: 120rem 0;}
.padd_bt80{padding: 0.8rem 0;}


@media only screen and (max-width:767px) {
.padd_bt120,.padd_bt80{padding:30px 0;}
}
@media only screen and (min-width:1025px) {
a{transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;}
a:hover{color: #139f40 !important;}
}

.common_more{
  position: relative;
  display: inline-block;
  height: 32px;
  line-height: 32px;
  padding: 0 18px;
  background: #fff;
  border-radius: 25px;
  overflow: hidden;
  color: #000;
  font-size: 14px;
  transition: all .3s;
  min-width: 110px;
  text-align: center;
}
.common_more.black{background: #000;color: #fff;}
.common_more.green{background: #52b237;color: #fff;}

.common_more i{
  font-size: 20px;
  font-weight: bold;
  margin-left: 5px;
  vertical-align: middle;
  transition: all .3s;
}
.common_more em{margin-right: 5px;transition: all .3s;}
.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 (min-width:1025px) {
  .common_more{height: 46px;line-height: 46px;padding: 0 24px;min-width: 126px;font-size: 18px;}

  .common_more:hover{padding-left: 21px;}
  .common_more:hover em{margin-right: 8px;}
  .common_more:hover i{margin-left: 8px;}
  .common_more.green:hover{color: #000 !important;}
}


/*可持续发展*/
.develop_01{padding: 90rem 0 110rem 0;}
.develop_05{padding: 140rem 0 120rem 0}
.develop_05 .right{width: 46.5%}
.develop_05 .about_edit .edit_con_original{text-align: left;}
.develop_sj li{background: #eeeeee;padding: 90rem 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: 50rem 0;}
.develop_sj li dd h3{margin-bottom: 20rem;}
.develop_title{margin-bottom: 30rem;color: #139f40;}

.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: 120rem 0 110rem 0;}
.develop_mb{background:#eeeeee;padding: 40rem 0 100rem 0;}
.develop_tips{margin-bottom: 30rem;}
.develop_mb dd img{width: 27rem;height: 27rem;margin-left: 20rem;    vertical-align: bottom;position:relative;top:-4px;}
.develop_mb .index_num dt{margin-bottom: 0;}
.develop_mb .index_num .develop_ic{margin-bottom: 10rem;}
.develop_ic img{width: 98rem;height: 98rem}

.develop_act{ }
.develop_act .develop_jzin{padding: 100rem;padding-top: 60rem; padding-right: 60rem; overflow: hidden;position: relative;}
.develop_jz .left{width: 220px;float: right;position: absolute;right: 60rem;top: 60rem;}
.develop_jz .left dt{width: auto;margin-bottom: 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: 15rem;}
.develop_jz h3{margin-bottom: 20rem;    line-height: 1.2em;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.develop_more{padding-top: 30rem;}
.develop_more .common_more{padding: 0 30px;}
.develop_jz .right p{overflow: hidden;height: 90%;}
.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:-19rem;
    top: 50%;}
.develop_act .swiper-pagination span{width: 38rem;height: 38rem;background: #fff;border:4rem 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:70rem 100rem;}
.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: 40vh;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%;}
}





.index_num dl{padding-right: 20rem;}
.index_num dt{margin-top: 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;
}

.develop_mb .index_num li{width: 25%;background: none;padding: 0;}

.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) {


.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: 20rem;}
.index_num li:nth-child(5) dd em::before{font-size: 14px;right: .5em;top: -0.7em;}
}


.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: 20rem;color: #139f40;}
.culture_01 h5{margin-bottom: 40rem;}
@media only screen and (max-width:767px) {
  .culture_01{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;}

  }


/* 产品 */
.pro_cont{padding: 100rem 0;}
.pro_top{margin-bottom: 100rem;}
.pro_top li{padding: 40rem 90rem;padding-right: 80rem; background: url(../images/pro_bg01.jpg) no-repeat;background-size: cover; border-radius: 30rem 0 30rem 0;overflow: hidden;margin-bottom: 60rem;}
.pro_top li:last-child{margin-bottom: 0;}
.pro_top .left{width: 290rem; float: left;color: #139f40;}
.pro_top .left dt{width: 55rem;height: 55rem; margin-bottom: 40rem;}
.pro_top .left dt img{width: 100%;height: 100%;}

.pro_top .right{width: calc(100% - 310rem);float: right;}
.pro_top .right dl{overflow: hidden;}
.pro_top .right dt{float: left;border-radius: 30rem 0 30rem 0;width: 34%;}
.pro_top .right dd{float: right;width: 60%;overflow: hidden;padding-top: 15rem;}
.pro_top .right dd p{float: left;width: 55%; line-height: 28rem;margin-bottom: 20rem;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.pro_top .right dd p:nth-child(2n){float: right;width: 42%;}
.pro_top .right dd p a{padding-left: 15rem;position: relative;color: #000;}
.pro_top .right dd p a::after{content: "";position: absolute;top:10rem;left: 0;width: 5rem;height: 5rem;background: #139f40;border-radius: 50%;}
.pro_top .right dd p:nth-child(2n+1){clear: both;}


.pro_bottom{padding: 0 90rem;}
.pro_bottom li{width: 33.33%;margin-bottom: 70rem;float: left;}
.pro_bottom ul{margin:0 -40rem;overflow: hidden;}
.pro_bottom li>a{display: block;margin:0 40rem;border-radius: 25rem;overflow: hidden;}
.pro_bottom li dt{overflow: hidden;}
.pro_bottom li dd{background: url(../images/pro_bg02.jpg) no-repeat;background-size: cover;padding:25rem;}
.pro_bottom li h3{text-align: center;color: #fff;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

@media only screen and (max-width:1024px) {
  .pro_top li{padding: 40rem;}
  .pro_top .left{width: 250rem;}
  .pro_top .right{width: calc(100% - 280rem);}
  .pro_top .right dd{padding-top: 0;}
  .pro_top .right dd p{width: 100% !important;float: none; margin-bottom: 10rem;}
  .pro_bottom{padding:0 20rem;}
  .pro_bottom ul{margin:0 -20rem;}
  .pro_bottom li>a{margin:0 20rem;}
  .pro_bottom li{margin-bottom: 40rem;}
}

@media only screen and (max-width:768px) {
  .pro_top .left,.pro_top .right{float: none;width: 100%;}
  .pro_top .left dt{margin-bottom: 10px;width: 40px;height: 40px;}
  .pro_top .left{margin-bottom: 20px;}
  .pro_top .right dt,.pro_top .right dd{float: none;width: 100%;}
  .pro_top .right dt{margin-bottom: 20px;}
  .pro_top .right dd p{line-height: 30px;}
  .pro_top .right dd p a{display: block;padding-left: 15px;}
  .pro_top .right dd p a::after{width: 6px;height: 6px;top:12px}
  .pro_top .right dd p{width: auto !important;margin-right: 30px;}
  .pro_top .right dd p:nth-child(2n){float: left;}
  .pro_top .right dd p:nth-child(2n+1){clear: inherit;float: left;}

  .pro_bottom{padding: 0;}
  .pro_bottom ul{margin:0 ;}
  .pro_bottom li>a{margin:0 ;}
  .pro_bottom li{margin-bottom: 20px;width: 100%;float: none;}
}


@media only screen and (min-width:1025px) {
  .pro_top .right dd p a:hover{font-weight: bold;}
  }

/* 详情 */
.pro_d{padding: 100rem 0 150rem 0;color: #000;}
.pro_title {text-align: center;margin-bottom: 70rem;}
.pro_title h3{color: #139f40;}

.pro_d01 ul{overflow: hidden;display: flex;flex-wrap: wrap;}
.pro_d01 li{float: left;width: 50%;margin-bottom: 70rem;}
.pro_d01 ul{margin: 0 -15rem;}
.pro_d01 dl{margin: 0 15rem;background: #f6f7f9;padding: 60rem;padding-bottom: 70rem; border-radius: 60rem 0 60rem 0;height: 100%;}
.pro_d01 dt{margin-bottom: 20rem;}
.pro_d01 dd p{line-height: 1.6em;}

.pro_d02{box-shadow: 0 0 14px 2px rgba(0, 15, 79, 0.08);overflow: hidden;border-radius: 20rem;}
.pro_d02 table{width: 100%;text-align: center; border: 0; border-collapse: collapse; }
.pro_d02 table td{padding: 20rem;}
.pro_d02 table tr:nth-child(2n){background: #f7f8fa;}
.pro_d02 .t02{border-right:1px solid #eaebed}
.pro_d02 .t01{background: #139f40;}
.pro_d02 table tr:nth-child(2n) .t01{background: #2aa853;}
.pro_d02 .t01{color: #fff;width: 30.9%;}
.pro_d02 .t02{width: 36.8%;}

@media only screen and (max-width:768px) {
  .pro_d02{overflow: hidden;overflow-x: auto;}
  .pro_d02 table{width: 700px;}
  .pro_d02::-webkit-scrollbar {
    width: 4px;
    height: 4px;
    border-radius: 2px;
    background: #eee;
}

.pro_d02::-webkit-scrollbar-thumb {
    width: 4px;
    height: 4px;
    border-radius: 2px;
    background: #ccc;
}
.pro_d01{padding-bottom: 20px;}
.pro_d01 li{float: none;width: 100%;margin-bottom: 20px;}
.pro_title{margin-bottom: 20px;}
.pro_d01 dl{padding: 20px;}
}


/* 新闻 */
.news_cont{padding: 100rem 0;}
.news_list,.news_list a{color: #000;}
.news_list ul{overflow: hidden;margin: 0 -20rem;}
.news_list li>a{margin: 0 20rem;display: block;} 
.news_list li{width: 33.33%;float: left;margin-bottom: 80rem;}
.news_list li:nth-child(3n+1){clear: both;}
.news_list dt{margin-bottom: 30rem;border-radius: 30rem;overflow: hidden;}
.news_list dd span{display:block;margin-bottom: 10rem;}
.news_list dd h3{line-height: 1.5em;height: 3em;display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;}

.news_top{margin-bottom: 60rem; position: relative;}
.news_top dl{overflow: hidden;background: #139f40;color: #fff; border-radius: 0 0 40rem 0;}
.news_top dt,.news_top dd{width: 50%;float: left;overflow: hidden;}
.news_top dd{padding: 50rem 100rem 0 80rem;}
.news_top dd span{display: block;margin-bottom: 10rem;}
.news_top dd h3{line-height: 1.5em;max-height: 3em; margin-bottom: 30rem; display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;}
  .news_top dd p{line-height: 1.6em;max-height: 4.8em;display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;}

    .news_btn{display: none;}
.news_btn>div{background: none;width: 66rem;height: 66rem; margin-top: -33rem; background: #fff;border-radius: 50%;color: #139f40;font-weight: bold;font-size: 18rem;
  box-shadow: 0 0 14px 2px rgba(0, 15, 79, 0.1);transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;}
.news_btn .swiper-button-prev{left: -33rem;}
.news_btn .swiper-button-next{ left: calc(50% - 33rem);}
.news_btn .swiper-button-disabled{background: #fff;color: #000;}
@media only screen and (max-width:1024px) {
  .news_top dd{padding: 20rem 50rem;padding-bottom: 0;}
  .news_top dd h3{line-height: 1.2em;max-height: 2.4em;margin-bottom: 10rem;}

  .news_list ul{margin: 0 -10rem;}
.news_list li>a{margin: 0 10rem;} 
.news_list li{margin-bottom: 30rem;}
.news_list dt{margin-bottom: 20rem;}
 }
@media only screen and (max-width:768px) {
  .news_cont,.pro_cont,.pro_d{padding: 30px 0;}
  .news_top dt, .news_top dd{float: none;width: 100%;}
.news_top dd{padding: 20px;}
.news_list ul{margin: 0;}
.news_list li>a{margin: 0 ;} 
.news_list li{float: none;width: 100%;margin-bottom: 20px;}
.news_list dd h3{height: auto;max-height: 3em;}
.news_top dd h3,.news_top dd span{margin-bottom: 10px;}
.news_btn>div{width: 40px;height: 40px;font-size: 16px;margin-top: 0;top:170rem}
.news_btn .swiper-button-prev{left: 5px;}
.news_btn .swiper-button-next{right: 5px;left: auto;}
}



@media only screen and (min-width:1025px) {
  .news_btn>div:hover{background: #139f40;color: #fff;}
  .news_btn .swiper-button-disabled:hover{background: #fff;color: #000;}
  }


/* 关于我们 */
.about_01{ padding-top: 90rem;}
.about_edit .edit_con_original{text-align: center;line-height: 1.6em;}
.about_intr{padding: 0 50rem;}
.about_01 .modular2{padding: 50rem 0 90rem 0;}
.about_01 .modular2 .num-list{margin: 0 40rem;}

.about_v{border-radius: 60rem 0 60rem 0;overflow: hidden;}
.about_v dt{position: relative;}
.about_v dt::after{content: "";position: absolute;left: 0;top:0;width: 100%;height: 100%;background: rgb(0, 0, 0,0.1);}
.about_v a{display: block;}
.about_v em{width: 112rem;height: 66rem;z-index: 5;}
.about_v em img{width: 100%;height: 100%;}
.about_v p{position: absolute;left: 0;bottom:30rem;width: 100%;text-align: center;    letter-spacing: 35rem;color: #fff;}



.video_tbox{height: 100%;}
.video_appbox{ position:fixed; width:100%; height:100%; top:0; left:0; z-index:9999999;opacity: 0;visibility: hidden;transition:all 0.6s;-webkit-transition:all 0.6s;-moz-transition:all 0.6s;-o-transition:all 0.6s;-ms-transition:all 0.6s;}
.video_appbox.show{visibility: visible;opacity:1;}

.video_appbox video{/*object-fit: cover;*/    width: 100%;}
.video_appbox .video_t{ 
 z-index:2; background:#000;width: 1035px;max-width:94%;height: 60%;
 transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%); position:absolute; left:50%; top:60%;
     transition:all 0.6s;-webkit-transition:all 0.6s;-moz-transition:all 0.6s;-o-transition:all 0.6s;-ms-transition:all 0.6s;
visibility: hidden;opacity: 0;

}
.video_appbox.show .video_t{
visibility: visible;opacity:1;
top:50%;
}
.video_appbox .mask{ position:absolute; z-index:1; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.5);}
.lt9 .video_appbox .mask{filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr="#88000000", EndColorStr="#88000000");}
.vide0_close{ position:absolute; top:20px; right:20px; cursor:pointer; z-index: 99999;}
.vide0_close i{color: #fff;font-size:20px;font-weight: bold;}


.about_02{padding: 170rem 0 140rem 0; background: url(../images/about_bg1.png) no-repeat 0 top;background-size: 100%;}
.about_02 .pro_title{margin-bottom: 50rem;}


.about_03{padding: 110rem 0 140rem 0;background: url(../images/about_bg2.jpg) no-repeat;background-size:cover;}
.about_his {background: #fff; border-radius: 30rem 0 30rem 0;padding: 60rem 50rem;min-height: 310rem;overflow: hidden;}
.about_his dd{display: none;}
.about_his dd p{line-height: 30rem;margin-bottom: 18rem;}
.about_his dt{width: 45%;position: relative;cursor: pointer;z-index: 5;}
.about_his dt b{position: absolute;left: 0;top:0;width: 30rem;height: 30rem;border-radius: 50%;}
.about_his dt b i{transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%); position:absolute; left:50%; top:50%; width: 18rem;height: 18rem;border-radius: 50%;}
.about_his dt b i::after{content: "";transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%); position:absolute; left:50%; top:50%; width: 8rem;height: 8rem;background: #139f40;border-radius: 50%;}

.about_his dt h3,.about_his dt b{z-index: 5;}
.about_his dt h3{padding-bottom: 20rem;position: relative;display: inline-block;}
.about_his dt h3::after{content: "";position: absolute;left: 0;bottom: 0;width: 0%; height: 2rem;background: #139f40;transition:all 0.8s;-webkit-transition:all 0.8s;-moz-transition:all 0.8s;-o-transition:all 0.8s;-ms-transition:all 0.8s;}
.about_his dt h3 span{margin-right: 20rem;}
.about_his ul{position: relative;}
.about_his .hisbox{padding-bottom: 30rem;position: relative; padding-left: 65rem;}
.about_his li .hisbox::after{content: "";position: absolute;top:0; left: 14rem;width: 1rem;height: 100%;background: #b1dfc3;}

.about_his li:last-child .hisbox{padding-bottom: 0;}
.about_his li:last-child .hisbox::after{height: 15rem;}
.about_his li:first-child .hisbox::after{top:15rem}
.about_his dd{position: absolute;right: 0%; top:0; width: 50%;}

.about_his li.on dt h3{color: #139f40;}
.about_his li.on dt h3::after{width: 100%;}
.about_his li.on  dt b{background: #fefffe;box-shadow: 0 0 10px rgba(19,159,64,0.4) inset;}
.about_his li.on  dt b i{background: #139f40;}
.about_his li.on  dt b i::after{background: #fff;}
.about_his li.on dd{display: block;}

@-webkit-keyframes fadeInUpinser {
  0% {
      opacity: 0;
      -webkit-transform: translateY(20px);
      transform: translateY(20px)
  }
  100% {
      opacity: 1;
      -webkit-transform: translateY(0);
      transform: translateY(0)
  }
}
@keyframes fadeInUpinser {
  0% {
      opacity: 0;
      -webkit-transform: translateY(20px);
      -ms-transform: translateY(20px);
      transform: translateY(20px)
  }
  100% {
      opacity: 1;
      -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
      transform: translateY(0)
  }
}
.fadeInUpinser {
  -webkit-animation-name: fadeInUpinser;
  animation-name: fadeInUpinser
}


.about_honor {position: relative;}
.about_honor,.about_honor ul{height: 911rem !important;}
.about_honor li{width: 22.4%;}

.about_honor li dl{border-radius: 20rem;position: relative;overflow: hidden;transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s; }
.about_honor li dt{position: relative;}

.about_honor li dt::after{content: "";position: absolute;left: 0;bottom: 0;width: 100%;height: 100%;background: url(../images/about_honor_jb.png) no-repeat;background-size: 100% 100%;transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s; visibility: hidden;opacity: 0;}
.about_honor li dd{ padding: 0 20rem; position: absolute;left: 0;bottom: 30rem;width: 100%;text-align: center;color: #fff;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s; visibility: hidden;opacity: 0;}


.about_honor li dl{width: 66%;}
.about_honor li.swiper-slide{opacity: 0.5;}
.about_honor li.swiper-slide-active dl{width: 100%;}
.about_honor li.swiper-slide-active{width: 34.3%;opacity: 1;}
.about_honor li.swiper-slide-active dd,.about_honor li.swiper-slide-active dt::after{visibility: visible;opacity: 1;}

.about_honor .news_btn>div{top:auto;bottom: 40rem;}
.about_honor .swiper-button-prev{left: 27%;}
.about_honor .swiper-button-next{left: auto; right:27%;}

.prev_nth2Mode dl{float: right;}
.prev_nth3Mode dl{float: right;right: -32%;}
.next_nth3Mode dl{left: -32%;}
@media only screen and (min-width:767px) {
.about_honor li dt img{height: auto !important;}
}
@media only screen and (max-width:1024px) {
  .about_01 .modular2 .num-list{margin:0;}
  .about_01 .modular2 .num-list{    gap: 20rem;}
  .about_his{padding-bottom: 40rem;}
  .about_intr{padding: 0;}
  .about_honor,.about_honor ul{/*height: 460rem !important;*/}
  .about_honor .news_btn>div{bottom: 0rem;}
  .about_honor .swiper-button-prev{left: 24%;}
.about_honor .swiper-button-next{left: auto; right:24%;}
}
@media only screen and (max-width:768px) {
  .about_01{padding-top: 30rem;}
  .modular2 .num-list{    grid-template-columns: repeat(2, 1fr);}
  .about_his dl{overflow: hidden;}
  .about_his dt{width: 100%;}
  .about_his dd{position: static;width: 100%;}
  .about_his{padding: 20px;}
  .about_his dt b{width: 18px;height: 18px;}
  .about_his dt b i{width: 10px;height: 10px;}
  .about_his dt b i::after{width: 6px;height: 6px;}
  .about_his li .hisbox::after{width: 1px;left: 9px;}
  .about_his .hisbox,.about_his dd{padding-left: 30px;}
  .about_his li{position: relative;padding-bottom: 0px;}
  .about_his li.on{padding-bottom: 20px;}
  .about_his li:last-child{padding-bottom: 0;}
  .about_his li .hisbox::after{display: none;}
  .about_his li::after{content: "";position: absolute;top:0; left:9px;width: 1px;height: 100%;background: #b1dfc3;}
  .about_his li:first-child:after{top:9px}
  .about_his li:last-child:after{height: 9px;}
  .about_his dd p{line-height: 26px;margin-bottom: 6px;}
  .about_his li .hisbox,.about_his li:last-child .hisbox,.about_his dt h3{padding-bottom: 10px;}

  .about_02{padding: 50px 0;}

  .about_honor,.about_honor ul{height: auto !important;}
  .about_honor .news_btn>div{bottom: auto;top: 50%; margin-top: -20px;}
  .about_honor .swiper-button-prev{left: 5px;}
.about_honor .swiper-button-next{ right:5px;}
.prev_nth2Mode dl{float: none;}
.prev_nth3Mode dl{float: none;right:0;}
.next_nth3Mode dl{left: 0;}
.about_honor li dl{width: 100%;}
.about_03{padding: 30px 0;}
}

/* 科创与品质 */
.bg-cover{ background-size: cover !important;
  background-repeat: no-repeat !important;
  background-position: center !important;}
.teach_01{padding: 90rem 0;}
.pro_title h4{padding-top: 10rem;}
.pro_title p{padding-top: 30rem; line-height: 1.6em;}
.teach_sc01 .pro_title{margin-bottom: 90rem;}
.teach_sc01{overflow: hidden;border-radius: 20rem;margin-bottom: 80rem;}

.teach_sc02 ul{overflow: hidden;display: flex;flex-wrap: wrap; margin:0 -35rem;}
.teach_sc02 li{width: 50%;float: left;margin-bottom: 50rem;}
.teach_sc02 dl{height: 100%;margin:0 35rem;box-shadow: 0 0 14px 2px rgba(0, 15, 79, 0.1);position: relative;}
.teach_sc02 dl,.teach_sc02 dt{overflow: hidden;border-radius: 30rem;}
.teach_sc02 dd{padding: 55rem 60rem;min-height: 2.9rem; }
.teach_sc02 dd h3{margin-bottom: 30rem;}
.teach_sc02 dd p{line-height: 1.6em;}
.teach_sc02 dd span{width: 280rem;height: 280rem; position: absolute;right: 12rem;bottom: 0;}
.teach_sc02 dd span img{width: 100%;height: 100%;}

.teach_02{background: #f6f7f9; padding: 90rem 0 140rem 0;}
.teach_02 .pro_title{padding: 0 60rem;}

.teach_pzlist li{margin-bottom: 80rem;}
.teach_pzlist li:last-child{margin-bottom: 0;}
.teach_pzlist dl{overflow: hidden;}
.teach_pzlist dt,.teach_pzlist dd{float: left;width: 50%;height: 100%;overflow: hidden;}
.teach_pzlist dt{float: right;border-radius: 60rem 0 60rem 0;}
.teach_pzlist dd{float: left;}
.teach_pzlist dd{padding: 40rem 0;padding-right: 160rem;}
.teach_pzlist dd h3{line-height: 1.1em;margin-bottom: 50rem;}
.teach_pzlist dd p{line-height: 1.6em;}

.teach_pzlist li:nth-child(2n) dt{float: left;}
.teach_pzlist li:nth-child(2n) dd{float: right;}
.teach_pzlist li:nth-child(2n) dd{padding-left: 90rem;padding-right: 60rem;}

.teach_03{padding: 90rem 0;}
.teach_03 .modular2 .num-list{    grid-template-columns: repeat(3, 1fr); margin: 0; padding: 0 260rem;}
.teach_03 .modular2 .num-list em{vertical-align: super;}
.pro_title2{padding-top: 50rem;}
.pro_title2 p{padding-top: 0;}
.kc_list li{width: 33.33%;float: left;}
.kc_list ul{margin:0 -22rem;overflow: hidden;}
.kc_list dl{color: #fff;margin:0 22rem;position: relative;border-radius: 30rem;overflow: hidden;}
.kc_list .kc_text{position: absolute;left: 0;bottom: 30rem;width: 100%; padding: 0 20rem; text-align: center;transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;}
.kc_list .kc_text h3,.kc_list .kc_text h4{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.kc_list .kc_text h3{margin-bottom: 10rem;}
.kc_list dd{position: absolute;left: 0;top:0;width: 100%;height: 100%; background: rgb(19, 159, 64,0.9); padding: 60rem; overflow: hidden; visibility: hidden;opacity: 0;transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;}
.kc_list dd p{line-height: 1.6em;}
.kc_list dd h3{margin-bottom: 10rem;}
.kc_list dd h4{margin-bottom: 30rem;}

.teach_04{padding: 120rem 0;position: relative;min-height: 596rem;}
.teach_04 .wrap1440{position: relative;z-index: 5;}
.teach_04::after{content: "";position: absolute;top:0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.2);}
.teach_04,.teach_04 .pro_title h3{color:#fff}
.teach_04 .pro_title{text-align: left;width: 66%; margin: 0;}
.teach_04 .pro_title p{padding-top: 40rem;}

@media only screen and (min-width:767px) {
  
}
.kc_list dl:hover dd{visibility: visible;opacity: 1;}
  .kc_list dl:hover .kc_text{visibility: hidden;opacity: 0;}

@media only screen and (max-width:1024px) {
  .pro_title{margin-bottom: 30rem;}
  .teach_sc01{margin-bottom: 40rem;}
  .teach_02,.teach_03{padding: 60rem 0;}
  .pro_title p{padding-top: 15rem;}

  .teach_sc02 ul{ margin:0 -15rem;}
.teach_sc02 dl{margin:0 15rem;}
.teach_sc02 li{margin-bottom: 30rem;}
.teach_sc02 dd{padding: 30rem;}
.teach_sc02 dd{min-height: 230rem;}
.teach_sc02 dd span{width: 220rem;height: 220rem;}
.teach_sc02 dd h3{margin-bottom: 15rem;}
.kc_list dd{padding: 30rem;}
.kc_list dd h4{margin-bottom: 15rem;}

.kc_list ul{margin:0 -10rem;}
.kc_list dl{margin:0 10rem;}


.teach_pzlist dd{padding:10rem 0; padding-right: 30rem;}
.teach_pzlist li:nth-child(2n) dd{padding: 10rem 0;padding-left: 30rem;}
.teach_pzlist dd h3{margin-bottom: 20rem;}
.teach_pzlist li{margin-bottom: 40rem;}

  .teach_04{padding: 60rem 0;}
  .teach_04{min-height: inherit;}
  .teach_04 .pro_title p{padding-top: 20rem;}
  .teach_04 .pro_title{width: 77%;}

  .teach_03 .modular2 .num-list{padding: 0;    gap: 60rem;}
  .pro_title2{padding-top: 25rem;}
  .teach_02 .pro_title{padding: 0;}
}
@media only screen and (max-width:767px) {
  .teach_sc02 li{width: 100%;float: none;margin-bottom: 20px;}
  .teach_sc02 li:last-child{margin-bottom: 0;}
  .teach_sc02 dl,.teach_sc02 ul{margin:0;}
  .teach_sc02 dd{min-height: inherit;padding: 20px;}
  .teach_sc02 dl{background: #fbfbfb;box-shadow:none}
  .pro_title p,.pro_title h4{padding-top: 10px;}
  .teach_03 .modular2 .num-list{  gap:20px;grid-template-columns: repeat(1, 1fr);}
  .teach_pzlist dt, .teach_pzlist dd{float: none;width: 100%;}
  .teach_pzlist dl{height: auto !important;}
  .teach_pzlist dd,.teach_pzlist li:nth-child(2n) dd{padding: 20px 10px;}
  .kc_list li{float: none;width: 100%;margin-bottom: 20px;}
  .kc_list dd{padding: 20px;}
  .teach_04 .pro_title{width: 100%;}
}