/* CSS Document */

*{ margin:0; margin:0;}
body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,table,td,img,div{ border:0; padding:0; margin:0;}
body{ color:#555; font-family:'微软雅黑',Arial,Verdana; font-size:14px; }
ul,ol,li{ list-style:none;}
select,input{vertical-align:middle; color:#555; font-family:Arial;}
a{ color:#555; text-decoration:none;}
a:hover{ text-decoration:none;}
.clear{ clear:both;}
@media screen and (min-width:240px) and ( max-width:400px) { 
.header{ position:relative; background:#fff; margin:0 auto; padding:18px 10px; }
.logo{ width:130px; height:50px; display:block; background:url(../images/logo.gif) no-repeat 0 0; background-size:100%;}
.freeLine{  position:absolute; right:10px; top:18px; font-size:14px; color:#9fa0a0;}
.pub_content p.pos_rt{ position:absolute; top:120px; padding:0 0 0 0; right:0; width:50%;} 
}
@media screen and (min-width:400px){ 
.header{ position:relative; background:#fff; margin:0 auto; padding:18px 10px; min-height:72px;}
.logo{ width:230px; height:72px; display:block; background:url(../images/logo.gif) no-repeat 0 0;}
.freeLine{  position:absolute; right:10px; top:45px; font-size:14px; color:#9fa0a0;}
.pub_content p.pos_rt{ position:absolute; top:204px; right:0; width:237px;} 
}
body{ background:#efeff2; margin:0 auto; min-width:320px;}
.container{ margin:0 auto;}

.freeLine h3{ font-family:Impact,Tahoma, Geneva, sans-serif; font-size:24px; color:#656d78;}

.banner{ position:relative; width:100%;height:500px;hoverflow:hidden; margin:0 auto; background:#125d95;}
.banner img{ width:100%;}

.pub_content{ position:relative; margin:0 2% auto; padding-bottom:30px; margin-top:2%; background:#fff; border:1px solid #ddd; border-radius:5px; overflow:hidden; -moz-border-radius:5px; -webkit-border-radius:5px; }
.pub_content img{ width:100%;}
.m_img_box{ text-align:center;}
.pub_content p{ padding:0 30px; text-indent:2em; line-height:24px;}


.footer { line-height:1.8; text-align:center;  color:#aeb2b8; padding:20px 0; font-size:12px; color:#848689;}