/*slide*/.slide{background:url(../images/index/1.jpg) no-repeat center top;background-size:auto 100%}
.slide.bg2{background-image:url(../images/index/2.jpg)}
.slide.bg3{background-image:url(../images/index/3.jpg)}
.slide.bg4{background-image:url(../images/index/q1.jpg)}
.slide.bg5{background-image:url(../images/index/q2.jpg)}
.slide.bg6{background-image:url(../images/index/q3.jpg)}
.slide.bg4, .slide.bg5, .slide.bg6{ display:none; background-size: cover;}
.fp-controlArrow{background:none;border:none;width:40px !important;height:40px !important;transition:all .5s ease 0s;opacity:.3}
.fp-controlArrow:hover{width:50px !important;height:50px !important;opacity:1}
.fp-controlArrow.fp-prev{border-left:2px solid #ceb18d;border-top:2px solid #ceb18d;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);left:50px}
.fp-controlArrow.fp-next{border-right:2px solid #ceb18d;border-top:2px solid #ceb18d;-webkit-transform:rotate(45deg);transform:rotate(45deg);right:50px}
.fp-bottom{display:none}

.arrow{position:absolute;z-index:99;bottom:10px;left:50%;overflow:hidden;margin-left:-30px;cursor:pointer;-webkit-animation:arrow 3s cubic-bezier(0.5, 0, 0.1, 1) infinite;animation:arrow 3s cubic-bezier(0.5, 0, 0.1, 1) infinite;text-align:center;opacity:1;color:#fff;font-size:20px;line-height:60px}
.arrow:hover{-webkit-animation-play-state:paused;animation-play-state:paused}
@keyframes arrow{
	0%, 100%{bottom:10px;opacity:1}
	50%{bottom:50px;opacity:.5}
}
@-webkit-keyframes arrow{
	0%, 100%{bottom:10px;opacity:1}
	50%{bottom:50px;opacity:.5}
}

/*box*/
.fp-tableCell{perspective:400px;transform-style:preserve-3d;display:block!important}
.about-box,.products-box,.news-box,.contact-box{backface-visibility:hidden;transition:1s;transform-style:preserve-3d;transform-origin:0px 0px;transform:rotateX(30deg);width:100%;height:100%;background-size:auto 100%;position:relative}
.about-box{background:url(../images/index/about.jpg) no-repeat center top;}
.products-box{background:url(../images/index/products.jpg) no-repeat center top}
.news-box{background:url(../images/index/news.jpg) no-repeat center top}
.contact-box{background:url(../images/index/contact.jpg) no-repeat center top}
.active .about-box,.active .products-box,.active .news-box,.active .contact-box{transform:rotateX(0deg)}

/*about*/
.about-title p,.about-text p,.title-icon p,.content-more p{display:none}
.about-title p.animated,.about-text p.animated,.title-icon p.animated,.content-more p.animated{display:inherit}
.about-title p:nth-child(1){animation-name:fadeInDown;animation-duration:2s;animation-delay:0s;animation-fill-mode:both;position:absolute;top:248px;right:355px}
.about-title p:nth-child(2){animation-name:fadeIn;animation-duration:3s;animation-delay:1s;animation-fill-mode:both;position:absolute;top:342px;right:305px}
.about-title p:nth-child(3){animation-name:zoomIn;animation-duration:2s;animation-delay:0s;animation-fill-mode:both;position:absolute;top:354px;right:355px}
.about-box .title-icon p{animation-name:fadeInRight;animation-duration:2s;animation-delay:0s;animation-fill-mode:both;position:absolute;top:300px;right:310px}
.about-text p:nth-child(1){animation-name:fadeInUp;animation-duration:2s;animation-delay:0s;animation-fill-mode:both;position:absolute;top:460px;right:315px}
.about-text p:nth-child(2){animation-name:fadeInUp;animation-duration:2s;animation-delay:.8s;animation-fill-mode:both;position:absolute;top:500px;right:315px}
.about-text p:nth-child(3){animation-name:fadeInUp;animation-duration:2s;animation-delay:1.1s;animation-fill-mode:both;position:absolute;top:540px;right:315px}
.about-text p:nth-child(4){animation-name:fadeInUp;animation-duration:2s;animation-delay:1.4s;animation-fill-mode:both;position:absolute;top:580px;right:315px}
.about-box .content-more p{animation-name:fadeInUp;animation-duration:2s;animation-delay:1.8s;animation-fill-mode:both;position:absolute;top:620px;right:320px}
@media (max-width:1440px){
	.about-title p:nth-child(1){right:100px}
	.about-title p:nth-child(2){right:50px}
	.about-title p:nth-child(3){right:105px}
	.about-box .title-icon p{right:55px}
	.about-text p{right:60px !important}
	.about-box .content-more p{right:65px}
}

/*products*/
.pro-title p,.pro-class li,.pro-list li{display:none}
.pro-title p.animated,.pro-class li.animated,.pro-list li.animated{display:inherit}
.pro-title p:nth-child(1){animation-name:fadeInDown;animation-duration:2s;animation-delay:0s;animation-fill-mode:both;position:absolute;top:248px;left:360px}
.pro-title p:nth-child(2){animation-name:fadeIn;animation-duration:3s;animation-delay:1s;animation-fill-mode:both;position:absolute;top:342px;left:320px}
.pro-title p:nth-child(3){animation-name:zoomIn;animation-duration:2s;animation-delay:0s;animation-fill-mode:both;position:absolute;top:354px;left:365px}
.products-box .title-icon p{animation-name:fadeInLeft;animation-duration:2s;animation-delay:0s;animation-fill-mode:both;position:absolute;top:300px;left:325px}
.products-box .content-more p{animation-name:fadeInUp;animation-duration:2s;animation-delay:3.2s;animation-fill-mode:both;position:absolute;top:720px;left: 320px;}
.pro-class li{position:absolute;top:495px;left:320px}
.pro-class li .zh{font-size:16px;border-bottom:1px solid #000;height:32px;margin-bottom:5px;color:#000}
.pro-class li .en{font-size:12px;font-family:Arial;color:#000}
.pro-class li:nth-child(2){left:500px}
.pro-class li:nth-child(3){top:595px}
.pro-class li:nth-child(4){top:595px;left:500px}
.pro-class li.fil{animation-name:fadeInLeft;animation-duration:2s;animation-delay:0s;animation-fill-mode:both}
.pro-class li:nth-child(2).fil{animation-duration:2.3s;animation-delay:.8s}
.pro-class li:nth-child(3).fil{animation-duration:2.6s;animation-delay:1.1s}
.pro-class li:nth-child(4).fil{animation-duration:2.9s;animation-delay:1.4s}
.pro-list li{animation-name:fadeInDown;animation-duration:2s;animation-delay:0s;animation-fill-mode:both;position:absolute;top:340px;left:770px;text-align:center;font-size:14px;width:288px}
.pro-list li img{display:block;width:288px;height:288px;margin:0 auto;-webkit-transition:transform 1.5s ease-out;-moz-transition:transform 1.5s ease-out;-o-transition:transform 1.5s ease-out;transition:transform 1.5s ease-out;overflow:  hidden;}
.pro-list li:hover img{-webkit-transform:scale(1.1,1.1);-ms-transform:scale(1.1,1.1);-o-transform:scale(1.1,1.1);transform:scale(1.1,1.1)}
.pro-list li:nth-child(2){left:1070px;animation-duration:2.3s;animation-delay:1.3s}
.pro-list li:nth-child(3){left:1370px;animation-duration:2.6s;animation-delay:1.6s}
.pro-list li.hover{animation-delay:0s}
.pro-list li:nth-child(2).hover{animation-delay:.3s}
.pro-list li:nth-child(3).hover{animation-delay:.6s}
@media (max-width:1440px){
	.pro-title p:nth-child(1){top:148px;left:110px}
	.pro-title p:nth-child(2){top:242px;left:65px}
	.pro-title p:nth-child(3){top:254px;left:110px}
	.products-box .title-icon p{top:200px;left:70px}
	.products-box .content-more p{top:620px;left: 66px;}
	.pro-class li{top:395px;left:66px}
	.pro-class li:nth-child(2){left:246px}
	.pro-class li:nth-child(3){top:495px}
	.pro-class li:nth-child(4){top:495px;left:246px}
	.pro-list li{left:480px; top:240px;}
	.pro-list li:nth-child(2){left:780px}
	.pro-list li:nth-child(3){left:1080px}
}

/*news*/
.news-title p,.news-list li{display:none}
.news-title p.animated,.news-list li.animated{display:inherit}
.news-title p:nth-child(1){animation-name:fadeInDown;animation-duration:2s;animation-delay:0s;animation-fill-mode:both;position:absolute;top:248px;right:355px}
.news-title p:nth-child(2){animation-name:fadeIn;animation-duration:3s;animation-delay:1s;animation-fill-mode:both;position:absolute;top:342px;right:305px}
.news-title p:nth-child(3){animation-name:zoomIn;animation-duration:2s;animation-delay:0s;animation-fill-mode:both;position:absolute;top:354px;right:355px}
.news-box .title-icon p{animation-name:fadeInRight;animation-duration:2s;animation-delay:0s;animation-fill-mode:both;position:absolute;top:300px;right:310px}
.news-box .content-more p{animation-name:fadeInUp;animation-duration:2s;animation-delay:2s;animation-fill-mode:both;position:absolute;top:650px;left:350px}
.news-list li{animation-name:fadeInUp;animation-duration:2s;animation-delay:0s;animation-fill-mode:both;position:absolute;left:350px;top:260px;font-size:12px;width:550px}
.news-list li h2,.news-list li p{font-weight:normal;font-size:14px;line-height:2.5;height:35px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.news-list li h2{ font-size:16px; height:auto; font-weight:bold;}
.news-list li p{color:#666}
.news-list li span{display:block;width:90px;height:18px;border:1px solid #999;border-radius:16px;text-align:center;line-height:18px;color:#999}
.news-list li:nth-child(2){top:385px;animation-duration:2s;animation-delay:.6s}
.news-list li:nth-child(3){top:510px;animation-duration:2s;animation-delay:1.2s}
@media (max-width:1440px){
	.news-title p:nth-child(1){right:100px}
	.news-title p:nth-child(2){right:50px}
	.news-title p:nth-child(3){right:105px}
	.news-box .title-icon p{right:55px}
	.news-list li{left:100px}
	.news-box .content-more p{left:100px}
}

/*contact*/
.con-title p,.con-text,.con-map p{display:none}
.con-title p.animated,.con-text.animated,.con-map p.animated{display:inherit}
.con-title p:nth-child(1){animation-name:fadeInDown;animation-duration:2s;animation-delay:0s;animation-fill-mode:both;position:absolute;top:248px;left:360px}
.con-title p:nth-child(2){animation-name:fadeIn;animation-duration:3s;animation-delay:1s;animation-fill-mode:both;position:absolute;top:342px;left:320px}
.con-title p:nth-child(3){animation-name:zoomIn;animation-duration:2s;animation-delay:0s;animation-fill-mode:both;position:absolute;top:354px;left:365px}
.contact-box .title-icon p{animation-name:fadeInLeft;animation-duration:2s;animation-delay:0s;animation-fill-mode:both;position:absolute;top:300px;left:325px}
.contact-box .content-more p{animation-name:fadeInUp;animation-duration:2s;animation-delay:2s;animation-fill-mode:both;position:absolute;top:500px;left:320px}
.con-text{animation-name:fadeIn;animation-duration:2s;animation-delay:1s;animation-fill-mode:both;position:absolute;top:300px;left:560px;width:440px;height:380px}
.con-text .swiper-slide{font-size:14px;line-height:2;height:auto;-webkit-box-sizing:border-box;box-sizing:border-box}
.con-map p{animation-name:fadeInRight;animation-duration:2s;animation-delay:1s;animation-fill-mode:both;width:540px;position:absolute;right:200px;top:300px;}
.con-map p:nth-child(1){height:380px}
.con-map p:nth-child(2){animation-delay:1.5s;top:700px;font-size:12px}
@media (max-width:1440px){
	.con-title p:nth-child(1){top:148px;left:110px}
	.con-title p:nth-child(2){top:242px;left:65px}
	.con-title p:nth-child(3){top:254px;left:110px}
	.contact-box .title-icon p{top:200px;left:70px}
	.contact-box .content-more p{top:400px;left:65px}
	.con-text{top:200px;left:310px}
	.con-map p{top:200px;right:80px}
	.con-map p:nth-child(2){top:600px}
}


.scan-wechat{width:180px;height:180px;}
.scan-wechat img{display:block;height:180px;width:180px}