@charset "UTF-8";

/* #region 初始化 */


:root {
	--wpPaddingNum: 4vw;
	--wpPadding: 0 var(--wpPaddingNum);
	--wpContPaddingNum: 7.66vw;
	--wpContPadding: 0 var(--wpContPaddingNum);
	--themeColor: linear-gradient(133.79deg, rgba(0, 42, 173, 1) 0%, rgba(26, 155, 177, 1) 100%);
	margin: 0;
	padding: 0;
	font-size: 9.2vw !important;
	/* 未选择按钮渐变色 */
	--noBtnBgColor: linear-gradient(to right, #e8e8e8, #cbcbcb);
	/* 选中按钮渐变色 */
	--btnBgColor: linear-gradient(133.79deg, rgba(0, 42, 173, 1) 0%, rgba(26, 155, 177, 1) 100%);
	/* 图片反白 */
	--imgWhite: brightness(0) invert(1);
	/* 图片反黑 */
	--imgBlack: brightness(0);
	/* 字体部分 */
	--f12: 0.06793478260869565rem;
	--f13: 0.07359601449275362rem;
	--f14: 0.07925724637681159rem;
	--f15: 0.08491847826086955rem;
	--f16: 0.09057971014492752rem;
	--f17: 0.09624094202898549rem;
	--f18: 0.10190217391304346rem;
	--f19: 0.10756340579710143rem;
	--f20: 0.1132246376811594rem;
	--f21: 0.11888586956521738rem;
	--f22: 0.12454710144927535rem;
	--f23: 0.13020833333333331rem;
	--f24: 0.1358695652173913rem;
	--f25: 0.14153079710144925rem;
	--f26: 0.14719202898550723rem;
	--f27: 0.1528532608695652rem;
	--f28: 0.15851449275362317rem;
	--f29: 0.16417572463768113rem;
	--f30: 0.1698369565217391rem;
	--f31: 0.17549818840579706rem;
	--f32: 0.18115942028985504rem;
	--f33: 0.18682065217391303rem;
	--f34: 0.19248188405797098rem;
	--f35: 0.19814311594202896rem;
	--f36: 0.20380434782608692rem;
	--f37: 0.2094655797101449rem;
	--f38: 0.21512681159420285rem;
	--f39: 0.22078804347826084rem;
	--f40: 0.2264492753623188rem;
	--f41: 0.23211050724637677rem;
	--f42: 0.23777173913043476rem;
	--f43: 0.2434329710144927rem;
	--f44: 0.2490942028985507rem;
	--f45: 0.25475543478260865rem;
	--f46: 0.26041666666666663rem;
	--f47: 0.2660778985507246rem;
	--f48: 0.2717391304347826rem;
	--f49: 0.2774003623188405rem;
	--f50: 0.2830615942028985rem;
	--f51: 0.2887228260869565rem;
	--f52: 0.29438405797101447rem;
	--f53: 0.3000452898550724rem;
	--f54: 0.3057065217391304rem;
	--f55: 0.31136775362318836rem;
	--f56: 0.31702898550724634rem;
	--f57: 0.3226902173913043rem;
	--f58: 0.32835144927536225rem;
	--f59: 0.33401268115942023rem;
	--f60: 0.3396739130434782rem;
	--f61: 0.3453351449275362rem;
	--f62: 0.3509963768115941rem;
	--f63: 0.3566576086956521rem;
	--f64: 0.3623188405797101rem;
	--f65: 0.36798007246376807rem;
	--f66: 0.37364130434782605rem;
	--f67: 0.379302536231884rem;
	--f68: 0.38496376811594196rem;
	--f69: 0.39062499999999994rem;
	--f70: 0.3962862318840579rem;
	--f71: 0.40194746376811585rem;
	--f72: 0.40760869565217384rem;
	--f73: 0.4132699275362318rem;
	--f74: 0.4189311594202898rem;
	--f75: 0.4245923913043478rem;
	--f76: 0.4302536231884057rem;
	--f77: 0.4359148550724637rem;
	--f78: 0.4415760869565217rem;
	--f79: 0.44723731884057966rem;
	--f80: 0.4528985507246376rem;
	--f81: 0.45855978260869557rem;
	--f82: 0.46422101449275355rem;
	--f83: 0.46988224637681153rem;
	--f84: 0.4755434782608695rem;
	--f85: 0.48120471014492744rem;
	--f86: 0.4868659420289854rem;
	--f87: 0.4925271739130434rem;
	--f88: 0.4981884057971014rem;
	--f89: 0.5038496376811593rem;
	--f90: 0.5095108695652173rem;
	--f91: 0.5151721014492753rem;
	--f92: 0.5208333333333333rem;
	--f93: 0.5264945652173912rem;
	--f94: 0.5321557971014492rem;
	--f95: 0.5378170289855072rem;
	--f96: 0.5434782608695652rem;
	--f97: 0.5491394927536231rem;
	--f98: 0.554800724637681rem;
	--f99: 0.560461956521739rem;
	--f100: 0.566123188405797rem;
	--f101: 0.571784420289855rem;
	--f102: 0.577445652173913rem;
	--f103: 0.583106884057971rem;
	--f104: 0.5887681159420289rem;
	--f105: 0.5944293478260869rem;
	--f106: 0.6000905797101448rem;
	--f107: 0.6057518115942028rem;
	--f108: 0.6114130434782608rem;
	--f109: 0.6170742753623187rem;
	--f110: 0.6227355072463767rem;
	--f111: 0.6283967391304347rem;
	--f112: 0.6340579710144927rem;
	--f113: 0.6397192028985507rem;
	--f114: 0.6453804347826086rem;
	--f115: 0.6510416666666665rem;
	--f116: 0.6567028985507245rem;
	--f117: 0.6623641304347825rem;
	--f118: 0.6680253623188405rem;
	--f119: 0.6736865942028984rem;
	--f120: 0.6793478260869564rem;
	--f121: 0.6850090579710144rem;
	--f122: 0.6906702898550724rem;
	--f123: 0.6963315217391304rem;
	--f124: 0.7019927536231882rem;
	--f125: 0.7076539855072462rem;
	--f126: 0.7133152173913042rem;
	--f127: 0.7189764492753622rem;
	--f128: 0.7246376811594202rem;
	--f129: 0.7302989130434782rem;
	--f130: 0.7359601449275361rem;
	--f131: 0.7416213768115941rem;
	--f132: 0.7472826086956521rem;
	--f133: 0.75294384057971rem;
	--f134: 0.758605072463768rem;
	--f135: 0.7642663043478259rem;
	--f136: 0.7699275362318839rem;
	--f137: 0.7755887681159419rem;
	--f138: 0.7812499999999999rem;
	--f139: 0.7869112318840579rem;
	--f140: 0.7925724637681159rem;
	--f141: 0.7982336956521738rem;
	--f142: 0.8038949275362317rem;
	--f143: 0.8095561594202897rem;
	--f144: 0.8152173913043477rem;
	--f145: 0.8208786231884057rem;
	--f146: 0.8265398550724636rem;
	--f147: 0.8322010869565216rem;
	--f148: 0.8378623188405796rem;
	--f149: 0.8435235507246376rem;
	--f150: 0.8491847826086956rem;
	--f151: 0.8548460144927534rem;
	--f152: 0.8605072463768114rem;
	--f153: 0.8661684782608694rem;
	--f154: 0.8718297101449274rem;
	--f155: 0.8774909420289854rem;
	--f156: 0.8831521739130433rem;
	--f157: 0.8888134057971013rem;
	--f158: 0.8944746376811593rem;
	--f159: 0.9001358695652173rem;
	--f160: 0.9057971014492752rem;
	--f161: 0.9114583333333331rem;
	--f162: 0.9171195652173911rem;
	--f163: 0.9227807971014491rem;
	--f164: 0.9284420289855071rem;
	--f165: 0.9341032608695651rem;
	--f166: 0.9397644927536231rem;
	--f167: 0.945425724637681rem;
	--f168: 0.951086956521739rem;
	--f169: 0.956748188405797rem;
	--f170: 0.9624094202898549rem;
	--f171: 0.9680706521739129rem;
	--f172: 0.9737318840579708rem;
	--f173: 0.9793931159420288rem;
	--f174: 0.9850543478260868rem;
	--f175: 0.9907155797101448rem;
	--f176: 0.9963768115942028rem;
	--f177: 1.0020380434782608rem;
	--f178: 1.0076992753623186rem;
	--f179: 1.0133605072463767rem;
	--f180: 1.0190217391304346rem;
	--f181: 1.0246829710144927rem;
	--f182: 1.0303442028985506rem;
	--f183: 1.0360054347826084rem;
	--f184: 1.0416666666666665rem;
	--f185: 1.0473278985507244rem;
	--f186: 1.0529891304347825rem;
	--f187: 1.0586503623188404rem;
	--f188: 1.0643115942028984rem;
	--f189: 1.0699728260869563rem;
	--f190: 1.0756340579710144rem;
	--f191: 1.0812952898550723rem;
	--f192: 1.0869565217391304rem;
	--f193: 1.0926177536231882rem;
	--f194: 1.0982789855072461rem;
	--f195: 1.1039402173913042rem;
	--f196: 1.109601449275362rem;
	--f197: 1.1152626811594202rem;
	--f198: 1.120923913043478rem;
	--f199: 1.1265851449275361rem;
	--f200: 1.132246376811594rem;
}




* {

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	box-sizing: border-box;

	outline: none;

	padding: 0;

	margin: 0;

}



html,

body {

	width: 100%;


}


html {

	-webkit-text-size-adjust: 100%;

	-ms-text-size-adjust: 100%;

	-webkit-tap-highlight-color: transparent;

}


.swiper-pointer-events {

	width: 100%;

}


body {

	margin: 0;

	padding: 0;

	word-wrap: break-word;

	color: #000;

	background: rgba(255, 255, 255, 1);

	line-height: 1.45;

}


body,

table,

input,

textarea,

select,

option {

	font-family: 'PingFang SC', 'Microsoft Yahei', 'Avenir', 'Segoe UI', 'Hiragino Sans GB', STHeiti, 'Microsoft Sans Serif', 'WenQuanYi Micro Hei', 'Impact', sans-serif;

	font-weight: 400;

}



audio,

video {

	display: block;

}



a {

	display: block;

	background-color: transparent;

	text-decoration: none;

	color: inherit;

	outline: none;

	-webkit-tap-highlight-color: transparent;

}



ol,

ul {

	margin: 0;

	padding: 0;

	list-style: none;

}



li {

	list-style: none;

}



img {

	display: block;

	border: 0;

}



dl,

dd,

h1,

h2,

h3,

h4,

h5,

h6 {

	font-weight: normal;

}



button,

input,

optgroup,

select,

textarea {

	color: inherit;

	outline: none;

}



button[disabled],

html input[disabled] {

	cursor: default;

}



input[type="checkbox"],

input[type="radio"] {

	padding: 0;

}



table {

	border-spacing: 0;

	border-collapse: collapse;

}



td,

th {

	padding: 0;

}



.swiper-container {

	width: 100%;

}




/* #endregion */
/* #region  sass */
/* #endregion */


/* #弹性样式 */

.flex {
	display: flex;
}

.flex-wrap {
	flex-wrap: wrap;
}

.align-items {
	align-items: center;
}

.align-start {
	align-items: flex-start;
}

.align-end {
	align-items: flex-end;
}

.space-around {
	justify-content: space-around;
}

.space-between {
	justify-content: space-between;
}

.space-end {
	justify-content: flex-end;
}

.space-center {
	justify-content: center;
}

.flex-end {
	justify-content: flex-end;
}

/* #公共样式 -end */



/* #region 全局 导航*/

.container {
	padding: 0 0.166667rem;
	max-width: 8.388889rem;
	margin: 0 auto;
	position: relative;
}

/* end */


.nav_icon,
.nav_modal {
	display: none;
}

.headernav {
	position: fixed;
	top: 0;
	width: 100%;
	height: 0.5rem;
	z-index: 999;
	background: rgba(245, 253, 255, 1);
	box-shadow: 0 0.011111rem 0.083333rem rgba(0, 0, 0, 0.2);
	transition: ease-out .36s;
}

.headernav .container {
	height: 100%;
}

.headernav .logo img {
	width: 1.088889rem;
}

.headernav ul {
	width: 70%;
	height: 100%;
}

.headernav ul li {
	height: 100%;
	font-size: var(--f18);
	line-height: 0.144444rem;
	color: rgba(0, 0, 0, 1);
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-transform: uppercase;
	transition: ease-out .36s;
	position: relative;
}

.headernav ul li span {
	display: none;
}

.headernav .nav_two {
	position: absolute;
	top: 0.5rem;
	left: 50%;
	transform: translate(-50%, 0%);
	width: 1rem;
	opacity: 1;
	font-size: var(--f16);
	line-height: 3;
	color: rgb(0, 0, 0);
	text-align: center;
	z-index: 500;
	display: none;
	border-radius: 0 0 0.055556rem 0.055556rem;
	background: rgba(255, 255, 255, 0.9);
	box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.05);
}

