@charset "UTF-8";
html, body {
	min-width: 1300px;
}

header {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	min-width: 1300px;
	background-color: rgba(255, 255, 255, 0.6);
	z-index: 10;
}
.fc-main{
	color: #7458a3;
}
.fc-secondly{
	color: #686d73;
}
.fz-25{
	font-size: 25px;
}
.mt-20{
	margin-top: 20px;
}
.mr20{
	margin-right: 20px;
}
.mt30{
	margin-top: 30px;
}
.mar-b-150{
	margin-bottom: 150px;
}
.mar-b-50{
	margin-bottom: 50px;
}
.cur-hover:hover{
	cursor: pointer;
	color: #ff0909;
}
.col-middle{
	vertical-align: middle;
}
.index-auto-height{
	height: 35vw;
}
.index-auto-height1{
	height: 30vw;
}
.inner-page-content img{
	width: 100% !important;
}
.quick-consult {
	min-width: 1300px;
}

.quick-consult-left {
	width: 69%;
	display: inline-block;
	vertical-align: middle;
}
.quick-consult-left img{
	width: 80%;
}

.quick-consult-right {
	width: 30%;
	display: inline-block;
	text-align: left;
	vertical-align: middle;
}
.quick-consult-right-tel > img{
	display: inline-block;
}
.quick-consult-right-tel > div{
	display: inline-block;
}
.consult {
	width: 81px;
	height: 81px;
	background: #7458a3;
	font-size: 24px;
	color: #FFFFFF;
	position: fixed;
	top: calc(50% - 40px);
	right: 0;
	text-align: center;
	cursor: pointer;
	z-index: 100;
}

.consult img {
	width: 100%;
	height: 100%;
}

.consult:hover {
	box-shadow: 1px 1px 10px #7458a3;
}

.header-main {
	box-sizing: border-box;
	margin: 0 auto;
	padding-top: 45px;
	padding-bottom: 5px;
	padding-right: 24px;
	width: 1300px;
}

.index-banner-img,
.inner-banner-img {
	width: 100%;
}

.header-logo {
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -35px;
}

.header-logo img {
	height: 98px;
	margin-left: 130px;
}

.header-language {
	margin-bottom: 60px;
}

.header-language a:hover {
	color: #7458a3;
}

.header-nav .header-nav-item {
	position: relative;
	padding: 5px 24px 20px;
}

.header-nav .header-nav-item.on {
	font-weight: bold;
}

.header-nav .header-nav-item + .header-nav-item:before {
	content: "";
	display: block;
	position: absolute;
	bottom: 24px;
	left: 0;
	width: 1px;
	height: 8px;
	background-color: #7458a3;
}

.header-nav .header-nav-item:first-of-type {
	padding-left: 0;
}

.header-nav .header-nav-item:nth-last-of-type(2) {
	padding-right: 0;
}

.nav-active-line {
	position: absolute;
	bottom: 10px;
	left: 0;
	width: 0;
	height: 5px;
	background-color: #7458a3;
	-webkit-transition: all .4s ease;
	transition: all .4s ease;
}

.index-booking-wrapper {
	position: absolute;
	left: 50%;
	bottom: 30%;
	margin-left: 265px;
	color: #fff;
}

.index-booking-btn {
	display: block;
	width: 168px;
	height: 83px;
	background: url('../images/book-btn.png') no-repeat;
	background-size: cover;
}

.index-section-text .font-en {
	letter-spacing: 5px;
}

.index-section-text .font-ch {
	letter-spacing: 1px;
}

.swiper-slide img {
	width: 100%;
}

.swiper-pagination {
	padding-right: 45px;
}

.swiper-pagination-bullet {
	background: #FFFFFF;
	opacity: 1;
}

.swiper-pagination-bullet-active {
	background: #494946;
}

.icon-cir {
	display: block;
	width: 19px;
	height: 7px;
	/*background: url('../images/icon-cir.png') no-repeat;*/
	background-size: cover;
}

.icon-cir2 {
	display: block;
	width: 7px;
	height: 19px;
	/*background: url('../images/icon-cir2.png') no-repeat;*/
	background-size: cover;
}

.icon-slogan {
	display: block;
	width: 48px;
	height: 21px;
	background: url('../images/morrow.png') no-repeat;
	background-size: cover;
}

