@charset "utf-8"; 
.introduction .hello p{font-size:20px}
.introduction .welcome{width:60%}
.introduction .welcome p{font-weight:700}
.introduction .welcome span{color:#666;font-size:20px}
.introduction .hellobtn{margin-top:50px}
.introduction .hellobtn a{padding:8px 15px;color:#0146a7;font-weight:700}
.case{padding-top:50px;background-color:#e7e7e7}
.case .caseItem{width:90%}
.case ul li{width:28%}
.case ul li span{overflow:inherit;color:#666;font-size:18px;-webkit-line-clamp:inherit;margin-top:15px}
.case ul li a{margin:30 auto}
.case .ourcase p,.latestNews .latestNewsTitle .yellow,.product .productTop p,.strength .ourStrength p{margin-bottom:10px;font-weight:700}
.case .ourcase span,.latestNews .latestNewsTitle .blue,.product .productTop span,.strength .ourStrength span{color:#666;font-weight:700;font-size:20px}
.product{padding-top:50px}
.product .productItem ul li div span{text-align:center;font-size:20px;line-height:33px}
.product .statistics{position:relative;padding:60px 0}
.product .statistics ul{width:65%;justify-content:space-between}
.product .statistics>div{position:absolute;top:40%}
.product .productItem ul{width:95%}
.product .productItem ul li{border:1px solid #666}
.strength{background:#e7e7e7}
.strengthItem{margin-top:120px;width:70%}
.strengthItem ul li{padding:10px;border:1px solid #8e8e8e;width:31%;box-sizing:border-box}
.strengthItem ul li .content{height:100%}
.strengthItem ul li .text span{margin-top:10px;width:100%;color:#666;line-height:1.4;-webkit-line-clamp:inherit;overflow:inherit}
.strengthItem ul li .text p{margin:15px 0 0;font-weight:700}
.strengthItem ul li .text{background:inherit;background-color:#f0f0f0}
.latestNews{width:90%}
.latestNews .latestNewsList ul li .latestNewsListT{border:1px solid #6289cd}
.latestNews .latestNewsList ul li .latestNewsListT p{font-size:30px;line-height:1}
.latestNews .latestNewsList ul li .latestNewsListB{border:1px solid #999}
.latestNews .latestNewsList ul li .latestNewsListB p{color:#171717;font-weight:700;font-size:16px}
.latestNews .latestNewsList ul li .latestNewsListB span{color:#171717;font-weight:700;font-size:12px}
@media(max-width:1600px){.header .header-top .mailclock{margin-left: 30%;}}
@media(max-width:1440px){.strengthItem{width:80%};}
@media(max-width:1024px){.introduction .hello p{top:10%}
.introduction .welcome{margin-top:50px;width:95%}
.introduction .welcome p{margin-bottom:20px}
.introduction .welcome span{font-size:16px}
.case ul,.introduction .hellobtn{margin-top:30px}
.case ul li{box-sizing:border-box;width:32%}
.case ul li span{font-size:16px;line-height:1.2}
.case ul li a{padding:5px 30px}
.product .statistics ul{width:90%}
.product .productItem ul li div span{font-size:14px}
.case,.product .statistics,.strength{padding:50px 0}
.strengthItem{margin-top:50px;width:90%}
.strengthItem ul li{width:30%}
.latestNews{margin:50px auto}
.latestNews .latestNewsList ul li{margin-top:30px;width:48%}}
@media(max-width:768px){.case ul li{width:100%}
.case ul li p,.case ul li span{margin-top:0}
.case ul li p{font-size:24px}
.case ul li a{margin:20px 0 30px}
.product .statistics>div{display:none}
.product .statistics{padding-top:10px}
.product .statistics ul li{margin-bottom:40px}
.strengthItem ul li{width:100%}
.strengthItem ul li .text p{font-size:20px!important}
.strengthItem ul li .text span{font-size:18px}
.case .ourcase span,.latestNews .latestNewsTitle .blue,.product .productTop span,.strength .ourStrength span{font-size:16px}
.strengthItem ul li .text p{font-size:24px!important}
.latestNews .latestNewsList ul li{width:100%}
.latestNews .latestNewsList ul li .latestNewsListT{width:20%}
.latestNews .latestNewsList ul li .latestNewsListB{width:80%}}
@media(max-width:450px){.introduction .hello p{font-size:12px}
.introduction .welcome{margin-top:20px}
.introduction .welcome p{margin-bottom:5px}
.introduction .welcome span{overflow:inherit;font-size:14px;-webkit-line-clamp:inherit}
.case ul,.introduction .hellobtn,.strengthItem{margin-top:20px}
.case,.product .statistics,.strength{padding:20px 0}
.case ul li span{width:100%}
.case ul li a{font-size:16px}
.product{padding-top:20px}
.product .productItem ul,.product .productItem ul li{width:100%}
.product .statistics ul li{margin-bottom:20px}
.latestNews{margin:20px auto}}
@media(max-width:320px){.introduction .hello p::after,.introduction .hello p::before{width:20px!important}}
.productBanner{min-height:auto}
.productBannerTitle{transform:translate(0,0);position:static;padding:15px 0;box-sizing:border-box;max-width:85%;margin:0 auto;text-align:left}
.productBanner{height:auto;background:#eee}
.productBannerTitle h1{text-transform:uppercase;font-weight:700;line-height:1.1;color:#000;font-size:36px}
.productBannerTitle a,.productBannerTitle span:first-child,.productBannerTitle span:nth-child(2){color:#000;text-transform:uppercase;font-size:20px}
.com-inner{padding:60px 50px}
.com-inner img{width:100%;display:block}
.com-img{position:relative}
.img-inner{position:absolute;top:0;right:0;width:22%;height:-webkit-fill-available;background-color:#027fc2;padding:50px 20px;opacity:.9}
.img-inner p{color:#fff}
.img-inner .com-title{text-transform:capitalize;font-size:44px;font-weight:700}
.img-inner .com-stitle{font-size:26px;font-weight:100;margin-top:30px}
.img-inner .com-stitle::after{content:'';width:55%;height:2px;background-color:#fff;display:block;margin-top:10px}
.img-inner .com-w{font-size:17px;margin-top:30%}
.com-p{margin-top:60px;color:#666;font-size:24px;line-height:1.4}
@media(max-width:1500px){.productBannerTitle{max-width:95%}}
@media(max-width:1366px){.productBannerTitle{max-width:100%}}
@media(max-width:768px){.productBannerTitle{max-width:94%;padding:15px 20px}}
@media(max-width:1440px){.com-p{margin-top:40px;font-size:24px}}
@media(max-width:1024px){.productBannerTitle h1{font-size:40px}
.productBannerTitle a,.productBannerTitle span:first-child,.productBannerTitle span:nth-child(2){font-size:14px}
.com-inner{padding:30px 20px}
.com-p{margin-top:25px;font-size:18px}}
@media(max-width:768px){.productBannerTitle h1{font-size:20px}
.productBannerTitle a,.productBannerTitle span:first-child,.productBannerTitle span:nth-child(2){font-size:12px}
.com-p{font-size:15px}}
.productMainContact{padding-top:100px}
.contactRight{width:52%}
.contactRight iframe{width:100%}
.contactLeft{width:46%}
.contactLeft .newsArticleTable .newsArticleTablename{color:#333;text-transform:uppercase;font-weight:700;font-size:25px;line-height:1.5}
.contactLeft .newsArticleTable .newsArticleTablespan{color:#333;font-size:14px;opacity:1}
.contactLeft .newsArticleTable .newsArticleTableLi{margin-top:30px}
.inquiry-form>input{height:40px}
.inquiry-form #in-content,.inquiry-form>input{border:1px solid #8e8e8e}
.inquiry-form #in-content::-webkit-input-placeholder,.inquiry-form>input::-webkit-input-placeholder{color:#333}
.send-btn .span:nth-child(1){padding:10px 40px;background-color:#00287b}
.contactRight ul li div{color:#333;font-size:14px}
.contactRight ul li p{color:#333;font-size:14px;opacity:1}
.contactRight ul li:nth-child(2){width:33%}
@media(max-width:768px){.productMainContact{padding-top:30px;margin-top:30px}}
.organ-ul{display:flex;margin:0 auto;width:90%;justify-content:space-between;flex-wrap:wrap}
.organ-item{margin:70px 0;padding:0;width:24%}
.organ-img img{max-width:100%!important;border-radius:50%}
.organ-item p{margin-top:10px;color:#000;text-align:center;font-weight:700;font-size:30px}
.organ-item .organ-work{font-size:26px;line-height:1.2}
@media(max-width:1024px){.organ-ul{width:95%}
.organ-item{width:21%}
.organ-item p{font-size:22px}
.organ-item .organ-work{font-size:16px}}
@media(max-width:768px){.organ-item{margin:20px 0;width:48%}}
.cer-ul{display:flex;margin:50px auto;width:90%;border:1px solid #e8e8e8;justify-content:space-between;flex-wrap:wrap}
.cer-item{display:flex;box-sizing:border-box;padding:30px 20px;width:25%;border:1px solid #e8e8e8;text-align:center;flex-direction:column;justify-content:flex-end}
.cer-img{overflow:hidden}
.cer-img img{display:block;max-width:100%;transition:all .5s}
.cer-item p{color:#000;font-weight:700;font-size:28px}
.cer-item:hover img{transform:scale(1.1)}
@media(max-width:1600px){.cer-item p{font-size:22px}}
@media(max-width:1440px){.cer-item p{font-size:18px}}
@media(max-width:1024px){.cer-item p{font-size:14px;line-height:1.2}}
@media(max-width:768px){.cer-item{padding:10px;width:50%}}
.qua-ul{margin:100px auto;width:90%}
.qua-li{display:flex;margin:100px 0;justify-content:space-between;align-items:center}
.qua-li:nth-child(2n){flex-direction:row-reverse}
.qua-li-l{width:45%}
.qua-li-l img{display:block;width:100%}
.qua-li-r{box-sizing:border-box;padding-left:50px;width:50%}
.qua-p{color:#333;text-transform:uppercase;font-size:25px;line-height:1.2}
.qua-w{margin-top:30px;color:#666;text-align:justify;text-transform:uppercase;font-size:16px}
@media(max-width:1440px){.qua-w{margin-top:15px;font-size:14px}
.qua-li-r{padding-left:0}}
@media(max-width:1024px){.qua-p{font-size:22px}
.qua-w{font-size:12px}}
@media(max-width:768px){.qua-ul{margin:30px auto}
.qua-li,.qua-li:nth-child(2n){margin:30px 0;flex-direction:column}
.qua-li-l,.qua-li-r{width:100%}
.qua-li-r{margin-top:10px}}
.aboutList{width:100%}
.about-ul{margin:100px auto;width:90%}
.about-item{display:flex;margin:100px 0;align-items:center;justify-content:space-between}
.about-item:nth-child(2n){flex-direction:row-reverse}
.about-item-l{width:52%}
.about-item-l div{overflow:hidden}
.about-item-l img{display:block;width:100%;transition:all .5s}
.about-item-l:hover img{transform:scale(1.1)}
.about-item-r{width:45%}
.about-t{color:#082f7f;font-weight:700;font-size:26px;line-height:1.2}
.about-w{margin-top:30px;color:#333;font-size:20px}
@media(max-width:1024px){.about-ul{margin:50px auto}
.about-item{margin:50px 0}
.about-w{line-height:1.3}}
@media(max-width:768px){.about-ul{margin:20px auto}
.about-item,.about-item:nth-child(2n){flex-direction:column}
.about-item{margin:20px 0}
.about-item-l,.about-item-r{width:100%}
.about-item-r{margin-top:20px}
.about-t{font-size:20px}
.about-w{margin-top:10px;font-size:16px}}
.history{background:url(/js/15144/history-bg.jpg) no-repeat;background-position:center;background-size:cover}
.history-inner{width:90%;margin:0 auto;padding:100px 0;position:relative}
.history-inner::before{content:'';width:39px;height:39px;border:3px solid #e8e8e8;border-radius:50%;background:0 0;position:absolute;top:2%;left:50%;transform:translateX(-50%)}
.history-inner::after{content:'';width:3px;height:90%;background:#e8e8e8;position:absolute;top:4.5%;left:50%;transform:translateX(-50%)}
.his-item{display:flex;justify-content:space-between}
.his-item:nth-child(2n){flex-direction:row-reverse}
.his-l{width:50%;display:flex;justify-content:center;align-items:center;position:relative;padding:60px 20px;box-sizing:border-box}
.his-item:nth-child(2n) .his-l{flex-direction:row-reverse}
.his-img img{border-radius:30px;max-width:100%;border:1px solid #00287b;display:block}
.his-l-p{font-size:18px;color:#333;font-weight:700;width:60%;margin:0 10px}
.year-box{position:absolute;top:0;right:-20px;display:flex;align-items:center;z-index:2}
.year-box p{color:#333;font-size:30px;margin:0 10px;font-weight:700}
.year-box>div{width:39px;height:39px;border:3px solid #00287b;border-radius:50%;box-sizing:border-box;position:relative}
.year-box>div>i{width:20px;height:20px;background:#00287b;border-radius:50%;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
.his-item:nth-child(2n) .year-box{left:-20px}
@media(max-width:1024px){.history-inner{width:95%}
.his-l-p{font-size:16px}
.year-box p{font-size:24px}}
@media(max-width:768px){.history-inner::before,.year-box>div{width:28px;height:28px}
.year-box>div>i{width:14px;height:14px}
.history-inner::after{top:66px}
.his-l-p{font-size:12px}
.year-box{right:-15px}
.his-item:nth-child(2n) .year-box{left:-15px}
.year-box p{font-size:20px}}
@media(max-width:450px){.his-item:nth-child(2n) .his-l,.his-l{flex-direction:column-reverse}
.his-l-p{width:100%;margin:0}
.his-l{padding:50px 10px 20px}
.his-img img{max-width:80%}
.history-inner::after{top:71px}}
.foot-logo img{max-width:250px}
.foot-logo{text-align:center}
.header .logo .logo1{top:0!important}
.header .logo .logo1 img{max-height:90px}
.header.headscroll .logo1 img{max-height:60px}
.header.headscroll .logo1{top:36px!important}
@media screen and (max-width:768px){.header .logo{height:100%;top:0!important}
.header .logo .logo1{height:100%}
.header .logo .logo1 img{max-height:100%}}
footer{background:var(--color)}
.product .productItem ul li{overflow:inherit;margin-bottom:60px}
.product .productItem ul li div span{bottom:-36px;border:1px solid var(--color)}
.about-list{width:80%;margin:20px auto;overflow:hidden}
.about-list *{box-sizing:border-box}
.ch-flex>li{display:flex;flex-direction:column;justify-content:end}
.ch-flex>li img{max-width:100%;max-height:auto}
@media (max-width:1024px){.about-list{width:95%}
.ch-flex>li p{font-size:14px}}
.productBannerTitle{padding: 30px 0;}
.productBanner .breadcrumbs-nav>div{background: #eee;}