* {
    box-sizing: border-box;
    padding: 0;
    margin: 0;
    -webkit-tap-highlight-color: transparent;
    outline: 0
}

@font-face {
    font-family: 'Montserrat-Black';
    src: url('/catalog/view/stylesheet/fonts/soueast/Montserrat-Black.otf') format('truetype');
}

@font-face {
    font-family: 'Montserrat-Bold';
    src: url('/catalog/view/stylesheet/fonts/soueast/Montserrat-Bold.otf') format('truetype');
}

@font-face {
    font-family: 'Montserrat-Regular';
    src: url('/catalog/view/stylesheet/fonts/soueast/Montserrat-Regular.otf') format('truetype');
}

body {
    font-family: 'MarkGEOCAPSBold', 'Montserrat-Regular';
}

.font-20 {
	font-size: 0.32rem !important;
}

/* @font-face {
    font-family: 'fanfont';
    src: url(catalog/view/stylesheet/fonts/soueasts/fanicon/iconfont.eot);
    src: url(catalog/view/stylesheet/fonts/soueasts/fanicon/iconfont.eot?#iefix) format('embedded-opentype'),url(catalog/view/stylesheet/fonts/soueasts/fanicon/iconfont.woff2) format('woff2'),url(catalog/view/stylesheet/fonts/soueasts/fanicon/iconfont.woff) format('woff'),url(catalog/view/stylesheet/fonts/soueasts/fanicon/iconfont.ttf) format('truetype'),url(catalog/view/stylesheet/fonts/soueasts/fanicon/iconfont.svg) format('svg')
} */

.icon {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font: 14px/1 fanfont;
    font-size: inherit;
    text-rendering: auto
}

html {
    font-size: 42.6667px
}

body {
    width: 100%;
    position: relative;
    overflow-x: hidden;
    overflow-y: auto;
    margin: 0 auto;
    color: #444;
    font-size: 14px;
    font-weight: 400;
    /* font-family: PingFang SC,Hiragino Sans GB,Microsoft YaHei,WenQuanYi Micro Hei,Helvetica Neue,Arial,sans-serif */
}


ul,
li,
ol {
    padding: 0;
    list-style: none;
    margin: 0
}

li {
    vertical-align: top
}

a {
    text-decoration: none;
    outline: 0;
    color: #444
}

a img {
    border: 0
}

input,
select,
button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

input:focus,
select:focus,
button:focus {
    outline: 0
}

img {
    display: block;
    width: 100%;
}

select {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none
}

select::-ms-expand {
    display: none
}

.clearfix::after {
    content: '';
    width: 100%;
    clear: both;
    display: block
}

.clearfix-block {
    width: 100%;
    height: 0;
    overflow: hidden;
    clear: both
}

.clearfix {
    zoom: 1;
}

.hide {
    display: none !important
}

.r {
    float: right
}



.font-text-100pt {
    font-size: 100px
}

@media (max-width: 1680px) {
    .font-text-100pt {
        font-size: 88px
    }
}

@media (max-width: 1366px) {
    .font-text-100pt {
        font-size: 72px
    }
}

@media (max-width: 1280px) {
    .font-text-100pt {
        font-size: 66px
    }
}

@media (max-width: 1024px) {
    .font-text-100pt {
        font-size: 54px
    }
}

@media (max-width: 767px) {
    .font-text-100pt {
        font-size: 1rem
    }
}

.font-text-80pt {
    font-size: 80px
}

@media (max-width: 1680px) {
    .font-text-80pt {
        font-size: 70px
    }
}

@media (max-width: 1366px) {
    .font-text-80pt {
        font-size: 56px
    }
}

@media (max-width: 1280px) {
    .font-text-80pt {
        font-size: 52px
    }
}

@media (max-width: 1024px) {
    .font-text-80pt {
        font-size: 42px
    }
}

@media (max-width: 767px) {
    .font-text-80pt {
        font-size: .8rem
    }
}

.font-text-66pt {
    font-size: 66px
}

@media (max-width: 1680px) {
    .font-text-66pt {
        font-size: 60px
    }
}

@media (max-width: 1366px) {
    .font-text-66pt {
        font-size: 50px
    }
}

@media (max-width: 1280px) {
    .font-text-66pt {
        font-size: 48px
    }
}

@media (max-width: 1024px) {
    .font-text-66pt {
        font-size: 42px
    }
}

@media (max-width: 767px) {
    .font-text-66pt {
        font-size: .7rem
    }
}

.font-text-60pt {
    font-size: 60px
}

@media (max-width: 1680px) {
    .font-text-60pt {
        font-size: 50px
    }
}

@media (max-width: 1366px) {
    .font-text-60pt {
        font-size: 55px
    }
}