.icon-slogan2 {
	display: block;
	width: 51px;
	height: 25px;
	background: url('../images/morrow2.png') no-repeat;
	background-size: cover;
}

.index-section-link {
	position: relative;
	left: 0;
	color: #525151;
	font-size: 12px;
	text-decoration: underline;
	-webkit-transition: all .6s ease;
	transition: all .6s ease;
}

.index-section-link:hover {
	text-decoration: underline;
	left: 10px;
}

.index-section-cover {
	width: 100%;
}

.animate-box {
	opacity: 0;
}

.index-section-1 {
	margin-top: 70px;
	margin-bottom: 150px;
}

.index-section-1 .grid-m-4 {
	height: 528px;
}

.index-section-1 .grid-m-8 {
	padding-right: 85px;
}

.index-section-1 .index-section-text {
	display: inline-block;
	position: relative;
	padding-top: 130px;
	height: 100%;
}

.index-section-1 .icon-slogan {
	position: absolute;
	bottom: 0;
	left: 0;
}

.index-section-2 {
	margin-bottom: 150px;
}

.index-section-2 .grid-m-5 {
	min-height: 454px;
}

.index-section-2 .index-section-text {
	position: absolute;
	top: 50%;
	right: 0;
	padding: 30px 0;
	width: 110%;
	background-color: #f0f0f0;
	-webkit-transform: translate(0, -50%);
	transform: translate(0, -50%);
}

.index-section-2 .index-section-text .lar-text {
	font-size: 32px;
}

.index-section-2 .icon-slogan {
	position: absolute;
	bottom: 0;
	left: 70px;
}

.index-section-3 {
	margin-bottom: 150px;
}

.index-section-3 .index-section-text {
	display: inline-block;
	position: relative;
	left: 10px;
	padding-top: 15px;
	height: 100%;
}

.index-section-4 {
	margin-bottom: 180px;
}

.index-section-4 .grid-m-8 {
	padding-left: 125px;
}

.index-section-4 .index-section-text .lar-text {
	font-size: 32px;
}

.index-section-4 .index-section-text {
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
/ / display: inline-block;
/ / position: relative;
/ / padding-top: 35 px;
/ / height: 100 %;
}

.footer-main {
	margin: 0 auto;
	width: 840px;
}

.footer-row-1 {
	padding: 65px 0;
	background-color: #f7f7f7;
}

.footer-row-2 {
	padding: 75px 0;
	border-bottom: 8px solid #7254a6;
	background-color: #e6e6e6;
}

.footer-logo {
	margin-bottom: 27px;
	padding-bottom: 27px;
	border-bottom: 1px solid #7458a3;
}

.footer-logo img,
.footer-code img {
	width: 90px;
}

.footer-col-1 {
	margin-right: 105px;
	padding: 20px 35px;
	border-right: 1px solid #7458a3;
}

.footer-col-2,
.footer-col-3,
.footer-col-4 {
	width: 150px;
}

.footer-col-2,
.footer-col-3 {
	margin-right: 57px;
}

.footer-col-2 a:hover,
.footer-col-3 a:hover,
.footer-col-4 a:hover {
	color: #7458a3;
}

.footer-totop {
	position: absolute;
	bottom: 0;
	right: 48px;
	cursor: pointer;
}

.footer-totop:hover {
	color: #7458a3;
}

.footer-totop .icon-cir {
	display: inline-block;
	vertical-align: middle;
}

.footer-row-2 span {
	margin: 0 55px;
}

.inner-sub-menu {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	background: url('../images/sub-menu.png') repeat-x bottom;
}

.inner-sub-menu ul {
	margin: 0 auto;
	width: 960px;
	height: 60px;
	overflow: hidden;
}

.inner-sub-menu ul li {
	width: 180px;
}

.inner-sub-menu ul li:first-child {
	width: 150px;
	text-align: left;
}

.inner-sub-menu ul li a {
	position: relative;
	padding: 0 15px;
	color: #fff;
}

.inner-sub-menu ul li a:hover {
	color: #caabff;
}

.inner-sub-menu ul li + li:before {
	content: "";
	display: block;
	position: absolute;
	bottom: 1px;
	left: 0;
	width: 1px;
	height: 8px;
	background-color: #fff;
}