.headernav .nav_two a {
	opacity: 0.8;
}

.headernav .nav_two a:hover,
.headernav ul li.active {
	opacity: 1;
	color: rgba(0, 42, 173, 1);
}

.headernav .phone p {
	font-size: var(--f18);
	font-weight: 500;
	line-height: 0.144444rem;
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: rgba(0, 0, 0, 0);
	background-image: linear-gradient(133.79deg, rgba(0, 42, 173, 1) 0%, rgba(26, 155, 177, 1) 100%);
}

.headernav .phone h3 {
	font-size: var(--f35);
	font-weight: 700;
	line-height: 0.283333rem;
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: rgba(0, 0, 0, 0);
	background-image: linear-gradient(133.79deg, rgba(0, 42, 173, 1) 0%, rgba(26, 155, 177, 1) 100%);
}

.headernav ul .nav_one a:hover {
	text-decoration: underline;
}

.headernav .nav_two a:hover {
	text-decoration: underline;
}

/* #end */





/* 分页 */

.pagination {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin: .5rem 0;
}

.pagination>li>a,
.pagination>li>span {
	font-size: var(--f16);
	min-width: 0.25rem;
	height: 0.25rem;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 0.05rem;
	border: 1px solid whitesmoke;
	padding: 0.05rem;
	transition: ease-out .36s;
	color: rgba(102, 102, 102, 1);
	width: auto;
	border-radius: 0px;
	box-shadow: initial !important;
}

.pagination>.active>a,
.pagination>li>a:hover,
.pagination>.active>a:focus,
.pagination>li>span,
.pagination>.active>span:hover,
.pagination>.active>span:focus {
	background: var(--themeColor);
	color: #fff;
}

/* end */


/* 首页 */

.banner-page {
	position: relative;
	height: 3.888889rem;
}

.banner .swiper-index {
	width: 100%;
	height: 100vh;
}

.banner .swiper-page {
	height: 100%;
}

.banner .swiper-slide {
	position: relative;
}

.banner .swiper-slide::after {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	opacity: 0.3;
	background: linear-gradient(149.94deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);
	z-index: 1;
}

.banner .swiper-slide video,
.banner .swiper-slide img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

.banner .swiper-conten {
	width: 100%;
	position: absolute;
	top: 35%;
	left: 50%;
	transform: translate(-50%, 0%);
	z-index: 10;
}

.banner .swiper-conten p {
	font-size: var(--f26);
	line-height: 1;
	color: rgba(255, 255, 255, 1);
}

.banner .swiper-conten h3 {
	font-size: var(--f46);
	font-weight: 700;
	line-height: 1.5;
	color: rgba(255, 255, 255, 1);
	margin: 0.111111rem 0 0.455556rem 0;
}

.banner .swiper-conten .icon p {
	font-size: var(--f20);
	line-height: 1;
	color: rgba(255, 255, 255, 1);
}

.banner .swiper-conten .icon img {
	width: 0.111111rem;
	height: 0.111111rem;
	margin-left: 0.072222rem;
	transition: ease-out .36s;
}

.banner .swiper-pagination {
	width: 0;
	top: 35%;
}

.banner .swiper-pagination .swiper-pagination-bullet {
	width: 0.166667rem;
	height: 1px;
	opacity: 1;
	background: #fff;
	border-radius: 0;
	margin: 0;
	transition: ease-out .36s;
}

.banner .swiper-pagination .swiper-pagination-bullet-active {
	width: 0.416667rem;
	height: 3px;
}

.banner .swiper-other {
	position: absolute;
	width: 100%;
	left: 50%;
	bottom: 0.65rem;
	transform: translate(-50%, 0);
	z-index: 2;
}

.banner .prve-next img {
	width: 0.288889rem;
	height: 0.288889rem;
	margin-right: 0.177778rem;
	cursor: pointer;
}

.banner .mouse img {
	width: 0.222222rem;
	height: 0.222222rem;
	animation: mouse 1s linear infinite;
}

@keyframes mouse {
	0% {
		transform: translateY(0);
	}

	50% {
		transform: translateY(0.04rem);
	}

	100% {
		transform: translateY(0.06rem);
	}
}

/* end */


/* 第一屏 */

/*水浪特效 */

.wave {
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 20;
	width: 100%;
}

.waves {
	position: relative;
	width: 100%;
	height: 0.444444rem;
	min-height: 0.277778rem;
	max-height: 0.666667rem;
	display: block;
}

.parallax>use {
	animation: move-forever 50s cubic-bezier(0.55, 0.5, 0.45, 0.5) infinite;
}

.parallax>use:nth-child(1) {
	animation-delay: -2s;
	animation-duration: 14s;
}

.parallax>use:nth-child(2) {
	animation-delay: -3s;
	animation-duration: 20s;
}

.parallax>use:nth-child(3) {
	animation-delay: -4s;
	animation-duration: 26s;
}

.parallax>use:nth-child(4) {
	animation-delay: -5s;
	animation-duration: 40s;
}

@keyframes move-forever {
	0% {
		transform: translate3d(-80px, 0, 0);
	}

	50% {
		transform: translate3d(80px, 0, 0);
	}

	100% {
		transform: translate3d(-80px, 0, 0);
	}
}

/* end */

.index01 {
	position: relative;
	background: linear-gradient(180deg, rgba(232, 251, 255, 1) 53.89%, rgba(232, 251, 255, 0) 100%);
	padding: 0.677778rem 0 0.411111rem 0;
}

.index01 .left {
	width: 45%;
}

.index01 .left h3 {
	font-size: var(--f46);
	line-height: 1;
	color: rgba(51, 51, 51, 1);
}

.index01 .left .intor {
	font-size: var(--f22);
	line-height: 1.5;
	color: rgba(51, 51, 51, 1);
	margin: 0.088889rem 0 0.227778rem 0;
}

/* 按钮样式 */

.html-button {
	position: relative;
	width: 0.85rem;
	height: 0.183333rem;
	border-radius: 127px;
	border: 1px solid rgba(0, 42, 173, 1);
	padding: 0.016667rem;
	transition: all .6s;
}

.html-button p {
	font-size: var(--f18);
	letter-spacing: 1px;
	line-height: 1.5;
	color: rgba(102, 102, 102, 1);
	padding: 0 0.105556rem;
	white-space: nowrap;
	transition: all .6s;
}

.html-button i {
	position: absolute;
	display: block;
	width: 0.155556rem;
	height: 0.155556rem;
	opacity: 1;
	background: var(--btnBgColor);
	padding: 0.033333rem;
	border-radius: 85px;
	right: 0.016667rem;
	transition: all .6s;
}

.html-button i img {
	width: 100%;
	height: 100%;
	transition: ease-out .36s;
}

.html-button:hover {
	flex-direction: row-reverse;
	background: var(--btnBgColor);
}

.html-button:hover p {
	color: #fff;
}

.html-button:hover i {
	right: 0.67rem;
	background: #fff;
}

.html-button:hover i img {
	filter: invert(10);
}

/* end */

.index01 .left .box-data {
	margin-top: 0.466667rem;
}

.index01 .left .box-item {
	width: 50%;
	margin-top: 0.411111rem;
}

.index01 .left .box-item h3 {
	display: flex;
	font-size: var(--f22);
	font-weight: 500;
	letter-spacing: 1px;
	line-height: 1;
	margin-bottom: 0.055556rem;
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: rgba(0, 0, 0, 0);
	background-image: var(--themeColor);
}

.index01 .left .box-item span {
	display: block;
	white-space: nowrap;
	font-size: var(--f42);
	font-weight: 900;
	letter-spacing: -1px;
	line-height: 1.2;
	margin-top: -0.061111rem;
	margin-right: 0.044444rem;
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: rgba(0, 0, 0, 0);
	background-image: var(--themeColor);
}

.index01 .left .box-item p {
	font-size: var(--f18);
	line-height: 1;
	color: rgba(51, 51, 51, 1);
}

.index01 .right {
	width: 50%;
	height: 2.905556rem;
	border-radius: 0.211111rem;
	overflow: hidden;
	position: relative;
}

.index01 .right::before {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 0.444444rem;
	height: 0.444444rem;
	background: url("../images/viode.svg");
	background-size: 100% 100%;
	z-index: 5;
}

.index01 .right::after {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: linear-gradient(0deg, rgba(0, 0, 0, .2) 0%, rgba(255, 255, 255, .2) 100%);
	z-index: 2;
}

.index01 .right img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	transition: ease-out .36s;
}

.index01 .right:hover img {
	transform: scale(1.1);
}

/* end */


/* 第二屏 */

.index02 {
	background: url("../images/index03.jpg") no-repeat;
	background-size: cover;
	background-position: center;
	background-attachment: fixed;
	padding: 0.388889rem 0 0.25rem 0;
	position: relative;
}

/* 首页标题样式 */

.page-title {
	position: relative;
}

.page-title svg {
	transform: scale(.9);
}

.page-title h3 {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-size: var(--f46);
	line-height: 1.4;
	color: rgba(255, 255, 255, 1);
}

/* end */

.index02 .intor {
	font-size: var(--f22);
	letter-spacing: 1px;
	line-height: 1.5;
	color: rgba(255, 255, 255, 1);
	text-align: center;
}

.index02 .case {
	position: relative;
}

.index02 .swiper-case {
	width: 100%;
	padding: 0.555556rem 0;
}

.index02 .swiper-slide {
	position: relative;
	width: 5.277778rem;
	height: 2.888889rem;
}

.index02 .swiper-slide::before {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	border-radius: 0.111111rem;
	background: linear-gradient(0deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.01) 50%);
	z-index: 2;
}

.index02 .swiper-slide::after {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	border-radius: 0.111111rem;
	background: rgba(41, 177, 227, 0.7);
	z-index: 1;
}

.index02 .swiper-slide img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	border-radius: 0.111111rem;
	overflow: hidden;
}

.index02 .swiper-slide p {
	position: absolute;
	left: 0.227778rem;
	bottom: 0.155556rem;
	font-size: var(--f30);
	letter-spacing: 1px;
	line-height: 1.5;
	color: rgba(255, 255, 255, 1);
	opacity: 0 !important;
	z-index: 3;
}

