@charset "utf-8"; 
.page-box{background:#eee}
.about-box{border:2px solid #d7d7d7}
.about-list{display:flex;justify-content:space-between;padding-top:0}
.about-item{padding:25px 0;width:19%;background:#000;color:#fff;text-align:center;font-size:20px;transition:all .5s;cursor:pointer}
.about-item a{color:#fff;font-size:18px}
.about-item:hover{background:#006795}
.about-art{padding:70px 60px}
.about-art li{display:none}
.active{background:#006795}
.about-profile{display:flex;overflow:hidden;margin-bottom:50px}
.about-pro-l{display:flex;width:50%}
.about-pro-list{display:flex;width:15%;flex-direction:column;justify-content:space-between}
.about-pro-list img{display:block;width:100%}
.about-pro-list-r{padding-left:35px;width:85%}
.about-pro-list-r img{width:100%;display:block}
.about-pro-r{display:flex;padding-left:45px;width:50%;flex-direction:column;justify-content:center}
.about-pro-r-t{font-size:41px;color:#303030;font-weight:700}
.about-pro-r-w{font-size:20px;color:#303030;text-align:justify;padding-top:20px}
.icon-box{background:#006795;padding:40px 14%;display:flex;justify-content:space-between}
.icon-item{width:23%;text-align:center}
.icon-img img{max-width:100%;transition:all .5s}
.icon-img img:hover{transform:rotateY(360deg)}
.icon-t{color:#fff;font-size:24px;font-weight:700}
.icon-w{color:#fff;font-weight:100;font-size:12px}
.quality{background:url(/js/36515/img/quality-bg.jpg) no-repeat;background-position:center;background-size:cover;margin:50px 0;padding:80px}
.quality p{color:#fff;font-size:24px;text-align:center}
.quality .quality-t{font-size:53px;font-weight:700;text-transform:uppercase}
.bsci-box{display:flex;justify-content:space-between}
.bsci-item{width:23%}
.basi-img,.pa-img,.pc-img,.pe-img,.pi-img,.pm-img{overflow:hidden}
.basi-img img{width:100%;display:block}
.basi-img:hover img{transform:scale(1.1)}
.basi-art{border:1px solid #245426;border-top:none;padding:30px 10px 20px;text-align:center;height:200px}
.bsci-t{color:#006795;font-size:29px;font-weight:700;text-transform:uppercase;padding-bottom:10px}
.bsci-w{color:#006795;font-size:16px}
.ab-down{color:#006795;font-size:16px;text-align:center;margin-top:60px;font-weight:700}
.cer-t{color:#006795;font-weight:700;text-align:center;font-size:59px;margin-bottom:50px}
.cer-img-box{display:flex;justify-content:space-between}
.cer-img{width:43%;overflow:hidden}
.cer-img img{width:100%;display:block}
.cer-img:hover img{transform:scale(1.1)}
.team-t{color:#006795;font-size:30px;text-transform:capitalize;font-weight:700;margin:20px 0}
.team-w{color:#006795;font-size:20px;font-weight:100}
.common-t{color:#006795;font-weight:700;text-transform:capitalize;font-size:46px}
.pi-t{text-align:center}
.pi-w{color:#000;background:#c3d6de;padding:10px 0;width:100%;font-weight:100;font-size:18px;text-align:center;margin:15px 0}
.pi-list{display:flex;flex-wrap:wrap;justify-content:space-between;margin:20px 0}
.pi-item{width:30%}
.pi-img img{max-width:100%;display:block}
.pi-img:hover img{transform:scale(1.1)}
.pi-item p{color:#000;font-size:30px;font-weight:100;margin:30px 0;text-transform:capitalize;text-align:center}
.pa-w{color:#000;font-size:24px;margin-bottom:30px}
.pa-list{display:flex;justify-content:space-between}
.pa-item{width:32%}
.pa-item img{max-width:100%;display:block}
.pa-img:hover img{transform:scale(1.1)}
.pa-item p{font-size:30px;text-transform:capitalize;color:#000;text-align:center;margin:10px 0}
.pc-box,.pe-box,.pm-box{display:flex;justify-content:space-between;align-items:center;margin:30px 0}
.pc-l{width:45%}
.pc-img img{width:100%;display:block}
.pc-img:hover img{transform:scale(1.1)}
.pc-r{width:51%}
.pc-t{font-size:39px}
.pc-w{font-size:24px;color:#000;line-height:1.3;text-align:justify}
.pe-l,.pm-l{width:50%}
.pe-t,.pm-t{font-size:60px;margin-bottom:20px}
.pe-w p{font-size:38px;color:#000}
.pe-r,.pm-r{width:45%}
.pe-img-box{display:flex;justify-content:space-between;flex-wrap:wrap}
.pe-img-box .pe-img{margin-bottom:20px;width:49%}
.pe-img img{width:100%;display:block}
.pe-img:hover img{transform:scale(1.1)}
.pm-w{color:#000;font-size:32px;text-align:justify;line-height:1.3}
.pm-img:hover img{transform:scale(1.1)}
.guard{color:#071300;font-size:24px;text-align:center}
.ser-box{display:flex}
.ser-l,.ser-r{width:47%}
.ser-l img{max-width:100%}
.ser-r{display:flex;flex-direction:column;justify-content:space-between;padding-left:30px}
.ser-t{color:#006795;font-size:30px;font-weight:700;text-transform:capitalize}
.ser-w{font-size:24px;line-height:1.8;color:#006795;font-weight:100}
@media (max-width:1440px){.basi-art{height:230px}
.about-list li{width:18%}}
@media (max-width:1280px){.pc-w{font-size:20px}
.pe-t,.pm-t{font-size:52px}
.pe-w p{font-size:32px}
.pm-w{font-size:26px}}
@media (max-width:1024px){.about-pro-list-r{margin:auto}
.icon-box{padding:40px 4%}
.basi-art{padding:15px 10px}
.pi-item p{font-size:22px;margin:15px 0}
.pc-w{font-size:16px}
.pe-t,.pm-t{font-size:39px}
.pe-w p{font-size:24px}
.pm-w{font-size:22px}
.ser-w{font-size:18px;line-height:1.5}}
@media (max-width:768px){.about-item{padding:10px 0}
.about-list li{margin-bottom:0}
.about-art{padding:20px}
.about-profile,.pc-box,.pm-box,.ser-box{flex-direction:column}
.about-pro-l,.about-pro-r,.pc-l,.pc-r,.pe-l,.pe-r,.pm-l,.pm-r,.ser-l,.ser-r{width:100%}
.about-pro-r{padding-left:0;padding-top:20px}
.about-pro-r-w{padding:0;font-size:16px}
.about-profile{margin-bottom:20px}
.quality{padding:20px;margin:20px 0}
.quality .quality-t{font-size:36px}
.quality p{font-size:16px}
.bsci-box{flex-wrap:wrap}
.bsci-item{width:49%;margin-bottom:10px}
.basi-art{height:auto}
.ab-down{margin-top:20px}
.pa-item p,.pa-w{font-size:18px}
.pi-item{width:49%}
.pe-box{flex-direction:column-reverse}
.pe-w p,.pm-w{font-size:16px;margin-bottom:0}
.pe-t,.pm-t{margin-bottom:0}
.ser-l img{width:100%}
.ser-r{padding-left:0}}
@media (max-width:450px){.about-list,.cer-img-box,.icon-box,.pa-list{flex-wrap:wrap}
.about-list li{width:100%;margin-bottom:10px}
.about-img{margin:2px 0}
.about-pro-list-r{padding-left:20px}
.about-pro-r-t,.cer-t,.common-t,.quality .quality-t{font-size:30px}
.about-pro-r{padding:0}
.about-pro-r-w,.pi-w,.quality p{font-size:14px}
.icon-box{padding:10px}
.icon-item{width:49%;margin:5px 0}
.bsci-item,.cer-img,.pa-item,.pi-item{width:100%}
.cer-t{margin-bottom:20px}
.cer-img{margin:10px 0}
.team-w{text-align:justify}
.common-t{text-align:center}
.pa-w{text-align:justify}}
.fcon li:first-child a:nth-child(3){display:none}
.newsdetails-cont p{margin-bottom:2px}
.hot-item-tit,header{background:#000}
.fcon,.fcon-text a,.nav>li>a{color:#fff}
.nav .inmenu_1,.nav .submenu a:hover,.nav>li:hover>a{color:#00a2e9}
.nav>li>a::after{background:#00a2e9}
.logo{max-width:14%}
.fshare a{background:#c1c1c1}
footer{background:#000}
.news-t{background:rgb(104 104 104 / 79%)}
.hot-list li{border-color:#000}
.hot-item-more{background:#6c6c6c}
.hot-item-more::before{border-left-color:#6c6c6c}
.hot-item-tit,header{background:#000}
.case-btn i,.fcon,.fcon-text a,.nav>li>a,.products-add-inquirl i{color:#fff}
.nav .inmenu_1,.nav .submenu a:hover,.nav>li:hover>a{color:#00a2e9}
.nav>li>a::after{background:#00a2e9}
.logo{max-width:14%}
.fshare a{background:#c1c1c1}
#case .swiper-slide,footer{background:#000}
.news-t{background:rgb(104 104 104 / 79%)}
.hot-list li{border-color:#7e7e7e}
.hot-item-more{background:#6c6c6c}
.hot-item-more::before{border-left-color:#6c6c6c;border-bottom-color:#6c6c6c}
.news-list li:hover,.products-ninelist-0>li:hover .products-item-name{color:#a6a6a5}
.case-btn,.case-btn::before{background:#b2b2b2}
.case-btn::before{border-color:#fff}
.case-btn:hover::before{background:#213045}
.newspage-item-date{background:#757472}
.newspage-ninelist-0>li:hover .newspage-item-tit{color:#a6a6a5}
.products-add-inquirl,.products-add-inquirl::before{background:#757472}
.sf-menu .LiLevel1>a,.sf-menu ul{border-color:#000}
.sf-menu .currentProType,.sf-menu a:hover{color:#757472}
.relatedpro{background:#fff}
.relatedpro-more{background:#a6a6a5}
.relatedpro-more::before{border-color:transparent transparent #a6a6a5 #a6a6a5}
.about:before{content:'';background:rgba(0,0,0,.5);width:100%;height:100%;top:0;left:0;position:absolute}
.about{position:relative}
.fshare a:hover,.relatedpro-list>li:hover .relatedpro-more{color:#fff}
.about .home-tit,.about-list li i{color:#a6a6a5}