﻿@charset "utf-8"; 
:root{--color:#f0a901}
.logo{height:100%}
section.about{background:#303026;padding-top:0}
section.about .container{max-width:100%;padding:0;align-items:center}
.about-l{width:70%}
.about-l img:hover{transform:scale(1)}
.about-r{width:30%;padding:25px 65px 25px 5px}
.about .home-tit{color:#fff;font-weight:700;font-size:54px;text-shadow:3px 5px #757329;text-align:right;line-height:1.2}
.about .home-tit span{color:#febf10}
.about-r-txt1{color:#fff;text-align:right;font-size:23px}
.about-r-txt2{-webkit-line-clamp:inherit;color:#eee;font-weight:300;text-align:justify;max-height:inherit;font-size:16px}
.about-r-txt1+.about-r-txt2{margin-bottom:15px}
.our{background:#febf0f url(/js/36184/bg.jpg) no-repeat center top;background-size:100%;padding:21vw 0 10vw}
.our-icon{background:#000;border-color:#000}
.our-icon i{color:#febf10}
.our-item-name{color:#000;font-weight:700}
.our-item-bref{color:#000}
.our-list li:hover .our-icon{background:#ffe48d}
.our-list li:hover .our-icon i{color:#000}
.our-list li:hover .our-item-name{color:#7f4927}
.our-list li:hover .our-item-bref{color:#9c6d11}
.newpro .home-tit{position:relative;display:inline-block;font-size:84px;color:#febf0f;white-space:pre;font-weight:700;text-shadow:3px 5px #c5ae9e;line-height:1;top:-42px;margin-bottom:150px}
.newpro .home-tit:before{display:block;z-index:1;position:absolute;top:0;left:0;width:100%;height:50%;content:attr(data-content);overflow:hidden;color:#fff}
.newpro{text-align:center;position:relative;padding:0 0 10px;background:#eee}
.newpro:before{width:100%;height:50%;background:url(/js/36184/pbg.jpg) no-repeat center;background-size:cover;position:absolute;top:0;left:0;content:''}
.newpro .container{overflow:inherit}
.newpro .home-tit:after{content:'';width:270px;height:64px;background:url(/js/36184/ptit.png) no-repeat center;background-size:auto 100%;position:absolute;bottom:-110px;left:50%;margin-left:-135px}
.newpro-name{background:#febf0f}
.newpro-list li{width:50%;margin:0}
.newpro-bref{background:#c98b1e}
.newpro-list li:nth-child(n+3){flex-direction:row-reverse}
.newpro .viewmore{display:none}
.factory .container{display:flex;justify-content:space-between;align-items:center;padding-bottom:60px;padding-top:60px}
.factory img{width:100%;display:block}
.faclef{width:34%}
.facrig{width:66%;padding:0 0 0 65px}
.facrig_tit{color:#c79300;font-family:Times New Roman;font-size:45px;line-height:1;margin-bottom:8px}
.facrig_mdtit{font-weight:700;text-transform:uppercase;font-size:45px;margin-bottom:20px}
.facrig p{color:#8b7f73;font-size:18px;line-height:1.7;text-align:justify}
@media (max-width:1366px){.about-l{width:60%}
.about-r{width:40%}
.about-r-txt2{font-size:15px;line-height:1.6}}
@media (max-width:1024px){.about-l{width:100%}
.about-r{width:100%;padding:20px 7.8vw 20px 20px}
.newpro .home-tit{font-size:62px;top:-31px;margin-bottom:120px}
.newpro .home-tit:after{height:54px;bottom:-90px}
.facrig{padding-left:30px}
.facrig_mdtit,.facrig_tit{font-size:35px}
.facrig p{font-size:16px}}
@media (max-width:768px){.about .home-tit{font-size:40px}
.about-r-txt1{font-size:20px}
.newpro .home-tit{font-size:44px;top:-22px;margin-bottom:100px}
.newpro .home-tit:after{height:44px;bottom:-70px}
.newpro-list li{width:100%}
.newpro-list li:nth-child(2){flex-direction:row-reverse}
.newpro-list li:nth-child(3){flex-direction:row}
.faclef{display:none}
.facrig{padding:0;width:100%}
.facrig_tit{font-size:23px}
.facrig_mdtit{font-size:21px;margin-bottom:8px}
.factory .container{padding:30px 15px}
.facrig p{font-size:14px}}
@media (max-width:560px){.about .home-tit{font-size:26px;text-shadow:2px 3px #757329}
.about-r-txt1{font-size:18px}
.about-r-txt2{font-size:14px}
.newpro .home-tit{font-size:30px;top:-15px;margin-bottom:60px}
.newpro .home-tit:after{height:30px;bottom:-50px}}
.repro{padding:50px 0 0}
.repro .home-tit{font-weight:700;text-shadow:3px 4px #c5ae9e;font-size:60px;padding-bottom:80px;background:url(/js/36184/ptit.png) no-repeat center bottom;margin-bottom:55px}
.repro .home-tit span{color:#000}
.repro .container{max-width:100%;padding:0}
#recommendlist{background:url(/js/36184/pbg2.jpg) no-repeat center;background-size:cover;padding:60px 150px}
.recommendedlist-btn>div{border-radius:50%;opacity:.6;width:60px;height:60px}
.recommendedlist-btn>div.recommendedlist-prev{left:40px}
.recommendedlist-btn>div.recommendedlist-next{right:40px}
.recommendedlist-btn>div i{font-size:45px}
.repro-bref,.repro-name{color:#fff;text-align:center}
.repro-item-cont{padding:0}
.news .home-tit{color:#000;font-weight:700;text-shadow:3px 4px #c5ae9e;font-size:60px;margin-bottom:70px}
.news .home-tit span{color:var(--color)}
@media (max-width:1024px){.repro .home-tit{font-size:48px;background-size:auto 54px;padding-bottom:70px}
#recommendlist{padding:50px 110px}
.recommendedlist-btn>div.recommendedlist-prev{left:25px}
.recommendedlist-btn>div.recommendedlist-next{right:25px}
.news .home-tit{font-size:48px;margin-bottom:40px}}
@media (max-width:768px){.repro .home-tit{font-size:36px;background-size:auto 44px;padding-bottom:60px;margin-bottom:35px}
#recommendlist{padding:50px 80px}
.repro-boxr li{margin-bottom:0}
.recommendedlist-btn>div{width:42px;height:42px}
.recommendedlist-btn>div.recommendedlist-prev{left:15px}
.recommendedlist-btn>div.recommendedlist-next{right:15px}
.recommendedlist-btn>div i{font-size:35px}
.news .home-tit{font-size:36px}}
@media (max-width:560px){.repro .home-tit{font-size:26px;text-shadow:2px 3px #c5ae9e;background-size:auto 30px;padding-bottom:46px;margin-bottom:25px}
.news .home-tit{font-size:26px;text-shadow:2px 3px #c5ae9e;margin-bottom:25px}
.repro{padding-top:40px}}
@media (max-width:480px){#recommendlist{padding:40px 15px}}
.common-width{max-width:1460px;margin:0 auto;box-sizing:border-box}
.proBox{background:url(/js/36184/img/pro-bg.jpg) no-repeat;background-position:center;background-size:cover;padding:80px 0 40px}
.cate{padding:0 60px}
.cate-ul{display:flex;justify-content:space-between}
.cate-li{width:24%;border-radius:10px;overflow:hidden;position:relative}
.cate-li img{display:block;transition:all .5s;width:100%}
.cate-title{position:absolute;bottom:0;box-shadow:0 11px 14px 7px #000;border-radius:10px}
.cate-title div{position:relative}
.cate-title div img{border-radius:10px}
.cate-p{width:100%;text-align:center;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:#000;font-size:26px;text-transform:capitalize;font-weight:700;transition:all .3s}
.cate-li:hover .cate-img img{transform:scale(1.1)}
.product{margin-top:50px}
.common-title{color:#fff;font-size:46px;font-weight:700;text-transform:capitalize;text-align:center}
.common-title span{color:#fec419}
.pro-inner{margin:30px 0}
.pro-img{overflow:hidden}
.pro-li img{display:block;transition:all .5s;width:100%}
.pro-title-box{padding:10px 15px}
.pro-title{color:#fff;font-size:24px;font-weight:700;text-transform:capitalize;transition:all .5s;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;display:-webkit-box}
.pro-word{color:#fff;font-size:16px;font-weight:100;transition:all .5s;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;display:-webkit-box}
.pro-li:hover img{transform:scale(1.1)}
.pro-li:hover:hover .pro-title-box p{color:#fec419}
.pro-swiper-pagination{display:none;text-align:center}
.pro-btn{text-align:center;margin-top:30px;display:flex;justify-content:center}
.pro-button-next,.pro-button-prev{width:50px;height:50px;background:#000;color:#fec419;font-size:28px;text-align:center;line-height:50px;transition:all .5s;cursor:pointer}
.pro-button-next:hover,.pro-button-prev:hover{background:#fec419;color:#000}
.swiper-button-disabled{opacity:.6;pointer-events:none}
.aboutBox{background:url(/js/36184/img/about-bg.jpg) no-repeat;background-position:center;background-size:cover}
.about-inner{display:flex;justify-content:space-between;align-items:center}
.about-l{width:43%}
.about-l-l{background:#fec419}
.about-l img:hover{transform:scale(1.05)}
.about-l-l .about-l-l-txt p{overflow:inherit;-webkit-line-clamp:inherit}
.about-l-l .about-l-l-txt .about-l-l-t{color:#000;font-size:23px;text-transform:capitalize}
.about-l-l .about-l-l-txt .about-l-l-w{color:#000;font-size:14px}
.about-r{width:52%;padding:0}
.about-r-t{color:#fec419;font-size:45px;font-weight:700;text-transform:uppercase}
.about-r-t::after{content:'';width:30%;height:2px;background-color:#fec419;display:block;margin-top:10px}
.about-r-st{color:#fff;font-size:19px;margin:15px 0}
.about-r-w{color:#b7b7b7;font-size:16px;text-align:justify}
.about-btn{margin-top:30px}
.about-btn a{color:#000;background:#fec419;font-size:12px;padding:7px 10px;border-radius:20px;transition:all .5s}
.about-btn a:hover{color:#fec419;background:#000}
.why-inner{padding:0 60px;display:flex;justify-content:space-between;align-items:center}
.why-l{width:50%}
.why-l-t{color:#fec419;font-size:45px;font-weight:700;text-transform:capitalize;text-align:center}
.why-r{width:45%}
.why-icons{display:flex;justify-content:space-between;margin:20px 0}
.why-li{width:32%;display:flex;align-items:center}
.why-li-l{width:25%}
.why-li-r{margin-left:10px;width:75%}
.why-li-t{font-size:16px;color:#fff;font-weight:700;text-transform:uppercase}
.why-li-w{color:#fff;font-size:12px}
.why-li:hover img{transform:rotateY(360deg)}
.why-ps p{color:#b7b7b7;font-size:15px}
.why-ps p span{color:#fec419;font-weight:700}
.new{padding:50px 100px}
.new-ul{display:flex;justify-content:space-between;margin:30px 0}
.new-li{width:24%}
.new-img{overflow:hidden}
.new-img img{width:100%;display:block;transition:all .5s}
.new-data{display:flex;margin-top:10px;align-items:center}
.new-data p{color:#8f8f8f;font-size:13px;margin-left:10px}
.new-t{color:#fff;font-size:14px;font-weight:700;margin:10px 0;min-height:43px;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;display:-webkit-box}
.new-w{color:#888;font-size:13px;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden;display:-webkit-box}
.new-more{margin-top:30px}
.new-more a{color:#fec419;text-transform:uppercase;padding:8px 15px;border:1px solid #fec419;transition:all .5s;font-weight:700}
.new-li:hover .new-img img{transform:scale(1.1)}
.new-li:hover .new-t{color:#fec419}
.new-li:hover .new-more a{color:#000;background:#fec419}
.foot-t{background-color:#303030}
.fshare a{background-color:#fec419}
.foot-b{background-color:#232323}
@media (max-width:1441px){.common-width{width:1200px}
.cate-p{font-size:22px}
.why-inner{padding:0}
.about-l-l .about-l-l-txt .about-l-l-t,.pro-title{font-size:20px}
.pro-word{font-size:13px}
.about-r-t,.why-l-t{font-size:40px}
.about-r-w{font-size:14px}
.new{padding:50px 60px}
.new-more{margin-top:15px}
.new-more a{font-size:12px}}
@media (max-width:1025px){.common-width{width:100%;padding:0 20px}
.proBox{padding:30px 0}
.cate{padding:0 20px}
.cate-p{font-size:18px}
.common-title{font-size:40px}
.about-l-l-txt{padding:20px 10px}
.about-l-l .about-l-l-txt .about-l-l-t{font-size:16px}
.about-l-l .about-l-l-txt .about-l-l-w{line-height:1.4}
.new{padding:30px 20px}}
@media (max-width:768px){.about-inner,.cate-ul,.new-ul,.why-inner{flex-wrap:wrap}
.cate-li{margin:10px 0;width:49%}
.about-l,.about-r,.why-l,.why-r{width:100%}
.about-l-l-txt{padding:100px 10px}
.about-r{margin:30px 0}
.about-r-t::after{margin:0 auto}
.why-l{margin:0 0 30px}
.why-r{text-align:center}
.new-ul{margin:30px 0 0}
.new-li{width:49%;margin-bottom:25px}}
@media (max-width:640px){.cate-p{font-size:14px}
.product{margin-top:15px}
.about-r-t,.common-title,.why-l-t{font-size:34px}
.new-ul,.pro-inner{margin:10px 0 0}
.pro-title-box{padding:5px}
.pro-title{font-size:14px;margin-bottom:5px}
.pro-word{font-size:12px}
.pro-btn{display:none}
.pro-swiper-pagination{display:block;margin-top:10px}
.about-l-l-txt{padding:10px 5px}
.about-l-l .about-l-l-txt .about-l-l-t{font-size:12px;font-weight:700}
.about-l-l .about-l-l-txt .about-l-l-w,.about-r-w,.new-w,.why-ps p{font-size:12px}
.about-r-st{font-size:14px}
.why-icons{margin:10px 0}
.new-more a{padding:5px 10px}}
@media (max-width:320px){.why-icons{flex-wrap:wrap}
.why-li{width:100%;text-align:center;margin:10px 0}}
.contactus li em{margin-right:6px}
.newsdetails-cont p{margin-bottom:2px}