@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{color:#333; font-size:14px; font-family:Arial, "微软雅黑";}
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;}
input:focus {outline:none;}
span,samp,i,em,b{ font-family: Arial, "微软雅黑";;}
a{ color:#333; text-decoration:none;}
.topaa,.topaaa,.topaab,.topaab p,.toplogo,.topgo ul,.gug,.produ3 ul,.about,.abou2,.news ul,.bos,.i-constb{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-o-flex;display:-ms-flexbox;display:flex;}
.w1300{max-width:1300px;width:96%;margin:auto;}

/**ff6600**/
.topa{background:#ff6600;padding:11px 0;}
.topaa{justify-content: space-between;}
.topaaa{}
.topaaa a{display:inline-block;margin-right:20px;}
.topaab p{align-items:center;margin-left:30px;color:#ebebeb;}
.topaab p img{margin-right:5px;}

.toplogo{max-width:1300px;margin:auto;justify-content: space-between;align-items: center;}
.toplo{}
.topgo{width:70%;}
.topgo ul{justify-content:space-between;}
.topgo li{position:relative;}
.topgo li>p{font-size:16px;font-weight: bold;position: relative;}
.topgo li>p:after{content:'';width:100%;height:2px;background:#ff6600;position:absolute;bottom:0;left:0;display:none;}
.topgo li>p a{color:#333333;display:block;line-height:96px;}
.topgo dl{position:absolute;top:100%;left:-20px;background: #fff;width:200px;display:none;z-index: 9999;}
.topgo dl a{display:block;line-height:36px;box-sizing:border-box;padding-left:20px;}
.topgo dl dd{position:relative;}
.topgo dl ol{position:absolute;top:0;left:100%;background:#fff;width:100%;display:none;}

@media screen and (min-width:1300px){
.topgo li:hover>p:after{display:block;}
.topgo li:hover>p a{color:#ff6600;}
.topgo li:hover dl{display:block;}
.topgo dl dd:hover{background:#f5f5f5;}
.topgo dl dd:hover>a{color:#ff6600;}
.topgo dl dd:hover ol{display:block;}
.topgo ol a:hover {color:#ff6600;}
}

/*手机*/
.zhz{width:49px;height:49px;overflow:hidden;position:absolute;top:8px;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;}



/*大图*/
.banner{}
.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{}
.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;}

/*中间广告*/
.guang{background:#dbdbdb;padding:45px 0;}
.gug{justify-content: space-between;flex-wrap: wrap;align-items: center;}
.guga{}
.guga h4{font-size:36px;color:#333;}
.guga p{font-size:20px;color:#5f5f5f;margin:10px auto 25px;}
.guga a{display:inline-block;font-size:16px;color:#fff;line-height:36px;background:#ff6600;border-radius: 15px;padding:0 40px;}

.guss{width:100%;}
.guss img{width:100%;}

/*标题*/
.tits{text-align:center;}
.tits h4{font-size:36px;color:#ff6600;margin-bottom:18px;font-weight: bold;}
.tits p{font-size:18px;color:#4c4c4c;}

.tits2{text-align:center;}
.tits2 h4{font-size:36px;color:#333;margin-bottom:18px;font-weight: bold;}
.tits2 p{font-size:18px;color:#4c4c4c;}

.biese{background:#f4f4f4;padding:50px 0 60px;margin-bottom:50px;}
.biese2{background:#f4f4f4;padding-bottom:80px;}

/*产品 ff6600*/
.produ1{margin:50px auto 30px;}
.produ1 img{width:100%;}
.produ1 a{display:block;position:relative;}
.produ1 .pro1s{position:absolute;bottom:30px;left:30px;max-widtH:450px;color:#fff;}
.produ1 .pro1s h4{font-size:30px;}
.produ1 .pro1s p{font-size:16px;line-height:24px;margin:15px auto 30px;}
.produ1 .pro1s span{font-size:16px;line-height:40px;border:1px solid #fff;border-radius:10px;display:inline-block;padding:0 20px;}
.produ1 .pro1s span:hover{background:#ff6600;}

.produ2{}
.produ2 h4{font-size:24px;margin-top:30px;}
.produ2 p{color:#555555;font-size:16px;line-height:24px;margin:15px auto 40px;min-height:96px;}
.produ2 span{display:inline-block;line-height:38px;border:1px solid #ff6600;color:#ff6600;padding:0 20px;font-size:16px;}
.produ2 div{overflow:hidden;}
.produ2 img{transition:all 0.3s;}
.produ2 li:hover img{transform: scale(1.1);}
.produ2 li:hover h4{color:#ff6600;}
.produ2 li span:hover{background:#ff6600;color:#fff;}

.produ3{margin:60px auto 40px;}
.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:14px;line-height:24px;color:#ff6600;min-height:48px;margin-bottom:10px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.produ3 p{color:#333;min-height:48px;line-height:24px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.produ3 div{overflow:hidden;}
.produ3 .pro3{box-sizing:border-box;padding:20px;}
.produ3 span{display:block;border-radius: 5px;line-height:38px;background:#ff6600;text-align:center;margin-top:30px;color:#fff;box-sizing:border-box;transition:all 0.3s;border:1px solid #ff6600;}
.produ3 li:hover{border:1px solid #ff6600;}
.produ3 li:hover img{transform:scale(1.1);}
.produ3 li span:hover{background:#eee;color:#ff6600;border:1px solid #ff6600;}

/*广告*/
.gug2{height:600px;width:100%;}

/*关于我们 ff6600*/
.about{justify-content:space-between;padding:60px 0 40px;align-items: flex-end;}
.abouta{font-weight: bold;color:#333;}
.abouta h4{font-size:18px;margin-bottom:10px;}
.abouta p{font-size:36px;}
.aboutb{font-size:16px;font-weight: bold;}
.aboutb a{color:#ff6600;}

.abou2{justify-content: space-between;align-items: center;margin-bottom:80px;}
.abou2a{width:58%;border-top-left-radius: 10px;border-bottom-left-radius: 10px;overflow:hidden;}
.abou2a img{width:100%;}
.abou2b{width:36%;}
.abou2b h4{font-size:18px;color:#333;}
.abou2b h5{font-size:24px;color:#333;font-weight: bold;margin:15px auto 40px;}
.abou2b p{color:#555555;line-height:24px;font-size:16px;}
.abou2b a{display:block;line-height:50px;text-align:center;color:#fff;background:#ff6600;border-radius: 30px;margin-top:60px;}

/*新闻*/
.news{margin:50px auto 0;}
.news ul{justify-content:space-between;}
.news li{width:31.333%;background:#fff;transition:all 0.3s;}
.newsa{overflow:hidden;}
.newsa img{transition:all 0.3s;width:100%;}
.newsb{box-sizing:border-box;padding:20px 10px 30px;}
.newsb h4{font-size:18px;margin-bottom:15px;}
.newsb p{color:#555555;line-height:24px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.newsb span{display:block;margin-top:60px;color:#ff6600;}
.news li:hover{box-shadow:0 0 20px #999;}
.news li:hover h4{color:#ff6600;}
.news li:hover p{color:#666;}

/*合作*/
.feol{padding:50px 0;}
.feol li{}
.feol .owl-stage{display:flex;}
.feol .owl-item{display:flex;align-items:center;box-sizing:border-box;border:1px solid #eaeaea;}

/*地板*/
.bosst{background:#24272b;}
.bos{max-widtH:1300px;width:96%;margin:auto;padding:55px 0;}
.bos h5{font-size:18px;color:#fff;margin-bottom:30px;display:block;width:100%;float:left;}
.bosa{width:20%;overflow:hidden;}
.bosa a{display:block;line-height:30px;color:#b8b8b8;float:left;width:100%;}
.bosb{overflow:hidden;width:38%;}
.bosb a{width:46%;margin-right:4%;display:block;float:left;line-height:30px;color:#b8b8b8;}
.bosc{width:42%;}
.bosca{line-height:30px;color:#b8b8b8;}
.boscb{line-height:54px;font-size:0;margin:20px auto;}
.boscb input{box-sizing:border-box;border:none;background:#fff;padding:0 0 0 20px;width:calc(100% - 110px);font-size:14px;line-height:54px;display:inline-block;vertical-align:middle;}
.boscb input:placeholder{color:#b8b8b8;}
.boscb a{display:inline-block;background:#ff6600;text-align:center;width:110px;font-size:14px;vertical-align: middle;color:#fff;}
.boscc{}
.boscc a{display:inline-block;margin-right:10px;}
.bosa a:hover,.bosb a:hover{color:#ff6600}
.bot{max-width:1300px;margin:auto;line-height: 70px;text-align: center;color:#b8b8b8;border-top:1px solid #4e4e4e;}



/***************************内页***********************************/
.i-distb ul,.i-pro,.i-prx{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-o-flex;display:-ms-flexbox;display:flex;}
.i-top{line-height:36px;background:#eee;}
.i-topa{text-align:right;font-size:0;}
.i-topa a{font-size:14px;display:inline-block;vertical-align: middle;color:#888;}
.i-topa img{display:inline-block;vertical-align: middle;margin-right:3px;}
.i-topa i{font-size:14px;display:inline-block;vertical-align: middle;margin:0 15px;}
.i-topa a:hover{color:#ff6600;}

.i-ist{background:#f4f4f4;}
.i-contact{padding:60px 0;line-height:34px;}
.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:14px;}
.i-constb{flex-wrap:wrap;padding-bottom:60px;}
.i-constb .se{width:31.333%;line-height:36px;margin-bottom:10px;box-sizing:border-box;padding-left:10px;margin-right:3%;}
.i-constb .se:nth-child(3n){margin-right:0;}
.i-constb textarea{width:100%;height:150px;box-sizing:border-box;padding:10px;margin-bottom:20px;}
.i-constb .st{width:120px;height:40px;margin-right:10px;cursor: pointer;}

/**/
.i-dist{text-align:center;font-size:36px;color:#ff6600;font-weight: bold;margin-bottom:30px;padding-top:60px;}
.i-dista{font-size:15px;line-height:28px;color:#777;margin:0 auto 40px;text-align:center;max-width:800px;}

.i-distb{padding-bottom:60px;}
.i-distb ul{margin-right:-4%;flex-wrap:wrap;}
.i-distb li{background:#fff;border:1px solid #ccc;margin:0 4% 40px 0;width:29.3333%;transition: all 0.3s;}
.i-distb li p{box-sizing:border-box;padding:30px 20px;font-size:16px;color: #f60;}
.i-distb li img{width:100%;}
.i-distb li div{display:flex;align-items:center;box-sizing:border-box;padding:20px;}
.i-distb li:hover{border:1px solid #f60;box-shadow: 0 0 10px #ccc;}

.i-distct{max-width:1300px;margin:auto;padding-bottom:50px;text-align:center;}
.i-distct img{max-width:100%;}

/**/
.i-comp{line-height:28px;color:#666;padding-bottom:50px;}

/**/
.i-pro{justify-content: space-between;padding:50px 0 60px;}
.i-pry{width:calc(100% - 320px);}
.i-prs{width:100%;}
.i-proa{width:285px;}
.i-proa h4{font-size:28px;padding:0px 0 20px;border-bottom:1px solid #eee;font-weight: bold;}
.i-proa li p{display:block;line-height:48px;font-size:18px;border-bottom:1px solid #eee;box-sizing:border-box;transition:all 0.3s;position:relative;}
.i-proa li p a{display:block;}
.i-proa li p:after{content: '+';position:absolute;top:0;right:10px;color:#666;display:none;}
.i-proa li.isp p:after{display:block;}
.i-proa li:hover p{padding-left:20px;background:#f60;}
.i-proa li:hover p a{color:#fff;}
.i-proa dl{background:#fff;display:none;}
.i-proa dl a{display:block;box-sizing:border-box;padding-left:20px;line-height:40px;}
.i-proa dl a:Hover{background:#f60;color:#fff;}
.i-proa li:hover p:after{color:#fff;}

.prodsa{font-size:20px;color:#555;border-bottom:1px solid #dbe3e5 ;padding-bottom:10px;margin-bottom:20px;}
.prodsa p{position:relative;display:inline-block;padding-left:15px;}
.prodsa p:before{content:'';width:4px;height:17px;background:#f60;display:inline-block;position:absolute;top:3px;left:0;}
.prodsb ul{display:flex;margin-right:-2%;flex-wrap: wrap;}
.prodsb li{width:31.3333%;box-sizing:border-box;border:1px solid #dbe3e5;margin:0 2% 20px 0;}
.prodsb img{width:100%;}
.prodsb p{box-sizing:border-box;padding:20px 13px;line-height:20px;color: #666;}
.prodsb li:hover{border:1px solid #f60;}
.prodsb li:hover p{color:#FF6600}

/*分页样式*/
.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:#ff6600;color:#fff;border:1px solid #ff6600;}
.pagination .cur_page{background:#f60;color:#fff;}

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

.i-prx{margin:0 auto;justify-content: space-between;align-items: center;flex-wrap: wrap;}
.i-prxa{width:50%;text-align:center;}
.i-prxa img{max-width:100%;}
.i-prxb{width:44%;box-sizing:border-box;height:100%;}
.i-prxba{font-size:22px;margin-bottom:40px;border-bottom:1px dashed #ccc;padding-bottom:20px;}
.i-prxbb{font-size:14px;line-height:28px;}

.i-prxs{margin:40px auto 20px;box-sizing:border-box;border-bottom: 1px solid #dfdfdf;padding-bottom: 20px;}
.i-prxs p{font-size:18px;font-weight: bold;color:#f60;border-left:3px solid #f60;box-sizing:border-box;padding-left:10px;line-height:16px;}
.i-prxu{margin:0 auto 60px;font-size:14px;line-height:26px;}
.i-prxu img{max-width:100%;}

.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:40px;}
.i-pso a{display:block;width:150px;line-height:36px;background:#f60;color:#fff;text-align:center;}
.i-pst{margin-top:30px;}

.i-puo-d{border-top:1px solid #eee;padding-top:20px;overflow:hidden;margin-bottom:50px;}
.i-puo-d h5{font-size:20px;margin-bottom:20px;position:relative;}
.i-puo-d h5:before{content: '';width: 5px;height: 20px;background: #f60;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)}

/*新闻 f60*/
.n-newss{}
.n-news{width: 100%;}
.n-news ul li{border-bottom:1px dashed #ccc;padding-bottom:30px;margin-bottom:30px;}
.n-news ul li a{justify-content: space-between;align-items: center;flex-wrap:wrap;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-o-flex;display:-ms-flexbox;display:flex;}
.n-news ul li .n-nea{flex-shrink:0;width:220px;border:1px solid #eee;}
.n-news ul li .n-nea img{width:100%;transition:all 0.3s;}
.n-news ul li .n-neb{flex-shrink:0;width:calc(96% - 220px);}
.n-news ul li .n-neb h6{font-size:18px;margin-bottom:20px;color:#000;}
.n-news ul li .n-neb p{line-height:24px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.n-news ul li .n-neb span{display:block;margin-top:20px;color:#888;box-sizing:border-box;}


.n-news ul li .n-nep{width:100%;}
.n-news ul li .n-nep h6{font-size:18px;margin-bottom:20px;color:#000;}
.n-news ul li .n-nep h6:before{content:'Q';width:40px;height:40px;background:#f60;color:#fff;text-align:center;display:inline-block;line-height:40px;margin-right:20px;}
.n-news ul li .n-nep p{line-height:24px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.n-news ul li .n-nep p:before{content:'A';width:40px;height:40px;background:#999;color:#fff;text-align:center;display:inline-block;line-height:40px;margin-right:20px;}

@media screen and (min-width:1000px){
.n-news ul li:hover .n-nea{background:#fff;}
.n-news ul li:hover .n-nea img{transform:scale(0.9);}
.n-news ul li:hover .n-neb h6{color:#f60;}
.n-news ul li:hover .n-neb p{color:#666666;}
}

.n-nes{text-align:center;border-bottom:1px dashed #ccc;margin-bottom:30px;}
.n-nes h4{font-size:20px;margin-bottom:10px;}
.n-nes p{color:#888;margin-bottom:20px;}

.page_bg{line-height: 26px;margin-top: 6px;padding-top: 20px;font-size: 14px;border-top:1px dashed #ccc;}
.page_bg span{display: block;}
.page_bg a{color:#666;}
.page_bg a:hover{color:#f60;}