@import url("master.css");

@import url("iconfont.css");

@import url("roll.css");

@import url("animation.css");

@import url("animate.css");

:root {

	--blue: #172A88;

	--blue1: #1197fa;

}
.mt20{
    margin-top: 20px;
}
.mt50 {
	margin-top: 50px;
}

.move_top {
	padding-top: 80px;
}

.mobile_img {
	display: none;
}

/*main*/

#main {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

#main .scrollbar-track-y {
	background-color: #ddd;
	position: absolute;
	right: 0;
	top: 0;
	border-radius: 8px;
	width: 8px;
}

#main .scrollbar-track-y .scrollbar-thumb-y {
	background-color: #000;
	width: 100%;
	border-radius: 8px;
	opacity: .5;
}

#fragment iframe {
	max-width: 80vw;
	max-height: 80vh;
	height: 600px;
	width: 980px;
}



/*》》》》》》》》》》鼠标跟随《《《《《《《《《《*/

.cursor {
	position: absolute;
	z-index: 50;
	width: 0;
	height: 0;
	pointer-events: none;
}

.cursor .cursor_circle {
	width: 0;
	height: 0;
	background-color: #000;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	opacity: 0;
	-webkit-opacity: 0;

	-webkit-transition: opacity .3s ease-in-out, height .5s cubic-bezier(.339, -.18, .228, 1.656), width .5s cubic-bezier(.339, -.18, .228, 1.656);

	transition: opacity .3s ease-in-out, height .5s cubic-bezier(.339, -.18, .228, 1.656), width .5s cubic-bezier(.339, -.18, .228, 1.656);

	border-radius: 50%;
	-webkit-border-radius: 50%;
}

.cursor .cursor_circle>div {
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
}

.cursor .cursor_circle>div>i {
	-webkit-transition: margin .5s cubic-bezier(.339, -.18, .228, 1.656);

	transition: margin .5s cubic-bezier(.339, -.18, .228, 1.656);
	font-size: 16px;
}

.cursor.onAni .cursor_circle {
	width: 60px;
	height: 60px;
	opacity: 1;
	-webkit-opacity: 1;
}

.cursor .cursor_circle.on {
	width: 100px;
	height: 100px;
}

.cursor .cursor_circle.on>div>i {
	margin: 0 10px;
}



/*》》》》》》》》》》相册、视频（打开动画）《《《《《《《《《《*/

#spotlight {
	background-color: rgba(0, 0, 0, .8);
}

#spotlight.only_gallery {
	clip-path: circle(0px at center);
	-webkit-clip-path: circle(0px at center);
}

#spotlight.only_gallery.show {
	clip-path: circle(100% at center);
	-webkit-clip-path: circle(100% at center);

	transition: clip-path ease 1s;
	-webkit-transition: clip-path ease 1s;
}

.spotlight {
	cursor: zoom-in;
}



/*》》》》》》》》》》字体间距《《《《《《《《《《*/

.zh {
	letter-spacing: 0.075em;
}





/*》》》》》》》》》》Menu《《《《《《《《《《*/

.header .Hmenu {
	display: none;
	margin-left: auto;
}

.header .Hmenu>a {
	align-items: center;
	outline: none;
}

.header .Hmenu .Hmenu_btn {
	width: 26px;
	height: 26px;
}

.header .Hmenu .Hmenu_btn span {
	background-color: var(--blue);
	position: absolute;
	width: 100%;
	height: 2px;
	left: 0;

	border-radius: 2px;
	-webkit-border-radius: 2px;
	-webkit-transition: ease 0.4s;
	transition: ease 0.4s;
}

.header .Hmenu .Hmenu_btn span:nth-child(1) {
	top: 4px;
}

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

.header .Hmenu .Hmenu_btn span:nth-child(3) {
	bottom: 4px;
}



.header.mobileNav .Hmenu .Hmenu_btn span:nth-child(1) {
	top: 12px;
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
}

.header.mobileNav .Hmenu .Hmenu_btn span:nth-child(2) {
	opacity: 0;
	-webkit-opacity: 0;
	visibility: hidden;
}

.header.mobileNav .Hmenu .Hmenu_btn span:nth-child(3) {
	bottom: 12px;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
}

.header .yuyan>ul>li {
	position: relative;
}

.header .yuyan>ul>li a {
	display: block;
	width: 60px;
	color: #fff;
	font-size: 16px;
	text-align: center;
}

.header.onWhite .yuyan>ul>li a {
	color: #333;
}

.header .yuyan .xiala {
	display: none;
	position: absolute;
	top: 21px;
	left: -7px;
	padding: 10px;
	border-radius: 4px;
	background-color: #f5f5f5f7;

}

.header .yuyan .xiala a {
	color: #333;
	margin-bottom: 5px;
}

.header .yuyan>ul>li:hover .xiala {
	display: block;
}


/*》》》》》》》》》》返回顶部《《《《《《《《《《*/

#back_top {
	position: fixed;
	right: 4vw;
	bottom: 4vw;
	transform: translateY(100%);
	-webkit-transform: translateY(100%);
	z-index: 888;
	transition: all .6s;
}

#back_top.onshow {
	opacity: 1;
	-webkit-opacity: 1;
	visibility: visible;
	transform: none;
	-webkit-transform: none;
}

#back_top .master_backTop .master_aperture {
	background-color: var(--blue);
	position: absolute;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	-webkit-border-radius: 50%;

	opacity: 0;
	-webkit-opacity: 0;
	z-index: -1;
}

#back_top .master_backTop .master_backTop_btn {
	color: #fff;
	width: 64px;
	height: 64px;
	border-radius: 50%;
	-webkit-border-radius: 50%;

	align-items: center;
	justify-content: center;
	z-index: 2;
	background-color: var(--blue);
}

#back_top .master_backTop .master_backTop_btn .master_backTop_txt>i {
	font-size: 24px;
}

#back_top .master_backTop .master_aperture.circle01 {
	animation: scalej01 2s .5s infinite;
	-webkit-animation: scalej01 2s .5s infinite;
}

@keyframes scalej01 {

	0% {
		transform: scale(1);
		-webkit-transform: scale(1);
		opacity: 1;
		-webkit-opacity: 1;
	}

	100% {
		transform: scale(1.5);
		-webkit-transform: scale(1.5);
		opacity: 0;
		-webkit-opacity: 0;
	}

}

@-webkit-keyframes scalej01 {

	0% {
		transform: scale(1);
		-webkit-transform: scale(1);
		opacity: 1;
		-webkit-opacity: 1;
	}

	100% {
		transform: scale(1.5);
		-webkit-transform: scale(1.5);
		opacity: 0;
		-webkit-opacity: 0;
	}

}

#back_top .master_backTop .master_aperture.circle02 {
	animation: scalej02 2s infinite;
	-webkit-animation: scalej02 2s infinite;
}

@keyframes scalej02 {

	0% {
		transform: scale(1);
		-webkit-transform: scale(1);
		opacity: 1;
		-webkit-opacity: 1;
	}

	100% {
		transform: scale(1.8);
		-webkit-transform: scale(1.8);
		opacity: 0;
		-webkit-opacity: 0;
	}

}

@-webkit-keyframes scalej02 {

	0% {
		transform: scale(1);
		-webkit-transform: scale(1);
		opacity: 1;
		-webkit-opacity: 1;
	}

	100% {
		transform: scale(1.8);
		-webkit-transform: scale(1.8);
		opacity: 0;
		-webkit-opacity: 0;
	}

}



.bubble {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
}

.bubble span,
.back_bubble span {
	display: block;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	z-index: -1;

	transition: ease 1s;
	-webkit-transition: ease 1s;
	position: absolute;
	left: 50%;
	background-color: var(--blue);

	bottom: 0px;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	opacity: 0;
	-webkit-opacity: 0;
}

.bubble span:nth-child(1) {
	animation: pao 4s linear infinite;
	-webkit-animation: pao 4s linear infinite;
}

.bubble span:nth-child(2) {
	animation: pao3 6s linear infinite;
	-webkit-animation: pao3 6s linear infinite;

	-webkit-transition-delay: 0.3s;
	transition-delay: 0.3s;
}

.bubble span:nth-child(3) {
	animation: pao2 3s linear infinite;
	-webkit-animation: pao2 3s linear infinite;

	-webkit-transition-delay: 0.8s;
	transition-delay: 0.8s;
}

.bubble span:nth-child(4) {
	animation: pao4 9s linear infinite;
	-webkit-animation: pao4 9s linear infinite;
}

.bubble span:nth-child(5) {
	animation: pao5 7s linear infinite;
	-webkit-animation: pao5 7s linear infinite;
}

@keyframes pao {

	0% {

		transform: translate(200%, -30px) rotate(360deg) scale(.5, .5);

		-webkit-transform: translate(200%, -30px) rotate(360deg) scale(.5, .5);

		opacity: 1;
		-webkit-opacity: 1;

	}



	50% {

		transform: translate(0%, -70px) rotate(360deg) scale(.8, .8);

		-webkit-transform: translate(0%, -70px) rotate(360deg) scale(.8, .8);

		opacity: .5;
		-webkit-opacity: .5;

	}



	100% {

		transform: translate(-200%, -100px) rotate(360deg) scale(1, 1);

		-webkit-transform: translate(-200%, -100px) rotate(360deg) scale(1, 1);

		opacity: 0;
		-webkit-opacity: 0;



	}

}

@keyframes pao2 {

	0% {

		transform: translate(-200%, 0px) rotate(360deg) scale(1, 1);

		-webkit-transform: translate(-200%, 0px) rotate(360deg) scale(1, 1);

		opacity: 1;
		-webkit-opacity: 1;

	}



	50% {

		transform: translate(250%, -50px) rotate(360deg) scale(.8, .8);

		-webkit-transform: translate(250%, -50px) rotate(360deg) scale(.8, .8);

		opacity: .5;
		-webkit-opacity: .5;

	}



	100% {

		transform: translate(100%, -100px) rotate(360deg) scale(.5, .5);

		-webkit-transform: translate(100%, -100px) rotate(360deg) scale(.5, .5);

		opacity: 0;
		-webkit-opacity: 0;



	}

}

@keyframes pao3 {

	0% {

		transform: translate(0%, 0px) rotate(360deg) scale(1, 1);

		-webkit-transform: translate(0%, 0px) rotate(360deg) scale(1, 1);

		opacity: 1;
		-webkit-opacity: 1;

	}



	50% {

		transform: translate(-250%, -50px) rotate(360deg) scale(.8, .8);

		-webkit-transform: translate(-250%, -50px) rotate(360deg) scale(.8, .8);

		opacity: .5;
		-webkit-opacity: .5;

	}



	100% {

		transform: translate(-300%, -100px) rotate(360deg) scale(.5, .5);

		-webkit-transform: translate(-300%, -100px) rotate(360deg) scale(.5, .5);

		opacity: 0;
		-webkit-opacity: 0;



	}

}

@keyframes pao4 {

	0% {

		transform: translate(400%, 0px) rotate(360deg) scale(1, 1);

		-webkit-transform: translate(400%, 0px) rotate(360deg) scale(1, 1);

		opacity: 1;
		-webkit-opacity: 1;

	}



	50% {

		transform: translate(400%, -50px) rotate(360deg) scale(.8, .8);

		-webkit-transform: translate(400%, -50px) rotate(360deg) scale(.8, .8);

		opacity: .5;
		-webkit-opacity: .5;

	}



	100% {

		transform: translate(-100%, -100px) rotate(360deg) scale(.5, .5);

		-webkit-transform: translate(-100%, -100px) rotate(360deg) scale(.5, .5);

		opacity: 0;
		-webkit-opacity: 0;

	}

}

@keyframes pao5 {

	0% {

		transform: translate(-400%, 0px) rotate(360deg) scale(.1, .1);

		-webkit-transform: translate(-400%, 0px) rotate(360deg) scale(.1, .1);

		opacity: 1;
		-webkit-opacity: 1;

	}



	50% {

		transform: translate(-400%, -50px) rotate(360deg) scale(.6, .6);

		-webkit-transform: translate(-400%, -50px) rotate(360deg) scale(.6, .6);

		opacity: .5;
		-webkit-opacity: .5;

	}



	100% {

		transform: translate(0%, -100px) rotate(360deg) scale(1, 1);

		-webkit-transform: translate(0%, -100px) rotate(360deg) scale(1, 1);

		opacity: 0;
		-webkit-opacity: 0;

	}

}



/*》》》》》》》》》》分页器《《《《《《《《《《*/

.pageList {
	text-align: center;
}

.pageList li {
	display: inline-block;
	padding: 0 3px;
}

.pageList li a {
	display: block;
	width: 40px;
	height: 40px;
	line-height: 40px;
	border: 1px solid #e0e0e0;
	-webkit-border-radius: 50%;
	border-radius: 50%;

	background-color: #fff;
	color: #666;
	transition: ease color 0.2s, ease background-color 0.2s, ease border-color 0.2s;

	-webkit-transition: ease color 0.2s, ease background-color 0.2s, ease border-color 0.2s;
}

.pageList li a.selected {
	background-color: var(--blue);
	color: #fff;
	border-color: var(--blue);
	pointer-events: none;
}





/*href_hover*/

/*线型*/

.hoverable .hoverable_txt {
	position: relative;
	display: inline-block;
}

.hoverable .hoverable_txt:after {
	content: '';
	width: 100%;
	height: 1px;

	position: absolute;
	left: 0;
	bottom: 0;
	-webkit-transform: scaleX(0);
	transform: scaleX(0);

	-webkit-transform-origin: right top;
	transform-origin: right top;

	transition: -webkit-transform .5s cubic-bezier(.215, .61, .355, 1);

	transition: transform .5s cubic-bezier(.215, .61, .355, 1);
}



/*》》》》》》》》》》页头《《《《《《《《《《*/

.header {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 999;
}

.header:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;

	box-shadow: 0 0 10px rgba(0, 0, 0, .1);
	background-color: #fff;
	z-index: -1;
	transition: opacity .5s ease-in-out;
}

.header>div {
	align-items: center;
	padding: 0 2.604166666666667vw;
	height: 100%;
}

.header .logo>a {
	height: 53px;
	position: relative;
}

.header .logo>a img {
	height: 100%;
	transition: opacity .5s ease-in-out;
}

.header .logo>a .logo1 {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 2;
	opacity: 0;
}

.header .logo>a .logo2 {
	opacity: 1;
}

.header .nav {
	margin-left: auto;
}

.header .nav .navlist>.nav_a>a {
	transition: color 0.5s ease-in-out;
	height: 80px;
	line-height: 80px;

	padding: 0 1.8229166666666667vw;
	position: relative;
	overflow: hidden;
	font-size: 16px;
}

.header .nav .navlist>.nav_a>a .hoverable_txt:after {
	background-color: var(--blue);
	height: 2px;
	border-radius: 2px;
}

.header .nav .navlist>.nav_a>a .nav_icon {
	display: none;
}

