/* 公共样式 START */
html,
body {
	color: #333333;
	font-size: 15px;
	overflow-x: hidden;
}

a,
a:hover {
	color: #333;
	text-decoration: none;
}

img {
	width: 100%;
}

.swiper-pagination-bullet-active {
	background: #FDD40F;
}

.top {
	z-index: 10;
	width: 100%;
	height: 5rem;
	position: fixed;
	transition: all 100ms linear;
	background: transparent;
}

.top .head {
	height: inherit;
	margin: 0 auto;
}

.top.fixed {
	background: #fff;
	box-shadow: 0 0 5px 0 #DDD;
}

.top .logo {
	width: 9.9375rem;
	height: 2.875rem;
	margin-top: 15px;
	display: inline-block;
	background: url(../img/logo.png) no-repeat;
	background-size: contain;
}

.top.fixed .logo {
	background: url(../img/logo-1.png) no-repeat;
	background-size: contain;
}

.top .nav {
	width: 20rem;
	float: right;
	height: inherit;
}

.top .nav-item {
	color: #FFFFFF;
	display: inline-block;
	line-height: 4.8rem;
	text-align: center;
	padding: 0 0.9375rem;
	margin-left: 0.3125rem;
}

.top.fixed .nav-item {
	color: #333333;
}

.top.fixed .nav-item.active {
	border-bottom: 3px solid #F1C00A;
}

.article {
	margin-top: 1.875rem;
}

.article h1 {
	margin-bottom: 0.9375rem;
}

.article p {
	width: 70%;
	margin: 0 auto;
	padding: 0 0.625rem;
	line-height: 1.625rem;
}

.footer {
	color: #B3B3B3;
	margin-top: 0.9375rem;
	background: #F0F0F0;
}

.footer .row {
	padding: 0.9375rem 0;
}

hr {
	margin: 0;
	display: block;
	border-top: 1px solid rgba(0, 0, 0, 0.07);
}

.footer .m-contact-wrapper {
	display: none;
}

/* 公共样式 END */
/* 首页样式 START */
.slogan-wrapper {
	z-index: 1;
	top: 32%;
	width: 100%;
	color: #FFFFFF;
	position: absolute;
	text-align: center;
}

.slogan {
	font-style: italic;
}

.sweep-btn {
	cursor: pointer;
	width: 170px;
	padding: 0.5rem;
	margin: 0.9375rem auto;
	border: 1px solid #ccc;
	border-radius: 0.3125rem;
}

.sweep-btn:hover {
	color: #333;
	border-color: #FEDB0F;
	background: #FEDB0F;
}

.sweep-btn:active {
	color: #fff;
}

.doer_wxapp_qr_code {
	color: #333333;
	width: 12.5rem;
	margin: 0 auto;
	display: none;
	padding: 0.625rem;
	background: #FFFFFF;
	border-radius: 0.3125rem;
}

.slogan-wrapper p {
	margin-top: 0.625rem;
	margin-bottom: 0;
}

.guide {
	background: #F0F0F0;
}

.guide-img .swiper-slide {
	transition: 300ms;
	transform: scale(0.6);
}

.guide-img .swiper-slide-active,
.guide-img .swiper-slide-duplicate-active {
	transform: scale(1);
}

.mode-moment {
	margin: 0;
	margin-top: 15px;
}

.mode-moment .col-sm-6:first-child {
	padding-right: 0;
}

.mode-moment .col-sm-6:last-child {
	padding-left: 0;
}

.mode,
.moment {
	margin-top: 0;
	padding-bottom: 0;
	background: #F0F0F0;
}

.mode {
	margin-right: 7.5px;
}

.moment {
	margin-left: 7.5px;
}

.doer-public-code-wrapper {
	z-index: 10;
	position: relative;
}

.doer-public-code-wrapper .doer-public-code-img {
	right: 0;
	top: -10rem;
	display: none;
	width: 9.375rem;
	position: absolute;
}

.doer-public-code-wrapper .doer-public-code-img:after {
	content: ' ';
	left: -40%;
	position: relative;
	border-style: solid;
	display: inline-block;
	border-width: 0.625rem 0.9375rem;
	border-color: #fff transparent transparent;
}

.doer-public-code-img img {
	box-shadow: 0 0 10px 0 #999;
}

.doer-public-code-wrapper:hover .doer-public-code-img {
	display: block;
}

.address {
	background-image: url(../img/address.png);
}

.contact {
	background-image: url(../img/contact.png);
}

.wechat {
	background-image: url(../img/wechat.png);
}

.address,
.contact,
.wechat {
	line-height: 1.875rem;
	padding: 0.3125rem 1.5625rem;
	background-repeat: no-repeat;
	background-position: left center;
}

.doer-public-code-wrapper:hover .wechat {
	background-image: url(../img/wechat-o.png);
}

