/*common start*/
body,div,ul,li,a,img,p,dl,dt,dd,h1,h2,h3,h4,span,strong,input{ margin:0; padding:0;list-style:none;text-decoration:none;border:0; list-style:none;}
body{ font-size:12px; color:var(--main-color-666);/*font-family:'Microsoft YaHei';*/}
a{color:var(--main-color-666)}
 a:hover{ color:#f60;/* text-decoration:underline;*/} 
p{line-height:1.8em; padding:5px 0;}
.clear{ margin:0; padding:0; font-size:0; clear:both; }
.wapper{ max-width:1200px !important; margin:0 auto; width: 90% !important;}



 :root {
    --main-color: rgba(0, 158, 77, 1);
    --main-color-186: #00ba5a;
    --main-color-4ab344: #4ab344;
    --main-color-158:rgb(0, 158, 77);
    --main-color-white: #ffffff;
    --main-color-222: #222;
    --main-color-333: #333333;
    --main-color-555: #555555;
    --main-color-666: #666;
    --main-color-999: #999999;
    --main-color-888: #888888;
    --main-color-355: #353535;
    --main-color-000: #000000;
    --main-color-f7f7f7: #f7f7f7;
    --main-transition: all ease 0.4s;
    --main-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
    --main-linear: linear-gradient(45deg, #79bd28 0%, #00653b 100%);
}


.header{display: flex;  align-items: center;justify-content: space-between; height:100px ;}
.logo{ height:auto; width: 112px;}
.logo a img{ width: 100%; vertical-align: bottom;}
.header01{ height: 78px; border-right: 2px solid #e6e6e6; width: 34%;}
.header01 span{ font-size: 22px; color: var(--main-color-222);}

.header01{display: flex;  align-items: center;}
.header02{}
.header02 h2{ font-size: 16px; color: var(--main-color-158); display: block;}
.header02 span{ font-size: 14px; color: var(--main-color-666); display: block;}
.header02_contact{display: flex;  align-items: center;}
.header02_contact .img{ width: 53px; height:auto; margin-right: 10px;}
.header02_contact .img img{ width:100%; vertical-align: bottom;}
.header0201{ color: var(--main-color-158);}
.header0201 h2{ font-size: 14px; display: block; font-weight:normal;}
.header0201 span{ font-size: 22px; display: block;}


 .yuyan{ display: flex;align-items: center;}
.yuyan01{ position:relative;}
.yuyan01 a{ display: flex; justify-content: center;  align-items: center; font-size:14px; color:var(--color-whiteblock); line-height:30px;}
.yuyan01>a>img{width: 22px;margin-right:10px;/* filter: brightness(0%) contrast(200%) invert(50%) opacity(100%); */}
.qitt{
    display:none;
    position:absolute;
    top: 50px;
    width: 120px;
    background: #fff;
    padding: 3px 0px 10px 0px;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
    font-size:14px;
    transition: all .3s ease;
    flex-direction: column;
    border-radius: 8px;
    left: 50%;
    transform: translate(-50%, 0);
    z-index: 999;
    }

.qitt:before {
    content: '▲';
    color:#fff;
    position: absolute;
    font-size: 24px;
    width: 100%;
    top: -20px;
    text-align: center;
}
.qitt a{display: flex;align-items: center;font-size:16px;color:#666;justify-content: flex-start;padding: 0 10px;}
.qitt a img{ width:20px; display:block; margin-right:10px;}	


.menu_bg{ background: var(--main-color); position:relative; z-index: 99;}
.menu_bg.on{ position:fixed; top: 0; width: 100%;}
/*menu*/
.menu{height:50px;line-height:50px;  }
.menu ul li{ float:left;}
.menu ul li.on span>a{background:var( --main-color-186);}
.menu ul li>span>a{padding: 0 20px;}
.menu ul li dl{background:var(--main-color-white);width:100%;position:absolute;left:0px;top:100%;box-shadow:2px 2px 5px rgba(0,0,0,0.2);/* padding:10px 0; */display:none;z-index:99;text-align: center;}
.menu ul li dl dd{line-height:28px;display: inline-block;padding: 15px;}
.menu ul li dl dd>dl{position: absolute;/* left: 100%; *//* top: 10px; */}
.menu ul li dl dd a{font-size: 14px;color: var(--main-color-333);font-weight:normal;display:inline;padding:0;text-align:left;}
.menu ul li dl dd a:hover{ color:var( --main-color-186);}
.menu a{ font-size:16px;color:var(--main-color-white); text-decoration:none; font-weight:normal;display:block;text-align:center;}
.menu a:hover{color:var(--main-color-white);}
a.menu_hover{ background:var( --main-color-186);color:var(--main-color-white);}
/* .menu_down span{ display:block;background:url(../images/menu_down.gif) right 10px center no-repeat;}
 */
 .sp_header{ display: none;}
 .sjj_nav{ display: none;}
.top{ height: 50px; display: none;}
 @media only screen and (max-width: 980px) {
    .header{ display: none;}
    .menu_bg{ display: none;}
    .top{ display: block;}
    /*---------------------------------------------------------------------------------------------------------------手机站导航开始----------*/
.sp_header{height:50px;overflow:hidden;background:var(--main-color-white);position:fixed !important;z-index:10;width:100%; display: block;} 
.sp_logo{padding:10px;float:left;height:50px; box-sizing: border-box;}
.sp_logo img{margin:auto;max-height:30px;}
.sp_nav{width:50px;float:right;position:relative;cursor:pointer;height:30px;margin-top:15px}
.sp_nav span{display:block;background:var(--main-color);width:30px;height:2px;position:absolute;left:10px;transition:all ease 0.35s}
.sp_nav span:nth-of-type(1){top:0px}
.sp_nav span:nth-of-type(2){top:10px}
.sp_nav span:nth-of-type(3){top:20px}
.sp_nav_se span:nth-of-type(1){top:10px;transform:rotate(45deg)}
.sp_nav_se span:nth-of-type(2){width:0}
.sp_nav_se span:nth-of-type(3){top:10px;transform:rotate(-45deg)}
.sjj_nav{position:fixed !important;z-index:9;background:#eee;width:100%;height:calc(100% - 104px);font-size:14px;line-height:40px;top:-100%;left:0;overflow:auto;overflow-x:hidden;transition:top ease 0.35s; display: block;}
.nav_show{top:50px}
.sjj_nav>ul>li:first-child{overflow:hidden;border-top:0}
.sjj_nav>ul>li:first-child>a{float:left;width:calc(100% - 70px)}
.sjj_nav>ul>li:first-child .language{float:right;width:70px;overflow:hidden;line-height:30px;margin-top:5px}
.sjj_nav>ul>li:first-child .language a{width:35px;float:left;border-left:1px #ddd solid;text-align:center;color:#999;}
.sjj_nav ul li i{position:absolute;top:5px;right:0px;border-left:1px #ddd solid;height:30px;padding:0px 7px 0 7px;}
.sjj_nav ul li i svg{transform:rotate(-90deg);transition:all ease 0.35s}
.sjj_nav ul li .sjj_nav_i_se svg{transform:rotate(0deg)}
.sjj_nav ul li{border-top:1px #ddd solid;margin-left:20px;position:relative;line-height:40px;font-size:14px}
.sjj_nav>ul >li:last-child{border-bottom:1px #ddd solid;}
.sjj_nav ul li ul{display:none}
.sjj_nav ul li a{color:var(--main-color-666);width:80%}
.sjj_nav ul li ul li a{color:#999;display:block;text-align:left;}
.sjj_nav ul li i svg{width:20px;height:20px;fill:var(--main-color-555);}
.sjj_nav ul li .sjj_nav_i_se svg{fill:var(--main-color)}
.sjj_nav ul li ul li>ul{margin-left:10px}
/*---------------------------------------------------------------------------------------------------------------手机站导航结束----------*/
 }


.banner .img{ padding: 3% 0;}
.banner01{ display: flex;   align-items: center;justify-content: space-between;}
.banner01_l{ width: 45%;}
.banner01_l h2{ font-size: 70px; font-style: italic; color: var(--main-color-white);}
.banner01_l a{ display:block; background: var(--main-color); color: var(--main-color-white); font-size: 20px; text-align: center; line-height: 55px; display: block; height: 55px; margin-top: 2%;}
.banner01_r{ width: 45%;}
.banner01_r img{ max-width: 100%; vertical-align:bottom;}
.banner .swiper-button-next, .banner .swiper-button-prev{ background: var(--main-color-000)29; width: 71px; height: 71px; border-radius: 5px;}
.banner .swiper-button-prev:after, .banner .swiper-button-next:after{ color: var(--main-color-white);}
@media only screen and (max-width: 980px) {
    .banner .img{ padding: 10% 0;}
    .banner01_l{ width: 50%;}
    .banner01_l h2{ font-size: 24px;}  
    .banner01_l a{height:auto;font-size: 14px;padding: 0 10px;line-height: 30px;}
}


.cent01_bg{ background: var(--main-color-f7f7f7); padding: 2% 0;}
.cent01{ display: flex;  align-items: center;}
.cent01 .h2{ font-size: 14px; color: var(--main-color-333);}
.cent01 .jie{}
.cent01 .jie a{ font-size: 14px; color: rgb(143, 143, 143); margin: 0 5px;}
@media only screen and (max-width: 980px) {
.cent01_bg{ padding: 5% 0;}
}

.title{margin-top: 3%;background: url(../images/gB.png) center no-repeat;text-align: center;margin-bottom: 2%;}
.title .h2{ font-size: 30px; color: rgb(31, 35, 41); display: block;}
.title .h3{font-size: 16px;color: rgb(169, 169, 169);display: block;width: 50%;margin: 2% auto 0;line-height: 1.5;}
.title .h4{ display: flex; justify-content: center;  align-items: flex-end;}
.title .h4>h2{ font-style: italic; color: var(--main-color); font-size: 70px; line-height: 1;}
.title .h4>strong{ color:rgb(53, 53, 53); font-size: 30px; margin-left: 10px;}
.title .h5{ text-align: center; font-size: 30px; color: var(--main-color-355); font-weight: bold;}
.title .h5 span{  color: var(--main-color-158);}
@media only screen and (max-width: 980px) {
    .title .h2{ font-size: 24px;}
    .title .h3{ width: 100%;}
    .title .h4>strong{ font-size: 24px;}
}


.newsclass_list { margin-top: 0.63rem; }
.newsclass_list ul li { float: left; width: calc((100% - 15%)/4); margin: 0 0 0px 5%; background: var(--main-color-white); }
.newsclass_list ul li:nth-child(4n-3) { margin-left: 0; clear: left; }
.newsclass_list ul li .nr_box {/* border:1px solid #eee; *//* border-radius:10px; */overflow: hidden;transition: all .3s ease;/* box-shadow: 0px 0px 15px #ccc; */}
.newsclass_list ul li .img {padding-bottom: 180px;position: relative;overflow: hidden;background: #f9f9f9;box-shadow: 0px 7px 15px #ccc;border-radius: 50%;width: 180px;margin: 0 auto;}
.newsclass_list ul li .img img {width: 160px;height: 160px;position: absolute;top: 0;right: 0;bottom: 0;left: 0;margin: auto auto;transition: all .3s ease;border-radius: 50%;}
.newsclass_list ul li .txtbg { }
.newsclass_list ul li .txt {padding: 8% 4.5%;color: var(--main-color-666);text-align: center;}
.newsclass_list ul li .txt .h2 {font-size: 16px;line-height: 1.5em;height: 1.5em;color: rgba(0, 0, 0, 0.85);margin-bottom: 2%;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.newsclass_list ul li .txt .h3 {font-size: 16px;color: rgb(31, 35, 41);}
@media(max-width:999px) {
.newsclass_list ul li { float: left; width: 100%; margin: 0 0 20px 0px; }
.newsclass_list ul li .txt { padding: 10px 5%; }
.newsclass_list ul li .txt .h2 { font-size: 14px; line-height: 1.5em; height: 1.5em; margin-bottom: 5px; }
.newsclass_list ul li .txt .h3 { font-size: 12px; line-height: 1.5em; height: 3em; }
}


.title02{ text-align: center;}
.title02 h2{ font-size:30px; color: var(--main-color-222); display: block;}

.cent03{ text-align: center; margin-top: 2%;}
/*scroll_03*/
.scroll_03{ margin-top: 3%;}
.scroll_03 .bd li{ float:left; width:189px; overflow:hidden; margin:0 10px;}
.scroll_03 .bd li .img{height:84px; }
.scroll_03 .bd li .img table tr td{ height:84px;}
.scroll_03 .bd li .img table tr td img{ max-width:189px; max-height:84px;}
@media(max-width:999px) {
    .scroll_03{ width: 100%; overflow: hidden;}
}


.title03{margin-top: 3%;background: url(../images/APpCAQ.png) center no-repeat;text-align: center;margin-bottom: 2%;}
.title03 h2{ font-size:30px; color: var(--main-color-158); display: block;}
.title03 strong{  font-size:30px;color: var(--main-color-355); display: block;}


.tab_valli{ display: none;}
.tabs{margin-top: 3%;}
.tabs .title2{ float: left; display: block; width:225px;}
.tabs .title2 li{display:block;text-align: right;margin: 10px 0;}
.tabs .title2 li span{
    width: 49%;
    border-radius: 30px 0 0 30px;
    background: var(--main-color);
    font-size: 14px;
    padding: 0 10px;
    height: 45px;
    line-height: 45px;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    font-size: 12px;
    text-align: right;
    color: var(--main-color-white);
    transition: all 0.5s;
    box-sizing: border-box;
    }
	.tabs .title2 li.cur span{width: 76%;background: rgba(200, 230, 202, 1);}	
.tabs_val{ float:right; display: block; width:calc(100% - 245px);}
.cent04_bg{ background: #f8f8f8; padding: 4% 0; margin-top: 3%;}
.cent0401 .pro{}
.cent0401 .pro ul li {float: left;width: calc((100% - 120px)/5);margin: 0 0 20px 20px;}
.cent0401 .pro ul li:nth-child(5n-4) { margin-left: 0; clear: left; }
.cent0401 .pro ul li .nr_box {=: 1pxsolid #eee;overflow: hidden;transition: all .3s ease;}
.cent0401 .pro ul li .img {padding-bottom: 100%;position: relative;overflow: hidden;border: 1px solid #f2f2f2;}
.cent0401 .pro ul li .img img { width: 100%; height: 100%; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto auto; transition: all .3s ease; }
.cent0401 .pro ul li:hover .img{ border:1px solid var(--main-color-000)}
.cent0401 .pro ul li .txtbg { }
.cent0401 .pro ul li .txt { padding: 8% 4.5%; color: var(--main-color-666); }
.cent0401 .pro ul li .txt .h2 {font-size: 16px;line-height: 1.5em;height: 3em;color: var(--main-color-666);overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}

@media(max-width:999px) {
    .tabs .title2{ width: 30%;}
    .tabs .title2 li span{ width: 100%;}
.cent0401 .pro ul li { float: left; width: 100%; margin: 0 0 20px 0px; }
.cent0401 .pro ul li .txt { padding: 10px 5%; }
.cent0401 .pro ul li .txt .h2 { font-size: 14px; line-height: 1.5em; height: 1.5em; margin-bottom: 5px; }
.tabs .title2 li.cur span{ width: 100%;}
.tabs_val{    width: calc(100% - 32%);}
}



.cent05_bg{ background: var(--main-color); padding: 2% 0;}
.cent05{display: flex;justify-content: center;align-items: center;color:var(--main-color-white);flex-wrap: wrap;}
.cent05 h2{ font-size: 30px;}
.cent05>h3{font-size: 36px;font-weight: normal;display: block;width: 100%;text-align: center;}
.cent05>span{display: block;font-size: 16px;color: var(--main-color-white);width: 100%;text-align: center;}
.cent05 .cent05_1{ margin-left: 3vw;}
.cent05 .cent05_1 span{ font-size: 14px; display: block;}
.cent05 .cent05_1 p{font-size: 22px; display: block;}
@media(max-width:999px) {
    .cent05_bg{ padding: 5% 0;}
    .cent05 .cent05_1{ margin-left: 0;}

}
.cent06{ margin-top: 3%; margin-bottom: 3%;}
.pro02{}
.pro02 ul li{ margin-top: 4%;}
.pro02 ul li .nr_box{ display: flex;  align-items: center; justify-content: space-between;}
.pro02 ul li:nth-child(2n) .nr_box{ flex-direction: row-reverse;}
.pro02 ul li .imgbg{ width: 48%; position: relative;}
.pro02 ul li .img {padding-bottom: 52%;position: relative;overflow: hidden;background: #f9f9f9;}
.pro02 ul li .img img {width: 100%;height: 100%;position: absolute;top: 0;right: 0;bottom: 0;left: 0;margin: auto auto;transition: all .3s ease;object-fit: cover;}
.pro02 ul li .imgbg .h2{position: absolute;top: -20px;left: 20px;background: var(--main-color);color: var(--main-color-white);display: flex;justify-content: center;align-items: flex-start;flex-direction: column;padding: 20px;}
.pro02 ul li .imgbg .h2 span{font-size: 40px;line-height: 1;}
.pro02 ul li .imgbg .h2 b{font-size: 40px;font-weight: normal;line-height: 12px;}
.pro02 ul li  .txtbg { width: 47%;}
.pro02 ul li .txt { color: var(--main-color-666); }
.pro02 ul li .txt .h2 {font-size: 30px;line-height: 1.5em;height: 1.5em;color: var(--main-color-158);overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;font-weight: bold;}
.pro02 ul li .txt .h3 {font-size: 16px;line-height: 1.5em;color: rgba(0, 0, 0, 0.85);}
@media(max-width:999px) {
    .pro02 ul li{  width: 100%;  margin-top: 10%;}
    .pro02 ul li .nr_box{flex-wrap: wrap; }
    .pro02 ul li .imgbg{ width: 100%;}
    /*.newsclass_list ul li:nth-child(2n-1){ margin-left:0; clear:left;}*/
    .pro02 ul li .txt { padding: 10px 5%; }
    .pro02 ul li .txtbg{ width: 100%;}
    .pro02 ul li .txt .h2 {font-size: 14px;line-height: 1.5em;}
    .pro02 ul li .txt .h3 {font-size: 12px;line-height: 1.5em;}
    }
   
  
.cent07{ margin-top: 4%;}
/*scroll_03*/
.scroll_033{ margin-top: 3%;}
.scroll_033 .bd li{float:left;width:380px;overflow:hidden;margin: 0 5px;}
.scroll_033 .bd li .img{height:260px; padding:2px; background:var(--main-color-white);}
.scroll_033 .bd li .img table tr td{ height:260px;}
.scroll_033 .bd li .img table tr td img{max-width:380px;max-height:260px;object-fit: cover;width: 100%;height: 100%;}
@media(max-width:999px) {
    .scroll_033{ width: 100%; overflow: hidden;}
}

.cent08_bg{ background: var(--main-color); margin-top: 3%; padding: 3% 0;}
.cent08{ display: flex; justify-content: space-between;  align-items: center;}
.cent08>.img{width: 32%;}
.cent08>.img img{ width: 100%; vertical-align: bottom;}
.cent08_1{width: 46%;color: var(--main-color-white);}
.cent08_1 h2{ font-size: 30px;}
.cent08_1 span{font-size: 16px;display: block;margin-top: 3%;line-height: 1.5;}
.cent08_r{ width: 16%;}
.cent08_r img{ width:100%; vertical-align:bottom}
.cent08_r .swiper-pagination03{background: rgb(0 0 0 / 50%);bottom: 0 !important;}
.cent08_r .swiper-pagination03 span{ background: var(--main-color-white);}
@media(max-width:999px) {
.cent08_bg{ padding: 5% 0;}
.cent08{flex-wrap: wrap; }
.cent08>.img{ width: 100%;}
.cent08_r{  width: 100%;}
.cent08_1{width: 100%; margin: 5% 0;}
}


.footer_bg{ background: #1f1f1f; color: var(--main-color-white);}
.footer_bg a{ color: #4c4c4c;}
.footer01{ padding: 2% 0; border-bottom: 1px solid #2d2d2d;}
.footer01 span{ font-size: 14px;}
.footer01 a{ font-size: 12px; display:inline-block; margin: 0 10px;}
.footer02{ display: flex; align-items:flex-start; justify-content: space-between; padding: 4% 0;}
.footer02_l{ width: 30%; text-align: center;}
.footer02_l h2{ font-size: 28px; color: rgb(229, 229, 229); display: block;}
.footer02_l .footer03{ margin-top: 10%;}
.footer02_l .footer03 h3{ font-size: 14px; display: block; color: var(--main-color-white); font-weight:normal;} 
.footer02_l .footer03 h1{ color: var(--main-color-158); display: block; font-size: 30px;}
.footer02_r{width: 60%;}
.footer02_r ul{display: flex;align-items:flex-start;gap: 3vw;} 
.footer02_r ul li{}
.footer02_r ul li h2{ font-weight: normal;}
.footer02_r ul li h2 a{ font-size: 14px; color: var(--main-color-white);}
.footer02_r ul dl{}
.footer02_r ul dd{ line-height: 26px;}
.footer02_r ul dd a{font-size: 12px;color: #4c4c4c;}
@media(max-width:999px) {
.footer01{ padding: 5% 0;}
.footer02{flex-wrap: wrap; }
.footer02_l{ width: 100%;}
.footer02_r{ width: 100%; display: none;}

}

.cd-top {
    display: inline-block;
    height: 40px;
    width: 40px;
    position: fixed;
    bottom: 40px;
    right: 10px;
    
    /* image replacement properties */
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    background: url(../images/03.png) no-repeat center 50%;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
  }
  .cd-top.cd-is-visible {
    /* the button becomes visible */
    visibility: visible;
    opacity: 1;
  }
  .cd-top.cd-fade-out {
    /* 如果用户继续向下滚动,这个按钮的透明度会变得更低 */
    opacity: 1;
  }
  .no-touch .cd-top:hover {
    background-color: #e86256;
    opacity: 1;
  }
  @media only screen and (min-width: 768px) {
    .cd-top {
      right: 20px;
      bottom: 20px;
    }
  }
  @media only screen and (min-width: 1024px) {
    .cd-top {
      height: 60px;
      width: 60px;
      right: 30px;
      bottom: 30px;
    }
  }


.banner03{ width: 100%;}
.banner03 img{ width: 100%; vertical-align: bottom;}

.cent09_bg{ background: #f8f8f8;}
.cent09{padding: 1% 0;background: var(--main-color-white);}
.tabs2{margin-top: 3%;}
.tabs2 .title2{ float: left; display: block; width:115px;}
.tabs2 .title2 li{display:block;text-align: right;margin: 10px 0;position:relative;}
.tabs2 .title2 li:before{content: " ";
top: 50%;
    right: 0px;
    margin-top: -5px;
    position: absolute;
    width: 0;
    height: 0;
    border: 5px solid transparent;
       border-right-color: var(--main-color-white);}
.tabs2 .title2 li span{/* width: 100%; */font-size: 14px;margin: 0 10px;height: 45px;line-height: 45px;display: inline-block;overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 1;font-size: 12px;color: var(--main-color-666);transition: all 0.5s;box-sizing: border-box;text-align: center;border-bottom: 1px solid #e6e6e6;display: block;}
.cent09  .tabs_val{width: calc(100% - 148px);}
.tabs2 .title2 li.cur{background: var(--main-color-4ab344);color: var(--main-color-white);}	
.tabs2 .title2 li.cur span{color: var(--main-color-white);}
.cent09 .pro2{}
.cent09 .pro2 ul li {float: left;width: calc((100% - 60px)/3);margin: 0 0 30px 30px;}
.cent09 .pro2 ul li:nth-child(3n-2) { margin-left: 0; clear: left; }
.cent09 .pro2 ul li .nr_box {=: 1pxsolid #eee;overflow: hidden;transition: all .3s ease;}
.cent09 .pro2 ul li .img {padding-bottom: 73%;position: relative;overflow: hidden;border: 1px solid #f2f2f2;}
.cent09 .pro2 ul li .img img {width: 100%;height: 100%;position: absolute;top: 0;right: 0;bottom: 0;left: 0;margin: auto auto;transition: all .3s ease;object-fit: cover;}
.cent09 .pro2 ul li:hover .img{ border:1px solid var(--main-color-000)}
.cent09 .pro2 ul li .txtbg { }
.cent09 .pro2 ul li .txt {padding: 4% 4.5%;color: var(--main-color-666);}
.cent09 .pro2 ul li .txt .h2 {font-size: 14px;line-height: 1.5em;height: 1.5em;color: var(--main-color-666);overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}

@media(max-width:999px) {
.tabs2 .title2{ width: 30%;}
.tabs2 .title2 li span{box-sizing: border-box;text-align: center;}
.cent09 .pro2 ul li { float: left; width: 100%; margin: 0 0 20px 0px; }
.cent09 .pro2 ul li .txt { padding: 10px 5%; }
.cent09 .pro2  ul li .txt .h2 { font-size: 14px; line-height: 1.5em; height: 1.5em; margin-bottom: 5px; }
.tabs2 .title2 li.cur span{/* width: 100%; */}
.cent09 .tabs_val {width: calc(100% - 30%);}
}

.cent10_bg{ padding: 2% 0; color: var(--main-color-white);}
.cent10{ text-align: center;}
.cent10 h2{ font-size: 34px;}
.cent10 span{ font-size: 22px; opacity: 0.5;}


.qeihe_valli{ display: none;}
.cent11{ padding: 10px 0;}
.qeihe{ display: flex;   align-items: center; justify-content: space-between;    margin-bottom: 20px; padding-bottom: 15px; border-bottom: 1px solid #ddd;}
.qeihe .h2{ font-size: 28.8px; color: var(--main-color); font-weight: bold;}
.qeihe01{display: flex;   align-items: center;}
.qeihe01 a{    padding: 6px 12px; border: 1px solid #016933; background: white; color: #006832;  border-radius: 4px; cursor: pointer;  transition: all 0.3s; margin-left: 10px;}
.qeihe01 a.on{     background: var(--main-color);color: var(--main-color-white);}


.cent12{ display: flex;  align-items:flex-start; justify-content: space-between;flex-wrap: wrap; }
.cent12 .cent12_l{ width:25% ;background: white; border-radius: 8px;  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08);  padding: 20px;   height: fit-content;box-sizing:border-box;}
.cent12_l>ul{}
.cent12_l>ul>li{    margin-bottom: 25px;
    padding-bottom: 20px;
    border-bottom: 1px solid #eee;}
.cent12_l>ul>li>span{ display: flex;  align-items: center; justify-content: space-between;}
.cent12_l>ul>li>span a{ font-size: 19px; color: var(--main-color); display: block; font-weight:normal;}
.cent12_l>ul>li>span .img .jia{ display:block;}
.cent12_l>ul>li>span .img  i{ font-size: 12px; color: var(--main-color);}
.cent12_l>ul>li>span .img .jian{ display:none;}
.cent12_l>ul>li .erji{ margin-top: 3%; display: none;}
.cent12_l>ul>li .se{}
.cent12_l>ul>li .se span{ font-size: 14px; color: var(--main-color-666); display: block; line-height: 1.5;}
.cent12_l>ul>li .se  a{ display: block; text-align: center;    border-radius: 4px; color:var(--main-color-white); font-weight: 500; background: var(--main-color); padding: 10px;}
.cent12_l>ul>li .input_text{ margin-top: 3%; border: 1px solid #ccc; padding: 10px; font-size: 14px; width: 100%; box-sizing: border-box;}
.prie{    max-height: 300px;  overflow-y: auto;margin-bottom: 15px;   border: 1px solid #eee;   border-radius: 4px;  padding: 10px;}
.prie>ul{}
.prie>ul>li{    margin-bottom: 15px;  border: 1px solid #f0f0f0;  border-radius: 6px;  padding: 12px; background-color: #fafbfc;}
.prie>ul>li  .prie02{display: flex; align-items: center; justify-content: space-between;    margin-bottom: 10px;
    cursor: pointer;
    padding: 4px 0;}
.prie>ul>li  .prie02 .category-collapse-btn{    background: none; border: none; color: var(--main-color);  cursor: pointer;  font-size: 0.8rem; width: 20px; height: 20px; display: flex;  align-items: center;justify-content: center; border-radius: 3px;}
    .prie>ul>li  .prie02  .category-collapse-btn:hover {   background-color: #eef2f7;  }
.prie>ul>li .h3{ }
.prie>ul>li .h3 em{ font-style: normal; font-size: 12.8px;}
.prie>ul>li .h3 span{ font-size: 15.5px; color: var(--main-color-555);}
.prie>ul>li .h3 i{ font-style: normal; font-size: 12.8px;}
.prie>ul>li .highe{    display: flex ;  flex-wrap: wrap; gap: 8px;   transition: all 0.3s ease; display: none;}
.prie>ul>li .highe a{display: inline-block;padding: 5px 10px;background: #f0f4f8;border: 1px solid #d1d9e6;border-radius: 20px;font-size: 0.85rem;cursor: pointer;transition: all 0.2s;margin: 4px;}
.ire{}
.djie{ display: block;}
.ire a.bue{  display: inline-block;  padding: 5px 10px;  border-radius: 20px;  font-size: 0.85rem; cursor: pointer; transition: all 0.2s;background: var(--main-color); color: white; border-color: var(--main-color);}
.ire a.c3w3{background: #f8f9fa; color: var(--main-color-666); border: 1px solid #ddd; padding: 8px 15px;border-radius: 4px;cursor: pointer; font-size: 0.9rem;transition: all 0.3s;display: inline-block;margin-top: 10px; }
.cent12_r{width:calc(100% - 28%);border-radius: 8px;  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08);  padding: 20px; box-sizing:border-box;}
.pvet{ display: flex;   align-items: center; justify-content: space-between; margin-bottom: 15px;}
.pvet h2{ font-weight: normal; font-size: 19.4px; color: var(--main-color);}
.pvet a{ font-size: 15px; color: var(--main-color-666);}
.bec ul li{    border: 1px solid #e1e8f0; border-radius: 6px; padding: 20px; margin-bottom: 15px; background: #fcfdfe; transition: transform 0.2s, box-shadow 0.2s;}
.bec ul li:hover { transform: translateY(-2px); box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);}
.reft{ display: flex;  align-items: center; justify-content: space-between;}
.reft h2{  font-size: 24px; font-weight: 600; color: #015e2e;}
.reft strong{    font-size: 19.2px;  font-weight: 600; color: #e74c3c; background: var(--main-color-white)5f5; padding: 5px 10px;  border-radius: 4px;}
.bec ul li .h1{    color: var(--main-color-555);margin-bottom: 15px;  font-size: 1.05rem;}
.bec ul li .h2{  margin-top: 15px; padding-top: 15px; border-top: 1px solid #eee;}
.bec ul li .h2 .h3{    font-size: 14px;color: #777; margin-bottom: 8px;}
.bec ul li .h4  { display: flex;flex-wrap: wrap;gap: 8px;}
.bec ul li .h4 a{ display: inline-block; padding: 4px 8px; background: #f0f7ff; border: 1px solid #d1e3ff; border-radius: 4px; font-size: 0.8rem;  color: var(--main-color);}

@media only screen and (max-width: 980px) {
    .qeihe{flex-wrap: wrap; }
    .cent12 .cent12_l{ width: 100%;}
    .cent12_r{ width:100%;}
    .reft{flex-wrap: wrap; }
}

.cent13{ margin-top: 10px;}
.cent13_l {
    display: flex;
    flex-direction: column;
    height: auto;
    max-height: 600px;
    width: 48%;
    float: left;
}

/* 主轮播图容器 */
.mySwiper12 {
    /* flex: 1; */
    width: 100%;
    height: 70%;
    min-height: 300px;
    border-radius: 10px;
    margin-bottom: 10px;
}

.mySwiper12 .img {
    border: 1px solid #eeeeee;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 99%;
    height: 100%;
}

.mySwiper12 img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}

/* 缩略图轮播容器 */
.mySwiper13 {
    height: 30%;
    min-height: 80px;
    max-height: 100px;
    width: 100% !important;
    padding: 10px 0;
    box-sizing: border-box;
}

.mySwiper13 .swiper-wrapper {
    flex-direction: row !important; /* 水平排列缩略图 */
}

.mySwiper13 .swiper-slide .img {
    border: 1px solid #eeeeee !important;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 95%;
}

.mySwiper13 img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.mySwiper13 .swiper-slide.swiper-slide-thumb-active .img {
    border: 2px solid var(--main-color-4ab344) !important;
}

/* 响应式设计 */
@media (min-width: 768px) {
    .cent13_l {
        flex-direction: row;
        height: 472px;
    }
    
    .mySwiper12 {
        height: 100%;
        width: calc(100% - 121px);
        margin-bottom: 0;
        margin-right: 10px;
    }
    
    .mySwiper13 {
        width: 90px !important;
        height: 100%;
        max-height: none;
    }
    
    .mySwiper13 .swiper-wrapper {
        flex-direction: column !important; /* 大屏时垂直排列 */
    }
}

/* 小屏幕适配 */
@media (max-width: 480px) {
    .cent13_l {
        max-height: 500px;
    }
    
    .mySwiper12 {
        min-height: 250px;
    }
    
    .mySwiper13 {
        min-height: 70px;
        max-height: 80px;
    }
}

.title04{ border-bottom: 1px solid var(--main-color-4ab344); margin-bottom: 2%;}
.title04 h2{ background:var(--main-color-4ab344); border-radius: 5px 5px 0 0; display: inline-block; color: var(--main-color-white); line-height: 47px; padding: 0 10px;} 
.cent13_r{ float:right;  display: block; width: 48%;}
.cent13_r .h2{ display:block; font-size: 20px; color: #585858; }
.cent13_r .h1{ display: block; font-size: 14px; color: var(--main-color-666); margin: 20px 0;}
.cent13_r a{ width: 160px; height: 40px; text-align: center; display:block; background:var(--main-color-4ab344); font-size: 16px; line-height: 40px; color: var(--main-color-white); border-radius: 8px;}
.inside_con{ padding:10px 0; min-height: 300px;}
.cent14{border: 1px solid #ccc;margin: 3% auto;}
.cent14 h2{border-top: 2px solid var(--main-color);color: var(--main-color);border-right: 1px solid #ccc;display: inline-block;padding: 0px 20px;line-height: 50px;}

@media only screen and (max-width: 980px) {
    .cent13_l{ width: 100%;}
.cent13_r{ width: 100%;}
}

.cent15_bg{ background: var(--main-color); padding: 1% 0;}
.cent15{ background: #dedede;}
.cent15 .tabs2 .title2{ width: 25%; background: var(--main-color-white);}
.cent15 .tabs2 .title2 li span{ line-height: 1; font-size: 16px; border-bottom:0; height: 58px; display: flex; justify-content: center;  align-items: center;}
.cent15 .tabs2 .title2 li:before{ display: none;}
.cent15 .tabs2 .title2 li.cur span{ height: 100px;}
.cent15  .tabs_val{    width: calc(100% - 25%); box-sizing: border-box; padding: 10px; }
.cent16{ background: #f5f5f7; padding: 5px; box-sizing: border-box;}
.cent16 .h2{ text-align: center; color: var(--main-color-333); font-size: 24px;display: block;}
.cent16 ul li{ float: left; border: 1px solid #e0e0e0; width: calc((100% - 4% - 6px) / 3); margin-top: 2%; margin-right: 2%; padding: 15px 15px 15px 15px; box-sizing: border-box; background: var(--main-color-white);}
.cent16 ul li:nth-child(3n) { margin-right: 0% ;}
.cent16 ul li .h1{ font-size: 20px;  color: var(--main-color-333);}
.cent16 ul li .title_bg{ display: block; margin: 15px 0; font-size: 15px; color: var(--main-color-333);}
.cent16 ul li em{ display: block; font-size: 12px; font-style:normal; color: #8899a6;}
.cent16 ul li:hover a .h1{color: var(--main-color-666);}
@media only screen and (max-width: 980px) {
    .cent15 .tabs2 .title2{ width: 100%;}
    .cent15  .tabs_val{ width: 100%;}
    .cent15 .tabs2 .title2 li.cur span{ height: 60px;}
    .cent16 ul li{ float:none; width: 100%; margin-right: 0;}
    .cent16 .h2{ font-size: 16px;}
}
.cent16_bg{ margin: 10px auto;}

.cent17{ margin: 3% auto; display: flex;  align-items: center; justify-content: space-between; flex-wrap: wrap; 
    }
.cent17_l{ width: 48%;} 
.tieteh2{}
.tieteh2 h2{ font-size: 30px; color: var(--main-color-333); font-weight: normal;}
.tieteh2 p{ width: 43px; height: 2px; background: var(--main-color); padding: 0;}
.cent17 .img{ width: 48%;} 
.cent17 .img img{ width: 100%; vertical-align: bottom;} 
.cent17 .title_bg{ font-size: 16px; color: var(--main-color-666);}

@media only screen and (max-width: 980px) {
    .cent17{ margin: 5% auto;}
    .cent17_l{ width: 100%;}
    .cent17 .img{ width: 100%; margin-top: 5%;}
}

.cent18{display: flex;/* align-items: flex-start; */justify-content: space-between;flex-wrap: wrap;}
.cent18 .img{ width: 35%;}
.cent18 .img img{width: 100%;vertical-align: bottom;height: 100%;}
.cent1801{width: 29%;padding: 4% 0;}
.cent1801 ul li{
    list-style: disc;
    font-size: 16px;
    line-height: 1.5;
    color: var(--main-color-000);
}
.cent1802{width: 29%;}
.cent1802 span{color: var(--main-color-white); background: var(--main-color);margin-top: 4%;font-size: 30px;box-sizing: border-box;padding: 2%; display: block;}

@media only screen and (max-width: 980px) {
    .cent18{ display: block;}
    .cent18 .img{  width: 100%;}
    .cent1801{ padding: 5%;width: 100%; box-sizing: border-box;}
    .cent1802{ width: 100%;}
}
 
.gei{ text-align: center; margin: 4% auto;}
.gei .tieteh2 p{ margin: 0 auto;}



.cent19{ background: var(--main-color-f7f7f7); margin: 4% auto;}
.cent20{ padding: 8%;}
.cent20 ul{ margin-top: 4%;}
.cent20 ul li{ font-size: 16px; line-height: 46px;}
.cent21{ margin: 0% 8% 0 8%; padding-bottom: 8%; border-top: 1px solid #ccc; padding-top: 8%;}
.cent21 ul{ margin-top: 4%;}
.cent21 ul li{margin-bottom: 2%;display: flex;align-items: center;}
.cent21 ul li span{ width: 90px; font-size: 14px; color: var(--main-color-666); font-weight: bold; text-align:right;  overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
   -webkit-line-clamp: 1; margin-right: 10px;}
   .cent21 ul li .input_text{border: #dadada 1px solid;border-radius: 2px;-webkit-box-sizing: border-box;box-sizing: border-box;font-size: 12px;height: 36px;margin: 0;padding: 0;text-indent: 6px;width: 312px;}

   .cent21 ul li em{ font-style: normal; color: red; font-size: 14px; margin-left: 10px;}
   .cent21 ul li dl{ display: flex;  align-items: center;justify-content: space-between; width: 100%;}
   .cent21 ul li dl dd{ display: flex;  align-items: center;justify-content: space-between;}
   .cent21 ul li dl .select{border: #dadada 1px solid; border-radius: 2px;  -webkit-box-sizing: border-box;   box-sizing: border-box; font-size: 12px; height: 36px;margin: 0; padding: 0;  text-indent: 6px;  width: 104px; margin-right: 10px;}
   .cent21 ul li dl .input_text02{border: #dadada 1px solid;border-radius: 2px;-webkit-box-sizing: border-box;box-sizing: border-box;font-size: 12px;height: 36px;margin: 0;padding: 0;text-indent: 6px;width: 10.6vw;}
   .cent21 ul li dl .input_text03{border: #dadada 1px solid;border-radius: 2px;-webkit-box-sizing: border-box;box-sizing: border-box;font-size: 12px;height: 36px;margin: 0;padding: 0;text-indent: 6px;width: 23vw;}
   .cent21 ul li .texd{border: #dadada 1px solid;border-radius: 2px;-webkit-box-sizing: border-box;box-sizing: border-box;font-size: 12px;margin: 0;padding: 0;text-indent: 6px;width: 47vw;height: 100px;}

   .cent21>a{
    background-color: #4ab244;
    color: var(--main-color-white);
    cursor: pointer;
    font: 14px 微软雅黑;
    height: 44px;
    line-height: 44px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 17%;
    position: relative;
    text-align: center;
    margin-left: 101px;
    display: block;
    } 
    .cent21>a::before { pointer-events: none;
        content: ""; position: absolute; display: block; transition: all 0.6s; width: 100%; height: 0;
        border-radius: 50%; left: 50%; top: 50%; padding-top: 100%; transform: translateX(-50%) translateY(-50%);
        -webkit-animation: wave 1.3s infinite; animation: wave 1.3s infinite; z-index: 1;}

        @-webkit-keyframes wave {
            0% {
                background: rgba(0,0,0,.25);
                -webkit-transform: translateX(-50%) translateY(-50%) scale(0);
                transform: translateX(-50%) translateY(-50%) scale(0)
            }
        
            to {
                background: transparent;
                -webkit-transform: translateX(-50%) translateY(-50%) scale(1);
                transform: translateX(-50%) translateY(-50%) scale(1)
            }
        }
        
        @keyframes wave {
            0% {
                background: rgba(0,0,0,.25);
                -webkit-transform: translateX(-50%) translateY(-50%) scale(0);
                transform: translateX(-50%) translateY(-50%) scale(0)
            }
        
            to {
                background: transparent;
                -webkit-transform: translateX(-50%) translateY(-50%) scale(1);
                transform: translateX(-50%) translateY(-50%) scale(1)
            }
        }
        
@media only screen and (max-width: 980px) {
.cent20{ padding:5%}
.cent21{padding: 5% 0;margin: 0 5%;}
.cent21 ul li{ margin-bottom:5%}
.cent21 ul li dl{flex-wrap: wrap;}
.cent21 ul li dl dd{width: 100%; margin-bottom:5%}
.cent21 ul li dl .input_text03{width: 141%;}
.cent21 ul li dl .input_text02{ width: 80%;}
.cent21 ul li .texd{width: 141%;}
.cent21 ul li dl .select{width: 91px;}
.cent21 ul li .input_text{width: 141%;}
.cent21>a{ width:100%; margin:0}
}