/*banner背景图片动画*/
@-webkit-keyframes scale-bg{
	from{
		-webkit-transform:scale(1.2);
		transform:scale(1.2);
	}
	to{
		-webkit-transform:scale(1);
		transform:scale(1);
	}
}
@keyframes scale-bg{
	from{
		-webkit-transform:scale(1.2);
		transform:scale(1.2);
	}
	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 h4{
	font-size: 30px;
	color: #fff;
	text-align: center;
	font-family: 'COCO';
}
.index_main .section1 .index_banner .item .inner .block_txt h2{
	color: #fff;
	font-size: 70px;
	font-weight: bold;
	text-align:center;
	letter-spacing:5px;
}
.index_main .section1 .index_banner .item .inner .block_txt h2 span{
	color: #f5c920;
	display: inline-block;
	letter-spacing: 5px;
}
.index_main .section1 .index_banner .item .inner .block_txt h3{
	color: #fff;
	font-size: 22px;
	text-align:center;
	margin-top: 10px;
	letter-spacing: 3px;
}
.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 .left{
	left: 0;
}
.index_main .section1 .right{
	right:0;
}
.index_main .section1 .slick_txt:hover .slick_arrow{
	opacity: 1;
	visibility: visible;
}
.index_main .section1 .slick_txt .slick_arrow{
	width: 20px;
	height: 36px;
	background-repeat: no-repeat;
	background-position: center;
	margin-top: -18px;
	position: absolute;
	top: 50%;
	cursor: pointer;
	transition: all 500ms ease;
	-webkit-transition:all 500ms ease;
	opacity: 0;
	visibility: hidden;
}
.index_main .section1 .slick_txt .prev{
	background-image:url(../images/ban_prev.png);
	left:60px;
}
.index_main .section1 .slick_txt .next{
	background-image:url(../images/ban_next.png);
	right:60px;
}
.index_main .section1 .slick_txt .prev:hover{
	background-image:url(../images/ban_prev_hover.png);
}
.index_main .section1 .slick_txt .next:hover{
	background-image:url(../images/ban_next_hover.png);
}
.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;
}

   *{margin:0;padding:0;}
        body{font:14px/1.6 "Microsoft Yahei";}
      .inner{position:relative;width:1300px;margin:0 auto;}
      .header{width:100%;position:fixed;top:0;left:0;z-index:999;height:50px;padding: 0 30px;}
      .header .left a img{height: 40px;margin-top: 16px;}
      .header .nav{-webkit-transition: 0.5s;-moz-transition: 0.5s;-o-transition: 0.5s;transition: 0.5s;height: 100%;line-height: 50px;display: block;}
      .header .navbar_nav li{float:left;position: relative;display: block;}
      .header .navbar_nav li:after{content: "";width: 0;height: 2px;background: #fd4946;position: absolute;bottom: 0;left: 0;transition: all 0.5s ease 0s;}
      .header .navbar_nav li:hover:after{width: 100%;}
      .header .navbar_nav li a{text-decoration: none;height: 100%;padding: 0 25px;display: block;-webkit-transition: 0.5s;-moz-transition: 0.5s;-o-transition: 0.5s;transition: 0.5s;color: #fff;font-size: 16px;}
      .header .navbar_nav li:hover a{color: #fd4946;}
        .header .language{position: absolute;right: -60px;top: 15px;}
        .header .language li{background: #000;color: #fff;font-size: 14px;float: left;width: 30px;height: 20px;text-align: center;}
        .header .language li.on,.header .language li.on a{background: #fff;color: #000;}
		.header .language li a {color:#fff;}
        #scrollpage .section2{background: url(../images/aboutbg.jpg) 0 50%;background-size: cover;}
        #scrollpage .section3{background: url(../images/productbg.jpg) 0 50%;background-size: cover;}
        #scrollpage .section4{background: url(../images/contactbg.jpg) 0 50%;background-size: cover;}
        #scrollpage .fp-controlArrow{width:100px;height:100px;margin-top:-50px;border:0 none;}
        #scrollpage .fp-prev{left:20px;background:url(../images/left_control.png) 50% no-repeat;}
        #scrollpage .fp-next{right:20px;background:url(../images/right_control.png) 50% no-repeat;}
        #scrollpage .section5 .img1{position:absolute;right:-460px;top:180px;}
        #scrollpage .section5 .txt{position:absolute;left:0;top:8%;width:680px;}
        #scrollpage .section5 h2{height:90px;margin-bottom:10px;background:url(../images/slider5_title.png) 0 0 no-repeat;}
        #scrollpage .section5 p{width:550px;padding:20px 0;line-height:30px;font-size:16px;}
        #scrollpage .section5 .icon{margin-right:15px;}
        #scrollpage .ft{position:absolute;left:0;bottom:64px;width:960px;background-color:rgba(255, 255, 255, 0.7);}
        #scrollpage .ft-link{padding:10px 0;overflow:hidden;zoom:1;}
        #scrollpage .more-links{float:left;padding:0 60px;border-right:1px solid #e7e8e8;}
        #scrollpage .ft-link .first{padding-left:100px;}
        #scrollpage .more-links h3{font-size:14px;color:#7d7d7d;}
        #scrollpage .more-links ul{list-style-type:none;}
        #scrollpage .more-links a{color:#676767;text-decoration:none;}
        #scrollpage .service{float:right;padding-right:100px;background:url(../images/phone.png) 10px 10px no-repeat;}
        #scrollpage .service ul{padding:0 15px 0 56px;background-color:rgba(255, 255, 255, 0.5);list-style-type:none;}
        #scrollpage .service .phone{padding:7px 0 0 10px;border-left:1px solid #fff;font-size:22px;}
        #scrollpage .service .time{border-left:1px solid #fff;font-size:16px;color:#adb0b4;}
        #scrollpage .copy{height:50px;}
        #scrollpage .copy p{width:100%;padding:0;line-height:18px;font-size:12px;text-align:center;color:#a1a1a1;}
        #fp-nav ul li a.active span, .fp-slidesNav ul li a.active span, #fp-nav ul li:hover a.active span, .fp-slidesNav ul li:hover a.active span{width: 10px;height: 10px;margin: -5px 0 0 -5px;}
        #fp-nav ul li a span, .fp-slidesNav ul li a span{background: #fff;width: 10px;height: 10px;margin: -5px 0 0 -5px;}
        #fp-nav li .active span, .fp-slidesNav.active span{background-color:#fff;}
        #fp-nav ul li a.active{border: 1px solid #fff;border-radius: 100%;width: 14px;height: 14px;}
        #fp-nav ul li:hover a,.fp-slidesNav ul li:hover a {border: 1px solid #fff;border-radius: 100%;width: 14px;height: 14px;}
        .active .about-box{-webkit-animation-name: bounceInLeft;animation-name: bounceInLeft;animation-delay:.5s; -webkit-animation-delay:0.5s}
        .active .about-img{-webkit-animation-name: bounceInRight;animation-name: bounceInRight;animation-delay:1s; -webkit-animation-delay:1s}
        .about-box{background-color: rgba(255, 255, 255, 0.1);padding: 30px 0 80px 0;position: relative;}
        .about-info{width: 450px;}
        .about-info h2{font-weight: bold;font-size: 40px;text-align: center;color: #fff;}
        .about-info  .des{line-height: 30px;font-size: 20px;color: #fff;padding: 30px 0 30px 20px;}
        .about-info .more a{ background: #1d7ee2;font-size: 16px;text-align: center;color: #fff;line-height: 40px;line-height: 40px;width: 200px;display:inline-block;margin-left: 20px;border-radius: 5px;}
        .about-img{height: 600px;position: absolute;right: 0;top:50%;margin-top: -300px;}
        .about-img img{height:600px;}
        .w1200 {width: 1300px;margin: 0 auto;}
        .swiper-product{padding-top: 50px;}
        .productitem{width:310px ;margin-right: 20px;;margin-bottom: 20px;position: relative;}
        .productitem a{display: block;}
        .product-b1{background: rgba(255, 255, 255, 0.4);overflow: hidden;text-align: center;position: relative; }
     .productitem a:hover .product-b2{display: block;}
    .product-b2{ background: rgba(179, 0, 0, 0.8);position: absolute;top: 0;right: 0;text-align: center;width: 100%;height: 100%;display: none;}
    .product-b2 p{color: #fff;font-size: 14px;text-align: left;line-height: 25px;}
    .product-b2 .des{padding: 60px 25px 30px 25px;}
    .product-b2 .more{border: 1px solid #fff;color: #fff;font-size: 14px;display: inline-block;width:130px;height: 40px;line-height: 40px;border-radius: 5px;}
    img {vertical-align: middle;max-width: 100%;}
    .section4 .contact{width: 90%;background: rgba(83, 83, 83, 0.8);margin:0 auto;padding: 80px 30px 10px 30px;border-radius: 5px;}
    .section4 .contact li{color: #fff;text-align: center;float: left;}
    .section4 .contact li .title{font-size: 30px;position: relative;padding-bottom: 10px;text-transform: uppercase;padding-top: 25px;}
    .section4 .itemimg{height: 77px;}
    .active .contact .address{-webkit-animation-name: bounceInLeft;animation-name: bounceInLeft;animation-delay:.5s; -webkit-animation-delay:0.5s}
    .active .contact .email{-webkit-animation-name: bounceInLeft;animation-name: bounceInLeft;animation-delay:1s; -webkit-animation-delay:1s}
    .active .contact .tel{-webkit-animation-name: bounceInRight;animation-name: bounceInRight;animation-delay:1.5s; -webkit-animation-delay:1.5s}
    .section4 .contact li .title i{position: absolute;bottom: 0;width: 20px;height: 4px;background: #fff;left: 50%;margin-left: -10px;}
    .section4 .contact li.address{width: 40%;}
    .section4 .contact li.email{width: 20%;}
    .section4 .contact li.tel{width: 30%;}
    .section4 .contact li p{font-size: 18px;padding-top: 20px;}
    .section4 .contact .contactimg{padding-top: 80px;text-align: center;}
    .section4 .copyright{color: #fff;text-align: center;font-size: 14px;padding-top: 60px;}
    .section4 .copyright a{color: #fff;}
    .swiper-pagination{position: relative;}
    .active .w1200{-webkit-animation-name: bounceInDown;animation-name: bounceInDown;animation-delay:.5s; -webkit-animation-delay:0.5s}
    .swiper-pagination-clickable .swiper-pagination-bullet{background: #fff;opacity: 1;}
    .swiper-pagination-clickable .swiper-pagination-bullet-active{border-radius: 5px;width: 30px;height: 8px;background-color: #535353;}