@charset "utf-8";
.aboutus{ width:96%;margin:20px 2% 20px 2%; padding:63px 2% 0 2% \9; margin:0 \9;}
.aboutnav{ display:none;}
.aboutcon{ width:84%;box-shadow:0 1px 2px rgba(0,0,0,0.05);border-radius:2px;background: #fff; padding:0em 8%;}
.aboutcon h1{ font-size:1.125em; color:#333; border-bottom:1px solid #DEDEDE; height:4em; line-height:4em;}
.aboutcon article{ padding:20px 0; width:100%;}
	.aboutshow li{ float: left; width: 20%;line-height: 36px;height: 36px;white-space: nowrap;}
	.aboutshow li a{color: #4DA6FF; font-size: 14px;}
	.aboutshow li img{ height: 26px;}
.aboutcon p{ text-indent:0; font-size:1em; color:#525252; line-height:1.5em; padding:10px 0;}
@media screen and (min-width:769px){
.aboutus{width:96%; margin:30px auto 20px auto;}
.aboutnav{ display:block; width:22%; background:#444;box-shadow:0 1px 2px rgba(0,0,0,0.05);border-radius:2px;text-align:center; font-size:0.875em;}
.aboutnav li{line-height:46px;}
.aboutnav li .parent{border-top:1px solid #666; border-bottom:1px solid #333;border-radius:2px; background:#555;color:#fff; font-size:1.25em; text-shadow:1px 1px 2px #000; position: relative;;}
.aboutnav li .parent:before{content: "";width: 0;height: 0;font-size: 0;border-style: solid;border-width:10px; border-color: #FF766C transparent transparent #FF766C; position: absolute; left: 0;top:-1px;}
.aboutnav .subabout li{border-top:1px dotted #666; border-bottom:1px dotted #333;margin:0 2.5em;}
.aboutnav .subabout li:first-child{ border-top:0;}
.aboutnav .subabout li:last-child{ border-bottom:0;}
.aboutnav .subabout li a{ color:#eee;}
.aboutnav .subabout li a:hover{color:#FF766C}
.aboutnav .subabout li.cur a{ color:#FF766C}
.aboutus .aboutcon{min-height:712px;padding:0 6%; padding:0 5.8% \9; margin-left:2%; width:64%;}
}
@media screen and (min-width:1399px){
.aboutus{width:75em;}
}