@charset "utf-8";
/* CSS Document */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, main, menu, nav, output, ruby, section, summary, time, mark, audio, video, input, textarea, button {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	outline: none;
	border-radius: 0;
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section {
	display: block;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
a {
	text-decoration: none;
}
a:hover, a:active {
	outline: none;
	text-decoration: none;
}
img {
	display: block;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
.container-fluid, .container {
	margin-right: auto;
	margin-left: auto;
}
.container-fluid {
	padding-right: 2rem;
	padding-left: 2rem;
}
.row {
	margin-right: -0.5rem;
	margin-left: -0.5rem;
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: box;
	display: flex;
	-webkit-box-lines: multiple;
	-moz-box-lines: multiple;
	-o-box-lines: multiple;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-orient: horizontal;
	-webkit-flex-direction: row;
	-moz-flex-direction: row;
	-ms-flex-direction: row;
	-o-flex-direction: row;
	flex-direction: row;
}
.l-small {
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: box;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	white-space: nowrap;
	-webkit-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}
body {
	background: #fff;
	font-family: "微软雅黑", "Microsoft YaHei", Helvetica, Arial, sans-serif;
	color: #000;
	margin: 0;
	padding: 0;
}
.clearfix:after {
	display: block;
	content: "";
	clear: both;
}
/*muse-ui 样式问题修正*/
*, :after, :before {
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
}
html {
	font-family: "微软雅黑", "Microsoft YaHei", Apple System, "SF Pro SC", "SF Pro Display", "Helvetica Neue", "PingFang SC", "Hiragino Sans GB", "STHeiti", "Microsoft JhengHei", "Source Han Sans SC", "Noto Sans CJK SC", "Source Han Sans CN", "Arial", sans-serif; /* text-rendering: optimizeLegibility;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: antialiased; */
	font-size: 15px;
	height: 100%;
	width: 100%;
	min-width: 320px;
}

@media only screen and (max-width: 1280px) {
html {
	font-size: 14px;
}
}

@media only screen and (max-width: 1024px) {
html {
	font-size: 13px;
}
}

@media only screen and (max-width: 768px) {
html {
	font-size: 12px;
}
}

/*修复iPhone横屏后字体变大问题*/
@media screen and (max-device-width: 320px) {
body {
	-webkit-text-size-adjust: 100%
}
}

@media screen and (max-device-width: 480px) {
body {
	-webkit-text-size-adjust: 100%
}
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) {
body {
	-webkit-text-size-adjust: 100%
}
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
body {
	-webkit-text-size-adjust: 100%
}
}
/*修改滚动条样式*/
.wrap {
	width: 100%;
	overflow-x: hidden;
	overflow-y: auto;
}
.wrap::-webkit-scrollbar {
width: 5px;
}
.wrap::-webkit-scrollbar-thumb {
background-color:#b8bbc1;
border: 1px solid rgba(184, 187, 193, 0.1);
border-radius: 10px;
}

@media all and (max-width: 768px) {
 .wrap::-webkit-scrollbar {
width: 0px;
}
}
/**/
.between-xs {
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
.center-xs {
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	text-align: center;
}
.middle-xs {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

@media only screen and (min-width: 1024px) {
.start-md {
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	text-align: start;
}
}
.container {
	width: 100%;
	max-width: 1520px;
	margin: 0 auto;
	padding: 0 60px;
}
.w1200 {
	max-width: 1200px;
	margin: 0 auto;
}

@media all and (max-width: 960px) {
.container {
	padding: 0 30px;
}
}
@font-face {
	font-family: "Orbitron-Regular";
	src: /*url("../fonts/orbitron-regular.woff2") format("woff2"),*/
 url("../fonts/orbitron-regular.woff") format("woff"),  url("../fonts/orbitron-regular.ttf") format("truetype"),  url("../fonts/orbitron-regular.eot") format("embedded-opentype"),  url("../fonts/orbitron-regular.svg") format("svg");
	font-weight: normal;
	font-style: normal;
}
/*RESET*/

*, *::before, *::after {
	box-sizing: border-box;
}
/*header*/
.header-wrapper {/*height:142px;*/
	width: 100%;
	position: relative;
	z-index: 10000;
	-webkit-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
	z-index: 9;
}
.header {
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: box;
	display: flex;
	-webkit-box-lines: multiple;
	-moz-box-lines: multiple;
	-o-box-lines: multiple;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	height: 102px;
	width: 100%;
	z-index: 10000;
	position: fixed;
	top: 0px;
	-webkit-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}
.home-wrap .headerbg {
	position: absolute;
	right: 50%;
	top: 0;
	width: 64rem;
	height: 15.66666666666667rem;
	background: url(../images/top-logobg.png) no-repeat center top;/*-webkit-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out; */
	background-size: 960px;
	z-index: 9;
}
.header .header-wrap {
	width: 100%;
	position: relative;
	z-index: 10001;
}
.header .nav-menu-btn {
	z-index: 111;
	display: none;
}
.header .logo {
	font-size: 2rem;
	color: #ffffff;
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: box;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
       width: 20%;
       height: 98%;
	z-index: 10002;
}
@media (max-width:1280px) {
	.header .logo {
		font-size: 2rem;
		color: #ffffff;
		display: -webkit-box;
		display: -moz-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: box;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
	       width: 26%;
	       height: 92%;
		z-index: 10002;
	}
}
.header .logo img{
width: 100%;
height: 100%;
object-fit: cover;
}
.header .logo .yc{
display: none;
}
.fixed .header .yc{
	display: block;
	    position: relative;
	    top: -86px;
	    transform: scale(0.8);
}
.header .logo a {
	color: #ffffff;
}
.header .header-nav {
	position: relative;
}
.header .header-ul {
	z-index: 10000;
	-webkit-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}
.header .header-ul .logo {
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: box;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	line-height: 102px;
	height: 102px;
}
.header .header-ul .header-nav {
	position: relative;
}
.header .header-ul {
	position: relative;
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: box;
	display: flex;
	-webkit-box-pack: center;
	-moz-box-pack: center;
	-o-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-moz-box-align: center;
	-o-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	line-height: 102px;
	height: 102px;
}
.header .header-ul .header-li {
	font-size: 1.1rem;
	font-weight: 600;
	line-height: 1.5;
	margin-left: 3.8rem;
	-webkit-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	position: relative;
}
.header .header-ul .header-li a {
	color: #fff;
}
.header .header-ul .header-li a:hover {
	color: #000;
}
.header .header-ul .header-li.last {
	margin-left: 5.7rem;
}
.header .header-ul .header-li a.l-small {
	color: #fff!important;
	background: #136d9e;
	font-size: 1.1rem;
	line-height: 1.5;
	padding: 0 40px;
	width: 9.333333333333333rem;
	height: 3.466666666666667rem;
	border-radius: 0.5rem;
	-webkit-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}
.header .header-ul .header-li a.l-small:hover {
	background: #e62129;
	-webkit-transform: translateY(-2%);
	-ms-transform: translateY(-2%);
	transform: translateY(-2%);
}
/*fixed*/
.fixed .header-wrapper {
	height: 82px;
}
.fixed .header {
	height: 82px;
	-webkit-box-shadow: 0 0 1px 1px rgba(34,45,57,0.15);
	box-shadow: 0 0 1px 1px rgba(34,45,57,0.15);
	background-color: #fff;
}
.fixed .header .logo a {
	color: #383f61;
}
.fixed .header .header-ul {
	height: 82px;
}
.header .nav-menu-list {
	display: none;
}

@media all and (max-width: 1440px) {
.header .header-ul .header-li {
	margin-left: 3rem;
}
.header .header-ul .header-li.last {
	margin-left: 4rem;
}
.header-wrapper {
	height: auto;
}
.header {
	height: 102px;
}
.header .header-ul {
	height: 102px;
}
.header .header-ul .header-li a.l-small {
	height: 3rem;
	padding: 0 20px;
	width: 8rem;
}
.home-wrap .headerbg {
	height: 10rem;
}
}

@media all and (max-width: 1220px) {
.header-wrapper {
	height: auto;
}
.header {
	height: 72px;
}
.header .header-ul {
	height: 72px;
}
.fixed .header-wrapper {
	height: 72px;
}
.fixed .header {
	height: 72px;
}
.fixed .header .header-ul {
	height: 72px;
}
.header .header-ul .header-li {
	margin-left: 2.4rem;
}
.header .header-ul .header-li.last {
	margin-left: 3rem;
}
.home-wrap .headerbg {
	top: -22px;
}
}

@media all and (max-width: 960px) {
.header {
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: box;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-shadow: 0 0 1px 1px rgba(34,45,57,0.15);
	box-shadow: 0 0 1px 1px rgba(34,45,57,0.15);
	background: #fff;
}
.header .header-nav {
	display: none;
}
.home-wrap .headerbg {
	width: 100%;
	background-position: left top;
	background-size: 40rem;
	right: 0;
	top: 0;
	display: none;
}
.header .logo a {
	color: #383f61;
}
.header .nav-menu-btn {
	display: block;
}
.header .nav-menu-btn img {
	width: 24px;
	height: 24px;
}
.header .nav-menu-btn:hover {
	cursor: pointer;
}
.header .nav-menu-list {
	position: fixed;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	z-index: 999999;
	background: #fff;
	padding: 0 30px;
	height: 100vh;
}
.header .nav-menu-list .logo-wrapper {
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: box;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	height: 72px;
}
.header .nav-menu-list .logo-wrapper .logo {
	width: 72px;
	height: 30px;
	color: #383f61;
}
.header .nav-menu-list .logo-wrapper img.close {
	width: 24px;
	height: 24px;
}
.header .nav-menu-list .nav-wrapper {
	overflow: auto;
	height: calc(100vh - 60px);
}
.header .nav-menu-list .nav-wrapper::-webkit-scrollbar {
width: 0;
}
.header .nav-menu-list .nav-wrapper::-webkit-scrollbar-thumb {
background:none;
border:none;
border-radius:0;
}
.header .nav-menu-list .nav-wrapper li a {
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: box;
	display: flex;
	padding-bottom: 0;
	font-size: 16px;
	line-height: 59.76px;
	color: #383f61;
	border-bottom: 1px solid #f2f2f2;
}
.header .nav-menu-list .nav-wrapper li.last a.l-small {
	color: #fff;
	background: #136d9e;
	font-size: 16px;
	line-height: 40px;
	padding: 0 40px;
	width: 100%;
	height: 40px;
	border-radius: 0.5rem;
}
.header .nav-menu-list .nav-wrapper li.last {
	width: 180px;
	margin: 0 auto;
	margin-top: 40px;
	margin-bottom: 40px;
}
/*mobile erji*/
.header .nav-menu-list .nav-wrapper li .downB {
	display: none;
}
.header .nav-menu-list .nav-wrapper li .downB a {
	color: #7d808d;
	font-size: 14px;
	padding-left: 15px;
	background: url(../images/top-drop.png) no-repeat left center;
	line-height: 54px;
	background-size: 4.5px;
}
/*open*/
.open .header .nav-menu-list {
	display: block;
}
.home-wrap .headerbg {
	width: 100%;
	height: 130px;
	background-position: left top;
	right: auto;
	left: 0;
}
.fixed .header .logo a {
	color: #383f61;
}
.header-wrapper {
	height: 60px;
}
.header {
	height: 60px;
}
.header .header-ul {
	height: 60px;
}
.fixed .header-wrapper {
	height: 60px;
}
.fixed .header {
	height: 60px;
}
.fixed .header .header-ul {
	height: 60px;
}
.header .logo {
	font-size: 1.6rem;
}
.fixed .header {
	-webkit-box-shadow: 0 0 1px 1px rgba(34,45,57,0.15);
	box-shadow: 0 0 1px 1px rgba(34,45,57,0.15);
	background: #fff;
}
.header .nav-menu-list .logo-wrapper {
	height: 60px;
}
.header .nav-menu-list .logo-wrapper .logo {
	width: 60px;
}
.header .nav-menu-btn img {
	width: 20px;
	height: 18px;
	margin-top: 5px;
}
.header .nav-menu-list .logo-wrapper img.close {
	width: 20px;
	height: 20px;
}
}

@media all and (max-width:490px) {
.home-wrap .headerbg {
	background-size: 100%;
}
}
/*ER*/
.header .header-ul .header-li:hover .downBox {
	opacity: 1;
	top: 20px;
	visibility: visible;
}
.downBox {
	visibility: hidden;
	opacity: 0;
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	position: absolute;
	z-index: 10000;
	top: 30px;
	margin-left: -75px;
	padding-top: 15px;
}
/*down-box*/
.down-box {
	width: 210px;
	background: #fff;
	border-radius: 10px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 30px 30px 20px 30px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	border: 1px solid #f5f5f5;
	-webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
}
.down-box div:first-child {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
}
.down-box div:last-child {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	margin-left: 20px;
}
.down-box ul {
	cursor: pointer;
}
.down-box .list-name {
	font-size: 0.9333333333333333rem;
	font-weight: 500;
	line-height: 1.5;
	margin-bottom: 0.8rem;
	-webkit-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}
.down-box .list-name a {
	color: #383f61!important;
}
.down-box .list-name a:hover {
	color: #136d9e!important;
}
.pointer {
	position: absolute;
	left: 95px;
	top: 8px;
	width: 14px;
	height: 14px;
	background: #fff;
	border-top: 1px solid rgba(0, 0, 0, 0.04);
	border-left: 1px solid rgba(0, 0, 0, 0.04);
	-webkit-box-shadow: 0px 4px 60px rgba(167, 167, 167, 0.1);
	box-shadow: 0px 4px 60px rgba(167, 167, 167, 0.1);
	border-radius: 3px 0 0 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}
/*index-floor*/
.index-floor {
	padding: 142px 0 0 0;
	width: 100%;
	background-color: #fff;
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: box;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
.index-floor .container {
	position: relative;
}
.index-floor .index-flTextBox {
	padding: 0 45px;
}
.index-floor .index-flImg img {
	max-width: 100%;
}
.index-floor h1 {
	font-size: 4rem;
	line-height: 1.25;
	color: #383f61;
	font-weight: normal;
	font-family: "Orbitron-Regular", "微软雅黑", "Microsoft YaHei", Helvetica, Arial, sans-serif;
}
.index-floor h1 span {/*font-size:4.666666666666667rem; */
	font-weight: normal;
}
.index-floor .title {
	font-size: 1.333333333333333rem;
	line-height: 2;
	color: #86899a;
	margin-top: 3.6rem;
}
.index-floor .moreBtn {
	margin-top: 3.6rem;
	text-align: center;
}
.index-floor .moreBtn a {
	color: #fff;
	font-size: 0.9333333333333333rem;
	line-height: 1.5;
	padding: 0 40px;
	width: 11.8rem;
	height: 3.466666666666667rem;
	border-radius: 0.5rem;
	position: relative;
	-webkit-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}
.index-floor .moreBtn a span {
	position: relative;
	z-index: 2;
	font-family: "微软雅黑", "Microsoft YaHei", Helvetica, Arial, sans-serif;
}
.index-floor .moreBtn a:before {
	width: 100%;
	height: 100%;
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	background: #136d9e;
	border-radius: 0.5rem;
	z-index: 1;
}
.index-floor .moreBtn a:after {
	width: 100%;
	height: 100%;
	content: '';
	position: absolute;
	top: 0.5rem;
	left: 0.5rem;
	background: #fceded;
	border-radius: 0.5rem;
	z-index: 0;
}
.index-floor .moreBtn a:hover {
	-webkit-transform: translateY(-2%);
	-ms-transform: translateY(-2%);
	transform: translateY(-2%);
}
.index-floor .moreBtn a:hover:before {
	background: #e62129;
}

@media all and (max-width: 1440px) {
.index-floor {
	padding: 102px 0 0 0;
}
.index-floor .index-flTextBox {
	padding: 0 3rem;
}
}

@media all and (max-width: 1220px) {
.index-floor .index-flTextBox {
	padding: 0 1rem;
}
.index-floor h1 {
	font-size: 3rem;
}
.index-floor h1 span {/*font-size:3.666666666666667rem;*/
}
/*.index-floor .title{font-size:1.4rem;}*/
}

@media only screen and (min-width: 1024px) {
.index-floor .infoBox {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	padding-right: 0.5rem;
	padding-left: 0.5rem;
	-ms-flex-preferred-size: 50%;
	flex-basis: 50%;
	max-width: 50%;
}
}

@media all and (max-width: 1023px) {
.index-floor {
	padding-top: 143px;
}
.index-floor .index-flImg {
	padding-top: 3.6rem;
}
.index-floor .index-flTextBox {
	padding: 0 2rem;
}
.index-floor h1 {
	font-size: 3.7rem;
}
.index-floor h1 span {/*font-size:4.366666666666667rem;*/
}
}

@media all and (max-width: 960px) {
.index-floor {
	padding: 60px 0 0 0;
}
}

@media all and (max-width: 768px) {
.index-floor {
	padding-top: 4rem;
}
.index-floor .index-flTextBox {
	padding: 0 0;
}
}

@media all and (max-width: 640px) {
.index-floor h1 {
	font-size: 3rem;
}
.index-floor h1 span {/*font-size:3.666666666666667rem;*/
}
}
/*index-floor2*/
.index-floor2 {
	padding: 220px 0 165px 0;
	width: 100%;
	background-color: #136d9e;
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: box;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	position: relative;
	overflow: hidden;
}
.index-floor2:before {
	content: '';
	position: absolute;
	left: 50%;
	margin-left: -64rem;
	top: 0;
	width: 128rem;
	height: 26rem;
	background: url(../images/index-f2bg-1.jpg) no-repeat center top;
	-webkit-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	background-size: 128rem;
}
.index-floor2:after {
	content: '';
	position: absolute;
	left: 50%;
	margin-left: -64rem;
	bottom: 0;
	width: 128rem;
	height: 10rem;
	background: url(../images/index-f2bg-2.jpg) no-repeat center top;
	-webkit-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	background-size: 128rem;
}
.index-floor2 .container {
	position: relative;
}
.index-floor2 .infoBox1 {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	padding-right: 0rem;
	padding-left: 0rem;
	-ms-flex-preferred-size: 70%;
	flex-basis: 70%;
	max-width: 60%;
}
.index-floor2 .infoBox2 {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	padding-right: 2.333333333333333rem;
	padding-left: 2.333333333333333rem;
	-ms-flex-preferred-size: 30%;
	flex-basis: 30%;
	max-width: 38%;
	position: absolute;
	/* top: 0rem; */
	right: 1.5rem;
}
.index-floor2 .index-flImg img {
	max-width: 100%;
	-webkit-transition: -webkit-transform 420ms cubic-bezier(0.165, 0.84, 0.44, 1);
	-moz-transition: -moz-transform 420ms cubic-bezier(0.165, 0.84, 0.44, 1);
	-o-transition: -o-transform 420ms cubic-bezier(0.165, 0.84, 0.44, 1);
	-ms-transition: -ms-transform 420ms cubic-bezier(0.165, 0.84, 0.44, 1);
	transition: transform 420ms cubic-bezier(0.165, 0.84, 0.44, 1);
	box-shadow: 0px 0px 10px #464343;
}
.index-floor2 .index-flImg img:hover {
	-webkit-transform: translateY(-10px);
	-moz-transform: translateY(-10px);
	-o-transform: translateY(-10px);
	-ms-transform: translateY(-10px);
	transform: translateY(-10px);
}
.index-floor2 .en {
	    font-size: 3.066667rem;
	    line-height: 1.5;
	    font-weight: 900;
}
.index-floor2 .en span {
	color: #ffffff;
}
.index-floor2 .title {
	font-size: 2.933333333333333rem;
	color: #ffffff;
	font-weight: normal;
	margin-top: 10px;
}
.index-floor2 .title span {
	font-size: 2.933333rem;
	    line-height: -5.5;
	    color: #ffffff38;
	    font-weight: 600;
	    margin-top: 10px;
}
.index-floor2 .wz {
	font-size: 1.066666666666667rem;
	line-height: 2;
	color: #ffffff;
	margin-top: 20px;
}

@media all and (max-width: 1520px) {
.index-floor2 .index-flTextBox {
	padding: 0 0.5rem;
}
}

@media all and (max-width: 1220px) {
.index-floor2 .index-flTextBox {
	padding: 0 1rem;
}
.index-floor2 .title {
	font-size: 2.9rem;
}
.index-floor2 .title span {
	font-size: 3rem;
}
/*.index-floor2 .wz{font-size:1.4rem;}*/
.index-floor2 .infoBox2 {
	top: 3rem;
	max-width: 30%;
}
}

@media all and (max-width: 1150px) {
.index-floor2 .infoBox1 {
	-ms-flex-preferred-size: 65%;
	flex-basis: 65%;
	max-width: 65%;
}
.index-floor2 .infoBox2 {
	top: 3rem;
	-ms-flex-preferred-size: 30%;
	flex-basis: 30%;
	max-width: 30%;
}
}

@media all and (max-width: 1050px) {
.index-floor2 .infoBox1 {
	-ms-flex-preferred-size: 60%;
	flex-basis: 60%;
	max-width: 60%;
}
.index-floor2 .infoBox2 {
	top: 0rem;
	-ms-flex-preferred-size: 35%;
	flex-basis: 35%;
	max-width: 35%;
}
}

@media all and (max-width: 1023px) {
.index-floor2 .infoBox1, .index-floor2 .infoBox2 {
	padding-right: 0rem;
	padding-left: 0rem;
	-ms-flex-preferred-size: 100%;
	flex-basis: 100%;
	max-width: 100%;
}
.index-floor2:before {
	background-size: 100%;
	margin-left: 0;
	width: 100%;
	height: 20.3125vw;
	left: 0;
}
.index-floor2:after {
	background-size: 100%;
	margin-left: 0;
	width: 100%;
	height: 7.8125vw;
	left: 0;
}
.index-floor2 {
	padding: 20.3125vw 0 15vw 0;
	width: 100%;
	background-color: #136d9e;
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: box;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	position: relative;
	overflow: hidden;
}
.index-floor2 .infoBox2 {
	position: static;
	top: 0;
	right: 0;
	padding-top: 4rem;
}
.index-floor2 .infoBox1 {
	padding-top: 4rem;
}
}

@media all and (max-width: 960px) {
.index-floor2 .en {
	text-align: center;
}
.index-floor2 .title {
	text-align: center;
}
}
/*index-floor3*/
.index-floor3 {
	padding: 150px 0 175px 0;
	width: 100%;
	/* background-color: #fff; */
	background-image: url(../images/wh-bj.png);
	position: relative;
	overflow: hidden;
	display: none;
}
.index-floor3 .index-floor-tit {
	text-align: center;
	margin-bottom: 60px;
}
.index-floor3 .index-floor-tit .en {
	    font-size: 3.066667rem;
	    line-height: 1.5;
	    font-weight: 900;
}
.index-floor3 .index-floor-tit .en span {
	color: #136d9e;
	    font-weight: 900;
}
.index-floor3 .index-floor-tit .title {
	    font-size: 2.933333rem;
	    line-height: -5.5;
	    color: #041b272b;
	    font-weight: 600;
	    margin-top: 10px;
}
.index-floor3 .index-floor-tit .title span {
	font-weight: normal;
	font-size: 3.333333333333333rem;
}

@media all and (max-width: 1220px) {
.index-floor3 .index-floor-tit .title {
	font-size: 2.9rem;
}
.index-floor3 .index-floor-tit .title span {
	font-size: 3rem;
}
}

@media all and (max-width: 1023px) {
.index-floor3 {
	padding: 100px 0 100px 0;
}
}
/*index-floor3 wedo*/
.index-floor3 .wedo-list {
	width: 100%;
	position: relative;
	z-index: 2;
}
.index-floor3 .row {
	margin-right: -1.666666666666667rem;
	margin-left: -1.666666666666667rem;
}
.index-floor3 .wedo {
	-ms-flex: 0 0 33.333333%;
	flex: 0 0 33.333333%;
	max-width: 33.333333%;
	margin-bottom: 25px;
	padding-right: 1.666666666666667rem;
	padding-left: 1.666666666666667rem;
	padding-top: 30px;
	padding-bottom: 20px;
}
.index-floor3 .wedo .wedoBox {
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: box;
	display: flex;
	-webkit-box-lines: multiple;
	-moz-box-lines: multiple;
	-o-box-lines: multiple;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	flex-wrap: wrap;
	overflow: hidden;
}
.index-floor3 .wedo .img-wrapper {
	margin-right: 1.3rem;
	margin-bottom: 0;
}
.index-floor3 .wedo .img-wrapper img {
	width: 6.1rem;
	height: 6.1rem;
}
.index-floor3 .wedo .text-wrapper {
	padding-right: 0;
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	width: 100%;
}
.index-floor3 .wedo .text-wrapper .title {
	font-size: 1.3rem;
	font-weight: 500;
	line-height: 1.5;
	color: #383f61;
}
.index-floor3 .wedo .text-wrapper .desc {
	font-size: 1.066666666666667rem;
	font-weight: 400;
	line-height: 1.8;
	margin-top: 9px;
	color: #7d808d;
}
.index-floor3 .wedo, .index-floor3 .wedo .img-wrapper img {
	-webkit-transition: -webkit-transform 420ms cubic-bezier(0.165, 0.84, 0.44, 1);
	-moz-transition: -moz-transform 420ms cubic-bezier(0.165, 0.84, 0.44, 1);
	-o-transition: -o-transform 420ms cubic-bezier(0.165, 0.84, 0.44, 1);
	-ms-transition: -ms-transform 420ms cubic-bezier(0.165, 0.84, 0.44, 1);
	transition: transform 420ms cubic-bezier(0.165, 0.84, 0.44, 1);
}
.index-floor3 .wedo:hover {
	-webkit-transform: translateY(5px);
	-moz-transform: translateY(5px);
	-o-transform: translateY(5px);
	-ms-transform: translateY(5px);
	transform: translateY(5px);
	box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);
}

@media all and (max-width: 1520px) {
.index-floor3 .row {
	margin-right: -1.5rem;
	margin-left: -1.5rem;
}
.index-floor3 .wedo {
	padding-right: 1.5rem;
	padding-left: 1.5rem;
	padding-top: 30px;
	padding-bottom: 20px;
}
.index-floor3 .wedo .img-wrapper img {
	width: 5.6rem;
	height: 5.6rem;
}
}

@media all and (max-width: 1023px) {
.index-floor3 .wedo {
	-ms-flex-preferred-size: 50%;
	flex-basis: 50%;
	max-width: 50%;
}
}

@media all and (max-width: 768px) {
.index-floor3 .wedo {
	-ms-flex-preferred-size: 100%;
	flex-basis: 100%;
	max-width: 100%;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-bottom: 15px;
}
}
/*index-floor4*/
.index-floor4 {
	padding: 0 0 175px 0;
	width: 100%;
	background-color: #136d9e;
	position: relative;
	overflow: hidden;
}
.index-floor4:before {
	content: '';
	position: absolute;
	left: 50%;
	margin-left: -64rem;
	top: 0;
	width: 128rem;
	height: 36rem;
	background: url(../images/index-f4bg1.jpg) no-repeat center top;
	-webkit-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	background-size: 128rem;
	z-index: 0;
}
.index-floor4:after {
	content: '';
	position: absolute;
	left: 50%;
	margin-left: -64rem;
	bottom: 0;
	width: 128rem;
	height: 10rem;
	background: url(../images/index-f4bg2.jpg) no-repeat center top;
	-webkit-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	background-size: 128rem;
	z-index: 0;
}
.index-floor4 .index-floor-tit {
	text-align: center;
	margin-bottom: 60px;
	position: relative;
	z-index: 2;
}
.index-floor4 .index-floor-tit .en {
	    font-size: 3.066667rem;
	    line-height: 1.5;
	    font-weight: 900;
}
.index-floor4 .index-floor-tit .en span {
	    color: #136d9e;
	    font-weight: 900;
}
.index-floor4 .index-floor-tit .title {
    font-size: 2.933333rem;
    line-height: -5.5;
    color: #041b272b;
    font-weight: 600;
    margin-top: 10px;
}

@media all and (max-width: 1220px) {
.index-floor4 .index-floor-tit .title {
	font-size: 2.9rem;
}
}

@media all and (max-width: 1023px) {
.index-floor4 {
	padding: 0 0 120px 0;
}
}
/*index-floor4 App*/
.index-floor4 .App-list {
	width: 100%;
	position: relative;
	z-index: 2;
}
.index-floor4 .row {
	margin-right: 0;
	margin-left: 0;
}
.index-floor4 .App {
	width: 100%;
	position: relative;
	margin-bottom: 2.533333333333333rem;
	padding-right: 1.333333333333333rem;
	padding-left: 1.333333333333333rem;
	-ms-flex: 0 0 33.333333%;
	flex: 0 0 33.333333%;
	max-width: 33.333333%;
}
.index-floor4 .App .AppBox {
	width: 100%;
	height: 30vh;
	background: #fff;
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: box;
	display: flex;
	-webkit-box-lines: multiple;
	-moz-box-lines: multiple;
	-o-box-lines: multiple;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	flex-wrap: wrap;
	overflow: hidden;
	border-bottom-left-radius: 3rem;
	border-top-right-radius: 3rem;
	box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);
}
.text-wrapper p{
	font-size: 16px;
	text-align: left;
	line-height: 40px;
}
.index-floor4 .App .img-wrapper {
	margin-bottom: 0;
}
.index-floor4 .App .img-wrapper img {
	width: 8.333333333333333rem;
	height: 22.13333333333333rem;
}
.index-floor4 .App .text-wrapper {
	padding-left: 3.666666666666667rem;
	padding-right: 3.333333333333333rem;
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	width: 100%;
	transition: 0.5s;
}
.index-floor4 .App .text-wrapper .title {
	font-size: 1.466666666666667rem;
	font-weight: bold;
	line-height: 1.5;
	color: #136d9e;
}
.index-floor4 .App .text-wrapper .desc {
	font-size: 1.066666666666667rem;
	font-weight: 400;
	line-height: 1.8;
	margin-top: 9px;
	color: #383f61;
}
.index-floor4 .App, .index-floor4 .App .AppBox {
	-webkit-transition: -webkit-transform 420ms cubic-bezier(0.165, 0.84, 0.44, 1);
	-moz-transition: -moz-transform 420ms cubic-bezier(0.165, 0.84, 0.44, 1);
	-o-transition: -o-transform 420ms cubic-bezier(0.165, 0.84, 0.44, 1);
	-ms-transition: -ms-transform 420ms cubic-bezier(0.165, 0.84, 0.44, 1);
	transition: transform 420ms cubic-bezier(0.165, 0.84, 0.44, 1);
}
.index-floor4 .App:hover .AppBox {
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-o-transform: scale(1.05);
	-ms-transform: scale(1.05);
	transform: scale(1.05);
	box-shadow: 2px 8px 43px rgba(0, 0, 0, 0.3);
}

@media all and (max-width: 1520px) {
.index-floor4 .App .text-wrapper {
	padding-left: 3rem;
	padding-right: 3rem;
}
.index-floor4 .App .text-wrapper .title {
	font-size: 1.4rem;
}
}

@media all and (max-width: 1150px) {
.index-floor4 .App {
	padding-right: 0.5rem;
	padding-left: 0.5rem;
	margin-bottom: 1rem;
}
.index-floor4 .App .text-wrapper {
	padding-left: 2rem;
	padding-right: 2rem;
}
.index-floor4 .App .text-wrapper .title {
	font-size: 1.2rem;
}
}

@media all and (max-width: 1023px) {
.index-floor4 .App {
	-ms-flex-preferred-size: 50%;
	flex-basis: 50%;
	max-width: 50%;
}
.index-floor4 .App .text-wrapper {
	padding-left: 3rem;
	padding-right: 3rem;
}
.index-floor4 .App .text-wrapper .title {
	font-size: 1.4rem;
}
}

@media all and (max-width: 768px) {
.index-floor4 .row {
	margin-right: -0.5rem;
	margin-left: -0.5rem;
}
.index-floor4 .App {
	padding-right: 0.8rem;
	padding-left: 0.5rem;
	margin-bottom: 1rem;
}
.index-floor4 .App .text-wrapper {
	padding-left: 1rem;
	padding-right: 1rem;
}
.index-floor4 .App .text-wrapper .title {
	font-size: 1.2rem;
}
.index-floor4 .App .img-wrapper img {
	width: 8rem;
	height: 22rem;
}
}

@media all and (max-width: 530px) {
.index-floor4 .App {
	-ms-flex-preferred-size: 100%;
	flex-basis: 100%;
	max-width: 100%;
}
.index-floor4 .App .AppBox {
	-ms-flex-preferred-size: 100%;
	flex-basis: 100%;
	max-width: 100%;
}
.index-floor4 .App .text-wrapper .title {
	font-size: 1.4rem;
}
.index-floor4 .App .text-wrapper {
	padding-left: 2rem;
	padding-right: 2rem;
}
}
/*index-floor5*/
.index-floor5 {
	padding: 30px 0 100px 0;;
	width: 100%;
	background-color: #fff;
	position: relative;
	overflow: hidden;
}
.index-floor5 .index-floor-tit {
	text-align: center;
	margin-bottom: 60px;
}
.index-floor5 .index-floor-tit .en {
	font-size: 3.066667rem;
	line-height: 1.5;
	
	font-weight: 900;
}
.index-floor5 .index-floor-tit .en span {
	color: #136d9e;
	font-weight: 900;
}
.index-floor5 .index-floor-tit .title {
	font-size: 2.933333rem;
	line-height: -5.5;
	color: #041b272b;
	font-weight: 600;
	margin-top: 10px;
}

@media all and (max-width: 1220px) {
.index-floor5 .index-floor-tit .title {
	font-size: 2.9rem;
}
}

@media all and (max-width: 1023px) {
.index-floor5 {
	padding: 100px 0 60px 0;
}
}

@media all and (max-width: 768px) {
.index-floor5 {
	padding: 60px 0 60px 0;
}
}
/*index-floor5 caseli*/
.index-floor5 .container {
	position: relative;
	padding-bottom: 85px;
}
.index-floor5 .caseli-list {
	width: 100%;
	z-index: 2;
	position: static;
	border-radius: 5px;
	overflow: hidden;
	box-shadow: 2px 8px 43px rgba(0, 0, 0, 0.1);
	font-size: 0;
}
.index-floor5 .caseli-list .row {
	margin-right: 0;
	margin-left: 0;
	position: static;
	font-size: 0;
}
.index-floor5 .caseli {
	width: 100%;
	position: relative;
	font-size: 0;
}
.index-floor5 .caseli .caseBox {
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: box;
	display: flex;
	-webkit-box-lines: multiple;
	-moz-box-lines: multiple;
	-o-box-lines: multiple;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	width: 100%;
	overflow: hidden;
	background: #FFF;
}
.index-floor5 .caseli .img-wrapper {
	margin-bottom: 0;
	width: 50%;
	overflow: hidden;
}
.index-floor5 .caseli .img-wrapper img {
	width: 100%;
	height: auto;
}
.index-floor5 .caseli .caseBox, .index-floor5 .caseli .img-wrapper, .index-floor5 .caseli .text-wrapper .title:after, .index-floor5 .caseli .img-wrapper img {
	-moz-transition: all .6s ease-in-out;
	-webkit-transition: all 0.6s ease-in-out;
	transition: all .6s ease-in-out;
}
.index-floor5 .caseli .caseBox:hover .img-wrapper img {
	-moz-transform: scale(1.05);
	-webkit-transform: scale(1.05);
	transform: scale(1.05);
}
.index-floor5 .caseli .text-wrapper {
	padding-left: 10rem;
	padding-right: 12rem;
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	width: 50%;
	font-size: 100%;
}
.index-floor5 .caseli .text-wrapper .title {
	font-size: 2rem;
	font-weight: 500;
	line-height: 1.2;
	color: #383f61;
	padding-top: 8.8rem;
	position: relative;
}
.index-floor5 .caseli .text-wrapper .title:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	height: 5.066666666666667rem;
	width: 5.066666666666667rem;
	border-radius: 50%;
	background: url(../images/index-f5-icon1.png) no-repeat center top;
	background-size: 100%;
	box-shadow: 5px 0px 21px rgba(0, 0, 0, 0.1);
}
.index-floor5 .caseli.caseli1 .text-wrapper .title:after {
	background: url(../images/index-f5-icon1.png) no-repeat center top;
	background-size: 100%;
}
.index-floor5 .caseli.caseli2 .text-wrapper .title:after {
	background: url(../images/index-f5-icon2.png) no-repeat center top;
	background-size: 100%;
}
.index-floor5 .caseli.caseli3 .text-wrapper .title:after {
	background: url(../images/index-f5-icon3.png) no-repeat center top;
	background-size: 100%;
}
.index-floor5 .caseli .caseBox:hover .text-wrapper .title:after {
	top: 1rem;
}
.index-floor5 .caseli .caseBox .text-wrapper .desc {
	font-size: 1.066666666666667rem;
	font-weight: 400;
	line-height: 1.8;
	margin-top: 27px;
	color: #383f61;
}
.index-floor5 .slick-list, .index-floor5 .slick-list .slick-track {
	font-size: 0!important;
}
.index-floor5 .slick-list .slick-track .slick-slide {
	font-size: 0!important;
	-webkit-text-size-adjust: 100%
}

@media all and (max-width: 1520px) {
.index-floor5 .caseli .text-wrapper {
	padding-left: 8rem;
	padding-right: 8rem;
}
.index-floor5 .caseli .caseBox .text-wrapper .desc {
	font-size: 1rem;
}
}

@media all and (max-width: 1280px) {
.index-floor5 .caseli .text-wrapper {
	font-size: 93.33333333333333%;
}
}

@media all and (max-width: 1220px) {
.index-floor5 .caseli .text-wrapper {
	padding-left: 5rem;
	padding-right: 5rem;
}
}

@media all and (max-width: 1023px) {
.index-floor5 .caseli .text-wrapper {
	padding-left: 3rem;
	padding-right: 3rem;
}
.index-floor5 .caseli .text-wrapper .title {
	font-size: 1.8rem;
	padding-top: 6rem;
	position: relative;
}
.index-floor5 .caseli .text-wrapper .title:after {
	height: 4rem;
	width: 4rem;
}
.index-floor5 .caseli .caseBox:hover .text-wrapper .title:after {
	top: 0.5rem;
}
}

@media all and (max-width: 768px) {
.index-floor5 .container {
	padding-bottom: 60px;
}
.index-floor5 .caseli-list {
	border-radius: 5px;
	overflow: hidden;
}
.index-floor5 .caseli .caseBox {
	display: block;
}
.index-floor5 .caseli .img-wrapper {
	width: 100%;
	position: relative;
	height: 40vw;
}
.index-floor5 .caseli .img-wrapper img {
	position: absolute;
	left: 0;
	right: 0;
	top: 50%;
	margin-top: -40vw;
	width: 100%;
}
.index-floor5 .caseli .text-wrapper {
	width: 100%;
	padding: 3rem 2rem 4rem 2rem;
	font-size: 100%;
}
.index-floor5 .caseli .caseBox {
	text-decoration: none;
}
}

@media only screen and (max-width: 1280px) {
.index-floor5 .caseli-list .caseli .caseBox .text-wrapper .desc p, .index-floor5 .caseli-list .caseli .caseBox .text-wrapper .desc {
	font-size: 15px!important;
}
}

@media only screen and (max-width: 1024px) {
.index-floor5 .caseli-list .caseli .caseBox .text-wrapper .desc p, .index-floor5 .caseli-list .caseli .caseBox .text-wrapper .desc {
	font-size: 14px!important;
}
}

@media only screen and (max-width: 768px) {
.index-floor5 .caseli-list .caseli .caseBox .text-wrapper .desc p, .index-floor5 .caseli-list .caseli .caseBox .text-wrapper .desc {
	font-size: 13px!important;
}
}
/*Dots */
.caseli-list .slick-dots {
	position: absolute;
	list-style: none;
	display: block;
	text-align: center;
	padding: 0px;
	width: 100%;
	bottom: 0;
	left: 0;
	right: 0;
}
.caseli-list .slick-dots li {
	width: 50px;
	height: 5px;
	display: inline-block;
	margin: 0px 8.5px;
	padding: 0px;
	cursor: pointer;
	position: relative;
	font-size: 0;
	border-radius: 5px;
}
.caseli-list .slick-dots li button {
	width: 50px;
	height: 5px;
	opacity: 1;
	float: none;
	margin-left: 10px;
	border-radius: 5px;
	background: #ffeff0;
	cursor: pointer;
	position: relative;
	font-size: 0;
	overflow: hidden;
	-webkit-transition: width .4s linear;
	-o-transition: width .4s linear;
	transition: width .4s linear;
	outline: none;
}
.caseli-list .slick-dots li.slick-active button {
	background: #136d9e;
}
/* Arrows */
.caseli-list .slick-next, .caseli-list .slick-prev {
	display: none!important;
}

@media all and (max-width: 1220px) {
.caseli-list .slick-dots li, .caseli-list .slick-dots li button {
	width: 3rem;
}
}
/*index-Contact*/
.index-Contact {
	padding: 250px 0 150px 0;
	text-align: center;
	background: url(../images/index-fl6bg.jpg) no-repeat center center #fff;
}
.index-Contact .title {
	font-size: 3.333333333333333rem;
	line-height: 1.5;
	color: #136d9e;
	font-weight: normal;
	font-family: "Orbitron-Regular", "微软雅黑", "Microsoft YaHei", Helvetica, Arial, sans-serif;
	text-transform: uppercase;
}
.index-Contact .wz {
	font-size: 1.066666666666667rem;
	line-height: 1.5;
	color: #383f61;
}
.index-Contact .moreBtn {
	margin-top: 35px;
	text-align: center;
}
.index-Contact .moreBtn a {
	color: #fff;
	font-size: 0.9333333333333333rem;
	line-height: 1.5;
	padding: 0 40px;
	width: 11.8rem;
	height: 3.466666666666667rem;
	border-radius: 0.5rem;
	position: relative;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.index-Contact .moreBtn a span {
	position: relative;
	z-index: 2;
	font-family: "微软雅黑", "Microsoft YaHei", Helvetica, Arial, sans-serif;
}
.index-Contact .moreBtn a:before {
	width: 100%;
	height: 100%;
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	background: #136d9e;
	border-radius: 0.5rem;
	z-index: 1;
}
.index-Contact .moreBtn a:after {
	width: 100%;
	height: 100%;
	content: '';
	position: absolute;
	top: 0.5rem;
	left: 0.5rem;
	background: #fceded;
	border-radius: 0.5rem;
	z-index: 0;
}
.index-Contact .moreBtn a:hover {
	-webkit-transform: translateY(-2%);
	-ms-transform: translateY(-2%);
	transform: translateY(-2%);
}
.index-Contact .moreBtn a:hover:before {
	background: #e62129;
}

@media all and (max-width: 1220px) {
.index-Contact .title {
	font-size: 3rem;
}
}

@media all and (max-width: 960px) {
.index-Contact {
	background-size: 100%;
}
.index-Contact {
	padding: 150px 0 100px 0;
}
}

@media all and (max-width: 768px) {
.index-Contact {
	padding: 150px 0 100px 0;
}
}

@media all and (max-width: 640px) {
.index-Contact {
	padding: 16vw 0 16vw 0;
}
}
/*footer*/
.footer {
	width: 100%;
	background: url(../images/bottom-bg.jpg) no-repeat center top #136d9e;
	overflow: hidden;
	padding: 188px 0 76px 0;
	background-size: 100%;
}
.footer .bottom-logo {
	font-size: 1.066666666666667rem;
	line-height: 1.6;
	color: #fff;
	text-align: center;
}
.footer .bottom-logo .logo {
	font-size: 2.4rem;
	font-family: "Orbitron-Regular", "微软雅黑", "Microsoft YaHei", Helvetica, Arial, sans-serif;
	text-transform: uppercase;
}
.footer .bottom-logo .logo span {
	font-size: 0.8rem;
	line-height: 1.5;
	position: relative;
	top: -0.5rem;
}
.footer .ylink {
	width: 100%;
	text-align: center;
	margin-top: 48px;
}
.footer .ylink li {
	padding: 0;
	margin: 0;
	display: inline-block;
*display:inline;
	zoom: 1;
	text-align: center;
	line-height: 1.5;
}
.footer .ylink li a {
	color: #fff;
	font-size: 0.9333333333333333rem;
	margin: 0px 1.933333333333333rem;
	position: relative;
	text-transform: uppercase;
}
.footer .ylink li a:after {
	width: 7px;
	height: 100%;
	content: '/';
	position: absolute;
	top: 0;
	right: -1.933333333333333rem;
	color: #;
	font-size: 0.8rem;
}
.footer .ylink li:last-child a:after {
	display: none;
}
.footer .ylink li a:hover {
	font-weight: 700;
	    color: #ffffff;
}
.copyright {
	width: 100%;
	text-align: center;
	margin-top: 14px;
}
.copyright span {
	color: #fff;
	font-size: 0.8rem;
}
.copyright span a {
	color: #fff;
}
.copyright span a:hover {
	color: #fff;
}
/*detail-share*/
.detail-share {
	line-height: 0;
	font-size: 0;
	text-align: center;
	margin-top: 20px;
}
.detail-share a {
	display: inline-block;
*display:inline;
	zoom: 1;
	margin: 0 2px;
	font-size: 0;
	position: relative;
}
.detail-share a i {
	vertical-align: top;
	width: 30px;
	height: 30px;
	font-style: normal;
	display: inline-block;
	background-repeat: no-repeat;
	border-radius: 50%;
	border: 1px solid #136d9e;
	overflow: hidden;
	background-position: center center;
	;
}
.detail-share a.share1 i {
	background-image: url(../images/weixin.png);
	background-size: 20px;
}
.detail-share a.share2 i {
	background-image: url(../images/qq.png);
	background-size: 18px;
}
.detail-share a i:hover {
	border-color: #fff;
}
.detail-share .ewm {
	position: absolute;
	bottom: 30px;
	left: 50%;
	display: none;
	overflow: hidden;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
	background-color: #fff;
	border-radius: 0.5rem;
	-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.2);
	box-shadow: 0 0 10px rgba(0,0,0,0.2);
	image-rendering: pixelated;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.detail-share .ewm img {
	width: 150px!important;
	height: 150px!important;
	max-width: none;
}

@media all and (max-width: 1220px) {
.footer .bottom-logo .logo {
	font-size: 2rem;
}
}

@media all and (max-width: 1023px) {
.footer {
	padding: 100px 0 75px 0;
}
}

@media all and (max-width: 768px) {
.footer .ylink li a {
	margin: 0px 1rem;
}
.footer .ylink li a:after {
	right: -1.3rem;
}
}
/*index END*/




/*page START*/
/*page  header*/
.header .header-ul .header-li a:hover {
	color: #ffffff;
font-size: 1.rem;
	font-weight: 800;
}
.page-wrap .header .header-ul .header-li a {
	color: #fff;
}
.fixed .header .header-ul .header-li a {
	color: #383f61;
}
.page-wrap .header .header-ul .header-li a.l-small {
	color: #136d9e!important;
	background: #fff;
}
.fixed .header .header-ul .header-li a.l-small {
	color: #fff!important;
	background: #136d9e;
}
.page-wrap .header .header-ul .header-li .downBnr a {
	color: #383f61;
}
/*page-banner*/
.page-banner {
	padding: 0 0 0 0;
	width: 100%;
	background-color: #136d9e;/*background-size:100%; */
	background-position: center top;
	background-repeat: no-repeat;
	position: relative;
	overflow: hidden;
}
.page-banner .banner-Img {
	max-width: 100%;
}
.page-banner .banner-Img img {
	max-width: 100%;
}
.page-banner .banner-wz {
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	margin-top: -3.75rem;
	z-index: 2;
}
.page-banner .banner-wzNr {
	text-align: center;
	width: 40.5%;
}
.page-banner h1 {
	font-size: 4rem;
	line-height: 1.25;
	color: #fff;
	font-weight: normal;
	font-family: "Orbitron-Regular", "微软雅黑", "Microsoft YaHei", Helvetica, Arial, sans-serif;
	text-transform: uppercase;
}
.page-banner .title {
	font-size: 1.333333333333333rem;
	line-height: 2;
	color: #fff;
	margin-top: 0.5rem;
}
/*contact-banner*/
.contact-banner {
	padding: 260px 0;
}
.contact-banner .banner-Img {
	display: none;
}
.contact-banner .banner-wz {
	margin-top: -2rem;
}
/*solution-banner*/
.solution-banner {
	padding: 305px 0;
}
.solution-banner .banner-Img {
	display: none;
}
/*about-banner*/
.about-banner {
	padding: 355px 0;
}
.about-banner .banner-Img {
	display: none;
}

@media all and (max-width: 1220px) {
.page-banner h1 {
	font-size: 3rem;
}
}

@media all and (max-width: 1023px) {
.page-banner h1 {
	font-size: 3.7rem;
}
}

@media all and (max-width: 960px) {
.page-banner .banner-wz {
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	margin-top: 0;
	padding-top: 3.75rem
}
.page-banner .banner-wzNr {
	width: 100%;
}
.page-banner .banner-Img {
	margin-top: -3.75rem;
}
.page-banner .banner-Img2 img {
	max-width: none;
	width: 200%;
	margin-left: -70%;
}
/*contact-banner*/
.contact-banner {
	padding: 260px 0;
}
.contact-banner .banner-wz {
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	margin-top: -3.75rem;
	z-index: 2;
	padding-top: 0;
}
/*solution-banner*/
.solution-banner {
	padding: 305px 0;
}
.solution-banner .banner-wz {
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	margin-top: -3.75rem;
	z-index: 2;
	padding-top: 0;
}
/*about-banner*/
.about-banner {
	padding: 355px 0;
}
.about-banner .banner-wz {
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	margin-top: -3.75rem;
	z-index: 2;
	padding-top: 0;
}
}

@media all and (max-width: 768px) {
.page-banner h1 {
	font-size: 3rem;
}
/*contact-banner*/
.contact-banner {
	padding: 40.625vw 0;
	background-size: cover;
}
/*solution-banner*/
.solution-banner {
	padding: 34vw 0;
	background-size: cover;
}
/*about-banner*/
.about-banner {
	padding: 34vw 0;
	background-size: cover;
}
}

@media all and (max-width: 430px) {
.page-banner h1 {
	font-size: 2.6rem;
}
}
/*page-tit*/
.page-tit {
	text-align: center;
	margin: 0 auto;
	margin-bottom: 4rem;
}
.page-tit .en {
	font-size: 1.066666666666667rem;
	line-height: 1.5;
	color: #d8d8d8;
	font-weight: normal;
	font-family: "Orbitron-Regular", "微软雅黑", "Microsoft YaHei", Helvetica, Arial, sans-serif;
	text-transform: uppercase;
}
.page-tit .en span {
	color: #383f61;
}
.page-tit .title {
	font-size: 2.933333333333333rem;
	line-height: 1.5;
	color: #383f61;
	font-weight: normal;
	font-family: "Orbitron-Regular", "微软雅黑", "Microsoft YaHei", Helvetica, Arial, sans-serif;
	margin-top: 0.3333333333333333rem;
	position: relative;
	padding-bottom: 2rem;
	text-transform: uppercase;
}
.page-tit .title:after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	margin: 0 auto;
	width: 3rem;
	height: 0.2666666666666667rem;
	border-radius: 0.5rem;
	background: #136d9e;
}

@media all and (max-width: 1220px) {
.page-tit .title {
	font-size: 2.9rem;
}
}

@media all and (max-width: 1024px) {
.page-tit .title {
	font-size: 2.6rem;
}
}

@media all and (max-width: 1220px) {
.page-tit .title {
	font-size: 2.4rem;
}
}
/*pageBox*/
.page {
	overflow: hidden;
	width: 100%;
}
.pageInfo img {
	display: inline-block;
	max-width: 100%;
}
.pageBox {
	width: 100%;
	background-color: #fff;
	position: relative;
	font-size: 1.066666666666667rem;
	line-height: 2;
	color: #383f61;
}
/*pageBox1*/
.pageBox1 {
	position: relative;
	padding: 110px 0 70px 0;
}
.pageBox1:after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
	background-color: #f2f3f7;
	height: 26.66666666666667rem;
}
.pageBox1 .container {
	position: relative;
	z-index: 2;
}
.pageBox1 .page-tit {
	margin-bottom: 120px;
}

@media all and (max-width: 1580px) {
.pageBox1 {
	padding: 7rem 0 4.666666666666667rem 0;
}
.pageBox1 .page-tit {
	margin-bottom: 8rem;
}
}

@media all and (max-width: 1023px) {
.pageBox1 {
	padding: 100px 0 60px 0;
}
}

@media all and (max-width: 768px) {
.pageBox1 {
	padding: 60px 0 60px 0;
}
}
/*page-jionList*/
.page-jionList ul {
	font-size: 0;
	line-height: 0;
	margin: 0 -15px;
}
.page-jionList ul li {
	width: 50%;
	display: inline-block;
*display:inline;
	zoom: 1;
	vertical-align: top;
	margin-bottom: 40px;
}
.page-jionList ul li .infoBox {
	text-align: center;
	display: block;
	margin: 0 15px;
	background-color: #fff;
	padding-top: 64px;
	padding-bottom: 55px;
	-webkit-box-shadow: 2px 8px 43px rgba(0, 0, 0, 0.1);
	box-shadow: 2px 8px 43px rgba(0, 0, 0, 0.1);
	border-radius: 0.5rem;
	color: #fff;
}
.page-jionList ul li .title {
	font-size: 1.866666666666667rem;
	line-height: 1.5;
	color: #383f61;
	font-weight: normal;
	font-family: "Orbitron-Regular", "微软雅黑", "Microsoft YaHei", Helvetica, Arial, sans-serif;
}
.page-jionList ul li .wz {
	font-size: 1.066666666666667rem;
	line-height: 2;
	color: #383f61;
	margin-top: 18px;
	padding: 0 110px;
}
.page-jionList ul li .m {
	display: block;
	font-size: 1.066666666666667rem;
	width: 188px;
	margin: 0 auto;
	height: 45px;
	line-height: 45px;
	border-radius: 5px;
	background: #136d9e;
	color: #fff;
	position: relative;
	cursor: pointer;
	margin-top: 52px;
}
.page-jionList ul li .m span {
	position: relative;
	z-index: 2;
}
.page-jionList ul li .m:after {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 0;
	background: #e62129;
	border-radius: 5px;
}
.page-jionList ul li .m:after {
	-webkit-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}
.page-jionList ul li .infoBox .m:hover:after {
	width: 100%;
}
.page-jionList ul li.li1 .infoBox {
	background-image: url(../images/join-icon1.svg);
	background-color: #fff;
	background-repeat: no-repeat;
	background-position: right 25px bottom 26px;
}
.page-jionList ul li.li2 .infoBox {
	background-image: url(../fonts/join-icon2.svg);
	background-color: #fff;
	background-repeat: no-repeat;
	background-position: right 25px bottom 22px;
}
.page-jionList ul li .infoBox {
	-webkit-transition: -webkit-transform 420ms cubic-bezier(0.165, 0.84, 0.44, 1);
	-moz-transition: -moz-transform 420ms cubic-bezier(0.165, 0.84, 0.44, 1);
	-o-transition: -o-transform 420ms cubic-bezier(0.165, 0.84, 0.44, 1);
	-ms-transition: -ms-transform 420ms cubic-bezier(0.165, 0.84, 0.44, 1);
	transition: transform 420ms cubic-bezier(0.165, 0.84, 0.44, 1);
}
.page-jionList ul li .infoBox:hover {
	-webkit-transform: translateY(-10px);
	-moz-transform: translateY(-10px);
	-o-transform: translateY(-10px);
	-ms-transform: translateY(-10px);
	transform: translateY(-10px);
}

@media all and (max-width: 1580px) {
.page-jionList ul {
	margin: 0 -1rem;
}
.page-jionList ul li {
	margin-bottom: 2.666666666666667rem;
}
.page-jionList ul li .infoBox {
	padding-top: 4.266666666666667rem;
	padding-bottom: 3.666666666666667rem;
	margin: 0 1rem;
}
.page-jionList ul li .wz {
	padding: 0 7.5rem;
}
.page-jionList ul li .m {
	width: 12.53333333333333rem;
	height: 3rem;
	line-height: 3rem;
	margin-top: 3.466666666666667rem;
}
}

@media all and (max-width: 1220px) {
.page-jionList ul li .wz {
	padding: 0 4rem;
}
}

@media all and (max-width: 1150px) {
.page-jionList ul li .wz {
	padding: 0 4rem;
}
}

@media all and (max-width: 768px) {
.page-jionList ul {
	margin: 0;
}
.page-jionList ul li {
	width: 100%;
}
.page-jionList ul li a {
	margin: 0;
}
.page-jionList ul li .wz {
	padding: 0 7.5rem;
}
}

@media all and (max-width: 640px) {
.page-jionList ul li .wz {
	padding: 0 3rem;
}
}
/*pageBox2*/
.pageBox2 {
	position: relative;
	padding: 95px 0 60px 0;
}
.pageBox2 .container {
	position: relative;
	z-index: 2;
}
.pageBox2 .page-tit {
	margin-bottom: 90px;
}

@media all and (max-width: 1580px) {
.pageBox2 {
	padding: 6.333333333333333rem 0 4.666666666666667rem 0;
}
.pageBox2 .page-tit {
	margin-bottom: 4rem;
}
}

@media all and (max-width: 1023px) {
.pageBox2 {
	padding: 80px 0 60px 0;
}
}

@media all and (max-width: 768px) {
.pageBox2 {
	padding: 60px 0 60px 0;
}
}
/*page-jionList2*/
.page-jionList2 {
	margin: 0 0px 0 0px;
}
.page-jionList2 li {
	-webkit-box-shadow: 2px 8px 43px rgba(0, 0, 0, 0.1);
	box-shadow: 2px 8px 43px rgba(0, 0, 0, 0.1);
	margin-bottom: 15px;
	background-color: #fff;
	border-radius: 0.5rem;
}
.page-jionList2 li .titleBox {
	padding: 30px 160px 30px 100px;
	overflow: hidden;
	zoom: 1;
	position: relative;
	background: url(../images/join-icon.png) no-repeat 40px center;
	background-size: 31px;
}
.page-jionList2 li .title {
	font-size: 1.066666666666667rem;
	line-height: 1.5;
	color: #383f61;
	font-weight: 600;
	font-family: "Orbitron-Regular", "微软雅黑", "Microsoft YaHei", Helvetica, Arial, sans-serif;
}
.page-jionList2 li .wz {
	font-size: 0.9333333333333333rem;
	line-height: 2;
	color: #707489;
}
.page-jionList2 li .m {
	font-size: 0.9333333333333333rem;
	width: 155px;
	height: 45px;
	line-height: 45px;
	border-radius: 5px;
	background: #fceded;
	color: #136d9e;
	cursor: pointer;
	position: absolute;
	right: 40px;
	top: 30px;
	text-align: center;
}
.page-jionList2 li .tmain {
	background: #fff;
	padding: 0 40px 40px 40px;
	display: none;
	text-align: center;
}
.page-jionList2 li .tmainNr {
	border-top: 1px solid #e5e5e5;
	padding-top: 40px;
	font-size: 0.9333333333333333rem;
	line-height: 2.2;
	color: #707489;
	text-align: left;
}
.page-jionList2 li .rq {
	display: inline-block;
	font-size: 0.9333333333333333rem;
	width: 155px;
	height: 45px;
	line-height: 45px;
	border-radius: 5px;
	background: #136d9e;
	color: #fff;
	text-align: center;
	margin: 0 auto;
	margin-top: 50px;
}
.page-jionList2 li .rq {
	-webkit-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}
.page-jionList2 li .rq:hover {
	background: #e62129;
	-webkit-transform: translateY(-2%);
	-ms-transform: translateY(-2%);
	transform: translateY(-2%);
}

@media screen and (max-width:1580px) {
.page-jionList2 li .titleBox {
	padding: 2rem 11rem 2rem 6.666666666666667rem;
	background-position: 2.666666666666667rem center;
	background-size: 2rem;
}
.page-jionList2 li .m {
	width: 10.33333333333333rem;
	height: 3rem;
	line-height: 3rem;
	right: 2.666666666666667rem;
	top: 2rem;
}
.page-jionList2 li .rq {
	width: 10.33333333333333rem;
	height: 3rem;
	line-height: 3rem;
	margin-top: 3.333333333333333rem;
}
.page-jionList2 li .tmain {
	padding: 0 2.666666666666667rem 2.666666666666667rem 2.666666666666667rem;
}
.page-jionList2 li .tmainNr {
	padding-top: 2.666666666666667rem;
}
}

@media screen and (max-width:767px) {
.page-jionList2 li .titleBox {
	padding: 2rem 10rem 2rem 5.666666666666667rem;
	background-position: 2.666666666666667rem center;
	background-size: 2rem;
}
.page-jionList2 li .tmain {
	padding: 0 1rem 2rem 1rem;
}
.page-jionList2 li .tmainNr {
	padding-top: 2rem;
}
.page-jionList2 li .m {
	width: 6rem;
	height: 3rem;
	line-height: 3rem;
	right: 2.666666666666667rem;
	top: 2rem;
}
}

@media screen and (max-width:360px) {
.page-jionList2 li .titleBox {
	padding: 2rem 10rem 2rem 3.666666666666667rem;
	background-position: 1rem center;
	background-size: 1.5rem;
}
}
/*pageBox3*/
.pageBox3 {
	position: relative;
	padding: 42px 0 106px 0;
}
.pageBox3 .container {
	position: relative;
	z-index: 2;
}
.pageBox3 .page-tit {
	margin-bottom: 80px;
}

@media all and (max-width: 1580px) {
.pageBox3 {
	padding: 2.8rem 0 7rem 0;
}
.pageBox3 .page-tit {
	margin-bottom: 5.333333333333333rem;
}
}
/*page-jionList3*/
.page-jionList3 ul {
	font-size: 0;
	line-height: 0;
}
.page-jionList3 ul li {
	width: 25%;
	display: inline-block;
*display:inline;
	zoom: 1;
	vertical-align: top;
}
.page-jionList3 ul li .titleBox {
	display: block;
	background-color: #fff;
	border-left: 1px solid #eaeaea;
	padding-left: 35px;
	padding-right: 26px;
	padding-top: 57px;
}
.page-jionList3 ul li .title {
	font-size: 1.333333333333333rem;
	line-height: 1.5;
	color: #383f61;
	font-weight: normal;
	font-family: "Orbitron-Regular", "微软雅黑", "Microsoft YaHei", Helvetica, Arial, sans-serif;
	padding-bottom: 10px;
}
.page-jionList3 ul li .wz {
	font-size: 1.066666666666667rem;
	line-height: 2;
	color: #707489;
	margin-top: 70px;
}
.page-jionList3 ul li .titleBox {
	-webkit-transition: -webkit-transform 420ms cubic-bezier(0.165, 0.84, 0.44, 1);
	-moz-transition: -moz-transform 420ms cubic-bezier(0.165, 0.84, 0.44, 1);
	-o-transition: -o-transform 420ms cubic-bezier(0.165, 0.84, 0.44, 1);
	-ms-transition: -ms-transform 420ms cubic-bezier(0.165, 0.84, 0.44, 1);
	transition: transform 420ms cubic-bezier(0.165, 0.84, 0.44, 1);
}
.page-jionList3 ul li .titleBox:hover {
	-webkit-transform: translateY(-10px);
	-moz-transform: translateY(-10px);
	-o-transform: translateY(-10px);
	-ms-transform: translateY(-10px);
	transform: translateY(-10px);
}
.page-jionList3 ul li .title {
	position: relative;
}
.page-jionList3 ul li .title:after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	margin: 0 auto;
	width: 30px;
	height: 4px;
	background: #136d9e;
}
.page-jionList3 ul li.l2, .page-jionList3 ul li.l4 {
	margin-top: 65px;
}
.page-jionList3 ul li.l2 .title:after, .page-jionList3 ul li.l4 .title:after {
	background: #383f61;
}

@media all and (max-width: 1580px) {
.page-jionList3 ul li .titleBox {
	padding-left: 2.333333333333333rem;
	padding-right: 1.733333333333333rem;
	padding-top: 3.8rem;
}
.page-jionList3 ul li .title {
	padding-bottom: 0.6666666666666667rem;
}
.page-jionList3 ul li .wz {
	margin-top: 4.666666666666667rem;
}
.page-jionList3 ul li.l2, .page-jionList3 ul li.l4 {
	margin-top: 4.333333333333333rem;
}
}

@media all and (max-width: 1024px) {
.page-jionList3 ul li {
	width: 50%;
	margin-top: 4.333333333333333rem;
}
}

@media all and (max-width: 768px) {
.page-jionList3 ul li {
	width: 50%;
	margin-top: 4rem;
}
.page-jionList3 ul li.l2, .page-jionList3 ul li.l1 {
	margin-top: 0;
}
.page-jionList3 ul li.l4 {
	margin-top: 4rem;
}
.page-jionList3 ul li .titleBox {
	padding-left: 2rem;
	padding-right: 1.7rem;
	padding-top: 3rem;
}
.page-jionList3 ul li .wz {
	margin-top: 4rem;
}
.page-jionList3 ul li img {
	width: 7.5vw;
}
.page-jionList3 ul li.l3 img {
	width: 9.375vw;
}
}

@media all and (max-width: 640px) {
.page-jionList3 ul li .titleBox {
	padding-left: 1.5rem;
	padding-right: 1rem;
	padding-top: 3rem;
}
.page-jionList3 ul li .wz {
	margin-top: 9.375vw;
}
}

@media all and (max-width: 320px) {
.page-jionList3 ul li {
	width: 100%;
	margin-top: 4rem;
}
.page-jionList3 ul li.l2 {
	margin-top: 4rem;
}
.page-jionList3 ul li.l1 {
	margin-top: 0;
}
}
/*contactBox1*/
.contactBox1 {
	position: relative;
	padding: 65px 0 45px 0;
}
.contactBox1 .container {
	position: relative;
	z-index: 2;
}
.contactBox1 .page-tit {
	margin-bottom: 80px;
}

@media all and (max-width: 1580px) {
.contactBox1 {
	padding: 4.333333333333333rem 0 3rem 0;
}
.contactBox1 .page-tit {
	margin-bottom: 5.333333333333333rem;
}
}

@media all and (max-width: 1023px) {
.contactBox1 {
	padding: 100px 0 60px 0;
}
}

@media all and (max-width: 768px) {
.contactBox1 {
	padding: 60px 0 60px 0;
}
}
/*page-contactList*/
.page-contactList ul {
	font-size: 0;
	line-height: 0;
	margin: 0 -30px;
}
.page-contactList ul li {
	width: 33.33333%;
	display: inline-block;
*display:inline;
	zoom: 1;
	vertical-align: top;
}
.page-contactList ul li .titleBox {
	margin: 0 30px;
	border-radius: 0.5rem;
	overflow: hidden;
	background-color: #fbba00;
}
.page-contactList ul li .img {
	width: 100%;
}
.page-contactList ul li .img img {
	display: block;
	width: 100%;
}
.page-contactList ul li .wz {
	font-size: 1.866666666666667rem;
	line-height: 1.5;
	color: #fff;
	background-image: url(../images/contact-iconbg.png);
	background-repeat: no-repeat;
	background-position: right top;
	background-size: 100%;
	font-family: "苹方", "PingFang SC", "Lantinghei SC", "Microsoft YaHei", "HanHei SC", "Helvetica Neue", "Open Sans", Arial, "Hiragino Sans GB", "微软雅黑", STHeiti, "WenQuanYi Micro Hei", SimSun, sans-serif;
	min-height: 280px;
	position: relative;
	z-index: 2;
}
.page-contactList ul li .wzNr {
	padding: 75px 62px;
}
.page-contactList ul li .titleBox {
	-webkit-transition: -webkit-transform 420ms cubic-bezier(0.165, 0.84, 0.44, 1);
	-moz-transition: -moz-transform 420ms cubic-bezier(0.165, 0.84, 0.44, 1);
	-o-transition: -o-transform 420ms cubic-bezier(0.165, 0.84, 0.44, 1);
	-ms-transition: -ms-transform 420ms cubic-bezier(0.165, 0.84, 0.44, 1);
	transition: transform 420ms cubic-bezier(0.165, 0.84, 0.44, 1);
}
.page-contactList ul li .titleBox:hover {
	-webkit-transform: translateY(-10px);
	-moz-transform: translateY(-10px);
	-o-transform: translateY(-10px);
	-ms-transform: translateY(-10px);
	transform: translateY(-10px);
}
.page-contactList ul li.li1 .wz {
	background-color: #fbba00;
}
.page-contactList ul li.li2 .wz {
	background-color: #136d9e;
}
.page-contactList ul li.li3 .wz {
	background-color: #62acdb;
}
.page-contactList ul li.li3 .wz {
	font-size: 1.466666666666667rem;
}

@media all and (max-width: 1580px) {
.page-contactList ul {
	margin: 0 -2rem;
}
.page-contactList ul li .titleBox {
	margin: 0 2rem;
}
.page-contactList ul li .wz {
	min-height: 18.66666666666667rem;
}
.page-contactList ul li .wzNr {
	padding: 5rem 4rem;
}
}

@media all and (max-width: 1220px) {
.page-contactList ul {
	margin: 0 -1rem;
}
.page-contactList ul li .titleBox {
	margin: 0 1rem;
}
}

@media all and (max-width: 1150px) {
.page-contactList ul li .wzNr {
	padding: 5rem 2rem;
}
}

@media all and (max-width: 960px) {
.page-contactList ul {
	margin: 0 -0.5rem;
}
.page-contactList ul li .titleBox {
	margin: 0 0.5rem;
}
.page-contactList ul li .wzNr {
	padding: 5rem 1rem 2rem 1rem;
}
}

@media all and (max-width: 768px) {
.page-contactList ul li {
	width: 100%;
	margin-top: 2rem;
}
.page-contactList ul li.li1 {
	margin-top: 0;
}
.page-contactList ul li .titleBox {
}
.page-contactList ul li .img {
	height: 50vw;
	position: relative;
}
.page-contactList ul li .img img {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	margin-top: -20vw;
}
.page-contactList ul li .wz {
	min-height: initial;
	background-size: 24rem;
}
.page-contactList ul li .wzNr {
	padding: 5rem 2rem 5rem 2rem;
}
}
/*corBox1*/
.corBox1 {
	position: relative;
	padding: 128px 0 110px 0;
	background-image: url(../images/cor-bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
.corBox1 .container {
	position: relative;
	z-index: 2;
}
.corBox1 .page-tit {
	margin-bottom: 90px;
}

@media all and (max-width: 1580px) {
.corBox1 {
	padding: 8.5rem 0 7.333333333333333rem 0;
}
.corBox1 .page-tit {
	margin-bottom: 6rem;
}
}

@media all and (max-width: 1023px) {
.corBox1 {
	padding: 100px 0 100px 0;
}
}

@media all and (max-width: 768px) {
.corBox1 {
	padding: 60px 0 60px 0;
}
}
/*corBox1 page-cor*/
.corBox1 .moreBtn {
	margin-top: 3.6rem;
	text-align: center;
}
.corBox1 .moreBtn a {
	display: inline-block;
	color: #fff;
	font-size: 0.9333333333333333rem;
	padding: 0 40px;
	width: 11.8rem;
	height: 3.466666666666667rem;
	line-height: 3.466666666666667rem;
	border-radius: 0.5rem;
	position: relative;
	-webkit-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}
.corBox1 .moreBtn a span {
	position: relative;
	z-index: 2;
	font-family: "微软雅黑", "Microsoft YaHei", Helvetica, Arial, sans-serif;
}
.corBox1 .moreBtn a:before {
	width: 100%;
	height: 100%;
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	background: #136d9e;
	border-radius: 0.5rem;
	z-index: 1;
}
.corBox1 .moreBtn a:after {
	width: 100%;
	height: 100%;
	content: '';
	position: absolute;
	top: 0.5rem;
	left: 0.5rem;
	background: #fceded;
	border-radius: 0.5rem;
	z-index: 0;
}
.corBox1 .moreBtn a:hover {
	-webkit-transform: translateY(-2%);
	-ms-transform: translateY(-2%);
	transform: translateY(-2%);
}
.corBox1 .moreBtn a:hover:before {
	background: #e62129;
}
.corBox1 .page-cor {
	font-size: 1.066666666666667rem;
	line-height: 2;
	color: #383f61;
	background-image: url(../images/cor-bg2.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	background-color: #fff;
	background-size: 100%;
	min-height: 350px;
	-webkit-box-shadow: 2px 8px 49px rgba(0, 0, 0, 0.1);
	box-shadow: 2px 8px 49px rgba(0, 0, 0, 0.1);
	border-radius: 0.5rem;
}
.corBox1 .page-corNr {
	padding: 70px 230px;
	text-align: left;
	font-size: 1.333333333333333rem;
}
.corBox1 .page-corNr img {
	max-width: 100%;
}

@media all and (max-width: 1580px) {
.corBox1 .page-cor {
	min-height: 23.33333333333333rem;
}
.corBox1 .page-corNr {
	padding: 4.666666666666667rem 15.33333333333333rem;
}
}

@media all and (max-width: 1220px) {
.corBox1 .page-corNr {
	padding: 4rem 10rem;
}
}

@media all and (max-width: 1023px) {
.corBox1 .page-corNr {
	padding: 4rem 9rem;
}
}

@media all and (max-width: 768px) {
.corBox1 .page-corNr {
	padding: 4rem 6rem;
}
}

@media all and (max-width: 430px) {
.corBox1 .page-corNr {
	padding: 4rem 4rem;
}
}
/*corBox1 corTable*/
.corTable {
	max-width: 85%;
	margin: 0 auto;
}

@media all and (max-width: 1023px) {
.corTable {
	max-width: 100%;
}
}

@media all and (max-width: 960px) {
.corTable td {
	padding: 0 2%;
}
}
/*contactBox2*/
.contactBox2 {
	position: relative;
	padding: 45px 0 96px 0;
}
.contactBox2 .container {
	position: relative;
	z-index: 2;
}
.contactBox2 .page-tit {
	margin-bottom: 75px;
}

@media all and (max-width: 1580px) {
.contactBox2 {
	padding: 3rem 0 6.4rem 0;
}
.contactBox2 .page-tit {
	margin-bottom: 5rem;
}
}

@media all and (max-width: 1023px) {
.contactBox2 {
	padding: 100px 0 60px 0;
}
}

@media all and (max-width: 768px) {
.contactBox2 {
	padding: 60px 0 60px 0;
}
}
/*feedback2Box*/
.page-contactTable {
	padding-right: 50px;
	padding-left: 50px;
	padding-top: 50px;
	padding-bottom: 67px;
	background: #f5f6f8;
	border-radius: 0.5rem;
}
.feedback2 {
	font-size: 14px;
	line-height: 30px;
	color: #4c526e;
	text-align: left;
	padding: 0;
	margin: 0;
}
.feedback2 label {
	display: inline-block;
}
.feedback2 .t {
	font-size: 16px;
	line-height: 60px;
}
.feedback2 .l1 {
	float: left;
	width: 50%;
	position: relative;
}
.feedback2 .l1Box {
	margin: 0 22.5px;
	position: relative;
}
.feedback2 .text, .feedback2 .text2, .feedback2 .getcode, .feedback2 .inputbtn {
	appearance: none;
	-o-appearance: none;
	-ms-appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	vertical-align: middle;
}
.feedback2 .text {
	display: block;
	width: 100%;
	padding: 4px 20px;
	height: 52px;
	margin-bottom: 10px;
	outline: none;
	font-size: 14px;
	color: #616681;
	font-family: "微软雅黑", Arial, Sans-Serif;
	border: 1px solid #e3e5ee;
	border-radius: 0;
	background: #fff;
	text-align: left;
}
.feedback2 .text2 {
	display: block;
	width: 100%;
	padding: 10px 20px;
	height: 130px;
	margin-bottom: 20px;
	outline: none;
	font-size: 14px;
	color: #616681;
	font-family: "微软雅黑", Arial, Sans-Serif;
	border: 1px solid #e3e5ee;
	border-radius: 0;
	background: #fff;
	text-align: left;
}
.feedback2 .msg-other {
	background: url(../images/v.jpg) no-repeat right bottom #fff;
	background-size: 17px;
}
.feedback2 .telBox {
	position: relative;
}
/*.feedback2 .tel{padding-left:90px;}*/
.feedback2 .msg-other2 {
	position: absolute;
	left: 0;
	top: 0;
	width: 84px;
}
.feedback2 .tj {
	width: 120px;
	margin: 0 auto;
	position: relative;
	height: 52px;
	line-height: 52px;
	margin-top: 50px;
}
.feedback2 .tj:after {
	content: '';
	position: absolute;
	top: 8px;
	left: 8px;
	width: 100%;
	height: 100%;
	border-radius: 0.5rem;
	background: #fceded;
}
.feedback2 .inputbtn {
	display: inline-block;
	height: 52px;
	line-height: 52px;
	margin: 0;
	outline: none;
	font-size: 14px;
	background: #e54040;
	color: #fff;
	font-family: "微软雅黑", Arial, Sans-Serif;
	border: 0;
	cursor: pointer;
	border-radius: 0.5rem;
	text-align: center;
	width: 120px;
	position: relative;
	z-index: 2;
}
.feedback2 .inputbtn:hover {
	opacity: .95;
	filter: alpha(opacity=95);
	-moz-opacity: .95;
}
.feedback2 .text:focus, .feedback2 .msg-other:focus {
	color: #616681;
	background-color: #fff;
	border-color: #74b9ef;
	outline: 0;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);
}
.feedback2 input::-webkit-input-placeholder {
color: #616681
}
.feedback2 input:-moz-placeholder {
color: #616681
}
.feedback2 input::-moz-placeholder {
color: #616681
}
.feedback2 input:-ms-input-placeholder {
color: #616681
}
.feedback2 textarea::-webkit-input-placeholder {
color: #616681
}
.feedback2 textarea:-moz-placeholder {
color: #616681
}
.feedback2 textarea::-moz-placeholder {
color: #616681
}
.feedback2 textarea:-ms-input-placeholder {
color: #616681
}

@media screen and (max-width:1580px) {
.page-contactTable {
	padding-right: 3.333333333333333rem;
	padding-left: 3.333333333333333rem;
	padding-top: 3.333333333333333rem;
	padding-bottom: 4.466666666666667rem;
}
.feedback2 {
	font-size: 0.9333333333333333rem;
	line-height: 2rem;
}
.feedback2 .t {
	font-size: 1.066666666666667rem;
	line-height: 4rem;
}
.feedback2 .l1Box {
	margin: 0 1.5rem;
}
.feedback2 .text {
	padding: 0.2666666666666667rem 1.333333333333333rem;
	height: 3.466666666666667rem;
	margin-bottom: 0.6666666666666667rem;
	font-size: 0.9333333333333333rem;
}
.feedback2 .text2 {
	padding: 0.6666666666666667rem 1.333333333333333rem;
	height: 8.666666666666667rem;
	margin-bottom: 1.333333333333333rem;
	font-size: 0.9333333333333333rem;
}
/*.feedback2 .tel{padding-left:6rem;}*/
.feedback2 .msg-other {
	background-size: 1.133333333333333rem;
}
.feedback2 .msg-other2 {
	width: 5.6rem;
}
.feedback2 .tj {
	width: 8rem;
	height: 3.466666666666667rem;
	line-height: 3.466666666666667rem;
	margin-top: 3.333333333333333rem;
}
.feedback2 .tj:after {
	top: 0.5333333333333333rem;
	left: 0.5333333333333333rem;
}
.feedback2 .inputbtn {
	height: 3.466666666666667rem;
	line-height: 3.466666666666667rem;
	font-size: 0.9333333333333333rem;
	width: 8rem;
}
}

@media screen and (max-width:768px) {
.page-contactTable {
	padding-right: 2rem;
	padding-left: 2rem;
	padding-top: 3rem;
	padding-bottom: 4rem;
}
.feedback2 .l1 {
	float: none;
	width: 100%;
}
.feedback2 .l1Box {
	margin: 0 auto;
}
}
/*solutionBox1*/
.solutionBox1 {
	position: relative;
	padding: 0 0 110px 0;
}

@media all and (max-width: 1580px) {
.solutionBox1 {
	padding: 0 0 7.333333333333333rem 0;
}
}

@media all and (max-width: 1023px) {
.solutionBox1 {
	padding: 0 0 100px 0;
}
}

@media all and (max-width: 768px) {
.solutionBox1 {
	padding: 0 0 60px 0;
}
}
/*page-solutionBox*/
.solutionTable td {
	vertical-align: middle;
	font-size: 1.2rem;
	color: #383f61;
	font-family: "苹方", "pingfang", "PingFang SC", "微软雅黑", "Microsoft YaHei", Helvetica, Arial, sans-serif;
	padding: 1rem 0;
}
.solutionTable span img {
	vertical-align: middle;
}

@media all and (max-width: 1024px) {
.solutionTable td img {
	margin: 0 auto;
	display: block;
}
.solutionTable td {
	width: 100%;
	display: block!important;
}
.solutionTable span img {
	display: inline-block;
}
}
/*page-tit2*/
.page-tit2 {
	text-align: left;
	margin: 0 auto;
	margin-bottom: 4rem;
	background-color: #f9f9f9;
	background: -webkit-linear-gradient(left, #fff, #f9f9f9 25%);
	background: -o-linear-gradient(left, #fff, #f9f9f9 25%);
	background: -moz-linear-gradient(left, #fff, #f9f9f9 25%);
	background: linear-gradient(to left, #fff, #f9f9f9 25%);
	padding-top: 2.7rem;
	padding-bottom: 2.7rem;
	border-left: 2px solid #136d9e;
	padding-left: 3.3rem;
}
.page-tit2 .en {
	font-size: 2.666666666666667rem;
	line-height: 1.5;
	color: #383f61;
	font-weight: normal;
	font-family: "Orbitron-Regular", "微软雅黑", "Microsoft YaHei", Helvetica, Arial, sans-serif;
	text-transform: uppercase;
}
.page-tit2 .en span {
	color: #383f61;
	position: relative;
}
.page-tit2 .en span:after {
	content: "";
	display: inline-block;
	width: 2rem;
	height: 0.2666666666666667rem;
	border-radius: 0.5rem;
	background: #e6e6e6;
	margin-left: 0.87rem;
}
.page-tit2 .title {
	font-size: 2.4rem;
	line-height: 1.5;
	color: #383f61;
	font-weight: normal;
	font-family: "Orbitron-Regular", "微软雅黑", "Microsoft YaHei", Helvetica, Arial, sans-serif;
	text-transform: uppercase;
}

@media all and (max-width: 1220px) {
.page-tit2 .en {
	font-size: 2.6rem;
}
}

@media all and (max-width: 1024px) {
.page-tit2 .en {
	font-size: 2.4rem;
}
.page-tit2 .title {
	font-size: 2.2rem;
}
}

@media all and (max-width: 1220px) {
.page-tit2 .en {
	font-size: 2.2rem;
}
.page-tit2 .title {
	font-size: 2rem;
}
}
/*solutionBox2*/
.solutionBox2 {
	position: relative;
	padding: 0 0 110px 0;
	overflow: hidden;
}

@media all and (max-width: 1580px) {
.solutionBox2 {
	padding: 0 0 7.333333333333333rem 0;
}
}

@media all and (max-width: 1023px) {
.solutionBox2 {
	padding: 0 0 100px 0;
}
}

@media all and (max-width: 768px) {
.solutionBox2 {
	padding: 0 0 60px 0;
}
}
/*page-solutionList*/
.page-solutionList ul {
	font-size: 0;
	line-height: 0;
	border-top: 1px solid #dcdcdc;
}
.page-solutionList ul li {
	width: 100%;
	display: block;
	border-bottom: 1px solid #dcdcdc;
}
.page-solutionList ul li .infoBox {
	border-left: 1px solid #dcdcdc;
	display: block;
	position: relative;
	padding-top: 135px;
	padding-bottom: 100px;
	min-height: 405px;
}
.page-solutionList ul li .numBox {
	position: absolute;
	left: 0;
	top: 50%;
	width: 334px;
	height: auto;
	text-align: center;
	margin-top: -65px;
}
.page-solutionList ul li .numBox .num {
	font-size: 80px;
	line-height: 100px;
	color: #136d9e;
	font-weight: normal;
	font-family: "苹方", "pingfang", "PingFang SC", "微软雅黑", "Microsoft YaHei", Helvetica, Arial, sans-serif;
}
.page-solutionList ul li .numBox .lei {
	font-size: 20px;
	line-height: 30px;
	color: #383f61;
	font-weight: normal;
	font-family: "苹方", "pingfang", "PingFang SC", "微软雅黑", "Microsoft YaHei", Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	letter-spacing: 0.4rem;
}
.page-solutionList ul li .titleBox {
	display: block;
	padding-left: 334px;
	position: relative;
	min-height: 136px;
}
.page-solutionList ul li .title {
	font-size: 28px;
	line-height: 1.5;
	color: #383f61;
	font-weight: normal;
	padding-bottom: 20px;
}
.page-solutionList ul li .wz {
	font-size: 18px;
	line-height: 2;
	color: #383f61;
	font-family: "苹方", "pingfang", "PingFang SC", "微软雅黑", "Microsoft YaHei", "Orbitron-Regular", Helvetica, Arial, sans-serif;
}
.page-solutionList ul li, .page-solutionList ul li .infoBox, .page-solutionList ul li .titleBox {
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.page-solutionList ul li:hover {
	background: #f9f9f9;
}
.page-solutionList ul li:hover .titleBox {
	-webkit-transform: translateX(-2%);
	-ms-transform: translateX(-2%);
	transform: translateX(-2%);
}

@media all and (max-width: 1580px) {
.page-solutionList ul li .infoBox {
	padding-top: 9rem;
	padding-bottom: 6.666666666666667rem;
	min-height: 27rem;
}
.page-solutionList ul li .numBox {
	width: 22.26666666666667rem;
	margin-top: -4.2rem;
}
.page-solutionList ul li .numBox .num {
	font-size: 5.333333333333333rem;
	line-height: 6.4rem;
}
.page-solutionList ul li .numBox .lei {
	font-size: 1.333333333333333rem;
	line-height: 2rem;
}
.page-solutionList ul li .titleBox {
	padding-left: 22.26666666666667rem;
	min-height: 9.066666666666667rem;
}
.page-solutionList ul li .title {
	font-size: 1.866666666666667rem;
	padding-bottom: 1.333333333333333rem;
}
.page-solutionList ul li .wz {
	font-size: 1.2rem;
}
}

@media all and (max-width: 1024px) {
.page-solutionList ul li .infoBox {
	padding-top: 6rem;
	padding-bottom: 6rem;
}
}

@media all and (max-width: 768px) {
.page-solutionList ul li .infoBox {
	padding-top: 6rem;
	padding-bottom: 6rem;
}
.page-solutionList ul li .numBox {
	width: 15rem;
}
.page-solutionList ul li .titleBox {
	padding-left: 15rem;
}
.page-solutionList ul li .title {
	padding-bottom: 1.333333333333333rem;
}
.page-solutionList ul li .numBox .num {
	font-size: 5rem;
	line-height: 6.4rem;
}
.page-solutionList ul li .numBox .lei {
	font-size: 1rem;
	line-height: 2rem;
}
}

@media all and (max-width: 510px) {
.page-solutionList ul li .numBox {
	width: 13rem;
}
.page-solutionList ul li .titleBox {
	padding-left: 13rem;
}
.page-solutionList ul li .numBox .num {
	font-size: 4rem;
}
}

@media all and (max-width: 450px) {
.page-solutionList ul li .numBox {
	width: 10rem;
}
.page-solutionList ul li .titleBox {
	padding-left: 10rem;
}
}
/*aboutBox1*/
.aboutBox1 {
	position: relative;
	padding: 156px 0 70px 0;
	background-image: url(../images/about-bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	font-size: 20px;
	color: #565b76;
	line-height: 42px;
}

@media all and (max-width: 1580px) {
.aboutBox1 {
	padding: 10.4rem 0 4.666666666666667rem 0;
	font-size: 1.333333333333333rem;
	line-height: 2.8rem;
}
}

@media all and (max-width: 1023px) {
.aboutBox1 {
	padding: 100px 0 70px 0;
	background-size: 100%;
}
}

@media all and (max-width: 768px) {
.aboutBox1 {
	padding: 60px 0 60px 0;
}
}
/**/
.aboutTable {
	max-width: 910px;
	margin: 0 auto;
	font-size: 20px;
	color: #565b76;
	line-height: 42px;
	margin-bottom: 24px;
}
.aboutTable .t1 {
	font-size: 22px;
	line-height: 1.5;
	color: #136d9e;
	font-weight: normal;
	text-align: center;
}
.aboutTable .t2 {
	font-size: 46px;
	line-height: 2;
	color: #383f61;
	font-family: "Orbitron-Regular", "微软雅黑", "Microsoft YaHei", Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	text-align: center;
	padding-bottom: 27px;
}

@media all and (max-width: 1580px) {
.aboutTable {
	font-size: 1.333333333333333rem;
	line-height: 2.8rem;
	margin-bottom: 1.6rem;
}
.aboutTable .t1 {
	font-size: 1.466666666666667rem;
}
.aboutTable .t2 {
	font-size: 3.066666666666667rem;
	padding-bottom: 1.8rem;
}
}

@media all and (max-width: 1220px) {
.aboutTable .t2 {
	font-size: 2.9rem;
}
}

@media all and (max-width: 1024px) {
.aboutTable .t2 {
	font-size: 2.6rem;
}
}

@media all and (max-width: 1220px) {
.aboutTable .t2 {
	font-size: 2.4rem;
}
}
/**/
.aboutCulture {
	background-image: url(../images/about-bg3.png);
	background-repeat: no-repeat;
	background-position: center bottom;
}
/*aboutCultureBox1*/
.aboutCulture .aboutCultureBox1 {
	width: 508px;
	height: 508px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
	overflow: hidden;
	background: #136d9e;
	color: #fff;
	font-size: 20px;
	line-height: 1.8;
	margin: 0 auto;
	background-image: url(../images/about-icon1.png);
	background-repeat: no-repeat;
	background-position: center 89%;
}
.aboutCulture .aboutCultureBox1 h1 {
	font-size: 46px;
	line-height: normal;
	margin-bottom: 40px;
}
.aboutCulture .aboutCultureBox1 td {
	vertical-align: middle;
	padding: 50px 50px;
	text-align: center;
}
/*aboutCultureBox2*/
.aboutCulture .aboutCultureBox2 {
	width: 381px;
	height: 381px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
	overflow: hidden;
	background: #136d9e;
	color: #fff;
	font-size: 16px;
	line-height: 1.8;
	float: left;
	margin-top: 50px;
	margin-bottom: 50px;
	margin-left: 195px;
	-webkit-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}
.aboutCulture .aboutCultureBox2 img {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
}
.aboutCulture .aboutCultureBox2 td {
	vertical-align: middle;
	padding: 50px 50px;
	position: relative;
	text-align: center;
}
.aboutCulture .aboutCultureBox2 td:after {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background: #000;
	filter: alpha(opacity=40);
	-moz-opacity: 0.4;
	-khtml-opacity: 0.4;
	opacity: 0.4;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
	overflow: hidden;
	-webkit-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}
.aboutCulture .aboutCultureBox2 p {
	position: relative;
	z-index: 2;
	padding-top: 100px;
	background-image: url(../images/about-icon2.png);
	background-repeat: no-repeat;
	background-position: center top;
}
.aboutCulture .aboutCultureBox2:hover td:after {
	filter: alpha(opacity=60);
	-moz-opacity: 0.6;
	-khtml-opacity: 0.6;
	opacity: 0.6;
}
/*aboutCultureBox3*/
.aboutCulture .aboutCultureBox3 {
	width: 322px;
	height: 322px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
	overflow: hidden;
	background: #136d9e;
	color: #fff;
	font-size: 16px;
	line-height: 1.8;
	float: right;
	margin-top: 30px;
	margin-bottom: 50px;
	margin-right: 180px;
	-webkit-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}
.aboutCulture .aboutCultureBox3 img {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
	overflow: hidden;
}
.aboutCulture .aboutCultureBox3 td {
	vertical-align: middle;
	padding: 50px 50px;
	position: relative;
	text-align: center;
}
.aboutCulture .aboutCultureBox3 td:after {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background: #000;
	filter: alpha(opacity=40);
	-moz-opacity: 0.4;
	-khtml-opacity: 0.4;
	opacity: 0.4;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
	overflow: hidden;
	-webkit-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}
.aboutCulture .aboutCultureBox3 p {
	position: relative;
	z-index: 2;
	padding-top: 100px;
	background-image: url(../images/about-icon3.png);
	background-repeat: no-repeat;
	background-position: center top;
}
.aboutCulture .aboutCultureBox3:hover td:after {
	filter: alpha(opacity=60);
	-moz-opacity: 0.6;
	-khtml-opacity: 0.6;
	opacity: 0.6;
}

@media all and (max-width: 1580px) {
.aboutCulture .aboutCultureBox1 {
	width: 34rem;
	height: 34rem;
	font-size: 1.3rem;
}
.aboutCulture .aboutCultureBox1 h1 {
	font-size: 3rem;
	margin-bottom: 2.6rem;
}
.aboutCulture .aboutCultureBox1 td {
	padding: 3rem;
}
.aboutCulture .aboutCultureBox2 {
	width: 25.4rem;
	height: 25.4rem;
	font-size: 1rem;
	margin-top: 3rem;
	margin-bottom: 3rem;
	margin-left: 13rem;
}
.aboutCulture .aboutCultureBox2 td {
	padding: 3rem;
}
.aboutCulture .aboutCultureBox2 p {
	padding-top: 6.666666666666667rem;
}
.aboutCulture .aboutCultureBox3 {
	width: 21.46666666666667rem;
	height: 21.46666666666667rem;
	font-size: 1rem;
	margin-top: 2rem;
	margin-bottom: 3rem;
	margin-right: 12rem;
}
.aboutCulture .aboutCultureBox3 td {
	padding: 3rem;
}
.aboutCulture .aboutCultureBox3 p {
	padding-top: 6.666666666666667rem;
}
}

@media all and (max-width: 1220px) {
.aboutCulture .aboutCultureBox1 h1 {
	font-size: 2.9rem;
}
}

@media all and (max-width: 1024px) {
.aboutCulture .aboutCultureBox1 h1 {
	font-size: 2.6rem;
}
}

@media all and (max-width: 1220px) {
.aboutCulture .aboutCultureBox1 h1 {
	font-size: 2.4rem;
}
}

@media all and (max-width: 1320px) {
.aboutCulture {
	background-size: 100%;
	background-position: center bottom;
}
.aboutCulture .aboutCultureBox2 {
	margin-left: 13rem;
}
.aboutCulture .aboutCultureBox3 {
	margin-right: 12rem;
}
.aboutCulture .aboutCultureBox3 p, .aboutCulture .aboutCultureBox2 p {
	background-size: 5.333333333333333rem
}
.aboutCulture .aboutCultureBox1 {
	background-size: 4rem
}
}

@media all and (max-width: 1150px) {
.aboutCulture .aboutCultureBox2 {
	margin-left: 13rem;
}
.aboutCulture .aboutCultureBox3 {
	margin-right: 12rem;
}
}

@media all and (max-width: 1024px) {
.aboutCulture .aboutCultureBox2 {
	margin-left: 5rem;
}
.aboutCulture .aboutCultureBox3 {
	margin-right: 6rem;
}
}

@media all and (max-width:960px) {
.aboutCulture .aboutCultureBox2 {
	margin-left: 3rem;
}
.aboutCulture .aboutCultureBox3 {
	margin-right: 2rem;
}
}

@media all and (max-width:768px) {
.aboutCulture .aboutCultureBox1 {
	font-size: 1.2rem;
}
.aboutCulture .aboutCultureBox2 {
	float: none;
}
}

@media all and (max-width:640px) {
.aboutCulture .aboutCultureBox2 {
	margin-left: 0rem;
}
.aboutCulture .aboutCultureBox3 {
	margin-right: 0rem;
}
.aboutCulture .aboutCultureBox1 h1 {
	font-size: 2rem;
	margin-bottom: 2rem;
}
.aboutCulture .aboutCultureBox1 td {
	padding: 1rem 2rem;
}
}

@media all and (max-width: 480px) {
.aboutCulture .aboutCultureBox1 {
	width: 30rem;
	height: 30rem;
	background-position: center 95%;
}
.aboutCulture .aboutCultureBox1 h1 {
	font-size: 1.8rem;
	margin-bottom: 1.5rem;
}
.aboutCulture .aboutCultureBox2 {
	width: 21.4rem;
	height: 21.4rem;
}
.aboutCulture .aboutCultureBox3 {
	width: 17.46666666666667rem;
	height: 17.46666666666667rem;
}
.aboutCulture .aboutCultureBox3 p, .aboutCulture .aboutCultureBox2 p {
	background-size: 5rem;
	padding-top: 6rem;
}
}

@media all and (max-width: 450px) {
.aboutCulture .aboutCultureBox1 {
	width: 80vw;
	height: 80vw;
}
}
/*aboutBox2*/
.aboutBox2 {
	position: relative;
	padding: 200px 0 70px 0;
	background-image: url(../images/about-bg2.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 696px;
	color: #fff;
	font-size: 20px;
	line-height: 42px;
}
.aboutBox2 .page-tit .en {
	color: #fff;
}
.aboutBox2 .page-tit .en span {
	color: #fff;
}
.aboutBox2 .page-tit .title {
	color: #fff;
}
.aboutBox2 .page-tit .title:after {
	background: #fff;
}

@media all and (max-width: 1580px) {
.aboutBox2 {
	padding: 13.33333333333333rem 0 4.666666666666667rem 0;
	font-size: 1.333333333333333rem;
	line-height: 2.8rem;
}
}

@media all and (max-width: 1023px) {
.aboutBox2 .pageInfo br {
	display: none;
}
}
/*aboutBox3*/
.aboutBox3 {
	position: relative;
	padding: 170px 0 80px 0;
	font-size: 20px;
	line-height: 42px;
	color: #565b76;
}
.aboutBox3 .page-tit {
	margin-bottom: 2.8rem;
}

@media all and (max-width: 1580px) {
.aboutBox3 {
	padding: 11.33333333333333rem 0 5.333333333333333rem 0;
	font-size: 1.333333333333333rem;
	line-height: 2.8rem;
}
}

@media all and (max-width: 1023px) {
.aboutBox3 {
	padding: 100px 0 80px 0;
	background-size: 100%;
}
}

@media all and (max-width: 768px) {
.aboutBox3 {
	padding: 60px 0 60px 0;
}
}
/*partnersList*/
.partnersList {
	text-align: center;
	position: relative;
	font-size: 0;
	margin: 0;
}
.partnersList li {
	position: relative;
	z-index: 1;
	cursor: pointer;
	display: inline-block;
*display:inline;
	zoom: 1;
	width: 20%;
}
.partnersList li a {
	display: block;
	position: relative;
	margin: 0;
}
.partnersList li .img {
	vertical-align: middle;
	display: block;
	overflow: hidden;
}
.partnersList li .img img {
	width: 100%;
	display: block;
	height: auto;
}
.partnersList li, .partnersList li a, .partnersList li .img, .partnersList li .img img {
	transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
}
.partnersList li .img img {
	max-width: 100%;
	height: auto;
	display: block;
}
.partnersList li:hover {
	-webkit-transform: translateY(-5px);
	-moz-transform: translateY(-5px);
	-o-transform: translateY(-5px);
	-ms-transform: translateY(-5px);
	transform: translateY(-5px);
	-webkit-box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);
	z-index: 3;
	border-radius: 0.5rem;
}

@media screen and (max-width:768px) {
.partnersList li {
	width: 33.333333%;
}
}
/*aboutBox1*/
.serviceBox1 {
	position: relative;
	padding: 120px 0 220px 0;
	background-color: #fff;
	background-image: url(../images/service-bg2-1.png);
	background-repeat: no-repeat;
	background-position: center bottom;
}

@media all and (max-width: 1580px) {
.serviceBox1 {
	padding: 8rem 0 14.66666666666667rem 0;
}
}

@media all and (max-width: 1023px) {
.serviceBox1 {
	padding: 100px 0 70px 0;
	background-size: 100%;
}
}

@media all and (max-width: 768px) {
.serviceBox1 {
	padding: 60px 0 60px 0;
}
}
/*service process*/
.processBox {
	position: relative;
	font-size: 0;
	margin: 0;
}
.processBox .processB {
	position: relative;
	z-index: 1;
	display: inline-block;
*display:inline;
	zoom: 1;
	text-align: center;
	vertical-align: top;
	position: relative;
}
.processBox .processBnr {
	width: 184px;
	text-align: center;
	margin: 0 45px;
	position: relative;
	z-index: 1;
}
.processBox .processB {
	color: #595959;
	font-size: 16px;
	line-height: 1.8;
}
.processBox .processBnr h1 {
	font-size: 20px;
	color: #565b76;
	line-height: normal;
	margin-bottom: 20px;
	text-align: center;
	margin-top: 13px;
}
.processBox .processB {
	transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
}
.processBox .processB:hover img {
	-webkit-animation: icon-bounce 0.5s alternate;
	-moz-animation: icon-bounce 0.5s alternate;
	-o-animation: icon-bounce 0.5s alternate;
	animation: icon-bounce 0.5s alternate;
}
.processBox .processB:hover h1 {
	color: #136d9e;
}
.processBox .processB.processB1 .processBnr {
	width: 103px;
	margin-left: 0;
	margin-right: 86px;
}
.processBox .processB.processB5 .processBnr {
	width: 103px;
	margin-right: 0;
	margin-left: 86px;
}
.processBox .processB.processB1:after, .processBox .processB.processB3:after {
	content: "";
	width: 170px;
	height: 103px;
	position: absolute;
	top: 0;
	right: -85px;
	background-image: url(../images/service-proces-s.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	transition: width .3s ease-in-out;
	-moz-transition: width .3s ease-in-out;
	-webkit-transition: width 0.3s ease-in-out;
	overflow: hidden;
}
.processBox .processB.processB2:after, .processBox .processB.processB4:after {
	content: "";
	width: 170px;
	height: 103px;
	position: absolute;
	top: 0;
	right: -85px;
	background-image: url(../images/service-proces-s2.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	transition: width .3s ease-in-out;
	-moz-transition: width .3s ease-in-out;
	-webkit-transition: width 0.3s ease-in-out;
	overflow: hidden;
	z-index: 0;
}

/*.processBox .processB.processB1:before,
.processBox .processB.processB3:before,
.processBox .processB.processB2:before,
.processBox .processB.processB4:before{ content:""; width:170px;height:103px; position:absolute;top:0;right:-85px;background:#fff;transition: width 5s ease-in-out;-moz-transition: width 5s ease-in-out;-webkit-transition: width 5s ease-in-out; overflow:hidden; z-index:2;}
.processBox .processB.processB1.on:before{width:0;animation-delay: 0.5s;}
.processBox .processB.processB3.on:before{width:0;animation-delay: 1s;}
.processBox .processB.processB2.on:before{width:0;animation-delay: 1.5s;}
.processBox .processB.processB4.on:before{width:0;animation-delay: 2s;}*/
@media all and (max-width: 1320px) {
.processBox {
	margin: 0 -3vw;
}
.processBox .processBnr {
	width: auto;
	margin: 0 3vw;
}
.processBox .processB {
	font-size: 1.066666666666667rem;
	width: 20%;
}
.processBox .processBnr h1 {
	font-size: 1.333333333333333rem;
	margin-bottom: 1.333333333333333rem;
	margin-top: 0.8666666666666667rem;
}
.processBox .processB.processB1 .processBnr {
	width: auto;
	margin: 0 3vw;
}
.processBox .processB.processB5 .processBnr {
	width: auto;
	margin: 0 3vw;
}
.processBox .processB.processB1:after, .processBox .processB.processB3:after, .processBox .processB.processB2:after, .processBox .processB.processB4:after {
	width: 11vw;
	right: -5.5vw;
	background-size: 100%;
}
}

@media all and (max-width: 768px) {
.processBox .processB {
	width: 33.333333%;
	margin-bottom: 30px;
}
.processBox .processB.processB3:after {
	display: none;
}
}

@media all and (max-width: 640px) {
.processBox .processB {
	width: 50%;
	margin-bottom: 30px;
}
.processBox .processB.processB1 {
	width: 100%;
}
.processBox .processB.processB1:after, .processBox .processB.processB3:after {
	display: none;
}
}

@media all and (max-width: 430px) {
.processBox .processB img {
	max-width: 90px;
}
}
/*serviceBox2*/
.serviceBox2 {
	position: relative;
	padding: 66px 0 110px 0;
	background-color: #f2f5f7;
	font-family: "苹方", "pingfang", "PingFang SC", "微软雅黑", "Microsoft YaHei", "Orbitron-Regular", Helvetica, Arial, sans-serif;
	font-size: 20px;
	color: #383f61;
}
.serviceBox2 .page-tit {
	margin-bottom: 2.666666666666667rem;
}

@media all and (max-width: 1580px) {
.serviceBox2 {
	padding: 4.4rem 0 7.333333333333333rem 0;
	font-size: 1.333333333333333rem;
}
}

@media all and (max-width: 1024px) {
.serviceBox2 {
	padding: 100px 0 70px 0;
	background-size: 100%;
	font-size: 1.3rem;
}
}

@media all and (max-width: 768px) {
.serviceBox2 {
	padding: 60px 0 60px 0;
}
}
/*servicelxTable*/
.servicelxTable {
	margin-top: 2.666666666666667rem;
}
.servicelxTable td {
	width: 50%;
	vertical-align: middle;
	background-repeat: no-repeat;
	background-position: left center;
	text-align: center;
	padding: 54px 54px;
}
.servicelxTable td h2 {
	font-size: 20px;
	line-height: 1.6;
	font-family: "微软雅黑", "Microsoft YaHei", "Orbitron-Regular", Helvetica, Arial, sans-serif;
}
.servicelxTable td h1 {
	font-size: 30px;
	line-height: 1.8;
	font-family: "苹方", "pingfang", "PingFang SC", "微软雅黑", "Microsoft YaHei", "Orbitron-Regular", Helvetica, Arial, sans-serif;
	margin-bottom: 30px;
}
.servicelxTable td.td1 {
	background-image: url(../images/service-lxbg1.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	background-color: #fff;
}
.servicelxTable td.td2 {
	background-image: url(../images/service-lxbg2.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	background-color: #136d9e;
	color: #fff;
}
.servicelxTable td {
	transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
}
.servicelxTable td:hover img {
	-webkit-animation: icon-bounce 0.5s alternate;
	-moz-animation: icon-bounce 0.5s alternate;
	-o-animation: icon-bounce 0.5s alternate;
	animation: icon-bounce 0.5s alternate;
}

@media all and (max-width: 1580px) {
.servicelxTable td {
	padding: 3.6rem 3.6rem;
}
.servicelxTable td h2 {
	font-size: 1.333333333333333rem;
}
.servicelxTable td h1 {
	font-size: 2rem;
	margin-bottom: 2rem;
}
}

@media all and (max-width: 1024px) {
.servicelxTable {
	margin-top: 2rem;
}
.servicelxTable td {
	padding: 3.6rem 3.6rem;
	width: 100%;
	display: block;
}
.servicelxTable td h2 {
	font-size: 1.3rem;
}
.servicelxTable td h1 {
	font-size: 2rem;
	margin-bottom: 2rem;
}
}
/*serviceBox3*/
.serviceBox3 {
	position: relative;
	padding: 174px 0 130px 0;
	background-color: #ffffff;
	background-image: url(../images/service-bg2-2.png);
	background-repeat: no-repeat;
	background-position: center top;
}

@media all and (max-width: 1580px) {
.serviceBox3 {
	padding: 11.6rem 0 8.666666666666667rem 0;
}
}

@media all and (max-width: 1023px) {
.serviceBox3 {
	padding: 100px 0 70px 0;
	background-size: 100%;
}
}

@media all and (max-width: 768px) {
.serviceBox3 {
	padding: 60px 0 60px 0;
}
}
/*page-serviceList*/
.page-serviceList {
	margin: 0 0px 0 0px;
}
.page-serviceList li {
	overflow: hidden;
	background: #fff;
	-webkit-box-shadow: 2px 2px 30px rgba(0, 0, 0, 0.05);
	box-shadow: 2px 2px 30px rgba(0, 0, 0, 0.05);
	margin-bottom: 30px;
	background-color: #fff;
	border-radius: 0.5rem;
}
.page-serviceList li a {
	display: block;
}
.page-serviceList li .titleBox {
	padding: 34px 160px 33px 43px;
	overflow: hidden;
	zoom: 1;
	position: relative;
}
.page-serviceList li .title {
	font-size: 20px;
	line-height: 46px;
	height: 46px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	color: #383f61;
	font-weight: 500;
	font-family: "微软雅黑", "Microsoft YaHei", Helvetica, Arial, sans-serif;
	background: url(../images/service-icon3.png) no-repeat left center;
	background-size: 46px;
	padding-left: 67px;
}
.page-serviceList li .m {
	font-size: 14px;
	width: 110px;
	height: 44px;
	line-height: 44px;
	border-radius: 44px;
	background: #383f61;
	color: #fff;
	cursor: pointer;
	position: absolute;
	right: 46px;
	top: 34px;
	text-align: center;
}
.page-serviceList li .m, .page-serviceList li a {
	transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
}
.page-serviceList li a:hover {
	background: #f8eaeb;
}
.page-serviceList li a:hover .m {
	background: #136d9e;
}

@media screen and (max-width:1580px) {
.page-serviceList li {
	margin-bottom: 2rem;
}
.page-serviceList li .titleBox {
	padding: 2.266666666666667rem 11rem 2.2rem 2.866666666666667rem;
}
.page-serviceList li .title {
	font-size: 1.333333333333333rem;
	line-height: 3.066666666666667rem;
	height: 3.066666666666667rem;
	background-size: 3.066666666666667rem;
	padding-left: 4.466666666666667rem;
}
.page-serviceList li .m {
	font-size: 0.9333333333333333rem;
	width: 7.333333333333333rem;
	height: 2.933333333333333rem;
	line-height: 2.933333333333333rem;
	right: 3.066666666666667rem;
	top: 2.266666666666667rem;
}
}

@media screen and (max-width:768px) {
.page-serviceList li {
	margin-bottom: 1rem;
}
.page-serviceList li .titleBox {
	padding: 2rem 10rem 2rem 2.8rem;
}
.page-serviceList li .title {
	background-size: 3rem;
	padding-left: 4rem;
	font-size: 1.3rem;
}
.page-serviceList li .m {
	width: 6rem;
	height: 2.9rem;
	line-height: 2.9rem;
	right: 2.6rem;
	top: 2rem;
}
}

@media screen and (max-width:450px) {
.page-serviceList li .titleBox {
	padding: 1.5rem 8rem 1.5rem 1.4rem;
}
.page-serviceList li .title {
	font-size: 1.2rem;
	height: 2.8rem;
	line-height: 2.8rem;
	background-size: 2.8rem;
	padding-left: 3.4rem;
}
.page-serviceList li .m {
	right: 1.4rem;
	font-size: 0.9rem;
	height: 2.8rem;
	line-height: 2.8rem;
	top: 1.5rem;
}
}

@media screen and (max-width:360px) {
.page-serviceList li .titleBox {
	padding: 2rem 10rem 2rem 3.666666666666667rem;
	background-position: 1rem center;
	background-size: 1.5rem;
}
}
/*page-tit2Box*/
.page-tit2Box {
	position: relative;
	padding: 115px 0 4rem 0;
}

@media all and (max-width: 1580px) {
.page-tit2Box {
	padding: 7.666666666666667rem 0 0 0;
}
}

@media all and (max-width: 1023px) {
.page-tit2Box {
	padding: 100px 0 0 0;
}
}

@media all and (max-width: 768px) {
.page-tit2Box {
	padding: 60px 0 0 0;
}
}
/*product start*/
.product {
	width: 100%;
	background-position: center top;
	background-repeat: no-repeat;
	background-attachment: fixed;
}

@media all and (max-width: 1220px) {
.banner-gif {
	background-size: 100%;
}
}
/*pro head*/
.product .header .logo a {
	color: #383f61;
}
.product .header .header-ul .header-li a {
	color: #383f61;
}
.product .header .header-ul .header-li a.l-small {
	color: #fff!important;
	background: #136d9e;
}
/*pro banner*/
.product-banner {
	padding: 262px 0;
	background: none;
}
.product-banner .banner-wz {
	top: 0;
	margin-top: 230px;
}
.product-banner h1 {
	font-size: 46px;
	color: #383f61;
}
.product-banner .title {
	font-size: 18px;
	color: #565b76;
	margin-top: 0.5rem;
}
/*moreBtn*/
.product-banner .moreBtn {
	margin-top: 2.6rem;
	text-align: center;
}
.product-banner .moreBtn a {
	color: #fff;
	font-size: 0.9333333333333333rem;
	line-height: 1.5;
	padding: 0 40px;
	width: 158px;
	height: 48px;
	border-radius: 0.5rem;
	position: relative;
	-webkit-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}
.product-banner .moreBtn a span {
	position: relative;
	z-index: 2;
	font-family: "微软雅黑", "Microsoft YaHei", Helvetica, Arial, sans-serif;
}
.product-banner .moreBtn a:before {
	width: 100%;
	height: 100%;
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	background: #136d9e;
	border-radius: 0.5rem;
	z-index: 1;
}
.product-banner .moreBtn a:after {
	width: 100%;
	height: 100%;
	content: '';
	position: absolute;
	top: 0.5rem;
	left: 0.5rem;
	background: #fceded;
	border-radius: 0.5rem;
	z-index: 0;
}
.product-banner .moreBtn a:hover {
	-webkit-transform: translateY(-2%);
	-ms-transform: translateY(-2%);
	transform: translateY(-2%);
}
.product-banner .moreBtn a:hover:before {
	background: #e62129;
}

@media all and (max-width: 1580px) {
.product-banner {
	padding: 17.46666666666667rem 0;
}
.product-banner .banner-wz {
	margin-top: 15.33333333333333rem;
	padding-top: 0;
}
.product-banner h1 {
	font-size: 3.066666666666667rem;
}
.product-banner .title {
	font-size: 1.2rem;
}
.product-banner .moreBtn a {
	width: 10.53333333333333rem;
	height: 3.2rem;
}
}

@media all and (max-width: 960px) {
.product-banner {
	padding: 10rem 0 5rem 0;
}
.product-banner .banner-wz {
	margin-top: 0rem;
	padding-top: 0;
}
}

@media all and (max-width: 768px) {
.product-banner {
	padding: 15vw 0 10vw 0;
}
.product-banner h1 {
	font-size: 3rem;
}
}
/*banner-gif*/
.banner-gif {
	position: relative;
	z-index: 2;
	background: url(../images/pro-gifbg.png) no-repeat center top;
	height: 660px;
}
.banner-gif img {
	-webkit-box-shadow: 2px 8px 43px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 2px 8px 43px rgba(0, 0, 0, 0.1);
	-o-box-shadow: 2px 8px 43px rgba(0, 0, 0, 0.1);
	-ms-box-shadow: 2px 8px 43px rgba(0, 0, 0, 0.1);
	box-shadow: 2px 8px 43px rgba(0, 0, 0, 0.1);
	max-width: 100%;
}

@media all and (max-width: 1580px) {
.banner-gif {
	height: 44rem;
}
}

@media all and (max-width: 1220px) {
.banner-gif {
	background-size: 100%;
	height: auto;
}
}
/*productBox1*/
.productBox1 {
	position: relative;
	padding: 140px 0 10px 0;
	overflow: hidden;
}

@media all and (max-width: 1580px) {
.productBox1 {
	padding: 9.333333333333333rem 0 10px 0;
}
}

@media all and (max-width: 1023px) {
.productBox1 {
	padding: 100px 0 10px 0;
}
}

@media all and (max-width: 768px) {
.productBox1 {
	padding: 60px 0 60px 0;
}
}
/*proTable*/
.proTable {
	position: relative;
}
.proTable td.td {
	vertical-align: middle;
}
.proTable td.td img {
	max-width: 100%;
	-webkit-transition: -webkit-transform 420ms cubic-bezier(0.165, 0.84, 0.44, 1);
	-moz-transition: -moz-transform 420ms cubic-bezier(0.165, 0.84, 0.44, 1);
	-o-transition: -o-transform 420ms cubic-bezier(0.165, 0.84, 0.44, 1);
	-ms-transition: -ms-transform 420ms cubic-bezier(0.165, 0.84, 0.44, 1);
	transition: transform 420ms cubic-bezier(0.165, 0.84, 0.44, 1);
}
.proTable td.td.td1 img {
	width: 86.45%;
	-webkit-box-shadow: 2px 8px 43px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 2px 8px 43px rgba(0, 0, 0, 0.1);
	-o-box-shadow: 2px 8px 43px rgba(0, 0, 0, 0.1);
	-ms-box-shadow: 2px 8px 43px rgba(0, 0, 0, 0.1);
	box-shadow: 2px 8px 43px rgba(0, 0, 0, 0.1);
	position: relative;
	z-index: 1;
}
.proTable td.td.tdP {
	padding-right: 57.5%;
	height: 644px;
	width: 100%;
}
.proTable td.td.tdP2 {
	width: 0;
}
.proTable td.td.tdP2 img {
	position: absolute;
	right: 0;
	top: 50%;
	width: 57.5%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

@media all and (max-width: 1580px) {
.proTable td.td.tdP {
	padding-right: 57.5%;
	height: 42.9rem;
}
}

@media all and (max-width:1024px) {
.proTable td.td {
	display: block!important;
	width: 100%;
}
.proTable td.td img {
	margin: 0 auto;
	text-align: center;
}
.proTable td.td.td1 {
	text-align: center;
	padding: 30px 0;
}
.proTable td.td.td1 img {
	width: 100%;
	max-width: 858px;
}
.proTable td.td.tdP {
	padding-right: 0;
	height: auto;
	padding: 0 0 40PX 0;
}
.proTable td.td.tdP2 {
	width: 100%; /*text-align:center;*/
}
.proTable td.td.tdP2 img {
	position: static;
	top: 0;
	width: auto;
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-o-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
}
}
/*proTable2*/
.proTable2 td {
	vertical-align: top;
	padding: 26px 0;
	border-bottom: 1px solid #ecedf0;
}
.proTable2 td h1 {
	font-size: 18px;
	line-height: 1.8;
	color: #383f61;
	font-family: "微软雅黑", "Microsoft YaHei", "Orbitron-Regular", Helvetica, Arial, sans-serif;
	margin-bottom: 5px;
	font-weight: 500;
}
.proTable2 td p {
	font-size: 16px;
	line-height: 1.6;
	color: #7d808d;
	font-family: "微软雅黑", "Microsoft YaHei", "Orbitron-Regular", Helvetica, Arial, sans-serif;
}
.proTable2 tr {
	transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
}

@media all and (max-width: 1580px) {
.proTable2 td {
	padding: 1.7rem 0;
}
.proTable2 td h1 {
	font-size: 1.2rem;
}
.proTable2 td p {
	font-size: 1.066666666666667rem;
}
}
/*productBox2*/
.productBox2 {
	position: relative;
	padding: 130px 0 70px 0;
	overflow: hidden;
	background: url(../images/pro-runnerbg.jpg) no-repeat center top #fff;
	line-height: 1.8;
}
.productBox2 h1 {
	font-size: 30px;
	line-height: 1.6;
	color: #383f61;
	font-family: "微软雅黑", "Microsoft YaHei", "Orbitron-Regular", Helvetica, Arial, sans-serif;
	margin-bottom: 10px;
}
.productBox2 p {
	font-size: 20px;
	line-height: 1.6;
	color: #383f61;
	font-family: "苹方", "pingfang", "PingFang SC", "微软雅黑", "Microsoft YaHei", "Orbitron-Regular", Helvetica, Arial, sans-serif;
}
.productBox2 p img {
	-webkit-box-shadow: 0 11px 49px rgba(0, 0, 0, 0.08);
	box-shadow: 0 11px 49px rgba(0, 0, 0, 0.08);
}

@media all and (max-width: 1580px) {
.productBox2 {
	padding: 8.666666666666667rem 0 4.666666666666667rem 0;
}
.productBox2 h1 {
	font-size: 2rem;
	margin-bottom: 0.6666666666666667rem;
}
.productBox2 p {
	font-size: 1.333333333333333rem;
}
}

@media all and (max-width: 1220px) {
.productBox2 {
	background-size: 100%;
}
}

@media all and (max-width: 1024px) {
.productBox2 {
	padding: 100px 0 70px 0;
	background-size: 150%;
}
}

@media all and (max-width: 768px) {
.productBox2 {
	padding: 60px 0 60px 0;
	background-size: 150%;
}
.productBox2 h1 {
	font-size: 2rem;
	margin-bottom: 0.5rem;
}
.productBox2 p {
	font-size: 1.3rem;
}
}

@media all and (max-width: 640px) {
.productBox2 {
	background-size: 200%;
}
}
/*page-proList2*/
.page-proList2 {
	position: relative;
	font-size: 0;
	margin: 0 -11.25px;
}
.page-proList2 li {
	position: relative;
	z-index: 1;
	display: inline-block;
*display:inline;
	zoom: 1;
	text-align: center;
	vertical-align: top;
	position: relative;
	width: 33.3333333%;
	margin-bottom: 25px;
}
.page-proList2 li .infoBox {
	text-align: center;
	margin: 0 11.25px;
	position: relative;
	z-index: 1;
	padding: 80px 40px 70px 40px;
	overflow: hidden;
	-webkit-box-shadow: 0 11px 49px rgba(0, 0, 0, 0.08);
	box-shadow: 0 11px 49px rgba(0, 0, 0, 0.08);
	background-color: #fff;
	border-radius: 0.5rem;
	border: 1px solid #f5f5f7;
}
.page-proList2 li .titleBox .title {
	font-size: 22px;
	color: #383f61;
	line-height: normal;
	margin-bottom: 20px;
	text-align: center;
	margin-top: 25px;
}
.page-proList2 li .titleBox .wz {
	font-size: 16px;
	color: #7d808d;
	line-height: 32px;
	min-height: 96px;
}
.page-proList2 li {
	transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
}
.page-proList2 li, .page-proList2 li .infoBox {
	-webkit-transition: -webkit-transform 420ms cubic-bezier(0.165, 0.84, 0.44, 1);
	-moz-transition: -moz-transform 420ms cubic-bezier(0.165, 0.84, 0.44, 1);
	-o-transition: -o-transform 420ms cubic-bezier(0.165, 0.84, 0.44, 1);
	-ms-transition: -ms-transform 420ms cubic-bezier(0.165, 0.84, 0.44, 1);
	transition: transform 420ms cubic-bezier(0.165, 0.84, 0.44, 1);
}
.page-proList2 li:hover .infoBox {
	-webkit-transform: translateY(-10px);
	-moz-transform: translateY(-10px);
	-o-transform: translateY(-10px);
	-ms-transform: translateY(-10px);
	transform: translateY(-10px);
}

@media all and (max-width: 1580px) {
.page-proList2 {
	margin: 0 -0.75rem;
}
.page-proList2 li .infoBox {
	margin: 0 0.75rem;
	padding: 5.333333333333333rem 2.666666666666667rem 4.666666666666667rem 2.666666666666667rem;
}
.page-proList2 li .titleBox .title {
	font-size: 1.466666666666667rem;
	margin-bottom: 1.333333333333333rem;
	margin-top: 1.666666666666667rem;
}
.page-proList2 li .titleBox .wz {
	font-size: 1.066666666666667rem;
	line-height: 2.133333333333333rem;
	min-height: 6.399999999999999rem;
}
}

@media all and (max-width: 1024px) {
.page-proList2 li .imgBox img {
	width: 8rem;
}
.page-proList2 li .infoBox {
	margin: 0 0.75rem;
	padding: 5rem 2rem 4rem 2rem;
}
.page-proList2 li .titleBox .title {
	font-size: 1.4rem;
	margin-bottom: 1.3rem;
	margin-top: 1.6rem;
}
.page-proList2 li .titleBox .wz {
	line-height: 2rem;
	min-height: 6rem;
}
}

@media all and (max-width: 960px) {
.page-proList2 {
	margin: 0 -0.5rem;
}
.page-proList2 li {
	width: 50%;
}
.page-proList2 li .infoBox {
	margin: 0 0.5rem;
	padding: 4rem 1rem 4rem 1rem;
}
}

@media all and (max-width: 640px) {
.page-proList2 {
	margin: 0;
}
.page-proList2 li {
	width: 100%;
}
.page-proList2 li .infoBox {
	margin: 0 0rem;
	padding: 3rem 2rem 2rem 2rem;
}
}
/*productBox3*/
.productBox3 {
	position: relative;
	padding: 220px 0 90px 0;
	overflow: hidden;
	background: url(../images/pro-rizhibg.jpg) no-repeat center top #f5f6f8;
}
.productBox3 h1 {
	font-size: 30px;
	line-height: 1.8;
	color: #383f61;
	font-family: "微软雅黑", "Microsoft YaHei", "Orbitron-Regular", Helvetica, Arial, sans-serif;
	margin-bottom: 15px;
}
.productBox3 p {
	font-size: 20px;
	line-height: 1.6;
	color: #383f61;
	font-family: "苹方", "pingfang", "PingFang SC", "微软雅黑", "Microsoft YaHei", "Orbitron-Regular", Helvetica, Arial, sans-serif;
}

@media all and (max-width: 1580px) {
.productBox3 {
	padding: 14.66666666666667rem 0 6rem 0;
}
.productBox3 h1 {
	font-size: 2rem;
	margin-bottom: 0.6666666666666667rem;
}
.productBox3 p {
	font-size: 1.333333333333333rem;
}
}

@media all and (max-width: 1220px) {
.productBox3 {
	background-size: 100%;
}
}

@media all and (max-width: 1023px) {
.productBox3 {
	padding: 100px 0 70px 0;
}
}

@media all and (max-width: 768px) {
.productBox3 {
	padding: 80px 0 60px 0;
}
.productBox3 h1 {
	font-size: 2rem;
	margin-bottom: 0.5rem;
}
.productBox3 p {
	font-size: 1.3rem;
}
.productBox3 p>br {
	display: none;
}
}
/*page-proList3*/
.page-proList3 {
	position: relative;
	font-size: 0;
	margin: 0;
}
.page-proList3 li {
	position: relative;
	z-index: 1;
	display: inline-block;
*display:inline;
	zoom: 1;
	text-align: center;
	vertical-align: top;
	position: relative;
	width: 33.3333333%;
}
.page-proList3 li .infoBox {
	text-align: left;
	margin: 0;
	position: relative;
	z-index: 1;
	padding: 80px 90px 65px 45px;
	overflow: hidden;
	-webkit-box-shadow: 0 11px 49px rgba(56, 63, 97, 0.08);
	box-shadow: 0 11px 49px rgba(56, 63, 97, 0.08);
	background: url(../images/pro-rizhitit.jpg) repeat-y right top #fff;
}
.page-proList3 li .titleBox .title {
	font-size: 22px;
	color: #383f61;
	line-height: normal;
	margin-bottom: 29px;
	margin-top: 30px;
}
.page-proList3 li .titleBox .wz {
	font-size: 16px;
	color: #7d808d;
	line-height: 32px;
	min-height: 96px;
}
.page-proList3 li {
	transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
}

@media all and (max-width: 1580px) {
.page-proList3 li .infoBox {
	padding: 5.333333333333333rem 6rem 4.333333333333333rem 3rem;
}
.page-proList3 li .titleBox .title {
	font-size: 1.466666666666667rem;
	margin-bottom: 1.933333333333333rem;
	margin-top: 2rem;
}
.page-proList3 li .titleBox .wz {
	font-size: 1.066666666666667rem;
	line-height: 2.133333333333333rem;
	min-height: 6.399999999999999rem;
}
}

@media all and (max-width: 1024px) {
.page-proList3 li .imgBox img {
	width: 4rem;
}
.page-proList3 li .infoBox {
	padding: 5rem 4rem 4rem 2rem;
}
.page-proList3 li .titleBox .title {
	font-size: 1.4rem;
	margin-bottom: 1.5rem;
	margin-top: 1.5rem;
}
.page-proList3 li .titleBox .wz {
	line-height: 2rem;
	min-height: 6rem;
}
}

@media all and (max-width: 960px) {
.page-proList3 li {
	width: 50%;
}
.page-proList3 li .infoBox {
	padding: 4rem 3rem 4rem 3rem;
}
}

@media all and (max-width: 768px) {
.page-proList3 li .imgBox img {
	width: 3rem;
}
.page-proList3 li .infoBox {
	padding: 1.5rem 1.5rem 1.5rem 1.5rem;
}
}

@media all and (max-width: 640px) {
.page-proList3 li {
	width: 100%;
}
.page-proList3 li .infoBox {
	padding: 4rem 2rem 4rem 2rem;
}
}
/*productBox4*/
.productBox4 {
	position: relative;
	padding: 60px 0 55px 0;
	overflow: hidden;
}

@media all and (max-width: 1580px) {
.productBox4 {
	padding: 4rem 0 3.666666666666667rem 0;
}
}

@media all and (max-width: 1023px) {
.productBox4 {
	padding: 100px 0 70px 0;
}
}

@media all and (max-width: 768px) {
.productBox4 {
	padding: 60px 0 60px 0;
}
}
/*proTable4*/
.proTable4 td {
	vertical-align: middle;
	padding: 25px 0;
}
.proTable4 td img, .proTable4 tr {
	max-width: 100%;
	-webkit-transition: -webkit-transform 420ms cubic-bezier(0.165, 0.84, 0.44, 1);
	-moz-transition: -moz-transform 420ms cubic-bezier(0.165, 0.84, 0.44, 1);
	-o-transition: -o-transform 420ms cubic-bezier(0.165, 0.84, 0.44, 1);
	-ms-transition: -ms-transform 420ms cubic-bezier(0.165, 0.84, 0.44, 1);
	transition: transform 420ms cubic-bezier(0.165, 0.84, 0.44, 1);
}
.proTable4 td:hover img {
	-webkit-transform: translateY(-10px);
	-moz-transform: translateY(-10px);
	-o-transform: translateY(-10px);
	-ms-transform: translateY(-10px);
	transform: translateY(-10px);
}
.proTable4 td.td1 {
	padding-right: 140px;
}
.proTable4 td.td2 {
	padding-left: 750px;
	height: 480px;
	width: 100%;
}
.proTable4 td.td3 {
	width: 0;
	transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
}
.proTable4 td.td3 img {
	position: absolute;
	left: 0;
	top: 50%;
	width: 50.8%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
}
.proTable4 td.td3:hover img {
	top: 48%;
}
.proTable4 {
	position: relative;
}
.proTable4 td h1 {
	font-size: 34px;
	color: #383f61;
	margin-bottom: 20px;
}
.proTable4 td p {
	font-size: 18px;
	color: #383f61;
	line-height: 32px;
	padding-left: 28px;
	background: url(../images/pro-ys-icon.png) no-repeat left 5px;
	background-size: 20px;
}

@media all and (max-width: 1580px) {
.proTable4 td {
	padding: 1.666666666666667rem 0;
}
.proTable4 td.td1 {
	padding-right: 9.333333333333333rem;
}
.proTable4 td.td2 {
	padding-left: 62.5%;
	height: 32rem;
}
.proTable4 td h1 {
	font-size: 2.266666666666667rem;
	margin-bottom: 1.333333333333333rem;
}
.proTable4 td p {
	font-size: 1.2rem;
	line-height: 2.133333333333333rem;
	padding-left: 1.866666666666667rem;
	background-size: 1.333333333333333rem;
}
}

@media all and (max-width: 1220px) {
.proTable4 td.td1 {
	padding-right: 5rem;
}
.proTable4 td.td2 {
	padding-left: 57.5%;
}
.proTable4 td h1 {
	font-size: 2rem;
	margin-bottom: 1.3rem;
}
.proTable4 td p {
	font-size: 1.2rem;
	line-height: 2rem;
	padding-left: 1.8rem;
	background-size: 1.3rem;
}
}

@media all and (max-width: 768px) {
.proTable4 td {
	display: block;
	width: 100%!important;
}
.proTable4 td.td1 {
	padding-right: 0;
}
.proTable4 td.td2 {
	padding-left: 0;
	height: auto;
}
.proTable4 td.td3 {
	width: 100%;
}
.proTable4 td.td3 img {
	position: static;
	top: 0;
	width: auto;
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-o-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
}
}
/*productBox5*/
.productBox5 {
	position: relative;
	padding: 115px 0 55px 0;
	overflow: hidden;
	background: url(../images/pro-tdbg.jpg) no-repeat center top #fff;
}

@media all and (max-width: 1580px) {
.productBox5 {
	padding: 7.666666666666667rem 0 3.666666666666667rem 0;
}
}

@media all and (max-width: 1023px) {
.productBox5 {
	padding: 100px 0 70px 0;
}
}

@media all and (max-width: 768px) {
.productBox5 {
	padding: 60px 0 60px 0;
}
}
/*page-proList5*/
.page-proList5 {
	position: relative;
	font-size: 0;
	margin: 0 -15px;
}
.page-proList5 li {
	position: relative;
	z-index: 1;
	display: inline-block;
*display:inline;
	zoom: 1;
	text-align: center;
	vertical-align: top;
	position: relative;
	width: 50%;
	margin-bottom: 30px;
}
.page-proList5 li .infoBox {
	text-align: left;
	margin: 0 15px;
	position: relative;
	z-index: 1;
	padding: 45px 45px 35px 45px;
	overflow: hidden;
	-webkit-box-shadow: 0 2px 32px rgba(235, 237, 241, 0.84);
	box-shadow: 0 2px 32px rgba(235, 237, 241, 0.84);
	background: url(../images/pro-td-titbg.jpg) no-repeat left top #fff;
	border: 1px solid #f5f5f7;
}
.page-proList5 li .imgBox {
	text-align: right;
}
.page-proList5 li .titleBox .title {
	font-size: 22px;
	color: #383f61;
	line-height: normal;
	margin-bottom: 20px;
	text-align: left;
	margin-top: 25px;
}
.page-proList5 li .titleBox .title span {
	color: #e24b51;
	margin-right: 5px;
}
.page-proList5 li .titleBox .wz {
	font-size: 16px;
	color: #7d808d;
	line-height: 32px;
	min-height: 64px;
	font-family: "苹方", "pingfang", "PingFang SC", "微软雅黑", "Microsoft YaHei", "Orbitron-Regular", Helvetica, Arial, sans-serif;
}
.page-proList5 li, .page-proList5 li .infoBox {
	transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
}
.page-proList5 li:hover .infoBox {
	-webkit-box-shadow: 0 0 50px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 0 50px rgba(0, 0, 0, 0.2);
	-o-box-shadow: 0 0 50px rgba(0, 0, 0, 0.2);
	-ms-box-shadow: 0 0 50px rgba(0, 0, 0, 0.2);
	box-shadow: 0 0 50px rgba(0, 0, 0, 0.2);
	position: relative;
	z-index: 1;
}

@media all and (max-width: 1580px) {
.page-proList5 {
	margin: 0 -1rem;
}
.page-proList5 li .infoBox {
	margin: 0 1rem;
	padding: 3rem 3rem 2.333333333333333rem 3rem;
}
.page-proList5 li .titleBox .title {
	font-size: 1.466666666666667rem;
	margin-bottom: 1.333333333333333rem;
	margin-top: 1.666666666666667rem;
}
.page-proList5 li .titleBox .wz {
	font-size: 1.066666666666667rem;
	line-height: 2.133333333333333rem;
	min-height: 4.266666666666666rem;
}
}

@media all and (max-width: 1024px) {
.page-proList5 li .imgBox img {
	width: 5rem;
}
.page-proList5 li .infoBox {
	padding: 3rem 3rem 2rem 3rem;
}
.page-proList5 li .titleBox .title {
	font-size: 1.4rem;
	margin-bottom: 1.3rem;
	margin-top: 1.6rem;
}
.page-proList5 li .titleBox .wz {
	line-height: 2rem;
	min-height: 6rem;
}
}

@media all and (max-width: 960px) {
.page-proList5 {
	margin: 0 -0.5rem;
}
.page-proList5 li {
	width: 50%;
}
.page-proList5 li .infoBox {
	margin: 0 0.5rem;
	padding: 3rem 1rem 2rem 1rem;
	background-size: 91.40625vw;
}
}

@media all and (max-width: 640px) {
.page-proList5 {
	margin: 0;
}
.page-proList5 li {
	width: 100%;
}
.page-proList5 li .infoBox {
	margin: 0 0rem;
	padding: 3rem 2rem 2rem 2rem;
}
}
/*solutionTable2*/
.solutionTable2 td {
	vertical-align: middle;
	font-size: 1.2rem;
	color: #383f61;
	font-family: "苹方", "pingfang", "PingFang SC", "微软雅黑", "Microsoft YaHei", Helvetica, Arial, sans-serif;
	padding: 1rem 0;
}
.solutionTable2 td.td2 {
	padding-right: 690px;
	height: 550px;
	width: 100%;
}
.solutionTable2 td.td3 {
	width: 0;
}
.solutionTable2 td.td3 img {
	position: absolute;
	right: 0;
	top: 50%;
	width: 57.5%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
.solutionTable2 {
	position: relative;
}
.solutionTable2 td.wz:hover img {
	-webkit-transform: translateY(-10px);
	-moz-transform: translateY(-10px);
	-o-transform: translateY(-10px);
	-ms-transform: translateY(-10px);
	transform: translateY(-10px);
	transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out
}

@media all and (max-width: 1580px) {
.solutionTable2 td.td2 {
	padding-right: 57.5%;
	height: 36.6rem;
}
}

@media all and (max-width: 1024px) {
.solutionTable2 td img {
	margin: 0 auto;
	display: block;
}
.solutionTable2 td {
	width: 100%;
	display: block!important;
	text-align: center;
}
.solutionTable2 td.td2 {
	padding-right: 0;
	height: auto;
}
.solutionTable2 td.td3 {
	width: 100%;
}
.solutionTable2 td.td3 img {
	position: static;
	top: 0;
	width: auto;
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-o-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
}
}

@media all and (max-width: 768px) {
.solutionTable2 td.wz img {
	width: 4.5rem;
}
}
/*solutionTable3*/
.solutionTable3 td {
	vertical-align: middle;
	font-size: 1.2rem;
	color: #383f61;
	font-family: "苹方", "pingfang", "PingFang SC", "微软雅黑", "Microsoft YaHei", Helvetica, Arial, sans-serif;
	padding: 1rem 0;
}
.solutionTable3 td.td2 {
	padding-left: 625px;
	height: 500px;
	width: 100%;
}
.solutionTable3 td.td3 {
	width: 0;
}
.solutionTable3 td.td3 img {
	position: absolute;
	left: 0;
	top: 50%;
	width: 47.9%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
.solutionTable3 {
	position: relative;
}
.solutionTable3 td.wz:hover img {
	-webkit-transform: translateY(-10px);
	-moz-transform: translateY(-10px);
	-o-transform: translateY(-10px);
	-ms-transform: translateY(-10px);
	transform: translateY(-10px);
	transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out
}

@media all and (max-width: 1580px) {
.solutionTable3 td.td2 {
	padding-left: 47.9%;
	height: 33rem;
}
}

@media all and (max-width: 1024px) {
.solutionTable3 td img {
	margin: 0 auto;
	display: block;
}
.solutionTable3 td {
	width: 100%;
	display: block!important;
	text-align: center;
	padding: 30px 0;
}
.solutionTable3 td.td2 {
	padding-left: 0;
	height: auto;
}
.solutionTable3 td.td3 {
	width: 100%;
}
.solutionTable3 td.td3 img {
	position: static;
	top: 0;
	width: auto;
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-o-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
}
}

@media all and (max-width: 768px) {
.solutionTable3 td.wz img {
	width: 4.5rem;
}
}



/*css3*/
@keyframes icon-bounce {
 0%, 100% {
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
 25% {
-moz-transform: rotate(15deg);
-ms-transform: rotate(15deg);
-webkit-transform: rotate(15deg);
transform: rotate(15deg);
}
 50% {
-moz-transform: rotate(-15deg);
-ms-transform: rotate(-15deg);
-webkit-transform: rotate(-15deg);
transform: rotate(-15deg);
}
 75% {
-moz-transform: rotate(5deg);
-ms-transform: rotate(5deg);
-webkit-transform: rotate(5deg);
transform: rotate(5deg);
}
 85% {
-moz-transform: rotate(-5deg);
-ms-transform: rotate(-5deg);
-webkit-transform: rotate(-5deg);
transform: rotate(-5deg);
}
}
@-webkit-keyframes icon-bounce {
 0%, 100% {
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
 25% {
-moz-transform: rotate(15deg);
-ms-transform: rotate(15deg);
-webkit-transform: rotate(15deg);
transform: rotate(15deg);
}
 50% {
-moz-transform: rotate(-15deg);
-ms-transform: rotate(-15deg);
-webkit-transform: rotate(-15deg);
transform: rotate(-15deg);
}
 75% {
-moz-transform: rotate(5deg);
-ms-transform: rotate(5deg);
-webkit-transform: rotate(5deg);
transform: rotate(5deg);
}
 85% {
-moz-transform: rotate(-5deg);
-ms-transform: rotate(-5deg);
-webkit-transform: rotate(-5deg);
transform: rotate(-5deg);
}
}
@-moz-keyframes icon-bounce {
 0%, 100% {
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
 25% {
-moz-transform: rotate(15deg);
-ms-transform: rotate(15deg);
-webkit-transform: rotate(15deg);
transform: rotate(15deg);
}
 50% {
-moz-transform: rotate(-15deg);
-ms-transform: rotate(-15deg);
-webkit-transform: rotate(-15deg);
transform: rotate(-15deg);
}
 75% {
-moz-transform: rotate(5deg);
-ms-transform: rotate(5deg);
-webkit-transform: rotate(5deg);
transform: rotate(5deg);
}
 85% {
-moz-transform: rotate(-5deg);
-ms-transform: rotate(-5deg);
-webkit-transform: rotate(-5deg);
transform: rotate(-5deg);
}
}
@-o-keyframes icon-bounce {
 0%, 100% {
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
 25% {
-moz-transform: rotate(15deg);
-ms-transform: rotate(15deg);
-webkit-transform: rotate(15deg);
transform: rotate(15deg);
}
 50% {
-moz-transform: rotate(-15deg);
-ms-transform: rotate(-15deg);
-webkit-transform: rotate(-15deg);
transform: rotate(-15deg);
}
 75% {
-moz-transform: rotate(5deg);
-ms-transform: rotate(5deg);
-webkit-transform: rotate(5deg);
transform: rotate(5deg);
}
 85% {
-moz-transform: rotate(-5deg);
-ms-transform: rotate(-5deg);
-webkit-transform: rotate(-5deg);
transform: rotate(-5deg);
}
}
/*bannerList20211220*/
/*Dots */
.bannerList .item {
	background: #fff;
	overflow: hidden;
}
.bannerList .slick-dots {
	position: absolute;
	list-style: none;
	display: block;
	text-align: center;
	padding: 0px;
	width: 100%;
	bottom: 0;
	left: 0;
	right: 0;
}
.bannerList .slick-dots li {
	width: 50px;
	height: 5px;
	display: inline-block;
	margin: 0px 8.5px;
	padding: 0px;
	cursor: pointer;
	position: relative;
	font-size: 0;
	border-radius: 5px;
}
.bannerList .slick-dots li button {
	width: 50px;
	height: 5px;
	opacity: 1;
	float: none;
	margin-left: 10px;
	border-radius: 5px;
	background: #ffeff0;
	cursor: pointer;
	position: relative;
	font-size: 0;
	overflow: hidden;
	-webkit-transition: width .4s linear;
	-o-transition: width .4s linear;
	transition: width .4s linear;
	outline: none;
}
.bannerList .slick-dots li.slick-active button {
	background: #136d9e;
}
/* Arrows */
.bannerList .slick-next, .bannerList .slick-prev {
	display: none!important;
}

@media all and (max-width: 1220px) {
.bannerList .slick-dots li, .bannerList .slick-dots li button {
	width: 3rem;
}
}
/*svg#freepik_stories-cyborg:not(.animated) .animable {opacity: 0;}
svg#freepik_stories-cyborg.animated #freepik--Character--inject-3 {animation: 1.5s Infinite  linear floating;animation-delay: 0s;}
svg#freepik_stories-cyborg.animated #freepik--Circles--inject-3 {animation: 1s 1 forwards cubic-bezier(.36,-0.01,.5,1.38) slideLeft;animation-delay: 0.2s;opacity: 0}
svg#freepik_stories-cyborg.animated #freepik--Screens--inject-3 {animation: 1s 1 forwards cubic-bezier(.36,-0.01,.5,1.38) slideUp,1.5s Infinite  linear floating;animation-delay: 0s,1s;}
svg#freepik_stories-cyborg.animated #freepik--Code--inject-3 {animation: 1s 1 forwards cubic-bezier(.36,-0.01,.5,1.38) zoomIn;animation-delay: 0.5s;opacity: 0}
svg#freepik_stories-cyborg.animated #freepik--circle-chart--inject-3 {animation: 1s 1 forwards cubic-bezier(.36,-0.01,.5,1.38) zoomIn;animation-delay: 1s;opacity: 0}
svg#freepik_stories-cyborg.animated #freepik--Flowchart--inject-3 {animation: 1s 1 forwards cubic-bezier(.36,-0.01,.5,1.38) slideRight;animation-delay: 1.5s;opacity: 0}
svg#freepik_stories-cyborg.animated #freepik--loading-bar--inject-3 {animation: 1s 1 forwards cubic-bezier(.36,-0.01,.5,1.38) slideUp;animation-delay: 2.5s;opacity: 0}
svg#freepik_stories-cyborg.animated #freepik--speech-bubble--inject-3 {animation: 1s 1 forwards cubic-bezier(.36,-0.01,.5,1.38) zoomIn;animation-delay: 2.3s;opacity: 0}
svg#freepik_stories-cyborg.animated #freepik--List--inject-3 {animation: 0.9s 1 forwards cubic-bezier(.36,-0.01,.5,1.38) zoomOut;animation-delay: 2s;opacity: 0}*/

/*.slick-current svg#freepik_stories-cyborg:not(.animated) .animable {opacity: 0;}
.slick-current svg#freepik_stories-cyborg.animated #freepik--Character--inject-3 {animation: 1.5s Infinite  linear floating;animation-delay: 0s;}
.slick-current svg#freepik_stories-cyborg.animated #freepik--Circles--inject-3 {animation: 1s 1 forwards cubic-bezier(.36,-0.01,.5,1.38) slideLeft;animation-delay: 0.2s;opacity: 0}
.slick-current svg#freepik_stories-cyborg.animated #freepik--Screens--inject-3 {animation: 1s 1 forwards cubic-bezier(.36,-0.01,.5,1.38) slideUp,1.5s Infinite  linear floating;animation-delay: 0s,1s;}
.slick-current svg#freepik_stories-cyborg.animated #freepik--Code--inject-3 {animation: 1s 1 forwards cubic-bezier(.36,-0.01,.5,1.38) zoomIn;animation-delay: 0.5s;opacity: 0}
.slick-current svg#freepik_stories-cyborg.animated #freepik--circle-chart--inject-3 {animation: 1s 1 forwards cubic-bezier(.36,-0.01,.5,1.38) zoomIn;animation-delay: 1s;opacity: 0}
.slick-current svg#freepik_stories-cyborg.animated #freepik--Flowchart--inject-3 {animation: 1s 1 forwards cubic-bezier(.36,-0.01,.5,1.38) slideRight;animation-delay: 1.5s;opacity: 0}
.slick-current svg#freepik_stories-cyborg.animated #freepik--loading-bar--inject-3 {animation: 1s 1 forwards cubic-bezier(.36,-0.01,.5,1.38) slideUp;animation-delay: 2.5s;opacity: 0}
.slick-current svg#freepik_stories-cyborg.animated #freepik--speech-bubble--inject-3 {animation: 1s 1 forwards cubic-bezier(.36,-0.01,.5,1.38) zoomIn;animation-delay: 2.3s;opacity: 0}
.slick-current svg#freepik_stories-cyborg.animated #freepik--List--inject-3 {animation: 0.9s 1 forwards cubic-bezier(.36,-0.01,.5,1.38) zoomOut;animation-delay: 2s;opacity: 0}
/*.swiper-slide-active{}
.swiper-slide-active svg#freepik_stories-cyborg:not(.animated) .animable {opacity: 0;}
.swiper-slide-active svg#freepik_stories-cyborg.animated #freepik--Character--inject-3 {animation: 1.5s Infinite  linear floating;animation-delay: 0s;}
.swiper-slide-active svg#freepik_stories-cyborg.animated #freepik--Circles--inject-3 {animation: 1s 1 forwards cubic-bezier(.36,-0.01,.5,1.38) slideLeft;animation-delay: 0.2s;opacity: 0}
.swiper-slide-active svg#freepik_stories-cyborg.animated #freepik--Screens--inject-3 {animation: 1s 1 forwards cubic-bezier(.36,-0.01,.5,1.38) slideUp,1.5s Infinite  linear floating;animation-delay: 0s,1s;}
.swiper-slide-active svg#freepik_stories-cyborg.animated #freepik--Code--inject-3 {animation: 1s 1 forwards cubic-bezier(.36,-0.01,.5,1.38) zoomIn;animation-delay: 0.5s;opacity: 0}
.swiper-slide-active svg#freepik_stories-cyborg.animated #freepik--circle-chart--inject-3 {animation: 1s 1 forwards cubic-bezier(.36,-0.01,.5,1.38) zoomIn;animation-delay: 1s;opacity: 0}
.swiper-slide-active svg#freepik_stories-cyborg.animated #freepik--Flowchart--inject-3 {animation: 1s 1 forwards cubic-bezier(.36,-0.01,.5,1.38) slideRight;animation-delay: 1.5s;opacity: 0}
.swiper-slide-active svg#freepik_stories-cyborg.animated #freepik--loading-bar--inject-3 {animation: 1s 1 forwards cubic-bezier(.36,-0.01,.5,1.38) slideUp;animation-delay: 2.5s;opacity: 0}
.swiper-slide-active svg#freepik_stories-cyborg.animated #freepik--speech-bubble--inject-3 {animation: 1s 1 forwards cubic-bezier(.36,-0.01,.5,1.38) zoomIn;animation-delay: 2.3s;opacity: 0}
.swiper-slide-active svg#freepik_stories-cyborg.animated #freepik--List--inject-3 {animation: 0.9s 1 forwards cubic-bezier(.36,-0.01,.5,1.38) zoomOut;animation-delay: 2s;opacity: 0}*/
/*@keyframes floating {0% {opacity: 1;transform: translateY(0px);}
50% {transform: translateY(-10px);}
100% {opacity: 1;transform: translateY(0px);}
}
@keyframes slideLeft {0% {opacity: 0;transform: translateX(-30px);}
100% {opacity: 1;transform: translateX(0);}
}
@keyframes slideUp {0% {opacity: 0;transform: translateY(30px);}
100% {opacity: 1;transform: inherit;}
}
@keyframes zoomIn {0% {opacity: 0;transform: scale(0.5);}
100% {opacity: 1;transform: scale(1);}
}
@keyframes slideRight {0% {opacity: 0;transform: translateX(30px);}
100% {opacity: 1;transform: translateX(0);}
}
@keyframes zoomOut {0% {opacity: 0;transform: scale(1.5);}
100% {opacity: 1;transform: scale(1);}
}
.animator-hidden {display: none; }*/
.bannerList .index-floor .index-flImg svg#freepik_stories-cyborg {
	width: 100%;
	height: auto;
}
.bannerList .index-floor .index-flImg {
	float: left;
	width: 50%;
}
.bannerList .index-floor .index-flTextBox {
	float: right;
	width: 50%;
}

@media all and (max-width: 1023px) {
.bannerList {
	padding-bottom: 3rem;
}
.bannerList .index-floor {
	padding-bottom: 3rem;
}
.bannerList .index-floor .index-flTextBox {
	float: none;
	width: 100%;
	padding-bottom: 3rem;
}
.bannerList .index-floor .row {
	position: relative;
	padding-bottom: 50rem;
}
.bannerList .index-floor .index-flImg {
	float: none;
	width: 100%;
	padding-bottom: 0;
	padding-top: 0;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	margin: 0 auto;
}
.bannerList .index-floor .index-flImg svg#freepik_stories-cyborg {
	width: 50rem;
	height: 50rem;
}
.bannerList .index-floor .index-flImg img {
	height: 50rem;
}
}

@media all and (max-width: 960px) {
}

@media all and (max-width: 768px) {
.bannerList .index-floor .row {
	padding-bottom: 40rem;
}
.bannerList .index-floor .index-flImg svg#freepik_stories-cyborg {
	width: 40rem;
	height: 40rem;
}
.bannerList .index-floor .index-flImg img {
	height: 40rem;
}
}

@media all and (max-width: 640px) {
.bannerList .index-floor .row {
	padding-bottom: 35rem;
}
.bannerList .index-floor .index-flImg svg#freepik_stories-cyborg {
	width: 35rem;
	height: 35rem;
}
.bannerList .index-floor .index-flImg img {
	height: 35rem;
}
}

@media all and (max-width: 480px) {
.bannerList .index-floor .row {
	padding-bottom: 30rem;
}
.bannerList .index-floor .index-flImg svg#freepik_stories-cyborg {
	width: 30rem;
	height: 30rem;
}
.bannerList .index-floor .index-flImg img {
	height: 30rem;
}
}

@media all and (max-width: 450px) {
.bannerList .index-floor .row {
	padding-bottom: 25rem;
}
.bannerList .index-floor .index-flImg svg#freepik_stories-cyborg {
	width: 25rem;
	height: 25rem;
}
.bannerList .index-floor .index-flImg img {
	height: 25rem;
}
}
/*ind-banner*/
.bannerList {
	width: 100%;
	overflow: hidden;
}
.bannerList .swiper-slide {
	color: #fff;
	position: relative;
}
/**/
.bannerList .ban1 .txtDiv {
	position: absolute;
	left: 12%;
	margin-left: 0px;
	top: 50%;
	height: 270px;
	margin-top: -135px;
}
.bannerList .ban1 .txt1 {
	font-size: 0.24rem;
	padding-bottom: 0.16rem;
	line-height: 0.24rem;
	color: #fff;
	position: relative;
}
.bannerList .ban1 .txt2 {
	font-size: 0.52rem;
	color: #fff;
	font-weight: bold;
	text-transform: uppercase;
}
.bannerList .ban1 .btnDiv {
	text-transform: uppercase;
	margin-top: 0.25rem;
	width: 1.53rem;
	height: 0.38rem;
	font-weight: bold;
	border: #fff solid 2px;
	text-align: center;
	color: #fff;
	line-height: 0.38rem;
}
/**/
.bannerList .swiper-button-prev {
	position: absolute;
	top: 50%;
	width: 48px;
	height: 48px;
	left: 5%;
	margin-top: -44px;
	background: url(../images/arrow-left.png) center no-repeat #fff;
	border-radius: 50%;
	overflow: hidden;
	background-size: 10px;
	box-shadow: 2px 8px 43px rgba(0, 0, 0, 0.1);
	visibility: hidden;
	margin-left: -20px;
	-moz-transition: all .3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all .3s ease-in-out;
}
.bannerList .swiper-button-next {
	position: absolute;
	top: 50%;
	width: 48px;
	height: 48px;
	right: 5%;
	margin-top: -44px;
	background: url(../images/arrow-right.png) center no-repeat #fff;
	border-radius: 50%;
	overflow: hidden;
	background-size: 10px;
	box-shadow: 2px 8px 43px rgba(0, 0, 0, 0.1);
	visibility: hidden;
	margin-right: -20px;
	-moz-transition: all .3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all .3s ease-in-out;
}
.bannerList:hover .swiper-button-prev {
	visibility: visible;
	margin-left: 0;
}
.bannerList:hover .swiper-button-next {
	visibility: visible;
	margin-right: 0;
}
/**/
.bannerList .swiper-pagination {
	text-align: center;
	left: 0;
	width: 100%;
	bottom: 0!important;
}
.bannerList .swiper-pagination-bullet {
	opacity: 1!important;
	width: 50px;
	height: 5px;
	text-align: center;
	border: none;
	background: #ffeff0;
	border-radius: 5px;
	margin: 0 5px!important;
	-webkit-transition: width .4s linear;
	-o-transition: width .4s linear;
	transition: width .4s linear;
}
.bannerList .swiper-pagination-bullet-active {
	background: #136d9e;
}

@media screen and ( max-width:992px ) {
.bannerList .swiper-pagination-bullet {
	width: 15px;
	height: 3px;
}
.bannerList .swiper-button-prev, .bannerList .swiper-button-next {
	display: none;
}
}
.index-floor4 .App:hover .text-wrapper {
	    padding-left: 1.5rem;
	    padding-right: 1.5rem;
		transition: 0.5s;
}
.center12{
	width: 84%;
	height:100%;
	margin: 0 auto;
	background-color: red;
}

.center12 .left11{
	width: 31%;
	height:500px;
	float: left;
	margin: 0px 0.867557%;
}

.center12 .left11 .top{
       width: 100%;
       height: 40%;
       float: left;
       background-color: #ffffff;
       box-shadow: 1px 1px 8px #136d9e;
       border-radius: 20px;
       padding: 40px;
       margin: 5% 0px;
}
.center12 .left11 .top h3{
	font-size: 30px;
	width: 100%;
	line-height: 50px;
	text-align: left;
	color: #136d9e;
	font-weight: 600;
}
.center12 .left11 .top p{
    font-size: 18px;
    width: 100%;
    line-height: 30px;
    text-align: left;
    color: #000;
}
.center12 .left11 .bottom{
	width: 100%;
	height:40%;
	float: left;
	background-color: #ffffff;
	box-shadow: 1px 1px 8px #136d9e;
	border-radius: 20px;
	padding: 40px;
	margin: 5% 0px;
}
.center12 .left11 .bottom h3{
	font-size: 30px;
	width: 100%;
	line-height: 50px;
	text-align: left;
	color: #136d9e;
	font-weight: 600;
}
.center12 .left11 .bottom p{
	font-size: 18px;
	width: 100%;
	line-height: 30px;
	text-align: left;
	color: #000;
}
.center12 .left11 .cen{
    width: 90%;
    height: 90%;
    position: relative;
    top: 28px;
    left: 23px;
}
@media (max-width:1280px) {
.center12 .left11 .cen{
     width: 100%;
     height: 100%;
     position: relative;
     top: 28px;
	 left: -8px;
}
	
}
.center12 .left11 .cen img:nth-child(1){
width: 100%;
    height: 100%;
    position: relative;
	object-fit: cover;
}
@media (max-width:1280px) {
	.center12 .left11 .cen img:nth-child(1){
	    width: 88%;
	    height: 56%;
	    position: relative;
	    object-fit: cover;
	    top: 42px;
	    left: 22px;
	}
	
}
.center12 .left11 .cen img:nth-child(2){
    width: 60%;
    height: 60%;
    position: relative;
    top: -359px;
    left: 88px;
	object-fit: cover;
}

@media (max-width:1280px) {
	.center12 .left11 .cen img:nth-child(2){
	      width: 43%;
	      height: 33%;
	      position: relative;
	      top: -182px;
	      left: 96px;
	      object-fit: cover;
	}
	
}
/* .center12 .left11 .cen canvas{
    width: 60%;
    height: 60%;
    position: relative;
    top: -359px;
    left: 88px;
	object-fit: cover;
} */
 .center12 .left11 .cen img:nth-child(1){

    -webkit-transform: rotate(360deg);

     animation: rotation 10s linear infinite;

    -moz-animation: rotation 10s linear infinite;

     -webkit-animation: rotation 10s linear infinite;

  -o-animation: rotation 10s linear infinite;

}
 @-webkit-keyframes rotation {

            from {
                -webkit-transform: rotate(0deg);
            }

            to {
                -webkit-transform: rotate(360deg);
            }
}
/*index-floor41*/
.index-floor41 {
	padding: 20px 0 20px 0;
	    width: 100%;
	    /* background-color: #e1e1e12b; */
	    position: relative;
		/* background-image: url(../picture/xww-bj.png); */
	    overflow: hidden;
}
/* .index-floor4:before {
	content: '';
	position: absolute;
	left: 50%;
	margin-left: -64rem;
	top: 0;
	width: 128rem;
	height: 36rem;
	background: url(../images/index-f4bg1.jpg) no-repeat center top;
	-webkit-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	background-size: 128rem;
	z-index: 0;
} */
/* .index-floor4:after {
	content: '';
	position: absolute;
	left: 50%;
	margin-left: -64rem;
	bottom: 0;
	width: 128rem;
	height: 10rem;
	background: url(../images/index-f4bg2.jpg) no-repeat center top;
	-webkit-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	background-size: 128rem;
	z-index: 0;
} */
.index-floor41 .index-floor-tit {
	text-align: center;
	margin-bottom: 60px;
	position: relative;
	z-index: 2;
}
.index-floor41 .index-floor-tit .en {
	    font-size: 3.066667rem;
	    line-height: 1.5;
	    font-weight: 900;
}
.index-floor41 .index-floor-tit .en span {
	    color: #136d9e;
	    font-weight: 900;
}
.index-floor41 .index-floor-tit .title {
    font-size: 2.933333rem;
    line-height: -5.5;
    color: #041b272b;
    font-weight: 600;
    margin-top: 10px;
}

@media all and (max-width: 1220px) {
.index-floor41 .index-floor-tit .title {
	font-size: 2.9rem;
}
}

@media all and (max-width: 1023px) {
.index-floor41 {
	padding: 0 0 120px 0;
}
}
/*index-floor4 App*/
.index-floor41 .App-list {
	width: 100%;
	position: relative;
	z-index: 2;
}
.index-floor41 .row {
	margin-right: 0;
	margin-left: 0;
}
.index-floor41 .App {
	width: 100%;
	position: relative;
	margin-bottom: 2.533333333333333rem;
	padding-right: 1.333333333333333rem;
	padding-left: 1.333333333333333rem;
	-ms-flex: 0 0 33.333333%;
	flex: 0 0 33.333333%;
	max-width: 33.333333%;
	transition: 0.8s;
}
.index-floor41 .App .AppBox {
	width: 100%;
	height: 30vh;
	background: #fff;
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: box;
	display: flex;
	-webkit-box-lines: multiple;
	-moz-box-lines: multiple;
	-o-box-lines: multiple;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	flex-wrap: wrap;
	overflow: hidden;
	border-bottom-left-radius: 3rem;
	border-top-right-radius: 3rem;
	box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);
}
.text-wrapper1 p{
	font-size: 16px;
	text-align: left;
	line-height: 40px;
}
.index-floor41 .App .img-wrapper {
	margin-bottom: 0;
}
.index-floor41 .App .img-wrapper img {
	width: 8.333333333333333rem;
	height: 22.13333333333333rem;
}
.index-floor41 .App .text-wrapper {
	padding-left: 3.666666666666667rem;
	padding-right: 3.333333333333333rem;
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	width: 100%;
	transition: 0.5s;
}
.index-floor41 .App .text-wrapper .title {
	font-size: 1.466666666666667rem;
	font-weight: bold;
	line-height: 1.5;
	color: #136d9e;
}
.index-floor41 .App .text-wrapper .desc {
	font-size: 1.066666666666667rem;
	font-weight: 400;
	line-height: 1.8;
	margin-top: 9px;
	color: #383f61;
}
.index-floor41 .App, .index-floor4 .App .AppBox {
	-webkit-transition: -webkit-transform 420ms cubic-bezier(0.165, 0.84, 0.44, 1);
	-moz-transition: -moz-transform 420ms cubic-bezier(0.165, 0.84, 0.44, 1);
	-o-transition: -o-transform 420ms cubic-bezier(0.165, 0.84, 0.44, 1);
	-ms-transition: -ms-transform 420ms cubic-bezier(0.165, 0.84, 0.44, 1);
	transition: transform 420ms cubic-bezier(0.165, 0.84, 0.44, 1);
}
.index-floor41 .App:hover .AppBox {
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-o-transform: scale(1.05);
	-ms-transform: scale(1.05);
	transform: scale(1.05);
	box-shadow: 2px 8px 43px rgba(0, 0, 0, 0.3);
	transition: 0.8s;
}

@media all and (max-width: 1520px) {
.index-floor41 .App .text-wrapper {
	padding-left: 3rem;
	padding-right: 3rem;
}
.index-floor41 .App .text-wrapper .title {
	font-size: 1.4rem;
}
}

@media all and (max-width: 1150px) {
.index-floor41 .App {
	padding-right: 0.5rem;
	padding-left: 0.5rem;
	margin-bottom: 1rem;
}
.index-floor41 .App .text-wrapper {
	padding-left: 2rem;
	padding-right: 2rem;
}
.index-floor41 .App .text-wrapper .title {
	font-size: 1.2rem;
}
}

@media all and (max-width: 1023px) {
.index-floor41 .App {
	-ms-flex-preferred-size: 50%;
	flex-basis: 50%;
	max-width: 50%;
}
.index-floor41 .App .text-wrapper {
	padding-left: 3rem;
	padding-right: 3rem;
}
.index-floor41 .App .text-wrapper .title {
	font-size: 1.4rem;
}
}

@media all and (max-width: 768px) {
.index-floor41 .row {
	margin-right: -0.5rem;
	margin-left: -0.5rem;
}
.index-floor41 .App {
	padding-right: 0.8rem;
	padding-left: 0.5rem;
	margin-bottom: 1rem;
}
.index-floor41 .App .text-wrapper {
	padding-left: 1rem;
	padding-right: 1rem;
}
.index-floor41 .App .text-wrapper .title {
	font-size: 1.2rem;
}
.index-floor41 .App .img-wrapper img {
	width: 8rem;
	height: 22rem;
}
}

@media all and (max-width: 530px) {
.index-floor41 .App {
	-ms-flex-preferred-size: 100%;
	flex-basis: 100%;
	max-width: 100%;
}
.index-floor41 .App .AppBox {
	-ms-flex-preferred-size: 100%;
	flex-basis: 100%;
	max-width: 100%;
}
.index-floor41 .App .text-wrapper .title {
	font-size: 1.4rem;
}
.index-floor41 .App .text-wrapper {
	padding-left: 2rem;
	padding-right: 2rem;
}
}
.index-floor41 .App:hover .text-wrapper {
	    padding-left: 1.5rem;
	    padding-right: 1.5rem;
		transition: 0.5s;
}