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

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

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

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

@-webkit-keyframes swiperbanner {
	0% {
		width: 0
	}
	to {
		width: 100%
	}
}

@keyframes swiperbanner {
	0% {
		width: 0
	}
	to {
		width: 100%
	}
}

@-webkit-keyframes swiperbanner1 {
	0% {
		width: 100%
	}
	to {
		width: 1%
	}
}

@keyframes swiperbanner1 {
	0% {
		width: 100%
	}
	to {
		width: 1%
	}
}

.banner {
	height: 100vh;
	clear: both;
	width: 100%;
	overflow: hidden;
	text-align: center;
	position: relative;
	z-index: 9
}

.banner .pc {
	display: block
}

.banner .pc img {
	width: auto;
	height: auto;
	max-height: initial;
	max-width: initial;
	width: 100%;
	-o-object-fit: cover;
	object-fit: cover
}

.banner .ph {
	display: none;
	text-align: center
}

.banner .ph img {
	width: 100%;
	width: auto;
	height: auto
}

.banner .box {
	display: block;
	position: relative;
	overflow: hidden;
	width: 100%
}

.banner .text {
	left: 0;
	width: 100%;
	color: #fff;
	top: 50%;
	-webkit-transform: translateY(-40%);
	transform: translateY(-40%);
	position: absolute
}

.banner .nr {
	width: 66rem;
	float: right;
	color: #153350;
	text-align: left
}

.banner .nr .t-1 {
	font-size: 8.8rem;
	line-height: 9rem;
	text-transform: uppercase;
	font-family: var(--font-family-5)
}

.banner .nr .t-1 span {
	display: inline-block;
	background-image: -webkit-linear-gradient(#3057a8 40%, #073491 60%);
	-webkit-background-clip: text;
	color: transparent
}

.banner .nr .t-2 {
	font-size: 2rem;
	margin-top: 4rem;
	margin-bottom: 5rem
}

.banner .swiper-slide-active .nr .t-1 {
	-webkit-animation: 1.6s fadeInUp2 ease;
	animation: 1.6s fadeInUp2 ease
}

.banner .swiper-slide-active .nr .t-2 {
	-webkit-animation: 1.6s fadeInDown2 ease;
	animation: 1.6s fadeInDown2 ease
}

.banner .swiper-slide-active .nr .index-button {
	-webkit-animation: 1.6s fadeInUp2 ease;
	animation: 1.6s fadeInUp2 ease
}

@media (max-width:1024px) {
	.banner {
		margin-top: 60px;
		height: auto
	}
	.banner .nr {
		float: none;
		width: 100%
	}
	.banner .nr .t-1 {
		padding-left: 38rem;
		font-size: 40px;
		line-height: 40px
	}
	.banner .nr .t-2 {
		display: none
	}
	.banner .index-button {
		display: none
	}
}

@media (max-width:768px) {
	.banner .nr .t-1 {
		font-size: 22px;
		line-height: 30px;
		padding-left: 22rem
	}
	.banner .pc {
		display: none
	}
	.banner .ph {
		display: block
	}
}

.banner .swiper-pagination .swiper-pagination-bullet {
	width: 3.4rem;
	height: 3.4rem;
	background: none;
	border-radius: 50%;
	margin: 0 .6rem;
	position: relative;
	overflow: hidden;
	opacity: 1;
  -webkit-transition: all .5s;
  transition: all .5s;	
	
}

.banner .swiper-pagination .swiper-pagination-bullet:before {
  content: "";
  display: block;
  width: 1rem;
  height: 1rem;
  border-radius: 50%;
  background: #fff;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}

.banner .swiper-pagination .swiper-pagination-bullet:after {
  content: "";
  display: block;
  width: 3.4rem;
  height: 3.4rem;
  background: url(../images/circle-1.png) no-repeat center center;
    background-size: auto;
  background-size: cover;
  margin: auto;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transition: .5s;
  transition: .5s;
}

.banner .swiper-pagination .swiper-pagination-bullet-active::before {
  background: var(--sub-color);
}


.banner .swiper-pagination .swiper-pagination-bullet-active::after {
  -webkit-transform: scale(1) rotate(90deg);
  transform: scale(1) rotate(90deg);
}

/*.banner .swiper-pagination .swiper-pagination-bullet:after {
	position: absolute;
	top: 0;
	width: 0;
	height: 100%;
	content: '';
	background: var(--sub-color);
	left: 0
}

.banner .swiper-pagination .swiper-pagination-bullet-active {
	width: 8rem;
	border-radius: 1rem;
	background: rgba(7, 52, 145, 0.33)
}

.banner .swiper-pagination .swiper-pagination-bullet-active::after {
	-webkit-animation: swiperbanner 5s linear;
	animation: swiperbanner 5s linear;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards
}*/

.banner .swiper-pagination .stopya::after {
	-webkit-animation: swiperbanner1 0s linear;
	animation: swiperbanner1 0s linear;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards
}

.banner .swiper-pagination {
	position: relative;
	text-align: center
}

.banner .btn {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	bottom: 3rem;
	position: absolute;
	text-align: center;
	width: 100%;
	z-index: 22
}

.banner .main_slide_handler {
	display: inline-block;
	vertical-align: middle
}

.banner a.slide_btn {
	width: 5rem;
	height: 2.4rem;
	border-radius: .3rem;
	background: url(../images/control-light.png) no-repeat center center rgba(7, 52, 145, 0.33);
	background-size: cover;
	background-size: 100%;
	display: inline-block;
	vertical-align: middle;
	cursor: pointer
}

.index-button a,
.index-button span {
	color: #fff;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	height: 6rem;
	font-size: 1.8rem;
	line-height: 6rem;
	display: inline-block;
	padding-left: 1.5rem;
	padding-right: 1.5rem;
	background: var(--main-color);
	font-family: var(--font-family-3);
	border-radius: 3rem;
	min-width: 19rem;
	text-transform: uppercase;
	-webkit-transition: all 500ms ease-in-out;
	transition: all 500ms ease-in-out
}

.index-button a i,
.index-button span i {
	text-align: center;
	margin-left: 2rem;
	margin-top: .8rem;
	width: 4.3rem;
	height: 4.3rem;
	background: #fff;
	font-weight: 700;
	line-height: 4.3rem;
	display: inline-block;
	font-style: normal;
	vertical-align: top;
	color: var(--main-color);
	border-radius: 3rem;
	font-family: "宋体";
	transition:all 500ms ease-in-out;
}

.index-button:hover a {
	background: var(--sub-color)
}

.index-button:hover i {
	margin-left:0.5rem;
	margin-right:0.5rem;
	color: var(--sub-color)
}

.index-partner .list {
	margin: 0 auto;
	max-width: 192rem
}

.index-partner .list li {
	margin-top: 1rem;
	margin-bottom: 1rem
}

.index-partner .list li .pic {
	border-radius: .5rem;
	-webkit-box-shadow: 0 0 1rem rgba(156, 185, 207, 0.35);
	box-shadow: 0 0 1rem rgba(156, 185, 207, 0.35);
	position: relative
}

.index-partner .list li .pic img {
	border-radius: .5rem
}

.index-partner .list li .pic:after {
	content: "";
	display: block;
	padding-bottom: 47.05882353%
}

@media (max-width:1024px) {
	.index-partner {
		padding-top: 30px
	}
	.index-partner .list {
		padding: 0 20px;
		margin: 0 auto;
		max-width: 640px
	}
}

.index-product {
	padding-top: 6rem
}

.index-product .index-title span {
	color: #000
}

.index-product .info {
	text-align: center;
	font-size: 2rem;
	padding-top: .5rem
}

.index-product .list ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

.index-product .list li {
	width: 50%;
	padding: 0 2rem;
	padding-top: 5rem;
	text-align: center
}

.index-product .list li .tilte-1 {
	font-size: 4.4rem;
	line-height: 5rem;
	height: 5rem;
	text-transform: uppercase;
	color: var(--sub-color);
	font-family: var(--font-family-5);
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
	-webkit-line-clamp: 1
}

.index-product .list li .title-2 {
	color: #000;
	margin-top: 1.5rem;
	padding: 0 9rem;
	height: 6rem;
	line-height: 3rem;
	font-size: 1.8rem;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
	-webkit-line-clamp: 2
}

.index-product .list li .pic {
	overflow: hidden;
	position: relative
}

.index-product .list li .pic:after {
	content: "";
	display: block;
	padding-bottom: 51.31578947%
}

.index-product .list li .pic img {
	-webkit-transition: all 700ms linear;
	transition: all 700ms linear
}

.index-product .list li .index-button {
	margin-top: 1rem
}

.index-product .list li .index-button span {
	min-width: 15rem;
	text-align: left;
	/* padding-left: 1.2rem; */
	height: 4.6rem;
	line-height: 4.6rem;
}

.index-product .list li .index-button i {
	margin-left: 1rem;
	margin-top: .6rem;
	width: 3.3rem;
	height: 3.3rem;
	line-height: 3.3rem
}

.index-product .list li:hover .pic img {
	-webkit-transform: scale(1.05);
	transform: scale(1.05)
}

.index-product .list li:hover .index-button span {
	background: var(--sub-color)
}

.index-product .list li:hover .index-button i {
	color: var(--sub-color)
}

@media (max-width:1024px) {
	.index-product .list li .tilte-1 {
		font-size: 20px;
		line-height: 30px;
		height: 30px
	}
	.index-product .list li .title-2 {
		padding-left: 0;
		padding-right: 0
	}
}

@media (max-width:480px) {
	.index-product .list li {
		width: 100%
	}
}

.index-prolist {
	padding-top: 6rem;
	padding-bottom: 10rem
}

.index-prolist .list {
	margin: 0 auto;
	margin-bottom: 5rem;
	max-width: 186rem
}

.index-prolist .list li .item .pic {
	position: relative;
	overflow: hidden;
	border-top-left-radius: 1rem;
	border-top-right-radius: 1rem;
	-webkit-box-shadow: 0 0 5rem #aeadb3 inset;
	box-shadow: 0 0 5rem #aeadb3 inset
}

.index-prolist .list li .item .pic img {
	-webkit-transition: all 700ms linear;
	transition: all 700ms linear;
	border-top-left-radius: 1rem;
	border-top-right-radius: 1rem
}

.index-prolist .list li .item .pic:after {
	content: "";
	display: block;
	padding-bottom: 63.11111111%
}

.index-prolist .list li .item .text {
	color: #fff;
	background: #494a57;
	padding: 3rem;
	-webkit-transition: all 500ms ease-in-out;
	transition: all 500ms ease-in-out;
	border-bottom-left-radius: 1rem;
	border-bottom-right-radius: 1rem
}

.index-prolist .list li .item .title-1 {
	font-family: var(--font-family-3);
	font-size: 2.4rem;
	line-height: 3rem;
	height: 3rem;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
	-webkit-line-clamp: 1
}

.index-prolist .list li .item .title-2 {
	margin-top: 2rem;
	height: 5.6rem;
	font-size:1.8rem;
	line-height: 2.8rem;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
	-webkit-line-clamp: 2
}

.index-prolist .list li .item .arrow {
	margin-top: 2rem;
	width: 4rem;
	height: 3.5rem;
	text-align: center;
	line-height: 3.5rem;
	font-family: "宋体";
	font-size: 1.6rem;
	font-weight: 700;
	color: rgba(255, 255, 255, 0.5);
	background: var(--sub-color);
	-webkit-transition: all 500ms ease-in-out;
	transition: all 500ms ease-in-out
}

.index-prolist .index-button {
	text-align: center
}

@media (min-width:1025px) {
	.index-prolist .list li:hover .pic img {
		-webkit-transform: scale(1.05);
		transform: scale(1.05)
	}
	.index-prolist .list li:hover .text {
		background: var(--sub-color)
	}
	.index-prolist .list li:hover .text .arrow {
		background: var(--main-color)
	}
}

@media (max-width:1024px) {
	.index-prolist {
		padding: 50px 0
	}
	.index-prolist .list {
		padding: 0 20px;
		max-width: 640px
	}
}

.index-about {
	position: relative;
	overflow: hidden;
	padding: 10rem 0
}

.index-about .container {
	z-index: 3;
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.index-about .left {
	width: 42%
}

.index-about .left .title {
	font-size: 2.4rem;
	font-family: var(--font-family-2)
}

.index-about .left .index-title {
	text-align: left
}

.index-about .left .index-title span {
	color: #000
}

.index-about .left .text {
	padding-bottom: 4rem;
	line-height: 3rem;
	font-family: var(--font-family-2)
}

.index-about .left .text p {
	margin-top: 2rem
}

.index-about .right {
	width: 56%
}

.index-about .right .pic {
	border-radius: 1rem
}

.index-about .right .pic img {
	border-radius: 1rem
}

.index-about #particles-js {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	position: absolute
}

.index-about .index-button a{
	min-width: 15rem;
}

@media (max-width:1024px) {
	.index-about {
		padding: 50px 0
	}
	.index-about .container {
		display: block
	}
	.index-about .left,
	.index-about .right {
		width: 100%;
		float: none
	}
	.index-about .right {
		margin-top: 40px
	}
}

.index-numlist {
	overflow: hidden;
	color: #fff;
	padding: 4rem 0;
	background: var(--sub-color)
}

.index-numlist ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	width: 109%;
	overflow: hidden;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.index-numlist li {
	width: 20%;
	position: relative;
	font-size: 1.8rem;
	line-height: 3rem
}

.index-numlist li:before {
	content: "";
	width: 1px;
	top: 50%;
	left: -20%;
	background: #fff;
	height: 4.3rem;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	position: absolute
}

.index-numlist li p:first-child .counter {
	font-size: 8rem;
	line-height: 8rem;
	font-family: var(--font-family-3)
}

.index-numlist li p:first-child i {
	font-style: normal;
	font-size: 2rem
}

.index-numlist li p:nth-child(2) span {
	display: block
}

@media (max-width:1024px) {
	.index-numlist {
		padding: 10px 0
	}
	.index-numlist ul {
		width: 100%;
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: flex-start
	}
	.index-numlist li {
		width: 33.333%
	}
	.index-numlist li:before {
		display: none
	}
	.index-numlist li p:first-child .counter {
		font-size: 30px;
		line-height: 30px
	}
}

@media (max-width:500px) {
	.index-numlist li:first-child {
		width: 100%
	}
	.index-numlist li p:nth-child(2) span {
		display: inline-block
	}
	.index-numlist li {
		width: 50%;
		padding: 10px
	}
}

.index-process {
	background: #f8f8f8;
	padding: 10rem 0
}

.index-process .index-title span {
	color: #000
}

.index-process .list {
	margin-top: 12rem
}

.index-process .list ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: 0 -1rem;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.index-process .list li {
	padding: 0 1rem;
	margin-top: -6.3rem;
	width: 20%
}

.index-process .list li .item {
	position: relative
}

.index-process .list li .pic {
	overflow: hidden;
	position: relative
}

.index-process .list li .pic:before {
	top: 0;
	left: 0;
	z-index: 1;
	width: 100%;
	height: 100%;
	content: "";
	opacity: 0;
	display: block;
	position: absolute;
	-webkit-transition: all 500ms ease-in-out;
	transition: all 500ms ease-in-out;
	background: url(../images/procass-hover.png) center center;
	background-size: cover
}

.index-process .list li .pic img {
	-webkit-transition: all 700ms linear;
	transition: all 700ms linear
}

.index-process .list li .title {
	color: #fff;
	z-index: 2;
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	font-size: 1.8rem;
	line-height: 2.4rem;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	height: 6rem;
	bottom: 8.4rem;
	position: absolute;
	text-align: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	font-family: var(--font-family-3);
	background: rgba(73, 74, 87, 0.7)
}

.index-process .list li .arrow {
	top: 50%;
	z-index: 3;
	right: -3rem;
	text-align: center;
	position: absolute;
	width: 6rem;
	height: 6rem;
	background: #fff;
	border-radius: 50%;
	line-height: 6rem;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	border: solid 1px var(--sub-color)
}

.index-process .list li .arrow img {
	vertical-align: middle;
	max-height: 2.6rem
}

.index-process .list li:nth-child(5) .arrow {
	left: 5rem;
	top: auto;
	-webkit-transform: translate(0);
	transform: translate(0);
	bottom: 0
}

.index-process .list li:nth-child(5) .arrow img {
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg)
}

.index-process .list li:nth-child(6) .arrow img,
.index-process .list li:nth-child(7) .arrow img,
.index-process .list li:nth-child(8) .arrow img {
	-webkit-transform: rotateY(-180deg);
	transform: rotateY(-180deg)
}

.index-process .list li:hover .pic:before {
	opacity: 1
}

@media (max-width:1024px) {
	.index-process {
		padding: 50px 0
	}
	.index-process .list li {
		width: 33.333%
	}
	.index-process .list li .arrow {
		display: none
	}
}

@media (max-width:480px) {
	.index-process .list li {
		width: 50%
	}
}

.index-service {
	padding: 10rem 0;
	background: #f8f8f8
}

.index-service .list {
	margin-top: 5rem
}

.index-service .list ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: 0 -2.2rem
}

