/* 初始化&公用 */
* {
	padding: 0;
	border: 0;
	margin: 0;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	-webkit-text-size-adjust: 100%;
	font-family: "almm";
	transition: 0.3s;
}

.w80 {
	width: 82%;
	margin: auto;
}

@font-face {
	font-family: almm;
	src: url('../fonts/AlimamaFangYuanTiVF-Thin.ttf');
}
@font-face {
	font-family: almmL;
	src: url('../fonts/almmlight.ttf');
}

@font-face {
	font-family: almmR;
	src: url('../fonts/almmregular.ttf');
}

@font-face {
	font-family: almmB;
	src: url('../fonts/almmmedium.ttf');
}

li {
	list-style: none;
}

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

.pad {
	padding-left: 9%;
	padding-right: 9%;
	transition: ease .3s;
	box-sizing: border-box;
}

.clear {
	clear: both;
}

/* 上一个 / 下一个 */
.show_next_prev {
	overflow: hidden;
	width: 100%;
	padding-top: 20px;
	margin-top: 20px;
	border-top: 1px dashed #ddd;
	line-height: 30px;
	transition: ease .3s;
}

.show_next_prev p {
	float: left;
	font-size: 14px;
	color: #333;
	margin-right: 20px;
	cursor: pointer;
	user-select: none;
	transition: ease .3s;
}

.show_next_prev p a {
	color: #999;
	transition: ease .3s;
}

.show_next_prev p:hover a {
	color: #1279d7;
}

/* 上一个 / 下一个-结束 */

/* 翻页 */

.page_info,
.page_info ul {
	overflow: hidden;
	width: 100%;
}

.page_info {
	margin-bottom: 20px;
}

.page_info ul li {
	float: left;
	cursor: pointer;
	margin-right: 10px;
	margin-bottom: 10px;
	border: 1px solid #eee;
	overflow: hidden;
	border-radius: 6px;
	user-select: none;
	transition: ease .3s;
	background: #fff;
}

.page_info ul li a {
	font-size: 16px;
	display: block;
	color: #999;
	padding: 0 15px;
	height: 30px;
	line-height: 30px;
	transition: ease .3s;
}

.page_info ul li.cur,
.page_info ul li:hover {
	border-color: #1279d7;
}

.page_info ul li.cur a,
.page_info ul li:hover a {
	background: #1279d7;
	color: #fff;
}

.page_info ul li.none {
	border-color: #eee !important;
	cursor: not-allowed;
}

.page_info ul li.none a {
	color: #999 !important;
	background: #eee !important;
}

.loadmore-tips {
	font-size: 14px;
	color: #999;
	text-align: center;
	display: block;
	margin-bottom: 30px;
}

@media screen and (max-width:1100px) {
	.page_info ul li a {
		font-size: 12px;
		height: 26px;
		line-height: 26px;
		padding: 0 10px;
	}
}

/* 翻页-结束 */

/* 内页焦点图 */
.page_banner {
	width: 100%;
	height: 38.75vw;
	transition: ease .3s;
	position: relative;
	overflow: hidden;
	position: relative;
	user-select: none;
	cursor: pointer;
	-webkit-user-drag: none;
}

.page_banner::after {
	width: 100%;
	height: 100%;
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	z-index: 3;
}

.page_banner img {
	display: block;
}

.page_banner .page_banner_img {
	position: absolute;
	height: 38.75vw;
	right: 0;
	bottom: 0;
	z-index: 2;
	transition: linear .2s;
	opacity: 0;
}

.page_banner .page_banner_img.load {
	opacity: 1;
}

.page_banner .page_banner_back {
	width: 100%;
	transition: left linear .2s, top linear .2s, transform ease .5s, height ease .5s;
	position: relative;
	margin-left: 50%;
	transform: translateX(-50%) scale(1.05);
	left: 0;
	top: 0;
}

.page_banner:hover .page_banner_back {
	transform: translateX(-50%) scale(1.1);
}

.page_banner .page_banner_text {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: 3;
}

.page_banner .page_banner_img_path {
	display: none;
}

@media screen and (max-width:1550px) {
	.page_banner {
		height: 45vw;
	}
	.page_banner .page_banner_back{height: 100%; width: auto;}
}

@media screen and (max-width:1050px) {
	.page_banner {
		height: 100vw;
	}
	
}

@media screen and (max-width:800px) {
	.page_banner {
		height: 110vw;
	}
}

@media screen and (max-width:400px) {
	.page_banner {
		height: 120vw;
	}
}

/* 内页焦点图-结束 */


.page_banner .page_banner_text h1 {
	text-transform: uppercase;
	color: rgba(255, 255, 255, 1);
	font-size: 40px;
	height: 50px !important;
	line-height: 50px !important;
	margin-top: 20%;
	transition: ease .3s;
	font-family: "almmB";
}

.page_banner .page_banner_text h2 {
	font-size: 46px;
	color: #fff;
	line-height: 80px;
	transition: ease .3s;
	position: relative;
	font-weight: 400;
	margin-bottom: 20px;
}

.page_banner .page_banner_text h2 i {
	display: block;
	width: 213px;
	height: 201px;
	background: url(/addons/cms/view/default/images/lattice.png) repeat;
	position: absolute;
	left: -98px;
	top: -120px;
	z-index: -1;
	transform-origin: center;
	transition: ease .3s;
}

.page_banner .page_banner_text h3 {
	font-size: 28px;
	font-weight: normal;
	color: #fff;
	margin-top: 33px;
	float: left;
	position: relative;
	z-index: 2;
	transition: ease .3s;
}

.page_banner .page_banner_text h3::after {
	width: 100%;
	height: 11px;
	border-radius: 11px;
	content: "";
	background: #ff3600;
	position: absolute;
	left: 0;
	bottom: -4px;
	z-index: -1;
	transition: ease .3s;
}

.page_banner_d {
	background: url(../images/page_banner_d.png);
	width: 99px;
	height: 11px;
	display: block;
	float: left;
}

@media screen and (max-width:1700px) {
	.page_banner .page_banner_text h2 i {
		transform: scale(0.8);
	}

	.page_banner .page_banner_text h1 {
		height: 70px;
		line-height: 70px;
		margin-top: 22%;
	}

	.page_banner .page_banner_text h2 {
		font-size: 40px;
		line-height: 64px;
	}

	.page_banner .page_banner_text h3 {
		font-size: 23px;
	}
}

@media screen and (max-width:1550px) {
	.page_banner .page_banner_text h2 i {
		transform: scale(0.6);
		top: -110px;
		left: -120px;
	}

/* 	.page_banner .page_banner_text h1 {
		margin-top: 22%;
		font-size: 60px;
		height: 60px;
		line-height: 60px;
		margin-left: 64px;
	} */

	.page_banner .page_banner_text h2 {
		font-size: 40px;
		line-height: 54px;
	}

	.page_banner .page_banner_text h3 {
		font-size: 18px;
		margin-top: 20px;
	}

	.page_banner .page_banner_text h3::after {
		height: 7px;
		bottom: -2px;
	}
}

@media screen and (max-width:1200px) {
	.page_banner .page_banner_text h2 i {
		transform: scale(0.5);
		left: -140px;
	}

/* 	.page_banner .page_banner_text h1 {
		margin-top: 22%;
		font-size: 50px;
		height: 50px;
		line-height: 50px;
		margin-left: 24px;
	} */

	.page_banner .page_banner_text h2 {
		font-size: 30px;
		line-height: 42px;
	}

	.page_banner .page_banner_text h3 {
		font-size: 14px;
	}

	.page_banner .page_banner_text h3::after {
		height: 5px;
		bottom: -1px;
	}
}

@media screen and (max-width:1050px) {
	.page_banner .page_banner_text h2 i {
		left: -10px;
		top: 15px;
		transform-origin: right top;
		transform: translateX(-100%) scale(0.5);
	}

	.page_banner .page_banner_text {
		height: auto;
		top: unset;
		bottom: 50vw;
	}

	.page_banner .page_banner_text h1 {
		font-size: 70px;
		height: 70px;
		line-height: 70px;
		margin-left: 0;
		margin-top: 0;
	}

	.page_banner .page_banner_text h2 {
		font-size: 50px;
		line-height: 70px;
	}

	.page_banner .page_banner_text h3 {
		font-size: 24px;
		margin-top: 25px;
	}

	.page_banner .page_banner_text h3::after {
		height: 9px;
		bottom: -3px;
	}

	.page_banner .page_banner_img {
		height: 55vw;
	}
}

@media screen and (max-width:750px) {
	.page_banner .page_banner_text{
		        bottom: 40vw;
	}
	.page_banner .page_banner_text h2 i {
		top: 11px;
	}

	.page_banner .page_banner_text h1 {
		font-size: 60px;
		height: 60px;
		line-height: 60px;
	}

	.page_banner .page_banner_text h2 {
		font-size: 46px;
		line-height: 60px;
	}

	.page_banner .page_banner_text h3 {
		font-size: 22px;
		margin-top: 20px;
	}
}

@media screen and (max-width:600px) {
	.page_banner .page_banner_text h2 i {
		top: 9px;
		transform: translateX(-100%) scale(0.4);
	}

	.page_banner .page_banner_text h1 {
		font-size: 50px;
		height: 50px;
		line-height: 50px;
	}

	.page_banner .page_banner_text h2 {
		font-size: 40px;
		line-height: 50px;
	}

	.page_banner .page_banner_text h3 {
		font-size: 18px;
		margin-top: 15px;
		font-weight: 100;
	}
}

@media screen and (max-width:500px) {
	.page_banner .page_banner_text h2 i {
		top: 7px;
		transform: translateX(-100%) scale(0.3);
	}

	.page_banner .page_banner_text h1 {
		font-size: 40px;
		height: 40px;
		line-height: 40px;
	}

	.page_banner .page_banner_text h2 {
		font-size: 30px;
		line-height: 40px;
	}

	.page_banner .page_banner_text h3 {
		font-size: 14px;
		margin-top: 10px;
	}

	.page_banner .page_banner_text h3::after {
		height: 7px;
		bottom: -2px;
	}
}

@media screen and (max-width:400px) {
	.page_banner .page_banner_text h2 i {
		top: 4px;
		transform: translateX(-100%) scale(0.2);
	}

	.page_banner .page_banner_text h1 {
		height: 34px;
		line-height: 34px;
		font-size: 34px;
	}

	.page_banner .page_banner_text h2 {
		font-size: 26px;
		line-height: 32px;
	}

	.page_banner .page_banner_text h3 {
		font-size: 12px;
	}
}


/* 面包屑导航 */
.breadcrumb {
	width: 100%;
	overflow: hidden;
	background: #fff;
	border-bottom: 1px solid #eee;
	padding-top: 15px;
	padding-bottom: 15px;
}

.breadcrumb a {
	display: block;
	float: left;
	font-size: 14px;
	color: #333;
	margin-right: 15px;
	padding-right: 21px;
	position: relative;
	cursor: pointer;
	user-select: none;
	line-height: 30px;
	transition: ease .3s;
}

.breadcrumb a:hover {
	color: #1e64e1;
}

.breadcrumb a:first-child {
	padding-left: 31px;
}

.breadcrumb a:first-child::before {
	width: 16px;
	height: 10px;
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	background: url(/addons/cms/view/default/images/power_icon.svg) center no-repeat;
}

.breadcrumb a::after {
	width: 6px;
	height: 10px;
	content: "";
	background: url(/addons/cms/view/default/images/breadcrumb_icon.png) center no-repeat;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
}

.breadcrumb a:last-child:after {
	display: none;
}

/* 面包屑导航-结束 */
/* 初始化&公用结束 */
/* ------------------------------------------------- */
/* 首页样式 */

/* header */
.header {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 100;
	width: 100%;
	border-bottom: 1px solid rgba(255, 255, 255, 0.3);
	transition: ease .3s;
}

.header::after {
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	backdrop-filter: blur(5px);
	-webkit-backdrop-filter: blur(5px);
	z-index: -1;
	opacity: 0;
	transition: ease .3s;
}

.header.header_scroll {
	background: rgba(0, 0, 0, 0.3);
	border-bottom: transparent solid 1px;
	opacity: 0;
}

.header.header_scroll::after {
	opacity: 1;
}

.header .header_logo {
	float: left;
	height: 148px;
	position: relative;
	transition: ease .3s;
	transform-origin: left center;
}

.header .header_logo a {
	display: block;
	position: relative;
	top: 50%;
	height: 28%;
	transform: translateY(-50%);
	transition: ease .3s;
	transform-origin: left center;
}

.header.header_scroll .header_logo a {
	transform: translateY(-50%) scale(1.2);
}

.header.header_scroll .header_logo,
.header.header_scroll .header_nav ul li a {
	height: 118px;
	line-height: 118px;
}

.header .header_logo img {
	display: block;
	position: relative;
	height: 100%;
}

.header .header_nav {
	float: right;
	overflow: hidden;
	transition: ease .3s;
	opacity: 1;
}

.header .header_nav ul {
	overflow: hidden;
	transition: ease .3s;
}

.header .header_nav ul li {
	float: left;
	margin-left: 66px;
	transition: ease .3s;
}

.header .header_nav ul li span {
	position: relative;
	z-index: 2;
}

.header .header_nav ul li.active span::after {
	height: 3px;
	z-index: -1;
	background: rgba(255, 255, 255, 0.6);
	position: absolute;
	left: 50%;
	content: "";
	bottom: 0;
	transform: translateX(-50%) translateY(15px);
	animation-name: nav;
	animation-duration: .3s;
	animation-delay: .2s;
	animation-fill-mode: forwards;
}

@keyframes nav {
	0% {
		width: 0;
	}

	100% {
		width: 50%;
	}
}

.header .header_nav ul li:first-child {
	margin-left: 0;
}

.header .header_nav ul li a {
	display: block;
	font-size: 16px;
	color: #fff;
	line-height: 148px;
	text-shadow: 5px 5px 5px rgba(0, 0, 0, 0.28);
	transition: ease .3s;
}

.header .header_menu {
	width: 40px;
	height: 40px;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%) translateX(100%);
	transition: ease .3s;
	opacity: 0;
	z-index: 101;
	cursor: pointer;
}

.header .header_menu div {
	transition: ease 1s;
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
}

.header .header_menu.cur div {
	transform: rotate(360deg);
	transition: ease 1s .3s;
}

.header .header_menu span {
	display: block;
	height: 4px;
	width: 30px;
	margin-left: 5px;
	margin-right: 5px;
	border-radius: 2px;
	background: #fff;
	position: absolute;
	transition: ease .5s .3s;
}

.header .header_menu.cur span {
	transition: ease .3s;
	width: 20px;
	margin-left: 10px;
	margin-right: 10px;
}

.header .header_menu span:nth-child(1) {
	top: 9px;
}

.header .header_menu span:nth-child(2) {
	top: 50%;
	transform: translateY(-50%);
}

.header .header_menu span:nth-child(3) {
	bottom: 9px;
}


.header .header_menu.cur span:nth-child(2) {
	opacity: 0;
}

.header .header_menu.cur span:nth-child(1) {
	top: 50%;
	transform: translateY(-50%) rotate(45deg);
}

.header .header_menu.cur span:nth-child(3) {
	bottom: 50%;
	transform: translateY(50%) rotate(135deg);
}

.header.header_scroll .Cn-En {
	margin-top: 46px;
	transition: 0.3s;
}

.Cn-En {
	float: right;
	margin-left: 70px;
	margin-top: 62px;
	cursor: pointer;
	transition: 0.3s;
}

.Cn-En i {
	display: block;
	float: left;
	margin-right: 8px;
	background: #1744ec;
	border-radius: 100%;
	height: 24px;
}

.Cn-En i img {}

.Cn-En p {
	color: #fff;
	float: left;
	margin-right: 8px;
	font-weight: bold;
	font-size: 20px;
}

.Cn-En em {
	display: block;
	float: left;
}

.Cn-En li {
	opacity: 0;
	transition: 0.3s;
}

.Cn-En:hover li {
	opacity: 1;
	transition: 0.3s;
}

.Cn-En li a {
	color: #fff;
	margin-top: 16px;
	margin-right: 16px;
	display: block;
	float: right;
	background: #1744ec;
	padding: 4px 10px;
	font-weight: bold;
}


.nav_menu_Cn-En {
	cursor: pointer;
	transition: 0.3s;
	position: relative;
	top: 76%;
	left: 0;
	right: 0;
	margin: auto;
	width: 92px;
}

.nav_menu_Cn-En i {
	display: block;
	float: left;
	margin-right: 8px;
	background: #1744ec;
	border-radius: 100%;
	height: 24px;
}

.nav_menu_Cn-En i img {}

.nav_menu_Cn-En p {
	color: #fff;
	float: left;
	margin-right: 8px;
	font-weight: bold;
	font-size: 20px;
}

.nav_menu_Cn-En em {
	display: block;
	float: left;
}

.nav_menu_Cn-En li {
	opacity: 0;
	transition: 0.3s;
}

.nav_menu_Cn-En:hover li {
	opacity: 1;
	transition: 0.3s;
}

.nav_menu_Cn-En li a {
	color: #fff;
	margin-top: 16px;
	margin-right: 16px;
	display: block;
	float: right;
	background: #1744ec;
	padding: 4px 10px;
	font-weight: bold;
}



.nav_menu {
	width: 100%;
	height: 100%;
	position: fixed;
	left: 0;
	top: -100%;
	background: rgba(0, 0, 0, 0.8);
	z-index: 100;
	backdrop-filter: blur(5px);
	-webkit-backdrop-filter: blur(5px);
	transition: ease .3s;
	opacity: 0;
}

.nav_menu.cur {
	top: 0;
	opacity: 1;
}

.nav_menu ul {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

.nav_menu ul li {
	line-height: 52px;
	text-align: center;
	opacity: 0;
	visibility: hidden;
}

.nav_menu.cur ul li {
	opacity: 1;
	visibility: visible;
}

.nav_menu ul li a {
	color: #fff;
	font-size: 16px;
	position: relative;
	z-index: 2;
}

.nav_menu ul li a::after {
	width: 8px;
	height: 8px;
	background: #0c85e7;
	content: "";
	right: -3px;
	bottom: -1px;
	border-radius: 50%;
	z-index: -1;
	position: absolute;
	opacity: 0;
}

.nav_menu ul li.active a::after {
	opacity: 1;
}

@media screen and (max-width: 1200px) {
	.header.header_scroll {
		opacity: 1;
	}
}

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

	.pad {
		padding-left: 40px;
		padding-right: 40px;
	}

	.header .header_nav {
		width: 0;
		height: 0;
		opacity: 0;
	}

	.header .header_menu {
		right: 85px;
		transform: translateX(0) translateY(-50%);
		opacity: 1;
	}

	.header .header_logo,
	.header .header_nav ul li a {
		height: 70px;
	}

	.header.header_scroll .header_logo,
	.header.header_scroll .header_nav ul li a {
		height: 100px;
	}

	.Cn-En {
		display: none;
	}

}

@media screen and (max-width:1000px) {
	.header .header_logo a {
		height: 36%;
	}
}

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

	.header .header_logo,
	.header .header_nav ul li a {
		height: 70px !important;
	}


	.header .header_menu {
		right: 35px;
		transform: translateX(0) translateY(-50%) scale(0.7);
		opacity: 1;
	}

	.header {
		border-bottom: 1px solid transparent;
	}

}



/* header-end */

/* banner */
.banner {
	overflow: hidden;
	position: relative;
	width: 100%;
	cursor: pointer;
	user-select: none;
	z-index: 10;
	transition: ease .3s;
}

.banner.cur {
	opacity: 1;
}

.banner ul {
	overflow: hidden;
	position: relative;
	left: 0;
}

.banner ul li .banner_back {
	display: block;

	height: 50vw;
	transition: left linear .2s, top linear .2s, transform ease .5s, height ease .5s;
	position: relative;
	margin-left: 50%;
	transform: translateX(-50%) scale(1.05);
	left: 0;
	top: 0;
}


.banner ul li {
	float: left;
	overflow: hidden;
	transition: ease .5s;
	opacity: 0.6;
	position: relative;
}

.banner ul li a {
	display: block;
	position: relative;
	-webkit-user-drag: none;
}

.banner ul li a::after {
	z-index: 2;
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
}

.banner ul li.cur {
	opacity: 1;
}

.banner ul li .banner_content {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	transition: ease .3s;
	box-sizing: border-box;
}

.banner ul li .banner_content .banner_img font {
	display: none;
}

.banner .banner_btn {
	position: absolute;
	bottom: 8%;
	transition: ease .3s;
	user-select: none;
	cursor: pointer;
	z-index: 5;
	display: table-cell;
	width: 100%;
	text-align: center;
	overflow: hidden;
}

.banner dl {
	display: inline-block;
}

.banner dt,
.banner dd {
	float: left;
	font-size: 18px;
	color: #fff;
	height: 52px;
	line-height: 52px;
	transition: ease .3s;
}

