/*header*/ .m50 {margin:0 .5rem;} .header{position:fixed;top:0;left:0;width:100%;z-index:18;border-bottom:1px solid rgba(255,255,255,.15)} .header>div>div{display:inline-block;vertical-align:middle;width:17%} .header .logos {line-height:.9rem;} .header .logos img {max-height:.35rem;transition:none;} .header .navlist{width:55%} .header .navlist li,.header .itemboxs ul li {display:inline-block;vertical-align:middle;position:relative;} .header .navlist li>a{font-size:.16rem;color:#01FFFF;display:block;line-height:.9rem;padding:0 .4rem;} body#en .header .navlist li>a{padding:0 .55rem} .header .itemboxs ul li>a{font-size:.16rem;color:#01FFFF;display:block;line-height:.9rem;padding:0 .253rem;} .header .navlist li>a i,.header .itemboxs ul li>a i {margin-left:.1rem;display:inline-block;line-height:1;vertical-align:middle} .header .navlist li>a i img,.header .itemboxs ul li>a i img {max-height:.05rem;transition:none;} .header .navlist li:hover>a i img {filter:brightness(0) invert(1)} .header .navlist li>a.on1:hover,.header .itemboxs ul li>a.on1:hover {color:#01FFFF} .header .navlist li:hover>a.on2,.header .itemboxs ul li:hover>a.on2 {background:#00A4BB;color:#FFF} .header .navlist li:hover>a.on2 i,.header .itemboxs ul li:hover>a.on2 i{transform:rotate(180deg)} .header .navlist li{position:relative} .header .navlist li>dl,.header .itemboxs ul li>dl{position:absolute;top:100%;left:50%;transform:translateX(-50%);background:#FFF;margin:0;padding:0;width:100%;text-align:center;display:none;transition:none} .header .navlist li>dl dd a,.header .itemboxs ul li>dl dd a{font-size:.16rem;color:#121215;display:block;line-height:.46rem;border-bottom:1px solid #DFDFDF;text-transform: capitalize;} .header .navlist li>dl dd a:hover,.header .itemboxs ul li>dl dd a:hover {background:#F8F8F8;color:#01FFFF} .header .itemboxs{width:28%;text-align:right} .header .itemboxs>*{display:inline-block;vertical-align:middle;} .header .itemboxs ul li:last-child{margin:0} .header .itemboxs>dl{margin:0 0 0 .4rem;padding:0;position:relative} .header .itemboxs>dl dt {font-size:.16rem;color:#FFF;font-weight:normal; cursor: pointer;line-height:.9rem} .header .itemboxs>dl dt>img {max-height:.19rem;transition:none} .header .itemboxs>dl dd {position:absolute;top:100%;left:50%;transform:translateX(-50%);background:#FFF;width:1.2rem;text-align:center;display:none;transition:none;} .header .itemboxs>dl dd a{font-size:.16rem;color:#121215;display:block;line-height:.46rem;border-bottom:1px solid #DFDFDF} .header .itemboxs>dl dd a:hover {background:#F8F8F8;color:#00A4BB} .header.zinx {opacity:0;top:-.9rem;} .header:hover {background:#121215;} .is_header,.pjt_h{box-shadow:0 0 12px rgba(0,0,0,.12);background:#121215;} body#en .header>div>div{width:14%} body#en .header .navlist {width:66%} body#en .header .itemboxs{width:20%} /**/ .index_one{position:relative;z-index:5} .index_one .imgs{position:relative} .index_one .imgs img {width:100%} .index_one .imgs video {width:100%;height:100vh;object-fit:cover;transition:none;} .index_one .text{position:absolute;top:36%;left:1.69rem;z-index:1} .index_one .text h3{font-size:.46rem;color:#01ffff;line-height:1.7} .index_one .text p{font-size:.24rem;color:#D3DFED;margin:.25rem 0 .55rem;line-height:.34rem} .index_one .text>a{display:inline-block;border-radius:6px;overflow:hidden;border:1px solid #FFF;padding:.1rem .1rem .15rem;font-size:.14rem;color:#FFF;min-width:1.6rem;} .index_one .text>a i {display:block;text-align:right;} .index_one .text>a i img {max-height:.15rem;filter:brightness(0) invert(1)} .index_one .text>a:hover {background:#FFF;color:#121215} .index_one .text>a:hover i img{filter:none} .index_two {position:relative;z-index:3} .index_two .imgs video {width:100%;} .index_two .imgs video.mob_video {display:none} .index_two .text{position:absolute;top:1.4rem;left:1.69rem;z-index:1} .index_two .text h3 {font-size:.46rem;color:#01ffff;line-height:1.7} .index_two .text p{font-size:.24rem;color:#FFF;margin:.25rem 0 0} .index_two .itembox>div{position:absolute;width:1.42rem;text-align:center} @keyframes dropdown2 { form{ transform:rotate(0deg) } to{ transform:rotate(360deg) } } .index_two .itembox>div{opacity:0;visibility:hidden;transform:translateX(-3vw);} .index_two .itembox>div.on {opacity:1;visibility:visible;transform:none;} .index_two .itembox>i{width:.16rem;height:.16rem;background:url(../images/vi0.png) 0 0 no-repeat;background-size:.16rem .16rem;position:absolute; animation: dropdown2 2s linear infinite;transform:rotate(0deg);cursor:pointer;z-index:20} .index_two .itembox>i.po0 {top:65%;left:44.8%} .index_two .itembox>i.po1 {top:66%;left:42.5%} .index_two .itembox>i.po2 {top:70%;left:40.5%} .index_two .itembox>i.po3 {top:73%;left:44%} .index_two .itembox>i.po4 {top:63.5%;left:56%} .index_two .itembox>i.po5 {top:70%;left:50.5%} .index_two .itembox>i.po6 {top:68%;left:54.5%} .index_two .itembox>i.po7 {top:64%;left:60%} .index_two .itembox>i.po8 {top:63%;left:61%} .index_two .itembox>div>*{position:relative;z-index:2} .index_two .itembox span {display:block;background:linear-gradient(to right,#EAF1F9,#D3DFED);width:100%;height:.87rem;line-height:.87rem} .index_two .itembox span img {max-height:.87rem;transition:none} .index_two .itembox p{font-size:.15rem;color:#FFF;margin:0;line-height:.29rem;background:#00A4BB} .index_two .itembox>div.img4 {width:1.75rem;top:72%;right:14%;transform:translateX(3vw)} .index_two .itembox>div.img4.on {opacity:1;visibility:visible;transform:none;} .index_two .itembox>div.img0 {top:44%;left:17%} .index_two .itembox>div.img0:before{content:'';width:4.7rem;height:.85rem;top:100%;left:.71rem;position:absolute;background:url(../images/vi1-1.png) 0 0 no-repeat;background-size:100% 100%} .index_two .itembox>div.img1 {top:62%;left:8%} .index_two .itembox>div.img1:before{content:'';width:5.27rem;height:.34rem;top:.15rem;left:100%;position:absolute;background:url(../images/vi1-2.png) 0 0 no-repeat;background-size:100% 100%} .index_two .itembox>div.img2 {top:69.5%;left:17.5%} .index_two .itembox>div.img2:before{content:'';width:3rem;height:1px;top:.15rem;left:100%;position:absolute;background:#FFF} .index_two .itembox>div.img3 {top:78.5%;left:27%} .index_two .itembox>div.img3:before{content:'';width:2.6rem;height:.44rem;bottom:100%;left:.71rem;position:absolute;background:url(../images/vi1-4.png) 0 0 no-repeat;background-size:100% 100%} .index_two .itembox>div.img4:before{content:'';width:4.39rem;height:1.22rem;top:-.65rem;right:1.31rem;position:absolute;background:url(../images/vi1-5.png) 0 0 no-repeat;background-size:100% 100%} .index_two .itembox>div.img5 {top:26.5%;left:21.6%} .index_two .itembox>div.img5:before{content:'';width:4.91rem;height:2.87rem;top:100%;left:.71rem;position:absolute;background:url(../images/vi1-6.png) 0 0 no-repeat;background-size:100% 100%} .index_two .itembox>div.img6 {top:23.5%;left:31.7%} .index_two .itembox>div.img6:before{content:'';width:3.05rem;height:3.57rem;top:.547rem;left:100%;position:absolute;background:url(../images/vi1-7.png) 0 0 no-repeat;background-size:100% 100%} .index_two .itembox>div.img7 {top:41.5%;right:13.3%} .index_two .itembox>div.img7:before{content:'';width:3.64rem;height:1rem;top:1.12rem;right:100%;position:absolute;background:url(../images/vi1-8.png) 0 0 no-repeat;background-size:100% 100%} .index_two .itembox>div.img8 {top:56.5%;right:11%} .index_two .itembox>div.img8:before{content:'';width:3.89rem;height:.3rem;top:.65rem;right:100%;position:absolute;background:url(../images/vi1-9.png) 0 0 no-repeat;background-size:100% 100%} .index_two .boxs>div {position:absolute;padding:0 0 .35rem;} .index_two .boxs>div a{display:block;} .index_two .boxs>div.itm0 {top:39%;left:31%} .index_two .boxs>div.itm1 {top:16%;left:68%} .index_two .boxs>div.itm2 {top:44%;left:71%;} .index_two .boxs>div.itm3 {bottom:11%;left:47%;padding:.35rem 0 0} .index_two .boxs h6 {font-size:.18rem;color:#FFF;position:relative} .index_two .boxs h6 span {position:relative;z-index:2;background:#FFF;border-radius:999px;width:1.18rem;height:.46rem;text-align:center;color:#121215;display:flex;align-items:center; justify-content: center} .index_two .boxs>div.itm3 h6 span {width:1.72rem;font-size:.16rem;} @keyframes clipMe { 0%, 100% { clip: rect(0px, 1.16rem, 0, 0px); } 25% { clip: rect(0px, 0, .44rem, 0px); } 50% { clip: rect(.44rem, 1.16rem, .46rem, 0px); } 75% { clip: rect(0px, 1.18rem, .46rem, 1.16rem); } } .index_two .boxs h6 span:before,.index_two .boxs h6 span:after { content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: -1; animation: clipMe 8s linear infinite; border:2px solid #01F66F; border-radius: 999px; } .index_two .boxs h6 span:before { animation-delay: -4s; } .index_two .boxs h6:before{content:'';border-top:.06rem solid #FFF;border-left:.055rem solid transparent;border-right:.055rem solid transparent;position:absolute;bottom:-.14rem;left:50%;transform:translateX(-50%);transition:all .6s ease-in-out;opacity:0} @keyframes blink { 0%, 100% { opacity: 0; } 50% { opacity: 1; } } .index_two .boxs h6>i{position:absolute;bottom:-.5rem;left:50%;transform:translateX(-50%);transition:all .6s ease-in-out;} .index_two .boxs h6>i>i{ display: block; margin: 0 0 5px; width: .11rem; height: .06rem;animation: blink 1.4s infinite both;} .index_two .boxs h6>i>i.dt1 {animation-delay: 0.2s;} .index_two .boxs h6>i>i.dt2 {animation-delay: 0.4s;} .index_two .boxs h6>i>i:before{content:'';border-top:.06rem solid #FFF;border-left:.055rem solid transparent;border-right:.055rem solid transparent;} .index_two .boxs .itm3 h6>i{bottom:auto;top:-.55rem;} .index_two .boxs .itm3 h6>i>i:before{border-bottom:.06rem solid #FFF;border-top:0} .index_two .boxs .imgs {position:absolute; opacity:0;width: 2.23rem;top: -.4rem;left: 100%;margin-left: .2rem;transform:translateY(.35rem);visibility: hidden;} .index_two .boxs .itm3 .imgs{top:-1rem} .index_two .boxs .imgs span {display:block;width:100%;height:1.39rem;line-height:1.39rem;text-align:center;background:linear-gradient(to bottom,#eaf1f9,#d3dfed)} .index_two .boxs .imgs img {max-height:1.39rem;transition:none;} .index_two .boxs .imgs p{font-size:.16rem;color:#FFF;text-align:center;line-height: .45rem;margin:0;background: #00A4BB;} .index_two .boxs>div:hover .imgs {opacity:1;visibility:visible;transform:none;transition: all .8s cubic-bezier(.69, .27, .45, .99);transition-delay:100ms} .index_three{position:relative;z-index:2} .index_three .imgs img {width:100%} .index_three .text1{position:absolute;top:1.4rem;left:1.69rem;z-index:1} .index_three .text1 .name {margin:0 0 .65rem;} .index_three .text1 .name p{font-size:.18rem;color:#FFF;margin:0} .index_three .text1 .name p:first-child {color:#00A4BB;} .index_three .text1 .name h3{font-size:.46rem;color:#01ffff;line-height:1.7} .index_three .text1 .items h4 {font-size:.3rem;color:#FFF;margin:0 0 .3rem;} .index_three .text1 .items .boxs {background:#24252B;border-radius:15px;padding:.25rem .4rem .34rem .2rem;} .index_three .text1 .items .boxs p{margin:0 0 .2rem;font-size:.18rem;color:#FFF;padding:0 0 .2rem;border-bottom:1px solid rgba(153,153,153,.5)} .index_three .text1 .items .boxs p:last-child{margin:0} .index_three .text1 .items .boxs p img {max-height:.14rem;transition:none;margin:0 .2rem 0 0} .index_three .text2 {position:absolute;bottom:1.88rem;right:1.08rem;z-index:1} .index_three .text2 h4 {font-size:.3rem;color:#FFF;margin:0 0 .3rem;} .index_three .text2 p{display:flex;width:3rem;font-size:.14rem;color:#FFF;padding:0 0 .15rem;margin:0 0 .23rem;border-bottom:1px solid rgba(255,255,255,.3); flex-direction: row; justify-content: space-between} .index_three .text2 p em {font-size:.18rem;color:#00A4BB} .index_three .text2 p:last-child{margin:0} .m170{margin:0 1.7rem;} .index_news{position:relative;z-index:1;padding:.82rem 0 1.22rem;} .index_news:before{content:'';width:100%;height:150%;background:#F2F2F2;position:absolute;top:-1.4rem;left:0;z-index:1} .index_news>div{position:relative;z-index:2} .index_news .titles{display:flex;margin-bottom:.5rem; flex-direction: row; align-items: flex-end; justify-content: space-between;} .index_news .titles h3 {font-size:.46rem;color:#01ffff;line-height:1.7} .index_news .titles h3 em{display:block;font-size:.18rem;line-height:1} .index_news .titles>a{display:inline-block;border-radius:6px;overflow:hidden;border:1px solid #999;padding:.1rem .1rem .15rem;font-size:.14rem;color:#121215;min-width:1.6rem;} .index_news .titles>a i {display:block;text-align:right;} .index_news .titles>a i img {max-height:.15rem;} .index_news .titles>a:hover {background:#121215;color:#FFF} .index_news .titles>a:hover i img {filter:brightness(0) invert(1)} .index_news .lists {position:relative;margin-left:1.7rem;} .index_news .lists .swiper-slide a{display:block;position:relative;} .index_news .lists .swiper-slide .imgs{overflow:hidden} .index_news .lists .swiper-slide .imgs img {width:100%;height:2.6rem;object-fit:cover;} .index_news .lists .swiper-slide .text{padding:.35rem .5rem .44rem;background:#FFF} .index_news .lists .swiper-slide .text h6 {font-size:.22rem;color:#121215;line-height:.27rem;height:.54rem;overflow:hidden;margin:0 0 .1rem;} .index_news .lists .swiper-slide .text span {font-size:.14rem;color:#121215;display:block;} .index_news .lists .swiper-slide .text em {display:inline-block;margin:.59rem 0 0;font-size:.14rem;color:#00A4BB;} .index_news .lists .swiper-slide .text em img {max-height:.28rem;margin:0 .12rem 0 0} .index_news .lists .slide-button-next{position:absolute;right:1.83rem;top:50%;transform:translateY(-50%);z-index:1;width:.6rem;height:.6rem;background:#FFF;text-align:center;line-height:.6rem;box-shadow:3px 3px 12px rgba(0,0,0,.09);border-radius:100%} .index_news .lists .slide-button-next img {max-height:.14rem;transition:none;} .index_news .lists .swiper-slide a:hover .imgs img {transform:scale(1.06)} .index_news .lists .swiper-slide a:hover .text {background:#00A4BB} .index_news .lists .swiper-slide a:hover .text h6,.index_news .lists .swiper-slide a:hover .text span,.index_news .lists .swiper-slide a:hover .text em{color:#FFF} .index_news .lists .swiper-slide a:hover .text em img {filter:brightness(0) invert(1)} /*通用底部*/ .footer{position:relative;background:#121215;z-index:1} .footer:before{content:"";width:7.53rem;height:.4rem;background:url(../images/icon4.png) center bottom no-repeat;background-size:auto .4rem;position:absolute;top:-.4rem;left:50%;transform:translateX(-50%);z-index:1} .footer>div{position:relative;z-index:2} .footer .infos{padding:1.1rem 0 .46rem;position:relative} .footer .infos>div{display:inline-block;vertical-align:top;width:18.5%} .footer .infos .items{width:63%;padding:0 .15rem 0 1.13rem;} .footer .infos .logos >a>img{max-height:.43rem;transition:none;} .footer .infos .logos .img_{margin:.45rem 0 0;text-align:center} .footer .infos .logos .img_ img {max-width:.96rem;transition:none} .footer .infos .items .navs{margin:0 0 .76rem} .footer .infos .items .navs dl {display:inline-block;vertical-align:top;margin:0 1.8rem 0 0;padding:0} .footer .infos .items .navs dl>*{display:inline-block;vertical-align:top;} .footer .infos .items .navs dl dt {font-weight:normal;font-size:.14rem;color:#999;margin:0 .6rem 0 0} .footer .infos .items .navs dl dd p{margin:0 0 5px;} .footer .infos .items .navs dl dd a{display:inline-block;font-size:.16rem;color:#FFF;line-height:.26rem;} .footer .infos .items .navs dl dd a:hover {color:#00A4BB} .footer .infos .items .navs dl:last-child{margin:0} .footer .infos .items .cnts>*{display:inline-block;vertical-align:top;} .footer .infos .items .cnts h4 {font-size:.14rem;color:#999999;line-height:.23rem;margin:0 .6rem 0 0} .footer .infos .items .cnts p{font-size:.14rem;color:#999;line-height:.23rem;margin:0 .86rem 0 0} .footer .infos .items .cnts p em {display:block;font-size:.16rem;color:#FFF;line-height:1} .footer .infos .items .cnts p:last-child{margin:0} .footer .infos .items .imgs{margin:1rem 0 0;padding:0 0 .42rem 22%;position:relative;display:inline-block} .footer .infos .items .imgs h4 {font-size:.28rem;color:#999} .footer .infos .items .imgs p{font-size:.15rem;color:#999;margin:.1rem 0 0;text-align:justify-content;} .footer .infos .items .imgs img{max-height:.37rem;transition:none;position:absolute;left:100%;bottom:0;transform:translate(.26rem,0)} .footer .infos .tels{padding:0 .47rem} .footer .infos .tels .cnt h4{font-size:.14rem;color:#999;margin:0 0 .1rem} .footer .infos .tels .cnt p{font-size:.14rem;color:#FFF;line-height:.26rem;margin:0;} .footer .infos .tels .cnt p img {max-height:.12rem;transition:none;margin:0 .15rem 0 0} .footer .infos .tels .cnt p a{font-size:.14rem;color:#FFF;display:inline-block} .footer .infos .tels .cnt p em {text-decoration: underline;} .footer .infos .tels .cnt>a{display:inline-block;background:#00A4BB;font-size:.14rem;color:#FFF;padding:0 .69rem;line-height:.35rem;margin:.22rem 0} .footer .infos .tels .cnt>a:hover {background:#00D2FF} .footer .infos .tels .code{padding:.25rem 0 0} .footer .infos .tels .code p{font-size:.14rem;color:#999;margin:0 0 .25rem;} .footer .infos .tels .code p img {max-height:.14rem;transition:none} .footer .infos .tels .code>img {width:.9rem;transition:none} .footer .copy{border-top:1px solid rgba(112,112,112,.33);position:relative} .footer .copy>div{display:inline-block;vertical-align:middle;width:18.5%;padding:.5rem 0} .footer .copy .txt{width:63%;padding:.5rem 1.13rem;font-size:.14rem;color:#999999;} .footer .copy .icp{text-align:center;position:relative} .footer .copy .icp:before,.footer .copy .rtn:before{content:'';width:9px;height:7px;background:url(../images/icon6.png) 0 0 no-repeat;background-size:9px 7px;position:absolute;right:-4px;top:-3px} .footer .copy .icp a{font-size:.14rem;color:#999} .footer .copy .rtn{text-align:center;position:relative} .footer .copy .rtn a{font-size:.14rem;color:#999999;} .footer .copy .rtn a img {max-height:.18rem;margin:0 1.85rem 0 0} .footer .copy .rtn:before{right:auto;left:-4px;} .footer .infos:before,.footer .infos:after,.footer .copy:before,.footer .copy:after{width:1px;height:100%;content:'';background:rgba(112,112,112,.33);position:absolute;left:18.5%;bottom:0} .footer .infos:after,.footer .copy:after{left:auto;right:18.5%} /*关于我们*/ .about_box{} .company{position:relative}/* .company .imgs{position:sticky;top:0;height:100vh;overflow:hidden;} .company .imgs img {width:100%;height:100vh;object-fit:cover;transition:none;} .company .imgs:before{content:'';width:100%;height:100%;background:rgba(0,0,0,.78);top:0;left:0;z-index:1;position:absolute;opacity:0;transition:all .8s ease-in-out;} .company.on .imgs:before{opacity:1}*/ .company .imgs .titles{position:absolute;top:50%;left:1.1rem;z-index:1;transform:translateY(-50%);width:7.8rem;max-width:100%;} .company .imgs .titles h5 {font-size:.39rem;color:#01ffff;font-weight:bold} .company .imgs .titles h6 {font-size:.28rem;color:#01ffff;margin:.15rem 0 .45rem;} .company .imgs .titles p{font-size:.22rem;color:#01ffff;margin:0;line-height:1.9} .company .mains{padding:0 1.8rem 1.78rem 1.7rem;position:relative;z-index:3;text-align:right;min-height:100vh} .company .mains>div{width:7rem;max-width:50%;display:inline-block;vertical-align:top;text-align:left;} .company .mains .editor {font-size:.18rem;color:#FFF;line-height:2;margin:0 0 1.85rem;} .company .mains .nums {margin:0 0 1.2rem;display:grid;grid-template-columns:1fr 1fr;gap:.35rem 1rem;} .company .mains .nums >div{display:flex;padding:0 0 .3rem;border-bottom:1px solid #FFF; flex-direction: row; justify-content: space-between; align-items: flex-end;} .company .mains .nums >div h5 {font-size:.46rem;color:#FFF} .company .mains .nums >div p{font-size:.14rem;color:#FFF;margin:0} .company .mains .infos>div{display:flex;padding:.47rem 0;border-bottom:1px solid rgba(255,255,255,.2)} .company .mains .infos>div>p{margin:0;width:16%;padding-left:.17rem;} .company .mains .infos>div>p img{max-height:.5rem;transition:none;} .company .mains .infos>div>.m {width:84%;font-size:.17rem;color:#FFF} .company .mains .infos>div>.m em {display:block;font-size:.18rem;margin:0 0 .15rem;} /*new about*/ .m235 {margin:0 2.35rem;} .company_main{padding:.68rem 0 1.2rem;position:relative} .company_main:before{content:'';width:100%;height:66%;background:#ecf0f3;position:absolute;bottom:0;left:0} .company_main>div{position:relative;z-index:2} .company_main .txt1{margin:0 0 1rem;display:grid;grid-template-columns:1fr 1fr 1fr;gap:0 1.17rem;} .company_main .txt1 h4 {font-size:.2rem;color:#000000;font-weight:bold;} .company_main .txt1 p{font-size:.16rem;color:#000000;padding:0 0 .15rem;border-bottom:6px solid #eee;line-height:1.8;margin:.15rem 0 0} .company_main .txt2 {margin:0 0 1rem;display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:0 .55rem;} .company_main .txt2>div{height:5rem;position:relative;border:2px solid #6f6f6f;border-radius:30px;overflow:hidden;text-align:center;padding:.65rem .15rem 0;background:#FFF} .company_main .txt2>div:after{content:'';width:2.24rem;height:.15rem;background:#2d2d2d;border-radius:999px;position:absolute;bottom:.2rem;left:50%;transform:translateX(-50%)} .company_main .txt2 h6 {font-size:.35rem;color:#000000;margin:0 0 .6rem;} .company_main .txt2 h6 em {display:block;margin:.1rem 0 0;font-size:.2rem;} .company_main .txt2 p{margin:0;height:.97rem;display:flex;font-size:.25rem;color:#000000; flex-direction: column; align-content: center; justify-content: center;line-height:2} .company_main .txt2 em{display:block;margin:.4rem 0 0;} .company_main .txt2 em img {max-height:.85rem;transition:none;} .company_main .txt3 {} .company_main .txt3 .imgs{position:relative;width:12.78rem;max-width:100%} .company_main .txt3 .slide-pagination{position:absolute;bottom:.35rem;left:0;width:100%;text-align:center;z-index:5} .company_main .txt3 .slide-pagination span {opacity:1;outline:none;width:.12rem;height:.12rem;background:#FFF;margin:0 6px;} .company_main .txt3 .slide-pagination span.swiper-pagination-bullet-active{background:#00A4BB} .company_main .txt3 .t {} .company_main .txt3 .t h5 {font-size:.24rem;color:#000;margin:0 0 .75rem;line-height:1.4} .company_main .txt3 .t p{font-size:.24rem;color:#535353;margin:0} .safety{padding:.88rem 0 .95rem;} .safety h3 {font-size:.24rem;color:#000;margin:0 0 .4rem;line-height:1.4} .safety>div>p{font-size:.24rem;color:#3f3f3f;margin:0 0 .55rem} .safety .lists{position:relative} .safety .lists .swiper-slide a{display:block;position:relative;} .safety .lists .swiper-slide img {width:100%;height:5.02rem;object-fit:cover;transition:none;} .safety .lists .slide-pagination{position:absolute;right:0;bottom:0;background:#FFF;width:1.54rem;padding:.19rem 0 .19rem .15rem;font-size:.16rem;color:#000;border-radius:6px 0 0 6px;z-index:1;left:auto;} .safety .lists .swiper-slide a:hover {transform:scale(.98);box-shadow:2px 2px 4px rgba(0,0,0,.12)} .safety h4 {font-size:.48rem;color:#00a4bb;margin:.55rem 0 .4rem;} .safety h4 em {margin-left:.2rem;} .safety .editor{font-size:.24rem;color:#000000;line-height:1.8} .safety .editor .item{margin:1rem 0 0} .safety .editor .item>div{display:inline-block;vertical-align:bottom;width:61%} .safety .editor .item .txt {width:39%;padding-left:.3rem;} .safety .editor .item .txt h5 {font-size:.48rem;color:#000000} .safety .editor .item .txt h6 {font-size:.24rem;color:#000;margin:.3rem 0 0} .safety .editor .item .txt>p{font-size:.18rem;color:#3f3f3f;margin:.1rem 0 .3rem;} .safety .editor .item .txt li {margin:0 0 .15rem;padding:0 0 .15rem;border-bottom:1px solid #d6d6d6} .safety .editor .item .txt li p{margin:0;font-size:.18rem;color:#3f3f3f} .safety .editor .item .txt li:last-child{margin:0} .honor{padding:0 0 .95rem;} .honor h3 {font-size:.24rem;color:#000;margin:0 0 .45rem;} .honor h3 em {margin-left:.2rem;} .honor >div>p{font-size:.24rem;color:#000000;margin:0 0 .4rem;} .honor .lists .swiper-slide a{display:inline-block;position:relative;text-align:center;} .honor .lists .swiper-slide .imgs {background:#00a4bb !important;height:3.5rem;line-height:3.5rem;padding:0 .1rem;} .honor .lists .swiper-slide .imgs img{max-height:3.3rem;transition:none;display:inline-block !important;} .honor .lists .swiper-slide p{font-size:.24rem;color:#00a4bb;margin:.35rem 0 0} .honor .lists .swiper-slide a:hover .imgs {transform:scale(.98);box-shadow:2px 2px 4px rgba(0,0,0,.12)} .honor .lists .swiper-page{text-align:center;margin:.98rem 0 0;position:relative} .honor .lists .swiper-page>span {font-size:.16rem;color:#121215;position:absolute;left:0;top:50%;transform:translateY(-50%)} .honor .lists .swiper-page>div{display:inline-block;vertical-align:middle;font-size:.2rem;color:#00A4BB;margin:0 .4rem;} .honor .lists .swiper-page:before,.honor .lists .swiper-page:after{content:'';width:.48rem;height:.48rem;border:2px solid #00A4BB;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:100%} .honor .lists .swiper-page:before{width:.08rem;height:.08rem;} /**/ .culture {position:relative;padding:2.25rem 0 1.07rem;} .culture:before{position:absolute;top:-.44rem;left:0;width:100%;height:105%;background-position:center;background-repeat:no-repeat;background-size:100% 100%;z-index:5} .culture>div{position:relative;z-index:6} .culture span {font-size:.18rem;color:#00A4BB;} .culture h3 {font-size:.56rem;color:#00A4BB;margin:.1rem 0 .56rem;} .culture p{font-size:.18rem;color:#FFF;margin:0} .culture .editor {text-align:center;margin:2.8rem 0 0;} .culture .editor>p{display:inline-block;vertical-align:top;margin:0 .325rem;} .culture .editor img {width:.8rem;transition:none;margin:0 auto .2rem;display:block;} /**/ .layout{position:relative;padding:1.09rem 0 1.14rem;} .layout:before{content:'';width:100%;height:114%;background:url(../images/icon7.png) 0 0 no-repeat;background-size:100% 100%;position:absolute;top:-.81rem;left:0;z-index:4} .layout>div{position:relative;z-index:5} .layout .titles{margin:0} .layout .titles p{font-size:.18rem;color:#FFF;margin:0 0 .15rem;} .layout .titles h3 {font-size:.36rem;color:#FFF;} .layout .itembox{margin:0 0 .35rem;} .layout .itembox .swiper-slide>div{display:inline-block;vertical-align:bottom;width:41%} .layout .itembox .swiper-slide .imgs{width:59%;} .layout .itembox .swiper-slide .imgs>div{display:inline-block;position:relative} .layout .itembox .swiper-slide .text {padding:0 1.9rem 0 0} .layout .itembox .swiper-slide .text h4 {font-size:.4rem;color:#FFF;margin:0 0 .14rem;} .layout .itembox .swiper-slide .text p{font-size:.16rem;color:#FFF;margin:0 0 .38rem;} .layout .itembox .swiper-slide .text p img {max-height:.16rem;transition:none;margin:0 .1rem 0 0} .layout .itembox .swiper-slide .text .editor {font-size:.16rem;color:#FFF;line-height:1.9;margin:0 0 .51rem;} .layout .itembox .swiper-slide .text>a{display:inline-block;border-radius:6px;overflow:hidden;border:1px solid #FFF;padding:.1rem .1rem .15rem;font-size:.14rem;color:#FFF;min-width:1.6rem;} .layout .itembox .swiper-slide .text>a i {display:block;text-align:right;} .layout .itembox .swiper-slide .text>a i img {max-height:.15rem;filter:brightness(0) invert(1)} .layout .itembox .swiper-slide .text>a:hover{background:#FFF;color:#121215} .layout .itembox .swiper-slide .text>a:hover i img {filter:none} .layout .itembox .swiper-slide .imgs>div:after{content:'';width:100%;height:6px;background:linear-gradient(to right,#0DB6FB,#00F470);display:block;} .layout .thumbs{background:url(../images/icon9.png) center bottom no-repeat;position:relative;background-size:auto .58rem;} .layout .thumbs .swiper-slide {text-align:center;} .layout .thumbs .swiper-slide .item{display:flex; flex-direction: row; justify-content: center; align-items: flex-end;height:1.55rem;padding:0 0 .29rem;cursor:pointer;} .layout .thumbs .swiper-slide .item span{background:rgba(0,0,0,.5);border-radius:999px;font-size:.14rem;color:#FFF;width:1.26rem;position:relative;height:.5rem;padding:0 .1rem;display:flex;align-items:center; justify-content: center} .layout .thumbs .swiper-slide .item span:before{content:'';border-bottom:.06rem solid #FFF;border-left:.055rem solid transparent;border-right:.055rem solid transparent;position:absolute;bottom:-.15rem;left:50%;transform:translateX(-50%);transition:all .5s ease-in-out} .layout .thumbs .swiper-slide-active .item{align-items:flex-start} .layout .thumbs .swiper-slide-active .item span {color:#121215;background:url(../images/icon10.png) 0 0 no-repeat;background-size:100% 100%;position:relative;width:1.63rem;} .layout .thumbs .swiper-slide .item span:after{content:'';width:.11rem;height:.24rem;background:url(../images/icon11.png) 0 0 no-repeat;background-size:.11rem .24rem;position:absolute;bottom:-.31rem;left:50%;transform:translateX(-50%);opacity:0;transition:all .5s ease-in-out} .layout .thumbs .swiper-slide-active .item span:before{opacity:0} .layout .thumbs .swiper-slide-active .item span:after{opacity:1} .layout .thumbs .swiper-page{position:absolute;bottom:0;left:50%;transform:translateX(-50%);z-index:2} .layout .thumbs .swiper-page>div{display:inline-block;vertical-align:middle;margin:0 .36rem;font-size:.18rem;color:#01F66F;line-height:.42rem;} .layout .thumbs .swiper-page:before,.layout .thumbs .swiper-page:after{content:'';width:.42rem;height:.42rem;background:#01F66F;border-radius:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)} .layout .thumbs .swiper-page:before{width:.06rem;height:.06rem;background:#FFF;z-index:2} .area_box{position:relative;z-index:3;transform:none;} .Industrial{background:url(../images/icon12.png) 0 bottom no-repeat;background-size:100% 100%;padding:.95rem 0 1.32rem;transform:translateY(-.4rem);position:relative;z-index:2} .Industrial .titles{margin:0 0 .36rem} .Industrial .titles p{font-size:.18rem;color:#00A4BB;margin:0 0 .15rem;} .Industrial .titles h3 {font-size:.56rem;color:#00A4BB;} .Industrial .editor p{margin:0} .environment{position:relative;padding:1.03rem 0 1.4rem;} .environment:before{content:'';background:url(../images/icon13.png) center no-repeat;background-size:cover;width:100%;height:100%;position:absolute;top:0;left:0;z-index:1} .environment>div{position:relative;z-index:3} .environment .titles{margin-bottom:.74rem;position:relative} .environment .titles>*{display:inline-block;vertical-align:middle;width:40%} .environment .titles .names p{font-size:.18rem;color:#000;margin:0 0 .15rem;} .environment .titles .names h3 {font-size:.24rem;color:#000;} .environment .titles ol {margin:0;padding:0;width:60%;text-align:right} .environment .titles ol li {display:inline-block;vertical-align:middle;padding:0 0 0 .15rem;} .environment .titles ol li a{font-size:.16rem;color:#121215;display:block;border:1px solid #999;padding:0 .29rem;border-radius:999px;line-height:.4rem;} .environment .titles ol li#current a{background:#00A4BB;border-color:#00A4BB;color:#FFF} .environment .lists{margin-left:1.7rem;position:relative} .environment .lists .swiper-slide a{display:block;position:relative;} .environment .lists .swiper-slide img {width:100%;height:2.6rem;object-fit:cover;transition:none;} .environment .lists .swiper-slide a:hover {transform:scale(.98);box-shadow:2px 2px 4px rgba(0,0,0,.12)} .environment .lists .swiper-page{text-align:center;margin:.98rem 1.7rem 0 0;position:relative} .environment .lists .swiper-page>span {font-size:.16rem;color:#121215;position:absolute;left:0;top:50%;transform:translateY(-50%)} .environment .lists .swiper-page>div{display:inline-block;vertical-align:middle;font-size:.2rem;color:#00A4BB;margin:0 .4rem;} .environment .lists .swiper-page:before,.environment .lists .swiper-page:after{content:'';width:.48rem;height:.48rem;border:2px solid #00A4BB;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:100%} .environment .lists .swiper-page:before{width:.08rem;height:.08rem;} /*弹窗*/ .envrio_fixed{position:fixed;top:0;left:0;width:100%;height:100%;z-index:999;background:rgba(0,0,0,.8);padding:0 3.6rem;display:flex;align-items:center;z-index:99} .envrio_fixed.ons {opacity:0;} .envrio_fixed .mains {position:relative;width:100%} .envrio_fixed.ons .mains>*{opacity:0;transform:translateY(3vw);transition: all .8s cubic-bezier(.69, .27, .45, .99);transition-delay:100ms} .envrio_fixed .mains h3 {font-size:.36rem;color:#00D2FF;margin:0 0 .25rem;} .envrio_fixed .mains .close_ {position:absolute;right:-.88rem;top:.55rem;width:.58rem;height:.58rem;border:2px solid #FFF;line-height:.54rem;text-align:center;font-size:.2rem;color:#FFF;border-radius:100%;cursor:pointer;} .envrio_fixed .mains #Grally{text-align:center;transition-delay:250ms} .envrio_fixed .mains #Grally .swiper-slide img{max-height:6.75rem;} .envrio_fixed .mains #thumbs {margin:.27rem 0 0;transition-delay:300ms} .envrio_fixed .mains #thumbs .swiper-slide {cursor:pointer;padding:3px;text-align:center} .envrio_fixed .mains #thumbs .swiper-slide>div{display:inline-block;position:relative} .envrio_fixed .mains #thumbs .swiper-slide>div:before{content:'';width:100%;height:100%;border:1px solid #606060;position:absolute;top:0;left:0;background:rgba(0,0,0,.7);z-index:2;transition:all .54s ease-in-out} .envrio_fixed .mains #thumbs .swiper-slide img {width:100%;height:.78rem;object-fit:cover;transition:none;} .envrio_fixed .mains #thumbs .swiper-slide-thumb-active{background:#00D2FF} .envrio_fixed .mains #thumbs .swiper-slide-thumb-active>div:before{opacity:0} .envrio_fixed .mains .swiper-page>div{position:absolute;top:50%;left:-3.09rem;transform:translateY(-50%);font-size:.14rem;color:#FFF;z-index:1;text-align:center;} .envrio_fixed .mains .swiper-page>div i{display:block;width:.68rem;height:.68rem;border:1px solid #FFF;border-radius:100%;line-height:.66rem;text-align:center;margin:0 auto .15rem;font-size:.22rem;} .envrio_fixed .mains .swiper-page>div.slide-button-next{left:auto;right:-3.09rem;} .ab_honors {padding:1.4rem 0 1.23rem;position:relative;background:url(../images/icon19-5.jpg) 0 0 no-repeat;background-size:cover;} .ab_honors .titles h3{font-size:.24rem;color:#000;margin-bottom: .68rem;} .ab_honors .titles ol{margin:0 0 1.45rem;display:grid;grid-template-columns:1fr 1fr;gap:0 2.1rem;padding:0;display:none} .ab_honors .titles ol li a{display:block;padding:.3rem 0 0;position:relative;border-top:1px solid #BCBCBC;font-size:.16rem;color:#827F7F;text-align:center;} .ab_honors .titles ol li a:before{content:'';width:0;height:2px;background:#00A4BB;position:absolute;top:-1px;left:0;z-index:2;transition:all .4s ease-in-out;} .ab_honors .titles ol li span {display:inline-block;padding-left:.5rem;line-height:.29rem;position:relative} .ab_honors .titles ol li span.ic0{background:url(../images/icon20-1h.png) 0 0 no-repeat;background-size:.29rem .29rem;} .ab_honors .titles ol li span.ic1{background:url(../images/icon20-2h.png) 0 0 no-repeat;background-size:.29rem .29rem;} .ab_honors .titles ol li span:before{content:'';width:.29rem;height:.29rem;background:url(../images/icon20-1.png) 0 0 no-repeat;background-size:.29rem .29rem !important;position:absolute;top:0;left:0;transition:all .5s ease-in-out;opacity:0} .ab_honors .titles ol li span.ic1:before{background:url(../images/icon20-2.png) 0 0 no-repeat;} .ab_honors .titles ol li#current1 span{background-size:0 0;} .ab_honors .titles ol li#current1 span:before{opacity:1} .ab_honors .titles ol li#current1 a{color:#00A4BB} .ab_honors .titles ol li#current1 a:before{width:100%} .ab_honors .itembox{} .ab_honors .itembox .lists{margin-left:1.7rem;} .ab_honors .itembox .swiper-wrapper{align-items: flex-end;} .ab_honors .itembox .swiper-slide{width:auto;display:flex;} .ab_honors .itembox .swiper-slide a{display:block;background:url(../images/icon19-6.png) 0 0 no-repeat #FFF;background-size:100% 100%;padding:.33rem .26rem;} .ab_honors .itembox .swiper-slide a img {max-height:2.23rem;transition:none;} .ab_honors .itembox .swiper-page{margin:1.25rem 0 0;text-align:center;} .ab_honors .itembox .swiper-page>div{display:inline-block;vertical-align:middle;} .ab_honors .itembox .swiper-page .slide-scrollbar{width:4.12rem;height:3px;background:#FFF} .ab_honors .itembox .swiper-page .slide-scrollbar>div{background:#00A4BB} .ab_honors .itembox .swiper-page .slide-pagination{margin-left:.25rem;width:auto;font-size:.14rem;color:#999} .ab_honors .itembox .swiper-page .slide-pagination span {font-size:.2rem;color:#121215;margin-right:.1rem;display:inline-block;vertical-align:bottom;line-height:1} /*新闻*/ .news_box{background:#F2F2F2;padding:1.87rem 0 .95rem;position:relative;overflow:hidden;} .news_box>div{position:relative;z-index:10} .news_box:before,.news_box:after{content:'';width:4.73rem;height:4.73rem;background:url(../images/icon14-1.png) 0 0 no-repeat;background-size:4.73rem 4.73rem;position:absolute;top:8%;left:-2.45rem} .news_box:after{width:9.2rem;height:9.2rem;background:url(../images/icon14-2.png) 0 0 no-repeat;background-size:9.2rem 9.2rem;top:-4.07rem;right:-4.62rem;left:auto;} .m235{margin:0 2.35rem;} .news_box .titles{margin:0 0 .5rem;} .news_box .titles p{font-size:.16rem;color:#00A4BB;margin:0 0 .1rem;} .news_box .titles h3 {font-size:.46rem;color:#00A4BB;} .news_box .column{margin:0 0 .75rem;display:grid;grid-template-columns:1fr 1fr 1fr;gap:0 2.07rem} .news_box .column p{margin:0;text-align:center;} .news_box .column p a{display:block;padding:.27rem 0 0;border-top:2px solid #BCBCBC;font-size:.16rem;color:#827F7F;line-height:.29rem;} .news_box .column p img{max-height:.29rem;margin:0 .28rem 0 0;filter:grayscale(100%)} .news_box .column p.on a,.news_box .column p a:hover{color:#00A4BB;border-color:#00A4BB;} .news_box .column p.on img,.news_box .column p a:hover img {filter:grayscale(0)} .news_box .lists{margin:0 0 .8rem;} .news_box .lists ul {display:grid;grid-template-columns:1fr 1fr 1fr;gap:.35rem .35rem;} .news_box .lists li a{display:block;position:relative;background:#FFF} .news_box .lists li .imgs{overflow:hidden;} .news_box .lists li .imgs img {width:100%;height:2.6rem;object-fit:cover;transition:none;} .news_box .lists li .text {padding:.37rem .5rem .44rem;} .news_box .lists li .text h6 {font-size:.22rem;color:#121215;line-height:.3rem;height:.6rem;overflow:hidden;margin:0 0 .1rem;} .news_box .lists li .text span {font-size:.14rem;color:#121215;display:block;margin:0 0 .59rem;} .news_box .lists li .text em{display:inline-block;font-size:.14rem;color:#00A4BB} .news_box .lists li .text em img {max-height:.28rem;margin:0 .12rem 0 0} .news_box .lists li a:hover {background:#00A4BB;} .news_box .lists li a:hover .text h6{color:#FFF} .news_box .lists li a:hover .text span {color:#FFF} .news_box .lists li a:hover .text em {color:#FFF;} .news_box .lists li a:hover .text em img {filter: brightness(0) invert(1)} .news_box .lists li a:hover .imgs span {transform:scale(1.05)} /*翻页*/ .page {} .page a{display:inline-block;vertical-align:middle;margin:0 5px;width:.48rem;height:.48rem;border:1px solid #999;border-radius:100%;line-height:.46rem;font-size:.14rem;color:#999;} .page a.page-item{width:.8rem;border-radius:999px;} .page a.page-item img {max-height:.12rem;} .page a.page-num-current{background:#00A4BB;border-color:#00A4BB;color:#FFF} .page a.page-item:hover,.page a:hover{background:#00A4BB;border-color:#00A4BB;color:#FFF} .page a:hover img {filter: brightness(0) invert(1)} /**/ .header.on2 {border-color:rgba(130,127,127,.15)} .header.on2 .navlist li>a, .header.on2 .itemboxs ul li>a {color:#01FFFF} .header.on2 .itemboxs dl dt{color:#01FFFF} .header.on2:hover .itemboxs dl dt{color:#FFF} .header.on2 .itemboxs dl dt img {filter:none} .is_header.on2 .itemboxs dl dt{color:#FFF} .is_header.on2 .itemboxs dl dt img{filter:brightness(0) invert(1)} .header.on2 .navlist li>a i img, .header.on2 .itemboxs ul li>a i img{filter:none} .header.on2:hover .navlist li>a i img, .header.on2:hover .itemboxs ul li>a i img{filter:brightness(0) invert(1)} .show_news{padding:1.76rem 0 1.4rem;background:#F2F2F2} .m480 {margin:0 4.8rem;} .show_news .items>div>a{font-size:.16rem;color:#00A4BB;display:inline-block;} .show_news .items>div>a i {display:inline-block;width:.48rem;height:.48rem;border:1px solid #00A4BB;line-height:.46rem;text-align:center;margin:0 .13rem 0 0;vertical-align:middle;border-radius:100%} .show_news .items>div>a i img {max-height:.12rem;} .show_news .items>div>a:hover i {background:#00A4BB} .show_news .items>div>a:hover i img {filter:brightness(0) invert(1)} .show_news .items .infos{padding:.48rem 0;display:flex; flex-direction: row; justify-content: space-between; align-items: center;} .show_news .items .infos .box{font-size:.14rem;color:#827F7F;} .show_news .items .infos .box>*{display:inline-block;vertical-align:middle;position:relative} .show_news .items .infos .box a{font-size:.14rem;color:#827F7F;} .show_news .items .infos .box a:hover{color:#00A4BB} .show_news .items .infos .box em {color:#121215} .show_news .items .infos .share>a{display:inline-block;vertical-align:middle;margin-left:.18rem;font-size:.22rem;color:#999999} .show_news .items .infos .share>a:hover{color:#00A4BB} .show_news .items h2 {font-size:.5rem;color:#00A4BB;line-height:.72rem;text-align:center;} .show_news .imgs{margin:.85rem 2.35rem 1.2rem;text-align:center} .show_news .imgs span {display:inline-block;} .show_news .editor{font-size:.18rem;color:#121215;line-height:2;padding:1.2rem 0 .7rem;border-bottom:1px solid #BCBCBC} .show_news .other_news .titles{padding:.5rem 0;display:flex; flex-direction: row; justify-content: space-between; align-items: center;} .show_news .other_news .titles h4 {font-size:.36rem;color:#00A4BB} .show_news .other_news .titles .swiper-page>div{display:inline-block;vertical-align:middle;margin:0 0 0 .1rem;border:1px solid #999999;padding:0 .3rem;line-height:.4rem;border-radius:999px;} .show_news .other_news .titles .swiper-page>div img {max-height:.12rem;} .show_news .other_news .titles .swiper-page>div:hover {background:#00A4BB;border-color:#00A4BB;} .show_news .other_news .titles .swiper-page>div:hover img {filter:brightness(0) invert(1)} .show_news .other_news .swiper-slide a{display:block;position:relative;background:#FFF;} .show_news .other_news .swiper-slide .imgs_ img {width:100%;height:2.6rem;object-fit:cover;transition:none} .show_news .other_news .swiper-slide .text {padding:.37rem .5rem .44rem;} .show_news .other_news .swiper-slide .text h6 {font-size:.22rem;color:#121215;line-height:.3rem;height:.6rem;overflow:hidden;margin:0 0 .1rem;} .show_news .other_news .swiper-slide .text span {font-size:.14rem;color:#121215;display:block;margin:0 0 .59rem;} .show_news .other_news .swiper-slide .text em{display:inline-block;font-size:.14rem;color:#00A4BB} .show_news .other_news .swiper-slide .text em img {max-height:.28rem;margin:0 .12rem 0 0} .show_news .other_news .swiper-slide a:hover {background:#00A4BB;transform:scale(.98);box-shadow:4px 4px 6px rgba(0,0,0,.12)} .show_news .other_news .swiper-slide a:hover .text h6{color:#FFF} .show_news .other_news .swiper-slide a:hover .text span {color:#FFF} .show_news .other_news .swiper-slide a:hover .text em {color:#FFF;} .show_news .other_news .swiper-slide a:hover .text em img {filter: brightness(0) invert(1)} /* .com_flash{position:relative;} .com_flash .page_text{position:absolute;top:50%;transform:translateY(-50%);z-index:1;padding:0 2.35rem;width:100%;left:0} .com_flash .page_text h3 {font-size:.18rem;color:#00D2FF;} .com_flash .page_text p{font-size:.36rem;color:#00D2FF;margin:.37rem 0 0} .product_box{background:#202A43} .product_box .mains {padding:1.8rem 0 0;} .product_box .mains .items {display:inline-block;vertical-align:top;width:50%;padding:0 .3rem 0 0;margin:0 0 1.2rem;} .product_box .mains .items:nth-child(2n) {padding:0 0 0 .3rem;} .product_box .mains .items>a{display:block;position:relative} .product_box .mains .items .imgs img {width:100%;height:4.35rem;object-fit:cover;transition:none} .product_box .mains .items .text{padding:.5rem 0 0} .product_box .mains .items .text h4{font-size:.3rem;color:#00A4BB;padding-left:.22rem;border-left:5px solid #00A4BB} .product_box .mains .items .text p{font-size:.18rem;color:#FFF;margin:.15rem 0 0;padding-left:.22rem} .product_box .mains .items>a:hover .imgs {box-shadow:4px 4px 6px rgba(0,0,0,.2);transform:scale(.99)} .product_list{background:#202A43} .product_list .flash{position:relative;} .product_list .flash .boxs{position:absolute;top:1.6rem;width:100%;left:0;padding:0 2.35rem;z-index:1} .product_list .flash .titles{display:flex; flex-direction: row; align-items: center;margin:0 0 .8rem} .product_list .flash .titles h5 {font-size:.42rem;color:#00D2FF;width:61%} .product_list .flash .titles h5 em{font-size:.18rem;display:block;margin:0 0 .4rem} .product_list .flash .titles p{font-size:.18rem;color:#FFF;margin:0;width:39%} .product_list .lists{padding:.89rem 0 1.56rem;} .product_list .lists h3 {font-size:.38rem;color:#FFF;margin:0 0 .72rem;} .product_list .lists .items{margin:0 0 .8rem;} .product_list .lists .items>a{display:flex;position:relative; flex-direction: row; align-items: center} .product_list .lists .items .imgs{width:48%;min-height:1.9rem;} .product_list .lists .items .text{width:52%;padding:0 0 0 .75rem;} .product_list .lists .items .text h5 {font-size:.3rem;color:#FFF;margin:0 0 .3rem;} .product_list .lists .items .text .t{font-size:.18rem;color:#FFF;line-height:.5rem;} .product_list .lists .items .text .t p{margin:0} .product_list .lists .items:nth-child(2n)>a{flex-direction: row-reverse;} .product_list .lists .items:nth-child(2n) .text {padding:0 .75rem 0 0} .product_list .lists .items a:hover .imgs{transform:translateY(-5px);box-shadow:4px 4px 6px rgba(0,0,0,.12)} */ /**/ .tech_box{} .tech_box .mains0{position:relative;} .tech_box .mains0 .imgs{position:sticky;top:0;height:100vh;overflow:hidden;} .tech_box .mains0 .imgs img {width:100%;height:100vh;object-fit:cover;transition:none;} .tech_box .mains0 .imgs:before{content:'';width:100%;height:100%;background:rgba(0,0,0,.78);top:0;left:0;z-index:1;position:absolute;opacity:0;transition:all .8s ease-in-out;} .tech_box .mains0.on .imgs:before{opacity:1} .tech_box .mains0 .imgs .titles{position:absolute;top:30%;left:1.7rem;z-index:1} .tech_box .mains0 .imgs .titles span {font-size:.18rem;color:#00D2FF} .tech_box .mains0 .imgs .titles h3 {font-size:.36rem;color:#00D2FF;line-height:.5rem;height:.5rem;overflow:hidden;margin:.41rem 0 0} .tech_box .mains0.on .imgs .titles h3 {height:1rem;} .tech_box .mains0 .mains{padding:0 1.8rem 2.3rem 1.7rem;position:relative;z-index:3;text-align:right;min-height:100vh} .tech_box .mains0 .mains>div{width:7rem;max-width:50%;display:inline-block;vertical-align:top;text-align:left;} .tech_box .mains0 .mains .editor {font-size:.18rem;color:#FFF;line-height:2;margin:0 0 1.85rem;} .tech_box .mains0 .mains .nums {margin:0 0 1.2rem;display:grid;grid-template-columns:1fr 1fr;gap:.35rem 1rem;} .tech_box .mains0 .mains .nums >div{display:flex;padding:0 0 .3rem;border-bottom:1px solid #FFF; flex-direction: row; justify-content: space-between; align-items: flex-end;} .tech_box .mains0 .mains .nums >div h5 {font-size:.46rem;color:#FFF} .tech_box .mains0 .mains .nums >div p{font-size:.14rem;color:#FFF;margin:0} .tech_box .mains1{position:relative;padding:2.6rem 0 1.48rem;z-index:7} .tech_box .mains1:before{content:'';width:100%;height:102%;background:url(../images/icon19-2.png) 0 bottom no-repeat;background-size:100% 100%;position:absolute;top:0;left:0;} .tech_box .mains1>div{position:relative;z-index:8} .tech_box .mains1 h3 {font-size:.38rem;color:#FFF;margin:0 0 .64rem;} .tech_box .mains1 .lists>div{display:flex;margin:0 0 .9rem;flex-direction: row; align-items: center;} .tech_box .mains1 .lists .imgs {width:47%} .tech_box .mains1 .lists .imgs img {width:100%;height:4.5rem;object-fit:cover;transition:none;} .tech_box .mains1 .lists .text {padding:0 .9rem;width:53%} .tech_box .mains1 .lists .text h4 {font-size:.36rem;color:#FFF;margin:0 0 .4rem;} .tech_box .mains1 .lists .text .editor p{font-size:.19rem;color:#FFF;position:relative;padding-left:.27rem;margin:0 0 .15rem;} .tech_box .mains1 .lists .text .editor p:before{content:'';width:.11rem;height:.11rem;background:#00A4BB;border-radius:100%;position:absolute;left:0;top:50%;transform:translateY(-50%)} .tech_box .mains1 .lists>div:nth-child(2n) { flex-direction: row-reverse;} .tech_box .mains1 .lists>div:last-child{margin:0} .tech_box .mains2 {position:relative;padding:2.1rem 0 1.49rem;transform:translateY(-.42rem);z-index:6} .tech_box .mains2:before{content:'';width:100%;height:105%;background:url(../images/icon19-1.png) 0 0 no-repeat;background-size:100% 100%;position:absolute;top:0;left:0;z-index:2} .tech_box .mains2>div{position:relative;z-index:10} .tech_box .mains2 h3 {font-size:.38rem;color:#FFF;text-align:center;margin:0 0 .53rem;} .tech_box .mains2 ol {margin:0 0 .72rem;padding:0;text-align:center;} .tech_box .mains2 ol li {display:inline-block;vertical-align:top;padding:0 .075rem;} .tech_box .mains2 ol li a{display:block;border:1px solid #FFF;border-radius:999px;font-size:.16rem;color:#FFF;padding:0 .17rem;line-height:.32rem;} .tech_box .mains2 ol li#current a,.tech_box .mains2 ol li a:hover{background:#00A4BB;border-color:#00A4BB;} .tech_box .mains2 .itembox>div{position:relative} .tech_box .mains2 .itembox .text{position:absolute;top:50%;left:1.75rem;transform:translateY(-50%);z-index:1;width:5.5rem;} .tech_box .mains2 .itembox .text h4 {font-size:.36rem;color:#121215;margin:0 0 .34rem} .tech_box .mains2 .itembox .text .editor{font-size:.16rem;color:#121215} .tech_box .mains2 .itembox .text .editor>*:first-child{font-size:.24rem;} .tech_box .mains2 .itembox .text ul {margin:.3rem 0 0;display:block;} .tech_box .mains2 .itembox .text ul li {display:inline-block;vertical-align:top;margin:0 0 .1rem;width:50%} .tech_box .mains2 .itembox .text ul li p{font-size:.16rem;margin:0;padding-left:.2rem;color:#121215;position:relative;line-height:.22rem;} .tech_box .mains2 .itembox .text ul li p:before{content:'';width:.08rem;height:.08rem;background:#00A4BB;border-radius:100%;position:absolute;top:.07rem;left:0;} .tech_box .mains3 {position:relative;background:#000;padding:.98rem 0 1.08rem} .tech_box .mains3>div{position:relative;z-index:1} .tech_box .mains3:before,.tech_box .mains3:after{content:'';width:100%;height:9rem;background:#000;position:absolute;} .tech_box .mains3:before{top:-1rem;left:0} .tech_box .mains3:after{width:100%;height:.44rem;background:url(../images/icon19-3.png) center 0 no-repeat;background-size:100% auto;top:100%;left:0} .tech_box .mains3 h3 {font-size:.38rem;color:#FFF;margin:0 0 .55rem;} .tech_box .mains3 .items{padding:0 0 .7rem;margin:0 0 .55rem;border-bottom:1px dashed #5A5A5A} .tech_box .mains3 .items h5 {font-size:.33rem;color:#00A4BB;margin:0 0 .4rem;} .tech_box .mains3 .items .editor{margin:.5rem 0 0;display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:0 .3rem} .tech_box .mains3 .items .editor>p{margin:0;display:flex;font-size:.2rem;color:#FFF;height:1.3rem;border:1px solid rgba(255,255,255,.2);padding:0 .4rem 0 .29rem; flex-direction: row; justify-content: space-between; align-items: center;} .tech_box .mains3 .items .editor>p img {margin-left:.16rem;max-height:.52rem;transition:none;} .tech_box .mains3 .items .editor.edi1{grid-template-columns:1fr 1fr 1fr 1fr 1fr;gap:.2rem .2rem;} .tech_box .mains3 .items .editor.edi1>p{height:2.1rem;padding:.35rem .3rem;position:relative;align-items: flex-start;justify-content: flex-start} .tech_box .mains3 .items .editor.edi1>p img {position:absolute;bottom:.35rem;right:.3rem;z-index:1;margin:0;transition:all .5s ease-in-out} .tech_box .mains3 .items .editor.edi1>p:hover img {right:.6rem;} .tech_box .mains4 {background:#121215;} .tech_box .mains4>div{border-bottom:1px dashed #5A5A5A;padding:1.25rem 0 .79rem;} .tech_box .mains4 h3 {font-size:.38rem;color:#FFF;margin:0 0 .64rem;} .tech_box .mains4 .imgs img {width:100%} .tech_box .mains4 .editor{margin:.5rem 0 0;display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:0 .3rem} .tech_box .mains4 .editor>div{border:1px solid rgba(255,255,255,.2);padding:.38rem .35rem 0;height:2.99rem;display:flex; flex-direction: row; justify-content: space-between;} .tech_box .mains4 .editor>div .txt h4{font-size:.24rem;color:#FFF;margin:0 0 .2rem;} .tech_box .mains4 .editor>div .txt p{font-size:.16rem;color:#999;margin:0;line-height:.29rem;} .tech_box .mains4 .editor>div .icon {margin-left:.2rem;} .tech_box .mains5 {background:linear-gradient(to bottom,#121215,#000);padding:.67rem 0 1.1rem;position:relative} .tech_box .mains5:after{content:'';width:100%;height:.44rem;background:url(../images/icon19-3.png) center 0 no-repeat;background-size:100% auto;top:100%;left:0;position:absolute;} .tech_box .mains5 h3 {font-size:.38rem;color:#FFF;margin:0 0 .5rem;} .tech_box .mains5 .lists {position:relative;text-align:center;} .tech_box .mains5 .swiper-slide .imgs a{display:block;position:relative;background:url(../images/icon19-4.png) 0 0 no-repeat;background-size:100% 100%;width:1.46rem;height:1.99rem;text-align:center;line-height:1.99rem;} .tech_box .mains5 .swiper-slide .imgs img{max-height:1.72rem;transition:none;} .tech_box .mains5 .swiper-slide p{margin:.27rem 0 .15rem;} .tech_box .mains5 .swiper-slide p>a{font-size:.14rem;color:#FFF;display:block;background:#1C509C;text-align:center;border-radius:999px;position:relative;padding:.1rem 0} .tech_box .mains5 .swiper-slide p>a:after{content:'';border-top:6px solid #1C509C;border-left:5px solid transparent;border-right:5px solid transparent;position:absolute;top:100%;left:50%;transform:translateX(-50%)} .tech_box .mains5 .swiper-slide>span {display:inline-block;font-size:.2rem;color:#FFF;position:relative;} .tech_box .mains5 .swiper-slide>span:after{content:'';display:block;width:100%;height:2px;background:#1C509C;} .tech_box .mains5 .swiper-slide .ico{margin:.2rem 0 0;height:.86rem;} .tech_box .mains5 .swiper-slide .ico img {max-height:.86rem;transition:none;} .tech_box .mains6 {background:linear-gradient(to bottom,#121215,#000);padding:1.47rem 0 1.12rem;position:relative} .tech_box .mains6:after{content:'';width:100%;height:.44rem;background:url(../images/icon19-3.png) center 0 no-repeat;background-size:100% auto;top:100%;left:0;position:absolute;z-index:2} .tech_box .mains6 h3 {font-size:.38rem;color:#FFF;margin:0 0 .64rem;} .tech_box .mains6 .imgs img {width:100%} .tech_box .mains6 .editor{margin:.5rem 0 0;display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:0 .3rem} .tech_box .mains6 .editor>div{border:1px solid rgba(255,255,255,.2);padding:.38rem .4rem 0;height:2.41rem;display:flex; flex-direction: row; justify-content: space-between;} .tech_box .mains6 .editor>div .txt h4{font-size:.24rem;color:#FFF;margin:0 0 .2rem;} .tech_box .mains6 .editor>div .txt h4 em {display:block;font-size:.17rem;margin:.1rem 0 0} .tech_box .mains6 .editor>div .txt p{font-size:.16rem;color:#999;margin:0;line-height:.29rem;} .tech_box .mains6 .editor>div .icon {margin-left:.3rem;} .tech_box .mains7 {background:linear-gradient(to bottom,#121215,#000);padding:1.47rem 0 1.33rem;position:relative} .tech_box .mains7:after{content:'';width:100%;height:.44rem;background:url(../images/icon19-3.png) center 0 no-repeat;background-size:100% auto;top:100%;left:0;position:absolute;z-index:2;display:none} .tech_box .mains7 h3 {font-size:.38rem;color:#FFF;margin:0 0 .64rem;} .tech_box .mains7 .imgs img {width:100%} .tech_box .mains7 .editor{margin:.5rem 0 0;display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:0 .3rem} .tech_box .mains7 .editor>div{border:1px solid rgba(255,255,255,.2);padding:.38rem .4rem 0;height:2.2rem;display:flex; flex-direction: row; justify-content: space-between;} .tech_box .mains7 .editor>div .txt h4{font-size:.24rem;color:#FFF;margin:0 0 .2rem;} .tech_box .mains7 .editor>div .txt h4 em {display:block;font-size:.17rem;} .tech_box .mains7 .editor>div .txt p{font-size:.16rem;color:#999;margin:0;line-height:.29rem;} .tech_box .mains7 .editor>div .icon {margin-left:.3rem;} /**/ .ele_box{} .ele_box .mains0{position:relative;} .ele_box .mains0 .imgs{position:sticky;top:0;height:100vh;overflow:hidden;} .ele_box .mains0 .imgs img {width:100%;height:100vh;object-fit:cover;transition:none;} .ele_box .mains0 .imgs:before{content:'';width:100%;height:100%;background:rgba(0,0,0,.78);top:0;left:0;z-index:1;position:absolute;opacity:0;transition:all .8s ease-in-out;} .ele_box .mains0.on .imgs:before{opacity:1} .ele_box .mains0 .imgs .titles{position:absolute;top:30%;left:1.7rem;z-index:1} .ele_box .mains0 .imgs .titles span {font-size:.18rem;color:#00D2FF} .ele_box .mains0 .imgs .titles h3 {font-size:.36rem;color:#00D2FF;line-height:.5rem;height:.5rem;overflow:hidden;margin:.41rem 0 0} .ele_box .mains0.on .imgs .titles {opacity:0} .ele_box .mains0 .mains{padding:3.3rem 1.7rem;position:relative;z-index:3;min-height:100vh} .ele_box .mains0 .mains>div{display:inline-block;vertical-align:top;text-align:left;width:53%} .ele_box .mains0 .mains .rlt {width:47%;} .ele_box .mains0 .mains .let {font-size:.18rem;color:#FFF;line-height:2;margin:0 0 1.85rem;padding:0 2.4rem 0 0} .ele_box .mains0 .mains .nums {display:grid;grid-template-columns:1fr 1fr;gap:.35rem 1rem;} .ele_box .mains0 .mains .nums >div{display:flex;padding:0 0 .3rem;border-bottom:1px solid #FFF; flex-direction: row; justify-content: space-between; align-items: flex-end;} .ele_box .mains0 .mains .nums >div h5 {font-size:.46rem;color:#FFF} .ele_box .mains0 .mains .nums >div p{font-size:.14rem;color:#FFF;margin:0} .ele_box .mains1 {background:url(../images/icon21-1.png) 0 0 no-repeat;background-size:100% 100%;padding:1.08rem 0 1.18rem;position:relative;display:none} .ele_box .mains1:after{content:'';width:100%;height:.38rem;background:url(../images/icon21-2.png) center 0 no-repeat;background-size:100% 100%;position:absolute;bottom:-.38rem;left:0;z-index:2;display:none} .ele_box .mains1 .titles{margin:0 0 .5rem;} .ele_box .mains1 .titles p{font-size:.18rem;color:#00A4BB;margin:0 0 .1rem;} .ele_box .mains1 .titles h3{font-size:.52rem;color:#00A4BB;} .ele_box .mains1 .editor{font-size:.16rem;color:#FFF;} /* .ele_box .mains2{position:relative;background:#000;padding:.64rem 0 .5rem;} .ele_box .mains2:before,.ele_box .mains2:after{content:'';width:100%;height:.48rem;background:url(../images/icon21.png) center 0 no-repeat;background-size:100% 100%;position:absolute;z-index:2} .ele_box .mains2:before{top:-.48rem;left:0} .ele_box .mains2:after{background:url(../images/icon19-3.png) center 0 no-repeat;background-size:100% 100%;height:.44rem;bottom:-.44rem;left:0} .ele_box .mains2 .titles{margin:0 0 .6rem;} .ele_box .mains2 .titles p{font-size:.18rem;color:#00A4BB;margin:0 0 .1rem;} .ele_box .mains2 .titles h3{font-size:.52rem;color:#00A4BB;} .ele_box .mains2 .lists{margin:0 0 .83rem;} .ele_box .mains2 .lists ul {display:grid;grid-template-columns:1fr 1fr 1fr;gap:.64rem .23rem} .ele_box .mains2 .lists li .imgs{padding:6px;} .ele_box .mains2 .lists li .imgs span {display:flex;background:linear-gradient(45deg,#9FB9DB,#D3DFED) !important;height:5.6rem;align-items:flex-end;} .ele_box .mains2 .lists li .imgs span img {max-height:5.6rem;transition:none;} .ele_box .mains2 .lists li .text{padding:.25rem 0 0} .ele_box .mains2 .lists li .text h4 {font-size:.28rem;color:#FFF} .ele_box .mains2 .lists li .text p{font-size:.16rem;color:#FFF;margin:.1rem 0 0} .ele_box .mains2 .lists li#current .imgs,.ele_box .mains2 .lists li a:hover .imgs{background:#00A4BB;} .ele_box .mains2 .lists li#current .text h4,.ele_box .mains2 .lists li a:hover .text h4{color:#00A4BB} .ele_box .mains2 .boxs {padding-left:2.35rem;} .ele_box .mains2 h2 {font-size:.45rem;color:#00A4BB;margin:0 0 .5rem;} .ele_box .mains2 .items{} .ele_box .mains2 .items .swiper-slide a{display:block;position:relative;} .ele_box .mains2 .items .swiper-slide .imgs{position:relative} .ele_box .mains2 .items .swiper-slide .imgs:before{content:'';width:100%;height:100%;background:rgba(0,0,0,.8);top:0;left:0;position:absolute;transition:all .5s ease-in-out;opacity:0} .ele_box .mains2 .items .swiper-slide .imgs img{width:100%;height:2.6rem;object-fit:cover;transition:none} .ele_box .mains2 .items .swiper-slide .txt{position:absolute;top:40%;transform:translateY(-50%);left:0;width:100%;padding:0 .3rem;opacity:0;} .ele_box .mains2 .items .swiper-slide .txt h4 {font-size:.24rem;color:#FFF;margin:0 0 .6rem} .ele_box .mains2 .items .swiper-slide .txt .editor{font-size:.16rem;color:#FFF;line-height:1.8} .ele_box .mains2 .items .swiper-slide .txt .editor strong {color:#00A4BB} .ele_box .mains2 .items .swiper-slide .txt .editor p{margin:0} .ele_box .mains2 .items .swiper-slide:hover .txt {opacity:1;top:50%;transition: all .8s cubic-bezier(.69, .27, .45, .99);transition-delay:100ms} .ele_box .mains2 .items .swiper-slide:hover .imgs:before{opacity:1} .ele_box .mains2 .items .swiper-page{margin:.8rem 2.35rem 0 0;position:relative;text-align:center;} .ele_box .mains2 .items .swiper-page>div{display:inline-block;vertical-align:middle;font-size:.2rem;color:#00A4BB;margin:0 .4rem;} .ele_box .mains2 .items .swiper-page:before,.ele_box .mains2 .items .swiper-page:after{content:'';width:.48rem;height:.48rem;border:2px solid #00A4BB;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:100%} .ele_box .mains2 .items .swiper-page:before{width:.08rem;height:.08rem;} */ .ele_box .mains2{position:relative;padding:1.03rem 0 1.4rem;} .ele_box .mains2:before{content:'';background:url(../images/icon13.png) center no-repeat;background-size:cover;width:100%;height:100%;position:absolute;top:0;left:0;z-index:1} .ele_box .mains2>div{position:relative;z-index:3} .ele_box .mains2 .titles{margin-bottom:.74rem;position:relative;display:flex;justify-content:space-between;align-items:center;} .ele_box .mains2 .titles .names p{font-size:.18rem;color:#00A4BB;margin:0 0 .15rem;} .ele_box .mains2 .titles .names h3 {font-size:.56rem;color:#00A4BB;} .ele_box .mains2 .titles .icons img {max-height:.92rem;transition:none} .ele_box .mains2 .titles ol {margin:0;padding:0;width:60%;text-align:right} .ele_box .mains2 .titles ol li {display:inline-block;vertical-align:middle;padding:0 0 0 .15rem;} .ele_box .mains2 .titles ol li a{font-size:.16rem;color:#121215;display:block;border:1px solid #999;padding:0 .29rem;border-radius:999px;line-height:.4rem;} .ele_box .mains2 .titles ol li#current a{background:#00A4BB;border-color:#00A4BB;color:#FFF} .ele_box .mains2 .lists{margin-left:1.7rem;position:relative} .ele_box .mains2 .lists .swiper-slide a{display:block;position:relative;} .ele_box .mains2 .lists .swiper-slide img {width:100%;height:2.6rem;object-fit:cover;transition:none;} .ele_box .mains2 .lists .swiper-slide a:hover {transform:scale(.98);box-shadow:2px 2px 4px rgba(0,0,0,.12)} .ele_box .mains2 .lists .swiper-page{text-align:center;margin:.98rem 1.7rem 0 0;position:relative} .ele_box .mains2 .lists .swiper-page>span {font-size:.16rem;color:#121215;position:absolute;left:0;top:50%;transform:translateY(-50%)} .ele_box .mains2 .lists .swiper-page>div{display:inline-block;vertical-align:middle;font-size:.2rem;color:#00A4BB;margin:0 .4rem;} .ele_box .mains2 .lists .swiper-page:before,.ele_box .mains2 .lists .swiper-page:after{content:'';width:.48rem;height:.48rem;border:2px solid #00A4BB;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:100%} .ele_box .mains2 .lists .swiper-page:before{width:.08rem;height:.08rem;} .ele_box .mains3{background:url(../images/icon27.png) 0 0 no-repeat;background-size:cover;padding:1.2rem 0 1.7rem;} .ele_box .mains3 .titles {margin-bottom:.62rem;} .ele_box .mains3 .titles .names p{font-size:.18rem;color:#999;margin:0 0 .15rem;} .ele_box .mains3 .titles .names h3 {font-size:.56rem;color:#121215;} .ele_box .mains3 .lists ul {display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:.4rem .4rem;} .ele_box .mains3 .lists li a{display:block;background:#FFF;background:#FFF;height:1.3rem;line-height:1.3rem;text-align:center;padding:0 .15rem} .ele_box .mains3 .lists li span{display:inline-block;background:none !important;vertical-align:middle} .ele_box .mains3 .lists li img {max-height:.9rem;transition:none;} .ele_box .mains4{padding:.9rem 0 1.49rem;background:url(../images/icon21-3.png) center bottom no-repeat;background-size:cover;} .ele_box .mains4 .titles{margin:0 0 .5rem;} .ele_box .mains4 .titles p{font-size:.18rem;color:#FFF;margin:0 0 .1rem;} .ele_box .mains4 .titles h3{font-size:.52rem;color:#FFF;} .ele_box .mains4 .lists ul {display:grid;grid-template-columns:1fr 1fr;gap:.35rem 1.59rem} .ele_box .mains4 .lists li a{display:block;border-top:1px solid #FFF;border-bottom:1px solid #FFF;padding:.25rem 0} .ele_box .mains4 .lists li a>*{display:inline-block;vertical-align:middle;width:70%;margin:0} .ele_box .mains4 .lists li em {text-align:right;width:30%;font-size:.17rem;color:#FFF} .ele_box .mains4 .lists li em img{max-height:.38rem;transition:none;margin:0 .12rem 0 0} .ele_box .mains4 .lists li p{font-size:.22rem;color:#FFF} .ele_box .mains4 .lists li a:hover {transform:translateY(-5px);} .ele_box .mains4 .lists li a:hover em {color:#00A4BB} .m218 {margin:0 2.18rem;} .ele_box .mains4{background:#ECF0F3;padding:.8rem 0 1.82rem;} .ele_box .mains4 .titles{margin:0 0 .73rem;} .ele_box .mains4 .titles p{font-size:.18rem;color:#999;margin:0 0 .1rem} .ele_box .mains4 .titles h3 {font-size:.56rem;color:#121215;line-height:1} .ele_box .mains4 .mains {display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:0 .55rem} .ele_box .mains4 .mains>div{border:1px solid #6F6F6F;border-radius:30px;overflow:hidden;background:#FFF;padding:.65rem .44rem 0;min-height:3.99rem;text-align:center;position:relative} .ele_box .mains4 .mains h4 {font-size:.32rem;color:#000;font-weight:bold;line-height:.5rem;height:1rem;margin:0 0 .46rem;} .ele_box .mains4 .mains p{margin:0;height:1.17rem;} .ele_box .mains4 .mains p img {max-height:.94rem;} .ele_box .mains4 .mains>div:after{content:'';width:70%;height:.15rem;background:#2D2D2D;border-radius:999px;position:absolute;bottom:.22rem;left:50%;transform:translateX(-50%)} /**/ .cnt_flash{position:relative;z-index:2} .cnt_flash .page_txt{top:50%;left:2.35rem;transform:translateY(-50%);z-index:1;position:absolute;} .cnt_flash .page_txt p{font-size:.16rem;color:#00D2FF;margin:0 0 .37rem;} .cnt_flash .page_txt h3 {font-size:.36rem;color:#00D2FF;} .contact_box{position:relative;padding:2.4rem 0 1.6rem;} .contact_box:before{content:'';width:100%;height:105%;background:url(../images/icon22.png) 0 0 no-repeat;background-size:cover;position:absolute;top:-.4rem;left:0;} .contact_box>div{position:relative;z-index:3} .contact_box .titles{margin:0 0 .47rem;} .contact_box .titles h3 {font-size:.38rem;color:#121215;} .contact_box .titles p{font-size:.18rem;color:#999999;margin:.2rem 0 0} .contact_box .lists ul:first-child{display:grid;grid-template-columns:1fr 1fr 1fr;gap:0 .51rem;margin:0 0 .5rem} .contact_box .lists li {position:relative;cursor:text} .contact_box .lists li input[type="text"],.contact_box .lists li textarea{width:100%;height:.66rem;min-width:35px;font-size:.17rem;color:#121215;background:#FFF;border:0;padding:0 .2rem;} .contact_box .lists li label{font-size:.17rem;color:#121215;font-weight:normal;position:absolute;left:.2rem;top:50%;transform:translateY(-50%);cursor:text;transition:all .2s ease-in-out} .contact_box .lists li label i{color:#00A4BB;display:inline-block;margin-left:.1rem;} .contact_box .lists ul:nth-child(2) li {margin:0 0 .5rem;} .contact_box .lists li textarea{height:2.08rem;padding:.2rem;} .contact_box .lists li.trea label{top:.2rem;transform:none;} .contact_box .lists li input[name="checkcode"] {width:4.5rem;max-width:35%} .contact_box .lists li.code span {font-size:.14rem;color:#121215;text-decoration:underline;} .contact_box .lists li img{height:.66rem;min-height:35px;vertical-align:top;margin:0 .2rem 0 .27rem;} .contact_box .lists li button {width:3.6rem;height:.66rem;min-height:35px;background:#00A4BB;border:0;font-size:.16rem;color:#FFF;text-align:center;} .contact_box .lists ul:nth-child(2) li:last-child{margin:0} .contact_box .lists li label.ofcus {opacity:0;} /**/ .join_box{position:relative;padding:2.4rem 0 1.3rem;} .join_box:before{content:'';width:100%;height:105%;background:url(../images/icon23.png) 0 0 no-repeat;background-size:cover;position:absolute;top:-.4rem;left:0;} .join_box>div.m235{position:relative;z-index:3} .join_box ol{margin:0 0 .84rem;padding:0;text-align:center;} .join_box ol li {display:inline-block;vertical-align:middle;padding:0 .25rem;} .join_box ol li a{display:block;min-width:1.86rem;font-size:.2rem;color:#827F7F;border:1px solid #999999;line-height:.56rem;} .join_box ol li#current a{background:#00A4BB;border-color:#00A4BB;color:#FFF} .join_box .itembox .swiper-slide>div{display:inline-block;vertical-align:top;width:50%;padding:0 .8rem 0 0;} .join_box .itembox .swiper-slide>div:nth-child(2n) {padding:0 0 0 .8rem;} .join_box .itembox .swiper-slide>div>a{display:block;padding:.25rem .1rem .2rem;border-bottom:1px solid #BCBCBC;position:relative} .join_box .itembox .swiper-slide>div h6 {font-size:.24rem;color:#121215;} .join_box .itembox .swiper-slide>div p{margin:.1rem 0 0;} .join_box .itembox .swiper-slide>div p>span {display:inline-block;margin:0 .28rem 0 0;font-size:.16rem;color:#827F7F;} .join_box .itembox .swiper-slide>div i {position:absolute;right:.29rem;top:50%;transform:translateY(-50%);} .join_box .itembox .swiper-slide>div i img {width:.48rem;} .join_box .itembox .swiper-slide>div i:before{content:'';width:.48rem;height:.48rem;background:url(../images/icon23-2.png) 0 0 no-repeat;background-size:.48rem .48rem;position:absolute;top:0;left:0;transform:scale(0);transition:all .5s ease-in-out} .join_box .itembox .swiper-slide>div:first-child a,.join_box .itembox .swiper-slide>div:nth-child(2) a{border-top:1px solid #BCBCBC} .join_box .itembox .swiper-slide>div a:hover {background:#00A4BB;border-color:#00A4BB} .join_box .itembox .swiper-slide>div a:hover h6,.join_box .itembox .swiper-slide>div a:hover p>span{color:#FFF} .join_box .itembox .swiper-slide>div a:hover i:before{transform:none} .join_box .itembox .swiper-slide>div a:hover i img {opacity:0;transform:scale(0)} .join_box .itembox .swiper-page{margin:.85rem 0 0;text-align:center} .join_box .itembox .swiper-page>div{display:inline-block;vertical-align:middle;width:auto;margin:0 5px;} .join_box .itembox .swiper-page>div.itm {width:.8rem;height:.48rem;line-height:.46rem;border:1px solid #999999;border-radius:999px;text-align:center;} .join_box .itembox .swiper-page>div.itm img {max-height:.12rem;} .join_box .itembox .swiper-page>div.slide-pagination{margin:0} .join_box .itembox .swiper-page>div.slide-pagination span {opacity:1;outline:none;width:.48rem;height:.48rem;line-height:.46rem;border:1px solid #999999;border-radius:100%;text-align:center;font-size:.14rem;color:#999;background:none;} .join_box .itembox .swiper-page>div.slide-pagination span.swiper-pagination-bullet-active,.join_box .itembox .swiper-page>div.slide-pagination span:hover{background:#00A4BB;color:#FFF;border-color:#00A4BB;} .join_box .itembox .swiper-page>div.itm:hover {background:#00A4BB;border-color:#00A4BB;} .join_box .itembox .swiper-page>div.itm:hover img {filter:brightness(0) invert(1)} /**/ .job_fixed{position:fixed;top:0;left:0;width:100%;height:100%;z-index:999;background:rgba(0,0,0,.8);display:flex;align-items: center;} .job_fixed.ons {opacity:0;} .job_fixed .close_{position:absolute;right:-.88rem;top:.25rem;z-index:1;cursor:pointer;} .job_fixed .close_ img{width:.58rem;transition:none;} .job_fixed .mains{width:9.6rem;max-width:90%;margin:0 auto;position:relative} .job_fixed .mains.ons {opacity:0;transform:translateY(3vw);transition: all .8s cubic-bezier(.69, .27, .45, .99);transition-delay:100ms} .job_fixed.ons {opacity:0;transform:scale(1.02);transition: all .8s cubic-bezier(.69, .27, .45, .99);transition-delay:100ms} .job_fixed .mains .titles{background:#00A4BB;padding:0 1.15rem;line-height:1.08rem;font-size:.36rem;color:#FFF} .job_fixed .mains .txt{background:url(../images/icon24-2.png) 0 0 no-repeat #FFF;padding:.48rem 1.15rem 1.16rem;} .job_fixed .mains .txt .infos {position:relative;padding-right:2rem;} .job_fixed .mains .txt .infos p{font-size:.16rem;color:#121215;margin:0;line-height:.36rem;} .job_fixed .mains .txt .infos>a{position:absolute;right:0;top:50%;transform:translateY(-50%);width:1.5rem;height:.46rem;background:#00A4BB;font-size:.16rem;color:#FFF;line-height:.46rem;text-align:center;} .job_fixed .mains .txt .infos>a img {max-height:.15rem;margin:0 .12rem 0 0} .job_fixed .mains .txt .editor{padding:.27rem 0 0;margin:.29rem 0 0;border-top:1px solid #BCBCBC;height:4.9rem;} .job_fixed .mains .txt .editor,.job_fixed .mains .txt .editor *{transition:none;} .job_fixed .mains .txt .editor h6 {font-size:.17rem;color:#00A4BB;margin:0 0 .17rem;} .job_fixed .mains .txt .editor .t {font-size:.16rem;color:#121215;line-height:.36rem;margin:0 0 .33rem;} .job_fixed .mains .txt .editor .t p{margin:0} .job_fixed .mains .txt .editor>div:last-child{margin:0} .job_fixed .mains .txt .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background:#00A4BB} .job_fixed .mains .txt .mCSB_inside > .mCSB_container{margin-right:20px;} .job_fixed .mains .txt .mCSB_scrollTools .mCSB_draggerRail{background:none !important;} /**/ .ab_fixed{position:fixed;top:42%;right:.29rem;z-index:90;} .ab_fixed li{margin:0 0 .25rem;width:1rem;text-align:center} .ab_fixed li:last-child{margin:0} .ab_fixed li a{display:block;position:relative;} .ab_fixed li span {font-size:.13rem;color:rgba(255,255,255,0);display:inline-block;position:relative;width:.11rem;height:.11rem;background:rgb(205,205,205);overflow:hidden;border-radius:999px;text-align:center;} .ab_fixed li a:hover span ,.ab_fixed li.on span{width:1rem;background:#00A4BB;border-radius:35px;color:#FFF;height:.23rem;line-height:.23rem;} /*无线解决方案*/ .pad36 {margin:0 3.6rem;} .project_box{background:#EFEFEF;} .project_box .com_flash{margin:.9rem 0 0;position:relative} .project_box .com_flash video {width:100%;} .project_box .com_flash h3 {position:absolute;right:.65rem;top:8%;font-size:.52rem;color:#01ffff;font-weight:bold;text-transform:uppercase;text-shadow:4px 4px 6px rgba(0,0,0,.23)} .project_box ol {display:grid;grid-template-columns:1fr 1fr;gap:0 .9rem;padding:0;margin-top:.9rem;margin-bottom:.65rem} .project_box ol li a{display:block;text-align:center;padding:.28rem 0 0;border-top:1px solid #BCBCBC;font-size:.2rem;color:#827F7F} .project_box ol li.ons a{color:#00A4BB;border-color:#00A4BB} .project_box ol li a:before{display:inline-block;vertical-align:middle;content:'';width:.57rem;height:.52rem;background:url(../images/icon28-1.png) center no-repeat;background-size:.54rem .52rem;transition:all .5s ease-in-out} .project_box ol li:nth-child(2) a:before{background:url(../images/icon28-2.png) center no-repeat;background-size:.57rem .3rem !important} .project_box ol li:first-child.ons a:before{background:url(../images/icon28-1h.png) center no-repeat;background-size:.54rem .52rem;} .project_box ol li:nth-child(2).ons a:before{background:url(../images/icon28-2h.png) center no-repeat;} .project_box .mains0{padding:.25rem 0 1.1rem;} .project_box h3 {font-size:.32rem;color:#000000;margin:0 0 .5rem;} .project_box .mains0 .editor{font-size:.2rem;color:#000000;line-height:1.9} .project_box .mains0 .editor .txt{padding:.3rem 0 .8rem} .project_box .mains0 .editor .txt>p{position:relative;padding-left:.31rem;line-height:.35rem;} .project_box .mains0 .editor .txt>p:before{content:'';width:.17rem;height:.05rem;background:#58DA6A;position:absolute;left:0;top:.15rem;border-radius:999px;} .project_box .mains1 {padding:0 0 1.06rem;} .project_box .mains1 .editor{font-size:.2rem;color:#000000;line-height:1.9} .project_box .mains1 .editor>p{position:relative;padding-left:.31rem;line-height:.35rem;} .project_box .mains1 .editor>p:before{content:'';width:.17rem;height:.05rem;background:#58DA6A;position:absolute;left:0;top:.15rem;border-radius:999px;} .project_box .mains1 .editor .imgs{margin:.65rem 0 0} .project_box .mains2 {padding:0 0 1.57rem;} .project_box .mains2 .editor table {width:100%;background:#EFEFEF;border-bottom:2px solid #121215} .project_box .mains2 .editor table tr td {width:auto;vertical-align:middle;padding:0 .2rem;font-size:.16rem;color:#121215;height:.46rem;min-height:35px;border:1px solid #999999} .project_box .mains2 .editor table p{margin:0} .project_box .mains2 .editor table tr:first-child {background:#00A4BB;font-size:.21rem;color:#FFF} .project_box .mains2 .editor table tr:first-child td {color:#FFF;font-size:.21rem;text-align:center;border:0} .project_box .mains2 .editor table tr td:first-child,.project_box .mains2 .editor table tr td:nth-child(3){background:rgba(0,168,187,.06);} .project_box .mains2 .editor table tr td:first-child{border-left:0} .project_box .mains2 .editor table tr td:last-child {border-right:0} .project_box .mains2 .editor table tr:nth-child(2) td {border-top:0} .project_box .mains2 .editor .txt{display:grid;grid-template-columns:1fr 1fr;gap:0 .5rem;margin:.7rem 0 0} .project_box .mains2 .editor .txt table tr td {width:55%} .project_box .mains2 .editor .txt table tr td:first-child {width:45%} /**/ .agvproject_box{background:#FAFAFA;} .agvproject_box .com_flash{margin:.9rem 0 0;position:relative} .agvproject_box .com_flash video {width:100%;} .agvproject_box .com_flash h3 {position:absolute;right:.65rem;top:8%;font-size:.52rem;color:#01ffff;font-weight:bold;text-transform:uppercase;text-shadow:4px 4px 6px rgba(0,0,0,.23)} .agvproject_box .com_flash{margin:.9rem 0 0} .agvproject_box ol {display:grid;grid-template-columns:1fr 1fr;gap:0 .9rem;padding:0;margin-top:.9rem;margin-bottom:.65rem} .agvproject_box ol li a{display:block;text-align:center;padding:.28rem 0 0;border-top:1px solid #BCBCBC;font-size:.2rem;color:#827F7F} .agvproject_box ol li.ons a{color:#00A4BB;border-color:#00A4BB} .agvproject_box ol li a:before{display:inline-block;vertical-align:middle;content:'';width:.57rem;height:.52rem;background:url(../images/icon28-1.png) center no-repeat;background-size:.54rem .52rem;transition:all .5s ease-in-out} .agvproject_box ol li:nth-child(2) a:before{background:url(../images/icon28-2.png) center no-repeat;background-size:.57rem .3rem !important} .agvproject_box ol li:first-child.ons a:before{background:url(../images/icon28-1h.png) center no-repeat;background-size:.54rem .52rem;} .agvproject_box ol li:nth-child(2).ons a:before{background:url(../images/icon28-2h.png) center no-repeat;} .agvproject_box .mains {padding:.35rem 0 1.35rem} .agvproject_box .mains h3 {font-size:.31rem;color:#000;} .agvproject_box .mains .editor{margin:.76rem 0 0} .agvproject_box .mains .editor h5 {font-size:.35rem;color:#16abc1;text-align:right;margin:0 0 .2rem;} .agvproject_box .mains .editor .itm{background:url(../images/bg4.jpg) 0 bottom no-repeat #FFF;background-size:100% auto;position:relative;padding:1.27rem .35rem .8rem;display:flex;} .agvproject_box .mains .editor .itm:before{content:'';width:48%;height:.2rem;background:#00a29a;position:absolute;left:0;top:0} .agvproject_box .mains .editor .itm .imgs{flex:0 0 58%} .agvproject_box .mains .editor .itm .txt {flex:1} .agvproject_box .mains .editor .itm .txt p{margin:0 0 .25rem;font-size:.22rem;color:#000000;padding-left:.35rem;position:relative} .agvproject_box .mains .editor .itm .txt p:before{content:'';width:.21rem;height:7px;background:#58da6a;border-radius:999px;position:absolute;left:0;top:50%;transform:translateY(-50%)} .agvproject_box .mains .editor h6{font-size:.31rem;color:#000000;margin:.7rem 0 .15rem} .agvproject_box .mains .editor .itm2 {background:#FFF;position:relative;padding:.47rem .2rem .36rem;border-bottom:.8rem solid #ebebeb;margin:0 0 .3rem} .agvproject_box .mains .editor .itm2:before,.agvproject_box .mains .editor .itm2:after{content:'';width:48%;height:.2rem;background:#00a29a;position:absolute;left:0;top:0} .agvproject_box .mains .editor .itm2:after{left:auto;right:0;top:auto;bottom:-.2rem;z-index:1} .agvproject_box .mains .editor .itm2 p{font-size:.36rem;color:#e1e1e1;text-align:center; text-transform: uppercase;margin:0 0 .3rem} .agvproject_box .mains .editor table {width:100%;border:2px solid #21aea7} .agvproject_box .mains .editor table td {width:auto;vertical-align:middle;text-align:center;font-size:.24rem;color:#000000;position:relative;height:.56rem;border:2px solid #21aea7;border-bottom:0;border-left:0;border-right:0} .agvproject_box .mains .editor table p{margin:0} .agvproject_box .mains .editor table td:first-child{background:#00a29a;text-align:left;padding:0 .2rem;font-size:.3rem;color:#FFF} .agvproject_box .mains .editor table tr{margin:0 0 2px;} .agvproject_box .mains .editor table td:before{content:'';width:1px;height:.22rem;background:#00a29a;position:absolute;left:0;top:50%;transform:translateY(-50%)} .agvproject_box .mains .editor table td:nth-child(2):before{display:none;} /* .agvproject_box .mains0{padding:.2rem 0 .96rem;} .agvproject_box .mains0 h3 {font-size:.32rem;color:#000000;margin:0 0 .44rem} .agvproject_box .mains0 .editor{position:relative;} .agvproject_box .mains0 .editor>p{margin:0} .agvproject_box .mains0 .editor>p img {width:100%;height:5.18rem;object-fit:cover;transition:none;} .agvproject_box .mains0 .editor .txt{position:absolute;top:.69rem;left:.8rem;z-index:1} .agvproject_box .mains0 .editor .txt h4 {font-size:.42rem;color:#202A43;margin:0 0 .42rem;font-weight:bold} .agvproject_box .mains0 .editor .txt p{font-size:.22rem;color:#000;margin:0 0 .22rem .3rem;position:relative;padding-left:.31rem;font-weight:bold} .agvproject_box .mains0 .editor .txt p:before{content:'';width:.17rem;height:.05rem;background:#58DA6A;position:absolute;left:0;top:50%;transform:translateY(-50%);border-radius:999px;} .agvproject_box .mains1 {padding:0 0 .98rem;} .agvproject_box .mains1 h3 {font-size:.32rem;color:#000000;margin:0 0 .44rem} .agvproject_box .mains1 .editor .txt {margin:0 0 .64rem;display:grid;grid-template-columns:1fr 1fr 1fr;gap:0 .3rem;} .agvproject_box .mains1 .editor .txt p {font-size:.22rem;color:#000;margin:0 0 .22rem;text-align:center} .agvproject_box .mains1 .editor .txt2 h4{font-size:.21rem;color:#FFF;text-align:center;background:#00A4BB;line-height:.48rem;} .agvproject_box .mains1 .editor .txt2 p{padding:.2rem .19rem .22rem;border-bottom:1px solid #999999;font-size:.18rem;color:#121215;margin:0} .agvproject_box .mains1 .editor .txt2 p em{color:#00A4BB} .agvproject_box .mains1 .editor .txt2 p img{max-height:.18rem;transition:none;margin:0 .13rem 0 0} .agvproject_box .mains1 .editor .txt3{background:#FFF;margin:.59rem 0 0} .agvproject_box .mains1 .editor .txt3>div{display:inline-block;vertical-align:middle;} .agvproject_box .mains1 .editor .txt3 .let {background:rgba(0,164,187,.06);width:32.6%;padding:.26rem .2rem .35rem} .agvproject_box .mains1 .editor .txt3 .let h4 {font-size:.26rem;color:#00A4BB;padding:0 0 .15rem;position:relative;margin:.32rem 0 0} .agvproject_box .mains1 .editor .txt3 .let h4:first-child{margin:0} .agvproject_box .mains1 .editor .txt3 .let h4:after{content:'';width:85%;height:2px;background:linear-gradient(to right,#00A4BB,rgba(0,164,187,0));position:absolute;bottom:0;left:0} .agvproject_box .mains1 .editor .txt3 .let p{margin:.22rem 0 0;font-size:.18rem;color:#121215;line-height:.3rem;padding-left:.31rem;position:relative} .agvproject_box .mains1 .editor .txt3 .let p em {color:#00A4BB} .agvproject_box .mains1 .editor .txt3 .let p:before{content:'';width:.17rem;height:.05rem;background:#58DA6A;position:absolute;left:0;top:.125rem;border-radius:999px;} .agvproject_box .mains1 .editor .txt3 .rlt {width:67.4%} .agvproject_box .mains2 {background:#FFF;padding:.58rem 0 .5rem;} .agvproject_box .mains2 h3 {font-size:.32rem;color:#000;margin:0 0 .49rem;} .agvproject_box .mains2 h3 em{color:#00A4BB} .agvproject_box .mains2 .editor h4 {font-size:.26rem;color:#0056A7;margin:0 0 .29rem;} .agvproject_box .mains2 .editor .txt>*{display:inline-block;vertical-align:middle;margin:0;width:51%} .agvproject_box .mains2 .editor .txt .t {width:49%} .agvproject_box .mains2 .editor .txt .t h5 {font-size:.22rem;color:#00A4BB;margin:.34rem 0 0 .35rem;} .agvproject_box .mains2 .editor .txt .t p{font-size:.18rem;color:#121215;margin:.22rem 0 0 .35rem;padding-left:.25rem;position:relative} .agvproject_box .mains2 .editor .txt .t p:before{content:'';width:.1rem;height:.1rem;background:#00A4BB;border-radius:100%;position:absolute;left:0;top:50%;transform:translateY(-50%)} .agvproject_box .mains2 .editor .txt2{margin:.5rem 0 0} .agvproject_box .mains2 .editor .txt2>div{display:inline-block;vertical-align:top;width:37%} .agvproject_box .mains2 .editor .txt2 .t2{width:63%;padding-left:.12rem;} .agvproject_box .mains2 .editor .txt2 .t2 h5 {font-size:.22rem;color:#00A4BB;padding:.53rem 0 0 .76rem} .agvproject_box .mains2 .editor .txt2 .t2 p{margin:.22rem 0 0 .76rem;font-size:.18rem;color:#121215;padding-left:.25rem;position:relative} .agvproject_box .mains2 .editor .txt2 .t2 p em{color:#00A4BB} .agvproject_box .mains2 .editor .txt2 .t2 p:before{content:'';width:.1rem;height:.1rem;background:#00A4BB;border-radius:100%;position:absolute;left:0;top:50%;transform:translateY(-50%)} .agvproject_box .mains3 {background:#FFF;padding:.58rem 0 .5rem;} .agvproject_box .mains3 h3 {font-size:.32rem;color:#000;margin:0 0 .49rem;} .agvproject_box .mains3 h3 em{color:#00A4BB} .agvproject_box .mains3 .editor{text-align:center;} .agvproject_box .mains4 {background:#FAFAFA;padding:.65rem 0 .42rem;} .agvproject_box .mains4 h3 {font-size:.32rem;color:#000;margin:0 0 .29rem;} .agvproject_box .mains4 .editor>div{display:inline-block;vertical-align:top;width:33%} .agvproject_box .mains4 .editor .txt2 {width:67%;padding-left:.43rem;} .agvproject_box .mains4 .editor .txt1 h6 {font-size:.26rem;color:#00A4BB;padding:0 0 .15rem;position:relative;margin:0 0 .54rem;} .agvproject_box .mains4 .editor .txt1 h6:after{content:'';width:80%;height:2px;background:linear-gradient(to right,#00A4BB,rgba(0,164,187,0));position:absolute;bottom:0;left:0;} .agvproject_box .mains4 .editor .txt1 p {margin:0 0 .12rem;background:linear-gradient(to right,#F3F3F3,#E9E9E9);font-size:.2rem;color:#000000;display:flex;height:1.42rem;justify-content:space-between; justify-content: space-between; align-items: center;padding:0 .2rem 0 .15rem;} .agvproject_box .mains4 .editor .txt1 p img {max-height:1.3rem;transition:none;} .agvproject_box .mains5 {background:#FFF;padding:.65rem 0 1.05rem;} .agvproject_box .mains5 h3 {font-size:.32rem;color:#000;margin:0 0 .29rem;} .agvproject_box .mains5 .editor{position:relative} .agvproject_box .mains5 .editor h6 {font-size:.26rem;color:#00A4BB;padding:0 0 .15rem;position:absolute;top:0;left:0} .agvproject_box .mains5 .editor h6:after{content:'';width:100%;height:2px;background:linear-gradient(to right,#00A4BB,rgba(0,164,187,0));position:absolute;bottom:0;left:0;} */ /**/ .pro_ban{position:relative} .pro_ban .imgs video {width:100%;height:100vh;object-fit:cover;transition:none;} .pro_ban .text{position:absolute;top:28%;left:1.69rem;z-index:1} .pro_ban .text h3{font-size:.62rem;color:#01FFFF;line-height:.84rem;font-weight:bold;} .pro_ban .text p{font-size:.24rem;color:#01FFFF;margin:.25rem 0 .55rem;line-height:.34rem} .product_box .mains{padding:1.98rem 0 .85rem;} .product_box .mains .slogan{font-size:.22rem;color:#000;/*margin:0 0 1.25rem;*/text-align:center;} .product_box .mains .lists>div{margin:0 0 1rem} .product_box .mains .lists a{display:flex;position:relative} .product_box .mains .lists .imgs{width:62.7%} .product_box .mains .lists .imgs img {width:100%;height:5.5rem;object-fit:cover;transition:none} .product_box .mains .lists .text{width:37.3%;padding:0 0 0 .77rem;} .product_box .mains .lists .text h6 {font-size:.46rem;line-height:.55rem;color:#000;font-weight:300} .product_box .mains .lists .text h5 {font-size:.36rem;color:#000000;line-height:.42rem;margin:.1rem 0 0;text-transform: uppercase} .product_box .mains .lists .text p{font-size:.18rem;color:#000;line-height:.32rem;margin:.47rem 0 .49rem;} .product_box .mains .lists .text em {font-size:.16rem;color:#00A4BB;display:none} .product_box .mains .lists>div:nth-child(2n) a{flex-direction: row-reverse;} .product_box .mains .lists>div:nth-child(2n) .text {padding:0 .77rem 0 0} .product_box .mains .lists a:hover .imgs{transform:scale(.98);box-shadow:4px 4px 6px rgba(0,0,0,.12)} /**/ .show_product .show_pic{margin:.91rem 0 0;position:relative} .show_product .show_pic img {width:100%;transition:none;} .show_product .show_pic .titles{position:absolute;top:1.4rem;left:1.69rem;z-index:1} .show_product .show_pic .titles.rlt_t {left:auto;right:1.69rem;} .show_product .show_pic .titles h2 {font-size:.46rem;color:#01ffff;font-weight:bold;} .show_product .show_pic .titles p{font-size:.16rem;color:#00a4bb;margin:.27rem 0 0} .show_product .details{padding:.92rem 5.05rem 0;font-size:.22rem;color:#000000;line-height:1.9;font-weight:300;} .show_product .prolist{margin:0 5.05rem 1.8rem;} .show_product .prolist p{margin:0;font-size:.24rem;color:#000000;line-height:.81rem;border-bottom:1px solid #827F7F;} .show_product .other_filed{background:#F5F5F5;padding:1rem 2.75rem 2.09rem;} .show_product .other_filed .titles{padding:0 0 .15rem;border-bottom:1px solid #DCDCDC;display:flex;flex-direction: row; justify-content: space-between; align-items: center;} .show_product .other_filed .titles h3 {font-size:.24rem;color:#00A4BB;font-weight:bold} .show_product .other_filed .swiper-page>div{display:inline-block;vertical-align:middle;margin-right:.36rem;width:auto} .show_product .other_filed .swiper-page .slide-pagination span {opacity:1;outline:none;width:.08rem;height:.08rem;background:#C4C4C4;margin:0 .1rem 0 0;} .show_product .other_filed .swiper-page .slide-pagination span.swiper-pagination-bullet-active{background:#00A4BB} .show_product .other_filed .swiper-page>div.itm {font-size:.18rem;color:#00A4BB} .show_product .other_filed .lists {margin:.52rem 0 0} .show_product .other_filed .swiper-slide a{display:flex;background:#FFF; align-items: center;} .show_product .other_filed .swiper-slide .imgs {width:36.5%} .show_product .other_filed .swiper-slide .imgs img{width:100%;height:3.24rem;object-fit:cover;transition:none;} .show_product .other_filed .swiper-slide .text{width:63.5%;padding:0 .28rem 0 .32rem} .show_product .other_filed .swiper-slide .text h3{font-size:.26rem;color:#000;} .show_product .other_filed .swiper-slide .text p{font-size:.16rem;color:#000000;line-height:.32rem;height:.96rem;overflow:hidden;margin:.25rem 0 .1rem;} .show_product .other_filed .swiper-slide .text em {font-size:.16rem;color:#00A4BB;} .show_product .other_filed .swiper-slide a:hover {transform:scale(.98);box-shadow:2px 2px 4px rgba(0,0,0,.12)} /*英文*/ body#en .footer .infos .tels .cnt>a {padding:0 .4rem;} body#en .header .navlist li>dl dd a, .header .itemboxs ul li>dl dd a{font-size:.14rem;} /********<=767 mobile nav style css********/ .fl-page{position:relative;top:-1.5rem;} #menu {display:none;} #menu.mm-menu.mm-current{display:block;} .m-header {background:#FFF;box-shadow:0 0 12px rgba(0,0,0,0.2)} .m-header >.col-xs-6>div {color:#333;line-height:normal;} .m-header >.col-xs-6 .langs>*{display:inline-block;font-size:14px;color:#333;line-height:normal;} .m-header >.col-xs-6 .langs em {padding:0 5px;} .m-header >.col-xs-6 .langs a{width:30px;height:30px;background:#333;color:#FFF;line-height:30px;text-align:center;border-radius:100%;margin:0 0 0 5px;} .m-header >.col-xs-6 .menu{margin-left:.15rem;} .m-header >.col-xs-6 .menu a{font-size:16px;color:#333} .m-header >.col-xs-6 .menu a>* {display:inline-block;vertical-align:middle;} .m-header >.col-xs-6 .menu a i {font-size:20px;} .m-header >.col-xs-6 img {max-height:45px;} .st-container .st-menu {background:#0e6eb8; -webkit-transition: all .6s cubic-bezier(.77,0,.175,1) 0s; -o-transition: all .6s cubic-bezier(.77,0,.175,1) 0s; transition: all .6s cubic-bezier(.77,0,.175,1) 0s; } .st-container .st-menu ul li a {color:#FFF;position:relative;font-size:.25rem} .st-container .st-menu ul li>a:hover,.st-container .st-menu ul li.active>a {background:#f39800;box-shadow:0 4px 8px rgba(0,0,0,0.2);border-radius:5px;color:#FFF} .st-container .st-menu ul li>a>i {position:absolute;right:1em;top:50%;transform:translateY(-50%);color:#FFF} .st-container .st-menu ul li.active>a>i,.st-container .st-menu ul li>a:hover>i {color:#FFF} .st-container .st-menu ul li>dl {transition:none;margin:0} .st-container .st-menu ul li>dl dd a {background:none;box-shadow:none;color:#FFF;padding-left:0} .st-container .st-menu ul li>dl dd a i {padding-right:10px;} .st-container .st-menu ul li>dl dd.on2 a,.st-container .st-menu ul li>dl dd a:hover {color:#f39800} .st-container .st-menu ul li>dl dd.on2 a i,.st-container .st-menu ul li>dl dd a:hover i {padding-right:16px} .st-effect-1.st-menu {display:block;} /********<=767 mobile nav style css 2********/ /**************************/ @media(max-width:1800px){ .ele_box .mains4 .mains>div{padding:.65rem .22rem 0} .ele_box .mains4 .mains h4{font-size:.26rem;} } @media(max-width:1700px){ .header .itemboxs>dl{margin-left:.2rem;} .footer .infos .items{width:61%;padding-left:.65rem} .footer .infos .tels{width:20.5%} .footer .infos:after{right:20.5%} body#en .footer .infos .items .cnts h4{margin:0 .2rem 0 0} body#en .footer .infos .items .cnts p{margin-right:.26rem} body#en .footer .infos .items .cnts p em {font-size:.14rem;} } @media(max-width:1600px){ .m235{margin:0 1.35rem;} .index_three .text2 p{padding:0 0 .1rem;margin:0 0 .2rem;} .company_main .txt1{gap:0 .4rem;} } @media(max-width:1440px){ .layout .itembox .swiper-slide .text{padding:0 .45rem 0 0} .tech_box .mains2 .itembox .text{left:.75rem;} .tech_box .mains4 .editor>div{padding:.38rem .15rem 0} .tech_box .mains4 .editor>div .icon{margin-left:.15rem;} .m235{margin:0 1.35rem;} .m480{margin:0 1.8rem;} .ele_box .mains2 .boxs{padding-left:1.35rem;} .ele_box .mains2 .items .swiper-page{margin-right:1.35rem;} .pad36{margin:0 2.6rem;} .show_product .details{padding:.92rem 3.05rem .65rem} .show_product .other_filed{padding:1rem 1.75rem 2.09rem} .show_product .prolist{margin-left:3.05rem;margin-right:3.05rem;} .company_main .txt2 p{font-size:.2rem;} .company_main .txt1 p{font-size:.15rem;} .index_two .itembox>div{transform:scale(.81)} .index_two .itembox>div.img4{transform: scale(.81) translateX(3vw);} .index_two .itembox>div.on {transform: scale(.81) } .index_two .itembox>div.img4.on {transform: scale(.81) } /* .agvproject_box .mains4 .editor .txt1 p img{max-height:.9rem;} */ .m218{margin:0 1.18rem;} .footer .infos .items .imgs{padding-left:24%} .index_one .text h3,.index_two .text h3,.index_three .text1 .name h3,.index_news .titles h3{font-size:.32rem;} } @media(max-height:750px){ .job_fixed .mains .txt .editor{height:3.5rem;} .job_fixed .mains .txt{padding-bottom:.55rem;} } @media(max-height:600px){ .index_three .text2{bottom:1.78rem} } /******ipad****/ @media(max-width:990px){ body{overflow-x:hidden;} .st-menu {display:block;} .header {display:none;} .m-header {top:0;opacity:1;} .index_one{margin:60px 0 0} .index_one .text,.index_two .text,.index_three .text1{left:20px} .index_three .text2{right:20px;} .m170{margin:0 20px;} .index_news .lists{margin-left:20px;} .environment .lists,.ele_box .mains2 .lists{margin-left:20px;} .m235{margin:0 35px;} .m480{margin:0 .8rem;} .environment .lists .swiper-page,.ele_box .mains2 .lists .swiper-page{margin-right:20px;} .pad36{margin:0 20px;} .show_product .details{padding:.92rem 1rem .65rem} .show_product .other_filed{padding:1rem 1rem 2.09rem} .show_product .prolist{margin-left:1rem;margin-right:1rem;} .about_box{padding:60px 0 0} .pro_ban .text{left:20px;} .index_two .imgs video{height:auto;} .m218{margin:0 15px;} } /********mobile*********/ @media(max-width:767px){ .index_one .imgs img,.index_two .imgs img,.index_three .imgs img{width:100%;height:400px;object-fit:cover;} .index_news .titles{display:block;} .index_news .titles h3{margin:0 0 .5rem;} .footer .infos > div,.footer .copy > div{display:block;width:100% !important;} .footer .infos::before, .footer .infos::after, .footer .copy::before, .footer .copy::after,.footer .copy .icp::before, .footer .copy .rtn::before{display:none;} .footer .infos .items{display:none;} .footer .copy{padding:.2rem 15px 0;} .footer .copy > div{padding:0 0 .2rem} .footer .copy .txt{padding:0 0 .2rem} .footer .copy .icp{text-align:left;} .footer .copy .rtn{display:none;} .company .imgs .titles{left:15px;z-index:0} .company .mains{padding:0 15px;} .company .mains > div{width:100%;max-width:100%} .layout .itembox .swiper-slide > div,.environment .titles > *{display:block;width:100% !important;} .layout .itembox .swiper-slide .text{padding:0 0 .45rem;} .layout .titles{margin:0 0 .35rem;} .environment .titles ol{text-align:left;margin:.35rem 0 0} .ab_fixed{display:none;} .com_flash .page_text{padding:0 15px;} .product_box,.product_list{margin:60px 0 0} .product_list .flash .boxs{padding:0 15px;} .product_list .flash .boxs .img_{display:none;} .tech_box .mains0 .imgs .titles{left:15px;z-index:0} .tech_box .mains0 .mains{padding:0 15px;} .tech_box .mains0 .mains > div{width:100%;max-width:100%} .m235{margin:0 15px;} .tech_box .mains2 ol li{width:50%;margin:0 0 .3rem;} .tech_box .mains2 ol li a{padding:.15rem 0} .tech_box .mains2 .itembox .text{position:relative;top:0;transform:none;left:0;margin:.45rem 0 0} .tech_box .mains1 .lists .text{padding:0 15px;} .tech_box .mains3 .items .editor{grid-template-columns:1fr 1fr;gap:.3rem .3rem;} .tech_box .mains3 .items .editor.edi1{grid-template-columns:1fr 1fr;gap:.2rem .2rem} .tech_box .mains4 .editor{grid-template-columns:1fr 1fr;gap:.3rem .3rem;} .tech_box .mains5 .swiper-slide .imgs a{text-align:center;margin:0 auto} .tech_box .mains6 .editor,.tech_box .mains7 .editor{grid-template-columns:1fr 1fr;gap:.3rem .3rem;} .footer .infos .tels>div{display:inline-block;vertical-align:top;width:60%} .footer .infos .tels .code{width:40%} .footer .infos > div.logos {text-align:left;margin:0 0 .5rem;padding:0 15px;} .footer .infos .tels{padding:0 15px;} .news_box .column{gap:0 .15rem} .news_box .lists ul{grid-template-columns:1fr 1fr;} .m480{margin:0 15px;} .ele_box .mains0 .imgs .titles{left:15px;z-index:0} .ele_box .mains0 .mains{padding:3.3rem 15px} .ele_box .mains0 .mains > div{display:block;width:100% !important;} .ele_box .mains0 .mains .let{padding:0} .ele_box .mains2 .lists ul{grid-template-columns:1fr 1fr} .ele_box .mains2 .boxs{padding-left:15px;} .ele_box .mains4 .lists ul{grid-template-columns:1fr;gap:.35rem 0} .ab_honors .titles ol{gap:0 .3rem;} .ab_honors .itembox .lists{margin-left:15px;} .cnt_flash{margin:60px 0 0} .cnt_flash .page_txt{left:15px;} .contact_box .lists ul:first-child{grid-template-columns:1fr;gap:.5rem 0} .join_box .itembox .swiper-slide > div{display:block;width:100% !important;padding:0 !important;} .join_box .itembox .swiper-slide > div:first-child a, .join_box .itembox .swiper-slide > div:nth-child(2) a{border-top:0} .job_fixed .close_{right:0;top:-.9rem;} .job_fixed .mains .txt{padding:.48rem 15px 1.16rem;} .ele_box .mains2 .items .swiper-page{margin-right:15px} .company_main .txt1{display:block;} .company_main .txt1>div{margin:0 0 .35rem;} .company_main .txt2{grid-template-columns:1fr 1fr;gap:.35rem .5rem;} .safety .editor .item > div{display:block;width:100% !important;} .safety .editor .item .txt{padding:.35rem 0 0} .honor .lists ul{grid-template-columns:1fr 1fr;gap:.3rem .15rem;} .product_box .mains .lists a{display:block;} .product_box .mains .lists a>div{width:100% !important;} .product_box .mains .lists .text{padding:.75rem 0 0} .show_product .details,.show_product .other_filed{padding-left:20px;padding-right:20px;} .index_two .imgs video{display:none} .index_two .imgs video.mob_video{display:block} .index_two .boxs {display:none} .index_two .text{position:relative;top:auto;left:auto;text-align:center;padding:.85rem 0 .35rem;} .index_two .text h3,.index_two .text p{color:#121215} .ele_box .mains3 .lists ul{grid-template-columns:1fr 1fr} /* .agvproject_box .mains0 .editor .txt{left:.25rem;} .agvproject_box .mains1 .editor .txt3>div,.agvproject_box .mains2 .editor .txt>*,.agvproject_box .mains2 .editor .txt2>div,.agvproject_box .mains4 .editor>div{display:block;width:100% !important} .agvproject_box .mains2 .editor .txt2 .t2{padding:.25rem 0 0} .agvproject_box .mains4 .editor .txt2{padding:.45rem 0 0} .agvproject_box .mains4 .editor .txt1 p img{max-height:1.3rem;} .agvproject_box .mains5 .editor h6{position:relative;margin:0 0 .3rem;} */ .agvproject_box .mains .editor .itm{display:block;} .agvproject_box .mains .editor .itm .txt {padding:.5rem 0 0} .ele_box .mains4 .mains{grid-template-columns:1fr 1fr;gap:.55rem .15rem} }