:root{
  --color1:#f6a700;
}
.container{max-width:1250px;}
.header-wrap{border-bottom:solid 8px var(--color1)}
.header{padding:30px 12px 20px;position:relative}
.logo{}
.logo img{max-height:60px;backface-visibility:hidden;display: block}
.header-right{flex:1;;align-items: center;margin-left:50px}
.nav{display:flex}
.nav__item{padding:0 25px;position:relative}
.nav__item:after{content:'';position:absolute;top:2px;right:0;width:1px;height:18px;background:#ccc}
.nav__item:last-child:after{display:none}
.nav__item a{font-size:16px;transition:color .3s}
.nav__item a:hover{color:var(--color1)}
.head-tel{margin-top:12px;display:flex;align-items: center}
.head-tel:before{content:'';width:30px;height:30px;background: url("../images/head-tel.png") no-repeat;background-size: cover}
.head-tel span{font-size:20px;}
.head-top{position:absolute;top:0;right:12px;display:flex;}
.head-top__wechat{margin:3px 15px 0 0;width:34px;height:34px;border-radius: 100%;background:#28c445;display:flex;align-items: center;justify-content: center;cursor:pointer}
.head-top__wechat:before{content:'\e6b2';font-family: iconfont;color:#fff;font-size:23px}
.head-top__lang{padding:12px 7px 3px 7px;}
.head-top__lang a{}
.head-top__lang.active,
.head-top__lang:hover{background:var(--color1)}
.head-top__lang.active a,
.head-top__lang:hover a{color:#fff}
@media (max-width:1024px){
  .logo img{max-height:50px}
  .header-right {margin-left:10px}
  .nav__item{padding:0 15px}
}
@media (max-width:768px){
  :root{--header-height:63px}
  body:before{content:'';display:block;height:var(--header-height)}
  .header-wrap{border-bottom:solid 5px var(--color1);}
  .header{padding-top:13px;padding-bottom:12px;position:fixed;top:0;right:0;width:100%;z-index:101;align-items: center;background:#fff}
  .header:after{content:'';height:5px;position:absolute;right:0;bottom:-5px;left:0;z-index:12;background: var(--color1)}
  .logo img{max-height:38px}
  .header-right{padding:0 8%;margin-left:0;position:fixed;top:var(--header-height);left:0;right:0;height:0;background: #fcfcfc;display:block;overflow:hidden;transition:height .3s}
  .header-right[is-open]{overflow:auto;height:calc(100vh - var(--header-height));z-index:11}
  .head-top{top:18px;right:45px;}
  .head-top__wechat{display:none}
  .head-top__lang{padding:5px}
  .nav{display:block;margin-top:20px;}
  .nav__item{width:100%;border-bottom:solid 1px #eee;padding:0 10px}
  .nav__item:after{display:none}
  .nav__item > a{font-weight:600;font-size:15px;display:inline-block;padding:13px 0}
  .nav__item > a:after{display:none}
  .nav-switch{display:flex;width:22px;height:16px;;position:relative;border-top:solid 2px #555;border-bottom:solid 2px #555;transition: .4s}
  .nav-switch:before,
  .nav-switch:after{content:'';height:2px;width:100%;position:absolute;right:0;top:5px;background: #555;transition: .3s}
  .nav-switch.open{border-color:transparent}
  .nav-switch.open:before{transform: rotate(45deg)}
  .nav-switch.open:after{transform: rotate(-45deg)}
  .nav-switch-lang{margin-right:15px;width:16px;height:16px;border-radius:100%;font-size:16px;display:flex;justify-content: center;align-items: center}
}
/*banner*/
.home-banner{position:relative;padding:0 12px;}
.home-banner .swiper-slide{height:400px;background-repeat:no-repeat;background-position:center 0;background-size:cover;display:flex;align-items: center}
.banner1{min-height:70%;padding:10px 0 10px 80px}
.banner1__1{font-size:45px;color:var(--color1);letter-spacing: 3px;font-weight: 600}
.banner1__2{font-size:19px;margin-top:10px;max-width:300px;color:#fff;line-height:1.8;letter-spacing: 2px}
.banner1 .banner__more{position:absolute;right:50px;bottom:30px;}
.banner2{padding:10px 0 10px 110px}
.banner__title{font-size:45px;color:var(--color1)}
.banner__desc{font-size:19px;margin:10px 0 50px;color:#fff;letter-spacing:2px}
.banner__big1{font-size:45px;font-weight:100;color:#fff;}
.banner__big2{font-size:45px;color:#fff;margin:10px 0 30px}
.banner__top{font-size:18px;margin-bottom:50px;font-weight:500;color:#fff;text-transform: uppercase;}
.banner__more{background-color:var(--color1);color:#000;display:inline-block;padding:6px 30px 6px 20px;border-radius:20px;transition:background-color .3s;position:relative}
.banner__more:after{font-size:16px;top:7px;right:9px;content:'\e737';font-family: iconfont;position:absolute;}
.banner__more:hover{background-color: #e59c02}
@media (max-width:1280px){
  .home-banner .swiper-slide{height:31vw}
}
@media (max-width:1024px){
  .home-banner{padding:0}
  .home-banner .swiper-slide{height:35vw}
  .banner1,
  .banner2{padding:10px 0 10px 60px}
  .banner1__1,
  .banner__title,
  .banner__big1,
  .banner__big2{font-size:40px}
  .banner1__2,
  .banner__desc{font-size:17px}
  .banner__big2{margin:10px 0 30px}
}
@media (max-width:768px){
  .home-banner .swiper-slide{height:38vw}
  .banner1__1,
  .banner__title,
  .banner__big1,
  .banner__big2{font-size:28px}
  .banner1__2{font-size:15px}
  .banner__desc{font-size:15px;margin:10px 0 30px;}
  .banner__top{font-size:14px;margin-bottom:10px}
  .banner__big2{margin:10px 0 20px}
}
@media (max-width:512px){
  .home-banner .swiper-slide{height:38vw}
  .banner1,
  .banner2{padding:10px 0 10px 40px}
  .banner1__1,
  .banner__title,
  .banner__big1,
  .banner__big2{font-size:23px}
  .banner1__2{font-size:14px}
  .banner__desc{font-size:14px;margin:10px 0 20px;}
  .banner__top{font-size:12px;margin-bottom:5px}
  .banner__big2{margin:10px 0 15px}
  .banner__more{padding:4px 20px 4px 15px;font-size:12px}
  .banner__more:after{font-size:14px;top:4px;right:7px;content:'\e737';font-family: iconfont;position:absolute;}
  .banner1 .banner__more{right:20px;bottom:20px;}
}
@media (max-width:414px){
  .home-banner .swiper-slide{height:40vw}
  .banner1,
  .banner2{padding:10px 0 10px 30px}
  .banner1__1,
  .banner__title,
  .banner__big1,
  .banner__big2{font-size:20px}
  .banner1__2{font-size:12px}
  .banner__desc{font-size:12px}
}
/*banner end*/
.home-title{margin:35px 0;display:flex;align-items: center;flex-wrap: wrap}
.home-title strong{font-size:23px;margin-right:40px;font-weight:500}
.home-title p{color:#777;line-height:1.6}
.home-title.page{border-bottom:dashed 1px #ddd;padding-bottom:30px;}
.home-title.page strong{font-size:28px}
@media (max-width:768px){
  .home-title.page{padding-bottom:20px}
  .home-title{margin:30px 0}
  .home-title strong{font-size:20px;flex:0 0 100%}
  .home-title.page strong{font-size:20px}
  .home-title p{font-size:12px;flex:0 0 100%;margin-top:9px}
}
@media (max-width:512px){
  .home-title{margin:20px 0}
}
.home-product{}
.home-product__item{flex:0 0 32%;}
.home-product__item figure{height:185px;overflow: hidden;}
.home-product__item figure img{width:100%;height:100%;object-fit:cover;transition: .3s}
.home-product__item figure:hover img{transform: scale(1.05)}
.home-product__item article{font-size:16px;margin-top:3px;padding:8px 5px;background: var(--color1);color:#fff;text-align:center;position:relative}
.home-product__item article:before{content:'\e737';font-family: iconfont;position:absolute;top:11px;right:20px;}
@media (max-width:1280px){
  .home-product__item figure{height:15vw}
}
@media (max-width:768px){
  .home-product__item article{font-size:15px}
}
@media (max-width:512px){
  .home-product__item{flex:0 0 100%;margin-bottom:20px}
  .home-product__item:last-child{margin-bottom:0}
  .home-product__item figure{height:45vw}
}
.home-quality{margin-bottom:50px}
.home-quality__img{flex:0 0 66%;}
.home-quality__img img{width:100%;height:100%;object-fit:cover}
.home-quality__detail{flex:0 0 31%;position:relative}
.home-quality__icon{position:absolute;right:0;top:0;}
.home-quality__icon img{width:110px}
.home-quality__t1{font-size:35px;margin:20px 0 9px;color:var(--color1)}
.home-quality__t2{font-size:23px;color:#555}
.home-quality__t3{margin:30px 0 20px}
.home-quality__t3 p{position:relative;padding-left:20px;color:#555;line-height:1.6}
.home-quality__t3 p:before{content:'';position:absolute;top:0;left:0;}
.home-quality__t3 p:nth-child(1):before{content:'1、';}
.home-quality__t3 p:nth-child(2):before{content:'2、';}
.home-quality__t3 p:nth-child(3):before{content:'3、';}
@media (max-width:1024px){
  .home-quality__icon img{width:60px}
  .home-quality__t1{font-size:30px;margin:0 0 9px}
  .home-quality__t2{font-size:16px}
}
@media (max-width:768px){
  .home-quality{margin-bottom:30px}
}
@media (max-width:512px){
  .home-quality__img{flex:0 0 100%;height:50vw}
  .home-quality__detail{flex:0 0 100%;margin-top:20px}
  .home-quality__t1{font-size:23px}
  .home-quality__t3{margin:20px 0}
}
.footer{background: #000;padding-bottom:30px}
.footer-top{border-bottom:3px solid var(--color1);padding:15px 0;color:#fff}
.footer-top .container{align-items: center}
.footer-bottom{padding:12px;color:#fff;}
.footer-top__left{color:#eee;}
.footer-top__right{font-size:18px}
.footer-contact{}
.footer-contact p{font-size:12px;margin-right:20px;display:flex;align-items: center}
.footer-address{font-size:15px;display:flex;align-items: center}
.footer-contact img,
.footer-address img{width:20px;margin-right:6px}
.footer-icp{margin-top:9px;color:#555;font-size:12px;text-align:center}
.footer-icp a{color:#555}
@media (max-width:512px){
  .footer-top__left{font-size:12px;}
  .footer-top__right{font-size:16px}
  .footer-contact p{flex:0 0 100%;margin-top:9px}
  .footer-address{font-size:12px;margin-top:9px}
  .footer-contact img,
  .footer-address img{width:16px}
}
.page-banner{height:400px;background-repeat:no-repeat;background-position:center 0;background-size:cover}
.page-banner__name{font-size:32px;color:#fff;display:flex;align-items: center;height:100%}
@media (max-width:1280px){
  .page-banner{height:30vw}
}
@media (max-width:512px){
  .page-banner{height:35vw}
  .page-banner__name{font-size:20px}
}
.page-nav{padding:12px 0;border-bottom:solid 1px #ddd}
.about-intro{margin:40px auto 70px;}
.about-intro figure{flex:0 0 43%}
.about-intro figure img{width:100%;height:100%;object-fit:cover;border-radius:3px}
.about-intro article{flex:0 0 52%;display:flex;align-items: center}
.about-intro h2{font-size:20px;margin-bottom:30px;color:var(--color1)}
.about-intro p{margin-top:15px;line-height:1.8;color:#555}
.about-feature{margin-bottom:50px}
.about-feature figure{flex:0 0 33.3%}
.about-feature figure img{width:100%;height:100%;object-fit:cover }
.about-feature article{flex:0 0 33.3%;padding:12px 50px;background: #f9f9f9;display:flex;align-items: center;}
.about-feature h3{font-size:18px;margin-bottom:16px;color:var(--color1)}
.about-feature p{line-height:1.8;color:#555}
@media (max-width:1280px){
  .about-intro{margin:40px auto 60px;}
}
@media (max-width:1024px){
  .about-intro{margin:30px auto 50px;}
  .about-feature figure,
  .about-feature article{flex:0 0 50%}
  .about-feature figure:nth-child(1){order:1}
  .about-feature article:nth-child(2){order:2}
  .about-feature figure:nth-child(3){order:4}
  .about-feature article:nth-child(4){order:3}
  .about-feature figure:nth-child(5){order:5}
  .about-feature article:nth-child(6){order:6}
}
@media (max-width:768px){
  .about-intro{margin:20px auto 30px;}
  .about-intro figure{flex:0 0 100%;height:38vw}
  .about-intro article{flex:0 0 100%;margin-top:20px}
  .about-intro h2{font-size:20px;margin-bottom:16px;}
  .about-feature article{padding:12px 20px}
  .about-feature h3{font-size:16px;margin-bottom:12px}
}
@media (max-width:512px){
  .about-intro h2{font-size:18px}
  .about-feature{margin-bottom:30px}
  .about-feature figure,
  .about-feature article{flex:0 0 100%}
  .about-feature article{padding:20px}
  .about-feature figure:nth-child(3){order:3}
  .about-feature article:nth-child(4){order:4}
  .about-feature h3{font-size:15px}
}
.page-contact{max-width:400px;margin:90px auto}
.page-contact__name{margin-bottom:35px}
.page-contact__name h1{font-size:24px;margin-bottom:9px;letter-spacing: 2px}
.page-contact__name p{font-weight: 600}
.page-contact__item{margin-top:20px;display:flex;align-items: center}
.page-contact__item p{font-size:16px;color:#666;margin-left:12px}
.page-contact__item:before{font-size:19px;content:'';font-family: iconfont;color:var(--color1)}
.page-contact__item:nth-child(2):before{content:'\e637'}
.page-contact__item:nth-child(3):before{content:'\e633'}
.page-contact__item:nth-child(4):before{content:'\e620'}
@media (max-width:512px){
  .page-contact{margin:50px 12px}
  .page-contact__name{margin-bottom:30px}
  .page-contact__name h1{font-size:18px}
  .page-contact__name p{font-weight: 500}
}
.product-list-title,.article-title{font-size:26px;margin:30px 0;text-align: center;}
.product-row{margin-bottom:28px;display:flex;justify-content: space-between;position:relative;flex-wrap:wrap}
.product-row a{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}
.product-row figure{flex:0 0 66%}
.product-row figure img{width:100%;height:100%;object-fit:cover}
.product-row article{padding:30px;flex:0 0 33%;background: #000;position:relative}
.product-row article span{font-size:28px;color:#fff}
.product-row article:after{font-size:25px;content:'\e842';font-family: iconfont;color:#fff;position:absolute;right:20px;bottom:20px;}
.news-list{margin:50px auto}
.news-row{margin-bottom:18px;display:flex;justify-content: space-between;position:relative;flex-wrap:wrap;width:100%}
.news-row figure{background-color:#EFEFEF;text-align:center}
.news-row figure img{width:100%;height:100%;max-width:300px;max-height:200px;object-fit:cover}
.news-row article{flex:1;padding:12px 50px;background: #f9f9f9;display:flex;align-items: center;}
.news-row article h3{font-size:18px;margin-bottom:16px;color:var(--color1)}
.news-row article p{line-height:1.8;color:#555}
.ui-pagination{ margin: 30px 0;justify-content: center;width:100%}
.article-info{display:flex;justify-content: center;margin:20px auto}
.article-info span{padding:0 10px}
.article-title{margin:40px 0 20px 0;font-weight:normal;}
.article-content{line-height:180%;padding-bottom:60px}

@media (max-width:1280px){
}
@media (max-width:1024px){
  .product-list-title,.article-title{font-size:22px}
  .product-row article span{font-size:22px}
}
@media (max-width:768px){
  .product-list-title,.article-title{font-size:20px;margin:20px 0}
  .product-row article{padding:20px}
  .product-row article span{font-size:18px}
  .news-row figure{width:100%}
  .news-row figure img{max-width:100%;max-height:100%;}
  .news-row article{padding:20px}
  .news-row article h3{font-size:16px;margin-bottom:12px}
}
@media (max-width:512px){
  .product-row{margin-bottom:20px}
  .product-row figure{flex:0 0 100%;order:0}
  .product-row article{flex:0 0 100%;order:1;padding:12px}
  .product-row article span{font-size:15px}
  .product-row article:after{font-size:16px;right:10px;bottom:10px}
}
.manufacture-intro{}
.manufacture-intro{margin:40px auto 70px;}
.manufacture-intro figure{flex:0 0 43%}
.manufacture-intro figure img{width:100%;height:100%;object-fit:cover;border-radius:3px}
.manufacture-intro article{flex:0 0 52%;display:flex;align-items: center}
.manufacture-intro h2{font-size:25px;margin-bottom:30px;}
.manufacture-intro p{margin-top:15px;line-height:1.8;color:#555}
.manufacture-quality{margin:50px auto;padding:40px 12px;border-top:dashed 1px #ddd;border-bottom:dashed 1px #ddd;}
.manufacture-quality__title{font-size:25px;text-align: center;font-weight: 600}
.manufacture-quality__desc{margin:25px 0;text-align: center;color:#555;line-height:1.8}
.manufacture-quality__img{flex:0 0 24%;margin-bottom:12px}
.manufacture-quality__img img{width:100%;height:100%;object-fit:cover}
.manufacture-list{margin-bottom:50px}
.manufacture-list__item{flex:0 0 31%;margin-bottom:20px}
.manufacture-list__item h5{font-size:19px;margin-bottom:15px}
.manufacture-list__item figure{}
.manufacture-list__item figure img{width:100%;height:100%;object-fit:cover}
.manufacture-list__item article{margin-top:20px;color:#666;line-height:1.6}
@media (max-width:1280px){
  .manufacture-intro{margin:40px auto 60px;}
}
@media (max-width:1024px){
  .manufacture-intro{margin:30px auto 50px;}
  .manufacture-quality{margin:40px auto;padding:30px 12px}
}
@media (max-width:768px){
  .manufacture-intro{margin:20px auto 30px;}
  .manufacture-intro figure{flex:0 0 100%;height:38vw;margin-top:20px}
  .manufacture-intro article{flex:0 0 100%}
  .manufacture-intro h2{font-size:20px;margin-bottom:16px;}
  .manufacture-quality{margin:30px auto;padding:30px 12px}
  .manufacture-quality__title{font-size:20px}
  .manufacture-quality__desc{margin:20px 0;}
}
@media (max-width:512px){
  .manufacture-intro h2{font-size:18px}
  .manufacture-quality__title{font-size:18px}
  .manufacture-quality{margin:20px auto;padding:20px 12px}
  .manufacture-quality__desc{margin:15px 0;}
  .manufacture-quality__img{flex:0 0 48%}
  .manufacture-list__item{flex:0 0 100%}
  .manufacture-list__item h5{font-size:15px}
}
.goods-nav{margin:20px auto;}
.goods-nav__item{flex:0 0 33.3%;font-size:16px;padding:15px 0;text-align:center;background: #f0f0f0;border:solid 1px #ddd;}
.goods-nav__item:hover{background:#e5e5e5}
.goods-name{font-size:20px;border-top:dashed 1px #ddd;padding-top:20px;margin:20px 0;}
.main-thumb{text-align: center}
.main-thumb img{max-width:100%;}
.file-down-wrap{margin-top:20px;display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap}
.goods-detail{flex:1;margin-right:20px;}
.file-down{flex:0 0 190px;}
.file-down__title{font-size:16px;font-weight:600;padding-bottom:10px;margin-bottom:12px;border-bottom:solid 1px var(--color1)}
.file-down__link{display:flex;align-items: center}
.file-down__link img{}
.file-down__link a{margin-left:9px;color:#777;}
.file-down__link a:hover{color:var(--color1);}
.goods-content h3{font-size:20px;color:var(--color1);padding-top:15px;margin-top:28px;border-top: dotted 1px #ccc;font-weight:normal}
.goods-content blockquote{margin:20px 0 0 0}
.goods-detail p,
.goods-content blockquote p{line-height:1.8;margin-bottom:15px;color:#666}
.goods-detail p:last-child,
.goods-content blockquote p:last-child{margin-bottom:0}
.goods-sub-nav{margin-bottom:6px}
.goods-sub__item{flex:0 0 33.2%;font-size:16px;padding:15px 0;text-align:center;background: #1f1f1e;}
.goods-sub__item.active{background:var(--color1)}
.goods-sub__item a{color:#fff}
.goods-content {margin-bottom:50px}
@media (max-width:1024px){
  .goods-nav__item{font-size:15px}
  .goods-detail{flex:0 0 100%;margin-bottom:20px}
  .file-down{flex:0 0 100%}
}
@media (max-width:768px){
  .goods-name{font-size:18px}
  .goods-nav__item{font-size:15px;padding:12px 0}
  .goods-content h3{font-size:17px}
}
@media (max-width:512px){
  .goods-name{font-size:17px}
  .goods-nav__item{font-size:14px}
  .goods-content h3{font-size:15px;margin-top:20px}
  .goods-content blockquote{margin-top:15px}
}
.wechat-popup {position:fixed;z-index:-1;opacity: 0;text-align: center;padding:30px;width:260px;border-radius:3px;margin-left:-130px;left:50%;top:30%;background: #fff}
.wechat-popup.visible{z-index:930;opacity: 1}
.wechat-popup .close{position:absolute;top:10px;right:10px;cursor: pointer}
.wechat-popup .close:before{content:'\e732';font-family: iconfont;font-size:1.2rem}
.wechat-popup img{max-width:92%}
.wechat-popup p{margin:5px 0}
.wechat-popup button{background: #bf0001;color:#fff;border-radius:3px;padding:3px 9px}
.wechat-popup label{opacity: 0;position:absolute;top:0}