@charset "utf-8";
/* CSS Document */
.banner{width: 100%; height: 211px; background: url(../images/about_banner.jpg) no-repeat center;
	background-size: cover;}
.profile .l{width: 280px; padding-top: 74px;}
.profile .l .l_menu li{border-bottom: 1px solid #e9e9e9; font-size: 18px; line-height: 62px;
	box-sizing: border-box;}
.profile .l .l_menu li span{display: inline-block; width: 100%; height: 100%; text-indent: 52px;}
.profile .l .l_menu li>a{width: 100%; height: 100%; display: inline-block; color: #4d4d4d; text-indent: 52px;}
.profile .l .l_menu li:last-child{border-bottom: none;}
.profile .l .l_menu li:nth-child(5){text-indent: 0; cursor:pointer;}
.profile .l .l_menu li:nth-child(6){text-indent: 0; cursor:pointer;}
.profile .l .l_menu li p{display: none;}
.profile .l .l_menu li p a{width: 100%; height: 100%; display: inline-block; text-indent: 52px;}
.menu_yangshi{background-color: #f3f3f3; border-right: 3px solid #e94f55;}

.profile .r{width: 920px; padding: 74px 40px 110px; border-left: 1px solid #e9e9e9; box-sizing: border-box;}

.lc1{height: 394px; margin-bottom: 6px; position: relative;}
.lc1 .line{width: 80px; text-align: center; position: absolute; top:0; left: 50%; margin-left: -40px;}
.lc1 .line>p{font-size: 30px; color: #262626;}
.lc1 .lc{width: 50%; position: relative;}
.lc1 .lc img{position: absolute; top:148px; right: 40px;}
.lc1 .rc{width: 50%; position: relative;}
.lc1 .rc>div{width: 314px; position: absolute; top:212px; left:40px; font-size: 16px; color: #fff; 
	padding: 12px 30px; background-color: #2ebbff; border-radius: 5px;}
.lc2{height: 394px; margin-bottom: 6px; position: relative;}
.lc2 .line{width: 80px; text-align: center; position: absolute; top:0; left: 50%; margin-left: -40px;}
.lc2 .line>p{font-size: 30px; color: #262626;}
.lc2 .lc{width: 50%; position: relative;}
.lc2 .lc>div{width: 314px; position: absolute; top:212px; right:40px; font-size: 16px; color: #fff; 
	padding: 12px 30px; background-color: #9aca43; border-radius: 5px;}
.lc2 .rc{width: 50%; position: relative;}
.lc2 .rc img{position: absolute; top:148px; left: 40px;}
.lc3{height: 394px; margin-bottom: 6px; position: relative;}
.lc3 .line{width: 80px; text-align: center; position: absolute; top:0; left: 50%; margin-left: -40px;}
.lc3 .line>p{font-size: 30px; color: #262626;}
.lc3 .lc{width: 50%; position: relative;}
.lc3 .lc img{position: absolute; top:148px; right: 40px;}
.lc3 .rc{width: 50%; position: relative;}
.lc3 .rc>div{width: 314px; position: absolute; top:212px; left:40px; font-size: 16px; color: #fff; 
	padding: 12px 30px; background-color: #f28848; border-radius: 5px;}
.lc4{height: 394px; margin-bottom: 6px; position: relative;}
.lc4 .line{width: 80px; text-align: center; position: absolute; top:0; left: 50%; margin-left: -40px;}
.lc4 .line>p{font-size: 30px; color: #262626;}
.lc4 .lc{width: 50%; position: relative;}
.lc4 .lc>div{width: 314px; position: absolute; top:212px; right:40px; font-size: 16px; color: #fff; 
	padding: 12px 30px; background-color: #ffbb42; border-radius: 5px;}
.lc4 .rc{width: 50%; position: relative;}
.lc4 .rc img{position: absolute; top:148px; left: 40px;}

.r>div:nth-child(10)>.rc>img{top:80px;}
.r>div:nth-child(13)>.lc>img{top:80px;}

@media screen and (max-width: 800px){
	.profile .r{width: 100%; padding: 20px 0; border-left: none;}
	
	.lc1{height: 270px;}
	.lc1 .line>p{font-size: 18px;}
	.lc1 .line img{width: 24px;}
	.lc1 .line{width: 50px; margin-left:-25px;}
	.lc1 .lc img{width: 160px; top:70px; right: 10px;}
	.lc1 .rc>div{width: auto; left: 10px; top:70px; font-size: 14px;}
	.lc1 .rc>div>span{width: auto; margin-left: 0; padding: 0;}


	
	.lc2{height: 270px;}
	.lc2 .line>p{font-size: 18px;}
	.lc2 .line img{width: 24px;}
	.lc2 .line{width: 50px; margin-left:-25px;}
	.lc2 .rc img{width: 160px; top:70px; left: 10px;}
	.lc2 .lc>div{width: auto; right: 10px; top:70px; font-size: 14px; padding: 10px;}
	.lc2 .lc>div>span{width: auto; margin-right: 0; padding: 0;}
	
	.lc3{height: 270px;}
	.lc3 .line>p{font-size: 18px;}
	.lc3 .line img{width: 24px;}
	.lc3 .line{width: 50px; margin-left:-25px;}
	.lc3 .lc img{width: 160px; top:70px; right: 10px;}
	.lc3 .rc>div{width: auto; left: 10px; top:70px; font-size: 14px; padding: 10px;}
	.lc3 .rc>div>span{width: auto; margin-right: 0; padding: 0;}

	.lc4{height: 270px;}
	.lc4 .line>p{font-size: 18px;}
	.lc4 .line img{width: 24px;}
	.lc4 .line{width: 50px; margin-left:-25px;}
	.lc4 .rc img{width: 160px; top:70px; left: 10px;}
	.lc4 .lc>div{width: auto; right: 10px; top:70px; font-size: 14px; padding: 10px;}
	.lc4 .lc>div>span{width: auto; margin-right: 0; padding: 0;}

	.r>div:nth-child(10)>.rc>img{top:70px;}
	.r>div:nth-child(13)>.lc>img{top:70px;}


	.wap_erji{display: block; position: relative;}
	.main_menu{width: 100%; height: 40px; background-color: #04adf2; text-align: center;}
	.main_menu p{font-size: 16px; color: #fff; line-height: 40px;}
	.main_menu img{width: 10px; animation-name:fadeInUp; animation-iteration-count:infinite; animation-duration:1s; 
		animation-fill-mode:both;}
	@keyframes fadeInUp {
		0%{transform: translate(0,-2px);}
		100%{transform: translate(0,2px);}
	}
	.xl_menu{position: absolute; top:0; left: 0; padding: 20px 0; width: 100%; background-color:#04adf2; 
		display: none; z-index: 999;}
	.xl_menu ul li{border-bottom: 1px solid rgba(255,255,255,.6); line-height: 40px; 
		text-align: center; font-size: 16px; color: #fff;}
	.xl_menu ul li a{color: #fff; width: 100%; height: 100%; display: inline-block;}
	.xl_menu ul li:last-child{border-bottom: none;}
	.xl_menu ul li p{display: none;}
	.page{width: 100%; padding-top: 20px;}
}

@media screen and (max-width: 320px){
	.lc1 .lc img{width: 150px; right: 4px;}
	.lc1 .rc>div{width: auto; left: 4px; padding: 4px;}
	.lc1 .rc>div>span{width: auto;}

	.lc2 .lc>div{width: auto; right: 4px; padding: 4px;}
	.lc2 .lc>div>span{width: auto;}
	.lc2 .rc img{width: 150px; left: 4px;}

	.lc3 .lc img{width: 150px; right: 4px;}
	.lc3 .rc>div{width: auto; left: 4px; padding: 4px;}
	.lc3 .rc>div>span{width: auto;}

	.lc4 .lc>div{width: auto; right: 4px; padding: 4px;}
	.lc4 .lc>div>span{width: auto;}
	.lc4 .rc img{width: 150px; left: 4px;}
}