.index-service .list li {
	padding: 0 2.2rem;
	width: 33.333%
}

.index-service .list li .item {
	-webkit-transition: all 500ms ease-in-out;
	transition: all 500ms ease-in-out;
	background: #fff;
	border-radius: 1rem;
	border: solid 1px #e5e5e5
}

.index-service .list li .pic {
	overflow: hidden;
	position: relative;
	border-top-left-radius: 1rem;
	border-top-right-radius: 1rem
}

.index-service .list li .pic img {
	-webkit-transition: all 700ms linear;
	transition: all 700ms linear;
	border-top-left-radius: 1rem;
	border-top-right-radius: 1rem
}

.index-service .list li .pic:after {
	content: "";
	display: block;
	padding-bottom: 53.34728033%
}

.index-service .list li .text {
	padding: 3rem 3.6rem
}

.index-service .list li .title-1 {
	color: #303030;
	height: 3rem;
	font-size: 2.2rem;
	line-height: 3rem;
	font-family: var(--font-family-3);
	-webkit-transition: all 500ms ease-in-out;
	transition: all 500ms ease-in-out;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
	-webkit-line-clamp: 1
}

.index-service .list li .title-2 {
	color: #333;
	height: 12rem;
	line-height: 3rem;
	margin-top: 1rem;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
	-webkit-line-clamp: 4
}

.index-service .list li .read-more {
	margin-top: 2rem;
	color: #fff;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	height: 4rem;
	line-height: 4rem;
	display: inline-block;
	padding-left: 1.5rem;
	padding-right: 1.5rem;
	background: var(--main-color);
	font-family: var(--font-family-3);
	border-radius: 3rem;
	-webkit-transition: all 500ms ease-in-out;
	transition: all 500ms ease-in-out;
	text-align: center
}

.index-service .list li .read-more i {
	margin-left: 1rem;
	margin-top: .5rem;
	width: 3rem;
	height: 3rem;
	background: #fff;
	font-weight: 700;
	line-height: 3rem;
	display: inline-block;
	font-style: normal;
	vertical-align: top;
	color: var(--main-color);
	border-radius: 3rem;
	font-family: "宋体"
}

@media (min-width:1025px) {
	.index-service .list li:hover .pic img {
		-webkit-transform: scale(1.05);
		transform: scale(1.05)
	}
	.index-service .list li:hover .title-1 {
		color: var(--sub-color)
	}
	.index-service .list li:hover .item {
		border-color: var(--sub-color)
	}
	.index-service .list li:hover .read-more {
		background: var(--sub-color)
	}
	.index-service .list li:hover .read-more i {
		color: var(--sub-color)
	}
}

@media (max-width:1024px) {
	.index-service {
		padding: 50px 0
	}
	.index-service .list li {
		width: 100%;
		margin-top: 30px
	}
	.index-service .list li:first-child {
		margin-top: 0
	}
}

.index-application {
	overflow: hidden;
	padding: 10rem 0 0 0
}

.index-application .container {
	max-width: 192rem
}

.index-application .list {
	margin-top: 5rem
}

.index-application .list ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: 0 -1px
}

.index-application .list li {
	border-left: solid 1px #b9c6e0;
	border-top: solid 1px #b9c6e0;
	width: 33.333%
}

.index-application .list li .item {
	position: relative
}

.index-application .list li .pic {
	overflow: hidden;
	position: relative
}

.index-application .list li .pic:after {
	content: "";
	display: block;
	padding-bottom: 54.21875%
}

.index-application .list li .pic:before {
	top: 0;
	left: 0;
	z-index: 2;
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	background: rgba(7, 52, 145, 0.5)
}

.index-application .list li .pic img {
	-webkit-transition: all 700ms linear;
	transition: all 700ms linear
}

.index-application .list li .text {
	top: 50%;
	left: 0;
	width: 100%;
	z-index: 5;
	padding: 2rem;
	text-align: center;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	position: absolute
}

.index-application .list li .text .icon img {
	max-height: 10rem;
	-webkit-transition: all 500ms ease;
	transition: all 500ms ease
}

.index-application .list li .text .title {
	color: #fff;
	line-height: 3rem;
	font-size: 2.4rem;
	margin-top: 2rem;
	font-family: var(--font-family-3)
}

@media (min-width:1025px) {
	.index-application .list li:hover .pic img {
		-webkit-transform: scale(1.05);
		transform: scale(1.05)
	}
}

@media (max-width:1024px) {
	.index-application {
		padding-top: 50px
	}
	.index-application .list li {
		width: 50%
	}
	.index-application .list li .text .title {
		margin-top: 0
	}
}

@media (max-width:520px) {
	.index-application .list li {
		width: 100%
	}
}

.index-news {
	position: relative;
	padding: 10rem 0
}

.index-news .list {
	margin-top: 5rem
}

.index-news .list .item {
	margin-bottom: 1px;
	border: solid 1px #e5e5e5;
	-webkit-transition: all 500ms ease-in-out;
	transition: all 500ms ease-in-out
}

.index-news .list .pic {
	overflow: hidden;
	position: relative
}

.index-news .list .pic img {
	-webkit-transition: all 700ms linear;
	transition: all 700ms linear
}

.index-news .list .pic:after {
	content: "";
	display: block;
	padding-bottom: 56.66666667%
}

.index-news .list .text {
	padding: 3rem 2rem
}

.index-news .list .title-1,
.index-news .list .title-2 {
	color: #303030;
	height: 6rem;
	font-size: 2.2rem;
	line-height: 3rem;
	font-family: var(--font-family-3);
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
	-webkit-line-clamp: 2
}

.index-news .list .title-2 {
	color: #666;
	font-size: 1.8rem;
	margin-top: 1rem;
	font-family: var(--font-family-1)
}

.index-news .list .read-more {
	margin-top: 2rem;
	color: var(--sub-color)
}