.banner dt font {
	position: relative;
	z-index: 2;
}

.banner dt font::after {
	content: "";
	position: absolute;
	width: 0;
	height: 5px;
	background: #ff7531;
	left: 0;
	bottom: 2px;
	border-radius: 5px;
	z-index: -1;
	opacity: 0;
	transition: ease .3s;
}

.banner dt.cur font::after {
	width: 100%;
	opacity: 1;
}

.banner dt span {
	display: block;
	float: right;
	height: 52px;
	line-height: 52px;
	margin-left: 0;
	margin-right: 6px;
	visibility: hidden;
	transition: ease .3s;
	opacity: 0;
}

.banner dt.cur span {
	opacity: 1;
	visibility: visible;
	margin-left: 12px;
	margin-right: 17px;
}

.banner dt.cur {
	font-weight: bold;
}

.banner dd {
	width: 45px;
	height: 52px;
	background: url(/addons/cms/view/default/images/banner_nextprev.png) center no-repeat;
	transition: ease .3s;
	background-size: cover;
}

.banner dd:first-child {
	margin-right: 32px;
	transform: rotate(180deg);
}

.banner dd:last-child {
	margin-left: 21px;
}

.banner dd.cur {
	width: 0;
	opacity: 0;
	margin-left: 0;
	margin-right: 0;
}

.banner ul li .banner_text {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 2;
}

/* .banner ul li .banner_img {
	display: none;
} */

.banner ul li .banner_img i,
.banner ul li .banner_img i img {
	display: block;
	font-style: initial;
}

.banner ul li .banner_text h1 {
	font-weight: bold;
}

/* index_banner_01 */
.banner ul li.index_banner_01 .banner_text h1 {
	font-size: 76px;
	color: #fff;
	margin-top: 22%;
	line-height: 106px;
	text-shadow: 5px 5px 5px rgba(0, 0, 0, 20%);
	letter-spacing: 5px;
	position: relative;
	display: inline-block;
	transition: ease .3s;
}

.banner ul li.index_banner_01 .banner_text h1 i {
	display: block;
	width: 226px;
	height: 229px;
	background: url(/addons/cms/view/default/images/lattice.png) repeat;
	position: absolute;
	left: -150px;
	top: -7px;
	z-index: -1;
	transition: ease .3s;
}

.banner ul li.index_banner_01 .banner_text h1::after {
	width: 688px;
	height: 102px;
	content: "";
	background: url(/addons/cms/view/default/images/banner_01_yunke.png) center no-repeat;
	position: absolute;
	right: -200px;
	top: 5px;
	transform: translateY(-100%);
	transition: ease .3s;
	transform-origin: right top;
}

.banner ul li.index_banner_01 .banner_text h1::before {
	width: 294px;
	height: 70px;
	content: "";
	background: url(/addons/cms/view/default/images/banner_01_team.png) center no-repeat;
	position: absolute;
	right: 66px;
	bottom: 16px;
	transform: translateX(100%);
	transition: ease .3s;
	transform-origin: right bottom;
}

.banner ul li.index_banner_01 .banner_text h1 span {
	position: relative;
	z-index: 2;

}

.banner ul li.index_banner_01 .banner_text h1 span::after {
	width: 0%;
	height: 15px;
	border-radius: 6px;
	content: "";
	position: absolute;
	left: 2%;
	bottom: 3px;
	background: #ffea02;
	z-index: -1;
	transition: ease 1s;
	transition-delay: 0.5s;
}

.banner ul li.index_banner_01.cur .banner_text h1 span::after {
	width: 94%;
}


.banner ul li.index_banner_01 .banner_text p {
	font-size: 32px;
	color: #fff;
	letter-spacing: 1px;
	margin-top: 90px;
	display: inline-block;
	border-bottom: 2px solid #64aafd;
	padding-bottom: 16px;
	padding-right: 94px;
	position: relative;
	transition: ease .3s;
}

.banner ul li.index_banner_01 .banner_text p::after {
	content: "";
	width: 50px;
	height: 50px;
	border-radius: 50%;
	position: absolute;
	right: 1px;
	bottom: 9px;
	background: #64aafd;
	transition: ease .3s;
	transform-origin: right bottom;
}

.banner ul li.index_banner_01 .banner_text p::before {
	content: "";
	width: 39px;
	height: 13px;
	background: url(/addons/cms/view/default/images/banner_01_arrow.png) center no-repeat;
	position: absolute;
	right: 18px;
	bottom: 27px;
	z-index: 2;
	transition: ease .3s;
	transform-origin: right bottom;
}

.banner ul li.index_banner_01 .banner_img {
	position: absolute;
	height: 100%;
	top: 0;
	right: 0;
	transition: ease .3s;
	z-index: 2;
}

.banner ul li.index_banner_01 .banner_img i {
	display: block;
	float: right;
	transition: ease .3s, left linear .8s, transform linear .5s;
	position: relative;
	top: 36%;
	left: 0;
	height: 396px;
}

.banner ul li.index_banner_01 .banner_img i img {
	height: 100%;
}

/* index_banner_01-end */

/* index_banner_02 */
.banner ul li.index_banner_02 .banner_img i {
	transition: ease .3s, left linear .8s, transform linear .5s;
	height: 100%;
}

.banner ul li.index_banner_02 .banner_img b {
	display: block;
	max-width: 100%;
	width: 690px;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	transition: ease .3s, left linear .8s, margin linear .5s;
	opacity: 0;
}

.banner ul li.index_banner_02 .banner_img b img {
	display: block;
	width: 100%;
}

.banner ul li.index_banner_02 .banner_img i img {
	height: 100%;
}

.banner ul li.index_banner_02 .banner_img {
	position: absolute;
	left: 50%;
	top: 52%;
	transform: translate(-50%, -50%);
	height: 493px;
}

/* index_banner_02-end */

/* index_banner_03 */
.banner ul li.index_banner_03 .banner_img {
	height: 100%;
}

.banner ul li.index_banner_03 .banner_img i {
	float: right;
	height: 58.02083333333333%;
	transition: ease .3s, left linear .8s, transform linear .5s;
	border-radius: 20px;
	border: 10px solid #000;
	position: relative;
	top: 22.5%;
}

.banner ul li.index_banner_03 .banner_img i::after {
	content: "WEB";
	font-size: 28px;
	color: rgba(255, 255, 255, 0.1);
	position: absolute;
	left: -113px;
	bottom: 100px;
	transform: rotate(90deg);
	font-weight: bold;
	transition: ease .3s;
}

.banner ul li.index_banner_03 .banner_img i::before {
	content: "网站";
	position: absolute;
	width: 50px;
	padding: 21px 0;
	line-height: 30px;
	left: -60px;
	bottom: 68px;
	font-size: 28px;
	font-weight: bold;
	background: #ff3000;
	text-align: center;
	color: #fff;
	border-radius: 20px 0 0 20px;
	transition: ease .3s;
}

.banner ul li.index_banner_03 .banner_img i img {
	height: 100%;
	border-radius: 10px;
}

.banner ul li.index_banner_03 .banner_text h1 {
	font-size: 56px;
	color: #fff;
	margin-top: 25%;
	position: relative;
	transition: ease .3s;
}

.banner ul li.index_banner_03 .banner_text h1::after {
	content: "";
	position: absolute;
	left: 14px;
	top: -20px;
	width: 80px;
	height: 80px;
	background: url(/addons/cms/view/default/images/jianhui_logo.png) center no-repeat;
	transform: translateY(-100%);
	transition: ease .3s;
	background-size: cover;
}

.banner ul li.index_banner_03 .banner_text h1::before {
	width: 439px;
	height: 69px;
	content: "";
	position: absolute;
	background: url(/addons/cms/view/default/images/jianhui.png) center no-repeat;
	left: 120px;
	top: -20px;
	transform: translateY(-100%);
	transition: ease .3s;
	background-size: cover;
}

.banner ul li.index_banner_03 .banner_text p {
	font-size: 64px;
	font-weight: 100;
	color: #fff;
	margin-top: 10px;
	transition: ease .3s;
}

.banner ul li.index_banner_03 .banner_text span {
	display: block;
	border: 1px solid rgba(255, 255, 255, 50%);
	border-radius: 77px;
	overflow: hidden;
	float: left;
	padding: 0 32.5px;
	margin-top: 80px;
	transition: ease .3s;
}

.banner ul li.index_banner_03 .banner_text span b,
.banner ul li.index_banner_03 .banner_text span strong {
	display: block;
	float: left;
	height: 75px;
	line-height: 75px;
	color: #fff;
	transition: ease .3s;
}

.banner ul li.index_banner_03 .banner_text span b {
	font-size: 26px;
	font-weight: 500;
	margin-right: 10px;
	line-height: 73px;
	position: relative;
	z-index: 2;
}

.banner ul li.index_banner_03 .banner_text span b::after {
	z-index: -1;
	width: 100%;
	height: 6px;
	border-radius: 6px;
	content: "";
	position: absolute;
	left: -1px;
	bottom: 22px;
	background: #ff3000;
}

.banner ul li.index_banner_03 .banner_text span strong {
	text-transform: uppercase;
	font-size: 41px;
	color: rgba(255, 255, 255, 10%);
}

/* index_banner_03-end */

/* index_banner_04 */
.banner ul li.index_banner_04 .banner_img {
	height: 100%;
}

.banner ul li.index_banner_04 .banner_img i {
	float: right;
	height: 58.02083333333333%;
	transition: ease .3s, left linear .8s, transform linear .5s;
	border-radius: 20px;
	border: 10px solid #000;
	position: relative;
	top: 22.5%;
}

.banner ul li.index_banner_04 .banner_img i::after {
	content: "WEB";
	font-size: 28px;
	color: rgba(255, 255, 255, 0.1);
	position: absolute;
	left: -113px;
	bottom: 100px;
	transform: rotate(90deg);
	font-weight: bold;
	transition: ease .3s;
}

.banner ul li.index_banner_04 .banner_img i::before {
	content: "网站";
	position: absolute;
	width: 50px;
	padding: 21px 0;
	line-height: 30px;
	left: -60px;
	bottom: 68px;
	font-size: 28px;
	font-weight: bold;
	background: #2cbc63;
	text-align: center;
	color: #fff;
	border-radius: 20px 0 0 20px;
	transition: ease .3s;
}

.banner ul li.index_banner_04 .banner_img i img {
	height: 100%;
	border-radius: 10px;
}

.banner ul li.index_banner_04 .banner_text h1 {
	font-size: 56px;
	color: #fff;
	margin-top: 25%;
	position: relative;
	transition: ease .3s;
}

.banner ul li.index_banner_04 .banner_text h1::after {
	content: "";
	position: absolute;
	left: 14px;
	top: -20px;
	width: 80px;
	height: 80px;
	background: url(/addons/cms/view/default/images/jinlilai_logo.png) center no-repeat;
	transform: translateY(-100%);
	transition: ease .3s;
	background-size: cover;
}

.banner ul li.index_banner_04 .banner_text h1::before {
	width: 448px;
	height: 69px;
	content: "";
	position: absolute;
	background: url(/addons/cms/view/default/images/jinlilai.png) center no-repeat;
	left: 120px;
	top: -20px;
	transform: translateY(-100%);
	transition: ease .3s;
	background-size: cover;
}

.banner ul li.index_banner_04 .banner_text p {
	font-size: 64px;
	font-weight: 100;
	color: #fff;
	margin-top: 10px;
	transition: ease .3s;
}

.banner ul li.index_banner_04 .banner_text span {
	display: block;
	border: 1px solid rgba(255, 255, 255, 50%);
	border-radius: 77px;
	overflow: hidden;
	float: left;
	padding: 0 32.5px;
	margin-top: 80px;
	transition: ease .3s;
}

.banner ul li.index_banner_04 .banner_text span b,
.banner ul li.index_banner_04 .banner_text span strong {
	display: block;
	float: left;
	height: 75px;
	line-height: 75px;
	color: #fff;
	transition: ease .3s;
}

.banner ul li.index_banner_04 .banner_text span b {
	font-size: 26px;
	font-weight: 500;
	margin-right: 10px;
	line-height: 73px;
	position: relative;
	z-index: 2;
}

.banner ul li.index_banner_04 .banner_text span b::after {
	z-index: -1;
	width: 100%;
	height: 6px;
	border-radius: 6px;
	content: "";
	position: absolute;
	left: -1px;
	bottom: 22px;
	background: #2cbc63;
}

.banner ul li.index_banner_04 .banner_text span strong {
	text-transform: uppercase;
	font-size: 41px;
	color: rgba(255, 255, 255, 10%);
}

/* index_banner_04-end */


/* index_banner_05 */
.banner ul li.index_banner_05 .banner_img {
	height: 100%;
}

.banner ul li.index_banner_05 .banner_img i {
	float: right;
	height: 58.02083333333333%;
	transition: ease .3s, left linear .8s, transform linear .5s;
	border-radius: 20px;
	border: 10px solid #000;
	position: relative;
	top: 22.5%;
}

.banner ul li.index_banner_05 .banner_img i::after {
	content: "1688";
	font-size: 28px;
	color: rgba(255, 255, 255, 0.1);
	position: absolute;
	left: -113px;
	bottom: 100px;
	transform: rotate(90deg);
	font-weight: bold;
	transition: ease .3s;
}

.banner ul li.index_banner_05 .banner_img i::before {
	content: "阿里";
	position: absolute;
	width: 50px;
	padding: 21px 0;
	line-height: 30px;
	left: -60px;
	bottom: 68px;
	font-size: 28px;
	font-weight: bold;
	background: #0078fd;
	text-align: center;
	color: #fff;
	border-radius: 20px 0 0 20px;
	transition: ease .3s;
}

.banner ul li.index_banner_05 .banner_img i img {
	height: 100%;
	border-radius: 10px;
}

.banner ul li.index_banner_05 .banner_text h1 {
	font-size: 56px;
	color: #fff;
	margin-top: 25%;
	position: relative;
	transition: ease .3s;
}

.banner ul li.index_banner_05 .banner_text h1::after {
	content: "";
	position: absolute;
	left: 14px;
	top: -20px;
	width: 80px;
	height: 80px;
	background: url(/addons/cms/view/default/images/zhengmei_logo.png) center no-repeat;
	transform: translateY(-100%);
	transition: ease .3s;
	background-size: cover;
}

.banner ul li.index_banner_05 .banner_text h1::before {
	width: 397px;
	height: 50px;
	content: "";
	position: absolute;
	background: url(/addons/cms/view/default/images/zhengmei.png) center no-repeat;
	left: 120px;
	top: -32px;
	transform: translateY(-100%);
	transition: ease .3s;
	background-size: cover;
}

.banner ul li.index_banner_05 .banner_text p {
	font-size: 64px;
	font-weight: 100;
	color: #fff;
	margin-top: 10px;
	transition: ease .3s;
}

.banner ul li.index_banner_05 .banner_text span {
	display: block;
	border: 1px solid rgba(255, 255, 255, 50%);
	border-radius: 77px;
	overflow: hidden;
	float: left;
	padding: 0 32.5px;
	margin-top: 80px;
	transition: ease .3s;
}

.banner ul li.index_banner_05 .banner_text span b,
.banner ul li.index_banner_05 .banner_text span strong {
	display: block;
	float: left;
	height: 75px;
	line-height: 75px;
	color: #fff;
	transition: ease .3s;
}

.banner ul li.index_banner_05 .banner_text span b {
	font-size: 26px;
	font-weight: 500;
	margin-right: 10px;
	line-height: 73px;
	position: relative;
	z-index: 2;
}

.banner ul li.index_banner_05 .banner_text span b::after {
	z-index: -1;
	width: 100%;
	height: 6px;
	border-radius: 6px;
	content: "";
	position: absolute;
	left: -1px;
	bottom: 22px;
	background: #0078fd;
}

.banner ul li.index_banner_05 .banner_text span strong {
	text-transform: uppercase;
	font-size: 41px;
	color: rgba(255, 255, 255, 10%);
}

/* index_banner_05-end */

/* index_banner_about */
.banner ul li.index_banner_about .banner_text {
	height: auto;
	top: 52%;
	transform: translateY(-50%);
}

.banner ul li.index_banner_about .banner_text span {
	font-size: 90px;
	color: rgba(255, 255, 255, 10%);
	font-weight: bold;
	text-transform: uppercase;
	display: block;
	margin-left: 135px;
	height: 90px;
	line-height: 90px;
	transition: ease .3s;
}

.banner ul li.index_banner_about .banner_text h1 {
	font-size: 60px;
	color: #fff;
	height: 80px;
	line-height: 80px;
	transition: ease .3s;
	position: relative;
}

.banner ul li.index_banner_about .banner_text h1 i {
	display: block;
	position: absolute;
	left: -62px;
	top: -116px;
	z-index: -1;
	background: url(/addons/cms/view/default/images/lattice.png) repeat;
	width: 213px;
	height: 230px;
	transition: ease .3s;
	transform-origin: left top;
	transform: scale(0.83);
}

.banner ul li.index_banner_about .banner_text p {
	font-size: 36px;
	color: #fff;
	line-height: 60px;
	margin-top: 17px;
	transition: ease .3s;
	width: 100%;
	font-weight: 500;
	display: block;
}

.banner ul li.index_banner_about .banner_text p b {
	/* display: inline; */
	position: relative;
	z-index: 2;
	font-style: inherit;
	font-size: inherit;
}

.banner ul li.index_banner_about .banner_text p b::after {
	width: 100%;
	content: "";
	height: 8px;
	background: #0060ff;
	position: absolute;
	left: 0;
	bottom: -2px;
	border-radius: 8px;
	z-index: -1;
	transition: ease .3s;
}

.banner .banner_1 {
	position: absolute;
	left: 7%;
	top: 35%;
	transition: ease .3s;
}

