/*
time:2019-12-18
*/

.banner { width: 100%; height: auto; display: block; overflow: hidden; position: relative;}
.banner li .text{ position: absolute; z-index: 10;}
.banner li .text h2{ display: block; font-size: 100px; line-height: 1; font-family: "arialnbi"; color: #fff; transition: all 0.5s ease-in-out .1s}
.banner li .text h3{ display: block; font-size: 70px; margin-bottom: 30px;font-family: "arialnbi"; color: #fff; transition: all 0.5s ease-in-out .1s}
.banner li img{ max-width: 100%;}

/* banner01 */
.banner li.banner01 .text{ transform: translateY(-50%); top: 50%; left: 90px;}
.banner li.banner01 .text h2,
.banner li.banner01 .text h3{  text-shadow: 3px 5px 5px #000; opacity: 0; margin-left: -50px;}
.banner .text .bd{ width: 100%;}
.banner .text .bd div{ display: inline-block;}
.banner li.banner01 .child{ width: 720px; float: left; opacity: 0; margin-left: -50px; transition: all 0.5s ease-in-out .1s}
.banner li.banner01 .child .hd{ position: relative; margin-top: 50px; z-index: 11;}
.banner li.banner01 .child .hd span{ background: #fff; border-radius: 0; width: 40px; height: 4px; margin-right: 24px; opacity: 1;}
.banner li.banner01 .child .hd span.swiper-pagination-bullet-active{ background: #585d6a;}
/* 延时动画 */
.banner li.banner01.ani-slide .text h2{ opacity: 1; margin-left: 0; transition: all 0.5s ease-in-out .1s}
.banner li.banner01.ani-slide .text h3{ opacity: 1; margin-left: 0; transition: all 0.5s ease-in-out .6s}
.banner li.banner01.ani-slide .child{ opacity: 1; margin-left: 0; transition: all 0.5s ease-in-out 1.1s}
/* banner01 END */

/* banner02 */
.banner li.banner02 .text{ width: 100%; text-align: center; left: 0; bottom: 100px;}
.banner li.banner02 .text h2{ opacity: 0; margin-top: 50px; font-size: 80px; transition: all 0.5s ease-in-out .1s; position: relative; z-index: 2;}
/* 延时动画 */
.banner li.banner02.ani-slide .text h2{ opacity: 1; margin-top: 0; font-size: 100px; transition: all 0.5s ease-in-out .1s}
/* banner02 END */

/* banner03 */
.banner li.banner03 .text{ transform: translateY(-50%); top: 50%; right: 90px; }
.banner li.banner03 .text h2{ text-align: right; color: #535865;   text-shadow: rgba(255,255,255,.85) 1px 0 0, rgba(255,255,255,.85) 0 1px 0, rgba(255,255,255,.85) -1px 0 0, rgba(255,255,255,.85) 0 -1px 0;  opacity: 0; margin-right: -50px; transition: all 0.5s ease-in-out .1s;}
/* 延时动画 */
.banner li.banner03.ani-slide .text h2{	opacity: 1; margin-right: 0; transition: all 0.5s ease-in-out .1s}
/* banner03 END */

.banner-prev,.banner-next{ position: absolute; top: 50%; transform: translateY(-50%); width: 40px; height: 60px; color: #000; background: rgba(255,255,255,.7); font-family: "iconfont","Avenir-Next-LT-Pro"; font-size: 30px; text-align: center; line-height: 60px; z-index: 2; transition: all 0.3s ease-in-out; text-transform: uppercase; opacity: 0; cursor: pointer;}
.banner-prev span,.banner-next span{ font-size: 18px; display: inline-block; vertical-align: top; display: none;}
.banner-next{ right: 0;}
.banner:hover .banner-prev,
.banner:hover .banner-next{ opacity: 1; }
.banner-prev:hover,
.banner-next:hover{ opacity: .6; }
.swiper-container-fade .swiper-slide{ z-index: -1; pointer-events: auto !important;}
.banner li.ani-slide{ z-index: 1;}
/* APPS */
.i-app-list{ width: 100%; display: block; background: #f2f2f2 url(../images/i-app-list.jpg) no-repeat right top / auto 100%; position: relative; z-index: 2; box-sizing: border-box; padding: 0 10%; }
.i-app-list .main{ width: 1200px; margin: 0 auto}
.i-app-list .main ul{ width: 100%; font-size: 0;}
.i-app-list .main ul li{ width: 25%; background: #fff; display: inline-block; height: 264px; position: relative; top: 0;}
.i-app-list .main ul li a{ width: 100%; text-align: center; display: block; height: 100%; position: relative;}
.i-app-list .main ul li a .tit{ font-size: 30px; color: #585d6a; width: 100%; font-family: "AvenirNextLTPro-UltLt"; line-height: 80px; display: block; transition: all 0.3s ease-in-out}
.i-app-list .main ul li a .img{ width: 100%; height: 136px; overflow: hidden; position: relative; display: inline-block; transition: all 0.3s ease-in-out;}
.i-app-list .main ul li a .img::after{ content: ""; position: absolute; right: 0; top: 0; box-shadow: 0 0 10px #000; height: 136px; width: 1px;}
.i-app-list .main ul li a .img img{ max-width: 100%; margin-top: 60px; transition: all 0.3s ease-in-out;}
.i-app-list .main ul li a:hover .tit{ opacity: .7;}
.i-app-list .main ul li:last-child a .img::after{ display: none;}

.i-app-list .list{ min-height: 480px; width: 100%;}
.i-app-list .list li{ display: flex; justify-content: space-around;}
.i-app-list .list li .img{ width: 50%; text-align: center;}
.i-app-list .list li .img img{ display: inline-block; max-width: 90%; max-height: 90%;}
.i-app-list .list li .text{ width: 50%;}
.i-app-list .list li .text .tit{ display: block; }
.i-app-list .list li .text .tit span{ display: block; font-size: 36px; line-height: 2; color: #585d6a; font-family: "Avenir-Next-LT-Pro"}
.i-app-list .list li .text .tit h2{ display: block; font-size: 60px; color: #72a248; font-family: "Avenir-Next-LT-Pro"}
.i-app-list .list li .text p{ display: block; color: #585d6a; font-size: 16px; line-height: 1.7}
.i-app-list .list li .text a{ color: #fff; padding: 0 38px; line-height: 48px; display: inline-block; z-index: 2; overflow: hidden; position: relative; font-size: 14px; text-transform: uppercase;}
.i-app-list .list li .text a::before{ content: ""; background: #72a248; width: 110%; height: 100%; position: absolute; right: 10px; top: 0; transform: skewX(-15deg); z-index: -1; transition: all 0.3s ease-in-out;}
.i-app-list .list li .text a:hover::before{ background: #000;}
.i-app-list .list .hd{ width: auto !important; position: absolute; right: 50px; z-index: 3; left: auto; bottom: 72px;}
.i-app-list .list .hd span{ background: #c5c5c5; border-radius: 0; width: 8px; height: 8px; margin: 0 4px; opacity: 1;}
.i-app-list .list .hd span.swiper-pagination-bullet-active{ background: #72a248;}








/* about */
.i-about{ width: 100%; display: block; padding: 90px 0; background: url(../images/i-about-bj.jpg) no-repeat left top;}
.i-about .main{ width: 1200px; margin: 0 auto}
.i-about .text .view{ width: 50%; display: inline-block; vertical-align: top;}
.i-about .text .view h3{ display: block; margin-top: 42px; box-sizing: border-box; padding: 18px 0 34px 104px; background: url(../images/i-about-icon.jpg) no-repeat left top;}
.i-about .text .view h3 img{ height: 42px;}
.i-about .text .view p{ font-size: 16px; color: #585d6a; display: block; line-height: 25px; margin: 0;}
.i-about .text .view ul{ display: block; font-size: 0; margin: 15px 0 17px;}
.i-about .text .view ul li{ display: inline-block; margin-right: 26px;}
.i-about .text .view ul li a{ font-family: "iconfont"; font-size: 36px; width: 45px; height: 45px; display: inline-block; line-height: 45px; text-align: center; color: #bcbcbc;}
.i-about .text .view ul li a:hover{ color: #72a248;}
.i-about .text .view > a{ color: #fff; padding: 0 38px; line-height: 48px; display: inline-block; z-index: 2; overflow: hidden; position: relative; font-size: 14px; text-transform: uppercase;}
.i-about .text .view > a::before{ content: ""; background: #72a248; width: 110%; height: 100%; position: absolute; right: 10px; top: 0; transform: skewX(-15deg); z-index: -1; transition: all 0.3s ease-in-out;}
.i-about .text .view > a:hover::before{ background: #000;}

.i-about .text{ width: 100%; font-size: 0; vertical-align: top;  position: relative;}
.i-about .text .bd{ width: 46%; float: right; vertical-align: top;}
.i-about .text .bd img{max-width: 100%;}
.i-about .text .bd li{ position: relative;} 
.i-about .text .bd li .tit{ position: absolute; bottom: 0; left: 0; height: 55px; line-height: 55px; width: 100%; display: block; font-family: "Avenir-Next-LT-Pro"; font-size: 18px; text-align: center; background: rgba(114,162,72,.8); color: #bcbec3; text-transform: uppercase}
.i-about .text .hd{ width: 50%; position: absolute; left: 0; bottom: 17px; z-index: 2; display: none;}
.i-about .text .hd ul{ width: 100%; display: block; text-align: right; box-sizing: border-box; padding-right: 10px;}
.i-about .text .hd ul li{ display: inline-block; width: 14px; height: 14px; border: 1px solid #000; border-radius: 100%; box-sizing: border-box; margin: 0 5px; }
.i-about .text .hd ul li.on{ background: #000; }


/* equipment*/
.i-eq,
.i-eq .i-eq-list{ width: 100%; display: block; overflow: hidden;}
.i-eq-list li{ position: relative;}
.i-eq-list li .text{ width: 100%; height: 100%; box-sizing: border-box; padding: 88px 0 0 46px; position: absolute; left: 0; top: 0; background: rgba(0,0,0,0.5); opacity: 0; transition: all 0.3s ease-in-out;}
.i-eq-list li .text h2{ color: #fff; display: block; line-height: 60px; font-family: "Avenir-Next-LT-Pro"; font-size: 36px; opacity: 0; margin-top: 20px; transition: all 0.3s ease-in-out .3s;}
.i-eq-list li .text p{ color: rgba(255,255,255,.5); display: block; max-width: 560px; line-height: 24px; font-size: 16px; margin: 16px 0; opacity: 0; transition: all 0.3s ease-in-out .6s;}
.i-eq-list li .img{ width: 100%;}
.i-eq-list li .img img{ width: 100%;}
.i-eq-list li a:hover .text{ opacity: 1;}
.i-eq-list li a:hover .text h2{ opacity: 1; margin-top: 0}
.i-eq-list li a:hover .text p{ opacity: 1;}
.i-eq-list li a:hover i{ opacity: 1; transition: all 0.3s ease-in-out .9s}
.i-eq-list li i{ background: rgba(114,162,72,.5); width: 136px; height: 136px; line-height: 136px; text-align: center; font-family: "iconfont"; font-size: 72px; color: #fff; display: inline-block; border-radius: 50%; transform: translate(-50%,-50%); position: absolute; top: 50%; left: 50%; opacity: 0; transition: all 0.3s ease-in-out .1s;}
.i-eq-list li a i:hover{ background: rgba(114,162,72,1); transition: all 0.3s ease-in-out;}
.eq-prev,.eq-next{
	position: absolute; top: 50%; transform: translateY(-50%); width: auto; padding: 0 30px; height: 60px; color: #fff;  font-family: "iconfont","Avenir-Next-LT-Pro"; font-size: 18px; text-align: center; line-height: 60px; z-index: 2; transition: all 0.3s ease-in-out; text-transform: uppercase; opacity: 1; cursor: pointer;
}
.eq-prev span,.eq-next span{ font-size: 18px; display: inline-block; vertical-align: top;}
.eq-next{
	right: 0;
}

.eq-prev:hover,
.eq-next:hover{ opacity: .6; }


.i-contact{ width: 100%; display: block; background: url(../images/map-png.png) no-repeat right top; box-sizing: border-box; padding: 58px 10% 0; font-size: 0;}
.i-contact .main{ width: 1200px; margin: 0 auto}
/* newslist */
.i-news-list{ width: 650px; display: inline-block;}
.i-news-list h2{ font-family: "Avenir-Next-LT-Pro"; display: block; line-height: 64px; color: #72a248; font-size: 60px;}
.i-news-list ul{ display: block; margin: 34px 0 38px;}
.i-news-list ul li{ width: 100%; min-height: 86px; margin-bottom: 22px; display: inline-block; position: relative;}
.i-news-list ul li .img{ width: 98px; position: absolute; left: 0; top: 0;}
.i-news-list ul li .img img{ width: 100%;}
.i-news-list ul li h3{ margin: 0; font-size: 16px; color: #585d6a; line-height: 36px; padding-left: 110px; box-sizing: border-box; opacity: .8;}
.i-news-list ul li p{ margin: 0; font-size: 14px; color: #000; line-height: 17px; padding-left: 110px; box-sizing: border-box; opacity: .8;}
.i-news-list ul li a{ font-size: 16px; color: #666; line-height: 25px; transition: opacity 0.3s ease-in-out}
.i-news-list ul li a:hover{ opacity: .7;}
/* contact */
.i-c-box{ width: 500px; float: right; overflow: hidden;}
.i-c-box h2{ font-family: "Avenir-Next-LT-Pro"; font-size: 60px; color: #72a248; display: block; line-height: 64px;}
.i-c-info{ position: relative;}
.i-c-info li{ display: block; box-sizing: border-box; padding-left: 45px; position: relative; min-height: 42px; margin-top: 15px;}
.i-c-info li i{ font-family: "iconfont"; font-size: 32px; width: 42px; height: 42px; text-align: left; line-height: 42px; color: #404040; display: inline-block;  position: absolute; top: 0;left: 0;}


.i-c-info li span{ font-size: 14px; color: #585d6a; line-height: 42px; display: block;}
.i-c-info li a{ font-family: "iconfont"; font-size: 32px; display: inline-block; width: 42px; height: 42px; line-height: 42px; text-align: center; color: #898989; border: 2px solid #898989; border-radius: 100%; vertical-align: top; margin: 0 3px; transition: all 0.3s ease-in-out .1s; position: relative;}
.i-c-info li a:first-child{ margin-left: 40px;}
.i-c-info li a:hover{ color: #fff; background: #72a248; border-color: #72a248;}
.i-c-info li a.ewm-web::after{ content: ""; position: absolute; bottom: 50px; left: 50%; transform: translateX(-50%); width: 120px; height: 120px; border: 1px solid #ccc; background: url(../images/ewm.png) no-repeat center center / cover; display: none;}
.i-c-info li a.ewm-web::before{content: ""; width: 0; height: 0; position: absolute; border-width: 0 5px 5px 10px; border-color: #000; border-bottom-style: solid; left: 50%; top: -500px;}
.i-c-info li a.ewm-web:hover::after{ display: inline-block;}


@media screen and (max-width: 1360px){
    .i-app-list{ box-sizing: border-box; padding: 0; }
    .i-eq-list li .text{ padding: 46px 0 0 46px;}
    .i-eq-list li .text h2{ margin-top: 0; transition: all 0.3s ease-in-out .3s;}
    .i-eq-list li i{ width: 100px; height: 100px; line-height: 100px; font-size: 50px;}
    .i-contact{ padding: 58px 0 0; font-size: 0;}
}



/* 首页 - 搜索 */
.sc{ margin: 74px 0 64px; text-align: center; font-size: 0; display: none;}
.sc .input-none{ display: none;}
.sc input{ height: 52px; margin: 0; box-sizing: border-box; line-height: 28px; border: 2px solid #ddd; background: #fff; padding: 10px 23px; width: 36vw;}
.sc button{ height: 52px; margin: 0; box-sizing: border-box; line-height: 30px; border: 1px solid #171717; background: #171717; padding: 10px 78px; color: #fff; font-size: 16px; text-transform: uppercase;}





@media screen and (max-width: 1600px) {

}

@media screen and (max-width: 1440px) {
	.i-app-list{ padding: 0}
	.i-app-list .list{ width: 1360px; overflow: hidden; margin: 0 auto;}
}

@media screen and (max-width: 1366px) {
	.i-app-list .list{ width: 90%; overflow: hidden; margin: 0 auto;}

	.banner .text h2{ font-size: 72px; line-height: 1; }
	.banner .text h3{ font-size: 48px; margin-bottom: 20px;}
	.banner li.banner02 .text h2{ font-size: 48px;}
	.banner li.banner02.ani-slide .text h2{ font-size: 72px;}
	.banner li.banner03 .text h2 img{ max-height: 144px;}
}


@media screen and (max-width: 1280px) {

}


/*  IPAD 横版 */
@media screen and (max-width: 1112px){
	.banner li .text h2{ font-size: .64rem; line-height: 1;}
	.banner li .text h3{ font-size: .48rem; margin-bottom: .2rem;}
	
	/* banner01 */
	.banner li.banner01 .text{ left: .9rem;}
	.banner li.banner01 .text h2,
	.banner li.banner01 .text h3{  margin-left: -.5rem;}
	.banner li.banner01 .child{ width: 50vw; margin-left: -.5rem;}
	.banner li.banner01 .child .hd{ margin-top: .3rem;}
	.banner li.banner01 .child .hd span{ width: .4rem; margin-right: .12rem;}
	
	/* banner02 */
	.banner li.banner02 .text{  bottom: .5rem;}
	.banner li.banner02 .text h2{ margin-top: .5rem; font-size: .48rem;}
	/* 延时动画 */
	.banner li.banner02.ani-slide .text h2{ font-size: .64rem;}
	/* banner02 END */
	
	/* banner03 */
	.banner li.banner03 .text{ right: .9rem; }
	.banner li.banner03 .text h2{ margin-right: -.5rem;}

	.banner-prev,.banner-next{ width: .4rem; height: .6rem; font-size: .3rem; text-align: center; line-height: .6rem;}
	.banner-prev span,.banner-next span{ font-size: .18rem;}



	.i-app-list{margin-top: .46rem;}
	.i-app-list .main,.i-about .main,.i-contact .main{ width: 100%;}
	.i-app-list .main ul li{ height: 2.2rem;}
	.i-app-list .main ul li a .tit{ font-size: .24rem; line-height: .6rem;}
	.i-about .text{ box-sizing: border-box; padding: 0 .2rem}
	.i-about .text .view{ width: 40%;}
	.i-about .text .bd{ width: 56%;}
	.i-about .text .view h3{ margin: 0;}
	.i-about img{ box-sizing: border-box;}
	
	.i-news-list,.i-c-box{ width: 50%; box-sizing: border-box; padding: 0 .3rem;}
}




@media screen and (max-width: 834px){
	.banner{ margin: 0;}
	.banner li.banner01 .text {left: .28rem;}
	.banner li.banner03 .text h2 img {max-height: 1.2rem;}
	.banner li.banner03 .text h2{ font-size: .56rem;}
	.i-app-list .list li{ flex-wrap: wrap;}
	.i-app-list .list li .img,
	.i-app-list .list li .text{ width: 100%; box-sizing: border-box; padding: 0 .3rem;}
	.i-about { padding: .5rem 0;}
	.i-about .text{ display: flex; flex-wrap: wrap; justify-content: center; margin-top: 0;}
	.i-about .text .view,
	.i-about .text .bd{ width: 100%; order: 2;}
	.i-about .text .view{ padding: .2rem .5rem;}
	.i-about .text .bd{ order: 1; text-align: center; margin-bottom: .3rem;}
	.i-news-list, .i-c-box{ width: 100%; clear: both; float: none; padding: .58rem .5rem;}
	.i-news-list{ background: #f5f5f5; padding-bottom: 0;}
	.i-c-box{ background: url(../images/map-png.png); font-size: 0;}
	.i-c-box li{ width: 50%; display: inline-block;}
	.i-c-box li:first-of-type,.i-c-box li:last-of-type{ width: 100%; display: inline-block;}
	.i-contact{ padding: 0;}

}

@media screen and (max-width: 736px){
	body{ overflow-x: hidden}
	header a.logo{ margin: .14rem .1rem; height: .32rem;}
	header nav .language{ margin: 0 .1rem 0 0;}
	.menu{ right: .85rem; top: 0; height: .6rem; line-height: .6rem}

	.banner{ margin: .6rem 0 0;}
	.banner li .text h2{ font-size: .36rem;}
	.banner li .text h3{ font-size: .24rem;}
	.banner li.banner02.ani-slide .text h2{ font-size: .36rem}
	.banner li.banner03 .text{ right: .5rem;}
	.banner li.banner03 .text h2::first-line{ font-size: .36rem;}
	.banner li.banner03 .text h2{ font-size: .3rem;}
	.banner li.banner01 .child .hd span{ background: #fff; border-radius: 0; width: .2rem; height: 4px; margin-right: .05rem; opacity: 1;}

	.i-app-list .list li .img, .i-app-list .list li .text{ padding: 0;}
	.i-app-list .main ul{ position: relative;}
	.i-app-list .main ul li{ width: 50%; position: relative; box-shadow: 0 0 10px rgba(0,0,0,.2);}
	.i-app-list .main ul li a .img::after{ display: none;}

	.i-app-list .list li .text .tit span{ font-size: .24rem;}
	.i-app-list .list li .text .tit h2{ font-size: .36rem;}
	.i-app-list .list .hd{ position: relative; right: 0; margin-top: .5rem; box-sizing: border-box; padding: 0 .2rem}
	.i-news-list, .i-c-box{ padding: .3rem .2rem}
	.i-news-list{ padding-bottom: 0;}
	.i-news-list ul{ margin: .2rem 0 0;}
	.i-news-list ul li{ min-height: .72rem;}
	.i-news-list ul li h3{ width: 100%; line-height: .36rem; font-size: .16rem; padding-left: 1.1rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
	.i-news-list ul li p{ font-size: .14rem; line-height: .18rem; height: .36rem; overflow: hidden; padding-left: 1.1rem; overflow : hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 2; margin: 0;
		-webkit-box-orient: vertical; }
	.i-c-info li:first-of-type span{ line-height: .24rem}
	.i-c-info li span{ font-size: .14rem; line-height: .42rem;}
	.i-c-info li i{ font-size: .32rem; width: .42rem; height: .42rem; line-height: .42rem;}
	.i-c-info li{ padding-left: .45rem; min-height: .42rem; margin-top: .15rem;}
	.i-c-info li a[class^="icon"]{ font-size: .24rem; width: .42rem; height: .42rem; line-height: .42rem;}
	.i-c-info li a[class^="icon"]:first-child{ margin-left: .2rem}

	.i-eq-list li .text{ display: none;}
	.i-eq-list li i{ display: none;}
}