.index02 .swiper-slide .shadow {
	width: 100%;
	height: 0.555556rem;
	opacity: 0.6;
	border-radius: 0.111111rem;
	background: linear-gradient(180deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.01) 50%);
}

.index02 .swiper-slide-active::after {
	content: initial;
}

.index02 .swiper-slide-active p {
	opacity: 1 !important;
}

.index02 .case .prve-next {
	position: absolute;
	width: 108%;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	justify-content: space-between;
}

.index02 .case .prve-next img {
	width: 0.288889rem;
	height: 0.288889rem;
}

/* end */


/* 第三屏 */

.index03 {
	position: relative;
	padding: 0.25rem 0;
}

.index03 .swiper-product {
	margin-bottom: 0.183333rem;
}

.index03 .swiper-product .swiper-slide {
	display: flex;
	align-items: center;
	justify-content: space-between;
	background-color: #fff;
}

.index03 .swiper-product .swiper-slide .left,
.index03 .swiper-product .swiper-slide .right {
	width: 50%;
}

.index03 .swiper-product .swiper-slide .left h1 {
	font-size: var(--f46);
	font-weight: 400;
	line-height: 1.5;
	color: rgba(51, 51, 51, 1);
	margin-bottom: 0.55rem;
}

.index03 .swiper-product .swiper-slide .left h3 {
	font-size: var(--f28);
	font-weight: 700;
	line-height: 1.4;
}

.index03 .swiper-product .swiper-slide .left h3 span {
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: rgba(0, 0, 0, 0);
	background-image: var(--themeColor);
}

.index03 .swiper-product .swiper-slide .left .test {
	font-size: var(--f18);
	line-height: 1.4;
	color: rgba(51, 51, 51, 1);
	width: 75%;
	margin: 0.255556rem 0 0.266667rem 0;
}

.index03 .swiper-product .swiper-slide .right img {
	width: 100%;
	height: 2.777778rem;
	object-fit: contain;
	object-position: center;
}

.index03 .swiper-thumbs .swiper-slide {
	display: flex;
	align-items: center;
	flex-direction: column;
	justify-content: center;
	cursor: pointer;
}

.index03 .swiper-thumbs .swiper-slide i {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 0.333333rem;
	height: 0.333333rem;
	background: rgba(255, 255, 255, 1);
	margin-bottom: 0.027778rem;
	position: relative;
	border-radius: 50%;
	overflow: hidden;
	background: var(--themeColor);
}

.index03 .swiper-thumbs .swiper-slide i::before {
	content: '';
	position: absolute;
	width: 0.32rem;
	height: 0.32rem;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background-color: #fff;
	border-radius: 50%;
	z-index: 1;
}

.index03 .swiper-thumbs .swiper-slide i::after {
	content: '';
	position: absolute;
	top: 50%;
	right: 20%;
	transform: translate(0, -50%);
	width: 0.111111rem;
	height: 0.111111rem;
	opacity: 0.4;
	background: var(--themeColor);
	filter: blur(15px);
	z-index: 2;
}

.index03 .swiper-thumbs .swiper-slide i img {
	width: 0.222222rem;
	height: 0.222222rem;
	position: relative;
	z-index: 2;
}

.index03 .swiper-thumbs .swiper-slide p {
	font-size: var(--f15);
	line-height: 1.5;
	color: rgba(102, 102, 102, 1);
	height: 0.25rem;
}

.index03 .swiper-thumbs .swiper-slide .icon {
	width: 0.055556rem;
	height: 0.055556rem;
	background: var(--themeColor);
	border-radius: 50%;
	opacity: 0;
	transition: all .36s;
}

.index03 .swiper-thumbs .swiper-slide-thumb-active i::before {
	background-color: initial;
}

.index03 .swiper-thumbs .swiper-slide-thumb-active i img {
	filter: grayscale(100%) brightness(600%);
}

.index03 .swiper-thumbs .swiper-slide-thumb-active p {
	color: rgba(51, 51, 51, 1);
	font-weight: bold;
	height: 0.35rem;
}

.index03 .swiper-thumbs .swiper-slide-thumb-active .icon {
	opacity: 1;
}

.index03 .dashed {
	width: 100%;
	margin-top: -0.03rem;
	border: 0.8px dashed rgba(153, 153, 153, 1);
}

/* end */


/* 第四屏 */

.index04 {
	padding: 0.244444rem 0 0.438889rem 0;
	background: rgba(71, 197, 255, 0.15);
	position: relative;
}

.index04 .title {
	margin-bottom: 0.244444rem;
}

.index04 .title h3 {
	font-size: var(--f46);
	line-height: 1.5;
	color: rgba(51, 51, 51, 1);
}

.index04 .box-list .box-item {
	width: calc((100% - 0.222222rem) / 3);
	height: 3.144444rem;
	border-radius: 0.083333rem;
	position: relative;
	overflow: hidden;
	transition: all .36s;
}

.index04 .box-list .box-item:nth-child(1) img {
	position: absolute;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	transition: ease-out .36s;
}

.index04 .box-list .box-item:nth-child(1)::before {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: linear-gradient(0deg, rgba(0, 82, 176, 1) 0%, rgba(26, 155, 177, 0) 50%);
	z-index: 1;
}

.index04 .box-list .box-item:nth-child(1) .conten {
	position: relative;
	height: 100%;
	padding: 0.166667rem;
	color: rgba(255, 255, 255, 1);
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	z-index: 1;
}

.index04 .box-list .box-item:nth-child(1):hover img {
	transform: scale(1.1);
}

.index04 .box-list .box-item:nth-child(2) {
	display: flex;
	align-items: center;
	flex-direction: column;
	justify-content: space-between;
	overflow: initial;
}

.index04 .box-list .box-item:nth-child(2) a {
	height: 48.5%;
	color: rgba(255, 255, 255, 1);
	border-radius: 0.083333rem;
	background: rgba(255, 255, 255, 1);
	background: linear-gradient(133.79deg, rgba(0, 42, 173, 1) 0%, rgba(26, 155, 177, 1) 100%);
	padding: 0.15rem 0.116667rem;
	transition: all .36s;
}

.index04 .box-list .box-item:nth-child(2) a:nth-child(2) {
	background: #fff;
	color: #000 !important;
}

.index04 .box-list .box-item:nth-child(2) a .more {
	margin-top: .25rem;
}

.index04 .box-list .box-item0:nth-child(2) a:nth-child(2) .more img,
.index04 .box-list .box-item:nth-child(3) .more img {
	filter: invert(1);
}

.index04 .box-list .box-item:nth-child(3) {
	padding: 0.155556rem 0.172222rem;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	background: linear-gradient(224.69deg, rgba(255, 255, 255, 1) 0%, rgba(217, 247, 255, 1) 100%);
}

.index04 .box-list .box-item:nth-child(3) img {
	width: 100%;
	height: 50%;
	object-fit: cover;
	object-position: center;
	border-radius: 0.083333rem;
	transition: all .36s;
}

.index04 .box-list .box-item:nth-child(3) .more {
	margin-top: 0.25rem;
}

.index04 .box-list .box-item .time {
	font-size: var(--f20);
	line-height: 1.4;
}

.index04 .box-list .box-item h3 {
	font-size: var(--f22);
	font-weight: 700;
	line-height: 1.5;
	margin-bottom: 0.055556rem;
}

.index04 .box-list .box-item .intor {
	font-size: var(--f16);
	line-height: 1.5;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	margin: 0.1rem 0 0.044444rem 0;
}

.index04 .box-list .box-item .more {
	font-size: var(--f16);
	line-height: 1.5;
}

.index04 .box-list .box-item .more img {
	position: relative;
	width: 0.138889rem;
	height: 0.138889rem;
	margin-left: 0.05rem;
}

.index04 .box-list .box-item:nth-child(1):hover,
.index04 .box-list .box-item:nth-child(2) a:hover,
.index04 .box-list .box-item:nth-child(3):hover {
	box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.25);
}

/* end */


/* 第五屏 */

.index05 {
	background: url(../images/index03.jpg) no-repeat;
	background-size: cover;
	background-position: center;
	background-attachment: fixed;
	padding: 0.388889rem 0 0.85rem 0;
	position: relative;
}

.index05 .swiper-advantages {
	width: 70%;
	margin: 0.333333rem auto 0.266667rem auto;
}

.index05 .swiper-advantages .swiper-slide {
	font-size: var(--f18);
	line-height: 1.5;
	color: rgba(255, 255, 255, 1);
	text-align: center;
	opacity: 0 !important;
}

.index05 .swiper-advantages .swiper-slide-active {
	opacity: 1 !important;
}

.index05 .swiper-advantages-thumbs .swiper-slide {
	cursor: pointer;
}

.index05 .swiper-advantages-thumbs .swiper-slide div {
	width: 0.988889rem;
	height: 0.988889rem;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 auto;
	border: 0.8px dashed rgba(255, 255, 255, 1);
}

.index05 .swiper-advantages-thumbs .swiper-slide p {
	font-size: var(--f20);
	font-weight: 500;
	line-height: 1.5;
	color: rgba(51, 51, 51, 1);
	display: flex;
	text-align: center;
	align-items: center;
	justify-content: center;
	width: 0.888889rem;
	height: 0.888889rem;
	background: radial-gradient(50% 50% at 50% 50%, rgba(255, 255, 255, 1) 40.56%, rgba(229, 229, 229, 1) 100%);
	box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
	border-radius: 50%;
	margin: 0 auto;
}

.index05 .swiper-advantages-thumbs .swiper-slide-thumb-active p {
	color: rgba(255, 255, 255, 1);
	background: linear-gradient(133.79deg, rgba(0, 42, 173, 1) 0%, rgba(26, 155, 177, 1) 100%);
}

.index05 .advantages-pic {
	margin-top: 0.333333rem;
	position: relative;
}

.index05 .advantages-pic .swiper-pics {
	width: 100%;
	height: 1.472222rem;
	overflow: hidden;
}

.index05 .advantages-pic .swiper-pics img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	transition: all .36s;
}

.index05 .advantages-pic .swiper-pics .swiper-slide {
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.index05 .advantages-pic .swiper-pics .swiper-slide:hover img {
	transform: scale(1.1);
}

.index05 .advantages-pic .prve-next {
	position: absolute;
	width: 108%;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	justify-content: space-between;
}

.index05 .advantages-pic .prve-next img {
	width: 0.288889rem;
	height: 0.288889rem;
}

/* end */


/* 第六屏 */

.index06 {
	padding: 0.266667rem 0 0.6rem 0;
	position: relative;
	background: linear-gradient(180deg, rgba(232, 251, 255, 1) 53.89%, rgba(234, 251, 255, 1) 100%);
}

.index06 h3 {
	font-size: var(--f46);
	line-height: 1.5;
	color: rgba(51, 51, 51, 1);
	margin-bottom: 0.055556rem;
}

.index06 .swiper {
	padding: 0.15rem 0;
	position: relative;
}

.index06 .swiper::before,
.index06 .swiper::after {
	content: '';
	position: absolute;
	top: 0;
	width: 1.666667rem;
	height: 100%;
	z-index: 2;
}

.index06 .swiper::before {
	left: 0;
	background: linear-gradient(90deg, rgba(234, 251, 255, 1.0) 21.11%, rgba(255, 255, 255, 0) 100%);
}

.index06 .swiper::after {
	right: 0;
	background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(232, 251, 255, 1.0) 65%);
}


.index06 .swiper-slide {
	width: auto;
	padding: 0 0.166667rem;
}

