@charset "utf-8";
/* CSS Document */
*{ box-sizing: border-box; margin: 0; padding: 0;}
html{ width: 100%; font-size: 100px; overflow-x: hidden;}
body { font:14px "microsoft Yahei","Arial",sans-serif; color: #333; line-height: 1.4; word-wrap:break-word; -webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-text-size-adjust: none; background: #fff;}
body,form,input,p,ol,ul,li,h1,h2,h3,h4,h5,h6,table,th,td,dl,dt,dd{padding:0;margin:0;}
img{border:0; vertical-align: middle;}
ul,li{list-style:none;}
dl,dt,dd{display: block;}
a{text-decoration:none; transition: 0.4s; -webkit-transition: 0.4s; outline: none;}
input,textarea{ box-sizing: border-box; outline:none;  border: 0; background:none; font:14px "microsoft Yahei","Arial",sans-serif; width: 100%; }
input[type="button"], input[type="submit"], input[type="text"] {-webkit-appearance: none; outline: none; }
h2{font-weight:400;}
i{ font-style:normal;}
b{ font-weight:normal;}
video{object-fit: cover;}

/*文本框placeholder=""文字颜色*/
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder {color: #333; opacity: 1}
input:-moz-placeholder, textarea:-moz-placeholder {color: #333; opacity: 1}
input::-moz-placeholder, textarea::-moz-placeholder {color: #333; opacity: 1}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {color: #333; opacity: 1}


/* clear 页头，页脚，内容区都不用再加清除样式 */
.cf:before, body:before, .header:before, .main:before, .footer:before, .wrap:before { content: ''; display: table }
.cf:after, after, .header:after, .main:after, .footer:after, .wrap:after { content: ''; display: table; clear: both }
.cf, .header, .main, .footer, .wrap { *zoom: 1 }
.clear{ width: 100%; height: 0; overflow: hidden; clear: both;}

/* 字体 */
@font-face {
	font-family: 'Conv_DIN-Bold';
	src: url('/fonts/DIN-Bold.eot');
	src: local('???'), url('/fonts/DIN-Bold.woff') format('woff'), url('/fonts/DIN-Bold.ttf') format('truetype'), url('/fonts/DIN-Bold.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Conv_DINPro-Light';
	src: url('/fonts/DINPro-Light.eot');
	src: local('???'), url('/fonts/DINPro-Light.woff') format('woff'), url('/fonts/DINPro-Light.ttf') format('truetype'), url('/fonts/DINPro-Light.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
  font-family: "Conv_DIN";
  src: url("/fonts/DIN Regular.woff2") format("woff2"),
       url("/fonts/DIN Regular.woff") format("woff"),
       url("/fonts/DIN Regular.ttf") format("truetype"),
       url("/fonts/DIN Regular.eot") format("embedded-opentype"),
       url("/fonts/DIN Regular.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face{
	font-family: 'DDINExp';
	src: url("/fonts/D-DINExp.ttf");
}
@font-face{
	font-family: 'DDINExp_Bold';
	src: url("/fonts/D-DINExp-Bold.ttf");
}
@font-face{
	font-family: 'CenturySchlbkCyrillicBT';
	src: url("/fonts/CenturySchlbkCyrillicBT-Roman-CentSchbkCyrill/ BT-Roman.ttf");
}

@font-face {
	font-family: "iconfont"; 
	src: url('/fonts/iconfont.woff2?t=1638869001436') format('woff2'),
					url('/fonts/iconfont.woff?t=1638869001436') format('woff'),
					url('/fonts/iconfont.ttf?t=1638869001436') format('truetype');
	}
	
	.iconfont {
	font-family: "iconfont" !important;
	font-size: 16px;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	}


/*预加载*/
.content_body{ height: 100%; width: 100%;}
.load_body{ width: 100%; height: 100%; overflow: hidden; position: absolute; display: none;} 
.load{ position: fixed; width: 100%; height: 100%; overflow: hidden; left: 0; top: 0; z-index: 500;}
.load .icon{ width: 100%; height: 100%; position: absolute; left:0; top: 0; display: flex; z-index: 10; justify-content: center; align-items: center; }
.load .logo{ text-align: center;animation: logo 2s ease infinite;}
.load .logo img{ margin: 0 auto; height: 60px;}
@keyframes logo{
    0%{ opacity: 1; }
    30%{ opacity: 0.2; }
    100%{  opacity: 1; }
}
.load .bg{ position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: #fff ; z-index: 1;}
.load_on{ opacity: 0; visibility: hidden; transition: 0s 1s;}
.load_on .bg{ height: 0; transition: 0.8s 0s cubic-bezier(.77,0,.175,1);}
.load_on .icon{ transform: translateY(-50px); opacity: 0; transition: 0.8s 0s cubic-bezier(.77,0,.175,1);}



/*其他公用*/
.main{ width: 100%; position: relative; margin: 0 auto;}
.wrap{width: 100%; box-sizing: border-box; margin: 0 auto; padding: 0 6.25vw; }

.video_box{ position: absolute; width:100%; height: 100%; z-index: 0; top: 0; left: 0;}
.video_box video{ width: 100%; height: 100%; object-fit: cover;}
.video_box::after{ content:"" ; position: absolute; inset: 0px; background:rgba(0,0,0,0);}



/* 首页 */
.home_s1_box{ position: relative;}
.home_s1_box .bg_box{ position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: 0;}
.home_s1_box .bg_box .bg_vid{ position: sticky; left: 0; top: 0; width: 100%; height: 100vh; }
.home_s1_box .bg_box .video_box{ position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: 0; opacity: 0; transition: opacity 0s 0.2s;}
.home_s1_box .bg_box .video_box video{ width: 100%; height: 100%;}
.home_s1_box .bg_box .video_box img{ display: none; width: 100%; height: auto;}
.home_s1_box .bg_box .bg_vid::after{ content: ""; position: absolute; width: 100%; height: 100%; left: 0; top: 0;background:rgba(0,0,0,0.0); z-index: 50;}

.home_s1_box .bg_box .one{ opacity: 1; z-index: 10; transition:opacity 0.2s;}
.home_s1_box .bg_box .video_bg{ position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: rgba(0,0,0,1); opacity: 0; z-index: 10;}

.home_s1_box .bg_box .bg_canvas{ position: sticky; left: 0; top: 0; width: 100%; height: 100vh; background: #000;}



.home_part1{ position: relative; z-index: 1; height: 100vh;}
.home_part1 .title_box{ font-size: 0.64rem; line-height: 1.2;}
.home_part1 .wrap{ height: 100%; position: relative;}
.home_part1 .text{ padding-left: 0; padding-top: 0; box-sizing: border-box; height: 100vh; display: flex; flex-direction: column; justify-content: center; width: 6.5rem; max-width: 100%;}
.home_part1 .text .li2{ margin-top: 0.15rem;}
.home_part1 .text .li3{ margin-top: 0.2rem;}
.home_part1 .text .li4{ margin-top: 0.6rem;}
.home_part1 .li5{ position: absolute; bottom: 10%; z-index: 6; right: 6.25vw;}

/* 大标题 */
.title_box{font-size: 0.46rem; color: #000; font-weight: 700;}
.title_box .li{ display: flex; overflow: hidden;overflow: hidden;flex-wrap: wrap;}
.title_box .li_tit{ font-size: 18px; font-weight: bold;}
.title_box span{ display: block; min-width: 6px;}
.title_box span{ transform: translateY(2em) rotateZ(20deg);  transition: 0.8s ease  calc(0s + var(--tit_span_d));  }
.title_box.on span{  transform: translateY(0) rotateZ(0deg);}


/* 按钮 */
.in_more{ display: inline-block;}
.in_more a{ color: #fff; cursor: pointer; background-color: #A72126; border-radius: 0.3rem; padding: 0.2rem 0.45rem; display: flex; align-items: center; font-weight: 700;}
.in_more a i{ padding-right: 10px; font-size: 12px; transition: 0.4s;}
.in_more a img{ transition: 0.4s;}
.in_more a:hover{ transform: translateY(-5px);}
.in_more a:hover i{ transform: translateX(20px);}
.in_more a:hover img{ transform: translateX(20px); opacity: 0;}


.home_part2{ width: 100%; position: relative; z-index: 10; padding: 0 0 1.8rem; height: auto;}
.home_part2 .wrap{ height: 100%;}
.home_part2 .top{ padding-bottom: 0px; width: 7.4rem; height: auto; margin: 100px 0 0;}
.home_part2 .top .li2{ margin-top: 20px;}
.home_part2 .top .li3{ margin-top: 60px;}
.home_part2 .top .li4{ margin-top: 60px;}

.home_part2 .bot{ margin-top: 0.54rem; width: 7.4rem;}
.home_part2 .bot .list{ display: flex; width: 100%; flex-wrap: wrap;}
.home_part2 .bot .list .num{ margin-bottom: -1px; width: 44%; margin-right: 12%; }
.home_part2 .bot .list .num:nth-child(2n+2){ margin-right: 0;}
.home_part2 .bot .list .num_box{ width: 100%; height: 2rem; margin-top: 0px; display: flex;flex-direction: column; justify-content: flex-end; color: #A72126;font-weight: 700; transition: 0.4s; height: 2.8rem;}
.home_part2 .bot .list .num_box::before{ content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background: rgba(67, 72, 91, 0.4);}
.home_part2 .bot .list .num_box .n{ position: relative; width: 100%; font-size: 5vw; font-family: 'DDINExp'; line-height: 1;}
.home_part2 .bot .list .num_box .n.nummin{ font-size: 0.5rem;}
.home_part2 .bot .list .num_box .n img{ width: 1rem; transition: 0.4s;}
.home_part2 .bot .list .num_box .n img.hide{ position: absolute; left: 0; top: 0; opacity: 0; transition: 0.45s;}
.home_part2 .bot .list .num_box .t{ font-size: 0.16rem; padding: 0.2rem 0; color: #333; min-height: 87px;}
.home_part2 .bot .list .num_hover:hover{ background: #A72126; border-radius: 20px; color: #fff; padding: 30px;}
.home_part2 .bot .list .num_hover:hover::before{ opacity: 0;}
.home_part2 .bot .list .num_hover:hover .t{ color: #fff;}
.home_part2 .bot .list .num_hover:hover .n img.show{ opacity: 0; visibility: hidden;}
.home_part2 .bot .list .num_hover:hover .n img.hide{ opacity: 1; visibility: visible;}
.home_part2 .bot .list .num_hover .btn{ opacity: 0; height: 0; transition: 0.4s;}
.home_part2 .bot .list .num_hover:hover .btn{ opacity: 1; height: 35px;}


.home_part3{ width: 100%; position: relative; z-index: 10; padding: 250px 0 800px; background: linear-gradient(180deg, #000 70%, #2A5E8E 100%);}
.home_part3 .wrap{ display: flex; position: relative; z-index: 10; justify-content: flex-end;} 
.home_part3 .con_r .li2{ margin-top: 30px;}
.home_part3 .con_r .li3{ margin-top: 60px;}
.home_part3 .con_r .li4{ margin-top: 120px;}
.home_part3 .bg{ position: absolute; width: 100%; height: calc(100% - 1000px); left: 0; top: 200px; z-index: 0;}
.home_part3 .video_box{ position: sticky; width: 673px; height: 673px; overflow: hidden; border-radius: 50%; left: 120px; top:160px;}


.home_part4{ width: 100%; position: relative; z-index: 10; padding: 0; margin-top: 0; overflow: hidden;}
.home_part4 .bg{ position: absolute; width: 100%; z-index: -1; height: 100%;}
.home_part4 .bg::before{ content: ""; position: absolute; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.6); z-index: 1; opacity: 0;}
.home_part4 .con_t{ position: relative; padding-top: 1.5rem;}
.home_part4 .con_t .li2{ margin-top: 10px;}
.home_part4 .con_t .li3{ margin-top: 25px;}
.home_part4 .con_t .li4{ position: absolute; right: 0; bottom: 0;}
.home_part4 .con_c{ margin-top: 0.9rem; padding-bottom: 1.5rem;}
.home_part4 .con_c .swiper{ overflow: visible;}

.home_part4 .title_box{ color: #fff;}
.home_part4 .title_box .li{ justify-content: center;}
.home_part4 .con_t .li2{ text-align: center;}

.home_part5{ width: 100%; height: 300vh; position: relative;}
.home_part5 .bg_sequence{ position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: 0;}
.home_part5 .bg_sequence::after{ content: ""; position: absolute; z-index: 5; width: 100%; height: 50vh; left: 0; top: 0;background: linear-gradient(0deg, rgba(222, 227, 235, 0.00) 0%, #E1E5ED 64.5%);}
.home_part5 .bg_sequence::before{ content: ""; position: absolute; z-index: 5; width: 100%; height: 50vh; left: 0; bottom: 0;background: linear-gradient(180deg, rgba(222, 227, 235, 0.00) 0%, #E1E5ED 64.5%);}
.home_part5 .bg_sequence .bg_phone{ position: sticky; left: 0; top: 0; width: 100%; height: 100vh;}
.home_part5 .bg_sequence .bg_phone img{ position: absolute;  left: 0; top: 0; width: 100%; height: 100%; opacity: 0; z-index: 0; object-fit: cover;}
.home_part5 .bg_sequence .bg_phone img.one{ opacity: 1; z-index: 10;}
.home_part5 .con{ position: sticky; width: 100%; height: 100vh; left: 0; top: 0; z-index: 20;}
.home_part5 .con_t{ position: absolute; left: 60%; top: 30%;}
.home_part5 .con_t .li2{ margin-top: 25px;}
.home_part5 .con_t .li3{ margin-top: 20px;}
.home_part5 .con_b{ position: absolute; left: 50%; bottom: 60px; display: flex;}
.home_part5 .con_b .li{ margin-left: 20px;}


.home_part5x{ width: 100%; padding-bottom: 2.16rem; position: relative; overflow: hidden;}
.home_part5x .bg{ position: absolute; width: 100%; height: 100%; left: 0; top: -80px; z-index: 0;}
.home_part5x .bg::before{ content: ""; position: absolute; width: 100%; height: 20%; left: 0; top: 0; background: linear-gradient(180deg, #E4E8F0 64.64%, rgba(228, 233, 240, 0.00) 100%); z-index: 1;}
.home_part5x .bg::after{ content: ""; position: absolute; width: 100%; height: 10%; left: 0; bottom: 0;background: linear-gradient(180deg, rgba(231, 236, 243, 0.00) 0%, rgba(231, 236, 243, 0.90) 46.42%, #E7ECF3 100%); z-index: 1; opacity: 0;}
.home_part5x .video_box{ top: 10%; line-height: 0;}

.home_part5x .wrap{ position: sticky; width: 100%; height: 100%; left: 0; top: 0; z-index: 20;}
.home_part5x .con_t{ padding-top: 1.5rem;}
.home_part5x .title_box .li{ justify-content: center;}
.home_part5x .con_t .li2{ margin-top: 20px; text-align: center;}
.home_part5x .r_box{ display: flex; justify-content: flex-end;}
.home_part5x .con_b{ margin-left: auto; padding-top: 80px;}
.home_part5x .con_b .li{ backdrop-filter: blur(7.5px);}
.home_part5x .con_b .li .one_box{ position: relative; height: 90px; transition: 0.4s;}
.home_part5x .con_b .li .one_box::before{ content: ""; position: absolute; left: 0; top: 0; width: 700px; background: url(/images/s5_img2a.png) no-repeat left top; height: 0; transition: 0.4s; z-index: 1;}
.home_part5x .con_b .li:nth-child(1) .one_box{ height: 90px;}
.home_part5x .con_b .li:nth-child(1) .one_box:before{ height: 305px; background-image: url(/images/s5_img1a.png);}
.home_part5x .con_b .li:nth-child(3) .one_box:before{ background-image: url(/images/s5_img3a.png);}
.home_part5x .con_b .li:nth-child(4) .one_box:before{ background-image: url(/images/s5_img4a.png);}
.home_part5x .con_b .li:nth-child(5) .one_box:before{ background-image: url(/images/s5_img5a.png);}
.home_part5x .con_b .li:nth-child(6) .one_box:before{ background-image: url(/images/s5_img6a.png);}

.home_part5x .con_b .li.one .one_box{ height: 263px;}
.home_part5x .con_b .li.one:nth-child(1) .one_box{ height: 305px;}
.home_part5x .con_b .li.one .one_box::before{ height: 263px;}
.home_part5x .con_b .li:nth-child(1) .one_box::before{ height: 0;}
.home_part5x .con_b .li:nth-child(1).one .one_box::before{ height: 305px;}


.home_part6{ position: relative; padding: 1.5rem 0; background: #F1F4FF;}
.home_part6 .title_box .li{ justify-content: center;}

.home_part6 .top .li2{ padding: 0.2rem 0 0; text-align: center;}
.home_part6 .bot{ padding: 1rem 0;}
.home_part6 .bot ul{ display: flex; position: relative; justify-content: space-around;}
.home_part6 .bot li{ position: relative; padding: 0; text-align: center;}
.home_part6 .bot .img{ width: 120px; display: inline-block;}
.home_part6 .bot .img img{ max-width: 100%; height: auto; transition: 0.4s;}
.home_part6 .bot .img:hover img{ transform: rotateY(180deg);}
.home_part6 .bot .sp1{ font-size: 0.2rem; font-weight: 700; padding: 0.3rem 0 0.15rem; color: #333;}
.home_part6 .bot .sp2{ font-size: 0.16rem;}
.home_part6 .btn{ display: flex; justify-content: center;}

.home_part7{ position: relative; padding: 1.4rem 0;}
.home_part7 .title_box{ color: #fff; padding-bottom: 10px;}
.home_part7 .title_box .li{ justify-content: center;}
.home_part7 .top .li2{ padding-top: 10px; text-align: center;}
.home_part7 .bg{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; background-repeat: no-repeat; background-position: center; background-size: cover; z-index: -1; transition: 1s;}
.home_part7 .bg_box .bg{ opacity: 0;}
.home_part7 .bg_box .bg.one{ opacity: 1;}

.home_part7 .con_c{ padding-top: 0.5rem;}
.home_part7 .con_c .btn_box{ display: flex; justify-content: space-between; padding-bottom: 2.4rem;}
.home_part7 .con_c .btn_box .btn{ width: 2.6rem; background: rgba(255, 255, 255, 0.6); border-radius: 0.4rem; line-height: 0.6rem; text-align: center; color: #333; font-size: 0.18rem; font-weight: 700; transition: 0.4s; cursor: pointer;}
.home_part7 .con_c .btn_box .btn:hover{ background: #fff;}
.home_part7 .con_c .btn_box .btn.one{ background: #A72126; color: #fff;}
.home_part7 .bot_con{ display: flex;}
.home_part7 .bot_con .l{ width: 50%; padding-right: 0.4rem; box-sizing: border-box;}
.home_part7 .bot_con .l img{ width: 100%;}
.home_part7 .bot_con .r{ width: 50%; padding-left: 0.4rem; box-sizing: border-box; display: flex; align-items: center; background-size: contain;}
.home_part7 .bot_con .r_box{ width: 100%;}
.home_part7 .bot_con .r .swiper .swiper-wrapper{-webkit-transition-timing-function: linear;transition-timing-function: linear;}
.home_part7 .bot_con .r .swiper-slide{ width: 1831px;}
.home_part7 .bot_con{ opacity: 0; height: 0; transform: translateY(60px);}
.home_part7 .bot_con.one{ opacity: 1; height: auto; transition: 0.8s; transform: translateY(0px);}

.home_part8{ background: #F1F4FF; overflow: hidden; padding: 1.5rem 0;}
.home_part8 .top{ display: flex; justify-content: space-between; align-items: center; padding-bottom: 0.6rem;}
.home_part8 .bot{ display: flex; position: relative;}
.home_part8 .bot::before{ content: ""; width: 120px; height: 100%; position: absolute; left: -120px; top: 0; background: #F1F4FF; z-index: 1;}
.home_part8 .bot .l{ width: 3rem; box-sizing: content-box; padding-right: 6.25vw; background: #F1F4FF; position: relative; z-index: 1;}
.home_part8 .bot .l .li{ cursor: pointer; position: relative; width: 100%; height: 70px; line-height: 70px; font-size: 18px; font-weight: 700; border-bottom: 1px solid #D5D7DB; transition: 0.4s;}
.home_part8 .bot .l .li::before{ content: ""; position: absolute; left: 0; bottom: 0; width: 0; height: 1px; background: #A72126; transition: 0.4s;}
.home_part8 .bot .l .li:hover{ color: #A72126;}
.home_part8 .bot .l .li:hover::before{ width: 100%;}
.home_part8 .bot .l .li:nth-child(1){ pointer-events: none !important; border-bottom: none;}
.home_part8 .bot .l .li:nth-child(1)::before{ opacity: 0;}

.home_part8 .bot .r{ width: 0; flex: 1; padding-top: 2px;}
.home_part8 .con_c .swiper{ overflow: visible;}
.home_part8 .con_c .swiper-slide{ position: relative;}
.home_part8 .con_c .btn_box{ margin-top: 60px; display: flex; align-items: center;}
.home_part8 .con_c .btn{ margin-left:10px; cursor: pointer;} 

.header.on2{transform: translateY(-100%) !important;}

/* 动效 */
.header{transition: 1s 1s; transform: translateY(-100%);}
.header.on{transform: translate(0) !important;}


.home_part2 .bot .list .num{ opacity: 0; transform: translateY(30px);}
.home_part2 .bot .list .num:nth-child(1){transition: 1s 0.1s;}
.home_part2 .bot .list .num:nth-child(2){transition: 1s 0.2s;}
.home_part2 .bot .list .num:nth-child(3){transition: 1s 0.3s;}
.home_part2 .bot .list .num:nth-child(4){transition: 1s 0.4s;}
.home_part2 .bot.on .list .num{opacity: 1 !important; transform: translate(0) !important;}


.home_part3 .bot .l{ opacity: 0; transform: scale(0.8); transition: 1s 0.3s;}
.home_part3.on .bot .l{ opacity: 1; transform: scale(1);}
.home_part3 .bot .r .li{ opacity: 0; transform: translateX(30px);}
.home_part3 .bot .r .li1{transition: 1s 0.3s;}
.home_part3 .bot .r .li2{transition: 1s 0.4s;}
.home_part3 .bot .r .li3{transition: 1s 0.5s;}
.home_part3 .bot .r .li4{transition: 1s 0.6s;}
.home_part3.on .bot .r .li{opacity: 1 !important; transform: translate(0) !important;}

.home_part4 .top .r{ opacity: 0; transform: translateX(30px); transition: 1s 0.4s;}
.home_part4.on .top .r{opacity: 1 !important; transform: translate(0) !important;}
.home_part4 .bot{ opacity: 0; transform: translateY(30px); transition: 1s 0.5s;} 
.home_part4.on .bot{opacity: 1 !important; transform: translate(0) !important;}

/* .home_part6 .r{ opacity: 0; transform: scale(1.1); transition: 1s 0.3s;}
.home_part6.on .r{ opacity: 1; transform: scale(1);} */

.home_part5x .con_b .li{ opacity: 0; transform: translateY(30px); transition: 1s 0.4s;}

/* .home_part5x .con_b .li:nth-child(1){transition: 1s 0.4s;}
.home_part5x .con_b .li:nth-child(2){transition: 1s 0.6s;}
.home_part5x .con_b .li:nth-child(3){transition: 1s 0.8s;}
.home_part5x .con_b .li:nth-child(4){transition: 1s 1s;}
.home_part5x .con_b .li:nth-child(5){transition: 1s 1.2s;}
.home_part5x .con_b .li:nth-child(6){transition: 1s 1.4s;} */
.home_part5x .con_b .li.on{opacity: 1 !important; transform: translate(0) !important;}


.home_part6 .text .li{ opacity: 0; transform: translateY(30px);}
.home_part6 .text .li1{transition: 1s 0.3s;}
.home_part6 .text .li2{transition: 1s 0.4s;}
.home_part6 .text .li3{transition: 1s 0.5s;}
.home_part6 .text .li4{transition: 1s 0.6s;}
.home_part6 .text .li5{transition: 1s 0.7s;}
.home_part6 .text .li6{transition: 1s 0.8s;}
.home_part6 .btn{ opacity: 0; transform: translateY(30px); transition: 1s 0.9s;}
.home_part6.on .text .li,
.home_part6.on .btn{opacity: 1 !important; transform: translate(0) !important;}

.home_part6 .bot .img{ opacity: 0; transform: scale(0.8);}
.home_part6 .bot .img:nth-child(1){transition: 1s 0.3s;}
.home_part6 .bot .img:nth-child(2){transition: 1s 0.4s;}
.home_part6 .bot .img:nth-child(3){transition: 1s 0.5s;}
.home_part6 .bot .img:nth-child(4){transition: 1s 0.6s;}
.home_part6 .bot .img:nth-child(5){transition: 1s 0.7s;}
.home_part6.on .bot .img{ opacity: 1; transform: scale(1);}

.home_part6 .bot .sp1{ opacity: 0; transform: translateY(30px);}
.home_part6 .bot .sp1:nth-child(1){transition: 1s 0.3s;}
.home_part6 .bot .sp1:nth-child(2){transition: 1s 0.4s;}
.home_part6 .bot .sp1:nth-child(3){transition: 1s 0.5s;}
.home_part6 .bot .sp1:nth-child(4){transition: 1s 0.6s;}
.home_part6 .bot .sp1:nth-child(5){transition: 1s 0.7s;}
.home_part6.on .bot .sp1{ opacity: 1; transform: translateY(0px);}

.home_part6 .bot .sp2{ opacity: 0; transform: translateY(30px);}
.home_part6 .bot .sp2:nth-child(1){transition: 1s 0.4s;}
.home_part6 .bot .sp2:nth-child(2){transition: 1s 0.5s;}
.home_part6 .bot .sp2:nth-child(3){transition: 1s 0.6s;}
.home_part6 .bot .sp2:nth-child(4){transition: 1s 0.7s;}
.home_part6 .bot .sp2:nth-child(5){transition: 1s 0.8s;}
.home_part6.on .bot .sp2{ opacity: 1; transform: translateY(0px);}

.home_part7 .con_c .btn_box{ opacity: 0; transform: translateY(30px);transition: 1s 0.4s;}
.home_part7.on .con_c .btn_box{ opacity: 1; transform: translateY(0px);}
.home_part7 .con_c .bot_box{ opacity: 0;transition: 1s 0.4s;}
.home_part7.on .con_c .bot_box{ opacity: 1;}

.home_part8 .bot .l{ opacity: 0; transform: translateX(-30px);transition: 1s 0.4s;}
.home_part8.on .bot .l{ opacity: 1; transform: translateY(0px);}



/* 
.home_part7 .li{ opacity: 0;}
.home_part7 .li1{transition: 1s 0.2s; transform: translateX(-30px);}
.home_part7 .li2{transition: 1s 0.2s; transform: translateX(30px);}
.home_part7.on .li{opacity: 1 !important; transform: translate(0) !important;} */




.scrollbox .often_anima{ opacity: 0; transition: 1s;}
.scrollbox .often_anima:nth-child(1){ transition-delay: 0s;}
.scrollbox .often_anima:nth-child(2){ transition-delay: 0.2s;}
.scrollbox .often_anima:nth-child(3){ transition-delay: 0.4s;}
.scrollbox .often_anima:nth-child(4){ transition-delay: 0.6s;}
.scrollbox .often_anima:nth-child(5){ transition-delay: 0.8s;}
.scrollbox .often_anima:nth-child(6){ transition-delay: 1s;}
.scrollbox .often_anima:nth-child(7){ transition-delay: 1.2s;}
.scrollbox .often_anima:nth-child(8){ transition-delay: 1.4s;}

.scrollbox .often_anima_scale{ transform: scale(0.9);}
.scrollbox .often_anima_left{ transform: translateX(-60px);}
.scrollbox .often_anima_right{ transform: translateX(60px);}
.scrollbox .often_anima_top{ transform: translateY(-60px);}
.scrollbox .often_anima_bottom{ transform: translateY(60px);}
.scrollbox.on .often_anima{ transform: translate(0) scale(1) !important; opacity: 1 !important;}

.menubtn{ display: none; width: 24px; height: auto; position:relative; z-index: 20; float: right; cursor: pointer; transition: 0.4s; cursor: pointer;}
.menubtn span{ display:block; width:100%; height:2px; background:#A72126; position:relative; -webkit-transition-duration: .3s,.3s; -moz-transition-duration: .3s,.3s; -ms-transition-duration: .3s,.3s; -o-transition-duration: .3s,.3s; transition-duration: .3s,.3s;-webkit-transition-delay: .3s,0s; -moz-transition-delay: .3s,0s; -ms-transition-delay: .3s,0s; -o-transition-delay: .3s,0s; transition-delay: .3s,0s; transition: color 0.3s 0s; }
.menubtn span:after,
.menubtn span:before { content: ""; position: absolute; display: inline-block; width: 100%; height: 2px; left: 0;
 background-color: #A72126; -webkit-transition-duration: .3s,.3s; -moz-transition-duration: .3s,.3s; -ms-transition-duration: .3s,.3s;-o-transition-duration: .3s,.3s; transition-duration: .3s,.3s;-webkit-transition-delay: .3s,0s;-moz-transition-delay: .3s,0s;-ms-transition-delay: .3s,0s;-o-transition-delay: .3s,0s; transition-delay: .3s,0s}
.menubtn span:before {top: -8px;-webkit-transition-property: top,transform;-moz-transition-property: top,transform;-ms-transition-property: top,transform;-o-transition-property: top,transform;transition-property: top,transform;}
.menubtn span:after {bottom: -8px;-webkit-transition-property: bottom,transform;-moz-transition-property: bottom,transform;-ms-transition-property: bottom,transform;-o-transition-property: bottom,transform;
transition-property: bottom,transform;}
.menubtn.active span {background-color: transparent;-webkit-transition-delay: 0s,0s;-moz-transition-delay: 0s,0s;-ms-transition-delay: 0s,0s;-o-transition-delay: 0s,0s;transition-delay: 0s,0s;}
.menubtn.active span:after,.menubtn.active span:before { -webkit-transition-delay: 0s,.3s;-moz-transition-delay: 0s,.3s; -ms-transition-delay: 0s,.3s; -o-transition-delay: 0s,.3s; transition-delay: 0s,.3s;}
.menubtn.active span:before {top: 0px;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg)}
.menubtn.active span:after {bottom:0px;-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);}


.slidetop{
  opacity: 0;
  visibility: hidden;
  transform: translateY(100px);
  transition: 1s;
}

.fadeAnime{
  opacity: 0;
  transform: scale(0.9);
  visibility: hidden;
  transition: opacity 0.5s, transform 2s;
}

.fadeAnime.articleShow{
  opacity: 1;
  transform: scale(1);
  visibility: visible;
}

.slidetop.articleShow{
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
.slidetop.articleShow.detay1{
  transition-delay: 0.25s;
}
.slidetop.articleShow.detay2{
  transition-delay: 0.5s;
}

.slideList >li,.slideList >div{
  opacity: 0;
  visibility: hidden;
  transform: translateY(80px);
  transition: 1s;
} 

.slideList.articleShow >li,.slideList.articleShow >div{
  opacity: 1;
  visibility: visible;
  transform: translateY(0px);
  transition-delay: 0.15s;
}
.slideList.articleShow >li:nth-child(2),.slideList.articleShow >div:nth-child(2){
  transition-delay: 0.35s;
}
.slideList.articleShow >li:nth-child(3),.slideList.articleShow >div:nth-child(3){
  transition-delay: 0.55s;
}
.slideList.articleShow >li:nth-child(4),.slideList.articleShow >div:nth-child(4){
  transition-delay: 0.75s;
}
.slideList.articleShow >li:nth-child(5),.slideList.articleShow >div:nth-child(5){
  transition-delay: 0.95s;
}
.slideList.articleShow >li:nth-child(6),.slideList.articleShow >div:nth-child(6){
  transition-delay:1.15s;
}
.slideList.articleShow >li:nth-child(7),.slideList.articleShow >div:nth-child(7){
  transition-delay: 1.35s;
}
.slideList.articleShow >li:nth-child(8),.slideList.articleShow >div:nth-child(8){
  transition-delay: 1.55s;
}

.blurFade{
  opacity: 0;
  filter: blur(3px);
  transition: 0.7s;
}
.blurFade.detay1{
  transition-delay: 0.3s;
}
.blurFade.articleShow{
  opacity: 1;
  filter: blur(0);
}
.pathClie{
  opacity: 0;
  clip-path: inset(100% 0 0 0);
  transition: opacity 1s ease-out,clip-path 1s cubic-bezier(0.26, 1, 0.48, 1);
}
.pathClie1{
  opacity: 0;
  clip-path: inset(100% 0 0 0);
  transition: opacity 1.5s ease-out,clip-path 1.5s cubic-bezier(0.26, 1, 0.48, 1);
}

.pathClie.articleShow,.pathClie1.articleShow{
  opacity: 1;
  clip-path: inset(0 0 0 0);
}<!--0.00026607513427734-->