@charset "UTF-8";.float_left {	float: left;}.float_right {	float: right;}.text-left {	text-align: left;}.text-right {	text-align: right;}.text-center {	text-align: center;}.color_ff {	color: #fff;}.color_00 {	color: #000;}.color_64 {	color: #646464;}.color_96 {	color: #969696;}.bjcolor_ff {	background-color: #fff;}.bjcolor_1b {	background-color: #1b1b1b;}.bjcolor_43 {	background-color: #434343;}.bjcolor_62 {	background-color: #626262;}.bjcolor_7b {	background-color: #7b7b7b;}.bjcolor_b7 {	background-color: #b7b7b7;}.middle {	vertical-align: middle;}.size-16 {	font-size: 16px;}.size-18 {	font-size: 18px;}.size-24 {	font-size: 24px;}.size-30 {	font-size: 30px;}.size-34 {	font-size: 34px;}.size-36 {	font-size: 36px;}.size-56 {	font-size: 56px;}.size-50 {	font-size: 50px;}.margin-20 {	margin-right: 20px;	margin-bottom: 20px;}.marginTP-20 {	margin-top: 20px;	margin-bottom: 20px;}.marginR-30 {	margin-right: 30px}.marginL-30 {	margin-left: 30px}.marginTop-40 {	margin-top: 40px;}.marginTop-50 {	margin-top: 50px;}.margin0_5 {	margin: 0 5px;}.margin0_30 {	margin: 0 30px;}.margin-auto {	margin: 0 auto;}/*整屏滚动*/.section-group {	width: 100%;	height: 100%;	position: relative;	-webkit-transition: 1s cubic-bezier(.86, 0, .07, 1);	transition: 1s cubic-bezier(.86, 0, .07, 1);}.section-group section {	position: relative;}/*.nav {	position: fixed;	right: 2em;	top: 45%;}.nav li {	list-style: none;	width: 18px;	height: 18px;}.nav li span {	display: block;	width: 18px;	height: 18px;	border-radius: 50%;	margin-top: 0.6em;	border: 2px solid #9a9ca2;	box-sizing: border-box;}.nav li span:hover {	cursor: pointer;}.nav li span.active {	background-color: #4b9cff;	border: none;}*/#fp-nav ul li,.fp-slidesNav ul li {	width: 18px !important;	height: 18px !important;}#fp-nav ul li a span,.fp-slidesNav ul li a span {	border: 1px solid #9b9da1 !important;	width: 18px !important;	height: 18px !important;	box-sizing: border-box;}#fp-nav ul li a.active span,.fp-slidesNav ul li a.active span {	background: #4b9cff !important;	border: none !important;}/*===首页===*//*banner*/.index_banner {	width: 100%;	height: 100%;}.index_banner .item {	width: 100%;	height: 1080px;	background-repeat: no-repeat;	background-position: center top;}.index_banner .bd,.index_banner .bd ul {	width: 100%;	height: 100%;	background-size: 100%;}/*轮播条*/.index_banner .hd {	position: absolute;	bottom: 87px;	z-index: 1;	left: 50%;	margin-left: -116px;}.index_banner .hd ul {	overflow: hidden;	zoom: 1;}.index_banner .hd ul li {	float: left;	cursor: pointer;	width: 60px;	height: 8px;	margin: 0 10px;	background: rgba(255, 255, 255, 0.3);	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4Cffffff, endColorstr=#4Cffffff);}.index_banner .hd ul li span {	width: 0%;	background: #fff;	height: 100%;	display: block;}.index_banner .hd ul li.on span {	width: 100%;	animation: width 6s linear 0s;	-webkit-animation: width 6s linear 0s;	-moz-animation: width 6s linear 0s;	-ms-animation: width 6s linear 0s;	-o-animation: width 6s linear 0s;}:root .index_banner .hd ul li {	filter: none;}:root .index_banner .item {	filter: none;}/*向下按钮*/.bannerWrap {	position: relative;}.bannerWrap .down {	position: absolute;	width: 26px;	height: 60px;	bottom: 10px;	left: 50%;	margin-left: -13px;	cursor: pointer;}.bannerWrap .down img {	width: 100%;	position: absolute;}.bannerWrap .down .img1 {	left: 0;	bottom: 34px;	animation: fulldown1 1s linear 0s infinite;	-webkit-animation: fulldown1 1s linear 0s infinite;	-moz-animation: fulldown1 1s linear 0s infinite;	-ms-animation: fulldown1 1s linear 0s infinite;	-o-animation: fulldown1 1s linear 0s infinite;}.bannerWrap .down .img2 {	left: 0;	bottom: 40px;	animation: fulldown2 1s linear 0.2s infinite;	-webkit-animation: fulldown2 1s linear 0.2s infinite;	-moz-animation: fulldown2 1s linear 0.2s infinite;	-ms-animation: fulldown2 1s linear 0.2s infinite;	-o-animation: fulldown2 1s linear 0.2s infinite;}/*banner图*/.index_banner .item .banner01 {	display: block;	width: 100%;	height: 100%;	position: relative;	cursor: default;	color: #fff;	/*left: 50%;	top: 40%;	transform: translateX(-50%);	-webkit-transform: translateX(-50%);	-moz-transform: translateX(-50%);	-ms-transform: translateX(-50%);	-o-transform: translateX(-50%);*/}/*.index_banner .item p {	display: block;	position: absolute;}*/.index_banner .item .banner01 .p1 {	width: 1000px;	text-align: center;	position: absolute;	left: 50%;	top: 40.31%;	animation: banner1_right 1.5s ease-out 0.5s;	-webkit-animation: banner1_right 1.5s ease-out 0.5s;	animation-fill-mode: both;	-webkit-animation-fill-mode: both;	transform: translateX(-50%);	-webkit-transform: translateX(-50%);	-moz-transform: translateX(-50%);	-ms-transform: translateX(-50%);	-o-transform: translateX(-50%);}.index_banner .item .banner01 .p2 {	width: 1000px;	text-align: center;	position: absolute;	left: 50%;	top: 54.13%;	animation: banner1_left 1.6s ease-out 2s;	-webkit-animation: banner1_left 1.6s ease-out 2s;	animation-fill-mode: both;	-webkit-animation-fill-mode: both;	transform: translateX(-50%);	-webkit-transform: translateX(-50%);	-moz-transform: translateX(-50%);	-ms-transform: translateX(-50%);	-o-transform: translateX(-50%);}.index_t {	font-size: 24px;	color: #ccc;	line-height: 30px;	text-align: center;}.index_t h3 {	font-size: 48px;	font-weight: 800;	color: #000;	line-height: 56px;	text-align: center;}/*我们的产品介绍*/.index_o {	width: 100%;	mi-n-width: 1200px;}.index_o_o {	text-align: center;	padding-top: 100px;}.index_o_o p {	color: #000000;	font-size: 44px;	font-weight: bold;	width: 1000px;	text-align: center;	position: absolute;	left: 50%;	top: 8%;	opacity: 0;	transition: all .8s ease-out 2s;	-moz-transition: all .8s ease-out 2s;	/* Firefox 4 */	-webkit-transition: all .8s ease-out 2s;	/* Safari 和 Chrome */	-o-transition: all .8s ease-out 2s;	/* Opera */}.active .index_o_o p,.active .index_o_s {	opacity: 1;	transform: translateX(-50%);	-webkit-transform: translateX(-50%);	-moz-transform: translateX(-50%);	-ms-transform: translateX(-50%);	-o-transform: translateX(-50%);}.active .index_o_o p,.active .index_o_s {	transition-delay: .5s}.index_o_o span {	color: #737373;	font-size: 16px;}.index_o_s {	width: 1200px;	margin: 0 auto;	position: absolute;	left: 50%;	top: 15%;	opacity: 0;	transition: all 1.6s ease-out 1s;	-moz-transition: all 1.6s ease-out 1s;	/* Firefox 4 */	-webkit-transition: all 1.6s ease-out 1s;	/* Safari 和 Chrome */	-o-transition: all 1.6s ease-out 1s;	/* Opera */	transform: translateX(-200%);	-webkit-transform: translateX(-200%);	-moz-transform: translateX(-200%);	-ms-transform: translateX(-200%);	-o-transform: translateX(-200%);}.index_o_s ul {	margin-top: 70px;}.index_o_s li {	width: 290px;	height: 480px;	text-align: center;	margin-top: 50px;	border: 1px solid #eee;	border-radius: 10px;	margin: 0px 4px;	padding-top: 20px;}.index_o_s li h2 {	color: #000000;	font-size: 24px;	margin-top: 20px;	display: block;	margin-bottom: 20px;}.index_o_s li p {	color: #999;	font-size: 14px;	margin-top: 16px;	padding: 0 30px;	line-height: 24px;}.index_o_s a.ry {	background-image: url(../images/lzgw_06.png);}.index_o_s a.ry1 {	background-image: url(../images/lzgw_08.png);}.index_o_s a.ry2 {	background-image: url(../images/lzgw_10.png);}.index_o_s a.ry3 {	background-image: url(../images/lzgw_03.png);}.index_o_s a.ry:hover {	background-image: url(../images/lzgw_25.png);	text-decoration: none;}.index_o_s a.ry1:hover {	background-image: url(../images/lzgw_26.png);	text-decoration: none;}.index_o_s a.ry2:hover {	background-image: url(../images/lzgw_27.png);	text-decoration: none;}.index_o_s a.ry3:hover {	background-image: url(../images/lzgw_24.png);	text-decoration: none;}.index_o_s .as {	background-repeat: no-repeat;	text-align: center;	padding-top: 120px;	/*margin-left: 20px;	margin-right: 20px;*/	display: inline-block;	background-position: center top;	/*width: 290px;	height: 480px;*/	text-decoration: none;}.index_o_s li:hover {	-webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5);	-moz-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5);	box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5);	-ms-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5);	-o-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5);	cursor: pointer;	text-decoration: none;}.index_o_s .more_icon {	font-size: 18px;	color: #333;	text-decoration: none;}.index_o_s .more_icon:hover {	color: #4b9cff;}/*banner 2*/.index_t {	width: 100%;	height: 100%;	background: url(../images/04.png) no-repeat;	background-position: center top;	/*background-size: 100%;*/	/*position: relative;*/}.index_t .tit {	position: absolute;	top: 40%;	left: 50%;	opacity: 0;	transition: all .8s ease-out 1s;	-moz-transition: all .8s ease-out 1s;	/* Firefox 4 */	-webkit-transition: all .8s ease-out 1s;	/* Safari 和 Chrome */	-o-transition: all .8s ease-out 1s;	/* Opera */	width: 1000px;}.active .index_t .tit {	opacity: 1;	transform: translateX(-50%);	-webkit-transform: translateX(-50%);	-moz-transform: translateX(-50%);	-ms-transform: translateX(-50%);	-o-transform: translateX(-50%);}.active .index_t .tit {	transition-delay: .5s}/*平台优势*/.index_t_s {	text-align: center;	position: absolute;	top: 6%;	left: 50%;	opacity: 0;	transition: all .8s ease-out 1s;	-moz-transition: all .8s ease-out 1s;	/* Firefox 4 */	-webkit-transition: all .8s ease-out 1s;	/* Safari 和 Chrome */	-o-transition: all .8s ease-out 1s;	/* Opera */}.active .index_t_s,.active .index_s_wid,.active .index_s .index_t_xitong {	opacity: 1;	transform: translateX(-50%);	-webkit-transform: translateX(-50%);	-moz-transform: translateX(-50%);	-ms-transform: translateX(-50%);	-o-transform: translateX(-50%);}.active .index_t_s,.active .index_s_wid,.active .index_s .index_t_xitong {	transition-delay: .5s}.index_t_s p {	color: #000000;	font-size: 44px;	font-weight: bold;}.index_s_wid {	width: 1200px;	position: absolute;	top: 12%;	left: 50%;	opacity: 0;	transition: all 1.2s ease-out 1.6s;	-moz-transition: all 1.2s ease-out 1.6s;	/* Firefox 4 */	-webkit-transition: all 1.2s ease-out 1.6s;	/* Safari 和 Chrome */	-o-transition: all 1.2s ease-out 1.6s;	/* Opera */	transform: translateX(-200%);	-webkit-transform: translateX(-200%);	-moz-transform: translateX(-200%);	-ms-transform: translateX(-200%);	-o-transform: translateX(-200%);}.index_s_wid ul {	margin-top: 50px;}.index_s_wid ul li {	width: 50%;	margin-bottom: 50px;}.index_s_wid ul li h2 {	font-size: 24px;	color: #000;	margin-bottom: 20px;}.index_s_wid ul li p {	font-size: 16px;	line-height: 30px;	color: #646464;}.index_s_wid ul li .float_left {	margin-right: 40px;}.index_s_wid ul li .S_r {	padding-right: 40px;}.index_s .index_t_xitong {	width: 1200px;	position: absolute;	top: 55%;	left: 50%;	opacity: 0;	transition: all 1.2s ease-out 1.6s;	-moz-transition: all 1.2s ease-out 1.6s;	/* Firefox 4 */	-webkit-transition: all 1.2s ease-out 1.6s;	/* Safari 和 Chrome */	-o-transition: all 1.2s ease-out 1.6s;	/* Opera */}.index_s .index_t_xitong h2 {	font-size: 32px;	color: #000;	margin-bottom: 50px;}.index_s .index_t_xitong .about-lianjie {	margin-top: 50px;}.index_s .index_t_xitong h3 {	font-size: 18px;	color: #969696;	width: 50%;	margin: 0 auto;}.index_s .index_t_xitong a {	background-repeat: no-repeat;	text-align: center;	padding-top: 86px;	/*margin-left: 20px;	margin-right: 20px;*/	display: inline-block;	background-position: center top;	color: #969696;	width: 140px;	font-size: 14px;}.index_s .index_t_xitong a.ry {	background-image: url(../images/lzgw_37.png);}.index_s .index_t_xitong a.ry1 {	background-image: url(../images/lzgw_39.png);}.index_s .index_t_xitong a.ry2 {	background-image: url(../images/lzgw_41.png);}.index_s .index_t_xitong a.ry3 {	background-image: url(../images/lzgw_52.png);}.index_s .index_t_xitong a.ry4 {	background-image: url(../images/lzgw_53.png);}.index_s .index_t_xitong a.ry5 {	background-image: url(../images/lzgw_54.png);}/*合作伙伴*/.index_f {	width: 100%;	overflow: hidden;	mi-n-width: 1200px;}.index_f .banner2 {	width: 100%;	background-repeat: no-repeat;	background-position: center bottom;	/*height: 340px;*/	height: 40%;}.index_f .container {	width: 900px;	text-align: center;	margin: 0 auto;}.index_f .container h2 {	font-size: 32px;	margin-top: 50px;	margin-bottom: 50px;	font-weight: bold;}.index_f .row {	width: 786px;	margin: 0 auto;}.index_f figure {	width: 240px;	float: left;	position: relative;	height: 80px;	border: 1px solid #dedede;	border-radius: 10px;	opacity: 0;	transition: all .4s ease-out 0.5s;	-moz-transition: all .4s ease-out 0.5s;	/* Firefox 4 */	-webkit-transition: all .4s ease-out 0.5s;	/* Safari 和 Chrome */	-o-transition: all .4s ease-out 0.5s;	/* Opera */	transform: translateY(100%);	-webkit-transform: translateY(100%);	-moz-transform: translateY(100%);	-ms-transform: translateY(100%);	-o-transform: translateY(100%);}.index_f figure:nth-child(2n) {	transform: translateY(-100%);	-webkit-transform: translateY(-100%);	-moz-transform: translateY(-100%);	-ms-transform: translateY(-100%);	-o-transform: translateY(-100%);}.index_f .container img {	border-radius: 10px;}.active .index_f figure {	opacity: 1;	transition: all .8s ease-out .5s;	-moz-transition: all .8s ease-out .5s;	/* Firefox 4 */	-webkit-transition: all .8s ease-out .5s;	/* Safari 和 Chrome */	-o-transition: all .8s ease-out .5s;	/* Opera */	transform: translateY(0);	-webkit-transform: translateY(0);	-moz-transform: translateY(0);	-ms-transform: translateY(0);	-o-transform: translateY(0);}.index_f figure:hover {	-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);	-moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);	-ms-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);	-o-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);}/*footer*/.index_w {	position: relative;	overflow: hidden;	m-in-width: 1200px;	height: 100%;}.index_w .banner2 {	width: 100%;	background-repeat: no-repeat;	background-position: center;	height: 50%;	text-align: center;}.index_w .banner2 .titleX {	margin: 0 auto;	position: relative;	top: 20%;	opacity: 0;	/*transition: all .8s ease 0.5s;*/	transform: translateX(-100%);	-webkit-transform: translateX(-100%);	-moz-transform: translateX(-100%);	-ms-transform: translateX(-100%);	-o-transform: translateX(-100%);}.active .index_w .banner2 .titleX {	opacity: 1;	transition: all 1.5s ease-out .5s;	-moz-transition: all 1.5s ease-out .5s;	/* Firefox 4 */	-webkit-transition: all 1.5s ease-out .5s;	/* Safari 和 Chrome */	-o-transition: all 1.5s ease-out .5s;	/* Opera */	transform: translateX(0);	-webkit-transform: translateX(0);	-moz-transform: translateX(0);	-ms-transform: translateX(0);	-o-transform: translateX(0);}.index_w .banner2 .titleX img {	width: 180px;}.index_w .banner2 .titleX h1 {	font-size: 56px;	color: #fff;	margin: 40px 0;}.index_w .banner2 .titleX a {	padding: 10px 46px;	color: #000;	text-decoration: none;	font-size: 30px;	text-align: center;	background-color: #ededed;	margin: 0 auto;}.foot {	background-color: #323232;	padding-top: 70px;	padding-bottom: 30px;	height: 500px;	min-height: 380px;}.foot .copy {	margin-top: 160px;	font-size: 12px;}.foot .container {	width: 1200px;	margin: 0 auto;	opacity: 0;	transition: all 1.5s ease-out 0.5s;	-moz-transition: all 1.5s ease-out .5s;	/* Firefox 4 */	-webkit-transition: all 1.5s ease-out .5s;	/* Safari 和 Chrome */	-o-transition: all 1.5s ease-out .5s;	/* Opera */	transform: translateY(100%);	-webkit-transform: translateY(100%);	-moz-transform:translateY(100%);	-ms-transform: translateY(100%);	-o-transform: translateY(100%);}.active .foot .container {	opacity: 1;	transition: all 1.5s ease-out .5s;	-moz-transition: all 1.5s ease-out .5s;	/* Firefox 4 */	-webkit-transition: all 1.5s ease-out .5s;	/* Safari 和 Chrome */	-o-transition: all 1.5s ease-out .5s;	/* Opera */	transform: translateY(0);	-webkit-transform: translateY(0);	-moz-transform:translateY(0);	-ms-transform: translateY(0);	-o-transform: translateY(0);}.foot .sx-padding {	padding-bottom: 0;}.foot section {	float: left;}.foot section.bianju {	margin-right: 40px;}.foot section h3 {	font-size: 24px;	font-weight: bold;	color: #FFF;	padding: 0 0 30px 0;	margin: 0;}.foot section h4 {	font-size: 16px;	font-weight: bold;	color: #FFF;	padding: 14px 0 10px 0;	margin: 0;}.foot a {	color: #969696;	font-size: 14px;	line-height: 30px;}.foot a:hover {	color: #4b9cff;	text-decoration: none;}.foot p {	padding: 0;	margin: 0;	font-size: 14px;	color: #969696;}.foot section address {	font-style: normal;	margin: 0;	padding: 0;}@media screen and (max-width:1600px) {	.index_banner .bd,	.index_banner .bd ul {		width: 100%;		height: 100%;		background-size: 100%;	}	.index_t_o {		width: 591px;		height: 548px;	}	.index_f .banner2 {		height: 34%;	}	.index_s_wid ul li {		margin-bottom: 30px;	}	.index_s .index_t_xitong h2 {		margin-bottom: 30px;	}}@media screen and (max-width:1400px) {	.index_banner .bd,	.index_banner .bd ul {		width: 100%;		height: 100%;		background-size: 100%;	}	.index_w_o {		margin-top: 0;	}	.index_f .banner2 {		height: 28%;	}	.index_w .banner2 {		height: 44%;	}	.index_t_s p {		font-size: 40px;	}	.index_s_wid ul {		margin-top: 30px;	}	.index_s_wid ul li {		margin-bottom: 30px;	}	.index_s_wid ul li {		margin-bottom: 20px;	}	.index_s .index_t_xitong {		margin-top: 30px;	}	.index_s .index_t_xitong h2 {		margin-bottom: 30px;	}	.index_w .banner2 .titleX img {		width: 130px;	}	.index_w .banner2 .titleX h1 {		font-size: 40px;		margin: 30px 0;	}	.index_w .banner2 .titleX a {		padding: 10px 30px;		font-size: 26px;	}}@media screen and (max-width:1200px) {	.index_banner .bd,	.index_banner .bd ul {		width: 100%;		height: 100%;		background-size: 100%;	}	.header_n {		width: 1200px;	}	.index_f .banner2 {		height: 28%;	}	.index_w .banner2 {		height: 44%;	}	.index_s_wid ul li {		margin-bottom: 20px;	}	.index_s .index_t_xitong {		margin-top: 20px;	}	.index_s .index_t_xitong h2 {		margin-bottom: 20px;	}}/*轮播条动画*/@keyframes width {	0% {		width: 0%;	}	100% {		width: 100%;	}}@-webkit-keyframes width {	0% {		width: 0%;	}	100% {		width: 100%;	}}@-moz-keyframes width {	0% {		width: 0%;	}	100% {		width: 100%;	}}/*向下按钮*/@keyframes fulldown1 {	0% {		transform: scale(.5);		opacity: 0;		bottom: 34px;	}	50% {		transform: scale(.7);		opacity: 1;		bottom: 24px;	}	100% {		transform: scale(1);		opacity: 0;		bottom: 14px;	}}@-webkit-keyframes fulldown1 {	0% {		transform: scale(.5);		opacity: 0;		bottom: 34px;	}	50% {		transform: scale(.7);		opacity: 1;		bottom: 24px;	}	100% {		transform: scale(1);		opacity: 0;		bottom: 14px;	}}@-moz-keyframes fulldown1 {	0% {		transform: scale(.5);		opacity: 0;		bottom: 34px;	}	50% {		transform: scale(.7);		opacity: 1;		bottom: 24px;	}	100% {		transform: scale(1);		opacity: 0;		bottom: 14px;	}}@keyframes fulldown2 {	0% {		transform: scale(.4);		opacity: 0;		bottom: 40px;	}	50% {		transform: scale(.6);		opacity: 1;		bottom: 30px;	}	100% {		transform: scale(.9);		opacity: 0;		bottom: 20px;	}}@-webkit-keyframes fulldown2 {	0% {		transform: scale(.4);		opacity: 0;		bottom: 40px;	}	50% {		transform: scale(.6);		opacity: 1;		bottom: 30px;	}	100% {		transform: scale(.9);		opacity: 0;		bottom: 20px;	}}@-moz-keyframes fulldown2 {	0% {		transform: scale(.4);		opacity: 0;		bottom: 40px;	}	50% {		transform: scale(.6);		opacity: 1;		bottom: 30px;	}	100% {		transform: scale(.9);		opacity: 0;		bottom: 20px;	}}/*banner1*/@keyframes banner1_right {	from {		opacity: 0;		left: 0%;	}	to {		opacity: 1;		left: 50%;	}}@-webkit-keyframes banner1_right {	from {		opacity: 0;		left: 0%;	}	to {		opacity: 1;		left: 50%;	}}@keyframes banner1_left {	from {		opacity: 0;		left: 100%;	}	to {		opacity: 1;		left: 50%;	}}@-webkit-keyframes banner1_left {	from {		opacity: 0;		left: 100%;	}	to {		opacity: 1;		left: 50%;	}}