@import url(common.css);

/*第一屏 s*/
.downarr{ -webkit-animation: rightan 1s infinite;-webkit-animation-fill-mode: both;color:#fff;width:34px; position:absolute; bottom:0.6rem; left:50%;margin-left:-17px; z-index:999; text-align:center;cursor: pointer;height: 84px;overflow: hidden;}
.downarr span{display: block;height: 46px;background:url(../images/downarr.png) 0px top no-repeat;background-size:contain;position: relative;}
.downarr span:After{position: absolute;left: 50%;top: 8px;width: 3px;content: "";background:#fff;margin-left: -2px;height: 12px;}
.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 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; height:100%; background:url(../images/loading.gif) center center no-repeat;}
.HomeBan .item{ position:relative;height: 100vh;}
.HomeBan .Info{width: 16rem;left: 50%;top:40%;transform: translate(-50%,-50%);z-index: 3;color:#fff;position: absolute;}
.HomeBan .Info h2{font-size: 0.44rem;line-height: 1.6;font-weight: normal;}
.HomeBan .more{margin:0.7rem 0 0 0.42rem;width: 0.6rem;height: 0.6rem;background:#005d4f;border-radius: 50%;position: relative;}
.HomeBan .more:after{position: absolute;right: 0.25rem;top: 50%;transform: translateY(-50%);width: 77px;height: 13px;background:url(../images/ico/more.png);content: "";transition: all 0.3s;}
.HomeBan .Info:hover .more:After{right: 0.05rem;}
.HomeBan .imgbox{ position:absolute; left:0; top:0; width:100%; height:100%;}
.HomeBan .slick-arrow{border:0;border-radius: 0;width: 25px;height: 35px;background: transparent;top: 52%;}
.HomeBan .slick-prev{left: 0.92rem;}
.HomeBan .slick-next{left: 2.15rem;}
.HomeBan .slick-prev:after,.HomeBan .slick-next:after{border-top: 2px solid #fff;border-right: 2px solid #fff;}
.HomeBan .slick-dots {position: static;width: auto;}
.HomeBan .slick-dots li{display: none;margin:0;width: auto;height: auto;}
.HomeBan .slick-dots li button{width: 32px !important;height: 1rem !important;border-radius: 0;}
.HomeBan .slick-dots li.slick-active{width: auto;height: auto;display: inline-block;}
.HomeBan .slick-dots li.slick-active button{font-size: 0.24rem;color:#fff;background: transparent;}

.HomeBan .controls{position: absolute;z-index:10;right:0;bottom: 0;width: 4.83rem;padding-left: 1.19rem;color:#fff;background: rgba(33,114,173,0.8);line-height: 1rem;height: 1rem;font-size: 0.24rem;}
.HomeBan .controls:before{position: absolute;width: 0.96rem;height: 0.96rem;border-radius: 0.04rem 0 0.04rem 0;background:rgba(3,131,112,0.6);content: "";left: -0.48rem;top: -0.48rem;}
.HomeBan .controls *{display: inline-block;vertical-align: middle;}
.HomeBan .controls .line{opacity: 0.3;}
.HomeBan .controls .total{color:#fff;opacity: 0.3;}

@media(max-width:1600px){
	.HomeBan .Info{width: 90%;}
}
@media(max-width:1024px){
.HomeBan,.HomeBan .item{height: auto;}
.HomeBan .Info h2{font-size: 0.3rem;}
.HomeBan .imgbox{padding-top: 62%;position: relative;}
.HomeBan .slick-arrow{display: none !important;}
.HomeBan .slick-dots{display: block !important;}
.downarr{display: none;}
}
@media(max-width:640px){
	.HomeBan .Info h2{font-size: 16px;}
}

.HomeTit{padding:0 0 0.5rem 0;text-align: center;}
.HomeTit .ti{line-height: 1.6;font-size: 0.36rem;color:#333;}
.HomeTit .en{color:#005d4f;font-size: 0.26rem;line-height: 19px;text-transform: uppercase;}
.HomeTit .en:before,.HomeTit .en:after{content: "";display: inline-block;width: 1rem;height: 1px;vertical-align: middle;margin:0 0.34rem;background:#ccdfdc;}

.HomeAbout{position: relative;padding:1.27rem 0 0 0;clear: both;overflow: hidden;}
.HomeAbout .Info{width: 36%;float: left;padding-top: 0.12rem;}
.HomeAbout .Info article{color:#666666;font-weight: lighter;margin-bottom: 0.85rem;}

.HomeAbout .TitHead{margin-bottom: 0.22rem;}
.HomeAbout .TitHead p{font-size: 0.22rem;color:#999999;}
.HomeAbout .TitHead h2{font-size: 0.3rem;line-height: 0.42rem;position: relative;padding-bottom: 0.29rem;color:#333;}
.HomeAbout .TitHead h2:after{position: absolute;left: 0;bottom: 0;width: 0.49rem;height: 0.06rem;content: "";background:#005d4f;}
.HomeAbout .Video{width: 42%;float: right;margin-right: 0.6rem;padding:0 0.18rem 0.18rem 0;position: relative;margin-bottom: 0.58rem;}
.HomeAbout .Video:after{position: absolute;left: 0.17rem;top: 0.17rem;width: calc(100% - 0.17rem);height: calc(100% - 0.17rem);border:0.08rem solid #005d4f;border-radius: 0 0 0.07rem 0;content: "";z-index: -1;}
.HomeAbout .Video .imgbox{padding-top: 4.89rem;border-radius: 0.07rem 0 0.05rem 0;}
.HomeAbout .Video .play{border: 1px solid #fff;width: 0.7rem;height: 0.7rem;top: 50%;left: 50%;transform: translate(-50%,-50%);background: rgba(255,255,255,0.3) url(../images/play.png) center center no-repeat;position: absolute;border-radius: 50%;z-index: 10;cursor: pointer;background-size: contain;transition: all 0.3s;}
.HomeAbout .Video .play:hover{transform: translate(-50%,-50%) scale(1.2);}

.HomeAbout .slogan{position: absolute;left: 0;top:3.6rem;width: 100%;text-align: center;font-size: 3.58rem;background-image: linear-gradient(to bottom,#efefef, #fff);background-clip: text;-webkit-background-clip: text;color:transparent;line-height: 1;text-transform: uppercase;opacity: 0.6;}
.HomeAbout .NumList {background:#fafafa;color:#666666;padding: 0.24rem 0 0.26rem;clear: both;}
.HomeAbout .NumList li{ width: 20%;text-align: center;float: left;}
.HomeAbout .num{line-height: 0.67rem;color:#005d4f;font-weight: bold;font-size: 0.3rem;}
.HomeAbout .num *{display: inline-block;vertical-align:middle;}
.HomeAbout .num .counter{font-size: 0.42rem;position: relative;}
.HomeAbout .num .counter .ani {position: absolute;left: 0;top: 0;width: 101%;}
.HomeAbout .num .counter .off {opacity: 0;}

@media(max-width:997px){
	.HomeAbout{padding-top: 0.8rem;}
	.HomeAbout .Info{width: auto;float: none;margin-bottom: 18px;}
	.HomeAbout .Video{width: auto;float: none;}
	.HomeAbout .Video .imgbox{padding-top: 64%;}
	.HomeAbout .slogan{font-size: 1.8rem;}
}
@media(max-width:767px){
	.HomeAbout .TitHead p{font-size: 14px;}
	.HomeAbout .TitHead h2{font-size: 18px;}
	.HomeAbout .Info article{margin-bottom: 18px;}

	.HomeAbout .NumList li{width: 33.333%;padding-bottom: 8px;}
	.HomeAbout .NumList li:nth-child(3n+1){clear: both;}
	.HomeAbout .num .counter{font-size: 24px;}

	.HomeTit .en:before, .HomeTit .en:after{width: 0.6rem;margin:0 0.2rem;}
	.HomeTit .en{font-size: 16px;}
	.HomeTit .ti{font-size: 20px;}
}

.HomeBusiness{padding:0.8rem 0 0;}
.HomeBusiness .TabNav{max-width: 12rem;margin:-0.82rem auto 0;text-align: center;background:#fff;box-shadow: 18px 0 43px rgba(52,57,61,0.05);height: 162px;position: relative;padding: 30px 25px 0;z-index: 3;}
.HomeBusiness .TabNav:after{content: "";top: 37px;left: 0.52rem;width: calc(100% - 1.04rem);height: 1px;position: absolute;background:#f3f3f3;}
.HomeBusiness .TabNav .item{position: relative;padding-top: 34px;cursor: pointer;}
.HomeBusiness .TabNav .item:after{content: "";width: 16px;height: 16px;border-radius: 50%;position: absolute;left: 50%;transform: translateX(-50%);background:#fff;border:1px solid #eeeeee;top: 0;z-index: 2;}
.HomeBusiness .TabNav .item:before{content: "";width: 0;height: 0;border-radius: 50%;position: absolute;left: 50%;transform: translateX(-50%);background:#fff;border:1px solid #eeeeee;top: 4px;z-index: 2;transition: all 0.3s;}
.HomeBusiness .TabNav .ico{width: 34px;height: 28px;margin:0px auto 8px;}
.HomeBusiness .TabNav p{line-height: 16px;width:80%;margin:0px auto;color:#333;}
.HomeBusiness .TabNav .item.slick-current:After{border:1px solid #066153;}
.HomeBusiness .TabNav .item.slick-current:before{width: 8px;height: 8px;}

.HomeBusiness .TabCon .slick-list{padding-left: 15%;margin-left: -10%;}
.HomeBusiness .TabCon .item{padding-right: 0.2rem;}
.HomeBusiness .TabCon .imgbox{width: 60%;padding-top: 6.4rem;float: right;}
.HomeBusiness .TabCon .info{width: 34.5%;padding:0 3.5% 0 4.3%;vertical-align: top;padding-top: 1.37rem;display: none;}
.HomeBusiness .TabCon .tit{font-size: 0.3rem;margin-bottom: 0.24rem;line-height: 1;}
.HomeBusiness .TabCon .desc{line-height: 24px;margin-bottom: 1.1rem;color:#333333;}
.HomeBusiness .TabCon .btnam{float: right;}
.HomeBusiness .TabCon .slick-current a{display: table;width: 100%;}
.HomeBusiness .TabCon .slick-current .info{display: table-cell;}
.HomeBusiness .TabCon .slick-current .imgbox{display: table-cell;float: none;}
.HomeBusiness .slick-prev,.HomeBusiness .slick-next{width: 37px;height: 37px;background:rgba(0,0,0,0.3);}
.HomeBusiness .slick-prev:after,.HomeBusiness .slick-next:after{border-top: 2px solid #fff;border-right: 2px solid #fff;width: 10px;height: 10px;}

@media(max-width:997px){
	.HomeBusiness .TabCon .slick-list{padding-left: 0;margin-left: 0;}
	.HomeBusiness .TabCon .item{padding-right: 0;}
	.HomeBusiness .TabCon .imgbox{padding-top: 5rem;}
	.HomeBusiness .TabCon .info{padding-top: 0.5rem;}
	.HomeBusiness .TabCon .desc{margin-bottom: 0.5rem;-webkit-line-clamp: 2;}
}
@media(max-width:767px){
	.HomeBusiness .TabCon .imgbox{width: auto;display: block !important;padding-top: 64%;}
	.HomeBusiness .TabCon .info{width: auto;display: block !important;padding-bottom: 18px;}
	.HomeBusiness .TabCon .desc{margin-bottom: 12px;}
	.HomeBusiness .TabCon .slick-prev, .HomeBusiness .TabCon .slick-next{top: 25%;transform: translateY(0);}
	.HomeBusiness .TabCon .tit{font-size: 16px;}

	.HomeBusiness .TabNav{margin-top: 0;display: none;}
}

.HomeNews{padding:0.8rem 0;background:url(../images/newsbg.jpg) center bottom no-repeat;background-size:cover;clear: both;}
.HomeNews .w1600{overflow: hidden;}
.HomeNews .NewList{width: 49.37%;float: left;position: relative;}
.HomeNews .NewList:before{position: absolute;width: 1.15rem;height: 1.06rem;left: -1.35rem;top: 0.4rem;content: "";background:url(../images/kh1.png);background-size:contain;}
.HomeNews .NewList li{margin-bottom: 0.13rem;background:#fff;border-bottom: 1px solid #f0f0f0;padding:0.41rem 0 0 0;height: 2rem;}
.HomeNews .NewList li:last-child{margin-bottom: 0;}
.HomeNews .NewList a{display: block;}
.HomeNews .NewList .imgbox{margin:0 0.36rem 0 0.2rem;width: 1.8rem;padding-top: 1.2rem;float: left;}
.HomeNews .NewList .info{float: right;width: calc(100% - 2.36rem);padding-right: 0.4rem;}
.HomeNews .NewList .tit{font-size: 0.22rem;margin-bottom: 0.1rem;}
.HomeNews .NewList .desc{color:#666666;line-height: 24px;margin-bottom: 0.1rem;}
.HomeNews .NewList .date{color:#999999;line-height: 22px;position: relative;}
.HomeNews .NewList .more{position: absolute;right: 0;top: 0;color:#999999;}
.HomeNews .NewList .more:after{display: inline-block;vertical-align: middle;margin-left: 11px;width: 15px;height: 15px;content: "";background:url(../images/ico/more02.png);}
.HomeNews .NewList li:hover .more{color:#005d4f;}
.HomeNews .NewList li:hover .more:after{background:url(../images/ico/more2.png);}

.HomeNews .Video{width: 49.37%;float: right;position: relative;}
.HomeNews .Video:before{position: absolute;width: 1.15rem;height: 1.06rem;right: -1.35rem;bottom: -1.5rem;content: "";background:url(../images/kh2.png);background-size:contain;}
.HomeNews .Video .item{position: relative;}
.HomeNews .Video .imgbox{padding-top: 5.27rem;}
.HomeNews .Video .imgbox:after{content: "";left: 0;top: 0;background:rgba(0,0,0,0.4);position: absolute;width: 100%;height: 100%;transition: all 0.3s;}
.HomeNews .Video .tit{line-height: 0.8rem;padding:0 0.2rem;background:#fff;font-size: 0.22rem;text-align: center;margin-top: 0.19rem;}
.HomeNews .Video .play{border: 1px solid #fff;width: 0.86rem;height: 0.86rem;top: 44%;left: 50%;transform: translate(-50%,-50%);background: rgba(255,255,255,0.3) url(../images/play.png) center center no-repeat;position: absolute;border-radius: 50%;z-index: 10;cursor: pointer;background-size: contain;transition: all 0.3s;}
.HomeNews .Video .play:hover{transform: translate(-50%,-50%) scale(1.2);}
.HomeNews .Video_files{height: 5.27rem;}
.HomeNews .Video:hover .imgbox:after{opacity: 0.8;}
.HomeNews .slick-arrow{background-color:transparent !important;box-shadow: 0 0 0 rgba(0,0,0,0);top: 44%;}
.HomeNews .slick-prev:after,.HomeNews .slick-next:after{border-top: 0.05rem solid #fff !important;border-right: 0.05rem solid #fff !important;width: 0.35rem;height: 0.35rem;}
.HomeNews .slick-prev{left: 0.15rem;}
.HomeNews .slick-next{right: 0.15rem;}

@media(max-width:997px){
	.HomeNews .NewList{width: auto;float: none;}
	.HomeNews .Video{width: auto;float: none;}
	.HomeNews .Video .imgbox{padding-top: 64%;}
	.HomeNews .NewList li{margin-bottom: 0;}
}
@media(max-width:767px){
	.HomeNews .NewList li{height: 140px;}
	.HomeNews .NewList .tit{font-size: 15px;}
	.HomeNews .NewList .imgbox{margin-left: 0;}
	.HomeNews .NewList .info {width: calc(100% - 2.2rem);}
	.HomeNews .Video .tit{font-size: 15px;}
}

.HomeCase{padding:0.8rem 0 0.6rem;overflow: hidden;clear: both;}
.HomeCase ul{margin-left: -0.2rem;}
.HomeCase .item{float: left;padding: 0 0 0.2rem 0.2rem;width: 25%;}
.HomeCase .item a{position: relative;display: block;}
.HomeCase .item .imgbox{padding-top: 3.85rem;}
.HomeCase .item .imgbox:After{content: "";left: 0;bottom: 0;width: 120%;height: 120%;z-index: 1;position: absolute;transition: all 0.3s;}
.HomeCase .item .info{position: absolute;padding:0 0.4rem;top: 50%;transform: translateY(-50%);left: 0;z-index: 10;color:#fff;}
.HomeCase .item .info .ti{height: 1.2rem;line-height: 1.4;}
.HomeCase .item .info .cn{font-size: 0.22rem;}
.HomeCase .item .info .en{text-transform: uppercase;}
/* .HomeCase .item:nth-child(1){width: 50%;} */
.HomeCase .item:nth-child(1) .imgbox:after{background: linear-gradient(148deg, rgba(0,0,0,0.5) 0%, rgba(0,154,252,0.5) 100%);}
.HomeCase .item:nth-child(2) .imgbox:after{background: linear-gradient(148deg, rgba(0,0,0,0.5) 0%, rgba(13,103,214,0.5) 100%);}
.HomeCase .item:nth-child(3) .imgbox:after{background: linear-gradient(148deg, rgba(0,0,0,0.5) 0%, rgba(20,192,183,0.5) 100%);}
.HomeCase .item:nth-child(4) .imgbox:after{background: linear-gradient(148deg, rgba(0,0,0,0.5) 0%, rgba(255,176,0,0.5) 100%);}
.HomeCase .item:nth-child(5) .imgbox:after{background: linear-gradient(148deg, rgba(0,0,0,0.5) 0%, rgba(121,180,0,0.5) 100%);}
.HomeCase .item:nth-child(6) .imgbox:after{background: linear-gradient(148deg, rgba(0,0,0,0.5) 0%, rgba(53,49,164,0.5) 100%);}
.HomeCase .item:nth-child(7) .imgbox:after{background: linear-gradient(148deg, rgba(0,0,0,0.5) 0%, rgba(16,182,177,0.5) 100%);}
.HomeCase .item:nth-child(8) .imgbox:after{background: linear-gradient(148deg, rgba(0,0,0,0.5) 0%, rgba(0,154,252,0.5) 100%);}
.HomeCase .item:hover .imgbox:after{opacity: 0.5;}

@media(max-width:767px){
	.HomeCase .item{width: 50%;}
	.HomeCase .item:nth-child(1){width: 100%;float: none;}
	.HomeCase .item .info{padding:0 0.2rem;}
	.HomeCase .item .info .ti{min-height: 80px;}
	.HomeCase .item .info .cn{font-size: 15px;}
	.HomeCase .item .info .en{font-size: 12px;}
}
/*首页 end*/