.header .nav .navlist>.nav_a>.nav_b {
	position: absolute;
	top: 100%;
	left: 50%;
	padding: 15px 0;
	color: #666;
	min-width: 110px;
	width: 100%;
	transform: translateX(-50%) translateY(10px);
	border-radius: 5px;
	opacity: 0;
	visibility: hidden;
	z-index: 5;
	/* border: 1px solid #e6e6e6; */
	transition: cubic-bezier(.5, .5, 0, 1) 0.5s;
	background-color: #172A88;
}




/* .header .nav .navlist>.nav_a>.nav_b:before {
	content: '';
	position: absolute;
	top: -6px;
	left: 87%;
	width: 0;
	height: 0px;
	margin-left: -6px;

	border-style: solid;
	border-width: 6px;
	border-color: #fff #fff transparent transparent;

	transform: rotate(-45deg);
	box-shadow: 2px -2px 2px rgba(100, 100, 100, .1);
} */

.header .nav .navlist>.nav_a>.nav_b>.nav_b_list>li>a {
	white-space: nowrap;
	color: #000;
	transition: all .35s;
	padding: 0 15px;
}


.header .Htel {
	padding-left: 1.3020833333333335vw;
}

.header .Htel>a {
	align-items: center;
	color: var(--blue);
}

.header .Htel i {
	font-size: 24px;
	margin-right: 10px;
}

.header .Htel span {
	font-size: 20px;
}

.header.hdStyle .nav .navlist>.nav_a>a {
	color: #fff;
}

.header.hdStyle .logo>a .logo1 {
	opacity: 0;
}

.header.hdStyle .logo>a .logo2 {
	opacity: 1;
}

.header.onWhite .nav .navlist>.nav_a>a {
	color: #333;
}

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

.header.onWhite .logo>a .logo1 {
	opacity: 1;
}

.header.onWhite .logo>a .logo2 {
	opacity: 0;
}





/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>index<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/

/*》》》》》》》》》》index>banner《《《《《《《《《《*/

.HBanner {
	height: 100vh;
	overflow: hidden;
	width: 100%;
	z-index: -1;
	position: relative;
}

#HbannerSwiper {
	width: 100%;
	height: 100%;
}

#HbannerSwiper .swiper-slide {
	overflow: hidden;
}

#HbannerSwiper .swiper-slide>div {
	position: relative;
	will-change: transform;
	width: 100%;
	height: 100%;
}

#HbannerSwiper .Hbanner_bg {
	width: 100%;
	height: 100%;
}

#HbannerSwiper .Hbanner_bg>img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

#HbannerSwiper .Hbanner_info {
	position: absolute;
	left: 50%;
	z-index: 5;
	padding: 0 3.125%;
}

#HbannerSwiper .Hbanner_info {
	line-height: 1;
	text-align: center;
}

#HbannerSwiper .Hbanner_info .large {
	font-size: 35px;
	color: #fff;
	margin-bottom: 40px;
}

#HbannerSwiper .Hbanner_info .small {
	font-size: 24px;
	color: #fff;
	/*font-weight: lighter;*/
}

#HbannerSwiper .Hbanner_info .large,

#HbannerSwiper .Hbanner_info .small {
	transform: translateY(20px);
	opacity: 0;
	visibility: hidden;
}

#HbannerSwiper .swiper-slide-active .Hbanner_info .large {
	transition: all 1s cubic-bezier(0.3, 0, 0.24, 1) .6s;
}

#HbannerSwiper .swiper-slide-active .Hbanner_info .small {
	transition: all 1s cubic-bezier(0.3, 0, 0.24, 1) .8s;
}

#HbannerSwiper .swiper-slide-active .Hbanner_info .large,

#HbannerSwiper .swiper-slide-active .Hbanner_info .small {
	opacity: 1;
	visibility: visible;
	transform: none;
}

#HbannerSwiper .Hbanner_info[posi=img0],

#HbannerSwiper .Hbanner_info[posi=img1] {
	top: 50%;
	transform: translate(-50%, -55%);
}

#HbannerSwiper .Hbanner_info[posi=img2] {
	top: 50%;
	transform: translate(-50%, -50%);
	text-align: center;
}

#HbannerSwiper .Hbanner_info[posi=img3] {
	top: 20%;
	transform: translateX(-50%);
	text-align: center;
}

#HbannerSwiper .Hbanner_info[posi=img2] .large,

#HbannerSwiper .Hbanner_info[posi=img2] .small {
	color: #fff;
}





.Hbanner_switch {
	position: absolute;
	top: 50%;
	color: #fff;
	z-index: 10;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
}

.Hbanner_switch.Hbanner_prev {
	left: 2.604166666666667vw;
}

.Hbanner_switch.Hbanner_next {
	right: 2.604166666666667vw;
}

.Hbanner_switch>a {
	width: 68px;
	height: 68px;
	line-height: 68px;
	z-index: 2;
	color: var(--blue);
	transition: all .4s;
}

.Hbanner_switch>a:before {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;

	border-radius: 50%;
	border: 1px solid var(--blue);
	top: 0;
	left: 0;
	transition: cubic-bezier(.4, .4, 0, 1) .5s;
}

.Hbanner_switch>a>i {
	font-size: 32px;
}

.Hbanner_switch>a:after {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	transform: scale(0);

	background-color: var(--blue);
	border-radius: 50%;
	transition: cubic-bezier(.4, .4, 0, 1) .5s;
	z-index: -1;
}



.Hbanner_nav {
	position: absolute;
	z-index: 10;
	bottom: 30px !important;
	right: 2.604166666666667vw !important;
	left: auto !important;
	width: auto !important;
}

.Hbanner_nav>span {
	width: 40px;
	height: 2px;
	display: inline-block;
	position: relative;
	margin: 0 10px !important;
	opacity: 1 !important;
	background: none !important;
}

.Hbanner_nav>span:before,

.Hbanner_nav>span:after {
	content: '';
	background-color: #fff;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	border-radius: 2px;
}

.Hbanner_nav>span:before {
	opacity: .3;
	width: 100%;
}

.Hbanner_nav>span:after {
	width: 100%;
	opacity: 0;
	transition: all .4s;
}

.Hbanner_nav>span.swiper-pagination-bullet-active:after {
	opacity: 1;
}

/*.Hbanner_nav>span.swiper-pagination-bullet-active:after{animation:bannerLine 5s linear;

transform-origin:left top;opacity:1;}

@keyframes bannerLine{

 	0% {

 		transform:scaleX(0);

 	}

 	100%{

 		transform:scaleX(1);

 	}

}*/



#mouse {
	position: absolute;
	bottom: 15px;
	left: 50%;
	transform: translateX(-50%);
	z-index: 50;
	color: #fff;
}

#mouse .mouseName {
	margin-bottom: 10px;
	line-height: 1;
	font-size: 16px;
	letter-spacing: 0.075em;
}

#mouse .mouseOf {
	height: 38px;
	width: 25px;
	border-radius: 25px;
	border: 2px solid #fff;
	position: relative;
	margin: 0 auto;
}

#mouse .mouseOf:after {
	content: '';
	width: 3px;
	height: 6px;
	background-color: #fff;
	border-radius: 3px;

	-webkit-animation: scroll-icon 1.65s infinite ease-in-out;

	animation: scroll-icon 1.65s infinite ease-in-out;

	position: absolute;
	left: 50%;
	transform: translateX(-50%);
}

@keyframes scroll-icon {

	0% {

		top: 3px;

		opacity: 0;

	}

	30%,

	70% {

		opacity: 1;

	}

	100% {

		top: calc(100% - (3px + 6px));

		opacity: 0;

	}

}

#mouse .mouseIcon {
	margin-top: 3px;
	line-height: 1;
}

#mouse .mouseIcon>i {
	font-size: 16px;
}



/*》》》》》》》》》》index>about《《《《《《《《《《*/

.masterTitle01 {
	font-size: 30px;
	line-height: 1;
	/*font-weight: lighter;*/
}

.Habout {
	padding: 100px 0;
	position: relative;
	box-shadow: 0 -30px 30px -30px rgba(0, 0, 0, .06);
	z-index: 2;
}

.Habout_top .masterTitle01 {
	margin-bottom: 40px;
}

.Habout_pic {
	margin: 4em auto;
	max-width: 600px;
}

.Habout_pic img {
	width: 100%;
}

.Habout_top .line {
	line-height: 1.7222222222222223;
	font-size: 16px;
	color: #000;
	width: 1000px;
	max-width: 100%;
	margin: 0 auto;
}

.Habout_top .masterBtn01 {
	margin-top: 35px;
}



.masterBtn01>a {
	position: relative;
	width: 170px;
	height: 50px;
	align-items: center;
	z-index: 2;
	overflow: hidden;
}

.masterBtn01>a:before {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;

	border: 1px solid var(--blue);
	top: 0;
	left: 0;
	opacity: .3;
}

.masterBtn01>a>div {
	width: 100%;
	position: relative;
	height: 24px;
	overflow: hidden;
	font-size: 20px;
	text-align: center;
}

.masterBtn01>a:after {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: -1;

	background: var(--blue);
	border-radius: 50% 50% 0 0;
	transform: translateY(75%) scaleY(0.5);
	transition: all 0.5s ease;
}

.masterBtn01>a>div>span {
	position: absolute;
	top: 0;
	width: 100%;
	left: 0;
	line-height: 24px;
	height: 24px;
	transition: all .4s ease;
}

.masterBtn01>a>div>span:first-of-type {
	color: var(--blue);
}

.masterBtn01>a>div>span:last-of-type {
	transform: translateY(100%);
	color: #fff;
}



.HaboutBg {
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	width: 100%;
	height: 100%;
}

.HaboutBg>img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center bottom;
}

.HaboutList {
	margin-top: 80px;
}

.HaboutList .item>a {
	background-color: #f8fbfd;
	border: 1px solid #dde3f5;
	width: 100%;
	padding: 30px;
	transition: ease-out .5s;
}

.HaboutList .itemIcon {
	max-width: 258px;
	margin: 0 auto;
}

.HaboutList .itemIcon>img {
	width: 100%;
	animation: try 1.2s cubic-bezier(.36, 0, .7, 1) infinite alternate backwards;
}

@keyframes try {

	0% {
		transform: translateY(0);
		-webkit-transform: translateY(0);
	}

	100% {
		transform: translateY(-10px);
		-webkit-transform: translateY(-10px);
	}

}

.HaboutList .itemName {
	font-size: 22px;
	line-height: 1;
	margin-top: 15px;
	margin-bottom: 20px;
	font-weight: lighter;
	font-weight: 700;
	transition: ease-out .5s;
	color: #333;
}

.HaboutList .itemLine {
	font-size: 16px;
	color: #999;
	line-height: 28px;
	height: 56px;
	margin: 0 auto;
	margin-bottom: 30px;
	transition: ease-out .5s;

	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}

.HaboutList .itemMore {
	width: 40px;
	position: relative;
	margin: 0 auto;
	z-index: 2;
}

.HaboutList .itemMore>img {
	width: 100%;
	object-fit: contain;
	transition: ease-out .5s;
}

.HaboutList .itemMore>img:last-of-type {
	opacity: 0;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
}

.HaboutList .item {
	width: 31%;
	transition: width .5s ease-out;
}

.HaboutList .item.macw {
	width: 30%;
}

.HaboutList .item.on {
	width: 33%;
}

.HaboutList .item.on>a {
	background-color: var(--blue);
}

.HaboutList .item.on .itemName {
	letter-spacing: 0.25em;
}

.HaboutList .item.on .itemName,

.HaboutList .item.on .itemLine {
	color: #fff;
}

.HaboutList .item.on .itemMore>img:first-of-type {
	opacity: 0;
}

.HaboutList .item.on .itemMore>img:last-of-type {
	opacity: 1;
}



/*》》》》》》》》》》index>应用场景《《《《《《《《《《*/

.Hscene {
	padding: 100px 0;
	/* padding-bottom: 380px; */
	z-index: 2;
	position: relative;
}

.Hscene_top .masterTitle01 {
	margin-bottom: 30px;
}

.Hscene_top .line {
	line-height: 1.7222222222222223;
	font-size: 18px;

	color: #999;
	width: 760px;
	max-width: 90%;
	margin: 0 auto;
}

.HsceneBg1 {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -2;
}

.HsceneBg1>img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.HsceneBg2 {
	position: absolute;
	bottom: 0;
	left: 50%;
	width: 1150px;
	max-width: 90%;
	z-index: -1;
	transform: translate(-65%, 5%);
}

.HsceneBg2>img {
	width: 100%;
}



.HsceneBox {
	/* margin-top: 90px; */
	position: relative;
}

/* .wp{
	max-width: 1300px;
	margin: 0 auto;
} */

.HsceneBox .item {
	width: 48%;
	background-color: #fff;
}

.HsceneBox .item .top {
	position: relative;
}

.HsceneBox .item .top h2 {
	width: 100%;
	position: absolute;
	bottom: 0;
	padding: 15px 10px;
	background-color: #0006;
	color: #fff;
}

.HsceneBox .item .ico {
	overflow: hidden;
}

.HsceneBox .item .ico img {
	width: 100%;
	transition: all .6s ease;
}

.HsceneBox .item:hover img {
	transform: scale(1.2);
}

.HsceneBox .item .bot {
	padding: 20px 10px;
}


/* .HsceneBox>div {
	align-items: center;
} */

.HsceneImg {
	transform-style: preserve-3d;
	perspective: 800px;
}

.HsceneImg>div {
	max-width: 90%;
	position: relative;
	transform: rotateY(10deg) translateX(8%);
	width: 600px;
	margin-left: auto;
}

.HsceneImg ._rim {
	width: 100%;
}

.HsceneImg ._rim>img {
	width: 100%;
}

#HsceneImg {
	position: absolute;
	top: 2.1%;
	left: 1.4%;
	right: 1.4%;
	bottom: 2.1%;
	border-radius: 1rem;
}

#HsceneImg .swiper-slide {
	overflow: hidden;
}

#HsceneImg .item {
	width: 100%;
	height: 100%;
}

#HsceneImg .item>img {
	width: 100%;
	height: 100%;
}

.HsceneInfo {
	padding-left: 140px;
}

.HsceneInfo ._page {
	color: var(--blue);
	line-height: 1;
	margin-bottom: 15px;
}

.HsceneInfo ._page>span {
	font-size: 28px;
	font-weight: bold;
}

.HsceneInfo ._page>em {
	font-size: 18px;
}

.HsceneInfo>div {
	width: 520px;
	max-width: 85%;
}

#HsceneInfo ._title {
	font-size: 28px;
	line-height: 1;
	margin-bottom: 20px;
	color: var(--blue);
	font-weight: lighter;
}

#HsceneInfo ._line {
	font-size: 18px;
	line-height: 2;
	color: #666;
	font-weight: lighter;
	max-height: 108px;

	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
}

#HsceneInfo ._more {
	margin-top: 50px;
}

#HsceneInfo ._more>a {
	font-size: 18px;
	position: relative;
	padding-bottom: 5px;
	color: var(--blue);
	display: inline-block;
	transition: letter-spacing .4s;
}

