@charset "utf-8";

/*首页第一屏 s*/
.HomeBan{position: fixed; z-index: 1; overflow:hidden;background: url(../images/loading.gif) center center no-repeat;height: 100vh;left: 0;width: 100%;top:0;transition: all 0.5s;}
.HomeBan .item{position:relative;height: 100vh;transition: all 0.3s;z-index: 10;}
.HomeBan .info{left:50%;top:8.333vw;z-index: 3;color:#fff;position: absolute;transform: translateX(-50%);font-size: 0.18rem;max-width: 16.88rem;width: 88%;}
.HomeBan .info .moreBtn{margin-top: 0.5rem;display: block;}
.HomeBan .info img{max-height: 2.1rem;}
.HomeBan .imgbox{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.HomeBan .item:nth-child(1){z-index: 15 !important;}
.HomeBan .item:nth-child(1) .info img{max-height: 1.52rem;}

.HomeBan .item.slick-current .info img{animation:fadeInDownSmall 0.5s .3s ease both;-webkit-animation:fadeInDownSmall 0.5s .3s ease both;-moz-animation:fadeInDownSmall 0.5s .3s ease both;}
.HomeBan .item.slick-current .info  p{animation:fadeInDownSmall 0.5s .5s ease both;-webkit-animation:fadeInDownSmall 0.5s .5s ease both;-moz-animation:fadeInDownSmall 0.5s .5s ease both;}
.HomeBan .item.slick-current .imgbox{animation:fadeInscale 5.8s .3s ease both;-webkit-animation:fadeInscale 5.8s .3s ease both;-moz-animation:fadeInscale 5.8s .3s ease both;}

.HomeBan .slick-prev{left: -100px;}
.HomeBan .slick-next{right: -100px;}
.HomeBan:hover .slick-prev{left: 2%;}
.HomeBan:hover .slick-next{right: 2%;}
.HomeBan .slick-arrow{color: #fff;}
.HomeBan .slick-dots{bottom: 0.5rem;}
.HomeBan .slick-dots li{width: 0.6rem;height: 2px;}
.HomeBan .slick-dots li button{background: #fff;border-radius: 0;}
.HomeBan .slick-dots li.slick-active{width: 0.6rem;height: 6px;}
.HomeBan .slick-dots li.slick-active button{background: #b1702b;}

@media(max-width:1024px){
	.HomeBan{top: 45px;}
 .HomeBan .slick-arrow{display: none !important;}
	.HomeBan{height: auto;}
	.HomeBan .item{height: auto;padding-top: 60vw;}
	.HomeBan .arrows_dots{bottom: 2%;}
}
@media(max-width:640px){
	.HomeBan .info img{max-height: 1.5rem;}
	.HomeBan .info h2{font-size: 16px;}
	.HomeBan .info{font-size: 14px;}
}

.TitHead{position: relative;margin-bottom: 0.52rem;}
.TitHead h2{line-height: 1.36;font-size: 0.44rem;display: inline-block;vertical-align: middle;position: relative;}
.TitHead .desc{margin-top: 0.13rem;}
.TitHead .moreBtn{position: absolute;right: 0;top: 0.26rem;}
.TitHead.white{color: #fff;}
.TitHead.line h2:after{width: 100%;bottom: 0.07rem;height: 6px;content: "";left: 0;background-image: linear-gradient(to right, rgba(171,109,44,1) , rgba(171,109,44,0));position: absolute;z-index: -1;}

.MainBox{position: relative;z-index: 1;}
.page{position: relative;z-index: 2;overflow: hidden;padding: 1rem 0 1.2rem 0;background: #fff;}

.HomePlatform{background-color: #f8f8f6;position: relative;margin-top: 50vw;}
.HomePlatform .bg{background-position: center center;background-repeat: no-repeat;background-size: cover;position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.HomePlatform .TitHead{margin-bottom: 0;}
.HomePlatform .w1600{min-height: 3.2rem;padding-left: 33.33vw;}
.HomePlatform .more{position: absolute;bottom: 0;width: 0.4rem;height: 0.7rem;right: 4.16vw;background: #b1702b;transition: all 0.5s;}
.HomePlatform .more:After{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);background: url(../images/arr_more.png);width: 12px;height: 12px;transition: all 0.5s;content: "";}
.HomePlatform .more:hover:After{transform: translate(-50%,-50%) rotate(45deg);}
.HomePlatform .more:hover{width: 0.7rem;}

.HomeComponents{background: #fff;}
.HomeComponents .TabNav{margin-bottom: 0.4rem;}
.HomeComponents .TabNav li{cursor: pointer;text-align: center;padding: 0 1.615vw 0.44rem;position: relative;color: #070202;}
.HomeComponents .TabNav li:after{position: absolute;left: 50%;transform: translateX(-50%);bottom: 0;background: #b1702b;height: 0;transition: all 0.5s;content: "";width: 0.05rem;}
.HomeComponents .TabNav li.on:after{height: 0.35rem;}

.HomeComponents .TabCon .slider{margin: 0 -1.042vw;}
.HomeComponents .TabCon .item{padding: 0 1.042vw;}
.HomeComponents .TabCon .item a{display: block;position: relative;}
.HomeComponents .TabCon .item .ti{position: absolute;right: 0.45rem;bottom: 0.32rem;text-align: right;width: calc(100% - 0.9rem);z-index: 10;}
.HomeComponents .TabCon .imgbox{padding-top: 66.66%;background: url(../images/zjbg.jpg) no-repeat center center/cover;}
.HomeComponents .TabCon.fadeIn .ti{animation:fadeInUpSmall 0.6s .6s ease both;-webkit-animation:fadeInUpSmall 0.6s .6s ease both;-moz-animation:fadeInUpSmall 0.6s .6s ease both;}
.HomeComponents .TabCon .slick-prev{left: -0.1rem;}
.HomeComponents .TabCon .slick-next{right: -0.1rem;}

.HomeCar{background: #fff url(../images/homerecbg.jpg) right bottom no-repeat;}
.HomeCar .TabNav{margin-bottom: 0.6rem;}
.HomeCar .TabNav li{cursor: pointer;text-align: center;margin: 0 0.521vw;position: relative;min-width: 11.615vw;color: #666666;line-height: 0.54rem;border-radius: 0.56rem;border: 1px solid #dcdcdc;overflow: hidden;padding: 0 0.2rem;}
.HomeCar .TabNav li:after{content: "";height: 0;width: 100%;position: absolute;left: 0;bottom: 0;background-color: #b1702b;transition: all 0.5s;}
.HomeCar .TabNav li span{position: relative;z-index: 1;}
.HomeCar .TabNav li.on{color: #fff;}
.HomeCar .TabNav li.on:After{height: 100%;}

.HomeCar .slider{padding: 0 0.79rem;}
.HomeCar .slick-list{margin: 0 -1.042vw;}
.HomeCar .slider .item{padding: 0 1.042vw;text-align: center;}
.HomeCar .slider .imgbox{padding-top: 68.57%;margin-bottom: 0.24rem;}
.HomeCar .TabCon.fadeIn .ti{animation:fadeInUpSmall 0.6s .6s ease both;-webkit-animation:fadeInUpSmall 0.6s .6s ease both;-moz-animation:fadeInUpSmall 0.6s .6s ease both;}

.HomeService{background: #f8f8f8;}
.HomeService .list{margin: 0 0 0 -1.56vw;display: inline-block;vertical-align: top;width: 100%;}
.HomeService .list li{width: 33.333%;float: left;padding: 0 0 1.56vw 1.56vw;}
.HomeService .list li a{display: block;position: relative;color: #fff;}
.HomeService .list li .info{position: absolute;left: 0;bottom: 0.23rem;z-index: 3;padding: 0 0.3rem;}
.HomeService .list li .imgbox{padding-top: 16.66vw;}
.HomeService .list li .imgbox:After{content: "";left: 0;bottom: 0;width: 100%;height: 0;position: absolute;z-index: 2;background-image: linear-gradient(to top, rgba(171,109,44,0.4) , rgba(171,109,44,0));transition: all 0.5s;}
.HomeService .list li:nth-child(1) .imgbox{padding-top: 34.89vw;}
.HomeService .list li:hover .imgbox:after{height: 50%;}

.HomeNews{background: #fff url(../images/homenewsbg.jpg) right bottom no-repeat;}
.HomeNews .slider:After{height: 2px;background: #eaeaea;width: 100%;bottom: 0;content: "";position: absolute;left: 0;}
.HomeNews .item:After{left: 0;bottom: 0;width: 0;content: "";position: absolute;background: #b1702b;height: 2px;transition: all 0.5s;}
.HomeNews .desc{display: none;min-height: 0.56rem;margin-bottom: 0.37rem;}
.HomeNews .ti{min-height: 1.08rem;margin: 0.33rem 0 0.08rem;font-size: 0.24rem;line-height: 0.36rem;transition: all 0.5s;}
.HomeNews .date{position: relative;}
.HomeNews .date:after{position: absolute;right: 0;top: 50%;transition: all 0.5s;width: 12px;height: 12px;transform: translateY(-50%);background: url(../images/arr_more2.png) center center no-repeat;content: "";}
.HomeNews .item:hover .date:after{transform: translateY(-50%) rotate(45deg);background: url(../images/arr_more3.png) center center no-repeat;right: 5px;}
.HomeNews .item.slick-current:after{width: 100%;}
.HomeNews .item.slick-current a{display: flex;justify-content: space-between;flex-wrap: wrap;}
.HomeNews .item.slick-current .imgbox{width: 51.75%;padding-top: 23.48vw;}
.HomeNews .item.slick-current .info{width: 43.12%;padding: 2.13vw 0 0 0;position: relative;}
.HomeNews .item.slick-current .ti{font-size: 0.26rem;line-height: 0.4rem;margin: 0 0 0.29rem;min-height: 1.2rem;}
.HomeNews .item.slick-current .desc{display: block;}
.HomeNews .item.slick-current .date{padding: 0.08rem;height: 0.7rem;position: absolute;bottom: 0;right: 0;width: 100%;}
.HomeNews .item.slick-current .date:before{content: "";right: 0;bottom: 0;width: 120%;position: absolute;height: 1px;background: #eaeaea;}
.HomeNews .item.slick-current .date:After{width: 0.4rem;height: 0.9rem;background: #b1702b url(../images/arr_more.png) center center no-repeat;transform: translate(0) !important;top: auto;bottom: 0;}
.HomeNews .slick-dots{left: -3.38vw;width: 6px;height: 23.48vw;display: flex;justify-content: center;align-items: center;flex-direction: column;}
.HomeNews .slick-dots li{width: 2px;height: 0.2rem;margin: 0.1rem auto;display: block;}
.HomeNews .slick-dots li.slick-active{width: 6px;height: 0.3rem;}
.HomeNews .slick-arrow{top: auto;transform: translateY(0);}
.HomeNews .slick-prev{left: -0.88rem;top: 0rem;}
.HomeNews .slick-next{left: -0.88rem; right: auto;top: 0.8rem;}

.HomeBrand{min-height: 44.79vw;background-position: center center;background-repeat: no-repeat;background-size: cover;background-attachment: fixed;}
.HomeBrand:after{content: "";left: 0;top: 0;width: 100%;position: absolute;height: 100%;background: rgba(0,0,0,0.3);transition: all 0.5s;opacity: 0;}
.HomeBrand .play{width: 1rem;height: 1rem;background: rgba(173,115,54,0.4);border-radius: 50%;z-index: 2;text-align: center;transition: all 0.5s;display: block;margin: 0.15rem auto 0;position: relative;}
.HomeBrand .play em{position: absolute;top: 50%;left:50%;transform: translate(-50%,-50%);width: 0.8rem;height: 0.8rem;line-height:0.8rem;background: #b3783a;border-radius: 50%;z-index: 2;color: #fff;}
.HomeBrand .play em i{font-size: 0.25rem;}
.HomeBrand .play::before,
.HomeBrand .play::after {width: 100%;height: 100%;border: 1px solid rgba(173,115,54,1);position: absolute;left: 50%;top: 50%;content: '';border-radius: 50%;-webkit-animation: scaleAnimate 2s linear infinite;opacity: 0;margin: -50% 0 0 -50%;}
.HomeBrand .play::after {-webkit-animation-delay: .5s;}
.HomeBrand .play:hover{transform: scale(1.2);}
.HomeBrand:hover:after{opacity: 1;}

.HomeMessage{background: url(../images/home_formbg.jpg)  no-repeat center center/cover;}
.HomeMessage .formBox{margin-left: -0.4rem;padding: 0 8.3vw;}
.HomeMessage .formBox .item{padding-left: 0.4rem;width: 33.333%;}
.HomeMessage .formBox .ipttxt{width: 100%;height: 0.92rem;border-bottom: 1px solid #cccccc;font-size: 0.18rem;}
.HomeMessage .formBox .item:hover .ipttxt{border-bottom: 1px solid #888888;}
.HomeMessage .formBox  input::-webkit-input-placeholder{color: #000000;}
.HomeMessage .formBox  .w2{width: 66.666%;}
.HomeMessage .formBox  .w1{width: 100%;}
.HomeMessage .btn{padding-top: 0.6rem;}
.HomeMessage .sendbtn{min-width: 2rem;height: 0.6rem;background: #b1702b;color: #fff;padding:0 0.25rem;}
.HomeMessage .sendbtn:hover{background: #c98033;}

@media(min-width:1025px){
	.HomeNews .slick-list{padding-right: 20%;width: 135%;}
	.HomeNews .item.slick-current{width: 38.64vw;}
	.HomeNews .item{margin-right: 4.16vw;width: 22.91vw;position: relative;padding-bottom: 2.86vw;min-height: 28.75vw;}
	.HomeNews .imgbox{padding-top: 14.58vw;z-index: 2;}
}
@media(max-width:1024px){
	.HomePlatform {margin-top: 59.5vw;}
	.HomePlatform .bg{background-position: 0vw 0;background-size: 200vw;}
	.HomePlatform .w1600{padding: 33.333vw 0 0.5rem 0;}

	.HomeComponents .slick-prev,.HomeCar .slick-prev {left: -17px;top: 45%;}
	.HomeComponents .slick-next,.HomeCar .slick-next {right: -17px;top: 45%;}

	.HomeNews .slick-list{padding: 0 15%;margin: 0 -5%;}
	.HomeNews .item{padding: 0 0.15rem;opacity: 0.3;}
	.HomeNews .imgbox{padding-top: 64% !important;}
	.HomeNews .desc{display: none !important;}
	.HomeNews .ti{min-height: 1.49rem;}
	.HomeNews .slick-current{opacity: 1;}
	.HomeNews .item .info{padding: 0.3rem !important;opacity:0;}
	.HomeNews .item.slick-current .info{opacity:1;}
	.HomeNews .slick-prev{left: 0;top: 20%;}
	.HomeNews .slick-next{left: auto;right: 0;top: 20%;}
	.HomeNews .item:After,.HomeNews .slider:After{display: none;}
	.HomeNews .slick-dots{width: 100%;position: static;flex-direction: inherit;height: auto;display: block;}
	.HomeNews .slick-dots li{width: 0.3rem;height: 2px;display: inline-block;margin: 0 0.1rem;}
	.HomeNews .slick-dots li.slick-active{width: 0.3rem;height: 6px;}

	.HomeBrand:after{opacity: 1;}
}
@media(max-width:768px){
	.page{padding: 0.8rem 0;}

	.HomeComponents .TabNav,.HomeCar .TabNav{white-space: nowrap;overflow-x: auto;flex-wrap: nowrap;justify-content:left;}
	.HomeCar .TabNav {padding-bottom: 0.1rem;}
	.HomeCar .TabNav li{min-width: auto;overflow: visible;}
	.HomeCar .TabNav li:after{border-radius: 0.56rem;}

	.HomeService .list li{width: 50%;}
	.HomeService .list li:nth-child(1){width: 100%;}
	.HomeService .list li .imgbox{padding-top: 64% !important;}

	.HomeNews .item.slick-current .imgbox{width: 100%;padding-top: 64%;}
	.HomeNews .item.slick-current .info{width: 100%;}

	.HomeMessage .formBox .item{width: 100%;}
}
@media(max-width:640px){
	.HomeCar .slider{padding: 0;}
	.HomeComponents .TabCon .item .ti{font-size: 16px;position: static;text-align: center;margin-top: 0.1rem;width: 100%;}
	.HomeNews .ti{font-size: 16px !important;line-height: 24px !important;min-height: 48px !important;margin-bottom: 0;}
	.HomeNews .desc{min-height: 48px;line-height: 24px;}

	.HomeMessage .formBox .ipttxt{font-size: 14px;}
	.HomeMessage .sendbtn{width: 3.2rem;}
}

/* 首页 */