/* 简介 */
.tit{text-align:center;margin-bottom:4%;overflow:hidden;}
.tit h1{font-size:1.8rem;font-family: "1";color:#fff;}
.tit p{font-size:1rem;margin-top:1%;color:#a9a9a9;}


@media screen and (max-width: 1024px) {
.tit h1{font-size:1.5rem;}


}
@media screen and (max-width: 600px) {
.tit h1{font-size:1.3rem;}
.tit p{font-size:1rem}
}



.index01{width:100%;background:url(../images/index01.jpg) no-repeat top center;background-size: cover;padding:6% 0;margin: 2px 0 0 0;}
.index01 .tit{text-align:left;}

.index01 .about{overflow:hidden;}
.about .left{width: 52%; overflow:hidden;}
.about .cont{margin:5% 0 8% 0;overflow:hidden;}
.about .cont p{color:#fff;line-height:2em;    overflow: hidden;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3;}
.mores{display:inline-block;font-size: 14px;background:#e00202;color:#fff;border-radius:50px;-webkit-border-radius:50px;-moz-border-radius:50px;-o-border-radius:50px;padding: 1.5% 6%;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;}
a.mores:hover{border-radius:0;-webkit-border-radius:0;-moz-border-radius:0;-o-border-radius:0;color:#fff;}

.about .right{width:42%;float:right}

.index02{width:100%;overflow:hidden;}
.index02 .about_2{padding:15px;overflow:hidden; }
.about_2 .fen a{display:block;text-align:center;background-color:#fff;overflow:hidden;}

.about_2 .fen a .pic{width:100%;position:relative}
.about_2 .fen a .pic:after{position:absolute;content:"";height:100%;width:100%;background:url(../images/index04.png);top: 0; left: 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;}
.about_2 .fen a:hover .pic{visibility: visible; -webkit-animation:scale-bg 3s linear forwards;animation:scale-bg 3s linear forwards;}

@-webkit-keyframes scale-bg{
	from{
		-webkit-transform:scale(1);
		transform:scale(1);
	}
	to{
		-webkit-transform:scale(1.2);
		transform:scale(1.2);
	}
}
@keyframes scale-bg{
	from{
		-webkit-transform:scale(1);
		transform:scale(1);
	}
	to{
		-webkit-transform:scale(1.2);
		transform:scale(1.2);
	}
}
.about_2 .fen .ab{padding:5%;position: absolute; top: 0;left: 0; right: 0;}
.about_2 .fen h3{font-size:1.5rem;color:#fff;font-family: "1";}
.about_2 .fen p{line-height:24px;color:#e8e8e8;margin:3% 0 6% 0;font-size:14px;    overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.about_2 .fen span{display: inline-block;padding: 1.5% 3%;color: #ffffff;background: #df0202;font-size: 12px;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;}
.about_2 .fen a:hover span{border-radius:6px;-webkit-border-radius:6px;-moz-border-radius:6px;-o-border-radius:6px;}



@media screen and (max-width: 1024px) {


.about_2 .fen h3{font-size:1.2rem;}
}

@media screen and (max-width: 900px) {
.about .left{width: 100%;}
.about .right{width:100%;margin-top:4%;}
.about .cont { margin: 5% 0;}
}


/* 焦点图*/

.indexbanner .swiper-pagination-bullet{ text-align:left;opacity:1; font-family:Arial, Helvetica, sans-serif;width:3em; height:2em; background:none;border-radius:0; color:#fff; position:relative; margin:0 5px;}
.indexbanner .swiper-pagination-bullet:after{content:''; position:absolute; left:0; width:100%; bottom:0; height:1px; background-color:#fff;opacity:0.23;}
.indexbanner .swiper-pagination-bullet:before{ z-index:888;content:''; position:absolute; left:0; width:0%; bottom:0; height:1px; background-color:#fff;opacity:1;}
.indexbanner .swiper-pagination-bullet-active:before{width:100%; transition: width 7s ease-out 0s;}
.indexbanner .swiper-pagination-bullet i{font-style:normal; opacity:0;}
.indexbanner .swiper-pagination-bullet-active i{opacity:1}
.indexbanner .swiper-pagination-index-banner{ position:static; margin:0 auto; width:auto; max-width:75em; padding:0 1em;text-align:center;}
.banner_footer{position:absolute; left:0; bottom:5%; width:100%; z-index:10;}
.mobilebannerimg{ display:none;background-position:center; background-repeat:no-repeat; background-size:cover; background-repeat:no-repeat; height:48vh;}
.banner_mid {left: 0;position: absolute;top: 0; right:0;width: 100%; text-align: center; z-index: 33;height: 100%;margin: 0 auto;}

@media screen and (max-width: 1440px){

.banner_mid {width:90%;}

}
@media screen and (max-width: 1320px){

.banner_mid {width:80%;}

}
@media screen and (max-width: 1200px){

.banner_mid {width:70%;}

}

@media screen and (max-width: 1024px){

.banner_mid {width:60%;}

}
@media screen and (max-width: 640px){
.banner_mid {width:70%;}
.mobilebannerimg{display:block;}
.pcbannerimg{display:none}
.banner_footer{bottom:2em;}
.indexbanner .swiper-pagination-bullet{width:2.5em;}
}



/* 产品*/

.index03{background:url(../images/index07.jpg) no-repeat top center;background-size:cover; background-attachment: fixed;overflow:hidden;padding:6% 0;}
.pro_c .category{overflow:hidden;width:100%;margin-bottom:2%;text-align:center;}
.pro_c .category a{display:inline-block;text-align:center;line-height:2em;position:relative;cursor:pointer;text-decoration:none;padding: 0 15px;}
.pro_c .category a:before {position:absolute;content:"";width:0;height:100%;background:#e00202;top: 0;left: 0;transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;}
.pro_c .category a:hover:before{width:100%;}
.pro_c .category span{display:block;position:relative;color: #fff;}
.pro_c .category a:hover{color:#fff;text-decoration:none;}


.index03 .prolist {position:relative; margin: 3% 0;}
.prolist a{display:block;}
.prolist a .cc{position: relative;}
.prolist a .pic{overflow:hidden}
.prolist a .pic img{width:100%;ransition: 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;}
.prolist a:hover .pic img{transform:scale(1.06);-webkit-transform:scale(1.06);-moz-transform:scale(1.06);-o-transform:scale(1.06);}
.prolist a .cc .title {position: absolute; bottom: 5%;width: 100%;text-align: center;z-index:2;}
.prolist a .tt {position: absolute; width: 100%;text-align: center;bottom:0;z-index:1;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;
transform: translateY(50px);-webkit-transform: translateY(50px);-moz-transform: translateY(50px);-o-transform: translateY(50px);}
.prolist a .tt i{color:#f1f1f1;font-size:2rem;font-weight:bold;font-family: "2";}
.prolist a:hover .tt{transform: translateY(0px);-webkit-transform: translateY(0px);-moz-transform: translateY(0px);-o-transform: translateY(0px);}
.prolist .swiper-button-next , .prolist .swiper-button-prev{position: absolute; top: 50%;  width:66px; height:47px; z-index: 10; cursor: pointer; background-size: 100%;background-position: center;background-repeat: no-repeat;}
.prolist .swiper-button-next { background-image: url(../images/index15.png);right: -8em;}
.prolist .swiper-button-prev{ background-image: url(../images/index14.png);left: -8em;}


@media screen and (max-width: 1600px) {
.prolist .swiper-button-next{right:-5em}
.prolist .swiper-button-prev{left: -5em;}
}

@media screen and (max-width: 1510px) {

.prolist .swiper-button-next{right:-3em}
.prolist .swiper-button-prev{left: -3em;}
}
@media screen and (max-width: 1024px) {

.prolist .swiper-button-next{right:0}
.prolist .swiper-button-prev{left:0;}
.prolist a .tt i{font-size: 1.8rem;}
.index03 .products {margin-bottom: 5em;}
}

@media screen and (max-width: 680px) {
.prolist a .tt i{font-size: 1.4rem;}
.prolist .swiper-button-next , .prolist .swiper-button-prev{  width:50px; height:36px;}


}

/* 新闻*/
.index04{background:url(../images/index11.jpg) no-repeat top center;background-size:cover; background-attachment: fixed;overflow:hidden;padding: 6% 0;}
.index04 .news{overflow:hidden;}
.index04 .news .tit h1{color: #000;}
.new_c { margin-bottom: 3%;}
.new_c .nn li{width:32%;margin-right:2%;margin-bottom:2%;float:left;}
.new_c .nn li:nth-child(3n){margin-right:0;}
.new_c .nn a{display:block;position:relative}
.new_c .nn a:before{display:block;position:absolute;width:0;height:100%;content: "";background: #e00202;top: 0;left: 0;transition: all 0.3s ease 0s;-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;}
.new_c .nn a:hover:before{width:100%;}
.new_c .nn a .con{padding:7%;overflow:hidden;border:1px solid #000;position:relative;}
.new_c .nn a:hover .con{border:1px solid #e00202;}
.new_c .nn .date{font-weight:bold;font-family: "1";font-size:1.2rem;}
.new_c .nn .date span{font-size:2rem;}
.new_c .nn .title{margin:2% 0;font-size:1rem;font-weight:bold;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;}
.new_c .nn .des{overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 2;line-height:1.8em;font-size: 14px; color: #7b7b7b;}
.new_c .nn a:hover .date , .new_c .nn a:hover .title , .new_c .nn a:hover .des{color:#fff;}
.new_m{text-align:center}
.new_m .mores{padding:1% 4%;}
@media screen and (max-width:1024px) {

.new_c .nn li{width:49%;}
.new_c .nn li:nth-child(3n){margin-right:2%;}
.new_c .nn li:nth-child(2n){margin-right:0;}
.new_c .nn .date span{font-size:1.6rem}
}

@media screen and (max-width:680px) {
.new_c .nn li{width:100%;}
.new_c .nn li:nth-child(3n){display:none;}
.new_c .nn a .con{padding:4%;}
.new_c .nn .date span{font-size:1.2rem}
}