.banner {
	width: 100%;
	height: 100vh;
	overflow: hidden;
	position: relative;
	background-color: white;
	position: fixed;
	top: 0;
	left: 0;
	z-index: -1
}

.banner .swiper1 {
	width: 100%;
	height: 100vh;
	position: relative
}

.banner .swiper1 .swiper-slide {
	width: 100%;
	overflow: hidden
}

.banner .swiper1 .swiper-slide .box {
	width: 100%;
	height: 100%;
	position: relative;
	overflow: hidden
}

.banner .swiper1 .swiper-slide .box .img {
	width: 100%;
	height: 100%;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	position: absolute;
	top: 0;
	left: -1000px;
	right: -1000px;
	margin: auto;
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden
}

.banner .swiper1 .swiper-slide .box .img video {
	position: relative;
	height: 100vh;
	object-fit: cover;
	object-position: 50% 50%;
	width: 100%;
	z-index: -1
}

.banner .swiper1 .swiper-slide .box .text {
	position: absolute;
	left: 13.5%;
	top: 44%;
	height: .585rem;
	overflow: hidden
}

.banner .swiper1 .swiper-slide .box .text span {
	display: block;
	font-size: .585rem;
	font-weight: bold;
	line-height: .585rem;
	color: #ffffff
}

.banner .swiper1 .swiper-slide .box .s-text {
	position: absolute;
	left: 13.5%;
	top: calc(44% + 54px + .585rem);
	height: .24rem;
	overflow: hidden
}

.banner .swiper1 .swiper-slide .box .s-text span {
	display: block;
	font-size: .24rem;
	line-height: .24rem;
	color: #ffffff;
	opacity: .5
}

.banner .swiper1 .swiper-pagination-bullets {
	bottom: 12vh;
	left: 13.5%;
	width: auto
}

.banner .swiper1 .swiper-pagination-bullets .swiper-pagination-bullet {
	width: 40px;
	height: 2px;
	display: inline-block;
	border-radius: 0;
	background: white;
	opacity: 1;
	margin: 0 12px;
	transition: .5s
}

.banner .swiper1 .swiper-pagination-bullets .swiper-pagination-bullet-active {
	width: 80px;
	height: 2px;
	background: #c43810;
	opacity: 1
}

.banner .swiper1 .swiper-button-next,
.banner .swiper1 .swiper-button-prev {
	position: absolute;
	top: 0;
	width: 50%;
	height: 100vh;
	margin-top: 0;
	z-index: 10;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--swiper-navigation-color, var(--swiper-theme-color))
}

.banner .swiper1 .swiper-button-next::after,
.banner .swiper1 .swiper-button-prev::after {
	content: ""
}

.banner .swiper1 .swiper-button-next1 {
	cursor: url(../images/cursor-next.png) 22 28, pointer
}

.banner .swiper1 .swiper-button-prev1 {
	cursor: url(../images/cursor-prev.png) 22 28, pointer
}

.m-banner {
	display: none
}

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


