@charset "utf-8";
body{
	font-family:"Microsoft Yahei","SimSun";
	font-size:16px;
	color:#333;
	overflow-x: hidden;
}

@media (max-width: 380px) {
	body{ font-size:14px; }
}

@media (max-width: 325px) {
	body{ font-size:12px; }
}

@media (min-width: 760px) {
	body{ font-size:28px; }
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) and (max-device-width: 330px) and (min-device-width: 320px) and (orientation: portrait) {
	.list2 h3 {
		font-size: 1.0rem !important;
		line-height: 1.5rem !important;
		height: 4.7rem !important;
	}
}
a{
	color:#333;
}

a:hover {
    text-decoration: none;
}

img{
	display:block;
	width: 100%;
	height: auto;
}

.fw{
	color: #fff;
}

.fw a{
	color: #fff;
}

.fw a:hover{
	color: #dfdfdf !important;
}

h1,h2,h3,h4,h5{
	font-family:"Microsoft Yahei","SimHei";
	font-weight: normal;
	overflow:hidden;
}

p,li{
	overflow:hidden;
}

.banner{
	position: relative;
}

.banner .close{
	position: absolute;
	right: 0.12rem;
	top: 0.12rem;
	width: 0.9rem;
	height: 0.9rem;
	background: url(/statics/images/hb/close2.png);
	background-size: 100% 100%;
}

#top{
	border-bottom: 1px solid #dfdede;
	height: 2.4rem;
	line-height: 2.4rem;
	padding: 0px 3.6%;
}

#top .home{
	background: url(/mskin/home.png) no-repeat;
	background-size: 0.9rem 0.9rem;
	background-position: 0% 45%;
    padding-left: 1.2rem;
    color: #3f4146;
    font-size: 0.8rem;
    display: block;
    /*padding-top: 0.2rem;*/
}

#to-top{
	position: fixed;
	width: 3.4rem;
	height: 3.4rem;
	right: 3.6%;
	bottom: 10%;
	background: url(/statics/images/hb/to-top.png);
	background-size: 100% 100%;
	z-index: 999;
}

#news-head{
	margin: 1.5rem 3.6% 0px 3.6%;
}

#news-head h2{
	font-size: 1.5rem;
	line-height: 2rem;
	margin-bottom: 0.5rem;
	text-align: justify;
	word-break: break-all;
}

#news-head .name{
	float: left;
	min-width: 60%;
}

#news-head .name .photo{
	float: left;
	border: 0.07rem solid #dfdede;
	border-radius: 50%;
	overflow: hidden;
	width: 3.2rem;
	height: 3.2rem;
	margin-right: 0.8rem;
}

#news-head .name .photo img{
	height: 100%;
}

#news-head .name h4{
	display: inline-block;
	vertical-align: top;
	font-size: 1rem;
	line-height: 1.2rem;
	margin-top: 0.3rem;
}

#news-head .name h4.tag{
	background: url(/statics/images/hb/tag1.png) no-repeat right center;
	background-size: 3.25rem 1.2rem;
	padding-right: 3.8rem;
}

#news-head .name p{
	font-size: 0.8rem;
	line-height: 1.2rem;
	color: #999ca1;
	margin-top: 0.5rem;
}

#news-head .btn{
	float: right;
	background: #e4eefa;
	height: 2.5rem;
	line-height: 2.5rem;
	padding: 0px 1.5rem;
	color: #176dd4;
	border-radius: 1rem;
	margin-top: 0.42rem;
}

#news-summary{
	background: #fc0;
	margin: 1rem 3.6% 0px 3.6%;
	padding: 1rem 3%;
	color: #8e8e8e;
	line-height: 1.5rem;
	background: #f5f5f5;
}

#news-summary2{
	margin: 1em 3.6% 0px 3.6%;
	padding: 1em 0em;
	color: #8c9096;
	line-height: 1.7em;
}

#news-summary2 p{
	font-size: 1.1em;
}

#news-summary2 .top-bg,#news-summary2 .bottom-bg{
	height: 1em;
	background-size: auto 100%;
	background-repeat: no-repeat;
}

#news-summary2 .top-bg{
	background-image: url(/statics/images/hb/summary-top.png);
	background-position: left center;
	margin-bottom: 0.5em;
}

#news-summary2 .bottom-bg{
	background-image: url(/statics/images/hb/summary-bottom.png);
	background-position: right center;
	margin-top: 0.5em;
}

#news-body{
	/* margin: 0.5rem 3.6% 0px 3.6%; */
	width: 93%;
	margin: 1.125rem auto;
	line-height: 1.8;
	font-size: 1.125rem;
	word-break: break-word;
	/* font-size: 18px;
	color: #5d5d5d; */
	text-align: justify;
}

