.index-title {
	display: flex;
	justify-content: center;
	flex-direction: column;
	align-items: center;
	margin-bottom: 30px
}

.index-title h3 {
	font-size: 40px;
	color: #e15d26;
	margin-bottom: 10px
}

.index-title p {
	font-size: 18px;
	color: #000
}

.ViewMore {
	display: grid;
	justify-content: center;
	align-content: center;
	margin-top: 30px
}

.ViewMore a {
	font-size: 16px;
	color: #e15d26;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	border: 1px solid #e15d26;
	border-radius: 50px;
	padding: 10px 20px
}

.ViewMore a i {
	margin-left: 10px;
	font-size: 18px;
	transition: .5s all
}

.ViewMore:hover a {
	background: #e15d26;
	color: #fff
}

.ViewMore:hover a i {
	transform: translateX(5px);
	color: #fff
}

.index-section1 {
	padding: 54px 0 40px 0
}

.index-section1 .pro-cat-list .ul li {
	height: 100%
}

.index-section1 .pro-cat-list .ul li a {
	display: flex;
	position: relative;
	flex-direction: column;
	align-items: center;
	justify-content: space-evenly;
	height: 100%
}

.index-section1 .pro-cat-list .ul li a .info {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	transform: translateY(0);
	transition: .4s all
}

.index-section1 .pro-cat-list .ul li a .info h3 {
	color: #000;
	font-size: 36px
}

.index-section1 .pro-cat-list .ul li a .info p {
	color: #363636;
	font-size: 16px;
	margin: 10px 0 20px 0
}

.index-section1 .pro-cat-list .ul li a .info i {
	font-size: 18px;
	color: #e15d26;
	border-bottom: 1px solid #e15d26;
	font-style: normal
}

.index-section1 .pro-cat-list .ul li a .img img {
	transform: scale(1);
	transition: .5s all
}

.index-section1 .pro-cat-list .ul li a .moreinfo {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	padding: 3%;
	background: rgba(225, 93, 38, 0.9);
	transform: scale(1.2);
	opacity: 0
}

.index-section1 .pro-cat-list .ul li a .moreinfo .border {
	border: 1px solid #fff;
	width: 100%;
	height: 100%;
	padding: 5%;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column
}

.index-section1 .pro-cat-list .ul li a .moreinfo .border h3 {
	color: #fff;
	font-size: 30px
}

.index-section1 .pro-cat-list .ul li a .moreinfo .border p {
	font-size: 16px;
	color: #fff;
	line-height: 30px;
	margin: 0;
	text-align: center
}

.index-section1 .pro-cat-list .ul li a .moreinfo .border i {
	padding: 6px 20px;
	border: 1px solid #fff;
	font-size: 16px;
	color: #fff;
	font-style: normal;
	border-radius: 50px
}

.index-section1 .pro-cat-list .ul li a:hover .info {
	transform: translateY(-20px);
	opacity: 0
}

.index-section1 .pro-cat-list .ul li a:hover .img img {
	transform: scale(1.09)
}

.index-section1 .pro-cat-list .ul li a:hover .moreinfo {
	transform: scale(1);
	opacity: 1;
	transition: .4s all
}

.index-section1 .pro-cat-list .ul1 li {
	height: 636px;
	background: url(../images/bg-index-pro01.jpg) no-repeat center;
	background-size: cover;
	overflow: hidden
}

.index-section1 .pro-cat-list .ul2 li {
	height: 310px;
	background: url(../images/bg-index-pro02.jpg) no-repeat center;
	background-size: cover;
	overflow: hidden
}

.index-section1 .pro-cat-list .ul2 li:last-child {
	margin-top: 14px;
	background: url(../images/bg-index-pro03.jpg) no-repeat center;
	background-size: cover
}

.index-section1 .pro-cat-list .ul2 li a {
	flex-direction: row;
	justify-content: space-between
}

.index-section1 .pro-cat-list .ul2 li a .info {
	padding: 5%;
	height: 100%;
	justify-content: flex-start;
	align-items: flex-start
}

.index-section1 .pro-cat-list .ul2 li a .img {
	width: 50%;
	padding: 2%;
	text-align: right
}

@keyframes pro-list {
	from {
		transform: translateY(20px)
	}

	to {
		transform: translateY(0)
	}
}

@-moz-keyframes pro-list {
	from {
		transform: translateY(20px)
	}

	to {
		transform: translateY(0)
	}
}

@-webkit-keyframes pro-list {
	from {
		transform: translateY(20px)
	}

	to {
		transform: translateY(0)
	}
}

@-o-keyframes pro-list {
	from {
		transform: translateY(20px)
	}

	to {
		transform: translateY(0)
	}
}

.index-section2 {
	padding: 40px 0;
	background: #f5f5f5
}

.index-section2 .cat-list {
	overflow: hidden
}

.index-section2 .cat-list li {
	overflow: hidden
}

.index-section2 .cat-list li a {
	position: relative
}

.index-section2 .cat-list li a .info {
	position: absolute;
	left: 0;
	bottom: 0;
	padding: 14px;
	width: 100%;
	height: 15%;
	background: rgba(0, 0, 0, 0.5);
	backdrop-filter: blur(10px);
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	transition: .4s all;
	z-index: 9
}

.index-section2 .cat-list li a .info h3 {
	font-size: 24px;
	color: #fff
}

.index-section2 .cat-list li a .info p {
	color: #fff;
	line-height: 30px;
	margin: 30px 0;
	display: none
}

.index-section2 .cat-list li a .info i {
	padding: 10px 20px;
	font-size: 14px;
	color: #fff;
	background: #e15d26;
	border-radius: 50px;
	font-style: normal;
	display: none
}

.index-section2 .cat-list li a .img-position {
	padding-top: 90%
}

.index-section2 .cat-list li a .img-position img {
	transition: .5s all
}

.index-section2 .cat-list li a:hover .info {
	height: 100%
}

.index-section2 .cat-list li a:hover .info p,
.index-section2 .cat-list li a:hover .info i {
	display: block
}

.index-section2 .cat-list li a:hover .img img {
	transform: scale(1.09)
}

.index-section3 {
	padding: 60px 0
}

.index-section3 .index-title {
	margin-bottom: 50px
}

.index-section3 .list .item {
	height: 100%;
	background: #fcfcfc;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	flex-direction: column;
	transition: .5s all;
	padding: 60px 20px;
	position: relative;
	bottom: 0
}

.index-section3 .list .item i {
	font-size: 70px;
	color: #e15d26;
	display: block;
	height: 70px;
	line-height: 70px
}

.index-section3 .list .item h4 {
	font-size: 30px;
	color: #000;
	margin: 20px 0 10px 0
}

.index-section3 .list .item p {
	font-size: 18px;
	color: #595959;
	text-align: center
}

.index-section3 .list .item:hover {
	background: #e15d26;
	bottom: 10px
}

.index-section3 .list .item:hover i,
.index-section3 .list .item:hover h4,
.index-section3 .list .item:hover p {
	color: #fff
}

.index-section4 {
	padding: 110px 0 30px 0;
	background: url(../images/bg-index-about.jpg) no-repeat center top;
	background-size: contain
}

.index-section4 .grWidth2 {
	background: url(../images/bg-index-about2.jpg) no-repeat center;
	background-size: cover;
	padding: 30px 40px
}

.index-section4 .cont-box {
	display: flex;
	justify-content: space-between;
	align-items: flex-start
}

.index-section4 .cont-box .aboutTxt .info {
	font-size: 16px;
	color: #1d1d1d;
	line-height: 30px
}

.index-section4 .cont-box .aboutTxt .ys li h4 {
	font-size: 36px;
	color: #e15d26
}

.index-section4 .cont-box .aboutTxt .ys li h4 sup {
	font-size: 18px;
	top: -1.2em
}

.index-section4 .cont-box .aboutTxt .ys li p {
	font-size: 18px;
	color: #767575
}

.index-section4 .cont-box .aboutTxt .ViewMore {
	justify-content: flex-start
}

.index-section4 .cont-box .aboutVideo {
	position: relative;
	cursor: pointer
}

.index-section4 .cont-box .aboutVideo img {
	width: 100%;
	height: 100%
}

.index-section4 .cont-box .aboutVideo span {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0
}

.index-section4 .cont-box .aboutVideo span i {
	font-size: 50px;
	color: #fff;
	transform: scale(1);
	transition: .5s all
}

.index-section4 .cont-box .aboutVideo:hover span i {
	transform: scale(1.09);
	color: #e15d26
}

.index-section5 {
	padding: 40px 0
}

.index-section5 .list .item1 li .img-position {
	padding-top: 55%;
	overflow: hidden
}

.index-section5 .list .item1 li .info {
	margin-top: 20px
}

.index-section5 .list .item1 li .info h4 {
	font-size: 16px;
	color: #000
}

.index-section5 .list .item1 li .info p {
	font-size: 14px;
	color: #999999;
	margin: 10px 0 20px 0
}

.index-section5 .list .item1 li .info span {
	display: inline-flex;
	align-items: center;
	padding: 6px 20px;
	border: 1px solid #e15d26;
	border-radius: 50px
}

.index-section5 .list .item1 li .info span i {
	font-size: 20px;
	margin-left: 6px;
	transform: translateX(0);
	transition: .5s all
}

.index-section5 .list .item1 li:hover .img-position img {
	transform: scale(1.09)
}

.index-section5 .list .item1 li:hover h4 {
	color: #e15d26
}

.index-section5 .list .item1 li:hover span {
	background: #e15d26;
	color: #fff
}

.index-section5 .list .item1 li:hover span i {
	color: #fff;
	transform: translateX(6px)
}

.index-section5 .list .item2 li {
	padding-top: 30px;
	border-bottom: 1px solid #efefef
}

.index-section5 .list .item2 li:first-child {
	padding-top: 0
}

.index-section5 .list .item2 li .catname {
	display: flex;
	justify-content: flex-start;
	align-items: flex-end
}

.index-section5 .list .item2 li .catname p {
	font-size: 16px;
	color: #fff;
	padding: 4px 20px;
	background: #e15d26;
	border-radius: 50px
}

