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

@font-face {
    font-family: 'Montserrat-Black';
    src: url('../font/Montserrat-Black.otf') format('truetype');
}
@font-face {
    font-family: 'Montserrat-Bold';
    src: url('../font/Montserrat-Bold.otf') format('truetype');
}
@font-face {
    font-family: 'Montserrat-Regular';
    src: url('../font/Montserrat-Regular.otf') format('truetype');
}
body{
	font-family: 'Montserrat-Regular';
}

/* @font-face {
    font-family: 'fanfont';
    src: url(../fonts/fanicon/iconfont.eot);
    src: url(../fonts/fanicon/iconfont.eot?#iefix) format('embedded-opentype'),url(../fonts/fanicon/iconfont.woff2) format('woff2'),url(../fonts/fanicon/iconfont.woff) format('woff'),url(../fonts/fanicon/iconfont.ttf) format('truetype'),url(../fonts/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 */
}

input {
    /* 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-arial-narrow {
    /* font-family: "ArialNarrow",Arial,Helvetica,sans-serif */
}

.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%;
	}
}