@charset "utf-8";



input,

select,

textarea,

button {

	font-family: 微软雅黑, 'microsoft yahei', 宋体, 新宋体, sans-serif

}



html,

body,

div,

span,

applet,

object,

iframe,

h1,

h2,

h3,

h4,

h5,

h6,

.h1,

.h2,

.h3,

.h4,

.h5,

.h6,

p,

blockquote,

pre,

a,

abbr,

acronym,

address,

big,

cite,

code,

del,

dfn,

em,

font,

img,

strong,

ins,

kbd,

q,

s,

samp,

small,

strike,

sub,

sup,

tt,

var,

dl,

dt,

dd,

ol,

ul,

li,

fieldset,

form,

label,

legend,

table,

caption,

tbody,

tfoot,

thead,

tr,

th {

	margin: 0;

	padding: 0;

	border: 0;

	outline: 0;

	font-family: 微软雅黑, 'microsoft yahei', PingFang SC, 宋体, 新宋体, sans-serif

}



body {

	font-size: 100%

}



*,

:after,

:before {

	-webkit-box-sizing: border-box;

	box-sizing: border-box

}



.clearFix:before,

.clearFix:after {

	content: "";

	display: table

}



.clearFix:after {

	clear: both

}



.fa-mobi {

	display: none

}



.container {

	position: relative;

	width: 100% !important;

	padding: 0;

	overflow-x: hidden;

	font-size: 12px

}



.row {

	margin: 0

}



.text-center {

	text-align: center

}



.anim {

	-moz-transform: translateY(-50%) translateX(-50%);

	-ms-transform: translateY(-50%) translateX(-50%);

	-webkit-transform: translateY(-50%) translateX(-50%);

	transform: translateY(-50%) translateX(-50%);

	position: absolute;

	top: 50%;

	left: 50%

}



.anim:before {

	position: relative;

	content: "";

	display: block;

	margin-top: 100%

}



.anim:after {

	content: "";

	position: absolute;

	top: 0;

	bottom: 0;

	left: 0;

	right: 0;

	border-radius: 50%

}



.hoverable .anim {

	-moz-animation: anim-out .75s;

	-webkit-animation: anim-out .75s;

	animation: anim-out .75s

}



.hoverable .anim:after {

	-moz-animation: anim-out-pseudo .75s;

	-webkit-animation: anim-out-pseudo .75s;

	animation: anim-out-pseudo .75s

}



.hoverable .anim,

.hoverable .anim:after {

	animation-iteration-count: infinite;

	animation-duration: 1.3s

}



@-webkit-keyframes anim-in {

	0% {

		width: 0

	}



	100% {

		width: 100%

	}

}



@-moz-keyframes anim-in {

	0% {

		width: 0

	}



	100% {

		width: 100%

	}

}



@-ms-keyframes anim-in {

	0% {

		width: 0

	}



	100% {

		width: 100%

	}

}



@keyframes anim-in {

	0% {

		width: 0

	}



	100% {

		width: 100%

	}

}



@-webkit-keyframes anim-in-pseudo {

	0% {

		background: rgba(0, 0, 0, 0.25)

	}



	100% {

		background: transparent

	}

}



@-moz-keyframes anim-in-pseudo {

	0% {

		background: rgba(0, 0, 0, 0.25)

	}



	100% {

		background: transparent

	}

}



@-ms-keyframes anim-in-pseudo {

	0% {

		background: rgba(0, 0, 0, 0.25)

	}



	100% {

		background: transparent

	}

}



@keyframes anim-in-pseudo {

	0% {

		background: rgba(0, 0, 0, 0.25)

	}



	100% {

		background: transparent

	}

}



@-webkit-keyframes anim-out {

	0% {

		width: 0

	}



	100% {

		width: 100%

	}

}



@-moz-keyframes anim-out {

	0% {

		width: 0

	}



	100% {

		width: 100%

	}

}



@-ms-keyframes anim-out {

	0% {

		width: 0

	}



	100% {

		width: 100%

	}

}



@keyframes anim-out {

	0% {

		width: 0

	}



	100% {

		width: 100%

	}

}



@-webkit-keyframes anim-out-pseudo {

	0% {

		background: rgba(0, 0, 0, 0.25)

	}



	100% {

		background: transparent

	}

}



@-moz-keyframes anim-out-pseudo {

	0% {

		background: rgba(0, 0, 0, 0.25)

	}



	100% {

		background: transparent

	}

}



@-ms-keyframes anim-out-pseudo {

	0% {

		background: rgba(0, 0, 0, 0.25)

	}



	100% {

		background: transparent

	}

}



@keyframes anim-out-pseudo {

	0% {

		background: rgba(0, 0, 0, 0.25)

	}



	100% {

		background: transparent

	}

}



.fa-head {

	position: fixed;

	z-index: 2;

	height: 70px;

	width: 100%;

	background: #fff;

	-webkit-box-shadow: 0 3px 4px rgba(0, 0, 0, 0.1);

	-moz-box-shadow: 0 3px 4px rgba(0, 0, 0, 0.1);

	box-shadow: 0 3px 4px rgba(0, 0, 0, 0.1)

}



.fa-head .row {

	height: 100%

}



.fa-head .f-img {

	display: inline-block;

	height: 100%

}



.fa-head .f-img img {

	width: 136px;

	height: 38px;

	margin-top: 16px

}



.fa-head .f-action {

	display: inline-block;

	height: 70px;

	line-height: 70px;

	min-width: 220px

}



.fa-head .f-action .f-wrapper {

	display: inline-block;

	vertical-align: top;

	margin-top: 17px

}



.fa-head .f-register {

	display: block;

	float: left;

	width: 120px;

	height: 36px;

	line-height: 36px;

	font-size: 14px;

	background: #4a68ec;

	color: #fff;

	text-align: center;

	border-radius: 28px;

	margin-right: 22px;

	text-decoration: none;

	cursor: pointer

}



.fa-head .f-register:hover {

	background-color: #5776ff;

	border-color: #5776ff

}



.fa-head .f-login {

	display: block;

	float: left;

	width: 80px;

	height: 36px;

	line-height: 34px;

	font-size: 14px;

	color: #333;

	text-align: center;

	border: 1px solid #dcdcdc;

	border-radius: 28px;

	text-decoration: none;

	cursor: pointer

}



.fa-head .f-login:hover {

	background-color: rgba(153, 153, 153, 0.1);

	border-color: #999

}



.fa-banner {

	position: relative;

	width: 100%;

	padding-top: 33.33%;

	overflow: hidden;

	margin-top: 70px;

	content-visibility: auto

}



.fa-banner .banner-content {

	position: absolute;

	top: 166px;

	left: 362px;

	z-index: 1

}



@media(max-width:1746px) {

	.fa-banner .banner-content {

		top: 100px;

		left: 200px

	}

}



.fa-banner .banner-content .banner-title {

	margin-bottom: 52px;

	font-size: 35px;

	font-weight: 500;

	color: #fff;

	line-height: 35px;

	text-shadow: 0 2px 5px rgba(10, 50, 126, 0.2)

}



.fa-banner .banner-content .banner-text {

	margin-bottom: 60px;

	font-size: 16px;

	font-weight: normal;

	color: #dde8ff;

	line-height: 16px

}



.fa-banner .banner-content .banner-text-line {

	padding-bottom: 20px

}



.fa-banner .banner-content a {

	position: relative;

	display: inline-block;

	text-decoration: none

}



