body {
	color: #58585b;
}

.h100vh {
	height: 100vh;
}

sup {
	font-size: 12px;
	position: relative;
	font-family: arial;
	transform: scale(0.7);
	-webkit-transform: scale(0.7);
	vertical-align: top;
	display: inline-block;
}

.Navmeau9 sup {
	top: -4px;
}

.h5threname sup {
	top: -4px;
}

.platformh3 sup {
	top: 6px;
}

.proList sup {
	top: -4px;
}

.appear-animation {
	opacity: 0;
}
 .a5_li2 img{
        width: 70%;
    }
@-webkit-keyframes fadeInUpShorter {
	from {
		opacity: 0;
		-webkit-transform: translate(0, 50px);
		transform: translate(0, 50px);
	}

	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}

@keyframes fadeInUpShorter {
	from {
		opacity: 0;
		-webkit-transform: translate(0, 50px);
		transform: translate(0, 50px);
	}

	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}

.fadeInUpShorter {
	-webkit-animation-name: fadeInUpShorter;
	animation-name: fadeInUpShorter;
}

@-webkit-keyframes fadeInDownShorter {
	from {
		opacity: 0;
		-webkit-transform: translate(0, -50px);
		transform: translate(0, -50px);
	}

	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}

@keyframes fadeInDownShorter {
	from {
		opacity: 0;
		-webkit-transform: translate(0, -50px);
		transform: translate(0, -50px);
	}

	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}

.fadeInDownShorter {
	-webkit-animation-name: fadeInDownShorter;
	animation-name: fadeInDownShorter;
}


.swiper-slide-active .appear-animation {
	animation: fadeInUpShorter 0.8s normal forwards;
}

.swiper-slide-active .scale {
	transform: scale(1);
}
.menu_yuyan1{
	margin-left: 120px;
}
.menu_yuyan1 img{
	width: 20px;
	margin-top: 7px;
}

.scale {
	transform: scale(1.06);
	transition: all 3s ease;
}

.ani1 {
	animation-delay: 0.3s !important;
}

.ani2 {
	animation-delay: 0.5s !important;
}

.ani3 {
	animation-delay: 0.7s !important;
}
 .a5_li1 img{
        width: 48%;
    }

.sh3banerbtn {
	/*color: #35a8db;*/
    color: #fff;
	font-size: 60px;
	font-weight: bold;
	z-index: 5;
	transition: all 0.3s ease;
}

/* .swiperprev{left:80px;}
	.swipernext{left:130px;} */
.sh3banerbtn.swiper-button-disabled {
	color: #fff;
}

.sh3banerbtn {
	display: inline-block;
}
.inbanerbtns {
	position: absolute;
	top: 47%;
	z-index: 12;
	left: 50%;
	transform: translate(-50%, -50%);
	display: flex;
	justify-content: space-between;
	width: 95% !important;
	opacity: 0;
	visibility: hidden;
}
.inbaner:hover .inbanerbtns{
	opacity: 1;
	visibility: visible;
}
.sh3banerbtn i{
	font-size: 50px;
}


.sh3baner {
	position: relative;
	overflow: hidden;
	height: 100%;
}