.index-section5 .list .item2 li .catname span {
	font-size: 14px;
	color: #999;
	margin-left: 10px
}

.index-section5 .list .item2 li .info {
	padding: 30px 0 30px 0
}

.index-section5 .list .item2 li .info h4 {
	font-size: 18px;
	color: #000;
	margin-bottom: 10px
}

.index-section5 .list .item2 li .info p {
	font-size: 14px;
	color: #999
}

.index-section5 .list .item2 li:hover h4 {
	color: #e15d26
}

.lx {
	width: 130px;
	height: 38px;
	line-height: 36px;
	border-radius: 10px;
	border: 1px solid #000;
	font-size: 16px;
	color: rgba(0, 0, 0, 0.8);
	text-align: center;
	margin: 0 auto
}

.lx:hover {
	color: #fff;
	border: 1px solid #e15d26;
	background: #e15d26
}

.pageTie {
	text-align: center;
	margin-bottom: 40px
}

.pageTie h4 {
	font-size: 36px;
	color: #e15d26;
	margin-bottom: 10px;
	font-weight: bold
}

.pageTie p {
	font-size: 18px;
	color: #999999
}

.page-section-about {
	padding-bottom: 77px
}

.page-section-about .pageTie {
	text-align: left
}

.page-section-about .about {
	flex-direction: row-reverse;
	width: 100%;
	display: flex;
	justify-content: space-between;
	position: relative
}

.page-section-about .about .img {
	width: 45%;
	cursor: pointer;
	position: relative;
	z-index: 9
}

.page-section-about .about .img img {
	width: 100%;
	height: 100%;
	object-fit: cover
}

.page-section-about .about .img .icon-video {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center
}

.page-section-about .about .img .icon-video i {
	font-size: 70px;
	color: #fff
}

.page-section-about .about .info {
	width: 100%;
	margin-left: auto;
	position: absolute;
	left: 0;
	top: 0
}

.page-section-about .about .info .left-cont {
	width: 54%
}

.page-section-about .about .info .pageTie h4 {
	color: #000;
	font-weight: bold
}

.page-section-about .about .info .cont {
	font-size: 16px;
	color: #000;
	line-height: 38px
}

.page-section-ys .about-ys-list {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap
}

.page-section-ys .about-ys-list .item {
	display: flex;
	justify-content: center;
	align-items: center
}

.page-section-ys .about-ys-list .item .icon {
	margin-right: 10px;
	font-size: 70px;
	color: #e15d26
}

.page-section-ys .about-ys-list .item .info h4 {
	font-weight: bold;
	color: #e15d26
}

.page-section-ys .about-ys-list .item .info h4 sup {
	font-size: 20px
}

.page-section-ys .about-ys-list .item .info p {
	font-size: 18px;
	color: #000
}

.page-section-ys .about-ys-list em {
	height: 60px;
	width: 1px;
	background: #dcdcdc
}

.page-section-honor {
	padding: 45px 0 40px 0;
	background: #efefef
}

.page-section-honor .list-tap {
	display: flex;
	justify-content: center;
	margin-bottom: 40px
}

.page-section-honor .list-tap li {
	font-size: 18px;
	width: 254px;
	height: 120px;
	text-align: center;
	margin: 0 5px;
	border: 1px solid #fff;
	cursor: pointer;
	background: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	position: relative
}

.page-section-honor .list-tap li::after {
	content: '';
	position: absolute;
	left: 45%;
	bottom: -13px;
	width: 24px;
	height: 24px;
	background: #fff;
	border-left: 1px solid #e15d26;
	border-bottom: 1px solid #e15d26;
	transform: rotateZ(-45deg);
	display: none
}

.page-section-honor .list-tap li span {
	font-size: 50px;
	color: #e15d26;
	margin-right: 6px;
	margin-bottom: 10px
}

.page-section-honor .list-tap li span i {
	font-size: 30px;
	font-style: normal
}

.page-section-honor .list-tap li h4 {
	color: #e15d26;
	font-size: 18px
}

.page-section-honor .list-tap li:hover,
.page-section-honor .list-tap li.active {
	border: 1px solid #e15d26;
	color: #e15d26
}

.page-section-honor .list-tap li:hover i,
.page-section-honor .list-tap li.active i {
	color: #e15d26
}

.page-section-honor .list-tap li:hover::after,
.page-section-honor .list-tap li.active::after {
	display: block
}

.page-section-honor .list-cont .slide {
	display: none;
	animation: pro-list 2s;
	-webkit-animation: pro-list 1s;
	-moz-animation: pro-list 1s
}

.page-section-honor .list-cont .slide.active {
	display: flex;
	justify-content: space-between;
	align-items: center
}

.page-section-honor .list-cont .slide .button {
	width: 40px;
	height: 40px;
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer
}

.page-section-honor .list-cont .slide .button i {
	font-size: 30px;
	color: #676767
}

.page-section-honor .list-cont .slide .button:hover i {
	color: #e15d26
}

.page-section-honor .list-cont .slide .slide-list {
	overflow: hidden;
	width: 90%
}

.page-section-honor .list-cont .slide li a {
	display: block
}

.page-section-honor .list-cont .slide li .img {
	position: relative;
	width: 100%;
	padding-top: 132%;
	overflow: hidden
}

.page-section-honor .list-cont .slide li .img img {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	object-fit: contain;
	transition: .5s ease;
	-webkit-transition: .5s ease
}

.page-section-honor .list-cont .slide li h4 {
	font-size: 14px;
	color: #fff;
	text-align: center;
	margin: 30px 0 0 0
}

.page-section-honor .list-cont .slide li:hover img {
	transform: scale(1.1)
}

.page-section-honor .list-cont .slide li:hover h4 {
	color: #e15d26
}

.page-section4 {
	padding: 50px 0
}

.page-section4 .item {
	text-align: center
}

.page-section4 .item .img {
	position: relative;
	width: 100%;
	padding-top: 65%;
	overflow: hidden
}

.page-section4 .item .img img {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: .5s ease;
	-webkit-transition: .5s ease
}

.page-section4 .item h4 {
	font-size: 25px;
	color: #fff;
	margin-top: 20px;
	margin-bottom: 10px
}

.page-section4 .item p {
	font-size: 18px;
	color: #999999
}

.page-section-history .pageTie {
	text-align: left
}

.page-section-history.history-list-swiper1 {
	padding-top: 130px
}

.page-section-history.history-list-swiper1 #gallery {
	border-bottom: 1px solid #cccccc;
	margin-bottom: 40px
}

.page-section-history .page-section-history-list #gallery {
	overflow: hidden;
	padding-bottom: 40px
}

.page-section-history .page-section-history-list #gallery .swiper-slide {
	opacity: 0;
	transition: .5s all;
	display: flex;
	justify-content: flex-start;
	align-items: center
}

.page-section-history .page-section-history-list #gallery .swiper-slide.swiper-slide-active {
	opacity: 1
}

.page-section-history .page-section-history-list #gallery .swiper-slide.swiper-slide-active .img {
	opacity: 1
}

.page-section-history .page-section-history-list #gallery .swiper-slide .tie {
	color: #000;
	font-weight: bold;
	margin-left: 10%
}

.page-section-history .page-section-history-list #gallery .swiper-slide .desc {
	font-size: 24px;
	color: #000;
	margin: 20px
}

.page-section-history .page-section-history-list #gallery .swiper-slide .img {
	opacity: 0;
	transition: .5s all
}

.page-section-history .page-section-history-list .thumbs-tap {
	display: flex;
	align-items: center;
	justify-content: space-between
}

.page-section-history .page-section-history-list .thumbs-tap #thumbs {
	width: 95%;
	padding-bottom: 50px;
	overflow: hidden
}

.page-section-history .page-section-history-list .thumbs-tap #thumbs .swiper-slide {
	padding-bottom: 20px;
	border-bottom: 1px dashed #d2d2d2;
	font-size: 24px;
	color: #d2d2d2;
	text-align: center;
	cursor: pointer;
	transition: .5s all
}

.page-section-history .page-section-history-list .thumbs-tap #thumbs .swiper-slide.swiper-slide-thumb-active {
	color: #e15d26;
	font-size: 28px;
	font-weight: bold
}

.page-section-history .page-section-history-list .thumbs-tap #thumbs .swiper-slide.swiper-slide-thumb-active::after {
	bottom: -10px;
	left: 48%;
	width: 20px;
	height: 20px;
	background: #e15d26;
	border: 4px solid rgba(255, 240, 234, 0.66)
}

.page-section-history .page-section-history-list .thumbs-tap #thumbs .swiper-slide.swiper-slide-thumb-active .tie {
	font-size: 30px !important;
	transform: translateY(-1px)
}

.page-section-history .page-section-history-list .thumbs-tap #thumbs .swiper-slide::after {
	content: '';
	position: absolute;
	bottom: -5px;
	left: 50%;
	width: 10px;
	height: 10px;
	background: #d2d2d2;
	z-index: 1;
	border-radius: 100px;
	border: 4px solid rgba(255, 240, 234, 0);
	transition: .2s all
}

.page-section-history .page-section-history-list .thumbs-tap .button {
	cursor: pointer
}

.page-section-history .page-section-history-list .thumbs-tap .button i {
	font-size: 30px;
	color: #d2d2d2
}

.page-section-history .page-section-history-list .thumbs-tap .button:hover i {
	color: #e15d26
}

.job-list li {
	margin-bottom: 10px;
	cursor: pointer
}

.job-list li.open {
	background: #e15d26
}

.job-list li.open .collapsed .item {
	color: #fff
}

.job-list li.open .content {
	display: block
}

.job-list li .collapsed {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 10px 20px;
	border: 1px solid #d9d9d9
}

.job-list li .collapsed .item {
	color: #000;
	font-size: 1rem;
	width: 18%
}

.job-list li .collapsed .item:last-child {
	width: auto;
	transition: .3s all
}

.job-list li .content {
	display: none;
	padding: 10px 20px;
	font-size: 14px;
	color: #999;
	line-height: 30px;
	background: #fafafa
}

