@charset "gb2312";
/* CSS Document */
body{font-family:"微软雅黑"; background:#f9f9f9 url(imageschuangweibg.png) center top no-repeat; background-szie:100%;}
body > div{margin-right:auto;margin-left:auto; } 
body,div,ul,ol,ul,li,ol,dl,dd,dt,form,span,p,textarea{margin:0;padding:0;list-style:none;font-family:"微软雅黑"; }
address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal;}
h1,h2,h3,h4,h5,h6{margin:0;padding:0;}
input{padding-top:0;padding-bottom:0;}
input::-moz-focus-inner{border:none;padding:0;}
select,input{vertical-align:middle;}
select,input,textarea{font-size:12px;margin:0;}
input[type="text"],input[type="password"],textarea{outline-style:none;-webkit-appearance:none;}
textarea{resize:none;}
table{border-collapse:collapse;border-spacing:0;}
th,td{font-size:12px;padding:0}
img,a img{border:0;margin:0;padding:0;}
img{border:none;}
a{outline-style:none;color:#323232;text-decoration:none}
a:hover{color:#025194;text-decoration:none;}
.clearfix:after {content:"."; display:block; height:0; visibility:hidden; clear:both; }
.clearfix{zoom:1;}
.clear{clear:both; height:0; font-size:0;overflow:hidden;}
.auto{margin-left:auto;margin-right:auto;}
.fl{float:left;}
.fr{float:right;}
/*.show{display:block!important;}*/
.hide{display:none!important;}


/* 大框架 */
.wapper{ width:960px; margin:0 auto; height:auto;}

/**   top     **/
.top{ width:820px; margin:45px auto; height:auto; overflow:hidden;}
.top ul{ width:100%; margin: 30px auto 0px auto; height:auto; overflow:hidden;}
.top li{ width:780px; float:right;}
.top .logo{ text-align:right;}

/**   white+ blue  ***/
.blue{width:100%; margin:10px auto; height:auto; overflow:hidden; text-align:center;}

/**   content   **/
.content{ width:100%; margin:0 auto; height:auto; overflow:hidden; background:#ffffff; border-radius:10px; }
.title{font-size:24px; line-height:36px; color:#324dcc; text-align:center;}

/***   滨海新区创卫宣传标语    **/
.slogan{ width:880px; margin:25px auto; height:auto; overflow:hidden; background:url(imageschuangweislogan.png) bottom right no-repeat;}
.slogan ul{ width:770px; margin:0 auto; height:auto; overflow:hidden;  }
.slogan li{ width:100%; float:left; }
.slogan li dd p{ width:100%; float:left; font-size:14px; color:#323232; line-height:32px;}
.slogan .left{ width:295px; float:left; margin-top:10px;}
.slogan .right{ width:295px; float:right;margin-top:10px;}

/**  滨海新区国家卫生区宣传标语**/
.bh_slogan{ width:880px; margin:25px auto; height:auto; overflow:hidden;}
.bh_slogan ul{ width:100%; margin:10px auto; height:auto; overflow:hidden; }
.bh_slogan li{ width:100%; float:left; }
.bh_slogan li p{ width:100%; float:left; font-size:14px; color:#323232; line-height:32px;}
.bh_slogan dd{ width:48%; float:left; margin-left:2%;margin-top:10px;}

/**2015版《健康素养66条》 **/
.health{ width:880px; margin:25px auto; height:auto; overflow:hidden;}
.health ul{ width:100%; margin:0 auto; height:auto; overflow:hidden;}
.health li{ width:100%; margin:10px auto; height:auto; overflow:hidden}
.health li p{ width:100%; float:left; font-size:14px; color:#323232; line-height:32px; text-indent:28px;}

/*  创卫行动  */
.action{width:880px; margin:25px auto; height:auto; overflow:hidden;}
.action ul{ width:100%; margin:10px auto; height:auto; overflow:hidden;}
.marquee{ width:100%; height:auto ;overflow:hidden; }
.marquee ul,.marquee  li{margin:0px;padding:0px;list-style:none;}
.marquee ul li{float:left;width:230px;height:auto;} 
.marquee ul li .tu{width:230px;;height:160px;}
.marquee ul li .tu img{width:220px;height:155px;}
.marquee_wz{ text-align:center; font-size:13px; line-height:24px; color:#505050; width:220px;  height:auto; overflow:hidden;}

/*  third  */
.third_cont{ width:880px; margin:25px auto; height:auto; overflow:hidden;}
.third_cont ul{ width:100%; margin:0 auto; height:auto; overflow:hidden;}
.third_cont li{ width:100%; float:left;}
.third_cont .time{ font-size:12px; line-height:36px;text-align:center;}
.third_cont .cont{ font-size:14px; line-height:24px;}
.third_cont .cont p{margin-top:10px;}
.third_cont img{max-width:100%;}

@media only screen and (max-width:768px){
/* 大框架 */
.wapper{ width:95%; margin:0 auto; height:auto;}	
/**   top     **/
.top{ width:100%; margin:25px auto; height:auto; overflow:hidden;}
.top ul{ width:100%; margin: 0px auto 0px auto; height:auto; overflow:hidden;}
.top li{ width:95%; float:right;}
.top .logo{ text-align:right;}
.top  img{ max-width:100%;}

/**   white+ blue  ***/
.blue{width:100%; margin:10px auto; height:auto; overflow:hidden; text-align:center;}

/**   content   **/
.content{ width:100%; margin:0 auto; height:auto; overflow:hidden; background:#ffffff; border-radius:10px; }
.title{font-size:1.5em; line-height:150%; color:#324dcc; text-align:center;}

/***   滨海新区创卫宣传标语    **/
.slogan{ width:90%; margin:25px auto; height:auto; overflow:hidden; background:none;}
.slogan ul{ width:95%; margin:0 auto; height:auto; overflow:hidden;  }
.slogan li{ width:100%; float:left; }
.slogan li dd p{ width:100%; float:left; font-size:1em; color:#323232; line-height:200%;}
.slogan .left{ width:100%; float:left; margin-top:10px;}
.slogan .right{ width:100%; float:right;margin-top:0px;}

/**  滨海新区国家卫生区宣传标语**/
.bh_slogan{ width:90%; margin:25px auto; height:auto; overflow:hidden;}
.bh_slogan ul{ width:100%; margin:10px  auto; height:auto; overflow:hidden; }
.bh_slogan li{ width:100%; float:left; }
.bh_slogan li p{ width:100%; float:left;  font-size:1em; color:#323232; line-height:200%;}
.bh_slogan dd{ width:100%; float:left; margin-left:0%;margin-top:0px;}

/**2015版《健康素养66条》 **/
.health{ width:100%; margin:25px auto; height:auto; overflow:hidden;}
.health ul{ width:95%; margin:0 auto; height:auto; overflow:hidden;}
.health li{ width:100%; margin:10px auto; height:auto; overflow:hidden}
.health li p{ width:100%; float:left;  font-size:1em; color:#323232; line-height:200%; text-indent:2em;}

/*  创卫行动  */
.action{width:100%; margin:25px auto; height:auto; overflow:hidden;}
.action ul{ width:95%; margin:10px auto; height:auto; overflow:hidden;}
.marquee{ width:100%; height:auto ;overflow:hidden; }
.marquee ul,.marquee  li{margin:0px;padding:0px;list-style:none;}
.marquee ul li{float:left;width:185px;height:auto;} 
.marquee ul li .tu{width:185px;;height:130px;}
.marquee ul li .tu img{width:168px;height:122px;}
.marquee_wz{ text-align:center; font-size:13px; color:#505050; width:168px; }

/*  third  */
.third_cont{ width:100%; margin:25px auto; height:auto; overflow:hidden;}
.third_cont ul{ width:95%; margin:0 auto; height:auto; overflow:hidden;}
.third_cont li{ width:100%; float:left;}
.third_cont .time{ font-size:0.875em; line-height:36px;text-align:center;}
.third_cont .cont{ font-size:1em; line-height:150%;}
.third_cont .cont img{ max-width:100%}
	}