.inner-sub-menu ul li.on a:after {
	content: "";
	display: block;
	position: absolute;
	bottom: -23px;
	left: 0;
	width: 100%;
	height: 5px;
	background-color: #caabff;
}

.inner-main {
	margin-top: 40px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 196px;
	width: 960px;
}

.inner-main2 {
	margin-top: 40px;
	margin-left: auto;
	margin-right: auto;
	width: 1200px;
}
.inner-main3 {
	margin-top: 40px;
	margin-left: auto;
	margin-right: auto;
	width: 960px;
}
.inner-sidebar-nav {
	position: absolute;
	top: 0;
	left: 0;
	width: 165px;
	padding: 20px 15px 40px;
	background-color: #7458a3;
	z-index: 2;
}

.inner-sidebar-nav .inner-sidebar-gap {
	height: 30px;
	line-height: 30px;
}

.inner-sidebar-nav li,
.inner-sidebar-nav li a {
	position: relative;
	left: 0;
	color: #fff;
	-webkit-transition: left .4s ease;
	transition: left .4s ease;
}

.inner-sidebar-nav li a:hover {
	left: 10px;
}

.inner-page-title {
	border-bottom: 1px solid #7458a3;
}

.inner-page-title p {
	padding-bottom: 15px;
	font-size: 22px;
}

.inner-page-banner {
	width: 100%;
	margin-top: 45px;
}

.about-brand-content {
	padding-top: 60px;
	margin-bottom: 65px;
}

.about-brand-content video {
	margin-bottom: 40px;
	width: 100%;
}

.about-brand-article {
	margin: 0 auto;
	width: 590px;
	letter-spacing: 1px;
}

.about-brand-content p {
	line-height: 1.5em;
}

.about-brand-end p:first-child {
	letter-spacing: .5em;
}

.about-brand-end p:nth-child(2) {
	position: relative;
	left: -5px;
}

.about-product-top .font-en {
	letter-spacing: 5px;
}

.about-product-top {
	padding: 60px 0;
}

.about-product-list:last-of-type {
	padding-bottom: 115px;
}

.about-product-list li:first-child {
	margin-top: 35px;
}

.about-product-list li {
	margin-bottom: 65px;
}

.about-product-item-1 .img-wrapper {
	width: 533px;
	height: 280px;
}

.about-product-text h2 {
	color: #393332;
}

.about-product-item-1 .about-product-text,
.about-product-item-3 .about-product-text,
.about-product-item-5 .about-product-text,
.about-product-item-7 .about-product-text {
	position: absolute;
	top: 50%;
	left: 0;
	-webkit-transform: translate(0, -50%);
	transform: translate(0, -50%);
}

.about-product-item-2 .about-product-text {
	position: absolute;
	top: 50%;
	right: 0;
	padding: 60px 0;
	width: 225px;
	background-color: #eee;
	-webkit-transform: translate(0, -50%);
	transform: translate(0, -50%);
	z-index: 2;
}

.about-product-item-4 .about-product-text {
	position: absolute;
	top: 0;
	right: 0;
}

.about-product-item-6 .about-product-text {
	position: absolute;
	top: 50%;
	right: 0;
	padding: 60px 0;
	width: 210px;
	background-color: #eee;
	-webkit-transform: translate(0, -50%);
	transform: translate(0, -50%);
	z-index: 2;
}

.about-product-item-2 .img-wrapper {
	width: 560px;
	height: 286px;
}

.about-product-item-3 .img-wrapper {
	width: 532px;
	height: 244px;
}

.about-product-item-4 .img-wrapper {
	width: 530px;
	height: 354px;
}

.about-product-item-5 .img-wrapper {
	width: 500px;
	height: 279px;
}

.about-product-item-6 .img-wrapper {
	width: 580px;
	height: 337px;
}

.about-product-item-7 .img-wrapper {
	width: 522px;
	height: 270px;
}

.about-service-list li {
	margin-bottom: 15px;
	padding: 55px 0;
}

.service-item-img {
	margin-bottom: 50px;
	width: 100%;
}

.about-service-list {
	margin-bottom: 85px;
}

.about-service-list li .font-en {
	letter-spacing: 5px;
}

.about-service-list li:last-child {
	border: 0;
}

.about-lavandeHome-top {
	padding-top: 45px;
	padding-bottom: 105px;
}