.job-list li:hover .collapsed .item:last-child {
	transform: rotateZ(180deg)
}

.push-news .item .img-position {
	padding-top: 63%;
	overflow: hidden
}

.push-news .item .info {
	padding: 36px;
	height: 100%
}

.push-news .item .info h3 {
	font-size: 24px;
	color: #000;
	padding-bottom: 10px;
	margin-bottom: 16px;
	border-bottom: 1px solid #333
}

.push-news .item .info .time {
	font-size: 12px;
	color: #999;
	display: flex;
	justify-content: flex-start;
	align-items: flex-start
}

.push-news .item .info .time i {
	margin-right: 6px
}

.push-news .item .info .desc {
	font-size: 12px;
	color: #000;
	margin: 30px 0
}

.push-news .item .info span {
	font-size: 14px;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	color: #e15d26;
	border: 1px solid #e15d26;
	padding: 8px 20px;
	border-radius: 50px
}

.push-news .item .info span i {
	transition: transform 500ms ease
}

.push-news .item:hover .img-position img {
	transform: scale(1.09)
}

.push-news .item:hover span {
	background: #e15d26;
	color: #fff
}

.push-news .item:hover span i {
	transform: translateX(6px)
}

.newslist .item {
	display: block
}

.newslist .item .img-position {
	padding-top: 63%;
	overflow: hidden
}

.newslist .item .info {
	padding: 20px
}

.newslist .item .info .time {
	color: #e15d26;
	font-size: 14px
}

.newslist .item .info h3 {
	font-size: 18px;
	color: #000;
	margin: 20px 0
}

.newslist .item .info .desc {
	font-size: 12px;
	color: #999999
}

.newslist .item:hover .info {
	background: #e15d26
}

.newslist .item:hover .info .time,
.newslist .item:hover .info h3,
.newslist .item:hover .info .desc {
	color: #fff
}

.newslist .item:hover .img-position img {
	transform: scale(1.09)
}

.newsshow .tie {
	color: #000;
	text-align: center
}

.newsshow .desc {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: 30px;
	padding: 30px 0;
	border-top: 1px solid #e5e5e5
}

.newsshow .desc dt {
	margin: 0 20px;
	font-size: 14px;
	color: #999999;
	display: flex;
	justify-content: center;
	align-items: center
}

.newsshow .desc dt a {
	color: #999999
}

.newsshow .desc dt i {
	margin-right: 10px;
	font-size: 18px
}

.newsshow .content {
	font-size: 18px;
	color: #000;
	line-height: 30px;
	min-height: 800px
}

.newsshow .content img {
	width: 800px !important
}

.related {
	margin-top: 80px
}

.related h3 {
	color: #e15d26;
	margin-bottom: 80px;
	padding-bottom: 10px;
	border-bottom: 2px solid #e15d26;
	display: inline-flex
}

.related .nesw-list {
	overflow: hidden
}

.related .nesw-list li .img-position {
	position: relative;
	width: 100%;
	padding-top: 80%;
	overflow: hidden
}

.related .nesw-list li .img-position img {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: .5s ease;
	-webkit-transition: .5s ease
}

.related .nesw-list li .info {
	margin-top: 30px
}

.related .nesw-list li .info h4 {
	color: #000;
	text-align: center
}

.related .nesw-list li .info dt {
	font-size: 16px;
	color: #4f4f4f;
	text-align: center;
	margin: 10px 0
}

.related .nesw-list li .info span {
	font-size: 14px;
	color: #e15d26;
	display: block;
	text-align: center
}

.related .nesw-list li:hover h4 {
	color: #e15d26
}

.related .nesw-list li:hover img {
	transform: scale(1.1)
}

.related .nesw-list .related-pagination .swiper-pagination-bullet-active {
	background: #e15d26
}

.fen {
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-size: 18px;
	color: #cac9c9;
	padding: 20px
}

.fen i {
	color: #fff
}

.fen .backtolist {
	margin: 0 auto;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #000
}

.fen .backtolist i {
	margin-right: 4px;
	font-size: 22px;
	color: #fff
}

.fen a {
	color: #000
}

.fen .prew {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	color: #cac9c9
}

.fen .prew .icon-prea {
	font-size: 22px;
	color: #cac9c9;
	margin-right: 10px
}

.fen .nextw {
	display: flex;
	justify-content: flex-end;
	align-items: center
}

.fen .nextw .icon-next {
	font-size: 22px;
	color: #cac9c9;
	margin-left: 10px
}

.productList .item {
	padding: 30px;
	display: block
}

.productList .item .img-position {
	width: 100%;
	padding-top: 90%;
	background: #fff
}

.productList .item .img-position img {
	object-fit: contain
}

.productList .item .info {
	margin-top: 20px;
	text-align: center
}

.productList .item .info h4 {
	color: #000
}

.productList .item .info dt {
	color: #4f4f4f
}

.productList .item .info span {
	color: #e15d26
}

.productList .item:hover {
	background: #ff9466
}

.productList .item:hover .info h4,
.productList .item:hover .info dt,
.productList .item:hover .info span {
	color: #fff
}

.productShow.proWidth {
	margin: 0 auto
}

.productShow .pro-info {
	display: flex;
	justify-content: space-between
}

.productShow .pro-info .pro-thumb-big {
	overflow: hidden;
	position: relative
}

.productShow .pro-info .pro-thumb-big li {
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	padding-top: 80%
}

.productShow .pro-info .pro-thumb-big li img {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	object-fit: scale-down
}

.productShow .pro-info .pro-thumb-small {
	position: relative
}

.productShow .pro-info .pro-thumb-small .pro-thumb-small-list {
	width: 90%;
	margin: 0 auto
}

.productShow .pro-info .pro-thumb-small .pro-btn {
	position: absolute;
	top: 0;
	z-index: 999;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center
}

.productShow .pro-info .pro-thumb-small .pro-btn.btn-prev {
	left: -2%
}

.productShow .pro-info .pro-thumb-small .pro-btn.btn-next {
	right: -2%
}

.productShow .pro-info .pro-thumb-small .pro-btn i {
	font-size: 30px;
	color: #000
}

.productShow .pro-info .pro-thumb-small .pro-btn:hover i {
	color: #e15d26
}

.productShow .pro-info .pro-thumb-small li {
	overflow: hidden;
	height: 100% !important;
	position: relative;
	padding-top: 23%;
	border: 1px solid #e0e0e0;
	cursor: pointer
}

.productShow .pro-info .pro-thumb-small li.swiper-slide-thumb-active {
	border: 1px solid #e15d26
}

.productShow .pro-info .pro-thumb-small li img {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	border: 1px solid #fff;
	transform: scale(.8)
}

.productShow .pro-info .pro-desc .box {
	padding-left: 5%;
	padding-top: 20px
}

.productShow .pro-info .pro-desc .box h2 {
	color: #000
}

.productShow .pro-info .pro-desc .box .order {
	font-size: 18px;
	color: #000;
	margin: 10px 0 20px 0
}

.productShow .pro-info .pro-desc .box .desc {
	font-size: 14px;
	color: #636363;
	line-height: 30px;
	text-align: justify
}

.productShow .pro-info .pro-desc .box .pro-tel {
	display: flex;
	justify-content: center;
	align-items: flex-start;
	flex-direction: column;
	padding-left: 54px;
	background: url(../images/icon-pro-tel.png) no-repeat left
}

.productShow .pro-info .pro-desc .box .pro-tel span {
	font-size: 14px;
	color: #ff7200
}

.productShow .pro-info .pro-desc .box .pro-tel strong {
	font-size: 14px;
	color: #ff7200
}

.productShow .pro-info .pro-desc .pro-contact {
	display: flex
}

.productShow .pro-info .pro-desc .pro-contact a {
	width: 165px;
	height: 45px;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-right: 20px;
	background: none;
	border: 1px solid #e15d26;
	border-radius: 50px;
	font-size: 18px;
	color: #e15d26
}

.productShow .pro-info .pro-desc .pro-contact a.pro-kefu {
	background: #e15d26;
	color: #fff
}

.productShow .pro-info .pro-desc .pro-contact a i {
	font-size: 30px;
	font-weight: lighter;
	margin-right: 10px
}

.productShow .pro-info .pro-desc .pro-contact a:hover {
	box-shadow: 0 4px 6px #999
}

.productShow .pro-detail .pro-detail-tap {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	border-bottom: 1px solid #e15d26
}

.productShow .pro-detail .pro-detail-tap li {
	display: flex;
	padding: 10px 20px;
	cursor: pointer;
	color: #000;
	font-size: 18px;
	word-break: break-word;
	position: relative
}

.productShow .pro-detail .pro-detail-tap li.on,
.productShow .pro-detail .pro-detail-tap li:hover {
	color: #fff;
	background: #e15d26
}

.productShow .pro-detail .pro-detail-box {
	min-height: 400px;
	padding: 50px 0;
	color: #000
}

.productShow .pro-detail .pro-detail-box .item2 {
	display: none;
	animation-name: item;
	animation-duration: 1s;
	font-family: 'osSemibold';
	text-align: justify;
	color: #999999;
	font-size: 18px;
	line-height: 30px
}

.productShow .pro-detail .pro-detail-box .item2.on {
	display: block
}

.productShow .pro-detail .pro-detail-box .item2.canshu table {
	width: 100%
}

.productShow .pro-detail .pro-detail-box .item2.canshu table tbody tr {
	border-bottom: 1px solid #d7d7d7
}

.productShow .pro-detail .pro-detail-box .item2.canshu table tbody tr:first-child {
	background: #e15d26;
	border-bottom: 1px solid #e15d26
}

.productShow .pro-detail .pro-detail-box .item2.canshu table tbody tr:first-child td {
	color: #fff
}

.productShow .pro-detail .pro-detail-box .item2.canshu table tbody tr td {
	padding: 8px 0;
	text-align: center;
	word-break: break-all;
	font-size: 16px;
	color: #000
}

@keyframes item {
	from {
		transform: translateY(-30px);
		opacity: 0
	}

	to {
		transform: translateY(0);
		opacity: 1
	}
}

