html, body {
    height: 100%;
    width: 100%;
}
.swiper-container{margin: 0px;padding: 0px;width: 100%;height: 100%; }
.swiper-wrapper{width: 100%;height: 100%; }
.swiper-wrapper .swiper-slide {width: 100%;height: 100%}

.main{ padding: 0 180px; width:100%;}

.section1 .swiper-slide {width: 100% !important;height: 100% !important;}
.section1 .swiper-slide img{ width: 100%; height: 100%;}
/*  object-fit: cover; */
.svg-swiper-pagination { display: flex;flex-wrap: wrap;justify-content: center}
.svg-swiper-pagination .swiper-pagination-bullet {background: transparent;opacity: 1;position: relative;width: 12px;height: 12px;outline: none; margin: 0 15px !important;  position: relative;}
.svg-swiper-pagination .swiper-pagination-bullet:after {content: "";position: absolute;left: 50%;top: 50%;z-index: 0;width: 10px;height: 10px;background-color: transparent; border: 1px solid #fff;border-radius: 50%;margin: -6px 0 0 -6px;transition: opacity .3s}
.svg-swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:after {background-color: #fff;}
.svg-swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active .svg {opacity: 1}
.svg-swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active .circle2 {-webkit-animation: svgCircleAnmi 6s linear forwards;animation: svgCircleAnmi 6s linear forwards}
.svg-swiper-pagination .svg {width: 30px;height: 30px; position: absolute; top: -9px; left: -9px;transform: rotate(-90deg);opacity: 0;transition: opacity .3s;display: block}
.svg-swiper-pagination .circle1 { stroke: transparent}
.svg-swiper-pagination .circle2 { stroke: #fff; stroke-dasharray: 0 339}
.sub-mouse{animation: ani-svg 1s linear 0s alternate infinite; width: .34rem; display: none;}
.section1 .main{ position: absolute;  width: 100%;     z-index: 5; bottom: .6rem;}
.section1  .button{ width: 1.45rem;}
.section1  .button div{ width: .6rem; height: .6rem; border:1px solid #fff; border-radius: 50%; background: url(/static/home/images/button-prev.png)no-repeat center center; background-size: 30% auto;}
.section1  .button div.button-next{ transform: rotate(180deg);}
.section1  .button div:hover{ background: url(/static/home/images/button-prev.png)no-repeat center center #c5261d; background-size: 30% auto; border-color: #c5261d;}
.section1 .main .svg-swiper-pagination{opacity: 0;}


header{ height: 1rem; position: fixed; z-index: 99; top: 0; left: 0; width: 100%; border-bottom: 1px solid rgba(255,255,255,0.2);}
header .mune{ height: 100%; background: transparent;   width: 1rem;  border-right: 1px solid rgba(255, 255, 255, 0.2);}
 
header .mune .burger{ width: 40%;  height: 1px ; background: #fff;  transition: .8s; display:inline-block;    position: absolute; left: 30%;
top: .38rem; }
header .mune .burger:first-child{animation: long 2s linear infinite}
header .mune .burger:nth-of-type(2){ top: .48rem; width: 20%;}
header .mune .burger:nth-of-type(3){ top: .58rem;animation: long 3s linear infinite}
.logo{ margin-left: .5rem;}
header .right{ width: 13.25rem;}
header .right nav{ width: 9.15rem; font-size: 16px;}
header .right nav a{ color: #fff;  line-height: 1rem; position: relative;}
header .right nav a::after{  display: block; content: '';width: 100%; height: 2px; left: 0; bottom: -1px; position: absolute; background: #fff; transform: scale(0,1) ;transition: all .36s;  }
header .right nav a:hover:after,header .right nav a.cur:after{ transform: scale(1,1);}
header .youlink{ padding-right: .4rem;}
header .youlink img{ width: 16px; }
header .youlink span{ opacity: 0.5; margin:0 .25rem;}
header .youlink img.oa{ margin-right: .1rem;}
header .icon2{ display: none;}

header.bg{ background: #fff;  box-shadow: 0 0 10px 0 rgba(0,0,0,0.1); border-bottom: none;}
header.bg .icon1{ display: none;}
header.bg .icon2{ display: inline-block;}
header.bg .mune{ background: #c5261d;}
header.bg .mune .burger{ background: #fff;}
header.bg nav a{ color: #333;}
header.bg .right nav a::after{ background: #c5261d;}
header.bg .color-white{color: #333;}

/* .navbox{ width: 3rem; background: #fff; position: fixed; top: 0; left: 0; z-index: 100; height: 100%; font-size: 16px;  padding: .5rem 0 .4rem;}
.tel span{ font-size: 20px;}
.navbox ul li{font-size: 18px;  height: .8rem;  position: relative; }
.navbox ul li>a{ height: .6rem;  width: 100%; display: inline-block; line-height: .6rem; }
.navbox ul li:hover>a{ background: #c5261d; color: #fff;}
.navbox ul li dl{ position: absolute; left:3rem; top:0;width: 1.8rem; background: #c5261d;}
.navbox ul li dl a{ color: rgba(255, 255, 255, 0.4); line-height: .8rem;}
.navbox ul li dl a:hover{ color: #fff;}
.navbox::before{content: '';display: block; width:4.8rem ; position: absolute; background: #c5261d; top: 0; left: 0; height: 100%; z-index: 1;}
.navbox div,.navbox ul{ position: relative; z-index: 5;} */

.section2{ background: url(/static/home/images/section2.jpg) no-repeat center bottom; background-size: 100% auto; justify-content: center;}
._slide { width: 180px; height: 50px; background: #c5261d; line-height:50px; color: #fff; position: relative;  border-radius: 25px;  display: inline-block;}
  ._slide i {
    position: absolute; width: 40px; height:  40px; top:5px; right:8px; background: url(/static/home/images/right.png ) no-repeat center center #9e1e17; background-size: 20% auto; border-radius: 50%;
    z-index: 8;  transition: all .8s;
  }
 ._slide .tips {  position: absolute;  z-index: 1;left:15px;overflow: hidden;height: 100%;transition: ease 1s;}
 ._slide:hover { box-shadow: 0 0 15px rgba(197, 38, 29, 0.8);}
  ._slide:hover i{  right:  125px;  transform:  rotate(1800deg);   }
  ._slide:hover .tips{ opacity: 0;}
.section2 .info{ width: 83%; margin-top: .2rem; margin-bottom: .8rem;}
.section2  ul{ border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; padding: .65rem 0;}
.section2  ul li div:last-child{ margin-top: .06rem;}

.paly{ width: 1rem; height: 1rem; margin-top: 3vh;   cursor: pointer; background: #c5261d; border-radius: 50%;  
	box-shadow: 0 0 rgba(197, 38, 29, 0.1),0 0 0 15px rgba(197, 38, 29, 0.1),0 0 0 30px rgba(197, 38, 29,0.1);
	animation: ripple-wave1 1s linear infinite;
	animation-play-state: running;
	opacity: 1;
	visibility: visible;
	transform: scale(1);
	-webkit-animation: ripple-wave1 1s linear infinite; transform: scale(0.8);}
 
@keyframes ripple-wave1{
	to {
		box-shadow: 0 0 0 15px rgba(197, 38, 29, 0.1),0 0 0 30px rgba(197, 38, 29, 0.1),0 0 0 45px rgba(197, 38, 29, 0.02);
	}
  }
 

div.video-play{position:absolute;top:0;bottom:0;right:0;left:0;width:100vw;height:100%;z-index:10001;display:none}
div.video-bg{position:absolute;top:0;bottom:0;width:100%;z-index:1001;background:#0b0b0b;opacity:.8}
div.video-wrap{z-index:1002;position:absolute;top:52%;left:50%;-webkit-transform:translate3d(-50%, -52%, 0);transform:translate3d(-50%, -52%, 0);width:10rem;height:5.7rem;  }

div.video-wrap video{width:100%;height:auto}
div.close-btn{cursor: pointer; transition: all .36s;
 
 text-align: center;
 line-height: 40px;
 z-index: 9999;
 position: absolute;
 background: #000;
 border: 2px solid #fff;
 width: 50px;
 height: 50px;
 border-radius: 50%; opacity: 0.5;
 right: -20px;
 top: -25px;}
 div.close-btn:hover{ transform: rotate(180deg); opacity: 1;}
.section3{ background: url(/static/home/images/section3.jpg) no-repeat center center; background-size: cover;}
.section3 ul li{ width: calc(100%  / 3); height: 100vh; position: relative; transition: all .36s; }
.section3 ul li span.Icon{ width: .9rem; height: .9rem; border-radius: 50%; border: 1px solid rgba(255, 255, 255, 0.5); margin-bottom: .4rem;}
.section3 ul li a{ border: 1px solid rgba(255, 255, 255, 0.2); width: 220px;  height: 50px;  padding: 0 .3rem; border-radius: 30px;  }
.section3 ul li a span ,.section3 ul li a img{ position: relative;  z-index: 2;} 
.section3 ul li a::before{ display: block; width: 10%; opacity: 0;  height: 100%; content: ''; background: #c5261d; position: absolute; top: 0; left: 0; border-radius: .3rem; transition: all .5s;}
/* .section3 ul li a:hover::before{  width: 100%; opacity: 1;} */
.section3 ul li a:hover{box-shadow: 0 0 15px rgba(197, 38, 29, 0.8);} 
.section3 ul li .w50{ opacity: 0;  height: .7rem;     } 
.section3 ul li  figure{ position: relative; z-index: 5; transition: all .8s;}
.section3 ul li::before{ width: 100%; height: 0; left: 0; bottom: 0; content: ''; display: block; background: rgba(0, 0, 0, 0.5); position: absolute; transition: all .8s;}
.section3 ul li:hover::before{ height: 100%;}
.section3 ul li:hover a::before{  width: 100%; opacity: 1;} 
.section3 ul li:hover .w50{ opacity: 1;  margin:.7rem 0; height: auto;  } 

.section4{ background: url(/static/home/images/section4.jpg) no-repeat center center; background-size: cover;  }
.section4 figure{ align-items: center; margin-top: 1rem; height: calc(100vh - 1rem);}
.section4 .tit a{border: 1px solid rgba(0, 0, 0, 0.2); width: 2.2rem;  height: 50px;  padding: 0 .3rem; border-radius: 30px; }
.section4 .tit a span ,.section4 .tit a img{ position: relative;  z-index: 2;} 
.section4 .tit a::before{ display: block; width: 10%; opacity: 0;  height: 100%; content: ''; background: #c5261d; position: absolute; top: 0; left: 0; border-radius: .3rem; transition: all .5s;}
.section4 .tit a:hover{box-shadow: 0 0 15px rgba(197, 38, 29, 0.8); border-color: #c5261d; color: #fff; } 
.section4 .tit a .icon2{ display: none;}
.section4 .tit a:hover::before{  width: 100%; opacity: 1;} 
.section4 .tit a:hover .icon2{ display: block;}
.section4 .tit a:hover .icon1{ display: none;}
.section4 .swiper-slide{ padding-top: .8rem;  padding-bottom: .15rem; }
.section4 .swiper-slide .img img{ width: 100%; height: 3.2rem; object-fit: cover; }
.section4 .swiper-slide .txt{ height: 70px; background: #fff; transition: all .36s;box-shadow: 0 0 .15rem  rgba(0, 0, 0, 0.2);}
.section4 .swiper-slide  a:hover .txt{ background: #c5261d; color: #fff;}
.section4 .swiper-slide  a{ box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);}
.section4 .swiper-slide:hover{ transform: translateY(-.2rem);}
.section4 .casepage{ width: 4rem; margin: .55rem auto 0;}
.section4 .casebtton{ opacity: 0.2; width: 50px; height: 50px; border-radius: 50%;   background:url(/static/home/images/right2.png) no-repeat center center #c5261d; background-size: 25% auto; transform: rotate(180deg);}
.section4 .casebtton.casepre{ transform: rotate(360deg);}
.section4 .casebtton:hover{ opacity: 1;}
.section4 .casepage .swiper-pagination{ position: relative;  }
.section4 .casepage .swiper-pagination-bullet{ width: .18rem; height: .18rem; margin:0 .08rem;}
.section4 .casepage  .swiper-pagination-bullet-active{ background: url(/static/home/images/casepage.png) no-repeat center center; background-size: 100% 100%;}
.section4 .swiper-slide .img{ position: relative; overflow: hidden;}
.section4 .swiper-slide .img img{ transition: all .42s;}
/* .section4 .swiper-slide .img span{ width: 100%; height: 0; position: absolute; bottom: 0; left: 0; z-index: 1; background:rgba(197, 38, 29, 0.4);  transition: all .36s; }
.section4 .swiper-slide .img::before,.section4 .swiper-slide .img::after{position:absolute; z-index: 5; content:'';opacity:0;-webkit-transition:opacity 0.4s,-webkit-transform .4s;-moz-transition:opacity 0.4s,-moz-transform .4s;-o-transition:opacity 0.4s,-o-transform .4s;transition:opacity 0.4s,transform .4s}
.section4 .swiper-slide .img::before{top:14%;right:5%;bottom:14%;left:5%;border-top:1px solid #fff;border-bottom:1px solid #fff;-webkit-transform:scale(0,1);-moz-transform:scale(0,1);-o-transform:scale(0,1);transform:scale(0,1);-webkit-transform-origin:0 0;-moz-transform-origin:0 0;-o-transform-origin:0 0;transform-origin:0 0}
.section4 .swiper-slide .img::after{top:8%;right:10%;bottom:8%;left:10%;border-right:1px solid #fff;border-left:1px solid #fff;-webkit-transform:scale(1,0);-moz-transform:scale(1,0);-o-transform:scale(1,0);transform:scale(1,0);-webkit-transform-origin:100% 0;-moz-transform-origin:100% 0;-o-transform-origin:100% 0;transform-origin:100% 0}
.section4 .swiper-slide:hover .img::before,.section4 .swiper-slide:hover .img::after{opacity:1;-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);transform:scale(1)}
.section4 .swiper-slide:hover .img span{  height: 100%;} */
.section4 .swiper-slide:hover .img img{ transform: scale(1.1);}

.section5 figure{ align-items: center; margin-top: 1rem; height: calc(100vh - 1rem);}
.section5  .tit .link a{  color: #aaa; margin-left: .8rem;}
.section5  .tit .link a:hover,.section5  .tit .link a.cur{ color: #c5261d; border-bottom: 1px solid #c5261d;}
.section5 .con{ margin-top: .6rem;}
.section5 .swiper-slide { padding: 12px;}
.section5 .swiper-slide .img img{ width: 100%;}
.section5 .swiper-slide .txt{ padding: .4rem .2rem; border: 1px solid #eee;}
.section5 .swiper-slide .txt .title{ margin: .35rem 0 .5rem; height: 64px;}
.section5 .swiper-slide .txt span{ color: #aaa; border: 1px solid #aaa; height: 40px; border-radius: 20px;}
.section5 .swiper-slide:hover a{ box-shadow:0px 0px 12px 0px rgba(6, 0, 1, 0.1); display: block;}
.section5 .swiper-slide:hover .title{ color: #c5261d; font-weight: bold;}
.section5 .swiper-slide:hover .txt span{ border-color: #c5261d; color: #fff; background: #c5261d; transform: translateY(-.2rem);}
.section5 .swiper-slide  .img { overflow: hidden; }
.section5 .swiper-slide  .img img{ transition: all 1s;}
.section5 .swiper-slide:hover .img img{ transform: scale(1.1);}
.section6{ display: none;}


.section5 .con .figure{ display: none;}
.section5 .con .figure.cur{ display: block;}


footer.index.scollfoot::after{ display: block; content: ''; width: 100%; height: 100%; position: fixed; z-index: 8; bottom: 0; left: 0; background: transparent;}
footer.index div{ position: relative; z-index: 10;}
footer{width: 100%; background: #fff; transition: all 1s; }
footer  .top{  padding-top:35px; padding-bottom: 35px;}
.footNav{ width: 2.4rem;}
.footNav a{ display: block;}
.footNav a:hover{ color: #c5261d; font-weight: bold;}
.footewm{ width: 3.5rem;}
.footewm li{ width: 42%;}
footer .bottom{ background: #f8f8f8; height: .8rem;}
footer .bottom  a:hover{ color: #c5261d; font-weight: bold;}

.section7.swiper-slide.last-div { height: auto !important; border-top: 1px solid #EEEEEE; box-shadow: none;}