#HsceneInfo ._more>a:after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 1px;
	background-color: var(--blue);
}

#HsceneInfo ._more>a:hover {
	letter-spacing: 0.15em;
}



.Hscene_switch {
	position: absolute;
	top: 50%;
	color: #fff;
	z-index: 10;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
}

.Hscene_switch.Hscene_prev {
	left: 2.604166666666667vw;
}

.Hscene_switch.Hscene_next {
	right: 2.604166666666667vw;
}

.Hscene_switch>a {
	width: 68px;
	height: 68px;
	line-height: 68px;
	z-index: 2;
	color: var(--blue);
	transition: all .4s;
}

.Hscene_switch>a:before {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;

	border-radius: 50%;
	border: 1px solid var(--blue);
	top: 0;
	left: 0;
	transition: cubic-bezier(.4, .4, 0, 1) .5s;
}

.Hscene_switch>a>i {
	font-size: 32px;
}

.Hscene_switch>a:after {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	transform: scale(0);

	background-color: var(--blue);
	border-radius: 50%;
	transition: cubic-bezier(.4, .4, 0, 1) .5s;
	z-index: -1;
}

.HsceneNav {
	width: 900px;
	max-width: 90%;
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
}

.HsceneNav>div {
	justify-content: space-between;
}

.HsceneNav .item>a {
	color: #333;
	padding-bottom: 25px;
	position: relative;
	font-size: 18px;
	line-height: 1;
}

.HsceneNav .item>a span {
	display: block;
	width: 22px;
	height: 22px;
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translate(-50%, 50%);
}

.HsceneNav .item>a span:before,

.HsceneNav .item>a span:after {
	content: '';
	position: absolute;
	border-radius: 50%;
}

.HsceneNav .item>a span:before {
	width: 8px;
	height: 8px;
	background-color: #999;
	transform: translate(-50%, -50%);
	top: 50%;
	left: 50%;

	transition: background-color .4s;
}

.HsceneNav .item>a span:after {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	transform: rotateY(180deg);

	border: 1px dashed var(--blue);
	opacity: 0;
	transition: all .4s;
}

.HsceneNav .item>a.on {
	color: var(--blue);
	font-weight: bold;
	pointer-events: none;
}

.HsceneNav .item>a.on span:before {
	background-color: var(--blue);
}

.HsceneNav .item>a.on span:after {
	opacity: 1;
	transform: none;
	animation: turns 5s infinite linear;
}





/*》》》》》》》》》》index>新闻资讯《《《《《《《《《《*/

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

.Hnews_top .masterBtn01 {
	margin-left: auto;
}

.Hnews {
	padding-top: 160px;
	padding-bottom: 140px;
	background-color: #fff;
}

.HnewsList {
	margin-top: 60px;
}

.HnewsList>div {
	margin: 0 -25px;
}

.HnewsList .item {
	padding: 0 25px;
}

.HnewsList .itemImg {
	padding-bottom: 62.4%;
	position: relative;
	overflow: hidden;
}

.HnewsList .itemImg>img {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	object-fit: cover;
	transition: all .6s ease;
}

.HnewsList .itemInfo {
	padding-top: 35px;
	font-weight: lighter;
}

.HnewsList .itemInfo .time {
	font-size: 20px;
	color: #999;
	margin-bottom: 10px;
	line-height: 1;
	transition: all .4s;
}

.HnewsList .itemInfo .name {
	font-size: 22px;
	color: #333;
	line-height: 41px;
	max-height: 82px;
	overflow: hidden;

	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	transition: all .4s;
}



/*》》》》》》》》》》index>联系我们《《《《《《《《《《*/
.Hscene .box1>div {
	width: 50%;
}

.Hscene .box1 .left img {
	width: 100%;
	height: 100%;
}

.Hscene .box1 .right {
	padding: 10rem 5%;
	background-color: #eee;
}

.Hscene .box1 .right h3 {
	font-size: 28px;
	margin-bottom: 28px;
	font-weight: 700;
}

.Hscene .box1 .right p {
	font-size: 18px;
	margin-bottom: 10px;
}

.Hscene .box1 .right .link {
	display: inline-block;
	overflow: hidden;
	padding: 1rem 4rem;
	color: #fff;
	border-radius: 0;
	background: var(--blue);
	font-weight: normal;
	font-size: 1.4rem;
	margin: 2.5em 0 0;
}

.Hcontact {
	padding: 125px 0;
	position: relative;
	z-index: 2;
	overflow: hidden;
}

.HcontactBg {
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	width: 100%;
	height: 115%;
}

.HcontactBg>img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.masterBtn01.hoverWhite>a {
	width: 190px;
}

.masterBtn01.hoverWhite>a>div>span:first-of-type {
	color: #fff;
}

.masterBtn01.hoverWhite>a>div>span:last-of-type {
	color: var(--blue);
}

.masterBtn01.hoverWhite>a:after {
	background: #fff;
}

.masterBtn01.hoverWhite>a:before {
	border-color: #fff;
	opacity: 1;
}

.HcontactBox {
	width: 970px;
	max-width: 90%;
	margin: 0 auto;
}

.HcontactBox .masterTitle01 {
	margin-bottom: 30px;
}

.HcontactBox .line {
	font-size: 18px;
	line-height: 2.1666666666666665;
	margin-bottom: 45px;
	font-weight: lighter;
	opacity: .9;
}



/*》》》》》》》》》》页尾《《《《《《《《《《*/

.footer {
	width: 100%;
	background-color: #fff;
	box-shadow: 0px 5px 10px 10px rgba(0, 0, 0, 0.08);
}

.footerBox {
	padding: 100px 0;
}

.footerL {
	width: 100%;
}

.footerL .ftnav .ftnav_logo {
	margin-bottom: 30px;
	text-align: center;
}

.footerL .ftnav .ftnav_logo>a {
	width: 244px;
	display: inline-block;
}

.footerL .ftnav .ftnav_logo>a>img {
	width: 100%;
}

.footerL .ftnav .ftnav_list {
	margin: 0 -20px;
}

.footerL .ftnav .ftnav_list>li {
	position: relative;
	padding: 0 20px;
	line-height: 1;
}

.footerL .ftnav .ftnav_list>li:after {
	content: '';
	position: absolute;
	right: -90px;
	top: 50%;
	transform: translate(50%, -50%);
	width: 0.3px;
	height: 100%;
	border-radius: 50%;
	background-color: #bfbfbf;
}

.footerL .ftnav .ftnav_list>li>a {
	font-size: 20px;
	color: var(--blue);
}

.footerL .ftnav .ftnav_list>li>a .hoverable_txt {
	padding: 8px 0;
	font-size: 18px;
	color: var(--blue);
	font-weight: bold;
	margin-bottom: 1em;
	display: block;
}

.footerL .ftnav .ftnav_list>li .submenu>li {
	margin-bottom: 20px;
}

.footerL .ftnav .ftnav_list>li .submenu>li a {
	font-size: 14px;
	text-decoration: none;
	color: #222;
	font-weight: normal;
}

.footerL .ftnav .ftnav_list>li>a .hoverable_txt:after {
	background-color: #000;
}

.footerL .ftnav .ftnav_list>li:last-child:after {
	display: none;
}

.footerR {
	color: #000;
	width: 52.5%;
	margin-left: auto;
	align-items: center;
}

.footerR .ftcode {
	margin-left: auto;
}

.footerR .fthot .fthot_tel {
	line-height: 1;
}

.footerR .fthot .fthot_tel .name {
	font-size: 24px;
	margin-bottom: 10px;
	font-weight: lighter;
	opacity: .3;
}

.footerR .fthot .fthot_tel .number>a {
	font-size: 42px;
	font-weight: bold;
	color: #000;
}

.footerR .fthot .fthot_line {
	font-size: 18px;
	line-height: 1.7222222222222223;
	margin-top: 15px;
	font-weight: lighter;
	opacity: .3;
}

.footerR .ftcode .code_img {
	width: 138px;
}

.footerR .ftcode .code_img>img {
	width: 100%;
}

.footerR .ftcode .code_name {
	font-size: 18px;
	line-height: 1;
	font-weight: lighter;
	margin-top: 15px;
}

.ftkeep {
	text-align: center;
	font-size: 18px;
	line-height: 1.625;
	padding: 25px 0;
	position: relative;
}

.ftkeep:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 1px;
	background-color: #000;
	opacity: .1;
}

.ftkeep span,
.ftkeep a {
	display: inline-block;
	color: #000;
	font-weight: lighter;
}



/*》》》》》》》》》》pageBanner《《《《《《《《《《*/

.pageBanner {
	position: relative;
	z-index: 5;
	overflow: hidden;
}

.pageBanner .bg {
	width: 100%;
	height: 100%;
}

.pageBanner .bg>img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.pageBanner .info {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	line-height: 1;
	font-weight: lighter;
}

.pageBanner .info .masterTitle01 {
	margin-bottom: 20px;
}

.pageBanner .info .masterTitle01 .animated {
	animation-duration: 1s;
}

.pageBanner .info .infoLine {
	font-size: 20px;
	line-height: 1.4;
}

.pageBanner.pbstyle1 {
	height: 138px;
	margin-top: 80px;
	background-color: #172a88;
}

.pageBanner.pbstyle1 h2 {
	color: #fff;
	text-align: center;
	line-height: 138px;
	font-size: 30px;
	font-weight: 700;
}

.banner-box {
	width: 100%;
	/* height: 73px; */
	background-color: #f5f5f5;
}

.banner-box .row {
	height: 73px;
	line-height: 73px;
}

.banner-box .row a {
	color: #000;
}

.pageBanner.pbstyle2 {
	min-height: 44.79166666666667vw;
	padding: 5.208333333333334vw 0;

	display: box;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;

	display: -webkit-flex;
	display: flex;
	align-items: center;
}

.pageBanner.pbstyle2 .bg {
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
}

.pageBanner.pbstyle2 .info {
	position: initial;
	transform: none;
	text-align: justify;
	padding-top: 80px;
}

.pageBanner.pbstyle3 {
	height: 31.25vw;
}





/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>关于我们<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/

.abIntr {
	padding: 100px 0;
	position: relative;
	z-index: 2;
}

.abIntr .abIntrBg {
	width: 100%;
	height: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: -1;
}

.abIntr .abIntrBg>img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.abIntrBox {
	width: 1120px;
	max-width: 100%;
	margin: 0 auto;
}

.abIntrBox .masterTitle01 {
	margin-bottom: 45px;
}

.abIntrBox .abIntrLine {
	font-size: 18px;
	line-height: 2;
	color: #000;
	/*font-weight: lighter;*/
}



.abWd {
	padding-bottom: 80px;
}

.abWd .tit {
	background: var(--blue);
	color: #fff;
	padding: 20px 0;
}

.abWd .masterTitle01 {
	font-weight: 700;
	padding-bottom: 10px;
}

.abWd .masterTitle02 {
	font-size: 20px;
	margin: 20px 0;
}

.navbar li {
	flex: 1;
	margin: 0 15px;
	border: 1px solid #172A88;
	border-radius: 4px;
	text-align: center;
}

.navbar li a {
	display: block;
	width: 100%;
	height: 100%;
	font-size: 18px;
	font-weight: 700;
	padding: 15px 0;
	color: #172A88;
}

.navbar li.active,
.navbar li:hover {
	background-color: #172A88;
}

.navbar li.active a,
.navbar li:hover a {
	color: #fff;
}

.abWd .pic{
    margin-top: 20px;
}

.abWd .pic img {
	width: 100%;
	display: inline-block;
}

.abWd .list {
	margin-top: 30px;
}

.abWd .list ul li {
	flex: 1;
	padding: 0 20px
}

.abWd .list ul li img {
	width: 100%;
	height: 100%;
}

.abWd .list2 {
	margin-top: 30px;
}

.abWd .list2 ul {
	flex-wrap: wrap;
}

.abWd .list2 ul li {
	width: 32%;
	margin-bottom: 30px;
	padding: 30px;
	border: 1px solid #999;
}

.abWd .list2 ul li:hover {
	border-color: var(--blue);
}

.abWd .list2 ul li:hover h2 {
	color: var(--blue);
}

.abWd .list2 ul li h2 {
	font-size: 18px;
	font-weight: 700;
	color: #000;
}

.abWd .list2 ul li p:nth-of-type(1) {
	width: 100%;
	height: 4px;
	background-color: #bfbfbf;
	margin: 30px 0;
	position: relative;
}

.abWd .list2 ul li p:nth-of-type(1)::before {
	content: '';
	display: block;
	width: 0;
	height: 4px;
	position: absolute;
	left: 0;
	background-color: var(--blue);
	transition: all 0.3s ease-in-out;
}

.abWd .list2 ul li:hover p:nth-of-type(1)::before {
	width: 100%;
}

.abWd .list2 ul li p {
	color: #666;
}

.abWd .list2 ul li .link {
	display: block;
	padding: 6px 25px;
	color: #fff;
	margin-top: 30px;
	background-color: var(--blue);
	text-align: center;
}

.abWd .list3 {
	margin: 50px 0 0;
	justify-content: center;
	align-items: center;
}

.abWd .list3>div {
	width: 25%;
}

.abWd .list3 .lf,
.abWd .list3 .rg {
	border: 2px solid var(--blue);
	padding: 35px;
	border-radius: 10px;
	min-height: 270px;
}

.abWd .list3>div h2 {
	font-size: 24px;
	margin-bottom: 15px;
	font-weight: 700;
}

.abWd .list3>div p {
	font-size: 16px;
	line-height: 30px;
}

.abWd .list3 .ct {
	margin: 0 50px;
	text-align: center;
}

.abWd .list3 .ct p {
	line-height: normal;
}

/*.abWd .list3 .ct p:nth-child(1) {*/
/*	text-align: left;*/
/*}*/

.abWd .list3 .ct p:nth-child(2) {
	margin: 30px 0;
}

/*.abWd .list3 .ct p:nth-child(3) {*/
/*	text-align: right;*/
/*}*/
/*.abWd .list3 .ct p:nth-child(1) img,*/
/*.abWd .list3 .ct p:nth-child(3) img{*/
/*    width: 100%;*/
/*}*/
.abWd .list3 .ct .log img {
	width: 40%;
}

.abWd .list4 {
	margin-top: 50px;
	justify-content: center;
	align-items: center;
}

.abWd .list4>div {
	width: 30%;
	color: #fff;
	background-color: var(--blue);
	padding: 20px 30px;
	margin: 0 30px;
	border-radius: 30px;
}

.abWd .list4>div h2 {
	font-weight: 700;
	font-size: 30px;
	margin-bottom: 10px;
}

.abWd .list4>div p {
	font-size: 16px;
	line-height: 28px;
}

.abWd .list5 {
	margin: 40px 0 0;
}

