.title {
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	margin: 0 auto;
	background-color: #343134;
}

.logo {
	padding: 20px 0;
}

/* 背景图 */
.title-bg-img {
	background-image: url(http://www.r00tw0rm.com/themes/simplebootx/Public/assets/images/index/bg-1.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-origin: content-box;
	height: 462px;
}

/* 搜索区域 */
.title-search {
	background-color: #FFFFFF;
	border-radius: 50px;
	padding: 5px 10px;
}

.search-title {
	font-size: 16px;
	color: #626262;
}

.search-title::after {
	content: '';
	display: inline-block;
	margin: 0 5px;
	border-top: 8px solid #df1b13;
	border-right: 8px solid transparent;
	border-left: 8px solid transparent;
}

.search-line {
	content: '';
	display: inline-block;
	height: 30px;
	margin: 0 5px;
	border-left: 1px solid #333333;
	opacity: .2
}

.search-input {
	border: none;
	outline: none;
	color: #626262;
	font-size: 16px;
	margin-left: 5px;
	width: 120px;
	margin-right: 10px;
}

:-moz-placeholder {
	color: #8d8d8d;
	font-size: 16px;
	opacity: 1;
}

input:-ms-input-placeholder {
	color: #8d8d8d;
	font-size: 16px;
	opacity: 1;
}

input:-webkit-input-placeholder {
	color: #8d8d8d;
	font-size: 16px;
	opacity: 1;
}

/* ******************************************************************************************** */
/* 菜单栏 */
.title-menu {
	height: 54px;
	color: #FFFFFF;
	width: 100%;
	position: relative;
}

.menu-left {
	max-width: 30%;
	min-width: 30%;
	height: 100%;
	text-align: left;
	padding-left: 20px;
	line-height: 54px;
	background-color: var(--text-color-click);
	font-size: 16px;
}

.menu-left:hover .menu-content-pop {
	display: block;
}

.menu-content-pop {
	display: none;
	position: absolute;
	width: 30%;
	z-index: 99;
	top: 100%;
	left: 0;
	background-color: #FFFFFF;
}

.menu-content-pop ul {
	margin: 0;
	color: #262626;
	padding-left: 20px;
	list-style-type: none;
	height: 100%;
	width: 100%;
}

.menu-content-pop li a:hover {
	color: var(--text-color-click) !important;
}

.menu-content-pop li:hover .menu-content-right {
	display: block;
}

.menu-content-right {
	display: none;
	position: absolute;
	width: 700px;
	height: 100%;
	left: 100%;
	top: 0;
	background-color: #FFFFFF;
	border: 2px solid #e6e6e6;
	background-image: url(http://www.r00tw0rm.com/themes/simplebootx/Public/assets/images/index/menu-content-right-bg.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-origin: content-box;
}

.menu-content-right ul {
	height: 100%;
}

.menu-content-right ul li {
	float: left;
	width: calc(100% / 3);
}

.menu-right {
	height: 100%;
	display: flex;
	align-items: flex-end;
	width: 100%;
}

.menu-right>ul {
	padding: 0 0 0px 40px;
	margin: 0;
	color: #FFFFFF;
	list-style-type: none;
	width: 100%;
	z-index: 2;
}

.menu-right>ul li {
	display: inline-block;
	height: 100%;
	margin-right: 16px;
	padding-bottom: 10px;
	border-bottom: 6px solid transparent;
	position: relative;
	font-size: 16px;
}

.menu-right::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: calc(30% + 40px);
	width: calc(70% - 40px);
	border-bottom: 2px solid #9a9a9a;
}

.menu-right li:hover {
	border-bottom: 6px solid var(--text-color-click);
}

.menu-right li:hover .menu-pop {
	display: block;
}

.menu-pop {
	display: none;
	position: absolute;
	width: 180px;
	top: 120%;
	z-index: 99;
	padding: 10px;
}

.menu-pop ul {
	border: 1px solid var(--text-color-click);
	background-color: #ffffff
}

.menu-pop ul::before,
.menu-pop ul::after {
	content: "";
	position: absolute;
	top: 5px;
	left: 20px;
	border-width: 0 5px 5px;
	border-style: solid;
	border-color: transparent transparent var(--text-color-click);
}

.menu-pop ul::after {
	top: 6px;
	border-color: transparent transparent #ffffff;
}

.menu-pop>ul {
	color: #262626;
	list-style-type: none;
	text-align: center;
	padding: 0;
	margin: 0;
	padding-top: 10px;
}

.menu-pop>ul li {
	width: 100%;
	display: block;
	border-bottom: none;
	margin-bottom: 5px;
}

.menu-pop li:hover {
	border: none;
}

.menu-pop li a:hover {
	color: var(--text-color-click) !important;
}

/* ******************************************************************************************** */
/*菜单下拉 */
.title-content {
	height: 100%;
}

.title-content .active {
	color: var(--text-color-click);
}

.content-left {
	max-width: 30%;
	min-width: 30%;
	background-color: #FFFFFF;
}

.content-right {
	background-color: #FFFFFF;
	border: 2px solid #e6e6e6;
}

.content-left>ul,
.content-right>ul {
	color: #262626;
	padding-left: 20px;
	list-style-type: none;
}

.content-left>ul li {
	margin-bottom: 40px;
}

.content-right>ul li {
	margin-bottom: 30px;
	float: left;
	width: calc(100% / 3);
}

.content-left li:hover,
.content-right li:hover {
	color: var(--text-color-click)
}

/* ******************************************************************************************** */
/* 建筑资质代办服务 */
.service,
.question,
.step,
.case,
.news,
.partner,
.about {
	margin-top: 60px !important;
}

.case,
.step,
.partner {
	margin-bottom: 60px !important;
}

.service-title,
.question-title,
.step-title,
.case-title,
.news-title,
.partner-title,
.about-title {
	font-size: 36px;
	color: #262626;
	margin-bottom: 18px;
}

.service-title-,
.question-title-,
.step-title-,
.case-title-,
.news-title-,
.partner-title-,
.about-title- {
	color: var(--text-color-click);
}

.service-title-small,
.question-title-small,
.step-title-small,
.case-title-small,
.news-title-small,
.partner-title-small,
.about-title-small {
	font-size: 18px;
	color: #999999;
	margin-bottom: 60px;
}

.service-card {
	background-color: #FFFFFF;
	border-radius: 25px;
	height: 360px;
	margin-bottom: 60px;
}

.service-card ul {
	width: 100%;
	height: 100%;
	list-style: none;
	padding: 0;
	margin: 0;
}

.service-card ul li {
	float: left;
	width: calc(100%/4);
	height: 100%;
	border-top: 2px solid #d6d6d6;
	border-bottom: 2px solid #d6d6d6;
	position: relative;
}


.service-card .card-pop {
	display: none;
	position: absolute;
	top: 0;
	left: 100%;
	margin: 0 auto;
	width: 100%;
	height: 100%;
	z-index: 999;
	background-color: #FFFFFF;
	border-top: 2px solid #d6d6d6;
	border-bottom: 2px solid #d6d6d6;
	border-right: 2px solid #d6d6d6;
}

.service-card .card-pop ul li {
	width: calc(100%/2);
	height: auto !important;
	color: #262626 !important;
	border-radius: 0 !important;
	border: none !important;
	background-image: none !important;
	background-size: 0 0 !important;
	padding: 10px 0;
}

.service-card .card-pop ul li:hover {
	color: var(--text-color-click) !important;
	background-color: #FFFFFF !important;
	background-image: none !important;
	background-size: 0 0 !important;
}

.service-card ul li:hover .card-pop {
	display: block !important;
}

.service-card ul li:last-of-type:hover .card-pop {
	display: block !important;
	left: -100%;
	border-top: 2px solid #d6d6d6;
	border-bottom: 2px solid #d6d6d6;
	border-left: 2px solid #d6d6d6;
}

.service-card ul li:first-of-type {
	border-top-left-radius: 25px;
	border-bottom-left-radius: 25px;
}

.service-card ul li:nth-of-type(2n+1) {
	border: 2px solid #d6d6d6;
}

.service-card ul li:last-of-type {
	border-top-right-radius: 25px;
	border-bottom-right-radius: 25px;
}

.service-card ul li:first-of-type:hover {
	border-top-left-radius: 25px;
	border-bottom-left-radius: 25px;
	background-color: var(--text-color-click);
	color: #FFFFFF;
	border: none;
}

.service-card ul li:hover {
	background-color: var(--text-color-click);
	color: #FFFFFF;
	border: none;
}

.service-card ul li:last-of-type:hover {
	border-top-right-radius: 25px;
	border-bottom-right-radius: 25px;
	background-color: var(--text-color-click);
	color: #FFFFFF;
	border: none;
}

.service-card ul li:hover span,
.service-card ul li:first-of-type:hover span,
.service-card ul li:last-of-type:hover span {
	color: #FFFFFF;
}

.service-card ul li:nth-of-type(1) .item-img {
	background-image: url(http://www.r00tw0rm.com/themes/simplebootx/Public/assets/images/index/service-1-n.png);
	background-repeat: no-repeat;
	background-size: auto 100%;
	background-position: center;
	background-origin: content-box;
}

.service-card ul li:nth-of-type(1):hover .item-img {
	background-image: url(http://www.r00tw0rm.com/themes/simplebootx/Public/assets/images/index/service-1-yes.png);
	background-repeat: no-repeat;
	background-size: auto 100%;
	background-position: center;
	background-origin: content-box;
}

.service-card ul li:nth-of-type(2) .item-img {
	background-image: url(http://www.r00tw0rm.com/themes/simplebootx/Public/assets/images/index/service-2-n.png);
	background-repeat: no-repeat;
	background-size: auto 100%;
	background-position: center;
	background-origin: content-box;
}

.service-card ul li:nth-of-type(2):hover .item-img {
	background-image: url(http://www.r00tw0rm.com/themes/simplebootx/Public/assets/images/index/service-2-yes.png);
	background-repeat: no-repeat;
	background-size: auto 100%;
	background-position: center;
	background-origin: content-box;
}

.service-card ul li:nth-of-type(3) .item-img {
	background-image: url(http://www.r00tw0rm.com/themes/simplebootx/Public/assets/images/index/service-3-n.png);
	background-repeat: no-repeat;
	background-size: auto 100%;
	background-position: center;
	background-origin: content-box;
}

.service-card ul li:nth-of-type(3):hover .item-img {
	background-image: url(http://www.r00tw0rm.com/themes/simplebootx/Public/assets/images/index/service-3-yes.png);
	background-repeat: no-repeat;
	background-size: auto 100%;
	background-position: center;
	background-origin: content-box;
}

.service-card ul li:nth-of-type(4) .item-img {
	background-image: url(http://www.r00tw0rm.com/themes/simplebootx/Public/assets/images/index/service-4-n.png);
	background-repeat: no-repeat;
	background-size: auto 100%;
	background-position: center;
	background-origin: content-box;
}

.service-card ul li:nth-of-type(4):hover .item-img {
	background-image: url(http://www.r00tw0rm.com/themes/simplebootx/Public/assets/images/index/service-4-yes.png);
	background-repeat: no-repeat;
	background-size: auto 100%;
	background-position: center;
	background-origin: content-box;
}

.item-title {
	margin-top: 40px;
	font-size: 24px;
	color: #262626;
	margin-bottom: 10px;
}

.item-conent {
	color: #999999;
	margin-bottom: 40px;
}

.item-img {
	height: 94px;
	margin-bottom: 40px;
}

.item-btn {
	margin: 0 20px;
	border-radius: 25px;
	border: 1px solid var(--btn-bg-color-default);
	color: var(--btn-text-color-click);
	padding: 10px 0;
	background-color: #FFFFFF;
}

/*  */
.contact-btn {
	position: absolute;
	bottom: 10%;
	right: 20%;
	color: #FFFFFF;
	font-size: 24px;
	padding: 10px 40px;
	background-color: var(--btn-bg-color-click);
	border-radius: 25px;
}

/* 问题 */
.question-list {
	margin-bottom: 60px;
}

.question-list ul {
	width: 100%;
	list-style: none;
	padding: 0;
	margin: 0;
}

.question-list ul li {
	height: 120px;
	text-align: center;
	margin-bottom: 20px;
	background-color: #FFFFFF;
}

.question-item-no {
	color: #FFFFFF;
	font-size: 48px;
}

.question-list li:hover .question-item-content:nth-of-type(2n) {
	border-top: 1px solid #df1b13;
	border-right: 1px solid #df1b13;
	border-bottom: 1px solid #df1b13;
}

.question-list li:hover .question-item-content:nth-of-type(2n+1) {
	border-top: 1px solid #df1b13;
	border-left: 1px solid #df1b13;
	border-bottom: 1px solid #df1b13;
}

.question-item-title,
.question-item-title-right {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;
	color: #FFFFFF;
	font-size: 36px;
	vertical-align: middle;
	position: relative;
	text-align: center;
	flex: 1;
	background-color: var(--btn-text-color-click);
	border: 1px solid #df1b13
}

.question-item-title:after {
	content: '';
	position: absolute;
	left: 100%;
	top: calc(100%-20);
	border-left: 20px solid var(--btn-text-color-click);
	border-top: 20px solid transparent;
	border-bottom: 20px solid transparent
}

.question-item-title-right:after {
	content: '';
	position: absolute;
	right: 100%;
	top: calc(100%-20);
	border-right: 20px solid var(--btn-text-color-click);
	border-top: 20px solid transparent;
	border-bottom: 20px solid transparent
}

.question-item-content {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	padding-left: 40px;
	color: #262626;
	height: 100%;
	flex: 2;
	font-size: 24px;
	border: 1px solid #FFFFFF
}

.question-list li .question-item-content:nth-of-type(2n+1) {
	justify-content: flex-end;
	padding-right: 40px;
}

/* 步骤 */
.step {
	margin-top: 60px;
	margin-bottom: 60px;
}

.step-list {
	font-size: 36px;
	color: #262626;
	margin-bottom: 18px;
}

.step-list ul {
	width: 100%;
	list-style: none;
	padding: 0;
	margin: 0;
	height: 280px;
}

.step-list ul li {
	height: 120px;
	float: left;
	width: calc(100%/5);
}

.step-list ul li:nth-of-type(2n) {
	margin-top: 50px;
}

.step-list-title {
	font-size: 24px;
	color: #999999;
}

.step-list-title-no {
	display: inline-block;
	background-color: #999999;
	border-radius: 100px;
	width: 38px;
	height: 38px;
	line-height: 24px;
	padding-top: 6px;
	color: #FFFFFF;
	margin-right: 10px;
}

.step-list-title-content {
	margin-top: 10px;
	display: block;
	color: #999999;
	font-size: 18px;
	margin-bottom: 20px;
}

.set-list-img {
	position: relative;
	height: 135px;
}

.set-list-img img {
	height: 100%;
}

.set-list-img:before {
	content: '';
	position: absolute;
	top: -3px;
	left: calc(100%/2 - 72px);
	height: 144px;
	width: 144px;
	z-index: 999999;
	border-radius: 100px;
	border: 6px solid #999999;
}

.step-list li:nth-of-type(2n+1) .set-list-img:after {
	content: '';
	position: absolute;
	top: calc(100%/2 + 19px);
	right: 18px;
	height: 19px;
	width: 20px;
	background-image: url(http://www.r00tw0rm.com/themes/simplebootx/Public/assets/images/index/step-n-1.png);
	background-repeat: no-repeat;
	background-size: contain;
}

.step-list li:nth-of-type(2n) .set-list-img:after {
	content: '';
	position: absolute;
	top: calc(100%/2 - 19px);
	right: 15px;
	height: 19px;
	width: 20px;
	background-image: url(http://www.r00tw0rm.com/themes/simplebootx/Public/assets/images/index/step-n-2.png);
	background-repeat: no-repeat;
	background-size: contain;
}

.step-list li:nth-last-of-type(1) .set-list-img::after {
	content: '';
	background-image: none;
}

.step-list li:hover .step-list-title {
	color: #df1b13;
}

.step-list li:hover .step-list-title-no {
	background-color: #df1b13;
}

.step-list li:nth-of-type(2n+1):hover .set-list-img::before {
	content: '';
	position: absolute;
	top: -3px;
	left: calc(100%/2 - 72px);
	height: 144px;
	width: 144px;
	z-index: 999999;
	border-radius: 100px;
	border: 6px solid var(--btn-text-color-click);
}

.step-list li:nth-of-type(2n+1):hover .set-list-img::after {
	content: '';
	position: absolute;
	top: calc(100%/2 + 19px);
	right: 18px;
	height: 19px;
	width: 20px;
	background-image: url(http://www.r00tw0rm.com/themes/simplebootx/Public/assets/images/index/step-y-1.png);
	background-repeat: no-repeat;
	background-size: contain;
}

.step-list li:hover .set-list-img::before {
	content: '';
	position: absolute;
	top: -3px;
	left: calc(100%/2 - 72px);
	height: 144px;
	width: 144px;
	z-index: 999999;
	border-radius: 100px;
	border: 6px solid var(--btn-text-color-click);
}

.step-list li:nth-of-type(2n):hover .set-list-img::after {
	content: '';
	position: absolute;
	top: calc(100%/2 - 19px);
	right: 15px;
	height: 19px;
	width: 20px;
	background-image: url(http://www.r00tw0rm.com/themes/simplebootx/Public/assets/images/index/step-y-2.png);
	background-repeat: no-repeat;
	background-size: contain;
}

.step-list li:nth-last-of-type(1):hover .set-list-img::after {
	content: '';
	background-image: none;
}

/* ******************************************************************************************** */
/* 案例 */
.case-list {
	font-size: 36px;
	color: #262626;
	margin-bottom: 18px;
	position: relative;
	height: 300px;
}

.case-list ul {
	width: 100%;
	padding: 0;
	margin: 0;
	height: 300px;
	list-style: none;
	position: relative;
	overflow: hidden;
}

.case-list ul li {
	float: left;
	width: 250px;
	position: relative;
	padding: 0 20px;
}

.next-img {
	position: absolute;
	top: calc(100%/2 - 50px);
	right: -50px;
	z-index: 99;
}

.pre-img {
	position: absolute;
	top: calc(100%/2 - 50px);
	left: -50px;
	z-index: 99;
}

.case-list ul li img {
	width: 100%;
	border-radius: 20px;
}

.case-list ul li:hover .toast {
	display: flex;
	width: calc(100% - 40px)
}

.case-list ul li .toast {
	position: absolute;
	margin: 0 20px;
	top: 0;
	left: 0;
	background-color: #281307;
	opacity: 0.8;
	color: #f4f4f4;
	font-size: 20px;
	height: calc(100% - 5px);
	border-radius: 20px;
	padding: 20px;
	text-align: center;
	display: none;
	align-items: center;
	flex-direction: column;
}

.case-list ul li .toast .toast-title {
	font-size: 20px;
	display: inline-block;
	padding: 20px 0;
}

.case-list ul li .toast .toast-content {
	display: inline-block;
	font-size: 16px;
}

/* ******************************************************************************************** */
/* 行业咨询 */
.news-bg {
	background-image: url(http://www.r00tw0rm.com/themes/simplebootx/Public/assets/images/index/bg-5.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	padding-top: 20px;
	padding-bottom: 40px;
}

.news-list {
	font-size: 36px;
	color: #262626;
	margin-bottom: 18px;
	position: relative;
	height: 380px;
}

.news-list ul {
	width: 100%;
	list-style: none;
	padding: 0;
	margin: 0;
	height: 100%;
	background-color: #FFFFFF;
	padding: 20px;
}

.news-list ul li {
	float: left;
	width: calc(100%/3 - 20px);
	position: relative;
	display: block;
	margin: 0 10px;
}

.news-list ul li img {
	width: 100%;
}

.news-list ul li span {
	display: inline-block;
	white-space: nowrap;
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	font-size: 16px;
	color: #262626;
	text-align: start;
	border-bottom: 1px solid #e4e4e4;
}

.news-list ul li span a:hover {
	color: var(--btn-text-color-click) !important;
}

/* ******************************************************************************************** */
/* 合作伙伴 */
.partner-list {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 60px;
}

.partner-contnet {
	width: 100%;
	height: 100%;
}

/* ******************************************************************************************** */
/* 联系我们 */
.about-bg {
	background-image: url(http://www.r00tw0rm.com/themes/simplebootx/Public/assets/images/index/bg-7.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	padding-top: 20px;
	padding-bottom: 40px;
	margin-bottom: 60px;
}

.about-map {
	width: 100%;
	height: 380px;
	background-color: #FFFFFF
}

.about-form {
	background-color: #FFFFFF;
	display: flex;
	align-items: center;
	flex-direction: row;
	padding: 10px;
	color: #262626;
}

.about-offer {
	height: 100%;
}

.about-input {
	flex: 1;
	margin-left: 20px;
}

.about-qualifications {
	height: 60px;
	border: none;
	background-color: #f4f4f4;
	border-radius: 5px;
	flex: 1;
	text-align: center;
	margin-left: 20px;
	outline: none;
}

.about-name,
.about-phone {
	height: 60px;
	border: none;
	background-color: #f4f4f4;
	border-radius: 5px;
	text-align: center;
	margin-left: 20px;
	flex: 1;
	outline: none;
}

.about-get-money {
	margin-left: 20px;
	height: 100%;
}

/*  */
.bottomUlDiv {
	margin: 0 auto;
	text-align: center;
}

.bottomUl {
	list-style: none;
	padding: 0;
	margin: 0;
	overflow: hidden;
	display: inline-block;
}

.bottomLi {
	float: left;
}

.bottomLiA {
	text-decoration: none;
	color: #282828;
	display: block;
	padding: 0 20px;
	border-right: 1px solid #282828;
	font-size: 16px;
}

.bottomLiA:hover {
	color: #008feb;
}

.bottomLi:nth-child(8) .bottomLiA {
	border: 0;
}

.bottomlink {
	width: 1200px;
	margin: 10px auto 0 auto;
	text-align: center;
}

.friendlink {
	width: 100%;
	margin: 10px auto 10px auto;
	text-align: center;
}

.friendlink a {
	text-decoration: none;
}

.linkpeo {
	color: #676666;
	font-size: 14px;
}

.linkpho {
	color: #676666;
	font-size: 14px;
	display: inline-block;
	margin-left: 30px;
}

.SZadress {
	text-align: center;
	color: #676666;
	font-size: 14px;
	margin: 12px 0;
}

.GZadress {
	overflow: hidden;
	text-align: center;
	width: 100%;
	margin-top: 12px;
}

.GZadressDiv {
	display: inline-block;
	overflow: hidden;
	color: #676666;
	margin: 0 auto;
	font-size: 14px;
}

.Allgzdizhi {
	float: right;
	display: inline-block;
}

.gzname {
	display: inline-block;
}

.gzdizhi {
	display: block;
}

.bottomErweima {
	width: 100%;
	margin: 0 auto;
	text-align: center;
}

.erweiamDiv {
	display: inline-block;
	width: 120px;
	padding: 10px;
}

.erweiamDiv img {
	width: 100%;
}

.beian {
	margin-bottom: 45px;
	background-color: #050505;
	color: #ffffff;
	text-align: center;
	font-size: 16px;
	padding: 25px 0;
}

.beian span {
	margin-left: 22px;
}

.beian a {
	text-decoration: none;
	color: #ffffff;
}

.beian a:hover {
	color: #008feb;
}