@media (max-width: 1280px) {
    .font-text-60pt {
        font-size: 45px
    }
}

@media (max-width: 1024px) {
    .font-text-60pt {
        font-size: 38px
    }
}

@media (max-width: 767px) {
    .font-text-60pt {
        font-size: .7rem
    }
}

.font-text-44pt {
    font-size: 44px
}

@media (max-width: 1680px) {
    .font-text-44pt {
        font-size: 38px
    }
}

@media (max-width: 1366px) {
    .font-text-44pt {
        font-size: 32px
    }
}

@media (max-width: 1280px) {
    .font-text-44pt {
        font-size: 30px
    }
}

@media (max-width: 1024px) {
    .font-text-44pt {
        font-size: 24px
    }
}

@media (max-width: 767px) {
    .font-text-44pt {
        font-size: .44rem
    }
}

.font-text-40pt {
    font-size: 40px
}

@media (max-width: 1680px) {
    .font-text-40pt {
        font-size: 34px
    }
}

@media (max-width: 1366px) {
    .font-text-40pt {
        font-size: 28px
    }
}

@media (max-width: 1280px) {
    .font-text-40pt {
        font-size: 26px
    }
}

@media (max-width: 1024px) {
    .font-text-40pt {
        font-size: 24px
    }
}

@media (max-width: 767px) {
    .font-text-40pt {
        font-size: .4rem
    }
}

.font-text-36pt {
    font-size: 36px
}

@media (max-width: 1680px) {
    .font-text-36pt {
        font-size: 32px
    }
}

@media (max-width: 1366px) {
    .font-text-36pt {
        font-size: 26px
    }
}

@media (max-width: 1280px) {
    .font-text-36pt {
        font-size: 24px
    }
}

@media (max-width: 1024px) {
    .font-text-36pt {
        font-size: 20px
    }
}

@media (max-width: 767px) {
    .font-text-36pt {
        font-size: .36rem
    }
}

.font-text-30pt {
    font-size: 30px
}

@media (max-width: 1680px) {
    .font-text-30pt {
        font-size: 26px
    }
}

@media (max-width: 1366px) {
    .font-text-30pt {
        font-size: 22px
    }
}

@media (max-width: 1280px) {
    .font-text-30pt {
        font-size: 20px
    }
}

@media (max-width: 1024px) {
    .font-text-30pt {
        font-size: 16px
    }
}

@media (max-width: 767px) {
    .font-text-30pt {
        font-size: .3rem
    }
}

.font-text-28pt {
    font-size: 30px
}

@media (max-width: 1680px) {
    .font-text-28pt {
        font-size: 26px
    }
}

@media (max-width: 1366px) {
    .font-text-28pt {
        font-size: 22px
    }
}

@media (max-width: 1280px) {
    .font-text-28pt {
        font-size: 20px
    }
}

@media (max-width: 1024px) {
    .font-text-28pt {
        font-size: 16px
    }
}

@media (max-width: 767px) {
    .font-text-28pt {
        font-size: .3rem
    }
}

.font-text-26pt {
    font-size: 26px
}

@media (max-width: 1680px) {
    .font-text-26pt {
        font-size: 22px
    }
}

@media (max-width: 1366px) {
    .font-text-26pt {
        font-size: 18px
    }
}

@media (max-width: 1280px) {
    .font-text-26pt {
        font-size: 16px
    }
}

@media (max-width: 1024px) {
    .font-text-26pt {
        font-size: 14px
    }
}

@media (max-width: 767px) {
    .font-text-26pt {
        font-size: .3rem
    }
}

.font-text-24pt {
    font-size: 24px
}

@media (max-width: 1680px) {
    .font-text-24pt {
        font-size: 20px
    }
}

@media (max-width: 1366px) {
    .font-text-24pt {
        font-size: 18px
    }
}

@media (max-width: 1280px) {
    .font-text-24pt {
        font-size: 16px
    }
}

@media (max-width: 1024px) {
    .font-text-24pt {
        font-size: 12px
    }
}

@media (max-width: 767px) {
    .font-text-24pt {
        font-size: .3rem
    }
}

.font-text-22pt {
    font-size: 22px
}

@media (max-width: 1680px) {
    .font-text-22pt {
        font-size: 20px
    }
}

@media (max-width: 1366px) {
    .font-text-22pt {
        font-size: 18px
    }
}

@media (max-width: 1280px) {
    .font-text-22pt {
        font-size: 16px
    }
}

@media (max-width: 1024px) {
    .font-text-22pt {
        font-size: 14px
    }
}

@media (max-width: 767px) {
    .font-text-22pt {
        font-size: .28rem
    }
}

.font-text-20pt {
    font-size: 20px
}