#news-body p{
	font-size: 1.125rem;
	line-height: 2.1rem;
	margin-top: 1.2rem;
	word-break: break-word;
}

#news-body img{
	width: auto;
	max-width: 100%;
	/*display: inline-block;*/
	vertical-align: top;
	border-radius: 0.3rem;
}

#news-body .img_alt{
	color: #A9A9A9;
	font-size: 0.9rem;
	text-align: center;
}

#news-body h5{
	font-size: 0.8rem;
	line-height: 1.2rem;
	color: #999ca1;
	margin-top: 0.5rem;
}

.title1{
	text-align: center;
}

.title1 span{
	display: block;
	font-size: 1.2rem;
	line-height: 1.6rem;
}

.title1 i{
	display: inline-block;
	vertical-align: top;
	background: #186dd3;
	height: 0.38rem;
	width: 1.7rem;
	border-radius: 0.18rem;
	margin-top: 0.3rem;
}

.block{
	width: 100%;
	overflow-x: hidden;
	margin-top: 2rem;
}
.ad-list {
	width: 100%;
	overflow-x: hidden;
}
.list1{
	margin: 0px 3.6%;
}

.list1 li{
	margin-top: 1.5rem;
}

.list1 .name{
	float: left;
	min-width: 60%;
}

.list1 .name .photo{
	float: left;
	border: 0.07rem solid #dfdede;
	border-radius: 50%;
	overflow: hidden;
	width: 3.2rem;
	height: 3.2rem;
	margin-right: 0.8rem;
}

.list1 .name .photo img{
	height: 100%;
}

.list1 .name h4{
	display: inline-block;
	vertical-align: top;
	font-size: 1rem;
	line-height: 1.2rem;
	margin-top: 0.3rem;
}

.list1 .name p{
	font-size: 0.8rem;
	line-height: 1.2rem;
	color: #999ca1;
	margin-top: 0.5rem;
}

.list1 .praise{
	float: right;
	height: 3.34rem;
	line-height: 3.34rem;
}

.list1 .praise span{
	display: inline-block;
	vertical-align: top;
	font-size: 0.8rem;
	color: #ff686b;
	margin-right: 0.5rem;
}

.list1 .praise .heart{
	display: inline-block;
	vertical-align: top;
	width: 1.3rem;
	height: 1.3rem;
	background-size: 100% 100%;
	margin-top: 1.02rem;
}

.list1 .praise .heart1{
	background-image: url(/statics/images/hb/heart1.png);
}

.list1 .praise .heart2{
	background-image: url(/statics/images/hb/heart2.png);
}

.list1 .word{
	margin: 0.2rem 0px 0px 4.14rem;
}

.list1 .word p{
	font-size: 1.125rem;
	line-height: 1.6rem;
}

.list1 .word p img{
	width:auto;
}

.list1 .word .more{
	color: #186dd3;
	font-size: 0.8rem;
	line-height: 1.2rem;
}

.tab1{
	text-align: center;
	margin-top: 1rem;
	height: 0.75rem;
}

.tab1 span{
	display: inline-block;
	vertical-align: top;
	width: 0.5rem;
	height: 0.5rem;
	border-radius: 50%;
	background: #999ca1;
	margin: 0.125rem 0.5rem 0px 0.5rem;
}

.tab1 .current{
	margin-top: 0px;
	width: 0.75rem;
	height: 0.75rem;
	background: #186dd3;
}

.btn2{
	text-align: center;
	margin-top: 1rem;
}

.btn2 a{
	display: inline-block;
	vertical-align: top;
	width: 64%;
	height: 3.0rem;
	line-height: 3.0rem;
	border: 0.07rem solid #186dd3;
	border-radius: 1.5rem;
	color: #186dd3;
}

.list2{
	margin: 0.8rem 3.6% 0px 3.6%;
}

.list2 li{
	padding: 0.8rem 0px 0.7rem 0px;
	border-bottom: 1px solid #dfdede;
}

.list2 .pic1{
	float: right;
	width: 7.7rem;
	height: 5.1rem;
	border-radius: 0.3rem;
	overflow: hidden;
	margin-left: 1rem;
}

.list2 .pic1 img{
	height: 100%;
}

.list2 .photo-wall{
	position: relative;
	margin-top: 0.5rem;
}

.list2 .photo-wall table{
	width: 100%;
	font-size: 1rem;
}

.list2 .photo-wall table td{
	width: 33.33%;
	float: none !important;
}

.list2 .photo-wall table img{
	display: inline-block;
	vertical-align: top;
	width: 7.7rem;
	height: 5.1rem;
	border-radius: 0.3rem;
}

