/*LAYOUT*/
.pc-block { display: block;}
.mb-block { display: none;}
.w1200{
	width: 90%;
	max-width: 1400px;
	padding: 0px;
	margin: 0 auto;
}
.w1600{
	width: 100%;
	max-width: 1580px;
	margin: 0 auto;
}
.w1460{
	width: 100%;
	max-width: 1580px;
	margin: 0 auto;
}
.w1400{
	width: 100%;
	max-width: 1400px;
	margin: 0 auto;
}
.w-mobile{
	max-width: 999px;
	min-width: 320px;
	width: 100%;
	margin: 0 auto;
	padding: 0 0rem;
}
@media (max-width: 1600px) {
	.w1600{ padding: 0 0.4rem;}
}
@media (max-width1460px) {
	.w1460{padding: 0 0.4rem;}
}
@media (max-width: 1400px) {
	.w1400{ padding: 0 0.4rem;}
}
@media (max-width:999px) {
	.pc-block { display: none;}
	.mb-block { display: block;}
	.w1200{ padding: 0 0rem;}
}


.transition {
	-webkit-transition: all ease .4s;
	   -moz-transition: all ease .4s;
	    -ms-transition: all ease .4s;
	     -o-transition: all ease .4s;
	        transition: all ease .4s;
}
.b-shadow{
	-o-box-shadow:0 0 30px rgba(229,229,229,.5); 
	-ms-box-shadow:0 0 30px rgba(229,229,229,.5); 
	-moz-box-shadow:0 0 30px rgba(229,229,229,.5); 
	-webkit-box-shadow:0 0 30px rgba(229,229,229,.5); 
	box-shadow:0 0 30px rgba(229,229,229,.5); 
}
.js-tab-box .js-tab-con{
	display: none;
}
.js-tab-box .js-tab-con.active{
	display: block;
}
.js-tab-box1 .js-tab-con1{
	display: none;
}
.js-tab-box1 .js-tab-con1.active{
	display: block;
}
.out, #bg-animation {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}












.breath {
    animation: breath 3s infinite;
    -webkit-animation: breath 3s infinite;
}
@-webkit-keyframes breath {
	0% {opacity: .2;}70% {opacity: 1;}to {opacity: .2;}
}
@keyframes breath {
	0% {opacity: .2;}70% {opacity: 1;}to {opacity: .2;}
}


@-webkit-keyframes scle {
	0% {
		transform:scale(1);
	}
	25% {
		transform:scale(1.1);
	}
	50% {
		transform:scale(1);
	}
	75% {
		transform:scale(1.1);
	}
}
@-moz-keyframes scle {
	0% {
		transform:scale(1);
	}
	25% {
		transform:scale(1.1);
	}
	50% {
		transform:scale(1);
	}
	75% {
		transform:scale(1.1);
	}
}
@-o-keyframes scle {
	0% {
		transform:scale(1);
	}
	25% {
		transform:scale(1.1);
	}
	50% {
		transform:scale(1);
	}
	75% {
		transform:scale(1.1);
	}
}
@keyframes scle {
	0% {
		transform:scale(1);
	}
	25% {
		transform:scale(1.1);
	}
	50% {
		transform:scale(1);
	}
	75% {
		transform:scale(1.1);
	}
}
.scle{
    -webkit-animation: scle 5s ease-in-out infinite;
    -o-animation: scle 5s ease-in-out infinite;
    -moz-animation: scle 5s ease-in-out infinite;
    animation: scle 5s ease-in-out infinite;

}


/* join start */
.join{
	padding: 30px 0px 25px 0px;
}
.join .page-tab a{
	color: #333;
}
.join-lists ul li{
	margin-bottom: 15px;
	
}
.join-lists ul li .tit{
	height: 84px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0 20px 0 40px;
	background: #f5f5f5;
	cursor: pointer;
}
.join-lists ul li .tit h2{
	font-size: 18px;
	font-weight:normal;
	color: #333;
}
.join-lists ul li .tit .ul{
	display: flex;
	align-items: center;
	width: 70%;
}
.join-lists ul li .tit .ul .li{
	position: relative;
	width: 25%;
	text-align: center;
}
.join-lists ul li .tit .ul .li:after{
	position: absolute;
	right: 0;
	top: 50%;
	content: '';
	width: 1px;
	height: 16px;
	background: #bcbcbc;
	margin-top: -8px;
}

.join-lists ul li .tit .ul .li:nth-child(4):after{ display:none;}

.join-lists ul li .tit .ul .li span{
	font-size: 14px;
	color: #666;
}
.join-lists ul li .tit.active{
	background: #43a15f;
}
.join-lists ul li .tit.active h2{
	color: #fff;
}
.join-lists ul li .tit.active .ul .li span{
	color: #fff;
}
.join-lists ul li .tit.active .ul .li:after{
	color: #fff;
}



.join-lists ul li .join-hidden{
	background:#f8f8f8;
	background-size: cover;
	padding: 40px 50px 58px 50px;
	display: none;
}
.join-lists ul li .join-hidden .con-p{
    font-size:14px;
	margin-bottom:25px;
	line-height:30px;
}

.join-lists ul li .join-hidden .con-p p{line-height:30px;}
.join-lists ul li .join-hidden .con-p h3{
	font-size: 16px;
	color: #333;
	line-height: 30px;
}
.join-lists ul li .join-hidden .con-p p{
	font-size: 16px;
	color: #666;
	line-height: 30px;
}
.join-lists ul li .join-hidden .email{
	padding-left:0px;
}
.join-lists ul li .join-hidden .email h2{
	font-size: 14px;
	color: #111;
}
.join-lists ul li .join-hidden .email h2 img{
	display: inline-block;
	margin-right: 10px;
}
.join-lists ul li .join-hidden .email h2 a{
	font-size: 18px;
	color: #fab34c;
	font-weight: bold;
	/* text-decoration: underline !important; */
	border-bottom:1px solid #fab34c;
}
/* join end */