.abWd .list5 .cont {
	width: 49%;
	border-radius: 5px;
	color: #fff;
	padding: 30px;
	font-size: 16px;
	background-image: linear-gradient(180deg, #456b9b 0%, #8DAED7 100%);
}

.abWd .list5 .cont p:first-child {
	margin-bottom: 15px;
	font-size: 20px;
}

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

.abWd .list6 .cont {
	width: 49%;
	border-radius: 5px;
	color: #fff;
	padding: 30px;
	font-size: 16px;
	margin-bottom: 25px;
	background-image: linear-gradient(180deg, #456b9b 0%, #8DAED7 100%);
}

.abWd .list6 .cont h3 {
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid #fff;
}

.abWd .list6 .cont h3 span {
	display: inline-block;
	width: 50px;
	height: 50px;
	line-height: 50px;
	border-radius: 50px;
	text-align: center;
	background-color: #fff;
	color: var(--blue);
	font-size: 18px;
	font-weight: 700;
	margin-right: 20px;
}

.abWd .list6 .cont p {
	line-height: 25px;
}

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

.abWd .list7 .cont {
	width: 49%;
	border-radius: 5px;
	color: #000;
	padding: 30px;
	font-size: 16px;
	margin-bottom: 25px;
	align-items: center;
	box-shadow: 0 0 8px 0px #cbcbcb;
}

.abWd .list7 .cont .lf {
	width: 20%;
}

.abWd .list7 .cont .rg {
	width: 70%;
	font-weight: 700;
	line-height: 25px;
}

.abWd .list7 .cont img {
	width: 100%;
}

.abWd .list8 {
	align-items: center;
	background-color: #dcecf9;
}

.abWd .list8>div {
	width: 50%;
	padding: 0 50px;
}

.abWd .list8 .lf h1 {
	font-weight: 700;
	font-size: 30px;
	margin-bottom: 30px;
}

.abWd .list8 .lf p{
	font-size: 18px;
	line-height: 30px;
}

/*.abWd .list8 .lf  p:first-child {*/
/*	margin-bottom: 20px;*/
/*}*/

.abWd .list8 .rg img {
	width: 100%;
}
.abWd .list9 .item{
	margin-bottom: 20px;
}
.abWd .list9 .item:nth-child(2n){
	flex-direction: row-reverse;
}
.abWd .list9 .item .lf {
	width: 30%;
}

.abWd .list9 .item .lf img {
	width: 100%;
	height: 100%;
}

.abWd .list9 .item .rg {
	width: 69%;
	background-color: #f5f5f5;
	padding: 15px;
}
.abWd .list9 .item .rg h2{
	margin-bottom: 15px;
}
.abWd .list9 .item .rg .cont p{
    font-size: 16px;
    line-height: 25px;
}
.abWd .box2 {
	padding: 30px;
	background-color: #f5f5f5;
	font-size: 16px;
	line-height: 25px;
}

.abWd .box3 .left {
	width: 60%;
}

.abWd .box3 .left h1 {
	margin-bottom: 20px;
	font-size: 30px;
	font-weight: 700;
}

.abWd .box3 .left p {
	font-size: 16px;
	line-height: 30px;
}

.abWd .content {
	margin: 30px 0;
	font-size: 16px;
	line-height: 28px;
}

.abWd .content p img {
	width: 100%;
}

.abWdList {
	margin-top: 70px;
}

.abWdList>div {
	flex-wrap: wrap;
}

.abWdList .item {
	width: 33.3%;
	padding: 0 20px;
	margin-bottom: 40px;
}

.abWdList .item:nth-child(4),
.abWdList .item:nth-child(5) {
	width: 49.6%;
}

.abWdList .item>div {
	box-shadow: 0 0 30px rgba(35, 114, 232, .2);
	height: 100%;

	padding: 60px 50px;
	position: relative;
	/*font-weight: lighter;*/
	z-index: 2;
	overflow: hidden;
}

.abWdList .item>div:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 3px;
	background-color: var(--blue);
}

.abWdList .itemTps {
	padding-bottom: 40px;
	font-size: 24px;
	line-height: 1.5;
	position: relative;
}

.abWdList .itemTps:after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 44px;
	height: 2px;
	background-color: #b2c1cc;
}

.abWdList .itemLine {
	padding: 45px 0 0;
	font-size: 18px;
	line-height: 2;
}

.abWdList .itemLine>p {
	/* padding-left: 15px; */
	position: relative;
}

/* .abWdList .itemLine>p:before {
	content: '';
	position: absolute;
	top: 16px;

	left: 0;
	width: 4px;
	height: 4px;
	border-radius: 50%;
	background-color: #333;
} */

.abWdList .itemIcon {
	width: 160px;
	position: absolute;
	bottom: 0;
	right: 0;
	z-index: -1;
	transform: translateY(10px);
}

.abWdList .itemIcon>img {
	width: 100%;
	animation: try 1.2s cubic-bezier(.36, 0, .7, 1) infinite alternate backwards;
}

.abWdList2 {
	margin-top: 50px;
}

.abWdList2>div {
	flex-wrap: wrap;
}

.abWdList2 .item {
	padding: 0 20px;
	margin-bottom: 40px;
	text-align: center;
	border-right: 1px solid #d9d7d7;
}

.abWdList2 .item:last-child {
	padding: 0 20px;
	margin-bottom: 40px;
	text-align: center;
	border: none;
}

.abWdList2 .item h1 {
	font-size: 24px;
	font-weight: 700;
	margin-bottom: 15px;
}

.abWdList2 .item p {
	margin-bottom: 10px;
	font-size: 16px;
}

.abWdList3>div {
	flex: 1;
	padding: 20px;
	margin: 0 10px;
	background-color: #595959;
	text-align: center;
	color: #fff;
	font-size: 16px;
	border-radius: 5px;
	border: 2px solid #6f9bc3;
}

.abWdList3>div:first-child {
	margin-left: 0;
}

.abWdList3>div:last-child {
	margin-right: 0;
}

.abWdList4 {
	margin-top: 50px;
	flex-wrap: wrap;
}

.abWdList4 .item {
	width: 49%;
	margin-bottom: 25px;
	background-color: #F5F5F5;
}

.abWdList4 .item ul {
	align-items: center;
}

.abWdList4 .item ul .lf {
	width: 40%;
	padding: 5%;
}

.abWdList4 .item ul .lf img {
	width: 80%;
}

.abWdList4 .item ul .rg {
	width: 60%;
	padding-right: 10px;
}

.abWdList4 .item ul .rg h3 {
	font-weight: 700;
	font-size: 20px;
	margin-bottom: 10px;
}

.abWdList4 .item ul .rg p {
	font-size: 16px;
	line-height: 28px;
}

.abTeam {
	padding-top: 170px;
	overflow: hidden;
}

.abTeamBox {
	margin-top: 100px;
	position: relative;
	padding-left: 50%;
}

.abTeamInfo {
	position: absolute;
	left: 50%;
	bottom: 0;
	transform: translateX(-50%);
	padding-left: 15px;
}

.abTeamInfo>div {
	padding-left: 45px;
	padding-bottom: 180px;
	width: 50%;
	padding-right: 100px;
	position: relative;
}

#abTeamInfo {
	width: 100%;
}

.abTeamInfo>div:before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	width: 1px;
	background-color: #eee;
}

.abTeamInfo>div:after {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 3px;
	height: 34px;

	background-color: var(--blue1);
	z-index: 2;
	transform: translateX(-1px);
}

#abTeamInfo .info {
	font-weight: lighter;
	text-align: justify;
}

#abTeamInfo .info .infoName {
	font-size: 36px;
	line-height: 1;
	margin-bottom: 45px;
	color: var(--blue1);
}

#abTeamInfo .info .infoLine {
	font-size: 18px;
	line-height: 2;
}

.abTeamInfo .infoBtn {
	margin-top: 80px;
}

.abTeamInfo_switch {
	margin-right: 25px;
}

.abTeamInfo_switch:last-child {
	margin-right: 0;
}

.abTeamInfo_switch>a {
	width: 56px;
	height: 56px;
	line-height: 56px;
	z-index: 2;
	color: var(--blue);
	transition: all .4s;
}

.abTeamInfo_switch>a:before {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;

	border-radius: 50%;
	border: 1px solid var(--blue);
	top: 0;
	left: 0;
	transition: cubic-bezier(.4, .4, 0, 1) .5s;
}

.abTeamInfo_switch>a>i {
	font-size: 26px;
}

.abTeamInfo_switch>a:after {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	transform: scale(0);

	background-color: var(--blue);
	border-radius: 50%;
	transition: cubic-bezier(.4, .4, 0, 1) .5s;
	z-index: -1;
}

.abTeamImg {
	width: 100%;
	max-width: 960px;
	padding-left: 15px;
}

#abTeamImg {
	width: 100%;
}

#abTeamImg .bg {
	width: 100%;
	height: 0;
	padding-bottom: 135%;
	cursor: pointer;
}

#abTeamImg .bg>img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.abTeamBox .abTeamTxt {
	color: #f3f6fe;
	font-size: 200px;
	text-transform: uppercase;
	font-weight: bold;
	z-index: -1;

	position: absolute;
	left: 50%;
	top: 0;
	line-height: 1;
	transform: translate(-50%, -50%);
}





/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>应用场景<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/

.sceneList {
	padding-top: 20px;
	padding-bottom: 90px;
}

.sceneList .item {
	padding-top: 180px;
	padding-bottom: 90px;
	position: relative;
}

.sceneList .item:after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 0;

	border-bottom: 1px dashed #e0e0e0;
}

.sceneList .item>div {
	align-items: center;
}

.sceneList .itemInfo ._title {
	font-size: 36px;
	line-height: 1;
	font-weight: lighter;
	margin-bottom: 35px;
}

.sceneList .itemInfo ._line {
	font-size: 18px;
	line-height: 2;
	color: #666;

	font-weight: lighter;
	margin-bottom: 50px;
	text-align: justify;
	max-height: 144px;

	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4;
	overflow: hidden;
}

.sceneList .itemView>div {
	width: 100%;
	position: relative;
	z-index: 2;
}

.sceneList .itemView ._bg {
	width: 100%;
}

.sceneList .itemView ._bg>img {
	width: 100%;
}

.sceneList .itemView ._circle {
	position: absolute;
	z-index: -1;
}

.sceneList .itemView ._circle>div {
	padding-bottom: 100%;
	width: 100%;
	height: 0;
}

.sceneList .itemView ._circle>div>img {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}

.sceneList .itemView .circle1 {
	width: 26.125%;
	left: 0;
	top: 0;
	transform: translateY(-35%);
}

.sceneList .itemView .circle1>div {
	animation: turns 5s infinite linear;
	transform-origin: 42%;
}

@keyframes turns {

	to {
		transform: rotate(1turn);
	}

}

.sceneList .itemView .circle2 {
	width: 8.5%;
	right: 0;
	bottom: 15%;
	transform: translateX(30%);
}

.sceneList .itemView .circle2>div {
	animation: turns 5s infinite linear reverse;
	transform-origin: 35%;
}

.sceneList .itemView ._img {
	position: absolute;
	left: 12.3%;
	top: 4.5%;
	right: 12.5%;
	bottom: 13.5%;

	z-index: 2;
	border-radius: 3px;
	overflow: hidden;
}

.sceneList .itemView ._img>img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.sceneList .item:first-of-type:after {
	border-bottom-color: var(--blue);
	border-bottom-style: solid;
}

.sceneList .item:last-of-type:after {
	display: none;
}

.sceneList .item:nth-child(odd) .itemInfo {
	padding-left: 100px;
	order: 2;
}

.sceneList .item:nth-child(even) .itemInfo {
	padding-right: 100px;
	order: -1;
}





/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>应用场景-案例<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/

.pageBanner.pbstyle2 .info>div {
	padding-right: 50px;
}

.pageBanner.pbstyle2 .info .masterTitle01 {
	font-weight: bold;
	margin-bottom: 40px;
}

.pageBanner.pbstyle2 .info .infoLine {
	line-height: 36px;
	max-width: 50%;
	padding-right: 15px;
	text-align: justify;
	max-height: 252px;
}

#pageBannerTxt .scrollbar-track-y {
	width: 3px;
	border-radius: 3px;
}

#pageBannerTxt .scrollbar-track-y .scrollbar-thumb-y {
	border-radius: 3px;
}

.case {
	padding-top: 180px;
	padding-bottom: 150px;
}

.caseTop {
	justify-content: center;
}

.caseTop>div {
	z-index: 2;
}

.caseTop .en {
	font-size: 24px;
	text-transform: uppercase;
	color: var(--blue);
	line-height: 1;
	margin-bottom: 15px;
	font-weight: lighter;
}

.caseTop .circle {
	position: absolute;
	left: 0;
	top: 0;
	z-index: -1;
	transform: translate(-25%, -25%);
	width: 83px;
}

.caseTop .circle>img {
	width: 100%;
	animation: turns 5s infinite linear;
	transform-origin: 30%;
}

.caseList {
	margin: 60px 0;
}

.caseList>div {
	flex-wrap: wrap;
	margin: -40px -20px;
}

.caseList .item>a {
	transition: all .6s;
	background-color: #fff;
}

.caseList .item {
	padding: 40px 20px;
}

.caseList .itemImg {
	padding-bottom: 61.58415841584158%;
	position: relative;
	height: 0;
	width: 100%;
	overflow: hidden;
}

.caseList .itemImg>img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	position: absolute;
	top: 0;
	left: 0;
	transition: all .6s ease;
}

.caseList .itemInfo {
	padding: 40px;
	font-weight: lighter;
}

.caseList .itemInfo .name {
	font-size: 24px;
	line-height: 1;
	margin-bottom: 35px;
	color: #333;
	transition: all .4s;

	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.caseList .itemInfo .more {
	line-height: 1;
	color: var(--blue);
	margin-bottom: 20px;
}

.caseList .itemInfo .more>span {
	font-size: 16px;
	margin-right: 3px;
}

.caseList .itemInfo .more>i {
	font-size: 14px;
}



.solve {
	padding-top: 100px;
	padding-bottom: 120px;
	overflow: hidden;
	position: relative;
	z-index: 2;
}

.solve .solveBg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	z-index: -1;
}

.solve .solveBg>img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.solve .solveInfo .title {
	font-size: 36px;
	line-height: 1;
	color: var(--blue);
	margin-bottom: 40px;
}



/*masterBtn02*/

.masterBtn02>._btn {
	width: 170px;
	height: 50px;
	background-color: var(--blue);
	letter-spacing: 0.075em;

	color: #fff;
	align-items: center;
	justify-content: center;
	font-size: 20px;
	text-align: center;
}