.about-lavandeHome-top-text {
	margin: 0 auto;
	width: 486px;
	line-height: 28px;
	letter-spacing: 1px;
}

.about-lavandeHome-list li {
	padding-bottom: 50px;
}

.about-lavandeHome-list-name {
	letter-spacing: 2px;
}

.about-lavandeHome-bottom {
	padding-top: 60px;
	padding-bottom: 175px;
}

.about-lavandeHome-bottom img {
	height: 125px;
}

.club-row {
	/*padding-bottom: 40px;*/
}

.club-row-grey {
	background-color: #f3f3f3;
}

.club-row-main {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	padding-left: 196px;
}

.club-page-title {
	border-bottom: 1px solid #7458a3;
}

.club-page-title p {
	padding-top: 15px;
	padding-bottom: 15px;
	font-size: 22px;
}

.club-rank-top {
	padding-top: 50px;
	padding-bottom: 35px;
}

.club-rank-top-text-1 {
	line-height: 30px;
}

.club-rank-top-text-2 {
	line-height: 30px;
}

.club-rank-list li {
	position: relative;
	padding-bottom: 35px;
}

.club-rank-list li:after {
	content: "";
	position: absolute;
	bottom: 17px;
	left: 0;
	display: block;
	width: 6px;
	height: 1px;
	background-color: #7458a3;
}

.club-rank-list li:last-child:after {
	content: "";
	width: 0;
	height: 0;
}

.club-rank-color {
	position: absolute;
	top: 50%;
	right: 15px;
	margin-top: -25px;
	width: 50px;
	height: 50px;
	background: url('../images/club-rank.png') no-repeat;
	background-size: 200px;
}

.club-rank-color-silver {
	background-position: -50px 0;
}

.club-rank-color-gold {
	background-position: -100px 0;
}

.club-rank-color-pt {
	background-position: -150px 0;
}

.table {
	width: 100%;
	border: 1px solid #7458a3;
}

.table thead {
	background-color: #7458a3;
	color: #fff;
}

.table thead th {
	font-weight: normal;
}

.table tbody td {
	border-right: 1px solid #7458a3;
}

.table tbody tr td:last-child {
	border-right: 0;
}

.club-rank-table .col-1 {
	width: 75px;
}

.club-rank-table .col-2 {
	width: 75px;
}

.club-rank-table .col-3 {
	width: 105px;
}

.club-rank-table .col-4 {
	width: 150px;
}

.club-rank-table .col-5 {
	width: 150px;
}

.normal-ol {
	padding-left: 1em;
}

.normal-ol,
.normal-ol li {
	list-style: decimal;
}

.normal-ol li {
	list-style-position: outside;
}

.club-rank-table,
.club-basic-table-1,
.club-basic-table-2,
.club-basic-table-3 {
	border-bottom: 0;
}

.club-basic-table-1 .col-1 {
	width: 110px;
}

.club-basic-table-1 .normal-ol {
	line-height: 24px;
}

.club-basic-table-2 .col-1 {
	width: 185px;
}

.club-basic-table-2 .col-2,
.club-basic-table-2 .col-3,
.club-basic-table-2 .col-4 {
	width: 150px;
}

.club-basic-table-3 .col-1 {
	width: 185px;
}

.club-basic-table-3 .col-2,
.club-basic-table-3 .col-3,
.club-basic-table-3 .col-4 {
	width: 150px;
}

.club-basic-table-2 td,
.club-basic-table-3 td {
	height: 75px;
}

.icon-point {
	display: inline-block;
	width: 10px;
	height: 10px;
	background-color: #7458a3;
	border-radius: 100%;
}

.question-list-q {
	margin-top: 25px;
	margin-bottom: 10px;
	font-weight: bold;
}

.question-list-a1 {
	margin-bottom: 10px;
	color: #999;
}

.question-list-a2 {
	margin-bottom: 10px;
	padding-left: 1.5em;
	color: #999;
}

.join-vi-video {
	width: 100%;
	height: 600px;
	background-color: #3f3e42;
	text-align: center;
}

.join-vi-video .video-wrap {
	display: inline-block;
	/*margin: 0 auto;*/
	width: 1050px;
	height: 100%;
}

