@charset "utf-8";
/* CSS Document */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p{ margin:0; padding:0;}
*{box-sizing:border-box;}
body,textarea,samp{color:#333; font-size:14px; font-family:"微软雅黑",Arial,  sans-serif;}
ul, ol,li,dd,dl{ list-style:none;} 
img,fieldset{ vertical-align:top; border:0;}
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal;}
address,cite,code,em,th { font-weight:normal; font-style:normal;}
input,button,textarea,select{color:#444; font-size:14px; vertical-align:middle;font-family:"NotoSans";}
input:focus {outline:none;}
a{ color:#333; text-decoration:none;}
.topaa,.topaaa,.topaab,.topaab p,.toplogo,.topgo ul,.gug,.produ3 ul,.about,.abou2,.news ul,.bos,.i-constb,.topy,.i-fee,.i-feeb form,.tpj p,.topgo li>p,.topaaaa p a,.sjlogo,.sjinput,.abou2ja,.abou2a ul,.abou2b,.abou2bb,.produ2 ul,.towb a,.tyou,.abou1a,.abou1db ul{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-o-flex;display:-ms-flexbox;display:flex;}
.w1300{max-width:1400px;width:96%;margin:auto;}

@font-face{font-family:'Gotham';src:url('../icon/Gotham Medium.woff2')format('woff');}
@font-face{font-family:'Noto';src:url('../icon/Noto Sans Bold.woff2')format('woff');}
@font-face{font-family:'NotoSans';src:url('../icon/NotoSans.woff2')format('woff');}

/**b41c28**/
.tpo{width:100%;z-index: 999;transition: all 0.3s;position:fixed;background: rgb(0 0 0 / 23%);}
.im2{display:none;}

.toplogo{margin:auto;justify-content: space-between;align-items: center;width: 94%;}
.topgo{width:calc(100% - 120px);}
.topgo ul{justify-content:space-between;}
.topgo ul>li{position: relative;width:16.666%;}
.topgo ul>li>p{font-size:16px;position: relative;align-items: center;justify-content: center;}
.topgo ul>li>p span{font-size:14px;margin-top:5px;color:#fff;transition: all 0.3s;display:none;}
.topgo ul>li>p a{color:#fff;display:block;line-height:80px;margin-right:3px;}

.etop a{color:#333;display:block;}
.etop{position:absolute;top:100%;left:0;width:100%;z-index: 999;background:#fff;display:none;text-align: center;}
.etopa dl dd{position: relative;line-height:40px;}
.etop a:hover{background:#ef4722;color: #fff;}

.toplo{padding:15px 0;}
.toplo img{width:130px;}

.stop{max-width: 1400px;width:96%;margin:auto;}
.stop ol{box-sizing:border-box;padding:40px 0 40px 25px;overflow: hidden;display:none;border-top:1px solid #535353;}
.stop ol li{float: left;width:10%;}
.stop ol li a{margin-bottom:20px;}

.tyou{width:65%;justify-content: space-between;}
.tow{position: relative;padding: 30px 0;width:90px;}
.towa{border:1px solid #eee;border-radius: 20px;box-sizing:border-box;padding:2px 10px;color:#eee;cursor: pointer;}
.towa span{color:#eee;margin-right:10px;}
.towb{position:absolute;top:100%;left:0;width:100%;z-index: 999;background:#fff;display: none;}
.towb a{align-items: center;padding:7px 5px;}
.towb img{width:20px;margin-right: 5px;}
.towb a:hover{color:#ef4722}


@media screen and (min-width:1300px){
.topgo li:hover>p a{color:#ef4722;}
.topgo li:hover>p span{transform:rotateX(180deg);color:#ef4722;}
}
.tpo.tj{background: #fff;box-shadow: 0 0 5px #ccc;}
.tpo.tj .topgo ul>li>p a{color:#333;}
.tpo.tj .topgo ul>li>p span{color:#333;}
.tpo.tj .towa{border:1px solid #ccc;color:#333;}
.tpo.tj .towa span{color:#333}
.tpo.tj .topgo ul>li:hover>p a{color:#ef4722;}
.tpo.tj .topgo ul>li:hover>p span{color:#ef4722}
.tpo.tj .im2{display: block;}
.tpo.tj .im1{display: none;}

.tpo.tt{background: #fff;box-shadow: 0 0 5px #ccc;}
.tpo.tt .topgo ul>li>p a{color:#333;}
.tpo.tt .topgo ul>li>p span{color:#333;}
.tpo.tt .towa{border:1px solid #ccc;color:#333;}
.tpo.tt .towa span{color:#333}
.tpo.tt .topgo ul>li:hover>p a{color:#ef4722;}
.tpo.tt .topgo ul>li:hover>p span{color:#ef4722}
.tpo.tt .im2{display: block;}
.tpo.tt .im1{display: none;}


/*手机*/
.zhz{width:49px;height:49px;overflow:hidden;position:absolute;top:10px;right:12px;display:none;}
.zhz samp{position:absolute;left:26%;background:#333;height:2px;width:26px; transition:all 0.5s;}
.zhz .samp1{top:18px}
.zhz .samp2{top:25px;}
.zhz .samp3{top:32px;}
.active .samp2{left:-100%;}
.active .samp1{transform:rotate(225deg);top:25px}
.active .samp3{transform:rotate(-225deg);top:25px;}

.tpj p{align-items: center;}
.tpj input{border:1px solid #e2dfdf;background: none;border-top-left-radius: 10px;border-bottom-left-radius: 10px;box-sizing: border-box;padding:3px 0 3px 10px;border-right: 0;background: #fff;}
.tpj input::placeholder{color:#ccc;}
.tpj img{width: 16px;-webkit-filter: brightness(0) invert(.8);filter: brightness(0) invert(.8);}
.tpj a{padding:3px 10px;border-top-right-radius: 10px;border-bottom-right-radius: 10px;border:1px solid #e2dfdf;border-left:0;}


/*大图*/
.swiper-container {width: 100%;height: 100%;}
.swiper-slide {text-align: center;font-size: 18px;background: #fff;display: -webkit-box;display: -ms-flexbox;align-items: center;position: relative;}
.swiper-slide1bg{width: 100%;}
.swiper-slide1bg i{display: block;overflow: hidden;font-size: 0px;}
.swiper-slide1bg i img{max-width: 100%;}
.swiper-slide-active .swiper-slide1bg{width:100%;transition-delay: 0.5s;}
.swiper-slide1{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-80%);opacity:1;transition: 1s;width: 80%;}
.pin2{width: 860px;height: 423px;background: rgba(0, 0, 0, 0.5);border-radius: 30px;opacity: 0;transition: 2s;transform: translate(-50%,-50%);}
.pin2 .p1{text-transform: uppercase;}
.swiper-slide1 h3{color: #fff;font-size: 50px;padding-bottom: 10px;font-weight: bold;padding-top: 100px;transform: translateY(-100%);opacity: 0;transition: 1.5s;letter-spacing: 8px;}
.swiper-slide1 p.p1{font-size: 16px;color: #fff;letter-spacing: 1px;font-weight: 100;transform: translateY(-100%);opacity: 0;transition: 1.5s;margin-top: 16px;line-height: 30px;}
.swiper-slide1 .p2{width: 400px;margin: 0px auto;overflow: hidden;text-align: center;margin-top: 35px;transform: translateY(-100%);opacity: 0;transition: 2s;}
.swiper-slide1 .p2 ul li{display: inline-block;vertical-align: middle;width: 195px;font-size: 25px;font-weight: 100;color: #fff;line-height: 45px;}
.swiper-slide1 .swiper-slide1pic{margin-top: 80px;transform: translateY(100%);transition: 1.5s;opacity: 0;}
.swiper-slide1 .swiper-slide1pic i{display: block;overflow:hidden;font-size: 0px;}
.swiper-slide1 .swiper-slide1pic i img{max-width: 100%;margin: 20px;box-shadow: 4px 10px 28px -2px rgb(8, 22, 140);}
.swiper-slide-active .swiper-slide1{opacity: 1;transition-delay: 0.5s;}
.swiper-slide-active .swiper-slide1 h3{transform: translateY(0%);opacity: 1;transition-delay: 0.5s;}
.swiper-slide-active .swiper-slide1 p.p1{transform: translateY(0%);opacity: 1;transition-delay: 1s;}
.swiper-slide-active .swiper-slide1 .p2{transform: translateY(0%);opacity: 1;transition-delay: 1.3s;}
.swiper-slide-active .swiper-slide1 .pin2{opacity: 1;transition-delay: 1.3s;}
.swiper-slide-active .swiper-slide1 .swiper-slide1pic{transform: translateY(0%);opacity: 1;transition-delay: 1s;}
.swiper-pagination-bullet{width: 25px;height: 25px;background: url(../images/banner_xan1.png) no-repeat center;color: rgba(255, 0, 0, 0);}
.swiper-pagination-bullet-active{background: url(../images/banner_xan.png) no-repeat center;}

.sjbanner{display:none;}
.cp-ban{background:#efefef;padding:1px 0 80px;}


/*标题*/
.tits{text-align:center;max-width:1400px;width:96%;margin:auto;}
.tits h4{font-size:24px;color:#333;margin-bottom:18px;font-family: "Gotham";}
.tits h4 span{color:#000;}
.tits p{font-size:30px;margin-bottom: 20px;}
.tits span{display: block;width:50px;height: 3px;background: #666;margin:auto;margin-bottom:30px;}

.tits2{text-align:center;width:96%;max-width:1400px;margin:auto;}
.tits2 h4{font-size:24px;color:#fff;margin-bottom:18px;}
.tits2 h4 span{color:#fff;}
.tits2 p{font-size:30px;color:#eee;font-family: 'NotoSans';margin-bottom:20px;font-family: "Gotham";}
.tits2 span{display: block;width:50px;height: 3px;background: #ffff;margin:auto;margin-bottom:30px;}

.biese{background:#191919;padding:5vw 0;}
.biese2{background:url(../images/banner01.jpg) center ;padding:4vw 0;background-size: cover;margin-bottom:4vw;}

/**/
.prs{margin:50px auto 30px;}
.prs ul{font-size: 0;text-align: center;}
.prs li{padding:20px 30px;display: inline-block;background: #5d5c62;font-size: 15px;color:#fff;position: relative;cursor: pointer;}
.prs li.pt{background: #ef4722;color:#fff;}
.prs li:after{content: '';border-top: 10px solid transparent;border-left: 10px solid transparent;border-right: 10px solid transparent;position:absolute;top:100%;left:50%;transform: translateX(-50%);}
.prs li.pt:after{border-top: 10px solid #ef4722;}


/*产品 ef4722*/
.peodi{background: url(../images/liucheng_bg.jpg) fixed bottom no-repeat;padding:80px 0 20px;width: 80%;margin: auto;border-radius: 30px;}
.produ2{margin-top: 50px;}
.produ2 ul{justify-content: space-between;}
.produ2 h4{font-size:20px;margin:30px 0;color:#fff;}
.produ2 li{width:23%;background: #262626;text-align: center;}
.produ2 p{color:#fff;font-size:14px;line-height:24px;margin:15px auto 80px;opacity: 0.5;}
.produ2 span{display:inline-block;line-height:38px;border:2px solid #ef4722;color:#ef4722;padding:0 20px;font-size:16px;}
.produ2 div{overflow:hidden;box-sizing: border-box;padding:20px;}
.produ2 .prt{box-sizing:border-box;padding:0 40px;}
.produ2 img{transition:all 0.3s;width:100%;}
.produ2 li:hover img{transform: scale(1.1);}
.produ2 li:hover h4{color:#ef4722;}
.produ2 li span:hover{background:#ef4722;color:#fff;}
.peodi{animation: te linear forwards;animation-timeline: --ts;animation-range: 10% 30%;view-timeline: --ts;}
@keyframes te {
    from{width: 80%;}
    to{width: 100%;border-radius: 0px}
}

/*公用上下*/
@media screen and (min-width:780px){
.sx{animation: tp linear forwards;animation-timeline: --sx;animation-range: 10% 30%;view-timeline: --sx;transform: translateY(40px);}
@keyframes tp{
    from{transform: translateY(40px);}
    to{transform: translateY(0);}
}
}

.prod{text-align: center;margin-top:70px;}
.prod a{display:inline-block;padding:15px 60px;color:#fff;background: #ef4722;border-radius: 8px;}

.produ3{margin:3vw auto 3vw;}
.produ3 ul{flex-wrap:wrap;margin-right:-2%;}
.produ3 li{width:23%;margin:0 2% 30px 0;box-sizing:border-box;border:1px solid #e5e5e5;border-radius: 10px;overflow: hidden;}
.produ3 img{width:100%;transition: all 0.3s;}
.produ3 h5{font-size:15px;color:#000;text-align: center;}
.produ3 p{color:rgba(52, 52, 52, 1);min-height:48px;line-height:24px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;font-size: 16px;}
.produ3 div{overflow:hidden;}
.produ3 .pro3{box-sizing:border-box;padding:10px;background: #fff;}
.produ3 span{display:block;border-radius: 5px;line-height:38px;background:#000;text-align:center;margin-top:30px;color:#fff;box-sizing:border-box;transition:all 0.3s;border:1px solid #e5e5e5;}
.produ3 li:hover{border:1px solid #ef4722;}
.produ3 li:hover img{transform:scale(1.1);}
.produ3 li span:hover{background:#ef4722;color:#fff;border:1px solid #ef4722;}
.produ3 li:hover h5{color:#ef4722}


/*关于我们2.25改*/
.abou1{background: url(../images/about_bg.jpg)fixed;padding:8vw 0;}
.abou1a{justify-content: space-between;}
.abou1aa{width:35%;}
.abou1b{margin-bottom:100px;}
.abou1b p{font-size:30px;margin-bottom: 20px;}
.abou1b h6{font-size:24px;}
.abou1b span{display: block;width: 50px;height: 3px;background: #333;margin-bottom:20px;}
.abou1c video{width:100%;}
.abou1d{width:50%;}
.abou1da{line-height:30px;font-size:16px;}
.abou1db{margin-top:60px;}
.abou1db ul{flex-wrap: wrap;}
.abou1db li{width:30%;margin-bottom:60px;}
.abou1db span{font-size:14px;display: block;margin-bottom: 15px;}
.abou1db p{font-size:48px;}


/**/
.abou2{justify-content: space-between;margin:4vw auto 0;}
.abou2a{width:50%;overflow:hidden;box-sizing: border-box;border-right: 1px solid rgb(255 255 255 / 28%);}
.abou2a ul{justify-content: right;color:#fff;}
.abou2a li{box-sizing: border-box;width:33.333%;padding:3rem 2rem;transition: all 0.3s;}
.abou2a span{font-size:50px;}
.abou2a h4{margin:20px auto 10px;font-size: 18px;}
.abou2a samp{font-size:32px;color:#fff;}
.abou2a p{color:rgba(255,255,255,.75);}

.abou2a .au1 li{border-left:1px solid rgb(255 255 255 / 28%);border-top:1px solid rgb(255 255 255 / 28%);}
.abou2a .au2 li{border:1px solid rgb(255 255 255 / 28%);border-right: 0;}
.abou2a  li:hover{background:rgb(239 71 34 / 28%);}

.abou2b{width:40%;flex-wrap: wrap;}
.abou2ba h5{font-size:24px;color:#fff;font-weight: bold;margin:10px auto 20px;}
.abou2ba p{color:rgba(255,255,255,.75);line-height:34px;font-size:16px;}
.abou2ba a{color: #ef4722;}
.abou2bb{align-items: center;}
.abou2bb span{background:#ef4722;color:#fff;display: block;padding:15px 50px;font-size:18px;cursor: pointer;}


.abou2j{position:fixed;top:0;left: 0;width: 100%;height:100%;z-index: 999;display:none;}
.abou2ja{align-items: center;justify-content: center;width:100%;height: 100%;}
.abou2jb{position:absolute;top: 0;left: 0;width: 100%;height: 100%;background:rgb(0 0 0 / 70%);}
.abou2jc{max-width:1000px;box-sizing: border-box;background: rgb(255 255 255 / 54%);padding:10px;border-radius: 5px;z-index: 1;position: relative;}
.abou2j video{display: block;width: 100%;}


/*新闻*/
.newt{margin:5vw auto;}
.news{margin:60px auto;}
.newa span{font-size:16px;color:rgba(35, 24, 21, 0.6);}
.newa h4{color: #231815;margin-top: 10px;-webkit-line-clamp: 2;display: -webkit-box;-webkit-box-orient: vertical;text-overflow: ellipsis;overflow: hidden;line-height: 1.5;height: 3em;font-size:18px;margin-bottom:20px;}
.newsa{margin:0 auto 40px;}
.newsb{color: rgba(35, 24, 21, 0.6);-webkit-line-clamp: 2;display: -webkit-box;-webkit-box-orient: vertical;text-overflow: ellipsis;overflow: hidden;line-height: 1.5;font-size:16px;}
.newx{text-align: center;margin-top:80px;}
.newx a{display: inline-block;padding: 15px 60px;color: #666;border-radius: 8px;border:1px solid #ccc;}

/*合作*/
.feol{padding:50px 0;}
.feol li{box-sizing:border-box;border:1px solid #eaeaea;}

/*首页留言*/
.i-fee{justify-content: space-between;padding:70px 0;}
.i-feea{width:45%;background: #fff;box-sizing: border-box;padding:2rem;}
.i-feeaa{font-size:30px;margin-bottom: 20px;font-family: "Gotham";}
.i-feeaa p{color: #ef4722;}
.i-feeab{font-size:16px;line-height: 30px;}
.i-feeb{width:55%;color:#333;background: #ef4722;box-sizing: border-box;padding:2rem;}
.i-feeb form{justify-content: space-between;flex-wrap: wrap;}
.i-feeb input{width:48%;margin-bottom:20px;line-height:48px;box-sizing:border-box;padding:0 15px;border:1px solid #eee;background:#f4f4f4;border-radius: 5px;font-size:16px;color:#333;}
.i-feeb input::placeholder{color:#666;}
.i-feeb textarea{width:100%;box-sizing:border-box;padding:15px;border:1px solid #eee;background:#f4f4f4;border-radius: 5px;font-size:16px;outline:none;height:150px;margin-bottom:20px;}
.i-feeb textarea::placeholder{color:#666;}
.i-feeb a{display:inline-block;color:#fff;background:#1f1e24;border-radius: 5px;font-size:16px;margin: auto;padding:10px 50px;}
.i-feeb a:hover{box-shadow: 0 2px 0px #720e16;}


/*地板*/
.bosst{background:#18324d;}
.bos{max-width:1400px;width:96%;margin:auto;padding:60px 0 80px;justify-content: space-between;}
.bosa{width:calc(55% - 120px);}
.bosa ul{justify-content: space-between;}
.bosa a{display: block;padding:6px 0;color:rgb(255 255 255 / 60%);font-size:14px;}
.bosa h5{font-size:20px;color:#fff;margin-bottom: 20px;font-weight: bold;}
.bosb{color:rgba(35, 24, 21, 0.6);width:25%}
.bosbb{width:120px}
.bosbb img{width: 100%;}
.bosbb p{margin-top:10px;text-align: center;color:rgb(255 255 255 / 60%);}
.bosba{margin-bottom:30px;}
.bosba img{width:120px;}
.bosbaa{line-height:26px;font-size:14px;color: rgb(255 255 255 / 60%);}
.bosbaa .iconfont{font-size:20px;margin-right: 5px;}
.bosbc li{position:relative;}
.bosbc p{display: inline-block;}
.bosbc span{font-size:26px}
.bosbc li{margin-right:20px;}
.bosbc li div{position: absolute;bottom: 100%;right:0;display:none;}
.bosbc li div img{width:100px;}
.bosbc li:hover div{display:block;}
.bosbd{max-width:1400px;margin:auto;padding:0.15rem 0;border-top:1px solid rgb(238 238 238 / 17%);}
.bosbd ul{justify-content: space-between;}
.bosbd li{display: flex;align-items: center;color: #cecece;}
.bosbd span{font-size:30px;margin-right:5px;}
.bot{justify-content: space-between;max-width:1400px;margin: auto;border-top:1px solid rgb(238 238 238 / 17%);padding:0.15rem 0;color:rgba(35, 24, 21, 0.6);}
.bota{color:rgba(35, 24, 21, 0.8);color:rgb(255 255 255 / 60%);font-size:15px;text-align: center;font-size:14px;}
.botb a{color:#ef4722}
.bosa a:hover{color:#ef4722}

.bot{align-items: center;}
.bosbc ul{align-items: center;}
.bosbc p{display: inline-block;}
.bosbc span{color:#eee;}
.bosbc li:last-child span{font-size:20px;}
.bosbc li:last-child{margin-right: 0;}




/***************************内页***********************************/
.bosbd ul,.bosbc ul,.bot,.bosa ul,.i-distb ul,.i-pro,.i-prx,.i-posa ul,.n-neta,.n-netcb li a,.i-contact,.i-prxs,.i-jota,.i-jota span,.i-jotc a,.i-txx,.i-txxa ul,.i-down li,.i-downb,.i-pso,.i-cou ul,.i-cou li,.i-prtb ul,.i-bsos ul,.i-distba,.abo7sb ul,.n-abj ul,.abo7ba,.n-abq ul,.n-abw .nli{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-o-flex;display:-ms-flexbox;display:flex;}
.i-txx{justify-content: space-between;max-width: 1400px;margin:auto;align-items: center;}
.i-txxa ul li{border-left:1px solid #262626;}
.i-txxa a{display:block;padding:5px 30px;color:#fff;font-weight: bold;font-size: 16px;}
.i-txxa ul li.io{background:#ef4722;}
.i-txxa ul li.io a{color:#fff;}
.i-txxa ul li:hover{background:#ef4722;color:#fff;}
.i-txxa ul li:hover a{color:#fff;}

.i-ban{position:relative;height:2.3rem;}
.i-ban1{display:none;}
.i-ban1 img{width: 100%;}
.i-ban2{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;justify-content: space-between;align-items: center;}
.i-ban2a{max-width:1400px;margin:auto;color:#fff;width:96%;}
.i-ban2a p{font-size: 0.2rem;position: relative;padding-bottom:10px;margin-bottom:10px;margin-top:0.45rem;font-weight: bold;}
.i-ban2a span{font-size:0.13rem;}
.i-ban3{position:absolute;bottom:15px;left:0;width:100%;}
.i-ban3a{max-width: 1400px;margin:auto;display:flex;align-items: center;color:#fff;font-size:14px;transition-delay: 0.4s;width: 96%;}
.i-ban3a img{display:inline-block;margin-right: 10px;}
.i-ban3a a{color:#fff;}
.i-ban3a .iconfont{margin-right:10px;}

.i-bso{box-shadow: 0 0 30px #ccc;}
.i-bsos{max-width:1400px;width:96%;margin:auto;text-align:center;transition-delay: 0.6s;}
.i-bsos li{font-size:16px;margin-right: 50px;}
.i-bsos li a{display:block;padding:23px 0;position:relative;}
.i-bsos li a:after{content: '';width:0%;height:2px;background:#ef4722;position:absolute;bottom:0px;left: 0;transition: all 0.3s;}
.i-bsos li.i-so a{color:#ef4722;}
.i-bsos li.i-so a:after{width:100%;}
.i-bsos li a:hover{color:#ef4722;}
.i-bsos li:hover a:after{width:100%;}


/*联系我们*/
.i-ist{padding-top:1px;}
.i-contact{line-height:34px;justify-content: space-between;background:#fff;margin:0px auto 50px;}
.i-contacta{width:45%;}
.i-contacta img{width:100%;}
.about-center{width:45%;box-sizing: border-box;padding:3% 0;}
.about-centera{font-size:36px;margin-bottom:30px;font-family: 'Noto';}
.about-centerb{font-size:16px;line-height:34px;color:#585858;}
.about-centerb p{padding:5px 0;}
.about-centerb strong{font-size:22px;color:#333;}
.about-centerb a{color:#ef4722;}
.about-centerb p i{font-size:20px;margin-right:5px;}
.i-const{padding-bottom:60px;}
#map_container{height:500px;}
.i-consta{margin-bottom:20px;}
.i-consta h4{margin: 0px;padding: 0px;font-size:25px; margin-bottom: 10px;font-weight: bold;}
.i-consta p{font-size:18px;}
.i-constbs{text-align:center;font-size:36px;color:#fff;font-family:'Gotham';}
.i-constbs.os{color:#000;}
.i-constbs.os span{font-size:18px;}
.i-constb{flex-wrap:wrap;margin-top:30px;justify-content: space-between;}
.i-constb .se{width:48%;margin-bottom:20px;box-sizing:border-box;padding-left:10px;margin-right:3%;line-height: 44px;font-size:16px;background: #f8f8f8;border:1px solid #ccc;}
.i-constb .se:nth-child(2n){margin-right:0;}
.i-constb textarea{width:100%;height:150px;box-sizing:border-box;padding:10px;margin-bottom:40px;    font-size: 16px;background: #f8f8f8;border:1px solid #ccc;}
.i-constb .st{height:46px;margin:0 10px;cursor: pointer;background: #ef4722;color:#fff;border:0;border-radius: 5px;font-size:16px;padding:0 40px;transition:all 0.3s;}
.i-conx{text-align:center;width:100%;}
.i-constb .st:hover{transform: scale(1.1);}

.i-cou{max-width: 1400px;width:96%;margin:3vw auto;}
.i-cou ul{justify-content: space-between;flex-wrap: wrap;}
.i-cou li{background:#f8f8f8;border:1px solid #eee;box-sizing:border-box;padding:4%;position:relative;width:48%;line-height:30px;justify-content: space-between;margin-bottom:30px;}
.i-cou .coua{position:absolute;top:-7px;left:0;}
.i-cou .coub{width:120px;}
.i-cou .cot{color:#555;font-size:16px;}
.i-cou .cot p:nth-child(1){font-size:18px;margin-bottom:10px;color:#000;}
.i-cou .coub img{width:100%;}
.i-cou li i{font-size:20px;margin-right:5px;color:#ef4722;}



/**/
.i-dist{text-align:center;font-size:24px;color:#ef4722;font-weight: bold;margin-bottom:20px;padding-top:0.3rem;}
.i-dista{font-size:18px;line-height:28px;color:#555;margin:0 auto 60px;text-align:center;max-width:800px;}

.i-distb{padding-bottom:60px;}
.i-distb ul{margin-right:-2%;flex-wrap:wrap;}
.i-distb li{margin:0 2% 40px 0;width:48%;transition: all 0.3s;box-sizing: border-box;border: 1px solid #eee;padding: 2%;background: #f8f8f8;box-shadow: 0 0 20px rgb(204 204 204 / 30%);border-radius: 10px;}
.i-distba{align-items: center;margin-bottom:20px;}
.i-distbaa{width:250px;margin-right: 30px;border-radius: 10px;overflow: hidden;}
.i-distbaa img{width:100%;transition: all 0.3s;}
.i-distbab{width:calc(100% - 280px);color: #000;}
.i-distbab h4{font-size: 18px;margin-bottom:20px;}
.i-distbab p{font-size:15px;margin-bottom:5px;}
.i-distbab p span{color:#ef4722}
.i-distbb{font-size:14px;line-height: 24px;color:#555;background: #fff;box-sizing: border-box;padding:20px;border-radius: 10px;box-shadow: 0 0 5px #eee;}
.i-distb li:hover{box-shadow: 0 0 20px rgb(204 204 204 / 100%);}
.i-distb li:hover .i-distbaa img{transform: scale(1.1);}

/**/
.i-comp{line-height:26px;color:#666;font-size:15px;padding-bottom:30px;}
.i-comp img{max-width:100%;}
.i-comp table{ border-collapse:collapse; border: 1px #ccc solid !important; width:100% !important;line-height:22px!important;}
.i-comp table td{padding: 8px!important; padding-left:12px !important;word-wrap:break-word;word-break:break-all;border: 1px #ccc solid !important;line-height:22px!important;}


/*产品*/
.i-prj{background: #fafafa;padding:0.2rem 0 0.3rem;}
.i-prw{text-align: center;margin-bottom:0.3rem;}
.i-prw p{font-size:110px;color:#f1f1f1;font-weight: bold;}
.i-prw h5{font-size:40px;margin-top:-60px;font-weight: bold;color:#ef4722;}


.prodsa{font-size:20px;color:#fff;border-bottom:1px solid #585858 ;padding-bottom:10px;}
.prodsa p{position:relative;display:inline-block;padding-left:15px;}
.prodsa p:before{content:'';width:4px;height:17px;background:#ef4722;display:inline-block;position:absolute;top:5px;left:0;}
.prodsb{margin-top:20px;}
.prodsb ul{display:flex;margin-right:-2%;flex-wrap: wrap;}
.prodsb li{width:23%;box-sizing:border-box;margin:0 2% 20px 0;}
.prodsb div{overflow:hidden;}
.prodsb h5{font-size: 14px;line-height: 40px;color: #333;box-sizing:border-box;padding:5px 0px;font-weight: bold;text-align: center;background: #fff;margin-top:5px;}
.prodsb img{width:100%;transition: all 0.3s;}
.prodsb li:hover p{color:#ef4722}
.prodsb li:hover img{transform: scale(1.1);}
.prodsb li:hover h5{background:#ef4722;color:#fff;}

/*分页样式*/
.pagination{padding:25px 0 15px;text-align:center;overflow:hidden;}
.pagination a{font-size:12px;line-height:30px;display:inline-block;height:30px;padding:0 12px;text-align:center;color:#333;border: 1px solid #e3e3e3;background:#fff;margin-left:2px;}
.pagination a.a1{line-height:30px;height:30px;margin-top:0;padding:0 12px;}
.pagination a:hover{text-decoration:none;color:#000;background:#f1f1f1;}
.pagination span{line-height:30px;display:inline-block;height:30px;padding:0 12px;text-align:center;margin-left:2px;background:#ef4722;color:#fff;border:1px solid #ef4722;}

.ye{border-top:1px solid #444444;padding:20px 0;position:relative;}
.ye p{padding:5px 0;font-size:16px;color:#333;}
.ye p a{color:#ef4722}
.ye p a:Hover{color:#31338c;}
.ye i{ font-style:normal;font-size:16px;positioN:absolute;top:20%;right:0;padding-left:28px;}
.ye i:Hover{background:url(../images/tb31.png) left no-repeat;}
.ye i:Hover a{color:#F00;}

.i-prx{margin:0px auto;justify-content: space-between;flex-wrap: wrap;padding:90px 0 30px;}
.i-prxa{width:48%;text-align:center;background: #fff;}
.i-prxb{width:45%;box-sizing:border-box;height:100%;margin-top:0.2rem;}
.i-prxba{font-size:40px;margin-bottom:30px;border-bottom:1px solid #e6e6e6;padding-bottom:30px;font-family: 'Gotham';font-weight: bold;}
.i-prxba p{display:inline-block;line-height:44px;color:#ef4722;}
.i-prxbb{font-size:16px;line-height:30px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 16;overflow: hidden;box-sizing:border-box;color:#333;}

.i-prxs{margin:20px auto 20px;box-sizing:border-box;background: #efefef;position:relative;padding:20px 0 20px 10px;}
.i-prxs p{font-size:26px;box-sizing:border-box;font-family: 'Gotham';cursor:pointer;}
.i-prxs p.te{color:#ef4722;position: relative;z-index: 1;font-weight: bold;border-left: 4px solid #ef4722;line-height:24px;padding-left: 10px;}
.i-prxu{margin:0 auto 60px;font-size:16px;line-height:32px;background: #fff;}
.i-prxu table{ border-collapse:collapse; border: 1px #ccc solid !important; width:100% !important;line-height:22px!important;}
.i-prxu table td{padding: 8px!important; padding-left:12px !important;word-wrap:break-word;word-break:break-all;border: 1px #ccc solid !important;line-height:22px!important;}
.i-prxu img{max-width:100%;}
.i-prxua{color:#444;}

.i-pos{padding-top:40px;}
.i-posa{}
.i-posa ul{margin-right:-2%;flex-wrap: wrap;}
.i-posa li{width:23%;margin:0 2% 20px 0;}
.i-posa img{width:100%;transition:all 0.3s;}
.i-posa div{margin:0px 0 15px;overflow: hidden;}
.i-posa h4{font-size:16px;text-align: center;}
.i-posa p{line-height:24px;color:#666;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;overflow: hidden;}
.i-posa li:hover img{transform:scale(1.1)}
.i-posa li:Hover h4{color:#ef4722;}
.i-posa li:Hover p{color:#000;}

.i-pss{width:calc(100% - 294px);float:right;}
.i-prxa .swiper-container .swiper-button-prev{background:none;}
.i-prxa .swiper-container .swiper-button-next{background:none;}
.i-pso{margin-top:60px;}
.i-pso a{display:flex;line-height:44px;color:#ef4722;text-align:center;font-size:16px;transition: all 0.3s;border-radius: 5px;margin-right:20px;padding:0 20px;border:1px solid #ef4722;align-items:center;}
.i-pso span{font-size:26px;margin-right:10px;}
.i-pst{margin-top:30px;}
.i-pso a:hover{background: #ef4722;border:1px solid #ef4722;color:#fff;}

.i-puo-dt{background: url("../images/png100-t3-scale100.avif") fixed;}
.i-puo-d{padding:80px 0;overflow:hidden;}
.i-puo-d h5{font-size:20px;margin-bottom:20px;position:relative;}
.i-puo-d h5:before{content: '';width: 5px;height: 20px;background: #ef4722;margin-right: 5px;display: inline-block;vertical-align: middle;}
.i-puo-d h5 b{display:inline-block;vertical-align: middle;}
.i-puo-d ul{overflow:hidden;box-sizing:border-box;margin-right:-2%}
.i-puo-d li{width:23%;float:left;margin-right:2%;text-align:center;}
.i-puo-d img{width:100%; transition:all 0.3s;border:1px solid #eee;box-sizing:border-box;}
.i-puo-d p{margin-top:15px;}
.i-puo-d li:hover p{color:#0081c2;}
.i-puo-d li:last-child{margin-right:0;}
.i-puo-d li:hover img{transform:scale(0.9)}


/*放大镜*/
.bpj{width: 90%;margin: auto;}
.tb-pic a{display:table-cell;text-align:center;vertical-align:middle;}
.tb-pic a img{vertical-align:middle;}
.tb-pic a{*display:block;*font-family:Arial;*line-height:1;}
.tb-s310, .tb-s310 a{background:#fff}
.tb-s310, .tb-s310 img{max-width:100%;}
.tb-s310 a{*font-size:271px;}
.tb-booth{position:relative;z-index:1;width: 80%;margin: auto;}
div.zoomDiv{z-index:999;position:absolute;top:0px;left:0px;width:200px;height:200px;background:#fff;border:1px solid #000;display:none;text-align:center;overflow:hidden;}
div.zoomMask{position:absolute;background:url(images/mask.png);cursor:move;z-index:1;}

.tb-picList{width:100%; overflow:hidden; margin-top:10px; padding:0 20px; position:relative;box-sizing: border-box;}
.tb-picList a.prev,.tb-picList a.next{display:block;width:12px;height:21px; margin-top:-10px; position:absolute;top:50%;left:0;background:url(../images/anu.png) no-repeat;overflow:hidden;cursor:pointer;transition:all 0s linear;}
.tb-picList a.prev:hover{background-position:0 -21px;}
.tb-picList a.next{left:auto;right:0;background-position:0 -42px;}
.tb-picList a.next:hover{background-position:0 -63px;}

.tb-picList .tb-thumb{position:relative;width:100%;overflow:hidden;}
.tb-picList .tb-thumb ul{position:absolute;width:100%;white-space:nowrap;z-index: 10;font-size:0;}
.tb-picList .tb-thumb ul li{display:inline-block;width:20%;cursor:pointer;}
.tb-picList .tb-thumb ul li a{display:block;box-sizing:border-box;width:100%;padding:5px;}
.tb-picList .tb-thumb ul li img{box-sizing:border-box;width:100%;display:block;border:1px solid #eee;}
.tb-picList .tb-thumb ul li a.tb-selected img{border:1px solid #7a482c;}

dl.op{width:100%; font-size:0px; white-space:nowrap; opacity:0;padding-bottom: 2px;}
dl.op dd{display:inline-block;  width:20%; cursor:pointer;}
dl.op dd img{width:100%;}
dl.op dd a{display:block;}

/*新闻 ef4722*/
.news_list{margin:0.3rem auto;}
.news_list li{width:100%; margin-top:30px; border-bottom:1px solid #eee; padding-bottom:30px;overflow:hidden;transition-delay: 0.8s;}
.news_list li a{display:block;}
.news_list li a .img{width:25%; float:left; display:block; overflow:hidden;}
.news_list li a .img img{display:block; width:100%; object-fit:cover; -webkit-transition:all .3s; transition:all .3s;}
.news_list li a .art{width:70%; float:right; padding-top:20px;}
.news_list li a .art .att{font-size:20px; color:#000; overflow:hidden; text-overflow: ellipsis;white-space:nowrap;}
.news_list li a .art .atc{font-size:15px; line-height:22px; margin:20px 0 0; text-overflow:-o-ellipsis-lastline; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; line-clamp:3; -webkit-box-orient:vertical;color:#666;}
.news_list li a .art .more .day{float:left; margin-top:20px; font-size:15px; border-top:1px solid #ddd; color:#999; padding:10px 0 0;}
.news_list li a .art .more span{float:right; color:#ef4722; border-bottom:1px solid #ef4722; opacity:0; margin-top:20px;}
.news_list li:hover a .art .att{color:#ef4722;}
.news_list li:hover a .img img{transform: scale(1.05);-webkit-transform:scale(1.05);}
.news_list li:hover a .art .more span{opacity:1;}
.news_list li:hover  a .art .atc{color:#333;}

.n-net{background:#f4f4f4;padding-top:88px;}
.n-neta{justify-content: space-between;padding:40px 0;align-items: flex-start;}
.n-netb{width:70%;background: #fff;box-sizing:border-box;padding:2% 3%;border-radius: 5px;}
.n-netc{width:27%;background: #fff;border-radius: 5px;position: sticky;top: 100px;}
.n-netca{padding:30px 0 30px 20px;font-size:22px;font-family: "Gotham";}
.n-netca p{border-left: 3px solid #ef4722;line-height: 20px;padding-left:10px;}
.n-netcb li{border-top:1px solid #eee;box-sizing:border-box;padding:20px 20px;justify-content: space-between;}
.n-netcb li a{justify-content:space-between;align-items: center;}
.n-netcba{width:120px;overflow: hidden;}
.n-netcba img{width:100%;transition: all 0.3s;}
.n-netcb li:hover a{color:#ef4722}
.n-netcbb{width:calc(100% - 150px);display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;font-family:'Noto';font-size:14px;}
.n-netcb li:hover .n-netcba img{transform: scale(1.1);}

.n-nes{border-bottom:1px dashed #ccc;margin-bottom:30px;}
.n-nes h4{font-size:22px;margin-bottom:10px;font-family: "Gotham";}
.n-nes p{color:#888;margin-bottom:20px;}

.page_bg{margin-top: 6px;padding-top: 20px;font-size: 16px;border-top:1px dashed #ccc;}
.page_bg span{display: block;padding:8px 0;color:#000;}
.page_bg a{color:#333;}
.page_bg a:hover{color:#ef4722;}

/*上下*/
.pagebox{ font-family:Arial; text-align:center;clear:both;}
.page{ display:inline-block; margin-top:30px; margin-bottom:20px; margin-left:1px; font-size:0px;}
.page a,.page span{ margin-left:-1px; display:inline-block; font-size:14px; line-height:30px; width:30px; border:1px  solid #e0e0e0;}
.page span.on{  border:1px  solid #ef4722; background:#ef4722; color:#fff;}
.page a:first-child,.page span:first-child{ border-radius:4px 0px 0px 4px;}
.page a:last-child,.page span:last-child{ border-radius:0px 4px 4px 0px;}
.page2 { margin-top:20px;}
.page2 span{ color:#999;}

/**join*/
.i-jobb{text-align: center;color: #333333;padding:60px 0 40px;text-transform: uppercase;}
.i-jobb h4{font-size: 42px;}
.i-jobb p{font-size: 36px;font-weight: 100;margin:5px auto 25px;}
.i-jobb span{display:block;width:100px;height:1px;background:#333333;margin:auto;}

.i-jot{padding-bottom:120px;}
.i-jot li{margin-bottom:30px;}
.i-jota{background:#eaeaea;justify-content: space-between;align-items:center;margin-bottom:30px;cursor: pointer;}
.i-jota h5{font-size:20px;width: 50%;font-weight: normal;padding:20px 0 20px 30px;}
.i-jota p{color:#666;}
.i-jota span{align-items: center;background:#333333;height:66px;width:30px;}
.i-jota span:after{content: '+';color:#fff;font-size:24px;width:100%;text-align: center;}
.i-jota.span span:after{content: '-';}
.i-jotb{color:#666;line-height:30px;box-sizing:border-box;padding:0 30px;display:none;}
.i-jotc{margin:80px auto 0px;}
.i-jotc a{justify-content:space-between;border:2px solid #333333;color:#333333;width:200px;overflow: hidden;position:relative;}
.i-jotc p{display:inline-block;padding:5px 0px 5px 20px;position: relative;z-index: 2;}
.i-jotc img{width:20px;position:relative;z-index: 1;margin-right:20px;}
.i-jotc a:after{content:'';display:block;position:absolute;top:-75px;left:78%;height:200px;background:#333333;width:250px;transform:rotate(25deg);transition: all 0.5s;}
.i-jotc a:hover:after{left:0%;}
.i-jot a:hover p{color:#fff;}

/*服务*/
.i-sevr{background: #f8f8f8;padding-bottom:70px;}
.i-sevt{background:#fff;box-sizing: border-box;padding:2%;line-height:26px;font-size:15px;}
.i-sevt h4{font-size:24px;color:#222;margin-bottom:20px;font-weight: bold;}
.i-sevt h5{font-size:18px;color:#222;margin-bottom:10px;font-weight: bold;}

/*标题*/
.tie{text-align: center;margin:80px auto 20px;color:#333;position: relative;z-index:10;}
.tie h3{font-size:30px;text-transform: uppercase;position: relative;padding-bottom:10px;font-family: 'Gotham';}
.tie p{font-size:0.2rem;font-weight: bold;}
.tie.bai{color:#fff;}

/*关于我们*/
.abo7s{background-image:url("../images/e1bg02.png");background-position: bottom;background-size: cover;background-repeat: no-repeat;box-sizing: border-box;padding: 88px 0 0.4rem;}
.abo7sa{max-width:1400px;width:96%;margin:auto;}
.abo7saa{max-width:1000px;width:96%;margin:0px auto 80px;text-align: center;line-height:36px;color:#444;font-size:18px;}
.abo7saa h5{font-size:0.13rem;margin-bottom:40px;font-weight: normal;color:#333;}
.abo7sb ul{justify-content: space-between;text-align:center;}
.abo7ba{align-items: flex-start;margin-bottom:20px;color: #ef4722;font-size: 16px;}
.abo7ba p{font-size:60px;font-weight: bold;line-height: 51px;margin-right:10px;}
.abo7bb{color:#ef4722;font-size:16px;}
.abo7t{margin:0.5rem auto 0;overflow: hidden;border-radius: 10px;}
.abo7t img{width:100%;}

.n-abjj{background: url(../images/about_bg_04.jpg) fixed;padding:1px 0;}
.n-abj{margin: 0.2rem auto 0.4rem;}
.n-abj ul{width:100%;border-radius: 10px;overflow: hidden;}
.n-abj li{background-size: cover;height: 500px;position: relative;width:200px;border-right: 2px solid #fff;transition: all 0.5s;}
.n-abja{box-sizing: border-box;background: #f8f9fa;height: 100%;width: 100%;text-align: center;}
.n-abjaa{font-size:20px;font-weight: bold;margin:auto;padding-top: 0.2rem;}
.n-abjb{width:100%;position: absolute;top: 0.3rem;left: 0.3rem;display:none;}
.n-abjba{color:#fff;}
.n-abjba h5{font-size: 30px;font-weight:bold;margin-bottom: 20px;}
.n-abjba p{font-size:20px;}
.n-abss{position: absolute;bottom: 0.2rem;right:0.17rem;}
.n-abss span{font-size:34px;color:#ef4722}
.n-abj li.twe{width:calc(100% - 200px);}
.n-abj li.twe .n-abja{display:none;}
.n-abj li.twe .n-abjb{display:block;}
.n-abj li.twe .n-abss span{color:#fff;}

/*优势*/
.n-abq{margin:0.3rem auto 0.2rem;}
.n-abq ul{justify-content: center;}
.n-abq li{border-bottom: 1px solid #eee;font-size:16px;}
.n-abq p{margin:0 30px -1px;font-weight: bold;padding-bottom:10px;cursor: pointer;}
.n-abq li.nys p{border-bottom:1px solid #ef4722;color:#ef4722;}
.n-abq p:hover{color:#ef4722;border-bottom:1px solid #ef4722;}

.n-abw{margin:0 auto 0.5rem;}
.n-abw li{display:none;}
.n-abw .nli{justify-content: space-between;align-items: center;}
.n-abwb{width:48%;order: 2;}
.n-abwb img{width:100%;}
.n-abwa{width:48%;}
.n-abwaa{font-weight: bold;}
.n-abwaa p{font-size:0.6rem;color:#eeeeee;line-height: 0.41rem;}
.n-abwaa span{font-size:18px;color:#ef4722;margin-top:-20px;display: block;}
.n-abwab{margin:10px auto 20px;font-size:18px;font-weight: bold;}
.n-abwac{line-height: 24px;font-size:15px;color:#666;}

/*工厂*/
.n-abx{background: url(../images/about_bg_04.jpg) fixed;padding:1px 0;}
.gojj{margin:0.5rem auto 0.6rem;}
.gojj li{box-sizing:border-box;border:5px solid rgb(255 255 255 / 34%);}

.n-ww{text-align: center;margin-bottom:0.4rem;}
.n-ww img{max-width:100%;}

/*浮动*/
.fpp{position:fixed;bottom:20%;right:10px;z-index: 111;}
.fpp li{position:relative;margin:5px 0;}
.fus{position:relative;z-index: 1;background:rgb(93 93 93 / 67%);padding:10px;border-radius: 5px;}
.fus span{font-size:30px;color:#fff;}
.fut{position: absolute;top: 50%;right:120%;transform: translateY(-50%);box-sizing:border-box;text-align: center;font-size:12px;display:none;background:#eee;}
.fut:after{content:'';border-top:10px solid #eee;border-left:10px solid transparent;transform: rotate(45deg);position:absolute;top:45%;right:-5px;}
.fut img{width:100px;padding:8px;background: #eee;box-sizing: border-box;z-index: 1;position: relative;border-radius: 5px;}
.fut p{background:#eee;padding:4px 0;border-radius: 4px;z-index: 1;position: relative;}
.fut em{padding:10px;font-size:18px;white-space: nowrap;display:block;color:#ef4722;font-weight: bold;}