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

.HomeBan{overflow:hidden; height:100vh;position: relative;}
.HomeBan .item{ position:relative;height:100vh;overflow: hidden;}
.HomeBan .desc{ z-index:10; position:absolute; width:14rem;left:50%; top: 50%; transform: translate(-50%,-50%);color:#fff;font-size: 0.4rem;line-height: 1.2;font-weight: normal;}
.HomeBan .desc h2{font-size: 0.4rem;font-weight: lighter;margin-bottom: 0.2rem;}
.HomeBan .desc h3{font-size: 0.62rem;font-weight: normal;max-width: 7.6rem;}
.HomeBan .desc h4{font-size: 0.28rem;font-weight: normal;max-width: 7rem;margin-top: 0.4rem;}
.HomeBan .imgbox{position: absolute;left: -2.5%;top: -2.5%;width: 105%;height: 105%;}
.HomeBan .slick-dots{display: none !important;}
.HomeBan .slick-arrow{top: auto;transform: translateY(0);bottom: 44px;opacity: 0.4;}
.HomeBan .slick-arrow:hover{border:2px solid rgba(255,255,255,0.3);opacity: 1;}
.HomeBan .slick-prev{left: 50%;margin-left: -700px;}
.HomeBan .slick-next{left: 50%;margin-left: 640px;right: auto;}
.HomeBan .blank{width: 100%;height: 30%;position: absolute;bottom: 0;z-index: 2;}

.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:1400px){
	.HomeBan .desc{width: 92%;}
}
@media(max-width:1024px){
	.HomeBan,.HomeBan .item{height: auto;}
	.HomeBan .imgbox{position: relative;padding-top: 70%;}
	.downarr{width: 20px;height: 45px;}
	.downarr span{height: 30px;}
}
@media(max-width:768px){
	.HomeBan .desc h3{font-size: 0.45rem;}
}