.fa-banner .banner-content .anim_btn {

	position: relative;

	width: 180px;

	height: 50px;

	font-size: 16px;

	text-align: center;

	line-height: 50px;

	background-image: linear-gradient(90deg, #ffe49d 0, #ffc777 100%);

	background-color: #ffe49d;

	box-shadow: 0 16px 21px 3px rgba(42, 122, 251, 0.15);

	border-radius: 25px;

	border: 0;

	color: #323845;

	overflow: hidden;

	transition: box-shadow ease .3s

}



.fa-banner .banner-content .anim_btn:hover {

	transition: box-shadow ease .3s;

	box-shadow: 0 6px 17px 1px rgba(2, 25, 89, 0.4)

}



.fa-banner .banner-content a:hover,

.fa-banner .banner-content a:focus {

	color: #323845;

	text-decoration: none

}



.fa-banner .img-responsive {

	position: absolute;

	top: 0;

	left: 0

}



.swiper-container-banner .swiper-pagination-bullet {

	background-color: #fff

}



.swiper-container-banner .swiper-pagination-bullet-active {

	background-color: #fff

}



.swiper-pagination-banner {

	position: absolute;

	z-index: 20;

	bottom: 10px;

	width: 100%;

	text-align: center

}



.swiper-pagination-switch {

	display: inline-block;

	width: 8px;

	height: 8px;

	border-radius: 8px;

	background: #555;

	margin: 0 5px;

	opacity: .8;

	border: 1px solid #fff;

	cursor: pointer

}



.swiper-active-switch {

	background: #fff

}



@media(max-width:768px) {

	.fa-banner {

		height: 7.68rem;

		margin-top: 2.069333333333333rem

	}



	.fa-banner .img-responsive {

		height: 7.68rem

	}



	.fa-banner .banner-content {

		position: absolute;

		top: 1.2rem;

		left: .7rem

	}



	.fa-banner .banner-content .banner-title {

		font-size: .76rem;

		line-height: .76rem;

		margin-bottom: .72rem

	}



	.fa-banner .banner-content .banner-text {

		margin-bottom: 1.07rem

	}



	.fa-banner .banner-content .banner-text-line {

		font-size: .44rem;

		line-height: .44rem;

		padding-bottom: .44rem

	}



	.fa-banner .banner-content .anim_btn {

		width: 4.63rem;

		height: 1.31rem;

		line-height: 1.31rem;

		background-image: linear-gradient(90deg, #ffe49d 0, #ffc777 100%);

		background-color: #ffe49d;

		border-radius: 1rem;

		font-size: .61rem;

		font-family: PingFang SC;

		font-weight: 500;

		color: #323845

	}

}



@media(min-width:769px) and (max-width:1385px) {

	.fa-banner .banner-content {

		top: .98rem;

		left: 1.19rem

	}



	.fa-banner .banner-content .banner-title {

		margin-bottom: .37rem;

		font-size: .409656rem;

		font-weight: 500;

		color: #fff;

		line-height: .409656rem;

		text-shadow: 0rem .023409rem .058522rem rgba(10, 50, 126, 0.2)

	}



	.fa-banner .banner-content .banner-text {

		margin-bottom: .29rem;

		font-size: .187271rem;

		font-weight: normal;

		color: #dde8ff;

		line-height: .187271rem

	}



	.fa-banner .banner-content .banner-text-line {

		padding-bottom: .234089rem

	}



	.fa-banner .banner-content .anim_btn {

		position: relative;

		width: 2.106803rem;

		height: .585223rem;

		font-size: .187271rem;

		line-height: .585223rem;

		background-image: linear-gradient(90deg, #ffe49d 0, #ffc777 100%);

		background-color: #ffe49d;

		box-shadow: 0rem .2rem .22rem .04rem rgba(42, 122, 251, 0.15);

		border-radius: .2926115rem;

		font-weight: normal;

		color: #323845

	}

}



.fa-window.fa-pc {

	width: 100%;

	/*height: 781px;*/

	background-image: url(../images/bg_2.jpg);

	background-repeat: no-repeat;

	background-size: cover;

	overflow: hidden;

}



.fa-window.fa-pc .fa-container {

	width: 1200px;

	/*height: 781px;*/

	overflow: hidden;

	margin: 0 auto;

	padding-top: 100px

}



.fa-window.fa-pc .fa-window-left,

.fa-window.fa-pc .fa-window-right {

	float: left

}



.fa-window.fa-pc .fa-window-left .window-title {

	height: 34px;

	margin-bottom: 20px;

	font-size: 34px;

	font-weight: 300;

	color: #333;

	line-height: 100%

}



.fa-window.fa-pc .fa-window-left .window-desc {

	height: 15px;

	font-size: 16px;

	font-weight: normal;

	color: #888;

	line-height: 100%

}



.fa-window.fa-pc .fa-window-left .window-list {

	width: 646px;

	margin-top: 50px

}



.fa-window.fa-pc .fa-window-left .window-list .window-item.active {

	box-shadow: 0 4px 20px 5px rgba(217, 223, 231, 0.8);

	transition: box-shadow ease .5s

}



.fa-window.fa-pc .fa-window-left .window-list .window-item {

	float: left;

	width: 303px;

	height: 95px;

	margin-left: 40px;

	margin-bottom: 24px;

	padding-left: 20px;

	padding-top: 16px;

	padding-bottom: 16px;

	background: #fff;

	box-shadow: 0 4px 20px 5px rgba(217, 223, 231, 0.4);

	border-radius: 8px;

	transition: box-shadow ease .5s

}



.fa-window.fa-pc .fa-window-left .window-list .window-item:nth-child(2n-1) {

	margin-left: 0

}



.fa-window.fa-pc .fa-window-left .window-list .window-icon {

	float: left;

	width: 63px;

	height: 63px

}



.fa-window.fa-pc .fa-window-left .window-item .w-icon1 {

	background: url(../images/icon_index.png) -29px -28px no-repeat

}



.fa-window.fa-pc .fa-window-left .window-item .w-icon2 {

	background: url(../images/icon_index.png) -142px -28px no-repeat

}



.fa-window.fa-pc .fa-window-left .window-item .w-icon3 {

	background: url(../images/icon_index.png) -29px -131px no-repeat

}



.fa-window.fa-pc .fa-window-left .window-item .w-icon4 {

	background: url(../images/icon_index.png) -142px -131px no-repeat

}



.fa-window.fa-pc .fa-window-left .window-item .w-icon5 {

	background: url(../images/icon_index.png) -29px -234px no-repeat

}



.fa-window.fa-pc .fa-window-left .window-item .w-icon6 {

	background: url(../images/icon_index.png) -142px -234px no-repeat

}



.fa-window.fa-pc .fa-window-left .window-item .w-icon7 {

	background: url(../images/icon_index.png) -29px -337px no-repeat

}



.fa-window.fa-pc .fa-window-left .window-item .w-icon8 {

	background: url(../images/icon_index.png) -142px -337px no-repeat

}



.fa-window.fa-pc .fa-window-left .window-list .window-text {

	margin-left: 20px;

	float: left

}



.fa-window.fa-pc .fa-window-left .window-text strong {

	display: block;

	margin-top: 22px;

	margin-bottom: 14px;

	line-height: 100%;

	font-size: 16px;

	font-weight: normal;

	color: #333;

	transition: all ease .5s

}



.fa-window.fa-pc .fa-window-left .window-text p {

	height: 0;

	opacity: 0;

	transition: all ease .5s;

	font-size: 12px

}



.fa-window.fa-pc .fa-window-left .window-item.active .window-text strong {

	display: block;

	margin-top: 10px;

	margin-bottom: 14px;

	line-height: 100%;

	font-size: 16px;

	font-weight: normal;

	color: #333;

	transition: all ease .5s

}



.fa-window.fa-pc .fa-window-left .window-item.active .window-text p {

	transition: all ease .3s;

	height: 12px;

	font-size: 13px;

	font-weight: normal;

	color: #666;

	line-height: 13px;

	opacity: .8

}



.fa-window.fa-pc .fa-window-right {

	position: relative;

	width: 350px;

	height: 618px;

	margin-left: 163px;

	margin-top: 28px

}



.fa-window.fa-pc .fa-window-right .bg {

	width: 350px;

	height: 618px;

	position: absolute;

	top: 0;

	left: 0;

	z-index: 2

}



.fa-window.fa-pc .fa-window-right .target {

	width: 236px;

	height: 510px;

	position: absolute;

	top: 22px;

	left: 32px;

	z-index: 0

}



.fa-window.fa-pc .fa-window-right .target.active {

	z-index: 1

}



.fa-window.fa-mobi {

	background-image: url(../images/bg_mobi.jpg);

	background-repeat: no-repeat;

	background-size: cover

}



.fa-window.fa-mobi .fa-container {

	width: 100%;

	height: 19.56rem;

	padding-top: 1.75rem

}



.fa-window.fa-mobi .fa-container .window-title {

	font-size: .96rem;

	font-weight: normal;

	color: #333;

	text-align: center

}



.fa-window.fa-mobi .fa-container .window-desc {

	margin-top: .65rem;

	margin-bottom: 1.2rem;

	font-size: .61rem;

	font-weight: normal;

	color: #888;

	text-align: center

}



.fa-window.fa-mobi .window-content {

	width: 100%;

	overflow: hidden;

	padding-left: .45rem

}



.fa-window.fa-mobi .fa-window-left,

.fa-window.fa-mobi .window-list {

	float: left

}



.fa-window.fa-mobi .fa-window-left {

	position: relative

}



.fa-window.fa-mobi .fa-window-left .bg {

	width: 7.64rem;

	height: 13.49rem;

	position: relative;

	top: 0;

	left: 0;

	z-index: 2

}



.fa-window.fa-mobi .fa-window-left .target {

	width: 5.37rem;

	height: 11.13rem;

	position: absolute;

	top: .48rem;

	left: .61rem;

	z-index: 0

}



.fa-window.fa-mobi .fa-window-left .target.active {

	z-index: 1

}



.fa-window.fa-mobi .window-list .window-item {

	width: 6.98rem;

	height: 1.18rem;

	margin-bottom: .33rem;

	line-height: 1.18rem;

	text-align: center

}



.fa-window.fa-mobi .window-list .window-item.active {

	width: 6.98rem;

	height: 1.18rem;

	line-height: 1.18rem;

	border: 1px solid #2979fb;

	background-color: #e9f1ff;

	border-radius: 1rem;

	text-align: center

}



.fa-window.fa-mobi .window-list .window-item strong {

	font-size: .52rem;

	font-family: PingFang SC;

	font-weight: normal;

	color: #333

}



.fa-window.fa-mobi .window-list .window-item.active strong {

	color: #2979fb

}



@media(min-width:769px) and (max-width:1385px) {

	.fa-window.fa-pc {

		/*height: 9.14rem*/

	}



	.fa-window.fa-pc .fa-container {

		width: 14.05rem;

		/*height: 9.14rem;*/

		margin: 0 auto;

		padding-top: 1.17rem

	}



	.fa-window.fa-pc .fa-window-left .window-title {

		height: .397952rem;

		margin-bottom: .234089rem;

		font-size: .397952rem;

		line-height: 100%

	}



	.fa-window.fa-pc .fa-window-left .window-desc {

		height: .18rem;

		font-size: .19rem;

		line-height: .26rem

	}



	.fa-window.fa-pc .fa-window-left .window-list {

		width: 7.57rem;

		margin-top: .57rem

	}



	.fa-window.fa-pc .fa-window-left .window-list .window-item {

		width: 3.55rem;

		height: 1.11rem;

		margin-left: .47rem;

		margin-bottom: .28rem;

		padding-left: .23rem;

		padding-top: .19rem;

		padding-bottom: .19rem

	}



	.fa-window.fa-pc .fa-window-left .window-list .window-item:nth-child(2n-1) {

		margin-left: 0

	}



	.fa-window.fa-pc .fa-window-left .window-list .window-icon {

		float: left;

		width: .74rem;

		height: .74rem

	}



	.fa-window.fa-pc .fa-window-left .window-list .window-text {

		float: none;

		width: 100%;

		padding-left: .95rem;

		margin-left: 0

	}



	.fa-window.fa-pc .fa-window-left .window-text strong {

		display: block;

		margin-top: .257498rem;

		margin-bottom: .163863rem;

		line-height: 100%;

		font-size: .187271rem;

		font-weight: normal;

		color: #333;

		transition: all ease .5s

	}



	.fa-window.fa-pc .fa-window-left .window-text p {

		transition: all ease .3s;

		height: 0;

		opacity: 0

	}



	.fa-window.fa-pc .fa-window-left .window-item.active .window-text strong {

		display: block;

		margin-top: .117045rem;

		margin-bottom: .163863rem;

		line-height: 100%;

		font-size: .187271rem;

		font-weight: normal;

		color: #333;

		transition: all ease .5s

	}



	.fa-window.fa-pc .fa-window-left .window-item.active .window-text p {

		height: .26rem;

		font-size: .15rem;

		line-height: .26rem;

		opacity: .8;

		overflow: hidden;

		text-overflow: ellipsis;

		white-space: nowrap

	}



	.fa-window.fa-pc .fa-window-right .bg {

		width: 4.1rem;

		height: 7.23rem

	}



	.fa-window.fa-pc .fa-window-right .target {

		width: 2.88rem;

		height: 5.972rem;

		top: .255rem;

		left: .33rem;

		border-radius: 5px

	}



	.fa-window.fa-pc .fa-window-right {

		position: relative;

		width: 4.1rem;

		height: 7.23rem;

		margin-left: 1.91rem;

		background-image: url(../images/phone.png);

		background-size: contain;

		background-repeat: no-repeat

	}



	.fa-window.fa-pc .fa-window-left .window-item .w-icon1 {

		background-position: -0.34rem -0.33rem;

		background-size: 10.53rem 10.53rem

	}



	.fa-window.fa-pc .fa-window-left .window-item .w-icon2 {

		background-position: -1.66rem -0.33rem;

		background-size: 10.53rem 10.53rem

	}



	.fa-window.fa-pc .fa-window-left .window-item .w-icon3 {

		background-position: -0.34rem -1.53rem;

		background-size: 10.53rem 10.53rem

	}



	.fa-window.fa-pc .fa-window-left .window-item .w-icon4 {

		background-position: -1.66rem -1.53rem;

		background-size: 10.53rem 10.53rem

	}



	.fa-window.fa-pc .fa-window-left .window-item .w-icon5 {

		background-position: -0.34rem -2.74rem;

		background-size: 10.53rem 10.53rem

	}



	.fa-window.fa-pc .fa-window-left .window-item .w-icon6 {

		background-position: -1.66rem -2.74rem;

		background-size: 10.53rem 10.53rem

	}



	.fa-window.fa-pc .fa-window-left .window-item .w-icon7 {

		background-position: -0.34rem -3.94rem;

		background-size: 10.53rem 10.53rem

	}



	.fa-window.fa-pc .fa-window-left .window-item .w-icon8 {

		background-position: -1.66rem -3.94rem;

		background-size: 10.53rem 10.53rem

	}

}



.fa-intro.fa-pc {

	width: 100%;

	height: 710px;

	background-image: url(../images/bg_3.jpg);

	background-repeat: no-repeat;

	background-size: cover;

	overflow: hidden

}



.fa-intro.fa-pc .fa-container {

	width: 1200px;

	height: 710px;

	margin: 0 auto;

	padding-top: 121px

}



.fa-intro-left {

	float: left;

	width: 245px

}



.fa-intro-left .intro-list {

	width: 100%

}



.fa-intro-left .intro-list .intro-item {

	position: relative;

	width: 260px;

	height: 102px;

	transition: box-shadow ease .5s, border-radius ease .5s, color ease .5s

}



.fa-intro-left .intro-list .intro-item .intro-item-content {

	position: absolute;

	left: 50%;

	top: 50%;

	z-index: 2;

	width: 100%;

	transform: translate(-50%, -50%);

	-ms-transform: translate(-50%, -50%);

	-webkit-transform: translate(-50%, -50%);

	-o-transform: translate(-50%, -50%);

	-moz-transform: translate(-50%, -50%)

}



.fa-intro-left .intro-list .icon-num,

.fa-intro-left .intro-list .intro-left-title,

.fa-intro-left .intro-list .intro-arrow {

	display: inline-block;

	vertical-align: middle

}



.fa-intro-left .intro-list .intro-item.active {

	box-shadow: 0 15px 20px 0 rgba(58, 111, 210, 0.2);

	border-radius: 2px;

	color: #fff;

	transition: box-shadow ease .5s, border-radius ease .5s, color ease .5s

}



.fa-intro-left .intro-list .intro-item .intro-item-bg {

	opacity: 0;

	transition: opacity ease .5s

}



.fa-intro-left .intro-list .intro-item.active .intro-item-bg {

	content: '';

	position: absolute;

	z-index: 1;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	background-image: linear-gradient(90deg, #62a4fe 0, #3674f9 100%);

	background-color: #62a4fe;

	opacity: 1;

	transition: opacity ease .7s

}



.fa-intro-left .intro-list .active .intro-left-title {

	color: #fff

}



.fa-intro-left .intro-list .active .num1 {

	background: url(../images/icon_index.png) -89px -464px no-repeat

}



.fa-intro-left .intro-list .active .num2 {

	background: url(../images/icon_index.png) -89px -520px no-repeat

}



.fa-intro-left .intro-list .active .num3 {

	background: url(../images/icon_index.png) -89px -578px no-repeat

}



.fa-intro-left .intro-list .active .num4 {

	background: url(../images/icon_index.png) -89px -635px no-repeat

}



.fa-intro-left .intro-list .active .num5 {

	background: url(../images/icon_index.png) -89px -692px no-repeat

}



.fa-intro-left .intro-list .active .intro-arrow::after {

	position: absolute;

	top: 0;

	left: 0;

	z-index: 1;

	content: '';

	width: 11px;

	height: 10px;

	background: url(../images/icon_index.png) -172px -472px no-repeat

}



.fa-intro-left .intro-list .active .intro-arrow::before {

	position: absolute;

	top: -65%;

	left: -65%;

	z-index: 0;

	content: '';

	width: 26px;

	height: 26px;

	background-color: #fff;

	border-radius: 50%;

	box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.2)

}



.fa-intro-left .intro-list .intro-item .icon-num {

	width: 26px;

	height: 27px;

	margin-left: 20px;

	background-size: 900px 900px

}



.fa-intro-left .intro-list .num1 {

	background: url(../images/icon_index.png) -29px -464px no-repeat

}



.fa-intro-left .intro-list .num2 {

	background: url(../images/icon_index.png) -29px -520px no-repeat

}



.fa-intro-left .intro-list .num3 {

	background: url(../images/icon_index.png) -29px -578px no-repeat

}



.fa-intro-left .intro-list .num4 {

	background: url(../images/icon_index.png) -29px -635px no-repeat

}



.fa-intro-left .intro-list .num5 {

	background: url(../images/icon_index.png) -29px -692px no-repeat

}



.fa-intro-left .intro-list .intro-left-title {

	margin-left: 17px;

	font-size: 20px;

	font-weight: normal;

	color: #8b8fa4

}



.fa-intro-left .intro-list .intro-arrow {

	position: relative;

	width: 11px;

	height: 10px;

	margin-left: 30px

}



.fa-intro-left .intro-list .intro-arrow::after {

	position: absolute;

	top: 0;

	left: 0;

	content: '';

	width: 11px;

	height: 10px;

	background: url(../images/icon_index.png) -172px -498px no-repeat

}



.fa-intro-right {

	float: left;

	width: 881px;

	margin-left: 74px

}



.fa-intro-right .intro-right-title {

	position: relative

}



.fa-intro-right .intro-right-title-text {

	position: absolute;

	opacity: 0;

	font-size: 26px;

	font-weight: 300;

	line-height: 30px;

	color: #333;

	transition: opacity ease .3s

}



.fa-intro-right .intro-right-title-text.active {

	position: absolute;

	top: 0;

	left: 0;

	opacity: 1;

	transition: opacity ease .3s

}



.fa-intro-right .intro-control {

	float: right;

	margin-left: auto

}



.fa-intro-right .intro-control .control-btn-left,

.fa-intro-right .intro-control .intro-control-text,

.fa-intro-right .intro-control .control-btn-right {

	display: inline-block;

	vertical-align: middle

}



.fa-intro-right .intro-control .control-btn-left:hover,

.fa-intro-right .intro-control .control-btn-right:hover {

	background: #2979fb

}



.fa-intro-right .intro-control .control-btn-left,

.fa-intro-right .intro-control .control-btn-right {

	position: relative;

	width: 20px;

	height: 20px;

	background: #eee;

	border-radius: 2px

}



.fa-intro-right .intro-control .control-btn-left::before {

	position: absolute;

	top: 6px;

	left: 6px;

	content: '';

	width: 6.7px;

	height: 11.4px;

	background: url(../images/icon_index.png) -171px -532px no-repeat

}



.fa-intro-right .intro-control .control-btn-left:hover::before {

	background: url(../images/icon_index.png) -171px -553px no-repeat

}



.fa-intro-right .intro-control .intro-control-text {

	margin: 0 12px;

	color: #aaa;

	line-height: 30px

}



.fa-intro-right .intro-control .intro-control-text .active {

	color: #2979fb

}



.fa-intro-right .intro-control .control-btn-right::before {

	position: absolute;

	top: 6px;

	left: 6px;

	content: '';

	width: 6.7px;

	height: 11.4px;

	background: url(../images/icon_index.png) -181px -532px no-repeat

}



.fa-intro-right .intro-control .control-btn-right:hover::before {

	background: url(../images/icon_index.png) -181px -553px no-repeat

}



.fa-intro-right .intro-content-all {

	width: 100%;

	height: 500px;

	overflow: hidden;

	position: relative

}



.fa-intro-right .intro-content-list {

	position: absolute;

	opacity: 0;

	margin-top: 55px;

	transition: opacity ease .3s

}



.fa-intro-right .intro-content-list.active {

	position: absolute;

	top: 0;

	height: auto;

	white-space: nowrap;

	opacity: 1;

	transition: opacity ease .3s

}



.fa-intro-right .intro-content-list .intro-content-item {

	position: relative;

	height: 440px;

	margin-left: 66px;

	display: inline-block

}



.fa-intro-right .intro-content-list .intro-content-img {

	box-shadow: 0 4px 20px 5px rgb(217 223 231 / 40%)

}



.fa-intro-right .intro-content-list .intro-content-item:first-child {

	margin-left: 0

}



.fa-intro-right .intro-content-list .intro-content-item .intro-content-tips {

	position: absolute;

	top: 0;

	left: 0;

	z-index: 1;

	width: 247px;

	height: 440px;

	opacity: 0;

	border-radius: 4px;

	transition: all ease .3s

}



.fa-intro-right .intro-content-list .intro-content-item .intro-content-tips::before {

	content: "";

	position: absolute;

	top: 0;

	left: 0;

	z-index: 1;

	width: 247px;

	height: 440px;

	background: #000;

	opacity: .7;

	border-radius: 4px;

	transition: all ease .3s

}



.fa-intro-right .intro-content-list .intro-content-item .intro-content-tips-title {

	position: relative;

	z-index: 2;

	margin-top: 172px;

	text-align: center;

	font-size: 20px;

	font-weight: 300;

	color: #fff

}



.fa-intro-right .intro-content-list .intro-content-item .intro-content-tips-title::before {

	position: absolute;

	top: 40px;

	left: 98px;

	content: '';

	width: 50px;

	height: 2px;

	background: #2979fb;

	border-radius: 1px

}



.fa-intro-right .intro-content-list .intro-content-item .intro-content-tips-title-spec.intro-content-tips-title::before {

	top: 60px

}



.fa-intro-right .intro-content-list .intro-content-item .intro-content-tips-intro {

	position: relative;

	z-index: 2;

	width: 195px;

	margin: 25px auto 0;

	font-size: 15px;

	font-weight: normal;

	color: #fff;

	text-align: center;

	line-height: 24px;

	opacity: .8

}



.fa-intro-right .intro-content-list .intro-content-item:hover .intro-content-tips {

	opacity: 1

}



.fa-intro-right .intro-content-list .intro-content-special {

	width: 274px;

	height: 443px;

	margin-left: 40px;

	transform: translateY(-202px);

	display: inline-block

}



.fa-intro-right .intro-content-list .intro-content-special-title {

	width: 160px;

	height: 15px;

	font-size: 16px;

	font-weight: normal;

	color: #333;

	line-height: 16px

}



.fa-intro-right .intro-content-list .intro-content-special-line {

	display: inline-block;

	width: 50px;

	height: 2px;

	margin-top: 30px;

	margin-bottom: 30px;

	background: #2979fb;

	border-radius: 1px

}



.fa-intro-right .intro-content-list .intro-content-special-intro {

	width: 256px;

	height: 62px;

	font-size: 15px;

	font-weight: normal;

	color: #666;

	line-height: 24px;

	opacity: .8

}



.fa-intro.fa-mobi {

	width: 100%;

	height: 19.75rem;

	background-color: #f5f7fb;

	overflow: hidden

}



.fa-intro.fa-mobi .fa-container {

	height: 19.75rem;

	margin: 0 auto;

	padding-top: 1.75rem

}



.fa-intro.fa-mobi .intro-list {

	position: relative;

	margin-bottom: 1.55rem;

	padding-left: .19rem;

	white-space: nowrap;

	overflow-x: scroll;

	overflow-y: hidden

}



.fa-intro.fa-mobi .intro-list::-webkit-scrollbar {

	display: none

}



.fa-intro.fa-mobi .intro-list .intro-item {

	height: 1.26rem;

	padding-left: .45rem;

	padding-right: .45rem;

	display: inline-block;

	font-size: .6rem;

	line-height: .6rem;

	font-weight: normal;

	color: #546071

}



.fa-intro.fa-mobi .intro-list .intro-item-line {

	position: absolute;

	top: 1.13rem;

	left: 1.3rem;

	width: 1.7rem;

	height: .13rem;

	background: #2979fb;

	border-radius: .1rem;

	transition: left ease .3s

}



.fa-intro.fa-mobi .intro-list .intro-item.active {

	position: relative;

	color: #333;

	font-size: .77rem;

	line-height: .77rem

}



.fa-intro.fa-mobi .intro-title {

	height: 0;

	opacity: 0

}



.fa-intro.fa-mobi .intro-title.active {

	height: auto;

	opacity: 1;

	margin-bottom: 1.28rem;

	font-size: .85rem;

	font-weight: normal;

	color: #333;

	text-align: center

}



.fa-intro.fa-mobi .intro-content-list {

	height: 0;

	opacity: 0

}



.fa-intro.fa-mobi .intro-content-list.active {

	height: auto;

	opacity: 1;

	padding-left: .64rem;

	white-space: nowrap

}



.fa-intro.fa-mobi .intro-content-list .intro-content-item {

	position: relative;

	height: 9.37rem;

	margin-right: .85rem;

	display: inline-block

}



.fa-intro.fa-mobi .intro-content-list .intro-content-img {

	height: 9.37rem;

	box-shadow: 0rem .1rem .5rem .1rem rgba(217, 223, 231, 0.4)

}



.fa-intro.fa-mobi .intro-tips {

	margin-top: 1.06rem;

	font-size: .51rem;

	font-weight: normal;

	color: #999;

	text-align: center

}



.fa-intro.fa-mobi .intro-content-list .intro-content-item .intro-content-tips {

	position: absolute;

	top: 0;

	left: 0;

	z-index: 1;

	width: 5.26rem;

	height: 9.37rem;

	opacity: 0;

	border-radius: 4px

}



.fa-intro.fa-mobi .intro-content-list .intro-content-item .intro-content-tips::before {

	content: "";

	position: absolute;

	top: 0;

	left: 0;

	z-index: 1;

	width: 5.26rem;

	height: 9.37rem;

	background: #000;

	opacity: .7;

	border-radius: 4px

}



.fa-intro.fa-mobi .intro-content-list .intro-content-item .intro-content-tips-title-spec.intro-content-tips-title::before {

	top: 1.68296rem

}



.fa-intro.fa-mobi .intro-content-list .intro-content-item .intro-content-tips-title {

	position: relative;

	z-index: 2;

	margin-top: 3.58rem;

	text-align: center;

	font-size: .6rem;

	font-weight: 300;

	color: #fff

}



.fa-intro.fa-mobi .intro-content-list .intro-content-item .intro-content-tips-title::before {

	position: absolute;

	top: .85rem;

	left: 2.09rem;

	content: '';

	width: 1.07rem;

	height: .0426rem;

	background: #2979fb;

	border-radius: 1px

}



.fa-intro.fa-mobi .intro-content-list .intro-content-item .intro-content-tips-intro {

	position: relative;

	z-index: 2;

	width: 100%;

	margin-top: .533rem;

	font-size: .31rem;

	font-weight: normal;

	color: #fff;

	text-align: center;

	line-height: .6rem;

	opacity: .8;

	transform: scale(0.9)

}



.fa-intro.fa-mobi .intro-content-list .intro-content-item:hover .intro-content-tips {

	opacity: 1

}



.fa-intro.fa-mobi .intro-content-list .intro-content-special {

	width: 5.266rem;

	height: 9.44rem;

	margin-left: .8rem;

	transform: translateY(-2.43rem);

	display: inline-block

}



.fa-intro.fa-mobi .intro-content-list .intro-content-special-title {

	width: 3.41rem;

	height: .32rem;

	font-size: .34rem;

	font-weight: normal;

	color: #333;

	line-height: .34rem

}



.fa-intro.fa-mobi .intro-content-list .intro-content-special-line {

	display: inline-block;

	width: 1.07rem;

	height: .042rem;

	margin-top: .64rem;

	margin-bottom: .64rem;

	background: #2979fb;

	border-radius: .021rem

}



.fa-intro.fa-mobi .intro-content-list .intro-content-special-intro {

	width: 5.5rem;

	height: 1.32rem;

	font-size: .32rem;

	font-weight: normal;

	color: #666;

	line-height: .51rem;

	opacity: .8

}



@media(min-width:769px) and (max-width:1385px) {

	.fa-intro.fa-pc {

		height: 8.78rem

	}



	.fa-intro.fa-pc .fa-container {

		width: 14.55rem;

		height: 9.14rem;

		margin: 0 auto;

		padding-top: 1.42rem

	}



	.fa-intro-left {

		width: 2.87rem

	}



	.fa-intro-left .intro-list .intro-item {

		width: 2.87rem;

		height: 1.19rem

	}



	.fa-intro-left .intro-list .active .num1 {

		background-position: -1.04rem -5.43rem;

		background-size: 10.53rem 10.53rem

	}



	.fa-intro-left .intro-list .active .num2 {

		background-position: -1.04rem -6.1rem;

		background-size: 10.53rem 10.53rem

	}



	.fa-intro-left .intro-list .active .num3 {

		background-position: -1.04rem -6.77rem;

		background-size: 10.53rem 10.53rem

	}



	.fa-intro-left .intro-list .active .num4 {

		background-position: -1.04rem -7.43rem;

		background-size: 10.53rem 10.53rem

	}



	.fa-intro-left .intro-list .active .num5 {

		background-position: -1.04rem -8.1rem;

		background-size: 10.53rem 10.53rem

	}



	.fa-intro-left .intro-list .active .intro-arrow::after {

		width: .13rem;

		height: .12rem;

		background-position: -2.01rem -5.52rem;

		background-size: 10.53rem 10.53rem

	}



	.fa-intro-left .intro-list .active .intro-arrow::before {

		width: .3rem;

		height: .3rem

	}



	.fa-intro-left .intro-list .intro-item .icon-num {

		width: .3rem;

		height: .3rem;

		margin-left: .23rem;

		background-size: 10.53rem 10.53rem

	}



	.fa-intro-left .intro-list .num1 {

		background-position: -0.34rem -5.43rem;

		background-size: 10.53rem 10.53rem

	}



	.fa-intro-left .intro-list .num2 {

		background-position: -0.34rem -6.1rem;

		background-size: 10.53rem 10.53rem

	}



	.fa-intro-left .intro-list .num3 {

		background-position: -0.34rem -6.77rem;

		background-size: 10.53rem 10.53rem

	}



	.fa-intro-left .intro-list .num4 {

		background-position: -0.34rem -7.43rem;

		background-size: 10.53rem 10.53rem

	}



	.fa-intro-left .intro-list .num5 {

		background-position: -0.34rem -8.1rem;

		background-size: 10.53rem 10.53rem

	}



	.fa-intro-left .intro-list .intro-left-title {

		font-size: .23rem;

		margin-left: .19rem

	}



	.fa-intro-left .intro-list .intro-arrow {

		width: .13rem;

		height: .12rem;

		margin-left: .35rem !important;

	}



	.fa-intro-left .intro-list .intro-arrow::after {

		width: 11px;

		height: 10px;

		background-position: -2.01rem -5.82rem;

		background-size: 10.53rem 10.53rem

	}



	.fa-intro-right {

		width: 10.31rem;

		margin-left: .87rem

	}



	.fa-intro-right .intro-content-all {

		width: 10.31rem;

		height: 5.594733rem;

		overflow: hidden;

		position: relative

	}



	.fa-intro-right .intro-content-list {

		position: absolute;

		opacity: 0;

		margin-top: .44477rem;

		transition: opacity ease .3s

	}



	.fa-intro-right .intro-content-list.active {

		position: absolute;

		top: 0;

		height: auto;

		white-space: nowrap;

		opacity: 1;

		transition: opacity ease .3s

	}



	.fa-intro-right .intro-right-title {

		position: relative

	}



	.fa-intro-right .intro-right-title-text {

		position: absolute;

		opacity: 0;

		font-size:.301134rem;

		font-weight: 300;

		line-height: .351134rem;

		color: #333;

		transition: opacity ease .3s

	}



	.fa-intro-right .intro-right-title-text.active {

		position: absolute;

		top:-15px;

		left: 0;

		opacity: 1;

		transition: opacity ease .3s

	}



	.fa-intro-right .intro-content-list.active {

		margin-top: .44rem

	}

	.fa-intro-right .slb.active {

		margin-top: .15rem !important

	}

	.fa-intro-right .intro-content-list .intro-content-item {

		margin-left: .76rem;

		display: inline-block

	}



	.fa-intro-right .intro-content-list .intro-content-item:first-child {

		margin-left: 0

	}



	.fa-intro-right .intro-content-list .intro-content-img {

		height: 5.15rem

	}



	.fa-intro-right .intro-content-list .intro-content-img-spec {

		width: 6.79rem;

		height: 5.15rem

	}



	.fa-intro-right .intro-content-list .intro-content-item .intro-content-tips {

		position: absolute;

		top: 0;

		left: 0;

		z-index: 1;

		width: 2.891002rem;

		height: 5.149963rem;

		opacity: 0;

		border-radius: .046818rem

	}



	.fa-intro-right .intro-content-list .intro-content-item .intro-content-tips::before {

		content: "";

		position: absolute;

		top: 0;

		left: 0;

		z-index: 1;

		width: 2.891002rem;

		height: 5.149963rem;

		background: #000;

		opacity: .7;

		border-radius: .046818rem;

		transition: all ease .3s

	}



	.fa-intro-right .intro-content-list .intro-content-item .intro-content-tips-title-spec.intro-content-tips-title::before {

		top: .702268rem

	}



	.fa-intro-right .intro-content-list .intro-content-item .intro-content-tips-title {

		position: relative;

		margin-top: 2.013168rem;

		text-align: center;

		font-size: .234089rem;

		font-weight: 300;

		color: #fff

	}



	.fa-intro-right .intro-content-list .intro-content-item .intro-content-tips-title::before {

		position: absolute;

		top: .468179rem;

		left: 1.147037rem;

		content: '';

		width: .585223rem;

		height: .023409rem;

		background: #2979fb;

		border-radius: .011705rem

	}



	.fa-intro-right .intro-content-list .intro-content-item .intro-content-tips-intro {

		width: 2.28237rem;

		margin: .292612rem auto 0;

		font-size: .175567rem;

		font-weight: normal;

		color: #fff;

		text-align: center;

		line-height: .280907rem;

		opacity: .8

	}



	.fa-intro-right .intro-content-list .intro-content-item:hover .intro-content-tips::before {

		opacity: .7

	}



	.fa-intro-right .intro-content-list .intro-content-special {

		width: 3.207023rem;

		height: 5.185077rem;

		margin-left: .468179rem;

		transform: translateY(-2.364301rem);

		display: inline-block

	}



	.fa-intro-right .intro-content-list .intro-content-special-title {

		width: 1.872714rem;

		height: .175567rem;

		font-size: .187271rem;

		font-weight: normal;

		color: #333;

		line-height: .187271rem

	}



	.fa-intro-right .intro-content-list .intro-content-special-line {

		display: inline-block;

		width: .585223rem;

		height: .023409rem;

		margin-top: .351134rem;

		margin-bottom: .351134rem;

		background: #2979fb;

		border-radius: .011705rem

	}



	.fa-intro-right .intro-content-list .intro-content-special-intro {

		width: 2.996342rem;

		height: .725677rem;

		font-size: .175567rem;

		font-weight: normal;

		color: #666;

		line-height: .280907rem;

		opacity: .8;

		word-wrap: break-word;

		word-break: break-all;

		white-space: normal

	}



	.display-none {

		display: none

	}

}



.fa-case {

	width: 100%;

	height: auto;

	background-image: url(../images/bg_4.jpg);

	background-repeat: no-repeat;

	background-size: cover;

	text-align: center

}



.fa-case .content {

	width: 1324px;

	margin: 0 auto;

	position: relative

}



.fa-case .title {

	height: 33px;

	margin-bottom: 20px;

	font-size: 35px;

	font-weight: 300;

	color: #333;

	line-height: 100%;

	background-size: contain

}



.fa-case .sub_title {

	height: 16px;

	font-size: 16px;

	font-weight: normal;

	color: #888

}



.fa-case .item-content {

	position: relative;

	width: 1230px;

	height: 460px;

	margin: 0 auto;

	overflow: hidden;

	text-align: center

}



.fa-case .templates {

	position: relative;

	width: 1200px;

	height: 450px;

	margin: 0 auto;

	text-align: center

}



.fa-case .templates .clearfix {

	position: absolute;

	width: 300%;

	height: 100%;

	-webkit-transform: translateX(0px);

	transform: translateX(0px);

	padding-top: 44px;

	transition: transform ease .3s

}



.fa-case .templates .clearfix li {

	float: left;

	width: 275px;

	margin-right: 35px;

	display: inline-block

}



.fa-case .templates .template_code {

	width: 275px;

	height: 400px;

	display: inline-block;

	float: left;

	position: relative

}



.fa-case .content .item_btn {

	position: absolute;

	top: 0;

	z-index: 2;

	height: 450px;

	line-height: 450px;

	padding-top: 30px

}



.fa-case .content .btn_left {

	left: 0

}



.fa-case .content .btn_right {

	right: 0

}



.fa-case .content .item_btn .iconfont {

	position: relative;

	display: inline-block;

	width: 30px;

	height: 60px;

	border: 1px solid #3f87f9;

	background: #3f87f9;

	opacity: .9;

	cursor: pointer;

	transition: none;

	box-shadow: 0 4px 25px 0 rgb(68 93 127 / 15%);

	opacity: .9;

	border-radius: 4px;

	transition: all .3s

}



.fa-case .content .item_btn .iconfont::before {

	content: '';

	position: absolute;

	top: 22px;

	left: 10px;

	width: 8px;

	height: 16px;

	background: url(../images/icon_index.png) -168px -609px no-repeat

}



.fa-case .content .item_btn:hover .iconfont {

/*	position: relative;

	width: 30px;

	height: 60px;

	background: #3f87f9;

	opacity: .9*/



}



.fa-case .content .item_btn:hover .iconfont::before {

	content: '';

	position: absolute;

	top: 22px;

	left: 10px;

	width: 8px;

	height: 16px;

	background: url(../images/icon_index.png) -168px -609px no-repeat

}



.fa-case .content .btn_right .iconfont::before {

/*	content: '';

	position: absolute;

	top: 22px;

	left: 10px;

	width: 8px;

	height: 16px;

	background: url(../images/icon_index.png) -182px -583px no-repeat*/

	content: '';

	position: absolute;

	top: 22px;

	left: 10px;

	width: 8px;

	height: 16px;

	background: url(../images/icon_index.png) -182px -609px no-repeat

}



.fa-case .content .btn_right:hover .iconfont::before {

	content: '';

	position: absolute;

	top: 22px;

	left: 10px;

	width: 8px;

	height: 16px;

	background: url(../images/icon_index.png) -182px -609px no-repeat

}



.fa-case .pc_li {

	transition: transform ease .3s

}



.fa-case .templates .name {

	position: absolute;

	font-size: 20px;

	color: #333;

	top: 274px;

	width: 100%;

	text-align: center

}



.fa-case .templates .info {

	position: absolute;

	width: 100%;

	text-align: center;

	top: 291px

}



.fa-case .templates .template_code {

	transition: transform .3s ease, box-shadow .3s ease

}



.fa-case .pc_li:hover {

	transform: translate3d(0, -10px, 0);

	transition: transform ease .3s

}



.fa-case .templates .template_code:hover {

	opacity: 1

}



.fa-case .templates .template_code:hover .code_img {

	box-shadow: 0 4px 14px 5px rgba(217, 223, 231, 0.4)

}



.fa-case .templates .pre_img {

	position: absolute;

	top: 0;

	left: 0;

	width: 275px;

	height: 400px;

	box-shadow: 0 4px 12px 5px rgba(217, 223, 231, 0.4)

}



.fa-case .templates .template_code {

	position: absolute;

	top: 0;

	left: 0;

	z-index: 1;

	opacity: 0;

	transition: all .3s

}



.fa-case .templates .template_code .code_img {

	transition: box-shadow .3s ease

}



.fa-case .templates .template_code .code_tips {

	position: absolute;

	font-size: 16px;

	color: #333;

	width: 100%;

	left: 0;

	bottom: 31px

}



.fa-case .link {

	margin-top: 40px;

	position: relative;

	overflow: hidden

}



.fa-case .link::after {

	content: '';

	width: 100%;

	padding-top: 100%;

	top: 50%;

	left: 50%;

	position: absolute;

	transform: translate(-50%, -50%);

	border-radius: 50%;

	animation: ripple 1.3s infinite

}



.fa-case .link:hover:after {

	display: none

}



.fa-case .intro_button {

	display: inline-block;

	width: 140px;

	height: 40px;

	margin-top: 50px;

	margin-bottom: 40px;

	background-image: linear-gradient(90deg, #2576fb 0, #59a3ff 100%);

	background-color: #2576fb;

	border-radius: 20px;

	transition: box-shadow ease .3s;

	box-shadow: 0 16px 21px 3px rgba(42, 122, 251, 0.15)

}



.fa-case .intro_button:hover {

	box-shadow: 0 8px 9px 0 rgba(42, 122, 251, 0.25);

	transition: box-shadow ease .3s

}



.fa-case .intro_button a {

	width: 140px;

	height: 40px;

	line-height: 40px;

	font-size: 14px;

	font-weight: normal;

	color: #FFF;

	text-decoration: none

}



@media(max-width:768px) {

	.fa-case {

		background-image: none;

		background-color: #fff;

		overflow: hidden

	}



	.fa-case .title {

		height: .96rem;

		font-size: .96rem;

		font-weight: normal;

		margin-top: 1.278296rem;

		margin-bottom: .64rem;

		font-family: PingFang SC;

		color: #333;

		line-height: .96rem

	}



	.fa-case .sub_title {

		height: .6rem;

		font-size: .6rem;

		font-family: PingFang SC;

		color: #888

	}



	.fa-case .content {

		width: auto

	}



	.fa-case .templates-mobi {

		position: relative;

		width: auto;

		height: 9.587217rem;

		margin: 0 auto;

		padding: 0 .7rem;

		text-align: center

	}



	;



	.fa-case .templates-mobi {

		position: relative;

		height: 9.587217rem;

		margin: 0 auto;

		text-align: center

	}



	.fa-case .templates-mobi .clearfix {

		position: absolute;

		width: 25.565912rem;

		height: 100%;

		-webkit-transform: translateX(0rem);

		transform: translateX(0rem);

		padding-top: .937417rem;

		transition: transform ease .3s

	}



	.fa-case .templates-mobi .clearfix li {

		float: left;

		width: 5.858855rem;

		display: inline-block

	}



	.fa-case .templates-mobi .template_code {

		width: 5.858855rem;

		height: 8.521971rem;

		display: inline-block;

		float: left;

		position: relative

	}



	.fa-case .templates-mobi .name {

		position: absolute;

		font-size: .426099rem;

		color: #333;

		top: 5.83755rem;

		width: 5.858855rem;

		text-align: center

	}



	.fa-case .templates-mobi .info {

		position: absolute;

		width: 100%;

		text-align: center;

		top: 6.199734rem

	}



	.fa-case .templates-mobi .template_code {

		transition: transform .3s ease, box-shadow .3s ease

	}



	.fa-case .pc_li:hover {

		transform: translate3d(0, -0.213049rem, 0);

		transition: transform ease .3s

	}



	.fa-case .templates-mobi .template_code:hover {

		opacity: 1

	}



	.fa-case .templates-mobi .template_code:hover .code_img {

		width: 5.858855rem;

		height: 8.521971rem;

		box-shadow: 0rem .08522rem .426099rem .106525rem rgba(217, 223, 231, 0.4)

	}



	.fa-case .templates-mobi .pre_img {

		position: absolute;

		top: 0;

		left: 0;

		width: 5.858855rem;

		height: 8.521971rem;

		box-shadow: 0rem .08522rem .426099rem .106525rem rgba(217, 223, 231, 0.4)

	}



	.fa-case .templates-mobi .template_code {

		position: absolute;

		top: 0;

		left: 0;

		z-index: 1;

		opacity: 0;

		transition: all .3s

	}



	.fa-case .templates-mobi .template_code .code_img {

		width: 5.858855rem;

		height: 8.521971rem;

		transition: box-shadow .3s ease

	}



	.fa-case .templates-mobi .template_code .code_tips {

		position: absolute;

		font-size: .340879rem;

		color: #333;

		width: 100%;

		left: 0;

		bottom: .660453rem

	}



	.fa-case-tips {

		margin-top: 1.04rem;

		font-size: .51rem;

		font-weight: normal;

		color: #999

	}



	.fa-case .intro_button {

		width: 4.52rem;

		height: 1.28rem;

		background-image: linear-gradient(90deg, #2576fb 0, #59a3ff 100%);

		background-color: #2576fb;

		border-radius: 1rem;

		margin-top: 1.07rem;

		margin-bottom: 1.7rem

	}



	.fa-case .intro_button a {

		line-height: 1.28rem;

		font-size: .6rem;

		font-weight: normal

	}

}



@media(min-width:769px) and (max-width:1385px) {

	.fa-case .content {

		width: 15.918069rem

	}



	.fa-case .title {

		height: .386247rem;

		margin-top: .702268rem;

		margin-bottom: .234089rem;

		font-size: .409656rem;

		font-weight: 300;

		color: #333;

		line-height: 100%

	}



	.fa-case .sub_title {

		height: .187271rem;

		font-size: .187271rem

	}



	.fa-case .item-content {

		width: 14.396489rem;

		height: 5.384053rem

	}



	.fa-case .templates {

		width: 14.045355rem;

		height: 5.267008rem

	}



	.fa-case .templates .clearfix {

		position: absolute;

		width: 300%;

		height: 100%;

		-webkit-transform: translateX(0rem);

		transform: translateX(0rem);

		padding-top: .514996rem;

		transition: transform ease .3s

	}



	.fa-case .templates .clearfix li {

		width: 3.218727rem;

		margin-right: .4rem

	}



	.fa-case .templates .template_code {

		width: 3.218727rem;

		height: 4.681785rem

	}



	.fa-case .content .item_btn {

		height: 5.267008rem;

		line-height: 5.267008rem;

		padding-top: .351134rem

	}



	.fa-case .pc_li {

		transition: transform ease .3s

	}



	.fa-case .templates .name {

		position: absolute;

		font-size: .234089rem;

		color: #333;

		top: 3.207023rem;

		width: 100%;

		text-align: center

	}



	.fa-case .templates .info {

		position: absolute;

		width: 100%;

		text-align: center;

		top: 3.405999rem

	}



	.fa-case .templates .template_code {

		transition: transform .3s ease, box-shadow .3s ease

	}



	.fa-case .pc_li:hover {

		transform: translate3d(0, -0.117045rem, 0);

		transition: transform ease .3s

	}



	.fa-case .templates .template_code:hover {

		opacity: 1

	}



	.fa-case .templates .template_code:hover .code_img {

		box-shadow: 0rem .046818rem .18rem .058522rem rgba(217, 223, 231, 0.4)

	}



	.fa-case .templates .pre_img,

	.fa-case .templates .code_img {

		position: absolute;

		top: 0;

		left: 0;

		width: 3.218727rem;

		height: 4.681785rem;

		box-shadow: 0rem .046818rem .18rem .058522rem rgba(217, 223, 231, 0.4)

	}



	.fa-case .templates .template_code {

		position: absolute;

		top: 0;

		left: 0;

		z-index: 1;

		opacity: 0;

		transition: all .3s

	}



	.fa-case .templates .template_code .code_img {

		transition: box-shadow .3s ease

	}



	.fa-case .templates .template_code .code_tips {

		position: absolute;

		z-index: 2;

		font-size: .187271rem;

		color: #333;

		width: 100%;

		left: 0;

		bottom: .362838rem

	}



	.fa-case .link {

		margin-top: .468179rem;

		position: relative;

		overflow: hidden

	}



	.fa-case .link::after {

		content: '';

		width: 100%;

		padding-top: 100%;

		top: 50%;

		left: 50%;

		position: absolute;

		transform: translate(-50%, -50%);

		border-radius: 50%;

		animation: ripple 1.3s infinite

	}



	.fa-case .link:hover:after {

		display: none

	}



	.fa-case .intro_button {

		display: inline-block;

		margin-top: .585223rem;

		margin-bottom: .819312rem;

		transition: box-shadow ease .3s

	}

}



.fa-template {

	overflow: hidden;

	height: auto;

	background: url(../images/bg_5.jpg) no-repeat;

	background-size: cover

}



.fa-template h2 {

	font-size: 30px;

	color: #333;

	padding-top: 80px;

	font-weight: 300;

	line-height: 100%

}



.fa-template h2 a {

	text-decoration: none;

	color: #333

}



.fa-template .h4 {

	font-size: 14px;

	color: #666;

	margin-top: 15px

}



.fa-template .row-1,

.fa-template .row-2 {

	margin-top: .588rem;

	margin-bottom: .84rem

}



.fa-template .f-content {

	margin: 0 .7rem

}



.fa-template .f_template_tilte {

	width: 320px;

	height: 40px;

	background: #e8eef7;

	border: 1px solid #e8eef7;

	border-radius: 20px;

	margin: 0 auto;

	line-height: 38px;

	text-align: center;

	font-size: 15px;

	color: #48515e;

	position: relative;

	display: flex;

	user-select: none;

	margin-top: 35px

}



.fa-template .f_template_tilte-item {

	position: relative;

	width: 50%;

	display: inline-block;

	transition: color .3s ease, background-color .3s ease;

	z-index: 1

}



.fa-template .f_template_tilte-select,

.fa-template .f_template_tilte-item:hover {

	color: #2878fb

}



.fa-template .f_template_tilte-block {

	background: #fff;

	border-radius: 20px;

	transition: left .2s ease, width .2s ease;

	position: absolute;

	left: 0;

	top: 0;

	width: 50%;

	height: 100%

}



.f_template_carousel {

	margin: 40px auto 0 auto;

	width: 1200px

}



.f_templateCarousel_list {

	width: 100%

}



.f_carousel[data-tab="1"] .f_carousel_list {

	left: calc(-100% - 60px)

}



.f_carousel[data-tab="2"] .f_carousel_list {

	left: calc(-200% - 120px)

}



.f_carousel[data-tab="3"] .f_carousel_list {

	left: calc(-300% - 180px)

}



.f_templateCarousel_item {

	width: 100%;

	display: none

}



.f_template_carousel[data-tab="0"] .f_templateCarousel_item[data-index="0"] {

	display: block

}



.f_template_carousel[data-tab="1"] .f_templateCarousel_item[data-index="1"] {

	display: block

}



.f_carousel {

	width: 100%;

	height: auto;

	margin: 0 auto;

	position: relative

}



.f_carousel,

.f_carousel * {

	transition: all .3s

}



.f_carousel_arrow {

	width: 30px;

	height: 60px;

	position: absolute;

	left: -60px;

	top: 50%;

	margin-top: -30px;

	cursor: pointer;

	background-color: #fff;

	transition: none;

	box-shadow: 0 4px 25px 0 rgba(68, 93, 127, 0.15);

	opacity: .7;

	border-radius: 4px;

	transition: all .3s

}



.f_carousel_arrow::before {

	content: '';

	position: absolute;

	z-index: 1;

	top: 22px;

	left: 10px;

	width: 8px;

	height: 16px;

	background: url(../images/icon_index.png) -168px -583px no-repeat

}



.f_carousel_arrow:hover {

	box-shadow: 0 4px 8px 0 rgba(68, 93, 127, 0.2);

	opacity: .9

}



.f_carousel_arrow__right {

	left: auto;

	right: -60px

}



.f_carousel_arrow__right::before {

	content: '';

	position: absolute;

	z-index: 1;

	top: 22px;

	left: 10px;

	width: 8px;

	height: 16px;

	background: url(../images/icon_index.png) -182px -583px no-repeat

}



.f_carousel_content {

	width: 100%;

	height: 400px;

	overflow: hidden;

	padding-top: 10px

}



.f_carousel_list {

	width: 420%;

	height: inherit;

	position: relative;

	left: 0

}



.f_template_carousel .fk_carousel_list {

	padding-bottom: 72px;

	padding-top: 72px

}



.f_tempCarouselItem {

	float: left;

	width: 192px;

	height: 382px;

	margin-right: 60px;

	top: 0;

	position: relative

}



.f_tempCarouselItem_box {

	position: absolute;

	width: 100%;

	height: auto;

	transition: all .3s;

	top: 0

}



.f_tempCarouselItem_app {

	width: 192px;

	height: 342px;

	position: relative;

	border-radius: 4px;

	overflow: hidden;

	box-shadow: 0 4px 20px 5px rgba(68, 93, 127, 0.1)

}



.f_tempCarouselItem_img {

	width: 192px;

	height: 342px

}



.f_tempCarouselItem_mask {

	width: 100%;

	height: 100%;

	background: rgba(0, 0, 0, 0.5);

	position: absolute;

	left: 0;

	top: 0;

	display: none

}



.f_tempCarouselItem:hover .f_tempCarouselItem_mask {

	display: block;

	box-shadow: 0 4px 20px 5px rgba(68, 93, 127, 0.1)

}



.f_tempCarouselItem:hover .f_tempCarouselItem_box {

	top: -10px

}



.f_tempCarouselItem_qrcodeWrap {

	margin: 0 auto;

	margin-top: 74px;

	width: 146px;

	height: 146px;

	box-sizing: border-box;

	border-radius: 3px;

	background: url(../images/loading.gif) #fff no-repeat center center;

	overflow: hidden;

	margin-bottom: 25px

}



.f_tempCarouselItemMask_btn {

	margin: 0 auto;

	margin-top: 20px;

	width: 140px;

	height: 35px;

	background: #2878fb;

	border-radius: 17px;

	font-size: 14px;

	color: #fff;

	text-decoration: none;

	display: block;

	line-height: 35px;

	text-align: center;

	cursor: pointer

}



.f_tempCarouselItemMask_btn:hover {

	color: #fff;

	text-decoration: none

}



.f_tempCarouselItem_title {

	position: absolute;

	left: 0;

	top: 100%;

	width: 100%;

	padding-top: 20px;

	font-size: 14px;

	line-height: 1;

	font-weight: normal;

	color: rgba(153, 153, 153, 1);

	white-space: nowrap;

	overflow: hidden;

	text-overflow: ellipsis

}



.f_template_btn__manage {

	display: block;

	width: 140px;

	height: 40px;

	margin: .84rem auto 0;

	font-size: 14px;

	color: #fff;

	background-image: linear-gradient(90deg, #2576fb 0, #59a3ff 100%);

	background-color: #2576fb;

	box-shadow: 0 16px 21px 3px rgba(42, 122, 251, 0.15);

	line-height: 40px;

	text-align: center;

	border-radius: .21rem;

	text-decoration: none;

	cursor: pointer

}



.f_tempCarouselItem_a,

.f_tempCarouselItem_a:hover {

	text-decoration: none

}



.f_tempCarouselItem_name {

	width: 100%;

	margin-top: 15px;

	font-size: 14px;

	font-weight: normal;

	color: #999;

	white-space: nowrap;

	overflow: hidden;

	text-overflow: ellipsis;

	text-align: center;

	text-decoration: none

}



.f_tempCarouselItem:hover .f_tempCarouselItem_name {

	color: #333

}



.f_fix_dotNotShow {

	content: ''

}



.fa-template .f-action {

	display: block;

	width: 140px;

	height: 40px;

	margin: 0 auto;

	margin-top: 20px;

	margin-bottom: 68px;

	background-image: linear-gradient(90deg, #2576fb 0, #59a3ff 100%);

	background-color: #2576fb;

	border-radius: 20px;

	line-height: 40px;

	font-size: 14px;

	font-weight: normal;

	text-align: center;

	color: #FFF;

	text-decoration: none;

	box-shadow: 0 16px 21px 3px rgba(42, 122, 251, 0.15);

	transition: box-shadow ease .3s

}



.fa-template .f-action:hover {

	box-shadow: 0 8px 9px 0 rgba(42, 122, 251, 0.25);

	transition: box-shadow ease .3s

}



@media(max-width:768px) {

	.fa-template {

		background-image: none;

		background-color: #f5f7fb;

		overflow: hidden

	}



	.fa-template h2 {

		padding-top: 1.7rem;

		font-size: .96rem;

		font-weight: normal;

		color: #333

	}



	.fa-template h2 a {

		font-size: .96rem;

		font-weight: normal;

		color: #333;

		text-decoration: none

	}



	.fa-template .h4 {

		height: .6rem;

		margin-top: .64rem;

		font-size: .6rem;

		font-weight: normal;

		color: #888

	}



	.f_tempCarouselItem {

		width: 4.09rem;

		height: 9.26rem;

		margin-right: .64rem

	}



	.fa-template .f-content .f-action {

		width: 4.52rem;

		height: 1.28rem;

		line-height: 1.28rem;

		background-image: linear-gradient(90deg, #2576fb 0, #59a3ff 100%);

		background-color: #2576fb;

		box-shadow: 0rem .4rem .5rem .1rem rgba(42, 122, 251, 0.15);

		border-radius: 1rem;

		font-size: .6rem;

		font-weight: normal;

		color: #fff

	}



	.fa-template .f_template_tilte {

		position: relative;

		width: 6.21rem;

		height: 1.15rem;

		border: 0;

		background: 0;

		line-height: 1.15rem;

		font-size: .51rem;

		font-weight: normal;

		color: #546071

	}



	.fa-template .f_template_tilte-select {

		position: relative;

		font-size: .6rem;

		font-weight: normal;

		color: #333

	}



	.fa-template .f_template_title-line {

		position: absolute;

		top: 1.21rem;

		left: .9rem;

		width: 1.28rem;

		height: .13rem;

		background: #2979fb;

		border-radius: .063rem;

		transition: left ease .3s

	}



	.fa-template .f_template_tilte-block {

		display: none

	}



	.f_tempCarouselItem_img {

		width: 4.090546rem;

		height: 7.286285rem

	}



	.f_tempCarouselItem_app {

		width: 4.090546rem;

		height: 7.286285rem

	}



	.f_carousel_content {

		height: 9.2rem;

		overflow-x: scroll

	}



	.f_carousel_content::-webkit-scrollbar {

		display: none

	}



	.f_template_carousel {

		width: auto

	}



	.fa-template .f_template_tilte-select,

	.fa-template .f_template_tilte-item:hover {

		color: #333

	}



	.f_tempCarouselItem_qrcodeWrap {

		width: 3.110519rem;

		height: 3.110519rem;

		margin-top: 1.576565rem;

		margin-bottom: .532623rem;

		border-radius: .063915rem

	}



	.f_tempCarouselItemMask_btn {

		margin-top: .426099rem;

		width: 2.98269rem;

		height: .745672rem;

		border-radius: .362184rem;

		font-size: .298269rem;

		line-height: .745672rem

	}

}



@media(min-width:769px) and (max-width:1385px) {

	.fa-template h2 {

		font-size: .35rem;

		padding-top: .94rem

	}



	.fa-template .f_tempCarouselItem_name {

		font-size: .19rem;

		margin-top: .23rem

	}



	.fa-template .f-content {

		margin: 0 .7rem

	}



	.f_template_carousel {

		margin: .59rem auto 0 auto;

		width: 13.69rem

	}



	.f_carousel_arrow {

		left: -52px

	}



	.f_carousel_arrow__right {

		left: auto;

		right: -52px

	}



	.f_tempCarouselItem {

		width: 2.25rem;

		height: 4.7rem;

		margin-right: .61rem

	}



	.f_tempCarouselItem_box {

		height: 4.5rem

	}



	.f_tempCarouselItem:hover .f_tempCarouselItem_box {

		top: -0.08rem

	}



	.f_tempCarouselItem_qrcodeWrap {

		width: 1.64rem;

		height: 1.64rem;

		margin-top: .87rem;

		margin-bottom: .23rem

	}



	.f_tempCarouselItemMask_btn {

		width: 1.64rem;

		height: .41rem;

		margin-top: .23rem;

		line-height: .41rem;

		border-radius: .2rem;

		font-size: .14rem

	}



	.fa-template .f-content .f-action {

		margin: .3363096739477711rem auto .5717264457112109rem auto

	}



	.f_tempCarouselItem_a,

	.f_tempCarouselItem_a:hover {

		text-decoration: none

	}



	.f_tempCarouselItem_name {

		width: 100%;

		font-size: 14px;

		font-weight: normal;

		color: #999;

		white-space: nowrap;

		text-overflow: ellipsis;

		text-align: center;

		text-decoration: none

	}



	.f_fix_dotNotShow {

		content: ''

	}



	.f_tempCarouselItem_app {

		width: 2.247257rem;

		height: 4.002926rem;

		position: relative;

		border-radius: .046818rem;

		overflow: hidden

	}



	.f_tempCarouselItem_img {

		width: 2.247257rem;

		height: 4.002926rem

	}



	.f_carousel_content {

		height: 4.8rem

	}

}



.fa-helpcenter {

	background: #fff

}



.fa-helpcenter .helpcenter-tilte {

	width: 640px;

	height: 40px;

	border: 1px solid #e8eef7;

	background: #e8eef7;

	border-radius: 20px;

	margin: 0 auto;

	line-height: 38px;

	text-align: center;

	font-size: 15px;

	color: #48515e;

	position: relative;

	display: flex;

	user-select: none;

	margin-top: 35px

}



.fa-helpcenter .helpcenter-tilte-item {

	position: relative;

	width: 25%;

	display: block;

	float: left;

	transition: color .3s ease, background-color .3s ease;

	z-index: 1

}



.fa-helpcenter .helpcenter-tilte-select,

.fa-helpcenter .helpcenter-tilte-item:hover {

	color: #2878fb

}



.fa-helpcenter .helpcenter-tilte-block {

	background: #fff;

	border-radius: 20px;

	transition: left .2s ease, width .2s ease;

	position: absolute;

	left: 0;

	top: 0;

	width: 25%;

	height: 100%

}



.fa-helpcenter .f-content {

	margin:15px 17% 0 17%;

	padding-bottom:10px;

	overflow: hidden

}



@media(max-width:1910px) {

	.fa-helpcenter .f-content {

		margin: 40.439px 16% 0 16%

	}

}



@media(max-width:1850px) {

	.fa-helpcenter .f-content {

		margin: 40.439px 15.5% 0 15.5%

	}

}



@media(max-width:1825px) {

	.fa-helpcenter .f-content {

		margin: 40.439px 15% 0 15%

	}

}



@media(max-width:1800px) {

	.fa-helpcenter .f-content {

		margin: 40.439px 14% 0 14%

	}

}



@media(max-width:1760px) {

	.fa-helpcenter .f-content {

		margin: 40.439px 13% 0 13%

	}

}



@media(max-width:1700px) {

	.fa-helpcenter .f-content {

		margin: 40.439px 12% 0 12%

	}

}



@media(max-width:1660px) {

	.fa-helpcenter .f-content {

		margin: 40.439px 11% 0 11%

	}

}



@media(max-width:1620px) {

	.fa-helpcenter .f-content {

		margin: 40.439px 10% 0 10%

	}

}



@media(max-width:1575px) {

	.fa-helpcenter .f-content {

		margin: 40.439px 8% 0 8%

	}

}



@media(max-width:1500px) {

	.fa-helpcenter .f-content {

		margin: 40.439px 7% 0 7%

	}

}



@media(max-width:1470px) {

	.fa-helpcenter .f-content {

		margin: 40.439px 6% 0 6%

	}

}



@media(max-width:1435px) {

	.fa-helpcenter .f-content {

		margin: 40.439px 5% 0 5%

	}

}



@media(max-width:1400px) {

	.fa-helpcenter .f-content {

		margin: 40.439px 3% 0 3%

	}

}



.fa-helpcenter .f-container {

	width: 400%;

	height: 560px;

	position: relative;

	overflow: hidden

}



.fa-helpcenter .f-container[data-tab="1"] {

	left: -100%

}



.fa-helpcenter .f-container[data-tab="2"] {

	left: -200%

}



.fa-helpcenter .f-container[data-tab="3"] {

	left: -300%

}



/* .fa-helpcenter h2 {

	padding-top: 30px

} */



.fa-helpcenter h2 a {

	font-size: 32px;

	color: #333;

	text-decoration: none;

	font-weight: 500

}



.fa-helpcenter .f-main-list {

	width: 25%;

	height: 550px;

	margin: 0;

	padding-top: 15px;

	display: block;

	float: left

}



.fa-helpcenter .f-main-list .f-main-item {

	float: left;

	list-style-type: none;

	width: 575px;

	height: 146px;

	font-size: 23.788px;

	color: #5d5d5d;

	margin-left: 15.5%

}



.fa-helpcenter .f-main-list .f-main-item a {

	display: inline-block;

	text-decoration: none;

	color: #333;

	font-size: 18.317px;

	line-height: 1;

	width: 100%;

	overflow: hidden;

	text-overflow: ellipsis;

	-o-text-overflow: ellipsis;

	white-space: nowrap;

	vertical-align: middle

}



.fa-helpcenter .f-main-list .f-main-item a:hover {

	color: #2f82ff

}



.fa-helpcenter .f-main-list .f-main-item a::before {

	display: inline-block;

	content: "";

	border-radius: 50%;

	width: 6.066px;

	height: 6.066px;

	background: #333;

	vertical-align: middle;

	margin-right: 20.338px

}



.fa-helpcenter .f-main-list .f-main-item .f-summary {

	height: 48.765px;

	overflow: hidden;

	color: #999;

	font-size: 14.273px;

	margin: 13.202px 0 22.479px 32.47px;

	line-height: 25.453px

}



.fa-helpcenter .f-main-list .f-main-item .f-hot {

	background: url(../images/hot-2.gif) no-repeat;

	background-size: 25.453px 25.453px;

	width: 25.453px;

	height: 25.453px;

	display: inline-block;

	vertical-align: middle;

	margin-right: 3.092px

}



.fa-helpcenter .f-main-list .f-main-item .f-text {

	vertical-align: middle

}



.fa-helpcenter .f-main-list .f-main-item-pc {

	float: left;

	list-style-type: none;

	width: 575px;

	height: 146px;

	font-size: 24px;

	color: #5d5d5d;

	padding:20px 30px 15px 30px;

	box-sizing: border-box;

	background: #fff;

	box-shadow: 0 2px 18px 2px rgba(217, 223, 231, 0.6);

	border-radius: 8px;

	margin: 0 23.788px 39.999px;

	transition: box-shadow .3s ease

}



.fa-helpcenter .f-main-list .f-main-item-pc:hover {

	box-shadow: 0 4px 20px 5px rgba(217, 223, 231, 0.8)

}



.fa-helpcenter .f-main-item-pc .f-main-news-num {

	width: 30px;

	height: 28px;

	background: #a2c5ff;

	box-shadow: 0 6px 12px 0 rgba(43, 123, 255, 0.3);

	border-radius: 4px;

	font-size: 16px;

	color: rgba(255, 255, 255, 1);

	line-height: 28px;

	float: left;

	text-align: center

}



.fa-helpcenter .f-main-item-pc .f-main-news-body {

	margin-left: 51px;

	white-space: nowrap

}

.fa-helpcenter .f-main-item-pc .f-main-news-body .f-main-news-header{
	overflow: hidden;
}

.fa-helpcenter .f-main-item-pc .f-main-news-header a {

	font-size: 20px;

	color: rgba(51, 51, 51, 1);

	width: 460px;

	float: left;

	text-decoration: none;

	text-overflow: ellipsis;

	white-space: nowrap;

	overflow: hidden;

	text-overflow: ellipsis;

	text-align: left;

	font-weight: 700;

}



.fa-helpcenter .f-main-item-pc .f-main-news-content {

	width: 462px;

	font-size: 14px;

	color: rgba(153, 153, 153, 1);

	line-height: 25px;

	padding-top: 12px;

/*	overflow: hidden;

	text-overflow: ellipsis;*/

/*	display: -webkit-box;

*/	-webkit-box-align: start;

	-webkit-box-orient: vertical;

	-webkit-line-clamp: 2;

	text-align: left;

	white-space: normal

}



.fa-helpcenter .f-main-list-container {

	width: 500%;

	display: flex;

	position: relative;

	left: 0;

	transition: all .3s

}



.fa-helpcenter .f-main-list-container[data-scroll="1"] {

	left: -100%

}



.fa-helpcenter .f-main-list-container[data-scroll="2"] {

	left: -200%

}



.fa-helpcenter .f-main-list-container[data-scroll="3"] {

	left: -300%

}



.fa-helpcenter .f-main-list-page {

	overflow: hidden

}



@media(max-width:768px) {

	.fa-helpcenter h2 {

		padding-top: 1.7rem

	}



	.fa-helpcenter h2 a {

		font-family: PingFang SC;

		font-weight: normal;

		color: #333;

		line-height: .96rem;

		font-size: .96rem

	}



	.fa-helpcenter .f-main-list {

		height: auto

	}



	.fa-helpcenter .f-container {

		height: 25rem

	}



	.fa-helpcenter .f-main-list .f-main-item-pc {

		width: 14.7rem;

		height: 3.07rem;

		margin-left: .62rem;

		margin-bottom: .85rem;

		padding: .64rem

	}



	.fa-helpcenter .f-main-item-pc .f-main-news-num {

		width: .85rem;

		height: .85rem;

		font-size: .6rem;

		line-height: .85rem;

		border-radius: .1rem;

		box-shadow: 0rem .2rem .4rem 0rem rgba(43, 123, 255, 0.3)

	}



	.fa-helpcenter .f-main-item-pc .f-main-news-header a {

		width: 8.18rem;

		margin-left: .62rem;

		font-size: .6rem;

		font-weight: normal;

		color: #333;

		line-height: .75rem

	}



	.fa-helpcenter .f-main-item-pc .f-main-news-content {

		width: 90%;

		margin-left: .62rem;

		font-size: .51rem;

		font-weight: normal;

		color: #999;

		line-height: .89rem;

		padding-top: .23rem

	}



	.fa-helpcenter .helpcenter-tilte {

		position: relative;

		width: 12rem;

		height: 1.15rem;

		margin-top: 1.2rem;

		border: 0;

		background: 0;

		line-height: 1.15rem;

		font-size: .51rem;

		font-weight: normal;

		color: #546071

	}



	.fa-helpcenter .helpcenter-tilte-item:hover {

		color: #333

	}



	.fa-helpcenter .helpcenter-tilte-select {

		position: relative;

		font-size: .6rem;

		font-weight: normal;

		color: #333;

		white-space: nowrap

	}



	.fa-helpcenter .helpcenter-title-line {

		position: absolute;

		top: 1.21rem;

		left: .61rem;

		width: 1.28rem;

		height: .13rem;

		background: #2979fb;

		border-radius: .063rem;

		transition: left ease .3s

	}



	.fa-helpcenter .helpcenter-tilte-block {

		display: none

	}



	.fa-helpcenter .f-main-item-pc .f-main-news-content {

		-webkit-line-clamp: 1

	}



	.fa-helpcenter .f-main-item-pc .f-main-news-body {

		margin-left: 1rem

	}

}



@media(min-width:769px) and (max-width:1385px) {

	.fa-helpcenter {

		background: #f9fbff

	}



	.fa-helpcenter .f-content {

		width: 14.60rem;

		margin: .47rem auto 0;

		padding-bottom: 1.26rem

	}



	.fa-helpcenter .f-container {

		width: 400%;

		height: 6.744843rem;

		position: relative;

		overflow: hidden

	}



	.fa-helpcenter h2 {

		padding-top: .7rem

	}



	.fa-helpcenter h2 a {

		font-size: .35rem

	}



	.fa-helpcenter .f-main-list .f-main-item-pc {

		width: 6.59rem;

		height: 1.71rem;

		font-size: .16rem;

		padding-left: .48rem;

		padding-top: .35rem;

		padding-right: .27rem;

		margin: 0 .235rem .47rem

	}



	.fa-helpcenter .f-main-item-pc .f-main-news-num {

		width: .35rem;

		height: .33rem;

		font-size: .19rem;

		line-height: .33rem

	}



	.fa-helpcenter .f-main-item-pc .f-main-news-body {

		margin-left: .58rem

	}



	.fa-helpcenter .f-main-item-pc .f-main-news-header a {

		font-size: .21rem;

		width: 5.08rem

	}



	.fa-helpcenter .f-main-item-pc .f-main-news-content {

		width: 5.26rem;

		font-size: .16rem;

		line-height: .21019354621735695rem;

		padding-top: .23rem

	}



	.fa-helpcenter .f-main-list-container {

		width: 400%;

		display: flex;

		position: relative;

		left: 0;

		transition: all .3s

	}



	.fa-helpcenter .f-main-list-container[data-scroll="1"] {

		left: -100%

	}



	.fa-helpcenter .f-main-list-container[data-scroll="2"] {

		left: -200%

	}



	.fa-helpcenter .f-main-list-container[data-scroll="3"] {

		left: -300%

	}



	.fa-helpcenter .f-main-list-page {

		padding-left: .3rem;

		overflow: hidden

	}

}



@media(max-width:768px) {



	input,

	select,

	textarea,

	button {

		font-family: 微软雅黑, 'microsoft yahei', PingFang SC, 宋体, 新宋体, sans-serif

	}



	html,

	body,

	div,

	span,

	applet,

	object,

	iframe,

	h1,

	h2,

	h3,

	h4,

	h5,

	h6,

	.h1,

	.h2,

	.h3,

	.h4,

	.h5,

	.h6,

	p,

	blockquote,

	pre,

	a,

	abbr,

	acronym,

	address,

	big,

	cite,

	code,

	del,

	dfn,

	em,

	font,

	img,

	strong,

	ins,

	kbd,

	q,

	s,

	samp,

	small,

	strike,

	sub,

	sup,

	tt,

	var,

	dl,

	dt,

	dd,

	ol,

	ul,

	li,

	fieldset,

	form,

	label,

	legend,

	table,

	caption,

	tbody,

	tfoot,

	thead,

	tr,

	th {

		margin: 0;

		padding: 0;

		border: 0;

		outline: 0;

		font-family: 微软雅黑, 'microsoft yahei', PingFang SC, 宋体, 新宋体, sans-serif

	}



	h1,

	h2,

	h3,

	h4,

	h5,

	h6,

	.h1,

	.h2,

	.h3,

	.h4,

	.h5,

	.h6 {

		font-weight: normal

	}



	.fa-mobi {

		display: block

	}



	.fa-pc {

		display: none

	}



	.col-sm-6 {

		width: auto

	}



	.col-sm-offset-4 {

		margin-left: auto

	}



	.col-sm-4 {

		width: auto;

		float: none

	}



	.fa-head {

		height: 2.05rem

	}



	.fa-head .f-action {

		float: right

	}



	.fa-head .f-action .f-wrapper {

		height: auto;

		margin-top: .512rem

	}



	.fa-head .f-img img {

		width: auto;

		height: auto;

		margin-top: .5rem

	}



	.fa-head .f-action {

		height: 2.05rem;

		line-height: 2.05rem;

		min-width: auto

	}



	.fa-head .f-register {

		width: 3.333rem;

		height: 1.128rem;

		line-height: 1.128rem;

		font-size: .512rem;

		margin-right: .41rem

	}



	.fa-head .f-login {

		width: 2.256rem;

		height: 1.128rem;

		line-height: 1.128rem;

		font-size: .512rem

	}



	.fa-section {

		height: 1.794rem;

		font-size: .46rem;

		line-height: 1.794rem;

		margin-left: auto;

		text-align: center

	}



	.fa-section strong {

		display: inline;

		font-size: .615rem

	}



	.fa-window .f-content {

		margin: 1.23rem .48rem

	}



	.fa-window .f-content .f-img {

		width: 8.717rem;

		height: 11.282rem

	}



	.fa-window .f-content .h4 {

		margin-top: 0;

		margin-bottom: .4rem;

		font-size: .615rem

	}



	.fa-window .f-content .h5 {

		margin-top: 0;

		margin-bottom: .541rem;

		font-size: .461rem;

		line-height: .7rem

	}



	.fa-window .f-content .f-wrapper {

		position: absolute;

		padding: .184rem 1.538rem 0 1.538rem;

		width: 8.717rem;

		bottom: 0;

		left: 0;

		right: 0;

		margin: auto

	}



	.fa-tuyere {

		height: 19.025rem

	}



	.fa-tuyere .f-content {

		margin: 1.538rem .2rem

	}



	.fa-tuyere .f-content .f-img {

		width: 3.076rem;

		height: 3.076rem

	}



	.fa-tuyere .f-content .h5 {

		margin-top: .512rem;

		font-size: .512rem;

		line-height: .612rem

	}



	.fa-tuyere .f-content .f-row-2 {

		margin-top: .923rem

	}



	.fa-tuyere .f-content .f-action {

		width: 4.615rem;

		height: 1.282rem;

		margin: 1.846rem auto 0;

		font-size: .512rem;

		line-height: 1.282rem;

		border-radius: .64rem

	}



	.fa-tuyere .col-xs-3 {

		padding: 0

	}



	.fa-introduction {

		height: 98.2rem;

		margin-bottom: 0

	}



	.fa-introduction .f-content {

		margin: 1.33rem 10% 0

	}



	.fa-introduction .f-content .f-col-1,

	.fa-introduction .f-content .f-col-2,

	.fa-introduction .f-content .f-col-3 {

		margin-bottom: 2.564rem

	}



	.fa-introduction .f-content .f-col-2 {

		top: 0

	}



	.fa-introduction .f-wrapper {

		width: 10.769rem;

		border-radius: .256rem

	}



	.fa-introduction .f-wrapper .f-img {

		width: 10.769rem;

		height: 4.256rem

	}



	.fa-introduction .f-wrapper .f-container {

		height: 4.256rem

	}



	.fa-introduction .f-wrapper .h4 {

		font-size: .666rem;

		line-height: 1.045rem

	}



	.fa-introduction .f-wrapper .f-price {

		font-size: .769rem

	}



	.fa-introduction .f-wrapper .f-favor {

		font-size: .41rem;

		line-height: .77rem;

		padding: 0 .3rem

	}



	.fa-introduction .f-wrapper .f-list {

		width: 10.769rem

	}



	.fa-introduction .f-wrapper .f-list .f-dot {

		width: .128rem;

		height: .128rem;

		margin-right: .512rem

	}



	.fa-introduction .f-action-wrapper {

		text-align: center;

		height: 2.5rem

	}



	.fa-introduction .f-wrapper .f-list ul {

		width: 90%

	}



	.fa-introduction .f-wrapper .f-list-1 ul {

		padding-left: 28%;

		padding-top: .9rem;

		padding-bottom: .9rem

	}



	.fa-introduction .f-wrapper .f-list-2 ul {

		padding-left: 2.75rem;

		padding-top: .6rem

	}



	.fa-introduction .f-wrapper .f-list-3 ul {

		padding-left: 27%;

		padding-top: .85rem;

		padding-bottom: .5rem

	}



	.fa-introduction .f-wrapper .f-list-4 ul {

		padding-left: 28%;

		padding-top: .9rem;

		padding-bottom: .9rem

	}



	.fa-introduction .f-wrapper .f-list li {

		margin: .44rem 0;

		font-size: .512rem

	}



	.fa-introduction .f-wrapper .f-action {

		width: 3.589rem;

		height: 1.128rem;

		margin: .5rem auto .2rem;

		font-size: .461rem;

		line-height: 1.128rem;

		border-radius: .641rem

	}



	.fa-introduction .f-wrapper .f-hot {

		width: .769rem;

		height: .333rem

	}



	.fa-helpcenter .f-content {

		margin: .8rem 0 0;

		padding-bottom: .855rem

	}



	.fa-helpcenter .f-main-list .f-main-item {

		width: 36%

	}



	.fa-helpcenter .f-main-list .f-main-item:nth-child(2n) {

		margin-left: 5.5%

	}



	.fa-helpcenter .f-main-list .f-main-item a {

		font-size: .512rem;

		margin-bottom: .684rem

	}



	.fa-helpcenter .f-main-list .f-main-item a::before {

		width: .171rem;

		height: .171rem

	}



	.fa-helpcenter .f-main-list .f-main-item .f-summary {

		display: none

	}



	.fa-helpcenter .f-main-list .f-main-item .f-hot {

		width: .512rem;

		height: .512rem;

		background-size: .512rem .512rem

	}



	.fa-footer {

		position: relative;

		height: 2.564rem;

		font-size: 100%;

		margin-top: 2rem

	}



	.fa-footer .f-main {

		width: 100%;

		height: auto

	}



	.fa-footer .f-main .f-productService {

		width: 6.453rem

	}



	.fa-footer .f-productService .f-content {

		padding-top: .625rem

	}



	.fa-footer .f-main .f-connect {

		width: 3.013rem;

		margin-left: 1.76rem;

		font-size: .461rem

	}



	.fa-footer .f-qrCode {

		width: 80px;

		height: 80px

	}



	.fa-footer .f-mainPart .f-title {

		font-size: .5rem;

		padding-top: .875rem

	}



	.fa-footer .f-productService .f-main-list .f-main-item {

		list-style: none;

		margin-bottom: .417rem;

		float: none;

		width: 100%;

		margin-left: 0

	}



	.fa-footer .f-productService .f-main-list .f-main-item a {

		font-size: .461rem

	}



	.fa-footer .f-productService .f-main-list .theFourthItem {

		display: none

	}



	.fa-footer .f-main .f-lineWrap {

		width: 2px;

		height: 3.85rem;

		padding-top: .958rem;

		display: inline-block;

		vertical-align: top

	}



	.fa-medium-1 {

		display: none

	}



	.fa-medium-2 {

		display: block

	}



	.fa-medium-2 h3 {

		font-size: .461rem;

		color: #666;

		line-height: .805rem;

		text-align: center;

		padding-top: .47rem

	}

}



@media(min-width:769px) and (max-width:1200px) {

	.fa-introduction {

		margin-bottom: 29px

	}



	.fa-footer {

		position: relative;

		font-size: 100%

	}



	.fa-footer .f-main {

		width: 100%

	}



	.fa-footer .f-main .f-productService {

		width: 6.453rem

	}



	.fa-footer .f-main .f-connect {

		width: 2.013rem;

		margin-left: 1.76rem

	}



	.fa-medium-1 {

		display: none

	}



	.fa-medium-2 {

		display: block

	}



	.fa-medium-2 h3 {

		font-size: .243rem;

		color: #666;

		line-height: .405rem;

		text-align: center;

		padding-top: .27rem

	}



	.fa-window .f-content .f-wrapper {

		height: 1.2rem

	}



	.fa-window .f-content .h5 {

		line-height: .28rem !important;

		font-size: 12px

	}



	.fa-tuyere .f-content .f-action {

		min-width: 111px;

		min-height: 31px;

		line-height: 31px;

		border-radius: 20px

	}



	.fa-introduction .f-wrapper .f-action {

		min-width: 81px;

		min-height: 25px;

		line-height: 25px;

		border-radius: 20px

	}

}



@media(min-width:769px) and (max-width:998px) {

	.fa-window .f-content .f-wrapper {

		height: 1.3rem

	}

}



@media(min-width:769px) and (max-width:1300px) {



	.fa-window h2,

	.fa-tuyere h2,

	.fa-template h2,

	.fa-helpcenter h2 {

		font-size: 24px

	}



	.fa-introduction .f-wrapper .h4 {

		font-size: 14px

	}



	.fa-introduction .f-wrapper .f-favor {

		font-size: 12px;

		line-height: .26rem

	}



	.fa-helpcenter .f-main-item-pc .f-main-news-content {

		-webkit-line-clamp: 1

	}

}



@media(min-width:769px) and (max-width:1400px) {



	.fa-window .h4,

	.fa-tuyere .h4,

	.fa-template .h4,

	.fa-introduction .h4 {

		font-size: 14px

	}

}



@media(min-width:1200px) {

	.fa-window .f-content .f-wrapper {

		height: 1.1rem

	}

}



@media(min-width:769px) and (max-width:1450px) {

	.fa-section {

		font-size: 15px

	}



	.fa-section strong {

		font-size: 18px

	}



	.fa-window .f-content .h4 {

		font-size: 15px

	}

}



@media(min-width:769px) and (max-width:1500px) {

	.fa-template .f-section .h5 {

		font-size: 15px

	}



	.fa-window .f-content .h5 {

		line-height: .2rem

	}

}



@media(min-width:769px) and (max-width:1550px) {

	.fa-tuyere .f-content .h5 {

		font-size: 14px

	}



	.fa-tuyere .f-content .f-action {

		font-size: 14px

	}



	.fa-introduction .f-wrapper .f-action {

		font-size: 13px

	}



	.fa-introduction .f-wrapper .f-price {

		font-size: 16px

	}

}



@media(min-width:769px) and (max-width:1700px) {

	.fa-introduction .f-wrapper .f-list li {

		font-size: 12px

	}



	.fa-helpcenter .f-main-list .f-main-item a {

		font-size: 14px

	}



	.fa-helpcenter .f-main-list .f-main-item .f-summary {

		font-size: 12px

	}

}



@media(max-width:1400px) {

	.fa-pc .f-pc-content-title {

		margin-top: 20px !important

	}



	.fa-pc .f-pc-content-desc {

		display: none

	}

}

.fk_banner_bottom {

	max-width: 1360px;

	height: 180px;

	background: white;

	box-shadow: 0 8px 17px 1px rgba(68, 93, 127, 0.1);

	border-radius: 8px;

	margin: 0 auto 40px;

	z-index: 9;

}



.fk_banner_bottom .wrapper {

	height: 100%;

	width: 100%;

	margin: 0 auto;

	display: table

}



.fk_banner_bottom .fk_data_title,

.fk_banner_bottom .fk_data_list {

	height: 100%;

	display: table-cell;

	vertical-align: middle;

	text-align: left

}



.fk_banner_bottom .fk_data_title {

	max-width: 323px;

	width: 23%

}



.fk_banner_bottom .fk_data_title .main_text_img {

	width: 57.4%;

	height: 100%;

	max-width: 179px;

	max-height: 56px;

	margin: 0 auto;

	background: url(../images/text-2.png) no-repeat center center;

	background-size: contain

}



.fk_banner_bottom .fk_data_list>li {

	width: 24%;

	box-sizing: border-box;

	display: inline-block;

	text-align: center;

	border-left: 1px solid #ddd;

	color: #333

}



.fk_banner_bottom .fk_data_list .num {

	font-size: 39px;

	font-family: HelveticaNeueLTPro, SourceHanSansCN-Normal, '微软雅黑';

	font-weight: 300

}



.fk_banner_bottom .fk_data_list .unit {

	font-size: 15px;

	font-family: Microsoft YaHei;

	font-weight: 400

}



.fk_banner_bottom .fk_data_list .sub_text {

	font-size: 15px;

	font-family: Microsoft YaHei;

	font-weight: 400;

	color: #888

}

.fk_entry {

	/*padding-top: 50px;*/

	background: (246, 249, 254);

	margin: 0 auto;

	max-width: 1200px

}



.fk_entry .fk_entry_text_img {

	width: 452px;

	height: 33px;

	/*background: url(../images/text-1.png) no-repeat center center;*/

	/*background-size: contain;*/

	font-size: 34px;

    font-weight: 300;

    color: #333;

}



.fk_entry .entry_items {

	margin: 0 auto;

	margin-top: 59px

}



.fk_entry .entry_items .item {

	display: inline-block;

	padding: 30px;

	margin: 0 auto;

	width: 236px;

	height: 240px;

	transition: all .2s ease-out

}



.fk_entry .entry_items .item:hover {

	background: white;

	border-radius: 8px;

	box-shadow: 0 9px 21px 0 rgba(0, 10, 61, 0.06)

}



.fk_entry .entry_items .item_wrapper {

	height: 100%;

	display: flex;

	flex-direction: column;

	align-items: center;

	justify-content: center

}



.fk_entry .entry_items .item_icon {

	width: 100px;

	height: 100px;

	line-height: 90px;

	margin: 0 auto;

	vertical-align: middle

}



.fk_entry .entry_items .item_icon img {

	max-width: 100%;

	display: inline;

	margin: 0 auto

}



.fk_entry .entry_items .item_text {

	text-align: center;

	font-size: 18px;

	font-family: Microsoft YaHei;

	font-weight: 400;

	color: #333

}



.fk_solution1 .content_right .content_right_text,

.fk_solution2 .content_left .content_left_text,

.fk_solution3 .content_right .content_right_text {

	margin-top: 33px;

	margin-bottom: 56px

}



.fk_solution1 .content_right .content_right_text div,

.fk_solution2 .content_left .content_left_text div,

.fk_solution3 .content_right .content_right_text div {

	font-size: 14px;

	font-family: Microsoft YaHei;

	font-weight: 400;

	color: #666;

	margin-bottom: 15px

}



.fk_solution1 .solution_button>a,

.fk_solution2 .solution_button>a,

.fk_solution3 .solution_button>a {

	border: 1px solid #04cda9;

	color: #04cda9

}



.fk_solution1 .solution_button:hover>a,

.fk_solution2 .solution_button:hover>a,

.fk_solution3 .solution_button:hover>a {

	background-color: #04cda9;

	color: white

}



.fk_solution1 .content .content_left .img1,

.fk_solution1 .content .content_left .img2,

.fk_solution2 .content .content_right .img1,

.fk_solution2 .content .content_right .img2,

.fk_solution3 .content .content_left .img1,

.fk_solution3 .content .content_left .img2 {

	box-shadow: 0 4px 20px 5px rgba(217, 223, 231, 0.4)

}

.fk_screen_container {

    text-align: center;

    overflow-x: hidden;

}

.align-center {

    align-items: center;

}

.flex-justify-center {

    justify-content: center;

}

.flex {

    display: flex;

}

.h-108 {

    height: 108px;

}

.w-108 {

    width: 108px;

}

.m-t-6 {

    margin-top: 6px;

}

.m-t-4 {

    margin-top: 4px;

}

.flex-column {

    flex-direction: column;

}

.f-s-14 {

    font-size: 14px;

}

.m-l-4 {

    margin-left: 4px;

}

.h-30 {

    height: 30px;

}

.w-30 {

    width: 30px;

}

.p-l-10 {

    padding-left: 10px;

}

.h-16 {

    height: 16px;

}

.w-16 {

    width: 16px;

}

.m-l-8 {

    margin-left: 8px;

}

.m-t-10 {

    margin-top: 10px;

}

a {

    text-decoration: none;

}

#side {

    width: 120px;

    height: 480px;

    position: fixed;

    left: 20px;

    top: 50%;

    transform: translateY(-50%);

    z-index: 99;

}

#side .zixun{

	width: 120px;

	height: 173px;

	background: #fff;

	border-radius: 63px 63px 4px 4px;

	box-shadow: 0px 3px 10px rgba(5,36,82,0.08);

	position: relative;

}

#side .zixun .iconguanbi1{

	font-size: 12px;

	color: #B7C8E8;

	position: absolute;

	right: 5px;

	top: 0;

}

#side .zixun .kefu_avatar{

	width: 90px;

	height: 90px;

	margin-top: 15px;

}

#side .zixun  .hot_phone{

	font-size: 12px;

	font-family: PingFang SC;

	font-weight: 400;

	color: #999999;

	padding-left: 2px;

}

#side .zixun  .phone_number{

	font-size: 14px;

	font-family: PingFang SC;

	font-weight: 600;

	line-height: 16px;

	color: #333333;

	margin-top: 8px;

}

#side .zixun  .zixun_btn{

	width: 88px;

	height: 28px;

	background: #2A7EFB;

	border-radius: 4px;

	color: #fff;

	font-size: 13px;

	padding-bottom: 1px;

}

#side .work_code{

	width: 120px;

	height: 142px;

	background: #fff;

	border-radius: 4px;

	box-shadow: 0px 3px 10px rgba(5,36,82,0.08);

}