.banner .banner_2 {
	position: absolute;
	right: 16%;
	top: 22%;
	transition: ease .3s;
}

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

	.banner .banner_1 {
		position: absolute;
		left: 7%;
		top: 35%;
	}

	.banner .banner_1 img {
		width: 80%;
	}

	.banner .banner_2 {
		position: absolute;
		right: 10%;
		top: 24%;
	}

	.banner .banner_2 img {
		width: 80%;
	}

	/* index_benner_01 */
	.banner ul li.index_banner_01 .banner_text h1 {
		font-size: 60px;
		line-height: 90px;
		bottom: 1px;
	}

	.banner ul li.index_banner_01 .banner_text h1 i {
		height: 202px;
		width: 202px;
	}

	.banner ul li.index_banner_01 .banner_text h1 span::after {
		height: 12px;
	}

	.banner ul li.index_banner_01 .banner_text p {
		font-size: 24px;
		padding-right: 80px;
		padding-bottom: 10px;
		margin-top: 70px;
	}

	.banner ul li.index_banner_01 .banner_text p::after,
	.banner ul li.index_banner_01 .banner_text p::before {
		transform: scale(0.7);
	}

	.banner ul li.index_banner_01 .banner_text p::before {
		bottom: 22px;
	}

	.banner ul li.index_banner_01 .banner_text h1::after {
		transform: scale(0.8) translateY(-100%);
	}

	.banner ul li.index_banner_01 .banner_text h1::before {
		transform: scale(0.8) translateX(100%);
		right: 55px;
		bottom: 14px;
	}

	.banner ul li.index_banner_01 .banner_img i {
		height: 318px;
	}

	/* index_benner_01-end */

	/* index_benner_02 */
	.banner ul li.index_banner_02 .banner_img {
		height: 420px;
	}

	/* index_benner_02 */

	/* index_benner_03 */
	.banner ul li.index_banner_03 .banner_img i::before {
		font-size: 24px;
		width: 44px;
		border-radius: 16px 0 0 16px;
		left: -54px;
		line-height: 26px;
		padding: 16px 0;
	}

	.banner ul li.index_banner_03 .banner_img i::after {
		font-size: 24px;
		left: -105px;
		bottom: 92px;
	}

	.banner ul li.index_banner_03 .banner_text h1 {
		font-size: 46px;
	}

	.banner ul li.index_banner_03 .banner_text h1::after {
		height: 60px;
		width: 60px;
		left: 0;
	}

	.banner ul li.index_banner_03 .banner_text h1::before {
		width: 350px;
		height: 52px;
		left: 80px;
	}

	.banner ul li.index_banner_03 .banner_text p {
		font-size: 54px;
		margin-top: 5px;
	}

	.banner ul li.index_banner_03 .banner_text span {
		margin-top: 60px;
	}

	.banner ul li.index_banner_03 .banner_text span b {
		font-size: 20px;
	}

	.banner ul li.index_banner_03 .banner_text span strong {
		font-size: 28px;
	}

	.banner ul li.index_banner_03 .banner_text span b,
	.banner ul li.index_banner_03 .banner_text span strong {
		height: 68px;
		line-height: 68px;
	}

	.banner ul li.index_banner_03 .banner_text span b {
		line-height: 66px;
	}

	.banner ul li.index_banner_03 .banner_text span b::after {
		height: 4px;
		bottom: 22px;
	}

	/* index_benner_03-end */

	/* index_benner_04 */
	.banner ul li.index_banner_04 .banner_img i::before {
		font-size: 24px;
		width: 44px;
		border-radius: 16px 0 0 16px;
		left: -54px;
		line-height: 26px;
		padding: 16px 0;
	}

	.banner ul li.index_banner_04 .banner_img i::after {
		font-size: 24px;
		left: -105px;
		bottom: 92px;
	}

	.banner ul li.index_banner_04 .banner_text h1 {
		font-size: 46px;
	}

	.banner ul li.index_banner_04 .banner_text h1::after {
		height: 60px;
		width: 60px;
		left: 0;
	}

	.banner ul li.index_banner_04 .banner_text h1::before {
		width: 350px;
		height: 52px;
		left: 80px;
	}

	.banner ul li.index_banner_04 .banner_text p {
		font-size: 54px;
		margin-top: 5px;
	}

	.banner ul li.index_banner_04 .banner_text span {
		margin-top: 60px;
	}

	.banner ul li.index_banner_04 .banner_text span b {
		font-size: 20px;
	}

	.banner ul li.index_banner_04 .banner_text span strong {
		font-size: 28px;
	}

	.banner ul li.index_banner_04 .banner_text span b,
	.banner ul li.index_banner_04 .banner_text span strong {
		height: 68px;
		line-height: 68px;
	}

	.banner ul li.index_banner_04 .banner_text span b {
		line-height: 66px;
	}

	.banner ul li.index_banner_04 .banner_text span b::after {
		height: 4px;
		bottom: 22px;
	}

	/* index_benner_04-end */

	/* index_benner_04 */
	.banner ul li.index_banner_05 .banner_img i::before {
		font-size: 24px;
		width: 44px;
		border-radius: 16px 0 0 16px;
		left: -54px;
		line-height: 26px;
		padding: 16px 0;
	}

	.banner ul li.index_banner_05 .banner_img i::after {
		font-size: 24px;
		left: -105px;
		bottom: 92px;
	}

	.banner ul li.index_banner_05 .banner_text h1 {
		font-size: 46px;
	}

	.banner ul li.index_banner_05 .banner_text h1::after {
		height: 60px;
		width: 60px;
		left: 0;
	}

	.banner ul li.index_banner_05 .banner_text h1::before {
		width: 350px;
		height: 52px;
		left: 80px;
	}

	.banner ul li.index_banner_05 .banner_text p {
		font-size: 54px;
		margin-top: 5px;
	}

	.banner ul li.index_banner_05 .banner_text span {
		margin-top: 60px;
	}

	.banner ul li.index_banner_05 .banner_text span b {
		font-size: 20px;
	}

	.banner ul li.index_banner_05 .banner_text span strong {
		font-size: 28px;
	}

	.banner ul li.index_banner_05 .banner_text span b,
	.banner ul li.index_banner_05 .banner_text span strong {
		height: 68px;
		line-height: 68px;
	}

	.banner ul li.index_banner_05 .banner_text span b {
		line-height: 66px;
	}

	.banner ul li.index_banner_05 .banner_text span b::after {
		height: 4px;
		bottom: 22px;
	}

	/* index_benner_04-end */
}

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

	/* index_banner_about */
	.banner ul li.index_banner_about .banner_text {
		top: 55%;
	}

	/* index_banner_about-end */
}

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


	.banner .banner_1 {
		position: absolute;
		left: 7%;
		top: 35%;
	}

	.banner .banner_1 img {
		width: 70%;
	}

	.banner .banner_2 {
		position: absolute;
		right: 8%;
		top: 26%;
	}

	.banner .banner_2 img {
		width: 70%;
	}


	/* index_benner_01 */
	.banner ul li.index_banner_01 .banner_text h1 {
		font-size: 50px;
		line-height: 70px;
		margin-top: 25%;
	}

	.banner ul li.index_banner_01 .banner_text h1 i {
		width: 176px;
		height: 176px;
		left: -120px;
		top: -12px;
	}

	.banner ul li.index_banner_01 .banner_text h1 span::after {
		height: 10px;
	}

	.banner ul li.index_banner_01 .banner_text p {
		margin-top: 50px;
		font-size: 20px;
	}

	.banner ul li.index_banner_01 .banner_text p::after,
	.banner ul li.index_banner_01 .banner_text p::before {
		transform: scale(0.6);
	}

	.banner ul li.index_banner_01 .banner_text p::before {
		bottom: 20px;
		right: 14px;
	}

	.banner ul li.index_banner_01 .banner_img i {
		height: 277px;
	}

	.banner ul li.index_banner_01 .banner_text h1::after {
		transform: scale(0.7) translateY(-100%);
		top: 0;
	}

	.banner ul li.index_banner_01 .banner_text h1::before {
		transform: scale(0.7) translateX(100%);
		bottom: 6px;
		right: 45px;
	}

	/* index_benner_01-end */

	/* index_benner_02 */
	.banner ul li.index_banner_02 .banner_img {
		height: 380px;
	}

	/* index_benner_02-end */

	/* index_benner_03 */
	.banner ul li.index_banner_03 .banner_text h1 {
		font-size: 40px;
	}

	.banner ul li.index_banner_03 .banner_text p {
		font-size: 44px;
	}

	.banner ul li.index_banner_03 .banner_text span b {
		font-size: 16px;
		height: 56px;
		line-height: 56px;
	}

	.banner ul li.index_banner_03 .banner_text span strong {
		font-size: 26px;
		height: 56px;
		line-height: 56px;
	}

	.banner ul li.index_banner_03 .banner_text span {
		margin-top: 50px;
	}

	.banner ul li.index_banner_03 .banner_text span b::after {
		bottom: 18px;
	}

	.banner ul li.index_banner_03 .banner_text h1::after {
		height: 46px;
		width: 46px;
	}

	.banner ul li.index_banner_03 .banner_text h1::before {
		width: 254px;
		height: 40px;
		left: 60px;
	}

	/* index_benner_03-end */

	/* index_benner_05 */
	.banner ul li.index_banner_04 .banner_text h1 {
		font-size: 40px;
	}

	.banner ul li.index_banner_04 .banner_text p {
		font-size: 44px;
	}

	.banner ul li.index_banner_04 .banner_text span b {
		font-size: 16px;
		height: 56px;
		line-height: 56px;
	}

	.banner ul li.index_banner_04 .banner_text span strong {
		font-size: 26px;
		height: 56px;
		line-height: 56px;
	}

	.banner ul li.index_banner_04 .banner_text span {
		margin-top: 50px;
	}

	.banner ul li.index_banner_04 .banner_text span b::after {
		bottom: 18px;
	}

	.banner ul li.index_banner_04 .banner_text h1::after {
		height: 46px;
		width: 46px;
	}

	.banner ul li.index_banner_04 .banner_text h1::before {
		width: 260px;
		height: 40px;
		left: 60px;
	}

	/* index_benner_04-end */


	/* index_benner_04 */
	.banner ul li.index_banner_05 .banner_text h1 {
		font-size: 40px;
	}

	.banner ul li.index_banner_05 .banner_text p {
		font-size: 44px;
	}

	.banner ul li.index_banner_05 .banner_text span b {
		font-size: 16px;
		height: 56px;
		line-height: 56px;
	}

	.banner ul li.index_banner_05 .banner_text span strong {
		font-size: 26px;
		height: 56px;
		line-height: 56px;
	}

	.banner ul li.index_banner_05 .banner_text span {
		margin-top: 50px;
	}

	.banner ul li.index_banner_05 .banner_text span b::after {
		bottom: 18px;
	}

	.banner ul li.index_banner_05 .banner_text h1::after {
		height: 46px;
		width: 46px;
	}

	.banner ul li.index_banner_05 .banner_text h1::before {
		width: 260px;
		height: 40px;
		left: 60px;
	}

	/* index_benner_05-end */
}

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

	.banner .banner_1 {
		position: absolute;
		left: 7%;
		top: 35%;
	}

	.banner .banner_1 img {
		width: 70%;
	}

	.banner .banner_2 {
		position: absolute;
		right: -6%;
		top: 30%;
	}

	.banner .banner_2 img {
		width: 60%;
	}


	/* index_banner_about */
	.banner ul li.index_banner_about .banner_text h1 i {
		transform: scale(0.78);
		left: -72px;
	}

	.banner ul li.index_banner_about .banner_text span {
		font-size: 70px;
		height: 70px;
		line-height: 70px;
		margin-left: 110px;
	}

	.banner ul li.index_banner_about .banner_text h1 {
		font-size: 50px;
		height: 70px;
		line-height: 70px;
	}

	.banner ul li.index_banner_about .banner_text p {
		font-size: 30px;
		line-height: 50px;
		margin-top: 10px;
	}

	.banner ul li.index_banner_about .banner_text p b::after {
		bottom: -1px;
		font-size: 30px;
	}

	/* index_banner_about-end */
}

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

	.banner .banner_1 {
		position: absolute;
		left: 10%;
		top: 40%;
	}

	.banner .banner_1 img {
		width: 60%;
	}

	.banner .banner_2 {
		position: absolute;
		right: -10%;
		top: 30%;
	}

	.banner .banner_2 img {
		width: 60%;
	}

	.banner ul li .banner_back {
		height: 55vw;
	}

	/* index_benner_01 */
	.banner ul li.index_banner_01 .banner_text h1 {
		margin-top: 30%;
		font-size: 40px;
		line-height: 55px;
	}

	.banner ul li.index_banner_01 .banner_text h1 i {
		width: 136px;
		height: 136px;
		left: -90px;
		top: -12px;
	}

	.banner ul li.index_banner_01 .banner_img i {
		top: 38%;
		height: 237px;
	}

	.banner ul li.index_banner_01 .banner_text h1 span::after {
		height: 8px;
	}

	.banner ul li.index_banner_01 .banner_text h1::after {
		transform: scale(0.6) translateY(-100%);
		top: -5px;
	}

	.banner ul li.index_banner_01 .banner_text h1::before {
		transform: scale(0.5) translateX(100%);
		bottom: 10px;
		right: 35px;
	}

	.banner ul li.index_banner_01 .banner_text p {
		font-size: 18px;
		padding-right: 50px;
		margin-top: 40px;
	}

	.banner ul li.index_banner_01 .banner_text p::after,
	.banner ul li.index_banner_01 .banner_text p::before {
		transform: scale(0.5);
	}

	.banner ul li.index_banner_01 .banner_text p::before {
		bottom: 18px;
		right: 10px;
	}

	/* index_benner_01-end */

	/* index_benner_02 */
	.banner ul li.index_banner_02 .banner_img {
		height: 320px;
	}

	/* index_benner_02-end */

	/* index_benner_03 */
	.banner ul li.index_banner_03 .banner_text h1 {
		font-size: 30px;
		margin-top: 26%;
	}

	.banner ul li.index_banner_03 .banner_text p {
		font-size: 34px;
		margin-top: 0;
	}

	.banner ul li.index_banner_03 .banner_text h1::after {
		width: 36px;
		height: 36px;
	}

	.banner ul li.index_banner_03 .banner_text h1::before {
		width: 195px;
		height: 30px;
		left: 50px;
	}

	.banner ul li.index_banner_03 .banner_text span b {
		font-size: 14px;
		height: 46px;
		line-height: 46px;
	}

	.banner ul li.index_banner_03 .banner_text span strong {
		font-size: 20px;
		height: 46px;
		line-height: 46px;
	}

	.banner ul li.index_banner_03 .banner_text span b::after {
		bottom: 14px;
	}

	.banner ul li.index_banner_03 .banner_img i::before {
		font-size: 20px;
		width: 38px;
		line-height: 22px;
		border-radius: 12px 0 0 12px;
		left: -48px;
	}

	.banner ul li.index_banner_03 .banner_img i::after {
		font-size: 20px;
		left: -90px;
	}

	/* index_benner_03-end */

	/* index_benner_04 */
	.banner ul li.index_banner_04 .banner_text h1 {
		font-size: 30px;
		margin-top: 26%;
	}

	.banner ul li.index_banner_04 .banner_text p {
		font-size: 34px;
		margin-top: 0;
	}

	.banner ul li.index_banner_04 .banner_text h1::after {
		width: 36px;
		height: 36px;
	}

	.banner ul li.index_banner_04 .banner_text h1::before {
		width: 191px;
		height: 30px;
		left: 50px;
	}

	.banner ul li.index_banner_04 .banner_text span b {
		font-size: 14px;
		height: 46px;
		line-height: 46px;
	}

	.banner ul li.index_banner_04 .banner_text span strong {
		font-size: 20px;
		height: 46px;
		line-height: 46px;
	}

	.banner ul li.index_banner_04 .banner_text span b::after {
		bottom: 14px;
	}

	.banner ul li.index_banner_04 .banner_img i::before {
		font-size: 20px;
		width: 38px;
		line-height: 22px;
		border-radius: 12px 0 0 12px;
		left: -48px;
	}

	.banner ul li.index_banner_04 .banner_img i::after {
		font-size: 20px;
		left: -90px;
	}

	/* index_benner_04-end */

	/* index_benner_04 */
	.banner ul li.index_banner_05 .banner_text h1 {
		font-size: 30px;
		margin-top: 26%;
	}

	.banner ul li.index_banner_05 .banner_text p {
		font-size: 34px;
		margin-top: 0;
	}

	.banner ul li.index_banner_05 .banner_text h1::after {
		width: 36px;
		height: 36px;
	}

	.banner ul li.index_banner_05 .banner_text h1::before {
		width: 191px;
		height: 30px;
		left: 50px;
	}

	.banner ul li.index_banner_05 .banner_text span b {
		font-size: 14px;
		height: 46px;
		line-height: 46px;
	}

	.banner ul li.index_banner_05 .banner_text span strong {
		font-size: 20px;
		height: 46px;
		line-height: 46px;
	}

	.banner ul li.index_banner_05 .banner_text span b::after {
		bottom: 14px;
	}

	.banner ul li.index_banner_05 .banner_img i::before {
		font-size: 20px;
		width: 38px;
		line-height: 22px;
		border-radius: 12px 0 0 12px;
		left: -48px;
	}

	.banner ul li.index_banner_05 .banner_img i::after {
		font-size: 20px;
		left: -90px;
	}

	/* index_benner_04-end */

}

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

	.banner .banner_1 {
		position: absolute;
		left: 10%;
		top: 0%;
	}

	.banner .banner_1 img {
		width: 60%;
	}

	.banner .banner_2 {
		position: absolute;
		left: 10%;
		top: 260px;
	}

	.banner .banner_2 img {
		width: 50%;
	}



	.banner dt,
	.banner dd,
	.banner dt span {
		font-size: 14px;
		height: 34px;
		line-height: 34px;
	}

	.banner dd {
		width: 29px;
	}

	.banner dd:first-child {
		margin-right: 22px;
	}

	.banner dd:last-child {
		margin-left: 11px;
	}

	.banner dt.cur span {
		margin-left: 5px;
		margin-right: 10px;
	}

	.banner dt:nth-last-child(2).cur span {
		margin-right: 0;
	}

	.banner dt font::after {
		height: 4px;
		bottom: 1px;
	}

	.banner .banner_btn {
		bottom: 4.5%;
	}

	.banner ul li .banner_text {
		height: auto;
		position: relative;
	}

	/* index_benner_01 */
	.banner ul li.index_banner_01 .banner_text h1 {
		margin-top: 0;
		font-size: 50px;
		line-height: 60px;
	}

	.banner ul li.index_banner_01 .banner_text h1::after {
		transform: scale(0.4) translateY(-100%) translateX(100%);
		right: 100%;
	}

	.banner ul li.index_banner_01 .banner_text h1::before {
		transform: scale(0.5) translateX(0) translateY(0);
		top: 40px;
		right: 5px;
	}

	.banner ul li.index_banner_01 .banner_text h1 br {
		display: none;
	}

	.banner ul li.index_banner_01 .banner_text p {
		margin-top: 20px;
		font-size: 22px;
		padding-right: 60px;
	}

	.banner ul li.index_banner_01 .banner_text p::after,
	.banner ul li.index_banner_01 .banner_text p::before {
		transform: scale(0.6);
	}

	.banner ul li.index_banner_01 .banner_text p::before {
		right: 14px;
		bottom: 20px;
	}

	.banner ul li.index_banner_01 .banner_img {
		width: 100%;
		margin-top: 70px;
		height: auto;
		position: relative;
	}

	.banner ul li.index_banner_01 .banner_img i {
		top: 0;
		position: relative;
		float: left;
		height: 300px;
	}

	/* index_benner_01-end */

	.banner ul li .banner_content {
		height: auto;
		top: 26%;
		transform: translateY(-50%);
		/* top: 0;
		transform: translateY(0); */
	}

	.banner ul li .banner_back {
		/* height: 100vh; */
	}

	/* index_benner_02 */
	.banner ul li.index_banner_02 .banner_img,
	.banner ul li.index_banner_02 .banner_img i,
	.banner ul li.index_banner_02 .banner_img i img {
		height: unset;
		width: 100%;
	}

	/* index_benner_02-end */

	/* index_benner_03 */
	.banner ul li.index_banner_03 .banner_img i {
		width: 70%;
		height: auto;
		float: left;
	}

	.banner ul li.index_banner_03 .banner_img i img {
		width: 100%;
		height: auto;
	}

	.banner ul li.index_banner_03 .banner_text h1 {
		margin-top: 50px;
		font-size: 50px;
	}

	.banner ul li.index_banner_03 .banner_text p {
		font-size: 48px;
		margin-top: 5px;
	}

	.banner ul li.index_banner_03 .banner_text h1::after {
		width: 60px;
		height: 60px;
	}

	.banner ul li.index_banner_03 .banner_text h1::before {
		width: 318px;
		height: 50px;
		left: 80px;
	}

	.banner ul li.index_banner_03 .banner_text span {
		margin-top: 20px;
		margin-bottom: 50px;
	}

	.banner ul li.index_banner_03 .banner_img i::before {
		left: unset;
		right: -48px;
		border-radius: 0 10px 10px 0;
		bottom: 38px;
	}

	.banner ul li.index_banner_03 .banner_img i::after {
		right: -90px;
		left: unset;
		bottom: 62px;
	}

	/* index_benner_03-end */

	/* index_benner_04 */
	.banner ul li.index_banner_04 .banner_img i {
		width: 70%;
		height: auto;
		float: left;
	}

	.banner ul li.index_banner_04 .banner_img i img {
		width: 100%;
		height: auto;
	}

	.banner ul li.index_banner_04 .banner_text h1 {
		margin-top: 50px;
		font-size: 50px;
	}

	.banner ul li.index_banner_04 .banner_text p {
		font-size: 48px;
		margin-top: 5px;
	}

	.banner ul li.index_banner_04 .banner_text h1::after {
		width: 60px;
		height: 60px;
	}

	.banner ul li.index_banner_04 .banner_text h1::before {
		width: 325px;
		height: 50px;
		left: 80px;
	}

	.banner ul li.index_banner_04 .banner_text span {
		margin-top: 20px;
		margin-bottom: 50px;
	}

	.banner ul li.index_banner_04 .banner_img i::before {
		left: unset;
		right: -48px;
		border-radius: 0 10px 10px 0;
		bottom: 38px;
	}

	.banner ul li.index_banner_04 .banner_img i::after {
		right: -90px;
		left: unset;
		bottom: 62px;
	}

	/* index_benner_04-end */

	/* index_benner_04 */
	.banner ul li.index_banner_05 .banner_img i {
		width: 70%;
		height: auto;
		float: left;
	}

	.banner ul li.index_banner_05 .banner_img i img {
		width: 100%;
		height: auto;
	}

	.banner ul li.index_banner_05 .banner_text h1 {
		margin-top: 50px;
		font-size: 50px;
	}

	.banner ul li.index_banner_05 .banner_text p {
		font-size: 48px;
		margin-top: 5px;
	}

	.banner ul li.index_banner_05 .banner_text h1::after {
		width: 60px;
		height: 60px;
	}

	.banner ul li.index_banner_05 .banner_text h1::before {
		width: 325px;
		height: 50px;
		left: 80px;
	}

	.banner ul li.index_banner_05 .banner_text span {
		margin-top: 20px;
		margin-bottom: 50px;
	}

	.banner ul li.index_banner_05 .banner_img i::before {
		left: unset;
		right: -48px;
		border-radius: 0 10px 10px 0;
		bottom: 38px;
	}

	.banner ul li.index_banner_05 .banner_img i::after {
		right: -90px;
		left: unset;
		bottom: 62px;
	}

	/* index_benner_04-end */

	/* index_banner_about */
	.banner ul li.index_banner_about .banner_text h1 i {
		left: -20px;
		top: -86px;
		transform-origin: right top;
		transform: translateX(-100%) scale(0.78);
	}

	.banner ul li.index_banner_about .banner_text {
		top: 0;
		transform: translateY(0);
	}

	.banner ul li.index_banner_about .banner_text span {
		font-size: 100px;
		line-height: 100px;
		height: 100px;
		margin-left: 0;
	}

	.banner ul li.index_banner_about .banner_text h1 {
		font-size: 90px;
		height: 110px;
		line-height: 110px;
	}

	.banner ul li.index_banner_about .banner_text p {
		font-size: 40px;
		line-height: 64px;
		margin-top: 40px;
	}

	.banner ul li.index_banner_about .banner_text p b::after {
		bottom: 0;
	}

	/* .banner ul li.index_banner_about .banner_text p br {
		display: none;
	} */

	/* index_banner_about-end */
}



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

	.banner ul li .banner_content {
		top: 20%;
	}


	/* index_banner_about */
	.banner ul li.index_banner_about .banner_text h1 i {
		transform: translateX(-100%) scale(0.7);
		top: -80px;
	}

	.banner ul li.index_banner_about .banner_text span {
		font-size: 80px;
		height: 100px;
		line-height: 100px;
	}

	.banner ul li.index_banner_about .banner_text h1 {
		font-size: 70px;
		line-height: 90px;
		height: 90px;
	}

	.banner ul li.index_banner_about .banner_text p {
		font-size: 36px;
		line-height: 60px;
	}

	/* index_banner_about-end */
}

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

	.banner .banner_1 {
		position: absolute;
		left: 10%;
		top: 0%;
	}

	.banner .banner_1 img {
		width: 60%;
	}

	.banner .banner_2 {
		position: absolute;
		left: 10%;
		top: 260px;
	}

	.banner .banner_2 img {
		width: 60%;
	}

	/* index_banner_about */
	.banner ul li.index_banner_about .banner_text h1 i {
		transform: translateX(-100%) scale(0.6);
		top: -70px;
	}

	.banner ul li.index_banner_about .banner_text span {
		font-size: 70px;
		height: 90px;
		line-height: 90px;
	}

	.banner ul li.index_banner_about .banner_text h1 {
		font-size: 64px;
		line-height: 84px;
		height: 84px;
	}

	.banner ul li.index_banner_about .banner_text p {
		font-size: 30px;
	}

	.banner ul li.index_banner_about .banner_text p b::after {
		bottom: 0;
	}

	/* index_banner_about-end */
}

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

	.banner .banner_1 {
		position: absolute;
		left: 10%;
		top: 0%;
	}

	.banner .banner_1 img {
		width: 70%;
	}

	.banner .banner_2 {
		position: absolute;
		left: 10%;
		top: 320px;
	}

	.banner .banner_2 img {
		width: 70%;
	}


	.banner ul li.index_banner_02 .banner_img b {
		opacity: 1;
	}

	.banner ul li.index_banner_02 .banner_img i {
		opacity: 0;
	}

	/* index_banner_about */
	.banner ul li.index_banner_about .banner_text span {
		font-size: 80px;
		height: 100px;
		line-height: 100px;
	}

	.banner ul li.index_banner_about .banner_text h1 {
		font-size: 74px;
		line-height: 94px;
		height: 94px;
	}

	.banner ul li.index_banner_about .banner_text h1 i {
		top: -80px;
		transform: translateX(-100%) scale(0.7);
	}

	.banner ul li.index_banner_about .banner_text p {
		font-size: 36px;
		line-height: 1.8;
	}

	.banner ul li.index_banner_about .banner_text p b::after {
		bottom: 0;
	}

	/* index_banner_about-end */
}

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

	/* index_benner_01 */
	.banner ul li.index_banner_01 .banner_img i,
	.banner ul li.index_banner_01 .banner_img i img {
		height: auto;
		width: 100%;
	}

	/* index_benner_01-end */

	/* index_benner_03 */
	.banner ul li.index_banner_03 .banner_img i {
		width: calc(100% - 70px);
	}

	/* index_benner_03-end */

	/* index_benner_04 */
	.banner ul li.index_banner_04 .banner_img i {
		width: calc(100% - 70px);
	}

	/* index_benner_04-end */

	/* index_benner_05 */
	.banner ul li.index_banner_05 .banner_img i {
		width: calc(100% - 70px);
	}

	/* index_benner_04-end */

}

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



	/* index_banner_about */
	.banner ul li.index_banner_about .banner_text h1 i {
		transform: translateX(-100%) scale(0.6);
		top: -63px;
		left: -10px;
	}

	.banner ul li.index_banner_about .banner_text span {
		font-size: 70px;
		height: 90px;
		line-height: 90px;
	}

	.banner ul li.index_banner_about .banner_text h1 {
		font-size: 64px;
		height: 80px;
		line-height: 80px;
	}

	.banner ul li.index_banner_about .banner_text p {
		font-size: 28px;
		line-height: 50px;
		margin-top: 30px;
	}

	.banner ul li.index_banner_about .banner_text p b::after {
		bottom: -2px;
	}

	/* index_banner_about-end */
}


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

	.banner ul li .banner_content {
		top: 20%;
	}

	.banner .banner_1 {
		position: absolute;
		left: 10%;
		top: 0%;
	}

	.banner .banner_1 img {
		width: 70%;
	}

	.banner .banner_2 {
		position: absolute;
		left: 10%;
		top: 190px;
	}

	.banner .banner_2 img {
		width: 70%;
	}

	/* index_benner_03 */
	.banner ul li.index_banner_03 .banner_text h1,
	.banner ul li.index_banner_03 .banner_text p {
		font-size: 2rem;
		line-height: 1.3;
		line-height: 42px;
	}

	.banner ul li.index_banner_03 .banner_text h1::after {
		height: 50px;
		width: 50px;
	}

	.banner ul li.index_banner_03 .banner_text h1::before {
		height: 40px;
		width: 254px;
		left: 70px;
	}

	.banner ul li.index_banner_03 .banner_img i {
		border-width: 6px;
		border-radius: 10px;
		width: calc(100% - 50px);
	}

	.banner ul li.index_banner_03 .banner_img i img {
		border-radius: 6px;
	}

	.banner ul li.index_banner_03 .banner_img i::before {
		font-size: 14px;
		width: 26px;
		line-height: 16px;
		padding: 10px 0;
		border-radius: 0 6px 6px 0;
		right: -32px;
	}

	.banner ul li.index_banner_03 .banner_img i::after {
		font-size: 14px;
		right: -62px;
		bottom: 55px;
	}

	/* index_benner_03-end */

	/* index_benner_04 */
	.banner ul li.index_banner_04 .banner_text h1,
	.banner ul li.index_banner_04 .banner_text p {
		font-size: 32px;
		line-height: 42px;
	}

	.banner ul li.index_banner_04 .banner_text h1::after {
		height: 50px;
		width: 50px;
	}

	.banner ul li.index_banner_04 .banner_text h1::before {
		height: 40px;
		width: 260px;
		left: 70px;
	}

	.banner ul li.index_banner_04 .banner_img i {
		border-width: 6px;
		border-radius: 10px;
		width: calc(100% - 50px);
	}

	.banner ul li.index_banner_04 .banner_img i img {
		border-radius: 6px;
	}

	.banner ul li.index_banner_04 .banner_img i::before {
		font-size: 14px;
		width: 26px;
		line-height: 16px;
		padding: 10px 0;
		border-radius: 0 6px 6px 0;
		right: -32px;
	}

	.banner ul li.index_banner_04 .banner_img i::after {
		font-size: 14px;
		right: -62px;
		bottom: 55px;
	}

	/* index_benner_04-end */


	/* index_benner_04 */
	.banner ul li.index_banner_05 .banner_text h1,
	.banner ul li.index_banner_05 .banner_text p {
		font-size: 32px;
		line-height: 42px;
	}

	.banner ul li.index_banner_05 .banner_text h1::after {
		height: 50px;
		width: 50px;
	}

	.banner ul li.index_banner_05 .banner_text h1::before {
		height: 40px;
		width: 260px;
		left: 70px;
	}

	.banner ul li.index_banner_05 .banner_img i {
		border-width: 6px;
		border-radius: 10px;
		width: calc(100% - 50px);
	}

	.banner ul li.index_banner_05 .banner_img i img {
		border-radius: 6px;
	}

	.banner ul li.index_banner_05 .banner_img i::before {
		font-size: 14px;
		width: 26px;
		line-height: 16px;
		padding: 10px 0;
		border-radius: 0 6px 6px 0;
		right: -32px;
	}

	.banner ul li.index_banner_05 .banner_img i::after {
		font-size: 14px;
		right: -62px;
		bottom: 55px;
	}

	/* index_benner_04-end */


	/* index_banner_about */
	.banner ul li.index_banner_about .banner_text span {
		font-size: 60px;
		line-height: 80px;
		height: 80px;
	}

	.banner ul li.index_banner_about .banner_text h1 {
		font-size: 54px;
		line-height: 70px;
		height: 70px;
	}

	.banner ul li.index_banner_about .banner_text p {
		font-size: 24px;
		line-height: 40px;
	}

	.banner ul li.index_banner_about .banner_text p b::after {
		bottom: -1px;
	}

	/* index_banner_about-end */
}

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

	/* index_benner_01 */
	.banner ul li.index_banner_01 .banner_text h1 {
		font-size: 2rem;
		line-height: 1.3;
		line-height: 42px;
	}

	.banner ul li.index_banner_01 .banner_text h1 span::after {
		bottom: 1px;
	}

	.banner ul li.index_banner_01 .banner_text p {
		font-size: 18px;
		padding-right: 50px;
	}

	.banner ul li.index_banner_01 .banner_text p::after,
	.banner ul li.index_banner_01 .banner_text p::before {
		transform: scale(0.5);
	}

	.banner ul li.index_banner_01 .banner_text p::before {
		right: 12px;
		bottom: 18px;
	}

	.banner ul li.index_banner_01 .banner_text h1::before {
		transform: scale(0.4) translateX(0) translateY(0);
		top: 22px;
	}

	/* index_benner_01-end */

	/* index_benner_03 */
	.banner ul li.index_banner_03 .banner_text h1::after {
		width: 40px;
		height: 40px;
	}

	.banner ul li.index_banner_03 .banner_text h1::before {
		width: 191px;
		height: 30px;
		left: 50px;
	}

	.banner ul li.index_banner_03 .banner_text span {
		padding: 0 20px;
	}

	.banner ul li.index_banner_03 .banner_text span b {
		height: 40px;
		line-height: 40px;
	}

	.banner ul li.index_banner_03 .banner_text span strong {
		height: 40px;
		line-height: 40px;
	}

	.banner ul li.index_banner_03 .banner_text span b::after {
		bottom: 10px;
	}

	/* index_benner_03-end */

	/* index_benner_04 */
	.banner ul li.index_banner_04 .banner_text h1::after {
		width: 40px;
		height: 40px;
	}

	.banner ul li.index_banner_04 .banner_text h1::before {
		width: 195px;
		height: 30px;
		left: 50px;
	}

	.banner ul li.index_banner_04 .banner_text span {
		padding: 0 20px;
	}

	.banner ul li.index_banner_04 .banner_text span b {
		height: 40px;
		line-height: 40px;
	}

	.banner ul li.index_banner_04 .banner_text span strong {
		height: 40px;
		line-height: 40px;
	}

	.banner ul li.index_banner_04 .banner_text span b::after {
		bottom: 10px;
	}

	/* index_benner_04-end */


	/* index_benner_05 */
	.banner ul li.index_benner_05 .banner_text h1::after {
		width: 40px;
		height: 40px;
	}

	.banner ul li.index_benner_05 .banner_text h1::before {
		width: 195px;
		height: 30px;
		left: 50px;
	}

	.banner ul li.index_benner_05 .banner_text span {
		padding: 0 20px;
	}

	.banner ul li.index_benner_05 .banner_text span b {
		height: 40px;
		line-height: 40px;
	}

	.banner ul li.index_benner_05 .banner_text span strong {
		height: 40px;
		line-height: 40px;
	}

	.banner ul li.index_benner_05 .banner_text span b::after {
		bottom: 10px;
	}

	/* index_benner_04-end */

}

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

	/* index_benner_01 */
	.banner ul li.index_banner_01 .banner_text h1 {
		font-size: 1.8rem;
		line-height: 1.3;
		line-height: 42px;
	}

	.banner ul li.index_banner_01 .banner_text h1 span::after {
		height: 6px;
	}

	.banner ul li.index_banner_01 .banner_text p {
		font-size: 16px;
		padding-bottom: 7px;
		padding-right: 40px;
	}

	.banner ul li.index_banner_01 .banner_text p::after,
	.banner ul li.index_banner_01 .banner_text p::before {
		transform: scale(0.4);
	}

	.banner ul li.index_banner_01 .banner_text p::before {
		right: 10px;
		bottom: 14px;
	}

	.banner ul li.index_banner_01 .banner_text p::after {
		bottom: 7px;
	}

	/* index_benner_01-end */

	/* index_banner_about */
	.banner ul li.index_banner_about .banner_text h1 i {
		transform: translateX(-100%) scale(0.38);
		top: -52px;
	}

	.banner ul li.index_banner_about .banner_text span {
		font-size: 50px;
		height: 70px;
		line-height: 70px;
	}

	.banner ul li.index_banner_about .banner_text h1 {
		font-size: 44px;
		height: 60px;
		line-height: 60px;
	}

	.banner ul li.index_banner_about .banner_text p {
		font-size: 22px;
		line-height: 32px;
		margin-top: 20px;
	}

	.banner ul li.index_banner_about .banner_text p b::after {
		bottom: -1px;
		height: 6px;
	}

	/* index_banner_about-end */
}