.index-news .index-button {
	margin-top: 5rem;
	text-align: center
}

@media (min-width:1025px) {
	.index-news .list li:hover .item {
		border-color: var(--sub-color)
	}
	.index-news .list li:hover .title-1 {
		color: var(--sub-color)
	}
	.index-news .list li:hover .pic img {
		-webkit-transform: scale(1.05);
		transform: scale(1.05)
	}
}

@media (max-width:1024px) {
	.index-news {
		padding: 50px 0
	}
}

.index-message {
	position: relative
}

.index-message .container {
	max-width: 173rem
}

.index-message .bg {
	color: #fff;
	padding: 10rem 21rem;
	text-align: center;
	border-radius: 1rem;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: top center
}

.index-message .index-title {
	color: #fff
}

.index-message .info {
	padding-top: 3rem
}

.index-message .form {
	padding-top: 5rem
}

.index-message .form ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.index-message .form li {
	padding: 0 1rem
}

.index-message .form li .text-input {
	position: relative
}

.index-message .form li .text-input label {
	color: #f30;
	top: 2rem;
	left: 2rem;
	position: absolute
}

.index-message .form li .text-input input {
	color: #fff;
	width: 100%;
	font-size: 16px;
	font-family: var(--font-family-1);
	padding: 0 3rem;
	height: 6rem;
	line-height: 5.8rem;
	border: solid 1px #fff;
	background: transparent
}

.index-message .form li .text-input input::-webkit-input-placeholder {
	color: #fff
}

.index-message .form li .text-input input:-moz-placeholder {
	color: #fff;
	opacity: 1
}

.index-message .form li .text-input input::-moz-placeholder {
	color: #fff;
	opacity: 1
}

.index-message .form li .text-input input:-ms-input-placeholder {
	color: #fff
}

.index-message .form li .text-button a {
	display: block;
	color: #fff;
	font-size: 1.8rem;
	height: 6rem;
	line-height: 6rem;
	border-radius: .5rem;
	background: var(--main-color);
	font-family: var(--font-family-3)
}

.index-message .form li:nth-child(1),
.index-message .form li:nth-child(2) {
	width: 26%
}

.index-message .form li:nth-child(3) {
	width: 32%
}

.index-message .form li:nth-child(4) {
	width: 16%
}

@media (max-width:1024px) {
	.index-message .index-title {
		text-align: left
	}
	.index-message .bg {
		padding: 40px 30px
	}
	.index-message .info {
		display: none
	}
	.index-message .form ul {
		display: block
	}
	.index-message .form li {
		margin-top: 20px;
		width: 100% !important
	}
	.index-message .form li:first-child {
		margin-top: 0
	}
}

.inside-banner {
	color: #fff;
	text-align: center;
	position: relative
}

.inside-banner .title {
	font-size: 5.8rem;
	line-height: 6rem;
	text-transform: uppercase;
	font-family: var(--font-family-5)
}

.inside-banner .pc img {
	width: 100%
}

.inside-banner .ph {
	display: none
}

.inside-banner .text {
	top: 50%;
	left: 0;
	width: 100%;
	z-index: 2;
	position: absolute;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%)
}

@media (max-width:1024px) {
	.inside-banner {
		margin-top: 60px
	}
}

@media (max-width:767px) {
	.inside-banner .text {
		display: none
	}
	.inside-banner .pc {
		display: none
	}
	.inside-banner .ph {
		display: block
	}
}

.inside-banner-2 .text {
	color: var(--sub-color)
}

.inside-banner-2 .title,
.inside-banner-2 .inside-current {
	padding-left: 18rem
}

.inside-banner-2 .inside-current {
	color: var(--sub-color)
}

.inside-banner-2 .inside-current a {
	color: var(--sub-color)
}

@media (max-width:1024px) {
	.inside-banner-2 .title {
		padding-left: 0
	}
}

.inside-banner-3 .title,
.inside-banner-3 .inside-current {
	text-align: left
}

.inside-banner-3 .title {
	color: var(--sub-color)
}

.inside-banner-3 .inside-current {
	color: #666
}

.inside-banner-3 .inside-current a {
	color: #666
}

.inside-banner-4 .text {
	top: 0;
	text-align: left;
	-webkit-transform: translate(0);
	transform: translate(0)
}

.inside-banner-4 .title-2 {
	font-size: 4.2rem;
	font-family: var(--font-family-5)
}

.inside-banner-4 .title-3 {
	color: var(--main-color);
	font-family: var(--font-family-3);
	padding: 3rem 0 2rem 0
}

.inside-banner-4 .nr {
	max-width: 86rem;
	font-size: 1.8rem;
	line-height: 3rem;
	padding-top: 13rem
}

.inside-banner-4 .inside-current {
	font-size: 1.6rem;
	margin-top: 2rem
}

@media (max-width:1024px) {
	.inside-banner-4 .title-3,
	.inside-banner-4 .title-4 {
		display: none
	}
}

.inside-current {
	color: #fff;
	height: 3rem;
	line-height: 3rem;
	font-size: 2rem;
	margin-top: 1rem;
	font-weight: normal;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
	-webkit-line-clamp: 1
}

.inside-current a {
	color: #fff
}

.inside-current a:hover {
	text-decoration: underline
}

@media (max-width:1024px) {
	.inside-current {
		display: none
	}
}

.classifyPro {
	font-size: 1.8rem
}

.classifyPro .title {
	background: #f6f6f6;
	-webkit-transition: .3s;
	transition: .3s;
	height: 6rem;
	position: relative;
	line-height: 5.9rem;
	font-family: var(--font-family-3);
	border-top: solid 1px #e4e4e4
}

.classifyPro .title a {
	padding: 0 1rem;
	display: block;
	position: relative;
	max-width: 100%;
	overflow: hidden;
	color: #333;
	height: 5.9rem
}

.classifyPro .title span {
	z-index: 2;
	display: block;
	position: relative
}

.classifyPro .has>.title a {
	display: block
}

.classifyPro .list .icon {
	cursor: pointer;
	top: 0;
	right: 1.4rem;
	position: absolute
}

.classifyPro .list .icon:before {
	content: "+";
	font-family: "宋体";
	vertical-align: top;
	display: inline-block;
	font-size: 2rem;
	color: #141414;
	font-style: normal
}

.classifyPro .down,
.classifyPro .has:hover {
	position: relative
}

.classifyPro .down>.title a,
.classifyPro .has:hover>.title a {
	color: var(--sub-color)
}

.classifyPro .down>.title a:before,
.classifyPro .has:hover>.title a:before {
	opacity: 1
}

.classifyPro .down>.title:before,
.classifyPro .has:hover>.title:before {
	opacity: 1
}

.classifyPro .down .icon:before,
.classifyPro .has:hover .icon:before {
	content: "-"
}

.classifyPro .list .list {
	display: none
}

.classifyPro .list .list li {
	background: #fff;
	padding: .5rem 1.3rem;
	font-size: 1.6rem;
	line-height: 2.3rem
}

.classifyPro .list .list li:nth-child(2n) {
	background: #f6f6f6
}

.classifyPro .list .list .cur {
	background: var(--sub-color)
}

.classifyPro .list .list .cur a {
	color: #fff
}

@media (max-width:1024px) {
	.classifyPro {
		display: none
	}
}

.inside-prowrap {
	padding: 10rem 0
}

.inside-prowrap .left {
	top: 0;
	left: 0;
	width: 15.5%;
	float: left;
	position: -webkit-sticky;
	position: sticky
}

.inside-prowrap .left .bt {
	color: #fff;
	font-size: 2.4rem;
	padding: 0 1rem;
	line-height: 5rem;
	background: var(--sub-color);
	font-family: var(--font-family-3)
}

.inside-prowrap .left .search {
	line-height: 4.8rem;
	position: relative
}

.inside-prowrap .left .text-input input {
	width: 100%;
	border: 0;
	height: 5rem;
	line-height: 4.8rem;
	border-top: solid 1px #333;
	border-bottom: solid 1px #333
}

.inside-prowrap .left .searchBtn {
	left: 0;
	top: .6rem;
	position: absolute
}

.inside-prowrap .left .searchBtn svg {
	width: 2rem;
	height: 2rem
}

.inside-prowrap .left .screen {
	top: 0;
	right: 1rem;
	position: absolute
}

.inside-prowrap .right {
	width: 82.5%;
	float: right
}

.inside-prowrap .right .tit-wrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding-bottom: 1.5rem;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	border-bottom: solid 1px #707070
}

.inside-prowrap .right .tit-wrap .bt {
	color: #222;
	font-size: 2.4rem;
	line-height: 3rem;
	font-family: var(--font-family-3)
}

.inside-prowrap .right .view-warp .first a {
	padding: 0 .5rem;
	color: #353535;
	display: inline-block;
	font-family: var(--font-family-3)
}

.inside-prowrap .right .view-warp .first a:hover,
.inside-prowrap .right .view-warp .first .cur {
	color: var(--sub-color);
	text-decoration: underline
}

.inside-prowrap .right .view-warp .last {
	padding-left: 3rem
}

@media (max-width:1024px) {
	.inside-prowrap {
		padding: 50px 0
	}
	.inside-prowrap .left {
		width: 100%;
		float: none;
		top: auto;
		left: auto;
		position: relative
	}
	.inside-prowrap .right {
		width: 100%;
		float: none;
		margin-top: 30px
	}
	.inside-prowrap .right .tit-wrap {
		display: block
	}
	.inside-prowrap .right .tit-wrap .bt {
		padding-bottom: 10px
	}
}

.inside-prolist ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: 0 -1.6rem
}

.inside-prolist li {
	width: 25%;
	padding: 0 1.6rem;
	padding-top: 3rem
}

.inside-prolist li .item {
	border-radius: .5rem;
	border: solid 1px #e9e9e9;
	-webkit-transition: all 500ms ease-in-out;
	transition: all 500ms ease-in-out
}

.inside-prolist li .pic {
	overflow: hidden;
	position: relative;
	border-top-left-radius: .5rem;
	border-top-right-radius: .5rem
}

.inside-prolist li .pic:after {
	content: "";
	display: block;
	padding-bottom: 84.24657534%
}

.inside-prolist li .pic img {
	-webkit-transition: all 700ms linear;
	transition: all 700ms linear;
	border-top-left-radius: .5rem;
	border-top-right-radius: .5rem
}

.inside-prolist li .text {
	-webkit-transition: all 500ms ease-in-out;
	transition: all 500ms ease-in-out;
	padding: 1.6rem 2rem
}

.inside-prolist li .text .title-1 {
	-webkit-transition: all 500ms ease-in-out;
	transition: all 500ms ease-in-out;
	font-size: 2rem;
	color: #333;
	height: 3rem;
	line-height: 3rem;
	font-family: var(--font-family-3);
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
	-webkit-line-clamp: 1
}

.inside-prolist li .text .title-2 {
	-webkit-transition: all 500ms ease-in-out;
	transition: all 500ms ease-in-out;
	color: #666;
	margin-top: 1rem;
	line-height: 2.8rem;
	height: 8.4rem;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
	-webkit-line-clamp: 3
}

.inside-prolist li .text .view-more {
	color: #333;
	-webkit-transition: all 500ms ease-in-out;
	transition: all 500ms ease-in-out;
	margin-top: 1rem;
	font-size: 1.4rem;
	line-height: 3.4rem;
	height: 3.6rem;
	border: solid 1px #cdcdcd;
	border-radius: 3rem;
	text-align: center;
	position: relative;
	font-family: var(--font-family-3)
}

