@charset "gb2312";
/* CSS Document */
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;}
ul, ol,{ list-style: none; }
a { text-decoration: none; }
a:hover { text-decoration: none;  }
body,.ui-overlay-h{margin:0 auto;position:relative;background:#fff;color:#000;}
input, img {vertical-align: middle;}
img{display:inline-block;}
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;}
.relative{position:relative;}
.absolute{position:absolute;}
.font_left{font-weight:400}
.fl {float:left;display:inline;}
.fr {float:right;display:inline;}
.translateXY {-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);}
.translateY {-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%);}
.translateX {-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);-webkit-transform:translateX(-50%);transform:translateX(-50%);}
body {min-width:320px;overflow-x:hidden;}
<!---->


/*container*/
#container {max-width: 750px;margin: 0 auto; overflow: hidden;}
/*box01*/
.box01 h1{font-size:2.4rem; text-align:center; left:50%; top:12%; text-align:center; width:100%; color:#666}

/*box03*/
.box03 p{ font-size:2.4rem; width:84.8%; left:50%; top:17%; text-indent:2em; color:#666}

.box04{ padding:2% 0 6.6%;}
.box04 .box04_p1{width:78.66%; left:50%; top:18%; text-align:center; color:#666}
.box04 .box04_p2{width:33.86%; left:10%; bottom:7%; color:#666}
.box04 .box04_p3{width:33.86%; right:8%; bottom:7%; color:#666}
.box04 p{font-size:2.4rem;}

.introduce{top:5.6%; right:2%;width:37.33%; }
.introduce h1,.introduce p{color:#000;}
.introduce h1{font-size:3.6rem; text-indent:1em; font-weight:500}
.introduce p{font-size:2.4rem; color:#666;}

.box06 p{ font-size:2.0rem; bottom:3%; left:50%; width:78%; margin:0 auto; color:#666}

@media screen and (min-width: 320px) and (max-width: 374px) {
    html { font-size: 26.25% !important; } /*0.42*/

}
@media screen and (min-width: 375px) and (max-width: 409px) {
    html { font-size: 31% !important; }  /*0.5*/

}
@media screen and (min-width: 410px) and (max-width: 479px) {
    html { font-size: 33% !important; }  /*0.54*/

}
@media screen and (min-width: 480px) and (max-width: 900px) {
    html { font-size: 40% !important; } /*0.64*/

}