.module-01 {
	margin: 0 auto;
	position: relative;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center
}

.module-01-video-box {
	float: left;
	margin-top: 40px;
	margin-left: 23px;
	width: 695px;
	height: 390px;
	position: relative
}

.module-01-video-box.fixed-play {
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	margin: 0;
	z-index: 310;
	background: rgba(0,0,0,.6)
}

.module-01-video-mask {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 210;
	background: rgba(0,0,0,.6) url(../image/video-play-btn_75ee110.png) no-repeat center
}

.module-01-video-box video {
	border-radius: 10px
}

.banner-bg {
	width: 100%;
	height: 100%;
	margin: 0 auto
}

a {
	text-decoration: none;
	color: #000
}

a:hover {
	text-decoration: none
}

.top-img {
	width: 172px;
	height: 25px;
	position: absolute;
	top: 38px;
	left: 33%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%)
}

.top-content {
	margin-right: 109px;
	margin-top: 70px;
	white-space: nowrap
}

.top-content .top-title {
	font-size: 64px;
	color: #FFF;
	font-weight: 700
}

.top-content .top-right {
	width: 183px;
	height: 64px;
	background: rgba(255,255,255,.21);
	border-radius: 4px;
	border: 1px solid #FFF;
	-webkit-backdrop-filter: blur(1px);
	backdrop-filter: blur(1px);
	font-size: 20px;
	font-weight: 500;
	color: #FFF;
	line-height: 28px;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	margin-top: 34px
}

.top-content .top-right img {
	width: 28px;
	height: 28px;
	margin-left: 23px
}

.main-center {
	position: absolute;
	left: 0;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	top: 218px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%)
}

.module-01-right .form-wrapper {
	width: 384px;
	height: 460px;
	background: #FFF;
	padding: 32px 26px;
	padding-bottom: 0
}

.module-01-right .form-wrapper .form-title {
	font-size: 24px;
	color: #000;
	line-height: 33px;
	margin-bottom: 26px;
	font-weight: 700
}

.module-01-right .form-item-box {
	position: relative;
	margin: 16px 0;
	width: 334px;
	height: 50px;
	background: #EEE
}

.module-01-right .form-city {
	padding: 0 20px;
	line-height: 54px;
	font-size: 18px;
	color: #000;
	padding-left: 20px;
	cursor: pointer
}

.module-01-right .form-city.placeholder {
	font-size: 18px;
	color: #000;
	padding-left: 20px
}

.module-01-right .form-arrow-down {
	position: absolute;
	right: 20px;
	top: 20px;
	width: 0;
	height: 0;
	border-top: 9.5px solid #333;
	border-left: 6.5px dashed transparent;
	border-right: 6.5px dashed transparent
}

.module-01-right .form-item-box input {
	display: block;
	width: 100%;
	height: 100%;
	border: 0 none;
	outline: 0;
	border-radius: 8px;
	font-size: 24px;
	padding: 0 20px;
	box-sizing: border-box;
	background: #EEE
}

.module-01-right .form-item-box input::-webkit-input-placeholder {
	font-size: 18px;
	color: #878787
}

.module-01-right .form-item-box input:-ms-input-placeholder {
	font-size: 18px;
	color: #878787
}

.module-01-right .form-item-box input::placeholder {
	font-size: 18px;
	color: #878787
}

.module-01-right .form-captcha-btn {
	position: absolute;
	right: 0;
	top: 0;
	line-height: 52px;
	font-size: 20px;
	color: #4695f1;
	width: 124px;
	text-align: center;
	cursor: pointer
}

.module-01-right .form-captcha-img {
	position: absolute;
	right: -6px;
	top: 5px;
	color: #4695f1;
	width: 124px;
	text-align: center;
	cursor: pointer;
	height: 54px
}

.module-01-right .form-captcha-btn.disable {
	cursor: default
}

.module-01-right .form-submit-btn {
	margin: 26px auto 0;
	width: 334px;
	height: 64px;
	line-height: 64px;
	background: #0296FE;
	font-size: 20px;
	color: #FFF;
	text-align: center;
	cursor: pointer
}

.module-01-right .form-qrcode {
	display: none;
	margin-top: 40px;
	width: 420px;
	height: 390px;
	text-align: center
}

.module-01-right .form-qrcode-top {
	font-family: "Microsoft YaHei";
	font-size: 34px;
	padding-top: 22px;
	color: #03a0f2;
	text-align: center;
	line-height: 50px
}

.module-01-right .form-qrcode-codes {
	margin: 25px auto 0;
	width: 370px;
	height: 200px
}

.module-01-right .form-qrcode-codes .fqc-box {
	width: 50%;
	margin: 0 auto
}

.module-01-right .form-qrcode-codes .fqc-box-code {
	display: block;
	margin: 0 auto;
	width: 144px;
	height: 144px;
	border: 2px solid #bfbfbf;
	background-size: 100% 100%;
	background-repeat: no-repeat;
	background-position: center
}

.module-01-right .form-qrcode-codes .fqc-box-title {
	margin-top: 17px;
	font-size: 18px;
	color: #525252
}

