a {
	color: #333;
	text-decoration: none;
}
ul, ol {
	list-style: none;
}
* {
	box-sizing: border-box;
	margin: 0;
	padding: 0;
}
body {
	font: 12px/1.5 Arial, "microsoft yahei", Helvetica, sans-serif;
}
.ellipsis2 {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
.ellipsis1 {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}
.service-list-item {
	width: 270px;
	height: 272px;
	margin: 0 24px 24px 0;
	background: #fff;
	box-shadow: 0 6px 10px 0 rgba(95, 101, 105, 0.15);
	border-radius: 8px;
	float: left;
	transition: all 0.2s;
}
.service-list-item:nth-child(4n) {
	margin-right: 0;
}
.service-list-item.small {
	width: 240px;
	height: 242px;
}
.service-list-item.small:nth-child(3n) {
	margin-right: 0;
}
.service-list-item.small .img {
	height: 122px;
}
.service-list-item.small .title {
	margin-bottom: 0px;
}
.service-list-item:hover {
	transform: translateY(-2px);
	box-shadow: 0 12px 20px 0 rgba(95, 101, 105, 0.15);
}
.service-list-item .img {
	height: 152px;
	margin-bottom: 8px;
	border-radius: 8px 8px 0 0;
	background-size: cover;
}
.service-list-item .title {
	color: #090a0a;
	font-size: 16px;
	line-height: 16px;
	height: 32px;
	margin-bottom: 8px;
	padding: 0 8px;
}
.service-list-item .desc {
	color: #9199a1;
	font-size: 12px;
	line-height: 12px;
	height: 12px;
	margin-bottom: 18px;
	padding: 0 8px;
}
.service-list-item .bottom {
	display: flex;
	justify-content: center;
}
.service-list-item .bottom .btn-detail {
	border: 1px solid rgba(242, 13, 13, 0.2);
	border-radius: 2px;
	font-size: 12px;
	overflow: hidden;
	color: #fff;
	background-color: rgba(242, 13, 13, 0.6);
	padding: 3px 4px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.right-consult-service {
	width: 289px;
	height: 327px;
	border-radius: 11px;
	background: #fff;
	box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.3);
	padding-top: 16px;
	padding-bottom: 16px;
	display: flex;
	flex-direction: column;
	align-items: center;
}
.right-consult-service .title {
	font-size: 18px;
	font-weight: 700;
	margin-bottom: 16px;
}
.right-consult-service .form {
	display: flex;
	flex-direction: column;
	margin-bottom: 9px;
}
.right-consult-service .form > div {
	margin-bottom: 11px;
}
.right-consult-service .form .select-service-item .service-picker-span {
	display: flex;
	justify-content: center;
}
.right-consult-service .form .select-service-item .service-picker-span .title {
	height: 100%;
}
.right-consult-service .form .select-area .city-picker-span {
	display: flex;
	justify-content: center;
}
.right-consult-service .form .select-area .city-picker-span .title {
	height: 100%;
}
.right-consult-service .form .myform-input {
	width: 185px;
	padding-left: 8px;
	height: 40px;
	outline: 0;
	border: 1px solid black;
	border-radius: 8px;
}
.right-consult-service .form .myform-input::-ms-input-placeholder {
 text-align: center;
}
.right-consult-service .form .myform-input::-webkit-input-placeholder {
 text-align: center;
}
.right-consult-service .btn-yuyue {
	width: 185px;
	height: 40px;
	font-size: 13px;
	background-color: #ff7e3c;
	border-radius: 5px;
	color: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
	border:0;
}
.nearst-hot-box {
	display: flex;
	flex-direction: column;
	width: 289px;
	min-height: 518px;
	border-radius: 7px;
	background-color: #fff;
	box-shadow: 0 2px 8px 0 rgba(7, 17, 27, 0.06);
	padding: 29px 20px 29px 20px;
}
.nearst-hot-box .top {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 31px;
}
.nearst-hot-box .top .title {
	font-size: 18px;
	font-weight: 700;
}
.nearst-hot-box .list .item {
	display: flex;
	font-size: 13px;
	line-height: 13px;
	margin-bottom: 38px;
	position: relative;
}
.nearst-hot-box .list .item::after {
	content: "";
	position: absolute;
	bottom: -17px;
	width: 100%;
	height: 1px;
	background-color: #d8d5d5;
}
.nearst-hot-box .list .item .num {
	font-weight: 700;
	margin-right: 6px;
}
.pagenation {
	width: 100%;
	display: flex;
	justify-content: center;
}
.pagenation > .pages {
	display: flex;
}
.pagenation > .pages .prev::after {
	content: "";
	width: 25px;
	height: 25px;
	background: url(../images/arrow-right.png) no-repeat;
	background-size: cover;
	transform: rotate(180deg);
}
.pagenation > .pages .next::after {
	content: "";
	width: 25px;
	height: 25px;
	background: url(../images/arrow-right.png) no-repeat;
	background-size: cover;
}
.pagenation > .pages a {
	width: 60px;
	height: 40px;
	border-radius: 6px;
	border: 1px solid #d4d2d2;
	font-size: 13px;
	margin-right: 10px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.pagenation > .pages a:hover {
	background-color: #f3f1f1;
}
.pagenation > .pages a.active {
	background-color: #007aff;
	border: 1px solid #007aff;
	color: #fff;
}
.pagenation > .tools {
	display: flex;
	align-items: center;
	font-size: 13px;
}
.pagenation > .tools .jump-box {
	display: flex;
	align-items: center;
	margin-right: 11px;
}
.pagenation > .tools .jump-box .num-input {
	text-align: center;
	width: 60px;
	height: 40px;
	border: 1px solid #d4d2d2;
	outline: 0;
	margin-left: 11px;
	margin-right: 11px;
}
.pagenation > .tools .btn-sure {
	width: 60px;
	height: 40px;
	background-color: #007aff;
	color: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 6px;
	cursor: pointer;
}
.hot-service-box {
	width: 812px;
	min-height: 342px;
	background: #fff;
	box-shadow: 0 2px 8px 0 rgba(7, 17, 27, 0.06);
	border-radius: 8px;
	padding: 28px 17px;
}
.hot-service-box .top {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 31px;
}
.hot-service-box .top .title {
	font-size: 18px;
	font-weight: 700;
}
.about-article-box {
	margin-top: 29px;
	width: 812px;
	min-height: 342px;
	background: #fff;
	box-shadow: 0 2px 8px 0 rgba(7, 17, 27, 0.06);
	border-radius: 8px;
	padding: 28px 17px;
}
.about-article-box .top {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 31px;
}
.about-article-box .top .title {
	font-size: 18px;
	font-weight: 700;
}
.about-article-box .list {
	overflow: hidden;
}
.about-article-box .list .item {
	display: flex;
	width: 360px;
	height: 102px;
	float: left;
	margin-right: 28px;
	margin-bottom: 22px;
}
.about-article-box .list .item .left-img {
	width: 170px;
	height: 97px;
	margin-right: 14px;
}
.about-article-box .list .item .right {
	display: flex;
	flex-direction: column;
}
.about-article-box .list .item .right .title {
	font-size: 14px;
	line-height: 16px;
	font-weight: 600;
	margin-bottom: 10px;
}
.about-article-box .list .item .right .desc {
	font-size: 13px;
	color: #93999f;
	margin-bottom: 10px;
}
.about-article-box .list .item .right .btn-readmore {
	display: flex;
	justify-content: flex-end;
	color: #2d8cf0;
}
.nav-link-box {
	width: 100%;
	height: 67px;
	background-color: #ffffff;
}
.nav-link-box .nav-link {
	margin: 0 auto;
	width: 1136px;
	height: 67px;
	display: flex;
	align-items: center;
	font-size: 14px;
}
.myversion {
 --version: "1.0.0";
}
.common-nav {
	width: 100%;
	position: fixed;
	z-index: 1000;
	background-color: white;
	box-shadow: 0 2px 8px 0 rgba(7, 17, 27, 0.06);
}
.common-nav .wrap {
	margin: 0 auto;
	width: 1152px;
	min-width: 1152px;
	display: flex;
	align-items: center;
	height: 73px;
}
.common-nav .wrap .logo {
	flex-shrink: 0;
	margin-right: 46px;
}
.common-nav .wrap .logo img {
	height: 55px;
}
.common-nav .wrap > .nav-list {
	display: flex;
	line-height: 73px;
	margin-right: 60px;
	flex-grow: 1;
}
.common-nav .wrap > .nav-list > .item {
	margin-right: 29px;
	cursor: pointer;
	position: relative;
}
.common-nav .wrap > .nav-list > .item.active {
	color: #ba2424;
}
.common-nav .wrap > .nav-list > .item.active > a {
	color: #ba2424;
}
.common-nav .wrap > .nav-list > .item > a {
	font-size: 17px;
	white-space: nowrap;
}
.common-nav .wrap > .nav-list > .item > a > .icon_arrow {
	position: relative;
	display: inline-block;
	width: 6px;
	height: 6px;
	margin: 0 7px;
	border-left: 1px solid #333;
	border-top: 1px solid #333;
	transform: rotate(225deg);
	top: -4px;
	left: 2px;
}
.common-nav .wrap > .nav-list > .item > .dropMenu {
	max-height: 0;
	position: absolute;
	background: #fff;
	overflow: hidden;
	transition: all 0.2s;
	box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.1);
	border-radius: 12px;
	margin-left: -50px;
}
.common-nav .wrap > .nav-list > .item > .dropMenu dl {
	padding: 25px 30px;
	width: 182px;
}
.common-nav .wrap > .nav-list > .item > .dropMenu dl dd {
	line-height: 40px;
	border-top: 1px solid #ebeef5;
	font-size: 14px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.common-nav .wrap > .nav-list > .item > .dropMenu dl dd a:hover {
	color: #ba2424;
}
.common-nav .wrap > .nav-list > .item > .dropMenu dl dd .arrow-right {
	width: 15px;
	height: 15px;
	background: url(../images/arrow-right.png) no-repeat;
	background-size: 15px auto;
}
.common-nav .wrap > .nav-list > .item:hover .icon_arrow {
	transform: rotate(45deg);
	top: 0;
	left: 2px;
}
.common-nav .wrap > .nav-list > .item:hover .dropMenu {
	max-height: 200px;
}
.common-nav .wrap > .search-box {
	flex-shrink: 0;
	background: #f5f7fa;
	border-radius: 20px;
	height: 35px;
	margin: 17px 0;
	width: 250px;
	padding: 0 15px;
	display: flex;
	align-items: center;
}
.common-nav .wrap > .search-box .text {
	width: 215px;
	height: 35px;
	line-height: 35px;
	font-size: 15px;
	border: none;
	outline: none;
	background-color: transparent;
}
.common-nav .wrap > .search-box .search-btn {
	width: 22px;
	height: 22px;
	cursor: pointer;
	background: url(../images/search-btn.png) no-repeat;
	text-indent: -9999em;
	border: none;
	outline: none;
}
.common-nav-margin {
	height: 73px;
}
.index-main {
	min-height: 100vh;
	position: relative;
}
.index-main > .bk {
	position: absolute;
	top: 0;
	width: 100%;
	height: 394px;
	background: linear-gradient(180deg, #e1f2f2 0%, #ffffff 100%);
}
.index-main .banner-box {
	padding: 32px 0;
	background: #fff;
	box-shadow: 0 2px 8px 0 rgba(7, 17, 27, 0.06);
}
.index-main .banner-box .top-banner {
	height: 382px;
	background-color: #93999f;
	position: relative;
	overflow: hidden;
	width: 1152px;
	margin: auto;
	border-radius: 8px 8px 0 0;
}
.index-main .banner-box .top-banner > .menu-content {
	position: relative;
	float: left;
	width: 256px;
	height: 100%;
	z-index: 2;
	padding-top: 17px;
	box-sizing: border-box;
	background: #39364d;
	border-bottom-left-radius: 4px;
	font-weight: 400;
	display: flex;
	flex-direction: column;
	overflow-y: auto;
}
.index-main .banner-box .top-banner > .menu-content::-webkit-scrollbar {
 display: none;
}
.index-main .banner-box .top-banner > .menu-content > .item {
	cursor: pointer;
	position: relative;
	color: #fff;
	padding: 0 14px;
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
	transition: all 0.1s;
	font-size: 14px;
	margin-bottom: 25px;
}
.index-main .banner-box .top-banner > .menu-content > .item .top {
	display: flex;
	align-items: center;
	margin-bottom: 23px;
	color: #fff;
}
.index-main .banner-box .top-banner > .menu-content > .item .top .icon {
	width: 26px;
	height: 26px;
	border-radius: 50%;
}
.index-main .banner-box .top-banner > .menu-content > .item .top .title {
	margin-left: 7px;
	font-size: 17px;
}
.index-main .banner-box .top-banner > .menu-content > .item .bottom-desc {
	display: flex;
	flex-wrap: wrap;
	font-size: 14px;
	line-height: 18px;
	height: 36px;
	overflow: hidden;
}
.index-main .banner-box .top-banner > .menu-content > .item .bottom-desc > .item {
	color: #fff;
	white-space: nowrap;
}
.index-main .banner-box .top-banner > .menu-content > .item .bottom-desc > .item:first-child::before {
	content: "";
}
.index-main .banner-box .top-banner > .menu-content > .item .bottom-desc > .item::before {
	content: "、";
}
.index-main .banner-box .top-banner .banner-content {
	position: relative;
	float: left;
	width: 896px;
	height: 100%;
}
.index-main .banner-box .top-banner .banner-content .swiper-container {
	width: 896px;
	height: 100%;
}
.index-main .banner-box .top-banner .banner-content .swiper-container .banner_img {
	width: 100%;
	height: 100%;
}
.index-main .banner-box .top-banner .banner-content .swiper-container .swiper-button-prev, .index-main .banner-box .top-banner .banner-content .swiper-container .swiper-button-next {
	/*先去掉默认样式*/
	position: absolute;
	top: 50%;
	margin-top: -24px;
	width: 48px;
	height: 48px;
	background: rgba(28, 31, 33, 0.1) url(../images/banner-prev.png) no-repeat center / 16px auto;
	border-radius: 50%;
	color: #fff;
	transition: all 0.2s;
}
.index-main .banner-box .top-banner .banner-content .swiper-container .swiper-button-prev:after, .index-main .banner-box .top-banner .banner-content .swiper-container .swiper-button-next:after {
	display: none;
}
.index-main .banner-box .top-banner .banner-content .swiper-container .swiper-button-prev.next, .index-main .banner-box .top-banner .banner-content .swiper-container .swiper-button-next.next {
	right: 16px;
	transform: rotate(180deg);
}
.index-main .banner-box .top-banner .banner-content .swiper-container .swiper-button-prev:hover, .index-main .banner-box .top-banner .banner-content .swiper-container .swiper-button-next:hover {
	background-color: rgba(28, 31, 33, 0.5);
}
.index-main .banner-box .bottom {
	width: 1152px;
	height: 100px;
	margin: 0 auto;
	background: #fff;
	box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.3);
	border-radius: 0 0 8px 8px;
}
.index-main .banner-box .bottom .wrap {
	line-height: 100px;
	display: flex;
	justify-content: space-around;
	align-items: center;
}
.index-main .banner-box .bottom .wrap .item {
	display: flex;
	align-items: center;
}
.index-main .banner-box .bottom .wrap .item .icon {
	background: url(../images/all_icon.png) no-repeat -93px -54px;
	background-size: 119px 79px;
	width: 15px;
	height: 16px;
}
.index-main .banner-box .bottom .wrap .item .title {
	width: 250px;
	font-size: 14px;
	margin-left: 4px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.index-main .banner-box .select-consult-service {
	width: 1152px;
	height: 136px;
	border-radius: 8px;
	margin: 0 auto;
	background: #fff;
	box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.3);
	padding-top: 16px;
	padding-bottom: 28px;
	margin-top: 46px;
	display: flex;
	flex-direction: column;
	align-items: center;
}
.index-main .banner-box .select-consult-service > .title {
	font-size: 18px;
	font-weight: 700;
	margin-bottom: 25px;
}
.index-main .banner-box .select-consult-service .form {
	display: flex;
	align-items: center;
}
.index-main .banner-box .select-consult-service .form > div {
	margin-right: 22px;
}
.index-main .banner-box .select-consult-service .form .myform-input {
	width: 185px;
	padding-left: 8px;
	height: 40px;
	outline: 0;
	border: 1px solid black;
	border-radius: 8px;
}
.index-main .banner-box .select-consult-service .form .btn-yuyue {
	width: 91px;
	height: 27px;
	font-size: 13px;
	background-color: #ff7e3c;
	border-radius: 5px;
	color: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
	border: 0;
}
.index-main .list-box > div:nth-child(odd) {
	background-color: #f2f2f2;
}
.index-main .list-box > div:nth-child(even) {
	background-color: #ffffff;
}
.index-main .list-box .list-item {
	box-shadow: 0 2px 4px 0 rgba(7, 17, 27, 0.06);
}
.index-main .list-box .list-item .container {
	width: 1152px;
	margin: 0 auto;
	padding: 32px 0;
	display: flex;
	flex-direction: column;
}
.index-main .list-box .list-item .container .top-title-bar {
	display: flex;
	align-items: center;
	margin-bottom: 30px;
}
.index-main .list-box .list-item .container .top-title-bar .title {
	font-size: 18px;
	font-weight: 700;
	margin-right: 10px;
}
.index-main .list-box .list-item .container .top-title-bar .menu {
	display: flex;
	align-items: center;
}
.index-main .list-box .list-item .container .top-title-bar .menu li {
	padding: 0 14px;
	cursor: pointer;
	font-size: 14px;
}
.index-main .list-box .list-item .container .top-title-bar .menu li.active {
	color: #e02020 !important;
	font-weight: 700 !important;
}
.index-main .list-box .list-item .container .list {
	display: none;
}
.index-main .list-box .list-item .container .list.active {
	display: block;
}
.index-main .list-box .common-question-answer {
	margin: 0 auto;
	width: 1152px;
	padding: 32px 0;
}
.index-main .list-box .common-question-answer > .top {
	display: flex;
	justify-content: space-between;
	margin-bottom: 40px;
}
.index-main .list-box .common-question-answer > .top .title {
	font-size: 18px;
	font-weight: 700;
}
.index-main .list-box .common-question-answer > .list {
	overflow: hidden;
}
.index-main .list-box .common-question-answer > .list .item {
	width: 491px;
	height: 135px;
	background: #fff;
	box-shadow: 0 6px 10px 0 rgba(95, 101, 105, 0.15);
	border-radius: 14px;
	float: left;
	margin: 0 167px 34px 0;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	padding: 19px 21px 8px 21px;
	transition: all 0.2s;
	box-shadow: 2px 2px 10px 3px #e7efef;
}
.index-main .list-box .common-question-answer > .list .item:nth-child(2n) {
	margin-right: 0;
}
.index-main .list-box .common-question-answer > .list .item:hover {
	transform: translateY(-2px);
	box-shadow: 2px 4px 20px 3px #e7efef;
}
.index-main .list-box .common-question-answer > .list .item .top {
	display: flex;
	flex-direction: column;
}
.index-main .list-box .common-question-answer > .list .item .top .title {
	font-size: 18px;
	color: #4aa24a;
	font-weight: 700;
	margin-bottom: 19px;
}
.index-main .list-box .common-question-answer > .list .item .top .desc {
	font-size: 16px;
	color: #a5a1a1;
	line-height: 16px;
	height: 32px;
}
.index-main .list-box .common-question-answer > .list .item .bottom-staus {
	display: flex;
}
.index-main .list-box .common-question-answer > .list .item .bottom-staus > div {
	font-size: 14px;
	color: #a5a1a1;
	margin-right: 5px;
}
.servicelist-main {
	min-height: 100vh;
	position: relative;
	background-color: #f2f2f2;
	padding-top: 56px;
	padding-bottom: 150px;
}
.servicelist-main .top-title-bar {
	margin: 0 auto;
	width: 1200px;
	height: 110px;
	background-color: #ffff;
	box-shadow: 0 2px 8px 0 rgba(7, 17, 27, 0.06);
	border-radius: 13px;
	padding-left: 24px;
	display: flex;
	align-items: center;
	margin-bottom: 30px;
}
.servicelist-main .top-title-bar .title {
	font-size: 18px;
	font-weight: 700;
	margin-right: 10px;
}
.servicelist-main .top-title-bar .menu {
	display: flex;
	align-items: center;
}
.servicelist-main .top-title-bar .menu li {
	padding: 0 14px;
	cursor: pointer;
	font-size: 14px;
}
.servicelist-main .top-title-bar .menu li:hover {
	color: #e02020;
}
.servicelist-main .top-title-bar .menu li:hover a {
	color: #e02020;
}
.servicelist-main .top-title-bar .menu li.active {
	color: #e02020;
	font-weight: 700;
}
.servicelist-main .top-title-bar .menu li.active a {
	color: #e02020;
	font-weight: 700;
}
.servicelist-main .list-container {
	margin: 0 auto;
	width: 1200px;
	background-color: #ffff;
	box-shadow: 0 2px 8px 0 rgba(7, 17, 27, 0.06);
	border-radius: 13px;
	padding: 26px 18px;
}
.servicelist-main .list-container .list {
	overflow: hidden;
	margin-bottom: 40px;
}
.servicedetail-main {
	background-color: #f2f2f2;
	min-height: 100vh;
	padding-bottom: 80px;
}
.servicedetail-main .top-desc-box {
	margin: 0 auto;
	margin-top: 29px;
	width: 1136px;
	min-height: 373px;
	border-radius: 9px;
	background: linear-gradient(180deg, #2884c9 0%, #9abbd3 100%);
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 86px;
	padding-right: 21px;
}
.servicedetail-main .top-desc-box .left {
	color: #fff;
	display: flex;
	flex-direction: column;
}
.servicedetail-main .top-desc-box .left .title {
	font-size: 28px;
	font-weight: 700;
	margin-bottom: 71px;
}
.servicedetail-main .top-desc-box .left .desc {
	font-size: 16px;
	width: 650px;
}
.servicedetail-main .mid-content-box {
	margin: 0 auto;
	margin-top: 29px;
	width: 1130px;
	display: flex;
	align-items: flex-start;
}
.servicedetail-main .mid-content-box .left {
	display: flex;
	flex-direction: column;
}
.servicedetail-main .mid-content-box .left .left-content {
	width: 812px;
	background: #fff;
	box-shadow: 0 2px 8px 0 rgba(7, 17, 27, 0.06);
	border-radius: 8px;
	font-size: 16px;
	padding: 59px 54px;
}
.servicedetail-main .mid-content-box .left .left-content p {
	font-size: 18px;
	line-height: 2.2;
	color: #000000;
	padding: 0 0 1.5em 0;
	word-break: break-all;
	margin: 0;
}
.servicedetail-main .mid-content-box .left .left-content img {
	max-width: 660px;
	display: block;
	margin: 0 auto;
}
.servicedetail-main .mid-content-box .left .bottom-box {
	margin: 0 auto;
	margin-top: 29px;
	width: 812px;
	display: flex;
	flex-direction: column;
}
.servicedetail-main .mid-content-box .right {
	margin-left: 15px;
}
.articlelist-main {
	background-color: #f2f2f2;
	min-height: 100vh;
	padding-bottom: 80px;
	padding-top: 35px;
}
.articlelist-main .article-cate-select {
	margin: 0 auto;
	width: 1132px;
	border-radius: 16px;
	padding: 46px 28px;
	background: #fff;
	position: relative;
}
.articlelist-main .article-cate-select .item {
	display: flex;
	margin-bottom: 50px;
}
.articlelist-main .article-cate-select .item.drop .right-cate.drop a:nth-child(n + 0):nth-child(-n + 16) {
	display: inline-block;
}
.articlelist-main .article-cate-select .item.drop .right-cate.drop a {
	display: none;
}
.articlelist-main .article-cate-select .item.drop .right-cate a {
	display: inline-block;
}
.articlelist-main .article-cate-select .item.drop .more {
	display: inline;
	float: left;
	cursor: pointer;
	color: #0080ff;
}
.articlelist-main .article-cate-select .item.drop .more .icon-arrow {
	position: relative;
	display: inline-block;
	width: 6px;
	height: 6px;
	margin: 0 3px;
	border-left: 1px solid #0080ff;
	border-top: 1px solid #0080ff;
	transform: rotate(225deg);
	top: -4px;
	left: 2px;
}
.articlelist-main .article-cate-select .item.drop .more .icon-arrow.top {
	transform: rotate(45deg);
	top: 0;
	left: 2px;
}
.articlelist-main .article-cate-select .item:last-child {
	margin-bottom: 0px;
}
.articlelist-main .article-cate-select .item .left-title {
	font-size: 14px;
	font-weight: 700;
	margin-right: 25px;
	white-space: nowrap;
}
.articlelist-main .article-cate-select .item .right-cate {
	font-size: 14px;
}
.articlelist-main .article-cate-select .item .right-cate a {
	float: left;
	margin-right: 32px;
	margin-bottom: 15px;
}
.articlelist-main .article-cate-select .item .right-cate a.active {
	color: #ff0000;
	font-weight: 600;
}
.articledetail-main {
	background-color: #f2f2f2;
	min-height: 100vh;
	padding-bottom: 80px;
}
.articledetail-main .mid-content-box {
	margin: 0 auto;
	margin-top: 29px;
	width: 1130px;
	display: flex;
	align-items: flex-start;
}
.articledetail-main .mid-content-box .left {
	display: flex;
	flex-direction: column;
}
.articledetail-main .mid-content-box .left .left-content {
	width: 812px;
	background: #fff;
	box-shadow: 0 2px 8px 0 rgba(7, 17, 27, 0.06);
	border-radius: 8px;
	font-size: 16px;
	line-height: 26px;
	color: #555454;
	padding: 59px 54px;
}
.articledetail-main .mid-content-box .left .left-content > .top .title {
	line-height: 36px;
	font-size: 26px;
	font-weight: 400;
	margin-bottom: 31px;
}
.articledetail-main .mid-content-box .left .left-content > .top .meta-desc {
	margin-bottom: 52px;
}
.articledetail-main .mid-content-box .left .left-content > .top .meta-desc > span {
	display: inline-block;
	margin-right: 20px;
	padding-left: 22px;
	color: #999;
	background: url(../images/article_all_icon.png) no-repeat;
}
.articledetail-main .mid-content-box .left .left-content > .top .meta-desc .author {
	background-position: 0 -101px;
}
.articledetail-main .mid-content-box .left .left-content > .top .meta-desc .date {
	background-position: 0 -127px;
}
.articledetail-main .mid-content-box .left .left-content > .top .meta-desc .from {
	background-position: 0 -152px;
}
.articledetail-main .mid-content-box .left .left-content p {
	font-size: 18px;
	line-height: 2.2;
	color: #000000;
	padding: 0 0 1.5em 0;
	word-break: break-all;
	margin: 0;
}
.articledetail-main .mid-content-box .left .left-content img {
	max-width: 660px;
	display: block;
	margin: 0 auto;
}
.articledetail-main .mid-content-box .left .bottom-box {
	margin: 0 auto;
	margin-top: 29px;
	width: 812px;
	display: flex;
	flex-direction: column;
}
.articledetail-main .mid-content-box .left .bottom-box .article-same-include {
	width: 812px;
	background: #fff;
	box-shadow: 0 2px 8px 0 rgba(7, 17, 27, 0.06);
	border-radius: 8px;
	font-size: 16px;
	padding: 9px 49px;
	color: #555454;
	margin-top: 19px;
}
.articledetail-main .mid-content-box .right {
	margin-left: 15px;
}
.taglist-main {
	background-color: #f2f2f2;
	min-height: 100vh;
	padding-bottom: 80px;
	padding-top: 35px;
}
.taglist-main .top-tag-box {
	margin: 0 auto;
	width: 1144px;
	border-radius: 11px;
	padding: 64px 47px;
	background: #fff;
	box-shadow: 0 2px 8px 0 rgba(7, 17, 27, 0.06);
}
.taglist-main .top-tag-box .title {
	display: flex;
	align-items: center;
	margin-bottom: 33px;
}
.taglist-main .top-tag-box .title .icon {
	background: url(../images/all_icon.png) no-repeat 0 -49px;
	background-size: 119px 79px;
	width: 30px;
	height: 30px;
	margin-right: 6px;
}
.taglist-main .top-tag-box .title .text {
	font-size: 16px;
	font-weight: 700;
}
.taglist-main .top-tag-box .desc {
	font-size: 16px;
	color: gray;
}
.common-footer {
	width: 100%;
	height: 257px;
	font-size: 12px;
	background: #3d3e49;
	color: #989da9;
	padding-top: 98px;
	padding-bottom: 50px;
}
.common-footer .beian-container {
	width: 650px;
	height: 57px;
	margin: 0 auto;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.common-footer .beian-container .link-nav {
	display: flex;
}
.common-footer .beian-container .link-nav a {
	color: #989da9;
	margin: 0 8px;
}
.common-footer .beian-container .link-nav a:hover {
	color: #fff;
}
.common-footer .beian-container .bottom-beian {
	display: flex;
}
.common-footer .beian-container .bottom-beian span {
	margin-right: 18px;
}
.btn-all {
	font-size: 14px;
	color: #858282;
	padding: 5px 8px 3px 8px;
	background-color: #f7f7f7;
	border-radius: 8px;
	cursor: pointer;
	display: flex;
}
.btn-all::after {
	content: "";
	width: 15px;
	height: 15px;
	background: url(../images/arrow-right.png) no-repeat;
	background-size: 15px auto;
	margin-top: 3px;
	margin-left: 2px;
}
.article-mid-content-box {
	margin: 0 auto;
	margin-top: 29px;
	width: 1130px;
	display: flex;
}
.article-mid-content-box > .left-list {
	width: 812px;
	background: #fff;
	box-shadow: 0 2px 8px 0 rgba(7, 17, 27, 0.06);
	border-radius: 8px;
	padding: 59px 54px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.article-mid-content-box > .left-list > .list > .item {
	display: flex;
	margin-bottom: 27px;
}
.article-mid-content-box > .left-list > .list > .item .left-img {
	width: 188px;
	height: 120px;
	border-radius: 6px;
	flex-shrink: 0;
}
.article-mid-content-box > .left-list > .list > .item .right {
	margin-left: 18px;
	flex-grow: 1;
	border-bottom: 1px solid #f4f4f4;
	display: flex;
	flex-direction: column;
}
.article-mid-content-box > .left-list > .list > .item .right .title {
	font-size: 16px;
	font-weight: 700;
}
.article-mid-content-box > .left-list > .list > .item .right .desc {
	font-size: 13px;
	color: #a8a4a4;
	margin-top: 15px;
	margin-bottom: 21px;
}
.article-mid-content-box > .left-list > .list > .item .right .status-bar {
	display: flex;
	align-items: center;
	color: #a8a4a4;
}
.article-mid-content-box > .left-list > .list > .item .right .status-bar .date {
	margin-right: 23px;
}
.article-mid-content-box > .left-list > .list > .item .right .status-bar .tags {
	display: flex;
}
.article-mid-content-box > .left-list > .list > .item .right .status-bar .tags .tag {
	color: #a8a4a4;
	height: 17px;
	border-radius: 14px;
	background: #f4f4f4;
	padding: 4px 8px;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-right: 23px;
}
.article-mid-content-box .right {
	margin-left: 26px;
}
.article-mid-content-box .right .custom-conslut {
	width: 289px;
	margin-bottom: 12px;
}
.select-area {
	position: relative;
}
.select-area #city-picker {
	width: 185px;
	height: 40px;
}
.select-area .city-picker-span {
	border: 1px solid black;
	border-radius: 8px;
	padding-left: 8px;
}
.select-area .city-picker-span > .placeholder {
	font-size: 13px;
	font-weight: normal;
	color: gray;
}
.select-area .city-picker-span > .title {
	font-size: 13px;
	font-weight: normal;
	color: gray;
	padding-right: 15px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}
.select-area .city-picker-span > .title span {
	margin: 0;
	padding: 0;
}
.select-area .city-picker-span > .title > .select-item {
	font-size: 13px;
	font-weight: normal;
	color: gray;
}
.select-service-item {
	position: relative;
}
.select-service-item .service-picker-span {
	width: 185px;
	height: 40px;
	line-height: 39px;
	border: 1px solid black;
	border-radius: 8px;
	padding-left: 8px;
	position: relative;
	display: block;
	outline: 0;
	background-color: #fff;
	color: #ccc;
	cursor: pointer;
}
.select-service-item .service-picker-span.open .arrow {
	background-position: -10px -10px;
}
.select-service-item .service-picker-span .placeholder {
	font-size: 13px;
	font-weight: normal;
	color: gray;
}
.select-service-item .service-picker-span .title {
	font-size: 13px;
	font-weight: normal;
	color: gray;
	padding-right: 15px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}
.select-service-item .service-picker-span .arrow {
	position: absolute;
	top: 50%;
	right: 8px;
	width: 10px;
	margin-top: -3px;
	height: 5px;
	background: url(../images/drop-arrow.png) -10px -25px no-repeat;
}
.select-service-item .service-picker-dropdown {
	left: 0px;
	top: 100%;
	display: none;
	position: absolute;
	outline: 0;
	min-width: 185px;
	margin-bottom: 20px;
	z-index: 999999;
}
.select-service-item .service-picker-dropdown.show {
	display: block;
}
.select-service-item .service-picker-dropdown .wrap {
	background-color: #fff;
	box-shadow: 0 1px 5px rgba(0, 0, 0, 0.5);
	padding: 5px 4px;
}
.select-service-item .service-picker-dropdown .wrap .item {
	font-size: 14px;
	cursor: pointer;
	padding-bottom: 3px;
}
.select-service-item .service-picker-dropdown .wrap .item:hover {
	background-color: #e7e7e7;
}
.sameservice-box {
	display: flex;
	flex-direction: column;
	width: 289px;
	min-height: 518px;
	border-radius: 7px;
	background-color: #fff;
	box-shadow: 0 2px 8px 0 rgba(7, 17, 27, 0.06);
	padding: 29px 20px 29px 20px;
}
.sameservice-box .top {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 31px;
}
.sameservice-box .top .title {
	font-size: 18px;
	font-weight: 700;
}
.sameservice-box .list .item {
	display: flex;
	margin-bottom: 14px;
}
.sameservice-box .list .item .left-img {
	width: 114px;
	height: 65px;
	border-radius: 2px;
	flex-shrink: 0;
}
.sameservice-box .list .item .right {
	display: flex;
	flex-direction: column;
	margin-left: 9px;
}
.sameservice-box .list .item .right .title {
	font-size: 14px;
	font-weight: 700;
}
.sameservice-box .list .item .right .desc {
	font-size: 14px;
	color: gray;
}
.ef284 .w1200, .copy284 .w1200 {
	width: 1200px;
	margin: 0 auto;
}
.ef284 {
	width: 100%;
	padding-bottom: 20px;
	background-color: #f5f5f5;
}
.ef284 .links {
	padding: 20px 0;
	font-size: 16px;
	border-bottom: 1px solid #d2d2d2;
}
.ef284 .links span {
	color: #3d3e49;
	font-weight: bold;
	display: inline-block;
}
.ef284 .links a {
	display: inline-block;
	font-size: 14px;
	color: #999;
	padding-right: 10px;
}
.ef284 .links a:hover {
	color: #3d3e49;
}
.ef284 .bottom_nav {
	width: 760px;
	display: inline-block;
	margin-top: 32px;
}
.ef284 .bottom_nav ul {
	width: 190px;
	text-align: left;
	float: left;
}
.ef284 .bottom_nav ul li h3 {
	padding-bottom: 8px;
}
.ef284 .bottom_nav ul li h3 a {
	display: block;
	font-size: 16px;
	color: #3d3e49;
	padding-bottom: 8px;
}
.ef284 .bottom_nav ul li h3 i {
	display: block;
	width: 30px;
	height: 1px;
	background-color: #cccccc;
}
.ef284 .bottom_nav ul li a {
	display: block;
	font-size: 12px;
	color: #999;
	line-height: 28px;
}
.ef284 .bottom_nav ul li a:hover {
	color: #3d3e49;
}
.ef284 .bottom_tit {
	padding-top: 40px;
	text-align: right;
}
.ef284 .bottom_tit .r1 {
	float: left;
	width: 100px;
}
.ef284 .bottom_tit .r2 {
	float: left;
	padding-left: 60px;
	text-align: left;
}
.ef284 .bottom_tit .r1 p {
	width: 100px;
	text-align: center;
	float: left;
}
.ef284 .bottom_tit .r1 p img {
	width: 100px;
	height: 100px;
	border: #d2d2d2 solid 1px;
}
.ef284 .bottom_tit .r1 p span {
	font-size: 12px;
	color: #999;
	display: block;
	padding-top: 10px;
	line-height: 20px;
}
.ef284 .bottom_tit .r2 li {
	display: block;
	clear: left;
	height: 65px;
}
.ef284 .bottom_tit .r2 li img {
	width: 50px;
	height: 50px;
	float: left;
}
.ef284 .bottom_tit .r2 li p {
	float: left;
	font-size: 12px;
	line-height: 22px;
	color: #999;
	padding-left: 12px;
	text-align: left;
	padding-top: 0px;
}
.ef284 .bottom_tit .r2 li p span {
	margin-top: 2px;
	font-size: 26px;
	font-family: "Arial";
	color: #333;
	display: block;
	font-weight: bold;
}
.copy284 {
	height: 48px;
	background-color: #f5f5f5;
	border-top: 1px solid #d2d2d2;
	line-height: 48px;
	font-size: 12px;
	color: #999;
}
.copy284 span {
	padding-left: 10px;
}
.copy284 a {
	display: inline-block;
	font-size: 12px;
	color: #999;
}
.copy284 a:hover {
	color: #3d3e49;
}
.copy284 .fr, .ef284 .fr {
	float: right;
}
.copy284 .fl {
	float: left;
}