@charset "UTF-8"; /*!****** lib.css *******/ /*!-----------------[初始化]--------------*/ *,:after,:before{margin:0;padding:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;outline:0!important;-webkit-tap-highlight-color:rgba(255,255,255,0);-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased} table{border-collapse:collapse;border-spacing:0} ol,ul{list-style:none} q:after,q:before{content:''} fieldset,img{border:0} abbr,acronym{border:0} .clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0} .col-c,.col-l,.col_c,.col_l,.l{float:left} .col-r,.col_r,.r{float:right} .c{clear:both} .fix{zoom:1} .fix:after,.fix:before{display:block;content:"clear";height:0;clear:both;overflow:hidden;visibility:hidden} em{font-weight:400;font-style:normal} body{color:#333;font-size:14px;line-height:1.5;font-family:'Arial',AP-Regular,'Microsoft Yahei',"PingFang SC","Helvetica Neue",Helvetica,Arial,sans-serif} img{max-width:100%;border:none} input,select,textarea{font-size:14px;color:#333;border:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:0;font-family:'Arial',AP-Regular,'Microsoft Yahei',"PingFang SC","Helvetica Neue",Helvetica,Arial,sans-serif} input[type=button],input[type=reset],input[type=submit]{cursor:pointer} ::-webkit-input-placeholder{color:#999} ::-moz-placeholder{color:#999} ::-ms-input-placeholder{color:#999} select::-ms-expand{display:none} a{color:#333;text-decoration:none} /*!-----------------[初始化结束]--------------*/ @font-face{font-family:HarmonyOS_Sans_SC_Bold;src:url(fonts/HarmonyOS_Sans_SC_Bold.ttf) format('truetype')} @font-face{font-family:AP-Bold;src:url(../fonts/Alibaba-PuHuiTi-Bold.ttf)} @font-face{font-family:AP-Medium;src:url(../fonts/Alibaba-PuHuiTi-Medium.ttf)} @font-face{font-family:AP-Regular;src:url(../fonts/Alibaba-PuHuiTi-Regular.ttf)} @font-face{font-family:BebasNeue;src:url(../fonts/BebasNeue.otf)} .dn{display: none;} .wp{width:95%;max-width:16rem;margin:0 auto} .wp1080{width:95%;max-width:10.8rem;margin:0 auto} .wp1200{width:95%;max-width:12rem;margin:0 auto} .wp1400{width:95%;max-width:14rem;margin:0 auto} /*!****************************** -------[=头部]------- ********************************/ /*!****************************** -------[=导航]------- ********************************/ .menuBtn{display:none;position:fixed;top:.24rem;right:.24rem;width:.6rem;height:.6rem;cursor:pointer;transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;-o-transition:.3s} .menuBtn b{display:block;height:.06rem;background-color:#333;margin:.08rem 0;transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;-o-transition:.3s} .menuBtn.open b{display:none;margin:0;position:absolute;left:0;top:50%;margin-top:-.08rem;width:.6rem} .menuBtn.open b:first-child{display:block;transform:rotate(45deg);-webkit-transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg)} .menuBtn.open b:last-child{display:block;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg)} /*!****************************** -------[=底部]------- ********************************/ /*!****************************** -------[=公用]------- ********************************/ .g-cur{background-color:#f5f5f5;overflow:hidden} .cur,.cur a{font-size:.16rem;color:#666} .cur{padding:.13rem 0 .13rem .28rem;background:url(../images/i-cur.png) no-repeat left center;-webkit-background-size:.19rem auto;-moz-background-size:.19rem auto;-ms-background-size:.19rem auto;-o-background-size:.19rem auto;background-size:.19rem auto} .cur a:hover{color:#0062a9} .pages{text-align:center;font-size:0} .pages ul{display:inline-block} .pages ul li{float:left;margin:0 .07rem} .pages ul li a,.pages ul li span{display:block;height:.44rem;line-height:.42rem;text-align:center;font-size:.16rem;color:#666;border:.01rem solid #dcdcdc;padding:0 .05rem;min-width:.44rem;border-radius:.05rem;-webkit-border-radius:.05rem;-moz-border-radius:.05rem;-ms-border-radius:.05rem;-o-border-radius:.05rem;transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s} .pages ul a:hover,.pages ul li.on a{background-color:#0062a9;border-color:#0062a9;color:#fff} .pages ul li.next,.pages ul li.prev{min-width:1.51rem} #browser-modal{width:100%;height:100%;top:0;left:0;text-align:center;color:#303233;position:fixed;z-index:9990009;display:none} #browser-modal .browser-modal-cover{position:fixed;left:0;top:0;height:100%;width:100%;background-color:#004585;z-index:-1} #browser-modal .browser-content{width:700px;margin-top:120px;margin-left:auto;margin-right:auto;padding-bottom:80px;padding-top:50px;background-color:#fff;border-radius:5px} #browser-modal .browser-content .browser-dpc-logo img{height:42px;margin:45px auto 40px} #browser-modal .browser-content .browser-text-title{text-transform:uppercase;font-size:24px} #browser-modal .browser-content .browser-text-desc{margin-top:30px;margin-bottom:20px;font-size:14px} #browser-modal .browser-content .browser-list{width:600px;margin:20px auto;height:130px} #browser-modal .browser-content .browser-item{float:left;width:150px;padding-top:20px;padding-bottom:20px;margin-left:auto;margin-right:auto} #browser-modal .browser-content .browser-item .iconfont{width:100px;height:100px;margin:0 auto 10px;font-size:80px;line-height:80px} #browser-modal .browser-content .browser-item .iconchrome{background:url(../images/bro.png) no-repeat} #browser-modal .browser-content .browser-item .iconfirefox{background:url(../images/bro.png) 0 -100px no-repeat} #browser-modal .browser-content .browser-item .iconopera{background:url(../images/bro.png) 0 -200px no-repeat} #browser-modal .browser-content .browser-item .iconEdge{background:url(../images/bro.png) 0 -300px no-repeat} #browser-modal .browser-content .browser-item a{cursor:pointer;display:block} #browser-modal .browser-content .browser-item a img{display:block;margin:0 auto;max-width:100px;width:100px;height:100px} #browser-modal .browser-content .browser-item a h4{text-align:center;margin-top:20px;font-size:18px;font-weight:700} @media screen and (max-width:1200px){ .menuBtn{display:block} .wp,.wp1200{padding:0 .3rem;max-width:none;width:auto} } :root{--fz12:0.12rem;--fz14:0.14rem;--fz16:0.16rem;--fz18:0.18rem;--fz20:0.2rem;--fz22:0.22rem;--fz24:0.24rem;--fz26:0.26rem;--fz28:0.28rem;--fz30:0.3rem;--fz32:0.32rem;--fz34:0.34rem;--fz36:0.36rem;--fz38:0.38rem;--fz40:0.4rem;--fz42:0.42rem;--fz44:0.44rem;--fz46:0.46rem;--fz48:0.48rem;--fz50:0.5rem} .fz12{font-size:var(--fz12)} .fz14{font-size:var(--fz14)} .fz16{font-size:var(--fz16)} .fz18{font-size:var(--fz18)} .fz20{font-size:var(--fz20)} .fz22{font-size:var(--fz22)} .fz24{font-size:var(--fz24)} .fz26{font-size:var(--fz26)} .fz28{font-size:var(--fz28)} .fz30{font-size:var(--fz30)} .fz32{font-size:var(--fz32)} .fz34{font-size:var(--fz34)} .fz36{font-size:var(--fz36)} .fz38{font-size:var(--fz38)} .fz40{font-size:var(--fz40)} .fz42{font-size:var(--fz42)} .fz44{font-size:var(--fz44)} .fz46{font-size:var(--fz46)} .fz48{font-size:var(--fz48)} .fz50{font-size:var(--fz50)} @media screen and (max-width:1920px){ :root{--fz12:12px} } @media screen and (max-width:1525px){ :root{--fz14:0.16rem;--fz16:0.18rem;--fz18:0.2rem;--fz20:0.22rem;--fz22:0.24rem;--fz24:0.26rem;--fz26:0.28rem;--fz28:0.3rem;--fz30:0.32rem;--fz32:0.34rem;--fz34:0.36rem;--fz36:0.38rem;--fz38:0.4rem;--fz40:0.42rem;--fz42:0.44rem;--fz44:0.46rem;--fz46:0.48rem;--fz48:0.5rem;--fz50:0.52rem} } @media screen and (max-width:1342px){ :root{--fz14:0.18rem;--fz16:0.2rem;--fz18:0.22rem;--fz20:0.24rem;--fz22:0.26rem;--fz24:0.28rem;--fz26:0.3rem;--fz28:0.32rem;--fz30:0.34rem;--fz32:0.36rem;--fz34:0.38rem;--fz36:0.4rem;--fz38:0.42rem;--fz40:0.44rem;--fz42:0.46rem;--fz44:0.48rem;--fz46:0.5rem;--fz48:0.52rem;--fz50:0.54rem} } @media screen and (max-width:1199px){ :root{--fz12:0.2rem;--fz14:0.24rem;--fz16:0.28rem;--fz18:0.32rem;--fz20:0.36rem;--fz22:0.4rem;--fz24:0.44rem;--fz26:0.48rem;--fz28:0.52rem;--fz30:0.56rem;--fz32:0.56rem;--fz34:0.56rem;--fz36:0.56rem;--fz38:0.56rem;--fz40:0.56rem;--fz42:0.56rem;--fz44:0.56rem;--fz46:0.56rem;--fz48:0.56rem;--fz50:0.56rem} } @media screen and (max-width:959px){ :root{--fz12:0.24rem;--fz14:0.26rem;--fz16:0.28rem;--fz18:0.3rem;--fz20:0.32rem;--fz22:0.34rem;--fz24:0.36rem;--fz26:0.38rem;--fz28:0.4rem;--fz30:0.42rem;--fz32:0.42rem;--fz34:0.42rem;--fz36:0.42rem;--fz38:0.42rem;--fz40:0.42rem;--fz42:0.42rem;--fz44:0.42rem;--fz46:0.42rem;--fz48:0.42rem;--fz50:0.42rem} } /*!****** lib.css end *******/ /*!****** bl *******/ .header{position:fixed;left:0;top:0;width:100%;height:100%;height:1rem;z-index:999;-webkit-transition:.4s;-o-transition:.4s;-moz-transition:.4s;transition:.4s} .header .wp{width:auto;max-width:none;padding:0 .8rem} .header::before{content:"";display:block;position:absolute;top:0;left:0;width:100%;height:1.8rem;background:url(../images/hd-mk.png) no-repeat top center;-webkit-background-size:cover;-o-background-size:cover;background-size:cover;pointer-events:none;-webkit-transition:.4s;-o-transition:.4s;-moz-transition:.4s;transition:.4s} .header.fixed{background-color:#fff;height:.7rem} .header.fixed .logo{line-height:.7rem} .header.fixed .logo img{display:none} .header.fixed .logo img:nth-child(2){display:inline-block} .header.fixed .h-box{height:.7rem} .header.fixed .nav .v1{color:#666;line-height:.7rem} .header.fixed .nav .v1::after{bottom:.2rem} .header.fixed .h-so{color:#666;background-image:url(../images/h-so1.png)} .header.fixed .h-lang{color:#666;background-image:url(../images/h-en1.png)} .header.fixed::before{opacity:0} .logo{float:left;line-height:1rem;font-size:0} .logo img{display:inline-block;vertical-align:middle;height:.3rem} .logo img:nth-child(2){display:none} .h-box{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;height:1rem;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;position:relative;z-index:2} .nav li{float:left;padding:0 .28rem;position:relative} .nav .icondrop{display:none} .nav .v1{font-size:var(--fz18);color:#fff;position:relative;display:block;line-height:1rem} .nav .v1::after{content:"";display:block;position:absolute;bottom:.3rem;width:100%;background-color:#e5ac21;height:2px;left:0;opacity:0;-webkit-transition:.4s;-o-transition:.4s;-moz-transition:.4s;transition:.4s} .nav .on .v1::after{opacity:1} .nav .ok{background-color:#2b6b4a} .nav .ok .v1{color:#fff!important} .nav .ok .v1::after{opacity:0} .nav .sub{position:absolute;top:100%;left:0;min-width:100%;background-color:#2b6b4a;display:none} .nav .sub .v2{display:block;font-size:var(--fz16);color:#fff;-webkit-transition:.4s;-o-transition:.4s;-moz-transition:.4s;transition:.4s;/* padding:0 .28rem 0 .28rem;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap; */overflow:hidden;text-align: center;padding: 0.1rem .03rem;} .nav .sub .v2:last-child{border-bottom:none} .nav .sub .v2:hover{background-color:#32835c} .h-opts{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;height:1rem} .h-so{position:relative;display:block;font-size:var(--fz18);color:#fff;padding-left:.2rem;background:url(../images/h-so.png) no-repeat left center;-webkit-background-size:.15rem .15rem;-o-background-size:.15rem;background-size:.15rem;-webkit-transition:.4s;-o-transition:.4s;-moz-transition:.4s;transition:.4s} .h-so:hover{opacity:.85} .h-lang{position:relative;display:block;font-size:var(--fz18);color:#fff;padding-left:.2rem;background:url(../images/h-en.png) no-repeat left center;-webkit-background-size:.15rem .15rem;-o-background-size:.15rem;background-size:.15rem;margin-left:.2rem;-webkit-transition:.4s;-o-transition:.4s;-moz-transition:.4s;transition:.4s} .h-lang:hover{opacity:.85} .f-top{background-color:#434343;overflow:hidden;padding:.85rem 0} .f-top .col-l{width:66.25%;padding:0 .5rem} .f-top .col-r{width:33.75%} .f-txt{font-size:var(--fz14);color:#d6d6d6;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;position:relative;padding-left:.5rem;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center} .f-txt::before{content:"";display:block;position:absolute;top:0;left:0;width:2px;background-color:#a3a3a3;height:100%} .f-txt .qr{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;width:1.2rem;margin-right:.2rem} .f-txt .qr img{display:block;width:100%} .f-txt .txt{line-height:2} .f-ls{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between} .f-ls .tit{font-size:var(--fz18);color:#fff;margin-bottom:.08rem} .f-ls .tit a{color:inherit;display:block} .f-ls .v2{display:block;font-size:var(--fz14);color:#d6d6d6;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;-webkit-transition:.4s;-o-transition:.4s;-moz-transition:.4s;transition:.4s;padding:.04rem 0} .f-ls .v2:hover{color:#fff} .f-copy{background-color:#313131;color:#d6d6d6;font-size:var(--fz14);padding:.24rem 0;text-align:center} .f-copy a{color:inherit;-webkit-transition:.4s;-o-transition:.4s;-moz-transition:.4s;transition:.4s} .f-copy a:hover{color:#fff} .banner{position:relative;--swiper-navigation-size:0.2rem;--swiper-theme-color:#515151} .banner .swiper-slide{overflow:hidden} .banner .con{position:relative} .banner .bg{height:100vh;background-repeat:no-repeat;background-position:center center;-webkit-background-size:cover;-o-background-size:cover;background-size:cover;position:relative} .banner .bg video{display:block;position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover} .banner .inbox{position:absolute;top:50%;left:0;width:100%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%)} .banner .pic{height:2.26rem;margin-bottom:.35rem} .banner .pic img{max-height:100%} .banner .txt{display:inline-block;border-left:.1rem solid #e5ac21;padding-left:.2rem;font-size:var(--fz38);color:#fff;line-height:1.3;background:-webkit-gradient(linear,left top,right top,from(rgba(0,2,3,.46)),to(rgba(0,2,3,0)));background:-webkit-linear-gradient(left,rgba(0,2,3,.46),rgba(0,2,3,0));background:-moz- oldlinear-gradient(left,rgba(0,2,3,.46),rgba(0,2,3,0));background:-o-linear-gradient(left,rgba(0,2,3,.46),rgba(0,2,3,0));background:linear-gradient(90deg,rgba(0,2,3,.46),rgba(0,2,3,0))} .banner .txt span{color:#e5ac20} .banner .swiper-button-next,.banner .swiper-button-prev{border-radius:50%;width:.38rem;height:.38rem;background-color:rgba(255,255,255,.5);margin-top:-.19rem} .banner .swiper-button-prev{left:1rem} .banner .swiper-button-next{right:1rem} .banner .swiper-pagination{bottom:.9rem;left:0;width:100%} .banner .swiper-pagination-bullet{width:.86rem;height:.06rem;border-radius:0;margin:0 .05rem;background-color:#fff;opacity:1;position:relative;text-align:center} .banner .swiper-pagination-bullet::after{content:"";display:block;position:absolute;top:0;left:0;width:0;height:100%;background-color:#2b6b4a} .banner .swiper-pagination-bullet-active::after{-webkit-transition:5s linear;-o-transition:5s linear;-moz-transition:5s linear;transition:5s linear;width:100%} .row-a1{background-repeat:no-repeat;background-position:center center;-webkit-background-size:cover;-o-background-size:cover;background-size:cover;padding:1.5rem 0 1.1rem} .g-titb1{color:#fff;font-family:AP-Medium;line-height:1.2;margin-bottom:.3rem} .g-titb1 .h3{font-size: .6rem;font-family:AP-Bold} .g-titb1 .h4{font-size:.4rem;margin-left:.2rem} .g-titb1 .h2{font-size:1rem;font-family:AP-Bold} .g-titb1 .h5{font-size:.5rem;margin-left:.3rem} .g-descb1{font-size:var(--fz22);color:#fff;margin-bottom:.3rem} .g-moreb1 a{display:inline-block;font-size:var(--fz20);color:#fff;background-color:#2b6b4a;padding:.07rem .5rem;-webkit-transition:.4s;-o-transition:.4s;-moz-transition:.4s;transition:.4s} .g-moreb1 a:hover{opacity:.8} .gap1{height:2rem} .ul-listb1{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox; display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between; -moz-box-pack:justify;-ms-flex-pack:justify; justify-content:space-between;color:#fff;font-family:AP-Bold; } .ul-listb1 .txt{font-size:var(--fz20)} .ul-listb1 .top{font-size:.4rem;line-height:1.1} .row-a2{position:relative;overflow:hidden} .row-a2 .in{position:absolute;top:2.8rem;left:0;width:100%;z-index:2} .map-line{display:block;position:absolute;top:33%;right:8%;width:51.4%;max-width:none} .map-dot{display:block;position:absolute;top:38%;right:5%;width:57.5%;max-width:none} .map-bg{width:100%;display:block} .row-a3{background-color:#081027;padding:.1rem 0 .5rem} .row-a4{position:relative;overflow:hidden;background-color:#000} .row-a4 .g-titb1 .h4{margin-left:0} .row-a4 .in{position:absolute;top:1.8rem;left:0;width:100%;z-index:2;pointer-events:none} .ul-listb2{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;background-color:#000;padding:.32rem .12rem} .ul-listb2 li{-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1;margin:0 .12rem;cursor:pointer;-webkit-transition:.4s;-o-transition:.4s;-moz-transition:.4s;transition:.4s} .ul-listb2 .act{-webkit-box-flex:3.5;-webkit-flex:3.5;-moz-box-flex:3.5;-ms-flex:3.5;flex:3.5} .ul-listb2 .con{border-radius:.16rem;overflow:hidden;position:relative} .ul-listb2 .pic{height:8.14rem;overflow:hidden} .ul-listb2 .img{display:block;position:absolute;top:0;left:0;width:100%;height:100%;background-repeat:no-repeat;background-position:left center;-webkit-background-size:auto 100%;-o-background-size:auto 100%;background-size:auto 100%} .ul-listb2 .tit{font-size:var(--fz18);color:#fff;position:absolute;bottom:.5rem;left:5%} .row-a5{background-repeat:no-repeat;background-position:center center;-webkit-background-size:cover;-o-background-size:cover;background-size:cover;padding:.7rem 0 2.45rem;overflow:hidden} .ul-listb3{font-size:0} .ul-listb3 li{display:inline-block;vertical-align:top;margin-right:5%} .ul-listb3 .con{text-align:center;font-size:var(--fz22);color:#fff;line-height:1.2} .ul-listb3 .icn{height:.7rem;overflow:hidden;margin-bottom:.12rem} .ul-listb3 .icn img{height:100%} .ul-listb3 .num{font-size:.5rem;font-family:AP-Bold;line-height:1.2} .ul-listb3 .unit{font-size:var(--fz26);margin-bottom:.36rem} .row-a6{overflow:hidden;background-repeat:no-repeat;background-position:center center;-webkit-background-size:cover;-o-background-size:cover;background-size:cover;padding:1.2rem 0 .9rem} .m-titb1{text-align:right;color:#fff;line-height:1.3;margin-bottom:.1rem} .m-titb1 .h3{font-size:1rem;font-family:AP-Bold} .m-titb1 .h4{font-size:.4rem} .ul-iconsb1{padding:.15rem 0;font-size:0} .ul-iconsb1 li{display:inline-block;vertical-align:top;width:16.66%;background-color:#fff} .ul-iconsb1 li:nth-child(12n+1),.ul-iconsb1 li:nth-child(12n+10),.ul-iconsb1 li:nth-child(12n+12),.ul-iconsb1 li:nth-child(12n+3),.ul-iconsb1 li:nth-child(12n+5),.ul-iconsb1 li:nth-child(12n+8){background-color:#f8f8f8} .ul-iconsb1 .icon{display:block;position:relative;height:0;padding-top:55.55%;overflow:hidden;-webkit-transition:.4s;-o-transition:.4s;-moz-transition:.4s;transition:.4s} .ul-iconsb1 .icon:hover{-webkit-box-shadow:0 0 15px rgba(0,0,0,.16);box-shadow:0 0 15px rgba(0,0,0,.16)} .ul-iconsb1 .icon img{display:block;position:absolute;top:50%;left:50%;max-width:100%;max-height:100%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%)} .row-a7{background-repeat:no-repeat;background-position:center center;-webkit-background-size:cover;-o-background-size:cover;background-size:cover;overflow:hidden;padding:.8rem 0} .row-a7 .g-titb1{margin-bottom:.45rem} .m-banb1{--swiper-navigation-size:0.2rem;--swiper-navigation-color:#ffffff;--swiper-theme-color:#2b6b4a} .m-banb1 .con{display:block;position:relative;overflow:hidden;border-radius:.3rem;margin:0 .4rem;-webkit-transform:scale(.9);-moz-transform:scale(.9);-ms-transform:scale(.9);-o-transform:scale(.9);transform:scale(.9);-webkit-transition:1s;-o-transition:1s;-moz-transition:1s;transition:1s} .m-banb1 .con:hover .img{-webkit-transform:scale(1.06);-moz-transform:scale(1.06);-ms-transform:scale(1.06);-o-transform:scale(1.06);transform:scale(1.06)} .m-banb1 .swiper-slide-active .con{-webkit-transform:none;-moz-transform:none;-ms-transform:none;-o-transform:none;transform:none} .m-banb1 .pic{position:relative;height:0;padding-top:58.27%;overflow:hidden} .m-banb1 .img{display:block;position:absolute;top:0;left:0;width:100%;height:100%;background-repeat:no-repeat;background-position:center center;-webkit-background-size:cover;-o-background-size:cover;background-size:cover;-webkit-transition:.6s;-o-transition:.6s;-moz-transition:.6s;transition:.6s} .m-banb1 .txt{position:absolute;bottom:0;left:0;width:100%;color:#fff;padding:.5rem} .m-banb1 .txt::after{content:"";display:block;position:absolute;bottom:0;left:0;width:100%;height:2.8rem;background:url(../images/bl/t-mk.png) no-repeat center;-webkit-background-size:cover;-o-background-size:cover;background-size:cover;pointer-events:none} .m-banb1 .date{font-size:var(--fz22);position:relative;z-index:2} .m-banb1 .tit{font-size:var(--fz28);-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;position:relative;z-index:2} .m-banb1 .swiper-button-next,.m-banb1 .swiper-button-prev{border-radius:50%;width:.6rem;height:.6rem;background-color:#777;margin-top:-.3rem;-webkit-transition:.4s;-o-transition:.4s;-moz-transition:.4s;transition:.4s} .m-banb1 .swiper-button-next:hover,.m-banb1 .swiper-button-prev:hover{opacity:.9} .m-banb1 .swiper-button-prev{left:15.6%} .m-banb1 .swiper-button-next{right:15.6%} .m-banb1 .swiper-pagination{display:none} .m-banb1 .swiper-pagination-bullet{background-color:#2b6b4a;opacity:.6} .m-banb1 .swiper-pagination-bullet-active{opacity:1} .row-lx1{background-repeat:no-repeat;background-position:center center;-webkit-background-size:cover;-o-background-size:cover;background-size:cover;padding:1.5rem 0 1.7rem;overflow:hidden} .row-lx1 .g-titb2{margin-bottom:2.2rem} .g-titb2{color:#525252;text-align:center} .g-titb2.white{color:#fff} .g-titb2 .h3{font-size:.5rem;font-family:AP-Bold} .g-titb2 .desc{font-size:var(--fz20);line-height: 1.3;padding:.3rem 0} .ul-listb4{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:0 .7rem} .ul-listb4 li{-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1;margin:0 .7rem} .ul-listb4 .con{text-align:center;color:#fff;font-size:var(--fz18)} .ul-listb4 .tit{font-size:var(--fz24);line-height: 1.2;font-family:AP-Bold;margin-bottom:.18rem} .ul-listb4 .icon{font-size:0;height:.95rem;overflow:hidden;margin-bottom:.18rem} .ul-listb4 .icon img{display:inline-block;vertical-align:middle;height:.95rem} .row-lx2{overflow:hidden;padding:.6rem 0 0} .row-lx2 .g-titb2{margin-bottom:.6rem} .m-mapb1{position:relative} .m-mapb1 #map{height:7.2rem;background-color:#a3a3a3} .m-mapb1 #map.tdt-container .tdt-control-copyright{display:none} .m-mapb1 .box{position:absolute;top:50%;left:0;width:100%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);z-index:500} .map-info{background-color:#fff;width:4.7rem;padding:.45rem;max-height:90%;overflow-y:auto;overflow-x:hidden;float:right} .map-info .icn{margin-bottom:.24rem} .map-info .icn img{display:block;height:.3rem} .map-info .tit{font-size:var(--fz24);line-height: 1.2;color:#333;font-family:AP-Bold;margin-bottom:.2rem} .map-info .info{font-size:var(--fz16);color:#444} .map-info .p{overflow:hidden} .map-info .p span{float:left} .map-info .p .pp{overflow:hidden} .map-info .qr{width:1.6rem} .map-info .qr img{display:block;width:100%} .ul-listb5{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap} .ul-listb5 li{width:50%;padding:0 .3rem;margin-bottom:.3rem} .ul-listb5 .con{height:100%;background-color:#fff;-webkit-transition:.4s;-o-transition:.4s;-moz-transition:.4s;transition:.4s;font-size:var(--fz18);color:#444;padding:.5rem .3rem .2rem;min-height:2.1rem;position:relative} .ul-listb5 .con:hover{-webkit-box-shadow:0 0 15px rgba(0,0,0,.16);box-shadow:0 0 15px rgba(0,0,0,.16)} .ul-listb5 .con:hover::after{width:100%} .ul-listb5 .con::after{content:"";display:block;position:absolute;bottom:0;left:0;width:0;height:.05rem;background-color:#e5ac20;-webkit-transition:.4s;-o-transition:.4s;-moz-transition:.4s;transition:.4s} .ul-listb5 .con .tit{font-size:var(--fz26);font-family:AP-Bold;color:#333;margin-bottom:.1rem} .adrs-box{background-color:#f5f5f5;padding:1rem 0 .7rem} .row-lx3{padding:1.1rem 0;overflow:hidden} .row-lx3 .g-titb2{margin-bottom:.6rem} .layui-form-radio>i,.layui-form-radioed>i{font-size:var(--fz18)!important} #distpicker{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex} #distpicker .form-group{-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1} .m-form{padding:.5rem 1.5rem 0} .m-form .layui-form-radio *{font-size:var(--fz18)} .m-form .layui-form-radio{margin-top:0} .m-form .layui-input,.m-form .layui-select,.m-form .layui-textarea{border:none} .m-form .dfbox{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between} .m-form .dfbox .m-gp{width:48%} .m-form input,.m-form select,.m-form textarea{font-size:var(--fz18)} .m-form .layui-input,.m-form .layui-select{height:.4rem} .m-form .layui-textarea{height:1.5rem;padding-top:.08rem} .m-form .read{font-size:var(--fz16);color:#525252;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-bottom:.4rem} .m-form .read a{color:#2b6b4a} .m-form .read a:hover{text-decoration:underline} .m-form .layui-form-checkbox span{font-size:var(--fz16);padding:0;color:#525252} .m-form .layui-form-checked[lay-skin=primary] i{border-color:#2b6b4a!important;background-color:#2b6b4a} .m-form .layui-form-radio:hover *,.m-form .layui-form-radioed,.m-form .layui-form-radioed>i{color:#e5ac20} .m-form .layui-btn{background-color:#2b6b4a;padding:0 1rem;font-size:var(--fz18);height:.46rem;line-height:.46rem;color:#fff} .m-gp{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;font-size:var(--fz18);color:#323232;margin:0 0 .24rem;border-bottom:1px solid #e5e5e5} .m-gp textarea{resize:none} .m-gp .h3{min-width:6em;line-height:.4rem;font-size:var(--fz18);color:#777} .m-gp .h3 em{color:red} .m-gp .box{-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1} .ul-tabb1{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-bottom:.5rem} .ul-tabb1 .s{cursor:pointer;font-size:var(--fz22);color:#444;background-color:#ddd;margin:0 .15rem;-webkit-transition:.4s;-o-transition:.4s;-moz-transition:.4s;transition:.4s;padding:.1rem .4rem} .ul-tabb1 .on .s{background-color:#2b6b4a;color:#fff} .b-list1 .con{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;overflow:hidden;border-bottom:1px solid #b7b7b7;font-size:var(--fz18);color:#333;padding:.1rem 0;line-height:.3rem} .b-list1 .left{-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1;overflow:hidden} .b-list1 .tit{-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;overflow:hidden} .b-list1 .right{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;padding-left:.14rem} .b-list1 .down{display:block;padding-left:.4rem;background:url(../images/bl/d1.png) no-repeat left center;-webkit-background-size:.27rem .27rem;-o-background-size:.27rem;background-size:.27rem;font-size:var(--fz16);color:#535353;margin-left:.35rem;-webkit-transition:.4s;-o-transition:.4s;-moz-transition:.4s;transition:.4s} .b-list1 .down:hover{color:#2b6b4a;text-decoration:underline} .row-tz3{padding:.7rem 0 1.6rem;overflow:hidden} .row-tz3 .g-titb2{margin-bottom:.4rem} .row-tz2{background-color:#f7f9f8;padding:.7rem 0;overflow:hidden} .row-tz2 .g-titb2{margin-bottom:.4rem} .m-tzbox1{padding:.7rem 0 .4rem} .m-tzbox1 .title{font-size:var(--fz30);color:#525252;font-family:AP-Bold;margin-bottom:.08rem} .row-tz1{padding:1.2rem 0 1rem} .row-tz1 .g-titb2{margin-bottom:.4rem} .m-tableb2 .b-list2{overflow:hidden} .m-tableb2 .b-list2 li{float:left;width:50%} .m-tableb2 .b-list2 li.w100{width:100%} .m-tableb2 .b-list2 .ty{width:7em} .b-list2{border-top:2px solid #003723;font-size:var(--fz18);color:#333} .b-list2 li{border-bottom:1px solid #a2a2a2;overflow:hidden;padding:.12rem 0} .b-list2 .ty{width:40%;float:left} .b-list2 .p{overflow:hidden} .row-zr1{padding:1.75rem 0 1.6rem;background-repeat:no-repeat;background-position:center center;-webkit-background-size:cover;-o-background-size:cover;background-size:cover} .m-infob1{font-size:var(--fz24);color:#fff;line-height: 1.2;} .m-infob1 span{font-size:.4rem;font-family:AP-Bold} .row-zr2{padding:.9rem 0 .7rem;background-repeat:no-repeat;background-position:center center;-webkit-background-size:cover;-o-background-size:cover;background-size:cover} .m-boxb2{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;color:#fff;font-family:AP-Bold;line-height:1.2;margin-bottom:.7rem} .m-boxb2 .left{text-align:center;font-size:.32rem} .m-boxb2 .left .p{font-size:.6rem} .m-boxb2 .right{width:11rem;padding-top: .5rem;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0} .ul-listb8 li:nth-child(2) .con::before{background-image:url(../images/bl/line2.png)} .ul-listb8 li:nth-child(3) .con::before{background-image:url(../images/bl/line2.png)} .ul-listb8 li:nth-child(4) .con::before{background-image:url(../images/bl/line4.png)} .ul-listb8 .con{color:#fff;padding-top: 1px;font-size:.32rem;position:relative;height: 1.26rem;margin-bottom: .6rem;} .ul-listb8 .con::before{content:"";display:block;position:absolute;bottom:7%;left:0;width:100%;height:1.26rem;background:url(../images/bl/line1.png) no-repeat center;-webkit-background-size:100% 100%;-o-background-size:100% 100%;background-size:100% 100%;pointer-events:none} .ul-listb8 .num{font-size:.6rem;padding-left:.5rem;margin-bottom:.5rem;margin-top: -.5rem;} .ul-listb8 .info{margin-left:58%} .m-tipb1{text-align:center;font-size:var(--fz18);color:rgba(255,255,255,.8)} .row-zr3{padding:1.2rem 0 .6rem;background-repeat:no-repeat;background-position:center center;-webkit-background-size:cover;-o-background-size:cover;background-size:cover} .row-zr3 .g-titb2{margin-bottom:.4rem} .ul-listb7{overflow:hidden;margin:0 -.18rem;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap} .ul-listb7 li{width:50%;padding:0 .18rem;margin-bottom:.36rem} .ul-listb7 .con{display:block;color:#fff;height:100%;min-height:2.3rem;font-size:var(--fz18);padding:.4rem .4rem .1rem;position:relative;overflow:hidden} .ul-listb7 .mark{position:absolute;width:100%;height:100%;display:none;background:rgba(0,0,0,.6)} .ul-listb7 .tit{font-size:var(--fz26);line-height: 1.2;margin-bottom:.1rem;position:relative;z-index:2} .ul-listb7 .desc{position:relative;z-index:2} .row-zr4{padding:.9rem 0;background-repeat:no-repeat;background-position:center center;-webkit-background-size:cover;-o-background-size:cover;background-size:cover} .ul-listb6{overflow:hidden;margin:0 -.02rem} .ul-listb6 li{float:left;width:50%} .ul-listb6 li:nth-child(1){width:100%} .ul-listb6 li:nth-child(1) .pic{height:4.2rem} .ul-listb6 .con{position:relative;overflow:hidden;display:block;margin:0 .02rem .04rem} .ul-listb6 .con:hover .img{-webkit-transform:scale(1.06);-moz-transform:scale(1.06);-ms-transform:scale(1.06);-o-transform:scale(1.06);transform:scale(1.06)} .ul-listb6 .pic{height:3.6rem;position:relative;overflow:hidden} .ul-listb6 .img{display:block;position:absolute;top:0;left:0;width:100%;height:100%;background-repeat:no-repeat;background-position:center center;-webkit-background-size:cover;-o-background-size:cover;background-size:cover;-webkit-transition:.6s;-o-transition:.6s;-moz-transition:.6s;transition:.6s} .ul-listb6 .txt{position:absolute;top:.4rem;left:.3rem;right:.3rem;color:#444;font-size:var(--fz18);z-index:2} .ul-listb6 .txt .tit{font-size:var(--fz26);font-family:AP-Bold} @media screen and (max-width:1200px){ body{padding-top:1rem} .header{background-color:#fff} .header .wp{padding:0 .3rem} .header.fixed{height:1rem} .header.fixed .h-box{height:1rem} .header.fixed .logo{line-height:1rem} .logo{line-height:1rem} .logo img{height:.4rem} .navwow{visibility:hidden;opacity:0;-webkit-transition:all .8s ease-in-out;-o-transition:all .8s ease-in-out;-moz-transition:all .8s ease-in-out;transition:all .8s ease-in-out;-webkit-transform:translateY(20px);-moz-transform:translateY(20px);-ms-transform:translateY(20px);-o-transform:translateY(20px);transform:translateY(20px)} .navwow.ani{-webkit-transform:none;-moz-transform:none;-ms-transform:none;-o-transform:none;transform:none;opacity:1;visibility:visible} .nav{position:fixed;top:1rem;left:0;bottom:0;overflow-y:auto;overflow-x:hidden;width:100%;background-color:#eaeaea;border-top:1px solid #f5f5f5;display:none;padding:.2rem 0} .nav li{float:none;width:auto;padding:0} .nav .v1{font-size:.4rem;color:#555;line-height:1rem!important;font-weight:700;padding:0 .3rem} .nav .sub{position:static;-webkit-transform:none;-moz-transform:none;-ms-transform:none;-o-transform:none;transform:none;background-color:#c7e9d7;padding:.2rem 0} .nav .sub .v2{font-size:.3rem;color:#545454;padding:0;line-height:.6rem;padding-left:.6rem;padding-right:.3rem;padding-top: 0;padding-bottom: 0;text-align: left;} .nav .sub .v2:hover{color:#fff;background:-webkit-gradient(linear,left top,right top,from(#2d6c4c),color-stop(60%,rgba(45,108,76,0)));background:-webkit-linear-gradient(left,#2d6c4c,rgba(45,108,76,0) 60%);background:-moz- oldlinear-gradient(left,#2d6c4c,rgba(45,108,76,0) 60%);background:-o-linear-gradient(left,#2d6c4c,rgba(45,108,76,0) 60%);background:linear-gradient(to right,#2d6c4c,rgba(45,108,76,0) 60%)} .nav .ok{background-color:#eaeaea} .nav .ok .v1{color:#545454!important} .nav .ok .dropicon::after{content:"-"} .nav .dropicon{display:block;position:absolute;top:0;right:.28rem;width:.8rem;height:.1rem;pointer-events:none} .nav .dropicon::after{content:"+";display:block;font-size:.36rem;color:#333;font-weight:700;line-height:1rem;font-style:normal;text-align:right;width:100%} .nav .ok .v1::after,.nav .on .v1::after{display:none} .h-box{margin-right:.8rem} .h-lang,.h-so{-webkit-background-size:.3rem .3rem;-o-background-size:.3rem;background-size:.3rem;padding-left:.4rem} .f-copy{padding:.3rem 0} .f-top{display:block;padding:.5rem 0} .f-top .col-l{display:none} .f-top .col-r{float:none;width:auto} .f-txt{padding-left:0;border:none} .f-txt::before{display:none} .f-txt .txt{line-height:1.5;font-size:.24rem} .m-mapb1 .box{position:static;-webkit-transform:none;-moz-transform:none;-ms-transform:none;-o-transform:none;transform:none} .map-info{float:none;width:auto;padding:.3rem 0} .ul-listb4{padding:0} .row-lx1 .g-titb2{margin-bottom:1rem} .m-form .layui-input,.m-form .layui-select{height:.8rem} .m-form .layui-btn{height:.8rem;line-height:.8rem} .m-gp .h3{line-height:.8rem} .m-form .layui-textarea{padding-top:.2rem} .ul-tabb1 .s{font-size:var(--fz18)} .b-list1 .con{line-height:.6rem} .m-tableb2 .b-list2 li{float:none;width:auto} .b-list2 .ty{width:60%} .ul-listb7 .con{min-height:3rem} .banner .bg{position:relative;height:0;padding-top:56.25%;overflow:hidden} .banner .bg video{display:none} .banner .swiper-button-next,.banner .swiper-button-prev{display:none} .banner .swiper-pagination{bottom:.1rem} .banner .pic{height:1rem} } @media screen and (max-width:767px){ .ul-listb5{display:block} .ul-listb5 li{width:auto;padding:0} .ul-listb4{display:block} .ul-listb4 li{margin:0 0 .6rem} .m-mapb1 #map{height:40vh} .m-form{padding-left:0;padding-right:0} .m-form .dfbox{display:block} .m-form .dfbox .m-gp{width:100%} #distpicker{display:block} .m-boxb2{display:block} .m-boxb2 .left{padding:.6rem 0} .m-boxb2 .right{width:auto} .ul-listb8 li{margin-bottom:.3rem} .ul-listb8 .num{font-size:.45rem} .ul-listb8 .con{font-size:.3rem} .ul-listb8 .con::before{height:70%} .m-tipb1{font-size:.28rem} .g-titb2 .desc{font-size:.28rem} .g-titb2 .desc br{display:none} .ul-listb7{display:block;margin:0} .ul-listb7 li{width:auto;padding:0} .ul-listb6 li{width:100%} .ul-listb6 li:nth-child(1) .pic{height:3.6rem} .m-infob1{font-size:.28rem} .m-infob1 span{font-size:.4rem} .g-titb1 .h2,.g-titb1 .h3,.m-titb1 .h3{font-size:.5rem} .g-titb1 .h4,.g-titb1 .h5,.m-titb1 .h4{font-size:.36rem;margin-left:.1rem} .g-descb1{font-size:.28rem} .g-descb1 br{display:none} .ul-listb1{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap} .ul-listb1 li{margin-bottom:.3rem;width:50%} .ul-listb1 .top{font-size:.6rem} .ul-listb1 .con{text-align:left;-moz-text-align-last:left;text-align-last:left} .ul-listb1 .txt{font-size:.28rem} .gap1{height:1rem} .row-a2 .in{top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%)} .ul-listb3 li{width:50%;margin-right:0;margin-bottom:.6rem} .row-a5{padding-bottom:.6rem} .ul-iconsb1 li{width:33.33%} .ul-iconsb1 li:nth-child(12n+1),.ul-iconsb1 li:nth-child(12n+10),.ul-iconsb1 li:nth-child(12n+12),.ul-iconsb1 li:nth-child(12n+3),.ul-iconsb1 li:nth-child(12n+5),.ul-iconsb1 li:nth-child(12n+8){background-color:#fff!important} .ul-iconsb1 li:nth-child(6n+1),.ul-iconsb1 li:nth-child(6n+3),.ul-iconsb1 li:nth-child(6n+5){background-color:#f8f8f8!important} .m-banb1 .txt{padding:.2rem} .m-banb1 .con{border-radius:.1rem;-webkit-transform:none;-moz-transform:none;-ms-transform:none;-o-transform:none;transform:none} .m-banb1 .date{font-size:.28rem} .m-banb1 .tit{font-size:.32rem} .m-banb1 .swiper-button-next,.m-banb1 .swiper-button-prev{display:none} .m-banb1 .swiper-pagination{display:block} .m-banb1 .swiper-container{padding-bottom:.9rem} .row-a7{padding-bottom:.2rem} .row-a4 .in{position:static;padding-top:.5rem} .ul-listb2{display:block;overflow:hidden;margin:0 -.15rem} /* .ul-listb2 li:nth-child(1){width: 100%;} */ .ul-listb2 li{float:left;width:50%;margin:0;padding:0 .15rem .3rem} .ul-listb2 .pic{height:4rem} .ul-listb2 .img{-webkit-background-size:cover;-o-background-size:cover;background-size:cover} .ul-listb2 .tit{font-size:.28rem;bottom:.3rem;left:.3rem} } /*!****** bl end *******/ /*!****** ls *******/ .m-multielementl{padding:1.34rem 0 1.8rem;background-repeat:no-repeat;background-position:center center;background-size:cover;overflow:hidden} .m-multielementl .multielement{position:relative;z-index:2} .g-titl1{overflow:hidden} .g-titl1 .tit{font-size:.5rem;line-height:1.4em;color:#fff;text-align:center;overflow:hidden;font-family:AP-Bold;margin-bottom:.37rem} .g-titl1 .bigtit{font-size:.9rem;color:#fff;font-family:AP-Medium;text-align:center;overflow:hidden;line-height:1.3em;margin-bottom:.2rem} .g-titl1.mb0 .tit{margin-bottom:0} .g-titl1.grey .tit{color:#535353} .g-titl1.grey .desc{color:#333} .g-titl1 .desc{font-size:var(--fz22);line-height:1.59em;overflow:hidden;text-align:center;color:#fff} .g-titl1.mb17 .tit{margin-bottom:.17rem} .g-titl1.mb30 .tit{margin-bottom:.3rem} .g-titl1.mb20 .tit{margin-bottom:.2rem} .g-titl1.fz18 .desc{font-size:var(--fz18)} .g-titl1.fz18 .tit{margin-bottom:.23rem} .g-titl1.black .desc,.g-titl1.black .tit{color:#333} .ul-listl1{overflow:hidden;margin:1.78rem -.05rem 0;font-size:0;text-align:center} .ul-listl1 li{width:12.5%;display:inline-block;vertical-align:middle;padding:0 .05rem;height:3rem} .ul-listl1 .con{height: 100%;display:block;overflow:hidden;background-color:#fff;border-bottom:.06rem solid #fff;padding:.38rem .15rem .53rem;transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s;position:relative} .ul-listl1 .con:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,#fff,#c9d9d1);transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s;opacity:0;visibility:hidden} .ul-listl1 .con .box{position:relative;z-index:2} .ul-listl1 .icon{width:.98rem;height:.98rem;line-height:.98rem;text-align:center;font-size:0;overflow:hidden;margin:0 auto .12rem;position:relative} .ul-listl1 .icon .img1,.ul-listl1 .icon .img2{position:absolute;top:0;left:0;width:100%;height:100%;transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s} .ul-listl1 .icon img{display:inline-block;vertical-align:middle;max-width:100%;max-height:100%} .ul-listl1 .icon .img2{opacity:0;visibility:hidden} .ul-listl1 .tit{font-size:var(--fz20);color:#333;text-align:center;line-height: 1.2; /*text-overflow:ellipsis;white-space:nowrap;overflow:hidden;*/ display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s; -o-transition:.5s } .ul-listl1 .more{font-size:var(--fz16);height:0;line-height:1.5em;color:#2b6b4a;text-align:center;overflow:hidden;transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s} .ul-listl1 .more i{display:inline-block;vertical-align:middle;width:.27rem;margin:-2px 0 0 .07rem} .ul-listl1 .more i img{display:block;width:100%;height:100%} .ul-listl1 .con:hover{padding-bottom:.23rem;border-color:#2b6b4a} .ul-listl1 .con:hover:after{opacity:1;visibility:visible} .ul-listl1 .con:hover .img1{opacity:0;visibility:hidden} .ul-listl1 .con:hover .img2{opacity:1;visibility:visible} .ul-listl1 .con:hover .tit{margin-bottom:.3rem} .ul-listl1 .con:hover .more{height:1.5em} .m-greenl{padding:1.35rem 0 0;background-repeat:no-repeat;background-position:top center;background-size:cover;overflow:hidden} .m-greenl .green{margin-top:.65rem;overflow:hidden;position:relative} .m-greenl .green .wp{position:relative} .m-greenl .green .wp:after{position:absolute;content:"";top:0;width:1.6rem;height:100%;left:-1.6rem;background:url(../images/ls/bgl2-1.png) center center repeat-x;background-size:auto 100%} .m-greenl .green .wp:before{position:absolute;content:"";top:0;width:1.6rem;height:100%;right:-1.6rem;background:url(../images/ls/bgl2-1.png) center center repeat-x;background-size:auto 100%} .ul-listl2{overflow:hidden} .ul-listl2 li{width:25%;float:left} .ul-listl2 .con{display:block;height:5.92rem;overflow:hidden;background:url(../images/ls/bgl2-1.png) center center repeat-x;background-size:auto 100%;padding-top:1.73rem;transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s} .ul-listl2 .icon{margin:0 auto .08rem;width:.8rem;height:.8rem;line-height:.8rem;text-align:center;font-size:0;overflow:hidden} .ul-listl2 .icon img{display:inline-block;vertical-align:middle;max-width:100%;max-height:100%} .ul-listl2 .tit{font-size:var(--fz26);color:#fff;line-height:1.5em;overflow:hidden;font-family:AP-Bold;text-align:center;margin-bottom:.12rem} .ul-listl2 .desc{font-size:var(--fz18);color:#fff;line-height:1.63em;height:4.89em;display:-webkit-box;box-orient:vertical;-webkit-box-orient:vertical;line-clamp:3;-webkit-line-clamp:3;overflow:hidden;text-align:center;display:none} .ul-listl2 .con:hover{background:url(../images/ls/bgl2-2.png) center center repeat-x;background-size:auto 100%} .m-servicel{padding:1.39rem 0 1.39rem;background-repeat:no-repeat;background-position:center center;background-size:cover;overflow:hidden} .ul-listl3{overflow:hidden;margin:1.98rem -.15rem 0} .ul-listl3 li{width:25%;float:left;padding:0 .15rem} .ul-listl3 .con{display:block;overflow:hidden;background-color:#fff;text-align:center;height: 3.3rem; padding:.4rem .45rem .44rem } .ul-listl3 .con .tit{font-size:var(--fz24);color:#444;font-family:AP-Bold;line-height: 1.1; /*text-overflow:ellipsis;white-space:nowrap;overflow:hidden*/ display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; } .ul-listl3 .con .line{margin:.18rem auto;width:1.35rem;height:.06rem;background-color:#2b6b4a;overflow:hidden;transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s} .ul-listl3 .con:hover .line{width:80%} .ul-listl3 .con .desc{font-size:var(--fz18);line-height:1.555em;height:6.22em;display:-webkit-box;box-orient:vertical;-webkit-box-orient:vertical;line-clamp:4;-webkit-line-clamp:4;overflow:hidden;color:#444;overflow:hidden} .m-comprehensivel{padding:1.46rem 0 2.12rem;background-repeat:no-repeat;background-position:center center;background-size:cover;overflow:hidden;border-bottom:2px solid #ccc} .ul-listl4{overflow:hidden;margin:2.24rem -.58rem 0 0;font-size:0;text-align:center} .ul-listl4 li{width:20%;display:inline-block;vertical-align:middle;padding-right:.58rem} .ul-listl4 .con{display:flex;align-items:center;background:#f3f3f3;padding:.32rem .1rem .32rem .2rem;border-radius:.16rem;-webkit-border-radius:.16rem;-moz-border-radius:.16rem;-ms-border-radius:.16rem;-o-border-radius:.16rem;position:relative;transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s} .ul-listl4 .con:after{content:"";position:absolute;right:-.24rem;top:50%;width:.38rem; height:1.4rem;overflow:hidden; background:url(../images/ls/iconl12.png) center center no-repeat; background-size: 100% auto;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s } .ul-listl4 .con .icon{width:.6rem;height:.6rem;position: relative;line-height:.6rem;text-align:center;font-size:0;overflow:hidden;flex-shrink:0;margin-right:.19rem} .ul-listl4 .con .icon img{max-width:100%;max-height:100%; position: absolute;top: 50%;left: 50%; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); transition: .5s; -ms-transition: .5s; -moz-transition: .5s; -webkit-transition: .5s; -o-transition: .5s; } .ul-listl4 .i-on{opacity: 0;} .ul-listl4 .con .tit{font-size:var(--fz22);color:#444;line-height:1.2em;text-align: left; /*text-overflow:ellipsis;white-space:nowrap;overflow:hidden;font-family:AP-Bold*/ } .ul-listl4 li:last-child .con:after{display:none} .ul-listl4 .con:hover{background-color: #e1ab26;} .ul-listl4 .con:hover:after{background-image: url(../images/ls/iconl12-on.png);} .ul-listl4 .con:hover .tit{color: #fff;} .ul-listl4 .con:hover .i-ok{opacity: 0;} .ul-listl4 .con:hover .i-on{opacity: 1;} .m-casel{overflow:hidden;padding:1.2rem 0 1.1rem} .ul-listl5{overflow:hidden;margin:.8rem -.49rem .31rem} .ul-listl5 li{width:50%;float:left;padding:0 .49rem;margin-bottom:.5rem} .ul-listl5 .con{display:block;overflow:hidden;position:relative} .ul-listl5 .pic{padding-top:61.33333333%;position:relative;height:0;overflow:hidden} .ul-listl5 .pic:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:2.7rem;background:url(../images/ls/bgl5.png) center center no-repeat;background-size:100% 100%;z-index:2} .ul-listl5 .pic .img{display:block;width:100%;height:100%;position:absolute;top:0;left:0;background-position:center center;background-repeat:no-repeat;background-size:cover;z-index:1;transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s} .ul-listl5 .txt{position:absolute;bottom:0;left:0;width:100%;padding:.33rem .29rem;z-index:3} .ul-listl5 .txt .num{font-size:.5rem;color:#fff;line-height:1.45em;overflow:hidden;font-family:AP-Medium} .ul-listl5 .txt .tit{font-size:var(--fz24);color:#fff;line-height:1.5em;font-family:AP-Medium; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } .ul-listl5 .txt .desc{font-size:var(--fz16);color:#fff;line-height:1.5em;text-overflow:ellipsis;white-space:nowrap;overflow:hidden} .ul-listl5 .con:hover .pic .img{transform:scale(1.08,1.08);-webkit-transform:scale(1.08,1.08);-moz-transform:scale(1.08,1.08);-ms-transform:scale(1.08,1.08);-o-transform:scale(1.08,1.08)} .g-morel{display:block;margin:0 auto;width:1.48rem;height:2.25em;line-height:2.25em;background:#2b6b4a;font-size:var(--fz16);color:#fff;text-align:center;overflow:hidden;transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s} .g-morel:hover{opacity:.7} .m-corel{padding:1.66rem 0 0;overflow:hidden;background-repeat:no-repeat;background-position:center center;background-size:cover} .m-corel-001{padding: 1.66rem 0;} .ul-listl6{overflow:hidden;margin:1.49rem -.1rem .58rem;font-size:0;text-align:center} .ul-listl6 li{display:inline-block;vertical-align:middle;padding:0 .2rem} .ul-listl6 .con{width:2.1rem;display:block;overflow:hidden;border:.03rem solid #fefefe; border-radius:.15rem;-webkit-border-radius:.15rem;-moz-border-radius:.15rem; -ms-border-radius:.15rem;-o-border-radius:.15rem;background:rgba(0,0,0,.2); padding:.23rem 0 .2rem;transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s} .ul-listl6 .con .icon{width:.96rem;height:.96rem;line-height:.96rem;overflow:hidden;text-align:center;margin:0 auto .2rem} .ul-listl6 .con .icon img{display:inline-block;vertical-align:middle;max-width:100%;max-height:100%} .ul-listl6 .con .tit{font-size:var(--fz18);color:#fff;line-height:1.2em;height:2.4em;overflow:hidden;text-align:center;font-family:AP-Bold;display:flex;align-items:center;justify-content:center} .ul-listl6 .con .tit span{display:block;display:-webkit-box;box-orient:vertical;-webkit-box-orient:vertical;line-clamp:2;-webkit-line-clamp:2;text-align:center} .ul-listl6 .con:hover,.ul-listl6 li.hover .con{background:#e1ab26} .m-corel .core{overflow:hidden;background:rgba(0,0,0,.2);padding:.72rem 0 .6rem} .m-corel .core .desc{font-size:var(--fz22);line-height:1.5em;height:6em;display:-webkit-box;box-orient:vertical;-webkit-box-orient:vertical;line-clamp:4;-webkit-line-clamp:4;overflow:hidden;text-align:center;color:#fff;max-width:80%;margin:0 auto;display: -webkit-box; display: -moz-box;display: -ms-flexbox; display: -webkit-flex;display: flex; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center;align-items: center;} .m-corel .core .desc .tt{ -webkit-flex: 1; -ms-flex: 1; flex: 1; -webkit-box-flex: 1; -moz-box-flex: 1; text-align: center; } .m-corel .core .tabl1{display:none} .ul-listl6-001{margin-top: .8rem;} .m-corel-002{padding-top: 1rem;} .m-corel-002 .core{padding: .5rem 0;} .m-corel-002 .core .desc{height: auto;} .m-roofl{position:relative;overflow:hidden} .m-swiperl1{position:relative;overflow:hidden} .m-swiperl1 .con{background-repeat:no-repeat;background-position:center center;background-size:cover;padding-top:3.37rem;display:block;height:9.8rem} .m-swiperl1 .con .right{overflow:hidden;width:49.9375%;float:right} .m-swiperl1 .con .right .tit{font-size:var(--fz40);color:#fff;line-height:1.2em;overflow:hidden;font-family:AP-Medium;margin-bottom:.21rem} .m-swiperl1 .con .right .desc{font-size:var(--fz20);color:#fff;line-height:1.2em;display:-webkit-box;box-orient:vertical;-webkit-box-orient:vertical;line-clamp:7;-webkit-line-clamp:7;overflow:hidden;margin-right:.1rem} .m-swiperl1 .con .right .pic{margin-top:.53rem;width:100%;height:auto;overflow:hidden} .m-swiperl1 .con .right .pic{display:block;width:100%;height:100%} .m-roofl .top{position:absolute;top:.91rem;left:0;width:100%;overflow:hidden;z-index:10} .m-roofl .roof{position:absolute;top:2.67rem;left:8.3%;overflow:hidden;z-index:10;width:33.65%} .ul-listl7 li{margin-bottom:.19rem} .ul-listl7 li:last-child{margin-bottom:0} .ul-listl7 .con{display:block;width:80.64516129%;border:1px solid #fff;border-radius:.05rem; background:url(../images/ls/bgl32.png) center center repeat;background:cover;font-size:0; position:relative;padding:0 .3rem;transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s; -o-transition:.5s } .ul-listl7 .con:after{content:"";position:absolute;left:.43rem;top:-.03rem;width:.74rem;height:.06rem;background:#e2ac26;display:none} .ul-listl7 .con .tit{display:inline-block;font-size:var(--fz20);color:#fff;line-height:1.06rem;font-family:AP-Bold;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;padding-right:.65rem;position:relative;max-width:100%;min-width:3.75rem} .ul-listl7 .con i{display:none;position:absolute;top:50%;right:0;width:.51rem;height:.51rem;background:url(../images/ls/iconl24.png) center center no-repeat;background-size:cover;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%)} .ul-listl7 li.hover .con{width:100%;background-image:url(../images/ls/bgl32-1.png)} .ul-listl7 li.hover .con:after{display:block} .ul-listl7 li.hover .con i{display:block} .m-empowermentl{overflow:hidden;background-repeat:no-repeat;background-position:top center;background-size:cover;padding:.94rem 1rem .64rem} .m-empowermentl .tit{font-size:.5rem;line-height:1.5em;overflow:hidden;color:#fff;font-family:AP-Medium} .m-numl{overflow:hidden;margin-bottom:.22rem} .m-numl .item{float:left;overflow:hidden;font-size:var(--fz24);color:#fff;font-family:AP-Bold;margin-right:.78rem} .m-numl .num{font-size:.7rem;line-height:1.35em;color:#fff;overflow:hidden;padding-right:.19rem} .m-enablel{background:rgba(255,255,255,.3);border-radius:.4rem;-webkit-border-radius:.4rem;-moz-border-radius:.4rem;-ms-border-radius:.4rem;-o-border-radius:.4rem;padding:.5rem 0 .38rem;overflow:hidden} .m-enablel .enable{overflow:hidden;padding-left:1.09rem;padding-top:.1rem} .m-enablel .enable .tabl3{display:none} .m-enablel .enable .pic{display:block;width:100%;height:100%;overflow:hidden;max-width:11.03rem} .m-enablel .enable .pic img{display:block;width:100%;height:100%} .ul-listl8{overflow:hidden;margin:0 -.19rem;width:21.375%;float:left;display: flex;flex-wrap: wrap;} .ul-listl8 li{width:50%;float:left;padding:0 .1rem;margin-bottom:.18rem} .ul-listl8 .con{height: 100%;display:block;background-color:#e7e7e7;overflow:hidden; border-radius:.2rem;-webkit-border-radius:.2rem;-moz-border-radius:.2rem;-ms-border-radius:.2rem; -o-border-radius:.2rem;padding:.18rem .1rem .13rem;transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s;cursor:pointer} .ul-listl8 .con .icon{width:.6rem;height:.6rem;line-height:.6rem;text-align:center;overflow:hidden;margin:0 auto;font-size:0} .ul-listl8 .con .icon img{display:inline-block;vertical-align:middle;max-width:100%;max-height:100%} .ul-listl8 .con .icon .img2{display:none} .ul-listl8 .con .tit{font-size:var(--fz16);color:#333;line-height:1.3em;text-align:center; transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s } .ul-listl8 li.hover .con{background-color:#e2ac26} .ul-listl8 li.hover .con .icon .img2{display:inline-block} .ul-listl8 li.hover .con .icon .img1{display:none} .ul-listl8 li.hover .con .tit{color:#fff} .m-choosel{overflow:hidden;padding:.88rem 0 1.11rem} .m-choosel .tit{font-size:.5rem;color:#535353;line-height:1.44em;overflow:hidden;text-align:center;font-family:AP-Bold} .ul-listl9{overflow:hidden;margin:.2rem -.2rem 0} .ul-listl9 li{width:33.33%;float:left;padding:0 .2rem} .ul-listl9 .bigt{font-size:3.6rem;color:#f2ae19;line-height:1.1em;overflow:hidden;text-align:center;font-family:AP-Bold;margin-bottom:.13rem} .ul-listl9 .desc{font-size:var(--fz22);color:#333;line-height:1.65em;overflow:hidden;text-align:center} .n-t1{text-align: center;font-size:1.6rem;color:#f2ae19;text-transform: uppercase;} .m-flexiblel{overflow:hidden;background-repeat:no-repeat;background-position:center center;background-size:cover;padding:.94rem 0 .98rem} .ul-listl10{overflow:hidden;text-align:center;padding:.46rem 1.83rem 0;display: flex;flex-wrap: wrap;} .ul-listl10 li{width:33.33%;float:left;padding:0 .22rem} .ul-listl10 .con{display:block;height: 100%;overflow:hidden;background:#f3f3f3;padding:.35rem .2rem .39rem;position:relative;transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s} .ul-listl10 .con:after{content:"";position:absolute;bottom:0;left:0;width:0;height:.06rem;background-color:#f2ae19;transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s} .ul-listl10 .con:hover:after{width:100%} .ul-listl10 .con:hover{transform:scale(.92,.92);-webkit-transform:scale(.92,.92);-moz-transform:scale(.92,.92);-ms-transform:scale(.92,.92);-o-transform:scale(.92,.92)} .ul-listl10 .icon{width:.99rem;height:.99rem;line-height:.99rem;text-align:center;overflow:hidden;font-size:0;margin:0 auto} .ul-listl10 .icon img{display:inline-block;vertical-align:middle;max-width:100%;max-height:100%} .ul-listl10 .tit{font-size:var(--fz24);color:#444;line-height:1.2em;text-align:center; /*text-overflow:ellipsis;white-space:nowrap;overflow:hidden;*/ font-family:AP-Bold;margin-bottom:.17rem} .ul-listl10 .desc{font-size:var(--fz18);line-height:1.56em;color:#444;text-align:center} .m-cyclel{overflow:hidden} .m-cyclel .cycle{overflow:hidden;padding:.75rem 0 .55rem;/*margin-bottom:.86rem*/} .m-cyclel .pic{text-align:center;width:100%;height:auto;overflow:hidden} .m-cyclel .pic img{display:inline-block;vertical-align:middle;max-width:100%;max-height:100%} .ul-listl11{overflow:hidden;margin:.08rem -.18rem 0;text-align:center} .ul-listl11 li{display:inline-block;vertical-align:middle;cursor: pointer;padding:0 .18rem;position:relative} .ul-listl11 li:after{right:-.07rem;content:"";position:absolute;top:0;height:1.22rem;width:.14rem;background:url(../images/ls/iconl47.png) center center no-repeat;background-size:.14rem auto} .ul-listl11 li:last-child:after{display:none} .ul-listl11 .con{display:block;overflow:hidden} .ul-listl11 .icon{width:1.22rem;height:1.22rem;line-height:1.22rem;text-align:center;font-size:0;background-color:#2b6b4a;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;overflow:hidden;margin:0 auto .12rem;transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s} .ul-listl11 .icon img{display:inline-block;vertical-align:middle;max-width:60%;max-height:60%} .ul-listl11 .tit{font-size:var(--fz18);color:#333;line-height:1.5em;overflow:hidden;text-align:center} .ul-listl11 .con:hover .icon,.ul-listl11 li.hover .icon{background-color:#f2af1a} .m-casel.pt86{padding-top:.86rem} .m-multielementl.styl2{padding:1.66rem 0 1.9rem} .m-multielementl.styl2 .ul-listl6{margin-top:.94rem;margin-bottom:0} .m-roofl.styl2 .top{top:.76rem} .m-roofl.styl2 .roof{top:2.17rem} .m-roofl.styl2 .m-swiperl1 .con{padding-top:3.17rem;display:block} .m-cyclel.styl2 .cycle{padding:1.16rem 0 1.13rem;margin-bottom:0} .m-cyclel.styl2 .ul-listl11{margin-top:.5rem} .m-casel.pt91{padding-top:.91rem} .m-multielementl.styl3{padding:1.68rem 0 1.9rem} .m-multielementl.styl3 .ul-listl6{margin:.94rem 0 0} .m-roofl.styl3 .top{top:1.05rem} .m-roofl.styl3 .roof{top:3.59rem} .m-roofl.styl3 .m-swiperl1 .con{padding-top:3.98rem} .m-cyclel.styl3{margin:0} .m-cyclel.styl3 .cycle{padding:1.13rem 0 1.59rem;margin-bottom:0} .m-cyclel.styl3 .ul-listl11{margin-top:.52rem} .m-futurel{overflow:hidden;background-repeat:no-repeat;background-position:center center;background-size:cover;padding:1.53rem 0 0} /* .ul-listl12{overflow:hidden;margin:2.83rem -.32rem 1.89rem} */ .ul-listl12{overflow:hidden;margin:2.36rem -0.32rem} .ul-listl12 li{width:20%;float:left;padding:0 .32rem} .ul-listl12 .con{padding-top:100%;position:relative;height:0;overflow:hidden;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%} .ul-listl12 .con:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border:2px solid #fff;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%} .ul-listl12 .con .box{position:absolute;top:.17rem;left:.17rem;bottom:.17rem;right:.17rem;background-color:rgba(255,255,255,.32);transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;display:flex;align-items:center;justify-content:center} .ul-listl12 .con .txt{font-size:var(--fz32);color:#fff;line-height:1.593em;text-align:center;font-family:AP-Bold} .ul-listl12 .con:hover .box{background:rgba(43,107,74,.32)} .m-roofl.styl4 .top{top:1.06rem} .m-roofl.styl4 .roof{top:2.6rem} .m-roofl.styl4 .m-swiperl1 .con{padding-top:3.99rem} .m-qualityl{overflow:hidden;position:relative} .m-qualityl .pic{padding-top:115.364583333%;height:0;overflow:hidden;position:relative;background-repeat:no-repeat;background-position:center center;background-size:cover} .m-qualityl .quality{position:absolute;top:0;left:0;width:100%;z-index:2;padding:1.8rem 0} .m-qualityl .quality .desc{text-align:center;font-size:var(--fz26);color:#545454;line-height:1.58em;overflow:hidden;max-width:10.15rem;margin:1.19rem auto 0} .ul-listl13{overflow:hidden;display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between} .ul-listl13 .con{display:block;overflow:hidden;text-align:center} .ul-listl13 .con .num{font-size:.6rem;color:#2a6e4c;line-height:1.2em;overflow:hidden;font-family:AP-Bold} .ul-listl13 .con .tt{font-size:var(--fz24);line-height:1.5em;overflow:hidden;color:#545454;font-family:AP-Bold} .m-solutionl{overflow:hidden} .m-solutionl .pic{display:block;width:100%;height:auto} .m-solutionl .pic img{display:block;width:100%} .m-solutionl .solution{overflow:hidden;padding:1.13rem 0 .91rem} .ul-listl13.styl2{padding:.53rem 0 1.26rem;margin: 0 -.3rem;} .ul-listl13.styl2 li{width: 25%;} .ul-listl13.styl2 .num{margin-bottom:.3rem} .ul-listl13.styl2 .tt{font-size:var(--fz18);color:#535353;line-height:1.6em;overflow:hidden;margin:0 .3rem} .ul-txtl1{overflow:hidden;margin:.37rem -.2rem .78rem} .ul-txtl1 li{width:50%;float:left;padding:0 .2rem} .ul-txtl1 .con{display:block;overflow:hidden;text-align:center} .ul-txtl1 .con .tit{font-size:var(--fz32);color:#525252;line-height:1.5em;overflow:hidden;font-family:AP-Bold;margin-bottom:.19rem} .ul-txtl1 .con .desc{font-size:var(--fz18);color:#535353;line-height:1.5em;overflow:hidden} .m-protectl{overflow:hidden;background-repeat:no-repeat;background-position:center center;background-size:cover;padding:1.01rem 0 1.33rem} .ul-listl14{overflow:hidden;margin:.69rem -.21rem 0} .ul-listl14 li{width:25%;float:left;padding:0 .21rem} .ul-listl14 .con{cursor: pointer;display:block;background-color:#fff;overflow:hidden;transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s} .ul-listl14 .pic{padding-top:61.41304347%;position:relative;height:0;overflow:hidden} .ul-listl14 .pic .img{display:block;position:absolute;top:0;left:0;width:100%;height:100%;background-repeat:no-repeat;background-position:center center;background-size:cover;transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s} .ul-listl14 .txt{text-align:center;overflow:hidden;padding:.26rem .1rem .32rem} .ul-listl14 .tit{font-size:var(--fz26);color:#444;font-family:AP-Bold;line-height:1.2em; /*text-overflow:ellipsis;white-space:nowrap;overflow:hidden;*/ margin-bottom:.07rem;transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s} .ul-listl14 .desc{font-size:var(--fz18);line-height:1.3em;height:3.9em;color:#444;display:-webkit-box;box-orient:vertical;-webkit-box-orient:vertical;line-clamp:3;-webkit-line-clamp:3;overflow:hidden;transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s} .ul-listl14 .con:hover{background-color:#2b6b4a} .ul-listl14 .con:hover .pic .img{transform:scale(1.08,1.08);-webkit-transform:scale(1.08,1.08);-moz-transform:scale(1.08,1.08);-ms-transform:scale(1.08,1.08);-o-transform:scale(1.08,1.08)} .ul-listl14 .con:hover .desc,.ul-listl14 .con:hover .tit{color:#fff} .m-cyclel.styl4 .cycle{padding:1.03rem 0 1.45rem;margin-bottom:0} .m-casel.pt99{padding-top:.99rem} .m-multielementl.styl4{padding:1.38rem 0 1.91rem} .m-multielementl.styl4 .ul-listl6{margin-top:.91rem;margin-bottom:0} .m-integrationl{overflow:hidden;background-repeat:no-repeat;background-position:center center;background-size:cover;padding:3.42rem 0 3.18rem} .m-integrationl .tit{font-size:.6rem;color:#fff;font-family:AP-Medium;overflow:hidden;margin-bottom:.23rem} .m-integrationl .desc{font-size:var(--fz22);color:#fff;line-height:1.6em;overflow:hidden;max-width:12.15rem} .m-efficientl{overflow:hidden;padding:1.12rem 0 1.05rem;background-repeat:no-repeat;background-position:center center;background-size:cover} .ul-txtl2{overflow:hidden;margin:1.4rem -.18rem 0} .ul-txtl2 li{width:50%;float:left;padding:0 .18rem;margin-bottom:.4rem} .ul-txtl2 .con{display:block;overflow:hidden;background-color:rgba(0,0,0,.6);padding:.44rem .7rem .58rem .41rem} .ul-txtl2 .con .tit{font-size:var(--fz38);color:#fff;line-height:1.5em;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;font-family:AP-Medium;margin-bottom:.15rem;transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s} .ul-txtl2 .con .desc{font-size:var(--fz18);color:#fff;line-height:1.6em;display:-webkit-box;box-orient:vertical;-webkit-box-orient:vertical;line-clamp:2;-webkit-line-clamp:2;overflow:hidden;transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s} .ul-txtl2 .con:hover .desc,.ul-txtl2 .con:hover .tit{color:#e1ab26} .m-casel.pt83{padding-top:.83rem} .m-multielementl.styl4 .ul-listl6.styl2{margin-top:1.24rem} .ul-listl6.styl2 li{padding:0 .16rem;margin-bottom: .3rem;} .jl-row1.m-developl{padding:.62rem 0 1.05rem} .m-developl .jl-tit1{margin-bottom:.51rem} .jl-row2.m-insurancel{padding:1.44rem 0 1.12rem} .jl-row2.m-insurancel .jl-tit1 .tit{margin-bottom:.02rem} .jl-row2.m-insurancel .jl-tit1 .desc{margin:.3rem auto .78rem} .jl-row2.m-insurancel .jl-pic1{margin-bottom:1.13rem} .jl-row2.m-insurancel .jl-pic1 img{ display: block; width: 100%; } .jl-row2.m-insurancel .jl-list3 li{margin-bottom:.96rem} .jl-row3.m-workingl{padding:2.64rem 0 1.45rem;-webkit-background-size: cover;-moz-background-size: cover;-ms-background-size: cover;-o-background-size: cover;background-size: cover;} .jl-row3.m-workingl .jl-tit1{margin-bottom:1.05rem} .jl-row3.m-workingl .jl-tit1 .tit{margin-bottom:.05rem} .jl-row3.m-workingl .jl-tit1 .desc{margin-top:.03rem} .jl-row4.m-servel{padding:1.98rem 0 2.86rem} .jl-row4.m-servel .jl-about3{margin-bottom:.85rem} .jl-row4.m-servel .jl-list5 .tit{margin-bottom:0} .m-multielementl.styl5{padding:1.3rem 0 .95rem} .m-multielementl.styl5 .ul-listl6{margin-top:.9rem;margin-bottom:.98rem} .m-multielementl.styl5 .tips{text-align:center;font-size:var(--fz22);color:#fff;line-height:1.6em;overflow:hidden} .m-businessl{overflow:hidden;background-repeat:no-repeat;background-position:center center;background-size:cover;padding:1.11rem 0 .81rem} .m-businessl .business{max-width:10.6rem;overflow:hidden;padding-top:1.01rem} .ul-listl15{margin:0 -.12rem} .ul-listl15 li{width:50%;float:left;padding:0 .12rem;margin-bottom:.23rem} .ul-listl15 .con{cursor: pointer;display:block;overflow:hidden;position:relative} .ul-listl15 .pic{padding-top:54.24710424%;position:relative;height:0;overflow:hidden} .ul-listl15 .pic .img{position:absolute;top:0;left:0;display:block;width:100%;height:100%;background-repeat:no-repeat;background-position:center center;background-size:cover;transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s} .ul-listl15 .pic:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:url(../images/ls/imgl18.png) center center no-repeat;background-size:cover;z-index:2} .ul-listl15 .txt{position:absolute;bottom:0;left:0;width:100%;padding:0 .4rem .27rem;z-index:3} .ul-listl15 .txt .tit{font-size:var(--fz26);color:#fff;line-height:1.2em;overflow:hidden;font-family:AP-Medium;margin-bottom:.15rem} .ul-listl15 .txt .desc{font-size:var(--fz16);line-height:1.2em;color:#fff;display:-webkit-box;box-orient:vertical; -webkit-box-orient:vertical;line-clamp:3;-webkit-line-clamp:3;overflow:hidden} .ul-listl15 .con:hover .pic .img{transform:scale(1.08,1.08);-webkit-transform:scale(1.08,1.08);-moz-transform:scale(1.08,1.08);-ms-transform:scale(1.08,1.08);-o-transform:scale(1.08,1.08)} .m-culturel{overflow:hidden} .m-culturel .culture1{overflow:hidden;background-repeat:no-repeat;background-position:center center;background-size:cover;padding:1.3rem 0 1.15rem} .ul-listl14.styl2{margin:1.15rem -.12rem 0;display: flex;flex-wrap: wrap;} .ul-listl14.styl2 li{width:20%;padding:0 .12rem} .ul-listl14.styl2 .con{height: 100%;} .ul-listl14.styl2 .pic{padding-top:54.66666666%} .ul-listl14.styl2 .tit{font-size:var(--fz26);margin-bottom:.13rem} .ul-listl14.styl2 .txt{padding:.31rem .1rem .27rem} .m-culturel .culture2{overflow:hidden;background-repeat:no-repeat;background-position:center center;background-size:cover;padding:1.34rem 0 1.23rem} .ul-txtl3{overflow:hidden} .ul-txtl3 li{width:50%;float:left} .ul-txtl3 .con{height:3.21rem;border-right:1px solid #fff;text-align:center;padding:0 1.3rem;overflow:hidden;display:flex;align-items:center;justify-content:center} .ul-txtl3 li:last-child .con{border-right:none} .ul-txtl3 .con .box{overflow:hidden;margin-bottom:.17rem} .ul-txtl3 .con .tit{font-size:var(--fz28);line-height:1.3em;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;color:#fff;font-family:AP-Medium;margin-bottom:.1rem} .ul-txtl3 .con .desc{font-size:var(--fz18);color:#fff;line-height:1.3em;overflow:hidden} .m-honorl{overflow:hidden;background-repeat:no-repeat;background-position:center center;background-size:cover;padding:1.87rem 0 1.29rem} .m-honorl .honor{overflow:hidden} .m-honorl .left{max-width:50%;float:left;overflow:hidden;padding-top:.82rem} .m-honorl .left .tit{font-size:var(--fz28);color:#525252;line-height:1.2em;overflow:hidden;margin-bottom:.14rem} .m-honorl .left .bigtit{font-size:.4rem;line-height: 1.2;color:#d1b07a;font-family:AP-Bold;overflow:hidden;margin-bottom:.35rem} .m-honorl .left .desc{font-size:var(--fz18);color:#525252;line-height:1.3em;overflow:hidden;max-width:6.4rem} .m-honorl .right{float:right;margin-right:.72rem;width:5.72rem;position:relative} .m-honorl .right .pic{height:auto;overflow:hidden;width:80%;max-width:4.16rem;margin:0 auto} .m-honorl .right:after{content:"";position:absolute;top:50%;left:0;width:100%;height:3.18rem;background:url(../images/ls/imgl25.jpg) center center no-repeat;background-size:cover;transform:translateY(-57%);-webkit-transform:translateY(-57%);-moz-transform:translateY(-57%);-ms-transform:translateY(-57%);-o-transform:translateY(-57%)} .m-honorl .right .pic img{display:block;margin:0 auto;position:relative;z-index:2} .m-joinl{overflow:hidden;background-repeat:no-repeat;background-position:center center;background-size:cover;padding:.89rem 0} .ul-txtl4{overflow:hidden;margin: 0 -1rem;padding:.86rem 0 0;display:flex;align-items:stretch} .ul-txtl4 li{width:25%;flex-shrink:0;padding:0 .44rem} .ul-txtl4 .con{height:100%;display:flex;overflow:hidden;border-bottom:2px solid #fff;padding-bottom:.25rem} .ul-txtl4 .con .icon{width:1.23rem;height:1.23rem;line-height:1.23rem;text-align:center;font-size:0;overflow:hidden;margin-right:.35rem} .ul-txtl4 .con .icon img{display:inline-block;vertical-align:middle;max-width:100%;max-height:100%} .ul-txtl4 .con .txt{overflow:hidden;padding-bottom:.1rem} .ul-txtl4 .con .tit{font-size:var(--fz22);color:#fff;line-height:1.2em;overflow:hidden;font-family:AP-Medium;margin-bottom:.08rem} .ul-txtl4 .con .info{overflow:hidden;font-size:var(--fz16);color:#fff;line-height:1.2em;overflow:hidden} .m-majorl{overflow:hidden;background-repeat:no-repeat;background-position:center center;background-size:cover;padding-top:1.79rem} .m-majorl .major1{overflow:hidden} .m-majorl .major1 .left{width:35.125%;float:left;overflow:hidden} .m-majorl .major1 .left .tit{font-size:.4rem;color:#fff;font-family:AP-Bold;overflow:hidden;line-height: 1.2;margin-bottom:.33rem} .m-majorl .major1 .left .desc{font-size:var(--fz18);color:#fff;line-height:1.3em;overflow:hidden} .m-majorl .major1 .right{overflow:hidden;float:right;width:59.4375%;padding-top:.19rem} .ul-txtl5{overflow:hidden;margin:0 -.1rem .93rem;display: flex;flex-wrap: wrap;} .ul-txtl5 li{width:33.33%;padding:0 .1rem;margin-bottom:.17rem} .ul-txtl5 .con{height: 100%;display:block;overflow:hidden;background:rgba(0,0,0,.4);transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s;padding:.41rem .1rem .38rem;cursor:pointer} .ul-txtl5 .icon{width:.73rem;height:.73rem;line-height:.73rem;font-size:0;text-align:center;margin:0 auto} .ul-txtl5 .icon img{display:inline-block;vertical-align:middle;max-width:100%;max-height:100%} .ul-txtl5 .tit{font-size:var(--fz20);line-height:1.3em;text-align:center;color:#fff;font-family:AP-Medium} .ul-txtl5 .con:hover,.ul-txtl5 li.hover .con{background:rgba(229,172,33,.8)} .m-majorl .major2{overflow:hidden;background:rgba(0,0,0,.2);padding:.87rem 0 .49rem} .m-majorl .major2 .tabl{display:none} .m-majorl .major2 .desc{font-size:var(--fz22);color:#fff;line-height:1.5em;height:6em;text-align:center;display:-webkit-box;box-orient:vertical;-webkit-box-orient:vertical;line-clamp:4;-webkit-line-clamp:4;overflow:hidden} .m-experiencel{overflow:hidden;padding:.85rem 0 .99rem} .m-experiencel .left{width:25.1875%;float:left;overflow:hidden;margin-left:8.125%} .m-experiencel .right{width:48.25%;float:right;padding-top:.19rem} .m-experiencel .pic{display:block;width:100%;height:auto} .m-experiencel .pic img{display:block;width:100%} .m-rapidl{overflow:hidden;background-repeat:no-repeat;background-position:top center;background-size:100% auto;padding-top:.64rem} .m-rapidl .pic1,.m-rapidl .pic2{display:block;width:100%;height:auto;margin-top:.51rem} .m-rapidl .pic1 img,.m-rapidl .pic2 img{display:block;width:100%} .m-rapidl .pic2{margin-top:1.04rem} .m-designl{padding:1.08rem 0 .6rem;overflow:hidden;background-position:center center;background-repeat:no-repeat;background-size:cover} .ul-txtl6{overflow:hidden;margin:0 -.18rem;display: flex;flex-wrap: wrap;} .ul-txtl6 li{width:33.33%;padding:0 .18rem} .ul-txtl6 .con{height: 100%;display:block;padding:.36rem .48rem .38rem;background:rgba(0,0,0,.6);text-align:center;overflow:hidden} .ul-txtl6 .con .tit{font-size:var(--fz24);color:#fff;line-height:1.5em;font-family:AP-Medium;margin-bottom:.13rem} .ul-txtl6 .con .desc{font-size:var(--fz18);color:#fff;line-height:1.6em;height:6.4em;display:-webkit-box;box-orient:vertical;-webkit-box-orient:vertical;line-clamp:4;-webkit-line-clamp:4;overflow:hidden} .ul-txtl7{overflow:hidden;margin:2.32rem -.18rem .55rem} .ul-txtl7 li{width:33.33%;float:left;padding:0 .18rem} .ul-txtl7 .con{display:block;overflow:hidden;text-align:center} .ul-txtl7 .con .num{ /* font-size:var(--fz38); */ font-size: 0.4rem; color:#fff;line-height:1.5em;font-family:AP-Medium;overflow:hidden;margin-bottom:.15rem} .ul-txtl7 .con .tt{font-size:var(--fz18);color:#fff;line-height:1.5em;overflow:hidden} .m-associationl{overflow:hidden;padding:0 0 1.37rem} .m-associationl .top{overflow:hidden;padding:.69rem 2.38rem 0 2.2rem} .m-associationl .top .left{float:left;max-width:60%;padding-top:.11rem} .m-associationl .top .left .tit{font-size:.6rem;line-height:1.2em;overflow:hidden;color:#2c2c2c;font-family:AP-Medium;margin-bottom:.29rem} .m-associationl .top .left .tit em{color:#2a6e4c} .m-associationl .top .left .desc{font-size:var(--fz22);line-height:1.6em;position:relative;color:#333} .m-associationl .top .left .desc:after{content:"";position:absolute;left:-1.09rem;top:50%;width:7.98rem;height:1.3rem;overflow:hidden;background-color:#c5d5cd;border-radius:.1rem;-webkit-border-radius:.1rem;-moz-border-radius:.1rem;-ms-border-radius:.1rem;-o-border-radius:.1rem;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);z-index:1} .m-associationl .top .left .desc .tt{position:relative;z-index:2} .m-associationl .top .right{float:right;max-width:40%;padding-right:1.1rem;position:relative;margin-bottom:.08rem} .m-associationl .top .right .num,.m-associationl .top .right .up{font-size:1.5rem;color:#2a6e4c;font-family:BebasNeue;line-height:1em} .m-associationl .top .right .up{position:absolute;top:-16%;right:0} .m-associationl .top .right .up2{position:absolute;bottom:-15%;right:0;font-size:.38rem;line-height:1.2em;color:#333;font-family:AP-Medium;overflow:hidden} .m-associationl .info{font-size:var(--fz18);margin-top: .5rem;line-height:1.6em;overflow:hidden;color:#333;padding:0 3.38rem 0 2.2rem} .m-qualityl2{overflow:hidden;padding:1.16rem 0 1.09rem} .m-qualityl2 .pic{width:100%;max-width:13.12rem;overflow:hidden;margin:0 auto;height:auto} .m-qualityl2 .pic img{display:block;width:100%} .jl-row5 .ul-listl5{margin-top:0;margin-bottom:.78rem} .m-pop{ position: fixed; left: 0; top: 0; right: 0; bottom: 0; cursor: auto; display: none; z-index: 1000; } .m-pop .pop-bg{ position: absolute; left: 0; top: 0; bottom: 0; right: 0; z-index: -1; background: rgba(0,0,0,.5); } .m-pop .close{ position: absolute; top: 0.1rem; right: 0.1rem; width: 0.3rem; height: auto; overflow: hidden; z-index: 10; } .m-pop .close img{ display: block; width: 100%; height: 100%; } .m-pop .inner { position: absolute; left: 50%; top: 50%; width: 80%; border-radius: 3px; overflow: hidden; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); } .m-pop .ul-listl5{ margin: 0 auto; padding: 0; } .m-pop .ul-listl5 li{ float: none; margin: 0; padding: 0; width: auto; } .m-pop .ul-listl5 .con{ display: block; width: 100%; max-height: 100%; margin: 0 auto; } .m-pop .ul-listl5 .pic{ padding-top: 56.25%; max-height: 100%; } .m-pop .ul-listl5 .con:hover .pic .img{ transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); } @media screen and (max-width:1200px){ .jl-row1.m-developl,.jl-row2.m-insurancel,.jl-row3.m-workingl,.jl-row4.m-servel,.m-businessl,.m-casel,.m-casel.pt83,.m-casel.pt86,.m-casel.pt91,.m-casel.pt99,.m-choosel,.m-comprehensivel,.m-culturel .culture1,.m-culturel .culture2,.m-designl,.m-experiencel,.m-flexiblel,.m-futurel,.m-greenl,.m-honorl,.m-integrationl,.m-joinl,.m-multielementl.styl5,.m-protectl,.m-qualityl .quality,.m-qualityl2,.m-servicel,.m-solutionl .solution,.ul-listl13.styl2{padding:.6rem 0} .m-efficientl,.m-multielementl,.m-multielementl.styl2,.m-multielementl.styl3,.m-multielementl.styl4{padding:.6rem 0 .4rem} .m-greenl{padding-bottom:0} .g-titl1 .tit{font-size:var(--fz40);margin-bottom:.1rem} .g-titl1 .bigtit,.m-integrationl .tit{font-size:var(--fz50);margin-bottom:.1rem} .ul-txtl7 .con .num,.m-integrationl .tit{font-size: var(--fz40);} .g-titl1 .desc,.m-corel .core .desc,.m-integrationl .desc,.m-swiperl1 .con .right .desc,.ul-listl2 .desc,.ul-listl6 .con .tit,.ul-txtl5 .tit{font-size:var(--fz18)} .m-corel .core .desc{width:100%} .g-titl1 .desc br{display:none} .g-titl1.fz18 .tit,.g-titl1.mb17 .tit,.g-titl1.mb20 .tit,.g-titl1.mb30 .tit{margin-bottom:.1rem} .m-greenl .green,.ul-listl1{margin-top:.4rem} .ul-listl1 li{height:auto;width:25%;margin-bottom:.3rem} .ul-listl1 .con,.ul-listl1 .con:hover{padding:.3rem;border-color:#2b6b4a;background:linear-gradient(to bottom,#fff,#c9d9d1)} .ul-listl1 .con:hover .more,.ul-listl1 .more{height:auto} .ul-listl1 .con:hover .tit,.ul-listl1 .tit{margin-bottom:.1rem} .ul-listl1 .con .img1,.ul-listl1 .con:hover .img1{display:none} .ul-listl1 .con .img2,.ul-listl1 .con:hover .img2{display:inline-block} .ul-listl1 .icon .img1,.ul-listl1 .con:hover .img1 {opacity: 0;visibility: hidden;} .ul-listl1 .icon .img2,.ul-listl1 .con:hover .img2 {opacity: 1;visibility: visible;} .m-greenl .green .wp:after,.m-greenl .green .wp:before{display:none} .m-greenl .green .wp{padding:0} .ul-listl2 .con{height:auto;padding:.3rem} .ul-listl3,.ul-listl4,.ul-listl9,.ul-txtl2{margin:.4rem -.15rem 0} .ul-listl3 li,.ul-listl4 li,.ul-listl9 li{padding:0 .15rem} .ul-listl3 .con,.ul-listl4 .con,.ul-txtl2 .con{padding:.3rem} .ul-listl3 .con .line{width:30%} .ul-listl4 .con:after{display:none} .ul-listl4 .con .icon{width:.7rem;height:.7rem;line-height:.7rem} .ul-listl5{margin:.4rem -.15rem .2rem} .ul-listl5 li,.ul-txtl2 li{padding:0 .15rem;margin-bottom:.3rem} .ul-listl5 .txt .num{font-size:0.6rem} .g-morel{width:2rem} .m-corel{padding-top:.6rem} .m-multielementl.styl3 .ul-listl6,.m-multielementl.styl4 .ul-listl6,.m-multielementl.styl5 .ul-listl6,.ul-listl6{margin:.4rem -.15rem .2rem} .ul-listl6 li{width:33.33%;max-width:2.2rem;padding:0 .15rem;margin-bottom:.3rem} .ul-listl6 .con{width:auto} .ul-listl6 .con .icon{width:.7rem;height:.7rem;line-height:.7rem} .m-corel .core{padding:.3rem 0} .m-roofl .top,.m-roofl.styl2 .top,.m-roofl.styl3 .top,.m-roofl.styl4 .top{top:.6rem} .m-roofl .roof,.m-roofl.styl2 .roof,.m-roofl.styl3 .roof,.m-roofl.styl4 .roof{left:.3rem} .ul-listl7 li{margin-bottom:.3rem} .ul-listl7 .con .tit{font-size:var(--fz22);display:block;line-height:2.5em} .ul-listl7 .con i{width:.4rem;height:.4rem} .ul-listl7 .con{width:auto;border-radius:.1rem;-webkit-border-radius:.1rem;-moz-border-radius:.1rem;-ms-border-radius:.1rem;-o-border-radius:.1rem;padding:0 .3rem} .m-empowermentl{padding:.6rem 0} .m-choosel .tit,.m-empowermentl .tit{font-size:var(--fz50)} .m-numl .num{font-size:.8rem} .m-numl .item{font-size:var(--fz26)} .m-enablel{margin:0 .3rem;padding:.3rem} .m-enablel .enable{padding:0} .m-enablel .enable .pic{max-width:none} .m-enablel .wp{padding:0} .ul-listl8 .con .icon{width:.7rem;height:.7rem;line-height:.7rem} .ul-listl11 .tit,.ul-listl8 .con .tit,.ul-listl9 .desc{font-size:var(--fz18)} .ul-listl8{width:auto;float:none;margin:0 -.15rem .3rem} .ul-listl8 li{width:10%;padding:0 .15rem;margin-bottom:.3rem} .ul-listl9 .bigt{font-size:2rem} .ul-listl10{padding:.3rem 0;margin:0 -.15rem} .ul-listl10 li{padding:0 .15rem} .ul-listl10 .con{padding:.3rem} .m-cyclel .cycle,.m-cyclel.styl2 .cycle,.m-cyclel.styl3 .cycle,.m-cyclel.styl4 .cycle{padding:.6rem 0 .3rem;margin-bottom:.4rem} .ul-listl11 li:after{display:none} .ul-listl11{margin:.4rem -.15rem 0} .ul-listl11 li{padding:0 .15rem;margin-bottom:.3rem} .m-multielementl.styl2 .ul-listl6,.m-multielementl.styl4 .ul-listl6.styl2{margin-top:.4rem} .m-cyclel.styl2 .cycle,.m-cyclel.styl3 .cycle,.m-cyclel.styl4 .cycle{margin-bottom:0} .m-cyclel.styl2 .ul-listl11,.m-cyclel.styl3 .ul-listl11{margin-top:.4rem} .ul-listl12{margin:.6rem -.15rem 0} .ul-listl12 li{padding:0 .15rem} .m-qualityl .quality .desc{max-width:none;margin:.4rem 0 0;font-size:var(--fz20)} .ul-listl13{display:block;margin:0 -.15rem} .ul-listl13 li{width:25%;float:left;padding:0 .15rem} .ul-listl13 .con .num{font-size:var(--fz50)} .ul-listl13 .con .tt{font-size:var(--fz26)} .ul-listl13.styl2 .tt{max-width:none} .ul-txtl1{margin-bottom:.6rem} .ul-listl14{margin:.4rem -.15rem 0} .ul-listl14 li{padding:0 .15rem} .jl-row2.m-insurancel .jl-tit1 .desc{margin:.4rem auto} .jl-row2.m-insurancel .jl-list3 li,.jl-row2.m-insurancel .jl-pic1,.jl-row3.m-workingl .jl-tit1,.jl-row4.m-servel .jl-about3{margin-bottom:.3rem} .m-businessl .business{max-width:none;padding-top:.4rem} .ul-listl15{margin:0 -.15rem} .ul-listl15 li{padding:0 .15rem;margin-bottom:.3rem} .ul-listl15 .txt{padding:0 .3rem .3rem} .ul-listl15 .txt .desc{height:auto} .ul-listl14.styl2{margin:.4rem -.1rem 0} .ul-listl14.styl2 li{padding:0 .1rem} .ul-txtl3 .con{padding:0 .2rem} .ul-txtl4{padding:0;margin:.4rem -.15rem 0} .ul-txtl4 li{padding:0 .15rem} .ul-txtl4 .con .icon{width:1rem;height:1rem;line-height:1rem;margin-right:.3rem} .m-majorl{padding-top:.6rem} .m-majorl .major1 .left{width:auto;float:none;margin-bottom:.4rem} .m-majorl .major1 .left .tit{font-size:var(--fz50)} .m-majorl .major1 .right{width:auto;float:none;padding-top:0} .m-majorl .major1 .left .desc{font-size:var(--fz20)} .m-majorl .major2{padding:.4rem 0} .ul-txtl5{margin-bottom:.4rem} .ul-txtl5 .con{padding:.3rem} .m-rapidl{padding-top:.6rem} .m-rapidl .pic1,.m-rapidl .pic2{margin-top:.4rem} .ul-txtl7{margin:.6rem -.15rem .4rem} .ul-txtl6 li,.ul-txtl7 li{padding:0 .15rem} .ul-txtl6 .con{padding:.3rem} .ul-txtl6{margin:0 -.15rem} .m-associationl{padding-bottom:.6rem} .m-associationl .top{padding:.6rem 0 0} .m-associationl .top .left .desc:after{left:0} .m-associationl .info{padding:0} .m-qualityl2 .pic{max-width:none} .m-associationl .top .left .tit{font-size:var(--fz50)} .m-associationl .top .left .desc,.m-associationl .top .right .up2{font-size:var(--fz22)} .m-associationl .top .right .num,.m-associationl .top .right .up{font-size:2rem} .m-associationl .top .right{padding-right:1rem} .jl-row5 .ul-listl5{margin-bottom:.3rem} } @media screen and (max-width:959px){ .ul-listl8 li{width:16.66%} } @media screen and (max-width:767px){ .ul-listl1 li,.ul-listl14.styl2 li,.ul-listl2 li,.ul-listl3 li,.ul-listl4 li{width:50%} .ul-listl14.styl2 li,.ul-listl3 li,.ul-listl4 li{margin-bottom:.3rem} .ul-listl5 li{width:auto;float:none} .m-roofl .roof,.m-roofl.styl2 .roof,.m-roofl.styl3 .roof,.m-roofl.styl4 .roof{top:auto;bottom:.3rem;left:0;width:100%;padding:0 .3rem} .m-roofl.styl2 .m-swiperl1 .con,.m-roofl.styl3 .m-swiperl1 .con,.m-roofl.styl4 .m-swiperl1 .con,.m-swiperl1 .con{padding-top:1.3rem;height:auto;padding-bottom:6.5rem} .m-roofl.styl3 .m-swiperl1 .con{padding-bottom:4rem} .m-roofl.styl2 .m-swiperl1 .con .right,.m-roofl.styl3 .m-swiperl1 .con .right,.m-roofl.styl4 .m-swiperl1 .con .right,.m-swiperl1 .con .right{width:auto;float:none;text-align:center} .m-roofl.styl2 .m-swiperl1 .con .right .tit,.m-roofl.styl3 .m-swiperl1 .con .right .tit,.m-roofl.styl4 .m-swiperl1 .con .right .tit,.m-swiperl1 .con .right .tit{font-size:var(--fz26)} .ul-listl8 li{width:20%} .ul-listl9 .bigt{font-size:1rem} .ul-listl12 li{width:33.33%;margin-bottom:.3rem} .ul-listl14 li{width:50%;margin-bottom:.3rem} .ul-listl13.styl2{padding-bottom:.2rem} .ul-listl13.styl2 li,.ul-txtl1 li{width:auto;float:none;margin-bottom:.5rem} .ul-txtl1 li:last-child{margin-bottom:0} .ul-listl14 li{margin-bottom:.3rem} .m-honorl .left{max-width:none;float:none;padding:0;margin-bottom:.4rem} .m-honorl .left .bigtit{font-size:var(--fz50)} .m-honorl .left .desc{max-width:none} .m-honorl .right{float:none;width:50%;margin:0 auto} .m-honorl .right .pic{width:70%} .m-honorl .right:after{transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%)} .ul-txtl4{display:block} .ul-txtl4 li{width:100%;margin-bottom:.6rem} .ul-txtl4 li:last-child{margin-bottom:0} .ul-txtl4 .con .txt{padding-bottom:0} .ul-txtl5 li{width:50%;margin-bottom:.3rem} .ul-txtl5 .icon{width:.8rem;height:.8rem;line-height:.8rem;margin:0 auto .2rem} .m-numl .num{font-size: 0.6rem;} .m-numl .item{font-size: var(--fz22);} .m-pop .close{ width: 0.4rem; } .m-pop .inner{ width: 95%; } } @media screen and (max-width:480px){ .ul-listl10 li,.ul-listl13.styl2 li,.ul-listl14 li,.ul-listl14.styl2 li,.ul-listl15 li,.ul-listl3 li,.ul-txtl2 li,.ul-txtl3 li,.ul-txtl6 li,.ul-txtl7 li{width:auto;float:none} .ul-listl10 li:last-child,.ul-listl3 li:last-child,.ul-txtl3 li:last-child{margin-bottom:0} .ul-listl3 .con .desc{height:auto} .ul-listl6 li{max-width:none} .m-swiperl1 .con .right{width:auto} .ul-listl8 li{width:33.33%} .ul-listl10 li{margin-bottom:.3rem} .ul-listl10 .desc,.ul-txtl6 .con .desc{height:auto} .ul-listl11 li{width:33.33%;display:block;float:left} .ul-listl12 li,.ul-listl13 li{width:50%} .ul-listl13 li,.ul-txtl3 li,.ul-txtl6 li,.ul-txtl7 li{margin-bottom:.3rem} .ul-txtl2 .con .desc{display:block;overflow:visible} .ul-txtl3 .con{height:auto;border:none;padding:0} .ul-txtl3 .con .desc br{display:none} .m-honorl .right{width:auto} .m-honorl .right .pic{width:60%} .m-experiencel .left{width:50%;float:none;margin:0 auto .3rem} .m-experiencel .right{width:auto;float:none} .m-associationl .top .left{max-width:none;float:none} .m-associationl .top .right{float:none;max-width:none;display:inline-block;margin-bottom:0} } /*!****** ls end *******/ .jl-ban{position:relative;overflow:hidden} .jl-ban .img{padding-top:56.04%;background-repeat:no-repeat;background-position:center;background-size:cover;overflow:hidden} .jl-ban .info{position:absolute;top:50%;left:0;right:0;transform:translateY(-50%);text-align:center;color:#fff;z-index:2} .jl-ban .tit{font-size:1.07rem;font-weight:700} .jl-ban .tit2{font-size:.67rem;font-weight:700} .jl-about1{padding:1.25rem 0;background-color:#296a4a;text-align:center;color:#fff;overflow:hidden} .jl-about1 .tit{font-size:.64rem;margin-bottom:.3rem;font-weight:700} .jl-about1 .desc{font-size:var(--fz20);line-height:1.8;max-width:12rem;margin:0 auto .7rem} .jl-list1{display:flex;align-items:center;justify-content:center;flex-wrap:wrap} .jl-list1 .con{display:flex;flex-direction:column;justify-content:center;border:1px solid transparent;border-radius:.1rem;width:1.6rem;height:1.6rem;transition:.5s} .jl-list1 .con:hover{border-color:#fff} .jl-list1 .icn{display:block;height:.48rem;line-height:.48rem;font-size:0;margin-bottom:.1rem} .jl-list1 .icn img{display:inline-block;vertical-align:middle;max-height:100%} .jl-list1 .txt{font-size:var(--fz16)} .jl-row1{padding:1rem 0;overflow:hidden} .jl-tit1{margin-bottom:.6rem;text-align:center;color:#1d1d1d} .jl-tit1.white{color:#fff} .jl-tit1.tal{text-align:left} .jl-tit1 .tit{font-size:.5rem;font-weight:700} .jl-tit1 .titsub{font-size:var(--fz22);opacity:.6;margin-top:.1rem} .jl-tit1 .desc{font-size:var(--fz20);opacity:.6;max-width:9rem;margin:.2rem auto 0} .jl-tit1.white .desc,.jl-tit1.white .titsub{opacity:1} .jl-list2{overflow:hidden} .jl-list2 .con{display:flex;align-items:center;min-height:3.04rem;position:relative;z-index:2;background-color:#f5f5f5;padding:.7rem 1rem .7rem 1.4rem;color:#1d1d1d;transition:.5s} .jl-list2 .con:hover{color:#fff} .jl-list2 .con:after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background-image:url(../images/jl/bg01.jpg);background-repeat:no-repeat;background-position:center;background-size:cover;z-index:-1;opacity:0;transition:.5s} .jl-list2 .con:hover::after{opacity:1} .jl-list2 .icn{flex-shrink:0;display:block;width:.96rem;height:.96rem;line-height:.96rem;text-align:center;margin-right:.95rem;transition:.5s} .jl-list2 .con:hover .icn{filter:brightness(0) invert(100%)} .jl-list2 .icn img{display:inline-block;vertical-align:middle;max-height:100%} .jl-list2 .tit{flex-shrink:0;width:9em;margin-right:.7rem;font-size:var(--fz24);font-weight:700} .jl-list2 .desc{flex:1;font-size:var(--fz20);line-height:1.5;overflow:hidden} .jl-row2{padding:1.63rem 0 1.13rem;background-repeat:no-repeat;background-position:center;background-size:cover;overflow:hidden} .jl-pic1{font-size:0;margin-bottom:1.34rem} .jl-list3{display:flex;flex-wrap:wrap} .jl-list3 li{width:25%;margin-bottom:1rem} .jl-list3 .con{display:block;text-align:center} .jl-list3 .tit{font-size:.5rem;font-weight:700;color:#296a4a;font-family:HarmonyOS_Sans_SC_Bold} .jl-list3 .desc{font-size:var(--fz20);color:#1d1d1d;opacity:.6} .jl-row3{padding:2.8rem 0 1.6rem;background-repeat:no-repeat;overflow:hidden} .jl-about2{display:flex;align-items:start} .jl-about2 .info{flex:1;overflow:hidden} .jl-about2 .pic{flex-shrink:0;display:block;width:6.57rem;margin-left:2.04rem;font-size:0} .jl-list4{display:flex;flex-wrap:wrap} .jl-list4 li{width:33.33%;margin-bottom:.6rem} .jl-list4 .tit{font-size:.4rem;color:#000;font-weight:700} .jl-list4 .desc{font-size:var(--fz18);color:#1d1d1d;opacity:.6} .jl-row4{color:#fff;padding:2.02rem 0 2.92rem;background-repeat:no-repeat;background-position:center;background-size:cover;overflow:hidden} .jl-about3{display:flex;align-items:center;margin-bottom:.9rem} .jl-about3 .icn{flex-shrink:0;display:block;font-size:0;width:1.58rem;margin-right:.59rem} .jl-about3 .txt{flex-shrink:0;display:block;margin-right:1.26rem;text-align:center} .jl-about3 .txt .tit{font-size:.4rem;margin-bottom:.1rem} .jl-about3 .txt .titsub{font-size:var(--fz20);opacity:.6} .jl-about3 .info{flex:1;padding-right:2rem;overflow:hidden} .jl-about3 .info .tit{font-size:var(--fz24);margin-bottom:.1rem} .jl-about3 .info .desc{font-size:var(--fz16);opacity:.6;margin-bottom:.3rem} .jl-about3 .info .desc:last-child{margin-bottom:0} .jl-list5{display:flex;align-items:start;justify-content:space-between} .jl-list5 .con{display:block;text-align:center} .jl-list5 .tit{font-size:.4rem;line-height: 1.1;font-weight:700;margin-bottom:.1rem} .jl-list5 .desc{font-size:var(--fz18)} .jl-ban2{position:relative;overflow:hidden} .jl-ban2 .img{padding-top:51.04%;background-repeat:no-repeat;background-position:center;background-size:cover} .jl-ban2 .info{position:absolute;top:50%;left:0;right:0;text-align:center;color:#fff;transform:translateY(-50%);z-index:2} .jl-ban2 .tit{font-size:.5rem;font-weight:700;line-height:1.1} .jl-ban2 .line{display:block;width:1.2rem;height:.06rem;background-color:#e5ac21;margin:.3rem auto} .jl-ban2 .desc{font-size:.32rem} .jl-pos{position:sticky;top:.7rem;z-index:599;background-color:#f7f9f8} .jl-pos.sty1{position:static} .jl-pos .bigtit{display:none;align-items:center;justify-content:space-between;font-size:var(--fz20);line-height:1rem;padding:0 .3rem} .jl-pos .bigtit .tit{flex:1;font-weight:700;overflow:hidden} .jl-pos .bigtit .arr{flex-shrink:0;cursor:pointer} .jl-tab1{font-size:0;text-align:center} .jl-tab1 li{display:inline-block;vertical-align:middle;margin:0 .35rem} .jl-tab1 a{display:block;font-size:var(--fz18);color:#212121;line-height:.7rem;position:relative;transition:.5s} .jl-tab1 .on a,.jl-tab1 a:hover{color:#2b6b4a} .jl-tab1 a::after{content:'';position:absolute;left:0;right:0;bottom:0;height:.02rem;background-color:#2b6b4a;z-index:2;opacity:0;transition:.5s} .jl-tab1 .on a::after,.jl-tab1 a:hover::after{opacity:1} .jl-row5{padding:.63rem 0 1.15rem;overflow:hidden} .jl-tab2{display:flex;align-items:start;border-bottom:1px solid #d6d6d6;margin-bottom:.73rem} .jl-tab2 .lab{display:block;width:.83rem;line-height:.47rem;text-align:center;font-size:var(--fz16);color:#fff;margin-right:.4rem;background-color:#2b6b4a} .jl-tab2 .list{flex:1;display:flex;flex-wrap:wrap;overflow:hidden} .jl-tab2 .list li a{display:block;font-size:var(--fz18);color:#525252;line-height:.47rem;margin-right:.5rem;cursor:pointer;transition:.5s} .jl-tab2 .list .on a,.jl-tab2 .list li a:hover{color:#2b6b4a} .jl-list6{display:flex;flex-wrap:wrap;margin:0 -.28rem} .jl-list6 li{display:block;width:33.33%;padding:0 .28rem;margin-bottom:.83rem} .jl-list6 .con{display:block} .jl-list6 .pic{margin-bottom:.38rem;overflow:hidden} .jl-list6 .img{padding-top:63.96%;background-repeat:no-repeat;background-position:center;background-size:cover;transition:.5s} .jl-list6 .con:hover .img{transform:scale(1.08)} .jl-list6 .info{font-size:var(--fz16);line-height:1.6;overflow:hidden} .jl-list6 .tit{font-size:var(--fz24);color:#000;height:3.2em;margin-bottom:.3rem;-webkit-box-orient:vertical;-webkit-line-clamp:2;display:-webkit-box;overflow:hidden} .jl-list6 .desc{color:#525252;height:3.2em;-webkit-box-orient:vertical;-webkit-line-clamp:2;display:-webkit-box;overflow:hidden} .jl-list6 .date{color:#2b6b4a;margin-top:.3rem} .jl-pages{font-size:0} .jl-pages li{display:inline-block;vertical-align:middle;margin-right:.1rem;font-size:var(--fz16);color:#545454} .jl-pages a{display:flex;align-items:center;justify-content:center;min-width:.4rem;height:.4rem;padding:0 .1rem;text-align:center;color:inherit;border:1px solid #d6d6d6;transition:.5s} .jl-pages .on a,.jl-pages a:hover{background-color:#2b6b4a;color:#fff} .jl-pages img{transition:.5s} .jl-pages a:hover img{filter:brightness(0) invert(100%)} .jl-ban3{overflow:hidden} .jl-ban3 .img{height:1.6rem;background-image:url(../images/jl/bg-g1.jpg);background-color:#2b6b4a;background-repeat:no-repeat;background-position:top;background-size:cover} .jl-cur{background-color:#f7f9f8} .jl-cur .cur{font-size:var(--fz18);color:#212121} .jl-cur .cur a{display:inline-block;vertical-align:middle;color:inherit;font-size:var(--fz18);transition:.5s} .jl-cur .cur a:hover{color:#296a4a} .jl-cur .cur p{display:inline-block;vertical-align:middle} .jl-about4{padding:.92rem 0 1.55rem} .jl-about4 .topbox{border-bottom:1px solid #d6d6d6;padding-bottom:.39rem;margin-bottom:.75rem} .jl-about4 .bigtit{font-size:.6rem;color:#202020;line-height:1.6;margin-bottom:.45rem} .jl-about4 .date{font-size:var(--fz16);color:#2b6b4a} .jl-about4 .info{font-size:var(--fz18);color:#202020} .jl-about4 .info img{display:block;margin:0 auto;max-width:100%} .jl-sobox{padding:1.4rem 0;background-color:#f7f9f8} .jl-sobox .sobox{display:flex;background-color:#fff;border-radius:50px;overflow:hidden} .jl-sobox .inp{flex:1;overflow:hidden} .jl-sobox .inp input{display:block;width:100%;height:.7rem;line-height:.7rem;padding:0 .3rem;font-size:var(--fz16);color:#000} .jl-sobox .btn{flex-shrink:0;width:1.73rem;line-height:.7rem;background-color:#6b91b1;border:none;text-align:center;font-size:var(--fz18);color:#fff;border-radius:50px} .jl-tab3{text-align:center;font-size:0;border-bottom:1px solid #d6d6d6;padding-bottom:.5rem;margin-bottom:.67rem} .jl-tab3 li{display:inline-block;vertical-align:middle;margin:0 .35rem;background-color:#d6d6d6;border-radius:50px;font-size:var(--fz18);color:#222;width:2.25rem;line-height:.46rem;text-align:center;cursor:pointer;transition:.5s} .jl-tab3 li.on,.jl-tab3 li:hover{background-color:#e5ac21;color:#fff} .jl-vidbox1{position:relative} .jl-vidbox1 .play{position:absolute;top:50%;left:50%;width:1.18rem;height:1.18rem;transform:translate(-50%,-50%);background-image:url(../images/jl/i15.png);background-repeat:no-repeat;background-position:center;background-size:cover;z-index:2;cursor:pointer} .jl-vidbox1 video{display:block;width:100%} .jl-row6{position:relative;background-color:#f2f2f2;padding:1.2rem 0 1.32rem} .jl-about5{display:flex;align-items:center} .jl-about5 .info{flex:1;line-height:1.1;color:#222;overflow:hidden} .jl-about5 .tit1{font-size:.4rem} .jl-about5 .tit2{font-size:.6rem;font-weight:700;margin-bottom:.4rem} .jl-about5 .desc{font-size:var(--fz22);color:#000;margin-bottom:.4rem} .jl-more1{font-size:0} .jl-more1.tac{text-align:center} .jl-more1 a{display:inline-block;width:1.48rem;height:.36rem;line-height:.36rem;background-color:#2b6b4a;text-align:center;font-size:var(--fz16);color:#fff;transition:.5s} .jl-more1 a:hover{opacity:.7} .jl-pop1{position:absolute;top:50%;left:0;right:0;transform:translateY(-50%);z-index:9;display:none} .jl-pop1 .pop-con{position:relative;display:block;width:95%;max-width:16rem;margin:0 auto;background-color:#fff;border-radius:.2rem;padding:.4rem .4rem .7rem;box-shadow:0 0 .15rem rgba(0,0,0,.2)} .jl-pop1 .pop-close{position:absolute;top:.13rem;right:.2rem;width:.7rem;line-height:.36rem;font-size:var(--fz16);color:#fff;text-align:center;background-color:#2b6b4a;z-index:2;cursor:pointer;transition:.5s} .jl-pop1 .pop-close:hover{opacity:.7} .jl-list7{flex-shrink:0;display:flex;flex-wrap:wrap;margin-left:.62rem;margin-bottom:-.3rem;width:8.2rem;margin-right:-.18rem} .jl-list7 li{width:50%;padding:0 .18rem;margin-bottom:.3rem} .jl-list7 .con{padding:.5rem 0;text-align:center;background-color:#fff;font-weight:700;overflow:hidden;height: 100%;} .jl-list7 .t{font-size:.4rem;color:#2a6f4d;line-height:1.1} .jl-list7 .p{font-size:var(--fz20);color:#555} .jl-row7{padding:1.2rem 0 .98rem;background-repeat:no-repeat;background-position:center;background-size:cover;overflow:hidden} .jl-about6{color:#fff} .jl-about6 .tit1{font-size:.6rem;line-height:1.1} .jl-about6 .tit2{font-size:.5rem;line-height:1.2;margin-bottom:1.7rem} .jl-list8{display:flex;justify-content:space-between} .jl-list8 li{display:block;width:3.4rem;height:3.4rem;border-radius:50%;border:.03rem solid #fff;padding:.22rem} .jl-list8 .con{display:block;height:100%;position:relative;border-radius:50%;background-color:rgba(43,103,74,.8);cursor:pointer} .jl-list8 .info{position:absolute;top:50%;left:0;right:0;text-align:center;transform:translateY(-50%);z-index:2} .jl-list8 .tit{font-size:var(--fz30);font-weight:700;line-height:1.1} .jl-list8 .desc{display:none;font-size:var(--fz18);margin-top:.2rem;line-height:1.6} .jl-row8{padding:1.34rem 0 1.24rem;background-repeat:no-repeat;background-position:center;background-size:cover;overflow:hidden} .jl-tit2{text-align:center;margin-bottom:.7rem} .jl-tit2 .tit{font-size:.5rem;font-weight:700;color:#222;line-height:1.1} .jl-tit2 .desc{font-size:var(--fz18);color:#222;margin-top:.2rem;line-height:1.6} .jl-swiper1{margin-bottom:1rem} .jl-swiper1 .con{display: flex;align-items: start;} .jl-swiper1 .txt{flex:1;padding-top:.3rem;color:#222;overflow:hidden} .jl-swiper1 .tit{font-size:.5rem;margin-bottom:.3rem} .jl-swiper1 .desc{font-size:var(--fz22)} .jl-swiper1 .pic{display:block;width:6.72rem;margin-left:.4rem;font-size:0} .jl-swiper2{position:relative;padding:0 1.2rem} .jl-swiper2::after{content:'';position:absolute;left:50%;bottom:100%;width:16.01rem;height:.14rem;margin-bottom:.17rem;transform:translateX(-50%);background-image:url(../images/jl/i16.png);background-repeat:no-repeat;background-position:center;background-size:cover;z-index:2} .jl-swiper2 .swiper-slide{text-align:center;font-size:var(--fz16);color:#222;line-height:.58rem;cursor:pointer;background-repeat:no-repeat;background-position:center;background-size:contain;} .jl-swiper2 .swiper-slide-thumb-active{color:#e5ac21;background-image:url(../images/jl/i19.png)} .jl-arr1{position:absolute;top:50%;left:.8rem;right:.8rem;z-index:2} .jl-arr1 .arr{position:absolute;top:50%;font-size:0;width:.55rem;transform:translateY(-50%);z-index:2;cursor:pointer} .jl-arr1 .prev{left:0} .jl-arr1 .next{right:0} .jl-row9{padding:.9rem 0 0;background-repeat:no-repeat;background-position:center;background-size:cover;overflow:hidden} .jl-swiper3 .swiper-container{padding-bottom:.9rem} .jl-swiper3 .swiper-wrapper{align-items:center} .jl-swiper3 .pic{font-size:0;position:relative;z-index:2} .jl-swiper3 .pic img{width:100%} .jl-swiper3 .pic .invimg{position:absolute;top:100%;left:0;right:0;opacity:.05;transform:scaleY(-1);z-index:-1} .jl-row10{padding-top:.6rem;background-color:#777;overflow:hidden} .jl-list9{display:flex;flex-wrap:wrap;margin:0 -.1rem} .jl-list9 li{width:16.66%;padding:0 .1rem;margin-bottom:.2rem} .jl-list9 .con{height: 100%;display:block;text-align:center;background-color:#7e7e7e;padding:.3rem 0;color:#fff;line-height:1.1;cursor:pointer;transition:.5s} .jl-list9 .con:hover{background-color:#e5ac21} .jl-list9 .tit{font-size:var(--fz30);margin-bottom:.15rem} .jl-list9 .desc{font-size:var(--fz18)} .jl-row11{padding:1.3rem 0 1.2rem;overflow:hidden} .jl-row12{color:#fff;padding:1.95rem 0 1rem;background-repeat:no-repeat;background-position:center;background-size:cover;overflow:hidden} .jl-row12 .jl-tit1 .desc{margin:.2rem 0 0;max-width:none;text-align:left} .jl-list10{display:flex;justify-content:space-evenly;margin-bottom:0.8rem;} .jl-list10 li{cursor: pointer;} .jl-list10 .con{display:block;text-align:center} .jl-list10 .icn{display:block;width:.75rem;height:.7rem;line-height:.7rem;margin:0 auto .24rem;font-size:0;transition:.5s;} .jl-list10 .con:hover .icn{transform:translateY(-0.1rem);} .jl-list10 .icn img{display:inline-block;vertical-align:middle;max-height:100%} .jl-list10 .tit{text-align:center;font-size:var(--fz24)} .jl-list10 .tit span{ display: block;font-size: var(--fz20); } .jl-tabinfo{text-align: center;font-size: var(--fz24);} .jl-row13{background-color:#f5f5f5;padding:1.09rem 0 .62rem} .jl-about7{display:flex} .jl-about7 .info{flex:1;color:#333;overflow:hidden} .jl-about7 .tit{font-size:.6rem;color:#212121;font-weight:700;margin-bottom:.26rem} .jl-about7 .tit span{font-size:.8rem;margin-right:.2rem} .jl-about7 .desc1{font-size:var(--fz22);margin-bottom:.3rem} .jl-about7 .desc2{font-size:var(--fz18)} .jl-about7 .pic{flex-shrink:0;display:block;font-size:0;width:8.01rem;margin-left:.4rem} .jl-row14{color:#fff;padding:1.62rem 0 1.74rem;background-repeat:no-repeat;background-position:center;background-size:cover;overflow:hidden} .jl-list11{display:flex;margin-bottom:1.18rem;color:#333} .jl-list11.white{color:#fff} .jl-list11 li{flex:1;text-align:center;margin-right:.5rem;overflow:hidden} .jl-list11 li:last-child{margin-right:0} .jl-list11 .num{font-size:.7rem;line-height:1.4;font-family:BebasNeue} .jl-list11 .tit{font-size:var(--fz24);margin-bottom:.14rem} .jl-list11 .desc{font-size:var(--fz16)} .jl-list12{display:flex;justify-content:space-between} .jl-list12 li{display:block} .jl-list12 .icn{display:block;width:1.63rem;margin:0 auto .24rem;font-size:0} .jl-list12 .txt{text-align:center;font-size:var(--fz20);color:#fff} .jl-imgtit{display:block;width:13.18rem;margin:0 auto .7rem;font-size:0;text-align:center} .jl-row15{padding:1.04rem 0 0;overflow:hidden} .jl-row16{padding:1.22rem 0 1.33rem;background-color:#f4f4f4;overflow:hidden} .jl-con1 .top{position:relative;font-size:.6rem;color:#333;margin-bottom:.6rem} .jl-con1 .p1{margin-bottom:.4rem} .jl-con1 .t1{margin-left:.4rem;width:4.98rem;height:.76rem;line-height:.76rem;border-radius:.06rem;text-align:center;background-color:rgba(42,111,77,.23);color:#2a6d4c} .jl-con1 .num{position:absolute;top:55%;left:49%;transform:translateY(-50%);font-size:3rem;color:#2a6d4c;font-family:BebasNeue;line-height:1} .jl-con1 .p2{position:absolute;right:0;bottom:0;z-index:2} .jl-con1 .desc{font-size:var(--fz18);color:#333;margin-right:-0.2rem;} .jl-row17{padding:1.33rem 0;background-repeat:no-repeat;background-position:center;background-size:cover;overflow:hidden} .jl-con2{display:flex;align-items:center;padding:0 2.5rem 0 3.2rem;margin-bottom:.9rem;color:#fff} .jl-con2 .info{flex:1;overflow:hidden} .jl-con2 .tit{font-size:var(--fz38);margin-bottom:.2rem} .jl-con2 .tit:nth-child(2){margin-bottom:.1rem} .jl-con2 .desc{font-size:var(--fz18)} .jl-con2 .year{flex-shrink:0;font-size:.6rem;line-height:1;font-weight:700} .jl-con2 .year span{font-size:2rem;font-family:BebasNeue;font-weight:initial;margin-right:.2rem} .jl-list13{display:flex} .jl-list13 li{flex:1;margin-right:.37rem;overflow:hidden} .jl-list13 li:last-child{margin-right:0} .jl-list13 .con{padding:.6rem 0 .5rem;background-color:rgba(0,0,0,.6);text-align:center;color:#fff} .jl-list13 .tit{font-size:var(--fz38);margin-bottom:.1rem} .jl-list13 .desc{font-size:var(--fz18)} @media screen and (max-width:1200px){ .jl-ban .tit{font-size:var(--fz40)} .jl-ban .tit2{font-size:var(--fz22)} .jl-ban2 .line{margin:.2rem auto} .jl-ban2 .tit{font-size:var(--fz40)} .jl-ban2 .desc{font-size:var(--fz22)} .jl-pos{top:1rem} .jl-pos .bigtit{display:flex} .jl-tab1{display:none} .jl-tab1 li{display:block;margin:0 .3rem;text-align:left} .jl-about1{padding:.4rem 0} .jl-about1 .tit{font-size:var(--fz32)} .jl-about1 .desc{font-size:var(--fz20);max-width:none;padding:0 .6rem;margin-bottom:.3rem} .jl-list1{justify-content:space-evenly} .jl-list1 .con{width:1.8rem;height:1.8rem} .jl-list1 .txt{font-size:var(--fz12)} .jl-row1{padding:.4rem 0} .jl-tit1{margin-bottom:.3rem} .jl-tit1 .tit{font-size:var(--fz40)} .jl-tit1 .titsub{font-size:var(--fz24)} .jl-list2 .con{display:block;min-height:none;padding:.3rem} .jl-list2 .icn{margin-right:0;margin-bottom:.2rem} .jl-list2 .tit{width:auto;margin-right:0;margin-bottom:.2rem} .jl-row2{padding:.4rem 0} .jl-pic1{margin-bottom:.3rem} .jl-list3 li{width:50%;margin-bottom:.3rem} .jl-list3 .tit{font-size:var(--fz40)} .jl-row3{padding:.4rem 0} .jl-about2{display:block} .jl-about2 .pic{margin-left:0;width:auto} .jl-list4 .tit{font-size:var(--fz40)} .jl-list4 li{width:50%;margin-bottom:.3rem} .jl-row4{padding:.4rem 0} .jl-about3{display:block;margin-bottom:.3rem} .jl-about3 .icn{width:1.2rem;margin:0 auto .3rem} .jl-about3 .txt{margin-right:0;margin-bottom:.3rem} .jl-about3 .info{padding-right:0} .jl-list5{flex-wrap:wrap} .jl-list5 li{width:50%;margin-bottom:.3rem} .jl-list5 .tit{font-size:var(--fz40)} .jl-row5{padding:.4rem 0} .jl-tab2{margin-bottom:.3rem} .jl-tab2 .lab{width:1rem;line-height:.5rem;margin-right:.3rem} .jl-tab2 .list li{margin-right:.3rem;line-height:.5rem} .jl-list6{margin:0 -.1rem} .jl-list6 li{width:50%;padding:0 .1rem;margin-bottom:.3rem} .jl-list6 .pic{margin-bottom:.2rem} .jl-list6 .tit{font-size:var(--fz20);margin-bottom:.2rem} .jl-list6 .date{margin-top:.2rem} .jl-pages a{height:.6rem;min-width:.6rem} .jl-sobox{padding:.4rem 0} .jl-tab3{padding-bottom:.3rem;margin-bottom:.3rem} .jl-tab3 li{line-height:.6rem;margin:0 .1rem} .jl-vidbox1 .play{width:.8rem;height:.8rem} .jl-row6{padding:.4rem 0} .jl-about5{display:block} .jl-about5 .info{margin-bottom:.3rem} .jl-about5 .tit1{font-size:var(--fz24)} .jl-about5 .tit2{font-size:var(--fz40);margin-bottom:.2rem} .jl-about5 .desc{font-size:var(--fz18);margin-bottom:.2rem} .jl-more1 a{width:1.8rem;height:.6rem;line-height:.6rem} .jl-pop1 .pop-con{padding:.3rem} .jl-pop1 .pop-close{width:1rem;line-height:.5rem} .jl-list7{width:auto;margin:0 -.1rem} .jl-list7 li{padding:0 .1rem;margin-bottom:.2rem} .jl-list7 .con{padding:.3rem 0} .jl-list7 .t{font-size:var(--fz40)} .jl-list7 .p{font-size:var(--fz20)} .jl-row7{padding:.4rem 0} .jl-about6 .tit1{font-size:var(--fz24)} .jl-about6 .tit2{font-size:var(--fz40);margin-bottom:1rem} .jl-list8{flex-wrap:wrap} .jl-list8 li{width:3.2rem;height:3.2rem;padding:.15rem;margin-bottom:.3rem} .jl-list8 .tit{font-size:var(--fz24)} .jl-list8 .desc{display:block;font-size:var(--fz12)} .jl-row8{padding:.4rem 0} .jl-tit2{margin-bottom:.3rem} .jl-swiper1{margin-bottom:.3rem} .jl-swiper1 .con{display:block} .jl-swiper1 .txt{margin-bottom:.3rem} .jl-swiper1 .tit{font-size:var(--fz40);margin-bottom:.2rem} .jl-swiper1 .pic{width:auto;margin-left:0} .jl-swiper2{padding:0 .6rem} .jl-swiper2::after{margin-bottom: 0.05rem;} .jl-arr1{left:0;right:0} .jl-swiper2 .swiper-slide{line-height:.6rem} .jl-arr1 .arr{width:.6rem} .jl-row9{padding:.4rem 0 0} .jl-tit2 .tit{font-size:var(--fz40)} .jl-row10{padding:.4rem 0} .jl-list9{margin:0 -.1rem} .jl-list9 li{width:50%;padding:0 .1rem;margin-bottom:.1rem} .jl-row11{padding:.4rem 0} .jl-row12{padding:.4rem 0} .jl-list10{flex-wrap:wrap;margin-bottom:0.2rem;} .jl-list10 li{margin-bottom:0.2rem;} .jl-list10 .tit{font-size:var(--fz20)} .jl-list10 .icn{width:.6rem;height:.6rem;line-height:.6rem} .jl-tabinfo{font-size:var(--fz18);} .jl-row13{padding:.4rem 0} .jl-about7{display:block} .jl-about7 .tit{font-size:var(--fz24)} .jl-about7 .tit span{font-size:var(--fz40)} .jl-about7 .pic{width:auto;margin-left:0} .jl-row14{padding:.4rem 0} .jl-list11{display:block;margin-bottom:.3rem} .jl-list11 li{flex:none;margin-right:0;margin-bottom:.2rem} .jl-list12{flex-wrap:wrap} .jl-list12 li{width:50%;margin-bottom:.2rem} .jl-row15{padding:.4rem 0} .jl-imgtit{width:auto;margin-bottom:.3rem} .jl-row16{padding:.4rem 0} .jl-con1 .top{padding-top:.4rem;font-size:var(--fz22);margin-bottom:.4rem} .jl-con1 .t1{width:3rem;margin-left:.4rem} .jl-con1 .num{left:40%} .jl-con1 .desc{margin-right:0;} .jl-row17{padding:.4rem 0} .jl-con2{display:block;padding:0;margin-bottom:.3rem} .jl-con2 .year{font-size:var(--fz40)} .jl-list13{display:block} .jl-list13 li{margin-right:0;margin-bottom:.3rem} } @media screen and (max-width:750px) { .jl-list6 li{width: 100%;} } .row-z1{padding: 1.63rem 0 0;height: 100vh; background-position: center;background-repeat: no-repeat; -o-background-size: cover; -ms-background-size: cover; -moz-background-size: cover; -webkit-background-size: cover; background-size: cover; } .m-list1{display: flex;flex-wrap: wrap;margin: .35rem -.15rem 0;} .m-list1 li{width: 33.33%;} .m-list1 .con{margin: 0 .15rem;height: 2.4rem;text-align: center; background-color: rgba(0,0,0,.6);color: #fff;padding: .32rem .4rem 0; } .m-list1 .tit{font-size: .4rem;margin-bottom: .15rem;} .m-list1 .desc{font-size: .2rem;line-height: 1.3;} .m-tab{display: flex;flex-wrap: wrap;justify-content: center;margin: .72rem 0 .33rem;} .m-tab li{width: 4.3rem;margin: 0 .15rem;} .m-tab .con{display: block;height: .96rem;border-radius: .48rem;text-align: center; line-height: .96rem;font-size: .20rem;color: #fff;font-weight: bold; background-color: rgba(0,0,0,.6); transition: .5s; -ms-transition: .5s; -moz-transition: .5s; -webkit-transition: .5s; -o-transition: .5s; } .m-tab .ico{display: inline-block;vertical-align: middle;width: .4rem;height: .4rem; margin-right: .15rem;position: relative;top: -2px; } .m-tab .ico img{width: 100%;height: 100%;display: block;} .m-tab li:hover .con{background-color: rgba(225, 170, 35, .6);} .m-tips{text-align: center;font-size: .22rem;color: #FFF;} .row-z2{padding: 1.55rem 0 0;height: 100vh; background-position: center;background-repeat: no-repeat; -o-background-size: cover; -ms-background-size: cover; -moz-background-size: cover; -webkit-background-size: cover; background-size: cover; } .m-tips2{margin-top: 1.7rem;} .m-tips2 .desc{font-size: .34rem;color: #FEFEFE;line-height: .5rem;text-align: right;} .m-tips2 .desc span{font-size: .5rem;} .row-z3{padding: 1.55rem 0 0;height: 100vh; background-position: center;background-repeat: no-repeat; -o-background-size: cover; -ms-background-size: cover; -moz-background-size: cover; -webkit-background-size: cover; background-size: cover; } .m-list2{display: flex;flex-wrap: wrap;margin: 1.5rem -.14rem 0;} .m-list2 li{width: 33.33%;} .m-list2 .con{margin: 0 .14rem;height: 3.48rem;text-align: center;position: relative; background-color: rgba(0,0,0,.6);color: #fff; transition: .5s; -ms-transition: .5s; -moz-transition: .5s; -webkit-transition: .5s; -o-transition: .5s; } .m-list2 .t-c{position: absolute;top: 50%;left: .3rem;right: .3rem; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .m-list2 .tit{font-size: .4rem;margin-bottom: .15rem;} .m-list2 .desc{font-size: .3rem;line-height: 1.6;} .row-y1{padding: 1.88rem 0 0;height: 100vh; background-position: center;background-repeat: no-repeat; -o-background-size: cover; -ms-background-size: cover; -moz-background-size: cover; -webkit-background-size: cover; background-size: cover; } .row-y1 .g-titl1 .desc{max-width: 11.45rem;margin: 0 auto;} .row-y2{padding: 1.5rem 0 0;height: 100vh; background-position: center;background-repeat: no-repeat; -o-background-size: cover; -ms-background-size: cover; -moz-background-size: cover; -webkit-background-size: cover; background-size: cover; } .m-list3{display: flex;flex-wrap: wrap;margin: 1.2rem -.15rem 0;} .m-list3 li{width: 33.33%;} .m-list3 .con{margin: 0 .15rem;height: 3.48rem;text-align: center;position: relative; background-color: rgba(0,0,0,.6);color: #fff;padding: .42rem .3rem 0; } .m-list3 .num{font-size: .6rem;margin-bottom: .07rem;font-weight: bold;display: block;} .m-list3 .desc{font-size: .26rem;line-height: 1.6;} .row-y3{padding: .9rem 0 0;height: 100vh; background-position: center;background-repeat: no-repeat; -o-background-size: cover; -ms-background-size: cover; -moz-background-size: cover; -webkit-background-size: cover; background-size: cover; } .row-y3 .g-titl1{margin-bottom: 0;} .row-y3 .g-titl1 .tit{color: #333;margin-bottom: 0;} .m-pic{max-width: 16.15rem;margin: 0 auto;} .m-pic img{width: 100%;display: block; transition: .5s; -ms-transition: .5s; -moz-transition: .5s; -webkit-transition: .5s; -o-transition: .5s; } .row-y4{padding: .86rem 0 0;height: 100vh;position: relative; background-position: center;background-repeat: no-repeat; -o-background-size: cover; -ms-background-size: cover; -moz-background-size: cover; -webkit-background-size: cover; background-size: cover; } .m-list4{margin-top: .23rem;display: flex;justify-content: space-between;text-align: center;} .m-list4 .num{width: 1.16rem;height: 1.16rem;text-align: center;line-height: 1.16rem; font-size: .55rem;color: #fff;display: block;margin: 0 auto .1rem; background: url(../images/lz/i-14.png) no-repeat center; -o-background-size: 100% auto; -ms-background-size: 100% auto; -moz-background-size: 100% auto; -webkit-background-size: 100% auto; background-size: 100% auto; } .m-list4 .desc{font-size: .16rem;line-height: 1.3;color: #fff;} .m-list4 .i1{margin-top: 2.02rem;} .m-list4 .i2{margin-top: .76rem;} .m-list4 .i3{margin-top: 1.64rem;} .m-list4 .i4{margin-top: .26rem;} .m-list4 .i5{margin-top: 1.25rem;} .m-list4 .i6{margin-top: .75rem;} .m-list4 .i8{margin-top: 1.65rem;} .m-tips3{position: absolute;left: 0;right: 0;bottom: .3rem; text-align: center;color: #fff; } .m-tips3 .tit{font-size: .5rem;line-height: 1.2;} .m-tips3 .desc{font-size: .38rem;} .m-tips4{text-align: center;font-size: .28rem;margin-top: .45rem;} .row-y5{padding: 1.14rem 0 0;height: 9.8rem;position: relative; background-position: center;background-repeat: no-repeat; -o-background-size: cover; -ms-background-size: cover; -moz-background-size: cover; -webkit-background-size: cover; background-size: cover; } .m-list5{display: flex;flex-wrap: wrap;justify-content: space-between;text-align: center;} .m-list5 li{} .m-list5 .con{position: relative; transition: .5s; -ms-transition: .5s; -moz-transition: .5s; -webkit-transition: .5s; -o-transition: .5s; } .m-list5 .pic{width: 4.9rem;} .m-list5 .pic img{width: 100%;display: block;} .m-list5 .txt{position: absolute;bottom: .52rem;left: .3rem;right: .3rem; color: #fff; } .m-list5 .tit{font-size: .28rem;margin-bottom: .1rem;line-height: 1.2;} .m-list5 .desc{font-size: var(--fz20);line-height: 1.3;} .m-list5 .con:hover,.m-list2 .con:hover,.m-pic:hover img{ -webkit-transform: translateY(-.15rem); -moz-transform: translateY(-.15rem); -o-transform: translateY(-.15rem); -ms-transform: translateY(-.15rem); transform: translateY(-.15rem); } .m-cyclel-1 .cycle{padding: .9rem 0 1.45rem;} .m-cyclel-1 .g-titl1 .tit{margin-bottom: .1rem;} .m-cyclel-1 .g-titl1 .desc{font-size: var(--fz28);} .m-cyclel-1 .g-titl1{margin-bottom: .82rem;} .m-cyclel-2 .cycle{padding: .8rem 0 .55rem;} @media only screen and (max-width: 1199px) { .row-z1{padding: .7rem 0;height: auto;} .m-list1{display: block;} .m-list1 li{width: auto;margin-bottom: .3rem;} .m-list1 .con{height: auto;padding: .3rem;} .m-list1 .tit{font-size: .4rem;} .m-list1 .desc{font-size: .3rem;} .m-tab{margin: .3rem 0;} .m-tab .con{font-size: .28rem;} .m-tab .ico{width: .4rem;height: .4rem;margin-right: .1rem;position: relative;top: -1px;} .m-tab li{width: 2.2rem;margin: 0 .1rem;} .m-tips{font-size: .28rem;} .m-cyclel .cycle{margin-bottom: 0;} .row-z2{height: auto;padding: 1.5rem 0 1.5rem;} .m-tips2 .desc{font-size: .28rem;} .m-tips2 .desc span{font-size: .4rem;} .m-tips2{margin-top: .4rem;} .row-z3{padding: .8rem 0 .5rem;height: auto;} .m-list2{display: block;margin-top: .3rem;} .m-list2 li{width: auto;margin-bottom: .3rem;} .m-list2 .con{height: auto;padding: .3rem;} .m-list2 .tit{font-size: .4rem;} .m-list2 .desc{font-size: .3rem;} .m-list2 .t-c{position: static; -webkit-transform: translateY(0%); -moz-transform: translateY(0%); -o-transform: translateY(0%); -ms-transform: translateY(0%); transform: translateY(0%); } .row-y1 .g-titl1 .tit{margin-bottom: .3rem;} .row-y1{padding: .8rem 0 1.5rem;height: auto;} .row-y2{padding: .8rem 0 .5rem;height: auto;} .m-list3{display: block;margin-top: .3rem;} .m-list3 li{width: auto;margin-bottom: .3rem;} .m-list3 .con{height: auto;padding: .3rem;} .m-list3 .tit{font-size: .4rem;} .m-list3 .desc{font-size: .3rem;} .row-y3{padding: .8rem 0 .5rem;height: auto;} .m-pic{margin: .3rem .3rem 0;} .m-list4{margin-top: .4rem;} .m-list4 li{width: 25%;margin-top: 0 !important;margin-bottom: .4rem;} .row-y4{padding: .8rem 0 .7rem;height: auto;} .m-tips3{position: static;padding-top: .3rem;} .m-tips3 .tit{font-size: .36rem;margin-bottom: .1rem;} .m-tips3 .desc{font-size: .28rem;} .row-y5{padding: .8rem 0 .5rem;height: auto;} .m-list5{display: block;margin-top: .4rem;} .m-list5 li{margin-bottom: .3rem;} .m-list5 .pic{margin: 0 auto;} }