/*banner背景图片动画*/

@-webkit-keyframes scale-bg{

	from{-webkit-transform:scale(1.3);

		transform:scale(1.3);

	}

	to{

		-webkit-transform:scale(1);

		transform:scale(1);

	}

}

@keyframes scale-bg{

	from{

		-webkit-transform:scale(1.3);

		transform:scale(1.3);

	}

	to{

		-webkit-transform:scale(1);

		transform:scale(1);

	}

}

/*banner */

.index_main{background: #f7f7f7;}

.index_main .section1{position: relative;}

.index_main .section1 .index_banner .item{background-size: cover;-webkit-background-size:cover;background-position: center;background-repeat: no-repeat;height:100vh;position: relative;

}

.index_main .section1 .index_banner .item.slick-current .scaleBg{visibility: visible; -webkit-animation:scale-bg 6s linear forwards;animation:scale-bg 6s linear forwards;}

.index_main .section1 .index_banner .items{background-size: cover;background-position: center center;background-repeat: no-repeat;position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 0;}

.index_main .section1 .index_banner .items:after{content: "";display: block;width: 100%;height: 100%;position: absolute;left: 0;top: 0;background: rgba(0,0,0,0.2);}

.index_main .section1 .index_banner .item .inner .block_txt{

	position: absolute;

	top: 44%;

	right: 10px;

	left:10px;

	opacity: 0; 

	transform: translateY(40px);

	-webkit-transform: translateY(40px); 

	-webkit-transition: all 500ms ease; 

	transition: all 500ms ease;

}

.index_main .section1 .index_banner .item.active .inner .block_txt{

	opacity: 1; 

	-webkit-transform: translateY(0); 

	transform: translateY(0); 

	-webkit-transition-delay: 100ms; 

	transition-delay: 100ms;

}

.index_main .section1 .index_banner .item .inner .block_txt h6{

	font-size: 40px;

	color: #fff;

	text-align: center;

	font-family: 'CHARL';

}

.index_main .section1 .index_banner .item .inner .block_txt h6 span{color: #c30d23}

.index_main .section1 .index_banner .item .inner .block_txt a{display: block;margin: 80px auto 0; width: 160px;height: 48px;background-color: #c30d23;line-height: 48px;text-align: center;color: #fff}

.index_main .section1 .slick_txt{

	width:30%;

	height: 100%;

	background-color: transparent;

	transition: all 500ms ease;

	-webkit-transition:all 500ms ease; 

	background-repeat: no-repeat;

	position: absolute;

	top: 0;

	font-size: 0;

	outline: none;

	border:0;

}

.index_main .section1 .number{

	position: absolute;

	bottom:8%;

	left: 50%;

	padding-bottom: 5px;

	border-bottom: 1px solid rgba(255,255,255,0.2);

	display: table;

	padding: 0 20px;

	width: auto;

	text-align: center;

	transform: translateX(-50%);

	-webkit-transform: translateX(-50%);

}

.index_main .section1 .number span{

	font-family: "Myriad Pro","Microsoft YaHei";

	font-size: 14px;

	color: #fff;

	margin-right:100px;

	display: inline-block;

	cursor: pointer;

	position: relative;

	transition: all 500ms ease;

	-webkit-transition:all 500ms ease;

}

.index_main .section1 .number span:last-child{

	margin-right: 0;

}

.index_main .section1 .number span:after{

	content: "";

	display: inline-block;

	width: 0;

	height: 2px;

	background: #fff;

	position: absolute;

	left: 50%;

	transform: translateX(-50%);

	-webkit-transform: translateX(-50%);

	bottom:-20px;

	opacity: 0;

	visibility: hidden;

	transition: all 500ms ease;

	-webkit-transition:all 500ms ease;

}

.index_main .section1 .number span.active:after{width: 100%;opacity: 1;visibility: visible;}

/*公共*/

.w1200{width: 1200px;margin: 0 auto}

.title{}

.title span{font-family: CHARL; display: block;font-size: 12px;color: #999;text-decoration: underline;text-decoration-color: #c30d23}

.title h6{font-family: GEM; font-size: 48px;color: #333;line-height: 48px;margin: 8px 0 24px}

/*第二屏*/



.index_main .section2{background: #f5f5f5;background: url(../images/about_bg.jpg) no-repeat;}

.about_img{width: 460px;overflow: hidden;position: relative; left: -120%;}

.about_img img{width: 100%}

.about_txt{width: 672px;padding: 60px 0 0;position: relative; right: -120%;} 

.about_txt > p{font-size: 16px;color: #666;line-height: 28px;}

/*数字*/

.about_number_con{margin-top: 20px}

.about_number_con ul{margin: 0 20px}

.about_number_con ul li{float: left;color: #fff;width: 210px}

.about_number_con ul li em{display: block; width: 134px;height: 1px;background-color: #d4d4d4}

.about_number_con ul li h6{font-family:GEM;font-size:60px;display: inline-block;vertical-align: middle;color: #c30d23}

.about_number_con ul li i{font-size:25px;display: inline-block;vertical-align: middle;color: #c30d23} 

.about_number_con ul li span{display: block;font-size: 16px;color: #333;margin-top:16px}



/*第三屏*/

.section3{background: url(../images/product_bg.jpg) no-repeat;width: 100%; height: 100%;}

.product{padding-top: 10px;position: relative;}

.product::before{position: absolute;content: "Product categories";font-family: GEM;top: 126px;right: 10px;font-size: 100px;color: #e5e5e5;opacity: .2;line-height: 100px;}

.w1212{width: 1212px;margin: 0 auto}
.title_white h6{color: #fff}

.title_white span{color: #fff}

.pro_title{opacity: .2}
.pro_title h6{font-size: 78px;line-height: 78px;margin: 0;}

.product_roll .product_list{white-space: nowrap;}

.product_list >li{display: none;}
.product_list li.cur{display: block;}

.product_con{position: relative; left: -140%;}

.product_list1 li{position: relative; float: left;width: 295px;height: 255px;margin:0 0 10px 10px}

.product_list1 li .product_list1_img{width: 295px;height: 255px;overflow: hidden; }

.product_list1 li .product_list1_img img{width: 100%;transition: all .5s}


.product_list1 li i{display: block;background-color:#000;opacity:0;width: 100%;height: 100%;position: absolute;top: 0;left: 0;transition: all .5s}

.product_list1 li:nth-child(1) em{position: absolute;content:"";width: 80px;height: 4px;background-color: #fff; display:none;bottom: 122px;left: 552px;transition: all .5s}

.product_list1 li:nth-child(1){width: 602px;height: 520px;margin-left: 0;}

.product_list1 li:nth-child(1) .product_list1_img{width: 602px;height:520px}

.product_list1 li h6{position: absolute;bottom: 0;left: 0;background-color:rgba(0,0,0,.4);color: #fff;width: 100%;height:64px;font-size: 20px;text-align: center;text-transform: capitalize;line-height: 64px;opacity: 0;transition: all .5s}

.product_list1 li:hover em{display: block}

.product_list1:hover li i{opacity: 0.8}

.product_list1 li:hover i{opacity: 0}

.product_list1 li:hover .product_list1_img{filter: none}

.product_list1 li:hover .product_list1_img img{transform: scale(1.2);}
.product_list1 li:hover h6{opacity: 1}

.product_cate{margin-bottom: 24px;}
.product_cate ul li{float: left;color: #fff;line-height: 42px;font-size: 18px;transition: all .5s;text-transform: capitalize;}
.product_cate ul li a{display: block;}
.product_cate ul li:hover{color: #c30d23}
.product_cate ul li.on{color: #c30d23}
/*第四屏*/

.section4{background: url(../images/case_bg.jpg) no-repeat;width: 100%; height: 100%;}

.case{padding-top: 40px}

.case_left{position: relative; width: 400px;padding-top: 200px; left: -120%;}

.case_left >p{font-size: 16px;color: #333}

.more{position: relative;z-index: 1; display: block;margin: 40px 0 0; width: 160px;height: 48px;background-color: #c30d23;line-height: 48px;text-align: center;color: #fff}

.case_left::before{position: absolute;content: "case";font-family: GEM;bottom: -230px;right: 200px;font-size: 240px;color: #f3f3f3;opacity: .4;z-index: 0}

.case_list{width:780px;position: relative; right: -120%;}

.case_list ul li{float: left; width: 360px;height: 320px;margin: 36px 0 0 30px;}

.case_list ul li .case_list_img{width: 360px;height: 320px;overflow: hidden; transition: all .5s;border: 1px solid #e5e5e5}

.case_list ul li .case_list_img img{width:100%;transition: all .5s}

.case_list ul li h6{display: none; position: relative; width: 300px;height: 54px;background-color: #c30d23;font-size: 22px;color: #fff;text-align: center;line-height: 54px;margin: -40px auto 0;z-index: 1;transition: all .5s;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;}

.case_list ul li:nth-child(2){margin-top:58px}

.case_list ul li:nth-child(3){margin-top:16px}

.case_list ul li:hover .case_list_img img{transform: scale(1.2)}

.case_list ul li:hover h6{display: block;}

/*第五屏*/

.section5{background: url(../images/service_bg.jpg) no-repeat;width: 100%; height: 100%;}

.service{padding-top: 100px}

.service .w1200{position: relative;}

.service_list{width: 882px;position: relative;left: -120%;}

.service_list ul li{position: relative; width: 264px;height: 264px;background-color: rgba(255,255,255,.24);overflow: hidden;float: left;margin: 0 30px 30px 0}

.service_list ul li .service_icon{padding: 36px 0}

.service_list ul li .service_icon span{position: relative; display: block;width: 120px;height: 120px;border-radius: 120px;background-color: #fff;margin: 0 auto;z-index: 2}

.service_list ul li .service_icon span::before{position:absolute;content: ""; width: 136px;height:136px;background-color: rgba(255,255,255,.24);top: -8px;left: -8px;border-radius: 120px;z-index:0 }

.service_list ul li .service_icon span i{position:  relative;display: block;z-index: 3}

.service_list ul li h6{font-size: 22px;color: #fff;text-align: center;margin-top:20px}

.service_txt{position: absolute;width: 244px;height: 244px;left:-244px;top:10px;overflow:hidden;background-color:#c30d23;padding: 0 16px;z-index: 3}

.service_txt span{width: 48px;height: 4px;background-color: rgba(255,255,255,.4);display: block;margin: 12px auto 20px}

.service_txt p{font-size: 16px;color: #fff;line-height: 24px;}

.service_txt::before{position: absolute;content: "01";bottom:0;right:0;font-size:100px;color: #fff;opacity: .1;z-index: 0;font-weight: bold;}

.service_list ul li:nth-child(2) .service_txt::before{content: "02";}

.service_list ul li:nth-child(3) .service_txt::before{content: "03";}

.service_list ul li:nth-child(4) .service_txt::before{content: "04";}

.service_list ul li:nth-child(5) .service_txt::before{content: "05";}

.service_right{position: absolute;top: 220px;right: 0;width: 542px;text-align: right;}

.service_right h6{font-size: 30px;color: #c30d23;font-weight: bold;text-shadow: 2px 2px 2px rgba(0,0,0,.4);text-transform: uppercase;margin-bottom: 20px}

.service_right span{position: relative; font-size: 90px;font-weight: bold;color:rgba(255,255,255,.4);line-height: 110px;text-align: right;text-transform: uppercase;}

.service_right span::before{display: block; position:absolute;content: ""; width: 156px;height:3px;background-color:#c30d23 ;top: 160px;left:-486px}

/*第六屏*/

.section6{background: url(../images/news_bg.jpg) no-repeat center;width: 100%; height: 100%;}

.news{position: relative;}


.news_list_left{width: 500px;height: 560px;background-color: #fff;position: relative; left: -120%;}
.news_list_left .news_list_img{width: 500px;height: 400px;overflow: hidden;}
.news_list_left .news_list_img img{width: 500px;height: 400px;transition: all .5s}
.news_list_left .news_list_txt{padding: 10px 20px;transition: all .5s;height: 160px}
.news_list_left .news_list_txt h6{font-size: 24px;color: #333;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;transition: all .5s}
.news_list_left .news_list_txt p{font-size: 16px;color: #666;overflow: hidden;text-overflow:ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;margin-bottom: 10px}
.news_list_right{width: 700px;position: relative; right: -120%;}
.news_list_right ul li{width:700px;height: 280px;background-color: #fff;}
.news_list_right ul li .news_list_img{width:350px;height: 280px;overflow: hidden;}
.news_list_right ul li .news_list_img img{width:350px;height: 280px;transition: all .5s}
.news_list_right ul li .news_list_txt{width:350px;height: 280px;padding: 28px;transition: all .5s}
.news_list_right ul li .news_list_txt h6{font-size: 24px;color: #333;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;transition: all .5s}
.news_list_right ul li .news_list_txt p{font-size: 16px;color: #666;overflow: hidden;text-overflow:ellipsis;display: -webkit-box;-webkit-line-clamp: 5;-webkit-box-orient: vertical;margin-bottom: 20px;height: 120px}
.news_list em{display: block;width: 40px;height: 40px;background-color: #c30d23;font-size: 36px;color: #fff;text-align: center;line-height: 40px;transition: all .5s}
.news_list_right ul li:hover .news_list_img img{transform: scale(1.2);opacity: .8}
.news_list_right ul li:hover .news_list_txt h6{color: #fff}
.news_list_right ul li:hover .news_list_txt p{color: #fff}
.news_list_right ul li:hover .news_list_txt{background-color: #c30d23}
.news_list_right ul li:hover .news_list_txt em{background-color: #fff;color: #c30d23}
.news_list_left:hover .news_list_txt{background-color: #c30d23}
.news_list_left:hover .news_list_img img{transform: scale(1.2);opacity: .8}
.news_list_left:hover .news_list_txt h6{color: #fff}
.news_list_left:hover .news_list_txt p{color: #fff}
.news_list_left:hover .news_list_txt em{background-color: #fff;color: #c30d23}
/*第七屏*/

.section7{background: url(../images/contact_bg.jpg) no-repeat center;width: 100%; height: 100%;}

.contact{padding-top: 100px}

.contact_left{width:480px;}

.contact_left > h6{position:relative;color: #fff;font-family:GEM;font-size: 48px;text-transform: uppercase;}

.contact_left > h6::before{position:absolute;content: "";top: 70px;left: 0;width: 120px;height: 4px;background-color: #c30d23}

.contact_left > h6::after{position:absolute;content: "contact us";top: -56px;left: 0;font-size: 130px; font-family:GEM;text-transform: uppercase;color: #fff;opacity: .06;white-space: nowrap;}

.contact_left ul{margin-top: 70px}

.contact_left ul li{margin-bottom: 60px}

.contact_left ul li h6{width: 160px;height: 40px;font-size: 22px;color: #fff;background-color: #c30d23;text-align: center;margin-bottom: 24px;line-height: 40px;}

.contact_left ul li p{font-size: 0;line-height: 0;margin: 12px 0}

.contact_left ul li p a{font-size: 18px;color: #fff;display:inline-block; vertical-align: middle;}

.contact_left ul li i{display:inline-block; vertical-align: middle; background: url(../images/icon_bg.png) no-repeat -136px 0;width: 24px;height: 24px;margin-right: 6px}

.contact_left ul li p:last-child i{background: url(../images/icon_bg.png) no-repeat -160px 0;}

.contact_left img{width: 278px}

.contact_right{width: 596px;}

.contact_right .shur > ul >li{position: relative; margin: 0 0 44px;border-bottom: 2px solid rgba(236,235,255,.6);line-height:32px}

.contact_right .shur li > span{display:inline-block;font-size:16px;color: #fff;line-height: 36px;margin-bottom:10px;text-transform: uppercase;}

.contact_right .shur li:nth-child(4) span{vertical-align: top}

.contact_right .shur > ul >li input{display: inline-block;padding: 0 4px;box-sizing: border-box;color: #fff;width: 90%}

.contact_right .shur > ul >li textarea{display: inline-block;vertical-align: top;padding:0 4px;box-sizing: border-box;height:120px;color: #fff;font-family: Arial;border: none;width: 85%;margin-top: 1px;}

.contact_right .shur > ul >li:nth-child(5){width: 321px}

.contact_right .shur > ul >li:nth-child(5) input{width:260px}

.contact_right .shur > ul >li:nth-child(5) img{position: absolute; width:120px;height: 54px;top: 10px;right: -132px}

.contact_right .shur .submit{display: inline-block; position: relative;z-index: 1;text-align: center;line-height: 36px;}

.contact_right .shur .submit input {position: absolute;z-index: 3;left: 0;top: 0;width: 100%;height: 100%;opacity: 0;}

.contact_right .shur .submit span{display: block; width: 164px;line-height: 48px;color: #fff;box-sizing: border-box;text-align: center;background-color: #c30d23;font-size: 18px;margin-top: 40px}