@charset "utf-8";

			.oneRow {
				overflow: hidden;
				text-overflow: ellipsis;
				display: -webkit-box;
				-webkit-box-orient: vertical;
				-webkit-line-clamp: 1
			}

			.foreRow {
				overflow: hidden;
				text-overflow: ellipsis;
				display: -webkit-box;
				-webkit-box-orient: vertical;
				-webkit-line-clamp: 4
			}

			.swiper-pagination {
				position: absolute;
				text-align: center;
				transform: translate3d(0, 0, 0);
				z-index: 10
			}

			.swiper-pagination-bullets.swiper-pagination-horizontal {
				bottom: var(--swiper-pagination-bottom, 8px);
				top: var(--swiper-pagination-top, auto);
				left: 0;
				width: 100%
			}

			.swiper-pagination-bullet {
				width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
				height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
				display: inline-block;
				border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
				background: var(--swiper-pagination-bullet-inactive-color, #000);
				opacity: var(--swiper-pagination-bullet-inactive-opacity, .2)
			}

			.swiper-pagination-bullet-active {
				opacity: var(--swiper-pagination-bullet-opacity, 1);
				background: var(--swiper-pagination-color, var(--swiper-theme-color))
			}

			.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
				margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px)
			}

			.indexBanner .signs .next,
			.indexBanner .signs .prev {
				font-size: 12px;
				color: #fff
			}

			.indexBanner .swiper-pagination {
				position: static;
				margin: 0 14px;
				display: flex;
				align-items: center;
				justify-content: center;
				flex-wrap: wrap;
				width: auto
			}

			.indexBanner .swiper-pagination div {
				font-size: 16px;
				color: #fefefe;
				margin: 0 14px !important;
				background-color: transparent;
				position: relative;
				line-height: 26px;
				display: flex;
				align-items: center;
				justify-content: center;
				opacity: 1;
				width: auto !important;
				height: auto !important
			}

			.indexBanner .swiper-pagination div::after {
				content: "";
				position: absolute;
				left: 50%;
				transform: translateX(-50%);
				bottom: 0;
				height: 2px;
				background-color: #f0f0f0;
				width: 0
			}

			.indexBanner .swiper-pagination div.swiper-pagination-bullet-active::after {
				width: 15px
			}

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

				.standardTxt .txt,
				.standardTxt p {
					font-size: 16px !important;
					line-height: 28px !important
				}

				.indexBanner .swiper-slide .msg .title {
					font-size: 32px;
					line-height: 40px
				}

				.indexBanner .swiper-slide .msg .txts {
					font-size: 18px;
					line-height: 28px;
					min-height: 28px
				}

				.indexBanner .swiper-slide .msg .btn {
					height: 40px;
					font-size: 16px;
					width: 165px;
					border-radius: 5px
				}

				.indexBanner .swiper-slide .msg .btn::after {
					border-radius: 5px
				}

				.indexBanner .signs {
					bottom: 25px
				}

				.indexBanner .btns>div {
					width: 45px;
					height: 45px;
					font-size: 16px
				}
			}

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

				.standardTxt .txt,
				.standardTxt p {
					font-size: 14px !important;
					line-height: 26px !important
				}

				.indexBanner .swiper-slide .msg .title {
					font-size: 26px;
					line-height: 36px
				}

				.indexBanner .swiper-slide .msg .txts {
					font-size: 16px;
					line-height: 26px;
					min-height: 26px;
					margin-bottom: 25px;
					-webkit-line-clamp: 2
				}

				.indexBanner .btns {
					display: none
				}

				.indexBanner .swiper-pagination div {
					font-size: 14px;
					margin: 0 14px !important
				}

				.indexBanner .swiper-slide .msg .btn {
					font-size: 14px;
					height: 38px;
					width: 140px
				}

				.indexBanner .swiper-slide .msg .btn::after {
					right: -5px;
					bottom: -5px
				}

				.indexBanner .signs {
					bottom: 20px
				}
			}

			@media screen and (max-width:538px) {
				.indexBanner .signs {
					bottom: 15px
				}
			}

			.iProduct .item {
				display: flex;
				justify-content: space-between
			}

			.iProduct .item .image {
				width: 50%;
				overflow: hidden
			}

			.iProduct .item .image img {
				width: 100%;
				height: 100%;
				object-fit: cover;
				max-width: none
			}

			.iProduct .item .msg {
				background-image: url(images/indexM1-bg.jpg);
				background-size: cover;
				background-position: center center;
				background-repeat: no-repeat;
				width: 50%;
				display: flex;
				flex-direction: column;
				align-items: flex-start;
				justify-content: center;
				padding: 50px 0
			}

			.iProduct .item:nth-child(2n-1) .msg {
				padding-left: calc((100% - 1400px)/ 2);
				padding-right: 100px
			}

			.iProduct .item h2 {
				font-weight: 400
			}

			.iProduct .item .tit {
				font-size: 40px;
				line-height: 60px;
				margin-bottom: 17px;
				color: #333;
				margin-top: -15px
			}

			.iProduct .item .txts {
				line-height: 26px;
				margin-bottom: 55px;
				min-height: 104px
			}

			.cBtn {
				display: flex;
				align-items: center;
				justify-content: center;
				width: 190px;
				height: 60px;
				border-radius: 6px;
				position: relative;
				z-index: 3;
				font-size: 18px;
				color: #fff;
				justify-content: space-between;
				padding: 0 23px
			}

			.cBtn::before {
				content: "";
				position: absolute;
				left: 0;
				top: 0;
				width: 100%;
				height: 100%;
				background-color: #333;
				z-index: -1;
				border-radius: 6px
			}

			.cBtn i {
				font-size: 14px;
				flex-shrink: 0
			}

			.cBtn::after {
				content: "";
				position: absolute;
				width: 100%;
				height: 100%;
				border-radius: 6px;
				border: 1px solid rgba(51, 51, 51, .3);
				right: -6px;
				bottom: -6px;
				z-index: -2
			}

			@media screen and (max-width:1560px) {
				.iProduct .item:nth-child(n) .msg {
					padding: 50px 80px
				}

				.iProduct .item .tit {
					font-size: 32px;
					line-height: 46px;
					margin-bottom: 20px;
					margin-top: 0
				}

				.iProduct .item .txts {
					margin-bottom: 30px
				}

				.cBtn {
					height: 45px
				}
			}

			@media screen and (max-width:1333px) {
				.iProduct .item .txts {
					min-height: 112px
				}

				.iProduct .item .tit {
					font-size: 26px;
					line-height: 36px
				}

				.cBtn {
					height: 40px;
					border-radius: 5px;
					font-size: 16px;
					width: 180px
				}

				.cBtn::after {
					border-radius: 5px
				}
			}

			@media screen and (max-width:999px) {
				.iProduct .item .tit {
					font-size: 24px
				}

				.iProduct .item:nth-child(n) .msg {
					padding: 40px 0
				}

				.iProduct .item:nth-child(2n-1) .msg {
					padding-left: 80px;
					padding-right: 30px
				}

				.iProduct .item .txts {
					-webkit-line-clamp: 3;
					min-height: 78px
				}

				.cBtn {
					font-size: 14px;
					width: 170px
				}
			}

			@media screen and (max-width:768px) {
				.iProduct .item:nth-child(n) .msg {
					padding: 30px 25px;
					width: 100%
				}

				.iProduct .item:nth-child(n) {
					flex-direction: column;
					align-items: flex-start
				}

				.iProduct .item .image {
					width: 100%;
					height: 280px
				}

				.iProduct .item .tit {
					font-size: 22px;
					line-height: 30px
				}
			}

			footer .footerList ul li {
				margin-bottom: 10px
			}

			footer .footerList ul li:last-child {
				margin-bottom: 0
			}

			footer .footerList .fProduct .box>ul {
				display: flex;
				align-items: flex-start
			}

			footer .footerList .fProduct .box>ul ul {
				margin-top: 10px
			}

			footer .footerList .fProduct .box>ul>li:nth-child(1) {
				width: 35%;
				margin-right: 2.8%;
				margin-bottom: 0
			}

			footer .footerList .fProduct .box>ul>li:nth-child(2) {
				width: 45%
			}

			footer .footerList .fContact p {
				display: inline
			}

			footer .footerList .address {
				margin-top: -9px
			}

			footer .footerList .address .name,
			footer .footerList .address .num {
				line-height: 36px
			}

			footer a,
			footer div,
			footer p {
				font-size: 16px;
				line-height: 26px;
				color: #eee
			}

			footer .footerList>li .box {
				margin-top: 20px
			}

			footer .email a {
				word-break: break-all
			}

			@media screen and (max-width:1600px) {
				footer .footerList .fProduct .box>ul>li:nth-child(n) {
					margin-right: 0;
					width: 48%
				}
			}

			@media screen and (max-width:999px) {
				footer .footerList>li .box {
					margin-top: 10px
				}

				footer a,
				footer div,
				footer p {
					font-size: 14px
				}

				footer .footerList>li .box {
					display: none
				}

				footer .footerList .box>ul {
					display: flex;
					flex-wrap: wrap;
					justify-content: space-between
				}

				footer .footerList .box>ul>li {
					width: 48%;
					margin-bottom: 0;
					margin-top: 10px
				}

				footer .footerList .box>ul>li:nth-child(-n+2) {
					margin-top: 0
				}

				footer .footerList .box>ul>li.address {
					width: 100%
				}

				footer .footerList .address .name,
				footer .footerList .address .num {
					line-height: 26px
				}

				footer .footerList .address {
					margin-top: 0
				}
			}

			* {
				margin: 0;
				padding: 0;
				box-sizing: border-box;
				outline: 0;
				border: none;
				text-decoration: none
			}

			body {
				margin: 0 auto;
				font-family: Arial, sans-serif;
				font-size: 16px;
				line-height: 30px;
				color: #666;
				height: 100%;
				width: 100%;
				background-color: #fff;
				overflow: hidden
			}

			ul {
				list-style: none
			}

			html {
				overflow-x: hidden;
				scroll-behavior: smooth;
				font-size: 62.5%
			}

			.image {
				display: block
			}

			.image img {
				display: block
			}

			a img {
				display: block
			}

			img {
				border: none;
				max-width: 100%
			}

			a {
				text-decoration: none;
				color: #333;
				outline: 0
			}

			input {
				font-family: Arial, sans-serif;
				font-size: 16px;
				font-size: 1.6rem;
				color: #333;
				border: none;
				outline: 0
			}

			@media screen and (max-width:1333px) {
				input {
					font-size: 16px !important;
					font-size: 1.6rem !important
				}

				input::-webkit-input-placeholder {
					font-size: 16px !important;
					font-size: 1.6rem !important
				}

				input:-moz-placeholder {
					font-size: 16px !important;
					font-size: 1.6rem !important
				}

				input::-moz-placeholder {
					font-size: 16px !important;
					font-size: 1.6rem !important
				}

				input:-ms-input-placeholder {
					font-size: 16px !important;
					font-size: 1.6rem !important
				}
			}

			.safeRange {
				max-width: 1400px;
				width: calc(100% - 160px);
				margin: 0 auto
			}

			@media screen and (max-width:768px) {
				.safeRange {
					width: calc(100% - 50px)
				}
			}

			@media screen and (max-width:538px) {
				.iProduct .item .image {
					height: 240px
				}

				.iProduct .item:nth-child(n) .msg {
					padding: 30px 15px
				}

				footer .footerList .box>ul>li:nth-child(n) {
					width: 100%;
					margin-top: 10px
				}

				footer .footerList .box>ul>li:nth-child(1) {
					margin-top: 0
				}

				footer .footerList .fProduct .box>ul>li:nth-child(n) {
					width: 100%
				}

				.safeRange {
					width: calc(100% - 30px)
				}
			}

			.twoRow {
				
				text-overflow: ellipsis;
				display: -webkit-box;
				-webkit-box-orient: vertical;
				-webkit-line-clamp: 2
			}

			.threeRow {
				overflow: hidden;
				text-overflow: ellipsis;
				display: -webkit-box;
				-webkit-box-orient: vertical;
				-webkit-line-clamp: 3
			}

			header .xnav {
				display: none
			}

			@media screen and (max-width:999px) {
				input {
					font-size: 14px !important;
					font-size: 1.4rem !important
				}

				input::-webkit-input-placeholder {
					font-size: 14px !important;
					font-size: 1.4rem !important
				}

				input:-moz-placeholder {
					font-size: 14px !important;
					font-size: 1.4rem !important
				}

				input::-moz-placeholder {
					font-size: 14px !important;
					font-size: 1.4rem !important
				}

				input:-ms-input-placeholder {
					font-size: 14px !important;
					font-size: 1.4rem !important
				}

				header .xnav {
					display: block
				}

				header .xnav .nav {
					position: fixed;
					width: 35px;
					height: 24px;
					background: #233a8a;
					right: 2.5%;
					top: 24px;
					border-radius: 5px;
					z-index: 999999999
				}

				header .xnav .nav span {
					display: block;
					width: 20px;
					height: 2px;
					background: #fff;
					position: absolute;
					left: 50%;
					margin-left: -10px;
					top: 50%;
					z-index: 99999991
				}

				header .xnav .nav .nav1 {
					margin-top: -1px
				}

				header .xnav .nav .nav2 {
					margin-top: -8px
				}

				header .xnav .nav .nav3 {
					margin-top: 6px
				}

				header .xnav .smdaohang {
					position: fixed;
					width: 300px;
					height: 0;
					overflow: auto;
					top: 0;
					right: 0;
					background: rgba(35, 58, 138, .95);
					z-index: 9999999;
					text-align: center
				}

				header .xnav .topnav {
					margin: auto;
					margin-top: 75px;
					padding: 20px
				}

				header .xnav ul.topnav li {
					text-align: left;
					position: relative
				}

				header .xnav ul.topnav li a {
					padding: 5px;
					padding-left: 0;
					color: #fff;
					display: block;
					font-size: 14px;
					font-size: 1.4rem;
					line-height: 24px;
					padding-right: 50px;
					font-family: Arial, sans-serif
				}

				header .xnav ul.topnav ul {
					display: none
				}

				header .xnav ul.topnav ul li {
					clear: both
				}

				header .xnav ul.topnav ul li a {
					padding-left: 20px;
					font-size: 14px;
					font-size: 1.4rem;
					font-weight: 400;
					outline: 0
				}

				header .xnav ul.topnav ul ul li a {
					padding-left: 40px
				}

				header .xnav ul.topnav span {
					display: block;
					position: absolute;
					right: 0;
					top: 7px;
					width: 20px;
					height: 20px;
					background: #fff;
					background: rgba(255, 255, 255, .6);
					border-radius: 50%
				}

				header .xnav ul.topnav span:before {
					content: "";
					width: 6px;
					height: 2px;
					background: #333;
					position: absolute;
					left: 50%;
					margin-left: -3px;
					top: 50%;
					margin-top: 0;
					transform: rotate(45deg);
					transform-origin: right center
				}

				header .xnav ul.topnav span:after {
					content: "";
					width: 6px;
					height: 2px;
					background: #333;
					position: absolute;
					left: 50%;
					margin-left: -3px;
					top: 50%;
					margin-top: -1px;
					transform: rotate(-45deg);
					transform-origin: right center
				}

				header .xnav .smdaohang form {
					margin-top: 15px;
					margin-bottom: 15px;
					width: 240px;
					height: 26px;
					border: 1px solid #fff;
					position: relative;
					background: #fff;
					border-radius: 13px
				}

				header .xnav .smdaohang form input {
					color: #333
				}

				header .xnav .smdaohang form .iptc {
					-moz-box-sizing: border-box;
					box-sizing: border-box;
					padding-left: 15px;
					background-color: #fff;
					width: 80%;
					height: 24px;
					line-height: 24px;
					display: block;
					float: left;
					border-radius: 10px
				}

				header .xnav .smdaohang form .ipsc {
					width: 20%;
					height: 24px;
					line-height: 24px;
					display: block;
					float: right;
					background: 0 0;
					position: relative;
					z-index: 99
				}

				header .xnav .smdaohang form i {
					position: absolute;
					right: 10px;
					top: 4px
				}
			}

			:root {
				--swiper-theme-color: #007aff
			}

			:host {
				position: relative;
				display: block;
				margin-left: auto;
				margin-right: auto;
				z-index: 1
			}

			.swiper {
				margin-left: auto;
				margin-right: auto;
				position: relative;
				overflow: hidden;
				list-style: none;
				padding: 0;
				z-index: 1;
				display: block
			}

			.swiper-wrapper {
				position: relative;
				width: 100%;
				height: 100%;
				z-index: 1;
				display: flex;
				box-sizing: content-box
			}

			.swiper-wrapper {
				transform: translate3d(0, 0, 0)
			}

			.swiper-horizontal {
				touch-action: pan-y
			}

			.swiper-slide {
				flex-shrink: 0;
				width: 100%;
				height: 100%;
				position: relative;
				display: block
			}

			.swiper-backface-hidden .swiper-slide {
				transform: translateZ(0);
				-webkit-backface-visibility: hidden;
				backface-visibility: hidden
			}

			:root {
				--swiper-navigation-size: 44px
			}

			.swiper .swiper-notification {
				position: absolute;
				left: 0;
				top: 0;
				opacity: 0;
				z-index: -1000
			}

			nav {
				height: 136px;
				background-color: #fff;
				position: relative
			}

			nav .nTop {
				height: 36px;
				background-color: #0f1422
			}

			nav .nTop>div {
				height: 100%;
				display: flex;
				align-items: center;
				justify-content: space-between
			}

			nav .nTop .nMsg {
				display: flex;
				align-items: center
			}

			nav .nMsg .item {
				display: flex;
				align-items: center;
				margin-right: 32px;
				font-size: 14px;
				color: #fff
			}

			nav .nMsg .item a {
				color: #fff
			}

			nav .nMsg .item:last-child {
				margin-right: 0
			}

			nav .nMsg .item i {
				flex-shrink: 0;
				margin-right: 8px;
				color: #fff;
				font-size: 16px
			}

			nav .btns {
				display: flex;
				align-items: center;
				height: 100%
			}

			nav .btns .language {
				height: 100%;
				display: flex;
				align-items: center;
				margin-left: 30px;
				position: relative
			}

			nav .btns .lanBtn {
				display: flex;
				align-items: center;
				color: #fff
			}

			nav .btns .lanBtn img {
				flex-shrink: 0;
				width: 21px
			}

			nav .btns .lanBtn span {
				font-size: 14px;
				line-height: 30px;
				color: #fff;
				margin: 0 11px 0 9px
			}

			nav .btns .lanBtn i.icon-up7 {
				font-size: 10px;
				transform: rotate(180deg);
				color: rgba(255, 255, 255, .5)
			}

			nav .btns .search {
				height: 100%;
				display: flex;
				align-items: center;
				position: relative;
				z-index: 9999999999
			}

			nav .btns .search .searchBtn i {
				color: #fff;
				display: block
			}

			nav .btns .search form {
				position: absolute;
				top: 100%;
				right: 0;
				height: 30px;
				display: flex;
				align-items: center;
				justify-content: space-between;
				box-shadow: 0 0 29px 0 rgba(0, 0, 0, .14);
				overflow: hidden;
				z-index: 99;
				background-color: #fff;
				width: 0;
				border-bottom: 1px solid #fff
			}

			nav .btns .search form>input {
				padding: 0 10px
			}

			nav .btns .search form input {
				width: 100%;
				height: 100%;
				font-size: 14px !important;
				color: #333;
				background-color: transparent
			}

			nav .search form input::-webkit-input-placeholder {
				font-size: 14px !important;
				opacity: 1
			}

			nav .search form input:-moz-placeholder {
				font-size: 14px !important;
				opacity: 1
			}

			nav .search form input::-moz-placeholder {
				font-size: 14px !important;
				opacity: 1
			}

			nav .search form input:-ms-input-placeholder {
				font-size: 14px !important;
				opacity: 1
			}

			nav .btns .search form .subBtn {
				display: flex;
				align-items: center;
				justify-content: center;
				position: relative;
				height: 30px;
				width: 30px
			}

			nav .btns .search form .subBtn i {
				color: #333;
				font-size: 16px
			}

			nav .btns .search form .subBtn input {
				position: absolute;
				width: 100%;
				height: 100%;
				top: 0;
				right: 0;
				background-color: transparent
			}

			nav.active .nBottom {
				position: fixed;
				width: 100%;
				box-shadow: 0 0 10px rgba(122, 122, 122, .1)
			}

			nav .nBottom {
				height: 100px;
				position: relative;
				top: 0;
				left: 50%;
				transform: translateX(-50%);
				background-color: #fff;
				z-index: 9999
			}

			html {
				scroll-padding-top: 100px
			}

			nav .nBottom>div {
				display: flex;
				align-items: center;
				justify-content: space-between;
				height: 100%
			}

			nav .logo {
				width: 156px;
				flex-shrink: 0
			}

			nav .navList {
				display: flex;
				align-items: center;
				height: 100%
			}

			nav .navList>ul {
				display: flex;
				align-items: center
			}

			nav .navList>ul>li {
				margin-right: 75px;
				position: relative
			}

			nav .navList>ul>li:last-child {
				margin: 0
			}

			nav a {
				display: block
			}

			nav .navList>ul>li>a {
				height: 100px;
				line-height: 100px;
				font-size: 18px;
				color: #333;
				position: relative
			}

			nav .navList>ul>li>a::after {
				content: "";
				position: absolute;
				left: 50%;
				transform: translateX(-50%);
				height: 2px;
				background-color: #233a8a;
				bottom: 16px;
				width: 0
			}

			nav .navList>ul>li.active>a::after {
				width: 20px
			}

			nav .navList>ul>li.active>a {
				color: #233a8a
			}

			.moreList {
				position: absolute;
				background-color: #fff;
				width: 250px;
				box-shadow: 0 0 29px 0 rgba(0, 0, 0, .1);
				display: none;
				z-index: 99
			}

			.moreList {
				top: 100%;
				left: 50%;
				transform: translateX(-50%)
			}

			.moreList li {
				position: relative
			}

			.moreList a {
				padding: 12.5px 20px;
				font-size: 16px;
				line-height: 26px;
				color: #333;
				text-align: center
			}

			@media screen and (max-width:1600px) {
				nav .navList>ul>li {
					margin-right: 55px
				}

				nav .logo {
					width: 125px
				}

				nav .nBottom {
					height: 80px
				}

				html {
					scroll-padding-top: 80px
				}

				nav {
					height: 116px
				}

				nav .navList>ul>li>a {
					height: 80px;
					line-height: 80px
				}
			}

			@media screen and (max-width:1333px) {
				nav .logo {
					width: 110px
				}

				nav .nBottom {
					height: 70px
				}

				html {
					scroll-padding-top: 70px
				}

				nav .nTop {
					height: 35px
				}

				nav {
					height: 105px
				}

				nav .navList>ul>li>a {
					height: 70px;
					line-height: 70px;
					font-size: 16px
				}

				.moreList a {
					padding: 10px 20px
				}

				.moreList {
					width: 240px
				}
			}

			@media screen and (max-width:1200px) {
				nav .logo {
					width: 105px
				}

				nav .navList>ul>li {
					margin-right: 30px
				}
			}

			@media screen and (max-width:999px) {
				nav .navList>ul {
					display: none
				}

				nav {
					height: 90px
				}

				nav .nBottom {
					height: 60px
				}

				html {
					scroll-padding-top: 60px
				}

				nav .logo {
					width: 90px
				}

				nav .nTop {
					height: 30px
				}

				nav .btns .search {
					display: none
				}

				header .xnav .nav {
					top: 60px;
					transform: translateY(-50%);
					right: 80px
				}

				header .xnav .nav.active {
					top: 30px
				}
			}

			@media screen and (max-width:768px) {
				nav {
					height: 80px
				}

				nav .nBottom {
					height: 50px
				}

				html {
					scroll-padding-top: 50px
				}

				header .xnav .nav {
					top: 55px;
					right: 25px
				}

				header .xnav .nav.active {
					top: 25px
				}

				nav .logo {
					width: 80px
				}
			}

			@media screen and (max-width:538px) {
				header .xnav .nav {
					right: 15px
				}

				nav .nTop .nMsg {
					display: none
				}

				nav .nTop>div {
					justify-content: flex-end
				}
			}

			.indexBanner {
				position: relative
			}

			.indexBanner .swiper-slide {
				position: relative
			}

			.indexBanner .swiper-slide .image img {
				max-width: none;
				width: 100%;
				height: 100%;
				object-fit: cover
			}

			.indexBanner img {
				display: block
			}

			.indexBanner .btns>div {
				display: flex;
				align-items: center;
				justify-content: center;
				width: 64px;
				height: 64px;
				color: #fff;
				border: 1px solid rgba(255, 255, 255, .5);
				border-radius: 50%;
				z-index: 99;
				position: absolute;
				top: 47%;
				transform: translateY(-50%);
				font-size: 18px
			}

			.indexBanner .btns>div.prev {
				left: 50px
			}

			.indexBanner .btns>div.next {
				right: 50px
			}

			.indexBanner .swiper-slide .msg {
				position: absolute;
				left: 50%;
				top: 50%;
				transform: translateX(-50%) translateY(-50%);
				height: 100%;
				z-index: 2;
				display: flex;
				flex-direction: column;
				align-items: flex-start;
				justify-content: center;
				padding-bottom: 62px
			}

			.indexBanner .swiper-slide .msg .title {
				font-weight: 700;
				font-size: 60px;
				line-height: 72px;
				color: #fff;
				margin-bottom: 19px
			}

			.indexBanner .swiper-slide .msg .txts {
				font-size: 24px;
				line-height: 36px;
				min-height: 36px;
				color: #fefefe;
				margin-bottom: 40px
			}

			.indexBanner .swiper-slide .msg .btn {
				display: flex;
				align-items: center;
				justify-content: center;
				width: 190px;
				height: 60px;
				background-color: #fff;
				border-radius: 6px;
				font-size: 18px;
				color: #333;
				position: relative
			}

			.indexBanner .swiper-slide .msg .btn::after {
				content: "";
				position: absolute;
				width: 100%;
				height: 100%;
				border-radius: 6px;
				border: 1px solid rgba(255, 255, 255, .3);
				right: -6px;
				bottom: -6px;
				z-index: -1
			}

			@media screen and (max-width:1600px) {
				.indexBanner .btns>div {
					width: 50px;
					height: 50px;
					top: 50%
				}

				.indexBanner .btns>div.prev {
					left: 10px
				}

				.indexBanner .btns>div.next {
					right: 10px
				}

				.indexBanner .swiper-slide .msg .title {
					font-size: 40px;
					line-height: 60px
				}

				.indexBanner .swiper-slide .msg .txts {
					font-size: 20px;
					line-height: 30px;
					min-height: 30px
				}

				.indexBanner .swiper-slide .msg {
					padding-bottom: 40px
				}

				.indexBanner .swiper-slide .msg .btn {
					height: 50px
				}
			}

			@media screen and (max-width:1333px) {
				.indexBanner .swiper-slide .msg .title {
					font-size: 32px;
					line-height: 40px
				}

				.indexBanner .swiper-slide .msg .txts {
					font-size: 18px;
					line-height: 28px;
					min-height: 28px
				}

				.indexBanner .swiper-slide .msg .btn {
					height: 40px;
					font-size: 16px;
					width: 165px;
					border-radius: 5px
				}

				.indexBanner .swiper-slide .msg .btn::after {
					border-radius: 5px
				}

				.indexBanner .btns>div {
					width: 45px;
					height: 45px;
					font-size: 16px
				}
			}

			.cForm ul {
				display: flex;
				flex-wrap: wrap;
				justify-content: space-between;
				align-items: flex-end
			}

			.cForm li {
				height: 57px;
				padding: 0 22px;
				width: 48.64%;
				margin-top: 20px;
				border-bottom: 1px solid rgba(0, 0, 0, .3)
			}

			.cForm li:nth-child(-n+2) {
				margin-top: 0
			}

			.cForm input {
				width: 100%;
				height: 100%;
				background-color: transparent
			}

			.cForm li.subBtn input {
				background-color: #333;
				font-size: 18px;
				font-weight: 700;
				color: #fff;
				border-radius: 6px
			}

			.cForm input::-webkit-input-placeholder {
				font-size: 16px;
				color: #666;
				opacity: 1
			}

			.cForm input:-moz-placeholder {
				font-size: 16px;
				color: #666;
				opacity: 1
			}

			.cForm input::-moz-placeholder {
				font-size: 16px;
				color: #666;
				opacity: 1
			}

			.cForm input:-ms-input-placeholder {
				font-size: 16px;
				color: #666;
				opacity: 1
			}

			.m-formcountry .drop-list {
				display: none;
				border: 1px solid #e6e6e6;
				width: 100%;
				position: absolute;
				top: 100%;
				background-color: #fff;
				max-height: 223px;
				overflow-x: hidden;
				z-index: 10001;
				scrollbar-color: #7990df #ebebeb;
				scrollbar-width: thin;
				padding: 0
			}

			.m-formcountry .drop-list::-webkit-scrollbar {
				width: 5px;
				height: 5px
			}

			.m-formcountry .drop-list::-webkit-scrollbar-track {
				background: #ebebeb
			}

			.m-formcountry .drop-list::-webkit-scrollbar-thumb {
				background-color: #333
			}

			.m-formcountry .drop-list li {
				font-size: 14px;
				line-height: 20px;
				overflow: hidden;
				padding: 5px 22px;
				border-bottom: 1px solid #e6e6e6;
				color: #999;
				height: auto;
				width: 100%;
				background-color: transparent;
				border-radius: 0;
				margin: 0
			}

			@media screen and (max-width:1600px) {
				.cForm li {
					padding: 0 10px
				}

				.m-formcountry .drop-list li {
					padding: 4px 10px
				}

				.cForm li {
					height: 45px
				}

				.cForm li.subBtn input {
					font-size: 16px
				}
			}

			@media screen and (max-width:1333px) {
				.cForm li {
					height: 40px
				}
			}

			@media screen and (max-width:450px) {
				.cForm li:nth-child(n) {
					width: 100%;
					height: 38px;
					margin-top: 15px
				}

				.cForm li:nth-child(1) {
					margin-top: 0
				}

				.m-formcountry .drop-list li {
					height: auto;
					margin-top: 0
				}
			}

			footer .footerList .menuBtn {
				display: none
			}

			@media screen and (max-width:999px) {
				.indexBanner .swiper-slide .msg .title {
					font-size: 26px;
					line-height: 36px
				}

				.indexBanner .swiper-slide .msg .txts {
					font-size: 16px;
					line-height: 26px;
					min-height: 26px;
					margin-bottom: 25px;
					-webkit-line-clamp: 2
				}

				.indexBanner .swiper-slide .msg .btn {
					font-size: 14px;
					height: 38px;
					width: 140px
				}

				.indexBanner .swiper-slide .msg .btn::after {
					right: -5px;
					bottom: -5px
				}

				.cForm li.subBtn input {
					border-radius: 5px
				}

				footer .footerList .menuBtn {
					width: 35px;
					height: 35px;
					display: flex;
					align-items: center;
					justify-content: center;
					font-weight: 700;
					font-size: 14px
				}
			}

			.lianxi {
				position: fixed;
				right: 0;
				top: 50%;
				transform: translateY(-50%);
				z-index: 99999
			}

			.lianxi div a,
			.lianxi div div {
				display: flex;
				align-items: center;
				justify-content: center;
				width: 48px;
				height: 48px;
				background-color: #dfdfdf;
				color: #fff;
				margin-bottom: 1px;
				font-size: 20px
			}

			.lianxi .top a {
				width: 48px;
				height: 48px;
				background-color: #dfdfdf;
				color: #fff;
				font-size: 18px !important;
				text-align: center;
				position: fixed;
				z-index: 99999;
				display: flex;
				align-items: center;
				justify-content: center;
				margin-top: 2px
			}

			.lianxi a i {
				display: flex;
				align-items: center;
				justify-content: center;
				font-size: 14px;
				border-radius: 50%;
				border: 1px solid #fff;
				width: 26px;
				height: 26px
			}

			.lianxi .top i {
				width: 24px;
				height: 24px;
				display: block;
				line-height: 22px;
				text-align: center;
				font-size: 14px;
				border-radius: 50%
			}

			.lianxi .code {
				position: relative
			}

			.lianxi .code img {
				position: absolute;
				top: 0;
				right: 100%;
				width: 150px;
				height: 150px;
				max-width: none;
				transform: translateX(100%);
				z-index: -1;
				opacity: 0
			}

			@media screen and (max-width:999px) {
				.lianxi .top a {
					width: 20%;
					height: 42px;
					line-height: 40px;
					bottom: 0;
					right: 0;
					border-radius: 0;
					border: none;
					box-shadow: none;
					background-color: #dfdfdf
				}

				.lianxi {
					width: 100%;
					right: auto;
					top: auto;
					margin: auto;
					left: 0;
					bottom: 0;
					border-top: 1px solid #fff;
					transform: translateY(0)
				}

				.lianxi div {
					width: 20%;
					float: left
				}

				.lianxi div a,
				.lianxi div div {
					font-size: 18px;
					height: 42px;
					margin: auto;
					width: 100%;
					background-color: #dfdfdf;
					color: #fff !important;
					border-radius: 0
				}

				.lianxi .top i {
					border-color: #fff
				}

				.lianxi .code img {
					right: auto;
					left: 50%;
					transform: translateX(-50%);
					top: 0;
					opacity: 0
				}
			}

			@media screen and (max-width:768px) {
				.indexBanner .swiper-slide .msg {
					display: none
				}

				.lianxi .code img {
					left: 0;
					transform: translateX(0);
					top: 0;
					opacity: 0
				}
			}

			.iconfont {
				font-family: iconfont !important;
				font-size: 16px;
				font-style: normal;
				-webkit-font-smoothing: antialiased;
				-moz-osx-font-smoothing: grayscale
			}

			.icon-xiangyoujiantou:before {
				content: "\e68b"
			}

			.icon-xiangyoujiantou-copy:before {
				content: "\f1eb"
			}

			.icon-phone3:before {
				content: "\e661"
			}

			.icon-whatsapp1:before {
				content: "\e7c1"
			}

			.icon-email1:before {
				content: "\e7c5"
			}

			.icon-skype1:before {
				content: "\e7c9"
			}

			.icon-wechat:before {
				content: "\e7cf"
			}

			.icon-up7:before {
				content: "\e722"
			}

			.icon-right7:before {
				content: "\e725"
			}

			.icon-sousuo:before {
				content: "\e616"
			}

			.m-kefu-chat * {
				font-family: Arial
			}

			.m-kefu-chat {
				overflow: hidden;
				position: fixed;
				width: 290px;
				height: 400px;
				-webkit-box-sizing: border-box;
				-moz-box-sizing: border-box;
				box-sizing: border-box;
				bottom: 0;
				right: 10px;
				background-color: #5492ff;
				z-index: 999999;
				-webkit-border-radius: 5px;
				-moz-border-radius: 5px;
				border-radius: 5px
			}

			.m-kefu-chat .kefu-content {
				height: -moz-calc(100% - 35px);
				height: -webkit-calc(100% - 35px);
				height: calc(100% - 35px);
				font-size: 0;
				background-color: #fff;
				overflow: hidden;
				box-shadow: none;
				-webkit-box-shadow: none;
				-webkit-border-radius: 0;
				-moz-border-radius: 0;
				border-radius: 0;
				position: relative;
				border: 0
			}

			.kefu-top {
				width: 100%;
				box-sizing: border-box;
				background-color: #5492ff;
				margin: 0;
				padding: 0;
				padding-left: 15px;
				font-size: 14px;
				color: #fff;
				height: 35px;
				line-height: 35;
				position: relative;
				font-weight: 400;
				padding-right: 30px
			}

			.kefu-top .logo {
				width: 22px;
				height: 22px;
				float: left;
				margin-top: 7.5px;
				margin-right: 10px;
				display: none
			}

			.kefu-top .title {
				background: 0 0;
				padding: 0;
				margin: 0;
				border: 0;
				line-height: 35px;
				font-weight: 400;
				color: #fff;
				display: inline-block;
				float: left;
				max-width: 80%;
				overflow: hidden;
				text-overflow: ellipsis;
				white-space: nowrap
			}

			.kefu-top .right-btn2 {
				background: url(home_img/open.png) center no-repeat;
				position: absolute;
				width: 15px;
				height: 12px;
				right: 15px;
				top: 12.5px
			}

			.kefu-top .right-btn2.active {
				background: url(home_img/close.png) center no-repeat
			}

			.m-kefu-chat iframe {
				width: 100%;
				margin: 0;
				padding: 0;
				visibility: inherit;
				opacity: 1;
				position: inherit;
				-webkit-box-sizing: border-box;
				-moz-box-sizing: border-box;
				box-sizing: border-box
			}

			.mobile-logo {
				display: none;
				position: absolute;
				width: 100%;
				height: 100%;
				left: 0;
				top: 0;
				z-index: 999;
				background-color: #5492ff;
				border: 0;
				background-image: url(home_img/kefu-logo2.png);
				background-repeat: no-repeat;
				background-position: center;
				background-size: 50% 50%;
				-webkit-background-size: 50% 50%
			}

			.mobile-close {
				display: none;
				position: absolute;
				width: 10px;
				height: 18px;
				left: 10px;
				top: 7.5px;
				z-index: 999;
				border: 0;
				background-image: url(home_img/mobile-close.png);
				background-repeat: no-repeat;
				background-position: center;
				background-size: 100% 100%;
				-webkit-background-size: 100% 100%
			}

			.mobile-logo span {
				display: none;
				position: absolute;
				width: 15%;
				height: 15%;
				top: 25%;
				right: 24%;
				-webkit-border-radius: 50%;
				-moz-border-radius: 50%;
				border-radius: 50%;
				background-color: red
			}

			.m-kefu-chat .kefu-content {
				position: relative;
				top: unset
			}

			.m-kefu-chat.mobile-hide .kefu-content {
				position: absolute;
				top: -1000px
			}

			.m-kefu-chat.mobile-hide .mobile-logo {
				display: block
			}

			.m-kefu-chat.mobile-hide {
				-webkit-border-radius: 50%;
				-moz-border-radius: 50%;
				border-radius: 50%;
				bottom: 50px !important;
				right: 25px;
				width: 50px;
				height: 50px;
				overflow: hidden;
				left: unset;
				border: 1px solid #5492ff
			}

			@media screen and (max-width:1920px) {
				.m-kefu-chat.mobile-hide .mobile-close {
					display: none
				}
			}

			@media screen and (max-width:768px) {
				.m-kefu-chat.mobile-hide {
					bottom: 50px !important;
					right: 25px;
					width: 50px;
					height: 50px;
					-webkit-border-radius: 50%;
					-moz-border-radius: 50%;
					border-radius: 50%;
					overflow: hidden;
					left: unset;
					border: 1px solid #5492ff
				}
			}

			@media screen and (max-width:700px) {
				.m-kefu-chat {
					width: 100%;
					right: 0;
					left: 0;
					margin: 0 auto;
					height: 100%;
					bottom: 0 !important;
					border-radius: 0;
					min-width: 320px
				}

				.m-kefu-chat .kefu-content {
					border-radius: 0;
					display: none
				}

				.m-kefu-chat.mobile-hide {
					bottom: 50px !important;
					right: 25px;
					width: 8.3333%;
					height: 0;
					-webkit-border-radius: 50%;
					-moz-border-radius: 50%;
					border-radius: 50%;
					min-width: 8.3333%;
					max-height: 8.3333%;
					padding: 8.3333% 0 0;
					overflow: hidden;
					left: unset;
					border: 1px solid #5492ff
				}

				.m-kefu-chat.mobile-hide .mobile-logo {
					display: block
				}

				.kefu-top .logo {
					display: none !important
				}

				.kefu-top {
					padding-left: 30px
				}

				.m-kefu-chat .mobile-close {
					display: block
				}

				.m-kefu-chat.mobile-hide .mobile-close {
					display: none
				}

				.kefu-top .right-btn2 {
					top: -30px
				}
			}

			@media screen and (max-width:600px) {
				.m-kefu-chat.mobile-hide {
					bottom: 50px !important;
					right: 25px;
					width: 8.3333%;
					height: 0;
					-webkit-border-radius: 50%;
					-moz-border-radius: 50%;
					border-radius: 50%;
					min-width: 8.3333%;
					max-height: 8.3333%;
					padding: 8.3333% 0 0;
					overflow: hidden;
					left: unset;
					border: 1px solid #5492ff
				}
			}

			@media screen and (max-width:500px) {
				.m-kefu-chat.mobile-hide {
					bottom: 50px !important;
					right: 25px;
					width: 11.3333%;
					height: 0;
					-webkit-border-radius: 50%;
					-moz-border-radius: 50%;
					border-radius: 50%;
					min-width: 11.3333%;
					max-height: 11.3333%;
					padding: 11.3333% 0 0;
					overflow: hidden;
					left: unset;
					border: 1px solid #5492ff
				}
			}

			@media screen and (max-width:400px) {
				.m-kefu-chat.mobile-hide {
					bottom: 50px !important;
					right: 25px;
					width: 13.3333%;
					height: 0;
					-webkit-border-radius: 50%;
					-moz-border-radius: 50%;
					border-radius: 50%;
					min-width: 13.3333%;
					max-height: 13.3333%;
					padding: 13.3333% 0 0;
					overflow: hidden;
					left: unset;
					border: 1px solid #5492ff
				}
			}

			.look-pic {
				width: 100%;
				height: 100%;
				position: fixed;
				top: 0;
				left: 0;
				background-color: rgba(0, 0, 0, .5);
				display: none;
				z-index: 999999999999
			}

			.look-pic .look-pic-img {
				width: 100%;
				height: 100%;
				max-width: 100%;
				max-height: 100%;
				text-align: center;
				position: absolute;
				left: 50%;
				top: 50%;
				transform: translate(-50%, -50%);
				-webkit-transform: translate(-50%, -50%)
			}

			.look-pic .look-pic-img img {
				max-width: 90%;
				max-height: 90%;
				position: absolute;
				left: 50%;
				top: 50%;
				transform: translate(-50%, -50%);
				-webkit-transform: translate(-50%, -50%)
			}

			.look-pic .look-pic-close {
				position: absolute;
				width: 26px;
				height: 26px;
				background-color: #000;
				font-size: 20px;
				line-height: 26px;
				font-weight: 700;
				text-align: center;
				color: #fff;
				top: 20px;
				right: 20px
			}