@media only screen and (min-width:768px) {
	.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;
	}
	body{
		overflow-x: hidden;
	}

	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: 88.54%;
		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: 14px;
		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;
	}

	/*20210823*/
	/*.head-lang {
		position: relative;
		float: left;
		line-height: 77px;
		font-size: 14px;
		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: 1px;
	}
	.head-lang .item {
		display: block;
		font-size: 12px;
		color: #ffffff;
		line-height: 40px;
	}*/
	/*20210823end*/
	.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;
	}

	.head-lang span {
		display: block;
		margin-top: 15px;
		border: #949494 solid 1px;
		border-radius: 15px;
		line-height: 30px;
		padding: 0px 30px 0px 10px;
		background: url(../images/img1.png) center right 10px no-repeat;
	}

	.header.on .head-lang span,
	.header.white .head-lang span {
		background: url(../images/img1a.png) center right 10px no-repeat;
	}

	.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;
		box-sizing: border-box;
		/* max-height: calc(100% - 78px);
		overflow-y: auto; */
	}

	.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 */
	.footer {
		background-color: #e8e8e8;
		padding: 45px 0 25px;
	}

	.foot-top {
		margin-bottom: 70px;
	}

	.foot-nav {
		float: left;
	}

	.foot-nav .column {
		float: left;
		margin-right: 180px;
	}

	.foot-nav .column:last-child {
		margin-right: 0;
	}

	.foot-nav .h1 {
		font-size: 15px;
		color: #333333;
		margin-bottom: 30px;
	}

	.foot-nav .item {
		display: block;
		font-size: 13px;
		color: #888888;
		margin-bottom: 15px;
	}

	.footer .sales {
		float: right;
		margin-right: 38px;
	}

	.footer .sales .h1 {
		font-size: 14px;
		color: #333333;
		margin-bottom: 20px;
	}

	.footer .sales .words {
		font-size: 15px;
		color: #333333;
	}

	.footer .sales .img {
		margin-bottom: 20px;
	}

	.footer .sales .color {
		color: #00a7d3;
	}

	.foot-bot .link {
		float: left;
		max-width: 50%;
	}

	.foot-bot .link a {
		font-size: 13px;
		color: #888888;
		line-height: 20px;
	}

	.foot-bot .record {
		float: right;
		font-size: 13px;
		color: #888888;
		max-width: 50%;
	}

	.foot-bot .record a {
		font-size: 12px;
		color: #888888;
	}

	/* main */
	.suspen-cont {
		position: fixed;
		right: 0;
		bottom: 35%;
		z-index: 99;
		display: flex;
		transition: all 1s ease;
	}
	.suspen-cont.right{
		right: -188px;
	}
	
	.suspen-cont .lBox{
		display: flex;
		flex-direction: column;
		justify-content: space-between;
	}
	.return-top{
		position: fixed;
		right: 0;
		bottom: 0;
		z-index: 9;	
	}
	.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 {
	
		background-color: #ffffff;
	
	}

	.suspen-cont .box-wrap {
		position: relative;
		padding: 16px 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: 12px;
		left: 0;
		cursor: pointer;
		font-size: 0;
	}


	.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: #f2f2f2;
	}

	.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;
	}

	.link-box {
		margin-top: 3.9%;
		margin-bottom: 110px;
	}

	.link-box .column {
		float: left;
		width: 48.82%;
		position: relative;
	}

	.link-box .column.special {
		margin-right: 2.36%;
	}

	.link-box .suspen {
		position: absolute;
		left: 0;
		bottom: 0;
		width: 100%;
		padding: 0 45px 45px;
	}

	.link-box .column.special .suspen {
		padding-bottom: 55px;
	}

	.link-box .column:nth-child(2) {
		margin-bottom: 2.36%;
	}

	.link-box .h1 {
		font-size: 40px;
		color: #ffffff;
		font-weight: bold;
		margin-bottom: 20px;
	}

	.link-box .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;
	}

	.news {
		padding-bottom: 86px;
	}

	.news .title {
		margin-bottom: 50px;
	}

	.home-page .title .h1 {
		font-size: 42px;
		color: #333333;
		text-align: center;
	}

	.news-list .column {
		float: left;
		width: 31.47%;
		margin-right: 2.795%;
		padding: 16px 18px;
		background-color: #ffffff;
	}

	.news-list .column a {
		border: 1px solid #ffffff;
	}

	.news-list .column:nth-child(3n) {
		margin-right: 0;
	}

	.news-list .text {
		padding: 35px 10px 20px;
	}

	.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: #00a7d3;
	}

	/* 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;
	}

	.solu4 .video {
		padding: 0px 0 25px;
		position: relative;
	}

	.solu4 .play-icon,
	.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: 70px 0 70px;
		background-color: #f9f9f9;
	}

	.solu3 .intro .text {
		font-size: 24px;
		color: #666666;
		line-height: 44px;
		text-align: center;
		padding: 0 110px;
	}

	.solu3 .intro .but-video {
		width: 135px;
		cursor: pointer;
		margin: 30px auto;
		background: #00a7d2;
		color: #fff;
		padding: 15px;
	}

	.solu3 .intro .but-video img {
		width: 30px;
		padding-left: 10px;
	}

	.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 70px;
	}

	.solu3 .app-solu .title {
		margin-bottom: 76px;
	}

	.solu3 .app-solu .box {
		margin-bottom: 60px;
	}

	.solu3 .app-solu .box .h3 {
		font-size: 30px;
		color: #333333;
		margin-bottom: 40px;
	}

	.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;
		line-height: 1.4;
		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;
	}

	.video-page .banner .suspen {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		text-align: center;
		padding-top: 18.2%;
	}

	.video-page .banner .suspen .h1 {
		font-size: 60px;
		color: #ffffff;
		font-weight: bold;
		margin-bottom: 40px;
	}

	.video-page .banner .suspen .h2 {
		font-size: 36px;
		color: #ffffff;
	}

	.video {
		padding: 80px 0 100px;
	}

	.video .video-wrap {
		padding: 0 140px;
	}

	.video .title {
		text-align: center;
		margin-bottom: 75px;
	}

	.video .title .h1 {
		font-size: 34px;
		color: #333333;
		font-weight: bold;
	}

	.video-list .column {
		float: left;
		width: 31%;
		margin-right: 3.5%;
		margin-bottom: 65px;
	}

	.video-list .column:nth-child(3n) {
		margin-right: 0;
	}

	.video-list .img {
		position: relative;
	}

	.video-list .play-icon {
		position: absolute;
		bottom: 25px;
		left: 25px;
		width: 35px;
		height: 35px;
		background-image: url(../images/icon85.png);
		background-size: cover;
		transition: all .3s;
	}

	.video-list .column:hover .play-icon {
		background-image: url(../images/icon86.png);
	}

	.video-list .text {
		padding: 25px 3px 0;
	}

	.video-list .h1 {
		font-size: 20px;
		color: #333333;
		font-weight: bold;
		margin-bottom: 20px;
	}

	.video-list .time {
		font-size: 16px;
		color: #666666;
	}

	.video-list .more-box {
		margin-top: 35px;
		text-align: center;
	}

	.video-list .more {
		display: inline-block;
		font-size: 16px;
		color: #333333;
		border: 1px solid #dfdfdf;
		padding: 19px 72px;
		border-radius: 35px;
		transition: all .3s;
	}

	.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: 19.66%;
		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: 28%;
		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: #d6e5fd;
		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: 25%;
		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 video {
		display: block;
		margin: 0 auto;
	}

	.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-top-nav.on-2 {
		top: 78px;
		background-color: #FFFFFF;
	}

	.prod-top-nav.on-2 .prod-top-wrap {
		padding: 5px 0;
	}

	.prod-top-nav.on-2 .column {
		border-right: 2px solid #333333;
	}

	.prod-top-nav.on-2 .column:last-child {
		border-right: 0;
	}

	.prod-top-nav.on-2 .name {
		color: #333333;
	}

	.prod-top-nav.on-2 .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: 16px;
		color: #ffffff;
		font-weight: bold;
		margin-bottom: 14px;
	}

	.tech-para .data {
		font-size: 14px;
		color: #d1d1d1;
		line-height: 26px;
		word-wrap: break-word;
		word-break: break-all;
	}

	.tech-para .words {
		font-size: 12px;
		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: 9.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: 16%;
		right: 5%;
	}

	.dt40 .box8 .column6 {
		width: 118px;
		top: 26%;
		right: 19%;
	}

	.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: 0%;
		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 .box1 .suspen-2 {
		position: absolute;
		top: 85%;
		left: 50%;
		transform: translate(-50%, -50%);
		z-index: 2;
	}
	.dt50 .box1 .list-box{
		max-width: 550px;
		width: 100%;
		display: flex;
		flex-wrap: wrap;
	
	}
	.dt50 .box1 .list-box li {
		float: left;
		width: 33.33%;
		padding-right: 5%;
		margin-bottom: 20px;
	}

	.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;
		}

		.foot-bot .link {
			float: left;
			width: 100%;
		}

		.foot-bot .record {
			float: left;
			width: 100%;
			margin-top: 10px;
		}
	}

	@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: 60px 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 .app-solu .box {
			margin-bottom: 0;
		}

		.solu3 .app-solu .box .h3 {
			font-size: 20px;
			margin-bottom: 20px;
		}

		.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) {
		.prod-top-nav.on {
			top: 50px;
		}

		.prod-top-nav.on-2 {
			top: 50px;
		}

		.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 .box1 .suspen-2 {
			position: absolute;
			top: 85%;
			left: 50%;
			transform: translate(-50%, -50%);
			z-index: 2;
		}
		.dt50 .box1 .list-box{
			max-width: 550px;
			width: 100%;
			display: flex;
			flex-wrap: wrap;
		
		}
		.dt50 .box1 .list-box li {
			float: left;
			width: 33.33%;
			padding-right: 5%;
			margin-bottom: 20px;
		}
	

		.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: 140px;
		}

		.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: 100px;
		}

		.head-nav .column {
			margin: 0 20px;
		}

		.wd {
			width: 90%;
		}

		.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: 16px;
		}

		.tech-para .data {
			font-size: 14px;
		}

		.tech-para .words {
			font-size: 12px;
		}

		.summ-box .h1 {
			font-size: 32px !important;
			line-height: 42px !important;
		}

		.summ-box .words {
			font-size: 18px !important;
			line-height: 30px !important;
		}

		.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 100px;
		}

		.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: 60px;
		}

		.head-nav .item {
			font-size: 12px;
		}

		.head-lang {
			margin-right: 0;
		}

		.head-lang span {
			display: block;
			margin-top: 15px;
			border: #949494 solid 1px;
			border-radius: 15px;
			line-height: 30px;
			padding: 0px 30px 0px 10px;
			background: url(../images/img1.png) center right 10px no-repeat;
		}

		.head-lang .item {
			font-size: 12px;
		}

		.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;
		}

		.link-box .h1 {
			font-size: 24px;
		}

		.link-box .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;
		}

		.link-box .suspen {
			padding: 0 25px 25px;
		}

		.link-box .column.special .suspen {
			padding-bottom: 25px;
		}

		.foot-bot .link {
			width: 100%;
			margin-bottom: 10px;
			max-width: 100%;
		}

		.foot-bot .record {
			width: 100%;
			max-width: 100%;
		}

		.header .prod-drop-down .item_2 {
			padding: 0 5px;
		}

		.header .prod-drop-down .icon {
			width: 30px;
			margin-right: 5px;
		}

		.header .prod-drop-down .name {
			width: calc(100% - 105px);
		}

		.header .item_2 .hot {
			max-width: 40px;
		}

		.devi-mana .box3 .list-box {
			max-width: 650px;
		}
	}

	@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%;
		}

		.link-box {
			/* 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: 30px;
		}

		.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(../mobile/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(../mobile/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(../mobile/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(../mobile/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(../mobile/icon10.jpg);
		}

		.m-suspen-box .phone {
			background-image: url(../mobile/icon11.jpg);
		}

		.m-suspen-box .messa {
			background-image: url(../mobile/icon12.jpg);
		}

		.m-suspen-box .weixin {
			background-image: url(../mobile/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;
		}

		.main-page {
			padding-top: 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%;
		}

		.link-box .column.special .suspen {
			padding-bottom: 15px;
		}

		.link-box .suspen {
			padding: 0 15px 15px;
		}

		.link-box .h1 {
			margin-bottom: 10px;
		}

		.link-box .words {
			line-height: 1.4;
		}

		.link-nav {
			position: relative;
			margin-top: 30px;
		}

		.link-box {
			margin-top: 30px;
		}

		.foot-nav {
			display: none;
		}

		.footer .sales {
			width: 100%;
			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;
		}

		.techn .words {
			margin-bottom: 40px
		}

		.techn-list .column {
			width: 33.33%;
			margin-bottom: 30px;
		}

		.techn-list .column:nth-child(3n)::before {
			display: none;
		}

		.techn-list .column img {
			height: 120px;
		}

		.techn-list .dots {
			margin: 15px 0;
		}
	}

	@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;
		}

		.main-page {
			padding-top: 0;
		}

		.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;
		}

		.link-box .h1 {
			font-size: 18px;
		}

		.link-box {
			margin-bottom: 30px;
		}

		.news .title {
			margin-bottom: 30px;
		}

		.news-list .column {
			width: 100%;
			margin-right: 0;
			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;
	}
}

@media only screen and (max-width:767px) {

	/*脙茠脗楼脙垄芒鈥毬偮γ冣€毭偮兤捗偮ッ兟⒚⑩€毬偮γ冣€毭偮泵兤捗偮γ冣€毭偮犆冣€毭偮访兤捗偮ッ冣€毭偮济冣€毭偮?/
	html,
	body,
	div,
	span,
	applet,
	object,
	iframe,
	h1,
	h2,
	h3,
	h4,
	h5,
	h6,
	p,
	blockquote,
	pre,
	a,
	abbr,
	acronym,
	address,
	big,
	cite,
	code,
	del,
	dfn,
	em,
	img,
	ins,
	kbd,
	q,
	s,
	samp,
	small,
	strike,
	strong,
	sub,
	sup,
	tt,
	var,
	b,
	u,
	i,
	center,
	dl,
	dt,
	dd,
	ol,
	ul,
	li,
	fieldset,
	form,
	label,
	legend,
	table,
	caption,
	tbody,
	tfoot,
	thead,
	tr,
	th,
	td,
	article,
	aside,
	canvas,
	details,
	embed,
	figure,
	figcaption,
	footer,
	header,
	hgroup,
	main,
	menu,
	nav,
	output,
	ruby,
	section,
	summary,
	time,
	mark,
	audio,
	video {
		margin: 0;
		padding: 0;
		border: 0;
		font-size: 100%;
		font: inherit;
		vertical-align: baseline;
	}

	* {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}

	html,
	body {
		font-family: "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
		font-size: 14px;
		line-height: 1;
		color: #333;
		background-color: #fff;
	}

	ul,
	li {
		list-style-type: none;
	}

	input,
	textarea,
	select {
		-webkit-appearance: none;
		resize: none;
		outline: none;
		-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
		border: 0;
	}

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

	a:hover {
		text-decoration: none;
	}

	img {
		max-width: 100%;
		border-style: none;
		vertical-align: middle;
	}

	.zoom-img {
		overflow: hidden;
	}

	.zoom-img .img {
		overflow: hidden;
	}

	.zoom-img img {
		transition: all .5s;
	}

	.zoom-img:hover img {
		transform: scale(1.04);
		-ms-transform: scale(1.04);
		-webkit-transform: scale(1.04);
		-o-transform: scale(1.04);
		-moz-transform: scale(1.04);
	}

	.clear:after {
		display: block;
		clear: both;
		content: "";
		visibility: hidden;
		height: 0
	}

	.clear {
		zoom: 1
	}

	.nav-page {
		font-size: 0;
		text-align: center;
	}

	.flex {
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
	}

	.h1,
	.h2,
	.h3,
	.h4,
	.h5 {
		margin: 0;
		padding: 0;
	}

	.delay1 {
		-webkit-animation-delay: .1s;
		animation-delay: .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.7s;
	}

	.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;
	}

	.p-box {
		display: none;
	}

	.m-box {
		display: block;
	}

	/* header */
	.header {
		display: none;
	}

	.suspen-cont {
		position: fixed;
		right: 2%;
		bottom: 35%;
		z-index: 8;
	}

	.suspen-cont .button {
		padding: 40px 10px 15px;
		width: 32px;
		background-color: #ffffff;
		text-align: center;
		background-image: url(../images/icon6.jpg);
		background-position: center 12px;
		background-repeat: no-repeat;
		background-size: 10px auto;
		font-size: 12px;
		color: #00a7d3;
		cursor: pointer;
	}
	.suspen-cont.right{
		right: -148px;
	}
	.suspen-cont .box {
		position: absolute;
		background-color: #ffffff;
		left: -160px;
		width: 150px;
		top: -123px;
		display: none;
	}

	.suspen-cont .box-wrap {
		position: relative;
		padding: 25px 15px 15px;
	}

	.suspen-cont .column {
		position: relative;
		margin-bottom: 15px;
	}

	.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: 17px;
		background-position: left 3%;
		background-repeat: no-repeat;
		background-size: 12px auto;
	}

	.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: 12px;
		color: #333333;
		margin-bottom: 10px;
	}

	.suspen-cont .words {
		font-size: 11px;
		color: #777777;
	}

	.suspen-cont .close {
		position: absolute;
		top: 7px;
		right: 12px;
		cursor: pointer;
	}

	.return-top {
		position: fixed;
		right: 2%;
		top: 45%;
		width: 32px;
		z-index: 8;
		cursor: pointer;
	}

	.m-header {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		border-bottom: 0.01rem solid rgba(255, 255, 255, .1);
		z-index: 10;
	}

	.m-header .container-fluid {
		padding: 0 15px;
	}

	.m-header.on {
		background-color: #ffffff;
	}

	.m-header.on2 {
		/* top: -100%; */
	}

	.m-head-wrap {
		height: 50px;
		justify-content: space-between;
		align-items: center;
		z-index: 30px;
	}

	.m-head-logo {
		width: 150px;
	}

	.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: 19px;
	}

	.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: 44px;
		padding: 0 19px;
	}

	.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 25px;
	}

	.m-head-menu .column.on .drop-down_2 {
		display: block;
	}

	.m-head-menu .h1 {
		display: block;
		font-size: 16px;
		color: #333333;
		line-height: 44px;
		border-bottom: 0.01rem solid #dcdcdc;
		padding: 0 5px;
	}

	.m-head-menu .name {
		display: block;
		padding-right: 30px;
		background-image: url(../mobile/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 - 95px);
	}

	.m-head-menu .m-nav::-webkit-scrollbar {
		display: none;
	}

	.m-head-menu .h2 {
		display: block;
		font-size: 16px;
		color: #333333;
		line-height: 44px;
		border-bottom: 0.01rem solid #dcdcdc;
		padding: 0 5px;
	}

	.m-head-menu .name_2 {
		display: block;
		background-image: url(../mobile/icon16.jpg);
		background-position: right center;
		background-repeat: no-repeat;
		background-size: 8px auto;
	}

	.m-head-menu .h2.on .name_2 {
		background-image: url(../mobile/icon17.jpg);
	}

	.m-head-menu .drop-down_3 {
		display: none;
	}

	.m-head-menu .item_2 {
		display: block;
		font-size: 16px;
		color: #666666;
		line-height: 44px;
		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(../mobile/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(../mobile/icon10.jpg);
	}

	.m-suspen-box .phone {
		background-image: url(../mobile/icon11.jpg);
	}

	.m-suspen-box .messa {
		background-image: url(../mobile/icon12.jpg);
	}

	.m-suspen-box .weixin {
		background-image: url(../mobile/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%;
	}

	/* footer */
	.m-footer {
		padding: 0 .5rem;
		background-color: #e8e8e8;
	}

	.m-footer .top-box {
		padding: .63rem .2rem .5rem;
		border-bottom: 0.01rem solid #d2d2d2;
		text-align: center;
	}

	.m-footer .time {
		font-size: .26rem;
		color: #666666;
		line-height: .4rem;
		margin-bottom: .33rem;
	}

	.m-footer .link-consu {
		display: inline-block;
		width: 3.6rem;
		height: .85rem;
		line-height: .85rem;
		font-size: .34rem;
		color: #ffffff;
		background-color: #00a7d3;
		border-radius: .43rem;
	}

	.m-footer .center-box {
		padding: .44rem .2rem .47rem;
		border-bottom: 0.01rem solid #d2d2d2;
	}

	.m-footer .active {
		align-items: center;
		margin-bottom: .44rem;
	}

	.m-footer .drop-down {
		display: none;
	}

	.m-footer .icon {
		width: .37rem;
		margin-right: .1rem;
	}

	.m-footer .name {
		font-size: .22rem;
		color: #888888;
	}

	.m-footer .h1 {
		font-size: .26rem;
		color: #333333;
		margin-bottom: .1rem;
	}

	.m-footer .link-nav {
		margin-bottom: .5rem;
	}

	.m-footer .link-quick .item {
		font-size: .24rem;
		color: #888888;
		line-height: .45rem;
	}

	.m-footer .text {
		font-size: .24rem;
		color: #888888;
		line-height: .46rem;
	}

	.m-footer .text a {
		color: #888888;
	}

	.m-footer .text .number {
		color: #00a7d3;
	}

	.m-footer .bot-box {
		padding: .14rem .2rem .26rem;
	}

	.m-footer .bot-box .text {
		line-height: .43rem;
	}

	/* home */
	.container-fluid {
		padding-left: .3rem;
		padding-right: .3rem;
	}

	.technology .container-fluid {
		padding: 0 15px;
	}

	.technology .banner .suspen {
		left: 50%;
		transform: translate(-50%, -50%);
	}

	.technology .banner .h1 {
		font-size: 20px;
	}

	.technology .banner .location {
		position: absolute;
		bottom: 10px;
		right: 10px;
	}

	.technology .banner .location a {
		font-size: 12px;
		color: #bdbdbd;
	}

	.col-xs-12 {
		padding-left: .3rem;
		padding-right: .3rem;
	}

	.m-home-page {
		background-color: #f2f2f2;
		padding-bottom: .55rem;
	}

	.banner {
		position: relative;
	}

	.home-banner .suspen {
		position: absolute;
		top: 1.9rem;
		left: 0;
		width: 100%;
	}

	.home-banner .h1 {
		font-size: .4rem;
		color: #ffffff;
		font-weight: bold;
		line-height: .8rem;
	}

	.home-banner .big {
		font-size: .8rem;
	}

	.home-banner .h2 {
		font-size: .26rem;
		color: #ffffff;
		line-height: .5rem;
		margin-bottom: .56rem;
	}

	.home-banner .list-box {
		padding: 0 .15rem;
	}

	.home-banner .column {
		margin-right: .9rem;
		text-align: center;
	}

	.home-banner .column:last-child {
		margin-right: 0;
	}

	.home-banner .icon img {
		width: .71rem;
	}

	.home-banner .name {
		display: block;
		font-size: .2rem;
		color: #ffffff;
		line-height: .5rem;
		margin-top: .1rem;
	}

	.home-link-nav .link-nav {
		padding: .3rem .3rem .2rem;
	}

	.home-link-nav .link-item {
		align-items: center;
	}

	.home-link-nav .img {
		width: 1.88rem;
	}

	.home-link-nav .link-column {
		padding: .2rem .6rem .25rem;
		margin-bottom: .2rem;
		background-color: #ffffff;
	}

	.home-link-nav .text-box {
		margin-left: .8rem;
	}

	.home-link-nav .link-column:nth-child(2n) .text-box {
		margin: 0;
		margin-right: .8rem;
	}

	.home-link-nav .h1 {
		font-size: .34rem;
		color: #333333;
		font-weight: bold;
		margin-bottom: .2rem;
	}

	.home-link-nav .h2 {
		font-size: .24rem;
		color: #444444;
	}

	.home-link-box .column {
		position: relative;
		margin-bottom: .2rem;
	}

	.home-link-box .suspen {
		position: absolute;
		left: 0;
		bottom: 0;
		width: 100%;
		padding: .45rem;
	}

	.home-link-box .carousel .suspen {
		padding: .45rem .37rem;
	}

	.home-link-box .h1 {
		font-size: .4rem;
		color: #ffffff;
		font-weight: bold;
		margin-bottom: .22rem;
	}

	.home-link-box .text {
		font-size: .26rem;
		color: #ffffff;
		line-height: .43rem;
	}

	.home-link-box .btn {
		width: .5rem;
		height: .5rem;
		margin-top: -.8rem;
		background-size: cover;
	}

	.home-link-box .swiper-button-prev {
		background-image: url(../mobile/icon5.png);
	}

	.home-link-box .swiper-button-next {
		background-image: url(../mobile/icon6.png);
	}

	.m-news .title {
		margin: .45rem 0 .32rem;
		justify-content: space-between;
		align-items: flex-end;
	}

	.m-news .title .h1 {
		font-size: .4rem;
		color: #333333;
		font-weight: bold;
		padding-left: .45rem;
	}

	.m-news .link-more {
		font-size: .26rem;
		color: #777777;
	}

	.m-news .img {
		margin-bottom: .32rem;
	}

	.m-news .date {
		font-size: .2rem;
		color: #a1a1a1;
		font-family: Arial, Helvetica, sans-serif;
	}

	.m-news .text-box .h1 {
		font-size: .28rem;
		color: #333333;
		line-height: 1.3;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		margin: .25rem 0;
	}

	/* video */
	.banner .suspen {
		position: absolute;
		top: 50%;
		left: 0;
		transform: translate(0, -50%);
	}

	 .problem-banner .banner .location {
		position: absolute;
		bottom: 20px;
		left: 5%;
		transform: translate(0, -50%);
	}


	

	.banner .h1 {
		font-size: .6rem;
		color: #ffffff;
		font-weight: bold;
		margin-bottom: .26rem;
	}

	.banner .h2 {
		font-size: .32rem;
		color: #ffffff;
		line-height: .48rem;
	}

	.banner .container-fluid {
		padding-left: .38rem;
		padding-right: .38rem;
	}

	.m-video-page .title {
		padding: .5rem 0 .55rem;
		text-align: center;
	}

	.m-video-page .title .h1 {
		font-size: .3rem;
		color: #333333;
		font-weight: bold;
	}

	.m-video-page .column {
		position: relative;
		margin-bottom: .1rem;
	}

	.m-video-page .column .suspen {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		padding: .45rem .3rem;
	}

	.m-video-page .column .h1 {
		font-size: .28rem;
		color: #ffffff;
		font-weight: bold;
		margin-bottom: .15rem;
	}

	.m-video-page .column .text {
		font-size: .24rem;
		color: #ffffff;
		line-height: .34rem;
	}

	.m-video-page .but-play {
		position: absolute;
		left: .45rem;
		bottom: .45rem;
		width: .45rem;
	}

	.m-video-page .link-more {
		display: block;
		width: 2.8rem;
		height: .7rem;
		line-height: .68rem;
		text-align: center;
		font-size: .24rem;
		color: #333333;
		border: 1px solid #dfdfdf;
		border-radius: .4rem;
		margin: .55rem auto .75rem;
	}

	.skill-video {
		background-color: #f7f7f7;
	}

	.skill-video .column .suspen {
		padding: .45rem .35rem;
	}

	.skill-video .link-more {
		margin: .6rem auto .85rem;
	}

	.skill-video .title {
		padding: .7rem 0 .55rem;
	}

	.colle-video {
		padding-bottom: .8rem;
	}

	.colle-video .title {
		padding: .65rem 0 .7rem;
	}

	.colle-video .title .h1 {
		font-size: .44rem;
	}

	.colle-video .column {
		margin-bottom: .3rem;
	}

	.colle-video .img {
		position: relative;
	}

	.colle-video .play-icon {
		position: absolute;
		bottom: .35rem;
		left: .25rem;
		width: .45rem;
	}

	.colle-video .text-box {
		padding: .3rem 0;
	}

	.colle-video .column .h1 {
		font-size: .3rem;
		color: #333333;
		font-weight: bold;
		margin-bottom: .25rem;
	}

	.colle-video .time {
		font-size: .26rem;
		color: #666666;
	}

	.colle-video .link-more {
		margin: 0 auto;
		margin-top: .55rem;
	}

	/* product */
	.m-product-page {
		background-color: #f8f8f8;
		padding-bottom: .6rem;
	}

	.product-banner .suspen {
		top: 26%;
	}

	.product-banner .h1 {
		margin-bottom: 0;
	}

	.m-product-page .title {
		padding: .75rem 0 .5rem;
		text-align: center;
	}

	.m-product-page .title .h1 {
		font-size: .4rem;
		color: #333333;
		font-weight: bold;
	}

	.prod-nav {
		padding-bottom: .65rem;
	}

	.prod-nav .column {
		padding: 0;
		padding-right: .1rem;
		margin-bottom: .15rem;
	}

	.prod-nav .column:nth-child(2n) {
		padding: 0;
		padding-left: .1rem;
	}

	.prod-nav .item {
		display: block;
		text-align: center;
		background-color: #ffffff;
		padding: .28rem .25rem .34rem;
	}

	.prod-nav .icon {
		height: .55rem;
	}

	.prod-nav .icon img {
		max-height: 100%;
	}

	.prod-nav .h1 {
		font-size: .3rem;
		color: #333333;
		margin: 0.5rem 0 0.5rem;
		text-align: center;
	}

	.prod-nav .h2 {
		font-size: .22rem;
		color: #999999;
		font-family: Arial, Helvetica, sans-serif;
	}

	.prod-list .column {
		position: relative;
	}

	.prod-list .suspen {
		position: absolute;
		top: 50%;
		left: 0;
		width: 100%;
		padding: 0 .5rem;
		transform: translate(0, -50%);
	}

	.prod-list .h1 {
		font-size: .5rem;
		color: #ffffff;
		font-weight: bold;
		margin-bottom: .3rem;
	}

	.prod-list .h2 {
		font-size: .28rem;
		color: #ffffff;
		font-weight: bold;
	}

	.m-product-page .link-more {
		display: block;
		width: 2.8rem;
		height: .7rem;
		line-height: .68rem;
		text-align: center;
		font-size: .24rem;
		color: #333333;
		border: 1px solid #dfdfdf;
		border-radius: .4rem;
		margin: .6rem auto 0;
	}

	.prod-top-nav {
		position: fixed;
		top: 1.01rem;
		left: 0;
		width: 100%;
		z-index: 9;
		transition: all .5s;
	}

	.prod-top-nav.on {
		top: 50px;
		background-color: #ffffff;
	}

	.prod-top-nav.on-2 {
		background-color: #ffffff;
	}

	.prod-top-nav.on2 {
		top: 50px;
		background: none;
	}

	.prod-top-nav .prod-top-wrap {
		padding: 0 .3rem;
		justify-content: space-between;
		align-items: center;
	}

	.prod-top-nav .nav-box {
		align-items: center;
	}

	.prod-top-nav .name {
		font-size: .28rem;
		color: #ffffff;
		padding: .18rem 0;
	}

	.prod-top-nav.on .name {
		color: #333333;
	}

	.prod-top-nav .item {
		font-size: .24rem;
		color: #ffffff;
		padding: .2rem;
		background: none;
	}

	.prod-top-nav.on .item {
		color: #333333;
	}

	.prod-top-nav .item.active {
		color: #00a7d3;
		background: none;
	}

	.prod-top-nav .link {
		display: inline-block;
		font-size: .24rem;
		color: #ffffff;
		text-align: center;
		background-color: #00a7d3;
		border-radius: .05rem;
		padding: 5px;
		margin-left: 10px;
	}

	.prod-top-nav.on-2 {
		background-color: #FFFFFF;
	}

	.prod-top-nav.on-2 .column:last-child {
		border-right: 0;
	}

	.prod-top-nav.on-2 .name {
		color: #333333;
	}

	.prod-top-nav.on-2 .item {
		color: #333333;
	}

	.prod-deta .box {
		position: relative;
	}

	.prod-deta .suspen {
		position: absolute;
		width: 100%;
	}

	.d7000 .box_1 .suspen {
		top: 2.2rem;
		left: 0;
		width: 100%;
		padding: 0 .85rem;
	}

	.prod-deta .box .suspen .h1 {
		font-size: .48rem;
		color: #333333;
		font-weight: bold;
		margin-bottom: .4rem;
	}

	.prod-deta .box .suspen .text {
		font-size: .28rem;
		color: #333333;
		line-height: .44rem;
	}

	.d7000 .box_1 .suspen .h1 {
		font-size: .64rem;
		color: #5c5350;
		line-height: 1;
	}

	.d7000 .box_1 .suspen .text {
		font-size: .46rem;
		color: #5c5350;
		line-height: 1;
	}

	.m-product-page .box_2 .suspen {
		width: auto;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
	}

	.m-product-page .box_2 .play-but-icon {
		width: .55rem;
		margin: 0 auto;
		margin-bottom: .15rem;
	}

	.m-product-page .box_2 .suspen .h1 {
		font-size: .26rem;
		color: #eeeeee;
		margin-bottom: 0;
		font-weight: normal;
	}

	.d7000 .box_3 .suspen {
		top: .95rem;
		left: 0;
		width: 100%;
		padding: 0 .55rem;
		text-align: right;
	}

	.d7000 .box_3 .suspen .h1 {
		margin-bottom: .3rem;
	}

	.d7000 .box_4 .suspen {
		bottom: 1.2rem;
		left: 0;
		width: 100%;
		padding: 0 .48rem;
		text-align: center;
	}

	.d7000 .box_4 .suspen .h1 {
		font-size: .4rem;
		color: #FFFFFF;
		margin-bottom: .25rem;
	}

	.d7000 .box_4 .suspen .text {
		font-size: .24rem;
		color: #ffffff;
		line-height: .48rem;
	}

	.d7000 .box_5 .suspen {
		top: 1.25rem;
		left: 0;
		width: 100%;
		padding: 0 .3rem;
		text-align: center;
	}

	.d7000 .box_5 .suspen .h1 {
		color: #ffffff;
		margin-bottom: .3rem;
	}

	.d7000 .box_5 .suspen .text {
		color: #ffffff;
		line-height: .46rem;
	}

	.d7000 .box_6 {
		background-color: #eceef1;
		padding-bottom: .55rem;
	}

	.d7000 .box_6 .text-box {
		padding: .9rem 0 .6rem;
		text-align: center;
	}

	.d7000 .box_6 .h1 {
		font-size: .48rem;
		color: #333333;
		font-weight: bold;
		margin-bottom: .15rem;
	}

	.d7000 .box_6 .text {
		font-size: .28rem;
		color: #383838;
		line-height: .48rem;
	}

	.d7000 .box_6 .carousel {
		padding: 0 .7rem;
		text-align: center;
	}

	.d7000 .box_6 .img {
		border-radius: .3rem;
		overflow: hidden;
	}

	.d7000 .box_6 .swiper-pagination {
		position: static;
		display: inline-block;
		border-radius: .1rem;
		border-radius: .1rem;
		margin-top: .6rem;
		background-color: #f5f5f5;
		font-size: 0;
		padding: .04rem .12rem;
	}

	.d7000 .box_6 .swiper-pagination-bullet {
		width: .12rem;
		height: .12rem;
		margin: 0 .08rem;
		background-color: #efd4cd;
		opacity: 1;
	}

	.d7000 .box_6 .swiper-pagination-bullet-active {
		background-color: #d16e4f;
	}

	.d7000 .box_7 .suspen {
		top: 1.05rem;
		left: 0;
		width: 100%;
		padding: 0 .65rem;
	}

	.d7000 .box_7 .suspen .h1 {
		color: #ffffff;
		margin-bottom: .2rem;
	}

	.d7000 .box_7 .suspen .text {
		color: #ffffff;
		line-height: .48rem;
	}

	.d7000 .box_8 .suspen {
		top: .9rem;
		left: 0;
		width: 100%;
		padding: 0 .65rem;
	}

	.d7000 .box_8 .suspen .h1 {
		color: #ffffff;
		margin-bottom: .2rem;
	}

	.d7000 .box_8 .suspen .text {
		color: #ffffff;
		line-height: .48rem;
	}

	.d7000 .box_9 .suspen {
		bottom: 1.3rem;
		left: 0;
		width: 100%;
		padding: 0 .65rem;
	}

	.d7000 .box_9 .suspen .h1 {
		color: #ffffff;
		margin-bottom: .2rem;
	}

	.d7000 .box_9 .suspen .text {
		color: #ffffff;
		line-height: .48rem;
	}

	.d7000 .box_10 .suspen {
		bottom: .9rem;
		left: 0;
		width: 100%;
		padding: 0 .65rem;
		text-align: center;
	}

	.d7000 .box_10 .suspen .h1 {
		margin-bottom: .2rem;
	}

	.d7000 .box_10 .suspen .text {
		line-height: .48rem;
	}

	.d7000 .box_11 .suspen {
		top: 2.05rem;
		left: 0;
		width: 100%;
		padding: 0 .65rem;
		text-align: center;
	}

	.d7000 .box_11 .suspen .h1 {
		color: #ffffff;
		margin-bottom: .2rem;
	}

	.d7000 .box_11 .suspen .text {
		color: #ffffff;
		line-height: .48rem;
	}

	.opti-acce {
		background-color: #ffffff;
		padding: 0 .4rem;
		padding-bottom: .45rem;
		text-align: center;
	}

	.opti-acce .h1 {
		font-size: .48rem;
		color: #333333;
		padding-top: .7rem;
		padding-bottom: .3rem;
		text-align: left;
	}

	.opti-acce .name {
		font-size: .24rem;
		color: #333333;
		margin-top: .3rem;
	}

	.opti-acce .swiper-pagination {
		position: static;
		display: inline-block;
		border-radius: .1rem;
		border-radius: .1rem;
		margin-top: .65rem;
		background-color: #f5f5f5;
		font-size: 0;
		padding: .04rem .12rem;
	}

	.opti-acce .swiper-pagination-bullet {
		width: .12rem;
		height: .12rem;
		margin: 0 .08rem;
		background-color: #efd4cd;
		opacity: 1;
	}

	.opti-acce .swiper-pagination-bullet-active {
		background-color: #d16e4f;
	}

	.tech-para {
		padding-bottom: .95rem;
		background-size: cover;
		background-position: center center;
	}

	.tech-para .top-box {
		padding: .75rem 0;
		justify-content: space-between;
		align-items: center;
	}

	.tech-para .top-box .h1 {
		font-size: .48rem;
		color: #ffffff;
	}

	.tech-para .down-link {
		font-size: .26rem;
		color: #ffffff;
		padding: .18rem .55rem;
		border: 1px solid #ffffff;
		border-radius: .3rem;
	}

	.tech-para .list-box {
		flex-wrap: wrap;
	}

	.tech-para .column {
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		justify-content: flex-start;
		margin-bottom: .75rem;
	}

	.tech-para .icon {
		width: .4rem;
		margin-right: .1rem;
	}

	.tech-para .text-box {
		width: calc(100% - .5rem);
	}

	.tech-para .name {
		font-size: .26rem;
		color: #ffffff;
		font-weight: bold;
		margin-bottom: .12rem;
	}

	.tech-para .data {
		font-size: .24rem;
		color: #d1d1d1;
		line-height: .36rem;
		word-wrap: break-word;
		word-break: normal;
	}

	.tech-para .text {
		font-size: .24rem;
		color: #f1f1f1;
		margin-top: .35rem;
	}

	.tech-para .text a {
		color: #00a7d3;
	}

	.d8000 .box_1 .suspen {
		top: 2.05rem;
		left: 0;
		width: 100%;
		padding: 0 .5rem;
	}

	.d8000 .box_1 .suspen .h1 {
		color: #fefefe;
		margin-bottom: .45rem;
		font-weight: normal;
	}

	.d8000 .box_1 .suspen .flex {
		justify-content: space-between;
	}

	.d8000 .box_1 .suspen .l-h1 {
		font-size: 1.04rem;
		color: #ffffff;
		font-weight: bold;
	}

	.d8000 .box_1 .suspen .r-h1 {
		font-size: 1.04rem;
		color: #ffffff;
		font-weight: bold;
	}

	.d8000 .box_3 .suspen .h1 {
		color: #ffffff;
	}

	.d8000 .box_3 .suspen .text {
		color: #ffffff;
	}

	.d8000 .box_4 .suspen {
		bottom: auto;
		top: 1.05rem;
		text-align: left;
	}

	.d8000 .box_5 .suspen {
		top: 1.15rem;
	}

	.d8000 .box_6 .text-box {
		padding-left: .7rem;
		padding-right: .7rem;
	}

	.d8000 .box_7 .suspen {
		top: auto;
		bottom: .65rem;
		left: 0;
		width: 100%;
		padding: 0 .4rem;
	}

	.d8000 .box_7 .suspen .h1 {
		color: #333333;
	}

	.d8000 .box_7 .suspen .text {
		color: #333333;
	}

	.d8000 .box_8 .suspen {
		top: auto;
		bottom: .9rem;
		left: 0;
		width: 100%;
		padding: 0 .3rem;
	}

	.d8000 .box_9 .suspen {
		top: 1.3rem;
		bottom: auto;
		text-align: center;
	}

	.d8000 .box_10 .suspen {
		text-align: left;
		padding: 0 .4rem;
	}

	.d8000 .box_10 .suspen .h1 {
		color: #ffffff;
	}

	.d8000 .box_10 .suspen .text {
		color: #ffffff;
	}

	.d8000 .box_11 {
		padding: 0 .3rem .8rem;
	}

	.d8000 .box_11 .text-box {
		padding: .9rem 0 .7rem;
		text-align: center;
	}

	.d8000 .box_11 .text-box .h1 {
		font-size: .48rem;
		color: #333333;
		font-weight: bold;
		margin-bottom: .2rem;
	}

	.d8000 .box_11 .text-box .text {
		font-size: .28rem;
		color: #333333;
		line-height: .48rem;
	}

	.d8000 .box_11 .img {
		border-radius: .3rem;
		overflow: hidden;
	}

	.d8000 .box_12 {
		padding-bottom: .6rem;
	}

	.d8000 .box_12 .text-box {
		padding: .65rem 1.1rem .5rem;
		text-align: center;
	}

	.d8000 .box_12 .text-box .h1 {
		font-size: .48rem;
		color: #333333;
		font-weight: bold;
		margin-bottom: .2rem;
	}

	.d8000 .box_12 .text-box .text {
		font-size: .28rem;
		color: #333333;
		line-height: .48rem;
	}

	.d8000 .box_12 .carousel {
		padding: 0 1.1rem;
	}

	.d8000 .box_12 .name {
		font-size: .3rem;
		color: #333333;
		font-weight: bold;
		margin-top: .4rem;
	}

	.d8000 .box_12 .swiper-pagination {
		margin-top: .55rem;
	}

	.dt30 .box_1 .suspen {
		top: 2.25rem;
		left: 0;
		width: 100%;
		padding: 0 .3rem;
		text-align: center;
	}

	.dt30 .box_1 .suspen .h1 {
		font-size: .5rem;
		color: #ffffff;
		margin-bottom: .35rem;
	}

	.dt30 .box_1 .suspen .h2 {
		font-size: .38rem;
		color: #ffffff;
	}

	.dt30 .box_3 .suspen {
		top: auto;
		bottom: 1rem;
		left: 0;
		width: 100%;
		padding: 0 .4rem;
		text-align: left;
	}

	.dt30 .box_3 .suspen .h1 {
		color: #ffffff;
	}

	.dt30 .box_3 .suspen .text {
		color: #ffffff;
	}

	.dt30 .box_4 .suspen {
		top: auto;
		bottom: .6rem;
		left: 0;
		width: 100%;
		padding: 0 .4rem;
	}

	.d7000 .box_4 .suspen .h1 {
		font-size: .4rem;
		color: #FFFFFF;
		margin-bottom: .25rem;
	}

	.d7000 .box_4 .suspen .text {
		font-size: .24rem;
		color: #ffffff;
		line-height: .48rem;
	}

	.dt30 .box_4 .suspen .h1 {
		margin-bottom: .2rem;
	}

	.dt30 .box_5 .suspen {
		top: .95rem;
		left: 0;
		width: 100%;
		padding: 0 .5rem;
	}

	.dt30 .box_5 .suspen .h1 {
		color: #333333;
	}

	.dt30 .box_5 .suspen .text {
		color: #333333;
	}

	.dt30 .box_6 {
		padding: 0;
	}

	.dt30 .box_6 .suspen {
		top: 1.2rem;
		bottom: auto;
		left: 0;
		width: 100%;
		padding: 0 .75rem;
		text-align: right;
	}

	.dt30 .box_6 .text-box {
		padding: 0;
		text-align: right;
	}

	.dt30 .box_6 .suspen .h1 {
		color: #ffffff;
		margin-bottom: .25rem;
	}

	.dt30 .box_6 .suspen .text {
		color: #ffffff;
	}

	.dt30 .box_7 .suspen {
		top: 1.1rem;
		left: 0;
		width: 100%;
		padding: 0 .3rem;
		text-align: center;
	}

	.d7000 .box_7 .suspen .h1 {
		color: #ffffff;
		margin-bottom: .2rem;
	}

	.d7000 .box_7 .suspen .text {
		color: #ffffff;
		line-height: .48rem;
	}

	.dt30 .box_7 .suspen .h1 {
		line-height: .7rem;
	}

	.dt30 .box_8 .suspen {
		padding: 0 .4rem;
		text-align: center;
	}

	.d7000 .box_8 .suspen .h1 {
		color: #ffffff;
		margin-bottom: .2rem;
	}

	.d7000 .box_8 .suspen .text {
		color: #ffffff;
		line-height: .48rem;
	}

	.dt30 .box_8 .list-box {
		justify-content: space-around;
		margin-top: .7rem;
	}

	.dt30 .box_8 .icon {
		height: .44rem;
		margin-bottom: .12rem;
	}

	.dt30 .box_8 .icon img {
		height: 100%;
	}

	.dt30 .box_8 .name {
		font-size: .24rem;
		color: #c5dcfe;
	}

	.dt30 .box_9 .suspen {
		top: .75rem;
		bottom: 0;
		left: 0;
		padding: 0 .5rem;
		text-align: center;
	}

	.dt30 .box_9 .suspen .h1 {
		color: #333333;
		margin-bottom: .3rem;
	}

	.dt30 .box_9 .suspen .text {
		color: #333333;
	}

	.dt30 .box_9 .list-box {
		justify-content: space-around;
		margin-top: .45rem;
	}

	.dt30 .box_9 .column {
		position: relative;
		height: 1.7rem;
	}

	.dt30 .box_9 .column img {
		height: 100%;
	}

	.dt30 .box_9 .suspen2 {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		padding: .1rem 0;
		padding-left: .15rem;
		justify-content: space-around;
		flex-direction: column;
	}

	.dt30 .box_9 .d_1 {
		font-size: .22rem;
		color: #666666;
	}

	.dt30 .box_9 .d_2 {
		font-size: .4rem;
		color: #333333;
		font-weight: bold;
	}

	.dt30 .box_10 .suspen {
		top: 1.25rem;
		bottom: auto;
		left: 0;
		width: 100%;
		padding: 0 .3rem;
		text-align: center;
	}

	.dt30 .box_10 .suspen .h1 {
		color: #ffffff;
		margin-bottom: .3rem;
	}

	.dt30 .box_10 .suspen .text {
		color: #ffffff;
	}

	.dt30 .box_11 {
		background-color: #eeeeee;
	}

	.dt30 .box_11 .text-box {
		padding: .8rem .45rem .9rem;
		text-align: center;
	}

	.dt30 .box_11 .text-box .h1 {
		font-size: .48rem;
		color: #333333;
		font-weight: bold;
		margin-bottom: .25rem;
	}

	.dt30 .box_11 .text-box .text {
		font-size: .24rem;
		color: #333333;
		line-height: .44rem;
	}

	.dt30 .box_11 .img-box {
		position: relative;
	}

	.dt30 .box_11 .column {
		position: absolute;
	}

	.dt30 .box_11 .img_1 {
		position: absolute;
		width: 5.5rem;
		bottom: 0;
		left: 50%;
		transform: translate(-50%, 0);
	}

	.dt30 .box_11 .icon {
		width: .78rem;
		margin: 0 auto;
	}

	.dt30 .box_11 .name {
		font-size: .2rem;
		color: #333333;
		margin-top: .1rem;
		text-align: center;
	}

	.dt30 .box_11 .column_1 {
		top: 22%;
		left: 2%;
	}

	.dt30 .box_11 .column_2 {
		top: 5%;
		left: 15.5%;
	}

	.dt30 .box_11 .column_3 {
		top: -5%;
		left: 35.5%;
	}

	.dt30 .box_11 .column_4 {
		top: -5%;
		right: 34%;
	}

	.dt30 .box_11 .column_5 {
		top: 5%;
		right: 14.5%;
	}

	.dt30 .box_11 .column_6 {
		top: 22%;
		right: 1%;
	}

	.dt40 .box_1 .suspen {
		top: 2.2rem;
		text-align: center;
	}

	.dt40 .box_1 .suspen .h1 {
		font-size: .5rem;
		color: #ffffff;
		margin-bottom: .35rem;
	}

	.dt40 .box_1 .suspen .h2 {
		font-size: .38rem;
		color: #ffffff;
	}

	.dt40 .box_3 .suspen {
		top: .7rem;
		padding: 0 .65rem;
		text-align: left;
	}

	.dt40 .box_3 .suspen .h1 {
		margin-bottom: .25rem;
	}

	.dt40 .box_3 .list-box {
		text-align: center;
		margin-top: .5rem;
	}

	.dt40 .box_3 .column {
		margin-right: .5rem;
	}

	.dt40 .box_3 .icon {
		height: .5rem;
	}

	.dt40 .box_3 .icon img {
		height: 100%;
	}

	.dt40 .box_3 .name {
		font-size: .24rem;
		color: #333333;
		margin-top: .15rem;
	}

	.dt40 .box_4 {
		background-color: #252525;
	}

	.dt40 .box_4 .suspen {
		position: static;
		padding: 0 .65rem 1.5rem;
	}

	.dt40 .box_4 .text-box {
		padding: 1.2rem 0 .7rem;
	}

	.dt40 .box_4 .list-box {
		width: 80%;
		margin: 0 auto;
		justify-content: center;
	}

	.dt40 .box_4 .column {
		width: 50%;
	}

	.dt40 .box_4 .column:nth-child(2) {
		border-left: 1px dashed #f2f2f2;
	}

	.dt40 .box_4 .d_1 {
		font-size: .28rem;
		color: #ffd100;
		font-weight: bold;
		margin-bottom: .25rem;
	}

	.dt40 .box_4 .d_2 {
		font-size: .28rem;
		color: #ffffff;
	}

	.dt40 .box_5 .suspen {
		top: 1rem;
		padding: 0 .95rem;
	}

	.dt40 .box_6 {
		padding: 0;
	}

	.dt40 .box_6 .suspen {
		top: auto;
		bottom: .85rem;
		text-align: left;
		padding: 0 .4rem;
	}

	.dt40 .box_6 .suspen .text-box {
		text-align: left;
	}

	.dt40 .box_6 .suspen .h1 {
		color: #ffffff;
		margin-bottom: .3rem;
	}

	.dt40 .box_6 .suspen .text {
		color: #ffffff;
	}

	.dt40 .box_7 .suspen {
		top: 1.2rem;
		text-align: center;
	}

	.dt40 .box_7 .suspen .h1 {
		margin-bottom: .3rem;
	}

	.dt40 .box_8 .suspen {
		top: .9rem;
		text-align: center;
		padding: 0;
	}

	.dt40 .box_8 .text-box {
		padding: 0 .6rem;
	}

	.dt40 .box_8 .suspen .h1 {
		color: #333333;
	}

	.dt40 .box_8 .suspen .text {
		color: #333333;
	}

	.dt40 .box_8 .img-box {
		position: relative;
		margin-top: .75rem;
	}

	.dt40 .box_8 .column {
		position: absolute;
	}

	.dt40 .box_8 .icon {
		margin: 0 auto;
	}

	.dt40 .box_8 .name {
		font-size: .2rem;
		color: #36507b;
		margin-top: .1rem;
	}

	.dt40 .box_8 .column_1 .icon {
		width: .8rem;
	}

	.dt40 .box_8 .column_1 {
		top: 32%;
		left: 6%;
	}

	.dt40 .box_8 .column_2 .icon {
		width: .55rem;
	}

	.dt40 .box_8 .column_2 {
		top: 12%;
		right: 18%;
	}

	.dt40 .box_8 .column_3 .icon {
		width: .85rem;
	}

	.dt40 .box_8 .column_3 {
		top: 48%;
		left: 23%;
	}

	.dt40 .box_8 .column_4 .icon {
		width: .65rem;
	}

	.dt40 .box_8 .column_4 {
		top: 52%;
		left: 5%;
	}

	.dt40 .box_8 .column_5 .icon {
		width: .65rem;
	}

	.dt40 .box_8 .column_5 {
		top: 22%;
		right: 2%;
	}

	.dt40 .box_8 .column_6 .icon {
		width: .8rem;
	}

	.dt40 .box_8 .column_6 {
		top: 30%;
		right: 15%;
	}

	.dt40 .box_9 .suspen {
		top: 1.1rem;
		padding: 0 .45rem;
	}

	.dt40 .box_9 .swiper-pagination {
		display: inline-block;
		width: auto;
		left: 50%;
		transform: translate(-50%, 0);
		border-radius: .1rem;
		border-radius: .1rem;
		margin-top: .6rem;
		background-color: rgba(255, 255, 255, .2);
		font-size: 0;
		padding: .04rem .12rem;
		bottom: .45rem;
	}

	.dt40 .box_9 .swiper-pagination-bullet {
		width: .12rem;
		height: .12rem;
		margin: 0 .08rem;
		background-color: #efd4cd;
		opacity: 1;
	}

	.dt40 .box_9 .swiper-pagination-bullet-active {
		background-color: #d16e4f;
	}

	.dt40 .box_10 .suspen {
		top: 1.05rem;
		bottom: auto;
		padding: 0 .3rem;
		text-align: center;
	}

	.dt40 .box_10 .suspen .h1 {
		color: #ffffff;
		margin-bottom: .3rem;
	}

	.dt40 .box_10 .suspen .text {
		color: #ffffff;
	}

	.dt40 .box_11 .suspen {
		top: .85rem;
		padding: 0 .7rem;
		text-align: left;
	}

	.dt40 .box_11 .suspen .h1 {
		margin-bottom: .25rem;
	}

	.dt40 .box_11 .list-box {
		margin-top: .5rem;
	}

	.dt40 .box_11 .column {
		margin-bottom: .55rem;
	}

	.dt40 .box_11 .d_1 {
		font-size: .26rem;
		color: #ffd100;
		font-weight: bold;
		margin-bottom: .18rem;
	}

	.dt40 .box_11 .d_2 {
		font-size: .24rem;
		color: #ffffff;
	}

	.dt40 .box_12 .suspen {
		top: 1.2rem;
		padding: 0 .75rem;
		text-align: center;
	}

	.dt40 .box_12 .suspen .h1 {
		color: #ffffff;
		margin-bottom: .3rem;
	}

	.dt40 .box_12 .suspen .text {
		color: #ffffff;
	}

	.dt40 .box_13 .suspen {
		top: 1.05rem;
		padding: 0 .75rem;
		text-align: center;
	}

	.dt40 .box_13 .suspen .h1 {
		color: #ffffff;
		margin-bottom: .2rem;
	}

	.dt40 .box_13 .suspen .text {
		color: #ffffff;
	}

	.dt40 .box_14 .suspen {
		top: .8rem;
		padding: 0 .75rem;
		text-align: center;
	}

	.dt40 .box_14 .suspen .h1 {
		color: #ffffff;
		margin-bottom: .2rem;
	}

	.dt40 .box_14 .suspen .text {
		color: #ffffff;
	}

	.dt50 .box_1 .suspen {
		top: 2.25rem;
		padding: 0 .7rem;
	}

	.dt50 .box_1 .suspen-2 {
		position: absolute;
		top: 85%;
		left: 35%;
		transform: translate(-50%, -50%);
		z-index: 2;
	}
	.dt50 .box_1 .list-box{
		max-width: 550px;
		width: 100%;
		display: flex;
		flex-wrap: wrap;
	
	}
	.dt50 .box_1 .list-box li {
		float: left;
		width: 33.33%;
		padding-right: 5%;
		margin-bottom: 20px;
	}
	.dt50 .box_1 .suspen .h1 {
		font-size: .6rem;
		color: #fffefe;
		margin-bottom: .35rem;
	}

	.dt50 .box_1 .suspen .h2 {
		font-size: .4rem;
		color: #ffffff;
		font-weight: bold;
	}

	.dt50 .box_3 .suspen {
		top: 1rem;
		text-align: center;
		padding: 0 .3rem;
	}

	.dt50 .box_3 .suspen .h1 {
		color: #ffffff;
	}

	.dt50 .box_3 .list-box {
		margin-top: .95rem;
	}

	.dt50 .box_3 .column {
		margin-bottom: .85rem;
	}

	.dt50 .box_3 .text_1 {
		font-size: .34rem;
		color: #ffffff;
		font-weight: bold;
		margin-bottom: .2rem;
		background: linear-gradient(to right, #8f69fc, #4743ff);
		-webkit-background-clip: text;
		color: transparent;
	}

	.dt50 .box_3 .text_2 {
		font-size: .28rem;
		color: #ffffff;
	}

	.dt50 .box_4 .suspen {
		top: .8rem;
		padding: 0 1.05rem;
	}

	.dt50 .box_5 .suspen {
		top: 1rem;
		text-align: left;
	}

	.dt50 .box_5 .suspen .h1 {
		font-size: .4rem;
		color: #333333;
		margin-bottom: .25rem;
	}

	.dt50 .box_5 .suspen .text {
		font-size: .24rem;
		color: #333333;
		line-height: .44rem;
	}

	.yingliang {
		text-align: left;
		position: relative;
		margin-top: .3rem;
	}

	.yingliang li {
		width: .9rem;
		height: .6rem;
		float: left;
	}

	.yingliang li span {
		height: .3rem;
		background: #008617;
		width: .02rem;
		margin: 0 .02rem;
		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: .2rem;
		height: .2rem;
		margin-top: .1rem;
		background: url("../mobile/pro_left.svg") no-repeat;
		background-size: 90%;
		font-style: normal;
		font-size: .3rem;
	}

	.dt50 .box_6 {
		padding: 0;
	}

	.dt50 .box_6 .suspen {
		top: .6rem;
		text-align: center;
		padding: 0 1.25rem;
	}

	.dt50 .box_6 .suspen .text-box {
		padding: 0;
	}

	.dt50 .box_6 .suspen .h1 {
		color: #ffffff;
		margin-bottom: .3rem;
	}

	.dt50 .box_6 .suspen .text {
		color: #ffffff;
	}

	.dt50 .box_6 .list-box {
		margin-top: .3rem;
		justify-content: center;
	}

	.dt50 .box_6 .column {
		margin: 0 .5rem;
	}

	.dt50 .box_6 .icon {
		margin: 0 auto;
		margin-bottom: .15rem;
	}

	.dt50 .box_6 .column:nth-child(1) .icon {
		width: .75rem;
	}

	.dt50 .box_6 .column:nth-child(2) .icon {
		width: .55rem;
	}

	.dt50 .box_6 .name {
		font-size: .24rem;
		color: #ffffff;
	}

	.dt50 .box_7 .suspen {
		top: auto;
		bottom: .75rem;
		padding: 0 .5rem;
	}

	.dt50 .box_7 .suspen .h1 {
		color: #333333;
		margin-top: .6rem;
		margin-bottom: .3rem;
	}

	.dt50 .box_7 .suspen .text {
		color: #333333;
	}

	.dt50 .box_7 .batt {
		position: relative;
		display: inline-block;
		width: .5rem;
	}

	.dt50 .box_7 .line-box {
		position: absolute;
		top: .08rem;
		left: .03rem;
		font-size: 0;
	}

	.dt50 .box_7 .line-box span {
		display: inline-block;
		height: .17rem;
		background: #008617;
		width: .04rem;
		margin: auto .02rem;
		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 .box_7 .line-box span.xu9 {
		animation-delay: 1.3s;
		-webkit-animation-delay: 1.3s;
	}

	.dt50 .box_7 .line-box span.xu8 {
		animation-delay: 1.2s;
		-webkit-animation-delay: 1.2s;
	}

	.dt50 .box_7 .line-box span.xu7 {
		animation-delay: 1.1s;
		-webkit-animation-delay: 1.1s;
	}

	.dt50 .box_7 .line-box span.xu6 {
		animation-delay: 1.0s;
		-webkit-animation-delay: 1.0s;
	}

	.dt50 .box_7 .line-box span.xu5 {
		animation-delay: 0.9s;
		-webkit-animation-delay: 0.9s;
	}

	.dt50 .box_7 .line-box span.xu4 {
		animation-delay: 0.8s;
		-webkit-animation-delay: 0.8s;
	}

	.dt50 .box_7 .line-box span.xu3 {
		animation-delay: 0.7s;
		-webkit-animation-delay: 0.7s;
	}

	.dt50 .box_7 .line-box span.xu2 {
		animation-delay: 0.6s;
		-webkit-animation-delay: 0.6s;
	}

	.dt50 .box_7 .line-box span.xu1 {
		animation-delay: 0.5s;
		-webkit-animation-delay: 0.5s;
	}

	.dt50 .box_7 .time {
		position: relative;
		display: inline-block;
		width: .4rem;
	}

	.dt50 .box_7 .poin-box span {
		height: .02rem;
		background: #008617;
		width: .12rem;
		border-radius: 1rem;
		position: absolute;
		left: 17.5%;
		top: 48.8%;
		transform-origin: 100% 0 0;
	}

	.dt50 .box_7 .poin-box span:nth-child(1) {
		animation: daiji 3s infinite;
	}

	.dt50 .box_7 .poin-box span:nth-child(2) {
		animation: daiji 6s infinite;
	}

	.dt50 .box_7 .column {
		margin-bottom: .4rem;
	}

	.dt50 .box_7 .name {
		font-size: .24rem;
		color: #383838;
		margin-top: .15rem;
	}

	@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 .box_8 .suspen {
		top: .64rem;
		bottom: auto;
	}

	.dt50 .box_8 .suspen .h1 {
		line-height: .8rem;
		margin-bottom: .7rem;
	}

	.dt50 .box_8 .list-box {
		justify-content: space-between;
	}

	.dt50 .box_8 .column {
		position: relative;
		width: 33.33%;
	}

	.dt50 .box_8 .column::before {
		position: absolute;
		content: "";
		width: .02rem;
		height: 80%;
		top: 10%;
		right: 0;
		background-color: #535353;
	}

	.dt50 .box_8 .column:last-child::before {
		display: none;
	}

	.dt50 .box_8 .text_2 {
		text-align: center;
	}

	.dt50 .box_8 .column:nth-child(1) .text_2 {
		display: inline-block;
	}

	.dt50 .box_8 .d_1 {
		font-size: .5rem;
		color: #f0f0f0;
		font-weight: bold;
		margin-bottom: .2rem;
	}

	.dt50 .box_8 .d_2 {
		font-size: .24rem;
		color: #e9e9e9;
	}

	.dt50 .box_8 .swiper-pagination {
		display: inline-block;
		width: auto;
		left: 50%;
		transform: translate(-50%, 0);
		border-radius: .1rem;
		border-radius: .1rem;
		margin-top: .6rem;
		background-color: rgba(255, 255, 255, .2);
		font-size: 0;
		padding: .04rem .12rem;
		bottom: .45rem;
	}

	.dt50 .box_8 .swiper-pagination-bullet {
		width: .12rem;
		height: .12rem;
		margin: 0 .08rem;
		background-color: #efd4cd;
		opacity: 1;
	}

	.dt50 .box_8 .swiper-pagination-bullet-active {
		background-color: #d16e4f;
	}

	.dt50 .box_9 .suspen {
		bottom: .8rem;
		padding: 0 .4rem;
	}

	.dt50 .box_9 .suspen .h1 {
		margin-bottom: .3rem;
	}

	.dt50 .box_10 .suspen {
		top: 1rem;
		bottom: auto;
		padding: 0 .45rem;
		text-align: left;
	}

	.dt50 .box_10 .suspen .h1 {
		color: #ffffff;
		margin-bottom: .2rem;
	}

	.dt50 .box_10 .suspen .text {
		color: #ffffff;
	}

	.dt50 .box_10 .swiper-pagination {
		display: inline-block;
		width: auto;
		left: 50%;
		transform: translate(-50%, 0);
		border-radius: .1rem;
		border-radius: .1rem;
		margin-top: .6rem;
		background-color: rgba(255, 255, 255, .2);
		font-size: 0;
		padding: .04rem .12rem;
		bottom: .65rem;
	}

	.dt50 .box_10 .swiper-pagination-bullet {
		width: .12rem;
		height: .12rem;
		margin: 0 .08rem;
		background-color: #efd4cd;
		opacity: 1;
	}

	.dt50 .box_10 .swiper-pagination-bullet-active {
		background-color: #d16e4f;
	}

	.dt50 .box_11 .suspen {
		top: .8rem;
		padding: 0 .3rem;
	}

	.dt50 .box_11 .suspen .h1 {
		color: #333333;
		margin-bottom: .3rem;
	}

	.dt50 .box_11 .suspen .text {
		color: #333333;
	}

	.dt50 .box_12 {
		background-size: cover;
		background-position: center center;
		padding: 0 .6rem .1rem;
	}

	.dt50 .box_12 .text-box {
		padding: 1.05rem 0 .75rem;
		text-align: center;
	}

	.dt50 .box_12 .text-box .h1 {
		font-size: .48rem;
		color: #333333;
		margin-bottom: .35rem;
	}

	.dt50 .box_12 .text-box .text {
		font-size: .24rem;
		color: #383838;
		line-height: .44rem;
	}

	.dt50 .box_12 .column {
		margin-bottom: .8rem;
		text-align: center;
	}

	.dt50 .box_12 .icon {
		width: 1.25rem;
		margin: 0 auto;
		margin-bottom: .2rem;
	}

	.i9000s .box_1 .suspen {
		top: 2.4rem;
		text-align: center;
		padding: 0 .3rem;
	}

	.i9000s .box_1 .suspen .h1 {
		font-size: .5rem;
		color: #ffffff;
		margin-bottom: .4rem;
	}

	.i9000s .box_1 .suspen .text {
		font-size: .38rem;
		color: #ffffff;
	}

	.i9000s .box_3 {
		padding-bottom: .15rem;
		background-color: #25252b;
	}

	.i9000s .box_3 .suspen {
		position: static;
		padding: 0 .3rem;
	}

	.i9000s .box_3 .text-box {
		padding: .75rem 0 .55rem;
		text-align: left;
	}

	.i9000s .box_3 .suspen .h1 {
		color: #ffffff;
	}

	.i9000s .box_3 .suspen .text {
		color: #ffffff;
	}

	.i9000s .box_3 .column {
		text-align: center;
		margin-bottom: .3rem;
	}

	.i9000s .box_3 .name {
		font-size: .2rem;
		color: #ffffff;
		font-weight: bold;
		margin-top: .2rem;
	}

	.i9000s .box_4 .suspen {
		top: .95rem;
		bottom: 0;
	}

	.i9000s .box_4 .suspen .h1 {
		font-size: .48rem;
		color: #d0dcf8;
		margin-bottom: 1.1rem;
		background: linear-gradient(#d8e4ff, #c1ceed);
		-webkit-background-clip: text;
		color: transparent;
	}

	.i9000s .box_4 .column {
		margin-bottom: 1.4rem;
	}

	.i9000s .box_4 .icon {
		height: .6rem;
		margin-bottom: .3rem;
	}

	.i9000s .box_4 .icon img {
		height: 100%;
	}

	.i9000s .box_4 .name {
		font-size: .28rem;
		color: #d9e4fc;
	}

	.i9000s .box_5 .suspen {
		top: 1rem;
		padding: 0 .4rem;
	}

	.i9000s .box_5 .text-box {
		text-align: left;
		margin-bottom: .4rem;
	}

	.i9000s .box_5 .column {
		margin-right: .9rem;
		text-align: center;
	}

	.i9000s .box_5 .icon {
		height: .52rem;
		margin-bottom: .1rem;
	}

	.i9000s .box_5 .icon img {
		height: 100%;
	}

	.i9000s .box_5 .name {
		font-size: .24rem;
		color: #ffffff;
	}

	.i9000s .box_6 {
		padding: 0;
	}

	.i9000s .box_6 .suspen {
		top: .8rem;
		bottom: auto;
	}

	.i9000s .box_6 .text-box {
		padding: 0;
	}

	.i9000s .box_6 .suspen .h1 {
		font-size: .4rem;
		color: #ffffff;
		margin-bottom: .75rem;
	}

	.i9000s .box_6 .column {
		margin-bottom: .65rem;
	}

	.i9000s .box_6 .icon {
		height: .52rem;
		margin-bottom: .25rem;
	}

	.i9000s .box_6 .icon img {
		height: 100%;
	}

	.i9000s .box_6 .name {
		font-size: .28rem;
		color: #ffffff;
	}

	.i9000s .box_7 .suspen {
		top: 1rem;
		padding: 0 .75rem;
	}

	.i9000s .box_7 .suspen .h1 {
		color: #ffffff;
		background: linear-gradient(#7f92bb, #5b6c93);
		-webkit-background-clip: text;
		color: transparent;
		margin-bottom: .3rem;
	}

	.i9000s .box_7 .suspen .text {
		color: #495981;
	}

	.i9000s .box_8 .suspen {
		top: 1.15rem;
		padding: 0 1.1rem;
		text-align: center;
	}

	.i9000s .box_8 .icon {
		height: .52rem;
		justify-content: center;
		align-items: center;
		margin-top: .55rem;
	}

	.i9000s .box_8 .icon img {
		height: 100%;
	}

	.i9000s .box_9 .suspen {
		top: 1.1rem;
		bottom: auto;
		padding: 0 .4rem;
	}

	.i9000s .box_9 .text-box {
		text-align: right;
	}

	.i9000s .box_9 .suspen .h1 {
		margin-bottom: .3rem;
	}

	.i9000s .box_9 .list-box {
		flex-direction: row-reverse;
		align-items: center;
		flex-wrap: wrap;
		margin-top: .55rem;
	}

	.i9000s .box_9 .column {
		width: 33.33%;
		margin-bottom: .45rem;
	}

	.i9000s .box_9 .icon-box {
		display: inline-block;
		text-align: center;
	}

	.i9000s .box_9 .icon {
		height: .36rem;
		margin-bottom: .15rem;
	}

	.i9000s .box_9 .icon img {
		height: 100%;
	}

	.i9000s .box_9 .name {
		font-size: .2rem;
		color: #ffffff;
	}

	.i9000s .box_10 .suspen {
		top: .85rem;
		padding: 0 .6rem;
	}

	.i9000s .box_10 .suspen .h1 {
		color: #ffffff;
		margin-bottom: .4rem;
	}

	.i9000s .box_10 .suspen .text {
		color: #ffffff;
	}

	.i9000s .box_11 .suspen {
		top: .8rem;
		padding: 0 .5rem;
	}

	.i9000s .box_11 .suspen .h1 {
		margin-bottom: .35rem;
	}

	.i9000s .box_12 .suspen {
		top: 1.2rem;
		padding: 0 .6rem;
		text-align: center;
	}

	.i9000s .box_12 .suspen .h1 {
		color: #ffffff;
		margin-bottom: .3rem;
	}

	.i9000s .box_12 .suspen .text {
		color: #ffffff;
	}

	.i9000s .box_12 .swiper-pagination {
		display: inline-block;
		width: auto;
		left: 50%;
		transform: translate(-50%, 0);
		border-radius: .1rem;
		border-radius: .1rem;
		margin-top: .6rem;
		background-color: rgba(255, 255, 255, .2);
		font-size: 0;
		padding: .04rem .12rem;
		bottom: .5rem;
	}

	.i9000s .box_12 .swiper-pagination-bullet {
		width: .12rem;
		height: .12rem;
		margin: 0 .08rem;
		background-color: #efd4cd;
		opacity: 1;
	}

	.i9000s .box_12 .swiper-pagination-bullet-active {
		background-color: #d16e4f;
	}

	.i9100 .box_1 .suspen {
		top: 2.25rem;
		padding: 0 .3rem;
		text-align: center;
	}

	.i9100 .box_1 .suspen .h1 {
		font-size: .5rem;
		color: #333333;
		margin-bottom: .3rem;
	}

	.i9100 .box_1 .suspen .text {
		font-size: .38rem;
		color: #333333;
	}

	.i9100 .box_3 .suspen {
		top: .75rem;
		padding: 0 .3rem;
		text-align: center;
	}

	.i9100 .box_3 .suspen .h1 {
		color: #f56d53;
		background: linear-gradient(#fe7b63, #f24b2c);
		-webkit-background-clip: text;
		color: transparent;
		margin-bottom: 1.1rem;
	}

	.i9100 .box_3 .column {
		margin-bottom: 1.1rem;
	}

	.i9100 .box_3 .icon {
		height: .6rem;
		margin-bottom: .3rem;
	}

	.i9100 .box_3 .icon img {
		height: 100%;
	}

	.i9100 .box_3 .name {
		font-size: .28rem;
		color: #f56d53;
	}

	.i9100 .box_4 .suspen {
		top: 1rem;
		bottom: auto;
		padding: 0 .5rem;
		text-align: left;
	}

	.i9100 .box_4 .suspen .h1 {
		font-size: .48rem;
		margin-bottom: .3rem;
	}

	.i9100 .box_4 .suspen .text {
		font-size: .28rem;
		color: #ffffff;
		line-height: .48rem;
	}

	.i9100 .box_4 .list-box {
		margin-top: .65rem;
	}

	.i9100 .box_4 .column {
		margin-right: .7rem;
	}

	.i9100 .box_4 .icon {
		height: .53rem;
		margin-bottom: .2rem;
	}

	.i9100 .box_4 .icon img {
		height: 100%;
	}

	.i9100 .box_4 .name {
		font-size: .24rem;
		color: #ffffff;
	}

	.i9100 .box_4 .swiper-pagination {
		display: inline-block;
		width: auto;
		left: 50%;
		transform: translate(-50%, 0);
		border-radius: .1rem;
		border-radius: .1rem;
		margin-top: .6rem;
		background-color: rgba(255, 255, 255, .2);
		font-size: 0;
		padding: .04rem .12rem;
		bottom: .6rem;
	}

	.i9100 .box_4 .swiper-pagination-bullet {
		width: .12rem;
		height: .12rem;
		margin: 0 .08rem;
		background-color: #efd4cd;
		opacity: 1;
	}

	.i9100 .box_4 .swiper-pagination-bullet-active {
		background-color: #d16e4f;
	}

	.i9100 .box_5 .suspen {
		top: 1.7rem;
	}

	.i9100 .box_5 .suspen .h1 {
		margin-bottom: .15rem;
		text-shadow: 0 2px 5px rgba(0, 0, 0, .1);
	}

	.i9100 .box_5 .suspen .text {
		text-shadow: 0 2px 5px rgba(0, 0, 0, .1);
	}

	.i9100 .box_6 {
		padding: 0;
	}

	.i9100 .box_6 .suspen {
		top: 1rem;
		text-align: center;
		padding: 0 .3rem;
	}

	.i9100 .box_6 .text-box {
		padding: 0;
	}

	.i9100 .box_6 .suspen .h1 {
		color: #ffffff;
		margin-bottom: .2rem;
	}

	.i9100 .box_6 .suspen .text {
		color: #ffffff;
	}

	.i9100 .box_7 .suspen {
		top: 1.2rem;
		padding: 0 .75rem;
	}

	.i9100 .box_7 .suspen .h1 {
		color: #f56d53;
		background: linear-gradient(#fe7b63, #f24b2c);
		-webkit-background-clip: text;
		color: transparent;
		margin-bottom: .3rem;
	}

	.i9100 .box_7 .suspen .text {
		color: #f56d53;
	}

	.i9100 .box_7 .list-box {
		margin-top: .45rem;
	}

	.i9100 .box_7 .column {
		text-align: center;
		margin-right: .55rem;
	}

	.i9100 .box_7 .icon {
		height: .4rem;
		margin-bottom: .15rem;
	}

	.i9100 .box_7 .icon img {
		height: 100%;
	}

	.i9100 .box_7 .name {
		font-size: .24rem;
		color: #f56d53;
	}

	.i9100 .box_8 .suspen {
		top: 1.05rem;
		text-align: center;
		padding: 0 1.1rem;
	}

	.i9100 .box_8 .suspen .h1 {
		line-height: .7rem;
		margin-bottom: .75rem;
	}

	.i9100 .box_8 .list-box {
		justify-content: space-between;
	}

	.i9100 .box_8 .icon {
		height: .52rem;
		margin-bottom: .25rem;
	}

	.i9100 .box_8 .icon img {
		height: 100%;
	}

	.i9100 .box_8 .name {
		font-size: .24rem;
		color: #ffffff;
	}

	.i9100 .box_9 .suspen {
		top: 1.65rem;
		bottom: auto;
		padding: 0 .75rem;
	}

	.i9100 .box_9 .suspen .h1 {
		margin-bottom: .3rem;
	}

	.i9100 .box_10 .suspen {
		top: .8rem;
		bottom: auto;
		padding: 0 .4rem;
	}

	.i9100 .box_10 .suspen .h1 {
		color: #ffffff;
	}

	.i9100 .box_10 .suspen .text {
		color: #ffffff;
	}

	.i9100 .box_11 .suspen {
		top: 1rem;
		padding: 0;
	}

	.i9100 .box_11 .suspen .h1 {
		padding: 0 .5rem;
		margin-bottom: .6rem;
	}

	.i9100 .box_11 .nav {
		display: inline-block;
		font-size: 0;
		text-align: center;
		border-bottom: 1px solid #959595;
		margin-bottom: .95rem;
	}

	.i9100 .box_11 .item {
		position: relative;
		display: inline-block;
		vertical-align: top;
		padding: .29rem .02rem;
		font-size: .3rem;
		color: #959595;
		margin-right: .48rem;
	}

	.i9100 .box_11 .item:last-child {
		margin-right: 0;
	}

	.i9100 .box_11 .item.on {
		color: #ffffff;
	}

	.i9100 .box_11 .item.on::before {
		position: absolute;
		content: "";
		bottom: 0;
		left: 0;
		width: 100%;
		height: 1px;
		background-color: #ffffff;
	}

	.i9100 .box_11 .column {
		display: none;
	}

	.i9100 .box_11 .column.on {
		display: block;
	}

	.i9100 .box_11 .column .text {
		font-size: .24rem;
		color: #ffffff;
		line-height: .44rem;
		padding: 0 1.05rem;
		text-align: left;
		margin-top: .25rem;
	}

	.i9100 .box_12 .suspen {
		top: .65rem;
		bottom: auto;
		padding: 0 .6rem;
		text-align: center;
	}

	.i9100 .box_12 .suspen .h1 {
		color: #ffffff;
		margin-bottom: .3rem;
		text-shadow: 0 2px 5px rgba(0, 0, 0, .1);
	}

	.i9100 .box_12 .suspen .text {
		color: #ffffff;
		text-shadow: 0 2px 5px rgba(0, 0, 0, .1);
	}

	.i9100 .box_12 .list-box {
		justify-content: center;
		margin-top: .4rem;
	}

	.i9100 .box_12 .column {
		margin: 0 .4rem;
	}

	.i9100 .box_12 .icon {
		height: .46rem;
		margin-bottom: .1rem;
	}

	.i9100 .box_12 .icon img {
		height: 100%;
	}

	.i9100 .box_12 .name {
		font-size: .24rem;
		color: #ffffff;
	}

	/* problem */
	.m-problem-page {
		background-color: #f5f5f5;
	}

	.problem {
		padding: .58rem 0 1.08rem;
	}

	.problem-list .column {
		padding: .35rem .25rem .35rem .15rem;
		background-color: #ffffff;
		border-radius: .3rem;
		align-items: center;
		margin-bottom: .45rem;
	}

	.problem-list .text-box {
		width: calc(100% - 1.25rem);
	}

	.problem-list .ask {
		padding-bottom: .19rem;
		border-bottom: .01rem dashed #e5e5e5;
	}

	.problem-list .ask-icon {
		width: .46rem;
		height: .46rem;
		margin-right: .35rem;
		background-image: url(../mobile/icon25.jpg);
		background-size: cover;
	}

	.problem-list .h1 {
		font-size: .26rem;
		color: #333333;
		font-weight: bold;
		line-height: .46rem;
		width: calc(100% - .81rem);
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	.problem-list .answer {
		padding-top: .22rem;
	}

	.problem-list .answer-icon {
		width: .32rem;
		height: .32rem;
		margin-left: .16rem;
		margin-right: .32rem;
		background-image: url(../mobile/icon26.jpg);
		background-size: cover;
	}

	.problem-list .text {
		width: calc(100% - .8rem);
		font-size: .24rem;
		color: #666666;
		line-height: .32rem;
		height: .32rem;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	.problem-list .icon {
		width: .45rem;
		height: .45rem;
		margin-left: .8rem;
		background-image: url(../mobile/icon27.jpg);
		background-size: cover;
		background-position: center center;
	}

	.problem .title {
		margin-bottom: .4rem;
	}

	.problem .title .h1 {
		font-size: .36rem;
		padding-bottom: .2rem;
	}

	.problem .input-text {
		height: .8rem;
		border-radius: .4rem;
		font-size: .28rem;
		padding: 0 1.5rem 0 .2rem;
	}

	.problem .input-text::-webkit-input-placeholder {
		font-size: .28rem;
	}

	.problem .btn-submit {
		width: 1.4rem;
		height: .8rem;
		border-radius: .4rem;
		font-size: .28rem;
	}

	.m-problem-page .nav-page {
		margin-top: 1.03rem;
	}

	.nav-page .item {
		display: inline-block;
		vertical-align: top;
		font-size: .2rem;
		color: #bfbfbf;
		width: .72rem;
		height: .55rem;
		line-height: .53rem;
		border: 0.01rem solid #bfbfbf;
		margin: 0 .13rem;
		border-radius: .05rem;
	}

	.nav-page .item.on {
		color: #ffffff;
		background-color: #14abd2;
	}

	.nav-page .prev,
	.nav-page .next {
		width: 1.27rem;
	}

	.problem-list .column.on .text {
		height: auto;
	}

	.problem-list .column.on .icon {
		background-image: url(../mobile/icon28.jpg);
	}

	/* case */
	.case {
		padding: .57rem 0 1.18rem;
		background-color: #eeeeee;
	}

	.case-list .column {
		margin-bottom: .4rem;
	}

	.case-list .top-box {
		align-items: center;
		margin-bottom: .55rem;
	}

	.case-list .icon {
		width: 1.75rem;
		border-right: 0.01rem solid #1b1b1b;
		margin-right: .4rem;
	}

	.case-list .name {
		font-size: .3rem;
		color: #333333;
		font-weight: bold;
	}

	.case-list .text-box {
		background-color: #ffffff;
		padding: .5rem .3rem .55rem;
		position: relative;
	}

	.case-list .line {
		display: inline-block;
		vertical-align: top;
		width: .6rem;
		height: 0.01rem;
		background-color: #777777;
		margin-bottom: .55rem;
	}

	.case-list .h1 {
		font-size: .28rem;
		color: #333333;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		margin-bottom: .28rem;
	}

	.case-list .text {
		font-size: .24rem;
		color: #777777;
		;
		line-height: .42rem;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
		overflow: hidden;
	}

	.case-list .more {
		display: inline-block;
		vertical-align: top;
		margin-top: .56rem;
	}

	.case-list .text-box::before {
		position: absolute;
		content: "";
		top: -.22rem;
		left: 4.5%;
		width: .39rem;
		height: .22rem;
		background-image: url(../mobile/icon32.png);
		background-size: cover;
	}

	.case .nav-page {
		margin-top: 0.73rem;
	}

	.case-detail {
		padding-bottom: .9rem;
	}

	.case-detail .title {
		padding: .8rem 0;
		text-align: center;
	}

	.case-detail .title .h1 {
		font-size: .38rem;
		color: #333333;
		font-weight: bold;
	}

	.case-detail .text {
		font-size: .26rem;
		color: #666666;
		line-height: .5rem;
	}

	.case-detail .text .h1 {
		font-size: .28rem;
		color: #333333;
		font-weight: bold;
		margin-bottom: .1rem;
	}

	.rela-prod-link {
		padding: .78rem 0 .65rem 0;
		border-bottom: 0.01rem solid #eeeeee;
	}

	.rela-prod-link .name {
		font-size: .3rem;
		color: #333333;
		font-weight: bold;
	}

	.rela-prod-link .link {
		font-size: .3rem;
		color: #00a7d2;
	}

	.prev-next {
		margin-top: .8rem;
		justify-content: center;
		align-items: center;
		text-align: center;
	}

	.prev-next .item {
		width: 2rem;
		height: .6rem;
		line-height: .6rem;
		font-size: .2rem;
		color: #666666;
		margin: 0 .23rem;
		background-color: #eeeeee;
	}

	.prev-next .icon-item {
		width: .6rem;
		background-image: url(../mobile/icon33.jpg);
		background-size: cover;
	}

	/* service */
	.m-service-page .title {
		text-align: center;
	}

	.m-service-page .title .h1 {
		font-size: .44rem;
		color: #333333;
		font-weight: bold;
	}

	.purpose {
		background-size: cover;
		background-position: bottom center;
		padding-bottom: .74rem;
	}

	.purpose .title {
		padding: .73rem 0 .5rem;
	}

	.purpose .text {
		font-size: .28rem;
		color: #333333;
		line-height: .54rem;
		text-align: center;
	}

	.modus {
		background-color: #f3f3f3;
		padding-bottom: .7rem;
	}

	.modus .title {
		padding: .9rem 0 .6rem;
	}

	.cont .title {
		padding: 0.1rem 0 .6rem;
	}

	.modus .modus-swiper {
		border-radius: .3rem;
		overflow: hidden;
	}

	.modus .swiper-pagination {
		position: static;
		margin-top: .3rem;
	}

	.modus .swiper-pagination-bullet {
		margin: 0 .06rem;
	}

	.modus .box {
		text-align: center;
		background-color: #ffffff;
		padding: .35rem .5rem;
	}

	.modus .icon {
		width: 1.3rem;
		height: 1.3rem;
		border-radius: 50%;
		border: 0.01rem solid #99dced;
		padding: .1rem;
		margin: 0 auto;
	}

	.modus .name {
		font-size: .3rem;
		color: #333333;
		font-weight: bold;
		margin: .5rem 0 .25rem;
	}

	.modus .text {
		font-size: .24rem;
		color: #666666;
		line-height: .46rem;
		min-height: 1.84rem;
	}

	.m-service-page .cont .title {
		padding: .7rem 0 .55rem;
	}

	.cont-list {
		border-top: 0.01rem solid #e5e5e5;
		padding-bottom: .7rem;
	}

	.cont-list .column {
		padding: 0;
		border: 0.01rem solid #e5e5e5;
		position: relative;
		text-align: center;
		border-top: 0;
	}

	.cont-list .column:nth-child(2n) {
		border-left: 0;
	}

	.cont-list .suspen {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: #ffffff;
		padding-top: .52rem;
	}

	.cont-list .icon {
		width: .7rem;
		margin: 0 auto;
	}

	.cont-list .h1 {
		font-size: .24rem;
		color: #333333;
		margin-top: .35rem;
	}

	.m-service-page .support {
		background-color: #f3f3f3;
		padding-bottom: .7rem;
	}

	.support .title {
		padding: .75rem 0 .7rem;
	}

	.supp-list .column {
		background-color: #ffffff;
		border-radius: .15rem;
		margin-bottom: .4rem;
		padding: .38rem .33rem;
		justify-content: space-between;
		align-items: flex-end;
	}

	.supp-list .h1 {
		font-size: .28rem;
		color: #333333;
		margin-bottom: .27rem;
	}

	.supp-list .line {
		display: inline-block;
		vertical-align: middle;
		width: 0.04rem;
		height: .25rem;
		background-color: #00a7d3;
		margin-right: .1rem;
	}

	.supp-list .text {
		padding-left: .14rem;
		font-size: .24rem;
		color: #777777;
		line-height: .4rem;
	}

	.supp-list .img {
		width: .8rem;
	}

	.m-service-page .policy {
		padding-bottom: .3rem;
	}

	.policy .title {
		padding: .9rem 0 .45rem;
	}

	.poli-list .column {
		background-color: #f3f3f3;
		padding: .35rem .8rem .4rem;
		border-radius: .3rem;
		text-align: center;
		margin-bottom: .2rem;
	}

	.poli-list .icon {
		width: .75rem;
		margin: 0 auto;
	}

	.poli-list .name {
		font-size: .3rem;
		color: #333333;
		font-weight: bold;
		margin: .45rem 0 .1rem;
	}

	.poli-list .text {
		font-size: .26rem;
		color: #333333;
		line-height: .4rem;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
		overflow: hidden;
	}

	.poli-list .more {
		font-size: .2rem;
		color: #666666;
		margin-top: .45rem;
	}

	.sort-nav {
		position: relative;
		justify-content: center;
		border-bottom: 1px solid #e5e5e5;
		background-color: #f8f8f8;
		overflow-x: auto;
		transition: all .3s;
		z-index: 9;
	}

	.sort-nav.on {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		margin: 0;
	}

	.sort-nav.on2 {
		position: fixed;
		top: 1.01rem;
		left: 0;
		width: 100%;
		margin: 0;
		border-top: 1px solid #e5e5e5;
	}

	.sort-nav::-webkit-scrollbar {
		display: none;
	}

	.sort-nav a {
		font-size: .28rem;
		color: #666666;
		line-height: .9rem;
		padding: 0 .35rem;
		position: relative;
	}

	.sort-nav a.on {
		color: #14abd2;
	}

	.sort-nav a.on::before {
		position: absolute;
		content: "";
		width: 100%;
		height: 2px;
		background-color: #00a7d4;
		left: 0;
		bottom: 0;
	}

	.serv-form {
		margin: .85rem 0 1rem;
		box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
	}

	.serv-form .search {
		height: .86rem;
		border-radius: .1rem 0 0 .1rem;
	}

	.serv-form .submit {
		width: 1.9rem;
		height: .86rem;
		font-size: .24rem;
		color: #ffffff;
		background-color: #779ff6;
		border-radius: 0 .1rem .1rem 0;
	}

	.flow-box {
		padding-bottom: 1.1rem;
		line-height: 2.0;
	}

	.flow-box .h1 {
		font-size: .3rem;
		color: #333333;
		font-weight: bold;
		padding: .6rem 0 .5rem;
		text-align: center;
	}

	.flow-box .text {
		font-size: .24rem;
		color: #333333;
		line-height: .46rem;
	}

	.flow-box .h2 {
		font-size: .28rem;
		color: #333333;
		line-height: .62rem;
		font-weight: bold;
		display: block;
	}

	.flow-box .color {
		color: #14abd2;
	}

	.sales-box {
		padding-bottom: .45rem;
	}

	.sales-box .title {
		padding: .45rem 0 .5rem;
	}

	.sales-list .column {
		border: 1px solid #e6e6e6;
		margin-bottom: .3rem;
	}

	.sales-list .h1 {
		font-size: .26rem;
		color: #14abd2;
		font-weight: bold;
		padding: .24rem 1rem;
		background-image: url(../mobile/icon92.jpg);
		background-size: .27rem auto;
		background-position: .5rem center;
		background-repeat: no-repeat;
		border-bottom: 1px dashed #eeeeee;
	}

	.sales-list .text {
		padding: .1rem .55rem .2rem;
		font-size: .22rem;
		color: #666666;
		line-height: .54rem;
	}

	.secu-box {
		background-color: #f7f7f7;
		padding-bottom: .5rem;
	}

	.secu-box .title {
		padding: .45rem 0 0.5rem 0.45rem;
	}

	.secu-box .column {
		background-color: #ffffff;
		margin-bottom: .2rem;
		padding: .25rem .85rem;
		align-items: center;
	}

	.secu-box .icon {
		width: .82rem;
		margin-right: .75rem;
	}

	.secu-box .column .h1 {
		font-size: .28rem;
		color: #333333;
	}

	/* about */
	.about-banner .container-fluid {
		padding: 0 .3rem;
	}

	.m-about-page .intr {
		font-size: .26rem;
		color: #333333;
		line-height: .5rem;
		padding: .55rem 0 .8rem;
	}

	.intr .font {
		font-size: .28rem;
		font-weight: bold;
	}

	.intr .video {
		position: relative;
	}

	.intr .icon-play {
		position: absolute;
		width: .8rem;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
	}

	.m-about-page .title {
		text-align: center;
	}

	.m-about-page .title .h1 {
		font-size: .44rem;
		color: #333333;
		font-weight: bold;
		margin-bottom: .2rem;
	}

	.m-about-page .title .h2 {
		font-size: .28rem;
		color: #666666;
	}

	.m-about-page .mile {
		background-size: cover;
		background-position: center center;
		padding-bottom: 1rem;
	}

	.mile .title {
		padding: .85rem 0 .73rem;
	}

	.mile .title .h1 {
		color: #ffffff;
	}

	.mile .title .h2 {
		color: #ffffff;
	}

	.mile .carousel {
		padding: 30px 0;
	}

	.mile-swiper {
		height: 250px;
	}

	.mile-swiper .text {
		position: relative;
		font-size: .22rem;
		color: #ffffff;
		line-height: 50px;
		padding-left: 30px;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}

	.mile-swiper .text::after {
		position: absolute;
		content: "";
		top: 19px;
		left: 2px;
		width: 12px;
		height: 12px;
		border-radius: 50%;
		background-color: #ffffff;
	}

	.mile-swiper .text::before {
		position: absolute;
		content: "";
		top: 0;
		left: 8px;
		width: .02rem;
		height: 50px;
		background-color: #ffffff;
	}

	.mile-swiper .years-box .text {
		font-size: .3rem;
		color: #ffffff;
		font-weight: bold;
	}

	.mile-swiper .years-box .text::after {
		width: 16px;
		height: 16px;
		top: 17px;
		left: 0;
	}

	.carousel_1 .years {
		display: block;
		font-size: .26rem;
		color: #bebebe;
		text-align: center;
	}

	.carousel_1 .swiper-slide-active .years {
		color: #ffffff;
	}

	.mile .swiper-button-prev,
	.mile .swiper-button-next {
		width: .22rem;
		height: .4rem;
		background-size: cover;
		margin-top: -.1rem;
		z-index: 2;
	}

	.mile .swiper-button-prev {
		background-image: url(../mobile/icon50.png);
		top: 0;
		left: 4px;
		transform: rotate(90deg);
		-ms-transform: rotate(90deg);
		-moz-transform: rotate(90deg);
		-webkit-transform: rotate(90deg);
		-o-transform: rotate(90deg);
	}

	.mile .swiper-button-next {
		background-image: url(../mobile/icon51.png);
		top: auto;
		left: 4px;
		bottom: 0;
		transform: rotate(90deg);
		-ms-transform: rotate(90deg);
		-moz-transform: rotate(90deg);
		-webkit-transform: rotate(90deg);
		-o-transform: rotate(90deg);
	}

	.mile .title-years {
		font-size: .3rem;
		color: #ffffff;
		font-weight: bold;
		margin: .95rem 0 .85rem;
	}

	.carousel_2 {
		margin-right: -.3rem;
	}

	/* .carousel_2 .swiper-slide {
        width: 33.33%;
    } */
	.carousel_2 .box {
		flex-direction: column;
	}

	.carousel_2 .icon-box {
		position: relative;
	}

	.carousel_2 .icon {
		display: block;
		width: .15rem;
		height: .15rem;
		border-radius: 50%;
		background-color: #ffffff;
	}

	.carousel_2 .icon-box::before {
		position: absolute;
		content: "";
		width: calc(100% - .15rem);
		height: 0.01rem;
		top: 50%;
		left: .15rem;
		background-color: #ffffff;
	}

	.carousel_2 .text {
		font-size: .26rem;
		color: #ffffff;
		line-height: .46rem;
		padding-bottom: .28rem;
	}

	.carousel_2 .swiper-slide:nth-child(2n) .text {
		padding: 0;
		padding-top: .28rem;
	}

	.carousel_2 .swiper-wrapper {
		display: flex;
		align-items: center;
	}

	.m-about-page .honor {
		background-color: #eeeeee;
		padding-bottom: .6rem;
	}

	.honor .title {
		padding: .85rem 0 .73rem;
	}

	.carousel_3 {
		padding: 0 .5rem;
		position: relative;
		margin-bottom: .65rem;
	}

	.carousel_3 .swiper-button-prev,
	.carousel_3 .swiper-button-next {
		width: .31rem;
		height: .31rem;
		background-size: cover;
		background-position: center center;
		top: .1rem;
		margin-top: 0;
	}

	.carousel_3 .swiper-button-prev {
		background-image: url(../mobile/icon52.png);
		left: 0;
	}

	.carousel_3 .swiper-button-next {
		background-image: url(../mobile/icon53.png);
		right: 0;
	}

	.honor-swiper_1 .swiper-slide {
		text-align: center;
	}

	.honor-swiper_1 .swiper-slide::before {
		position: absolute;
		content: "";
		width: 100%;
		left: 0;
		top: 22%;
		border-bottom: 1px dashed #bfbfbf;
		z-index: 0;
	}

	.honor-swiper_1 .icon {
		width: 24px;
		height: 24px;
		border-radius: 50%;
		border: 1px solid #888888;
		margin: 0 auto;
		position: relative;
	}

	.honor-swiper_1 .icon::after {
		position: absolute;
		content: "";
		width: 12px;
		height: 12px;
		border-radius: 50%;
		background-color: #888888;
		left: 50%;
		top: 50%;
		transform: translate(-50%, -50%);
	}

	.honor-swiper_1 .years {
		font-size: .26rem;
		color: #888888;
		font-weight: bold;
		margin-top: .32rem;
		display: block;
	}

	.honor-swiper_1 .swiper-slide-active .icon {
		border: 1px solid #00a7d3;
	}

	.honor-swiper_1 .swiper-slide-active .icon::after {
		background-color: #00a7d3;
	}

	.honor-swiper_1 .swiper-slide-active .years {
		color: #333333;
	}

	.honor-swiper_2 .honor-list {
		background-color: #eeeeee;
		padding-bottom: .3rem;
	}

	.honor-list .column {
		font-size: .26rem;
		color: #666666;
		line-height: .36rem;
		margin-bottom: .33rem;
	}

	.honor-list .column.on {
		color: #00a7d3;
	}

	.honor-swiper_2 .img-list .column {
		display: none;
	}

	.honor-swiper_2 .img-list .column.on {
		display: block;
	}

	.layout {
		padding-bottom: .8rem;
	}

	.layout .title {
		padding: .85rem 0 .75rem;
	}

	.layout .mark {
		justify-content: center;
		padding: 0;
		background: none;
		margin: .7rem 0 .55rem;
	}

	.layout .column {
		margin-top: .4rem;
	}

	.layout .column2 {
		margin-bottom: .3rem;
	}

	.layout .column2 .top {
		font-size: .28rem;
		color: #00a7d3;
		font-weight: bold;
		font-family: arial;
		margin-bottom: .1rem;
	}

	.layout .column2 .number {
		display: inline-block;
		font-size: .4rem;
		margin-right: .1rem;
	}

	.layout .column2 .text {
		font-size: .24rem;
		color: #333333;
	}

	.layout .mark .icon {
		display: inline-block;
		width: .14rem;
		height: .14rem;
		border-radius: 50%;
		margin-right: .1rem;
	}

	.layout .text-box .h1 {
		font-size: .26rem;
		color: #333333;
		margin-bottom: .3rem;
	}

	.layout .text-box .font {
		font-size: .32rem;
	}

	.layout .addr {
		margin-bottom: .4rem;
	}

	.layout .addr .column {
		font-size: .26rem;
		color: #333333;
		line-height: .32rem;
		margin-bottom: .24rem;
	}

	.layout .addr .icon {
		width: .3rem;
		margin-right: .15rem;
	}

	.layout .addr .text {
		width: calc(100% - .45rem);
	}

	.layout .bran .text {
		font-size: .26rem;
		color: #333333;
		line-height: .46rem;
	}

	.partner {
		background-color: #f4f4f4;
		padding-bottom: .45rem;
	}

	.partner .title {
		padding: .85rem 0 .55rem;
	}

	.partner .carousel {
		position: relative;
	}

	.partner-swiper .box {
		text-align: center;
		margin-bottom: .2rem;
		padding: .2rem;
	}

	.partner .swiper-pagination {
		position: static;
		margin-top: .35rem;
	}

	.partner .swiper-pagination-bullet {
		margin: 0 .11rem;
		width: .15rem;
		height: .15rem;
		background-color: #d2d2d2;
		opacity: 1;
	}

	.partner .swiper-pagination-bullet-active {
		background-color: #ffffff;
		box-shadow: 0 2px 5px rgba(0, 0, 0, .2);
	}

	.futu-layo {
		padding-bottom: .37rem;
	}

	.futu-layo .title {
		padding: .85rem 0 .55rem;
	}

	.futu-list .column {
		text-align: center;
		margin-bottom: .5rem;
	}

	.futu-list .icon {
		width: 1.4rem;
		margin: 0 auto;
	}

	.futu-list .name {
		font-size: .28rem;
		color: #333333;
		font-weight: bold;
		margin: .25rem 0 .2rem;
	}

	.futu-list .text {
		font-size: .24rem;
		color: #333333;
		line-height: .38rem;
	}

	/* solution */
	.solution {
		padding-bottom: .8rem;
		background-color: #f2f2f2;
	}

	.solu-list {
		margin-top: .4rem;
	}

	.solu-list .column {
		background-color: #ffffff;
		margin-bottom: .3rem;
	}

	.solu-list .img {
		position: relative;
	}

	.solu-list .suspen {
		display: none;
		position: absolute;
		height: .7rem;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
	}

	.solu-list .suspen img {
		max-height: 100%;
	}

	.solu-list .text-box {
		text-align: center;
		padding: .4rem .3rem 1rem;
		position: relative;
	}

	.solu-list .name {
		width: 100%;
		font-size: .34rem;
		color: #333333;
		font-weight: bold;
		margin-bottom: .25rem;
	}

	.solu-list .words {
		font-size: .24rem;
		color: #333333;
		line-height: .42rem;
	}

	.solu-list .more {
		position: absolute;
		right: 50%;
		bottom: .25rem;
		font-size: .18rem;
		color: #00a7d3;
		width: 1.6rem;
		line-height: .48rem;
		text-align: center;
		border: 1px solid #00a7d3;
		border-radius: .26rem;
		margin-right: -.8rem;
	}

	.solu_2 {
		padding-bottom: 0;
	}

	.m-solution-page .title {
		text-align: center;
	}

	.m-solution-page .title .h1 {
		font-size: .44rem;
		color: #333333;
		font-weight: bold;
		margin-bottom: .25rem;
	}

	.m-solution-page .title .h2 {
		font-size: .28rem;
		color: #666666;
		line-height: .48rem;
	}

	.retail {
		padding-bottom: .4rem;
	}

	.retail .title {
		padding: .8rem 0 .5rem;
	}

	.retai-list .column {
		padding: 0;
		padding-right: .15rem;
		margin-bottom: .3rem;
	}

	.retai-list .column:nth-child(2n) {
		padding: 0;
		padding-left: .15rem;
	}

	.retai-list .text-box {
		padding: .3rem;
		background-color: #ffffff;
		text-align: center
	}

	.retai-list .name {
		font-size: .26rem;
		color: #333333;
		font-weight: bold;
	}

	.story {
		padding-bottom: .6rem;
	}

	.story .title {
		padding: .6rem 0;
	}

	.story-list .column {
		margin-bottom: .4rem;
		position: relative;
	}

	.story-list .text-box {
		background-color: #ffffff;
		padding: .35rem .2rem .4rem;
	}

	.story-list .h1 {
		font-size: .34rem;
		color: #333333;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		width: 80%;
		margin-bottom: .3rem;
	}

	.story-list .text {
		font-size: .24rem;
		color: #666666;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	.story-list .icon {
		position: absolute;
		width: .27rem;
		height: .21rem;
		background-image: url(../mobile/icon70.png);
		background-size: cover;
		background-position: center center;
		bottom: 1rem;
		right: .3rem;
	}

	.solu_2 .link-more {
		display: block;
		width: 2.8rem;
		height: .7rem;
		line-height: .68rem;
		border: 0.01rem solid #dfdfdf;
		font-size: .24rem;
		color: #333333;
		text-align: center;
		margin: .6rem auto 0;
		border-radius: .4rem;
	}

	.rela-prod {
		padding-bottom: 1rem;
		background-color: #ffffff;
	}

	.rela-prod .title {
		padding: .75rem 0 .6rem;
	}

	.rela-prod .swiper-slide {
		width: 4.47rem;
		margin-right: .4rem;
	}

	.rela-prod .img {
		border: 0.01rem solid #e5e5e5;
		text-align: center;
	}

	.rela-prod .img img {
		max-height: 2.65rem;
	}

	.rela-prod .text-box {
		border: 0.01rem solid #e5e5e5;
		border-top: 0;
		padding: .4rem .25rem;
	}

	.rela-prod .text-box .h2 {
		font-size: .22rem;
		color: #999999;
		margin-bottom: .2rem;
	}

	.rela-prod .text-box .h1 {
		font-size: .3rem;
		color: #333333;
		margin-bottom: .5rem;
	}

	.rela-prod .more {
		width: 1.44rem;
		height: .48rem;
		line-height: .48rem;
		font-size: .2rem;
		color: #ffffff;
		background-color: #00a7d3;
		text-align: center;
	}

	.sear-cont {
		padding-bottom: .65rem;
	}

	.sear-cont .title {
		padding: .55rem 0 .45rem;
	}

	.sear-cont .title .h2 {
		font-weight: bold;
		margin-bottom: .2rem;
	}

	.sear-cont .title .icon {
		width: .2rem;
		height: .02rem;
		background-color: #666666;
		margin: 0 auto;
	}

	.sear-cont .form {
		padding: 0 .65rem;
	}

	.sear-cont .box {
		width: 100%;
		height: .66rem;
		border: 0.02rem solid #e5e5e5;
		border-radius: .33rem;
		background-color: #ffffff;
		padding: 0.06rem .56rem;
		align-items: center;
	}

	.sear-cont .text {
		width: calc(100% - .32rem);
		height: .5rem;
	}

	.sear-cont .submit {
		width: .32rem;
		height: .32rem;
		font-size: 0;
		background-image: url(../mobile/icon71.jpg);
		background-size: cover;
		background-position: center center;
	}

	.solu_3 {
		padding-bottom: 0;
	}

	.shel {
		padding-bottom: .6rem;
	}

	.shel .title {
		padding: .8rem 0 .65rem;
	}

	.shel-list .column {
		margin-bottom: .4rem;
		background-color: #ffffff;
		padding: .35rem .35rem .45rem;
	}

	.shel-list .icon {
		width: 1.3rem;
		margin: 0 auto;
	}

	.shel-list .name {
		font-size: .3rem;
		color: #333333;
		font-weight: bold;
		margin: .38rem 0 .27rem;
		text-align: center;
	}

	.shel-list .text {
		font-size: .24rem;
		color: #666666;
		line-height: .46rem;
	}

	.rela-scen {
		background-color: #ffffff;
		padding-bottom: .5rem;
	}

	.rela-scen .title {
		padding: .8rem 0 .5rem;
	}

	.scene-swiper .swiper-slide {
		width: 5.39rem;
		margin-right: .4rem;
	}

	.rela-scen .text-box {
		background-color: #f9f9f9;
		padding: .45rem .3rem;
		text-align: center;
	}

	.rela-scen .name {
		font-size: .34rem;
		color: #333333;
		font-weight: bold;
		margin-bottom: .2rem;
	}

	.rela-scen .text {
		font-size: .24rem;
		color: #333333;
		line-height: .44rem;
	}

	.rela-scen .swiper-pagination {
		position: static;
		margin-top: .5rem;
	}

	.rela-scen .swiper-pagination-bullet {
		opacity: 1;
		width: .17rem;
		height: .17rem;
		border: 0.01rem solid #00a7d4;
		background: none;
		margin: 0 0.06rem;
	}

	.rela-scen .swiper-pagination-bullet-active {
		background-color: #00a7d4;
	}

	.m-solution-page .link-more {
		display: block;
		width: 2.8rem;
		height: .7rem;
		line-height: .68rem;
		border: 0.01rem solid #dfdfdf;
		font-size: .24rem;
		color: #333333;
		text-align: center;
		margin: .6rem auto 0;
		border-radius: .4rem;
	}

	/* contact */
	.contact-banner .suspen {
		padding: 0 .31rem;
	}

	.m-contact-page .addr-box {
		padding-top: .57rem;
	}

	.addr-box .h1 {
		font-size: .44rem;
		color: #00a7d3;
		font-weight: bold;
		padding-bottom: .34rem;
		border-bottom: 0.02rem solid #ececec;
		margin-bottom: .45rem;
	}

	.addr-box .phone {
		align-items: center;
		margin-bottom: .6rem;
	}

	.addr-box .phone .icon {
		width: .44rem;
		margin-left: .18rem;
	}

	.total .column {
		padding: 0;
		margin-bottom: .45rem;
	}

	.total .icon {
		width: .33rem;
		margin-right: .17rem;
		margin-top: .08rem;
	}

	.total .text {
		font-size: .26rem;
		color: #333333;
		line-height: .48rem;
		width: calc(100% - .5rem);
	}

	.addr-box .map {
		margin-bottom: .5rem;
	}

	.bran {
		padding-bottom: .5rem;
		font-size: 0;
	}

	.bran .column {
		padding: .45rem .25rem;
		background-color: #f5f5f5;
		border-radius: .2rem;
		margin-bottom: .25rem;
		display: inline-block;
		vertical-align: top;
		width: 48.5%;
		margin-right: 3%;
		background-image: url(../mobile/img56.jpg);
		background-size: 2.25rem auto;
		background-position: 80% 90%;
		background-repeat: no-repeat;
	}

	.bran .column:nth-child(2n) {
		margin-right: 0;
	}

	.bran .icon {
		display: inline-block;
		width: .33rem;
		height: .33rem;
		background-image: url(../mobile/icon79.png);
		background-size: cover;
		background-position: center center;
		margin-bottom: .25rem;
	}

	.bran .name {
		font-size: .26rem;
		color: #333333;
		font-weight: bold;
		margin-bottom: .2rem;
	}

	.bran .text {
		font-size: .24rem;
		color: #666666;
		line-height: .46rem;
		height: 1.84rem;
	}

	.feed-box {
		background-color: #f5f5f5;
		padding-bottom: 1.1rem;
	}

	.feed-box .h1 {
		padding: .65rem 0;
		font-size: .44rem;
		color: #333333;
		font-weight: bold;
	}

	.feed-box .form-group {
		margin-bottom: .45rem;
	}

	.feed-box .name {
		font-size: .26rem;
		color: #333333;
		margin-bottom: .25rem;
	}

	.feed-box .red {
		color: #f01616;
	}

	.feed-box .btn {
		padding: 0;
		width: 2rem;
		height: .7rem;
		line-height: .7rem;
		border-radius: 0;
	}

	.feed-box .btn_1 {
		color: #ffffff;
		background-color: #00a7d3;
		margin-right: .2rem;
	}

	.feed-box .btn_2 {
		color: #ffffff;
		background-color: #535353;
	}

	/* strength */
	.strength-banner .suspen {
		padding: 0 .31rem;
	}

	.m-strength-page .title {
		text-align: center;
	}

	.m-strength-page .title .h1 {
		font-size: .44rem;
		color: #333333;
		font-weight: bold;
		margin-bottom: .25rem;
	}

	.m-strength-page .title .h2 {
		font-size: .26rem;
		color: #666666;
	}

	.deve-box {
		padding-bottom: 1.3rem;
	}

	.deve-box .title {
		padding: .85rem 0 .6rem;
	}

	.deve-box .box {
		text-align: center;
		padding: 0;
	}

	.deve-box .icon {
		width: 1.3rem;
		margin: 0 auto;
	}

	.deve-box .name {
		font-size: .28rem;
		color: #333333;
		font-weight: bold;
		margin: .28rem 0 .26rem;
	}

	.deve-box .text {
		font-size: .24rem;
		color: #333333;
		line-height: .4rem;
	}

	.deve-box .btn-arrow {
		width: .31rem;
		height: .31rem;
		margin-top: -.15rem;
		background-size: cover;
	}

	.deve-box .swiper-button-prev {
		background-image: url(../mobile/icon52.png);
		left: 0;
	}

	.deve-box .swiper-button-next {
		background-image: url(../mobile/icon53.png);
		right: 0;
	}

	.inno-box {
		background-color: #f8f8f8;
		padding-bottom: .75rem;
	}

	.inno-box .title {
		padding: .85rem 0;
	}

	.inno-box .carousel {
		margin-bottom: .9rem;
	}

	.inno-box .icon {
		margin-bottom: .2rem;
	}

	.inno-box .text {
		font-size: .28rem;
		line-height: .48rem;
		white-space: normal;
	}

	.inno-box .data-box {
		padding: .8rem 0;
		background-size: cover;
	}

	.inno-box .column {
		width: 50%;
		text-align: center;
		padding: .23rem 0 .1rem 0;
	}

	.inno-box .column:nth-child(2) {
		border-left: 0.01rem dashed #a2a5a7;
	}

	.inno-box .top {
		font-size: .6rem;
		color: #ffffff;
		font-weight: bold;
		margin-bottom: .4rem;
	}

	.inno-box .text_2 {
		font-size: .24rem;
		color: #ffffff;
	}

	.quali-box {
		padding-bottom: .2rem;
	}

	.quali-box .title {
		padding: .85rem 0 .7rem;
	}

	.quali-list .column {
		width: 48.5%;
		margin-right: 3%;
		margin-bottom: .45rem;
		background-color: #f8f8f8;
		background-image: url(../mobile/img59.jpg);
		background-size: 100% auto;
		background-position: top center;
		background-repeat: no-repeat;
		padding: .45rem .3rem;
	}

	.quali-list .column:nth-child(2n) {
		margin-right: 0;
	}

	.quali-list .icon {
		width: .64rem;
	}

	.quali-list .name {
		font-size: .28rem;
		color: #00081d;
		font-weight: bold;
		margin: .42rem 0 .17rem;
	}

	.quali-list .text {
		font-size: .24rem;
		color: #333333;
		line-height: .38rem;
		min-height: 1.14rem;
	}

	.manu-box {
		padding-bottom: .95rem;
		background-color: #f8f8f8;
	}

	.manu-box .title {
		padding: .85rem 0 .55rem;
	}

	.manu-box .img {
		margin-bottom: .43rem;
	}

	.manu-box .sort-box {
		padding-bottom: .37rem;
	}

	.manu-box .sort-box .column {
		font-size: .28rem;
		color: #333333;
		margin-bottom: .48rem;
	}

	.manu-box .data-box .column {
		text-align: center;
	}

	.manu-box .data-box .number-box {
		font-size: .6rem;
		color: #00a7d3;
		font-weight: bold;
		margin-bottom: .35rem;
	}

	.manu-box .data-box .text {
		font-size: .24rem;
		color: #333333;
	}

	/* recru */
	.recru-banner .suspen {
		padding: 0 .31rem;
	}

	.m-recru-page .title {
		text-align: center;
	}

	.m-recru-page .title .h1 {
		font-size: .44rem;
		color: #333333;
		font-weight: bold;
		margin-bottom: .25rem;
	}

	.m-recru-page .title .h2 {
		font-size: .26rem;
		color: #666666;
	}

	.recru-box .title {
		padding: .85rem 0 .55rem;
	}

	.recru-form {
		margin-bottom: .68rem;
		box-shadow: 0 8px 10px rgba(243, 243, 243, .5);
	}

	.recru-form .search {
		border-radius: 0;
		border: 0.01rem solid #f3f3f3;
		border-right: 0;
		height: .88rem;
	}

	.recru-form .submit {
		border-radius: 0;
		width: 1.4rem;
		height: .88rem;
		font-size: .26rem;
		color: #ffffff;
		background-color: #00a7d3;
	}

	.recru-box {
		padding-bottom: .45rem;
	}

	.recru-box .sort-nav {
		padding-bottom: .15rem;
	}

	.recru-box .sort-column {
		margin-bottom: .4rem;
	}

	.recru-box .sort-column .name {
		font-size: .26rem;
		color: #666666;
		line-height: .56rem;
		width: 30%;
	}

	.recru-box .sort-column .nav {
		flex-wrap: wrap;
		width: 70%;
		font-size: 0;
	}

	.recru-box .sort-column a {
		font-size: .26rem;
		color: #333333;
		line-height: .56rem;
		width: 33.33%;
	}

	.recru-box .sort-column a.on {
		color: #14abd2;
	}

	.post-list .post-column {
		border: 0.01rem solid #dcdcdc;
		margin-bottom: .5rem;
		line-height: 1.5;
		padding: .45rem .32rem .4rem;
	}

	.post-list .name {
		font-size: .28rem;
		color: #14abd2;
		font-weight: bold;
		margin-bottom: .3rem;
	}

	.post-list .text {
		font-size: .22rem;
		color: #333333;
		line-height: .5rem;
		height: 3.5rem;
		word-break: break-all;
		text-overflow: ellipsis;
		overflow: hidden;
		display: -webkit-box;
		-webkit-line-clamp: 7;
		-webkit-box-orient: vertical;
	}

	.post-list .text_2 {
		font-size: .22rem;
		color: #666666;
		line-height: .4rem;
		height: 1.6rem;
		overflow: hidden;
	}

	.post-list .name_2 {
		display: block;
		color: #333333;
	}

	.post-list .btn-box {
		margin-top: .45rem;
	}

	.post-list .btn {
		font-size: .24rem;
		color: #ffffff;
		background-color: #14abd2;
		margin-right: .2rem;
		width: 1.9rem;
		height: .62rem;
		line-height: .62rem;
		padding: 0;
		border-radius: 0;
		border: 0;
	}

	.post-list .post-column.on .text {
		height: auto;
	}

	.m-recru-page .link-more {
		display: block;
		width: 2.8rem;
		height: .7rem;
		line-height: .68rem;
		border: 0.01rem solid #dfdfdf;
		font-size: .24rem;
		color: #333333;
		text-align: center;
		margin: .6rem auto .15rem;
		border-radius: .4rem;
	}

	.camp-recru .title {
		padding: .85rem 0;
	}

	.camp-recru .title .h1 {
		display: inline-block;
		color: #3f84ee;
		background-image: url(../mobile/icon107.png), url(../mobile/icon108.png);
		background-position: left center, right center;
		background-repeat: no-repeat, no-repeat;
		background-size: auto .44rem;
		padding: 0 1.2rem;
		margin-bottom: 0;
	}

	.hot-post-box {
		padding-bottom: 1.65rem;
		background-size: 100% auto;
		background-position: bottom center;
		background-repeat: no-repeat;
	}

	.hot-post-box .video {
		position: relative;
		margin-top: .85rem;
		overflow: hidden;
		border-radius: .2rem;
	}

	.hot-post-box .suspen {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		text-align: center;
	}

	.hot-post-box .suspen .icon {
		width: 1rem;
		margin: 0 auto;
	}

	.hot-post-box .suspen .name {
		font-size: .28rem;
		color: #ffffff;
		margin-top: .3rem;
	}

	.hot-post-list .column {
		padding: 0;
		padding-right: .15rem;
		text-align: center;
		background-color: #f0f5ff;
		border-radius: .15rem;
		padding: .55rem .1rem;
		width: 48.5%;
		margin-right: 3%;
		margin-bottom: 10px;
	}

	.hot-post-list .column:nth-child(2n) {
		margin-right: 0;
	}

	.hot-post-list .icon {
		width: 1.6rem;
		height: 1.6rem;
		align-items: center;
		margin: 0 auto;
		justify-content: center;
		border-radius: 50%;
		background-color: #ffffff;
		box-shadow: 0 4px 10px rgba(20, 80, 170, 0.23);
	}

	.hot-post-list .icon .img {
		width: .6rem;
	}

	.hot-post-list .name {
		font-size: .3rem;
		color: #00225e;
		margin: .55rem 0 .2rem;
	}

	.hot-post-list .wages {
		font-size: .28rem;
		color: #307ef4;
		margin-bottom: .5rem;
	}

	.hot-post-list .but {
		width: 2.42rem;
		height: .7rem;
		line-height: .7rem;
		font-size: .24rem;
		color: #ffffff;
		display: inline-block;
		background-image: url(../mobile/icon109.png);
		background-size: 100% auto;
	}

	.hot-post-box .more {
		display: block;
		width: 3.33rem;
		height: .69rem;
		line-height: .69rem;
		background-image: url(../mobile/icon110.png);
		background-size: 100% auto;
		padding-right: .3rem;
		text-align: center;
		font-size: .24rem;
		color: #ffffff;
		margin: 0 auto;
		margin-top: .7rem;
	}

	.circu-box {
		padding-bottom: 1.55rem;
		background-size: cover;
	}

	.circu-box .title {
		padding: .8rem 0 .75rem;
	}

	.circu-box .title .h1 {
		background-image: url(../mobile/icon111.png), url(../mobile/icon112.png);
		color: #ffffff;
	}

	.circu-box .text {
		font-size: .26rem;
		color: #ffffff;
		line-height: .56rem;
		margin-bottom: 1.05rem;
	}

	.circu-list .column {
		justify-content: space-between;
		text-align: center;
		margin-bottom: .85rem;
		position: relative;
	}

	.circu-list .column::before {
		position: absolute;
		content: "";
		width: 1px;
		height: .53rem;
		background-color: rgba(255, 255, 255, .66);
		top: 110%;
		right: 1rem;
	}

	.circu-list .column .box:nth-child(2n)::before {
		position: absolute;
		content: "";
		width: .83rem;
		height: 1px;
		background-color: rgba(255, 255, 255, .66);
		top: .9rem;
		left: 50%;
		margin-left: -.42rem;
	}

	.circu-list .column:nth-child(2n)::before {
		position: absolute;
		content: "";
		width: 1px;
		height: .53rem;
		background-color: rgba(255, 255, 255, .66);
		top: 110%;
		left: 1rem;
	}

	.circu-list .column:last-child::before {
		display: none;
	}

	.circu-list .img-icon {
		width: 2rem;
		margin: 0 auto;
	}

	.circu-list .dots {
		width: .11rem;
		height: .11rem;
		background-color: #bad4fb;
		display: inline-block;
		border-radius: 50%;
		margin: .25rem 0 .05rem;
	}

	.circu-list .text_2 {
		font-size: .26rem;
		color: #ffffff;
		line-height: .46rem;
	}

	.stroke-box {
		padding-bottom: .2rem;
	}

	.stroke-box .title {
		padding: .8rem 0 .65rem;
	}

	.stroke-box .img {
		width: 1.7rem;
		margin-bottom: .2rem;
	}

	.stroke-box .column {
		font-size: .26rem;
		color: #333333;
		line-height: .4rem;
		padding-bottom: .5rem;
		padding-left: .4rem;
		position: relative;
	}

	.stroke-box .column:last-child {
		margin-bottom: 0;
	}

	.stroke-box .column::after {
		position: absolute;
		content: "";
		top: .15rem;
		left: .1rem;
		width: .1rem;
		height: .1rem;
		border-radius: 50%;
		background-color: #307ef4;
	}

	.stroke-box .column::before {
		position: absolute;
		content: "";
		top: .25rem;
		left: .14rem;
		width: 1px;
		height: 100%;
		background-color: #307ef4;
	}

	.stroke-box .column:last-child::before {
		display: none;
	}

	.stroke-box .arrow-btn {
		width: .4rem;
		height: .4rem;
		margin-top: -.2rem;
		background-size: cover;
		background-position: center center;
	}

	.stroke-box .swiper-button-prev {
		background-image: url(../mobile/icon52.png);
		left: 0;
	}

	.stroke-box .swiper-button-next {
		background-image: url(../mobile/icon53.png);
		right: 0;
	}

	.welfare-box {
		background-size: cover;
		padding-bottom: .9rem;
	}

	.welfare-box .title {
		padding: .9rem 0 .65rem;
	}

	.welfare-box .title .h1 {
		background-image: url(../mobile/icon111.png), url(../mobile/icon112.png);
		color: #ffffff;
	}

	.welfare-list .column {
		background-color: #ffffff;
		border-radius: .2rem;
		margin-bottom: .3rem;
		padding: .35rem .35rem .8rem;
		text-align: center;
	}

	.welfare-list .column .icon {
		width: .9rem;
		margin: 0 auto;
	}

	.welfare-list .name {
		font-size: .3rem;
		color: #3f84ee;
		font-weight: bold;
		margin: .35rem 0 .2rem;
	}

	.welfare-list .text {
		font-size: .26rem;
		color: #333333;
		line-height: .4rem;
	}

	.welfare-list .last_column {
		font-size: 0;
		padding: .8rem .35rem 0;
	}

	.welfare-list .column_2 {
		display: inline-block;
		vertical-align: top;
		width: 33.33%;
		margin-bottom: .65rem;
	}

	.welfare-list .column_2 .name {
		font-size: .26rem;
		color: #333333;
		margin-top: .25rem;
	}

	.develo-box {
		padding-bottom: .7rem;
	}

	.develo-box .title {
		padding: .85rem 0 .7rem;
	}

	.develo-box .text {
		font-size: .26rem;
		color: #333333;
		line-height: .48rem;
		text-align: center;
	}

	.develo-box .bot-box {
		margin-top: .6rem;
	}

	.plan-box {
		position: relative;
	}

	.plan-box .h1 {
		font-size: .26rem;
		color: #ffffff;
		font-weight: bold;
		position: absolute;
		top: 12.5%;
		left: 8%;
	}

	.plan-box .suspen {
		position: absolute;
		top: 32%;
		left: 7%;
		width: 100%;
		height: 100%;
		overflow-y: auto;
	}

	.plan-box .column {
		margin-bottom: .6rem;
	}

	.plan-box .column:last-child {
		margin-bottom: 0;
	}

	.plan-box .h2 {
		font-size: .24rem;
		color: #333333;
		line-height: .5rem;
		display: inline-block;
		padding: 0 .25rem;
		margin-bottom: .17rem;
		background-color: #ffffff;
		border-radius: .1rem;
	}

	.plan-box .text_2 {
		font-size: .22rem;
		color: #ffffff;
		line-height: .42rem;
	}

	.plan-box .h3 {
		font-size: .26rem;
		display: block;
	}

	.activ-box {
		padding-bottom: .6rem;
	}

	.activ-box .img-list {
		font-size: 0;
	}

	.activ-box .column {
		display: inline-block;
		vertical-align: top;
		padding: .1rem;
		border-radius: .2rem;
		overflow: hidden;
		box-shadow: 3px 3px 10px rgba(20, 80, 170, .28);
		margin-bottom: .3rem;
	}

	.activ-box .column img {
		border-radius: .15rem;
	}

	.activ-box .column_2 {
		width: 49%;
		margin-right: 2%;
	}

	.activ-box .column_2:nth-child(3) {
		margin-right: 0;
	}

	.probl-box {
		padding-bottom: .9rem;
	}

	.probl-box .h1 {
		font-size: .33rem;
		color: #ffffff;
		font-weight: bold;
		padding: .55rem .3rem;
		background-size: cover;
		background-position: center center;
		margin-bottom: .6rem;
	}

	.probl-list .column {
		border-bottom: 1px solid #f2f0f0;
	}

	.probl-list .ask {
		padding: .2rem .5rem .2rem 0;
		background-image: url(../mobile/icon128.png);
		background-size: .26rem auto;
		background-position: right center;
		background-repeat: no-repeat;
		font-size: .28rem;
		color: #333333;
		line-height: .4rem;
	}

	.probl-list .column.on .ask {
		background-image: url(../mobile/icon129.png);
	}

	.probl-list .answer {
		font-size: .24rem;
		color: #666666;
		line-height: .4rem;
		padding-bottom: .15rem;
		display: none;
	}

	/* investor */
	.m-inves-page .title {
		text-align: center;
	}

	.m-inves-page .title .h1 {
		font-size: .44rem;
		color: #333333;
		font-weight: bold;
	}

	.m-inves-page .title .h2 {
		font-size: .26rem;
		color: #666666;
	}

	.direc-box {
		padding-bottom: .55rem;
		background-color: #f7f7f7;
	}

	.direc-box .title {
		padding: .35rem 0 .55rem;
	}

	.direc-list .column {
		background-color: #ffffff;
		padding-bottom: .3rem;
		margin-bottom: .3rem;
		border-radius: .2rem;
	}

	.direc-list .h1 {
		font-size: .26rem;
		color: #333333;
		font-weight: bold;
		line-height: .75rem;
		padding: 0 .45rem;
		border-bottom: 1px solid #f4f4f4;
		position: relative;
	}

	.direc-list .h1::before {
		position: absolute;
		content: "";
		width: .05rem;
		height: .3rem;
		left: 0;
		top: 50%;
		margin-top: -.15rem;
		background-color: #14abd2;
	}

	.direc-list .text {
		font-size: .24rem;
		color: #666666;
		line-height: .46rem;
		padding: .25rem .45rem;
	}

	.direc-list .column .more {
		display: block;
		width: 1.6rem;
		height: .54rem;
		font-size: .24rem;
		color: #00a7d3;
		line-height: .52rem;
		text-align: center;
		margin: 0 auto;
		border: 1px solid #00a7d3;
		border-radius: .26rem;
	}

	.m-box .more-box .link-more,
	.m-inves-page .link-more {
		display: block;
		width: 2.8rem;
		height: .7rem;
		line-height: .68rem;
		border: 0.01rem solid #dfdfdf;
		font-size: .24rem;
		color: #333333;
		text-align: center;
		margin: .25rem auto 0;
		border-radius: .4rem;
	}

	.audit-box {
		background-color: #ffffff;
	}

	.audit-box .title {
		padding: .6rem 0 .55rem;
	}

	.audit-box .column {
		background-color: #f9f9f9;
	}

	.manag-box {
		padding-bottom: .75rem;
	}

	.manag-box .title {
		padding: .55rem 0;
	}

	.notice-list {
		padding: .6rem 0 .45rem;
	}

	.notice-list .column {
		margin-bottom: .75rem;
	}

	.notice-list .name {
		font-size: .3rem;
		color: #ffffff;
		font-weight: bold;
		padding: 0 .3rem;
		line-height: .8rem;
		background-color: #14abd2;
	}

	.notice-list .box .item {
		display: block;
		font-size: .24rem;
		color: #666666;
		line-height: .85rem;
		border-bottom: 1px solid #e5e5e5;
		padding-right: 10%;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		background-image: url(../mobile/icon96.png);
		background-size: .34rem auto;
		background-position: 99% center;
		background-repeat: no-repeat;
	}

	.notice-list .nav {
		margin-top: .6rem;
		justify-content: flex-end;
	}

	.notice-list .nav .item {
		width: .6rem;
		height: .6rem;
		font-size: .24rem;
		color: #666666;
		background-color: #e8e8e8;
		text-align: center;
		line-height: .6rem;
		margin-left: .1rem;
	}

	.notice-list .nav .item.on {
		color: #ffffff;
		background-color: #14abd2;
	}

	.inves-hot {
		margin-bottom: 1.1rem;
		box-shadow: 0 1px 5px rgba(0, 0, 0, .1);
		background-color: #f5f5f5;
	}

	.inves-hot .text-box {
		padding: .55rem .45rem .6rem;
	}

	.inves-hot .h1 {
		font-size: .3rem;
		color: #333333;
		font-weight: 333333;
		margin-bottom: .3rem;
	}

	.inves-hot .line {
		display: block;
		width: .45rem;
		height: .02rem;
		background-color: #14abd2;
		margin-bottom: .5rem;
	}

	.hot-list .column {
		font-size: .28rem;
		color: #333333;
		line-height: .44rem;
		margin-bottom: .25rem;
	}

	.hot-list .icon {
		width: .33rem;
		margin-right: .3rem;
	}

	.hot-list .text {
		width: calc(100% - .63rem);
	}

	.hot-list .column.number .text {
		color: #00a7d3;
	}

	/* news */
	.news-banner .suspen {
		padding: 0 .31rem;
	}

	.news-box {
		padding: .6rem 0 .9rem;
	}

	.news-list .column {
		margin-bottom: .4rem;
	}

	.news-list .text-box {
		padding: .4rem 0;
		border-bottom: 1px solid #dcdcdc;
	}

	.news-list .date {
		font-size: .2rem;
		color: #909090;
		font-weight: bold;
		margin-bottom: .3rem;
	}

	.news-list .text {
		font-size: .28rem;
		color: #000000;
		line-height: .42rem;
		font-weight: bold;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
		overflow: hidden;
	}

	.news-box .nav-page {
		margin-top: 1rem;
	}

	.news-detail {
		padding-bottom: .8rem;
	}

	.news-detail .title {
		padding: .7rem 0 .45rem;
		border-bottom: 1px solid #cccccc;
	}

	.news-detail .title .h1 {
		font-size: .38rem;
		color: #14abd2;
		line-height: .6rem;
		font-weight: bold;
		margin-bottom: .35rem;
	}

	.news-detail .date {
		font-size: .24rem;
		color: #888888;
		padding: 0 .4rem;
		background-image: url(../mobile/icon104.jpg);
		background-size: .27rem auto;
		background-position: left center;
		background-repeat: no-repeat;
	}

	.news-detail .source {
		font-size: .24rem;
		color: #888888;
	}

	.news-detail .share {
		font-size: .24rem;
		color: #888888;
		align-items: center;
		margin-top: .25rem;
		padding-left: .4rem;
	}

	.news-detail .share .item {
		width: .33rem;
		margin: 0 .06rem;
	}

	.news-detail .text {
		font-size: .26rem;
		color: #666666;
		line-height: .5rem;
		padding: .4rem 0 1rem;
		border-bottom: 1px solid #cccccc;
	}

	/* software */
	.top-name {
		position: fixed;
		top: 1.02rem;
		left: 0;
		width: 100%;
		padding: 0 .3rem;
		z-index: 9;
		transition: all .5s;
	}

	.top-name.on {
		top: 0;
		background-color: #ffffff;
	}

	.top-name.on2 {
		border-top: 1px solid #f1f1f1;
		top: 1.01rem;
	}

	.top-name .name {
		font-size: .28rem;
		color: #ffffff;
		padding: .35rem 0;
		border-bottom: 1px solid rgba(255, 255, 255, .1);
	}

	.top-name.on .name {
		color: #666666;
	}

	.software .box {
		position: relative;
	}

	.software .prod-top-nav .item {
		padding: .2rem .16rem;
	}

	.software .prod-top-nav .nav-box {
		display: none;
	}

	.software .prod-top-nav .nav-box.on {
		display: block;
	}

	.software .box_1 .suspen {
		position: absolute;
		left: 0;
		bottom: 0;
		padding: 0 .3rem;
		padding-bottom: 1.1rem;
	}

	.software .box_1 .h1 {
		font-size: .76rem;
		color: #fefefe;
		font-weight: bold;
		margin-bottom: .35rem;
		text-align: center;
	}

	.software .box_1 .h2 {
		font-size: .34rem;
		color: #ffffff;
		margin-bottom: .65rem;
		text-align: center;
	}

	.software .box_1 .text {
		font-size: .24rem;
		color: #99aed6;
		line-height: .42rem;
	}

	.software .box_1 .more {
		display: block;
		width: 2.56rem;
		height: .84rem;
		line-height: .84rem;
		font-size: .26rem;
		color: #fefefe;
		text-align: center;
		background-color: #177fff;
		border-radius: .15rem;
		margin: 0 auto;
		margin-top: 1.05rem;
		padding-right: .15rem;
		background-image: url(../mobile/icon131.png);
		background-size: .14rem auto;
		background-position: 88% center;
		background-repeat: no-repeat;
	}

	.software .title {
		text-align: center;
	}

	.software .title .h1 {
		font-size: .44rem;
		color: #333333;
	}

	.software .title .h2 {
		font-size: .28rem;
		color: #333333;
	}

	.software .box_2 .title {
		padding: .65rem 0 0;
	}

	.software .box_2 .title .h1 {
		margin-bottom: .15rem;
	}

	.software .box_2 .column {
		margin-bottom: .7rem;
		text-align: center;
	}

	.software .box_2 .img {
		width: 2.15rem;
		margin: 0 auto;
	}

	.software .box_2 .name {
		font-size: .28rem;
		color: #373737;
		margin-top: .2rem;
	}

	.software .box_3 {
		padding: 0 .3rem .7rem;
		background-color: #dfe3f1;
	}

	.software .box_3 .title {
		padding: .7rem 0 .4rem;
	}

	.software .box_3 .text {
		font-size: .24rem;
		color: #666666;
		line-height: .38rem;
	}

	.software .box_4 .column {
		position: relative;
	}

	.software .box_4 .suspen {
		position: absolute;
		top: .7rem;
		left: 0;
		width: 100%;
		text-align: center;
	}

	.software .box_4 .icon {
		width: 1.35rem;
		margin: 0 auto;
		margin-bottom: .5rem;
	}

	.software .box_4 .h1 {
		font-size: .34rem;
		color: #333333;
		font-weight: bold;
		margin-bottom: .13rem;
	}

	.software .box_4 .h2 {
		font-size: .24rem;
		color: #333333;
		font-weight: bold;
		margin-bottom: .3rem;
	}

	.software .box_4 .text {
		font-size: .28rem;
		color: #999999;
		line-height: .48rem;
	}

	.software .box_4 .column_2 .suspen {
		top: auto;
		bottom: .7rem;
		text-align: left;
		padding: 0 .5rem;
	}

	.software .box_4 .column_2 .top-box {
		align-items: center;
		margin-bottom: .6rem;
	}

	.software .box_4 .column_2 .icon {
		margin: 0;
		margin-right: .45rem;
	}

	.software .box_4 .column_2 .h2 {
		margin: 0;
	}

	.software .box_4 .column_3 .suspen {
		bottom: auto;
		top: .75rem;
	}

	.software .box_5 {
		padding-bottom: .85rem;
	}

	.software .box_5 .title {
		padding: .9rem 0 1.3rem;
	}

	.software .box_5 .title .h1 {
		margin-bottom: .4rem;
	}

	.software .box_5 .title .h2 {
		color: #666666;
		line-height: .46rem;
	}

	.software .box_5 .list-box {
		padding-right: .4rem;
	}

	.software .box_5 .column {
		justify-content: flex-start;
		align-items: center;
		text-align: center;
		margin-bottom: 1.6rem;
	}

	.software .box_5 .column_2 {
		position: relative;
		width: 25%;
	}

	.software .box_5 .column_2::before {
		position: absolute;
		content: "";
		width: 1rem;
		height: .15rem;
		right: -30%;
		top: 7%;
		background-image: url(../mobile/icon135.jpg);
		background-size: 1rem auto;
		background-position: center center;
	}

	.software .box_5 .column_2:last-child::before {
		width: .56rem;
		height: 2.54rem;
		right: -2%;
		top: 15%;
		background-image: url(../mobile/icon136.jpg);
		background-size: cover;
	}

	.software .box_5 .down_column {
		justify-content: flex-end;
		margin-bottom: .95rem;
	}

	.software .box_5 .down_column .column {
		margin-bottom: 0;
	}

	.software .box_5 .down_column .column_2::before {
		transform: rotate(180deg);
		-ms-transform: rotate(180deg);
		-moz-transform: rotate(180deg);
		-webkit-transform: rotate(180deg);
		-o-transform: rotate(180deg);
	}

	.software .box_5 .down_column .column_2:last-child::before {
		display: none;
	}

	.software .box_5 .column_3::after {
		position: absolute;
		content: "";
		width: 1rem;
		height: .15rem;
		right: 17%;
		top: -90%;
		background-image: url(../mobile/icon135.jpg);
		background-size: 1rem auto;
		background-position: center center;
		transform: rotate(270deg);
		-ms-transform: rotate(270deg);
		-moz-transform: rotate(270deg);
		-webkit-transform: rotate(270deg);
		-o-transform: rotate(270deg);
	}

	.software .box_5 .number {
		font-size: .28rem;
		color: #367bf0;
	}

	.software .box_5 .name {
		font-size: .28rem;
		color: #666666;
		margin-top: .35rem;
	}

	.software .box_5 .text {
		font-size: .22rem;
		color: #999999;
		line-height: .34rem;
	}

	.software .box_6 .top-box {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
	}

	.software .box_6 .title {
		padding: 1.15rem 0 .4rem;
	}

	.software .box_6 .title .h1 {
		color: #ffffff;
	}

	.software .box_6 .nav-box {
		white-space: nowrap;
		overflow-x: auto;
		border-bottom: 1px solid rgba(255, 255, 255, .2);
	}

	.software .box_6 .nav-box::-webkit-scrollbar {
		display: none;
	}

	.software .box_6 .item {
		font-size: .24rem;
		color: #a7b1ba;
		padding: .32rem .1rem;
		margin-right: .4rem;
		position: relative;
	}

	.software .box_6 .item:last-child {
		margin-right: 0;
	}

	.software .box_6 .item.on {
		color: #ffffff;
	}

	.software .box_6 .item.on::before {
		position: absolute;
		content: "";
		bottom: 0;
		left: 0;
		width: 100%;
		height: 2px;
		background-color: #ffffff;
	}

	.software .box_6 .column {
		position: relative;
	}

	.software .box_6 .column_2 {
		display: none;
		padding: 3.2rem .3rem .95rem;
		background-size: cover;
		background-position: center center;
	}

	.software .box_6 .column_2.on {
		display: block;
	}

	.software .box_6 .text {
		font-size: .24rem;
		color: #ffffff;
		line-height: .38rem;
		min-height: 1.14rem;
		text-align: center;
	}

	.software .box_6 .video-box {
		justify-content: space-around;
		margin-top: .76rem;
	}

	.software .box_6 .l-video {
		position: relative;
		width: 4.8rem;
	}

	.software .box_6 .r-video {
		position: relative;
		width: 1.25rem;
	}

	.software .box_6 .l-video .suspen-img,
	.software .box_6 .r-video .suspen-img {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background-size: cover;
		background-position: center center;
	}

	.software .box_6 .l-video .suspen-img {
		top: .16rem;
		left: 0.6rem;
		right: .6rem;
		bottom: .3rem;
	}

	.software .box_6 .r-video .suspen-img {
		top: .26rem;
		left: 0.11rem;
		right: .11rem;
		bottom: .26rem;
	}

	.software .box_6 .devi_column .l-video .suspen-img {
		top: .18rem;
		left: .15rem;
		right: .15rem;
		bottom: .54rem;
	}

	.software .box_6 .devi_column .column_2 {
		padding-bottom: 0;
	}

	.software .box_6 .devi_column .item {
		color: #dcdbdb;
	}

	.software .box_6 .devi_column .item.on {
		color: #ffffff;
	}

	.software .box_6 .devi_column .text {
		color: #fefefe;
	}

	.bigPicLayer {
		display: none;
		position: fixed;
		width: 94%;
		height: auto;
		top: 35% !important;
		z-index: 9;
	}

	.bigPicLayer .close {
		display: block;
		width: .5rem;
		height: .5rem;
		background: url(../images/close.png?v=11221) no-repeat;
		right: 0;
		top: -15%;
		position: absolute;
		background-size: cover;
		z-index: 10;
	}

	.bigPicLayer .close em {
		width: 1px;
		height: 20px;
		background: #0a448d;
		display: none;
		position: absolute;
		left: 50%;
		margin-left: -0.5px;
		top: 100%;
	}

	.software .box_7 {
		padding-bottom: .8rem;
		background-size: cover;
		background-position: center center;
	}

	.software .box_7 .suspen {
		position: absolute;
		top: 0;
		left: 0;
	}

	.software .box_7 .title {
		padding: 1.3rem 0 1rem;
	}

	.software .box_7 .title .h1 {
		padding: 0 .6rem;
		color: #ffffff;
		text-align: left;
	}

	.software .box_7 .column {
		margin-bottom: .55rem;
	}

	.software .box_7 .icon img {
		height: .7rem;
	}

	.software .box_7 .name {
		font-size: .3rem;
		color: #fefefe;
		font-weight: bold;
		margin: .55rem 0 .2rem;
	}

	.software .box_7 .text {
		font-size: .26rem;
		color: #fefefe;
		line-height: .5rem;
	}

	.software .box_8 {
		padding-bottom: .35rem;
		background-size: cover;
		background-position: center center;
	}

	.software .box_8 .title {
		padding: 3.8rem .3rem .8rem;
	}

	.software .box_8 .title .h1 {
		margin-bottom: .4rem;
	}

	.software .box_8 .title .h2 {
		line-height: .48rem;
	}

	.software .box_8 .column {
		margin-bottom: .8rem;
		text-align: center;
	}

	.software .box_8 .icon img {
		height: .95rem;
	}

	.software .box_8 .name {
		font-size: .28rem;
		color: #333333;
		font-weight: bold;
		margin: .3rem 0 .05rem;
	}

	.software .box_8 .text {
		font-size: .24rem;
		color: #666666;
		line-height: .54rem;
	}

	.software .box_9 .title {
		background-color: #f1f4f5;
		padding: .6rem .3rem .65rem;
	}

	.software .box_10 .suspen {
		position: absolute;
		left: 0;
		bottom: .45rem;
	}

	.software .box_10 .title {
		padding-bottom: .75rem;
	}

	.software .box_10 .title .h1 {
		font-size: .48rem;
		color: #ffffff;
		margin-bottom: .25rem;
	}

	.software .box_10 .title .h2 {
		font-size: .24rem;
		color: rgba(254, 254, 254, .5);
		line-height: .4rem;
	}

	.software .box_10 .list-box {
		border-radius: .2rem;
		overflow: hidden;
	}

	.software .box_10 .column {
		background-color: #ffffff;
		padding: .4rem .5rem;
	}

	.software .box_10 .icon-box {
		text-align: center;
	}

	.software .box_10 .icon {
		width: 1.44rem;
		margin: 0 auto;
	}

	.software .box_10 .name {
		font-size: .24rem;
		color: #333333;
		font-weight: bold;
		margin-top: .4rem;
	}

	.software .box_10 .text-box {
		width: calc(100% - 1.44rem);
		padding-left: .5rem;
	}

	.software .box_10 .column .h1 {
		font-size: .28rem;
		color: #333333;
		font-weight: bold;
		margin-bottom: .2rem;
	}

	.software .box_10 .text {
		font-size: .23rem;
		color: #999999;
		line-height: .36rem;
	}

	.software .box_11 {
		background-color: #f7f7f7;
	}

	.software .box_11 .title {
		padding: 1.05rem 0 .45rem;
	}

	.software .box_11 .title .h1 {
		font-size: .48rem;
		margin-bottom: .45rem;
	}

	.software .box_11 .title .h2 {
		font-size: .28rem;
		color: #333333;
		line-height: .4rem;
		font-weight: bold;
	}

	.software .box_11 .text {
		font-size: .28rem;
		color: #999999;
		line-height: .4rem;
		text-align: center;
	}

	.software .box_11 .video-box {
		width: 3.16rem;
		margin: 0 auto;
		margin-top: 1rem;
	}

	.software .box_12 {
		background-color: #fbfbfb;
		padding-bottom: .6rem;
	}

	.software .box_12 .title {
		padding: .95rem 0 1.1rem;
	}

	.software .box_12 .title .h1 {
		font-size: .48rem;
		color: #111111;
		margin-bottom: .4rem;
	}

	.software .box_12 .title .h2 {
		font-size: .28rem;
		color: #999999;
		line-height: .4rem;
	}

	.software .box_12 .list-box {
		padding: 0 .4rem;
	}

	.software .box_12 .column {
		margin-bottom: .75rem;
		align-items: center;
	}

	.software .box_12 .icon {
		width: 1rem;
	}

	.software .box_12 .text-box {
		width: calc(100% - 1rem);
		padding-left: .4rem;
	}

	.software .box_12 .name {
		font-size: .32rem;
		color: #333333;
		font-weight: bold;
		margin-bottom: .1rem;
	}

	.software .box_12 .text {
		font-size: .28rem;
		color: #999999;
		line-height: .4rem;
	}

	.container {
		width: 100%;
		padding: 0 15px;
	}

	.down-main .banner .suspen {
		top: 50%;
		left: 0;
		transform: translate(0, -50%);
		text-align: left;
		padding: 0;
	}

	.down-main .banner .suspen .h1 {
		font-size: .6rem;
		margin-bottom: .26rem;
	}

	.down-main .banner .suspen .h2 {
		font-size: .32rem;
		color: #ffffff;
		line-height: .48rem;
	}

	.down-main .location {
		display: none;
	}

	.down-main .down-box {
		margin: .6rem 0 1.2rem;
	}

	.down-main .down-box .column {
		margin-bottom: .95rem;
	}

	.down-main .down-box .column:last-child {
		margin-bottom: 0;
	}

	.down-main .down-box .h1 {
		font-size: .3rem;
		margin-bottom: .25rem;
	}

	.down-main .down-box .text-box {
		margin-bottom: .35rem;
	}

	.down-main .down-box .text {
		font-size: .24rem;
		line-height: .42rem;
	}

	.down-main .down-box .more-box {
		margin-top: .2rem;
		padding-right: .33rem;
		background-size: .21rem auto;
	}

	.down-main .down-box .more {
		font-size: .22rem;
	}

	.down-main .down-box .column:hover .img::before {
		display: none;
	}

	.solution-page .banner .suspen {
		width: 100%;
		text-align: center;
	}

	.solu3 .intro {
		padding: .7rem .3rem .92rem;
		background-color: #f9f9f9;
	}

	.solu4 .video {
		position: relative;
	}

	.solu4 .play-icon {
		position: absolute;
		top: 50%;
		left: 50%;
		margin-top: -28px;
		margin-left: -28px;
		cursor: pointer;
	}

	.solu3 .intro .text {
		font-size: .22rem;
		color: #666666;
		line-height: .38rem;
		text-align: center;
	}

	.solu3 .intro .but-video {
		width: 135px;
		cursor: pointer;
		margin: 30px auto;
		background: #00a7d2;
		color: #fff;
		padding: 15px;
	}

	.solu3 .intro .but-video img {
		width: 30px;
		padding-left: 10px;
	}

	.solu3 .title {
		text-align: center;
	}

	.solu3 .title .h1 {
		font-size: .38rem;
		color: #333333;
	}

	.solu3 .scenes {
		padding: .74rem .3rem .4rem;
	}

	.solu3 .scenes .title {
		margin-bottom: .55rem;
	}

	.scen-list .column {
		margin-bottom: .4rem;
	}

	.scen-list .text-box {
		padding: .5rem .33rem .4rem;
		border: 1px solid #e5e5e5;
	}

	.scen-list .h1 {
		font-size: .36rem;
		color: #333333;
		line-height: 1;
		font-weight: bold;
		margin-bottom: .35rem;
	}

	.scen-list .text {
		font-size: .3rem;
		color: #333333;
		line-height: 1.4;
	}

	.solu3 .case {
		padding: .72rem .3rem .5rem;
		background-color: #f9f9f9;
	}

	.solu3 .case .title {
		margin-bottom: .3rem;
	}

	.solu3 .case-list .column {
		float: left;
		width: 32%;
		margin-right: 2%;
		margin-bottom: .15rem
	}

	.solu3 .case-list .column:nth-child(3n) {
		margin-right: 0;
	}

	.rela-prod2 {
		padding: .7rem .3rem .78rem;
	}

	.rela-prod2 .title {
		margin-bottom: .45rem;
	}

	.rela-prod2 .box {
		display: block;
		text-align: center;
		border: 1px solid #e5e5e5;
	}

	.rela-prod2 .text-box {
		padding: .3rem;
		border-top: 1px solid #e5e5e5;
	}

	.rela-prod2 .name {
		font-size: .24rem;
		color: #333333;
		margin-bottom: .15rem;
	}

	.rela-prod2 .text {
		font-size: .18rem;
		color: #999999;
	}

	.rela-prod2 .detail {
		display: none;
	}

	.solu3 .solu-list2 .column {
		float: left;
		width: 48%;
		margin-right: 4%;
		margin-bottom: .3rem;
	}

	.solu3 .app-solu {
		padding-bottom: .5rem;
		background-color: #f3f3f3;
	}

	.solu3 .solu-list2 .column:nth-child(2n) {
		margin-right: 0;
	}

	.solu3 .solu-list2 .suspen {
		display: none;
	}

	.solu3 .app-solu .box .h3 {
		font-size: .28rem;
		margin-bottom: .3rem;
	}

	.solu3 .solu-list2 .h1 {
		padding: .35rem .35rem .4rem;
		background-color: #ffffff;
		font-size: .24rem;
		color: #313131;
		line-height: .34rem;
	}

	.solu3 .solu-list2 .number {
		display: block;
		font-size: .3rem;
		margin-bottom: .08rem;
	}

	.solu3 .story2 {
		padding: .65rem .3rem .35rem;
		background-color: #f3f3f3;
	}

	.solu3 .story2 .title {
		margin-bottom: .33rem;
	}

	.solu3 .story-list2 .column {
		margin-bottom: .3rem;
	}

	.solu3 .story-list2 .text-box {
		padding: .25rem .35rem .35rem;
		background-color: #ffffff;
	}

	.solu3 .story-list2 .h1 {
		font-size: .26rem;
		color: #333333;
		margin-bottom: .15rem;
	}

	.solu3 .story-list2 .text {
		font-size: .2rem;
		color: #666666;
		line-height: 1.4;
	}

	.solu3 .scenes2 {
		background-color: #f9f9f9;
		padding-bottom: .75rem;
	}

	.solu3 .scenes2 .carousel .text-box {
		text-align: center;
		padding: .6rem .3rem;
		background-color: #ffffff;
	}

	.solu3 .scenes2 .carousel .h1 {
		font-size: .2rem;
		color: #333333;
		font-weight: bold;
		margin-bottom: .3rem;
	}

	.solu3 .scenes2 .carousel .text {
		font-size: .14rem;
		color: #333333;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}

	.hard-solu {
		padding: .9rem .3rem 0;
	}

	.hard-solu .title {
		margin-bottom: .88rem;
	}

	.hard-solu .solu-list3 .column {
		margin-bottom: .8rem;
	}

	.hard-solu .solu-list3 .column:nth-child(2n) {
		text-align: right;
	}

	.hard-solu .text-box {
		margin-top: .35rem;
	}

	.hard-solu .text-box .h1 {
		font-size: .32rem;
		color: #010101;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		margin-bottom: .16rem;
	}

	.hard-solu .text-box .text {
		font-size: .2rem;
		color: #333333;
		line-height: .36rem;
	}

	.hard-solu .detail {
		display: inline-block;
		vertical-align: top;
		font-size: .2rem;
		color: #ffffff;
		line-height: .48rem;
		padding: 0 .2rem;
		background-color: #2b9dd9;
		margin-top: .37rem;
	}

	.solu3 .soft-solu {
		padding: .75rem .3rem .7rem;
		background-color: #f9f9f9;
	}

	.solu3 .soft-solu .title {
		margin-bottom: .55rem;
	}

	.solu3 .soft-solu .solu-list3 {
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}

	.solu3 .soft-solu .column {
		width: 33.33%;
		text-align: center;
		margin-bottom: .5rem;
	}

	.solu3 .soft-solu .img {
		width: 1.53rem;
		margin: 0 auto;
	}

	.solu3 .soft-solu .column:nth-child(3n) {
		margin-right: 0;
	}

	.solu3 .soft-solu .name {
		font-size: .2rem;
		color: #333333;
		line-height: .26rem;
		margin-top: .25rem;
	}

	.solu3 .soft-solu .detail {
		display: block;
		width: 2.45rem;
		font-size: .22rem;
		color: #828282;
		line-height: .5rem;
		text-align: center;
		border: .02rem solid #e5e5e5;
		border-radius: .27rem;
		margin: 0 auto;
	}

	.privacy-page .banner .suspen {
		width: 100%;
		padding: 0 .4rem;
	}

	.rela-prod2 .carousel {
		position: relative;
	}

	.rela-prod2 .swiper-button-next,
	.rela-prod2 .swiper-button-prev {
		display: none;
	}
}


/* 5.11 start*/

.softw-page .prod-top-nav {
	display: none;
}

.softw-page .prod-top-nav.on {
	display: block;
}

.prod-nav-box {
	margin-bottom: 65px;
}

.prod-nav-box .top .h1 {
	font-size: 26px;
	color: #333333;
	line-height: 1;
	font-weight: bold;
}

.prod-nav-box .top .text {
	font-size: 14px;
	color: #666666;
	line-height: 26px;
	margin-top: 25px;
}

.prod-nav-box .list-box {
	margin: 0 -.5%;
	margin-top: 45px;
	display: flex;
	flex-wrap: wrap;
}

.prod-nav-box .column {
	float: left;
	width: 50%;
	padding: 0 .5%;
	margin-bottom: 30px;
}

.prod-nav-box .column a {
	position: relative;
	display: block;
	background-color: #fff;
}

.prod-nav-box .column .img {
	text-align: center;
}

.prod-nav-box .column .img img {
	max-height: 100%;
	/* width: auto; */
}

.prod-nav-box .text-box {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding: 55px;
	text-align: left;
}

.prod-nav-box .column .name {
	font-size: 40px;
	color: #fff;
	line-height: 1;
	font-weight: bold;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.prod-nav-box .column .text {
	font-size: 24px;
	color: #fff;
	line-height: 24px;
	margin-top: 25px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.product-nav .btn-box {
	text-align: center;
}

.product-nav .btn-box .btn-link {
	display: inline-block;
	width: 200px;
	height: 52px;
	line-height: 50px;
	border: 1px solid #dfdfdf;
	border-radius: 26px;
	font-size: 16px;
	color: #333333;
	text-align: center;
}


/* 氓陋鈥櫭ぢ解€溍ε嘎ッ */

@media screen and (max-width: 1440px) {
	.prod-nav-box .column .name {
		font-size: 20px;
	}

	.prod-nav-box .column .text {
		font-size: 16px;
	}
}

@media screen and (max-width: 767px) {
	.product-nav {
		padding: 50px 0;
		background-color: #f8f8f8;
	}

	.product-nav .wd2 {
		width: 100%;
		padding: 0 15px;
	}

	.prod-nav-box .list-box {
		margin: 0;
		margin-top: 30px;
	}

	.prod-nav-box .column {
		width: 50%;
		padding: 0 15px;
	}
}

@media screen and (max-width: 540px) {
	.prod-nav-box .top .h1 {
		font-size: 18px;
	}

	.prod-nav-box .top .text {
		margin-top: 15px;
	}

	.prod-nav-box .column {
		width: 100%;
		padding: 0;
	}

	.prod-nav-box {
		margin-bottom: 20px;
	}

	.prod-nav-box .column .name {
		font-size: 16px;
	}

	.product-nav .btn-box .btn-link {
		width: 120px;
		height: 42px;
		line-height: 40px;
		border-radius: 21px;
		font-size: 14px;
	}

	.product .prod-nav-box .text-box {
		padding: 55px;
	}

	.product-page .banner .location{
		position: absolute;
		bottom: 20px;
		left: 5%;
	}

	.prod-nav-box .text-box {
		padding: 0 0.5rem;
	}

	.prod-nav-box .column .text {
		margin-top: 10px;
	}
}

.ovfHiden {
	overflow: hidden;
}


/* 5.11 end*/


/*202106*/


/*氓艗禄莽鈥撯€斆γζ掆€?/

.owidth {
	width: 72.91%;
	margin: auto;
}

.o-mar {
	/*padding-top: 970px;*/
	padding-top: 100vh;
}

.medical-bg {
	background-size: cover;
	background-attachment: fixed;
	background-position: top center;
	background-repeat: repeat-x;
}

.medical-detail {}

.medical-detail .box1 {
	/*position: relative;
	width: 100%;
	overflow: hidden;*/
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	padding-top: 20%;
	padding-bottom: 5%;
}

.medical-detail .box1 img {
	max-width: 100%;
}

.medical-detail .box1 .text {
	position: relative;
	z-index: 3;
	text-align: center;
}

.medical-detail .box2 {
	position: relative;
	background: #018a9a;
	/*padding-top: 60px;*/
	padding-bottom: 50px;
	overflow: hidden;
	background: url(../images/mimg1.png) top repeat-x;
	background-size: 100% 100%;
}

.medical-detail .box2 .text {
	max-width: 1180px;
	width: 100%;
	margin: auto;
}

.medical-detail .box2 .text .t1 {
	color: #ffffff;
	font-size: 48px;
	font-weight: bold;
	text-align: center;
}

.medical-detail .box2 .text .t2 {
	margin-top: 4.28%;
	color: #ffffff;
	font-size: 24px;
	line-height: 1.8;
	min-height: 350px;
}

.medical-detail .box2 .icon {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	width: 46.78%;
	margin: auto;
	text-align: center;
}

.medical-detail .box2 .icon img {
	max-width: 100%;
}

.medical-detail .content {
	background: #FFFFFF;
}

.medical-detail .box3 {
	position: relative;
	font-size: 0;
}

.medical-detail .box3 .videobox {
	font-size: 0;
}

.medical-detail .box3 .videobox .img {
	display: none;
}

.medical-detail .box3 img {
	max-width: 100%;
}

.medical-detail .box3 .videobox video {
	width: 100%;
	overflow: hidden;
}

.medical-detail .box3 .text {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	margin: auto;
	text-align: center;
}

.medical-detail .box3 .text .bold {
	font-weight: bold;
}

.medical-detail.detail1 .box3 .text .t2 {
	width: 100%;
	margin: auto;
}

.medical-detail .box4 {
	padding-top: 6.25%;
	padding-bottom: 5.72%;
	background: #018a9a;
}

.medical-detail .box4 .text {
	text-align: center;
	max-width: 600px;
	width: 100%;
	margin: auto;
}

.medical-detail .box5 {
	padding-top: 6.25%;
	padding-bottom: 5.2%;
}

.medical-detail .currency .tit {
	font-size: 48px;
	font-weight: bold;
	color: #018a9a;
	text-align: center;
}

.medical-detail .currency .img {
	margin-top: 45px;
	text-align: center;
}

.medical-detail .currency .img img {
	max-width: 100%;
	border-radius: 30px;
}

.medical-detail .currency .text {
	margin-top: 40px;
}

.medical-detail .currency .text ul {
	max-width: 1100px;
	width: 80%;
	margin: auto;
	font-size: 0;
	text-align: center;
}

.medical-detail.detail0 .box7 .currency .text ul {
	text-align: center;
}

.medical-detail .currency .text ul li {
	display: inline-block;
	vertical-align: top;
	/*float: left;*/
	width: 43%;
	margin-right: 14%;
	margin-bottom: 30px;
}

.medical-detail .currency .text ul li:nth-child(2n) {
	margin-right: 0;
}

.medical-detail .currency .text ul li:last-child {
	margin-right: 0;
}

.medical-detail.detail1 .currency .text ul,
.medical-detail.detail2 .box5 .currency .text ul,
.medical-detail.detail3 .box5 .currency .text ul {
	max-width: 100%;
	width: 100%;
}

.medical-detail.detail1 .currency .text ul li,
.medical-detail.detail2 .box5 .currency .text ul li,
.medical-detail.detail3 .box5 .currency .text ul li {
	width: 33.33%;
	margin-right: 0;
	padding: 0 3%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.medical-detail.detail1 .box9 .currency .text ul li {
	width: 20%;
	padding: 0 2%;
}

.medical-detail .currency .text ul li .ic {
	text-align: center;
}

.medical-detail .currency .text ul li .ic img {
	max-width: 91px;
}

.medical-detail.detail0 .box7 .currency .text ul li {
	max-width: 1030px;
	width: 100%;
	margin: auto;
}

.medical-detail.detail1 .box7 .currency .text ul li {
	max-width: 33.33%;
	width: 33.33%;
	margin: auto;
}

.medical-detail .box7 .currency .text ul li .t2 {
	color: #222222;
}

.medical-detail.detail3 .box9 .currency .text ul {
	max-width: 100%;
	text-align: center;
}

.downicon {
	text-align: center;
	font-size: 0;
}

.downicon span {
	position: relative;
	z-index: 1;
	display: block;
	margin: auto;
	width: 105px;
	height: 105px;
	line-height: 105px;
	border-radius: 50%;
	background: #FFFFFF;
}

.downicon span img {
	max-width: 30.5%;
	-moz-animation: myMove 0.8s linear infinite alternate;
	-webkit-animation: myMove 0.8s linear infinite alternate;
	-o-animation: myMove 0.8s linear infinite alternate;
	animation: myMove 0.8s linear infinite alternate;
}

@-moz-keyframes myMove {
	0% {
		padding-top: 0;
	}

	100% {
		padding-top: 40px;
	}
}

@-webkit-keyframes myMove {
	0% {
		padding-top: 0;
	}

	100% {
		padding-top: 40px;
	}
}

@-o-keyframes myMove {
	0% {
		padding-top: 0;
	}

	100% {
		padding-top: 40px;
	}
}

@keyframes myMove {
	0% {
		padding-top: 0;
	}

	100% {
		padding-top: 40px;
	}
}

.medical-detail .box .wrap {
	padding-top: 90px;
	padding-bottom: 60px;
	background: #018a9a;
}

.medical-detail .box .mar35 {
	margin-top: -35px;
}

.medical-detail .box .wrap ul {
	width: 83.33%;
	margin: 5% auto 0;
	overflow: hidden;
	font-size: 0;
}

.medical-detail .box8 .wrap ul,
.medical-detail.detail2 .box6 .wrap ul,
.medical-detail.detail3 .box .wrap ul,
.medical-detail.detail4 .box .wrap ul {
	text-align: center;
}

.medical-detail .box .wrap ul li {
	/* float: left; */
	display: inline-block;
	vertical-align: top;
	width: 31%;
	margin-right: 3.5%;
	margin-bottom: 6%;
	text-align: center;
}

.medical-detail .box8 .wrap ul li {
	float: none;
	display: inline-block;
	vertical-align: top;
}

.medical-detail .box10 .wrap ul li {
	width: 21%;
	margin-right: 4%;
}

.medical-detail .box .wrap ul li:nth-child(3n) {
	margin-right: 0;
}

.medical-detail .box .wrap ul li:last-child {
	margin-right: 0;
}

.medical-detail .box10 .wrap ul li:nth-child(3n) {
	margin-right: 4%;
}

.medical-detail .box10 .wrap ul li:nth-child(4n) {
	margin-right: 0;
}

.medical-detail.detail1 .box8 .wrap ul li,
.medical-detail.detail2 .box6 .wrap ul li,
.medical-detail.detail3 .box .wrap ul li,
.medical-detail.detail4 .box .wrap ul li {
	float: none;
	display: inline-block;
	vertical-align: top;
	width: 25%;
	padding: 0 3%;
	margin-right: 0;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.medical-detail.detail1 .box6 .wrap ul {
	text-align: center;
	font-size: 0;
}

.medical-detail.detail1 .box6 .wrap ul li {
	float: none;
	display: inline-block;
	vertical-align: top;
	width: 20%;
	margin-right: 0;
	padding: 0 3%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.medical-detail .box .wrap ul li .img {
	width: 100%;
	overflow: hidden;
}

.medical-detail .box .wrap ul li .img img {
	max-width: 100%;
}

.medical-detail .box .wrap ul li .txt {
	margin-top: 20px;
}

.medical-detail .box7 {
	padding-top: 5.2%;
	padding-bottom: 5.2%;
}

.medical-detail .box9 {
	padding-top: 5.2%;
	padding-bottom: 5.2%;
}

.medical-detail .connection {
	padding-top: 7.8%;
	padding-bottom: 7.8%;
	background: #ffffff;
}

.medical-detail .connection .txt {
	text-align: center;
	/* min-height: 260px; */
}

.medical-detail .connection .txt i {
	display: block;
	width: 100px;
	height: 1px;
	background: #4d4d4d;
	margin: 20px auto;
}

.medical-detail .box1 .text .t1 {
	/*font-family: 'SOURCEHANSANSCN_BOLD';*/
	color: #fbfafa;
	font-weight: bold;
	margin-bottom: 20px;
}

.medical-detail .box1 .text .t2 {
	/*font-family: 'SOURCEHANSANSCN-REGULAR';*/
	color: #fbfafa;
}

.medical-detail .box2 .text .t1 {
	color: #ffffff;
	font-weight: bold;
}

.medical-detail .box2 .text .t2 {
	text-align: center;
	margin-top: 4.28%;
	color: #ffffff;
	line-height: 1.8;
	min-height: 350px;
}

.medical-detail .box3 .text .t1 {
	color: #fbfafa;
	font-weight: bold;
	margin-bottom: 20px;
}

.medical-detail .box3 .text .t2 {
	/*font-family: 'SOURCEHANSANSCN-REGULAR';*/
	color: #ffffff;
	line-height: 1.7;
}

.medical-detail .box4 .text .t1 {
	color: #ffffff;
	font-weight: bold;
	margin-bottom: 20px;
}

.medical-detail .box4 .text .t2 {
	max-width: 600px;
	width: 100%;
	margin: auto;
	color: #ffffff;
	line-height: 1.8;
	margin-top: 50px;
}

.medical-detail .currency .text ul li .t1 {
	color: #4d4d4d;
	font-weight: bold;
	text-align: center;
	margin: 20px auto;
}

.medical-detail .currency .text ul li .t2 {
	color: #5b5b5b;
	line-height: 1.8;
}

.medical-detail .box .wrap .tit {
	font-weight: bold;
	color: #ffffff;
	text-align: center;
}

.medical-detail .box .wrap ul li .txt .t1 {
	color: #ffffff;
	font-weight: bold;
	line-height: 1.7;
}

.medical-detail .box .wrap ul li .txt .t2 {
	color: #dcdcdc;
	margin-top: 10px;
	font-size: 12px;
	line-height: 1.7;
}

.medical-detail .connection .txt .t1 {
	color: #5b5b5b;
	line-height: 1.8;
}

.medical-detail .connection .txt .t2 {
	font-weight: bold;
	color: #4d4d4d;
}

@media only screen and (min-width: 768px) {
	.medical-detail .box1 .text .t1 {
		font-size: 74px;
	}

	.medical-detail .box1 .text .t2 {
		color: #fbfafa;
		font-size: 36px;
	}

	.medical-detail .box2 .text .t1 {
		font-size: 48px;
	}

	.medical-detail .box2 .text .t2 {
		font-size: 24px;
	}

	.medical-detail .box3 .text .t1 {
		/*font-family: 'SOURCEHANSANSCN_BOLD';*/
		font-size: 72px;
	}

	.medical-detail .box3 .text .t2 {
		/*font-family: 'SOURCEHANSANSCN-REGULAR';*/
		font-size: 48px;
	}

	.medical-detail .box4 .text .t1 {
		font-size: 48px;
	}

	.medical-detail .box4 .text .t2 {
		font-size: 22px;
	}

	.medical-detail .currency .text ul li .t1 {
		font-size: 30px;
	}

	.medical-detail .currency .text ul li .t2 {
		font-size: 20px;
	}

	.medical-detail .box .wrap .tit {
		text-align: center;
		font-size: 40px;
		font-weight: bold;
		color: #ffffff;
	}

	.medical-detail .box .wrap ul li .txt .t1 {
		font-size: 23px;
	}

	.medical-detail .connection .txt .t1 {
		font-size: 31px;
	}

	.medical-detail .connection .txt .t2 {
		font-weight: bold;
		color: #4d4d4d;
		font-size: 68px;
	}
}

@media only screen and (max-width: 1680px) {
	.medical-detail .box1 .text .t1 {
		font-size: 50px;
	}

	.medical-detail .box1 .text .t2 {
		font-size: 28px;
	}

	.medical-detail .box2 .text .t1 {
		font-size: 40px;
	}

	.medical-detail .box2 .text .t2 {
		font-size: 18px;
	}

	.medical-detail .box3 .text .t1 {
		font-size: 54px;
	}

	.medical-detail .box3 .text .t2 {
		font-size: 36px;
	}

	.medical-detail .box4 .text .t1 {
		font-size: 36px;
	}

	.medical-detail .box4 .text .t2 {
		font-size: 18px;
		margin-top: 40px;
	}

	.medical-detail .currency .tit {
		font-size: 36px;
	}

	.medical-detail .currency .text ul li .t1 {
		font-size: 24px;
		margin: 20px auto;
	}

	.medical-detail .currency .text ul li .t2 {
		font-size: 16px;
	}

	.medical-detail .box .wrap .tit {
		font-size: 36px;
	}

	.medical-detail .box .wrap ul li .txt .t1 {
		font-size: 21px;
	}

	.downicon span {
		width: 95px;
		height: 95px;
		line-height: 95px;
	}

	.medical-detail .connection .txt .t1 {
		font-size: 26px;
	}

	.medical-detail .connection .txt .t2 {
		font-size: 50px;
	}
}

@media only screen and (max-width: 1440px) {

	/*.o-mar{
		padding-top: 780px;
	}*/
	.owidth {
		width: 84%;
	}

	.medical-detail .box1 .text .t1 {
		font-size: 44px;
	}

	.medical-detail .box1 .text .t2 {
		font-size: 24px;
	}

	.medical-detail .box2 .text .t1 {
		font-size: 36px;
	}

	.medical-detail .box2 .text .t2 {
		font-size: 16px;
		min-height: 300px;
	}

	.medical-detail .box2 .icon img {
		max-width: 86%;
	}

	.medical-detail .box3 .text .t1 {
		font-size: 48px;
	}

	.medical-detail .box3 .text .t2 {
		font-size: 30px;
	}

	.medical-detail .box4 .text .t1 {
		font-size: 32px;
	}

	.medical-detail .box4 .text .t2 {
		font-size: 16px;
	}

	.medical-detail .currency .tit {
		font-size: 32px;
	}

	.medical-detail .currency .text ul li .t1 {
		font-size: 20px;
	}

	.medical-detail .currency .text ul li .t2 {
		font-size: 16px;
	}

	.medical-detail .currency .text ul li .ic img {
		max-width: 80px;
	}

	.medical-detail .box .wrap .tit {
		font-size: 32px;
	}

	.medical-detail .box .wrap ul li .txt .t1 {
		font-size: 19px;
	}

	.downicon span {
		width: 90px;
		height: 90px;
		line-height: 90px;
	}

	.medical-detail .connection .txt .t1 {
		font-size: 24px;
	}

	.medical-detail .connection .txt .t2 {
		font-size: 44px;
	}
}

@media only screen and (max-width: 1024px) {
	.owidth {
		width: 100%;
		padding-left: 3%;
		padding-right: 3%;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}

	.medical-bg {
		background-size: cover;
		background-attachment: fixed;
		background-position: top center;
		background-repeat: repeat-x;
	}

	.o-mar {
		padding-top: 500px;
	}

	.medical-detail .box1 .text .t1 {
		font-size: 40px;
	}

	.medical-detail .box1 .text .t2 {
		font-size: 20px;
	}

	.medical-detail .box2 {
		background: url(../images/mimg1.png) center repeat-x;
	}

	.medical-detail .box2 .text .t1 {
		font-size: 32px;
	}

	.medical-detail .box2 .text .t2 {
		min-height: 250px;
	}

	.medical-detail .box3 .text .t2 {
		font-size: 26px;
	}

	.medical-detail .box4,
	.medical-detail .connection {
		padding-top: 8%;
		padding-bottom: 8%;
	}

	.medical-detail .box5,
	.medical-detail .box7,
	.medical-detail .box9 {
		padding-top: 8%;
	}

	.medical-detail .currency .text ul {
		width: 90%;
	}

	.medical-detail.detail1 .box9 .currency .text ul li {
		width: 33.33%;
		padding: 0 3%;
	}

	.downicon span {
		width: 80px;
		height: 80px;
		line-height: 80px;
	}

	.medical-detail .box .wrap .tit {
		font-size: 28px;
	}

	.medical-detail .box .wrap ul {
		width: 100%;
	}

	.medical-detail .box8 .wrap ul,
	.medical-detail.detail2 .box6 .wrap ul,
	.medical-detail.detail3 .box .wrap ul,
	.medical-detail.detail4 .box .wrap ul {
		text-align: left;
	}

	.medical-detail .box .wrap ul li .img img {
		max-width: 50%;
	}

	.medical-detail.detail1 .box6 .wrap ul li {
		width: 33.33%;
	}

	.medical-detail .box10 .wrap ul li {
		width: 33.33%;
		margin-right: 0;
	}

	.medical-detail .box10 .wrap ul li:nth-child(3n) {
		margin-right: 0;
	}

	.medical-detail.detail1 .box8 .wrap ul li,
	.medical-detail.detail2 .box6 .wrap ul li,
	.medical-detail.detail3 .box .wrap ul li,
	.medical-detail.detail4 .box .wrap ul li {
		width: 33.33%;
	}
}

@media only screen and (max-width: 768px) {
	.o-mar {
		padding-top: 400px;
	}

	.medical-detail .box1 {
		padding-top: 25%;
	}

	.medical-detail .box1 .text .t1 {
		font-size: 32px;
	}

	.medical-detail .box1 .text .t2 {
		font-size: 18px;
	}

	.medical-detail .box2 .text {
		width: 86%;
	}

	.medical-detail .box2 .text .t1 {
		font-size: 28px;
	}

	.medical-detail .box3 .text .t1 {
		font-size: 40px;
	}

	.medical-detail .box3 .text .t2 {
		font-size: 22px;
	}

	.medical-detail .box4 .text .t1 {
		font-size: 28px;
	}

	.medical-detail .box4 .text .t2 {
		margin-top: 30px;
	}

	.medical-detail .currency .tit {
		font-size: 28px;
	}

	.medical-detail .currency .text ul li .ic img {
		max-width: 65px;
	}

	.medical-detail .currency .text ul li .t2 {
		font-size: 15px;
	}

	.medical-detail .box10 .wrap ul {
		font-size: 0;
	}

	.medical-detail .box10 .wrap ul li,
	.medical-detail.detail1 .box8 .wrap ul li,
	.medical-detail.detail2 .box6 .wrap ul li,
	.medical-detail.detail3 .box .wrap ul li,
	.medical-detail.detail4 .box .wrap ul li {
		float: none;
		display: inline-block;
		vertical-align: top;
		width: 33.33%;
		margin-right: 0;
		padding: 0 3%;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}

	.medical-detail .box10 .wrap ul li:nth-child(3n) {
		margin-right: 0;
	}

	.medical-detail .connection .txt {
		min-height: 1px;
	}

	.medical-detail .connection .txt .t1 {
		font-size: 20px;
	}

	.medical-detail .connection .txt i {
		width: 70px;
	}

	.medical-detail .connection .txt .t2 {
		font-size: 36px;
	}

	.medical-detail.detail1 .box7 .currency .text ul li {
		max-width: 50%;
		width: 50%;
		margin: 20px auto;
	}

	.medical-detail.detail1 .box9 .currency .text ul li {
		width: 50%;
	}

	.medical-detail.detail1 .currency .text ul li,
	.medical-detail.detail2 .box5 .currency .text ul li,
	.medical-detail.detail3 .box5 .currency .text ul li {
		width: 50%;
	}

	.downicon span img {
		max-width: 25%;
	}
}

@media only screen and (max-width: 767px) {
	.o-mar {
		padding-top: 5rem;
	}

	.medical-detail .box1 {
		padding-top: 30%;
	}

	.medical-detail .box1 .text .t1 {
		font-size: 0.5rem;
	}

	.medical-detail .box1 .text .t2 {
		font-size: 0.32rem;
	}

	.medical-detail .box2 {
		padding-bottom: 1rem;
	}

	.medical-detail .box2 .text .t1 {
		font-size: 0.44rem;
	}

	.medical-detail .box2 .text .t2 {
		margin-top: 0.4rem;
		font-size: 0.26rem;
	}

	.medical-detail .box2 .icon {
		width: 70%;
	}

	.medical-detail .box2 .icon img {
		max-width: 100%;
	}

	.medical-detail .box3 .videobox .img {
		display: block;
	}

	.medical-detail .box3 .videobox video {
		display: none;
	}

	.medical-detail .box3 .text .t1 {
		font-size: 0.48rem;
	}

	.medical-detail .box3 .text .t2 {
		font-size: 0.36rem;
		line-height: 1.5;
	}

	.medical-detail .box4,
	.medical-detail .connection {
		padding-top: 1rem;
		padding-bottom: 1rem;
	}

	.medical-detail .box4 .text .t1 {
		font-size: 0.44rem;
	}

	.medical-detail .box4 .text .t2 {
		margin-top: 0.5rem;
		font-size: 0.26rem;
	}

	.medical-detail .box5,
	.medical-detail .box7,
	.medical-detail .box9 {
		padding-top: 1rem;
		padding-bottom: 1rem;
	}

	.medical-detail .currency .tit {
		font-size: 0.44rem;
	}

	.medical-detail .currency .img {
		margin-top: 0.6rem;
	}

	.medical-detail .currency .text {
		margin-top: 0.8rem;
	}

	.medical-detail .currency .text ul {
		width: 100%;
	}

	.medical-detail .currency .text ul li,
	.medical-detail.detail1 .currency .text ul li,
	.medical-detail.detail2 .box5 .currency .text ul li,
	.medical-detail.detail3 .box5 .currency .text ul li {
		position: relative;
		float: none !important;
		width: 100% !important;
		padding-left: 0 !important;
		margin-right: 0 !important;
		padding-right: 0 !important;
		text-align: center !important;
		margin-bottom: 0.7rem !important;
	}

	.medical-detail.detail1 .box7 .currency .text ul li {
		max-width: 100%;
		width: 100%;
	}

	.medical-detail .currency .text ul li:last-child {
		margin-bottom: 0;
	}

	.medical-detail .currency .text ul li .ic {
		width: 100%;
	}

	.medical-detail .currency .text ul li .ic img {
		max-width: 0.91rem;
	}

	.medical-detail .currency .text ul li .t1 {
		font-size: 0.3rem;
		margin: 0.35rem auto;
	}

	.medical-detail .currency .text ul li .t2 {
		font-size: 0.24rem;
	}

	.medical-detail .box .wrap {
		padding-top: 1.3rem;
	}

	.medical-detail .box .wrap .tit {
		font-size: 0.4rem;
	}

	.medical-detail .box .wrap ul {
		margin-top: 0.7rem;
		font-size: 0;
	}

	.medical-detail.detail1 .box6 .wrap ul,
	.medical-detail .box8 .wrap ul,
	.medical-detail.detail2 .box6 .wrap ul,
	.medical-detail.detail3 .box .wrap ul,
	.medical-detail.detail4 .box .wrap ul {
		text-align: left;
	}

	.medical-detail.detail2 .box8 .wrap ul {
		text-align: center;
	}

	.medical-detail .box .wrap ul li,
	.medical-detail.detail1 .box6 .wrap ul li,
	.medical-detail .box10 .wrap ul li,
	.medical-detail.detail1 .box8 .wrap ul li,
	.medical-detail.detail2 .box6 .wrap ul li,
	.medical-detail.detail3 .box .wrap ul li,
	.medical-detail.detail4 .box .wrap ul li {
		float: none;
		display: inline-block;
		vertical-align: top;
		width: 47%;
		margin-right: 6%;
		margin-bottom: 0.7rem;
	}

	.medical-detail .box .wrap ul li:nth-child(3n) {
		margin-right: 6%;
	}

	.medical-detail .box .wrap ul li:nth-child(2n) {
		margin-right: 0;
	}

	.medical-detail .box .wrap ul li .txt {
		margin-top: 0.1rem;
	}

	.medical-detail .box .wrap ul li .txt .t1 {
		font-size: 0.28rem;
		line-height: 1.5;
	}

	.medical-detail .box .wrap ul li .txt .t2 {
		font-size: 0.24rem;
	}

	.medical-detail .box .wrap {
		padding-bottom: 0.6rem;
	}

	.medical-detail .connection .txt .t1 {
		font-size: 0.3rem;
	}

	.medical-detail .connection .txt .t2 {
		font-size: 0.5rem;
	}

	.medical-detail .connection .txt i {
		margin: 0.3rem auto;
	}
}

@media screen and (max-width: 1440px) {
	.header .prod-drop-down .h1 {
		padding: 0px 15px;
	}

	.header .prod-drop-down .item_2 {
		padding: 0 12px;
		line-height: 48px;
		height: 50px;
	}

	.header .prod-drop-down .name {
		width: calc(100% - 105px);
		max-width: calc(100% - 105px);
	}

	.header .item_2 .hot {
		font-size: 12px;
	}

	.header .item_2 .hot {
		position: static;
		display: inline-block;
		vertical-align: middle;
		max-width: 44px;
		margin-left: 5px;
	}

	.header .head-rbox .head-nav .column .drop-down {
		/* overflow-y: auto; */
		max-height: calc(100vh - 78px);
	}
}


/*20210823*/

@media only screen and (min-width: 768px) {
	.head-lang {
		position: relative;
		float: left;
		/*line-height: 60px;*/
		font-size: 14px;
		color: #ffffff;
		margin: 0 50px 0 24px;
		transition: all .3s;
		padding-bottom: 15px;
	}

	.head-lang span {
		display: block;
		margin-top: 24px;
		border: #949494 solid 1px;
		border-radius: 15px;
		line-height: 30px;
		padding: 0px 30px 0px 10px;
		background: url(../images/img1.png) center right 10px no-repeat;
	}

	.header.on .head-lang span,
	.header.white .head-lang span {
		background: url(../images/img1a.png) center right 10px no-repeat;
	}

	.header .head-lang .drop-down {
		position: absolute;
		left: 0;
		top: 70px;
		min-width: 155px;
		width: auto;
		background-color: #FFFFFF;
		box-shadow: 0 3px 7px rgba(0, 0, 0, .2);
		border-radius: 10px;
		text-align: left;
		padding: 12px 0px;
		overflow: hidden;
	}

	.header.on .head-rbox .head-lang .drop-down,
	.header.white .head-rbox .head-lang .drop-down {
		background-color: #FFFFFF;
	}

	.head-lang .item {
		position: relative;
		display: block;
		width: 100%;
		font-size: 14px;
		color: #7c7c7c;
		line-height: 1.6;
		padding: 3px 12px;
		box-sizing: border-box;
		-webkit-transition: all 0.4s ease;
		transition: all 0.4s ease;
		white-space: nowrap;
	}

	.head-lang .item::before {
		content: '>';
		position: absolute;
		left: 10px;
		top: 2px;
		width: 10px;
		height: 100%;
		color: #2b9eda;
		font-size: 14px;
		-webkit-transform: translateX(-20px);
		transform: translateX(-20px);
		-webkit-transition: all 0.4s ease;
		transition: all 0.4s ease;
	}

	.head-lang .item:hover {
		padding-left: 30px;
		color: #292929;
	}

	.head-lang .item:hover::before {
		-webkit-transform: translateX(0px);
		transform: translateX(0px);
	}
}


/*20211022*/
.scan_code{
}
.scan_code .owidth{
	max-width: 1200px;
	width: 90%;
	margin: auto;
}
.scan_code .box1{
	position: relative;
	padding-bottom: 40%;
	overflow: hidden;
}
.scan_code .box .bg{
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	width: 100%;
	height: 100%;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
.scan_code .box .bg.mbg{
	display: none;
}
.scan_code .box1 .wrap{
	position: absolute;
	left: 50%;
	bottom: 0;
	-o-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	z-index: 2;
}
.scan_code .box1 .wrap .img{
	float: left;
	width: 48%;
	overflow: hidden;
}
.scan_code .om2{
	display: none;
}
.scan_code .box1 .wrap .text{
	float: right;
	width: 50%;
	padding-top: 5%;
}
.scan_code .box1 .wrap .text .txt{
	padding-left: 110px;
}
.scan_code .box1 .wrap .text .txt .t1{	
	background-image: -webkit-gradient(linear, left center, right center, from(#4967fd), to(#58d6ff)); /* 鑳屾櫙鑹叉笎鍙 */
	-webkit-background-clip: text;  
	-webkit-text-fill-color: transparent;
	color: transparent;
	font-size: 70px;
	font-weight: bold;
}
.scan_code .box1 .wrap .text .txt .t2{
	color: #d1d1d1;
	font-size: 46px;
	margin-top: 40px;
}
.scan_code .box1 .icon{
	padding-left: 110px;
	padding-top: 110px;
}
.scan_code .box1 .icon .st{
	display: none;
}
.scan_code .box1 .waves{
	position: relative;
	display: inline-block;
	cursor: pointer;
}
.scan_code .box1 .waves:before, .scan_code .box1 .waves:after {
  position: absolute;
  left: 50%;
  top: 50%;
  background: rgba(255,255,255,0.1);
  margin-left: -50px;
  margin-top: -50px;
  width: 100px;
  height: 100px;
  content: "";
  display: block;
  border-radius: 50%;
  -webkit-backface-visibility: hidden;
}
.scan_code .box1 .waves:before {
  animation: wave-animate 3s infinite ease-out;
}

.scan_code .box1 .waves:after {
  opacity: 0;
  animation: wave-animate 3s 1.5s infinite ease-out;
}

@-webkit-keyframes wave-animate{
  	0% {
    	transform: scale(0);
    	opacity: 1;
    	transform-origin: center;
  	}
  	100% {
   		transform: scale(3);
    	opacity: 0;
    	transform-origin: center;
  	}
}
@keyframes wave-animate{
  	0% {
    	transform: scale(0);
    	opacity: 1;
    	transform-origin: center;
  	}
  	100% {
   		transform: scale(3);
    	opacity: 0;
    	transform-origin: center;
  	}
}

.scan_code .box2{
	padding-top: 90px;
}
.scan_code .box .title{
	text-align: center;
}
.scan_code .box2 .title, .scan_code .box5 .w1 .title{
	max-width: 650px;
	width: 100%;
	margin: auto;
}
.scan_code .box5 .w2 .title{
	max-width: 900px;
	width: 100%;
	margin: auto;
}
.scan_code .box4 .title, .scan_code .box6 .title{
	text-align: left;
}
.scan_code .box .title .t1{
	font-size: 50px;
	line-height: 1.5;
}
.scan_code .box2 .title .t1{
	color: #1b1b1b;
}
.scan_code .box3 .title .t1, 
.scan_code .box5 .title .t1,
.scan_code .box7 .title .t1{
	background-image: -webkit-gradient(linear, left center, right center, from(#4967fd), to(#58d6ff)); /* 鑳屾櫙鑹叉笎鍙 */
	-webkit-background-clip: text;  
	-webkit-text-fill-color: transparent;
	color: transparent;
}
.scan_code .box .title .t1 span{
	display: inline-block;
	padding: 10px 15px;
	border-bottom: #126cdb solid 3px;
	border-bottom: 3px transparent solid;
	border-image: -webkit-linear-gradient(to right, #0799ee, #126cdb, #1f3ac6) 1 10;
	border-image: -moz-linear-gradient(to right, #0799ee, #126cdb, #1f3ac6) 1 10;
	border-image: linear-gradient(to right, #0799ee, #126cdb, #1f3ac6) 1 10;
}
.scan_code .box .title .t2{
	margin-top: 30px;
	color: #020719;
	font-size: 24px;
	line-height: 1.7;
}
.scan_code .box7 .title .t2{
	max-width: 750px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}
.scan_code .box5 .title .t2,
.scan_code .box7 .title .t2{
	color: #ffffff;
}
.scan_code .box2 .img{
	margin-top: 70px;
}
.scan_code .box2 .img img{
	width: 100%;
}

.scan_code .scan{
	position: relative;
	z-index: 1;
	padding-top: 130px;
	padding-bottom: 200px;
}
.scan_code .box3{
	background: #020719;
}
.scan_code .box4{
	background: #FFFFFF;
}
.scan_code .scan .bg{
	position: absolute;
	left: 0;
	top: 0;
	z-index: -1;
	width: 100%;
	height: 100%;
	background-image: url(../images/scimg5.png);
	background-position: bottom 140px left 53%;
	background-repeat: no-repeat;
	background-size: 1200px auto;
}
.scan_code .scan .wrap{
	display: flex;
	align-items: stretch;
	flex-wrap: wrap;
	flex-direction: row-reverse;
	margin-top: 90px;
}
.scan_code .scan .wrap .img{
	width: 66.66%;
}
.scan_code .scan .wrap .img img{
	position: relative;
	top: -25px;
}
.scan_code .scan .wrap .txt{
	display: flex;
	align-items: center;
	width: 33.34%;
	padding: 20px 30px;
	box-sizing: border-box;
}
.scan_code .scan .wrap .txt .vers{
	font-size: 24px;
	line-height: 1.7;
}
.scan_code .box3 .wrap .txt, .scan_code .w3 .wrap .txt{
	background: #181818;
}
.scan_code .box3 .wrap .txt .vers, .scan_code .w3 .wrap .txt .vers{
	color: #ffffff;
}
.scan_code .box4 .wrap .txt, .scan_code .box6 .wrap .txt{
	background: #ffffff;
}
.scan_code .box4 .wrap .txt .vers, .scan_code .box6 .wrap .txt .vers{
	color: #020719;
}

.scan_code .box5{
	position: relative;
	z-index: 1;
	padding-top: 100px;
	background: #020719;
}
.scan_code .box5:before{
	content: '';
	position: absolute;
	right: 0;
	top: 0;
	z-index: -1;
	width: 100%;
	height: 100%;
	background: url(../images/scimg14.png) top 32% right no-repeat;
}
.scan_code .box5:after{
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	z-index: -1;
	width: 100%;
	height: 100%;
	background: url(../images/scimg14.png) bottom 32% left no-repeat;
}
.scan_code .box5 .codeBox{
	margin-top: 70px;
}
.scan_code .box5 .codeBox ul{
	font-size: 0;
	text-align: center;
}
.scan_code .box5 .codeBox ul li{
	display: inline-block;
	vertical-align: top;
	width: 23.5%;
	margin-right: 2%;
	margin-bottom: 70px;
}
.scan_code .box5 .codeBox ul li:nth-child(4n),
.scan_code .box5 .codeBox ul li:last-child{
	margin-right: 0;
}
.scan_code .box5 .codeBox ul li .img{
	width: 100%;
	overflow: hidden;
}
.scan_code .box5 .codeBox ul li .img img{
	width: 100%;
}
.scan_code .box5 .codeBox ul li .txt{
	margin-top: 15px;
	color: #ffffff;
	font-size: 30px;
	line-height: 1.7;
}

.scan_code .box5 .w2{
	padding-top: 130px;
}
.scan_code .box .videobox{
	position: relative;
	width: 100%;
	overflow: hidden;
	margin-top: 70px;
}
.scan_code .box .videobox>img{
	width: 100%;
}
.scan_code .box .videobox .icon-play{
	position: absolute;
	left: 50%;
	top: 50%;
	-o-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	text-align: center;
}
.scan_code .box .videobox .icon-play img{
	display: block;
	margin: auto;
}
.scan_code .box .videobox .icon-play .txt{
	margin-top: 20px;
	font-size: 24px;
	color: #ffffff;
	line-height: 1.7;
}
.scan_code .box .videobox .vbox{
	display: none;
}

.scan_code .box7{
	position: relative;
	z-index: 1;
	padding-top: 120px;
	padding-bottom: 260px;
	background: #020719;
}
.scan_code .box7 .bg{
	position: absolute;
	right: 0;
	top: 0;
	z-index: -1;
	width: 100%;
	height: 100%;
	background-position: bottom 140px right 42%;
    background-size: 1200px auto;
    background-repeat: no-repeat;
}

.scan_code .box8{
	padding-top: 100px;
	padding-bottom: 100px;
}
.scan_code .box8 .wrap{
	margin-top: 70px;
}
.scan_code .box8 .wrap ul li{
	float: left;
	width: 30%;
	margin-right: 5%;
	margin-bottom: 5%;
	border: #d6d8db solid 1px;
	box-sizing: border-box;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.scan_code .box8 .wrap ul li:nth-child(3n){
	margin-right: 0;
}
.scan_code .box8 .wrap ul li:hover{
	-webkit-transform: translateY(-15px);
	transform: translateY(-15px);
}
.scan_code .box8 .wrap ul li a{
	display: block;
	width: 100%;
}
.scan_code .box8 .wrap ul li .img{
	width: 100%;
	overflow: hidden;
}
.scan_code .box8 .wrap ul li .img img{
	width: 100%;
}
.scan_code .box8 .wrap ul li .txt{
	padding: 20px;
	text-align: center;
}
.scan_code .box8 .wrap ul li .txt .tit{
	color: #343c4a;
	font-size: 30px;
}
.scan_code .box8 .wrap ul li .btn{
	display: block;
	width: 85%;
	margin: 25px auto 0px;
	border: #55bcff solid 2px;
	text-align: center;
	color: #55bcff;
	font-size: 18px;
	line-height: 40px;
	box-sizing: border-box;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.scan_code .box8 .wrap ul li:hover .btn{
	background: #55bcff;
	color: #FFFFFF;
}
.scan_code .box8 .owidth{
	position: relative;
}
.scan_code .box8 .swiper-slide a{
	position: relative;
	display: block;
	width: 100%;
	overflow: hidden;
}
.scan_code .box8 .swiper-slide a .img{
	width: 100%;
	overflow: hidden;
}
.scan_code .box8 .swiper-slide a .img img{
	width: 100%;
}
.scan_code .box8 .swiper-slide a .txt{
	position: absolute;
	left: 0;
	bottom: 0.2rem;
	width: 100%;
	text-align: center;
}
.scan_code .box8 .swiper-slide a .txt .tit{
	color: #ffffff;
	font-size: 0.36rem;
	margin-bottom: 0.1rem;
}
.scan_code .box8 .swiper-slide a .txt .btn{
	color: #feffff;
	font-size: 0.18rem;
}
.scan_code .box8 .swiper-button-next, .scan_code .box8 .swiper-button-prev {
    position: absolute;
    top: 50%;
    width: 0.6rem;
    height: 0.6rem;
    margin-top: -0.3rem;
    z-index: 10;
    cursor: pointer;
    -moz-background-size: 0.37rem 0.36rem;
    -webkit-background-size: 0.37rem 0.36rem;
    background-size: 0.37rem 0.36rem;
    background-position: center;
    background-repeat: no-repeat;
}
.scan_code .box8 .swiper-button-next, 
.scan_code .box8 .swiper-container-rtl .swiper-button-prev {
    background-image: url(../images/scimg24.png);
    right: 0.1rem;
    left: auto;
}
.scan_code .box8 .swiper-button-prev, 
.scan_code .box8 .swiper-container-rtl .swiper-button-next {
    background-image: url(../images/scimg23.png);
    left: 0.1rem;
    right: auto;
}

.scan_code .box2 .othbox{
	position: relative;
}
.scan_code .ac_btn{
	margin-top: 30px;
	text-align: center;
	font-size: 0px;
}
.scan_code .box2 .ac_btn{
	/*position: absolute;
	left: 0;
	right: 0;
	bottom: 65px;
	margin: auto;*/
}
.scan_code .ac_btn a{
	position: relative;
	display: inline-block;
	vertical-align: middle;
	border: #90929a solid 2px;
	border-radius: 10px;
	font-size: 30px;
	color: #FFFFFF;
	line-height: 1.5;
	padding: 5px 60px 5px 28px;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.scan_code .ac_btn a i{
	position: absolute;
	right: 28px;
	top: 0px;
	width: 25px;
	height: 100%;
}
.scan_code .ac_btn.black a i{
	background: url(../images/scimg26.png) center no-repeat;
	background-size: 25px 25px;
}
.scan_code .ac_btn.black a:hover i{
	background: url(../images/scimg25.png) center no-repeat;
	background-size: 25px 25px;
}
.scan_code .ac_btn.white a i{
	background: url(../images/scimg25.png) center no-repeat;
	background-size: 25px 25px;
}
.scan_code .ac_btn.white a:hover i{
	background: url(../images/scimg26.png) center no-repeat;
	background-size: 25px 25px;
}
.scan_code .ac_btn.white a:hover{
	color: #000000;
	background: #FFFFFF;
	border: #484441 solid 2px;
}
.scan_code .ac_btn.black a{
	color: #000000;
	border: #484441 solid 2px;
}
.scan_code .ac_btn.black a:hover{
	color: #FFFFFF;
	border: #90929a solid 2px;
	background: #000000;
}
.scan_code .ac_btn a img{
	display: inline-block;
	vertical-align: middle;
	margin-left: 10px;
}
.scan_code .ac_btn a img.ic2{
	display: none;
}
.scan_code .ac_btn a:hover img.ic1{
	display: none;
}
.scan_code .ac_btn a:hover img.ic2{
	display: inline-block;
}
@media only screen and (max-width: 1680px){
	.scan_code .box1{
		padding-bottom: 48%;
	}
	.scan_code .box1 .wrap .text .txt .t1{
		font-size: 64px;
	}
	.scan_code .box1 .wrap .text .txt .t2{
		font-size: 40px;
	}
	.scan_code .box .title .t1{
		font-size: 45px;
	}
	.scan_code .box .title .t2, .scan_code .scan .wrap .txt .vers{
		font-size: 21px;
	}
	.scan_code .box5 .codeBox ul li .txt, .scan_code .box8 .wrap ul li .txt .tit{
		font-size: 26px;
	}
}
@media only screen and (max-width: 1536px){
	.scan_code .box1{
		padding-bottom: 52%;
	}
	.scan_code .box1 .wrap .text .txt .t1{
		font-size: 56px;
	}
	.scan_code .box1 .wrap .text .txt .t2{
		font-size: 36px;
	}
	.scan_code .box .title .t1{
		font-size: 40px;
	}
	.scan_code .box .title .t2, .scan_code .scan .wrap .txt .vers{
		font-size: 20px;
	}
	.scan_code .box5 .codeBox ul li .txt, .scan_code .box8 .wrap ul li .txt .tit{
		font-size: 22px;
	}
	.scan_code .box8 .wrap ul li .btn{
		font-size: 17px;
	}
	.scan_code .ac_btn a{
		font-size: 28px;
		padding: 7px 55px 7px 25px;
	}
	.scan_code .ac_btn a i{
		right: 20px;
	}
}
@media only screen and (max-width: 1440px){
	.scan_code .box1{
		padding-bottom: 54%;
	}
	.scan_code .box1 .wrap .text .txt{
		padding-left: 90px;
	}
	.scan_code .box1 .wrap .text .txt .t1{
		font-size: 50px;
	}
	.scan_code .box1 .wrap .text .txt .t2{
		font-size: 32px;
	}
	.scan_code .box1 .icon{
		padding-top: 90px;
		padding-left: 90px;
	}
	.scan_code .box1 .waves img{
		width: 75px;
	}
	.scan_code .box1 .waves:before, .scan_code .box1 .waves:after{
		width: 80px;
		height: 80px;
		margin-left: -40px;
    	margin-top: -40px;
	}
	.scan_code .box .title .t1{
		font-size: 36px;
	}
	.scan_code .box .title .t2{
		font-size: 16px;
	}
	.scan_code .box2{
		padding-top: 80px;
	}
	.scan_code .box2 .img{
		margin-top: 60px;
	}
	.scan_code .scan{
		padding-top: 100px;
    	padding-bottom: 150px;
	}
	.scan_code .scan .bg{
		background-position: bottom 110px left 65%;
	}
	.scan_code .box5 .w2{
		padding-top: 110px;
	}
	.scan_code .box5 .codeBox ul li .txt, .scan_code .box8 .wrap ul li .txt .tit{
		font-size: 20px;
	}
	.scan_code .box7{
		padding-top: 100px;
    	padding-bottom: 220px;
	}
	.scan_code .box7 .bg{
		background-position: bottom 110px right 42%;
	}
	.scan_code .box8{
		padding-bottom: 80px;
	}
	.scan_code .box8 .wrap{
		margin-top: 60px;
	}
	.scan_code .box8 .wrap ul li .btn{
		font-size: 16px;
	}
	.scan_code .box .videobox{
		margin-top: 60px;
	}
	.scan_code .box .videobox .icon-play img{
		max-width: 90px;
	}
	.scan_code .box .videobox .icon-play .txt{
		font-size: 21px;
	}
	.scan_code .ac_btn a{
		font-size: 24px;
	}
	.scan_code .ac_btn a img {
	    max-width: 22px;
	}
	.scan_code .ac_btn.black a i{
		background: url(../images/scimg26.png) center no-repeat;
		background-size: 22px 22px;
	}
	.scan_code .ac_btn.black a:hover i{
		background: url(../images/scimg25.png) center no-repeat;
		background-size: 22px 22px;
	}
	.scan_code .ac_btn.white a i{
		background: url(../images/scimg25.png) center no-repeat;
		background-size: 22px 22px;
	}
	.scan_code .ac_btn.white a:hover i{
		background: url(../images/scimg26.png) center no-repeat;
		background-size: 22px 22px;
	}
}
@media only screen and (max-width: 1280px){
	.scan_code .box1{
		padding-bottom: 60%;
	}
	.scan_code .box1 .wrap .text .txt .t1{
		font-size: 45px;
	}
	.scan_code .box1 .wrap .text .txt .t2{
		font-size: 28px;
	}
	.scan_code .box .title .t1{
		font-size: 32px;
	}
	.scan_code .box .title .t2{
		font-size: 15px;
	}
	.scan_code .box2{
		padding-top: 70px;
	}
	.scan_code .box2 .img{
		margin-top: 50px;
	}
	.scan_code .scan{
		padding-top: 80px;
    	padding-bottom: 120px;
	}
	.scan_code .scan .bg{
		background-position: bottom 80px left 65%;
		background-size: 90% auto;
	}
	.scan_code .box5 .w2{
		padding-top: 90px;
	}
	.scan_code .box5 .codeBox ul li .txt, .scan_code .box8 .wrap ul li .txt .tit{
		font-size: 18px;
	}
	.scan_code .box7{
		padding-top: 80px;
    	padding-bottom: 160px;
	}
	.scan_code .box7 .bg{
		background-position: bottom 80px right 42%;
	}
	.scan_code .box8{
		padding-top: 80px;
		padding-bottom: 60px;
	}
	.scan_code .box .videobox .icon-play img{
		max-width: 80px;
	}
	.scan_code .box .videobox .icon-play .txt{
		font-size: 20px;
	}
	.scan_code .box .title .t2, .scan_code .scan .wrap .txt .vers{
		font-size: 18px;
	}
	.scan_code .ac_btn a{
		font-size: 21px;
	}
	.scan_code .ac_btn a img {
	    max-width: 20px;
	}
	.scan_code .ac_btn.black a i{
		background: url(../images/scimg26.png) center no-repeat;
		background-size: 20px 20px;
	}
	.scan_code .ac_btn.black a:hover i{
		background: url(../images/scimg25.png) center no-repeat;
		background-size: 20px 20px;
	}
	.scan_code .ac_btn.white a i{
		background: url(../images/scimg25.png) center no-repeat;
		background-size: 20px 20px;
	}
	.scan_code .ac_btn.white a:hover i{
		background: url(../images/scimg26.png) center no-repeat;
		background-size: 20px 20px;
	}
}
@media only screen and (max-width: 1024px){
	.scan_code .owidth{
		width: 96%;
	}
	.scan_code .box1 .wrap .img img{
		max-width: 80%;
	}
	.scan_code .box1 .wrap .text .txt{
		padding-left: 80px;
	}
	.scan_code .box1 .wrap .text .txt .t1{
		font-size: 40px;
	}
	.scan_code .box1 .wrap .text .txt .t2{
		font-size: 24px;
		margin-top: 25px;
	}
	.scan_code .box1 .icon{
		padding-top: 80px;
		padding-left: 80px;
	}
	.scan_code .box1 .waves img{
		max-width: 65px;
	}
	.scan_code .box .title .t1{
		font-size: 28px;
	}
	.scan_code .box .title .t2{
		font-size: 16px;
	}
	.scan_code .box2{
		padding-top: 60px;
	}
	.scan_code .box2 .img{
		margin-top: 40px;
	}
	.scan_code .scan{
		padding-top: 70px;
    	padding-bottom: 100px;
	}
	.scan_code .scan .wrap{
		margin-top: 80px;
	}
	.scan_code .scan .bg{
		background-position: bottom 60px left 85%;
		background-size: 90% auto;
	}
	.scan_code .box5{
		padding-top: 80px;
	}
	.scan_code .box5 .w2{
		padding-top: 70px;
	}
	.scan_code .box5 .codeBox{
		margin-top: 60px;
	}
	.scan_code .box5 .codeBox ul li{
		width: 32%;
		margin-bottom: 50px;
	}
	.scan_code .box5 .codeBox ul li:nth-child(4n){
		margin-right: 2%;
	}
	.scan_code .box5 .codeBox ul li:nth-child(3n){
		margin-right: 0;
	}
	.scan_code .box5 .codeBox ul li .txt, .scan_code .box8 .wrap ul li .txt .tit{
		font-size: 16px;
	}
	.scan_code .box7{
		padding-top: 70px;
    	padding-bottom: 110px;
	}
	.scan_code .box7 .bg{
		background-position: bottom 60px right 42%;
	}
	.scan_code .box8{
		padding-top: 70px;
		padding-bottom: 50px;
	}
	.scan_code .box8 .wrap{
		margin-top: 50px;
	}
	.scan_code .box .videobox .icon-play img{
		max-width: 70px;
	}
	.scan_code .box .videobox .icon-play .txt{
		font-size: 18px;
		margin-top: 15px;
	}
	.scan_code .box .title .t2, .scan_code .scan .wrap .txt .vers{
		font-size: 17px;
	}
	.scan_code .box5:before{
		background: url(../images/scimg14.png) top 32% right no-repeat;
		background-size: 10% auto;
	}
	.scan_code .box5:after{
		background: url(../images/scimg14.png) bottom 32% left no-repeat;
		background-size: 10% auto;
	}
	.scan_code .box8 .wrap ul li{
		width: 47.5%;
		margin-bottom: 7%;
	}
	.scan_code .box8 .wrap ul li:nth-child(3n){
		margin-right: 5%;
	}
	.scan_code .box8 .wrap ul li:nth-child(2n){
		margin-right: 0;
	}
	.scan_code .box2 .othbox .ac_btn{
		bottom: 55px;
	}
	.scan_code .ac_btn a{
		font-size: 18px;
	}
	
}
@media only screen and (max-width: 768px){
	.scan_code .box1 .icon{
		padding-top: 70px;
		padding-left: 70px;
	}
	.scan_code .box1 .wrap .text .txt{
		padding-left: 70px;
	}
	.scan_code .box1 .wrap .text .txt .t1{
		font-size: 36px;
	}
	.scan_code .box1 .wrap .text .txt .t2{
		font-size: 21px;
	}
	.scan_code .box .title .t1{
		font-size: 26px;
	}
	.scan_code .box .title .t2{
		margin-top: 20px;
	}
	.scan_code .box .title .t2, .scan_code .scan .wrap .txt .vers{
		font-size: 16px;
		line-height: 1.8;
	}
	.scan_code .scan{
		padding-top: 60px;
		padding-bottom: 90px;
	}
	.scan_code .scan .wrap{
		margin-top: 60px;
	}
	.scan_code .scan .wrap .img{
		width: 100%;
	}
	.scan_code .scan .wrap .img img{
		top: 0;
	}
	.scan_code .scan .wrap .txt{
		width: 100%;
		padding: 50px 30px;
	}
	.scan_code .box5{
		padding-top: 70px;
	}
	.scan_code .box5 .codeBox{
		margin-top: 50px;
	}
	.scan_code .box5 .codeBox ul li{
		width: 48%;
		margin-right: 4%;
		margin-bottom: 50px;
	}
	.scan_code .box5 .codeBox ul li:nth-child(4n){
		margin-right: 4%;
	}
	.scan_code .box5 .codeBox ul li:nth-child(3n){
		margin-right: 4%;
	}
	.scan_code .box5 .codeBox ul li:nth-child(2n){
		margin-right: 0;
	}
	.scan_code .box .videobox{
		margin-top: 50px;
	}
}	
@media only screen and (max-width: 767px){
	.scan_code .owidth{
		width: 100%;
		padding-left: 0.75rem;
		padding-right: 0.75rem;
	}
	.scan_code .box1{
		z-index: 1;
		padding-bottom: 0;
	}
	
	.scan_code .box1 .bg{
		z-index: -1;
	}
	.scan_code .box1 .wrap{
		position: relative;
		top: 0;
		left: 0;
		transform: none;
		padding: 15% 0 0;
		width: 100%;
	}
	.scan_code .box1 .wrap .img, .scan_code .box1 .wrap .text{
		float: none;
		width: 100%;
	}
	.scan_code .box1 .wrap .text{
		
	}
	.scan_code .box1 .wrap .img{
		text-align: center;
		margin-top: 1rem;
	}
	.scan_code .box1 .wrap .img img{
		max-width: 70%;
		margin: auto;
	}
	.scan_code .om1{
		display: none;
	}
	.scan_code .om2{
		display: inline-block;
	}
	.scan_code .box1 .wrap .text .txt{
		padding-left: 0;
		text-align: center;
	}
	.scan_code .box1 .wrap .text .txt .t1{
		font-size: 0.7rem;
		/*-webkit-text-fill-color: #126cdb;
		color: #126cdb;*/
	}
	.scan_code .box1 .wrap .text .txt .t2{
		font-size: 0.34rem;
		margin-top: 0.4rem;
	}
	.scan_code .box1 .icon{
		position: absolute;
		bottom: 0.3rem;
		left: 50%;
		margin-left: -0.52rem;
		/*left: 50%;
		-o-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		-moz-transform: translateX(-50%);
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);*/
		z-index: 10;
		padding-top: 0;
		padding-left: 0;
		text-align: center;
	}
	.scan_code .box1 .waves img{
		max-width: 0.82rem;
		width: 0.82rem;
	}
	.scan_code .box1 .waves:before, .scan_code .box1 .waves:after{
		/*width: 0.7rem;
		height: 0.7rem;
		margin-left: -0.35rem;
    	margin-top: -0.35rem;*/
    	display: none;
	}
	.scan_code .box1 .icon .st{
		display: block;
		margin-top: 0.15rem;
		color: #d1d1d1;
		font-size: 0.24rem;
	}
	.scan_code .box2{
		padding-top: 0.8rem;
	}
	.scan_code .box2 .img{
		margin-top: 0.4rem;
	}
	.scan_code .box4 .title, .scan_code .box6 .title{
		text-align: center;
	}
	.scan_code .box .title .t1{
		font-size: 0.5rem;		
	}
	/*.scan_code .box3 .title .t1, 
	.scan_code .box5 .title .t1, 
	.scan_code .box7 .title .t1{
		-webkit-text-fill-color: #126cdb;
		color: #126cdb;
	}*/
	.scan_code .box .title .t1 span{
		padding: 0 0.1rem 0.1rem;
		border-bottom: #126cdb solid 2px;
    	border-bottom: 2px transparent solid;
    	border-image: -webkit-linear-gradient(to right, #0799ee, #126cdb, #1f3ac6) 1 10;
	    border-image: -moz-linear-gradient(to right, #0799ee, #126cdb, #1f3ac6) 1 10;
	    border-image: linear-gradient(to right, #0799ee, #126cdb, #1f3ac6) 1 10;
	}
	.scan_code .box .title .t2{
		margin-top: 0.3rem;
	}
	.scan_code .box .title .t2, .scan_code .scan .wrap .txt .vers{
		font-size: 0.24rem;
	}
	.scan_code .scan .wrap{
		margin-top: 0.6rem;
	}
	.scan_code .scan .wrap .txt{
		text-align: center;
		padding: 0rem 0.3rem 0.9rem;
	}
	.scan_code .box3 .wrap .txt, .scan_code .w3 .wrap .txt{
		background: none;
	}
	.scan_code .scan .wrap .txt .vers{
		display: block;
		width: 100%;
	}
	.scan_code .scan{
		padding-top: 1.2rem;
		padding-bottom: 1.7rem;
	}
	.scan_code .box3{
		position: relative;
		z-index: 1;
	}
	.scan_code .box3:before{
		content: '';
		position: absolute;
		left: 0;
		top: 0;
		z-index: -1;
	    width: 100%;
	    height: 100%;
		background: url(../images/scimg14.png) top 5% left -3% no-repeat;
		background-size: auto 42%;
	}
	.scan_code .box5{
		padding-top: 1.2rem;
	}
	.scan_code .scan .bg{
		background-position: bottom 1.4rem left 72%;
    	background-size: 80% auto;
	}
	.scan_code .box .bg.pbg{
		display: none;
	}
	.scan_code .box .bg.mbg{
		display: block;
	}
	.scan_code .box5:before{
		background: url(../images/scimg14.png) top 32% right -5% no-repeat;
		background-size: 1rem auto;
	}
	.scan_code .box5:after{
		background: url(../images/scimg14.png) bottom 32% left -5% no-repeat;
		background-size: 1rem auto;
	}
	.scan_code .box5 .codeBox{
		margin-top: 0.5rem;
	}
	.scan_code .box5 .codeBox ul li{
		width: 47%;
		margin-right: 6%;
		margin-bottom: 0.5rem;
	}
	.scan_code .box5 .codeBox ul li:nth-child(4n){
		margin-right: 6%;
	}
	.scan_code .box5 .codeBox ul li:nth-child(3n){
		margin-right: 6%;
	}
	.scan_code .box5 .codeBox ul li:nth-child(2n){
		margin-right: 0;
	}
	.scan_code .box5 .codeBox ul li .txt, .scan_code .box8 .wrap ul li .txt .tit{
		font-size: 0.3rem;
	}
	.scan_code .box5 .w2{
		padding-top: 0.6rem;
		padding-bottom: 0.6rem;
	}
	.scan_code .box .videobox{
		margin-top: 0.5rem;
	}
	.scan_code .box .videobox .icon-play img{
		max-width: 1rem;
	}
	.scan_code .box .videobox .icon-play .txt{
		font-size: 0.24rem;
		margin-top: 0.2rem;
	}
	.scan_code .box7{
		padding-top: 0.8rem;
		padding-bottom: 1.2rem;
	}
	.scan_code .box7 .bg{
		background: url(../images/scimg19.png) bottom 1rem left 1rem no-repeat;
	    background-size: 90% auto;
	}
	.scan_code .box .videobox{
		border-radius: 0.1rem;
		overflow: hidden;
	}
	.scan_code .box8{
		padding-top: 0.8rem;
		padding-bottom: 1.2rem;
	}
	.scan_code .box8 .wrap{
		margin-top: 0.6rem;
	}
	.scan_code .box8 .wrap ul li{
		width: 100%;
		margin-right: 0;
		margin-bottom: 0.7rem;
	}
	.scan_code .box8 .wrap ul li .txt{
		padding: 0.5rem 0.3rem;
	}
	.scan_code .box8 .wrap ul li .btn{
		font-size: 0.24rem;
		border: #55bcff solid 0.02rem;
	}
	.scan_code .ac_btn{
		margin-top: 0.3rem;
	}
	.scan_code .ac_btn a{
		font-size: 0.28rem;
	}
	.scan_code .box2 .othbox .ac_btn{
		bottom: 0.65rem;
	}
	.scan_code .ac_btn a{
		padding: 0.1rem 0.6rem 0.1rem 0.28rem;
	}
	.scan_code .ac_btn a img{
		margin-left: 0.1rem;
		max-width: 0.25rem;
	}
	.scan_code .ac_btn a{
		border-radius: 0.12rem;
		border: #90929a solid 0.02rem;
	}
	.scan_code .ac_btn.white a:hover{
		border: #484441 solid 0.02rem;
	}
	.scan_code .ac_btn.black a{
		border: #484441 solid 0.02rem;
	}
	.scan_code .ac_btn.black a:hover{
		border: #90929a solid 0.02rem;
	}
	.scan_code .ac_btn a i{
		right: 0.28rem;
		width: 0.25rem;
	}
	.scan_code .ac_btn.black a i{
		background: url(../images/scimg26.png) center no-repeat;
		background-size: 0.25rem 0.25rem;
	}
	.scan_code .ac_btn.black a:hover i{
		background: url(../images/scimg25.png) center no-repeat;
		background-size: 0.25rem 0.25rem;
	}
	.scan_code .ac_btn.white a i{
		background: url(../images/scimg25.png) center no-repeat;
		background-size: 0.25rem 0.25rem;
	}
	.scan_code .ac_btn.white a:hover i{
		background: url(../images/scimg26.png) center no-repeat;
		background-size: 0.25rem 0.25rem;
	}
}
@media only screen and (max-width: 540px){
	.scan_code .box5 .codeBox ul li{
		width: 48%;
		margin-right: 4%;
	}
	.scan_code .box5 .codeBox ul li:nth-child(4n){
		margin-right: 4%;
	}
	.scan_code .box5 .codeBox ul li:nth-child(3n){
		margin-right: 4%;
	}
	.scan_code .box5 .codeBox ul li:nth-child(2n){
		margin-right: 0;
	}
	.scan_code .box8 .wrap ul li{
		width: 100%;
		margin-right: 0;
		margin-bottom: 0.5rem;
	}
	
}


.skip_btn {
        margin-top: 50px;
       
        font-size: 0px
}

.skip_btn a {
        position: relative;
        display: inline-block;
        vertical-align: middle;
        border: #90929a solid 2px;
        border-radius: 10px;
        font-size: 30px;
        color: #FFFFFF;
        line-height: 1.5;
        padding: 5px 60px 5px 28px;
        -webkit-transition: all 0.5s ease;
        transition: all 0.5s ease;
}

.skip_btn a i {
        position: absolute;
        right: 28px;
        top: 0px;
        width: 25px;
        height: 100%;
        background: url(../images/scimg25.png) center no-repeat;
        background-size: 25px 25px;
}

@media only screen and (max-width: 1536px) {
        .skip_btn a {
                font-size: 28px;
                padding: 7px 55px 7px 25px;
        }
}

@media only screen and (max-width: 1440px) {
        .skip_btn a {
                font-size: 24px;
        }
        .skip_btn a i {
                background: url(../images/scimg25.png) center no-repeat;
                background-size: 22px 22px;
        }
}

@media only screen and (max-width: 1280px) {
        .skip_btn a {
                font-size: 21px;
        }
        .skip_btn a i {
                background: url(../images/scimg25.png) center no-repeat;
                background-size: 20px 20px;
        }
}

@media only screen and (max-width: 1024px) {
        .skip_btn a {
                font-size: 18px;
                padding: 10px 48px 10px 20px;
        }
        .skip_btn a i {
                right: 15px;
        }
}

@media only screen and (max-width: 768px) {
        .skip_btn a {
                font-size: 16px;
        }
}

@media only screen and (max-width: 540px) {
        .skip_btn a {
                font-size: 15px;
                border: #90929a solid 1px;
                padding: 7px 42px 7px 15px;
        }
        .skip_btn a i {
                background: url(../images/scimg25.png) center no-repeat;
                background-size: 18px 18px;
        }
}