html{overflow-y:scroll;overflow-x:hidden;font-size:20px;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}
body{color:#444;font-family:microsoft yahei,Microsoft YaHei,微软雅黑,arial;background:#f6f6f6;}
blockquote,body,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,img fieldset,input,li,ol,p,pre,textarea,th,ul{margin:0;padding:0;}
body{max-width:640px;min-width:320px;min-height:100%; margin:0 auto}
section, nav, header, footer {display:block;}
em,i,li,ol,ul{list-style-type:none; font-weight:normal}
h1,h2,h3,h4,h5,h6{font-weight:600; text-align:center}
img{border:0;vertical-align:middle;-ms-interpolation-mode:bicubic;}
.clearfix:after{clear:both;display:block;visibility:hidden;height:0;content:".";}
.clearfix{display:inline-block;}
* html .clearfix{height:1%;}
.clearfix{display:block;}
a:link{color:#444;text-decoration:none;}
a:visited{color:#444;text-decoration:none;}
a:hover{color:#0055aa;text-decoration:none;}
a:active{color:#0055aa;text-decoration:none;}

header{width:100%;max-width:640px;height:4.6rem; background:#fff}
header h1 a img{height:3rem; padding-top:1rem; text-align:center}

.htitle{padding:.5rem 0rem; margin-bottom:.6rem; text-align:center}
.htitle h2{ font-size:1.6rem; color:#0055aa; font-weight:500}

#slideBox{ position:relative; overflow:hidden; margin:0px auto; width:100% }
#slideBox .bd{ position:relative; z-index:0; }
#slideBox .bd li{ position:relative; text-align:center;  }
#slideBox .bd li img{ vertical-align:top; width:100%;}

#pro{ width:100%; background:#fff}
#pro .prolist {padding:1rem 3% 1rem;}
#pro .prolist ul li{float:left;padding-bottom:.3rem;width:48%;}
#pro .prolist ul li:nth-child(2n){margin-left:4%;}
#pro .prolist ul li .pic{overflow:hidden;width:100%;}
#pro .prolist ul li .pic img{display:block;}
#pro .prolist ul li p{ line-height:2.2rem; text-align:center;  font-size:1rem; height:2.2rem; overflow:hidden;}
#pro .prolist ul li a{display:block;margin:0 auto;}

#pro .prolist ul li a .imgauto{
    width: 94%;
    overflow: hidden;
    padding: 3%;
    border: 1px solid #eee;
}

#about{ width:100%; background:#f1f1f1}
#about .hinfo{ padding:1rem 3% 2rem}
#about .hinfo p{ line-height:1.5rem;font-size:.9rem; text-align:justify}
#about .hinfo p img{ width:100%; padding-top:12px}

#news{ width:100%; background:#fff}
#news .newslist {padding:1rem 3% 1rem;}
#news .newslist ul li{float:left;padding-bottom:.3rem;}
#news .newslist ul li p{ line-height:1.5rem; font-size:.95rem; margin-top:10px}
#news .newslist ul li a{margin:0 auto;}
#news .newstitle { font-weight:bold}

.more{display: block; margin:5px auto; width: 90px; padding: 0 5px; height: 30px; line-height: 30px; text-align: center; border-radius: 15px; font-size:14px; color: #333333; border: 1px solid #333333; margin-top: 20px; transition: background-color 0.5s linear; -moz-transition: background-color 0.5s linear; -webkit-transition: background-color 0.5s linear; -o-transition: background-color 0.5s linear;}
.more:hover{color: #fff; background-color: #0055aa; border-color: #0055aa;}

footer{width:100%;max-width:640px;margin:0rem auto 0;background:#eee; overflow:hidden;clear:both;padding:1rem 0 5.5rem;color:#666; text-align:center;font-size:.9rem; line-height:1.5rem}
footer a:link{color:#666;text-decoration:none;}
footer a:visited{color:#666;text-decoration:none;}

.tel{margin:auto; width:75%; max-width:600px; height:50px; line-height:50px; background:#DE2910; font-size:20px; color:#FFFFFF; font-weight:bold; text-align:center; border-radius:50px; box-shadow: 0 0 7px #AAAAAA; position: fixed; left:0; right:0; bottom:20px; border:1px #EEEEEE solid}