@charset "utf-8";
	/* CSS Document */

* {
	margin:0;
}
a {
	color:inherit;
	text-decoration:none;
}
html {
	background:#f5f7fa;
}
body {
	position:relative;
	margin:0 auto;
	height:100%;
	max-width:480px;
	background:#eaf8f7;
	width:100%;
}
.topsou {
	padding:10px 10px 0;
}
.topsou form input {
	width:100%;
	border-radius:18px;
	height:36px;
	text-align:center;
	border:none;
	background:#f5f5f5;
	font-size:16px;
}
.banner {
	width:calc(100% - 20px);
	padding:10px 10px 0;
}
.banner video {
	width:100%;
}
.tongw {
	padding:10px 10px 0;
}
.tongzhi {
	background:rgb(246,224,183);
	border-radius:5px;
	height:30px;
	display:flex;
	flex-direction:row;
	justify-content:space-between;
	align-content:center;
	flex-wrap:wrap;
	width:100%;
}
.tzuo {
	padding-left:10px;
	display:flex;
	align-content:center;
	flex-direction:row;
}
.tzuo span {
	font-size:14px;
	padding-left:5px;
}
.tyou {
	padding-right:10px;
}
.menu {
	padding:10px 0;
	display:flex;
}
.menu a {
	text-align:center;
}
.menu a img {
	width:55%;
}
.menu a p {
	font-size:1.04rem;
	font-weight:bold;
	color:#017e80;
	padding-top:5px;
}
.wszc {
	padding:10px 10px;
}
.wszcp {
	font-size:18px;
	line-height:3;
}
.wszcxm {
	background:#fff;
	width:100%;
	border-radius:10px;
}
.wszcxm img {
	width:100%;
	border-top-left-radius:10px;
	border-top-right-radius:10px;
}
.wszcxm p {
	line-height:3;
	font-size:18px;
	margin-left:10px;
}
.rdkc {
	padding:10px 10px;
}
.rdkcp {
	display:flex;
	flex-direction:row;
	align-items:center;
	justify-content:space-between;
}
.rdkcp p {
	font-size:18px;
	font-weight:bold;
	line-height:3;
}
.rdkcp a {
	font-size:14px;
	color:#999;
}
.rdkcpxm {
	display:flex;
	background:#fff;
	border-radius:10px;
	margin-bottom:10px;
}
.rdkcpxm img {
	width:40%;
	border-top-left-radius:10px;
	border-bottom-left-radius:10px;
}
.rdkcpxm .rdkcpw {
	width:60%;
	padding:10px;
}
.rdkcpxm .rdkcpw h2 {
	font-size:17px;
	color:#333;
	line-height:1.6;
}
.rdkcpxm .rdkcpw p {
	font-size:13px;
	color:#999;
}
.tsdxm {
	background:#fff;
	border-radius:10px;
	margin-bottom:10px;
	width:100%;
}
.tsdxm img {
	width:100%;
	border-top-left-radius:10px;
	border-top-right-radius:10px;
}
.tsdxm .rdkcpw {
	width:100%;
	padding:10px;
}
.tsdxm h2 {
	font-size:17px;
	color:#333;
	line-height:1.6;
}
.tsdxm p {
	font-size:15px;
	color:#999;
}
.zyll {
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	flex-direction:row;
}
.zyll a {
	width:48%;
	margin-bottom:4%;
}
.zylzz {
	width:100%;
	border-radius:10px;
	background:#fff;
}
.zylzz img {
	width:100%;
	border-top-left-radius:10px;
	border-top-right-radius:10px;
}
.zylzw {
	padding:10px;
}
.zylzw h2 {
	font-size:17px;
	color:#333;
	line-height:1.6;
}
.zylzw p {
	font-size:15px;
	color:#999;
}
.xinxi {
	padding:10px;
}
.xinxi img{max-width:100%; height:auto !important;}
.dixinxi {
	padding:10px;
	font-size:12px;
	color:#999999;
	text-align:center;
	margin-bottom:60px;
}
.dixuan {
	padding:5px 0px;
	display:flex;
	flex-direction:row;
	flex-wrap:nowrap;
	justify-content:space-around;
	position:fixed;
	bottom:0;
	width:100%;
	max-width:480px;
	background:#fff;
}
.dixuan a {
	text-align:center;
}
.dixuan a img {
	width:26px;
	height:26px;
}
.dixuan a p {
	font-size:14px;
	color:#999999;
	padding-top:5px;
}
.dixuan a:hover p {
	color:#017e80 !important;
}
.jczs {
	display:flex;
	flex-wrap:wrap;
	justify-content:flex-start;
}
.jczs a {
	width:32%;
	margin-right:2%;
}
.jczsxm {
	width:100%;
	border-radius:10px;
	background:#fff;
	margin-bottom:10px;
}
.jczs a:nth-child(3n) {
	margin-right:0%;
}
.jczsxm img {
	width:100%;
	border-top-left-radius:10px;
	border-top-right-radius:10px;
}
.jczsxm p {
	line-height:1.5;
	font-size:16px;
	padding:10px;
	height:48px;
}

.rdkcpw p
{
	/* 1.溢出隐藏 */
       overflow: hidden;
       /* 2.用省略号来代替超出文本 */
       text-overflow: ellipsis;
       /* 3.设置盒子属性为-webkit-box  必须的 */
       display: -webkit-box;
       /* 4.-webkit-line-clamp 设置为2，表示超出2行的部分显示省略号，如果设置为3，那么就是超出3行部分显示省略号 */
       -webkit-line-clamp: 2;
       /* 5.字面意思：单词破坏：破坏英文单词的整体性，在英文单词还没有在一行完全展示时就换行  即一个单词可能会被分成两行展示 */
       word-break: break-all;
       /* 6.盒子实现多行显示的必要条件，文字是垂直展示，即文字是多行展示的情况下使用 */
       -webkit-box-orient: vertical;
	   
}