﻿@charset "utf-8";
@import url('https://css02.v15cdn.com/m421/swiper.css');.head-top{background:#1e6dc7}
.head-link div span a{color:#fff}
.head-share>ul a i{color:#fff}
.head-search button i{color:#1e6dc7}
.home-banner #banner-swiper{height:100%;min-height:370px}
.home-banner .swiper-pagination{display:block}
.home-banner .swiper-slide a{display:block;width:100%;height:100%}
.home-banner .swiper-slide a img{width:100%}
.home-banner .swiper-button-next,.home-banner .swiper-button-prev{background:0 0;width:50px;height:50px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:#222;transition:all .1s linear}
.home-banner .swiper-button-next::after,.home-banner .swiper-button-prev::after{display:none}
.home-banner .swiper-button-next:hover,.home-banner .swiper-button-prev:hover{background:#1e6dc7;color:#fff}
.home-banner .swiper-button-next i,.home-banner .swiper-button-prev i{font-size:26px}
.home-banner .swiper-button-next{right:80px}
.home-banner .swiper-button-prev{left:80px}
.home-banner .swiper-pagination-bullet-active{background:#1e6dc7}
.home-banner .slide-pc,.home-banner .slide-pc img{display:block!important}
.home-banner .slide-mb,.home-banner .slide-mb img{display:none!important}
@media (max-width:768px){.home-banner .slide-pc,.home-banner .slide-pc img{display:none!important}
.home-banner .slide-mb,.home-banner .slide-mb img{display:block!important}}
.home-title{font-size:36px;color:#20242d;font-weight:700}
.home-title-line{background:#1e6dc7}
.home-service .service-wrap{max-width:1600px;margin:0 auto;display:flex;justify-content:space-between;flex-wrap:wrap}
.home-service .service-wrap .service-item{width:25%;background:#20242d;color:#fff;border:1px solid #4d5057;padding:30px 40px;transition:all .2s linear;position:relative}
.home-service .service-wrap .service-item:hover{background:#1e6dc7}
.home-service .service-wrap .service-item:hover .title::after{background:#fff}
.home-service .service-wrap .service-item:hover .bg i{color:#fff}
.home-service .service-wrap .service-item .title{font-size:20px;position:relative;padding-bottom:8px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;min-height:70px}
.home-service .service-wrap .service-item .title::after{content:'';width:40px;height:3px;background:#1e6dc7;position:absolute;left:0;bottom:0}
.home-service .service-wrap .service-item .text{padding-top:25px;font-size:16px;line-height:1.8;color:#dfdfdf;text-align:justify;min-height:170px}
.home-service .service-wrap .service-item .icon{margin-top:20px}
.home-service .service-wrap .service-item .icon i{font-size:30px}
.home-service .service-wrap .service-item .bg{position:absolute;right:20px;bottom:20px}
.home-service .service-wrap .service-item .bg .icon2{display:none}
.home-service .service-wrap .service-item:hover .bg .icon1{display:none}
.home-service .service-wrap .service-item:hover .bg .icon2{display:block}
.home-product .product-list{position:relative;padding:0 80px}
.home-product .product-list .home-button-next,.home-product .product-list .home-button-prev{top:30%}
.swiper-pagination{display:none}
.home-product .swiper .swiper-slide::after{content:'';position:absolute;bottom:0;left:0;width:100%;height:0;background:#1e6dc7;transition:all .2s linear}
.home-product .swiper .swiper-slide:hover::after{height:6px}
.home-product .swiper .swiper-slide:hover .img img{transform:scale(1.1)}
.home-product .swiper .swiper-slide .img{width:100%;border:1px solid #dfdfdf}
.home-product .swiper .swiper-slide .img a{display:block;width:100%;height:100%;overflow:hidden}
.home-product .swiper .swiper-slide .img a img{width:100%;height:100%;object-fit:cover;transition:all .2s linear}
.home-product .swiper .swiper-slide .info{padding:20px 10px;width:100%;position:relative}
.home-product .swiper .swiper-slide .info .title{font-size:19px;color:#20242d;text-transform:capitalize;margin-bottom:5px;font-weight:500;display:block}
.home-product .swiper .swiper-slide .info .text{font-size:14px;color:#666}
.home-product .swiper .swiper-slide .info i{position:absolute;right:10px;top:50%;transform:translateY(-50%);color:#1e6dc7;font-size:20px}
.home-product .swiper .swiper-slide:hover .info{background:#1e6dc7}
.home-product .swiper .swiper-slide:hover .info .text,.home-product .swiper .swiper-slide:hover .info .title a{color:#fff}
.home-button-next,.home-button-prev{position:absolute;left:0;top:40%;background:0 0;width:40px;height:40px;border:1px solid #dfdfdf;display:inline-flex;align-items:center;justify-content:center;transition:all .2s linear;cursor:pointer}
.home-button-next:hover,.home-button-prev:hover{background:#1e6dc7;border-color:#1e6dc7}
.home-button-next:hover i,.home-button-prev:hover i{color:#fff}
.home-button-next i,.home-button-prev i{color:#000}
.home-button-next{left:auto;right:0}
.home-epp{background:url(/uploads/27401/epp-bg.jpg) no-repeat;background-position:center;background-size:cover;padding:30px 0}
.home-epp .epp-inner{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;padding:0 5%}
.home-epp .epp-inner .epp-left{width:55%}
.home-epp .epp-left .epp-img{display:none}
.home-epp .epp-left .epp-img{overflow:hidden;border-top-right-radius:65px;border-bottom-left-radius:65px;position:relative}
.home-epp .epp-left .epp-img:after{content:'';width:94%;height:94%;border:5px solid #fff;border-top-right-radius:65px;border-bottom-left-radius:65px;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2}
.home-epp .epp-inner .epp-right{width:35%}
.home-epp .epp-inner .epp-right .epp-item{background:#fff;padding:30px 40px;box-sizing:border-box;margin:20px 0;cursor:pointer}
.home-epp .epp-inner .epp-right .epp-item .epp-r-title{font-weight:700;color:#1e6dc7;font-size:24px}
.home-epp .epp-inner .epp-right .epp-item .epp-r-word{font-size:16px;color:#666;margin-top:10px}
.home-video .videowrap{position:relative;padding:0 80px;display:flex;justify-content:space-between;flex-wrap:wrap}
.home-about .l-wrap{align-items:center}
.home-about .about-info .home-des{font-size:22px;color:#1e6dc7;max-width:inherit;padding-bottom:10px;font-weight:500}
.home-about .about-info .text{font-size:16px;text-align:justify;width:80%}
.home-about .about-info .more{margin-top:20px}
.home-about .about-info .more a{height:auto;width:auto;padding:5px 15px;background:#1e6dc7;border:2px solid #1e6dc7}
.home-video .videowrap .videoitem{background:#f8f8f8;transition:all .2s linear;margin-bottom:20px;width:23%}
.home-video .videowrap .videoitem:hover{background:#1e6dc7;color:#fff}
.home-video .videowrap .videoitem:hover i{color:#1e6dc7}
.home-video .videowrap .videoinner{position:relative;width:100%}
.home-video .videowrap .videoinner img{width:100%;height:100%;object-fit:cover}
.home-video .videowrap .videoinner iframe,.home-video .videowrap .videoinner video{width:100%;height:100%}
.home-video .videowrap .videoinner i{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:40px;cursor:pointer}
.home-video .videowrap .title{height:60px;line-height:20px;padding:0 10px;display:flex;align-items:center;justify-content:center;text-align:center}
.home-honor{background:url(/uploads/27401/honor-bg.jpg) no-repeat center;background-size:cover}
.home-honor .honor-list{padding:50px 80px;display:flex;justify-content:space-between;flex-wrap:wrap}
.home-honor .honor-item{width:24%}
.home-honor .honor-item .item{overflow:hidden;-webkit-box-reflect:below 0 -webkit-linear-gradient(transparent,transparent 90%,rgba(0,0,0,.5))}
.home-honor .honor-item .item img{width:100%;display:block;transition:all .5s}
.home-honor .honor-item .item img:hover{transform:scale(1.05)}
.home-news .newswrap{position:relative;padding:0 80px;display:flex;flex-wrap:wrap}
.home-news .newswrap .item{width:23%;transition:all .2s linear;position:relative;margin-right:2%}
.home-news .newswrap .item:nth-child(4n){margin-right:0}
.home-news .newswrap .item .news-img a {position:relative;width:100%;padding-bottom:100%;display:block;}
.home-news .newswrap .item .news-img a img {position:absolute;top:0;left:0;object-fit:contain;width:100%;height:100%;}
.home-news .newswrap .item .news-info{padding:20px 0}
.home-news .newswrap .item .news-info .title{font-size:18px;color:#222;font-weight:500}
.home-news .newswrap .item .news-info .date{font-size:16px;color:#96c327;padding:10px 0}
.home-news .newswrap .item .news-info .text{font-size:14px;color:#666;line-height:24px}
.home-news .newswrap .item::after{content:'';position:absolute;bottom:0;left:0;width:100%;height:0;background:#1e6dc7;transition:all .2s linear}
.home-news .newswrap .item:hover img{transform:scale(1.05)}
.home-news .newswrap .item:hover::after{height:6px}
.home-about .l-wrap{padding:0 80px}
.home-static .list{padding:0 50px}
.home-static{position:relative;z-index:1}
.home-static{background:#1e6dc7;padding:40px 0}
.home-static .list li .num{font-size:36px}
.home-static .list li .inner{text-align:center;font-weight:100;min-height:85px;padding:20px 0 10px}
.home-static::before{content:'';position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.1);z-index:-1}
.foot-top{background-image:url(/uploads/27401/foot-topbg.jpg)}
@media (max-width:1366px){.home-service .service-wrap .service-item .text{padding-top:15px}
.home-service .service-wrap .service-item .text{font-size:13px;min-height:135px}
.home-epp .epp-inner .epp-right .epp-item{padding:20px}
.home-epp .epp-inner .epp-right .epp-item .epp-r-title{font-size:20px}
.home-epp .epp-inner .epp-right .epp-item .epp-r-word,.home-static .list li .inner{font-size:14px}
.home-about .about-info .text{width:100%}
.home-news .newswrap{padding:0}}
@media (max-width:1024px){.home-banner #banner-swiper{min-height:100px}
.home-service .service-wrap .service-item{width:50%}
.home-service .service-wrap .service-item .text,.home-service .service-wrap .service-item .title{min-height:inherit}
.home-about .l-wrap{padding:0}
.home-epp .epp-inner .epp-right{width:43%}
.home-video .videowrap{padding:0}
.home-static .list{padding:0}
.home-video .videowrap .videoitem{width:48%}
.home-honor .honor-list{padding:30px 0}
.home-news .newswrap .item{width:48%;margin-bottom:20px;margin-right:4%}
.home-news .newswrap .item:nth-child(2n){margin-right:0}}
@media (max-width:768px){.home-title{font-size:28px}
.home-banner .swiper-button-next{right:10px;width:30px;height:30px}
.home-banner .swiper-button-prev{left:10px;width:30px;height:30px}
.home-about .about-info .home-title{text-align:center}
.home-about .about-info .home-title-line{margin:0 auto}
.head-info{padding:0 15px}
.head-info #nav ul li a{font-size:3.46667vw}
.home-application .applist,.home-honor .honorwrap,.home-product .product-list{padding:0 10px}
.home-application .applist .swiper,.home-honor .honorwrap .swiper,.home-product .product-list .swiper{padding-bottom:40px}
.home-button-next,.home-button-prev{width:35px;height:35px;background:#fff;display:none}
.home-static .list li .num{font-size:30px}
.home-epp .epp-inner .epp-left,.home-epp .epp-inner .epp-right{width:100%}
.home-service .service-wrap .service-item{width:100%;padding:20px 15px 10px}
.home-service .service-wrap .service-item .text{padding-top:15px;font-size:14px}
.home-service .service-wrap .service-item .icon{margin-top:10px}
.home-service .service-wrap .service-item .bg{bottom:10px}
.home-service .service-wrap .service-item .bg i{font-size:40px}
.home-product .swiper .swiper-slide .info{padding:0 30px 15px 10px;margin-top:15px}
.home-news .newswrap .item .news-info .title{font-size:16px;line-height:1.2}
.home-news .newswrap .item .news-info .text{line-height:20px;display:none}
.swiper-pagination{display:block;bottom:0!important}
.swiper-pagination .swiper-pagination-bullet-active{background:#1e6dc7}
.home-video .videowrap .videoitem{width:100%}
.home-product .swiper .swiper-slide .info .title{text-align:center;display:block}
.home-product .swiper .swiper-slide .info .text{display:none}
.home-honor .honor-list{padding:0}
.home-honor .honor-item{width:48%;margin-bottom:35px}
.foot-top{background-image:url(/uploads/27401/foot-topbg-m.jpg)}}
.home-about .about-info .more a{box-shadow:0 10px 20px 0 rgba(30,109,199,.3)}
/* about us */
.about-inner{max-width:1400px;margin:0 auto}
.about-inner .img{overflow:hidden}
.about-inner .img img{transition:all .5s;width:100%;display:block}
.about-inner .img img:hover{transform:scale(1.05)}
.about-flex{display:flex;justify-content:space-between;flex-wrap:wrap}
.aboutop{align-items:center}
.aboutop .aboutop-l{width:50%}
.aboutop .aboutop-l .about-top-img{position:relative}
.aboutop .aboutop-l .about-top-img::before{content:'';width:55%;height:103%;position:absolute;top:4%;left:2%;z-index:-1;background:#f1f4f9;display:block}
.aboutop .aboutop-l .about-top-img::after{content:'';width:75%;height:75%;z-index:-2;position:absolute;top:-10px;left:-10px;display:block;background-image:radial-gradient(#d8d8d8 1.2px,rgba(0,0,0,0) 1px);background-size:16px 16px}
.aboutop .aboutop-l img{padding-top:7%;padding-left:7%}
.aboutop .aboutop-r{width:45%;margin-top:3%}
.about-tit{font-size:36px;font-weight:700;color:#232323;text-transform:uppercase;position:relative}
.about-word{text-align:justify;color:#505050}
.aboutop .aboutop-r .about-top-c{color:#1e6dc7;font-size:24px;font-weight:700;margin:0 0 10px}
.aboutop .aboutop-r .about-top-ul li{position:relative;color:#232323;padding-left:30px;line-height:1.4;margin:15px 0}
.aboutop .aboutop-r .about-top-ul li::before{content:'';display:block;width:7px;height:7px;background:#1e6dc7;position:absolute;top:15%;left:5px}
.aboutnum{margin:4% 0}
.aboutnum>div{text-align:center}
.aboutnum>div p{color:#232323}
.aboutnum>div p:nth-child(1){font-weight:700;font-size:48px;position:relative}
.aboutnum>div p:nth-child(1):after{content:'';width:10%;height:2px;display:block;position:absolute;bottom:7px;left:50%;transform:translateX(-50%);background:#232323}
.aboutnumd-list .inner>div{width:32%}
.aboutnumd-list p{margin-top:30px}
.about-factory{margin:4% 0}
.about-factory .inner{align-items:center}
.about-factory .inner .left{width:45%}
.about-factory .inner .left .fac-tit::after{content:'';width:50px;height:2px;background:#1e6dc7;display:block;margin-bottom:10px}
.about-factory .inner .right{width:50%}
.about-factory .inner .right>div{width:100%}
.about-certi .cer-word span{color:#1e6dc7;font-size:24px;font-weight:700}
.certi-list{padding:3% 0 1%}
.certi-list li{width:19%}
.about-service{margin:4% 0}
.about-after .after-stit,.about-service .ser-stit{color:#1e6dc7;font-weight:700;margin:10px 0;font-size:24px}
.about-service hr{margin-top:10px;margin-bottom:30px}
.ser-list li{width:32%;margin:10px 0;border:1px solid #f0f0f0;padding:20px}
.ser-list2 .left{width:66%}
.ser-list2 .left li{width:48.5%;margin:10px 0;border:1px solid #f0f0f0;padding:20px}
.ser-list2 .right{width:32%;margin:10px 0;border:1px solid #f0f0f0;padding:20px}
.ser-list2 .right .img,.ser-list2 .right img,.ser-list2 .right li{height:100%;object-fit:cover}
.after-imgBox{margin:2% 0}
.after-imgBox .img{width:75%}
.after-imgBox .word{width:25%;background:#000;display:flex;justify-content:center;align-items:center}
.after-imgBox .word p{color:#fff;text-transform:uppercase;font-weight:700;position:relative;font-size:24px;width:70%;margin:0 auto}
.after-imgBox .word p:after{content:'';width:40px;height:3px;background:#fff;display:block;margin-top:10px}
.about-after .after-list li{width:24%}
.about-after .after-list li:nth-child(1){display:flex;justify-content:center;align-items:center;background:#eee}
.about-after .after-list li:nth-child(1) p{color:#000;text-transform:uppercase;font-size:24px;font-weight:700;position:relative;width:80%}
.about-after .after-list li:nth-child(1) p:after{content:'';width:40px;height:3px;background:#000;display:block;margin-top:10px}
.about-gener{margin:4% 0}
.about-gener .inner{align-items:center}
.about-gener .gen-left{width:45%}
.about-gener .gen-right{width:50%}
.about-gener .gen-right .gener-tit::after{content:'';width:10%;height:3px;background:#1e6dc7;display:block;margin-top:10px}
.about-gener .gen-right .gener-word{margin-top:3%}
@media (max-width:1440px){.about-inner{max-width:1200px}}
@media (max-width:1024px){.about-inner{max-width:100%;padding:0 20px}
.about-tit{font-size:30px}}
@media (max-width:768px){.about-factory .inner .left,.about-factory .inner .right,.about-gener .gen-left,.about-gener .gen-right,.aboutop .aboutop-l,.aboutop .aboutop-r{width:100%;margin:10px 0}
.aboutop .aboutop-l .about-top-img::after,.aboutop .aboutop-l .about-top-img::before{display:none}
.aboutop .aboutop-l .about-top-img img{padding:0;width:100%}
.about-after .after-stit,.about-certi .cer-word span,.about-service .ser-stit,.aboutop .aboutop-r .about-top-c{font-size:18px;margin:0}
.about-after .after-list li,.aboutnum>div{width:49%;margin:10px 0}
.aboutnum>div p:nth-child(1){font-size:30px}
.ser-list li,.ser-list2 .left li,.ser-list2 .right{padding:8px}
.about-after .after-list li:nth-child(1) p,.after-imgBox .word p{font-size:16px}}
@media (max-width:500px){.about-inner{padding:0}
.about-tit{font-size:24px}
.aboutnumd-list .inner>div{width:100%;margin:5px 0}
.about-word{line-height:1.5}
.certi-list li{width:49%;margin:5px 0}
.ser-list li,.ser-list2 .left,.ser-list2 .left li,.ser-list2 .right{width:100%;margin:5px 0}
.after-imgBox .img{width:100%}
.after-imgBox .word{width:100%;padding:10px}
.after-imgBox .word p{width:100%}}
.head-link div,.head-link .tel a, .head-link .mail a,.lang-icon span{color: #fff;}
.lang-icon span::after,.lang-icon span::before{background: #ffffff;}
#nav ul li .submenu a{font-size:var(--fontsize16)}