@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 .item:nth-child(1){z-index: 15;}
.HomeBan .info article{display: inline-block;}
.HomeBan .info article p{text-align: right;}
.HomeBan .info{left:50%;top:50%;z-index: 3;color:#fff;position: absolute;transform: translate(-50%,-50%);line-height: 1.6;font-size: 0.48rem;max-width: 16.88rem;width: 88%;font-size: 0.22rem;}
.HomeBan .info h2{font-size: 3.64vw;font-weight: normal;margin-bottom: 0.1rem;}
.HomeBan .info h2 img{height: 7.65vw;margin-right: 0.16rem;}
.HomeBan .info h2 span{margin-left: 3.125vw;}
.HomeBan .info p{letter-spacing: 0.1em;text-shadow: 2px 0 0 rgba(17,66,154,0.21);}
.HomeBan .imgbox{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.HomeBan .video{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.HomeBan .video video{position: absolute;left: 0;top: 0;width: 100%;height: 100%;object-fit: cover;}
.HomeBan .moreBtn:hover:hover i{transform: rotate(0deg) translate(-0.02rem,-0.05rem);}

.HomeBan .item:nth-child(1) .info{text-align: right;}
.HomeBan .item:nth-child(1).slick-current h2{animation:fadeInRight 0.5s .3s ease both;-webkit-animation:fadeInRight 0.5s .3s ease both;-moz-animation:fadeInRight 0.5s .3s ease both;}
.HomeBan .item:nth-child(1).slick-current p{animation:fadeInRight 0.5s .5s ease both;-webkit-animation:fadeInRight 0.5s .5s ease both;-moz-animation:fadeInRight 0.5s .5s ease both;}
.HomeBan .item:nth-child(5).slick-current h2,.HomeBan .item:nth-child(1).slick-current h2{text-shadow: 1px 0 27px rgba(13,45,84,0.9);}
.HomeBan .item.slick-current h2{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 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 .slick-prev{left: -100px;}
.HomeBan .slick-next{right: -100px;}
.HomeBan:hover .slick-prev{left: 1%;}
.HomeBan:hover .slick-next{right: 1%;}
.HomeBan .arrows_dots{position: absolute;right: 7%;bottom: 20%;z-index: 10;width: 44px;text-align: center;text-align: center;}
.HomeBan .arrows_dots .all{line-height: 0.54rem;color: #ffffff;opacity: 0.6;}
.HomeBan .slick-dots {position: static;height: auto;}
.HomeBan .slick-dots li {margin: 0;border-radius: 0;border: 0;display: block;background: transparent;display: none;border-bottom: 1px solid;border-color: #ffffff;width: auto;height: 0.54rem;}
.HomeBan .slick-dots li button{width: 44px;height: 0.54rem;background: transparent;border-radius: 0;border: 0;color: #004898;}
.HomeBan .slick-dots .slick-active{display: block;}
.HomeBan .slick-dots .slick-active button{font-size: 16px;background-color: transparent;}
.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.on2{height: calc(100vh - 1.6rem);top: 0.7rem;} */

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

.TitHead{position: relative;margin-bottom: 2.86vw;}
.TitHead h2{line-height: 1.23;font-size: 2.39vw;font-weight: normal;}
.TitHead p{color: #999999;}
.TitHead .moreBtn{position: absolute;right: 0;top: 0.26rem;}

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

.HomeAbout{background: #eef0f4 url(../images/home_aboutbg.jpg) no-repeat 0px top/cover;margin-top: 50vw;}
.HomeAbout .w1600{position: static;}
.HomeAbout .Info{width: 50.95%;float: left;position: relative;z-index: 10;padding: 0.31rem 0 0 0;}
.HomeAbout .NumList{margin: 4.47vw 0 5.2vw 0;}
.HomeAbout .NumList li{min-width: 1.41rem;}
.HomeAbout .NumList .num{color: #004898;line-height: 1.2;}
.HomeAbout .NumList .num b{font-size: 2.5vw;position: relative;margin-right: 0.06rem;}
.HomeAbout .NumList .num sup{font-size: 0.3rem;position: relative;top: -0.15rem;margin-right: -0.2rem;font-weight: bold;}
.HomeAbout .imgbox{width: 40.97%;float: right;overflow: visible;}
.HomeAbout .play{position: absolute;top: 50%;transform: translateY(-50%);width: 1.11rem;height: 1.11rem;background: #fff;border-radius: 50%;z-index: 2;left: -0.54rem;text-align: center;transition: all 0.5s;}
.HomeAbout .play em{position: absolute;top: 50%;left:50%;transform: translate(-50%,-50%);width: 0.52rem;height: 0.52rem;line-height:0.49rem;background: #004898;border-radius: 50%;z-index: 2;color: #fff;}
.HomeAbout .play em i{font-size: 0.25rem;}
.HomeAbout .play::before,
.HomeAbout .play::after {width: 50%;height: 50%;border: 1px solid rgba(0,72,152,0.8);position: absolute;left: 50%;top: 50%;content: '';border-radius: 50%;-webkit-animation: scaleAnimate 2s linear infinite;opacity: 0;margin: -25% 0 0 -25%;}
.HomeAbout .play::after {-webkit-animation-delay: .5s;}
.HomeAbout .play:hover{transform: translateY(-50%) scale(1.2);}

.HomeBusiness{padding: 0 !important;}
.HomeBusiness .item{flex: 1;position: relative;transition: all 0.5s;}
.HomeBusiness .imgbox{padding-top: 44.27vw;}
.HomeBusiness .imgbox:After{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.5);z-index: 1;transition: all 0.5s;}
.HomeBusiness .info{position: absolute;z-index: 10;right: 0;bottom:0;width:100%;padding: 10.41vw 3.125vw 4.16vw;background-image: linear-gradient(to bottom, rgba(0,0,0,0) , rgba(0,72,151,0.9));color: #fff;transition: all 0.5s;}
.HomeBusiness .icon img{width: 0.52rem;height: 0.52rem;}
.HomeBusiness .num{opacity: 0.1;line-height: 1;font-size: 0.8rem;margin-top: 0.4rem;}
.HomeBusiness h3{line-height: 0.76rem;font-size: 0.3rem;position: relative;font-weight: normal;}
.HomeBusiness h3:After{position: absolute;left: 0;bottom: 0;width: 1.8rem;height: 1px;content: "";background-image: linear-gradient(to left, rgba(0,0,0,0) , #fff);}
.HomeBusiness .desc{min-height: 0.9rem;margin-top: 0.2rem;display: none;}
.HomeBusiness .item.on{flex: 2.1;}
.HomeBusiness .item.on .imgbox:After,.HomeBusiness .item.slick-current .imgbox:After{opacity: 0;}
.HomeBusiness .item.on .info,.HomeBusiness .item.slick-current .info{padding: 2.6vw 5.05vw;background: rgba(0,72,151,0.9);width: 75%;border-radius: 10px 0 0 0;}
.HomeBusiness .item.on .num,.HomeBusiness .item.slick-current .num{position: absolute;font-size: 11.45vw;bottom: -0.08rem;right: 5.05vw}
.HomeBusiness .item.on .desc,.HomeBusiness .item.slick-current .desc{display: block;}
.HomeBusiness .item.slick-current{opacity: 1 !important;}

.HomePro{background: #f4f5f5 url(../images/home_probg.jpg) no-repeat 0px top/cover;}
.HomePro .TitHead{margin-bottom: 0.08rem;}
.HomePro .TabNav{width: 2.8rem;float: left;padding-top: 0.6rem;z-index: 10;}
.HomePro .TabNav .slick-list{overflow: visible;}
.HomePro .TabNav .item{line-height: 5.2vw;padding: 0 0 0 0.39rem;font-size: 0.22rem;cursor: pointer;position: relative;}
.HomePro .TabNav .item:after{position: absolute;left: 0;bottom: 0;width: 0;content: "";height: 100%;border-radius: 0 10px 10px 0;background: #004898;transition: all 0.5s;}
.HomePro .TabNav .item:before{position: absolute;right: 0;top: 50%;width: 25px;height: 13px;content: "";background: url(../images/moredot.png);z-index: 2;transition: all 1s 0.5s;opacity: 0;margin-top:-6px;}
.HomePro .TabNav .item a{display: block;position: relative;z-index: 2;}
.HomePro .TabNav .ico{width: 0.47rem;height: 0.47rem;margin-right: 0.32rem;}
.HomePro .TabNav .slick-current a,.HomePro .TabNav .item:hover a{color: #fff;}
.HomePro .TabNav .slick-current:after,.HomePro .TabNav .item:hover:after{width: 3.6rem;}
.HomePro .TabNav .slick-current:before,.HomePro .TabNav .item:hover:before{right: -0.42rem;opacity: 1;}
.HomePro .TabCon{width: calc(100% - 2.8rem);float: right;}
.HomePro .TabCon .item{flex: 1;position: relative;transition: all 0.5s;}
.HomePro .TabCon .imgbox{padding-top: 34.375vw;border-radius: 10px;}
.HomePro .TabCon .imgbox:After{content: "";position: absolute;left: 0;bottom: 0;width: 100%;height: 100%;background-image: linear-gradient(to bottom, rgba(0,0,0,0) , rgba(0,72,151,0.9));z-index: 1;transition: all 0.5s;}
.HomePro .TabCon .info{position: absolute;z-index: 10;right: 0;bottom:0;width:100%;padding: 4.53vw 15.2vw 4.53vw 5.2vw;color: #fff;transition: all 0.5s;border-radius: 0 0 10px 10px;}
.HomePro .TabCon h3{line-height: 0.76rem;font-size: 0.3rem;position: relative;font-weight: normal;}
.HomePro .TabCon h3:After{position: absolute;left: 0;bottom: 0;width: 1.8rem;height: 1px;content: "";background-image: linear-gradient(to left, rgba(0,0,0,0) , #fff);}
.HomePro .TabCon .desc{min-height: 0.9rem;margin-top: 0.2rem;}
.HomePro .TabCon .slick-current .imgbox{animation:fadeInscale 2s .3s ease both;-webkit-animation:fadeInscale 2s .3s ease both;-moz-animation:fadeInscale 2s .3s ease both;}
.HomePro .TabCon .slick-current h3{animation:fadeInUp 2s .3s ease both;-webkit-animation:fadeInUp 2s .3s ease both;-moz-animation:fadeInUp 2s .3s ease both;}
.HomePro .TabCon .slick-current .desc{animation:fadeInUp 2s .5s ease both;-webkit-animation:fadeInUp 2s .5s ease both;-moz-animation:fadeInUp 2s .5s ease both;}
.HomePro .TabCon .slick-arrow{top: auto;transform: translateY(0);bottom: 0.36rem;}
.HomePro .TabCon .slick-prev{left: auto;right: 1.24rem;}
.HomePro .TabCon .slick-next{right: 0.37rem;}

.HomeNews .news{padding-top: 2px;}
.HomeNews .news .rec{width: 48.4%;margin-right: 4.1%;overflow: hidden;}
.HomeNews .news .rec .slick-arrow{top: 35%;}
.HomeNews .news .rec .slick-prev{left: -100px;}
.HomeNews .news .rec .slick-next{right: -100px;}
.HomeNews .news .rec:hover .slick-prev{left: 5%;}
.HomeNews .news .rec:hover .slick-next{right: 5%;}
.HomeNews .news .rec .slick-dots{bottom: 14px;}
.HomeNews .news .rec .slick-dots li button{background: #ccc;}
.HomeNews .news .rec .slick-dots li.slick-active button{background: #004898;}

.HomeNews .news .imgbox{padding-top: 49.13%;border-radius: 10px 10px 0 0;}
.HomeNews .news .info{border-radius: 0 0 10px 10px;background: #f4f5f6;min-height: 1.7rem;padding: 0.34rem 0.45rem;}
.HomeNews .news .info .desc{margin-top: 0.15rem;color: #666666;}
.HomeNews .news ul{flex: 1;}
.HomeNews .news .item{height: 0.85rem;line-height: 0.84rem;padding-right: 100px;position: relative;border-bottom: 1px solid #e3e3e3;}
.HomeNews .news .item .date{position: absolute;right: 0;top: 0;color: #999999;}
.HomeNews .ztSlider{margin: 0.87rem 0 -0.15rem; clear: both;}
.HomeNews .item {padding: 0 0.15rem;}
.HomeNews .item .imgbox{border-radius: 10px;padding-top: 13.333vw;}

@media(max-width:1024px){
	.HomeAbout{margin-top: 55.5vw;}

	.TitHead{margin-bottom: 0.3rem;}
	.TitHead h2{font-size: 0.3rem;}

	.HomePro .TitHead{margin-bottom: 0.35rem;}
	.HomePro .TabNav{width: auto;float: none;padding: 0;margin-bottom: 0.25rem;}
	.HomePro .TabNav .slick-current:after, .HomePro .TabNav .item:hover:after{width: 100%;border-radius: 10px;}
	.HomePro .TabNav .slick-list{padding-right: 10%;}
	.HomePro .TabNav .slick-current:before, .HomePro .TabNav .item:hover:before{display: none;}
	
	.HomePro .TabNav .item{padding: 0.15rem;text-align: center;}
	.HomePro .TabNav .ico{display: block;margin: 0px auto;}
	.HomePro .TabCon{width: auto;float: none;}
	.HomePro .TabCon .slick-prev{right: 90px;}
	.HomePro .TabCon .slick-next{right: 36px;}
	.HomePro .TabCon .imgbox{padding-top: 70%;}

	.HomeNews .news .rec{width: 100%;padding: 0 0 0.45rem;margin-right: 0;}
    .HomeNews .news .rec .slick-dots{bottom: 0.08rem;}
}
@media(max-width:768px){
	.HomeAbout .Info{width: auto;float: none;}
	.HomeAbout .imgbox{width: auto;float: none;}
	.HomeAbout .play{left: 50%;transform: translateX(-50%);}

	.HomeBusiness .slick-list{padding: 0 10%;}
	.HomeBusiness .imgbox{padding-top: 85%;}
	.HomeBusiness .slick-current .info{width: 100% !important;}
	.HomeBusiness .item{opacity: 0.2;}
}
@media(max-width:640px){
	.page{padding: 0.65rem 0;}
	.TitHead h2{font-size: 20px;}

	.HomeAbout .NumList .num b{font-size: 26px;}
	.HomeAbout .NumList li{width: 50%;margin-bottom: 0.2rem;}

	.HomePro .TabNav .ico{width: 30px;height: 30px;margin-bottom: 8px;}
	.HomePro .TabNav .item{font-size: 15px;}
	.HomePro .TabCon h3,.HomeBusiness h3{font-size: 18px;}
	.HomePro .TabCon .info{padding: 0.35rem;}
	.HomePro .TabCon .slick-arrow{bottom: auto;top: 50%;transform: translateY(-0%);}
	.HomePro .TabCon .slick-prev{right: auto;left: -15px;}
	.HomePro .TabCon .slick-next{right: -15px;}

	.HomeNews .news .item .date{font-size: 13px;}
	.HomeNews .news .item .f20{font-size: 15px;}

	.HomeNews .item .imgbox{padding-top: 2rem;}

	.HomeNews .ztSlider .slick-list{padding: 0 10%;margin: 0 -10%;}
}

/* 首页 */