.intro_title {padding:300px 0px 30px; background: url(/img/intro_title_bg.jpg) no-repeat top center / cover;}
.intro_title h4 {text-align: center; font-size:62px; font-weight: var(--weight_bold); margin-bottom:140px; color:#fff;}
.intro_title .page_location {margin-bottom:30px;}
.intro_title .page_location span a {color:#fff;}
.intro_title .page_location p {color:#fff;}
.intro_title .item_box {display: flex; justify-content: space-between;}
.intro_title .item_box li {width:33.3%; margin-right:30px; border-radius: 30px; overflow: hidden; box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;}
.intro_title .item_box li:last-child {margin-right:0;}
.intro_title .item_box li img {width:100%;}
.intro_title .item_box li .text_box {padding:25px;}
.intro_title .item_box li .text_box p {font-size:30px; font-weight:var(--weight_bold); margin-bottom:10px;}
.intro_title .item_box li .text_box span {font-size:20px; line-height: 1.5;}

.intro_sc_1 {width:100%; padding:200px 0px; position: relative;}
.intro_sc_1 .item {display: flex; margin-bottom:180px;}
.intro_sc_1 .item .text_box {width:660px;}
.intro_sc_1 .item .text_box img {margin-bottom:20px;}
.intro_sc_1 .item .text_box p {font-size:50px; font-weight:var(--weight_bold); line-height: 1.5; margin-bottom:30px;}
.intro_sc_1 .item .text_box span {font-size:20px; line-height: 1.5;}
.intro_sc_1 .item .img_box {position: absolute; right:0; width: 45vw;}
.intro_sc_1 .item .img_box img {width:100%;}
.intro_sc_1 .item.left {justify-content: flex-end;}
.intro_sc_1 .item.left .img_box {left:0;}

.intro_sc_2 {width:100%; padding:180px 0 200px; background: #F4F4FA;}
.intro_sc_2 .title {text-align: center; position: relative; z-index: 1;}
.intro_sc_2 .title h4 {font-size:50px; font-weight: var(--weight_bold); color:var(--indigo_light); margin-bottom:20px;}
.intro_sc_2 .title p {font-size:20px; line-height: 1.5;}
.intro_sc_2 .donut_box {position: relative; text-align: center; top: -40px;}
.intro_sc_2 .donut_box .item_wrap {width:370px; text-align: center; position: absolute; top:50%; transform: translateY(-50%);}
.intro_sc_2 .donut_box .iw_1 {left:0;}
.intro_sc_2 .donut_box .iw_2 {right:0;}
.intro_sc_2 .donut_box .item_wrap b {font-size:30px; font-weight: var(--weight_medium); color:var(--main-color)}
.intro_sc_2 .donut_box .item_box { padding:30px; border:1px dashed var(--main-color); border-radius: 20px; box-sizing: border-box; margin-bottom:30px;}
.intro_sc_2 .donut_box .item_box .item {padding:30px; border:1px solid var(--indigo_light); background: #fff; border-radius: 20px; min-height: 190px; box-sizing: border-box; text-align: center;}
.intro_sc_2 .donut_box .item_box .item p {font-size:30px; font-weight:var(--weight_bold); margin-bottom:15px;}
.intro_sc_2 .donut_box .item_box .item span {font-size:20px; color:#666; line-height: 1.5;}
.intro_sc_2 .table_box table tr .ability {font-size:18px;}
.intro_sc_2 .table_box table tr td .red {color:var(--red);}
.intro_sc_2 .table_box table .mint td {background: #DAF8FA;}
.intro_sc_2 .table_box table .orange td {background: #FFEDE0; color:#222;}

.intro_sc_3 {padding:180px 0px; background: url(/img/sc_3_bg.jpg) no-repeat center / cover;}
.intro_sc_3 h4 {font-size:50px; font-weight:var(--weight_bold); color:#fff; text-align: center; margin-bottom:80px;}
.intro_sc_3 h4 br {display: none;}
.intro_sc_3 ul {display:flex; justify-content: space-between;}
.intro_sc_3 ul li {padding:50px 0px; box-sizing: border-box; border-radius: 30px; width:25%; margin-right:70px; background: #fff; text-align: center; position: relative;}
.intro_sc_3 ul li:after {content: ''; display: block; position:absolute; top:50%; transform: translateY(-50%); right:-30px; width: 0;height:0;border-style:solid;border-width:40px 0 40px 30px;border-color:transparent transparent transparent #14A6D4;}
.intro_sc_3 ul li:nth-child(2n)::after {border-color:transparent transparent transparent #F4B742;}
.intro_sc_3 ul li:nth-child(3n)::after {border-color:transparent transparent transparent #12C480;}
.intro_sc_3 ul li:last-child {margin-right:0;}
.intro_sc_3 ul li:last-child::after {display: none;}
.intro_sc_3 ul li img {margin-bottom:10px;}
.intro_sc_3 ul li p {font-size:24px; font-weight:var(--weight_bold); margin-bottom:20px;}
.intro_sc_3 ul li span {font-size:18px; line-height: 1.5;}

@media (max-width: 1280px){ 
    .intro_title .item_box li .text_box {background: #fff;}
    .intro_title .item_box li .text_box p {font-size:24px;}
    .intro_title .item_box li .text_box span {font-size:16px;}

    .intro_sc_1 {padding:80px 0px;}
    .intro_sc_1 .container {width: 100%; overflow: hidden;}
    .intro_sc_1 .item {flex-direction: column-reverse; margin-bottom:80px;}
    .intro_sc_1 .item.left {flex-direction: column;}
    .intro_sc_1 .item .img_box {width: auto; position: relative; margin-bottom:30px; left: 20px;}
    .intro_sc_1 .item.left .img_box {left: -20px;}
    .intro_sc_1 .item .img_box img {width: 100%;}
    .intro_sc_1 .item .text_box {margin-left:20px;}

    .intro_sc_2 {padding:80px 0px;}
    .intro_sc_2 .title h4 {font-size:40px; margin-bottom:20px;}
    .intro_sc_2 .title p {font-size:20px;}
    .intro_sc_2 .title p br {display: none;}

    .intro_sc_2 .donut_box {position: unset; margin-bottom:50px;}
    .intro_sc_2 .donut_box .item_wrap {position: unset; transform: translate(0); margin:0 auto;}
    .intro_sc_2 .donut_box .donut {width: 100%; margin-top: -40px;}
    .intro_sc_2 .donut_box .donut img {width:100%;}
    .intro_sc_2 .donut_box .iw_1 {margin-bottom:30px; margin-top:-40px;}

    .intro_sc_3 ul {flex-direction: column;}
    .intro_sc_3 ul li {width: 80%; margin :0 auto 100px;}
    .intro_sc_3 ul li:after {left: 50%; top: auto; transform: translate(-50%,-50%); bottom: -60px; border-width: 40px 80px 0px 80px; border-color: #14A6D4 transparent transparent transparent;}
    .intro_sc_3 ul li:nth-child(2n)::after {border-color: #F4B742 transparent transparent transparent;}
    .intro_sc_3 ul li:nth-child(3n)::after {border-color: #12C480 transparent transparent transparent;}
    .intro_sc_3 ul li:last-child {margin: 0 auto;}
}

@media (max-width: 768px){
    .intro_title {padding:80px 0px 0px; background: url(/img/intro_title_bg.jpg) no-repeat top center / 800px;}
    .intro_title h4 {font-size:40px; margin-bottom:80px;}
    .intro_title .item_box {flex-direction: column;}
    .intro_title .item_box li {width: 100%; margin-bottom:20px;}
    .intro_title .item_box li:last-child {margin-bottom:0;}

    .intro_sc_1 .item .text_box {width: auto;}
    .intro_sc_1 .item .text_box p {font-size:30px; margin-bottom:30px;}
    .intro_sc_1 .item .text_box span {font-size:16px;}

    .intro_sc_2 .title h4 {font-size:24px;}
    .intro_sc_2 .title p {font-size:16px;}
    .intro_sc_2 .donut_box .item_wrap {width: 90%;}
    .intro_sc_2 .donut_box .donut {position: relative; height: 560px; overflow: hidden;}
    .intro_sc_2 .donut_box .donut img {position: absolute; width: 560px; left: 50%; transform:translateX(-50%);}
    .intro_sc_2 .donut_box .item_box {padding:15px;}
    .intro_sc_2 .donut_box .item_box .item {padding:30px 20px; min-height: 170px;}
    .intro_sc_2 .donut_box .item_box .item p {font-size:24px;}
    .intro_sc_2 .donut_box .item_box .item span {font-size:16px;}
    .intro_sc_2 .donut_box .item_wrap b {font-size:24px;}

    .table_wrap {width: 95%; margin: 0 auto;}

    .intro_sc_3 {padding: 80px 0px; background: url(/img/sc_3_bg.jpg) no-repeat left -630px center / cover;}
    .intro_sc_3 h4 {font-size: 30px; line-height: 1.5; margin-bottom: 30px;}
    .intro_sc_3 h4 br {display: block;}
    .intro_sc_3 ul li {max-width: 260px; padding:30px 0px; margin-bottom:50px;}
    .intro_sc_3 ul li:after {border-width: 30px 40px 0px 40px; bottom: -45px;}
}