.masterBtn02>._btn span {
	display: inline-block;
	position: relative;
	color: #fff;

	transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.masterBtn02>._btn span:before {
	content: attr(data-word);
	position: absolute;
	top: 100%;

	color: rgba(255, 255, 255, 0);
	transition: color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.masterBtn02>._btn span:nth-child(1),

.masterBtn02>._btn span:nth-child(1):before {
	transition-delay: 0s;
}

.masterBtn02>._btn span:nth-child(2),

.masterBtn02>._btn span:nth-child(2):before {
	transition-delay: 0.03s;
}

.masterBtn02>._btn span:nth-child(3),

.masterBtn02>._btn span:nth-child(3):before {
	transition-delay: 0.06s;
}

.masterBtn02>._btn span:nth-child(4),

.masterBtn02>._btn span:nth-child(4):before {
	transition-delay: 0.09s;
}





/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>应用场景-案例详情<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/

.caseDel {
	padding: 200px 0;
	position: relative;
}

.caseDel_info {
	margin-top: 50px;
	text-align: justify;
}

.caseDel_info .title {
	font-size: 36px;
	line-height: 1.325;
	font-weight: bold;
	color: var(--blue);
	margin-bottom: 30px;
}

.caseDel_info .line {
	font-size: 18px;
	line-height: 36px;
	max-height: 252px;

	font-weight: lighter;
	color: #666;
	padding-right: 15px;
	width: calc(100% + 15px);
}

.caseDel ._bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
}

.caseDel ._bg>img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center bottom;
}

.caseDel_video>div {
	width: 100%;
	z-index: 2;
	transform: translateX(9.5%);
}

.caseDel_video ._videoBg {
	width: 100%;
}

.caseDel_video ._videoBg>img {
	width: 100%;
}

.caseDel_video ._videoCover {
	position: absolute;
	top: 2.1%;
	right: 10.1%;
	bottom: 17%;
	left: 10.5%;
}

.caseDel_video ._videoCover>a {
	width: 100%;
	height: 100%;
	position: relative;
	overflow: hidden;
}

.caseDel_video ._videoCover>a>img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: all .6s;
}

.caseDel_video ._videoCover>a ._play {
	width: 60px;
	height: 60px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 2;
}

.caseDel_video ._videoCover>a ._play:before,

.caseDel_video ._videoCover>a ._play:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.caseDel_video ._videoCover>a ._play:before {
	z-index: 5;
	background: url(../image/playIcon.png) no-repeat center center;

	background-size: contain;
	transition: transform 1s ease;
}

.caseDel_video ._videoCover>a ._play:after {
	background-color: rgba(255, 255, 255, .2);
	z-index: 2;
	border-radius: 50%;

	transform: scale(0);
	transition: transform 1s ease;
}



/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>应用场景-新闻列表<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/

.news {
	padding-top: 160px;
	padding-bottom: 170px;
}

.newsBox .title {
	font-size: 24px;
	line-height: 1;
	margin-bottom: 50px;
}

.newsL {
	padding-right: 90px;
}

.newsL .list {
	margin-bottom: 80px;
}

.newsL .list>div {
	flex-wrap: wrap;
	margin: -40px -30px;
}

.newsL .list .item {
	padding: 40px 30px;
}

.newsL .list .itemImg {
	padding-bottom: 62.4%;
	position: relative;
	overflow: hidden;
}

.newsL .list .itemImg>img {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	object-fit: cover;
	transition: all .6s ease;
}

.newsL .list .itemInfo {
	padding-top: 35px;
	font-weight: lighter;
}

.newsL .list .itemInfo .time {
	font-size: 20px;
	color: #999;
	margin-bottom: 10px;
	line-height: 1;
	transition: all .4s;
}

.newsL .list .itemInfo .name {
	font-size: 22px;
	color: #333;
	line-height: 41px;
	max-height: 82px;
	overflow: hidden;

	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	transition: all .4s;
}

.newsR {
	width: 330px;
}

.newsR .hot>div {
	margin: -10px 0;
}

.newsR .hot .item {
	padding: 10px 0;
}

.newsR .hot .item>a {
	font-weight: lighter;
	padding: 40px 25px;
	position: relative;
	transition: background-color .5s ease;
}

.newsR .hot .item>a:after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 1px;
	background-color: #ddd;
}

.newsR .hot .item ._title {
	font-size: 20px;
	line-height: 35px;
	margin-bottom: 10px;
	color: #333;
	max-height: 70px;

	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}

.newsR .hot .item ._time {
	font-size: 18px;
	line-height: 1;
	color: #999;
}





/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>应用场景-新闻详情<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/

.newsDel {
	padding: 180px 0;
}

.newsDelL {
	padding: 0 200px;
}

.newsDelL ._Top ._title {
	font-size: 40px;
	line-height: 1.325;
	margin-bottom: 20px;
	font-weight: bold;
}

.newsDelL ._Top ._source {
	font-size: 18px;
	line-height: 1;
	font-weight: lighter;
}

.newsDelL ._Top ._source span {
	display: inline-block;
	margin-right: 15px;
}

.newsDelL ._Top ._source span:last-child {
	margin-right: 0;
}

.newsDelL ._cnt {
	font-size: 18px;
	line-height: 2;
	font-weight: lighter;
	margin-top: 50px;
	color: #666;
	text-align: justify;
}

.newsDelL ._cnt img {
	max-width: 100%;
}

.newsDelL ._cnt span,

.newsDelL ._cnt p,

.newsDelL ._cnt em,

.newsDelL ._cnt strong,

.newsDelL ._cnt i {
	font-size: 18px !important;
}

.newsDelR {
	padding-right: 170px;
}

.newsDelR .drift .drift_item {
	margin-bottom: 30px;
}

.newsDelR .drift .drift_item:last-child {
	margin-bottom: 0;
}

.newsDelR .drift .drift_item>a {
	align-items: center;
}

.newsDelR .drift .drift_item>a>i {
	width: 52px;
	height: 52px;
	line-height: 52px;
	display: inline-block;
	font-weight: bold;

	text-align: center;
	position: relative;
	z-index: 2;
	font-size: 20px;
	margin-right: 12px;
	color: var(--blue);
}

.newsDelR .drift .drift_item>a>i:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;

	border-radius: 50%;
	background-color: #f5f5f5;
	z-index: -1;
	transition: cubic-bezier(.4, .4, 0, 1) 0.4s;
}

.newsDelR .drift .drift_item>a>span {
	font-size: 18px;
	font-weight: lighter;
	color: #333;
	transition: cubic-bezier(.4, .4, 0, 1) 0.4s;
}



/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>应用场景-联系我们<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/

.contact {
	padding: 80px 0;
}

.contact>div {
	padding-left: 50%;
	position: relative;
}

.contact ._map {
	width: 100%;
	max-width: 960px;
	padding-left: 15px;
}

.contact ._map>div {
	width: 100%;
	height: 0;
	padding-bottom: 53.69978858350951%;
	position: relative;
}

#Gaodemap {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

#Gaodemap .ripple {
	position: relative;
	width: 50px;
	height: 50px;
}

#Gaodemap .ripple>span {
	position: absolute;
	top: 0;
	left: 0;
	transform: scale(0.01);
	width: 100%;
	height: 100%;

	border-radius: 50%;
	background-color: var(--blue);
	animation: ripple 5s ease-in-out infinite;
	opacity: 0;
}

#Gaodemap .ripple>span:nth-of-type(1) {
	animation-delay: 0s;
}

#Gaodemap .ripple>span:nth-of-type(2) {
	animation-delay: 1.4s;
}

#Gaodemap .ripple>span:nth-of-type(3) {
	animation-delay: 3s;
}

@keyframes ripple {

	0% {

		transform: scale(0.01);

		opacity: 0.4;

	}

	100% {

		transform: scale(6);

		opacity: 0;

	}

}

#Gaodemap .ripple>i {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -75%);

	color: var(--blue);
	font-size: 32px;
	z-index: 5;
}

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

.contact ._info>div {
	width: 50%;
}

.contact ._info ._top {
	line-height: 1;
}

.contact ._info ._top ._name {
	font-size: 24px;
	margin-bottom: 12px;
}

.contact ._info ._top ._tps {
	font-size: 48px;
	font-weight: bold;
	color: var(--blue);
}

.contact ._info ._nunber {
	margin-top: 60px;
	line-height: 1;
}

.contact ._info ._nunber .itemName {
	font-size: 24px;
	font-weight: bold;
	margin-bottom: 25px;
}

.contact ._info ._nunber .itemTxt {
	font-size: 18px;
	font-weight: lighter;
}

.contact ._info ._city {
	margin-top: 80px;
}

.contact ._info ._city ._name {
	margin-bottom: 15px;
	font-size: 24px;
	font-weight: bold;
}

.contact ._info ._city ._line {
	font-size: 18px;
	font-weight: lighter;
	line-height: 1.625;
}

.message {
	padding: 80px 0;
	position: relative;
	overflow: hidden;
	z-index: 2;
}

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

.messageBg>img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.message_form {
	margin-top: 25px;
}

.message_form form>div {
	margin: 0 -11px;
	padding-bottom: 30px;
}

.message_form form>div:last-of-type {
	padding-bottom: 0;
}

.message_form .message_item {
	padding: 0 11px;
}

.message_form .message_bd {
	background-color: #fff;
	border-radius: 3px;
}

.message_form .message_in {
	padding: 10px 30px;
}

.message_form .message_in input,

.message_form .message_in textarea {
	border: none;
	background: none;
	font-weight: lighter;

	width: 100%;
	color: #333;
	font-size: 16px;
	resize: none;
	height: 100px;
}

.message_form .message_in input::-webkit-input-placeholder,

.message_form .message_in textarea::-webkit-input-placeholder {
	color: #999;
}

.message_form .message_in input::-moz-placeholder,

.message_form .message_in textarea::-moz-placeholder {
	color: #999;
}

.message_form .message_in input:-ms-input-placeholder,

.message_form .message_in textarea:-ms-input-placeholder {
	color: #999;
}

.message_form .message_in input {
	width: 100%;
	height: 28px;
}

.message_form .message_code {
	width: 35%;
	margin-right: 30px;
}

.message_form .message_num {
	height: 48px;
}

.message_form .message_num>a {
	height: 100%;
}

.message_form .message_num>a>img {
	height: 100%;
	object-fit: cover;
}

.messageBox ._title {
	font-size: 24px;
	line-height: 1;
}

.message_form .masterBtn02 {
	margin-left: auto;
}

.message_form .masterBtn02 ._btn {
	border: none;
	height: 48px;
	width: 160px;
	font-weight: lighter;
	border-radius: 3px;
}

.map {
	flex-wrap: wrap;
	padding: 30px;
	align-items: center;
}

.map>div {
	width: 48%;
}

.map>div p {
	font-size: 18px;
	margin-bottom: 20px;
}

.pic-box {
	padding: 30px;
}

.pic-box img {
	width: 100%;
}

.pic-box .swiper-pagination-bullet-active,
.pic-box .swiper-button-next:after,
.pic-box .swiper-button-prev:after {
	color: #172A88;
}

/*电端加上鼠标效果/动画 */