.inside-prolist li .text .view-more i {
	color: #fff;
	top: .5rem;
	right: .5rem;
	width: 2.6rem;
	height: 2.6rem;
	border-radius: 50%;
	text-align: center;
	line-height: 2.6rem;
	font-family: "宋体";
	background: var(--sub-color);
	font-style: normal;
	position: absolute
}

@media (min-width:1025px) {
	.inside-prolist li:hover .item {
		border-color: var(--sub-color)
	}
	.inside-prolist li:hover .pic img {
		-webkit-transform: scale(1.05);
		transform: scale(1.05)
	}
	.inside-prolist li:hover .text {
		color: #fff;
		background: var(--sub-color)
	}
	.inside-prolist li:hover .text .title-1,
	.inside-prolist li:hover .text .title-2 {
		color: #fff
	}
	.inside-prolist li:hover .text .view-more {
		color: #fff;
		border-color: var(--sub-color);
		background: var(--main-color)
	}
	.inside-prolist li:hover .text .view-more i {
		background: #fff;
		color: var(--main-color)
	}
}

@media (max-width:1024px) {
	.inside-prolist li {
		width: 50%
	}
}

@media (max-width:420px) {
	.inside-prolist li {
		width: 100%
	}
}

.inside-xg-product {
	position: relative;
	padding: 10rem 0
}

.inside-xg-product .index-title span {
	color: #000
}

.inside-xg-product .list {
	position: relative
}

.inside-xg-product .list .item {
	margin-bottom: 1px
}

.inside-xg-product .swiper-button-prev,
.inside-xg-product .swiper-button-next {
	width: 4.5rem;
	height: 4.5rem;
	border-radius: 50%;
	line-height: 4.5rem;
	text-align: center;
	color: #fff;
	-webkit-transition: all 334ms ease-in-out;
	transition: all 334ms ease-in-out;
	background: var(--main-color)
}

.inside-xg-product .swiper-button-prev:after,
.inside-xg-product .swiper-button-next:after {
	font-size: 2rem
}

.inside-xg-product .swiper-button-prev:hover,
.inside-xg-product .swiper-button-next:hover {
	background: var(--sub-color)
}

.inside-xg-product .swiper-button-prev {
	left: -10.5rem
}

.inside-xg-product .swiper-button-next {
	right: -10.5rem
}

.inside-xg-product ul {
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	margin-left: 0;
	margin-right: 0
}

.inside-xg-product li {
	padding-left: 0;
	padding-right: 0;
	padding-top: 5rem
}

@media (max-width:1024px) {
	.inside-xg-product {
		padding: 50px 0
	}
	.inside-xg-product .swiper-button-prev {
		left: 20px !important
	}
	.inside-xg-product .swiper-button-next {
		right: 20px !important
	}
}

.inside-xg .swiper-button-prev {
	left: -7rem
}

.inside-xg .swiper-button-next {
	right: -7rem
}

.inside-application {
	padding-top: 2rem;
	padding-bottom: 10rem
}

.inside-application li {
	position: relative;
	margin-top: 8rem
}

.inside-application li .box {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	position: relative;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse
}

.inside-application li .text {
	width: 47%;
	font-size: 1.8rem
}

.inside-application li .text .tit {
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
	-webkit-line-clamp: 1;
	color: var(--sub-color);
	font-size: 4.2rem;
	line-height: 5rem;
	height: 5rem;
	font-family: var(--font-family-5)
}

.inside-application li .text .info {
	color: #333;
	margin-top: 2rem;
	font-family: var(--font-family-3)
}

.inside-application li .text .txt {
	margin-top: 2rem;
	color: #666;
	height: 15rem;
	line-height: 3rem;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
	-webkit-line-clamp: 5
}

.inside-application li .text .index-button {
	bottom: 0;
	position: absolute
}

.inside-application li .pic {
	width: 49.4%;
	overflow: hidden;
	position: relative
}

.inside-application li .pic:after {
	content: "";
	display: block;
	padding-bottom: 54.26666667%
}

.inside-application li .pic:before {
	content: "";
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	position: absolute;
	background: rgba(7, 52, 145, 0.4)
}

.inside-application li .pic img {
	-webkit-transition: all 700ms linear;
	transition: all 700ms linear
}

.inside-application li:nth-child(2n) .box {
	-webkit-box-orient: inherit;
	-webkit-box-direction: inherit;
	-ms-flex-direction: inherit;
	flex-direction: inherit
}

.inside-application li:hover .text .index-button span {
	background: var(--sub-color)
}

.inside-application li:hover .text .index-button i {
	color: var(--sub-color)
}

.inside-application li:hover .pic img {
	-webkit-transform: scale(1.05);
	transform: scale(1.05)
}

@media (max-width:1024px) {
	.inside-application {
		padding-top: 0;
		padding-bottom: 50px
	}
	.inside-application li {
		margin-top: 50px
	}
	.inside-application li .box {
		display: block
	}
	.inside-application li .pic,
	.inside-application li .text {
		width: 100%
	}
	.inside-application li .pic .index-button,
	.inside-application li .text .index-button {
		bottom: auto;
		margin-top: 30px;
		position: relative
	}
	.inside-application li .text {
		margin-top: 30px
	}
	.inside-application li .text .tit {
		height: 40px;
		line-height: 40px;
		font-size: 30px
	}
	.inside-application li .text .info {
		margin-top: 0
	}
}

.inside-case {
	background: #fff;
	padding-bottom: 0
}

.inside-case .list {
	margin-top: 0
}

.inside-case .list li .title-1,
.inside-case .list li .title-2 {
	height: 6rem;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
	-webkit-line-clamp: 2
}

.inside-case .list li .read-more {
	margin-top: 4rem
}

.inside-news {
	padding-top: 8rem
}

.inside-news .list {
	margin-top: 0
}

.inside-news .list ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: 0 -1.2rem
}

.inside-news .list li {
	width: 25%;
	padding: 0 1.2rem;
	padding-top: 2.4rem
}

@media (max-width:1024px) {
	.inside-news {
		padding-top: 20px
	}
	.inside-news .list li {
		width: 50%
	}
}

@media (max-width:420px) {
	.inside-news .list li {
		width: 100%
	}
}

.inside-newshow {
	padding: 10rem 0
}

.inside-newshow .left {
	width: 76%;
	float: left;
	font-size: 1.8rem;
	line-height: 3rem
}

.inside-newshow .left .title {
	color: #151515;
	font-size: 3.2rem;
	line-height: 4rem
}

.inside-newshow .left .info {
	margin-bottom: 4rem;
	padding-top: 3rem;
	padding-bottom: 2rem;
	border-bottom: solid 1px #dcdcdc
}

.inside-newshow .left .info span {
	color: #888;
	font-size: 1.8rem;
	padding: 0 3rem;
	display: inline-block
}

.inside-newshow .left .text .t-1 {
	color: #151515;
	font-size: 2rem;
	padding-top: 3rem;
	font-family: var(--font-family-3)
}

.inside-newshow .left .text .t-2 {
	margin-top: 2rem
}

.inside-newshow .right {
	top: 0;
	width: 19%;
	float: right;
	position: -webkit-sticky;
	position: sticky
}

.inside-newshow .right .title {
	color: #000;
	line-height: 4rem;
	font-size: 3.2rem;
	font-weight: normal;
	text-transform: uppercase;
	font-family: var(--font-family-3)
}

.inside-newshow .right .list li {
	margin-top: 2rem
}

.inside-newshow .right .list li .pic {
	overflow: hidden;
	position: relative
}

.inside-newshow .right .list li .pic:after {
	content: "";
	display: block;
	padding-bottom: 56.66666667%
}

.inside-newshow .right .list li .pic img {
	-webkit-transition: all 700ms linear;
	transition: all 700ms linear
}

.inside-newshow .right .list li .tit {
	color: #333;
	margin-top: 1.5rem;
	height: 9rem;
	font-size: 1.8rem;
	line-height: 3rem;
	font-family: var(--font-family-3);
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
	-webkit-line-clamp: 3
}

.inside-newshow .right .list li:hover .tit {
	color: var(--sub-color)
}

.inside-newshow .right .list li:hover .pic img {
	-webkit-transform: scale(1.05);
	transform: scale(1.05)
}

@media (max-width:1024px) {
	.inside-newshow {
		padding: 50px 0
	}
	.inside-newshow .left {
		width: 100%;
		float: none
	}
	.inside-newshow .left .info span {
		padding: 0 5px
	}
	.inside-newshow .right {
		width: 100%;
		float: none;
		margin-top: 40px
	}
}

.inside-sousshow {
	padding-bottom: 0
}

.inside-sousshow .left .title {
	font-size: 3.6rem;
	line-height: 5rem;
	color: var(--sub-color);
	font-family: var(--font-family-3)
}

.inside-sousshow .left .list {
	margin-top: 4rem
}

.inside-sousshow .left .list ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: 0 -0.5rem
}

.inside-sousshow .left .list li {
	width: 50%;
	padding: 0 .5rem
}

.inside-sousshow .left .list li .t-3 {
	color: #fff;
	font-size: 3.2rem;
	padding: 2rem 1rem;
	text-align: center;
	background: var(--sub-color);
	font-family: var(--font-family-3)
}

.inside-sousshow .left .table {
	margin-top: 1rem
}

.inside-sousshow .left .table .t-4 {
	color: #fff;
	padding: 1.5rem 1rem;
	text-align: center;
	background: var(--sub-color);
	font-family: var(--font-family-3)
}

.inside-sousshow .left .table table {
	font-size: 1.6rem;
	background: #efeff1
}

.inside-sousshow .left .table table,
.inside-sousshow .left .table td {
	border: 0;
	line-height: 2.4rem;
	border-bottom: solid .2rem #fff;
	border-right: solid .2rem #fff
}

.inside-sousshow .left .table td {
	padding: .5rem 0;
	padding-left: 6.5rem;
	padding-right: 1rem
}

.inside-sousshow .left .table td:first-child {
	color: #333;
	font-family: var(--font-family-3)
}

.inside-sousshow .left .table tr:nth-child(2n) {
	background: #d1d2d4
}

.inside-sousshow .left .f20 {
	font-size: 2rem;
	color: #333;
	font-family: var(--font-family-3)
}

.inside-sousshow .right .list-2 ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

.inside-sousshow .right .list-2 li {
	padding-top: 4rem
}

.inside-sousshow .right .list-2 li .item {
	background: #fff
}

.inside-sousshow .right .list-2 li .pic {
	overflow: hidden;
	position: relative
}

.inside-sousshow .right .list-2 li .pic img {
	-webkit-transition: all 700ms linear;
	transition: all 700ms linear
}

.inside-sousshow .right .list-2 li .pic:after {
	content: "";
	display: block;
	padding-bottom: 53.34728033%
}

.inside-sousshow .right .list-2 li .text {
	padding-top: 2rem
}

.inside-sousshow .right .list-2 li .title-1 {
	color: #303030;
	height: 6rem;
	font-size: 2rem;
	line-height: 3rem;
	font-family: var(--font-family-3);
	-webkit-transition: all 500ms ease-in-out;
	transition: all 500ms ease-in-out;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
	-webkit-line-clamp: 2
}

.inside-sousshow .right .list-2 li .title-2 {
	color: #333;
	height: 12rem;
	line-height: 3rem;
	margin-top: 1rem;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
	-webkit-line-clamp: 4
}

