@charset "utf-8"; 
:root{--color:#DD5217}
.home-tit strong{color:#2e2e2e;font-size:47px}
.home-tit strong span{color:var(--color);font-size:47px;font-weight:500}
.home-tit span{font-size:20px;font-weight:400;color:#2e2e2e}
.hot-list li{border:none}
.hot-list li a{border:1px solid var(--color)}
.hot-item-more,.hot-item-tit{background:#272727;color:#fff}
.hot-item-more::before{border:22px solid #272727;border-top-color:transparent;border-right-color:transparent}
.home-t>span:nth-child(1){background:url(/js/36087/img/tit-l.png) no-repeat center;background-size:100%}
.home-t>span:nth-child(3){background:url(/js/36087/img/tit-r.png) no-repeat center;background-size:100%}
.about{background-image:url(/js/36087/img/about-bg.jpg);position:relative;margin-bottom:100px;padding:5% 0 8%}
.about>div:nth-child(1){display:flex;justify-content:space-between;align-items:flex-start}
.about-l{width:42%}
.about-t{color:#fff;font-size:34px;font-weight:700;text-transform:uppercase;margin:15px 0}
.about-w{font-size:18px;color:#fff;text-align:justify}
.about-r{width:54%}
.about-r img{width:100%}
.about-ul{display:flex;justify-content:space-around;align-items:center;background:#fff;padding:30px 0}
.about-item{width:23%;text-align:center}
.about-num{color:#16171c;font-size:55px;border-bottom:1px solid #29211f;font-weight:500;width:70%;margin:0 auto;display:flex;justify-content:center;line-height:1;padding:10px 0}
.about-num span{font-size:24px;font-weight:400}
.about-p{color:#16171c;font-size:20px;margin-top:10px}
.about-icon{position:absolute;bottom:-130px;left:50%;transform:translateX(-50%)}
.about-item img{transition:all .5s}
.about-item:hover img{transform:rotateY(360deg)}
#case{padding:0}
#case .swiper-slide{background:url(/js/36087/img/case-bg.jpg) no-repeat;background-position:center;background-size:cover}
.case-item-l{width:50%;padding:0;background-color:inherit;transform:inherit}
lite-youtube{height:410px;max-height:100%}
#case .swiper-slide{align-items:center;justify-content:space-between}
.case-item-r{padding:6% 0;width:47%}
.case-btn i{color:var(--color)}
.case-btn::before{border:2px solid var(--color)}
.case-btn:hover::before{background-color:var(--color);border-color:var(--color)}
.case-btn:hover i{color:#fff}
.case-item-tit span{color:#b1b1b1;font-size:106px}
.case-item-tit strong{font-size:31px;color:var(--color);font-weight:700;text-transform:uppercase}
.case-item-tit strong::after{content:'';width:25%;height:3px;background:var(--color);display:block}
.case-item-title{font-size:18px;color:#fff;margin:10px 0}
.case-item-text{color:#fff;font-size:16px;padding-top:0;font-weight:100}
.case-item-text::before{display:none}
.case-more{border:2px solid var(--color);color:var(--color)}
.case-more:hover{background-color:var(--color);color:#fff}
.case-btn{transform:translateY(-50%);margin:0}
.case-swiper-pagination{left:50%;transform:translateX(-50%);margin:20px 0}
.swiper-pagination-bullet{margin:0 10px;width:20px;height:20px}
.swiper-pagination-bullet-active{background:var(--color)}
.news{background:#eee;padding:5% 0}
.news-b{padding:0}
.news-list li{width:24%}
.news-item-tit{color:#393939;font-size:21px}
.news-item-word{margin:10px 0}
.news-item-more a,.news-item-more i,.news-item-word{color:#3f3f3f;font-size:14px}
.news-list li:hover .news-item-more a,.news-list li:hover .news-item-more i,.news-list li:hover .news-item-tit{color:var(--color)}
footer{background-color:#303030}
@media (max-width:1440px){.container{width:1200px}
.about-t{font-size:28px}
.about-w{font-size:16px;line-height:1.3}
.about-num{font-size:46px}
.about-icon{bottom:-150px}
.case{padding:8% 0}
#case .swiper-slide{justify-content:center}
.case-item-r{padding-left:50px}}
@media (max-width:1024px){.container{width:100%;padding:0 20px}
.about>div:nth-child(1){align-items:center}
.home-tit strong,.home-tit strong span{font-size:38px}
.home-tit span{font-size:16px}
.hot-item-more span,.hot-item-tit{font-size:14px}
.about-icon{bottom:-170px}
.about-num{font-size:38px}
.case{margin-top:130px}
.case-item-tit strong{font-size:24px}
.about-num span,.about-p{font-size:18px}
.case-item-text{font-size:14px}}
@media (max-width:768px){.about,.case,.hot{padding:20px 0}
.about{margin:0}
#case .swiper-slide,.about>div:nth-child(1),.news-list{flex-wrap:wrap}
.about-l,.about-r,.case-item-l,.case-item-r{width:100%}
.about-t{font-size:22px}
.about-r{margin:10px 0}
.about-num{font-size:28px}
.about-num span,.about-p{font-size:14px}
.about-icon{position:inherit;transform:inherit;left:0;bottom:0}
.case{margin:0}
#case .swiper-slide{padding-top:20px}
.case-btn{display:none}
.case-swiper-pagination{bottom:10px;margin:0}
.case-box{padding:0}
.news-list li{width:49%;margin-bottom:15px}
.case-item-r{padding:40px 0}}
@media (max-width:450px){.hot-list li,.news-list li{width:100%}
.about-ul{flex-wrap:wrap;padding:0}
.about-item{width:49%;margin:15px 0}
.home-tit strong,.home-tit strong span{font-size:30px}
.home-tit span{font-size:12px}
.case-item-text::before,.case-item-tit span{left:0;transform:inherit}
.case-item-r{text-align:left}
.swiper-pagination-bullet{margin:0 5px;width:8px;height:8px}
.case-item-tit span{font-size:92px}
.case-item-tit strong{font-size:20px}
.case-swiper-pagination{bottom:17px}
.case-item-text{font-size:12px}}
@media (max-width:320px){.home-tit{margin:0 3px}}
.home-t>span:nth-child(1){background-image:url(/js/36087/tit-l.png)}
.home-t>span:nth-child(3){background-image:url(/js/36087/tit-r.png)}
.about .home-t>span:nth-child(1){background-image:url(/js/15832/tit-l2.png)}
.about .home-t>span:nth-child(3){background-image:url(/js/15832/tit-r2.png)}
.details-tit,.news-t{background:rgb(221 82 23 / 10%)}
.about,.addToCart,.case-item-r,.fshare a i,.hot-item-more,.hot-item-tit,.pages-list>div:hover a{color:#fff}
.htags,.relatednews,.relatedpro{background:#f4f4f4}
.fcon,.fcon-text a,.maybe-item-more,.maybe-item-tit,.news-t-more:hover{color:#fff}
.fcon-icon{color:#fff;background:var(--color);border-color:var(--color)}
.products-item-name{color:#fff}
.in-title{text-align:center;color:var(--color);font-size:34px;text-transform:uppercase}
.in-title img{margin:0 10px}
.in-word{margin:20px 0;color:#4e4e4e;font-size:18px;text-align:justify}
.about-item2 .about-num{color:var(--color)}
.in-p,.prod-p{color:#4e4e4e;font-size:18px;margin:40px 0}
.inimg-list{display:flex;justify-content:space-between}
.inimg-item{width:32%;overflow:hidden}
.inimg-item img{display:block;max-width:100%;transition:all .5s}
.cer-item:hover img,.inimg-item:hover img{transform:scale(1.1)}
.certificate{margin:50px 0}
.small-title{color:#4e4e4e;font-size:18px;text-align:center;margin-top:10px}
.cer-ul{display:flex;justify-content:center;margin:50px 0}
.cer-item{width:33%;margin:0 30px;overflow:hidden;-webkit-box-reflect:below 0 -webkit-linear-gradient(transparent,transparent 90%,rgba(0,0,0,.5))}
.cer-item img{transition:all .5s;display:block;max-width:100%}
.product{margin:150px 0 50px}
.prod-ul{display:flex;justify-content:space-between;padding:0 0 20px;margin:50px 0}
.prod-ul li{max-width:23%;}
.prod-li img{display:block;max-width:100%;transition:all .5s}
.prod-p{text-align:justify}
@media (max-width:768px){.prod-ul li{max-width:48%;margin-bottom:25px}
.prod-ul{flex-wrap:wrap}}
.prod-list{display:flex;justify-content:center;flex-wrap:wrap}
.prod-list .prod-item{text-align:center;width:31%;padding:20px 20px;border-bottom:3px solid #e5e5e5}
.prod-list .prod-item>div{overflow:hidden}
.prod-list .prod-item img{max-width:100%;transition:all .5s;display:block}
.prod-list .prod-item:hover img{transform:scale(1.1)}
.prod-list .prod-item p{font-size:22px;color:#333;text-transform:uppercase;margin-top:10px}
.prod-list .prod-item:nth-child(7),.prod-list .prod-item:nth-child(8),.prod-list .prod-item:nth-child(9){border-bottom:none}
.market img{margin-top:50px}
.mar-p{font-size:18px;color:#fff;padding:20px 20px;background:#000}
.service{margin:50px 0}
.service>img{margin:50px 0}
.serv-p{color:#4e4e4e;font-size:18px;text-align:center}
@media (max-width:769px){.page-box{padding:20px 0}
.in-title{font-size:28px}
.in-word{font-size:14px;margin:10px 0}
.about-ul{padding:10px 0}
.in-p,.prod-p{font-size:14px;margin:20px 0}
.certificate,.prod-ul,.service,.service>img{margin:30px 0}
.small-title{font-size:16px}
.product{margin:80px 0 30px}
.prod-ul{padding:0 10px 30px}
.prod-list .prod-item{width:49%;border-bottom:none;padding:10px}
.prod-list .prod-item p{font-size:18px}
.market img{margin-top:20px}
.mar-p,.serv-p{font-size:14px}}
@media (max-width:450px){.introduction .about-num{font-size:22px}
.in-title{font-size:18px}
.in-title img{max-width:14%!important}
.small-title{font-size:14px}
.cer-item{margin:0 10px;width:auto}
.prod-ul{background:0 0;padding:0}
.cer-ul,.certificate,.prod-ul,.service,.service>img{margin:20px 0}
.product{margin:50px 0 30px}
.prod-list .prod-item{padding:5px}
.prod-list .prod-item p{font-size:14px}
.mar-p{padding:10px}}
@media (max-width:320px){.in-p,.mar-p,.prod-list .prod-item p,.prod-p,.serv-p{font-size:12px}
.in-title{font-size:14px}
.in-word,.small-title{font-size:12px}}
header{padding-top:0}
.logo img{max-height:65px}
.page-tit{line-height:1}
.about-l img{display:none}
.about-t{margin:-10px 0 15px}
.fshare a:nth-child(3){display:none}
main.knowledges-page .newspage-img {position:relative;height:0;width:100%;padding-bottom:74.28%;border:1px solid #ccc}
main.knowledges-page .newspage-img img {height:100%;position:absolute;top:0;left:0;object-fit:contain;}
.products-page .page-box{background:none}
.prodetails-page .page-box{background:none}
.knowledge-page .page-box, .knowledgedetails-page .page-box, .knowledgetype-page .page-box, .news-page .page-box, .newsdetails-page .page-box, .newstype-page .page-box, .prodetails-page .page-box, .products-page .page-box{background:none}
ul.video11 {display: flex;flex-wrap: wrap;justify-content: space-between;}
ul.video11 li {width: 33%;margin-bottom: 25px;text-align: center;display: flex;flex-direction: column;}
ul.video11 li iframe {width: 100%;}
ul.video11 li >p:first-child {margin-bottom: 10px;}
#case2 .swiper-slide {background:url(/js/36087/img/case-bg.jpg) no-repeat;background-position:center;background-size:cover;padding:0px 4%;display:flex;justify-content:center;align-items:flex-start;flex-wrap:wrap}
#case2 .swiper-wrapper{display:flex;flex-direction:column}
#case2 .swiper-slide{width:100%!important;margin-bottom:30px;justify-content:space-between;padding:20px;align-items:center}
.case-item-r{padding:0;}
.case-item-text{margin:15px 0 5px}
.case-btn,.case-swiper-pagination{display:none}
@media (max-width:768px){.case-item-r{padding-top:35px}}