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;word-break: keep-all;
            overflow-wrap: normal;
            white-space: normal;}
body{color:#333; font-size:14px; font-family:'Poppins', 'siyuan_cn', 'PingFang SC';}
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:#333; font-size:14px; vertical-align:middle;}
input:focus {outline:none;}
span,samp,i,em,b,textarea{font-family:Arial,"Microsoft YaHei", verdant, tahoma;}
a{ color:#333; text-decoration:none;}
.w1600{width:92%;margin:auto;max-width:1500px;}
.naa,.naaa,.naab,.naaba,.naabba,.naaa p,.nt,.nkk,.ntb ul,.prosba,.produ3 ul,.soob,.sooba,.abouta,.aboutaba,.ysob ul,.nnwbc,.sqa,.bitta,.bitte,.bittf,.s-sjbdb{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-o-flex;display:-ms-flexbox;display:flex;}

nav{position: sticky;top: 0;left: 0;width:100%;background: #fff;z-index: 9999;box-shadow: 0 0 10px rgb(0 0 0 / 10%);}
#naa{background: #000000;}
.naa{width:92%;margin:auto;justify-content: space-between;max-width:1500px;}
.naaa{align-items: center;}
.naaa p{margin-right: 40px;color:#f2f2f2;align-items: center;}
.naaa span{color:#f2f2f2;font-size:20px;margin-right: 4px;}
.naab{align-items: center;}
.naaba{margin:7px 30px 7px 0;}
.naaba p{margin-right: 30px;}
.naaba span{font-size: 20px;color:#fff;}
.naaba img{width:25px;}
.naabb{position: relative;padding: 11px 0;}
.naabba{align-items: center;color:#f2f2f2;cursor: pointer;}
.naabbb{position: absolute;top: 100%;width: 100%;left: 0;background: #fff;z-index: 2;line-height: 40px;text-align: center;display:None;box-shadow: 0 0 5px #ccc;}
.naabbb a{display: block;}
.naabbb a:hover{background: #f44400;color:#fff;}
.naabc{margin-right: 20px;}
.naabc span{font-size:20px;color:#fff;}

.naabd{position: fixed;z-index: 999;top: 0;left: 0;width: 100%;height:100vh;background: rgb(0, 0, 0,0.8);display: none;}
.naabda{display:flex;align-items: center;width: 100%;height: 100%;justify-content: center;}
.naabdb{position: relative;z-index: 2;display: flex;align-items: center;}
.naabdb input{display:inline-block;padding:20px 20px;border: 0;}
.naabdb a{display:block;color:#fff;background: #f44400;padding:0px 25px;line-height: 57px;font-size: 20px;}
.nns{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}

/*导航*/
.nt{width:92%;margin:auto;justify-content: space-between;max-width:1500px;}
.nta{width:145px;display: flex;align-items: center;}
.nta a{display:block;}
.nta img{max-width:100%;}

.nkk{width:80%;justify-content: end;align-items: center;}
.nka{margin:0 40px;}
.nka span{font-size:22px;font-weight: bold;cursor: pointer;}
.nkb{background: #f44400;border-radius: 20px;transition: all 0.3s;color:#fff;padding:7px 0.13rem;cursor: pointer;}
.nkb:hover{background: #f9b840;}
.ntb{width:70%;}
.ntb ul{justify-content: space-between;}
.ntb ul>li{padding:0 20px;position: relative;}
.ntb ul>li>p>a{font-weight: bold;font-size:18px;display:block;line-height: 80px;}
.ntb dl a{display:block;white-space: nowrap;padding:12px 20px 12px 10px;background: #f5f5f5;transition: all 0.3s;}
.ntb ul>li dl{position: absolute;top: 100%;left: 0;min-width:110%;display:none;box-shadow: 0 0 5px rgb(0, 0, 0,0.3);}
.ntb ul>li dd{position: relative;}
.ntb ul>li ol{position: absolute;top: 0;left: 100%;display:none;box-shadow: 0 0 5px rgb(0, 0, 0,0.3);}
.ntb ul>li ol>li{position: relative;}
.ntb ul>li div{position: absolute;top: 0;left: 100%;display:None;box-shadow: 0 0 5px rgb(0, 0, 0,0.3);}

.ntb dl a:hover{background: #fff;color:#f44400;}
.ntb ul>li:hover>p>a{color:#f44400;}
.ntb dd:hover>p>a{color:#f44400;}
.ntb ol>li:hover>p>a{color:#f44400;}
@media screen and (min-width:1200px) {
.ntb ul>li:hover dl{display:block;}
.ntb ol>li:hover div{display:block;}
.ntb dd:hover ol{display:block;}
}

/*手机 0494d7*/
.zhz{width:49px;height:49px;overflow:hidden;display:none;position:absolute;top:5px;right: 20px;z-index: 999;}
.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;}

/*手机导航*/
.s-sj{position: fixed;width: 100%;height: 100%;z-index: 10001;top: 0;left: 0;display:none;}
.s-sja{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgb(0 0 0 / 61%);}
.s-sjb{height: 100%;background: #fff;position: relative;z-index: 1;width:90%;margin:0 0 0 auto;}
.s-sjba{border-bottom:1px solid #e6e6e6;text-align: right;padding:15px 0;}
.s-sjba span{margin-right: 20px;font-size: 20px;}
.s-sjbb{height: calc(97% - 53px);overflow-y: auto;box-sizing: border-box;padding:0% 3% 0;}
.s-sjbc{margin-bottom:40px;}
.s-sjbc a{display:block;border-bottom:1px solid #e6e6e6;padding:15px 0;color:#000;font-weight: bold;}
.s-sjbd{position: relative;margin-bottom:40px;}
.s-sjbda{border:1px solid #e6e6e6;border-bottom:0;box-sizing: border-box;padding:15px ;position: absolute;bottom: 100%;left: 0;width:100%;background: #fff;display:none;}
.s-sjbdb{border:1px solid #e6e6e6;box-sizing: border-box;justify-content: space-between;padding:10px 15px;}
.s-sjbe{border-radius: 30px;background: #f44400;padding:10px 0;text-align: center;color:#fff;margin-bottom:10px;}

/*搜索*/
.soo{position: fixed;top: 0;left: 0;width: 100%;height: 100vh;z-index: 10000;display:none;}
.sooa{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgb(0 0 0 / 80%);z-index: 1;}
.soob{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);z-index: 2;align-items: center;}
.sooba{background: #fff;width:500px;align-items: center;border-radius: 4px;}
.sooba input{border:0;background: none;box-sizing: border-box;display:block;padding:20px;width: calc(100% - 40px);}
.sooba span{font-size:26px;}
.soobb{margin-left: 20px;}
.soobb span{font-size: 24px;color:#fff;cursor: pointer;}

/*留言*/
.ge{position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgb(0 0 0 / 71%);z-index: 10004;display:none;}
.gea{display:flex;align-items: center;justify-content: center;height: 100%;}
.geat{max-width:670px;height: 80%;background: #fff;border-radius: 10px;overflow: hidden;position: relative;}
.geata{position: absolute;right: 20px;top: 10px;}
.geata span{font-size: 24px;}
.geatb{position: absolute;bottom: 20px;text-align: center;line-height: 2;width: 90%;left: 5%;}
.geatb a{color:#fff;display: block;background: #000;padding:15px 0;box-sizing: border-box;border-radius: 30px;}
.geatc{overflow-y: auto;height: 100%;}
.geatca{font-size:36px;text-align: center;padding-top:8%;padding-bottom:20px;}
.geatcb{width:90%;margin:0 auto 20px;text-align: center;color:#777;line-height: 1.6;}
.geatd{background: #f4f4f8;padding: 20px 5% 80px;box-sizing: border-box;}
.geatd p{margin-bottom:5px;}
.geatd li{padding-bottom:30px;}
.geatd input{display: block;border: 0;background:#fff;width: 100%;padding:15px;border-radius: 5px;}
.geatd textarea{display: block;border: 0;background:#fff;width: 100%;padding:15px;border-radius: 5px;}

/*浮动*/
.fdon{position:fixed;bottom: 10%;right: 2%;z-index: 222;}
.fdonb{position: absolute;top: 0;right: 100%;background: #fff;border-radius: 5px;box-shadow: 0 0 10px rgb(0 0 0 / 24%);overflow: hidden;display:none;}
.fdonb p{padding:5px 20px;}
.fdona{border-radius: 50%;background: #53d81b;}
.fdona span{font-size:30px;padding:15px;display:inline-block;color:#fff;}
.fdonb p:hover{background: #f44400;}
.fdonb p:hover a{color:#fff}
.fdon:hover .fdonb{display:block;}

/*大图*/
.ban .swiper-pagination-bullet{background: #c1272d;}
.ban .swiper-slide img{width:100%;}

/*标题*/
.tit{font-size: 36px;text-align: center;font-weight: bold;}
.titj{max-width:70%;margin:20px auto 0px;text-align: center;line-height: 1.7;color:#555;font-size: 16px;}
.bai{color:#fff !important}

/*更多*/
.gduo{text-align: center;margin-top:60px;}
.gduo a{display:inline-block;border-radius: 30px;background: #f44400;line-height: 46px;color:#fff;border:2px solid #fff;padding:0 30px;transition: all 0.3s;}
.gduo a:hover{background: #f9b840;}

/*产品*/
.pros{padding:0.45rem 0;}
.ttw{margin: 50px auto 0;}
.ttw a{display: inline-block;border:1px solid #eee;width: 100%;}
.prosa{background: #f7f7f7;}
.prosa img{width:100%;mix-blend-mode: multiply;transition: all 0.3s;}
.prosb{box-sizing: border-box;padding:20px;}
.prosb h3{font-weight: bold;font-size:18px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.prosb p{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;line-height: 1.6;color: #666;margin:10px 0 0;}
.prosb h4{font-size: 18px;text-align: center;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;font-weight: bold;}
.prosba{display:flex;align-items: center;margin-top:20px;color:#f44400;}
.ttw a:hover img{transform: scale(1.1);}

.proj{position: relative;text-align:center;display:flex;justify-content: center;margin-top: 50px;}
.proj .swiper-pagination{position: static !important;width:auto !important;align-items: center;display:flex;margin:0 30px;}
.proj .swiper-pagination-bullet{width:30px;border-radius: 5px;background: #f44400;}
.proj .swiper-button-next,.proj .swiper-button-prev{position: static !important;height: auto;margin:0 10px;color:#808080;border-radius: 50%;border: 1px solid #808080;padding: 10px 18px;}
.pros li:Hover .prosb h3{color:#f44400}

.pre{margin:0.3rem auto;}
.produ3{margin:0.3rem auto 0.4rem;}
.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;}
.produ3 img{width:100%;transition: all 0.3s;}
.produ3 h5{font-size:16px;line-height:24px;margin-bottom:10px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;border-radius: 5px;}
.produ3 p{color:rgb(115 115 115);min-height:48px;line-height:1.6;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;font-size: 14px;}
.produ3 div{overflow:hidden;}
.produ3 .pro3{box-sizing:border-box;padding:20px;}
.produ3 span{display:block;border-radius: 5px;line-height:38px;background:#f7f7f7;text-align:center;margin-top:30px;color:rgba(52, 52, 52, 1);box-sizing:border-box;transition:all 0.3s;border:1px solid #e5e5e5;}
.produ3 li:hover{border:1px solid #f44400;}
.produ3 li:hover img{transform:scale(1.1);}
.produ3 li span:hover{background:#f44400;color:#fff;border:1px solid #f44400;}

/*案例*/
.seve{background:url(../images/a2.jpg) center no-repeat;position: relative;padding:0.45rem 0;}
.jjw{margin: 50px auto 0;}
.jjw a{display: inline-block;border:1px solid #eee;background: #fff;}

/*关于我们*/
.about{margin:0.45rem auto 0.5rem;}
.abouta{justify-content: space-between;}
.aboutaa{width:46%;}
.aboutaa img{width:100%;}
.aboutab{width:47%;}
.aboutaba{align-items: center;margin-bottom:10px;}
.aboutaba span{display:inline-block;width:3px;height: 15px;background: #f44400;margin-right: 15px;}
.aboutabb{font-size:30px;margin-bottom:20px;font-weight: bold;}
.aboutabc{line-height:1.6;font-size: 16px;}
.aboutabd{line-height:46px;margin-top:0.3rem;}
.aboutabd a{display:inline-block;padding:0 30px;border-radius: 30px;color:#fff;background: #f44400;transition: all 0.3s;}
.aboutabd a:hover{background:#f9b840}

.aboutt{margin-top:30px;}
.ggw img{width:100%;transition: all 0.3s;}
.ggw li{position: relative;}
.ggw div{overflow: hidden;}
.ggwa{position: absolute;bottom:0;left: 0;right: 0;background: rgb(0 0 0 / 33%);text-align: center;color:#fff;padding:15px 0;font-size: 18px;}
.ggw li:hover img{transform: scale(1.1);}

/*优势*/
.yso{background:url(../images/a4.jpg) center no-repeat;position: relative;padding:0.45rem 0 0.55rem;}
.yso:after{position: absolute;top: 0;left: 0;width:100%;height: 100%;z-index: 1;background: rgb(0 0 0 / 60%);content: '';}
.ysoa{z-index: 2;position: relative;}
.ysob{margin-top:50px;}
.ysob ul{justify-content: space-between;}
.ysob li{width:23%;border-radius: 5px;background:#fff;box-sizing: border-box;padding:2%;text-align: center;}
.ysoba span{font-size: 0.35rem;color:#f44400;}
.ysoba{margin-bottom:15px;}
.ysobb{font-size:36px;font-weight: bold;}
.ysobc{font-size:20px;font-weight: bold;margin-bottom:20px;}
.ysobd{font-size:15px;color:#444;line-height: 1.3;}

/*x新闻*/
.news{margin:0.45rem auto;}
.newsa{margin-top:0.3rem;}
.nnw li{background: #f7f7f7;border-radius: 10px;overflow: hidden;}
.nnw img{width:100%;transition: all 0.3s;}
.nnwa{overflow: hidden;}
.nnwb{box-sizing: border-box;padding:6% 4%;}
.nnwba{font-size:18px;font-weight: bold;margin-bottom:10px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.nnwbb{line-height: 1.4;color:#555;margin-bottom:30px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.nnwbc{justify-content: space-between;align-items: center;}
.nnwbca{background: #f44400;color:#fff;border-radius: 30px;line-height:46px;padding:0 20px;}
.nnw li:hover img{transform: scale(1.1);}
.nnw li:hover .nnwba{color:#f44400}
.nnwbca:hover{background: #f9b840;}

/*底广告*/
.sq{background: url(../images/a5.jpg) center no-repeat;position: relative;padding:0.45rem 0;}
.sq:after{content: '';width:100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 1;background: rgb(0 0 0 / 60%);}
.sqa{position: relative;z-index: 2;justify-content: space-between;align-items: center;}
.sqaa{font-size:0.23rem;color:#fff;font-weight: bold;}
.sqab{border-radius: 30px;line-height: 46px;padding:0 30px;background: #f44400;color:#fff;cursor: pointer;}
.sqab:hover{background: #f9b840;}

/*地板*/
.bitt{background: #1a1a1a;}
.bitta{width:92%;margin:auto;justify-content: space-between;padding:0.4rem 0;max-width:1500px;}
.bittaa{max-width:23%;}
.bittaaa{font-size:0.14rem;color:#fff;margin-bottom:0.2rem;}
.bittb a{display: block;line-height: 2;color:#eee;}
.bittb a:hover{color:#f9b840;}
.bittc{color:#eee;line-height: 1.5;}
.bittc p{margin-bottom:20px;}
.bittd{line-height: 1.5;color:#eee;margin-bottom:30px;}
.bitte{align-items: center;background: #eee;border-radius: 30px;overflow: hidden;}
.bitte input{border:0;background: none;box-sizing: border-box;padding:15px 20px;width: calc(100% - 45px);}
.bitte span{line-height: 46px;color:#eee;font-size: 27px;}
.bitte a{background: #f44400;display: inline-block;padding: 0 15px;}
.bittf{align-items: center;justify-content: space-between;}
.bittf span{font-size:0.12rem;color:#eee;}
.bittf p{width:60px;}
.bittt{border-top:1px solid #3c3b3b;text-align: center;color:#eee;padding:20px 0;}


/*******************内页***************/
.n-topa,.n-proab,.n-pro,.n-proad ul,.n-pros,.i-about,.i-abouta_c ul,.i-cotc,.n-coj ul,.n-neta,.n-nej,.n-netcb li a,.n-app ul{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-o-flex;display:-ms-flexbox;display:flex;}
.n-top{background: #f7f7f7;padding:25px 0;}
.n-topa{align-items: center;font-size:14px;justify-content: end;color:#666;}
.n-topa a{margin-right: 0.1rem;}
.n-topa a:hover{color:#f9b840}
.n-topa span{margin-left: 0.1rem;}

/*产品*/
.n-pro{justify-content: space-between;margin:40px auto;}
.n-proa{width: 300px;}
.n-proaa{font-size:20px;margin-bottom:20px;}
.n-proab{align-items: center;justify-content: space-between;box-shadow:0 0 10px rgb(0 0 0 / 16%);border-radius: 10px;overflow: hidden;margin-bottom:40px;}
.n-proab input{width:calc(100% - 60px);line-height: 20px;box-sizing: border-box;padding:10px;border-top-left-radius: 10px;border-bottom-left-radius: 10px;border:0;}
.n-proab a{display:block;text-align: center;background: #f44400;width:60px;line-height: 40px;}
.n-proab span{font-size:18px;color:#fff;}
.n-proaba{border-bottom:1px solid #dfdfdf;padding-bottom: 20px;}

.n-proac{margin:20px auto;}
.n-proac p a{display:block;padding:5px 0px;transition: all 0.3s;font-weight: 300;color: #000;font-family: none;}
.n-proac p{font-size:16px;position: relative;}
.n-proac p span{position: absolute;right: 10px;top: 50%;transform: translateY(-50%);display:none;}
.n-proac dl a{display:block;box-sizing: border-box;padding:8px 0 8px 20px;transition:all 0.3s;}
.n-proac dl{padding:10px 0;display:none;}
.isps a{background: #f9f9f9;padding:20px 10px;color:#f44400;}
.isps span{color:#f44400;}
.n-proac a:hover{color:#f44400;padding:5px 10px;}
.n-proac p:hover span{color:#f44400;}
.n-proac dl a:hover{padding:8px 0 8px 25px;}

.n-proadgg{width:calc(100% - 400px);}
.n-proad ul{margin-right: -3%;flex-wrap: wrap;}
.n-proad li{width:30.333%;margin:0 3% 30px 0;text-align: center;transition: all 0.3s;}
.n-proad img{width:100%;transition: all 0.3s;}
.n-proada{overflow: hidden;width: 90%;margin:auto;}
.n-proadb{margin:20px 0 30px;}
.n-proadb h4{font-size:18px;}
.n-proadb p{color:#666;margin-top:10px;}
.n-proadb span{transform: rotate(-90deg);display:inline-block;transition: all 0.3s;}
.n-pp{}
.n-proad li:Hover{box-shadow:0 0 20px rgb(229 150 150 / 39%);}
.n-proad li:Hover h4{color:#f44400;}
.n-proadb p:hover{color:#f44400;}
.n-proadb p:hover span{margin-right: 10px;}
.n-proad li:hover img{transform:scale(1.1);}


/**/
.n-pros{justify-content: space-between;margin:0.4rem auto 0.5rem;align-items: flex-start;}
.n-prosa{width:40%;position: sticky;top: 140px;}
.n-prosaa{font-size:0.2rem;font-weight: bold;}
.n-prosab{margin:40px 0;font-size:14px;line-height: 1.7;}
.n-prosab img{max-width:100%;}
.n-prosac a{padding:15px 0.4rem;transition: all 0.3s;display:inline-block;border-radius: 30px;background: #f44400;color:#fff;transition: all 0.3s;}
.n-prosac span{font-size:25px;margin-right: 5px;}
.n-prosb{width:45%;}
.n-prosb img{width:100%;}
.n-prosac a:hover{color:#fff;background: #f9b840;}

.osSwiper{width:80%;margin:auto;}
.osSwiper .swiper-slide{position: relative;}
.osw{position: relative;margin-top:20px;}
.osSwiperThumb{width:calc(100% - 100px);border: 1px solid #eee;}
.osSwiperThumb .swiper-slide{box-sizing:border-box;padding:10px;}
.osw .swiper-button-next1{position: absolute;top: 50%;z-index: 2;left: 0px;}
.osw .swiper-button-next1 span{color:#f44400;font-size:20px;box-shadow: 0 0 10px #ccc;background: #fff;border-radius: 50%;padding:10px;}
.osw .swiper-button-prev1{position: absolute;top: 50%;z-index: 2;right: 0px;}
.osw .swiper-button-prev1 span{color:#f44400;font-size:20px;box-shadow: 0 0 10px #ccc;background: #fff;border-radius: 50%;padding:10px;}

.n-posj{font-size:0.2rem;font-weight: bold;margin-bottom:30px;}
.n-posj p{width:50px;height: 2px;background: #f44400;margin:20px auto;}
.n-posja{font-size:14px;line-height: 1.8;margin:0 auto 0.5rem;}
.n-posja img{max-width:100%;}
.n-posja table{ border-collapse:collapse; border: 1px #ccc solid !important; width:100% !important;line-height:22px!important;}
.n-posja table td{padding: 8px!important; padding-left:12px !important;word-wrap:break-word;border: 1px #ccc solid !important;line-height:22px!important;}

/*关于我们*/
.i-about{justify-content: space-between;align-items: self-start;padding:0.4rem 0;}
.i-abouta{width:46%;box-sizing: border-box;padding-left: 11%;}
.i-abouta_a{margin:0px 0 40px;}
.i-abouta_a p{font-size: 18px;font-weight: bold;color:#777;}
.i-abouta_a h4{font-size:0.18rem;margin:10px 0 10px;font-weight: bold;}
.i-abouta_b{font-size:16px;line-height: 1.5;color:#444;}
.i-abouta_c{margin-top:40px;}
.i-abouta_c ul{justify-content: space-between;flex-wrap: wrap;}
.i-abouta_c li{width:42%;margin-bottom:30px;}
.i-abouta_c p{font-size: 0.18rem;color:#f44400;margin-bottom:10px;font-weight: bold;}
.i-abouta_c span{font-size: 14px;color: #666;}
.i-aboutb{width:46%;position: sticky;top: 150px;}
.i-aboutb img{width:100%;}
.i-aboutb video{width:100%;height: 100%;}
.video{position: absolute;top: 0;left: 0;width:100%;height: 100%;z-index: 3;display:none;background: #000;}
.video div{display: flex;align-items: center;justify-content: center;height: 100%;}

/*联系方式*/
.i-cjj{background: -webkit-linear-gradient(160deg,#ffffff, #f2f2f2);
    background: -o-linear-gradient(160deg,#ffffff, #f2f2f2);
    background: -moz-linear-gradient( 160deg,#ffffff, #f2f2f2);
    background: linear-gradient(160deg,#ffffff, #f2f2f2); padding-bottom:0.4rem;}

.i-cot{background: #fff;box-sizing: border-box;border-radius: 10px;padding:3% 4%;}
.i-cota{font-size: 0.2rem;margin-bottom:20px;}
.i-cotb{line-height: 1.6;color:#444;}
.i-cotc{flex-wrap: wrap;justify-content: space-between;margin-top:0.2rem;}
.i-cotc .input{width:48%;}
.i-cotc .input div{align-items: center;justify-content: space-between;padding:28px 0 0;border-bottom:1px solid #eee;position: relative;}
.i-cotc .input div:after{content: '';width:8px;height: 8px;background:#e9e9e9;border-radius: 50px;position: absolute;left: 0;bottom:-4px;}
.i-cotc .input div span{display:inline-block;width:260px;margin-bottom: 10px;}
.i-cotc .input input{box-sizing: border-box;border:0;width: 100%;line-height: 3;}
.i-cotc .textarea{width:48%;}
.i-cotc .textarea textarea{border:1px solid #eee;border-radius: 10px;width:100%;height: 100%;box-sizing: border-box;padding:5%;}
.i-cotc .div{width:100%;margin-top:50px;text-align: center;}
.i-cotc .div a{display:inline-block;border-radius: 30px;line-height: 50px;background: #f44400;padding: 0 40px;color:#fff;transition: all 0.3s;}
.i-cotc .div a:Hover{box-shadow: 0 3px 0px #f9b840;transform: translateY(-5px);}

.n-co{padding:0.4rem 0;}
.n-coa{font-size:27px;font-weight: bold;color:#000;margin-bottom:20px;}
.n-cob{line-height: 1.6;font-size:14px;color:#555;margin-bottom:70px;}
.n-coj ul{justify-content: space-between;}
.n-coj li{width:23%;text-align: center;}
.n-coj span{font-size:50px;color:#f44400;}
.n-coj p{margin:20px auto 10px;font-weight: bold;font-size: 18px;}
.n-coj samp{color:#000;font-size: 14px;color:#444;line-height: 1.6;}

/*新闻*/
.news_list{margin:0.3rem auto;}
.news_list li{width:100%; margin-top:20px; border-bottom:1px solid #eee; padding-bottom:20px;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:24px; color:#000; overflow:hidden; text-overflow: ellipsis;white-space:nowrap;font-weight: bold;}
.news_list li a .art .atc{font-size:14px; line-height:1.4; margin:20px 0 30px; 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:#555;}
.news_list li a .art .more .day{font-size:14px;color:#666; padding:15px 0 0;}
.news_lista p{display:inline-block;border:1px solid #333;border-radius: 30px;padding:13px 30px;}
.news_list li:hover a .art .att{color:#f44400;}
.news_list li:hover a .img img{transform: scale(1.05);-webkit-transform:scale(1.05);}
.news_lista p:hover{border:1px solid #f44400;background: #f44400;color:#fff;}


.ny_main{max-width:1480px;margin:0.8rem auto;width: 96%;}
.new-view-title{width:100%; text-align:center; padding-bottom:10px; border-bottom:1px solid #e6e6e6;transition-delay: 0.8s;}
.new-view-title h2{line-height:30px; font-size:24px; font-weight:bold; color:#f44400;}
.new-view-wz{width:100%;  text-align:center; line-height:30px; color:#999;}
.newsmore_text{width:100%; margin-top:40px;line-height:28px;font-size: 16px;color:#444;border-bottom: 1px solid #e6e6e6;padding-bottom:0.5rem;transition-delay: 0.9s;}

.n-neta{justify-content: space-between;padding:60px 0;align-items: flex-start;}
.n-netb{width:70%;box-sizing:border-box;}
.n-netc{width:25%;position: sticky;top: 95px;background: #f7f7f7;}
.n-netca{padding:20px 0 20px 20px;font-size:18px;color:#000;border-bottom: 1px solid #eee;}
.n-netca span{margin-right:10px;font-size:26px;}
.n-netcb li{border-top:1px solid #eee;box-sizing:border-box;padding:20px;}
.n-netcb li a{justify-content:space-between;color:#535353;align-items: flex-start;}
.n-netcba{width:120px;overflow: hidden;}
.n-netcba img{width:100%;transition: all 0.3s;}
.n-netcb li:Hover a{color:#f44400}
.n-netcbb{width:calc(100% - 140px);display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;line-height: 26px;color: #000;}
.n-netcb li:hover img{transform: scale(1.1);}
.n-netcb li:hover{background: #fff;}

.n-nes{margin:20px 0 30px;}
.n-nes h4{font-size:36px;margin-bottom:10px;color:#e28406;font-weight: bold;}
.n-nej{border-top:1px solid #e8e8e8;border-bottom:1px solid #e8e8e8;padding:20px 0;margin-bottom:30px;align-items: center;}
.n-nej p{margin-right: 20px;}
.n-nej span{margin-right: 5px;}

.i-comp{line-height:1.8;color:#000;padding:0px 0 50px;font-size:16px;}
.i-comp img{max-width: 100%;}

.page_bg{line-height: 26px;margin-top: 6px;padding-top: 20px;font-size: 14px;border-top:1px dashed #ccc;}
.page_bg p{margin-bottom:20px;}
.page_bg span{display:inline-block;padding:3px 0;background:#f44400;width:100px;text-align: center;margin-right: 20px;color:#fff;}
.page_bg samp{width:calc(100% - 120px);}
.page_bg a{color:#333;display:flex;width:100%;}
.page_bg a:hover{color:#f44400;}
.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:40px; width:44px; border:1px  solid #e0e0e0;}
.page span.on{  border:1px  solid #f44400; background:#f44400; 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;}

/*案例*/
.n-app{margin:60px auto;}
.n-app ul{margin-right: -2%;flex-wrap: wrap;}
.n-app li{width:23%;margin:0 2% 30px 0;position: relative;}
.n-app img{width:100%;transition: all 0.3s;}
.n-appa{overflow: hidden;}
.n-appb{position: absolute;bottom: 5%;right:5%;width:90%;}
.n-appb p{font-size:30px;color:#fff;margin-bottom:10px;font-weight: bold;}
.n-appb span{display:inline-block;padding:10px 20px;background:#f44400;color:#fff;border-radius: 30px;}
.n-app li:Hover img{transform: scale(1.1);}

/*******************css3******************/
@media screen and (max-width:1300px) {
    .ntb ul>li>p>a{font-size: 15px;}
    .nka {margin: 0 20px;}
    .nkb{font-size: 12px;}
    .titj,.ysobd,.aboutabc{font-size: 14px;}
    .prosb h3,.ggwa,.nnwba,.prosb h4{font-size: 16px;}
    .tit,.ysobb{font-size: 30px;}
    .ysobc{font-size: 18px;}
    .nnwbca{line-height: 34px;}
    .geatca{font-size: 30px;padding-top: 3%;padding-bottom: 10px;}
    .n-proa {width: 260px;}
    .n-proadgg {width: calc(100% - 320px);}
    .i-abouta{padding-left: 5%;}
    .i-abouta_a h4{font-size:26px;}
    .i-abouta_c p{font-size: 28px;}
    .n-appb p{font-size: 22px;}
    .n-neta{padding: 40px 0;}
    .n-nes h4{font-size: 30px;}
    .n-netcb li{padding: 10px;}
    .i-comp{line-height: 1.5;font-size: 15px;}
    .news_list li a .art{padding:0;}
    .news_list li a .art .att{font-size: 18px;}
    .news_list li a .art .more .day{padding: 5px 0 0;}
    .news_list li a .art .atc{margin: 10px 0 20px;}
    .news_lista p{padding: 8px 30px;}
    .n-coj ul{flex-wrap: wrap;}
    .n-coj li{width:50%;margin-bottom:20px;}
    .i-cota{font-size: 30px;}
}
@media screen and (max-width:1200px) {
    #naa{display:none;}
    .naabba{color: #333;}
    .ntb,.nkb{display:none;}
    .zhz{display:block;}
    .nta{width:80px;padding: 11px 0;}
    .nka {margin: 6px 69px 0 0;}
    .pros {padding: 0.35rem 0;}
    .titj{margin: 10px auto 0px;}
    .ttw {margin: 20px auto 0;}
    .prosb{padding: 10px;}
    .prosb p{line-height: 1.4;}
    .proj{margin-top: 20px;}
    .seve{padding: 0.35rem 0;}
    .jjw {margin: 30px auto 0;}
    .n-proadb h4 {font-size: 16px;}
    .i-abouta_b{font-size: 14px;}
}
@media screen and (max-width:780px) {
    .titj{max-width:90%;}
    .tit, .ysobb{font-size: 24px;line-height: 1.1;}
    .seve,.pros{padding: 30px 0;}
    .gduo{margin-top: 30px;}
    .abouta{flex-wrap: wrap;}
    .about{margin:20px auto;}
    .aboutaa{width:100%;}
    .aboutab{width:100%;margin-top:20px;}
    .aboutabb{font-size: 23px;}
    .aboutabd a{display:block;text-align: center;}
    .aboutabd{margin-top: 20px;}
    .yso{padding:30px 0;}
    .ysob {margin-top: 20px;}
    .ysob ul{flex-wrap: wrap;margin:auto;}
    .ysob li{width:100%;margin-bottom:10px;padding:5%;}
    .ysoba span{font-size: 34px;}
    .sqa{flex-wrap: wrap;}
    .sqaa{width:100%;text-align: center;font-size:20px;margin-bottom:20px;}
    .sq{padding: 50px 0;}
    .sqab{line-height: 36px;margin: auto;}
    .geatca{font-size: 24px;}
    .geatcb{line-height: 1.2;}
    .geatd{padding: 10px 5% 50px;}
    .geatd input{padding: 10px;}
    .geatd li {padding-bottom: 10px;}
    .geatb a{padding: 5px 0;}
    .geatb{bottom: 10px;}
    .bitta{padding: 30px 0;}
    .bittaa{display:none;}
    .bitta .bittaa:nth-child(2){display:block;width:100%;max-width:100%;}
    .bittaaa{display:none;}
    .bittc p {margin-bottom: 10px;}
    .sooba{width: 200px;}
    .soobb{margin:20px auto 0;}
    .soob{flex-wrap: wrap;}
    .n-top{padding: 20px 0;}
    .n-proaa,.n-proab{display:none;}
    .n-proaba{display:block;border:1px solid #ccc;padding:5px 10px;margin:auto;position: relative;}
    .n-proaba:after{content: '';position: absolute;top: 13px;right: 15px;;width:7px;height: 7px;border-left: 1px solid #333;border-bottom: 1px solid #333;transform: rotate(-45deg);}
    .n-pro{flex-wrap: wrap;margin: 20px auto;}
    .n-proa{width:100%;}
    .n-proadgg{width:100%;margin-top:20px;}
    .n-pp{position: relative;top: auto;}
    .n-proac{position: absolute;top: 100%;left: 0;background: #f7f7f7;width:100%;margin:auto;z-index: 2;display:none;}
    .n-proac p a{padding:10px;}
    .n-proac p{font-size:14px;}
    .n-proad li{width:48%;margin: 0 2% 30px 0;}
    .n-proadb {margin: 0px 0 10px;}
    .n-proadb h4 {font-size: 15px;}
    .n-pros{flex-wrap: wrap;}
    .n-prosb{width:100%;}
    .n-prosa{width:100%;margin-top: 40px;}
    .osw .swiper-button-next1 span,.osw .swiper-button-prev1 span{font-size:14px;}
    .osw .swiper-button-next1,.osw .swiper-button-prev1{top: 15%;}
    .n-prosaa{font-size: 22px;}
    .n-prosab{margin: 20px 0;}
    .n-prosac a{padding: 10px 0;width:100%;text-align: center;}
    .n-posj{font-size: 22px;margin-bottom: 20px;}
    .n-posja{line-height: 1.6;}
    .n-posja table{overflow-x: auto;display:block;}
    .n-posja tbody{min-width:900px;display: block;}
    .i-about{flex-wrap: wrap;padding: 30px 0;}
    .i-abouta{padding:0;width:96%;margin:auto;}
    .i-aboutb{width:100%;top: auto;}
    .i-abouta_a h4 {font-size: 22px;}
    .i-abouta_a p{font-size: 15px;}
    .i-abouta_a {margin: 0px 0 20px;}
    .n-app ul{margin:auto;}
    .n-app li{width:100%;margin: 0 0% 10px 0;}
    .n-app {margin: 30px auto;}
    .n-neta{flex-wrap: wrap;padding: 20px 0;}
    .n-nes{margin:0 auto 20px;}
    .n-netb{width:100%;}
    .n-netc{position: static;top: auto;width:100%;}
    .n-nes h4 {font-size: 20px;}
    .n-nej{display:none;}
    .i-comp{font-size: 14px;}
    .n-netcb li a{flex-wrap: wrap;}
    .n-netcba{width:100%;}
    .n-netcbb{width:100%;margin-top:10px;}
    .news_list li a .img{width:100%;}
    .news_list li a .art{width:100%;margin-top:20px;}
    .n-topa{flex-wrap: wrap;}
    .n-coa{font-size: 16px;}
    .n-cob{margin-bottom: 20px;}
    .n-coj li{width:100%;text-align: left;margin-bottom: 0px;}
    .n-coj span{font-size: 30px;}
    .n-coj p{font-size: 16px;margin: 10px auto 10px;display:inline-block}
    .i-cota {font-size: 20px;}
    .i-cotb{line-height: 1.4;}
    .i-cotc .input{width:100%;}
    .i-cotc .textarea{width:100%;margin-top:20px;}
    .i-cotc .input div span{margin:auto;}
    .i-cotc .input div{padding: 20px 0 0;}
    .i-cotc .div{margin-top: 20px;}
    .i-cotc .div a{line-height: 40px;}
    
}