/* banner-end */


/*index_about*/
.index_about {
	background: url(../images/about_indexbj.jpg) no-repeat center 100%;
	height: 920px;
	position: relative;
	border-bottom: 30px #ddd solid;
}

.index_about .index_about_01 {
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 99;
}

.index_about .index_about_text {}

.index_about .index_about_data {
	width: 694px;
	height: 224px;
	background: #1744ec;
	position: absolute;
	left: 23%;
	bottom: 0;
	border-top-right-radius: 30px;
	padding-left: 100px;
}

.index_about .index_about_data .index_about_data_01 {
	padding-left: 50px;
	padding-top: 40px;
	padding-bottom: 40px;
	padding-right: 70px;
	position: relative;
	text-align: right;
	width: 30%;
	float: left;
	border-right: 1px rgb(255 255 255 / 32%) solid;
}

.index_about .index_about_data .index_about_data_01 i {
	display: block;
	width: 34px;
	height: 36px;
	background-image: url(../images/index_about_data_01.svg);
	background-size: 100%;
	background-repeat: no-repeat;
	position: absolute;
	left: 10px;
	top: 74px;
}

.index_about .index_about_data .index_about_data_01::after {
	display: block;
	content: "";
	width: 33px;
	height: 5px;
	background: #ffd800;
	border-radius: 10px;
	position: absolute;
	top: 106px;
	left: 10px;
}

.index_about .index_about_data .index_about_data_01 em {
	font-size: 76px;
	color: #fff;
	font-style: normal;
	font-weight: bold;
}

.index_about .index_about_data .index_about_data_01 p {
	color: #fff;
	font-size: 34px;
	font-weight: bold;
}

.index_about .index_about_data .index_about_data_01 a {
	color: #fff;
	display: block;
	position: absolute;
	left: 50px;
	font-size: 30px;
}

.index_about .index_about_data .index_about_data_01 span {
	color: #fff;
	font-size: 14px;
	opacity: 0.5;
	text-transform: uppercase;
}


.index_about .index_about_data .index_about_data_02 {
	padding-left: 26px;
	padding-top: 40px;
	position: relative;
	text-align: right;
	width: 30%;
	float: left;
	margin-left: 56px;
}

.index_about .index_about_data .index_about_data_02 i {
	display: block;
	width: 34px;
	height: 36px;
	background-image: url(../images/index_about_data_02.svg);
	background-size: 100%;
	background-repeat: no-repeat;
	position: absolute;
	left: 10px;
	top: 74px;
}

.index_about .index_about_data .index_about_data_02::after {
	display: block;
	content: "";
	width: 33px;
	height: 5px;
	background: #ffd800;
	border-radius: 10px;
	position: absolute;
	top: 106px;
	left: 10px;
}

.index_about .index_about_data .index_about_data_02 em {
	font-size: 4.75rem;
	color: #fff;
	font-style: normal;
	font-weight: bold;
}

.index_about .index_about_data .index_about_data_02 p {
	color: #fff;
	font-size: 2.125rem;
	font-weight: bold;
}

.index_about .index_about_data .index_about_data_02 a {
	color: #fff;
	display: block;
	position: absolute;
	left: 50px;
	font-size: 1.875rem;
}

.index_about .index_about_data .index_about_data_02 span {
	color: #fff;
	font-size: 0.875rem;
	opacity: 0.5;
	text-transform: uppercase;
}

.index_about .index_about_text {
	position: absolute;
	right: 10%;
	top: 22%;
	text-align: right;
}

.index_about .index_about_text img {}

.index_about .index_about_text p {
	font-size: 50px;
	font-family: "almmB";
}

.index_about .index_about_text em {
	display: block;
	font-size: 22px;
	font-weight: bold;
	opacity: 0.2;
	font-style: normal;
	text-transform: uppercase;
	margin-top: 6px;
	margin-bottom: 30px;
}

.index_about .index_about_text span {
	font-size: 30px;
	display: block;
	font-weight: 500;
}

.index_about .index_about_text a {
	display: inline-block;
	margin-top: 180px;
	font-size: 26px;
	font-weight: bold;
	position: relative;
}

.index_about .index_about_text a::after {
	content: "";
	display: block;
	background: #1744ec;
	width: 100%;
	height: 5px;
	transition: 0.3s;
}

.index_about .index_about_text a:hover::after {
	width: 120%;
	transition: 0.3s;
}

.index_about .index_about_text i {
	display: block;
	font-size: 42px;
	font-weight: bold;
	font-style: normal;
	text-transform: uppercase;
	opacity: 0.1;
}

@media screen and (max-width:1920px) {
	.index_about .index_about_data {
		padding-left: 140px;
	}
}

@media screen and (max-width:1750px) {
	.index_about .index_about_data {
		transform: scale(0.9) !important;
		padding-left: 180px;
		transform-origin: bottom left;
	}
}

@media screen and (max-width:1600px) {
	.index_about .index_about_data {
		transform: scale(0.8) !important;
		padding-left: 280px;
		transform-origin: bottom left;
	}
}

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

	.index_about .index_about_data {
		transform: scale(0.8) !important;
		padding-left: 320px;
		transform-origin: bottom left;
	}

	.index_about .index_about_text {
		top: 18%;
	}

	.index_about .index_about_text a {
		margin-top: 100px;
	}
}

@media screen and (max-width:1200px) {
	.index_about .index_about_01 {
		left: -10%;
	}

	.index_about .index_about_data {
		transform: scale(0.7) !important;
		padding-left: 320px;
		transform-origin: bottom left;
	}
}

@media screen and (max-width:1200px) {
	.index_about .index_about_01 {
		left: -10%;
	}

	.index_about .index_about_text {
		transform: scale(0.8) !important;
		transform-origin: top right;
	}

	.index_about .index_about_data {
		transform: scale(0.7) !important !important;
		padding-left: 320px;
		transform-origin: bottom left;
	}
}

@media screen and (max-width:1000px) {
	.index_about .index_about_01 {
		left: -10%;
	}

	.index_about .index_about_data {
		transform: scale(0.6) !important;
		padding-left: 420px;
		transform-origin: bottom left;
	}
}

@media screen and (max-width:900px) {
	.index_about .index_about_01 {
		left: -20%;
		width: 70%;
	}

	.index_about .index_about_data {
		padding-left: 220px;
	}

}

