@charset "utf-8";
.banner-video{position: relative;}
#banner{position:relative;}
#banner .swiper-button-prev,#banner .swiper-button-next{position:absolute;top:50%;width:80px;height:50px;background-repeat:no-repeat;background-position:center;background-color:rgba(0,0,0,0.3);background-size:auto 30px;border:1px solid #fff;border-radius:10px;}
#banner .swiper-button-prev:hover,#banner .swiper-button-next:hover{background-color:#FF7300;}
#banner .swiper-button-prev{left:50px;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");}
#banner .swiper-button-next{right: 50px;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");}
#banner .swiper-pagination{bottom:20px;}
#banner .swiper-pagination-bullet{width:50px;border-radius:10px;}
#banner .swiper-pagination-bullet-active{}
.video{overflow:hidden;background: url(../images/zhixinpinpai.jpg) no-repeat center;background-size: 100% 100%;}
.video img{display: block;max-width: 100%;}
.video:before{content:'';width:100%;height:100%;position: absolute;background: rgba(0,0,0,0.3) url(../images/play.png) no-repeat center;background-size: 100px;display: none;cursor: pointer;}
.video.pause:before{display:block}
.video video{display:block;}
#product{
    padding-bottom: 50px;
}
.title{display:flex;align-items:center;justify-content:space-between;margin:40px 0}
.titleL{
}
.titleL h3{background: url(../images/icon.png) no-repeat 0 0;min-width:245px;font-size: 40px;padding-top: 40px;line-height: 1;}
.titleR{flex: 1;display:flex;max-width: 1000px;align-items: center;justify-content: flex-end;}
.titleR .category{display:flex;align-items:center;margin-right:40px;justify-content: space-between;flex: 1;}
.titleR .category li{}
.titleR .category a{display:block;font-size:20px;border-bottom:2px solid transparent}
.titleR .category .on a{border-bottom:2px solid #FF7300;color:#FF7300}
.more{display:block;background:#FF7300;border-radius:20px;padding:4px 30px;color:#fff}
.more:hover{background:#333;color:#fff}
.product-tab{}
.product-bot{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.pages{text-align:center}
.pages a{display:inline-block;width:26px;text-align:center;line-height: 26px;margin-right: 2px;}
.pages a:hover,.pages a.page-num-current{background: #FF7200;color: #fff;}
.pages i{}
.product-bot li{
    width: 15%;
}
.product-img{
    position: relative;
    width: 100%;
    height: 0;
    padding: 0 0 100% 0;
    background: #eee;
}
.case-img:before{display:block;position:absolute;content:'';width:100%;height:100%;}
.product-img img{display: block;max-width: 100%;max-height: 100%;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.product-bot p{text-align:center;background: #FF7300;line-height: 50px;position: relative;padding-bottom: 20px;font-size: 20px;color: #fff;}
.product-bot p:before{display:block;content:'';position: absolute;width: 50px;height: 2px;background: #fff;left: 50%;margin-left: -25px;bottom: 15px;}
.product-bot a:hover p{background:#1757a6;color:#fff}

#about{background: url(../images/about-bg.jpg) no-repeat fixed;overflow: hidden;padding: 50px 0;color: #fff;}
.about{max-width:1200px;background:rgba(0,0,0,0.5);overflow:hidden;box-sizing:border-box;padding:0 50px}
.about .title{display:block;text-align:center;margin-bottom:20px}
.about .titleL h3{color:#fff;background: url(../images/icon2.png) no-repeat center 0;}
.about-text{text-align:center;color:#fff}
.about-ul{display:flex;justify-content:space-around;flex-wrap:wrap;margin:40px 0}
.about-ul li{}
.about-ul h6{font-size:20px;position:relative;padding-bottom:10px}
.about-ul h6:before{display:block;content:'';width:30px;height:2px;background:#fff;position:absolute;bottom:0}
.about-ul p{}
.about-ul .num{font-size:50px;font-weight:bold;color:#FE7301}
.about-ul .text{font-size:14px;margin-left:10px}

#case{padding-bottom:50px}
.case{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.case li{
    width: 19%;
}
.case li a{display:block;position:relative}
.case li a:hover img{
    transform: scale(1.2);
}
.case li a:hover .case-img{
}
.case-img{position:relative;overflow: hidden;}
.case-img img{display:block;max-width:100%;transition: 1s all;}
.case p{position:absolute;bottom:0;width:100%;height:2.6em;line-height:2.6;background:rgba(0,0,0,0.5);color:#fff;text-align:center}

#tedian{overflow:hidden;background: url(../images/ys-bg.jpg) no-repeat 0 center;margin-bottom: 50px;padding-bottom: 50px;}
.tedianL{max-width:650px;/* width: 50%; */}
.tedianL .title{display:block}
.tedianL .title h3{background:url(../images/icon.png) no-repeat left bottom;font-size:40px;padding-bottom:20px}
.title p{text-align:right;font-size:24px;margin-top:-20px}
.tedian-ul{}
.tedian-ul li{display:flex;align-items:center;margin-bottom: 40px;}
.tedian-ul i{font-size:60px;margin-right:20px;line-height:1}
.tedian-ul dl{}
.tedian-ul dt{font-weight:bold;font-size:20px;line-height:2}
.tedian-ul dd{font-size:14px;line-height:1.6;color:#666}
.tedian-ul li:hover{color:#FF7300;cursor:pointer}
.tedian-ul li:hover dd{color:#FF7300}
#hzbm{background: url(../images/hzhb-bg.jpg) no-repeat center;overflow: hidden;padding-bottom: 70px;}
.hzbm .title{display:block;text-align:center;}
.hzbm .titleL h3{color:#fff;background: url(../images/icon2.png) no-repeat center 0;}
.hzbm{}
.hzbm .hzbm-box{position: relative;}
.hzbm-wrap{}
.hzbm-wrap img{display: block;max-width: 100%;}
#swiper-hzbm{width: 92%;position:relative;}
.hzbm .hzbm-controls{position:absolute;width:100%;height:100%;top:0;left:0}
.hzbm .hzbm-controls i{font-size:30px}
.hzbm .hzbm-controls .swiper-button-prev,.hzbm .hzbm-controls .swiper-button-next{width:3%;height:100%;top:0;margin-top:0;background: #FF7300;opacity:1;color:#fff;position: absolute;display: flex;align-items: center;justify-content: center;}
.hzbm .hzbm-controls .swiper-button-prev{left:0}
.hzbm .hzbm-controls .swiper-button-next{right:0}

#news{padding:50px 0;display: flex;justify-content: space-between;flex-wrap: wrap;}
#news:after{display:none}
.newsL{margin-right: 50px;}
.newsL .title{margin:0 0 40px}
.newsL .titleL h3{}
.newsL p{font-size:14px;line-height:2;color:#595959}
.newsL a{border-radius:unset;width:80px;text-align:center;font-size:14px;margin-top:40px}
.news{
    flex: 1;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.news li{
    width: 15%;
}
.news a{display:block;transition:0.5s all}
.news-img{width:100%;height:0px;position:relative;padding-bottom: 100%;}
.news-img img{position:absolute;width:100%;height:100%;top:0px;left:0px}
.news-con{padding-top:20px}
.news-con .time{color:#999;font-size:14px;line-height:1;display:block}
.news-con h4{height:40px;line-height:40px;color:#333;font-size:1.125rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position:relative}
.news-con i{border-top-color: #FF7300;border-top-width:1px;border-top-style:solid;margin:10px 0;width:5%;transition:all .5s ease;display:block;}
.news li:hover a{transform:translateY(-15px)}
.news li:hover i{width:100%}
.news-con p{font-size:0.875rem;display:-webkit-box;overflow:hidden;-webkit-line-clamp:2px;-webkit-box-orient:vertical;text-overflow:ellipsis;line-height:2em;color:#999}
@media (max-width: 1280px){
	.newsL{
    width: 100%;
    margin-right: 0;
}
	.news{
    margin-top: 30px;
    width: 100%;
}
	.news li{}
	.product-bot p{
    font-size: 16px;
    line-height: 40px;
    padding-bottom: 10px;
}
	.product-bot p:before{
    bottom: 10px;
}
	.titleR .category a{font-size:16px}
	.titleR .category li{}
	.more{
    padding: 1px 15px;
    font-size: 14px;
}
}
@media (max-width: 768px){
	#banner{}
	#banner .swiper-button-prev,#banner .swiper-button-next{
    width: 40px;
    height: 40px;
    background-size: auto 20px;
    margin-top: -20px;
}
	#banner .swiper-button-prev{left: 10px;}
	#banner .swiper-button-next{
    right: 10px;
}
	#banner .swiper-pagination{bottom: 0;}
	#banner .swiper-pagination-bullet{width: 30px;height: 6px;}
	#banner .swiper-pagination-bullet-active{}
	.product-bot li{width: 32%;margin-bottom: 15px;}
	.newsL{}
	.news{}
	.news li{}
	.banner-video{}
	.video.on video{width:0}
	.video video{display:block;}
	.video:before{background-size:50px}
	.video img{}
	
	#product{}
	.title{margin:20px 0;display:block}
	.titleL{}
	.titleL h3{font-size:30px;background-size:150px;background-position:left 0px}
	.titleR{display:block;margin-top: 10px;}
	.titleR .category{margin: 0;flex-wrap: wrap;}
	.titleR .category li{padding: 0 10px 0 0;}
	.titleR .category a{
    font-size: 16px;
}
	.titleR .category .on a{}
	.more{display:inline-block;margin-top: 10px;}
	.product-tab{}
	.product-bot{}
	.product-bot li{
}
	.product-img{}
	.product-bot p{line-height:40px;font-size:16px}
	
	#about{padding: 0;background-size: auto 100%;}
	.about{width: 100%;padding: 0 10px;}
	.about .title{}
	.about h3{}
	.about-text{}
	.about-ul{}
	.about-ul li{
    width: 50%;
}
	.about-ul h6{}
	.about-ul p{}
	.about-ul .num{}
	.about-ul .text{}
	
	#case{padding-bottom:20px}
	.case{margin: 0 -5px;}
	.case li{margin-bottom:10px;width: 48%;}
	.case li:last-child{display:none}
	.case li a{}
	.case-img{}
	.case-img img{}
	.case p{}
	#tedian{background-position:center left;padding-bottom: 0;}
	.tedianL{}
	.tedianL .title{}
	.tedianL .title h3{font-size:30px}
	.title p{font-size:20px;margin-top:0}
	.tedian-ul{}
	.tedian-ul li{}
	.tedian-ul i{}
	.tedian-ul dl{}
	.tedian-ul dt{}
	.tedian-ul dd{}

	.hzbm .hzbm-controls .swiper-button-prev, .hzbm .hzbm-controls .swiper-button-next{width: 5%;}
	
	#news{padding:20px 0}
	.newsL{}
	.newsL .title{margin-bottom:10px}
	.newsL .titleL h3{padding-top:20px}
	.newsL a{margin-top:10px;margin-bottom:15px}
	.news{padding:0}
	.news li{margin-bottom:15px;width: 31%;}
	.news a{}
	.news-img{}
	.news-img img{}
	.news-con{}
	.news-con .time{}
	.news-con h4{}
	.news-con p{}
}
@media (max-width: 500px){
	.product-bot li{
    width: 49%;
    margin-bottom: 15px;
}
	.case li{}
	.news li{width: 48%;}
}