@charset "utf-8";

.tit {
	border-left:#01a195 6px solid;
	border-bottom:#dedede 1px solid;
	height:30px;
	line-height:30px;
	padding-left:20px;
	font-size:16px;
	margin-bottom:5px;
}
.tit span {
	font-size:14px;
	float:right;
}
.tit span a {
	color:#666666;
}
.sub {
	margin:0 auto;
	width:1200px;
	overflow:hidden;
}
.sub_pics {
	float:left;
	width:384px;
	margin-right:16px;
}
.sub_pics .swiper-pagination-bullet {
	width: 10px!important;
	height: 10px!important;
}
.sub_pics .swiper-pagination-bullet.swiper-pagination-bullet-active {
	background-color: #01a195;
}
.sub_arcs {
	float:left;
	width:400px;
}
.sub_arcs li {
	line-height:30px;
	font-size:14px;
}
.sub_arcs li .fl {
	float:left;
	width:330px;
	height:30px;
	overflow:hidden;
}
.sub_arcs li .fr {
	float:right;
	color:#999999;
	font-size:13px;
}
.sub_tags {
	float:left;
	width:384px;
	margin-left:16px;
	max-height:260px;
	overflow:hidden;
}
.sub_tags a {
    magin-right:6px;
}

.sub_tags .color1{font-size:8pt;color:#ca98d3;}
.sub_tags .color2{font-size:11pt;color:#33aa46;}
.sub_tags .color3{font-size:12pt;color:#f7b28f;}
.sub_tags .color4{font-size:11pt;color:#65bbf;}
.sub_tags .color5{font-size:12pt;color:#79ee8;}
.sub_tags .color6{font-size:9pt;color:#118363;}
.sub_tags .color7{font-size:9pt;color:#c5333;}
.sub_tags .color8{font-size:pt;color:#fa93f6;}
.sub_tags .color9{font-size:20pt;color:#859a50;}
.sub_tags .color10{font-size:20pt;color:#a77370;}
.sub_tags .color11{font-size:12pt;color:#7ec410;}
.sub_tags .color12{font-size:11pt;color:#77a01b;}
.sub_tags .color13{font-size:11pt;color:#9e3a5;}
.sub_tags .color14{font-size:12pt;color:#af6f8;}
.sub_tags .color15{font-size:20pt;color:#7522ab;}
.sub_tags .color16{font-size:11pt;color:#ec7c35;}
.sub_tags .color17{font-size:8pt;color:#1c77b0;}
.sub_tags .color18{font-size:8pt;color:#ca98d3;}
.sub_tags .color19{font-size:12pt;color:#9a9521;}
.sub_tags .color20{font-size:8pt;color:#922e90;}
.sub_tags .color21{font-size:9pt;color:#4029df;}
.sub_tags .color22{font-size:pt;color:#3ea6ab;}
.sub_tags .color23{font-size:12pt;color:#44325;}
.sub_tags .color24{font-size:pt;color:#f94662;}
.sub_tags .color25{font-size:10pt;color:#e16c77;}
.sub_tags .color26{font-size:pt;color:#281f99;}
.sub_tags .color27{font-size:20pt;color:#ea8fd4;}
.sub_tags .color28{font-size:11pt;color:#f64eac;}
.sub_tags .color29{font-size:9pt;color:#9b6c26;}
.sub_tags .color30{font-size:20pt;color:#64a18e;}

.recommend {
	margin: 10px auto 5px;
	width:1200px;
}
.recommend .swiper-slide{
	width:390px;
	display:inline-block;
	vertical-align:top
}
.recommend .pic {
	width:97%;
	height:230px;
	background-size:contain;
	background-repeat:no-repeat;
	background-position:50%;
	transition:all .2s
}
.recommend .title {
	text-align:center;
}
.pics-button-prev {
	color: #01a195 !important;
	background: none!important;
}
.pics-button-prev::before {
	font-family: 宋体;
	position: absolute;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 42px;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
.pics-button-next {
	color: #01a195 !important;
	background: none!important;
}
.pics-button-next::before {
	font-family: 宋体;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 42px;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

.row_three {
	width: 1200px;
	display: flex;
	justify-content: space-between;
	margin: 30px auto 0px;
}
.row_three_box {
	width:390px;
}
.row_three_box li {
	line-height:30px;
	font-size:14px;
}
.row_three_box li .fl {
	float:left;
	width:240px;
	height:30px;
	overflow:hidden;
}
.row_three_box li .fr {
	float:right;
	color:#999999;
	font-size:13px;
}

.index_a {
	margin: 16px auto 5px;
	width:1200px;
	overflow:hidden;
}
.index_a_l {
	float:left;
	width:300px;
}
.index_a_l li {
	line-height:30px;
	font-size:14px;
}
.index_a_l li .fl {
	float:left;
	width:220px;
	height:30px;
	overflow:hidden;
}
.index_a_l li .fr {
	float:right;
	color:#999999;
	font-size:13px;
}
.index_a_m {
	float:left;
	width:584px;
	margin-left:16px;
}
.pic_txt_box {
	float:left;
	width:100%;
	border-bottom:#dedede 1px dotted;
	padding-bottom:8px;
	padding-top:8px;
}
.pic_txt_box img {
	width:80px;
	height:80px;
	float:left;
	margin-right:10px;
}
.pic_txt_box h3 {
	font-size:16px;
}
.pic_txt_box p {
	font-size:13px;
	line-height:1.6;
	max-height:44px;
	color:#666666;
	overflow:hidden;
}
.pic_txt_box p.other {
	text-align:right;
}
.pic_txt_box p span {
	font-size:13px;
	margin-left:15px;
}
.txt_box li {
	line-height:30px;
	font-size:14px;
}
.txt_box li .fl {
	height:30px;
	overflow:hidden;
}
.txt_box li .fr {
	float:right;
	color:#999999;
	font-size:13px;
}
.index_a_r {
	float:left;
	width:284px;
	margin-left:16px;
}
.index_a_r li {
	line-height:30px;
	font-size:14px;
}
.index_a_r li .fl {
	float:left;
	width:214px;
	height:30px;
	overflow:hidden;
}
.index_a_r li .fr {
	float:right;
	color:#999999;
	font-size:13px;
}
.index_wrap {
	margin: 10px auto 5px;
	width:1200px;
	overflow:hidden;
}
.index_wrap_l {
	float:left;
	width:218px;
	padding:10px;
	background:#f5f5f5;
	border:#f5f5f5 1px solid;
}
.wrap_cate {
	float:left;
	width:100%;
}
.wrap_cate li{
	float:left;
	width:100%;
	margin-top:10px;
	text-align:center;
}
.wrap_cate li a {
	width:100%;
	padding-top:3px;
	padding-bottom:3px;
	display:inline-block;
	background:#01a195;
	color:#ffffff;
}
.wrap_cate li a:hover {
	background:#ff7300;
}
.wrap_area {
	float:left;
	width:100%;
	padding-top:20px;
}
.wrap_area li {
	float:left;
	line-height:30px;
	margin-right:10px;
}
.index_wrap_m {
	float:left;
	width:620px;
	padding-left:20px;
}
.wrap_txt {
	float:left;
	width:100%;
}
.wrap_txt li {
	line-height:30px;
	font-size:14px;
}
.wrap_txt li .fl {
	/*float:left;*/
	height:30px;
	overflow:hidden;
}
.wrap_txt li .fr {
	float:right;
	color:#999999;
	font-size:13px;
}
.wrap_pic {
	float:left;
	width:100%;
}
.wrap_pic .title {
	width:100%;
	height:30px;
	line-height:30px;
	background:#f5f5f5;
	margin-top:10px;
	margin-bottom:10px;
}
.wrap_pic .title span {
	display:inline-block;
}
.wrap_pic .title-en {
	height:30px;
	padding-left:20px;
	padding-right:20px;
	background:#01a195;
	color:#ffffff;
	font-size:15px;
}
.wrap_pic .title-chs {
	padding-left:20px;
	font-size:15px;
}
.wrap_pic .title-more {
	float:right;
	padding-right:20px;
}
.wrap_pic li {
	float:left;
	width:145px;
	padding-right:10px;
}
.wrap_pic li img {
	width:145px;
	height:145px;
}
.wrap_pic li p {
	text-align:center;
}
.index_wrap_r {
	float:left;
	width:300px;
	padding-left:20px;
}
.index_wrap_r .title {
	width:100%;
	height:30px;
	line-height:30px;
	background:#f5f5f5;
	margin-top:10px;
	margin-bottom:10px;
}
.index_wrap_r .title span {
	display:inline-block;
}
.index_wrap_r .title-en {
	height:30px;
	padding-left:20px;
	padding-right:20px;
	background:#01a195;
	color:#ffffff;
	font-size:15px;
}
.index_wrap_r .title-chs {
	padding-left:20px;
	font-size:15px;
}
.index_wrap_r .title-more {
	float:right;
	padding-right:20px;
}
.index_wrap_r li {
	line-height:30px;
	font-size:14px;
}
.index_wrap_r li .fl {
	float:left;
	width:220px;
	height:30px;
	overflow:hidden;
}
.index_wrap_r li .fr {
	float:right;
	color:#999999;
	font-size:13px;
}

.news {
	margin: 10px auto 5px;
	width:1200px;
	overflow:hidden;
}
.news_box {
	float:left;
	width:1200px;
	border-bottom:#dedede 1px dotted;
	padding-bottom:8px;
	padding-top:8px;
}
.news_box img {
	width:120px;
	height:120px;
	float:left;
	margin-right:20px;
}
.news_box h3 {
	font-size:16px;
}
.news_box p {
	margin-top:10px;
	line-height:1.8;
	color:#666666;
}
.news_box p.other {
	text-align:right;
}
.news_box p span {
	font-size:14px;
	margin-left:15px;
}