.solucatlist .item {
	display: block
}

.solucatlist .item .img {
	position: relative;
	width: 100%;
	padding-top: 63%;
	overflow: hidden;
	border-radius: 10px;
	border: 2px solid transparent
}

.solucatlist .item .img img {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: .5s ease;
	-webkit-transition: .5s ease
}

.solucatlist .item .info h3 {
	margin: 20px 0 10px 0;
	color: #fff
}

.solucatlist .item .info .desc {
	color: #fff
}

.solucatlist .item .info span {
	color: #fff;
	display: flex;
	align-items: center
}

.solucatlist .item .info span i {
	font-size: 18px;
	transition: .5s ease;
	-webkit-transition: .5s ease
}

.solucatlist .item:hover {
	opacity: 1;
	transition: .5s ease
}

.solucatlist .item:hover .img {
	border: 2px solid #ff0000
}

.solucatlist .item:hover .img img {
	transform: scale(1.1)
}

.solucatlist .item:hover span i {
	transform: translateX(6px)
}

.faqlist li {
	width: 100%
}

.faqlist li.open .link i {
	transform: rotateZ(90deg)
}

.faqlist li .link {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	padding: 20px;
	background: #f4f4f4;
	cursor: pointer
}

.faqlist li .link h4 {
	font-size: 14px;
	color: #333;
	font-weight: bolder
}

.faqlist li .link i {
	line-height: 24px;
	color: #e15d26;
	font-size: 24px;
	font-style: normal;
	display: flex;
	justify-content: center;
	transition: .5s all
}

.faqlist li .content {
	display: none;
	padding: 20px;
	background: #f6f6f6;
	font-size: 14px;
	color: #666666;
	line-height: 30px
}

.faqlist li .content dt {
	min-height: 144px
}

.fjishulist li a {
	display: flex;
	justify-content: space-between;
	align-content: flex-start;
	padding: 10px;
	background: #f2f2f2
}

.fjishulist li .img-position {
	width: 24%;
	padding-top: 16%
}

.fjishulist li .info {
	width: 74%
}

.fjishulist li .info h4 {
	color: #000
}

.fjishulist li .info .desc {
	color: #292929
}

.fjishulist li .info .time {
	color: #727272
}

.fjishulist li .info .time i {
	font-size: 14px;
	margin-right: 6px
}

.videolist .item .img-position {
	padding-top: 100%
}

.videolist .item .info h4 {
	color: #000;
	text-align: center
}

.videolist .item:hover .img-position img {
	transform: scale(1.09)
}

.videolist .item:hover .info h4 {
	color: #e15d26
}

.videocontent .bili-video {
	width: 100%;
	position: relative;
	padding-top: 50%
}

.videocontent .bili-video .videobox {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%
}

.downlist li {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 12px 0;
	border-bottom: 1px solid #e5e5e5
}

.downlist li.tie {
	border: none;
	background: #e15d26
}

.downlist li.tie .item {
	color: #fff
}

.downlist li .item {
	width: 20%;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 18px;
	color: #999;
	padding: 0 10px
}

.downlist li .item:nth-child(1),
.downlist li .item:nth-child(2) {
	justify-content: flex-start
}

.downlist li .item.type {
	text-transform: uppercase
}

.downlist li .item a {
	color: #e15d26;
	margin-left: 10px
}

.downlist li .item a i {
	color: #e15d26;
	font-size: 20px;
	margin-right: 6px
}

.downlist li:hover {
	background: #e15d26;
	border-bottom: 1px solid #e15d26
}

.downlist li:hover .item {
	color: #fff
}

.downlist li:hover .item a {
	color: #fff
}

.downlist li:hover .item a i {
	color: #fff
}

.left-search .form {
	display: flex;
	align-items: center
}

.left-search .form .input {
	padding: 10px 20px;
	border: 1px solid #dcdcdc;
	border-radius: 50px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 410px
}

.left-search .form .input input {
	width: 90%
}

.left-search .form .input i {
	font-size: 24px
}

.left-search .form button {
	padding: 14px 24px;
	border-radius: 50px;
	background: #e15d26;
	margin-left: 10px;
	color: #fff
}

.programlist li {
	padding: 20px;
	background: #f2f2f2
}

.programlist li a {
	display: flex;
	justify-content: space-between;
	align-content: flex-start
}

.programlist li .img-position {
	width: 24%;
	padding-top: 16%
}

.programlist li .info {
	width: 74%
}

.programlist li .info h4 {
	color: #000
}

.programlist li .info .desc {
	color: #292929
}

.programlist li .info .more {
	color: #727272;
	border: 1px solid #e15d26;
	padding: 8px 20px;
	border-radius: 50px;
	display: inline-block;
	color: #e15d26
}

.programlist li .info .more i {
	font-size: 14px;
	color: #e15d26;
	transition: .5s all;
	transform: translateX(0);
	display: inline-block
}

.programlist li:hover {
	background: #e15d26
}

.programlist li:hover .img-position img {
	transform: scale(1.09)
}

.programlist li:hover .info h4,
.programlist li:hover .info .desc,
.programlist li:hover .info .more {
	color: #fff
}

.programlist li:hover .info .more {
	border: 1px solid #fff
}

.programlist li:hover .info .more i {
	transform: translateX(6px);
	color: #fff
}

.caselist .item {
	display: block
}

.caselist .item .img {
	position: relative;
	width: 100%;
	padding-top: 63%;
	overflow: hidden;
	border-radius: 10px
}

.caselist .item .img img {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: .5s ease;
	-webkit-transition: .5s ease
}

.caselist .item h3 {
	margin: 20px 0 10px 0;
	color: #fff
}

.caselist .item span {
	color: #e15d26;
	display: flex;
	align-items: center
}

.caselist .item span i {
	font-size: 18px;
	transition: .5s ease;
	-webkit-transition: .5s ease
}

.caselist .item:hover img {
	transform: scale(1.1)
}

.caselist .item:hover span i {
	transform: translateX(6px)
}

.honorlist li a {
	display: block;
	padding: 10px
}

.honorlist li .img {
	position: relative;
	width: 100%;
	padding-top: 144%;
	overflow: hidden
}

.honorlist li .img img {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	object-fit: contain;
	transition: .5s ease;
	-webkit-transition: .5s ease
}

.honorlist li h4 {
	font-size: 14px;
	color: #fff;
	text-align: center;
	margin: 30px 0 0 0
}

.honorlist li:hover img {
	transform: scale(1.1)
}

.honorlist li:hover h4 {
	color: #e15d26
}

.picturelist li a {
	display: block;
	border: 1px solid #e3e3e3;
	padding: 10px
}

.picturelist li .img {
	position: relative;
	width: 100%;
	padding-top: 68%;
	overflow: hidden
}

.picturelist li .img img {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	object-fit: scale-down;
	transition: .5s ease;
	-webkit-transition: .5s ease
}

.picturelist li h4 {
	font-size: 14px;
	color: #333;
	text-align: center;
	margin: 20px 0
}

.picturelist li:hover a {
	border: 1px solid #e15d26
}

.picturelist li:hover img {
	transform: scale(1.1)
}

.picturelist li:hover h4 {
	color: #e15d26
}

.contact-section1 {
	padding: 0 0 100px 0
}

.contact-section1 .list li .item {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	background: #f5f5f5;
	padding: 60px 30px 30px 30px;
	width: 100%;
	height: 100%
}

.contact-section1 .list li .item i {
	font-size: 48px;
	color: #e15d26
}

.contact-section1 .list li .item h4 {
	color: #000;
	margin-top: 20px
}

.contact-section1 .list li .item hr {
	background: #c4c4c4;
	width: 20px;
	height: 2px
}

.contact-section1 .list li .item p {
	color: #e15d26
}

.contact-section1 .list li .item:hover {
	background: #e15d26
}

.contact-section1 .list li .item:hover i,
.contact-section1 .list li .item:hover h4,
.contact-section1 .list li .item:hover p {
	color: #fff
}

.contact-section1 .list li .item:hover hr {
	background: #fff
}

.contact-section2 {
	padding: 50px 0
}

.contact-section2 .list li {
	margin-bottom: 30px;
	padding-bottom: 30px;
	border-bottom: 1px solid #efefef
}

.contact-section2 .list li:last-child {
	margin-bottom: 0;
	border-bottom: none
}

.contact-section2 .list li .item.info {
	padding-right: 5%
}

.contact-section2 .list li .item .icon {
	display: flex;
	justify-content: flex-start;
	align-items: flex-end;
	margin-bottom: 20px
}

.contact-section2 .list li .item .icon h4 {
	color: #e15d26;
	line-height: 26px
}

.contact-section2 .list li .item .cont {
	line-height: 36px
}

.contact-section2 .list li .item .cont p {
	font-size: 18px;
	color: #353535
}

.contact-section2 .list li .item .cont p i {
	margin-right: 6px
}

.contact-section2 .list li .item .img img {
	width: 100%;
	height: 100%
}

.contact-section3 {
	padding: 50px 0
}

.contact-section3 .list {
	display: flex;
	justify-content: space-evenly;
	align-items: center;
	flex-wrap: wrap
}

.contact-section3 .list li {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	margin-bottom: 20px
}

.contact-section3 .list li .img img {
	width: 120px;
	height: 120px
}

.contact-section3 .list li p {
	font-size: 16px;
	color: #000;
	margin-top: 20px
}

.contact-section55 .form {
	background: #111111;
	border-radius: 10px;
	padding: 30px
}

.contact-section55 .con-tie {
	color: #e15d26;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	margin-bottom: 20px
}

.contact-section55 .con-tie i {
	font-size: 40px;
	margin-right: 6px
}

.contact-section55 .list li {
	display: flex;
	align-items: center;
	justify-content: flex-start
}

.contact-section55 .list li i {
	color: red;
	margin-left: 4px;
	font-style: normal;
	font-size: 20px
}

.contact-section55 .list li input {
	width: 100%;
	height: 50px;
	padding: 10px;
	font-size: 18px;
	border: 1px solid #3f3f3f;
	background: #171717;
	border-radius: 10px;
	color: #fff
}