#side .work_code .code_text{

	font-size: 13px;

	font-family: PingFang SC;

	font-weight: 400;

	color: #666666;

}

#side .gitee_down{

	width: 120px;

	height: 44px;

	background: #fff;

	border-radius: 4px;

	color: #333;

	box-shadow: 0px 3px 10px rgba(5,36,82,0.08);

}

#side .luntan{

	width: 120px;

	height: 44px;

	background: linear-gradient(135deg, #3E9FFF 0%, #176FF2 100%);

	border-radius: 4px;

	color: #fff;

	position: relative;

	box-shadow: 0px 3px 10px rgba(5,36,82,0.08);

}

#side .back_top{

	width: 120px;

	height: 36px;

	background: #fff;

	border: 1px solid #EEEEEE;

	border-radius: 4px;

	box-shadow: 0px 3px 10px rgba(5,36,82,0.08);

	color: #333;

}

#sm_side{

	height: 130px;

	width: 60px;

	position: fixed;

	right: 20px;

	bottom:20px;

	z-index: 1000;

}

#sm_side .hide_kefu{

	width: 60px;

	height: 60px;

	background: #fff;

	border-radius: 4px;

	box-shadow: 0px 3px 10px rgba(5,36,82,0.08);

}

#sm_side .hide_luntan{

	width: 60px;

	height: 60px;

	background: linear-gradient(135deg, #3E9FFF 0%, #176FF2 100%);

	border-radius: 4px;

}

