@charset "gb2312";
html {font-size:62.5%;}
body, h1, h2, h3, h4, h5, h6, hr, p,blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td, img{border:medium none;margin: 0;padding: 0;list-style-type: none;}
body,button, input, select, textarea {font: 12px/1.5 '΢ÈíÑźÚ',tahoma, Srial, helvetica, sans-serif;}
h1, h2, h3, h4, h5, h6 { font-size: 100%;font-weight:normal; }
em{font-style:normal;}
body{max-width:640px;overflow-x: hidden;}
ul, ol,{ list-style: none; }
a { text-decoration: none; }
a:hover { text-decoration: none;  }
img{ border:0px;}
body,.ui-overlay-h{margin:0 auto;position:relative;background:#fff;}
input, img {vertical-align: middle;}
body,html{margin:0 auto;}
img {border:none;vertical-align:top;}
* {margin:0;padding:0;text-shadow:none;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
.blank{height:8px;clear:both;}
.blank20{height:20px;clear:both;}
.clearfix:after,.clear:before{display:table;content:'';}
.clearfix:after{clear:both;overflow:hidden;}
.clearfix{zoom:1;}
.clear{ clear:both;}
.mG20 { margin-bottom:20px; }
.mT20 { margin-top:20px; }
.mG40 { margin-bottom:40px; }
.mG60 { margin-bottom:60px; }
.h20{ height:20px; overflow:hidden;}
.center{ margin:0 auto}


/* index */
#con{ width:100%; margin:0 auto; background:#f1f1f1}

.banner{ width:100%;}
.banner dl{ position:relative;}
.banner dl dt{}
.banner dl dd{ position:absolute; width:11.9%; top:81.2%; left:44.2%;}


.box1{ width:100%; margin:0 auto; background:#fff; padding:3% 0}
.box1 p{ width:92%; margin:0 auto; font-size:2rem; text-indent:2em; line-height:150%; color:#000}


.box2{ width:100%; margin:0 auto; text-align:center;}
.box2 h2{}
.box2 p{ width:95%; margin:0 auto; font-size:2rem; text-indent:2em; line-height:150%; color:#000; border:1px solid #dfdfdf; padding:2% 0; text-align:left}



.box3{ width:100%; margin:0 auto; text-align:center;}
.box3 h2{}
.box3 ul{ overflow:auto;zoom:1;}
.box3 ul li{ float:left; width:30%; margin:1.5% 1.5% 0; display:inline}


@media (min-width:320px) and  (max-width:639px){
	html{font-size:31% !important}
	.mG20 { margin-bottom:10px; }
	.mT20 { margin-top:10px; }
	.mG40 { margin-bottom:20px; }
	.mG60 { margin-bottom:30px; }
	.box_link a { border-radius:5px; }
	.h20{ height:10px; overflow:hidden;}

}

@media (min-width:480px) and  (max-width:639px){
	html{font-size:47% !important}
	.mG20 { margin-bottom:15px; }
	.mT20 { margin-top:15px; }
	.mG40 { margin-bottom:30px; }
	.mG60 { margin-bottom:45px; }
	.box_link a { border-radius:7px; }
	.h20{ height:15px; overflow:hidden;}
}