.m-wechat {
	width: 40px;
	position: relative;
	margin-top: 5px;
}

.m-qr-code {
	display: none;
	z-index: 5;
	width: 80%;
	right: 15px;
	bottom: -105px;
	position: absolute;
	box-shadow: 0 0 5px 0 #CCCCCC;
}

/* 首页样式 END */

/* 关于我们 START */
.float-banner {
	top: 20%;
	width: 100%;
	color: #FFFFFF;
	position: absolute;
	text-align: center;
}

.introduce-box {
	margin-bottom: 1.875rem;
	padding-left: 0.625rem;
}

.introduce-box .label {
	padding: 0;
	color: #999;
	font-size: 13px;
	font-weight: normal;
}

/* 关于我们 END */
/* 商务合作 START */
.business {
	margin-top: 2.5rem;
	padding: 0.625rem;
}

.business .input-group {
	width: 90%;
	margin: 0 auto;
	margin-bottom: 1.25rem;
}

.business h4 {
	padding-left: 15px;
}

.business input,
.business textarea {
	outline: none;
	/*去除系统默认的样式*/
	-webkit-appearance: none;
	box-shadow: none !important;
	border: 0.5px solid rgba(0, 0, 0, 0.1) !important;
}

.business button {
	border: none;
	width: 15rem;
	outline: none;
	padding: 0.625rem;
	background: #F8C301;
}

.business button:active {
	background: #ECE405;
}

/* 商务合作 END */

/* 屏幕适配 START */
@media (min-width: 768px) and (max-width:1024px) {
	.slogan-wrapper {
		top: 15%;
	}
}

@media (max-width: 767px) {

	/* 公共样式START */
	h1 {
		font-size: 30px;
	}

	hr {
		display: none;
	}

	.container {
		padding: 0;
	}

	.top {
		height: 3.5rem;
		padding: 0 15px;
	}

	.logo {
		width: 7rem !important;
		height: 2.5rem !important;
	}

	.nav {
		left: 0;
		top: 3.5rem;
		z-index: 999;
		position: fixed;
		visibility: hidden;
		width: 100% !important;
	}

	.nav .nav-item {
		width: inherit;
		display: block;
		line-height: 3.2rem;
		background: #FFFFFF;
		margin: 0 !important;
		color: #333333 !important;
		text-align: right !important;
		border-bottom: 0.03125rem solid rgba(0, 0, 0, 0.1) !important;
	}

	.nav .nav-item:first-child {
		border-top: 0.03125rem solid rgba(0, 0, 0, 0.1);
	}

	.mobile-icon {
		float: right;
	}

	.mobile-icon span {
		width: 1.5rem;
		height: 1.5rem;
		margin-top: 1rem;
		display: inline-block;
	}

	.mobile-icon .list-icon {
		background: url(../img/List.svg);
	}

	.top.fixed .mobile-icon .list-icon {
		background: url(../img/List-o.svg);
	}

	.mobile-icon .close-icon {
		display: none;
		background: url(../img/close.svg);
	}

	.top.fixed .mobile-icon .close-icon {
		background: url(../img/close-o.svg);
	}

	.article p {
		width: 95%;
	}

	.footer {
		padding: 0 10px;
	}

	.filing-no {
		line-height: 30px;
		font-size: 13px;
	}

	.mode-moment span {
		display: block;
		letter-spacing: 3px;
		padding-left: 8px;
	}

	.mode-text,
	.moment-text {
		padding: 0;
	}

	.moment span {
		letter-spacing: 7px;
		padding-left: 12px;
	}

	.contact-wrapper {
		display: none;
	}

	.m-contact-wrapper {
		color: #333;
		display: block !important;
		background: #f7f7f7;
	}

	/* 公共样式 END */
	/* 首页 START */

	.sweep-btn,
	.doer_wxapp_qr_code {
		display: none;
	}

	.mode,
	.moment {
		margin: 0;
		background: #fff;
	}

	.moment {
		margin-top: 0.9375rem;
	}

	.mode-text,
	.moment-text {
		padding-top: 4.5rem !important;
	}

	.moment-text {
		float: right;
	}

	.custodian-title-mobile {
		z-index: 2;
		color: #FFFFFF;
		margin-top: 1rem;
		position: absolute;
	}

	.custodian-title-img {
		position: relative;
	}

	.custodian-title-img img {
		margin-top: 0;
	}

	.guide {
		background: #fff;
	}

	/* 关于我们 */
	.float-banner {
		display: none;
	}

	.introduce-box {
		margin-bottom: 0.3125rem;
	}
}


@media (max-width: 1200px) {
	.doer_wxapp_qr_code {
		width: 10.5rem;
	}

	.float-banner {
		top: 10%;
	}
}

@media (min-width: 1200px) {
	.slogan {
		font-size: 3.75rem;
	}
}

/* 屏幕适配 END */