.index06 .swiper-slide div {
	width: 1.666667rem;
	height: 0.555556rem;
	border-radius: 0.083333rem;
	background: rgba(255, 255, 255, 1);
	box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);
	overflow: hidden;
}

.index06 .swiper-slide div img {
	width: 100%;
	height: 100%;
	object-fit: contain;
	object-position: center;
}

/* end */


/* 工程 */

/* 第二屏 */

.case01 {
	position: relative;
	z-index: 100;
	margin-top: -0.683333rem;
	padding: 0 0 0.688889rem 0;
}

.case01 .container {
	align-items: flex-end;
}

.case01 .box-type {
	width: calc(100% / 4);
	padding: 0.166667rem 0.244444rem;
}

.case01 .box-type h1 {
	font-size: var(--f36);
	font-weight: 900;
	line-height: 1.2;
	color: rgba(153, 153, 153, 1);
	margin-bottom: 0.038889rem;
	transition: ease-out .36s;
}

.case01 .box-type h3 {
	font-size: var(--f26);
	font-weight: bold;
	line-height: 1.3;
	color: rgba(51, 51, 51, 1);
	transition: ease-out .36s;
}

.case01 .box-type p {
	display: none;
	font-size: var(--f18);
	line-height: 1.4;
	color: rgba(51, 51, 51, 1);
	margin-top: 0.272222rem;
	position: relative;
}

.case01 .box-type p::before {
	content: '';
	position: absolute;
	top: 0;
	left: -0.261111rem;
	height: 0.355556rem;
	border-left: 0.033333rem solid;
	box-sizing: border-box;
	border-image: linear-gradient(180deg, rgba(26, 155, 173, 1) 0%, rgba(0, 42, 173, 1) 100%) 3;
}

.case01 .box-type p::after {
	content: '';
	position: absolute;
	top: 0;
	right: -0.261111rem;
	height: 0.355556rem;
	border-left: 0.033333rem solid;
	box-sizing: border-box;
	border-image: linear-gradient(180deg, rgba(26, 155, 173, 1) 0%, rgba(0, 42, 173, 1) 100%) 3;
}

.case01 .box-type.active {
	border-radius: 0.055556rem 0.055556rem 0 0;
	background: rgba(255, 255, 255, 0.8);
	box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.15);
}

.case01 .box-type:hover h1 span,
.case01 .box-type.active h1 span {
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: rgba(0, 0, 0, 0);
	background-image: var(--themeColor)
}

.case01 .box-type:hover h3 span,
.case01 .box-type.active h3 {
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: rgba(0, 0, 0, 0);
	background-image: var(--themeColor)
}

.case01 .box-type.active p {
	display: block;
}

/* 第二屏 */

.case02 {
	padding: 0 0 0.316667rem 0;
}

.case02 .box-item {
	width: calc((100% - 0.166667rem) / 3);
	height: 1.888889rem;
	margin-right: 0.083333rem;
	margin-bottom: 0.316667rem;
	position: relative;
}

.case02 .box-item:nth-child(3n) {
	margin-right: 0;
}

.case02 .box-item i {
	display: block;
	width: 100%;
	height: 1.555556rem;
	overflow: hidden;
	transition: ease-out .36s;
	position: relative;
}

.case02 .box-item i::before {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	background: linear-gradient(0deg, rgba(0, 42, 173, 1) 0%, rgba(26, 155, 177, 0) 30%);
	opacity: 0;
}

.case02 .box-item i img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

.case02 .box-item .city-title {
	position: absolute;
	right: 0;
	bottom: 0;
}

.case02 .box-item .city {
	font-size: var(--f22);
	line-height: 1.3;
	color: rgba(102, 102, 102, 1);
	margin-right: 0.044444rem;
	transition: ease-out .36s;
}

.case02 .box-item .title {
	font-size: var(--f22);
	font-weight: 500;
	line-height: 1.3;
	color: rgba(51, 51, 51, 1);
	transition: ease-out .36s;
}

.case02 .box-item:hover i {
	height: 100%;
}

.case02 .box-item:hover i::before {
	opacity: 1;
}

.case02 .box-item:hover .city-title {
	left: 0.161111rem;
	bottom: 0.111111rem;
}

.case02 .box-item:hover .city,
.case02 .box-item:hover .title {
	color: #fff;
}

/* end */


/* 工程详情 */

.caseInfo01 {
	padding: 0.188889rem 0 0.666667rem 0;
	position: relative;
}

.caseInfo01 .left {
	width: 48%;
	position: relative;
	z-index: 1;
}

.caseInfo01 .right {
	width: 50%;
	position: relative;
	margin-top: 3.7rem;
}

.caseInfo01 .left .title {
	font-size: var(--f24);
	line-height: 1.4;
	color: rgba(36, 88, 208, 1);
	margin-top: 0.1rem;
	margin-bottom: 0.011111rem;
}

.caseInfo01 .left .name {
	font-size: var(--f42);
	font-weight: 700;
	line-height: 1.5;
	color: rgba(51, 51, 51, 1);
	margin-bottom: 0.45rem;
}

.caseInfo01 .intor h3 {
	font-size: var(--f24);
	font-weight: 700;
	line-height: 1.3;
	color: rgba(51, 51, 51, 1);
	margin-bottom: 0.122222rem;
}

.caseInfo01 .intor p {
	width: 80%;
	font-size: var(--f18);
	line-height: 1.3;
	color: rgba(51, 51, 51, 1);
}

.caseInfo01 .left .caseDate {
	width: 120%;
	padding: 0.194444rem 0.361111rem;
	margin: 0.233333rem 0 0.594444rem 0;
	background: linear-gradient(133.79deg, rgba(0, 42, 173, 1) 0%, rgba(26, 155, 177, 1) 100%);
}

.caseInfo01 .left .caseDate p {
	font-size: var(--f24);
	line-height: 1.5;
	color: rgba(255, 255, 255, 1);
	margin-bottom: 0.055556rem;
}

.caseInfo01 .left .caseDate h3 {
	font-size: var(--f50);
	font-weight: 700;
	line-height: 1;
	color: rgba(255, 255, 255, 1);
}

.caseInfo01 .left .caseDate h3 span {
	font-size: var(--f80);
}

.caseInfo01 .left .caseDate img {
	width: 0.361111rem;
	height: 0.361111rem;
}

.caseInfo01 .right::before {
	content: '';
	position: absolute;
	right: 0;
	bottom: -0.25rem;
	width: 110%;
	height: 2rem;
	background: rgba(235, 247, 255, 1);
	z-index: -1;
}

.caseInfo01 .right-pic {
	position: absolute;
	top: 0.188889rem;
	right: 0;
	width: 50%;
	height: 3.611111rem;
	object-fit: cover;
	object-position: center;
	z-index: 0;
}

/* 第三屏 */

.caseInfo02 {
	padding: 0;
	position: relative;
}

.caseInfo02 .page-title h3 {
	font-size: var(--f46);
	top: 60%;
	color: rgba(51, 51, 51, 1);
}

.caseInfo02 .box-bg img {
	width: calc(100% / 3);
	height: 3.305556rem;
	object-fit: cover;
	object-position: center;
	transition: ease-out .36s;
}

.caseInfo02 .box-conten {
	position: absolute;
	left: 50%;
	bottom: 0;
	width: 100%;
	height: 3.305556rem;
	transform: translate(-50%, 0);
}

.caseInfo02 .box-conten .item {
	width: calc(80% / 3);
	cursor: pointer;
	margin: 0.3rem;
}

.caseInfo02 .box-conten .item h3 {
	font-size: var(--f30);
	font-weight: 700;
	line-height: 1.5;
	color: rgba(255, 255, 255, 1);
	margin-bottom: 0.166667rem;
}

.caseInfo02 .box-conten .item .intor {
	font-size: var(--f18);
	line-height: 1.4;
	color: rgba(255, 255, 255, 1);
	margin-bottom: 0.177778rem;
	opacity: 0;
	transition: ease-out .36s;
}

.caseInfo02 .box-conten .item .html-button {
	border: 0.005556rem solid rgba(255, 255, 255, 1);
	opacity: 0;
	transition: ease-out .36s;
}

.caseInfo02 .box-conten .item .html-button p {
	color: #fff;
}

.caseInfo02 .box-conten .item .html-button i {
	background: rgba(255, 255, 255, 1);
}

.caseInfo02 .box-conten .item.active {
	padding: 0.183333rem 0.25rem;
	border-radius: 0.111111rem;
	background: linear-gradient(90deg, rgba(0, 119, 255, .6) 0%, rgba(0, 119, 255, .6) 100%);
}

.caseInfo02 .box-conten .item.active .intor,
.caseInfo02 .box-conten .item.active .html-button {
	opacity: 1;
}

/* end */


/* 产品 */

.product01 {
	padding: 0.355556rem 0 0.55rem 0;
	position: relative;
}

.product01 .page-title h3 {
	font-size: var(--f46);
	top: 60%;
	color: rgba(51, 51, 51, 1);
}

.product01 .box-list {
	margin-top: 0.561111rem;
}

.product01 .box-list .box-item {
	width: calc((100% - 0.4rem) / 4);
	margin-right: 0.133333rem;
	margin-bottom: 0.455556rem;
}

.product01 .box-list .box-item:nth-child(4n) {
	margin-right: 0;
}

.product01 .box-list .box-item i {
	display: block;
	width: 100%;
	height: 1.722222rem;
	display: flex;
	align-items: center;
	justify-content: center;
	background: url('../images/goodpic.jpg') no-repeat;
	background-size: cover;
	overflow: hidden;
}

.product01 .box-list .box-item i img {
	width: 100%;
	transition: ease-out .36s;
}

.product01 .box-list .box-item .title {
	font-size: var(--f22);
	line-height: 1.5;
	color: rgba(51, 51, 51, 1);
	margin-top: 0.122222rem;
}

.product01 .box-list .box-item .title .icon {
	width: 0.155556rem;
	height: 0.155556rem;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 0.005556rem solid rgba(102, 102, 102, 1);
	transition: ease-out .36s;
}

.product01 .box-list .box-item .title .icon img {
	width: 0.088889rem;
	height: 0.088889rem;
	filter: invert(10);
	transition: ease-out .36s;
}

.product01 .box-list .box-item:hover i img {
	transform: scale(1.1);
}

.product01 .box-list .box-item:hover .title .icon {
	border: 0 solid rgba(102, 102, 102, 1);
	background: linear-gradient(133.79deg, rgba(0, 42, 173, 1) 0%, rgba(26, 155, 177, 1) 100%);
}

.product01 .box-list .box-item:hover .title .icon img {
	filter: invert(0);
}

/* 第三屏 */

.product02 {
	padding: 0.244444rem 0 1rem;
	background: linear-gradient(180deg, rgba(232, 251, 255, 1) 50%, rgba(232, 251, 255, 0) 65%);
	overflow: hidden;
}

.product02 .page-title h3 {
	font-size: var(--f46);
	top: 60%;
	color: rgba(51, 51, 51, 1);
}

.product02 .box-type {
	margin-top: 0.555556rem;
	justify-content: space-between;
}

.product02 .box-type .box-item {
	width: calc((100% - 0.238889rem) / 5);
	font-size: var(--f22);
	line-height: 1.5;
	color: rgba(51, 51, 51, 1);
	text-align: center;
	/* margin-right: 0.127778rem; */
	margin-bottom: 0.111111rem;
	padding: 0.083333rem 0;
	border-radius: 0.333333rem;
	border: 0.005556rem solid rgba(102, 102, 102, 1);
	cursor: pointer;
	transition: ease-out .36s;
}

