@charset "gb2312";



/* CSS Document */





.wp { width: 100%; min-width: 320px; max-width: 640px; margin: 0 auto; overflow:hidden;}



.clear{clear:both;}





/*head*/





.banner img{display:block;width:100%;height:auto;}


/*½Ή΅γΝΌ*/



.focus {width:100%;	margin:0 auto;position:relative;overflow:hidden;}



.focus .hd {width:100%;height:11px;position:absolute;z-index:1;bottom:0.5em;text-align:center;}



.focus .hd ul {display:inline-block;height:8px;padding:3px 5px;	-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;font-size:0;vertical-align:top;}



.focus .hd ul li {display:inline-block;width:8px;height:8px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;background:#737c83;margin:0 5px;vertical-align:top;overflow:hidden;}



.focus .hd ul .on {background:#078EA2;}



.focus .bd {position:relative;z-index:0;}



/*½Ή΅γΝΌ*/








@media only screen and (min-width: 1280px){



	body{font-size:18px;}



	.wp{width:640px;}



}



@media only screen and (min-width: 640px) and (max-width: 1279px){



	body{font-size:24px;}



	.wp{width:640px;}



}



@media only screen and (min-width: 480px) and (max-width: 639px){



	body{font-size:18px;}



	.wp{width:100%;}



}



@media only screen and (min-width: 377px) and (max-width: 479px){



	body{font-size:15px;}



	.wp{width:100%;}



}



@media only screen and (min-width: 370px) and (max-width: 476px){



	body{font-size:13px;}



	.wp{width:100%;}



}



@media only screen and (min-width: 361px) and (max-width: 369px){



	body{font-size:12px;}



	.wp{width:100%;}



	.tabBox2 .bd .con{color:#000;height:26em;}



	.box5_c dd a{line-height:2em;}



}



@media only screen and (max-width: 360px){



	body{font-size:13px;}



	.wp{width:100%;}



}



@media only screen and (max-width: 320px) and (max-width: 359px){



	body{font-size:12px;}



	.wp{width:100%;}



	.tabBox .bd .con dd{padding-top:0.5em;}



}











/*



@media only screen and (min-width: 640px){



.wp { max-width: 640px; }



}



@media only screen and (max-width: 600px) {



.wp { max-width: 600px; }



body { font-size:100%;}







}



@media only screen and (max-width: 540px) {



.wp { max-width: 540px; }



body{ font-size:100%;color: #4d4c4c;background-color:#fff;}



}



@media only screen and (max-width: 480px) {



.wp { max-width: 480px; }



body { font-size:55%;} 



}



@media only screen and (max-width: 360px) {



.wp { max-width: 360px; }



body { font-size:65.5%;}



}



@media only screen and (max-width: 320px) {



.wp { max-width: 320px; }



body { font-size:60%;}



}



*/