.p-t80{padding-top: 80px;}
.p-b80{padding-bottom: 80px;}
.p-lr10{padding: 0 10px;}
.p-lr5{padding: 0 5px;}
.m-t80{margin-top: 80px;}
.m-t60{margin-top: 60px;}
.m-t40{margin-top: 40px;}
.m-t30{margin-top: 30px;}
.m-t20{margin-top: 20px;}
.m-t10{margin-top: 10px;}
.fz-72{font-size: 72px;}
.fz-42{font-size: 42px;}
.fz-36{font-size: 36px;}
.fz-32{font-size: 32px;}
.fz-24{font-size: 24px;}
.fz-20{font-size: 20px;}
.fz-18{font-size: 18px;}
.fz-16{font-size: 16px;}
.fz-14{font-size: 14px;}
.fz-12{font-size: 12px;}
.content-text{font-size: 20px;line-height: 1.4;color: #000;}
.text-p p{margin-bottom: 0;}
.bg01{background: #000;}
:root{--fz-20: 20px;}

@media (max-width: 1440px) {
    .p-t80{padding-top: 60px;}
    .p-b80{padding-bottom: 60px;}
    .p-lr10{padding: 0 7px;}
    .p-lr5{padding: 0 8px;}
    .m-t80{margin-top: 60px;}
    .m-t60{margin-top: 45px;}
    .m-t40{margin-top: 30px;}
    .m-t30{margin-top: 20px;}
    .m-t20{margin-top: 14px;}
    .m-t10{margin-top: 7px;}
    .fz-72{font-size: 48px;}
    .fz-42{font-size: 32px;}
    .fz-36{font-size: 27px;}
    .fz-32{font-size: 24px;}
    .fz-24{font-size: 19px;}
    .fz-20{font-size: 16px;}
    .fz-18{font-size: 15px;}
    .fz-16{font-size: 14px;}
    .fz-14{font-size: 13px;}
    .content-text{font-size: 16px;}
    :root{--fz-20: 16px;}
}
@media (max-width: 991px) {
    .p-t80{padding-top: 40px;}
    .p-b80{padding-bottom: 40px;}
    .p-lr10{padding: 0 5px;}
    .p-lr5{padding: 0 10px;}
    .m-t80{margin-top: 40px;}
    .m-t60{margin-top: 30px;}
    .m-t40{margin-top: 20px;}
    .m-t30{margin-top: 15px;}
    .m-t20{margin-top: 10px;}
    .m-t10{margin-top: 4px;}
    .fz-72{font-size: 1.48rem;}
    .fz-42{font-size: 1.04rem;}
    .fz-36{font-size: 0.96rem;}
    .fz-32{font-size: 0.90rem;}
    .fz-24{font-size: 0.74rem;}
    .fz-20{font-size: 0.70rem;}
    .fz-18{font-size: 0.68rem;}
    .fz-16{font-size: 0.66rem;}
    .fz-14{font-size: 0.64rem;}
    .fz-12{font-size: 0.62rem;}
    .content-text{font-size: 0.70rem;}
    :root{--fz-20: 0.70rem;}
}


.rowFlexWrap{display: flex;flex-wrap: wrap;}
.spaceBetween{justify-content: space-between;}
.centerJustify{justify-content: center;}
.centerAlign{align-items: center;}
.flexEnd{justify-content: flex-end;}
.flex-center-between{display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;}

.business-desc-zuo{max-width: 650px;}
.business-test-you{max-width: calc(100% - 680px);}
.scope-of-business .col-xs-2{width: 20%;}
a.business-list{display: block;height: 100%;background: #000;}
a.business-list .pic-img-top:after{content: "";width: 100%;height: 100%;background: rgba(0,0,0,0.4);position: absolute;top: 0;left: 0;z-index: 9;}
a.business-list .pic-img-top .icon{width: 160px;position: absolute;bottom: 30px;left: 50%;transform: translateX(-50%);z-index: 10;}
a.business-list .con-txt-end{padding: 15px 5px;color: #fff;text-transform: uppercase;}
a.business-list:hover{background: #0470FF;}
a.business-list:hover .pic-img-top img.img{transform: scale(1.06);}

.scope-business-wrap{width: 100%;height: 100%;padding: 50px 25px;border-radius: 10px;border: 1px solid #D9D9D9;}
.scope-business-wrap .img-top{width: 200px;margin: auto;}
.scope-business-wrap .title{line-height: 1.2;height: 2.4em;}
.casestudieswiper.cases .swiper-slide{height: auto;}
.casestudieswiper.cases .swiper-slide a.product-list-box{height: 100%;background: #F1EFEF;}
.casestudieswiper.cases .swiper-slide a.product-list-box .content-text{padding: 15px;}
.project-details-you .arrow-btn{padding-bottom: 40px;}
.project-details-you .arrow-btn:before{left: 0;}

@media (max-width: 1440px) {
    .business-desc-zuo{max-width: 450px;}
    .business-test-you{max-width: calc(100% - 480px);}
    a.business-list .pic-img-top .icon{width: 120px;bottom: 15px;}
    a.business-list .con-txt-end{padding: 10px;}

    .scope-business-wrap{padding: 35px 20px;}
    .scope-business-wrap .img-top{width: 140px;}
    .hardware-next-prev-page.active{padding: 20px;}
    .project-details-you .arrow-btn{padding-bottom: 30px;}
}
@media (max-width: 991px) {
    .business-desc-zuo,.project-details-zuo{width: 100%;max-width: 100%;margin-bottom: 5px;}
    .business-test-you,.project-details-you{width: 100%;max-width: 100%;margin-top: 5px;}
    .scope-of-business .col-xs-2{width: 50%;}
    a.business-list .pic-img-top .icon{width: 4.2rem;bottom: 0.4rem;}
    a.business-list .con-txt-end{padding: 0.36rem;}

    .scope-business-wrap{padding: 30px 10px;border-radius: 5px;}
    .scope-business-wrap .img-top{width: 5.4rem;}
    .hardware-next-prev-page.active{padding: 10px;}
    .project-details-you .arrow-btn{padding-bottom: 20px;}
}


a.search-item{color: #000;padding-right: 16px;background: url('../images/downcur.png') no-repeat center right/14px;cursor: pointer;}
ul.main-pro-nav-ul>li{margin-right: 24px;}
ul.main-pro-nav-ul>li.all>a{padding: 0;}
ul.main-pro-nav-ul>li>a{display: block;color: #000;padding-right: 14px;position: relative;}
ul.main-pro-nav-ul>li>a>span{position: absolute;top: 0;right: 0;}
ul.main-pro-nav-ul>li>a:hover{text-decoration: underline;}
ul.main-pro-nav-ul>li.cur>a{font-weight: 700;}
ul.main-pro-nav-ul>li.search-form{margin: 0;width: 18px;height: 18px;cursor: pointer;background: url('../images/search.png') no-repeat center/100%;position: relative;}
ul.main-pro-nav-ul>li.search-form .search-form-wrap{opacity: 0;visibility: hidden;width: 100%;width: 300px;position: absolute;right: 0;top: -12px;z-index: 99;transition: all 0.5s;}
ul.main-pro-nav-ul>li.search-form .search-form-wrap .search-form .keyword{width: 100%;background: #fff;height: 40px;padding: 0 40px 0 10px;border: 1px solid #e6e6e6;}
ul.main-pro-nav-ul>li.search-form .search-form-wrap .search-form .keyword:focus{border-color: #0470FF;}
ul.main-pro-nav-ul>li.search-form .search-form-wrap .search-form .boxbtn{width: 20px;height: 20px;background: url('../images/search.png') no-repeat center/100%;position: absolute;top: 50%;transform: translateY(-50%);right: 10px;}
ul.main-pro-nav-ul>li.search-form:hover .search-form-wrap{opacity: 1;visibility: inherit;}

a.product-list-box{display: block;}
a.product-list-box .picimgtop{overflow: hidden;position: relative;}
a.product-list-box .picimgtop{overflow: hidden;position: relative;}
a.product-list-box .picimgtop .contxt{width: 100%;padding: 15px 20px;background: linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%);position: absolute;bottom: 0;left: 0;}
a.product-list-box .picimgtop .contxt .title{line-height: 1.3;color: #fff;}
a.product-list-box .picimgtop .contxt .title span{margin-left: 12px;font-weight: 300;}
a.product-list-box .picimgtop .contxt .subtitle{color: #fff;}
a.product-list-box:hover .picimgtop img{transform: scale(1.06);}
.lab-list-item{position: relative;cursor: pointer;overflow: hidden;}
.lab-list-item .cont-desc{width: 100%;color: #fff;padding: 15px 20px;background: linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%);position: absolute;bottom: -100%;left: 0;}
.lab-list-item:hover .cont-desc{bottom: 0;}
.lab-list-item:hover img{transform: scale(1.06);}

.product-nav-item a{color: #000;}
.product-nav-item a:hover{color: #0470FF;}
.product-nav-item span{display: block;width: 14px;height: 14px;margin: 0 6px;background: url('../images/downcur.png') no-repeat center/100%;transform: rotate(-90deg);}
.product-nav-item span:last-child{display: none;}
a.book-now{display: block;width: 130px;height: 26px;line-height: 26px;color: #000;letter-spacing: 0.2px;border-radius: 20px;padding-left: 30px;position: relative;background: linear-gradient(90deg,rgba(0,0,0,0) 0%,rgba(0,0,0,0.16) 100%),#fff;}
a.book-now:after{content: "";width: 26px;height: 26px;background: url('../images/booknow.png') no-repeat center/100%;position: absolute;top: 0;left: 0;}
.pro-search-nav .keyword a{display: block;margin: 0 4px 4px 0;padding: 4px 8px;letter-spacing: 0.5px;background: #e6e6e6;color: #666;}
.pro-search-nav .keyword a:hover,.pro-search-nav .keyword a.cur{background: #0470FF;color: #fff;}

.row-pro-lr5{padding: 0 5px;}
.row-pro-lr10{padding: 0 10px;}
.product-features{overflow: hidden;border-radius: 10px;background: #000;position: relative;}
.product-features .title{width: 100%;line-height: 1.3;padding: 6px;color: #fff;position: absolute;left: 0;bottom: 15px;}
.hardware-next-prev-page .swiper-pagination{width: auto;display: flex;align-items: center;justify-content: center;margin: 0 40px;position: static;transform: none;}
.hardware-next-prev-page .swiper-pagination .swiper-pagination-bullet{opacity: 1;background: #D9D9D9;margin: 0 8px;}
.hardware-next-prev-page .swiper-pagination .swiper-pagination-bullet-active{background: #665959;}
.hardware-next-prev-page .swiper-button-prev,.hardware-next-prev-page .swiper-button-next{height: 24px;margin: 0;position: static;transform: none;}
.hardware-next-prev-page .swiper-button-prev:after,.hardware-next-prev-page .swiper-button-next:after{font-size: 24px;font-weight: 700;color: #D9D9D9;}
.hardware-next-prev-page .swiper-button-prev:hover:after,.hardware-next-prev-page .swiper-button-next:hover:after{color: #0470FF;}

#faqslist ul{border: 1px solid #CFCFCF;}
#faqslist ul>li{padding: 10px 50px 10px 10px;font-size: var(--fz-20);cursor: pointer;position: relative;}
#faqslist ul>li p{font-family: 'Noto Sans SC';font-weight: 300;}
#faqslist ul>li:before{content: "";width: 22px;height: 22px;background: url('../images/arrow.png') no-repeat center/100%;position: absolute;top: 50%;transform: translateY(-50%);right: 15px;transition: all 0.5s;}
#faqslist ul.open>li:before{transform: translateY(-50%) rotate(180deg);}
#faqslist ul aside{display: none;font-size: var(--fz-20);padding: 10px;background: linear-gradient(90deg, rgba(0,0,0,0.16) 0%, rgba(0,0,0,0) 100%), #FFF;}
#faqslist ul aside img{max-width: 100% !important;height: auto !important;}

.message-form .input,.message-form .content,.message-form .sumbit{margin-top: 14px;width: 100%;height: 45px;padding: 0 10px;border: 1px solid #CFCFCF;}
.message-form .requirement{font-size: 0;}
.message-form .content{height: 281px;padding: 10px;}
.message-form .input:focus,.message-form .content:focus{border-color: #0470FF;}
.message-form .sumbit{background: #F4F2F2;color: #A5A5A5;position: relative;}
.message-form .sumbit:before{content: "";width: 18px;height: 18px;background: url('../images/arrow.png') no-repeat center/100%;position: absolute;top: 50%;transform: translateY(-50%) rotate(-90deg);right: 10px;transition: all 0.5s;}
.message-form .sumbit:hover{background: #0470FF;border-color: #0470FF;color: #fff;}
.message-form .sumbit:hover:before{background-image: url('../images/arrowcur.png');}

.arrow-btn{cursor: pointer;position: relative;}
.arrow-btn:before{content: "";width: 22px;height: 22px;background: url('../images/downcur.png') no-repeat center/100%;position: absolute;bottom: 0;right: 0;transition: all 0.5s;}
.open .arrow-btn:before{transform: rotate(180deg);}
.about-us-list .about-us-top .about-us-info{display: none;}
.about-us-list .about-us-top.show .about-us-info{display: block;}
.about-us-list .about-us-top .about-us-info .content-text{max-width: 970px;}
.about-us-list .about-us-top .about-us-info .content-text p{letter-spacing: 0.3px;}
.about-us-list .about-us-top.cur .about-us-info .content-text{max-width: 680px;}

.news-list .news-info{padding: 14px 0;border-bottom: 1px solid #000;}
.news-list .news-info:first-child{border-top: 1px solid #000;}
.news-list .news-info .arrow-btn:before{bottom: -16px;}
.news-list .news-info .news-top .pic-img-zuo{width: 400px;}
.news-list .news-info .news-top .con-txt-you{width: calc(100% - 420px);}
.news-list .news-info .news-end .pic-img-zuo{width: calc(58% - 10px);}
.news-list .news-info .news-end .con-txt-you{width: calc(42% - 10px);}
.news-list .news-info .news-end .con-txt-you .content-text{height: 5.36rem;padding-right: 4px;overflow-y: auto;}
.news-list .news-info .news-end .con-txt-you .content-text::-webkit-scrollbar{width: 4px;}
.news-list .news-info .news-end .con-txt-you .content-text::-webkit-scrollbar-thumb{background: #f1f1f1;border-radius: 10px;}
.news-list .news-info .news-end,.news-list .news-info.open .news-top{display: none;}
.news-list .news-info.open .news-end{display: block;}

a.view-more{display: inline-block;padding: 7px 14px;border-radius: 3px;background: #e6e6e6;color: #333;}
a.view-more:hover{background: #0470FF;color: #fff;}
.casestudieswiper.honor .swiper-slide{height: auto;}
.casestudieswiper.honor .swiper-slide .our-honor-item{height: 100%;overflow: hidden;border-radius: 10px;border: 1px solid #D9D9D9;}
.casestudieswiper.honor .swiper-slide .our-honor-item .con-txt-end{padding: 20px;}
.casestudieswiper.honor .swiper-slide .our-honor-item .con-txt-end .content{line-height: 1.72;}

.reels-desc-zuo{width: 50%;color: #fff;}
.reels-test-you{width: 46%;color: #fff;}
.reels-item-box .pic-img{border-radius: 12px;cursor: pointer;position: relative;transition: all 0.5s;}
.reels-item-box .pic-img iframe{width: 100%;height: 7.2rem;}
.reels-item-box .con-txt{color: #fff;}
.overseas-project-img{height: 100%;overflow: hidden;}
.overseas-project-img:hover img{transform: scale(1.08);}
.videofile iframe{width: 100%;height: 9rem;}
.social-media .list-item{width: 16%;}
.social-media .list-item .web-link-list a.picurl{display: block;border-radius: 50px;max-width: 100px;margin: auto;overflow: hidden;}
.social-media .list-item .web-link-list a.picurl:hover{background: #f7f8f9;}
.social-media .list-item .web-link-list .title a{color: #000;}
.social-media .list-item .web-link-list .title a:hover{text-decoration: underline;}

@media (max-width: 1440px) {
    .product-nav-item span{width: 12px;height: 12px;}
    .close-nav{width: 25px;height: 25px;top: 20px;right: 20px;}
    .row-pro-lr5{padding: 0 4px;}
    .row-pro-lr10{padding: 0 11px;}
    .product-features .title{bottom: 10px;}

    .hardware-next-prev-page .swiper-pagination{margin: 0 25px;}
    .hardware-next-prev-page .swiper-pagination .swiper-pagination-bullet{margin: 0 6px;}
    .hardware-next-prev-page .swiper-button-prev,.hardware-next-prev-page .swiper-button-next{height: 20px;}
    .hardware-next-prev-page .swiper-button-prev:after,.hardware-next-prev-page .swiper-button-next:after{font-size: 20px;}
    .message-form .input,.message-form .content,.message-form .sumbit{margin-top: 8px;height: 40px;}
    .message-form .content{height: 233px;padding: 8px;}
    .message-form .sumbit:before{width: 16px;height: 16px;}
    .arrow-btn:before{width: 18px;height: 18px;}

    .about-us-list .about-us-top .about-us-info .content-text{max-width: 820px;}
    .news-list .news-info .news-top .pic-img-zuo{width: 370px;}
    .news-list .news-info .news-top .con-txt-you{width: calc(100% - 384px);}
    .news-list .news-info .news-end .pic-img-zuo{width: calc(58% - 7px);}
    .news-list .news-info .news-end .con-txt-you{width: calc(42% - 7px);}
    .news-list .news-info .news-end .con-txt-you .content-text{height: 5.68rem;}
    .casestudieswiper.honor .swiper-slide .our-honor-item .con-txt-end{padding: 15px;}
}
@media (max-width: 991px) {
    a.search-item{padding-right: 14px;background-size: 10px;margin-bottom: 12px;}
    ul.main-pro-nav-ul>li{margin-right: 18px;}
    ul.main-pro-nav-ul>li>a{line-height: 1.7;}
    ul.main-pro-nav-ul>li.search-nav{width: 14px;height: 14px;}
    ul.main-pro-nav-ul>li.search-form .search-form-wrap{width: 240px;}
    a.product-list-box .picimgtop .contxt{padding: 8px 12px;}

    .product-nav-item span{width: 10px;height: 10px;}
    .close-nav{width: 20px;height: 20px;top: 15px;right: 15px;}
    .row-pro-lr5{padding: 0 2px;}
    .row-pro-lr10{padding: 0 13px;}
    .product-features{border-radius: 6px;}
    .product-features .title{bottom: 4px;}
    
    .hardware-next-prev-page .swiper-pagination{margin: 0 12px;}
    .hardware-next-prev-page .swiper-pagination .swiper-pagination-bullet{width: 6px;height: 6px;margin: 0 3px;}
    .hardware-next-prev-page .swiper-button-prev,.hardware-next-prev-page .swiper-button-next{height: 16px;}
    .hardware-next-prev-page .swiper-button-prev:after,.hardware-next-prev-page .swiper-button-next:after{font-size: 16px;}
    #faqslist ul{border: 1px solid #CFCFCF;}
    #faqslist ul>li{padding: 6px 30px 6px 6px;}
    #faqslist ul>li:before{width: 14px;height: 14px;right: 8px;}
    #faqslist ul aside{padding: 6px;}
    .arrow-btn:before{width: 14px;height: 14px;}
    .lab-list-item .cont-desc{padding: 10px;}
    
    .newswiper .swiper-button-prev{left: 0;}
    .newswiper .swiper-button-next{right: 0;}
    .news-list .news-info .news-top .pic-img-zuo,.news-list .news-info .news-end .pic-img-zuo{width: 100%;margin-top: 10px;}
    .news-list .news-info .news-top .con-txt-you,.news-list .news-info .news-end .con-txt-you{width: 100%;margin-top: 10px;}
    .news-list .news-info .news-end .con-txt-you .content-text{padding: 0;height: auto;}
    .casestudieswiper.honor .swiper-slide .our-honor-item .con-txt-end{padding: 10px;}
    .reels-desc-zuo{width: 100%;padding-bottom: 10px;}
    .reels-test-you{width: 100%;padding-top: 10px;}
    .videofile iframe{width: 100%;height: 10rem;}
    .reels-item-box .pic-img iframe{width: 100%;height: 28rem;}
    .social-media .list-item{width: 32%;}
    .social-media .list-item .web-link-list a.picurl{max-width: 60px;}
}