.contact-section55 .cont {
	margin-top: 20px;
	height: 240px
}

.contact-section55 .cont textarea {
	width: 100%;
	height: 100%;
	padding: 10px;
	font-size: 18px;
	border: 1px solid #3f3f3f;
	background: #171717;
	border-radius: 10px;
	color: #fff
}

.contact-section55 .verifyCode {
	margin-top: 20px
}

.contact-section55 .verifyCode .input-verifycode {
	width: 120px;
	height: 36px;
	background: #efefef;
	padding: 10px
}

.contact-section55 .verifyCode .reloadverify {
	height: 36px
}

.contact-section55 .submit {
	margin-top: 20px;
	display: flex;
	justify-content: center;
	align-items: center
}

.contact-section55 .submit button {
	width: 114px;
	height: 38px;
	margin-right: 20px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 18px;
	color: #fff;
	border-radius: 10px
}

.contact-section55 .submit button.btn1 {
	background: #e15d26
}

.contact-section55 .submit button.btn1:hover {
	background: #e15d26
}

.contact-section55 .submit button i {
	font-size: 26px;
	margin-right: 10px
}

.contact-section55 .submit button:hover {
	background: #171717
}

.contact-section2 input::-webkit-input-placeholder {
	color: #e1e1e1
}

.contact-section2 input::-moz-placeholder {
	color: #e1e1e1
}

.contact-section2 input:-moz-placeholder {
	color: #e1e1e1
}

.contact-section2 input:-ms-input-placeholder {
	color: #e1e1e1
}

.contact-section2 textarea::-webkit-input-placeholder {
	color: #e1e1e1
}

.contact-section2 textarea::-moz-placeholder {
	color: #e1e1e1
}

.contact-section2 textarea:-moz-placeholder {
	color: #e1e1e1
}

.contact-section2 textarea:-ms-input-placeholder {
	color: #e1e1e1
}

.page-warp {
	overflow: hidden;
	padding-bottom: 30px
}

.proqx-section {
	position: relative
}

.proqx-section .img {
	width: 100%
}

.proqx-section .img img {
	width: 100%;
	height: 100%
}

.proqx-section .tie {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: flex-end;
	align-items: center;
	flex-direction: column;
	padding-bottom: 5%
}

.proqx-section .tie.tie2 {
	position: relative !important;
	padding-top: 5%
}

.proqx-section .tie h3 {
	color: #fff;
	margin-bottom: 20px;
	text-align: center
}

.proqx-section .tie p {
	color: #fff;
	text-align: center
}

