@charset "utf-8";
/* CSS Document */
.top-main{ position:absolute; width:100%;}


.mc { background-color:#fff;  position: absolute; width: 100%; height: 100%; z-index: 1000;}
.mc:hover { cursor:pointer}
#lottie { /* background-color: #fff; */ width: 100%; max-height: 600px; top: 0; position: absolute; left: 0; bottom: 0; right: 0; margin:auto;z-index: 999;}



.header {
	/* opacity: 0; */
	position: relative;
	text-align: center;
	background: linear-gradient(90deg, rgba(110,185,43,1) 0%, rgba(78,164,0,1) 100%);
	color: white;
	cursor:pointer;
}
.logo {
	width: 50px;
	fill: white;
	padding-right: 15px;
	display: inline-block;
	vertical-align: middle;
}
.inner-header {
	height: 75vh;
	width: 100%;
	margin: 0;
	padding: 0;
}
.flex { /*Flexbox for containers*/
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
}
.waves {
	position: relative;
	display: block;
	width: 100%;
	height: 15vh;
}
.content {
	position: relative;
	height: 10vh;
	text-align: center;
	background-color: white;
	cursor:pointer;
}
/* Animation */

.parallax > use {
	animation: move-forever 25s cubic-bezier(.55, .5, .45, .5) infinite;
}
.parallax > use:nth-child(1) {
	animation-delay: -2s;
	animation-duration: 7s;
}
.parallax > use:nth-child(2) {
	animation-delay: -3s;
	animation-duration: 10s;
}
.parallax > use:nth-child(3) {
	animation-delay: -4s;
	animation-duration: 13s;
}
.parallax > use:nth-child(4) {
	animation-delay: -5s;
	animation-duration: 20s;
}
@keyframes move-forever {
	 0% {
	 transform: translate(-90px, 0%);
	}
	 100% {
	 transform: translate(85px, 0%);
	}
}

/*Shrinking for mobile*/
@media (max-width: 768px) {
	.waves {
		height: 15vw;
	}
	h1 {
		font-size: 24px;
	}
}


/*#menu{ position:fixed; right:5%; top:30%; width:25px; z-index:99;}
#menu li{ padding:15px 0px 15px 20px;transition:0.3s;}
#menu li a{ display:block; background-color:#fff; height:5px;}
#menu li.active{ padding-left:0px;}
@media(max-width:768px){
#menu{ right:2%}
}*/

.section:after{ position: absolute; right:5%; bottom:5%; z-index:99; display:block; content:''; background:url(../images/home_icon.png) no-repeat; width:20px; height:71px;}
.section.home_news:after,
.section.home_foot:after{ display:none;}

.animate,
.home_yeji .box{-moz-transition:all 0.75s ease; -ms-transition:all 0.75s ease; -webkit-transition:all 0.75s ease;transition:all 0.75s ease;}
.home_banner .swiper-slide a,
.home_banner .photo{position: absolute; left: 0; top: 0; right: 0; bottom: 0;width: 100%;height: 100%;	overflow: hidden;}
.home_banner .swiper-slide a{background: #fff; opacity: 0; -webkit-opacity: 0;  z-index: 30;}
.home_banner .photo img{position: absolute; left: 50%; transform: translateX(-50%); width:100%; height: 100%; max-width: none;object-fit: cover;}
.home_banner .photowap{ display:none}
.home_banner .owl-carousel,
.home_banner .owl-stage-outer,
.home_banner .owl-stage,
.home_banner .swiper-slide,
.home_banner .owl-item{ height:100%}
.home_banner .owl-item.active{z-index: 20;}
.home_banner .swiper-slide{ background:no-repeat center center;}
/*.home_banner .owl-item.videobox{ background-color:#000}
.home_banner .owl-item.videobox img{ opacity:0}*/
.home_banner .owl-item video{ position: absolute; left: 0; top: 0; z-index: 10; width: 100%; /* object-fit: cover;*/}
.home_banner .info{ width:50%; background-color:rgba(110,185,43,0.9); color:#fff; position:absolute; right:0; bottom:0;transform: translateY(100%);-webkit-transform: translateY(100%); transition: 1s 0.3s; -webkit-transition: 1s 0.3s;padding:2% 4%;}
.home_banner .active .info{ transform: translateY(0); -webkit-transform: translateY(0);}
.home_banner .info .pic{ position:relative; padding-left:8%;}
.home_banner .info .pic:before{ left:0; content:""; width:15px; height:50%; background-color:#fff; display:block; position: absolute;}
.home_banner .owl-dots{ position:absolute; left:5%; bottom:5%; width:auto; color:#fff; font-size:30px;}
.home_banner .owl-dots button{display: none; font-size:50px;}
.home_banner .owl-dots button.active{ display: inline-block;}
.home_banner .owl-nav button{position:absolute;top:50%;width:27px;height:44px;margin-top:-22px;z-index:10;cursor:pointer;background-size:27px 44px;background-position:center;background-repeat:no-repeat}
.home_banner .owl-nav button span{display: none;}
.home_banner .owl-nav button.owl-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");left:10px;right:auto}
.home_banner .owl-nav button.owl-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");right:10px;left:auto}


.home_banner .videoBox{height: 100%;}
.home_banner .videoBox .video{height: 100%; /*background: #000;*/}
.home_banner .videoBox .video video{position: absolute;bottom: 0;}


@media(max-width:1024px){
	.home_banner .info .pic:before{ left:-10px;}
	.home_banner .owl-item video{height: 100%; left:0;}
	.home_banner .owl-item video.video-show{left: 0;}
	.home_banner .owl-item{position: relative;}
	.home_banner .owl-item .open-video{position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(../images/play.png) no-repeat center center rgba(0,0,0,0.3); opacity: 1;}
	.home_banner .owl-item .close-video{position: absolute; width: 40px; height: 40px; background: url(../images/close.png) no-repeat center center #959bad; background-size: contain; z-index: 50; right: 20px; top: 20px;opacity: 1; display: none; left: auto; border-radius: 50%;}
}
@media(max-width:640px){
	.home_banner .owl-dots{ font-size: 18px; bottom: 20px; left: 20px;}
	.home_banner .owl-dots button{font-size: 30px;}
	.home_banner .owl-nav{display: none;}
	.home_banner .info{width: 100%; padding: 20px 10px 10px 90px;}
	.section:after{display: none;}
}



.home_about .list{position:relative; color:#fff; text-align:center;}
.home_about .pic{ overflow:hidden; }
.home_about .pic img{width:100%; }
.home_about .imgwap{ display:none;}
.home_about .info{ z-index:5; position:absolute; width:100%; height:100%; font-size:28px;}
.home_about .info dl{height: 72px;}
.home_about .info dl b{ font-size:2.142857em; line-height: 72px; display: inline-block; padding-right:5px;}
.home_about .n1 .info dl b,
.home_about .n3 .info dl b{ font-size: 2.5em;}
.home_about .n2 .info dl b,
.home_about .n4 .info dl b{ font-size: 3.2142857em;}
.home_about .n5 .info dl span{ font-size: 2.142857em; font-family: Arial Black," sans-serif";}
.home_about .n6 .info dl span,
.home_about .n7 .info dl span{ font-family: Arial," sans-serif"; font-weight: bold;}
.home_about .info dl sup{ font-size:0.5em;}
.home_about .info p{ padding:8% 0 0 0; margin:0;}
.home_about .info p span{ }
.home_about .info p span.cn{ display:block; margin-bottom:3%}
.home_about .info p span.en{ line-height:1.5em; height:3em;width:90%;  margin: 0 auto;  text-transform:uppercase; font-family:Arial; font-size:0.57142857em;word-break: break-word;}
.home_about .n1 .info p span.en{max-width:350px ;}
.home_about .n4 .info p span.en{max-width:280px ;}
.home_about .n6 .info p span.en{max-width:320px ;}
.home_about .n7 .info p span.en{max-width:392px ;}

.home_about .n2,
.home_about .n4,
.home_about .n5,
.home_about .n7{ background-color:#6eb92b}
.home_about .n8{ background-color:#2a2a2a}
.home_about .n1 .info,
.home_about .n3 .info,
.home_about .n6 .info{ color:#333333}
.home_about .n1 .pic img{ opacity:0.1}
.home_about .n2 .pic img{ opacity:0.2}
.home_about .n3 .pic img{ opacity:0.13}
.home_about .n4 .pic img{ opacity:0.1}
.home_about .n5 .pic img{ opacity:0.17}
.home_about .n6 .pic img{ opacity:0.2}
.home_about .n7 .pic img{ opacity:0.15}
.home_about .n8 .pic img{ opacity:0.11}
.home_about .n1 .pic img,
.home_about .n3 .pic img,
.home_about .n6 .pic img{-webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter:grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter:gray;}
.home_about .n1:hover .pic,
.home_about .n3:hover .pic,
.home_about .n6:hover .pic{-webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter:grayscale(0%); -o-filter: grayscale(0%); filter: grayscale(0%); filter:none;}
#number1 { transition-delay: 0ms !important;} 
#number2 {transition-delay: 800ms !important;}
#number3 { transition-delay: 1200ms !important;}
#number4 { transition-delay: 1700ms !important;}
#number5 { transition-delay: 2200ms !important;}
#number6 { transition-delay: 2700ms !important;}
#number7 { transition-delay: 4400ms !important;}
#number8 { transition-delay: 6200ms !important;}
@media(max-width:1500px){
	.home_about .info{ font-size: 20px;}
}
@media(max-width:1100px){
.home_about .info{ font-size: 18px;}
}
@media(min-width:641px)and (max-width:1024px){
.home_about .list{ width:50%; height:25%}
.home_about .pic img{ width:100%; height:auto; }
}
@media(min-width:641px){
.home_about .box{ height:100%;}
.home_about .list{ float:left; width:25%; height:50%; }
.home_about .imgpc{  width:100%; height:100%; position:relative}
.home_about .imgpc img{position: absolute; left: 50%; transform: translateX(-50%); height: 100%; max-width: none;}
}
@media(max-width:640px){
	.home_about .slick-dots{ position: absolute; z-index: 20; left: 0; width: 100%; bottom: 10px; text-align: center;}
	.home_about .slick-dots li{display: inline-block; width: 10px; height: 10px; border-radius: 50%; background: #fff; margin: 0 2px; opacity: 0.8;box-shadow: 0 0 3px rgba(0,0,0,0.3)}
	.home_about .slick-dots li button{display: none;}
	.home_about .slick-dots li.slick-active{background: #6eb92b;box-shadow: 0 0 3px rgba(255,255,255,0.8)}
	.home_about .slick-slider,
	.home_about .slick-list,
	.home_about .slick-track{ height:100%}
	.home_about .list{z-index: 1;}
	.home_about .slick-current{z-index: 10 !important;}
	/*.home_about,
	.home_about .fp-tableCell{height: auto !important;}*/
	.home_about .box{height: auto;}
	#home_about{display: none;}
	.home_about .slick-slide .imgwap{opacity: 0;}
	.home_about .slick-current .imgwap{opacity: 1 !important;}
	.home_about .imgwap{ display:block;position: absolute; left: -10%;width: 120%; height: 100%; overflow: hidden;}
/*	.home_about .imgwap img{width: auto; height: 100%;}*/
	
	
	.home_about .imgpc{ display:none}
	/*.home_about .imgpc{position: relative; padding-bottom: 72%;}*/
	/*.home_about .imgpc img{ position: absolute;width: 100%; transform: translateY(-50%); top: 50%; left: 0;}*/
	.home_about .info{padding-bottom: 30px;}
	.home_about .info p{padding-top: 10px;}
}


.home_product{overflow: hidden;}
.home_product .home_product-bg.img-wap{ display:none;}
.home_product .home_product-bg{	position: absolute; left: 0; top: 0; right: 0; bottom: 0;width: 100%;height: 100%;	overflow: hidden;}
.home_product .home_product-bg img{position: absolute; left: 50%; transform: translateX(-50%); width:100%; height: 100%; max-width: none;}
.home_product .box{transition:0.3s; z-index:99; left:9.038%; opacity:0; max-width:600px; width:86%; background-color:rgba(0,0,0,0.6); border-radius:0 50px 0px 50px; padding:78px 70px 0; min-height: 590px; position:relative; color:#fff}
.home_product .box h2{ font-size:24px; padding-bottom: 6px;}
.home_product .box h3{ font-size:28px; text-transform:uppercase; font-family:Arial; font-weight:bold; max-width:84%;}
.home_product .box h4{ font-size:20px; padding-top:20px;}
.home_product .box h5{ padding:5px 0; line-height: 20px; min-height: 50px;}
.home_product .num{ background-color:#6eb92b; position:absolute; width:96px; left:-48px; text-align:center; font-size:54px; line-height:86px;}
.home_product .icon{ padding:32px 0 47px 0; overflow: hidden;}
.home_product .icon a{color: #fff;}
.home_product .icon dl{ float: left;text-align:center;/* padding:0px 2%*/}
.home_product .icon dl:not(:last-child){margin-right: 31px;}
.home_product .icon dl dt img{ width:60px; height:60px; border:solid 1px #fff; border-radius:8px;}
.home_product .icon dl dd{ line-height:40px; margin-top: -3px;}
.home_product .learn-more{ text-align:left}
.active.home_product .box{  opacity:1;}
@media(min-width:1024px){
body{ overflow:hidden}
}
@media(max-width:1400px){
.top-main{ position:relative}
}

@media(max-width:1024px){

.home_product .box{ padding:40px;}
.home_product .box h2{ font-size:18px;}
.home_product .box h3{ font-size:22px;}
.home_product .box h4{ font-size:16px;}
.home_product .num{font-size:30px; width:60px; left:-30px; line-height:50px;}

.home_product .icon dl{display: block;float: left; width: auto; }
.home_product .icon dl:not(:last-child){margin-right: 10px;}
.home_product .icon dl dd{  
	overflow: hidden;/*超出部分隐藏*/
    text-overflow:ellipsis;/* 超出部分显示省略号 */
    white-space: nowrap;/*规定段落中的文本不进行换行 */}
}
@media(max-width:640px){
	.home_product .icon{padding-bottom: 32px;}
	.home_product .icon dl dd{font-size: 12px;}
	.home_product .box{min-height: inherit;}
}


.home_news{ background:no-repeat center center;}
.home_news .photo{position: absolute;  left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100%; overflow: hidden;}
.home_news .photo img{position: absolute; left: 50%; transform: translateX(-50%); width:100%; height: 100%; max-width: none;}
.home_news .inner{ width: 90%; max-width: 1480px; margin:auto;}
.home_news .info{ color:#fff;  width:44.595%; max-width: 530px; margin-bottom: 56px; /*margin-bottom: -50px;*/ }
.home_news .info h2{ font-size:36px; margin-bottom:3%; font-weight: bold; line-height: 48px; }
.home_news .info h3{ line-height: 27px;  font-size:24px;  font-weight: bold;text-transform:uppercase}
.home_news .news{ color:#fff; position:relative; }
.home_news .news a{ color:#fff}
.home_news .news h4{ font-size:22px;}
.home_news .news time{ opacity:0.74; font-size:16px; display:block; padding-top:10px;}
.home_news .hot{ width:44.595%; float:left;}
.home_news .hot a{ display:block; position:relative;}
.home_news .hot img{ width:100%}
.home_news .hot .txt{position:absolute;bottom: 0;left: 0;padding: 3%;width: 100%;background: rgba(0,0,0,0.3);}
.home_news .list{ width:46.96%; float:right}
.home_news .list ul{border-top:solid 1px rgba(255,255,255,0.3)}
.home_news .list ul li{ padding:2% 0;display: table; border-bottom:solid 1px rgba(255,255,255,0.3);width: 100%;}
.home_news .list ul li a{display: table-cell; vertical-align: middle;}
.home_news .list ul li h4{min-height: 29px; position: relative;}
.home_news .list ul li h4 span{position: absolute; line-height: 29px; left: 0; width: 100%;}
.home_news .gallery-name{ float: right; margin-top: -108px; max-width:500px; width:48%;}
.home_news .gallery-name ul li{  text-align:center; line-height:47px; font-size:18px; }
.home_news .gallery-name ul li a{ display:block; background-color:rgba(0,0,0,0.5); margin:0 5px; border-radius:0 20px 0px 20px; cursor:pointer; }
.home_news .gallery-name ul li.swiper-slide-thumb-active a{ background-color:#6eb92b}
.home_news .gallery-list .swiper-slide{ opacity:0}
.home_news .gallery-list .swiper-slide-active{ opacity:1}
@media(max-width:1400px){
/*.home_news .inner{ padding:0 150px;}*/
.home_news .info h2{ font-size:36px;}
.home_news .info h3{ font-size:20px}
.home_news .news h4{ font-size:18px}
}
@media(max-width:1200px){
/*.home_news .inner{ padding:0 100px;}*/
.home_news .info{ width:45%}
.home_news .info h2{ font-size:30px;}
.home_news .info h3{ font-size:18px}
.home_news .news h4{ font-size:16px}

}
@media(max-width:1024px){
.home_banner,
.home_banner .fp-tableCell{ height:auto!important}
.home_banner .photo{ display:none;}
.home_banner .photowap{ width:100%; display:block; overflow: hidden;}
.home_banner .photowap img{height: 100%; max-width: none; width:100%; margin: 0 auto;}
.home_banner .videoBox .video video{ position:relative}
.home_banner .swiper-pagination{ font-size:20px;}
.home_banner .swiper-pagination-current{ font-size:30px;}
.home_product .home_product-bg img{ width:auto;}
.home_news .photo img{ width:auto;}
.home_news .info{ width: auto;}
.home_news .gallery-name{ float:none; margin: 0; width:100%; padding:3% 0}
.home_news .info{ width:100%; max-width:none; margin-bottom:auto}
.home_news .info h2{ font-size:18px; margin-bottom:3%;}
.home_news .info h3{ font-size:14px}

/*.home_news .inner{ padding:0 5%;}*/
.home_news .hot,
.home_news .list{ float:none; width:100%; padding: 0}
.home_news .gallery-name ul li{ font-size:16px;}
.home_news .list ul li{ min-height: inherit !important; height: auto !important;}

}
@media(max-width:768px){
.home_product .home_product-bg.img-pc{ display:none;}
.home_product .home_product-bg.img-wap{ display:block;}
}

/*放大*/
.home_product.active .home_product-bg{
    animation: slowScale 6s forwards;
    -webkit-animation: slowScale 6s forwards;
}
.home_product.active .home_product-bg{
    animation:none;
    -webkit-animation:none;
}
.home_product.active .home_product-bg{
     animation: slowScale 6s forwards; 
    -webkit-animation: slowScale 6s forwards;
    -ms-animation: slowScale 6s forwards;
}
@keyframes slowScale {
    0% {
        transform: scale(1);
        -webkit-transform: scale(1);
    }

    100% {
        transform: scale(1.1);
        -webkit-transform: scale(1.1);
    }

}

@-webkit-keyframes slowScale {
    0% {
        transform: scale(1);
        -webkit-transform: scale(1);
    }
    100% {
        transform: scale(1.1);
        -webkit-transform: scale(1.1);
    }
}



.active .link-a, .active .link-b {

    animation: opa 1s both;

    -webkit-animation: opa 1s both;

}

@keyframes opa {

    0% {

        opacity: 0;

    }

    100% {

        opacity: 1;

    }

}

@-webkit-keyframes opa {

    0% {

        opacity: 0;

    }

    100% {

        opacity: 1;

    }

}



.active .slideInUp{

    -webkit-animation-name: slideInUp;

    animation-name: slideInUp;

    -webkit-animation-duration: 1.2s;

    animation-duration: 1.2s;

    -webkit-animation-fill-mode: both;

    animation-fill-mode: both;

}
.active .slideInUp{
    animation-name:none;
    -webkit-animation-name:none
}
.active .slideInUp{
    -webkit-animation-name: slideInUp;

    animation-name: slideInUp;

    -webkit-animation-duration: 1.2s;

    animation-duration: 1.2s;

    -webkit-animation-fill-mode: both;

    animation-fill-mode: both;
}

@-webkit-keyframes slideInUp {

    0% {

        opacity: 0;

        filter: alpha(opacity=0);

        -webkit-transform: translateY(50px);

        -ms-transform: translateY(50px);

        transform: translateY(50px);

        -moz-transform: translateY(50px);

        -o-transform: translateY(50px);

    }

    100% {

        opacity: 1;

        filter: alpha(opacity=1);

        -webkit-transform: translateY(0);

        -ms-transform: translateY(0);

        transform: translateY(0);

        -moz-transform: translateY(0);

        -o-transform: translateY(0);

    }

}

@keyframes slideInUp {

    0% {

        opacity: 0;

        filter: alpha(opacity=0);

        -webkit-transform: translateY(50px);

        -ms-transform: translateY(50px);

        transform: translateY(50px);

        -moz-transform: translateY(50px);

        -o-transform: translateY(50px);

    }

    100% {

        opacity: 1;

        filter: alpha(opacity=1);

        -webkit-transform: translateY(0);

        -ms-transform: translateY(0);

        transform: translateY(0);

        -moz-transform: translateY(0);

        -o-transform: translateY(0);

    }

}


@media(min-width:641px){
.home_about .slick-active .info p span.cn,
.home_about.active .info p span.cn{animation-delay: 0.5s !important; -webkit-animation-delay: 0.5s !important;}
.home_about .slick-active .info p span.en,
.home_about.active  .info p span.en{animation-delay: 1s !important; -webkit-animation-delay: 1s !important;}
}
@media(max-width:640px){
.home_about .info p span.cn,
.home_about .info p span.en{ transition: 1.2s 0.5s; opacity: 0;}
	.home_about .info p span.cn{ transform: translateY(50%);}
	.home_about .info p span.en{ transition-delay: 1s; transform: translateY(100%);}
.home_about .slick-active .info p span.cn,
.home_about .slick-active .info p span.en{ transform: translateY(0); opacity: 1;}
.home_about .info p span.cn,
.home_about .info p span.en{animation:none !important;}

}

.home_product.active .box h2{animation-delay: 0.5s !important; -webkit-animation-delay: 0.5s !important;}
.home_product.active .box h3{animation-delay: 1s !important; -webkit-animation-delay: 1s !important;}
.home_product.active .box h4{animation-delay: 1.5s !important; -webkit-animation-delay: 1.5s !important;}
.home_product.active .box h5{animation-delay: 2s !important; -webkit-animation-delay: 2s !important;}
.home_product.active .box .icon{animation-delay: 2.5s !important; -webkit-animation-delay: 2.5s !important;}
.home_product.active .box .learn-more{animation-delay: 3s !important; -webkit-animation-delay: 3s !important;}

.home_news.active .gallery-name{animation-delay: 0.5s !important; -webkit-animation-delay: 0.5s !important;}
.home_news.active .info{animation-delay: 1s !important; -webkit-animation-delay: 1s !important;}
.home_news.active .gallery-list{animation-delay: 1.5s !important; -webkit-animation-delay: 1.5s !important;}