@charset "utf-8";
/* CSS Document */

/* 焦点图*/
.indexbanner {position: relative}
.mainvisual__slider-item {position: relative;width: 100%;height: 82vh;overflow: hidden}
.mainvisual__slider-item-img { transition: -webkit-transform 15s linear 2s;transition: transform 15s linear 2s;transition: transform 15s linear 2s, -webkit-transform 15s linear 2s;position: absolute;
left: 0;top: 0;width: 100%;height: 100%;}
.indexbanner .swiper-slide.swiper-slide-active .mainvisual__slider-item-img {transition: -webkit-transform 10s linear;transition: transform 10s linear;transition: transform 10s linear, -webkit-transform 10s linear;-webkit-transform: scale(1);transform: scale(1);}
.banner_bg {position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-position: center;background-repeat: no-repeat;background-size: cover;}
.indexbanner .swiper-container-horizontal > .swiper-pagination-bullets, .indexbanner .swiper-pagination-custom, .indexbanner .swiper-pagination-fraction {left: 10%;width: 90%;bottom: 4.16666666666667vw;text-align: left;}
.indexbanner .swiper-pagination-bullet {height: 25px;background: none;width: 8.07291666666667vw;color: #000;font-family: Impact;border-radius: 0;opacity: 1;position: relative;}
.indexbanner .swiper-pagination-bullet:before {content: '';position: absolute;left: 0;bottom: 0;width: 100%;height: 1px;background-color: #707070;opacity: .36;}
.indexbanner .swiper-pagination-bullet:after {content: '';position: absolute;width: 0px;position: absolute;left: 0px;background-color: #000;z-index: 100;height: 1px;bottom: 0;}
.indexbanner .swiper-pagination-bullet-active:after {width: 100%;transition: width 7.3s ease-out 0s;}
.mobilebanner {display: none;}
.mobilebanner img {width: 100%;}

@media screen and (max-width:1320px) {
.mainvisual__slider-item { height: 90vh;}
}	
@media screen and (max-width:1024px) {
.mainvisual__slider-item-img, .mainvisual__slider-item {position: relative;height: auto}
.banner_bg {display: none}
.mobilebanner {display: block}
}



/*产品*/
.tit{text-align:center;margin-bottom:3%; font-weight: bold;}
.index01{width:100%;margin:5vw 0;}
.cate_list li:first-child{width:65.66%;}
.cate_list li{width:32.33%;margin-bottom:1%;float:left; margin-right: 1%;}

.cate_list li:nth-child(2) , .cate_list li:last-child{margin-right:0;}
.cate_list li a{display:block;position:relative}
.cate_list li .c_pic{height: 23rem;}
.cate_list li a .pic img{width:100%;}
.cate_list li .c_des{position:absolute;left:0;top:0;width:100%;height:100%;text-align:center;transition: all 0.6s ease 0s; -webkit-transition: all 0.6s ease 0s;-moz-transition: all 0.6s ease 0s;-o-transition: all 0.6s ease 0s;z-index:3}
.cate_list li a:after{position:absolute;content:"";width:100%;height:100%;top:0;left:0;}
.cate_list li a:hover:after{background-image: linear-gradient(45deg,#fdfdfdc7 42%,#ffffffc7 88%);z-index:1}
.cate_list li .c_tit{transform:scale(0);-webkit-transform:scale(0);-moz-transform:scale(0);-o-transform:scale(0);transition: all 0.6s ease 0s; -webkit-transition: all 0.6s ease 0s;-moz-transition: all 0.6s ease 0s;-o-transition: all 0.6s ease 0s;}
.cate_list li a:hover .c_tit{transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1)}
.cate_list li a:hover .c_tit img{transform:scale(0.7);-webkit-transform:scale(0.7);-moz-transform:scale(0.7);-o-transform:scale(0.7)}
.cate_list li .c_tit p{margin-top:3%;font-weight:bold;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;}
.cate_list li .c_pic img{width:100%;}
@media screen and (max-width:1440px) {
.cate_list li .c_pic{height: 20rem;}
}
@media screen and (max-width:1440px) {
.cate_list li .c_pic{height: 17rem;}
}
@media screen and (max-width:1024px) {
.cate_list li .c_pic{height: 14rem;}


}


@media screen and (max-width:600px) {
.cate_list li:first-child , .cate_list li{width:100%;}	

.cate_list li a:after{background-image: linear-gradient(45deg,#fdfdfdc7 42%,#ffffffc7 88%);}	
.cate_list li a:hover:after{background-image: linear-gradient(45deg,#f1a62a 42%,#ce4425 88%);}
.cate_list li .c_tit{transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1)}
.cate_list li .c_tit img{transform:scale(0.7);-webkit-transform:scale(0.7);-moz-transform:scale(0.7);-o-transform:scale(0.7)}
}

/*关于我们*/

.index02{width:100%;padding:5vw 0;background:url(../images/bg1.jpg) no-repeat top center;background-size:cover;}
.index02 .about{width:80%;margin:0 auto;background:rgb(255,255,255,.8);padding:5%}
.about p{line-height:2.4}
.more{text-align:center;margin-top:3%}
.more a{display:inline-block;padding:1% 5%;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-o-border-radius:5px;background-image: linear-gradient(to top, #f1a62a , #ce4425);background-image: -webkit-linear-gradient(bottom,#f1a62a , #ce4425);color: #fff;}
.more a:hover{color: #fff;background-image: linear-gradient(to top,#ce4425,#f1a62a);background-image: -webkit-linear-gradient(bottom,#ce4425,#f1a62a);} 

@media screen and (max-width:1320px) {
.index02 .about{width:90%;}
}
@media screen and (max-width:1024px) {
.index02 .about{width:100%;}
}



/*新闻中心*/
.index03{width:100%;margin:5vw 0;}
.newlist a{display:block;width:100%;border:1px solid #e5e5e5;}
.newlist a .n_pic{position:relative;padding-bottom:70%;overflow:hidden}
.newlist a .n_pic img{position:absolute;top:0;left:0; width: 100%;height: 100%;object-fit: cover;object-position: center;transition: all 0.6s ease 0s; -webkit-transition: all 0.6s ease 0s;-moz-transition: all 0.6s ease 0s;-o-transition: all 0.6s ease 0s;}
.newlist a:hover .n_pic img{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);}
.newlist a .n_tit{padding:5%;overflow:hidden;position: relative;}
.newlist a .n_tit p{overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;}
.newlist a .n_tit .jt{margin-top: 5%;border-top: 1px solid #e5e5e5;width: 100%;text-align: right;padding-top: 2%;                   }
.newlist{padding: 0 2px;}

/*底部*/
.index04{width:100%;padding:5vw 0;background:url(../images/bg2.jpg) repeat-x top center;}
.index04 .ft{width:33.333%;float:left;text-align:center;}
.index04 .left{text-align:left;margin-top:7%;}
.index04 .left p{color:#333;margin-top:5%;padding-top:5%;position:relative}
.index04 .left p:before{position:absolute;content:"";top:0;left:0;width:30px;height:1px;background:#333}
.index04 .left .lx{margin-top:5%}
.index04 .left .lx a{display:inline-block;padding:2% 3%;background:#fff;border:1px solid #e5e5e5;}
.index04 .left .lx a:hover{background-image: linear-gradient(to top, #f1a62a , #ce4425);background-image: -webkit-linear-gradient(bottom,#f1a62a , #ce4425);color: #fff;}
.index04 .right{text-align:right;margin-top:7%;}
.index04 .right .ma img{width:160px;height:160px;display:inline-block;text-align:right}
.index04 .right .ma p{margin-top:2%;}

@media screen and (max-width:780px) {
.index04 .ft{width:100%;margin-bottom:4%}
.index04 .right{text-align:center}
}