.imgbox{ overflow:hidden; position:relative;}
.imgbox span{ background-position:center center; background-repeat:no-repeat; background-size:cover; position:absolute; left:0px; top:0px; width:100%; height:100%;display: flex;align-items: center;justify-content: center;}
.imgbox img{ width:100%; height:100%;object-fit: cover;}
.imgbox.auto img{ width:auto; height:auto;object-fit: contain;max-width: 100%;max-height: 100%;}



/* home sec1 */
.downarr{ -webkit-animation: rightan 1s infinite;-webkit-animation-fill-mode: both;color:#fff;z-index:999;cursor: pointer;margin: 0px auto;width: 20px;height: 31px;position: absolute;left: 50%;transform: translateX(-50%);bottom: 0.4rem;}
.downarr span{display: block;height: 31px;position: relative;width: 20px;border-radius: 10px;border:2px solid #fff;}
.downarr span:After{position: absolute;left: 50%;top: 6px;width: 2px;content: "";background:#fff;height: 4px;margin-left: -0.05px;}
.downarr .sp1{animation-name: down_move1; animation-duration: 3000ms;/*默认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: 3000ms;/*默认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:3000ms; /*默认2000ms*/animation-timing-function: linear; animation-iteration-count: infinite; animation-play-state: running; animation-delay: 800ms;font-size: 16px;position: relative;margin-top: -100px;color: #00479d;}
@keyframes down_move1
{
0% { top:-0.35rem; /*默认-0.25rem*/opacity:1;}
50% { top:0; opacity:1;}
75% { top:0.15rem; opacity:1;}/*自增加的*/
100% { top:0.2rem; opacity:0;}
}
@-webkit-keyframes down_move1
{
0% { top:0; opacity:0;}
50% { top:0.7rem; opacity:1;}
75% { top:1rem; 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;height: 100vh;width: 100%;transition: all 0.5s;left: 0;top: 0;}
.HomeBan:before {background-image: linear-gradient(to bottom, rgba(0,0,0,0) , rgba(0,0,0,0.6));content: "";height: 20%;left: 0;top: 0;z-index: 10;width: 100%;}
.HomeBan .item:nth-child(1){z-index: 15;}
.HomeBan .item{position:relative;height: 100vh; transition: all 0.3s;z-index: 10;opacity: 0;}

@media(max-width:768px){.HomeBan, .HomeBan .item{height:5.1rem; }

.downarr{width: 15px;height: 23px;}
.downarr span{height: 23px;width: 15px;border:2px solid #fff;}
.downarr span:After{width: 2px;}

}


.HomeBan .info{position: absolute;z-index: 10;left: 50%;top:50%;transform: translate(-50%,-50%);color: #fff;z-index: 100;text-align: center;}
.HomeBan .info img{height: 2.2rem;}

.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 .video img{width: 100%;display: none;}

.HomeBan .imgbox{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.HomeBan .imgbox:after{position: absolute;left: 0;top: 0;width: 100%;height: 100%;content: "";transition: all 0.5s;}	
.HomeBan .wap{display: none;}	
.HomeBan .slick-current{opacity: 1;}
.HomeBan .slick-current .imgbox{animation:fadeInscale 8s .4s ease both;-webkit-animation:fadeInscale 8s .4s ease both;-moz-animation:fadeInscale 8s .4s ease both;}
.HomeBan .slick-current .imgbox span{display:contents;}
.HomeBan .slick-current .info img {animation:fadeInUpSmall 0.5s 0.5s ease both;-webkit-animation:fadeInUpSmall 0.5s 0.5s ease both;-moz-animation:fadeInUpSmall 0.5s 0.5s ease both;}

.HomeBan .slick-prev{left: -1rem;}
.HomeBan .slick-next{right: -1rem;}
.HomeBan:hover .slick-prev{left: 1rem;}
.HomeBan:hover .slick-next{right: 1rem;}

.HomeBan .slick-dots {text-align: left;padding-left: 8.333vw;bottom: 0.4rem;}
.HomeBan .slick-dots li button{background-color: rgba(255,255,255,0.8);}

@media(max-width:1024px){
	.HomeBan .pc{display: none;}
	.HomeBan .wap{display: block;}
	.HomeBan .info img{height: 1.5rem;}	

}


.MainBox{position: relative;z-index: 1;}
.HomeNotice{margin-top: 100vh;background-color: #f8f9fb;padding: 0.43rem 0 0rem;overflow: hidden;}/*高度*/



@media(max-width:768px){
.HomeNotice{margin-top: 5.05rem; }
.HomeBan .info img{height: 1rem;}
}

/*banner切换*/
.slick-slider {
 position: relative;
 display: block;
-webkit-touch-callout: none;
-ms-touch-action: pan-y;
 touch-action: pan-y;
box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}
.slick-list {
 position: relative;
 z-index: 1;
 display: block;
 overflow: hidden;
 margin: 0;
 padding: 0;
}
.slick-slide:focus,.slick-list:focus {
 outline: none
}
.slick-list.dragging {
 cursor: pointer;
 cursor: hand;
}
.slick-slider .slick-track, 
.slick-slider .slick-list {
 -webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
 transform: translate3d(0, 0, 0)
}
.slick-track {
 position: relative;
 top: 0;
 left: 0;
 display: block;
}
.slick-track:before, 
.slick-track:after {
 display: table;
 content: '';
}
.slick-track:after {
 clear: both;
}
.slick-loading .slick-track {
 visibility: hidden;
}
.slick-slide {
 display: none;
 float: left;
 height: 100%;
 min-height: 1px;
}
[dir = 'rtl'] .slick-slide {
 float: right;
}
.slick-slide .slick-loading img {
 display: none;
}
.slick-slide .dragging img {
 pointer-events: none;
}
.slick-initialized .slick-slide {
 display: block;
}
.slick-loading .slick-slide {
 visibility: hidden;
}
.slick-vertical .slick-slide {
 display: block;
 height: auto;
 border: 0px solid transparent;
}
.slick-arrow .slick-hidden {
 display: none;
}

.slick-arrow{z-index:100;position: absolute; top:50%; transform: translate(0,-50%); width:0.51rem; height:0.51rem;cursor: pointer; padding: 0;transition: all ease 0.3s;border-radius: 50%;background-color: rgba(255,255,255,0.4);color: #fff;display: flex;align-items: center;justify-content: center;}
.slick-arrow:after{content: "";left: 0;top: 0;width: 100%;height: 100%;background-size:6px 12px;position: absolute;background-position: center center;background-repeat: no-repeat;}
.slick-arrow i{display: none;}
.slick-arrow:hover{background-color: #00a452 !important;}
.slick-disabled,.slick-disabled:hover,.slick-disabled:hover:after{opacity: 0.5;cursor: auto;}
.slick-prev{left: 8px;}
.slick-prev:after{background-image: url(/img/arr_l_red.svg);}
.slick-prev:hover:after{background-image: url(/img/arr_l_white.svg);}
.slick-next{right: 8px;}
.slick-next:after{background-image: url(/img/arr_r_red.svg);}
.slick-next:hover:after{background-image: url(/img/arr_r_white.svg);}

.cusArr .slick-arrow{box-shadow: 0 0 30px rgba(0,41,76,0.1);background-color: #fff;}

.slick-dots{font-size: 0;text-align: center;position: absolute;left: 0;bottom: 0;width: 100%;z-index: 10;}
.slick-dots li {position: relative;display: inline-block;vertical-align: middle;width: 0.2rem;height: 0.2rem;cursor: pointer;margin-right: 0.05rem;transition: all 0.5s;}
.slick-dots li:last-child{margin-right: 0;}
.slick-dots li button{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%) rotate(45deg);width: 0.05rem;height: 0.05rem;border-radius: 2px;background-color: #c6c7c9;font-size: 0;padding: 0;}
.slick-dots li:after{width: 100%;height: 100%;left: 0;top: 0;position: absolute;content: "";border-radius: 6px;border: 1px solid #00a452;transform: rotate(0);opacity: 0;transition: all 0.5s;}
.slick-dots .slick-active:after{transform:rotate(45deg) scale(1);opacity: 1;}
.slick-dots .slick-active button{background-color: #00a452;}

@media ( max-width:1024px){
.slick-arrow{width: 30px !important;height: 30px !important;}
.slick-prev{ left:0;}
.slick-next{ right:0;}

}