.list2 .photo-wall .left{
	text-align: left;
}

.list2 .photo-wall .middle{
	text-align: center;
}

.list2 .photo-wall .right{
	text-align: right;
}

.list2 .tag{
	position: absolute;
	right: 0.3rem;
	bottom: 0.3rem;
	color: #fff;
	background-color:rgba(0,0,0,0.6);
	border-radius: 0.3rem;
	background-image: url(/statics/images/hb/num2.png);
	background-repeat: no-repeat;
	background-size: 0.9rem 0.9rem;
	background-position: 0.5rem center;
	padding: 0px 0.5rem 0px 1.6rem;
	line-height: 1.4rem;
}

.list2 .tag i{
	font-style: normal;
	font-size: 0.8rem;
}

.list2 h3{
	font-size: 1.125rem;
    height: 5.2rem;
    line-height: 1.8rem;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    word-break: break-all;
    text-align: justify;
}

.list2 p{
	/*font-size: 0.77rem;*/
    height: 1rem;
    line-height: 1rem;
    /*margin-top: 0.8rem;*/
    color: #999ca1;
        font-size: .75rem;
    margin-top: .5rem;
}

.list2 p span{
	display: block;
	height: 1rem;
	float: left;
	margin-right: 1rem;
}

.list2 p .num{
	background: url(/statics/images/hb/num.png) no-repeat left;
	background-size: 0.8rem 0.8rem;
	background-position: 0% 25%;
	padding-left: 1rem;
}

.list2 p .close{
	float: right;
	width: 0.8rem;
	height: 0.8rem;
	background: url(/statics/images/hb/close.png);
	background-size: 100% 100%;
	margin-top: 0.2rem;
}

.bottom-blank{
	height: 1rem;
}
.yanshen{
	margin: 1.5em 3% 0px 3%;
	padding: 1em 0.8em;
	background: #f5f5f5;
}

.yanshen .title{
	font-size: 1.1em;
	height: 1.5em;
	line-height: 1.5em;
	position: relative;
	padding-left: 1em;
	font-weight: bold;
}

.yanshen .title i{
	position: absolute;
	left: 0.2em;
	top: 50%;
	margin-top: -0.6em;
	width: 0.2em;
	height: 1.2em;
	background: #186dd3;
}

.list3{
	overflow: hidden;
}

.list3 ul{
	margin-top: -1px;
}

.list3 li{
	position: relative;
	font-size: 1.1em;
	line-height: 1.3em;
	margin-left: 1em;
	padding-top: 0.8em;
	padding-bottom: 0.8em;
	border-top: 1px solid #e0dfdf;
	overflow: visible;
}

.list3 li b{
	position: absolute;
	left: -1em;
	top: 1.15em;
	width: 0.6em;
	height: 0.6em;
	background: url(/statics/images/hb/list3.png);
	background-size: 100% 100%;
}

.list3 li a{
	color: #186dd3;
}
.video_infos{
	font-size:1rem;
}
.video_infos .h3{
	font-size: 1.1rem;
	line-height:1.6rem;
}
.video_infos .p{
	margin-top:0.2rem;
	line-height:1.5rem;
	font-size:0.8rem;
}
.video_infos .p1{ color:#999ca1;}
.video_infos .line{
	width:100%; height:0.8em;
}
.video_infos .line1{
	width:100%; height:0.4em;
}
/* 声音播放区域Start */
.music-box{
	background: #fff;
	margin: 0.5em 3.6% 0px 3.6%;
	box-shadow: 0px 0px 30px #e1e2e2;
	padding: 1em 1.5em 1em 1.5em;
	height: 2em;
	line-height: 2em;
	border-radius: 0.4em;
}

.music-box .btn{
	float: left;
	width: 2em;
	height: 2em;
	background-size: 100% 100%;
	cursor: pointer;
}

.music-box .style1{
	background-image: url("/statics/images/hb/music-play1.png");
}

.music-box .style2{
	background-image: url("/statics/images/hb/music-play2.png");
}

.music-box .time{
	float: right;
	font-size: 0.9em;
	text-align: right;
	width: 3em;
}

.music-box .bar{
	float: left;
	height: 0.2em;
	width: calc(100% - 5.9em);
	background: #cbd0d5;
	border-radius: 0.1em;
	margin: 0.9em 0px 0px 0.9em;
	position: relative;
}

.music-box .bar span{
	position: absolute;
	width: 1em;
	height: 1em;
	background: url("/statics/images/hb/music-point.png");
	background-size: 100% 100%;
	top: 50%;
	margin-top: -0.5em;
	cursor: pointer;
	z-index: 9;
}
/* 声音播放区域End */