@charset "utf-8";

/*第一屏 s*/
.downarr{ -webkit-animation: rightan 1s infinite;-webkit-animation-fill-mode: both;color:#fff;width:32px; position:absolute; bottom:0.48rem; left:6%;z-index:999; text-align:center;cursor: pointer;overflow: hidden;line-height: 18px;font-size: 14px;}
.downarr span{display: block;height: 32px;position: relative;width: 19px;margin:0px auto;border-radius: 10px;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: -100px;}
@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: fixed; z-index: 1; overflow:hidden;background:url(../img/loading.gif) center center no-repeat;height: calc(100vh - 1.1rem);left: 0;top: 1.1rem;width: 100%;transition: all 0.3s;}
.HomeBan .item{ position:relative;height: calc(100vh - 1.1rem);transition: all 0.3s;}
.HomeBan .item:after{width: 0;height: 5px;background-image: linear-gradient(to left, #e50010 , rgba(229,0,16,0));content: "";position: absolute;bottom: 0;transition: all 0.3s;left: 0;z-index: 10;}
.HomeBan .w1440{left:50%;top:26%;z-index: 3;color:#fff;position: absolute;color:#18489b;transform: translate(-50%,-50%);}
.HomeBan .w1440 .subdesc{padding-left: 1.25rem;}
.HomeBan .w1440 img{transition: all 0.3s;height: 1.92rem;}
.HomeBan .w1440 img:hover{transform: scale(1.05);}
.HomeBan .imgbox{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.HomeBan .slick-arrow{border:0;background-color: transparent !important;background-size: contain;}
.HomeBan .slick-arrow i,.HomeBan .slick-arrow:after{display: none;}
.HomeBan .slick-prev{left: -100px;background-image: url(../img/ico/arrleft.svg) !important;}
.HomeBan .slick-next{right: -100px;background-image: url(../img/ico/arrright.svg) !important;}
.HomeBan .item:nth-child(1) .w1440{top: 55%;}
.HomeBan .item:nth-child(1) .w1440 .subdesc{padding: 0;}
.HomeBan .item:nth-child(1) .w1440 img{height: 2.89rem;}
.HomeBan:hover .slick-prev{left: 2%;border: 0;}
.HomeBan:hover .slick-next{right: 2%;border: 0;}
.HomeBan .item.slick-current .imgbox{-webkit-animation:scale-bg 6s ease-in-out 0s 1 alternate forwards;animation:scale-bg 6s ease-in-out 0s 1 alternate forwards;}

.HomeBan .slick-dots{text-align: center;bottom: 0.45rem;}
/*.HomeBan .slick-dots li{width: 15px !important;height: 25px !important;margin: 0 0.18rem !important;}
.HomeBan .slick-dots li button{width: 15px;height: 25px;background: url(../images/xue1.png);}
.HomeBan .slick-dots li:before{background: url(../images/xue2.png);}
.HomeBan .slick-dots li.slick-active button{background: url(../images/xue1.png);}
.HomeBan .slick-dots li.slick-active:before{animation-name: width100; animation-duration: 6500ms; animation-timing-function: linear; animation-iteration-count: infinite; animation-play-state: running; animation-delay: 0ms}
.HomeBan .slick-dots .slick-current:after{animation-name: width100; animation-duration: 6000ms; animation-timing-function: linear; animation-iteration-count: infinite; animation-play-state: running; animation-delay: 0ms}
*/
.HomeBan.on{height: calc(100vh - 80px);top: 80px;}
.HomeBan.on .item{height: calc(100vh - 80px);}

@media(max-width:1024px){
	.HomeBan,.HomeBan .item{height: auto !important;top: auto !important;}
	.HomeBan .item{padding-top: 50vw;}
	.HomeBan .slick-arrow{display: none !important;}
	.downarr{display: none;}
}
@media(max-width:768px){
	.HomeBan .item:nth-child(1) .w1440 img{height: 1.8rem;}
	.HomeBan .w1440 img{height: 0.8rem;}
}

.HomeTit{padding: 0 0 0.36rem 0.68rem;position: relative;}
.HomeTit:before{position: absolute;left: 0;top: 0;width: 0.55rem;height: 1rem;background:url(../img/logo.png)center center no-repeat;background-size: contain;content: "";}
.HomeTit h2{line-height: 0.65rem;font-size: 0.45rem;font-weight: normal;}
.HomeTit .en{line-height: 0.32rem;padding-bottom: 0.03rem;text-transform: uppercase;color: #999999;font-weight: lighter;font-size: 0.24rem;}
.HomeTit .more{position: absolute;right: 0;top: 0.23rem;}

.slide-top {
	-webkit-animation: slide-top .9s cubic-bezier(.25,.46,.45,.94) both;
	-moz-animation: slide-top .9s cubic-bezier(.25,.46,.45,.94) both;
	animation: slide-top .9s cubic-bezier(.25,.46,.45,.94) both
}
@-webkit-keyframes slide-top {
	0% {
					-webkit-transform: translateY(0);
					transform: translateY(0)
	}
	to {
					-webkit-transform: translateY(10px);
					transform: translateY(10px)
	}
}
@-moz-keyframes slide-top {
	0% {
					-moz-transform: translateY(0);
					transform: translateY(0)
	}
	to {
					-moz-transform: translateY(10px);
					transform: translateY(10px)
	}
}
@keyframes slide-top {
	0% {
					-webkit-transform: translateY(0);
					-moz-transform: translateY(0);
					transform: translateY(0)
	}
	to {
					-webkit-transform: translateY(10px);
					-moz-transform: translateY(10px);
					transform: translateY(10px)
	}
}
.slide-top-bg {
	-webkit-animation: slide-top-bg .9s cubic-bezier(.25,.46,.45,.94) both;
	-moz-animation: slide-top-bg .9s cubic-bezier(.25,.46,.45,.94) both;
	animation: slide-top-bg .9s cubic-bezier(.25,.46,.45,.94) both
}
@-webkit-keyframes slide-top-bg {
	0% {
					-webkit-transform: translateY(0);
					transform: translateY(0)
	}
	to {
					-webkit-transform: translateY(-150px);
					transform: translateY(-150px)
	}
}
@-moz-keyframes slide-top-bg {
	0% {
					-moz-transform: translateY(0);
					transform: translateY(0)
	}
	to {
					-moz-transform: translateY(-150px);
					transform: translateY(-150px)
	}
}
@keyframes slide-top-bg {
	0% {
					-webkit-transform: translateY(0);
					-moz-transform: translateY(0);
					transform: translateY(0)
	}
	to {
					-webkit-transform: translateY(-150px);
					-moz-transform: translateY(-150px);
					transform: translateY(-150px)
	}
}
.MainBox{position: relative;z-index: 1;background: #fff;}
.page{padding: 1.25rem 0 0 0;position: relative;z-index: 2;}
.HomeAbout{background: #fff;margin-top: 50.05vw;}
.HomeAbout .Info{width: 40.138%;float: left;}
.HomeAbout .imgbox{width: 52.15%;float: right;margin-top: 0.11rem;}
.HomeAbout .numlist{margin: 0.55rem 0 0 0;}
.HomeAbout .numlist li{height: 1.87rem;}
.HomeAbout .numlist .num{height: 0.58rem;}
.HomeAbout .numlist .num span{color: #e50010;font-size: 0.5rem;margin-right: 4px;}
.HomeAbout .numlist p{line-height: 24px;}

.HomeAbout .btn li{width: 46%;position: relative;}
.HomeAbout .btn a{display: block;line-height: 0.69rem;border-radius: 3px;border: 1px solid #a1a1a1;text-align: center;position: relative;padding-right: 0.3rem;z-index: 1;}
.HomeAbout .btn a i{position: absolute;right: 0.22rem;top: 0;transition: all 0.3s;}
.HomeAbout .btn .ico{width: 26px;height: 26px;display: inline-block;vertical-align: middle;margin-right: 7px;}
.HomeAbout .btn li:after{background: #112F88;width: 0;left: 0;bottom: 0;height: 100%;transition: all 0.3s;content: "";position: absolute;}
.HomeAbout .btn li:hover:after{ width:100%;}
.HomeAbout .btn a:hover{border: 1px solid #e50010;color:#fff;}
.HomeAbout .btn a:hover i{right: 0.15rem;}

.HomePro .bg{height: 3.18rem;width: 100%;right: 0;bottom: 0;position: absolute;z-index: -1;background: url(../images/xx.gif);}
.HomePro .w1440{position: static;}
.HomePro .BigImg{width: 48.43%;position: absolute;left: 0;top: 2.52rem;}
.HomePro .BigImg .slick-dots{bottom: 0.25rem;}

.HomePro .Content{width: 38%;float: right;margin-right: 12%;}
.HomePro .TabNav {margin-bottom: 0.17rem;}
.HomePro .TabNav .item{text-align: center;cursor: pointer;flex: 1;position: relative;}
.HomePro .TabNav .item:not(:last-child):after{width: 1px;height: 0.76rem;background: #dcdcdc;right: 0;top: 50%;transform: translateY(-50%);content: "";position: absolute;}
.HomePro .TabNav .item .ico{width: 2.86vw;height: 2.44vw;}
.HomePro .TabNav .item p{line-height: 0.33rem;display: inline-block;padding: 0 1px;position: relative;}
.HomePro .TabNav .item p:After{position: absolute;left: 50%;bottom: 0;background: #e50010;width: 0;height: 2px;content: "";transition: all 0.3s;}
.HomePro .TabNav .item:hover,.HomePro .TabNav .item.on{color: #e70722;}
.HomePro .TabNav .item:hover p:after,.HomePro .TabNav .item.on p:after{width: 100%;left: 0;}
.HomePro .TabTit{text-align: center;line-height: 3.3;font-size: 2.08vw;font-weight: normal;}

.HomePro .slickNav .item .img{border-radius: 50%;background: #fff;border: 1px solid #bfbfbf;width: 5.26vw;padding-top: 5.26vw;position: relative;transition: all 0.3s;}
.HomePro .slickNav .item .img:after{width: 5.88vw;height: 5.88vw;left: -6px;top: -6px;content: "";position: absolute;z-index: -1;background: #f5f5f5;border-radius: 50%;}
.HomePro .slickNav .item .img img{position: absolute;left: 5%;top: 5%;width: 90%;height: 90%;object-fit: contain;border-radius: 50%;}
.HomePro .slickNav .item a{transition: all 0.3s;display: block;}
.HomePro .slickNav .item:hover .img,.HomePro .slickNav .slick-current .img{border: 1px solid #e9172c;}
.HomePro .slickNav .item:hover .img:After,.HomePro .slickNav .slick-current .img:After{background: #fff3f4;}
.HomePro .slickNav .item:hover a,.HomePro .slickNav .slick-current a{transform: scale(1.2);}

.HomePro .slickFor{border: 0.1rem solid #f7f7f7;border-radius: 50%;margin-left: 1.92vw;width: 29.1vw;height: 29.1vw;overflow: hidden;transition: all 0.3s;}
.HomePro .slickFor:hover{border: 0.1rem solid #e9172c33;}
.HomePro .slickFor .imgbox{width: 18.22vw;padding-top: 18.22vw;margin: 0px auto 0.04vw;}
.HomePro .slickFor .item{padding-top: 3.3vw;text-align: center;}
.HomePro .slickFor .tit{line-height: 1.5;font-size: 1.25vw;font-weight: normal;}
.HomePro .slickFor p{color: #333;max-width: 2.5rem;margin: 0px auto;}
.HomePro .slickFor .slick-arrow{border: 0;width: 30px;height: 30px;}
.HomePro .slickFor .slick-prev{left: 15px;}
.HomePro .slickFor .slick-next{right: 15px;}

.HomePro .tip{min-height: 5.31vw;color: #999999;max-width: 29.1vw;margin-left: 1.92vw;}

.HomeNews{padding-bottom: 1.2rem;z-index: 3;}
.HomeNews .item a{position: relative;display: block;}
.HomeNews .imgbox{padding-top: 66.66%;}
.HomeNews .ti{font-size: 0.2rem;height: 0.6rem;margin: 0.25rem 0 0.21rem;font-weight: normal;}
.HomeNews .desc{color: #999999;margin-bottom: 0.25rem;}
.HomeNews .date{color: #fff;padding: 0.14rem 0.2rem 0.14rem;/* background: #e80c22; */line-height: 20px;position: absolute;left: 0;top: 0;z-index: 2;}
.HomeNews .date span{display: block;font-size: 0.24rem;line-height: 0.3rem;}
.HomeNews .slick-dots li button{background: #ddd;}

@media(min-width:1025px){
	.HomePro .slickNav{background: url(../img/lineqq.png) right center no-repeat;position: absolute;right: 12%;top: 25vw;width: 5.88vw;}
	.HomePro .slickNav .slick-list,.HomePro .slickNav .slick-track{overflow: visible;height: auto !important;transform: translate3d(0,0,0) !important;}
	.HomePro .slickNav .slick-track{height: 5.6rem !important;display: flex;flex-direction: column;justify-content: space-around;}
	.HomePro .slickNav .item{cursor: pointer;position: relative;width: auto !important;float: none;}
	.HomePro .slickNav .item:nth-child(2){left: 2.91vw;}

	.HomeNews .list{margin-left: -6.25%;}
 .HomeNews .item{padding-left: 6.25%;width: 33.333%;float: left;}
}
@media(max-width:1024px){
	.page{padding-top: 0.65rem;}
	.HomeAbout .numlist li{height: auto;padding-bottom: 0.25rem;}
	.HomeAbout .Info{width: auto;float: none;padding-bottom: 0.35rem;}
	.HomeAbout .imgbox{width: auto;float: none;}

	.HomePro .BigImg{display: none;}
	.HomePro .Content{width: auto;margin: 0px auto;float: none;}
	.HomePro .TabTit{font-size: 5vw;}
	.HomePro .TabNav .item .ico{width: 0.55rem;height: 0.47rem;}
	.HomePro .slickNav .item {padding: 2vw 0;}
	.HomePro .slickNav .item .img{margin: 0px auto;}
	.HomePro .slickFor{margin: 0px auto;width: 80vw;height: 80vw;}
	.HomePro .slickFor .item{padding-top: 10vw;}
	.HomePro .slickFor .imgbox{width: 60%;padding-top: 60%;}
	.HomePro .slickFor .tit{font-size: 3vw;}
	.HomePro .slickNav .item .img{width: 12vw;padding-top: 12vw;}
	.HomePro .slickNav .item .img:after{width: 13vw;height: 13vw;}
	.HomePro .tip{max-width: none;min-height: auto;padding: 0.2rem 0;}

	.HomeNews{padding-bottom: 0.65rem;}
}
@media(max-width:640px){
	.HomeTit h2{font-size: 20px;}
	.HomeTit .en{font-size: 15px;}
	.HomeAbout .btn li{width: 100%;margin-top: 10px;}
	.HomeAbout .numlist li{width: 50%;}
	.HomePro .slickFor .tit{font-size: 16px;}
	.HomeNews .ti{height: 50px;line-height: 25px;font-size: 15px;margin-bottom: 8px;}
}