.join-vi-video video {
	display: inline-block;
	/*margin: 0 auto;*/
	width: 1050px;
	height: 100%;
	background: #000000;
}
.join-vi-video .video-js {
	width: 100%;
	height: 100%;
}

.join-advance-top {
	margin-bottom: 70px;
	padding-top: 30px;
	padding-bottom: 90px;
}

.join-form {
	margin-right: 150px;
}

.join-form,
.join-contact-box {
	display: inline-block;
	vertical-align: middle;
}

.join-form .form-group {
	padding-left: 17px;
	padding-top: 6px;
	height: 30px;
	border-radius: 2px;
	background-color: #f1f0f0;
}

.join-form .form-group .form-control {
	position: relative;
	top: 2px;
	color: #4f4f4f;
	border: 0;
	background-color: transparent;
}

.joiner-info-item {
	margin-right: 15px;
	width: 140px;
}

.joiner-info-item:last-child {
	margin-right: 0;
}

.joiner-info-item .form-control {
	width: 88px;
}

.joiner-info-phone:before {
	content: "";
	position: absolute;
	top: 12px;
	left: 5px;
	border: 4px solid transparent;
	border-top-color: #777;
}

#joiner-phone {
	cursor: pointer;
}

.radio-box {
	cursor: pointer;
}

.radio-trigger {
	display: inline-block;
	margin-right: 2px;
	width: 15px;
	height: 15px;
	border-radius: 100%;
	border: 1px solid #3c3c3c;
	vertical-align: sub;
}

.radio-box.selected .radio-trigger {
	background: url('../images/icon-selected.png') #7458a3 center center no-repeat;
	background-size: 12px;
	border-color: #7458a3;
}

.join-more-item {
	margin-right: 15px;
	width: 108px;
	/* height: 40px;
	line-height: 38px; */
	border: 1px solid #ddd;
	border-radius: 5px;
	color: #646464;
	cursor: pointer;
	padding: 8px 0;
}

.join-more-item.selected {
	border: 1px solid #7458a3;
	color: #7458a3;
}

.join-more-item:last-child {
	margin-right: 0;
}

.joiner-other-group .form-control {
	width: 535px;
}

.join-submit-btn {
	width: 100px;
	height: 27px;
	line-height: 27px;
}

.join-index-bottom {
	padding-top: 100px;
}

.icon-tel {
	display: block;
	width: 40px;
	height: 40px;
	background: url('../images/icon-tel.png') no-repeat;
	background-size: cover;
}

.join-index-code {
	width: 112px;
	height: 112px;
}

.join-requirement-content {
	padding-top: 15px;
	border-top: 1px dashed #7458a3;
}

.join-requirement-item {
	margin-bottom: 45px;
}

.join-flow-content {
	padding: 35px 48px;
	padding-bottom: 75px;
	width: 340px;
	background-color: #eee;
}

.join-flow-content:before {
	content: "";
	position: absolute;
	top: 0;
	left: 48px;
	display: block;
	width: 37px;
	height: 4px;
	background-color: #7458a3;
}

.join-flow-item {
	padding: 15px 0;
	border-radius: 5px;
	border: 1px solid #b5b5b5;
	color: #6b6b6b;
}

.join-flow-line {
	height: 22px;
}

.join-flow-line .icon-line {
	display: inline-block;
	width: 1px;
	height: 22px;
	background-color: #b5b5b5;
}

.join-product-imgs {
	margin-bottom: 125px;
}

.join-product-imgs img {
	margin-bottom: 5px;
}

.contact-title .icon-slogan2 {
	position: absolute;
	right: 0;
	bottom: 0;
}

.contact-phone-box {
	margin-top: 65px;
	padding-bottom: 65px;
}

.contact-phone-box .icon-cir {
	position: absolute;
	top: 21px;
	left: 50%;
	margin-left: -9px;
}

.contact-code-box {
	margin-top: 60px;
	padding-bottom: 60px;
}

.contact-code-img {
	margin-right: 45px;
	width: 120px;
	height: 120px;
}

.contact-code-text-left {
	display: inline-block;
	width: 98px;
}

.contact-code-tips {
	position: absolute;
	top: 0;
	left: 0;
	-webkit-transform: translateY(50%);
	transform: translateY(50%);
}

.news-list li + li {
	margin-top: 30px;
}

