.indexpc{ display:block;}
.dn,.indexwap{ display:none;}
img{border:none; max-width:100%;height:auto;}
.ell{ white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.mask-bg{position:fixed;width:100%;height:100vh;opacity:0;z-index:-1;visibility:hidden}
.mask-bg.show{-webkit-transition:all 0.5s;transition:all 0.5s;opacity:1;background-image:url(../images/mask.png)}
.sectionWrapper{width:17rem; padding:0 .5rem; margin:0 auto; position:relative}
.home body{padding:0}
.body_home{background:#fff;height:100%;overflow:hidden}
.body_b{position:fixed;left:0%;top:100%;bottom:0;right:0;background:#fff; overflow:hidden;transition:top 0.7s cubic-bezier(0.5,0,0.2,1) 0s;z-index:1;overflow:auto;outline:none}
.body_b.dis *{background-image:none}
.body_b *{outline:none}
.body_b.showdiv{top:0}
.home .nav{transition:all 0.7s ease-out 0s;}
.home .nav.showdiv{opacity:1;transform:none}

.body_home .scroll{ position:absolute; bottom:.45rem; left:50%;transform:translateX(-50%); z-index:10;width:.26rem;height:.53rem;background:url(../images/scroll.png) no-repeat; background-size:cover;opacity:0; cursor:pointer;}
.body_home .scroll span{display:block;width:100%;height:100%;position:relative;}
.body_home .scroll span::before{content:"";position:absolute;left:50%;top:.07rem;background-color:#fff;width:.04rem;height:.16rem;border-radius:50%;transform:translate(-50%,0);animation:scroll_icon 1.5s infinite}
.body_home.showdiv .scroll{opacity:1;}
/*.fixdiv {-webkit-transition: all 0.3s; transition: all 0.3s;}
.fixdiv .header,.fixdiv .header .mian{ height: 1.04rem;}
.fixdiv .header .mian .logo{ width: 3.57rem; height: .58rem; background-size: 3.57rem;}
.fixdiv .header .mian .nav{ height: .57rem;}
.fixdiv .header .mian .nav ._li,.fixdiv .header .mian .nav ._li .title{ height: .57rem; line-height: .57rem;}
.fixdiv .fragment_87172{ margin:.1rem 0 0;}*/

@keyframes scroll_icon {
  0% {
    top: .07rem;
  }
  60% {
    top: .15rem;
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}

.body_home .bb{ width:.56rem; height:.56rem; background:url(../images/icon_06.png) no-repeat center; background-size:.28rem; position:absolute;left:50%;bottom:0;text-align:center;transform:translateX(-50%);cursor:pointer;opacity:0;animation:bb 2s linear 0s infinite;}
.body_home.showdiv .bb{opacity:1}
.body_home .bb:hover{animation-play-state:paused;}

@keyframes bb {
    0% {
        transform: translate(-50%,0);
        opacity: 0;
    }

    20% {
        transform: translate(-50%,.03rem);
        opacity: 1;
    }

    80% {
        transform: translate(-50%,.1rem);
        opacity: 1;
    }

    90% {
        transform: translate(-50%,.1rem);
        opacity: 0;
    }

    100% {
        transform: translate(-50%,.1rem);
        opacity: 0;
    }
}


.inner{ width:17rem; margin:0 auto;}
.slick-dots { margin: 0; padding: 0; list-style: none; width: 100%; text-align: center; margin-top:.2rem;}
.slick-dots li { display: inline-block; float:none; width: .15rem; height: .15rem; background:#dcdcdc; border-radius: 50%; margin-right: .14rem;}
.slick-dots li:last-child { margin-right: 0;}
.slick-dots li.slick-active { background: #34bf9d;}

/***********banner***********/
.swiper1 { width: 100%; height:100%; position:relative; overflow:hidden;}
.swiper1:before{ content:''; width:100%; height:3rem; background:url(../images/top-bannerbg.png) top center no-repeat; background-size:cover; position:absolute; left:0; top:0; z-index:1;}
.swiper1 .swiper-slide{height: 100vh;width: 100%; position:relative;}
.swiper1 .note{ color: #fff; position:absolute; left: 50%; top: 50%; transform:translate(-50%,-50%); text-align: center; z-index: 2;}
.swiper1 .note h3{ font-size: .6rem; font-weight:bold; line-height: .7rem; color:#fff;}
.swiper1 .note .desc{ font-size: .28rem; font-weight: 100; line-height: .38rem; color:rgba(255,255,255,.76); padding:.4rem 0 0; margin:0 0 1.1rem; overflow:hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:4; -webkit-box-orient: vertical;}
a.more{ font-size: .16rem; line-height: .48rem; display:inline-block; color:#4e4e4e; border-radius:.04rem; background: #fff url(../images/icon-right-black.png) no-repeat 76% .16rem; background-size: .24rem; padding: 0 .7rem 0 .3rem; margin:.4rem 0 0;}
.swiper1 .imgWap{ display: none;}
.swiper1 .slick-dots { margin: 0; padding: 0; list-style: none; width:auto; text-align: center; position:absolute; bottom:.55rem; left:50%; transform:translate(-50%,0); font-size:0;}
.swiper1 .slick-dots li { background:#fff; display: inline-block; width: .33rem; height:.08rem; margin: 0 .04rem; border-radius:.04rem; cursor: pointer;}
.swiper1 .slick-dots li.slick-active { width:.5rem; height:.08rem; background: #34bf9d; border-radius:.15rem;}


.section-title{ width:100%; text-align:center;}
.section-title h3{ color:#34bf9d; font-size:.48rem; line-height:.48rem; font-weight:bold;}
.section-desc{ color:#888; font-size:.2rem; line-height:.36rem; padding:.2rem 0 0; text-align:center;}

.section1{ width:100%; padding: .8rem 0 .6rem;}
.section1 .section1Wrapper{ width:13.2rem; margin:0 auto; overflow:hidden;}

.section2{ width:100%;}
.section2 .section2Wrapper{ width:100%; padding: 0; margin:0 auto; overflow:hidden;}
.section2-gallery{ display:flex; flex-direction:column; gap:.01rem;}
.section2-row{ display:flex; gap:.01rem;}
.section2-row-2 .section2-item{ width:calc(50% - .005rem);}
.section2-row-3 .section2-item{ width:calc(33.33% - .007rem);}
.section2-gallery .section2-item{ overflow:hidden; position:relative;}
.section2-gallery .section2-img{ width:100%; overflow:hidden; position:relative; transition:transform .5s ease;}
.section2-row-2 .section2-img{ height:6.4rem;}
.section2-row-3 .section2-img{ height:5.37rem;}
.section2-gallery .section2-item:hover .section2-img{ transform:scale(1.05);}
.section2-mask{ position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(5,46,26,.7); opacity:0; transition:opacity .4s ease; z-index:1; pointer-events:none;}
.section2-name{ position:absolute; left:0; top:50%; transform:translateY(-50%); width:100%; text-align:center; font-size:.36rem; line-height:.48rem; color:#fff; font-weight:bold; z-index:2; opacity:0; transition:opacity .4s ease;}
.section2-name p{ pointer-events:none;}
.section2-gallery .section2-item .more{ margin: .4rem 0 0; font-weight: normal;}
.section2-gallery .section2-item:hover .section2-mask,
.section2-gallery .section2-item:hover .section2-name,
.section2-gallery .section2-item:hover .more{ opacity:1;}

.section3{ width:100%; padding: 1rem 0;}
.section3 .section3Wrapper{ width:17rem; margin:0 auto; overflow:hidden;}
.section3-content{ text-align:center;}
.section3 .section-desc{ font-size:.3rem; line-height:.42rem; color:#888; width:13.2rem; margin: 0 auto; text-align:center;}
.section3-stats{ display:flex; justify-content:center; gap:0; padding: .9rem 0 .6rem;}
.section3-stat{ width:25%; text-align:center; border-right:.01rem solid #e1e1e1;}
.section3-stat:last-child{ border-right:none;}
.section3-stat .stat-num{ font-size:.72rem; line-height:.8rem; color:#333; font-weight:bold;}
.section3-stat .stat-num span{ font-size:.18rem; line-height:.2rem; padding:.2rem 0 0;}
.section3-stat .stat-label{ font-size:.18rem; line-height:.36rem; color:#888; padding:.2rem 0 0;}
.section3 a.more{ color: #fff; background:#34bf9d url(../images/icon-right.png) no-repeat 76% .16rem; background-size: .24rem; padding: 0 .7rem 0 .3rem; margin: 0;}

.section4{ width:100%; height: 8.16rem; position: relative;}
.section4 .section4Wrapper{ width:17rem; height: 8.16rem; margin:0 auto;}
.section4 .section4-content{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:100%; text-align:center;}
.section4 .section-title h3{ color:#fff;}
.section4 .section-desc{ font-size:.24rem; line-height:.36rem; color:#fff; padding: .4rem 0 0;}

.section5{ width:100%; padding: 1rem 0 .6rem;}
.section5 .section5Wrapper{ width:17.6rem; margin:0 auto; padding: 0; overflow:hidden;}
.section5-list{ display:flex; flex-wrap:wrap; gap:.3rem; padding:.6rem 0 0;}
.section5-item{ width:calc(33.33% - .2rem);}
.section5-item a{ display:block; background:#fff; border-bottom: .01rem solid #d8d8d8; overflow:hidden; position: relative; transition:all .3s ease;}
.section5-item a:hover{ box-shadow:0 .1rem .4rem rgba(52,191,157,.15); border-bottom-color:#34bf9d;}
.section5-item a:hover .section5-img{ transform:scale(1.05);}
.section5-img{ width:100%; height:3.4rem; overflow:hidden; transition:transform .5s ease;}
.section5-info{ padding:.3rem .22rem .4rem;}
.section5-cat{ font-size:.16rem; color:#888; line-height:.3rem; padding-bottom:.1rem;}
.section5-title{ font-size:.24rem; height: .6rem; line-height:.3rem; color:#333; font-weight:500; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;}
.section5-date{ font-size:.15rem; color:#888; line-height:.3rem; padding-top:.2rem;}
.section5-more { text-align: center;}
.section5-more .more{ background-color: #f0f0f0; margin: .6rem 0 0;}
.hvr-underline-from-center{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);position:relative;overflow:hidden}
.hvr-underline-from-center:before{content:"";position:absolute;z-index:-1;left:50%;right:50%;bottom:0;background:#34bf9d;height:4px;-webkit-transition-property:left,right;transition-property:left,right;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}
.hvr-underline-from-center:hover:before,.hvr-underline-from-center:focus:before,.hvr-underline-from-center:active:before{left:0;right:0}

.section6{ width:100%; height: 6.66rem; background: url(../images/section6-img.jpg) top center no-repeat; background-size: cover; position: relative;}
.section6 .section6Wrapper{ width:17rem; height: 6.66rem; margin:0 auto;}
.section6 .section6-content{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:100%; text-align:center;}
.section6 .section-title h3{ color:#fff;}
.section6 .section-desc{ font-size:.24rem; line-height:.36rem; color:#fff; padding: .4rem 0 0;}
.section6 .section-desc .more{ margin: .8rem 0 0;}

.section7{ width:100%; padding: 1rem 0;}
.section7 .section7Wrapper{ width:15.8rem; padding: 0; margin:0 auto; overflow:hidden;}
.section7-img{ float: left; width: 10.15rem; height: 6.4rem;}
.section7-img img{ display:block; width:100%; height:auto; border-radius: .04rem;}
.section7-content{ float: left; width: 5.55rem; padding:.55rem 0 0 1.5rem;}
.section7-title{ font-size:.42rem; line-height:.48rem; color:#34bf9d; margin:0;}
.section7-title span{ font-weight:bold;}
.section7-services{ padding:.35rem 0 0;}
.section7-item{ padding:.35rem 0;}
.section7-icon{ width:.28rem; height:.29rem; background-size:.28rem; background-repeat:no-repeat; background-position:center;}
.section7-icon.icon-store{ background-image:url(../images/section7-icon1.png);}
.section7-icon.icon-phone{ width:.34rem; height:.34rem; background-size:.34rem; background-image:url(../images/section7-icon2.png);}
.section7-item-title{ font-size:.28rem; line-height:.4rem; color:#333; font-weight: bold; padding: .1rem 0 0;}
.section7-item-desc{ font-size:.2rem; line-height:.4rem; color:#888;}

.section8{ width:100%; padding: 1rem 0 1rem; background:#ebf6f3;}
.section8 .section8Wrapper{ width:17rem; margin:0 auto; overflow:hidden;}
.section8-services{ display:flex; justify-content:center; padding:.6rem 0 0;}
.section8-item{ width:33.33%; text-align:center; padding:.6rem .8rem; border-right:.01rem solid rgba(118,140,137,.3);}
.section8-item:last-child{ border-right:none;}
.section8-icon{ width:.9rem; height:.9rem; margin:0 auto .4rem; background-size:.9rem; background-repeat:no-repeat; background-position:center;}
.section8-icon.icon-1{ background-image:url(../images/section8-icon1.png);}
.section8-icon.icon-2{ background-image:url(../images/section8-icon2.png);}
.section8-icon.icon-3{ background-image:url(../images/section8-icon3.png);}
.section8-title{ font-size:.26rem; line-height:.4rem; color:#333; font-weight:bold; padding-bottom:.2rem;}
.section8-desc{ font-size:.18rem; line-height:.28rem; color:#888;}





.followus { width:100%; background:url(../images/followusbg.jpg) no-repeat top center; background-size:cover;}
.followus .followusWrapper{ width:14.6rem; height:2.86rem; margin:0 auto; color:#fff; position:relative;}
.followus .followus-desc { width: 4.6rem; font-size:.35rem; line-height:.44rem; font-weight: 300; position:absolute; left:0; top:48%; transform: translateY(-50%);} 
.followus .followus-desc strong{ font-weight: 700;}
.followus .followus-item{ width: 5.7rem; height: auto; position:absolute; right:.2rem; top:50%; transform: translateY(-50%); overflow: hidden;}
.followus .followus-item .search_txt{ width:100%; height:.64rem; line-height:.58rem; color:#fff; font-size:.26rem; font-weight: 400; padding:0; border: none; border-bottom:.01rem solid #fff; background:transparent;}
.followus .followus-item .search_btn{ width:1.78rem; height:.47rem; line-height:.47rem; color:#fff; font-size:.22rem; font-weight: 500; border:none; border-radius: .3rem; background:#5dad48; margin: .45rem 0 0; cursor: pointer;}
.followus .followus-item input::-webkit-input-placeholder{color:#fff}
.followus .followus-item input:-moz-placeholder{color:#fff}
.followus .followus-item input::-moz-placeholder{color:#fff}
.followus .followus-item input:-ms-input-placeholder{color:#fff}


/**banner**/
.banner-section{ width:100%; height:9.18rem; position:relative;}

/**about**/
.about { width:100%; min-height: 6rem;}
.about .aboutWrapper{ width: 15.8rem; padding:.95rem 0; position: relative; overflow:hidden;}
.about-content{ padding:0 .6rem 0 0; color:#666; font-size:.22rem; line-height:.46rem; margin: .5rem 0 0; overflow:hidden;}
.about-content .about-content-bold{ width: 11.1rem; font-weight:bold; font-size:.3rem; line-height:.46rem; color:#333; margin: 0 0 .5rem;}
.about-stats{ margin:.3rem 0 .5rem;}

.about .section3-stat .stat-num{ color:#34bf9d;}
.about1-video{ width:100%; height:7.35rem; margin:0 auto;overflow:hidden; position:relative;}
.about1-video .play-icon{ width:2.4rem; background:url(../images/icon-video.png) no-repeat top center; background-size:1.26rem; font-size:.3rem; color:#fff; text-align:center; padding:1.5rem 0 0; cursor:pointer; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);}
.overlay{position:absolute;position:fixed;top:0;left:0;width:100%;height:100%;z-index:1100;background-color:#555;opacity:.6}
.fbox-video{width:9.8rem;height:5.5rem;position:fixed;left:50%;top:50%;z-index:1101;margin-left:-4.9rem;margin-top:-2.75rem;background:#000}
.fbox-video #mediaplayer{width:100%;height:100%}
.fbox-video #video-btn-group{position:absolute;text-align:center;width:100%;left:0;height:.45rem;margin-top:10px;display:none}
.fbox-video #video-btn-group a{display:inline-block;line-height:.45rem;height:.45rem;background-color:#222;border-radius:.45rem;color:#fff;padding:0 .12rem}
.fbox-video #video-btn-group a i{display:block;width:100%;height:100%;background-position:center;background-repeat:no-repeat;opacity:.8}
.fbox-video #video-btn-group a i.video-download{width:60px;}
.fbox-video #video-btn-group a:hover i{opacity:1}
.fbox-video .close_video{display:none}


.about1-history { width:100%; background:#f5f5f5;}
.about1-history .historyWrapper{ width: 15.8rem; padding:.95rem 0; overflow: hidden;}
.about1-history .history-layout{ display:flex; align-items:flex-start; opacity:0; transition:opacity .3s;}
.about1-history .history-layout.slick-ready{ opacity:1;}
.about1-history .history-tit:not(.slick-initialized),.about1-history .history-box:not(.slick-initialized){ visibility:hidden;}
.about1-history .section-title{ text-align: left; margin: 0 0 .4rem;}
.about1-history .history-tit{ width:2.8rem; flex-shrink:0; position:relative; padding:.5rem 0 1rem;}

.about1-history .history-tit .slick-slide{ color:#888; font-size: .22rem; width:1.8rem; height:auto; text-align:left; transition:all .3s; margin-bottom:.1rem; cursor:pointer;}
.about1-history .history-tit .slick-slide a{ display:block; font-size:.22rem; line-height:.4rem; color:#888;}
.about1-history .history-tit .slick-slide:hover{ opacity:.8;}
.about1-history .history-tit .slick-slide.slick-current{ opacity:1; color:#34bf9d;}
.about1-history .history-tit .slick-slide.slick-current a{ color:#34bf9d; font-weight:bold; font-size:.24rem;}
.about1-history .history-prev,.about1-history .history-next{ width:.54rem; height:.54rem; cursor:pointer; position:absolute; margin:0 auto; border-radius: .03rem; z-index:10;}
.about1-history .history-prev{ left:0; bottom:0; background:#34bf9d url(../images/section3-arrow-left.png) no-repeat center; background-size:.36rem;}
.about1-history .history-next{ left:.67rem; bottom:0; background:#34bf9d url(../images/section3-arrow.png) no-repeat center; background-size:.36rem;}
.about1-history .history-prev.slick-disabled{ opacity:1; cursor:default; background:#d8f0ea url(../images/section3-arrow-left-hover.png) no-repeat center; background-size:.36rem;}
.about1-history .history-next.slick-disabled{ opacity:1; cursor:default; background:#d8f0ea url(../images/section3-arrow-hover.png) no-repeat center; background-size:.36rem;}
/* 右侧内容区（slick 3列，可拖拽，中间错位向下） */
.about1-history .history-box{ flex:1; overflow:hidden;}
.about1-history .history-box .slick-slide{ padding:.24rem; box-sizing:border-box;}
.about1-history .history-box .history-con{ margin:0; overflow:hidden;}
.about1-history .history-box .history-con:nth-child(2n+1){ margin-top:1rem;}
.about1-history .history-box .history-con:hover .history-year,.about1-history .history-box .history-con.slick-current .history-year{ color: #34bf9d;}
.about1-history .history-year{ font-size:.4rem; line-height:.56rem; color:#333; font-weight:bold; padding-bottom:.1rem;}
.about1-history .history-intro{ font-size:.18rem; line-height:.32rem; color:#666; padding:0 0 .2rem; margin:0; height:.84rem; overflow:hidden;}
.about1-history .history-intro p{ padding:0;}
.about1-history .history-img{ width:100%; overflow:hidden;}
.about1-history .history-img img{ width:100%; border-radius:.05rem; display:block;}
.about1-history .history-img .slick-slide{ padding: 0;}

.about1-honor { width:100%; background:#34bf9d;}
.about1-honor .honorWrapper{ width: 17.6rem; padding:.9rem 0;}
.about1-honor .section-title h3{ color:#fff; margin: 0 0 .2rem;}
.about1-honor .section-desc{ width: 15rem; margin:0 auto; font-size:.22rem; line-height:.36rem; color:#fff;}
.about1-honor .honor-gallery{ padding: 0 .7rem; position:relative; margin-top:.6rem;}
.about1-honor .honor-list{ overflow:hidden;}
.about1-honor .honor-item{ padding:0 .24rem; box-sizing:border-box;}
.about1-honor .honor-inner{ width:3.45rem; height:4.89rem; padding: 0 .31rem .41rem 0; margin:0 auto; background:url(../images/honorbg.png) no-repeat center; background-size:100% 100%; display:flex; align-items:center; justify-content:center; overflow:hidden;}
.about1-honor .honor-inner img{ width:100%; max-height:4.48rem; display:block;}
.about1-honor .honor-prev,.about1-honor .honor-next{ width:.54rem; height:.54rem; cursor:pointer; position:absolute; border-radius:.03rem; z-index:10; top:50%; transform:translateY(-50%); background-color:rgba(255,255,255,1);}
.about1-honor .honor-prev{ left:.2rem; background-image:url(../images/newsleft.png); background-repeat:no-repeat; background-position:center; background-size:.36rem;}
.about1-honor .honor-next{ right:.2rem; background-image:url(../images/newsright.png); background-repeat:no-repeat; background-position:center; background-size:.36rem;}
.about1-honor .honor-prev.slick-disabled{ opacity:1; cursor:default; background-image:url(../images/section3-arrow-left.png); background-repeat:no-repeat; background-position:center; background-size:.36rem; background-color:rgba(255,255,255,.15);}
.about1-honor .honor-next.slick-disabled{ opacity:1; cursor:default; background-image:url(../images/section3-arrow.png); background-repeat:no-repeat; background-position:center; background-size:.36rem; background-color:rgba(255,255,255,.15);}

.about1-social{ width:100%; background:#fff;}
.about1-social .socialWrapper{ width:15.8rem; padding:.9rem 0;}
.about1-social .social-slider{ overflow:hidden;}
.about1-social .social-item{ padding:0;}
.about1-social .social-layout{ overflow: hidden;}
.about1-social .social-left{ float: left; width: 6.2rem; padding: 0 1.7rem 0 .1rem;}
.about1-social .social-right{ float: right; width: 9.6rem;}
.about1-social .social-right img{ width:100%; display:block;}
.about1-social .section-title h3{ text-align: left; margin: .3rem 0 .5rem;}
.about1-social .social-title{ font-size:.28rem; line-height:.48rem; color:#666; margin:0 0 .2rem;}
.about1-social .social-desc{ font-size:.2rem; line-height:.36rem; color:#666; margin:0;}
.about1-social .social-nav{ width: 4.5rem; height: .54rem; margin: -.64rem 0 0; position: relative;}
.about1-social .social-prev,.about1-social .social-next{ width:.54rem; height:.54rem; cursor:pointer; border-radius:.03rem; background-color:#34bf9d; position:relative;}
.about1-social .social-prev{ position: absolute; left: .1rem; top: 0; background-image:url(../images/section3-arrow-left.png); background-repeat:no-repeat; background-position:center; background-size:.36rem;}
.about1-social .social-next{ position: absolute; left: .78rem; top: 0; background-image:url(../images/section3-arrow.png); background-repeat:no-repeat; background-position:center; background-size:.36rem;}
.about1-social .social-prev.slick-disabled{ opacity:1; cursor:default; background-image:url(../images/section3-arrow-left-hover.png); background-repeat:no-repeat; background-position:center; background-size:.36rem; background-color:#d8f0ea;}
.about1-social .social-next.slick-disabled{ opacity:1; cursor:default; background-image:url(../images/section3-arrow-hover.png); background-repeat:no-repeat; background-position:center; background-size:.36rem; background-color:#d8f0ea;}
.about1-social .social-count{ position: absolute; right: 0; top: 0; font-size:.3rem; line-height:.54rem; color:#999; margin-left:.1rem;}
.about1-social .social-count .social-current{ color:#666;}


.culture1{ width:100%; background:#fff; margin: 2rem 0 0;}
.culture1 .culture1Wrapper{ width:15.8rem; padding:0 0 .9rem;}
.culture1 .culture1-layout{ display:flex; align-items:flex-start; justify-content:space-between;}
.culture1 .culture1-left{ width:10.8rem;}
.culture1 .culture1-left .section-title{ text-align:left; margin:0;}
.topnav{ width:auto; margin-right: .6rem; display:flex; gap:.15rem;}
.topnav .topnav-tab{ display:inline-block; padding:0 .25rem; font-size:.2rem; line-height:.44rem; color:#666;}
.topnav .topnav-tab:hover,.topnav .topnav-tab.active{ background:#34bf9d; color:#fff;}
.culture1 .culture1-content{ margin-top:1.2rem;}
.culture1 .culture1-quote{ font-size:.36rem; line-height:.48rem; color:#333; font-weight:bold; margin:0;}
.culture1 .culture1-author{ font-size:.26rem; line-height:.42rem; color:#333; margin:.4rem 0 0;}

.culture2{ width:100%; height:7.68rem; background:url(../images/culturebg.jpg) no-repeat center center; background-size:cover; position:relative; display:flex; align-items:stretch;}
.culture2 .culture2Wrapper{ width:100%; margin:0; padding:0; position:relative; z-index:2; display:flex; align-items:stretch;}
.culture2 .culture2-list{ display:flex; justify-content:space-between; gap:0; width:100%; align-items:stretch;}
.culture2 .culture2-item{ flex:1; text-align:center; color:#fff; padding:2rem .6rem 0; display:flex; flex-direction:column; align-items:center; border-right:.01rem solid rgba(255,255,255,.5);}
.culture2 .culture2-item:last-child{ border-right:none;}
.culture2 .culture2-icon{ width:.9rem; height:.9rem; margin:0 auto .4rem; background-repeat:no-repeat; background-position:center; background-size:.9rem;}
.culture2 .culture-icon1{ background-image:url(../images/culture-icon1.png);}
.culture2 .culture-icon2{ background-image:url(../images/culture-icon2.png);}
.culture2 .culture-icon3{ background-image:url(../images/culture-icon3.png);}
.culture2 .culture-icon4{ background-image:url(../images/culture-icon4.png);}
.culture2 .culture2-title{ font-size:.48rem; line-height:.48rem; color:#fff; font-weight:bold; margin:0 0 .2rem;}
.culture2 .culture2-desc{ font-size:.2rem; line-height:.36rem; color:#fff; margin:0;}

.culture3{ width:100%; min-height:9.1rem; background:#fff url(../images/culture-leaderbg.jpg) no-repeat bottom center; background-size:19.2rem; position:relative; padding:1.4rem 0 0;}
.culture3 .culture3Wrapper{ width:15.8rem; margin:0 auto; padding: 0; position:relative; z-index:2;}
.culture3 .culture3-title h3{ font-size:.48rem; line-height:.48rem; color:#34bf9d; font-weight:bold; margin:0 0 .7rem;}
.culture3 .culture3-content{ position:relative; padding:.5rem 0;}
.culture3 .culture3-quote-left{ position:absolute; left:.7rem; top:0; width:.66rem; height:.54rem; background:url(../images/culture-icon5.png) no-repeat center; background-size:.66rem;}
.culture3 .culture3-quote-right{ position:absolute; right:.7rem; bottom:.1rem; width:.66rem; height:.54rem; background:url(../images/culture-icon5.png) no-repeat center; background-size:.66rem; transform:rotate(180deg);}
.culture3 .culture3-text{ padding:0 1.9rem;}
.culture3 .culture3-text p{ font-size:.26rem; line-height:.46rem; color:#333; margin:0 0 .3rem;}
.culture3 .culture3-text .culture3-sign{ font-size:.26rem; line-height:.46rem; color:#888; margin:.3rem 0 0;}

.culture4{ width:100%; padding:1.4rem 0 0;}
.culture4 .culture4Wrapper{ width:15.8rem; margin:0 auto; padding: 0; position:relative;}
.culture4 .section-title{ text-align: left;}
.culture4 .section5-list{ display:flex; flex-wrap:wrap; gap:.06rem; padding:.6rem 0 0;}
.culture4 .section5-item{ width:calc(33.33% - .04rem);}
.culture4 .section5-img{ height: 3.52rem;}
.culture4 .section5-date{ color:#c8c8c8; font-size: .16rem; padding: 0 0 .1rem;}
.culture4 .section5-title{ color:#3a3a3a; font-size: .22rem;}
.culture4 .section5-item a{ border-bottom: none;}
.culture4 .section3{ text-align: center;}

.brand1{ width:100%; background:#fff; margin: 1.27rem 0 0; padding: .73rem 0 0;}
.brand1 .brand1Wrapper{ width:15.8rem; padding:0 0 .9rem;}
.brand1 .brand1-layout{ display:flex; align-items:center; justify-content:space-between; padding:0 0 .8rem;}
.brand1 .brand1-title{ font-size:.48rem; line-height:.48rem; color:#34bf9d; font-weight:bold;}
.brand1 .brand1-content{ text-align:center; padding:.5rem 0 0;}
.brand1 .brand1-subtitle{ font-size:.48rem; line-height:.6rem; color:#333; font-weight:bold; margin:0;}
.brand1 .brand1-underline{ width:.7rem; height:.1rem; background:#34bf9d; margin:.6rem auto .5rem;}
.brand1 .brand1-desc{ font-size:.26rem; line-height:.48rem; color:#666;}
.brand1 .brand1-list{ display:flex; gap:.42rem; padding:.6rem 0 0;}
.brand1 .brand1-item{ flex:1; border-radius:.04rem; overflow:hidden;}
.brand1 .brand1-item-bg{ position:relative; width:100%; height:2.63rem; background:#34bf9d; padding:.4rem;}
.brand1 .brand1-item-bg span{ display: block;}
.brand1 .brand1-item-num{ font-size:.36rem; line-height:.36rem; color:rgba(255,255,255,.8); font-weight:bold;}
.brand1 .brand1-item-title{ font-size:.48rem; line-height:.48rem; color:#fff; font-weight:bold; margin: .3rem 0 .6rem;}
.brand1 .brand1-item-line{ display:block; width:.42rem; height:.05rem; background:#fff;}

.brand2{ width:100%; padding:1rem 0; position: relative;}
.brand2::after{ content:''; position:absolute; left:0; top:0; width:100%; height:7.3rem; background:#f6f6f6; z-index: 0;}
.brand2 .brand2Wrapper{ width:100%; margin:0 auto; padding: 0; position: relative; z-index: 1;}
.brand2 .brand2-layout{ overflow: hidden; display: flex; justify-content: space-between;}
.brand2 .brand2-left{ float:left; width: 8.8rem; padding:0 1.1rem 0 1.7rem;}
.brand2 .brand2-left .section-title{ text-align:left; margin:0 0 .6rem;}
.brand2 .brand2-left .section-desc{ text-align:left; font-size:.22rem; line-height:.4rem; color:#666; margin:0 0 .8rem;}
.brand2 .section3-stats{ display:flex; gap:0; padding:0; align-items:center; justify-content: flex-start}
.brand2 .section3-stat{ width:auto; padding: 0 1rem; position:relative;}
.brand2 .section3-stat:first-child{ padding: 0 1rem 0 0;}
.brand2 .section3-stat .stat-num{ color:#34bf9d;}
.brand2 .section3-stat .stat-num span{ color:#34bf9d;}
.brand2 .section3-stat .stat-label{ font-size:.24rem; line-height:.36rem; color:#999; padding:.2rem 0 0;}
.brand2 .brand2-right{ float:right; width:10.23rem;}
.brand2 .brand2-img{ width:100%; height:8.2rem; overflow:hidden;}
.brand2 .brand2-img-item{ position:relative; width:100%; height:7.5rem; background-size:cover; background-position:center; background-repeat:no-repeat;}
.brand2 .brand2-img a{ display:block; text-decoration:none;}
.brand2 .brand2-img-title{ position:absolute; left:0; bottom:0; width:100%; height:.86rem; background:rgba(0,167,149,.6); display:flex; align-items:center; justify-content:center; font-size:.24rem; line-height:.86rem; color:#fff;}
.brand2 .brand2-img .slick-slide{ padding:0;}
.brand2 .brand2-img .slick-dots{ bottom:-.5rem;}
.brand2 .brand2-img .slick-dots li{ width:.11rem; height:.11rem; margin:0 .06rem; background: #e7e7e7;}
.brand2 .brand2-img .slick-dots li.slick-active{ background:#34bf9d;}

.brand3{ width:100%; padding:1rem 0;}
.brand3 .brand3Wrapper{ width:15.8rem; margin:0 auto; position:relative;}
.brand3 .brand3-header{ margin-bottom:.6rem;}
.brand3 .brand3-header .section-title{ margin:0; text-align: left;}
.brand3 .brand3-header .section-desc{ width: 7rem; text-align: left; font-size:.24rem; line-height:.36rem; color:#666;}
.brand3 .brand3-arrows{ display:flex; gap:.2rem;}
.brand3 .brand3-prev,.brand3 .brand3-next{ width:.54rem; height:.54rem; cursor:pointer; position:absolute; margin:0 auto; border-radius: .03rem; z-index:10;}
.brand3 .brand3-prev{ right:.67rem; top:.8rem; background:#34bf9d url(../images/section3-arrow-left.png) no-repeat center; background-size:.36rem;}
.brand3 .brand3-next{ right:0; top:.8rem; background:#34bf9d url(../images/section3-arrow.png) no-repeat center; background-size:.36rem;}
.brand3 .brand3-prev.slick-disabled{ opacity:1; cursor:default; background:#d8f0ea url(../images/section3-arrow-left-hover.png) no-repeat center; background-size:.36rem;}
.brand3 .brand3-next.slick-disabled{ opacity:1; cursor:default; background:#d8f0ea url(../images/section3-arrow-hover.png) no-repeat center; background-size:.36rem;}

.brand3 .brand3-slider{ margin: 0 -.2rem; overflow:hidden;}
.brand3 .brand3-item{ padding:0 .2rem; box-sizing:border-box;}
.brand3 .brand3-item-inner{ position:relative; width:100%; height:5.05rem; overflow:hidden; border-radius:.04rem;}
.brand3 .brand3-img{ width:100%; height:100%; transition:transform .5s ease;}
.brand3 .brand3-item:hover .brand3-img{ transform:scale(1.05);}
.brand3 .brand3-mask{ position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(5,46,26,.7); opacity:0; transition:opacity .4s ease; z-index:1;}
.brand3 .brand3-item:hover .brand3-mask{ opacity:1;}
.brand3 .brand3-info{ position:absolute; left:0; top:50%; transform:translateY(-50%); width:100%; padding:.4rem; box-sizing:border-box; z-index:2; display:flex; align-items:center; justify-content:center; flex-direction:column; opacity:0; transition:opacity .4s ease;}
.brand3 .brand3-item:hover .brand3-info{ opacity:1;}
.brand3 .brand3-name{ font-size:.3rem; line-height:.4rem; color:#fff; margin:0 0 .4rem; text-align:center;}
.brand3 .brand3-name-bottom{ position:absolute; left:0; bottom:.3rem; width:100%; padding:0 .4rem; box-sizing:border-box; font-size:.3rem; line-height:.4rem; color:#fff; text-align:center; z-index:2; transition:opacity .4s ease;}
.brand3 .brand3-item:hover .brand3-name-bottom{ opacity:0;}
.brand3 .brand3-item .more{ margin: 0; font-weight: normal;}
.brand3 .slick-dots{ display: none !important;}

.brand4{ width:100%; background:#fff; margin: 0;}
.brand4 .brand4Wrapper{ width:15.8rem; padding:0 0 .9rem;}
.brand4 .brand4-content{ text-align:center; padding:.5rem 0 0;}
.brand4 .section-title{ margin: 0 0 .3rem;}
.brand4 .brand4-desc{ font-size:.26rem; line-height:.48rem; color:#666;}
.brand4 .brand4-accordion{ margin-top:.8rem;}
.brand4 .brand4-slider{ overflow:hidden;}
.brand4 .brand4-group{ display:flex; gap:.26rem;}
.brand4 .brand4-item{ position:relative; height:5.25rem; width:3rem; overflow:hidden; transition:width .5s ease;}
.brand4 .brand4-item-active{ width:9.2rem;}
.brand4 .brand4-img{ width:100%; height:100%; transition:transform .5s ease;}
.brand4 .brand4-item-active .brand4-img{ transform:scale(1.02);}
.brand4 .slick-dots{ display:flex; justify-content:center; gap:.1rem; margin-top:.4rem;}
.brand4 .slick-dots li { background:#e0e0e0; display: inline-block; width: .33rem; height:.08rem; margin: 0 .04rem; border-radius:.04rem; cursor: pointer;}
.brand4 .slick-dots li.slick-active { width:.5rem; height:.08rem; background: #34bf9d; border-radius:.15rem;}

/* Brand5 - 招商加盟 */
.brand5{ width:100%; background:#f4f4f4; padding:1rem 0;}
.brand5 .brand5Wrapper{ width:15.8rem; margin:0 auto;}
.brand5 .brand5-header{ text-align:center; margin-bottom:.5rem;}
.brand5 .brand5-header .section-title{ margin:0 0 .3rem;}
.brand5 .brand5-header .section-desc{ width: 10rem; font-size:.24rem; line-height:.4rem; color:#666; margin:0 auto;}
.brand5 .brand5-form{ background:#fff; padding:1rem; border-radius:.04rem;}
.brand5 .brand5-form-row{ display:flex; gap:.4rem; margin-bottom:.4rem;}
.brand5 .brand5-form-item{ flex:1; position:relative;}
.brand5 .brand5-label{ display:block; font-size:.2rem; line-height:.36rem; color:#888; margin-bottom:.15rem;}
.brand5 .brand5-input{ width:100%; height:.56rem; padding:.15rem .6rem .15rem .2rem; border:.01rem solid #e0e0e0; border-radius:.02rem; font-size:.16rem; color:#606266; background:#fff; box-sizing:border-box; outline:none; transition:border-color .3s;}
.brand5 .brand5-input:focus{ border-color:#34bf9d;}
.brand5 .brand5-count{ position:absolute; right:.2rem; top:.64rem; font-size:.16rem; color:#606266; pointer-events:none;}
.brand5 .brand5-form-textarea{ margin-bottom:.4rem; position:relative;}
.brand5 .brand5-form-textarea .brand5-count{ top:auto; bottom:.15rem;}
.brand5 .brand5-textarea{ width:100%; height:2rem; padding:.15rem .6rem .3rem .2rem; border:.01rem solid #e0e0e0; border-radius:.02rem; font-size:.16rem; color:#606266; background:#fff; box-sizing:border-box; outline:none; resize:vertical; transition:border-color .3s; min-height:1.5rem;}
.brand5 .brand5-textarea:focus{ border-color:#34bf9d;}
.brand5 .brand5-form-tip{ margin-bottom:.4rem;}
.brand5 .brand5-radio{ display:flex; align-items:flex-start; gap:.15rem; font-size:.2rem; line-height:.36rem; color:#888; cursor:pointer;}
.brand5 .brand5-radio input{ display:none;}
.brand5 .brand5-radio-icon{ flex-shrink:0; width:.24rem; height:.24rem; border:.01rem solid #ccc; border-radius:50%; background:#fff; position:relative; margin-top:.05rem; transition:all .3s;}
.brand5 .brand5-radio input:checked + .brand5-radio-icon{ border-color:#34bf9d;}
.brand5 .brand5-radio input:checked + .brand5-radio-icon::after{ content:''; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:.12rem; height:.12rem; background:#34bf9d; border-radius:50%;}
.brand5 .brand5-radio-text{ flex:1;}
.brand5 .brand5-radio-text a{ color:#34bf9d; text-decoration:underline;}
.brand5 .brand5-radio-error .brand5-radio-icon{ border-color:#ff4d4f;}
.brand5 .brand5-radio-error .brand5-radio-text{ color:#ff4d4f;}
.brand5 .brand5-form-submit{ text-align:left;}
.brand5 .brand5-btn{ display:inline-block; min-width:2rem; height:.56rem; line-height:.56rem; padding:0 .6rem; background:#34bf9d; color:#fff; font-size:.2rem; border:none; border-radius:.04rem; cursor:pointer; transition:background .3s;}
.brand5 .brand5-btn:hover{ background:#2ba88f;}
.brand5 .brand5-required{ color:#ff4d4f; margin-left:.04rem;}
.brand5 .brand5-input-error,
.brand5 .brand5-textarea.brand5-input-error{ border-color:#ff4d4f !important;}
.brand5 .brand5-error .brand5-label{ color:#ff4d4f;}
.brand5 .brand5-error .brand5-input-error:focus{ border-color:#ff4d4f; box-shadow:0 0 0 .02rem rgba(255,77,79,.1);}
.brand5 .brand5-error-msg{ display:none; font-size:.16rem; color:#ff4d4f; margin-top:.08rem;}
.brand5 .brand5-error-format .brand5-error-msg{ display:block;}



.about-map{ width:100%; height:5.45rem; margin: 0 0 1rem; background: url(../images/about-map.jpg) no-repeat top center; background-size:cover;}
.about-map a{ width:100%; height:100%; display:block;}

.news1{ width:100%; padding:2rem 0 .8rem;}
.news1 .news1Wrapper{ width:15.8rem; padding: 0; margin:0 auto;}
.news1 .news1-layout{ display:flex; align-items:center; justify-content:space-between;}
.news1 .news1-left{ flex:1;}
.news1 .section-title h3{ text-align:left;}
.news2{ width:100%; padding:0 0 1rem;}
.news2 .news2Wrapper{ width:15.8rem; padding: 0; margin:0 auto;}
.news2 .news2-layout{ overflow: hidden;}
.news2 .news2-left{ float: left; width:9.6rem; position:relative;}
.news2 .news2-slider{ width:9.6rem; height:5.7rem; overflow:hidden;}
.news2 .news2-slider .news2-slide{ display:block; width:9.6rem; height:5.7rem; outline:none;}
.news2 .news2-slider .slick-list,
.news2 .news2-slider .slick-track{ height:5.7rem;}
.news2 .slick-dots { margin: 0; padding: 0; list-style: none; width:auto; text-align: center; position:absolute; bottom:.3rem; left:50%; transform:translate(-50%,0); font-size:0;}
.news2 .slick-dots li { background:#e9e9e9; display: inline-block; width: .64rem; height:.06rem; margin: 0 .05rem; border-radius:.03rem; cursor: pointer;}
.news2 .slick-dots li.slick-active { width:.64rem; height:.06rem; background: #34bf9d; border-radius:.3rem;}
.news2 .news2-right{ float: left; width:6.2rem; padding:0 .8rem;}
.news2 .news2-item{ display:block; padding:.4rem 0; background: url(../images/esg-arrow-on.png) no-repeat left 1.4rem; background-size: .3rem; border-bottom:.01rem solid #eaeaea; position:relative;}
.news2 .news2-date{ display:block; font-size:.16rem; color:#bfbfbf; margin-bottom:.12rem;}
.news2 .news2-title{ font-size:.22rem; line-height:.3rem; color:#999; font-weight:normal; overflow:hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical;}
.news2 .news2-item:hover{ background: url(../images/esg-arrow.png) no-repeat left 1.4rem; background-size: .3rem;}
.news2 .news2-item:hover .news2-title,
.news2 .news2-item.active .news2-title{ color:#333;}
.news3{ width:100%; padding:0 0 1.5rem; background:#fff url(../images/culture-leaderbg.jpg) no-repeat bottom center; background-size:19.2rem;}
.news3 .news3Wrapper{ width:15.8rem; padding: 0; margin:0 auto;}
.news3 .news3-filter{ display:flex; align-items:center; gap:.15rem; margin-bottom:.6rem;}
.news3 .news3-select{ position:relative; width:2.05rem; height:.56rem; border:.01rem solid #addacf; border-radius: .04rem; background:#fff; display:flex; align-items:center; justify-content:space-between; padding:0 .2rem; cursor:pointer; font-size:.2rem; color:#666;}
.news3 .news3-select-text{ flex:1;}
.news3 .news3-arrow{ font-size:.12rem; color:#addacf; transition:transform .3s;}
.news3 .news3-select.open .news3-arrow{ transform:rotate(180deg);}
.news3 .news3-options{ position:absolute; left:-.01rem; top:120%; width:2.05rem; background:#fff; border:.01rem solid #addacf; border-radius: .04rem; padding: .06rem 0; display:none; z-index:10; box-shadow:0px 0 .12rem rgba(0,0,0,.1);}
.news3 .news3-select.open .news3-options{ display:block;}
.news3 .news3-option{ display:block; padding:.04rem .15rem; font-size:.18rem; color:#666; text-decoration:none; transition:color .3s;}
.news3 .news3-option:hover,
.news3 .news3-option.active{ color:#666; background-color: #f5f7fa;}
.news3 .news3-search{ width:4.93rem; display:flex; border:.01rem solid #addacf; background:#fff; border-radius: .04rem;}
.news3 .news3-search input{ flex:1; height:.54rem; padding:0 .15rem; border:none; outline:none; font-size:.18rem; color:#666; background:transparent;}
.news3 .news3-search-btn{ width:.56rem; height:.56rem; border:none; background:transparent; cursor:pointer; display:flex; align-items:center; justify-content:center;}
.news3 .news3-search-btn img{ width:.2rem; height:.2rem;}
.news3 .section5-list{ display:flex; flex-wrap:wrap; gap:.5rem; padding: 0 0 .6rem;}
.news3 .section5-item{ width:calc(33.33% - .34rem);}
.news3 .section5-img{ height: 3.1rem;}
.news3 .section5-date{ color:#c8c8c8; font-size: .16rem; padding: .2rem 0 0;}
.news3 .section5-title{ color:#3a3a3a; font-size: .22rem;}
.news3 .section5-item .section5-info{ padding: .3rem .22rem;}
.news3 .section5-item a:hover{ border-bottom-color: #34bf9d; box-shadow: 0 .1rem .4rem rgba(52, 191, 157, .15);}
.news3 .section5-item a:hover .section5-info{ background-color: #34bf9d;}
.news3 .section5-item a:hover .section5-title,.news3 .section5-item a:hover .section5-date{ color:#fff;}
.news3 .hvr-underline-from-center:before{ background: none;}

.products{ width:100%; background:#f7f7f7; padding:1rem 0;}
.products .productsWrapper{ width:17.6rem; margin:0 auto; padding:0;}
.products .products-layout{ overflow:hidden;}
.banner-section .play-icon{ width:7rem; background:url(../images/icon-video.png) no-repeat top center; background-size:1.26rem; font-size:.48rem; line-height: .58rem; color:#fff; text-align:center; padding: .4rem 0; cursor:pointer; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);}
.products-sidebar{ float:left; width:4.5rem; padding: 0 1rem 0 0;}
.products-menu{ background:#fff;}
.products-menu-item{ display:flex; align-items:center; justify-content:space-between; padding:.3rem .3rem; border-bottom:.01rem solid #f0f0f0; cursor:pointer; font-size:.22rem; color:#333; position:relative;}
.products-menu-item.active{ color:#34bf9d;}
.products-menu-title{ flex:1;}
.products-menu-icon{ width:.18rem; height:.18rem; background:url(../images/icon_01-.png) center no-repeat; background-size:100%; transition:all .3s; flex-shrink:0;}
.products-menu-icon.expanded{ background:url(../images/icon_02--.png) center no-repeat; background-size:100%;}
.products-menu-sub{ display:none; background:#fafafa; padding:.1rem 0;}
.products-menu-sub li{ padding:.15rem .3rem .15rem .6rem; font-size:.18rem; color:#666; line-height:.3rem;}
.products-menu-sub li a{ color:#666; text-decoration:none;}
.products-menu-sub li a:hover,.products-menu-sub li a.active{ color:#34bf9d;}
.products-content{ float:right; width:calc(100% - 4.5rem);}
.products-search{ display:flex; align-items:center; background:#fff; border-radius:.04rem; padding:.2rem .3rem; margin-bottom:.4rem;}
.products-search button{ border:none;background: none;cursor: pointer;}
.products-search-icon{ width:.3rem; height:.3rem; margin-right:.15rem;}
.products-search-input{ flex:1; border:none; outline:none; font-size:.2rem; color:#333; background:transparent;}
.products-search-input::placeholder{ color:#bbb;}
.products-grid{ display:flex; flex-wrap:wrap; gap:.4rem;}
.products-item{ width:calc(33.33% - .27rem); background:#fff; overflow:hidden; transition:all .3s;}
.products-item:hover{ box-shadow:0 .1rem .4rem rgba(0,0,0,.1);}
.products-img{ width:100%; height:3.4rem; background-size: 3.8rem !important;}
.products-info{ padding:.25rem .3rem .35rem;}
.products-name{ font-size:.2rem; line-height:.3rem; color:#333; font-weight:500; text-align: center;}
.products-code{ font-size:.16rem; line-height:.24rem; color:#999; margin-top:.1rem;}

.join1{ width:100%; background:#fff; margin: 1.27rem 0 0; padding: .73rem 0 0;}
.join1 .join1Wrapper{ width:15.8rem; padding:0 0 .9rem;}
.join1 .join1-layout{ display:flex; align-items:center; justify-content:space-between; padding:0 0 .8rem;}
.join1 .join1-title{ font-size:.48rem; line-height:.48rem; color:#34bf9d; font-weight:bold;}
.join1 .join1-content{ text-align:center; padding:.5rem 0 0;}
.join1 .join1-subtitle{ font-size:.48rem; line-height:.6rem; color:#333; font-weight:bold; margin:0;}
.join1 .join1-underline{ width:.7rem; height:.1rem; background:#34bf9d; margin:.6rem auto .5rem;}
.join1 .join1-desc{ font-size:.26rem; line-height:.48rem; color:#666;}
.join1-video{ width:100%; height:7.35rem; margin: .9rem auto 0; overflow:hidden; position:relative;}
.join1-video .play-icon{ width:7rem; background:url(../images/icon-video.png) no-repeat top center; background-size:1.26rem; font-size:.48rem; line-height: .58rem; color:#fff; text-align:center; padding: .4rem 0; cursor:pointer; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);}
.join2{ width:100%; min-height: 8.5rem; background:#fff url(../images/join2-bg.jpg) no-repeat bottom center; background-size:19.2rem;}
.join2 .join2Wrapper{ width:15.8rem; padding:0 0 1rem;}
.join2 .join2-layout{ display:flex; align-items:center; justify-content:space-between; padding:0 0 .8rem;}
.join2 .join2-content{ text-align:center; padding:.5rem 0 0;}
.join2 .join2-desc{ font-size:.26rem; line-height:.48rem; color:#666; padding:.5rem 0 .6rem;}
.join2 .join2-list{ width: 12rem; margin: 0 auto; display:grid; grid-template-columns:repeat(2, 1fr); gap:.8rem .5rem; padding:.5rem 0;}
.join2 .join2-item{ display:flex; align-items:flex-start; gap:.48rem;}
.join2 .join2-item-icon{ width:1.27rem; height:1.27rem; min-width:1.27rem; border:.04rem solid #000; border-radius:.2rem; display:flex; align-items:center; justify-content:center;}
.join2 .join2-item-icon img{ width:auto; height:.8rem;}
.join2 .join2-item-content{ flex:1; padding-top:.1rem;}
.join2 .join2-item-title{ font-size:.32rem; line-height: .36rem; font-weight:bold; color:#333; margin-bottom:.15rem;}
.join2 .join2-item-desc{ font-size:.2rem; line-height:.3rem; color:#888;}

/* join3 - 社会招聘/校园招聘 */
.join3{ width:100%; padding:.9rem 0 0;}
.join3 .join3Wrapper{ width:100%; padding:0; margin:0 auto;}
.join3 .join3-content{ text-align:center; padding:.3rem 0 .5rem;}
.join3 .join3-content p{ font-size:.32rem; line-height:.56rem; color:#333; font-weight:bold;}
.join3 .join3-list{ overflow: hidden;}
.join3 .join3-item{ float:left; width: 50%; position:relative; display:block; overflow:hidden;}
.join3 .join3-item-img{ width:100%; height:5.5rem; transition:transform .5s ease;}
.join3 .join3-item:hover .join3-item-img{ transform:scale(1.05);}
.join3 .join3-item-info{ position:absolute; left:1.5rem; top:50%; transform:translateY(-50%); z-index:2;}
.join3 .join3-item:first-child .join3-item-info{ position:absolute; left: auto; right:1.5rem; top:50%; transform:translateY(-50%); z-index:2;}
.join3 .join3-item-title{ font-size:.36rem; line-height:.36rem; color:#fff; font-weight:bold; position:relative; padding-bottom:.3rem;}
.join3 .join3-item-title:after{ content:''; position:absolute; left:0; bottom:0; width:.5rem; height:.04rem; background:#fff;}
.join3 .join3-item-social:after,
.join3 .join3-item-campus:after{ content:''; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,.15); z-index:1; transition:background .3s;}
.join3 .join3-item:hover:after{ background:rgba(52,191,157,.25);}

/* ============ Contact Page ============ */
.contact1{ width:100%; background:#fff; margin: 1.27rem 0 0; padding: .73rem 0 0;}
.contact1 .contact1Wrapper{ width:100%; padding:0 0 .9rem;}
.contact1 .contact1-layout{ width: 15.8rem; margin: 0 auto; display:flex; align-items:center; justify-content:space-between; padding:0 0 .8rem;}
.contact1 .contact1-title{ font-size:.48rem; line-height:.48rem; color:#34bf9d; font-weight:bold;}

.contact1 .contact1-tabs{ margin-top:.4rem;}
.contact1 .contact1-tab{ display:none;}
.contact1 .contact1-tab.active{ display:block;}

.contact1 .contact1-info-row{ width: 100%; overflow: hidden;}
.contact1 .contact1-info-left{ float: left; width:50%; padding: .4rem 1rem 0 1.7rem;}
.contact1 .contact1-info-right{ float: left; width:50%;}
.contact1 .contact1-info-desc{ font-size:.26rem; line-height:.4rem; color:#333; margin:0 0 .4rem;}
.contact1 .contact1-info-right .contact1-map{ width:100%; height:8.75rem; overflow:hidden;}
.contact1 .contact1-info-right .contact1-map a{ width: 100%; height: 100%; display: block;}

.contact1 .contact1-qrcode{ display:flex; align-items:center; gap:.3rem; background:#4fbaa0; padding:.3rem .4rem; border-radius:.04rem; margin-bottom:.6rem;}
.contact1 .contact1-qrcode-img{ width:3.54rem; height:1.57rem;}
.contact1 .contact1-qrcode-img img{ width:100%; height:100%; display:block;}
.contact1 .contact1-qrcode-text{ font-size:.18rem; line-height:.3rem; color:#fff;}
.contact1 .contact1-qrcode-text p{ margin:0;}

.contact1 .contact1-company{ font-size:.32rem; line-height:.48rem; color:#34bf9d; font-weight:bold; margin:0 0 .3rem;}
.contact1 .contact1-company-list{ list-style:none; padding:0; margin:0;}
.contact1 .contact1-company-list li{ display:flex; align-items:center; gap:0 .15rem; font-size:.2rem; line-height:.48rem; color:#333;}
.contact1 .contact1-icon{ display:inline-block; width:.28rem; height:.28rem; background-repeat:no-repeat; background-position:center; background-size:contain; flex-shrink:0;}
.contact1 .contact1-icon-addr{ background-image:url(../images/icon-address.png);}
.contact1 .contact1-icon-tel{ background-image:url(../images/icon-tel.png);}
.contact1 .contact1-icon-fax{ background-image:url(../images/icon-fax.png);}
.contact1 .contact1-icon-email{ background-image:url(../images/icon-email.png);}
.contact1 .contact1-icon-web{ background-image:url(../images/icon-link.png);}

.contact1 .contact1-form-wrap{ max-width:13rem; margin:0 auto; padding:.8rem 1rem; background:#f7fbf9; border-radius:.04rem;}
.contact1 .contact1-form-desc{ font-size:.22rem; line-height:.4rem; color:#666; text-align:center; margin:0 0 .4rem;}

.contact1 .contact1-form-row{ display:flex; gap:.4rem; margin-bottom:.4rem;}
.contact1 .contact1-form-item{ flex:1; position:relative;}
.contact1 .contact1-label{ display:block; font-size:.2rem; line-height:.36rem; color:#888; margin-bottom:.15rem;}
.contact1 .contact1-input{ width:100%; height:.56rem; padding:.15rem .6rem .15rem .2rem; border:.01rem solid #e0e0e0; border-radius:.02rem; font-size:.16rem; color:#606266; background:#fff; box-sizing:border-box; outline:none; transition:border-color .3s;}
.contact1 .contact1-input:focus{ border-color:#34bf9d;}
.contact1 .contact1-count{ position:absolute; right:.2rem; top:.64rem; font-size:.16rem; color:#606266; pointer-events:none;}
.contact1 .contact1-form-textarea{ margin-bottom:.4rem; position:relative;}
.contact1 .contact1-form-textarea .contact1-count{ top:auto; bottom:.15rem;}
.contact1 .contact1-textarea{ width:100%; height:2rem; padding:.15rem .6rem .3rem .2rem; border:.01rem solid #e0e0e0; border-radius:.02rem; font-size:.16rem; color:#606266; background:#fff; box-sizing:border-box; outline:none; resize:vertical; transition:border-color .3s; min-height:1.5rem;}
.contact1 .contact1-textarea:focus{ border-color:#34bf9d;}
.contact1 .contact1-form-tip{ margin-bottom:.4rem;}
.contact1 .contact1-radio{ display:flex; align-items:flex-start; gap:.15rem; font-size:.2rem; line-height:.36rem; color:#888; cursor:pointer;}
.contact1 .contact1-radio input{ display:none;}
.contact1 .contact1-radio-icon{ flex-shrink:0; width:.24rem; height:.24rem; border:.01rem solid #ccc; border-radius:50%; background:#fff; position:relative; margin-top:.05rem; transition:all .3s;}
.contact1 .contact1-radio input:checked + .contact1-radio-icon{ border-color:#34bf9d;}
.contact1 .contact1-radio input:checked + .contact1-radio-icon::after{ content:''; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:.12rem; height:.12rem; background:#34bf9d; border-radius:50%;}
.contact1 .contact1-radio-text{ flex:1;}
.contact1 .contact1-radio-text a{ color:#34bf9d; text-decoration:underline;}
.contact1 .contact1-radio-error .contact1-radio-icon{ border-color:#ff4d4f;}
.contact1 .contact1-radio-error .contact1-radio-text{ color:#ff4d4f;}
.contact1 .contact1-form-submit{ text-align:center;}
.contact1 .contact1-btn{ display:inline-block; min-width:2rem; height:.56rem; line-height:.56rem; padding:0 .6rem; background:#34bf9d; color:#fff; font-size:.2rem; border:none; border-radius:.04rem; cursor:pointer; transition:background .3s;}
.contact1 .contact1-btn:hover{ background:#2ba88f;}
.contact1 .contact1-input-error,
.contact1 .contact1-textarea.contact1-input-error{ border-color:#ff4d4f !important;}
.contact1 .contact1-error .contact1-label{ color:#ff4d4f;}

.contact2{ width:100%; background:#def2ee; background:linear-gradient(to bottom, #def2ee, #fff); padding:1rem 0;}
.contact2 .contact2Wrapper{ width:15.8rem; padding: 0; margin:0 auto;}
.contact2 .contact2-content{ text-align:center; padding-bottom:.6rem;}
.contact2 .contact2-content .section-title h3{ color: #333;}
.contact2 .contact2-content .section-desc{ color: #333; font-size: .26rem; line-height: .48rem; width:9.4rem; margin:0 auto; padding: .3rem 0 0;}

.contact2 .contact2-table{ width:100%; border-top:.03rem solid #34bf9d;}
.contact2 .contact2-tr{ display:flex; align-items:center; padding:.15rem .35rem; border-bottom:.01rem solid #e8e8e8; font-size:.2rem; line-height:.4rem; color:#333;}
.contact2 .contact2-tr:nth-child(2n+3){ background:#e4eeee;}
.contact2 .contact2-tr:hover{ background: #aee6d3;}
.contact2 .contact2-th:hover{ background: none;}
.contact2 .contact2-th{ color:#34bf9d; font-weight:bold; border-bottom:.01rem solid #34bf9d;}
.contact2 .contact2-td{ flex:1; padding:0 .2rem;}
.contact2 .contact2-td-name{ flex:0 0 28%; color:#333;}
.contact2 .contact2-td-addr{ flex:0 0 50%; color:#888;}
.contact2 .contact2-td-tel{ flex:0 0 22%; color:#888;}
.contact2 .contact2-th .contact2-td-name,.contact2 .contact2-th .contact2-td-addr,.contact2 .contact2-th .contact2-td-tel{ color:#34bf9d; font-size:.24rem;}
.contact2 .contact2-go{ color:#34bf9d; margin-left:.1rem; font-size:.18rem;}
.contact2 .contact2-go:hover{ text-decoration:underline;}
.contact2 .contact2-more{ text-align:center; padding:.8rem 0 0;}
.contact2 .contact2-more .more{ margin:0;}

.contact3{ width:100%; background:#299278; padding:1rem 0 1.5rem;}
.contact3 .contact3Wrapper{ width:15.8rem; padding: 0; margin:0 auto;}
.contact3 .contact3-content{ text-align:center; margin-bottom:.6rem;}
.contact3 .section-title h3{ color:#fff;}
.contact3 .section-desc{ color:#fff; font-size:.26rem; padding: .3rem 0 0;}
.contact3 .contact3-form{ width:100%; margin:0 auto; background:#fff; padding:1rem; border:.01rem solid #e0e0e0; border-radius:.04rem;}

.contact3 .contact3-form-row{ display:flex; gap:.6rem; margin-bottom:.4rem;}
.contact3 .contact3-form-item{ flex:1; position:relative;}
.contact3 .contact3-label{ display:block; font-size:.2rem; line-height:.36rem; color:#888; margin-bottom:.15rem;}
.contact3 .contact3-input{ width:100%; height:.56rem; padding:.15rem .6rem .15rem .2rem; border:.01rem solid #e0e0e0; border-radius:.02rem; font-size:.16rem; color:#606266; background:#fff; box-sizing:border-box; outline:none; transition:border-color .3s;}
.contact3 .contact3-input:focus{ border-color:#34bf9d;}
.contact3 .contact3-count{ position:absolute; right:.2rem; top:.64rem; font-size:.16rem; color:#606266; pointer-events:none;}
.contact3 .contact3-form-textarea{ margin-bottom:.4rem; position:relative;}
.contact3 .contact3-form-textarea .contact3-count{ top:auto; bottom:.15rem;}
.contact3 .contact3-textarea{ width:100%; height:2rem; padding:.15rem .6rem .3rem .2rem; border:.01rem solid #e0e0e0; border-radius:.02rem; font-size:.16rem; color:#606266; background:#fff; box-sizing:border-box; outline:none; resize:vertical; transition:border-color .3s; min-height:1.5rem;}
.contact3 .contact3-textarea:focus{ border-color:#34bf9d;}
.contact3 .contact3-form-tip{ margin-bottom:.4rem;}
.contact3 .contact3-radio{ display:flex; align-items:flex-start; gap:.15rem; font-size:.2rem; line-height:.36rem; color:#888; cursor:pointer;}
.contact3 .contact3-radio input{ display:none;}
.contact3 .contact3-radio-icon{ flex-shrink:0; width:.24rem; height:.24rem; border:.01rem solid #ccc; border-radius:50%; background:#fff; position:relative; margin-top:.05rem; transition:all .3s;}
.contact3 .contact3-radio input:checked + .contact3-radio-icon{ border-color:#34bf9d;}
.contact3 .contact3-radio input:checked + .contact3-radio-icon::after{ content:''; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:.12rem; height:.12rem; background:#34bf9d; border-radius:50%;}
.contact3 .contact3-radio-text{ flex:1;}
.contact3 .contact3-radio-text a{ color:#34bf9d; text-decoration:underline;}
.contact3 .contact3-radio-error .contact3-radio-icon{ border-color:#ff4d4f;}
.contact3 .contact3-radio-error .contact3-radio-text{ color:#ff4d4f;}
.contact3 .contact3-form-submit{ text-align:center;}
.contact3 .contact3-btn{ display:inline-block; min-width:2rem; height:.56rem; line-height:.56rem; padding:0 .6rem; background:#34bf9d; color:#fff; font-size:.2rem; border:none; border-radius:.04rem; cursor:pointer; transition:background .3s;}
.contact3 .contact3-btn:hover{ background:#2ba88f;}
.contact3 .contact3-input-error,
.contact3 .contact3-textarea.contact3-input-error{ border-color:#ff4d4f !important;}
.contact3 .contact3-error .contact3-label{ color:#ff4d4f;}
.contact3 .contact3-required{ color:#ff4d4f; margin-left:.04rem;}
.contact3 .contact3-error-msg{ display:none; font-size:.16rem; color:#ff4d4f; margin-top:.08rem;}
.contact3 .contact3-error-format .contact3-error-msg{ display:block;}

/* ============ Join List Page ============ */
.joinlist1{ width:100%; background:#fff; margin: 2rem 0 0; padding:0 0 1.5rem; background:#fff url(../images/culture-leaderbg.jpg) no-repeat bottom center; background-size:19.2rem;}
.joinlist1 .joinlist1Wrapper{ width:15.8rem; padding:0;}
.joinlist1 .joinlist1-layout{ display:flex; align-items:center; justify-content:space-between; padding:0 0 .8rem;}
.joinlist1 .joinlist1-title{ font-size:.48rem; line-height:.48rem; color:#34bf9d; font-weight:bold;}

.joinlist1 .joinlist1-search{ padding:0 0 .6rem; text-align:center;}
.joinlist1 .joinlist1-search-bar{ display:inline-flex; align-items:center; width:8rem; height:.62rem; background:#34bf9d; border-radius:.36rem; overflow:hidden;}
.joinlist1 .joinlist1-search-input{ flex:1; height:100%; padding:0 .4rem; border:none; outline:none; background:transparent; color:#fff; font-size:.2rem;}
.joinlist1 .joinlist1-search-input::placeholder{ color:rgba(255,255,255,.8);}
.joinlist1 .joinlist1-search-btn{ width:1rem; height:.62rem; border:none; background:transparent; cursor:pointer; display:flex; align-items:center; justify-content:center;}
.joinlist1 .joinlist1-search-btn img{ width:.28rem; height:.28rem;}
.joinlist1 .joinlist1-search-btn:hover img{ opacity:.8;}

.joinlist1 .joinlist1-search-hot{ width:8rem; margin:.2rem auto 0; padding: 0 .4rem; font-size:.16rem; color:#666; text-align: left;}
.joinlist1 .joinlist1-search-hot-label{ color:#807f7f;}
.joinlist1 .joinlist1-hot-key{ color:#807f7f; margin: 0; text-decoration:none;}
.joinlist1 .joinlist1-hot-key:hover{ text-decoration:underline; color:#34bf9d;}
.joinlist1 .joinlist1-hot-sep{ color:#ccc;}

.joinlist1 .joinlist1-table{ width:100%; border-top:.03rem solid #34bf9d; padding: 0 0 .6rem;}
.joinlist1 .joinlist1-tr{ display:flex; align-items:center; padding:.15rem .35rem; border-bottom:.01rem solid #e8e8e8; font-size:.2rem; line-height:.4rem; color:#333; text-decoration:none;}
.joinlist1 .joinlist1-tr:nth-child(2n+3){ background:#e4eeee;}
.joinlist1 .joinlist1-tr:hover{ background:#aee6d3;}
.joinlist1 .joinlist1-th:hover{ background:none;}
.joinlist1 .joinlist1-th{ color:#34bf9d; font-weight:bold; border-bottom:.01rem solid #34bf9d;}
.joinlist1 .joinlist1-td{ flex:1; padding:0 .2rem;}
.joinlist1 .joinlist1-td-name{ flex:0 0 26%; color:#333;}
.joinlist1 .joinlist1-tr:hover .joinlist1-td-name{ color:#34bf9d;}
.joinlist1 .joinlist1-td-cat{ flex:0 0 20%; color:#888;}
.joinlist1 .joinlist1-td-place{ flex:0 0 22%; color:#888;}
.joinlist1 .joinlist1-td-num{ flex:0 0 14%; color:#888;}
.joinlist1 .joinlist1-td-date{ flex:0 0 18%; color:#888;}
.joinlist1 .joinlist1-th .joinlist1-td-name,
.joinlist1 .joinlist1-th .joinlist1-td-cat,
.joinlist1 .joinlist1-th .joinlist1-td-place,
.joinlist1 .joinlist1-th .joinlist1-td-num,
.joinlist1 .joinlist1-th .joinlist1-td-date{ color:#34bf9d; font-size:.24rem;}
.joinlist1 .joinlist1-empty{ padding:1rem; text-align:center; color:#999; font-size:.22rem;}


.quicknav{ color:#c4c4c4; margin:0 auto; height:.9rem; line-height:.9rem;}
.quicknav a{ color:#c4c4c4;}
.quicknav a:hover,.nextnews a:hover{ color:#0e5dcd;}
.viewstop{ padding: 1.8rem 0 0;}
.viewstop .news1-layout{ display: block;}
.viewstop .topnav{ float: right; display: inline-block; margin-right: 0;}
.newscontainer { width:100%;}
.newscontainer .newsWrapper{ padding:.16rem .5rem .6rem; position: relative; z-index: 1; overflow:hidden;}
.newscontainer .section-title{ padding:0 0 .5rem 0; position:relative;}
/**News Detail**/
.newsDetail{ float:left; width:10.6rem; overflow:hidden;}
.newsDetail .newsTitle{ position:relative;}
.newsDetail .newsTitle h1{ color:#333; font-size:.36rem; line-height:.54rem; font-weight:bold; min-height:1.08rem; display:flex; align-items:center;}
.newsDetail .newsTitle .datatime{ font-size:.16rem; color:#bfbfbf; padding:.15rem 0 0; line-height:.78rem; border-bottom:.01rem solid #e9e9e9;}
.newsDetail .newsTitle .datatime span{ padding:0 .17rem; display:inline-block;}

.newsDetail .newsContent{ width:100%; margin:0 auto; font-size:.2rem; line-height:.42rem; padding:.5rem 0 0;}
/* .newsDetail .newsContent p{ margin:0 0 .3rem;} */
.newsDetail .newsContent img{ max-width:100%;}
.newsDetail .newsContent table{border:solid #ddd; border-width:.01rem 0px 0px .01rem; line-height:.36rem;}
.newsDetail .newsContent th{ background:#eaf1f8; padding:.1rem 0;}
.newsDetail .newsContent th,.newsDetail .newsContent td{border:solid #ddd; border-width:0 .01rem .01rem 0;}
.newsDetail .newsContent td{ padding:.1rem;}
.proshow{ width:100%; overflow-x:auto;}
.newsDetail .b {background-color:#f9f9f9;}
.mouse_color{background-color:#e9f3ff;} 

.nextnews { font-size:.18rem; line-height:.36rem; margin:.9rem 0 .2rem; padding:.3rem 0 0; position:relative; border-top:.01rem solid #e9e9e9;}
.nextnews a{ color:#666; font-weight:bold;}
.newsDetail .newsContent .nextnews p{ margin:0;}
.rightnews{ float:right; width:3.6rem; padding: 0;}
.rightnews h3{ font-size:.3rem; line-height:.4rem; padding:0 0 .25rem; margin:1.36rem 0 0; font-weight:bold; border-bottom:.01rem solid #e9e9e9; }
.rightnews .news2-right{ float: none; width: 100%; padding: 0;}
.rightnews .news2-title{ color:#333; font-size: .2rem;}

.pages{ width:100%; color:#1a4b85; overflow:hidden; text-align:center; padding:0; margin:.5rem 0 0; line-height:.52rem;}
.pages span{ padding:0 .06rem; display:inline-block; color:#555;}
.pages a{ display:block; color:#333; text-align:center; padding:0 .2rem; line-height:.5rem; overflow:hidden; box-sizing:border-box; font-size:.16rem; background:#fff; border-radius:.04rem;border:.01rem solid #dedede;}
.pages span.pg_num_current a{ display:block; background:#34bf9d; color:#fff; border:.01rem solid #34bf9d;}
.pages a:hover{background:#34bf9d; border:.01rem solid #34bf9d; color:#fff;}
.pages span.pg_home_dis,span.pg_prev_dis,span.pg_next_dis,span.pg_end_dis{ margin:0 .06rem; display:inline-block; color:#555; text-align:center; padding:0 .26rem; line-height:.5rem; overflow:hidden; box-sizing:border-box; font-size:.16rem; background:#f5f5f5; border-radius:.05rem;border:.01rem solid #dedede; cursor:not-allowed}
.pages span.ttips{ margin:0 .06rem; display:inline-block; color:#555; text-align:center; padding:0 .06rem; line-height:.5rem; overflow:hidden; box-sizing:border-box; font-size:.16rem;}

.news-section1 { width:100%; margin:1.44rem 0 1rem; padding:0; background:none;}
.news-section1 .news1Wrapper{ position:relative; overflow:hidden;}
.news-section1 .section-title{ font-size:.4rem; line-height:.4rem; padding:1rem 0 .3rem; text-align:center; font-weight:bold;}
.news-section1 .section-desc{ font-size:.26rem; line-height:.36rem; padding:0 0 .6rem; text-align:center;}
.news-searchs-box{ width:3.31rem; height:.58rem; line-height:.56rem; border:.01rem solid #afafaf; border-radius:.3rem; position:absolute; right:0; top:0;}
.news-searchs-box-all{ width:40%; height:.58rem; line-height:.56rem; border:.01rem solid #afafaf; border-radius:.3rem; margin:0 auto;}
.seartxt{ float:left; width:80%; height:.56rem; line-height:.56rem; padding:0 0 0 .3rem; border:none; background:transparent; border-top-left-radius:.3rem; border-bottom-left-radius:.3rem;}
.searbtn{ float:left; width:20%; height:.56rem; line-height:.56rem; border:none; background:url(../images/serch.1.png) no-repeat center center; background-size:.26rem;border-top-right-radius:.3rem; border-bottom-right-radius:.3rem; cursor:pointer;}
.news-searchs-box-all .seartxt{ width:88%; font-size:.2rem;}
.news-searchs-box-all .searbtn{ width:12%;}
.search-no-result-box{ font-size:.2rem; width:40%; padding:.6rem; border-radius:.1rem; margin:0 auto .6rem;}

.footer-main{ width:100%; background:#1a3a34 url(../images/footbg.jpg) no-repeat top center; background-size:cover; color:#b9c6d5;}
.footer-main-wrapper{ width:17rem; margin:0 auto; padding:.4rem 0 0;}

.footer-top-row{ padding-bottom:.18rem; display:flex; align-items:center; justify-content:space-between; border-bottom:.01rem solid rgba(255,255,255,.15);}
.footer-col-logo{ width:2.8rem; height: 1.42rem;}
.footer-logo img{ max-width:100%; height:auto;}
.footer-top-right{ display:flex; align-items:center; gap:.4rem; padding: 0 1.1rem 0 0;}
.footer-top-text{ font-size:.18rem; line-height:.36rem; color:#aeaeae;}
.footer-top-right .more{ color: #fff; background:#34bf9d url(../images/icon-right.png) no-repeat 70% .16rem; background-size: .24rem; padding: 0 1.1rem 0 .7rem; margin: 0;}
.footer-bottom-row{ display:flex; gap:.6rem;}
.footer-col-nav{ flex:1; display:flex; gap:.35rem; padding: .51rem 0 1.4rem; border-right:.01rem solid rgba(255,255,255,.15);}
.footer-nav-item{ flex:1;}
.footer-nav-item h4{ font-size:.2rem; line-height:.36rem; color:#fff; font-weight:400; margin:0 0 .3rem;}
.footer-nav-item ul{ list-style:none; padding:0; margin:0;}
.footer-nav-item li a{ font-size:.16rem; line-height:.4rem; color:#aeaeae; transition:color .3s;}
.footer-nav-item li a:hover{ color:#34bf9d;}
.footer-col-contact{ width:4rem; padding: 0 1rem 0 0; flex-shrink:0;}
.footer-contact-list{ padding: .52rem 0 .2rem;}
.footer-contact-item{ margin:0 0 .15rem; padding:.03rem 0 0 .36rem; font-size:.16rem; line-height:.26rem; color:#aeaeae;}
.footer-contact-item.icon-tel{ background:url(../images/foot-tel.png) no-repeat left .01rem; background-size:.28rem auto;}
.footer-contact-item.icon-addr{ background:url(../images/foot-address.png) no-repeat left .04rem; background-size:.26rem auto;}
.footer-contact-item.icon-email{ background:url(../images/foot-email.png) no-repeat left .02rem; background-size:.26rem auto;}
.footer-qrcode{ display:flex; gap:.4rem;}
.qr-item{ text-align:center;}
.qr-img{ width:1.12rem; height:1.12rem; margin:0 auto; overflow:hidden; background:#fff;}
.qr-img img{ width:100%; height:100%; display:block;}
.qr-item p{ font-size:.14rem; line-height:.24rem; color:#aeaeae; padding:.1rem 0 0;}

.footer-bottom{ width:100%; padding:.33rem 0; border-top:.01rem solid rgba(255,255,255,.15);}
.footer-bottom-wrapper{ width:17rem; margin:0 auto; overflow:hidden; text-align:center;}
.footer-bottom-wrapper p{ font-size:.16rem; line-height:.3rem; color:#aeaeae; padding:.05rem 0;}
.footer-bottom-wrapper a{ color:#aeaeae; transition:color .3s;}
.footer-bottom-wrapper a:hover{ color:#34bf9d;}


@media (min-width:1921px){

}

.wap{ display:none}

@media (max-width: 1919px){ 
.header .mian{ padding: 0 .5rem;}
.header .mian .nav{ right: .58rem;}
}

@media (max-width: 1200px){ 
.menuIcon,.menuIcon2{position:absolute; right:0px; top:0px; z-index:996; cursor:pointer;}
.btn-nav{background:0 0;border:none;padding:14px 20px;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-ms-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease;cursor:pointer;z-index:99999}
.btn-nav:focus{outline:0}
.icon-bar{display:block;margin:5px 0;width:25px;height:2px;background-color:#333}
.btn-nav:hover .icon-bar{-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-ms-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;background-color:#333}
.animated2{display:block;margin:0 auto}
.animated2:focus .icon-bar,.animated2:hover .icon-bar{background-color:#333}
.animated2:focus{cursor:pointer;z-index:9999}

.icon-bar3{display:block;margin:5px 0;width:23px;height:2px;background-color:#333}
.btn-nav3:hover .icon-bar3{-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-ms-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;background-color:#333}
.animated3{display:block;margin:0 auto}
.animated3:focus .icon-bar,.animated3:hover .icon-bar{background-color:#333}
.animated3:focus{cursor:pointer;z-index:9999}


.middle{width:18px;}
.icon-bar{-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-ms-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease;z-index:999999}
.animated2 .icon-bar{z-index:999999;background-color:#333}
.animated2 span.ztop{-webkit-transform:translateY(6px) rotateZ(45deg);-moz-transform:translateY(6px) rotateZ(45deg);-ms-transform:translateY(6px) rotateZ(45deg);-o-transform:translateY(6px) rotateZ(45deg);transform:translateY(6px) rotateZ(45deg)}
.animated2 span.zbottom{-webkit-transform:translateY(-8px) rotateZ(-45deg);-moz-transform:translateY(-8px) rotateZ(-45deg);-ms-transform:translateY(-8px) rotateZ(-45deg);-o-transform:translateY(-8px) rotateZ(-45deg);transform:translateY(-8px) rotateZ(-45deg)}
.animated2 span.zmiddle{width:0}

.menuIcon2{ background:url(../images/icon_05.png) no-repeat center center; background-size:.28rem; width:.97rem; height:.7rem; display:none;}
header{ left:0; top:0; width:100%; height:.85rem; z-index:1000;position:fixed; background:none;transition:background 0.4s ease-out 0.5s; -webkit-transition:background 0.4s ease-out 0.5s;}
header .logo{ position:absolute; left:.2rem; top:.135rem; width:2.4rem; height:.6rem; background:url(../images/logo.png) no-repeat left center; background-size:2.4rem;}
header .logo a{ display:block; width:100%; height:100%;}
header.showMenu{ position:fixed; transition:background 0s ease-out; -webkit-transition:background 0s ease-out;}
header.showMenu .logo a{ color:#fff;}
header.showMenu .animated2 .icon-bar{ background:#333;}
.menuMain{ position: fixed; left:0; top:0; width:100%; height:100%; z-index:999; background:#fff; display:none; margin:0; padding:0; overflow:hidden; overflow-y: scroll;}
.menuBox{ margin:.85rem 0px .3rem 0px; padding:0 .3rem; height:100%; position:relative; overflow:hidden; overflow-y:scroll;}
.menuBox li{ padding:0 0px 0 0; position:relative; line-height:.74rem; background:url(../images/icon_01-.png) no-repeat 98% .28rem; background-size:.18rem; display:block;}
.menuBox li>a{ height:.74rem; line-height:.74rem; color:rgba(0,0,0,1); font-size:.24rem; opacity:0.8}
.menuBox li>i{ width:100%; height:.74rem; line-height:.74rem; display:block; position:absolute;}
.menuBox li.on{ background-image:url(../images/icon_02--.png);}
.menuBox li.link{ background-image:url(../images/icon_03.png);}
.menuBox li.link a{ display:block;}
.menuBox li.searchBtn>a{ background: url(../images/icon_04.png) no-repeat left center;background-size:.22rem; text-indent:.28rem; display:block;}
.menuBox .linkBtn{ padding-top:.54rem; text-align:center;}
.menuBox .linkBtn a{height:.74rem; line-height:.74rem; color: rgba(0, 0, 0, 1); border:.02rem solid rgba(220,220,220,.5); padding:0 .46rem; border-radius:.05rem; display:inline-block; margin:0 .15rem; font-size:.24rem; position:relative;}
.menuBox .linkBtn a:after{border-radius:10px;}
.menuBox .serList{ overflow:hidden; display:none; padding:0 0 12px;}
.menuBox .serList a{ width:50%; display:inline-block; height:.7rem; line-height:.7rem; font-size:.24rem; float:left; color:rgba(0,0,0,0.6); position:relative; background-repeat:no-repeat; background-position:.23rem center; background-size:.43rem; text-indent:.92rem; text-transform:capitalize;}
.menuBox .serList a{ width:100%; text-indent:.3rem;}
.menuBox .preBox ul{ padding:0 .3rem;}
.menuBox .preBox{ position:absolute; left:0; top:0; width:100%;
-webkit-transform: translateY(0px); transform:translateY(0px);
 transition:-webkit-transform 0.35s linear;
    transition: transform 0.35s linear;}
    
.menuBox li,.linkBtn{opacity: 0;
    pointer-events: none;
    -webkit-transform: scale(1.1) translateY(-.37rem);
    transform: scale(1.1) translateY(-.37rem);
    -webkit-transition: opacity 0.35s ease-out, -webkit-transform 0.35s ease-out;
    transition: opacity 0.35s ease-out, -webkit-transform 0.35s ease-out;
    transition: opacity 0.35s ease-out, transform 0.35s ease-out;
    transition: opacity 0.35s ease-out, transform 0.35s ease-out, -webkit-transform 0.35s ease-out;}
.showMain .menuBox li,.showMain .linkBtn{opacity: 1;pointer-events: auto; -webkit-transform: none; transform: none;}
.showMain .menuBox li:nth-child(2){-webkit-transition-delay: 100ms,100ms; transition-delay: 100ms,100ms;}
.showMain .menuBox li:nth-child(3){-webkit-transition-delay: 180ms,180ms; transition-delay: 180ms,180ms;}
.showMain .menuBox li:nth-child(4){-webkit-transition-delay: 260ms,260ms; transition-delay: 260ms,260ms;}
.showMain .linkBtn{-webkit-transition-delay: 340ms,340ms; transition-delay: 340ms,340ms;}
.menuBox .linkBtn{ padding:1.33rem 0 0; margin:0 .36rem; border-bottom:.02rem solid rgba(220,220,220,.5); overflow:hidden; position:relative;}
.menuBox .linkBtn .search_txt{ float:left; width:92%; height:.74rem; line-height:.74rem; color:rgba(0,0,0,0.6); font-size:.24rem; padding:0; border:none; background:transparent; font-family: Arial, Helvetica, sans-serif;}
.menuBox .linkBtn .search_btn{ float:left; width:8%; height:.74rem; line-height:.74rem; color:#fff; font-size:.74rem; border:none; background:url(../images/search.png) no-repeat center center; background-size:20px;}
.menuBox .linkBtn input::-webkit-input-placeholder{color:rgba(0,0,0,0.5)}
.menuBox .linkBtn input:-moz-placeholder{color:rgba(0,0,0,0.5)}
.menuBox .linkBtn input::-moz-placeholder{color:rgba(0,0,0,0.5)}
.menuBox .linkBtn input:-ms-input-placeholder{color:rgba(0,0,0,0.5)}

.menuBox .preBox ul{ padding:0 .36rem;}
.menuBox .preBox{ position:absolute; left:0; top:0; width:100%; -webkit-transform: translateY(0px); transform:translateY(0px); transition:-webkit-transform 0.35s linear; transition: transform 0.35s linear;}

.menuBox li,.linkBtn{opacity: 0;
    pointer-events: none;
    -webkit-transform: scale(1.1) translateY(-.37rem);
    transform: scale(1.1) translateY(-.37rem);
    -webkit-transition: opacity 0.35s ease-out, -webkit-transform 0.35s ease-out;
    transition: opacity 0.35s ease-out, -webkit-transform 0.35s ease-out;
    transition: opacity 0.35s ease-out, transform 0.35s ease-out;
    transition: opacity 0.35s ease-out, transform 0.35s ease-out, -webkit-transform 0.35s ease-out;}
.showMain .menuBox li,.showMain .linkBtn{opacity: 1;pointer-events: auto; -webkit-transform: none; transform: none;}
.showMain .menuBox li:nth-child(2){-webkit-transition-delay: 100ms,100ms; transition-delay: 100ms,100ms;}
.showMain .menuBox li:nth-child(3){-webkit-transition-delay: 180ms,180ms; transition-delay: 180ms,180ms;}
.showMain .menuBox li:nth-child(4){-webkit-transition-delay: 260ms,260ms; transition-delay: 260ms,260ms;}
.showMain .linkBtn{-webkit-transition-delay: 340ms,340ms; transition-delay: 340ms,340ms;}
.menuBox .version {border-bottom:none;}
.menuBox .version a{ height:.58rem; line-height:.56rem; color:rgba(0,0,0,0.5); padding:0 .3rem; border: .01rem solid rgba(220, 220, 220, .5); border-radius:.05rem; display:inline-block; margin:0 .15rem; font-size:.24rem; position:relative;}
.menuBox .version a:after{border-radius:.1rem;}

.showMain .text{ color:#fff; font-size:.56rem; position:fixed; left:4rem; line-height:1.33rem;}
/****************************************************************************/
.bBor:after,.tBor:before{ position:absolute;content:"";height:1px;background:rgba(220,220,220,.5);left:0;right:0}
.tBor:before{top:0}
.bBor:after{bottom:0}
.lBor:before,.rBor:after{position:absolute;content:"";width:1px;background:rgba(220,220,220,.5);top:0;bottom:0}
.lBor:before{left:0}
.rBor:after{right:0}
.trblBor:after{position:absolute;content:"";top:0;left:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;width:100%;height:100%;border:1px solid rgba(220,220,220,.5);point-events:none}
@media (min--moz-device-pixel-ratio:1.5),(-webkit-min-device-pixel-ratio:1.5),(min-device-pixel-ratio:1.5),(min-resolution:144dpi),(min-resolution:1.5dppx),(-ms-high-contrast:active),(-ms-high-contrast:none){.bBor:after,.tBor:before{-webkit-transform:scaleY(.5);-ms-transform:scaleY(.5);-o-transform:scaleY(.5);transform:scaleY(.5)}
.lBor:before,.rBor:after{-webkit-transform:scaleX(.5);-ms-transform:scaleX(.5);-o-transform:scaleX(.5);transform:scaleX(.5)}
.trblBor:after{width:200%;height:200%;-webkit-transform:scale(.5);-ms-transform:scale(.5);-o-transform:scale(.5);transform:scale(.5)}
.lBor:before,.tBor:before,.trblBor:after{-webkit-transform-origin:0 0;-moz-transform-origin:0 0;-ms-transform-origin:0 0;-o-transform-origin:0 0;transform-origin:0 0}
.bBor:after,.rBor:after{-webkit-transform-origin:100% 100%;-moz-transform-origin:100% 100%;-ms-transform-origin:100% 100%;-o-transform-origin:100% 100%;transform-origin:100% 100%}
}
@media (-webkit-device-pixel-ratio:1.5){.bBor:after,.tBor:before{-webkit-transform:scaleY(.6666);-ms-transform:scaleY(.6666);-o-transform:scaleY(.6666);transform:scaleY(.6666)}
.lBor:before,.rBor:after{-webkit-transform:scaleX(.6666);-ms-transform:scaleX(.6666);-o-transform:scaleX(.6666);transform:scaleX(.6666)}
.trblBor:after{width:150%;height:150%;-webkit-transform:scale(.6666);-ms-transform:scale(.6666);-o-transform:scale(.6666);transform:scale(.6666)}
}
@media (-webkit-device-pixel-ratio:3){.bBor:after,.tBor:before{-webkit-transform:scaleY(.3333);-ms-transform:scaleY(.3333);-o-transform:scaleY(.3333);transform:scaleY(.3333)}
.lBor:before,.rBor:after{-webkit-transform:scaleX(.3333);-ms-transform:scaleX(.3333);-o-transform:scaleX(.3333);transform:scaleX(.3333)}
.trblBor:after{width:300%;height:300%;-webkit-transform:scale(.3333);-ms-transform:scale(.3333);-o-transform:scale(.3333);transform:scale(.3333)}
}


}

@media (max-width: 1180px){ 
.header{ display:none;}
header.wap{ display:block;}
.blackfont{background-color: #fff; box-shadow: 0 0 .5rem rgba(0,0,0,0.15);}
.banner-section .scroll{display:none}
.inner{ width: 90%; padding: 0 40% 0 0;}
}



@media screen and (max-width: 1025px) {
.home body{ overflow:visible;}
.body_b{ position:static;}
.body_home{ background:#fff;}
.body_home .bb,.scroll{ display:none;}
body{ min-width:320px; font:.22rem/1.8 "Microsoft YaHei", Arial, sans-serif;}
.right_side{ display:none !important;}
input, select { font: .22rem/2 "Microsoft YaHei", Arial, sans-serif;}
.indexpc{ display:none !important;}
.indexwap{ display:block !important;}

.sectionWrapper{ width:100%; max-width:100%; padding:0 .2rem .3rem;}
.section{ height:auto}
.inner{ width:100%; margin:0 auto; padding:0 .2rem;}
.slick-dots { margin: 0; padding: 0; list-style: none; width: 100%; text-align: center; margin-top:.2rem;}
.slick-dots li { display: inline-block; float:none; width: .2rem; height: .2rem; background:#dcdcdc; border-radius: 50%; margin-right: .1rem;}
.slick-dots li:last-child { margin-right: 0;}
.slick-dots li.slick-active { background: #34bf9d;}

/***********banner***********/
.swiper1 { width: 100%; height: 100vh; margin: 0; position:relative; overflow:hidden;}
.swiper1 .swiper-slide{ height: 100vh; width: 100%; overflow: hidden; position:relative;}
.swiper1 .note{ color: #fff; width:100%; position:absolute; left:0; top: 50%; transform:translateY(-50%); z-index: 2; background: none !important;}
.swiper1 .note h3{ font-size: .36rem; font-weight: 600; line-height: .48rem; color:#fff;}
.swiper1 .note .desc{ font-size: .24rem; font-weight: 400; line-height: .48rem; color:rgba(255,255,255,.76); padding:.2rem 0 0; margin:0 0 .4rem; overflow:hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:4; -webkit-box-orient: vertical;}
.swiper1 .note a.more{ font-size: .24rem; line-height: .54rem; display:inline-block; color:#fff; border:.01rem solid #fff; border-radius:.54rem; background: url(../images/icon-right.png) no-repeat 86% center; background-size: .4rem; padding: 0 1.07rem 0 .28rem;}
.swiper1 .imgWap{ display: block; width:100%; height:100%; position:absolute; left:0; top:0; z-index: 1; overflow:hidden;}
.swiper1 .imgWap img{ width:100%; height:100%; object-fit:cover;}
.swiper1 .slick-dots { margin: 0; padding: 0; list-style: none; width:100%; text-align: center; position:absolute; bottom:.55rem; right:auto; font-size:0;}
.swiper1 .slick-dots li { background: rgba(255,255,255,0.7); display: inline-block; width: .35rem; height:.1rem; margin: 0 .05rem; border-radius:.04rem; cursor: pointer;}
.swiper1 .slick-dots li.slick-active { width:.5rem; height:.1rem; background: #fff; border-radius:.15rem;}

.section-title{ padding:.2rem 0; margin:0; overflow:hidden;}
.section-title h3,.section-title h3.title{ font-size:.3rem; line-height:.42rem;}
.section-desc{ font-size:.24rem; line-height:.48rem;}
a.more{ font-size:.24rem; line-height:.58rem; background-position:85% .24rem; background-size:.24rem;}

.section1{ margin:0; background: none;}
.section1 { width:100%; padding:.3rem 0;}
.section1 .section1Wrapper{ width: 100%; overflow:hidden;}
.section2{ width:100%;}
.section2 .section2Wrapper{ width:100%; padding:0;}
.section2-gallery{ gap:.02rem;}
.section2-row{ flex-direction:column; gap:.02rem;}
.section2-row-2 .section2-item{ width:100%;}
.section2-row-3 .section2-item{ width:100%;}
.section2-row-2 .section2-img{ height:5.3rem;}
.section2-row-3 .section2-img{ height:5.3rem;}
.section2-name{ font-size:.28rem; line-height:.4rem;}
.section2-gallery .section2-item .more{ margin:.2rem 0 0;}

.section3{ padding:.5rem 0;}
.section3 .section3Wrapper{ width:100%; padding:0 .2rem;}
.section3 .section-desc{ width:100%; font-size:.24rem; line-height:.48rem;}
.section3-stats{ flex-wrap:wrap; padding:0 0 .3rem;}
.section3-stat{ width:50%; border-right:none; border-bottom:.01rem solid #e1e1e1; padding:.3rem 0;}
.section3-stat:nth-child(3),.section3-stat:nth-child(4){ border-bottom:none;}
.section3-stat .stat-num{ font-size:.56rem; line-height:.64rem;}
.section3-stat .stat-num span{ font-size:.24rem; line-height:.26rem; padding:.15rem 0 0;}
.section3-stat .stat-label{ font-size:.24rem; line-height:.3rem; padding:.15rem 0 0;}
.section3 a.more{ background-position:85% .24rem; background-size:.24rem; padding:0 .7rem 0 .3rem}

.section4{ height:6rem;}
.section4 .section4Wrapper{ width:100%; height:6rem; padding:0 .2rem;}
.section4 .section-desc{ font-size:.22rem; line-height:.34rem; padding:.3rem 0 0;}

.section5{ padding:.5rem 0 .3rem;}
.section5 .section5Wrapper{ width:100%; padding:0 .2rem;}
.section5-list{ gap:.2rem; padding:.4rem 0 0;}
.section5-item{ width:100%;}
.section5-img{ height:3.7rem;}
.section5-info{ padding:.25rem .2rem .35rem;}
.section5-cat{ font-size:.22rem; line-height:.32rem;}
.section5-title{ font-size:.24rem; height:auto; line-height:.38rem;}
.section5-date{ font-size:.22rem; line-height:.32rem; padding-top:.15rem;}
.section5-more .more{ margin:.4rem 0 0;}

.section6{ height:5.5rem;}
.section6 .section6Wrapper{ width:100%; height:5.5rem; padding:0 .2rem;}
.section6 .section6-content{ padding:0 .2rem;}
.section6 .section-desc{ font-size:.24rem; line-height:.48rem; padding:.3rem 0 0;}
.section6 .section-desc .more{ margin:.5rem 0 0;}

.section7{ padding:.5rem 0;}
.section7 .section7Wrapper{ width:100%; padding:0 .2rem;}
.section7-img{ float:none; width:100%; height:auto;}
.section7-content{ float:none; width:100%; padding:.3rem 0 0;}
.section7-title{ font-size:.32rem; line-height:.4rem;}
.section7-services{ padding:.25rem 0 0;}
.section7-item{ padding:.25rem 0;}
.section7-item-title{ font-size:.26rem; line-height:.48rem;}
.section7-item-desc{ font-size:.24rem; line-height:.42rem;}
.section7-icon{ width:.4rem; height:.41rem; background-size:.4rem;}
.section7-icon.icon-phone{ width:.48rem; height:.49rem; background-size:.48rem;}

.section8{ padding:.5rem 0;}
.section8 .section8Wrapper{ width:100%; padding:0 .2rem;}
.section8-services{ flex-direction:column; padding:.4rem 0 0;}
.section8-item{ width:100%; padding:.4rem .2rem; border-right:none; border-bottom:.01rem solid rgba(118,140,137,.3);}
.section8-item:last-child{ border-bottom:none;}
.section8-icon{ width:.9rem; height:.9rem; margin:0 auto .3rem; background-size:.9rem;}
.section8-title{ font-size:.26rem; line-height:.48rem; padding-bottom:.15rem;}
.section8-desc{ font-size:.24rem; line-height:.42rem;}

.news-section1 { margin:.85rem 0;}
.news-section1 .section-title{ font-size: .3rem; line-height: .42rem; padding: 0; margin: 0;}
.news-section1 .section-desc{ padding: .3rem 0 .6rem;}
.news-searchs-box-all{ width:100%;}

.banner-section{ width:100%; height:3.3rem; margin:.85rem 0 0;}
.banner-section .play-icon{ font-size: .26rem; padding: .2rem 0; background-size:.9rem;}
.banner-nav{ width:100%; height:auto; line-height:.71rem; padding:0 .2rem;}

.about { width:100%;}
.about .aboutWrapper{ width: 100%; padding:.3rem .2rem 0;}
.about-content{ padding: 0; font-size:.24rem; line-height:.48rem; margin: .15rem 0 0;}
.about-content p{ padding:0 0 .3rem;}
.about-content .about-content-bold{ font-weight:bold; font-size:.26rem; line-height:.5rem; margin: 0;}
.about-stats{ margin: 0;}
.about1-video{ width:100%; height:4rem; margin: 0;}
.about1-video .play-icon{ font-size: .24rem; padding: 1rem 0 0; background-size:.9rem;}
.fbox-video{ width:100%; height:4.2rem; margin-left:-50%;margin-top:-2.1rem;}

.about1-history { width:100%; background:#f5f5f5;}
.about1-history .historyWrapper{ width:100%; padding:.3rem .2rem; overflow:hidden;}
.about1-history .history-layout{ flex-direction:column; gap:.3rem;}
.about1-history .history-layout.slick-ready{ opacity:1;}
.about1-history .section-title{ text-align:left; margin:0 0 .3rem;}
.about1-history .history-tit{ width:100%; padding:0 .7rem; position:relative;}
.about1-history .history-tit .slick-slide{ color:#888; font-size:.24rem; width:auto; height:auto; text-align:center; transition:all .3s; margin:0; padding:.1rem 0; cursor:pointer; border-bottom:.02rem solid transparent;}
.about1-history .history-tit .slick-slide a{ display:block; font-size:.24rem; line-height:.48rem; color:#888;}
.about1-history .history-tit .slick-slide:hover{ opacity:.8;}
.about1-history .history-tit .slick-slide.slick-current{ opacity:1; color:#34bf9d; border:none; font-weight:bold;}
.about1-history .history-tit .slick-slide.slick-current a{ color:#34bf9d; font-weight:bold; font-size:.24rem;}
.about1-history .history-prev{ bottom:.05rem;}
.about1-history .history-next{ position: absolute; left: auto; right: 0; bottom:.05rem;}
.about1-history .history-box{ flex:1; overflow:hidden; width:100%; margin: .2rem 0 0;}
.about1-history .history-box .slick-slide{ padding:0; box-sizing:border-box;}
.about1-history .history-box .history-con{ margin:0; overflow:hidden;}
.about1-history .history-box .history-con:hover .history-year,
.about1-history .history-box .history-con.slick-current .history-year{ color:#34bf9d;}
.about1-history .history-box .history-con:nth-child(2n+1){ margin-top:0;}
.about1-history .history-year{ font-size:.28rem; line-height:.48rem; color:#333; font-weight:bold; padding-bottom:.1rem;}
.about1-history .history-intro{ font-size:.24rem; line-height:.48rem; color:#666; padding:0; margin:0; height:auto; max-height:2.88rem; overflow:hidden;}
.about1-history .history-intro p{ padding:0;}
.about1-history .history-img{ width:100%; overflow:hidden; margin-top:.2rem;}
.about1-history .history-img img{ width:100%; border-radius:.05rem; display:block;}
.about1-history .history-img .slick-slide{ padding:0;}
.about1-honor .honorWrapper{ width: 100%; padding:.3rem .2rem .6rem;}
.about1-honor .section-title h3{ margin: 0;}
.about1-honor .section-desc{ width: 100%; font-size:.24rem; line-height:.48rem;}

.about1-social .socialWrapper{ width:100%; padding:.3rem .2rem;}
.about1-social .social-layout{ flex-direction:column; gap:.3rem;}
.about1-social .section-title h3{ margin: 0;}
.about1-social .social-left,.about1-social .social-right,.about1-social .social-nav{ float: none; width:100%; padding: 0;}
.about1-social .social-left{ padding: 0 0 .3rem;}
.about1-social .social-title{ font-size:.24rem; line-height:.48rem; font-weight: bold;}
.about1-social .social-desc{ font-size:.24rem; line-height:.48rem;}
.about1-social .social-nav{ margin-top:.3rem;}

.about1-contact .contactWrapper{ width: 100%; padding: 0 .2rem;}
.contact-info{ display:block; padding: 0;}
.contact-info .contact-item{ width: 100%; display:flex;align-items:flex-start;justify-content:flex-start; padding:.3rem 0; border-right: none; border-bottom: none;}
.contact-info .contact-item:not(:last-child){ padding: .3rem 0; border-bottom: .01rem solid #ddd;}
.contact-info .contact-icon{width:.32rem;height:.32rem;margin-right:.2rem;flex-shrink:0;position:relative}
.contact-info .contact-label{ font-size:.24rem; font-weight:500; line-height: .48rem; padding: 0 0 0 .5rem;}
.contact-info .contact-value{ font-size:.24rem; line-height: .48rem;}
.about-map{ height:3.8rem; margin: 0; background: url(../images/about-map.jpg) no-repeat top center; background-size:cover;}

/* Culture Mobile */
.culture1{ margin: .85rem 0 0;}
.culture1 .culture1Wrapper{ width:100%; padding:.3rem .2rem;}
.culture1 .culture1-content{ margin: .3rem 0 0;}
.culture1 .culture1-layout{ flex-direction:column; gap:.3rem;}
.culture1 .culture1-left{ width:100%;}
.culture1 .culture1-quote{ font-size:.24rem; line-height:.48rem;}
.culture1 .culture1-author{ font-size:.24rem; line-height:.48rem;}
.culture2 .culture2-bg{ min-height:10rem;}
.culture2 .culture2Wrapper{ width:100%; padding:.6rem .2rem;}
.culture2 .culture2-list{ flex-direction:column; gap:.4rem;}
.culture2 .culture2-item{ padding:0; border-right: none;}
.culture2 .culture2-icon{ width:1rem; height:1rem; margin:0 auto .3rem;}
.culture2 .culture2-title{ font-size:.3rem;}
.culture2 .culture2-desc{ width:100%; font-size:.24rem; line-height:.48rem;}
.culture3{ padding: .5rem 0 1rem;}
.culture3 .culture3-bg{ min-height:12rem; padding:.6rem 0;}
.culture3 .culture3Wrapper{ width:100%; padding:0 .2rem;}
.culture3 .culture3-title h3{ font-size:.3rem; line-height: .48rem; margin:0 0 .4rem;}
.culture3 .culture3-content{ padding:.3rem 0 0;}
.culture3 .culture3-quote-left{ left:0; top:-.2rem; width:.4rem; height:.4rem; background-size:.4rem;}
.culture3 .culture3-quote-right{ right:0; bottom:-.5rem; width:.4rem; height:.4rem; background-size:.4rem;}
.culture3 .culture3-text{ padding: 0;}
.culture3 .culture3-text p{ font-size:.24rem; line-height:.48rem; margin:0 0 .4rem;}
.culture3 .culture3-text .culture3-sign{ font-size:.23rem; line-height:.48rem;}

/* Culture4 Mobile */
.culture4{ padding:.5rem 0 .3rem;}
.culture4 .culture4Wrapper{ width:100%; padding:0 .2rem;}
.culture4 .section-title{ text-align:left; margin:0 0 .3rem; padding: 0;}
.culture4 .section-title h3{ font-size:.3rem; line-height:.48rem;}
.culture4 .section5-list{ gap:.2rem; padding: 0;}
.culture4 .section5-item{ width:100%;}
.culture4 .section5-img{ height:3.7rem;}
.culture4 .section5-info{ padding:.25rem .2rem .35rem;}
.culture4 .section5-date{ color:#c8c8c8; font-size:.22rem; line-height:.32rem; padding:0 0 .1rem;}
.culture4 .section5-title{ color:#3a3a3a; font-size:.24rem; line-height:.38rem; height:auto;}
.culture4 .section5-item a{ border-bottom:none;}
.culture4 .section5-item a:hover{ box-shadow:0 .1rem .4rem rgba(52,191,157,.15);}
.culture4 .section3{ text-align:center;}
.culture4 .section3 .more{ margin:.4rem 0 0;}

/* Brand Mobile */
.brand1{ margin: .85rem 0 0;}
.brand1 .brand1Wrapper{ width:100%; padding:.3rem .2rem;}
.brand1 .brand1-layout{ flex-direction:column; gap:.3rem; padding: .2rem 0; align-items:flex-start;}
.brand1 .brand1-title{ font-size:.3rem; line-height: .42rem;}
.topnav{ flex-wrap:wrap; gap:.15rem; width:100%; margin-right:0; display: none;}
.topnav .topnav-tab{ flex:1; min-width:45%; font-size:.24rem; padding:.12rem .2rem; text-align:center;}
.brand1 .brand1-content{ padding:.5rem 0 .4rem;}
.brand1 .brand1-underline{ width:.5rem; height:.05rem; background:#3a3a3a; margin: .5rem auto;}
.brand1 .brand1-subtitle{ font-size:.3rem;}
.brand1 .brand1-desc{ font-size:.24rem; line-height:.48rem;}
.brand1 .brand1-list{ flex-direction:column; gap:.3rem; padding: 0;}
.brand1 .brand1-item-bg{ height:3.28rem;}
.brand1 .brand1-item-num{ font-size:.32rem;}
.brand1 .brand1-item-title{ font-size:.3rem;}
.brand1 .brand1-item-line{ width:.38rem; height:.04rem;}

/* Brand2 Mobile */
.brand2{ padding:.5rem 0;}
.brand2 .brand2Wrapper{ width:100%; padding:0 .2rem;}
.brand2 .brand2-layout{ flex-direction:column; gap:.4rem;}
.brand2 .brand2-left{ float: none; width: 100%; padding: 0;}
.brand2 .brand2-left .section-title{ padding: 0; margin: 0 0 .1rem;}
.brand2 .brand2-left .section-title h3{ font-size:.3rem; line-height:.42rem;}
.brand2 .brand2-left .section-desc{ font-size:.24rem; line-height:.42rem; margin: 0 0 .6rem;}
.brand2 .section3-stats{ gap:0; margin: 0 0 .6rem;}
.brand2 .section3-stat{ width:50%; padding: 0; border-bottom: none; border-left: .01rem solid #e1e1e1;}
.brand2 .section3-stat:first-child{ padding: 0; border-left: none;}
.brand2 .section3-stat .stat-num{ font-size:.48rem;}
.brand2 .section3-stat .stat-num span{ font-size:.2rem;}
.brand2 .brand2-right{ width:100%;}
.brand2 .brand2-img{ height: 5.2rem;}
.brand2 .brand2-img-item{ height:4.6rem;}
.brand2 .brand2-img-title{ height:.7rem; font-size:.24rem; line-height:.7rem;}
.brand2 .brand2-img .slick-dots li{ width:.2rem; height:.2rem; margin: 0 .1rem 0 0;}

/* Brand3 Mobile */
.brand3{ padding:.5rem 0;}
.brand3 .brand3Wrapper{ width:100%; padding:0 .2rem;}
.brand3 .brand3-header{ flex-wrap:wrap; gap:.2rem; margin: 0; padding: 0 0 .6rem;}
.brand3 .brand3-header .section-desc{ width:100%; flex:0 0 100%; margin:0; font-size:.24rem; line-height:.42rem;}
.brand3 .brand3-slider{ margin: 0 -.1rem;}
.brand3 .brand3-item{ padding: 0 .1rem;}
.brand3 .brand3-prev,.brand3 .brand3-next{ width:.44rem; height:.44rem; display: none !important;}
.brand3 .brand3-item-inner{ height: 4.4rem;}
.brand3 .brand3-name{ font-size:.24rem; line-height:.42rem;}
.brand3 .brand3-more{ font-size:.2rem; padding:.08rem .2rem;}
.brand3 .brand3-code{ width:.6rem; height:.6rem; background-size:.4rem;}
.brand3 .brand3-name-bottom{ font-size:.24rem; line-height:.42rem;}
.brand3 .slick-dots{ display: block !important;}
/* Brand4 Mobile */
.brand4{ padding: 0 0 .5rem;}
.brand4 .brand4Wrapper{ width:100%; padding:0 .2rem;}
.brand4 .brand4-desc{ font-size:.24rem; line-height:.42rem;}
.brand4 .brand4-group{ gap:.1rem;}
.brand4 .brand4-item{ height:3.5rem; width:1.8rem;}
.brand4 .brand4-item-active{ width:5rem;}
.brand4 .brand4-label{ padding:.1rem .2rem;}
.brand4 .brand4-label-text{ font-size:.2rem; line-height:.3rem;}
.brand4 .brand4-label-icon{ width:.28rem; height:.28rem;}
.brand4 .brand4-prev{ left:-.5rem;}
.brand4 .brand4-next{ right:-.5rem;}

/* Brand5 Mobile */
.brand5{ padding:.5rem 0;}
.brand5 .brand5Wrapper{ width:100%; padding:0 .2rem;}
.brand5 .brand5-header .section-title{ padding: 0;}
.brand5 .brand5-header .section-desc{ width: 100%; font-size:.24rem; line-height:.48rem;}
.brand5 .brand5-form{ padding:.5rem;}
.brand5 .brand5-form-row{ flex-wrap:wrap; gap:.3rem;}
.brand5 .brand5-form-item{ flex:0 0 100%;}
.brand5 .brand5-label{ font-size:.22rem; line-height:.3rem;}
.brand5 .brand5-input{ height:.6rem; font-size:.22rem;}
.brand5 .brand5-count{ top:.6rem; font-size:.18rem;}
.brand5 .brand5-textarea{ height:1.5rem; font-size:.22rem;}
.brand5 .brand5-btn{ min-width:1.5rem; height:.6rem; line-height:.6rem; font-size:.24rem;}
.brand5 .brand5-radio{ font-size:.2rem; line-height:.32rem;}
.brand5 .brand5-radio-icon{ width:.28rem; height:.28rem; margin-top:.02rem;}
.brand4 .slick-dots li { width: .2rem; height:.2rem; margin: 0; border-radius:50%;}
.brand4 .slick-dots li.slick-active { width:.2rem; height:.2rem; border-radius:50%;}

/* News Mobile */
.news1{ padding:.3rem 0 .2rem; margin: .85rem 0 0;}
.news1 .news1Wrapper{ width:100%; padding:0 .2rem;}
.news1 .news1-layout{ flex-direction:column; align-items:flex-start; gap:.3rem;}
.news1 .topnav{ width:100%;}

.news2{ padding:0 0 .5rem;}
.news2 .news2Wrapper{ width:100%; padding:0 .2rem;}
.news2 .news2-layout{ flex-direction:column; gap:.3rem;}
.news2 .news2-left{ float: none; width:100%;}
.news2 .news2-slider{ width:100%; height:3.7rem;}
.news2 .news2-slider .news2-slide{ width:100%; height:3.7rem;}
.news2 .news2-slider .slick-list,
.news2 .news2-slider .slick-track{ height:3.7rem;}
.news2 .news2-right{ float: none; width:100%; padding:0;}
.news2 .news2-item{ padding:.2rem 0;}
.news2 .news2-title{ font-size:.24rem; line-height:.48rem;}
.news2 .news2-date{ font-size:.22rem;}
.news2 .news2-slider .slick-dots{ bottom:.2rem;}
.news2 .news2-slider .slick-dots li button{ width:.16rem; height:.03rem;}

.news3{ padding:.5rem 0 1rem;}
.news3 .news3Wrapper{ width:100%; padding:0 .2rem;}
.news3 .news3-filter{ gap:.2rem;}
.news3 .news3-select{ width:1.4rem; font-size:.24rem;}
.news3 .news3-options{ width:1.4rem;}
.news3 .news3-option{ font-size: .22rem;}
.news3 .news3-search{ width:auto; flex:1;}
.news3 .news3-search input{ font-size:.24rem;}
.news3 .news3-search-btn img{ width: .3rem; height: .3rem;}
.news3 .news3-list{ gap:.3rem;}
.news3 .news3-item{ width:calc(50% - .15rem);}
.news3 .news3-img{ height:3.7rem;}
.news3 .news3-title{ font-size:.24rem; line-height:.48rem;}
.news3 .section5-item{ width:100%;}
.news3 .section5-img{ height:3.7rem;}
.news3 .section5-title{ font-size:.24rem; line-height:.48rem;}
.news3 .section5-date{ font-size:.22rem;}

.products{ padding:.5rem 0;}
.products .productsWrapper{ width:100%; padding:0 .2rem;}
.products .products-layout{ overflow:visible;}
.products-sidebar{ float:none; width:100%; padding: 0;}
.products-content{ float:none; width:100%; margin-left:0; margin-top:.3rem;}
.products-menu-item{ padding:.25rem .2rem; font-size:.26rem;}
.products-menu-icon{ width:.28rem; height:.28rem;}
.products-menu-sub{ padding:.05rem 0;}
.products-menu-sub li{ padding:.12rem .2rem .12rem .5rem; font-size:.24rem; line-height:.48rem;}
.products-search{ padding:.15rem .2rem; margin-bottom:.3rem;}
.products-search-icon{ width:.36rem; height:.36rem;}
.products-search-input{ font-size:.26rem;}
.products-grid{ gap:.2rem;}
.products-item{ width:calc(50% - .1rem);}
.products-img{ height:2.37rem; background-size: 2.5rem !important;}
.products-info{ padding:.2rem .2rem .25rem;}
.products-name{ font-size:.26rem; line-height:.38rem;}
.products-code{ font-size:.22rem;}

.notice { width:100%;}
.notice .noticeWrapper{ padding:.4rem .2rem .8rem; position: relative; z-index: 1; overflow:hidden;}
.notice .section-title{ padding:0 0 .4rem; position:relative;}
.notice-list{ padding:0 0 .4rem; overflow:hidden;}
.notice-list .notice-item{ margin:0 0 .4rem; overflow:hidden;}
.notice-list .notice-img{ float:none; width:100%; height:4.2rem;}
.notice-list .notice-time{ float:none; width:100%; height: auto; text-align:left; padding: .2rem .2rem 0; overflow: hidden; position:relative; background:#f9f9f9;}
.notice-list .notice-date{ color: #666; float: left; font-size:.24rem; line-height:.4rem; font-weight: normal; position: static;}
.notice-list .notice-year { color: #666; float: left; font-size:.24rem; line-height:.4rem; font-weight: normal; position: static;}
.notice-list .notice-year span{ display: inline-block;}
.notice-list .notice-more { font-size:.24rem; line-height:.4rem; margin:0; position:absolute; right:.2rem; top:.2rem;}
.notice-list .notice-title{ float:none; width:100%; padding: .1rem .2rem .2rem; border-right:none; background:#f9f9f9;}
.notice-list .notice-title h3{ color:#333; font-size:.24rem; max-height:.96rem; line-height:.48rem; margin:0 0 .2rem;}
.notice-list .notice-title p{ color:#666; font-size:.23rem; max-height:1.2rem; line-height:.4rem;}
.notice-list .notice-item a{ height:auto; padding:0; display:block; align-items:center;}
.notice-list .notice-item a:hover{ color:#15418c; background:#f9f9f9;}
.notice-list .notice-item a:after,.notice-list .notice-item a:before{ background:none;}

.lists .notice-time{ height:auto;}
.lists .notice-title{ width: 100%; padding: .1rem 0 .2rem; background: none;}
.lists .notice-title p{ -webkit-line-clamp:2;}
.lists .notice-time{ padding: .2rem 0 0; background: none;}
.lists .notice-item a{ padding: 0 0 .3rem;}
.lists .notice-item a:after{ background:#ededed; bottom: .01rem;}
.lists .notice-item a:before{ background:#15418c;}
.lists .notice-item a:hover{ background:none;}

.pages a{ font-size:.24rem;}
.pages span.pg_home_dis, span.pg_prev_dis, span.pg_next_dis, span.pg_end_dis,.pages span.ttips{ font-size:.24rem;}
.pages span.ttips{ display: block; padding: 0 0 .3rem;}

.quicknav{ color:#c4c4c4; margin:0 auto; height:.9rem; line-height:.9rem;}
.quicknav a{ color:#c4c4c4;}
.quicknav a:hover,.nextnews a:hover{ color:#0e5dcd;}
.newscontainer { width:100%;}
.newscontainer .newsWrapper{ padding:0 .2rem .6rem; position: relative; z-index: 1; overflow:hidden;}
.newscontainer .section-title{ padding:0 0 .5rem 0; position:relative;}
/**News Detail**/
.newsDetail{ float:none; width:100%; overflow:hidden;}
.newsDetail .newsTitle{ position:relative;}
.newsDetail .newsTitle h1{ font-size:.3rem; line-height:.48rem; font-weight:bold; text-align:center;}
.newsDetail .newsTitle .datatime{ font-size:.22rem; color:#bfbfbf; padding:.2rem 0; line-height:.38rem; border-bottom:.01rem solid #e9e9e9; text-align:center;}
.newsDetail .newsTitle .datatime span{ padding:0 .1rem; display:inline-block;}

.newsDetail .newsContent{ width:100%; margin:0 auto; font-size:.24rem; line-height:.48rem; padding:.4rem 0 0;}
.newsDetail .newsContent p{ margin:0 0 .3rem;}
.newsDetail .newsContent img{ max-width:100%;}
.newsDetail .newsContent table{border:solid #ddd; border-width:.01rem 0px 0px .01rem; line-height:.36rem;}
.newsDetail .newsContent th{ background:#eaf1f8; padding:.1rem 0;}
.newsDetail .newsContent th,.newsDetail .newsContent td{border:solid #ddd; border-width:0 .01rem .01rem 0;}
.newsDetail .newsContent td{ padding:.1rem;}


.nextnews { font-size:.24rem; line-height:.48rem; margin:.6rem 0 .2rem; padding:.3rem 0 0;}
.newsDetail .newsContent .nextnews p{ margin:0;}
.rightnews{ float:none; width:100%;}
.rightnews h3{ font-size:.3rem; line-height:.48rem; padding:0 0 .25rem; margin:.6rem 0 0;}
.rightnews .section3-list{ padding:.4rem 0 0;}

/* ============ Join (Mobile) ============ */
.join1{ padding:.3rem 0 .2rem; margin: .85rem 0 0;}
.join1 .join1Wrapper{ width:100%; padding:0 .2rem;}
.join1 .join1-layout{ padding: 0;}
.join1 .join1-title{ font-size:.3rem; line-height:.48rem; padding: .2rem 0;}
.join1 .join1-subtitle{ font-size:.3rem;}
.join1 .join1-underline{ width:.5rem; height:.05rem; margin: .5rem auto;}
.join1 .join1-desc{ font-size:.24rem;}
.join1-video{ height: 4rem; margin: .6rem auto 0;}
.join1-video .play-icon { font-size: .24rem; padding: 1rem 0 0; background-size: .9rem;}

.join2{ min-height:auto; background-size:100% auto;}
.join2 .join2Wrapper{ width:100%; padding:0 .2rem;}
.join2 .join2-content{ padding: .2rem 0 0;}
.join2 .join2-desc{ font-size:.24rem; line-height:.48rem; padding: .1rem 0 .3rem;}
.join2 .join2-list{ width:100%; gap:.3rem .4rem; padding:.3rem 0 .6rem;}
.join2 .join2-item{ gap:.2rem;}
.join2 .join2-item-icon{ width:.9rem; height:.9rem; min-width:.9rem; border-width:.01rem;}
.join2 .join2-item-icon img{ width:auto; height:.55rem;}
.join2 .join2-item-content{ padding: 0;}
.join2 .join2-item-title{ font-size:.24rem; margin-bottom:.1rem;}
.join2 .join2-item-desc{ font-size:.22rem; line-height:.3rem;}

/* join3 mobile */
.join3{ padding:.3rem 0 .5rem;}
.join3 .join3Wrapper{ width:100%; padding:0 .2rem;}
.join3 .join3-content{ padding:.2rem 0 .3rem;}
.join3 .join3-content p{ font-size:.24rem; line-height:.48rem;}
.join3 .join3-list{ overflow: hidden;}
.join3 .join3-item{ float: none; width: 100%;}
.join3 .join3-item-img{ height:3.72rem;}
.join3 .join3-item-info{ left:.3rem; bottom:.3rem;}
.join3 .join3-item-title{ font-size:.28rem;}
.join3 .join3-item:first-child .join3-item-info{ left: .3rem; right:auto;}

/* ============ Joinlist1 (Mobile) ============ */
.joinlist1{ margin:.85rem 0 0; padding:0 0 .8rem; background-size:19.2rem;}
.joinlist1 .joinlist1Wrapper{ width:100%; padding:.3rem .2rem;}
.joinlist1 .joinlist1-layout{ display:block; text-align:left; padding:.3rem 0 .4rem;}
.joinlist1 .joinlist1-title{ font-size:.32rem; line-height:.48rem; margin-bottom:0;}
.joinlist1 .topnav{ display:flex; justify-content:center; width:100%; margin:0; display: none;}
.joinlist1 .topnav .topnav-tab{ flex:0 0 auto; min-width:1.6rem; font-size:.24rem; padding:.12rem .3rem;}
.joinlist1 .joinlist1-search{ padding:0 0 .4rem;}
.joinlist1 .joinlist1-search-bar{ display:flex; width:100%; height:.7rem; border-radius:.35rem;}
.joinlist1 .joinlist1-search-input{ padding:0 .3rem; font-size:.24rem;}
.joinlist1 .joinlist1-search-btn{ width:.8rem; height:.7rem;}
.joinlist1 .joinlist1-search-btn img{ width:.32rem; height:.32rem;}
.joinlist1 .joinlist1-search-hot{ width:100%; margin:.2rem 0 0; padding:0 .1rem; font-size:.2rem; line-height:.4rem; text-align:left;}
.joinlist1 .joinlist1-table{ border-top: none; padding:0 0 .4rem;}
.joinlist1 .joinlist1-tr{ display:block; padding:.2rem .25rem; margin:0 0 .15rem; border-radius:.08rem; border:.01rem solid #e8e8e8; font-size:.24rem; line-height:.4rem; text-decoration:none;}
.joinlist1 .joinlist1-tr:nth-child(2n+3){ background:#f9f9f9;}
.joinlist1 .joinlist1-tr:hover{ background: rgba(174,230,211,.2);}
.joinlist1 .joinlist1-th{ display:none;}
.joinlist1 .joinlist1-td{ display:block; padding:.05rem 0; flex:none;}
.joinlist1 .joinlist1-td-name{ font-size:.24rem; line-height:.44rem; color:#333; font-weight:600; padding:0 0 .1rem; margin-bottom:.1rem; border-bottom:.01rem dashed #e0e0e0;}
.joinlist1 .joinlist1-tr:hover .joinlist1-td-name{ color:#333;}
.joinlist1 .joinlist1-td-cat,
.joinlist1 .joinlist1-td-place,
.joinlist1 .joinlist1-td-num,
.joinlist1 .joinlist1-td-date{ display:inline-block; width:50%; color:#888; padding:.05rem 0; box-sizing:border-box; vertical-align:top;}
.joinlist1 .joinlist1-tr .joinlist1-td-cat::before{ content:'类别：'; color:#aaa;}
.joinlist1 .joinlist1-tr .joinlist1-td-place::before{ content:'地点：'; color:#aaa;}
.joinlist1 .joinlist1-tr .joinlist1-td-num::before{ content:'人数：'; color:#aaa;}
.joinlist1 .joinlist1-tr .joinlist1-td-date::before{ content:'日期：'; color:#aaa;}
.joinlist1 .joinlist1-empty{ padding:.6rem; font-size:.24rem;}



/* ============ Contact1 (Mobile) ============ */
.contact1{ margin:.85rem 0 0; padding:0;}
.contact1 .contact1Wrapper{ width:100%; padding:0 .2rem .5rem;}
.contact1 .contact1-layout{ width:100%; flex-direction:column; gap:.3rem; align-items: flex-start; padding: .5rem 0 .3rem;}
.contact1 .contact1-title{ font-size:.3rem; line-height:.48rem;}
.contact1 .contact1-tabs{ margin-top:.3rem;}
.contact1 .contact1-info-row{ display:block;}
.contact1 .contact1-info-left{ float:none; width:100%; padding:0 0 .3rem;}
.contact1 .contact1-info-right{ float:none; width:100%; padding:0;}
.contact1 .contact1-info-desc{ font-size:.24rem; line-height:.48rem; color:#333; margin:0 0 .3rem;}
.contact1 .contact1-qrcode{ padding:.2rem .3rem; margin-bottom:.3rem;}
.contact1 .contact1-qrcode-img{ width:2.8rem; height:1.24rem;}
.contact1 .contact1-qrcode-text{ font-size:.22rem; line-height:.32rem;}
.contact1 .contact1-company{ font-size:.28rem; line-height:.48rem; margin:0 0 .2rem;}
.contact1 .contact1-company-list li{ font-size:.24rem; line-height:.58rem;}
.contact1 .contact1-icon{ width:.3rem; height:.3rem;}
.contact1 .contact1-map{ width:100%; height:3.2rem;}
.contact1 .contact1-info-right .contact1-map{ height:5.6rem;}
.contact1 .contact1-form-wrap{ max-width:100%; padding:.4rem .2rem;}
.contact1 .contact1-form-desc{ font-size:.24rem; line-height:.4rem; margin:0 0 .3rem;}
.contact1 .contact1-form-row{ flex-direction:column; gap:.3rem; margin-bottom:.3rem;}
.contact1 .contact1-label{ font-size:.24rem; line-height:.36rem; margin-bottom:.1rem;}
.contact1 .contact1-input{ height:.8rem; font-size:.22rem; padding:.2rem .2rem;}
.contact1 .contact1-count{ top:.9rem; font-size:.18rem;}
.contact1 .contact1-textarea{ height:2rem; font-size:.22rem; padding:.2rem .2rem .3rem;}
.contact1 .contact1-radio{ font-size:.22rem; line-height:.4rem;}
.contact1 .contact1-radio-icon{ width:.28rem; height:.28rem;}
.contact1 .contact1-btn{ min-width:2.5rem; height:.8rem; line-height:.8rem; font-size:.24rem;}

/* ============ Contact2 (Mobile) ============ */
.contact2{ padding:.5rem 0 .5rem;}
.contact2 .contact2Wrapper{ width:100%; padding:0 .2rem;}
.contact2 .contact2-content{ padding-bottom:.4rem;}
.contact2 .contact2-content .section-title h3{ font-size:.3rem; line-height:.48rem;}
.contact2 .contact2-content .section-desc{ font-size:.24rem; line-height:.48rem; width:100%; padding:.2rem 0 0;}
.contact2 .contact2-table{ width:100%; overflow:hidden;}
.contact2 .contact2-tr{ flex-wrap:wrap; padding:.2rem .15rem; font-size:.24rem; line-height:.48rem;}
.contact2 .contact2-td{ width:100%; padding:.05rem 0;}
.contact2 .contact2-td-name{ flex:0 0 100%; font-size:.24rem; color:#333; font-weight:bold;}
.contact2 .contact2-td-addr{ flex:0 0 100%; font-size:.24rem; color:#888;}
.contact2 .contact2-td-tel{ flex:0 0 100%; font-size:.24rem; color:#888;}
.contact2 .contact2-th{ display:none;}
.contact2 .contact2-go{ font-size:.2rem;}
.contact2 .contact2-more{ padding:.4rem 0 0;}

/* ============ Contact3 (Mobile) ============ */
.contact3{ padding:.5rem 0 1rem;}
.contact3 .contact3Wrapper{ width:100%; padding:0 .2rem;}
.contact3 .contact3-content{ margin-bottom:.4rem;}
.contact3 .contact3-content .section-title h3{ font-size:.36rem;}
.contact3 .contact3-content .section-desc{ font-size:.24rem; line-height:.48rem; padding:.2rem 0 0;}
.contact3 .contact3-form{ padding:.4rem .2rem;}
.contact3 .contact3-form-row{ flex-direction:column; gap:.3rem; margin-bottom:.3rem;}
.contact3 .contact3-label{ font-size:.2rem; line-height:.3rem; margin-bottom:.1rem;}
.contact3 .contact3-input{ height:.6rem; font-size:.22rem; padding:.2rem .2rem;}
.contact3 .contact3-count{ top:.6rem; font-size:.18rem; top: .53rem;}
.contact3 .contact3-textarea{ height:2rem; font-size:.22rem; padding:.2rem .2rem .3rem;}
.contact3 .contact3-radio{ font-size:.22rem; line-height:.32rem;}
.contact3 .contact3-radio-icon{ width:.28rem; height:.28rem;}
.contact3 .contact3-btn{ min-width:2.5rem; height:.6rem; line-height:.6rem; font-size:.24rem;}
.contact3 .contact3-error-msg{ font-size:.18rem;}
.contact3 .contact3-required{ margin-left:.04rem;}


/* ============ Footer Main (Mobile) ============ */
.footer-main{ width:100%; background:#1a3a34 url(../images/footbg.jpg) no-repeat top center; background-size:cover; color:#b9c6d5;}
.footer-main-wrapper{ width:100%; margin:0; padding:.4rem .3rem 0;}

.footer-top-row{ padding-bottom:.6rem; display:flex; flex-direction:column; align-items:center; gap:.2rem; border-bottom:.01rem solid rgba(255,255,255,.15);}
.footer-col-logo{ width:2.8rem; height:1.42rem; margin:0 auto;}
.footer-logo img{ max-width:100%; height:auto;}
.footer-top-right{ display:flex; flex-direction:column; align-items:center; gap:.2rem; padding:0;}
.footer-top-text{ font-size:.24rem; line-height:.48rem; color:#aeaeae;}
.footer-top-right .more{ font-size:.24rem; line-height:.58rem; color:#fff; background:#34bf9d url(../images/icon-right.png) no-repeat 85% .24rem; background-size:.24rem; padding:0 .7rem 0 .3rem; margin:0;}

.footer-bottom-row{ display:flex; flex-direction:column; gap:.3rem;}
.footer-col-nav{ flex:1; display:flex; flex-wrap:wrap; gap:0; padding:0; border-right:none; border-bottom:none;}
.footer-nav-item{ flex:0 0 100%; border-bottom:.01rem solid rgba(255,255,255,.15);}
.footer-nav-item h4{ font-size:.24rem; line-height:.48rem; color:#fff; font-weight:400; margin:0; padding:.2rem .4rem .2rem 0; cursor:pointer; position:relative; background:url(../images/icon_01-white.png) no-repeat right center; background-size:.18rem auto;}
.footer-nav-item.active h4{ background-image:url(../images/icon_02-white.png);}
.footer-nav-item ul{ list-style:none; padding:0 0 .2rem; margin:0; display:none;}
.footer-nav-item li a{ font-size:.24rem; line-height:.48rem; color:#aeaeae;}
.footer-col-contact{ width:100%; padding:0; flex-shrink:0;}
.footer-contact-list{ padding:.3rem 0 .2rem;}
.footer-contact-item{ margin:0 0 .2rem; padding:0 0 0 .4rem; font-size:.24rem; line-height:.48rem; color:#aeaeae;}
.footer-contact-item.icon-tel{ background:url(../images/foot-tel.png) no-repeat left .1rem; background-size:.3rem auto;}
.footer-contact-item.icon-addr{ background:url(../images/foot-address.png) no-repeat left .12rem; background-size:.26rem auto;}
.footer-contact-item.icon-email{ background:url(../images/foot-email.png) no-repeat left .12rem; background-size:.26rem auto;}
.footer-qrcode{ display:flex; gap:.4rem; justify-content:center; padding:.2rem 0 .3rem;}
.qr-item{ text-align:center;}
.qr-img{ width:1.12rem; height:1.12rem; margin:0 auto; overflow:hidden; background:#fff;}
.qr-img img{ width:100%; height:100%; display:block;}
.qr-item p{ font-size:.24rem; line-height:.48rem; color:#aeaeae; padding:.1rem 0 0;}

/* ============ Footer Bottom (Mobile) ============ */
.footer-bottom{ width:100%; padding:.33rem 0; border-top:.01rem solid rgba(255,255,255,.15);}
.footer-bottom-wrapper{ width:100%; margin:0; overflow:hidden; text-align:left; padding:0}
.footer-bottom-wrapper p{ font-size:.24rem; line-height:.48rem; color:#aeaeae; padding:.05rem 0;}
.footer-bottom-wrapper a{ color:#aeaeae;}
.fl,.fr{ float:none;}


}


@media only screen
and (min-device-width : 768px)   
and (max-device-width : 1024px)   
and (orientation : portrait) {  
.swiper1 { height: 12.4rem; margin:.85rem 0 0;}
.swiper1 .swiper-slide{height: 12.4rem;}
.section2-list .list-img{ height:6.5rem;}

.section2-row-2 .section2-img{ height:8rem;}
.section2-row-3 .section2-img{ height:9.8rem;}
.section4,.section4 .section4Wrapper{ height:8rem;}
.section5-img,.banner-section,.about1-video{ height:7rem;}
.culture4 .section5-img{ height:8rem;}
.products-img{ height: 5rem; background-size: 5rem !important;}
.brand1 .brand1-item-bg{ height:6rem;}

.brand2 .brand2-img{ height:10.9rem;}
.brand2 .brand2-img-item{ height:10.2rem;}
.brand3 .brand3-item-inner{ height:7.8rem;}
.brand4 .brand4-item{ height:5rem;}
.brand4 .brand4-item-active{ width: 8.2rem;}
.news2 .news2-slider .news2-slide,.news2 .news2-slider,.news3 .section5-img,.news2 .news2-slider .slick-list, .news2 .news2-slider .slick-track{ height:8rem;}
.join1-video{ height:5.6rem;}
.join3 .join3-item-img{ height:6.8rem;}
.banner-section .play-icon{ padding: .35rem 0; background-size: 1.2rem;}

}


/* iPads (landscape) ----------- */  
@media only screen   
and (min-device-width : 768px)   
and (max-device-width : 1024px)   
and (orientation : landscape) {  
.swiper1 { height: 13rem; margin:.85rem 0 0;}
.swiper1 .swiper-slide{height: 13rem;}
.section2-list .list-img{ height: 11rem;}

.section2-row-2 .section2-img{ height:11rem;}
.section2-row-3 .section2-img{ height:12.8rem;}
.section4,.section4 .section4Wrapper{ height:11rem;}
.section5-img,.banner-section,.about1-video{ height:10rem;}
.culture4 .section5-img{ height:10rem;}
.products-img{ height: 7rem; background-size: 7rem !important;}
.brand1 .brand1-item-bg{ height:8rem;}

.brand2 .brand2-img{ height:13.9rem;}
.brand2 .brand2-img-item{ height:13.2rem;}
.brand3 .brand3-item-inner{ height:11.2rem;}
.brand4 .brand4-item{ width: 3.8rem; height:8rem;}
.brand4 .brand4-item-active{ width: 11.6rem;}
.news2 .news2-slider .news2-slide,.news2 .news2-slider,.news3 .section5-img,.news2 .news2-slider .slick-list, .news2 .news2-slider .slick-track{ height:10rem;}
.join1-video{ height:8.6rem;}
.join3 .join3-item-img{ height:8.8rem;}

.products-grid{ gap:.4rem;}
.products-item{ width:calc(33.33% - .27rem);}
.products-img{ height: 3.8rem; background-size: 3.8rem !important;}
.banner-section .play-icon{ padding: .35rem 0; background-size: 1.2rem;}

.news3 .section5-list{ gap:.2rem;}
.news3 .section5-item{ width:calc(50% - .1rem);}
.news3 .section5-img{ height:4.5rem;}

}


@media (min-device-width : 1024px) and (max-width: 1366px) and (orientation : portrait){
.swiper1 { height:8.02rem; margin:.85rem 0 0;}
.swiper1 .swiper-slide{height: 7.6rem;}

.section2-row-2 .section2-img{ height:11rem;}
.section2-row-3 .section2-img{ height:12.8rem;}
.section4,.section4 .section4Wrapper{ height:11rem;}
.section5-img,.banner-section,.about1-video{ height:10rem;}
.culture4 .section5-img{ height:10rem;}
.products-img{ height: 7rem; background-size: 7rem !important;}
.brand1 .brand1-item-bg{ height:8rem;}

.brand2 .brand2-img{ height:13.9rem;}
.brand2 .brand2-img-item{ height:13.2rem;}
.brand3 .brand3-item-inner{ height:11.2rem;}
.brand4 .brand4-item{ width: 3.8rem; height:8rem;}
.brand4 .brand4-item-active{ width: 11.6rem;}
.news2 .news2-slider .news2-slide,.news2 .news2-slider,.news3 .section5-img,.news2 .news2-slider .slick-list, .news2 .news2-slider .slick-track{ height:10rem;}
.join1-video{ height:10.6rem;}
.join3 .join3-item-img{ height:8.8rem;}

.products-grid{ gap:.4rem;}
.products-item{ width:calc(33.33% - .27rem);}
.products-img{ height: 4rem; background-size: 4rem !important;}
.banner-section .play-icon{ padding: .35rem 0; background-size: 1.2rem;}

.news3 .section5-list{ gap:.2rem;}
.news3 .section5-item{ width:calc(50% - .1rem);}
.news3 .section5-img{ height:5rem;}


}