/* ====首页====== */

html{ font-size: 100px;}
.hide{ display: none;}
body{ background-color:#fff;}
.fullPart{ min-height: 100vh; box-sizing: border-box; display: flex; flex-direction: column; justify-content: center;}
/** header **/

.header{ position:fixed; width: 100%; left: 0; top: 0; z-index:100;  background-color: rgba(255,255,255,.95); box-shadow: 4px 4px 5px  rgba(0,0,0,.05); }

.stick{ position: fixed; width: 100%; left: 0; top: 0; }

.loarea{ height:0.8rem; position:relative; z-index:3;}

.loarea .wp{ display: flex; justify-content: space-between; align-items: center; }

.logo{ width:3.4rem; height: 0.8rem; display:flex; align-items: center; }

.logo .tp{ height:.56rem; width:auto;}



.contactBtn{ font-size: 0.16rem; padding: 0.4em 1em; text-transform: uppercase;font-family: 'scBold';}

/*PC导航 begin*/

.nav{  z-index:5; }

.navul{ font-size:0;}

.navul li{ display:inline-block; font-size:.18rem;position:relative;}

.rowLi{ position: static !important;}

.navul li>a{  padding:0 2em; position: relative; text-transform: uppercase; font-family: 'scBold'; text-align:center; display:inline-block; line-height:0.8rem; height:0.8rem; position: relative;}

.navul li>a::after{ content: ""; display: block; width: 1px; height: .38rem; background-color: #EAEAEA; position: absolute; right: 0%; top:50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transition: .3s; -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; }

.navul li:nth-last-child(1)::after{ display: none;}
.navul li>a:hover,.active{ font-weight: bold !important; color: #09554C !important;} 



.abs-center {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%,-50%);
      -ms-transform: translate(-50%,-50%);
          transform: translate(-50%,-50%);
}

.mask {

    position: fixed;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .4);
    top: 0;
    left: 0;
    z-index: 9999;
    display: none;
}

.mask-inner1 {
    width: 690px;
    border-radius: 8px;
    overflow: hidden;
    max-width: 94%;
}

.mask-inner1-top {
    background-color: #09554C;
    color: #fff;
    text-align: center;
    padding: 15px;
    font-size: 22px;
}

.mask-inner1-bott {
    padding: 30px 15px;
    font-size: 16px;
    font-weight: 700;
    line-height: 2em;
    text-align: center;
    background-color: #fff;
}

/*PC导航end*/

.subnav{ position:absolute; display: none;  }

.subnavNormal{left:50%; margin-left: -0.6rem; top:0.8rem; width:0.8rem;padding-top: 0rem;}

.subnav:after{ content: ''; display: block; width: 0; height: 0; border: .08rem solid transparent; border-bottom-color: #fff; position: absolute; top: -0.16rem; left: 50%; margin-left: -0.06rem; display: none;}

.subnav>.nr{background:rgba(0, 0, 0, .6); padding:.1rem 0; box-shadow: 0 .02rem .1rem 0 #333; }

.subnav .nr a{text-align:left; line-height:2; padding: .06rem 0; width:100%; font-size:.13rem; display:block;  color:#fff; text-align:center; }

.subnav .nr a:hover{ color: #fff !important; background-color: 09554C; }



/*手机导航按钮及下拉菜单begin*/

.menubtn{ position:absolute; width:.32rem; height:.32rem;top:.23rem; right:2%; cursor:pointer; display:none;}

.menubtn i{ display:block; width:.32rem; height:.04rem; background-color:#09554C; position:absolute; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s; border-radius: .02rem;}

.menubtn i:nth-child(1){ top:.04rem; -webkit-transform-origin:left bottom; -moz-transform-origin:left bottom; -ms-transform-origin:left bottom; -o-transform-origin:left bottom; transform-origin:left bottom;}

.menubtn i:nth-child(2){ top:.14rem;}

.menubtn i:nth-child(3){ top:.24rem; -webkit-transform-origin:left top; -moz-transform-origin:left top; -ms-transform-origin:left top; -o-transform-origin:left top; transform-origin:left top;}

.menubtn.on i:nth-child(1){ -webkit-transform:rotate(38deg); -moz-transform:rotate(38deg); -ms-transform:rotate(38deg); -o-transform:rotate(38deg); transform:rotate(38deg); }

.menubtn.on i:nth-child(2){ opacity:0;}

.menubtn.on i:nth-child(3){ -webkit-transform:rotate(-38deg); -moz-transform:rotate(-38deg); -ms-transform:rotate(-38deg); -o-transform:rotate(-38deg); transform:rotate(-38deg); }

/*小导航*/

.inav{ width:4rem; max-width: 60%; height: 100vh; overflow-y: auto; background-color:rgba(0, 0, 0, .9); position:fixed;  z-index:999; top:0rem; left:-100%;  z-index:99; overflow-y: auto; display: none; }

.navlogo{ padding: .3rem;}

.navlogo .tp{ max-width: 66%;}

.inav ul{ margin: 0 .3rem;}

.inavul li{border-bottom:1px solid #363636;}

.inavul li>a{ display:block; text-align:left; text-transform: uppercase;  font-size:.16rem; color:#fff; padding:.2rem .3rem .2rem .2rem; position: relative;}

.inavul li>a .iconfont{ position: absolute; right: 0; top: .12rem; font-size: .18rem; }

.act_inav{ border-color: 09554C !important; color:09554C !important;}

.act_inav .iconfont{ transform: rotate(90deg); -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); }

.inavul .nr{ display: none; padding:.05rem .3rem .05rem .4rem;}

.inavul .nr a{display:inline-block; text-align:left; padding: .08rem 0; margin-right: .1rem;  font-size:.15rem; color:#ddd;}

/*手机导航按钮及下拉菜单end*/

/*banner begin*/

.banner{ position:relative; z-index:3; }

.banner .swiper-slide{position:relative; overflow:hidden;}

.banimgarea{ display: block; font-size: 0;}

.banimg{ width:100%; height:100vh; display:block;}
.banIntro{ position: absolute; left: 0; width: 100%; top: 20%; }
.banIntro .wp{ color: #fff; margin: 0 180px; }
.banIntro .wp .inner{ width: 900px; max-width: 100%;}
.banIntro .tit{ font-size: 0.48rem; line-height: 1.3; font-weight: bold; }
.banIntro .nr{ font-size: 0.18rem; margin-top: 0.1rem;}
.banIntro .mandiv{ margin-top: 0.25rem;}
.banIntro .mandiv .sbtn{ text-transform: uppercase; background-color: #2ec520; font-size: 0.2rem; padding: 0.8em 1.6em;}
.banIntro .mandiv .sbtn:hover{  background-color: #34912C;}
.banIntro .wp .tparea{ text-align: center; margin-top: 0.3rem; width: 50%; margin: 0 auto;}
.banIntro .wp .tparea .tp{ width: 100%;}

.banner .swiper-pagination{ bottom:.3rem !important;}

.banner .swiper-pagination-bullet{ width:.12rem; height:.12rem; padding: 0; background-color:#0A554C; font-size: 0; line-height: 0; outline:none; cursor: pointer; margin:0 .06rem !important; }

.banner .swiper-pagination-bullet-active{}

/* .banner .swiper-button-prev,.banner .swiper-button-next{ display: none;} */

.banner .swiper-button-prev{ left:2%;}

.banner .swiper-button-next{ right:2%;} 

.banner .swiper-button-prev::after,.banner .swiper-button-next::after{ display: none;}

.banner .swiper-button-prev,.banner .swiper-button-next{ filter:alpha(opacity=60); -moz-opacity:0.6; -khtml-opacity: 0.6; opacity: 0.6; width:80px; height:150px; line-height: 150px; top:50%; margin-top:-75px; color: #fff; -webkit-filter:alpha(opacity=60); }

.banner .swiper-button-prev .iconfont,.banner .swiper-button-next .iconfont{ font-size: 60px; font-weight: bold;}

.banner .swiper-button-prev:hover,.banner .swiper-button-next:hover{filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1;}

/*banner end*/

.h_tit{ font-size: .48rem; padding: 0.8em 0; text-transform: uppercase; }

.h_tit .tit{}

.h_tit .subtit{ text-transform:capitalize;}

.h_pain{ padding: .2rem 0 .4rem;}

.h_pain .wrap{ display: flex; flex-wrap: wrap;}

.hpainItem{ width: 32%; margin: 0 2% 2% 0; background-color: #fff; overflow: hidden; }

.hpainItem:nth-child(3n){ margin-right: 0;}

.hpainItem .tparea{ font-size: 0; overflow: hidden;}

.hpainItem .tparea .tp{ width: 100%; height: 3.8rem;}
.hpainItem .tparea .tp2{ display: none;}

.hpainItem .des{ padding: 0.2rem 0.25rem;  }

.hpainItem .des .tit{ font-size:0.24rem;}

.hpainItem .des .nr{ margin-top: 0.05rem;}

.hpainItem .des .nr .list{ font-size: 0.18rem; margin-bottom: 0.15rem; color: #666; line-height: 1.4;  padding-left: 0.15rem; position: relative;}

.hpainItem .des .nr .list::after{ content: ""; display: block; width: .05rem; height: .05rem; position: absolute; left: 0; top: .08rem; border: .01rem solid #33922C; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; }

.hpainItem:hover .des .tit{ color: #09554C;}

/* .hpainItem:hover .tparea .tp{ transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); } */
.hpainItem:hover .tparea .tp1{ display: none;}
.hpainItem:hover .tparea .tp2{ display: block;}


.h_advan{ padding: .4rem 0 .6rem; overflow-x:hidden;}

.hadvanSlide{ overflow: visible !important;}

.hadvanItem{ background-color: #fff; overflow: hidden; position: relative;box-shadow: 0px 4px 9px 0px rgba(53,53,53,0.13); }

.hadvanItem .tparea{ font-size: 0; overflow: hidden;}

.hadvanItem .tparea .tp{ width: 100%; height: 5.4rem; object-fit: cover;}

.hadvanItem .shade{ padding: 0.25rem 0.25rem; box-sizing: border-box; position: absolute; width: 100%; height: 100%; left: 0; top: 0; color: #fff; background-color: rgba(0, 0, 0, .4);}

.hadvanItem .shade .tit{ font-size:0.24rem;}

.hadvanItem .shade .nr{ margin-top: 0.1rem;font-size: 0.18rem; overflow-wrap: break-word;

  word-break: normal;

  hyphens: auto;}

.hadvanItem:hover .shade { background-color: rgba(0, 0, 0, 0);}

.hadvanItem:hover .tparea .tp{ transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); }

/* 20250619添加 */
 .horizontal-main .hadvanItem{flex: 0 0 auto;}
/* 关键修复：确保容器有足够滚动空间 */
.horizontal-main {
    position: relative; 
    height: 300vh; /* 临时固定值，JS会动态覆盖 */
}

.horizontal-container {
    position: sticky;
    top: 0;display: flex; flex-direction: column; justify-content: center;
    height: 100vh;
    overflow: hidden;
}

.horizontal-track {
    display: flex;
    /* height: 100%; */
    align-items: center;
    will-change: transform;
    padding-left: 120px; /* 起始留白 */
}

.scroll-item {
    flex: 0 0 auto;
    width: 28vw;
    margin-right: 1.6vw;
}

.content-section {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    padding: 20vh 10vw;
    opacity: 0.2;
    font-size: 1.5vw;
    line-height: 1.5;
}

.h_calc{padding: .2rem 0 .4rem;  background-color: #EFF3ED;}

.h_calc .wrap{ display: flex; flex-wrap: wrap; margin-right: 5.2%;}

.h_calc .tparea{ width: 48%; margin-right: 2%; font-size: 0; position: relative; }

.h_calc .tparea .tp{ height:5.1rem; width: 100%; object-fit: cover;}



.listsAttrmc{ position: absolute; width: 3.05rem; right: 0; top: 0    ;}

.listsAttrmc .nr{ margin-top: .88rem; }

.listsAttrmc .nr .list{ padding: .06rem 0; }

.listsAttrmc .nr .list .span{ font-size: .24rem; text-align: center; display: block; padding: 0.4em 1em; border-radius: .3rem 0 0 .3rem; -webkit-border-radius: .3rem 0 0 .3rem; -moz-border-radius: .3rem 0 0 .3rem; -ms-border-radius: .3rem 0 0 .3rem; -o-border-radius: .3rem 0 0 .3rem; background: linear-gradient(265deg, #195E57, #33922C); color: #fff;}



.h_calc .intro{ flex: 1; min-width: 0;}

.h_calc .intro .lists{ display: flex; flex-wrap: wrap;}

.hcItem{ width: 32%; margin-left: 2%;box-shadow: 0rem .1rem .13rem 0rem rgba(26,97,85,0.32); text-align: center; overflow: hidden;}

.hcItem:nth-child(1){ margin-left: 0;}

.hcItem .title{box-shadow: 0rem .12rem .18rem 0rem rgba(6,76,68,0.24) inset;padding: 0.4em 0; height: .74rem; font-size: .26rem; font-family: 'scHeavy'; display: flex; align-items: center; justify-content: center;}

.hcItem .title .tp{max-width: 56%; max-height: .74rem;}

.hcItem .nr{ padding: 0 .5rem;}

.hcItem .nr .list{ font-size: .24rem; border-bottom: .01rem solid #DADADA; position: relative; padding: 0.6em 0;}

.hcItem .nr .list::before{ content: ""; display: block; background: #1A5F56; box-shadow: 0rem .03rem .06rem 0rem rgba(26,95,86,0.59); width: .09rem; height: .09rem; position: absolute; bottom: -0.05rem; left: 50%; transform:translateX(-50%) ; -webkit-transform:translateX(-50%) ; -moz-transform:translateX(-50%) ; -ms-transform:translateX(-50%) ; -o-transform:translateX(-50%) ; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%;

}

.hcItem .nr .list:nth-last-child(1){ border: none;}

.hcItem .nr .list:nth-last-child(1)::before{ display: none;}

.hcItem:nth-child(3) .nr{background: linear-gradient(265deg, #195E57, #33922C); color: #fff;}

.hcItem:nth-child(3) .nr .list{ border-bottom-color: rgba(255,255,255,.34); font-weight: bold;}

.hcItem:nth-child(3) .nr .list::before{ background: #A4E8A1;}

.h_calc .intro .tip{ 
	/* box-shadow: 0rem .02rem .13rem 0rem rgba(26,97,85,0.32); padding: 0.4em 1.2em; */
	font-size: .24rem; margin-top: .3rem; color: #999; }



.h_steps{ padding-bottom: 1rem; background-color: #000; display: flex; flex-direction: row;}

.h_steps .intro{ width: 42%; margin-right: .4rem; margin-left: 5.2%; color: #fff; }

.h_steps .intro .wrap{ position: relative; }

.h_steps .intro .wrap::after{ content: ""; display: block; width: .04rem; height: 100%; background-color: rgba(255,255,255,.4); position: absolute; left: 0; top: 0;}

.hstepItem{ margin-bottom: .3rem; padding: 0rem 0 0rem .2rem; position: relative;}

.hstepItem .tit{ font-size: .22rem; font-family: "scHeavy"; cursor: pointer;}

.hstepItem .nr{  margin-top: .2rem; display: none;}

.hstepItem .list{ font-size: .16rem; margin-bottom: .1rem; color: rgba(255,255,255,5);}

.hstepItem .list:hover{ color: #33922C;}

.actHstepItem { color: #33922C !important;}

.actHstepItem::after{content: ""; display: block; width: .04rem; height: 100%; background-color: rgba(255,255,255,1); position: absolute; left: 0; top: 0;}

.h_steps .tparea{ flex: 1; min-width: 0; font-size: 0; overflow: hidden;}

.h_steps .tparea .tp{ width: 100%; height: 100%; object-fit: cover;}



.h_income{ padding: 0rem 0 0.4rem;}

.h_income .wrap{ margin-top: .4rem; position: relative;}

.h_income .circle{ position: relative; padding: .44rem; width: 4rem; height: 4rem; font-size: 0; background: url(../images/rim.png) center center/100% 100% no-repeat; margin: .52rem auto; }

.h_income .circle>.tparea{ height: 100%; position: relative; overflow: hidden;} 

.h_income .circle>.tparea>.tp{ height: 100%; width: 100%; object-fit: cover;}

.h_income .circle>.tparea .shade{ width: 80%; height: 80%; padding: 8%; color: #fff; box-sizing: border-box; background-color: rgba(0, 0, 0, .6); position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); display: flex; justify-content: center; align-items: center; }

.h_income .circle>.tparea .shade .tit{ font-size: .22rem;}

.h_income .circle>.tparea .shade .info{ font-size: .16rem;}

.h_income .circle>.tparea .shade .nr{ font-size: .14rem; margin-top: .1rem; color: rgba(255,255,255,.5);}

.hIItem{ position: absolute; width: 5.3rem; padding: .1rem; border-radius: 1rem; -webkit-border-radius: 1rem; -moz-border-radius: 1rem; -ms-border-radius: 1rem; -o-border-radius: 1rem; background-color: #EFF3ED; display: flex; align-items: center; justify-content: space-between; }

.hIItem::after{ content: ""; display: block; width: 0; height: 0; border-top: .16rem solid transparent; border-bottom: .16rem solid transparent; position: absolute; top: 50%; margin-top: -0.12rem; }

.hIItem:nth-child(-n+3){ flex-direction: row-reverse;}

.hIItem:nth-child(-n+3):after{ border-left: .16rem solid #EFF3ED; right: -0.08rem;}

.hIItem:nth-child(n+4):after{ border-right: .16rem solid #EFF3ED; left: -0.08rem;}

.hIItem:nth-child(1):after,.hIItem:nth-child(6):after{ transform: rotate(10deg); -webkit-transform: rotate(10deg); -moz-transform: rotate(10deg); -ms-transform: rotate(10deg); -o-transform: rotate(10deg); }

.hIItem:nth-child(3):after,.hIItem:nth-child(4):after{ transform: rotate(-10deg); -webkit-transform: rotate(-10deg); -moz-transform: rotate(-10deg); -ms-transform: rotate(-10deg); -o-transform: rotate(-10deg); }

.hIItem .tparea { width: 56%; border-radius: .8rem; -webkit-border-radius: .8rem; -moz-border-radius: .8rem; -ms-border-radius: .8rem; -o-border-radius: .8rem; overflow: hidden; }

.hIItem .tparea .tp{ width: 100%; height: 1.28rem; object-fit: cover;}

.hIItem .des{ flex: 1; font-size: .22rem;font-family: 'scHeavy'; line-height: 1; display: flex; align-items: center;  min-width:0 ; padding: 0 .2rem;}

.hIItem:hover{ background-color: #33922C; color: #fff;}

.hIItem:nth-child(-n+3):hover:after{ border-left-color: #33922C;}

.hIItem:nth-child(n+4):hover:after{ border-right-color: #33922C;}

.hIItem:nth-child(1){ left: 0.6rem; top: -0.36rem; }

.hIItem:nth-child(2){ left: 0rem; top:50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); }

.hIItem:nth-child(3){ left: 0.6rem; bottom: -0.36rem; }

.hIItem:nth-child(4){ right: 0.6rem; top: -0.36rem; }

.hIItem:nth-child(5){ right: 0rem; top:50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); }

.hIItem:nth-child(6){ right: 0.6rem; bottom: -0.36rem; }



.h_axis{ padding: 0.4rem 0 0.8rem;}

.haxisSlide{ padding-bottom: 1rem !important; padding-top: 0.1rem !important;}

.haxisSlide .swiper-pagination{ bottom:0 !important;}

.haxisSlide .swiper-pagination-bullet{ width:auto !important; height: auto !important; opacity: .6; background-color:transparent; font-size: .16rem; color: #fff; line-height: 0; outline:none; cursor: pointer; margin:0rem !important; padding: 0.5rem 0.25rem 0 0.25rem; background: url(../images/line1.png) top left/0.13rem auto repeat-x; }

.haxisSlide .swiper-pagination-bullet-active{ opacity: 1; color: #F98B05 !important; }

.haxisSlide .swiper-button-prev,.haxisSlide .swiper-button-next{ display: none;}

.haxisSlide .swiper-slide {

	/* width: auto; */

	transform: scale(0.9);

	-webkit-transform: scale(0.9);

	-moz-transform: scale(0.9);

	-ms-transform: scale(0.9);

	-o-transform: scale(0.9);

}

.haxisSlide .swiper-slide-active .haItem .icon{  display: inline-block !important; }

.haxisSlide .swiper-slide-active {

	transform: scale(1);

	-webkit-transform: scale(1);

	-moz-transform: scale(1);

	-ms-transform: scale(1);

	-o-transform: scale(1);

}

.haxisSlide .swiper-slide-active .haItem .tparea  .shade{opacity: 1 !important;}

.haItem{}

.haItem .tparea{ font-size: 0; overflow: hidden; position: relative;}

.haItem .tparea .tp{ width: 100%;}

.haItem .tparea  .shade{ position: absolute; left: 0; bottom: 0; background-color: rgba(0, 0, 0, .6); color: #fff; box-sizing: border-box; width: 100%; padding: 1em 1.5em; font-size: .18rem; opacity: 0;}

.haItem .shade .tit{ font-size: 0.24rem;}

.haItem .shade .nr{ margin-top: .05rem; font-size: 0.18rem;}

.haItem .icon{ display: none;width: .3rem; height: .3rem; border: .01rem solid #fff; box-sizing: border-box; position: absolute;}

.haItem .icon01{ border-width: .01rem 0 0 .01rem; left: -0.1rem; top: -0.1rem;}

.haItem .icon02{border-width:0 0 .01rem .01rem; left: -0.1rem; bottom: -0.1rem;}

.haItem .icon03{ border-width: 0 .01rem .01rem 0 ;right: -0.1rem; bottom: -0.1rem;}

.haItem .icon04{border-width:.01rem .01rem 0 0 ; right:-0.1rem; top: -0.1rem;}



.h_tech{ padding: 0.4rem 0 0.5rem;}

.h_tech .wrap{ display: flex; flex-wrap: wrap;}

.htItem{ width: 49%; margin:0 2% 2% 0;height: 2.6rem;  overflow: hidden; display: flex; flex-wrap: wrap; position: relative;box-shadow: 0rem 0rem .16rem 0rem rgba(124,124,124,0.25);}

.htItem:nth-child(2n){ margin-right: 0;}

.htItem .tparea{ width: 3.68rem; font-size: 0; overflow: hidden;}

.htItem .tparea .tp{ width: 100%; height: 2.6rem; object-fit: cover;}

.htItem .des{ flex: 1; min-width: 0; box-sizing: border-box; padding:0rem .3rem; display: flex; align-items: center;}

.htItem .des .inner{ height: 100%; box-sizing: border-box; display: flex; padding: 0.3rem 0; flex-direction: column; justify-content: space-between;}

.htItem .des .tit{ font-size: .24rem; line-height: 1.2;}

.htItem .des .nr{ margin-top: .1rem; line-height: 1.2; color: #6666; font-size: 0.18rem;}

.htItem .des .mandiv{ margin-top: auto; font-size: .16rem; color: #33922C;}

.htItem .des .mandiv .morea{ color: #33922C;}
.htItem .des .mandiv .morea.btn2{ display: none;}


.htItem:hover .tparea{ width: 100%; }
.htItem:hover .des{ position: absolute; width: 100%; height: 100%; background-color: rgba(11, 64, 58, .7); color: #fff; border-radius: .2rem; -webkit-border-radius: .2rem; -moz-border-radius: .2rem; -ms-border-radius: .2rem; -o-border-radius: .2rem; }
.htItem:hover .des .inner{ padding: .3rem 0;}
.htItem:hover .des .nr{ color: #fff;-webkit-line-clamp: 4;}
.htItem:hover .des .mandiv .morea{ color: #fff;}
.htItem:hover .des .mandiv .morea.btn1{ display: none;}
.htItem:hover .des .mandiv .morea.btn2{ display: inline-block;}



.h_qua{ padding: .4rem 0 .8rem; overflow-x:hidden; background-color: #f7f7f7;}

.hquaSlide{ overflow: visible !important;}

.hquaItem{ padding: 0.3rem 0.45rem; background-color: #fff; overflow: hidden; position: relative;box-shadow: 0rem .04rem .09rem 0rem rgba(53,53,53,0.13); }

.hquaItem .tparea{ width: 2.14rem; font-size: 0; overflow: hidden;box-shadow: 0rem .09rem .18rem 0px rgba(9,85,76,0.39);}

.hquaItem .tparea .tp{ width: 100%; height: 1.48rem; object-fit: contain;}

.hquaItem .des{ padding: 0.25rem 0 0;}

.hquaItem .des .tit{ font-size:0.24rem; font-weight: normal;}

.hquaItem .des .nr{ margin-top: 0.1rem;font-size: 0.16rem; overflow-wrap: break-word;  word-break: normal; display: none;}

.hquaItem:hover .tparea .tp{ transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); }



.h_qua2{ padding: .2rem 0 .6rem;}

.h_qua2 .wrap{ display: flex; flex-wrap: wrap;}

.hqua2Item{ width: 23.5%; margin: 0% 2% 2% 0; box-sizing: border-box; overflow: hidden; aspect-ratio: 400/278; position: relative;}
.hqua2Item:nth-child(4n){ margin-right: 0;}
.hqua2Item .backend,.hqua2Item .frontend{ transition: .5s; position: absolute; width: 100%; height: 100%; left: 0; top: 0; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; -webkit-perspective:10000; backface-visibility:hidden; }
.hqua2Item .frontend{ background-color: #F5F5F5; text-align: center; padding: .7rem .2rem; box-sizing: border-box;  }
.hqua2Item .frontend .tp{ height: 1rem;}
.hqua2Item .frontend .des{ }
.hqua2Item .frontend .des .tit{ font-size: .24rem; font-weight: bold;}
.hqua2Item .backend{ font-size: 0;transform:rotateY(-180deg) ; -webkit-transform:rotateY(-180deg) ; -moz-transform:rotateY(-180deg) ; -ms-transform:rotateY(-180deg) ; -o-transform:rotateY(-180deg) ;}
.hqua2Item .backend .tp{ width: 100%; aspect-ratio: 400/278; }
.hqua2Item:hover{ background-color: #fafafa;}
.hqua2Item:hover .frontend{ transform:rotateY(-180deg) ; -webkit-transform:rotateY(-180deg) ; -moz-transform:rotateY(-180deg) ; -ms-transform:rotateY(-180deg) ; -o-transform:rotateY(-180deg) ; }
.hqua2Item:hover .backend{ transform:rotateY(-360deg) ; -webkit-transform:rotateY(-360deg) ; -moz-transform:rotateY(-360deg) ; -ms-transform:rotateY(-360deg) ; -o-transform:rotateY(-360deg) ; }




.h_table{padding: .4rem 0 .8rem;}

.h_table .wrap{}

.htable{ width: 100%;}

.htable .row1{ background-color:transparent !important ;}

.htable .row1 th{ text-align: center;}

.htable .row1 th .tp{max-width: 1.8rem; max-height: 1.52rem; object-fit: contain; }

.htable th,.htable td{ font-size: .18rem; padding: 0.4em 0.8em; text-align: center; }



.htable td:nth-child(1){
	 /* font-size: .14rem; */ font-weight: bold;
	  color: #666; text-align: left;}

.htable tr:nth-child(2n+1){ background-color: #F5F5F5;}

.htable .row2 td:nth-child(n+2){ font-size: .2rem; font-weight: bold;}

.htable .sbtn{ font-size: .16rem; padding: 0.2em 1em; text-align: center; margin-top: .1rem;}



.h_solu{padding: .2rem 0 .4rem; background-color: #F7F7F7;}

.h_solu .wrap{ display: flex; flex-wrap: wrap; justify-content: space-between;}

.hsItem{ width: 48%; box-sizing: border-box; padding: .2rem; background-color: #fff;}

.hsItem .tparea{ font-size: 0; overflow: hidden; border-radius: .1rem; -webkit-border-radius: .1rem; -moz-border-radius: .1rem; -ms-border-radius: .1rem; -o-border-radius: .1rem; }

.hsItem .tparea .tp{ width: 100%; height: 2.56rem;}

.hsItem .des{ padding: .2rem 0;}

.hsItem .des .tit{ font-size: .22rem; font-family: 'scHeavy';}

.hsItem .des .nr{color: #666; font-size: .16rem; margin-top: .2rem;}

.hsItem .des .nr .list{ padding: .03rem 0; line-height: 1.2;}



.h_about{ background: #1A5F56 url(../images/leaf.png) left 10%/5.58rem no-repeat;}

.h_about .wrap{ display: flex; flex-wrap: wrap; padding-bottom: .5rem; }

.h_about .intro{flex: 1; min-width: 0;}

.h_about .intro .nr{ font-size: .16rem; line-height: 1.4; color: #fff;}

.cont{ margin-top: .2rem; justify-content: space-between; display: flex;}

.contItem{ width: 32%; border-radius: .1rem; -webkit-border-radius: .1rem; -moz-border-radius: .1rem; -ms-border-radius: .1rem; -o-border-radius: .1rem; box-sizing: border-box; text-align: center; padding: .4rem .1rem; background-color: rgba(255,255,255,.1); }

.contItem .iconarea{ display: inline-flex; border-radius: .1rem; width: .6rem; height: .6rem; background-color: #FDD61F; align-items: center; justify-content: center; -webkit-border-radius: .1rem; -moz-border-radius: .1rem; -ms-border-radius: .1rem; -o-border-radius: .1rem; }

.contItem .iconarea .icon{ width: .4rem; height: .4rem;}

.contItem .des{ margin-top: .2rem; color: #fff;}

.contItem .des .p1{ font-size: .15rem;}

.contItem .des .p2{ margin-top: .05rem; font-size: .13rem;}

.contItem:nth-child(1) .des .p2{ font-size: .18rem;}

.contItem:nth-child(3) .des .p2{ font-size:.14rem;}

.contItem .des{}

.h_about .tparea{ width: 4.7rem; margin-left: .5rem; font-size: 0;}

.h_about .tparea .tp{ width: 100%; height: 4rem; object-fit: cover;}



.footer{padding: .4rem 0; border-top: .01rem solid rgba(255,255,255,.4); }
.copyright{ color: #fff; font-size: .16rem; text-align: center; margin-top: 0.1rem;}

.flink{ text-align: center;}
.flink .nr{ }
.flink .nr a{ display: inline-block; font-size: 0; margin:0 0.1rem;}
.flink .nr a .icon{ width: 0.3rem; height: 0.3rem;}
.flink .nr a:hover{ opacity: .9;}

/* 弹窗 */

.contPup{ width: 14rem; max-width: 94%; }

.closePup{ position: absolute; right:.2rem; top: .2rem; line-height: 1;cursor: pointer; font-size:.3rem; color: #999; display: inline-block; width: .42rem; height: .42rem;   line-height: .4rem;  }

.closePup{ width: 0.4rem;}

.closePup:hover{ color: #333;}

.contMain{ padding: .4rem .5rem; position: relative;}

.contMain .title{ text-align: left; font-size: .24rem;  position: relative;}



.contform{ padding: .4rem 0; display: flex; flex-wrap: wrap; justify-content: space-between;}

.formPart{ width: 46%;}

.formPart1{}

.formPart1 .formItem{ margin-bottom: .2rem;}

.formPart1 .formItem .attrmc{ font-size: .18rem; padding-bottom: .1rem; font-family: 'scBold';}

.formPart1 .formItem .attrval{ display: flex; flex-wrap: wrap;}

.formPart1 .formItem .attrval .span{ display: inline-flex; margin-right: 2em; padding: .08rem 0; min-width: 40%; font-size: .16rem; align-items: center;}

.formPart1 .formItem .attrval .span .radio{ margin-right: .05rem;}

.formPart1 .formItem .textarea{ width: 100%; height: 1.3rem; margin-top: .1rem; font-size: .16rem; padding: .15rem .2rem; border: .01rem solid #CECECE;}

.formPart2{}

.formPart2 .form_tit{font-size: .18rem; padding-bottom: .1rem; font-family: 'scBold';}

.formPart2 .formItem{ margin-bottom: .2rem;}

.formPart2 .formItem .attrmc{ font-size: .16rem; color: #666; padding: 1em 0;}
.formPart2 .formItem .attrmc .require{ color: #f00; margin-right: 5px; position: relative; top: 2px; }

.formPart2 .formItem .attrval{}

.formPart2 .formItem .attrval .text{  width: 100%; height: .42rem; font-size: .16rem; padding: 0rem .2rem; line-height: .42rem; border: .01rem solid #CECECE;  }

.formPart2 .formConfirm{ margin-top: .3rem;}

.formPart2 .formConfirm .sbtn{ font-size: .18rem; padding: 0.5em 4em;}









.hadvanItem .shade,.hcItem .nr,.hcItem .nr .list,.hcItem .nr .list::before,.hstepItem::after,.hstepItem,.htItem .tparea,.htItem .tparea .tp{ transition: .3s}