@charset "utf-8";
/* ==========================================================================
   Index Page
   ========================================================================== */
   
/*标题栏目*/
.title_1 {padding: 0;overflow: hidden;text-align: center;cursor: pointer;margin-bottom: 3rem;}
.title_1 a {display: block;}
.title_1 h2 {color: #e30700;font-size: 72px;line-height: 90px;text-transform: uppercase;font-family: "Impact";}
.title_1 span {display: block;color: #222;font-size: 40px;line-height: 60px;text-transform:uppercase;position: relative;}
.title_1:hover h2,.title_1:hover span {color: #e30700;}

/*关于我们*/
.sect_about {padding: 5rem 0;overflow: hidden;background: url(../images/m1bg.jpg) no-repeat bottom center;background-size: contain;background-color: #fff;}
.sect_about .about {padding: 0;overflow: hidden;width: 80%;margin:0 auto 30px;}
.sect_about .about,.sect_about .about p {color: #474a4e;font-size: 18px;line-height:40px;}
.sect_about .num_conts {padding: 0;overflow: hidden;margin-bottom: 60px;}
.sect_about .num_conts .brow .btxt {text-align: center;padding:60px 0;overflow: hidden;border-right:1px solid #cecece;	
	cursor: pointer;
	position: relative;z-index: 1;
	-webkit-transition: border-color 0.5s, color 0.5s;
	transition: border-color 0.5s, color 0.5s;
	-webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
	transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);}
.sect_about .num_conts .brow .btxt:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
	-webkit-transform: rotate3d(0, 0, 0, 15deg) translate3d(0, -3em, 0);
	transform: rotate3d(0, 0, 0, 15deg) translate3d(0, -3em, 0);
	-webkit-transform-origin: 0% 100%;
	transform-origin: 0% 100%;
	-webkit-transition: -webkit-transform 0.5s, opacity 0.5s, background-color 0.5s;
	transition: transform 0.5s, opacity 0.5s, background-color 0.5s;
}
.sect_about .num_conts .brow .bn {border-right: none;}
.sect_about .num_conts .brow span {display: block;color: #515151;font-size: 20px;line-height: 70px;}
.sect_about .num_conts .brow span i {display: inline-block;font-style: normal;color: #515151;font-size: 120px;font-weight: bold;}
.sect_about .num_conts .brow p {color: #515151;font-size: 20px;line-height: 50px;}
.sect_about .num_conts .brow:hover span,.sect_about .num_conts .brow:hover span i,.sect_about .num_conts .brow:hover p {color: #fff;}
.sect_about .num_conts .brow:hover .btxt:before {
	opacity: 1;
	background-color: #d80f08;
	-webkit-transform: rotate3d(0, 0, 2, 0deg);
	transform: rotate3d(0, 0, 2, 0deg);
	-webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
	transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}
.sect_about .aboutmore {width:350px;margin:0 auto;padding: 5px;overflow: hidden;}
.sect_about .aboutmore a {display: block;border:1px solid #bebebe;position: relative;width: 348px;height: 58px;margin:0 auto;}
.sect_about .aboutmore a:before {content: "";width:100%;height: 0;background: #d80f08;position: absolute;left: 0;bottom:0;}
.sect_about .aboutmore span{display: inline-block;width: 280px;height: 58px;background: #fff;text-align: center;float: left;line-height: 58px;font-size: 18px;color: #474a4e;text-transform: uppercase;position: relative;}
.sect_about .aboutmore i {display: inline-block;width: 68px;height: 58px;background: #d80f08;text-align: center;line-height: 58px;font-size: 30px;font-style: normal;color: #fff;position: relative;}
.sect_about .aboutmore:hover span {background: none;color: #fff;letter-spacing: 5px;transition: all 0.3s;}
.sect_about .aboutmore:hover a:before {height: 100%;transition: all 0.3s;}

/*产品分类*/
.sect_pro {padding:0;overflow: hidden;}
.sect_pro .proitem {padding:0;overflow: hidden;position: relative;}
.sect_pro .proitem a {display: block;width: 100%;height: 100%;}
.sect_pro .proitem .proimg {width: 100%;height: 100%;overflow: hidden;padding: 0;position: relative;}
.sect_pro .proitem .proimg:before {content: "";width: 100%;height: 100%;position: absolute;top:0;left:0;background: #000;opacity: 0;transition: all .3s ease;z-index:1;}
.sect_pro .proitem .proimg img {width: 100%;height: 100%;transition: all 0.5s;}
.sect_pro .proitem .procon {position: absolute;top:50%;margin-top:-130px;width: 100%;z-index: 1;text-align: center;z-index: 2;}
.sect_pro .proitem .procon .flimg {width: 100%;height: 191px;line-height: 191px;position: relative;}
.sect_pro .proitem .procon .flimg:before {content: "";width: 100%;height: 191px;background: url(../images/icon1.png) no-repeat center;background-size:contain;position: absolute;left: 0;top:0;}
.sect_pro .proitem .procon .flimg img {vertical-align: middle;position: relative;z-index: 1;}
.sect_pro .proitem .procon p {color: #fff;font-size: 30px;line-height: 50px;font-weight: bolder;margin-top: 20px;}
.sect_pro .proitem:hover .proimg:before {opacity: 0.5;}
.sect_pro .proitem:hover .proimg img {transform: scale(1.2,1.2); transition: all 0.5s;}
.sect_pro .proitem:hover .procon .flimg:before {	
	animation: rotate 0.5s linear;
	-moz-animation: rotate 0.5s linear; /* Firefox */
	-webkit-animation: rotate 0.5s linear; /* Safari and Chrome */
	-o-animation: rotate 0.5s linear; /* Opera */
	transition:transform 0.5s linear linear;}
@keyframes rotate{
	from {transform: rotate(0deg);}
    to {transform: rotate(180deg);}
}

/*公司动态*/
.sect_news {padding: 5rem 0;overflow: hidden;background: url(../images/m3bg.jpg) no-repeat;background-size: cover;}
.news-brow {padding:0;overflow: hidden;}
.news-brow .video {padding: 0;overflow: hidden;width: 100%;height: 100%;}
.news-brow .ul-news {padding: 0;overflow: hidden;height: 600px;}
.news-brow .ul-news .swiper-container {width: 100%;height: 100%;overflow: hidden;}
.news-brow .ul-news .news-li {padding: 15px 30px;overflow: hidden;/* border-top: 1px solid #1c1c1c; */position: relative;}
.news-brow .ul-news .news-li:before {content: "";width:0;height: 5px;background: #d80f08;position: absolute;top:0;left: 0;z-index: 1;transform: all 1s;}
.news-brow .ul-news .news-li a {display: block;}
.news-brow .ul-news .news-li .new-img {padding: 0;overflow: hidden;}
.news-brow .ul-news .news-li .new-img img {width: 100%;height: 100%;object-fit: cover;}
.news-brow .ul-news .news-li .new-con {width: 76%;padding:0 2%;overflow: hidden; }
.news-brow .ul-news .news-li .new-con .date {padding:20px 0 15px;overflow: hidden;color: #1c1c1c;font-size: 16px;line-height: 30px;}
.news-brow .ul-news .news-li .new-con .date span{color: #1c1c1c;font-size: 24px;display: inline-block;font-weight: bold;line-height: 30px;}
.news-brow .ul-news .news-li .new-con h2 {color: #3a3a3a;font-size: 16px;line-height: 40px;}
.news-brow .ul-news .news-li .new-con p {color: #555;font-size: 14px;line-height: 30px;}
.news-brow .ul-news .news-li .new-more {color: #332c2c;font-size: 18px;position: relative;height: 155px;}
.news-brow .ul-news .news-li .new-more span {display: block;color: #332c2c;font-size: 18px;text-transform: uppercase;line-height: 40px;top:50%;margin-top: -20px;position: absolute;width: 100%;}
.news-brow .ul-news .news-li .new-more span i {display: inline-block;width: 22px;height: 40px;background: url(../images/morejt.png) no-repeat center;background-size: contain;vertical-align: middle;margin-left: 10px;}
.news-brow .ul-news .news-li .new-more {width: 20%;padding:0;overflow: hidden;text-align: center; } 
.news-brow .ul-news .news-li:hover {border-top: 1px solid #d80f08;}
.news-brow .ul-news .news-li:hover:before {width: 100%;}
.news-brow .ul-news .news-li:hover img {transform: scale(1.2); transition: all 0.5s;}
.news-brow .ul-news .news-li:hover .date,.news-brow .ul-news .news-li:hover .date span,.news-brow .ul-news .news-li:hover h2,.news-brow .ul-news .news-li:hover p {color: #d80f08;}

/*匠心制造未来*/
.sect_jx {padding: 0;overflow: hidden;}
.sect_jximg {
    padding: 270px 0 0 0;
    overflow: hidden;
    background: url(../images/m4bg.jpg) no-repeat top center;
    background-size: cover;
    -webkit-animation: scaleUpDown 2s forwards cubic-bezier(0.250, 0.460, 0.450, 0.940);
    animation: scaleUpDown 2s forwards cubic-bezier(0.250, 0.460, 0.450, 0.940);
    text-align: center;
    }
@-webkit-keyframes scaleUpDown {
    from { -webkit-transform: scale(1.1); transform: scale(1.1); }
    to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); }
}
@keyframes scaleUpDown {
    from { -webkit-transform: scale(1.1); transform: scale(1.1); }
    to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); }
}
.sect_jximg .jx_l,.sect_jximg .jx_r {padding: 0;overflow: hidden;text-align: center;}
.sect_jximg .jx_l img {max-width: 100%;
	animation:myfirst 2.5s linear infinite;
	-moz-animation:myfirst 2.5s linear infinite; /* Firefox */
	-webkit-animation:myfirst 2.5s linear infinite; /* Safari and Chrome */
	-o-animation:myfirst 2.5s linear infinite; /* Opera */}
@-webkit-keyframes myfirst {
    0% {-webkit-transform:scale(0.9,0.9);transform:scale(0.9,0.9);opacity: 0.6;}
	50% {-webkit-transform:scale(1,1);transform:scale(1,1);opacity: 1;}
	100% {-webkit-transform:scale(0.9,0.9);transform:scale(0.9,0.9);opacity: 0.6;}
}
@keyframes myfirst{
	0% {transform:scale(0.9,0.9);opacity: 0.6;}
	50% {transform:scale(1,1);opacity: 1;}
	100% {transform:scale(0.9,0.9);opacity: 0.6;}
}

/*合作客户*/
.sect_customer {padding: 10rem 0;overflow: hidden;background: url(../images/m5bg.jpg) no-repeat top center;background-size: cover;}
.sect_customer .cusl {padding: 0;overflow: hidden;} 
.sect_customer .cusl .title_1 {text-align: left;}
.sect_customer .cusl .title_1 em {display: block;width: 68px;height: 10px;background: #d80f08;margin-top: 25px;}
.sect_customer .cusl .cuscon {padding: 30px 0;overflow: hidden;width: 80%;}
.sect_customer .cusl .cuscon p {color: #474a4e;font-size: 16px;line-height: 35px;}
.sect_customer .cusmore{width:290px;}
.sect_customer .cusmore a {display: block;height: 58px;border:1px solid #bebebe;position: relative;}
.sect_customer .cusmore a:before {content: "";width:100%;height: 0;background: #d80f08;position: absolute;left: 0;bottom:0;}
.sect_customer .cusmore span{display: block;width: 220px;background: #fff;text-align: center;float: left;line-height: 58px;font-size: 18px;color: #474a4e;text-transform: uppercase;position: relative;z-index: 1;}
.sect_customer .cusmore i {display: inline-block;width: 68px;height: 58px;background: #d80f08;text-align: center;line-height: 58px;font-size: 30px;font-style: normal;color: #fff;position: relative;}
.sect_customer .cusmore:hover span {background: none;color: #fff;letter-spacing: 5px;transition: all 0.3s;}
.sect_customer .cusmore:hover a:before {height: 100%;transition: all 0.3s;}
.sect_customer .cusr {padding: 40px;overflow: hidden;background: #fff;box-shadow: 0 0 10px 5px #d4d4d4;}
.sect_customer .cusr .cusitem {display: block;border:1px solid #f1f1f1;margin-bottom: 30px;}
.sect_customer .cusr .cusitem .icon {width: 100%;height: 100%;padding: 0;overflow: hidden;}
.sect_customer .cusr .cusitem:hover .icon img {transform: scale(1.1);transition:all 0.5s;}




@media screen and (max-width:1450px){ 
	.title_1 h2 {font-size: 60px;line-height: 70px;}
	.title_1 span {font-size: 30px;line-height: 45px;}
	.sect_about .about {width: 90%;}
	.news-brow .ul-news {height: 420px;}
	.news-brow .ul-news .news-li .new-con .date {padding: 0;}
	.news-brow .ul-news .news-li .new-more {height: 100px;}
	.news-brow .ul-news .news-li .new-more span {font-size: 16px;}
}
@media screen and (max-width:1200px){ 

}