@media screen and (max-width:800px) {
	.index_about .index_about_01 {
		left: -30%;
		width: 80%;
	}

	.index_about .index_about_data {
		padding-left: 140px;
	}

}

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

	.index_about .index_about_data {
		padding-left: 0px;
		z-index: 99;
		width: 100%;
		transform: scale(1) !important;
		left: 0;
		border-radius: 0%;
	}

	.index_about .index_about_data .index_about_data_01,
	.index_about .index_about_data_02 {
		transform: scale(0.8);
		transform-origin: center;
		margin-left: 0px !important;
		width: 37% !important;
	}


}


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

	.index_about .index_about_data {
		height: auto;
	}

	.index_about .index_about_data .index_about_data_01,
	.index_about .index_about_data_02 {
		transform: scale(1) !important;
		transform-origin: center;
		margin-left: 0px !important;
		width: 28% !important;
		padding-right: 10% !important;
		padding-left: 10% !important;
		text-align: left !important;
	}

	.index_about .index_about_data .index_about_data_01::after {
		left: 21%;
		top: 33%;
	}

	.index_about .index_about_data .index_about_data_01 i {
		position: initial;
		display: block;
		clear: both;
		margin-bottom: 20px;
	}

	.index_about .index_about_data .index_about_data_01 a {
		font-size: 4vw !important;
		position: initial;
		display: inline-block;
		float: right;
	}

	.index_about .index_about_data .index_about_data_01 em {
		font-size: 8vw !important;
	}

	.index_about .index_about_data .index_about_data_01 p {
		font-size: 4vw !important;
	}

	.index_about .index_about_data .index_about_data_01 span {
		font-size: 2vw !important;
	}

	.index_about .index_about_data .index_about_data_02::after {
		left: 21%;
		top: 40%;
	}

	.index_about .index_about_data .index_about_data_02 i {
		position: initial;
		display: block;
		clear: both;
		margin-bottom: 20px;
	}

	.index_about .index_about_data .index_about_data_02 a {
		left: 30%;
		font-size: 4vw !important;
	}

	.index_about .index_about_data .index_about_data_02 em {
		font-size: 8vw !important;
	}

	.index_about .index_about_data .index_about_data_02 p {
		font-size: 4vw !important;
	}

	.index_about .index_about_data .index_about_data_02 span {
		font-size: 2vw !important;
	}


}

@media screen and (max-width:600px) {
	.index_about .index_about_01 {
		bottom: 20%;
		left: -44%;
		width: 90%;
	}

	.index_about .index_about_text {
		transform: scale(0.7) !important;
	}

	.index_about {
		height: 800px;
	}
}



.index_prod {
	width: 82%;
	margin: auto;
	padding-top: 160px;
}

.index_prod .index_prod_title {}

.index_prod .index_prod_title p {
	font-size: 60px;
	font-weight: bold;
	float: left;
	padding-right: 40px;
}

.index_prod .index_prod_title span {
	font-size: 60px;
	opacity: 0.1;
	font-weight: bold;
	text-transform: uppercase;
	float: left;
}

.index_prod ul {
	margin-top: 80px;
}

.index_prod ul li {
	width: 30%;
	background-image: url(../images/index_prod_bj.jpg);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	border-radius: 30px;
	position: relative;
	overflow: hidden;
	padding-bottom: 120px;
	float: left;
	margin-right: 5%;
}

.index_prod ul li:last-child {
	margin-right: 0px;
}

.index_prod ul li em {
	font-size: 32px;
	font-weight: bold;
	font-style: normal;
	text-transform: uppercase;
	opacity: 0.1;
	padding-left: 60px;
	padding-top: 60px;
	display: block;
}

.index_prod ul li p {
	font-size: 2.2vw;
	font-weight: bold;
	padding-left: 60px;
	padding-top: 10px;

}

.index_prod ul li>img {
	display: block;
	padding-left: 70px;
	position: relative;
	z-index: 99;
	padding-top: 60px;
	width: 100%;
}

.index_prod ul li i {
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	z-index: 98;
	text-align: center;
	font-style: normal;
	font-size: 3vw;
	text-transform: uppercase;
	font-weight: bold;
	line-height: 0.8;
	opacity: 0;
	color: rgb(255 255 255 / 20%);
}

.index_prod ul li:hover i {
	opacity: 1;
}

.index_prod ul li>a {
	display: block;
	position: absolute;
	right: 4%;
	top: -50%;
	background: url(../images/index_prod_gd.png) no-repeat;
	width: 138px;
	height: 43px;
	text-align: center;
	line-height: 43px;
	font-weight: bold;
	font-size: 22px;
	color: #fff;
}

.index_prod ul li:hover>a {
	top: 0;
}

.index_prod ul li::after {
	content: "";
	display: block;
	width: 100%;
	height: 30px;
	background-color: #1744ec;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	transition: 0.3s;
}

.index_prod ul li:hover::after {
	height: 200px;
	transition: 0.3s;
}

.index_prod ul li dl {
	display: block;
	position: absolute;
	right: 10%;
	top: 18%;
	text-align: right;
}

.index_prod ul li dl dd {
	display: block;
	margin-bottom: 12px;
}

.index_prod ul li dl dd a {
	font-size: 20px;
	color: #000;
	font-weight: 500;
}

.index_prod ul li dl dd::after {
	content: "";
	width: 100%;
	height: 5px;
	background-color: #1744ec;
}

.index_prod ul li dl dd:hover a {
	font-weight: bold;
	border-bottom: 5px #1744ec solid;
}

.index_prod .index_prod_search {
	margin-top: 10px;
}

.index_prod .index_prod_search form {}

.index_prod .index_prod_search .search_text {
	width: 20%;
	height: 50px;
	background: #eee;
	display: block;
	border-radius: 10px;
	float: right;
	font-size: 20px;
	text-indent: 20px;
	position: relative;
	z-index: 1;
	outline: none;
}

.index_prod .index_prod_search .nav_search {
	float: right;
	background: #1744ec;
	height: 50px;
	line-height: 50px;
	padding: 0px 30px 0px 20px;
	color: #fff;
	font-size: 28px;
	font-weight: bold;
	margin-right: -10px;
	border-bottom-left-radius: 10px;
	border-top-left-radius: 10px;
}

.index_prod .index_prod_search form i {}

@media screen and (max-width:1360px) {
	.index_prod ul li {}

	.index_prod ul li dl {
		position: unset;
		text-align: left;
		padding-left: 20%;
		margin-top: 30px;
	}
}

@media screen and (max-width:1160px) {
	.index_prod ul li {
		width: 100%;
		margin-bottom: 10%;
		margin-right: 0px;
	}

	.index_prod ul li dl {
		padding-left: 60px;
	}

	.index_prod ul li p {
		font-size: 3vw;
	}

	.index_prod_search {
		width: 100%;
	}

	.index_prod .index_prod_title span {
		float: none;
	}

	.index_prod .index_prod_search .search_text {
		width: 80%;
		float: left;
	}

	.index_prod .index_prod_search .nav_search {
		width: 20%;
		float: left;
		margin-left: -10px;
		border-top-left-radius: 0px;
		border-bottom-left-radius: 0px;
		border-top-right-radius: 10px;
		border-bottom-right-radius: 10px;
		padding: 0px 20px 0px 30px;
	}

	.index_prod .index_prod_title span {
		margin-bottom: 20px;
		display: block;
	}

	.index_prod {
		padding-top: 120px;
	}

	.index_prod .index_prod_title p {
		font-size: 50px;
	}
}

@media screen and (max-width:960px) {
	.index_prod ul li p {
		font-size: 4vw;
	}

	.index_prod .index_prod_search .search_text {
		width: 70%;
	}

	.index_prod .index_prod_search .nav_search {
		width: 30%;
		font-size: 24px;
	}

	.index_prod .index_prod_title span {
		font-size: 50px;
	}

	.index_prod ul li dl dd {
		margin-bottom: 8px;
	}
}

@media screen and (max-width:660px) {
	.index_prod ul li {
		padding-bottom: 20%;
	}

	.index_prod ul li p {
		font-size: 7vw;
		padding-left: 10%;
	}

	.index_prod ul li em {
		font-size: 8vw;
		padding-left: 10%;
	}

	.index_prod ul li dl {
		position: unset;
		padding-left: 10%;
	}

	.index_prod .index_prod_search .search_text {
		width: 65%;
	}

	.index_prod .index_prod_search .nav_search {
		width: 35%;
	}

	.index_prod ul li>img {
		padding-left: 10%;
		padding-top: 10%;
	}
}




.slideTxtBox {
	position: relative;
	margin-top: 180px;
	height: 918px;
	overflow: hidden;
}

.slideTxtBox .slideTxtBox_title {
	background: rgb(0 0 0 / 50%);
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	padding-left: 9%;
	padding-right: 10%;
	z-index: 1;
}

.slideTxtBox .slideTxtBox_title p {
	font-size: 60px;
	font-weight: bold;
	color: #fff;
	padding-top: 60%;
}

.slideTxtBox .slideTxtBox_title i {
	display: block;
	background: #1744ec;
	height: 7px;
	width: 140px;
	margin-top: 6px;
	margin-bottom: 30px;
}

.slideTxtBox .slideTxtBox_title span {
	color: #fff;
	display: block;
	font-size: 30px;
	line-height: 40px;
}

.slideTxtBox .slideTxtBox_title em {
	color: #fff;
	display: block;
	font-weight: bold;
	text-transform: uppercase;
	font-style: normal;
	font-size: 40px;
	margin-top: 16px;
	opacity: 0.1;
}

.slideTxtBox .hd {
	position: absolute;
	top: 56%;
	left: 9%;
	right: 0;
	margin: auto;
	z-index: 2;
}

.slideTxtBox .hd .arrow {
	position: absolute;
	top: 36%;
	left: 60%;
	color: #fff;
}

.slideTxtBox .hd .arrow .next {
	width: 56px;
	height: 56px;
	display: block;
	float: left;
	background: #8d8e91;
	border-radius: 100%;
	line-height: 56px;
	text-align: center;
	cursor: pointer;
}

.slideTxtBox .hd .arrow .next:hover {
	background: #ffd800;
}

.slideTxtBox .hd .arrow .prev:hover {
	background: #ffd800;
}

.slideTxtBox .hd .arrow .prev {
	width: 56px;
	height: 56px;
	display: block;
	float: left;
	background: #8d8e91;
	border-radius: 100%;
	line-height: 56px;
	text-align: center;
	margin-right: 14px;
	cursor: pointer;
}

.slideTxtBox .hd ul {}

.slideTxtBox .hd ul li {
	width: 275px;
	height: 156px;
	float: left;
	border-radius: 20px;
	position: relative;
	overflow: hidden;
	border: 6px rgb(255 255 255 / 0%) solid;
	margin-right: 20px;
}

.slideTxtBox .hd ul li.on {
	border: 6px #fff solid;
}

.slideTxtBox .hd ul li img {
	height: 100%;
	position: relative;
	z-index: 1;
	margin: auto;
}

.slideTxtBox .bd {}

.slideTxtBox .bd ul {}

.slideTxtBox .bd ul img {
	height: 120%;
}

.slideTxtBox .bd {}


@media screen and (max-width:1760px) {
	.slideTxtBox .hd .arrow {
		left: 70%;
	}
}

@media screen and (max-width:1560px) {
	.slideTxtBox .hd ul li {
		width: 245px;
		height: 126px;
	}

	.slideTxtBox .hd .arrow {
		left: 80%;
	}
}


@media screen and (max-width:1160px) {
	.slideTxtBox .hd ul li {
		width: 195px;
		height: 86px;
	}

	.slideTxtBox .hd ul li img {
		width: 100%;
	}

	.slideTxtBox .hd .arrow {
		left: 80%;
	}

	.slideTxtBox .hd .arrow .next {
		width: 42px;
		height: 42px;
		line-height: 42px;
	}

	.slideTxtBox .hd .arrow .prev {
		width: 42px;
		height: 42px;
		line-height: 42px;
	}

}

@media screen and (max-width:1000px) {
	.slideTxtBox {
		height: auto;
		margin-top: 20%;
	}

	.slideTxtBox .slideTxtBox_title {
		background: none;
		position: unset;
	}

	.slideTxtBox .slideTxtBox_title p {
		padding-top: 0%;
		color: #000;
	}

	.slideTxtBox .slideTxtBox_title span {
		color: #000;
	}

	.slideTxtBox .slideTxtBox_title em {
		color: #fff;
		font-size: 10px;
	}

	.slideTxtBox .hd {
		top: 46%;
		position: unset;
	}

	.slideTxtBox .hd ul {
		display: none;
	}

	.slideTxtBox .hd ul li {
		float: none;
		margin-bottom: 20px;
	}

	.slideTxtBox .hd ul li img {
		width: 100%;
	}

	.slideTxtBox .hd .arrow {
		left: unset;
		right: 10%;
		top: 20%;
	}

	.slideTxtBox .hd .arrow .next {
		width: 42px;
		height: 42px;
		line-height: 42px;
	}

	.slideTxtBox .hd .arrow .prev {
		width: 42px;
		height: 42px;
		line-height: 42px;
	}

	.slideTxtBox .bd ul img {
		width: 100%;
	}

}

@media screen and (max-width:800px) {
	.slideTxtBox .slideTxtBox_title p {
		font-size: 40px;
	}

	.slideTxtBox .slideTxtBox_title span {
		font-size: 26px;
	}
}

@media screen and (max-width:500px) {
	.slideTxtBox .hd .arrow {
		top: 0;
	}

	.slideTxtBox .slideTxtBox_title p {
		font-size: 36px;
	}

	.slideTxtBox .slideTxtBox_title span {
		font-size: 20px;
		line-height: 1.5;
	}
}



.customer {
	text-align: center;
	background-image: url(../images/customer.jpg);
	background-size: 100% 100%;
	height: 1006px;
}

.customer i {
	font-size: 14vw;
	font-weight: bold;
	font-style: normal;
	margin-top: 10%;
	display: inline-block;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1777ec', endColorstr='#1748ec', GradientType=1);
	    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#1777ec', endColorstr='#1748ec', GradientType=1)";

	/* background: -webkit-linear-gradient(to bottom, #1777ec, #1748ec);
	background: -o-linear-gradient(to bottom, #1777ec, #1748ec);
	background: -moz-linear-gradient(to bottom, #1777ec, #1748ec);
	background: linear-gradient(to bottom, #1777ec, #1748ec);
	background-clip: text;
	-webkit-text-fill-color: transparent; */
	/* Chrome, Safari */
	color: #1748ec;
	/* 兼容不支持background-clip的浏览器 */
	position: relative;
}

.customer i::after {
	content: "位";
	position: absolute;
	right: -16%;
	top: 46px;
	display: block;
	z-index: 1;
	font-size: 3.75vw;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1777ec', endColorstr='#1748ec', GradientType=1);
	    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#1777ec', endColorstr='#1748ec', GradientType=1)";
	
	/* background: -webkit-linear-gradient(to bottom, #1777ec, #1748ec);
	background: -o-linear-gradient(to bottom, #1777ec, #1748ec);
	background: -moz-linear-gradient(to bottom, #1777ec, #1748ec);
	background: linear-gradient(to bottom, #1777ec, #1748ec);
	background-clip: text;
	-webkit-text-fill-color: transparent; */
	/* Chrome, Safari */
	color: #1748ec;
	/* 兼容不支持background-clip的浏览器 */
}

.customer p {
	font-size: 4vw;
	font-weight: bold;
	letter-spacing: 14px;
}

.customer span {
	display: block;
	font-size: 2vw;
	font-weight: bold;
	margin-top: 10px;
}

.customer p::after {
	content: "";
}


@media screen and (max-width:1560px) {
	.customer {
		height: 806px;
	}
}

@media screen and (max-width:1360px) {
	.customer {
		height: 606px;
	}

	.customer span {
		font-size: 2.4vw;
	}
}

@media screen and (max-width:960px) {
	.customer {
		height: 406px;
	}
}

@media screen and (max-width:760px) {
	.customer {
		height: 506px;
	}

	.customer i {
		font-size: 18vw;
		margin-top: 22%;
	}

	.customer span {
		font-size: 2.8vw;
		margin-top: 4px;
	}
}

@media screen and (max-width:560px) {
	.customer {
		text-align: left;
		padding-left: 10%;
	}

	.customer i {
		margin-top: 36%;
	}

	.customer span {
		font-size: 3.2vw;
	}
}



/* news */
.news_box {
	width: 100%;
	background: url(../images/news_back.jpg) center no-repeat;
	background-size: cover;
}

.news {
	overflow: hidden;
}

.news .news_nav {
	width: 235px;
	float: left;
	transition: ease .3s;
	overflow: hidden;
}

.news .news_nav h1 {
	font-size: 50px;
	color: #ddd;
	text-transform: uppercase;
	line-height: 54px;
	margin-top: 118px;
	transition: ease .3s;
}

.news .news_nav p {
	font-size: 32px;
	color: #ddd;
	text-transform: uppercase;
	position: relative;
	padding-bottom: 28px;
	transition: ease .3s;
}

.news .news_nav p::after {
	width: 53px;
	height: 4px;
	background: #1744ec;
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	transition: ease .3s;
}

.news .news_nav p::before {
	width: 4px;
	height: 4px;
	background: #ffea02;
	position: absolute;
	bottom: 0;
	left: 56px;
	content: "";
	transition: ease .3s;
}

.news .news_nav h2 {
	font-size: 32px;
	color: #333;
	margin-top: 22px;
	transition: ease .3s;
	visibility: visible;
	opacity: 1;
}

.news .news_nav ul {
	margin-top: 146px;
	height: 142px;
	transition: ease .3s;
	overflow: hidden;
}

.news .news_nav ul li {
	margin-bottom: 27px;
	transition: ease .3s;
	width: 72px;
}

.news .news_nav ul li.cur {
	margin-bottom: 43px;
}

.news .news_nav ul li a {
	font-size: 18px;
	color: #333;
	display: block;
	width: 4em;
	transition: ease .3s;
	position: relative;
}

.news .news_nav ul li a::after {
	position: absolute;
	left: 0;
	bottom: -10px;
	content: "";
	background: #1744ec;
	width: 100%;
	height: 3px;
	opacity: 0;
	transition: ease .3s;
}

.news .news_nav ul li.cur a {
	color: #1744ec;
}

.news .news_nav ul li.cur a::after {
	opacity: 1;
}

.news .news_nav .news_more {
	display: block;
	width: 60px;
	height: 60px;
	line-height: 60px;
	background: #1744ec;
	text-align: center;
	user-select: none;
	border-radius: 50%;
	font-size: 22px;
	font-weight: bold;
	margin-top: 118px;
	transition: ease .5s;
	position: relative;
	margin-bottom: 100px;
	border: 1px solid transparent;
	box-sizing: border-box;
}

.news .news_nav .news_more::after,
.news .news_nav .news_more::before {
	position: absolute;
	height: 2px;
	width: 12px;
	background: #fff;
	content: "";
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	transition: ease .5s;
}

.news .news_nav .news_more::before {
	transform: translate(-50%, -50%) rotate(90deg);
}

.news .news_nav .news_more:hover::after {
	transform: translate(-50%, -50%) rotate(360deg);
	background: #1744ec;
}

.news .news_nav .news_more:hover::before {
	transform: translate(-50%, -50%) rotate(450deg);
	background: #1744ec;
}

.news .news_nav .news_more:hover::after,
.news .news_nav .news_more:hover::before {
	width: 14px;
}

.news .news_nav .news_more:hover {
	background: #fff;
	border-color: #1744ec;
}

.news .news_content_box {
	width: calc(100% - 325px);
	float: right;
	position: relative;
	transition: ease .3s;
}

.news .news_right {
	width: 100%;
	padding-top: 114px;
	padding-bottom: 87px;
	overflow: hidden;
	position: absolute;
	right: 0;
	visibility: hidden;
	opacity: 0;
	max-height: 1032px;
	box-sizing: border-box;
	transition: ease .3s;
	z-index: 1;
}

.news .news_right.cur {
	position: relative;
	visibility: visible;
	opacity: 1;
	z-index: 2;
}

.news .news_content {
	background: #fff;
	float: left;
	margin-bottom: 41px;
	overflow: hidden;
	transition: ease .3s;
	width: calc((100% - 41px)/2);
	/* height: 236px; */
}

.news .news_content:hover {
	background: #1744ec;
}

.news .news_content a {
	display: block;
	overflow: hidden;
	/* padding-top: 55px;
	padding-left: 60px; */
	box-sizing: border-box;
	width: 100%;
	height: 100%;
	position: relative;
	transition: ease .3s;
	padding: 5% 0;
}

.news .news_content a i {
	display: block;
	width: 30px;
	height: 30px;
	position: absolute;
	right: 18px;
	bottom: 18px;
	background: url(/addons/cms/view/default/images/news_textures.png) left center;
	transition: ease .3s;
	transform-origin: right bottom;
}

.news .news_content:hover a i {
	background: url(/addons/cms/view/default/images/news_textures.png) right center;
	opacity: 0.3;
}

.news .news_content:nth-child(odd) {
	margin-right: 41px;
}

.news .news_content .news_content_left {
	width: 140px;
	height: 145px;
	overflow: hidden;
	float: left;
	transition: ease .3s;
	overflow: hidden;
	margin-left: 6%;
	position: relative;
	background-size: cover !important;
	background-position: center !important;
	border-radius: 6px;
}

.news .news_content:hover .news_content_left {
	border-color: #fff;
}

.news .news_content_right {
	width: calc(88% - 170px);
	position: absolute;
	right: 6%;
	top: 50%;
	transform: translateY(-50%);
	transition: ease .3s;
}

.news .news_content_right p {
	font-size: 18px;
	color: #333;
	transition: ease .3s;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	font-weight: bold;
}