.news-list-title,
.news-detail-title {
	position: relative;
	padding-top: 35px;
	padding-bottom: 20px;
	border-top: 1px solid #7458a3;
	border-bottom: 1px solid #7458a3;
}

.news-list li:first-child .news-list-title {
	border-top: 0;
}

.news-list-item a:hover {
	text-decoration: underline;
}

.news-list-item-1 .img-wrapper {
	width: 100%;
	height: 295px;
}

.news-list-item-1 .news-list-item-summary {
	margin-top: 45px;
	margin-bottom: 20px;
}

.news-list-item-2 .img-wrapper {
	width: 100%;
	height: 348px;
}

.news-list-item-2 .news-list-item-summary {
	font-size: 16px;
	line-height: 30px;
}

.pagination {
	padding-top: 40px;
	padding-bottom: 120px;
}

.pagination-item {
	margin-right: 15px;
}

.pagination-item:hover,
.pagination-item.on {
	color: #7458a3;
}

.pagination-item:last-child {
	margin-right: 0;
}

.news-brand-timeline {
	margin-top: 50px;
	margin-bottom: 145px;
}

.news-brand-timeline-left {
	width: 180px;
}

.news-brand-timeline-right {
	padding-bottom: 30px;
	padding-left: 65px;
	width: 584px;
	border-left: 1px solid #7458a3;
	line-height: 1.75em;
}

.news-team-ceo {
	padding: 35px 0;
}

.news-team-ceo-left {
	width: 395px;
}

.news-team-ceo-right {
	width: 366px;
	height: 482px;
}

.news-team-ceo-name {
	margin-top: 75px;
	margin-bottom: 20px;
}

.news-team-ceo-desc {
	width: 228px;
}

.news-brand-timeline li:last-child .news-brand-timeline-right {
	padding-bottom: 0;
}

.news-team-list {
	margin-top: 105px;
}

.news-team-item {
	margin-bottom: 40px;
	width: 33%;
}

.news-team-text {
	border-right: 1px solid #7458a3;
}
.news-team-text-border{
	border-right: 1px solid #7458a3;
	border-left: 1px solid #7458a3;
}
.news-team-item:nth-child(3n+1) .news-team-text {
	padding-right: 28px;
}

.news-team-item:nth-child(3n+2) .news-team-text {
	padding-left: 28px;
	padding-right: 28px;
}

.news-team-item:nth-child(3n+3) .news-team-text {
	padding-left: 28px;
	border-right: 0;
}

.news-team-img {
	display: inline-block;
	margin-bottom: 55px;
	width: 182px;
	height: 182px;
	border-radius: 100%;
}

.news-team-item:nth-child(3n+1) .news-team-img {
	margin-right: 28px;
}

.news-team-item:nth-child(3n+2) .news-team-img {
	margin-left: 28px;
	margin-right: 28px;
}

.news-team-item:nth-child(3n+3) .news-team-img {
	margin-left: 28px;
}

.news-team-bg {
	display: block;
	position: absolute;
	left: 50%;
	margin-left: -600px;
	width: 1200px;
	height: 150px;
	background: url('../images/team-bg.png') no-repeat;
	background-size: cover;
}

.news-detail-content img {
	width: 100%;
}

.news-detail-option {
	margin: 85px 0;
}

.news-detail-option a:hover {
	color: #7458a3;
}

.recruit-title .icon-slogan2 {
	position: absolute;
	right: 0;
	bottom: 20px;
}

.recruit-intro-item {
	margin-right: 5%;
	margin-bottom: 40px;
	width: 45%;
	line-height: 28px;
}

.recruit-intro-item:nth-child(2n+2) {
	margin-right: 0;
}

.recruit-job-box + .recruit-job-box {
	margin-top: 85px;
}

.recruit-welfare-list > div {
	width: 25%;
}

.recruit-welfare-list {
	margin-top: 85px;
	margin-bottom: 125px;
	padding-top: 70px;
	padding-bottom: 55px;
}

.icon-recruit-welfare {
	display: inline-block;
	width: 70px;
	height: 70px;
	background: url('../images/icon-recruit.png') no-repeat;
	background-size: 280px;
}

.icon-recruit-welfare-1 {
	background-position: 0 0;
}

.icon-recruit-welfare-2 {
	background-position: -70px 0;
}

.icon-recruit-welfare-3 {
	background-position: -140px 0;
}