.kefu_main{

	z-index: 19;

	position: absolute;

	top: -30px;

	left: -145px;

}



.relative{

	position: relative;

}



.kefu_box{

	background: #fff;

	box-shadow: 0 0 26px rgb(2 50 123 / 10%);

	border-radius: 8px;

	width: 126px;

	height: 126px;

	margin: 0 auto;

	border: 1px solid #1890FF;

	box-shadow: 0px 0px 10px rgba(0, 38, 116, 0.1);

	display: flex;

	justify-content: center;

	align-items: center;

	position: relative;

}

.container2 {

    width: 1200px;

    margin:0 auto 50px;

}

.main_title {

    font-size: 35px;

    color: #333;

    text-decoration: none;

    font-weight: 300;

}

.text-center {

    text-align: center;

}

.second_tit {

    font-size: 18px;

    color: #666;

}

.mask_left {

    position: absolute;

    top: 200px;

    left: 0;

    background-image: linear-gradient(to left,rgba(255,255,255,0) 0%,#fff 100%);

    z-index: 6;

    width: 158px;

    height: 430px;

}

.mask_right {

    position: absolute;

    top: 200px;

    right: 0;

    background-image: linear-gradient(to right,rgba(255,255,255,0) 0%,#fff 100%);

    z-index: 6;

    width: 158px;

    height: 430px;

}

.scroll_x {

    width: 1200px;

    overflow: hidden;

}

.m-t-52 {

    margin-top: 52px;

}

.row_right_animation {

    animation: 10s rowup-right linear infinite normal;

}

.scroll_x img {

    box-shadow: 0px 5px 12px rgba(121,148,193,0.1);

}

.h-80 {

    height: 80px;

}

.m-r-20 {

    margin-right: 20px;

}

.row_left_animation {

    animation: 10s rowup-left linear infinite normal;

}

.m-t-40 {

    margin-top: 40px;

}

.pos {

    position: relative;

}

@keyframes rowup-left {

	0%{

		transform: translate3d(0,0,0);

	}

	100%{

		transform: translate3d(-160px,0,0);

	}

}



@keyframes rowup-right {

	0%{

		transform: translate3d(0,0,0);

	}

	100%{

		transform: translate3d(160px,0,0);

	}

}