@import url(common.css);

body{padding-top: 0;}
.Header{background:transparent;border-bottom: 1px solid rgba(0,0,0,0);}
.MainNav span a,.Header .Ver dt{color:#fff;}
.MainNav li.onnav span a{color: #fff;}
.MainNav li.onnav a:after{display: none;}
.Header.fixed3 .MainNav li.onnav span a,.Header.fixed2 .MainNav li.onnav span a,.Header.on .MainNav li.onnav span a{color:#0e7155;}
.Header.fixed3 .MainNav li.onnav  a:after,.Header.fixed2 .MainNav li.onnav  a:after,.Header.on .MainNav li.onnav  a:after{display: block;}
.openbtn i{background: #fff;}
.Header .Logo .color{display: none;}
.Header .Logo .white{display: block;}

/*第一屏 s*/
.downarr{ -webkit-animation: rightan 1s infinite;-webkit-animation-fill-mode: both;color:#fff;width:19px; position:absolute; bottom:48px; left:50%;margin-left:655px; z-index:999; text-align:center;cursor: pointer;overflow: hidden;line-height: 18px;}
.downarr span{display: block;height: 24px;position: relative;width: 14px;margin:0px auto;border-radius: 6px;border:2px solid #fff;}
.downarr span:After{position: absolute;left: 50%;top: 8px;width: 2px;content: "";background:#fff;margin-left: -1px;height: 6px;}
.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;}
.downarr .iconxjt{opacity: 0; animation-name: down_move2; animation-duration: 2000ms; animation-timing-function: linear; animation-iteration-count: infinite; animation-play-state: running; animation-delay: 800ms;font-size: 20px;position: relative;margin-top: -80px;}
@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;}
}

.HomeBan{position: relative; z-index: 1; overflow:hidden;background:url(../images/loading.gif) center center no-repeat;height: 100vh;}
.HomeBan:before{width: 100%;height: 1.8rem;left: 0;top: 0;position: absolute;background-image: linear-gradient(to bottom, rgba(17,21,30,0.3) , rgba(0,0,0,0));content: "";z-index: 2;}
.HomeBan .item{ position:relative;height: 100vh;}
.HomeBan .Info{left: 50%;top:50%;transform: translate(-50%,-50%);z-index: 3;color:#fff;position: absolute;width: 14rem;}
.HomeBan .Info img{height: 2.02rem;display: block;}
.HomeBan .btn{margin-top:0.6rem;display: inline-block;min-width: 1.5rem;line-height: 0.4rem;padding:0 0.2rem;font-size: 0.2rem;background:rgba(0,0,0,0.3);text-align: center;border-radius: 0.3rem;}
.HomeBan .btn a{color:#fff;}
.HomeBan .btn i{margin:0 0.1rem;}
.HomeBan .btn:hover{background:#056a54;}
.HomeBan .video{position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 2;}
.HomeBan .video video{position: absolute;left: 0;top: 0;width: 100%;height: 100%;object-fit: cover;}
.HomeBan .imgbox{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.HomeBan .item:nth-child(3) .Info{top: 30%;}
.HomeBan .slick-arrow{background-color:rgba(0,0,0,0.3);border:0;}
.HomeBan .slick-arrow:after{border-top: 2px solid #fff !important;border-right: 2px solid #fff !important;}
.HomeBan .slick-arrow:hover{background:#e60012;}
.HomeBan:hover .slick-prev{left: 3%;}
.HomeBan:hover .slick-next{right: 3%;}
.HomeBan .slick-dots {position: static;}
.HomeBan .slick-dots li{display: none;position: relative;margin: 0;}
.HomeBan .slick-dots li:after{width: 70px;height: 2px;background:rgba(255,255,255,0.3);content: "";left: 40px;position: absolute;top: 50%;margin-top: -1px;}
.HomeBan .slick-dots li:before{width: 0;height: 2px;background:#fff;content: "";left: 40px;position: absolute;top: 50%;margin-top: -1px;transition: all 0.2s;}
.HomeBan .slick-dots li button{border-radius: 0;width: 30px;height: 30px;background:transparent;color:#fff;}
.HomeBan .slick-dots li.slick-active{display: block;width: auto;height: auto;}
.HomeBan .slick-dots li.slick-active:before{animation-name: width100; animation-duration: 5000ms; animation-timing-function: linear; animation-iteration-count: infinite; animation-play-state: running; animation-delay: 0ms}
.HomeBan .slick-dots li.slick-active button{font-size: 0.18rem;background: transparent;}
@media(max-width:1440px){
	.HomeBan .Info{width: 90%;transform: translateX(0);left: 5%;}
}
@media(max-width:767px){
	.HomeBan .btn{font-size: 16px;line-height: 28px;}
}

.Pagebox{padding-top: 1.2rem;overflow: hidden;position: relative;}
.HomeTit{margin-bottom: 0.58rem;position: relative;}
.HomeTit h2{line-height: 0.79rem;font-size: 0.48rem;color:#040404;font-weight: normal;}
.HomeTit .en{font-size: 0.24rem;color:#999999;}
.HomeTit .more{position: absolute;right: 0;color:#999999;top: 45%;}

.HomePro .TabCon .slick-list{overflow: visible;}
.HomePro .TabCon .item{position: relative;height: 7rem;}
.HomePro .TabCon .imgbox{width: 16.8rem;left: 0;top: 0;height: 100%;background: #000;}
.HomePro .TabCon .info{position: absolute;left: 0.8rem;top: 1.26rem;z-index: 2;max-width: 5.4rem;}
.HomePro .TabCon .info .ti{line-height: 1.04rem;font-size: 0.4rem;color:#fff;font-weight: normal;}
.HomePro .TabCon .info .desc{line-height: 0.32rem;color:#fff;opacity: 0.6;}
.HomePro .TabNav{position: absolute;left: 0.8rem;bottom: 0.4rem;color:#fff;width: calc(100% - 0.8rem);z-index: 3;}
.HomePro .TabNav .item{padding-right: 0.64rem;cursor: pointer;font-size: 0.24rem;transition: all 0.2s;padding-bottom: 0;float: none;display: inline-block;vertical-align: bottom;}
.HomePro .TabNav aside{opacity: 0.7;border-top: 1px solid rgba(255,255,255,0.7);line-height: 0.7rem;position: relative;}
.HomePro .TabNav aside:After{position: absolute;left: 0;top: -1px;height: 2px;content: "";background:#007557;width: 0;transition: all 1.5s;}
.HomePro .TabNav span{font-size: 0.36rem;font-family: "DINM";display: block;line-height: 0.74rem;transform: translateY(0.74rem);opacity: 0;transition: all 0.2s;}
.HomePro .TabNav .slick-current {font-size: 0.28rem;color:#007557;padding-bottom: 0.2rem;}
.HomePro .TabNav .slick-current .aside{opacity: 1;}
.HomePro .TabNav .slick-current aside:After{width: 100%;}
.HomePro .TabNav .slick-current span{transform: translateY(0);opacity: 1;}

.HomeFa .TabCon{height: 100vh;}
.HomeFa .TabCon .item{height: 100vh;background:#000;position: relative;}
.HomeFa .TabCon .info{position: absolute;left:50%;top: 15%;z-index: 10;max-width: 14.4rem;width: 90%;transform: translateX(-50%);}
.HomeFa .TabCon .info .ti{line-height: 1.04rem;font-size: 0.4rem;color:#fff;font-weight: normal;}
.HomeFa .TabCon .info .desc{line-height: 0.32rem;color:#fff;opacity: 0.6;max-width: 5.38rem;margin-bottom: 0.8rem;}
.HomeFa .TabCon .imgbox{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.HomeFa .video{position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 2;}
.HomeFa .video video{position: absolute;left: 0;top: 0;width: 100%;height: 100%;object-fit: cover;}

.HomeFa .TabNav{position: absolute;left: 0;bottom: 0;bottom: 0.4rem;width: 100%;color: #fff;}
.HomeFa .TabNav .item{text-align: center;cursor: pointer;height: 2rem;padding-top: 0.1rem;position: relative;overflow: hidden;}
.HomeFa .TabNav .icobox{position: relative;display: inline-block;vertical-align: middle;}
.HomeFa .TabNav .icobox:before{position: absolute;width: 0;height: 1px;background:#007557;content: "";top: 0.5rem;right: 1.08rem;transition: all 1.5s;z-index: 2;}
.HomeFa .TabNav .icobox:after{position: absolute;width: 0;height: 1px;background:#007557;content: "";top: 0.5rem;left: 1.12rem;transition: all 1.5s;}
.HomeFa .TabNav .ico:before{top: 0.5rem;height: 1px;content: "";right: 1.08rem;content: "";background:rgba(255,255,255,0.3);position: absolute;width:300%;}
.HomeFa .TabNav .ico:after{top: 0.5rem;height: 1px;content: "";left: 1.12rem;content: "";background:rgba(255,255,255,0.3);position: absolute;width:300%;}
.HomeFa .TabNav .ico{width: 1rem;height: 1rem;margin: 0.1rem;margin:0px auto;background: rgba(0,0,0,0.5);border-radius: 50%;}
.HomeFa .TabNav .ico .yuan1{width: 1.2rem;height: 1.2rem;left: -0.1rem;top: -0.1rem;background:url(../images/yuanbg1.png) center center no-repeat;background-size:contain;position: absolute;transition: all 0.2s;}
.HomeFa .TabNav .ico .yuan2{width: 0;height:0;left: 50%;top: 50%;background:url(../images/yuanbg2.png) center center no-repeat;background-size:contain;position: absolute;transition: all 0.2s;animation: turn 3s linear infinite;}
.HomeFa .TabNav .ico .bg{left: 50%;top: 50%;width: 0;height: 0;position: absolute;transform: translate(-50%,-50%);transition: all 0.2s;border-radius: 50%;background: rgba(255,255,255,0.15);}
.HomeFa .TabNav .ti{line-height: 0.52rem;font-size: 0.24rem;transition: all 0.2s;left: -0.1rem;top: -0.1rem;}
.HomeFa .TabNav .slick-current .ico .bg{width: 100%;height: 100%;}
.HomeFa .TabNav .slick-current .ico .yuan1{width: 0;height: 0;left: 50%;top: 50%;}
.HomeFa .TabNav .slick-current .ico .yuan2{width: 1.24rem;height: 1.24rem;left: -0.1rem;top: -0.1rem;}
.HomeFa .TabNav .slick-current .ti{font-size: 0.28rem;line-height: 0.74rem;}
.HomeFa .TabNav .slick-current .icobox:before{width: 34px;}
.HomeFa .TabNav .slick-current .icobox:after{width: 34px;}

.HomeNews{padding-top: 0.6rem;}
.HomeNews:after{right: 0;width: 100%;top: 0;height: 100%;content: "";background:#f7f7f7;position: absolute;}
.HomeNews .HomeTit{position: absolute;top: -1.2rem;left: 0;}
.HomeNews .controls{height: 1.56rem;position: absolute;right: 0;top: -0.95rem;color:#777777;}
.HomeNews .controls dt{display: inline-block;vertical-align: middle;}
.HomeNews .controls .total{padding:0.18rem 1.8rem 0 0;}
.HomeNews .controls .btn{padding-left: 0.11rem;}
.HomeNews .slick-dots {position: static;}
.HomeNews .slick-dots li{display: none;position: relative;margin: 0;}
.HomeNews .slick-dots li:after{width: 1.49rem;height: 1px;background:#e1e1e1;content: "";left: 1.12rem;position: absolute;top: 50%;margin-top: -1px;}
.HomeNews .slick-dots li:before{width: 0;height: 2px;background:#007557;content: "";left: 40px;position: absolute;top: 50%;margin-top: -1px;transition: all 0.2s;}
.HomeNews .slick-dots li button{border-radius: 0;width: 0.5rem;height: 0.42rem;line-height:0.42rem;background:transparent;color:#007557;}
.HomeNews .slick-dots li.slick-active{display: block;width: auto;height: auto;}
.HomeNews .slick-dots li.slick-active button{font-size: 0.48rem;background: transparent;}
.HomeNews .slick-arrow{position: static;margin: 0 0 0 0.2rem;transform: translateY(0);}

.HomeNews .slick-list{margin:1.56rem -0.4rem 0;}
.HomeNews .item{padding:0.3rem 0.4rem 0;transition: all 0.2s;}
.HomeNews .item a{display: block;height: 5.1rem;position: relative;z-index: 10;}
.HomeNews .item .imgbox{margin-bottom: 0.11rem;padding-top: 64%;}
.HomeNews .item .ti{min-height: 0.64rem;font-size: 0.2rem;line-height: 0.32rem;margin-bottom: 0.11rem;}
.HomeNews .item .desc{color:#666666;line-height: 24px;height: 48px;display: none;}
.HomeNews .item .date{margin-top: 0.15rem;padding-top: 0.15rem;color:#666666;position: relative;border-top: 1px solid #e3e3e3;}
.HomeNews .item .more{color:#666666;position: absolute;right: 0;top: 0.15rem;}
.HomeNews .item:hover{padding-top: 0;padding-bottom: 0.3rem;}
.HomeNews .item:nth-child(2):After{width: 1px;height: 100%;content: "";right: 0;top: 0.6rem;transition: all 0.2s;background:#e1e1e1;position: absolute;height: 5rem;}
.HomeNews .item:hover:nth-child(2):After{top: 0;height: 5.66rem;}

@media(max-width:1440px){
	.HomePro .TabCon .imgbox {width: 13.7rem;}
	.HomeNews .item a {height: 4.7rem;}
}
@media(max-width:1024px){
	.Pagebox{padding-top: 0.7rem;}
	.HomePro .TabCon .imgbox{width: 140%;margin-left: -20%;}
	.HomePro .TabCon .item{height: auto;}
	.HomePro .TabNav{position: relative;left: 0;bottom: auto;color:#333;width: auto;}
	.HomePro .TabNav .slick-track{display: flex;justify-content: space-between;text-align: center;}
	.HomePro .TabNav .item{flex: 1;width: 33.333% !important;}
	.HomePro .TabNav .item:last-child{padding-right: 0;}
	.HomePro .TabCon .info{top: 0.4rem;left: 0.1rem;}
	
	.HomeFa .TabCon{height: auto;}
	.HomeFa .TabCon .item{height: auto;padding-top: 20%;}
	.HomeFa .TabNav{position: relative;bottom: auto;color:#333;margin-top: 0.1rem;}
	.HomeFa .TabNav .ico:after,.HomeFa .TabNav .ico:before{background:#ddd;}

	.HomeNews .slick-list{margin-left: -0.4rem;margin-right: -0.4rem;}
	.HomeNews .item{padding-left: 0.4rem;padding-right: 0.4rem;padding-bottom: 0.8rem;}
	.HomeNews .item a{height: auto;}
	.HomeNews .item:nth-child(2):After{height: 100%;}
}
@media(max-width:640px){
	.HomeFa .TabCon .info{top: 10%;}
	.HomeFa .TabCon .info .desc{line-height: 24px;max-width: 80%;margin-bottom: 0.4rem;}
	.HomeFa .TabNav .ti{font-size: 14px;line-height: 35px;}
	.HomeFa .TabNav .slick-current .ti{font-size: 15px;}

	.HomeTit{margin-bottom: 0.4rem;}
	.HomeTit h2{font-size: 20px;line-height: 0.6rem;}
	.HomeTit .en{font-size: 15px;}
	.HomeTit .more{top: 26%;}

	.HomePro .TabCon .info .desc{line-height: 24px;}
	.HomePro .TabNav .item{padding-right: 0rem;}
	.HomePro .TabNav aside{font-size: 15px;display: inline-block;}
	
	.HomeNews .item .ti{font-size: 15px;min-height:auto;line-height: 24px;}
}