.inside-sousshow .right .list-2 li .read-more {
	margin-top: 2rem;
	color: #fff;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	height: 4rem;
	line-height: 4rem;
	display: inline-block;
	padding-left: .5rem;
	padding-right: 2rem;
	background: var(--main-color);
	font-family: var(--font-family-3);
	border-radius: 3rem;
	-webkit-transition: all 500ms ease-in-out;
	transition: all 500ms ease-in-out;
	text-align: center
}

.inside-sousshow .right .list-2 li .read-more i {
	margin-right: 1rem;
	margin-top: .5rem;
	width: 3rem;
	height: 3rem;
	background: #fff;
	font-weight: 700;
	line-height: 3rem;
	display: inline-block;
	font-style: normal;
	vertical-align: top;
	color: var(--main-color);
	border-radius: 3rem;
	font-family: "宋体"
}

@media (max-width:1024px) {
	.inside-sousshow .left .table {
		overflow-x: auto;
		-webkit-overflow-scrolling: touch
	}
	.inside-sousshow .left .table table {
		width: 800px
	}
	.inside-sousshow .right .list-2 ul {
		margin: 0 -10px
	}
	.inside-sousshow .right .list-2 li {
		padding: 0 10px;
		width: 33.333%;
		margin-top: 30px
	}
}

@media (max-width:420px) {
	.inside-sousshow .left .list li {
		width: 100%;
		margin-top: 20px
	}
	.inside-sousshow .left .list li:first-child {
		margin-top: 0
	}
	.inside-sousshow .right .list-2 li {
		width: 100%
	}
}

.inside-contact {
	position: relative;
	padding-top: 16rem;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: top center;
	padding-bottom: 4rem
}

.inside-contact .lxfs-message {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding-bottom: 2rem
}

.inside-contact .lxfs-message .left {
	width: 46%;
	padding-top: 6rem
}

.inside-contact .lxfs-message .right {
	position: relative;
	width: 50%;
	background: #fff;
	border-radius: 2rem;
	-webkit-box-shadow: 0 0 1rem rgba(0, 0, 0, 0.05);
	box-shadow: 0 0 1rem rgba(0, 0, 0, 0.05)
}

.inside-contact .lxfs {
	color: #666;
	font-size: 1.8rem;
	line-height: 3rem
}

.inside-contact .lxfs .titleBig .title {
	color: #000;
	font-size: 5rem;
	text-transform: uppercase;
	font-family: var(--font-family-3)
}

.inside-contact .lxfs .titleBig .info {
	margin-top: 4rem;
	font-size: 2.4rem;
	line-height: 2.8rem;
	color: #000;
	font-family: var(--font-family-3)
}

.inside-contact .listLxfs li {
	width: 100%;
	border-bottom: 1px #d7d7d9 solid
}

.inside-contact .listLxfs li:last-child {
	border-bottom: none
}

.inside-contact .listLxfs .box {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	padding-top: 2rem;
	padding-bottom: 2rem
}

.inside-contact .listLxfs .icon {
	display: inline-block;
	width: 4rem;
	height: 4rem
}

.inside-contact .listLxfs .icon img {
	max-height: 4rem
}

.inside-contact .listLxfs .text {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	padding: .5rem 0 .5rem 2rem;
	line-height: 3rem;
	position: relative
}

.inside-contact .listLxfs .text .bt {
	color: #333;
	font-size: 2rem;
	font-family: var(--font-family-3)
}

.inside-contact .listLxfs .text .txt {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	padding-left: .6rem
}

.inside-contact .listLxfs a:hover {
	color: var(--sub-color);
	text-decoration: underline
}