@media screen and (min-width:1025px) {

	.hoverable:hover .hoverable_txt:after {
		-webkit-transform: scaleX(1);
		transform: scaleX(1);

		-webkit-transform-origin: left top;
		transform-origin: left top;
	}

	.Hbanner_switch>a:hover {
		color: #fff;
	}

	.Hbanner_switch>a:hover:before {
		opacity: 0;
	}

	.Hbanner_switch>a:hover:after {
		transform: none;
		opacity: .5;
	}

	.Hscene_switch>a:hover {
		color: #fff;
	}

	.Hscene_switch>a:hover:before {
		opacity: 0;
	}

	.Hscene_switch>a:hover:after {
		transform: none;
		opacity: .5;
	}

	.masterBtn01>a:hover>div>span:last-of-type {
		transform: translateY(0);
	}

	.masterBtn01>a:hover>div>span:first-of-type {
		transform: translateY(-24px);
	}

	.masterBtn01>a:hover:after {
		border-radius: 0;
		transform: translateY(0) scaleY(1);
	}

	.HnewsList .item>a:hover .itemImg>img {
		transform: scale(1.15);
	}

	.HnewsList .item>a:hover .itemInfo .time {
		color: var(--blue);
		opacity: .5;
	}

	.HnewsList .item>a:hover .itemInfo .name {
		color: var(--blue);
	}

	.header .nav .navlist>.nav_a>.nav_b>.nav_b_list {
		display: flex;
		justify-content: space-between;
		align-items: center;
	}

	.header .nav .navlist>.nav_a>.nav_b>.nav_b_list>li {
		flex: 1;
		margin: 0 10px;
		background-color: #fff;
	}

	.header .nav .navlist>.nav_a>.nav_b>.nav_b_list>li>a img {
		width: 25%;
		display: inline-block;
		vertical-align: middle;
		margin-right: 20px;
	}

	.header .nav .navlist>.nav_a:nth-child(3)>.nav_b>.nav_b_list>li>a img,
	.header .nav .navlist>.nav_a:nth-child(4)>.nav_b>.nav_b_list>li>a img {
		width: 34%;
	}

	.header .nav .navlist>.nav_a>.nav_b>.nav_b_list>li>a:hover {
		background: #fff;
		color: var(--blue);
		letter-spacing: .2em;
	}

	.header .nav .navlist>.nav_a:hover .nav_b {
		opacity: 1;
		visibility: visible;
		transform: translateX(-50%);
	}

	.abTeamInfo_switch>a:hover {
		color: #fff;
	}

	.abTeamInfo_switch>a:hover:before {
		opacity: 0;
	}

	.abTeamInfo_switch>a:hover:after {
		transform: none;
		opacity: .5;
	}

	.caseList .item>a:hover {
		box-shadow: 0 0 30px rgba(35, 114, 232, .2);
	}

	.caseList .item>a:hover .itemImg>img {
		transform: scale(1.1);
	}

	.caseList .item>a:hover .name {
		color: var(--blue);
	}

	.pageList li a:hover {
		background-color: var(--blue);
		color: #fff;
		border-color: var(--blue);
	}

	.masterBtn02>._btn:hover span {
		transform: translateY(-100%);
		color: rgba(255, 255, 255, 0);
	}

	.masterBtn02>._btn:hover span:before {
		color: #fff;
	}

	.caseDel_video ._videoCover>a:hover ._play:after {
		transform: scale(4);
	}

	.caseDel_video ._videoCover>a:hover ._play:before {
		transform: rotateZ(235deg);
	}

	.caseDel_video ._videoCover>a:hover>img {
		transform: scale(1.1);
	}

	.newsL .list .item>a:hover .itemImg>img {
		transform: scale(1.15);
	}

	.newsL .list .item>a:hover .itemInfo .time {
		color: var(--blue);
		opacity: .5;
	}

	.newsL .list .item>a:hover .itemInfo .name {
		color: var(--blue);
	}

	.newsR .hot .item>a:hover {
		background-color: #f5f5f5;
	}

	.newsDelR .drift .drift_item>a:hover>span {
		color: var(--blue);
		transform: translateX(8px);
	}

	.newsDelR .drift .drift_item>a:hover>i:after {
		transform: scale(1.3);
	}

	.HsceneNav .item>a:hover span:before {
		background-color: var(--blue);
	}

	.HsceneNav .item>a:hover span:after {
		opacity: 1;
		transform: none;
	}





	/*rollAni*/

	.newsL .list .item:nth-child(2n+2)>a {
		animation-delay: 0.3s;
	}

	.contact ._map>div {
		position: relative;
		overflow: hidden;
	}

	.contact ._map>div:after {
		content: '';
		top: 0;
		right: 0;
		width: 0;
		background-color: var(--blue1);
		position: absolute;
		z-index: 2;
		height: 100%;
	}

	.contact ._map>div.mapMac:after {
		animation: mapMacL 1s cubic-bezier(0.4, 0, 1, 1) forwards;
	}

	@keyframes mapMacL {

		0% {

			left: 0;

			width: 0;

		}

		20% {

			left: 0;

			width: 110%;

		}

		70.01% {

			right: 0;

			width: 110%;

		}

		100% {

			right: 0;

			width: 0;

		}

	}

	.contact ._info .fadeInDownSmall {
		animation-duration: 1s;
	}

	.abTeamImg #abTeamImg .bg {
		overflow: hidden;
	}

	.abTeamImg #abTeamImg .bg>img {
		transform: scale(1.2);
	}

	.abTeamImg.fn2 #abTeamImg .bg>img {
		transform: none;
		transition: transform 2s ease-in-out;
	}

	.caseList .item:nth-child(3n+2)>a {
		animation-delay: 0.3s;
	}

	.caseList .item:nth-child(3n+3)>a {
		animation-delay: 0.6s;
	}



	.sceneList .itemInfo ._title,

	.sceneList .itemInfo ._line,

	.sceneList .itemInfo .masterBtn01 {
		transform: translateY(20px);
		opacity: 0;
	}

	.sceneList .itemView ._img>img {
		transform: scale(1.2);
	}

	.sceneList .item>div.sceneAni .itemView ._img {

		animation-name: fn2;

		animation-duration: 1.5s;

		animation-timing-function: cubic-bezier(0.49, 0.54, 0.16, 1);

		-webkit-animation-fill-mode: both;

		animation-fill-mode: both;

	}

	.sceneList .item>div.sceneAni .itemView ._img>img {
		transform: none;
		transition: transform 1.8s ease-in-out;
	}

	.sceneList .item>div.sceneAni .itemInfo ._title,

	.sceneList .item>div.sceneAni .itemInfo ._line,

	.sceneList .item>div.sceneAni .itemInfo .masterBtn01 {

		animation-name: fadeInLeftSmall;

		-webkit-animation-fill-mode: both;

		animation-fill-mode: both;

		animation-duration: 1s;

	}

	.sceneList .item>div.sceneAni .itemInfo ._title {
		animation-delay: .2s;
	}

	.sceneList .item>div.sceneAni .itemInfo ._line {
		animation-delay: .5s;
	}

	.sceneList .item>div.sceneAni .itemInfo .masterBtn01 {
		animation-delay: .8s;
	}







}





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

	#HbannerSwiper .Hbanner_info .large {
		font-size: 30px;
		margin-bottom: 35px;
	}

	#HbannerSwiper .Hbanner_info .small {
		font-size: 24px;
	}

	.Hbanner_switch>a {
		width: 60px;
		height: 60px;
		line-height: 60px;
	}

	.Hbanner_switch>a>i {
		font-size: 30px;
	}

	.masterTitle01 {
		font-size: 42px;
	}

	/* .HaboutList .item>a {
		padding: 55px 30px;
	} */

	/* .HaboutList .itemIcon {
		width: 70px;
	} */

	.abTeamInfo>div {
		padding-bottom: 140px;
	}

	.abTeamInfo .infoBtn {
		margin-top: 65px;
	}

	.abTeamBox .abTeamTxt {
		font-size: 170px;
	}

	.newsDelL {
		padding: 0 160px;
	}

	.newsDelR {
		padding-right: 130px;
	}

	.newsL {
		padding-right: 75px;
	}

	.sceneList .item {
		padding-top: 155px;
		padding-bottom: 80px;
	}

	.sceneList .item:nth-child(odd) .itemInfo {
		padding-left: 85px;
	}

	.sceneList .item:nth-child(even) .itemInfo {
		padding-right: 85px;
	}

	.sceneList {
		padding-bottom: 80px;
	}

	.HsceneInfo {
		padding-left: 120px;
	}

	.Hscene_switch>a {
		width: 60px;
		height: 60px;
		line-height: 60px;
	}

	.Hscene_switch>a>i {
		font-size: 30px;
	}

	/* .Hscene {
		padding-bottom: 330px;
	} */

	.HsceneBg2 {
		transform: translate(-50%, 15%);
	}

	.Hscene .box1 .right {
		padding: 5rem 5%;
	}

}



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

	#HbannerSwiper .Hbanner_info .large {
		font-size: 26px;
		margin-bottom: 30px;
	}

	#HbannerSwiper .Hbanner_info .small {
		font-size: 23px;
	}

	.Hbanner_switch>a {
		width: 52px;
		height: 52px;
		line-height: 52px;
	}

	.Hbanner_switch>a>i {
		font-size: 26px;
	}

	.masterTitle01 {
		font-size: 36px;
	}

	.Habout {
		padding: 140px 0;
	}

	.Habout_top .line {
		font-size: 16px;
	}

	.Habout_top .masterTitle01 {
		margin-bottom: 30px;
	}

	.masterBtn01>a {
		width: 140px;
		height: 44px;
	}

	.masterBtn01>a>div {
		font-size: 16px;
	}

	.Habout_top .masterBtn01 {
		margin-top: 28px;
	}

	/* .HaboutList .item>a {
		padding: 40px 25px;
	} */

	/* .HaboutList .itemIcon {
		width: 60px;
	} */

	.HaboutList .itemName {
		font-size: 20px;
		margin-top: 10px;
		margin-bottom: 15px;
	}

	.HaboutList .itemLine {
		font-size: 14px;
		margin-bottom: 20px;
		line-height: 22px;
		height: 44px;
	}

	.HaboutList .itemMore {
		width: 30px;
	}

	.HaboutList {
		margin-top: 60px;
	}

	.Hnews {
		padding-top: 120px;
		padding-bottom: 100px;
	}

	.HnewsList .item {
		padding: 0 15px;
	}

	.HnewsList>div {
		margin: 0 -15px;
	}

	.HnewsList .itemInfo .name {
		font-size: 18px;
		line-height: 32px;
		max-height: 64px;
	}

	.HnewsList .itemInfo .time {
		font-size: 16px;
	}

	.Hscene .box1 .right {
		padding: 3rem 5%;
	}

	.Hcontact {
		padding: 100px 0;
	}

	.HcontactBox .line {
		font-size: 16px;
		line-height: 1.875;
		margin-bottom: 35px;
	}

	.masterBtn01.hoverWhite>a {
		width: 160px;
	}

	.footerL .ftnav .ftnav_logo>a {
		width: 220px;
	}

	.footerR .fthot .fthot_tel .number>a {
		font-size: 32px;
	}

	.footerR .fthot .fthot_tel .name {
		font-size: 20px;
	}

	.footerR .fthot .fthot_line {
		font-size: 16px;
	}

	.footerR .ftcode .code_img {
		width: 120px;
	}

	.footerR .ftcode .code_name {
		font-size: 16px;
	}

	.footerL .ftnav .ftnav_list>li>a {
		font-size: 16px;
	}

	.footerL .ftnav .ftnav_logo {
		margin-bottom: 15px;
	}

	.footerBox {
		padding: 90px 0;
	}

	.ftkeep {
		font-size: 16px;
		padding: 20px 0;
	}

	.abIntr {
		padding: 130px 0;
	}

	.abIntrBox .abIntrLine {
		font-size: 16px;
	}

	.abIntrBox .masterTitle01 {
		margin-bottom: 30px;
	}

	.pageBanner .info .infoLine {
		font-size: 16px;
	}

	/* .abWd {
		padding-top: 130px;
	} */

	.abWdList .itemTps {
		font-size: 20px;
		padding-bottom: 30px;
	}

	.abWdList .itemLine {
		font-size: 16px;
		padding: 30px 0 0;
	}

	.abWdList .item {
		padding: 0 30px;
	}

	.abWdList>div {
		margin: 0 -30px;
	}

	.abWdList .itemIcon {
		width: 130px;
	}

	.abWdList .item>div {
		padding: 50px 40px;
	}

	.abWdList {
		margin-top: 60px;
	}

	.abWdList .itemLine>p:before {
		top: 13px;
	}

	.abTeamInfo>div {
		padding-bottom: 100px;
	}

	.abTeamInfo .infoBtn {
		margin-top: 50px;
	}

	#abTeamInfo .info .infoName {
		margin-bottom: 30px;
		font-size: 30px;
	}

	#abTeamInfo .info .infoLine {
		font-size: 16px;
	}

	.abTeamInfo_switch>a {
		width: 48px;
		height: 48px;
		line-height: 48px;
	}

	.abTeamInfo_switch>a>i {
		font-size: 23px;
	}

	.abTeamInfo>div {
		padding-left: 30px;
		padding-right: 60px;
	}

	.abTeamBox .abTeamTxt {
		font-size: 140px;
	}

	.abTeamBox {
		margin-top: 70px;
	}

	.abTeam {
		padding-top: 140px;
	}

	.caseDel_info .title {
		font-size: 28px;
		margin-bottom: 25px;
	}

	.caseDel_info .line {
		font-size: 16px;
		line-height: 30px;
		max-height: 210px;
	}

	.caseDel_info {
		margin-top: 25px;
	}

	.caseDel {
		padding: 150px 0;
	}

	.pageBanner.pbstyle2 .info .infoLine {
		line-height: 30px;
		max-height: 210px;
		overflow-y: auto;
	}

	.pageBanner.pbstyle2 .info .masterTitle01 {
		margin-bottom: 25px;
	}

	.caseTop .en {
		font-size: 20px;
		margin-bottom: 10px;
	}

	.caseTop .circle {
		width: 62px;
		height: 62px;
	}

	.caseList .item {
		padding: 25px 12px;
	}

	.caseList>div {
		margin: -25px -12px;
	}

	.caseList .itemInfo {
		padding: 25px;
	}

	.caseList .itemInfo .name {
		font-size: 20px;
		margin-bottom: 20px;
	}

	.caseList .itemInfo .more {
		margin-bottom: 10px;
	}

	.caseList .itemInfo .more>span {
		font-size: 14px;
	}

	.caseList .itemInfo .more>i {
		font-size: 12px;
	}

	.case {
		padding-top: 130px;
		padding-bottom: 120px;
	}

	.solve .solveInfo .title {
		font-size: 28px;
		margin-bottom: 25px;
	}

	.masterBtn02>._btn {
		width: 140px;
		height: 44px;
		font-size: 16px;
	}

	.solve {
		padding: 90px 0;
	}

	.contact ._info ._top ._name {
		font-size: 22px;
	}

	.contact ._info ._top ._tps {
		font-size: 36px;
	}

	.contact ._info ._nunber .itemName {
		font-size: 20px;
		margin-bottom: 17px;
	}

	.contact ._info ._city ._name {
		font-size: 20px;
		margin-bottom: 10px;
	}

	.contact ._info ._city {
		margin-top: 60px;
	}

	.contact ._info ._nunber {
		margin-top: 40px;
	}

	.contact ._info ._nunber .itemTxt {
		font-size: 16px;
	}

	.contact ._info ._city ._line {
		font-size: 16px;
	}

	.messageBox ._title {
		font-size: 22px;
	}

	.message_form .message_in {
		padding: 7px 20px;
	}

	.message_form form>div {
		margin: 0 -6px;
		padding-bottom: 15px;
	}

	.message_form .masterBtn02 ._btn {
		width: 130px;
		height: 42px;
	}

	.message_form .message_code {
		margin-right: 15px;
	}

	.message_form .message_num {
		height: 42px;
	}

	.message_form .message_in input,
	.message_form .message_in textarea {
		font-size: 14px;
	}

	.message_form .message_item {
		padding: 0 6px;
	}

	#Gaodemap .ripple {
		width: 35px;
		height: 35px;
	}

	#Gaodemap .ripple>i {
		font-size: 26px;
	}

	.newsDelL ._Top ._title {
		font-size: 32px;
	}

	.newsDelL ._Top ._source {
		font-size: 16px;
	}

	.newsDelL ._cnt {
		font-size: 16px;
		margin-top: 35px;
	}

	.newsDelL ._cnt span,

	.newsDelL ._cnt p,

	.newsDelL ._cnt em,

	.newsDelL ._cnt strong,

	.newsDelL ._cnt i {
		font-size: 16px !important;
	}

	.newsDelL {
		padding: 0 120px;
	}

	.newsDelR .drift .drift_item>a>i {
		width: 46px;
		height: 46px;
		line-height: 46px;
		font-size: 18px;
	}

	.newsDelR .drift .drift_item>a>span {
		font-size: 16px;
	}

	.newsDelR .drift .drift_item {
		margin-bottom: 20px;
	}

	.newsDelR {
		padding-right: 90px;
	}

	.newsDel {
		padding: 140px 0;
	}

	.newsBox .title {
		font-size: 22px;
		margin-bottom: 35px;
	}

	.HnewsList .itemInfo {
		padding-top: 25px;
	}

	.newsL .list .item {
		padding: 25px 15px;
	}

	.newsL .list>div {
		margin: -25px -15px;
	}

	.newsL .list .itemInfo .name {
		font-size: 18px;
		line-height: 32px;
		max-height: 64px;
	}

	.newsL .list .itemInfo .time {
		font-size: 16px;
	}

	.newsL .list .itemInfo {
		padding-top: 25px;
	}

	.newsL {
		padding-right: 60px;
	}

	.newsR .hot>div {
		margin: -5px 0;
	}

	.newsR .hot .item {
		padding: 5px 0;
	}

	.newsR .hot .item>a {
		padding: 25px 20px;
	}

	.newsR .hot .item ._title {
		font-size: 18px;
		line-height: 30px;
		max-height: 60px;
	}

	.newsR .hot .item ._time {
		font-size: 16px;
	}

	.newsR {
		width: 280px;
	}

	.news {
		padding-top: 130px;
		padding-bottom: 140px;
	}

	.newsL .list {
		margin-bottom: 60px;
	}

	.sceneList .item {
		padding-top: 130px;
		padding-bottom: 70px;
	}

	.sceneList .itemInfo ._title {
		font-size: 30px;
		margin-bottom: 20px;
	}

	.sceneList .itemInfo ._line {
		font-size: 16px;
		margin-bottom: 35px;
		max-height: 128px;
	}

	.sceneList .item:nth-child(odd) .itemInfo {
		padding-left: 70px;
	}

	.sceneList .item:nth-child(even) .itemInfo {
		padding-right: 70px;
	}

	.sceneList {
		padding-bottom: 70px;
	}

	#back_top {
		right: 40px;
		bottom: 60px;
	}

	#back_top .master_backTop .master_backTop_btn {
		width: 54px;
		height: 54px;
	}

	#back_top .master_backTop .master_backTop_btn .master_backTop_txt>i {
		font-size: 22px;
	}

	.Hscene_switch>a {
		width: 52px;
		height: 52px;
		line-height: 52px;
	}

	.Hscene_switch>a>i {
		font-size: 26px;
	}

	.HsceneInfo {
		padding-left: 100px;
	}

	#HsceneInfo ._line {
		font-size: 16px;
		max-height: 96px;
	}

	#HsceneInfo ._title {
		font-size: 22px;
	}

	#HsceneInfo ._more {
		margin-top: 35px;
	}

	#HsceneInfo ._more>a {
		font-size: 16px;
	}

	.HsceneInfo ._page>span {
		font-size: 22px;
	}

	.HsceneInfo ._page>em {
		font-size: 16px;
	}

	.HsceneNav .item>a {
		font-size: 16px;
		padding-bottom: 20px;
	}

	/* .Hscene {
		padding-bottom: 280px;
	} */

	.Hscene_top .line {
		font-size: 16px;
	}

	/* .HsceneBox {
		margin-top: 70px;
	} */

	#mouse .mouseName {
		font-size: 14px;
	}

	#mouse .mouseIcon>i {
		font-size: 14px;
	}

	#mouse .mouseOf {
		width: 23px;
		height: 36px;
		border-radius: 22px;
	}



}



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

	#HbannerSwiper .Hbanner_info .large {
		font-size: 25px;
		margin-bottom: 25px;
	}

	#HbannerSwiper .Hbanner_info .small {
		font-size: 22px;
	}

	.Hbanner_switch>a {
		width: 46px;
		height: 46px;
		line-height: 46px;
	}

	.Hbanner_switch>a>i {
		font-size: 22px;
	}

	.masterTitle01 {
		font-size: 32px;
	}

	.Habout_top .masterTitle01 {
		margin-bottom: 25px;
	}

	.HaboutList .item>a {
		padding: 20px;
	}

	.HcontactBox .masterTitle01 {
		margin-bottom: 25px;
	}

	.abWdList .item>div {
		padding: 40px 30px;
	}

	.abWdList .itemIcon {
		width: 100px;
	}

	.abWdList .item {
		padding: 0 15px;
	}

	.abWdList>div {
		margin: 0 -15px;
	}

	.abWd .list3>div {
		width: 28%;
	}

	.abTeamBox .abTeamTxt {
		font-size: 110px;
	}

	.newsDelR {
		padding-right: 60px;
	}

	.newsDelL {
		padding: 0 90px;
	}

	.sceneList .item:nth-child(odd) .itemInfo {
		padding-left: 55px;
	}

	.sceneList .item:nth-child(even) .itemInfo {
		padding-right: 55px;
	}

	.sceneList .item {
		padding-top: 105px;
		padding-bottom: 60px;
	}

	.sceneList {
		padding-bottom: 60px;
	}

	.Hscene_switch>a {
		width: 46px;
		height: 46px;
		line-height: 46px;
	}

	.Hscene_switch>a>i {
		font-size: 22px;
	}

	.HsceneInfo {
		padding-left: 80px;
	}

	/* .Hscene {
		padding-bottom: 230px;
	} */

}