.module-01-right .form-qrcode-bottom {
	font-size: 16px;
	color: #525252
}

.block-center {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center
}

.block-title {
	font-size: 50px;
	font-weight: 600;
	color: #000;
	margin-top: 90px
}

.block-subtitle {
	font-size: 18px;
	font-weight: 400;
	color: #000;
	margin-top: 38px
}

.block-list {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-top: 42px;
	width: 1260px
}

.block-list .block-item {
	-webkit-flex-basis: 33.3%;
	-ms-flex-preferred-size: 33.3%;
	flex-basis: 33.3%;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	margin-bottom: 38px;
	position: relative
}

.block-list .block-item img {
	width: 373px;
	height: 241px
}

.block-list .block-item .item-name {
	width: 373px;
	height: 52px;
	line-height: 52px;
	background: #EFEFEF;
	padding: 0 25px;
	text-align: left;
	color: #000;
	position: relative;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	font-size: 18px;
	z-index: 9
}

.block-list .block-item .item-name .name-icon {
	width: 32px;
	height: 14px
}

.block-list .block-item .item-info {
	width: 373px;
	height: 50px;
	position: absolute;
	background: rgba(255,255,255,.74);
	bottom: 51px;
	left: 0;
	padding: 24px;
	text-align: left;
	font-size: 14px;
	color: #000;
	line-height: 20px;
	font-weight: 500;
	opacity: 0;
	transition: width .5s ease-in,opacity .5s ease-in
}

.item-none {
	width: 373px;
	height: 100px;
	position: absolute;
	background: rgba(255,255,255,.74);
	bottom: 51px;
	left: 0;
	padding: 24px;
	text-align: left;
	font-size: 14px;
	color: #000;
	line-height: 20px;
	font-weight: 500;
	opacity: 0;
	transition: width .5s linear,opacity .5s linear
}

.item-show {
	height: 137px!important;
	opacity: 1!important
}

.block-two img {
	width: 1472px;
	height: 519px;
	margin-top: 40px
}

.block-three {
	margin-top: 40px
}

.block-three img {
	height: 709px
}

.block-four img {
	height: 504px;
	margin-top: 50px
}

.footer {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	margin-top: 50px
}

.footer img {
	width: 487px;
	height: 57px
}

.footer .company {
	text-align: center;
	width: 100%;
	min-width: 115%;
	height: 70px;
	line-height: 100%;
	background: #0c0c0c;
	font-size: 20px;
	color: #fff;
	margin-top: 20px;
	padding: 90px
}

.alert-background-popup {
	z-index: 9998;
	position: fixed;
	background-color: #000;
	opacity: .6;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}

.alert-container-popup {
	z-index: 99999;
	position: fixed;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	width: 300px;
	min-height: 200px;
	background-color: #fff;
	border-radius: 10px;
	padding: 0 20px;
	font-size: 30px;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column
}

.alert-text {
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	padding: 10px;
	text-align: center;
	line-height: 1.4;
	font-size: 24px;
	text-align: justify;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center
}

.alert-confirm {
	height: 50px;
	line-height: 50px;
	border-top: 1px solid #c4c4c4;
	text-align: center;
	color: #00adff
}

.toufang-qrcode-default {
	background-image: url(../image/qrcode-app-default_f011e80.png)
}

.toufang-qrcode-360sem01 {
	background-image: url(../image/qrcode-app-360sem01_f0fae41.png)
}

.toufang-qrcode-360sem02 {
	background-image: url(../image/qrcode-app-360sem02_6407dcf.png)
}

.toufang-qrcode-360sem03 {
	background-image: url(../image/qrcode-app-360sem03_77da6e4.png)
}

.toufang-qrcode-baidusem01 {
	background-image: url(../image/qrcode-app-baidusem01_406669b.png)
}

.toufang-qrcode-baidusem02 {
	background-image: url(../image/qrcode-app-baidusem02_e06bb3a.png)
}

.toufang-qrcode-baidusem03 {
	background-image: url(../image/qrcode-app-baidusem03_3c6e1e1.png)
}

.toufang-qrcode-sogousem01 {
	background-image: url(../image/qrcode-app-sogousem01_e32ca38.png)
}

.toufang-qrcode-sogousem02 {
	background-image: url(../image/qrcode-app-sogousem02_3ef6aeb.png)
}

.toufang-qrcode-sogousem03 {
	background-image: url(../image/qrcode-app-sogousem03_2ed8251.png)
}

.toufang-qrcode-seo {
	background-image: url(../image/qrcode-seo_ca43416.png)
}

.toufang-qrcode-pinzhuan {
	background-image: url(../image/qrcode-pinzhuan_86a99c4.png)
}

.footer-text {
	color: #333;
	font-size: 15px;
	line-height: 20px;
	text-align: center;
	padding-bottom: 15px
}

.footer-text .margin {
	margin-right: 15px
}

.footer-text a {
	color: #333
}

.footer-text a:hover {
	text-decoration: none
}