.home-pro{padding: 4% 0 0;background: url(../images/probg.jpg) no-repeat center center;}
.home-ti{text-align: center;margin-bottom: 4%;font-size: 0.21rem;color: #333;}
.home-ti p{font-size: .2rem;color: #c7c7c7;}
.detail .item{position:relative;display: block;overflow: hidden;height: 4rem;}
.detail .item::after{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, .3);}
.detail .item .img{width: 100%;height: 100%;object-fit: cover; display: block;transition: all 2s;}
.detail .item .bot{position:absolute;width: 100%;left: 0;bottom: 40px;padding:0 40px;z-index:50;}
.detail .item .title{font-size: .15rem;font-weight: bold; color: #fff;margin-bottom: .1rem;}
.detail .item .more{color: #fff;font-size: .13rem;}
.detail .item:before{content:'';width: 1px;height: 100%;background: rgba(255,255,255,.4);right: 0;top: 0;position:absolute;z-index:20;}
.detail .item:hover .title{opacity: .8;}
.detail .item:hover .more{opacity: .8;}
.detail .item:hover .img{transform: scale(1.05,1.05);}
.detail .item .shade{position:absolute;width: 100%;height: 100%;left: 0;bottom: 0;background: rgba(0,0,0,0);transition: all .3s;}
.detail .item:hover .shade{background: rgba(0,0,0,.15);}
.detail .swiper-button-next, .detail .swiper-button-prev{width: 62px;height: 62px;margin-top: -31px;}
.detail .swiper-button-prev{background: url(../images/idx_23.png) no-repeat center;background-size:contain;left: 1%;z-index: 999;}
.detail .swiper-button-next{background: url(../images/idx_24.png) no-repeat center;background-size:contain;right: 1%;z-index: 999;}
.detail .swiper-button-prev:after,.detail .swiper-button-next:after{content: "";}



.news {
	width: 100%;
	padding-top: .7rem;
	background-color: white;
	padding-bottom: .4rem;
	position: relative;
	z-index: 2
}

.news .box {
	width: 73%;
	margin: 0 auto;
	position: relative
}

.news .box .left {
	overflow: hidden
}

.news .box .left.init .s-title {
	-webkit-transform: translateX(-101%);
	transform: translateX(-101%)
}

.news .box .left.init .s-title .cover {
	-webkit-transform: translateX(0%);
	transform: translateX(0%)
}

.news .box .left.init .title {
	-webkit-transform: translateX(-101%);
	transform: translateX(-101%)
}

.news .box .left.init .title .cover {
	-webkit-transform: translateX(0%);
	transform: translateX(0%)
}

.news .box .left .s-title {
	font-size: .21rem;
	font-weight: bold;
	line-height: .21rem;
	color: #333333;
	position: relative;
	overflow: hidden;
	display: inline-block;
	-webkit-transform: translateX(0%);
	transform: translateX(0%);
	transition: transform .5s cubic-bezier(0, 0, 0, 1);
	-webkit-transition: -webkit-transform .5s cubic-bezier(0, 0, 0, 1)
}

.news .box .left .s-title .cover {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #fff;
	transition: transform .4s cubic-bezier(0, 0, 0, 1);
	-webkit-transition: -webkit-transform .4s cubic-bezier(0, 0, 0, 1);
	-webkit-transform: translateX(101%);
	transform: translateX(101%);
	transition-delay: .6s;
	-webkit-transition-delay: .6s
}

.news .box .left .title {
	font-size: .20rem;
	line-height: 1.4;
	letter-spacing: -.0075rem;
	color: #d9d9d9;
	margin-top: .075rem;
	position: relative;
	overflow: hidden;
	display: inline-block;
	-webkit-transform: translateX(0%);
	transform: translateX(0%);
	transition: transform .5s cubic-bezier(0, 0, 0, 1);
	-webkit-transition: -webkit-transform .5s cubic-bezier(0, 0, 0, 1);
	transition-delay: .2s;
	-webkit-transition-delay: .2s
}

.news .box .left .title .cover {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #fff;
	transition: transform .4s cubic-bezier(0, 0, 0, 1);
	-webkit-transition: -webkit-transform .4s cubic-bezier(0, 0, 0, 1);
	-webkit-transform: translateX(101%);
	transform: translateX(101%);
	transition-delay: .8s;
	-webkit-transition-delay: .8s
}

.news .box .button {
	width: 1.8rem;
	height: .4875rem;
	background-color: #147dbd;
	position: absolute;
	right: 0;
	top: 6px;
	overflow: hidden;
	display: inline-block;
	transition: background-color 0s cubic-bezier(.52, .08, .18, 1) 0s
}

.news .box .button a {
	display: inline-block;
	width: 100%;
	text-align: center;
	line-height: .4875rem;
	font-size: .12rem;
	color: #fff;
	position: relative;
	z-index: 1;
	transition: .3s cubic-bezier(.52, .08, .18, 1)
}

.news .box .button::after {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 110%;
	height: 100%;
	background-color: #c43810;
	transition: -webkit-transform .55s cubic-bezier(.52, .08, .18, 1);
	transition: transform .55s cubic-bezier(.52, .08, .18, 1);
	transition: transform .55s cubic-bezier(.52, .08, .18, 1), -webkit-transform .55s cubic-bezier(.52, .08, .18, 1);
	-webkit-transform-origin: right top;
	transform-origin: right top;
	-webkit-transform: translateX(-101%) skewX(-17.62deg);
	transform: translateX(-101%) skewX(-17.62deg);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
}

.news .box .button:hover {
	background-color: #c43810;
	transition: background-color .1s linear .35s
}

.news .box .button:hover a {
	color: white
}

.news .box .button:hover::after {
	-webkit-transform: translateX(0) skewX(-17.62deg);
	transform: translateX(0) skewX(-17.62deg);
	-webkit-transform-origin: left top;
	transform-origin: left top
}

.news .box .tabs {
	width: 100%;
	position: relative;
	margin-top: .525rem
}

.news .box .tabs .horizontal {
	position: absolute;
	left: 2.805rem;
	top: -.735rem
}

.news .box .tabs .horizontal li {
	float: left;
	font-size: .15rem;
	font-weight: bold;
	line-height: .15rem;
	color: #cdcdcd;
	margin-right: .4125rem;
	position: relative;
	transition: .5s;
	cursor: pointer
}

.news .box .tabs .horizontal li::after {
	content: "";
	width: 0;
	height: 2px;
	background-color: #c43810;
	position: absolute;
	left: 0;
	bottom: -5px;
	transition: .5s
}

.news .box .tabs .horizontal li:hover {
	color: #c43810
}

.news .box .tabs .horizontal li:hover::after {
	width: 100%
}

.news .box .tabs .horizontal li.selectActive {
	color: #c43810
}

.news .box .tabs .horizontal li.selectActive::after {
	width: 100%
}

.news .box .tabs .tab {
	width: 100%
}

.news .box .tabs .tab::after {
	content: "";
	width: 0;
	height: 0;
	display: block;
	float: none;
	clear: both
}

.news .box .tabs .tab .tab-left {
	width: 47.32%;
	float: left
}

.news .box .tabs .tab .tab-left .swiper-container {
	width: 100%;
	box-shadow: 0 0 27px 0 rgba(0, 0, 0, .1)
}

.news .box .tabs .tab .tab-left .swiper-container .swiper-slide {
	width: 100%
}

.news .box .tabs .tab .tab-left .swiper-container .swiper-slide a {
	display: block
}

.news .box .tabs .tab .tab-left .swiper-container .swiper-slide a .img-box {
	display: block;
	width: 100%;
	height: 2.91001rem;
	position: relative;
	overflow: hidden
}
.news .box .tabs .tab .tab-left .swiper-container .swiper-slide a .img-box img{width: 100%;height: 100%;object-fit: cover;}
.news .box .tabs .tab .tab-left .swiper-container .swiper-slide a .img-box .img {
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	position: absolute;
	top: -100px;
	bottom: -100px;
	margin: auto;
	width: 100%;
	height: 100%;
	transition: .5s ease;
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	transform: scale(1.0001)
}

.news .box .tabs .tab .tab-left .swiper-container .swiper-slide a .text {
	width: 100%;
	height: 1.56rem;
	display: block
}

.news .box .tabs .tab .tab-left .swiper-container .swiper-slide a .text .left {
	width: .51rem;
	display: block;
	float: left;
	margin-left: .37rem;
	margin-top: .2rem
}

.news .box .tabs .tab .tab-left .swiper-container .swiper-slide a .text .left .top {
	font-size: .41rem;
	line-height: .51rem;
	letter-spacing: -.0225rem;
	color: #147dbd
}

.news .box .tabs .tab .tab-left .swiper-container .swiper-slide a .text .left .bottom {
	margin-top: .12rem;
	padding-top: .12rem;
	border-top: solid .015rem #d9d9d9;
	font-size: .13rem;
	line-height: .15rem;
	letter-spacing: -.0075rem;
	color: #c43810
}

.news .box .tabs .tab .tab-left .swiper-container .swiper-slide a .text .right {
	width: 3.4125rem;
	display: block;
	float: left;
	margin-top: .26rem;
	margin-left: .3rem
}

.news .box .tabs .tab .tab-left .swiper-container .swiper-slide a .text .right .title {
	font-size: .18rem;
	font-weight: bold;
	line-height: .27rem;
	color: #000000;
	overflow: hidden;
	display: -webkit-box;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	max-height: .54rem;
	transition: .5s
}

.news .box .tabs .tab .tab-left .swiper-container .swiper-slide a .text .right .p {
	font-size: .135rem;
	line-height: .24rem;
	color: #666666;
	margin-top: .045rem;
	overflow: hidden;
	display: -webkit-box;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	max-height: .48rem
}

.news .box .tabs .tab .tab-left .swiper-container .swiper-slide a:hover .img-box .img {
	transform: scale(1.1)
}

.news .box .tabs .tab .tab-left .swiper-container .swiper-slide a:hover .text .right .title {
	color: #c43810
}

.news .box .tabs .tab .tab-left .swiper-container .swiper-pagination-bullets {
	bottom: 1.65rem;
	right: .315rem;
	left: auto;
	width: auto
}

.news .box .tabs .tab .tab-left .swiper-container .swiper-pagination-bullets .swiper-pagination-bullet {
	width: .4125rem;
	height: .0225rem;
	display: inline-block;
	border-radius: 0;
	background: #cecece;
	opacity: 1
}

.news .box .tabs .tab .tab-left .swiper-container .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {
	background: #c43810
}

.news .box .tabs .tab .tab-right {
	width: 46.83%;
	float: left;
	margin-left: 5.85%
}

.news .box .tabs .tab .tab-right .list {
	width: 100%
}

.news .box .tabs .tab .tab-right .list .item {
	width: 100%;
	margin-bottom: .2475rem;
	padding-bottom: .2475rem;
	border-bottom: solid 1px #e6e6e6
}

.news .box .tabs .tab .tab-right .list .item:last-child {
	border-bottom: 0
}

.news .box .tabs .tab .tab-right .list .item a {
	display: block
}

.news .box .tabs .tab .tab-right .list .item a::after {
	content: "";
	width: 0;
	height: 0;
	display: block;
	float: none;
	clear: both
}

.news .box .tabs .tab .tab-right .list .item a .img-box {
	display: block;
	width: 1.125rem;
	height: .7425rem;
	position: relative;
	overflow: hidden;
	float: left
}

.news .box .tabs .tab .tab-right .list .item a .img-box .img {
	width: 100%;
	height: 100%;
	transition: .5s ease;
	position: relative
}

.news .box .tabs .tab .tab-right .list .item a .img-box .img img {
	width: 100%;
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	position: absolute;
	left: 0;
	top: -100px;
	bottom: -100px;
	margin: auto
}

.news .box .tabs .tab .tab-right .list .item a .text {
	display: block;
	width: calc(100% - 1.485rem);
}

.news .box .tabs .tab .tab-right .list .item a .text .title {
	font-size: .15rem;
	line-height: .24rem;
	color: #333333;
	transition: .5s
}

.news .box .tabs .tab .tab-right .list .item a .text .time {
	font-size: .12rem;
	line-height: .12rem;
	color: #999;
	margin-top: .0825rem
}

.news .box .tabs .tab .tab-right .list .item a:hover .img-box .img {
	transform: scale(1.2)
}

.news .box .tabs .tab .tab-right .list .item a:hover .text .title {
	color: #c43810;
	text-decoration: underline;
	text-underline-offset: .03rem
}

.industry {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	height: 6.355rem;
	position: relative;
	background-color: white;
	overflow: hidden;
	z-index: 2
}

.industry::after {
	content: '';
	width: 0;
	height: 0;
	display: block;
	float: none;
	clear: both
}

.industry .title {
	position: absolute;
	top: 0;
	left: 3.5%;
	z-index: 10;
	padding-left: .2025rem
}

.industry .title::after {
	content: "";
	width: 2px;
	height: 1.04rem;
	background-color: #ffffff;
	opacity: .3;
	position: absolute;
	left: 0;
	top: 0;
	transition: 1s
}

.industry .title .h2-box {
	width: .9rem;
	overflow: hidden;
	transition: 1s;
	transition-delay: 1s
}

.industry .title .h2-box .h2 {
	width: .9rem;
	font-size: .21rem;
	font-weight: bold;
	line-height: .21rem;
	color: #ffffff;
	margin-top: .45rem
}

.industry .title .h3-box {
	width: 3rem;
	overflow: hidden;
	transition: 1s;
	transition-delay: 1s
}

.industry .title .h3-box .h3 {
	width: 3rem;
	font-size: .20rem;
	line-height: 1.4;
	letter-spacing: -.0075rem;
	color: #ffffff;
	opacity: .2;
	margin-top: .12rem
}

.industry .title.open::after {
	content: "";
	height: 0
}

.industry .title.open .h2-box {
	width: 0
}

.industry .title.open .h3-box {
	width: 0
}

.industry .left {
	flex: 1;
	width: 25%;
	height: 50%;
	float: left
}

.industry .left:nth-child(2),
.industry .left:nth-child(3) {
	flex: auto;
	width: 50%
}

.industry .left a {
	width: 100%;
	height: 100%;
	display: block;
	position: relative;
	overflow: hidden;
	cursor: url(../images/cursor_link.png) 30 30, pointer
}

.industry .left a .img {
	display: block;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	position: absolute;
	margin: auto;
	width: 100%;
	height: 100%;
	transition: .5s;
	transform: scale(1.01)
}

.industry .left a .img::after {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: rgba(0, 0, 0, .5)
}

.industry .left a .img img {
	width: 100%;
	height: 100%;
	object-fit: cover
}

.industry .left a .icon {
	display: block;
	width: .9825rem;
	height: .9825rem;
	position: relative;
	margin-top: .6375rem;
	margin-left: 2.1825rem
}

.industry .left a .icon img {
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	transition: .5s
}

.industry .left a .icon img.red {
	opacity: 0
}

.industry .left a .icon img.white {
	opacity: 1;
	filter: brightness(0) invert(1);
	-webkit-filter: brightness(0) invert(1)
}

.fontBox{
	position: absolute;
	left: 1.4rem;
	top: 0;
	font-size: .18rem;
	color: #c43810;
	font-weight: bold;
	text-shadow: 2px 2px 0px #c3c3c3;
	animation: move 2s  ease-in infinite;
	perspective: 800px;
	transform-style: preserve-3d;
}
.m-header .fontBox{
	left: 2.8rem;
	font-size: .35rem;
}

 @keyframes move {
      0% {transform: rotateY(0deg);}
	  66.67% {transform: rotateY(360deg);}
      100% {transform: rotateY(360deg);}
    }

.industry .left a .text {
	position: relative;
	display: block;
	margin-top: .2925rem;
	margin-left: 2.1825rem
}

.industry .left a .text .h4 {
	font-size: .30rem;
	line-height: .39rem;
	color: #ffffff
}

.industry .left a .text .h5 {
	font-size: .14rem;
	line-height: .18rem;
	color: #ffffff;
	opacity: .5;
	margin-top: .21rem
}

.industry .left:nth-child(n+4) a .icon,
.industry .left:nth-child(n+4) a .text {
	margin-left: .2rem
}

.industry .left a .button {
	position: absolute;
	display: block;
	width: 1.35rem;
	height: .4425rem;
	background-color: rgba(255, 255, 255, .23);
	right: 10%;
	top: 1.254rem;
	font-size: .12rem;
	line-height: .4425rem;
	color: #fff;
	text-align: center;
	transition: .5s;
	opacity: 0
}

.industry .left a:hover .img {
	transform: scale(1.1)
}

.industry .left a:hover .icon img.red {
	opacity: 1
}

.industry .left a:hover .icon img.white {
	opacity: 0
}

.industry .left a:hover .button {
	opacity: 1;
	right: 11%
}

.industry .right {
	width: 50%;
	height: 100%;
	float: left
}

.industry .right .right-top {
	width: 100%;
	height: 50%
}

.industry .right .right-top a {
	width: 100%;
	display: block;
	height: 100%;
	position: relative;
	overflow: hidden;
	cursor: url(../images/cursor_link.png) 30 30, pointer
}

.industry .right .right-top a .img {
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	position: absolute;
	top: -100px;
	bottom: -100px;
	margin: auto;
	width: 100%;
	height: 100%;
	transition: .5s;
	transform: scale(1.01)
}

.industry .right .right-top a .img img {
	width: 100%;
	height: 100%
}

.industry .right .right-top a .icon {
	display: block;
	width: .69rem;
	height: .69rem;
	position: relative;
	margin-top: 1.02rem;
	margin-left: .96rem;
	float: left
}

.industry .right .right-top a .icon img {
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	transition: .5s
}

.industry .right .right-top a .icon img.red {
	opacity: 0
}

.industry .right .right-top a .icon img.white {
	opacity: 1
}

.industry .right .right-top a .text {
	position: relative;
	display: block;
	margin-top: .9825rem;
	margin-left: .435rem;
	float: left
}

.industry .right .right-top a .text .h4 {
	font-size: .39rem;
	line-height: .39rem;
	color: #ffffff
}

.industry .right .right-top a .text .h5 {
	font-size: .18rem;
	line-height: .18rem;
	color: #ffffff;
	opacity: .5;
	margin-top: .21rem
}

.industry .right .right-top a .button {
	position: relative;
	display: block;
	width: 1.35rem;
	height: .4425rem;
	background-color: rgba(255, 255, 255, .23);
	margin-top: 1.156rem;
	margin-left: .6rem;
	font-size: .12rem;
	line-height: .4425rem;
	color: #fff;
	text-align: center;
	transition: .5s;
	opacity: 0;
	float: left
}

.industry .right .right-top a:hover .img {
	transform: scale(1.1)
}

.industry .right .right-top a:hover .icon img.red {
	opacity: 1
}

.industry .right .right-top a:hover .icon img.white {
	opacity: 0
}

.industry .right .right-top a:hover .button {
	opacity: 1;
	margin-left: .435rem
}

.industry .right .right-bottom {
	width: 100%;
	height: 50%
}

.industry .right .right-bottom a {
	width: 100%;
	display: block;
	height: 100%;
	position: relative;
	overflow: hidden;
	cursor: url(../images/cursor_link.png) 30 30, pointer
}

.industry .right .right-bottom a .img {
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	position: absolute;
	top: -100px;
	bottom: -100px;
	margin: auto;
	width: 100%;
	height: 100%;
	transition: .5s;
	transform: scale(1.01)
}

.industry .right .right-bottom a .img img {
	width: 100%;
	height: 100%
}

.industry .right .right-bottom a .icon {
	display: block;
	width: .6525rem;
	height: .7875rem;
	position: relative;
	margin-top: .975rem;
	margin-left: 1.035rem;
	float: left
}

.industry .right .right-bottom a .icon img {
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	transition: .5s
}

.industry .right .right-bottom a .icon img.red {
	opacity: 0
}

.industry .right .right-bottom a .icon img.white {
	opacity: 1
}

.industry .right .right-bottom a .text {
	position: relative;
	display: block;
	margin-top: .9825rem;
	margin-left: .3825rem;
	float: left
}

.industry .right .right-bottom a .text .h4 {
	font-size: .39rem;
	line-height: .39rem;
	color: #ffffff
}

.industry .right .right-bottom a .text .h5 {
	font-size: .18rem;
	line-height: .18rem;
	color: #ffffff;
	opacity: .5;
	margin-top: .21rem
}

.industry .right .right-bottom a .button {
	position: relative;
	display: block;
	width: 1.35rem;
	height: .4425rem;
	background-color: rgba(255, 255, 255, .23);
	margin-top: 1.156rem;
	margin-left: 1.1rem;
	font-size: .12rem;
	line-height: .4425rem;
	color: #fff;
	text-align: center;
	transition: .5s;
	opacity: 0;
	float: left
}

.industry .right .right-bottom a:hover .img {
	transform: scale(1.1)
}

.industry .right .right-bottom a:hover .icon img.red {
	opacity: 1
}

.industry .right .right-bottom a:hover .icon img.white {
	opacity: 0
}

.industry .right .right-bottom a:hover .button {
	opacity: 1;
	margin-left: .935rem
}

.number-animate {
	line-height: .5625rem;
	height: .5625rem;
	font-size: .5625rem;
	overflow: hidden;
	display: inline-block;
	position: relative
}

.number-animate .number-animate-dom {
	width: .28rem;
	text-align: center;
	float: left;
	position: relative;
	top: 0
}

.number-animate .number-animate-dom span {
	float: left;
	width: 100%;
	height: .5625rem;
	line-height: 1.1
}

.data-box {
	width: 100%;
	height: 7.05rem;
	position: relative;
	overflow: hidden;
	z-index: 2;
	background-color: white
}

.data-box .box {
	width: 73%;
	height: 100%;
	margin: 0 auto;
	position: relative;
	z-index: 1
}

.data-box .box .title {
	position: absolute;
	top: 0;
	z-index: 10;
	padding-left: .2025rem
}

.data-box .box .title::after {
	content: "";
	width: 2px;
	height: 1.04rem;
	background: url(../images/xian.jpg);
	opacity: 1;
	position: absolute;
	left: 0;
	top: 0;
	transition: 1s
}

.data-box .box .title .h2-box {
	width: 1.2rem;
	overflow: hidden;
	transition: 1s;
	transition-delay: 1s
}

.data-box .box .title .h2-box .h2 {
	width: 1.2rem;
	font-size: .21rem;
	font-weight: bold;
	line-height: .21rem;
	color: #333333;
	margin-top: .45rem
}

.data-box .box .title .h3-box {
	width: 2.2rem;
	overflow: hidden;
	transition: 1s;
	transition-delay: 1s
}

.data-box .box .title .h3-box .h3 {
	width: 2.2rem;
	font-size: .20rem;
	line-height: 1.4;
	letter-spacing: -.0075rem;
	color: #c7c7c7;
	margin-top: .12rem
}

.data-box .box .title.open::after {
	content: "";
	height: 0
}

.data-box .box .title.open .h2-box {
	width: 0
}

.data-box .box .title.open .h3-box {
	width: 0
}

.data-box .box .h1-box {
	width: 5.5rem;
	overflow: hidden;
	margin: 0 auto;
	transition: 1s;
	transition-delay: 1s
}

.data-box .box .h1-box .h1 {
	width: 5.5rem;
	font-size: .45rem;
	line-height: .45rem;
	color: #333333;
	text-align: center;
	margin-top: 1.7775rem
}

.data-box .box .h1-box .h1 span {
	color: #c43810;
	margin-right: .2625rem
}

.data-box .box .h1-box.open {
	width: 0
}

.data-box .box .p {
	width: 80%;
	margin: 0 auto;
	margin-top: .405rem;
	text-align: center
}

.data-box .box .p p {
	font-size: .135rem;
	line-height: .27rem;
	color: #333333
}

.data-box .box .data {
	width: 100%;
	position: absolute;
	bottom: 0;
	left: 0
}

.data-box .box .data .list {
	width: 100%
}

.data-box .box .data .list .item {
	background-color: white;
	position: absolute;
	bottom: 0;
	text-align: center;
	padding-top: .4725rem;
	box-shadow: 0 0 29px 0 rgba(0, 0, 0, .1)
}

.data-box .box .data .list .item .count-title {
	display: inline-block;
	font-size: .5625rem;
	line-height: .5625rem;
	letter-spacing: -.0225rem;
	color: #147dbd;
	transition: .5s
}

.data-box .box .data .list .item1 {
	width: 2.02501rem;
	height: 2.01751rem;
	left: 0;
	z-index: 3;
	transition: .5s
}

.data-box .box .data .list .item1 .number::after {
	content: "";
	width: 0;
	height: 0;
	display: block;
	float: none;
	clear: both
}

.data-box .box .data .list .item1 .number .unit {
	font-size: .135rem;
	line-height: .135rem;
	color: #333333;
	margin-left: .0675rem
}

.data-box .box .data .list .item1 .p {
	font-size: .135rem;
	width: 90%;
	line-height: 1.2;
	color: #666666;
	margin-top: .15rem
}

.data-box .box .data .list .item1:hover {
	height: 2.2rem
}

.data-box .box .data .list .item1:hover .count-title {
	color: #c43810
}

.data-box .box .data .list .item2 {
	width: 2.02501rem;
	height: 1.56751rem;
	left: 2.02501rem;
	transition: .5s
}

.data-box .box .data .list .item2 .number .unit {
	font-size: .135rem;
	line-height: .135rem;
	color: #333333;
	margin-left: .0675rem
}

.data-box .box .data .list .item2 .p {
	font-size: .135rem;
	width: 90%;
	line-height: 1.2;
	color: #666666;
	margin-top: .15rem
}

.data-box .box .data .list .item2:hover {
	height: 1.76751rem
}

.data-box .box .data .list .item2:hover .number .count-title {
	color: #c43810
}

.data-box .box .data .list .item3 {
	width: 2.25001rem;
	height: 2.61001rem;
	left: 4.05002rem;
	z-index: 3;
	display: flex;
	justify-content: center;
	align-items: center;
}

.data-box .box .data .list .item3 .img {
}

.data-box .box .data .list .item3 .img img {
	width: 100%;
}

.data-box .box .data .list .item3 .number .first {
	font-size: .435rem;
	font-weight: bold;
	font-stretch: normal;
	line-height: .435rem;
	letter-spacing: -.015rem;
	color: #ffffff;
	position: relative
}

.data-box .box .data .list .item3 .p {
	font-size: .135rem;
	width: 90%;
	line-height: 1.2;
	color: #ffffff;
	margin-top: .15rem;
	position: relative
}

.data-box .box .data .list .item4 {
	width: 2.02501rem;
	height: 2.01751rem;
	left: 6.30003rem;
	z-index: 3;
	transition: .5s
}

.data-box .box .data .list .item4 .number .unit {
	font-size: .135rem;
	line-height: .135rem;
	color: #333333;
	margin-left: .0675rem
}

.data-box .box .data .list .item4 .p {
	font-size: .135rem;
	width: 90%;
	line-height: 1.2;
	color: #666666;
	margin-top: .15rem
}

.data-box .box .data .list .item4:hover {
	height: 2.2rem
}

.data-box .box .data .list .item4:hover .number .count-title {
	color: #c43810
}

.data-box .box .data .list .item5 {
	width: 2.02501rem;
	height: 1.56751rem;
	left: 8.32504rem;
	transition: .5s
}

.data-box .box .data .list .item5 .number .unit {
	font-size: .135rem;
	line-height: .135rem;
	color: #333333;
	margin-left: .0675rem
}

.data-box .box .data .list .item5 .p {
	font-size: .135rem;
	width: 90%;
	line-height: 1.2;
	color: #666666;
	margin-top: .15rem
}

.data-box .box .data .list .item5:hover {
	height: 1.76751rem
}

.data-box .box .data .list .item5:hover .number .count-title {
	color: #c43810
}

.video-box {
	width: 100%;
	height: 5.1rem;
	position: relative;
	background-size: auto 100%;
	background-repeat: no-repeat;
	background-position: top right;
	overflow: hidden
}

.video-box .video-bg {
	width: 100%;
	height: 100vh;
	position: fixed;
	top: 0;
	left: 0;
	z-index: -1000
}

.video-box .video-bg video {
	position: fixed;
	height: 100vh;
	object-fit: cover;
	object-position: 50% 50%;
	width: 100%;
	z-index: -1000
}
.viframe{width: 100%;height: 4rem;}
/* .video-box .video-bg img {
	position: absolute;
	height: 100%;
	top: 0;
	left: -1000px;
	right: -1000px;
	margin: auto;
	display: none
} */

.video-box .play {
	width: .72rem;
	height: .72rem;
	position: absolute;
	top: calc(50% - .36rem);
	left: 3.675rem;
	cursor: pointer
}

.video-box .play img {
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	transition: .5s
}

.video-box .play img.red {
	opacity: 0
}

.video-box .play img.white {
	opacity: 1
}

.video-box .play:hover .red {
	opacity: 1
}

.video-box .play:hover .white {
	opacity: 0
}

.video-box .text {
	position: absolute;
	top: 1.7775rem;
	right: 2.85rem;
	width: 4.8975rem
}

.video-box .text img {
	width: 100%
}

.popups {
	width: 100%;
	height: 100vh;
	background-color: rgba(0, 0, 0, .9);
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1000000000;
	display: none
}

.popups .close {
	width: 50px;
	height: 50px;
	background-color: white;
	position: absolute;
	top: 20px;
	right: 20px;
	border-radius: 50%;
	cursor: pointer
}

.popups .close img {
	width: 20px;
	height: 20px;
	display: block;
	margin: 0 auto;
	margin-top: 15px
}

.popups .video {
	width: 70%;
	height: 60vh;
	margin: 0 auto;
	margin-top: 20vh;
	position: relative
}

.popups .video p {
	width: 100%;
	height: 100%
}

.popups .video>p {
	display: flex;
	align-items: center
}

.popups .video p>div {
	margin: 0 auto
}

.popups .video video {
	width: 100%;
	height: 100%
}

.popups .video .videoBg {
	position: absolute;
	width: 100%;
	height: 100%;
	overflow: hidden;
	top: 0;
	left: 0
}

.popups .video .VideoBtn {
	position: absolute;
	width: 75px;
	height: 75px;
	top: 50%;
	left: 50%;
	margin-top: -37px;
	margin-left: -37px;
	cursor: pointer;
	overflow: hidden
}

/* .map {
	width: 100%;
	height: 8.16752rem;
	position: relative;
} */

.map .img {
	position: absolute;
	width: 100%;
	height: 100%;
	transition: .5s;
	transform: scale(1.01)
}

.map .img img {
	height: 100%;
	position: absolute;
	top: 0;
	left: -100px;
	right: -100px;
	margin: auto
}

.map .h1 {
	position: absolute;
	top: 0;
	left: 13.5%;
	z-index: 10;
	padding-left: .2025rem
}

.map .h1::after {
	content: "";
	width: 2px;
	height: 1.04rem;
	background-color: #c43810;
	opacity: .3;
	position: absolute;
	left: 0;
	top: 0;
	transition: 1s
}

.map .h1 .h2-box {
	width: 1.2rem;
	overflow: hidden;
	transition: 1s;
	transition-delay: 1s
}

.map .h1 .h2-box .h2 {
	width: 1.2rem;
	font-size: .21rem;
	font-weight: bold;
	line-height: .21rem;
	color: #333333;
	margin-top: .45rem
}

.map .h1 .h3-box {
	width: 2.2rem;
	overflow: hidden;
	transition: 1s;
	transition-delay: 1s
}

.map .h1 .h3-box .h3 {
	width: 2.2rem;
	font-size: .20rem;
	line-height: 1.4;
	letter-spacing: -.0075rem;
	color: #c7c7c7;
	margin-top: .12rem
}

.map .h1.open::after {
	content: "";
	height: 0
}

.map .h1.open .h2-box {
	width: 0
}

.map .h1.open .h3-box {
	width: 0
}

.map #container {
	width: 100%;
	height: 100%;
	position: relative;
	z-index: 1
}

.map .logo {
	width: 2.92501rem;
	height: 2.92501rem;
	background-color: white;
	border-radius: 50%;
	position: absolute;
	top: calc(50% - 1.4625rem);
	left: calc(50% - 1.4625rem);
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, .05);
	z-index: 1;
	animation: zoom 2s infinite linear;
	animation-fill-mode: backwards;
	cursor: pointer
}

.map .logo img {
	width: 1.335rem;
	height: .87rem;
	display: block;
	margin: 0 auto;
	margin-top: 1.0625rem
}

@keyframes zoom {
	0% {
		transform: scale(.9)
	}

	50% {
		transform: scale(1)
	}

	100% {
		transform: scale(.9)
	}
}

.map .research {
	position: absolute;
	top: 2.925rem;
	left: 4.6rem;
	width: 1.0455rem;
	text-align: right;
	z-index: 1
}

.map .research .title {
	font-size: .405rem;
	line-height: .405rem;
	letter-spacing: -.015rem;
	color: #ffffff
}

.map .research span {
	display: block;
	font-size: .15rem;
	line-height: .1875rem;
	color: #ffffff;
	opacity: .3;
	text-align: right;
	margin-top: .15rem
}

.map .intelligent3 {
	position: absolute;
	top: 2.135rem;
	left: 7.856rem;
	width: .9675rem;
	z-index: 1
}

.map .intelligent3 .title {
	font-size: .405rem;
	line-height: .405rem;
	letter-spacing: -.015rem;
	color: #ffffff
}

.map .intelligent3 span {
	display: block;
	font-size: .15rem;
	line-height: .1875rem;
	color: #ffffff;
	opacity: .3;
	margin-top: .15rem;
	margin-left: .3525rem
}

.map .serve {
	position: absolute;
	top: 5.6848rem;
	left: 6.78rem;
	width: 1.5975rem;
	z-index: 1
}

.map .serve .title {
	font-size: .405rem;
	line-height: .405rem;
	letter-spacing: -.015rem;
	color: #ffffff;
	float: right
}

.map .serve span {
	display: block;
	font-size: .15rem;
	line-height: .1875rem;
	color: #ffffff;
	opacity: .3;
	text-align: right;
	float: left
}

.map .research1 {
	position: absolute;
	top: 2.7rem;
	left: 2.4rem;
	width: 1.2rem;
	height: 2.1rem;
	z-index: 1
}

.map .research1 .line {
	width: 1.5rem;
	height: 2px;
	background-color: #c43810;
	position: absolute;
	top: .42rem;
	left: .8rem;
	z-index: -1
}

.map .research1 .icon {
	width: .84rem;
	height: .84rem;
	background-color: white;
	border-radius: 50%;
	box-shadow: 0 0 27px 0 rgba(0, 0, 0, .16);
	transition: .5s
}

.map .research1 .icon svg {
	display: block;
	width: .4725rem;
	height: .4725rem;
	padding-top: .18375rem;
	margin: 0 auto;
	transition: .5s
}

.map .research1 .p {
	font-size: .12rem;
	line-height: 1.2;
	letter-spacing: -.0075rem;
	color: #333333;
	margin-top: .225rem
}

.map .research1 .button {
	margin-top: .21rem;
	position: relative;
	top: .12rem;
	left: 0;
	opacity: 0;
	transition: .5s
}

.map .research1 .button a {
	font-size: .12rem;
	line-height: .12rem;
	color: #c43810
}

.map .research1 .button a span {
	margin-left: .0975rem;
	width: .2175rem;
	display: inline-block
}

.map .research1 .button a span img {
	width: 100%;
	vertical-align: middle
}

.map .research1.active {
	height: 2.2875rem
}

.map .research1.active .icon {
	transform: scale(1.2)
}

.map .research1.active .icon svg {
	transform: scale(1.2)
}

.map .research1.active .button {
	top: 0;
	opacity: 1
}

.map .intelligent1 {
	position: absolute;
	top: 1.88rem;
	left: 10.275rem;
	width: 1.3rem;
	height: 2.1rem;
	z-index: 1
}

.map .intelligent1 .line {
	width: 2rem;
	height: 2px;
	background-color: #e35a45;
	position: absolute;
	top: .42rem;
	right: .8rem;
	z-index: -1
}

.map .intelligent1 .icon {
	width: .84rem;
	height: .84rem;
	background-color: white;
	border-radius: 50%;
	box-shadow: 0 0 27px 0 rgba(0, 0, 0, .16);
	transition: .5s
}

.map .intelligent1 .icon svg {
	display: block;
	width: .4725rem;
	height: .4725rem;
	padding-top: .18375rem;
	margin: 0 auto;
	transition: .5s
}

.map .intelligent1 .p {
	font-size: .12rem;
	line-height: 1.2;
	letter-spacing: -.0075rem;
	color: #333333;
	margin-top: .225rem
}

.map .intelligent1 .button {
	margin-top: .21rem;
	position: relative;
	top: .12rem;
	left: 0;
	opacity: 0;
	transition: .5s
}

.map .intelligent1 .button a {
	font-size: .12rem;
	line-height: .12rem;
	color: #c43810
}

.map .intelligent1 .button a span {
	margin-left: .0975rem;
	width: .2175rem;
	display: inline-block
}

.map .intelligent1 .button a span img {
	width: 100%;
	vertical-align: middle
}

.map .intelligent1.active {
	height: 2.2875rem
}

.map .intelligent1.active .icon {
	transform: scale(1.2)
}

.map .intelligent1.active .icon svg {
	transform: scale(1.2)
}

.map .intelligent1.active .button {
	top: 0;
	opacity: 1
}

.map .serve1 {
	position: absolute;
	top: 5.4rem;
	left: 10.268rem;
	width: 1.3rem;
	height: 2.1rem;
	z-index: 1
}

.map .serve1 .line {
	width: 2rem;
	height: 2px;
	background-color: #ee715d;
	position: absolute;
	top: .42rem;
	right: .8rem;
	z-index: -1
}

.map .serve1 .icon {
	width: .84rem;
	height: .84rem;
	background-color: white;
	border-radius: 50%;
	box-shadow: 0 0 27px 0 rgba(0, 0, 0, .16);
	transition: .5s
}

.map .serve1 .icon svg {
	display: block;
	width: .4725rem;
	height: .4725rem;
	padding-top: .18375rem;
	margin: 0 auto;
	transition: .5s
}

.map .serve1 .p {
	font-size: .12rem;
	line-height: 1.2;
	letter-spacing: -.0075rem;
	color: #333333;
	margin-top: .225rem
}

.map .serve1 .button {
	margin-top: .21rem;
	position: relative;
	top: .12rem;
	left: 0;
	opacity: 0;
	transition: .5s
}

.map .serve1 .button a {
	font-size: .12rem;
	line-height: .12rem;
	color: #c43810
}

.map .serve1 .button a span {
	margin-left: .0975rem;
	width: .2175rem;
	display: inline-block
}

.map .serve1 .button a span img {
	width: 100%;
	vertical-align: middle
}

.map .serve1.active {
	height: 2.2875rem
}

.map .serve1.active .icon {
	transform: scale(1.2)
}

.map .serve1.active .icon svg {
	transform: scale(1.2)
}

.map .serve1.active .button {
	top: 0;
	opacity: 1
}

.accordion {
	width: 100%;
	height: 6.00002rem;
	overflow: hidden
}

.accordion .box {
	width: 100%;
	height: 100%;
	position: relative
}

.accordion .box .digitizing {
	width: 33.3%;
	float: left;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1
}

.accordion .box .digitizing a {
	width: 100%;
	height: 100%;
	display: block
}

.accordion .box .digitizing a .img {
	width: 100%;
	height: 100%;
	display: block;
	position: relative;
	overflow: hidden
}

.accordion .box .digitizing a .img img {
	position: absolute;
	height: 100%;
	top: 0;
	left: -200px;
	right: -200px;
	margin: auto
}

.accordion .box .digitizing a .bg {
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	background-color: rgba(0, 0, 0, .7);
	transition: .5s
}

.accordion .box .digitizing a .number {
	width: 100%;
	font-size: .42rem;
	line-height: .42rem;
	letter-spacing: -.015rem;
	color: #f0f0f0;
	position: absolute;
	top: 1.5rem;
	left: 0;
	text-align: center;
	z-index: 2;
	opacity: 0;
	transition: .5s
}

.accordion .box .digitizing a .line {
	width: 1px;
	height: 0;
	background-color: #f0f0f0;
	position: absolute;
	top: 2.3rem;
	left: 50%;
	z-index: 2;
	transition: .5s
}

.accordion .box .digitizing a .title {
	width: 100%;
	font-size: .42rem;
	font-weight: bold;
	line-height: .42rem;
	letter-spacing: -.015rem;
	color: #ffffff;
	position: absolute;
	top: 2.73751rem;
	left: 0;
	text-align: center;
	z-index: 2
}

.accordion .box .digitizing a .en {
	width: 100%;
	font-family: "Arial";
	font-size: .12rem;
	line-height: .12rem;
	letter-spacing: 0;
	color: #ffffff;
	text-align: center;
	position: absolute;
	top: 3.33001rem;
	left: 0;
	z-index: 2
}

.accordion .box .digitizing a .button {
	display: block;
	width: .3rem;
	height: .3rem;
	border-radius: 50%;
	position: absolute;
	top: 3.5rem;
	left: calc(50% - .15rem);
	z-index: 2;
	opacity: 0;
	background-color: rgba(255, 255, 255, .3);
	transition: .5s
}

.accordion .box .digitizing a .button img {
	display: block;
	width: .0525rem;
	height: .105rem;
	margin: 0 auto;
	padding-top: .0975rem
}

.accordion .box .digitizing a:hover .bg {
	background-color: rgba(232, 65, 39, .9)
}

.accordion .box .digitizing a:hover .number {
	opacity: 1;
	top: 1.125rem
}

.accordion .box .digitizing a:hover .line {
	height: .405rem;
	top: 1.815rem
}

.accordion .box .digitizing a:hover .button {
	top: 3.84001rem;
	opacity: 1
}

.accordion .box .intelligent {
	width: 33.3%;
	float: left;
	height: 100%;
	position: absolute;
	top: 0;
	left: 33.3%;
	z-index: 2
}

.accordion .box .intelligent a {
	width: 100%;
	height: 100%;
	display: block
}

.accordion .box .intelligent a .img {
	width: 100%;
	height: 100%;
	display: block;
	position: relative;
	overflow: hidden
}

.accordion .box .intelligent a .img img {
	position: absolute;
	height: 100%;
	top: 0;
	left: -200px;
	right: -200px;
	margin: auto
}

.accordion .box .intelligent a .bg {
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	background-color: rgba(0, 0, 0, .7);
	transition: .5s
}

.accordion .box .intelligent a .number {
	width: 100%;
	font-size: .42rem;
	line-height: .42rem;
	letter-spacing: -.015rem;
	color: #f0f0f0;
	position: absolute;
	top: 1.5rem;
	left: 0;
	text-align: center;
	z-index: 2;
	opacity: 0;
	transition: .5s
}

.accordion .box .intelligent a .line {
	width: 1px;
	height: 0;
	background-color: #f0f0f0;
	position: absolute;
	top: 2.3rem;
	left: 50%;
	z-index: 2;
	transition: .5s
}

.accordion .box .intelligent a .title {
	width: 100%;
	font-size: .42rem;
	font-weight: bold;
	line-height: .42rem;
	letter-spacing: -.015rem;
	color: #ffffff;
	position: absolute;
	top: 2.73751rem;
	left: 0;
	text-align: center;
	z-index: 2
}

.accordion .box .intelligent a .en {
	width: 100%;
	font-family: "Arial";
	font-size: .12rem;
	line-height: .12rem;
	letter-spacing: 0;
	color: #ffffff;
	text-align: center;
	position: absolute;
	top: 3.33001rem;
	left: 0;
	z-index: 2
}

.accordion .box .intelligent a .button {
	display: block;
	width: .3rem;
	height: .3rem;
	border-radius: 50%;
	position: absolute;
	top: 3.5rem;
	left: calc(50% - .15rem);
	z-index: 2;
	opacity: 0;
	background-color: rgba(255, 255, 255, .3);
	transition: .5s
}

.accordion .box .intelligent a .button img {
	display: block;
	width: .0525rem;
	height: .105rem;
	margin: 0 auto;
	padding-top: .0975rem
}

.accordion .box .intelligent a:hover .bg {
	background-color: rgba(232, 65, 39, .9)
}

.accordion .box .intelligent a:hover .number {
	opacity: 1;
	top: 1.125rem
}

.accordion .box .intelligent a:hover .line {
	height: .405rem;
	top: 1.815rem
}

.accordion .box .intelligent a:hover .button {
	top: 3.84001rem;
	opacity: 1
}

.accordion .box .globalization {
	width: 33.3%;
	float: left;
	height: 100%;
	position: absolute;
	top: 0;
	left: 66.6%;
	z-index: 3
}

.accordion .box .globalization a {
	width: 100%;
	height: 100%;
	display: block
}

.accordion .box .globalization a .img {
	width: 100%;
	height: 100%;
	display: block;
	position: relative;
	overflow: hidden
}

.accordion .box .globalization a .img img {
	position: absolute;
	height: 100%;
	top: 0;
	left: -200px;
	right: -200px;
	margin: auto
}

.accordion .box .globalization a .bg {
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	background-color: rgba(0, 0, 0, .7);
	transition: .5s
}

.accordion .box .globalization a .number {
	width: 100%;
	font-size: .42rem;
	line-height: .42rem;
	letter-spacing: -.015rem;
	color: #f0f0f0;
	position: absolute;
	top: 1.5rem;
	left: 0;
	text-align: center;
	z-index: 2;
	opacity: 0;
	transition: .5s
}

.accordion .box .globalization a .line {
	width: 1px;
	height: 0;
	background-color: #f0f0f0;
	position: absolute;
	top: 2.3rem;
	left: 50%;
	z-index: 2;
	transition: .5s
}

.accordion .box .globalization a .title {
	width: 100%;
	font-size: .42rem;
	font-weight: bold;
	line-height: .42rem;
	letter-spacing: -.015rem;
	color: #ffffff;
	position: absolute;
	top: 2.73751rem;
	left: 0;
	text-align: center;
	z-index: 2
}

.accordion .box .globalization a .en {
	width: 100%;
	font-family: "Arial";
	font-size: .12rem;
	line-height: .12rem;
	letter-spacing: 0;
	color: #ffffff;
	text-align: center;
	position: absolute;
	top: 3.33001rem;
	left: 0;
	z-index: 2
}

.accordion .box .globalization a .button {
	display: block;
	width: .3rem;
	height: .3rem;
	border-radius: 50%;
	position: absolute;
	top: 3.5rem;
	left: calc(50% - .15rem);
	z-index: 2;
	opacity: 0;
	background-color: rgba(255, 255, 255, .3);
	transition: .5s
}

.accordion .box .globalization a .button img {
	display: block;
	width: .0525rem;
	height: .105rem;
	margin: 0 auto;
	padding-top: .0975rem
}

.accordion .box .globalization a:hover .bg {
	background-color: rgba(232, 65, 39, .9)
}

.accordion .box .globalization a:hover .number {
	opacity: 1;
	top: 1.125rem
}

.accordion .box .globalization a:hover .line {
	height: .405rem;
	top: 1.815rem
}

.accordion .box .globalization a:hover .button {
	top: 3.84001rem;
	opacity: 1
}

.accordion .box .green {
	width: 33.3%;
	float: left;
	height: 100%;
	position: absolute;
	top: 0;
	left: 75%;
	z-index: 4
}

.accordion .box .green a {
	width: 100%;
	height: 100%;
	display: block
}

.accordion .box .green a .img {
	width: 100%;
	height: 100%;
	display: block;
	position: relative;
	overflow: hidden
}

.accordion .box .green a .img img {
	position: absolute;
	height: 100%;
	top: 0;
	left: -200px;
	right: -200px;
	margin: auto
}

.accordion .box .green a .bg {
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	background-color: rgba(0, 0, 0, .7);
	transition: .5s
}

.accordion .box .green a .number {
	width: 100%;
	font-size: .42rem;
	line-height: .42rem;
	letter-spacing: -.015rem;
	color: #f0f0f0;
	position: absolute;
	top: 1.5rem;
	left: 0;
	text-align: center;
	z-index: 2;
	opacity: 0;
	transition: .5s
}

.accordion .box .green a .line {
	width: 1px;
	height: 0;
	background-color: #f0f0f0;
	position: absolute;
	top: 2.3rem;
	left: 50%;
	z-index: 2;
	transition: .5s
}

.accordion .box .green a .title {
	width: 100%;
	font-size: .42rem;
	font-weight: bold;
	line-height: .42rem;
	letter-spacing: -.015rem;
	color: #ffffff;
	position: absolute;
	top: 2.73751rem;
	left: 0;
	text-align: center;
	z-index: 2
}

.accordion .box .green a .en {
	width: 100%;
	font-family: "Arial";
	font-size: .12rem;
	line-height: .12rem;
	letter-spacing: 0;
	color: #ffffff;
	text-align: center;
	position: absolute;
	top: 3.33001rem;
	left: 0;
	z-index: 2
}

.accordion .box .green a .button {
	display: block;
	width: .3rem;
	height: .3rem;
	border-radius: 50%;
	position: absolute;
	top: 3.5rem;
	left: calc(50% - .15rem);
	z-index: 2;
	opacity: 0;
	background-color: rgba(255, 255, 255, .3);
	transition: .5s
}

.accordion .box .green a .button img {
	display: block;
	width: .0525rem;
	height: .105rem;
	margin: 0 auto;
	padding-top: .0975rem
}

.accordion .box .green a:hover .bg {
	background-color: rgba(232, 65, 39, .9)
}

.accordion .box .green a:hover .number {
	opacity: 1;
	top: 1.125rem
}

.accordion .box .green a:hover .line {
	height: .405rem;
	top: 1.815rem
}

.accordion .box .green a:hover .button {
	top: 3.84001rem;
	opacity: 1
}

.responsibility {
	width: 100%;
	height: 7.90502rem;
	position: relative;
	min-height: 100%;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url(../images/index_06_01.jpg);
	z-index: 1
}

.responsibility .title {
	position: absolute;
	top: 0;
	left: 13.5%;
	z-index: 10;
	padding-left: .2025rem
}

.responsibility .title .h2-box {
	width: 1.5rem;
	overflow: hidden;
	transition: 1s;
	transition-delay: 1s
}

.responsibility .title .h2-box .h2 {
	width: 1.5rem;
	font-size: .315rem;
	font-weight: bold;
	line-height: .315rem;
	color: #fff;
	margin-top: 1.38rem
}

.responsibility .title .p-box {
	width: 4rem;
	overflow: hidden;
	transition: 1s;
	transition-delay: 1s
}

.responsibility .title .p-box .p {
	width: 4rem;
	font-size: .21rem;
	line-height: .36rem;
	letter-spacing: -.0075rem;
	color: #fff;
	margin-top: .12rem
}

.responsibility .title .en-box {
	width: 2rem;
	overflow: hidden;
	transition: 1s;
	transition-delay: 1s
}

.responsibility .title .en-box .en {
	width: 2rem;
	font-size: .27rem;
	line-height: .315rem;
	letter-spacing: -.0075rem;
	color: #c43810;
	margin-top: .315rem
}

.responsibility .title.open .h2-box {
	width: 0
}

.responsibility .title.open .p-box {
	width: 0
}

.responsibility .title.open .en-box {
	width: 0
}

.responsibility .left {
	width: 5.25001rem;
	height: 2.16751rem;
	position: absolute;
	bottom: 1.2rem;
	left: 0;
	background-color: rgba(20, 6, 0, .8);
	transition: .5s
}

.responsibility .left a {
	width: 100%;
	height: 100%;
	display: block
}

.responsibility .left a .h1-box {
	display: block;
	position: absolute;
	left: 1.9125rem;
	top: .495rem
}

.responsibility .left a .h1-box .img {
	float: left;
	width: .4125rem;
	height: .525rem
}

.responsibility .left a .h1-box .img img {
	width: 100%
}

.responsibility .left a .h1-box .h1 {
	float: left;
	font-size: .24rem;
	font-weight: bold;
	line-height: .525rem;
	color: #ffffff;
	margin-left: .2025rem
}

.responsibility .left a .button {
	position: absolute;
	left: 1.9125rem;
	bottom: .3rem;
	display: block;
	width: .9rem;
	height: .375rem;
	border-radius: .375rem;
	font-size: .12rem;
	line-height: .375rem;
	color: rgba(255, 255, 255, .3);
	text-align: center;
	transition: .5s
}

.responsibility .left a .button i {
	margin-left: .12rem
}

.responsibility .left:hover {
	height: 2.58751rem
}

.responsibility .left:hover a .button {
	width: 1.2rem;
	color: white;
	background-color: #c43810
}

.responsibility .middle {
	width: 4.23751rem;
	height: 2.16751rem;
	position: absolute;
	bottom: 1.2rem;
	left: 5.33251rem;
	background-color: #fff;
	transition: .5s
}

.responsibility .middle a {
	width: 100%;
	height: 100%;
	display: block
}

.responsibility .middle a .h1-box {
	display: block;
	position: absolute;
	left: .5475rem;
	top: .54rem
}

.responsibility .middle a .h1-box .img {
	float: left;
	width: .435rem;
	height: .405rem
}

.responsibility .middle a .h1-box .img img {
	width: 100%
}

.responsibility .middle a .h1-box .h1 {
	float: left;
	font-size: .24rem;
	font-weight: bold;
	line-height: .405rem;
	color: #000000;
	margin-left: .2025rem
}

.responsibility .middle a .button {
	position: absolute;
	left: .5475rem;
	bottom: .3rem;
	display: block;
	width: .9rem;
	height: .375rem;
	border-radius: .375rem;
	font-size: .12rem;
	line-height: .375rem;
	color: #999;
	text-align: center;
	transition: .5s
}

.responsibility .middle a .button i {
	margin-left: .12rem
}

.responsibility .middle:hover {
	height: 2.58751rem
}

.responsibility .middle:hover a .button {
	width: 1.2rem;
	color: white;
	background-color: #c43810
}

.responsibility .right {
	width: 4.72501rem;
	height: 2.16751rem;
	position: absolute;
	bottom: 1.2rem;
	right: 0;
	background-color: rgba(232, 65, 39, .8);
	transition: .5s
}

.responsibility .right a {
	width: 100%;
	height: 100%;
	display: block
}

.responsibility .right a .h1-box {
	display: block;
	position: absolute;
	left: .51rem;
	top: .48rem
}

.responsibility .right a .h1-box .img {
	float: left;
	width: .39rem;
	height: .555rem
}

.responsibility .right a .h1-box .img img {
	width: 100%
}

.responsibility .right a .h1-box .h1 {
	float: left;
	font-size: .24rem;
	font-weight: bold;
	line-height: .555rem;
	color: #c5b89b;
	margin-left: .2025rem
}

.responsibility .right a .button {
	position: absolute;
	left: .51rem;
	bottom: .3rem;
	display: block;
	width: .9rem;
	height: .375rem;
	border-radius: .375rem;
	font-size: .12rem;
	line-height: .375rem;
	color: rgba(255, 255, 255, .3);
	text-align: center;
	transition: .5s
}

.responsibility .right a .button i {
	margin-left: .12rem
}

.responsibility .right:hover {
	height: 2.58751rem
}

.responsibility .right:hover a .button {
	width: 1.2rem;
	color: #c43810;
	background-color: #fff
}

@media screen and (max-width:1020px) {
	.banner {
		display: none
	}

	.m-banner {
		display: block;
		width: 100%;
		height: 100vh;
		overflow: hidden;
		position: relative;
		background-color: white;
		position: fixed;
		top: 0;
		left: 0;
		z-index: 1
	}

	.m-banner .swiper3 {
		width: 100%;
		height: 100vh;
		position: relative
	}

	.m-banner .swiper3 .swiper-slide {
		width: 100%;
		overflow: hidden
	}

	.m-banner .swiper3 .swiper-slide .box {
		width: 100%;
		height: 100%;
		position: relative;
		overflow: hidden
	}

	.m-banner .swiper3 .swiper-slide .box .img {
		width: 100%;
		height: 100%;
		background-position: center center;
		background-repeat: no-repeat;
		background-size: cover;
		position: absolute;
		top: 0;
		left: -1000px;
		right: -1000px;
		margin: auto;
		backface-visibility: hidden;
		-webkit-backface-visibility: hidden;
		-moz-backface-visibility: hidden;
		-ms-backface-visibility: hidden
	}

	.m-banner .swiper3 .swiper-slide .box .img p {
		position: relative;
		width: 100%;
		height: 100%
	}

	.m-banner .swiper3 .swiper-slide .box .img video {
		position: relative;
		height: 100%;
		object-fit: cover;
		object-position: 50% 50%;
		width: 100%;
		z-index: -1
	}

	.m-banner .swiper3 .swiper-slide .box .text {
		position: absolute;
		left: 5%;
		top: 44%;
		height: 1.6rem;
		overflow: hidden;
		width: 90%
	}

	.m-banner .swiper3 .swiper-slide .box .text span {
		display: block;
		font-size: .585rem;
		font-weight: bold;
		line-height: .8rem;
		color: #ffffff
	}

	.m-banner .swiper3 .swiper-slide .box .s-text {
		position: absolute;
		left: 5%;
		top: calc(44% + 54px + 1rem);
		height: .48rem;
		overflow: hidden;
		width: 90%
	}

	.m-banner .swiper3 .swiper-slide .box .s-text span {
		display: block;
		font-size: .32rem;
		line-height: .32rem;
		color: #ffffff;
		opacity: 1
	}

	.m-banner .swiper3 .swiper-pagination-bullets {
		bottom: 12vh;
		left: 5%;
		width: auto
	}

	.m-banner .swiper3 .swiper-pagination-bullets .swiper-pagination-bullet {
		width: 40px;
		height: 2px;
		display: inline-block;
		border-radius: 0;
		background: white;
		opacity: 1;
		margin: 0 12px;
		transition: .5s
	}

	.m-banner .swiper3 .swiper-pagination-bullets .swiper-pagination-bullet-active {
		width: 80px;
		height: 2px;
		background: #c43810;
		opacity: 1
	}

	.news .box {
		width: 90%
	}

	.news .box .left .s-title {
		font-size: .38rem;
		line-height: .38rem
	}

	.news .box .left .title {
		font-size: .3rem;
		line-height: 1.4;
		letter-spacing: -.015rem
	}

	.news .box .button {
		width: 2.8rem;
		height: .6rem
	}

	.news .box .button a {
		line-height: .6rem;
		font-size: .25rem
	}

	.news .box .tabs {
		width: 100%;
		position: relative;
		margin-top: 1.3rem
	}

	.news .box .tabs .horizontal {
		position: absolute;
		left: 0;
		top: -.8rem
	}

	.news .box .tabs .horizontal li {
		font-size: .28rem;
		line-height: .28rem
	}

	.news .box .tabs .tab .tab-left {
		width: 100%;
		float: left
	}

	.news .box .tabs .tab .tab-left .swiper2 .swiper-slide a .img-box {
		height: 4rem
	}

	.news .box .tabs .tab .tab-left .swiper2 .swiper-slide a .text {
		width: 100%;
		height: 1.8rem;
		display: block
	}

	.news .box .tabs .tab .tab-left .swiper2 .swiper-slide a .text .left {
		width: 1rem;
		margin-left: .37rem;
		margin-top: .4rem
	}

	.news .box .tabs .tab .tab-left .swiper2 .swiper-slide a .text .left .top {
		font-size: .6rem;
		line-height: .51rem;
		text-align: center
	}

	.news .box .tabs .tab .tab-left .swiper2 .swiper-slide a .text .left .bottom {
		margin-top: .12rem;
		padding-top: .12rem;
		font-size: .25rem;
		line-height: .25rem;
		text-align: center
	}

	.news .box .tabs .tab .tab-left .swiper2 .swiper-slide a .text .right {
		width: calc(100% - 2.1rem);
		margin-top: .4rem
	}

	.news .box .tabs .tab .tab-left .swiper2 .swiper-slide a .text .right .title {
		font-size: .25rem;
		line-height: .27rem;
		-webkit-line-clamp: 1;
		max-height: .27rem;
		transition: .5s
	}

	.news .box .tabs .tab .tab-left .swiper2 .swiper-slide a .text .right .p {
		font-size: .2rem;
		line-height: .3rem;
		margin-top: .1rem;
		max-height: .6rem
	}

	.news .box .tabs .tab .tab-right {
		width: 100%;
		float: left;
		margin-left: 0;
		margin-top: .3rem
	}

	.news .box .tabs .tab .tab-right .list .item a .img-box {
		width: 2.5rem;
		height: 1.65rem
	}

	.news .box .tabs .tab .tab-right .list .item a .text {
		width: calc(100% - 2.86rem);
		margin-left: .36rem
	}

	.news .box .tabs .tab .tab-right .list .item a .text .title {
		font-size: .25rem;
		line-height: .4rem;
		margin-top: .2rem
	}

	.news .box .tabs .tab .tab-right .list .item a .text .time {
		font-size: .2rem;
		line-height: .2rem;
		margin-top: .15rem
	}

	.news .box .tabs .tab .tab-left .swiper2 .swiper-pagination-bullets {
		bottom: 2rem;
		right: .315rem;
		left: auto;
		width: auto
	}

	.industry {
		display: block;
		width: 100%;
		height: auto;
		padding-top: .9rem;
		overflow: initial
	}

	.industry .title {
		position: absolute;
		top: -.3rem;
		left: 5%;
		padding-left: 0
	}

	.industry .title::after {
		content: "";
		width: 0
	}

	.industry .title .h2-box {
		width: 2rem
	}

	.industry .title .h2-box .h2 {
		width: 2rem;
		font-size: .38rem;
		line-height: .38rem;
		color: #333;
		margin-top: 0
	}

	.industry .title .h3-box .h3 {
		width: 3rem;
		font-size: .3rem;
		line-height: 1.4;
		letter-spacing: -.015rem;
		color: #333;
		opacity: .2;
		margin-top: .12rem
	}

	.industry .left {
		width: 100% !important;
		height: 4rem;
		float: left
	}

	.industry .left a .icon {
		display: block;
		width: .9825rem;
		height: .9825rem;
		position: relative;
		margin-top: 1rem;
		margin-left: 1rem !important;
		float: left
	}

	.industry .left a .text {
		position: relative;
		display: block;
		float: left;
		margin-top: 1.15rem;
		margin-left: .3rem
	}

	.industry .left a .text .h4 {
		font-size: .42rem;
		line-height: .42rem;
		color: #ffffff
	}

	.industry .left a .text .h5 {
		font-size: .25rem;
		line-height: .25rem;
		max-width: 4rem;
		color: #ffffff;
		opacity: .5;
		margin-top: .21rem
	}

	.industry .left a .button {
		display: block;
		width: 2rem;
		height: .6rem;
		left: 1rem;
		top: 2.46rem;
		font-size: .25rem;
		line-height: .6rem;
		color: #fff;
		text-align: center;
		transition: .5s;
		opacity: 1
	}

	.industry .left a:hover .button {
		opacity: 1;
		left: 1rem;
		top: 2.46rem
	}

	.industry .right {
		width: 100%;
		height: 4rem;
		float: left
	}

	.industry .right .right-top {
		width: 50%;
		height: 100%;
		float: left
	}

	.industry .right .right-bottom {
		width: 50%;
		height: 100%;
		float: left
	}

	.industry .right .right-top a .icon {
		display: block;
		width: .69rem;
		height: .69rem;
		position: relative;
		margin-top: .6rem;
		margin-left: .5rem;
		float: none
	}

	.industry .right .right-top a .text {
		position: relative;
		display: block;
		margin-top: .4rem;
		margin-left: .5rem;
		float: none
	}

	.industry .right .right-top a .text .h4 {
		font-size: .42rem;
		line-height: .42rem;
		color: #ffffff
	}

	.industry .right .right-top a .text .h5 {
		font-size: .25rem;
		line-height: .25rem;
		color: #ffffff;
		opacity: .5;
		margin-top: .21rem
	}

	.industry .right .right-top a .button {
		position: relative;
		display: block;
		float: none;
		width: 2rem;
		height: .6rem;
		background-color: rgba(255, 255, 255, .23);
		margin-left: .5rem;
		margin-top: .4rem;
		font-size: .25rem;
		line-height: .6rem;
		color: #fff;
		text-align: center;
		transition: .5s;
		opacity: 1
	}

	.industry .right .right-top a:hover .button {
		opacity: 1;
		margin-left: .5rem
	}

	.industry .right .right-bottom a .icon {
		display: block;
		width: .69rem;
		height: .69rem;
		position: relative;
		margin-top: .6rem;
		margin-left: .5rem;
		float: none
	}

	.industry .right .right-bottom a .text {
		position: relative;
		display: block;
		margin-top: .4rem;
		margin-left: .5rem;
		float: none
	}

	.industry .right .right-bottom a .text .h4 {
		font-size: .42rem;
		line-height: .42rem;
		color: #ffffff
	}

	.industry .right .right-bottom a .text .h5 {
		font-size: .25rem;
		line-height: .25rem;
		color: #ffffff;
		opacity: .5;
		margin-top: .21rem
	}

	.industry .right .right-bottom a .button {
		position: relative;
		display: block;
		float: none;
		width: 2rem;
		height: .6rem;
		background-color: rgba(255, 255, 255, .23);
		margin-left: .5rem;
		margin-top: .4rem;
		font-size: .25rem;
		line-height: .6rem;
		color: #fff;
		text-align: center;
		transition: .5s;
		opacity: 1
	}

	.industry .right .right-bottom a:hover .button {
		opacity: 1;
		margin-left: .5rem
	}

	.data-box {
		width: 100%;
		height: 13rem;
		position: relative;
		overflow: hidden;
		z-index: 2;
		background-color: white
	}
.viframe{height: 9rem;}
.detail .item .bot{
	padding: 0 20px;
	bottom: 10px;
}
.detail .swiper-button-next, .detail .swiper-button-prev{
	width: 32px;
}
.case-list-li{height: 4rem !important;}

	.data-box .box {
		width: 90%;
		height: 100%;
		margin: 0 auto;
		position: relative;
		z-index: 1
	}

	.data-box .box .title {
		padding-left: 0
	}

	.data-box .box .title::after {
		content: "";
		width: 0
	}

	.data-box .box .title .h2-box {
		width: 2rem
	}

	.data-box .box .title .h2-box .h2 {
		width: 2rem;
		font-size: .38rem;
		line-height: .38rem;
		margin-top: .45rem
	}

	.data-box .box .title .h3-box {
		width: 2.4rem;
		overflow: hidden;
		transition: 1s;
		transition-delay: 1s
	}

	.data-box .box .title .h3-box .h3 {
		width: 2.4rem;
		font-size: .3rem;
		line-height: 1.4;
		letter-spacing: -.0075rem;
		margin-top: .12rem
	}

	.data-box .box .p {
		width: 100%;
		margin: 0 auto;
		margin-top: .405rem;
		text-align: center
	}

	.data-box .box .p p {
		font-size: .24rem;
		line-height: .4rem;
		color: #333333
	}

	.data-box .box .data .list .item {
		padding-top: .3rem
	}

	.data-box .box .data .list .item3 {
		width: 50%;
		left: 25%;
		bottom: 3.36rem;
		z-index: 4;
		overflow: hidden;
		box-shadow: none
	}

	.data-box .box .data .list .item3 .img {
		width: 100%
	}

	.data-box .box .data .list .item1 {
		width: 50%;
		height: 1.38rem;
		left: 0;
		bottom: 1.68rem;
		z-index: 3
	}

	.data-box .box .data .list .item2 {
		width: 50%;
		height: 1.38rem;
		left: 50%;
		bottom: 1.68rem
	}

	.data-box .box .data .list .item4 {
		width: 50%;
		height: 1.38rem;
		left: 0;
		bottom: 0;
		z-index: 3
	}

	.data-box .box .data .list .item1:hover {
		height: 1.76751rem
	}

	.data-box .box .data .list .item4:hover {
		height: 1.76751rem
	}

	.data-box .box .data .list .item5 {
		width: 50%;
		height: 1.38rem;
		left: 50%;
		bottom: 0
	}

	.data-box .box .data .list .item .p {
		font-size: .25rem
	}

	.video-box {
		width: 100%;
		height: 6rem;
		position: relative;
		background-size: auto 100%;
		background-repeat: no-repeat;
		background-position: top right;
		overflow: hidden
	}

	.video-box .play {
		width: 1.4rem;
		height: 1.4rem;
		position: absolute;
		top: calc(25% - .7rem);
		left: calc(50% - .7rem);
		cursor: pointer;
		z-index: 2
	}

	.video-box .text {
		position: absolute;
		top: 50%;
		right: auto;
		left: calc(50% - 2.44875rem);
		width: 4.8975rem;
		z-index: 2
	}

	.video-box .video-bg {
		width: 100%;
		height: 100%;
		position: absolute;
		z-index: 1
	}

	.video-box .video-bg p {
		display: none
	}

	.video-box .video-bg video {
		display: none
	}

	.video-box .video-bg img {
		display: block;
		width: 100%;
		object-fit: cover
	}

	.popups .video {
		width: 100%
	}

	.map {
		width: 100%;
		/* height: 10.5rem; */
		position: relative;
		/* overflow: hidden */
	}

	.map .h1 {
		position: absolute;
		top: 0;
		left: 5%;
		z-index: 10;
		padding-left: 0
	}

	.map .h1::after {
		content: "";
		width: 0
	}

	.map .h1 .h2-box {
		width: 2.5rem
	}

	.map .h1 .h2-box .h2 {
		width: 2.5rem;
		font-size: .38rem;
		font-weight: bold;
		line-height: .38rem;
		color: #333333;
		margin-top: .45rem
	}

	.map .h1 .h3-box {
		width: 2.7rem
	}

	.map .h1 .h3-box .h3 {
		width: 2.7rem;
		font-size: .3rem;
		line-height: 1.4;
		letter-spacing: -.0075rem;
		color: #c7c7c7;
		margin-top: .12rem
	}

	.map #container {
		width: 100%;
		height: 100%;
		position: relative;
		z-index: 1;
		margin-top: -.5rem
	}

	.map .logo {
		width: 2.92501rem;
		height: 2.92501rem;
		background-color: white;
		border-radius: 50%;
		position: absolute;
		top: calc(50% - 1.9625rem);
		left: calc(50% - 1.4625rem);
		box-shadow: 0 0 10px 0 rgba(0, 0, 0, .05);
		z-index: 1;
		animation: zoom 2s infinite linear;
		animation-fill-mode: backwards;
		cursor: pointer
	}

	.map .research {
		position: absolute;
		top: 3.7rem;
		left: 1.2rem;
		width: 1.0455rem;
		text-align: right;
		z-index: 1
	}

	.map .intelligent3 {
		position: absolute;
		top: 2.635rem;
		left: 4.3rem;
		width: .9675rem;
		z-index: 1
	}

	.map .serve {
		position: absolute;
		top: 6.3rem;
		left: 3.1rem;
		width: 1.5975rem;
		z-index: 1
	}

	.map .research1 {
		visibility: visible !important;
		position: absolute;
		top: 7.3rem;
		left: .8rem;
		width: 1.7rem;
		height: 2.1rem;
		z-index: 1
	}

	.map .research1 .line {
		display: none
	}

	.map .research1 .icon {
		width: 1.2rem;
		height: 1.2rem
	}

	.map .research1 .icon svg {
		width: .8rem;
		height: .8rem;
		padding-top: .2rem
	}

	.map .research1 .p {
		font-size: .2rem;
		line-height: .28rem;
		letter-spacing: -.0075rem;
		color: #333333;
		margin-top: .225rem;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box !important;
		line-clamp: 2;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical
	}

	.map .research1 .button {
		top: 0;
		opacity: 1
	}

	.map .research1 .button a {
		font-size: .2rem;
		line-height: .2rem;
		color: #c43810
	}

	.map .research1 .button a span img {
		width: 100%;
		vertical-align: middle;
		margin-bottom: .05rem
	}

	.map .intelligent1 {
		visibility: visible !important;
		position: absolute;
		top: 7.3rem;
		left: 3rem;
		width: 1.7rem;
		height: 2.1rem;
		z-index: 1
	}

	.map .intelligent1 .line {
		display: none
	}

	.map .intelligent1 .icon {
		width: 1.2rem;
		height: 1.2rem
	}

	.map .intelligent1 .icon svg {
		width: .8rem;
		height: .8rem;
		padding-top: .2rem
	}

	.map .intelligent1 .p {
		font-size: .2rem;
		line-height: .28rem;
		letter-spacing: -.0075rem;
		color: #333333;
		margin-top: .225rem;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box !important;
		line-clamp: 2;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical
	}

	.map .intelligent1 .button {
		top: 0;
		opacity: 1
	}

	.map .intelligent1 .button a {
		font-size: .2rem;
		line-height: .2rem;
		color: #c43810
	}

	.map .intelligent1 .button a span img {
		width: 100%;
		vertical-align: middle;
		margin-bottom: .05rem
	}

	.map .serve1 {
		visibility: visible !important;
		position: absolute;
		top: 7.3rem;
		left: 5.2rem;
		width: 1.7rem;
		height: 2.1rem;
		z-index: 1
	}

	.map .serve1 .line {
		display: none
	}

	.map .serve1 .icon {
		width: 1.2rem;
		height: 1.2rem
	}

	.map .serve1 .icon svg {
		width: .8rem;
		height: .8rem;
		padding-top: .2rem
	}

	.map .serve1 .p {
		height: .56rem;
		font-size: .2rem;
		line-height: .28rem;
		letter-spacing: -.0075rem;
		color: #333333;
		margin-top: .225rem;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box !important;
		line-clamp: 2;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical
	}

	.map .serve1 .button {
		top: 0;
		opacity: 1
	}

	.map .serve1 .button a {
		font-size: .2rem;
		line-height: .2rem;
		color: #c43810
	}

	.map .serve1 .button a span img {
		width: 100%;
		vertical-align: middle;
		margin-bottom: .05rem
	}

	.accordion .box .digitizing {
		width: 33.3%;
		left: 0
	}

	.accordion .box .digitizing a .bg {
		left: -.5px
	}

	.accordion .box .digitizing a .en {
		font-size: .16rem;
		line-height: .16rem
	}

	.accordion .box .intelligent {
		width: 33.3%;
		left: 33.3%
	}

	.accordion .box .intelligent a .bg {
		left: -.5px
	}

	.accordion .box .intelligent a .en {
		font-size: .16rem;
		line-height: .16rem
	}

	.accordion .box .globalization {
		width: 33.3%;
		left: 66.6%
	}

	.accordion .box .globalization a .bg {
		left: -.5px
	}

	.accordion .box .globalization a .en {
		font-size: .16rem;
		line-height: .16rem
	}

	.accordion .box .green {
		width: 33.3%;
		left: 75%
	}

	.accordion .box .green a .bg {
		left: -.5px
	}

	.accordion .box .green a .en {
		font-size: .16rem;
		line-height: .16rem
	}

	.responsibility {
		width: 100%;
		height: 7.90502rem;
		position: relative;
		min-height: 100%;
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center center;
		background-attachment: scroll;
		background-image: url(../images/index_06_01.jpg);
		z-index: 1
	}

	.responsibility .title {
		left: 5%;
		padding-left: 0
	}

	.responsibility .title .h2-box {
		width: 2rem
	}

	.responsibility .title .h2-box .h2 {
		width: 2rem;
		font-size: .38rem;
		line-height: .38rem;
		margin-top: .5rem
	}

	.responsibility .title .p-box {
		width: 5rem
	}

	.responsibility .title .p-box .p {
		width: 5rem;
		font-size: .25rem;
		line-height: .4rem;
		letter-spacing: -.0075rem;
		color: #fff;
		margin-top: .12rem
	}

	.responsibility .title .en-box {
		width: 3rem
	}

	.responsibility .title .en-box .en {
		width: 3rem;
		font-size: .3rem;
		line-height: .35rem;
		margin-top: .3rem
	}

	.responsibility .left {
		width: 32%;
		height: 2.8rem;
		position: absolute;
		bottom: 1.2rem;
		left: 0;
		background-color: rgba(20, 6, 0, .8);
		transition: .5s
	}

	.responsibility .left a .h1-box {
		display: block;
		width: 100%;
		left: 0;
		top: .3rem
	}

	.responsibility .left a .h1-box .img {
		float: none;
		margin: 0 auto;
		width: .6rem;
		height: auto
	}

	.responsibility .left a .h1-box .h1 {
		float: none;
		font-size: .3rem;
		line-height: .3rem;
		margin-left: 0;
		margin-top: .2rem;
		text-align: center
	}

	.responsibility .left a .button {
		left: calc(50% - .8rem);
		bottom: .3rem;
		height: .5rem;
		border-radius: .5rem;
		font-size: .2rem;
		line-height: .5rem;
		width: 1.6rem;
		color: white;
		background-color: #c43810
	}

	.responsibility .left:hover a .button {
		left: calc(50% - .8rem);
		bottom: .3rem;
		height: .5rem;
		border-radius: .5rem;
		font-size: .2rem;
		line-height: .5rem;
		width: 1.6rem;
		color: white;
		background-color: #c43810
	}

	.responsibility .middle {
		width: 32%;
		height: 2.8rem;
		position: absolute;
		bottom: 1.2rem;
		left: 34%;
		background-color: #fff;
		transition: .5s
	}

	.responsibility .middle a .h1-box {
		display: block;
		width: 100%;
		left: 0;
		top: .3rem
	}

	.responsibility .middle a .h1-box .img {
		float: none;
		margin: 0 auto;
		width: .6rem;
		height: auto
	}

	.responsibility .middle a .h1-box .h1 {
		float: none;
		font-size: .3rem;
		line-height: .3rem;
		margin-left: 0;
		margin-top: .4rem;
		text-align: center
	}

	.responsibility .middle a .button {
		left: calc(50% - .8rem);
		bottom: .3rem;
		height: .5rem;
		border-radius: .5rem;
		font-size: .2rem;
		line-height: .5rem;
		width: 1.6rem;
		color: white;
		background-color: #c43810
	}

	.responsibility .middle:hover a .button {
		left: calc(50% - .8rem);
		bottom: .3rem;
		height: .5rem;
		border-radius: .5rem;
		font-size: .2rem;
		line-height: .5rem;
		width: 1.6rem;
		color: white;
		background-color: #c43810
	}

	.responsibility .right {
		width: 32%;
		height: 2.8rem;
		position: absolute;
		bottom: 1.2rem;
		right: 0;
		background-color: rgba(232, 65, 39, .8);
		transition: .5s
	}

	.responsibility .right a .h1-box {
		display: block;
		width: 100%;
		left: 0;
		top: .3rem
	}

	.responsibility .right a .h1-box .img {
		float: none;
		margin: 0 auto;
		width: .6rem;
		height: auto
	}

	.responsibility .right a .h1-box .h1 {
		float: none;
		font-size: .3rem;
		line-height: .3rem;
		margin-left: 0;
		margin-top: .1rem;
		text-align: center
	}

	.responsibility .right a .button {
		left: calc(50% - .8rem);
		bottom: .3rem;
		height: .5rem;
		border-radius: .5rem;
		font-size: .2rem;
		line-height: .5rem;
		width: 1.6rem;
		color: #c43810;
		background-color: #fff
	}

	.responsibility .right:hover a .button {
		left: calc(50% - .8rem);
		bottom: .3rem;
		height: .5rem;
		border-radius: .5rem;
		font-size: .2rem;
		line-height: .5rem;
		width: 1.6rem;
		color: #c43810;
		background-color: #fff
	}
}

