@charset "gb2312";
* {margin:0;padding:0;border:0;-webkit-user-select:text}
a,img {-webkit-touch-callout:none;}
body,p,li,ul,div,span{margin: 0;padding: 0;}
img{border: none;}
body{margin: 0 auto;}
body,html {height: 100%;background: #fff;}
ul,li{list-style: none;}
a{text-decoration: none;}
h3{font-size: .27rem;line-height: .52rem;}

.banner{background: url(../images/banner.jpg);width: 6.4rem;background-size: 100% 100%;position: relative;height: 2.47rem;}
.logo img{width: 3.9rem;height: .52rem;margin-top: 1.69rem;margin-left: 1.34rem;}

.wrap h1{font-size: .28rem;color: #fff;width: 1.4rem;height: .38rem;text-align: center;overflow: hidden;line-height: .38rem;font-weight: 500;margin-left: .3rem;margin-bottom: .28rem;}

.first{background: url(../images/bg1.jpg);width: 5.5rem;height: 5rem;background-size: 100% 100%;padding: 0 .45rem;overflow: hidden;}
.first img{float: left;width: 2.4rem;height: 1.57rem;}
.first h3{float: right;width: 2.8rem;height: 1.57rem;overflow: hidden;}

.second{background: url(../images/bg2.jpg);width: 5.5rem;height: 5.68rem;background-size: 100% 100%;padding:0rem .45rem;overflow: hidden;}
.second img,.four img{width: 5.5rem;height: 1.87rem;}
.second h3,.four h3{height: .52rem;overflow: hidden;margin-top: -.2rem;}

.third{background: url(../images/bg3.jpg);width: 5.5rem;height: 5.59rem;background-size: 100% 100%;padding:0rem .45rem;overflow: hidden;}
.wrap .third h1{margin-bottom: .2rem;}
.third ul{width: 6rem;}
.third ul li{float: left;width: 2.5rem;height: 2.65rem;text-align: center;margin-right: .5rem;font-size: .24rem;overflow: hidden;}
.third ul li img{width: 2.5rem;height: 1.95rem;}

.four{background: url(../images/bg4.jpg);width: 5.5rem;height: 5.58rem;background-size: 100% 100%;padding:0rem .45rem;overflow: hidden;}
.footer{background: url(../images/footer.jpg);height: 2.74rem;width: 6.4rem;background-size: 100% 100%;}

.gc_message{background: url(../images/bg5.jpg);width: 5.5rem;height: 5.3rem;background-size: 100% 100%;padding:.58rem .45rem;overflow: hidden;}

.zf_message input,.qy_message input,.xx_message input,.yy_message input,.nc_message input,.gc_message input{border: 1px solid #dcdcdc;height: .36rem;width: 2.25rem;padding: 0 .15rem;font-size: .2rem;color: #0000ee;display: inline;float: left;margin-bottom: .15rem;}
#name{float: right;}
.zf_message textarea,.qy_message textarea,.xx_message textarea,.yy_message textarea,.nc_message textarea,.gc_message textarea{border: 1px solid #dcdcdc;height: .36rem;width: 5.15rem;padding: 0 .15rem;font-size: .2rem;color: #0000ee;clear: both;}
.zf_message textarea,.qy_message textarea,.xx_message textarea,.yy_message textarea,.nc_message textarea,.gc_message textarea{height: .9rem;padding: .1rem .15rem;}
.zf_submit,.qy_submit,.xx_submit,.yy_submit,.nc_submit,.gc_submit{width: 1.14rem;height: .36rem;text-align: center;line-height: .36rem;background: #db554f;color: #fff;font-size: .26rem;margin: -.1rem auto 0;}

.all_comment{height: 2.61rem;overflow: hidden;}
.all_comment h3{font-size: .26rem;border-bottom: 1px solid #ddd;margin-bottom: .15rem;}
.comments{overflow: auto;height: 2.1rem;}
.comments .col{margin-bottom: .15rem;}
.comments p{font-size: .22rem;line-height: .24rem;}
.comments .name{font-size: .22rem;color: #0000ee;margin-bottom: .1rem;}
.comments .name span{margin-left: .3rem;color: #a3a3a3;}