@charset "utf-8";
@import url(common.css);

.HomeBan{position: relative; z-index: 1; overflow:hidden; height:calc(100vh);}
.HomeBan .item{ position:relative;height:calc(100vh);}
.HomeBan .desc{ z-index:10; position:absolute; width:16rem;left:50%; top: 50%; transform: translate(-50%,-50%);color:#fff;text-align: center;font-size: 0.56rem;line-height: 1.8;letter-spacing: 0.1em;}
.HomeBan .desc .txt p{font-size: 0.3rem;line-height: 1.5;margin-bottom: 0.4rem;}
.HomeBan .desc .txt p span{display: inline-block;width: 0.5rem;/* border-bottom: 0.03rem solid #fff;*/height: 0.1rem;position: relative;top: -0.1rem;margin: 0 0.3rem;}
.HomeBan .desc .txt h3{font-size: 0.56rem;line-height: 1.3;font-weight: normal;}
.HomeBan .imgbox{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.HomeBan video{object-fit: cover;background:#000;width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: 5;}
.HomeBan .item .desc img{max-height: 1.5rem;}
.HomeBan .item:nth-child(1) .desc img{max-height: 6.23rem;}
.HomeBan .item:nth-child(2) .desc{top: 47%;}
.HomeBan .item:nth-child(2) .desc img{max-height: 1.97rem;}
.HomeBan .item:nth-child(3) .desc{top: 47%;}
.HomeBan .item:nth-child(3) .desc img{max-height: 1.72rem;}

.HomeBan .slick-dots{bottom: 0.55rem;}
.HomeBan .slick-dots li{margin:0 10px;}
.HomeBan .slick-dots li button{width: 14px;height: 14px;background:#fff;}
.HomeBan .slick-arrow{width: 60px;height: 60px;border:2px solid #526a47;background-color:#526a47;}
.HomeBan .slick-prev{background-image: url(../images/arrleft2.png);}
.HomeBan .slick-next{background-image: url(../images/arrright2.png);}
.HomeBan:hover .slick-prev{left: 10%;}
.HomeBan:hover .slick-next{right: 10%;}

.downarr{ -webkit-animation: rightan 1s infinite;-webkit-animation-fill-mode: both;color:#fff;width:30px; position:absolute; bottom:0.6rem; left:0.38rem; z-index:999; text-align:center;line-height: 18px;font-size: 18px;cursor: pointer;height: 84px;overflow: hidden;}
.downarr span{display: block;height: 42px;border:1px solid #fff;border-radius: 15px;position: relative;}
.downarr span:After{position: absolute;left: 50%;top: 11px;width: 2px;content: "";background:#fff;margin-left: -1px;height: 10px;}
.downarr .sp1{animation-name: down_move1; animation-duration: 2000ms; animation-timing-function: linear; animation-iteration-count: infinite; animation-play-state: running; animation-delay: 0ms}
.downarr .sp2{opacity: 0; animation-name: down_move2; animation-duration: 2000ms; animation-timing-function: linear; animation-iteration-count: infinite; animation-play-state: running; animation-delay: 800ms;}
@keyframes width100{
	0%{width:0;}
	100%{width:100%;}
}
@keyframes down_move1
{
0% { top:0; opacity:0;}
50% { top:0.2rem; opacity:1;}
100% { top:0.4rem; opacity:0;}
}
@-webkit-keyframes down_move1
{
0% { top:0; opacity:0;}
50% { top:0.7rem; opacity:1;}
100% { top:1.2rem; opacity:0;}
}

@keyframes down_move2
{
0% { top:0; opacity:0;}
50% { top:0.7rem; opacity:1;}
100% { top:1.2rem; opacity:0;}
}
@-webkit-keyframes down_move2
{
	0% { top:0; opacity:0;}
	50% { top:0.7rem; opacity:1;}
	100% { top:1.2rem; opacity:0;}
}
@media(max-width:1024px){
.HomeBan{height: auto;}
.HomeBan .item{height: auto;}
.HomeBan .imgbox{padding-top: 60%;height: auto;position:relative;}
.HomeBan .item:nth-child(1) .desc img{max-height: 3.2rem;}
.HomeBan .item:nth-child(2) .desc img{max-height: 1.2rem;}
.HomeBan .item:nth-child(3) .desc img{max-height: 1.2rem;}
}
@media(max-width:640px){
 .HomeBan .slick-dots li button {width: 10px;height: 10px;}
	.HomeBan .slick-arrow{display: none !important;}
	.HomeBan .desc{font-size: 0.38rem;letter-spacing: 0;}
	.HomeBan .desc .txt h3{font-size: 0.4rem}
}

.HomeTit{text-align: center;margin-bottom: 0.26rem;}
.HomeTit h2{font-size: 0.4rem;display: inline-block;line-height: 1.9;position: relative;}
.HomeTit h2:After{left: 0;bottom: 0;height: 2px;width:100%;content: "";position: absolute;background:#deddc8;}
.HomeTit h2:before{left: 5px;bottom: -4px;height: 2px;width:100%;content: "";position: absolute;background:#babe41;}
.HomeTit.white h2{color:#fff;}

.HomeAbout{padding:2rem 0;overflow: hidden;position: relative;background:url(../images/aboutbg.jpg) center center no-repeat;background-size:cover;}
.HomeAbout .logo {width: 5.61rem;height: 5.56rem;left: 0.55rem;top: 0;background:url(../images/aboutlogo.png) center center no-repeat;background-size: contain;position: absolute;animation:turn 8s linear infinite;}
.HomeAbout .info {width: 57.7%;float: left;padding-right: 6%;font-size: 0.18rem;}
.HomeAbout .info .Title{font-size: 0.4rem;line-height: 1.05;margin-bottom: 0.85rem;}
.HomeAbout .info .desc{margin-bottom: 0.56rem;line-height: 0.38rem;color: #333;}
.HomeAbout .info .numlist{display: flex;justify-content: space-between;}
.HomeAbout .info .numlist li .num{line-height: 1rem;color:#526a47;}
.HomeAbout .info .numlist li .num .counter{font-size: 0.72rem;display: inline-block;}
.HomeAbout .info .numlist li .num sup{display: inline-block;margin-left: 8px;vertical-align: top;line-height: 0.6rem;}
.HomeAbout .info .numlist li:nth-child(2) .num sup,
.HomeAbout .info .numlist li:nth-child(3) .num sup{font-size: 26px;}
.HomeAbout .video{width: 42.3%;float: right;position: relative;cursor: pointer;border-radius: 0.45rem 0 0.45rem 0;overflow: hidden;}
.HomeAbout .video .video_files{position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 10;}
.HomeAbout .video .video_files .close{position: absolute;right: 0;top: 0;text-align:center;width: 35px;height: 35px;line-height: 35px;background:#526a47;color:#fff;z-index: 10;}
.HomeAbout .video .video_files video{width: 100%;height: 100%;left: 0;top: 0;position: absolute;object-fit: cover;background:#000;}
.HomeAbout .video .play{position:absolute;width: 60px;height: 60px;border-radius: 50%;left: 50%;top: 50%;transform: translate(-50%,-50%);z-index: 2;transition: all 0.3s;}
.HomeAbout .video .play i{position:absolute;width: 100%;height: 100%;left: 0;top: 0;background: #526a47 url(../images/play.png) center center no-repeat;border-radius: 50%;z-index: 10;}
.HomeAbout .video .play i:after{content: "";border-radius: 50%;position: absolute;width: 120px;height: 120px;left: -30px;top: -30px;background:rgba(82,106,71,1);
 -webkit-animation: guang 1.5s ease-out;
	-moz-animation: guang 1.5s ease-out;
	animation: guang 1.5s ease-out;
	-webkit-animation-iteration-count: infinite;
	-moz-animation-iteration-count: infinite;
	animation-iteration-count: infinite;}
.HomeAbout .video .play:before, .HomeAbout .video .play:after {content: "";border-radius: 50%;position: absolute;}
.HomeAbout .video .play:before {background:rgba(82,106,71,1);zoom: 1;left: -20px;top: -20px;width: 100px;height: 100px;
 -webkit-animation: guang 1.5s ease-out;
	-moz-animation: guang 1.5s ease-out;
	animation: guang 1.5s ease-out;
	-webkit-animation-iteration-count: infinite;
	-moz-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
}
.HomeAbout .video .play:after {background:rgba(82,106,71,1);left: -10px;top: -10px;width: 80px;height: 80px;z-index: 8;
	-webkit-animation: guang2 1.1s ease-out;
	-moz-animation: guang2 1.1s ease-out;
	animation: guang2 1.1s ease-out;
	-webkit-animation-iteration-count: infinite;
	-moz-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
}
.HomeAbout .video:hover .play{width: 68px;height: 68px;}
.HomeAbout .imgbox{padding-top: 5.55rem;}

.HomeBusiness{position: relative;overflow: hidden;}
.HomeBusiness .Slider-info .imgbox:after{width:100%;height:100%;position:absolute;left:0;top:0;content:"";background:rgba(0,0,0,.3)}
.HomeBusiness .HomeTit{text-align: left;}
.HomeBusiness .Slider-info .item{position: relative;padding-top: 1.5rem;display: none;}
.HomeBusiness .Slider-info .info{width: 60%;float: right;line-height: 0.38rem;padding-left: 0.55rem;color:#fff;position: relative;right: -20%;transition: all 1s;opacity: 0;z-index: 10;background: rgba(82,106,71,0.71)}
.HomeBusiness .Slider-info .info:after{position: absolute;left: 0;top: 0;width: 2px;height: 80px;content: "";transition: all 0.3s;background:#fff;}
.HomeBusiness .Slider-info .info .more{font-size: 14px;margin-top: 0.22rem;opacity: 0.6;}
.HomeBusiness .Slider-info .info .more i{transition: all 0.3s;}
.HomeBusiness .Slider-info .info:hover .more{opacity: 1;}
.HomeBusiness .Slider-info .info:hover .more i{margin-left: 15px;}
.HomeBusiness .Slider-info .info:hover:after{height: 98px;top: 0px;}
.HomeBusiness .Slider-info a{display: block;}
.HomeBusiness .Slider-info .imgbox{position: absolute;left: 0;bottom: -20%;width: 100%;height: 140%;z-index: -1;transition: all 1s;}
.HomeBusiness .Slider-info .item.on .imgbox{bottom: 0;height: 100%;}
.HomeBusiness .Slider-info .item.on .info{right: 0;opacity: 1;}

.HomeBusiness .Slider-nav{position: absolute;left: 0;bottom: 0;z-index: 10;border-top: 1px solid rgba(255,255,255,0.3);background:rgba(0,0,0,0.15);width: 100%;}
.HomeBusiness .Slider-nav ul{padding:0 0.84rem;display: flex;}
.HomeBusiness .Slider-nav .item{text-align: center;width: 25%;font-size: 18px;cursor: pointer;height: 159px;position: relative;border-bottom: 0;transition: all 0.3s;}
.HomeBusiness .Slider-nav .imgbox{padding-top: 0;transition: all 0.3s;}
.HomeBusiness .Slider-nav .tit{line-height: 43px;font-size: 18px;transition: all 0.3s;margin-top: -7px;}
.HomeBusiness .Slider-nav a{position: absolute;left: 0;bottom: 0;width: 100%;}
.HomeBusiness .Slider-nav .info{padding:32px 30px;flex-direction: column;color:#fff;transition: all 0.3s;}
.HomeBusiness .Slider-nav .info:After{position: absolute;width: 7px;height: 13px;bottom: 0;content: "";background:url(../images/arr.png);transform: all 0.3s;image-orientation: 0;opacity: 0;left: 50%;margin-left:-4px;}
.HomeBusiness .Slider-nav .ico{width: 60px;height: 60px;margin:0px auto;}
.HomeBusiness .Slider-nav .ico:After{position: absolute;left: 50%;top: 50%;transition: all 0.3s;width: 0;height: 0;border-radius: 50%;background:#fff;content: "";}
.HomeBusiness .Slider-nav .desc{height: 0;opacity: 0;font-size: 0;line-height: 25px;color:#fff;}
.HomeBusiness .Slider-nav .item.on {border-bottom: 2px solid #fff;}
.HomeBusiness .Slider-nav .item.on .info{background:#526a47;}
.HomeBusiness .Slider-nav .item.on .imgbox{padding-top: 180px;}
.HomeBusiness .Slider-nav .item.on .ico:after,.HomeBusiness .Slider-nav .item:hover .ico:after{width: 100%;height: 100%;left: 0;top: 0;}

@media(min-width:1024px){
 .HomeBusiness,.HomeBusiness .Slider-info,.HomeBusiness .Slider-info .item{height: 100vh;}
.HomeBusiness .Slider-nav .item.on .info:after{opacity: 1;bottom: 35px;}
.HomeBusiness .Slider-nav .item.on .info{padding-top:58px;padding-bottom: 58px;}
 .HomeBusiness .Slider-nav .item.on .tit{font-size: 20px;margin-top: 0;}
 .HomeBusiness .Slider-nav .item.on .imgbox{padding-top: 180px;}
 .HomeBusiness .Slider-nav .item.on .desc{height: 50px;font-size: 14px;opacity: 0.2;}
 .HomeBusiness .Slider-nav .item.on .ico{margin: -90px auto 6px;}
}

.TabNav{margin-bottom: 0.4rem;line-height: 2.25;font-size: 0;text-align: center;}
.TabNav li{font-size: 0.2rem;cursor: pointer;color:#000000;display: inline-block;margin:0 0.24rem;position: relative;}
.TabNav li:After{content: "";left: 50%;bottom: 0;background:#526a47;position: absolute;width: 0;height: 2px;transition: all 0.3s;}
.TabNav li.on{color:#526a47;}
.TabNav li.on:After{left: 0;width: 100%;}
.TabNav.white li{color:#fff;}
.TabNav.white li:After{background:#fff;}
.TabNav.white li.on{color:#fff;}

.HomeNews{background:url(../images/newsbg.jpg) center bottom no-repeat;}
.HomeNews .Top{width: 37.5%;float: left;}
.HomeNews .Top .imgbox{padding-top: 3.6rem;}
.HomeNews .Top .imgbox:After{content:"";position: absolute;z-index: 10;left: 0;bottom: 0;width: 100%;height: 10px;background:url(../images/pointbg.png) 0px bottom no-repeat;}
.HomeNews .Top .imgbox:before{content:"";position: absolute;z-index: 1;left: 0;bottom: 0;width: 100%;height: 50%;background-image: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.5));}
.HomeNews .Top .ti{position: absolute;left: 0;bottom: 0.35rem;width: 100%;padding:0 20px;z-index: 20;color:#fff;}
.HomeNews .Top .date{font-size: 14px;}
.HomeNews .Top .tit{font-size: 0.2rem;margin-top: 4px;}
.HomeNews .Top .info{padding:0.28rem 0.2rem 0;color:#666666;line-height: 0.34rem;height: 1.7rem;background:#f7f7f7;}

.HomeNews .List {background:#f7f7f7;width: 58.5%;margin-left: 4%;height: 5.3rem;padding:0.45rem 0.45rem 0;float: right;}
.HomeNews .List li{padding: 0 0 0.41rem 103px;position: relative;min-height: 1.13rem;margin-bottom: 0.5rem;border-bottom: 1px solid #ececec;}
.HomeNews .List li:last-child{margin-bottom: 0;}
.HomeNews .List li:after{position: absolute;left: 0;bottom: -1px;width: 0;bottom: 0;background:#526a47;content: "";height: 1px;transition: all 0.3s;}
.HomeNews .List .date{position: absolute;left: 0;top: 0;width: 72px;text-align: center;font-size: 12px;display: flex;justify-content: center;align-items: center;flex-direction: column;background:#526a47;height: 72px;color:#fff;line-height: 24px;transition: all 0.3s;}
.HomeNews .List .date span{font-size: 30px;margin-bottom: 5px;}
.HomeNews .List .tit{line-height: 1.9;margin-bottom: 6px;font-size: 0.2rem;}
.HomeNews .List .desc{line-height: 26px;color:#a0a0a0;}
.HomeNews .List li:hover:after{width: 100%;}
.HomeNews .List li:hover .date{left: 10px;}

.HomeCase{background:url(../images/casebg.jpg) center center no-repeat;background-size:cover;overflow: hidden;background-attachment: fixed;position: relative;}
/*.HomeCase .slick-list{width: 120%;padding-right: 20%;}
.HomeCase .item{position: relative;}
.HomeCase .imgbox{padding-top: 6.2rem;width: 63%;float: left;}
.HomeCase .imgbox:after{transition: all 1s 0.3s;width: 100%;left: 0;top: 0;height: 100%;z-index: 2; background-image: linear-gradient(to right, rgba(0,0,0,0.5), rgba(0,0,0,0));content: "";position: absolute;}
.HomeCase .info{width: 37%;float: left;padding:0 1.4rem 0 0.45rem;color:#fff;}
.HomeCase .num{display: block;padding-top: 2;line-height: 0.59rem;font-size: 18px;}
.HomeCase .ti{line-height: 1.59;margin-bottom: 0.65rem;font-size: 0.32rem;font-weight: bold;}
.HomeCase .desc{line-height: 0.39rem;font-size: 0.18rem;}
.HomeCase .slick-arrow{transform: translateY(0);top: auto;bottom: 0.44rem;}
.HomeCase .slick-prev{left: 66%;}
.HomeCase .slick-next{left: 71%;}*/

.HomeCase .PhotoNews li{float: left;padding:0 0 0.3rem 0.3rem;text-align: center;}
.HomeCase .PhotoNews .imgbox{padding-top: 68%;width: calc(100% - 1px)}
.HomeCase .PhotoNews .tit{line-height: 0.76rem;padding:0 10px;background:#f5f5f5;font-size: 0.2rem;}
.HomeCase .PhotoNews .info {padding-top: 0.23rem;text-align: left;}
.HomeCase .PhotoNews .info .tit{margin-bottom: 0.1rem;background:transparent;padding: 0;line-height: 30px;color: #fff}
.HomeCase .PhotoNews .desc{color:#fff;line-height: 25px;height: 50px;}
.HomeCase .PhotoNews .slick-list{margin-left: -0.3rem;}
.HomeCase .controls{position: absolute;bottom: 1.18rem;left: 66%;z-index: 10;color:#808080;font-size: 24px;}
.HomeCase .controls em{color:#fff;}
.HomeCase .controls span{display: inline-block;width: 2.5rem;height: 2px;vertical-align: middle;background:rgba(255,255,255,0.46);margin-left: 0.38rem;position: relative;}
.HomeCase .controls span:After{content: "";left: 0;top: 0;width: 0;background: #fff;position: absolute;transition: all 1.5s 0.3s;height: 100%;}
.HomeCase .slick-current .imgbox:after{width: 0;}
.HomeCase .slick-current .controls span:After{width: 0.5rem;}

.HomeCase .Con{position: relative;}
.HomeCase .imglist{position: absolute;top: 0;right: -95%;width: 100%;z-index: 10;display: none;}
.HomeCase .imglist li{opacity: 0;position: absolute;width: 100%;right: -10%;transition: all 0.5s 0.3s;}
.HomeCase .imglist li.on {opacity: 1;right: 0;}


@media(max-width:1024px){
 .HomeAbout{padding:0.8rem 0;}
 .HomeAbout .info .Title{margin-bottom: 0.6rem;}
 .HomeAbout .info{width: auto;float: none;margin-bottom: 0.6rem;padding-right: 0;}
 .HomeAbout .video{width: auto;float: none;}

 .HomeBusiness .Slider-info .item{padding: 0;}
 .HomeBusiness .Slider-info .imgbox{position: relative;padding-top: 64%;height: auto !important;bottom: 0;}
 .HomeBusiness .HomeTit {width: 92%;margin-left: auto;margin-right: auto;}
 .HomeBusiness .HomeTit.white h2{color: #333 !important;}
 .HomeBusiness .Slider-info .info{width: auto;position: static;color:#333;float: none;padding: 0 0 0.5rem 0;}
 .HomeBusiness .Slider-nav .imgbox{display: none;}

 .HomeCase{background-attachment: scroll;}

 .HomeCase .imgbox{width: 55%;}
 .HomeCase .info{padding-right: 1rem;width: 45%;}
 .HomeCase .controls span{width: 1.5rem;}

 .HomeCase .controls{left: 60%;}
}
@media(max-width:767px){
 .HomeAbout .info .Title,.HomeTit h2{font-size: 20px;}
 .HomeAbout .info{font-size: 14px;}
 .HomeAbout .info .desc{line-height: 24px;}
 .numlist{flex-direction: column;text-align: center;}

 .HomeBusiness .Slider-info .info{line-height: 24px;}
 .HomeBusiness .Slider-nav .w1600{width: 100%;}
 .HomeBusiness .Slider-nav ul{padding:0}
 .HomeBusiness .Slider-nav .info{padding:0 10px;}
 .HomeBusiness .Slider-nav .tit{font-size: 14px;}
 .HomeBusiness .Slider-nav .ico{width: 40px;height: 40px;}
 .HomeBusiness .Slider-nav .info,.HomeBusiness .Slider-nav .item{height: 98px;}

 .TabNav li{font-size: 15px;}

 .HomeNews .Top{width: auto;float: none;}
 .HomeNews .Top .imgbox{padding-top: 64%;}
 .HomeNews .Top .ti{bottom: 22px;}
 .HomeNews .Top .tit{font-size: 15px;}
 .HomeNews .Top .info{height: auto;line-height: 24px;}
 .HomeNews .List{width: auto;float: none;height: auto;padding:12px;margin: 15px 0 0 0;}
 .HomeNews .List li {padding:0 0 12px 65px;margin-bottom: 15px;}
 .HomeNews .List .date{width: 50px;}
 .HomeNews .List .tit{font-size: 15px;}

 .HomeCase .imgbox {width: 50%;}
 .HomeCase .info{width: 50%;padding-right: 0.5rem;}
 .HomeCase .ti{font-size: 18px;margin-bottom: 15px;}
 .HomeCase .desc{font-size: 14px;line-height: 22px;}
 .HomeCase .controls {left: 56%;font-size: 16px;}
 .HomeCase .slick-arrow{bottom: 0;}
 .HomeCase .slick-prev{left: 57%;}
}