@media (max-width: 1680px) {
    .font-text-20pt {
        font-size: 18px
    }
}

@media (max-width: 1366px) {
    .font-text-20pt {
        font-size: 14px
    }
}

@media (max-width: 1280px) {
    .font-text-20pt {
        font-size: 14px
    }
}

@media (max-width: 1024px) {
    .font-text-20pt {
        font-size: 12px
    }
}

@media (max-width: 767px) {
    .font-text-20pt {
        font-size: .28rem
    }
}

.font-text-18pt {
    font-size: 18px
}

@media (max-width: 1680px) {
    .font-text-18pt {
        font-size: 16px
    }
}

@media (max-width: 1366px) {
    .font-text-18pt {
        font-size: 14px
    }
}

@media (max-width: 1280px) {
    .font-text-18pt {
        font-size: 12px
    }
}

@media (max-width: 1024px) {
    .font-text-18pt {
        font-size: 12px
    }
}

@media (max-width: 767px) {
    .font-text-18pt {
        font-size: .28rem
    }
}

.font-text-16pt {
    font-size: 16px
}

@media (max-width: 1680px) {
    .font-text-16pt {
        font-size: 14px
    }
}

@media (max-width: 1366px) {
    .font-text-16pt {
        font-size: 14px
    }
}

@media (max-width: 1280px) {
    .font-text-16pt {
        font-size: 12px
    }
}

@media (max-width: 1024px) {
    .font-text-16pt {
        font-size: 12px
    }
}

@media (max-width: 767px) {
    .font-text-16pt {
        font-size: .24rem
    }
}

.font-text-14pt {
    font-size: 16px
}

@media (max-width: 1680px) {
    .font-text-14pt {
        font-size: 14px
    }
}

@media (max-width: 1366px) {
    .font-text-14pt {
        font-size: 12px
    }
}

@media (max-width: 1280px) {
    .font-text-14pt {
        font-size: 12px
    }
}

@media (max-width: 1024px) {
    .font-text-14pt {
        font-size: 12px
    }
}

@media (max-width: 767px) {
    .font-text-14pt {
        font-size: .24rem
    }
}

.font-text-12pt {
    font-size: 16px
}

@media (max-width: 1680px) {
    .font-text-12pt {
        font-size: 12px
    }
}

@media (max-width: 1366px) {
    .font-text-12pt {
        font-size: 12px
    }
}

@media (max-width: 1280px) {
    .font-text-12pt {
        font-size: 12px
    }
}

@media (max-width: 1024px) {
    .font-text-12pt {
        font-size: 12px
    }
}

@media (max-width: 767px) {
    .font-text-12pt {
        font-size: .24rem
    }
}

.grid_container {
    width: 100%
}

.row::before,
.row::after {
    content: "";
    display: block;
    clear: both;
    height: 0;
    overflow: hidden
}

[class*=col-] {
    float: left;
    min-width: 1px
}

.pc-only {
    display: block !important
}

.pc-global {
    display: flex !important
}

.pad-only {
    display: none !important
}

.mb-only {
    display: none !important
}

.pc-pad {
    display: block !important
}

.pc-m {
    display: block !important
}

.mb-pad {
    display: none !important
}

.col-md-1 {
    width: 8.33%
}

.col-md-2 {
    width: 16.66%
}

.col-md-2-4 {
    width: 20%
}

.col-md-3 {
    width: 25%
}

.col-md-4 {
    width: 33.33%
}

.col-md-5 {
    width: 41.66%
}

.col-md-6 {
    width: 50%
}

.col-md-7 {
    width: 58.33%
}

.col-md-8 {
    width: 66.66%
}

.col-md-9 {
    width: 75%
}

.col-md-10 {
    width: 83.33%
}

.col-md-11 {
    width: 91.66%
}

.col-md-12 {
    width: 100%
}

.col-md-offset-1 {
    margin-left: 8.33%
}

.col-md-offset-2 {
    margin-left: 16.66%
}

.col-md-offset-3 {
    margin-left: 25%
}

.col-md-offset-4 {
    margin-left: 33.33%
}

.col-md-offset-5 {
    margin-left: 41.66%
}

.col-md-offset-6 {
    margin-left: 50%
}

.col-md-offset-7 {
    margin-left: 58.33%
}

.col-md-offset-8 {
    margin-left: 66.66%
}

.col-md-offset-9 {
    margin-left: 75%
}

.col-md-offset-10 {
    margin-left: 83.33%
}

.col-md-offset-11 {
    margin-left: 91.66%
}

.col-md-offset-12 {
    margin-left: 100%
}

