.header {background:rgba(255,255,255,0); filter: invert(1);}
.headroom--not-top {background:#fff; filter:invert(0);}
.wid {max-width:1650px; margin:0 auto; padding:0 60px;}
.header .logo img {filter:brightness(0);}
.headroom--not-top .logo img {filter:initial;}

/*footer {background:#fff;}*/

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

.main .sec1 {width:100%; height:100vh; min-height:850px; position: relative;}
.main .sec1 .down_arrow {position: absolute; left:0; bottom:0; border:none; background:none; z-index: 2;}
.main .sec1 .down_arrow img {width:45px;}
.main .sec1 .swiper {width:100%; height:100%; }
.main .sec1 .swiper:after {content:''; position: absolute; right:30%; height:100%; width:1px; background:rgba(255,255,255,.15); z-index: 1; top:0;}
.main .sec1 .swiper:before {content:''; position: absolute; left:0; width:100%; height:1px; background:rgba(255,255,255,.15); bottom:250px; z-index: 2;}
.main .sec1 .swiper .swiper-slide {width:100%; height:100%;}
.main .sec1 .swiper .swiper-slide .posi {max-width:1650px; margin:240px auto 0 auto; padding:0 60px;}
.main .sec1 .swiper .swiper-slide h2 {font-size:60px; color:#fff; font-weight:700;}
.main .sec1 .swiper .swiper-slide p {margin-top:30px; font-size:16px; color:#fff; font-weight:300; line-height:1.55em; padding-left:2px;}

.main .sec1 .arrow_box {width:135px; position: absolute; position: absolute; top:500px; left:0; max-width:1650px; padding:0 60px; z-index: 1;width:100%; margin:0 auto; left:0; right:0;}
.main .sec1 .arrow_box .swiper-button-next_top-banner, .main .sec1 .arrow_box .swiper-button-prev_top-banner { float:left; margin-right:30px; cursor: pointer; opacity: .5; transition: .3s;}
.main .sec1 .arrow_box .swiper-button-next_top-banner:hover, .main .sec1 .arrow_box .swiper-button-prev_top-banner:hover {opacity: 1;}

.main .sec1 .menu_box {position: absolute; left:0; right:0; bottom:90px; margin:0 auto; max-width:1650px; width:100%; padding:0 60px; z-index: 3;}
.main .sec1 .menu_box:after {content:''; clear;both; display: table;}
.main .sec1 .menu_box button {float:left; width:190px; border:none; border-bottom:1px solid rgba(255,255,255,.8);font-size:13px; color:rgba(255,255,255,.7); background:none; text-align: left; font-weight:100; padding-bottom:25px; margin-right:60px;}
.main .sec1 .menu_box button br {display: none;}
.main .sec1 .menu_box button:last-child {margin-right:0;}
.main .sec1 .menu_box button b {display: inline-block; width:100%; margin-bottom:6px; color:#fff; font-size:16px; font-weight:600;}

.main .sec1 .location {position: absolute; right:100px; bottom:90px; border:none; background:rgba(255,255,255,.15); backdrop-filter: blur(10px); border-radius:15px; padding:22px 25px; color:rgba(255,255,255,.7); font-size:13px; font-weight:100; z-index: 3; text-align: left; width:295px;}
.main .sec1 .location b {display: inline-block; width:100%; font-size:16px; color:#fff; font-weight:600; margin-bottom:3px;}
.main .sec1 .location img {position: absolute; right:22px; top:50%; transform: translate(0,-50%);}

.main .sec1 .swiper2 {max-width:50%; width:100%; position: absolute; top:180px; right:0; overflow: hidden; padding-left:280px; padding-right:50px;}
.main .sec1 .swiper2 .swiper-slide {height:450px; width:350px; position: relative;  overflow: hidden; transition: .3s; cursor:pointer;}
.main .sec1 .swiper2 .swiper-slide .posi {position: absolute; bottom:45px; left:40px; }
.main .sec1 .swiper2 .swiper-slide p {font-size:17px; color:#fff; }
.main .sec1 .swiper2 .swiper-slide span {display: inline-block; width:100%; margin-top:6px; font-size:13px; color:rgba(255,255,255,.8); font-weight:300;}
.main .sec1 .swiper2 .swiper-slide .quick {position: absolute; right:25px; top:30px; border:none; background:none; font-size:12px; color:#fff; font-weight:600; opacity: 0; transition: .3s;}
.main .sec1 .swiper2 .swiper-slide .quick img {margin-left:15px;}
.main .sec1 .swiper2 .swiper-slide .img {position: absolute; left:50%; top:50%; max-height:100%; width:auto; height:auto; transform: translate(-50%,-50%); transition: .3s; z-index: 1;}

.main .sec1 .swiper2 .swiper-slide:hover {background:#0D1706;}
.main .sec1 .swiper2 .swiper-slide:hover .quick {opacity: 1;}
.main .sec1 .swiper2 .swiper-slide:hover .img {opacity: .1; z-index: 0}


@media screen and (max-width:1280px) {
	.main .sec1 .swiper:after {right:20%;}
	.main .sec1 .swiper .swiper-slide h2 {font-size:45px;}
	.main .sec1 .swiper .swiper-slide p {font-size:15px; margin-top:20px;}

	.main .sec1 .swiper2 {max-width:45%; padding-left:0;}
	.main .sec1 .swiper2 .swiper-slide {height:400px;}

	.main .sec1 .location {display: none;}
}

@media screen and (max-width:1024px) {
	.main .sec1 {min-height:670px;}
	.main .sec1 .swiper2 {display: none;}
	.main .sec1 .swiper .swiper-slide .posi {margin-top:160px;}
	.main .sec1 .menu_box button {width:calc((100% - 80px) / 3); margin-right:40px;}
	.main .sec1 .menu_box button:last-child {margin-right:0;}
	.main .sec1 .arrow_box {top:380px;}
	.main .sec1 .down_arrow img {width:38px;}
	.main .sec1 .menu_box {bottom:50px;}
	.main .sec1 .swiper:before {bottom:170px;}
	.main .sec1 .swiper:after {right:10%;}
}

@media screen and (max-width:767px) {
	.main .sec1 {height:100svh}
	.main .sec1 .swiper:after {display: none;}
	.main .sec1 .swiper .swiper-slide .posi {margin-top:120px; padding:0 35px;}
	.main .sec1 .swiper .swiper-slide h2 {font-size:30px;}
	.main .sec1 .swiper .swiper-slide p {font-size:14px; padding-left:0; margin-top:15px;}
	.main .sec1 .swiper .swiper-slide p br {display: none;}
	.main .sec1 .arrow_box {top:295px; padding:0 32px;}
	.main .sec1 .arrow_box .swiper-button-next_top-banner, .main .sec1 .arrow_box .swiper-button-prev_top-banner {margin-right:20px;}

	.main .sec1 .menu_box {padding:0 0px; bottom:25px;}
	.main .sec1 .menu_box button {width:calc(100% / 3); margin-right:0px; text-align: center; padding-bottom: 0px; font-size:12px; line-height:1.3em; border-bottom:none; border-right:1px solid #ffffff40;}
	.main .sec1 .menu_box button br {display: block;}
	.main .sec1 .menu_box button:last-child {border-right:none;}
	.main .sec1 .menu_box button b {font-size:14px; font-weight:400;}
	.main .sec1 .down_arrow img {width:35px; display: none;}
	.main .sec1 .swiper:before {bottom:110px;}
}








.main .sec2 {padding:100px 0; background:url('../img/sec2_bg.png')no-repeat left top 250px; position: relative; overflow: hidden;}
.main .sec2:after {content:''; clear:both; display: table;}
.main .sec2 .box1 {float:left;}
.main .sec2 .box1 span {font-size:16px; color:#111; font-weight:300; display: inline-block; width:100%;}
.main .sec2 .box1 h2 {font-size:70px; margin-top:30px; color:#111; font-family: 'GmarketSansMedium'; line-height:1.1em; margin-left:-4px; font-weight:600;}
.main .sec2 .box1 h3 {font-size:20px; color:#111; font-weight:700; margin-top:51px;}
.main .sec2 .box1 p {margin-top:12px; font-size:16px; color:#444; line-height:1.45em; font-weight:300;}

.main .sec2 .box2 {float:right; width:calc(100% - 500px); position: relative;}
.main .sec2 .box2 .img {width:calc(100vw - 505px); border-radius:70px 0 0 0; height:220px; background:url('../img/sec2_img.jpg')no-repeat center; background-size:cover; position: absolute; left:0; max-width:1545px;}
.main .sec2 .box2 .bt_box {margin-top:250px;}
.main .sec2 .box2 .bt_box:after {content:''; clear:both; display: table;}
.main .sec2 .box2 .bt_box button {float:left; max-width:175px; width:calc(82% / 4); margin-right:6%; height:85px; position: relative; border:none; border-bottom:1px solid #111; background:#fff; text-align: left; font-size:13px; color:#444; font-weight:300;}
.main .sec2 .box2 .bt_box button b {display: inline-block; width:100%; margin-bottom:4px; font-size:16px; color:#111; font-weight:600;}
.main .sec2 .box2 .bt_box button img {position: absolute; right:0; top:0;}
.main .sec2 .box2 .bt_box button:last-child {margin-right:0;}

@media screen and (max-width:1500px) {
	.main .sec2 .box2 .bt_box button {width:calc(91% / 4); margin-right:3%; font-size:12px;}
	.main .sec2 .box2 .bt_box button:last-child {margin-right:0;}
}

@media screen and (max-width:1200px) {
	.main .sec2 .box2 .img {width:calc(100vw - 365px); height:155px;}
	.main .sec2 .box2 .bt_box {margin-top:176px}
	.main .sec2 .box2 .bt_box button {width:calc(95% / 2); margin-right:5%; margin-bottom:20px; max-width:100%; height:70px;}
	.main .sec2 .box2 .bt_box button:nth-child(2n) {margin-right:0;}
	.main .sec2 .box2 .bt_box button b {font-size:15px;}

}

@media screen and (max-width:1024px) {
	.main .sec2 {background-size:350px;}
	.main .sec2 .box1 span {font-size:14px;}
	.main .sec2 .box1 h2 {font-sizE:55px;}
	.main .sec2 .box1 h3 {font-size:18px; margin-top:40px;}
	.main .sec2 .box1 p {font-size:14px; margin-top:8px;}

	.main .sec2 .box2 .img {height:95px;}
	.main .sec2 .box2 {width:calc(100% - 350px)}
	.main .sec2 .box2 .bt_box {margin-top:112px;}
}

@media screen and (max-width:767px) {
	.main .sec2 {padding:60px 0 50px 0;}
	.main .sec2 .box1 span {font-size:13px;}
	.main .sec2 .box1 h2 {font-size:42px;}
	.main .sec2 .box1 h2 br {display: none;}
	.main .sec2 .box1 h3 {margin-top:20px; font-size:16px;}
	.main .sec2 .box1 p {font-size:13px; line-height:1.35em;}
	.main .sec2 .box2 {width:100%; margin-top:25px}
	.main .sec2 .box2 .img {width:calc(100% + 25px); border-radius:0 50px 0 0 ; left:-25px; }
	.main .sec2 .box2 .bt_box {margin-top:107px;}
}






.main .sec3 {background:url('../img/sec3_bg.jpg')no-repeat center; background-size:cover; border-radius:70px 70px 0 0; }
.main .sec3:after {content:''; clear:both; display: table;}
.main .sec3 button {float:left; width:calc(100% / 3); height:430px; border:none; background:none; border-left:1px solid rgba(255,255,255,.3); position: relative; text-align: left; padding:55px 55px; font-size:16px; color:rgba(255,255,255,.8); font-weight:300; transition: .3s;}
.main .sec3 button:last-child { border-right:1px solid rgba(255,255,255,.3);}
.main .sec3 button h2 {font-size:55px; font-weight:400; font-family: 'GmarketSansMedium';}
.main .sec3 button span {display: inline-block; width:100%; margin-top:130px; font-size:15px; border-bottom:2px solid rgba(255,255,255,.7); padding-bottom:14px; }
.main .sec3 button span:after {content:''; clear:both; display: table;}
.main .sec3 button span img {float:right;}
.main .sec3 button b {display: inline-block; width:100%; margin-top:20px; font-size:25px;color:#fff; font-weight:600; margin-bottom:7px; }
.main .sec3 button:hover {background:rgba(0,0,0,.6);}

@media screen and (max-width:1024px) {
	.main .sec3 button h2 {font-size:40px;}
	.main .sec3 button span {margin-top:75px; font-size:12px; padding-bottom:9px;}
	.main .sec3 button {padding:55px 25px; font-size:13px; line-height:1.35em; height:290px;}
	.main .sec3 button b {font-size:20px; margin-bottom:11px;}
}

@media screen and (max-width:767px) {
	.main .sec3 {border-radius:50px 50px 0 0; overflow: hidden;}
	.main .sec3 .wid {padding:0;}
	.main .sec3 button {width:100%; height:auto; border-left:none; border-bottom:1px solid rgba(255,255,255,.2); padding:40px 30px;}
	.main .sec3 button h2 {display: none;}
	.main .sec3 button span {margin:0;}
	.main .sec3 button:last-child {border-right:none; border-bottom:none;}
	.main .sec4:before {height:110px;}
}




.main .sec4 {padding:115px 0 200px 0; position: relative; background:url('../img/sec4_bg.png')no-repeat left bottom;  }
.main .sec4:after {content:''; clear:both; display: table;}
.main .sec4:before {content:''; position: absolute ;left:0; top:0; width:100%; height:260px; background:#f8f8f8; z-index: -1;}
.main .sec4 .box1 {float:left; width:500px;}
.main .sec4 .box1 h3 {font-size:16px; font-weight:400; color:#111; position: relative;  font-family: 'GmarketSansMedium';}
.main .sec4 .box1 h3:after {content:''; position: absolute; right:0; top:13px; height:1px; width:calc(100% - 180px); background:#444;}
.main .sec4 .box1 h2 {font-size:35px; margin-top:180px; color:#111; line-height:1.2em; margin-left:-2px;}
.main .sec4 .box1 p {margin-top:25px; font-size:15px;color:#222; line-height:1.5em; }
.main .sec4 .box1 button {border:none; background:none; position: relative; font-size:16px; color:#111; font-weight:600; margin-top:50px;}
.main .sec4 .box1 button img {margin:0 0 0 12px;}
.main .sec4 .box1 button:after {content:''; position: absolute; right:-23px; width:45px; height:45px; border:1px solid #e4e4e4; border-radius:50%; top:-11px; z-index: -1;}

.main .sec4 .box2 { width:calc(100% - 730px); position: absolute; right:0; top:115px; overflow: hidden; padding-right:80px;}
.main .sec4 .box2 .swiper3 .swiper-slide {width:480px !important; cursor: pointer;}
.main .sec4 .box2 .swiper3 .swiper-slide .img {width:100%; padding-top:100%; border-radius:0 70px 0 0;}
.main .sec4 .box2 .swiper3 .swiper-slide p {margin-top:22px; font-size:20px; color:#111; font-weight:600; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-left:5px;}
.main .sec4 .box2 .swiper3 .swiper-slide span {display: inline-block; width:100%; margin-top:7px; font-size:15px; color:#444; font-weight:300; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-left:5px;}
.main .sec4 .box2 .swiper3 .swiper-slide button {border:none; background:none; margin-top:24px; font-weight:600; font-size:14px; color:#111; margin-left:5px;}
.main .sec4 .box2 .swiper3 .swiper-slide button img {margin:-2px 0 0 12px;}

@media screen and (max-width:1200px) {
	.main .sec4 {padding:65px 0 120px 0;}
	.main .sec4 .box1 {width:450px;}
	.main .sec4 .box1 h2 {margin-top:100px;}
	.main .sec4 .box1 h3 {font-size:14px;}
	.main .sec4 .box1 h3:after {top:11px; width:calc(100% - 155px);}
	.main .sec4 .box1 p {font-size:14px;}

	.main .sec4 .box2 {width:calc(100% - 530px); top:77px;}
	.main .sec4 .box2 .swiper3 .swiper-slide {width:310px !important;}
	.main .sec4:before {height:150px;}
}

@media screen and (max-width:1024px) {
	.main .sec4 .box1 {width:300px;}
	.main .sec4 .box1 h2 {font-size:26px;}
	.main .sec4 .box1 p {margin-top:15px;}
	.main .sec4 .box1 p br {display: none;}
	.main .sec4 .box2 {width:calc(100% - 390px);}
	.main .sec4 .box2 .swiper3 .swiper-slide {width:300px !important}
}

@media screen and (max-width:767px) {
	.main .sec4 {padding-bottom:90px; padding-top:45px;}
	.main .sec4 .box1 {width:100%;}
	.main .sec4 .box1 h3 {font-size:12px;}
	.main .sec4 .box1 h3:after {width:calc(100% - 130px); top:10px;}
	.main .sec4 .box1 h2 {margin-top:30px;}
	.main .sec4 .box1 button {font-size:15px; margin-top:30px;}

	.main .sec4 .box2 {width:calc(100% + 50px); left:-25px; padding:0 25px; position: relative; top:40px; }
	.main .sec4 .box2 .swiper3 .swiper-slide p {font-size:17px; margin-top:18px;}
	.main .sec4 .box2 .swiper3 .swiper-slide span {font-size: 14px; margin-top:5px;}
	.main .sec4 .box2 .swiper3 .swiper-slide button {font-size:13px; margin-top:15px;}
}





.main .sec5 { }
.main .sec5:after {content:''; clear:both; display: table;}
.main .sec5 .box1 {float:left; width:50%; border-radius:0 0 70px 0; overflow: hidden; position: relative;}
.main .sec5 .box1 .box1_posi {width:100%; height:865px; position: relative;}
.main .sec5 .box1 .box1_posi .swiper {position: absolute; left:0; top:0; width:100%; height:100%;}
.main .sec5 .box1 .swiper .swiper-slide {width:100%; height:100%; padding:75px 75px;}
.main .sec5 .box1 .swiper .swiper-slide p {font-size:17px; color:#fff; font-family: 'GmarketSansMedium'; line-height:1.4em; }
.main .sec5 .box1 .swiper .swiper-slide span {position: absolute; left:75px; bottom:65px; font-size:15px; color:#fff; font-weight:300;}
.main .sec5 .box1 .swiper .swiper-slide span:after {content:''; position: absolute; right:-137px; width:125px; height:1px; background:#fff; top:9px;}
.main .sec5 .box1 .arrow_box {position: absolute; left:75px; top:155px; width:135px; z-index: 1;}
.main .sec5 .box1 .arrow_box .swiper-button-prev_top-banner, .main .sec5 .box1 .arrow_box .swiper-button-next_top-banner {float:left; }
.main .sec5 .box1 .arrow_box .swiper-button-prev_top-banner {margin-right:40px;}

.main .sec5 .box2 {float:right; width:50%; padding:85px 70px 0 90px; position: relative; z-index: 1;}
.main .sec5 .box2:after {content:''; position: absolute; left:0; top:0; z-index: -1; background:#f8f8f8; height:328px; width:100%;}
.main .sec5 .box2 .com_bt {border:none; background:none; font-size:15px; color:#111;}
.main .sec5 .box2 .com_bt img {margin:-2px 0 0 10px; width:15px;}
.main .sec5 .box2 h2 {font-size:45px; color:#111; font-weight:300; margin-top:30px; line-height:1.15em; margin-left:-2px;}
.main .sec5 .box2 h2 b {font-weight:700;}
.main .sec5 .box2 .tab {margin-top:55px;}
.main .sec5 .box2 .tab:after {content:''; clear:both; display: table;}
.main .sec5 .box2 .tab li {float:left; font-size:16px; color:#777; font-weight:400; padding:0 2px 15px 2px; cursor: pointer;}
.main .sec5 .box2 .tab li:first-child {margin-right:40px;}
.main .sec5 .box2 .tab li.on {color:#111; font-weight:600;}
.main .sec5 .box2 .tab li.on {border-bottom:2px solid #111;}

.main .sec5 .box2 .list li { border-bottom:1px solid #eee; display: inline-block; width:100%; padding-right:170px; position: relative;}
.main .sec5 .box2 .list li a {display: inline-block; width:100%; padding:35px 0;}
.main .sec5 .box2 .list li p {font-size:18px; color:#111; font-weight:500; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.main .sec5 .box2 .list li span {display:inline-block;width:100%; margin-top:10px; font-size:14px ;color:#777; display: -webkit-box; display: -ms-flexbox; overflow:hidden; text-overflow: ellipsis; word-break:break-all; -webkit-box-orient:vertical; -webkit-line-clamp:2; line-height:1.4em;}
.main .sec5 .box2 .list li b {display: inline-block; width:100%; margin-top:20px; font-size:13px; color:#999; font-weight:400;}
.main .sec5 .box2 .list li:last-child {border-bottom:none;}
.main .sec5 .box2 .list li .arrow {border:1px solid #eee; background:#fff; border-radius:50%; width:55px; height:55px; transition: .3s; position: absolute; right:0; top:50%; transform: translate(0,-50%);}
.main .sec5 .box2 .list li .arrow img {filter:brightness(0) opacity(.2);}
.main .sec5 .box2 .list li:hover .arrow {border:1px solid #111; background:#111; }
.main .sec5 .box2 .list li:hover .arrow img {filter:brightness(100);}

@media screen and (max-width:1500px) {
	.main .sec5 .box1 .swiper .swiper-slide {padding:76px 55px;}
	.main .sec5 .box1 .swiper .swiper-slide p {font-size:15px;}
	.main .sec5 .box1 .swiper .swiper-slide span {left:55px;}
	.main .sec5 .box1 .arrow_box {left:50px;}

	.main .sec5 .box2 {padding-left:70px;}
	.main .sec5 .box2 .list li {padding-right:80px;}

}

@media screen and (max-width:1200px) {
	.main .sec5 .box1 {display: none;}
	.main .sec5 .box2 {width:100%;}
}

@media screen and (max-width:1024px) {
	.main .sec5 .box2 {padding:70px 50px 50px 50px;}
	.main .sec5 .box2 h2 {font-size:40px;}
	.main .sec5 .box2 .tab {margin-top:40px;}
	.main .sec5 .box2 .tab li {font-size:15px; padding-bottom:12px;}
	.main .sec5 .box2:after {height:283px;}
	.main .sec5 .box2 .list li p {font-size:17px;}
	.main .sec5 .box2 .list li .arrow {width:45px; height:45px;}
}

@media screen and (max-width:767px) {
	.main .sec5 .box2 {padding:50px 25px 10px 25px;}
	.main .sec5 .box2 .com_bt {font-size:14px; margin-left:2px;}
	.main .sec5 .box2 .com_bt img {width:14px;}
	.main .sec5 .box2 h2 {font-size:30px;}
	.main .sec5 .box2 .tab {margin-top:30px;}
	.main .sec5 .box2 .tab li {font-size:14px;}
	.main .sec5 .box2:after {height:224px;}

	.main .sec5 .box2 .list li {padding-right:60px;}
	.main .sec5 .box2 .list li p {font-size:15px;}
	.main .sec5 .box2 .list li span {margin-top:6px; font-size:13px; line-height:1.3em;}
	.main .sec5 .box2 .list li b {margin-top:15px; font-size:12px;}
	.main .sec5 .box2 .list li a {padding:25px 0;}
	.main .sec5 .box2 .list li .arrow {width:35px; height:35px; }
	.main .sec5 .box2 .list li .arrow img {width:16px; margin-top:-2px;}
}






.main .sec6 {margin-top:50px; max-width:calc(100% - 165px); width:100%; float:right; }
.main .sec6:after {content:''; clear:both; display: table;}
.main .sec6 .box1 {float:right; max-width:540px; width:100%; background:#f8f8f8; padding:65px 70px; position: relative; border-radius:50px 0 0 50px;}
.main .sec6 .box1 h2 {font-size:35px; font-weight:300; color:#111; line-height:1.1em; margin-bottom:25px;}
.main .sec6 .box1 h2 b {font-weight:700;}
.main .sec6 .box1 .go {position: absolute; right:15px; top:15px; border:none; background:none;}
.main .sec6 .box1 p {margin-bottom:7px; font-size:15px; color:#111; font-weight:400;}
.main .sec6 .box1 p img {margin:-2px 10px 0 0;}
.main .sec6 .box1 .img {position: absolute; right:0; bottom:0;}

.main .sec6 .box2 {float:right; width:calc(100% - 540px); background:#222; position: relative; height:282px;}
.main .sec6 .box2 .img {position: absolute; left:0; bottom:0; z-index:5;}

@media screen and (max-width:1500px) {
	.main .sec6 {max-width:100%;}
	.main .sec6 .box1 {width:450px;}
}

@media screen and (max-width:1200px) {
	.main .sec6 .box2 {width:calc(100% - 510px);}
}

@media screen and (max-width:1024px) {
	.main .sec6 .box1 {padding:55px; max-width:380px; width:100%;}
	.main .sec6 .box1 h2 {font-size:30px; margin-bottom:20px;}
	.main .sec6 .box1 p {font-size:14px;}
	.main .sec6 .box1 .img {width:45px;}

	.main .sec6 .box2 {width:calc(100% - 405px); height:242px;}
	.main .sec6 .box2 .img {width:45px;}

}

@media screen and (max-width:767px) {
	.main .sec6 {margin-top:20px;}
	.main .sec6 .box1 .go {right:25px; top:25px;}
	.main .sec6 {position: relative; padding-right:25px; padding-bottom:242px;}
	.main .sec6 .box1 {width:100%; max-width:100%; float:initial; border-radius:0 50px 0 0; padding:45px 25px 40px 35px;}
	.main .sec6 .box2 {width:calc(100% - 25px); position: absolute; left:0; bottom:0; float:initial;}
	.main .sec6 .box2 .img {left:initial; right:0;}
}



.main .web_list {max-width:1650px; padding:25px 60px 40px 60px; margin:0 auto; position: relative;  text-align: center;}
.main .web_list ul {display: flex;  width: 100%; margin-top:15px; align-items:center; justify-content:center; }
.main .web_list ul::-webkit-scrollbar {display: none;}
.main .web_list ul li {display: inline-block; width:calc((100% - 175px / 6)); aspect-ratio: 345 / 110; border-radius:50%;  margin:0 35px 0 0; }
.main .web_list ul li:last-child {margin-right:0;}
.main .web_list ul li a {display: inline-block; width:100%; height:100%;}

@media screen and (max-width:1280px) {
	.main .web_list {padding:10px 20px 22px 20px; overflow: hidden;}
	.main .web_list ul li {width:150px; flex:0 0 auto}
}

@media screen and (max-width:767px) {
	.main .web_list ul li {width:130px; margin-right:10px;}
	.main .web_list ul li:last-child {margin-right:0;}

}