.product02 .box-type .box-item.active {
	color: #fff;
	border: 0 solid rgba(102, 102, 102, 1);
	background: linear-gradient(133.79deg, rgba(0, 42, 173, 1) 0%, rgba(26, 155, 177, 1) 100%);
}

.product02 .box-pic {
	margin-top: 0.416667rem;
	height: 1.111111rem;
	position: relative;
}

.product02 .box-pic .box-item {
	display: none;
}

.product02 .box-pic .swiper-sparePart {
	position: absolute;
	top: 0;
	left: 0;
	width: 150%;
	height: 100%;
}

.product02 .box-pic .swiper-sparePart img {
	width: 100%;
	height: 100%;
	object-fit: contain;
	object-position: center;
	transition: ease-out .36s;
	box-shadow: 0px 2px 4px rgb(175 175 175 / 36%);
}

.product02 .box-pic .swiper-sparePart img:hover {
	transform: scale(1.1);
}

.product02 .box-pic .box-item.active {
	display: block;
}

/* end */


/* 产品详情 */

.productInfo01 {
	padding: 0.683333rem 0 0.405556rem 0;
	position: relative;
}

.productInfo01 .page-title svg {
	transform: scale(1);
}

.productInfo01 .page-title h3 {
	font-size: var(--f46);
	top: 60%;
	left: 0;
	transform: translate(0, -50%);
	color: rgba(51, 51, 51, 1);
}

.productInfo01 .box-conten {
	min-height: 3.594444rem;
}

.productInfo01 .box-conten .left {
	width: 33%;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	min-height: 3rem;
}

.productInfo01 .box-conten .left a {
	font-size: var(--f20);
	line-height: 1.5;
	padding: 0.111111rem;
	color: rgba(51, 51, 51, 1);
	border-radius: 0.027778rem;
	transition: ease-out .36s;
}

.productInfo01 .box-conten .left a:hover,
.productInfo01 .box-conten .left a.active {
	color: #fff;
	background: linear-gradient(133.79deg, rgba(0, 42, 173, 1) 0%, rgba(26, 155, 177, 1) 100%);
}

.productInfo01 .box-conten .right {
	width: 53%;
	border-radius: 0.055556rem;
	background: rgba(255, 255, 255, 0.8);
	margin-bottom: 0.277778rem;
	padding: 0.111111rem;
}

.productInfo01 .box-conten .right h3 {
	font-size: var(--f28);
	font-weight: 700;
	line-height: 1.5;
	color: #002AAD;
	margin-bottom: 0.111111rem;
}

.productInfo01 .box-conten .right .intor {
	font-size: var(--f18);
	line-height: 1.4;
	color: rgba(51, 51, 51, 1);
}

.productInfo01 .right-pic {
	position: absolute;
	right: 0;
	bottom: 0.405556rem;
	width: 68%;
	height: 3.594444rem;
	object-fit: cover;
	object-position: center;
	z-index: -1;
}

/* 第三屏 */

.productInfo02 {
	padding: 0 0 0.388889rem 0;
	position: relative;
}

.productInfo02 .left-pic {
	position: absolute;
	top: 0;
	left: 0;
	width: 45%;
	height: 4.755556rem;
	object-fit: cover;
	object-position: center
}

.productInfo02 .left {
	width: 1%;
	height: 4.755556rem;
}

.productInfo02 .right {
	width: 53%;
}

.productInfo02 .right h3 {
	font-size: var(--f28);
	font-weight: 700;
	line-height: 1.4;
	margin-bottom: 0.194444rem;
}

.productInfo02 .right h3 span {
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: rgba(0, 0, 0, 0);
	background-image: linear-gradient(133.79deg, rgba(0, 42, 173, 1) 0%, rgba(26, 155, 177, 1) 100%);
}

.productInfo02 .right .intor {
	font-size: var(--f18);
	line-height: 1.3;
	color: rgba(51, 51, 51, 1);
	margin-bottom: 0.616667rem;
}

.productInfo02 .right .box-item {
	width: calc((100% - 0.072222rem) / 2);
	height: 0.666667rem;
	font-size: var(--f20);
	line-height: 1.4;
	color: rgba(51, 51, 51, 1);
	text-align: center;
	border: 0.3px solid rgba(102, 102, 102, 1);
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0 2%;
	margin-bottom: 0.066667rem;
}

/* 第四屏 */

.productInfo03 {
	background: url('../images/productInfo03.jpg') no-repeat;
	background-size: cover;
	background-position: center;
	background-attachment: fixed;
	padding: 0.555556rem 0 0.444444rem 0;
	position: relative;
}

.productInfo03::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0.85;
	background: linear-gradient(133.79deg, rgba(0, 42, 173, 1) 0%, rgba(26, 155, 177, 1) 100%);
}

.productInfo03 p {
	font-size: var(--f36);
	line-height: 1.5;
	color: rgba(255, 255, 255, 1);
	text-align: center;
}

.productInfo03 h3 {
	font-size: var(--f46);
	font-weight: 700;
	line-height: 1.5;
	color: rgba(255, 255, 255, 1);
	text-align: center;
}

.productInfo03 a {
	width: 1rem;
	font-size: var(--f20);
	font-weight: 500;
	line-height: 1.5;
	color: rgba(255, 255, 255, 1);
	text-align: center;
	margin: 0 auto;
	padding: 0.027778rem 0;
	border-radius: 1.088889rem;
	background: rgba(26, 153, 177, 1);
	border: 0.005556rem solid rgba(255, 255, 255, 1);
	margin-top: 0.338889rem;
	transition: ease-out .36s;
}

.productInfo03 a:hover {
	color: rgba(26, 153, 177, 1);
	background-color: #fff;
}

/* 第五屏 */

.productInfo04 {
	padding: 0.505556rem 0 1rem 0;
}

.productInfo04 .page-title h3 {
	top: 60%;
	color: rgba(51, 51, 51, 1);
}

.productInfo04 .box-conten {
	margin-top: 0.277778rem;
	position: relative;
}

.productInfo04 .box-conten .swiper-productInfo {
	height: 2rem;
}

.productInfo04 .box-conten .swiper-productInfo .swiper-slide i {
	width: 100%;
	height: 1.722222rem;
	display: flex;
	align-items: center;
	justify-content: center;
	background: url(../images/goodpic.jpg) no-repeat;
	background-size: cover;
	overflow: hidden;
}

.productInfo04 .box-conten .swiper-productInfo img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	transition: ease-out .36s;
}

.productInfo04 .box-conten .swiper-productInfo .swiper-slide p {
	font-size: var(--f18);
	line-height: 2;
	color: #333;
	text-align: center;
}

.productInfo04 .box-conten .prve-next {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
	transform: translate(-50%, -50%);
	z-index: 1;
}

.productInfo04 .box-conten .prve-next img {
	width: 0.288889rem;
	height: 0.288889rem;
}

/* end */


/* 售后 */

.service01 {
	padding: 0.411111rem 0 0.466667rem 0;
}

.service01 .box-item {
	width: calc((100% - 0.416667rem) / 3);
	height: 2.694444rem;
	border-radius: 0.111111rem;
	overflow: hidden;
	position: relative;
	transition: ease-out .36s;
}

.service01 .box-item:before {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	opacity: 0;
	transition: ease-out .36s;
	background: linear-gradient(133.79deg, rgba(0, 42, 173, 1) 0%, rgba(26, 155, 177, 1) 100%);
}

.service01 .box-item img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

.service01 .box-item .conten {
	position: absolute;
	width: 80%;
	left: 50%;
	bottom: 0.25rem;
	transform: translate(-50%, 0);
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	justify-content: center;
	transition: ease-out .36s;
}

.service01 .box-item .conten img {
	width: 0.222222rem;
	height: 0.222222rem;
	margin-bottom: 0.1rem;
}

.service01 .box-item .conten h3 {
	font-size: var(--f28);
	font-weight: 700;
	line-height: 1.4;
	color: rgba(255, 255, 255, 1);
}

.service01 .box-item .conten p {
	font-size: var(--f18);
	line-height: 1.4;
	color: rgba(255, 255, 255, 1);
	margin-top: 0.538889rem;
	display: none;
}

.service01 .box-item:hover::before {
	opacity: 1;
}

.service01 .box-item:hover p {
	display: block;
}

/* 第三屏 */

.service02 {
	padding: 0 0 0.466667rem 0;
}

.service02 h3 {
	font-size: var(--f48);
	font-weight: 700;
	line-height: 1.5;
	color: rgba(0, 0, 0, 1);
	text-align: center;
	margin-bottom: 0.333333rem;
}

.service02 h3 span {
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: rgba(0, 0, 0, 0);
	background-image: linear-gradient(133.79deg, rgba(0, 42, 173, 1) 0%, rgba(26, 155, 177, 1) 100%);
}

.service02 .swiper-service .swiper-slide {
	width: 4.277778rem;
}

.service02 .swiper-service .swiper-slide img {
	width: 100%;
	height: 2.722222rem;
	object-fit: cover;
	object-position: center;
}

.service02 .swiper-service .swiper-slide h3 {
	font-size: var(--f24);
	font-weight: 500;
	line-height: 1.5;
	color: rgba(0, 0, 0, 1);
	text-align: left;
	margin: 0.138889rem 0 0.055556rem 0 !important;
}

.service02 .swiper-service .swiper-slide p {
	font-size: var(--f18);
	line-height: 1.4;
	color: rgba(51, 51, 51, 1);
	text-align: left;
}

/* 第四屏 */

.service03 {
	background: url(../images/service03.jpg) no-repeat;
	background-size: cover;
	background-position: center;
	background-attachment: fixed;
	padding: 0.716667rem 0;
	position: relative;
}

.service03::before {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	opacity: 0.8;
	background: linear-gradient(133.79deg, rgba(0, 42, 173, 1) 0%, rgba(26, 155, 177, 1) 100%);
}

.service03 h3 {
	font-size: var(--f36);
	font-weight: 700;
	line-height: 1.5;
	color: rgba(255, 255, 255, 1);
	text-align: center;
}

.service03 .box-list {
	margin: 0.555556rem 0 0.333333rem 0;
}

.service03 .box-list .box-item {
	width: calc((100% - 2.5rem) / 3);
	display: flex;
	text-align: center;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	position: relative;
}

.service03 .box-list .box-item:nth-child(1)::before,
.service03 .box-list .box-item:nth-child(2)::before {
	content: '';
	position: absolute;
	width: 1.016667rem;
	top: 0.355556rem;
	left: 100%;
	border-bottom: 0.005556rem dashed rgba(255, 255, 255, 1);
}

.service03 .box-list .box-item img {
	width: 0.177778rem;
	height: 0.177778rem;
}

.service03 .box-list .box-item h3 {
	font-size: var(--f24);
	font-weight: 500;
	line-height: 1.3;
	color: rgba(255, 255, 255, 1);
	margin: 0.083333rem 0 0.111111rem 0;
}

.service03 .box-list .box-item p {
	font-size: var(--f18);
	line-height: 1.5;
	color: rgba(255, 255, 255, 0.7);
}

.service03 a {
	width: 0.977778rem;
	font-size: var(--f18);
	line-height: 1.3;
	color: rgba(255, 255, 255, 1);
	text-align: center;
	margin: 0 auto;
	padding: 0.077778rem 0;
	border-radius: 0.15rem;
	background: linear-gradient(133.79deg, rgba(0, 42, 173, 1) 0%, rgba(26, 155, 177, 1) 100%);
	transition: ease-out .36s;
}

.service03 a:hover {
	background: linear-gradient(133.79deg, rgba(0, 42, 173, 1) 0%, rgba(0, 42, 173, 1) 100%);
}

/* 第五屏 */

.service04 {
	background: initial;
}

