@charset "utf-8";
/* CSS Document */

/*配色*/
header, .topLink{
	/*background:rgba(7,74,89,0.5);*/
	background:#6a929b;
}
.fixed header{
	background:#6a929b;
}
h2{color:#8c67a9;}
h2::before,h2::after{background:#8c67a9;}

.article{
	overflow:hidden;
	margin-bottom:100px;
}
.pic{
	position:relative;
	float:left;
	width:40%;
	margin-bottom:40px;
	z-index:2;
	border-radius:50%;
}
.triTitle{
	position:relative;
	padding-left:20px;
	overflow:hidden;
	z-index:2;
}
.contTxt{
	position:relative;
	background:#8c67a9;
	padding:40px;
	margin:0 -40px 0 40%;
	left:-40px;
}
.contTxt p{
	margin:0 0 0 20px;
	overflow:hidden;
}

.txtL .pic{
	float:right;
}
.txtL .triTitle{
	padding-left:40px;
}
.txtL .contTxt{
	left:40px;
	margin:0 40% 0 -40px;
}
.txtL .contTxt p{
	margin:0 20px 0 0;
}

p::after{
	content:'';
	width:100px;
	height:2px;
	background:#baa4cb;
	display:inline-block;
	margin-top:80px;
	float:right;
}


.back{
	position:relative;
	width:45px;
	color:#ea601a;
	font-weight:bold;
	line-height:1.5;
	padding:0 0 0 20px;
	margin:15px auto;
	border-bottom:#ea601a solid 1px;
	
	-webkit-transition:padding 0.3s linear;
	transition:padding 0.3s linear;
}
.back a{color:#ea601a;}
.back::before{
	position:absolute;
	left:0;
	bottom:-1px;
	content:'';
	width:10px;
	height:1px;
	background:#ea601a;
	
	-webkit-transform-origin:0 0;
	-webkit-transform:rotate(-45deg);
	transform-origin:0 0;
	transform:rotate(-45deg);
}
.back:hover {
	padding-left:30px;
	border-bottom:#8c67a9 solid 1px;
}
.back:hover::before{background:#8c67a9;}
.back:hover a{color:#8c67a9;}

@media screen and (max-width:900px){
.triTitle .en2{
	color:#baa4cb;
	
}
.triTitle .en2::after{
	background:#baa4cb;
}
h3{
	color:#f4eb2b;
}
/*about*/
.pic{
	width:80%;
	float:none;
	margin-right:20%;
	margin-bottom:20px;
}
.triTitle{
	padding-left:60px;
}
.contTxt{
	margin:0 0 -140px 40px;
	padding:140px 20px 20px 20px;
	left:auto;
	top:-140px;
}
.contTxt p{
	margin:0;
}
.txtL .pic{
	float:none;
	margin-left:20%;
	text-align:right;
	display:inline-block;
}
.txtL .contTxt{
	left:auto;
	margin:0 40px -140px 0;
}
.txtL .triTitle{
	padding-left:20px;
}
.txtL .contTxt p{
	margin:0;
}

}
@media screen and (max-width:720px){
/*配色*/
.mainMenu{
	background:rgba(7,74,89,1);
}	
}
@media screen and (max-width:640px){
.article{
	margin-bottom:60px;
}	

.pic{
	width:96%;
	margin-right:4%;
}
.triTitle{
	padding-left:30px;
}
.contTxt{
	margin:0 0 -140px 10px;
}
.txtL .pic{
	width:96%;
	margin-left:4%;
}
.txtL .triTitle{
	padding-left:20px;
}
.txtL .contTxt{
	margin:0 10px -140px 0;
}
.back{
	margin:30px auto;
}
}

@media screen and (max-width:480px){
/*about*/	
.triTitle{
	padding-left:20px;
}
.txtL .triTitle{
	padding-left:10px;
}
.contTxt, .txtL .contTxt{
	padding:140px 10px 10px 10px;
}	
}
@media screen and (max-width:410px){
.back{
	margin:15px auto;
}	
}