.news .news_content:hover .news_content_right p {
	color: #fff;
}

.news .news_content_right span {
	font-size: 12px;
	display: block;
	line-height: 23px;
	color: #999;
	margin-top: 10px;
	transition: ease .3s;
	/* height: 69px; */
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.news .news_content:hover .news_content_right span {
	color: #fff;
}

.news .news_content .news_content_right font {
	font-family: bahnschrift;
	color: #ccc;
	font-size: 16px;
	margin-top: 26px;
	display: block;
	transition: ease .3s;
}

.news .news_content:hover .news_content_right font {
	color: rgba(255, 255, 255, 0.3);
}

@media screen and (max-width: 1200px) {
	.news .news_nav {
		width: 100%;
	}

	.news .news_nav ul {
		margin-top: 203px;
		height: 67px;
		float: right;
	}

	.news .news_nav ul li {
		float: left;
		margin-right: 40px;
	}

	.news .news_nav ul li:last-child {
		margin-right: 0;
	}

	.news .news_title {
		float: left;
	}

	.news .news_nav .news_more {
		display: none;
	}

	.news .news_nav h2 {
		opacity: 0;
		visibility: hidden;
		margin-top: 0;
		height: 0;
	}

	.news .news_right {
		padding-top: 30px;
	}

	.news .news_content {
		display: block;
		width: calc((100% - 30px)/2);
		float: left;
		margin-bottom: 30px;
	}

	.news .news_content:nth-child(odd) {
		margin-right: 30px;
	}

	.news .news_content_box {
		width: 100%;
	}

	.news .news_content:nth-child(n+4) {
		display: block;
		visibility: visible;
		opacity: 1;
	}

	.news .news_content .news_content_left {
		width: 140px;
		height: 145px;
	}

	.news .news_content_right {
		width: calc(88% - 160px);
	}

	.news .news_content_right p {
		font-size: 18px;
	}

	.news .news_content_right span {
		font-size: 14px;
		line-height: 22px;
		margin-top: 8px;
	}

	.news .news_content .news_content_right font {
		font-size: 16px;
		margin-top: 14px;
	}

	.news .news_nav ul li a {
		font-size: 14px;
	}

	.news .news_nav ul li {
		width: auto;
		margin-right: 30px;
	}
}

@media screen and (max-width: 1000px) {
	.news .news_content .news_content_left {
		width: 120px;
		height: 125px;
	}

	.news .news_content_right {
		width: calc(88% - 140px);
	}

	.news .news_content_right p {
		font-size: 16px;
	}

	.news .news_content_right span {
		font-size: 12px;
		line-height: 20px;
	}

	.news .news_content .news_content_right font {
		font-size: 14px;
	}
}

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

	.news .news_content {
		width: 100%;
	}

	.news .news_content a {
		padding: 3% 0;
	}

	.news .news_content a i {
		transform: scale(0.6);
	}

	.news .news_content .news_content_left {
		width: 140px;
		height: 145px;
		margin-left: 3%;
	}

	.news .news_content_right {
		right: 3%;
		width: calc(94% - 160px);
	}

	.news .news_content_right p {
		font-size: 22px;
	}

	.news .news_content_right span {
		font-size: 16px;
		line-height: 24px;
		height: 48px;
	}

	.news .news_content .news_content_right font {
		font-size: 18px;
	}

	.news .news_content:nth-child(n+4) {
		display: none;
	}
}

/* news-end */

@media screen and (max-width: 600px) {
	.news .news_content_right p {
		font-size: 18px;
	}

	.news .news_content_right span {
		font-size: 14px;
		line-height: 22px;
		height: 44px;
		margin-top: 6px;
	}

	.news .news_content .news_content_right font {
		font-size: 16px;
		margin-top: 10px;
	}
}

@media screen and (max-width: 570px) {
	.news .news_nav ul {
		width: 100%;
		margin-top: 20px;
		height: 40px;
	}

	.news .news_nav p::after,
	.news .news_nav p::before {
		display: none;
	}

	.news .news_nav p {
		padding-bottom: 0;
	}

	.news .news_nav h1 {
		margin-top: 88px;
	}

}

@media screen and (max-width: 500px) {
	.news .news_content .news_content_left {
		width: 120px;
		height: 125px;
	}

	.news .news_content_right {
		width: calc(94% - 140px);
	}

	.news .news_content_right p {
		font-size: 16px;
	}

	.news .news_content_right span {
		font-size: 12px;
		line-height: 18px;
		height: 36px;
		margin-top: 8px;
	}

	.news .news_content .news_content_right font {
		font-size: 14px;
	}
}

@media screen and (max-width: 450px) {
	.news .news_content .news_content_left {
		width: 100px;
		height: 105px;
	}

	.news .news_content_right {
		width: calc(94% - 115px);
	}

	.news .news_content a i {
		opacity: 0;
	}

}

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

	.news .news_content .news_content_left {
		width: 80px;
		height: 85px;
	}

	.news .news_content_right p {
		font-size: 14px;
		width: 90%;
	}

	.news .news_content_right span {
		-webkit-line-clamp: 2;
		line-height: 16px;
		height: 32px;
		margin-top: 4px;
	}

	.news .news_content .news_content_right font {
		margin-top: 4px;
	}

	.news .news_content_right {
		width: calc(94% - 90px);
	}
}


.footer {
	background: #1e2327;
	padding-bottom: 3%;
}

.footer .w80 {
	padding-top: 80px;
}

.footer .w80 .footer_logo {
	float: left;
}

.footer .w80 .footer_logo a {}

.footer .w80 .footer_logo a img {}

.footer .w80 .footer_logo p {
	font-size: 40px;
	font-weight: bold;
	color: #fff;
	letter-spacing: 8px;
	padding-top: 16px;
}

.footer .w80 .footer_logo span {
	display: block;
	font-size: 17px;
	font-weight: bold;
	text-transform: uppercase;
	color: #fff;
	letter-spacing: 1.5px;
	opacity: 0.2;
	padding-top: 6px;
}

.footer .w80 .footer_ul {
	width: 30%;
	float: right;
}

.footer .w80 .footer_ul ul {
	float: right;
	color: #fff;
	margin-right: 80px;
}

.footer .w80 .footer_ul ul p {
	font-size: 30px;
	font-weight: bold;
}

.footer .w80 .footer_ul ul span {
	display: block;
	font-size: 20px;
	text-transform: uppercase;
	font-weight: bold;
	text-transform: uppercase;
	opacity: 0.2;
	margin-top: 4px;
	margin-bottom: 16px;
}

.footer .w80 .footer_ul ul li {
	margin-bottom: 10px;
}

.footer .w80 .footer_ul ul li a {
	color: #fff;
}

.footer .w80 .footer_ul ul i {
	display: inline-block;
	font-size: 16px;
	text-transform: uppercase;
	font-style: normal;
	border-bottom: 6px #1744ec solid;
	margin-top: 20px;
}

.footer .w80 .footer_contact {
	float: right;
	width: 35%;
	border-left: 2px rgb(255 255 255 / 35%) dashed;
	padding-left: 80px;
}

.footer .w80 .footer_contact img {
	float: left;
	margin-right: 50px;
}

.footer .w80 .footer_contact p {
	font-size: 30px;
	color: #fff;
	background: #1744ec;
	border-radius: 14px;
	font-weight: bold;
	padding: 10px 20px;
	display: inline-block;
	float: left;
	margin-bottom: 20px;
}

.footer .w80 .footer_contact ul {
	display: inline-block;
	float: left;
	color: #fff;
	line-height: 33px;
}

.footer .w80 .footer_contact ul li {
	font-size: 20px;
}

.footer .w80 .footer_contact i {
	display: block;
	font-size: 3.4vw;
	letter-spacing: 6px;
	text-transform: uppercase;
	font-style: normal;
	font-weight: bold;
	color: #fff;
	opacity: 0.1;
	margin-top: 20px;
}



.footer_text {
	color: #fff;
	background: #0e1012;
	padding-top: 26px;
	padding-bottom: 26px;
}

.footer_text i {
	font-size: 16px;
	font-style: normal;
}

.footer_text span {
	font-size: 16px;
	float: right;
	display: block;
}

.footer_text span a {
	color: #fff;
}

.nr {
	width: 82%;
	margin: auto;
}

@media screen and (max-width: 1860px) {
	.footer .w80 .footer_contact {
		width: 37%;
	}
}

@media screen and (max-width: 1760px) {
	.footer .w80 .footer_contact {
		width: 39%;
	}
}

@media screen and (max-width: 1660px) {
	.footer .w80 .footer_contact {
		width: 42%;
	}
}

@media screen and (max-width: 1560px) {
	.footer .w80 .footer_contact {
		width: 44%;
	}
}

@media screen and (max-width: 1460px) {
	.footer .w80 .footer_contact {
		width: 28%;
	}

	.footer .w80 .footer_contact p {
		margin-top: 16%;
	}

	.footer .w80 .footer_contact ul li {
		font-size: 18px;
	}
}

@media screen and (max-width: 1290px) {
	.footer .w80 .footer_ul {
		width: 16%;
	}

	.footer .w80 .footer_ul ul {
		margin-right: 0px;
		float: left;
		margin-bottom: 60px;
	}
}

@media screen and (max-width: 1190px) {
	.footer .w80 .footer_contact {
		width: 32%;
	}

	.footer .w80 .footer_contact p {
		margin-top: 16%;
		font-size: 3vw;
	}

	.footer .w80 .footer_contact ul li {
		font-size: 1.6vw;
	}

	.footer .w80 .footer_contact i {
		font-size: 2.4vw;
	}
}

@media screen and (max-width: 990px) {
	.footer .w80 .footer_ul {
		width: 22%;
	}
}

@media screen and (max-width: 900px) {
	.footer .w80 .footer_ul {
		width: 22%;
	}

	.footer .w80 .footer_logo {
		width: 100%;
		margin-bottom: 8%;
	}

	.footer .w80 .footer_ul {
		width: 100%;
	}

	.footer .w80 .footer_contact {
		float: left;
		padding-left: 0px;
		border-left: 0px;
		width: 100%;
	}

	.footer .w80 .footer_contact img {
		float: left;
		margin-right: 10%;
	}

	.footer .w80 .footer_contact p {
		margin-top: 0%;
		font-size: 30px;
		float: left;
	}

	.footer .w80 .footer_contact ul {
		float: left;
	}

	.footer .w80 .footer_contact ul li {
		font-size: 20px;
	}

	.footer .w80 .footer_contact i {
		font-size: 2.4vw;
		display: none;
	}

	.footer .w80 .footer_ul {
		margin-top: 10%;
	}
}

@media screen and (max-width: 700px) {
	.footer .w80 .footer_contact img {
		margin-right: 50%;
	}

	.footer .w80 .footer_contact p {
		margin-right: 30%;
		margin-top: 8%;
	}

	.footer .w80 .footer_ul ul {
		margin-right: 16%;
	}

	.footer_text {}

	.footer_text i {
		display: block;
	}

	.footer_text span {
		display: block;
		float: none;
	}

}

/**/
.about {
	padding-top: 100px;
	position: relative;
	padding-bottom: 260px;
	overflow: hidden;
}

.about .about_left {
	width: 44%;
	float: left;
	padding-top: 100px;
}

.about .about_left i {
	display: block;
	font-style: normal;
	font-size: 34px;
	font-weight: bold;
	margin-bottom: 10px;
}

.about .about_left i::after {
	content: "Leqing";
	font-size: 34px;
	opacity: 0.1;
	padding-left: 10px;
}

.about .about_left img {
	float: left;
	padding-top: 7px;
	padding-right: 20px;
}

.about .about_left p {
	float: left;
	font-size: 46px;
	font-weight: bold;
}

.about .about_left p strong {
	color: #1744ec;
}

.about .about_left em {
	font-size: 14px;
	font-style: normal;
	opacity: 0.2;
	margin-top: 18px;
	display: block;
	margin-bottom: 46px;
}

.about .about_left span {
	display: block;
	width: 100%;
	text-indent: 33px;
	line-height: 30px;
}

.about .index_about_data {
	width: 57%;
	height: 114px;
	background: #1744ec;
	border-top-right-radius: 30px;
	padding-left: 100px;

	position: relative;
	z-index: 1;
	margin-top: 4%;
	left: -11%;
}

.about .index_about_data .index_about_data_01 {
	padding-left: 40px;
	padding-top: 30px;
	padding-bottom: 30px;
	padding-right: 70px;
	position: relative;
	text-align: right;
	width: 300px;
	float: left;
	border-right: 1px rgb(255 255 255 / 32%) solid;
}

.about .index_about_data .index_about_data_01 i {
	display: block;
	width: 24px;
	height: 26px;
	background-image: url(../images/index_about_data_01.svg);
	background-size: 100%;
	background-repeat: no-repeat;
	float: left;
	position: relative;
	margin-top: 20px;
	margin-right: 10px;
}

.about .index_about_data .index_about_data_01 a {
	display: block;
	float: left;
	color: #fff;
	font-weight: bold;
}

.about .index_about_data .index_about_data_01 i::after {
	display: block;
	content: "";
	width: 23px;
	height: 5px;
	background: #ffd800;
	border-radius: 10px;
	position: absolute;
	top: 22px;
	left: 0px;
}

.about .index_about_data .index_about_data_01 em {
	font-size: 50px;
	color: #fff;
	font-style: normal;
	font-weight: bold;
	float: left;
}

.about .index_about_data .index_about_data_01 p {
	color: #fff;
	font-size: 22px;
	font-weight: bold;
	float: right;
	text-align: right;
	margin-top: 6px;
}

.index_about .index_about_data .index_about_data_01 a {
	color: #fff;
	display: block;
	position: absolute;
	left: 50px;
	font-size: 30px;
}

.about .index_about_data .index_about_data_01 span {
	color: #fff;
	font-size: 14px;
	opacity: 0.5;
	text-transform: uppercase;
	display: block;
	float: right;
	text-align: right;
	margin-top: 2px;
}


.about .index_about_data .index_about_data_02 {
	padding-left: 10px;
	padding-top: 30px;
	padding-bottom: 30px;
	padding-right: 60px;
	position: relative;
	text-align: right;
	width: 300px;
	float: left;
	margin-left: 56px;
}

.about .index_about_data .index_about_data_02 i {
	display: block;
	width: 24px;
	height: 26px;
	background-image: url(../images/index_about_data_02.svg);
	background-size: 100%;
	background-repeat: no-repeat;
	float: left;
	position: relative;
	margin-top: 20px;
	margin-right: 10px;
}

.about .index_about_data .index_about_data_02 a {
	display: block;
	float: left;
	color: #fff;
	font-weight: bold;
}

.about .index_about_data .index_about_data_02 i::after {
	display: block;
	content: "";
	width: 23px;
	height: 5px;
	background: #ffd800;
	border-radius: 10px;
	position: absolute;
	top: 22px;
	left: 0px;
}

.about .index_about_data .index_about_data_02 em {
	font-size: 50px;
	color: #fff;
	font-style: normal;
	font-weight: bold;
	float: left;
}

.about .index_about_data .index_about_data_02 p {
	color: #fff;
	font-size: 22px;
	font-weight: bold;
	float: right;
	text-align: right;
	margin-top: 6px;
}

.index_about .index_about_data .index_about_data_02 a {
	color: #fff;
	display: block;
	position: absolute;
	left: 50px;
	font-size: 30px;
}

.about .index_about_data .index_about_data_02 span {
	color: #fff;
	font-size: 14px;
	opacity: 0.5;
	text-transform: uppercase;
	display: block;
	float: right;
	text-align: right;
	margin-top: 2px;
}



.about .about_right {
	float: right;
	width: 54%;
	position: absolute;
	right: -6%;
	top: 7%;
	z-index: 0;
}

.about .about_right img {}

.about .about_text {
	font-size: 6.7vw;
	text-transform: uppercase;
	font-weight: bold;
	position: absolute;
	bottom: -6%;
	opacity: 0.05;
	z-index: 0;
}

@media screen and (max-width: 1800px){
	.about .index_about_data{
		width: 900px;
	}
}

@media screen and (max-width: 1408px){
	.about .about_left{
		width: 48%;
	}
}

@media screen and (max-width: 1290px){
	.about .about_left{
		width: 100%;
		padding-top: 0px;
	}
	.about .about_right{
		float: none;
		position: unset;
		width: 100%;
	}
	.about .about_right img{
		width: 100%;
	}
	.about .index_about_data{
		width: 100%;
		left: 0;
	}
	.about .index_about_data .index_about_data_01{
		width: 32%;
	}
}
@media screen and (max-width: 1290px){
	.about .index_about_data{
		height: auto;
		padding-left: 0px;
	}
	.about .index_about_data .index_about_data_01{
		width: 88%;
		border-right: 0px rgb(255 255 255 / 32%) solid;
	}
	
	.about .index_about_data .index_about_data_01 p{
		width: 42%;
	}
	.about .index_about_data .index_about_data_01 span{
		width: 42%;
	}
	.about .index_about_data .index_about_data_02{
		width: 88%;
		padding-left: 40px;
		margin-left: 0px;
	}
	.about .index_about_data .index_about_data_02 p{
		width: 42%;
	}
	.about .index_about_data .index_about_data_02 span{
		width: 42%;
	}
	
}

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

	.about .index_about_data .index_about_data_01{
		width: 78%;
		border-right: 0px rgb(255 255 255 / 32%) solid;
	}
	
	.about .index_about_data .index_about_data_02{
		width: 78%;
		padding-left: 40px;
		margin-left: 0px;
	}
	.about{
		padding-bottom: 100px;
	}
}

@media screen and (max-width: 640px){
	.about .about_left p{
		font-size: 38px;
	}
	.about .about_left img{
		height: 38px;
	}
}

@media screen and (max-width: 510px){
	.about .about_left p{
		font-size: 32px;
	}
	.about .about_left img{
		height: 32px;
	}
}

@media screen and (max-width: 450px){
	.about .about_left p{
		font-size: 26px;
	}
	.about .about_left img{
		height: 26px;
	}
}

@media screen and (max-width: 500px){
	.about .index_about_data .index_about_data_01 em{
		font-size: 40px;
	}
	.about .index_about_data .index_about_data_02 em{
		font-size: 40px;
	}
	.about .index_about_data .index_about_data_01 i{
		margin-top: 11px;
	}
	.about .index_about_data .index_about_data_02 i{
		margin-top: 11px;
	}
	.about .index_about_data .index_about_data_01 p{
		font-size: 18px;
	}
	.about .index_about_data .index_about_data_02 p{
		font-size: 18px;
	}
	.about .index_about_data .index_about_data_01 span{
		font-size: 12px;
	}
	.about .index_about_data .index_about_data_02 span{
		font-size: 12px;
	}
}

@media screen and (max-width: 420px){
	.about .index_about_data .index_about_data_01 em{
		font-size: 34px;
	}
	.about .index_about_data .index_about_data_02 em{
		font-size: 34px;
	}
}

.au_02 {
	overflow: hidden;
}

.au_02c_t {
	width: 100%;
	overflow: hidden;
	font-size: 40px;
	color: #fff;
	line-height: 50px;
	position: relative;
	padding-bottom: 30px;
	font-weight: bold;
}

.au_02c_t b {
	width: 100%;
	height: 15px;
	display: block;
	overflow: hidden;
	background: url("../images/au_02.png") left center no-repeat;
	background-size: auto 100%;
	position: absolute;
	left: 0px;
	bottom: 0px;
}

.au_04 {
	overflow: hidden;
	position: relative;
	z-index: 1;
}

.au_04fr {
	width: 100%;
	overflow: hidden;
	background-image: url(../images/about_lc.jpg);
	background-size: cover;
	padding: 5vw 0vw;
}

.au_04_t {
	width: 100%;
	overflow: hidden;
}

.au_04_t .wrap_c {
	position: relative;
	overflow: hidden;
}

.au_04_t .ab_04t_r {
	position: absolute;
	left: 210px;
	top: -18px;
	height: 100%;
}

.au_04_t .ab_04t_r a {
	width: 44px;
	height: 44px;
	display: block;
	overflow: hidden;
	margin-top: 22px;
	float: left;
	border: 1px solid rgba(255, 255, 255, 0.1);
	border-radius: 50%;
	margin-left: 10px;
}

.au_04_t .ab_04t_r a.au_04t_prev {
	background: url("../images/au_04.png") center no-repeat #1744ec;
	/* background-size:100% */
}

/*.au_04_t .ab_04t_r a.au_04t_prev:hover{background:url("../images/au_04.png") center no-repeat #1744ec;background-size:100%}*/
.au_04_t .ab_04t_r a.au_04t_next {
	background: url("../images/au_05.png") center no-repeat #1744ec;
	/* background-size:100% */
}