.service04 .swiper::before,
.service04 .swiper::after {
	content: '';
	position: absolute;
	top: 0;
	width: 1.666667rem;
	height: 100%;
	z-index: 2;
}

.service04 .swiper::before {
	left: 0;
	background: linear-gradient(90deg, rgba(255, 255, 255, 1.0) 21.11%, rgba(255, 255, 255, 0) 100%);
}

.service04 .swiper::after {
	right: 0;
	background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1.0) 65%);
}

/* end */


/* 新闻 */

.news01 {
	padding: 0.411111rem 0 0.333333rem 0;
}

.news01 .box-item {
	width: 100%;
	height: 1.277778rem;
	border-radius: 0.083333rem;
	margin-bottom: 0.172222rem;
	background: linear-gradient(90deg, rgba(0, 42, 173, .1) 0%, rgba(26, 155, 177, .1) 100%);
	overflow: hidden;
}

.news01 .box-item i {
	display: block;
	width: 30%;
	height: 100%;
	overflow: hidden;
}

.news01 .box-item i img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	transition: ease-out .36s;
}

.news01 .box-item .conten {
	width: 70%;
	height: 100%;
	padding: 0.222222rem;
}

.news01 .box-item .conten h3 {
	font-size: var(--f24);
	font-weight: 500;
	letter-spacing: -1px;
	line-height: 1.5;
	color: rgba(51, 51, 51, 1);
	margin-bottom: 0.222222rem;
	transition: ease-out .36s;
}

.news01 .box-item .conten .intor {
	width: 80%;
	font-size: var(--f18);
	line-height: 1.5;
	color: rgba(51, 51, 51, 1);
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all;
}

.news01 .box-item .conten .time h1 {
	font-size: var(--f60);
	font-weight: 700;
	line-height: 1;
	color: rgba(153, 153, 153, 1)
}

.news01 .box-item .conten .time p {
	font-size: var(--f18);
	font-weight: 500;
	line-height: 1.5;
	color: rgba(153, 153, 153, 1);
	text-align: center;
}

.news01 .box-item:hover i img {
	transform: scale(1.1);
}

.news01 .box-item:hover h3 {
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: rgba(0, 0, 0, 0);
	background-image: linear-gradient(133.79deg, rgba(0, 42, 173, 1) 0%, rgba(26, 155, 177, 1) 100%);
}

/* end */


/* 新闻详情 */

.newInfo01 {
	padding: 0.266667rem 0 1rem 0;
}

.newInfo01 .data {
	font-size: var(--f18);
	line-height: 1.5;
	color: rgba(51, 51, 51, 1);
	padding-bottom: 0.055556rem;
	border-bottom: 0.005556rem solid rgba(153, 153, 153, 1);
}

.newInfo01 .data p {
	margin-right: 0.194444rem;
}

.newInfo01 .box-conten {
	margin-top: 0.383333rem;
}

.newInfo01 .box-conten .left {
	width: 63%;
}

.newInfo01 .box-conten .left h3 {
	font-size: var(--f38);
	font-weight: 700;
	line-height: 1.5;
	color: rgba(51, 51, 51, 1);
	margin-bottom: 0.305556rem;
}

.newInfo01 .box-conten .left .intor {
	font-size: var(--f18);
	line-height: 1.5;
	color: rgba(51, 51, 51, 1);
}

.newInfo01 .box-conten .left .intor img {
	max-width: 100%;
	margin: 0.111111rem 0;
}

.newInfo01 .box-conten .right {
	width: 30%;
}

.newInfo01 .box-conten .right .box-sticky {
	height: calc(100% - 1.2rem);
	position: relative;
}

.newInfo01 .box-conten .right .sticky {
	position: sticky;
	top: 0.8rem;
	padding: 0.166667rem;
	border-radius: 0.005556rem;
	background: rgba(255, 255, 255, 1);
	box-shadow: 0 0.011111rem 0.111111rem rgba(0, 0, 0, 0.1);
	margin-bottom: 0.25rem;
}

.newInfo01 .box-conten .right form {
	margin-bottom: 0.472222rem;
}

.newInfo01 .box-conten .right form h3 {
	width: 100%;
	font-size: var(--f22);
	font-weight: 500;
	line-height: 1.5;
	color: rgba(255, 255, 255, 1);
	margin-bottom: 0.083333rem;
	padding: 0.027778rem 0.088889rem;
	border-radius: 0.027778rem;
	background: linear-gradient(133.79deg, rgba(0, 42, 173, 1) 0%, rgba(26, 155, 177, 1) 100%);
}

.newInfo01 .box-conten .right form input,
.newInfo01 .box-conten .right form textarea {
	width: 100%;
	font-size: var(--f16);
	line-height: 1.5;
	border-radius: 0.027778rem;
	border: 0.3px solid rgba(153, 153, 153, 1);
	padding: 0.027778rem 0.088889rem;
	margin-bottom: 0.083333rem;
}

.newInfo01 .box-conten .right form textarea {
	height: 0.933333rem;
}

.newInfo01 .box-conten .right form button {
	width: 1.022222rem;
	font-size: var(--f22);
	font-weight: 500;
	line-height: 1.5;
	color: rgba(255, 255, 255, 1);
	text-align: center;
	border: 0;
	margin-left: calc(100% - 1.022222rem);
	padding: 0.027778rem 0;
	border-radius: 0.027778rem;
	background: linear-gradient(133.79deg, rgba(0, 42, 173, .8) 0%, rgba(26, 155, 177, .8) 100%);
	transition: ease-out .36s;
}

.newInfo01 .box-conten .right form button:hover {
	background: linear-gradient(133.79deg, rgba(0, 42, 173, 1) 0%, rgba(26, 155, 177, 1) 100%);
}

.newInfo01 .box-conten .right .phone {
	font-size: var(--f22);
	font-weight: 500;
	line-height: 1.5;
	color: rgba(51, 51, 51, 1);
	margin-bottom: 0.388889rem;
}

.newInfo01 .box-conten .right .phone h3 span {
	font-size: var(--f42);
	font-weight: 700;
	line-height: 1.8;
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: rgba(0, 0, 0, 0);
	background-image: linear-gradient(133.79deg, rgba(0, 42, 173, 1) 0%, rgba(26, 155, 177, 1) 100%);
}

.newInfo01 .box-conten .right .contact {
	font-size: var(--f18);
	line-height: 1.5;
	color: rgba(51, 51, 51, 1);
}

.newInfo01 .box-conten .right .contact .item {
	display: flex;
}

.newInfo01 .box-conten .right .contact .item p:nth-child(1) {
	white-space: nowrap;
}

.newInfo01 .box-conten .right .other-news {
	font-size: var(--f18);
	font-weight: 400;
	line-height: 1.5;
	color: rgba(51, 51, 51, 1);
	margin-bottom: 0.25rem;
}

.newInfo01 .box-conten .right .other-news h3 {
	font-size: var(--f22);
	font-weight: 500;
	line-height: 1.5;
	color: rgba(51, 51, 51, 1);
	margin-bottom: 0.1rem;
	padding-bottom: 0.1rem;
	border-bottom: 0.027778rem solid;
	box-sizing: border-box;
	border-image: linear-gradient(133.79deg, rgba(0, 42, 173, 1) 0%, rgba(26, 155, 177, 1) 100%) 5;
}

.newInfo01 .box-conten .right .other-news .item p:nth-child(1) {
	white-space: nowrap;
}

/* end */


/* 关于 */

/* 第一屏 */

.about01 {
	padding: 0.294444rem 0 0.422222rem 0;
}

.about01 .top {
	margin-bottom: 0.177778rem;
	padding-bottom: 0.327778rem;
	border-bottom: 0.5px solid rgba(153, 153, 153, 1);
}

.about01 .top .left {
	width: 45%;
}

.about01 .top .left h1 {
	font-size: var(--f46);
	line-height: 1.5;
	color: rgba(51, 51, 51, 1);
	margin-bottom: 0.25rem;
}

.about01 .top .left i {
	display: block;
	width: 100%;
	height: 1.588889rem;
	overflow: hidden;
	position: relative;
}

.about01 .top .left i::before {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 0.444444rem;
	height: 0.444444rem;
	background: url(../images/viode.svg);
	background-size: 100% 100%;
	z-index: 5;
}

.about01 .top .left i img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	transition: ease-out .36s;
}

.about01 .top .left i:hover img {
	transform: scale(1.1);
}

.about01 .top .right {
	width: 50%;
}

.about01 .top .right p {
	font-size: var(--f18);
	line-height: 1.5;
	color: rgba(51, 51, 51, 1);
}

.about01 .top .right h3 {
	font-size: var(--f28);
	font-weight: 700;
	line-height: 1.5;
	color: #084DAE;
	margin: 0.25rem 0;
}

.about01 .buttom .left {
	width: 45%;
}

.about01 .buttom .left .item h3 {
	font-size: var(--f22);
	font-weight: 500;
	letter-spacing: 1px;
	line-height: 1;
	display: flex;
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: rgba(0, 0, 0, 0);
	background-image: linear-gradient(133.79deg, rgba(0, 42, 173, 1) 0%, rgba(26, 155, 177, 1) 100%);
	margin-bottom: 0.055556rem;
}

.about01 .buttom .left .item h3 span {
	font-size: var(--f42);
	font-weight: 900;
	letter-spacing: -1px;
	margin-right: 0.033333rem;
}

.about01 .buttom .left .item p {
	font-size: var(--f18);
	line-height: 1;
	color: rgba(51, 51, 51, 1);
}

.about01 .buttom .right {
	width: 50%;
	font-size: var(--f130);
	font-weight: bold;
	line-height: 1;
	color: #fff;
	white-space: nowrap;
	text-stroke: 0.005556rem #C1CFEA;
	-webkit-text-stroke: 0.005556rem #C1CFEA;
	position: relative;
}

.about01 .buttom .right::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(180deg, rgba(255, 255, 255, 0) 20%, rgba(255, 255, 255, 1) 100%);
	z-index: 1;
}

/* 第二屏 */

.about02 {
	padding: 0.961111rem 0 1.844444rem 0;
	position: relative;
}

.about02 video {
	position: absolute;
	z-index: -1;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	top: 0;
	left: 0;
}

.about02::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0.5;
	background: linear-gradient(133.79deg, rgba(0, 42, 173, 1) 0%, rgba(26, 155, 177, 1) 100%);
}

.about02 h3 {
	font-size: var(--f40);
	font-weight: 700;
	line-height: 1.5;
	color: rgba(255, 255, 255, 1);
	margin-bottom: 0.416667rem;
	text-align: center;
}

.about02 .intor {
	width: 70%;
	font-size: var(--f24);
	font-weight: 500;
	line-height: 1.5;
	color: rgba(255, 255, 255, 1);
	text-align: center;
	margin: 0 auto;
}

/* 第四屏 */

.about03 {
	background: url('../images/map.png') no-repeat;
	background-size: cover;
	background-position: center;
	margin: 0.188889rem 0 0.305556rem 0;
}

.about03 .page-title {
	margin-bottom: 0.15rem;
}

.about03 .page-title svg {
	transform: scale(1);
}

.about03 .page-title h3 {
	top: 60%;
	left: 0;
	transform: translate(0%, -50%);
}

.about03 .page-title h3 span {
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: rgba(0, 0, 0, 0);
	background-image: linear-gradient(133.79deg, rgba(0, 42, 173, 1) 0%, rgba(26, 155, 177, 1) 100%);
}

.about03 .left {
	display: none;
	width: 30%;
}

.about03 .left h3 {
	font-size: var(--f40);
	line-height: 1;
	color: rgba(51, 51, 51, 1);
	margin-bottom: 0.288889rem;
}