.proqx-section2 {
	padding: 5% 0;
	background: linear-gradient(to top, #000, #060a0e, #080e13)
}

.proqx-section2 .itembox {
	display: flex;
	align-items: stretch;
	justify-content: space-between;
	margin-top: 6.25vw;
	margin-bottom: 5.73vw
}

.proqx-section2 .itembox .item {
	padding: 3.65vw 3.13vw;
	border: 1px solid #2a2a2b;
	border-radius: .52vw;
	width: 21.18vw;
	background: linear-gradient(to bottom, #050709, #101112)
}

.proqx-section2 .itembox .item:nth-child(1) {
	width: 28.69vw
}

.proqx-section2 .itembox .item:nth-child(1) .image {
	width: 22.76vw
}

.proqx-section2 .itembox .item .image {
	height: 20.31vw;
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-left: auto;
	margin-right: auto;
	max-width: 100%
}

.proqx-section2 .itembox .item .image img {
	width: 100%
}

.proqx-section2 .itembox .item .title {
	font-family: "Outfit-Light";
	font-size: 1.15vw;
	color: #fff;
	text-align: center;
	margin-top: 5.73vw
}

.proqx-section2 .itembox2 {
	display: flex;
	align-items: center;
	justify-content: space-between;
	position: relative;
	right: 5%
}

.proqx-section2 .itembox2 .item {
	width: 36.6%;
	text-align: center;
	padding-top: 1.13vw;
	padding-bottom: 1.13vw;
	border: 1px dashed #272d32;
	border-radius: 10.42vw;
	flex-shrink: 0;
	position: relative
}

.proqx-section2 .itembox2 .item:first-child {
	left: 5%
}

.proqx-section2 .itembox2 .item:last-child {
	right: 5%
}

.proqx-section2 .itembox2 .item .icon {
	margin-left: auto;
	margin-right: auto;
	width: 8.21vw;
	margin-bottom: 2.08vw
}

.proqx-section2 .itembox2 .item .icon img {
	width: 100%
}

.proqx-section2 .itembox2 .item .txt {
	font-size: 1.15vw;
	line-height: 1.2;
	color: #fff
}

.proqx-section3 .tie {
	justify-content: flex-start;
	padding-top: 15%
}

.proqx-section4 {
	padding: 5% 0;
	background: #0d171f
}

.proqx-section4 .tie {
	position: relative;
	padding-bottom: 5%
}

.proqx-section4 .image-group {
	margin-left: auto;
	margin-right: auto;
	position: relative;
	width: 53.96vw;
	padding-bottom: 6.25vw
}

.proqx-section4 .image-group .image4 {
	width: 53.96vw;
	bottom: 5.17vw;
	z-index: 0
}

.proqx-section4 .image-group .image3 {
	width: 46.88vw;
	left: -2.08vw;
	bottom: 4.17vw;
	z-index: 1;
	position: absolute
}

.proqx-section4 .image-group .image2 {
	width: 41.15vw;
	left: -4.17vw;
	bottom: 2.08vw;
	z-index: 2;
	position: absolute
}

.proqx-section4 .image-group .image1 {
	width: 35.94vw;
	left: -6.25vw;
	bottom: 0;
	z-index: 3;
	position: absolute
}

.proqx-section5 .tie {
	justify-content: flex-start;
	padding-top: 8%
}

.proqx-section6 {
	padding: 15% 0 0 0;
	background: #000
}

.proqx-section6 .tie {
	justify-content: flex-start;
	padding-top: 6%
}

.proqx-section7 {
	padding: 10% 0
}

.proqx-section7 .tie {
	position: relative;
	padding-bottom: 10%
}

.proqx-section7 .proqx-section7-tap {
	display: flex;
	justify-content: space-around;
	align-items: center
}

.proqx-section7 .proqx-section7-tap .button {
	cursor: pointer
}

.proqx-section7 .proqx-section7-tap .button i {
	font-size: 60px;
	color: #fff
}

.proqx-section7 .proqx-section7-tap .button:hover i {
	color: #e15d26
}

.proqx-section7 .proqx-section7-tap .list {
	width: 80%;
	margin: 0 auto;
	overflow: hidden;
	padding-bottom: 40px
}

.proqx-section7 .proqx-section7-tap .list .swiper-slide {
	border-radius: 10px
}

.proqx-section7 .proqx-section7-tap .list .swiper-slide .image img {
	width: 100%;
	height: 100%
}

.proqx-section7 .proqx-section7-tap .list .swiper-slide .title {
	font-size: 30px;
	color: #fff;
	margin-top: 40px;
	text-align: center
}

.proqx-section8 .tie {
	justify-content: flex-start;
	padding-top: 8%
}

.proqx-section9 {
	padding: 5% 0 10% 0
}

.proqx-section9 .tie {
	padding-bottom: 5%
}

.proqx-section9 .imagebox {
	display: flex;
	align-items: stretch;
	flex-wrap: wrap
}

.proqx-section9 .imagebox .item {
	position: relative;
	border: 1px solid #393939;
	border-radius: .52vw;
	overflow: hidden;
	width: 28%
}

.proqx-section9 .imagebox .item:first-child,
.proqx-section9 .imagebox .item:last-child {
	width: 70%
}

.proqx-section9 .imagebox .item:nth-child(3),
.proqx-section9 .imagebox .item:nth-child(4) {
	margin-top: 2%
}

.proqx-section9 .imagebox .item:nth-child(1),
.proqx-section9 .imagebox .item:nth-child(3) {
	margin-right: 2%
}

.proqx-section9 .imagebox .item .image {
	height: 100%
}

.proqx-section9 .imagebox .item .image img {
	width: 100%;
	height: 100%
}

.proqx-section9 .imagebox .item .title {
	font-size: 1.58vw;
	color: #fff;
	line-height: 1.2;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	text-align: center;
	padding: 2.6vw 1.56vw 2.08vw
}

.product-section {
	position: relative
}

.product-section .img {
	width: 100%
}

.product-section .img img {
	width: 100%;
	height: 100%
}

.product-section .tie {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: flex-end;
	align-items: center;
	flex-direction: column;
	padding-bottom: 6%;
	text-align: center
}

.product-section .tie.tieTop {
	padding-top: 6%;
	justify-content: flex-start
}

.product-section .tie h3 {
	color: #fff;
	margin-bottom: 20px
}

.product-section .tie p {
	color: #fff;
	opacity: .4
}

.product-section2 {
	padding: 5% 0 10% 0
}

.product-section2 .tie {
	padding-bottom: 5%;
	justify-content: flex-start;
	position: relative
}

.product-section2 .product-section2-list .item {
	border-radius: 14px;
	padding: 25px;
	background: linear-gradient(to left, #060c2e, #1b2749);
	display: flex;
	justify-content: space-between;
	align-items: center;
	height: 100%
}

.product-section2 .product-section2-list .item .icon {
	width: 25%;
	flex-shrink: 0
}

.product-section2 .product-section2-list .item .icon img {
	object-fit: scale-down;
	width: 100%;
	height: 100%
}

.product-section2 .product-section2-list .item .info {
	text-align: right;
	display: flex;
	flex-direction: column
}

.product-section2 .product-section2-list .item .info h4 {
	font-size: 20px;
	color: #3f93ee;
	font-weight: bold;
	background-image: linear-gradient(-60deg, #f97367 10%, #2897ff 40%);
	background-image: -webkit-linear-gradient(-60deg, #f97367 10%, #2897ff 40%);
	background-clip: text;
	-webkit-background-clip: text;
	color: transparent;
	-webkit-text-fill-color: transparent
}

.product-section2 .product-section2-list .item .info p {
	font-size: 20px;
	color: #fff
}

.product-section5 .image-group {
	margin-left: auto;
	margin-right: auto;
	position: relative;
	width: 53.96vw;
	padding-bottom: 6.25vw
}

.product-section5 .image-group .image4 {
	width: 53.96vw;
	bottom: 5.17vw;
	z-index: 0
}

.product-section5 .image-group .image3 {
	width: 46.88vw;
	left: -2.08vw;
	bottom: 4.17vw;
	z-index: 1;
	position: absolute
}

.product-section5 .image-group .image2 {
	width: 41.15vw;
	left: -4.17vw;
	bottom: 2.08vw;
	z-index: 2;
	position: absolute
}

.product-section5 .image-group .image1 {
	width: 35.94vw;
	left: -6.25vw;
	bottom: 0;
	z-index: 3;
	position: absolute
}

.product-section6 {
	padding: 5% 0
}

.product-section6 .tie {
	position: relative;
	padding-bottom: 5%
}

.product-section6 .product-section6-tap .list .d-flex {
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center
}

.product-section6 .product-section6-tap .list .d-flex .img {
	flex: 1;
	margin-right: 1%;
	overflow: hidden;
	border-radius: 10px;
	padding-top: 45%
}

.product-section6 .product-section6-tap .list .d-flex .img p {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: flex-end;
	align-items: flex-end;
	padding: 8%;
	font-size: 40px;
	color: #fff
}

.product-section6 .product-section6-tap .list .d-flex .img2 {
	flex: 1;
	margin-left: 1%
}

.product-section6 .product-section6-tap .list .d-flex .img2 .img2-small {
	overflow: hidden;
	border-radius: 10px;
	padding-top: 43.3%
}

.product-section6 .product-section6-tap .list .d-flex .img2 .img2-small:first-child {
	margin-bottom: 5%
}

.product-section6 .product-section6-tap .list .d-flex .img2 .img2-small p {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: flex-end;
	align-items: flex-end;
	padding: 8%;
	font-size: 40px;
	color: #fff
}

.product-section7 {
	padding: 5% 0
}

.product-section7 .tie {
	position: relative;
	padding-bottom: 5%
}

.product-section7 .product-section7-tap .swiper-slide {
	overflow: hidden;
	border-radius: 10px
}

.product-section7 .product-section7-tap .swiper-slide .img img {
	width: 100%;
	height: 100%;
	object-fit: cover
}

.product-section7 .product-section7-tap .swiper-slide .title {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: flex-end;
	align-items: flex-end;
	padding: 8%;
	font-size: 40px;
	color: #fff
}

.productsx-section {
	position: relative
}

.productsx-section .img {
	width: 100%
}

.productsx-section .img img {
	width: 100%;
	height: 100%
}

.productsx-section .tie {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: flex-end;
	align-items: center;
	flex-direction: column;
	padding-bottom: 5%;
	text-align: center
}

.productsx-section .tie.tieTop {
	padding-top: 4%;
	justify-content: flex-start
}

.productsx-section .tie h3 {
	color: #fff;
	margin-bottom: 20px
}

.productsx-section .tie p {
	color: #fff;
	opacity: .4
}

.relative {
	position: relative !important
}

.bpx-player-embedded .bpx-player-control-wrap {
	display: none !important
}

.productsx-section2 {
	background: #000
}

.productsx-section2 .videoshow {
	width: 100%
}

.productsx-section2 .videoshow .video-js {
	width: 80%;
	height: auto;
	margin: 0 auto;
	display: block
}

.productsx-section2.padd {
	padding: 15% 0
}

.productsx-section2 .productsx-section2-list {
	padding-top: 8%
}

.productsx-section2 .productsx-section2-list .item {
	border-radius: 14px;
	padding: 30px;
	background: linear-gradient(to left, #060c2e, #1b2749);
	display: flex;
	justify-content: space-around;
	align-items: center
}

.productsx-section2 .productsx-section2-list .item .icon {
	width: 35%;
	flex-shrink: 0
}

.productsx-section2 .productsx-section2-list .item .icon img {
	object-fit: scale-down;
	width: 100%;
	height: 100%
}

.productsx-section2 .productsx-section2-list .item .info {
	text-align: right
}

.productsx-section2 .productsx-section2-list .item .info h4 {
	font-size: 30px;
	color: #3f93ee;
	font-weight: bold;
	background-image: linear-gradient(-60deg, #f97367 10%, #2897ff 40%);
	background-image: -webkit-linear-gradient(-60deg, #f97367 10%, #2897ff 40%);
	background-clip: text;
	-webkit-background-clip: text;
	color: transparent;
	-webkit-text-fill-color: transparent
}

.productsx-section2 .productsx-section2-list .item .info p {
	font-size: 20px;
	color: #fff
}

.productsx-section3 {
	background: #000
}

.productsx-section3 .videoshow {
	width: 100%
}

.productsx-section3 .videoshow .video-js {
	width: 80%;
	height: auto;
	margin: 0 auto;
	display: block
}

.productsx-section5 .image-group {
	margin-left: auto;
	margin-right: auto;
	position: relative;
	width: 53.96vw;
	padding-bottom: 6.25vw
}

.productsx-section5 .image-group .image4 {
	width: 53.96vw;
	bottom: 5.17vw;
	z-index: 0
}

.productsx-section5 .image-group .image3 {
	width: 46.88vw;
	left: -2.08vw;
	bottom: 4.17vw;
	z-index: 1;
	position: absolute
}

.productsx-section5 .image-group .image2 {
	width: 41.15vw;
	left: -4.17vw;
	bottom: 2.08vw;
	z-index: 2;
	position: absolute
}

.productsx-section5 .image-group .image1 {
	width: 35.94vw;
	left: -6.25vw;
	bottom: 0;
	z-index: 3;
	position: absolute
}

.productsx-section6 {
	padding: 5% 0
}

.productsx-section6 .tie {
	position: relative;
	padding-bottom: 5%
}

.productsx-section6 .productsx-section6-tap {
	display: flex;
	justify-content: space-around;
	align-items: center
}

.productsx-section6 .productsx-section6-tap .button {
	cursor: pointer
}

.productsx-section6 .productsx-section6-tap .button i {
	font-size: 60px;
	color: #fff
}

.productsx-section6 .productsx-section6-tap .button:hover i {
	color: #e15d26
}

.productsx-section6 .productsx-section6-tap .list {
	width: 80%;
	margin: 0 auto;
	overflow: hidden
}

.productsx-section6 .productsx-section6-tap .list .swiper-slide {
	border-radius: 10px;
	overflow: hidden
}

.productsx-section6 .productsx-section6-tap .list .swiper-slide img {
	width: 100%;
	height: 100%
}

.productsx-section7 {
	padding: 5% 0
}

.productsx-section7 .tie {
	position: relative;
	padding-bottom: 5%
}

.productsx-section7 .productsx-section7-tap .swiper-slide {
	overflow: hidden;
	border-radius: 10px
}

.productsx-section7 .productsx-section7-tap .swiper-slide .img img {
	width: 100%;
	height: 100%;
	object-fit: cover
}

.productsx-section7 .productsx-section7-tap .swiper-slide .title {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: flex-end;
	align-items: flex-end;
	padding: 40px;
	font-size: 40px;
	color: #fff
}

.fuwu-list li {
	margin-top: 0
}

.fuwu-list .item .info {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	padding: 1rem 1rem 2rem 1rem
}

.fuwu-list .item .info h4 {
	color: #000
}

.fuwu-list .item .info p {
	color: #999999;
	white-space: normal;
	text-align: center;
}

.fuwu-list .item .info span {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	font-size: 14px;
	border: 1px solid #e15d26;
	border-radius: 50px;
	padding: 6px 20px;
	color: #e15d26
}

.fuwu-list .item .info span i {
	font-style: 18px;
	color: #e15d26;
	transform: translateX(0);
	transition: .4s all
}

.fuwu-list .item:hover .img-position img {
	transform: scale(1.09)
}

.fuwu-list .item:hover .info {
	background: #e15d26;
	transition: .4s all
}

.fuwu-list .item:hover .info h4,
.fuwu-list .item:hover .info p {
	color: #fff
}

.fuwu-list .item:hover .info span {
	border: 1px solid #fff;
	color: #fff
}

.fuwu-list .item:hover .info span i {
	transform: translateX(6px);
	color: #fff
}

.shouqian {
	width: 60%;
	margin: 0 auto
}

.shouqian .tie h4 {
	color: #e15d26
}

.shouqian .shouqian-from .input-list li {
	display: flex;
	align-items: center;
	justify-content: space-between
}

.shouqian .shouqian-from .input-list li.required span {
	position: relative
}

.shouqian .shouqian-from .input-list li.required span::after {
	content: '*';
	position: absolute;
	left: -8px;
	top: 0;
	color: red;
	font-size: 18px
}

.shouqian .shouqian-from .input-list li span {
	font-size: 18px;
	color: #000
}

.shouqian .shouqian-from .input-list li input {
	height: 45px;
	border: 1px solid #e3e3e3;
	width: 75%;
	padding: 0 10px;
	font-size: 18px
}

.shouqian .shouqian-from .input-list li input:focus {
	border: 1px solid #e15d26
}

.shouqian .shouqian-from .demand {
	display: flex;
	align-items: flex-start;
	justify-content: space-between
}

.shouqian .shouqian-from .demand span {
	font-size: 18px;
	color: #000
}

.shouqian .shouqian-from .demand textarea {
	height: 90px;
	border: 1px solid #e3e3e3;
	width: 88.12%;
	padding: 0 10px;
	font-size: 18px
}

.shouqian .shouqian-from .demand textarea:focus {
	border: 1px solid #e15d26
}

.shouqian .shouqian-from .brand {
	display: flex;
	align-items: center;
	justify-content: space-between
}

.shouqian .shouqian-from .brand span {
	font-size: 18px;
	color: #000
}

.shouqian .shouqian-from .brand .list {
	display: flex;
	align-items: center;
	width: 88.12%
}

.shouqian .shouqian-from .brand .list li {
	font-size: 18px;
	color: #696969;
	display: flex;
	align-items: center;
	margin-right: 20px
}

.shouqian .shouqian-from .brand .list li input {
	margin-right: 8px
}

.shouqian .shouqian-from .brand .list li input[type="checkbox"] {
	border-radius: 100px;
	position: relative;
	width: 14px;
	height: 14px;
	line-height: 14px;
	border: 1px solid #949494;
	-webkit-appearance: none
}

.shouqian .shouqian-from .brand .list li input[type="checkbox"]:checked {
	border: 1px solid #e15d26
}

.shouqian .shouqian-from .brand .list li input[type="checkbox"]:checked:after {
	content: "✓";
	position: absolute;
	top: -2px;
	color: #e15d26;
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	left: 2px
}

.shouqian .shouqian-from .submit button {
	padding: 8px 40px;
	background: #e15d26;
	color: #fff;
	border-radius: 50px;
	margin-right: 20px
}

.shouqian .shouqian-from .submit button:last-child {
	background: #4e4e4e
}

.shouhou .shouhou-section {
	padding: 40px 0
}

.shouhou .shouhou-section .cont {
	color: #010101;
	line-height: 30px
}

.shouhou .shouhou-section3 .cont {
	padding: 30px 0 50px 0;
	background: #fff3ee
}

.shouhou .shouhou-section3 .cont .tie {
	display: inline-block;
	background: linear-gradient(to top, #e25f28, #fe8b5c);
	padding: 10px 20px;
	color: #fff
}

.shouhou .shouhou-section5 .shoushou-from {
	width: 60%;
	margin: 0 auto
}

.shouhou .shouhou-section5 .shoushou-from .input-list li {
	display: flex;
	align-items: center;
	justify-content: space-between
}

.shouhou .shouhou-section5 .shoushou-from .input-list li.required span {
	position: relative
}

.shouhou .shouhou-section5 .shoushou-from .input-list li.required span::after {
	content: '*';
	position: absolute;
	left: -8px;
	top: 0;
	color: red;
	font-size: 18px
}

.shouhou .shouhou-section5 .shoushou-from .input-list li span {
	font-size: 18px;
	color: #000
}

.shouhou .shouhou-section5 .shoushou-from .input-list li input {
	height: 45px;
	border: 1px solid #e3e3e3;
	width: 75%;
	padding: 0 10px;
	font-size: 18px
}

.shouhou .shouhou-section5 .shoushou-from .input-list li input:focus {
	border: 1px solid #e15d26
}

.shouhou .shouhou-section5 .shoushou-from .demand {
	display: flex;
	align-items: flex-start;
	justify-content: space-between
}

.shouhou .shouhou-section5 .shoushou-from .demand span {
	font-size: 18px;
	color: #000
}

.shouhou .shouhou-section5 .shoushou-from .demand textarea {
	height: 90px;
	border: 1px solid #e3e3e3;
	width: 88.12%;
	padding: 10px;
	font-size: 18px
}

.shouhou .shouhou-section5 .shoushou-from .demand textarea:focus {
	border: 1px solid #e15d26
}

.shouhou .shouhou-section5 .shoushou-from .brand {
	display: flex;
	align-items: center;
	justify-content: space-between
}

.shouhou .shouhou-section5 .shoushou-from .brand span {
	font-size: 18px;
	color: #000
}

.shouhou .shouhou-section5 .shoushou-from .brand .list {
	display: flex;
	align-items: center;
	width: 88.12%
}

.shouhou .shouhou-section5 .shoushou-from .brand .list li {
	font-size: 18px;
	color: #696969;
	display: flex;
	align-items: center;
	margin-right: 20px
}

.shouhou .shouhou-section5 .shoushou-from .brand .list li input {
	margin-right: 8px
}

.shouhou .shouhou-section5 .shoushou-from .brand .list li input[type="checkbox"] {
	border-radius: 100px;
	position: relative;
	width: 14px;
	height: 14px;
	line-height: 14px;
	border: 1px solid #949494;
	-webkit-appearance: none
}

.shouhou .shouhou-section5 .shoushou-from .brand .list li input[type="checkbox"]:checked {
	border: 1px solid #e15d26
}

.shouhou .shouhou-section5 .shoushou-from .brand .list li input[type="checkbox"]:checked:after {
	content: "✓";
	position: absolute;
	top: -2px;
	color: #e15d26;
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	left: 2px
}

.shouhou .shouhou-section5 .shoushou-from .submit {
	display: flex;
	justify-content: center;
	align-items: center
}

.shouhou .shouhou-section5 .shoushou-from .submit button {
	padding: 8px 40px;
	background: #e15d26;
	color: #fff;
	border-radius: 50px;
	margin-right: 20px
}

.shouhou .shouhou-section5 .shoushou-from .submit button:last-child {
	background: #4e4e4e
}

.page-cult .page-cult-section1 {
	padding: 50px 0
}

.page-cult .page-cult-section1 .info .item h4 {
	color: #e15d26;
	margin-bottom: 20px;
	font-weight: bold
}

.page-cult .page-cult-section1 .info .item .txt {
	line-height: 50px;
	color: #000
}

.page-cult .page-cult-section1 .info .item .txt p {
	color: #000
}

.page-cult .page-cult-section1 .info .item .txt p span {
	color: #e15d26
}

.page-cult .page-cult-section2 {
	padding: 50px 0
}

.page-cult .page-cult-section2 .list li {
	margin-bottom: 30px
}

.page-cult .page-cult-section2 .list li:nth-child(2n) {
	flex-direction: row-reverse;
	margin-bottom: 0
}

.page-cult .page-cult-section2 .list li .info .item {
	padding: 50px 30px;
	width: 100%
}

.page-cult .page-cult-section2 .list li .info .item h4 {
	color: #e15d26;
	margin-bottom: 10px
}

.page-cult .page-cult-section2 .list li .info .item p {
	font-size: 1rem;
	color: #000
}

.page-cult .page-cult-section2 .list li .img .item {
	position: relative
}

.page-cult .page-cult-section2 .list li .img .item .imgs img {
	width: 100%;
	height: 100%
}

.page-cult .page-cult-section2 .list li .img .item .cont {
	position: absolute;
	left: 0;
	top: 0;
	width: 75%;
	height: 100%;
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	padding: 30px;
	color: #fff;
	line-height: 40px
}

.page-cult-section3 {
	padding: 50px 0
}

.page-cult-section3 .list {
	padding: 100px 0 150px 0
}

.page-cult-section3 .list li:last-child .item {
	border: none
}

.page-cult-section3 .list li .item {
	text-align: center;
	border-right: 1px solid rgba(255, 255, 255, 0.2)
}

.page-cult-section3 .list li .item h4 {
	color: #fff;
	margin-bottom: 16px
}

.page-cult-section3 .list li .item .cont {
	color: #fff;
	line-height: 40px
}

.page-concept-section4 {
	padding: 0 0 100px 0
}

.page-concept-section4 .list .item {
	position: relative
}

.page-concept-section4 .list .item .info {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	flex-direction: column;
	padding: 25% 5% 5% 5%
}

.page-concept-section4 .list .item .info h4 {
	color: #fff;
	margin-bottom: 30px
}

.page-concept-section4 .list .item .info .desc {
	color: #fff;
	line-height: 36px;
	text-align: center
}

.page-concept-section4 .list .item .imgs img {
	width: 100%
}

.page-development .pageTie h4 {
	color: #000;
	font-weight: bold;
	padding-bottom: 6px;
	margin-bottom: 14px;
	border-bottom: 4px solid #e15d26;
	display: inline-flex
}

.page-development .pageTie p {
	line-height: 36px;
	color: #646464;
	width: 70%;
	margin: 0 auto
}

.page-development .page-development-section1 {
	padding: 50px 0
}

.page-development .page-development-section1 .list .item {
	display: flex;
	justify-content: space-between;
	align-items: flex-start
}

.page-development .page-development-section1 .list .item .imgs {
	margin-right: 2%;
	width: 40%
}

.page-development .page-development-section1 .list .item .imgs img {
	width: 100%;
	height: 100%
}

.page-development .page-development-section1 .list .item .info {
	width: 58%
}

.page-development .page-development-section1 .list .item .info h4 {
	font-size: 18px;
	color: #000
}

.page-development .page-development-section1 .list .item .info p {
	color: #e15d26;
	margin: 20px 0;
	font-weight: bold
}

.page-development .page-development-section1 .list .item .info .desc {
	font-size: 14px;
	color: #5f5f5f
}

.page-development .page-development-section2 {
	padding: 50px 0
}

.page-development .page-development-section2 .list li {
	margin-bottom: 30px
}

.page-development .page-development-section2 .list li:nth-child(2n) {
	flex-direction: row-reverse;
	margin-bottom: 0
}

.page-development .page-development-section2 .list li .info .item {
	padding: 50px 30px;
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column
}

.page-development .page-development-section2 .list li .info .item h4 {
	font-size: 36px;
	color: #e15d26;
	margin-bottom: 30px
}

.page-development .page-development-section2 .list li .info .item p {
	font-size: 22px;
	color: #000;
	text-align: center;
	line-height: 40px
}

.page-development .page-development-section2 .list li .img .item {
	position: relative
}

.page-development .page-development-section2 .list li .img .item .imgs img {
	width: 100%;
	height: 100%
}

.page-development .page-development-section2 .list li .img .item .cont {
	position: absolute;
	left: 0;
	top: 0;
	width: 70%;
	height: 100%;
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	padding: 30px;
	color: #fff;
	line-height: 40px
}

.page-development .page-development-section3 {
	padding: 50px 0
}

.page-development .page-development-section3 .list .item .img img {
	width: 100%;
	height: 100%
}

.page-development .page-development-section4 {
	padding: 50px 0
}

.page-development .page-development-section4 .list {
	overflow: hidden
}

.page-development .page-development-section4 .list .item {
	padding: 5%
}

.page-development .page-development-section4 .list .item .img-position {
	position: relative;
	padding-top: 130%;
	overflow: hidden
}

.page-development .page-development-section4 .list .item:hover .img-position img {
	transform: scale(1.09)
}

.page-production .pageTie h4 {
	color: #000;
	font-weight: bold;
	padding-bottom: 6px;
	margin-bottom: 14px;
	border-bottom: 4px solid #e15d26;
	display: inline-flex
}

.page-production .pageTie p {
	line-height: 36px;
	color: #646464;
	width: 70%;
	margin: 0 auto
}

.page-production .page-production-section1 {
	padding: 50px 0
}

.page-production .page-production-section2 {
	padding: 50px 0
}

.page-production .page-production-section2 .list .item {
	padding: 80px 70px;
	background: #f3f3f3;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	flex-direction: column;
	height: 100%
}

.page-production .page-production-section2 .list .item .tie {
	position: relative;
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 20%
}

.page-production .page-production-section2 .list .item .tie h4 {
	font-size: 40px;
	color: #000;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center
}

.page-production .page-production-section2 .list .item .tie i {
	font-size: 100px;
	color: #dadada;
	font-weight: bold;
	font-style: normal
}

.page-production .page-production-section2 .list .item .desc {
	font-size: 20px;
	color: #000;
	line-height: 40px;
	text-align: center
}

.page-production .page-production-section3 {
	padding: 50px 0
}

.page-production .page-production-section3 .list li:last-child .item {
	border: none
}

.page-production .page-production-section3 .list li .item {
	border-right: 1px solid #c6c6c6;
	text-align: center
}

.page-production .page-production-section3 .list li .item h4 {
	color: #e15d26;
	font-weight: bold
}

.page-production .page-production-section3 .list li .item .cont {
	color: #000
}

.page-production .page-production-section4 {
	padding: 50px 0
}

.page-production .page-production-section4 li:nth-child(6) .item::after,
.page-production .page-production-section4 li:last-child .item::after {
	display: none
}

.page-production .page-production-section4 li .item {
	text-align: center;
	height: 100%;
	border: 1px solid #e15d26;
	padding: 30px 0;
	position: relative
}

.page-production .page-production-section4 li .item::after {
	content: '';
	position: absolute;
	right: -24px;
	top: 50%;
	width: 21px;
	height: 16px;
	background: url(../images/icon-right.png) no-repeat center
}

.page-production .page-production-section4 li .item h4 {
	color: #e15d26;
	font-weight: bold
}

.page-production .page-production-section4 li .item .desc {
	color: #000
}

.page-production .page-production-section5 {
	padding: 50px 0
}

.page-production .page-production-section5 .list li .item .img-position {
	padding-top: 73%;
	overflow: hidden
}

.page-production .page-production-section5 .list li .info {
	padding: 20px
}

.page-production .page-production-section5 .list li .info h4 {
	color: #e15d26;
	text-align: center;
	margin-bottom: 20px
}

.page-production .page-production-section5 .list li .info .desc {
	color: #656565;
	line-height: 30px
}

.page-recruitment .page-recruitment-section1 .list li .item {
	width: 100%;
	height: 100%;
	position: relative
}

.page-recruitment .page-recruitment-section1 .list li .item .img img {
	width: 100%;
	height: 100%
}

.page-recruitment .page-recruitment-section1 .list li .item .info {
	width: 100%;
	height: 100%;
	padding: 30px;
	color: #fff;
	min-height: 490px
}

.page-recruitment .page-recruitment-section1 .list li .item .info h4 {
	color: #fff
}

.page-recruitment .page-recruitment-section2 {
	padding: 50px 0
}

.page-recruitment .page-recruitment-section2 .list li .item .img-position {
	padding-top: 53%
}

.page-recruitment .page-recruitment-section2 .list li .item .info h4 {
	color: #000;
	text-align: center;
	font-weight: bold
}

.page-recruitment .page-recruitment-section2 .list li .item .info .desc {
	color: #000;
	line-height: 30px
}

.page-recruitment .page-recruitment-section3 .list {
	position: relative
}

.page-recruitment .page-recruitment-section3 .list .page-recruitment-section3-button {
	position: absolute;
	top: 50%;
	cursor: pointer
}

.page-recruitment .page-recruitment-section3 .list .page-recruitment-section3-button i {
	font-size: 30px;
	font-weight: bold;
	color: #a3a3a3
}

.page-recruitment .page-recruitment-section3 .list .page-recruitment-section3-button.page-recruitment-section3-prev {
	left: -50px
}

.page-recruitment .page-recruitment-section3 .list .page-recruitment-section3-button.page-recruitment-section3-next {
	right: -50px
}

.page-recruitment .page-recruitment-section3 .list .page-recruitment-section3-button:hover i {
	color: #e15d26
}

.page-recruitment .page-recruitment-section3 .list .page-recruitment-section3-swiper {
	overflow: hidden
}

.product-catList li {
	display: flex;
	justify-content: space-between;
	padding-bottom: 40px;
	margin-bottom: 40px;
	border-bottom: 1px solid #dedede
}

.product-catList li .img-position {
	width: 40%;
	padding-top: 20%
}

.product-catList li .img-position img {
	object-fit: scale-down
}

.product-catList li .info {
	width: 55%
}

.product-catList li .info h4 {
	color: #e15d26
}

.product-catList li .info p {
	margin: 30px 0;
	font-size: 14px;
	color: #464646;
	width: 80%
}

.product-catList li .info .childnav a {
	color: #000;
	font-size: 14px;
	margin-right: 10px;
	margin-bottom: 10px
}

.product-catList li .info .childnav a i {
	color: #000
}

.product-catList li .info .childnav a:first-child {
	color: #e15d26
}

.product-catList li .info .childnav a:first-child i {
	color: #e15d26
}

.product-catList li .info .childnav a:hover {
	color: #e15d26
}

.product-catList li .info .childnav a:hover i {
	color: #e15d26
}

.shaixuan {
	margin-bottom: 40px
}

.shaixuan .shaixuan-content .frame b {
	font-size: 14px;
	color: #000;
	margin-right: 20px
}

.shaixuan .shaixuan-content .frame a {
	font-size: 14px;
	color: #000;
	margin-right: 20px
}

.shaixuan .shaixuan-content .frame a i {
	width: 10px;
	height: 10px;
	border: 1px solid #000;
	display: inline-block;
	position: relative;
	margin-right: 4px
}

.shaixuan .shaixuan-content .frame a i::after {
	content: "✓";
	position: absolute;
	left: 0;
	top: -8px;
	width: 100%;
	height: 100%;
	color: #e15d26;
	opacity: 0
}

.shaixuan .shaixuan-content .frame a.active {
	color: #e15d26
}

.shaixuan .shaixuan-content .frame a.active i {
	border: 1px solid #e15d26
}

.shaixuan .shaixuan-content .frame a.active i::after {
	opacity: 1
}

.news-label .news-label-list .frame a {
	font-size: 14px;
	padding: 6px 10px;
	border: 1px solid #414141;
	border-radius: 50px;
	margin-right: 10px;
	margin-bottom: 10px;
	display: inline-block
}

.news-label .news-label-list .frame a:hover {
	color: #fff;
	background: #e15d26;
	border: 1px solid #e15d26
}

.download-shaixuan {
	margin-bottom: 40px;
	margin-top: 30px
}

.download-shaixuan .frame {
	margin-bottom: 20px
}

.download-shaixuan .frame b {
	font-size: 14px;
	color: #000;
	margin-right: 20px
}

.download-shaixuan .frame a {
	font-size: 14px;
	color: #000;
	margin-right: 20px
}

.download-shaixuan .frame a i {
	width: 10px;
	height: 10px;
	border: 1px solid #000;
	display: inline-block;
	position: relative;
	margin-right: 4px
}

.download-shaixuan .frame a i::after {
	content: "✓";
	position: absolute;
	left: 0;
	top: -8px;
	width: 100%;
	height: 100%;
	color: #e15d26;
	opacity: 0
}

.download-shaixuan .frame a.active {
	color: #e15d26
}

.download-shaixuan .frame a.active i {
	border: 1px solid #e15d26
}

.download-shaixuan .frame a.active i::after {
	opacity: 1
}

.page-cult .page-cult-section1 .img .item img {
	width: 100%
}

.pinpaifuwu-list .item .item-list {
	position: relative;
	overflow: hidden
}

.pinpaifuwu-list .item .item-list .img-position {
	padding-top: 73%
}

.pinpaifuwu-list .item .item-list .img-position img {
	opacity: .3
}

.pinpaifuwu-list .item .item-list .info {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	padding: 30px;
	font-size: 14px;
	color: #000;
	transition: .3s all
}

.pinpaifuwu-list .item .item-list .info h4 {
	margin-bottom: 10px;
	color: #000
}

.pinpaifuwu-list .item .item-list:hover .img-position img {
	transform: scale(1.09)
}

.pinpaifuwu-list .item .item-list:hover .info {
	background: rgba(255, 93, 38, 0.75);
	color: #fff
}

.pinpaifuwu-list .item .item-list:hover .info h4 {
	color: #fff
}

.pinpaifuwu-fuwulinian .pinpaifuwu-fuwulinian-list .item {
	display: flex;
	flex-direction: column;
	height: 100%
}

.pinpaifuwu-fuwulinian .pinpaifuwu-fuwulinian-list .item .img-position {
	padding-top: 73%
}

.pinpaifuwu-fuwulinian .pinpaifuwu-fuwulinian-list .item .info {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	padding: 30px;
	border: 1px solid #dcdcdc;
	border-top: none;
	height: 100%
}

.pinpaifuwu-fuwulinian .pinpaifuwu-fuwulinian-list .item .info i {
	font-size: 40px;
	color: #e15d26
}

.pinpaifuwu-fuwulinian .pinpaifuwu-fuwulinian-list .item .info h4 {
	margin: 10px 0;
	color: #e15d26
}

.pinpaifuwu-fuwulinian .pinpaifuwu-fuwulinian-list .item .info p {
	font-size: 14px;
	color: #000;
	text-align: center;
}

/*# sourceMappingURL=./style.css.map */
.inside_con{ padding:10px 0;}
.clear{ margin:0; padding:0; font-size:0; clear:both; }