.index-case {
	position: relative;
	padding: 1rem 0;
	background-image: url(../images/index_case.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover
}

.index-case .h1 {
	position: absolute;
	top: 0;
	left: 13.5%;
	z-index: 10;
	padding-left: .2025rem
}

.index-case .h1::after {
	content: "";
	width: 2px;
	height: 1.04rem;
	background: url(../images/xian.jpg);
	opacity: 1;
	position: absolute;
	left: 0;
	top: 0;
	transition: 1s
}

.index-case .h1 .h2-box {
	width: 1.2rem;
	overflow: hidden;
	transition: 1s;
	transition-delay: 1s
}

.index-case .h1 .h2-box .h2 {
	width: 1.2rem;
	font-size: .21rem;
	font-weight: bold;
	line-height: .21rem;
	color: #333333;
	margin-top: .45rem
}

.index-case .h1 .h3-box {
	width: 2.2rem;
	overflow: hidden;
	transition: 1s;
	transition-delay: 1s
}

.index-case .h1 .h3-box .h3 {
	width: 2.2rem;
	font-size: .20rem;
	line-height: 1.4;
	letter-spacing: -.0075rem;
	color: #c7c7c7;
	margin-top: .12rem
}

.index-case .box {
	width: 73%;
	margin: 0 auto;
	position: relative
}

.index-case-menu {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	white-space: nowrap;
	padding: .2rem 0;
	margin: .4rem -.05rem 0 -.05rem;
	overflow-x: auto
}

.index-case-menu a {
	flex: auto;
	height: .4rem;
	line-height: .4rem;
	padding: 0 .2rem;
	margin: 0 .05rem;
	text-align: center;
	background: #FFFFFF
}

.index-case-menu a i {
	padding-left: .05rem
}

.index-case-menu a:last-child {
	color: #FFFFFF;
	background: #c43810
}

.case-list-li {
	display: block;
	position: relative;
	height: 2.5rem;
	overflow: hidden;
}

.case-list-li>img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.case-list-tbox {
	position: relative;
	margin-top: -.2rem;
	padding: .3rem .4rem;
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
	background: linear-gradient(rgba(255, 255, 255, .5) 0%, rgba(255, 255, 255, 1) .3rem);
	border-radius: .1rem .1rem 0 0;
	color: #000000
}

.case-list-tbox img {
	display: block;
	height: .3rem
}

.case-list-tbox p {
	margin: .2rem 0 0 0;
	line-height: .26rem;
	height: .52rem
}

.case-list-tbox div {
	position: relative;
	display: flex;
	align-items: center;
	margin: .3rem 0 0 0
}

.case-list-tbox div * {
	transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out
}

.case-list-tbox div::before {
	content: "";
	display: block;
	margin-right: .1rem;
	width: .5rem;
	height: 2px;
	background: #DDE2E9
}

.case-list-tbox h3 {
	margin: 0;
	padding: 0;
	font-weight: normal
}

.case-list-tbox div i {
	flex: 1;
	display: flex;
	margin-right: .2rem;
	justify-content: flex-end;
	opacity: 0
}

.index-case-list {
	margin-top: .3rem
}

.index-case-list .swiper-button-prev,
.index-case-list .swiper-button-next {
	width: .6rem;
	height: .6rem;
	border-radius: 50%;
	background: rgba(255, 255, 255, 1);
	color: #333333;
	font-size: .2rem;
	line-height: .4rem;
	text-align: center
}

.index-case-list .swiper-button-prev::after,
.index-case-list .swiper-button-next::after {
	font-size: .2rem
}

.index-case-list .swiper-button-prev {
	left: -.6rem
}

.index-case-list .swiper-button-next {
	right: -.6rem
}

@media screen and (max-width:1020px) {
	.index-case .h1 {
		position: absolute;
		top: 0;
		left: 5%;
		z-index: 10;
		padding-left: 0
	}

	.index-case .h1 .h2-box {
		width: 2.5rem
	}


.home-ti,.home-ti p{font-size: .38rem;}

	.index-case .h1 .h2-box .h2 {
		width: 2.5rem;
		font-size: .38rem;
		font-weight: bold;
		line-height: .38rem;
		color: #333333;
		margin-top: .45rem
	}

	.index-case .h1 .h3-box {
		width: 2.7rem
	}

	.index-case .h1 .h3-box .h3 {
		width: 2.7rem;
		font-size: .3rem;
		line-height: 1.4;
		letter-spacing: -.0075rem;
		color: #c7c7c7;
		margin-top: .12rem
	}

	.index-case .h1::after {
		content: "";
		width: 0
	}

	.index-case .box {
		width: 90%
	}

	.index-case-list .swiper-button-prev {
		left: 10%
	}

	.index-case-list .swiper-button-next {
		right: 10%
	}

	.index-case-menu a {
		height: .6rem;
		line-height: .6rem
	}

	.case-list-tbox p {
		line-height: .3rem;
		height: .6rem
	}
}