@charset "utf-8";
.about{ width:auto;}
.about .title{
	background-image: url(../images/about_05.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-bottom:26px;
	padding-top:10px;
	font-size:30px;
	color:#0d4542;
	font-weight:900;
	margin-bottom:30px;
}
.about .body{ width:auto; line-height:40px; font-size:16px; color:#333333; font-weight:500;}
 ::-webkit-scrollbar{/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
        width:10px;
    }
    ::-webkit-scrollbar-thumb{/*定义滑块 内阴影+圆角*/
		border-radius: 10px;
		-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
		background-color: #AAA;
	}
	::-webkit-scrollbar-track{/*定义滚动条轨道 内阴影+圆角*/
        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);    
        border-radius: 10px;    
        background-color: #FFF;    
	}
.about .body .qq1{
	float:left;
	width:50%;
	height:415px;
	overflow: scroll;
	overflow-x:hidden;
	padding-right:1%;
	
}
.about .body .qq2{ float:right; width:50%; padding-left:5%;}
.about .body .qq2 img{ float:right;}
.about .body .qq2 span{ display:block; text-align:center; line-height:40px; width:auto; font-weight:bold; font-size:18px; color:#000000;}


.pp{ width:auto; clear:both; margin-top:30px;}
.pp .title{
	background-image: url(../images/about_05.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-bottom:26px;
	padding-top:10px;
	font-size:30px;
	color:#0d4542;
	font-weight:900;
	margin-bottom:67px;
}
.pp .body{ width:auto;
	display:block;
	overflow:hidden;
	width:fit-content;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;}
.pp .body li{ float:left; margin-left:45px; margin-right:45px; margin-bottom:36px;}

.wh{ width:auto; clear:both; margin-top:30px;}
.wh .title{
	background-image: url(../images/about_05.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-bottom:26px;
	padding-top:10px;
	font-size:30px;
	color:#0d4542;
	font-weight:900;
	margin-bottom:67px;
}
.wh .body{ width:auto; margin-bottom:40px; display:block; overflow:hidden;}
.wh .body li{ float:left; width:25%; text-align:center; padding-top:20px;}
.wh .body li span{ display:block; font-size:16px;}
.wh .body li span strong{ display:block; font-size:18px; line-height:50px; color:#0d4542}
.fz{ width:auto; clear:both; margin-top:60px;}
.fz .title{
	background-image: url(../images/about_05.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-bottom:26px;
	padding-top:10px;
	font-size:30px;
	color:#0d4542;
	font-weight:900;
	margin-bottom:67px;
}

@media (max-width:768px) {

.about{ width:auto; padding-left:10px; padding-right:10px;}
.about .title{
	background-image: url(../images/about_05.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-bottom:26px;
	padding-top:10px;
	font-size:30px;
	color:#0d4542;
	font-weight:900;
	margin-bottom:30px;
}
.about .body{ width:auto; line-height:40px; font-size:16px; color:#333333; font-weight:500;}
 ::-webkit-scrollbar{/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
        width:0px;
    }
    ::-webkit-scrollbar-thumb{/*定义滑块 内阴影+圆角*/
		border-radius: 10px;
		-webkit-box-shadow: inset 0 0 0px rgba(0,0,0,.3);
		background-color: #AAA;
	}
	::-webkit-scrollbar-track{/*定义滚动条轨道 内阴影+圆角*/
        -webkit-box-shadow: inset 0 0 0px rgba(0,0,0,0.3);    
        border-radius: 10px;    
        background-color: #FFF;    
	}
.about .body .qq1{
	float: none;
	width:100%;
	height: auto;
	overflow: auto;
	overflow-x:hidden;
	padding-right:1%;
	
}
.about .body .qq2{ float:none; width:100%; padding-left:0%;}
.about .body .qq2 img{ float:none; width:100%}
.about .body .qq2 span{ display:block; text-align:center; line-height:40px; width:auto; font-weight:bold; font-size:18px; color:#000000;}


.pp{ width:auto; clear:both; margin-top:30px;}
.pp .title{
	background-image: url(../images/about_05.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-bottom:26px;
	padding-top:10px;
	font-size:30px;
	color:#0d4542;
	font-weight:900;
	margin-bottom:67px;
}
.pp .body{ width:auto;
	display:block;
	overflow:hidden;
	width:fit-content;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;}
.pp .body li{ float: none; margin-left:45px; margin-right:45px; margin-bottom:36px;}

.wh{ width:auto; clear:both; margin-top:30px;}
.wh .title{
	background-image: url(../images/about_05.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-bottom:26px;
	padding-top:10px;
	font-size:30px;
	color:#0d4542;
	font-weight:900;
	margin-bottom:67px;
}
.wh .body{ width:auto; margin-bottom:40px; display:block; overflow:hidden;}
.wh .body li{ float:left; width:100%; text-align:center; padding-top:20px;}
.wh .body li span{ display:block; font-size:16px;}
.wh .body li span strong{ display:block; font-size:18px; line-height:50px; color:#0d4542}
.fz{ width:auto; clear:both; margin-top:60px;}
.fz .title{
	background-image: url(../images/about_05.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-bottom:26px;
	padding-top:10px;
	font-size:30px;
	color:#0d4542;
	font-weight:900;
	margin-bottom:67px;
}

}