/*.header {background:rgba(255,255,255,0); filter: invert(1);}
.headroom--not-top {background:#fff; filter:invert(0);}
.header .logo img {filter:brightness(0);}
.headroom--not-top .logo img {filter:initial;}*/

.wid {max-width:1700px; margin:0 auto; padding:0 60px;}
@media screen and (max-width:1200px) {
	.wid {padding:0 25px;}
}


.sub_1 {padding-top:140px; overflow-x:hidden;}
.sub_1 .sec0 {padding:60px 0 0 0;}
.sub_1 .sec0:after {content:''; clear:both; display: table;}
.sub_1 .sec0 h1 {float:left; font-size:110px; color:#111; font-weight:500; line-height:1.1em; }
.sub_1 .sec0 h1 span {display: inline-block;width:17px; height:17px; border-radius:50%; background:#3181FE; margin-left:10px;}
.sub_1 .sec0 .right {float:right; width:500px;}
.sub_1 .sec0 h2 {font-size:30px; color:#111; font-weight:300; margin-top:45px;}
.sub_1 .sec0 h2 b {font-weight:700;}
.sub_1 .sec0 p { font-size:16px; color:#444; font-weight:400; margin-top:15px; line-height:1.55em; padding-left:1px;} 
.sub_1 .sec0 .img {width:100%; margin-top:80px; height:420px;}


.sub_1 .sec1 { background:#fff; padding:90px 0 220px 0;  position: relative; z-index: 1;}
.sub_1 .sec1 .swiper {overflow: visible;}
.sub_1 .sec1 .swiper .swiper-slide {opacity: 0 !important; transition: opacity 0.5s ease !important;}
.sub_1 .sec1 .swiper .swiper-slide-active {opacity: 1 !important}
.sub_1 .sec1 .swiper-slide h3 {font-size:18px; color:#3181FE; font-weight:300; position: relative; padding-left:75px;}
.sub_1 .sec1 .swiper-slide h3:after {content:''; position: absolute; left:0; top:10px; width:60px; height:1px; background:#3181FE;}
.sub_1 .sec1 .swiper-slide h3 b {font-weight:700; color:#3181FE;}
.sub_1 .sec1 .swiper-slide h2 {font-size:42px; color:#111; font-weight:700; margin-top:125px; position: relative;}
.sub_1 .sec1 .swiper-slide h2:after {content:'01'; position: absolute; font-size:155px; color:#f4f4f4; font-weight:700; z-index: -1; left:-100px; top:-119px; letter-spacing: -1px;}
.sub_1 .sec1 .swiper-slide:nth-child(2) h2:after {content:'02'; left:-125px;}
.sub_1 .sec1 .swiper-slide:nth-child(3) h2:after {content:'03'; left:-125px;}
.sub_1 .sec1 .swiper-slide p {font-size:18px; color:#444; font-weight:400; margin-top:20px; line-height:1.4em;}
.sub_1 .sec1 .swiper-slide .left {float:left; width:calc(100% - 700px); max-width:700px;}
.sub_1 .sec1 .swiper-slide .box {margin-top:35px;}
.sub_1 .sec1 .swiper-slide .box span {background:#f8f8f8; padding:20px 25px; border-radius:10px; font-size:16px; color:#444; font-weight:300; margin-bottom:15px; display: inline-block; width:90%;}
.sub_1 .sec1 .swiper-slide .box span b {display: inline-block; width:100%; margin-bottom:8px; font-weight:700; color:#111;}
.sub_1 .sec1 .swiper-slide .img {float:right; width:700px; height:740px; border-radius:30px; margin-top:20px;}

.sub_1 .sec1 .swiper_btn {margin-top:-90px; position: relative; z-index: 1; width:calc(100% - 700px); max-width:700px; padding-left:2px;}
.sub_1 .sec1 .swiper_btn li {display: inline-block; width:calc((100% - 80px) / 3); margin-right:40px; float:left; cursor: pointer;}
.sub_1 .sec1 .swiper_btn li:last-child {margin-right:0;}
.sub_1 .sec1 .swiper_btn li p {font-size:18px; color:#888888; font-weight:300; transition: .3s;}
.sub_1 .sec1 .swiper_btn li span {color:#777; font-size:13px; margin-top:18px; border-top:1px solid #d9d9d9; padding-top:15px; line-height:1.45em;  display: inline-block; width:100%; transition: .3s;}
.sub_1 .sec1 .swiper_btn li.on p {color:#111; font-weight:600; position: relative;}
.sub_1 .sec1 .swiper_btn li.on p:after {content:''; position: absolute; left:-11px; top:-11px; width:8px; height:8px; background:#3181FE; border-radius:50%;}
.sub_1 .sec1 .swiper_btn li.on span {color:#111; font-weight:400; border-top:1px solid #222;}

.sub_1 .deco_txt {position: relative; overflow: hidden; height:142px;}
.sub_1 .deco_txt span {font-size:11.7vw; color:#F8F8F8; font-weight:800; position: absolute; left:50%; top:50%; transform: translate(-50%,-50%); width:120%; text-align: center;}




.sub_1 .sec2 {position: relative; border-top:1px solid #EDEDED; border-bottom:1px solid #EDEDED; padding:65px 0; overflow: hidden;}
.sub_1 .sec2:before {content:''; position: absolute; right:-250px; width:500px; height:500px; border:130px solid #f9f9f9; border-radius:50%;}
.sub_1 .sec2:after {content:''; position: absolute; left:0; top:0; height:100%; width:280px; background:#f9f9f9; z-index: -1;}
.sub_1 .sec2 .wid:after {content:''; clear:both ;display: table;}
.sub_1 .sec2 .img {float:left; width:555px; height:555px; border-radius:50%; border:60px solid #fff; }
.sub_1 .sec2 .right {float:left; width:calc(100% - 555px); padding-left:47px; margin-top:130px;}
.sub_1 .sec2 h3 {font-size:20px; color:#3181FE; font-weight:700;}
.sub_1 .sec2 h2 {font-size:40px; color:#111; font-weight:300; margin-top:30px;}
.sub_1 .sec2 h2 b {font-weight:700;}
.sub_1 .sec2 p {margin-top:25px; font-size:18px; color:#111; font-weight:300; line-height:1.55em;}
.sub_1 .sec2 p b {font-weight:700;}









.sub_1 .sec3 {margin:95px 0 120px 0;}
.sub_1 .sec3 .wid:after {content:''; clear:both; display: table;}
.sub_1 .sec3 h3 {font-size:40px; color:#111; font-weight:300;}
.sub_1 .sec3 h3 b {font-weight:700;}
.sub_1 .sec3 .tab {float:left; width:250px; margin-top:30px;}
.sub_1 .sec3 .tab:after {content:''; clear:both; display: table;}
.sub_1 .sec3 .tab li {padding:18px 25px; border-radius:14px; color:#888888; position: relative; font-size:18px; cursor: pointer; transition: .3s;}
.sub_1 .sec3 .tab li.on {background:#3181FE; color:#fff; margin:10px 0;}
.sub_1 .sec3 .tab li.on:after {content:''; position: absolute; width:13px; height:13px; border:3px solid #fff; background:#3181FE; z-index: 1; left:-6px; top:22px; border-radius:50%;}
.sub_1 .sec3 .tab li.on:before {content:''; position: absolute; left:calc(-100vw + 1700px); top:28px; height:1px; width:calc(100vw - 1700px); background:#3181FE; z-index: 2;}
.sub_1 .sec3 .swiper2 {float:right; width:calc(100% - 320px); }
.sub_1 .sec3 .swiper2 .swiper-slide {opacity: 0 !important; transition: opacity 0.5s ease !important;}
.sub_1 .sec3 .swiper2 .swiper-slide-active {opacity: 1 !important}
.sub_1 .sec3 .swiper-slide h2 {font-size:27px; color:#111; font-weight:700; margin-top:51px; position: relative;}
.sub_1 .sec3 .swiper-slide h2 img {position: absolute; left:-55px; top:-40px; z-index: -1;}
.sub_1 .sec3 .swiper-slide p {font-size:18px; color:#444; font-weight:400; margin-top:12px; line-height:1.4em;}
.sub_1 .sec3 .swiper-slide .box {margin-top:28px;}
.sub_1 .sec3 .swiper-slide .box:after {content:''; clear:both; display: table;}
.sub_1 .sec3 .swiper-slide .box span {background:#F6F6F6; padding:20px 25px; border-radius:10px; font-size:16px; color:#444; font-weight:300; display: inline-block; float:left; width:calc((100% - 50px) / 3); margin-right:25px;}
.sub_1 .sec3 .swiper-slide .box span:last-child {margin-right:0;}
.sub_1 .sec3 .swiper-slide .box span b {display: inline-block; width:100%; margin-bottom:5px; font-weight:700; color:#111;}
.sub_1 .sec3 .swiper-slide .img {width:100%; height:425px; border-radius:20px; margin-top:30px;}







.sub_1 .sec4 {padding:120px 0 140px 0;text-align: center; position: relative; background:#222;  z-index: 1;}
/*.sub_1 .sec4:after {content:''; position: absolute; bottom:310px; left:0; width:100%; border-bottom:2px dashed #373737; z-index: -3;}*/
.sub_1 .sec4 .line {position: absolute; bottom:310px; left:0; width:100%; z-index: -3; }
.sub_1 .sec4 .wid {max-width:1500px;}
/*.sub_1 .sec4:after {content:'';position:absolute; width:100%; height:170px;  left:0; top:-72px; z-index: -1; background:#f8f8f8}*/
.sub_1 .sec4 h3 {font-size:20px; color:#3181FE; font-weight:700;}
.sub_1 .sec4 h2 {font-size:45px; color:#fff; font-weight:300; position: relative; margin-top:25px;}
/*.sub_1 .sec4 h2:after {content:''; position: absolute; left:50%; top:-88px; height:35px; width:1px; background:#222; transform: translate(-50%,0);}*/
.sub_1 .sec4 h2 b {font-weight:700;}
.sub_1 .sec4 ul {margin-top:75px; position: relative;}
.sub_1 .sec4 ul:after {content:''; clear:both; display: table;}
.sub_1 .sec4 ul li {float:left; width:calc((100% - 160px) / 3); margin-right:80px; height:358px; border-radius:60px; position: relative; padding-top:75px;}
.sub_1 .sec4 ul li:after {content:''; position: absolute; left:50%; top:0; height:100%; width:358px; border-radius:60px; z-index: -1;background:#1C1C1C;  transform: translate(-50%,0);}
.sub_1 .sec4 ul li:before {content:''; position: absolute; left:50%; top:-25px; height:calc(100% + 50px); width:408px; border-radius:75px; z-index: -2;background:#1F1F1F;  transform: translate(-50%,0);}
.sub_1 .sec4 ul li:last-child {margin-right:0;}
.sub_1 .sec4 ul li p {font-size:20px; color:#fff; margin-top:28px; font-weight:700;}
.sub_1 .sec4 ul li span {display: inline-block; width:100%; margin-top:15px; font-size:16px; color:#ADADAD; font-weight:300; line-height:1.5em;}
.sub_1 .sec4 ul li img {height:78px;}










footer {background:#fff; border-top:1px solid #eee;}
footer .txt span {color:#888;}
footer .txt span b {color:#444; font-weight:600;}
footer .txt span:after {background:#ddd;}
footer .copy {color:#555;}
footer .logo {filter:grayscale(1);}





@media screen and (max-width:1500px) {
	.sub_1 .sec1 .swiper-slide h2 {font-size:35px;}
	.sub_1 .sec1 .swiper-slide .left {width:calc(100% - 550px); padding-right:50px;}
	.sub_1 .sec1 .swiper-slide .img {width:550px;}
	.sub_1 .sec1 .swiper-slide .box span {width:100%;}

	 .sub_1 .sec1 .swiper_btn {width:calc(100% - 600px); }
	 .sub_1 .sec1 .swiper_btn li {width:calc((100% - 40px) / 3); margin-right:20px;}
	 .sub_1 .sec1 .swiper_btn li span br {display: none;}

	 .sub_1 .sec3 .tab {width:210px;}
	 .sub_1 .sec3 .tab li.on:before {left:-60px; width:60px;}
	 .sub_1 .sec3 .swiper2 {width:calc(100% - 260px);}
	 .sub_1 .sec3 .swiper-slide .box span {height:102px;}

	 .sub_1 .sec4 ul li:before {content:none;}

}

@media screen and (max-width:1280px) {
	.sub_1 .sec0 {padding-top:0;}
	.sub_1 .sec0 h1 {font-size:80px;}
	.sub_1 .sec0 .img {margin-top:50px; height:320px;}

	.sub_1 .sec1 {padding:50px 0 50px 0;}
	.sub_1 .sec1 .swiper-slide h2 {margin-top:170px;}
	.sub_1 .sec1 .swiper-slide h2:after {font-size:115px; top:-89px; left:-12px;}
	.sub_1 .sec1 .swiper-slide .left {width:100%; max-width:100%; padding-right:0;}
	.sub_1 .sec1 .swiper-slide .img {width:100%; height:300px;}

	.sub_1 .sec1 .swiper_btn {margin-top:0; position: absolute; left:25px; width:calc(100% - 50px); top:97px; max-width:100%;}
	.sub_1 .sec1 .swiper_btn li {padding:10px 0 15px 12px;  border-bottom:1px solid #ddd; width:calc(100% / 3); margin-right:0;}
	.sub_1 .sec1 .swiper_btn li span {display: none;}
	.sub_1 .sec1 .swiper_btn li.on {border-bottom:2px solid #111;}
	.sub_1 .sec1 .swiper-slide h3 {padding-left:0; color:#111; font-weight:600;}
	.sub_1 .sec1 .swiper-slide h3 b {color:#111;}
	.sub_1 .sec1 .swiper-slide h3:after {content:none;}


	.sub_1 .sec2 .img {width:405px; height:405px; border:40px solid #fff;}
	.sub_1 .sec2 .right {width:calc(100% - 405px); margin-top:80px;}
	.sub_1 .sec2 h3 {font-size:18px;}
	.sub_1 .sec2 h2 {font-size:35px;}
	.sub_1 .sec2 p {font-size:16px;}


	.sub_1 .sec3 {margin:65px 0 80px 0;}
	.sub_1 .sec3 .swiper-slide .box span {width:100%; margin-right:0; margin-bottom:15px; height:auto;}
	.sub_1 .sec3 .swiper-slide .img {margin-top:15px;}
	.sub_1 .sec3 .swiper-slide p {font-size:16px;}
	.sub_1 .sec3 .swiper-slide .img {height:260px;}


	.sub_1 .sec4 {padding:75px 0 90px 0;}
	.sub_1 .sec4 h3 {font-size:18px;}
	.sub_1 .sec4 h2 {font-size:40px; margin-top:20px;}
	.sub_1 .sec4 ul {margin-top:45px;}
	.sub_1 .sec4 ul li {width:calc(100% / 3); margin:0; height:300px; padding-top:67px;}
	.sub_1 .sec4 ul li img {height:63px;}
	.sub_1 .sec4 ul li p {font-size:18px;}
	.sub_1 .sec4 ul li span {margin-top:10px; font-size:14px; letter-spacing: -.3px;}
	.sub_1 .sec4 ul li:after {width:300px;}
	.sub_1 .sec4 .line {bottom:244px;}

}

@media screen and (max-width:1024px) {
	.sub_1 {padding-top:110px;}
	.sub_1 .sec0 h1 {font-size:65px;}
	.sub_1 .sec0 .img {height:220px; margin-top:40px;}
	.sub_1 .sec1 .swiper-slide h2 {font-size:30px;}
	.sub_1 .sec1 .swiper-slide:nth-child(2) h2:after, .sub_1 .sec1 .swiper-slide:nth-child(3) h2:after {left:-15px;}
	.sub_1 .sec1 .swiper-slide .box {margin-top:25px;}
	.sub_1 .sec1 .swiper-slide .img {margin-top:15px; border-radius:20px;}

	.sub_1 .sec2 {padding:35px 0 ;}
	.sub_1 .sec2 .img {width:275px; height:275px; border:30px solid #fff;}
	.sub_1 .sec2:after {width:160px;}
	.sub_1 .sec2 .right {width:calc(100% - 275px); padding-left:25px; margin-top:47px;}
	.sub_1 .sec2 h2 {font-size:30px; margin-top:15px;}
	.sub_1 .sec2 p {margin-top:15px; font-size:14px;}

	.sub_1 .sec3 {margin:50px 0 70px 0;}
	.sub_1 .sec3 .tab {width:180px; margin-top:22px;}
	.sub_1 .sec3 .tab li {font-size:17px; padding:14px 20px;}
	.sub_1 .sec3 .tab li.on {margin:6px 0;}
	.sub_1 .sec3 .tab li.on:after {top:18px;}
	.sub_1 .sec3 .tab li.on:before {top:24px;}
	.sub_1 .sec3 h3 {font-size:32px;}
	.sub_1 .sec3 .swiper2 {width:calc(100% - 220px);}
	.sub_1 .sec3 .swiper-slide h2 {font-size:25px; margin-top:38px;}
	.sub_1 .sec3 .swiper-slide .box {margin-top:20px;}

	.sub_1 .sec4 {padding:65px 0 40px 0;}
	.sub_1 .sec4 ul li {width:100%; padding-left:130px; position: relative; text-align: left; padding-top:44px; height:160px; margin-bottom:15px;}
	.sub_1 .sec4 ul li img {position: absolute; left:40px; top:48px;}
	.sub_1 .sec4 ul li:after {width:100%; border-radius:25px;}
	.sub_1 .sec4 ul li p {margin-top:0;}
	.sub_1 .sec4 .line {display: none;}
	.sub_1 .sec4 h2 {font-size:35px; margin-top:15px;}
	.sub_1 .sec4 ul {margin-top:30px;}
}

@media screen and (max-width:767px) {
	.header {filter:initial;}
	.sub_1 {padding-top:95px}
	.sub_1 .sec0 h1 {font-size:40px; font-weight:600;}
	.sub_1 .sec0 h1 span {width:10px; height:10px; margin-left:5px;}
	.sub_1 .sec0 .img {margin-top:25px; height:150px;}

	.sub_1 .sec1 {padding:35px 0 40px 0;}
	.sub_1 .sec1 .swiper-slide h3 {font-size:16px;}
	.sub_1 .sec1 .swiper_btn {top:67px; padding-left:0;}
	.sub_1 .sec1 .swiper_btn li p {font-size:14px;}
	.sub_1 .sec1 .swiper_btn li {padding:10px 0 10px 2px; text-align: left;}
	.sub_1 .sec1 .swiper_btn li.on p:after {content:none;}
	.sub_1 .sec1 .swiper-slide h2:after {font-size:65px; top:-49px;}
	.sub_1 .sec1 .swiper-slide h2 {font-size:20px; margin-top:103px;}
	.sub_1 .sec1 .swiper-slide p {font-size:14px; margin-top:10px;}
	.sub_1 .sec1 .swiper-slide .box {margin-top:17px;}
	.sub_1 .sec1 .swiper-slide .box span {padding:17px 20px; font-size:14px;}
	.sub_1 .sec1 .swiper-slide .box span b {margin-bottom:4px;}
	.sub_1 .sec1 .swiper-slide .img {margin-top:2px; height:210px;}

	.sub_1 .sec2:before {content:none;}
	.sub_1 .sec2:after {width:30px;}
	.sub_1 .sec2 .right {width:100%; padding-left:60px; margin-top:-83px;}
	.sub_1 .sec2 .img {width:95px; height:95px; border:10px solid #fff; margin-top:-11px; margin-left:-50px;}
	.sub_1 .sec2 h3 {font-size:15px;}
	.sub_1 .sec2 h2 {font-size:25px; margin-top:11px;}
	.sub_1 .sec2 p {margin-top:12px;}
	.sub_1 .sec2 p br {display: none;}

	.sub_1 .sec3 {margin:35px 0 60px 0;}
	.sub_1 .sec3 h3 {font-size:25px;}
	.sub_1 .sec3 .tab {width:100%;}
	.sub_1 .sec3 .tab li {float:left; width:calc((100% - 10px) / 2); margin:5px 0; height:40px; border-radius:10px; font-size:15px; padding:11px 16px; background:#f6f6f6}
	.sub_1 .sec3 .tab li:nth-child(2n) {float:right;}
	.sub_1 .sec3 .tab li.on {margin:5px 0;}
	.sub_1 .sec3 .tab li.on:after {content:none;}
	.sub_1 .sec3 .tab li.on:before {content:none;}
	.sub_1 .sec3 .swiper2 {width:100%;}
	.sub_1 .sec3 .swiper-slide h2 {font-size:20px; margin-top:30px;}
	.sub_1 .sec3 .swiper-slide p {font-size:14px; margin-top:8px;}
	.sub_1 .sec3 .swiper-slide .box span {font-size:}
	.sub_1 .sec3 .swiper-slide .box {margin-top:17px;}
	.sub_1 .sec3 .swiper-slide .box span {padding:17px 20px; font-size:14px;}
	.sub_1 .sec3 .swiper-slide .box span b {margin-bottom:4px;}
	.sub_1 .sec3 .swiper-slide .img {height:140px; margin-top:5px;}
	

	.sub_1 .sec4 {padding:50px 0 40px 0;}
	.sub_1 .sec4 h3 {font-size:16px;}
	.sub_1 .sec4 h2 {margin-top:10px; font-size:25px;}
	.sub_1 .sec4 ul li {padding-left:90px; padding-top:26px; height:113px;}
	.sub_1 .sec4 ul li p {font-size:16px;}
	.sub_1 .sec4 ul li img {height:50px; left:22px; top:31px;}
	.sub_1 .sec4 ul li span {font-size:13px; letter-spacing: -.5px; margin-top:6px;}
}