.about03 .swiper-workshop {
	width: 100%;
	height: 1.666667rem;
}

.about03 .swiper-workshop img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

.about03 .right {
	width: 100%;
}

.about03 .right .swiper-course {
	width: 100%;
	height: 3.555556rem;
	position: relative;
}

.about03 .right .swiper-course::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .8) 100%);
	z-index: 2;
	pointer-events: none;
}

.about03 .right .swiper-course .swiper-slide {
	display: flex;
	align-items: baseline;
}

.about03 .right .swiper-course .swiper-slide h1 {
	font-size: var(--f60);
	font-weight: bold;
	line-height: 1;
	color: rgba(166, 166, 166, 1);
	transition: ease-out .36s;
}

.about03 .right .swiper-course .swiper-slide .conten {
	display: flex;
}

.about03 .right .swiper-course .swiper-slide .conten img {
	width: 0.111111rem;
	height: 0.111111rem;
	margin: 0 0.094444rem 0 0.072222rem;
	filter: grayscale(100%) brightness(150%);
	transition: ease-out .36s;
}

.about03 .right .swiper-course .swiper-slide .conten p {
	font-size: var(--f20);
	line-height: 1.5;
	color: rgba(51, 51, 51, 1);
	width: calc(100% - 0);
}

.about03 .right .swiper-course .swiper-slide-active h1 {
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: rgba(0, 0, 0, 0);
	background-image: linear-gradient(133.79deg, rgba(0, 42, 173, 1) 0%, rgba(26, 155, 177, 1) 100%);
}

.about03 .right .swiper-course .swiper-slide-active .conten img {
	filter: initial;
}

/* 第五屏 */

.about04 {
	background: rgba(235, 247, 255, 1);
	padding: 0.444444rem 0;
}

.about04 .title {
	width: 50%;
}

.about04 .title h1 {
	font-size: var(--f46);
	line-height: 1;
	color: rgba(51, 51, 51, 1);
}

.about04 .swiper-about {
	height: 2.333333rem;
}

.about04 .swiper-about .swiper-slide {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.about04 .swiper-about .swiper-slide .left {
	width: 50%;
}

.about04 .swiper-about .swiper-slide .left h3 {
	font-size: var(--f28);
	font-weight: 700;
	line-height: 1.5;
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: rgba(0, 0, 0, 0);
	background-image: linear-gradient(133.79deg, rgba(0, 42, 173, 1) 0%, rgba(26, 155, 177, 1) 100%);
	margin-bottom: 0.122222rem;
}

.about04 .swiper-about .swiper-slide .left .intor {
	font-size: var(--f18);
	line-height: 1.5;
	color: rgba(102, 102, 102, 1);
}

.about04 .swiper-about .swiper-slide .right {
	width: 45%;
	height: 100%;
	border-radius: 0.138889rem;
	overflow: hidden;
}

.about04 .swiper-about .swiper-slide .right img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	transition: ease-out .36s;
}

.about04 .swiper-pagination {
	position: relative;
	bottom: inherit;
	left: inherit;
	width: 10%;
	height: 0.15rem;
	font-size: var(--f18);
	line-height: 1;
}

.about04 .swiper-pagination::before {
	content: '';
	position: absolute;
	top: 50%;
	left: -0.544444rem;
	width: 0.544444rem;
	border: 0.005556rem solid rgba(0, 42, 173, 1);
	transform: translate(0px, -50%);
}

.about04 .swiper-pagination-current {
	color: rgba(0, 42, 173, 1);
}

.about04 .prve-next {
	position: relative;
	z-index: 2;
}

.about04 .prve-next img {
	width: 0.288889rem;
	height: 0.288889rem;
	filter: grayscale(100%) brightness(50%);
	margin-right: 0.122222rem;
	cursor: pointer;
	margin-top: -0.288889rem;
}

/* 第六屏 */

.about05 {
	padding: 0.516667rem 0 1rem 0;
}

.about05 .page-title h3 {
	top: 60%;
	color: rgba(51, 51, 51, 1);
}

.about05 .box-list {
	margin-top: 0.388889rem;
}

.about05 .box-list .box-item {
	width: calc((100% - 1.111111rem) / 4);
	height: 2.5rem;
	margin-right: 0.055556rem;
	padding: 0.305556rem 0.1rem 0.183333rem 0.1rem;
	border-radius: 0.055556rem;
	background: rgba(245, 253, 255, 1);
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	cursor: pointer;
	transition: ease-out .36s;
}

.about05 .box-list .box-item:nth-child(4) {
	margin-right: 0;
}

.about05 .box-list .box-item .top h3 {
	font-size: 0.155556rem;
	font-weight: 700;
	line-height: 1.5;
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: rgba(0, 0, 0, 0);
	background-image: linear-gradient(133.79deg, rgba(0, 42, 173, 1) 0%, rgba(26, 155, 177, 1) 100%);
	margin-bottom: 0.111111rem;
	transition: ease-out .36s;
}

.about05 .box-list .box-item .top p {
	font-size: var(--f18);
	line-height: 1.5;
	color: rgba(51, 51, 51, 1);
	transition: ease-out .36s;
}

.about05 .box-list .box-item .buttom {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.about05 .box-list .box-item .buttom p {
	font-size: var(--f20);
	font-weight: 500;
	line-height: 1.5;
	color: rgba(255, 255, 255, 1);
	display: none;
	transition: ease-out .36s;
}

.about05 .box-list .box-item .buttom img {
	width: 0.333333rem;
	height: 0.333333rem;
	transition: ease-out .36s;
}

.about05 .box-list .box-item.active {
	width: calc((100% - 1.111111rem) / 4 + 0.944444rem);
	background: linear-gradient(133.79deg, rgba(0, 42, 173, 1) 0%, rgba(26, 155, 177, 1) 100%);
}

.about05 .box-list .box-item.active .top h3 {
	background-image: linear-gradient(133.79deg, rgba(255, 255, 255, 1.0) 0%, rgba(255, 255, 255, 1.0) 100%);
}

.about05 .box-list .box-item.active .top p {
	color: rgba(255, 255, 255, 1);
}

.about05 .box-list .box-item.active .buttom p {
	display: block;
}

.about05 .box-list .box-item.active .buttom img {
	filter: grayscale(100%) brightness(600%);
}

/* 关于2 */

/* 第二屏 */

.about06 {
	padding: 0.166667rem 0 0.5rem 0;
	height: 5.083333rem;
	position: relative;
}

.about06 .container {
	height: 100%;
}

.about06 .map {
	width: 75%;
	height: 100%;
	margin-left: auto;
	position: relative;
}

.about06 .map img {
	width: 100%;
	height: 100%;
	object-fit: contain;
	object-position: center;
}

.about06 .map .box-list {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 1;
}

.about06 .map .box-list .box-item {
	position: absolute;
	font-size: var(--f18);
	line-height: 1.5;
	color: rgba(51, 51, 51, 1);
}

.about06 .map .box-list .box-item .icon {
	display: block;
	width: 0.066667rem;
	height: 0.066667rem;
	border-radius: 50%;
	background: rgba(255, 87, 51, 1);
	margin: 0 auto;
	position: relative;
	margin-bottom: 0.1rem;
}

.about06 .map .box-list .box-item .icon::before {
	content: ' ';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	background: rgba(255, 87, 51, 0.6);
	opacity: 1;
	animation: pulse 2s infinite ease-out;
	z-index: -1;
}

@keyframes pulse {
	0% {
		transform: scale(1);
		opacity: 1;
	}

	100% {
		transform: scale(3);
		opacity: 0;
	}
}

.about06 .map .box-list .box-item .icon::after {
	content: ' ';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	background: rgba(255, 87, 51, 0.4);
	opacity: 1;
	animation: pulse2 2s infinite ease-out;
	z-index: -1;
}

@keyframes pulse2 {
	0% {
		transform: scale(1.5);
		opacity: 1;
	}

	100% {
		transform: scale(4.5);
		opacity: 0;
	}
}

.about06 .map .box-list .box-item2 .icon {
	background: rgba(5, 64, 173, 1);
}

.about06 .map .box-list .box-item2 .icon::before {
	background: rgba(5, 64, 173, 0.6);
}

.about06 .map .box-list .box-item2 .icon::after {
	background: rgba(5, 64, 173, 0.4);
}

.about06 .left {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	margin: 0 0.166667rem;
}

.about06 .left .page-title svg {
	transform: scale(1);
}

.about06 .left .page-title h3 {
	top: 60%;
	left: 0;
	color: rgba(51, 51, 51, 1);
	transform: translate(0%, -50%);
}

.about06 .left .conten {
	width: 30%;
}

.about06 .left .conten h3 {
	font-size: var(--f28);
	font-weight: 700;
	line-height: 1.5;
}

.about06 .left .conten h3 span {
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: rgba(0, 0, 0, 0);
	background-image: linear-gradient(133.79deg, rgba(0, 42, 173, 1) 0%, rgba(26, 155, 177, 1) 100%);
}

.about06 .left .conten .icon {
	width: 100%;
	border-bottom: 0.005556rem solid rgba(102, 102, 102, 1);
	margin: 0.105556rem 0 0.138889rem 0;
	position: relative;
}

.about06 .left .conten .icon::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 0.3rem;
	border: 0.016667rem solid rgba(31, 73, 153, 1);
	transform: translate(0, -50%);
}

.about06 .left .conten .intor {
	font-size: var(--f18);
	line-height: 1.5;
	color: rgba(51, 51, 51, 1);
}

/* 第三屏 */

.about07 {
	background: linear-gradient(180deg, rgba(232, 251, 255, 1) 53.89%, rgba(232, 251, 255, 0) 100%);
	padding: 0.25rem 0 0.605556rem 0;
	height: 5rem;
	position: relative;
}

.about07 h3 {
	font-size: var(--f28);
	font-weight: 700;
	line-height: 1.5;
	margin-bottom: 0.155556rem;
}

.about07 h3 span {
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: rgba(0, 0, 0, 0);
	background-image: linear-gradient(133.79deg, rgba(0, 42, 173, 1) 0%, rgba(26, 155, 177, 1) 100%);
}

.about07 .intor {
	font-size: var(--f18);
	line-height: 1.5;
	color: rgba(51, 51, 51, 1);
	width: 45%;
}

.about07 .swiper-glory {
	height: 3.35rem;
	position: absolute;
	left: 0;
	bottom: 0.605556rem;
	overflow: hidden;
}

.about07 .swiper-glory .swiper-slide {
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	transition: ease-out .36s;
}

.about07 .swiper-glory .swiper-slide img {
	width: 80%;
	margin: 0 auto;
	object-fit: cover;
	object-position: center;
	transition: ease-out .36s;
}

.about07 .swiper-glory .swiper-slide:nth-child(5) img,
.about07 .swiper-glory .swiper-slide-duplicate-prev img {
	width: 100%;
	height: 95%;
	margin: 0;
	transform: scale(1);
}

/* end */


/* 联系我们 */

.contact01 {
	background: linear-gradient(180deg, rgba(232, 251, 255, 1) 53.89%, rgba(232, 251, 255, 0) 100%);
	padding: 0.138889rem 0 0.5rem 0;
}

.contact01 .left {
	width: 30%;
}

.contact01 .left img {
	width: 100%;
	height: 3.238889rem;
	object-fit: cover;
	object-position: center;
	border-radius: 0.138889rem;
}

.contact01 .right {
	width: 65%;
}

.contact01 .right h3 {
	font-size: var(--f46);
	line-height: 1.5;
	color: rgba(51, 51, 51, 1);
	margin-bottom: 0.277778rem;
}

