@charset "utf-8";
/* CSS Document */
*{padding:0; margin:0 auto;} /* IE8*/
*+html *{padding:0; margin:0;}
* {margin:0; padding:0;}

body{margin:0px; font-size:12px; color:#333; background: #f7f7f7 url(../images/zbft/top_zbft.png) top center no-repeat !important;background-size: 100%!important;}
@media (min-width: 2840px){
	body{background-size: auto!important;}
}
/* div{font-size:12px; text-align:left;} */
 
a{color:#333; text-decoration:none;}
a:hover{color:#c30; text-decoration:none;}

ul,li{padding:0px; margin:0px; list-style-type:none;}

img{border:none;}

div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote{padding:0; margin:0;}
table,td,tr,th{font-size:12px;}
ul,li{margin:0px; padding:0px; list-style-type:none;}

.transparent{background:transparent;}
.l{float:left;}
.r{float:right;}
.clear{clear: both;}
.clear{*zoom:1;}
.cleae:before,.clear:after{display:table;content:"";line-height:0;}
.clear:after{clear:both;}

.whitefont{color:#fff;}
.whitefont a{color:#fff; text-decoration:none;}
.whitefont a:hover{color:#ff0; text-decoration:none;}
.redfont{color:#f00;}
.redfont a{color:#f00; text-decoration:none;}
.redfont a:hover{color:#f00; text-decoration:none;}
.blackfont{color:#000;}
.blackfont a{color:#000; text-decoration:none;}
.blackfont a:hover{color:#c00; text-decoration:none;}

.font_1{color:#ffffff; font-size:17px;font-family: "微软雅黑"}
.font_1 a{color:#ffffff; font-size:17px;}
.font_2{color:#9b0000; line-height:19px;font-size:16px;font-weight:bold;}
.font_2 a{color:#9b0000; line-height:19px;font-size:16px;font-weight:bold;}
.font_2 a:hover{color:#CC0000; text-decoration:underline}
.font_3{color:#727171; text-decoration:none;line-height:20px;font-size:12px;}
.font_3 a{color:#727171; text-decoration:none;line-height:20px;font-size:12px;}
.font_3 a:hover{color:#990000; text-decoration:underline}
.f14b{font-weight:bold; font-size:14px;}
.font_4{color:#727171; text-decoration:none;line-height:20px;font-size:12px; font-weight:bold;}
.font_4 a{color:#727171; text-decoration:none;line-height:20px;font-size:12px;font-weight:bold;}
.font_5{color:#343434; font-size:18px; line-height:30px;font-family: "微软雅黑";}
.font_5 a{color:#343434; font-size:18px; line-height:30px;font-family: "微软雅黑";}
.font_6{color:#727171; font-size:12px; line-height: 22px;}
.font_6 a{color:#727171; font-size:12px; line-height: 22px;}
.font_7{color:#3296c8;  font-size:17px;font-family: "微软雅黑"}
.font_7 a{color:#3296c8;  font-size:17px;font-family: "微软雅黑"}
.font_8{color:#000000; line-height:19px;font-family: "微软雅黑";font-size:17px;}
.font_8 a{color:#000000; line-height:19px;font-family: "微软雅黑";font-size:17px;}
.font_9{color:#af4d05; font-weight:bold;font-size:14px;}
.font_9 a{color:#af4d05; font-weight:bold;font-size:14px;}

/*---reset---*/
* focus {outline: none;margin: 0;padding: 0;}
a:focus { outline: none;}
table {border-collapse:collapse;border-spacing:0;}
fieldset, img {border:0;}
address, caption, cite, code, dfn, em, strong, th, var {font-style:normal;}
li {list-style:none;}
caption, th {text-align:left;}
h1, h2, h3, h4, h5, h6 {font-size:100%;}
input, textarea, select {font-family:inherit;font-size:inherit;font-weight:inherit;}
legend {color:#000;}
.clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix{display:inline-block;}
.clearfix {display:block;}
.clear {clear:both;}
a{ outline:none;text-decoration:none;}
a{ color:#333435; }
a:hover { color:#e23a0a;}
.fl {float:left;}
.fr {float:right;}
.mt20{margin-top:20px;}


/*top*/

.indexmain{width: 100%; max-width:1200px; margin:0 auto; }
.zbft-top{position: relative; padding-top: 19.5%; background:url(../images/zbft/top_zbft.jpg) top center no-repeat;background-size: 100%; }
.zbft-top .header-btn-old{top: -12px;}
.content {
	margin: 0 8px;
	padding: 10px 1.2%;
	background: #fff;
}

.wanqhg{height: 49px;}
.wanqhg_lf li{float: left;line-height: 40px;color:#FFF;font-size: 16px;width: 105px;text-align: center;}
.wanqhg_lf li a{color: #FFF;}
.navbar{
	height:70px;
	line-height:60px;
	position: relative;
}
.navbar li{
	float:left;
	line-height: 60px;
	height: 60px;
}
.navbar li a:hover{
 	text-decoration: underline;
 }
.navbar li a{
	color: #FCED9C;
	margin: 0 30px;
	line-height: 60px;
	font-size: 16px;
	height: 60px;
	display: inline-block;
}

.leftside {
	width:46.5%;
	margin-left: 10px;
}
.leftside img{
	width:100%!important;
	height: auto!important;
}
.rightside {
	width:50%;
	margin-right: 10px;
}

.one{
	padding-bottom: 10px;
}
.one-list {
}
.one-list .top {
	height:40px;
	overflow: hidden;
	text-align: center;
	background: url(../images/zbft/bg_s01.jpg) no-repeat #efefef;
}
.one-list .top .more {
	font-weight: normal;
	font-size: 14px;
}
.one-list .top a {
	display:block;
	padding:0 25px;
	height:38px;
	margin-left:1px;
	line-height: 40px;
	font-size: 16px;
}
.one-list .top a.hover {
	color:#FFF;
	font-size: 16px;
}
.one-list .item {
	padding:10px;
	height:280px;
	background-color: #fff;
}
.one-list .item .dt {
	line-height:28px;
	height:28px;
	margin-bottom:5px;
	color:#B1000A
}
.one-list .item .dt a {
	color:#B1000A;
}
.new-con{
	padding: 0 10px 10px;
	height: 318px;
	overflow: hidden;
	border-top: none;
}
.new-con h4{
	text-align: center;
	font-size: 16px;
	line-height: 28px;
	color: #015293;
}
.aboutSummary{
	width: 68px;
}
.aboutSummary .img{
	height: 23px;
	font-size: 16px;
	color: #015293;
}
.aboutSummary .img1{
	background-position: 0 0px;
}
.aboutSummary .img2{
	background-position: 0 -23px;
}
.aboutSummary .img3{
	background-position: 0 -46px;
}
.aboutSummary .img4{
	background-position: 0 -69px;
}
.aboutCon{
	line-height: 24px;
	font-size: 14px;
}
.pb10{
	padding-bottom: 10px;
}
/*嘉宾回答*/
.guestsAnswer{
	margin-bottom: 10px;
	width: 65%;
	margin-left: 8px;
}
.guestsAnswer .tt{
	background: #efefef;
	height: 34px;
	margin-bottom: 6px;
	position:relative;
}
.guestsAnswer .tt span{background:url(../images/zbft/bg_s02.jpg) no-repeat; height: 39px; margin-top: -5px; float: left; width: 150px; color: #FFF; font-size: 16px;line-height: 39px; padding-left: 74px; }

.guestsAnswer .tt .tt_button{
	position:absolute;
	right:10px; 
	top:5px;
}
.guestsAnswer .tt .tt_button a.ts_btn {
	border-radius:10px;
	background:url(../images/zbft/ftsx.png) no-repeat;
}
.guestsAnswer .tt .tt_button a.ts_btn_red {
	border-radius:10px;
	background:url(../images/zbft/ftsx.png) no-repeat;
	color: #ff0000;
}
.tt_button a {
	float:right;
	width: 55px;
	height: 30px;
	line-height: 25px;
	text-align: center;
	color: #666;
	font-size: 12px;
	display: block;
	margin:0 5px;
}
.answer ,.userVoice .con{
	border-top: none;
	padding: 10px;
	height: 865px;
	background: #FAFAFA;
	overflow-y: auto;
}
.answer dl,.userVoice .con dl{
	padding: 5px 0;
	line-height: 18px;
	border-bottom: dotted 1px #ccc;
}
.answer dd,.userVoice .con dd{
	margin-left: 20px;
}
.answer dt,.userVoice .con dt{
	color: #A40001;
}
.answer .active ,.userVoice .con .active {
	background: #efefef;
}
/*活动现场*/
.activeSite{
	width: 431px;
	height: 296px;
	background: #FFF;
	position: relative;
}
.activeSite span{
	position: absolute;top: 18px;right: 21px;color: #666666;
}
.activeSite .tt{
	background: url(../images/zbft/bg_s04.jpg) 6px 0px no-repeat;
	height: 39px;
	text-indent: 70px;
	line-height: 39px;
	color:#FFF;
    font-size: 16px;
}
.activeSite .con{
	padding: 15px;
	border: 1px solid #ccc;
	border-top: none;
	overflow-y: scroll;
	height: 205px;
	position:relative;
}
.activeSite .con img{
	height: 274px;
	width: 399px;
    opacity:0;filter:alpha(opacity=0);
    position:absolute;
}
/*网友心声*/
.userVoice{
}
.userVoice .tt{
	height: 48px;	
}
.userVoice .con{
	padding: 15px;
	height: 215px;
}

/*底部*/
#footer {
    height:135px;
}
.bottom_bg {
    height:10px;
}
.bottom_link {
    text-align:center;
    height:33px;
    line-height:33px;
}
.bottom-con {
    text-align:center;
    padding-top:10px;
    position:relative;
}
.bottom-con .pst {
    position:absolute;
    top:10px;
    left:200px;
}
.bottom-con .redfont {
    padding:0 5px;
}
.bottom-con p {
    line-height:24px;
}
.bottom-con p img{
    display: none;
}

/*弹出层*/
.reveal-modal-bg {
  position: fixed;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.3);
  z-index: 100;
  display: none;
  top: 0;
  left: 0;
}

.reveal-modal {
  visibility: hidden;
  top: 100px;
  left: 68%;
  margin-left: -220px;
  width: 420px;
  background: #eee;
  position: absolute;
  z-index: 101;
  padding: 30px 40px 34px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
  -box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
}

.reveal-modal h2 {
  color: #808080;
  font-size: 14px;
}

.reveal-modal.small {
  width: 200px;
  margin-left: -140px;
}

.reveal-modal.medium {
  width: 400px;
  margin-left: -240px;
}

.reveal-modal.large {
  width: 600px;
  margin-left: -340px;
}

.reveal-modal.xlarge {
  width: 800px;
  margin-left: -440px;
}

.reveal-modal .close-reveal-modal {
  font-size: 22px;
  line-height: .5;
  position: absolute;
  top: 8px;
  right: 11px;
  color: #aaa;
  text-shadow: 0 -1px 1px rbga(0, 0, 0, 0.6);
  font-weight: bold;
  cursor: pointer;
}

.form-control {
  display: block;
  width: 390px;
  margin-top: 10px;
  height: 24px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

.login_button {
  width: 92px;
  height: 35px;
  line-height: 35px;
  margin-top: 10px;
  border: 0;
  font-size: 14px;
  border-radius: 5px;
  font-weight: bold;
  color: #fff;
  background: #3071a9;
  cursor: pointer;
}

.control-label{
	padding-top: 7px;
margin-bottom: 0;
text-align: right;
}
.ml10 {
  margin-left: 10px;
}
.question{
	position: absolute;
	right: 10px;
	top: 3px;
}
.question a{
	display: block;
	width: 168px;
	height: 49px;
}
.wzsl{height: 954px;background: #FFF;}
.bqht{text-indent: 45px;}
.tebd {width: 33%;}
.tebd_tp{background: #efefef; height: 34px; margin-bottom: 6px;}
.tebd_tp span{float: left; background: #015293; margin-top: -5px; height: 39px; line-height: 39px;font-size: 16px; color:#FFF;  width:130px ; text-align: center;}
.twbds{height: 892px; overflow-y: auto; margin-top: 10px;}
.twbds img{display: block; width: 96%; margin:10px auto;}
.slidFooter{width: 1000px;margin: 0 auto;margin: 0 auto;}
.wangqhg{width: 1000px;margin: 0 auto;height: 296px;margin-top: 15px;}
.kbs{height: 13px;}
.wangqh_ri{
	margin-right: 20px;
    margin-top: 3px;
    font-size: 16px;
    color: #FFF;
    width: 90px;
    height: 30px;
    background-color: #D6D6D6;
    text-align: center;
    line-height: 29px;
    border-radius: 21px;
}
.wszbskb{
	height: 50px;
}

.answer-word{
  	height:40px;
  	color:#008CEA; 
  	font-weight:bold; 
  	font-weight:15px; 
  	line-height:50px;
	  font-size:15px;
	  font-family:微软雅黑;
  }
  .answer-content{
  	line-height:36px; 
  	background:#ffffff;
  	padding:0px 10px;
	  font-size:15px;
	  font-family:微软雅黑;
  }
  .answer-content p{
  	margin-top: 0px; 
  	margin-bottom: 0px; 
  	text-indent: 24pt; 
  	text-align: justify; 
  	line-height: 2;
  }
  .twbds_title{
    text-align: center;
    font-size: 14px;
    line-height: 30px;
  }
  
  .scrollingimg {
  	width: 980px;
  	height: 256px;
  	overflow: hidden;
  	text-align: center;
  	margin: 0px 10px;
  }
  
  .scrollingimg img {
  	text-align: center;
  	margin-right: 12px;
  	width: 399px;
  	height: 274px;
  }
  
  .activeSite {
  	width: 1000px;
  }
  
  .answer-word {
  	height: 40px;
  	color: #008CEA;
  	font-weight: bold;
  	font-weight: 15px;
  	line-height: 50px;
  	font-size: 15px;
  	font-family: 微软雅黑;
  }
  
  .answer-content {
  	line-height: 36px;
  	background: #ffffff;
  	padding: 0px 10px;
  	font-size: 15px;
  	font-family: 微软雅黑;
  }
  
  .answer-content p {
  	margin-top: 0px;
  	margin-bottom: 0px;
  	text-indent: 24pt;
  	text-align: justify;
  	line-height: 2;
  }
  
  .twbds_title {
  	text-align: center;
  	font-size: 16px;
  	line-height: 30px;
  }
  
  .on {
  	background-color: #3498db;
  	color: #fff;
  }

	@media (max-width:1200px) {
		.content{padding: 10px 20px;}
		.guestsAnswer,.tebd{width: 100%;}
		.tebd{margin-top: 20px;}
		.new-con,.wzsl{height: auto;}
		.one{padding-bottom: 0;margin-top: 10px;}
		.leftside,.rightside,.guestsAnswer,.tebd{margin-left:0;margin-right:0;}
	}
  
  @media (max-width:1024px) {
	 body{background: #f7f7f7 !important;}
  	/* .top{height:194px; background-size: 100%;} */
  }

	@media (max-width: 992px) {
		
		.leftside,.rightside{width: 100%;}
		.rightside{margin-top: 20px;}
	}

  @media (max-width:768px) {
		body{background: #fff!important;}
		.zbft-header .container{padding-left: 0;padding-right: 0;}
		.zbft-top{background-size:180%; background-position:top right;padding-top: 35.3%;}
		.content{padding:0;margin:0;padding-top: 10px;}
  }
	
  @media (max-width:480px) {
  
	.leftside, .guestsAnswer{width:100%; margin-bottom: 10px;}
	.rightside, .tebd{width:98%; margin-left: 10px; margin-bottom: 10px;}
	.wzsl{height: auto;}
	.answer, .userVoice .con, .twbds{height: 260px;}
	.one{padding-bottom: 0;}
	.new-con{height: auto;}
	.pb10 div{display: inline-block; width: auto;}
	.aboutSummary{clear: left;}
  }
  

/* 老年版 */
body.older .header-btn-old{top:0!important;}
body.older .content{padding: 25px;}
body.older .leftside, 
body.older .rightside{float: none; width: auto; margin: 0;}
body.older .leftside{margin-bottom: 30px;}
body.older .leftside img{width: 100% !important; height: auto !important;}
body.older .one-list .top{height: 109px; background: #015293;}
body.older .bqht{text-indent: 0;}
body.older .one-list .top a{margin: 0; height: 109px; line-height: 109px; padding: 0 45px;}
body.older .one-list .top a.hover{font-size: 48px;}
body.older .new-con{font-size: 36px; height: auto;}
body.older .new-con h4{font-size: 36px; line-height: 1.8;}
body.older .aboutSummary{width: 162px;}
body.older .aboutSummary .img, 
body.older .aboutCon{font-size: 1em; line-height: 1.8; height: auto;}
body.older .wzsl{height: auto;}
body.older .guestsAnswer,
body.older .tebd{float: none; width: auto; margin: 0;}
body.older .guestsAnswer{margin-bottom: 30px;}
body.older .twbds{height: auto; margin: 0 -20px;}
body.older .twbds > div{float: left; width: 100%; margin-bottom: 30px; padding: 0 20px; box-sizing: border-box;}
body.older .twbds > div img{width: 100%;}
body.older .twbds_title{font-size:1em; line-height: 1.4;}
body.older .tebd_tp span{float: none;  margin: 0;}
body.older .guestsAnswer .tt .tt_button{top: 0;}
body.older .guestsAnswer .tt .tt_button a{	min-width: 98px;	padding: 0 20px;	margin-top: 31px;	height: 46px;	line-height: 46px;	text-align: enter;	background: #3185b4;	border-radius: 22px;	font-size: 1.5em;	color: #fff;}
body.older .answer-word{height:auto; font-size: 36px; line-height: 1.5;}
body.older .answer *{font-size: 36px !important; line-height: 1.68 !important;}
body.older .answer{height:1200px;}

body.older .tebd_tp,
body.older .guestsAnswer .tt{padding: 25px 0;height:auto;background: #015293; margin-bottom: 30px;overflow: hidden;}
body.older .tebd_tp span,
body.older .guestsAnswer .tt span{width: auto; font-size: 1.375em; height:auto; line-height: 1.2; padding: 0 45px;background: none; font-weight: bold;}

@media (max-width: 1200px) {
	body.older .content{padding: 10px 20px;}
}
@media (max-width:768px) {
	body.older .content{padding:0;}
	body.older .one-list .top a.hover,
	body.older .tebd_tp span,
	body.older .guestsAnswer .tt span{font-size: 36px;}
	body.older .new-con,
	body.older .new-con h4,
	body.older .answer-word{font-size: 1em;}
	body.older .answer *{font-size: 26px !important;}
}
@media (max-width:640px) {
	body.older .guestsAnswer .tt .tt_button{position: static;}
	body.older .guestsAnswer .tt span{display: block;float: none;}
}