.icon-recruit-welfare-4 {
	background-position: -210px 0;
}

.vi-section-1 {
	margin-top: 55px;
	margin-bottom: 110px;
}

.vi-section-1 .grid-m-5 {
	height: 528px;
}

.vi-section-1 .index-section-text {
	display: inline-block;
	position: relative;
	padding-top: 25px;
	height: 100%;
}

.vi-section-2 {
	margin-bottom: 150px;
}

.vi-section-2 .grid-m-7 {
	padding-left: 5%;
}

.vi-section-2 .grid-m-5 {
	min-height: 454px;
}

.vi-section-2 .index-section-text {
	position: absolute;
	top: 50%;
	left: -5%;
	padding-top: 30px;
	padding-bottom: 65px;
	width: 95%;
	background-color: #f0f0f0;
	-webkit-transform: translate(0, -50%);
	transform: translate(0, -50%);
}

.vi-section-2 .index-section-text .lar-text {
	font-size: 32px;
}

.vi-section-2 .icon-slogan {
	position: absolute;
	bottom: 0;
	left: 70px;
}

.vi-section-3 {
	margin-bottom: 150px;
}

.vi-section-3 .grid-m-8 {
	padding-right: 5%;
}

.vi-section-3 .index-section-text {
	display: inline-block;
	position: relative;
	left: 10px;
	padding-top: 45px;
	height: 100%;
}

.vi-section-text .font-en {
	letter-spacing: 5px;
}

.vi-section-text .font-ch {
	letter-spacing: 1px;
}

#vi-swiper2 .swiper-button-prev {
	left: 90px;
	width: 32px;
	height: 81px;
	background: url('../images/prev-btn.png') no-repeat;
	background-size: cover;
}

#vi-swiper2 .swiper-button-next {
	right: 90px;
	width: 32px;
	height: 81px;
	background: url('../images/next-btn.png') no-repeat;
	background-size: cover;
}

.vi-section-4 {
	/*padding-bottom: 180px;*/
}

.join-index-sidebar-nav {
	position: absolute;
	top: -70px;
	left: 0;
	width: 175px;
	padding: 15px 20px;
	padding-bottom: 80px;
	background-color: #7458a3;
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
	z-index: 2;
}

.join-index-sidebar-nav.on {
	position: fixed;
	top: 100px;
}

.join-index-sidebar-nav.fade {
	opacity: 0;
	visibility: hidden;
}

.join-index-sidebar-nav li {
	cursor: pointer;
}

.join-index-sidebar-nav li[data-id]:hover {
	left: 10px;
}

.inner-icon-gap {
	margin: 15px 0;
	width: 7px;
	height: 3px;
	background: url('../images/icon-cir-white.png') no-repeat;
	background-size: cover;
}

#join-index-sidebar-nav {
	padding-bottom: 30px;
}

#block-content {
	-webkit-transition: opacity .4s ease;
	transition: opacity .4s ease;
}

#block-content.switching {
	opacity: 0;
}
.team-list{
	position: relative;
}
.team-list-bg{
	position: absolute;
	top: 0;
	z-index: 1;
}
.team-item{
	box-sizing: border-box;
	text-align: center;
	margin-top: 200px;
}
.team-item-border:after{
	position: absolute;
	content: '';
	width: 400px;
	height: 2px;
	bottom: 30px;
	left: 680px;
	background: #f9f9f9;
}
.team-item-border:before{
	position: absolute;
	content: '';
	width: 400px;
	height: 2px;
	bottom: 30px;
	right: 680px;
	background: #f9f9f9;
}
.inner-brand-notify{
	width: 850px;
	padding-left: 15px;
}
.inner-brand-notify-item{
	padding: 10px 0;
	border-top: 1px solid #7458a3;
}
.inner-brand-notify-item:first-child{
	border-top: 0;
}
.inner-brand-notify-item:nth-child(2){
	border-top: 2px solid #7458a3;
}
.vi-section-4-align{
	margin-top: 8vw;
}
.index-col-middle{
	float: none;
	display: inline-block;
	vertical-align: middle;
}
@media screen and (max-width: 1500px) {
	.vi-section-4-align{
		margin-top: 5vw;
	}
}

@media screen and (max-width: 1300px) {
	.index-auto-height{
		height: 457px;
	}
}