.TitleHead{color:#334e5e;line-height: 1.5;}
.TitleHead p{font-size: 0.24rem;font-weight:lighter;margin-bottom: 0.15rem;}
.TitleHead h2{font-size: 0.56rem;font-weight: normal;}
.TitleHead .Tidesc{font-size: 0.24rem;line-height:0.46rem;font-weight:lighter;padding:0.15rem 0 0 0;}
.TitleHead .more{color:#81bb39;}.TitleHead .more:hover{text-decoration: underline;}

.HomeAbout{background:#fff;position: relative;height:auto !important;}
.HomeAbout .w1400{position: static;}
.HomeAbout .Info{max-width: 6.89rem;padding:10px 0 0;color:#666666;}
.HomeAbout .TitleHead {float: left;}
.HomeAbout .TitleHead .ti{margin-bottom: 1.08rem;}
.HomeAbout .fr{float: right;width: 7.7rem;}

.NumBox{position: absolute;right: 0;top: -149px;width: 100%;background:rgba(255,255,255,0.1);z-index:10;color:#fff;transition: all 0.3s !important;}
.NumBox ul{display: flex;padding:0 1rem 0 0.8rem;height: 149px;align-items: center;transition: all 0.3s;justify-content: space-between;}
.NumBox li{position: relative;font-size: 14px;line-height: 25px;transition: all 0.3s;}
.NumBox li:after{right: -0.5rem;top: 7px;content: "";width: 1px;background:rgba(255,255,255,0.3);height: calc(100% - 14px);position: absolute;}
.NumBox li:last-child:after{display: none;}
.NumBox .num{line-height: 54px;}
.NumBox .num .counter{font-size: 0.6rem;display: inline-block;vertical-align:middle;position: relative;}
.NumBox .num .counter .ani {position: absolute;left: 0;top: 0;width: 101%;}
.NumBox .num .counter .off {opacity: 0;}
.NumBox .num sub{display: inline-block;vertical-align: bottom;line-height: 23px;margin-left: 12px;}
.NumBox.fix{/*position: static;*/color:#666666;top: 2.39rem;width: 7.2rem;right: 15%;}
.NumBox.fix .w1400{max-width: none;width: auto;}
.NumBox.fix ul{padding:0;height: auto;}
.NumBox.fix .num{color:#334e5e;}
.NumBox.fix  li{padding-left: 0;}

@media(max-width:1536px){
	.NumBox.fix{right: 8%;}
}
@media(max-width:1280px){
	.NumBox.fix{right: 16%;}
	.HomeAbout .fr{width: 8.8rem;}
}
@media(max-width:1024px){
	.NumBox ul{padding-left: 0.2rem;padding-right: 0.2rem;}
	.NumBox li:after{right: -0.3rem;}
}
@media(max-width:768px){
	.HomeAbout .TitleHead,.HomeAbout .fr{width: auto;float: none;}
	.HomeAbout .Info{max-width: none;padding-bottom: 0.5rem;}
.NumBox{position: static;color:#666666;top: 0;width: auto !important;}
.NumBox .w1400{max-width: none;width: auto;}
.NumBox ul{padding:0;height: auto;flex-wrap: wrap;align-items: baseline;}
.NumBox .num{color:#334e5e;}
.NumBox .num sub{display: contents;}
.NumBox  li{padding: 0 0 0 0;width: 50%;}
.NumBox .num .counter{font-size: 32px;}

.TitleHead h2{font-size: 20px;}
.TitleHead p{font-size: 15px;}
}

.HomeLayout{background:#f4f9fd;position: relative;overflow: hidden;}
.HomeLayout .TitleHead h2{font-weight: bold;}
.HomeLayout ul{display: flex;margin-top: 0.32rem;align-items: flex-end;}
.HomeLayout .bg{width: 100%;height: 100%;right: 0;top: -15px;position: absolute;}
.HomeLayout .bg span{width: 100%;height: 100%;right: 0;top: 0;;position: absolute;background-position: right top;background-repeat: no-repeat;background-size:contain;}
.HomeLayout .item{width: 32%;position: relative;}
.HomeLayout .item:after{bottom: 0;width: 100%;border-radius: 10px 10px 0 0;background-image: linear-gradient(to bottom, rgba(255,255,255,0) , #fff);content: "";height: 0;transition: all 0.3s;position: absolute;}
.HomeLayout .item a{display: block;padding:1.67rem 0.4rem 0.32rem;position: relative;z-index: 1;transition: all 0.3s;}
.HomeLayout .item a:after{width: 0;height: 3px;content: "";left: 0;position: absolute;background:#ebebeb;transition: all 0.3s;bottom: 0;}
.HomeLayout .item a:before{width: 0;height: 3px;content: "";left: 0;position: absolute;background:#8bc04e;transition: all 1s;bottom: 0;z-index: 2;}
.HomeLayout .icon img{height: 0.8rem;}
.HomeLayout .ti{line-height: 0.6rem;font-size: 0.32rem;color:#334e5e;}
.HomeLayout .desc{color:#666666;margin:0.05rem 0 0.47rem;transition: all 0.3s;height: 0.6rem;}
.HomeLayout .more .hide{display: none;}
.HomeLayout .item:hover:after{height: 100%;}
.HomeLayout .item:hover a{padding-top: 0.25rem;}
.HomeLayout .item:hover a:after{width: 100%;}
.HomeLayout .item:hover a:before{width: 50%;}
.HomeLayout .item:hover .ti{color:#8bc04e;}

.HomeLayout .TitleHead .Tidesc{width: 6.8rem;}

@media(min-width:1025px){
	.HomeLayout .item:hover .desc{height: 1.8rem;}
}
@media(max-width:1024px){
	.HomeLayout .desc{height: 48px;}
}
@media(max-width:768px){
	.HomeLayout .TitleHead .Tidesc{width: auto;font-size: 14px;}
	.HomeLayout ul{display: block;}
	.HomeLayout .desc{height: 24px;margin-bottom: 10px;}
		.HomeLayout .item.on .desc{height: auto;}
		.HomeLayout .item.on .more .show{display: none;}
		.HomeLayout .item.on .more .hide{display: block;}
	.HomeLayout .item {width: auto;}
	.HomeLayout .item a{padding:0.25rem;}
	.HomeLayout .icon{display: inline-block;vertical-align: middle;}
	.HomeLayout .ti{font-size: 16px;display: inline-block;vertical-align: middle;margin-left: 10px;}

}

.HomeCooperate{background:#eff6fc;overflow: hidden;position: relative;}
.HomeCooperate .TitleHead{margin-bottom: 0.4rem;}
.HomeCooperate .item{margin-bottom: 10px;}
.HomeCooperate .item a{display: block;border-radius: 10px;background:#fff;padding:0.65rem 0.58rem 0.62rem 2.99rem;position: relative;min-height: 2.29rem;}
.HomeCooperate .item .ti{position: absolute;left: 0;top: 0;height: 2.29rem;display: flex;justify-content: center;padding-left: 0.35rem;color:#334e5e;flex-direction: column;width: 2.4rem;background: url(../images/logobg.png) right center no-repeat;transition: all 0.3s;}
.HomeCooperate .item .ti span{display: block;line-height: 0.5rem;margin-bottom: 0.16rem;font-size: 0.54rem;}
.HomeCooperate .item .ti em{line-height: 1.5;font-size: 0.24rem;}
.HomeCooperate .item .ti:after{position: absolute;content: "";right: 0px;top: 50%;transform: translateY(-50%);width: 1px;background:#e5e5e5;height: 1.2rem;}
.HomeCooperate .item .desc{line-height: 28px;margin-bottom: 0.16rem;color:#666666;-webkit-line-clamp: 10;}
.HomeCooperate .item .more{display: none;}
.HomeCooperate .item .more i{display: inline-block;margin-left: 10px;width: 10px;height: 1px;background:#81bb39;vertical-align: middle;transition: all 0.3s;}
.HomeCooperate .item:hover .more i{width: 50px;}
.HomeCooperate .item:hover .ti{background-position: right 10px center;}
.HomeCooperate .item:hover .desc{color:#005076;}
.HomeCooperate .bg{width: 105%;height: 105%;position: absolute;left: -2.5%;top: -2.5%;}
.HomeCooperate .bg span{width: 100%;height: 100%;position: absolute;left: 0;top: 0;background-position: center center;background-repeat: no-repeat;background-size: contain;}

.HomeNews{position: relative;}
.HomeNews .bg{width: 6.5rem;height: 3.5rem;position: absolute;right: 10%;top: -1rem;}
.HomeNews .bg span{width: 100%;height: 100%;position: absolute;left: 0;top: 0;background-position: center center;background-repeat: no-repeat;background-size: contain;}
.HomeNews ul{margin: 0.6rem 0 0 -5.5%;position: relative;z-index: 1;}
.HomeNews .item{width: 33.333%;padding: 0 0 0.6rem 5.5%;float: left;}
.HomeNews .item a{padding:10px 0;transition: all 0.3s;border-bottom: 1px solid #e1e1e1;position: relative;}
.HomeNews .item .ti{height: 0.6rem;line-height: 1.5;font-size: 0.2rem;}
.HomeNews .item .desc{height: 0.6rem;line-height: 0.3rem;font-size: 0.16rem;color:#555555;margin:0.25rem 0;}
.HomeNews .item .date{color:#81bb39;font-size: 0.16rem;position: relative;}
.HomeNews .item .date i{position: absolute;right: 0;color:#1c1c1c;top: 0;transition: all 0.3s;}
.HomeNews .item a:after{width: 0%;transition: all 0.3s;height: 1px;bottom: -1px;left: 0;background:#81bb39;content: "";position: absolute;}
.HomeNews .item a:hover:after{width: 100%;}
.HomeNews .item a:hover .date i{right: -10px;color:#81bb39;}

@media(max-width:768px){
	.CooperationWay .item .desc{font-size: 14px;line-height: 24px;margin-top: 0;}
	.WhyContact .item .ti,
	.CooperationWay .item .ti{font-size: 16px;}
	.CooperationWay .item .ti span{font-size: 30px;}
	.CooperationWay .item .icon{width: 1.7rem;}
	.CooperationWay .item{margin-bottom: 0.4rem;}
}
@media(max-width:640px){
	.HomeNews .item{width: auto;float: none;padding-bottom: 0.2rem;}
	.HomeNews .item .ti{font-size: 15px;height: auto;}
	.HomeNews .item .desc{height: auto;font-size: 14px;line-height: 24px;}
	.HomeNews .btnam{padding-top: 15px;}
	.HomeCooperate .item .desc{line-height: 20px;}
}