.sh3banerimg {
	position: absolute;
	width: 110%;
	height: 100%;
	left: -10%;
	top: 0;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.sh3banerwz {
	position: absolute;
	width: 1200px;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	z-index: 3;
	text-align: left
}

.sh3banerh5 {
	font-size: 45px;
	line-height: 1.6;
	margin-top: 10px;
	font-weight: bold;
	font-weight: 600;
	letter-spacing: 2px;
	color: #fff;
}

.sh3banerh5 span {
	font-size: 75px;
}

.sh3banermore {
	display: inline-block;
	margin-top: 55px;
}

.sh3banerideo {
	position: absolute;
	min-width: 100%;
	min-height: 100%;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

.sh3banerp1 {
	color: #fefefe;
	font-size: 22px;
}

.sh3banerp0 {
	color: #fff;
	font-size: 22px;
}

.sh3banerp1 span {
	opacity: 0.4;
}

.sh3banerp4,
.sh3banerp5 {
	color: #fff;
	font-size: 20px;
}

.sh3banerp4 {
	margin-top: 45px;
}

.sh3banerp5 {
	margin-top: 25px;
}

.sh3banerp5 b {
	font-size: 35px;
	font-weight: normal;
	padding-right: 5px;
}

.sh3banerimg {
	transition: all 4s ease;
	transform: scale(1.1);
}

.swiper-slide-active .sh3banerimg {
	transform: scale(1);
	left: 0;
}

.mySwiperbpage {
	width: 1200px;
	left: 50% !important;
	margin-left: -600px;
	position: absolute;
	z-index: 3;
	bottom: 0;
}

.mySwiperbpage span {
	width: 10px;
	height: 10px;
	border-radius: 10px;
	vertical-align: top;
	text-align: center;
}

.mySwiperbpage span {
	background: #fff;
	opacity: 0.8;
}

.mySwiperbpage .swiper-pagination-bullet-active {
	background: #00b9ef;
	width: 30px;
	opacity: 1;
}

.text-c {
	text-align: center;
}

.pubp1 {
	font-size: 14px;
	color: #999;
	line-height: 1;
}

.pubh2 {
	font-size: 40px;
	color: #122133;
	font-weight: bold;
	line-height: 1;
	margin-top: 10px;
}

.pubh21 {
	line-height: 1.4;
	color: #fff;
	font-size: 48px;
	letter-spacing: 1px;
}

.pubtit {
	font-size: 50px;
	margin-top: 10px;
	font-weight: bold;
	color: #fff;
	line-height: 1;
	line-height: 1;
}

.pubp2 {
	font-family: "Gilroy", aril;
	font-size: 24px;
	line-height: 1;
	color: #fff;
}

.pbmore {
	width: 168px;
	font-size: 14px;
	background: #c2172f;
	color: #fff;
	border-radius: 5px;
	overflow: hidden;
	display: inline-block;
	position: relative;
	transition: background-color 0s cubic-bezier(.52, .08, .18, 1) 0s;
	height: 48px;
	line-height: 48px;
	text-align: center;
	vertical-align: top;
}

.pbmore span {
	transition: all 0.55s cubic-bezier(.52, .08, .18, 1);
	position: relative;
	z-index: 5;
}

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

.pbmore i {
	position: absolute;
	height: 100%;
	top: 0;
	transition: all 0.4s ease;
	z-index: 8;
	width: 18px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: 100% auto;
}

.i_white {
	background-image: url(../svg/y-jjt-white.svg);
}

.i_black {
	background-image: url(../svg/y-jjt-black.svg);
}

.ir20p {
	right: 20px;
}

.il20p {
	left: -20px;
}

.pbmore:hover {
	background-color: #fff;
	transition: all .1s linear .35s;
}

.pbmore:hover span {
	color: #333;
}

.pbmore:hover:after {
	-webkit-transform: translateX(0) skewX(0);
	transform: translateX(0) skewX(0);
	-webkit-transform-origin: left top;
	transform-origin: left top;
}

.pbmore:hover .ir20p {
	right: -20px;
}

.pbmore:hover .il20p {
	left: 20px;
}

.pbmore2 {
	border: 1px solid #3071b7;
}

.pbmore2:hover {
	border-color: #3071b7;
}

.hh5main {
	position: relative;
	background: #fff;
	z-index: 12;
}

/* 导航 */

.xy5head {
	z-index: 32;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	transition: all 0.5s ease;
}

.xy5head {
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
}

/* .xy5head:before{ position:absolute;width:100%; height:16px;top:0;left:0; content:'';}
.xy5head:before{ background:url(../img/xy5headbg.jpg) center top no-repeat;} */
.xy5headlogo {
	height: 56px;
	width: 160px;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}

.xy5headlogo img {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
}

.xy5headlogo1 {
	opacity: 1;
}

.xy5headnav {
	text-align: center;
	width: 85%;
	margin: 0 auto;
}

.xy5headnavm {
	display: inline-block;
	vertical-align: top;
	margin-left: 50px;
	position: relative;
}

.xy5headnava {
	display: block;
	vertical-align: top;
	height: 90px;
	overflow: hidden;
	line-height: 90px;
	position: relative;
}

.xy5headnava {
	color: #333;
	transition: all 0.3s ease;
}

.xy5headnava:before {
	position: absolute;
	left: 50%;
	bottom: 15px;
	content: '';
	opacity: 0;
	transition: all 0.3s ease;
}

.xy5headnava:before {
	margin-left: -11px;
	width: 22px;
	height: 2px;
	background: #0176be;
}

.xy5headnava:hover:before {
	opacity: 1;
	bottom: 0;
}


.xy5headright {
	height: 90px;
	width: 80px;
	/* border-bottom: 1px solid rgba(255,255,255,0.5); */
}

.xy5headright {
	text-align: right;
}

.xy5lauge,
.xy5search {
	width: 30px;
	/* margin:0 10px; */
	height: 100%;
	position: relative;
	display: inline-block;
}

.xy5lauge:before,
.xy5lauge:after,
.xy5search:before,
.xy5search:after {
	position: absolute;
	content: '';
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	transition: all 0.3s ease;
}

.xy5lauge:after,
.xy5search:after {
	opacity: 0;
}

.xy5lauge:before {
	background: url(../gif/language_icon_2-2.gif) center no-repeat;
	background-size: 26px auto;
}

.xy5lauge:after {
	background: url(../gif/language_icon_1-2.gif) center no-repeat;
	background-size: 26px auto;
}

.xy5search:before {
	background: url(../svg/hh5hsearch2.svg) center no-repeat;
	background-size: 26px auto;
}

.xy5search:after {
	background: url(../svg/hh5hsearch1.svg) center no-repeat;
	background-size: 26px auto;
}

.xy5lauge:before {
	opacity: 0;
}

.xy5lauge:after {
	opacity: 1;
}

.xy5lauge {
	margin-right: 5px;
}

.xy5laugelist {
	position: absolute;
	display: none;
	top: 100%;
	z-index: 10;
	overflow: hidden;
}

.xy5laugelist {
	border-top: 2px solid #c2172f;
	left: -33px;
	width: 90px;
	border-radius: 5px;
}

.xy5laugelist li {
	border-bottom: 1px solid #999;
}

.xy5laugelist a {
	display: block;
	padding: 3px 0;
	color: #222;
	line-height: 30px;
	font-size: 12px;
	text-align: center;
	transition: 0.3s;
	background-color: #fff;
}

.xy5head {
	background: #fff;
}

.xy5headlogo2,
.xy5search:before {
	opacity: 0;
}

.xy5search:after {
	opacity: 1;
}



/* 导航2 */
.pubflex {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

/* .sdtopamr {
	width: 460px;
} */

.w12 {
	width: 85%;
	min-width: 1200px;
	max-width: 1440px;
}

.sdtopa {
	background: #8ea8bd;
	color: #fff;
	font-size: 14px;
}

.sdtopamr i {
	margin-left: 10px;
}

.sdtopamr li:nth-child(1) {
	width: 70px;
}

.sdtopa a,
.sdtopa span,
.sdtopa em,
.sdtopa i {
	color: #fff;
	font-style: normal;
	display: inline-block;
	vertical-align: top;
	height: 40px;
	line-height: 40px;
}

.sdtopaml span {
	background: url(../png/zggq.png) left 13px no-repeat;
	padding-left: 25px;
}

.sdtopbra {
	width: 460px;
}

.sdtopamr_a {
	position: relative;
}

.sdtopamr_input {
	border: none;
	background: transparent;
	border-bottom: 1px solid #fff;
	padding-left: 20px;
	outline: none;
	color: #fff;
}

.sdtopamr_i1 {
	position: absolute;
	top: 0;
	right: 10px;
}

.sdtopamr_input::-webkit-input-placeholder {
	color: #fff;
}

.sdtopamr a {
	margin: 0 10px;
}

.sdtopbra i,
.sdtopbra input {
	float: left;
	background: none;
	border: none;
	height: 32px;
	line-height: 32px;
}

.sdtopbra {
	height: 34px;
	border: 1px solid #005593;
}

.sdtopbra1 {
	width: 40px;
	text-align: center;
}

.sdtopbra2 {
	width: 330px;
	padding: 0 10px;
}

.sdtopbra3 {
	width: 88px;
	text-align: center;
	color: #fff;
	font-size: 16px;
	background: #005593 !important;
}

.sdtopbra input:focus {
	border: none;
}

.sdtopbra1 {
	font-size: 24px;
}

.sdtopbm {
	/* padding-top: 24px; */
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.sdtopbrb span {
	font-size: 20px;
	font-weight: 600;
}

.sdtopbrb .sdtopbrbm_lia {
	position: relative;
	padding: 15px 20px;
	line-height: 70px;
	height: 100px;
	transition: all 0.3s ease;
}

.sdtopbrb .sdtopbrbm_lia2 {
	position: static !important;
}


.sdtopbrb .sdtopbrbm_lia:hover {
	border-bottom: 5px solid #f9522b;
}

.sdtopbrb .sdicon {
	position: absolute;
	/* right: 0; */
	top: 15px;
	font-size: 18px;
}

.sdtopb {
	width: 100%;
	position: relative;
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
	z-index: 99;
}

/* .sdtopbr {
	width: 900px;
} */

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

.sdtopbrbm li {
	/* position: relative; */
	transition: all 0.3s ease;
}

.sdtopbrbm_list {
	position: absolute;
	top: 95px;
	/* right: 12%; */
	left: 0;
	width: 180px;
	padding: 5px 15px 20px;
	background: #fff;
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
	border-top: 5px solid #f9522b;
	/* display: none; */
	visibility: hidden;
	opacity: 0;
	transition: all 0.3s ease;
}

/* .sdtopbrbm_list3 {
	right: 20%;
} */

.sdtopbrbm_list p {
	border-bottom: 1px solid rgb(176, 176, 176, 0.5);
}

/* .sdtopbrbm_list span {
	font-size: 22px;
} */

.sdtopbrbm li:hover .sdtopbrbm_list,
.sdtopbrbm li:hover .sdtopbrbm_list2 {
	/* display: block; */
	visibility: visible;
	opacity: 1;
	z-index: 12;
	transition: all 0.3s ease;
}

.sdtopbrbm_list2 {
	position: absolute;
	z-index: -4;
	top: 100px;
	left: 5%;
	/* transform: translate(-50%, -50%); */
	width: 90%;
	background: #fff;
	visibility: hidden;
	opacity: 0;
	padding: 30px 40px;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	box-shadow: 0 0px 15px rgba(0, 0, 0, 0.1);

}

.sdtopbrbm_ul1 {
	width: 21%;
	/*margin: 30px 0;*/
	/* padding-right: 20px; */
}

.sdtopbrbm_li1 {
	display: flex;
	justify-content: space-between;
	white-space: nowrap;
	border-bottom: 1px solid rgb(176, 176, 176, 0.5);
	padding: 0 !important;
	transition: all 0.3s ease;
	margin-bottom: 10px;
	line-height: 50px;
}

.sdtopbrbm_li1:hover {
	background: #f9522b;
}

.sdtopbrbm_li1:hover a,
.sdtopbrbm_li1:hover i {
	color: #fff;

}

.sdtopbrb span a {
	padding-left: 10px;
}

.sdtopbrbm_li1 span i {
	padding-right: 10px;
}

.sdtopbrbm_li1:last-child {
	border: none;
	margin-top: 15px;
}

.sdtopbrbm_li1:last-child:hover {
	background: none;
}

.sdtopbrbm_ul1 p {
	/*height: 40px;*/
	line-height: 24px;
	/*padding-left: 10px;*/
	padding: 5px 10px;
	transition: all 0.3s ease;
	 /*display: -webkit-box;*/
    /*-webkit-box-orient: vertical;*/
    /*-webkit-line-clamp: 2;*/
    /*overflow: hidden;*/
}

.sdtopbrbm_ul1 p:hover {
	background: #f9522b;
}

.sdtopbrbm_ul1 p:hover a {
	color: #fff;

}

.sdtopbrbm .sdtopbrbm_i1 {
	margin-left: 15px;
	font-size: 22px;
}

.sdtoplogo {
	width: 210px;
	position: relative;
}

.sdtoplogo img {
	width: 100%;
}

.sdtoplogo img {
	vertical-align: top;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
}

.hnav {
	height: 120px;
}

.sdtops {
	/*transition: all 0.3s ease;*/
	position: fixed;
	left: 0;
	z-index: 30;
	top: 0;
	background: #fff;
	width: 100%;
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
}

.sdtops.active {
	top: -40px;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
}

.inbaner {
	/* border-bottom: 4px solid #2a4e68; */
	position: relative;
	/*min-height: 600px;*/
	overflow: hidden;
	/*height: calc(100vh - 300px);*/
}

.swiper-xxnews {
	position: absolute;
	bottom: 10%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 100;
}


.w1200 {
	width: 1200px !important;
	margin: 0 auto;
}
.proList3 li a{
	color: rgb(255, 255, 255,0.8) !important;
	padding-left: 30px !important;
}

/* 底部 */
.h5footbg {
	background: url(../jpg/h5footbg.jpg) center top no-repeat #000000;
	padding-top: 100px;
}

.h5footbg1 {
	background: url(../jpg/h5footbg1.jpg) center top no-repeat #000000;
}

.h5footbgm {
	width: 1200px;
	margin: 0 auto
}

.h5footbgmawx img {
	width: 93px;
	box-sizing: content-box;
	vertical-align: top;
	padding: 8px;
	border: 1px solid rgba(255, 255, 255, 0.4);
}

.h5footbglogo {
	height: 66px;
}

.h5footbgmanav a {
	margin-left: 60px;
}

.h5footbgmanav a {
	display: inline-block;
	height: 66px;
	line-height: 66px;
	transition: all 0.3s ease;
}

.h5footbgmanav a {
	color: #fff;
	opacity: 0.7;
}

.h5footbgmanav a:hover {
	opacity: 1;
	color: #fff;
}

.h5footbgma {
	padding-bottom: 30px;
	border-bottom: 1px solid #4d4d4d;
}

.h5footbgmb {
	line-height: 22px;
}

.h5footbgmbfx a {
	display: inline-block;
	margin-right: 10px;
	position: relative;
	height: 22px;
	vertical-align: top;
	width: 22px;
	cursor: pointer;
}

.h5footbgmbfx img {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	max-width: 100%;
	max-height: 100%;
	opacity: 0.7;
}

.ft-linked img {
	height: 20px;
}

.ft-xinlang img {
	height: 20px;
}

.h5footbgmb,
.h5footbgmb a {
	color: #fff;
}

.h5footbgmqt a {
	display: inline-block;
	margin-left: 35px;
}

.h5footbgmb {
	padding: 25px 0;
}

.h5footbgmb {
	font-size: 14px;
}

.h5footbgmbcopy a,
.h5footbgmbcopy span,
.h5footbgmqt a {
	opacity: 0.7;
	color: #fff;
}

.h5footbgmbcopy a:hover,
.h5footbgmqt a:hover {
	color: #fff;
	opacity: 1;
}

/* 内页banner */
.h5pagebaner {
	margin-top: 20px;
	position: relative;
	/*height: 479px;*/
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
.indeximg1{
    width: 100%;
    /*margin-top: 92px;*/
}

.h5pbbnav {
	position: absolute;
	width: 88%;
	left: 50%;
	transform: translateX(-50%);
	z-index: 3;
}

.h5pbbnav,
.h5pbbnav a {
	color: #fff;
	font-size: 14px;
}

.h5pbbnav a,
.h5pbbnav span,
.h5pbbnav em {
	color: #fff;
	margin-right: 10px;
	display: inline-block;
	;
	vertical-align: top;
	height: 48px;
	line-height: 48px;
}

.h5pbbnav {
	border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.h5pbbnav a,
.h5pbbnav em {
	opacity: 0.6;
}

.h5pbbnav span {}

.h5pbbnav em {
	font-family: aril;
}


.h5qpnav {
	overflow-x: hidden;
	position: relative;
	z-index: 3;
	margin-top: -60px;
}

.h5qpnav:before {
	background: #f6f6f7;
	content: '';
	position: absolute;
	height: 115px;
	bottom: 0;
	left: 0;
	width: 100%;
}

.h5qpnav1:before {
	background: #fff;
}

.h5qpnavm {
	position: relative;
	height: 175px;
	z-index: 3;
}

.h5qpnavwz {
	z-index: 3;
	position: absolute;
	right: -160px;
	top: 50%;
	text-align: right;
	transform: translateY(-50%);
}

.h5qpnavmbg {
	position: absolute;
	height: 100%;
	background: #003372;
}

.h5qpnavmbg1 {
	width: 80%;
	right: 0;
	top: 0;
}

.h5qpnavmbg2 {
	width: 700px;
	right: -699px;
	top: 0;
}


.ny15backbottom {
	position: absolute;
	width: 9px;
	height: 68px;
	z-index: 3;
	top: 50%;
	transform: translateY(-50%);
	left: 25%;
}

.ny15backbottom:before {
	position: absolute;
	left: 4px;
	width: 1px;
	content: '';
	background: #fff;
	opacity: 0.7;
	height: 100%;
}

.ny15backbottom i {
	z-index: 4;
	display: block;
	position: absolute;
	border: 3px solid #fff;
	width: 9px;
	height: 9px;
	background: #003372;
	border-radius: 50%;
	z-index: 3;
}

.ny15backbottom i {
	animation: tgguangfu 1.5s infinite;
}

@keyframes tgguangfu {
	0% {
		top: 30%;
		opacity: 0;
	}

	100% {
		top: 50%;
		opacity: 1;
	}
}

.ptb100p {
	padding-top: 80px;
	padding-bottom: 80px;
}





.h5abouta {
	background: #f6f6f7;
}

.h5aboutap1 {
	font-family: "DINCondensedBold";
	font-size: 80px;
	color: #c2172e;
	line-height: 1;
}

.h5aboutap2 {
	font-size: 40px;
	color: #c2172e;
	line-height: 1;
	margin-top: 5px;
}

.h5aboutaml {
	width: 45%;
}

.h5aboutamr {
	width: 50%;
	line-height: 1.6;
	font-size: 18px;
}

.h5aboutamr p {
	margin-top: 12px;
}

.h5aboutamr p:nth-child(1) {
	margin-top: 0;
}

.h5aboutap5l {
	font-size: 56px;
	padding-top: 10px;
	line-height: 1.2;
	color: #c2172e;
	font-weight: bold;
}

.h5aboutap5r {
	color: #222;
}

.h5aboutap5rh6 {
	font-size: 24px;
	font-weight: bold;
}

.h5aboutap5rh6 span {
	color: #c2172e;
	font-size: 35px;
	padding-right: 10px;
}

.h5aboutap5rp {
	margin-top: 5px;
	font-size: 18px;
}

.h5aboutap5l {
	width: 35%;
}

.h5aboutap5r {
	width: 55%;
}

.h5aboutap52 {
	margin-top: 66px;
}


.h5aboutbula {
	float: left;
	width: 32%;
	margin-right: 2%;
}

.h5aboutbula:nth-child(3n) {
	margin-right: 0;
}

.h5aboutbulimg {
	overflow: hidden;
}

.h5aboutbulimg img {
	width: 100%;
	vertical-align: top;
}

.h5aboutbdesc {
	transition: all 0.3s ease;
	background: #fff;
	padding: 25px;
}

.h5aboutbname {
	font-size: 20px;
	font-weight: bold;
	margin-top: 5px;
}

.h5aboutbname,
.h5aboutbzw {
	color: #222;
}

.h5aboutbmore {
	display: inline-block;
	margin-top: 12px;
	width: 26px;
	overflow: hidden;
	height: 20px;
	position: relative;
}

.h5aboutbmore:before,
.h5aboutbmore:after {
	position: absolute;
	left: -3px;
	top: 0;
	width: 100%;
	height: 100%;
	content: '';
}

.h5aboutbmore:before,
.h5aboutbmore:after {
	background-position: center;
	background-repeat: no-repeat;
	background-size: 100% auto;
}

.h5aboutbmore:before {
	background-image: url(../svg/changjt-black.svg);
}

.h5aboutbmore:after {
	background-image: url(../svg/changjt-white.svg);
}

.h5aboutbmore:after {
	opacity: 0;
}

.h5aboutbula {
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
}

.h5aboutbula:hover {
	box-shadow: 0 15px 25px rgba(0, 0, 0, 0.05);
}

/* .h5aboutbula:hover .h5aboutbdesc{ background: #c2172f;} */
.h5aboutbula:hover img {
	transform: scale(1.04);
}

/* .h5aboutbula:hover .h5aboutbname,.h5aboutbula:hover .h5aboutbzw,.h5aboutbula:hover .h5aboutbms{color:#fff;} */
/* .h5aboutbula:hover .h5aboutbms{ border-color:rgba(255,255,255,0.6);} */
/* .h5aboutbula:hover .h5aboutbmore:after{ opacity: 1;}
.h5aboutbula:hover .h5aboutbmore:before{ opacity: 0;} */
.h5aboutbmore:before,
.h5aboutbmore:after,
.h5aboutbname,
.h5aboutbzw,
.h5aboutbdesc,
.h5aboutbula,
.h5aboutbula img,
.h5aboutball {
	transition: all 0.3s ease;
}

.h5aboutbms {
	color: #444444;
	margin-top: 15px;
	padding-top: 20px;
	border-top: 1px solid #e5e5e6;
	line-height: 1.6;
}

.h5aboutbul {
	margin-top: 50px;
}

.h5acsliderp1 {
	font-size: 18px;
	color: #fff;
}

.h5acsliderp1 {
	padding-left: 25px;
	background: url(../svg/jianjt-white.svg) -3px 6px no-repeat;
	background-size: 18px auto;
}

.h5acsliderm {
	height: 30px;
	line-height: 30px;
}

.h5aboutcslider {
	height: 195px;
	margin: 0;
	margin-top: 40px;
	width: 70%;
}

.h5aboutbula {
	position: relative;
	overflow: hidden;
}

.h5aboutball {
	position: absolute;
	background: #c2172f;
	color: #fff;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	opacity: 0;
	top: -5%;
}

.h5aboutballm {
	padding: 25px;
	padding-top: 35px;
}

.h5aboutbzw1,
.h5aboutbname1 {
	color: #fff;
}

.h5aboutbdescams {
	border-top: 1px solid rgba(255, 255, 255, 0.4);
	margin-top: 25px;
	text-align: justify;
	line-height: 1.6;
}

.h5aboutbdescams p {
	padding-top: 20px;
}

.h5aboutbula:hover .h5aboutball {
	top: 0;
	opacity: 1;
}


.h5aboutdtit {
	text-align: center;
}

.h5aboutdimg {
	overflow: hidden;
	position: relative;
	border-radius: 5px;
	margin-top: 50px;
	box-shadow: 0 20px 35px rgba(0, 0, 0, 0.05);
}

.h5aboutdimg img {
	vertical-align: top;
	width: 100%;
}

.h5aboutdp1 {
	position: absolute;
	color: #fff;
	left: 88px;
	font-weight: bold;
	font-size: 28px;
	top: 50%;
	transform: translateY(-50%);
	z-index: 3;
}

.h5aboutdsliderimg {
	height: 100px;
	float: left;
	width: 25%;
	position: relative;
}

.h5aboutdsliderimg img {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	margin: auto
}

.h5aboutdslider {
	margin-top: 35px;
}

.h5aboutdsliderm {
	background: #fff;
}

.h5aboutc {
	padding: 160px 0;
	background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.h5conam {
	position: relative;
	box-shadow: 0 5px 20px rgba(0, 0, 0, 0.06);
	background: #fff;
}

.h5conaml {
	width: 50%;
}

.h5conamr {
	width: 50%;
	padding: 60px;
	padding-bottom: 0;
}

.h5cona {
	background: #f6f6f7;
}

.h5conamrp1 {
	font-size: 22px;
	padding-bottom: 20px;
	font-weight: bold;
}

.h5conamrpp {
	color: #003372;
	font-size: 18px;
}

.h5conamrpp {
	line-height: 30px;
	margin-top: 10px;
	padding-left: 38px;
}

/* .h5conamrp2{ background: url(../img/c_address.svg) 0 3px no-repeat; background-size: 22px auto;}
.h5conamrp3{ background: url(../img/c_tel.svg) 0 4px no-repeat; background-size: 23px auto;}
.h5conamrp4{ background: url(../img/c_email.svg) 0 5px no-repeat; background-size: 22px auto;} */
.h5conamrpp {
	position: relative;
	padding-left: 32px;
}

.h5conamrpp i {
	position: absolute;
	left: 0;
	top: 0;
	color: #003372;
	font-size: 24px;
}

.h5conamrp2 i {
	font-size: 24px;
	left: -2px;
}

.h5conamrp3 i {
	font-size: 23px;
}

.h5conamrp4 i {
	font-size: 23px;
}

.h5conamore {
	display: inline-block;
	font-size: 12px;
	text-align: center;
	color: #a7a7a7;
	width: 78px;
	height: 36px;
	border: 1px solid #a7a7a7;
	line-height: 34px;
}

.h5conamore {
	border-radius: 35px;
	position: absolute;
	right: 40px;
	bottom: 40px;
	transition: all 0.3s ease;
}

.h5conamore:hover {
	background: #003372;
	color: #fff;
	border-color: #003372;
}


.Navmeau9 {
	position: absolute;
	width: 165px;
	left: 0;
	top: 10px;
	top: 68px;
	padding-top: 20px;
	display: none;
}

.Navmeau9 dl {
	background: rgba(255, 255, 255, 0.8);
	border-radius: 5px;
	text-align: left;
	padding: 8px 18px;
	position: relative;
}

.Navmeau9 dl {
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}

.Navmeau9 dl:before {
	content: "";
	display: block;
	height: 100%;
	width: 1px;
	background: #d5d5d5;
	position: absolute;
	left: 18px;
	top: 0;
}

.Navmeau9 dd {
	padding-left: 20px;
	line-height: 36px;
}

.Navmeau9 dd a {
	font-size: 14px;
}

.Navmeau9Line {
	display: block;
	height: 36px;
	width: 1px;
	position: absolute;
	left: 18px;
	top: 28px;
	z-index: 777;
}

.Navmeau9Line em {
	display: block;
	float: left;
	width: 1px;
	height: 26px;
	margin-top: 5px;
	background: #c2172f;
}

.Navmeau9 dd a:hover {
	color: #c2172f;
}



.hcontbm input::placeholder,
.hcontbm textarea::placeholder {
	font-size: 14px;
	color: #666;
	font-family: "Microsoft YaHei", "PingFang SC", -apple-system, Arial, sans-serif;
}

.otxt,
.oselect {
	background: none;
	border: none;
	outline: none;
}

.hcontbm input,
.hcontbm textarea,
.hcontbm .oselect {
	margin-top: 10px;

}

.hcontbm .oselect,
.hcontbm .otext {
	margin-top: 20px;
}

.hcontbm .oselect {
	border: 1px solid #e5e5e5;
	height: 48px;
	line-height: 48px;
	width: 100%;
	padding: 0 10px;
	border-radius: 10px;
	appearance: none;
	-webkit-appearance: none;
	background: url(../png/pbtyuyan4.png) 99% center no-repeat #fff;
	background-size: 14px auto;
}

.hcontbm {
	margin-top: 25px;
}

.hcontbm {
	width: 48%;
}

.hcontbm1 {
	width: 100%;
	resize: none;
}

.hcontbm input,
.hcontbm textarea {
	padding: 8px 0;
	line-height: 24px;
	border-bottom: 1px solid #e5e5e5;
	width: 100%;
	transition: all 0.3s ease;
	font-size: 14px;
}

.hcontbm input:focus,
.hcontbm textarea:focus {
	border-color: #000;
}

.hcontbm textarea {
	resize: none;
	height: 156px;
	padding: 10px;
	border-radius: 10px;
	border: 1px solid #e5e5e5;
		font-family: 'Microsoft YaHei", "PingFang SC", -apple-system, Arial, sans-serif';
}

.hcontbm span {
	font-size: 18px;
	color: #333;
}

.hcontbm i {
	color: #ff0000;
	padding-left: 3px;
}

.messagebtn {
	text-align: center;
	margin-top: 50px;
}

.messagefujian {
	margin-top: 20px;
}

.pbmorebxa:hover {
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.pbmorebxa:hover span {
	color: #fff;
}

.pbmorebxa:after {
	background: #ff9e1a;
}

.pbmorebxa {
	background: #e3e3e3;
	color: #333;
}

.sh3majoin {
	background: #f6f6f7;
}

.sh3majoinm {
	overflow: hidden;
	position: relative;
	height: 350px;
}

.sh3majoimg:before {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	content: '';
}

.sh3majoimg:before {
	background: #000;
	opacity: 0.08;
	z-index: 1;
}

.sh3majoimg {
	display: block;
	background-size: cover;
	height: 415px;
	background-position: center;
	background-repeat: no-repeat;
	position: absolute;
	width: 100%;
	left: 0;
	top: 0;
	transition: all 0.5s ease;
}

.sh3majoin:hover .sh3majoimg {
	transform: scale(1.04);
}

.sh3majoinh5 {
	font-size: 36px;
	color: #fff;
	font-weight: bold;
	line-height: 1.4;
}

.sh3majoinwz {
	z-index: 3;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 80px;
}

.sh3majoinmmore {
	margin-top: 35px;
}


/* 新闻 */
.h5newa {
	background: #f6f6f7;
}

/* .h5newatit,.h5newamore{ line-height: 40px;} */
.h5newatit {
	margin-top: 10px;
	display: inline-block;
}

.h5newamore {
	color: #666666;
	margin-top: 50px;
}

.h5newalista {
	margin-top: 45px;
	float: left;
	width: 31.66%;
	margin-right: 2.5%;
}

.h5newalista:nth-child(3n) {
	margin-right: 0;
}

.h5newaimg {
	overflow: hidden;
}

.h5newaimg img {
	width: 100%;
	vertical-align: top;
}

.h5newawz {
	width: 90%;
	background: #fff;
	padding: 20px;
	padding-top: 10px;
	margin-left: 5%;
	position: relative;
	margin-top: -50px;
	z-index: 3;
}

.h5newaother {
	padding: 0 8px;
	position: relative;
	height: 40px;
	line-height: 40px;
}

.h5newaother span {
	font-size: 14px;
	color: #999;
}

.h5newawz {
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
}

.h5newaotheri {
	overflow: hidden;
	position: absolute;
	width: 20px;
	height: 100%;
	right: 8px;
	top: 0;
}

.h5newaotheri:before,
.h5newaotheri:after {
	position: absolute;
	left: 0;
	top: 0;
	content: '';
	width: 100%;
	height: 100%;
}

.h5newaotheri:before,
.h5newaotheri:after {
	background-position: left center;
	background-repeat: no-repeat;
	background-size: 100% auto;
}

.h5newaotheri:before {
	background-image: url(../svg/changjt-red.svg);
}

.h5newaotheri:after {
	background-image: url(../svg/changjt-white.svg);
	opacity: 0;
	left: -100%;
}

.h5newah5 {
	border-top: 1px solid #e5e5e6;
	padding: 0;
	padding-top: 15px;
	margin-top: 5px;
}

.h5newah5 {
	font-size: 18px;
	font-weight: bold;
	height: 60px;
	line-height: 30px;
	box-sizing: content-box;
}

.h5newalist {
	margin-top: 40px;
}

.h5newalista:hover .h5newaimg img {
	transform: scale(1.1);
}

.h5newalista:hover .h5newawz {
	background: #003372;
}

.h5newalista:hover span {
	opacity: 0.8;
}

.h5newalista:hover span,
.h5newalista:hover .h5newah5 {
	color: #fff;
}

.h5newalista:hover .h5newaotheri:before {
	left: 100%;
	opacity: 0;
}

.h5newalista:hover .h5newaotheri:after {
	left: 0;
	opacity: 1;
}

.h5newawz1 {
	width: 100%;
	margin-left: 0;
	margin-top: 0;
}

.h5newalista1 {
	margin-top: 2.5%;
}

.h5newalista:nth-child(1),
.h5newalista:nth-child(2),
.h5newalista:nth-child(3) {
	margin-top: 0;
}

.hhbzdtit {
	color: #fff;
}




.qyxwlist {
	background: #f6f6f7;
}

.qyxwlista {
	display: block;
	margin-top: 20px;
	padding: 15px;
	position: relative;
	border-radius: 6px;
	width: 100%;
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.08);
}

.qyxwlista:nth-child(1) {
	margin-top: 0;
}

.qyxwlistimg {
	position: relative;
	height: 170px;
	overflow: hidden;
	width: 21%;
	border-radius: 6px;
}

.qyxwlistimg img {
	width: 100%;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
}

.qyxwlistwz {
	width: 79%;
	padding-left: 30px;
	padding-right: 15px;
	margin-top: 32px;
}

.qyxwlistdate {
	font-size: 12px;
	color: #666;
}

.qyxwlisth4 {
	font-size: 18px;
	color: #222;
	font-weight: bold;
	margin-top: 5px;
}

.qyxwlistdesc {
	color: #333;
	margin-top: 10px;
	padding-right: 20px;
}

.djmaincmai7 {
	right: 20px;
	bottom: 20px;
}

.qyxwlista:hover {
	box-shadow: 5px 10px 25px rgba(0, 0, 0, 0.1);
}

.qyxwlista:hover .qyxwlisth4 {
	color: #c2172f;
}

.qyxwlista,
.qyxwlisth4 {
	transition: all 0.3s ease;
}

.qyxwlista.no {
	padding: 35px;
}

.qyxwlista.no .qyxwlistwz {
	width: 100%;
	padding: 0;
	margin-top: 0;
}

.qyxwlista.no .qyxwlistimg {
	display: none;
}

.qyxwlista.no .qyxwlistdesc {
	height: auto;
	white-space: normal
}

.qyxwlista:hover .djmaincmai:after {
	opacity: 1;
}

.qyxwlista:hover .djmaincmai:before {
	opacity: 0;
}

.qyxwlista:hover .djmaincmai {
	opacity: 1;
}


.newpagenewm {
	text-align: center;
	margin-top: 50px;
}

.newpagenewm a,
.newpagenewm .prev,
.newpagenewm .next {
	position: relative;
	font-size: 14px;
	font-family: Arial, " sans-serif";
	transition: all 0.3s ease;
	display: inline-block;
	margin: 0 5px;
	vertical-align: top;
	width: 35px;
	height: 35px;
	border-radius: 50%;
	text-align: center;
	line-height: 35px;
}

.newpagenewm .prev:before,
.newpagenewm .next:before,
.newpagenewm .prev:after,
.newpagenewm .next:after {
	position: absolute;
	width: 100%;
	height: 100%;
	content: '';
	left: 0;
	top: 0;
	background-position: center;
	background-repeat: no-repeat;
	background-size: 12px auto;
}

/* .newpagenewm .prev:before,.newpagenewm .next:before{ background-image: url(../img/arr_black.svg);}
.newpagenewm .prev:after,.newpagenewm .next:after{ background-image: url(../img/arr_blue.svg); opacity: 0;} */
.newpagenewm .prev:before,
.newpagenewm .prev:after {
	transform: rotateZ(180deg);
}

.newpagenewm a.prev:hover:before {
	opacity: 0;
}

.newpagenewm a.prev:hover:after {
	opacity: 1;
}

.newpagenewm a.next:hover:before {
	opacity: 0;
}

.newpagenewm a.next:hover:after {
	opacity: 1;
}

.newpagenewm a.prev,
.newpagenewm a.next {
	cursor: pointer;
}

.newpagenewm a.on,
.newpagenewm a:hover {
	background: #323e48;
	color: #fff;
}

.newpagenewm .prev,
.newpagenewm .prev:hover,
.newpagenewm .next,
.newpagenewm .next:hover {
	background: none !important;
}

.h5newaimg img,
.h5newawz,
.h5newah5,
.h5newaotheri:before,
.h5newaotheri:after,
.h5newaother span {
	transition: all 0.3s ease;
}


.centdetail {
	margin-top: 170px;
	padding-bottom: 50px;
}

.centdetailmn {
	width: 900px;
}

.centdetailm {
	width: 700px;
}

.centdetailh3 {
	font-size: 20px;
	font-weight: bold;
}

.centdetailh33 {
	color: #c2172f;
}

.centdetaildesc {
	color: #333;
	line-height: 1.8;
	padding: 50px 0;
	text-align: justify;
}

.centdetaildesc img {
	max-width: 100%;
	margin-bottom: 5px;
}

.centdetaildate {
	font-size: 12px;
	color: #666;
	margin-top: 10px;
}

.ystkdesc strong {
	font-weight: bold;
	font-size: 16px;
}

.ystkh3 {
	color: #3071b7;
}

br {
	line-height: 22px;
}




.sharelistsub a {
	width: 30px;
	height: 30px;
	margin-top: 15px;
	position: relative;
	display: inline-block;
}

.sharelistsub a:before {
	opacity: 0.5;
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	content: '';
	transition: all 0.3s ease;
}

.fxlinkedin:before {
	background: url(../svg/fx-linkedin-black.svg) center center no-repeat;
	background-size: 20px auto;
}

.fxweibo:before {
	background: url(../svg/fx-weibo-black.svg) center center no-repeat;
	background-size: 20px auto;
}

.fxweixin:before {
	background: url(../svg/fx-weixin-black.svg) center center no-repeat;
	background-size: 20px auto;
}

.sharelistsub a:hover:before {
	opacity: 1;
}

.h60p {
	height: 60px;
}





.kjxxam {
	box-shadow: 0 10px 35px rgba(0, 0, 0, 0.05);
}

.kjxxam {
	position: relative;
	margin-top: 50px;
	background: #fff;
	border-radius: 6px;
	overflow: hidden;
}

.kjxxamimg {
	width: 50%;
}

.kjxxamimg img {
	width: 100%;
	vertical-align: top;
}

.kjxxamwz {
	width: 50%;
	font-size: 18px;
	text-align: justify;
	padding: 0 70px;
	line-height: 1.8;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
}

.kjxxamwz p {
	margin-top: 20px;
}

.kjxxamwz p:nth-child(1) {
	margin-top: 0;
}

.kjxxah2 {
	text-align: left;
}

.h5joinb {
	background: #f6f6f7;
}

.h5joinbslider {
	margin-top: 50px;
}

.h5joinbsliderm {
	width: 575px;
}

.h5joinbsliderm img {
	width: 100%;
}

.zaixx26bslider img {}

.zaixx26bslider {
	margin-top: 50px;
}

.swiper-scrollbar {
	height: 4px;
	position: relative;
	margin-top: 50px;
	background: none;
}

.swiper-scrollbar:before {
	position: absolute;
	width: 100%;
	height: 2px;
	top: 1px;
	background: #dcdedf;
	left: 0;
	content: '';
}

.swiper-scrollbar .swiper-scrollbar-drag {
	background: #c2172f;
	height: 4px;
}



.zaixx26dm {
	margin-top: 50px;
}

.zaixx26dlist a {
	float: left;
	margin-top: 2%;
	width: 49%;
	margin-right: 2%;
	position: relative;
	padding: 30px;
	background: #fff;
}

.zaixx26dlist a {
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.05);
	transition: all 0.3s ease;
	border-radius: 6px;
}

.zaixx26dlist a:nth-child(2n) {
	margin-right: 0;
}

.zaixx26dlist h6 {
	font-size: 22px;
	color: #222;
	font-weight: bold;
}

.zaixx26dlist p {
	font-size: 16px;
	color: #333;
	margin-top: 5px;
}

.zaixx26dlist span {
	display: inline-block;
	height: 30px;
	line-height: 30px;
	position: absolute;
	right: 30px;
	top: 50%;
	font-size: 14px;
	color: #666666;
	padding-right: 15px;
	margin-top: -15px;
}

.zaixx26dlist span:before,
.zaixx26dlist span:after {
	position: absolute;
	content: '';
	right: 0;
	top: 0;
	width: 5px;
	height: 100%;
	transition: all 0.3s ease;
}

.zaixx26dlist span:before {
	background: url(../png/icon007.png) center no-repeat;
	background-size: 100% auto;
}

.zaixx26dlist span:after {
	background: url(../png/icon005.png) center no-repeat;
	background-size: 100% auto;
	opacity: 0;
}

.zaixx26dlist a:hover span:before,
.zaixx26dlist a:hover span:after {
	right: -5px;
}

.zaixx26dlist a:hover span:after {
	opacity: 1
}

.zaixx26dlist a:hover span:before {
	opacity: 0
}

.zaixx26dlist a:hover {
	box-shadow: 0 10px 20px rgba(0, 0, 0, 0.05);
	background: #c2172f;
}

.zaixx26dlist a:hover h6,
.zaixx26dlist a:hover p,
.zaixx26dlist a:hover span {
	color: #fff;
}

.zaixx26dlist a:nth-child(1),
.zaixx26dlist a:nth-child(2) {
	margin-top: 0;
}

.ziweimore {
	margin-top: 50px;
	text-align: center;
}

.zaixx26dlist a,
.zaixx26dlist h6,
.zaixx26dlist p,
.zaixx26dlist span {
	transition: all 0.3s ease;
}

.jobmore {
	text-align: center;
	margin-top: 50px;
}

.jobmore-black {
	cursor: pointer;
}

.jobmore-black:after {
	background: #fafafa;
}

.zaixx26dlist a {
	display: none;
}

.zaixx26dlist a:nth-child(1),
.zaixx26dlist a:nth-child(2),
.zaixx26dlist a:nth-child(3),
.zaixx26dlist a:nth-child(4),
.zaixx26dlist a:nth-child(5),
.zaixx26dlist a:nth-child(6) {
	display: block;
}


.platformm:nth-child(even) {
	background: #f6f6f7;
}

.platformml,
.platformmdhl {
	width: 41%;
}

.platformmr,
.platformmdhr {
	width: 46%;
}

.platformmrimg img {
	max-width: 100%;
	vertical-align: top;
}

.platformh3 {
	font-size: 34px;
	font-weight: bold;
	color: #c2172f;
}

.platformdesc {
	padding-top: 30px;
	font-size: 18px;
}

.platformdesc p {
	margin-top: 25px;
	line-height: 1.8;
}

.platformdesc p:nth-child(1) {
	margin-top: 0;
}

.platformmlm {
	padding-top: 50px;
}

.platformmrms {
	margin-top: 25px;
}

.platformmrms p {
	position: relative;
	padding-left: 30px;
	color: #666;
	font-size: 14px;
}

.platformmrms p:before {
	background: #c2172f;
	border: 4px solid #dddddd;
	width: 10px;
	height: 10px;
}

.platformmrms p:before {
	position: absolute;
	left: 0;
	top: 4px;
	content: '';
	border-radius: 50%;
}

.platformmlh4 {
	text-align: center;
	font-weight: bold;
	font-size: 18px;
}

.platformm01,
.platformm02 {
	border-top: 1px dashed #ddddde;
}

.platformm01,
.platformm02 {
	padding-top: 40px;
	margin-top: 40px;
}

.platformm01 .platformml {
	padding-right: 100px;
}

.platformm01 .platformmlm {
	padding-top: 0;
}

.platformm01 .platformmrimg,
.platformm02 .platformmrimg {
	margin-top: 15px;
}

.platformmdh,
.platformmdh a {
	color: #fff;
}

.platformmdh {
	padding: 60px 0;
	overflow: hidden;
	border-radius: 6px;
}

.platformmicon {
	display: inline-block;
	font-size: 28px;
}

.platformmdhp1 {
	font-size: 12px;
}

.platformmdhp2 {
	font-size: 20px;
}

.platformmdh {
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.platformmicon {
	line-height: 1.4;
	background: url(../svg/platformmicon.svg) left center no-repeat;
	background-size: 38px auto;
}

.platformmicon {
	padding-left: 50px;
}

.platformmdhp12 {
	margin-top: 15px;
}

.platformmdhl {
	padding-left: 110px;
	padding-top: 35px;
}



.xflmnav {
	position: relative;
	left: 0;
	top: 0;
	background: #fff;
	text-align: center;
	width: 100%;
	transition: all 0.3s ease;
	position: fixed;
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
}

.xflmnav dd {
	position: relative;
	display: inline-block;
	vertical-align: top;
	height: 50px;
	border-right: 1px solid #f5f5f5;
	line-height: 50px;
	font-size: 16px;
}

.xflmnav dd:before,
.xflmnav dd:after {
	position: absolute;
	height: 2px;
	background: #c2172f;
	bottom: -1px;
	width: 0;
	content: '';
}

.xflmnav dd:before {
	left: 50%;
}

.xflmnav dd:after {
	right: 50%;
}

.xflmnav a {
	color: #666;
	display: block;
	padding: 0 50px;
	cursor: pointer;
}

.xflmnav a,
.xflmnav dd:before,
.xflmnav dd:after {
	transition: all 0.3s ease;
}

.xflmnav dd:hover:before,
.xflmnav dd:hover:after,
.xflmnav dd.on:before,
.xflmnav dd.on:after {
	width: 50%;
}

.xflmnav dd:hover a,
.xflmnav dd.on a {
	color: #c2172f;
}

.xflmnav dd.on a {
	font-weight: bold;
}

.xflmnav.active {
	top: 80px;
	opacity: 1;
	z-index: 15;
	position: fixed;
}

.is_gd {
	position: relative;
}

.is_gd_line {
	position: absolute;
	left: 0;
	top: -130px;
}

.platformmrimg2 {
	max-width: 440px;
}




.ny15smalnav {
	height: 100%;
	padding-left: 40px;
}

.ny15nhome,
.ny15nem,
.ny15nsub,
.ny15smalnav a {
	height: 66px;
	line-height: 66px;
	margin-right: 20px;
}

.ny15nsub span {
	font-size: 16px;
	color: #c2172f;
	display: inline-block;
	vertical-align: top;
	padding-right: 20px;
	position: relative;
}

.ny15nsub span:before {
	content: '';
	position: absolute;
	width: 12px;
	height: 100%;
	top: 0;
	right: 0;
	background: url(../icon008.html) center no-repeat;
	background-size: 100% auto;
	display: none;
}

.ny15nem {
	background: url(../svg/you_jt.svg) center no-repeat;
	background-size: 100% auto;
	width: 8px;
}

.ny15nhome {
	background: url(../svg/home2.svg) center no-repeat;
	background-size: 100% auto;
	width: 14px;
}


.ny15topb.no:before {
	display: none;
}

.ny15topb.no .ny15backbottom {
	display: none;
}

.ny15topb.no {
	width: 1200px;
	margin: 0 auto;
	background: none;
}

.ny15topb.no .ny15smalnav {
	padding: 0;
}

.ny15top2 {
	border-bottom: 1px solid #e1e1e2;
}

.zwdetail {
	background: #f6f6f7;
	padding-top: 80px;
}

.zwdetailtop {
	padding-bottom: 40px;
	border-bottom: 1px solid #e1e1e2;
	position: relative;
}

.zwdetailtit {
	font-size: 30px;
	font-weight: bold;
}

.zwdetailtit em {
	font-style: normal;
}

.zwdetailh5 {
	font-size: 20px;
	font-weight: bold;
	margin-top: 40px;
}

.zwdetaildesc {
	margin-top: 20px;
}

.zwdetailp1 {
	margin-top: 10px;
}

.zwdetailbtn {
	cursor: pointer;
	position: absolute;
	color: #fff;
	background: #c2172f;
	width: 250px;
	height: 50px;
	line-height: 50px;
	border-radius: 6px;
	text-align: center;
	right: 0;
	top: 25px;
}



.msgtjbgs,
.msgtjbox {
	display: none;
}

.msgtjbgs {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	height: 100vh;
	background: #000;
	opacity: 0.3;
	z-index: 15;
}

.msgtjbox {
	width: 730px;
	background: #fff;
	border-radius: 6px;
	overflow: hidden;
	position: fixed;
	left: 50%;
	margin-left: -375px;
	top: 50%;
	transform: translateY(-50%);
	z-index: 88;
}

.msgtjboxtop {
	padding: 15px 35px;
	background: #177b69;
}

.msgtjboxtop img {
	vertical-align: top;
}

.msgtjboxm {
	padding: 45px;
}

.w50p,
.w50p1 {
	width: 46%;
	background: #e3e3e3;
	border-radius: 5px;
	position: relative;
}

.w50p1 {
	width: 100%;
}

.msgtjboxm h5 {
	font-size: 20px;
	padding-bottom: 25px;
	text-align: center;
	font-weight: bold;
}

.msgtjbox input,
.msgtjbox textarea {
	width: 100%;
	box-sizing: border-box;
	line-height: 50px;
	height: 50px;
	padding: 0 25px;
	background: none;
	border: none;
	font-size: 14px;
		font-family: 'Microsoft YaHei", "PingFang SC", -apple-system, Arial, sans-serif';
}

.msgtjbox textarea {
	line-height: 20px;
	height: 110px;
	padding-top: 15px;
	padding-bottom: 15px;
		font-family: 'Microsoft YaHei", "PingFang SC", -apple-system, Arial, sans-serif';
}

.msgtjboxli {
	margin-top: 20px;
}

.msgtjclose {
	position: absolute;
}

.layui-form-select dl {
	top: 50px;
}

.zptj {
	text-align: center;
	margin-top: 50px;
}

.zptja {
	display: inline-block;
	width: 210px;
	height: 48px;
	line-height: 48px;
	background: #c2172f;
	color: #fff;
	font-size: 16px;
	border-radius: 5px;
}

.zptja:hover {
	color: #fff;
}

.scanspan,
.scanbtn {
	height: 38px;
	line-height: 38px;
}

.scanspan {
	color: #666;
	font-size: 12px;
}

.msgtjclose {
	width: 50px;
	height: 50px;
	cursor: pointer;
	background: url(../png/guanbi-black.png) center no-repeat;
	background-size: 25px auto;
	right: 10px;
	top: 10px;
}

.msgtjboxli .layui-btn {
	background: #c2172f;
}




.hh5baner {
	height: calc(100vh - 90px);
	width: 100%;
}

.btmain {
	height: 100%;
	width: 100%;
	position: relative;
	overflow: hidden;
}

.hh5banervideo,
.hh5banerimg,
.hh5banerwz,
.videobgs {
	position: absolute;
}

.hh5banerimg,
.videobgs {
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
}

.hh5banerimg {
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.hh5banervideo {
	min-width: 100%;
	min-height: 100%;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	transform: translate(-50%, -50%);
}

.hh5banerwz {
	left: 50%;
	z-index: 6;
}

.hh5banerwz1 {
	text-align: center;
}

.videobgs {
	background: #000;
	opacity: 0.3;
	z-index: 5;
}


.hh5page {
	position: absolute;
	z-index: 8;
	bottom: 5%;
}

.hh5page {
	left: 50%;
	display: flex;
	justify-content: space-between;
}

.hh5pagemn {
	display: inline-block;
	width: 150px;
}

.hh5pagei {
	width: 150px;
	height: 150px;
	display: inline-block;
	border-radius: 50%;
	border: 1px solid rgba(255, 255, 255, 0.5);
	position: relative;
}

.hh5pagemimg {
	position: absolute;
	overflow: hidden;
	width: 120px;
	height: 120px;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

.hh5pagemimg {
	border-radius: 50%;
}

.hh5pagemimg img {
	max-width: 60%;
	max-height: 60%;
}

.hh5pagemimg img {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	margin: auto;
}

.hh5pagemimg:before {
	position: absolute;
	content: '';
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	transition: all 0.3s ease;
}

.hh5pagemimg:before {
	background: #fff;
	opacity: 0.4;
}

.hh5pagep1 {
	color: #fff;
	font-size: 16px;
	margin-top: 10px;
}

.hh5pagemn {
	text-align: center;
	cursor: pointer;
}

.hh5pagemn:hover .hh5pagemimg:before {
	background: #c2172f;
	opacity: 1;
}




.hh5page,
.hh5banerwz {
	width: 1200px;
	margin-left: -600px;
}

.hh5banerwz {
	top: 30%;
}

.hh5headnav {
	padding-left: 50px;
}




.sh3more {
	transition: all .3s ease;
	padding-right: 20px;
	position: relative;
	display: inline-block;
}

.sh3more-arrow,
.sh3more-wz {
	vertical-align: top;
	display: inline-block;
	line-height: 44px;
	height: 44px;
}

.sh3more-arrow {
	margin-right: 10px;
	position: relative;
	width: 44px;
	text-align: center;
	color: #fff;
}

.sh3more-wz {
	position: relative;
	color: #fff;
	font-size: 16px;
	font-family: "Gilroy", aril;
}

.sh3more:before {
	content: '';
	position: absolute;
	height: 44px;
	width: 44px;
}

.sh3more:before {
	background: #0176be;
	top: 0;
	left: 0;
}

.sh3more-arrow:before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-position: center;
	background-repeat: no-repeat;
}

.sh3more-arrow:before {
	background-image: url(../svg/y-jjt-white.svg);
	background-size: 18px auto;
}

.sh3more:hover .sh3more-arrow:before {
	transform: translateX(10px);
}

.sh3more:hover:before {
	width: 100%;
}

.sh3more1 .sh3more-wz {
	color: #0b0b0b;
}

.sh3more1:hover .sh3more-wz {
	color: #fff;
}

.sh3more:before {
	border-radius: 5px;
	overflow: hidden;
}

.sh3more-arrow:before,
.sh3more:before,
.sh3more-wz {
	transition: all .3s ease;
}

.mySwiperb .swiper-slide {
	overflow: hidden;
}

.mySwiperb {
	width: 100%;
}


.xyservicen {
	width: 1460px;
	position: relative;
}

.servsliderbtn {
	position: absolute;
	width: 60px;
	height: 60px;
	top: 50%;
	transform: translateY(-50%);
}

.servsliderbtn {
	border-radius: 50%;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
	background: #fff;
}

.servsliderbtn:before,
.servsliderbtn:after {
	position: absolute;
	left: 0;
	top: 0;
	content: '';
	width: 100%;
	height: 100%;
}

.servsliderbtn:before,
.servsliderbtn:after {
	background-position: center;
	background-repeat: no-repeat;
	background-size: 20px auto;
}

.servsliderbtn:before {
	opacity: 0;
}

.servsliderbtnl {
	left: 0;
}

.servsliderbtnr {
	right: 0;
}

.servsliderbtnl:before {
	background-image: url(../svg/xy-cjt-l-white.svg);
}

.servsliderbtnl:after {
	background-image: url(../svg/xy-cjt-l-yellow.svg);
}

.servsliderbtnr:before {
	background-image: url(../svg/xy-cjt-r-white.svg);
}

.servsliderbtnr:after {
	background-image: url(../svg/xy-cjt-r-yellow.svg);
}

.servsliderbtn:hover:before {
	opacity: 1;
}

.servsliderbtn:hover:after {
	opacity: 0;
}

.servsliderbtn:hover {
	background: #f39839;
}

.servsliderbtn,
.servsliderbtn:before,
.servsliderbtn:after {
	transition: all 0.3s ease;
}

.servslider {
	box-sizing: content-box;
	padding: 20px 20px;
}

.servslidera {
	display: block;
	vertical-align: top;
	padding: 30px;
	margin-top: 20px;
}

.servslidera {
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
}

.servslidera,
.servsliderimg {
	border-radius: 15px;
	overflow: hidden;
}

.servsliderwz h4 {
	width: 190px;
	padding: 0 20px;
	height: 50px;
	line-height: 50px;
	color: #fff;
	background: #00b9ef;
	font-size: 18px;
	border-radius: 5px;
}

.servsliderwz {
	padding: 0 25px;
	position: relative;
	z-index: 3;
	margin-top: -25px;
}

.servsliderwz p {
	color: #222;
	margin-top: 30px;
}

.servslidermore {
	font-size: 14px;
	color: #f39839;
	position: relative;
	display: inline-block;
	height: 16px;
	line-height: 16px;
	padding-left: 16px;
	margin-top: 30px;
	overflow: hidden;
	padding-right: 16px;
}

.servslidermore em {
	font-style: normal;
}

.servslidermore em,
.servslidermore i {
	display: block;
	vertical-align: top;
	height: 100%;
}

.servslidermore i {
	width: 16px;
	position: absolute;
	left: -3px;
	top: 0;
}

.servslidermore i:before,
.servslidermore:after {
	position: absolute;
	top: 0;
	width: 16px;
	height: 100%;
	content: '';
}

.servslidermore i:before,
.servslidermore:after {
	background-size: 100% auto;
	background-repeat: no-repeat;
	background-position: center;
}

.servslidermore i:before {
	background-image: url(../svg/xy-yjt-yellow.svg);
	left: 0;
}

.servslidermore:after {
	background-image: url(../svg/xy-yjt-yellow.svg);
	right: -5px;
	opacity: 0;
}


.servslidera:hover {
	box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
}

.servslidera:hover .servsliderimg img {
	transform: scale(1.06);
}

.servslidera:hover .servslidermore i {
	left: -16px;
}

.servslidera:hover .servslidermore:after {
	right: -2px;
	opacity: 1;
}

.servslidera:hover .servslidermore {
	padding-left: 0;
}

.servslidermore,
.servsliderimg img,
.servslidera,
.servslidermore i,
.servslidermore em {
	transition: all 0.3s ease;
}


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

.pubp101,
.pubh201 {
	color: #FFF;
}

.xyaboutdesc {
	margin-top: 30px;
	line-height: 1.8;
	padding: 0 8%;
	text-align: left;
	color: #333;
}

.xyaboutmore {
	margin-top: 60px;
}

.xyqyzz {
	text-align: center;
	margin-top: 55px;
}

.xyqyzzm {
	display: flex;
	justify-content: space-between;
}

.xyqyzzp {
	font-size: 16px;
	color: #555;
}

.xyqyzzh6 {
	display: inline-block;
	position: relative;
}

.xyqyzzh6 span {
	font-size: 70px;
	color: #0176be;
	font-weight: bold;
}

.xyqyzzh6 i {
	position: absolute;
	right: -18px;
	color: #0176be;
	font-style: normal;
	top: 0;
	font-size: 24px;
}

.xyqyzzmul {
	position: relative;
	padding: 30px 0;
}

.xyqyzzmul:before {
	right: -85px;
	position: absolute;
	content: '';
	top: 0;
	width: 1px;
	background: #eee;
	height: 100%;
}

.xyqyzzmul:nth-child(1) li {
	width: 160px;
}

.xyqyzzmul:nth-child(2) li {
	width: 170px;
}

.xyqyzzmul:nth-child(3) li {
	width: 170px;
}

.xyqyzzmul:nth-child(4) li {
	width: 200px;
}

.htop {
	height: 90px;
}

#mywave {
	height: 100%;
}

.xyqyzz {
	position: relative;
	overflow: hidden;
}

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

.xyqyzz {
	padding-bottom: 80px;
}

.deserver {
	background: #efefef;
}

.deserverwz {
	padding: 20px;
	padding-bottom: 0;
}

.deserverdesc {
	margin-top: 10px;
}

.deservermore {
	display: inline-block;
	font-size: 14px;
	color: #2b85c5;
}

.deservermore {
	padding-left: 20px;
	position: relative;
	height: 16px;
	line-height: 1;
}

.deservermore:before {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 20px;
	content: '';
}

.deservermore:before {
	background: url(../svg/jrjt-lan.svg) -10px center no-repeat;
}

.deservermore:before {
	background-size: 100% auto;
}

.deservermore {
	transition: all 0.3s ease;
}

.deservermore1 {
	opacity: 0;
	left: -10px;
	margin-top: 15px;
}

.deserverma {
	transition: all 0.5s ease;
}

.deserverma:hover {
	box-shadow: 0 10px 20px rgba(0, 0, 0, 0.05);
	background: #fff;
}

.deserverma:hover .deservermore {
	opacity: 1;
	left: 0;
}

.deserverm {
	margin-top: 50px;
}

.denewm {
	margin-top: 35px;
}

.denewmimg img {
	width: 100%;
}

.denewma {
	padding: 15px;
	padding-bottom: 0;
}

.denewmwz h5 {
	font-size: 18px;
	margin-top: 5px;
	height: 60px;
}

.denewmwz span {
	color: #999999;
	font-size: 14px;
}

.denewmwz {
	padding: 20px 10px;
}

.denewmdesc {
	margin-top: 15px;
	color: #333;
	height: 68px;
}

.deservermore4 {
	margin-top: 20px;
	position: relative;
	left: -20px;
	top: 0;
	opacity: 0;
}

.denewma {
	transition: all 0.3s ease;
}

.denewma:hover {
	background: #fff;
	box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
}

.denewma:hover .deservermore4 {
	left: 0;
	opacity: 1;
}

.denewmore {
	text-align: center;
	margin-top: 50px;
}

.decont {
	text-align: center;
	color: #fff;
	padding: 60px 0;
	background: url(../decont.html) right center no-repeat #0177bf;
}

.deconth5 {
	font-size: 45px;
	font-weight: bold;
}

.decontmore a {
	display: inline-block;
	color: #fff;
	margin: 0 5px;
	opacity: 0.8;
	text-decoration: underline;
}

.decontmore {
	margin-top: 5px;
}

.decont {
	background-size: auto 100%;
}


.yylym {
	margin-top: 30px;
}

.yylym i {
	vertical-align: top;
	width: 110px;
	position: relative;
	height: 110px;
	border-radius: 50%;
	border: 1px solid #0277bf;
	display: inline-block;
}

.yylym i img {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	margin: auto;
}

.yylym i img {
	max-width: 50%;
	max-height: 50%;
}

.yylym ul {
	padding: 35px;
	float: left;
	width: 32.5%;
	margin-right: 1.25%;
	margin-top: 1.25%;
	text-align: center;
}

.yylym ul {
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
}

.yylym ul:nth-child(3n) {
	margin-right: 0;
}

.yylym h5 {
	font-size: 22px;
	margin-top: 20px;
}

.yylym ul {
	transition: all 0.3s ease;
}

.deservermore2 {
	transition: all 0.5s ease;
}

.deservermore2 {
	opacity: 0;
	position: relative;
	top: 10px
}

.yylym ul:hover {
	box-shadow: 0 15px 20px rgba(0, 0, 0, 0.1);
}

.yylym ul:hover .deservermore2 {
	opacity: 1;
	top: 0;
}

.xyqyzzm {
	position: relative;
	z-index: 3;
}


.xythree {
	background: #f8f8f8;
}

.xythreena {
	width: 32%;
	background: #fff;
	border-radius: 10px;
	margin-right: 2%;
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.03);
	padding-bottom: 25px;
}

.xythreena:nth-child(3) {
	margin-right: 0;
}

.xythreena h4 {
	font-size: 22px;
	margin-top: 20px;
	font-weight: bold;
}

.xythreenai {
	width: 98px;
	height: 98px;
	position: relative;
	background: #fff;
	display: inline-block;
	border-radius: 50%;
	top: 0;
}

.xythreenai {
	box-shadow: 0 0 10px rgba(0, 185, 239, 0.1);
	margin-top: -49px;
}

.xythreena img {
	margin: auto;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	max-width: 50%;
	max-height: 50%;
}

.xythreenmore {
	margin-top: 10px;
}

.xythreen {
	margin-top: 84px;
}

.xythreenazw {
	position: relative;
	top: 0;
}

.xythreena:hover {
	background: #00b9ef;
}

.xythreena:hover .xythreenazw {
	top: 5px;
}

.xythreena:hover h4,
.xythreena:hover .xythreenmore em {
	color: #fff;
}

.xythreenmore:after {
	background-image: url(../svg/xy-yjt-white.svg);
	right: auto;
	left: 0;
}

.xythreena:hover .xythreenmore:after {
	opacity: 1;
}

.xythreena:hover .xythreenmore i:before {
	opacity: 0;
}

.xythreena:hover .xythreenai {
	top: -10px;
}

.xythreena,
.xythreena h4,
.xythreenai,
.xythreenazw {
	transition: all 0.3s ease;
}

.xynewn {
	margin-top: 35px;
}

.xynewnl {
	width: 47%;
}

.xynewnr {
	width: 51%;
}

.xynewnsub {
	font-size: 14px;
	color: #666;
	display: inline-block;
}

.xynewntit {
	font-weight: bold;
	font-size: 16px;
}

.xynewnrimg {
	width: 43.3%;
	position: relative;
}

.playbtn {
	position: absolute;
	width: 50px;
	height: 50px;
	z-index: 3;
	background: url(../png/playbtn1.png) center no-repeat rgba(255, 255, 255, 0.9);
	background-size: 14px auto;
	left: 50%;
	margin-left: -25px;
	top: 90px;
	border-radius: 50%;
}

.xynewnrimg img,
.xynewnlimg img {
	vertical-align: top;
}

.xynewnrimg,
.xynewnlimg,
.xynewnldesc {
	overflow: hidden;
	border-radius: 10px
}

.xynewnrwz {
	width: 52%;
	padding-top: 5px;
}

.xynewnla {
	display: block;
}

.xynewntit {
	line-height: 24px;
	height: 48px;
	margin-top: 8px;
}

.xynewnra {
	display: block;
	margin-top: 20px;
}

.xynewnra:nth-child(1) {
	margin-top: 0;
}

.xynewnldesc {
	position: relative;
	margin: 0 25px;
	margin-top: -35px;
	z-index: 3;
	padding: 25px 30px;
	background: #00b9ef;
}

.xynewnlmore {
	margin-top: 20px;
}

.xynewnrmore {
	margin-top: 10px;
}

.xynewnsub1,
.xynewntit1,
.xynewnlmore em {
	color: #fff
}

.xynewnlmore i:before {
	opacity: 0;
}

.xynewnlmore:after {
	background-image: url(../svg/xy-yjt-white.svg);
	right: auto;
	left: 0;
	opacity: 1;
}

.xynewnra:hover .xynewnrimg img {
	transform: scale(1.03);
}

.xynewnla:hover .xynewnlimg img {
	transform: scale(1.03);
}

.xynewnrimg img,
.xynewnlimg img {
	transition: all 0.3s ease;
}







.ldaservlist {
	padding-top: 60px;
	position: relative;
	padding-bottom: 60px;
	margin-top: 30px;
}

.ldaservsliderwz {
	position: absolute;
	color: #fff;
	width: 450px;
	text-align: justify;
	left: 70px;
	bottom: 70px;
	z-index: 6;
}

.ldaservsliderwz h5 {
	font-size: 24px;
	font-weight: bold;
	padding-bottom: 10px;
}

.ldaservsliderwz p {
	padding-bottom: 25px;
	font-size: 14px;
	opacity: 0.9;
}

.ldaservsub {
	position: absolute;
	right: 0;
	top: 23px;
	z-index: 5;
	width: 260px;
	background: #dff3f6;
	border-radius: 6px;
}

.ldaservsubm {
	height: 110px;
	line-height: 110px;
	border-bottom: 1px solid #c4dfe2;
	position: relative;
	font-size: 18px;
	padding-left: 75px;
}

.ldaservsubm:last-child {
	border: none;
}

.ldaservsubm span {
	position: relative;
	color: #333;
	font-size: 18px;
}

.ldaservsubm i,
.ldaservsubm span {
	z-index: 3;
}

.ldaservsubm i {
	width: 80px;
	height: 80px;
	position: absolute;
	top: 50%;
	margin-top: -40px;
	left: 10px;
	display: block;
}

.ldaservsubm i img {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	max-width: 42%;
	max-height: 42%;
}

.ldaservsubm:before {
	position: absolute;
	content: '';
	opacity: 0;
	top: -10px;
	transform: scale(0.9);
	height: 130px;
	background: #00b9ef;
	top: -10px;
	border-radius: 6px;
	width: 290px;
	left: -15px;
	transition: all 0.5s ease;
}

.ldaservsubm.on:before {
	opacity: 1;
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
	transform: scale(1);
}

.ldaservslider {
	border-radius: 6px;
	overflow: hidden;
}

.ldaservsubm:nth-child(even) {
	background: #cbe9ed;
}

.ldaservsubm.on {
	z-index: 3;
}

.ldaservsubm.on span {
	color: #fff;
}

.ldsimg2 {
	opacity: 0;
}

.ldaservsubm.on .ldsimg2 {
	opacity: 1;
}

.ldaservsubm.on .ldsimg1 {
	opacity: 0;
}

.ldsimg2,
.ldsimg1,
.ldaservsubm span {
	transition: all 0.3s ease;
}


.hhthree {
	z-index: 6;
	width: 1260px;
	text-align: center;
	margin: 0 auto;
	margin-top: -88px;
	background: #fff;
	position: relative;
	box-shadow: 0 10px 25px rgba(0, 0, 0, 0.06);
}

.hhthreei {
	display: inline-block;
	position: relative;
	width: 80px;
	height: 80px;
}

.hhthreei img {
	position: absolute;
	;
	left: 0;
	top: 0;
}

.hhthreei img {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	max-width: 100%;
	max-height: 100%;
}

.hhthreep {
	font-size: 20px;
	font-weight: bold;
	margin-top: 25px;
	line-height: 1.4;
}

.hhthreeul {
	overflow: hidden;
	position: relative;
	float: left;
	width: 33.33%;
	height: 300px;
}

.hhthreea,
.hhthreeb {
	padding-top: 60px;
	box-sizing: border-box;
	height: 300px;
	position: absolute;
	width: 100%;
	left: 0;
}

.hhthreea {
	top: 0;
	background: #fff;
}

.hhthreeb {
	top: 100%;
}

.hhthreeb {
	background: #b01230;
	padding-top: 45px;
	text-align: center;
	padding-left: 30px;
	padding-right: 30px;
}

.hhthreep2 {
	font-size: 20px;
	font-weight: bold;
	color: #fff;
}

.hhthreep3 {
	color: #fff;
	font-size: 14px;
	margin-top: 15px;
	opacity: 0.9;
}

.hhthreeul:hover .hhthreea {
	top: -100%;
}

.hhthreeul:hover .hhthreeb {
	top: 0;
}

.hhthreep4 {
	margin-top: 30px;
}

.hhthreea,
.hhthreeb {
	transition: all 0.6s ease-in-out;
}

.pbmore4 {
	background: #fff;
}

.pbmore4 span {
	color: #222;
}

.hhthreeul:before {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	width: 1px;
	height: 100%;
	background: #eee;
	z-index: 5
}

.hhthreea {
	z-index: 3;
}

.hhthreeb {
	z-index: 7;
}

.hhabout {
	width: 1200px;
	margin: 0 auto;
	padding-top: 110px;
	padding-bottom: 100px;
}

.hhaboutdesc {
	color: #222232;
}

.hhaboutdesc p {
	margin-top: 20px;
}

.hhaboutl {
	width: 38%;
	margin-top: 50px;
}

.hhaboutr {
	width: 52%;
	position: relative;
}

.hhaboutmore {
	margin-top: 50px;
}

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

.hhaboutring {
	width: 100%;
	vertical-align: top;
}

.hhaboutrp1 {
	display: inline-block;
	position: relative;
}

.hhaboutrp1 em {
	position: absolute;
	right: -25px;
	top: -4px;
	font-size: 22px;
	font-style: normal;
}

.hhaboutrp1 i {
	font-style: normal;
	font-size: 70px;
	line-height: 1;
	display: inline-block;
	vertical-align: top;
}

.hhaboutrwz {
	right: -20px;
	bottom: -20px;
	position: absolute;
	background: #b01230;
	padding: 47px 0;
	width: 216px;
	z-index: 2;
}

.hhaboutrp2 {
	line-height: 1.4;
	margin-top: 12px;
}

.pubbtnrs {
	width: 55px;
	height: 55px;
	border-radius: 50%;
	opacity: 0;
	position: fixed;
	right: -55px;
	z-index: 9;
}

.pubbtnrs {
	cursor: pointer;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.06);
	transition: all 0.3s ease;
}

.pubbtnrs:before {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	content: '';
}

.gotops {
	background: #2e61a6;
	bottom: 50px;
}

.gotops:before {
	background: url(../svg/gotop.svg) center no-repeat;
	background-size: 30px auto;
}

.gomessage {
	background: #4ea5dd;
	bottom: 115px;
}

.gomessage:before {
	background: url(../svg/gomessage.svg) center no-repeat;
	background-size: 24px auto;
}



.h5thre {
	margin-top: 50px;
}

.h5thremimg {
	overflow: hidden;
	position: relative;
}

.h5thremwz {
	position: absolute;
	z-index: 3;
	left: 30px;
	bottom: 30px;
}

.h5thremimg img {
	width: 100%;
	vertical-align: top;
}

.h5threm {
	float: left;
	width: 32%;
	margin-right: 2%;
}

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

.h5thretrigger,
.h5threname {
	display: block;
	left: 0;
	top: 0;
	vertical-align: top;
	position: relative;
}

.h5threname {
	background: #c2172f;
	color: #fff;
	padding: 0 20px;
	height: 50px;
	line-height: 50px;
	font-size: 18px;
}

.h5thretrigger {
	width: 75px;
	z-index: 3;
	height: 40px;
	background: #fff;
}

.h5thretrigger:before,
.h5thretrigger:after {
	position: absolute;
	content: '';
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

.h5thretrigger:before,
.h5thretrigger:after {
	background-position: center;
	background-repeat: no-repeat;
}

.h5thretrigger:before,
.h5thretrigger:after {
	background-size: 18px auto;
}

.h5thretrigger:before {
	background-image: url(../svg/jia-black.svg);
}

.h5thretrigger:after {
	background-image: url(../svg/jia-white.svg);
	opacity: 0;
}

.h5thremdesc {
	padding: 20px;
	background: #fff;
}

.h5cpro {
	background: #f6f6f7;
}

.h5threm:hover .h5thretrigger {
	background: #51128b;
}

.h5threm:hover .h5thretrigger:after {
	opacity: 1;
}

.h5threm:hover .h5thretrigger:before {
	opacity: 0;
}

.h5threm:hover .h5threname {
	left: 5px;
}

.h5threm:hover .h5thretrigger {
	left: 10px;
	top: -5px;
}

.h5threm {
	box-shadow: 0 3px 10px rgba(0, 0, 0, 0.03);
}

.h5threm:hover {
	box-shadow: 0 10px 25px rgba(0, 0, 0, 0.05);
}

.promores {
	margin-top: 30px;
	text-align: center;
}

.pbmore3 {
	width: 210px;
}

.h5threm,
.h5thretrigger:before,
.h5thretrigger:after,
.h5threname,
.h5thretrigger,
.h5thremimg img {
	transition: all 0.3s ease;
}


.hhbzd {
	background: #f8f8f8;
}

.hhbzdm {
	width: 100%;
	margin: 0 auto;
	position: relative;
}

.hhbzdmimg {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

.hhbzdmwz {
	position: absolute;
	z-index: 3;
	width: 100%;
	top: 50%;
	transform: translateY(-50%);
	text-align: center;
	left: 0;
	color: #fff;
}

.hhbzdh5 {
	font-size: 40px;
	line-height: 1;
	font-weight: bold;
}

.hhbzdp1 {
	font-size: 20px;
	margin-top: 30px;
}

.hhbzdp2 {
	margin-top: 30px;
}

.hhbzdm {
	height: 520px;
}

.hhbzdmimg {
	background-attachment: fixed;
}


.hhnew {
	padding: 110px 0;
}

.hhnewm {
	width: 1200px;
	margin: 0 auto;
}

.hhnewmtit {
	text-align: center;
}

.hhnewh2 {
	margin-top: 15px;
	font-weight: bold;
	height: 50px;
	font-size: 18px;
	line-height: 25px;
}

.hhnewdate {
	color: #999999;
	font-size: 14px;
}

.hhnewms {
	color: #222232;
	line-height: 22px;
	height: 44px;
	margin-top: 12px;
}

.hhnewmn {
	margin-top: 50px;
}

.hhnewmna {
	width: 33.33%;
	box-shadow: 0 5px 25px rgba(0, 0, 0, 0.05);
}

.hhnewmnimg img {
	width: 100%;
	vertical-align: top;
	transition: all 0.3s ease;
}

.hhnewmnimg {
	overflow: hidden;
	position: relative;
}

.hhnewp4 {
	margin-top: 25px;
	padding-top: 25px;
	border-top: 1px solid #e5e5e5;
}

.hhnewdesc {
	padding: 35px 40px;
}

.hhnewmnimg i {
	position: absolute;
	z-index: 1;
	bottom: 0;
	border: 20px solid transparent;
	left: 50%;
	transform: translateX(-50%);
}

.hhnewmna:nth-child(1) .hhnewmnimg i,
.hhnewmna:nth-child(3) .hhnewmnimg i {
	border-bottom-color: #fff;
	border-top-color: transparent;
}

.hhnewmna:nth-child(2) .hhnewmnimg i {
	border-bottom-color: transparent;
	border-top-color: #fff;
	top: 0;
	bottom: auto;
}

.hhnewmna:hover .hhnewmnimg img {
	transform: scale(1.1);
}

.newcopys {
	font-size: 14px;
	color: #666;
}

.newcopys a {
	color: #c2172f;
}

.newcopys {
	padding-bottom: 40px;
}

.hcontbul .layui-btn {
	background: #ff9e1a;
}

.scanspan2 {
	padding-right: 20px;
}

.scanspan2,
.scanbtn2 {
	margin-top: 5px;
}

/* 0225 */
.hhaboutdesc {
	font-size: 18px;
}

.hhaboutl {
	margin-top: 30px;
}

.wapfootp2 a {
	display: inline-block;
	margin-right: 10px;
}

.wapfootp2 p {
	margin-top: 5px;
}

.servslidera {
	background: #fff;
}

.xyservice {
	position: relative;
}

.xyservice:before {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	content: '';
	opacity: 0.5;
}

.xyservice:before {
	background: url(../jpg/sec4_bg.jpg) center no-repeat;
	background-size: cover;
}

.ldaserv {
	position: relative;
}

.ldaserv:before {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	content: '';
	opacity: 0.5;
}

.ldaserv:before {
	background: url(../jpg/sec4_bg.jpg) center no-repeat;
	background-size: cover;
}


.showMan {
	opacity: 1;
	transition: all 0.5s ease;
	right: 20px;
	/* transform: scale(1) rotate(-360deg) translate(0px);
		-webkit-transform: scale(1) rotate(-360deg) translate(0px);
		-moz-transform: scale(1) rotate(-360deg) translate(0px);
		-o-transform: scale(1) rotate(-360deg) translate(0px); */
}

.xyfoot {
	padding-top: 70px;
	padding-bottom: 90px;
	background: #131c29;
}

.xyfootm {
	justify-content: space-between;
	display: flex;
}

.xyfootli {
	font-size: 18px;
	color: #00b9ef;
	font-weight: bold;
	padding-bottom: 10px;
}

.xyfootm a {
	color: #fff;
	opacity: 0.8;
	font-size: 14px;
	transition: all 0.3s ease;
}

.xyfootm a:hover {
	opacity: 1;
}

.xyfootm li {
	margin-top: 6px;
}

.xyfootwx {
	display: inline-block;
	width: 100px;
	text-align: center;
	font-size: 14px;
	color: #fff;
}

.xyfootwx span {
	display: inline-block;
	margin-top: 8px;
	opacity: 0.9;
}

.xyfootwx:last-child {
	margin-left: 30px;
}


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

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

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



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

	input,
	textarea {
		background: none;
		outline: none;
		border: none;
		border-radius: 0 !important;
		-webkit-appearance: none !important;
	}

	.h80p {
		height: 80px;
	}

	.ny15top,
	.zlndheig,
	.foot10141,
	.foot10142,
	.abt26e,
	.xflmnav {
		display: none;
	}

	.wap_show {
		display: block;
	}

	.sh3banerbtn,
	.videobgs,
	.searchwap {
		display: none;
	}

	.hh5page,
	.hh5banerwz {
		width: 100%;
		margin: 0;
		left: 0;
		padding: 0 4%;
	}

	.sh3banerh5 {
		font-size: 32px;
	}

	.sh3banerh5 span {
		font-size: 42px;
	}


	/* .hh5pagem:nth-child(1){display:none;} */
	.hh5page {
		display: block;
		overflow: hidden;
	}

	.hh5pagem {
		width: 50%;
		float: left;
		margin-top: 20px;
	}

	.hh5banerwz {
		text-align: center;
	}

	.hh5pagei {
		width: 60px;
		height: 60px;
	}

	.hh5pagemimg {
		width: 75%;
		height: 75%;
	}

	.hh5pagemn {
		width: 100%;
	}

	.hh5pagep1 {
		padding: 0 5px;
	}

	.hh5banerwz {
		top: 30%;
	}

	.hh5page {
		bottom: 10%;
	}

	.hhaboutl {
		margin-top: 0;
	}

	.hhaboutrp1 i {
		font-size: 40px;
	}

	.hhaboutrwz {
		width: 165px;
		right: -4%;
		bottom: -4%;
	}

	.h5threm {
		margin-right: 0;
		margin-top: 20px;
	}

	.h5thre {
		margin-top: 0;
	}

	.h5thremwz {
		left: 20px;
		bottom: 20px;
	}

	.hhbzdmimg {
		background-attachment: scroll;
	}

	.hhbzdm {
		height: 320px;
	}

	.hhnewdesc {
		padding: 20px;
	}

	.wapnewslider {
		box-shadow: 0 10px 25px rgba(0, 0, 0, 0.05);
	}

	.hhnewh2 {
		margin-top: 10px;
	}

	.sh3majoinm {
		height: 280px;
	}

	.sh3majoinwz {
		width: 92%;
		left: 4%;
	}

	.wapfoot,
	.wapfoot a {
		color: #fff;
	}

	.wapfoot {
		background: #000;
		padding-top: 6px;
	}

	.wapfootlogo {
		display: block;
		padding-top: 45px;
	}

	.wapfootlogo img {
		height: 50px;
	}

	.wapfoot {
		position: relative;
	}

	.wapfoot:before {
		width: 100%;
		position: absolute;
		content: '';
		left: 0;
		top: -2px;
		z-index: 1;
		height: 30px;
	}

	.wapfoot:before {
		/* background: url(../img/wapfoot1.png) left top no-repeat; */
		background-size: 100% auto;
	}

	.wapfoot2:before {
		background: url(../png/wapfoot2.png) left top no-repeat;
		background-size: 100% auto;
	}

	.phoneam {
		padding-top: 25px;
		margin-top: 25px;
		padding-bottom: 25px;
		border: 1px solid rgba(255, 255, 255, 0.2);
	}

	.phoneam {
		border-left: none;
		border-right: none;
	}

	.phone-a {
		margin-top: 8px;
		display: block;
		position: relative;
		height: 24px;
		line-height: 24px;
		padding-left: 30px;
	}

	.phone-a:nth-child(1) {
		margin-top: 0;
	}

	.phone-a:hover {
		color: #fff;
	}

	.phone-a i {
		left: 0;
		top: 0;
		width: 24px;
		position: absolute;
		display: block;
		height: 100%;
	}

	.phone-a .i1 {
		background: url(../svg/f-youxiang.svg) left center no-repeat;
		background-size: 20px auto;
	}

	.phone-a .i2 {
		background: url(../svg/f-dianhua.svg) left center no-repeat;
		background-size: 20px auto;
	}

	.phone-a .i3 {
		background: url(../svg/f-weixin.svg) left center no-repeat;
		background-size: 20px auto;
	}

	.wapfootp1 {
		padding-top: 20px;
	}

	.wapfootp1 a {
		display: inline-block;
		margin-right: 5px;
		opacity: 0.9;
	}

	.wapfootp2 {
		font-size: 12px;
		/* opacity: 0.6; */
		margin-top: 10px;
		padding-bottom: 20px;
	}

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

	.wapwxtcbox {
		position: fixed;
		display: none;
		width: 135px;
		background: #fff;
		border-radius: 6px;
		left: 50%;
		top: 50%;
		transform: translate(-50%, -50%);
		z-index: 10;
	}

	.wapwxtcbox img {
		display: block;
		max-width: 100%;
		vertical-align: top;
	}

	.h80p {
		height: 80px;
	}

	.h5pagebaner {
		/*height: 300px;*/
		margin-top: 0;
		background-size: cover;
	}

	.h5pbbnav,
	.h5qpnav {
		display: none;
	}

	.h5aboutaml,
	.h5aboutamr {
		width: 100%;
	}

	.h5aboutap5l {
		width: 30%;
	}

	.h5aboutap5r {
		width: 70%;
	}

	.h5aboutap5l {
		font-size: 28px;
	}

	.h5aboutaml {
		padding: 25px 20px;
		background: #fff;
	}

	.h5aboutbdesc {
		border-bottom: 2px solid #c2172f;
	}

	.h5aboutbula {
		width: 100%;
		margin-right: 0;
		margin-top: 20px;
	}

	.h5aboutbula:nth-child(1) {
		margin-top: 0;
	}

	.h5aboutbms,
	.h5aboutbmore,
	.h5aboutbzw1,
	.h5aboutbname1 {
		display: none;
	}

	.h5aboutball {
		position: relative;
		height: auto;
		top: 0;
		opacity: 1;
	}

	.h5aboutball {
		display: none;
		background: #fff;
		color: #333;
	}

	.h5aboutbdesc {
		position: relative;
	}

	.h5aboutbdescams {
		margin-top: 0;
	}

	.h5aboutbdescams p:nth-child(1) {
		padding-top: 0;
	}

	.h5aboutdp1 {
		width: 100%;
		left: 0;
		text-align: center;
	}



	.h5ijia {
		position: absolute;
		opacity: 0.9;
		width: 50px;
		height: 50px;
		right: 0;
		bottom: 15px;
		z-index: 3;
	}

	.h5ijia:before,
	.h5ijia:after {
		position: absolute;
		left: 0;
		bottom: 0;
		content: '';
		width: 100%;
		height: 100%;
		transition: all 0.3s ease;
	}

	.h5ijia:before {
		background: url(../svg/phone-jia.svg) center no-repeat;
	}

	.h5ijia:after {
		background: url(../svg/phone-jian.svg) center no-repeat;
		opacity: 0;
	}

	.h5ijia:before {
		background-size: 15px auto;
	}

	.h5ijia:after {
		background-size: 15px auto;
	}

	.h5ijia.on:before {
		opacity: 0;
	}

	.h5ijia.on:after {
		opacity: 1;
	}

	.h5aboutc {
		background-attachment: scroll;
	}

	.h5aboutc {
		padding-top: 80px;
		padding-bottom: 80px;
	}

	.h5aboutcslider {
		width: 100%;
	}

	.h5acsliderm {
		height: auto;
		line-height: 28px;
	}

	.h5aboutcslider {
		height: 160px;
	}

	.h5aboutdslider {
		margin-top: 20px;
	}

	.h5aboutdimgbg {
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
	}

	.h5aboutdimgbg {
		height: 150px;
	}

	.h5aboutdsliderimg {
		width: 50%;
	}

	.h5aboutdsliderimg {
		height: 80px;
	}

	.h5aboutdsliderimg img {
		max-width: 60%;
		max-height: 60%;
	}

	.h5newalista {
		width: 100%;
		margin-top: 0;
		margin-right: 0;
	}

	.h5newawz {
		width: 100%;
		margin: 0;
		padding: 0;
	}

	.h5newaother {
		padding: 0;
		height: auto;
		line-height: 1;
	}

	.h5newaother i {
		display: none;
	}

	.h5newah5 {
		padding: 0;
		border: none;
	}

	.h5newawz {
		padding: 20px;
	}

	.h5newalista {
		margin-top: 20px !important;
		border-bottom: 2px solid #C2172E;
		display: none;
	}

	.h5newalista:nth-child(1) {
		margin-top: 0 !important;
	}

	.h5newalista:nth-child(1),
	.h5newalista:nth-child(2),
	.h5newalista:nth-child(3) {
		display: block;
	}

	.h5newalista1 {
		box-shadow: 0 10px 20px rgba(0, 0, 0, 0.05);
	}


	.qyxwlista {
		padding: 0;
	}

	.qyxwlistimg img {
		position: relative;
		top: 0;
		left: 0;
		transform: none;
	}

	.qyxwlistimg,
	.qyxwlistwz {
		width: 100%;
		padding: 0;
	}

	.qyxwlistwz {
		padding: 20px;
		margin-top: 0;
	}

	.qyxwlistimg {
		height: auto;
	}

	.qyxwlista:nth-child(1) {
		margin-top: 0 !important;
	}

	.djmaincmai7 {
		display: none;
	}

	.qyxwlisth4 {
		overflow: inherit;
		white-space: inherit;
	}

	.newpagenewm {
		margin-top: 0;
	}


	.centdetailm {
		width: 100%;
	}

	.centdetail {
		margin-top: 80px;
	}

	.centdetaildesc {
		padding-top: 30px;
		margin-top: 30px;
		border-top: 1px solid #eee;
	}

	.pageNews {
		padding-bottom: 0;
	}

	.h5conamr,
	.h5conaml {
		width: 100%;
	}

	.h5conamore {
		display: none;
	}

	.videobgs {
		display: block;
	}

	.zwdetail {
		padding-top: 0;
	}

	.zwdetailbtn {
		position: relative;
		right: auto;
		width: 150px;
		height: 40px;
		line-height: 40px;
		top: 0;
		margin-top: 20px;
	}




	.msgtjbox {
		width: 90%;
		left: 5%;
		margin-left: 0;
	}

	.msgtjbox input,
	.msgtjbox textarea {
		height: 45px;
		line-height: 45px;
	}

	.msgtjboxm {
		padding: 30px 20px;
	}

	.msgtjboxm h5 {
		padding-bottom: 5px;
	}

	.w50p,
	.w50p1 {
		width: 48%;
	}

	.msgtjboxli {
		margin-top: 15px;
	}

	.scanspan,
	.scanbtn {
		width: 100%;
	}

	.scanbtn {
		background: #ccc !important;
	}

	.kjxxamimg {
		display: none;
	}

	.kjxxamwz {
		width: 100%;
		padding: 0;
		position: relative;
		top: 0;
		transform: none;
	}

	.kjxxam {
		box-shadow: none;
	}


	.zaixx26dlist a {
		width: 100%;
		margin: 0;
		margin-top: 20px !important;
	}

	.zaixx26dlist a {
		box-shadow: 0 10px 20px rgba(0, 0, 0, 0.06);
	}

	.zaixx26dlist a:nth-child(1) {
		margin-top: 0 !important;
	}

	.zaixx26dm {
		margin-top: 0;
	}

	.zaixx26dlist a {
		padding: 20px;
	}

	.zaixx26dlist p {
		display: none;
	}

	.zaixx26dlist span {
		position: relative;
		right: 0;
		top: 0;
		margin-top: 0;
	}

	.jobmore {
		margin-top: 0;
	}

	.msgtjclose {
		background-size: 18px;
	}

	.hcontbm .oselect {
		background-position: 95% center;
	}

	.h5newamore {
		margin-top: 30px;
	}


	.hh5baner {
		position: relative;
	}

	.wapnewsliderm {
		background: #fff;
	}

	.platformml,
	.platformmr {
		width: 100%;
	}

	.platformdesc p {
		margin-top: 15px;
		line-height: 1.6;
	}

	.platformdesc {
		padding-top: 20px;
	}

	.platformmr {
		margin-top: 15px;
	}

	.platformmlm {
		padding-top: 0;
	}

	.platformm01,
	.platformm02 {
		padding-top: 20px;
		margin-top: 20px;
	}

	.platformm01 .platformml {
		padding-right: 0;
	}

	.is_gd_line {
		top: -80px;
	}

	.sh3majoimg {
		height: 100%;
	}

	.h5aboutap5rh6 {
		font-size: 16px;
	}

	.h5aboutap5rh6 span {
		font-size: 20px;
	}

	.hhaboutmore {
		margin-top: 35px;
	}

	.hhaboutl {
		text-align: center;
	}

	.hhbzdp1 {
		font-size: 16px;
	}

	.popslide_screen .shai_theme span {
		font-size: 14px;
		color: #666;
	}

	.h5aboutballm {
		padding: 25px;
	}

	.h5newah5 {
		line-height: 1.5;
		height: auto;
		margin-top: 10px;
	}

	.zwdetail {
		background: #fff;
	}

	.wapbanwz {
		position: absolute;
		left: 0;
		top: 50%;
		transform: translateY(-50%);
		z-index: 3;
		padding: 0 5%;
	}

	.wapbanwz .pubp1 {
		color: #fff;
	}

	.wapbanwz .pubh2 {
		color: #fff;
	}

	.h5conaml {
		margin-top: 20px;
	}

	.h5conam {
		box-shadow: none;
	}

	.h5conamr {
		padding: 20px;
		box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
	}

	.h5conamrp1 {
		padding-bottom: 10px;
	}

	.centdetaildesc {
		line-height: 1.6;
	}

	.qyxwlista.no {
		padding: 20px;
	}

	.hh5pagemn:hover .hh5pagemimg:before {
		background: #fff;
		opacity: 0.4;
	}

	.messagebtn {
		margin-top: 30px;
	}

	.scanspan2 {
		width: 100%;
		margin-top: 0;
		text-align: left;
	}

	.scanbtn2 {
		height: 48px !important;
		margin-top: 0;
		line-height: 48px !important;
	}

	.messagebtn .pbmorebxa,
	.scanbtn2 {
		width: 130px;
		margin-top: 10px;
		border-radius: 5px;
		overflow: hidden;
	}

	.platformmdhl,
	.platformmdhr {
		width: 100%;
		text-align: center;
	}

	.platformmdhl {
		padding-top: 0;
	}

	.platformmdhr {
		margin-top: 25px;
	}

	html,
	body {
		-webkit-text-size-adjust: 100%;
		-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	}

	.zaixx26dm,
	.hhaboutr,
	.wapnewslider,
	.h5aboutap52,
	.h5aboutamr,
	.h5aboutbul,
	.h5aboutdimg,
	.kjxxam,
	.h5joinbslider,
	.swiper-scrollbar,
	.h5newalist {
		margin-top: 25px !important;
	}

	.hhabout,
	.h5cpro,
	.hhnew,
	.wapfoot,
	.h5abouta,
	.h5aboutb,
	.h5aboutc,
	.h5aboutd,
	.h5newa,
	.h5newb,
	.qyxwlist,
	.centdetailmn,
	.h5conb,
	.zwdetailm,
	.search-result-main,
	.h5joina,
	.h5joinb,
	.h5joinc,
	.platformm,
	.h5conam,
	.platformmdhl,
	.platformmdhr {
		padding-left: 3%;
		padding-right: 3%;
	}

	.wap_hide,
	.hh5head,
	.hhnewmn,
	.h5footbg {
		display: none;
	}

	.h5aboutbname,
	.h5conamrp1,
	.platformmdhp2 {
		font-size: 18px;
	}

	.hhaboutdesc,
	.h5aboutamr,
	.h5acsliderp1,
	.platformdesc,
	.h5newah5,
	.kjxxamwz,
	.h5conamrpp,
	.hcontbm span,
	.h5aboutap5rp {
		font-size: 16px;
	}

	.wapfootp1 a,
	.h5thremdesc {
		font-size: 14px;
	}

	.h5aboutdp1,
	.zwdetailtit {
		font-size: 20px;
	}

	.h5threname,
	.hhnewh2,
	.qyxwlisth4,
	.zaixx26dlist h6 {
		font-size: 16px;
		font-weight: bold;
	}

	.pubh2,
	hhbzdh5,
	.sh3majoinh5,
	.h5newatit,
	.platformh3,
	.platformmicon {
		font-size: 26px;
	}

	.pubp1 {
		font-size: 18px;
	}

	.w1200,
	.hhaboutl,
	.hhaboutr,
	.hhabout,
	.h5threm,
	.hhnewm,
	.hhnewmna,
	.w12 {
		width: 100%;
		min-width: inherit;
	}

	.ptb90p,
	.hhabout,
	.ptb100p,
	.hhnew,
	.centdetail,
	.h5conam,
	.platformmdh {
		padding-top: 40px;
		padding-bottom: 40px;
	}

	.sh3majoin {
		padding-top: 0;
	}

	.h5cona {
		padding: 0;
	}

	.h5conb {
		padding-top: 15px;
	}

	.h5conam {
		padding-bottom: 0;
	}
}

@media screen and (max-width:414px) {
	.h5pagebaner {
		/*height: 165px;*/
	}
}

@media screen and (max-width:375px) {
	.h5pagebaner {
		/*height: 150px;*/
	}
}

@media screen and (max-width:320px) {
	.h5pagebaner {
		/*height: 125px;*/
	}

	.h5aboutap5l {
		font-size: 24px;
	}

	.h5aboutap5l {
		width: 28%;
	}

	.h5aboutap5r {
		width: 72%;
	}

	.h5aboutaml {
		padding-left: 15px;
		padding-right: 15px;
	}

	.h5aboutap5rp {
		font-size: 14px;
	}

	.sh3banerh5 {
		font-size: 28px;
	}

	.sh3banerh5 span {
		font-size: 38px;
	}



}


.insmallnav {}

.inheadam {
	height: 34px;
	margin-left: 35px;
	line-height: 34px;
	font-size: 12px;
	font-weight: 400;
}

.inheadam,
.inheadam a {
	color: #1b1c1d
}

.insmallnav em {
	padding: 0 10px;
	font-style: normal;
	opacity: 0.5;
}

.insmallnav a:hover {
	text-decoration: underline;
}

.inheadm {
	padding: 0 80px;
}

.inheada {
	background: #f4f5f6;
}

.inheadam {
	position: relative;
}

.inlogin {
	padding-left: 30px;
}

.inloginicon {
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	font-size: 19px;
	color: #1b1c1d;
}

.inlaugeicon {
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	font-size: 12px;
	color: #1b1c1d;
}

.inlauge {
	padding-right: 20px;
	padding-left: 30px;
}

.inlauge:before,
.inlauge:after {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 20px;
}

.inlauge:before {
	background-image: url(../gif/language_icon_1-2.gif);
}

.inlauge:before {
	background-position: center;
	background-repeat: no-repeat;
	background-size: 100% auto;
}

.inheadnull {
	height: 161px;
}

.inhead {
	position: fixed;
	width: 100%;
	left: 0;
	top: 0;
	transition: all 0.3s ease;
}

.inheadb {
	position: relative;
	box-shadow: 0 3px 10px rgba(0, 0, 0, 0.08);
}

.inheadlogo {
	position: absolute;
	left: 80px;
	top: 50%;
	transform: translateY(-50%);
}

.inheadsearch {
	position: absolute;
	right: 80px;
	top: 50%;
	transform: translateY(-50%);
	height: 30px;
	line-height: 30px;
}

.inheadnav {
	text-align: center;
}

.inheadnav ul {
	margin-left: 65px;
	display: inline-block;
	vertical-align: top;
}

.inheadnav li {
	height: 85px;
	line-height: 85px;
	display: inline-block;
	vertical-align: top;
}

.inheadnav li a {
	font-size: 14px;
	font-weight: 400;
}

.inheadnav li {
	margin: 0 30px;
}

.inheadlogoimg {
	vertical-align: top;
	height: 45px;
}

.inheadlogowz {
	font-size: 12px;
	color: #1262a1;
	line-height: 1;
	padding-left: 20px;
	margin-top: 8px;
}

.inheadsearch {
	padding-right: 30px;
}

.inheadsearch span {
	font-size: 14px;
}

.inheadsearch i {
	font-size: 20px;
	position: absolute;
	right: 0;
}

.inheadc {
	text-align: center;
	height: 42px;
	line-height: 42px;
}

.inheadc,
.inheadc a {
	font-size: 16px;
	color: #1262a1;
}

.inheadc a {
	display: inline-block;
	padding-right: 35px;
	position: relative;
}

.inheadc i {
	position: absolute;
	right: 0;
	font-weight: 600;
}

.inheadlogowz {
	overflow: hidden;
	display: none;
}

.inheadlogoimg {
	transition: all 0.5s cubic-bezier(.165, .84, .44, 1);
	position: relative;
	top: 0;
}

.inheadlogowz span {
	display: inline-block;
	position: relative;
	left: 0;
}

.inheadlogowz em {
	font-style: normal;
}

.inhead {
	width: 100%;
	z-index: 10;
	background: #fff;
}

.inhead.active {
	position: fixed;
	left: 0;
	top: 0;
}

.inhead.active .inheadc {
	display: none;
}

.inhead.active .inheadlogowz em {
	-webkit-animation: mk_spt 1.2s cubic-bezier(.165, .84, .44, 1) forwards;
}

@-webkit-keyframes mk_spt {
	0% {
		opacity: 1;
		left: 0
	}

	100% {
		opacity: 0;
		left: -5px;
	}
}

.inheadlogowz em:nth-child(1) {
	animation-delay: 0.8s !important;
}

.inheadlogowz em:nth-child(2) {
	animation-delay: 0.6s !important;
}

.inheadlogowz em:nth-child(3) {
	animation-delay: 0.4s !important;
}

.inhead.active {
	top: -34px;
}

/*  .inheadlogoimg{transition-delay: 1.2s !important;}
  .active .inheadlogoimg{top:10px; } */
.inhead {
	transition: all 0.3s ease;
}

.logoslgin {
	height: 45px;
}

.inheadlogoimg2 {
	opacity: 0;
}

.active .inheadlogoimg2 {
	opacity: 1;
}

.active .inheadlogoimg1 {
	opacity: 0;
}

.inheadlogoimg2 {
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
}




.inbaner {
	position: relative;
	overflow: hidden;
	height: 100%;
	/*height: calc(100vh - 161px);*/
}

.inbaner {
	/*height: 68vh;*/
	/*min-height: 550px;*/
}

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

.inbanervideo:before {
	opacity: 0.2;
	z-index: 1;
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	content: '';
	background: #35a8db;
}

.inbanervideo video {
	position: absolute;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.inbanerimg {
	position: absolute;
	width: 110%;
	height: 100%;
	left: -10%;
	top: 0;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.inbanerwz {
	text-align: center;
	z-index: 6;
	color: #fff;
	position: absolute;
	width: 100%;
	left: 50%;
	top: 30%;
	transform: translateX(-50%);
	z-index: 3;
}

.inbanerh5 {
	font-weight: 200;
	font-size: 40px;
	line-height: 84px;
}

.inbanerp1 {
	font-weight: 200;
	margin-top: 15px;
	font-size: 22px;
}

.inbanermore {
	width: 190px;
	height: 55px;
	display: inline-block;
	text-align: center;
	line-height: 53px;
	border: 1px solid #fff;
	color: #fff;
}

.inbanermore {
	margin-top: 35px;
}

.inbanermore {
	transition: all 0.3s ease;
}

.inbanermore:hover {
	background: #f9522b;
	border: 1px solid #f9522b;
	color: #fff;
}

/* .inbanerp1,.inbanerh5,.inpubh1{ font-family:CiscoSans,Arial,sans-serif;} */





.inbanerp1 {
	font-size: 18px;
}

.inbanerh5 {
	font-size: 40px;
	font-weight: bold;
	margin-top: 10px;
}

.inbanerwz {
	text-align: left;
	top: 20%;
	z-index: 6;
}

.inbanerwz {
	/*padding-right: 40%;*/
}

.inbanerp4 {
	margin-top: 30px;
}

.inbanerp3 {
	line-height: 1.6;
	margin-top: 5px;
}

/* .swiperprev,.swipernext{left:auto;bottom:auto;top:50%; transform: translateY(-50%);}
.swiperprev{left:3%;}
.swipernext{right:3%;}
 .swiperprev,.swipernext{display: none;} */
.inbanerwz1 {
	text-align: center;
}
	.wcwzbd .aboutB .aboutB-b .aboutB-h .swiper-container .swiper-slide .aboutB-d .scroll_box1{
	    height: 180px !important;
	    overflow-y: auto !important;
	     padding-right: 5px;
	     margin-bottom: 20px;
	}

    .wcwzbd .aboutB .aboutB-b .aboutB-h .swiper-container .swiper-slide .aboutB-d .scroll_box1::-webkit-scrollbar {   
	    width: 4px;
	   
	}
	
@media only screen and (max-width: 1600px) {}

@media only screen and (max-width: 1440px) {
	.inbanerh5 {
		font-size: 40px;
	}

	.inbanerp1 {
		font-size: 20px;
	}

	.inbaner {
		/*height: 650px;*/
	}
	.wcwzbd .aboutB .aboutB-b .aboutB-h .swiper-container .swiper-slide .aboutB-d .scroll_box1{
	    height: 130px !important;
	    overflow-y: auto !important;
	      padding-right: 5px;
	}
	.wcwzbd .aboutB .aboutB-b .aboutB-h .swiper-container .swiper-slide .aboutB-d .scroll_box1::-webkit-scrollbar {   
	    width: 4px;
	  
	}
	
}

.inpubp1 {
	font-size: 24px;
	color: #313131;
	text-align: center;
	margin-top: 20px;
}

.inpubh1 {
	font-size: 40px;
	color: #356eb5;
	font-weight: bold;
	text-align: center;
	line-height: 1;
}

.insolo {
	padding: 80px 0;
}

.insolomswiper {
	height: 580px;
}

.insolom {
	margin-top: 35px;
}

.insolom {
	position: relative;
}

.insolomimg,
.insolomvideo {
	position: absolute;
	width: 100%;
	left: 0;
	top: 0;
	height: 100%;
}

.insolomimg {
	background-size: cover;
}

.insolomvideo video {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.newstj_time{
    display: flex;
    line-height: 1;
}
.insolomwz {
	position: absolute;
	width: 100%;
	left: 0;
	top: 0;
	height: 100%;
	z-index: 3;
}

.insolomswiper,
.insolomwz {
	border-radius: 25px;
	overflow: hidden;
}

.insolomli {
	width: 25%;
	position: relative;
	height: 100%;
	border-right: 1px solid rgba(255, 255, 255, 0.2);
}

.insolomli:last-child {
	border: none;
}

.insolomli {
	background: rgba(13, 39, 77, 0);
}

.insolomli,
.insolomli a {
	color: #fff;
}

.insolomh2 {
	font-weight: 200;
	font-size: 22px;
	line-height: 32px;
	height: 64px;
	margin-top: 10px;
	font-family: CiscoSans, Arial, sans-serif;
}

.insolomicon {
	display: inline-block;
	width: 60px;
	height: 60px;
	position: relative;
}

.insolomicon img {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	max-width: 70%;
	max-height: 70%;
}

.insolomicon img {
	margin: auto;
}

.insolomicon {
	background: rgba(0, 0, 0, 0.45);
	border-radius: 15px;
}

.insolomp1 {
	font-size: 14px;
	line-height: 1.8;
	margin-top: 0;
}

.insolomdesc {
	position: absolute;
	left: 0;
	top: 420px;
	z-index: 3;
	padding: 0 30px;
}

.insolommore {
	position: relative;
	font-size: 13px;
	padding-right: 20px;
	margin-top: 25px;
	display: inline-block;
}

.insolommore em {
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
}

.insolomp1,
.insolommore,
.insolomh2,
.insolomli {
	position: relative;
	transition: all 0.5s ease;
}

.insolomli {
	background: rgba(0, 0, 0, 0.15);
}

.insolomp1,
.insolommore {
	opacity: 0;
	left: -20px;
}

.insolomli.active .insolomp1,
.insolomli.active .insolommore {
	opacity: 1;
	left: 0;
}

.insolomli.active .insolomdesc {
	top: 163px;
}

.insolomli.active .insolomicon {
	opacity: 0;
}

.insolomli.active1 {
	background: rgba(13, 39, 77, .3);
}

.insolomli.active {
	background: rgba(13, 39, 77, .9);
}

.insolomli.active .insolomicon1 {
	opacity: 1;
	left: 30px;
}

.insolomdesc,
.insolomicon {
	transition: all 0.5s ease;
}

.insolomicon1 {
	position: absolute;
	left: 0px;
	top: 30px;
	opacity: 0;
}

.insolomp1 {
	transition-delay: 0.3s;
}

.insolommore {
	transition-delay: 0.5s;
}

.insolombtn {
	opacity: 0.8;
	position: absolute;
	font-size: 30px;
	color: #fff;
	z-index: 5;
	top: 50%;
	transform: translateY(-50%);
}

.insoswiperprev {
	left: 3%;
}

.insoswipernext {
	right: 3%;
}

.insolombtn {
	transition: all 0.3s ease;
	cursor: pointer;
}

.insolombtn:hover {
	opacity: 1;
}

/* .insolomli:nth-child(3) .insolomicon img{width:60px;max-width: inherit; max-height: inherit;} */
/* .insolomli:nth-child(4) .insolomicon img{width:52px;max-width: inherit; max-height: inherit;} */




.inadvamore {
	margin-top: 35px;
	display: inline-block;
	position: relative;
	font-size: 13px;
	padding-right: 20px;
	color: #fff;
}

.inadvamore em {
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
}

.inadvama {
	width: 30.5%;
	margin-right: 4.25%;
	overflow: hidden;
	height: 200px;
	position: relative;
	border-radius: 10px;
}

.inadvama:nth-child(3n) {
	margin-right: 0;
}

.inadvama h4 {
	font-size: 20px;
	color: #fff;
	line-height: 1.4;
}

.inadvamwz {
	display: block;
	position: absolute;
	width: 100%;
	left: 0;
	bottom: -55px;
	padding: 25px 35px;
}

.inadvamore,
.inadvamwz,
.inadvama {
	transition: all 0.5s ease;
}

.inadvamore {
	opacity: 0;
	top: 10px;
	transition-delay: 0.3s;
}

.inadvama:hover .inadvamore {
	opacity: 1;
	top: 0;
}

.inadvama:hover .inadvamwz {
	bottom: 0;
}

.inadvama:hover {
	box-shadow: 0 15px 25px rgba(0, 0, 0, 0.1);
}

.inadvamabox {
	position: relative;
	height: 100%;
	background: #062f42;
}

.inadvamabox img {
	width: 100%;
}

.inpage {
	background: #f6f6fa;
	position: relative;
}

.inpagema {
	width: 50%;
	height: 170px;
	position: relative;
}

.inpagemap {
	padding: 0 16%;
	position: absolute;
	width: 100%;
	top: 50%;
	transform: translateY(-50%);
}

.inpagemapa {
	position: relative;
	padding: 0 16%;
}

.inpageap1 {
	color: #747480;
	font-size: 16px;
	line-height: 22px;
}

.inpageap2 {
	font-size: 30px;
	color: #58585b;
	line-height: 1;
}

.inpagemar {
	text-align: right;
}

.inpagemal {
	text-align: left;
}

.inpagemapai {
	position: absolute;
	color: #58585b;
	top: 50%;
	transform: translateY(-50%);
	font-size: 30px;
	transition: all 0.3s ease;
}

.inpagemar .inpagemapai {
	right: 0;
}

.inpagemal .inpagemapai {
	left: 0;
}

.inpagemar:hover .inpagemapai {
	right: -10px;
}

.inpagemal:hover .inpagemapai {
	left: -10px;
}

.inpagema:hover .inpagemapaihome {
	left: 0;
	top: 42%;
}

.inpagema {
	transition: background-color 0.3s;
}

.inpagema:hover {
	background: #eaeaf2;
}

.inpage:after {
	content: '';
	display: block;
	position: absolute;
	width: 1px;
	height: 100%;
	background-color: #eee;
	bottom: 0;
	left: calc(50% - 1px);
}

.inpageap2home {
	margin-top: 22px;
}


.infcont {
	background: #2e2e37;
	text-align: center;
	color: #fff;
	padding: 68px 0;
}

.infcontp1 {
	font-size: 32px;
	color: #35a8db;
}

.infcontp2 {
	margin-top: 5px;
	font-size: 16px;
}

.infcontp3 {
	border: 1px solid #747480;
	width: 44px;
	margin-top: 12px;
	line-height: 42px;
	text-align: center;
	height: 44px;
	border-radius: 50%;
	display: inline-block;
}

.infcontp3 span {
	font-size: 20px;
}


.infooter {
	background: #fff;
}

.infooter {
	padding-top: 55px;
	padding-bottom: 25px;
}

.infooterma a {
	font-size: 16px;
	display: inline-block;
	margin-right: 45px;
}

.infootermb {
	margin-top: 35px;
	padding-bottom: 22px;
}

.infootermbl {
	padding-top: 12px;
}

.infootermc {
	padding-top: 25px;
	border-top: 1px solid #cfcfcf;
}

.infootermcp2 {
	color: #9b9b9b;
	font-size: 12px;
}

.infootermcp2 {
	margin-top: 12px;
}

.infootermcp3 a {
	display: inline-block;
	margin-left: 15px;
}


.insolom,
.inadva,
.infooterm {
	width: 80%;
	min-width: 1200px;
	max-width: 1400px;
	margin: 0 auto;
}

.insolom,
.inadvam {
	margin-top: 35px;
}

.inadvam {
	margin-top: 50px;
}




.cate {
	height: 54px;
}

.category {
	background: #fff;
	width: 100%;
	left: 0;
	top: 0;
}

.category-menu {
	text-align: center;
	min-width: inherit;
	position: relative;
	width: 610px;
}

.category-menu:before {
	left: 0;
}

.category-menu:after {
	right: 0;
}

.category-menu:before,
.category-menu:after {
	z-index: 3;
	width: 50px;
	position: absolute;
	content: '';
	top: 0;
	height: 100%;
}

.category-menu li a {
	padding: 0 25px;
	border: 1px solid #fff;
	display: inline-block;
	height: 30px;
	line-height: 28px;
	background: #fff;
	color: #222;
	border-radius: 5px;
}

.category-menu li {
	margin: 0 2px;
	display: inline-block;
	font-size: 14px;
}

.category-menu:before {
	background: url(../svg/sticky-menu-left.svg);
}

.category-menu:after {
	background: url(../svg/sticky-menu-right.svg);
}

.category-menu:before,
.category-menu:after {
	background-size: auto 100%;
}

.category-menu:before {
	left: -45px;
	background-position: left center;
}

.category-menu:after {
	right: -45px;
	background-position: right center;
}

.category-sticky-menu {
	padding: 12px 0;
}

.category-sticky-menu {
	background: transparent -webkit-gradient(linear, left top, left bottom, from(#0d2e40), color-stop(61%, #25495b), to(#416477)) 0% 0% no-repeat padding-box;
}

.category.active {
	position: fixed;
	z-index: 8;
	background: none;
}

.category-menu .active {
	background: #35a8db;
	color: #fff;
}



.sadp1,
.sadh2 {
	text-align: center;
}

.sadp1 {
	font-size: 18px;
}

.sadh2 {
	font-weight: bold;
	font-size: 36px;
	color: #005593;
}

.sadh2fff {
	color: #fff;
}

.category-menu li a {
	transition: all 0.3s ease;
}

.banerpagep0 {
	/* margin-top: -20px; */
}

.banerpagep0 {
	transform: translateY(-50%);
	text-align: center;
	color: #fff;
	font-size: 40px;
	position: absolute;
	width: 100%;
	top: 50%;
	left: 0;
	font-weight: bold;
}

.pubright {
	right: 20px;
	position: fixed;
	bottom: 100px;
	width: 55px;
	z-index: 6;
}

.pubright {
	opacity: 0;
	right: -55px;
	transition: all 0.3s ease;
}

.pubrightbtn {
	color: #fff;
	margin-top: 10px;
	position: relative;
}

.pubrightbtn {
	width: 100%;
	line-height: 55px;
	height: 55px;
	border-radius: 50%;
	text-align: center;
	background: #005845;
}

.pubright_top {
	background: #fff;
}

.pubright_weixin {
	background: #ff3e03;
}

.pubright_msg {
	background: #ff3e03;
}

.pubright_msg i {
	font-size: 23px;
}

.pubright_weixin i {
	font-size: 23px;
}

.pubright_top i {
	font-size: 24px;
	color: #1262a1;
}

.pubrightsub {
	width: 180px;
	text-align: left;
	box-sizing: content-box;
	left: -190px;
	top: 50%;
	transform: translateY(-50%);
	position: absolute;
	padding-right: 10px;
}

.pubrightsubm {
	padding: 25px;
	border-radius: 5px;
	background: #fff;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.pubrighth5 {
	font-weight: 200;
	color: #000;
	font-size: 18px;
	line-height: 1;
	text-align: center;
}

.pubrightsub img {}

.pubrightsub {
	transition: all 0.5s ease;
	top: 42%;
	opacity: 0;
	visibility: hidden;
	left: -190px;
}

.pubrightbtn:hover .pubrightsub {
	opacity: 1;
	top: 50%;
	visibility: visible;
}

.pubrightsub1 {
	width: 290px;
	left: -300px;
}

.pubrighth5p1 {
	color: #444;
	line-height: 24px;
}

.pubrighticon1,
.pubrighticon2 {
	position: relative;
	margin-right: 10px;
	top: 2px;
}

.pubrighticon1 {
	font-size: 20px;
}

.pubrighticon2 {
	font-size: 20px;
}

.pubrighth5p2 {
	margin-top: 10px;
}

.showMan {
	opacity: 1;
	transition: all 0.5s ease;
	right: 20px;
	/* transform: scale(1) rotate(-360deg) translate(0px);
						-webkit-transform: scale(1) rotate(-360deg) translate(0px);
						-moz-transform: scale(1) rotate(-360deg) translate(0px);
						-o-transform: scale(1) rotate(-360deg) translate(0px); */
}

/*产品与解决方案*/
.casea1 {
	width: 100%;
	background: #f2f2f2;
}

.servicea1_list {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-top: 60px;
}

.servicea1_ul {
	position: relative;
	display: flex;
	justify-content: space-between;
	transition: all 0.5s ease;
	overflow: hidden;
	/* width: 22%; */
	width: 190px;
	margin-right: 12px;
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}

.servicea1_ul .img1 {
	/* width: 268px; */
	width: 100%;
	height: 468px;
	object-fit: cover;
}

.servicea1_li {
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
	background: #fff;
	padding: 50px 35px;
	width: 50%;
	height: 100%;
	visibility: hidden;
	opacity: 0;
	transition: all 0.3s ease;
	position: absolute;
	top: 0;
	left: 50%;
}

.regardb_list {
	position: absolute;
	top: 0;
	left: 0;
}

.servicea1_li a {
	margin-top: 50px;
}

.servicea1_li p {
	width: 198px;
}

.servicea1_on .servicea1_li {
	visibility: visible;
	opacity: 1;
	transition: all 0.3s ease;
}


.servicea1_on {
	/* width: 30%; */
	width: 573px;
}

.servicea1_on .servicea1_icon {
	opacity: 0;
}

.servicea1_icon2 {
	opacity: 0;
}

.servicea1_on .servicea1_icon2 {
	opacity: 1;
}

.servicea1_on:before {
	content: '';
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	position: absolute;
}

.servicea1_on::before {
	background-image: linear-gradient(to right, #2160a9, rgb(33, 96, 168, 0.3));
	opacity: 0.5;
}


.servicea1_icon {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
}

.servicea1_icon2 {
	position: absolute;
	top: 15%;
	left: 10%;
	width: 400px;
	color: #fff;
}

.servicea1_icon p {
	color: #fff;
	text-align: center;
}

.servicea1_icon2 .service_icon1 {
	height: 46px;
}

.servicea1_p1 {
	font-size: 24px;
	font-weight: bold;
	display: inline-block;
	border-bottom: 3px solid #f9522b;
}

.servicea1_ul1 {
	margin-top: 30px;
}

/*产品与解决方案*/

/*
rope
*/
.rope {
	position: relative;
}

.rope_li1 img {
	width: 100%;
}

.rope_li2 {
	position: absolute;
	top: 45%;
	left: 50%;
	text-align: center;
	transform: translate(-50%, -50%);
}

.rope_p1 {
	font-size: 40px;
	font-weight: bold;
	color: #fff;
}

.rope_p2 {
	font-size: 24px;
	color: #fff;
	line-height: 1.5;
	margin-top: 30px;
}

.rope_p3 {
	margin-top: 50px;
}

/*
rope
*/
/*
casea2
*/
.casea2 {
	width: 100%;
	background: #f2f2f2;
}

.casea2_list {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-top: 20px;
}

.casea2_ul1 {
	width: 31%;
	background: #fff;
	margin-top: 30px;
	transition: all 0.3s ease;
}

.casea2_li1 {
	overflow: hidden;
}

.casea2_li1 img {
	transition: all 0.3s ease;
}

.casea2_li1:hover img {
	transform: scale(1.05);
}

.casea2_li2 {
	padding: 40px 30px;

}

.casea2_p1 {
	color: #535353;
	font-size: 20px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
	font-weight: bold;
}

.casea2_p2 {
	font-size: 16px;
	opacity: 0.8;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
}

.casea2_ul1:hover {
	background: #00518b;
	color: #fff;
}

.casea2_ul1:hover .casea2_p1 {
	color: #fff;

}

/*
casea2
*/

/*
casea3
*/
.casea3 {
	width: 100%;
	background: #f2f2f2;
	position: relative;
}

.slidcons {
	position: relative;

}

.casea3_ul {
	margin-top: 30px;
}

.casea3_btnhe {
	position: absolute;
	/* position: relative; */
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	display: flex;
	justify-content: space-between;
	z-index: 1;
	width: 90%;
}

.slidconszz {
	position: relative;
}

.casea3_btns {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	display: flex;
	justify-content: space-between;
	z-index: 1;
	width: 90%;
}


.casea3_btnhe i,
.casea3_btns i {
	font-size: 60px;
}

/*
casea3
*/

/*about*/

/*about_top*/
.about_top {
	width: 100%;
	height: 100px;
	line-height: 100px;
	border-bottom: 1px solid #d2d2d2;
	background: #fafafa;
}

.about_top span {
	margin: 0 20px;
}

.about_list {
	display: flex;
	justify-content: space-between;
}

.about_ul2 {
	display: flex;
}

.about_ul2 li {
	margin-left: 80px;
	font-size: 18px;
}

.about_ul2 .on a {
	width: 100%;
	height: 96%;
	display: inline-block;
	font-size: 18px;
	color: #f9522b;
	border-bottom: 3px solid #f9522b;

}

/*about_top*/



/*about_a1*/
.inpubh2 {
	text-align: left;
}

.a1_main {
	display: flex;
	justify-content: space-between;
}

.a1_ul1 {
	width: 58%;
}

.a1_ul2 {
	width: 40%;
}

.a1_p1 {
	margin-top: 40px;
	line-height: 22px;
}

.a1_p2 {
	margin-top: 30px;
	line-height: 22px;
}

.a1_p3 {
	margin-top: 20px;
	line-height: 22px;
}

.about_a2 {
	background: #f2f2f2;
}

.a2_ul1 {
	position: relative;
}

.a2_ul1 img {
	width: 100%;
}

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

.a2_li1 h1 {
	color: #fff;
}

.a2_list {
	display: flex;
	justify-content: space-between;

}

.a2_ul2 {
	width: 23%;
	height: 230px;
	text-align: center;
	background: rgb(255, 255, 255, 0.89);
	border-radius: 5px;
	margin-top: -100px;
	z-index: 1;
}

.a2_ul2 li {
	margin: 50px 0;
}


.a2_ul2 img {
	height: 40px;
}

.a2_p1 {
	font-size: 24px;
	color: #2e68af;
	font-weight: bold;
}

.a2_p2 {
	font-size: 20px;
	color: #2e68af;
}

.a2_main {
	margin-top: 80px;
	display: flex;
	justify-content: space-between;
}

.a2_ul3 {
	width: 50%;
}

.a2_ul4 {
	width: 40%;
	text-align: right;
}

.a2_li2 {
	margin: 60px 0;
}

.a2_li2 p {
	font-size: 16px;
	color: #0c2d55;
}

.a2_li3 p {
	font-size: 16px;
	color: #0c2d55;
}

/*about_a1*/

/*about_a3*/
.ge20g {
	position: relative;
	background: #ddd;
	z-index: 6;
	overflow: hidden;
	background-image: url(../jpg/aboutbg1.jpg);
	background-size: cover;
}

.ge20gms {
	display: flex;
	flex-direction: column;
}

.ge20gms p {
	color: #fff;
}

.ge20gslider {
	margin-top: 45px;
	position: relative;
}

.ge20gsliderma {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
}

.ge20gsliderma {
	position: relative;
}

.ge20gslidermwz {
	position: relative;
	z-index: 3;
}

.ge20gslidermwz {
	width: 50%;
	font-size: 16px;
	line-height: 1.6;
}

.ge20gslidermwz2 {
	width: 50%;
}

.ge20gyear {
	top: 50%;
	margin-top: -116px;
}


.ge20gms_li1 {
	line-height: 1;
}

.ge20gms_li2 {
	height: 80px;
	margin-top: 30px;
}

.ge20gms_li2 p {
	position: relative;
}

.ge20gms_li2 p::before {
	content: "";
	display: inline-block;
	width: 7px;
	height: 7px;
	background: #fff;
	border-radius: 50%;
	position: absolute;
	top: 10px;
	left: -3px;
}

.ge20gdate:before {
	left: 0;
	top: 3px;
}


.ge20gdate:before {
	position: absolute;
	content: '';
}

.ge20gdate {
	margin-top: 70px;
	position: relative;
	padding: 0px 50px;
}

.ge20gdate_span {
	/* white-space: nowrap; */
	/* overflow-x: scroll; */
	display: flex;
	justify-content: space-between;
	/* overflow: hidden; */
	text-align: center;
}

/* .ge20gdate_span::-webkit-scrollbar {
	width: 5px;
	height: 8px;
} */

.ge20gdate span {
	line-height: 20px;
	font-size: 24px;
	font-weight: bold;
	color: #fff;
	cursor: pointer;
	display: inline-block;
	/* width: 8%; */
	padding-top: 32px;
	padding-bottom: 20px;
	opacity: 0.5;
	transition: all 0.3s ease;
}

.ge20gdate .swiper-slide.on span {
	color: #f9522b;
	opacity: 1;
}


/* .swiper-slide .on {
	opacity: 1;
	color: #f9522b;
} */

.ge20gbtn {
	position: absolute;
	top: 132%;
	transform: translateY(-50%);
	z-index: 111;
}

.ge20gbtn i {
	font-size: 50px;
	color: #fff;
}


.ge20gbtnl {
	left: -35px
}

.ge20gbtnr {
	right: -35px
}

.ge20gslidermwz_span1 {
	font-size: 138px;
	color: #Fff;
	font-weight: bold;
	font-style: italic;
}

.ge20gsliderma {
	opacity: 0 !important;
	transition: all 0.3s ease;
}

.ge20gsliderma.swiper-slide-active {
	opacity: 1 !important;
}

.ge20h {
	position: relative;
	background: #fff;
	z-index: 6;
}

.ge20hmlist {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.ge20hmla {
	width: 32%;
	background: #f8f8f8;
}

.ge20hmla img {
	vertical-align: top;
	width: 100%;
}

.ge20hmltit {
	color: #333;
	font-size: 16px;
	padding: 25px;
}

.ge20hmla {}

.ge20hmlist {
	margin-top: 35px;
}

.ge20hmla,
.ge20hmltit {
	transition: all 0.3s ease;
}

.ge20hmla:hover .ge20hmltit {
	color: #1d62af;
}

.ge20hmla:hover {
	box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
}

.ge20cntn {
	border-radius: 50%;
	position: absolute;
	width: 50px;
	height: 50px;
	border: 1px solid rgba(0, 70, 157, 0.2);
}

.ge20cntn i,
.ge20cntn i:before,
.ge20cntn i:after {
	left: 0;
	top: 0;
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
}

.ge20cntn i:before,
.ge20cntn i:after {
	content: '';
	background-position: center;
	background-repeat: no-repeat;
}

.ge20cntnl i:before {
	background-image: url(../left-fff.html);
}

.ge20cntnl i:after {
	background-image: url(../left-blue.html);
}

.ge20cntnr i:before {
	background-image: url(../right-fff.html);
}

.ge20cntnr i:after {
	background-image: url(../right-blue.html);
}

.ge20cntn i:before,
.ge20cntn i:after {
	background-size: 25px auto;
}

.ge20cntn,
.ge20cntn i:before,
.ge20cntn i:after {
	transition: all 0.3s ease;
}

.ge20cntn i:after {
	opacity: 0;
}

.ge20cntnl {
	left: -45px
}

.ge20cntnr {
	right: -45px
}

.ge20cntn {
	top: 50%;
	margin-top: -25px;
	cursor: pointer;
}

.ge20cntn {
	border: 1px solid #fff;
}

.ge20cntn:hover {
	background: #fff;
}

.ge20cntn:hover i:after {
	opacity: 1;
}

.ge20cntn:hover i:before {
	opacity: 0;
}

.inpubh3 {
	color: #Fff;
}

/*about_a3*/
/*about_a4*/
.about_a4 {
	width: 100%;
	background: #f2f2f2;
	position: relative;
}

.a4_list {
	margin-top: 30px;
	display: flex;
	flex-wrap: wrap;
}

.a4_ul1 {
	width: 100%;
	margin: 0 auto;
	margin-top: 50px;
	text-align: center;
}

.a4_ul1 img {
	width: 273px;
	height: 178px;
	object-fit: cover;
}

.a4_li1 p {
	font-size: 22px;
	margin-top: 30px;
	text-align: center;
}

.about_a5 .inpubh1 {
	text-align: left;
}

/*about_a4*/
.a5_main {
	display: flex;
	justify-content: space-between;
}

.a5_main ul {
	width: 50%;
	margin-top: 30px;
}

.a5_li1 {
	display: flex;
	justify-content: space-between;
	margin-top: 50px;
}

.a5_li2 {
	text-align: right;
}

.a6_top {
	text-align: center;
}

.a6_top p {
	margin-top: 30px;
}

.a6_main {
	margin-top: 60px;
}

.a6_main p {
	text-align: center;
	font-size: 24px;
	color: #000;
}

.a6_main_all {
	position: relative;
}
.slidcons3 img{
    max-height: 200px;
}
.a6_list {
	margin-top: 30px;
	display: flex;
	justify-content: center;
}

.casea3_btn3 {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	display: flex;
	justify-content: space-between;
	z-index: 1;
	width: 110%;
}

.casea3_btn3 i {
	font-size: 60px;
}

.casea4_btn4 {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	display: flex;
	justify-content: space-between;
	z-index: 1;
	width: 110%;
}

.casea4_btn4 i {
	font-size: 60px;
}


/*about*/

/*newlist*/
.new {
	width: 100%;
	background: #f6f6fb;
}

.new_main {
	display: flex;
	justify-content: space-between;
}

.new_ul1 {
	display: flex;
	flex-direction: column;
	width: 45%;
	padding-left: 60px;
}

.new_ul2 {
	width: 55%;
}

.new_title {
	margin-top: 20px;
}

.new_title:first-child {
	margin: 0;
}

.new_title.on .new_p1 {
	font-size: 18px;
	color: #106bb2;
}

.new_p1 {
	font-size: 18px;
	color: #000;
	font-weight: bold;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}

.new_p2 {
	margin: 10px 0;
}

.new_p3 {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
}

.new_title:hover {
	cursor: pointer;
}

.new_content {
	display: none;
}

.new_content img,
.newb_li1 img {
	transition: all 0.3s ease;
}

.new_content li,
.newb_ul1 li {
	overflow: hidden;
}

.new_content:hover img,
.newb_ul1:hover img {
	transform: scale(1.05);
}

.new_content.on {
	display: block;
}

.new_li1 {
	border-bottom: 1px solid #e9e9eb;
}

.newb_ul1 {
	width: 30%;
	margin-bottom: 50px;
    margin-right: 30px;
}
.newb_ul1:nth-child(3n){
 
    margin-right: 0;
}


.newb_main {
	display: flex;
	flex-wrap: wrap;
	/*justify-content: space-between;*/
}

.newb_p1 {
	font-size: 20px;
	font-weight: bold;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
}

.newb_p2 {
	font-size: 14px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	margin: 10px 0;
}

.newb_li2 {
	padding: 30px;
	background: #f6f6fb;
	/* box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1); */

}

.newb_ul1:hover .newb_li2 {
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}

.newpagenewm2 i {
	font-size: 20px;
}

/*newlist*/


/*solution*/
.solution_main {
	display: flex;
	justify-content: space-between;
}

.solution_ul1 {
	width: 24%;

}

.solution_ul5 {
	background-image: url(../png/solution1.png);
	background-size: cover;
	background-repeat: no-repeat;
}

.solution_ul1 .solution_li1.on .solution_a1 {
	background: #f9522b;
}

.solution_a1.on {
	background: #f9522b;

}

.solution .proList2 li a {
    font-size: 13px;
    /* height: 46px; */
    line-height: 28px;
    padding: 10px 40px 10px 20px;
}


.proList2 .proList3 {
	display: none;
}

.solution .proList2 {
	display: none;
}



.solution .proList2 {
	color: #fff;
	background: rgb(0, 40, 87, 0.7);
}

.twoa .solution_span2 {
	width: 16px;
	height: 49px;
	position: absolute;
	right: 30px;
	top: 0px;
	background-size: 16px;
	background: url(../svg/jia_black1.svg) no-repeat center;
}


.twoa.on .solution_span2 {
	background-size: 15px;
	background-image: url(../svg/jian_black.svg);
}



.solution_ul2 {
	width: 70%;
}

.solution ul li {
	position: relative;
}

.solution ul li a {
	/*height: 52px;*/
	/*line-height: 52px;*/
	color: #333;
	font-size: 15px;
	display: block;
	border-bottom: 1px solid rgb(210 215 217 / 30%);
	/*padding: 0 15px;*/
	padding: 10px 45px 10px 20px;
	color: #fff;

}

.solution ul li .solution_span1 {
	width: 45px;
	height: 49px;
	position: absolute;
	right: 15px;
	top: 0;
	background: url(../svg/jia_black1.svg) no-repeat center;
	background-size: 16px;
}

.solution ul .on .solution_span1 {
	background-image: url(../svg/jian_black.svg);
	background-size: 15px;
}


.solution_p1 {
	font-size: 32px;
	color: #005491;
	font-weight: bold;
	line-height: 1;
}

.solution_ul3 {
	margin-top: 60px;
	display: flex;
	justify-content: space-between;
}

.solution_li2 {
	width: 40%;
}

.solution_li3 {
	width: 58%;
}

.solution_ul2 hr {
	margin: 60px 0;
	opacity: 0.5;
}

.solution_ul4 {
    display: flex;
    flex-wrap: wrap;
    /* justify-content: space-between; */
    /* flex: none; */
    /*width: 850px;*/
    /* height: 140px; */
    /*display: flex;*/
    /*overflow-x: auto;*/
    /*flex-wrap: nowrap;*/
}
/*.solution_ul4::-webkit-scrollbar{*/
/*	width: 5px;*/
/*	height: 5px;*/
/*}*/

 

.solution_li4 {
	width: 30%;
	margin-right: 20px;
	margin-bottom: 20px;
	overflow: hidden;
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
	flex: none;
}

.solution_li4 img {
	transition: all 0.3s ease;
}

.solution_li4:hover img {
	transform: scale(1.05);
}

.solution_li4:hover p {
	background: #f9522b;
}

.solution_li4 p {
	padding: 0 15px;
	height: 67px;
	line-height: 67px;
	background: #00518b;
	font-size: 20px;
	font-weight: bold;
	color: #fff;
	display: flex;
	justify-content: space-between;

}
.solution_li4 p span{
    	display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}

.regardb {
	width: 100%;
	/* background: #fbfbfb; */
	position: relative;
}

.gw_b_item {
	display: none;
}

.gw_b_item img {
	width: 40%;
}

.gw_b_item.on {
	display: block;
}

.regardb_ul1 {
	width: 40%;
	border-radius: 20px;
	overflow: hidden;
}

.regardb_p1 {
	margin-top: 30px;
	line-height: 1.8;
	height: 120px;
    overflow-y: auto;
}
.regardb_p1::-webkit-scrollbar{
    width: 4px;
}


.regardb_ul2 {
	display: inline-block;
	width: 52%;
	margin-left: 60px;
	/*overflow-y: auto;*/
	/*height: 200px;*/
	padding-right: 10px
}

/*设置宽度,轨道颜色*/
.regardb_ul2::-webkit-scrollbar {
	width: 6px;
	height: 5px;
	/* background: #0e0c0c; */
	/*可以设置轨道颜色*/
	padding-right: 2px;
}


/*滚动条*/
.regardb_ul2::-webkit-scrollbar-thumb {
	/* background: #8d2893; */
	border-radius: 10px;
}

.gw_b_box {
	position: relative;
	top: 0;
	left: 46%;
	width: 700px;
	height: 140px;
	display: flex;
	overflow-x: auto;
	flex-wrap: nowrap;
}

.gw_box_tit {
	opacity: 0.5;
	margin-right: 20px;
	flex: none;
}

.gw_b_box::-webkit-scrollbar{
	width: 5px;
	height: 5px;
}


.gw_box_tit.on {
	opacity: 1;
}


.gw_box_tit img {
	/* width: 90%; */
	width: 190px;
	height: 130px;
}

.regardb_p3 {
	color: #005491;
	font-size: 30px;
	line-height: 1.4;
}


.solution_cont {
	border-top: 1px solid #ccc;
	/*border-bottom: 1px solid #ccc;*/
	padding: 60px 0;
}

.solution_p2 {
	font-size: 24px;
	color: #005491;
	font-weight: bold;
}

.solution_li5 {
	margin-top: 30px;
	line-height: 1.8;
}

.solution_li5 p {
	color: #535353;
}

.solution_from {
	/*margin-top: 80px;*/
	margin-bottom: 80px;
	    border-bottom: 1px solid #ccc;
}

.solution_from table {
	margin-top: 30px;
    border:0;
    width:100%;
    border-collapse:collapse;
    border-spacing:0;
}

.solution_from td {
	border: 1px solid rgb(0, 0, 0, 0.1);

}

.solution_from tr td {
	height: 65px;
	font-size: 14px;
	line-height: 24px;
	color: #333333;
	padding-left: 15px;
	background: #fcfcfd;
}

.solution_from .td1 {
	width: 500px;
	font-weight: bold;
	background: #f6f6fa;

}

.solution_from .td2 {
	width: 900px;
	font-weight: bold;
	background: #f6f6fa;
}

/*solution*/


/*case*/
.case_ul2 {
	width: 73%;
}

.case_p1 {
	font-size: 20px;
	font-weight: bold;
	color: #535353;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
}

.case_p2 {
	font-size: 16px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
}

.case_li2 {
	padding: 30px 15px;
	background: #f6f6fb;
	/* box-shadow: 0 5px 15px rgb(0 0 0 / 10%); */
}

.case_ul1:hover .case_li2 {
	background: #00518b;
	color: #fff;
}

.case_ul1:hover .case_p1 {
	color: #fff;

}

/**/
.case_main {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.case_main .case_left img{
    width:100%;
    height: auto !important;
}

.case_left {
	width: 60%;
}

.case_right {
	width: 35%;
}

.case_left_p1 {
	font-size: 30px;
	font-weight: bold;
	padding-bottom: 30px;
	border-bottom: 1px solid #cfcfcf;
}

.case_left_p2 {
	margin-top: 30px;
}

.casedetail_li1 {
	height: 70px;
	line-height: 70px;
	color: #fff;
	background: #106bb2;
	padding-left: 20px;
	font-size: 20px;
	font-weight: bold;
}

.casedetail_li2_news{
    line-height: 40px !important;
  
}
.casedetail_li2_news li{
      margin: 0 !important;
}



.casedetail_li2 img {
	width: 100px;
	transition: all 0.3s ease;
	max-width: none;
}

.casedetail_li2 {
	padding: 30px 45px;
	border: 1px solid #106bb2;
	line-height: 70px;
	display: inline-block;
	width: 100%;
}

.casedetail_li2 .casedetail_span2 {
	padding-left: 20px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
}

.case_ul4 {
	margin-top: 40px;
}

.casedetail_li3 {
	display: flex;
	margin-top: 20px;
}

.casedetail_li3:first-child {
	margin-top: 0;
}

.case_ul3:hover img,
.casedetail_li3:hover img {
	transform: scale(1.05);
}

.casedetail_li3:hover .casedetail_span2,
.case_ul3:hover  {
	color: #f9522b;
}

/**/

/*contact*/
.contact_main {
	display: flex;
	justify-content: space-between;
}

.contact_left {
	width: 35%;
	background: #f3f3f3;
	padding: 50px 45px;
}

.contact_left p {
	font-size: 30px;
	color: #313131;
	text-align: center;
}

.contact_form {
	margin-top: 30px;
}

.contact_form input {
	width: 100%;
	height: 40px;
	padding-left: 15px;
	margin-top: 10px;
	border: 1px solid #f9522b;
	outline: none;
}

.contact_form textarea {
	width: 100%;
	height: 80px;
	margin-top: 10px;
	padding-top: 15px;
	padding-left: 15px;
	border: 1px solid #f9522b;
	outline: none;
	font-family: 'Microsoft YaHei", "PingFang SC", -apple-system, Arial, sans-serif';
}

.contact_right {
	width: 65%;
	padding: 60px 50px;
}

.contact_p1 {
	font-size: 36px;
	color: #434343;
}

.contact_ul1 {
	margin-top: 35px;
}

.contact_ul1 i {
	color: #f9522b;
	font-size: 30px;
	margin-right: 5px;
}

.contact_s1 {
	font-size: 20px;
	font-weight: bold;
}

.contact_s2 {
	font-size: 26px;
	font-weight: normal;
}

.contact_s3 {
	font-size: 20px;
	font-weight: bold;
}

.contact_li1 {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding-right: 40px;

}

.contact_li2 {
	display: flex;
	justify-content: space-between;
	padding: 0 40px;
	margin-top: 20px;
}

.contact_map {
	width: 100%;
	background: #fafafa;
}

/*contact*/
/*case*/

/*join*/
.join {
	display: flex;
	justify-content: space-between;
}

.join_ul1 {
	width: 48%;
}

.join_ul2 {
	width: 48%;
	text-align: right;
}

.join_p1 {
	margin-top: 40px;
}

.join_li1 {
	width: 48%;
	margin-top: 30px;
	border-left: 3px solid rgb(255, 0, 0, 0.5);
	padding-left: 10px;
}

.join_p2 {
	font-size: 24px;
	font-weight: bold;
	line-height: 1;
}

.join_ul3 {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.joinb_p1 {
	font-size: 36px;
	font-weight: bold;
	color: #106bb2;
	text-align: center;
}

/**/
.joinb_list {
	margin-top: 40px;
}
.contact_span1{
    display: flex;
    align-items: center;
}

.contact_icon1{
    height: 20px;
    padding-right: 20px;
    width: 40px;
}
.contact_icon2{
    height: 15px;
}

.joinb_top {
	background: #106bb2;
	display: flex;
	align-items: center;
	justify-content: space-between;
	color: #fff;
	height: 50px;
	padding: 0 100px;
}

.joinb_item {
	display: flex;
	align-items: center;
	justify-content: space-between;
	color: #000;
	height: 50px;
	padding: 0 100px;
	background: #fff;
	border-bottom: 1px solid #eaeaea;
}

.joinb_s,
.joinb_s2 {
	display: inline-block;
	width: 60px;
	text-align: center;
}

.joinb_s3 {
	display: inline-block;
	width: 120px;
	text-align: left;
}

.joinb_all .joinList {
	display: none;
}

.joinb_all.on .proList2 {
	display: block;
}

.joinb_all .joinb_s2 {
	display: none;
}

.joinb_all.on .joinb_s2 {
	display: block;
}

.joinb_all.on .joinb_s {
	display: none;
}

.resume {
	background: #fafafc;
	padding: 50px 50px 50px 80px;
}

.resume_p1 {
	font-size: 18px;
	color: #106bb2;
	margin-bottom: 20px;
}

.resume_ul1 {
	padding-left: 10px;
	color: #434343;
	margin-bottom: 30px;
}

.resume_ul2 {
	padding-left: 10px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.resume_ul3 {
	color: #434343;
}

/**/
.abt26btcbg {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100vh;
	z-index: 300;
	background: #000;
	opacity: 0.5;
	display: none;
}

.abt26btc {
	position: fixed;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	z-index: 310;
	display: none;
}

.abt26btcclose {
	display: block;
	width: 30px;
	height: 30px;
	position: absolute;
	right: 60px;
	top: 60px;
	background: url(../svg/guanbia.svg) center no-repeat;
	background-size: cover;
}

.abt26btc2bg {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100vh;
	z-index: 300;
	background: #000;
	opacity: 0.5;
	display: none;
}

.abt26btc2 {
	position: fixed;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	z-index: 310;
	display: none;
}

.abt26btc2close {
	display: block;
	width: 30px;
	height: 30px;
	position: absolute;
	right: -50px;
	top: 0px;
	background: url(../svg/guanbia.svg) center no-repeat;
	background-size: cover;
}

.abt26btc3bg {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100vh;
	z-index: 300;
	background: #000;
	opacity: 0.5;
	display: none;
}

.abt26btc3 {
	position: fixed;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	z-index: 310;
	display: none;
}

.abt26btc3close {
	display: block;
	width: 30px;
	height: 30px;
	position: absolute;
	right: -50px;
	top: 0px;
	background: url(../svg/guanbia.svg) center no-repeat;
	background-size: cover;
}


.resume_from {
	background: #fff;
	padding: 50px 80px;
	box-shadow: 0 5px 15px rgb(0 0 0 / 10%);

}

.resume_p2 {
	font-size: 38px;
	color: #02518b;
	text-align: center;
}

.resume_p3 {
	text-align: center;
	margin-top: 20px;
}

.resume_ul4 {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.resume_ul4 input {
	margin-top: 30px;
	width: 48%;
	height: 60px;
	padding-left: 20px;
	border: 1px solid #b2b2b2;
	outline: none;
}

.resume_ul4 textarea {
	width: 100%;
	margin-top: 30px;
	height: 120px;
	padding-left: 20px;
	padding-top: 20px;
	border: 1px solid #b2b2b2;
	outline: none;
	font-family: 'Microsoft YaHei", "PingFang SC", -apple-system, Arial, sans-serif';
}

.resume_p4 {
	margin: 10px 0;
}

.resume_btn1 {
	height: 48px;
	line-height: 48px;
	background-color: #f9522b;
	border: 1px solid #fff;
	border-radius: 5px;
	display: inline-block;
	padding: 0 25px;
	font-size: 14px;
	color: #ffffff;
	letter-spacing: 1px;
	transition: all 1s ease;
	position: relative;
	overflow: hidden;
}

.resume_sub {
	width: 180px !important;
	height: 45px !important;
	line-height: 43px !important;
}

/*join*/
/*course*/
.course_p1 {
	margin-top: 50px;
}


/*course*/

/*strand_b1*/
.strand_b1 {
	height: 600px;
}

.strand_h1 {
	text-align: left;
}

.strand_ul1 {
	margin-top: 30px;
	display: flex;
	flex-wrap: wrap;
	width: 50%;

}

.strand_li1 {
	width: 48%;
	margin-top: 80px;

}

.strand_p1 {
	font-size: 18px;
	color: #434343;
	margin-top: 10px;
}

.strand_p2 {
	font-size: 40px;
	color: #f9522b;
	line-height: 1;
	font-weight: bold;
}

.super_ul1 {
	margin-top: 50px;
	position: relative;
}

.playlist_wz {
	text-align: center;
	position: absolute;
	left: 0;
	width: 100%;
	top: 50%;
	transform: translateY(-50%);
}

/*strand_b1*/

/*superior*/
.superior {
	height: 542px;
	background-image: url(../jpg/strandimg4.jpg);
	background-size: cover;
}

.superior_h1 {
	color: #fff;
}

.superior_ul1 {
	margin-top: 80px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.superior_li1 {
	width: 18%;
	color: #fff;
	text-align: center;
}

.superior_p1 img {
	width: 30%;
	height: 50px;
	transition: all 0.5s ease;
}

.superior_p2 {
	margin-top: 15px;
	font-size: 24px;
}

.superior_p3 {
	margin-top: 30px;
}

.superior_li1:hover img {
	transform: rotateY(360deg);
}

.craftb {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.craftb_li1 {
	width: 18%;
	position: relative;
}

.craftb_p1 {
	font-size: 24px;
	color: #356eb5;
	font-weight: bold;

}

.craftb_select {
	width: 192px;
	height: 30px;
	border: 1px solid #dcdcdc;
	outline: none;
	padding-left: 5px;
	border-radius: 0;

}

.craftb_i1 {
	position: absolute;
	top: 45px;
	left: 165px;
	/* border: 1px solid red; */
}

select,
option {
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	font-style: normal;
}


.craftb_li1 input {
	width: 192px;
	height: 30px;
	border: 1px solid #dcdcdc;
	outline: none;
	padding-left: 10px;
}

.craftb_p2 {
	margin-top: 0 !important;
}

.craftb_p2:hover {
	cursor: pointer;
}

.craftb_pop {
	width: 614px;
	height: 337px;
	background: #fff;
	padding: 60px 100px;
}

.craftb_p3 {
	font-size: 24px;
	color: #313131;
	text-align: center;
}

.craftb_ul1 {
	margin-top: 20px;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.craftb_ul1 input {
	width: 48%;
	height: 40px;
	border: 1px solid #dcdcdc;
	margin-top: 10px;
	outline: none;
	padding-left: 15px;

}

.craftb_ul1 .craftb_in1 {
	width: 100%;
}

.craftb_p4 {
	width: 100%;
	height: 40px;
	line-height: 40px;
	background: #f9522b;
	color: #fff;
	text-align: center;
	margin-top: 30px;
}

.ropes_p1 {
	font-size: 42px;
	color: #356eb5;
	line-height: 1;
	text-align: center;
}

.ropes_p2 {
	background: #356eb5;
	height: 3px;
	width: 40px;
	margin: 0 auto;
	margin-top: 30px;
}

.ropes_p3 {
	text-align: center;
	margin-top: 30px;
}

.ropes_p4 {
	font-size: 30px;
	padding-bottom: 10px;
	border-bottom: 3px solid #f9522b;
	color: #f9522b;
	font-weight: bold;
}

.ropes_main {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-top: 80px;
}

.ropes_left {
	width: 45%;
	text-align: center;
}

.ropes_right {
	width: 50%;
}

.ropes_p5 {
	font-size: 30px;
	color: #1b1b1b;
}

.ropes_ul1 {
	margin-top: 40px;
}

.ropes_li1 {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	padding-bottom: 10px;
	border-bottom: 1px solid #bababa;
	margin-top: 20px;
}

.ropes_p6 {
	font-size: 18px;
	color: #f9522b;
}

.ropes_li2 {
	display: flex;
	padding-bottom: 10px;
	flex-wrap: wrap;
	border-bottom: 1px solid #bababa;
	margin-top: 20px;
}

.ropes_p7 {
	display: inline-block;
	width: 36%;
}



.slid_btn {
	position: relative;
	top: -40%;
	left: 50%;
	transform: translate(-50%, -330%);
	display: flex;
	justify-content: space-between;
	z-index: 1;
}

.slid_btn i {
	font-size: 30px;
}

/*superior*/
.swiper-paginations {
	text-align: center;
}

.swiper-paginations .swiper-pagination-bullet {
	width: 8px;
	height: 8px;
	border-radius: 50%;
	display: inline-block;
	/* opacity: 0.5; */
	background: #333;
	margin: 0 5px;
}

.swiper-paginations .swiper-pagination-bullet-active {
	background: #225087;
}

.swiper-casecons,
.swiper-slidruzz {
	text-align: center;
	margin-top: 20px;
}

.swiper-casecons .swiper-pagination-bullet,
.swiper-slidruzz .swiper-pagination-bullet {
	width: 8px;
	height: 8px;
	border-radius: 50%;
	display: inline-block;
	/* opacity: 0.5; */
	background: #333;
	margin: 0 5px;

}

.swiper-casecons .swiper-pagination-bullet-active,
.swiper-slidruzz .swiper-pagination-bullet-active {
	background: #225087;
}

.super_ul2 {
	text-align: center;
}

.playlist_wz .stimg3 {
	width: 80px;
}

.pubright_msg22{display:none;}

.ss_lang {
	position: relative;
}
.ss_lang:hover .ss_list{
	opacity: 1;
	visibility: visible;
}
.ss_lang:hover i{
    transform: rotate(180deg);
}

.ss_list {
	position: absolute;
	top: 40px;
	left: 0px;
	border: 2px solid #356eb5;
	background: #Fff;
	width: 100px;
	z-index: 100;
	text-align: center;
	opacity: 0;
	visibility: hidden;
	transition: all 0.3s ease;
}

.ss_list a {
	color: #000;
	width: 100%;
	margin: 0 !important;
}

.ss_list a:hover {
	background: #E9ECEF;
}
.ss_lang i{
	margin-left: 5px;
	transition: all 0.3s ease;
}
/**/

/**/
.abt26btc2close2 {
	display: block;
	width: 30px;
	height: 30px;
	position: absolute;
	right: -50px;
	top: 0px;
	background: url(../svg/guanbia.svg) center no-repeat;
	background-size: cover;
}

.well_main {
	position: relative;
	margin-top: 20px;
}

.well img {
	width: 100%;
}

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

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

@keyframes warn {
	0% {
		-webkit-transform: scale(0);
		-moz-transform: scale(0);
		-o-transform: scale(0);
		transform: scale(0);
		opacity: 1
	}

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

.mppiont {
	position: absolute;
	z-index: 6;
	transition: all 0.3s ease;
}

.mppiontdot {
	width: 8px;
	height: 8px;
	background: #fff;
	border-radius: 50%;
	position: absolute;
	left: 1px;
	top: 16px;
}

.mppiontpulse {
	position: absolute;
	top: -3px;
	left: -18px;
	height: 46px;
	width: 46px;
	border: 2px solid #fff;
	border-radius: 50%;
	box-shadow: 0 0 4px #fff, 0 0 10px #fff inset;
	opacity: .12;
	-webkit-animation: warn 2s ease-out both;
	-moz-animation: warn 2s ease-out both;
	-o-animation: warn 2s ease-out both;
	animation: warn 2s ease-out both;
	-webkit-animation-iteration-count: infinite;
	-moz-animation-iteration-count: infinite;
	-o-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
}

.mpp_sp1 {
	/* background: #214e85;
	border-radius: 20px; */
	color: #fff;
	/* padding: 5px 20px; */
	position: relative;
	left: 0px;
	opacity: 0;
	visibility: hidden;
}

/* .mpp_sp4 {
	background: #ff3e03;
	border-radius: 20px;
	color: #fff;
	padding: 5px 20px;
	position: relative;
	left: 25px;
	top: 6px;
	opacity: 1;
} */

.mpp_sp4:hover {
	color: #fff;
}

.mppiont:hover .mpp_sp1 {
	/* display: block; */
	opacity: 1;
	visibility: visible;
}

.mppiont:hover .mpp_sp1 span {
	/* display: block; */
	opacity: 0;
	visibility: hidden;
}

.mpp_sp4 {
	opacity: 0.6;
}

.mpp_sp4 span {
	background: #214e85;
	border-radius: 20px;
	color: #fff;
	padding: 5px 20px;
	position: relative;
	display: inline-block;
	line-height: 1.4;
	left: 25px;
	top: 6px;
	opacity: 1;
	visibility: visible;
	transition: all 0.3s ease;
	max-width: 540px;
}

.mpp_sp4_1 span {
	background: #ff3e03;
	border-radius: 20px;
	color: #fff;
	padding: 5px 20px;
	position: relative;
	left: 25px;
	top: 6px;
	opacity: 1;
	visibility: visible;
}

.mpp_sp2 {
	position: absolute;
	top: -420px;
	left: -150px;
	opacity: 0;
	visibility: hidden;
	transition: all 0.3s ease;
	background: transparent;
	background-image: url(../png/wellbg.png);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	width: 335px;
	height: 403px;
	padding: 25px 22px 25px 30px;
}

.mpp_sp3 {
	position: absolute;
	top: 50px;
	left: -45px;
	color: #fff;
	width: 360px;
	opacity: 0;
	visibility: hidden;
	transition: all 0.3s ease;
}

.mppiont:hover .mpp_sp3 {
	opacity: 1;
	visibility: visible;
}

.mpp_sp3 .mpp_p1 {
	color: #fff;
	font-size: 14px;
}

.mpp_sp2 img {
	width: 100%;
}

.mpp_p1 {
	font-size: 16px;
	font-weight: bold;
	color: #214e85;
}

.mpp_p2 {
	font-size: 14px;
	height: 120px;
	color: #214e85;
	margin-top: 10px;
}

.mppiont:hover .mpp_sp2 {
	opacity: 1;
	visibility: visible;
}

/* 


/* .mppiont08 .mpp_sp2 {
	left: -50px;
	width: 220px;
} */

/* .mppiont05 .mpp_sp2 {
	left: -40px;
	width: 220px;
	top: -160px;
} */


.mppiont01 {
	left: 56%;
	top: 18.4%;
	z-index: 9;
}

.mppiont02 {
	left: 57%;
	top: 22.5%;
	z-index: 10;

}

.mppiont03 {
	left: 51%;
	top: 26%;
	z-index: 11;

}

.mppiont04 {
	left: 33%;
	top: 40.5%;
	z-index: 8;
}

.mppiont15 {
	left: 33%;
	top: 33.5%;
	z-index: 8;
}


.mppiont05 {
	left: 59%;
	top: 40%;
	z-index: 9;
}


.mppiont06 {
	left: 79%;
	top: 42%;
	z-index: 8;

}

.mppiont07 {
	left: 27%;
	top: 43.5%;
	z-index: 10;

}

.mppiont14 {
	left: 47%;
	top: 42.5%;
	z-index: 11;
}

.mppiont08 {
	left: 63%;
	top: 43.4%;
	z-index: 12;

}

.mppiont09 {
	left: 48.6%;
	top: 61%;
	z-index: 7;

}



.mppiont10 {
	left: 63%;
	top: 66.5%;
	z-index: 7;

}



.mppiont11 {
	left: 63%;
	top: 85.5%;
	z-index: 9;
}


.mppiont12 {
	left: 60.5%;
	top: 92.3%;
	z-index: 11;
}

.mppiont13 {
	left: 54.5%;
	top: 97.5%;
	z-index: 7;
}

.mppiont .delay-01 {
	-webkit-animation-delay: 0.2s;
	-moz-animation-delay: 0.2s;
	-o-animation-delay: 0.2s;
	animation-delay: 0.2s
}

.mppiont .delay-02 {
	-webkit-animation-delay: 0.4s;
	-moz-animation-delay: 0.4s;
	-o-animation-delay: 0.4s;
	animation-delay: 0.4s
}

.mppiont .delay-03 {
	-webkit-animation-delay: 0.6s;
	-moz-animation-delay: 0.6s;
	-o-animation-delay: 0.6s;
	animation-delay: 0.6s
}



/**/
.mc_aside_navbox {
	position: fixed;
	left: 0;
	padding-left: 40px;
	top: 50%;
	transform: translateY(-50%) translateX(-100%);
	z-index: 99;
	transition: all .36s ease-out;
}

.mc_aside_navbox.show {
	transform: translateY(-50%) translateX(0);
}

.mc_aside_li {
	position: relative;
	z-index: 1;
	padding-left: 20px;
	font-size: 20px;
	line-height: 20px;
	color: #fff;
	opacity: 0.5;
	margin: 60px 0;
	border-top: 1px solid transparent;
	border-bottom: 1px solid transparent;
	cursor: pointer;
	transition: all .36s;
}

.mc_aside_li.active {
	color: #fff;
	opacity: 1;
	font-weight: bold;
}

.mc_aside_li::before {
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 9px;
	height: 9px;
	border-radius: 50%;
	background: #fff;
	border: 1px solid #fff;
	transition: all .36s;
}

.mc_aside_li::after {
	display: none;
	content: "";
	position: absolute;
	left: 4px;
	top: 50%;
	width: 1px;
	height: 65px;
	border-radius: 50%;
	background: #d4dbf1;
	z-index: -1;
	transition: all .36s;
}


.mc_aside_li:last-child::after {
	display: none;
}

.mc_aside_li.on {
	font-size: 14px;
	color: #fff;
	opacity: 1;
}

.mc_aside_li.active::before {
	box-shadow: 0 0 8px 0 rgba(255, 255, 255, .75);
}

.mc_aside_li.on::after {
	background: #fff;
}

.mc_aside_nav {
	position: relative;
}

.mc_aside_nav::before {
	content: "";
	position: absolute;
	left: 5px;
	top: 11px;
	z-index: -2;
	width: 1px;
	height: calc(100% - 22px);
	background: #d4dbf1;
	transition: all .36s;
}

.mc_aside_navline {
	display: block;
	position: absolute;
	left: 4px;
	top: 11px;
	z-index: -1;
	width: 1px;
	max-height: calc(100% - 22px);
	/* background: #0028aa; */
	background: #fff;
	transition: all .3s;
}



/**/

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

	.mpp_sp1 {
		font-size: 12px;
		padding: 5px 8px;
		line-height: 18px;
	}

	.mppiont01 {
		width: 210px;
	}

	.mppiont01 .mpp_sp1 {
		left: -122px;
		top: -30px;
	}

	.mppiont02 {
		width: 210px;
	}

	.mppiont02 .mpp_sp1 {
		left: -123px;
		top: -19px;
	}

	.mppiont03 {
		width: 210px;
	}

	.mppiont03 .mpp_sp1 {
		left: -120px;
		top: 30px;
	}


	.mppiont04 .mpp_sp1 {
    	left: -140px;
		top: -20px;
	}

	.mppiont05 .mpp_sp1 {
		left: -121px;
		top: -27px;
	}

	.mppiont06 {
		top: 40%;
		left: 71%;
		width: 210px;
	}

	.mppiont06 .mpp_sp1 {
		left: -46px;
     top: -25px;
	}

	.mppiont07{
		top: 42%;
	}

	.mppiont07 .mpp_sp1 {
		left: -135px;
		top: 2px;
	}

	.mppiont08{
		top: 41.9%;
	}

	.mppiont08 .mpp_sp1 {
		left: -15px;
		top: 18px;
	}

	.mppiont14 {
		top: 40.5%;
	}

	.mppiont14 .mpp_sp1 {
		left: -97px;
		top: 41px;
	}

	.mppiont09 .mpp_sp1 {
		left: -115px;
		top: -35px;
	}

	.mppiont10 .mpp_sp1 {
		left: -90px;
		top: -32px;
	}

	.mppiont11 .mpp_sp1 {
		left: -80px;
		top: -23px;
	}

	.mppiont12 {
		left: 56.5%;
		width: 210px;
	}

	.mppiont12 .mpp_sp1 {
		left: -116px;
		top: -33px;
	}

	.mppiont13 {
		font-size: 12px;
		width: 210px;
	}

	.mppiont13 .mpp_sp4_1 span {
		left: -66px;
		top: -13px;
	}

	.mppiont:hover .mpp_sp1 {
		opacity: 0;
		visibility: hidden;
	}

	.mppiont:hover .mpp_sp1 span {
		opacity: 1 !important;
		visibility: visible !important;
	}

	#mainImg1 {
		width: 100%;
	}

	.well_main {
		margin-top: 80px;
		position: relative;
		 overflow: hidden; 
	}

	.mc_aside_navbox {
		padding-left: 20px;
	}

	.mc_aside_li {
		margin: 30px 0;
		font-size: 14px;
	}
}

/**/