html{background: #A01C1A;}

.linsvg{ position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);z-index: 1;height: 65.27vh;display: flex; align-items: center; justify-content: center;}
.linsvg .linsvgBg{ height: 100%;position: relative;z-index: -1;height: 61.54vh; max-width: unset; width: auto;}
.linsvg svg{ position: absolute; height: 100%; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: -1;}
.linsvg svg path{ width: 100%;}
.linsvg .cls-loop{ fill:none; stroke: #cc353a; stroke-width:.3rem;}
.st0{fill:none;stroke:#FFFFFF;stroke-width:3;stroke-miterlimit: 1;}


.header .logo{display: none;}

.header_rt{width: 100%;padding-left: 110px;}
/* .nav{margin: 0 154px;}
.nav ul {max-width: 1440px;margin: 0 auto;}
.nav ul .liBg{ content: '';display: block;width: 240px; height: 50px; transition: all 0.35s ease;background: url(../images/nav-hover.png) no-repeat center right/240px auto;position: absolute; left: -30px; top: 60px; transform: translateY(-12px); z-index: -2;}
.nav ul li:hover > a,.nav ul li.on > a{background: transparent;color: #fecb9b;} */
.nav ul li:hover .sub_nav,.nav ul li > a::before{display: block;}

.index_logo{position: absolute;right: 20rem;bottom: 5rem;z-index: 100;width: 25.7rem;margin: 0;}
.index_logo .count{top: 1.2rem;}

.wrapbanner{overflow: hidden;position: relative;height: 100vh;box-sizing: border-box;}

.banner{}
.banner a{display:block;position:relative}
.banner a::before{content: '';display: block;background: -webkit-linear-gradient(top, rgba(0,0,0,0) , rgba(0,0,0,1));background: -o-linear-gradient(bottom, rgba(0,0,0,0) , rgba(0,0,0,1));background: -moz-linear-gradient(bottom, rgba(0,0,0,0) , rgba(0,0,0,1));background: linear-gradient(to bottom, rgba(0,0,0,0) , rgba(0,0,0,1));opacity: .6;height: 280px;position: absolute;left: 0;right: 0;bottom: 0;z-index: 2;}
.banner .gp-img{padding-bottom: 100vh;}
.banner .gp-img video,.banner .gp-img img{width:100%;height: 100%;position: absolute;left: 0;top: 0;object-fit: cover;}
.banner .gp-img video{width:100%;height: auto;position: absolute;left: 0;top: 50%;transform: translateY(-50%);}
.banner .swiper-slide-active .gp-img{animation:scaleBig 10s linear 0s 1 both;transform-style:preserve-3d}
@-webkit-keyframes scaleBig{
	0%{transform:scale(1)}
	100%{transform:scale(1.2)}
}
@keyframes scaleBig{
	0%{transform:scale(1)}
	100%{transform:scale(1.2)}
}

.banner a::before{ content: '';display: block;width: 100%; height: 33vh;background: url(../images/banner-before.png) repeat-x center top/auto 100%;position: absolute; left: 0;top: 0;z-index: 1;}
.banner a::after{ content: '';display: block;width: 100%; height: 33vh;background: url(../images/banner-after.png) repeat-x center top/auto 100%;position: absolute; left: 0;bottom: 0;z-index: 1;}
.banner a.nocover::before,.banner a.nocover::after{display: none;}

/* 
.wrapbanner .swiper_menu{font-size: 0;position: absolute;z-index: 10;right: 0;bottom: 13px;left: 0;text-align: center;line-height: 50px;}
.wrapbanner .swiper_menu .more{vertical-align: top;display: inline-block;color: rgba(255, 255, 255, .66);position: relative;padding: 0 26px 0px 53px;transition: all ease-in-out .3s;-ms-transition: all ease-in-out .3s;-moz-transition: all ease-in-out .3s;-webkit-transition: all ease-in-out .3s;-o-transition: all ease-in-out .3s;}
.wrapbanner .swiper_menu .more::before{content: '';display: block;height: 25px;width: 1px;background: rgba(255, 255, 255, .35);position: absolute;left: 10px;top: 50%;transform: translateY(-50%);}
.wrapbanner .swiper_menu .more i{display: inline-block;vertical-align: middle;margin: 0 0 0 10px;}
.wrapbanner .swiper_menu .more:hover{color: #fff;}
.wrapbanner .arrow{width: 36px;height: 36px;font-size: 33px;color: #fff;text-align: center;line-height: 36px;background: center/100% auto no-repeat;display: inline-block;vertical-align: middle;cursor: pointer;transition: all ease-in-out .3s;-ms-transition: all ease-in-out .3s;-moz-transition: all ease-in-out .3s;-webkit-transition: all ease-in-out .3s;-o-transition: all ease-in-out .3s;position: relative;}
.wrapbanner .prev{left: 0;}
.wrapbanner .next{right: 0;}
.wrapbanner .swiper-pagination{display: inline-block;position: relative;vertical-align: top;margin: 0 12px;}
.wrapbanner .swiper-pagination .swiper-pagination-bullet{width: auto;height: auto;background: transparent;opacity: 1;margin: 0 15px;font-size: 40px;font-family: 'banner';color: #fff;vertical-align: middle;}
.wrapbanner .swiper-pagination .swiper-pagination-bullet i{font-size: 28px;padding: 0 0 12px;display: inline-block;}
.wrapbanner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{opacity: 1;color: #f8b551;} */


.wrapbanner .arrow{ position: absolute; top: 50%; transform: translateY(-50%);width: 9.8rem; height: 19.5rem; z-index: 3;opacity: 0;cursor: pointer;-webkit-transition: all .5s;-o-transition: all .5s;transition: all .5s;}
.wrapbanner .arrow::before{content: '';display: block;position: absolute;left: 0;top: 0;width: 19.5rem;height: 19.5rem;background: url(../images/arrow_bg.png) no-repeat center/cover;animation: keepRotate 15s linear infinite reverse;}
.wrapbanner .prev{background: url(../images/prev.png) no-repeat 2rem center/2.3rem;left: -10rem;}
.wrapbanner .next{background: url(../images/next.png) no-repeat 5rem center/2.4rem;right: -10rem;}
.wrapbanner .prev::before{left: -9.7rem;animation-direction: normal;}
@keyframes keepRotate {
  0% { transform: rotate(0); }
  100% { transform: rotate(360deg); }
}

.wrapbanner:hover .prev{left: 0;opacity: 1;}
.wrapbanner:hover .next{right: 0;opacity: 1;}



.nextParticle{ position: fixed; top: 50%; left: 50%; transform: translate3d(-50%,-50%,0);z-index: 1;width: 56.9rem;}
.nextParticle .shield{ width: 100%;height: 100%;position: absolute;top: 50%;left: 50%;transform: translate3d(-50%,-50%,0);z-index: 3;}
.nextParticle .shield .date{ text-align: center; font-size: 0;position: absolute; bottom: 100px; left: 0rem;width: 100%;}
.nextParticle .shield .date img{max-width: 48%;}
.cls-loop{ stroke:#A01C1A; fill:none;}
.nextParticle img{ position: relative;z-index: 2;}
.nextParticle .svg{ position: absolute; top: 50%;left: 50%;transform: translate3d(-50%,-50%,0); width: 0;height: 0; z-index: 2; border-radius: 100%;background: url(../images/120-green.png) no-repeat center; pointer-events: none; max-width: 56.9rem;width: 100%;}
#mysvg2{ stroke-dasharray: 5; stroke-dashoffset:300; transition: all 2s;}
.nextParticle .shield:hover #mysvg2{ stroke-dashoffset: 0;}

.nextParticle.hide{opacity: 0;}

@media screen and (min-width:996px){

}
@media screen and (max-width:1640px){


}
@media screen and (max-width:1280px){
	.index_logo{right: 15rem;}
	.nav ul .liBg{margin-left: 1.6rem;}

}
@media screen and (max-width: 996px){
	.wrapbanner{position: fixed;left: 70px;top: 0;right: 0;}

	.shu .wrapbanner{height: 100vw;}
	.shu .banner .gp-img{padding-bottom: 100vw;}

	/* .index_logo{right: auto;top: 0;left: 20px;bottom: auto;display: none;} */

	.linsvg{height: 30vw;}
	.linsvg .linsvgBg{height: 30vw;}

	/* .header .gp-container{margin-right: 0 !important;}
	.top_links{padding-top: 0;}
	.top_links .btn{width: 70px;height: 70px;line-height: 70px;text-align: center;background: #f8efd0;margin: 0 0;}
	.top_links .ser_btn{display: none;}
	.top_links .btn::before{display: none;}
	.hamburger__container{left: 50%;transform: translateX(-50%);}
	.hamburger__bar:before{background: #995f30;} */


}
@media screen and (max-width:767px){
	.index_logo{width: 180px;}


}
@media screen and (max-width:413px){
	.index_logo{width: 140px;}
	
}