@font-face {
	font-family:SourceHan;
	src:url(https://img01.frametrend.com/inmcn/SourceHan/SourceHanSansCN-Regular.otf)
}
@font-face {
	font-family:SourceHan-Regular;
	src:url(https://img01.frametrend.com/inmcn/SourceHan/SourceHanSansCN-Regular.otf)
}
@font-face {
	font-family:SourceHan-Medium;
	src:url(https://img01.frametrend.com/inmcn/SourceHan/SourceHanSansCN-Medium.otf)
}
@font-face {
	font-family:SourceHan-Light;
	src:url(https://img01.frametrend.com/inmcn/SourceHan/SourceHanSansCN-Light.otf)
}
@font-face {
	font-family:SourceHan-Bold;
	src:url(https://img01.frametrend.com/inmcn/SourceHan/SourceHanSansCN-Bold.otf)
}
@font-face {
	font-family:MiSans;
	src:url(https://img01.frametrend.com/inmcn/MiSans/MiSans-Normal.otf)
}
@font-face {
	font-family:MiSans-Medium;
	src:url(https://img01.frametrend.com/inmcn/MiSans/MiSans-Medium.otf)
}
@font-face {
	font-family:MiSans-Bold;
	src:url(https://img01.frametrend.com/inmcn/MiSans/MiSans-Bold.otf)
}
@font-face {
	font-family:MiSans-Semibold;
	src:url(https://img01.frametrend.com/inmcn/MiSans/MiSans-Semibold.otf)
}


.v-app-bar[data-v-201974f5] {
    box-shadow: none !important
}

.v-application a[data-v-201974f5] {
    text-decoration: none;
    color: #fff
}

.v-toolbar[data-v-201974f5] {
    transition: .6s
}

.expand[data-v-201974f5] {
    height: 80px !important;
    padding-top: 10px
}

.naviBox[data-v-201974f5] {
    width: 100%;
    display: flex;
    align-items: center
}

.naviBox .logoBox[data-v-201974f5] {
    display: flex;
    justify-content: start;
    flex: 1
}

.naviBox .logoBox .logo_img[data-v-201974f5] {
    width: 92px;
    height: 38px
}

.naviBox .textWihte[data-v-201974f5] {
    color: #fff
}

.naviBox .textBlack[data-v-201974f5] {
    color: #000
}

.naviBox .btnBox[data-v-201974f5] {
    display: flex;
    height: 26px;
    font-family: SourceHan-Bold;
    font-weight: 500;
    font-size: 14px;
    line-height: 19px
}

.naviBox .btnBox .itemBar[data-v-201974f5] {
    cursor: pointer;
    text-align: center;
    margin: 0 40px
}

.naviBox .btnBox .changeColor[data-v-201974f5],
.naviBox .btnBox .itemBar[data-v-201974f5]:hover {
    color: #c5a564;
    border-bottom: 1px solid #c5a564
}

.naviBox .itemBar[data-v-201974f5]:hover {
    color: #c5a564
}

.naviBox .tab_right[data-v-201974f5] {
    display: flex;
    align-items: center;
    flex: 1;
    justify-content: end
}

.naviBox .tab_right .switch[data-v-201974f5] {
    font-family: SourceHan;
    color: #fff;
    font-weight: 400;
    cursor: pointer
}

.naviBox .tab_right .lxwm[data-v-201974f5] {
    width: 148px;
    height: 36px;
    min-width: 148px;
    font-family: SourceHan-Bold;
    border-radius: 36px;
    border: 2px solid #fff;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 10px 0 40px;
    font-weight: 500;
    font-size: 14px;
    color: #fff;
    cursor: pointer
}

.naviBox .tab_right .lxwm[data-v-201974f5]:hover {
    color: #000;
    background-color: #fff
}

.naviBox .tab_right .jt[data-v-201974f5] {
    width: 36px;
    height: 36px;
    cursor: pointer
}

.naviBox .tab_right2[data-v-201974f5] {
    display: flex;
    align-items: center;
    flex: 1;
    justify-content: end
}

.naviBox .tab_right2 .switch[data-v-201974f5] {
    font-family: SourceHan;
    font-weight: 400;
    cursor: pointer;
    color: #000
}

.naviBox .tab_right2 .lxwm[data-v-201974f5] {
    width: 148px;
    height: 36px;
    min-width: 148px;
    border-radius: 36px;
    border: 2px solid #000;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 10px 0 40px;
    font-family: SourceHan-Bold;
    font-weight: 500;
    font-size: 14px;
    color: #000;
    cursor: pointer
}

.naviBox .tab_right2 .lxwm[data-v-201974f5]:hover {
    color: #fff;
    background-color: #000
}

.naviBox .tab_right2 .jt[data-v-201974f5] {
    width: 36px;
    height: 36px;
    cursor: pointer
}

.titleBox[data-v-054e5402] {
	font-family:SourceHan-Light;
	font-weight:300;
	font-size:60px;
	color:#000;
	line-height:87px;
	margin-top:156px
}
.titleBox .text_Bold[data-v-054e5402] {
	font-family:SourceHan-Bold;
	font-weight:500
}

.line[data-v-134b6008] {
    height: 1px;
    background-color: #d8d8d8
}

.zhBox[data-v-134b6008] {
    display: flex;
    padding: 80px 0 100px 0
}

.zhBox .business[data-v-134b6008] {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-right: 200px
}

.zhBox .business .busi_title[data-v-134b6008] {
    height: 42px;
    font-family: SourceHan-Medium;
    font-weight: 500;
    font-size: 32px;
    color: #000;
    line-height: 42px;
    margin-bottom: 20px
}

.zhBox .business .QRcode[data-v-134b6008] {
    width: 128px;
    height: 128px;
    border: 1px solid #d8d8d8
}

.zhBox .business .contact_wx[data-v-134b6008] {
    height: 20px;
    font-family: SourceHan;
    font-weight: 350;
    font-size: 14px;
    color: #7e7e7e;
    line-height: 20px;
    text-align: left;
    font-style: normal;
    text-transform: none;
    margin-top: 10px
}

.zhBox .contactInfo[data-v-134b6008] {
    margin-right: 200px
}

.zhBox .contactInfo .contact_title[data-v-134b6008] {
    height: 42px;
    font-family: SourceHan-Medium;
    font-weight: 500;
    font-size: 32px;
    color: #000;
    line-height: 42px;
    text-align: left;
    font-style: normal;
    text-transform: none;
    margin-bottom: 30px
}

.zhBox .contactInfo .contactBox[data-v-134b6008] {
    margin-bottom: 20px
}

.zhBox .contactInfo .contactBox .con_name[data-v-134b6008] {
    height: 20px;
    font-family: SourceHan;
    font-weight: 350;
    font-size: 14px;
    color: #7e7e7e;
    line-height: 20px;
    text-align: left;
    font-style: normal;
    text-transform: none;
    margin-bottom: 6px
}

.zhBox .contactInfo .contactBox .con_num[data-v-134b6008] {
    font-family: SourceHan-Medium;
    font-weight: 500;
    font-size: 16px;
    color: #535353
}

.zhBox .contactInfo .mailbox .con_name[data-v-134b6008] {
    height: 20px;
    font-family: SourceHan;
    font-weight: 350;
    font-size: 14px;
    color: #7e7e7e;
    line-height: 20px;
    text-align: left;
    font-style: normal;
    text-transform: none;
    margin-bottom: 6px
}

.zhBox .contactInfo .mailbox .con_num[data-v-134b6008] {
    height: 21px;
    font-family: SourceHan-Medium;
    font-weight: 500;
    font-size: 16px;
    color: #535353;
    line-height: 21px;
    position: relative;
    cursor: pointer
}

.zhBox .contactInfo .mailbox .con_num[data-v-134b6008]:hover {
    color: #000
}

.zhBox .contactInfo .mailbox .con_num[data-v-134b6008]:after {
    content: "";
    position: absolute;
    bottom: -3px;
    left: 0;
    width: 0;
    height: 1px;
    background-color: #000;
    transition: width .5s
}

.zhBox .contactInfo .mailbox .con_num[data-v-134b6008]:hover:after {
    width: 100%
}

.zhBox .address[data-v-134b6008] {
    margin-right: 67px
}

.zhBox .address .add_title[data-v-134b6008] {
    height: 42px;
    font-family: SourceHan-Medium;
    font-weight: 500;
    font-size: 32px;
    color: #000;
    line-height: 42px;
    text-align: left;
    font-style: normal;
    text-transform: none;
    margin-bottom: 30px
}

.zhBox .address .addBox[data-v-134b6008] {
    margin-bottom: 18px
}

.zhBox .address .addBox .add_hard[data-v-134b6008] {
    height: 20px;
    font-family: SourceHan;
    font-weight: 350;
    font-size: 14px;
    color: #7e7e7e;
    line-height: 20px;
    text-align: left;
    font-style: normal;
    text-transform: none;
    margin-bottom: 6px
}

.zhBox .address .addBox .add_info[data-v-134b6008] {
    font-family: SourceHan-Medium;
    font-weight: 500;
    font-size: 16px;
    color: #535353;
    text-align: left;
    font-style: normal;
    text-transform: none
}

.zhBox .address .filialeBox .add_hard[data-v-134b6008] {
    height: 20px;
    font-family: SourceHan;
    font-weight: 350;
    font-size: 14px;
    color: #7e7e7e;
    line-height: 20px;
    text-align: left;
    font-style: normal;
    text-transform: none;
    margin-bottom: 6px
}

.zhBox .address .filialeBox .add_info[data-v-134b6008] {
    font-family: SourceHan-Medium;
    font-weight: 500;
    font-size: 16px;
    color: #535353;
    text-align: left;
    font-style: normal;
    text-transform: none
}

.enBox[data-v-134b6008] {
	padding-top:80px
}
.enBox .en_mailbox[data-v-134b6008] {
	font-family:SourceHan-Bold;
	font-weight:500;
	font-size:60px;
	color:#000;
	line-height:80px;
	margin-bottom:80px;
	cursor:pointer
}
.enBox .en_mailbox .en_com[data-v-134b6008] {
	position:relative
}
.enBox .en_mailbox .en_com[data-v-134b6008]:after {
	content:"";
	position:absolute;
	bottom:-10px;
	left:0;
	width:0;
	height:3px;
	background-color:#000;
	transition:width .5s
}
.enBox .en_mailbox .en_com[data-v-134b6008]:hover:after {
	width:100%
}
.enBox .en_infoBox[data-v-134b6008] {
	display:flex;
	margin-bottom:80px
}
.enBox .en_infoBox .addressBox .address_title[data-v-134b6008] {
	height:32px;
	font-family:SourceHan;
	font-weight:600;
	font-size:24px;
	color:#000;
	line-height:32px;
	margin-bottom:20px
}
.enBox .en_infoBox .addressBox .address_item[data-v-134b6008] {
	width:600px;
	font-family:SourceHan;
	font-weight:400;
	font-size:14px;
	color:#535353;
	line-height:19px;
	margin-bottom:5px
}
.enBox .en_infoBox .perBox .con_title[data-v-134b6008] {
	height:32px;
	font-family:SourceHan;
	font-weight:600;
	font-size:24px;
	color:#000;
	line-height:32px;
	margin-bottom:20px
}
.enBox .en_infoBox .perBox .con_item[data-v-134b6008] {
	height:19px;
	font-family:SourceHan;
	font-weight:400;
	font-size:14px;
	color:#666;
	line-height:19px
}

.btmBox[data-v-134b6008] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 20px 0 30px 0
}

.btmBox .imgBox[data-v-134b6008] {
    display: flex
}

.btmBox .imgBox .svgBox[data-v-134b6008] {
    position: relative;
    cursor: pointer;
    margin-right: 20px
}

.btmBox .imgBox .svgBox .progress-circle[data-v-134b6008] {
    transform: rotate(-90deg)
}

.btmBox .imgBox .svgBox .animated-circle[data-v-134b6008] {
    stroke-dasharray: 0 94 47;
    transition: stroke-dasharray 1s
}

.btmBox .imgBox .svgBox .svg-container:hover .animated-circle[data-v-134b6008] {
    stroke-dasharray: 94 47 0
}

.btmBox .imgBox .svgBox .shareItem[data-v-134b6008] {
    position: absolute;
    left: 0;
    top: 0
}

.btmBox .baCode[data-v-134b6008] {
    height: 20px;
    font-family: SourceHan;
    font-weight: 350;
    font-size: 14px;
    color: #666;
    line-height: 20px;
    font-style: normal;
    text-transform: none
}

.video-box {
    position: relative;
    height: 100vh;
    background-color: #c1cff7;
    overflow: hidden
}

.video-box .video-background {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    min-height: 800px
}

.video-box .titleBox,
.video-box .video-background {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%)
}

.video-box .titleBox {
    color: #fff;
    text-align: center;
    -webkit-animation: fadeOut 2.5s forwards;
    animation: fadeOut 2.5s forwards
}

@-webkit-keyframes fadeOut {

    0%,
    80% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes fadeOut {

    0%,
    80% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.video-box .titleBox .title_top {
    font-family: SourceHan-Bold;
    font-weight: 500;
    margin-bottom: 40px
}

.video-box .titleBox .con_box {
    font-size: 66px;
    letter-spacing: 6px
}

.video-box .titleBox .con_box .title_con {
    font-family: SourceHan-Light;
    font-weight: 300
}

.video-box .titleBox .con_box .title_con2 {
    font-family: SourceHan-Bold;
    font-weight: 500
}

.video-box .MoreBox {
    position: absolute;
    left: 50%;
    bottom: 20px;
    transform: translateX(-50%);
    display: flex;
    align-items: center;
    flex-direction: column;
    font-family: SourceHan;
    font-weight: 350;
    font-size: 16px;
    color: #fff;
    font-style: normal;
    text-transform: none
}

.video-box .MoreBox .nextPage {
    width: 26px;
    height: 26px;
    margin-top: 8px;
    cursor: pointer;
    transition: all .8s ease .1s
}

.video-box .MoreBox .nextPage:hover {
    transform: scale(1.3)
}

.video-box .shareBox {
    position: absolute;
    right: 60px;
    bottom: 50%;
    transform: translateY(50%);
    display: flex;
    flex-direction: column
}

.video-box .shareBox .svgBox {
    position: relative;
    cursor: pointer
}

.video-box .shareBox .svgBox .progress-circle {
    transform: rotate(-90deg)
}

.video-box .shareBox .svgBox .animated-circle {
    stroke-dasharray: 0 126 63;
    transition: stroke-dasharray 1s
}

.video-box .shareBox .svgBox .svg-container:hover .animated-circle {
    stroke-dasharray: 126 63 0
}

.video-box .shareBox .svgBox .shareItem {
    position: absolute;
    left: 0;
    top: 0
}

#about[data-v-2c97c520] {
    background-color: #f4f7f5
}

.features_title[data-v-2c97c520] {
    height: 87px;
    color: #000;
    line-height: 87px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 80px 0;
    font-size: 60px !important
}

.features_title .text_Light[data-v-2c97c520] {
    font-family: SourceHan-Light;
    font-weight: 300
}

.features_title .text_Bold[data-v-2c97c520] {
    font-family: SourceHan-Bold;
    font-weight: 500
}

.intr_box[data-v-2c97c520] {
    display: flex;
    justify-content: center
}

.intr_box .introduce[data-v-2c97c520] {
    width: 660px;
    font-family: SourceHan;
    font-weight: 350;
    font-size: 16px;
    color: #535353;
    line-height: 28px
}

.intr_box .introduce .intr_item[data-v-2c97c520] {
    text-align: center
}

.avatarBox[data-v-2c97c520] {
/*    white-space: nowrap;*/
    overflow: hidden;
    margin-bottom: 60px;
    height: 258px;
    display: flex;
    mask-image: linear-gradient(90deg, transparent, #fff 20%, #fff 80%, transparent);
    -webkit-mask-image: linear-gradient(90deg, transparent, #fff 20%, #fff 80%, transparent)
}

.avatarBox .hoverBox[data-v-2c97c520] {
    display: flex;
    -webkit-animation: animate-data-v-2c97c520 36s linear infinite;
    animation: animate-data-v-2c97c520 36s linear infinite
}

@-webkit-keyframes animate-data-v-2c97c520 {
    0% {
        transform: translateX(0)
    }

    to {
        transform: translateX(-100%)
    }
}

@keyframes animate-data-v-2c97c520 {
    0% {
        transform: translateX(0)
    }

    to {
        transform: translateX(-100%)
    }
}

.avatarBox .hoverBox .avatar_item[data-v-2c97c520] {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    width: 258px;
    height: 258px;
    margin-right: 26px;
    border-radius: 50%;
    position: relative
}

.avatarBox .hoverBox .avatar_item .img_size[data-v-2c97c520] {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 50%
}

.avatarBox .hoverBox .avatar_item .mask[data-v-2c97c520] {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    color: #fff;
    background: #000;
    opacity: 0;
    border-radius: 50%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-family: SourceHan
}

.avatarBox .hoverBox .avatar_item .mask[data-v-2c97c520]:hover {
    -webkit-animation-play-state: paused;
    animation-play-state: paused;
    transition: all .5s ease .1s;
    opacity: .8
}

.avatarBox .hoverBox .avatar_item .mask .mask_title[data-v-2c97c520] {
    font-family: SourceHan-Bold;
    font-weight: 500;
    font-size: 32px;
    line-height: 40px;
    text-wrap: wrap
}

.avatarBox .hoverBox .avatar_item .mask .mask_con[data-v-2c97c520] {
    width: 196px;
    height: 38px;
    font-size: 14px;
    line-height: 19px;
    margin: 10px 0;
    text-align: center
}

.avatarBox .hoverBox .avatar_item .mask .mask_hobby[data-v-2c97c520] {
    font-size: 14px;
	width:190px;
	text-align:center;
}

.avatarBox .hoverBox .avatar_item .smallBox[data-v-2c97c520] {
    width: 116px;
    height: 116px;
    border-radius: 50%;
    position: relative
}

.avatarBox .hoverBox .avatar_item .smallBox .smallImg[data-v-2c97c520] {
    width: 116px;
    height: 116px;
    border-radius: 50%
}

.avatarBox .hoverBox .avatar_item .smallBox .smallMask[data-v-2c97c520] {
    width: 116px;
    height: 116px;
    position: absolute;
    left: 0;
    top: 0;
    color: #fff;
    background: #000;
    opacity: 0;
    border-radius: 50%;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.avatarBox .hoverBox .avatar_item .smallBox .smallMask .smallItem[data-v-2c97c520] {
    height: 38px;
    padding: 0 10px;
    overflow: hidden
}

@-webkit-keyframes scrollText-data-v-2c97c520 {
    0% {
        transform: translateY(0)
    }

    to {
        transform: translateY(-75%)
    }
}

@keyframes scrollText-data-v-2c97c520 {
    0% {
        transform: translateY(0)
    }

    to {
        transform: translateY(-75%)
    }
}

.avatarBox .hoverBox .avatar_item .smallBox .smallMask .smallItem .small_hover .small_bt[data-v-2c97c520] {
    font-family: SourceHan-Bold;
    font-weight: 500;
    font-size: 24px;
    color: #fff;
    text-align: center;
    font-style: normal;
    text-transform: none;
    text-wrap: wrap
}

.avatarBox .hoverBox .avatar_item .smallBox .smallMask .smallItem .small_hover .small_con[data-v-2c97c520] {
    font-family: SourceHan;
    font-weight: 400;
    font-size: 14px;
    color: #fff;
    line-height: 19px;
    text-align: center;
    text-wrap: wrap
}

.avatarBox .hoverBox .avatar_item .smallBox .smallMask .smallItem .small_hover .small_ah[data-v-2c97c520] {
    font-family: SourceHan;
    font-weight: 400;
    font-size: 14px;
    color: #fff;
    text-align: center !important;
    text-wrap: wrap
}

.avatarBox .hoverBox .avatar_item .smallBox .smallMask[data-v-2c97c520]:hover {
    -webkit-animation-play-state: paused;
    animation-play-state: paused;
    transition: all .5s ease .1s;
    opacity: .8
}

.avatarBox .hoverBox .avatar_item .smallBox .small_hover[data-v-2c97c520]:hover {
    -webkit-animation: scrollText-data-v-2c97c520 3s linear forwards;
    animation: scrollText-data-v-2c97c520 3s linear forwards
}

.avatarBox:hover div[data-v-2c97c520] {
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.learnMore[data-v-2c97c520] {
    display: flex;
    justify-content: center;
    margin: 60px 0 159px 0
}

.learnMore .btn[data-v-2c97c520] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 300px;
    height: 60px;
    border-radius: 100px 100px 100px 100px;
    margin-right: 20px;
    border: 2px solid #000;
    font-family: SourceHan-Bold;
    font-weight: 500;
    font-size: 20px;
    color: #000;
    font-style: normal;
    text-transform: none
}

.learnMore .btn[data-v-2c97c520]:hover {
    color: #fff;
    background-color: #000;
    cursor: pointer
}

.learnMore .btn[data-v-2c97c520]:hover a{color: #fff;}

.learnMore .next[data-v-2c97c520] {
    width: 60px;
    height: 60px;
    cursor: pointer
}

.learnMore .rit[data-v-2c97c520] {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background-color: #000;
    color: #fff
}

#major[data-v-3292b1d2] {
    background-color: #000
}

#major .container[data-v-3292b1d2],
#major .row[data-v-3292b1d2] {
    height: 100%
}

.major_title[data-v-3292b1d2] {
    height: 87px;
    line-height: 87px;
    text-align: center;
    font-style: normal;
    text-transform: none;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 80px;
    color: #fff;
    font-size: 60px !important
}

.major_title .text_Light[data-v-3292b1d2] {
    font-family: SourceHan-Bold;
    font-weight: 300
}

.major_title .text_Bold[data-v-3292b1d2] {
    font-family: SourceHan-Bold;
    font-weight: 500
}

.intr_box[data-v-3292b1d2] {
    display: flex;
    justify-content: center;
    margin-top: 20px
}

.intr_box .introduce[data-v-3292b1d2] {
    height: 46px;
    font-family: SourceHan;
    font-weight: 350;
    font-size: 16px;
    color: #fff;
    line-height: 23px;
    text-align: center;
    font-style: normal;
    text-transform: none
}

.ysBox[data-v-3292b1d2] {
    display: flex;
    justify-content: center;
    -moz-column-gap: 60px;
    column-gap: 60px;
    row-gap: 20px;
    margin: 60px 0 80px 0;
    font-family: SourceHan-Medium;
    font-weight: 500;
    font-size: 24px;
    color: #c5a564
}

.ysBox .borderOne[data-v-3292b1d2] {
    width: 240px;
    height: 240px;
    border: 2px solid #666;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    flex: 0 1 auto
}

.ysBox .borderOne .titleBox[data-v-3292b1d2] {
    width: 148px;
	text-align:center;
}

.ysBox .borderTwo[data-v-3292b1d2] {
    width: 240px;
    height: 240px;
    border-radius: 0 0 0 0;
    border: 2px solid #c5a564;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    flex: 0 1 auto
}

.ysBox .borderTwo .titleBox[data-v-3292b1d2] {
     width: 168px;
	text-align:center;
}

.animationCss[data-v-3bd06b16] {
    opacity: 0;
    -webkit-animation: slide-up-data-v-3bd06b16 1s forwards;
    animation: slide-up-data-v-3bd06b16 1s forwards;
    -webkit-animation-delay: .2s;
    animation-delay: .2s
}

@-webkit-keyframes slide-up-data-v-3bd06b16 {
    0% {
        transform: translateY(30px);
        opacity: 0
    }

    to {
        transform: translateY(0);
        opacity: 1
    }
}

@keyframes slide-up-data-v-3bd06b16 {
    0% {
        transform: translateY(30px);
        opacity: 0
    }

    to {
        transform: translateY(0);
        opacity: 1
    }
}

.business_title[data-v-3bd06b16] {
    height: 87px;
    color: #000;
    line-height: 87px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 160px 0 53px 0;
    font-size: 60px !important
}

.business_title .text_Light[data-v-3bd06b16] {
    font-family: SourceHan-Light;
    font-weight: 300
}

.business_title .text_Bold[data-v-3bd06b16] {
    font-family: SourceHan-Bold;
    font-weight: 500
}

.priBox[data-v-3bd06b16] {
    display: flex;
    justify-content: center;
    -moz-column-gap: 40px;
    column-gap: 40px;
    row-gap: 20px;
    flex-wrap: wrap
}

.priBox .consultBox[data-v-3bd06b16] {
    width: 45%;
    flex: 0 1 auto
}

.priBox .consultBox .consult_title[data-v-3bd06b16] {
    height: 80px;
    background: #f7f7f7;
    border-radius: 0 0 0 0;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: SourceHan-Bold;
    font-weight: 500;
    font-size: 28px;
    color: #c5a564
}

.priBox .consultBox .con_item[data-v-3bd06b16] {
    /*height: 27px;*/
    font-family: SourceHan-Medium;
    font-weight: 500;
    font-size: 20px;
    color: #000;
    text-align: left;
    font-style: normal;
    text-transform: none;
    margin-bottom: 13px;
    margin-top: 30px
}

.priBox .consultBox .con_item[data-v-3bd06b16]:hover {
    color: #c5a564;
    cursor: pointer
}

.priBox .consultBox .con_text[data-v-3bd06b16] {
    height: 21px;
    font-family: SourceHan;
    font-weight: 400;
    font-size: 16px;
    color: #535353;
    line-height: 21px;
    text-align: left;
    font-style: normal;
    text-transform: none
}

.topBox[data-v-f1da85b2] {
    display: flex;
    justify-content: space-between;
    margin-top: 80px;
    padding-bottom: 60px
}

.topBox .contactBox .con_title1[data-v-f1da85b2] {
    height: 87px;
    font-family: sourceHan-light;
    font-weight: 300;
    font-size: 60px;
    color: #000;
    line-height: 87px;
    text-align: left;
    font-style: normal;
    text-transform: none;
    margin-bottom: 20px
}

.topBox .contactBox .con_title[data-v-f1da85b2] {
    height: 87px;
    font-family: SourceHan-Bold;
    font-weight: 500;
    font-size: 60px;
    color: #000;
    line-height: 87px;
    text-align: left;
    font-style: normal;
    text-transform: none;
    margin-bottom: 20px
}

.topBox .contactBox .con_item[data-v-f1da85b2] {
    width: 90%;
    height: 84px;
    font-family: SourceHan;
    font-weight: 350;
    font-size: 16px;
    color: #535353;
    line-height: 28px;
    text-align: left;
    font-style: normal;
    text-transform: none
}

.topBox .contactBox[data-v-f1da85b2] {
	width:70%
	
}

.topBox .awardsBox[data-v-f1da85b2] {
    display: flex;
    align-items: center;
}

.topBox .awardsBox .awards_left[data-v-f1da85b2] {
    display: flex;
    flex-direction: column;
    align-items: center
}

.topBox .awardsBox .awards_left .awardsNum[data-v-f1da85b2] {
    height: 106px;
    font-family: SourceHan-Bold;
    font-weight: 500;
    font-size: 80px;
    color: #000;
    line-height: 106px;
    text-align: left;
    font-style: normal;
    text-transform: none;
    display: flex
}

.topBox .awardsBox .awards_left .awardsNum .fh[data-v-f1da85b2] {
    font-size: 40px;
    font-family: SourceHan;
    font-weight: 400;
    color: #535353;
    padding-top: 10px
}

.topBox .awardsBox .awards_left .hyzz[data-v-f1da85b2] {
    height: 23px;
	width:130px;
    font-family: SourceHan-Regular;
    font-weight: 400;
    font-size: 16px;
    color: #535353;
    line-height: 23px;
    opacity: .6;
    text-align: left;
    font-style: normal;
    text-transform: none
}

.topBox .awardsBox .line[data-v-f1da85b2] {
    width: 1px;
    height: 100px;
    background-color: #d8d8d8;
    margin: 0 60px
}

.topBox .awardsBox .awards_right[data-v-f1da85b2] {
    display: flex;
    flex-direction: column;
    align-items: center
}

.topBox .awardsBox .awards_right .awardsNum[data-v-f1da85b2] {
    height: 106px;
    font-family: SourceHan-Bold;
    font-weight: 500;
    font-size: 80px;
    color: #000;
    line-height: 106px;
    text-align: left;
    font-style: normal;
    text-transform: none;
    display: flex
}

.topBox .awardsBox .awards_right .awardsNum .fh[data-v-f1da85b2] {
    font-size: 40px;
    font-family: SourceHan;
    font-weight: 400;
    color: #535353;
    padding-top: 10px
}

.topBox .awardsBox .awards_right .hyzz[data-v-f1da85b2] {
    width: 170px;
    height: 23px;
    font-family: SourceHan-Regular;
    font-weight: 400;
    font-size: 16px;
    color: #535353;
    line-height: 23px;
    opacity: .6;
    text-align: left;
    font-style: normal;
    text-transform: none
}

.fgx[data-v-f1da85b2] {
    height: 1px;
    background: #d8d8d8;
    border-radius: 0 0 0 0
}

.awardList[data-v-f1da85b2] {
    display: flex;
    justify-content: space-around;
    margin-top: 82px
}

.awardList .award_item[data-v-f1da85b2] {
    flex: 0 1 auto
}

.awardList .award_item img[data-v-f1da85b2] {
	max-height:60px;
}

.agentList[data-v-f1da85b2] {
    display: flex;
    flex-wrap: wrap;
    row-gap: 30px;
    -moz-column-gap: 40px;
    column-gap: 40px;
    margin-top: 62px;
    margin-bottom: 150px;
	justify-content:center;
}

.agentList .agentBox[data-v-f1da85b2] {
    flex: 0 1 auto;
    display: flex;
    align-items: center;
    box-sizing: border-box
}

.agentList .agentBox .img_size[data-v-f1da85b2] {
    width: 48px;
    height: 62px
}

.agentList .agentBox .agent_item[data-v-f1da85b2] {
    font-family: SourceHan-Regular;
    font-weight: 400;
    font-size: 12px;
    color: #000;
    display: flex;
    flex-direction: column;
    align-items: center
}


.ryBox[data-v-f1da85b2] {
	display:grid;
	grid-template-columns:1fr 1fr;
	-moz-column-gap:40px;
	column-gap:40px;
	row-gap:30px;
	margin-bottom:160px
}
.ryBox .ryItem[data-v-f1da85b2] {
	padding:20px 0;
	font-family:SourceHan-Regular;
	font-weight:400;
	font-size:16px !important;
	display:flex;
	justify-content:space-between;
	align-items:center;
	border-bottom:1px solid #d8d8d8;
	cursor:pointer
}
.ryBox .ryItem[data-v-f1da85b2]:hover {
	color:#c5a564
}
.ryBox .ryItem:hover .ryImg[data-v-f1da85b2] {
	content:url(../img/next.1de41b7e.svg)
}


.sudcase_title[data-v-703d0df2] {
    height: 87px;
    font-size: 60px !important;
    color: #000;
    line-height: 87px;
    font-style: normal;
    text-transform: none;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 130px 0 60px 0
}

.sudcase_title .text_Light[data-v-703d0df2] {
    font-family: SourceHan-Bold;
    font-weight: 300
}

.sudcase_title .text_Bold[data-v-703d0df2] {
    font-family: SourceHan-Bold;
    font-weight: 500
}

.succeedBox[data-v-703d0df2] {
    display: flex
}

.succeedBox .case_hover[data-v-703d0df2] {
    display: flex;
    -webkit-animation: animate-data-v-703d0df2 36s linear infinite;
    animation: animate-data-v-703d0df2 36s linear infinite
}

@-webkit-keyframes animate-data-v-703d0df2 {
    0% {
        transform: translateX(0)
    }

    to {
        transform: translateX(-100%)
    }
}

@keyframes animate-data-v-703d0df2 {
    0% {
        transform: translateX(0)
    }

    to {
        transform: translateX(-100%)
    }
}

.succeedBox .case_hover .case_item[data-v-703d0df2] {
    position: relative;
    margin-right: 60px;
    overflow: hidden
}

.succeedBox .case_hover .case_item .imgBox[data-v-703d0df2] {
    width: 440px;
    height: 586px;
    transition: all .8s ease .1s
}

.succeedBox .case_hover .case_item .imgBox[data-v-703d0df2]:hover {
    transform: scale(1.1)
}

.succeedBox .case_hover .case_item .imgBox .case_img[data-v-703d0df2] {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.succeedBox .case_hover .case_item .case_theme[data-v-703d0df2] {
    position: absolute;
    left: 30px;
    bottom: 28px;
    color: #fff;
    width: 90%
}

.succeedBox .case_hover .case_item .case_theme .case_title1[data-v-703d0df2] {
    font-family: SourceHan-Medium;
    font-weight: 500;
    font-size: 24px;
    line-height: 32px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.succeedBox .case_hover .case_item .case_theme .case_title2[data-v-703d0df2] {
    height: 23px;
    font-family: SourceHan;
    font-weight: 350;
    font-size: 16px;
    line-height: 23px;
    margin-top: 5px
}


.succeedBox .case_hover .case_item .case_theme[data-v-703d0df2] {
	position:absolute;
	left:0;
	bottom:0;
	color:#fff;
	width:100%;
	height:200px;
	background:linear-gradient(180deg,transparent 0,rgba(0,0,0,.5))
}
.succeedBox .case_hover .case_item .case_theme .themeBox[data-v-703d0df2] {
	width:100%;
	position:absolute;
	left:32px;
	bottom:28px
}
.succeedBox .case_hover .case_item .case_theme .themeBox .case_title1[data-v-703d0df2] {
	width:90%;
	font-family:SourceHan-Medium;
	font-weight:500;
	font-size:24px;
	line-height:32px;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis
}
.succeedBox .case_hover .case_item .case_theme .themeBox .case_title2[data-v-703d0df2] {
	height:23px;
	font-family:SourceHan;
	font-weight:350;
	font-size:16px;
	line-height:23px;
	margin-top:5px
}

.succeedBox:hover div[data-v-703d0df2] {
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.learnMore[data-v-703d0df2] {
    display: flex;
    justify-content: center;
    margin: 60px 0 80px 0
}

.learnMore .btn[data-v-703d0df2] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 300px;
    height: 60px;
    border-radius: 60px;
    margin-right: 20px;
    border: 2px solid #000;
    font-family: SourceHan-Bold;
    font-weight: 500;
    font-size: 20px;
    color: #000;
    font-style: normal;
    text-transform: none
}

.learnMore .btn[data-v-703d0df2]:hover {
    color: #fff;
    background-color: #000;
    cursor: pointer
}

.learnMore .next[data-v-703d0df2] {
    width: 60px;
    height: 60px;
    cursor: pointer
}

#partners[data-v-229aa068] {
    background-color: #000
}

.line[data-v-229aa068] {
    height: 1px;
    background: #fff;
    opacity: .2 !important;
    margin-bottom: 60px
}

.partners_title[data-v-229aa068] {
    height: 87px;
    font-size: 60px !important;
    color: #fff;
    line-height: 87px;
    font-style: normal;
    text-transform: none;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 80px;
    margin-bottom: 60px
}

.partners_title .text_Light[data-v-229aa068] {
    font-family: SourceHan-bold;
    font-weight: 300
}

.partners_title .text_Bold[data-v-229aa068] {
    font-family: SourceHan-Bold;
    font-weight: 500
}

.cooperationList[data-v-229aa068] {
    display: flex;
    flex-wrap: wrap;
    row-gap: 20px;
    -moz-column-gap: 41px;
    column-gap: 41px;
    margin-bottom: 80px
}

.cooperationList .cooperItem[data-v-229aa068] {
    width: 206px;
    height: 88px;
    flex: 0 1 auto
}

.animationCss {
    opacity: 0;
    -webkit-animation: slide-up 1.2s forwards;
    animation: slide-up 1.2s forwards;
    -webkit-animation-delay: .2s;
    animation-delay: .2s
}

@-webkit-keyframes slide-up {
    0% {
        transform: translateY(30px);
        opacity: 0
    }

    to {
        transform: translateY(0);
        opacity: 1
    }
}

@keyframes slide-up {
    0% {
        transform: translateY(30px);
        opacity: 0
    }

    to {
        transform: translateY(0);
        opacity: 1
    }
}

.goTop {
    position: fixed;
    right: 40px;
    bottom: 80px
}

.goTop .topImg {
    width: 96px;
    height: 96px;
    cursor: pointer
}