.mb-hidden {
	display: none;
}

@media screen and (max-width:1024px) {
	.pc-hidden {
		display: none;
	}

	.mb-hidden {
		display: block;
	}

	/*移动端通用导航_s*/

	.header {
		height: 60px;
		background-color: #fff;
		box-shadow: 0 0 10px rgba(0, 0, 0, .1);
	}

	.header>div {
		padding: 0 20px;
	}

	.header:after {
		content: '';
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 1px;
		background-color: #fff;
		opacity: 0;
		transition: opacity .8s;
	}

	.header.mobileNav:after {
		opacity: .5;
	}

	.header .logo>a {
		height: 36px;
	}

	.header .logo>a .logo1 {
		opacity: 1 !important;
	}

	.header .logo>a .logo2 {
		opacity: 0 !important;
	}

	.header .Hmenu {
		display: block;
	}

	.header .nav {
		position: fixed;
		top: 0;
		right: 0;
		overflow: hidden;
		width: 100%;
		height: 100vh;

		z-index: -2;
		padding-top: 60px;
		right: -100%;
		background-color: #fff;
		transition: right .8s cubic-bezier(0.6, 0, 0.3, 1);
		will-change: transform;
	}

	.header.mobileNav .nav {
		right: 0;
	}

	.header .nav .navlist {
		width: 100%;
		opacity: 0;
		transition: all 0.5s;

		overflow-y: auto;
		padding: 15px 20px;
		flex-wrap: wrap;
		max-height: 100%;
	}

	.header.mobileNav .nav .navlist {
		opacity: 1;
		transition-delay: 0.5s;
	}

	.header .nav .navlist>.nav_a {
		width: 100%;
		position: relative;
	}

	.header .nav .navlist>.nav_a:after {
		content: '';
		position: absolute;
		left: 0;
		bottom: 0;

		width: 100%;
		height: 1px;
		background-color: #eee;
	}

	.header .nav .navlist>.nav_a>a {
		line-height: 60px;
		height: 60px;
		padding: 0;
		pointer-events: none;
		color: #333 !important;
	}

	.header .nav .navlist>.nav_a>.nav_b {
		position: static;
		width: 100%;
		transform: none;
		opacity: .6;
		height: 0;

		visibility: visible;
		text-align: left;
		padding: 0;
		overflow: hidden;
		border: none;
		box-shadow: none;
		background: none;
	}

	.header .nav .navlist>.nav_a>.nav_b .nav_b_list {
		padding-bottom: 30px;
	}

	.header .nav .navlist>.nav_a>.nav_b .nav_b_list>li>a {
		margin-bottom: 20px;
		line-height: 26px;
		padding: 0;
	}

	.header .nav .navlist>.nav_a>.nav_b>.nav_b_list>li>a img {
		display: none;
	}

	.header .nav .navlist>.nav_a>.nav_b .nav_b_list>li:last-child>a {
		margin-bottom: 0;
	}

	.header .nav .navlist>.nav_a>a>.nav_icon {
		display: block;
		position: absolute;
		right: 0;
		top: 50%;
		transform: translateY(-50%);
	}

	.header .nav .navlist>.nav_a>a>.nav_icon>i {
		transition: all .4s;
		display: inline-block;
		font-size: 18px;
		opacity: .5;
	}

	.header .nav .navlist>.nav_a.on>a>.nav_icon>i {
		transform: rotate(180deg);
		opacity: 1;
	}

	.header .yuyan {
		position: absolute;
		right: 60px;
	}

	.header .yuyan a {
		color: #000 !important;
	}

	#HbannerSwiper .Hbanner_info .large {
		font-size: 24px;
		margin-bottom: 20px;
	}

	#HbannerSwiper .Hbanner_info .small {
		font-size: 20px;
	}

	.Hbanner_switch {
		display: none;
	}

	.HBanner {
		height: 68vw;
	}

	#main {
		position: initial;
		padding-top: 60px;
		overflow: hidden;
	}

	.header .Htel {
		display: none;
	}

	.Hbanner_nav {
		bottom: 15px;
		width: 100%;
		text-align: center;
		right: 0;
	}

	.Hbanner_nav>span {
		width: 20px;
		height: 1px;
		margin: 0 5px;
		border-radius: 0;
	}

	#HbannerSwiper .Hbanner_info {
		padding: 0;
	}

	.masterTitle01 {
		font-size: 26px;
	}

	.Habout {
		padding: 100px 0;
	}

	.Habout_top .masterTitle01 {
		margin-bottom: 20px;
	}

	.Habout_top .line {
		font-size: 14px;
	}

	.masterBtn01>a {
		width: 120px;
		height: 38px;
	}

	.masterBtn01>a>div {
		font-size: 14px;
	}

	.Habout_top .masterBtn01 {
		margin-top: 20px;
	}

	.HaboutList {
		overflow-x: auto;
		max-width: 1024px;
		-webkit-overflow-scrolling: touch;
	}

	.HaboutList::-webkit-scrollbar {
		display: none;
	}

	.HaboutList>div {
		/* min-width: 1024px; */
		flex-direction: column;

	}

	.HaboutList .item {
		width: 100%;
	}

	/* .HaboutList .itemIcon {
		width: 50px;
	} */

	.HaboutList .item {
		margin: 10px 0;
	}

	.HaboutList {
		margin-top: 40px;
	}

	.Hnews {
		padding: 100px 0;
	}

	.HnewsList>div {
		margin: 0 -8px;
	}

	.HnewsList .item {
		padding: 0 8px;
	}

	.HnewsList .itemInfo {
		padding-top: 20px;
	}

	.HnewsList .itemInfo .name {
		font-size: 16px;
		line-height: 26px;
	}

	.HnewsList .itemInfo .time {
		font-size: 14px;
		margin-bottom: 8px;
	}

	.HnewsList {
		margin-top: 40px;
	}

	.Hscene .box1 {
		flex-direction: column;
	}

	.Hscene .box1>div {
		width: 100%;
	}

	.Hcontact {
		padding: 80px 0;
	}

	.HcontactBox .masterTitle01 {
		margin-bottom: 20px;
	}

	.HcontactBox .line {
		font-size: 14px;
		margin-bottom: 25px;
	}

	.masterBtn01.hoverWhite>a {
		width: 130px;
	}

	.HsceneBox .item {
		width: 100%;
	}

	.Hscene .box1 .right h3 {
		font-size: 22px;
	}

	.Hscene .box1 .right p {
		font-size: 16px;
	}

	.footerBox {
		flex-wrap: wrap;
	}

	.footerL {
		width: 100%;
		margin-bottom: 30px;
	}

	.footerR {
		width: 100%;
	}

	.footerR .fthot .fthot_tel .number>a {
		font-size: 26px;
	}

	.footerR .fthot .fthot_tel .name {
		font-size: 18px;
	}

	.footerR .fthot .fthot_line {
		font-size: 14px;
	}

	.footerR .ftcode .code_name {
		font-size: 14px;
	}

	.footerBox {
		padding: 60px 0;
	}

	.ftkeep {
		font-size: 14px;
		padding: 15px 0;
	}

	.footerR .ftcode .code_img {
		width: 110px;
	}

	.footerL .ftnav .ftnav_logo>a {
		width: 180px;
	}

	/* .pageBanner.pbstyle1 {
		height: 44vw;
	} */
	.pageBanner.pbstyle1 {
		height: 138px;
		margin-top: 0;
	}

	.pageBanner.pbstyle1 h2 {
		line-height: 138px;
	}

	.abWd .list ul,
	.footerL .ftnav .ftnav_list {
		flex-direction: column;
	}

	.abWd .list ul li {
		margin-bottom: 10px;
	}

	.abWd .list2 ul li {
		width: 100%;
	}

	.abWd .list3 {
		flex-direction: column;
	}

	.abWd .list3>div {
		width: 100%;
	}

	.abWd .list4>div {
		padding: 10px 15px;
		margin: 0 20px;
	}

	/*	.abWd .list3 .ct p:nth-child(1) img, */
	/*	.abWd .list3 .ct p:nth-child(3) img {*/
	/*    width: 60%;*/
	/*}*/

	.footerL .ftnav .ftnav_list>li {
		border-bottom: 1px solid #d1d1d1;
		margin-bottom: 10px;
	}

	.abIntr {
		padding: 50px 0;
	}

	.abIntrBox .abIntrLine {
		font-size: 16px;
	}

	.abIntrBox .masterTitle01 {
		margin-bottom: 20px;
	}

	.pageBanner .info .infoLine {
		font-size: 14px;
	}

	.pageBanner .info .masterTitle01 {
		margin-bottom: 15px;
	}

	/* 
	.abWd {
		padding-top: 100px; 
	}
*/
	.abWdList {
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
	}

	.abWdList::-webkit-scrollbar {
		display: none;
	}

	.abWd .box2 img {
		width: 100%;
	}

	.abWdList>div {
		min-width: 1024px;
		margin: 0;
		padding: 20px;
	}

	.abWdList .item {
		padding: 10px;
	}

	.abWdList .item>div {
		padding: 30px 25px;
	}

	.abWdList .itemTps {
		font-size: 18px;
		padding-bottom: 20px;
	}

	.abWdList .itemLine {
		font-size: 14px;
		padding: 20px 0 0;
	}

	.abWdList .itemTps:after {
		width: 25px;
	}

	.abWdList {
		margin-top: 10px;
	}

	.abWdList .item>div:before {
		height: 2px;
	}

	.abWdList2 .item {
		width: 100%;
		border-right: none;
		border-bottom: 1px solid #d9d7d7;
		padding: 0 0 20px;
	}

	.abWdList2 .item:last-child {
		border-bottom: 1px solid #d9d7d7;
	}

	#abTeamInfo .info .infoLine {
		font-size: 14px;
	}

	#abTeamInfo .info .infoName {
		margin-bottom: 15px;
		font-size: 24px;
	}

	.abTeamInfo>div:after {
		height: 24px;
	}

	.abTeamInfo .infoBtn {
		margin-top: 35px;
	}

	.abTeamInfo>div {
		padding-left: 25px;
		padding-right: 40px;
		padding-bottom: 60px;
	}

	.abTeamInfo_switch>a {
		width: 40px;
		height: 40px;
		line-height: 40px;
	}

	.abTeamInfo_switch>a>i {
		font-size: 20px;
	}

	.abTeamBox {
		margin-top: 40px;
	}

	.abTeam {
		padding-top: 110px;
	}

	.caseDel_info {
		margin-top: 0;
	}

	.caseDel_info .title {
		font-size: 22px;
		margin-bottom: 20px;
	}

	.caseDel_info .line {
		font-size: 14px;
		line-height: 26px;
		max-height: 182px;
	}

	.caseDel {
		padding: 100px 0;
	}

	.move_top {
		display: none;
	}

	.caseDel_video ._videoCover>a ._play {
		width: 40px;
		height: 40px;
	}

	.pageBanner.pbstyle2 {
		min-height: 50vw;
		padding: 80px 0;
	}

	.pageBanner.pbstyle2 .info {
		padding-top: 0;
	}

	.pageBanner.pbstyle2 .info>div {
		padding-right: 0;
	}

	.pageBanner.pbstyle2 .info .infoLine {
		max-width: 100%;
		line-height: 26px;
		max-height: 182px;
	}

	.pageBanner.pbstyle2 .info .masterTitle01 {
		margin-bottom: 15px;
	}

	.caseTop .en {
		font-size: 18px;
		margin-bottom: 8px;
	}

	.caseTop .circle {
		width: 48px;
		height: 48px;
	}

	.caseList .item {
		padding: 15px 8px;
	}

	.caseList>div {
		margin: -15px -8px;
	}

	.caseList .itemInfo {
		padding: 15px;
	}

	.caseList .itemInfo .name {
		font-size: 18px;
		margin-bottom: 12px;
	}

	.caseList .itemInfo .more {
		margin-bottom: 5px;
	}

	.caseList .itemInfo .more>span {
		font-size: 14px;
	}

	.caseList .itemInfo .more>i {
		font-size: 12px;
	}

	.caseList .item {
		width: 50%;
	}

	.caseList {
		margin: 40px 0;
	}

	.pageList li a {
		width: 32px;
		height: 34px;
		line-height: 34px;
		font-size: 12px;
	}

	.pageList li {
		padding: 0 2px;
	}

	.case {
		padding: 100px 0;
	}

	.solve .solveInfo .title {
		font-size: 22px;
		margin-bottom: 20px;
		line-height: 1.325;
	}

	.masterBtn02>._btn {
		width: 120px;
		height: 38px;
		font-size: 14px;
	}

	.solve {
		padding: 60px 0;
	}

	.contact ._info ._top ._name {
		font-size: 18px;
		margin-bottom: 10px;
	}

	.contact ._info ._top ._tps {
		font-size: 24px;
	}

	.contact ._info ._nunber .itemName {
		font-size: 16px;
		margin-bottom: 12px;
	}

	.contact ._info ._city ._name {
		font-size: 16px;
		margin-bottom: 5px;
	}

	.contact ._info ._city {
		margin-top: 40px;
	}

	.contact ._info ._nunber {
		margin-top: 30px;
	}

	.contact ._info ._nunber .itemTxt {
		font-size: 14px;
	}

	.contact ._info ._city ._line {
		font-size: 14px;
	}

	.messageBox ._title {
		font-size: 18px;
	}

	.messageBox {
		width: 100%;
	}

	#Gaodemap .ripple {
		width: 28px;
		height: 28px;
	}

	#Gaodemap .ripple>i {
		font-size: 22px;
	}

	.newsDelBox {
		flex-wrap: wrap;
	}

	.newsDelR {
		order: 2;
		width: 100%;
		padding: 0;
		margin-top: 40px
	}

	.newsDelL {
		padding: 0;
		width: 100%;
		;
	}

	.newsDelR .drift {
		display: box;
		display: -webkit-box;
		display: -moz-box;

		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		justify-content: space-between;
	}

	.newsDelR .drift .drift_item {
		margin-bottom: 0;
	}

	.newsDelR .drift .drift_item:nth-child(2)>a>i {
		margin: 0 auto;
	}

	.newsDelR .drift .drift_item>a>span {
		display: none;
	}

	.newsDelR .drift .drift_item>a>i {
		margin-right: 0;
		font-size: 16px;
		width: 42px;
		height: 42px;
		line-height: 42px;
	}

	.newsDelR .drift .drift_item:nth-child(1)>a>i {
		transform: rotate(-90deg);
	}

	.newsDelR .drift .drift_item:nth-child(3)>a>i {
		order: 2;
		transform: rotate(-90deg);
	}

	.newsDel {
		padding: 100px 0;
	}

	.newsDelL ._Top ._title {
		font-size: 24px;
		margin-bottom: 15px;
	}

	.newsDelL ._Top ._source {
		font-size: 14px;
	}

	.newsDelL ._cnt {
		font-size: 14px;
		margin-top: 30px;
	}

	.newsDelL ._cnt span,

	.newsDelL ._cnt p,

	.newsDelL ._cnt em,

	.newsDelL ._cnt strong,

	.newsDelL ._cnt i {
		font-size: 14px !important;
	}

	.pageBanner.pbstyle3 {
		height: 42vw;
	}

	.pageBanner.pbstyle3 .info {
		padding-top: 0;
	}

	.newsR {
		display: none;
	}

	.newsL {
		padding-right: 0;
		width: 100%;
	}

	.newsL .list>div {
		margin: -18px -12px;
	}

	.newsL .list .item {
		padding: 18px 12px;
	}

	.newsL .list .itemInfo .name {
		font-size: 16px;
		line-height: 26px;
		max-height: 52px;
	}

	.newsL .list .itemInfo .time {
		font-size: 14px;
		margin-bottom: 8px;
	}

	.newsL .list .itemInfo {
		padding-top: 20px;
	}

	.newsBox .title {
		margin-bottom: 30px;
	}

	.news {
		padding: 100px 0;
	}

	.sceneList .itemInfo ._title {
		font-size: 24px;
		margin-bottom: 15px;
	}

	.sceneList .itemInfo ._line {
		font-size: 14px;
		margin-bottom: 25px;
		max-height: 112px;
	}

	.sceneList .item {
		padding-top: 80px;
		padding-bottom: 50px;
	}

	.sceneList {
		padding-bottom: 50px;
		padding-top: 0;
	}

	#back_top {
		right: 20px;
		bottom: 40px;
	}

	#back_top .master_backTop .master_backTop_btn {
		width: 44px;
		height: 44px;
	}

	#back_top .master_backTop .master_backTop_btn .master_backTop_txt>i {
		font-size: 18px;
	}

	.Hscene_switch {
		display: none;
	}

	.HsceneInfo>div {
		max-width: 100%;
	}

	.HsceneImg>div {
		max-width: 100%;
	}

	/* .Hscene {
		padding-bottom: 180px;
		padding-top: 100px;
	} */

	#HsceneInfo ._line {
		font-size: 14px;
		max-height: 84px;
	}

	.HsceneInfo ._page {
		margin-bottom: 10px;
	}

	#HsceneInfo ._title {
		font-size: 22px;
		margin-bottom: 15px;
	}

	.HsceneInfo ._page>span {
		font-size: 22px;
	}

	.HsceneInfo ._page>em {
		font-size: 14px;
	}

	#HsceneInfo ._more>a {
		font-size: 14px;
	}

	#HsceneInfo ._more {
		margin-top: 25px;
	}

	.HsceneInfo {
		padding-left: 60px;
	}

	/* .HsceneBox {
		margin-top: 50px;
	} */

	.HsceneNav .item>a {
		font-size: 14px;
	}

	.HsceneNav .item>a span {
		width: 18px;
		height: 18px;
	}

	.HsceneNav .item>a span:before {
		width: 6px;
		height: 6px;
	}

	.Hscene_top .line {
		font-size: 14px;
	}

	.Hscene_top .masterTitle01 {
		margin-bottom: 15px;
	}

	#mouse {
		display: none;
	}

	#fragment iframe {
		max-width: 90vw;
		max-height: 90vh;
		height: 34vh;
		width: 980px;
	}



}



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

	#HbannerSwiper .Hbanner_info .large {
		font-size: 22px;
		margin-bottom: 15px;
	}

	#HbannerSwiper .Hbanner_info .small {
		font-size: 16px;
	}

	.masterTitle01 {
		font-size: 22px;
	}

	.Habout {
		padding: 60px 0;
	}

	.Habout_top .masterTitle01 {
		margin-bottom: 15px;
	}

	.HnewsList>div {
		flex-wrap: wrap;
	}

	.HnewsList .item {
		width: 100%;
		margin-bottom: 30px;
	}

	.HnewsList .item:last-of-type {
		margin-bottom: 0;
	}

	.Hnews {
		padding: 60px 0;
	}

	.Hcontact {
		padding: 50px 0;
	}

	.footerR {
		flex-wrap: wrap;
		text-align: center;
	}

	.footerR .fthot {
		width: 100%;
		margin-bottom: 20px;
	}

	.footerR .ftcode {
		width: 100%;
	}

	/* .footerL {
		display: none;
	} */

	.footerR .ftcode .code_img {
		margin: 0 auto;
	}

	.footerBox {
		padding-top: 40px;
		padding-bottom: 30px;
	}

	.abIntr {
		padding: 60px 0;
	}

	/* .abWd {
		padding-top: 60px;
	} */

	.abWdList .item {
		width: 100%;
		margin-bottom: 10px;
	}

	.abWdList .item:last-of-type {
		margin-bottom: 0;
	}

	.abWdList>div {
		flex-wrap: wrap;
		margin: 0 -10px;
		min-width: 100%;
		padding: 0;
	}

	.abWdList {
		overflow: initial;
		margin-top: 30px;
	}

	.abTeamInfo {
		position: initial;
		transform: none;
		margin-top: 30px;
		padding-left: 0;
	}

	.abTeamBox {
		display: box;
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		flex-wrap: wrap;
	}

	.abTeamInfo>div {
		padding-right: 0;
		width: 100%;
		padding-left: 0;
	}

	.abTeamInfo>div::before,

	.abTeamInfo>div::after {
		display: none;
	}

	.abTeamBox {
		padding-left: 0;
	}

	.abTeamImg {
		padding-left: 0;
		order: -1;
		width: 90%;
		margin: 0 auto;
	}

	/* #abTeamImg .bg{padding-bottom:88%;} */

	#abTeamImg .bg>img {
		object-position: center top;
		border-radius: 10px;
	}

	#swiper_zzz {
		padding-left: 0;
		order: -1;
		width: 90%;
		margin: 0 auto;
	}

	/* #swiper_zzz .bg{padding-bottom:88%;} */

	#swiper_zzz .bg>img {
		object-position: center top;
		border-radius: 10px;
	}

	.abTeamBox .abTeamTxt {
		display: none;
	}

	.abTeam {
		padding-top: 60px;
	}

	.caseDelBox {
		flex-wrap: wrap;
	}

	.caseDel_info {
		width: 100%;
	}

	.caseDel_video {
		width: 100%;
		order: -1;
	}

	.caseDel_video>div {
		transform: none;
		width: 100vw;
		transform: translateX(-5vw);
	}

	.caseDel_info .line {
		max-height: none;
	}

	.caseDel {
		padding-top: 50px;
		padding-bottom: 60px;
	}

	.pageBanner.pbstyle2 {
		padding: 50px 0;
	}

	.caseList .item {
		width: 100%;
		padding: 0;
		margin-bottom: 15px;
	}

	.caseList .item:last-child {
		margin-bottom: 0;
	}

	.caseList>div {
		margin: 0;
	}

	.case {
		padding: 60px 0;
	}

	.solve {
		padding: 40px 0;
	}

	.contact>div {
		padding-left: 0;
		display: box;
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		flex-wrap: wrap;
	}

	.contact ._info {
		position: initial;
		transform: none;
	}

	.contact ._info>div {
		width: 100%;
	}

	.contact ._map {
		order: -1;
		margin-bottom: 40px;
		padding-left: 0;
	}

	.contact {
		padding-top: 0;
		padding-bottom: 60px;
	}

	.contact ._map>div {
		padding-bottom: 60%;
	}

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

	.message_form .masterBtn02 {
		width: 100%;
		margin-left: 0;
		margin-top: 20px;
	}

	.message_form .message_code {
		width: 50%;
	}

	.message {
		padding: 60px 0;
	}

	.newsDel {
		padding-top: 40px;
		padding-bottom: 60px;
	}

	.newsL .list>div {
		margin: 0;
	}

	.newsL .list .item {
		width: 100%;
		padding: 0;
		margin-bottom: 30px;
	}

	.newsL .list .item:last-of-type {
		margin-bottom: 0;
	}

	.news {
		padding-top: 40px;
		padding-bottom: 60px;
	}

	.newsL .list {
		margin-bottom: 40px;
	}

	.sceneList .item>div {
		flex-wrap: wrap;
	}

	.sceneList .itemView {
		width: 100%;
	}

	.sceneList .itemInfo {
		width: 100%;
	}

	.sceneList .itemInfo {
		order: 2 !important;
		padding: 0 !important;
		margin-top: 30px;
	}

	.sceneList .item {
		padding-top: 70px;
		padding-bottom: 35px;
	}

	.sceneList {
		padding-bottom: 35px;
	}

	.HsceneBox>div {
		flex-wrap: wrap;
	}

	.HsceneImg {
		width: 100%;
	}

	.HsceneImg>div {
		width: 100%;
		margin: 0 auto;
		transform: none;
	}

	.HsceneInfo {
		width: 100%;
		padding-left: 0;
		margin-top: 35px;
	}
    
    .HsceneBox .item .top h2 {
        font-size: 20px;
    }
	/* .HsceneBox {
		margin-top: 25px;
	} */

	.Hscene {
		padding: 60px 0;
	}

	.HsceneBg2 {
		display: none;
	}

	.abWdList3 {
		flex-direction: column;
	}

	.abWdList3>div {
		width: 100%;
		padding: 20px;
		margin: 10px 0;
	}

	.abWdList4 {
		margin-top: 30px;
	}

	.abWdList4 .item {
		width: 100%;
		margin-bottom: 20px;
	}
    .abWdList .item:nth-child(4),
    .abWdList .item:nth-child(5) {
	width: 100%;
    }
	.abWdList4 .item ul .lf {
		width: 35%;
		padding: 10px;
	}

	.abWdList4 .item ul .rg {
		width: 65%;
		padding-right: 10px;
	}

	.abWdList4 .item ul .rg h3 {
		font-size: 14px;
		margin-bottom: 6px;
	}

	.abWdList4 .item ul .rg p {
		font-size: 12px;
		line-height: 20px;
	}
    .abWd {
        padding-bottom: 40px;
    }
	.abWd .list4 {
		margin-top: 50px;
		flex-direction: column;
	}

	.abWd .list4>div {
		width: 100%;
		margin: 10px 0px;
		border-radius: 10px;
	}

	.abWd .list4>div h2 {
		font-size: 24px;
	}


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

	.abWd .list5 .cont {
		width: 100%;
		margin-bottom: 15px;
	}

	.abWd .box2 {
		padding: 20px;
	}
	.abWd .box2 h1{
	    font-size: 22px;
	}
    .abWd .box3 .left {
        width: 100%;
    }
    
    .abWd .box3 .right {
        display: none;
    }
	.abWd .list6 .cont {
		width: 100%;
	}
    .abWd .list7 .cont{
        width: 100%;
        padding: 15px;
    }
	.abWd .list3 .ct {
		margin: 20px 0;
	}

	.grecaptcha-badge {
		display: none !important;
	}

	.map>div {
		width: 100%;
	}

	.map .rg img {
		width: 100%;
	}

	/*.abWd .list3 .ct p:nth-child(1) {*/
	/*   transform: rotate(90deg);*/
	/*   position: absolute;*/
	/*   left: -125px;*/
	/*   bottom: -160px;*/
	/*   }*/


	/*   .abWd .list3 .ct p:nth-child(3) {*/
	/*   transform: rotate(90deg);*/
	/*   position: absolute;*/
	/*   right: -125px;*/
	/*   bottom: -160px;*/
	/*   }*/


	/*.abWd .list3 .ct p:nth-child(2) {*/
	/*height: 145px;*/
	/*}*/

	.navbar li {
		margin: 0 5px
	}

	.navbar li a {
		font-size: 16px;
		padding: 15px 0;
	}

	.abWd .list8 {
		flex-direction: column;
	}

	.abWd .list8>div {
		width: 100%;
		padding: 20px;
	}

	.abWd .list8 .lf h1 {
		font-size: 22px;
	}
	
	.abWd .list9 .item{
	    flex-direction: column;
	}
	.abWd .list9 .item:nth-child(2n){
	flex-direction: column;
}
	.abWd .list9 .item .lf,
	.abWd .list9 .item .rg{
	width: 100%;
    }
}