@charset "utf-8";

body{
	background: #FFFFFF;
}

.infor{
	padding: 0.3rem 0.3rem 0;
}

.infor label{
	padding: 0.11rem 0;
	display: block;
	width: 1.6rem;
	font-size: 0.24rem;
	color: #FFFFFF;
	text-align: center;
	line-height: 100%;
	background: #00CCC1;
	border-radius: 0.25rem;
}

.infor .name{
	padding-top: 0.05rem;
	font-size: 0.35rem;
	color: #000000;
	line-height: 0.74rem;
}

.infor .eng-name{
	font-size: 0.39rem;
	color: #999999;
	line-height: 100%;
	font-family: "times new roman";
}

.infor .from{
	margin-bottom: 0.46rem;
	font-size: 0.18rem;
	color: #999999;
	line-height: 0.78rem;
}

.infor .from span{
	font-size: 0.18rem;
	color: #333333;
}

.cont{
	padding-bottom: 1.4rem;
	overflow: hidden;
}

.cont p{
	margin-bottom: 0.24rem;
	padding: 0 0.3rem;
	font-size: 0.22rem;
	color: #000000;
	line-height: 0.46rem;
}

.cont img{
	margin-bottom: 0.24rem;
	display: block;
	width: 100%;
}

.operation{
	padding: 0 0.3rem;
	overflow: hidden;
}

.operation .pag{
	margin-bottom: 0.28rem;
	overflow: hidden;
}

.operation .pag .prev,.operation .pag .next{
	font-size: 0.28rem;
	color: #00CCC1;
	line-height: 0.64rem;
}

.operation .praise{
	margin: 0 auto;
	width: 1.15rem;
	height: 1.15rem;
	border-radius: 50%;
	background-color: #00CCC1;
	background-image: url(../images/praise.png);
	background-position: center 0.34rem;
	background-size: auto 0.43rem;
	background-repeat: no-repeat;
}

.operation .like{
	margin-bottom: 0.5rem;
	font-size: 0.28rem;
	color: #333333;
	text-align: center;
	line-height: 0.82rem;
}

.main-title{
	padding: 0 0.3rem;
	font-size: 0.33rem;
	color: #00ccc1;
	line-height: 0.93rem;
	background: #FFFFFF;
	border: none;
	outline: none;
}

.main-title span{
	margin-left: 0.1rem;
	font-size: 0.33rem;
	color: #999999;
	font-family: "times new roman";
}

.headline{
	padding: 0 0.3rem;
}

.headline a{
	position: relative;
	padding: 0.3rem;
	display: block;
	height: 4.2rem;
	background: #42d9d0;
	box-sizing: border-box;
}

.headline a .date{
	position: relative;
	height: 1.65rem;
	font-size: 1.53rem;
	color: #07b9ae;
	line-height: 100%;
}

.headline a .date .month{
	position: absolute;
	width: 0.58rem;
	height: 0.58rem;
	background: #07b9ae;
	border-radius: 50%;
	font-size: 0.33rem;
	color: #00ccc1;
	text-align: center;
	line-height: 0.58rem;
	left: 1.95rem;
	top: 0;
}

.headline a .year{
	position: absolute;
	width: 0.4rem;
	height: 1.65rem;
	font-size: 0.39rem;
	color: #07b9ae;
	line-height: 0.41rem;
	word-wrap: break-word;
	right: 0.3rem;
	top: 0.3rem;
}

.headline a .text{
	padding: 0 0.2rem;
	height: 1.95rem;
	background: #FFFFFF;
	overflow: hidden;
}

.headline a .text h5{
	font-size: 0.28rem;
	color: #00ccc1;
	line-height: 0.8rem;
}

.headline a .text h3{
	font-size: 0.33rem;
	color: #000000;
	line-height: 0.4rem;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.headline a .text h4{
	font-size: 0.28rem;
	color: #888888;
	line-height: 0.6rem;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.news{
	margin-bottom: 0.1rem;
	padding: 0 0.3rem;
}

.news li{
	border-bottom: 1px solid #00ccc1;
}

.news li a{
	padding: 0 0.05rem;
	display: block;
	height: 2.25rem;
	overflow: hidden;
}

.news li a div{
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.news li a .date{
	padding-top: 0.05rem;
	font-size: 0.22rem;
	color: #00CCC1;
	line-height: 0.8rem;
}

.news li a .name{
	font-size: 0.33rem;
	color: #000000;
	line-height: 0.35rem;
}

.news li a .text{
	font-size: 0.28rem;
	color: #888888;
	line-height: 0.7rem;
}

.case{
	padding: 0 0.25rem 0.4rem;
	background: #FFFFFF;
	overflow: hidden;
}

.case li{
	margin-bottom: 0.3rem;
}

.case li a{
	display: block;
}

.case li a .image{
	height: 4.8rem;
}

.case li a .infor{
	padding: 0 0.45rem;
	border: 1px solid #f3f3f3;
	border-top: none;
	overflow: hidden;
}

.case li a .infor h2{
	padding-top: 0.18rem;
	font-size: 0.31rem;
	color: #000000;
	line-height: 0.65rem;
}

.case li a .infor h3{
	padding-bottom: 0.17rem;
	font-size: 0.33rem;
	color: #999999;
	line-height: 0.65rem;
	font-family: "times new roman";
	border-bottom: 1px solid #ebebeb;
}

.case li a .infor h4{
	margin-bottom: 0.17rem;
	font-size: 0.22rem;
	color: #333333;
	line-height: 0.62rem;
	background-image: url(../images/case_arrow.png);
	background-position: right;
	background-size: auto 0.15rem;
	background-repeat: no-repeat;
}