@charset "utf-8";
@font-face { 
	font-family:font1; 
	src: url("../images/Poppins-Regular.ttf");
	font-style: normal;
	font-display: swap;
	} 
.headerBox{position: fixed;z-index: 100;left: 0;top: 0;width: 100%;background: #000000;}
.header{height: 75px; display: flex;justify-content: space-between;align-items: center;margin: 0 auto; padding: 0 3%;}	
.headerLeft	{display: flex;gap:.25rem;align-items: center;}
.logo{width: .94rem;}
.logo img{width: 100%;}
.nav ul{display: flex;gap:.1rem;}
.nav li{padding: 21px 0;}
.nav h3 a{display: block;padding: 0 .1rem; line-height: 33px;border-radius: 17px;color: #fff;font-size: 16px;transition: all .5s;border: 1px solid transparent;height: 35px;font-weight: bold;}
.nav h3 a b{display: inline-block;width: 16px;height: 16px;border: 1px solid #000000;border-radius: 50%;background: url(../images/a5.png) no-repeat center center;vertical-align: middle; margin: -3px 0 0 .1rem;opacity: 0;background-size: 6px 6px;}
.nav li.cur h3 a{background: #ffd203;border: 1px solid #ffed16;color: #333;}
.nav li.cur h3 a b{opacity: 1;width: 16px;}
.nav h3 a:hover{background: #ffd203;border: 1px solid #ffed16;color: #333;}
.nav h3 a:hover b{opacity: 1;width: 16px;}
.sub{width: 1170px; position: absolute;background: #000; top: 74px; z-index: 10;border-radius: 0 0 .2rem .2rem; padding: .15rem .5rem ;display: none;}
.sub dl{display: flex;gap:.4rem;flex-wrap: wrap;}
.sub dt{width: calc(16.66% - 2rem/6);}
.sub dt a{display: block; padding: 10px;border-radius: .1rem; transition: all .5s;}
.sub dt a:hover{background: #FED203;}
.sub dt a:hover p{color: #000;}
.sub dt b img{width: 100%;border-radius: .1rem;}
.sub dt a p{text-align: center; color: #fff;font-size: 13px;line-height: 1.4;margin: 16px 0 0 5px;height: 2.8em; display: flex;align-items: center;justify-content: center;}
.h100{height: 1rem;}
.headerRight{display: flex;justify-content: space-between;align-items: center;gap:.1rem;}
.ssBox{position: relative;width: 125px; border: 1px solid #494949;border-radius: 19px;height:40px;}
.wby1{width: 100%;height: 38px;line-height: 38px; padding: 0 5px 0 30px;color: #fff;}
.wby1::-webkit-input-placeholder{color:#fff;}
.btn{cursor: pointer;position: absolute;background: url(../images/a6.png);width: 20px;height: 20px;left:8px ;top: 50%;transform: translateY(-50%);border: none;background-size: 100% 100%;}
.flgn ul{display: flex;gap:.1rem}
.flgn a{width: 40px;height: 40px;border: 1px solid #4f4f4f; position: relative;transition: all .5s;display: block;border-radius: 50%;}
.flgn a img{position: absolute;left:50%; top:50%; transform:translate(-50%,-50%);}
.flgn a:hover{background: #ffd203;border: 1px solid #ffd203;}

.yzxz{position: relative;}
.yzxz p{color: #fff;cursor: pointer;font-size: 14px;line-height: 75px;height: 75px;}
.yzxz p b{display: inline-block;background: url(../images/a7.png);width: 10px;height: 10px;vertical-align: middle; margin: -3px 0 0 8px;background-size: 100% 100%;}
.yzxz ul{width: 80px;top: 75px;left: 50%;transform: translateX(-50%);background: #000;border-radius: 0 0 5px 5px;position: absolute;overflow: hidden;;display: none;}
.yzxz li{font-size: 14px; line-height: 32px;}
.yzxz ul li a{display: block; text-align: center;color: #fff;transition: all .5s;}
.yzxz ul li a:hover{background: #ffd203;color: #000;}
.yzxz:hover ul{display: block;}

.fgt{height: 75px;}
.bannerText{background: #E5E5E5; padding: 1.8rem 0 1.95rem;text-align: center;width: 100%;margin: 0 auto;}
.bannerText h2{font-size: var(--font88);line-height: 0.8; }
.bannerText h3{font-size: var(--font32);line-height: 1.2; margin: .35rem 0; }
.bannerText p{margin-top: .3rem;}
.btn1{display: inline-block; line-height: .56rem; border-radius: .28rem;background: #ffd203;font-size: var(--font18); padding: 0 .3rem; margin: 0 .1rem;}
.btn2{display: inline-block; line-height: .54rem; border-radius: .28rem;background: #fff;font-size: var(--font18); padding: 0 .3rem;border: 1px solid #000000;transition: all .5s;margin: 0 .1rem;}	
.btn2:hover{background: #ffd203;border: 1px solid #ffd203;}
.btn2:hover .xqbox{margin-top: -.3rem;}
.btnBox{display: inline-block;}

.wz1380{width: 1380px;margin: 0 auto;max-width: 94%;}
.Spacestitle{text-align: center;position: relative;padding: 1.1rem 0;}
.Spacestitle h2{display: inline-block;b}
.Spacestitle h2{font-size: var(--font48);line-height: 1;}
.Spacestitle h2 span{display: inline-block;background: #fed807; padding: 0 10px;}
.Spacestitle p{line-height: 1.4;font-size: var(--font16);color: #666;margin-top: .3rem;}
.Spacestitle img{position: absolute;top: calc(50% - .1rem);right:10%;border-radius: 6px;}
.SpacesNr{display: flex;justify-content: space-between;flex-wrap: wrap;gap:.5rem}
.SpacesLeft{width: calc(50% - .25rem);}
.spaeBt{display: flex;justify-content: space-between;padding-bottom: .3rem;}
.spaeBt h2{font-size: var(--font48);line-height: 1.5;text-transform: uppercase;font-weight: bold;width: calc(50% - .25rem);}
.spaeBt p{font-size: var(--font20); width: calc(50% - .25rem);
    color: #3D3D3D;
    line-height: 1.6;}
.SpacesLeft h2{font-size: var(--font34);margin-bottom: .6rem;line-height: 1.5;text-transform: uppercase;font-weight: bold;}
.SpacesLeft img{width: 100%;border-radius: .15rem;}
.SpacesRight{width: calc(50% - .25rem);}
.SpacesRight p{font-size: var(--font20);color: #3D3D3D;line-height: 1.6;margin-bottom: .25rem;}

.thatTitle{padding: .5rem 0 ;}
.thatTitle h2{font-size: var(--font48);font-weight: bold;text-transform: uppercase;}
.athatNr ul{display: flex;gap:.2rem;flex-wrap: wrap;}
.athatNr li{width: calc(20% - .8rem/5);padding: .35rem .2rem;text-align: center;border-radius: .15rem;display: flex;align-items: center;background: #000000;color: #fff;}
.athatNr p{font-size: var(--font20);line-height: 1.4;}
.athatNr ul li:nth-child(2n){ background: #ffd203;}
.athatNr ul li:nth-child(2n) p{color: #000;}

.gdtp{margin-top: 1.35rem; position: relative;overflow: hidden;margin-bottom: .45rem;}
.gdtp a{display: block;overflow: hidden;border-radius: .2rem;}
.gdtp a img{width: 100%;transition: all 1.2s;}
.gdtp a:hover img{transform: scale(1.05);}
.gdtp .swiper-button-next{width: 55px;height: 55px;background:url(../images/a10.png) no-repeat center center #fff;margin-top: -27px;right: calc(25% - 35px);border-radius: 50%;background-size: 20px auto;transition: all .5s;}
.gdtp .swiper-button-next:hover{background:url(../images/a10.png) no-repeat center center #ffd203;background-size: 20px auto;}
.gdtp .swiper-button-prev{width: 55px;height: 55px;background:url(../images/a9.png) no-repeat center center #fff;margin-top: -27px;left: calc(25% - 35px);border-radius: 50%;background-size: 20px auto;transition: all .5s;}
.gdtp .swiper-button-prev:hover{background:url(../images/a9.png) no-repeat center center #ffd203;background-size: 20px auto;}
.gdtp .swiper-button-next:after,.gdtp .swiper-button-prev:after{font-size: 0;}

.hzhb{padding:0 3% 1.3rem 3%;}
.hzhbTitle{padding: 1.5rem 0 .6rem;}
.hzhbTitle h2{font-size: var(--font48);font-weight: bold;text-transform: uppercase;}
.hzhbNr ul{display: flex;gap:.1rem;flex-wrap: wrap;}
.hzhbNr li{width: calc(20% - .4rem/5);}
.hzhbNr a{display: block;border: 1px solid #e5e5e5;border-radius: .1rem; overflow: hidden;}
.hzhbNr a img{transition: all 1.2s;width: 100%;}
.hzhbNr a:hover img{transform: scale(1.1);}

.scroll-container { width: 100%;overflow: hidden;border-top: 1px solid #e5e5e5;border-bottom: 1px solid #e5e5e5;background: #fff;}
.scroll-content { white-space: nowrap; position: relative;}
.scroll-text {display: inline-block;font-size: var(--font80);font-weight: bold; padding: .25rem 0; }
.scroll-text b{display: inline-block; margin:-5px .8rem 0 .8rem;background: url(../images/a11.png);width: .45rem;height: .45rem;vertical-align: middle;background-size: 100%;}        
 
.product{padding: .45rem 3% 0 3%;}
.product ul{display: flex;justify-content: space-between;flex-wrap: wrap;gap:1rem;}
.product li{width: calc(50% - 1rem/2); position: relative;}
.product li:before{position: absolute;content: "";border-right: 1px solid #e5e5e5;height: calc();}
.productBox span{display: block;position: relative;}
.productBox span:before{position: absolute;content: "";border-right: 1px solid #e5e5e5;height:100%;right: -.5rem;}
.product li:nth-child(2n) span:before{border: none;}
.productBox span img{width: 100%;transition: all .5s;border-radius: .15rem;hidden;position: relative;aspect-ratio: 16 / 11;object-fit: cover; }
.productText h2{font-size: var(--font22); margin: .35rem 0 .2rem;}

.btn3{display: inline-block; padding: 0 .35rem;border-radius: .31rem;background: #ffd203;height: .62rem;text-align: center;line-height: .62rem;font-size: var(--font18);}
.btnText{display: inline-block;vertical-align: middle;overflow: hidden;line-height: 1.2;height: .3rem}
.btnText_top{line-height: .3rem;}
.btnText_bottomo{line-height: .3rem;}
.xqbox{transition: all .5s;display: inline-block; }
.btnTb{display: inline-block; width: .35rem;height: .35rem;border: 2px solid rgba(0,0,0,.2);border-radius: 50%;vertical-align: middle;margin-left: .15rem; position: relative;}
.tbbox{position: absolute;width: .1rem;height: .2rem;left:50%; top:50%; transform:translate(-50%,-50%);overflow: hidden;}
.btnTb dl{transition: all .5s; display: block !important;margin-top:calc(-100% - 0.1rem); }
.btnTb dt{padding: .05rem 0;font-weight: bold;}
.btnTb dt img{width: .1rem;margin: .05 auto;height: .1rem;}
.btn3:hover .xqbox{margin-top: -0.3rem ;}
.btn3:hover dl{margin-top:0;}

.productLish{display: flex;justify-content: space-between;column-gap: 1rem;padding: .55rem 3% .9rem 3%;border-top: 1px solid #e5e5e5;margin-top: .55rem;align-items: center;}
.productTp{width: calc(50% - 1rem/2);}
.productBox span:before{border: none;}
.productText{width: calc(50% - 1rem/2);}
.productText p{font-size: var(--font30);line-height: 1.5;}

.yadr{text-align: center;background: url(../images/a5.jpg) no-repeat center center;background-size: cover; padding: 1.6rem 3% ;background-attachment: fixed;}
.yadr h2{color: #fff;text-transform: uppercase; font-size: var(--font52);line-height: 1.4;margin-bottom: .4rem;}

.wycwTitle{padding: 1rem 0 .7rem;}
.wycwTitle h2{font-size: var(--font48); margin: 0 0 .25rem;font-weight: bold;}
.wycwTitle p{font-size: var(--font16); line-height: 1.5;color: #3D3D3D;}
.wycwNr{display: flex;justify-content: space-between; padding-bottom: 1rem;}
.wycwLeft{width:calc(50% - .35rem);}
.wycwLeft img{width: 100%; border-radius: .15rem;}
.lqhbox{animation: fadeIn 1s;}
.wycwRight{width: 50%;}
.wycwRight li{padding-bottom: .35rem;}
.wycwRight li:last-child{padding: 0;}
.yadrBox{padding: .3rem;border: 1px solid transparent;border-radius: .15rem;}
.yadrBox.on1{border: 1px solid #000000;}
.yadrBox h2{font-size: var(--font30); margin: 0 0 .25rem;font-weight: bold;position: relative; padding-right: 1.3rem;cursor: pointer;}
.yadrBox h2 b{position: absolute; right: 0;bottom: 0;width: .55rem;height: .55rem;border-radius: 50%;background:url(../images/a5.png) no-repeat center center #fff;background-size: .15rem auto;transition: all .5s;border: 1px solid #000; transform: rotate(-90deg);}
.yadrBox.on1 h2 b{background:url(../images/a5.png) no-repeat center center #FED203;border: 1px solid #FED203;background-size: .15rem auto; transform: rotate(0deg);}
.yadrText{display: none;}
.yadrText p{font-size: var(--font20);line-height: 1.5;}
.btn4{display: inline-block; padding: 0 .35rem; line-height: .5rem;border-radius: .25rem;background: #FED203; margin-top: .1rem;font-size: var(--font16);border: 1px solid transparent;transition: all .5s;}
.btn4:hover{background: #fff;border: 1px solid #000;}

.Work{padding-bottom: 1.6rem;}
.WorkTitle{padding-bottom: .5rem;}
.WorkTitle h2{font-size: var(--font48); margin: 0 0 .2rem;font-weight: bold;}
.WorkTitle p{font-size: var(--font16);}
.WorkNr ul{display: flex;gap:.2rem;flex-wrap: wrap;}
.WorkNr li{border-radius: .15rem; padding: .17rem;border: 1px solid #e7e7e7;width: calc(33.33% - .4rem/3);}
.WorkNr span{display: block; border-radius: .15rem;overflow: hidden;}
.WorkNr span img{width: 100%;transition: all 1.2s;}
.WorkNr li:hover span img{transform: scale(1.1);}
.WorkText h2{font-size: var(--font24);font-weight: bold;margin: .2rem 0 .4rem;}
.WorkText p{font-size: var(--font18);line-height: 1.5;}
.btn5{background: #fff;border: 1px solid #000;padding: 0 .35rem; line-height: .5rem;border-radius: .25rem;display: inline-block; font-size: var(--font16);margin-top: .25rem;}
.btn5:hover{ background: #FED203; border: 1px solid transparent;transition: all .5s;}
.subsc{background: url(../images/a8.jpg) no-repeat center center;background-size: cover;}
.subscBox{padding: .45rem 3% .75rem 3%;text-align: center;}
.subscBox p{font-size: var(--font20);font-weight: bold;line-height: 1.6;color: #fff;}
.dbss{width: 4.68rem; background: #fff;border-radius: .3rem; padding: .08rem; margin: .2rem auto 0 auto;display: flex;justify-content: space-between;}
.wby2{width: calc(100% - 1.1rem); height: .36rem;line-height: .36rem; padding: 0 0 0 .16rem; line-height: .52rem;box-sizing: border-box;}
.btn6{border-radius: .26rem;border: none;cursor: pointer; background: #FED203;font-size: 14px;height: .36rem;padding: 0 .18rem;}

.footer{background: #000; padding: 30px 3%;}
.footerbox{border: 1px solid #4c4c4c;display: flex;justify-content: space-between; padding: .45rem .3rem;border-radius: .1rem;}
.footerLeft{width: 4.6rem;}
.footerLeft h2{font-weight: bold;color: #fff;font-size: var(--font40);}
.footerLeft h2 img{height: var(--font40); width: auto; vertical-align: middle; margin-right: 0.1rem;}
.footerLeft h3{color: #fff;font-size: var(--font16);line-height: 2;margin: .18rem 0 .4rem;}
.footerLeft li{position: relative; margin-bottom: .15rem;padding-left: .2rem;}
.footerLeft li:before{position: absolute;content: "";width: .1rem;height: .1rem;border-radius: 50%; background: #fff;left: 0; top: .12rem;}
.footerLeft p{font-size: 14px;color: #fff; opacity: .5;line-height: 1.6;}
.footerLeft dl{display: flex;gap:.1rem; padding-top: .35rem;}
.footerLeft a{display: block;position: relative;width: 35px;height: 35px;border: 1px solid rgba(255,255,255,.3);transition: all .5s;border-radius: 50%;}
.footerLeft a img{position: absolute;left:50%; top:50%; transform:translate(-50%,-50%);}
.footerRight{width: 60%;}
.footerRight ul{display: flex;gap:.25rem;flex-wrap: wrap;}
.footerRight li{width: calc(25% - .75rem/4);padding-bottom: .25rem;}
.footerRight h2{font-size: 16px;font-weight: bold;color: #FED203;margin-bottom: .15rem;}
.footerRight dt{font-size: 15px;line-height: 1.8;}
.footerRight dt a{color: #fff;transition: all .5s;}
.footerRight dt a:hover{color: #FED203;}

/*Skylight*/
.Bring{padding-bottom: .8rem;}
.BringTitle h2{font-weight: bold;font-size: var(--font44); padding: .7rem 0 .35rem;text-align: center;}
.BringNr{-moz-column-count:3 -webkit-column-count:3;column-count:3;-moz-column-gap:.2rem;-webkit-column-gap:.2rem;column-gap:.2rem;}

.BringBox{position: relative;border-radius: .2rem;overflow: hidden; margin-bottom: .2rem;}
.BringBox img{width: 100%;transition: all 1.2s;}
.BringBox p{width: 100%; position: absolute;left: 0;bottom: 0; padding:.25rem;color: #fff;font-size: var(--font24); line-height: 1.4;}
.BringBox b{position: absolute;width: .3rem;height: .3rem;right: .25rem;top: .25rem;background: url(../images/a12.png) no-repeat center center;background-size: .18rem .18rem;transition: .5s;border-radius: 50%;}
.BringBox:hover b{background: url(../images/a13.png) no-repeat center center #FED203;background-size: .18rem .18rem;width: .68rem;height: .68rem;border-radius: 50%;}
.BringBox:hover img{transform: scale(1.1);}

/*Skylight2*/
.bj2{background: #f8f8f8;}
.BringB{padding-bottom: .9rem;}
.BringBTitle h2{font-weight: bold; padding: .4rem 0; line-height: 1.4;font-size: var(--font44);}
.BrBNr ul{display: flex;gap:.35rem; flex-wrap: wrap;}
.BrBNr li{width: calc(33.33% - .7rem/3);}
.brTp{border-radius: .2rem; position: relative; overflow: hidden;}
.brTp span{color: #fff;position: absolute;top: .25rem;right: .3rem;font-size: var(--font42);}
.brTp img{width: 100%;transition: all 1.2s;}
.brTp p{color: #fff; position: absolute;padding: 0 1.4rem .25rem .25rem;left: 0;bottom: 0;font-size: var(--font18);line-height: 1.5;transition: all .5s;opacity: 0;}
.brTp b{width: .68rem;height: .68rem;border-radius: 50%; right: .25rem;bottom: .25rem;background: url(../images/a12.png) no-repeat center center rgba(255,255,255,.7);background-size: .18rem .18rem;position: absolute;transition: all .5s; opacity: 0;}
.BrBNr .brTp b:hover{background: url(../images/a13.png) no-repeat center center #FED203;background-size: .18rem .18rem;}
.BrBNr a:hover p{animation: fadeInUp 1s 1;opacity: 1;}
.BrBNr a:hover b{animation: fadeInUp 1s 1;opacity: 1;}
.BrBNr a:hover img{transform: scale(1.1);}
.BrBNr h2{color: #282626;font-size: var(--font28); margin-top: .15rem;}

.tpzh{padding: .9rem 0 1.1rem;display: flex;justify-content: space-between;}
.tpzhLeft{width: 50%; padding-right: .2rem;}
.tpzhLeft a{border-radius: .2rem; overflow: hidden;display: block;}
.tpzhLeft a img{width: 100%;transition: all 1.2s;}
.tpzhLeft a:hover img{transform: scale(1.1);}
.tpzhRight{width: 50%; padding-left: .05rem; }
.tpzhRight ul{display: flex;justify-content: space-between;gap:.2rem;flex-wrap: wrap;}
.tpzhRight li{width: calc(50% - .2rem/2);}
.tpzhRight ul li:nth-child(3){ width:100%;}

.tpzhRight a{border-radius: .2rem; overflow: hidden;display: block;}
.tpzhRight a img{width: 100%;transition: all 1.2s;}
.tpzhRight a:hover img{transform: scale(1.1);}

.Product{padding-bottom: 1.1rem;}
.ProductTitle{display: flex;justify-content: space-between; padding-bottom: .4rem;}
.ProductTitle p{width: 50%;font-size: var(--font20);line-height: 1.4;}
.ProductTitle h2{width: 50%;font-size: var(--font44);font-weight: bold;}
.ProductNr ul{display: flex;gap:.15rem;}
.ProductNr li{width: calc(25% - .3rem/3);cursor:pointer;transition: all .6s;}
.ProductNr li.cur{width: 50%;}
.ProductNr li.cur img{width: 100%;height: 100%; object-fit: cover;}
.ProductBox{position: relative;overflow: hidden;border-radius: .2rem;height: 5.8rem;}
.ProductBox img{width: 100%; height: 100%; object-fit: cover;}
.ProductText{position: absolute;width: 100%;left: 0;padding: .35rem;transition: all .6s;bottom: -1.6rem;}
.ProductText h2{color: #fff;font-size: var(--font28);}
.ProductText p{color: #fff;font-size: var(--font16);line-height: 1.5;padding-top: .15rem;opacity: 0;transition: all 1.2s;}
.ProductNr li.cur .ProductText{bottom: 0;animation: fadeInUp 1.4s 1;}
.ProductNr li.cur .ProductText p{ opacity: 1;}
.ProductBox a{width: .68rem;height: .68rem;border-radius: 50%; right: .25rem;top: .25rem;background: url(../images/a12.png) no-repeat center center rgba(255,255,255,.7);background-size: .18rem .18rem;position: absolute; opacity: 0;transition: all .5s;}
.ProductNr li.cur a{opacity: 1;animation: fadeInDown 1.1s 1;}
.ProductBox a:hover{background: url(../images/a13.png) no-repeat center center #FED203;background-size: .18rem .18rem;}

.poin{display: flex;justify-content: space-between; padding: .9rem 0 .55rem;}
.poinTitle{width: 30%;}
.poinTitle h2{font-weight: bold;font-size: var(--font44);line-height: 1.2;margin-bottom: .2rem;}
.poinTitle p{font-size: var(--font20);line-height: 1.4;}
.poinNr{width: 70%;padding-left: .7rem;}
.poinNr ul{display: flex;gap:.15rem;flex-wrap: wrap;}
.poinNr li{width:calc(50% - .3rem/2);overflow: hidden;}
.poinNr img{width: 100%;border-radius: .2rem;transition: all 1.2s;}

.Points{padding: 1.15rem 0 .8rem;}
.PointsTitle{display: flex;justify-content: space-between;padding-bottom: .7rem;}
.PointsTitle h2{width: 50%;font-weight: bold;font-size: var(--font44);}
.PointsTitle p{width: 50%;font-size: var(--font20);line-height: 1.4;opacity:0.6 ;}
.PointsNr ul{display: flex;justify-content: space-between;gap:.15rem;flex-wrap: wrap;}
.PointsNr li{width: calc(32.7% - .15rem/2);}
.PointsNr ul li:nth-child(2){ width:calc(67.3% - .15rem/2);}
.PointsNr ul li:nth-child(3){ width:calc(67.3% - .15rem/2);}
.PointsBox{border-radius: .2rem; overflow: hidden;position: relative;}
.PointsBox:before{position: absolute;width: 100%; left: 0; bottom: 0;height: 60%;background-image: linear-gradient(transparent, #000000);content: "";opacity: .9;z-index: 10;}
.PointsBox img{width: 100%;transition: all .5s;}
.PointsBox p{width: 100%; position: absolute; left: 0;bottom: 0;color: #fff; padding: .2rem;font-size: 15px;line-height: 1.4;z-index: 11;}
.PointsNr a:hover img{transform: scale(1.1);}

.upst{padding: .75rem 0 1.8rem;}
.upstNr ul{display: flex;gap:.15rem;flex-wrap: wrap;}
.upstNr li{width: calc(25% - .45rem/4);}
.upstNr a{display: block;border-radius: .2rem; overflow: hidden;}
.upstNr a img{width: 100%; transition: all 1.2s;}
.upstNr a:hover img{transform: scale(1.1);}

.learn{padding-bottom: .85rem;}
.learnTitle h2{font-weight: bold;font-size: var(--font44);text-align: center;padding: .65rem 0 .6rem;}
.learnNr ul{display: flex;justify-content: space-between;flex-wrap: wrap;gap:.3rem}
.learnNr li{width: calc(50% - .6rem/2); padding-bottom: .3rem;}
.learnBox span{display: block; overflow: hidden;border-radius: .2rem;}
.learnBox span img{width: 100%;transition: all 1.2s;}
.learnBox:hover span img{transform: scale(1.1);}
.learnText{text-align: center;}
.learnText h2{font-weight: bold;font-size: var(--font28);margin: .2rem 0 .15rem;text-align: left;}
.learnText dl{display: flex;gap:.15rem;padding-bottom: .15rem;}
.learnText dl a{display: block; padding: 0 22px; line-height: 46px; border-radius: 23px;font-size: var(--font18);background: #fff;transition: all .5s;}
.learnText dl a:hover{background: #FED203;}
.learnText p{font-size: var(--font20);line-height: 1.4;opacity: .6;margin-bottom: .25rem;text-align: left;}

.btn7{display: inline-block; padding: 0 .35rem;border-radius: .31rem;background: #ffffff;height: .62rem;text-align: center;line-height: .6rem;border: 1px solid #000;transition: all .5s;font-size: var(--font28);}

.btn7:hover .xqbox{margin-top: -0.3rem;}
.btn7:hover dl{margin-top:0;}
.btn7:hover {background: #FED203;border: 1px solid #FED203;}

/*Products*/
.cplb{padding-bottom: .5rem;}
.cplbTitel h2{font-weight: bold;font-size: var(--font44);line-height: 1.2;margin:.75rem 0 .5rem;}
.cplbBox{margin-bottom: .5rem;display: flex;justify-content: space-between;}
.cplbTp{width: 65%; position: relative; border-radius: .2rem; overflow: hidden;}
.cplbTp img{width: 100%;height: 100%; object-fit: cover;}
.cplbZx{position: absolute;border-radius: .2rem;background: rgba(0,0,0,.7);height: 100%; top: 0;right: 0;padding: .85rem .5rem;text-align: center;display: flex;align-items: baseline; flex-direction: column;
  justify-content: space-between;}
.cplbZx a{display:block; padding: 0 .32rem; line-height: .5rem;border-radius: .25rem;background: #FED203;font-size: var(--font16);text-align: center;width: 1.2rem;margin: 0 auto;}
.cplbZx h2{text-transform: uppercase; color: #fff; line-height: 1.4;text-align: center;font-size: var(--font30);}
.cplbText{width: 35%; padding:0 .25rem;}
.cplbText li{padding-top: .15rem;display: flex;justify-content: space-between;align-items: center;}
.cplbText li img{width: .75rem;border-radius: .1rem;aspect-ratio: 16 / 16;object-fit: cover;}
.cplbText li p{width: calc(100% - 1rem);font-size: var(--font18);line-height: 1.4;color: #3D3D3D;}
.cplbZx a:hover .xqbox{margin-top: -50%;}

/*Products_detail_page*/
.tece{display: flex;justify-content: space-between; padding: .8rem 0 .5rem;}
.teceLeft {width: 50%; padding-right: .65rem;}
.teceLeft h2{font-weight: bold;font-size: var(--font44);margin-bottom: .35rem;}
.teceLeft p{font-size: var(--font18);color: #3D3D3D;line-height: 1.4;}
.texeRight{width: 50%; padding-left: .65rem;}
.texeRight img{width: 100%;border-radius: .2rem;}

.busi{padding-bottom: 1.1rem;}
.busiTitle h2{font-weight: bold;font-size: var(--font44); padding: .25rem 0;}
.busiNr ul{display: flex;gap:.15rem}
.busiNr li{width: calc(33.33% - .3rem/3);background: #fff;border-radius: .2rem; padding: .15rem; box-shadow:0 0 10px rgba(0, 0, 0, .1);}
.busiBox span{display: block;overflow: hidden;border-radius: .2rem;}
.busiBox span img{width: 100%;transition: all 1.2s;}
.busiBox:hover span img{transform: scale(1.1);} 
.busiBox p{font-size: var(--font18);color: #3D3D3D; line-height: 1.4;margin: .4rem 0;}

/*Skylight_detail_page*/
.proj{padding-bottom: 1.2rem;}
.projTitle h2{font-weight: bold;font-size: var(--font44);padding: .45rem 0;}
.projNr ul{display: flex;gap:.3rem; flex-wrap: wrap;}
.projNr li{width: calc(33.33% - .6rem/3);}
.projBox{text-align: center;}
.projBox span{display: block;overflow: hidden; border-radius: .2rem;}
.projBox span img{width: 100%;transition: all 1.2s;}
.projNr a:hover img{transform: scale(1.1);}
.projNr h2{margin: .3rem 0 .1rem;font-weight: bold;font-size: var(--font24);overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.projNr p{font-size: var(--font18);opacity: .6;overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}

/*Project_Details*/
.germ{padding-bottom: .65rem;}
.rermTitlte h2{font-weight: bold;font-size: var(--font44);padding: .45rem 0;}
.rermTitlte h2 img{display: inline-block;vertical-align: middle; margin: -3px .25rem 0 0;width: .15rem;}
.germNr{display: flex;justify-content: space-between;}
.germTp{width: 50%;padding-right: .4rem;}
.germTp img{width: 100%;border-radius: .2rem;}
.germText{width: 50%; }
.germText h2{font-weight: bold;font-size: var(--font28);margin-bottom: .1rem;}
.germText p{font-size: var(--font20);color: #3D3D3D;line-height: 1.6;}
.wbfg{height: .45rem;}
.flxxBox{display: flex;justify-content: space-between; padding-bottom: .6rem;}
.flxxTp{width: 60%; padding-right: .35rem;}
.flxxTp img{border-radius: .2rem; width: 100%;}
.flxxText{width: 40%; transition: all .5s;}
.flxxText p{font-size: var(--font20);color: #3D3D3D;line-height: 1.8;}
.flxxBox:nth-child(2) .flxxTp{padding: 0 0 0 .35rem;}

.used{padding-bottom: .75rem;}
.usedTitele h2{font-weight: bold;font-size: var(--font44);padding: .15rem 0 .5rem;}
.usedNr ul{display: flex;justify-content: space-between;gap:.3rem;flex-wrap: wrap;}
.usedNr li{width: calc(24.5% - .6rem/3);}
.usedBox{position: relative;overflow: hidden;border-radius: .2rem;}
.usedBox:before{position: absolute;content: "";width:0;height: 0;left:50%; top:50%; transform:translate(-50%,-50%);background: rgba(0,0,0,.2);border-radius: 50%;transition: all 1.1s;}
.usedBox img{width: 100%;}
.usedNr ul li:nth-child(1){ width: calc(51% - .6rem/3);}
.usedBox:hover:before{width: 300%;height: 300%;}

.btn8{display: inline-block; padding: 0 .35rem;border-radius: .31rem;background: #ffd203;height: .62rem;text-align: center;line-height: .62rem;position: absolute;left: .5rem;bottom: .4rem;opacity: 0;}
.btn8:hover .xqbox{margin-top: calc(-50% + .2rem);}
.btn8:hover dl{margin-top:0;}
.usedBox:hover .btn8{opacity: 1;}

.love{text-align: center;background: url(../images/a49.jpg) no-repeat center center;background-size: cover;padding: .75rem 3% .65rem 3%;}
.love h2{color: #fff;font-size: var(--font30);margin-bottom: .3rem;}
.btn1:hover .xqbox{margin-top:-0.3rem;}
.bounrTitle h2{font-weight: bold;font-size: var(--font44);padding: .85rem 0 .4rem;text-align: center;}

/*about_us*/
.foun{padding-bottom: .45rem;}
.founTitle{padding-bottom: .4rem;}
.founTitle h2{font-weight: bold;font-size: var(--font44);padding:.4rem 0;}
.founTitle ul{display: flex;justify-content: space-between;}
.founTitle li{width: 40%;}
.founTitle ul li:nth-child(2){ width:60%;padding-left: .3rem;}
.founTitle p{font-size: var(--font20);color: #3D3D3D;line-height: 1.4;}
.founNR{display: flex;justify-content: space-between;}
.founText{width: 40%;border-radius: .2rem; background: #ffd203;padding: .35rem;align-items: baseline;
    flex-direction: column;
    justify-content: space-between;display: flex;}
.founText h2{font-size: var(--font32);color: #3D3D3D;line-height: 1.4;font-weight: bold;}
.founText p{font-size: var(--font24);color: #3D3D3D;line-height: 1.4;}
.founTp{width: 60%; padding-left: .3rem;}
.founTp img{border-radius: .2rem; width: 100%;}

.rese{padding-bottom: .65rem;}
.reseTitle{display: flex;justify-content: space-between; padding: .75rem 0 .65rem;}
.reseTitle h2{font-weight: bold;font-size: var(--font44);width: 50%;padding-right: .15rem;}
.reseTitle p{width: 50%;font-size: var(--font20);line-height: 1.4;opacity: .6; padding-left: .15rem;}
.reseBox{display: flex;justify-content: space-between;}
.reseLeft{width: 50%; padding-right: .15rem;border-radius: .2rem;}
.reseLeft img{width: 100%;border-radius: .2rem;}
.reseRight{width: 50%; padding-left: .15rem;}
.reseRight ul{display: flex;justify-content: space-between;gap:.3rem;flex-wrap: wrap;}
.reseRight li{width: calc(50% - .3rem/2);}
.reseRight ul li:nth-child(3){ width:100%;}
.reseRight img{width: 100%;border-radius: .2rem;}

.serv{padding-bottom: .85rem;}
.servTitle{padding: .65rem 0;width: 50%;}
.servTitle h2{font-weight: bold;font-size: var(--font44);margin-bottom: .35rem;}
.servTitle p{font-size: var(--font20);line-height: 1.4;opacity: .6;}
.servNr ul{display: flex;gap:.25rem;flex-wrap: wrap;}
.servNr li{width: calc(50% - .25rem/2);}
.servNr b{display: block;margin-bottom: .3rem;}
.servNr img{width: 100%;border-radius: .2rem;display: block;}
.servImgBox{position: relative;overflow: hidden;border-radius: .2rem;}
.servOverlay{position: absolute;bottom: 0;left: 0;right: 0;height: 20%;background: rgba(45, 45, 45, 0.75);display: flex;align-items: center;justify-content: center;transition: all 0.3s ease;}
.servOverlayText{color: #ffffff;font-size: var(--font28);font-weight: bold;text-align: center;margin: 0;text-transform: uppercase;letter-spacing: 1px;}
.servImgBox:hover .servOverlay{background: rgba(45, 45, 45, 0.85);}

.miss{background: url(../images/a58.jpg) no-repeat center center;background-size: cover;padding: .98rem 3%;text-align: center;}
.miss h2{color: #fff;font-size: var(--font44);font-weight: bold;margin-bottom: .4rem;}
.miss p{color: #fff;font-size: var(--font24);line-height: 1.4;opacity: .7;margin-bottom: .3rem;}

.Meet{padding-bottom: 1.1rem;}
.MeetTitle{text-align: center; padding: 1rem 0 .6rem;}
.MeetTitle h2{font-weight: bold;font-size: var(--font44);margin-bottom: .35rem;}
.MeetTitle p{font-size: var(--font24);line-height: 1.4;}
.MeetNr ul{display: flex;flex-wrap: wrap;justify-content: space-between;gap:.8rem}
.MeetNr li{width: calc(25% - 2.4rem/4);}
.MeetBox{text-align: center;}
.MeetBox img{width: 2.2rem;height: 2.2rem;margin: 0 auto;border-radius: 50%;}
.MeetBox h2{font-size: var(--font24);line-height: 1.4;margin: .3rem 0 .15rem;font-weight: bold;}
.MeetBox h3{font-size: var(--font24);margin-bottom: .15rem;}
.MeetBox p{font-size: var(--font20);line-height: 1.4;opacity: 0.6;}

/*Contact_US*/
.cont{padding-bottom: .75rem;}
.contNr{display: flex;justify-content: space-between;padding-bottom: .7rem;}
.contLeft{width: 52%;}
.contTitle{padding: .6rem 0;}
.contTitle h2{font-weight: bold;font-size: var(--font44);margin-bottom: .2rem;}
.contTitle p{line-height: 1.4;font-size: var(--font24);}
.contLeft li{padding-bottom: .15rem;}
.contLeft p{line-height: 2;font-size: var(--font20);color: #3D3D3D;}
.wby3{height: .64rem;line-height: .64rem;border-radius: .1rem;background: #fff;padding: 0 .2rem;width: 100%;}
.wby4{height: 2.3rem;border-radius: .1rem;background: #fff;padding: .2rem;width: 100%;}
.wby5{height: .64rem;line-height: .64rem;border-radius: .1rem;background: #fff;padding: 0 .2rem;width: 100%;color: #666;border: none;outline:none;}
.contLeft dl{display: flex;justify-content: space-between;gap:.2rem;}
.contLeft dt{width: calc(35% - .2rem/2);}
.contLeft dt:nth-child(2){width:calc(65% - .2rem/2)}
.contRight{width:48%;padding-left: .7rem;}
.contRight h2{font-weight: bold;line-height: 1.3;font-size: var(--font44);margin-bottom: .25rem;text-transform: uppercase;}
.contRight li{padding-bottom: .3rem;}
.contRight h3{font-weight: bold;line-height: 1.4;font-size: var(--font32);text-transform: uppercase;margin-bottom: .2rem;font-size: var(--font32);}
.contRight p{line-height: 1.4;font-size: var(--font24);}
.contRight img{border-radius: .2rem;width: 100%;}
.btnconter{text-align: center;}

.lxfs h2{font-weight: bold;font-size: var(--font44);padding:1.4rem 0 .65rem 0;}
.lxfsNr ul{display: flex;justify-content: center;flex-wrap: wrap;}
.lxfsNr li{width: 33.33%;margin-bottom: .85rem;text-align: center;border-right: 1px solid #e6e6e6;}
.lxfsNr b{display: block;position: relative;width: .88rem;height: .88rem;border: 2px solid #e8e8e8;border-radius: 50%; margin: 0 auto;}
.lxfsNr b img{width: .45rem;left:50%; top:50%; transform:translate(-50%,-50%);position: absolute;}
.lxfsNr h3{font-weight: bold;font-size: var(--font24);margin: .65rem 0 .2rem;}
.lxfsNr p{font-size: var(--font18);line-height: 1.4;}
.lxfsNr  ul li:nth-child(3){ border: none;}
.lxfsNr  ul li:nth-child(5){ border: none;}

/*news*/
.newsTitle h2{font-weight: bold;font-size: var(--font44);padding:.55rem 0 .45rem 0;}
.banner1{border-radius: .2rem; position: relative;overflow: hidden;}
.banner1 img{width: 100%;}
.banner1 .swiper-button-next{width: .55rem;height: .55rem;border-radius: 50%; background: rgba(0,0,0,.7);color: #fff;transition: all .5s;margin-top: -.27rem;right: .25rem;}
.banner1 .swiper-button-prev{width: .55rem;height: .55rem;border-radius: 50%; background: rgba(0,0,0,.7);color: #fff;transition: all .5s;margin-top: -.27rem;left: .25rem;}
.banner1 .swiper-button-next:hover{color: #000;background: #FED203;}
.banner1 .swiper-button-prev:hover{color: #000;background: #FED203;}
.banner1 .swiper-button-next:after, .banner1  .swiper-button-prev:after{font-size: .24rem;}

.Events{padding-bottom: .75rem;}
.newsNr{padding: .55rem .35rem .65rem .35rem;}
.newsNr h2{font-weight: bold;font-size: var(--font38);line-height: 1.4;margin-bottom: .3rem;}
.newsNr p{font-size: var(--font28);line-height: 1.4;margin-bottom: .2rem;}
.newsLish_title h2{font-weight: bold;font-size: var(--font38);line-height: 1.4;padding: .5rem 0 .4rem;}
.newsLishNr ul{padding-bottom: .25rem;}
.newsLishNr li{padding-bottom: .2rem;}
.newsLishBox{display: flex;justify-content: space-between;background: #fff;border-radius: .2rem; padding: .15rem;}
.newsLishTp{width: 3.5rem;border-radius: .2rem; overflow: hidden;}
.newsLishTp img{width: 100%;transition: all 1.2s;}
.newsLishTp:hover img{transform: scale(1.1);}
.newsLishText{width: calc(100% - 3.8rem);}
.newsLishText h2{font-size: var(--font24);line-height: 1.4;margin-bottom: .2rem;font-weight: bold;}
.newsLishText h3{font-size: var(--font16);line-height: 1.4;margin-bottom: .2rem;color: #3D3D3D;opacity: .5;}
.newsLishText h3 span{padding-left: .2rem;}
.newsLishText p{font-size: var(--font16);line-height: 1.6;color: #000;opacity: .6;}
.EventsNr ul{display: flex;gap:.15rem;flex-wrap: wrap;padding-bottom: .65rem;}
.EventsNr li{width: calc(33.333% - .3rem/3);}
.EventsBox{border-radius: .15rem; padding: .15rem; background: #fff;}
.EventsBox b{height: 3.2rem;border-radius: .2rem; overflow: hidden;display: block;}
.EventsBox b img{width: 100%;height: 100%; object-fit: cover;transition: all 1.2s;}
.EventsNr a:hover b img{transform: scale(1.1);} 
.EventsText{padding-top: .2rem;}
.EventsText h2{font-size: var(--font24);line-height: 1.4;margin-bottom: .2rem;font-weight: bold;}
.EventsText h3{font-size: var(--font16);line-height: 1.4;margin-bottom: .2rem;color: #3D3D3D;opacity: .5;}
.EventsText h3 span{padding-left: .2rem;}
.EventsText p{font-size: var(--font16);line-height: 1.6;color: #000;opacity: .6;}
.h55{height: .55rem;}

/*news_xq*/
.bj3{background: #FED203;}
.newxXq{padding: .35rem 0 .25rem;}
.newsXqTitle h2{font-size: var(--font44);margin-bottom: .2rem;font-weight: bold;}
.newsXqTitle p{font-size: var(--font18);line-height: 1.4;color: #3D3D3D;opacity: .8;}
.newsXqTitle p span{padding-left:.2rem;}
.h25{height: .25rem;}

.xwwb{padding-bottom: .85rem;}
.xwwbTitle h2{font-size: var(--font32);font-weight: bold; padding: .55rem 0; position: relative;}
.xwwbTitle h2:before{position: absolute;content: "";border-bottom: 2px solid #d8d8d8;width: 1.2rem;bottom: .25rem;}
.xwwbNr p{font-size: var(--font20);line-height: 1.8;color: #3D3D3D;margin-bottom: .45rem;}
.btnTb2{margin-left:0 !important; margin-right: .15rem;}

.btn10{display: inline-block; border-radius: .4rem;background: #ffd203;height: .8rem;text-align: center;line-height: .8rem;width: 2.7rem;font-size: var(--font28);}
.btn10:hover .xqbox{margin-top: -0.3rem ;}
.btn10:hover dl{margin-top:0;}

.btn11{display: inline-block; border-radius: .4rem;background: #fff;height: .8rem;text-align: center;line-height: .78rem;width: 2.7rem;font-size: var(--font28); margin-left: .3rem;border: 1px solid #000;transition: all .5s;}
.btn11:hover .xqbox{margin-top: -0.3rem ;}
.btn11:hover dl{margin-top:0;}
.btn11:hover{background: #FED203;border:1px solid #FED203 ;}

/*Download*/
.cort{padding-bottom: 1rem;}
.cortTitel h2{font-size: var(--font44);font-weight: bold; padding: .4rem 0 .65rem;text-align: center;}
.cortNr ul{display: flex;gap:.25rem;flex-wrap: wrap;padding-bottom: .45rem;}
.cortNr li{width: calc(33.333% - .5rem/3);}
.cortBox{border-radius: .2rem; position: relative;height: 4.3rem;overflow: hidden;}
.cortBox img{width: 100%;height: 100%;object-fit: cover;}
.cortBox p{color: #fff;position: absolute;width: 100%;text-align: center; left: 0;top: 50%;transform: translateY(-50%);font-size: var(--font24);}
.cortBox:before{position: absolute;content: "";background: rgba(0,0,0,.6);width: 100%;height: 100%;left: 0;top: 0;}

/*Products_xq*/
.cpjs_cs{display: flex;justify-content: space-between;flex-wrap: wrap;}
.cpjsLeft{width: 56%;overflow: hidden;position: relative;display: flex;justify-content: space-between;}
.cpjsLeft .mySwiper2{width: calc(100% - 1.7rem);overflow: hidden;position: relative;}
.cpjsLeft img{width: 100%;border: 2px solid transparent; }
.cpjsLeft .mySwiper{width: 1.5rem;height: 7rem;overflow: hidden;}
.cpjsBox img{border-radius: .2rem;width: 100%;height: 100%;object-fit: cover;}
.cpjsBox2{height: 6.9rem;border-radius: .2rem;}
.cpjsBox2 img{width: 100%;height: 100%; object-fit: cover;border-radius: .2rem;}
.cpjsLeft .mySwiper .swiper-slide-active .cpjsBox img{border: 2px solid #FED203;}
.cpjsLeft .swiper-button-next{width: .4rem;height: .4rem;margin-top: -.2rem;border-radius: 50%;background: rgba(255,255,255,.7);color: #000;right: .25rem;transition: a11 .5s;}
.cpjsLeft .swiper-button-prev{width: .4rem;height: .4rem;margin-top: -.2rem;border-radius: 50%;background: rgba(255,255,255,.7);color: #000;left: .25rem;transition: a11 .5s;}
.cpjsLeft .swiper-button-next:after,.cpjsLeft  .swiper-button-prev:after{font-size: var(--font16);}

.cpjsRight{width: 44%; padding-left: .35rem;}
.cpjsRight h2{line-height: 1.4;font-size: var(--font40);font-weight: bold;margin-bottom: .2rem;}
.cpfla{background: #fff;border-radius: .2rem; padding: .25rem;display: flex;justify-content: space-between;}
.cpfla li{width: 50%;text-align: center;}
.cpfla h3{line-height: 1.4;font-size: var(--font30);font-weight: bold;margin-bottom: .1rem;color: #3D3D3D;}
.cpflap{line-height: 1.4;font-size: var(--font18);margin-bottom: .1rem;color: #3D3D3D;}
.diff{padding: .2rem 0;}
.diff li{position: relative;line-height:1.8;font-size: var(--font18);color: #3D3D3D; padding-left: .28rem;}
.diff li:before{position: absolute;content: "";width: .15rem;height: .15rem;border-radius: 50%;background: #d8d8d8;left: 0;top: .07rem;;}
.rmbq h3{font-size: var(--font26);color: #3D3D3D;margin-bottom: .15rem;}
.rmbq ul{margin-left: -.2rem;}
.rmbq li{display: inline-block;padding: 0 0 .2rem .2rem;}
.rmbq li a{display: inline-block; line-height: .48rem;border-radius: .24rem; padding: 0 .25rem;background: #fff;transition: all .5s;font-size: var(--font18);color: #3D3D3D;}
.rmbq li a:hover{background: #FED203;}
.cpcs{padding-bottom: .4rem;overflow: auto;}

.cpcsTitle h2{font-size: var(--font44);font-weight: bold; padding: .4rem 0 .3rem;}
.cpcsNr{border-radius: .2rem;background: #fff;}
.cpcsNr table{width: 100%;}
.cpcsNr th{padding: .2rem .3rem .1rem .3rem;}
.cpcsNr th h2{font-weight: bold;text-transform: uppercase;margin-bottom: .15rem;}
.cpcsNr th p{font-size: 12px;color: #3D3D3D;opacity: 0.6;}
.cpcsNr td{border-top: 1px solid #dcdcdc; padding:.45rem .3rem; text-align: center;font-size: var(--font16);}
.cpcsNr td:nth-child(1){ text-align: left;}
.cpcsNr th:nth-child(1){ text-align: left;}

.Download{padding-bottom: .4rem;}
.DownloadTitle h2{font-size: var(--font44);font-weight: bold; padding: .3rem 0 .4rem;}
.DownloadNr{padding-top: .4rem;}
.DownloadNr ul{display: flex;justify-content: space-between;gap:.2rem;padding-bottom: .4rem;}
.DownloadNr li{width: calc(50% - .2rem/2);border-radius: .1rem;background: #f8f8f8; padding:.15rem .25rem ;}
.DownloadTop{display: flex;justify-content: space-between;align-items: center; padding-bottom: .1rem;}
.DownloadTop img{width: .3rem;}
.DownloadBox{position: relative;}
.downText{width: calc(100% - .48rem);}
.downText h2{font-size: var(--font20);font-weight: bold; color: #3D3D3D;margin-bottom: .08rem;}
.downText p{font-size: var(--font14);color: #3D3D3D;opacity: .6;}
.DownloadBox b{position: absolute;}
.DownloadBottom{width: 100%;height: 6px;border-radius: 3px; position: relative;background: #fff;}
.DownloadBottom span{position: absolute;width: 0;height: 100%;border-radius: 3px;left: 0;top: 0;background: #FED203;}
.DownloadBox b{position: absolute;background: url(../images/a20.png);width:10px;height: 10px;background-size: 100% 100%;top: 0;right: 0;cursor: pointer;}
.usedBox p{position: absolute; width: 100%; padding: 0 .4rem;left: 0;bottom:.4rem;font-size: var(--font28); opacity: 0;color: #fff;}
.usedNr a:hover p{ opacity: 1;animation: fadeInUp .5s 1;}
.h35{height: .35rem;}
.xzxtb{position: absolute;width: .5rem;height: .5rem;top: 50%;transform: translateY(-50%); right: 0;border-radius: 50%;background: url(../images/a21.png) no-repeat center center #fff;background-size: .16rem .24rem;}

/*弹窗*/
.tcbj{width: 100%;height: 100%;z-index: 110;top: 0;left: 0;background: rgba(0,0,0,.7);top: 0;left: 0;display: none;position: fixed;}
.tcnr{position: fixed;width: 710px;border-radius: .2rem;background: #f4f4f4;padding: .55rem .25rem .35rem .25rem;left:50%; top:50%; transform:translate(-50%,-50%);z-index: 112;max-width: 90%;}
.tcnrTop{border-radius: .2rem; overflow: hidden;position: relative;}
.tcnrTop img{width: 100%;}
.tcnrText {position: absolute;left: 0;top: 50%;transform: translateY(-50%);text-align: center;width: 100%;}
.tcnrText h2{color: #fff;font-size: var(--font36); margin-bottom: .25rem;}
.tcnrText p{color: #fff;font-size: var(--font24); }
.tcnrBottom p{font-size: 14px; line-height: 1.4;color: #3D3D3D;margin: .15rem 0 .25rem;}
.tcnrBottom h2{font-size: var(--font22); margin-bottom: .1rem;color: #3D3D3D;}
.ggbtn{cursor: pointer; width: .3rem;height: .3rem;background:url(../images/a20.png) no-repeat center center #d9d9d9;border-radius: 50%;right: .25rem; top: .15rem;position: absolute;background-size: .1rem .1rem;}

.tcnr2{position: fixed;width: 1155px;border-radius: .2rem;background: #f4f4f4;padding: 0 .8rem .55rem .8rem;left:50%; top:50%; transform:translate(-50%,-50%);z-index: 112;max-width: 90%;}
.tcnr2 h2{font-size: var(--font36);color: #3D3D3D;padding: .6rem 0 .2rem;text-align: center; }
.tcnr2Box{height: calc(100vh - 4rem);overflow: auto;}
.tcnr2Box li{padding-bottom: .1rem;}
.tcnr2Box p{line-height: 2;color: #3D3D3D;font-size: var(--font24);}
.sjzs{display: none;}

@media(max-width:1600px){
.footerLeft{width: 6.5rem;}
.ProductText{bottom: -1.4rem;}
}
@media(max-width:1560px){
.footerLeft{width: 6.5rem;}
.ProductText{bottom: -1.2rem;}
.newxXq{padding: .35rem .8rem .25rem .8rem;}
.banner1{margin: 0 .8rem;}
.xwwb{margin: 0 .8rem;}
.nav h3 a{zoom: .95;}
}
@media(max-width:1480px){
.header{padding: 0 1%;}
.nav h3 a{font-size: 16px;}
.ProductText{bottom: -1.6rem;}
.nav h3 a{zoom: .9;}
}
@media(max-width:1360px){
.nav li{padding-left:5px;padding-right:5px;}
.nav h3 a{zoom: .8;}
.nav ul{gap:0;}
}
@media(max-width:1000px){
.header{height: 60px; padding: 0 3%;}
.dhbtn{position: absolute;width: 30px;height: 30px; position: absolute; right: 5px;top: 50%;transform: translateY(-50%);background: url(../images/d1.png) no-repeat center center;background-size: 20px 20px;}
.dhbtn.on{background: url(../images/d2.png) no-repeat center center;background-size: 20px 20px;}
.headerRight{display: none;}
.headerBox{height: 60px;}
.fgt{height: 60px;}
.nav{position: fixed;width: 200px;height: calc(100% - 60px);z-index: 100;left: -200px;top: 60px;background: #000;overflow: auto;}
.nav ul{display: block;}
.nav li{padding: 0;position: relative;}
.nav h3 a{line-height: 46px;border-radius: 0;padding: 0 10px; font-size: 16px;position: relative;}
.nav h3 a b{position: absolute; right:15px;top: 50%;transform: translateY(-50%);}
.sub{position: static;width: 100%;padding: 8px 0;}
.sub dl{overflow: auto;display: block;overflow: hidden;}
.sub dt{width: 50%;float: left; padding: 0 5px;}
.sub dt a p{font-size: 12px;zoom: .8;}
.bannerText h2{font-size: 24px;line-height: 1.4;}
.bannerText h3{font-size: 16px;line-height: 1.4;}
.Spacestitle img{display: none;}
.spaeBt{display: flex;justify-content: space-between;flex-wrap: wrap;}

.SpacesNr{display: block;}
.SpacesLeft{width: 100%;}
.SpacesRight{width: 100%;padding-top: 20px;}
.athatNr li{width: calc(50% - .2rem/1);height: 100px;}
.athatNr p{font-size: 12px;}
.Spacestitle{padding: 30px 0;}
.SpacesLeft h2{margin-bottom: 20px;}
.gdtp{margin-top: 30px;}
.gdtp .swiper-button-next{width: 40px;height: 40px; right: calc(25% - 25px);}
.gdtp .swiper-button-prev{width: 40px;height: 40px; left: calc(25% - 25px);}
.hzhbTitle{padding: 30px 0 20px;}
.hzhbNr li{width:calc(50% - .1rem/2)}
.hzhb{padding-bottom: 30px;}
.product ul{display: block;}
.product li{width: 100%;padding-bottom:30px;}
.productLish{display: block;}
.productTp{width: 100%;}
.productText{width: 100%; padding-top: 5px;}
.wycwTitle{padding: 30px 0 20px;}
.wycwNr{display: block;}
.wycwLeft{width: 100%;}
.wycwRight{width: 100%; margin-top: 20px;}
.WorkNr li{width: 100%;}
.Work{padding-bottom: 30px;}
.footerbox{display: block;}
.footerLeft{width: 100%;text-align: center;}
.footerRight{display: none;}
.dbss{height: 36px;border-radius: 18px;align-items: center;}
.wby2{height: 36px; line-height: 36px;}
.btn6{height: 30px;border-radius: 15px;}
.footerLeft dl{justify-content: center;}
.footerLeft li{padding: 0;}
.footerLeft li:before{display: none;}

.founTitle ul{display: block;}
.founTitle li{width: 100%;}
.founTitle ul li:nth-child(2){width: 100%; padding: 0;}
.founNR{display: block;}
.founText{width: 100%;}
.founTp{width: 100%; padding: 20px 0 0 0;}
.reseTitle{padding: 30px 0 20px;display: block;}
.reseTitle h2 {width: 100%;margin-bottom: 10px;}
.reseTitle p{width: 100%; padding: 0;}
.servTitle{display: block;width: 100%;}
.servTitle h2{width: 100%;}
.servTitle p{width: 100%;}
.servNr ul li:nth-child(1){ width:100%;padding-bottom: 0;}
.servNr li{width:calc(50% - 0.25rem/2) ;}
.reseLeft{width: 100%;padding: 0;}
.reseRight{padding: .3rem 0 0 0;width: 100%;}
.reseBox{display: block;}
.MeetNr li{width:calc(50% - .8rem/2)}
.contNr{display: block;}
.contLeft{width: 100%;}
.contRight{padding: 10px 0 0 0;width: 100%;}
.lxfsNr li{width:100%;border: none;}
.cortTitel h2{padding: 30px 0 20px;}
.cortNr li{width: calc(50% - .25rem/2);}

.newsXqTitle h2{font-size: 20px;}
.newsNr h2{font-size: 20px;}
.newsNr{padding: 30px 0;}
.newsLishBox{display: block;padding: 10px;}
.newsLishTp{height: auto;width: 100%;}
.newsLishText{width: 100%; padding-top: 20px;}
.EventsNr li{width: 100%;}
.EventsBox b{height: auto;}
.projNr li{width: 100%;}
.BringNr li{width: 100%;}
.BringNr{column-count: 1;}

.cplbBox{display: block;}
.cplbTp{width: 100%;}
.cplbZx a{width: 100px; line-height: 32px;border-radius: 16px;}
.cplbText{padding: 10px 0;width: 100%;}
.pczs{display: none;}
.sjzs{display: block;}
.rermTitlte h2{font-size: 20px;}
.germNr{display: block;}
.germTp{width: 100%; padding: 0 0 15px 0;}
.germText{width: 100%;}
.flxxBox{display: block;}
.flxxTp{width: 100%; padding: 0 0 15px;}
.flxxText{width: 100%;}
.flxxBox:nth-child(2) .flxxTp{padding: 0 0 15px 0;}
.usedNr ul li:nth-child(1){width: 100%;}
.usedNr li{width: calc(50% - .4rem/2);}
.teceLeft{width: 100%; padding: 0 0 15px 0;}
.texeRight{width: 100%;padding: 0;}
.tece{display: block;}
.busiNr li{width: 100%;margin-bottom: 20px;padding: 10px;}
.busiNr ul{display: block;}
.busi{padding-bottom: 20px;}
.BrBNr li{width: 100%;}
.tpzh{display: block;padding: 30px 0;}
.tpzhLeft{width: 100%;padding:0 0 .2rem 0}
.tpzhRight{width: 100%;}
.ProductNr ul{display: block;}
.ProductNr li{width: 100%;margin-bottom: 15px;}
.ProductNr li.cur{width: 100%;}
.poin{padding: 30px 0;display: block;}
.ProductTitle{display: block;}
.ProductTitle h2{width: 100%;}
.ProductTitle p{width: 100%;margin-top: 10px;}
.poinTitle{width: 100%;}
.Product{padding-bottom: 25px;}
.poinNr{width: 100%; padding: 20px 0 0 0;}
.PointsTitle{display: block;padding-bottom: 20px;}
.PointsTitle h2{width: 100%;}
.PointsTitle p{width: 100%;margin-top: 10px;}
.upstNr li{width: calc(50% - .15rem/2);}
.upst{padding-bottom: 30px;}
.learnNr li{width: 100%;}
.DownloadNr{width: 100%;}
.newxXq{padding: .25rem 0;}
.banner1{margin: 0;}
.xwwb{margin: 0;}
.cpjsRight{width: 100%; padding: 20px 0 0 0;}
.cpjsLeft{width: 100%;}
.diff li:before{top: .18rem;}
.fhbj{position: fixed;z-index: 99;width: 100%;height: 100%;background: rgba(0,0,0,.7);top: 0;left: 0;display: none;}
.spaeBt h2 {width: 100%; padding: 0 0 .2rem 0;}
.spaeBt p {width: 100%; 0}
}