@charset "utf-8";
/* CSS Document */
body{color: #333;font-family: "微软雅黑", "黑体", "宋体"; background-color: #fff;}
.wrap{ width:1200px; margin:0 auto;  background-color:#FFF;padding-top: 1px; }
.wrap a{color: #333;font-family: "微软雅黑", "黑体", "宋体";}
.banner{  width:100%; margin-top: 25px;}
.banner img{ width: 1200px; margin: 0 auto;display: block;}

.sec_tit{ background:url(ylws_titbg.jpg) center no-repeat;  height:44px; line-height:44px; color:#22aa4d; font-size:36px; font-weight:bold; letter-spacing:6px; text-align:center; margin:47px auto;}

/* sec1 */
.shadow { padding:15px;border:1px solid #ebebeb; box-shadow: 1px 1px 8px #ccc;}
.sec1_l{ width: calc(50% - 45px) ; height:322px;box-sizing:content-box; float: left;}
.sec1_r{ width: calc(50% - 45px) ; height:322px;box-sizing:content-box; float: right;}

		/* 本例子css */
		.slideBox{ width:100%; height:322px; overflow:hidden; position:relative; border:1px solid #ddd;  }
		.slideBox .hd{ height:15px; overflow:hidden; position:absolute; right:5px; bottom:5px; z-index:1; }
		.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
		.slideBox .hd ul li{ float:left; margin-right:2px;  width:15px; height:15px; line-height:14px; text-align:center; background:#999999; color:#FFF;cursor:pointer; }
		.slideBox .hd ul li.on{ background:#22aa4d; color:#fff; }
		.slideBox .bd{ position:relative; height:100%; z-index:0;}
		.slideBox .bd li{ zoom:1; vertical-align:middle; width:100%; }
		.slideBox .bd img{ width:100%; height:322px; display:block;  }
		.slideBox_txt{ width:100%; height:40px; font-size:18px; line-height:40px; padding-left:15px;box-sizing:content-box; color:#FFF; background-image:url(blank.png); background-repeat:repeat; position:absolute; bottom:0px; z-index:999;}


		/* 下面是前/后按钮代码，如果不需要删除即可 */
		.slideBox .prev,
		.slideBox .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
		.slideBox .next{ left:auto; right:3%; background-position:8px 5px; }
		.slideBox .prev:hover,
		.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
		.slideBox .prevStop{ display:none;  }
		.slideBox .nextStop{ display:none;  }
		
		

.sec1_tit{ width:100%; border-bottom: #22aa4d 2px solid; }
.sec1_tit{ background:url(ylws_sec1bg.png) left top no-repeat;text-align:center;height: 46px;}
.sec1_tit a{ line-height:45px; color:#FFF; font-size:24px; float: left;display: block; padding-left: 30px;}
.sec1_cnt{ background-color:#FFF; padding:1px; line-height: 3;}
.sec1_cnt li{ border-bottom:1px dashed #ccc;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; clear: both;}
.sec1_cnt li a::before { content: ' ●';  padding-right: 6px;color: #22aa4d; font-size: 15px; }
.sec1_cnt li span{float:right; color:#999999;line-height: 3;}


.more{ float:right; }
.more a{ color: #000 !important;font-weight:normal !important;width: auto !important; text-align: left !important;font-size:18px !important;}

.sec2{ border:1px solid #ebebeb; margin-bottom:30px;}
.sec2_l{ width:247px; height:186px; background-color:#d8f9da; padding:10px 10px 0 10px; box-sizing:content-box;float: left;}
.sec2_r{ width: calc(100% - 330px) ;float: right;}
.sec2_l_tit{ text-align:center; font-size:24px; line-height:46px;}

.sec2_cnt{ background-color:#FFF; padding:1px; line-height: 3;}
.sec2_cnt li{ border-bottom:1px dashed #ccc;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; clear: both;}
.sec2_cnt li a::before { content: ' ●';  padding-right: 6px;color: #22aa4d; font-size: 15px; }
.sec2_cnt li span{float:right; color:#999999;line-height: 3;}

.sec2_more{ width:82px; height:30px; float:right;margin-top:14px;}
.sec2_more div{ background-color:#d8f9da; border-radius:8px; text-align:center;}
.sec2_more a{ line-height:30px; color:#22aa4d; }


.kjxg .sec_tit {font-size:30px; letter-spacing:2px; }
/* 鼠标经过放大 */

.grow {
  display: inline-block;
  -webkit-transition-duration: 0.6s;
  transition-duration: 0.6s;
  -webkit-transition-property: -webkit-transform;
  transition-property: transform;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

.grow:hover {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}
/* 鼠标经过向上 */

.float {
  display: inline-block;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: -webkit-transform;
  transition-property: transform;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

.float:hover {
  -webkit-transform: translateY(-5px);
  -ms-transform: translateY(-5px);
  transform: translateY(-5px);
}

/* 自适应 */
@media (max-width:1200px){
.wrap{ width: 100%;}
.bzml { width: 100%;}
.banner img{ width: 100%;}
}
@media (max-width:800px){

	.slideBox { width: 100%; margin-bottom: 30px;}
	.sec1_l{width: calc(100% - 45px); float: none; margin: 0 auto; margin-bottom: 30px;}
	.sec1_r{width: calc(100% - 45px); float: none; margin: 0 auto;}
	.sec2_l{float: none; margin: 0 auto;}
	.sec2_r{ width: 100%;float: none;}
}

/* 适老化 */

.wdpageold .wrap a{ font-size:36px;line-height: 2;}
.wdpageold .wrap { font-size:36px;line-height: 2;}
.wdpageold .slideBox { width: 100%; margin-bottom: 30px; height: 600px;}
.wdpageold .slideBox .bd img{ width:1200px; height: 600px; display:block;  }
.wdpageold .sec1_l{width: calc(100% - 45px); height: 600px;float: none; margin: 0 auto; margin-bottom: 30px;}
.wdpageold .sec1_r{width: calc(100% - 45px);height: 600px; float: none; margin: 0 auto;}
.wdpageold .sec1_tit{ background:#22aa4d; height: 66px;}
.wdpageold .sec1_tit a{line-height:65px;  font-size:36px;}
.wdpageold .more a{ font-size:22px !important;background: none !important ;border-bottom: none  !important; color: #FFF  !important; }
 
.wdpageold .sec2_l{width:500px; height:350px;float: none; margin: 0 auto;}
.wdpageold .sec2_l img{ width:100%; height: 80%;}
.wdpageold .sec2_l_tit { font-size:36px; }
.wdpageold .sec2_r{ width: 100%;float: none;}
.wdpageold .sec2_more{ width:200px; height:30px;}



