@media only screen and (min-width:769px) {
	/*.m-box {
		display: none;
	}
	* {
		margin: 0;
		padding: 0;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
	}
	html,
	body {
		font-size: 14px;
		font-family: "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
		line-height: 1;
		background-color: #ffffff;
	}*/
	/*ul,
	li {
		list-style-type: none;
	}
	a {
		text-decoration: none;
		color: #000;
		transition: all .3s;
		cursor: pointer;
	}
	a:hover {
		text-decoration: none;
		color: #000;
	}
	input,
	textarea,
	select {
		-webkit-appearance: none;
		resize: none;
		outline: none
	}
	a,
	button,
	input,
	textarea,
	select {
		-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
		border: 0;
	}
	img {
		max-width: 100%;
		border-style: none;
		vertical-align: middle;
	}*/
	.clear:after {
		content: '';
		display: block;
		clear: both;
		height: 0;
		overflow: hidden;
		visibility: hidden;
	}
	.clear {
		zoom: 1;
	}
	.zoom-img {
		overflow: hidden;
	}
	.zoom-img .img {
		overflow: hidden;
	}
	.zoom-img img {
		transition: all .5s;
	}
	.zoom-img:hover img {
		transform: scale(1.05);
		-ms-transform: scale(1.05);
		-webkit-transform: scale(1.05);
		-o-transform: scale(1.05);
		-moz-transform: scale(1.05);
	}
	.wd {
		width: 85%;
		margin: 0 auto;
	}
	.wd2 {
		width: 83.33%;
		margin: 0 auto;
	}
	.nav-page {
		font-size: 0;
		text-align: center;
	}
	.delay1 {
		-webkit-animation-delay: 0.1s;
		animation-delay: 0.1s;
	}
	.delay2 {
		-webkit-animation-delay: 0.2s;
		animation-delay: 0.2s;
	}
	.delay3 {
		-webkit-animation-delay: 0.3s;
		animation-delay: 0.3s;
	}
	.delay4 {
		-webkit-animation-delay: 0.4s;
		animation-delay: 0.4s;
	}
	.delay5 {
		-webkit-animation-delay: 0.5s;
		animation-delay: 0.5s;
	}
	.delay6 {
		-webkit-animation-delay: 0.6s;
		animation-delay: 0.6s;
	}
	.delay7 {
		-webkit-animation-delay: 0.8s;
		animation-delay: 0.8s;
	}
	.delay8 {
		-webkit-animation-delay: 1s;
		animation-delay: 1s;
	}
	.delay9 {
		-webkit-animation-delay: 1.2s;
		animation-delay: 1.2s;
	}
	.delay10 {
		-webkit-animation-delay: 2s;
		animation-delay: 2s;
	}
	/*引入字体包*/
	.movie {
		position: absolute;
		top: 50%;
		left: 50%;
		width: 100%;
		transform: translate(-50%, -50%);
	}
	@font-face {
		font-family: 'PingFang';
		src: url('../fonts/PingFang.eot');
		src: url('../fonts/PingFang.eot?#iefix') format('embedded-opentype'), url('../fonts/PingFang.ttf') format('truetype');
		font-weight: normal;
		font-style: normal;
	}
	@font-face {
		font-family: 'PingFang_Bold';
		src: url('../fonts/PingFang_Bold.eot');
		src: url('../fonts/PingFang_Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/PingFang_Bold.ttf') format('truetype');
		font-weight: normal;
		font-style: normal;
	}
	/* header */
	.header {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 78px;
		border-bottom: 1px solid rgba(255, 255, 255, .3);
		z-index: 99;
		transition: all .5s;
	}
	.m-header {
		display: none;
	}
	.head-logo {
		float: left;
		line-height: 77px;
	}
	.head-rbox {
		float: right;
	}
	.head-nav {
		float: left;
	}
	.head-nav .column {
		float: left;
		margin: 0 39px;
		line-height: 77px;
		height: 77px;
		position: relative;
	}
	.head-nav .column.on .item {
		font-weight: bold;
	}
	.head-nav .column.on::before {
		content: "";
		position: absolute;
		bottom: -1px;
		left: 50%;
		margin-left: -70%;
		width: 140%;
		height: 2px;
		background-color: #ffffff;
	}
	.header.on .head-nav .column.on::before {
		background-color: #00a7d2;
	}
	.head-nav .item {
		font-size: 19px;
		color: #ffffff;
		display: block;
	}
	.head-nav .column:hover .item {
		color: #ffffff;
		font-weight: bold;
	}
	.header.on .head-nav .column:hover .item {
		color: #00a7d2;
		font-weight: bold;
	}
	.head-nav .column:hover::before {
		content: "";
		position: absolute;
		bottom: 0;
		left: 50%;
		margin-left: -70%;
		width: 140%;
		height: 2px;
		background-color: #ffffff;
	}
	.header.on .head-nav .column:hover::before {
		background-color: #00a7d2;
	}
	.head-lang {
		position: relative;
		float: left;
		line-height: 77px;
		font-size: 18px;
		color: #ffffff;
		margin: 0 50px 0 24px;
		transition: all .3s;
	}
	.header .head-rbox .head-lang .drop-down {
		position: absolute;
		left: 0;
		min-width: 100%;
		width: 100%;
		background-color: rgba(255, 255, 255, .3);
		box-shadow: 0 3px 7px rgba(0, 0, 0, .2);
		padding: 5px;
	}
	.head-lang .item {
		display: block;
		font-size: 15px;
		color: #ffffff;
		line-height: 40px;
	}
	.header .logo_2 {
		display: none;
	}
	.header.on {
		background-color: #ffffff;
		box-shadow: 0 3px 7px rgba(0, 0, 0, .1);
	}
	.header.on2 {
		top: -78px;
		border-bottom: 1px solid #eeeeee;
		box-shadow: none;
	}
	.m-header.on2 {
		top: -51px;
	}
	.header.on .logo_2 {
		display: inline-block;
	}
	.header.on .logo_1 {
		display: none;
	}
	.header.on .head-nav .item {
		color: #333333;
	}
	.header.on .head-nav .column.on .item {
		color: #00a7d2;
		font-weight: bold;
	}
	.header.on .head-nav .item:hover {
		color: #9dcd17;
	}
	.header.on .head-lang {
		color: #333333;
	}
	.header.on .head-lang .item {
		color: #333333;
	}
	.header .drop-down {
		display: none;
	}
	.header .head-rbox .drop-down {
		position: fixed;
		top: 77px;
		left: 0;
		width: 100%;
		z-index: 99;
		background-color: #ffffff;
		text-align: center;
		font-size: 0;
		padding: 0 0 48px;
		border-top: 1px solid #eeeeee;
	}
	.header .column.special .drop-down {
		padding-top: 30px;
	}
	.header .drop-nav {
		display: inline-block;
		vertical-align: top;
		padding: 13px 65px 60px 0;
		border-right: 1px solid #eeeeee;
	}
	.header .text-img {
		display: inline-block;
		vertical-align: top;
		padding: 13px 0 0 84px;
		text-align: left;
		max-width: 465px;
	}
	.header .column_2 {
		float: left;
		line-height: 1;
		margin: 0 15px;
		text-align: left;
	}
	.header .column_2:last-child {
		margin-right: 0;
	}
	.header .item_2 {
		display: block;
		font-size: 14px;
		color: #666666;
		margin-bottom: 18px;
		position: relative;
	}
	.header .item_2:nth-child(1) {
		color: #333333;
		font-weight: bold;
		height: 14px;
	}
	.header .text-img .img {
		margin-bottom: 10px;
	}
	.header .text-img .words {
		font-size: 14px;
		color: #666666;
		line-height: 28px;
	}
	.header .column.special .h1 {
		font-size: 14px;
		color: #333333;
		margin-bottom: 20px;
		line-height: 1;
		font-weight: bold;
	}
	.header .column.special .img {
		margin-bottom: 15px;
	}
	.header .column.special a .words {
		color: #00a7d2;
	}
	.header .prod-drop-down {
		padding: 0;
	}
	.header .prod-drop-down .drop-nav {
		padding: 0;
	}
	.prod-drop-down .column_2 {
		width: 16.66%;
		margin: 0;
		border-left: 1px solid #eeeeee;
		border-bottom: 1px solid #eeeeee;
		min-height: 505px;
	}
	.header .prod-drop-down .item_2 {
		padding: 0 18px;
		font-size: 0;
		margin-bottom: 0;
		line-height: 54px;
		height: 56px;
		border-top: 1px solid #ffffff;
		border-bottom: 1px solid #ffffff;
	}
	.header .prod-drop-down .h1 {
		display: block;
		padding: 0 22px;
		font-size: 14px;
		color: #333333;
		font-weight: bold;
		line-height: 54px;
		height: 56px;
	}
	.header .prod-drop-down .icon {
		display: inline-block;
		vertical-align: middle;
		width: 40px;
		text-align: center;
		margin-right: 10px;
	}
	.header .prod-drop-down .name {
		display: inline-block;
		vertical-align: middle;
		width: calc(100% - 50px);
		font-size: 14px;
		color: #777777;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
	.header .item_2 .hot {
		position: absolute;
		top: 50%;
		left: 60%;
		margin-top: -10px;
		width: 44px;
		height: 20px;
		line-height: 20px;
		text-align: center;
		font-size: 14px;
		color: #ffffff;
		background-color: #00a7d3;
		border-radius: 7px;
		font-style: inherit;
	}
	.header .prod-drop-down .item_2:hover {
		background-color: #f5f5f5;
		border-top: 1px solid #eeeeee;
		border-bottom: 1px solid #eeeeee;
	}
	.header .prod-drop-down .item_2:hover .name {
		color: #00a7d3;
	}
	.header .head-menu {
		display: none;
		float: right;
		width: 40px;
	}
	.head-menu .icon-button {
		font-size: 0;
		margin-top: 20px;
	}
	.head-menu .line {
		display: inline-block;
		vertical-align: top;
		width: 40px;
		height: 2px;
		background-color: #ffffff;
		margin: 5px 0;
		transition: all .3s;
	}
	.header.on .head-menu .line {
		background-color: #000000;
	}
	.head-menu .drop-down {
		display: none;
		position: fixed;
		top: 77px;
		left: 0;
		width: 100%;
		height: calc(100vh - 60px);
		background-color: #ffffff;
		z-index: 9;
	}
	.head-menu .nav-list {
		width: 120px;
		height: calc(100vh - 60px);
		background-color: #f5f5f5;
	}
	.head-menu .item {
		display: block;
		padding: 12px 15px;
		font-size: 14px;
		line-height: 22px;
		color: #252b3a
	}
	.head-menu .column.on .item {
		background-color: #ffffff;
	}
	.head-menu .subnav {
		display: none;
		position: absolute;
		top: 0;
		left: 120px;
		width: calc(100% - 120px);
		height: calc(100% - 60px);
		padding: 20px 15px 16px 20px;
		overflow-y: auto;
	}
	.head-menu .column.on .subnav {
		display: block;
	}
	.head-menu .link-home {
		display: inline-block;
		font-size: 14px;
		line-height: 22px;
		color: #252b3a;
		margin-bottom: 24px;
	}
	.head-menu .column2 {
		padding-bottom: 12px;
		margin-bottom: 12px;
		border-bottom: 1px solid #dfe1e6;
	}
	.head-menu .name {
		display: block;
		font-size: 14px;
		line-height: 22px;
		height: 22px;
		color: #252b3a;
	}
	.head-menu .subnav2 {
		display: none;
		padding-left: 16px;
	}
	.head-menu .item2 {
		display: block;
		font-size: 14px;
		line-height: 22px;
		color: #252b3a;
		padding-top: 16px;
	}
	/* footer */
	/* main */
	.suspen-cont {
		position: fixed;
		right: 2%;
		bottom: 35%;
		z-index: 99;
	}
	.suspen-cont .button {
		padding: 50px 15px 17px;
		width: 44px;
		background-color: #ffffff;
		text-align: center;
		background-image: url(../Images/icon6.jpg);
		background-position: center 17px;
		background-repeat: no-repeat;
		font-size: 14px;
		color: #00a7d3;
		cursor: pointer;
	}
	.suspen-cont .box {
		position: absolute;
		background-color: #ffffff;
		left: -264px;
		width: 258px;
		top: -123px;
		display: none;
	}
	.suspen-cont .box-wrap {
		position: relative;
		padding: 35px 23px 22px;
	}
	.suspen-cont .column {
		position: relative;
		margin-bottom: 35px;
	}
	.suspen-cont .show-box {
		display: none;
	}
	.suspen-cont .weixin .show-box {
		position: absolute;
		top: 50%;
		right: 120%;
		transform: translateY(-50%);
		width: 120px;
	}
	.suspen-cont .column:hover .show-box {
		display: block;
	}
	.suspen-cont .column:last-child {
		margin-bottom: 0;
	}
	.suspen-cont .item {
		display: block;
		padding-left: 30px;
		background-position: left 3%;
		background-repeat: no-repeat;
	}
	.suspen-cont .on-line {
		background-image: url(../Images/icon8.jpg);
	}
	.suspen-cont .phone {
		background-image: url(../Images/icon9.jpg);
	}
	.suspen-cont .messa {
		background-image: url(../Images/icon10.jpg);
	}
	.suspen-cont .weixin {
		background-image: url(../Images/icon155.png);
	}
	.suspen-cont .h1 {
		font-size: 16px;
		color: #333333;
		margin-bottom: 10px;
	}
	.suspen-cont .words {
		font-size: 14px;
		color: #777777;
	}
	.suspen-cont .close {
		position: absolute;
		top: 13px;
		right: 16px;
		cursor: pointer;
	}
	.return-top {
		position: fixed;
		right: 2%;
		bottom: 25%;
		z-index: 99;
		cursor: pointer;
	}
	.nav-page .item {
		width: 68px;
		height: 36px;
		border: 1px solid #bfbfbf;
		border-radius: 5px;
		line-height: 34px;
		font-size: 14px;
		color: #bfbfbf;
		text-align: center;
		display: inline-block;
		margin: 0 20px;
	}
	.nav-page .item.on {
		background-color: #14abd2;
		border: 1px solid #14abd2;
		color: #ffffff;
	}
	.nav-page .prev {
		width: auto;
		padding: 0 30px;
	}
	.nav-page .next {
		width: auto;
		padding: 0 30px;
	}
	.location {
		position: absolute;
		bottom: 20px;
		right: 5.8%;
	}
	.location .item {
		font-size: 14px;
		color: #bdbdbd;
	}
	.prev-next {
		font-size: 0;
		text-align: center;
	}
	.prev-next .item {
		display: inline-block;
		vertical-align: top;
		width: 180px;
		height: 50px;
		line-height: 50px;
		font-size: 14px;
		color: #666666;
		margin: 0 10px;
		background-color: #eeeeee;
	}
	.prev-next .icon {
		width: 50px;
	}
	/* index */
	.home-page {
		background-color: #fff;
	}
	.banner {
		position: relative;
	}
	.home-swiper .swiper-pagination {
		bottom: 10%;
	}
	.home-swiper .swiper-pagination-bullet {
		opacity: .5;
		background-color: #ffffff;
	}
	.home-swiper .swiper-pagination-bullet-active {
		opacity: 1;
	}
	.home-swiper .suspen {
		position: absolute;
		top: 30%;
		left: 0;
		width: 100%;
	}
	.home-swiper .h1 {
		font-size: 40px;
		color: #ffffff;
		font-weight: bold;
		margin-bottom: 30px;
		letter-spacing: 5px;
	}
	.home-swiper .bold {
		font-size: 80px;
		font-family: PingFang_Bold;
	}
	.home-swiper .h2 {
		font-size: 20px;
		color: #ffffff;
		font-family: PingFang;
		letter-spacing: 2px;
	}
	.home-swiper .list-box {
		margin-top: 50px;
	}
	.home-swiper .column {
		float: left;
		margin-right: 115px;
		text-align: center;
	}
	.home-swiper .column:last-child {
		margin-right: 0;
	}
	.home-swiper .name {
		font-size: 16px;
		color: #ffffff;
		margin-top: 8px;
	}
	.link-nav {
		/* position: absolute; */
		/* bottom: -17%; */
		left: 0;
		width: 100%;
		/* z-index: 9; */
		background-color: #ffffff;
	}
	.link-nav .nav-wrap {
		background-color: #ffffff;
		padding: 89px 30px;
		/* box-shadow: 0 5px 15px rgba(0, 0, 0, .2); */
	}
	.link-nav .column {
		float: left;
		width: 50%;
		padding: 0 80px;
	}
	.link-nav .column:nth-child(2) {
		padding-left: 130px;
	}
	.link-nav .icon {
		float: left;
	}
	.link-nav .text {
		float: left;
		padding: 40px 0 0 55px;
	}
	.link-nav .h1 {
		font-size: 34px;
		color: #333333;
		margin-bottom: 20px;
	}
	.link-nav .words {
		font-size: 22px;
		color: #444444;
		font-family: PingFang;
	}
	.shouye-case {
		margin-top: 3.9%;
		margin-bottom: 36px;
	}
	.shouye-case .column {
		float: left;
		width: 49%;
		margin: 0 0.5%;
		position: relative;
	}
	.shouye-case .suspen {
		position: absolute;
		left: 0;
		bottom: 0;
		width: 100%;
		padding: 0 45px 45px;
	}
	.shouye-case .column.special .suspen {
		padding-bottom: 55px;
	}
	.shouye-case .column:nth-child(2) {
		margin-bottom: 2.36%;
	}
	.shouye-case .words {
		font-size: 18px;
		color: #ffffff;
	}
	.smart-swiper .push-button {
		width: 50px;
		height: 50px;
		margin-top: -25px;
		background-size: cover;
	}
	.smart-swiper .swiper-button-prev {
		background-image: url(../Images/icon4.png);
		left: 20px;
	}
	.smart-swiper .swiper-button-next {
		background-image: url(../Images/icon5.png);
		right: 20px;
	}
	.shouye-news {
		padding-bottom: 86px;
	}
	.shouye-news .title {
		margin-bottom: 50px;
	}
	.home-page .title .h1 {
		font-size: 42px;
		color: #333333;
		text-align: center;
	}
	.news-list .column {
		float: left;
		width: 31.33%;
		margin:1%;
		/*padding: 16px 18px;*/
		background-color: #ffffff;
	}
	.news-list .column a {
		border: 1px solid #ffffff;
		width: 100%;
	}
	.news-list .column:nth-child(3n) {
		margin-right: 0;
	}
	.news-list .text {
		padding: 47px 37px 69px;
	}
	.news-list .h1 {
		font-size: 24px;
		color: #333333;
		margin-bottom: 23px;
		transition: all .3s;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
	.news-list .words {
		font-size: 16px;
		color: #666666;
		line-height: 30px;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
		overflow: hidden;
	}
	.news-list .date {
		font-size: 16px;
		color: #bbbbbb;
		margin-top: 20px;
	}
	.news-list .column:hover .h1 {
		color: red;
	}
	/* problem */
	.problem-page .banner .suspen {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		text-align: center;
		padding-top: 18.2%;
	}
	.problem-page .banner .suspen .h1 {
		font-size: 60px;
		color: #ffffff;
		font-weight: bold;
		margin-bottom: 40px;
	}
	.problem-page .banner .suspen .h2 {
		font-size: 36px;
		color: #ffffff;
	}
	.problem {
		padding: 75px 0 100px;
		background-color: #f5f5f5;
	}
	.probl-list .column {
		padding: 50px 100px 50px 130px;
		background-color: #ffffff;
		margin-bottom: 45px;
		border-radius: 15px;
		cursor: pointer;
	}
	.probl-list .text {
		float: left;
		width: 85%;
	}
	.probl-list .icon {
		float: right;
		width: 54px;
		height: 54px;
		background-image: url(../Images/icon14.jpg);
		background-position: center center;
		background-repeat: no-repeat;
		margin-top: 29px;
		transition: all .3s;
	}
	.probl-list .ask {
		line-height: 30px;
		margin-bottom: 20px;
	}
	.probl-list .ask .words {
		float: left;
		width: calc(100% - 58px);
		font-size: 20px;
		color: #333333;
		font-weight: bold;
		padding-bottom: 25px;
		border-bottom: 1px dashed #e5e5e5;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
	.probl-list .ask-icon {
		float: left;
		width: 30px;
		height: 30px;
		background-image: url(../Images/icon12.jpg);
		background-position: center center;
		background-repeat: no-repeat;
		margin-right: 28px;
	}
	.probl-list .answer {
		line-height: 36px;
	}
	.probl-list .answer .words {
		float: left;
		width: calc(100% - 58px);
		font-size: 16px;
		color: #666666;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		height: 36px;
	}
	.probl-list .answer-icon {
		float: left;
		width: 21px;
		height: 21px;
		background-image: url(../Images/icon13.jpg);
		background-position: center center;
		background-repeat: no-repeat;
		margin: 7px 26px 0 11px;
	}
	.probl-list .column.on .answer .words {
		height: auto;
	}
	.probl-list .column.on .icon {
		background-image: url(../Images/icon15.jpg);
	}
	.problem .nav-page {
		margin-top: 120px;
	}
	.problem .ask .words {
		float: left;
		width: calc(100% - 58px);
		font-size: 20px;
		color: #333333;
		font-weight: bold;
		border-bottom: 1px dashed #e5e5e5;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
	.problem .ask-icon {
		float: left;
		width: 30px;
		height: 70px;
		background-image: url(../Images/icon12.png);
		background-position: center center;
		background-repeat: no-repeat;
		margin-right: 28px;
	}
	.problem .answer {
		line-height: 36px;
	}
	.problem .answer .words {
		float: left;
		width: calc(100% - 58px);
		font-size: 16px;
		color: #666666;
	}
	.problem .answer-icon {
		float: left;
		width: 21px;
		height: 21px;
		background-image: url(../Images/icon13.png);
		background-position: center center;
		background-repeat: no-repeat;
		margin: 3px 26px 0 11px;
	}
	.problem .title {
		margin-bottom: 60px;
	}
	.problem .title .h1 {
		font-size: 30px;
		color: #333333;
		font-weight: bold;
		padding-bottom: 20px;
		border-bottom: 1px solid #dcdcdc;
	}
	.problem .form {
		position: relative;
		max-width: 800px;
		width: 800px;
		height: 60px;
		margin: 0 auto;
	}
	.problem .input-text {
		width: 100%;
		height: 60px;
		border: 1px solid #eeeeee;
		border-radius: 30px;
		padding: 0 140px 0 15px;
		font-size: 18px;
		color: #999999;
	}
	.problem .input-text::-webkit-input-placeholder {
		font-size: 18px;
		color: #999999;
	}
	.problem .btn-submit {
		position: absolute;
		top: 0;
		right: 0;
		width: 134px;
		height: 60px;
		line-height: 60px;
		font-size: 20px;
		color: #ffffff;
		text-align: center;
		background-color: #14abd2;
		border-radius: 30px;
		outline: none;
		border: 0;
		cursor: pointer;
	}
	/* product */
	.product-page .banner .suspen {
		position: absolute;
		top: 50%;
		left: 0;
		width: 100%;
		transform: translate(0, -50%);
	}
	.product-page .banner .suspen .h1 {
		font-size: 60px;
		color: #ffffff;
		font-weight: bold;
	}
	.product {
		padding: 90px 0;
		background-color: #f8f8f8;
	}
	.product .title {
		text-align: center;
	}
	.product .title .h1 {
		font-size: 50px;
		color: #333333;
		font-weight: bold;
		margin-bottom: 70px;
	}
	.prod-nav {
		margin-bottom: 60px;
	}
	.prod-nav .column {
		float: left;
		width: 30%;
		margin-right: 5%;
		margin-bottom: 30px;
		background-color: #ffffff;
		border-radius: 15px;
		text-align: center;
		padding: 45px 45px 37px;
		transition: all .3s;
	}
	.prod-nav .column:nth-child(3n) {
		margin-right: 0;
	}
	.prod-nav img {
		transition: all .3s;
	}
	.prod-nav .img2 {
		display: none;
	}
	.prod-nav .h1 {
		font-size: 22px;
		color: #333333;
		margin: 35px 0 13px;
		transition: all .3s;
	}
	.prod-nav .h2 {
		font-size: 16px;
		color: #999999;
		line-height: 24px;
		transition: all .3s;
	}
	.prod-nav .column:hover {
		background-color: #00a7d3;
	}
	.prod-nav .column:hover .img1 {
		display: none;
	}
	.prod-nav .column:hover .img2 {
		display: inline-block;
	}
	.prod-nav .column:hover .h1 {
		color: #ffffff;
	}
	.prod-nav .column:hover .h2 {
		color: #95d0e7;
	}
	.prod-list .more-box {
		text-align: center;
		margin-top: 60px;
	}
	.prod-list .more {
		display: inline-block;
		width: 200px;
		height: 52px;
		line-height: 50px;
		font-size: 16px;
		color: #333333;
		border: 1px solid #dfdfdf;
		border-radius: 30px;
	}
	/* programme */
	.prog-page .banner .suspen {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		text-align: center;
		padding-top: 18.2%;
	}
	.prog-page .banner .suspen .h1 {
		font-size: 60px;
		color: #ffffff;
		font-weight: bold;
		margin-bottom: 40px;
	}
	.prog-page .banner .suspen .h2 {
		font-size: 24px;
		color: #ffffff;
	}
	.prog {
		padding: 100px 0;
		background-color: #eeeeee;
	}
	.prog-list .column {
		background-color: #ffffff;
		margin-bottom: 30px;
	}
	.prog-list .text {
		float: left;
		width: 46.875%;
		padding: 70px 140px;
		font-size: 0;
	}
	.prog-list .top>div {
		display: inline-block;
		vertical-align: middle;
		margin-bottom: 60px;
	}
	.prog-list .logo {
		max-width: 200px;
		margin-right: 35px;
	}
	.prog-list .line {
		width: 1px;
		height: 30px;
		background-color: #1b1b1b;
	}
	.prog-list .name {
		font-size: 20px;
		color: #333333;
		font-weight: bold;
		margin-left: 30px;
	}
	.prog-list .icon {
		width: 60px;
		height: 1px;
		background-color: #777777;
		margin-bottom: 70px;
	}
	.prog-list .h1 {
		font-size: 18px;
		color: #333333;
		margin-bottom: 20px;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
	.prog-list .words {
		font-size: 16px;
		color: #777777;
		line-height: 30px;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
		overflow: hidden;
	}
	.prog-list .img {
		float: left;
		width: 53.125%;
		position: relative;
	}
	.prog-list .img::before {
		content: "";
		position: absolute;
		top: 50%;
		left: 0;
		margin-top: -20px;
		background-image: url(../Images/icon19.png);
		background-size: cover;
		width: 22px;
		height: 40px;
		z-index: 2;
	}
	.prog-list .column:nth-child(2n) .text {
		float: right;
	}
	.prog-list .column:nth-child(2n) .img::before {
		left: auto;
		right: 0;
		background-image: url(../Images/icon20.png);
	}
	.prog .nav-page {
		margin-top: 90px;
	}
	.prog-details {
		padding: 80px 0;
		background-position: top center;
		background-repeat: no-repeat;
		background-color: #f6f6f6;
	}
	.prog-details .h1 {
		font-size: 36px;
		color: #333333;
		font-weight: bold;
		margin-bottom: 60px;
	}
	.prog-details .words {
		font-size: 16px;
		color: #666666;
		line-height: 36px;
		padding-bottom: 80px;
		border-bottom: 1px solid #eeeeee;
		margin-bottom: 87px;
	}
	.prog-details .h2 {
		font-size: 20px;
		color: #333333;
		font-weight: bold;
		margin-bottom: 15px;
	}
	.prog-details .color {
		color: #00a7d2;
		font-weight: normal;
	}
	/* service */
	.serv-page .banner .suspen {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		text-align: center;
		padding-top: 18.2%;
	}
	.serv-page .banner .suspen .h1 {
		font-size: 60px;
		color: #ffffff;
		font-weight: bold;
		margin-bottom: 40px;
	}
	.serv-page .banner .suspen .h2 {
		font-size: 36px;
		color: #ffffff;
	}
	.serv .title {
		text-align: center;
		margin-bottom: 80px;
	}
	.serv .title .h1 {
		font-size: 34px;
		color: #333333;
		font-weight: bold;
	}
	.purp {
		padding: 125px 0 105px;
		background-repeat: no-repeat;
		background-size: cover;
		text-align: center;
	}
	.purp .h1 {
		font-size: 30px;
		color: #333333;
		font-weight: bold;
		margin-bottom: 30px;
	}
	.purp .words {
		font-size: 16px;
		color: #333333;
		line-height: 30px;
	}
	.moda {
		padding: 90px 0 80px;
		background-color: #f3f3f3;
	}
	.mode-list .column {
		float: left;
		width: 22.94%;
		min-height: 520px;
		margin-right: 2.74%;
		text-align: center;
		border-radius: 20px;
		padding: 65px 50px 0;
		background-image: url(../Images/img27.png);
		background-size: cover;
		transition: all .3s;
		margin-bottom: 20px;
	}
	.mode-list .column:nth-child(4n) {
		margin-right: 0;
	}
	.mode-list .icon {
		margin-bottom: 58px;
		display: inline-block;
		padding: 9px;
		border: 1px solid #99dced;
		border-radius: 50%;
	}
	.mode-list .img-2 {
		display: none;
	}
	.mode-list .name {
		font-size: 20px;
		color: #333333;
		font-weight: bold;
		margin-bottom: 25px;
	}
	.mode-list .words {
		font-size: 16px;
		color: #666666;
		line-height: 28px;
	}
	.mode-list .column:hover {
		background-image: url(../Images/img27-2.png);
	}
	.mode-list .column:hover .icon {
		background-color: #1ab0d7;
		border: 1px solid #1ab0d7;
	}
	.mode-list .column:hover .img-1 {
		display: none;
	}
	.mode-list .column:hover .img-2 {
		display: block;
	}
	.mode-list .column:hover .name {
		color: #ffffff;
	}
	.mode-list .column:hover .words {
		color: #ffffff;
	}
	.cont {
		padding: 85px 0 80px;
	}
	.cont .img {
		float: left;
		width: 37.76%;
	}
	.cont-list {
		float: left;
		width: 62.24%;
		border-bottom: 1px solid #e5e5e5;
	}
	.cont-list .column {
		float: left;
		width: 33.33%;
		position: relative;
		border-top: 1px solid #e5e5e5;
		border-right: 1px solid #e5e5e5;
		text-align: center;
	}
	.cont-list .suspen {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		padding-top: 28%;
	}
	.cont-list .h1 {
		font-size: 20px;
		color: #333333;
		font-weight: bold;
	}
	.cont-list .icon {
		margin-bottom: 7%;
		transition: all .5s;
	}
	.cont-list .column:hover .icon {
		transform: rotateY(180deg);
	}
	.cont-list .column.special .suspen {
		padding-top: 55%;
	}
	.supp {
		padding: 90px 0 80px;
		background-color: #f3f3f3;
	}
	.supp .wd {
		width: 72.91%;
	}
	.supp-list .column {
		float: left;
		width: 28.78%;
		margin-right: 6.83%;
		position: relative;
		transition: all .5s;
		margin-bottom: 20px;
	}
	.supp-list .column:hover {
		margin-top: -20px;
	}
	.supp-list .column:nth-child(3n) {
		margin-right: 0;
	}
	.supp-list .suspen {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		padding: 50px 30px;
	}
	.supp-list .h1 {
		font-size: 22px;
		color: #333333;
		font-weight: bold;
		margin-bottom: 25px;
	}
	.supp-list .line {
		display: inline-block;
		vertical-align: top;
		width: 4px;
		height: 18px;
		background-color: #00a7d3;
		border-radius: 2px;
		margin-top: 2px;
		margin-right: 15px;
	}
	.supp-list .words {
		font-size: 16px;
		color: #777777;
		line-height: 33px;
		padding-left: 22px;
	}
	.poli {
		padding: 80px 0;
	}
	.poli-list .column {
		float: left;
		width: 32.05%;
		margin-right: 1.925%;
		background-color: #f3f3f3;
		text-align: center;
		transition: all .5s;
		margin-bottom: 20px;
	}
	.poli-list .column:hover {
		box-shadow: 0 5px 8px rgba(0, 0, 0, .2);
	}
	.poli-list .column:nth-child(3n) {
		margin-right: 0;
	}
	.poli-list a {
		display: block;
		padding: 50px 95px 35px;
	}
	.poli-list .icon {
		margin-bottom: 20px;
	}
	.poli-list .name {
		font-size: 30px;
		color: #333333;
		font-weight: bold;
		margin-bottom: 20px;
	}
	.poli-list .words {
		font-size: 18px;
		color: #333333;
		line-height: 32px;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
		overflow: hidden;
	}
	.poli-list .more {
		margin-top: 50px;
		font-size: 14px;
		color: #666666;
	}
	/* about */
	.about-page .banner .suspen {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		text-align: center;
		padding-top: 18.2%;
	}
	.about-page .banner .suspen .h1 {
		font-size: 60px;
		color: #ffffff;
		font-weight: bold;
		margin-bottom: 40px;
	}
	.about-page .banner .suspen .h2 {
		font-size: 36px;
		color: #ffffff;
	}
	.intr {
		padding: 120px 0;
	}
	.intr .wd2 {
		width: 85.93%;
	}
	.intr .text {
		font-size: 16px;
		color: #333333;
		line-height: 33px;
		float: left;
		width: 49.09%;
		padding-right: 6%;
	}
	.intr .text .h1 {
		font-size: 20px;
		color: #333333;
		font-weight: bold;
	}
	.intr .video {
		float: right;
		width: 50.91%;
		position: relative;
	}
	.intr .play-icon {
		position: absolute;
		top: 50%;
		left: 50%;
		margin-top: -28px;
		margin-left: -28px;
		cursor: pointer;
	}
	.about .title {
		margin-bottom: 90px;
	}
	.about .mile .title {
		position: absolute;
		top: 50%;
		transform: translate(0, -50%);
		margin: 0 auto;
	}
	.about .title .h1 {
		font-size: 30px;
		color: #333333;
		font-weight: bold;
		margin-bottom: 20px;
	}
	.about .title .h2 {
		font-size: 22px;
		color: #666666;
	}
	.mile {
		position: relative;
	}
	.mile .title .h1 {
		color: #ffffff;
	}
	.mile .title .h2 {
		color: #ffffff;
		line-height: 1.4;
	}
	.mile .l-box {
		position: absolute;
		top: 0;
		left: 0;
		float: left;
		width: 20%;
		height: 100%;
		background-size: cover;
		padding: 5.8% 3% 4.5%;
	}
	.mile .arrow-left {
		position: absolute;
		width: 29px;
		height: 14px;
		background-image: url(../Images/icon35.png);
		background-size: cover;
		top: -20px;
		left: 12px;
	}
	.mile .arrow-right {
		position: absolute;
		width: 29px;
		height: 14px;
		background-image: url(../Images/icon36.png);
		background-size: cover;
		top: auto;
		bottom: -20px;
		left: 12px;
	}
	.mile .r-box {
		padding: 100px 100px;
		float: right;
		width: 80%;
		background-size: cover;
	}
	.mile .carousel {
		position: relative;
	}
	.mile .swiper-button-prev,
	.mile .swiper-button-next {
		width: 29px;
		height: 14px;
		background-size: cover;
		margin: 0;
		left: -2px;
	}
	.mile .swiper-button-prev {
		background-image: url(../Images/icon35.png);
		top: -30px;
	}
	.mile .swiper-button-next {
		background-image: url(../Images/icon36.png);
		background-size: cover;
		top: auto;
		bottom: -30px;
	}
	.mile .mile-swiper {
		height: 560px;
	}
	.mile .box {
		position: relative;
		font-size: 18px;
		line-height: 30px;
		color: #ffffff;
		padding-bottom: 40px;
		height: 100%;
	}
	/* .mile .color .box{

        color: #9dcd17;

    } */
	.mile .box .text {
		position: relative;
		padding-left: 30px;
	}
	.mile .box .text::after {
		position: absolute;
		content: "";
		top: 50%;
		left: 6px;
		width: 12px;
		height: 12px;
		margin-top: -6px;
		background-color: #ffffff;
		border-radius: 50%;
	}
	.mile .box.years-box .text::after {
		width: 24px;
		height: 24px;
		left: 0;
		margin-top: -12px;
	}
	.mile .box::before {
		position: absolute;
		content: "";
		top: 18px;
		left: 12px;
		width: 1px;
		height: 100%;
		background-color: rgba(255, 255, 255, .2);
	}
	.mile .swiper-slide:last-child .box::before {
		display: none;
	}
	.mile .box.years-box .text {
		font-size: 30px;
		font-weight: bold;
	}
	.flex {
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
	}
	.mile .view .swiper-slide-active .text {
		color: #F5F5F5;
		font-weight: bold;
	}
	.mile .view .box {
		flex-direction: column;
	}
	.mile .view .icon-box {
		position: relative;
	}
	.mile .view .icon {
		display: block;
		width: 15px;
		height: 15px;
		border-radius: 50%;
		background-color: #ffffff;
	}
	.mile .view .icon-box::before {
		position: absolute;
		content: "";
		width: calc(100% - 15px);
		height: 2px;
		top: 50%;
		left: 15px;
		background-color: #ffffff;
	}
	.mile .view .text {
		font-size: 18px;
		color: #ffffff;
		line-height: 32px;
		padding-top: 40px;
	}
	.mile .view .swiper-slide:nth-child(2n) .text {
		padding: 0;
		padding-bottom: 40px;
	}
	.mile .view .swiper-wrapper {
		display: flex;
		align-items: center;
	}
	.mile .preview .swiper-container {
		height: 328px;
	}
	.mile .preview .swiper-slide {
		padding: 30px 0;
	}
	.mile .preview .swiper-slide-active .years {
		font-weight: bold;
	}
	.mile .year-box {
		position: absolute;
		top: 20%;
		left: 16%;
		font-size: 38px;
		color: #ffffff;
		font-weight: bold;
	}
	.honor {
		padding: 80px 0 70px;
		background-color: #eeeeee;
	}
	.honor .carousel {
		position: relative;
		background-color: #f7f7f7;
		padding: 90px 65px 65px;
	}
	.honor .img-box {
		float: left;
		width: 30%;
		text-align: center;
	}
	.honor .column3 {
		display: none;
	}
	.honor .column3.on {
		display: block;
	}
	.honor .carousel2 {
		position: relative;
		float: left;
		width: 40%;
		margin-left: 5%;
		margin-top: 160px;
		padding-bottom: 75px;
	}
	.honor .view-swiper .swiper-slide {
		width: 100% !important;
	}
	.honor .column {
		font-size: 16px;
		color: #666666;
		line-height: 46px;
		cursor: pointer;
		transition: all .3s;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
	.honor .column:hover {
		color: #00a7d3;
	}
	.honor .carousel2 .swiper-pagination {
		width: auto;
		left: 40px;
		color: #888888;
	}
	.honor .carousel2 .swiper-pagination-current {
		font-size: 16px;
		color: #56c5e2;
	}
	.honor .but {
		left: auto;
		right: auto;
		top: auto;
		bottom: 11px;
		margin-top: auto;
		width: 8px;
		height: 13px;
		background-size: cover;
		transition: all .3s;
	}
	.honor .carousel2 .swiper-button-prev {
		left: 0;
		background-image: url(../Images/icon40.png);
	}
	.honor .carousel2 .swiper-button-next {
		left: 105px;
		background-image: url(../Images/icon40-2.png);
	}
	.honor .carousel2 .swiper-button-prev:hover {
		background-image: url(../Images/icon39.png);
	}
	.honor .carousel2 .swiper-button-next:hover {
		background-image: url(../Images/icon39-2.png);
	}
	.honor .preview {
		position: absolute;
		width: 50%;
		left: 36%;
		top: 90px;
	}
	.honor .preview::before {
		position: absolute;
		content: "";
		left: -4%;
		top: 64px;
		width: 94%;
		height: 1px;
		border-bottom: 1px dashed #d2d2d2;
	}
	.honor .previ-swiper .swiper-slide {
		height: auto !important;
		padding: 60px 0 0;
		text-align: left;
	}
	.honor .previ-swiper .year-box {
		display: inline-block;
		text-align: center;
	}
	.honor .previ-swiper .icon {
		display: inline-block;
		position: relative;
		width: 12px;
		height: 12px;
		background-color: #888888;
		border-radius: 50%;
		margin-bottom: 17px;
	}
	.honor .previ-swiper .icon::before {
		position: absolute;
		content: "";
		width: 16px;
		height: 16px;
		border: 1px solid #888888;
		top: 50%;
		left: 50%;
		margin-top: -9px;
		margin-left: -9px;
		border-radius: 50%;
	}
	.honor .previ-swiper .year {
		font-size: 18px;
		color: #888888;
		font-weight: bold;
	}
	.honor .previ-swiper .active-nav .year {
		color: #333333;
	}
	.honor .but2 {
		position: absolute;
		top: 45px;
		width: 40px;
		height: 40px;
		background-size: cover;
		z-index: 9;
		transition: all .3s;
	}
	.honor .preview .arrow-left {
		right: -60px;
		background-image: url(../Images/icon37.png);
	}
	.honor .preview .arrow-right {
		right: -150px;
		background-image: url(../Images/icon37-2.png);
	}
	.honor .preview .arrow-left:hover {
		background-image: url(../Images/icon38.png);
	}
	.honor .preview .arrow-right:hover {
		background-image: url(../Images/icon38-2.png);
	}
	.honor .previ-swiper .active-nav .icon {
		background-color: #00a7d3;
	}
	.honor .previ-swiper .active-nav .icon::before {
		border: 1px solid #00a7d3;
	}
	.global-layout {
		padding: 90px 0 64px;
	}
	.global-layout .title {
		margin-bottom: 80px;
	}
	.global-layout .text-box {
		float: left;
		width: 38%;
	}
	.global-layout .img-box {
		float: left;
		width: 62%;
	}
	.global-layout .column {
		margin-bottom: 100px;
	}
	.global-layout .column:last-child {
		margin-bottom: 0;
	}
	.global-layout .column2 {
		margin-bottom: 40px;
	}
	.global-layout .top {
		font-size: 30px;
		color: #00a7d3;
		margin-bottom: 10px;
		font-weight: bold;
		font-family: Arial, Helvetica, sans-serif;
	}
	.global-layout .number {
		display: inline-block;
		font-size: 50px;
		color: #00a7d3;
		font-weight: bold;
		margin-right: 5px;
	}
	.global-layout .text {
		font-size: 16px;
		color: #333333;
	}
	.global-layout .h1 {
		font-size: 18px;
		color: #333333;
		margin-bottom: 30px;
	}
	.global-layout .name {
		font-size: 24px;
	}
	.global-layout .column2:last-child {
		margin-bottom: 0;
	}
	.global-layout .icon {
		display: inline-block;
		vertical-align: top;
		width: 18px;
		margin-right: 14px;
	}
	.global-layout .words {
		display: inline-block;
		vertical-align: top;
		font-size: 16px;
		color: #333333;
		width: calc(100% - 32px);
	}
	.global-layout .words2 {
		font-size: 16px;
		color: #333333;
		line-height: 28px;
	}
	.customer {
		padding: 100px 0 95px;
		background-color: #f4f4f4;
	}
	.customer .title {
		margin-bottom: 100px;
	}
	.cust-swiper .box {
		margin-bottom: 77px;
	}
	.cust-swiper .img-box {
		position: relative;
		text-align: center;
		overflow: hidden;
		margin-bottom: 10px;
	}
	.cust-swiper .img1 {
		position: relative;
		transition: all .3s;
	}
	.cust-swiper .img2 {
		position: absolute;
		top: 100%;
		left: 0;
		transition: all .3s;
	}
	.cust-swiper .name {
		font-size: 14px;
		color: #666666;
		text-align: center;
	}
	/* .cust-swiper .box:hover .img1 {

		transform: translateY(-100%);

	}



	.cust-swiper .box:hover .img2 {

		top: 0;

	} */
	.cust-swiper .swiper-pagination-bullet {
		background-color: #d2d2d2;
		opacity: 1;
	}
	.cust-swiper .swiper-pagination-bullet-active {
		background-color: #ffffff;
		box-shadow: 0 2px 5px rgba(0, 0, 0, .1);
	}
	.future-layout {
		padding: 70px 0 90px;
	}
	.futu-list {
		position: relative;
	}
	.futu-list::before {
		position: absolute;
		content: "";
		top: 28%;
		width: 100%;
		height: 1px;
		border-bottom: 1px dashed #dddddd;
		z-index: 0;
	}
	.futu-list .column {
		float: left;
		width: 25%;
		padding: 0 2%;
		text-align: center;
		position: relative;
	}
	.futu-list .name {
		font-size: 20px;
		color: #333333;
		font-weight: bold;
		margin: 33px 0 15px;
	}
	.futu-list .words {
		font-size: 16px;
		color: #333333;
		line-height: 28px;
	}
	.support {
		padding-top: 70px;
	}
	.supp-top {
		padding-bottom: 23px;
		border-bottom: 1px solid #dcdcdc;
		margin-bottom: 65px;
	}
	.supp-top .h1 {
		float: left;
		font-size: 30px;
		color: #333333;
		font-weight: bold;
	}
	.supp-top .nav-box {
		float: right;
		padding-right: 125px;
	}
	.supp-top .item {
		position: relative;
		display: inline-block;
		font-size: 18px;
		color: #666666;
		line-height: 30px;
		margin-right: 30px;
	}
	.supp-top .item:last-child {
		margin-right: 0;
	}
	.supp-top .item.on::before {
		position: absolute;
		content: "";
		bottom: -23px;
		left: 0;
		width: 100%;
		height: 2px;
		background-color: #14abd2;
	}
	.supp-video-box .title {
		font-size: 26px;
		color: #333333;
		font-weight: bold;
		margin-bottom: 60px;
		text-align: center;
	}
	.supp-video-box .column {
		padding: 0 160px;
	}
	.supp-video-box .prod-video {
		padding-bottom: 55px;
	}
	.supp-video-box .column2 {
		position: relative;
		float: left;
		width: 32%;
		margin-right: 2%;
		margin-bottom: 20px;
	}
	.supp-video-box .column2:nth-child(3n) {
		margin-right: 0;
	}
	.supp-video-box .suspend {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		padding: 45px 35px;
	}
	.supp-video-box .suspend .h1 {
		font-size: 20px;
		color: #ffffff;
		font-weight: bold;
		margin-bottom: 10px;
	}
	.supp-video-box .words {
		font-size: 16px;
		color: #ffffff;
		line-height: 24px;
	}
	.supp-video-box .play-icon {
		position: absolute;
		bottom: 30px;
		left: 40px;
		opacity: 0;
		transition: all .3s;
	}
	.supp-video-box .column2:hover .play-icon {
		opacity: 1;
	}
	.supp-video-box .more-box {
		text-align: center;
		margin-top: 80px;
	}
	.supp-video-box .more {
		display: inline-block;
		width: 200px;
		height: 52px;
		line-height: 50px;
		font-size: 16px;
		color: #333333;
		border: 1px solid #dfdfdf;
		border-radius: 30px;
	}
	.supp-video-box .tech-video {
		background-color: #f7f7f7;
		padding: 80px 0;
	}
	.supp-video-box .tech-video .wd2 {
		padding: 0 160px;
	}
	.solution-page .banner .suspen {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		text-align: center;
		padding-top: 18.2%;
	}
	.solution-page .banner .suspen .h1 {
		font-size: 60px;
		color: #ffffff;
		font-weight: bold;
		margin-bottom: 40px;
	}
	.solution-page .banner .suspen .h2 {
		font-size: 36px;
		color: #ffffff;
	}
	.solu {
		padding: 60px 0 25px;
		background-color: #eeeeee;
	}
	.solu-list .column {
		float: left;
		width: 24%;
		margin-right: 1.33%;
		margin-bottom: 60px;
		background-color: #ffffff;
		transition: all .3s;
	}
	.solu-list .column:nth-child(4n) {
		margin-right: 0;
	}
	.solu-list .img {
		position: relative;
	}
	.solu-list .suspend {
		display: none;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translateY(-50%);
		transform: translateX(-50%);
	}
	.solu-list .text {
		padding: 40px 50px 35px;
		text-align: center;
	}
	.solu-list .name {
		font-size: 24px;
		color: #333333;
		font-weight: bold;
		margin-bottom: 22px;
	}
	.solu-list .words {
		font-size: 16px;
		color: #333333;
		line-height: 28px;
		height: 84px;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 3;
		overflow: hidden;
	}
	.solu-list .more {
		display: inline-block;
		font-size: 16px;
		color: #00a7d3;
		border: 1px solid #00a7d3;
		padding: 11px 36px;
		border-radius: 20px;
		margin-top: 25px;
		transition: all .3s;
	}
	.solu-list .column:hover {
		box-shadow: 0 3px 10px rgba(0, 0, 0, .1);
	}
	.solu-list .column:hover .more {
		color: #ffffff;
		background-color: #00a7d3;
	}
	.solu2 .title {
		text-align: center;
	}
	.solu2 .title .h1 {
		font-size: 34px;
		color: #333333;
		font-weight: bold;
		margin-bottom: 18px;
	}
	.solu3 .intro {
		padding: 105px 0 130px;
		background-color: #f9f9f9;
	}
	.solu3 .intro .text {
		font-size: 24px;
		color: #666666;
		line-height: 44px;
		text-align: center;
		padding: 0 110px;
	}
	.solu3 .title {
		text-align: center;
	}
	.solu3 .scenes {
		padding: 105px 0 91px;
	}
	.solu3 .scenes .title {
		margin-bottom: 83px;
	}
	.solu3 .title .h1 {
		font-size: 38px;
		color: #333333;
	}
	.solu3 .scen-list .column {
		float: left;
		width: 48%;
		margin-right: 4%;
		margin-bottom: 47px;
		transition: all .3s;
	}
	.solu3 .scen-list .column:nth-child(2n) {
		margin-right: 0;
	}
	.solu3 .scen-list .text-box {
		border: 1px solid #e5e5e5;
		border-top: 0;
		padding: 25px;
		text-align: center;
	}
	.solu3 .scen-list .h1 {
		font-size: 28px;
		color: #333333;
		font-weight: bold;
		margin-bottom: 20px;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		transition: all .3s;
	}
	.solu3 .scen-list .text {
		font-size: 18px;
		color: #333333;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}
	.solu3 .scen-list .column:hover {
		box-shadow: 0 5px 20px rgba(0, 0, 0, .1);
	}
	.solu3 .scen-list .column:hover .h1 {
		color: #00b4de;
	}
	.solu3 .case {
		padding: 103px 0 45px;
		background-color: #f9f9f9;
	}
	.solu3 .case .title {
		margin-bottom: 60px;
	}
	.solu3 .case-list .column {
		float: left;
		width: 20%;
		padding: 0 10px;
		text-align: center;
		margin-bottom: 15px;
	}
	.rela-prod2 {
		padding: 103px 0 108px;
	}
	.rela-prod2 .title {
		margin-bottom: 97px;
	}
	.rela-prod2 .carousel {
		position: relative;
	}
	.rela-prod2 .swiper-button-prev,
	.rela-prod2 .swiper-button-next {
		width: 12px;
		height: 21px;
		background-size: cover;
		margin-top: -10px;
		transition: all .3s;
	}
	.rela-prod2 .swiper-button-prev {
		left: -120px;
		background-image: url(../Images/icon64.jpg);
	}
	.rela-prod2 .swiper-button-prev:hover {
		background-image: url(../Images/icon65-2.jpg);
	}
	.rela-prod2 .swiper-button-next {
		right: -120px;
		background-image: url(../Images/icon64-2.jpg);
	}
	.rela-prod2 .swiper-button-next:hover {
		background-image: url(../Images/icon65.jpg);
	}
	.rela-prod2 .swiper-slide {
		padding: 10px;
	}
	.rela-prod2 .box {
		display: block;
		border: 1px solid #e5e5e5;
		text-align: center;
		transition: all .3s;
	}
	.rela-prod2 .img {
		/*padding: 10px;*/
	}
	.rela-prod2 .text-box {
		border-top: 1px solid #e5e5e5;
		padding: 23px 25px 25px;
	}
	.rela-prod2 .name {
		font-size: 20px;
		color: #333333;
		margin-bottom: 16px;
	}
	.rela-prod2 .text {
		font-size: 16px;
		color: #999999;
		margin-bottom: 22px;
	}
	.rela-prod2 .detail {
		width: 125px;
		height: 38px;
		border: 1px solid #e5e5e5;
		background-color: #f9f9f9;
		font-size: 14px;
		color: #999999;
		line-height: 36px;
		text-align: center;
		margin: 0 auto;
		transition: all .3s;
	}
	.rela-prod2 .box:hover {
		box-shadow: 0 3px 12px rgba(0, 0, 0, .1);
	}
	.rela-prod2 .box:hover .detail {
		color: #ffffff;
		background-color: #2b9dd9;
		border: 1px solid #2b9dd9;
	}
	.solu3 .app-solu {
		padding: 115px 0 128px;
	}
	.solu3 .app-solu .title {
		margin-bottom: 76px;
	}
	.solu3 .solu-list2 .column {
		position: relative;
		float: left;
		width: 32%;
		margin-right: 2%;
		margin-bottom: 32px;
	}
	.solu3 .solu-list2 .column:nth-child(3n) {
		margin-right: 0;
	}
	.solu3 .solu-list2 .h1 {
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		font-size: 28px;
		color: #f6f6f6;
		line-height: 38px;
		text-align: center;
		padding: 37px;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		transition: all .3s;
	}
	.solu3 .solu-list2 .suspen {
		position: absolute;
		top: 100%;
		left: 0;
		width: 100%;
		height: 100%;
		text-align: center;
		padding-top: 30%;
		background-color: rgba(54, 62, 72, .6);
		transition: all .3s;
	}
	.solu3 .solu-list2 .h2 {
		font-size: 28px;
		color: #f6f6f6;
		margin-bottom: 40px;
	}
	.solu3 .solu-list2 .detail {
		display: inline-block;
		font-size: 18px;
		color: #ffffff;
		line-height: 34px;
		padding: 0 10px;
		border: 2px solid #ffffff;
	}
	.solu3 .solu-list2 .column:hover .h1 {
		opacity: 0;
	}
	.solu3 .solu-list2 .column:hover .suspen {
		top: 0;
	}
	.solu3 .rela-prod3 {
		padding: 60px 0 97px;
		background-color: #f9f9f9;
	}
	.solu3 .rela-prod3 .box {
		background-color: #ffffff;
	}
	.solu3 .story2 {
		padding: 94px 0 124px;
	}
	.solu3 .story2 .title {
		margin-bottom: 84px;
	}
	.solu3 .story2 .column {
		float: left;
		width: 48%;
		margin-right: 4%;
		transition: all .3s;
	}
	.solu3 .story2 .column:nth-child(2n) {
		margin-right: 0;
	}
	.solu3 .story2 .text-box {
		padding: 27px 50px 32px 31px;
		border: 1px solid #e5e5e5;
	}
	.solu3 .story2 .column .h1 {
		font-size: 20px;
		color: #333333;
		margin-bottom: 18px;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}
	.solu3 .story2 .text {
		font-size: 17px;
		color: #666666;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}
	.solu3 .story2 .column:hover {
		box-shadow: 0 5px 15px rgba(0, 0, 0, .1);
	}
	.solu3 .scenes2 {
		padding: 109px 0 52px;
		background-color: #f9f9f9;
	}
	.solu3 .scen-list2 .column {
		width: 23%;
		margin-right: 2.66%;
	}
	.solu3 .scen-list2 .column:nth-child(2n) {
		margin-right: 2.66%;
	}
	.solu3 .scen-list2 .column:nth-child(4n) {
		margin-right: 0;
	}
	.solu3 .scen-list2 .text-box {
		padding: 59px 25px;
	}
	.solu3 .scen-list2 .h1 {
		font-size: 20px;
		margin-bottom: 29px;
	}
	.solu3 .scen-list2 .text {
		font-size: 14px;
	}
	.solu3 .hard-solu {
		padding: 104px 0 20px;
	}
	.solu3 .hard-solu .title {
		margin-bottom: 92px;
	}
	.solu3 .hard-solu .column {
		margin-bottom: 90px;
		padding-left: 40px;
	}
	.solu3 .hard-solu a {
		display: block;
	}
	.solu3 .hard-solu .img {
		float: left;
		width: 500px;
	}
	.solu3 .hard-solu .text-box {
		float: left;
		width: calc(100% - 500px);
		padding-left: 57px;
		padding-right: 40px;
	}
	.solu3 .hard-solu .column .h1 {
		font-size: 30px;
		color: #010101;
		margin-bottom: 10px;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}
	.solu3 .hard-solu .text {
		font-size: 16px;
		color: #333333;
		line-height: 30px;
		margin-bottom: 27px;
		text-overflow: ellipsis;
		overflow: hidden;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
	}
	.solu3 .hard-solu .detail {
		display: inline-block;
		font-size: 16px;
		color: #ffffff;
		line-height: 38px;
		padding: 0 15px;
		background-color: #2b9dd9;
	}
	.solu3 .hard-solu .column:nth-child(2n) .img {
		float: right;
	}
	.solu3 .hard-solu .column:nth-child(2n) .text-box {
		padding-left: 40px;
		padding-right: 57px;
		text-align: right;
	}
	.solu3 .soft-solu {
		padding: 74px 0 84px;
		background-color: #f9f9f9;
	}
	.solu3 .soft-solu .title {
		margin-bottom: 85px;
	}
	.solu3 .soft-solu .column {
		float: left;
		width: 11%;
		text-align: center;
		margin-right: 6.8%;
	}
	.solu3 .soft-solu .column:nth-child(6n) {
		margin-right: 0;
	}
	.solu3 .soft-solu .name {
		font-size: 16px;
		color: #333333;
		line-height: 22px;
		margin-top: 26px;
	}
	.solu3 .soft-solu .detail {
		display: block;
		width: 245px;
		font-size: 22px;
		color: #828282;
		line-height: 51px;
		border: 2px solid #e5e5e5;
		border-radius: 27px;
		margin: 0 auto;
		margin-top: 50px;
		text-align: center;
	}
	.retai {
		padding: 80px 120px 20px;
	}
	.retai .words {
		font-size: 18px;
		color: #333333;
		line-height: 36px;
		text-align: center;
		/* padding: 0 180px; */
	}
	.retai-list {
		margin-top: 75px;
	}
	.retai-list .column {
		float: left;
		width: 29%;
		margin-right: 6.5%;
		margin-bottom: 50px;
		background-color: #f9f9f9;
		transition: all .3s;
	}
	.retai-list .column:nth-child(3n) {
		margin-right: 0;
	}
	.retai-list .text {
		padding: 40px 40px 50px;
		text-align: center;
	}
	.retai-list .name {
		font-size: 20px;
		color: #333333;
		font-weight: bold;
		margin-bottom: 25px;
		transition: all .3s;
	}
	.retai-list .words2 {
		font-size: 14px;
		color: #333333;
		line-height: 24px;
		height: 48px;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
		overflow: hidden;
	}
	.retai-list .column:hover {
		box-shadow: 0 5px 12px rgba(0, 0, 0, .1);
	}
	.retai-list .column:hover .name {
		color: #00a7d2;
	}
	.solu2 .title .h2 {
		font-size: 20px;
		color: #333333;
	}
	.story {
		padding: 80px 0 65px;
		background-color: #f9f9f9;
	}
	.story-wrap {
		padding: 0 120px;
	}
	.story .title {
		margin-bottom: 60px;
	}
	.story-list .column {
		float: left;
		width: 48%;
		margin-right: 4%;
		position: relative;
		transition: all .3s;
		margin-bottom: 0.2rem;
	}
	.story-list .column:nth-child(2n) {
		margin-right: 0;
	}
	.story-list .text {
		padding: 30px;
		background-color: #ffffff;
	}
	.story-list .h1 {
		font-size: 20px;
		color: #333333;
		margin-bottom: 18px;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
	.story-list .words {
		font-size: 17px;
		color: #666666;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
	.story-list .icon {
		position: absolute;
		right: 40px;
		bottom: 50px;
		width: 27px;
		height: 21px;
		background-image: url(../Images/icon58.jpg);
		background-size: cover;
		transition: all .3s;
	}
	.story-list .column:hover {
		box-shadow: 0 3px 10px rgba(0, 0, 0, .1);
	}
	.story-list .column:hover .icon {
		background-image: url(../Images/icon59.png);
	}
	.story-list .more-box {
		margin-top: 70px;
		text-align: center;
	}
	.story-list .more {
		display: inline-block;
		font-size: 16px;
		color: #333333;
		border: 1px solid #dfdfdf;
		padding: 19px 72px;
		border-radius: 35px;
		transition: all .3s;
	}
	.rela-prod {
		padding: 80px 0 90px;
	}
	.rela-prod .title {
		margin-bottom: 70px;
	}
	.rela-prod .column {
		float: left;
		width: 32%;
		margin-right: 2%;
		margin-bottom: 0.2rem;
	}
	.rela-prod .column:nth-child(3n) {
		margin-right: 0;
	}
	.rela-prod .img {
		text-align: center;
		border: 1px solid #e5e5e5;
	}
	.rela-prod .text {
		padding: 20px 40px 25px;
		border: 1px solid #e5e5e5;
		border-top: 0;
	}
	.rela-prod-list .h2 {
		font-size: 16px;
		color: #999999;
		margin-bottom: 14px;
	}
	.rela-prod-list .h1 {
		font-size: 20px;
		color: #333333;
	}
	.rela-prod-list .column .more {
		display: inline-block;
		margin-top: 45px;
		padding: 12px 33px;
		border: 1px solid #e5e5e5;
		background-color: #f9f9f9;
		font-size: 14px;
		color: #999999;
		transition: all .3s;
	}
	.rela-prod-list .column:hover .more {
		color: #ffffff;
		background-color: #00a7d3;
		border: 1px solid #00a7d3;
	}
	.rela-prod-list .more-box {
		margin-top: 70px;
		text-align: center;
	}
	.rela-prod-list .more-box .more {
		display: inline-block;
		font-size: 16px;
		color: #333333;
		border: 1px solid #dfdfdf;
		padding: 19px 72px;
		border-radius: 35px;
		transition: all .3s;
	}
	.search {
		padding: 70px 0 50px;
		background-color: #f6f6f6;
	}
	.search .search-wrap {
		padding: 0 120px;
	}
	.search .title {
		margin-bottom: 25px;
	}
	.search .title .h1 {
		font-size: 24px;
		color: #666666;
		margin-bottom: 35px;
	}
	.search .title .icon {
		display: inline-block;
		width: 20px;
		height: 2px;
		background-color: #666666;
	}
	.search .form {
		width: 570px;
		height: 60px;
		padding: 0 60px;
		margin: 0 auto;
		background-color: #ffffff;
		border: 2px solid #e5e5e5;
		border-radius: 30px;
		font-size: 0;
	}
	.search .text {
		display: inline-block;
		vertical-align: top;
		width: calc(100% - 25px);
		height: 56px;
	}
	.search .submit {
		display: inline-block;
		vertical-align: top;
		width: 25px;
		height: 25px;
		background-image: url(../Images/icon60.jpg);
		background-size: cover;
		font-size: 0;
		cursor: pointer;
		margin-top: 15px;
	}
	.groun {
		padding: 80px 0 95px;
		background-color: #f9f9f9;
	}
	.groun .words {
		font-size: 20px;
		color: #333333;
		line-height: 38px;
		text-align: center;
	}
	.groun-list {
		margin-top: 75px;
	}
	.groun-list .column {
		float: left;
		width: 32%;
		margin-right: 2%;
		background-color: #ffffff;
		padding: 50px 40px 88px;
	}
	.groun-list .column:nth-child(3n) {
		margin-right: 0;
	}
	.groun-list .icon {
		text-align: center;
		margin-bottom: 18px;
	}
	.groun-list .name {
		font-size: 20px;
		color: #333333;
		font-weight: bold;
		margin-bottom: 60px;
		text-align: center;
	}
	.groun-list .words2 {
		font-size: 16px;
		color: #666666;
		line-height: 28px;
	}
	.scene {
		padding: 70px 0;
	}
	.scene .title {
		margin-bottom: 70px;
	}
	.scene .carousel {
		position: relative;
		padding: 0 120px;
	}
	.scene .column {
		background-color: #f9f9f9;
		transition: all .3s;
	}
	.scene .text {
		padding: 40px 40px 50px;
		text-align: center;
		background-color: #f9f9f9;
	}
	.scene .name {
		font-size: 20px;
		color: #333333;
		font-weight: bold;
		margin-bottom: 25px;
		transition: all .3s;
	}
	.scene .words2 {
		font-size: 14px;
		color: #333333;
		line-height: 24px;
		height: 48px;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
		overflow: hidden;
	}
	.scene .swiper-slide:hover {
		box-shadow: 0 5px 12px rgba(0, 0, 0, .1);
	}
	.scene .swiper-slide:hover .name {
		color: #00a7d2;
	}
	.scene .push-button {
		width: 12px;
		height: 21px;
		background-size: cover;
		transition: all .3s;
	}
	.scene .swiper-button-prev {
		background-image: url(../Images/icon64.jpg);
	}
	.scene .swiper-button-next {
		background-image: url(../Images/icon64-2.jpg);
	}
	.scene .swiper-button-prev:hover {
		background-image: url(../Images/icon65-2.jpg);
	}
	.scene .swiper-button-next:hover {
		background-image: url(../Images/icon65.jpg);
	}
	.contact-page .banner .suspen {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		text-align: center;
		padding-top: 18.2%;
	}
	.contact-page .banner .suspen .h1 {
		font-size: 60px;
		color: #ffffff;
		font-weight: bold;
		margin-bottom: 40px;
	}
	.contact-page .banner .suspen .h2 {
		font-size: 36px;
		color: #ffffff;
	}
	.map-box {
		padding: 105px 0 80px;
	}
	.map-box .map {
		float: left;
		width: 48%;
	}
	.map-box .r-box {
		float: left;
		width: 52%;
		padding-left: 60px;
	}
	.map-box .h1 {
		font-size: 26px;
		color: #00a7d3;
		padding-bottom: 39px;
		border-bottom: 1px solid #dcdcdc;
		margin-bottom: 70px;
	}
	.map-box .h2 {
		font-size: 20px;
		color: #333333;
		font-weight: bold;
		margin-bottom: 95px;
	}
	.map-box .column {
		float: left;
		width: 35%;
		font-size: 0;
		margin-bottom: 40px;
	}
	.map-box .column:nth-child(2n) {
		width: 65%;
	}
	.map-box .icon {
		display: inline-block;
		vertical-align: top;
		width: 20px;
	}
	.map-box .text {
		display: inline-block;
		vertical-align: top;
		width: calc(100% - 20px);
		padding-left: 13px;
	}
	.map-box .name {
		display: block;
		font-size: 20px;
		color: #666666;
		margin-bottom: 13px;
	}
	.map-box .words {
		display: block;
		font-size: 20px;
		color: #333333;
		line-height: 40px;
	}
	.addr-box .column {
		float: left;
		width: 31%;
		margin-right: 3.5%;
		margin-bottom: 40px;
		background-color: #f5f5f5;
		padding: 60px 45px 45px;
		background-image: url(../Images/img74.jpg);
		background-position: 90% 90%;
		background-repeat: no-repeat;
		border-radius: 15px;
	}
	.addr-box .column:nth-child(3n) {
		margin-right: 0;
	}
	.addr-box .h1 {
		font-size: 20px;
		color: #333333;
		font-weight: bold;
		margin-bottom: 27px;
		padding-left: 40px;
		background-image: url(../Images/icon69.png);
		background-position: left center;
		background-repeat: no-repeat;
	}
	.addr-box .words {
		font-size: 18px;
		color: #666666;
		line-height: 30px;
		min-height: 60px;
	}
	.feed-box {
		padding: 110px 0 100px;
		background-color: #f5f5f5;
	}
	.feed-box .h1 {
		font-size: 40px;
		color: #333333;
		font-weight: bold;
		margin-bottom: 90px;
		text-align: center;
	}
	.feed-form {
		max-width: 1120px;
		width: 100%;
		margin: 0 auto;
	}
	.feed-form .column {
		float: left;
		width: 48%;
		margin-right: 4%;
		margin-bottom: 40px;
	}
	.feed-form .box .column:nth-child(2n) {
		margin-right: 0;
	}
	.feed-form .column2 {
		float: none;
		width: 100%;
		margin-right: 0;
	}
	.feed-form .top-name {
		margin-bottom: 10px;
	}
	.feed-form .sign {
		display: inline-block;
		vertical-align: top;
		font-size: 16px;
		color: #f01616;
	}
	.feed-form .name {
		font-size: 16px;
		color: #333333;
	}
	.feed-form .text {
		width: 100%;
		height: 60px;
		font-size: 14px;
		color: #888888;
		padding: 0 10px;
	}
	.feed-form .area {
		font-size: 14px;
		color: #888888;
		padding: 30px;
		height: 215px;
		font-family: Microsoft YaHei;
	}
	.feed-form .push-button {
		margin-top: 80px;
		text-align: center;
	}
	.feed-form .btn {
		display: inline-block;
		vertical-align: top;
		margin: 0 15px;
		width: 160px;
		height: 50px;
		line-height: 50px;
		font-size: 14px;
		color: #ffffff;
		cursor: pointer;
	}
	.feed-form .submit {
		background-color: #00a7d3;
	}
	.feed-form .reset {
		background-color: #535353;
	}
	.feed-form .sele {
		background-image: url(../Images/icon70.jpg);
		background-position: 97% center;
		background-repeat: no-repeat;
	}
	.stren-page .banner .suspen {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		text-align: center;
		padding-top: 18.2%;
	}
	.stren-page .banner .suspen .h1 {
		font-size: 60px;
		color: #ffffff;
		font-weight: bold;
		margin-bottom: 40px;
	}
	.stren-page .banner .suspen .h2 {
		font-size: 36px;
		color: #ffffff;
	}
	.stren-box .title {
		text-align: center;
	}
	.stren-box .title .h1 {
		font-size: 30px;
		color: #333333;
		font-weight: bold;
		margin-bottom: 20px;
	}
	.stren-box .title .h2 {
		font-size: 22px;
		color: #666666;
	}
	.softw {
		padding: 95px 0 120px;
	}
	.softw .title {
		margin-bottom: 80px;
	}
	.softw-list .column {
		float: left;
		width: 33.33%;
		padding: 0 5%;
		text-align: center;
	}
	.softw-list .words {
		line-height: 1.4;
		font-size: 14px;
	}
	.softw-list .icon {
		transition: all .5s;
	}
	.softw-list .column:hover .icon {
		transform: rotateY(180deg);
	}
	.softw-list .name {
		font-size: 24px;
		color: #333333;
		font-weight: bold;
		margin: 35px 0 18px;
	}
	.softw-list .words {
		font-size: 16px;
		color: #666666;
	}
	.innov {
		padding: 75px 0 80px;
		background-color: #f8f8f8;
	}
	.innov .title {
		margin-bottom: 85px;
	}
	.innov-list {
		margin-bottom: 70px;
	}
	.innov-list .column {
		float: left;
		width: 33.33%;
		padding: 0 5%;
		text-align: center;
	}
	.innov-list .icon {
		margin-bottom: 27px;
		transition: all .5s;
	}
	.innov-list .words {
		font-size: 20px;
		color: #333333;
		line-height: 35px;
	}
	.innov-list .column:hover .icon {
		transform: rotateY(180deg);
	}
	.innov .bot-box {
		background-size: cover;
		padding: 85px 0 80px;
		text-align: center;
	}
	.innov .column2 {
		display: inline-block;
		vertical-align: top;
		padding: 20px 150px 10px;
	}
	.innov .column2:nth-child(1) {
		border-right: 1px dashed rgba(255, 255, 255, .6);
	}
	.innov .top {
		font-size: 60px;
		color: #ffffff;
		font-weight: bold;
		margin-bottom: 40px;
	}
	.innov .words2 {
		font-size: 24px;
		color: #ffffff;
	}
	.quali {
		padding: 80px 0;
	}
	.quali .title {
		margin-bottom: 90px;
	}
	.quali-list .column {
		float: left;
		width: 23%;
		margin-right: 2%;
		background-color: #f8f8f8;
		background-image: url(../Images/img77.jpg);
		background-position: top center;
		background-repeat: no-repeat;
		background-size: 100% auto;
		padding: 60px 50px 45px;
		transition: all .3s;
	}
	.quali-list .column:hover {
		margin-top: -20px;
	}
	.quali-list .column:nth-child(4n) {
		margin-right: 0;
	}
	.quali-list .name {
		font-size: 20px;
		color: #00081d;
		font-weight: bold;
		margin: 44px 0 16px;
	}
	.quali-list .words {
		font-size: 16px;
		color: #333333;
		line-height: 28px;
		min-height: 56px;
	}
	.manu {
		background-color: #f8f8f8;
		padding: 75px 0 130px;
	}
	.manu .title {
		margin-bottom: 80px;
	}
	.manu .text-box {
		float: left;
		width: 45%;
		padding-top: 80px;
	}
	.manu .img-box {
		float: left;
		width: 55%;
	}
	.manu .top-box {
		font-size: 0;
		margin-bottom: 65px;
	}
	.manu .column {
		display: inline-block;
		vertical-align: top;
		width: 50%;
		font-size: 22px;
		color: #333333;
		margin-bottom: 65px;
		padding-left: 85px;
	}
	.manu .bot-box {
		font-size: 0;
	}
	.manu .column2 {
		display: inline-block;
		vertical-align: top;
		width: 50%;
		text-align: center;
	}
	.manu .number-box {
		font-size: 60px;
		color: #00a7d3;
		font-weight: bold;
		margin-bottom: 30px;
	}
	.manu .words {
		font-size: 24px;
		color: #333333;
	}
	.recruit-page .banner .suspen {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		text-align: center;
		padding-top: 18.2%;
	}
	.recruit-page .banner .suspen .h1 {
		font-size: 60px;
		color: #ffffff;
		font-weight: bold;
		margin-bottom: 40px;
	}
	.recruit-page .banner .suspen .h2 {
		font-size: 36px;
		color: #ffffff;
	}
	.recru-box {
		padding: 75px 0 110px;
	}
	.recru-box .title {
		text-align: center;
		margin-bottom: 60px;
	}
	.recru-box .title .h1 {
		font-size: 30px;
		color: #333333;
		font-weight: bold;
		margin-bottom: 20px;
	}
	.recru-box .title .h2 {
		font-size: 22px;
		color: #666666;
	}
	.recru-box .recru-wrap {
		padding: 0 150px;
	}
	.recru-form {
		max-width: 995px;
		width: 100%;
		height: 90px;
		border: 1px solid #f3f3f3;
		margin: 0 auto;
		margin-bottom: 50px;
		padding: 0 55px;
		font-size: 0;
		box-shadow: 0 3px 10px rgba(0, 0, 0, .1);
	}
	.recru-form .text {
		width: calc(100% - 130px);
		height: 48px;
		font-size: 20px;
		color: #cdcdcd;
		margin-top: 20px;
		font-family: Microsoft YaHei;
	}
	.recru-form .submit {
		width: 130px;
		height: 48px;
		font-size: 20px;
		color: #ffffff;
		background-color: #14abd2;
		border-radius: 24px;
		margin-top: 20px;
		cursor: pointer;
	}
	.recru-nav {
		padding: 0 70px;
		margin-bottom: 70px;
	}
	.recru-nav .column {
		font-size: 0;
		margin-bottom: 40px;
	}
	.recru-nav .name {
		display: inline-block;
		vertical-align: top;
		font-size: 20px;
		color: #666666;
		width: 110px;
		line-height: 56px;
	}
	.recru-nav .box {
		display: inline-block;
		vertical-align: top;
		width: calc(100% - 150px);
		font-size: 0;
		margin-left: 40px;
	}
	.recru-nav .item {
		display: inline-block;
		vertical-align: top;
		font-size: 20px;
		color: #333333;
		line-height: 56px;
		margin: 0 30px;
	}
	.recru-nav .item.on {
		color: #14abd2;
	}
	.recru-table .column {
		font-size: 0;
	}
	.recru-table .top-box {
		background-color: #14abd2;
	}
	.recru-table .name {
		display: inline-block;
		vertical-align: top;
		width: 16.66%;
		font-size: 20px;
		color: #ffffff;
		line-height: 70px;
		text-align: center;
	}
	.recru-list .column:nth-child(2n) {
		background-color: #f7f7f7;
	}
	.recru-table .h1 {
		display: inline-block;
		vertical-align: top;
		font-size: 18px;
		color: #333333;
		width: 16.66%;
		line-height: 80px;
		text-align: center;
	}
	.recru-table .down {
		display: inline-block;
		vertical-align: top;
		width: 28px;
		height: 28px;
		background-image: url(../Images/icon83.png);
		background-size: cover;
		margin-top: 30px;
	}
	.recru-table .column.on .down {
		background-image: url(../Images/icon84.png);
	}
	.recru-table .drop-down {
		display: none;
		border-top: 1px solid #e5e5e5;
	}
	.recru-table .words {
		font-size: 16px;
		color: #666666;
		line-height: 36px;
		padding: 25px 70px 50px;
	}
	.recru-table .resu-box {
		border-top: 1px solid #e5e5e5;
		padding: 37px 0;
	}
	.recru-table .link-resu {
		display: inline-block;
		vertical-align: top;
		width: 130px;
		height: 40px;
		line-height: 40px;
		font-size: 16px;
		color: #ffffff;
		text-align: center;
		background-color: #14abd2;
		margin-left: 70px;
	}
	.recru-table .on .drop-down {
		display: block;
	}
	.serv2 {
		padding: 85px 0;
	}
	.serv2 .supp-top {
		margin-bottom: 85px;
	}
	.serv-form {
		max-width: 860px;
		margin: 0 auto;
		font-size: 0;
		border-radius: 35px;
		overflow: hidden;
		box-shadow: 0 5px 15px rgba(0, 0, 0, .1);
	}
	.serv-form .text {
		width: calc(100% - 193px);
		height: 70px;
		padding: 0 95px;
		font-size: 18px;
		color: #999999;
		vertical-align: top;
	}
	.serv-form .submit {
		width: 193px;
		height: 70px;
		font-size: 18px;
		color: #ffffff;
		background-color: #769df5;
	}
	.serv2 .text-img {
		text-align: center;
	}
	.serv3 {
		padding: 75px 0 80px;
	}
	.serv3 .supp-top {
		margin-bottom: 40px;
	}
	.serv3 .text-img {
		text-align: center;
	}
	.serv3 .text-box .h1 {
		font-size: 24px;
		color: #333333;
		font-weight: bold;
	}
	.serv3 .text-box .h2 {
		font-size: 18px;
		color: #333333;
		font-weight: bold;
	}
	.serv3 .text-box .words {
		font-size: 16px;
		color: #666666;
		line-height: 36px;
	}
	.serv4 {
		padding: 75px 0 0;
	}
	.serv4 .supp-top {
		margin-bottom: 60px;
	}
	.serv4 .title {
		text-align: left;
	}
	.outle .title {
		margin-bottom: 105px;
	}
	.outle .title .h1 {
		font-size: 18px;
		color: #333333;
		font-weight: bold;
	}
	.outle .title .h1 a {
		color: #00a7d3;
	}
	.outle .outle-map {
		margin-bottom: 70px;
	}
	.outle .outle-map .map {
		float: left;
		max-width: 970px;
		width: 100%;
	}
	.outle .outle-map .outle-list {
		float: left;
		max-width: calc(100% - 970px);
		width: 100%;
		padding-left: 80px;
	}
	.outle .outle-map .outle-list .column {
		max-width: 370px;
		width: 100%;
		margin-right: 0;
		margin-bottom: 40px;
	}
	.outle .outle-map .outle-list .column:last-child {
		margin-bottom: 0;
	}
	.outle-list .column {
		float: left;
		width: 23.5%;
		margin-right: 2%;
		margin-bottom: 70px;
		border: 1px solid #e6e6e6;
	}
	.outle-list .column:nth-child(4n) {
		margin-right: 0;
	}
	.outle-list .h1 {
		font-size: 18px;
		color: #14abd2;
		font-weight: bold;
		line-height: 60px;
		padding: 0 40px 0 75px;
		background-image: url(../Images/icon87.jpg);
		background-position: 40px center;
		background-repeat: no-repeat;
		border-bottom: 1px dashed #eeeeee;
	}
	.outle-list .words {
		font-size: 16px;
		color: #666666;
		line-height: 40px;
		padding: 30px 40px;
	}
	.sales-box {
		padding: 70px 0;
		background-color: #f7f7f7;
	}
	.sales-box .title {
		margin-bottom: 50px;
	}
	.sales-list .column {
		float: left;
		width: 30%;
		margin-right: 5%;
		background-color: #ffffff;
		text-align: center;
		padding: 80px;
	}
	.sales-list .column:nth-child(3n) {
		margin-right: 0;
	}
	.sales-list .h1 {
		font-size: 18px;
		color: #333333;
		font-weight: bold;
		margin-top: 35px;
	}
	.inves-page .banner .suspen {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		text-align: center;
		padding-top: 18.2%;
	}
	.inves-page .banner .suspen .h1 {
		font-size: 60px;
		color: #ffffff;
		font-weight: bold;
		margin-bottom: 40px;
	}
	.inves-page .banner .suspen .h2 {
		font-size: 36px;
		color: #ffffff;
	}
	.inves {
		padding: 75px 0 0;
	}
	.inves .title {
		margin-bottom: 105px;
	}
	.notice-list .column {
		float: left;
		width: 47%;
		margin-right: 6%;
		margin-bottom: 120px;
	}
	.notice-list .column:nth-child(2n) {
		margin-right: 0;
	}
	.notice-list .h1 {
		font-size: 20px;
		color: #ffffff;
		line-height: 70px;
		font-weight: bold;
		padding: 0 45px;
		background-color: #14abd2;
	}
	.notice-list .box .item {
		display: block;
		font-size: 16px;
		color: #666666;
		line-height: 60px;
		padding: 0 120px;
		background-image: url(../Images/icon88.png);
		background-position: 45px center;
		background-repeat: no-repeat;
		border-bottom: 1px solid #e5e5e5;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
	.notice-list .box .news-item {
		background-image: url(../Images/new.png);
		padding-right: 0;
	}
	.notice-list .box .news-item .title {
		display: inline-block;
		vertical-align: top;
		width: calc(100% - 95px);
		margin-bottom: 0;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
	.notice-list .box .news-item .time {
		display: inline-block;
		vertical-align: top;
		width: 80px;
	}
	.notice-list .nav {
		text-align: right;
		margin-top: 45px;
	}
	.notice-list .nav .item {
		display: inline-block;
		vertical-align: top;
		width: 42px;
		height: 42px;
		line-height: 42px;
		text-align: center;
		font-size: 16px;
		color: #666666;
		background-color: #e8e8e8;
		margin-right: 4px;
		transition: all .3s;
	}
	.notice-list .nav .item:last-child {
		margin-right: 0;
	}
	.notice-list .nav .item.on {
		color: #ffffff;
		background-color: #14abd2;
	}
	.notice-list .nav .item.not {
		width: auto;
		padding: 0 10px;
	}
	.notice-list .box .item:hover {
		background-image: url(../Images/icon88.png), url(../images/icon89.png);
		background-position: 45px center, 96% center;
		background-repeat: no-repeat, no-repeat;
		background-color: #f2fafc;
	}
	.notice-list .box .news-item:hover {
		background-image: url(../Images/new.png);
		background-position: 45px center;
	}
	.hotli {
		margin-bottom: 90px;
		box-shadow: 0 5px 12px rgba(0, 0, 0, .1);
	}
	.hotli .img {
		float: left;
		width: 44%;
	}
	.hotli .text {
		float: left;
		width: 56%;
		padding: 60px 100px;
	}
	.hotli .h1 {
		font-size: 26px;
		color: #333333;
		font-weight: bold;
		margin-bottom: 30px;
	}
	.hotli .line-icon {
		display: inline-block;
		vertical-align: top;
		width: 45px;
		height: 2px;
		background-color: #14abd2;
		margin-bottom: 65px;
	}
	.hotli .column {
		font-size: 0;
		margin-bottom: 30px;
	}
	.hotli .column:last-child {
		margin-bottom: 0;
	}
	.hotli .icon {
		display: inline-block;
		vertical-align: top;
		width: 22px;
		margin-right: 25px;
	}
	.hotli .words {
		display: inline-block;
		vertical-align: top;
		width: calc(100% - 47px);
		line-height: 22px;
		font-size: 16px;
		color: #333333;
	}
	.inves2 {
		background-color: #f7f7f7;
	}
	.inves2 .supp-top {
		margin-bottom: 0;
	}
	.inves2 .title {
		text-align: center;
		margin-bottom: 80px;
	}
	.inves2 .title .h1 {
		font-size: 24px;
		color: #333333;
		font-weight: bold;
	}
	.inves-list .column {
		padding: 70px 0 60px;
	}
	.inves-list .column:nth-child(2n) {
		background-color: #ffffff;
	}
	.inves-list .column:nth-child(2n) .column2 {
		background-color: #f9f9f9;
	}
	.inves-list .column:nth-child(2n) .words {
		line-height: 30px;
	}
	.inves-list .column2 {
		float: left;
		width: 31%;
		margin-right: 3.5%;
		background-color: #ffffff;
		border-radius: 15px;
		margin-bottom: 30px;
		padding-bottom: 30px;
	}
	.inves-list .column2:nth-child(3n) {
		margin-right: 0;
	}
	.inves-list .column2 .more {
		color: #00a7d3;
		border: 1px solid #00a7d3;
	}
	.inves-list .column2 .more:hover {
		color: #ffffff;
		background-color: #00a7d3;
	}
	.direc-list .h1 {
		font-size: 18px;
		color: #333333;
		font-weight: bold;
		line-height: 65px;
		border-bottom: 1px solid #f4f4f4;
		position: relative;
		padding: 0 45px;
	}
	.direc-list .h1::before {
		content: "";
		position: absolute;
		left: 0;
		top: 50%;
		margin-top: -15px;
		width: 5px;
		height: 30px;
		background-color: #14abd2;
		border-radius: 3px;
	}
	.direc-list .words {
		height: 168px;
		font-size: 16px;
		color: #666666;
		line-height: 32px;
		padding: 0 45px;
		margin: 27px 0 30px;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 5;
		overflow: hidden;
	}
	.inves-list .more-box {
		text-align: center;
		margin-top: 10px;
	}
	.inves-list .more {
		display: block;
		width: 200px;
		height: 52px;
		line-height: 50px;
		font-size: 16px;
		color: #333333;
		border: 1px solid #dfdfdf;
		border-radius: 30px;
		text-align: center;
		margin: 0 auto;
	}
	.camp-recr .title {
		text-align: center;
	}
	.camp-recr .title .h1 {
		display: inline-block;
		vertical-align: top;
		font-size: 28px;
		color: #3f84ee;
		line-height: 36px;
		font-weight: bold;
		padding: 0 100px;
		background-image: url(../Images/icon93.png), url(../images/icon94.png);
		background-position: left center, right center;
		background-repeat: no-repeat, no-repeat;
	}
	.hot-posit {
		padding: 90px 0 260px;
	}
	.camp-recr .title {
		margin-bottom: 70px;
	}
	.hot-posit-wrap {
		padding: 0 180px;
	}
	.propa-video {
		margin-bottom: 124px;
		position: relative;
	}
	.propa-video>img {
		width: 100%;
	}
	.propa-video .suspen {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		text-align: center;
	}
	.propa-video .name {
		font-size: 24px;
		color: #ffffff;
		margin-top: 25px;
	}
	.posit-list .column {
		float: left;
		width: 24%;
		margin-right: 1.33%;
		padding: 35px 0;
		text-align: center;
		background-color: #f0f5ff;
		border-radius: 10px;
	}
	.posit-list .column:nth-child(4n) {
		margin-right: 0;
	}
	.posit-list .icon {
		display: inline-block;
		vertical-align: top;
		width: 103px;
		height: 103px;
		line-height: 103px;
		background-color: #ffffff;
		border-radius: 50%;
		overflow: hidden;
		box-shadow: 0 0 29px rgba(20, 80, 170, .23);
	}
	.posit-list .name {
		font-size: 18px;
		color: #00225e;
		margin: 35px 0 20px;
	}
	.posit-list .wages {
		font-size: 18px;
		color: #307ef4;
		margin-bottom: 40px;
	}
	.posit-list .but {
		display: inline-block;
		vertical-align: top;
		width: 157px;
		height: 45px;
		line-height: 45px;
		font-size: 16px;
		color: #ffffff;
		background-image: url(../Images/icon95.png);
		background-size: cover;
	}
	.hot-posit .more-box {
		text-align: center;
		margin-top: 85px;
	}
	.hot-posit .more {
		display: inline-block;
		vertical-align: top;
		width: 250px;
		height: 52px;
		line-height: 52px;
		font-size: 16px;
		color: #ffffff;
		background-image: url(../Images/icon100.png);
		background-size: cover;
		padding-right: 3%;
	}
	.techn {
		padding: 85px 0 0;
		min-height: 790px;
		margin-bottom: 90px;
	}
	.techn .title {
		margin-bottom: 60px;
	}
	.techn .title .h1 {
		color: #ffffff;
		background-image: url(../Images/icon106.png), url(../images/icon107.png);
		background-position: left center, right center;
		background-repeat: no-repeat, no-repeat;
	}
	.techn .words {
		font-size: 18px;
		color: #ffffff;
		line-height: 40px;
		text-align: center;
		margin-bottom: 80px;
	}
	.techn-list .column {
		float: left;
		width: 20%;
		padding: 0 2%;
		text-align: center;
		position: relative;
	}
	.techn-list .column:last-child::before {
		display: none;
	}
	.techn-list .dots {
		display: inline-block;
		vertical-align: top;
		width: 8px;
		height: 8px;
		border-radius: 50%;
		background-color: #bad4fb;
		margin: 23px 0 29px;
	}
	.techn-list .words2 {
		font-size: 22px;
		color: #ffffff;
		line-height: 30px;
	}
	.techn-list .words3 {
		display: block;
		font-size: 18px;
	}
	.techn-list .column::before {
		content: "";
		position: absolute;
		top: 70px;
		left: 95%;
		width: 22px;
		height: 22px;
		background-image: url(../Images/icon298.png);
		background-size: cover;
	}
	.trip {
		padding-bottom: 105px;
	}
	.trip .carousel {
		position: relative;
	}
	.trip-swiper .img {
		margin-bottom: 30px;
	}
	.trip-swiper .column {
		position: relative;
		padding-left: 30px;
		font-size: 16px;
		color: #333333;
		line-height: 26px;
		padding-bottom: 50px;
	}
	.trip-swiper .column:last-child {
		padding-bottom: 0;
	}
	.trip-swiper .column::after {
		position: absolute;
		top: 8px;
		left: 5px;
		content: "";
		width: 9px;
		height: 9px;
		border-radius: 50%;
		background-color: #307ef4;
	}
	.trip-swiper .column::before {
		position: absolute;
		top: 17px;
		left: 9px;
		content: "";
		width: 1px;
		height: 100%;
		background-color: #307ef4;
	}
	.trip-swiper .column:last-child::before {
		display: none;
	}
	.trip .btn {
		width: 49px;
		height: 49px;
		margin-top: 35px;
		transition: all .3s;
	}
	.trip .swiper-button-prev {
		background-image: url(../Images/icon282.png);
		background-size: cover;
		left: -120px;
	}
	.trip .swiper-button-next {
		background-image: url(../Images/icon282-2.png);
		background-size: cover;
		right: -50px;
	}
	.trip .swiper-button-prev:hover {
		background-image: url(../Images/icon283.png);
	}
	.trip .swiper-button-next:hover {
		background-image: url(../Images/icon283-2.png);
	}
	.syste {
		padding: 90px 0 0;
		min-height: 900px;
		margin-bottom: 85px;
	}
	.syste .title {
		margin-bottom: 120px;
	}
	.syste .title .h1 {
		color: #ffffff;
		background-image: url(../Images/icon106.png), url(../images/icon107.png);
		background-position: left center, right center;
		background-repeat: no-repeat, no-repeat;
	}
	.welfare {
		font-size: 0;
		text-align: center;
	}
	.welfare .column {
		display: inline-block;
		vertical-align: top;
		width: 24%;
		margin-right: 2%;
		border-radius: 20px;
		background-color: #ffffff;
		min-height: 480px;
		padding: 80px 47px 0;
	}
	.welfare .column:last-child {
		margin-right: 0;
	}
	.welfare .last_column {
		width: 48%;
		padding-top: 66px;
	}
	.welfare .name {
		font-size: 22px;
		color: #3f84ee;
		font-weight: bold;
		margin: 37px 0 26px;
	}
	.welfare .text {
		font-size: 18px;
		color: #333333;
		line-height: 30px;
	}
	.welfare .column_2 {
		display: inline-block;
		vertical-align: top;
		width: 33.33%;
		margin-bottom: 45px;
	}
	.welfare .column_2 .name {
		font-size: 20px;
		color: #333333;
		font-weight: normal;
		margin: 17px 0 0;
	}
	.devel {
		padding-bottom: 85px;
		margin-bottom: 90px;
	}
	.devel .title {
		margin-bottom: 60px;
	}
	.devel .words {
		font-size: 18px;
		color: #333333;
		line-height: 40px;
		padding: 0 290px;
		text-align: center;
		margin-bottom: 50px;
	}
	.devel .bot-box {
		font-size: 0;
	}
	.devel .l-img {
		display: inline-block;
		vertical-align: top;
		width: 50%;
	}
	.devel .r-text {
		display: inline-block;
		vertical-align: top;
		width: 50%;
		position: relative;
	}
	.devel .r-text .h1 {
		position: absolute;
		top: 9.5%;
		left: 15%;
		font-size: 20px;
		color: #ffffff;
		font-weight: bold;
	}
	.devel .suspen {
		position: absolute;
		top: 20%;
		left: 12.5%;
		width: 80%;
		height: 74%;
		overflow-y: auto;
	}
	.devel .suspen::-webkit-scrollbar {
		display: none;
	}
	.devel .column {
		margin-bottom: 33px;
	}
	.devel .column:last-child {
		margin-bottom: 0;
	}
	.devel .h2 {
		display: inline-block;
		font-size: 18px;
		color: #333333;
		padding: 0 30px;
		height: 40px;
		line-height: 40px;
		border-radius: 20px;
		background-color: #ffffff;
		margin-bottom: 10px;
	}
	.devel .text {
		font-size: 16px;
		color: #ffffff;
		line-height: 32px;
	}
	.devel .h3 {
		font-size: 20px;
	}
	.activ {
		padding-bottom: 75px;
	}
	.activ .title {
		margin-bottom: 50px;
	}
	.activ .img-box {
		font-size: 0;
		padding: 0 22px;
	}
	.activ .img {
		border-radius: 30px;
	}
	.activ .column {
		display: inline-block;
		vertical-align: top;
		width: 57.62%;
		margin-right: 4%;
		padding: 8px;
		background-color: #FFFFFF;
		border-radius: 30px;
		position: relative;
		box-shadow: 0 5px 8px rgba(20, 80, 170, .28);
		margin-bottom: 45px;
	}
	.activ .column_1 {
		width: 38.38%;
	}
	.activ .column:nth-child(2n) {
		margin-right: 0;
	}
	.activ .icon {
		position: absolute;
	}
	.activ .icon_1 {
		top: 20%;
		left: -5.7%;
	}
	.activ .icon_2 {
		bottom: 18%;
		right: -14%;
	}
	.activ .icon_3 {
		bottom: 10%;
		left: -5.7%;
	}
	.activ .icon_4 {
		top: 12%;
		right: -5%;
	}
	.faq .top-box {
		background-size: cover;
	}
	.faq .h1 {
		font-size: 28px;
		color: #ffffff;
		font-weight: bold;
		height: 150px;
		line-height: 150px;
	}
	.faq .bot-box {
		padding: 58px 0 87px;
	}
	.faq .ask {
		font-size: 18px;
		color: #333333;
		height: 70px;
		line-height: 70px;
		padding: 0 70px 0 38px;
		border-bottom: 2px solid #f2f0f0;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		background-image: url(../Images/icon296.png);
		background-position: 97% center;
		background-repeat: no-repeat;
		cursor: pointer;
		transition: all .3s;
	}
	.faq .answer {
		background-color: #f6f6f6;
		font-size: 16px;
		color: #666666;
		line-height: 26px;
		padding: 40px 38px;
		display: none;
	}
	.faq .on .ask {
		background-image: url(../Images/icon297.png);
	}
	.news-page .banner .suspen {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		text-align: center;
		padding-top: 18.2%;
	}
	.news-page .banner .suspen .h1 {
		font-size: 60px;
		color: #ffffff;
		font-weight: bold;
		margin-bottom: 40px;
	}
	.news-page .banner .suspen .h2 {
		font-size: 36px;
		color: #ffffff;
	}
	.news-box {
		padding: 75px 0 100px;
	}
	.news-box .column {
		padding-bottom: 30px;
		margin-bottom: 30px;
		border-bottom: 1px solid #dcdcdc;
		transition: all .3s;
	}
	.news-box .list-box {
		padding: 0 100px 0 50px;
	}
	.news-box .text-box {
		float: left;
		width: calc(100% - 420px);
		padding-right: 190px;
		padding-top: 50px;
	}
	.news-box .img-box {
		float: left;
		width: 420px;
	}
	.news-box .date {
		font-size: 18px;
		color: #909090;
		font-weight: bold;
		margin-bottom: 20px;
	}
	.news-box .h1 {
		font-size: 24px;
		color: #000000;
		font-weight: bold;
		margin-bottom: 32px;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		transition: all .3s;
	}
	.news-box .words {
		font-size: 16px;
		color: #666666;
		line-height: 28px;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
		overflow: hidden;
	}
	.news-box .column:hover .h1 {
		color: #14abd2;
	}
	.news-box .column:hover {
		border-bottom: 1px solid #14abd2;
	}
	.news-box .nav-page {
		margin-top: 40px;
	}
	.news-details {
		padding: 115px 0 60px;
	}
	.news-details .news-wrap {
		padding: 0 75px;
	}
	.news-details .title {
		text-align: center;
		margin-bottom: 70px;
		padding-bottom: 27px;
		border-bottom: 1px solid #cccccc;
	}
	.news-details .title .h1 {
		font-size: 36px;
		color: #14abd2;
		font-weight: bold;
		margin-bottom: 38px;
	}
	.news-details .title .bot-box {
		font-size: 0;
	}
	.news-details .title .date {
		display: inline-block;
		vertical-align: top;
		font-size: 16px;
		color: #888888;
		padding-left: 34px;
		background-image: url(../Images/icon112.jpg);
		background-position: left center;
		background-repeat: no-repeat;
		line-height: 25px;
		margin: 0 25px;
	}
	.news-details .title .source {
		display: inline-block;
		vertical-align: top;
		font-size: 16px;
		color: #888888;
		line-height: 25px;
		margin: 0 25px;
	}
	.news-details .title .share {
		display: inline-block;
		vertical-align: top;
		line-height: 25px;
		margin: 0 25px;
	}
	.news-details .title .name {
		display: inline-block;
		vertical-align: top;
		font-size: 16px;
		color: #888888;
	}
	.news-details .title .item {
		display: inline-block;
		vertical-align: top;
		margin: 0 5px;
	}
	.news-details .words {
		font-size: 16px;
		color: #333333;
		line-height: 35px;
		padding-bottom: 95px;
		border-bottom: 1px solid #cccccc;
	}
	.news-details .words p {
		line-height: 30px;
		margin: 10px 0px;
	}
	.news-details .prev-next {
		margin-top: 88px;
	}
	.news-details .prev-next .item {
		background: none;
		border: 1px solid #cccccc;
		border-radius: 5px;
		color: #cccccc;
		width: 117px;
		height: 36px;
		line-height: 36px;
	}
	.news-details .prev-next .icon {
		width: auto;
		border: 0;
		color: #14abd2;
		margin: 0 85px;
	}
	.prod-list .column {
		float: left;
		width: 49.5%;
		margin-right: 1%;
		margin-bottom: 20px;
		position: relative;
	}
	.prod-list .column:nth-child(2n) {
		margin-right: 0;
	}
	.prod-list .suspen {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		padding: 55px;
	}
	.prod-list .h1 {
		font-size: 40px;
		color: #ffffff;
		font-weight: bold;
		margin-bottom: 25px;
	}
	.prod-list .words {
		font-size: 24px;
		color: #ffffff;
		font-weight: bold;
	}
	.softw-page .banner {
		position: relative;
		text-align: center;
	}
	.softw-page .banner .suspen {
		position: absolute;
		bottom: 15%;
		left: 0;
		width: 100%;
	}
	.softw-page .banner .h1 {
		font-size: 78px;
		color: #fefefe;
		font-weight: bold;
		margin-bottom: 58px;
	}
	.softw-page .banner .h2 {
		font-size: 36px;
		color: #ffffff;
		font-weight: bold;
		margin-bottom: 32px;
	}
	.softw-page .banner .words {
		font-size: 18px;
		color: #fefefe;
		line-height: 30px;
	}
	.softw-page .banner .link {
		display: inline-block;
		font-size: 16px;
		color: #fefefe;
		font-weight: bold;
		margin: 47px 0 82px;
		width: 152px;
		height: 50px;
		line-height: 50px;
		background-color: #177fff;
		border-radius: 5px;
	}
	.softw-page .banner .h3 {
		font-size: 36px;
		color: #ffffff;
		font-weight: bold;
		margin-bottom: 26px;
	}
	.softw-page .banner .list-box {
		position: absolute;
		top: 88%;
		left: 50%;
		width: 81%;
		transform: translateX(-50%);
		background-color: #ffffff;
		border-radius: 20px;
		padding-bottom: 55px;
		box-shadow: 0 3px 10px rgba(0, 0, 0, .1);
		z-index: 9;
	}
	.softw-page .banner .column {
		float: left;
		width: 13.2%;
		margin: 0 5.9%;
	}
	.softw-page .banner .name {
		font-size: 26px;
		color: #373737;
		margin-top: 37px;
	}
	.softw-page .top_name {
		position: fixed;
		top: 100px;
		left: 0;
		width: 100%;
		z-index: 9;
		transition: all .5s;
	}
	.softw-page .top_name.on {
		top: 0;
		background-color: #ffffff
	}
	.softw-page .top_name_wrap {
		width: 73%;
		margin: 0 auto;
		padding-bottom: 20px;
		border-bottom: 1px solid rgba(213, 213, 213, .2);
	}
	.softw-page .top_name .h1 {
		font-size: 19px;
		color: #ffffff;
		font-weight: bold;
	}
	.softw-page .top_name.on .h1 {
		color: #333333;
	}
	.softw-page .top_name.on .top_name_wrap {
		padding: 10px 0;
	}
	.deploy .top-box {
		position: relative;
	}
	.deploy .top-box .suspen {
		position: absolute;
		top: 22%;
		left: 50%;
		transform: translateX(-50%);
		text-align: center;
		padding: 0 300px;
	}
	.softw-box .top-box .h1 {
		font-size: 36px;
		color: #333333;
		font-weight: bold;
	}
	.deploy .top-box .h1 {
		margin-bottom: 45px;
	}
	.deploy .top-box .words {
		font-size: 18px;
		color: #999999;
		line-height: 30px;
	}
	.deploy .column {
		float: left;
		width: 49.7%;
		margin-right: 0.6%;
		margin-bottom: 12px;
		position: relative;
	}
	.deploy .column:last-child {
		margin-right: 0;
	}
	.deploy .column2 {
		width: 100%;
	}
	.deploy .column .suspen {
		position: absolute;
		bottom: 7%;
		left: 50%;
		transform: translateX(-50%);
		text-align: center;
	}
	.deploy .column .h1 {
		font-size: 34px;
		color: #333333;
		font-weight: bold;
		margin: 48px 0 13px;
	}
	.deploy .column .h2 {
		font-size: 24px;
		color: #333333;
		font-weight: bold;
		margin-bottom: 36px;
	}
	.deploy .column .words {
		font-size: 18px;
		color: #999999;
		line-height: 30px;
	}
	.deploy .column2 .suspen {
		width: auto;
		left: auto;
		right: 10%;
		bottom: 50%;
		transform: translateY(50%);
	}
	.devi-mana {
		background-color: #f6f7f8;
	}
	.devi-mana .top-box {
		padding: 70px 0 90px;
		text-align: center;
	}
	.devi-mana .top-box .h1 {
		margin-bottom: 45px;
	}
	.devi-mana .top-box .words {
		font-size: 18px;
		color: #666666;
		line-height: 30px;
	}
	.devi-mana .top-box .img {
		margin: 45px 0 34px;
	}
	.devi-mana .top-box .words2 {
		font-size: 14px;
		color: #999999;
		line-height: 30px;
	}
	.devi-mana .box {
		padding: 85px 0 120px;
		background-size: cover;
		background-position: top center;
	}
	.devi-mana .column {
		position: relative;
	}
	.devi-mana .title-box {
		text-align: center;
	}
	.devi-mana .title-box .h1 {
		font-size: 48px;
		color: #ffffff;
		font-weight: bold;
		margin-bottom: 57px;
	}
	.devi-mana .column2 .h2 {
		font-size: 14px;
		color: #ffffff;
		line-height: 30px;
		text-align: center;
		margin: 26px 0 42px;
	}
	.devi-mana .nav-box {
		display: inline-block;
		padding-bottom: 30px;
		border-bottom: 1px solid rgba(255, 255, 255, .2);
	}
	.devi-mana .item {
		display: inline-block;
		vertical-align: top;
		font-size: 18px;
		color: rgba(255, 255, 255, .5);
		padding: 0 20px;
		margin-right: 26px;
		position: relative;
	}
	.devi-mana .item.on {
		color: #ffffff;
	}
	.devi-mana .item.on::before {
		position: absolute;
		content: "";
		bottom: -30px;
		left: 0;
		width: 100%;
		height: 4px;
		background-color: #ffffff;
	}
	.devi-mana .column2 {
		display: none;
	}
	.devi-mana .column2.on {
		display: block;
	}
	.devi-mana .video-box {
		position: relative;
		font-size: 0;
		text-align: center;
	}
	.devi-mana .play-area {
		position: relative;
		display: inline-block;
		vertical-align: top;
	}
	.devi-mana .l-video {
		margin: 0 33px;
	}
	.devi-mana .r-video {
		margin: 13px 33px 0;
	}
	.devi-mana .video-wrap {
		position: absolute;
	}
	.devi-mana .video1 {
		top: 32px;
		left: 123px;
	}
	.devi-mana .video1 video {
		width: 800px;
		height: 475px;
	}
	.devi-mana .video1 img {
		width: 800px;
		height: 475px;
	}
	.devi-mana .video1 img {
		width: 800px;
		height: 475px;
	}
	.devi-mana .box2 .video1 video {
		width: 874px;
		height: 494px;
	}
	.devi-mana .box2 .video1 img {
		width: 874px;
		height: 494px;
	}
	.devi-mana .video2 {
		top: 54px;
		left: 17px;
	}
	.devi-mana .video2 video {
		width: 236px;
		height: 471px;
	}
	.devi-mana .video2 img {
		width: 236px;
		height: 471px;
	}
	.devi-mana .box1 .wd {
		position: relative;
	}
	.devi-mana .box1 {
		position: relative;
	}
	.devi-mana .box1 .back-box {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
	.devi-mana .box1 .back-box li {
		display: none;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-size: cover;
		background-position: top center;
	}
	.devi-mana .box1 .back-box li.on {
		display: block;
	}
	.devi-mana .box2 {
		padding: 75px 0 0;
	}
	.devi-mana .box2 .video1 {
		top: 35px;
		left: 27px;
	}
	.devi-mana .box2 video {
		width: 874px;
		height: 494px;
	}
	.devi-mana .box3 {
		padding: 182px 0 163px;
	}
	.devi-mana .box3 .title-box .h1 {
		font-size: 36px;
		margin-bottom: 60px;
		text-align: left;
		padding: 0 105px;
	}
	.devi-mana .box3 .list-box {
		max-width: 720px;
		padding-left: 105px;
		font-size: 0;
	}
	.devi-mana .box3 .column2 {
		display: inline-block;
		vertical-align: top;
		width: 50%;
		padding-right: 2%;
		margin-bottom: 57px;
	}
	.devi-mana .box3 .name {
		font-size: 20px;
		color: #fefefe;
		font-weight: bold;
		margin: 35px 0 19px;
	}
	.devi-mana .box3 .words {
		font-size: 16px;
		color: #ababab;
		line-height: 24px;
	}
	.devi-diag {
		padding: 93px 0 115px;
		background-size: cover;
		background-position: top center;
	}
	.devi-diag .top-box {
		max-width: 990px;
		margin: 0 auto;
		margin-bottom: 275px;
		text-align: center;
	}
	.devi-diag .top-box .h1 {
		font-size: 34px;
		color: #ffffff;
		font-weight: bold;
		margin-bottom: 49px;
	}
	.devi-diag .words {
		font-size: 18px;
		color: #fefefe;
		line-height: 30px;
	}
	.devi-diag .bot-box {
		font-size: 0;
		max-width: 1400px;
		margin: 0 auto;
	}
	.devi-diag .column {
		display: inline-block;
		vertical-align: top;
		width: 25%;
		padding: 0 2.5%;
		text-align: center;
	}
	.devi-diag .name {
		display: inline-block;
		vertical-align: top;
		font-size: 26px;
		color: #405d7e;
		font-weight: bold;
		line-height: 36px;
		padding: 0 24px;
		margin: 30px 0 15px;
		background-color: #d4d6d7;
	}
	.devi-diag .words2 {
		font-size: 16px;
		color: #666666;
		line-height: 22px;
	}
	.cloud-serv {
		background-color: #f1f4f5;
	}
	.cloud-serv .top-box .h1 {
		font-size: 44px;
		color: #313131;
		font-weight: bold;
		padding: 105px 0 100px;
		text-align: center;
	}
	.cust-use {
		padding: 525px 0 90px;
		background-size: cover;
		background-position: top center;
	}
	.cust-use .top-box {
		max-width: 600px;
		margin: 0 auto;
		margin-bottom: 80px;
		text-align: center;
	}
	.cust-use .top-box .h1 {
		font-size: 34px;
		color: #ffffff;
		font-weight: bold;
		margin-bottom: 23px;
	}
	.cust-use .words {
		font-size: 18px;
		color: rgba(254, 254, 254, .5);
		line-height: 30px;
	}
	.cust-use .bot-box {
		font-size: 0;
		padding: 0 55px;
	}
	.cust-use .bot-box-wrap {
		background-color: #fbfbfb;
		border-radius: 30px;
	}
	.cust-use .column {
		display: inline-block;
		vertical-align: top;
		width: 50%;
		padding: 60px 100px 70px;
	}
	.cust-use .column:nth-child(1) {
		border-right: 2px solid #e7ecef;
	}
	.cust-use .icon-box {
		display: inline-block;
		vertical-align: top;
		width: 200px;
		text-align: center;
	}
	.cust-use .text-box {
		display: inline-block;
		vertical-align: top;
		width: calc(100% - 200px);
		padding-left: 45px;
	}
	.cust-use .name {
		font-size: 24px;
		color: #333333;
		font-weight: bold;
		margin-top: 25px;
	}
	.cust-use .h2 {
		font-size: 28px;
		color: #333333;
		font-weight: bold;
		margin-bottom: 20px;
	}
	.cust-use .words2 {
		font-size: 16px;
		color: #666666;
		line-height: 30px;
	}
	.mapp-func {
		font-size: 0;
		text-align: center;
		padding-top: 115px;
		background-color: #f6f7f8;
	}
	.mapp-func .l-video {
		position: relative;
		display: inline-block;
		vertical-align: top;
		margin: 0 15px;
	}
	@keyframes myfirst {
		0% {
			opacity: 0;
			top: 160px;
			right: -126px;
		}
		20% {
			opacity: 1;
		}
		50% {
			opacity: 1;
			top: 140px;
			right: -105px;
		}
		80% {
			opacity: 1;
		}
		100% {
			opacity: 0;
			top: 160px;
			right: -126px;
		}
	}
	.mapp-func .gest-icon {
		position: absolute;
		top: 160px;
		right: -126px;
		opacity: 0;
		display: none;
	}
	.mapp-func .gest-icon.on {
		animation: myfirst 1.5s;
		-moz-animation: myfirst 1.5s;
		-webkit-animation: myfirst 1.5s;
		-o-animation: myfirst 1.5s;
	}
	.mapp-func .r-text {
		display: inline-block;
		vertical-align: top;
		max-width: 520px;
		margin: 0 15px;
		margin-top: 210px;
		margin-left: 30px;
		text-align: left;
	}
	.mapp-func .h1 {
		font-size: 44px;
		color: #333333;
		font-weight: bold;
		margin-bottom: 33px;
	}
	.mapp-func .h2 {
		font-size: 16px;
		color: #333333;
		font-weight: bold;
		margin-bottom: 30px;
	}
	.mapp-func .words {
		font-size: 16px;
		color: #666666;
		line-height: 26px;
	}
	.mapp-func video {
		width: 420px;
	}
	.seco-deve {
		padding: 110px 0 125px;
	}
	.seco-deve .top-box {
		max-width: 530px;
		text-align: center;
		margin: 0 auto;
		margin-bottom: 90px;
	}
	.seco-deve .h1 {
		font-size: 34px;
		color: #333333;
		font-weight: bold;
		margin-bottom: 25px;
	}
	.seco-deve .words {
		font-size: 18px;
		color: #666666;
		line-height: 30px;
	}
	.seco-deve .bot-box {
		font-size: 0;
		text-align: center;
		padding: 0 150px;
	}
	.seco-deve .column {
		display: inline-block;
		vertical-align: top;
		width: 33.33%;
		padding: 0 7%;
		text-align: center;
	}
	.seco-deve .name {
		font-size: 26px;
		color: #666666;
		font-weight: bold;
		margin: 35px 0 23px;
	}
	.seco-deve .words2 {
		font-size: 16px;
		color: #999999;
		line-height: 26px;
	}
	.wd3 {
		width: 73%;
		margin: 0 auto;
	}
	.prod-top-nav {
		position: fixed;
		top: 90px;
		left: 0;
		width: 100%;
		z-index: 9;
		transition: all .5s;
	}
	.prod-top-nav .prod-top-wrap {
		padding-bottom: 14px;
		border-bottom: 1px solid rgba(213, 213, 213, .2);
	}
	.prod-top-nav .name {
		float: left;
		font-size: 16px;
		color: #ffffff;
		line-height: 31px;
	}
	.prod-top-nav .nav-box {
		float: right;
		font-size: 0;
	}
	.softw-page .prod-top-nav .nav-box {
		display: none;
	}
	.softw-page .prod-top-nav .nav-box.on {
		display: block;
	}
	.prod-top-nav .nav {
		display: inline-block;
		vertical-align: top;
		line-height: 31px;
	}
	.prod-top-nav .column {
		display: inline-block;
		vertical-align: middle;
		height: 17px;
		padding: 0 28px;
		border-right: 2px solid #ffffff;
	}
	.prod-top-nav .column:last-child {
		border-right: 0;
	}
	.prod-top-nav .item {
		display: inline-block;
		font-size: 16px;
		color: #ffffff;
		line-height: 17px;
	}
	.prod-top-nav .item.active {
		color: #00a7d2 !important;
	}
	.prod-top-nav .links {
		display: inline-block;
		vertical-align: top;
	}
	.prod-top-nav .link {
		display: inline-block;
		vertical-align: top;
		width: 56px;
		height: 31px;
		line-height: 31px;
		font-size: 16px;
		color: #ffffff;
		text-align: center;
		background-color: #00a7d3;
		border-radius: 5px;
	}
	.prod-top-nav.on {
		top: 0;
		background-color: #FFFFFF;
	}
	.prod-top-nav.on .prod-top-wrap {
		padding: 5px 0;
	}
	.prod-top-nav.on .column {
		border-right: 2px solid #333333;
	}
	.prod-top-nav.on .column:last-child {
		border-right: 0;
	}
	.prod-top-nav.on .name {
		color: #333333;
	}
	.prod-top-nav.on .item {
		color: #333333;
	}
	.prod-deta .box {
		position: relative;
		overflow: hidden;
		background-size: cover;
		background-position: center center;
	}
	.prod-deta .box .suspen {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		z-index: 2;
	}
	.d7000 .box1 {
		height: 1035px;
	}
	.d7000 .box2 {
		height: 1070px;
	}
	.d7000 .box3 {
		height: 922px;
	}
	.d7000 .box4 {
		height: 892px;
	}
	.d7000 .box5 {
		height: 974px;
	}
	.d7000 .box7 {
		height: 793px;
	}
	.d7000 .box8 {
		height: 874px;
	}
	.d7000 .box9 {
		height: 713px;
	}
	.d7000 .box10 {
		height: 852px;
	}
	.d7000 .box11 {
		height: 1021px;
	}
	.d7000 .box1 .h1 {
		font-size: 64px;
		color: #5c5350;
		font-weight: bold;
		margin-bottom: 36px;
	}
	.d7000 .box1 .words {
		font-size: 36px;
		color: #5c5350;
		line-height: 52px;
	}
	.d7000 .box2 .play-box {
		text-align: center;
	}
	.play-but-icon {
		cursor: pointer;
	}
	.d7000 .box2 .h1 {
		font-size: 26px;
		color: #eeeeee;
		font-weight: bold;
		line-height: 1;
		margin-top: 27px;
	}
	.d7000 .box3 .text-box {
		float: right;
		max-width: 500px;
	}
	.summ-box .h1 {
		font-size: 48px;
		color: #333333;
		line-height: 68px;
		font-weight: bold;
		margin-bottom: 28px;
	}
	.summ-box .words {
		font-size: 24px;
		color: #333333;
		line-height: 42px;
		font-weight: 300;
	}
	.d7000 .box3 .suspen {
		top: 30%;
	}
	.d7000 .box4 .suspen {
		top: auto;
		bottom: 3%;
	}
	.d7000 .box4 .text-box {
		max-width: 620px;
		text-align: center;
		margin: 0 auto;
	}
	.d7000 .box4 .h1 {
		color: #ffffff;
		margin-bottom: 30px;
	}
	.d7000 .box4 .words {
		font-size: 22px;
		color: #ffffff;
		line-height: 38px;
	}
	.d7000 .box5 .suspen {
		width: 86%;
		top: 30%;
	}
	.d7000 .box5 .text-box {
		float: right;
		max-width: 550px;
	}
	.d7000 .box5 .h1 {
		color: #ffffff;
		margin-bottom: 30px;
	}
	.d7000 .box5 .words {
		font-size: 22px;
		color: #ffffff;
		line-height: 38px;
	}
	.d7000 .box6 {
		padding: 82px 0 90px;
		background-color: #eceef1;
	}
	.d7000 .box6 .text-box {
		text-align: center;
		margin-bottom: 75px;
	}
	.d7000 .box6 .h1 {
		margin-bottom: 18px;
	}
	.d7000 .box6 .words {
		color: #999999;
		line-height: 38px;
		font-weight: normal;
	}
	.d7000 .box6 .list-box {
		max-width: 1252px;
		margin: 0 auto;
	}
	.d7000 .box6 .column {
		float: left;
		width: 32%;
		margin-right: 2%;
		border-radius: 15px;
		position: relative;
	}
	.d7000 .box6 .column:nth-child(3n) {
		margin-right: 0;
	}
	.d7000 .box7 .suspen {
		top: 55%;
	}
	.d7000 .box7 .text-box {
		max-width: 570px;
	}
	.d7000 .box7 .h1 {
		color: #ffffff;
	}
	.d7000 .box7 .words {
		color: #c2c2c4;
		font-weight: normal;
	}
	.d7000 .box8 .text-box {
		float: right;
		max-width: 475px;
	}
	.d7000 .box8 .h1 {
		color: #ffffff;
	}
	.d7000 .box8 .words {
		color: #ffffff;
		font-weight: normal;
	}
	.d7000 .box9 .text-box {
		max-width: 530px;
	}
	.d7000 .box9 .h1 {
		color: #ffffff;
	}
	.d7000 .box9 .words {
		color: #ffffff;
		font-weight: normal;
	}
	.d7000 .box10 .text-box {
		float: right;
		max-width: 410px;
	}
	.d7000 .box10 .suspen {
		top: 58%;
	}
	.d7000 .box10 .words {
		font-weight: normal;
	}
	.d7000 .box11 .suspen {
		top: auto;
		bottom: 2%;
		transform: translate(-50%, 0);
		text-align: center;
	}
	.d7000 .box11 .text-box {
		max-width: 505px;
		margin: 0 auto;
		margin-bottom: 130px;
	}
	.d7000 .box11 .h1 {
		color: #ffffff;
	}
	.d7000 .box11 .words {
		color: #ffffff;
		font-weight: normal;
	}
	.opti-acce {
		padding: 73px 0 77px;
		background-color: #ffffff;
	}
	.opti-acce .h1 {
		font-size: 40px;
		color: #333333;
		margin-bottom: 60px;
	}
	.opti-acce .column {
		position: relative;
		display: block;
		background-color: #ffffff;
		text-align: center;
	}
	.opti-acce .name {
		position: absolute;
		bottom: 6.5%;
		left: 0;
		width: 100%;
		font-size: 20px;
		color: #333333;
		margin-top: 25px;
	}
	.opti-acce .suspen {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: rgba(0, 0, 0, .6);
		transition: all .3s;
		opacity: 0;
	}
	.opti-acce .view-but {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
	}
	.acce-swiper .swiper-slide:hover .suspen {
		opacity: 1;
	}
	.acce-swiper .swiper-slide {
		text-align: center;
	}
	.acce-swiper .swiper-pagination {
		bottom: 0;
	}
	.acce-swiper {
		padding-bottom: 30px;
	}
	.opti-acce .carousel {
		position: relative;
	}
	.opti-acce .swiper-button-prev,
	.opti-acce .swiper-button-next {
		width: 40px;
		height: 40px;
		margin-top: -20px;
		background-size: cover;
	}
	.opti-acce .swiper-button-prev {
		left: -50px;
		background-image: url(../Images/icon38.png);
	}
	.opti-acce .swiper-button-next {
		right: -50px;
		background-image: url(../Images/icon38-2.png);
	}
	.tech-para {
		padding: 130px 0 40px;
		background-size: cover;
		background-position: center center;
	}
	.tech-para .top-box {
		margin-bottom: 100px;
	}
	.tech-para .h1 {
		float: left;
		font-size: 40px;
		color: #ffffff;
		line-height: 50px;
	}
	.tech-para .down-link {
		float: right;
		width: 120px;
		height: 50px;
		line-height: 48px;
		border: 1px solid #ffffff;
		font-size: 18px;
		color: #ffffff;
		text-align: center;
		border-radius: 20px;
	}
	.tech-para .list-box {
		font-size: 0cm;
	}
	.tech-para .column {
		display: inline-block;
		vertical-align: top;
		width: 25%;
		padding-right: 1%;
		margin-bottom: 90px;
		font-size: 0;
	}
	.tech-para .column:nth-child(4n) {
		padding-right: 0;
	}
	.tech-para .icon {
		display: inline-block;
		vertical-align: top;
		width: 42px;
	}
	.tech-para .text-box {
		display: inline-block;
		vertical-align: top;
		width: calc(100% - 60px);
		margin-left: 18px;
	}
	.tech-para .name {
		font-size: 24px;
		color: #ffffff;
		font-weight: bold;
		margin-bottom: 14px;
	}
	.tech-para .data {
		font-size: 18px;
		color: #d1d1d1;
		line-height: 26px;
		word-wrap: break-word;
		word-break: break-all;
	}
	.tech-para .words {
		font-size: 18px;
		color: #f1f1f1;
		line-height: 1.4;
	}
	.tech-para .words a {
		color: #00a7d3;
	}
	.d8000 .box1 {
		height: 1067px;
	}
	.d8000 .box2 {
		height: 1070px;
	}
	.d8000 .box3 {
		height: 783px;
	}
	.d8000 .box4 {
		height: 793px;
	}
	.d8000 .box5 {
		height: 871px;
	}
	.d8000 .box7 {
		height: 842px;
	}
	.d8000 .box8 {
		height: 1010px;
	}
	.d8000 .box9 {
		height: 943px;
	}
	.d8000 .box10 {
		height: 892px;
	}
	.d8000 .box11 {
		height: auto;
	}
	.d8000 .box12 {
		height: auto;
	}
	.d8000 .box .h1 {
		margin-bottom: 15px;
	}
	.d8000 .box .words {
		font-size: 20px;
		color: #ffffff;
		line-height: 36px;
		font-weight: normal;
	}
	.d8000 .wd2 {
		padding: 0 55px;
	}
	.d8000 .box1 .text-box {
		text-align: center;
	}
	.d8000 .box1 .h1 {
		font-size: 48px;
		color: #fefefe;
		line-height: 1;
		font-weight: normal;
		text-align: left;
		margin-bottom: 63px;
	}
	.d8000 .box1 .l-h1 {
		float: left;
		font-size: 160px;
		color: #ffffff;
		font-weight: bold;
	}
	.d8000 .box1 .r-h1 {
		float: right;
		font-size: 160px;
		color: #ffffff;
		font-weight: bold;
	}
	.d8000 .box1 .img-box {
		position: absolute;
		top: 85%;
		left: 50%;
		transform: translate(-50%, -50%);
	}
	.d8000 .box3 .suspen {
		top: 35%;
	}
	.d8000 .box3 .text-box {
		float: left;
		max-width: 420px;
	}
	.d8000 .box3 .h1 {
		color: #ffffff;
	}
	.d8000 .box4 .suspen {
		bottom: auto;
		top: 35%;
	}
	.d8000 .box4 .text-box {
		text-align: left;
		max-width: 340px;
		margin: 0;
	}
	.d8000 .box5 .suspen {
		top: 50%;
	}
	.d8000 .box5 .text-box {
		float: left;
		max-width: 505px;
	}
	.d8000 .box6 .words {
		color: #666666;
	}
	.d8000 .box7 .suspen {
		top: 45%;
	}
	.d8000 .box7 .text-box {
		max-width: 625px;
	}
	.d8000 .box7 .h1 {
		color: #333333;
	}
	.d8000 .box7 .words {
		color: #333333;
	}
	.d8000 .box8 .suspen {
		top: 35%;
		padding: 0;
	}
	.d8000 .box8 .text-box {
		max-width: 675px;
	}
	.d8000 .box9 .suspen {
		top: 62%;
	}
	.d8000 .box10 .suspen {
		top: 45%;
	}
	.d8000 .box10 .text-box {
		max-width: 480px;
	}
	.d8000 .box10 .h1 {
		color: #ffffff;
	}
	.d8000 .box11 {
		padding: 80px 0 105px;
		text-align: center;
	}
	.d8000 .box11 .text-box {
		max-width: 100%;
		text-align: center;
		margin-bottom: 67px;
	}
	.d8000 .box11 .h1 {
		color: #333333;
	}
	.d8000 .box11 .words {
		color: #333333;
	}
	.d8000 .box12 .suspen {
		top: auto;
		bottom: 7%;
		left: 0;
		width: 100%;
		transform: translate(0, 0);
	}
	.d8000 .box12 .name {
		font-size: 32px;
		color: #FFFFFF;
		font-weight: bold;
		text-align: center;
		padding-left: 30px;
	}
	.d8000 .box6 .list-box {
		max-width: 100%;
	}
	.dt30 .box1 {
		height: 1067px;
	}
	.dt30 .box2 {
		height: 1070px;
	}
	.dt30 .box3 {
		height: 892px;
	}
	.dt30 .box4 {
		height: 743px;
	}
	.dt30 .box5 {
		height: 660px;
	}
	.dt30 .box6 {
		height: 907px;
	}
	.dt30 .box7 {
		height: 741px;
	}
	.dt30 .box8 {
		height: 674px;
	}
	.dt30 .box9 {
		height: 942px;
	}
	.dt30 .box10 {
		height: auto;
	}
	.dt30 .box11 {
		height: auto;
	}
	.dt30 .box1 .h1 {
		font-size: 70px;
		color: #ffffff;
		line-height: 1;
		margin-bottom: 50px;
	}
	.dt30 .box1 .h2 {
		font-size: 34px;
		color: #ffffff;
		font-weight: bold;
	}
	.dt30 .box1 .enla {
		font-size: 56px;
	}
	.dt30 .box1 .img-box {
		position: absolute;
		bottom: 0;
		right: 20%;
	}
	.dt30 .box3 .suspen {
		top: 50%;
	}
	.dt30 .box3 .text-box {
		float: left;
		max-width: 700px;
	}
	.dt30 .box3 .h1 {
		color: #ffffff;
		margin-bottom: 36px;
	}
	.dt30 .box3 .words {
		color: #ffffff;
	}
	.dt30 .box4 .suspen {
		bottom: auto;
		top: 50%;
	}
	.dt30 .box4 .text-box {
		float: right;
		max-width: 495px;
		text-align: left;
		margin: 0;
		margin-right: 10%;
	}
	.dt30 .box4 .img-box {
		position: absolute;
		top: 0;
		left: 8.5%;
	}
	.dt30 .box5 .suspen {
		width: 73%;
		top: 45%;
	}
	.dt30 .box5 .text-box {
		float: left;
		max-width: 605px;
	}
	.dt30 .box5 .img-box {
		position: absolute;
		top: 0;
		bottom: 0;
		right: 0;
	}
	.dt30 .box5 .img {
		position: relative;
		top: 0;
		bottom: 0;
		height: 100%;
	}
	.dt30 .box5 .img-box .img>img {
		max-height: 100%;
	}
	.dt30 .box5 .soun-wave {
		position: absolute;
		width: 36%;
		top: 20%;
		left: 15%;
	}
	.dt30 .box5 .soun-wave-wrap {
		position: relative;
	}
	.dt30 .box5 .line {
		position: absolute;
		border: 1px solid #3289a5;
	}
	.dt30 .box5 .line1 {
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		border-radius: 50%;
	}
	.dt30 .box5 .line2 {
		width: 110%;
		height: 110%;
		top: -5%;
		left: -5%;
		border-radius: 50%;
		opacity: .7;
	}
	.dt30 .box5 .line3 {
		width: 120%;
		height: 120%;
		top: -10%;
		left: -10%;
		border-radius: 50%;
		opacity: .4;
	}
	@keyframes bowen {
		0% {
			-webkit-transform: scale(0);
			-moz-transform: scale(0);
			-o-transform: scale(0);
			-ms-transform: scale(0);
			transform: scale(0);
			filter: alpha(opacity=0);
			-moz-opacity: 0;
			opacity: 0;
		}
		50% {
			-webkit-transform: scale(1.0);
			-moz-transform: scale(1.0);
			-o-transform: scale(1.0);
			-ms-transform: scale(1.0);
			transform: scale(1.0);
			filter: alpha(opacity=100);
			-moz-opacity: 1.0;
			opacity: 1.0;
		}
		100% {
			-webkit-transform: scale(1.5);
			-moz-transform: scale(1.5);
			-o-transform: scale(1.5);
			-ms-transform: scale(1.5);
			transform: scale(1.5);
			filter: alpha(opacity=0);
			-moz-opacity: 0;
			opacity: 0;
		}
	}
	@-moz-keyframes bowen {
		0% {
			-webkit-transform: scale(0);
			-moz-transform: scale(0);
			-o-transform: scale(0);
			-ms-transform: scale(0);
			transform: scale(0);
			filter: alpha(opacity=0);
			-moz-opacity: 0;
			opacity: 0;
		}
		50% {
			-webkit-transform: scale(1.0);
			-moz-transform: scale(1.0);
			-o-transform: scale(1.0);
			-ms-transform: scale(1.0);
			transform: scale(1.0);
			filter: alpha(opacity=100);
			-moz-opacity: 1.0;
			opacity: 1.0;
		}
		100% {
			-webkit-transform: scale(1.5);
			-moz-transform: scale(1.5);
			-o-transform: scale(1.5);
			-ms-transform: scale(1.5);
			transform: scale(1.5);
			filter: alpha(opacity=0);
			-moz-opacity: 0;
			opacity: 0;
		}
	}
	@-webkit-keyframes bowen {
		0% {
			-webkit-transform: scale(0);
			-moz-transform: scale(0);
			-o-transform: scale(0);
			-ms-transform: scale(0);
			transform: scale(0);
			filter: alpha(opacity=0);
			-moz-opacity: 0;
			opacity: 0;
		}
		50% {
			-webkit-transform: scale(1.0);
			-moz-transform: scale(1.0);
			-o-transform: scale(1.0);
			-ms-transform: scale(1.0);
			transform: scale(1.0);
			filter: alpha(opacity=100);
			-moz-opacity: 1.0;
			opacity: 1.0;
		}
		100% {
			-webkit-transform: scale(1.5);
			-moz-transform: scale(1.5);
			-o-transform: scale(1.5);
			-ms-transform: scale(1.5);
			transform: scale(1.5);
			filter: alpha(opacity=0);
			-moz-opacity: 0;
			opacity: 0;
		}
	}
	@-o-keyframes bowen {
		0% {
			-webkit-transform: scale(0);
			-moz-transform: scale(0);
			-o-transform: scale(0);
			-ms-transform: scale(0);
			transform: scale(0);
			filter: alpha(opacity=0);
			-moz-opacity: 0;
			opacity: 0;
		}
		50% {
			-webkit-transform: scale(1.0);
			-moz-transform: scale(1.0);
			-o-transform: scale(1.0);
			-ms-transform: scale(1.0);
			transform: scale(1.0);
			filter: alpha(opacity=100);
			-moz-opacity: 1.0;
			opacity: 1.0;
		}
		100% {
			-webkit-transform: scale(1.5);
			-moz-transform: scale(1.5);
			-o-transform: scale(1.5);
			-ms-transform: scale(1.5);
			transform: scale(1.5);
			filter: alpha(opacity=0);
			-moz-opacity: 0;
			opacity: 0;
		}
	}
	.dt30 .box5 .line1 {
		animation: bowen 1.5s linear 0s infinite normal;
		-moz-animation: bowen 1.5s linear 0s infinite normal;
		-webkit-animation: bowen 1.5s linear 0s infinite normal;
		-o-animation: bowen 1.5s linear 0s infinite normal;
	}
	.dt30 .box5 .line2 {
		animation: bowen 2.5s linear 0s infinite normal;
		-moz-animation: bowen 2.5s linear 0s infinite normal;
		-webkit-animation: bowen 2.5s linear 0s infinite normal;
		-o-animation: bowen 2.5s linear 0s infinite normal;
	}
	.dt30 .box5 .line3 {
		animation: bowen 3.5s linear 0s infinite normal;
		-moz-animation: bowen 3.5s linear 0s infinite normal;
		-webkit-animation: bowen 3.5s linear 0s infinite normal;
		-o-animation: bowen 3.5s linear 0s infinite normal;
	}
	.dt30 .box5 .line4 {
		animation: bowen 4s linear 0s infinite normal;
		-moz-animation: bowen 4s linear 0s infinite normal;
		-webkit-animation: bowen 4s linear 0s infinite normal;
		-o-animation: bowen 4s linear 0s infinite normal;
	}
	.dt30 .box6 {
		padding: 0;
	}
	.dt30 .box6 .suspen {
		top: 35%;
	}
	.dt30 .box6 .text-box {
		float: right;
		max-width: 780px;
		text-align: left;
	}
	.dt30 .box6 .h1 {
		color: #ffffff;
	}
	.dt30 .box6 .words {
		color: #ffffff;
	}
	.dt30 .box7 .suspen {
		top: 35%;
	}
	.dt30 .box7 .text-box {
		max-width: 830px;
		text-align: center;
		margin: 0 auto;
	}
	.dt30 .box7 .words {
		color: #ffffff;
	}
	.dt30 .box8 .text-box {
		max-width: 610px;
	}
	.dt30 .box8 .list-box {
		font-size: 0;
		margin-top: 55px;
	}
	.dt30 .box8 .column {
		display: inline-block;
		vertical-align: top;
		text-align: center;
		margin-right: 55px;
	}
	.dt30 .box8 .column:nth-child(3n) {
		margin-right: 0;
	}
	.dt30 .box8 .name {
		font-size: 18px;
		color: #5f9aef;
		margin-top: 10px;
	}
	.dt30 .box9 .text-box {
		max-width: 665px;
	}
	.dt30 .box9 .h1 {
		color: #333333;
	}
	.dt30 .box9 .words {
		color: #333333;
	}
	.dt30 .box9 .list-box {
		font-size: 0;
		margin-top: 84px;
	}
	.dt30 .box9 .column {
		display: inline-block;
		vertical-align: top;
		position: relative;
		text-align: center;
		margin-right: 110px;
	}
	.dt30 .box9 .column:nth-child(2n) {
		margin-right: 0;
	}
	.dt30 .box9 .suspen2 {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		padding: 23px 0;
		padding-left: 10px;
	}
	.dt30 .box9 .d1 {
		font-size: 18px;
		color: #666666;
	}
	.dt30 .box9 .d2 {
		font-size: 40px;
		color: #333333;
		font-weight: bold;
		margin: 23px 0;
	}
	.dt30 .box9 .img-box {
		position: absolute;
		top: 50%;
		right: 7.5%;
		transform: translateY(-50%);
	}
	.dt30 .box10 .text-box {
		max-width: 470px;
	}
	.dt30 .box10 .h1 {
		color: #ffffff;
	}
	.dt30 .box10 .words {
		color: #ffffff;
	}
	.dt30 .box10 .swiper-pagination {
		font-size: 0;
		width: auto;
		bottom: 5%;
		left: 50%;
		transform: translateX(-50%);
		background-color: rgba(255, 255, 255, .2);
		height: 21px;
		line-height: 21px;
		border-radius: 10px;
		padding: 0 15px;
	}
	.dt30 .box10 .swiper-pagination-bullet {
		width: 12px;
		height: 12px;
		vertical-align: middle;
		margin: 0 8px;
		opacity: 1;
		background-color: #ffffff;
	}
	.dt30 .box10 .swiper-pagination-bullet-active {
		background-color: #a06253;
	}
	.dt30 .box11 {
		padding: 93px 0 0;
		text-align: center;
		background-color: #eeeeee;
	}
	.dt30 .box11 .text-box {
		max-width: 665px;
		text-align: center;
		margin-bottom: 107px;
	}
	.dt30 .box11 .h1 {
		color: #333333;
	}
	.dt30 .box11 .words {
		color: #333333;
	}
	.dt30 .box11 .img-box {
		position: relative;
		display: inline-block;
	}
	.dt30 .box11 .column {
		position: absolute;
	}
	.dt30 .box11 .name {
		font-size: 20px;
		color: #333333;
		margin-top: 10px;
	}
	.dt30 .box11 .column1 {
		left: 1.5%;
		bottom: 12%;
	}
	.dt30 .box11 .name1 {
		text-align: right;
	}
	.dt30 .box11 .column2 {
		left: 16%;
		bottom: 49%;
	}
	.dt30 .box11 .column3 {
		left: 35%;
		bottom: 75%;
	}
	.dt30 .box11 .column4 {
		right: 35%;
		bottom: 75%;
	}
	.dt30 .box11 .column5 {
		right: 16%;
		bottom: 49%;
	}
	.dt30 .box11 .column6 {
		right: 1.5%;
		bottom: 12%;
	}
	.dt30 .box11 .img1 {
		position: absolute;
		bottom: 0;
		left: 50%;
		transform: translateX(-50%);
	}
	.repla-popups {
		display: none;
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: 99;
		background-color: rgba(0, 0, 0, .7)
	}
	.repla-popups .img {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		max-width: 80%;
		max-height: 80vh;
	}
	.repla-popups .close {
		position: absolute;
		right: 40px;
		top: 40px;
		width: 30px;
		height: 30px;
		font-size: 24px;
		color: #ffffff;
		border: 1px solid #ffffff;
		line-height: 24px;
		text-align: center;
		border-radius: 50%;
		cursor: pointer;
	}
	.dt40 .box1 {
		height: 1067px;
	}
	.dt40 .box2 {
		height: 1070px;
	}
	.dt40 .box3 {
		height: 854px;
	}
	.dt40 .box4 {
		height: auto;
	}
	.dt40 .box5 {
		height: 674px;
	}
	.dt40 .box6 {
		height: auto;
	}
	.dt40 .box7 {
		height: 773px;
	}
	.dt40 .box8 {
		height: auto;
	}
	.dt40 .box9 {
		height: auto;
	}
	.dt40 .box10 {
		height: 825px;
	}
	.dt40 .box11 {
		height: 892px;
	}
	.dt40 .box12 {
		height: 622px;
	}
	.dt40 .box13 {
		height: 817px;
	}
	.dt40 .box14 {
		height: auto;
	}
	.dt40 .box1 .suspen {
		top: 43%;
		padding: 0 55px;
	}
	.dt40 .box1 .text-box {
		float: right;
		max-width: 435px;
		text-align: right;
	}
	.dt40 .box1 .h1 {
		color: #ffffff;
	}
	.dt40 .box1 .h2 {
		font-size: 34px;
		color: #ffffff;
		font-weight: bold;
	}
	.dt40 .box1 .img-box {
		position: absolute;
		top: 20.5%;
		left: 19.7%;
	}
	.dt40 .box3 .suspen {
		top: 50%;
	}
	.dt40 .box3 .text-box {
		max-width: 435px;
		margin-right: 13%;
	}
	.dt40 .box3 .words {
		font-weight: normal;
	}
	.dt40 .box3 .list-box {
		font-size: 0;
		margin-top: 60px;
	}
	.dt40 .box3 .column {
		display: inline-block;
		vertical-align: top;
		text-align: center;
		margin-right: 80px;
	}
	.dt40 .box3 .column:nth-child(2n) {
		margin-right: 0;
	}
	.dt40 .box3 .name {
		font-size: 18px;
		color: #333333;
		margin-top: 10px;
	}
	.dt40 .box3 .img-box {
		position: absolute;
		top: 50%;
		left: 13.5%;
		transform: translateY(-50%);
	}
	.dt40 .box4 {
		padding: 104px 0 137px;
		background-size: cover;
		background-position: center center;
	}
	.dt40 .box4 .suspen {
		position: relative;
		top: auto;
		left: auto;
		bottom: auto;
		transform: translate(0);
	}
	.dt40 .box4 .text-box {
		max-width: 670px;
	}
	.dt40 .box4 .list-box {
		font-size: 0;
		margin-top: 106px;
		text-align: center;
	}
	.dt40 .box4 .column {
		display: inline-block;
		vertical-align: top;
		max-width: 315px;
		width: 100%;
		height: 84px;
		border-right: 1px dashed #ffffff;
	}
	.dt40 .box4 .column:last-child {
		border: 0;
	}
	.dt40 .box4 .icon {
		line-height: 84px;
	}
	.dt40 .box4 .d1 {
		font-size: 26px;
		color: #ffd100;
		font-weight: bold;
		margin: 8px 0 24px;
	}
	.dt40 .box4 .d2 {
		font-size: 24px;
		color: #ffffff;
	}
	.dt40 .box5 .suspen {
		width: 73%;
		top: 50%;
	}
	.dt40 .box5 .text-box {
		margin-right: 10%;
	}
	.dt40 .box5 .h1 {
		margin-bottom: 22px;
	}
	.dt40 .box6 {
		padding: 0;
		background: none;
	}
	.dt40 .box6 .list-box {
		max-width: 100%;
		font-size: 0;
		background-color: #ecedee;
	}
	.dt40 .box6 .column {
		float: none;
		margin: 0;
		position: relative;
		display: inline-block;
		vertical-align: top;
	}
	.dt40 .box6 .r-text {
		width: 49%;
	}
	.dt40 .box6 .suspen {
		left: 20%;
		width: 70%;
		transform: translate(0, -50%);
	}
	.dt40 .box6 .text-box {
		text-align: left;
	}
	.dt40 .box6 .h1 {
		color: #3e557b;
	}
	.dt40 .box6 .words {
		color: #3e557b;
	}
	.dt40 .box6 .l-img {
		width: 51%;
	}
	.dt40 .box7 .suspen {
		top: 18.5%;
	}
	.dt40 .box7 .text-box {
		max-width: 100%;
		text-align: center;
		margin: 0 auto;
	}
	.dt40 .box7 .h1 {
		margin-bottom: 21px;
	}
	.dt40 .box7 .words {
		color: #ffffff;
	}
	.dt40 .box8 {
		background-size: cover;
		background-position: center center;
		padding: 78px 0 0;
	}
	.dt40 .box8 .suspen {
		position: relative;
		top: auto;
		left: auto;
		transform: translate(0, 0);
	}
	.dt40 .box8 .text-box {
		float: none;
		max-width: 670px;
		text-align: center;
		margin: 0 auto;
	}
	.dt40 .box8 .h1 {
		color: #252525;
	}
	.dt40 .box8 .words {
		color: #383838;
	}
	.dt40 .box8 .img-box {
		position: relative;
		text-align: center;
		margin-top: 73px;
	}
	.dt40 .box8 .column {
		position: absolute;
	}
	.dt40 .box8 .name {
		font-size: 18px;
		color: #36507b;
		margin-top: 12px;
	}
	.dt40 .box8 .column1 {
		width: 89px;
		top: 37%;
		left: 18%;
	}
	.dt40 .box8 .column2 {
		width: 97px;
		top: 65%;
		left: 15%;
	}
	.dt40 .box8 .column3 {
		width: 125px;
		top: 60%;
		left: 30%;
	}
	.dt40 .box8 .column4 {
		width: 81px;
		top: 2%;
		right: 27%;
	}
	.dt40 .box8 .column5 {
		width: 98px;
		top: 20%;
		right: 12%;
	}
	.dt40 .box8 .column6 {
		width: 118px;
		top: 32%;
		right: 22%;
	}
	.dt40 .box9 .text-box {
		float: right;
		max-width: 620px;
	}
	.dt40 .box9 .h1 {
		color: #ffffff;
	}
	.dt40 .box9 .words {
		color: #ffffff;
	}
	.dt40 .box9 .swiper-pagination {
		font-size: 0;
		width: auto;
		bottom: 5%;
		left: 50%;
		transform: translateX(-50%);
		background-color: rgba(255, 255, 255, .2);
		height: 21px;
		line-height: 21px;
		border-radius: 10px;
		padding: 0 15px;
	}
	.dt40 .box9 .swiper-pagination-bullet {
		width: 12px;
		height: 12px;
		vertical-align: middle;
		margin: 0 8px;
		opacity: 1;
		background-color: #ffffff;
	}
	.dt40 .box9 .swiper-pagination-bullet-active {
		background-color: #a06253;
	}
	.dt40 .box10 .suspen {
		top: 8%;
		transform: translate(-50%, 0);
	}
	.dt40 .box10 .text-box {
		float: none;
		text-align: center;
		max-width: 100%;
	}
	.dt40 .box10 .h1 {
		color: #ffffff;
		margin-bottom: 7px;
	}
	.dt40 .box10 .words {
		font-size: 16px;
		color: #ffffff;
	}
	.dt40 .box11 .suspen {
		bottom: auto;
		top: 25%;
	}
	.dt40 .box11 .text-box {
		float: right;
		margin: 0;
		text-align: left;
		margin-right: 7%;
	}
	.dt40 .box11 .h1 {
		margin-bottom: 10px;
	}
	.dt40 .box11 .list-box {
		margin-top: 90px;
	}
	.dt40 .box11 .column {
		margin-bottom: 68px;
	}
	.dt40 .box11 .column:last-child {
		margin-bottom: 0;
	}
	.dt40 .box11 .d1 {
		font-size: 26px;
		color: #ffd100;
		font-weight: bold;
		margin-bottom: 18px;
	}
	.dt40 .box11 .d2 {
		font-size: 24px;
		color: #ffffff;
	}
	.dt40 .box11 .img-box {
		position: absolute;
		left: 7%;
		top: 5%;
	}
	.dt40 .box12 .text-box {
		max-width: 570px;
	}
	.dt40 .box12 .h1 {
		color: #ffffff;
		margin-bottom: 18px;
	}
	.dt40 .box12 .words {
		color: #ffffff;
	}
	.dt40 .box13 .suspen {
		top: 35%;
	}
	.dt40 .box13 .text-box {
		float: right;
		max-width: 540px;
	}
	.dt40 .box13 .h1 {
		color: #ffffff;
		margin-bottom: 10px;
	}
	.dt40 .box13 .words {
		color: #ffffff;
	}
	.dt40 .box13 .img-box {
		position: absolute;
		top: 14%;
		left: 20%;
	}
	.dt40 .box14 .text-box {
		max-width: 440px;
		margin-left: 13%;
	}
	.dt40 .box14 .h1 {
		color: #ffffff;
		margin-bottom: 24px;
	}
	.dt40 .box14 .words {
		color: #ffffff;
	}
	.dt40 .box14 .swiper-pagination {
		font-size: 0;
		width: auto;
		bottom: 5%;
		left: 50%;
		transform: translateX(-50%);
		background-color: rgba(255, 255, 255, .2);
		height: 21px;
		line-height: 21px;
		border-radius: 10px;
		padding: 0 15px;
	}
	.dt40 .box14 .swiper-pagination-bullet {
		width: 12px;
		height: 12px;
		vertical-align: middle;
		margin: 0 8px;
		opacity: 1;
		background-color: #ffffff;
	}
	.dt40 .box14 .swiper-pagination-bullet-active {
		background-color: #a06253;
	}
	.dt50 .box1 {
		height: 1098px;
	}
	.dt50 .box2 {
		height: 694px;
	}
	.dt50 .box3 {
		height: 752px;
	}
	.dt50 .box4 {
		height: 1016px;
	}
	.dt50 .box5 {
		height: 655px;
	}
	.dt50 .box6 {
		height: auto;
	}
	.dt50 .box7 {
		height: 892px;
	}
	.dt50 .box8 {
		height: auto;
	}
	.dt50 .box9 {
		height: 681px;
	}
	.dt50 .box10 {
		height: auto;
	}
	.dt50 .box11 {
		height: 911px;
	}
	.dt50 .box12 {
		height: auto;
	}
	.dt50 .box1 .suspen {
		top: 55%;
	}
	.dt50 .box1 .h1 {
		font-size: 70px;
		color: #ffffff;
		line-height: 1;
		margin-bottom: 50px;
	}
	.dt50 .box1 .h2 {
		font-size: 34px;
		font-weight: bold;
		color: #ffffff;
	}
	.dt50 .box1 .img-box {
		position: absolute;
		bottom: 3%;
		right: 12%;
	}
	.dt50 .box3 .suspen {
		top: 50%;
	}
	.dt50 .box3 .text-box {
		max-width: 630px;
		margin-right: 5%;
	}
	.dt50 .box3 .h1 {
		padding: 0 2%;
		color: #ffffff;
	}
	.dt50 .box3 .list-box {
		font-size: 0;
		margin-top: 44px;
	}
	.dt50 .box3 .column {
		display: inline-block;
		vertical-align: top;
		width: 50%;
		padding: 0 2%;
		margin-bottom: 55px;
	}
	.dt50 .box3 .icon {
		margin-bottom: 10px;
	}
	.dt50 .box3 .words2 {
		font-size: 20px;
		color: #cdcdcd;
		line-height: 32px;
	}
	.dt50 .box4 .suspen {
		top: 45%;
		bottom: auto;
	}
	.dt50 .box4 .text-box {
		float: right;
		max-width: 540px;
		text-align: left;
		margin: 0;
		margin-right: 3%;
	}
	.dt50 .box4 .h1 {
		margin-bottom: 19px;
	}
	.dt50 .box4 .words {
		font-weight: normal;
	}
	.dt50 .box5 .suspen {
		top: 50%;
	}
	.dt50 .box5 .text-box {
		float: none;
		max-width: 100%;
		padding-left: 5%;
	}
	.dt50 .box5 .h1 {
		color: #252525;
		margin-bottom: 37px;
	}
	.dt50 .box5 .words {
		color: #383838;
		font-weight: normal;
	}
	.dt50 .box5 .img-box {
		position: absolute;
		bottom: 0;
		right: 19.7%;
	}
	.yingliang {
		text-align: left;
		position: relative;
		margin-top: 35px
	}
	.yingliang li {
		width: 90px;
		height: 59px;
		float: left;
	}
	.yingliang li span {
		height: 30px;
		background: #008617;
		width: 2px;
		margin: 0 2px;
		display: inline-block;
		vertical-align: -webkit-baseline-middle;
		animation: yingliang 1s infinite;
		-webkit-animation: yingliang 1s infinite;
	}
	.yingliang li span:nth-child(1) {
		animation-delay: 0.1s;
		-webkit-animation-delay: 0.1s;
	}
	.yingliang li span:nth-child(2) {
		animation-delay: 0.2s;
		-webkit-animation-delay: 0.2s;
	}
	.yingliang li span:nth-child(3) {
		animation-delay: 0.3s;
		-webkit-animation-delay: 0.3s;
	}
	.yingliang li span:nth-child(4) {
		animation-delay: 0.3s;
		-webkit-animation-delay: 0.3s;
	}
	.yingliang li span:nth-child(5) {
		animation-delay: 0.3s;
		-webkit-animation-delay: 0.3s;
	}
	.yingliang li span:nth-child(6) {
		animation-delay: 0.2s;
		-webkit-animation-delay: 0.2s;
	}
	.yingliang li span:nth-child(7) {
		animation-delay: 0.1s;
		-webkit-animation-delay: 0.1s;
	}
	.yingliang li span:nth-child(8) {
		animation-delay: 0.2s;
		-webkit-animation-delay: 0.2s;
	}
	.yingliang li span:nth-child(9) {
		animation-delay: 0.3s;
		-webkit-animation-delay: 0.3s;
	}
	.yingliang li span:nth-child(10) {
		animation-delay: 0.4s;
		-webkit-animation-delay: 0.4s;
	}
	.yingliang li span:nth-child(11) {
		animation-delay: 0.5s;
		-webkit-animation-delay: 0.5s;
	}
	.yingliang li span:nth-child(12) {
		animation-delay: 0.4s;
		-webkit-animation-delay: 0.4s;
	}
	.yingliang li span:nth-child(13) {
		animation-delay: 0.3s;
		-webkit-animation-delay: 0.3s;
	}
	@keyframes yingliang {
		0% {
			height: 0px;
		}
		50% {
			height: 30px;
		}
		100% {
			height: 0px;
		}
	}
	@-webkit-keyframes yingliang {
		0% {
			height: 0px;
		}
		50% {
			height: 30px;
		}
		100% {
			height: 0px;
		}
	}
	.yingliang i {
		float: left;
		width: 20px;
		height: 20px;
		margin-top: 3px;
		background: url("../Images/pro_left.svg") no-repeat;
		background-size: 90%;
		font-style: normal;
		font-size: 20px;
	}
	.dt50 .box6 {
		padding: 0;
	}
	.dt50 .box6 .list-box {
		max-width: 100%;
		font-size: 0;
	}
	.dt50 .box6 .column {
		display: inline-block;
		vertical-align: top;
		margin: 0;
		float: none;
		position: relative;
	}
	.dt50 .box6 .l-img {
		width: 58.38%;
	}
	.dt50 .box6 .r-text {
		width: 41.62%;
	}
	.dt50 .box6 .suspen {
		position: absolute;
		top: 50%;
		left: 50%;
		width: 80%;
		transform: translate(-50%, -50%);
	}
	.dt50 .box6 .text-box {
		text-align: left;
	}
	.dt50 .box6 .h1 {
		color: #ffffff;
		margin-bottom: 10px;
	}
	.dt50 .box6 .words {
		color: #ffffff;
	}
	.dt50 .box6 .list-box2 {
		font-size: 0;
		margin-top: 74px;
	}
	.dt50 .box6 .column2 {
		display: inline-block;
		vertical-align: top;
		margin-right: 58px;
		text-align: center;
		z-index: 9;
	}
	.dt50 .box6 .column2:last-child {
		margin-right: 0;
	}
	.dt50 .box6 .column2 .icon img {
		height: 38px;
	}
	.dt50 .box6 .name {
		font-size: 20px;
		color: #ffffff;
		margin-top: 16px;
	}
	.dt50 .box7 .suspen {
		top: 50%;
	}
	.dt50 .box7 .text-box {
		max-width: 625px;
	}
	.dt50 .box7 .h1 {
		color: #333333;
		margin-bottom: 14px;
	}
	.dt50 .box7 .words {
		color: #383838;
	}
	.dt50 .box7 .img-box {
		position: absolute;
		top: 0;
		right: 0;
	}
	.dt50 .box7 .list-box {
		font-size: 0;
		margin-top: 49px;
	}
	.dt50 .box7 .column {
		display: inline-block;
		vertical-align: top;
		margin-right: 90px;
		text-align: center;
	}
	.dt50 .box7 .column:last-child {
		margin-right: 0;
	}
	.dt50 .box7 .name {
		font-size: 18px;
		color: #383838;
		margin-top: 20px;
	}
	.dt50 .box7 .batt {
		position: relative;
		display: inline-block;
	}
	.dt50 .box7 .line-box {
		position: absolute;
		top: 6px;
		left: 2px;
	}
	.dt50 .box7 .line-box span {
		display: inline-block;
		height: 23px;
		background: #008617;
		width: 2px;
		margin: auto 2px;
		animation: chongdian 1s infinite normal;
		-webkit-animation: chongdian 1s infinite normal;
	}
	@-webkit-keyframes chongdian {
		from {
			opacity: 0;
		}
		to {
			opacity: 1.0;
		}
	}
	@keyframes chongdian {
		from {
			opacity: 0;
		}
		to {
			opacity: 1.0;
		}
	}
	.dt50 .box7 .line-box span.xu9 {
		animation-delay: 1.3s;
		-webkit-animation-delay: 1.3s;
	}
	.dt50 .box7 .line-box span.xu8 {
		animation-delay: 1.2s;
		-webkit-animation-delay: 1.2s;
	}
	.dt50 .box7 .line-box span.xu7 {
		animation-delay: 1.1s;
		-webkit-animation-delay: 1.1s;
	}
	.dt50 .box7 .line-box span.xu6 {
		animation-delay: 1.0s;
		-webkit-animation-delay: 1.0s;
	}
	.dt50 .box7 .line-box span.xu5 {
		animation-delay: 0.9s;
		-webkit-animation-delay: 0.9s;
	}
	.dt50 .box7 .line-box span.xu4 {
		animation-delay: 0.8s;
		-webkit-animation-delay: 0.8s;
	}
	.dt50 .box7 .line-box span.xu3 {
		animation-delay: 0.7s;
		-webkit-animation-delay: 0.7s;
	}
	.dt50 .box7 .line-box span.xu2 {
		animation-delay: 0.6s;
		-webkit-animation-delay: 0.6s;
	}
	.dt50 .box7 .line-box span.xu1 {
		animation-delay: 0.5s;
		-webkit-animation-delay: 0.5s;
	}
	.dt50 .box7 .time {
		position: relative;
		display: inline-block;
	}
	.dt50 .box7 .poin-box span {
		height: 2px;
		background: #008617;
		width: 12px;
		border-radius: 100px;
		position: absolute;
		left: 17.5%;
		top: 48.8%;
		transform-origin: 100% 0 0;
	}
	.dt50 .box7 .poin-box span:nth-child(1) {
		animation: daiji 3s infinite;
	}
	.dt50 .box7 .poin-box span:nth-child(2) {
		animation: daiji 6s infinite;
	}
	@keyframes daiji {
		from {
			-ms-transform: rotate(0);
			-moz-transform: rotate(0);
			-webkit-transform: rotate(0);
			-o-transform: rotate(0);
			transform: rotate(0);
		}
		to {
			-ms-transform: rotate(360deg);
			-moz-transform: rotate(360deg);
			-webkit-transform: rotate(360deg);
			-o-transform: rotate(360deg);
			transform: rotate(360deg);
		}
	}
	.dt50 .box8 .text-box {
		max-width: 730px;
	}
	.dt50 .box8 .h1 {
		color: #ffffff;
		margin-bottom: 10px;
	}
	.dt50 .box8 .words {
		color: #dddddd;
	}
	.dt50 .box8 .list-box {
		font-size: 0;
		margin-top: 90px;
	}
	.dt50 .box8 .column {
		display: inline-block;
		vertical-align: top;
		width: 36%;
		position: relative;
		text-align: center;
	}
	.dt50 .box8 .column::after {
		content: "";
		position: absolute;
		right: 0;
		top: 50%;
		transform: translateY(-50%);
		width: 1px;
		height: 80%;
		background-color: #535353;
	}
	.dt50 .box8 .column:nth-child(1) {
		width: 28%;
		text-align: left;
	}
	.dt50 .box8 .text {
		display: inline-block;
		text-align: center;
	}
	.dt50 .box8 .column:nth-child(3n)::after {
		display: none;
	}
	.dt50 .box8 .d1 {
		font-size: 50px;
		color: #bdbdbd;
		font-weight: bold;
		margin-bottom: 24px;
	}
	.dt50 .box8 .d2 {
		font-size: 20px;
		color: #969696;
	}
	.dt50 .box8 .s1 {
		font-size: 30px;
	}
	.dt50 .box8 .swiper-pagination {
		font-size: 0;
		width: auto;
		bottom: 5%;
		left: 50%;
		transform: translateX(-50%);
		background-color: rgba(255, 255, 255, .2);
		height: 21px;
		line-height: 21px;
		border-radius: 10px;
		padding: 0 15px;
	}
	.dt50 .box8 .swiper-pagination-bullet {
		width: 12px;
		height: 12px;
		vertical-align: middle;
		margin: 0 8px;
		opacity: 1;
		background-color: #ffffff;
	}
	.dt50 .box8 .swiper-pagination-bullet-active {
		background-color: #a06253;
	}
	.dt50 .box9 .suspen {
		top: 50%;
	}
	.dt50 .box9 .text-box {
		max-width: 630px;
		margin-left: 3%;
	}
	.dt50 .box9 .h1 {
		margin-bottom: 18px;
	}
	.dt50 .box9 .img-box {
		position: absolute;
		top: 0;
		left: auto;
		height: 100%;
		right: 7%;
		font-size: 0;
	}
	.dt50 .box9 .img-box img {
		max-height: 100%;
	}
	.dt50 .box10 .carousel {
		position: relative;
	}
	.dt50 .box10 .suspen {
		top: 40%;
	}
	.dt50 .box10 .text-box {
		max-width: 610px;
	}
	.dt50 .box10 .h1 {
		color: #ffffff;
		margin-bottom: 12px;
	}
	.dt50 .box10 .words {
		color: #ffffff;
	}
	.dt50 .box10 .preview {
		position: absolute;
		max-width: 610px;
		width: 100%;
		right: 13.5%;
		top: 55%;
	}
	.dt50 .box10 .preview .img2 {
		display: none;
	}
	.dt50 .box10 .preview .active-nav .img1 {
		display: none;
	}
	.dt50 .box10 .preview .active-nav .img2 {
		display: inline-block;
	}
	.dt50 .box10 .active-nav .name {
		color: #ffffff;
	}
	.dt50 .box10 .list-box {
		margin-top: 64px;
		font-size: 0;
	}
	.dt50 .box10 .column {
		display: inline-block;
		vertical-align: top;
		margin-right: 130px;
		text-align: center;
	}
	.dt50 .box10 .column:last-child {
		margin-right: 0;
	}
	.dt50 .box10 .name {
		font-size: 20px;
		color: #7d7d7d;
		margin-top: 12px;
	}
	.dt50 .box10 .swiper-pagination {
		font-size: 0;
		width: auto;
		bottom: 5%;
		left: 50%;
		transform: translateX(-50%);
		background-color: rgba(255, 255, 255, .2);
		height: 21px;
		line-height: 21px;
		border-radius: 10px;
		padding: 0 15px;
	}
	.dt50 .box10 .swiper-pagination-bullet {
		width: 12px;
		height: 12px;
		vertical-align: middle;
		margin: 0 8px;
		opacity: 1;
		background-color: #ffffff;
	}
	.dt50 .box10 .swiper-pagination-bullet-active {
		background-color: #a06253;
	}
	.dt50 .box11 .suspen {
		top: 40%;
	}
	.dt50 .box11 .text-box {
		max-width: 100%;
		text-align: left;
	}
	.dt50 .box11 .h1 {
		margin-bottom: 41px;
	}
	.dt50 .box12 {
		padding: 93px 0 0;
		text-align: center;
		background: -moz-linear-gradient(top, #ffffff 0%, #e7edf4 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #e7edf4));
		background: -webkit-linear-gradient(top, #ffffff 0%, #e7edf4 100%);
		background: -o-linear-gradient(top, #ffffff 0%, #e7edf4 100%);
		background: -ms-linear-gradient(top, #ffffff 0%, #e7edf4 100%);
		background: linear-gradient(to bottom, #ffffff 0%, #e7edf4 100%);
		background-color: #eeeeee;
	}
	.dt50 .box12 .text-box {
		max-width: 665px;
		text-align: center;
		margin: 0 auto;
		margin-bottom: 107px;
	}
	.dt50 .box12 .h1 {
		color: #333333;
	}
	.dt50 .box12 .words {
		color: #333333;
	}
	.dt50 .box12 .img-box {
		position: relative;
		display: inline-block;
	}
	.dt50 .box12 .column {
		position: absolute;
	}
	.dt50 .box12 .name {
		font-size: 20px;
		color: #333333;
		margin-top: 10px;
	}
	.dt50 .box12 .column1 {
		left: 0;
		bottom: 16%;
	}
	.dt50 .box12 .name1 {
		text-align: right;
	}
	.dt50 .box12 .column2 {
		left: 11%;
		bottom: 53%;
	}
	.dt50 .box12 .column3 {
		left: 30%;
		bottom: 77%;
	}
	.dt50 .box12 .column4 {
		right: 30%;
		bottom: 77%;
	}
	.dt50 .box12 .column5 {
		right: 11%;
		bottom: 53%;
	}
	.dt50 .box12 .column6 {
		right: 0;
		bottom: 16%;
	}
	.dt50 .box12 .img1 {
		position: absolute;
		bottom: 0;
		left: 50%;
		transform: translateX(-50%);
	}
	.i9000s .box1 {
		height: 892px;
	}
	.i9000s .box2 {
		height: 693px;
	}
	.i9000s .box3 {
		height: auto;
	}
	.i9000s .box4 {
		height: auto;
	}
	.i9000s .box5 {
		height: 862px;
	}
	.i9000s .box6 {
		height: 642px;
	}
	.i9000s .box7 {
		height: 942px;
	}
	.i9000s .box8 {
		height: 892px;
	}
	.i9000s .box9 {
		height: 971px;
	}
	.i9000s .box10 {
		height: 823px;
	}
	.i9000s .box11 {
		height: 991px;
	}
	.i9000s .box12 {
		height: auto;
	}
	.i9000s .box1 .text-box {
		float: right;
	}
	.i9000s .box1 .h1 {
		font-size: 70px;
		color: #ffffff;
		line-height: 1;
		margin-bottom: 40px;
		text-shadow: 0 2px 7px rgba(0, 0, 0, .3);
	}
	.i9000s .box1 .words {
		font-size: 32px;
		color: #ffffff;
		font-weight: bold;
		line-height: 1;
		text-shadow: 0 2px 7px rgba(0, 0, 0, .3);
	}
	.i9000s .box3 {
		padding: 85px 0 50px;
		background-position: center center;
		background-size: cover;
	}
	.i9000s .box3 .suspen {
		position: relative;
		top: auto;
		left: auto;
		transform: translate(0, 0);
	}
	.i9000s .box3 .text-box {
		float: none;
		max-width: 100%;
		text-align: center;
	}
	.i9000s .box3 .h1 {
		color: #ffffff;
	}
	.i9000s .box3 .words {
		color: #ffffff;
		font-weight: normal;
	}
	.i9000s .box3 .list-box {
		margin-top: 71px;
		font-size: 0;
		padding: 0 30px;
	}
	.i9000s .box3 .column {
		display: inline-block;
		vertical-align: top;
		width: 24%;
		margin: 0 0.5%;
		text-align: center;
	}
	.i9000s .box3 .img {
		border-radius: 30px;
		overflow: hidden;
	}
	.i9000s .box3 .name {
		font-size: 24px;
		color: #ffffff;
		margin-top: 26px;
	}
	.i9000s .box4 {
		padding: 109px 0 108px;
		background-position: center center;
		background-size: cover;
	}
	.i9000s .box4 .suspen {
		position: relative;
		top: auto;
		left: auto;
		bottom: auto;
		transform: translate(0, 0);
	}
	.i9000s .box4 .h1 {
		color: #d0dcf8;
		margin-bottom: 113px;
		background: linear-gradient(#d8e4ff, #c1ceed);
		-webkit-background-clip: text;
		color: transparent;
	}
	.i9000s .box4 .list-box {
		font-size: 0;
	}
	.i9000s .box4 .column {
		display: inline-block;
		vertical-align: top;
		width: 25%;
		padding: 0 2%;
		text-align: center;
	}
	.i9000s .box4 .name {
		font-size: 24px;
		color: #d9e4fc;
		margin-top: 40px;
	}
	.i9000s .box5 .suspen {
		top: 50%;
	}
	.i9000s .box5 .wd3 {
		width: 73%;
	}
	.i9000s .box5 .text-box {
		float: none;
		max-width: 540px;
	}
	.i9000s .box5 .h1 {
		margin-bottom: 18px;
	}
	.i9000s .box5 .words {
		font-weight: normal;
	}
	.i9000s .box5 .list-box {
		font-size: 0;
		margin-top: 55px;
	}
	.i9000s .box5 .column {
		display: inline-block;
		vertical-align: top;
		margin-right: 60px;
		text-align: center;
	}
	.i9000s .box5 .column:last-child {
		margin-right: 0;
	}
	.i9000s .box5 .name {
		font-size: 20px;
		color: #ffffff;
		margin-top: 16px;
	}
	.i9000s .box6 {
		padding: 0;
		background: none;
	}
	.i9000s .box6 .h1 {
		text-align: left;
		color: #ffffff;
		margin-bottom: 55px;
	}
	.i9000s .box6 .text-box {
		float: right;
		margin-bottom: 0;
		margin-right: 6.5%;
	}
	.i9000s .box6 .list-box {
		font-size: 0;
	}
	.i9000s .box6 .column {
		float: none;
		width: 100%;
		margin-right: 0;
		border-radius: 0;
		margin-bottom: 35px;
		text-align: left;
	}
	.i9000s .box6 .column:last-child {
		margin-bottom: 0;
	}
	.i9000s .box6 .icon {
		display: inline-block;
		vertical-align: top;
		margin-right: 20px;
	}
	.i9000s .box6 .words2 {
		display: inline-block;
		vertical-align: top;
		font-size: 24px;
		color: #ffffff;
		line-height: 53px;
	}
	.i9000s .box7 .suspen {
		top: 8%;
		transform: translate(-50%, 0);
	}
	.i9000s .box7 .text-box {
		max-width: 100%;
		text-align: center;
	}
	.i9000s .box7 .h1 {
		color: #495981;
		margin-bottom: 11px;
	}
	.i9000s .box7 .words {
		color: #495981;
	}
	.i9000s .box8 .text-box {
		max-width: 590px;
	}
	.i9000s .box8 .h1 {
		margin-bottom: 13px;
	}
	.i9000s .box8 .capa {
		font-size: 0;
		margin-top: 84px;
	}
	.i9000s .box8 .icon {
		display: inline-block;
		vertical-align: top;
		margin-right: 24px;
	}
	.i9000s .box8 .words2 {
		display: inline-block;
		vertical-align: top;
		font-size: 49px;
		color: #9dbefe;
		font-weight: bold;
	}
	.i9000s .box9 .suspen {
		top: 55%;
	}
	.i9000s .box9 .text-box {
		max-width: 615px;
	}
	.i9000s .box9 .h1 {
		margin-bottom: 18px;
	}
	.i9000s .box9 .list-box {
		font-size: 0;
	}
	.i9000s .box9 .column {
		display: inline-block;
		vertical-align: top;
		width: 33.33%;
		margin-top: 82px;
		text-align: left;
	}
	.i9000s .box9 .icon-box {
		display: inline-block;
		text-align: center;
	}
	.i9000s .box9 .name {
		font-size: 20px;
		color: #ffffff;
		margin-top: 20px;
	}
	.i9000s .box10 .suspen {
		top: 55%;
	}
	.i9000s .box10 .text-box {
		max-width: 550px;
	}
	.i9000s .box10 .h1 {
		color: #ffffff;
		margin-bottom: 18px;
	}
	.i9000s .box10 .words {
		color: #ffffff;
	}
	.i9000s .box11 .suspen {
		top: 7%;
	}
	.i9000s .box11 .text-box {
		max-width: 690px;
	}
	.i9000s .box11 .h1 {
		margin-bottom: 8px;
	}
	.i9000s .box12 {
		padding: 0;
	}
	.i9000s .box12 .list-box {
		max-width: 100%;
		font-size: 0;
	}
	.i9000s .box12 .column {
		display: inline-block;
		vertical-align: top;
		margin: 0;
		float: none;
		position: relative;
	}
	.i9000s .box12 .l-img {
		width: 56.35%;
	}
	.i9000s .box12 .r-text {
		width: 43.65%;
	}
	.i9000s .box12 .suspen {
		position: absolute;
		top: 50%;
		left: 50%;
		width: 76%;
		transform: translate(-50%, -50%);
	}
	.i9000s .box12 .text-box {
		text-align: left;
	}
	.i9000s .box12 .h1 {
		color: #ffffff;
		margin-bottom: 32px;
	}
	.i9000s .box12 .words {
		color: #ffffff;
	}
	.i9000s .box12 .list-box2 {
		font-size: 0;
		margin-top: 74px;
	}
	.i9000s .box12 .column2 {
		display: inline-block;
		vertical-align: top;
		margin-right: 58px;
		text-align: center;
	}
	.i9000s .box12 .column2:last-child {
		margin-right: 0;
	}
	.i9000s .box12 .name {
		font-size: 20px;
		color: #ffffff;
		margin-top: 16px;
	}
	.i9000s .box12 .swiper-pagination {
		font-size: 0;
		width: auto;
		bottom: 3%;
		left: 50%;
		transform: translateX(-50%);
		background-color: rgba(255, 255, 255, .2);
		height: 21px;
		line-height: 21px;
		border-radius: 10px;
		padding: 0 15px;
	}
	.i9000s .box12 .swiper-pagination-bullet {
		width: 12px;
		height: 12px;
		vertical-align: middle;
		margin: 0 8px;
		opacity: 1;
		background-color: #ffffff;
	}
	.i9000s .box12 .swiper-pagination-bullet-active {
		background-color: #a06253;
	}
	.i9000s .tech-column {
		margin-bottom: 40px;
	}
	.i9100 .box1 {
		height: 892px;
	}
	.i9100 .box2 {
		height: auto;
	}
	.i9100 .box3 {
		height: auto;
	}
	.i9100 .box4 {
		height: 864px;
	}
	.i9100 .box5 {
		height: 843px;
	}
	.i9100 .box6 {
		height: 709px;
	}
	.i9100 .box7 {
		height: 917px;
	}
	.i9100 .box8 {
		height: 686px;
	}
	.i9100 .box9 {
		height: 763px;
	}
	.i9100 .box10 {
		height: auto;
	}
	.i9100 .box11 {
		height: 1089px;
	}
	.i9100 .box1 .suspen {
		top: 55%;
	}
	.i9100 .box1 .text-box {
		float: right;
		margin-right: 5%;
	}
	.i9100 .box1 .h1 {
		font-size: 70px;
		color: #f57236;
		line-height: 1;
		margin-bottom: 36px;
		background: linear-gradient(#fd684c, #d23315, #b11d00);
		-webkit-background-clip: text;
		color: transparent;
	}
	.i9100 .box1 .words {
		font-size: 32px;
		color: #b11d00;
		line-height: 1;
		font-weight: normal;
	}
	.i9100 .box2 {
		padding: 90px 0;
		background-size: cover;
		background-position: center center;
	}
	.i9100 .box2 .suspen {
		position: relative;
		top: auto;
		left: 0;
		transform: translate(0);
	}
	.i9100 .box2 .h1 {
		font-size: 48px;
		color: #f56d53;
		text-align: center;
		margin-bottom: 90px;
		background: linear-gradient(#fe7b63, #f24b2c);
		-webkit-background-clip: text;
		color: transparent;
	}
	.i9100 .box2 .list-box {
		font-size: 0;
		text-align: center;
	}
	.i9100 .box2 .column {
		display: inline-block;
		vertical-align: top;
		width: 25%;
		padding: 0 2%;
	}
	.i9100 .box2 .name {
		font-size: 24px;
		color: #f56d53;
		margin-top: 40px;
	}
	.i9100 .box3 {
		padding: 0;
	}
	.i9100 .box3 .list-box {
		max-width: 100%;
		font-size: 0;
	}
	.i9100 .box3 .column {
		display: inline-block;
		vertical-align: top;
		margin: 0;
		float: none;
		position: relative;
	}
	.i9100 .box3 .l-img {
		width: 58.8%;
	}
	.i9100 .box3 .r-text {
		width: 41.2%;
	}
	.i9100 .box3 .suspen {
		position: absolute;
		top: 50%;
		left: 50%;
		width: 80%;
		transform: translate(-50%, -50%);
	}
	.i9100 .box3 .text-box {
		float: none;
		max-width: 100%;
		text-align: left;
	}
	.i9100 .box3 .h1 {
		color: #ffffff;
		margin-bottom: 18px;
	}
	.i9100 .box3 .words {
		color: #ffffff;
	}
	.i9100 .box3 .swiper-pagination {
		font-size: 0;
		width: auto;
		bottom: 3%;
		left: 50%;
		transform: translateX(-50%);
		background-color: rgba(255, 255, 255, .2);
		height: 21px;
		line-height: 21px;
		border-radius: 10px;
		padding: 0 15px;
	}
	.i9100 .box3 .swiper-pagination-bullet {
		width: 12px;
		height: 12px;
		vertical-align: middle;
		margin: 0 8px;
		opacity: 1;
		background-color: #ffffff;
	}
	.i9100 .box3 .swiper-pagination-bullet-active {
		background-color: #a06253;
	}
	.i9100 .box3 .list-box2 {
		font-size: 0;
		margin-top: 66px;
	}
	.i9100 .box3 .column2 {
		display: inline-block;
		vertical-align: top;
		margin-right: 58px;
		text-align: center;
	}
	.i9100 .box3 .column2:last-child {
		margin-right: 0;
	}
	.i9100 .box3 .name {
		font-size: 18px;
		color: #ffffff;
		margin-top: 16px;
	}
	.i9100 .box4 .suspen {
		top: 15%;
		bottom: auto;
	}
	.i9100 .box4 .text-box {
		max-width: 100%;
	}
	.i9100 .box4 .h1 {
		margin-bottom: 11px;
	}
	.i9100 .box5 .suspen {
		width: 73%;
		top: 50%;
	}
	.i9100 .box5 .text-box {
		max-width: 590px;
	}
	.i9100 .box5 .h1 {
		margin-bottom: 10px;
	}
	.i9100 .box6 {
		padding: 0;
	}
	.i9100 .box6 .text-box {
		text-align: left;
	}
	.i9100 .box6 .h1 {
		color: #ffffff;
		margin-bottom: 10px;
	}
	.i9100 .box6 .words {
		color: #ffffff;
	}
	.i9100 .box6 .list-box {
		font-size: 0;
		max-width: 100%;
		margin-top: 51px;
	}
	.i9100 .box6 .text-box {
		font-size: 0;
		text-align: left;
	}
	.i9100 .box6 .column {
		float: none;
		width: auto;
		display: inline-block;
		vertical-align: top;
		margin-right: 62px;
		text-align: center;
	}
	.i9100 .box6 .column:last-child {
		margin-right: 0;
	}
	.i9100 .box6 .name {
		font-size: 18px;
		color: #ffffff;
		margin-top: 10px;
	}
	.i9100 .box7 .suspen {
		top: auto;
		transform: translate(-50%, 0);
		bottom: 0;
	}
	.i9100 .box7 .text-box {
		max-width: 100%;
		text-align: center;
	}
	.i9100 .box7 .h1 {
		margin-bottom: 0;
	}
	.i9100 .box7 .list-box {
		font-size: 0;
		margin: 100px 0 90px;
	}
	.i9100 .box7 .column {
		display: inline-block;
		vertical-align: top;
		margin: 0 55px;
	}
	.i9100 .box7 .name {
		font-size: 24px;
		color: #ffffff;
		margin-top: 27px;
	}
	.i9100 .box8 .suspen {
		top: 17%;
		transform: translate(-50%, 0);
	}
	.i9100 .box8 .text-box {
		float: none;
		max-width: 100%;
		text-align: center;
	}
	.i9100 .box8 .h1 {
		margin-bottom: 10px;
	}
	.i9100 .box9 .text-box {
		max-width: 570px;
	}
	.i9100 .box9 .h1 {
		margin-bottom: 10px;
	}
	.i9100 .box10 {
		padding: 90px 0 0;
		background-size: cover;
		background-position: center center;
	}
	.i9100 .box10 .suspen {
		position: relative;
		top: auto;
		left: auto;
		transform: translate(0);
	}
	.i9100 .box10 .text-box {
		float: none;
		max-width: 100%;
	}
	.i9100 .box10 .h1 {
		color: #ffffff;
		text-align: center;
		margin-bottom: 70px;
	}
	.i9100 .box10 .bot-box {
		position: relative;
		overflow: hidden;
	}
	.i9100 .box10 .bot-box>img {
		width: 25.5%;
	}
	.i9100 .box10 .point {
		position: absolute;
		width: 100%;
	}
	.i9100 .box10 .dot {
		position: absolute;
		width: 18px;
		height: 18px;
		background-image: url(../Images/icon275.png);
		background-size: cover;
		z-index: 3;
	}
	.i9100 .box10 .line {
		position: absolute;
		top: 8px;
		left: 8px;
		z-index: 2;
	}
	.i9100 .box10 .pict {
		position: absolute;
		z-index: 1;
		width: 14.5%;
	}
	.i9100 .box10 .words2 {
		position: absolute;
		max-width: 35%;
		font-size: 24px;
		color: #ffffff;
		line-height: 42px;
	}
	.i9100 .box10 .point1 {
		top: 11%;
		left: 14%;
	}
	.i9100 .box10 .point1 .line {
		width: 31.6%;
	}
	.i9100 .box10 .point1 .pict {
		position: absolute;
		top: 0%;
		left: 29%;
		margin-top: -1.5%;
		z-index: 1;
	}
	.i9100 .box10 .point1 .words2 {
		top: 0;
		left: 46.5%;
		margin-top: 3%;
	}
	.i9100 .box10 .point2 {
		top: 31.3%;
		left: 15%;
	}
	.i9100 .box10 .point2 .line {
		width: 33.7%;
	}
	.i9100 .box10 .point2 .pict {
		position: absolute;
		top: 0;
		left: 28.3%;
		margin-top: 2.3%;
		z-index: 1;
	}
	.i9100 .box10 .point2 .words2 {
		top: 0;
		left: 46%;
		margin-top: 6.5%;
	}
	.i9100 .box10 .point3 {
		left: 4%;
		top: 30%;
	}
	.i9100 .box10 .point3 .line {
		width: 40.6%;
	}
	.i9100 .box10 .point3 .line {
		top: 0;
	}
	.i9100 .box10 .point3 .pict {
		position: absolute;
		top: 0;
		left: 39.5%;
		margin-top: 19%;
		z-index: 1;
	}
	.i9100 .box10 .point3 .words2 {
		top: 0;
		left: 57%;
		margin-top: 24%;
	}
	.i9100 .box11 .suspen {
		top: 7%;
		bottom: auto;
	}
	.i9100 .box11 .text-box {
		max-width: 715px;
	}
	.i9100 .box11 .h1 {
		margin-bottom: 11px;
	}
	.i9100 .box11 .list-box {
		font-size: 0;
		text-align: center;
		margin-top: 30px;
	}
	.i9100 .box11 .column {
		display: inline-block;
		vertical-align: top;
		margin: 0 35px;
	}
	.i9100 .box11 .name {
		font-size: 16px;
		color: #ffffff;
		margin-top: 20px;
	}
	.container {
		width: 1400px;
		margin: 0 auto;
	}
	.down-main .banner {
		position: relative;
	}
	.down-main .banner .suspen {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		text-align: center;
		padding-top: 12%;
		line-height: 1;
	}
	.down-main .banner .suspen .h1 {
		font-size: 60px;
		color: #ffffff;
		font-weight: bold;
		margin-bottom: 40px;
	}
	.down-main .banner .suspen .h2 {
		font-size: 24px;
		color: #ffffff;
	}
	.down-main .location {
		position: absolute;
		bottom: 20px;
		right: 5.8%;
	}
	.down-main .location .item {
		font-size: 14px;
		color: #bdbdbd;
	}
	.down-main .down-box {
		margin: 0 0 99px;
	}
	.down-main .down-box .column {
		padding: 0;
		width: 50%;
		float: left;
	}
	.down-main .down-box .text-box {
		border-left: 1px solid #d9d9d9;
		border-right: 1px solid #d9d9d9;
		padding: 50px 45px;
	}
	.down-main .down-box .img {
		position: relative;
	}
	.down-main .down-box .img::before {
		position: absolute;
		content: "";
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: rgba(0, 167, 211, .5);
		display: none;
		z-index: 2;
	}
	.down-main .down-box .column:nth-child(2n) .text-box {
		border-left: 0;
	}
	.down-main .down-box .h1 {
		font-size: 22px;
		color: #333333;
		font-weight: bold;
		line-height: 1;
		margin-bottom: 30px;
		transition: all .3s;
	}
	.down-main .down-box .text {
		font-size: 16px;
		color: #333333;
		line-height: 34px;
		height: 102px;
		word-break: break-all;
		text-overflow: ellipsis;
		overflow: hidden;
		display: -webkit-box;
		-webkit-line-clamp: 3;
		-webkit-box-orient: vertical;
	}
	.down-main .down-box .more-box {
		height: 14px;
		margin-top: 40px;
		padding-right: 30px;
		background-image: url(../Images/icon24-3.png);
		background-repeat: no-repeat;
		background-position: right center;
		display: inline-block;
		transition: all .3s;
	}
	.down-main .down-box .more {
		font-size: 0;
		color: #00a7d3;
	}
	.down-main .down-box .column:hover .h1 {
		color: #00a7d3;
	}
	.down-main .down-box .column:hover .more-box {
		background-image: url(../Images/icon23-3.png);
	}
	.down-main .down-box .column:hover .more {
		font-size: 14px;
	}
	.down-main .down-box .column:hover .img::before {
		display: block;
	}
	@media only screen and (max-width: 1680px) {
		.container {
			width: 1200px;
		}
	}
	@media only screen and (max-width: 1600px) {
		.rela-prod2 .swiper-button-next {
			right: -20px;
		}
		.rela-prod2 .swiper-button-prev {
			left: -20px;
		}
	}
	@media only screen and (max-width: 1280px) {
		.container {
			width: 1000px;
		}
	}
	@media only screen and (max-width: 1199px) {
		.container {
			width: 970px;
		}
	}
	@media only screen and (max-width: 1440px) {
		.down-main .banner .suspen .h1 {
			font-size: 30px;
		}
		.down-main .banner .suspen .h2 {
			font-size: 18px;
		}
		.down-main .down-box {
			margin: 0 0 70px;
		}
		.down-main .down-box .text-box {
			padding: 40px 30px;
		}
		.down-main .down-box .h1 {
			font-size: 18px;
			margin-bottom: 20px;
		}
		.down-main .down-box .text {
			font-size: 14px;
			line-height: 30px;
			height: 90px;
		}
		.solu3 .intro {
			padding: 80px 0;
		}
		.solu3 .intro .text {
			font-size: 18px;
			line-height: 30px;
			padding: 0 50px;
		}
		.solu3 .scenes {
			padding: 80px 0;
		}
		.solu3 .scenes .title {
			margin-bottom: 60px;
		}
		.solu3 .title .h1 {
			font-size: 28px;
		}
		.solu3 .scen-list .column {
			margin-bottom: 30px;
		}
		.solu3 .scen-list2 .column {
			margin-bottom: 30px;
		}
		.solu3 .scen-list .h1 {
			font-size: 20px;
		}
		.solu3 .scen-list .text {
			font-size: 14px;
		}
		.solu3 .case {
			padding: 80px 0 40px;
		}
		.solu3 .case .title {
			margin-bottom: 40px;
		}
		.rela-prod2 {
			padding: 80px 0;
		}
		.rela-prod2 .title {
			margin-bottom: 60px;
		}
		.solu3 .solu-list2 .h1 {
			font-size: 20px;
			line-height: 30px;
			padding: 20px;
		}
		.solu3 .solu-list2 .h2 {
			font-size: 20px;
			margin-bottom: 20px;
		}
		.solu3 .solu-list2 .detail {
			font-size: 14px;
			border: 1px solid #ffffff;
			line-height: 30px;
		}
		.solu3 .story2 {
			padding: 80px 0 100px;
		}
		.solu3 .story2 .title {
			margin-bottom: 60px;
		}
		.solu3 .story2 .column .h1 {
			font-size: 18px;
		}
		.solu3 .story2 .text {
			font-size: 14px;
		}
		.solu3 .scen-list2 .text-box {
			padding: 40px 15px;
		}
		.solu3 .hard-solu {
			padding: 80px 0 20px;
		}
		.solu3 .hard-solu .title {
			margin-bottom: 60px;
		}
		.solu3 .hard-solu .text-box {
			padding: 0 40px;
		}
		.solu3 .hard-solu .column:nth-child(2n) .text-box {
			padding: 0 40px;
		}
		.solu3 .hard-solu .column {
			margin-bottom: 50px;
		}
		.solu3 .soft-solu {
			padding: 50px 0;
		}
		.solu3 .soft-solu .title {
			margin-bottom: 60px;
		}
		.solu3 .soft-solu .detail {
			width: 220px;
			font-size: 18px;
			line-height: 53px;
			border: 1px solid #e5e5e5;
			margin-top: 30px;
		}
	}
	@media only screen and (max-width: 1280px) {
		.solu3 .hard-solu .img {
			width: 400px;
		}
		.solu3 .hard-solu .text-box {
			width: calc(100% - 400px);
		}
		.solu3 .hard-solu .column .h1 {
			font-size: 20px;
		}
		.solu3 .hard-solu .text {
			font-size: 14px;
		}
		.solu3 .hard-solu .detail {
			font-size: 14px;
		}
	}
	@media only screen and (max-width: 1024px) {
		.solu3 .scen-list .column {
			width: 48%;
			margin-right: 4%;
		}
		.solu3 .scen-list .column:nth-child(2n) {
			margin-right: 0;
		}
		.solu3 .solu-list2 .suspen {
			padding-top: 25%;
		}
		.solu3 .scen-list2 .column {
			margin-bottom: 30px;
		}
		.solu3 .hard-solu .column {
			padding-left: 0;
		}
	}
	@media only screen and (max-width: 991px) {
		.container {
			width: 750px;
		}
		.down-main .down-box {
			margin: 50px 0;
		}
		.down-main .down-box .column {
			margin-bottom: 30px;
			width: 100%;
		}
		.down-main .down-box .text-box {
			border: 0;
			padding: 0;
			margin-bottom: 20px;
		}
		.down-main .down-box .more-box {
			margin-top: 20px;
		}
		.down-main .down-box .more {
			font-size: 14px;
		}
		.solu3 .solu-list2 .suspen {
			padding-top: 20%;
		}
		.solu3 .hard-solu .text-box {
			padding-right: 0;
		}
		.solu3 .hard-solu .column:nth-child(2n) .text-box {
			padding-left: 0;
		}
		.solu3 .soft-solu .column {
			width: 20%;
			margin-right: 20%;
			margin-bottom: 30px;
		}
		.solu3 .soft-solu .column:nth-child(3n) {
			margin-right: 0;
		}
		.solu3 .soft-solu .detail {
			width: 190px;
			line-height: 40px;
		}
	}
	/* 媒体查询 */
	@media only screen and (max-width:1680px) {
		.dt30 .box4 .img-box {
			width: 600px;
		}
		.dt30 .box9 .img-box {
			right: 2%;
		}
		.d7000 .box11 .text-box {
			margin-bottom: 80px;
		}
		.dt40 .box1 .img-box {
			width: 600px;
		}
		.dt40 .box3 .img-box {
			width: 500px;
		}
		.dt40 .box11 .img-box {
			width: 800px;
		}
		.dt40 .box13 .img-box {
			width: 900px;
		}
		.dt50 .box1 .img-box {
			width: 48%;
		}
		.dt50 .box5 .img-box {
			width: 28%;
		}
		.dt50 .box7 .img-box {
			width: 61%;
		}
		.dt50 .box9 .img-box {
			width: 40%;
		}
		.i9100 .box7 .list-box {
			margin: 50px 0;
		}
		.i9100 .box7 .img {
			width: 40%;
			margin: 0 auto;
		}
		.devi-mana .box2 .video1 {
			top: 30px;
			left: 22px;
		}
		.devi-mana .box2 .video1 video {
			width: 750px;
			height: 420px;
		}
		.devi-mana .box2 .l-video {
			width: 800px;
		}
		.devi-mana .l-video {
			width: 900px;
		}
		.devi-mana .video1 video {
			width: 688px;
			height: 405px;
		}
		.devi-mana .video1 img {
			width: 688px;
			height: 405px;
		}
		.devi-mana .video1 img {
			width: 688px;
			height: 405px;
		}
		.devi-mana .box2 .video1 video {
			width: 750px;
			height: 420px;
		}
		.devi-mana .box2 .video1 img {
			width: 750px;
			height: 420px;
		}
		.devi-mana .video1 {
			top: 30px;
			left: 105px;
		}
		.devi-mana .r-video {
			width: 240px;
		}
		.devi-mana .video2 video {
			width: 210px;
			height: auto;
		}
		.devi-mana .video2 img {
			width: 210px;
			height: auto;
		}
		.devi-mana .video2 {
			top: 50px;
			left: 15px;
		}
		.supp-list .suspen {
			padding: 20px;
		}
		.hotli .text {
			padding: 30px 60px;
		}
		.hotli .line-icon {
			margin-bottom: 30px;
		}
		.foot-nav .column {
margin-right: 29px;
		}
		.head-nav .column {
			margin: 0 30px;
		}
		.link-nav .column {
			padding: 0 40px;
		}
		.link-nav .column:nth-child(2) {
			padding-left: 70px;
		}
	}
	@media only screen and (max-width:1600px) {
		.outle .outle-map .outle-list {
			padding-left: 40px;
		}
		.trip .swiper-button-prev {
			left: -70px;
		}
		.trip .swiper-button-next {
			right: 0;
		}
		.deploy .column .icon img {
			width: 110px;
		}
		.dt50 .box10 .preview {
			right: 5%;
		}
		.dt30 .box5 .suspen {
			width: 90%;
		}
		.dt30 .box4 .text-box {
			margin-right: 0;
		}
		.dt30 .box1 .img-box {
			width: 500px;
		}
		.wd2 {
			width: 90%;
			padding-left: 0 !important;
			padding-right: 0 !important;
		}
		.wd3 {
			width: 90%;
		}
		.d7000 .box4 .suspen {
			transform: translate(-50%, 0);
		}
		.d7000 .box11 .suspen .img {
			width: 700px;
			margin: 0 auto;
		}
		.dt30 .box4 .suspen {
			transform: translate(-50%, -50%);
		}
		.dt40 .box1 .img-box {
			width: 580px;
		}
		.dt40 .box3 .img-box {
			width: 400px;
		}
		.dt40 .box4 .suspen {
			transform: translate(0);
		}
		.dt40 .box5 .text-box {
			margin-right: 0;
		}
		.dt40 .box5 .suspen {
			width: 90%;
		}
		.i9000s .box4 .suspen {
			transform: translate(0);
		}
		.i9000s .box6 .h1 {
			margin-bottom: 30px;
		}
		.i9000s .box6 .column {
			margin-bottom: 20px;
		}
		.i9000s .box7 .suspen {
			transform: translate(-50%, 0);
		}
		.cust-use .column {
			padding: 30px 50px;
		}
		.foot-nav .column {
			margin-right: 29px;
		}
		.head-nav .column {
			margin: 0 20px;
		}
		.wd {
			width: 85%;
		}
		.link-nav .nav-wrap {
			padding: 30px 20px;
		}
	}
	@media only screen and (max-width:1440px) {
		.d7000 .box1 {
			height: 774px;
		}
		.d7000 .box2 {
			height: 800px;
		}
		.d7000 .box3 {
			height: 689px;
		}
		.d7000 .box4 {
			height: 667px;
		}
		.d7000 .box5 {
			height: 729px;
		}
		.d7000 .box7 {
			height: 593px;
		}
		.d7000 .box8 {
			height: 654px;
		}
		.d7000 .box9 {
			height: 533px;
		}
		.d7000 .box10 {
			height: 637px;
		}
		.d7000 .box11 {
			height: 763px;
		}
		.d8000 .box1 {
			height: 798px;
		}
		.d8000 .box2 {
			height: 800px;
		}
		.d8000 .box3 {
			height: 586px;
		}
		.d8000 .box4 {
			height: 593px;
		}
		.d8000 .box5 {
			height: 651px;
		}
		.d8000 .box6 {
			height: auto;
		}
		.d8000 .box7 {
			height: 630px;
		}
		.d8000 .box8 {
			height: 755px;
		}
		.d8000 .box9 {
			height: 705px;
		}
		.d8000 .box10 {
			height: 667px;
		}
		.d8000 .box11 {
			height: auto;
		}
		.d8000 .box12 {
			height: auto;
		}
		.dt30 .box1 {
			height: 798px;
		}
		.dt30 .box2 {
			height: 800px;
		}
		.dt30 .box3 {
			height: 667px;
		}
		.dt30 .box4 {
			height: 556px;
		}
		.dt30 .box5 {
			height: 494px;
		}
		.dt30 .box6 {
			height: 678px;
		}
		.dt30 .box7 {
			height: 554px;
		}
		.dt30 .box8 {
			height: 504px;
		}
		.dt30 .box9 {
			height: 704px;
		}
		.dt30 .box10 {
			height: auto;
		}
		.dt30 .box11 {
			height: auto;
		}
		.dt40 .box1 {
			height: 798px;
		}
		.dt40 .box2 {
			height: 800px;
		}
		.dt40 .box3 {
			height: 639px;
		}
		.dt40 .box4 {
			height: auto;
		}
		.dt40 .box5 {
			height: 504px;
		}
		.dt40 .box6 {
			height: auto;
		}
		.dt40 .box7 {
			height: 578px;
		}
		.dt40 .box8 {
			height: auto;
		}
		.dt40 .box9 {
			height: auto;
		}
		.dt40 .box10 {
			height: 617px;
		}
		.dt40 .box11 {
			height: 667px;
		}
		.dt40 .box12 {
			height: 465px;
		}
		.dt40 .box13 {
			height: 661px;
		}
		.dt40 .box14 {
			height: auto;
		}
		.dt50 .box1 {
			height: 821px;
		}
		.dt50 .box2 {
			height: 525px;
		}
		.dt50 .box3 {
			height: 563px;
		}
		.dt50 .box4 {
			height: 760px;
		}
		.dt50 .box5 {
			height: 490px;
		}
		.dt50 .box6 {
			height: auto;
		}
		.dt50 .box7 {
			height: 667px;
		}
		.dt50 .box8 {
			height: auto;
		}
		.dt50 .box9 {
			height: 509px;
		}
		.dt50 .box10 {
			height: auto;
		}
		.dt50 .box11 {
			height: 681px;
		}
		.dt50 .box12 {
			height: auto;
		}
		.i9000s .box1 {
			height: 667px;
		}
		.i9000s .box2 {
			height: 525px;
		}
		.i9000s .box3 {
			height: auto;
		}
		.i9000s .box4 {
			height: auto;
		}
		.i9000s .box5 {
			height: 645px;
		}
		.i9000s .box6 {
			height: 480px;
		}
		.i9000s .box7 {
			height: 704px;
		}
		.i9000s .box8 {
			height: 667px;
		}
		.i9000s .box9 {
			height: 726px;
		}
		.i9000s .box10 {
			height: 615px;
		}
		.i9000s .box11 {
			height: 741px;
		}
		.i9000s .box12 {
			height: auto;
		}
		.i9100 .box1 {
			height: 667px;
		}
		.i9100 .box2 {
			height: auto;
		}
		.i9100 .box3 {
			height: auto;
		}
		.i9100 .box4 {
			height: 646px;
		}
		.i9100 .box5 {
			height: 631px;
		}
		.i9100 .box6 {
			height: 530px;
		}
		.i9100 .box7 {
			height: 686px;
		}
		.i9100 .box8 {
			height: 513px;
		}
		.i9100 .box9 {
			height: 571px;
		}
		.i9100 .box10 {
			height: auto;
		}
		.i9100 .box11 {
			height: 815px;
		}
		.outle .outle-map .map {
			max-width: 800px;
		}
		.outle .outle-map .outle-list {
			max-width: calc(100% - 800px);
		}
		.outle-list .h1 {
			background-position: 20px center;
			padding: 0 30px 0 50px;
		}
		.outle-list .words {
			line-height: 30px;
			padding: 20px;
		}
		.trip .swiper-button-prev {
			left: -50px;
		}
		.welfare .column {
			padding: 40px 20px 0;
		}
		.faq .h1 {
			font-size: 20px;
		}
		.devel .r-text .h1 {
			font-size: 16px;
		}
		.propa-video .name {
			font-size: 18px;
		}
		.dt50 .box10 .preview {
			max-width: 455px;
		}
		.dt50 .box10 .column .icon {
			width: 60px;
			margin: 0 auto;
		}
		.dt30 .box11 .name {
			font-size: 16px;
		}
		.dt30 .box4 .img-box {
			width: 500px;
		}
		.dt30 .box1 .img-box {
			width: 400px;
		}
		.dt30 .box9 .column {
			width: 120px;
			margin-right: 80px;
		}
		.dt30 .box9 .suspen2 {
			padding: 18px 0;
			padding-left: 10px;
		}
		.dt30 .box9 .d1 {
			font-size: 14px;
		}
		.dt30 .box9 .d2 {
			font-size: 20px;
			margin: 15px 0;
		}
		.dt30 .box9 .text-box {
			max-width: 50%;
		}
		.dt30 .box9 .img-box {
			width: 700px;
		}
		.dt30 .box1 .h2 {
			font-size: 24px;
		}
		.dt30 .box1 .enla {
			font-size: 30px;
		}
		.d8000 .box1 .l-h1 {
			font-size: 120px;
		}
		.d8000 .box1 .r-h1 {
			font-size: 120px;
		}
		.d8000 .box1 .img-box {
			width: 500px;
		}
		.d7000 .box11 .suspen .img {
			width: 600px;
		}
		.dt40 .box1 .img-box {
			width: 520px;
		}
		.dt40 .box11 .img-box {
			width: 700px;
		}
		.dt40 .box13 .img-box {
			width: 800px;
		}
		.dt40 .box8 .name {
			font-size: 16px;
		}
		.dt40 .box1 .h2 {
			font-size: 28px;
		}
		.dt40 .box4 .d1 {
			font-size: 18px;
		}
		.dt40 .box4 .d2 {
			font-size: 16px;
		}
		.dt40 .box4 .icon img {
			width: 70px;
		}
		.dt40 .box11 .d1 {
			font-size: 18px;
		}
		.dt40 .box11 .d2 {
			font-size: 18px;
		}
		.dt50 .box3 .words2 {
			font-size: 16px;
			line-height: 26px;
		}
		.dt50 .box8 .d1 {
			font-size: 30px;
		}
		.dt50 .box8 .d2 {
			font-size: 16px;
		}
		.dt50 .box10 .name {
			font-size: 16px;
		}
		.dt50 .box12 .img1 {
			width: 450px;
		}
		.i9000s .box4 .name {
			font-size: 18px;
		}
		.i9000s .box5 .name {
			font-size: 16px;
		}
		.i9000s .box6 .words2 {
			font-size: 18px;
		}
		.i9000s .box8 .words2 {
			font-size: 30px;
		}
		.i9000s .box9 .name {
			font-size: 16px;
		}
		.i9100 .box2 .h1 {
			font-size: 32px;
			line-height: 42px;
		}
		.i9100 .box2 .name {
			font-size: 18px;
		}
		.i9100 .box7 .name {
			font-size: 18px;
		}
		.i9100 .box10 .words2 {
			font-size: 16px;
			line-height: 26px;
		}
		.opti-acce .h1 {
			font-size: 28px;
		}
		.opti-acce .name {
			font-size: 16px;
		}
		.tech-para .h1 {
			font-size: 28px;
		}
		.tech-para .name {
			font-size: 18px;
		}
		.tech-para .data {
			font-size: 16px;
		}
		.tech-para .words {
			font-size: 16px;
		}
		.summ-box .h1 {
			font-size: 32px;
			line-height: 42px;
		}
		.summ-box .words {
			font-size: 18px;
			line-height: 30px;
		}
		.d7000 .box1 .h1 {
			font-size: 32px;
		}
		.d7000 .box1 .words {
			font-size: 18px;
			line-height: 30px;
		}
		.d7000 .box4 .words {
			font-size: 18px;
			line-height: 30px;
		}
		.d7000 .box5 .words {
			font-size: 18px;
			line-height: 30px;
		}
		.softw-page .banner .h1 {
			font-size: 46px;
		}
		.softw-page .banner .h2 {
			font-size: 24px;
		}
		.softw-page .banner .words {
			font-size: 14px;
			line-height: 24px;
		}
		.softw-page .banner .link {
			margin: 30px 0 50px;
		}
		.softw-page .banner .h3 {
			font-size: 24px;
		}
		.softw-page .banner .name {
			font-size: 16px;
			margin-top: 20px;
		}
		.softw-box .top-box .h1 {
			font-size: 20px;
		}
		.deploy .top-box .words {
			font-size: 14px;
			line-height: 24px;
		}
		.deploy .column .h1 {
			font-size: 20px;
			margin: 30px 0 10px;
		}
		.deploy .column .h2 {
			font-size: 18px;
		}
		.deploy .column .words {
			font-size: 14px;
			line-height: 24px;
		}
		.deploy .column .icon img {
			width: 90px;
		}
		.devi-mana .top-box .words {
			font-size: 14px;
			line-height: 24px;
		}
		.devi-mana .title-box .h1 {
			font-size: 24px;
		}
		.devi-mana .nav-box {
			padding-bottom: 20px;
		}
		.devi-mana .item {
			font-size: 16px;
		}
		.devi-mana .item.on::before {
			bottom: -20px;
		}
		.devi-mana .box3 .title-box .h1 {
			font-size: 20px;
		}
		.devi-mana .box3 .name {
			font-size: 16px;
		}
		.devi-mana .box3 .words {
			font-size: 14px;
			line-height: 24px;
		}
		.devi-diag .words {
			font-size: 14px;
			line-height: 24px;
		}
		.devi-diag .name {
			font-size: 18px;
			line-height: 30px;
		}
		.devi-diag .words2 {
			font-size: 14px;
			line-height: 24px;
		}
		.cust-use .icon-box {
			width: 150px;
		}
		.cust-use .text-box {
			width: calc(100% - 150px);
			padding-left: 30px;
		}
		.cust-use .h2 {
			font-size: 18px;
		}
		.cust-use .words2 {
			font-size: 14px;
			line-height: 24px;
		}
		.cust-use .name {
			font-size: 18px;
		}
		.seco-deve .bot-box {
			padding: 0;
		}
		.cust-use .icon-box img {
			width: 70%;
		}
		.mapp-func .l-video {
			width: 288px;
			margin-right: 100px;
		}
		@keyframes myfirst {
			0% {
				opacity: 0;
				top: 130px;
				right: -100px;
			}
			20% {
				opacity: 1;
			}
			50% {
				opacity: 1;
				top: 110px;
				right: -85px;
			}
			80% {
				opacity: 1;
			}
			100% {
				opacity: 0;
				top: 130px;
				right: -100px;
			}
		}
		.mapp-func .gest-icon {
			width: 80px;
			top: 130px;
			right: -100px;
		}
		.mapp-func .r-text {
			margin-top: 180px;
		}
		.mapp-func video {
			width: 360px;
		}
		.mapp-func .video1 {
			top: 55px;
			left: 17px;
		}
		.mapp-func .h1 {
			font-size: 26px;
		}
		.mapp-func .words {
			font-size: 14px;
			line-height: 24px;
		}
		.seco-deve .words {
			font-size: 14px;
			line-height: 24px;
		}
		.seco-deve .name {
			font-size: 18px;
		}
		.seco-deve .words2 {
			font-size: 14px;
			line-height: 24px;
		}
		.video .video-wrap {
			padding: 0;
		}
		.video-page .banner .suspen .h1 {
			font-size: 30px;
		}
		.video-page .banner .suspen .h2 {
			font-size: 18px;
		}
		.video .title .h1 {
			font-size: 20px;
		}
		.video-list .h1 {
			font-size: 16px;
		}
		.supp-video-box .title {
			font-size: 20px;
		}
		.supp-video-box .column {
			padding: 0;
			padding-bottom: 55px;
		}
		.supp-video-box .tech-video .wd2 {
			padding: 80px 0;
		}
		.innov .top {
			font-size: 30px;
		}
		.innov .words2 {
			font-size: 18px;
		}
		.innov-list .words {
			font-size: 16px;
		}
		.quali-list .name {
			font-size: 16px;
		}
		.quali-list .words {
			font-size: 14px;
			line-height: 24px;
		}
		.manu .number-box {
			font-size: 30px;
		}
		.manu .column {
			font-size: 16px;
		}
		.manu .words {
			font-size: 16px;
		}
		.stren-page .banner .suspen .h1 {
			font-size: 30px;
		}
		.stren-page .banner .suspen .h2 {
			font-size: 18px;
		}
		.stren-box .title .h1 {
			font-size: 20px;
		}
		.stren-box .title .h2 {
			font-size: 16px;
		}
		.softw-list .name {
			font-size: 18px;
		}
		.softw-list .words {
			font-size: 16px;
			line-height: 1.4;
		}
		.scene .carousel {
			padding: 0 50px;
		}
		.groun .words {
			padding: 0 100px;
		}
		.solu2 .title .h1 {
			font-size: 20px;
		}
		.retai .words {
			font-size: 16px;
		}
		.retai-list .name {
			font-size: 16px;
		}
		.solu2 .title .h2 {
			font-size: 16px;
		}
		.rela-prod-list .h1 {
			font-size: 16px;
		}
		.retai .words {
			padding: 0;
		}
		.retai {
			padding: 80px 0 20px;
		}
		.story-wrap {
			padding: 0;
		}
		.solution-page .banner .suspen .h1 {
			font-size: 30px;
		}
		.solution-page .banner .suspen .h2 {
			font-size: 18px;
		}
		.solu-list .name {
			font-size: 20px;
		}
		.solu-list .words {
			font-size: 14px;
			line-height: 24px;
			height: 72px;
		}
		.serv3 .text-box .h1 {
			font-size: 18px;
		}
		.serv3 .text-box .h2 {
			font-size: 16px;
		}
		.serv3 .text-box .words {
			font-size: 14px;
			line-height: 34px;
		}
		.cont-list .suspen {
			padding: 0 2%;
			padding-top: 20%;
		}
		.cont-list .h1 {
			line-height: 1.4;
		}
		.supp-list .column {
			width: 32%;
			margin-right: 2%;
		}
		.supp .wd {
			width: 90%;
		}
		.supp-list .h1 {
			font-size: 18px;
		}
		.poli-list .name {
			font-size: 20px;
		}
		.poli-list .words {
			font-size: 14px;
			line-height: 24px;
		}
		.supp-list .suspen {
			padding: 20px;
		}
		.serv-page .banner .suspen .h1 {
			font-size: 30px;
		}
		.serv-page .banner .suspen .h2 {
			font-size: 18px;
		}
		.purp .h1 {
			font-size: 20px;
		}
		.serv .title .h1 {
			font-size: 20px;
		}
		.cont-list .h1 {
			font-size: 16px;
		}
		.devel .words {
			padding: 0 140px;
		}
		.camp-recr .title .h1 {
			font-size: 20px;
		}
		.hot-posit-wrap {
			padding: 0;
		}
		.recruit-page .banner .suspen .h1 {
			font-size: 30px;
		}
		.recruit-page .banner .suspen .h2 {
			font-size: 18px;
		}
		.recru-box .title .h1 {
			font-size: 20px;
		}
		.recru-box .title .h2 {
			font-size: 16px;
		}
		.recru-box .recru-wrap {
			padding: 0;
		}
		.prog-details .h1 {
			font-size: 24px;
		}
		.prog-details .h2 {
			font-size: 16px;
		}
		.prog-details .words {
			font-size: 14px;
			line-height: 24px;
		}
		.prog-list .text {
			padding: 50px 100px 0;
		}
		.prog-page .banner .suspen .h1 {
			font-size: 30px;
		}
		.prog-page .banner .suspen .h2 {
			font-size: 18px;
		}
		.product-page .banner .suspen .h1 {
			font-size: 30px;
		}
		.product .title .h1 {
			font-size: 24px;
		}
		.prod-nav .h1 {
			font-size: 18px;
		}
		.prod-nav .h2 {
			font-size: 14px;
			min-height: 48px;
		}
		.prod-list .h1 {
			font-size: 20px;
		}
		.prod-list .words {
			font-size: 16px;
		}
		.problem-page .banner .suspen .h1 {
			font-size: 30px;
		}
		.problem-page .banner .suspen .h2 {
			font-size: 20px;
		}
		.news-details .words {
			font-size: 14px;
			line-height: 24px;
		}
		.news-details .words p {
			line-height: 40px;
		}
		.news-details .title .h1 {
			font-size: 24px;
		}
		.news-details {
			padding: 115px 0 60px;
		}
		.news-details .news-wrap {
			padding: 0;
		}
		.news-page .banner .suspen .h1 {
			font-size: 30px;
		}
		.news-page .banner .suspen .h2 {
			font-size: 20px;
		}
		.nav-page .item {
			margin: 0 5px;
		}
		.news-box .words {
			font-size: 14px;
			line-height: 24px;
		}
		.news-box .h1 {
			font-size: 18px;
		}
		.news-box .text-box {
			padding-right: 100px;
		}
		.hotli .h1 {
			font-size: 20px;
		}
		.notice-list .box .item {
			font-size: 14px;
		}
		.notice-list .h1 {
			font-size: 18px;
		}
		.supp-top .h1 {
			font-size: 20px;
			line-height: 30px;
			margin-bottom: 0;
		}
		.supp-top .nav-box {
			padding-right: 10px;
		}
		.supp-top .item {
			font-size: 16px;
		}
		.inves-page .banner .suspen .h1 {
			font-size: 30px;
		}
		.inves-page .banner .suspen .h2 {
			font-size: 18px;
		}
		.addr-box .column {
			width: 48%;
			margin-right: 4%;
		}
		.addr-box .column:nth-child(3n) {
			margin-right: 4%;
		}
		.addr-box .column:nth-child(2n) {
			margin-right: 0;
		}
		.map-box .r-box {
			width: 100%;
			padding-left: 0;
			margin-top: 30px;
		}
		.map-box .map {
			width: 100%;
		}
		.contact-page .banner .suspen .h1 {
			font-size: 40px;
		}
		.contact-page .banner .suspen .h2 {
			font-size: 24px;
		}
		.contact-page .banner .suspen {
			padding-top: 15%;
		}
		.feed-box .h1 {
			font-size: 30px;
		}
		.addr-box .words {
			font-size: 14px;
			line-height: 24px;
		}
		.addr-box .h1 {
			font-size: 16px;
		}
		.map-box .name {
			font-size: 18px;
			margin-bottom: 10px;
		}
		.map-box .words {
			font-size: 14px;
			line-height: 24px;
		}
		.map-box .h1 {
			font-size: 20px;
			padding-bottom: 20px;
			margin-bottom: 40px;
		}
		.map-box .h2 {
			margin-bottom: 40px;
		}
		.wd2 {
			width: 90%;
		}
		.honor .carousel2 {
			width: 60%;
		}
		.honor .preview .arrow-right {
			right: -120px;
		}
		.about .title .h2 {
			font-size: 16px;
		}
		.mile .preview .swiper-container {
			height: 250px;
		}
		.about .title .h1 {
			font-size: 20px;
		}
		.mile .title .h2 {
			font-size: 14px;
		}
		.mile .year-box {
			font-size: 18px;
		}
		.mile .r-box .h1 {
			font-size: 14px;
			line-height: 24px;
		}
		.mile .l-box .swiper-slide {
			font-size: 16px;
		}
		.about-page .banner .suspen .h1 {
			font-size: 40px;
		}
		.about-page .banner .suspen .h2 {
			font-size: 24px;
		}
		.foot-nav .column {
			margin-right: 29px;
		}
		.head-nav .item {
			font-size: 16px;
		}
		.head-lang {
			margin-right: 0;
		}
		.head-lang .item {
			font-size: 15px;
		}
		.home-swiper .h1 {
			font-size: 30px;
		}
		.home-swiper .bold {
			font-size: 40px;
		}
		.home-swiper .h2 {
			font-size: 16px;
		}
		.home-swiper .name {
			font-size: 12px;
		}
		.home-swiper .column {
			margin-right: 80px;
		}
		.link-nav .h1 {
			font-size: 24px;
		}
		.link-nav .words {
			font-size: 16px;
		}
		.shouye-case .h1 {
			font-size: 24px;
		}
		.shouye-case .words {
			font-size: 14px;
		}
		.home-page .title .h1 {
			font-size: 24px;
		}
		.news-list .h1 {
			font-size: 18px;
		}
		.news-list .words {
			font-size: 14px;
			line-height: 24px;
		}
		.news-list .date {
			font-size: 12px;
		}
	}
	@media only screen and (max-width:1366px) {
		.dt30 .box9 .img-box {
			width: 600px;
		}
		.d7000 .box11 .text-box {
			margin-bottom: 50px;
		}
		.dt30 .box11 .text-box {
			margin-bottom: 100px;
		}
		.dt40 .box1 .img-box {
			width: 36.5%;
		}
		.devi-mana .l-video {
			width: 700px;
		}
		.devi-mana .r-video {
			width: 200px;
			margin-top: 0;
		}
		.devi-mana .video1 video {
			width: 540px;
			height: auto;
		}
		.devi-mana .video1 img {
			width: 540px;
			height: auto;
		}
		.devi-mana .box2 .video1 video {
			width: 660px;
			height: auto;
		}
		.devi-mana .box2 .video1 img {
			width: 660px;
			height: auto;
		}
		.devi-mana .video1 {
			top: 24px;
			left: 78px;
		}
		.devi-mana .video2 video {
			width: 175px;
			height: auto;
		}
		.devi-mana .video2 img {
			width: 175px;
			height: auto;
		}
		.devi-mana .box2 .l-video {
			width: 700px;
		}
		.devi-mana .box2 .video1 video {
			width: 660px;
			height: auto;
		}
		.devi-mana .box2 .video1 {
			top: 26px;
			left: 20px;
		}
		.devi-mana .video2 {
			top: 40px;
			left: 13px;
		}
		.mode-list .column {
			width: 48%;
			margin-right: 4%;
			margin-bottom: 20px;
		}
		.mode-list .column:nth-child(2n) {
			margin-right: 0;
		}
		.hotli .text {
			padding: 30px 40px 0;
		}
		.hotli .h1 {
			margin-bottom: 20px;
		}
		.hotli .column {
			margin-bottom: 20px;
		}
		.shouye-case .suspen {
			padding: 0 25px 25px;
		}
		.shouye-case .column.special .suspen {
			padding-bottom: 25px;
		}
		.foot-bot .link {
			width: 50%;
			margin-bottom: 10px;
		}
		.foot-bot .record {
			width: 50%;
		}
	}
	@media only screen and (max-width:1280px) {
		.d7000 .box1 {
			height: 687px;
		}
		.d7000 .box2 {
			height: 710px;
		}
		.d7000 .box3 {
			height: 612px;
		}
		.d7000 .box4 {
			height: 592px;
		}
		.d7000 .box5 {
			height: 647px;
		}
		.d7000 .box7 {
			height: 526px;
		}
		.d7000 .box8 {
			height: 580px;
		}
		.d7000 .box9 {
			height: 473px;
		}
		.d7000 .box10 {
			height: 566px;
		}
		.d7000 .box11 {
			height: 678px;
		}
		.d8000 .box1 {
			height: 708px;
		}
		.d8000 .box2 {
			height: 710px;
		}
		.d8000 .box3 {
			height: 520px;
		}
		.d8000 .box4 {
			height: 526px;
		}
		.d8000 .box5 {
			height: 578px;
		}
		.d8000 .box6 {
			height: auto;
		}
		.d8000 .box7 {
			height: 559px;
		}
		.d8000 .box8 {
			height: 670px;
		}
		.d8000 .box9 {
			height: 626px;
		}
		.d8000 .box10 {
			height: 592px;
		}
		.d8000 .box11 {
			height: auto;
		}
		.d8000 .box12 {
			height: auto;
		}
		.dt30 .box1 {
			height: 708px;
		}
		.dt30 .box2 {
			height: 710px;
		}
		.dt30 .box3 {
			height: 592px;
		}
		.dt30 .box4 {
			height: 493px;
		}
		.dt30 .box5 {
			height: 438px;
		}
		.dt30 .box6 {
			height: 602px;
		}
		.dt30 .box7 {
			height: 492px;
		}
		.dt30 .box8 {
			height: 447px;
		}
		.dt30 .box9 {
			height: 625px;
		}
		.dt30 .box10 {
			height: auto;
		}
		.dt30 .box11 {
			height: auto;
		}
		.dt40 .box1 {
			height: 708px;
		}
		.dt40 .box2 {
			height: 710px;
		}
		.dt40 .box3 {
			height: 567px;
		}
		.dt40 .box4 {
			height: auto;
		}
		.dt40 .box5 {
			height: 447px;
		}
		.dt40 .box6 {
			height: auto;
		}
		.dt40 .box7 {
			height: 513px;
		}
		.dt40 .box8 {
			height: auto;
		}
		.dt40 .box9 {
			height: auto;
		}
		.dt40 .box10 {
			height: 547px;
		}
		.dt40 .box11 {
			height: 592px;
		}
		.dt40 .box12 {
			height: 413px;
		}
		.dt40 .box13 {
			height: 542px;
		}
		.dt40 .box14 {
			height: auto;
		}
		.dt50 .box1 {
			height: 729px;
		}
		.dt50 .box2 {
			height: 466px;
		}
		.dt50 .box3 {
			height: 499px;
		}
		.dt50 .box4 {
			height: 674px;
		}
		.dt50 .box5 {
			height: 435px;
		}
		.dt50 .box6 {
			height: auto;
		}
		.dt50 .box7 {
			height: 592px;
		}
		.dt50 .box8 {
			height: auto;
		}
		.dt50 .box9 {
			height: 452px;
		}
		.dt50 .box10 {
			height: auto;
		}
		.dt50 .box11 {
			height: 605px;
		}
		.dt50 .box12 {
			height: auto;
		}
		.i9000s .box1 {
			height: 592px;
		}
		.i9000s .box2 {
			height: 467px;
		}
		.i9000s .box3 {
			height: auto;
		}
		.i9000s .box4 {
			height: auto;
		}
		.i9000s .box5 {
			height: 572px;
		}
		.i9000s .box6 {
			height: 426px;
		}
		.i9000s .box7 {
			height: 625px;
		}
		.i9000s .box8 {
			height: 592px;
		}
		.i9000s .box9 {
			height: 645px;
		}
		.i9000s .box10 {
			height: 546px;
		}
		.i9000s .box11 {
			height: 658px;
		}
		.i9000s .box12 {
			height: auto;
		}
		.i9100 .box1 {
			height: 592px;
		}
		.i9100 .box2 {
			height: auto;
		}
		.i9100 .box3 {
			height: auto;
		}
		.i9100 .box4 {
			height: 574px;
		}
		.i9100 .box5 {
			height: 560px;
		}
		.i9100 .box6 {
			height: 470px;
		}
		.i9100 .box7 {
			height: 608px;
		}
		.i9100 .box8 {
			height: 455px;
		}
		.i9100 .box9 {
			height: 507px;
		}
		.i9100 .box10 {
			height: auto;
		}
		.i9100 .box11 {
			height: 723px;
		}
		.sales-list .column {
			padding: 30px;
		}
		.poli-list a {
			padding: 35px;
		}
		.supp-list .h1 {
			margin-bottom: 15px;
		}
		.news-box .supp-top {
			margin-bottom: 60px;
		}
		.news-box .text-box {
			padding-right: 50px;
		}
		.link-nav {
			bottom: -25%;
		}
		.shouye-case {
			/* margin-top: 15%; */
		}
		.link-nav .column {
			padding: 0 30px;
		}
		.link-nav .column:nth-child(2) {
			padding-left: 30px;
		}
		.intr .text {
			width: 100%;
			margin-right: 0;
		}
		.intr .video {
			width: 100%;
			padding-bottom: 0;
		}
	}
	@media only screen and (max-width:1199px) {
		.outle {
			padding-bottom: 30px;
		}
		.outle .outle-map .map {
			max-width: 100%;
			margin-bottom: 30px;
			text-align: center;
		}
		.outle .outle-map .outle-list {
			max-width: 100%;
			padding: 0;
		}
		.outle .outle-map {
			margin-bottom: 0;
		}
		.outle .outle-map .outle-list .column {
			max-width: 45%;
			margin-right: 10%;
			margin-bottom: 30px;
		}
		.outle .outle-map .outle-list .column:nth-child(2n) {
			margin-right: 0;
		}
		.outle-list .column {
			width: 45%;
			margin-right: 10%;
			margin-bottom: 30px;
		}
		.outle-list .column:nth-child(2n) {
			margin-right: 0;
		}
		.trip .swiper-button-prev {
			left: 0;
		}
		.welfare .column {
			width: 49%;
			margin-bottom: 30px;
		}
		.welfare .column:nth-child(2) {
			margin-right: 0;
		}
		.devel .column {
			margin-bottom: 20px;
		}
		.devel .h2 {
			font-size: 16px;
			padding: 0 20px;
			height: 34px;
			line-height: 34px;
		}
		.devel .h3 {
			font-size: 16px;
		}
		.devel .text {
			font-size: 14px;
			line-height: 24px;
		}
		.activ .icon img {
			max-width: 80%;
		}
		.mapp-func .r-text {
			max-width: 450px;
			margin-top: 170px;
		}
		.mapp-func .h2 {
			line-height: 1.4;
		}
		.dt30 .box8 .text-box {
			max-width: 500px;
		}
		.dt30 .box11 .img1 {
			width: 500px;
		}
		.dt30 .box1 .img-box {
			width: 370px;
		}
		.dt30 .box9 .img-box {
			width: 500px;
		}
		.d8000 .box1 .img-box {
			width: 340px;
		}
		.d8000 .box1 .l-h1 {
			font-size: 100px;
		}
		.d8000 .box1 .r-h1 {
			font-size: 100px;
		}
		.d7000 .box11 .suspen .img {
			width: 450px;
		}
		.d7000 .box11 .text-box {
			margin-bottom: 30px;
		}
		.dt30 .box11 .text-box {
			margin-bottom: 100px;
		}
		.dt30 .box11 .icon {
			width: 90px;
		}
		.dt40 .box3 .img-box {
			width: 300px;
		}
		.dt40 .box4 .column {
			max-width: 300px;
		}
		.d7000 .box5 .text-box {
			max-width: 500px;
		}
		.dt40 .box8 .column1 {
			width: 70px;
			top: 36%;
			left: 16%;
		}
		.dt40 .box8 .column2 {
			width: 80px;
		}
		.dt40 .box8 .column3 {
			width: 90px;
		}
		.dt40 .box8 .column4 {
			width: 70px;
		}
		.dt40 .box8 .column5 {
			top: 25%;
			right: 10%;
			width: 80px;
		}
		.dt40 .box8 .column6 {
			width: 90px;
		}
		.dt40 .box9 .text-box {
			max-width: 440px;
		}
		.dt40 .box11 .img-box {
			width: 500px;
		}
		.dt40 .box11 .list-box {
			margin-top: 30px;
		}
		.dt40 .box11 .column {
			margin-bottom: 30px;
		}
		.dt40 .box12 .text-box {
			max-width: 400px;
		}
		.dt40 .box13 .img-box {
			width: 600px;
		}
		.dt50 .box3 .text-box {
			max-width: 500px;
			margin-right: 0;
		}
		.dt50 .box3 .h1 {
			margin-bottom: 10px;
		}
		.dt50 .box3 .list-box {
			margin-top: 20px;
		}
		.dt50 .box4 .text-box {
			margin-right: 0;
			max-width: 500px;
		}
		.d7000 .box4 .suspen {
			transform: translate(-50%, -50%);
		}
		.dt50 .box3 .column {
			margin-bottom: 20px;
		}
		.dt50 .box5 .text-box {
			padding-left: 0;
		}
		.dt50 .box10 .column {
			margin-right: 80px;
		}
		.i9000s .box4 .suspen {
			transform: translate(0);
		}
		.i9100 .box3 .column2 {
			margin-right: 40px;
		}
		.i9100 .box3 .icon {
			height: 40px;
		}
		.i9100 .box3 .icon img {
			max-height: 100%;
		}
		.i9100 .box4 .suspen {
			transform: translate(-50%, 0);
		}
		.i9100 .box7 .icon {
			height: 40px;
		}
		.i9100 .box7 .icon img {
			max-height: 100%;
		}
		.i9100 .box7 .list-box {
			margin: 40px auto;
		}
		.i9100 .box7 .img {
			width: 30%;
		}
		.i9100 .box11 .text-box {
			margin: 0 auto;
		}
		.cloud-serv .top-box .h1 {
			padding: 60px 0;
		}
		.devi-mana .box3 .title-box .h1 {
			padding: 0;
		}
		.devi-mana .box3 .list-box {
			padding: 0;
		}
		.cust-use .bot-box {
			padding: 0;
		}
		.deploy .top-box .suspen {
			padding: 0;
		}
		.cust-use .icon-box {
			width: 120px;
		}
		.cust-use .text-box {
			width: calc(100% - 120px);
			padding-left: 15px;
		}
		.cust-use .column {
			padding: 20px 30px;
		}
		.devi-diag .column .icon {
			height: 70px;
			margin: 0 auto;
		}
		.devi-diag .icon img {
			max-height: 100%;
		}
		.softw-page .banner .column .img {
			width: 110px;
			margin: 0 auto;
		}
		.softw-page .banner .list-box {
			width: 90%;
			padding-bottom: 30px;
		}
		.deploy .top-box .suspen {
			top: 18%;
		}
		.deploy .column .icon img {
			width: 80px;
		}
		.devi-mana .nav-box {
			width: 100%;
			overflow-x: auto;
			white-space: nowrap;
		}
		.devi-mana .nav-box::-webkit-scrollbar {
			display: none;
		}
		.devi-mana .item {
			padding: 0 15px;
			margin-right: 15px;
		}
		.devi-mana .l-video {
			width: 100%;
			margin: 0 auto;
		}
		.devi-mana .video1 video {
			width: 100%;
		}
		.devi-mana .video1 img {
			width: 100%;
		}
		.devi-mana .video1 {
			top: 6.4%;
			left: 11.8%;
			text-align: left;
		}
		.devi-mana .r-video {
			width: auto;
			margin: 50px auto 0;
		}
		.devi-mana .r-video img {
			width: auto;
		}
		.devi-mana .video2 video {
			width: 236px;
			height: 475px;
		}
		.devi-mana .video2 img {
			width: 236px;
			height: 475px;
		}
		.devi-mana .video2 {
			top: 50px;
			left: 15px;
		}
		.supp-video-box .suspend {
			padding: 20px;
		}
		.quali-list .column {
			padding: 20px;
		}
		.innov .column2 {
			padding: 20px 100px 10px;
		}
		.solu-list .text {
			padding: 30px;
		}
		/*.outle-list .column {

            width: 32%;

            margin-right: 2%;

        }*/
		.sales-list .h1 {
			line-height: 1.4;
		}
		.supp-list .h1 {
			font-size: 16px;
		}
		.supp-list .words {
			font-size: 14px;
			line-height: 24px;
		}
		.cont-list .h1 {
			font-size: 14px;
		}
		.prog-list .top>div {
			margin-bottom: 30px;
		}
		.prog-list .icon {
			margin-bottom: 30px;
		}
		.probl-list .column {
			padding: 30px 50px;
		}
		.news-box .list-box {
			padding: 0;
		}
		.news-box .img {
			width: 350px;
		}
		.news-box .text-box {
			width: calc(100% - 350px);
		}
		.inves-list .more-box {
			margin-top: 40px;
		}
		.inves2 .title .h1 {
			font-size: 20px;
		}
		.inves-list .column2 {
			width: 100%;
			margin-right: 0;
			margin-bottom: 30px;
		}
		.hotli .text {
			width: 100%;
			padding: 30px;
		}
		.hotli .img {
			width: 100%;
		}
		.notice-list .column {
			width: 100%;
			margin-right: 0;
		}
		.global-layout .column {
			margin-bottom: 60px;
		}
		.global-layout .title {
			margin-bottom: 60px;
		}
		.honor .but2 {
			top: 10px;
		}
		.honor .preview::before {
			top: 25px;
		}
		.honor .carousel {
			padding: 50px 40px;
		}
		.honor .carousel2 {
			margin-top: 100px;
		}
		.honor .previ-swiper .swiper-slide {
			padding-top: 20px;
		}
		.honor .preview {
			top: 70px;
		}
		.foot-nav .column {
			margin-right: 3px;
		}
		.link-nav .text {
			padding: 30px 0 0 30px;
		}
		.link-nav .icon {
			width: 150px;
		}
		.head-lang {
			margin-left: 15px;
		}
		.head-nav .column {
			margin: 0 10px;
		}
		.home-swiper .h1 {
			margin-bottom: 20px;
		}
		.home-swiper .list-box {
			margin-top: 30px;
		}
		.link-nav .nav-wrap {
			padding: 10px;
		}
		.footer .sales {
			width: 230px;
		}
		.global-layout .text-box {
			width: 100%;
		}
		.global-layout .img-box {
			width: 100%;
			margin-top: 30px;
		}
		.honor .preview .arrow-left {
			right: -20px;
		}
		.honor .preview .arrow-right {
			right: -90px;
		}
	}
	@media only screen and (max-width:1024px) {
		.header {
			display: none;
		}
		.m-header {
			display: block;
		}
		.m-header {
			position: fixed;
			top: 0;
			left: 0;
			width: 100%;
			border-bottom: 0.01rem solid rgba(255, 255, 255, .1);
			z-index: 10;
			padding: 0 5%;
		}
		.m-header.on {
			background-color: #ffffff;
		}
		.m-header.on2 {
			top: -100%;
		}
		.m-head-wrap {
			height: 50px;
			justify-content: space-between;
			align-items: center;
		}
		.m-head-logo {
			width: 130px;
		}
		.m-head-logo .logo_2 {
			display: none;
		}
		.m-header.on .m-head-logo .logo_2 {
			display: block;
		}
		.m-header.on .m-head-logo .logo_1 {
			display: none;
		}
		.m-head-menu {
			width: 30px;
			cursor: pointer;
		}
		.m-head-menu .but-close {
			display: none;
		}
		.m-head-menu .but-icon_2 {
			display: none;
		}
		.m-header.on .m-head-menu .but-icon_2 {
			display: block;
		}
		.m-header.on .m-head-menu .but-icon_1 {
			display: none;
		}
		.m-head-menu .drop-down {
			display: none;
			position: fixed;
			top: 50px;
			left: 0;
			width: 100%;
			height: calc(100% - 50px);
			background-color: #f7f7f7;
			z-index: 9;
		}
		.m-head-menu .m-nav-box {
			height: calc(100vh - 50px);
		}
		.m-head-menu .item {
			display: block;
			font-size: 16px;
			color: #333333;
			line-height: 42px;
			padding: 0 15px;
		}
		.m-head-menu .item.on {
			background-color: #ffffff;
		}
		.m-head-menu .drop-down_2 {
			display: none;
			position: fixed;
			top: 50px;
			left: 150px;
			width: calc(100% - 150px);
			height: calc(100% - 50px);
			background-color: #ffffff;
			padding: 0 15px;
		}
		.m-head-menu .column.on .drop-down_2 {
			display: block;
		}
		.m-head-menu .h1 {
			display: block;
			font-size: 16px;
			color: #333333;
			line-height: 42px;
			border-bottom: 0.01rem solid #dcdcdc;
			padding: 0 5px;
		}
		.m-head-menu .name {
			display: block;
			padding-right: 30px;
			background-image: url(../Images/icon15.jpg);
			background-position: right center;
			background-repeat: no-repeat;
			background-size: 16px auto;
		}
		.m-head-menu .m-nav {
			overflow-y: auto;
			height: calc(100vh - 1.91rem);
		}
		.m-head-menu .m-nav::-webkit-scrollbar {
			display: none;
		}
		.m-head-menu .h2 {
			display: block;
			font-size: 16px;
			color: #333333;
			line-height: 42px;
			border-bottom: 0.01rem solid #dcdcdc;
			padding: 0 5px;
		}
		.m-head-menu .name_2 {
			display: block;
			background-image: url(../Images/icon16.jpg);
			background-position: right center;
			background-repeat: no-repeat;
			background-size: 8px auto;
			cursor: pointer;
		}
		.m-head-menu .h2.on .name_2 {
			background-image: url(../Images/icon17.jpg);
		}
		.m-head-menu .drop-down_3 {
			display: none;
		}
		.m-head-menu .item_2 {
			display: block;
			font-size: 14px;
			color: #666666;
			line-height: 42px;
			padding: 0 20px;
		}
		.m-head-menu .name_2.on {
			background: none;
		}
		.m-suspen-box {
			position: fixed;
			top: 50%;
			right: .3rem;
			width: .65rem;
			z-index: 2;
		}
		.m-suspen-box .return-top {
			margin-bottom: .16rem;
		}
		.m-suspen-box .cont-box {
			position: relative;
			background-color: #ffffff;
		}
		.m-suspen-box .btn-icon {
			display: block;
			font-size: .24rem;
			color: #00a7d3;
			line-height: .3rem;
			text-align: center;
			padding: .62rem 0 .27rem 0;
			background-image: url(../Images/icon8.jpg);
			background-size: .2rem auto;
			background-position: center .17rem;
			background-repeat: no-repeat;
		}
		.m-suspen-box .drop-down {
			position: absolute;
			left: -3.2rem;
			bottom: 0;
			width: 3.05rem;
			background-color: #ffffff;
			padding: .5rem .25rem .35rem;
			display: none;
		}
		.m-suspen-box .column {
			position: relative;
			margin-bottom: .4rem;
		}
		.m-suspen-box .column:last-child {
			margin-bottom: 0;
		}
		.m-suspen-box .item {
			display: block;
			font-size: .24rem;
			color: #333333;
			line-height: .41rem;
			padding-left: .38rem;
			background-repeat: no-repeat;
			background-position: left 0.01rem;
			background-size: .24rem auto;
		}
		.m-suspen-box .h1 {
			font-size: .24rem;
		}
		.m-suspen-box .text {
			font-size: .22rem;
			color: #777777;
		}
		.m-suspen-box .on-line {
			background-image: url(../Images/icon10.jpg);
		}
		.m-suspen-box .phone {
			background-image: url(../Images/icon11.jpg);
		}
		.m-suspen-box .messa {
			background-image: url(../Images/icon12.jpg);
		}
		.m-suspen-box .weixin {
			background-image: url(../Images/icon13.png);
		}
		.m-suspen-box .show-box {
			position: absolute;
			left: -110%;
			bottom: 0;
			display: none;
		}
		.m-suspen-box .close {
			position: absolute;
			top: 1%;
			right: 5%;
		}
		.opti-acce .swiper-button-prev,
		.opti-acce .swiper-button-next {
			width: 30px;
			height: 30px;
		}
		.opti-acce .swiper-button-prev {
			left: -35px;
		}
		.opti-acce .swiper-button-next {
			right: -35px;
		}
		.mapp-func .r-text {
			max-width: 100%;
			margin: 50px 0;
			text-align: center;
		}
		.seco-deve .column {
			padding: 0 5%;
		}
		.devi-mana .video1 video {
			width: 86.5%;
			height: auto;
		}
		.scene .text {
			padding: 30px;
		}
		.groun-list .column {
			padding: 20px;
		}
		.groun-list .name {
			font-size: 18px;
			margin-bottom: 30px;
		}
		.groun-list .words2 {
			font-size: 14px;
		}
		.groun .words {
			padding: 0;
		}
		.search .search-wrap {
			padding: 0;
		}
		.story-list .text {
			padding: 15px 30px 15px 15px;
		}
		.retai-list .text {
			padding: 20px;
		}
		.story-list .icon {
			right: 20px;
			bottom: 30px;
		}
		.solu-list .column {
			width: 32%;
			margin-right: 2%;
		}
		.solu-list .column:nth-child(4n) {
			margin-right: 2%;
		}
		.solu-list .column:nth-child(3n) {
			margin-right: 0;
		}
		.sales-list .h1 {
			font-size: 14px;
		}
		.recru-nav {
			padding: 0;
		}
		.prog-list .text {
			padding: 30px 50px 0;
		}
		.notice-list .column {
			margin-bottom: 50px;
		}
		.header {
			background-color: #ffffff;
			box-shadow: 0 3px 7px rgba(0, 0, 0, .1);
		}
		.header .logo_2 {
			display: inline-block;
		}
		.header .logo_1 {
			display: none;
		}
		.header .head-menu .line {
			background-color: #000000;
		}
		.head-rbox {
			display: none;
		}
		.header .head-menu {
			display: block;
		}
		.home-swiper .swiper-pagination {
			bottom: 3%;
		}
		.shouye-case .column.special .suspen {
			padding-bottom: 15px;
		}
		.shouye-case .suspen {
			padding: 0 15px 15px;
		}
		.shouye-case .h1 {
			margin-bottom: 10px;
		}
		.shouye-case .words {
			line-height: 1.4;
		}
		.link-nav {
			position: relative;
			margin-top: 30px;
		}
		.shouye-case {
			margin-top: 30px;
		}
		/*.foot-nav {
			display: none;
		}*/
		.footer .sales {
			width: 35%;
			margin: 0 auto;
			text-align: center;
		}
		.foot-top {
			margin-bottom: 30px;
		}
		.foot-bot {
			text-align: center;
		}
		.home-swiper .suspen {
			top: 35%;
		}
		.link-nav .column {
			text-align: center;
		}
		.link-nav .icon {
			width: 100%;
		}
		.link-nav .text {
			width: 100%;
			padding: 10px 0;
		}
		.link-nav .nav-wrap {
			padding: 20px;
		}
	}
	@media only screen and (max-width:991px) {
		.problem .form {
			max-width: 100%;
		}
		.opti-acce .swiper-button-prev {
			left: 0;
		}
		.opti-acce .swiper-button-next {
			right: 0;
		}
		.welfare .column {
			min-height: 440px;
		}
		.propa-video .icon img {
			max-width: 70%;
		}
		.welfare .last_column {
			width: 70%;
		}
		.devel .l-img {
			width: 100%;
			margin-bottom: 20px;
		}
		.devel .r-text {
			width: 100%;
		}
		.activ .icon img {
			max-width: 60%;
		}
		.activ .icon_2 {
			right: -35%;
		}
		.activ .icon_4 {
			right: -12%;
		}
		.dt30 .box1 .h1 {
			margin-bottom: 30px;
		}
		.dt30 .box1 .img-box {
			width: 260px;
		}
		.dt30 .box4 .img-box {
			width: 300px;
		}
		.dt30 .box6 .text-box {
			max-width: 400px;
		}
		.dt30 .box8 .text-box {
			max-width: 400px;
		}
		.dt30 .box8 .list-box {
			margin-top: 20px;
		}
		.dt30 .box8 .h1 {
			margin-bottom: 20px;
		}
		.dt30 .box9 .img-box {
			width: 360px;
		}
		.dt30 .box9 .list-box {
			margin-top: 40px;
		}
		.dt30 .box10 .text-box {
			max-width: 300px;
		}
		.dt30 .box10 .suspen {
			top: 50%;
		}
		.dt30 .box11 .img1 {
			width: 400px;
		}
		.d8000 .box1 .img-box {
			width: 250px;
		}
		.tech-para .column {
			width: 33.33%;
		}
		.tech-para .column:nth-child(4n) {
			padding-right: 1%;
		}
		.tech-para .column:nth-child(3n) {
			padding-right: 0;
		}
		.tech-para .name {
			line-height: 1.4;
		}
		.d7000 .box11 .suspen .img {
			width: 300px;
		}
		.d7000 .box1 .h1 {
			margin-bottom: 10px;
		}
		.dt40 .box3 .img-box {
			width: 200px;
		}
		.dt40 .box3 .text-box {
			margin-right: 0;
		}
		.dt40 .box4 .column {
			width: 200px;
		}
		.d7000 .box5 .text-box {
			width: 380px;
		}
		.d7000 .box6 .text-box {
			margin-bottom: 20px;
		}
		.dt40 .box7 .suspen {
			top: 25%;
		}
		.dt40 .box8 .column1 {
			top: 32%;
		}
		.dt40 .box8 .name {
			margin-top: 5px;
		}
		.dt40 .box8 .column2 {
			left: 12%;
		}
		.dt40 .box8 .column3 {
			left: 27%;
		}
		.dt40 .box8 .column4 {
			right: 20%;
		}
		.dt40 .box8 .column5 {
			top: 20%;
			right: 5%;
		}
		.dt40 .box8 .column6 {
			right: 17%;
		}
		.dt40 .box9 .text-box {
			max-width: 300px;
		}
		.dt40 .box11 .img-box {
			width: 380px;
		}
		.dt40 .box11 .text-box {
			margin-right: 0;
			margin-bottom: 0;
		}
		.dt40 .box11 .suspen {
			top: 50%;
			transform: translate(-50%, -50%);
		}
		.dt40 .box12 .text-box {
			max-width: 350px;
		}
		.dt40 .box13 .img-box {
			width: 450px;
		}
		.dt40 .box13 .text-box {
			max-width: 500px;
		}
		.dt40 .box13 .suspen {
			top: 25%;
		}
		.dt40 .box14 .text-box {
			margin-left: 0;
		}
		.dt50 .box3 .text-box {
			max-width: 100%;
		}
		.dt50 .box3 .column {
			width: 33.33%;
		}
		.dt50 .box4 .text-box {
			max-width: 380px;
		}
		.dt50 .box5 .img-box {
			right: 15%;
		}
		.dt50 .box6 .list-box2 {
			margin-top: 30px;
		}
		.dt50 .box6 .words {
			line-height: 30px;
		}
		.dt50 .box6 .name {
			font-size: 16px;
			margin-top: 10px;
		}
		.dt50 .box7 .text-box {
			max-width: 420px;
		}
		.dt50 .box8 .text-box {
			max-width: 100%;
		}
		.dt50 .box8 .list-box {
			margin-top: 40px;
		}
		.dt50 .box10 .list-box {
			margin-top: 30px;
		}
		.dt50 .box10 .column {
			margin-right: 50px;
		}
		.dt50 .box11 .suspen {
			top: 50%;
			transform: translate(-50%, -50%);
		}
		.dt50 .box12 .icon {
			width: 90px;
		}
		.dt50 .box12 .img1 {
			width: 360px;
		}
		.i9000s .box3 .list-box {
			padding: 0;
		}
		.i9000s .box4 .icon {
			height: 50px;
		}
		.i9000s .box4 img {
			max-height: 100%;
		}
		.i9000s .box5 .text-box {
			width: 100%;
		}
		.i9000s .box6 .text-box {
			width: 100%;
			margin-right: 0;
		}
		.i9000s .box6 .column {
			display: inline-block;
			vertical-align: top;
			width: 50%;
		}
		.i9000s .box6 .icon {
			width: 40px;
			margin-right: 10px;
		}
		.i9000s .box6 .words2 {
			width: calc(100% - 50px);
			line-height: 40px;
		}
		.i9000s .box8 .text-box {
			width: 360px;
		}
		.i9000s .box8 .capa {
			margin-top: 40px;
		}
		.i9000s .box9 .suspen {
			top: 50%;
		}
		.i9000s .box9 .text-box {
			max-width: 100%;
		}
		.i9000s .box9 .column {
			margin-top: 30px;
		}
		.i9000s .box9 .icon {
			height: 35px;
		}
		.i9000s .box9 img {
			max-height: 100%;
		}
		.i9000s .box12 .h1 {
			font-size: 28px;
		}
		.i9100 .box2 .icon {
			height: 50px;
		}
		.i9100 .box2 .icon img {
			max-height: 100%;
		}
		.i9100 .box2 .name {
			font-size: 16px;
		}
		.i9100 .box3 .column2 {
			margin-right: 20px;
		}
		.i9100 .box3 .list-box2 {
			margin-top: 30px;
		}
		.i9100 .box3 .name {
			font-size: 16px;
		}
		.i9100 .box3 .icon {
			height: 30px;
		}
		.i9100 .box6 .list-box {
			margin-top: 30px;
		}
		.i9100 .box7 .name {
			margin-top: 10px;
		}
		.i9100 .box7 .list-box {
			margin: 30px auto;
		}
		.play-but-icon {
			width: 60px;
			margin: 0 auto;
		}
		.seco-deve .column {
			padding: 0 2%;
		}
		.seco-deve .icon {
			width: 120px;
			margin: 0 auto;
		}
		.cust-use .column {
			width: 100%;
			border-right: 0 !important;
		}
		.cloud-serv .top-box .h1 {
			padding: 40px 0;
		}
		.devi-diag .column {
			padding: 0 2%;
		}
		.devi-diag .name {
			font-size: 16px;
			padding: 0 15px;
		}
		.devi-diag .column .icon {
			height: 50px;
		}
		.devi-mana .box3 {
			padding: 150px 0;
		}
		.devi-mana .box3 .list-box {
			max-width: 80%;
		}
		.deploy .column2 .suspen {
			right: 5%;
		}
		.deploy .column .icon img {
			width: 60px;
		}
		.deploy .column .h1 {
			margin: 20px 0 10px;
		}
		.deploy .column .h2 {
			margin-bottom: 20px;
		}
		.softw-page .banner .column .img {
			width: 80px;
		}
		.deploy .top-box .suspen {
			top: 22%;
		}
		.softw-page .banner .list-box {
			padding-bottom: 20px;
		}
		.softw-box .top-box .h1 {
			margin-bottom: 30px;
		}
		.supp-video-box .suspend .h1 {
			font-size: 16px;
		}
		.supp-video-box .words {
			font-size: 14px;
		}
		.manu .text-box {
			width: 100%;
			padding-top: 0;
			margin-bottom: 50px;
		}
		.manu .top-box {
			margin-bottom: 30px;
		}
		.manu .column {
			margin-bottom: 40px;
		}
		.manu .img-box {
			width: 100%;
		}
		.softw-list .column .icon {
			width: 70%;
			margin: 0 auto;
		}
		.scene .name {
			font-size: 16px;
			margin-bottom: 10px;
		}
		.scene .text {
			padding: 20px;
		}
		.rela-prod .img {
			height: 200px;
		}
		.rela-prod .img img {
			max-height: 100%;
		}
		.rela-prod-list .column .more {
			margin-top: 30px;
		}
		.rela-prod .text {
			padding: 20px;
		}
		.retai-list .column {
			width: 32%;
			margin-right: 2%;
		}
		.outle .outle-map .outle-list .column {
			max-width: 48%;
			margin-right: 4%;
		}
		.outle .outle-map .outle-list .column:nth-child(2n) {
			margin-right: 0;
		}
		.outle-list .column {
			width: 48%;
			margin-right: 4%;
		}
		.outle-list .column:nth-child(3n) {
			margin-right: 4%;
		}
		.outle-list .column:nth-child(2n) {
			margin-right: 0;
		}
		.mode-list .column {
			padding: 30px;
			min-height: 480px;
		}
		.supp-list .column {
			padding: 5px;
		}
		.supp-list .h1 {
			margin-bottom: 10px;
			line-height: 18px;
		}
		.supp-list .line {
			margin-top: 0;
		}
		.cont-list .icon img {
			width: 30px;
		}
		.devel {
			background-size: 100% 150px;
		}
		.devel .words {
			padding: 0;
		}
		.syste {
			min-height: 620px;
		}
		.hot-posit {
			padding: 90px 0 150px;
		}
		.posit-list .name {
			font-size: 16px;
		}
		.techn {
			min-height: 620px;
		}
		.recruit-page .banner .suspen {
			padding-top: 15%;
		}
		.head-menu .drop-down {
			top: 60px;
		}
		.prog-list .img {
			width: 50%;
		}
		.prog-list .text {
			width: 50%;
			padding: 20px 20px 0;
		}
		.prog-list .top>div {
			margin-bottom: 20px;
		}
		.prog-list .icon {
			margin-right: 20px;
		}
		.prog-list .h1 {
			margin-bottom: 10px;
		}
		.prod-nav .column {
			width: 48%;
			margin-right: 4%;
		}
		.prod-nav .column:nth-child(3n) {
			margin-right: 4%;
		}
		.prod-nav .column:nth-child(2n) {
			margin-right: 0;
		}
		.problem-page .banner .suspen {
			padding-top: 15%;
		}
		.news-page .banner .suspen {
			padding-top: 15%;
		}
		.nav-page .item {
			width: 60px;
		}
		.nav-page .prev {
			width: auto;
			padding: 0 20px;
		}
		.nav-page .next {
			width: auto;
			padding: 0 20px;
		}
		.news-box .img {
			width: 300px;
		}
		.news-box .text-box {
			width: calc(100% - 300px);
			padding-top: 30px;
		}
		.news-box .h1 {
			margin-bottom: 20px;
		}
		.futu-list .words {
			font-size: 12px;
			line-height: 24px;
		}
		.honor .preview {
			top: 52%;
			left: 10%;
			width: 70%;
		}
		.honor .img-box {
			width: 100%;
		}
		.mile .arrow-left {
			top: -30px;
			left: 8px;
		}
		.mile .arrow-right {
			left: 8px;
			bottom: 0;
		}
		.mile .preview .swiper-slide {
			padding: 0;
		}
		.mile .preview .swiper-container {
			height: 200px;
		}
		.about .title {
			margin-bottom: 60px;
		}
		.about-page .banner .suspen {
			padding-top: 12%;
		}
		.header {
			height: 60px;
		}
		.head-logo {
			line-height: 60px;
		}
		.head-logo img {
			height: 40px;
			vertical-align: middle;
		}
		.head-menu .icon-button {
			margin-top: 13px;
		}
		.home-swiper .h1 {
			font-size: 20px;
			margin-bottom: 10px;
		}
		.home-swiper .bold {
			font-size: 30px;
		}
		.home-swiper .h2 {
			font-size: 14px;
		}
		.home-swiper .list-box {
			margin-top: 20px;
		}
		.home-swiper .column {
			margin-right: 40px;
		}
		.link-nav .nav-wrap {
			border-radius: 15px;
		}
		.shouye-case .h1 {
			font-size: 18px;
		}
		.shouye-case {
			margin-bottom: 30px;
		}
		.news .title {
			margin-bottom: 30px;
		}
		.news-list .column {
			width:100%;
			/*margin-right: 2.795%;*/
			margin-bottom: 20px;
		}
		.news {
			padding-bottom: 30px;
		}
		.smart-swiper .push-button {
			width: 30px;
			height: 30px;
			margin-top: -15px;
		}
	}
	.bigPicLayer {
		display: none;
		width: 1000px;
		height: 556px;
		position: fixed;
		z-index: 111;
		top: 40% !important;
		margin-top: -180px;
		padding: 10px;
	}
	.bigPicLayer .close {
		display: block;
		width: 38px;
		height: 38px;
		background: url(../Images/close.png) no-repeat;
		right: -50px;
		top: -50px;
		position: relative;
		position: absolute;
		z-index: 222;
	}
	.bigPicLayer .close em {
		width: 1px;
		height: 50px;
		background: #009690;
		display: none;
		position: absolute;
		left: 50%;
		margin-left: -0.5px;
		top: 100%;
	}
	.bigPicLayer .imgDiv {
		text-align: center;
	}
	.bigPicLayer .imgDiv img {
		width: 100%;
	}
	.bigPicLayer .imgDiv span {
		display: block;
		text-align: center;
		font-size: 18px;
		margin-top: 16px;
		color: #fff;
		font-weight: bold;
		position: absolute;
		left: 0;
		top: 100%;
		width: 100%;
	}
	#Layer1 {
		position: fixed;
		z-index: 9;
		background: #000000;
		top: 0;
		left: 0;
	}
	@media screen and (max-width: 1440px) {
		.bigPicLayer {
			display: none;
			width: 600px;
			height: 350px;
			position: fixed;
			z-index: 111;
			top: 40% !important;
			margin-top: -100px;
			padding: 10px;
		}
		.bigPicLayer .close {
			display: block;
			width: 38px;
			height: 38px;
			background: url(../Images/close.png) no-repeat;
			right: -50px;
			top: -50px;
			position: relative;
			position: absolute;
			z-index: 222;
		}
		.bigPicLayer .close em {
			width: 1px;
			height: 50px;
			background: #0a448d;
			display: none;
			position: absolute;
			left: 50%;
			margin-left: -0.5px;
			top: 100%;
		}
		.bigPicLayer .imgDiv {
			text-align: center;
		}
		.bigPicLayer .imgDiv img {
			width: 100%;
		}
		.bigPicLayer .imgDiv span {
			display: block;
			text-align: center;
			font-size: 18px;
			margin-top: 16px;
			color: #fff;
			font-weight: bold;
			position: absolute;
			left: 0;
			top: 100%;
			width: 100%;
		}
	}
	@media screen and (max-width: 1004px) {
		.bigPicLayer {
			width: 300px;
			height: auto;
			padding: 0px;
			margin-top: -150px;
		}
		.bigPicLayer .close {
			display: block;
			width: 38px;
			height: 38px;
			background: url(../Images/close.png) no-repeat;
			right: -50px;
			top: -50px;
			position: relative;
			position: absolute;
			z-index: 222;
		}
		.bigPicLayer .close em {
			width: 1px;
			height: 20px;
			background: #0a448d;
			display: none;
			position: absolute;
			left: 50%;
			margin-left: -0.5px;
			top: 100%;
		}
		.bigPicLayer .imgDiv {
			height: 169px;
		}
	}
	#pc-main {
		display: block;
	}
	#mobile-main {
		display: none;
	}

}