@media (max-width: 1024px) {
    .pc-only {
        display: none !important
    }

    .pad-only {
        display: block !important
    }

    .mb-only {
        display: none !important
    }

    .mb-pad {
        display: block !important
    }

    .pc-m {
        display: none !important
    }

    .col-sm-1 {
        width: 8.33%
    }

    .col-sm-2 {
        width: 16.66%
    }

    .col-sm-2-4 {
        width: 20%
    }

    .col-sm-3 {
        width: 25%
    }

    .col-sm-4 {
        width: 33.33%
    }

    .col-sm-5 {
        width: 41.66%
    }

    .col-sm-6 {
        width: 50%
    }

    .col-sm-7 {
        width: 58.33%
    }

    .col-sm-8 {
        width: 66.66%
    }

    .col-sm-9 {
        width: 75%
    }

    .col-sm-10 {
        width: 83.33%
    }

    .col-sm-11 {
        width: 91.66%
    }

    .col-sm-12 {
        width: 100%
    }

    .col-sm-offset-1 {
        margin-left: 8.33%
    }

    .col-sm-offset-2 {
        margin-left: 16.66%
    }

    .col-sm-offset-3 {
        margin-left: 25%
    }

    .col-sm-offset-4 {
        margin-left: 33.33%
    }

    .col-sm-offset-5 {
        margin-left: 41.66%
    }

    .col-sm-offset-6 {
        margin-left: 50%
    }

    .col-sm-offset-7 {
        margin-left: 58.33%
    }

    .col-sm-offset-8 {
        margin-left: 66.66%
    }

    .col-sm-offset-9 {
        margin-left: 75%
    }

    .col-sm-offset-10 {
        margin-left: 83.33%
    }

    .col-sm-offset-11 {
        margin-left: 91.66%
    }

    .col-sm-offset-12 {
        margin-left: 100%
    }
}

@media (max-width: 767px) {
    .mb-mt20 {
        margin-top: .2rem
    }

    .mb-mt30 {
        margin-top: .3rem
    }

    .pc-only {
        display: none !important
    }

    .pad-only {
        display: none !important
    }

    .pc-global {
        display: none !important
    }

    .mb-only {
        display: block !important
    }

    .pc-pad {
        display: none !important
    }

    .pc-m {
        display: block !important
    }

    .col-xs-1 {
        width: 8.33%
    }

    .col-xs-2 {
        width: 16.66%
    }

    .col-xs-2-4 {
        width: 20%
    }

    .col-xs-3 {
        width: 25%
    }

    .col-xs-4 {
        width: 33.33%
    }

    .col-xs-5 {
        width: 41.66%
    }

    .col-xs-6 {
        width: 50%
    }

    .col-xs-7 {
        width: 58.33%
    }

    .col-xs-8 {
        width: 66.66%
    }

    .col-xs-9 {
        width: 75%
    }

    .col-xs-10 {
        width: 83.33%
    }

    .col-xs-11 {
        width: 91.66%
    }

    .col-xs-12 {
        width: 100%
    }

    .col-xs-offset-1 {
        margin-left: 8.33%
    }

    .col-xs-offset-2 {
        margin-left: 16.66%
    }

    .col-xs-offset-3 {
        margin-left: 25%
    }

    .col-xs-offset-4 {
        margin-left: 33.33%
    }

    .col-xs-offset-5 {
        margin-left: 41.66%
    }

    .col-xs-offset-6 {
        margin-left: 50%
    }

    .col-xs-offset-7 {
        margin-left: 58.33%
    }

    .col-xs-offset-8 {
        margin-left: 66.66%
    }

    .col-xs-offset-9 {
        margin-left: 75%
    }

    .col-xs-offset-10 {
        margin-left: 83.33%
    }

    .col-xs-offset-11 {
        margin-left: 91.66%
    }

    .col-xs-offset-12 {
        margin-left: 100%
    }
}



/* button */
.btn_ol_1 {
    position: relative;
    display: block;
}

.bol_1,
.bol_2,
.bt_t {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.btn_ol_1 img {
    width: 0.2rem;
}

.bol_1 {
    left: 0rem;
    opacity: 0;
    z-index: 2;
    transition: left .9s, opacity .5s;
}

.bol_2 {
    right: 20%;
    z-index: 2;
    width: 0.2rem;
    transition: right .9s, opacity .5s;
}

.bt_t {
    left: 20%;
    font-size: 0.16rem;
    z-index: 2;
    transition: all .7s;
    transition-delay: .15s;
}

.bt_mask {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
    transition: all .3s;
}

@media (min-width: 769px) {
    .btn_ol_1:hover .bol_1 {
        left: 20%;
        opacity: 1;
    }

    .btn_ol_1:hover .bol_2 {
        right: 0%;
        opacity: 0;
    }

    .btn_ol_1:hover .bt_t {
        left: 50%;
    }
}