.inside-contact .socialMedia {
	margin-top: 4rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.inside-contact .socialMedia .listMedia {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-left: -1rem;
	margin-right: -1rem
}

.inside-contact .socialMedia .listMedia li {
	display: inline-block;
	padding: 0 1rem
}

.inside-contact .socialMedia .listMedia .box {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	cursor: pointer;
	width: 4rem;
	height: 4rem;
	border-radius: .5rem;
	overflow: hidden;
	position: relative
}

.inside-contact .socialMedia .listMedia .box:hover {
	opacity: .8
}

.inside-contact .socialMedia .listMedia .icon {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	width: 3.5rem;
	height: 3.5rem;
	border-radius: 50%;
	background-repeat: no-repeat;
	vertical-align: top
}

.inside-contact .socialMedia .listMedia .icon img {
	max-height: 3rem
}

@media screen and (max-width:1024px) {
	.inside-contact {
		padding-top: 50px
	}
	.inside-contact .lxfs-message {
		display: block;
		padding-bottom: 20px
	}
	.inside-contact .lxfs-message .left {
		width: 100%;
		padding-top: 0;
		padding-right: 0;
		padding-bottom: 40px
	}
	.inside-contact .lxfs-message .right {
		width: 100%
	}
	.inside-contact .lxfs-message .right .titleBig .title {
		font-size: 24px;
		line-height: 1.5
	}
	.inside-contact .lxfs-message .right .titleBig .info {
		margin-top: 20px;
		font-size: 16px;
		line-height: 28px
	}
	.inside-contact .lxfs {
		font-size: 16px;
		line-height: 30px
	}
	.inside-contact .lxfs .titleBig .title {
		font-size: 24px
	}
	.inside-contact .lxfs .titleBig .info {
		margin-top: 20px;
		font-size: 18px;
		line-height: 28px
	}
	.inside-contact .listLxfs .box {
		padding-top: 15px;
		padding-bottom: 15px
	}
	.inside-contact .listLxfs .icon {
		width: 30px;
		height: 30px
	}
	.inside-contact .listLxfs .text {
		padding: 5px 0 5px 10px;
		line-height: 20px
	}
	.inside-contact .listLxfs .text .bt {
		font-size: 16px
	}
	.inside-contact .listLxfs .text .txt {
		padding-left: 5px
	}
	.inside-contact .socialMedia {
		overflow: hidden;
		margin-top: 10px;
		padding-bottom: 10px;
		margin-bottom: 10px;
		text-align: left
	}
	.inside-contact .socialMedia .listMedia {
		display: block
	}
	.inside-contact .socialMedia .listMedia li {
		padding: 0 5px 10px 5px;
		float: left
	}
	.inside-contact .socialMedia .listMedia .box {
		width: 30px;
		height: 30px
	}
	.inside-contact .socialMedia .listMedia .icon {
		width: 30px;
		height: 30px
	}
}

.inside-contact .fromlist {
	padding: 7rem 3.5rem
}

.inside-contact .fromlist .index-title {
	color: #000;
	text-align: left
}

.inside-contact .fromlist ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.inside-contact .fromlist li {
	color: #141414;
	width: 48.7%;
	padding-top: 3rem;
	font-size: 1.6rem
}

.inside-contact .fromlist li .bt {
	padding-bottom: 1rem
}

.inside-contact .fromlist li .bt em {
	color: #f00;
	font-style: normal
}

.inside-contact .fromlist li .bd input,
.inside-contact .fromlist li .bd textarea {
	width: 100%;
	padding: 0 2rem;
	height: 4.2rem;
	line-height: 4rem;
	border: solid 1px #dcdcdc
}

.inside-contact .fromlist li .bd textarea {
	width: 100%;
	height: 14rem;
	line-height: 3rem;
	padding: 1.5rem 2rem
}

.inside-contact .fromlist li .bd-2 {
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.inside-contact .fromlist li .bd-2 span {
	padding-right: 3rem;
	min-width: 18rem;
	padding-top: 2rem
}

.inside-contact .fromlist .li1 {
	width: 100%
}

.inside-contact .fromlist .li1 a {
	color: #000
}

.inside-contact .fromlist .li1 a:hover {
	text-decoration: underline
}

.inside-contact .fromlist .li2 {
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.inside-contact .fromlist .li2 span:first-child {
	width: 77%;
	position: relative
}

.inside-contact .fromlist .li2 input {
	width: 100%;
	color: #666;
	border-radius: .5rem;
	font-size: 1.6rem;
	padding-left: 2rem;
	padding-right: 13rem;
	height: 5.2rem;
	line-height: 5rem;
	border: solid 1px #dcdcdc
}

.inside-contact .fromlist .li2 .code {
	right: 1px;
	top: 1px;
	position: absolute;
	border-left: solid 1px #dcdcdc;
	max-height: 4.9rem;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0
}

.inside-contact .fromlist .check {
	margin-right: 1rem;
	height: 2rem;
	width: 2rem;
	opacity: .5
}

.inside-contact .fromlist .input1 {
	border: 0;
	width: 11rem;
	border-bottom: solid 1px #dcdcdc
}

.inside-contact .fromlist .button {
	text-transform: capitalize
}

.inside-contact .fromlist .button a {
	color: #fff;
	border-radius: .5rem;
	-webkit-transition: all 500ms ease;
	transition: all 500ms ease;
	text-align: center;
	display: inline-block;
	height: 5.2rem;
	line-height: 5.2rem;
	min-width: 14rem;
	background: var(--sub-color)
}

.inside-contact .fromlist .button img {
	border-radius: .5rem;
	max-height: 5rem
}

.inside-contact .fromlist .button:hover a {
	background: var(--main-color)
}

@media (max-width:640px) {
	.inside-contact .lxfs-message .right {
		-webkit-box-shadow: none;
		box-shadow: none;
		width: 100%
	}
	.inside-contact .fromlist {
		padding: 0
	}
	.inside-contact .fromlist li {
		width: 100%
	}
	.inside-contact .fromlist .li2 {
		display: block
	}
	.inside-contact .fromlist .li2 span {
		display: block;
		width: 100% !important
	}
	.inside-contact .fromlist .button {
		margin-top: 20px
	}
}

.history {
	background-position: center top;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative
}

.history .container {
	padding-top: 3rem;
	position: relative
}

.history .index-title {
	color: #fff;
	top: 8rem;
	left: 0;
	position: absolute
}

.history a {
	color: inherit
}

.history .menuTabs .line {
	width: 165.3rem;
	height: 51rem;
	background-position: left top;
	background-repeat: no-repeat;
	background-size: cover;
	position: absolute;
	z-index: 0;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	top: 7rem
}

.history .menuTabs .line span {
	width: 100%;
	height: 100%;
	background-position: left top;
	background-repeat: no-repeat;
	background-size: cover;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	-webkit-transition: .5s;
	transition: .5s
}

.history .menuTabs {
	position: relative
}

.history .menuTabs .swiper-wrapper .swiper-slide {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	width: 16.66666667%
}

.history .menuTabs .year {
	padding-left: 2rem;
	color: #9dadb2;
	line-height: 1;
	font-size: 2.4rem;
	font-weight: 700;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

.history .menuTabs .year .icon {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex
}

.history .menuTabs .year .icon svg {
	fill: #9dadb2;
	margin-top: .6rem;
	width: 2.2rem;
	height: 2.2rem;
	vertical-align: top;
	margin-right: .5rem
}

.history .menuTabs .item {
	cursor: pointer;
	padding-bottom: 0
}

.history .menuTabs .active,
.history .menuTabs .active2 {
	opacity: 1
}

.history .menuTabs .active .year,
.history .menuTabs .active2 .year {
	color: var(--main-color)
}

.history .menuTabs .active .year .icon svg,
.history .menuTabs .active2 .year .icon svg {
	fill: var(--main-color)
}

.history .menuTabs .item-1 {
	padding-top: 33.5rem
}

.history .menuTabs .item-2 {
	padding-top: 25.5rem
}

.history .menuTabs .item-3 {
	padding-top: 19rem
}

.history .menuTabs .item-4 {
	padding-top: 13rem;
	padding-left: 4rem
}

.history .menuTabs .item-5 {
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	padding-top: 7rem
}

.history .menuTabs .item-6 {
	text-align: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	padding-top: 0
}

.history .menuTabs .swiper-button-next,
.history .menuTabs .swiper-button-prev {
	opacity: 1;
	color: #fff;
	z-index: 9;
	top: initial;
	width: 4.5rem;
	height: 4.5rem;
	border-radius: 50%;
	bottom: -20rem;
	background: rgba(20, 184, 236, 0.38)
}

.history .menuTabs .swiper-button-next::after,
.history .menuTabs .swiper-button-prev::after {
	font-weight: 700;
	font-size: 1.6rem
}

.history .menuTabs .swiper-button-prev {
	left: 7rem
}

.history .menuTabs .swiper-button-next {
	right: 7rem
}

.history .conTabs {
	max-width: 1000px;
	margin: 6rem auto 0 auto;
	position: relative;
	z-index: 9
}

.history .conTabs .item {
	display: none
}

.history .conTabs .item.show {
	display: block
}

.history .conTabs .item.show .year{
	animation:1.5s ease scrollArrow;
}
.history .conTabs .item.show div{
	animation:1.5s ease scrollArrow;
}

.history .conTabs .item:hover .picbox {
	opacity: 1
}

.history .conTabs .year {
	font-size: 5.6rem;
	line-height: 6rem;
	font-weight: 700;
	padding-bottom: 2rem
}

.history .conTabs .nr {
	min-height: 30rem;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.history .conTabs .info {
	/*width: 50%;*/
	color: #fff;
	line-height: 1.8;
	font-size: 1.8rem;
	text-align: center
}

.history .conTabs .picbox {
	-webkit-transition: all 500ms ease-in-out;
	transition: all 500ms ease-in-out;
	opacity: 0;
	width: 47.5%
}

.history .conTabs .picbox dt {
	margin: 0 auto;
	width: 45rem;
	height: 29.5rem;
	background-repeat: no-repeat;
	background-position: top center;
	background-size: cover
}

.history .conTabs .picbox dt .pic {
	margin: 0 auto;
	max-width: 32.5rem;
	border: solid .4rem #fff
}

.history .conTabs .picbox dd {
	padding-top: 1rem;
	color: #0f6f7b;
	font-size: 1.8rem;
	text-align: center
}

.history .menuTabsM {
	display: none
}

.history .menuTabsM .list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

.history .menuTabsM .year {
	font-size: 18px;
	font-weight: 700;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

.history .menuTabsM .year .icon {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	width: 30px;
	height: 30px;
	margin-right: 10px
}

.history .menuTabsM .item {
	cursor: pointer;
	padding: 10px 10px;
	opacity: .6
}

.history .menuTabsM .item:hover {
	opacity: .8
}

.history .menuTabsM .item.active {
	opacity: 1
}

.history .conTabsM {
	display: none;
	padding-top: 20px
}

.history .conTabsM .item {
	display: none
}

.history .conTabsM .item.show {
	display: block
}

.history .conTabsM .year {
	font-size: 40px;
	font-weight: 700;
	padding-bottom: 0;
	margin-bottom: 20px;
	text-align: center
}

.history .conTabsM .info {
	font-size: 14px;
	line-height: 1.5
}

@media screen and (max-width:1024px) {
	.history {
		padding-top: 100px;
		padding-bottom: 40px;
		min-height: initial
	}
	.history .index-title {
		top: auto;
		text-align: center;
		font-size: 24px;
		position: relative;
		margin-bottom: 30px
	}
	.history .menuTabs .line {
		display: none
	}
	.history .menuTabs {
		display: none
	}
	.history .menuTabs .swiper-wrapper .swiper-slide {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}
	.history .menuTabs .year {
		font-size: 14px
	}
	.history .menuTabs .year .icon {
		width: 20px;
		height: 20px;
		margin-right: 10px
	}
	.history .menuTabs .item {
		padding-bottom: 20px;
		padding-top: 0 !important
	}
	.history .menuTabs .swiper-button-next,
	.history .menuTabs .swiper-button-prev {
		bottom: -40px
	}
	.history .menuTabs .swiper-button-next::after,
	.history .menuTabs .swiper-button-prev::after {
		font-size: 18px
	}
	.history .menuTabs .swiper-button-prev {
		left: 0
	}
	.history .menuTabs .swiper-button-next {
		right: 0
	}
	.history .conTabsM .nr {
		color: #fff;
		background: transparent
	}
	.history .conTabsM .year {
		color: #fff;
		margin-bottom: 0
	}
	.history .conTabs {
		display: none;
		max-width: 1010px
	}
	.history .conTabs .swiper-slide {
		display: block !important
	}
	.history .conTabs .year {
		font-size: 40px;
		padding-bottom: 30px;
		margin-bottom: 20px
	}
	.history .conTabs .info {
		font-size: 14px;
		line-height: 1.5
	}
	.history .menuTabsM {
		display: block
	}
	.history .menuTabsM .year {
		color: #fff;
		font-weight: 100;
		font-family: arial
	}
	.history .menuTabsM .year .icon {
		display: none;
		vertical-align: top;
		margin-right: 0
	}
	.history .conTabsM {
		display: block
	}
	.history .conTabsM .year {
		font-size: 24px;
		font-family: arial
	}
	.history .conTabsM .nr {
		padding: 20px;
		background: transparent;
		text-align: center
	}
	.history .conTabsM .picbox dt {
		margin-top: 30px;
		background-image: none !important
	}
	.history .conTabsM .picbox dd {
		margin-top: 15px
	}
}

@media screen and (max-width:414px) {
	.history .menuTabsM .list .item {
		width: 25%
	}
}

.advantage {
	position: relative;
	padding: 10rem 0;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: top center
}

.advantage .index-title {
	color: #fff;
	padding-bottom: 1rem
}

.advantage .list ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: 0 -2rem
}

.advantage .list li {
	padding: 0 2rem;
	padding-top: 4rem;
	width: 33.333%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.advantage .list li .item {
	background: #fff;
	min-height: 100%;
	text-align: center;
	border-radius: 1.5rem;
	padding: 4rem;
	transition:all 500ms ease-in-out;
}

.advantage .list li .icon img {
	max-height: 7rem;
	transition:all 500ms ease-in-out;
}

.advantage .list li .tit {
	color: #000;
	font-size: 2.4rem;
	margin: 2rem 0;
	font-family: var(--font-family-3)
}

.advantage .list li .txt{
	font-size:1.8rem;
}

.advantage .list li:hover .item{
	 background:rgba(255,255,255,0.8);
}
.advantage .list li:hover .icon img{
	transform:scale(1.1);
}

@media (max-width:1024px) {
	.advantage {
		padding: 50px 0
	}
	.advantage .list li {
		width: 50%
	}
	.advantage .list li .item {
		padding: 20px
	}
	.advantage .list li .tit {
		margin: 10px 0
	}
}

@media (max-width:640px) {
	.advantage .list li {
		width: 100%
	}
}

.honor {
	position: relative;
	padding-top: 10rem;
	padding-bottom: 12rem;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: top center
}

.honor .index-title {
	color: #000;
	text-align: left
}

.honor .text {
	color: #000;
	font-size: 1.8rem
}

.honor .text p {
	padding-top: 2rem
}

.honor .list-2 {
	padding-top: 4rem
}

.honor .list-2 ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: 0 -2rem
}

.honor .list-2 li {
	padding: 0 2rem
}

.honor .list-2 li .item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	color: var(--sub-color)
}

.honor .list-2 li .item .txt {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.honor .list-2 li .item .txt img {
	max-height: 6rem;
	margin-right: 1rem
}

.honor .list-2 li .item .line {
	margin: 0 -1rem
}

.honor .list-2 li .item .line img {
	max-height: 10rem
}

@media (max-width:1024px) {
	.honor li {
		width: 50%;
		font-size: 12px
	}
}

.honor {
	overflow: hidden
}

.honor .bd {
	position: relative
}

.honor .bd:after {
	content: "";
	bottom: 2rem;
	left: 0;
	width: 100%;
	height: 16rem;
	position: absolute;
	background: url(../images/bg-4.png) no-repeat bottom center;
	background-size: cover
}

.honor .bd .container {
	max-width: 192rem
}

.honor .bd .wrap {
	margin-top: 4rem;
	position: relative
}

.honor .bd .nr {
	margin-top: 7rem;
	position: relative
}

.honor .bd .menuTabs {
	text-align: center
}

.honor .bd .menuTabs ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.honor .bd .menuTabs li {
	padding: 0 1.5rem
}

.honor .bd .menuTabs li .box {
	color: #333;
	min-width: 21rem;
	font-size: 2rem;
	padding: 0 1.5rem;
	text-align: center;
	display: block;
	height: 5.4rem;
	line-height: 5.2rem;
	border: solid 1px #333;
	border-radius: 3rem
}

.honor .bd .menuTabs .active .box {
	color: #fff;
	background: var(--sub-color);
	border-color: var(--sub-color)
}

.honor .conTabs .item {
	display: none
}

.honor .conTabs .item.show {
	display: block
}

.honor .list {
	padding-bottom: 7rem
}

.honor .list .box {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	color: var(--main-color)
}

.honor .list .pic {
	width: 43%
}

.honor .list .picC {
	position: relative;
	-webkit-box-shadow: 0 0 2rem rgba(0, 0, 0, 0.1);
	box-shadow: 0 0 2rem rgba(0, 0, 0, 0.1)
}

.honor .list .text {
	width: 55%;
	padding-top: 1.5rem;
	color: var(--sub-color);
	padding-left: 6rem
}

.honor .list .icon {
	display: block;
	width: 2.4rem;
	height: 2rem;
	background: url(../images/mark-1.png) no-repeat center center;
	background-size: cover;
	margin-bottom: 2rem
}

.honor .list .title {
	padding-bottom: 4rem;
	position: relative
}

.honor .list .icon-2 {
	display: block;
	width: 2.4rem;
	height: 2rem;
	background: url(../images/mark-2.png) no-repeat center center;
	background-size: cover;
	position: absolute;
	bottom: 2rem;
	right: 0
}

.honor .list .titleC {
	margin-bottom: 1rem;
	font-size: 2.8rem;
	line-height: 4.2rem;
	font-family: var(--font-family-3)
}

.honor .list .info {
	margin-top: 2rem;
	line-height: 3rem
}

.honor .swiper-button-next,
.honor .swiper-button-prev {
	width: 8rem;
	height: 8rem;
	border-radius: 50%;
	-webkit-transition: all 500ms ease-in-out;
	transition: all 500ms ease-in-out;
	border: 1px rgba(117, 117, 117, 0.4) solid;
	color: #666;
	position: static;
	margin: 0;
	-webkit-transform: translate(0, 0);
	transform: translate(0, 0)
}

.honor .swiper-button-next::after,
.honor .swiper-button-prev::after {
	font-size: 1.8rem
}

.honor .swiper-button-next:hover,
.honor .swiper-button-prev:hover {
	border-color: var(--sub-color);
	background: var(--sub-color);
	color: #fff
}

.honor .swiper-button-next {
	margin-left: 4rem
}

.honor .swiper-slide-active img {
	-webkit-box-shadow: 0 0 2rem 0 rgba(0, 0, 0, 0.1);
	box-shadow: 0 0 2rem 0 rgba(0, 0, 0, 0.1)
}

.honor .swiper-pagination-fraction {
	width: 11rem;
	background: #f7f6f6;
	bottom: 3rem;
	left: auto;
	right: 0;
	color: var(--sub-color);
	background: -webkit-gradient(linear, left top, left bottom, from(#f3f2f2), to(#fbfafa));
	background: linear-gradient(to bottom, #f3f2f2, #fbfafa)
}

.honor .swiper-pagination-fraction span:before {
	content: "0"
}

.honor .swiper-container-initialized .list {
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap
}

.honor .btnDiv {
	max-width: 130rem;
	margin: auto;
	margin-top: 2rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	position: relative
}

.honor .btnDiv::after {
	content: "";
	display: block;
	background: rgba(117, 117, 117, 0.4);
	width: 62vw;
	height: .1rem;
	position: absolute;
	top: 50%;
	left: 23rem
}

.honor .swiper-pagination-number {
	background: #fff;
	padding: 0 3rem;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	right: 0
}

@media (max-width:1024px) {
	.honor {
		padding: 50px 0
	}
}

@media (max-width:640px) {
	.honor .list .icon-2 {
		display: none
	}
	.honor .list .title {
		padding-bottom: 0
	}
	.honor .list .info {
		margin-top: 0;
		line-height: 20px
	}
	.honor .list .titleC {
		height: auto;
		font-size: 18px;
		line-height: 24px
	}
	.honor .list .text {
		overflow: auto;
		padding-left: 20px
	}
	.honor .bd .menuTabs li {
		padding: 0 5px
	}
	.honor .bd .menuTabs li .box {
		min-width: auto;
		padding: 0 5px
	}
}

.inside-about {
	position: relative;
	padding: 10rem 0 6rem 0;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: top center
}

.inside-about .list {
	position: relative;
	padding-bottom: 6rem;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.inside-about .list .left {
	width: 46%;
	color: #333;
	line-height: 3.2rem;
	font-size: 1.8rem
}

.inside-about .list .left .en {
	left: -20rem;
	top: -5rem;
	font-size: 10rem;
	line-height: 10rem;
	position: absolute;
	color: transparent;
	font-family: var(--font-family-5);
	-webkit-text-stroke: #e1e1e1 1px
}

.inside-about .list .left .title {
	z-index: 5;
	position: relative;
	font-weight: normal;
	color: var(--sub-color);
	font-size: 7.2rem;
	line-height: 8rem;
	font-family: var(--font-family-5)
}

.inside-about .list .left .text {
	overflow: auto;
	height: 43rem
}

.inside-about .list .left .text p {
	margin-top: 2rem
}

.inside-about .list .right {
	width: 51.8%;
	position: relative
}

.inside-about .list .right .videobtn {
	z-index: 3;
	left: -4rem;
	bottom: -5rem;
	width: 10rem;
	height: 10rem;
	position: absolute;
	background: var(--sub-color)
}

.inside-about .list .right .videobtn i {
	top: 50%;
	left: 50%;
	z-index: 4;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	position: absolute;
	border-left: solid 2rem #fff;
	border-top: solid 1rem transparent;
	border-bottom: solid 1rem transparent
}

.inside-about .index-numlist {
	color: #333;
	padding-bottom: 0;
	background: transparent
}

.inside-about .index-numlist li:before {
	display: none
}

.inside-about .index-numlist li p:first-child {
	color: var(--sub-color)
}

@media (max-width:1024px) {
	.inside-about {
		padding: 50px 0
	}
	.inside-about .list {
		padding-bottom: 20px;
		display: block
	}
	.inside-about .list .left {
		width: 100%
	}
	.inside-about .list .left .text {
		height: auto
	}
	.inside-about .list .left .en {
		display: none
	}
	.inside-about .list .left .title {
		font-size: 30px;
		line-height: 40px
	}
	.inside-about .list .right {
		width: 100%;
		margin-top: 30px
	}
	.inside-about .list .right .videobtn {
		top: 50%;
		left: 50%;
		bottom: auto;
		position: absolute;
		-webkit-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%)
	}
}

.inside-list {
	position: relative;
	padding-top: 10rem
}

.inside-list .container {
	max-width: 192rem
}

.inside-list .picMarquee-top {
	overflow: hidden;
	position: relative
}

.inside-list .picMarquee-top .bd .tempWrap {
	height: 100% !important
}

.inside-list .picMarquee-top .bd ul {
	overflow: hidden;
	zoom: 1
}

.inside-list .picMarquee-top .bd ul li {
	padding: 0 1rem;
	text-align: center;
	zoom: 1;
	width: 48.3rem
}

.inside-list .picMarquee-top .bd ul li .item {
	position: relative
}

.inside-list .picMarquee-top .bd ul li .pic {
	border-radius: 2rem;
	overflow: hidden;
	position: relative
}

.inside-list .picMarquee-top .bd ul li .pic img {
	-webkit-transition: all 700ms ease;
	transition: all 700ms ease
}

.inside-list .picMarquee-top .bd ul li .pic:after {
	content: "";
	display: block;
	padding-bottom: 68.11594203%
}

.inside-list .picMarquee-top .bd ul li:hover .tit {
	opacity: 0
}

.inside-list .picMarquee-top .bd ul li:hover .pic img {
	-webkit-transform: scale(1.1);
	transform: scale(1.1)
}

.inside-list .pic2 {
	margin-top: 2rem
}

.inside-list .pic2 .bd ul li {
	width: 48rem
}

.inside-list .pic2 .bd ul li .pic:after {
	padding-bottom: 68.75%
}

.inside-list .tabnav {
	margin: 0 auto;
	max-width: 102rem
}

.inside-list .tabnav ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	border-bottom: solid 1px #e8e8e8
}

.inside-list .tabnav li a {
	color: #000;
	font-size: 2.2rem;
	padding-bottom: 1.5rem;
	font-family: var(--font-family-3);
	display: inline-block;
	position: relative
}

.inside-list .tabnav li a:after {
	left: 50%;
	bottom: -2px;
	content: "";
	width: 0;
	height: 2px;
	position: absolute;
	-webkit-transition: all 500ms ease;
	transition: all 500ms ease;
	background: var(--sub-color)
}

.inside-list .tabnav .active a {
	color: var(--sub-color)
}

.inside-list .tabnav .active a:after {
	width: 100%;
	left: 0
}

.inside-list .tab-box {
	margin-top: 7rem
}

.inside-list .tabcot {
	display: none
}

.inside-list .tabcot.show {
	display: block
}

@media (max-width:1024px) {
	.inside-list {
		padding-top: 40px;
		padding-bottom: 0
	}
	.inside-list .tab-box {
		margin-top: 30px
	}
	.inside-list .tabnav {
		max-width: 100%
	}
	.inside-list .picMarquee-top .bd ul li {
		width: 200px
	}
	.inside-list .picMarquee-top .bd ul li .pic:after {
		padding-bottom: 68.5%
	}
	.inside-list .pic2 .bd ul li {
		width: 200px
	}
	.inside-list .pic2 .bd ul li .pic:after {
		padding-bottom: 68.5%
	}
}

.mission {
	position: relative
}

.mission .index-title {
	color: #000
}

.mission .list li {
	width: 50%
}

.mission .list li .item {
	-webkit-box-shadow: 0 0 3rem rgba(7, 52, 142, 0.14);
	box-shadow: 0 0 3rem rgba(7, 52, 142, 0.14)
}

@media (max-width:1024px) {
	.mission .list li {
		width: 100%
	}
}

.inside-proshow {
	padding-top: 2rem;
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(156, 166, 177, 0.39)), color-stop(#fff), color-stop(#fff), color-stop(#fff), color-stop(#fff), color-stop(#fff), color-stop(#fff), color-stop(#fff), color-stop(#fff), color-stop(#fff), color-stop(#fff), color-stop(#fff), color-stop(#fff), color-stop(#fff), to(#fff));
	background: linear-gradient(to bottom, rgba(156, 166, 177, 0.39), #fff, #fff, #fff, #fff, #fff, #fff, #fff, #fff, #fff, #fff, #fff, #fff, #fff, #fff)
}

.inside-proshow .inside-current {
	font-size: 1.6rem;
	color: #4b4b4b
}

.inside-proshow .inside-current a {
	color: #4b4b4b
}

.inside-proshow .inside-current a:hover {
	color: var(--sub-color)
}

.inside-proshow .list {
	margin-top: 4rem;
	max-width: 192rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.inside-proshow .list .left {
	width: 43.6%;
	position: relative
}

.inside-proshow .list .left .pic {
	position: relative
}

.inside-proshow .list .left .pic:after {
	content: "";
	display: block;
	padding-bottom: 78.31325301%
}

.inside-proshow .list .left .swiper-button-prev,
.inside-proshow .list .left .swiper-button-next {
	-webkit-transition: all 500ms ease-in-out;
	transition: all 500ms ease-in-out;
	color: #8b8b8b
}

.inside-proshow .list .left .swiper-button-prev:after,
.inside-proshow .list .left .swiper-button-next:after {
	font-size: 4rem
}

.inside-proshow .list .left .swiper-button-prev:hover,
.inside-proshow .list .left .swiper-button-next:hover {
	color: var(--sub-color)
}

.inside-proshow .list .left .swiper-button-prev {
	left: 4rem
}

.inside-proshow .list .left .swiper-button-next {
	right: 4rem
}

.inside-proshow .list .right {
	width: 56%;
	padding-left: 5rem;
	padding-right: 18rem
}

.inside-proshow .list .right .title {
	font-size: 3.6rem;
	font-weight: normal;
	color: var(--sub-color);
	font-family: var(--font-family-3)
}

.inside-proshow .list .right .text p {
	padding-top: 1.5rem;
	line-height: 3rem
}

.inside-proshow .list .right .text strong {
	color: #000
}

.inside-proshow .list .right .button {
	margin-top: 3rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.inside-proshow .list .right .button svg {
	margin-left: .5rem;
	margin-bottom: .6rem;
	vertical-align: middle;
	color: #000;
	width: 3rem;
	height: 3rem
}

.inside-proshow .list .right .button a {
	color: #000;
	text-align: center;
	min-width: 26.6rem;
	line-height: 6rem;
	border-radius: 4rem;
	padding: 0 1rem;
	display: inline-block;
	background: #d7d8de;
	margin-right: 2rem;
	-webkit-transition: all 500ms ease-in-out;
	transition: all 500ms ease-in-out;
	font-family: var(--font-family-3)
}

.inside-proshow .list .right .button a:hover {
	color: #fff;
	background: var(--sub-color)
}

.inside-proshow .list .right .button a:hover svg {
	fill: #fff;
	-webkit-transition: all 500ms ease-in-out;
	transition: all 500ms ease-in-out
}

@media (max-width:1024px) {
	.inside-proshow {
		padding: 100px 0 50px 0
	}
	.inside-proshow .list {
		display: block;
		max-width: 640px;
		padding: 0 20px;
		margin: 0 auto
	}
	.inside-proshow .list .left {
		width: 100%
	}
	.inside-proshow .list .right {
		margin-top: 30px;
		width: 100%;
		padding-left: 0;
		padding-right: 0
	}
	.inside-proshow .list .right .button {
		display: block
	}
	.inside-proshow .list .right .button a {
		margin-top: 10px
	}
}

@media (max-width:480px) {
	.inside-proshow .list .right .button a {
		min-width: 100%
	}
}

.anchor {
	position: absolute;
	top: 1px;
	height: 1px;
	top: -15rem
}

.inside-proshow-2 {
	background: #fff;
	top: 12rem;
	left: 0;
	width: 100%;
	z-index: 99;
	position: -webkit-sticky;
	position: sticky;
	height: 9rem;
	line-height: 9rem
}

.inside-proshow-2 ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.inside-proshow-2 li {
	font-size: 2rem
}

.inside-proshow-2 li a {
	display: block;
	color: #051121;
	font-weight: 700;
	position: relative
}

.inside-proshow-2 li a:after {
	left: 50%;
	bottom: -1px;
	content: "";
	width: 0;
	height: .3rem;
	position: absolute;
	background: var(--sub-color)
}

.inside-proshow-2 li:first-child {
	margin-left: 0
}

.inside-proshow-2 .active a::after {
	left: 0;
	width: 100%
}

@media (max-width:1024px) {
	.inside-proshow-2 {
		height: auto;
		top: auto;
		left: auto;
		position: relative;
		padding-bottom: 40px;
		line-height: 40px
	}
	.inside-proshow-2 li {
		margin-left: 0;
		width: 33.333%
	}
	.inside-proshow-2 li a {
		padding: 0;
		text-align: left
	}
}

@media (max-width:640px) {
	.inside-proshow-2 li {
		width: 50%
	}
}

.inside-nr-1 {
	position: relative;
	padding: 10rem 0 0 0;
	background: #f5f5f5
}

.inside-nr-1 .list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.inside-nr-1 .list .t-1 {
	padding-left: 3rem;
	margin-top: 2rem;
	position: relative
}

.inside-nr-1 .list .t-1:before {
	top: .7rem;
	left: 0;
	content: "";
	width: 1rem;
	height: 1rem;
	position: absolute;
	background: var(--sub-color)
}

@media (max-width:1024px) {
	.inside-nr-1 {
		padding: 50px 0
	}
	.inside-nr-1 .list {
		display: block
	}
	.inside-nr-1 .list .left {
		padding-top: 20px;
		padding-bottom: 30px
	}
}

.inside-nr-2 {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: top center;
	position: relative;
	padding: 10rem 0
}

.inside-nr-2 .table {
	margin-top: 6rem
}

.inside-nr-2 .table table,
.inside-nr-2 .table tr,
.inside-nr-2 .table td {
	border: 0
}

.inside-nr-2 .table td {
	padding-top: 1.5rem;
	padding-bottom: 1.5rem;
	background: #eee;
	border-bottom: solid .2rem #fff;
	border-left: solid .2rem #fff
}

.inside-nr-2 .table td:nth-child(1),
.inside-nr-2 .table td:nth-child(3) {
	color: #fff;
	width: 17%;
	padding-left: 4rem;
	background: #263c92;
	font-family: var(--font-family-3)
}

.inside-nr-2 .table td:nth-child(2),
.inside-nr-2 .table td:nth-child(4) {
	width: 33%;
	padding-left: 11rem
}

@media (max-width:1024px) {
	.inside-nr-2 {
		padding: 50px 0
	}
	.inside-nr-2 .table {
		overflow-x: auto;
		-webkit-overflow-scrolling: touch
	}
	.inside-nr-2 .table table {
		width: 1200px
	}
	.inside-nr-2 .table td {
		padding-left: 30px !important
	}
}

.inside-nr-3 {
	padding: 10rem 0;
	position: relative;
	background: #f5f5f5
}

.inside-nr-3 .box {
	margin-top: 5rem
}

.inside-nr-3 .list {
	margin-top: 1.6rem
}

.inside-nr-3 .list ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: 0 -0.8rem
}

.inside-nr-3 .list li {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding: 0 .8rem;
	width: 26%
}

.inside-nr-3 .list li .item {
	padding: 3rem;
	text-align: center;
	width: 100%;
	min-height: 100%;
	background: #fff
}

.inside-nr-3 .list li .bt {
	margin-bottom: 3rem;
	color: var(--sub-color);
	font-size: 2.8rem;
	text-transform: uppercase;
	font-family: var(--font-family-5)
}

.inside-nr-3 .list li .bt-2 {
	color: #141414;
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	padding-bottom: 1rem;
	font-size: 1.8rem
}

.inside-nr-3 .list li .bt-2:before {
	content: "";
	width: 1.8rem;
	height: 1.8rem;
	margin-right: 1rem;
	display: inline-block;
	background: #141414
}

.inside-nr-3 .list li:last-child {
	width: 48%
}

@media (max-width:1024px) {
	.inside-nr-3 {
		padding: 50px 0
	}
	.inside-nr-3 .list li {
		padding-bottom: 1.6rem;
		width: 50% !important
	}
	.inside-nr-3 .list li:last-child {
		width: 100% !important
	}
}

@media (max-width:480px) {
	.inside-nr-3 .list li {
		width: 100% !important
	}
}

.inside-nr-4 {
	padding: 10rem 0;
	background: #f5f5f5
}

.inside-nr-4 .index-title {
	text-align: left
}

.inside-nr-4 .wenan {
	line-height: 3.2rem;
	padding-top: 3rem
}

.inside-nr-4 .list {
	position: relative
}

.inside-nr-4 .list .item {
	background: #fff;
	-webkit-transition: all 500ms ease-in-out;
	transition: all 500ms ease-in-out
}

.inside-nr-4 .list .pic:after {
	content: "";
	padding-bottom: 60%
}

.inside-nr-4 .list .title-1 {
	font-size: 2rem
}

.inside-nr-4 .list .title-2 {
	font-size: 1.6rem;
	height: 8.4rem;
	line-height: 2.8rem;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
	-webkit-line-clamp: 3
}

.inside-nr-4 .swiper-button-prev,
.inside-nr-4 .swiper-button-next {
	width: 4.5rem;
	height: 4.5rem;
	border-radius: 50%;
	line-height: 4.5rem;
	text-align: center;
	color: #fff;
	-webkit-transition: all 334ms ease-in-out;
	transition: all 334ms ease-in-out;
	background: var(--main-color)
}

.inside-nr-4 .swiper-button-prev:after,
.inside-nr-4 .swiper-button-next:after {
	font-size: 2rem
}

.inside-nr-4 .swiper-button-prev:hover,
.inside-nr-4 .swiper-button-next:hover {
	background: var(--sub-color)
}

.inside-nr-4 .swiper-button-prev {
	left: -7rem
}

.inside-nr-4 .swiper-button-next {
	right: -7rem
}

.inside-nr-4 .inside-prev-next {
	position: relative
}

.inside-nr-4 .inside-prev-next ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.inside-nr-4 .inside-prev-next li {
	width: 40%;
	font-size: 1.8rem;
	padding-left: 7rem
}

.inside-nr-4 .inside-prev-next li:first-child {
	padding-left: 0
}

.inside-nr-4 .inside-prev-next .fh {
	top: 0;
	left: 50%;
	width: 20%;
	font-size: 2rem;
	line-height: 6.9rem;
	border-left: solid 1px #e1e1e1;
	border-right: solid 1px #e1e1e1;
	text-align: center;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	position: absolute
}

.inside-nr-4 .inside-prev-next .fh a {
	color: #2d3132
}

.inside-nr-4 .inside-prev-next .fh a:hover {
	color: var(--sub-color)
}

@media (max-width:1024px) {
	.inside-nr-4 .inside-prev-next li {
		width: 100%;
		padding-left: 0
	}
	.inside-nr-4 .inside-prev-next .fh {
		display: none
	}
}

@media (min-width:1025px) {
	.inside-nr-4 .list .item:hover {
		background: var(--sub-color)
	}
	.inside-nr-4 .list .item:hover .title-1,
	.inside-nr-4 .list .item:hover .title-2,
	.inside-nr-4 .list .item:hover .read-more {
		color: #fff
	}
}

@media (max-width:1024px) {
	.inside-nr-4 .swiper-button-prev,
	.inside-nr-4 .swiper-button-next {
		top: 25%
	}
	.inside-nr-4 .swiper-button-prev {
		left: 20px
	}
	.inside-nr-4 .swiper-button-next {
		right: 20px
	}
}

.inside-tag {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 4rem 0
}

.inside-tag .bt {
	color: #333;
	font-weight: 700;
	padding-right: 1rem
}

.inside-tag .txt a {
	color: #fff;
	margin-right: 1rem;
	padding: 0 2rem;
	display: inline-block;
	border-radius: 3rem;
	line-height: 4rem;
	background: var(--sub-color);
	-webkit-transition: all 500ms ease-in-out;
	transition: all 500ms ease-in-out
}

.inside-tag .txt a:hover {
	background: var(--main-color)
}

@media (max-width:1024px) {
	.inside-tag {
		display: block
	}
	.inside-tag .txt a {
		margin-top: 10px
	}
}

.inside-prev-next {
	border-top: solid .1rem #d6d6d6;
	border-bottom: solid .1rem #d6d6d6
}

.inside-prev-next li {
	color: #222;
	overflow: hidden;
	height: 7rem;
	line-height: 6.9rem;
	border-top: solid 1px #ececec
}

.inside-prev-next li span {
	font-weight: 700;
	display: inline-block;
	position: relative
}

.inside-prev-next li span:after {
	content: "";
	margin: 0 2rem;
	display: inline-block;
	vertical-align: middle;
	border-left: solid .5rem transparent;
	border-right: solid .5rem transparent;
	border-bottom: solid .6rem #666
}

.inside-prev-next li:hover a {
	color: var(--sub-color)
}

.inside-prev-next li:first-child {
	border-top: 0
}

.inside-prev-next li:last-child span:after {
	border-bottom: 0;
	border-left: solid .5rem transparent;
	border-right: solid .5rem transparent;
	border-top: solid .6rem #666
}

@media (max-width:1024px) {
	.inside-prev-next {
		margin-top: 0
	}
	.inside-prev-next li {
		overflow: hidden;
		height: 50px;
		padding: 0 0;
		line-height: 49px
	}
	.inside-prev-next li a {
		padding-left: 20px
	}
	.inside-prev-next li span:after {
		display: none
	}
}

.inside-back {
	margin-top: 3rem
}

.inside-back a {
	color: #2d3132;
	font-size: 2rem;
	background: #efefef;
	padding: 0 4rem;
	line-height: 4.6rem;
	display: inline-block;
	-webkit-transition: all 334ms ease-in-out;
	transition: all 334ms ease-in-out
}

.inside-back a:hover {
	color: #fff;
	background: var(--sub-color)
}

.inside-prowrap .left .text-input input {
	padding-left: 3rem;
}

.classifyPro .list .list .cur {
	background: var(--sub-color) !important;
}

.index-message .form li .text-input input {
	font-size: 1.6rem;
}

.history .menuTabs .swiper-button-next,
.history .menuTabs .swiper-button-prev {
	z-index: 20;
}

.banner .text-2{
    top:19rem;
    transform:translate(0);
}
.banner .nr-2{
    width:100%;
    float:none;
    text-align:center;
}

.banner .nr-2 .t-1{
    line-height:10rem;
}

.banner .nr-3{
    float:none;
}
.banner .nr-3 .t-2{
    margin-bottom:8rem;
}


@media(max-width:1024px){
    .banner .text-2{
        top:70px;
    }
    .banner .nr-2 .t-1{
        padding-left:0;
        line-height:50px;
        
    }
    
    .banner .nr-3 .t-1{
        padding-left:0;
    }
    
}

@media(max-width:767px){
    .banner .text-2{
        top:30px;
    }
    .banner .nr-2 .t-1{
        padding-left:0;
        font-size:20px;
        line-height:30px;
        
    }
}