/*.au_04_t .ab_04t_r a.au_04t_next:hover{background:url("../images/au_05.png") center no-repeat #1744ec;background-size:100%}*/
.au_04_t .ab_04t_r a.swiper-button-disabled {
	background: none;
	border: 1px solid rgba(255, 255, 255, 0);
}

.au_04_c {
	width: 100%;
	overflow: hidden;
	margin-top: 60px;
}

.au_04c_slide {
	width: 100%;
	overflow: visible;
	opacity: 0;
}

.au_04c_slide .swiper-slide {
	width: 30%;
	float: left;
	overflow: hidden;
	position: relative;
	padding-right: 60px;
	padding-top: 40px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}

.au_04c_slide .swiper-slide b.b1 {
	width: 100%;
	height: 1px;
	display: block;
	overflow: hidden;
	background-color: #ccc;
	position: absolute;
	left: 0px;
	top: 0px;
}

.au_04c_slide .swiper-slide b.b2 {
	width: 1px;
	height: 10px;
	display: block;
	overflow: hidden;
	background-color: #ccc;
	position: absolute;
	left: 4%;
	top: 0px;
}

.au_04c_slide .swiper-slide b.b3 {
	width: 1px;
	height: 10px;
	display: block;
	overflow: hidden;
	background-color: #ccc;
	position: absolute;
	left: 25%;
	top: 0px;
}

.au_04c_slide .swiper-slide b.b4 {
	width: 1px;
	height: 10px;
	display: block;
	overflow: hidden;
	background-color: #ccc;
	position: absolute;
	left: 50%;
	top: 0px;
}

.au_04c_slide .swiper-slide b.b5 {
	width: 1px;
	height: 10px;
	display: block;
	overflow: hidden;
	background-color: #ccc;
	position: absolute;
	left: 75%;
	top: 0px;
}

.au_04c_slide .swiper-slide p {
	width: 100%;
	overflow: hidden;
}

.au_04c_slide .swiper-slide p.p1 {
	color: #fff;
	font-size: 60px;
	line-height: 50px;
	margin-top: 20px;
	margin-bottom: 20px;
	font-family: "bahnschrift";
}

