/* Global Style Start */
*{margin:0; padding:0;}
ul{list-style:none;}
a img{border:0;}
.c{zoom:1;}
.c:after{content:"."; display:block; height:0; clear:both; visibility:hidden;}
p{line-height:22px;}
a{color:#000000;; text-decoration:none;}
a:hover{color:#7f58a7; text-decoration:none;}
h1, h2, .hide{width:0; height:0; display:block; text-indent:-9999px; overflow:hidden;}
/* Global Style End */

html{
	font-size:20px;
}
body{-webkit-tap-highlight-color:rgba(0,0,0,0);}
/*wrapper*/
.wrapper{width:100%; margin:0 auto;}

/*about_header*/
.about_header{width:100%; height:2.6rem; background:#277de2;}
.name{width:14%; height:2.6rem; float:left; background:url(../images/header-line001.png) no-repeat right center;}
.name a{color:#333; font-family:'Microsoft Yahei'; font-size:0.7rem;}
.name img{width:1.35rem; height:1.3rem; position:absolute; margin-top:0.6rem; margin-left:3.5%;}
.about_us{width:50%; height:2.5rem; float:left;}
.about_us p{font-size:1.1rem; line-height:2.5rem; font-family:'Microsoft Yahei'; color:#ffffff; margin-left:0.2rem;  padding-left:0.3rem;}
.home{float:right; width:2.3rem; height:2.3rem; margin-top:0.3rem; margin-right:0.5rem;}
.home img{width:2.3rem; height:1.9rem;}

/*about_main*/
.about_main{width:100%; height:auto;}
.about_article{ padding:0.5rem 0.5rem;}
.about_main h3{font-size:1rem; font-family:'Microsoft Yahei'; color:#333;}
.about_main p{font-size:0.9rem; font-family:'Microsoft Yahei'; color:#1b1b1b; line-height:1.3rem; margin-top:0.5rem;}

/*footer*/
.footer{width:100%; height:7rem; background:#353841;}
.footer_menu{height:2rem;}
.footer_menu ul{margin-left:10%; padding-top:1rem;}
.footer_menu li{float:left; width:20%;}
.footer_menu li a{font-size:1rem; color:#fff; font-family:'Microsoft Yahei';}
.footer_menu li span{font-size:1rem; color:#fff;padding-left:15%;}
.footer_version{width:100%; height:2rem; margin-top:0.4rem;}
.footer_version p{font-size:0.6rem; font-family:'Microsoft Yahei'; text-align:center; color:#fff;}
.footer_change{width:100%; height:1rem; margin-top:1.6rem;}
.footer_change ul{width:59.5%; height:1rem; margin:0 auto;}
.footer_change li{float:left;}
.footer_change a{font-size:0.7rem; color:#fff; font-family:'Microsoft Yahei'; padding-left:0.2rem;}
.footer_change span{color:#fff; font-family:'Microsoft Yahei'; font-size:0.7rem; padding-left:0.2rem;}


@media screen and (max-width:320px) {
/*header*/
.name img{width:1.35rem; height:1.3rem; position:absolute; margin-top:0.6rem; margin-left:2.8%;}

/*footer*/
.footer_menu ul{margin-left:8%; padding-top:5%;}
.footer_menu li span{font-size:1rem; color:#fff;padding-left:10%;}
.footer_change ul{width:65%; height:1rem; margin:0 auto;}
}



@media screen and (min-width: 321px) and (max-width:375px){
/*footer*/
.footer_menu ul{margin-left:8.5%; padding-top:5%;}
.footer_change ul{width:58%; height:1rem; margin:0 auto;}
}




@media screen and (min-width: 376px) and (max-width:436px){
/*header*/
.name img{width:1.35rem; height:1.3rem; position:absolute; margin-top:0.6rem; margin-left:3.6%;}

/*footer*/
.footer_menu li span{font-size:1rem; color:#fff; padding-left:15%;}
.footer_change ul{height:1rem; margin:0 24.5%;}
}




@media screen and (min-width: 437px) and (max-width:768px){
/*header*/
.name img{width:1.35rem; height:1.3rem; position:absolute; margin-top:0.6rem; margin-left:5%;}

/*footer*/
.footer_menu li span{font-size:1rem; color:#fff; padding-left:30%;}
.footer_change ul{height:1rem; margin:0 36.5%;}
}



@media screen and (min-width:769px){
.wrapper{width:100%; margin:0 auto; width:38.4rem;}

/*header*/
.name img{width:1.35rem; height:1.3rem; position:absolute; margin-top:0.6rem; margin-left:3.1%;}

/*footer*/
.footer_menu li span{font-size:1rem; color:#fff; padding-left:30%;}
.footer_change ul{height:1rem; margin:0 36.5%;}
}