html {font-size: calc(100vw/6.4);}

.flex {display: -webkit-flex; display: flex;}

.banner-box {margin-top: .64rem; position: relative;}
.banner-box > .banner.pc {display: none;}
.banner-box .banner-content {padding: 0 .32rem .32rem; margin-top: .32rem;}
.banner-box .banner-content > h1 {font-size: .6rem; font-weight: bold; line-height: .64rem; color: #77E2C3; text-transform: uppercase;}
.banner-box .banner-content > h1 > b {color: #00313C;}
.banner-box .banner-content > p {font-size: .32rem; margin-top: .24rem; line-height: .4rem;}
.banner-box .banner-content > button {width: 4.36rem; height: .64rem; margin-top: .24rem; border-radius: .64rem; background-color: #77E2C3; justify-content: center; align-items: center; border: none; font-size: .28rem; font-weight: bold; text-transform: uppercase;}
.banner-box .banner-content > button > img {margin-left: .32rem; width: .32rem;}

.index-about {padding-top: .64rem; position: relative;}
.index-about .index-about-top {background-color: #E04E39; width: 6.08rem; padding: .32rem; font-size: .4rem; line-height: .4rem; color: #fff; font-weight: bold; text-transform: uppercase;}
.index-about .index-about-bottom {padding: .32rem;}
.index-about .index-about-bottom > h1 {font-size: .28rem; line-height: .32rem; font-weight: bold; margin-bottom: .32rem; text-transform: uppercase;}
.index-about .index-about-bottom > p {font-size: .32rem; line-height: .4rem;}

.index-reasons {background-color: #00313C; padding: .64rem .32rem; overflow: hidden;}
.index-reasons > h1 {font-size: .6rem; line-height: .64rem; color: #77E2C3; font-weight: bold; margin-bottom: .32rem; text-transform: uppercase;}
.index-reasons > h1 > b {color: #fff; display: block;}
.index-reasons > #reasonsSwiper {position: relative;}
.index-reasons > #reasonsSwiper > .swiper-button-prev, .index-reasons > #reasonsSwiper > .swiper-button-next {display: none;}
.index-reasons > #reasonsSwiper .swiper-slide {width: auto;}
.index-reasons > #reasonsSwiper .swiper-slide > .index-reasons-box {width: 5.6rem; height: 10.48rem; background-color: #008C95; margin-right: .16rem; padding: .24rem; box-sizing: border-box;}
.index-reasons > #reasonsSwiper .swiper-slide > .index-reasons-box > img {width: .48rem; margin-bottom: .24rem;}
.index-reasons > #reasonsSwiper .swiper-slide > .index-reasons-box > h1 {font-size: .28rem; line-height: .32rem; color: #fff; font-weight: bold; margin-bottom: .24rem; text-transform: uppercase;}
.index-reasons > #reasonsSwiper .swiper-slide > .index-reasons-box > p {font-size: .32rem; line-height: .4rem; color: #fff;}
.index-reasons > #reasonsSwiper .swiper-slide > .index-reasons-box > ul {margin-left: .4rem;}
.index-reasons > #reasonsSwiper .swiper-slide > .index-reasons-box > ul > li {font-size: .32rem; line-height: .4rem; color: #fff; list-style: disc;}

.index-process {background-color: #77E2C3; padding: .64rem .32rem; overflow: hidden;}
.index-process > h1 {font-size: .6rem; line-height: .64rem; color: #fff; margin-bottom: .64rem; font-weight: bold; text-transform: uppercase;}
.index-process > h1 > b {color: #00313C; display: block;}
.index-process > #processSwiper {position: relative;}
.index-process > #processSwiper > .swiper-button-prev, .index-process > #processSwiper > .swiper-button-next {display: none;}
.index-process > #processSwiper .swiper-slide {width: auto;}
.index-process > #processSwiper .swiper-slide > .index-process-box {width: 4.32rem; padding-right: .24rem; box-sizing: border-box;}
.index-process > #processSwiper .swiper-slide > .index-process-box .index-process-box-num {width: .8rem; height: .8rem; background-color: #fff; text-align: center; line-height: .8rem; font-size: .4rem; color: #00313C; font-weight: bold; margin-bottom: .24rem;}
.index-process > #processSwiper .swiper-slide > .index-process-box > h1 {font-size: .28rem; line-height: .32rem; margin-bottom: .24rem; color: #00313C; font-weight: bold; text-transform: uppercase;}
.index-process > #processSwiper .swiper-slide > .index-process-box > p {font-size: .32rem; line-height: .4rem; color: #00313C;}

.index-positions {padding: .64rem .32rem;}
.index-positions > h1 {font-size: .6rem; line-height: .64rem; color: #77E2C3; margin-bottom: .64rem; font-weight: bold; text-transform: uppercase;}
.index-positions > h1 > b {color: #00313C; display: block;}
.index-positions  .index-positions-box {margin-bottom: .32rem;}
.index-positions  .index-positions-box  .index-positions-box-left {height: 3rem; flex: 1; background-color: #77E2C3; padding: .32rem;}
.index-positions  .index-positions-box  .index-positions-box-left > p {font-size: .36rem; line-height: .36rem; color: #00313C; margin-bottom: .16rem; text-transform: uppercase;}
.index-positions  .index-positions-box  .index-positions-box-left > .index-positions-box-address {align-items: center;}
.index-positions  .index-positions-box  .index-positions-box-left > .index-positions-box-address > p {font-size: .32rem; line-height: .4rem;}
.index-positions  .index-positions-box  .index-positions-box-left > .index-positions-box-address > img {width: .12rem; margin: 0 .16rem;}
.index-positions  .index-positions-box  .index-positions-box-right {width: .8rem; height: 3rem; background-color: #00313C; background-image: url("../images/arrow-short.png"); background-size: .48rem .48rem; background-repeat: no-repeat; background-position: .16rem .32rem;}
.index-positions > button {width: 2.94rem; height: .64rem; margin: .32rem auto 0; border: #77E2C3 2px solid; border-radius: .64rem; justify-content: center; align-items: center; font-size: .28rem; color: #00313C; font-weight: bold; text-transform: uppercase;}
.index-positions > button > img {width: .32rem; margin-left: .32rem;}

.form-box {padding: .64rem .32rem;}
.form-box > h1 {font-size: .6rem; line-height: .64rem; color: #77E2C3; margin-bottom: .64rem; font-weight: bold; text-transform: uppercase;}
.form-box > h1 > b {color: #00313C; display: block;}
.form-box > .form-box-content {}
.form-box > .form-box-content > .form-box-item {margin-bottom: .32rem;}
.form-box > .form-box-content > .form-box-item > p {font-size: .24rem; color: #00313C; margin-bottom: .16rem; opacity: .5;}
.form-box > .form-box-content > .form-box-item > input {height: 1rem; border: rgba(0, 49, 60, 0.3) 1px solid; font-size: .32rem; color: #00313C; padding: 0 .32rem;}
.form-box > .form-box-content > .form-box-item.error > input {border: rgba(224, 78, 57, 0.5) 1px solid;}
.form-box > .form-box-content > .form-box-item > p.error {font-size: .2rem; color: #E04E39; margin-top: .08rem; display: none;}
.form-box > .form-box-content > .form-box-item.error > p.error {display: block;}
.form-box > .form-box-content > .form-box-item > button {width: 3.38rem; height: .64rem; border-radius: .64rem; border: #77E2C3 2px solid; font-size: .28rem; color: #00313C; font-weight: bold;}
.form-box > .form-box-content > .form-box-item > .upload-tips {font-size: .24rem; color: #00313C; margin-top: .16rem;}
.form-box > .form-box-content > label {align-items: center;}
.form-box > .form-box-content > label > input[type=checkbox] {display: none;}
.form-box > .form-box-content > label > input[type=checkbox]+label {width: .48rem; height: .48rem; border-radius: .04rem; border: rgba(0, 49, 60, 0.3) 1px solid;}
.form-box > .form-box-content > label > input[type=checkbox]:checked+label {background-color: #77E2C3; border: none; background-image: url("../images/checked_icon.png"); background-size: 70% 70%; background-position: center center; background-repeat: no-repeat;}
.form-box > .form-box-content > label > p {font-size: .32rem; color: #00313C; margin-left: .16rem; cursor: pointer; border-bottom: #333 1px solid;}
.form-box > .form-box-content > button {width: 100%; height: .64rem; margin-top: .48rem; border-radius: .64rem; background-color: #77E2C3; justify-content: center; align-items: center; border: none; font-size: .28rem; font-weight: bold; text-transform: uppercase;}
.form-box > .form-box-content > button > img {margin-left: .32rem; width: .32rem;}
.form-box > .form-box-content > .form-box-item .upload-file-name {align-items: center; margin-top: .24rem; justify-content: space-between; display: none;}
.form-box > .form-box-content > .form-box-item .upload-file-name.show {display: -webkit-flex; display: flex;}
.form-box > .form-box-content > .form-box-item .upload-file-name > div > p {width: 4rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: .32rem; line-height: .4rem; color: #00313C;}
.form-box > .form-box-content > .form-box-item .upload-file-name > div > p.error {color: #E04E39; font-size: .24rem; display: none;}
.form-box > .form-box-content > .form-box-item .upload-file-name.error > div > p.error {display: block;}
.form-box > .form-box-content > .form-box-item .upload-file-name > div > img {width: .28rem;}

.form-box > .form-box-content > .form-box-item .uploadlabel-box {}
.form-box > .form-box-content > .form-box-item .uploadlabel-box .uploadBox {position: relative; display: inline-block;}
.form-box > .form-box-content > .form-box-item .uploadlabel-box .uploadBox p {width: 265px; height: 50px; line-height: 46px; border-radius: 50px; font-size: 20px; border: #77E2C3 2px solid; color: #00313C; font-weight: bold; cursor: pointer; text-align: center; text-transform: uppercase;}
.form-box > .form-box-content > .form-box-item .uploadlabel-box .uploadBox input[type="file"]{position: absolute; top: 0; right: 0; margin: 0; height: 100%; opacity: 0; font-size: 200px !important; direction: ltr; cursor: pointer; text-transform: uppercase;}

.content {padding: 0 .32rem;}
.content-title {padding: .32rem 0; border-bottom: #77E2C3 2px solid;}
.content-title > a {display: -webkit-flex; display: flex; align-items: center; font-size: .32rem; color: #00313C; margin-bottom: .24rem;}
.content-title > a > img {width: .48rem; height: .48rem;}
.content-title .title-box {flex-direction: column;}
.content-title .title-box > h1 {font-size: .4rem; line-height: .4rem; font-weight: bold; margin-bottom: .32rem; text-transform: uppercase;}
.content-title .title-box > button {width: 100%; height: .64rem; border-radius: .64rem; background-color: #77E2C3; border: none; font-size: .28rem; color: #00313C; font-weight: bold; justify-content: center; align-items: center; text-transform: uppercase;}
.content-title .title-box > button > img {width: .32rem; height: .32rem; margin-left: .32rem;}



.detail-box {padding-top: .32rem; flex-direction: column; justify-content: space-between;}
.detail-box .detail-left-box {flex-wrap: wrap; margin-bottom: .64rem;}
.detail-box .detail-left-box .detail-left-item {width: 50%; margin-bottom: .16rem;}
.detail-box .detail-left-box .detail-left-item > h1 {font-size: .32rem; line-height: .4rem; color: #00313C; opacity: .5;}
.detail-box .detail-left-box .detail-left-item > p {font-size: .32rem; line-height: .4rem; color: #00313C; margin-top: .08rem;}
.detail-box .detail-right-box {}
.detail-box .detail-right-box > h1 {font-size: .32rem; line-height: .32rem; font-weight: bold; margin-bottom: .24rem;}
.detail-box .detail-right-box > ul {margin-bottom: .48rem;}
.detail-box .detail-right-box > ul > li {font-size: .32rem; line-height: .4rem; color: #00313C; padding-left: .32rem; position: relative; margin-bottom: .16rem;}
.detail-box .detail-right-box > ul > li:before {content: ''; position: absolute; width: .16rem; height: .16rem; left: 0; border-radius: 50%; background-color: #008C95; top: .12rem;}
.detail-box .detail-right-box .detail-content-box {flex-wrap: wrap; padding-bottom: .4rem;}
.detail-box .detail-right-box .detail-content-box .detail-content-item {background-color: #C5F2E7; width: 100%; padding-bottom: .24rem; margin-bottom: .24rem;}
.detail-box .detail-right-box .detail-content-box .detail-content-item .detail-content-item-head {margin-bottom: .24rem;}
.detail-box .detail-right-box .detail-content-box .detail-content-item .detail-content-item-head .detail-content-item-head-num {width: .96rem; height: .96rem; line-height: .96rem; text-align: center; background-color: #008C95; font-size: .4rem; color: #fff; font-weight: bold;}
.detail-box .detail-right-box .detail-content-box .detail-content-item .detail-content-item-head > img {width: .96rem; height: .96rem;}
.detail-box .detail-right-box .detail-content-box .detail-content-item > p {padding: 0 .32rem; font-size: .32rem; line-height: .4rem;}
.detail-box .detail-right-box .form-box {padding: .64rem 0;}

.notice-pop {padding: .4rem; display: none;}
.notice-pop > p {margin-bottom: .2rem;}
.notice-pop > h1 {font-weight: bold; font-size: .3rem; margin-bottom: .2rem;}


@media (min-width: 768px) {
    .banner-box {margin-top: 0;}
    .banner-box .banner-content {margin-top: 32px; padding: 0 24px 56px;}
    .banner-box .banner-content > h1 {font-size: 36px; line-height: 40px;}
    .banner-box .banner-content > h1 > b {display: block;}
    .banner-box .banner-content > p {font-size: 18px; margin-top: 20px; line-height: 24px;}
    .banner-box .banner-content > button {width: 330px; height: 40px; font-size: 20px; margin-top: 20px; border-radius: 40px;}
    .banner-box .banner-content > button > img {width: 24px; margin-left: 18px;}

    .index-about {padding-top: 56px; padding-bottom: 192px;}
    .index-about:before {content: ''; position: absolute; width: 192px; height: 192px; background-image: url("../images/about__top-right-pattern.jpg"); background-size: 100%; background-repeat: no-repeat; right: 0;}
    .index-about:after {content: ''; position: absolute; width: 192px; height: 192px; background-image: url("../images/about__bottom-right-pattern.jpg"); background-size: 100%; background-repeat: no-repeat; left: 0; bottom: 0;}
    .index-about .index-about-top {width: calc(100% - 192px); padding: 24px; font-size: 24px; line-height: 24px; height: 168px;}
    .index-about .index-about-bottom {width: 576px; padding: 24px;}
    .index-about .index-about-bottom > h1 {font-size: 20px; line-height: 20px; margin-bottom: 24px;}
    .index-about .index-about-bottom > p {font-size: 18px; line-height: 24px;}

    .index-reasons {padding: 56px 24px;}
    .index-reasons > h1 {font-size: 36px; line-height: 40px;}
    .index-reasons > #reasonsSwiper > .swiper-button-prev, .index-reasons > #reasonsSwiper > .swiper-button-next {display: block;}
    .index-reasons > #reasonsSwiper > .swiper-button-prev:after, .index-reasons > #reasonsSwiper > .swiper-button-next:after {display: none;}
    .index-reasons > #reasonsSwiper > .swiper-button-next {position: absolute; width: 110px; height: 26px; background-image: url("../images/arrow-long-right.png"); background-repeat: no-repeat; top: -40px; right: 0;}
    .index-reasons > #reasonsSwiper > .swiper-button-prev {position: absolute; width: 110px; height: 26px; background-image: url("../images/arrow-long-right.png"); background-repeat: no-repeat; top: -40px; right: 134px; left: initial; transform: scale(-1);}
    .index-reasons > #reasonsSwiper .swiper-slide > .index-reasons-box {width: 346px; height: 612px; padding: 20px;}
    .index-reasons > #reasonsSwiper .swiper-slide > .index-reasons-box > img {width: 40px; margin-bottom: 20px;}
    .index-reasons > #reasonsSwiper .swiper-slide > .index-reasons-box > h1 {font-size: 20px; line-height: 20px; margin-bottom: 20px;}
    .index-reasons > #reasonsSwiper .swiper-slide > .index-reasons-box > p {font-size: 18px; line-height: 24px;}
    .index-reasons > #reasonsSwiper .swiper-slide > .index-reasons-box > ul {margin-left: 20px;}
    .index-reasons > #reasonsSwiper .swiper-slide > .index-reasons-box > ul > li {font-size: 18px; line-height: 24px;}

    .index-process {padding: 56px 24px;}
    .index-process > h1 {font-size: 36px; line-height: 40px; margin-bottom: 56px;}
    .index-process > #processSwiper > .swiper-button-prev, .index-process > #processSwiper > .swiper-button-next {display: block;}
    .index-process > #processSwiper > .swiper-button-prev:after, .index-process > #processSwiper > .swiper-button-next:after {display: none;}
    .index-process > #processSwiper > .swiper-button-next {position: absolute; width: 110px; height: 26px; background-image: url("../images/arrow-long-right-w.png"); background-size: 100%; background-repeat: no-repeat; top: -40px; right: 0;}
    .index-process > #processSwiper > .swiper-button-prev {position: absolute; width: 110px; height: 26px; background-image: url("../images/arrow-long-right-w.png"); background-size: 100%; background-repeat: no-repeat; top: -44px; right: 134px; left: initial; transform: scale(-1);}
    .index-process > #processSwiper .swiper-slide > .index-process-box {width: 270px; padding-right: 16px;}
    .index-process > #processSwiper .swiper-slide > .index-process-box .index-process-box-num {width: 56px; height: 56px; font-size: 24px; margin-bottom: 20px; line-height: 56px;}
    .index-process > #processSwiper .swiper-slide > .index-process-box > h1 {font-size: 20px; line-height: 24px; margin-bottom: 20px;}
    .index-process > #processSwiper .swiper-slide > .index-process-box > p {font-size: 18px; line-height: 24px;}

    .index-positions {padding: 56px 24px;}
    .index-positions > h1 {font-size: 36px; line-height: 40px; margin-bottom: 56px;}
    .index-positions  .index-positions-box {margin-bottom: 24px;}
    .index-positions  .index-positions-box > .index-positions-box-left {height: 128px; padding: 20px;}
    .index-positions  .index-positions-box > .index-positions-box-left > p {font-size: 24px; line-height: 24px; margin-bottom: 16px;}
    .index-positions  .index-positions-box > .index-positions-box-left > .index-positions-box-address > p {font-size: 18px; line-height: 24px;}
    .index-positions  .index-positions-box > .index-positions-box-left > .index-positions-box-address > img {width: 6px; margin: 0 8px;}
    .index-positions  .index-positions-box > .index-positions-box-right {width: 180px; height: 128px; background-image: url("../images/arrow-long-right-w.png"); background-size: 132px 26px; background-position: 20px 24px; background-repeat: no-repeat;}
    .index-positions > button {margin: 32px auto 0; width: 250px; height: 56px; font-size: 20px;}
    .index-positions > button > img {width: 24px; margin-left: 16px;}

    .form-box {padding: 56px 24px;}
    .form-box > h1 {font-size: 36px; line-height: 40px; margin-bottom: 56px;}
    .form-box > .form-box-content > .form-box-item {margin-bottom: 20px; position: relative;}
    .form-box > .form-box-content > .form-box-item > p {font-size: 14px; margin-bottom: 8px;}
    .form-box > .form-box-content > .form-box-item > input {height: 56px; font-size: 18px; padding: 0 16px;}
    .form-box > .form-box-content > .form-box-item > p.error {font-size: 10px; margin-top: 4px;}
    .form-box > .form-box-content > .form-box-item > button {width: 265px; height: 50px; border-radius: 50px; font-size: 20px;}
    .form-box > .form-box-content > .form-box-item > .upload-tips {position: absolute; font-size: 18px; line-height: 24px; top: 40px; left: 289px; margin-top: 0;}
    .form-box > .form-box-content > .form-box-item .upload-file-name {margin-top: 20px; justify-content: flex-start;}
    .form-box > .form-box-content > .form-box-item .upload-file-name > div {display: -webkit-flex; display: flex; align-items: center;}
    .form-box > .form-box-content > .form-box-item .upload-file-name > div > p {font-size: 18px; width: auto; line-height: 24px;}
    .form-box > .form-box-content > .form-box-item .upload-file-name > div > p.error {font-size: 18px; margin-left: 24px;}
    .form-box > .form-box-content > .form-box-item .upload-file-name > div > img {width: 16px; height: 16px; margin-left: 24px; margin-right: 24px;}
    .form-box > .form-box-content > label > input[type=checkbox]+label {width: 24px; height: 24px; border-radius: 4px;}
    .form-box > .form-box-content > label > p {font-size: 18px; margin-left: 8px;}
    .form-box > .form-box-content > button {margin-top: 48px; width: 375px; height: 56px; font-size: 20px; border-radius: 56px;}
    .form-box > .form-box-content > button > img {width: 24px; margin-left: 16px;}

    .content {padding: 0 24px;}
    .content-title {padding: 32px 0;}
    .content-title > a {font-size: 18px; margin-bottom: 20px;}
    .content-title > a > img {width: 24px; height: 24px;}
    .content-title .title-box > h1 {font-size: 24px; line-height: 24px; margin-bottom: 24px;}
    .content-title .title-box > button {width: 180px; height: 56px; border-radius: 56px; font-size: 20px;}
    .content-title .title-box > button > img {width: 24px; height: 24px; margin-left: 16px;}
    .detail-box {padding: 32px 0;}
    .detail-box .detail-left-box {margin-bottom: 56px;}
    .detail-box .detail-left-box .detail-left-item {margin-bottom: 16px;}
    .detail-box .detail-left-box .detail-left-item > h1 {font-size: 18px; line-height: 24px;}
    .detail-box .detail-left-box .detail-left-item > p {font-size: 18px; line-height: 24px; margin-top: 8px;}
    .detail-box .detail-right-box > h1 {font-size: 24px; line-height: 24px; margin-bottom: 20px;}
    .detail-box .detail-right-box > ul {margin-bottom: 24px;}
    .detail-box .detail-right-box > ul > li {font-size: 18px; line-height: 24px; margin-bottom: 8px; padding-left: 24px;}
    .detail-box .detail-right-box > ul > li:before {width: 8px; height: 8px; top: 9px;}
    .detail-box .detail-right-box .detail-content-box {padding-bottom: 40px;}
    .detail-box .detail-right-box .detail-content-box .detail-content-item {margin-bottom: 16px; padding-bottom: 16px; width: 228px; margin-right: 16px;}
    .detail-box .detail-right-box .detail-content-box .detail-content-item:nth-child(3n) {margin-right: 0;}
    .detail-box .detail-right-box .detail-content-box .detail-content-item .detail-content-item-head {margin-bottom: 16px;}
    .detail-box .detail-right-box .detail-content-box .detail-content-item .detail-content-item-head .detail-content-item-head-num {width: 64px; height: 64px; line-height: 64px; font-size: 24px;}
    .detail-box .detail-right-box .detail-content-box .detail-content-item .detail-content-item-head > img {width: 64px; height: 64px;}
    .detail-box .detail-right-box .detail-content-box .detail-content-item > p {font-size: 18px; line-height: 24px; padding: 0 16px;}
    .detail-box .detail-right-box .form-box {padding: 32px 0;}
}

@media (min-width: 1024px) {
    .banner-box {display: -webkit-flex; display: flex; flex-direction: row-reverse;}
    .banner-box > .banner {display: none;}
    .banner-box > .banner.pc {display: block; width: 512px; height: 512px;}
    .banner-box .banner-content {margin-top: 224px; padding: 0 16px 0 24px;}

    .index-about {padding-bottom: 56px; background-image: url("../images/about_bg.jpg"); background-size: cover; background-position: center center; background-repeat: no-repeat;}
    .index-about:before {width: 128px; height: 128px;}
    .index-about:after {width: 128px; height: 128px; left: 634px; bottom: 56px;}
    .index-about .index-about-top {width: 634px; height: auto;}
    .index-about .index-about-bottom {width: 634px; background-color: #fff;}

    .index-reasons > #reasonsSwiper .swiper-slide:last-child > .index-reasons-box {margin-right: 0;}

    .content-title .title-box {flex-direction: row; align-items: center; justify-content: space-between;}
    .content-title .title-box > h1 {margin-bottom: 0;}
    .detail-box {flex-direction: row; align-items: flex-start;}
    .detail-box .detail-left-box .detail-left-item {width: 100%;}
    .detail-box .detail-right-box {max-width: 732px;}

    .notice-pop {padding: 20px;}
    .notice-pop > p {margin-bottom: 10px;}
    .notice-pop > h1 {font-weight: bold; font-size: 16px; margin-bottom: 10px;}
}

@media (min-width: 1440px) {
    .banner-box {width: 1100px; margin: 0 auto; height: 720px; position: static; display: block;}
    .banner-box > .banner.pc {display: block; width: 720px; height: 720px; position: absolute; right: 0;}
    .banner-box .banner-content {width: 500px; margin-top: 0; padding: 320px 0 0 0;}
    .banner-box .banner-content > h1 {font-size: 52px; line-height: 60px;}
    .banner-box .banner-content > button {width: 386px; height: 48px; font-size: 24px; margin-top: 24px;}

    .index-about {padding: 88px 0;}
    .index-about .index-about-top {padding: 40px 40px 40px calc((100vw - 17px - 1100px)/2); width: 65%; font-size: 32px; line-height: 40px;}
    .index-about:before {width: 180px; height: 180px;}
    .index-about:after {width: 180px; height: 180px; bottom: 88px; left: 65%;}
    .index-about .index-about-bottom {width: 65%; padding: 40px 40px 40px calc((100vw - 17px - 1100px)/2);}
    .index-about .index-about-bottom > h1 {font-size: 24px; line-height: 24px; margin-bottom: 40px;}

    .index-reasons {padding: 88px calc((100vw - 17px - 1100px)/2);}
    .index-reasons > h1 {font-size: 52px; line-height: 60px; margin-bottom: 48px;}
    .index-reasons > #reasonsSwiper .swiper-slide > .index-reasons-box {width: 386px; height: 624px;}
    .index-reasons > #reasonsSwiper .swiper-slide > .index-reasons-box > img {width: 48px; margin-bottom: 24px;}
    .index-reasons > #reasonsSwiper .swiper-slide > .index-reasons-box > h1 {font-size: 24px; line-height: 24px; margin-bottom: 24px;}

    .index-process {padding: 88px calc((100vw - 17px - 1100px)/2);}
    .index-process > h1 {font-size: 52px; line-height: 60px; margin-bottom: 88px;}
    .index-process > #processSwiper .swiper-slide > .index-process-box .index-process-box-num {width: 64px; height: 64px; line-height: 64px; font-size: 32px; margin-bottom: 24px;}
    .index-process > #processSwiper .swiper-slide > .index-process-box {width: 274px; padding-right: 16px;}
    .index-process > #processSwiper .swiper-slide > .index-process-box > h1 {margin-bottom: 24px;}


    .index-positions {padding: 88px 0; width: 1100px; margin: 0 auto;}
    .index-positions > h1 {font-size: 52px; line-height: 60px; margin-bottom: 88px;}
    .index-positions  .index-positions-box  .index-positions-box-left {height: 152px; padding: 24px;}
    .index-positions  .index-positions-box  .index-positions-box-right {width: 170px; height: 152px; background-size: 90px 24px; background-position: 40px 30px;}
    .index-positions  .index-positions-box  .index-positions-box-left > p {font-size: 32px; line-height: 32px; margin-bottom: 16px;}
    .index-positions  .index-positions-box:hover  .index-positions-box-left {background-color: #C5F2E7;}
    .index-positions  .index-positions-box:hover  .index-positions-box-right {background-color: #E04E39; position: relative;}
    .index-positions  .index-positions-box:hover  .index-positions-box-right:after {content: 'Learn more'; font-size: 18px; color: #fff; line-height: 24px; position: absolute; left: 24px; bottom: 24px;}
    .index-positions > button {width: 284px; height: 56px; border-radius: 56px; font-size: 24px;}

    .form-box {padding: 88px 0; width: 1100px; margin: 0 auto;}
    .form-box > h1 {font-size: 52px; line-height: 60px; margin-bottom: 88px;}
    .form-box > .form-box-content {display: -webkit-flex; display: flex; flex-wrap: wrap; justify-content: space-between;}
    .form-box > .form-box-content > .form-box-item {width: 100%;}
    .form-box > .form-box-content > .form-box-item:nth-child(2),.form-box > .form-box-content > .form-box-item:nth-child(3) {width: 528px;}
    .form-box > .form-box-content > label {width: 100%;}
    .form-box > .form-box-content > button {width: 436px; height: 56px; border-radius: 56px; font-size: 24px;}

    .content {width: 1100px; margin: 0 auto; padding: 0;}
    .content-title .title-box > h1 {font-size: 32px; line-height: 32px;}
    .content-title .title-box > button {width: 197px;}
    .detail-box .detail-right-box .form-box {width: 100%;}
    .detail-box .detail-right-box .form-box > .form-box-content > .form-box-item:nth-child(2), .detail-box .detail-right-box .form-box > .form-box-content > .form-box-item:nth-child(3) {width: 332px;}
    .detail-box .detail-right-box > h1 {font-size: 32px; line-height: 32px;}
}

@media (min-width: 1660px) {
    .banner-box {display: -webkit-flex; display: flex; justify-content: flex-end;}
    .banner-box > .banner.pc {position: relative; right: -175px;}
}
/*@media (min-width: 1920px) {*/
/*    .banner-box {height: 960px;}*/
/*    .banner-box > .banner.pc {width: 960px; height: 960px;}*/
/*    .banner-box .banner-content {padding: 478px 0 0 0;}*/
/*}*/