@charset "utf-8";
body { background:url(yddh5_02-1.jpg) top center no-repeat #fffbf8}

.containerBox {
    width: 1200px;
	box-sizing: border-box;
    padding: 40px 60px;
    background-color: #fff;
    margin: 20px auto 0 auto;
	border-radius: 10px;
}

.breadcrumb {
    width: 100%;
    height: 40px;
    border-bottom: 2px solid #eec79c;
    font-size: 18px;
}


/*有左侧边栏二级页开始*/
.listBox {
    width: 100%;
    overflow: hidden;
    margin-top: 40px;
}

.listBox .fl {
    width: 282px;
    float: left;
    background: #fff;
    border-radius: 8px;
    padding: 35px 0;
    box-sizing: border-box;
    overflow: hidden;
    text-indent: 16px;
}

.listBox .fl div { width:235px; height:50px; line-height:50px; font-size:18px; padding-left:45px;}
.listBox .fl span { display:none;}
.cur-l { background: url(yddh5_02-2.jpg) 10px center no-repeat #f46b59 !important; color:#fff;}
.cur-l a { color:#fff;}
.listBox .fr {
    width: 728px;
    float: right;
    font-size: 16px;
    line-height: 32px;
}

.listBox .fr li {
    font-size: 16px;
    line-height: 50px;
    position: relative;
    text-indent: 30px;
}

.listBox .fr li::before {
    content: '';
    width: 10px;
    height: 10px;
    background: url(yddh5_02-3.jpg) no-repeat center;
    position: absolute;
    top: 22px;
    left: 7px;
    display: block;
}

.listBox li span {
    color: #777;
    float: right;
}
.color { color:#750c02;}

.lt { text-align:center; border-bottom: 1px solid #b1b1b1; padding-bottom:5px; margin-bottom:40px;}
/*有左侧边栏二级页结束*/



/*无左侧边栏二级页开始*/
.listBox2 { margin:40px auto;}
.listBox2 ul {
    margin: 40px auto 60px;
}
.listBox2 ul li {
    font-size: 16px;
    border-bottom: 1px solid #e3e3e3;
    line-height: 60px;
    text-indent: 30px;
    position: relative;
}
.listBox2 li::before {
    content: '';
    width: 10px;
    height: 10px;
    background: url(yddh5_02-3.jpg) no-repeat center;
    position: absolute;
    top: 25px;
    left: 7px;
    display: block;
}
/*无左侧边栏二级页结束*/


/*访谈间开始*/
.nine_grid ul {
    margin: 15px auto;
    overflow: hidden;
}
.nine_grid ul li {
    float: left;
    width: 254px;
    /* height: 201px; */
    height: 220px;
    margin-right: 21px;
    margin-top: 21px;
}
.nine_grid ul li:nth-child(4n) {margin-right: 0;}
.nine_grid ul li a {
    display: inline-block;
    width: 100%;
    height: 100%;
    font-size: 30px;
    position: relative;
}
.nine_grid ul li a img {
    border-radius: 15px 15px 0 0;
}
.nine_grid ul li a p {
    background-color: #faf5f7;
    width: 100%;
    height: 58px;
    box-sizing: border-box;
    padding: 6px 20px;
    margin: 0;
    font-size: 16px;
    border-radius: 0 0 15px 15px;
    position: absolute;
    top: 143px;
}
/*访谈间结束*/


/*分页开始*/
.pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 50px;
    margin-top: 50px;
	clear:both;
}

.pagination a {
    display: inline-block;
    width: 32px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    color: rgba(0, 0, 0, 0.65);
    border-radius: 2px;
    border: 1px solid rgba(217, 217, 217, 1);
    margin: 0 4px;
}

.pagination .active {
    width: 32px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    color:#fff;
    border-radius: 2px;
    background-color: #f46b59;
    margin: 0 4px;
}

.pagination span {
    display: inline-block;
}

.pagination font { font-size:14px;}

#num {
    width: 34px;
    height: 28px;
    border: 1px solid #e4e4e4;
    background: #f4efe0;
    margin-left: 5px;
    margin-right: 5px;
    text-align: center;
}

.go {
    width: 34px;
    height: 32px;
    border: 1px solid #e4e4e4;
    background: #f4efe0;
    margin-left: 10px;
}
/*分页结束*/


/*内容页开始*/
.containerBox .box h2 {
    font-size: 27px;
    margin: 55px auto 35px;
    color: #1c1d1e;
    text-align: center;
    line-height: 41px;
    font-weight: normal;
}
.containerBox .box p.info {
    color: #969696;
    font-size: 16px;
    border-bottom: 1px solid #b1b1b1;
    height: 35px;
    padding: 0 400px;
    box-sizing: border-box;
	position:relative;
}
.ctx {
    font-size: 16px;
    line-height: 32px;
}

.ctx h1 { font-size:24px; text-align:center; padding-bottom:60px;}

.ctx p {
    margin-bottom: 20px;
	/* text-indent: 2em; */
    text-align: justify;
}
.ctx p img { width:600px;}

.containerBox .fr i {
    width: 32px;
    height: 26px;
    vertical-align: middle;
    margin-left: 10px;
    position: relative;
    /* top: -5px; */
    background: #ccc;
    display: inline-block;
    cursor: pointer;
}

.containerBox .fr .weibo {
    background: url(yddh5_weiboicon.png) no-repeat;
}
.containerBox .fr .weixin {
    background: url(yddh5_wxicon.png) no-repeat;
}

.zzz { margin-bottom:5px; cursor:pointer;}
.AAA { position:absolute; bottom:-170px; left:600px; width:100px; display:none; padding:5px 10px 10px 10px; background:#fff; color:#000; font-size:14px;}
.containerBox .AAA .BBB { width:100px;}

/* 分享功能样式 */
.share { position: relative; display: flex; justify-content: flex-end; color: rgba(45, 23, 14, .6); font-size: 16px;}
.share i { display: inline-block; color: #999999; cursor: pointer; }
.share i:hover, .share i.active { color: #C91116; }
.share .wechatCode { position: absolute; top: 36px; right: -120px; z-index: 10; width: 240px; }
.share .wechatCode .codeMain { width: 240px; height: 288px; border-radius: 6px; background-color: rgba(255, 255, 255, 1); border: 1px solid rgba(236, 236, 236, 1); padding: 15px 24px 20px; box-sizing: border-box; }
.share .wechatCode .codeMain .close { width: 12px; height: 12px; color: #999; font-size: 12px; cursor: pointer; margin-right: -5px; margin-bottom: 18px; float: right; }
.share .wechatCode .codeMain .qrcode { width: 192px; height: 192px; float: left; }
.share .wechatCode .codeMain p { width: 100%; color: #2D170E; font-size: 16px; line-height: 22px; margin-top: 12px; text-align: center; float: left; }

/*内容页结束*/

/*公益公告*/
.gygg {
      width: 872px;
      height: 840px;
      margin: 50px auto;
      
    }

    .gygg .swiper-slide {
	  width:872px; 
      font-size: 18px;
      background: #fff;
      height:500px
    }
	.ddd { width:200px; margin:0 9px; float:left; height:420px; overflow: hidden; zoom: 1; position:relative; cursor: pointer;}
	.ddd img { width:100%;}
	.ddd-b { width:100%; position:absolute; bottom:0; left:0; text-align:center; height:40px; font-size:16px; line-height:20px;}
	.ddd-t { width:100%; position:absolute; bottom:50px; left:0;}
	.gygg .swiper-button-prev { width:56px; height:56px; background:url(yddh5_button-prev.png) no-repeat; background-size:cover; top:320px;}
	.gygg .swiper-button-next { width:56px; height:56px; background:url(yddh5_button-next.png) no-repeat; background-size:cover; top:320px;}
	.gygg .swiper-button-prev:after, .gygg .swiper-button-next:after{ content: '';}
	.big-pic { position:fixed; top:0; left:0; bottom:0; right:0; z-index:10; display: none; margin:auto;}
	.big-pic img { width:100%}
	
	.close-pic { right: 24px;
    top: 24px;
    width: 26px;
    height: 26px;
    background-image: url(yddh5_close03.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    cursor: pointer; position:absolute;}
	
	.pic420 { width:420px; height:640px;}
	.pic770 { width:770px; height:500px;}
/*公益广告*/	

/*论坛*/
.cur-lt, .lt-sh { display:none;}
/*论坛*/


@media (max-width: 768px) {
body { background:#f4f5f7;}

.fr .mhide, .listBox .fl, .listBox2 .mhide { display:none;}

.containerBox {
    width: 100%;
    padding: 0;
    padding-bottom: 20px;
	background:#f4f5f7;
	border-radius: 0px;
}

.breadcrumb {
    display: flex;
    align-items: center;
    width: 90%;
    font-size: 1rem;
    line-height: 1rem;
    height: 3rem;
    color: #666666;
    border: none;
    background-color: #f4f5f7;
    margin: 0.4rem 1rem;
    box-sizing: border-box;
	border-bottom:solid 2px #f46b59;
}

.breadcrumb li { font-size:16px;}

.breadcrumb li a {
    color: #666; font-size:16px;
}

/*有左侧边栏二级页开始*/
.listBox {
    margin-top: 0.533rem;
    padding: 0 0.4rem;
    box-sizing: border-box;
	width: 100%;
    overflow: hidden;
    margin-top: 20px;
}

.listBox .fl, .listBox .fr {
    width: 100%;
    float: initial;
	font-size: 18px;
    line-height: 32px;
}

.listBox .fl { background:none; padding: 5px 0 30px 0;}
.listBox .fl div { width:37%; float:left; background: #e7e7e7;}

.listBox .fr li {
    font-size: 16px;
    line-height: 24px;
    position: relative;
    text-indent: 0;
    padding: 0.5rem 0.4rem 0.5rem 1.4rem;
	border-bottom:solid 1px #e4e4e4;
}

.listBox .fr li::before {
    top:16px;
}

/*有左侧边栏二级页结束*/


/*无左侧边栏二级页开始*/
.listBox2 { padding: 0 .4rem; margin:20px 0;}

.listBox2 ul {
    margin: auto;
}

.listBox2 ul li {
    font-size: 16px;
    line-height: 24px;
    position: relative;
    text-indent: 0;
    padding: 0.5rem 0.4rem 0.5rem 1.4rem;
	border-bottom:solid 1px #e4e4e4;
}

.listBox2 ul li::before {
    top:16px;
}
/*无左侧边栏二级页结束*/

/*内容页开始*/
.ctx h1 { padding-bottom:30px;}
.ctx {
    font-size: 16px;
    line-height: 28px;
    width: 90%;
    margin: auto;
}

.containerBox .box { width:90%; margin:auto;}
.containerBox .box p.info { padding:0; }
.ctx p img {
    width: 100%;
}

.box .info .fr { display:none;}
.box .info .fl { width:100%; text-align:center;}
/*内容页结束*/

/*分页开始*/
.pagination a { width:26px; height:26px; line-height:26px;}
.pagination .active { width:26px; height:26px; line-height:26px;}
#num { width:26px; height:26px;}
.go { width:26px; height:26px; margin-left:2px;}
/*分页结束*/

/*访谈间开始*/
.nine_grid ul li {
    width: 44%; height:160px;
    margin: 0 3% 20px 3%;
}
.nine_grid ul li a img {
    border-radius: 5px 5px 0 0;
    height: 6rem;
}
.nine_grid ul li a p { height:auto; font-size:14px; padding: 4px 10px; top:6rem;}

/*访谈间结束*/

/*公益公告*/
.gygg { width:96%; height:740px;}
.gygg .swiper-slide { width:100%}
.ddd { width:28%; height:220px;}
.gygg .swiper-slide { background:none;}
.ddd-b a { font-size:12px;}
.gygg .swiper-button-prev, .gygg .swiper-button-next { width:40px; height:40px;}
.pic420 { width:200px; height:305px;}
.pic770 { width:300px; height:195px;}
/*公益公告*/

/*论坛*/
.cur-lt { background: url(yddh5_02-2.jpg) 10px center no-repeat #f46b59 !important; color:#fff; padding-left: 70px; font-size: 16px; line-height: 50px; position:relative; display:block;}
.cur-lt-r { width:20px; height:20px; top:15px; right:15px; background:url(yddh5_02-4.jpg) no-repeat; background-size:cover; position:absolute;}
.lt-sh { border-bottom:solid 1px #f46b59; border-left:solid 1px #f46b59; border-right:solid 1px #f46b59; background:#fff; padding:20px 0 20px 40px; font-size:16px; line-height:28px;}
.lt-sh a { font-size:16px; line-height:32px;}
/*论坛*/
	
}