.au_04c_slide .swiper-slide p.p2 {
	width: 95%;
	margin-bottom: 10px;
	font-size: 14px;
	color: #000;
	line-height: 24px;
	padding: 13px 20px 10px 20px;
	background-color: #fff;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}

.au_04c_slide .swiper-slide:hover b.b2 {
	background-color: #1744ec;
}

.au_04c_slide .swiper-slide:hover p.p1 {
	color: #1744ec
}

.au_04c_slide .swiper-slide:hover p.p2 {
	background-color: #1744ec;
	color: #fff;
	transition: 0s;
}

.wrap_c {
	width: 88%;
	margin: auto;
	padding: 0px;
}

@media screen and (max-width: 1200px) {
	.au_04c_slide .swiper-slide {
		width: 100%;
	}

	.au_04fr {
		padding: 20% 0%;
	}
}

@media screen and (max-width: 800px) {
	.au_02c_t {
		padding-bottom: 0%;
		font-size: 36px;
	}

	.au_04_c {
		margin-top: 10%;
	}

	.au_04c_slide .swiper-slide p.p1 {
		font-size: 46px;
	}
}

/**/

.wid1600 {
	width: 88vw;
	margin: 0 auto;
}

.fnt20 {
	font-size: 1.1vw;
	line-height: 1.5;
}

.fnt36 {
	font-size: 1.875vw;
	line-height: 1.4;
	font-weight: bold;
}

.about-ban {
	height: 53.125vw;
	overflow: hidden;
	border-bottom-left-radius: 5vw;
}

.about-ban>i {
	background: url(../img/ico37.png) no-repeat top center;
	background-size: 100% auto;
	z-index: 3;
}

.about-ban .gyban-div {
	padding-top: 13.85vw;
	z-index: 4;
}

.about-bj {
	padding-bottom: 7.4vw;
}

.about-a {
	position: relative;
	z-index: 2;
	margin-top: -11.97916vw;
	cursor: pointer;

}

.about-a1 {
	width: 100%;
	border-radius: 1vw;
	border-bottom-right-radius: 5vw;
	position: relative;
	z-index: 2;
}

.about-a2 {
	border-radius: 1vw;
	border-bottom-right-radius: 5vw;
	background: #00873b;
	left: 1.56vw;
	top: 1.56vw;
	z-index: 1;
}

.about-a3 {
	width: 100%;
	text-align: center;
	position: absolute;
	z-index: 3;
	top: 50%;
	left: 0;
	color: #fff;
	transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
}

.about-a3>div {
	margin-top: 2.1vw;
}

.about-a3>img {
	width: 8.07291666vw;
	transition: all .5s;
	-webkit-transition: all .5s;
}

.about-a:hover .about-a3>img {
	transform: rotate(360deg);
	transition: all .5s;
	-webkit-transition: all .5s;
}

.about-bc {
	padding: 6.25vw 0;
	overflow: hidden;
}

.about-b {
	width: 40.625%;
	float: left;
	overflow: hidden;
}

.about-bli {
	width: 50%;
	height: 12vw;
	float: left;
	border: 1px solid #cee8d9;
	background: #e5f3eb;
	text-align: center;
	padding: 3.7vw 2vw;
	padding-bottom: 0;
}

.about-b2 {
	color: #00873b;
	line-height: 1;
}

.about-b2 span {
	display: inline-block;
	line-height: .9;
}

.about-b2 .sp2 {
	font-weight: bold;
	position: relative;
	top: -1.6vw;
}

.about-bli:nth-child(2),
.about-bli:nth-child(3) {
	border: 0;
	background: initial;
}

.about-bli:nth-child(2n + 0) {
	position: relative;
	left: -1px;
}

.about-c {
	width: 41.25%;
	float: right;
}

.about-c1 {
	line-height: 1.3;
}

.about-c2 {
	margin-top: 2.6vw;
	color: #666;
	line-height: 1.8;
}

.about-d {
	min-height: 42.7083vw;
}

.about-dcnt {
	padding: 5.6vw 0;
	width: 34vw;
	color: #fff;
}

.about-d3 {
	margin-top: 1.56vw;
	margin-bottom: 3.125vw;
}

.about-e-bj {
	overflow: hidden;
}

.about-e {
	padding: 5.2vw 0;
}

.about-e3 {
	margin-top: .55vw;
}

.about-e4 {
	margin-top: 3.75vw;
}

.about-e5 {
	margin-top: 4.16vw;
}

.about-ebut {
	width: 5.2vw;
	position: absolute;
	z-index: 9;
	left: 46vw;
	top: 50%;
	transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
}

.about-f {
	padding: 6.7708333vw 0;
	overflow: hidden;
}

.about-fli {
	width: 41.375%;
	float: left;
	height: 26.041666vw;
	border-radius: 1vw;
	padding: 2.6vw 3.125vw;
	position: relative;
}

.about-fli:nth-child(2n + 0) {
	float: right;
}

.about-f3 {
	color: #000;
	margin-top: .6vw;
}

.about-f4 {
	height: 6.29166vw;
	position: absolute;
	left: 3.125vw;
	bottom: 3.125vw;
}

.about-gh {
	padding: 4.6875vw 0;
}

.about-g {
	overflow: hidden;

}

.about-glt {
	width: 43%;
	float: left;
}

.about-g2 {
	color: #666;
	margin-top: .6vw;
}

.about-grt {
	float: right;
	padding-top: 1.56vw;
}

.about-h {
	margin-top: 3.125vw;
	margin-bottom: 2.6vw;
}

.about-hli {
	width: 100%;
	margin: 0;
}

.about-hli .solution-b {
	background-image: initial !important;
	padding: 0 1.56vw;
}

.about-jli {
	height: 31.770833vw;
}

.about-jdiv {
	height: 100%;
	bottom: 0;
	top: 0;
	padding-top: 3.7vw;
}

.about-j3 {
	min-height: 9vw;
	margin-bottom: 2vw;
}

.about-k {
	display: block;
	width: 11vw;
	height: 8.333vw;
	border-radius: 1vw;
	background: #f5f6fa;
	position: relative;
	transition: all .5s;
	-webkit-transition: all .5s;
}

.about-k1 {
	width: 2.1vw;
	height: 2.1vw;
	background: #fff url(../img/ico10_2.png) no-repeat center;
	background-size: .4vw auto;
	border-radius: 100%;
	position: absolute;
	top: 1.5vw;
	right: 1.5vw;
	transition: all .5s;
	-webkit-transition: all .5s;
}

.about-k2 {
	line-height: 1;
	position: absolute;
	left: 1.5vw;
	bottom: 1.5vw;
}

.about-k:hover {
	color: #fff;
	background: #00873b;
	transition: all .5s;
	-webkit-transition: all .5s;
}

.about-k:hover .about-k1 {
	background-image: url(../img/ico18_2.png);
	transition: all .5s;
	-webkit-transition: all .5s;
}

@media(max-width:1200px) {
	.about-c {
		width: 50%;
	}

	.about-ebut {
		left: 50vw;
	}

	.about-b {
		width: 45%;
	}

	.about-bli {
		height: 150px;
	}
}

@media(max-width:1000px) {
	.about-c1 {
		font-weight: bold;
	}

	.about-dcnt {
		width: 50%;
	}

	.about-d2 {
		font-weight: bold;
	}

	.about-bli {
		padding: 40px 15px;
		padding-bottom: 0;
	}

	.about-ebut {
		left: 60vw;
	}

	.about-fli {
		height: 240px;
	}

	.about-f2 {
		font-weight: bold;
	}

	.about-glt {
		width: 60%;
	}

	.about-g1 {
		font-weight: bold;
	}

	.innovate-e2 {
		font-weight: bold;
	}
}

@media(max-width:750px) {
	.about-ban {
		height: 7rem;
	}

	.about-ban .gyban-div {
		padding-top: 2.2rem;
	}

	.about-a {
		margin-top: .8rem;
	}

	.about-bj {
		padding-bottom: .8rem;
	}

	.about-a3>img {
		width: 1rem;
	}

	.about-a3>div {
		font-size: .26rem;
	}

	.about-bc {
		padding: .8rem 0;
	}

	.about-b {
		width: 100%;
	}

	.about-bli {
		height: 2.4rem;
		padding: .6rem .3rem;
	}

	.about-c {
		width: 100%;
		margin-top: .8rem;
	}

	.about-dcnt {
		padding: .8rem 0;
	}

	.about-dcnt {
		width: 90%;
	}

	.about-d3 {
		font-size: .26rem;
	}

	.about-d {
		min-height: 5.5rem;
	}

	.about-e {
		padding: .8rem 0;
	}

	.about-e4 {
		margin-top: .6rem;
	}

	.about-e5 {
		margin-top: .6rem;
	}

	.about-ebut {
		width: 8vw;
		left: 86vw;
	}

	.about-f {
		padding-top: 10%;
	}

	.about-fli {
		width: 85%;
		margin-bottom: 10%;
		border-radius: 4%;
		padding: 8%;
	}
	
	.fnt36 {
	    font-size: 30px;
	    line-height: 1.4;
	    font-weight: bold;
	}
	
	.fnt20 {
	    font-size: 20px;
	    line-height: 1.5;
	}

	.about-f4 {
		height: 50px;
		left: 8%;
		bottom: 10%;
	}

	.about-gh {
		padding: .8rem 0;
	}

	.about-g {
		width: 100%;
	}

	.about-glt {
		width: 100%;
	}

	.course-c {
		margin-top: .4rem;
	}

	.about-h {
		margin: .4rem 0;
	}

	.about-hli .solution-b {
		padding: 0 .25rem;
	}

	.about-jli {
		height: 5rem;
	}

	.about-jdiv {
		padding: .8rem .5rem;
	}

	.about-k {
		width: 2rem;
		height: 1.5rem;
		border-radius: .2rem;
	}

	.about-j3 {
		min-height: 1.2rem;
		margin-bottom: .2rem;
	}

	.about-k1 {
		width: .6rem;
		height: .6rem;
		background-size: .1rem auto;
		top: .2rem;
		right: .2rem;
	}

	.about-k2 {
		left: .2rem;
		bottom: .2rem;
		font-size: .24rem;
	}
}

/*产品内页*/
.prod_list {
	background: linear-gradient(to bottom, #eeeeee, #dddddd);
	padding: 80px 0px;
}

.prod_list_class {
	width: 96%;
	margin: auto;
}

.prod_list_class .prod_list_class_left {
	float: left;
}

.prod_list_class .prod_list_class_left p {
	font-size: 2.4vw;
	font-weight: bold;
}

.prod_list_class .prod_list_class_left span {
	font-size: 2.875vw;
	text-transform: uppercase;
	font-weight: bold;
	opacity: 0.1;
	display: block;
	margin-top: 10px;
}

.prod_list_class .prod_list_class_left i {
	font-size: 26px;
	display: block;
	font-weight: bold;
	margin-left: -10px;
	opacity: 0.3;
	margin-top: 40px;
}

.prod_list_class .prod_list_class_right {
	float: right;
}

.prod_list_class .prod_list_class_right ul {}

.prod_list_class .prod_list_class_right ul li {
	position: relative;
	float: left;
	text-align: center;
	margin-right: 130px;
}

.prod_list_class .prod_list_class_right ul li.active>a::after {
	content: "";
	width: 100%;
	height: 5px;
	background: #1744ec;
	position: absolute;
	bottom: -40%;
	left: 0;
	right: 0;
	margin: auto;
}

.prod_list_class .prod_list_class_right ul li>a {
	display: block;
	position: relative;
}

.prod_list_class .prod_list_class_right ul li:last-child {
	margin-right: 20px;
}

.prod_list_class .prod_list_class_right ul li:first-child {
	padding-right: 120px;
}

.prod_list_class .prod_list_class_right ul li i {
	height: 134px;
	display: block;
}

.prod_list_class .prod_list_class_right ul li i img {
	height: 100%;
}

.prod_list_class .prod_list_class_right ul li p {
	font-size: 26px;
	font-weight: bold;
	margin-top: 20px;
	color: #000;
}

.prod_list_class .prod_list_class_right ul li em {
	text-transform: uppercase;
	font-weight: bold;
	font-style: normal;
	font-size: 12px;
	opacity: 0.2;
	color: #000;
}

.prod_list_class .prod_list_class_right ul li dl {
	position: absolute;
	right: 0;
	top: 34%;
}

.prod_list_class .prod_list_class_right ul li dl dd {
	display: block;
	margin-bottom: 6px;
}

.prod_list_class .prod_list_class_right ul li dl dd a {
	font-size: 20px;
	color: #000;
	font-weight: 500;
}

.prod_list_class .prod_list_class_right ul li dl dd.active a {
	border-bottom: 4px #1744ec solid;
	font-weight: bold;
}

.prod_list_nr {
	background: #efefef;
	padding-top: 2%;
}

.prod_list_nr>ul {
	width: 96%;
	margin: auto;
}

.prod_list_nr>ul li {
	background: #fff;
	width: 23.48%;
	float: left;
	margin-right: 2%;
	margin-bottom: 2%;
	border-bottom: 8px #ccc solid;
}

.prod_list_nr>ul li:hover {
	border-bottom: 8px #1744ec solid;
}



.prod_list_nr>ul li i {
	display: block;
	height: 17.875vw;
	padding-top: 60px;
	padding-bottom: 60px;
}

.prod_list_nr>ul li i img {
	height: 100%;
	display: block;
	margin: auto;
}

.prod_list_nr>ul li em {
	width: 88%;
	height: 1px;
	background: #999;
	display: block;
	margin: auto;
}

.prod_list_nr>ul li .pnr {
	padding: 20px 0px;
	width: 88%;
	margin: auto;
}

.prod_list_nr>ul li .pnr .txt {
	float: left;
	font-size: 26px;
	font-weight: bold;
	color: #000;
}

.prod_list_nr>ul li .pnr .txtfl {
	float: right;
	font-size: 16px;
	padding-top: 7px;
	color: #000;
	font-weight: 500;
}

.prod_list_nr {}

@media screen and (max-width: 1800px){
	.prod_list_class .prod_list_class_right{
		transform: scale(0.9);
		transform-origin: top right;
	}
}

@media screen and (max-width: 1680px){
	.prod_list_class .prod_list_class_right{
		transform: scale(0.8);
		transform-origin: top right;
		position: absolute;
		right: 2%;
	}
}

@media screen and (max-width: 1400px){
	.prod_list_class .prod_list_class_right{
		transform: scale(1);
		transform-origin: unset;
		position: relative;
		clear: both;
		right: 0;
		left: 0;
		margin: auto;
		width: 100%;
		float: none;
		top: 30px;
	}
	.prod_list_class .prod_list_class_left{
		float: none;
	}
	.prod_list_class .prod_list_class_left p{
		float: left;
		margin-top: 2px;
		margin-right: 16px;
		font-size: 30px;
	}
	.prod_list_class .prod_list_class_left span{
		float: left;
		margin-top: 0;
		margin-right: 16px;
		font-size: 38px;
	}
	.prod_list_class .prod_list_class_left i{
		float: left;
		margin-top: 7px;
	}

	.prod_list_class .prod_list_class_right ul li{
		margin-right: 8%;
	}
}

@media screen and (min-width: 1333px){
	.prod_list_nr>ul li:nth-child(4n) {
	    margin-right: 0px;
	}
}

@media screen and (max-width: 1333px){
	.prod_list_class .prod_list_class_right{
		right: unset;
		left: unset;
		float: left;
	}
	.prod_list_class .prod_list_class_right ul li{
		margin-right:40px;
	}
	.prod_list_class .prod_list_class_right ul li i{
		height: 100px;
	}
	.prod_list_class .prod_list_class_right ul li p{
		font-size: 20px;
	}
	.prod_list_class .prod_list_class_right ul li dl dd a{
		font-size: 16px;
	}
	.prod_list_class .prod_list_class_right ul li:first-child{
		padding-right: 90px;
	}
	.prod_list_nr>ul li{
		width: 49%;
	}
	.prod_list_nr>ul li:nth-child(2n) {
	    margin-right: 0px;
	}
}
@media screen and (max-width: 840px){
	.prod_list_class .prod_list_class_right ul li i{
		height: 80px;
	}
	.prod_list_class .prod_list_class_right ul li p{
		font-size: 16px;
	}
	.prod_list_class .prod_list_class_right ul li dl dd a{
		font-size: 14px;
	}
	.prod_list_class .prod_list_class_right ul li dl{
		top: 18%;
	}
	.prod_list_class .prod_list_class_right ul li:first-child{
		padding-right: 70px;
	}
}
@media screen and (max-width: 780px){
	.prod_list_class .prod_list_class_right ul li{
		width: 25%;
		margin-bottom: 10%;
	}
	.prod_list_class .prod_list_class_right ul li i{
		height: 70px;
	}
	.prod_list_class .prod_list_class_right ul li p{
		font-size: 14px;
	}
	.prod_list_class .prod_list_class_right ul li:last-child{
		margin-right: 0px;
	}
	.prod_list_class .prod_list_class_right ul li{
		margin-right: 20px;
	}
	.prod_list_class .prod_list_class_right ul li dl{
		top: 8%;
	}
	.prod_list_nr>ul li i{
		height: 27vw;
		padding-top: 18%;
		padding-bottom: 18%;
	}
	.prod_list_nr>ul li .pnr .txt{font-size: 18px;float: none;}
	.prod_list_nr>ul li .pnr .txtfl{float: none;}
}

@media screen and (max-width: 480px){
	.prod_list_nr>ul li .pnr .txt{
		font-size: 16px;
	}
}

.Page {
	text-align: center;
	margin: 0px !important;
	padding-top: 20px !important;
	padding-bottom: 30px !important;
	justify-content: center;
	display: flex;
}

.Page .active span {
	background: #1744ec;
	color: #fff;
}

.Page .active a {
	background: #1744ec;
	color: #fff;
}

.Page ul li {
	float: left;

}

.Page ul li span {
	vertical-align: middle;
	font-size: 18px;
	line-height: 40px;
	display: inline-block;
	height: 40px;
	padding: 0 16px;
	text-align: center;
	color: #333;
	border: 1px solid #eee;
	background: #fff;
	margin-left: 6px;
	margin-right: 6px;
	border-radius: 10%;
}

.Page ul li a {
	vertical-align: middle;
	font-size: 18px;
	line-height: 40px;
	display: inline-block;
	height: 40px;
	padding: 0 16px;
	text-align: center;
	color: #333;
	border: 1px solid #eee;
	background: #fff;
	margin-left: 6px;
	margin-right: 6px;
	border-radius: 10%;
}


/*产品内页*/
.prod_page {}

.prod_page .prod_page_nr {
	margin-top: 0px;
	font-family: "almm";
}

.prod_page .prod_page_nr .prod_page_left {
	float: left;
}

.prod_page .prod_page_nr .prod_page_left .mySwiper2 {
	width: 710px !important;
	height: 710px !important;
	float: left;
	border-radius: 20px;
	overflow: hidden;
}

.prod_page .prod_page_nr .prod_page_left .mySwiper2 .swiper-wrapper {}

.prod_page .prod_page_nr .prod_page_left .mySwiper2 .swiper-wrapper img {
	height: 100%;
}

.prod_page .prod_page_nr .prod_page_left .mySwiper {
	display: block !important;
	float: left;
	margin-left: 20px;
}

.prod_page .prod_page_nr .prod_page_left .mySwiper .swiper-wrapper {
	display: block !important;
}

.prod_page .prod_page_nr .prod_page_left .mySwiper .swiper-wrapper .swiper-slide {
	width: 130px !important;
	height: 130px !important;
	border-radius: 20px;
	overflow: hidden;
	margin-bottom: 16px;
	cursor: pointer;
}

.prod_page .prod_page_nr .prod_page_left .mySwiper .swiper-wrapper .swiper-slide img {
	height: 100%;
	width: 100%;
}

.prod_page .prod_page_nr .prod_page_left .mySwiper .swiper-wrapper .swiper-slide.swiper-slide-thumb-active {
	opacity: 0.5;
	transition: 0.3s;
}

.prod_page .prod_page_nr .prod_page_right {
	float: right;
	width: 42%;
}

.prod_page .prod_page_nr .prod_page_right p {
	font-size: 56px;
	font-weight: bold;
	padding-top: 40px;
}

.prod_page .prod_page_nr .prod_page_right span {
	font-size: 26px;
	display: block;
	padding-top: 16px;
	line-height: 36px;
	color: #333333;
}

.prod_page .prod_page_nr .prod_page_right i {
	display: block;
	width: 100%;
	height: 8px;
	border-radius: 20px;
	background: #1744ec;
	margin-top: 40px;
}

.prod_page .prod_page_nr .prod_page_right ul {
	margin-top: 40px;
}

.prod_page .prod_page_nr .prod_page_right ul li {
	float: left;
	margin-right: 60px;
	margin-bottom: 30px;
}

.prod_page .prod_page_nr .prod_page_right ul li:nth-child(3) {
	margin-right: 0px;
}

.prod_page .prod_page_nr .prod_page_right ul li em {
	font-style: normal;
	display: block;
	font-size: 20px;
}

.prod_page .prod_page_nr .prod_page_right ul li b {
	display: block;
	font-size: 30px;
	font-family: "almmB";
	font-weight: normal;
}

.prod_page .prod_page_nr .prod_page_right dl {
	margin-left: 40px;
	margin-top: 10px;
}

.prod_page .prod_page_nr .prod_page_right dl dd {
	width: 10px;
	height: 10px;
	background: #ccc;
	border-radius: 100%;
	margin-bottom: 10px;
}

.prod_page .prod_page_nr .prod_page_right {
	position: relative;
}

.prod_page .prod_page_nr .prod_page_right .prod_page_right_more a {
	display: inline-block;
	padding: 20px 70px;
	border: 1px #999 solid;
	border-radius: 40px;
	font-size: 30px;
	margin-top: 34px;
	position: relative;
	z-index: 1;
	transition: 0.3s;
	font-family: "almmB";
}

.prod_page .prod_page_nr .prod_page_right .prod_page_right_more::after {
	content: "";
	display: block;
	width: 64px;
	height: 8px;
	background: #1744ec;
	border-radius: 20px;
	position: absolute;
	bottom: 22px;
	left: 68px;
	z-index: 0;
}

.prod_page .prod_page_nr .prod_page_right .prod_page_right_more a:hover {
	background: #1744ec;
	color: #fff;
	transition: 0.3s;
}

.prod_page .prod_page_xq {
	margin-top: 80px;
}

.prod_page .prod_page_xq .prod_page_xq_title {
	margin-left: 68px;
	position: relative;
}

.prod_page .prod_page_xq .prod_page_xq_title p {
	font-size: 60px;
	color: #fff;
	background: #1744ec;
	padding: 26px 60px;
	display: inline-block;
	border-radius: 20px;
	font-family: "almmB";
}

.prod_page .prod_page_xq .prod_page_xq_title em {
	font-size: 60px;
	color: #eeeeee;
	font-style: normal;
	text-transform: uppercase;
	font-weight: bold;
	position: absolute;
	left: 400px;
	top: 10px;
}

.prod_page .prod_page_xq .prod_page_xq_nr {
	background: #eeeeee;
	padding: 70px;
	border-radius: 20px;
	margin-top: -20px;
}

.prod_page .prod_page_xq .prod_page_xq_nr img {
	width: 100%;
	display: block;
	margin-bottom: 10px;
}

@media screen and (max-width: 1820px) {
	.prod_page .prod_page_nr .prod_page_left .mySwiper2 {
		width: 600px !important;
		height: 600px !important;
	}

	.prod_page .prod_page_nr .prod_page_left .mySwiper .swiper-wrapper .swiper-slide {
		width: 108px !important;
		height: 108px !important;
	}

	.prod_page .prod_page_nr .prod_page_right {
		width: 36%;
	}
	.prod_page .prod_page_nr .prod_page_right ul li:nth-child(3){
		margin-right: 0;
	}
	.prod_page .prod_page_nr .prod_page_right ul li{
		margin-right: 40px;
	}
}

@media screen and (max-width: 1820px) {
	.prod_page .prod_page_nr .prod_page_right ul li:nth-child(3) {
		margin-right: 60px;
	}
}

@media screen and (max-width: 1520px) {
	.prod_page .prod_page_nr .prod_page_left .mySwiper2 {
		width: 500px !important;
		height: 500px !important;
	}

	.prod_page .prod_page_nr .prod_page_left .mySwiper .swiper-wrapper .swiper-slide {
		width: 88px !important;
		height: 88px !important;
	}

	.prod_page .prod_page_nr .prod_page_right {
		width: 36%;
	}

	.prod_page .prod_page_nr .prod_page_right ul li em {
		font-size: 16px;
	}

	.prod_page .prod_page_nr .prod_page_right ul li b {
		font-size: 26px;
	}

	.prod_page .prod_page_nr .prod_page_right span {
		font-size: 24px;
	}

	.prod_page .prod_page_nr .prod_page_right p {
		font-size: 46px;
	}
	.prod_page .prod_page_nr .prod_page_right ul li{
		margin-right: 40px;
	}
	.prod_page .prod_page_nr .prod_page_right ul li:nth-child(3){
		margin-right: 0;
	}
}


@media screen and (max-width: 1240px) {
	
	.prod_page{
		padding-top: 80px !important;
	}
	
	.prod_page_left {
		width: 100%;
	}

	.prod_page .prod_page_nr .prod_page_left .mySwiper {
		margin-top: 10px;
	}

	.prod_page .prod_page_nr .prod_page_left .mySwiper .swiper-wrapper .swiper-slide {
		width: 16% !important;
		height: 100% !important;
		float: left;
		border-radius: 6px;
	}

	.prod_page .prod_page_nr .prod_page_left .mySwiper2 .swiper-wrapper img {
		width: 100%;
		height: auto;
	}

	.prod_page .prod_page_nr .prod_page_left .mySwiper2 {
		width: 100% !important;
		height: 100% !important;

	}

	.prod_page .prod_page_nr .prod_page_left .mySwiper {
		margin-left: 0px;
	}

	.swiper-wrapper {
		width: 103% !important;
	}

	.prod_page .prod_page_nr .prod_page_right {
		width: 100%;
	}

	.prod_page .prod_page_nr .prod_page_right p {
		font-size: 30px;
		font-weight: 500px;
	}

	.prod_page .prod_page_nr .prod_page_right span {
		font-size: 18px;
		line-height: 26px;
	}

	.prod_page .prod_page_nr .prod_page_right ul li b {
		font-size: 20px;
	}

	.prod_page .prod_page_nr .prod_page_right ul li em {
		font-size: 16px;
	}

	/* .prod_page .prod_page_nr .prod_page_right ul li:nth-child(3) {
		margin-right: 60px;
	} */

	.prod_page .prod_page_nr .prod_page_right .prod_page_right_more a {
		font-size: 20px;
		padding: 16px 40px;
	}

	.prod_page .prod_page_nr .prod_page_right .prod_page_right_more::after {
		width: 40px;
		height: 4px;
		bottom: 18px;
		left: 81px;
	}

	.prod_page .prod_page_xq .prod_page_xq_title p {
		font-size: 30px;
		margin: auto;
		padding: 16px 40px;
	}

	.prod_page .prod_page_xq .prod_page_xq_title {
		margin-left: 0px;
		text-align: center;
	}

	.prod_page .prod_page_xq .prod_page_xq_nr {
		padding: 10px;
		margin-top: 0px;
	}

	.prod_page .prod_page_xq .prod_page_xq_title em {
		display: none;
	}
}

/*产品内页end*/




/* 新闻内页 */
.show_news {
	width: 100%;
	overflow: hidden;
	background: #f5f5f5;
	padding-top: 70px;
	padding-bottom: 100px;
}

.show_news .show_news_left {
	float: left;
	width: 72%;
	padding: 50px 30px;
	box-sizing: border-box;
	background: #fff;
	border-radius: 10px;
	transition: ease .3s;
}

.show_news .show_news_left img {
	max-width: 100%;
	display: block;
	margin: auto;
	margin-bottom: 20px;

}

.show_news .show_news_left.cur {
	width: 100%;
}

.show_news .show_news_left dl dt h1 {
	font-size: 38px;
	color: #333;
	line-height: 50px;
	transition: ease .3s;
}

.show_news .show_news_left dl dt p {
	overflow: hidden;
	border-bottom: dashed 1px #ddd;
	padding-bottom: 15px;
}

.show_news .show_news_left dl dt span {
	display: block;
	float: left;
	margin-right: 15px;
	font-size: 14px;
	color: #999;
	height: 30px;
	line-height: 30px;
	transition: ease .3s;
}

.show_news .show_news_left dl dd {
	font-size: 20px;
	color: #000;
	margin-top: 15px;
	transition: ease .3s;
	line-height: 36px;
}

.show_news .show_news_left dl dd a {
	color: #000;
}

.show_news .show_news_right {
	width: 26%;
	float: right;
	padding: 50px 30px 30px 30px;
	box-sizing: border-box;
	background: #fff;
	border-radius: 10px;
	transition: ease .3s;
}

.show_news .show_news_right.cur {
	display: none;
}

.show_news .show_news_right dl dt {
	padding-bottom: 15px;
	margin-bottom: 5px;
	border-bottom: 1px dashed #ddd;
	transition: ease .3s;
}

.show_news .show_news_right dl dt h1 {
	font-size: 38px;
	height: 50px;
	line-height: 50px;
	color: #333;
	transition: ease .3s;
}

.show_news .show_news_right dl dt p {
	font-size: 14px;
	color: #ccc;
	height: 30px;
	line-height: 30px;
	transition: ease .3s;
}

.show_news .show_news_right dl dd {
	width: 100%;
	overflow: hidden;
	transition: ease .3s;
}

.show_news .show_news_right dl dd ul li {
	margin-bottom: 20px;
	padding-bottom: 15px;
	overflow: hidden;
	transition: ease .3s;
	width: 100%;
	border-bottom: 1px dashed #ddd;
}

.show_news .show_news_right dl dd ul li:last-child {
	margin-bottom: 0;
}

.show_news .show_news_right dl dd ul li a {
	display: block;
	position: relative;
	transition: ease .3s;
}

.show_news .show_news_right dl dd ul li h1 {
	font-size: 18px;
	position: relative;
	z-index: 2;
	margin-top: 10px;
	width: 100%;
	height: 40px;
	line-height: 40px;
	color: #333;
	transition: ease .3s;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	padding: 0 5px;
	box-sizing: border-box;
}

.show_news .show_news_right dl dd ul li p {
	font-size: 14px;
	color: #999;
	padding: 0 5px;
	line-height: 1.5;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	margin-top: 5px;
}

.show_news .show_news_right dl dd ul li i,
.show_news .show_news_right dl dd ul li img {
	display: block;
	width: 100%;
	position: relative;
}

.show_news .show_news_right dl dd ul li i {
	height: 12vw;
	overflow: hidden;
	transition: ease .3s;
	position: relative;
}

.show_news .show_news_right dl dd ul li img {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

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

	.show_news .show_news_left,
	.show_news .show_news_right {
		width: 100%;
	}

	.show_news .show_news_right {
		margin-top: 40px;
	}

	.show_news .show_news_right dl dt p {
		height: 24px;
		line-height: 24px;
		margin-top: 0;
	}

	.show_news .show_news_right dl dd ul li {
		width: calc((100% - 40px) / 2);
		margin-right: 40px;
		float: left;
	}

	.show_news .show_news_right dl dd ul li:nth-child(even) {
		margin-right: 0;
	}

	.show_news .show_news_right dl dd ul li i {
		height: 20vw;
	}
}

@media screen and (max-width:650px) {
	.show_news .show_news_right dl dd ul li {
		width: 100%;
		margin-right: 0;
	}

	.show_news .show_news_right dl dd ul li i {
		height: 40vw;
	}

	.show_news .show_news_right dl dd ul li h1 {
		font-size: 18px;
		font-weight: bold;
		height: 50px;
		line-height: 50px;
	}

	.show_news .show_news_right dl dd ul li:hover h1 {
		margin-bottom: -50px;
	}
}

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

	.show_news .show_news_left,
	.show_news .show_news_right {
		border-radius: 0;
	}

	.show_news .show_news_left dl dt h1 {
		font-size: 30px;
		line-height: 40px;
	}

	.show_news .show_news_left dl dd {
		font-size: 14px;
		line-height: 30px;
		margin-top: 10px;
		padding-bottom: 10px;
	}

	.show_news .show_news_right dl dt h1 {
		font-size: 30px;
		height: 40px;
		line-height: 40px;
	}

	.show_news .show_news_right dl dt p {
		font-size: 12px;
		height: 20px;
		line-height: 20px;
	}
}

@media screen and (max-width:400px) {
	.show_news .show_news_right dl dd ul li h1 {
		font-size: 14px;
		font-weight: 500;
		line-height: 36px;
		height: 36px;
	}

	.show_news .show_news_right dl dd ul li:hover h1 {
		margin-bottom: -36px;
	}
}

/* 新闻内页end */


/*上一页下一页 */
.show_next_prev {
	overflow: hidden;
	width: 100%;
	padding-top: 20px;
	margin-top: 20px;
	border-top: 1px dashed #ddd;
	line-height: 30px;
	transition: ease .3s;
}

.show_next_prev p {
	float: left;
	font-size: 14px;
	color: #333;
	margin-right: 20px;
	cursor: pointer;
	user-select: none;
	transition: ease .3s;
}

.show_next_prev p a {
	color: #999;
	transition: ease .3s;
}

.show_next_prev p:hover a {
	color: #da215c;
}

/* 上一页下一页end */


/*联系我们内页*/
.contact_nr{padding-top: 8%;}
.contact_nr .contact_nr_title{position: relative;}
.contact_nr .contact_nr_title p{font-size: 70px; font-weight: bold; color: #1744ec;}
.contact_nr .contact_nr_title p em{color: #eee; font-style: normal; text-transform: uppercase; padding-left: 40px;}
.contact_nr .contact_nr_title span{display: block; font-size: 50px; font-weight: bold; padding-top: 6px; position: relative;}
.contact_nr .contact_nr_title::after{display: block; content: ""; background: url(../images/contact_d.png) no-repeat; width: 100%; height: 27px; position: absolute; right: -22%; top: 90px; bottom: 0; margin: auto;}
.contact_nr .contact_nr_lx{padding-top: 6%;}
.contact_nr .contact_nr_lx ul{}
.contact_nr .contact_nr_lx ul li{float: left; margin-right: 8%; position: relative;}
.contact_nr .contact_nr_lx ul li::after{content: ""; position: absolute; bottom: -80px; left: 0; margin: auto; display: block; background: #1744ec; width: 10px; height: 0px; border-radius: 20px; transition: 0.3s;}
.contact_nr .contact_nr_lx ul li.cur::after{ height: 35px; transition: 0.3s;}
.contact_nr .contact_nr_lx ul li:last-child{margin-right: 0px;}
.contact_nr .contact_nr_lx ul li p{font-size: 26px; font-weight: 400; position: relative; z-index: 1;}
.contact_nr .contact_nr_lx ul li span{font-size: 40px; font-weight: bold; position: relative; z-index: 1;}
.contact_nr .contact_nr_ly{background: #fff; padding:4%; box-shadow: 4px 5px 30px #ccc; margin-top: 4%; position: relative; z-index: 1;}
.contact_nr .contact_nr_ly form{}
.contact_nr .contact_nr_ly form input{width: 31%; float: left; height: 4.125vw; background: #eee; margin-right: 3.5%; display: block; border-radius: 10px; text-indent: 20px; font-size: 18px;}
.contact_nr .contact_nr_ly form .row .col-12 input{margin-right: 0px;}
.contact_nr .contact_nr_ly form textarea{width: 100%; background: #eee;  height: 12vw; margin-top: 3.2%; border-radius: 10px; text-indent: 20px; font-size: 18px; padding-top: 20px;}
.contact_nr .contact_nr_ly form button{background: #ffcc00; padding: 1.5% 5%; font-size: 30px; font-weight: bold; border-top-right-radius: 20px; margin-top: 4%; float: left;}
.contact_nr .contact_nr_ly form .form-group i{font-size: 14px; color: #ddd; display: block; float: right; margin-top: 6%;}
.contact_map{margin-top: -6%;}

@media screen and (max-width:1890px) {
	.contact_nr .contact_nr_lx ul li{margin-right: 5%;}
	.contact_nr .contact_nr_title::after{right: -28%;}
}

@media screen and (max-width:1710px) {
	.contact_nr .contact_nr_lx ul li{margin-right: 4%;}
}

@media screen and (max-width:1660px) {
	.contact_nr .contact_nr_lx ul li p{font-size: 22px;}
	.contact_nr .contact_nr_lx ul li span{font-size: 36px;}
	.contact_nr .contact_nr_lx ul li::after{bottom: -60px;}
}

@media screen and (max-width:1480px) {
	.contact_nr .contact_nr_lx ul li{margin-right: 6%;}
	.contact_nr .contact_nr_lx ul li p{font-size: 18px;}
	.contact_nr .contact_nr_lx ul li span{font-size: 30px;}
	.contact_nr .contact_nr_title::after{right: -34%;}
}

@media screen and (max-width:1380px) {
	.contact_nr .contact_nr_lx ul li{margin-right: 5%;}
	.contact_nr .contact_nr_lx ul li p{font-size: 16px;}
	.contact_nr .contact_nr_lx ul li span{font-size: 28px;}
}

@media screen and (max-width:1280px) {
	.contact_nr .contact_nr_lx ul li{float: none; margin-bottom: 4%;}
	.contact_nr .contact_nr_lx ul li p{font-size: 20px; padding-bottom: 1%;}
	.contact_nr .contact_nr_lx ul li span{font-size: 26px;}
	.contact_nr .contact_nr_lx ul li::after{width: 0px; height: 6px; bottom: -6px; left: -10px; z-index: 0;}
	.contact_nr .contact_nr_lx ul li.cur::after{ width: 35px; height: 6px; transition: 0.3s;}
	.contact_nr .contact_nr_title::after{right: -40%; top: 80px;}
	.contact_nr .contact_nr_title p{font-size: 60px;}
	.contact_nr .contact_nr_title span{font-size: 40px;}
}
@media screen and (max-width:1060px) {
	.contact_nr .contact_nr_title::after{right: -30%;}
	.contact_nr{margin-top: 10%;}
	.contact_nr .contact_nr_ly{padding: 8%; margin-top: 40px;}
	.contact_nr .contact_nr_ly form input{width: 100%; margin-right: 0px; margin-bottom: 20px; height:60px;}
	.contact_nr .contact_nr_ly form textarea{height: 120px;}
	.contact_nr .contact_nr_ly form button{font-size: 20px; padding: 14px 30px;}
	.contact_nr .contact_nr_ly form .form-group i{display: none;}
}
@media screen and (max-width:860px) {
	.contact_nr .contact_nr_title::after{right: -40%;}
	.contact_nr .contact_nr_title p em{display: none;}
}

@media screen and (max-width:690px) {
	.contact_nr .contact_nr_title::after{right: -50%; top: 66px;}
	.contact_nr .contact_nr_title p{font-size: 50px;}
	.contact_nr .contact_nr_title span{font-size: 30px;}
	.contact_nr_lx{padding-top: 10% !important;}
}

@media screen and (max-width:590px) {
	.contact_nr .contact_nr_title::after{right: -60%;}
	.contact_nr{margin-top: 12%;}
}

@media screen and (max-width:490px) {
	.contact_nr .contact_nr_title::after{right: -70%;}
}
/*联系我们内页end*/