.contact01 .right form .item {
	width: calc((100% - 0.5rem) / 3);
	margin-right: 0.25rem;
	margin-bottom: 0.166667rem;
	display: flex;
	flex-direction: column;
}

.contact01 .right form .item2 {
	width: 100%;
	margin-right: 0rem;
}

.contact01 .right form .item p {
	font-size: var(--f16);
	line-height: 1.5;
	color: rgba(102, 102, 102, 1);
}

.contact01 .right form .item p span {
	color: rgba(255, 0, 0, 1);
}

.contact01 .right form .item input,
.contact01 .right form .item textarea {
	width: 100%;
	font-size: var(--f16);
	line-height: 1.5;
	color: rgba(102, 102, 102, 1);
	margin-top: 0.055556rem;
	padding: 0.072222rem;
	border-radius: 0.027778rem;
	background: rgba(255, 255, 255, 1);
	border: 0.005556rem solid rgba(230, 230, 230, 1);
}

.contact01 .right form .item textarea {
	height: 0.722222rem;
}

.contact01 .right form .item:nth-child(2),
.contact01 .right form .item:nth-child(4) {
	margin-right: 0rem;
}

.contact01 .right form .item:nth-child(2),
.contact01 .right form .item:nth-child(4){
	width: calc((100% - 0.5rem) / 3 * 2 + 0.25rem);
}

.contact01 .right form button {
	width: 1.294444rem;
	font-size: var(--f28);
	line-height: 2;
	color: rgba(255, 255, 255, 1);
	text-align: center;
	margin: 0 auto;
	border: 0;
	border-radius: 0.6rem;
	background: linear-gradient(133.79deg, rgba(0, 42, 173, .9) 0%, rgba(26, 155, 177, .9) 100%);
	transition: ease-out .36s;
}

.contact01 .right form button:hover {
	background: linear-gradient(133.79deg, rgba(0, 42, 173, 1) 0%, rgba(26, 155, 177, 1) 100%);
}

/* end */


/* 底部 */

footer {
	position: relative;
	padding: 0.555556rem 0 0 0;
	background: linear-gradient(133.79deg, rgba(0, 42, 173, 1) 0%, rgba(26, 155, 177, 1) 100%);
}

footer .wave {
	top: -0.444444rem;
	bottom: initial;
}

footer .logo {
	height: 0.783333rem;
}

footer .box-conten {
	width: 80%;
}

footer .box-conten .box-item:nth-child(1) {
	width: 45%;
}

footer .box-conten .box-item:nth-child(2) {
	width: 15%;
}

footer .box-conten .box-item:nth-child(3) {
	width: 40%;
}

footer .box-conten .box-item h3 {
	font-size: var(--f24);
	font-weight: bold;
	line-height: 1.5;
	color: rgba(255, 255, 255, 1);
	margin-bottom: 0.155556rem;
}

footer .box-conten .box-item a {
	width: 50%;
	font-size: var(--f18);
	font-weight: 500;
	line-height: 1.5;
	color: rgba(255, 255, 255, .8);
	margin-bottom: 0.055556rem;
	transition: all .36s;
}

footer .box-conten .box-item:nth-child(2) a {
	width: 100%;
}

footer .box-conten .box-item a:hover {
	color: rgba(255, 255, 255, 1);
}

footer .box-conten .box-item:nth-child(3) h4 {
	font-size: var(--f22);
	font-weight: 500;
	line-height: 1.5;
	color: rgba(255, 255, 255, 1);
}

footer .box-conten .box-item:nth-child(3) .icon {
	padding: 0.166667rem 0 0.333333rem 0;
}

footer .box-conten .box-item:nth-child(3) .icon a {
	width: 0.166667rem;
	height: 0.166667rem;
	margin-right: 0.155556rem;
	position: relative;
}

footer .box-conten .box-item:nth-child(3) .icon a img {
	width: 100%;
	height: 100%;
}

footer .box-conten .box-item:nth-child(3) .icon a img:nth-child(2) {
	width: 0.833333rem;
	height: 0.833333rem;
	position: absolute;
	top: 0.25rem;
	left: 50%;
	transform: translate(-50%, 0px);
	display: none;
}

footer .box-conten .box-item:nth-child(3) .icon a:hover img:nth-child(2)  {
	display: block;
}

footer .box-conten .phone p {
	font-size: var(--f22);
	font-weight: 500;
	line-height: 1.5;
	color: rgba(255, 255, 255, 1);
}

footer .box-conten .phone h3 {
	font-size: var(--f42);
	font-weight: 700;
	line-height: 2;
	color: rgba(255, 255, 255, 1);
}

footer .box-conten .info-item {
	display: flex;
	font-size: var(--f18);
	line-height: 1.8;
	color: rgba(255, 255, 255, 1);
}

footer .box-conten .info-item p:nth-child(1) {
	white-space: nowrap;
}

footer .web {
	padding: 0.555556rem 0 0.111111rem 0;
	font-size: var(--f15);
	font-weight: 300;
	line-height: 1.5;
	color: rgba(255, 255, 255, 0.7);
}

/* end */



/* 首页第一屏修改 css */

.index1 {
	background-size: cover;
	background-position: center;
	background: linear-gradient(180deg, rgba(232, 251, 255, 1) 53.89%, rgba(232, 251, 255, 0) 100%);
}

.index1 .row {
	max-width: 1920px;
	height: 100%;
	margin: 0 auto;
	background: linear-gradient(180deg, rgba(232, 251, 255, 1) 53.89%, rgba(232, 251, 255, 0) 100%);
}

.index1 .row .col {
	max-width: 1750px;
	height: 100%;
	padding-left: 0.166667rem;
	margin-left: auto;
	display: flex;
	align-items: center;
}

.left_s {
	padding-top: 5rem;
}

.index1 .left {
	width: 45%;
}

.index1 .left .index_title {
	font-size: var(--f46);
	line-height: 1.5;
	color: rgba(51, 51, 51, 1);
}

.index1 .left .text {
	font-size: var(--f22);
	color: #666666;
	line-height: 1.94;
	text-indent: 2em;
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 5;
	line-clamp: 5;
	-webkit-box-orient: vertical;
	margin-top: 0.088889rem;
	margin-bottom: 0.227778rem;
}

.index1 .left .box-data {
	margin-top: 0.466667rem;
}

.index1 .left .box-item {
	width: 50%;
	margin-top: 0.411111rem;
}

.index1 .left .box-item h3 {
	display: flex;
	font-size: var(--f22);
	font-weight: 500;
	letter-spacing: 1px;
	line-height: 1;
	margin-bottom: 0.055556rem;
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: rgba(0, 0, 0, 0);
	background-image: var(--themeColor);
}

.index1 .left .box-item span {
	display: block;
	white-space: nowrap;
	font-size: var(--f42);
	font-weight: 900;
	letter-spacing: -1px;
	line-height: 1.2;
	margin-top: -0.061111rem;
	margin-right: 0.044444rem;
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: rgba(0, 0, 0, 0);
	background-image: var(--themeColor);
}

.index1 .left .box-item p {
	font-size: var(--f18);
	line-height: 1;
	color: rgba(51, 51, 51, 1);
}


.index1 .left .link {
	width: 8rem;
	line-height: 2.35rem;
	background: #bf1d1d;
	color: #fff;
	font-size: .9rem;
	text-align: center;
	margin-top: 4rem;
	transition: ease-out .36s;
}

.index1 .left .link:hover {
	opacity: .8;
}

.index1 .index1_img {}

.index1 .index1_img img {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 100%;
	height: 100%;
	transform: translate(-50%, -50%);
	object-fit: cover;
	object-position: center;
	transition: ease-out .36s;
}


.index1 .index1_img div {
	/* clip-path: polygon(0 0, 0% 500%, 100% 0%); */
	width: 100%;
	position: relative;
	padding-bottom: 51.47%;
	clip-path: polygon(18% 0,
			/* 左上角 */
			100% 0,
			/* 右上角，这里的100%指的是容器的宽度 */
			100% 100%,
			/* 右下角，这里通过calc()减少了一些宽度以形成梯形效果 */
			0 100%
			/* 左下角 */
		);
	overflow: hidden;
}

.index1 .right {
	flex: 1;
	overflow: hidden;
	position: relative;
}

.index1 .right .img {
	position: relative;
}

.index1 .right .img img {
	width: 100%;
	transition: ease-out 1s;
}

.index1 .right .img img:nth-child(2) {
	position: absolute;
	right: 0;
	top: 0;
	opacity: 0;
}



.home_view {
	height: 250vh;
	overflow: hidden;
}

/* .home_view.act .row{
  padding-right: 17px;
} */

.home_view_box {
	height: 100vh;
	position: relative;
}

.home_lead {
	width: 100%;
	height: 100vh;
	position: relative;

}

.home_lead {
	position: absolute;
	width: 100%;
	height: 100vh;
	top: 0;
	left: 0;
	z-index: 5;
}

.home_lead>div {
	width: 100%;
	height: 100%;
	transition: all 0.36s;
	/* background: url(../images/index1_bg.png) #fff no-repeat; */
	background: linear-gradient(180deg, rgba(232, 251, 255, 1) 53.89%, rgba(232, 251, 255, 0) 100%);
	background-size: cover;
	background-position: center;
	position: relative;
}

.home_view.end .home_lead>div {
	opacity: 0;
	pointer-events: none;
}

.home_about {
	width: 100vw;
	height: 100vh;
	overflow: hidden;
	position: relative;
}

.home_about .home_right {
	position: absolute;
	left: 101%;
	top: 0;
	width: 100%;
	height: 100%;
	transition: 1s;
}

.home_about .home_right::after {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(to right, rgba(29, 37, 50, 0.85) 0%, rgba(29, 37, 50, 0) 100%);
	z-index: 2;
}

.home_about .row {
	position: relative;
	z-index: 3;
}

.home_about .home_right img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	display: none;
}

.home_about .home_right video {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

.home_about.on .left .link {
	position: relative;
	z-index: 10;
}

.home_about.on .home_right {
	left: 0;
}

.home_about .row {
	position: relative;
	text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.25);
}

.home_about .left .text,
.home_about .index_title {
	color: #fff;
}

.home_about .index_title span {
	color: rgba(255, 71, 71, 1);
}

.home_view.end_time .home_lead {
	z-index: 0;
}

.index1 .right .img.on img {
	opacity: 0;
}

.index1 .right .img.on img:nth-child(2) {
	opacity: 1;
}

.index1 .right .swiper-3d .swiper-slide-shadow {
	display: none;
}

.index1 .right .swiper-slide {
	opacity: 0 !important;
	transition: ease-out .36s;
}

.index1 .right .swiper-slide img {
	width: 100%;
}

.index1 .right .swiper-slide-next,
.index1 .right .swiper-slide-active {
	opacity: 1 !important;
}

.index1 .right a {
	position: absolute;
	right: 10rem;
	bottom: 1.2rem;
	display: flex;
	align-items: center;
	font-size: .9rem;
	color: #fff;
	z-index: 2;
	padding: .5rem 1rem;
}

.index1 .end .row {
	background: initial;
}

.index1 .end .left .box-item p,
.index1 .end .left .box-item h3,
.index1 .end .left .box-item span,
.index1 .end .left .index_title,
.index1 .end .html-button p {
	color: #fff;
	-webkit-text-fill-color: initial;
}

.index1 .end .html-button {
	border: 1px solid rgba(255, 255, 255, 1);
}

.index1 .end .html-button i {
	background: #fff;
}

.index1 .end .html-button i img {
	filter: invert(10);
}

/* end */