@charset "UTF-8";

body {

	overflow-x: hidden;

	transition: .5s;

	/*background: rgba(235, 235, 235, 0.95);*/

}.ins_case_box .one:hover, .ins_case_box .one.active



.animated {

	animation-duration: 1s;

	animation-fill-mode: both;

}



.container, .wrap, .index-container, .foot-container {

	padding-right: 0px;

	padding-left: 0px;

	margin: 0 auto;

}



.index-container, .foot-container {

	padding: 0 60px;

	width: 100%;

}



.foot-container {

	padding: 0 150px;

}



@media (min-width: 768px) {

	.wrap, .container {

		width: 750px;

	}

}



@media (min-width: 992px) {

	.wrap, .container {

		width: 970px;

	}

	/* .index-container,.foot-container{width: 970px;} */

}



@media (min-width: 1260px) {

	.wrap, .container {

		width: 1200px;

	}

	/* .index-container,.foot-container{width: 1200px;} */

}



@media (min-width: 1460px) {

	.wrap, .container {

		width: 1200px;

	}

	/* .index-container,.foot-container{width: 1400px;} */

}



@media (min-width: 1680px) {

	.wrap {

		width: 1500px;

	}

	.container {

		width: 1400px;

	}

}



.header {

	transition: all .5s;

	z-index: 33;

	position: fixed;

	top: 0;

	height: 90px;

	width: 100%;

	border-bottom: solid 1px rgba(255, 255, 255, 0.1);

	background: #fff;

	-webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.08);

	box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.08);

}

/*.header .head-in { */
/*  width: 30px;*/
/*  height: auto;*/
/*  display: -webkit-box;*/
/*  display: -ms-flexbox;*/
/*  display: -webkit-flex;*/
/*  display: flex;*/
/*  -webkit-box-align: center;*/
/*  -ms-flex-align: center;*/
/*  -webkit-align-items: center;*/
/*  align-items: center;*/
/*  -webkit-box-pack: center;*/
/*  -ms-flex-pack: center;*/
/*  -webkit-justify-content: center;*/
/*  justify-content: center;*/
/* }*/

.header .head-in {
    display: flex;
    justify-content: space-between;  align-items: center;
}
.header .head-in .head-box ,.header .head-in .head-box .head-lf {
    display: flex; gap: 20px; align-items: center;
}

.header .head-in .head-box{
     gap: 30px;
}
.header .head-in .head-box .head-lf .logo-text,
.header .head-in .head-box .head-lf .logo{
    margin-top: 0;
}
.column_box { padding-left:50px; 
  display: flex; 
  align-items: center;
  justify-content: center;
  gap: 40px;
}
.column_box .column { 
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  gap: 40px;
}
.column_box div.burger { position: relative; top: unset;  left: unset; display: flex; flex-direction: column; justify-content: center; gap: 5px;}
.column_box div.burger div.x, .column_box div.burger div.y, .column_box div.burger div.z {
    position: relative;
    top: unset;
    left: unset;
    right: unset;
    bottom: unset;
    margin: unset ;
}
.column_box .column .one a { 
    font-size: 18px;
    font-weight: 700;
    transition: all 0.3s linear;
}
.column_box .column .one a:hover {
    color: #26196b;
}
/*.logo {*/

/*	display: inline-block;*/

/*	height: 55px;*/

/*	margin-top: 15px;*/


/*}*/



/* @media(max-width:414px){

	.logo img {

    height: 100%;

}

.logo {

	height: 40px !important;

}

} */



/*.logo img {*/

/*	display: block;*/

	/* height: 90%; */

/*}*/



.logo-text-lf h3 {

	font-size: 16px;

	color: #000;

	margin-bottom: 3px;

	font-family: "microsoft yahei";

}



.logo-text-lf p {

	color: #cdcdcd;

	font-size: 9px;

	font-weight: lighter;

	text-transform: uppercase;

}



.logo-text-rt span {

	font-size: 14px;

	color: #666;

	display: block;

}



.logo-text-lf, .logo-text-rt {

	display: inline-block;

	vertical-align: middle;

}



.logo-text {

	margin-top: 30px;

}



.logo-text-lf {

	margin-right: 27px;

	padding-right: 27px;

	position: relative;

}



.logo-text-lf:after {

	content: '';

	width: 1px;

	height: 36px;

	background: #ccc;

	position: absolute;

	right: 0;

	top: 50%;

	margin-top: -18px;

}



.head-lf {

	margin-right: 5px;

}



.head-rt {

	line-height: 90px;

	/* margin-right: 12.8%; */

	margin-right: 0%;

}



.head-rt a {

	display: inline-block;

	width: 56px;

	height: 26px;

	line-height: 26px;

	border-radius: 13px;

	font-size: 16px;

	color: #999;

	text-align: center;

	transition: all 0.4s;

}



.head-rt a:hover, .head-rt a.on {

	background: rgba(38, 25, 107, 0.9);

	color: #fff;

}



div.screen {

	width: 50px;

	height: 90px;

	overflow: hidden;

	position: absolute;

	top: 0;

	left: 60px;

	background: transparent;

	-webkit-transition: all 500ms cubic-bezier(0, .995, .99, 1);

	-moz-transition: all 500ms cubic-bezier(0, .995, .99, 1);

	-ms-transition: all 500ms cubic-bezier(0, .995, .99, 1);

	-o-transition: all 500ms cubic-bezier(0, .995, .99, 1);

	transition: all 500ms cubic-bezier(0, .995, .99, 1)

}



div.screen.animate {

	right: 60px;

	-webkit-transition: all 500ms cubic-bezier(0, .995, .99, 1);

	-moz-transition: all 500ms cubic-bezier(0, .995, .99, 1);

	-ms-transition: all 500ms cubic-bezier(0, .995, .99, 1);

	-o-transition: all 500ms cubic-bezier(0, .995, .99, 1);

	transition: all 500ms cubic-bezier(0, .995, .99, 1)

}



div.burger {

	height: 36px;

	width: 36px;

	position: absolute;

	top: 17px;

	left: 5px;

	cursor: pointer;

	transition: all 0.4s;

	z-index: 10;

}



div.burger.open {

	top: 22px;

	opacity: 0;

}



div.back {

	height: 90px;

	line-height: 90px;

	width: 36px;

	position: absolute;

	top: 0;

	left: 5px;

	cursor: pointer;

	z-index: 9;

	opacity: 0;

}



div.burger.open+div.back {

	opacity: 1;

}



div.back img {

	width: 100%;

}



div.x, div.y, div.z {

	position: absolute;

	margin: auto;

	top: 0;

	bottom: 0;

	background: #26196b;

	border-radius: 2px;

	-webkit-transition: all 400ms ease-out;

	-moz-transition: all 400ms ease-out;

	-ms-transition: all 400ms ease-out;

	-o-transition: all 400ms ease-out;

	transition: all 400ms ease-out;

	transition: all 0.4s;

}



div.x, div.y, div.z {

	height: 3px;

	width: 30px;

	-webkit-transition: all 300ms ease-out;

	-moz-transition: all 300ms ease-out;

	-ms-transition: all 400ms ease-out;

	-o-transition: all 300ms ease-out;

	transition: all 300ms ease-out

}



.screen:hover div.y {

	transform: translateX(-2px);

}



.screen:hover div.x, .screen:hover div.z {

	left: 1px;

}



div.y.squize {

	width: 0;

	-webkit-transition: all 300ms ease-out;

	-moz-transition: all 300ms ease-out;

	-ms-transition: all 300ms ease-out;

	-o-transition: all 300ms ease-out;

	transition: all 300ms ease-out

}



div.y {

	top: 18px

}



div.z {

	top: 37px

}



div.open div.x, div.open div.z {

	top: 0;

	-webkit-transition: all 200ms ease-out;

	-moz-transition: all 200ms ease-out;

	-ms-transition: all 200ms ease-out;

	-o-transition: all 200ms ease-out;

	transition: all 200ms ease-out;

	left: 0 !important;

}



div.rotate30 {

	-ms-transform: rotate(30deg);

	-webkit-transform: rotate(30deg);

	transform: rotate(30deg);

	-webkit-transition: all 200ms ease-out;

	-moz-transition: all 200ms ease-out;

	-ms-transition: all 200ms ease-out;

	-o-transition: all 200ms ease-out;

	transition: all 200ms ease-out

}



div.rotate150 {

	-ms-transform: rotate(150deg);

	-webkit-transform: rotate(150deg);

	transform: rotate(150deg);

	-webkit-transition: all 200ms ease-out;

	-moz-transition: all 200ms ease-out;

	-ms-transition: all 200ms ease-out;

	-o-transition: all 200ms ease-out;

	transition: all 200ms ease-out

}



div.rotate45 {

	-ms-transform: rotate(45deg);

	-webkit-transform: rotate(45deg);

	transform: rotate(45deg);

	-webkit-transition: all 200ms ease-out;

	-moz-transition: all 200ms ease-out;

	-ms-transition: all 200ms ease-out;

	-o-transition: all 200ms ease-out;

	transition: all 200ms ease-out

}



div.rotate135 {

	-ms-transform: rotate(135deg);

	-webkit-transform: rotate(135deg);

	transform: rotate(135deg);

	-webkit-transition: all 200ms ease-out;

	-moz-transition: all 200ms ease-out;

	-ms-transition: all 200ms ease-out;

	-o-transition: all 200ms ease-out;

	transition: all 200ms ease-out

}



div.navbar {

	height: 90px;

	background: transparent;

}



div.screen.animate .navbar {

	right: 0;

}



div.menu {

	background: rgba(235, 235, 235, 0.95);

	left: -180px;

	top: 0;

	width: 180px;

	opacity: 0;

	/* position: absolute; */

	position: fixed;

	-webkit-transition: all 500ms cubic-bezier(0, .995, .99, 1);

	-moz-transition: all 500ms cubic-bezier(0, .995, .99, 1);

	-ms-transition: all 500ms cubic-bezier(0, .995, .99, 1);

	-o-transition: all 500ms cubic-bezier(0, .995, .99, 1);

	transition: all 500ms cubic-bezier(0, .995, .99, 1);

	overflow: hidden;

	overflow-y: auto;

}



div.menu.animate {

	opacity: 1;

	-webkit-transition: all 500ms cubic-bezier(0, .995, .99, 1);

	-moz-transition: all 500ms cubic-bezier(0, .995, .99, 1);

	-ms-transition: all 500ms cubic-bezier(0, .995, .99, 1);

	-o-transition: all 500ms cubic-bezier(0, .995, .99, 1);

	transition: all 500ms cubic-bezier(0, .995, .99, 1);

	left: 0;

}



div.menu ul {

	margin-top: 90px;

	position: relative;

	height: calc(100vh - 90px);

	display: flex;

	flex-direction: column;

}



div.menu ul li {

	text-align: center;

	margin-left: -50px;

	position: relative;

	flex: 1;

	background-color: #fff;

}



div.menu ul li:first-child:before {

	content: '';

	width: 100%;

	height: 2px;

	background: url(../images/line.png) no-repeat center;

	background-size: 100%;

	position: absolute;

	left: 0;

	top: 0;

}



div.menu ul li:after {

	content: '';

	width: 100%;

	height: 2px;

	background: url(../images/line.png) no-repeat center;

	background-size: 100%;

	position: absolute;

	left: 0;

	bottom: 0;

}



div.menu ul li a {

	display: block;

	width: 100%;

	height: 100%;

	/* padding: 8% 3%; */

	display: flex;

	flex-direction: column;

	justify-content: center;

	align-items: center;

	position: relative;

	z-index: 1;

}



div.menu ul li a:after {

	content: '';

	width: 0;

	height: 100%;

	background: url(../images/nav-bg.png) no-repeat center;

	background-size: cover;

	position: absolute;

	right: 0;

	bottom: 0;

	transition: all 0.2s;

	z-index: -1;

}



div.menu.animate ul li {

	margin-left: 0;

	-webkit-transition: all 800ms cubic-bezier(0, .995, .99, 1);

	-moz-transition: all 800ms cubic-bezier(0, .995, .99, 1);

	-ms-transition: all 800ms cubic-bezier(0, .995, .99, 1);

	-o-transition: all 800ms cubic-bezier(0, .995, .99, 1);

	transition: all 800ms cubic-bezier(0, .995, .99, 1)

}



div.menu.animate li:nth-of-type(1) {

	transition-delay: 0s

}



div.menu.animate li:nth-of-type(2) {

	transition-delay: .06s

}



div.menu.animate li:nth-of-type(3) {

	transition-delay: .12s

}



div.menu.animate li:nth-of-type(4) {

	transition-delay: .18s

}



div.menu.animate li:nth-of-type(5) {

	transition-delay: .24s

}



.in-icon {

	display: block;

	margin: 0 auto 14px;

	background-position: center;

	background-size: auto auto;

	background-repeat: no-repeat;

	width: 36px;

	height: 36px;

	transition: all 0.4s;

}



.in-icon1 {

	/* background-image: url(../images/nav1.png); */

	background-image: url(../images/navN1.png);

}



.in-icon2 {

	/* background-image: url(../images/nav2.png); */

	background-image: url(../images/navN2.png);

}



.in-icon3 {

	/* background-image: url(../images/nav3.png); */

	background-image: url(../images/navN3.png);

}



.in-icon4 {

	/* background-image: url(../images/nav4.png); */

	background-image: url(../images/navN4.png);

}



.in-icon5 {

	/* background-image: url(../images/nav5.png); */

	background-image: url(../images/navN5.png);

}



.in-icon6 {

	background-image: url(../images/navN6.png);

}



.in-icon7 {

	background-image: url(../images/navN7.png);

}



.menu span {

	display: block;

	font-size: 13px;

	color: #333;

	transition: all 0.4s;

}



div.menu.animate ul li:hover a:after, div.menu.animate ul li.on a:after {

	width: 100%;

}



div.menu.animate ul li:hover span, div.menu.animate ul li.on span {

	color: #fff;

}



div.menu.animate ul li:hover .in-icon1, div.menu.animate ul li.on .in-icon1 {

	/* background-image: url(../images/nav1h.png); */

	background-image: url(../images/navN1-h.png);

}



div.menu.animate ul li:hover .in-icon2, div.menu.animate ul li.on .in-icon2 {

	/* background-image: url(../images/nav2h.png); */

	background-image: url(../images/navN2-h.png);

}



div.menu.animate ul li:hover .in-icon3, div.menu.animate ul li.on .in-icon3 {

	/* background-image: url(../images/nav3h.png); */

	background-image: url(../images/navN3-h.png);

}



div.menu.animate ul li:hover .in-icon4, div.menu.animate ul li.on .in-icon4 {

	/* background-image: url(../images/nav4h.png); */

	background-image: url(../images/navN4-h.png);

}



div.menu.animate ul li:hover .in-icon5, div.menu.animate ul li.on .in-icon5 {

	/* background-image: url(../images/nav5h.png); */

	background-image: url(../images/navN5-h.png);

}



div.menu.animate ul li:hover .in-icon6, div.menu.animate ul li.on .in-icon6 {

	/* background-image: url(../images/nav5h.png); */

	background-image: url(../images/navN6-h.png);

}



div.menu.animate ul li:hover .in-icon7, div.menu.animate ul li.on .in-icon7 {

	/* background-image: url(../images/nav5h.png); */

	background-image: url(../images/navN7-h.png);

}



.foot-top {

	padding: 60px 0;

	background: #fff;

}



.foot-tlf {

	display: none;

}



.foot-tlf p {

	font-size: 16px;

	color: #666;

	line-height: 30px;

	padding-left: 30px;

}



.foot-tlf p.tel {

	background: url(../images/tel.png) no-repeat left center;

}



.foot-tlf p.fax {

	background: url(../images/fax.png) no-repeat left center;

}



.foot-tlf p.add {

	background: url(../images/add.png) no-repeat left center;

}



.bd_weixin_popup {

	height: 300px !important;

}



.share {

	text-align: right;

}



.share.bdsharebuttonbox a {

	width: 22px;

	height: 23px;

	background-size: auto;

	background-repeat: no-repeat;

	background-position: center;

	margin: 0 22px 0 0;

	padding-left: 0;

	transition: all 0.4s;

	float: none;

	display: inline-block;

}



.share.bdsharebuttonbox a:before {

	display: none;

}



.share a.s1 {

	background-image: url(../images/s1.png);

}



.share a.s2 {

	background-image: url(../images/s2.png);

}



.share a.s3 {

	background-image: url(../images/s12.png);

}



.share a.s4 {

	background-image: url(../images/s11.png);

}



.share a.s5 {

	background-image: url(../images/s8.png);

}



.share a.s6 {

	background-image: url(../images/s9.png);

}



.share a.s7 {

	background-image: url(../images/s10.png);

}



.foot-nav {

	font-size: 0;

	margin-top: 36px;

}



.foot-nav a {

	font-size: 14px;

	color: #5d5d5d;

	display: inline-block;

	margin-right: 40px;

	transition: all 0.4s;

	line-height: 22px;

}



.foot-nav a:last-child {

	margin-right: 0;

}



.foot-nav a.on, .foot-nav a:hover {

	color: #26196B;

}



.foot-bot {

	background: url(../images/foot-bg.png) no-repeat center;

	padding: 26px 0;

	background-size: 100% 100%;

}



.foot-bot .head-rt {

	display: none;

}



.foot-bot p, .foot-bot p a {

	font-size: 14px;

	color: rgba(255, 255, 255, 0.6);

	transition: all 0.4s;

}



.foot-bot p:hover a {

	color: #fff;

}



/*pc-客服*/



.kf {

	z-index: 600;

	background-color: #fff;

	position: fixed;

	bottom: 100px;

	right: 20px;

	width: 62px;

	border-radius: 5px;

	display: none;

	-webkit-transition: all .8s;

	-o-transition: all .8s;

	transition: all .8s;

}



.kf span {

	z-index: 602;

	-webkit-transition: all .5s;

	-o-transition: all .5s;

	transition: all .5s;

	cursor: pointer;

	position: relative;

	display: block;

	width: 62px;

	height: 62px;

	border-bottom: 1px solid #e3e3e3;

	background: url(../images/kefu_j.png) no-repeat center #fff;

}



.kf span:hover {

	background-color: #202020;

}



.kf .zx {

	border-radius: 5px 5px 0 0;

	background-position: 0 0;

}



.kf .zx:hover {

	background-position: 0 -62px;

}



.kf .freetel {

	background-position: -62px 0;

}



.kf .freetel:hover {

	background-position: -62px -62px;

}



.kf .act {

	background-position: -186px 0;

}



.kf .act:hover {

	background-position: -186px -62px;

}



.kf .zxlya {

	background-position: -124px 0;

}



.kf .zxlya:hover {

	background-position: -124px -62px;

}



.kf .back_top {

	border-radius: 0 0 5px 5px;

	border: none;

	background-position: -248px 0;

}



.kf .back_top:hover {

	background-position: -248px -62px;

}



.kf span div {

	display: none;

	background-color: #fff;

	border-radius: 5px;

	position: absolute;

	right: 75px;

	padding: 20px;

	font-size: 14px;

	color: #f4474c;

	bottom: 2px;

	text-align: center;

}



.kf span div input {

	text-indent: .5em;

	display: block;

	margin: 15px 0;

	line-height: 28px;

	color: #696969;

	font-size: 12px;

	width: 140px;

	border: 1px solid #d1d1d1;

	border-radius: 2px;

	height: 28px;

}



.kf span div a {

	-o-transition: .5s;

	transition: .5s;

	-webkit-transition: .5s;

	display: block;

	background: #f4474c;

	border-radius: 2px;

	color: #fff;

	line-height: 26px;

	font-size: 12px;

	text-align: center;

	width: 79px;

	height: 26px;

}



.kf span div a:hover {

	background: #af1317;

}



.kfimgr {

	position: absolute;

	bottom: 23px;

	right: -9px;

}



.kf span div i {

	display: block;

	position: absolute;

	width: 15px;

	height: 200px;

	right: -15px;

	top: 0;

}



.kf .zx div, .kf .freetel div, .kf .zxlya div, .kf span:nth-child(4) div {

	text-align: center;

	min-width: 148px;

	font-size: 14px;

	color: #666;

}



.kf span:nth-child(4) div {

	white-space: nowrap;

}



.kf a {

	display: block;

	height: 100%;

	position: absolute;

	top: 0;

	right: 0;

	width: 100%;

}



.kf span div, .kf {

	-webkit-box-shadow: 0 2px 13px rgba(0, 0, 0, 0.25);

	box-shadow: 0 2px 13px rgba(0, 0, 0, 0.25);

}



.nav_center div, .index_nav_center div, .shou, .zhan {

	-webkit-box-shadow: 0 2px 18px rgba(0, 0, 0, 0.25);

	box-shadow: 0 2px 18px rgba(0, 0, 0, 0.25);

}



.shou {

	z-index: 601;

	cursor: pointer;

	width: 30px;

	height: 40px;

	top: 50%;

	margin-top: -15px;

	border-radius: 5px 0 0 5px;

	right: 62px;

	background: url("../images/kefu_j.png") no-repeat -310px 0 #fff;

	position: absolute;

}



.shou.on {

	background-position: -310px -40px;

}



/*app-客服*/



.kefu {

	display: none;

	position: fixed;

	width: 252px;

	overflow: hidden;

	z-index: 400;

	background: rgba(0, 0, 0, 0.5);

	left: 50%;

	margin-left: -126px;

	bottom: 15px;

	padding: 8px 0;

	transition: all .5s;

}



.kefu li {

	width: 50px;

	float: left;

	border-left: 1px solid #fff;

}



.kefu li:first-child {

	border-left: none;

}



.kefu li a {

	font-size: 20px;

	display: block;

	margin: 0 auto;

	width: 100%;

	height: 30px;

	text-align: center;

	line-height: 30px;

	color: white;

}



/* banner */



.index-body {

	overflow-x: hidden;

}



.banner .banner-slide {

	overflow: hidden;

}



.banner {

	position: relative;

	margin-top: 60px;

	overflow: hidden;

}



.banner>img {

	display: block;

	width: 100%;

}



.banner .banner-pc {

	display: block;

}



.banner .banner-app {

	display: none;

}



.swiper-pagination {

	width: 100%;

}



.cont-in {

	background: #fff;

}



.cont-in .swiper-pagination-bullet {

	opacity: 1;

	width: 11px;

	height: 11px;

	margin: 0 3px !important;

	background: rgba(255, 255, 255, 0.6);

	border-radius: 0;

	transition: all 0.4s;

}



.cont-in .swiper-pagination-bullet-active {

	opacity: 1;

	background: #fff;

	/* transform:rotate(45deg); */

}



.banner .swiper-pagination {

	bottom: 60px;

}



.ban-info {

	position: absolute;

	left: 0;

	width: 100%;

	transform: translateY(-50%);

	top: 50%;

}



.ban-lf {

	width: 51%;

}



.circle-box {

	position: absolute;

	margin: auto;

	top: -52%;

	left: -33%;

	bottom: 0;

	right: 0;

	width: 300px;

	height: 300px;

}



.circle-box .circle {

	position: absolute;

	margin: auto;

	top: 0;

	right: 0;

	bottom: 0;

	left: 0;

	border-radius: 50%;

	background: rgba(138, 43, 226, 0.02);

}



.circle-box .circle:nth-of-type(1) {

	width: 280px;

	height: 260px;

	animation: rt 6s infinite linear;

	box-shadow: 0 0 1px 0 #4c8dde, inset 0 0 10px 0 #277fbd;

}



.circle-box .circle:nth-of-type(2) {

	width: 260px;

	height: 280px;

	animation: rt 10s infinite linear;

	box-shadow: 0 0 1px 0 #4b9fda, inset 0 0 10px 0 #3480de;

}



.circle-box .circle:nth-of-type(3) {

	width: 290px;

	height: 270px;

	animation: rt 5s infinite linear;

	box-shadow: 0 0 1px 0 #4f98cc, inset 0 0 10px 0 #00448b;

}



.circle-box .circle:nth-of-type(4) {

	width: 270px;

	height: 290px;

	animation: rt 15s infinite linear;

	box-shadow: 0 0 1px 0 #00adff, inset 0 0 10px 0 #00a1ff;

}



@keyframes rt {

	100% {

		transform: rotate(360deg);

	}

}



.ban-info-con {

	position: relative;

}



.ban-rt {

	width: 36%;

	background: url(../images/img10.png) no-repeat center;

	background-size: 100% 100%;

	padding: 30px 40px;

	text-align: right;

	position: absolute;

	right: 0;

	top: 50%;

	transform: translateY(-50%);

}



.ban-rt h3 {

	font-size: 46px;

	color: #fff;

	font-weight: lighter;

	line-height: 54px;

}



.ban-rt h3 span {

	color: #38C9E1;

	display: block;

}



.in-one {

	padding: 85px 0;

	background: #fff;

	display: none;

}



.in1-list li {

	width: 20%;

	float: left;

	text-align: center;

}



.in1-pic {

	width: 150px;

	height: 150px;

	margin: 0 auto;

	border: 1px solid #BFBFBF;

	border-radius: 50%;

	position: relative;

	transition: all 0.4s;

	z-index: 1;

}



.in1-pic:after {

	content: '';

	width: 100%;

	height: 100%;

	border-radius: 50%;

	background: url(../images/img6.png) no-repeat center;

	background-size: cover;

	z-index: -1;

	position: absolute;

	left: 50%;

	top: 50%;

	-webkit-transform: translate(-50%, -50%) scale(0, 0);

	-ms-transform: translate(-50%, -50%) scale(0, 0);

	transform: translate(-50%, -50%) scale(0, 0);

	-webkit-transition: all 0.3s ease-out;

	-ms-transition: all 0.3s ease-out;

	-moz-transition: all 0.3s ease-out;

	transition: all 0.3s ease-out;

}



.in1-pic span {

	display: block;

	position: absolute;

	left: 50%;

	top: 50%;

	transform: translate(-50%, -50%);

	width: 60px;

	height: 60px;

	background-repeat: no-repeat;

	background-position: center;

	background-size: auto;

	transition: all 0.4s;

}



.in1-list li p {

	font-size: 20px;

	color: #444;

	padding: 32px 5px 0;

	line-height: 26px;

}



.in1-pic1 span {

	background-image: url(../images/img1.png);

}



.in1-pic2 span {

	background-image: url(../images/img2.png);

}



.in1-pic3 span {

	background-image: url(../images/img3.png);

}



.in1-pic4 span {

	background-image: url(../images/img4.png);

}



.in1-pic5 span {

	background-image: url(../images/img5.png);

}



.in1-list li:hover .in1-pic1 span {

	background-image: url(../images/img1h.png);

}



.in1-list li:hover .in1-pic2 span {

	background-image: url(../images/img2h.png);

}



.in1-list li:hover .in1-pic3 span {

	background-image: url(../images/img3h.png);

}



.in1-list li:hover .in1-pic4 span {

	background-image: url(../images/img4h.png);

}



.in1-list li:hover .in1-pic5 span {

	background-image: url(../images/img5h.png);

}



.in1-list li:hover .in1-pic:after {

	-webkit-transform: translate(-50%, -50%) scale(1, 1);

	-ms-transform: translate(-50%, -50%) scale(1, 1);

	-moz-transform: translate(-50%, -50%) scale(1, 1);

	transform: translate(-50%, -50%) scale(1, 1);

}



.in1-list li:hover .in1-pic {

	border-color: transparent;

}



.in2-list li {

	width: 50%;

	float: left;

	position: relative;

	border-top: 1px solid #fff;

}



.in2-list li::after {

	content: "";

	position: absolute;

	z-index: 1;

	width: 100%;

	height: 100%;

	background: rgba(0, 0, 0, .25);

	top: 0;

	left: 0;

	opacity: 0;

	transition: .5s;

}



.in2-list li:hover::after {

	opacity: 1;

}



.in2-list .in2-pic {

	overflow: hidden;

}



.in2-list .in2-pic:after {

	content: '';

	width: 100%;

	height: 100%;

	background: rgba(0, 0, 0, 0.2);

	position: absolute;

	left: 0;

	bottom: 0;

}



.in2-list .in2-pic img {

	display: block;

	width: 100%;

	transition: all 0.4s;

}



.in2-list .in2-desc {

	text-align: center;

}



.in2-list .in2-desc h3 {

	font-size: 26px;

	color: #fff;

	margin-bottom: 15px;

	font-weight: 300;

	display: inline-block;

	border: 1px solid #dcdce5;

	padding: 8px;

}



.in2-list .in2-desc a {

	display: block;

	font-size: 18px;

	color: #fff;

	font-family: 'akr';

	letter-spacing: 2px;

}



.in2-list .in2-desc a:hover {

	text-decoration: underline;

}



.in2-list .in2-desc a:not(:nth-last-child(1)) {

	margin-bottom: 15px;

}



@media (max-width: 1460px) {

	.in2-list .in2-desc a:not(:nth-last-child(1)) {

		margin-bottom: 10px;

	}

}



/* .in2-list .in2-desc p {

	font-size: 18px;

	color: rgba(255, 255, 255, 0.6);

	font-family: 'akr';

} */



.in2-list .in2-desc {

	position: absolute;

	z-index: 2;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	padding: 70px 60px;

}



.in2-list .in2-desc-in {

	padding-left: 10px;

	position: relative;

}



.in2-list .in2-desc-in:after {

	content: '';

	width: 2px;

	height: 50px;

	background: rgba(255, 255, 255, 0.8);

	position: absolute;

	left: 0;

	top: 50%;

	transform: translateY(-50%);

}



.in2-list li:hover .in2-pic img {

	transform: scale(1.05);

}



.banner .banner-slide img ,
.banner .banner-slide video{

	width: 100%;

	transition: 5s;

}



.banner .swiper-slide-active img {

	transform: scale(1.1);

}



@media (max-width: 1680px) {

	.foot-nav a {

		margin-right: 30px;

	}

	.circle-box {

		top: -53%;

		left: -32.5%;

	}

	.circle-box .circle:nth-of-type(1) {

		width: 230px;

		height: 210px;

	}

	.circle-box .circle:nth-of-type(2) {

		width: 210px;

		height: 230px;

	}

	.circle-box .circle:nth-of-type(3) {

		width: 240px;

		height: 220px;

	}

	.circle-box .circle:nth-of-type(4) {

		width: 220px;

		height: 240px;

	}

	.ban-rt h3 {

		font-size: 38px;

	}

	.ban-rt {

		padding: 25px 35px;

	}

}



@media (max-width: 1600px) {

	.circle-box {

		left: -33%;

	}

	.foot-container {

		padding: 0 100px;

	}

}



@media (max-width: 1679px) {

	.in2-list .in2-desc {

		padding: 35px 60px;

	}

}



@media (max-width: 1459px) {

	.in1-list li p {

		font-size: 18px;

	}

	.foot-nav a {

		margin-right: 20px;

		font-size: 14px;

	}

	.foot-tlf p {

		font-size: 16px;

	}

	.circle-box {

		left: -32%;

	}

	.ban-rt h3 {

		font-size: 32px;

	}

	.ban-rt {

		padding: 20px 30px;

	}

	.ban-rt h3 {

		font-size: 26px;

		line-height: 40px;

	}

}



@media (max-width: 1320px) {

	.circle-box {

		left: -33%;

	}

}



@media (max-width: 1259px) {

	.index-container, .foot-container {

		padding: 0 30px;

	}

	.foot-container {

		padding: 0 60px;

	}

	.head-rt {

		margin-right: 8%;

	}

	div.screen, div.screen.animate, div.screen.animate .navbar {

		right: 30px;

	}

	.in2-list .in2-desc {

		padding: 45px 40px;

	}

	.in2-list .in2-desc h3 {

		font-size: 22px;

	}

	/* .in2-list .in2-desc p {

		font-size: 16px;

	} */

	.in2-list .in2-desc a {

		font-size: 16px;

	}

	.in2-list .in2-desc a:not(:nth-last-child(1)) {

		margin-bottom: 10px;

	}

	.foot-trt {

		float: none;

	}

	.foot-tlf {

		float: none;

		margin-bottom: 30px;

	}

	.share {

		text-align: left;

	}

	.foot-nav {

		margin-top: 20px;

	}

	.circle-box {

		top: -53%;

		left: -32%;

	}

	.circle-box .circle:nth-of-type(1) {

		width: 200px;

		height: 180px;

	}

	.circle-box .circle:nth-of-type(2) {

		width: 180px;

		height: 200px;

	}

	.circle-box .circle:nth-of-type(3) {

		width: 210px;

		height: 190px;

	}

	.circle-box .circle:nth-of-type(4) {

		width: 190px;

		height: 210px;

	}

}



@media (max-width: 1200px) {

	.circle-box {

		left: -32.5%;

	}

}



@media (max-width: 991px) {

	.container, .wrap, .index-container {

		padding-right: 15px;

		padding-left: 15px;

		margin: 0 auto;

	}

	.kf {

		display: none !important;

	}

	.kefu {

		display: block;

	}

	.logo-text-rt {

		display: none;

	}

	.logo-text-lf {

		margin: 0;

		padding: 0;

	}

	.logo-text-lf:after {

		content: none;

	}

	.logo-text {

		margin-top: 23px;

	}

	.index-container, .foot-container {

		padding: 0 15px;

	}

	/*.logo {*/

	/*	height: 32px;*/

	/*	margin-top: 6px;*/

	/*}*/

	/*.header {*/

	/*	height: 65px;*/

	/*}*/

	div.screen {

		left: 15px;

		height: 65px;

	}

	div.screen.animate {

		right: 15px;

	}

	.head-rt {

		display: none;

	}

	div.burger {

		top: 7px;

	}

	div.burger.open {

		top: 14px;

	}

	div.navbar {

		height: 65px;

	}

	div.back {

		height: 65px;

		line-height: 65px;

	}

	.screen:hover div.y {

		transform: none;

	}

	.screen:hover div.x, .screen:hover div.z {

		left: 0;

	}

	.menu span {

		font-size: 16px;

	}

	div.menu ul li a {

		/* padding: 25px; */

	}

	div.menu ul {

		margin-top: 65px;

		height: calc(100vh - 65px)

	}

	.foot-top {

		padding: 30px 0 25px;

	}

	.foot-tlf p {

		font-size: 14px;

		line-height: 26px;

	}

	.foot-tlf {

		margin-bottom: 20px;

	}

	.foot-bot p {

		float: none;

		margin-top: 10px;

	}

	.foot-bot p, .foot-bot p a {

		font-size: 13px;

	}

	.foot-bot {

		padding: 20px 0 70px;

	}

	.banner {

		margin-top: 60px;

	}

	.banner .banner-app {

		display: block;

		width: 100%;

	}





	.banner .banner-pc {

		display: none;

	}

	.ban-info {

		display: none;

	}

	.cont-in .swiper-pagination-bullet {

		width: 8px;

		height: 8px;

		margin: 0 2.5px !important;

	}

	.banner .swiper-pagination {

		bottom: 25px;

	}

	.in-one {

		padding: 40px 0;

	}

	.in1-pic {

		width: 115px;

		height: 115px;

	}

	.in1-pic span {

		height: 38px;

		background-size: auto 100%;

	}

	.in1-list li p {

		font-size: 16px;

		padding: 24px 5px 0;

	}

	.in2-list .in2-desc {

		padding: 30px 25px;

	}

	/* .in2-list .in2-desc h3 {

		font-size: 18px;

		margin-bottom: 4px;

	} */

	/* .in2-list .in2-desc p {

		font-size: 14px;

	} */

	/* .in2-list .in2-desc-in:after {

		height: 36px;

	}

	 */

	.in1-list li {

		width: 50%;

	}

	.in2-list li {

		width: 100%;

	}

}



@media (max-width: 768px) {

	.in1-list li {

		width: 50%;

	}

	.in1-list li p {

		font-size: 14px;

		padding: 15px 5px;

		line-height: 20px;

	}

	.in2-list li {

		width: 100%;

	}

	.in2-list .in2-desc-in {

		position: absolute;

		left: 50%;

		top: 50%;

		transform: translate(-50%, -50%);

		width: 66%;

	}

}



/* 关于我们 */



/* .ny-banner img{display: block;width: 100%;} */



.abo-one {

	padding: 95px 0 100px;

}



.abo-tit h3 {

	font-size: 40px;

	color: #010101;

	font-weight: normal;

	letter-spacing: 5px;

	font-weight: lighter;

}



.abo-tit h3 p {

	font-size: 35px;

	color: rgb(19, 157, 196);

	margin-top: 5px;

}



.abo-tit {

	text-align: center;

	margin-bottom: 60px;

}



.abo1-desc p {

	font-size: 16px;

	color: #595858;

	line-height: 32px;

	margin-bottom: 20px;

}



.abo1-desc button {

	display: none;

}



.abo-two {

	background-color: #29216f;

}



.abo-two .abo-tit h3 {

	color: #fff;

}



.abo-tit h4 {

	font-size: 30px;

	font-weight: lighter;

	margin-top: 50px;

	color: #010101;

	line-height: 30px;

}



.abo-two .abo-tit h4 {

	color: #fff;

}



.abo2-box {

	width: 1160px;

	margin: 0 auto;

}



.abo2-con {

	background: url('../images/img12.png') no-repeat bottom;

}



.abo2-cicle {

	padding: 65px;

	border: 1px dashed #fff;

	border-radius: 50%;

	position: relative;

}



.abo2-inner {

	border-radius: 50%;

	-webkit-animation-timing-function: ease-in-out;

	-webkit-animation-name: breathe;

	-webkit-animation-duration: 2500ms;

	-webkit-animation-iteration-count: infinite;

	-webkit-animation-direction: alternate;

}



.abo2-inner .earth-img1 {

	display: block;

	margin: 0 auto;

	width: 100%;

}



.abo2-dot {

	position: relative;

	width: 30px;

	height: 30px;

	left: 95px;

	top: 0;

}



/* 保持大小不变的小圆点 */



.dot {

	position: absolute;

	width: 12px;

	height: 12px;

	left: 9px;

	top: 9px;

	-webkit-border-radius: 50%;

	-moz-border-radius: 50%;

	border: 1px solid #ffffff;

	border-radius: 50%;

	background-color: #2aaae5;

	/* 实心圆 ，如果没有这个就是一个小圆圈 */

	z-index: 2;

}



/* 产生动画（向外扩散变大）的圆圈 第一个圆 */



.pulse {

	position: absolute;

	width: 30px;

	height: 30px;

	left: 0;

	top: 0;

	border: 12px solid #ffffff;

	-webkit-border-radius: 50%;

	-moz-border-radius: 50%;

	border-radius: 50%;

	z-index: 1;

	opacity: 0;

	-webkit-animation: warn 2s ease-out;

	-moz-animation: warn 2s ease-out;

	animation: warn 2s ease-out;

	-webkit-animation-iteration-count: infinite;

	-moz-animation-iteration-count: infinite;

	animation-iteration-count: infinite;

	box-shadow: 1px 1px 30px #3399ff;

	/* 阴影效果 */

}



/* 产生动画（向外扩散变大）的圆圈 第二个圆 */



.pulse1 {

	position: absolute;

	width: 30px;

	height: 30px;

	left: 0;

	top: 0;

	border: 10px solid #ffffff;

	-webkit-border-radius: 50%;

	-moz-border-radius: 50%;

	border-radius: 50%;

	z-index: 1;

	opacity: 0;

	-webkit-animation: warn1 2s ease-out;

	-moz-animation: warn1 2s ease-out;

	animation: warn1 2s ease-out;

	-webkit-animation-iteration-count: infinite;

	-moz-animation-iteration-count: infinite;

	animation-iteration-count: infinite;

	box-shadow: 1px 1px 30px #3399ff;

	/* 阴影效果 */

}



@keyframes warn {

	0% {

		transform: scale(0.3);

		-webkit-transform: scale(0.3);

		opacity: 0.0;

	}

	25% {

		transform: scale(0.3);

		-webkit-transform: scale(0.3);

		opacity: 0.1;

	}

	50% {

		transform: scale(0.5);

		-webkit-transform: scale(0.5);

		opacity: 0.3;

	}

	75% {

		transform: scale(0.8);

		-webkit-transform: scale(0.8);

		opacity: 0.5;

	}

	100% {

		transform: scale(1);

		-webkit-transform: scale(1);

		opacity: 0.0;

	}

}



@keyframes warn1 {

	0% {

		transform: scale(0.3);

		-webkit-transform: scale(0.3);

		opacity: 0.0;

	}

	25% {

		transform: scale(0.3);

		-webkit-transform: scale(0.3);

		opacity: 0.1;

	}

	50% {

		transform: scale(0.3);

		-webkit-transform: scale(0.3);

		opacity: 0.3;

	}

	75% {

		transform: scale(0.5);

		-webkit-transform: scale(0.5);

		opacity: 0.5;

	}

	100% {

		transform: scale(0.8);

		-webkit-transform: scale(0.8);

		opacity: 0.0;

	}

}



.abo2-item1 {

	position: absolute;

	left: 12%;

	top: 44%;

}



.abo2-itemDesc h3 {

	font-size: 26px;

	color: #fff;

	text-align: center;

	margin: 18px 0 15px;

	font-weight: lighter;

}



.abo2-itemDesc p {

	max-width: 290px;

	color: #fff;

	font-size: 14px;

	line-height: 30px;

	padding: 0 15px;

	height: 0;

	transition: all 0.5s;

	opacity: 0;

	max-height: 144px;

}

.abo2-itemDesc .rq p{

	display: none !important;

}





.abo2-itemDesc span {

	display: block;

	width: 0;

	height: 1px;

	background: url('../images/img14.png') no-repeat center;

	background-size: cover;

	margin-bottom: 12px;

	transition: all 0.4s;

}



.abo2-item:hover .abo2-itemDesc span {

	width: 100%;

}



.abo2-item:hover .abo2-itemDesc p {

	height: 100%;

	opacity: 1;

}



.abo2-item2 {

	position: absolute;

	top: 15%;

	left: 30%;

}



.abo2-item3 {

	position: absolute;

	left: 47%;

	top: 61%;

}



.abo2-item4 {

	position: absolute;

	top: 42%;

	right: 9%;

}



.abo2-item3 .abo2-dot {

	left: 172px;

}



.abo2-item4 .abo2-dot {

	left: 135px;

}



.abo2-itemDesc .rq img {

	display: none;

}



.abo-three {

	padding: 50px 0 100px;

	background-color: #29216f;

}



.abo-three .abo-tit h3 {

	color: #fff;

}



.abo3-swiper {

	position: relative;

}



.abo3-swiper .swiper-container {

	overflow: hidden;

}



.abo3-swiper:after {

	content: '';

	width: 100%;

	height: 2px;

	background: url('../images/img16.png') no-repeat center;

	background-size: 100%;

	position: absolute;

	top: 60px;

	left: 0;

}



.abo3-year {

	font-size: 24px;

	color: #fff;

}



.abo3-desc span {

	display: block;

	font-size: 18px;

	color: #fff;

	margin-bottom: 25px;

}



.abo3-desc {

	height: 46px;

	overflow: hidden;

	transition: all 0.4s;

}



.abo3-desc p {

	font-size: 14px;

	line-height: 26px;

	color: #fff;

	max-height: 130px;

	padding-right: 8px;

}



.abo3-swiper .swiper-slide {

	text-align: center;

	opacity: 0.3;

	transition: all 0.6s;

	height: 271px;

}



.abo3-swiper .swiper-pagination {

	display: none;

}



.abo3-dot {

	width: 17px;

	height: 17px;

	background: url('../images/img15.png') no-repeat center;

	margin: 25px auto;

}



.abo3-swiper .swiper-slide.on .abo3-dot {

	box-shadow: -1px 3px 20px rgba(255, 255, 255, 0.7);

	border-radius: 50%;

}



.abo3-swiper .swiper-slide.on {

	opacity: 1;

}



.abo3-swiper .swiper-slide-active.on {

	opacity: 1;

}



.abo3-swiper .swiper-slide.on .abo3-desc {

	height: 176px;

}



.abo3-swiper .swiper-slide-active.on .abo3-desc {

	height: 176px;

}



.abo-four {

	padding: 70px 0 110px;

}



.abo4-item {

	flex: 1;

	margin: 0 5%;

	text-align: center;

}



.abo4-list {

	display: flex;

}



.abo4-item .abo4-tit {

	padding: 40px 0 20px;

	margin-bottom: 20px;

}



.abo4-item .abo4-tit1 {

	background: url('../images/img17.png') no-repeat center;

	background-size: contain;

}



.abo4-item .abo4-tit2 {

	background: url('../images/img18.png') no-repeat center;

	background-size: contain;

}



.abo4-item .abo4-tit3 {

	background: url('../images/img19.png') no-repeat center;

	background-size: contain;

}



.abo4-item .abo4-tit span {

	font-size: 30px;

	color: #271f69;

	font-weight: lighter;

}



.abo4-item .abo4-desc a {

	display: block;

	font-size: 20px;

	color: #010101;

	line-height: 50px;

	

}



.abo4-Dhide {

	display: none;

}



.abo4-more {

	margin-top: 16px;

	position: relative;



}



.abo4-more span {

	display: inline-block;

	width: 20px;

	height: 10px;

	background: url('../images/img20.png') no-repeat center;

	cursor: pointer;

	position: absolute;

	

}



.abo5-box {

	background: url('../images/img22.jpg') no-repeat center;

	background-size: 100% 100%;

	padding: 55px 0;

}



.abo5-boxin img {

	display: block;

	width: 100%;

}



.dyt {

	display: none;

}



.mb {

	display: none;

}



.abo4-desc {

	height: 350px;

	min-height: 50px;

	overflow: hidden;

}



#scrollDiv li {

	height: 50px;

}



.abo-six {

	padding: 110px 0 80px;

}



.abo6-con .abo-tit h4 {

	margin-top: 30px;

}



.abo6-list li {

	width: 33.333%;

	float: left;

	position: relative;

}



.abo6-pic {

	overflow: hidden;

}



.abo6-list li:hover .abo6-pic img {

	transform: scale(1.1);

}



.abo6-pic img {

	display: block;

	width: 100%;

	transition: all 0.4s;

}



.abo6-desc {

	position: absolute;

	width: 100%;

	height: 100%;

	left: 0;

	top: 0;

	text-align: center;

	padding: 5% 25% 10px;

}



.abo6-desc span {

	font-size: 18px;

	color: #fff;

	border: 1px solid #fff;

	padding: 3px 8px;

	display: inline-block;

	margin-bottom: 20px;

}



.abo6-desc p {

	font-size: 14px;

	color: #fff;

	line-height: 28px;

	max-height: 308px;

	padding: 8px;

}



.abo-seven {

	padding: 50px 0 0;

	background: #fff;

}



.abo7-list img {

	display: block;

	width: 100%;

}



.abo7-list li {

	border: 2px solid #737696;

	width: 24.25%;

	margin-right: 1%;

	margin-bottom: 1%;

	text-align: center;

	float: left;

	min-height: 100px;

	position: relative;

}



.abo7-list li p {

	font-size: 18px;

	color: #333;

	position: absolute;

	left: 0;

	top: 50%;

	transform: translateY(-50%);

	padding: 0 15px;

	line-height: 28px;

	width: 100%;

}



.abo7-list li:nth-child(4n) {

	margin-right: 0;

}



.abo-eight {

	padding: 70px 0 30px;

	background: #fff;

}



.abo8-list {

	margin-bottom: 18px;

}



.abo8-item {

	display: flex;

	margin-bottom: 18px;

}



.abo8-item:last-child {

	margin-bottom: 0;

}



.abo8-item .abo8-pic {

	margin-right: 18px;

	overflow: hidden;

}



.abo8-item .abo8-pic:hover img {

	transform: scale(1.1);

}



.abo8-item .abo8-pic:last-child {

	margin-right: 0;

}



.abo8-pic img {

	display: block;

	width: 100%;

	transition: all 0.4s;

}



.btn-up {

	background: url(../images/img20.png) no-repeat center;

	transform: rotate(180deg);

	bottom: -5px;

}



.btn-down {

	bottom: -18px;

}



/* 新闻列表 */



.news-box {

	padding-top: 90px;

	border-bottom: 1px solid #dcdddd;

}



.news-list {

	padding: 75px 0 70px;

}



.news-list ul li {

	width: 31%;

	float: left;

	margin-right: 3.5%;

	margin-bottom: 45px;

}



.news-list ul li:hover .news-desc p {

	color: #1e94b8;

}



.news-list ul li:hover .news-desc span {

	background: #1e94b8;

}



.news-list ul li:nth-child(3n) {

	margin-right: 0;

}



.news-pic {

	overflow: hidden;

}



.news-pic img {

	display: block;

	width: 100%;

	transition: all 0.4s;

}



.news-desc p {

	font-size: 16px;

	color: #3e3a39;

	text-align: center;

	line-height: 26px;

	transition: all 0.4s;

}



.news-desc p.p-tit {

	overflow: hidden;

	text-overflow: ellipsis;

	white-space: nowrap;

}



.news-desc {

	padding: 20px 0 0;

}



.news-desc span {

	display: block;

	width: 50%;

	height: 1px;

	background: #070404;

	margin: 5px auto 0;

	transition: all 0.4s;

}



.news-list ul li:hover .news-pic img {

	transform: scale(1.1);

}



.newsxq-lf {

	width: 50%;

}



.newsxq-swiper {

	overflow: hidden;

	position: relative;

}



.newsxq-swiper .swiper-slide img {

	display: block;

	width: 100%;

}



.newsxq-swiper .swiper-pagination {

	bottom: 40px;

}



.newsxq-rt {

	width: 45.5%;
	

}



.newsxq-rt .casexq-return{

	margin-top: 30px;

}



.newsxq-rt h3 {

	font-size: 26px;

	color: #4c4948;

	line-height: 32px;

}



.newsxq-rt p {

	font-size: 16px;

	color: #666;

	line-height: 26px;

}

.newsxq-rt p span,.newsxq-rt p a{color: #666;}

.news-xqtit {

	margin-bottom: 30px;

}



.newsxq-rt p {

	max-height: 312px;

	padding-right: 8px;

}



/* 分页 */



.page {

	text-align: center;

	margin-top: 60px;

}



.page a {

	display: inline-block;

	width: 50px;

	height: 50px;

	line-height: 50px;

	text-align: center;

	color: #333;

	font-size: 18px;

	background: transparent;

	vertical-align: middle;

	border: 1px solid #6b6b6b;

	margin: 0 12px;

}



.page a.page-prev, .page a.page-next {

	border-color: transparent;

	width: auto;

	padding: 0 20px;

}



.page a.page-prev {

	margin-right: 55px;

}



.page a.page-next {

	margin-left: 55px;

}



.page a .icon-left {

	margin-right: 30px;

}



.page a .icon-right {

	margin-left: 30px;

}



.page a:hover, .page a.on {

	color: #fff;

	background: #29166f;

	border-color: transparent;

}



.page a:hover i, .page a.on i {

	color: #fff;

}



.case-list li {

	width: 33%;

	float: left;

	margin-right: 0.5%;

	margin-bottom: 0.5%;

	position: relative;

}



.case-list li:hover .case-desc span {

	color: #fff;

	background: #26196b;

	border-color: transparent;

}



.case-list li:nth-child(3n) {

	margin-right: 0;

}



.case-pic {

	height: 638px;

	overflow: hidden;

}



.case-pic img {

	display: block;

	width: 100%;

	height: 100%;

	transition: all 0.4s;

}



.case-desc {

	position: absolute;

	left: 0;

	top: 50%;

	width: 100%;

	text-align: center;

	transform: translateY(-50%);

}



.case-desc p {

	font-size: 38px;

	color: #fefefe;

	line-height: 54px;

}



.case-box {

	border-bottom: none;

}



.case-desc span {

	display: inline-block;

	border: 1px solid #fefefe;

	font-size: 22px;

	color: #fefefe;

	padding: 10px 15px;

	margin-top: 16px;

	transition: all 0.4s;

}



.case-list li:hover .case-pic img {

	transform: scale(1.1);

}



.casexq-swiper {

	position: relative;

	overflow: hidden;

}



.case-xq {

	padding: 40px 0;

}



.casexq-tit {

	font-size: 50px;

	color: #3d3a39;

	text-align: center;

	margin-bottom: 60px;

}



.casexq-swiper .swiper-button-next, .casexq-swiper .swiper-button-prev {

	background-image: none;

	color: #fff;

	font-size: 48px;

	width: 50px;

	text-align: center;

}



.casexq-mid-desc p {

	font-size: 28px;

	color: #595757;

	line-height: 42px;

}



.casexq-mid {

	padding: 80px;

}



.casexq-more span {

	font-size: 16px;

	color: #3d3a39;

	padding-top: 12px;

	position: relative;

	margin-bottom: 18px;

	display: inline-block;

	display: none;

}



.casexq-more span:before {

	content: '';

	width: 100%;

	height: 1px;

	background: #040000;

	position: absolute;

	top: 0;

	left: 0;

	display: none;

}



.casexq-moreList a {

	display: inline-block;

	color: #1e94b8;

	font-size: 18px;

	margin-right: 8%;

	transition: all 0.4s;

}



.casexq-moreList a:hover {

	color: #26196b;

}



.casexq-return a {

	font-size: 18px;

	color: #1e94b8;

	border: 2px solid #1e94b8;

	display: inline-block;

	padding: 10px 25px;

	transition: all 0.4s;

}



.casexq-return a:hover {

	color: #fff;

	background: #26196b;

	border-color: transparent;

}



.casexq-return a i {

	display: inline-block;

	width: 15px;

	height: 18px;

	background: url('../images/img60.png') no-repeat center;

	margin-right: 5px;

	vertical-align: middle;

}



.casexq-moreList a:last-child {

	margin-right: 0;

}



.casexq-more {

	margin-top: 70px;

}



.casexq-swiper .swiper-slide img {
  max-height: 500px;
  object-fit: cover;
	display: block;

	width: 100%;

}



/* 服务页面 */



.ser-one {

	padding: 80px 0 0;

}



.ser1-box {

	padding: 100px 0 80px;

	background: #29216f;

}



@keyframes breathe {

	0% {

		opacity: .5;

		box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.1);

	}

	100% {

		opacity: 1;

		border: 1px solid #4233c0;

		box-shadow: inset 0 1px 100px rgba(66, 46, 227, .55);

	}

}



@-webkit-keyframes breathe {

	0% {

		opacity: .5;

		box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.1);

	}

	100% {

		opacity: 1;

		border: 1px solid #4233c0;

		box-shadow: inset 0 1px 100px rgba(66, 46, 227, .55);

	}

}



.ser1-item {

	width: 50%;

	float: left;

	height: 750px;

	border: 2px solid #4233c0;

	border-radius: 50%;

	box-shadow: inset 0 1px 2px 30px rgba(66, 46, 227, .35);

	overflow: hidden;

	background-repeat: no-repeat;

	background-position: center;

	background-size: 78%;

}



.ser1-item1 {

	/* background-image: url('../images/img61.png'); */

	-webkit-animation-timing-function: ease-in-out;

	-webkit-animation-name: breathe;

	-webkit-animation-duration: 2000ms;

	-webkit-animation-iteration-count: infinite;

	-webkit-animation-direction: alternate;

}



.ser1-item1 img {

	display: block;

	width: 80%;

	margin: 7.4% auto;

	animation: earth 5s linear infinite;

	-webkit-animation: earth 5s linear infinite;

	-webkit-transform-origin: 50% 50%;

	-moz-transform-origin: 50% 50%;

	-ms-transform-origin: 50% 50%;

	-o-transform-origin: 50% 50%;

	transform-origin: 50% 50%;

}



.ser1-item2 {

	position: relative;

	-webkit-animation-timing-function: ease-in-out;

	-webkit-animation-name: breathe;

	-webkit-animation-duration: 2500ms;

	-webkit-animation-iteration-count: infinite;

	-webkit-animation-direction: alternate;

}



.ser1-item2-desc {

	position: absolute;

	left: 50%;

	top: 50%;

	transform: translate(-50%, -50%);

	min-width: 435px;

}



.ser1-item2 h3 {

	font-size: 32px;

	color: #fefefe;

	margin-bottom: 25px;

	font-weight: lighter;

}



.ser1-item2 p {

	font-size: 20px;

	color: #fefefe;

	line-height: 36px;

}



.ser1-item2 p span {

	font-size: 30px;

	color: #1f9ede;

	font-weight: lighter;

}



.ser1-itembox {

	padding: 140px 0;

	background: url('../images/img62.png') no-repeat center;

	background-size: contain;

}



.ser1-itemAPP img {

	display: block;

	width: 100%;

}



.ser1-itemAPP {

	display: none;

}



.ser-two {

	padding-top: 100px;

}



.ser2-item img {

	display: block;

	width: 100%;

}



.ser2-item {

	display: none;

}



.ser2-item.on1 {

	display: block;

}



.ser2-nav li a {

	font-size: 40px;

	color: #221815;

	font-weight: lighter;

	padding-bottom: 15px;

	position: relative;

}



.ser2-nav li a:after {

	content: '';

	width: 0;

	height: 1px;

	background: #1f9ede;

	position: absolute;

	left: 50%;

	bottom: 0;

	transform: translateX(-50%);

	transition: all 0.4s;

}



.ser2-nav li.on a:after {

	width: 100%;

}



.ser2-nav ul {

	display: flex;

}



.ser2-nav li {

	flex: 1;

	text-align: center;

}



.ser2-nav {

	margin-bottom: 80px;

}



.ser-three {

	padding: 95px 0 100px;

}



.ser-three .abo-tit h3 {

	line-height: 45px;

}



.ser3-box img {

	display: block;

	margin: 0 auto;

}



.ser6-box img {

	display: block;

	width: 100%;

	margin: 0 auto;

}



.ser-six {

	padding-top: 0;

}



.ser-seven {

	padding: 0 0;

	overflow: hidden;

}



.abo-tit h5 {

	font-size: 16px;

	color: #221815;

	line-height: 36px;

	text-align: left;

}



.ser7-con .abo-tit h3 {

	margin-bottom: 25px;

}



.ser7-box .cosmos {

	position: relative;

	background: url('../images/img67.jpg') no-repeat center;

	background-size: contain;

	height: 1120px;

}



.con_bg {

	height: 100%;

	position: relative;

}



.cicle-item {

	width: 100px;

	height: 100px;

	border-radius: 50%;

}



.cicle-item p {

	font-size: 16px;

	color: #fff;

}



.box1 .orbit::after, .box1 .orbit::before {

	display: none;

}



.box1 .orbit {

	border: none;

}



.box3 .orbit::after, .box3 .orbit::before {

	display: none;

}



.box3 .orbit {

	border: none;

}



.box4 .orbit::after, .box4 .orbit::before {

	display: none;

}



.box4 .orbit {

	border: none;

}



.box6 .orbit::after, .box6 .orbit::before {

	display: none;

}



.box6 .orbit {

	border: none;

}



.box8 .orbit::after, .box8 .orbit::before {

	display: none;

}



.box8 .orbit {

	border: none;

}



.box .orbit::after, .box .orbit::before {

	display: none;

}



.box .orbit {

	border-color: #fff;

	border-width: 2px !important;

}



.earth-img {

	width: 390px;

	height: 390px;

	left: -241px;

	top: -350px;

}

@media(max-width:1600px){

	.ser7-box .cosmos {

    height: 888px;

}



}

@media(max-width:1460px){

	.earth-img{

	width: 305px;

	height: 305px;

	left: -187px;

	top: -283px;

}

.ser7-box .cosmos {

	height: 720px;

}



}



@media(max-width:1260px){

	.earth-img {

    width: 230px;

    height: 230px;

    left: -140px;

    top: -213px;

}

.ser7-box .cosmos {

	height: 632px;

}

}





.earth-img img {

	display: block;

	width: 100%;

	animation: earth 5s linear infinite;

	-webkit-animation: earth 5s linear infinite;

	-webkit-transform-origin: 50% 50%;

	-moz-transform-origin: 50% 50%;

	-ms-transform-origin: 50% 50%;

	-o-transform-origin: 50% 50%;

	transform-origin: 50% 50%;

}



.earth-img p {

	font-size: 20px;

	color: #fff;

	position: absolute;

	text-align: center;

	line-height: 30px;

}



.ser7-app {

	display: none;

}



.ser7-app img {

	display: block;

	width: 100%;

}



@keyframes earth {

	from {

		transform: rotate(0deg);

		-webkit-transform: rotate(0deg);

		-moz-transform: rotate(0deg);

		-ms-transform: rotate(0deg);

		-o-transform: rotate(0deg);

	}

	to {

		transform: rotate(360deg);

		-webkit-transform: rotate(360deg);

		-moz-transform: rotate(360deg);

		-ms-transform: rotate(360deg);

		-o-transform: rotate(360deg);

	}

}



@-webkit-keyframes earth {

	from {

		transform: rotate(0deg);

		-webkit-transform: rotate(0deg);

		-moz-transform: rotate(0deg);

		-ms-transform: rotate(0deg);

		-o-transform: rotate(0deg);

	}

	to {

		transform: rotate(360deg);

		-webkit-transform: rotate(360deg);

		-moz-transform: rotate(360deg);

		-ms-transform: rotate(360deg);

		-o-transform: rotate(360deg);

	}

}



.ser-eight {

	padding-top: 100px;

}



.ser8-list li {

	width: 16.666%;

	float: left;

	position: relative;

	z-index: 1;

	height: 212px;

}



.ser8-list li:after {

	content: '';

	width: 100%;

	height: 0;

	background: rgba(38, 25, 107, 0.3);

	position: absolute;

	left: 0;

	bottom: 0;

	transition: all 0.4s;

	z-index: 1;

}



.ser8-pic img {

	display: block;

	width: 100%;

	height: 100%

}



.ser8-pic {

	height: 100%;

	width: 100%;

}



.ser8-list li p {

	font-size: 24px;

	color: #fff;

	position: absolute;

	bottom: 0;

	left: 0;

	width: 100%;

	padding: 10px 20px;

	text-align: right;

	transition: all 0.4s;

	overflow: hidden;

	text-overflow: ellipsis;

	white-space: nowrap;

	z-index: 2;

}



/* .ser8-list li:hover p {

	bottom: 40%;

	text-align: center;

}



.ser8-list li:hover:after {

	height: 100%;

} */



.ser-nine {

	padding: 90px 0 0;

}



.ser9-desc {

	margin-bottom: 55px;

}



.ser9-desc h5, .ser9-desc p {

	font-size: 24px;

	color: #221815;

	text-align: center;

	line-height: 50px;

}



.ser9-desc p {

	font-weight: lighter;

}



.ser-nine .abo-tit {

	margin-bottom: 30px;

}



.ser9-list li {

	width: 33.33%;

	float: left;

}



.ser9-pic {

	overflow: hidden;

}



.ser9-pic img {

	display: block;

	width: 100%;

	transition: all 0.4s;

}



.ser9-list li:hover .ser9-pic img {

	transform: scale(1.1);

}



.ser-ten {

	padding: 100px 0 0;

}



.ser10-con .abo-tit h4 {

	font-size: 20px;

	margin-top: 30px;

}



.ser10-box img {

	display: block;

	margin: 0 auto;

}



@keyframes rotateIn1 {

	from {

		-webkit-transform: rotate(0);

	}

	to {

		-webkit-transform: rotate(360deg)

	}

}



@-webkit-keyframes rotateIn1 {

	from {

		-webkit-transform: rotate(0)

	}

	to {

		-webkit-transform: rotate(360deg)

	}

}



.ny-banBox {

	position: absolute;

	left: 0;

	top: 0;

	width: 100%;

	height: 100%;

}



.ny-banBox .wrap {

	height: 100%;

}



.ny-banInfo img {

	position: absolute;

	top: 5%;

}



.ny-banInfo {

	position: relative;

	width: 55%;

	height: 100%;

	left: 3%;

}



.ny-banInfo img.img1 {

	left: 30%;

	top: 33%;

	width: 187px;

	animation: rotateIn1 3.5s ease 0s infinite both;

	-webkit-animation: rotateIn1 3.5s ease 0s infinite both;

}



.ny-banInfo img.img2 {

	left: 15%;

	top: 15.3%;

	width: 468px;

	animation: rotateIn1 5s ease 0s infinite both;

	-webkit-animation: rotateIn1 5s ease 0s infinite both;

}



.ny-banInfo img.img3 {

	left: 0;

	width: 682px;

	animation: rotateIn1 12s ease 0s infinite both;

	-webkit-animation: rotateIn1 12s ease 0s infinite both;

}



.ny-banInfo ul li {

	font-size: 26px;

	color: #fff;

	position: absolute;

}



.ny-banInfo ul li:nth-child(1) {

	top: 11%;

	left: 0;

	animation: text_animate 1s infinite;

	-webkit-animation: text_animate 1s infinite;

}



.ny-banInfo ul li:nth-child(2) {

	top: 25%;

	left: -15%;

	animation: text_animate 1s infinite;

	-webkit-animation: text_animate 2s infinite;

}



.ny-banInfo ul li:nth-child(3) {

	top: 42%;

	left: -19%;

	animation: text_animate 1s infinite;

	-webkit-animation: text_animate 3s infinite;

}



.ny-banInfo ul li:nth-child(4) {

	top: 59%;

	left: -15%;

	animation: text_animate 1s infinite;

	-webkit-animation: text_animate 2s infinite;

}



.ny-banInfo ul li:nth-child(5) {

	top: 73%;

	left: -4%;

	animation: text_animate 1s infinite;

	-webkit-animation: text_animate 1s infinite;

}



@keyframes text_animate {

	0% {

		transform: translate(0px, 0px);

		-webkit-transform: translate(0px, 0px);

		-moz-transform: translate(0px, 0px);

		-ms-transform: translate(0px, 0px);

		-o-transform: translate(0px, 0px);

	}

	50% {

		transform: translate(-10px, 0);

		-webkit-transform: translate(-10px, 0);

		-moz-transform: translate(-10px, 0);

		-ms-transform: translate(-10px, 0);

		-o-transform: translate(-10px, 0);

	}

	100% {

		transform: translate(0px, 0px);

		-webkit-transform: translate(0px, 0px);

		-moz-transform: translate(0px, 0px);

		-ms-transform: translate(0px, 0px);

		-o-transform: translate(0px, 0px);

	}

}



.ser4-box {

	background: url('../images/img96.jpg') no-repeat center;

	background-size: cover;

	padding: 50px 0;

	overflow: hidden;

}



.ser4-boxIn {

	position: relative;

}



.ser4-lrt {

	margin-left: 492px;

}



.ser4-lrt li span {

	display: inline-block;

	width: 106px;

	height: 106px;

	border-radius: 8px;

	-webkit-border-radius: 8px;

	-moz-border-radius: 8px;

	-ms-border-radius: 8px;

	-o-border-radius: 8px;

	background: #1f9ede;

	font-size: 30px;

	color: #fff;

	font-weight: lighter;

	text-align: center;

	line-height: 106px;

	vertical-align: middle;

}



.ser4-lrt li p {

	font-size: 28px;

	color: #fff;

	font-weight: lighter;

	display: inline-block;

	vertical-align: middle;

	margin-left: 14px;

}



.ser4-lrt li {

	margin-bottom: 50px;

}



.ser4-llf {

	margin-top: 42px;

	margin-right: 5px;

	width: 0;

	height: 800px;

	position: relative;

	background: url(../images/img97.png) no-repeat center;

	background-size: cover;

	transition: all 2s;

	-webkit-transition: all 2s;

	-moz-transition: all 2s;

	-ms-transition: all 2s;

	-o-transition: all 2s;

	position: absolute;

	left: 0;

	top: 0;

}



.sec.is-visible .ser4-llf {

	width: 484px;

}



.ser4-rt ul li {

	font-size: 28px;

	color: #fff;

	font-weight: lighter;

	margin-bottom: 113px;

}



.ser4-rt ul li:last-child {

	margin-bottom: 0;

}



.ser4-rt ul {

	max-width: 300px;

	margin-top: 50px

}



.ser4-lb {

	position: absolute;

	left: 50%;

	top: 6%;

	background: url(../images/img98.png) no-repeat center;

	width: 0;

	height: 625px;

	background-size: cover;

	transition: all 3.4s;

	-webkit-transition: all 3.4s;

	-moz-transition: all 3.4s;

	-ms-transition: all 3.4s;

	-o-transition: all 3.4s;

}



.ser4-lw {

	position: absolute;

	left: 51%;

	bottom: 8%;

	background: url(../images/img99.png) no-repeat center;

	width: 0;

	height: 610px;

	background-size: cover;

	transition: all 5s;

	-webkit-transition: all 5s;

	-moz-transition: all 5s;

	-ms-transition: all 5s;

	-o-transition: all 5s;

}



.sec.is-visible .ser4-lb {

	width: 460px;

}



.sec.is-visible .ser4-lw {

	width: 445px;

}



.ser4-lrt li:last-child {

	margin-bottom: 0;

}



.in_app, .ser4-app {

	display: none !important;

}



.ser4-app img {

	display: block;

	width: 100%;

}



/* 联系我们 */



.contact-one {

	padding: 120px 0;

}



.conta-left p {

	font-size: 36px;

	color: #333;

	margin-top: 50%;

}



.conta-right {

	width: 100%;

}



.conta-right li {

	width: 24.25%;

	margin-right: 1%;

	float: left;

	border: 1px solid #e5e5e5;

	min-height: 220px;

	text-align: center;

	padding: 3% 2% 0;

	margin-bottom: 2%;

	;

}



.conta-right li:nth-child(4) {

	margin-right: 0;

}



.conta-right li h3 {

	font-size: 18px;

	color: #333;

	margin-bottom: 20px;

}



.conta-right li p {

	font-size: 14px;

	color: #666;

	line-height: 22px;

}



.conta-right li .conta1-pic {

	margin-bottom: 16px;

}



.contact-two {

	overflow: hidden;

}



.contact-two img {

	display: block;

	width: 100%;

}



.conta1-pic {

	transition: all 0.4s;

}



.conta-right li:hover .conta1-pic {

	transform: translateY(-10px);

}



@media (max-width: 1680px) {

	.abo6-desc p {

		max-height: 260px;

	}

	.abo6-desc {

		padding: 5% 35px 10px;

	}

	.case-pic {

		height: 548px;

	}

	.ser1-item {

		height: 600px;

	}

	.ser3-box img {

		width: 100%;

	}

	.ser8-list li {

		height: 185.6px;

	}

	.ser8-list li p {

		font-size: 20px;

	}

	.ny-banInfo img {

		top: 12%;

	}

	.ny-banInfo img.img3 {

		width: 80%;

	}

	.ny-banInfo img.img2 {

		width: 56%;

		top: 20.3%;

	}

	.ny-banInfo img.img1 {

		width: 25%;

		top: 35%;

	}

	.ny-banInfo {

		left: 8%;

	}

	.ny-banInfo ul li:nth-child(1) {

		top: 17%;

		left: -6%;

	}

	.ny-banInfo ul li:nth-child(2) {

		top: 30%;

		left: -19%;

	}

	.ny-banInfo ul li:nth-child(3) {

		top: 45%;

		left: -24%;

	}

	.ny-banInfo ul li:nth-child(4) {

		top: 60%;

		left: -19%;

	}

	.ny-banInfo ul li:nth-child(5) {

		top: 73%;

		left: -9%;

	}

	.sec.is-visible .ser4-llf {

		width: 405px;

		height: 667px;

	}

	.ser4-lrt {

		margin-left: 416px;

	}

	.ser4-lrt li span {

		width: 85px;

		height: 85px;

		line-height: 85px;

		font-size: 24px;

	}

	.ser4-lrt li p {

		font-size: 22px;

	}

	.ser4-rt ul li {

		font-size: 22px;

		margin-bottom: 105px;

	}

	.ser4-rt ul {

		margin-top: 46px;

	}

	.ser4-lw {

		left: 52%;

		bottom: 10%;

	}

	.sec.is-visible .ser4-lw {

		width: 352px;

		height: 470px;

	}

	.sec.is-visible .ser4-lb {

		width: 376px;

		height: 525px;

	}

	.ser4-lb {

		left: 50%;

		top: 8%;

	}

	/* .conta-right li {

		padding: 6% 5%;

	} */

	.conta-left p {

		font-size: 32px;

	}

}



@media (max-width: 1600px) {

	.abo6-desc p {

		max-height: 176px;

	}

	.case-pic {

		height: 478px;

	}

}



@media (max-width: 1459px) {











	.abo-tit h3 {

		font-size: 32px;

	}

	.abo-tit h3 p {

		font-size: 25px;

	}

	.abo-tit h4 {

		font-size: 22px;

	}

	.case-desc p {

		font-size: 30px;

		line-height: 40px;

	}

	.ser2-nav li a {

		font-size: 32px;

	}

	.ser3-box img {

		width: 100%;

	}

	/* .earth-img {

		width: 180px;

		height: 180px;

		left: -85px;

		top: -158px;

	} */

	.ser8-list li {

		height: 155px;

	}

	.ny-banInfo img.img3 {

		width: 66%;

	}

	.ny-banInfo img.img2 {

		width: 44%;

		top: 21.3%;

		left: 13%;

	}

	.ny-banInfo img.img1 {

		width: 19%;

		left: 24%;

	}

}



@media (max-width: 1259px) {

	.abo2-box {

		width: 100%;

	}

	.abo2-cicle {

		padding: 40px;

	}

	.abo2-item3 {

		top: 68%;

		left: 45%;

	}

	.abo4-item {

		margin: 0 3%;

	}

	.abo6-desc p {

		max-height: 120px;

	}

	.case-pic {

		height: 398px;

	}

	.ser1-item {

		height: 485px;

	}

	.ser1-item2 h3 {

		font-size: 26px;

	}

	.ser1-item2 p {

		font-size: 16px;

		max-height: 248px;

		padding-right: 10px;

	}

	.ser1-item2-desc {

		min-width: 280px;

	}

	.ser1-item2 p span {

		font-size: 24px;

	}

	.ser2-nav li a {

		font-size: 28px;

	}

	/* .ser7-box .cosmos {

		height: 600px;

	} */

	.ny-banInfo ul li {

		font-size: 16px;

	}

	.sec.is-visible .ser4-llf {

		width: 310px;

		height: 511px;

	}

	.ser4-lrt {

		margin-left: 320px;

	}

	.ser4-lrt li {

		margin-bottom: 42px;

	}

	.ser4-lrt li span {

		width: 64px;

		height: 64px;

		line-height: 64px;

		font-size: 20px;

	}

	.ser4-lrt li p {

		font-size: 18px;

	}

	.ser4-rt ul li {

		font-size: 18px;

		margin-bottom: 78px;

	}

	.ser4-rt ul {

		margin-top: 30px;

	}

	.ser4-lw {

		left: 52%;

		bottom: 11%;

	}

	.sec.is-visible .ser4-lw {

		width: 270px;

		height: 365px;

	}

	.ser4-lb {

		left: 50%;

		top: 6%;

	}

	.sec.is-visible .ser4-lb {

		width: 300px;

		height: 420px;

	}

}

.app_map{

	/* display: none; */

	/* margin-top: 300px; */

	margin-top: 100px;

}

@media (max-width: 991px) {

	.app_map{

		display: block;

		height: 300px;

		overflow: hidden;

		margin-top: 30px;

	}

	.contact-two{

		display: none;

	}

	.abo-tit h5 {

		font-size: 14px;

		line-height: 28px;

	}

	.abo-one {

		padding: 40px 0 50px;

	}

	.abo1-desc p {

		font-size: 14px;

		line-height: 26px;

		display: none;

	}

	.abo1-desc p:nth-of-type(1), .abo1-desc p:nth-of-type(2) {

		display: block !important;

	}

	.abo1-desc button {

		width: 100px;

		height: 40px;

		border-radius: 40px;

		font-size: 14px;

		display: block;

		margin: 0 auto;

		border: 1px solid #333;

		background: #26196b;

		color: #fff;

	}

	.abo-tit h3 {

		font-size: 22px;

	}

	.abo-tit h3 p {

		font-size: 18px;

		margin-top: 0;

	}

	.abo-tit h4 {

		font-size: 14px;

		margin-top: 15px;

	}

	.abo6-con .abo-tit h4 {

		margin-top: 15px;

	}

	.abo-tit {

		margin-bottom: 15px;

	}

	.abo2-con {

		background-size: contain;

	}

	.abo2-itemDesc h3 {

		font-size: 16px;

	}

	.abo2-cicle {

		padding: 15px;

	}

	.abo2-item1 {

		left: 7%;

	}

	.abo2-item1 .abo2-dot {

		left: 42px;

	}

	.abo2-item2 {

		left: 22%;

	}

	.abo2-item2 .abo2-dot {

		left: 42px;

	}

	.abo2-item3 {

		top: 60%;

		left: 42%;

	}

	.abo2-item3 .abo2-dot {

		left: 72px;

	}

	.abo2-item4 {

		top: 37%;

		right: 3%;

	}

	.abo2-item4 .abo2-dot {

		left: 74px;

	}

	.abo2-itemDesc span {

		display: none;

	}

	.abo2-itemDesc p {

		display: none;

	}

	.abo2-inner {

		border-radius: 50%;

		-webkit-animation-timing-function: none;

		-webkit-animation-name: none;

		-webkit-animation-duration: none;

		-webkit-animation-iteration-count: none;

		-webkit-animation-direction: none;

	}

	.abo2-itemDesc .rq img {

		display: block;

	}

	.abo2-item .rq {

		position: fixed;

		top: 50%;

		left: 50%;

		transform: translate(-50%, -50%);

		width: 100%;

		height: 100%;

		background: rgba(0,0,0,.8);

		z-index: 9999;

		display: none;

		overflow-y: auto;

	}

	.abo2-item.on .rq {

		display: block;

	}

	.abo2-item.on .rq p{

		display: block !important;

	}

	.abo2-item .rq img {

		float: right;

		width: 20px;

		height: 20px;

		margin-top: 10px;

		margin-right: 10px;

	}

	.abo2-item .rq p {

		max-width: 100% !important;

		width: 100%;

		height: auto;

		color: #fff !important;

		font-size: 14px;

		opacity: 1;

		display: block;

		padding: 20px;

		position: absolute;

		top: 40%;

		left: 50%;

		transform: translate(-50%, -50%);

	}

	.abo-three {

		padding: 20px 0 50px;

	}

	.abo3-year {

		font-size: 16px;

	}

	.abo3-desc span {

		font-size: 16px;

		margin-bottom: 18px;

	}

	.abo3-desc p {

		line-height: 24px;

		max-height: 144px;

		text-align: left;

	}

	.abo3-swiper .swiper-slide .abo3-desc {

		height: 176px;

	}

	.abo3-swiper:after {

		top: 48px;

	}

	.abo3-swiper .swiper-slide, .abo3-swiper .swiper-slide.on {

		opacity: 0.5;

		height: auto;

	}

	.abo3-swiper .swiper-slide-active {

		/* opacity: 0.5 !important; */

	}

	.abo2-itemDesc h3 {

		margin: 0px 0 15px;

	}

	.abo3-dot {

		margin: 18px auto;

	}

	.abo-four {

		padding: 40px 0 30px;

	}

	.abo4-item .abo4-tit span {

		font-size: 20px;

	}

	.abo4-item .abo4-desc a {

		font-size: 14px;

		line-height: 30px;

	}

	.abo4-item {

		width: 100%;

		margin: 30px 0;

	}

	.abo4-list {

		display: block;

	}

	.abo4-desc {

		min-height: 30px;

		height: 210px;

	}

	.abo5-box {

		padding: 30px 0;

	}

	.dyt {

		height: 35px;

		border-radius: 35px;

		display: block;

		font-size: 13px;

		color: #fff;

		margin: 0 auto;

		border: 1px solid #fff;

		padding: 0 15px;

		margin-top: 20px;

	}

	.ser6-box .dyt, .ser7-app .dyt {

		/* color: #333;

		border: 1px solid #333; */

		background: #26196b;

		color: #fff;

		border: 1px solid #26196b;

	}

	.ser6-box .dyt:hover, .ser7-box .dyt:hover {

		background: #26196b;

		color: #fff;

		border: 1px solid #26196b;

	}

	.mb {

		display: none;

		position: fixed;

		top: 0;

		left: 0;

		width: 100%;

		height: 100%;

		background: rgba(0, 0, 0, 0.8);

		z-index: 999;

		overflow-x: auto;

	}

	.mb .div {

		width: 1200px;

		height: 100%;

		position: relative;

	}

	.ser6-box .mb .div {

		width: 650px;

	}

	.mb .ig1 {

		width: 95%;

		position: absolute;

		top: 50%;

		left: 50%;

		transform: translate(-50%, -50%);

	}

	.mb .ig2 {

		width: 30px;

		height: 30px;

		position: fixed;

		right: 10px;

		top: 10px;

	}

	.foot-bot .head-rt {

		display: block;

	}

	.foot-bot {

		padding: 20px 0 30px;

	}

	.abo-six {

		padding: 50px 0 40px;

	}

	.abo6-list li {

		width: 100%;

	}

	.abo6-desc {

		padding: 30px 0px 10px;

	}

	.abo-seven {

		padding: 0 0 0;

	}

	.abo-eight {

		padding: 40px 0 20px;

	}

	.abo8-item {

		margin-bottom: 6px;

	}

	.abo8-item .abo8-pic {

		margin-right: 6px;

	}

	.abo8-list {

		margin-bottom: 6px;

	}

	.news-box {

		padding-top: 65px;

	}

	.news-list {

		padding: 40px 15px 30px;

	}

	.news-list ul li {

		width: 100%;

		margin-right: 0;

		margin-bottom: 30px;

	}

	.news-desc p {

		font-size: 14px;

		line-height: 24px;

	}

	.newsxq-lf, .newsxq-rt {

		width: 100%;

	}

	.newsxq-lf {

		margin-bottom: 30px;

	}

	.newsxq-swiper .swiper-pagination {

		bottom: 20px;

	}

	.newsxq-rt h3 {

		font-size: 18px;

		line-height: 26px;

	}

	.news-xqtit {

		margin-bottom: 20px;

	}

	.newsxq-rt p {

		font-size: 14px;

		max-height: 100%;

	}

	.case-list li {

		width: 49.5%;

		margin-right: 0.5%;

	}

	.case-list li:nth-child(2n) {

		margin-right: 0;

	}

	.case-list li:nth-child(3n) {

		margin-right: 0.5%;

	}

	.case-list li:nth-child(6n) {

		margin-right: 0;

	}

	.case-pic {

		height: 413px;

	}

	.case-desc p {

		font-size: 18px;

		line-height: 26px;

	}

	.case-desc span {

		font-size: 14px;

		padding: 5px 8px;

	}

	.casexq-swiper .swiper-button-next, .casexq-swiper .swiper-button-prev {

		font-size: 24px;

	}

	.casexq-tit {

		font-size: 26px;

		margin-bottom: 30px;

	}

	.casexq-mid {

		padding: 30px 0;

	}

	.casexq-mid-desc p {

		font-size: 16px;

		line-height: 25px !important;

	}

	.casexq-moreList a {

		font-size: 14px;

		margin-right: 5%;

	}

	.casexq-more {

		margin-top: 35px;

	}

	.casexq-return a {

		font-size: 16px;

		border-width: 1px;

	}

	.ser-one {

		padding-top: 40px;

	}

	.ser1-itemAPP {

		display: block;

	}

	.ser1-itemPC {

		display: none;

	}

	.ser1-itembox {

		background: none;

		padding: 0;

	}

	.ser1-box {

		padding: 50px 0 40px;

	}

	.ser-two {

		padding-top: 50px;

	}

	.ser2-nav li a {

		font-size: 18px;

		padding-bottom: 8px;

	}

	.ser2-nav {

		margin-bottom: 35px;

	}

	.ser-three .abo-tit h3 {

		line-height: 30px;

	}

	.ser-three {

		padding: 40px 0 0;

	}

	.con_bg {

		display: none;

	}

	.ser7-app {

		display: block;

	}

	.ser-eight {

		padding-top: 50px;

	}

	.ser8-list li p {

		font-size: 16px;

	}

	.ser8-list li {

		width: 50%;

		height: 324px;

	}

	.ser9-desc h5, .ser9-desc p {

		font-size: 16px;

		line-height: 28px;

	}

	.ser9-desc p {

		font-size: 15px;

	}

	.ser9-desc h5 {

		position: relative;

	}

	.ser9-desc h5::before {

		content: "";

		width: 5px;

		height: 5px;

		border-radius: 50%;

		background: rgb(55, 164, 208);

		position: absolute;

		top: 50%;

		left: 36%;

		transform: translateY(-50%);

	}

	.ser9-desc p {

		margin-bottom: 16px;

	}

	.ser-nine .abo-tit {

		margin-bottom: 25px;

	}

	.ser9-desc {

		margin-bottom: 20px;

	}

	.ser-ten {

		padding: 50px 0 0;

	}

	.ser10-con .abo-tit h4 {

		font-size: 14px;

		margin-top: 15px;

		line-height: 24px;

	}

	.ser10-box img {

		width: 100%;

	}

	.ny-banBox {

		/* display: none; */

	}

	.ny-banInfo img {

		top: 24%;

	}

	.ny-banInfo img.img1 {

		width: 101px;

		height: 101px;

		top: 39%;

	}

	.ny-banInfo img.img2 {

		width: 234px;

		height: 234px;

		top: 30.3%;

	}

	.ny-banInfo img.img3 {

		width: 352px;

		height: 352px;

	}

	.in_app, .ser4-app {

		display: block !important;

	}

	.in_pc, .ser4-pc {

		display: none !important;

	}

	.ser4-con .wrap {

		padding: 0;

	}

	.ser4-con .ser4-app {

		display: flex !important;

		justify-content: space-between;

		position: relative;

	}

	.ser4-con .ser4-app .ig1 {

		width: 24%;

		position: absolute;

		top: 43%;

		left: 58%;

		transform: translate(-50%, -50%);

		opacity: 0;

		transition: all 1s 2s;

	}

	.ser4-con .ser4-app .ig2 {

		width: 24%;

		position: absolute;

		top: 59%;

		left: 58%;

		transform: translate(-50%, -50%);

		opacity: 0;

		transition: all 1s 2.5s;

	}

	.ser4-con .ser4-app .lef {

		width: 66%;

		transform: translateX(-50%);

		transition: all 3s;

	}

	.ser4-con .ser4-app .rig {

		width: 34%;

		transform: translateX(150%);

		transition: all 2s;

	}

	.ser4-con .ser4-app .rig img, .ser4-con .ser4-app .lef img {

		width: 100%;

	}

	.sec.is-visible .ser4-app .rig, .sec.is-visible .ser4-app .lef {

		transform: translateX(0%);

	}

	.sec.is-visible .ser4-app .ig1, .sec.is-visible .ser4-app .ig2 {

		opacity: 1;

	}

	.page a {

		width: 30px;

		height: 30px;

		line-height: 30px;

		font-size: 14px;

	}

	.page a {

		margin: 0;

	}

	.page a.page-prev, .page a.page-next {

		padding: 0 5px;

	}

	.page a.page-next {

		margin-left: 10px;

	}

	.page a.page-prev {

		margin-right: 10px;

	}

	.page a .icon-right {

		margin-left: 0;

	}

	.page a .icon-left {

		margin-right: 0;

	}

	.page {

		margin-top: 30px;

	}

	.contact-one {

		padding: 50px 0;

	}

	.conta-left p {

		font-size: 22px;

	}

	.conta-left {

		margin-bottom: 25px;

	}

	.conta-right, .conta-left {

		width: 100%;

		float: none;

	}

	.conta-right li {

		width: 49.5%;

		height: 237px;

		margin-right: 0;

		min-height: auto;

		padding: 8% 5%;

		margin-right: 1%;

	}

	.conta-right li:nth-child(2n){

		margin-right: 0;

	}

	.conta-right li h3 {

		font-size: 16px;

		margin-bottom: 10px;

	}

	.abo7-list li {

		width: 49%;

		margin-right: 2%;

		margin-bottom: 2%;

	}

	.abo7-list li:nth-child(2n) {

		margin-right: 0;

	}

	.abo7-list li p {

		font-size: 14px;

		line-height: 24px;

	}

	.conta-left p {

		margin-top: 0%;

	}

}



.abo3-swiper .swiper-button-next, .abo3-swiper .swiper-button-prev {

	display: none;

}



@media (max-width: 580px) {

	.case-pic {

		height: 205px;

	}

	.case-desc p {

		font-size: 16px;

		line-height: 24px;

	}

	.ser8-list li {

		height: 126px;

	}

	.ser9-list li {

		width: 100%;

	}

	.ser2-nav ul {

		display: flex;

		width: 85%;

		justify-content: space-between;

	}

	.ser2-nav li {

		flex: none;

		text-align: none;

	}

	.abo6-desc p {

		font-size: 13px;

		line-height: 23px;

	}

	.ny-banInfo ul li {

		font-size: 14px;

	}

	.ny-banInfo ul li:nth-child(1) {

		top: 17%;

		left: 2%;

	}

	.ny-banInfo ul li:nth-child(2) {

		top: 30%;

		left: -11%;

	}

	.ny-banInfo ul li:nth-child(3) {

		top: 45%;

		left: -16%;

	}

	.ny-banInfo ul li:nth-child(4) {

		top: 60%;

		left: -11%;

	}

	.ny-banInfo ul li:nth-child(5) {

		top: 73%;

		left: -1%;

	}

	.ny-banInfo img {

		top: 14%;

	}

	.ny-banInfo img.img3 {

		width: 240px;

		height: 240px;

		left: 60px;

	}

	.ny-banInfo img.img2 {

		width: 170px;

		height: 170px;

		top: 20.3%;

		left: 48%;

	}

	.ny-banInfo img.img1 {

		width: 80px;

		height: 80px;

		top: 35%;

		left: 65%;

	}

	/* .abo3-con .swiper-wrapper{

	transform: translate3d(0px, 0px, 0px) !important;

	display: block !important;

}

.abo3-con .swiper-slide{

	width: 90% !important;

	margin: 0 auto !important;

}

.abo3-swiper:after{

	content: none;

} */

	.abo3-swiper .swiper-slide .abo3-desc {

		height: auto;

		width: 80%;

		margin: 0 auto;

	}

	.scrollbar::-webkit-scrollbar {

		width: 3px;

		background-color: #999;

		border-radius: 50px;

	}

	.abo3-dot {

		margin: 23px auto;

	}

	.abo3-desc p {

		max-height: 200px;

	}

	.scrollbar::-webkit-scrollbar-thumb {

		border-radius: 50px;

		background-color: #fff

	}

	.abo3-swiper {

		margin-top: 35px;

	}

	.abo3-swiper .swiper-button-next, .abo3-swiper .swiper-button-prev {

		display: block;

		width: 40px;

		height: 40px;

		background-image: url(../images/jt.png);

		background-size: contain;

		background-repeat: no-repeat;

		top: 18%;

	}

	.abo3-swiper .swiper-button-prev {

		left: 50px;

	}

	.abo3-swiper .swiper-button-next {

		transform: rotate(180deg);

		right: 50px;

	}

	.abo-tit h3 {

		letter-spacing: 2px;

	}

	.conta-right li {

		height: 165px;

		padding: 9% 1%;

}

.conta-right li p {

	font-size: 12px;

}

}



@media (max-width: 375px) {

	.abo6-desc p {

		font-size: 12px;

	}

}



/* 9-22修改 */



@media (max-width: 1366px) {

	.banner .swiper-pagination {

		bottom: 10%;

	}

	.menu span {

		font-size: 15px;

	}

	.in-icon {

		background-size: 100% 100%;

		width: 30px;

		height: 30px;

	}

	.in2-list .in2-desc {

		padding: 30px 30px;

	}

	.in2-list .in2-desc h3 {

		font-size: 20px;

	}

	.in2-list .in2-desc a {

		font-size: 16px;

	}

	.in2-list .in2-desc a:not(:nth-last-child(1)) {

		margin-bottom: 5px;

	}

}



.foot-bot .foot-bot-in p:nth-child(3), .foot-bot .foot-bot-in p:nth-child(4) {

	display: none;

}



.foot-bot .foot-bot-in p:nth-child(4) a:not(:nth-last-child(1)) {

	margin-right: 15px;

}



@media (max-width: 1260px) {

	.in2-list .in2-desc a {

		display: none;

	}

	.in2-list .in2-desc a:nth-child(1), .in2-list .in2-desc a:nth-child(2), .in2-list .in2-desc a:nth-child(3), .in2-list .in2-desc a.more {

		display: block;

	}

}



@media (max-width: 991px) {

	.in2-list .in2-desc a {

		display: block;

		font-size: 14px;

	}

	.in2-list .in2-desc h3 {

		font-size: 16px;

	}

}



@media (max-width: 414px) {

	div.menu {

		width: 135px;

	}

	.link-warp {

		height: 150px;

		overflow-y: auto;

	}

	/* 	

	.in2-list .in2-desc a {

		display: none;

	}

	

	.in2-list .in2-desc a:nth-child(1),

	.in2-list .in2-desc a:nth-child(2),

	.in2-list .in2-desc a:nth-child(3),

	.in2-list .in2-desc a.more{

		display: block;

	} */

	.foot-top {

		padding: 15px 0 10px;

	}

	.foot-nav {

		margin-top: 10px;

	}

	.foot-nav a {

		margin-right: 15px;

		font-size: 12px;

	}

	.foot-bot .foot-bot-in p:nth-child(1), .foot-bot .foot-bot-in p:nth-child(2) {

		display: none;

	}

	.foot-bot .foot-bot-in p:nth-child(3), .foot-bot .foot-bot-in p:nth-child(4) {

		display: block;

	}



	/*.logo {*/

	/*	height: auto;*/

	/*	width: 87%;*/

	/*	margin-top: 6px;*/

	/*	float: right;*/

	/*}*/

	/*.logo img {*/

	/*	display: block;*/

	/*	height: auto;*/

	/*	width: 100%;*/

	/*}*/





}


.ins_case_box {
 
    /*height: auto;*/
    /*display: flex;*/
    /*text-align: center;*/
    /*background: #eeeeee;*/
    /*width: fit-content;*/
    /*border-radius: 100px;*/
    /*justify-content: center;*/
    /*margin: auto;*/
    /*margin-top: 50px;*/
    /*margin-bottom: 40px;*/
    
    
   
    display: flex;
    text-align: center;
    background: #eeeeee;
    width: fit-content;
    border-radius: 100px;
    justify-content: center;
    margin: auto;
    margin-top: 115px;
    margin-bottom: 40px;
    
    height: auto;
    position: fixed;
    top: 0px;
    left: calc(50% - 200px);
    z-index: 11;
    
}
.news_box{
    position: relative;
}

.case-list {
    margin-top: 90px;
    position: relative;
}
.case-list:before{
    position: fixed;
    content: '';
    width: 100%;
    height: 180px;
    left: 0;
    top: 0;
    z-index: 10;
    background-color: #fff;
    
}
.ins_case_box .one {
  /*width: auto;*/
  /*height: 48px;*/
  /*border-radius: 8px;*/
  /*padding: 0 20px;*/
  /*background: #e8e9ea;*/
  /*display: -webkit-box;*/
  /*display: -ms-flexbox;*/
  /*display: -webkit-flex;*/
  /*display: flex;*/
  /*-webkit-box-align: center;*/
  /*-ms-flex-align: center;*/
  /*-webkit-align-items: center;*/
  /*align-items: center;*/
  /*-webkit-box-pack: center;*/
  /*-ms-flex-pack: center;*/
  /*-webkit-justify-content: center;*/
  /*justify-content: center;*/
  /*font-size: 16px;*/
  /*line-height: 1;*/
  /*cursor: pointer;*/
  /*-webkit-transition: all 0.45s ease;*/
  /*-o-transition: all 0.45s ease;*/
  /*transition: all 0.45s ease;*/
  width: auto;
    height: 50px;
    border-radius: 100px;
    padding: 0 40px;
    background: #eeeeee;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    font-size: 16px;
    line-height: 1;
    cursor: pointer;
    -webkit-transition: all 0.45s ease;
    -o-transition: all 0.45s ease;
    transition: all 0.45s ease;
}
.ins_case_box .one:hover{
    color: #26196b;
}

.ins_case_box .one.active {
  /*background: #26196b;*/
  background: #26196b;
   
  
}
.ins_case_box .one:hover a{
    color: #26196b;
}
.ins_case_box .one.active a{color: #FFF;}







/*华汉布局*/
* {
  margin: 0;
  padding: 0;
  -moz-outline: none;
  outline: none;
  -webkit-tap-highlight-color: transparent;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
*::after,
*::before {
  box-sizing: border-box;
}

/* Flex 布局 */
.flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.f_column {
  -webkit-box-orient: vertical;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
}
.f_column_right {
  -webkit-box-orient: vertical;
  -ms-flex-direction: column-reverse;
  -webkit-flex-direction: column-reverse;
  flex-direction: column-reverse;
}
.f_row {
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  -o-flex-direction: row;
  flex-direction: row;
}
.f_row_right {
  -webkit-flex-direction: row-reverse;
  -moz-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  -o-flex-direction: row-reverse;
  flex-direction: row-reverse;
}
.j_center {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.j_end {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
}
.j_start {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
}
.j_justify {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.j_around {
  -moz-justify-content: space-around;
  -webkit-justify-content: space-around;
  justify-content: space-around;
}
.a_start {
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
}
.a_end {
  -webkit-box-align: end;
  -ms-flex-align: end;
  -webkit-align-items: flex-end;
  align-items: flex-end;
}
.a_center {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.a_baseline {
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  -webkit-align-items: baseline;
  align-items: baseline;
}
.a_stretch {
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  -webkit-align-items: stretch;
  align-items: stretch;
}
.a_s_stretch {
  -webkit-box-self: stretch;
  -ms-align-self: stretch;
  -webkit-align-self: stretch;
  align-self: stretch;
}
.a_s_center {
  -webkit-box-self: center;
  -ms-align-self: center;
  -webkit-align-self: center;
  align-self: center;
}
.a_s_end {
  -webkit-box-self: end;
  -ms-align-self: end;
  -webkit-align-self: end;
  align-self: end;
}
.flex_wrap {
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
}
/* 文字超出隐藏 */
.text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
/* 动画 */
.dh {
  -webkit-transition: all 0.45s ease;
  -o-transition: all 0.45s ease;
  transition: all 0.45s ease;
}
/* 动画延迟 */
/* 图片放大 */
/* 旋转 */
.xzx {
  transform: rotateX(180deg);
  -ms-transform: rotateX(180deg);
  -moz-transform: rotateX(180deg);
  -webkit-transform: rotateX(180deg);
  -o-transform: rotateX(180deg);
}
.xzy {
  transform: rotateY(180deg);
  -ms-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  -webkit-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
}
/* 比例 */
.pb {
  width: 100%;
  height: 0;
  padding-bottom: 100%;
  position: relative;
  z-index: 5;
  overflow: hidden;
}
.ab {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 5;
  transition: all 0.45s ease;
  font-size: 0;
  text-align: center;
  overflow: hidden;
}
/* 图片 水平垂直 居中 */
.abimg {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -webkit-transition: all 0.45s ease;
  -o-transition: all 0.45s ease;
  transition: all 0.45s ease;
}
/* 侧边条 */
/* 媒体查询 缩写 */
/* 布局 */
.w1920 {
  width: 100%;
  max-width: 1920px;
  margin: 0 auto;
}
.w1800 {
  width: 100%;
  max-width: 1920px;
  margin: 0 auto;
  padding: 0 60px;
}
.w1720 {
  width: 100%;
  max-width: 1720px;
  margin: 0 auto;
}
.w1680 {
  width: 100%;
  max-width: 1680px;
  margin: 0 auto;
}
.w1640 {
  width: 100%;
  max-width: 1640px;
  margin: 0 auto;
}
.w1600 {
  width: 100%;
  max-width: 1600px;
  margin: 0 auto;
}
.w1560 {
  width: 100%;
  max-width: 1560px;
  margin: 0 auto;
}
.w1500 {
  width: 100%;
  max-width: 1500px;
  margin: 0 auto;
}
.w1440 {
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
}
.w1400 {
  width: 100%;
  max-width: 1400px;
  margin: 0 auto;
}
.w1360 {
  width: 100%;
  max-width: 1360px;
  margin: 0 auto;
}
.w1350 {
  width: 100%;
  max-width: 1350px;
  margin: 0 auto;
}
.w1280 {
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
}
.w1240 {
  width: 100%;
  max-width: 1240px;
  margin: 0 auto;
}
.w1200 {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
}
.w1150 {
  width: 100%;
  max-width: 1150px;
  margin: 0 auto;
}
.pc {
  display: block;
}
.wap,
.mobile {
  display: none;
}
@media (max-width:1840px) {
  .w1720 {
    max-width: 100%;
    padding: 0 60px;
  }
}
@media (max-width:1800px) {
  .w1680 {
    max-width: 100%;
    padding: 0 60px;
  }
}
@media (max-width:1760px) {
  .w1640 {
    max-width: 100%;
    padding: 0 60px;
  }
}
@media (max-width:1720px) {
  .w1600 {
    max-width: 100%;
    padding: 0 60px;
  }
}
@media (max-width:1680px) {
  .w1560 {
    max-width: 100%;
    padding: 0 60px;
  }
}
@media (max-width:1620px) {
  .w1500 {
    max-width: 100%;
    padding: 0 60px;
  }
}
@media (max-width:1560px) {
  .w1440 {
    max-width: 100%;
    padding: 0 60px;
  }
}
@media (max-width:1520px) {
  .w1400 {
    max-width: 100%;
    padding: 0 60px;
  }
}
@media (max-width:1470px) {
  .w1350 {
    max-width: 100%;
    padding: 0 60px;
  }
}
@media (max-width:1400px) {
  .w1280 {
    padding: 0 60px;
  }
}
@media (max-width:1360px) {
  .w1240 {
    padding: 0 60px;
  }
}
@media (max-width:1320px) {
  .w1200 {
    max-width: 100%;
    padding: 0 60px;
  }
}
@media (max-width:1270px) {
  .w1150 {
    max-width: 100%;
    padding: 0 60px;
  }
}
@media (max-width:1024px) {
  .w1800,
  .w1720,
  .w1680,
  .w1640,
  .w1560,
  .w1500,
  .w1440,
  .w1400,
  .w1350,
  .w1280,
  .w1240,
  .w1200,
  .w1150 {
    padding: 0 30px;
  }
}
@media (max-width:990px) {
  .w1800,
  .w1720,
  .w1680,
  .w1640,
  .w1600,
  .w1560,
  .w1500,
  .w1440,
  .w1400,
  .w1350,
  .w1280,
  .w1240,
  .w1200,
  .w1150 {
    padding: 0 20px;
  }
  .pc {
    display: none;
  }
  .wap,
  .mobile {
    display: block;
  }
}



:root {
  /* 导航高度 */
  --header-height: 100px;
  /* 动画 */
  --ani: 0.5s ease;
  /* 颜色 */
  --header-color: #000000;
  --text-color: #ffffff;
  --light-purple: #33398A;
  --deep-purple: #031647;
  --border-color: #D6D6D6;
  --bg-color: #F7F7F7;
  --black-text: #0A1424;
  --color-active: #33398A;
  --color-white: #fff;
  --color-black: #282828;
  --color-gray-f6: #f6f6f6;
  --color-gray-f4: #f4f4f4;
  --color-gray-eee: #eee;
  --color-gray-ddd: #ddd;
  --color-gray-bbb: #bbb;
  --color-gray-999: #999;
  --color-gray-666: #666;
  --color-gray-444: #444;
  --color-gray-333: #333;
  --neutral-color: #F0F1F1;
  /* 栅格 */
  --grid-column: 32;
  /* 字号 1280px ~ 1800px */
  /* 42px ~ 62px */
  --font62: clamp(2.625rem, calc(-0.452rem + 3.85vw), 3.875rem);
  /* 40px ~ 60px */
  --font60: clamp(2.5rem, calc(-0.577rem + 3.85vw), 3.75rem);
  /* 38px ~ 52px */
  --font52: clamp(2.375rem, calc(0.221rem + 2.69vw), 3.25rem);
  /* 36px ~ 50px */
  --font50: clamp(2.25rem, calc(0.096rem + 2.69vw), 3.125rem);
  /* 32px ~ 48px */
  --font48: clamp(2rem, calc(-0.462rem + 3.08vw), 3rem);
  /* 31px ~ 46px */
  --font46: clamp(1.938rem, calc(-0.37rem + 2.88vw), 2.875rem);
  /* 29px ~ 44px */
  --font44: clamp(1.813rem, calc(-0.495rem + 2.88vw), 2.75rem);
  /* 28px ~ 42px */
  --font42: clamp(1.75rem, calc(-0.404rem + 2.69vw), 2.625rem);
  /* 27px ~ 40px */
  --font40: clamp(1.688rem, calc(-0.313rem + 2.5vw), 2.5rem);
  /* 25px ~ 38px */
  --font38: clamp(1.563rem, calc(-0.438rem + 2.5vw), 2.375rem);
  /* 24px ~ 36px */
  --font36: clamp(1.5rem, calc(-0.346rem + 2.31vw), 2.25rem);
  /* 23px ~ 34px */
  --font34: clamp(1.438rem, calc(-0.255rem + 2.12vw), 2.125rem);
  /* 21px ~ 32px */
  --font32: clamp(1.313rem, calc(-0.38rem + 2.12vw), 2rem);
  /* 20px ~ 30px */
  --font30: clamp(1.25rem, calc(-0.288rem + 1.92vw), 1.875rem);
  /* 19px ~ 28px */
  --font28: clamp(1.188rem, calc(-0.197rem + 1.73vw), 1.75rem);
  /* 18px ~ 26px */
  --font26: clamp(1.125rem, calc(-0.106rem + 1.54vw), 1.625rem);
  /* 17px ~ 24px */
  --font24: clamp(1.063rem, calc(-0.014rem + 1.35vw), 1.5rem);
  /* 16px ~ 22px */
  --font22: clamp(1rem, calc(0.077rem + 1.15vw), 1.375rem);
  /* 15px ~ 20px */
  --font20: clamp(0.938rem, calc(0.168rem + 0.96vw), 1.25rem);
  /* 14px ~ 18px */
  --font18: clamp(0.875rem, calc(0.26rem + 0.77vw), 1.125rem);
  /* 14px ~ 17px */
  --font17: clamp(0.875rem, calc(0.413rem + 0.58vw), 1.063rem);
  /* 13px ~ 16px */
  --font16: clamp(0.813rem, calc(0.351rem + 0.58vw), 1rem);
  /* 12px ~ 14px */
  --font14: clamp(0.75rem, calc(0.442rem + 0.38vw), 0.875rem);
  /* 间距 */
  --spacing-190: clamp(8rem, calc(-1.538rem + 11.92vw), 11.875rem);
  --spacing-180: clamp(7.5rem, calc(-1.731rem + 11.54vw), 11.25rem);
  --spacing-170: clamp(6.875rem, calc(-2.356rem + 11.54vw), 10.625rem);
  --spacing-160: clamp(6.625rem, calc(-1.683rem + 10.38vw), 10rem);
  --spacing-150: clamp(6.25rem, calc(-1.442rem + 9.62vw), 9.375rem);
  --spacing-140: clamp(5.625rem, calc(-0.625rem + 7.81vw), 8.75rem);
  --spacing-120: clamp(5rem, calc(-1.154rem + 7.69vw), 7.5rem);
  --spacing-100: clamp(4.125rem, calc(-1.106rem + 6.54vw), 6.25rem);
  --spacing-80: clamp(2.5rem, calc(-3.654rem + 7.69vw), 5rem);
  --spacing-70: clamp(2.25rem, calc(-2.981rem + 6.54vw), 4.375rem);
  --spacing-60: clamp(1.875rem, calc(-2.74rem + 5.77vw), 3.75rem);
  --spacing-50: clamp(1.625rem, calc(-2.067rem + 4.62vw), 3.125rem);
  --spacing-40: clamp(1.25rem, calc(-1.827rem + 3.85vw), 2.5rem);
  --spacing-30: clamp(1.25rem, calc(-0.288rem + 1.92vw), 1.875rem);
  --spacing-20: clamp(0.875rem, calc(-0.048rem + 1.15vw), 1.25rem);
  /* 圆角 */
  --border-radius20: clamp(0.625rem, calc(-0.089rem + 1.12vw), 1.25rem);
  --border-radius18: clamp(0.625rem, calc(0.054rem + 0.89vw), 1.125rem);
  --border-radius16: clamp(0.5rem, calc(-0.071rem + 0.89vw), 1rem);
  --border-radius14: clamp(0.313rem, calc(-0.33rem + 1vw), 0.875rem);
  --border-radius12: clamp(0.313rem, calc(-0.188rem + 0.78vw), 0.75rem);
  --border-radius10: clamp(0.313rem, calc(-0.045rem + 0.56vw), 0.625rem);
  /* 数值 */
  /* 70px ~ 310px */
  --num_310: clamp(4.375rem, calc(-32.548rem + 46.15vw), 19.375rem);
  /* 70px ~ 300px */
  --num_300: clamp(4.375rem, calc(-31.010rem + 44.23vw), 18.75rem);
  /* 70px ~ 230px */
  --num_230: clamp(4.375rem, calc(-20.240rem + 30.77vw), 14.375rem);
  /* 70px ~ 220px */
  --num_220: clamp(4.375rem, calc(-18.702rem + 28.85vw), 13.75rem);
  /* 70px ~ 210px */
  --num_210: clamp(4.375rem, calc(-17.163rem + 26.92vw), 13.125rem);
  /* 70px ~ 200px */
  --num_200: clamp(4.375rem, calc(-15.625rem + 25.00vw), 12.5rem);
  /* 70px ~ 190px */
  --num_190: clamp(4.375rem, calc(-14.087rem + 23.08vw), 11.875rem);
  /* 70px ~ 180px */
  --num_180: clamp(4.375rem, calc(-12.548rem + 21.15vw), 11.25rem);
  /* 70px ~ 170px */
  --num_170: clamp(4.375rem, calc(-11.010rem + 19.23vw), 10.625rem);
  /* 70px ~ 160px */
  --num_160: clamp(4.375rem, calc(-9.4710rem + 17.31vw), 10rem);
  /* 70px ~ 150px */
  --num_150: clamp(4.375rem, calc(-7.9330rem + 15.38vw), 9.375rem);
  /* 70px ~ 140px */
  --num_140: clamp(4.375rem, calc(-6.3940rem + 13.46vw), 8.75rem);
  /* 65px ~ 130px */
  --num_130: clamp(4.063rem, calc(-5.9380rem + 12.50vw), 8.125rem);
  /* 60px ~ 120px */
  --num_120: clamp(3.75rem, calc(-5.4810rem + 11.54vw), 7.5rem);
  /* 55px ~ 110px */
  --num_110: clamp(3.438rem, calc(-5.0240rem + 10.58vw), 6.875rem);
  /* 50px ~ 105px */
  --num_105: clamp(3.125rem, calc(-5.3370rem + 10.58vw), 6.563rem);
  /* 50px ~ 100px */
  --num_100: clamp(3.125rem, calc(-4.5670rem + 9.620vw), 6.25rem);
  /* 45px ~ 95px */
  --num_95: clamp(2.813rem, calc(-4.880rem + 9.62vw), 5.938rem);
  /* 45px ~ 90px */
  --num_90: clamp(2.813rem, calc(-4.111rem + 8.65vw), 5.625rem);
  /* 40px ~ 85px */
  --num_85: clamp(2.5rem, calc(-4.423rem + 8.65vw), 5.313rem);
  /* 40px ~ 80px */
  --num_80: clamp(2.5rem, calc(-3.654rem + 7.69vw), 5rem);
  /* 35px ~ 75px */
  --num_75: clamp(2.188rem, calc(-3.966rem + 7.69vw), 4.688rem);
  /* 35px ~ 70px */
  --num_70: clamp(2.188rem, calc(-3.197rem + 6.73vw), 4.375rem);
  /* 30px ~ 65px */
  --num_65: clamp(1.875rem, calc(-3.510rem + 6.73vw), 4.063rem);
  /* 30px ~ 60px */
  --num_60: clamp(1.875rem, calc(-2.740rem + 5.77vw), 3.75rem);
  /* 25px ~ 55px */
  --num_55: clamp(1.563rem, calc(-3.053rem + 5.77vw), 3.438rem);
  /* 25px ~ 50px */
  --num_50: clamp(1.563rem, calc(-2.284rem + 4.81vw), 3.125rem);
  /* 20px ~ 45px */
  --num_45: clamp(1.25rem, calc(-2.596rem + 4.81vw), 2.813rem);
  /* 20px ~ 40px */
  --num_40: clamp(1.25rem, calc(-1.827rem + 3.85vw), 2.5rem);
  /* 15px ~ 35px */
  --num_35: clamp(0.938rem, calc(-2.139rem + 3.85vw), 2.188rem);
  /* 15px ~ 30px */
  --num_30: clamp(0.938rem, calc(-1.370rem + 2.88vw), 1.875rem);
  /* 12px ~ 28px */
  --num_28: clamp(0.75rem, calc(-1.712rem + 3.08vw), 1.875rem);
  /* 10px ~ 25px */
  --num_25: clamp(0.625rem, calc(-1.683rem + 2.88vw), 1.563rem);
  /* 10px ~ 20px */
  --num_20: clamp(0.625rem, calc(-0.913rem + 1.92vw), 1.25rem);
}
@media (max-width:1024px) {
  :root {
    --spacing-190: 95px;
    --spacing-180: 90px;
    --spacing-170: 85px;
    --spacing-160: 80px;
    --spacing-150: 75px;
    --spacing-140: 70px;
    --spacing-120: 60px;
    --spacing-100: 50px;
  }
}
@media (max-width:990px) {
  :root {
    --header-height: 60px;
  }
}
@media (max-width:768px) {
  :root {
    --font62: 30px;
    --font60: 30px;
    --font52: 28px;
    --font50: 26px;
    --font48: 26px;
    --font46: 24px;
    --font44: 24px;
    --font42: 22px;
    --font40: 22px;
    --font38: 21px;
    --font36: 20px;
    --font34: 20px;
    --font32: 20px;
    --font30: 18px;
    --font28: 18px;
    --font26: 16px;
    --font24: 16px;
    --font22: 15px;
    --spacing-190: 60px;
    --spacing-180: 60px;
    --spacing-170: 60px;
    --spacing-160: 60px;
    --spacing-150: 60px;
    --spacing-140: 60px;
  }
}


@font-face {
  font-family: 'SourceHanSansCN';
  /*src: url('../font/HONORSansCN-Light.ttf');*/
  src: url('../font/SourceHanSansCN-Regular.otf');
  font-weight: 300;
}
@font-face {
  font-family: 'SourceHanSansCN';
  src: url('../font/SourceHanSansCN-Regular.otf');
  font-weight: normal;
}
@font-face {
  font-family: 'SourceHanSansCN';
  src: url('../font/SourceHanSansCN-Medium.otf');
  font-weight: 500;
}
@font-face {
  font-family: 'SourceHanSansCN';
  src: url('../font/SourceHanSansCN-Bold.otf');
  font-weight: 700;
}
* {
  font-family: 'SourceHanSansCN';
  font-weight: normal;
  color: var(--text-color);
}

/* 头部 */
header {
  width: 100%;
  height: auto;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 20;
  /* PC */
  /* Mobile version header */
  /* ----------------------------------------------------------    手机端导航 */
}
header .header_box {
  width: 100%;
  height: var(--header-height);
  position: relative;
  z-index: 1;
  align-content: center;
  background-color: #fff;
}
header .header_box .w1800 {
  height: 100%;
}
header .header_box .grid_box,
header .header_box .grid_main {
  height: 100%;
}
header .header_box .header_main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  width: 100%;
  height: 100%;
  position: relative;
  left: 50%;
  z-index: 5;
  transform: translateX(-50%);
}
header .header_box .header_main .nav-left {
  flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  height: 100%;
}
header .header_box .header_main .nav-left .logo {
  height: 100%;
  font-size: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  margin-right: clamp(calc(26 / 2 * 1px), calc(26 / 1920 * 100 * 1vw), 26px);
}
header .header_box .header_main .nav-left .logo a {
  margin-top: clamp(calc(20 / 2 * 1px), calc(20 / 1920 * 100 * 1vw), 20px);
}
header .header_box .header_main .nav-left .media {
  flex: 1;
  position: relative;
  height: 100%;
  align-content: center;
  padding-left: clamp(calc(26 / 2 * 1px), calc(26 / 1920 * 100 * 1vw), 26px);
  font-size: var(--font14);
  display: flex;
  align-items: center;
}
header .header_box .header_main .nav-left .media::before {
  content: "";
  position: absolute;
  left: 0;
  top: 36%;
  width: 1px;
  height: 28%;
  background: #000000;
  opacity: 0.2;
}
header .header_box .header_main .nav-left .media .title {
  color: var(--header-color);
  line-height: 1.4285;
}
header .header_box .header_main .nav-right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  gap: 82px;
  height: 100%;
}
header .header_box .header_main .nav-right .nav {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
header .header_box .header_main .nav-right .nav ul {
  width: auto;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  gap: var(--num_65);
}
header .header_box .header_main .nav-right .nav ul li {
  position: relative;
  width: 100%;
  height: 100%;
  line-height: 100px;
}
header .header_box .header_main .nav-right .nav ul li .headline {
  width: 100%;
  height: 100%;
}
header .header_box .header_main .nav-right .nav ul li .headline a {
  display: inline-block;
  width: 100%;
  height: 100%;
  font-size: var(--font18);
  color: var(--header-color);
  white-space: nowrap;
  transition: color var(--ani);
}
header .header_box .header_main .nav-right .nav ul li .headline .trangle {
  -webkit-transition: all 0.45s ease;
  -o-transition: all 0.45s ease;
  transition: all 0.45s ease;
  display: none;
  position: absolute;
  bottom: 3px;
  left: 50%;
  margin-left: -5px;
}
header .header_box .header_main .nav-right .nav ul li:hover .headline a,
header .header_box .header_main .nav-right .nav ul li .headline a.active {
  color: var(--light-purple);
  border-bottom: solid 3px var(--light-purple);
}
header .header_box .header_main .nav-right .nav ul li:hover .headline a .trangle,
header .header_box .header_main .nav-right .nav ul li .headline a.active .trangle {
  display: inline-block;
}
header .header_box .header_main .nav-right .column {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  gap: 40px;
}
header .header_box .header_main .nav-right .column .link {
  width: auto;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
header .header_box .header_main .nav-right .column .link a {
  font-weight: 500;
  font-size: 16px;
  color: var(--header-color);
  white-space: nowrap;
  transition: color var(--ani);
}
header .header_box .header_main .nav-right .column .link a:hover {
  color: var(--light-purple);
}
header .header_box .header_main .nav-right .column .lang {
  width: auto;
  height: 100%;
}
header .header_box .header_main .nav-right .column .lang .headline {
  position: relative;
  height: 100%;
}
header .header_box .header_main .nav-right .column .lang .headline .lang-content {
  -webkit-transition: all 0.45s ease;
  -o-transition: all 0.45s ease;
  transition: all 0.45s ease;
  display: none;
  padding-top: clamp(calc(5 / 2 * 1px), calc(5 / 1920 * 100 * 1vw), 5px);
  padding-bottom: clamp(calc(5 / 2 * 1px), calc(5 / 1920 * 100 * 1vw), 5px);
  position: absolute;
  top: 0;
  margin-top: 80px;
  width: 100%;
  background-color: var(--color-white);
  border-radius: 7px;
  text-align: center;
}
header .header_box .header_main .nav-right .column .lang .headline .lang-item {
  -webkit-transition: all 0.45s ease;
  -o-transition: all 0.45s ease;
  transition: all 0.45s ease;
  margin-top: clamp(calc(5 / 2 * 1px), calc(5 / 1920 * 100 * 1vw), 5px);
  margin-bottom: clamp(calc(5 / 2 * 1px), calc(5 / 1920 * 100 * 1vw), 5px);
  color: var(--header-color);
  cursor: pointer;
}
header .header_box .header_main .nav-right .column .lang .headline .lang-item a {
  font-weight: 500;
}
header .header_box .header_main .nav-right .column .lang .headline .lang-item:hover a {
  color: var(--light-purple);
}
header .header_box .header_main .nav-right .column .lang a {
  width: auto;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  gap: 10px;
}
header .header_box .header_main .nav-right .column .lang a .icon {
  width: 20px;
  height: 20px;
  font-size: 0;
  align-content: center;
}
header .header_box .header_main .nav-right .column .lang a .word {
  width: auto;
  height: auto;
  font-weight: 500;
  font-size: 14px;
  color: var(--header-color);
}
header .header_box .header_main .nav-right .column .lang:hover .headline {
  -webkit-transition: all 0.45s ease;
  -o-transition: all 0.45s ease;
  transition: all 0.45s ease;
}
header .header_box .header_main .nav-right .column .lang:hover .headline .lang-content {
  -webkit-transition: all 0.45s ease;
  -o-transition: all 0.45s ease;
  transition: all 0.45s ease;
  display: inline-block;
}
header .header_box .header_main .nav-right .column .search {
  cursor: pointer;
}
header .header_box::after {
  content: '';
  width: 100%;
  height: 1px;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
  background: #000;
  opacity: 0;
}
header .header_box .search-content {
  /*z-index: 5;*/
  width: 100%;
  height: 0;
  transition: height 0.5s ease-in-out;
  position: fixed;
  top: 0;
  background-color: var(--color-white);
}
header .header_box .search-content .box-main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  gap: 20px;
  margin-top: clamp(calc(90 / 2 * 1px), calc(90 / 1920 * 100 * 1vw), 90px);
  opacity: 0;
  transform: translateY(-20px);
  transition: opacity 1s, transform 1s;
}
header .header_box .search-content .box-main .inputbox {
  flex: 1;
  height: var(--num_50);
}
header .header_box .search-content .box-main .inputbox input {
  height: 100%;
  width: 100%;
  border: solid 1px rgba(0, 0, 0, 0.2);
  color: var(--header-color);
  text-indent: 20px;
}
header .header_box .search-content .box-main .searchsubmit {
  cursor: pointer;
  padding-left: clamp(calc(20 / 2 * 1px), calc(20 / 1920 * 100 * 1vw), 20px);
  padding-right: clamp(calc(20 / 2 * 1px), calc(20 / 1920 * 100 * 1vw), 20px);
  height: var(--num_50);
  line-height: var(--num_50);
  background-color: var(--light-purple);
  color: var(--color-white);
}
header .header_box .search-content .box-main .close {
  cursor: pointer;
  width: 50px;
  height: var(--num_50);
  line-height: var(--num_50);
  text-align: center;
  background-color: var(--bg-color);
  border-radius: 30px;
  color: var(--header-color);
  font-size: 16px;
}
@media (max-width:1680px) {
  header .header_box .header_main .nav-right {
    gap: var(--num_60);
  }
  header .header_box .header_main .nav-right .nav ul {
    gap: var(--num_60);
  }
}
@media (max-width:1280px) {
  header .header_box {
    background: #FFFFFF;
    height: 60px;
  }
  header .header_box .header_main {
    padding: 0;
  }
  header .header_box .header_main .nav-right {
    gap: var(--num_80);
  }
  header .header_box .header_main .nav-right .column {
    display: none;
  }
  header .header_box .header_main .nav {
    height: auto !important;
  }
  header .header_box .header_main .nav li {
    line-height: 60px !important;
  }
  header .header_box .header_main .nav ul {
    gap: 20px;
  }
  header .header_box .header_main .nav ul li .headline a {
    font-size: 14px;
  }
  header .header_box .header_main .logo {
    max-width: 200px;
  }
}
@media (max-width:990px) {
  header .header_box {
    display: none;
  }
}
header .m_header_box {
  width: 100%;
  height: auto;
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 30;
}
header .m_header_box .header_title {
  width: 100%;
  height: 60px;
  padding: 0 20px;
  position: relative;
  background-color: var(--color-white);
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  overflow: hidden;
}
header .m_header_box .header_title .logo {
  height: 100%;
  overflow: hidden;
}
header .m_header_box .header_title .logo a {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
header .m_header_box .header_title .logo img {
  min-height: 40%;
  max-height: 50%;
}
header .m_header_box .header_title .column {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
header .m_header_box .header_title .menu_btn {
  width: 30px;
  height: 30px;
  position: relative;
  overflow: hidden;
}
header .m_header_box .header_title .menu_btn::after,
header .m_header_box .header_title .menu_btn::before,
header .m_header_box .header_title .menu_btn i {
  width: 70%;
  height: 2px;
  display: block;
  background: var(--light-purple);
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -1px 0 0 -35%;
  transform-origin: center;
  -webkit-transition: all 0.45s ease;
  -o-transition: all 0.45s ease;
  transition: all 0.45s ease;
}
header .m_header_box .header_title .menu_btn::before {
  content: '';
  margin-top: -8px;
}
header .m_header_box .header_title .menu_btn::after {
  content: '';
  margin-top: 6px;
}
header .m_header_box .header_title .menu_btn.active i {
  opacity: 0;
}
header .m_header_box .header_title .menu_btn.active::before {
  margin-top: -1px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  border-radius: 5px;
  background: var(--color-active);
}
header .m_header_box .header_title .menu_btn.active::after {
  margin-top: -1px;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  border-radius: 5px;
  background: var(--color-active);
}
header .m_header_box .header_title .head_btn {
  width: auto;
  height: 30px;
  margin-right: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-transition: all 0.45s ease;
  -o-transition: all 0.45s ease;
  transition: all 0.45s ease;
  cursor: pointer;
  overflow: hidden;
}
header .m_header_box .header_title .head_btn .icon {
  max-width: 14px;
  height: 14px;
  font-size: 0;
  margin-right: 5px;
  filter: invert(1);
  -webkit-transition: all 0.45s ease;
  -o-transition: all 0.45s ease;
  transition: all 0.45s ease;
}
header .m_header_box .header_title .head_btn .link {
  line-height: 1;
  font-size: 12px;
  color: var(--color-black);
  margin-top: 3px;
}
header .m_header_box .header_title .head_btn .link span {
  opacity: 0.6;
}
header .m_header_box .header_title .head_btn .link a {
  color: var(--color-black);
  opacity: 0.6;
  -webkit-transition: all 0.45s ease;
  -o-transition: all 0.45s ease;
  transition: all 0.45s ease;
}
header .m_header_box .header_title .head_btn .link a:hover {
  opacity: 1;
}
header .m_header_box .header_title .head_btn:hover .icon {
  filter: invert(1);
}
header .m_header_box .header_title .head_btn:hover .link {
  color: var(--color-black);
}
header .m_header_box .header_title .head_btn:hover .link a,
header .m_header_box .header_title .head_btn:hover .link span {
  color: var(--color-black);
}
header .m_header_box .header_body {
  width: 100%;
  height: calc(100vh - 60px);
  background: var(--color-gray-f6);
  display: none;
  overflow: hidden;
}
header .m_header_box .header_body .menu_info {
  width: 100%;
  height: 100%;
  padding: 0 0 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
  overflow: hidden;
}
header .m_header_box .header_body .menu_nav {
  width: 100%;
  height: auto;
  padding: 20px;
  overflow: hidden;
  overflow-y: auto;
}
header .m_header_box .header_body .menu_nav ul {
  padding: 0;
  margin: 0;
}
header .m_header_box .header_body .menu_nav ul li {
  width: 100%;
  height: auto;
  border-bottom: 1px solid rgba(0, 0, 0, 0.03);
  overflow: hidden;
}
header .m_header_box .header_body .menu_nav ul li .one {
  width: 100%;
  height: auto;
  position: relative;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  overflow: hidden;
}
header .m_header_box .header_body .menu_nav ul li .one a {
  padding: 15px 0;
  display: block;
  font-size: 14px;
  color: var(--color-gray-444);
  line-height: 1;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  flex: 1;
  position: relative;
}
header .m_header_box .header_body .menu_nav ul li .one a .subtitle {
  font-size: 14px;
  margin-right: 10px;
}
header .m_header_box .header_body .menu_nav ul li .one a .title {
  font-size: 14px;
  color: var(--header-color);
}
header .m_header_box .header_body .menu_nav ul li .one .icon {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  position: absolute;
  right: 0;
  top: 0;
  font-size: 0;
  color: var(--color-gray-444);
}
header .m_header_box .header_body .menu_nav ul li .one .icon i {
  font-size: 8px;
  -webkit-transition: all 0.45s ease;
  -o-transition: all 0.45s ease;
  transition: all 0.45s ease;
}
header .m_header_box .header_body .menu_nav ul li .one.active a {
  color: var(--color-active);
}
header .m_header_box .header_body .menu_nav ul li .one.active .icon {
  color: var(--color-active);
}
header .m_header_box .header_body .menu_nav ul li .one.active.is_active .icon i {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}
header .m_header_box .header_body .menu_nav ul li ul {
  border-top: 1px solid var(--color-active);
  padding: 10px 0;
  display: none;
}
header .m_header_box .header_body .menu_nav ul li ul li {
  border: 0;
}
header .m_header_box .header_body .menu_nav ul li ul li a {
  display: block;
  font-size: 13px;
  padding: 6px 0 6px 20px;
  color: var(--color-gray-444);
  position: relative;
}
header .m_header_box .header_body .menu_nav ul li ul li a .icon {
  width: 16px;
  height: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -8px;
  color: var(--color-gray-444);
}
header .m_header_box .header_body .menu_nav ul li ul li a .icon i {
  font-size: 8px;
}
header .m_header_box .header_body .menu_nav ul li ul li a.active {
  color: var(--color-active);
}
header .m_header_box .header_body .menu_nav ul li ul li a.active .icon {
  color: var(--color-active);
}
header .m_header_box .header_body .menu_nav ul li ul li ul {
  border: 0;
  display: none;
}
header .m_header_box .header_body .menu_nav ul li ul li ul li a {
  padding: 10px 0 10px 35px;
  font-size: 12px;
  color: var(--color-gray-999);
}
header .m_header_box .header_body .menu_nav ul li ul li ul li a:before {
  content: '';
  width: 5px;
  height: 1px;
  color: var(--color-gray-999);
  position: absolute;
  top: 50%;
  left: 20px;
  margin-top: -1.5px;
  z-index: 1;
}
header .m_header_box .header_body .menu_nav ul li ul li ul li a.active:before {
  background: var(--color-active);
}
header .m_header_box .header_body .menu_nav ul li ul li ul.active {
  display: block;
}
header .m_header_box .header_body .menu_form {
  width: 100%;
  height: auto;
  padding: 0 20px;
  overflow: hidden;
}
header .m_header_box .header_body .menu_form .center {
  width: 100%;
  height: 50px;
  background-color: var(--color-white);
  overflow: hidden;
}
header .m_header_box .header_body .menu_form .center form {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  overflow: hidden;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
header .m_header_box .header_body .menu_form .center form input {
  flex: 1;
  height: 100%;
  padding: 0 15px;
  font-size: 14px;
  color: var(--color-gray-444);
  border: 0;
}
header .m_header_box .header_body .menu_form .center form button {
  width: 70px;
  border: 0;
  height: 100%;
  background: var(--color-active);
}
header .m_header_box .header_body .menu_form .center form button i {
  font-size: 18px;
}
header .m_header_box .header_body .menu_lang {
  width: 100%;
  height: auto;
  margin-top: 20px;
  padding: 0 20px;
  font-size: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
header .m_header_box .header_body .menu_lang .one {
  width: auto;
  height: 36px;
  margin-right: 10px;
  overflow: hidden;
}
header .m_header_box .header_body .menu_lang .one a {
  width: 100%;
  height: 100%;
  padding: 0 1em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  background-color: var(--color-white);
  border-radius: 50px;
  font-size: 12px;
  color: var(--color-gray-444);
}
header .m_header_box .header_body .menu_lang .one a.active {
  background: var(--color-active);
  color: var(--color-white);
}
@media (max-width:990px) {
  header .m_header_box {
    display: block;
  }
}
header .m_header_nbsp {
  width: 100%;
  height: var(--header-height);
  display: none;
  overflow: hidden;
}
@media (max-width:990px) {
  header .m_header_nbsp {
    display: block;
  }
}
/* 导航高度 占位 */
.head_nbsp {
  width: 100%;
  height: var(--header-height);
}
/* --------------------------- */
/* --------------------------- */
/* --------------------------- */
/* --------------------------- */
/* 底部 */
footer {
  width: 100%;
  height: auto;
  overflow: hidden;
}
footer .footer-wrapper {
  margin-top: clamp(calc(100 / 2 * 1px), calc(100 / 1920 * 100 * 1vw), 100px);
  width: 100%;
  height: auto;
  max-width: 1920px;
  position: relative;
  z-index: 5;
}
footer .footer-wrapper .footer_box {
  width: 100%;
  background-image: url(../images/footer.jpg);
}
footer .footer-wrapper .footer_box .footer-content {
  padding-top: clamp(calc(78 / 2 * 1px), calc(78 / 1920 * 100 * 1vw), 78px);
}
footer .footer-wrapper .footer_box .footer-content .mobile_logo {
  max-width: var(--num_170);
  display: none;
  margin-bottom: clamp(calc(30 / 2 * 1px), calc(30 / 1920 * 100 * 1vw), 30px);
}
footer .footer-wrapper .footer_box .footer-content .footer_qrcode {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  padding-bottom: clamp(calc(45 / 2 * 1px), calc(45 / 1920 * 100 * 1vw), 45px);
  border-bottom: solid 1px rgba(255, 255, 255, 0.1);
}
footer .footer-wrapper .footer_box .footer-content .footer_qrcode .title {
  font-size: var(--font52);
  line-height: 1.2;
}
footer .footer-wrapper .footer_box .footer-content .footer_qrcode .codeimg {
  text-align: center;
  --number: clamp(4.688rem, calc(-1.62rem + 7.88vw), 7.25rem);
}
footer .footer-wrapper .footer_box .footer-content .footer_qrcode .codeimg .image {
  width: var(--number);
  height: var(--number);
  margin: auto;
}
footer .footer-wrapper .footer_box .footer-content .footer_qrcode .codeimg .image img {
  width: 100%;
}
footer .footer-wrapper .footer_box .footer-content .footer_qrcode .codeimg .title {
  margin-top: clamp(calc(20 / 2 * 1px), calc(20 / 1920 * 100 * 1vw), 20px);
  line-height: 15px;
  font-size: var(--font16);
  opacity: 0.8;
}
footer .footer-wrapper .footer_box .footer-content .footer_link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  margin-top: clamp(calc(53 / 2 * 1px), calc(53 / 1920 * 100 * 1vw), 53px);
  border-bottom: solid 1px rgba(255, 255, 255, 0.1);
  --number: clamp(6.25rem, calc(-4.673rem + 13.65vw), 10.688rem);
}
footer .footer-wrapper .footer_box .footer-content .footer_link .logo {
  width: var(--number);
}
footer .footer-wrapper .footer_box .footer-content .footer_link .logo img {
  width: 100%;
  height: auto;
}
footer .footer-wrapper .footer_box .footer-content .footer_link .content {
  margin-top: clamp(calc(28 / 2 * 1px), calc(28 / 1920 * 100 * 1vw), 28px);
}
footer .footer-wrapper .footer_box .footer-content .footer_link .content .c-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
footer .footer-wrapper .footer_box .footer-content .footer_link .content .c-link .item {
  margin-left: clamp(calc(52 / 2 * 1px), calc(52 / 1920 * 100 * 1vw), 52px);
}
footer .footer-wrapper .footer_box .footer-content .footer_link .content .c-link .item ul li {
  -webkit-transition: all 0.45s ease;
  -o-transition: all 0.45s ease;
  transition: all 0.45s ease;
  margin-top: clamp(calc(20 / 2 * 1px), calc(20 / 1920 * 100 * 1vw), 20px);
}
footer .footer-wrapper .footer_box .footer-content .footer_link .content .c-link .item ul li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  font-size: var(--font20);
}
footer .footer-wrapper .footer_box .footer-content .footer_link .content .c-link .item ul li a img {
  margin-left: clamp(calc(8 / 2 * 1px), calc(8 / 1920 * 100 * 1vw), 8px);
}
footer .footer-wrapper .footer_box .footer-content .footer_link .content .c-icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  gap: var(--num_20);
  margin-top: clamp(calc(50 / 2 * 1px), calc(50 / 1920 * 100 * 1vw), 50px);
  margin-bottom: clamp(calc(65 / 2 * 1px), calc(65 / 1920 * 100 * 1vw), 65px);
  --number: clamp(1.375rem, calc(-0.163rem + 1.92vw), 2rem);
}
footer .footer-wrapper .footer_box .footer-content .footer_link .content .c-icon .item {
  position: relative;
  width: var(--number);
  height: var(--number);
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
footer .footer-wrapper .footer_box .footer-content .footer_link .content .c-icon .item .media-ic {
  -webkit-transition: all 0.45s ease;
  -o-transition: all 0.45s ease;
  transition: all 0.45s ease;
  width: 100%;
  opacity: 0.2;
}
footer .footer-wrapper .footer_box .footer-content .footer_link .content .c-icon .item .code {
  -webkit-transition: all 0.45s ease;
  -o-transition: all 0.45s ease;
  transition: all 0.45s ease;
  position: absolute;
  bottom: 41px;
  left: -12px;
  width: 50px;
}
footer .footer-wrapper .footer_box .footer-content .footer_link .content .c-icon .item .code img {
  -webkit-transition: all 0.45s ease;
  -o-transition: all 0.45s ease;
  transition: all 0.45s ease;
  display: none;
}
footer .footer-wrapper .footer_box .footer-content .footer_link .content .c-icon .item:hover .media-ic {
  -webkit-transition: all 0.45s ease;
  -o-transition: all 0.45s ease;
  transition: all 0.45s ease;
  opacity: 1;
}
footer .footer-wrapper .footer_box .footer-content .footer_link .content .c-icon .item:hover .code {
  -webkit-transition: all 0.45s ease;
  -o-transition: all 0.45s ease;
  transition: all 0.45s ease;
}
footer .footer-wrapper .footer_box .footer-content .footer_link .content .c-icon .item:hover .code img {
  -webkit-transition: all 0.45s ease;
  -o-transition: all 0.45s ease;
  transition: all 0.45s ease;
  display: inline-block;
}
footer .footer-wrapper .footer_box .footer-content .footer_link .codeimg-mobile {
  display: none;
}
footer .footer-wrapper .footer_box .footer-content .footer_copyright {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  padding-top: clamp(calc(23 / 2 * 1px), calc(23 / 1920 * 100 * 1vw), 23px);
  padding-bottom: clamp(calc(23 / 2 * 1px), calc(23 / 1920 * 100 * 1vw), 23px);
  font-size: var(--font16);
}
footer .footer-wrapper .footer_box .footer-content .footer_copyright .left_version {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
footer .footer-wrapper .footer_box .footer-content .footer_copyright .left_version .title {
  opacity: 0.8;
}
footer .footer-wrapper .footer_box .footer-content .footer_copyright .left_version .title a {
  color: #fff;
}
footer .footer-wrapper .footer_box .footer-content .footer_copyright .left_version .title a:hover {
  -webkit-transition: all 0.45s ease;
  -o-transition: all 0.45s ease;
  transition: all 0.45s ease;
  opacity: 1 ;
}
footer .footer-wrapper .footer_box .footer-content .footer_copyright .right_version {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
footer .footer-wrapper .footer_box .footer-content .footer_copyright .right_version a,
footer .footer-wrapper .footer_box .footer-content .footer_copyright .right_version span {
  color: #fff;
  opacity: 0.8;
}
footer .footer-wrapper .footer_box .footer-content .footer_copyright .right_version a:hover {
  -webkit-transition: all 0.45s ease;
  -o-transition: all 0.45s ease;
  transition: all 0.45s ease;
  opacity: 1;
}
@media (max-width:768px) {
  footer .footer-wrapper .footer_box .footer-content {
    padding-top: clamp(calc(50 / 2 * 1px), calc(50 / 1920 * 100 * 1vw), 50px);
  }
  footer .footer-wrapper .footer_box .footer-content .footer_qrcode {
    display: inline-block;
    width: 100%;
    border-bottom: none;
    padding-bottom: 0px;
  }
  footer .footer-wrapper .footer_box .footer-content .footer_qrcode .mobile_logo {
    display: inline-block;
  }
  footer .footer-wrapper .footer_box .footer-content .footer_qrcode .codeimg {
    margin-top: clamp(calc(20 / 2 * 1px), calc(20 / 1920 * 100 * 1vw), 20px);
    display: none;
    text-align: left;
  }
  footer .footer-wrapper .footer_box .footer-content .footer_link {
    position: relative;
    display: inline-block;
    width: 100%;
    border-bottom: none;
    margin-top: 0px;
  }
  footer .footer-wrapper .footer_box .footer-content .footer_link .logo {
    display: none;
  }
  footer .footer-wrapper .footer_box .footer-content .footer_link .content .c-link .item {
    margin-left: 0px;
    margin-right: clamp(calc(20 / 2 * 1px), calc(20 / 1920 * 100 * 1vw), 20px);
  }
  footer .footer-wrapper .footer_box .footer-content .footer_link .content .c-icon {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    margin-bottom: clamp(calc(30 / 2 * 1px), calc(30 / 1920 * 100 * 1vw), 30px);
  }
  footer .footer-wrapper .footer_box .footer-content .footer_link .content .c-icon .item {
    width: 26px;
    height: 26px;
  }
  footer .footer-wrapper .footer_box .footer-content .footer_link .codeimg-mobile {
    display: inline-block;
    position: absolute;
    right: 0px;
    top: 0;
    margin-top: 30px;
    width: 90px;
    text-align: right;
  }
  footer .footer-wrapper .footer_box .footer-content .footer_link .codeimg-mobile .image {
    width: 70px;
    height: 70px;
    margin-left: 10px;
  }
  footer .footer-wrapper .footer_box .footer-content .footer_link .codeimg-mobile .image img{
      width: 100%;
      height: 100%;
      object-fit: cover;
  }
  footer .footer-wrapper .footer_box .footer-content .footer_link .codeimg-mobile .title {
    font-size: 12px;
    margin-top: 20px;
    opacity: 0.2;
  }
  footer .footer-wrapper .footer_box .footer-content .footer_copyright {
    display: inline-block;
    width: 100%;
    font-size: var(--font14);
  }
  footer .footer-wrapper .footer_box .footer-content .footer_copyright .title {
    display: inline-block;
    width: 100%;
    margin-top: clamp(calc(20 / 2 * 1px), calc(20 / 1920 * 100 * 1vw), 20px);
  }
  footer .footer-wrapper .footer_box .footer-content .footer_copyright .title a {
    opacity: 1;
  }
  footer .footer-wrapper .footer_box .footer-content .footer_copyright .left_version {
    display: inline-block;
  }
  footer .footer-wrapper .footer_box .footer-content .footer_copyright .left_version .title a {
    opacity: 1;
  }
}
@media (max-width:360px) {
  footer .footer-wrapper {
    margin-top: 0px;
  }
}

/* Index Banner */
/* ------------------------- */
/* 标题 */
.idx_title {
  width: 100%;
  height: auto;
}
.idx_title .title {
  font-weight: 500;
  font-size: var(--font50);
  color: var(--text-color);
  line-height: 1.2;
}
/* ------------------------- */
/* header */
.ind-title-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: end;
  -ms-flex-align: end;
  -webkit-align-items: flex-end;
  align-items: flex-end;
}
.ind-title-box .idn-title .title {
  font-size: var(--font32);
  color: var(--light-purple);
  line-height: 30px;
}
.ind-title-box .idn-title .content {
  margin-top: clamp(calc(22 / 2 * 1px), calc(22 / 1920 * 100 * 1vw), 22px);
}
.ind-title-box .idn-title .content p {
  font-weight: 500;
  line-height: 1.2;
  max-width: 580px;
  font-size: var(--font52);
  color: var(--deep-purple);
}
@media (max-width:1800px) {
  .ind-title-box .idn-title .content p {
    font-size: var(--font48);
    line-height: 1.4;
  }
}
@media (max-width:990px) {
  .ind-title-box .idn-title .title {
    font-size: var(--font46);
  }
}
@media (max-width:768px) {
  .ind-title-box {
    margin-top: clamp(calc(30 / 2 * 1px), calc(30 / 1920 * 100 * 1vw), 30px);
    display: inline-block;
  }
  .ind-more{
      margin-top: 20px;
  }
}
.ind-more {
  -webkit-transition: all 0.45s ease;
  -o-transition: all 0.45s ease;
  transition: all 0.45s ease;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  gap: var(--num_20);
  border: 1px solid var(--border-color);
  transform: skewX(-10deg);
  transition: background var(--ani);
  line-height: 1;
  padding-left: clamp(calc(45 / 2 * 1px), calc(45 / 1920 * 100 * 1vw), 45px);
  padding-right: clamp(calc(45 / 2 * 1px), calc(45 / 1920 * 100 * 1vw), 45px);
  height: clamp(2.125rem, calc(-0.952rem + 3.85vw), 3.375rem);
}
.ind-more a {
  -webkit-transition: all 0.45s ease;
  -o-transition: all 0.45s ease;
  transition: all 0.45s ease;
  font-size: var(--font18);
  transform: skewX(10deg);
  color: #3C4950;
}
.ind-more .icon {
  -webkit-transition: all 0.45s ease;
  -o-transition: all 0.45s ease;
  transition: all 0.45s ease;
  align-content: center;
  --number: clamp(0.625rem, calc(0.163rem + 0.58vw), 0.813rem);
  margin-top: -4px;
}
.ind-more .icon img {
  -webkit-transition: all 0.45s ease;
  -o-transition: all 0.45s ease;
  transition: all 0.45s ease;
  transform: skewX(10deg);
  width: var(--number);
  height: var(--number);
}
.ind-more:hover {
  -webkit-transition: all 0.45s ease;
  -o-transition: all 0.45s ease;
  transition: all 0.45s ease;
  background: linear-gradient(180deg, #030144 0%, #33398A 100%);
}
.ind-more:hover a {
  -webkit-transition: all 0.45s ease;
  -o-transition: all 0.45s ease;
  transition: all 0.45s ease;
  color: #fff;
}
.ind-more:hover .icon {
  -webkit-transition: all 0.45s ease;
  -o-transition: all 0.45s ease;
  transition: all 0.45s ease;
}
.ind-more:hover .icon img {
  -webkit-transition: all 0.45s ease;
  -o-transition: all 0.45s ease;
  transition: all 0.45s ease;
  filter: brightness(0) invert(1);
}








/*首页-- banner */
@keyframes moveDown {
  0% {
    transform: translateY(0%);
  }
  100% {
    transform: translateY(200%);
  }
}
.index-banner .index-swiper {
  position: relative;
  overflow: hidden;
}
.index-banner .index-swiper .swiper-slide .bg {
  position: relative;
  height: 100%;
  background: no-repeat center;
  background-size: cover;
}
.index-banner .index-swiper .swiper-slide .bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.index-banner .index-swiper .swiper-slide .bg::before {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
}
.index-banner .index-swiper .swiper-slide .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 100%;
  z-index: 9;
}
.index-banner .index-swiper .swiper-slide .container .text-center .title {
  font-size: var(--font62);
  color: white;
}
.index-banner .index-swiper .swiper-slide .container .text-center .title p {
  line-height: 1.2;
  font-weight: 500;
}
.index-banner .index-swiper .swiper-slide .container .text-center .text-body {
  margin-top: clamp(calc(30 / 2 * 1px), calc(30 / 1920 * 100 * 1vw), 30px);
  -webkit-animation-delay: 0.2s;
  -o-animation-delay: 0.2s;
  animation-delay: 0.2s;
  font-size: var(--font24);
  color: white;
  line-height: 1.4;
}
.index-banner .index-swiper .swiper-slide .container .text-center .text-body span {
  position: relative;
  padding-right: clamp(calc(16 / 2 * 1px), calc(16 / 1920 * 100 * 1vw), 16px);
  margin-right: clamp(calc(16 / 2 * 1px), calc(16 / 1920 * 100 * 1vw), 16px);
}
.index-banner .index-swiper .swiper-slide .container .text-center .text-body span:last-child {
  padding: 0;
  margin: 0;
}
.index-banner .index-swiper .swiper-slide .container .text-center .text-body span:last-child::before {
  display: none;
}
.index-banner .index-swiper .swiper-slide .container .text-center .text-body span::before {
  content: '';
  width: 1px;
  max-height: 18px;
  background-color: white;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  transform: translateY(2px);
  opacity: 0.3;
}
.index-banner .index-swiper .swiper-slide .container .text-center .ind-btn {
  width: fit-content;
}
.index-banner .index-swiper .swiper-slide .container .text-center .ind-more {
  margin-top: clamp(calc(81 / 2 * 1px), calc(81 / 1920 * 100 * 1vw), 81px);
}
.index-banner .index-swiper .swiper-slide .container .text-center .ind-more a {
  color: #ffffff;
  display: inline-block;
}
.index-banner .index-swiper .swiper-slide .container .text-center .ind-more img {
  filter: brightness(0) invert(1);
}
.index-banner .index-swiper .slidebottom {
  position: absolute;
  left: 50%;
  bottom: 70px;
  z-index: 1;
  margin-left: -16px;
}
.index-banner .index-swiper .slidebottom .slidebar {
  width: 2px;
  height: 36px;
  background: rgba(255, 255, 255, 0.2);
  margin: auto;
}
.index-banner .index-swiper .slidebottom .slidebar .move {
  width: 2px;
  height: 13px;
  background: #FFFFFF;
  opacity: 1;
  animation: moveDown 1s infinite alternate;
}
.index-banner .index-swiper .slidebottom .turn {
  font-size: var(--font16);
  color: #fff;
  margin-top: clamp(calc(16 / 2 * 1px), calc(16 / 1920 * 100 * 1vw), 16px);
}
.index-banner .index-swiper .videoBox {
  position: relative;
  width: 100%;
  height: 100%;
}
.index-banner .index-swiper .videoBox:before {
  content: '';
  width: 100%;
  height: 100%;
  background-color: #000;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  opacity: 0.4;
  filter: alpha(opacity=40);
  -webkit-filter: alpha(opacity=40);
}
.index-banner .index-swiper .videoBox video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  min-width: 100%;
  min-height: 100%;
}
@media (max-width:1280px) {
  .index-banner .index-swiper .slide-btn {
    display: none;
  }
}
@media (max-width:1024px) {
  .index-banner .index-swiper {
    height: auto;
  }
  .index-banner .index-swiper .swiper-slide {
    height: auto;
  }
}
@media (max-width:768px) {
  .index-banner .index-swiper {
    height: 520px !important;
  }
  .index-banner .index-swiper .swiper-slide {
    height: 520px !important;
  }
  .index-banner .index-swiper .swiper-slide .container .text-center .text-body {
    font-size: 12px;
  }
  .index-banner .index-swiper .swiper-slide .container .text-center .text-body em {
    padding-right: 5px;
    margin-right: 5px;
  }
  .index-banner .index-swiper .swiper-slide .container .text-center .text-body em::before {
    max-height: 12px;
    transform: translateY(1px);
  }
}
/* ------------------------- */
/*ind-- 服务内容 */
.ind-server {
  margin-top: clamp(calc(76 / 2 * 1px), calc(76 / 1920 * 100 * 1vw), 76px);
}
.ind-server .ind-server-content {
  margin-top: clamp(calc(104 / 2 * 1px), calc(104 / 1920 * 100 * 1vw), 104px);
}
.ind-server .ind-server-content .scene {
  overflow: hidden;
  background: #f2f3f5;
  position: relative;
}
.ind-server .ind-server-content .scene .scene-content {
  display: flex;
  width: 108%;
  height: 100vh;
  overflow: hidden;
}
.ind-server .ind-server-content .scene .scene-content .scene-content-item {
  position: relative;
  transition: all 1s;
  will-change: auto;
}
.ind-server .ind-server-content .scene .scene-content .scene-content-item .scene-wrapper {
  z-index: 1;
  width: 105%;
  height: 100%;
  box-sizing: border-box;
  transform: skew(-10.15deg);
  transform-origin: left top;
  overflow: hidden;
}
.ind-server .ind-server-content .scene .scene-content .scene-content-item .scene-wrapper .scene-modal {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #000;
  opacity: 0;
  z-index: 100;
  transition: all 0.6s;
}
.ind-server .ind-server-content .scene .scene-content .scene-content-item .scene-wrapper-bg {
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -100px;
  width: 178vw;
  height: 100%;
  transform: translate(-50%, 0) skew(10.15deg);
  transform-origin: left top;
}
.ind-server .ind-server-content .scene .scene-content .scene-content-item .item-thumb {
  -webkit-transition: all 0.45s ease;
  -o-transition: all 0.45s ease;
  transition: all 0.45s ease;
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  margin-top: clamp(calc(160 / 2 * 1px), calc(160 / 1920 * 100 * 1vw), 160px);
  width: 100%;
  height: 100%;
  transition: opacity 0.5s;
  font-size: var(--font20);
  align-content: center;
}
.ind-server .ind-server-content .scene .scene-content .scene-content-item .item-thumb .item-thumb-title {
  -webkit-transition: all 0.45s ease;
  -o-transition: all 0.45s ease;
  transition: all 0.45s ease;
  text-align: center;
  color: #fff;
  font-size: var(--font52);
  line-height: 1.1;
  font-weight: 500;
}
.ind-server .ind-server-content .scene .scene-content .scene-content-item .item-thumb .item-thumb-desc {
  -webkit-transition: all 0.45s ease;
  -o-transition: all 0.45s ease;
  transition: all 0.45s ease;
  margin-top: clamp(calc(29 / 2 * 1px), calc(29 / 1920 * 100 * 1vw), 29px);
  text-align: center;
  color: #fff;
  font-size: var(--font20);
}
.ind-server .ind-server-content .scene .scene-content .scene-content-item .item-thumb .item-thumb-action {
  -webkit-transition: all 0.45s ease;
  -o-transition: all 0.45s ease;
  transition: all 0.45s ease;
  margin-top: clamp(calc(60 / 2 * 1px), calc(60 / 1920 * 100 * 1vw), 60px);
  display: flex;
  justify-content: center;
}
.ind-server .ind-server-content .scene .scene-content .scene-content-item .item-thumb .item-thumb-action .item-thumb-action-left,
.ind-server .ind-server-content .scene .scene-content .scene-content-item .item-thumb .item-thumb-action .item-thumb-action-right {
  -webkit-transition: all 0.45s ease;
  -o-transition: all 0.45s ease;
  transition: all 0.45s ease;
  position: relative;
  width: var(--num_25);
  height: var(--num_70);
  background-image: url("../images/server-btn-left.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}
.ind-server .ind-server-content .scene .scene-content .scene-content-item .item-thumb .item-thumb-action .item-thumb-action-center {
  -webkit-transition: all 0.45s ease;
  -o-transition: all 0.45s ease;
  transition: all 0.45s ease;
  width: var(--num_95);
  height: var(--num_70);
  background-image: url("../images/server-btn-center.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  display: flex;
  justify-content: center;
  align-items: center;
}
.ind-server .ind-server-content .scene .scene-content .scene-content-item .item-thumb .item-thumb-action .item-thumb-action-center .hoverjt {
  -webkit-transition: all 0.45s ease;
  -o-transition: all 0.45s ease;
  transition: all 0.45s ease;
  display: none;
}
.ind-server .ind-server-content .scene .scene-content .scene-content-item:hover .item-thumb .item-thumb-action .item-thumb-action-left,
.ind-server .ind-server-content .scene .scene-content .scene-content-item:hover .item-thumb .item-thumb-action .item-thumb-action-right {
  -webkit-transition: all 0.45s ease;
  -o-transition: all 0.45s ease;
  transition: all 0.45s ease;
  background-image: url("../images/server-btn-left-hover.png");
  opacity: 0.8;
}
.ind-server .ind-server-content .scene .scene-content .scene-content-item:hover .item-thumb .item-thumb-action .item-thumb-action-center {
  -webkit-transition: all 0.45s ease;
  -o-transition: all 0.45s ease;
  transition: all 0.45s ease;
  background-image: url("../images/server-btn-center-hover.png");
  opacity: 0.8;
}
.ind-server .ind-server-content .scene .scene-content .scene-content-item:hover .item-thumb .item-thumb-action .item-thumb-action-center .jt {
  -webkit-transition: all 0.45s ease;
  -o-transition: all 0.45s ease;
  transition: all 0.45s ease;
  display: none;
}
.ind-server .ind-server-content .scene .scene-content .scene-content-item:hover .item-thumb .item-thumb-action .item-thumb-action-center .hoverjt {
  -webkit-transition: all 0.45s ease;
  -o-transition: all 0.45s ease;
  transition: all 0.45s ease;
  display: inline-block;
}
.ind-server .ind-server-content .scene .scene-content .scene-content-item:nth-child(1) {
  flex: 32%;
}
.ind-server .ind-server-content .scene .scene-content .scene-content-item:nth-child(1):hover {
  flex: 1 0 38%;
  /*flex: 1 0 65%;*/
}
.ind-server .ind-server-content .scene .scene-content .scene-content-item:nth-child(2) {
  flex: 36%;
}
.ind-server .ind-server-content .scene .scene-content .scene-content-item:nth-child(2):hover {
  flex: 1 0 38%;
  /*flex: 1 0 65%;*/
}
.ind-server .ind-server-content .scene .scene-content .scene-content-item:nth-child(3) {
  flex: 32%;
}
.ind-server .ind-server-content .scene .scene-content .scene-content-item:nth-child(3):hover {
  flex: 1 0 38%;
  /*flex: 1 0 65%;*/
}
.ind-server .ind-server-content .scene .scene-content:hover + .scene-hot,
.ind-server .ind-server-content .scene-mobile {
  display: none;
}
.ind-server .ind-server-content .scene .scene-content:hover .scene-content-item .scene-wrapper .scene-modal {
  opacity: 0.8;
}
.ind-server .ind-server-content .scene .scene-content:hover .scene-content-item .scene-wrapper .scene-wrapper-bg > img {
  transform: translate(0, 0);
}
.ind-server .ind-server-content .scene .scene-content:hover .item-thumb {
  z-index: 1;
}
.ind-server .ind-server-content .scene .scene-content:hover .item-detail {
  opacity: 1;
  z-index: 2;
}
.ind-server .ind-server-content .scene .scene-content .scene-content-item:hover .scene-wrapper .scene-modal {
  opacity: 0;
  visibility: hidden;
}
.ind-server .ind-server-content .scene .scene-content .scene-content-item:hover .item-detail {
  opacity: 1;
  z-index: 2;
  left: 32%;
}
.ind-server .ind-server-content .scene .scene-content .scene-content-item .scene-wrapper::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(107deg, #0a2349 20%, rgba(10, 35, 73, 0) 100%);
  opacity: 0;
  visibility: hidden;
  transition: all 0.6s;
}
.ind-server .ind-server-content .scene .scene-content .scene-content-item .scene-wrapper-bg > img {
  width: 100%;
  height: 100%;
  transition: transform 0.5s;
  object-fit: contain;
}
.ind-server .ind-server-content .scene .scene-content .scene-content-item:nth-child(1) .scene-wrapper {
  position: relative;
}
.ind-server .ind-server-content .scene .scene-content .scene-content-item:nth-child(1) .scene-wrapper::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  z-index: 10;
  width: 2px;
  height: 100%;
  background-color: #fff;
  opacity: 0.3;
}
.ind-server .ind-server-content .scene .scene-content .scene-content-item:nth-child(1) .scene-wrapper-bg > img {
  transform: translate(-100px, 0);
}
.ind-server .ind-server-content .scene .scene-content .scene-content-item:nth-child(2) .scene-wrapper {
  overflow: initial;
  z-index: 0;
}
.ind-server .ind-server-content .scene .scene-content .scene-content-item:nth-child(2) .scene-wrapper-bg > img {
  transform: translate(100px, 0);
}
.ind-server .ind-server-content .scene .scene-content .scene-content-item:nth-child(3) .scene-wrapper {
  position: relative;
}
.ind-server .ind-server-content .scene .scene-content .scene-content-item:nth-child(3) .scene-wrapper::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  width: 2px;
  height: 100%;
  background-color: #fff;
  opacity: 0.3;
}
.ind-server .ind-server-content .scene .scene-content .scene-content-item:nth-child(3) .scene-wrapper-bg > img {
  transform: translate(-100px, 0);
}
.ind-server .ind-server-content .scene .scene-content .scene-content-item .item-thumb .item-thumb-action .item-thumb-action-center img {
  width: 30px;
  height: 30px;
}
.ind-server .ind-server-content .scene .scene-content .scene-content-item .item-detail {
  opacity: 0;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(107deg, #0a2349, transparent, transparent, transparent);
  transition: opacity 0.6s;
}
.ind-server .ind-server-content .scene .scene-content .scene-content-item .item-detail .item-detail-header {
  margin-bottom: 30px;
  padding: var(--num_60);
  position: relative;
  margin-left: 100px;
}
.ind-server .ind-server-content .scene .scene-content .scene-content-item .item-detail .item-detail-header .item-detail-title {
  margin-bottom: 30px;
  color: #fff;
  font-size: var(--font18);
}
.ind-server .ind-server-content .scene .scene-content .scene-content-item .item-detail .item-detail-header .item-detail-desc {
  margin-bottom: 30px;
  color: #fff;
  font-size: var(--font18);
}
@media screen and (max-width: 767px) {
  .ind-server .ind-server-content .scene {
    display: none;
  }
  .ind-server .ind-server-content .scene-mobile {
    display: block;
    background: #f2f3f5;
    text-align: center;
  }
  .ind-server .ind-server-content .scene-mobile .scene-content-item {
    position: relative;
  }
  .ind-server .ind-server-content .scene-mobile .scene-content-item img{
      width: 100%;
  }
  .ind-server .ind-server-content .scene-mobile .scene-content-item .item-thumb {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    align-content: center;
  }
  .ind-server .ind-server-content .scene-mobile .scene-content-item .item-thumb .item-thumb-title {
    font-size: var(--font30);
  }
  .ind-server .ind-server-content .scene-mobile .scene-content-item .item-thumb .item-thumb-desc {
    margin-top: clamp(calc(30 / 2 * 1px), calc(30 / 1920 * 100 * 1vw), 30px);
    margin-bottom: clamp(calc(30 / 2 * 1px), calc(30 / 1920 * 100 * 1vw), 30px);
    font-size: var(--font26);
  }
  .ind-server .ind-server-content .scene-mobile .scene-content-item .item-thumb .item-thumb-action {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
  }
  .ind-server .ind-server-content .scene-mobile .scene-content-item .item-thumb .item-thumb-action .item-thumb-action-left,
  .ind-server .ind-server-content .scene-mobile .scene-content-item .item-thumb .item-thumb-action .item-thumb-action-right {
    position: relative;
    width: var(--num_25);
    height: var(--num_70);
    background-image: url("../images/server-btn-left.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
  }
  .ind-server .ind-server-content .scene-mobile .scene-content-item .item-thumb .item-thumb-action .item-thumb-action-center {
    width: var(--num_95);
    height: var(--num_70);
    background-image: url("../images/server-btn-center.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    display: flex;
    justify-content: center;
    align-items: center;
  }
}
@media (max-width:360px) {
  .ind-server {
    margin-top: 0px;
  }
  .ind-server .ind-server-content {
    margin-top: clamp(calc(40 / 2 * 1px), calc(40 / 1920 * 100 * 1vw), 40px);
  }
}
/* ------------------------- */
/*ind-- 经典案例 */
.ind-classical {
  margin-top: clamp(calc(76 / 2 * 1px), calc(76 / 1920 * 100 * 1vw), 76px);
}
.ind-classical .ind-classical-content {
  margin-top: clamp(calc(117 / 2 * 1px), calc(117 / 1920 * 100 * 1vw), 117px);
  display: grid;
  gap: clamp(1rem, calc(-0.846rem + 2.31vw), 1.75rem);
  grid-template-columns: repeat(3, 1fr);
}
.ind-classical .ind-classical-content .item {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.ind-classical .ind-classical-content .item .bgimage {
  -webkit-transition: all 0.45s ease;
  -o-transition: all 0.45s ease;
  transition: all 0.45s ease;
  filter: brightness(0.8);
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.ind-classical .ind-classical-content .item .bgimage img {
  -webkit-transition: all 0.45s ease;
  -o-transition: all 0.45s ease;
  transition: all 0.45s ease;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.ind-classical .ind-classical-content .item .content {
  width: 100%;
  height: auto;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 5;
  padding: var(--pad-y) var(--spacing-40);
  --pad-y: 30px;
  transform: translateY(100%) translateY(calc(-1 * var(--pad-y)));
  transition: transform var(--ani);
}
.ind-classical .ind-classical-content .item .content .title {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  transform: translateY(-100%) translateY(-50px);
  font-size: var(--font32);
  line-height: 1;
  color: #fff;
}
.ind-classical .ind-classical-content .item .content .more {
  font-size: var(--font18);
  transform: translateY(100%) translateY(calc(-1 * var(--pad-y)));
  transition: transform var(--ani);
}
.ind-classical .ind-classical-content .item .content .more a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  gap: 5px;
}
.ind-classical .ind-classical-content .item:nth-child(1) {
  grid-column: span 2;
}
.ind-classical .ind-classical-content .item:hover .bgimage {
  -webkit-transition: all 0.45s ease;
  -o-transition: all 0.45s ease;
  transition: all 0.45s ease;
}
.ind-classical .ind-classical-content .item:hover .bgimage img {
  -webkit-transition: all 0.45s ease;
  -o-transition: all 0.45s ease;
  transition: all 0.45s ease;
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}
.ind-classical .ind-classical-content .item:hover .content {
  transform: translateZ(0);
}
.ind-classical .ind-classical-content .item:hover .content .title {
  transform: translateY(-100%);
}
.ind-classical .ind-classical-content .item:hover .content .more a {
  -webkit-transition: all 0.45s ease;
  -o-transition: all 0.45s ease;
  transition: all 0.45s ease;
  transform: translateZ(0);
  bottom: 0;
  transform: skew(-10deg);
  background-color: #fff;
  max-width: 120px;
}
.ind-classical .ind-classical-content .item:hover .content .more a div {
  padding-left: clamp(calc(10 / 2 * 1px), calc(10 / 1920 * 100 * 1vw), 10px);
  padding-right: clamp(calc(10 / 2 * 1px), calc(10 / 1920 * 100 * 1vw), 10px);
  color: var(--light-purple);
}
@media (max-width:1560px) {
  .ind-classical .ind-classical-content .item:hover .content .more a {
    -webkit-transition: all 0.45s ease;
    -o-transition: all 0.45s ease;
    transition: all 0.45s ease;
    max-width: 100px;
  }
}
@media (max-width:1200px) {
  .ind-classical .ind-classical-content .item .content .title {
    transform: translateY(-100%) translateY(-28px);
  }
}
@media (max-width:990px) {
  .ind-classical .ind-classical-content {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--num_20);
  }
  .ind-classical .ind-classical-content .item .content .title {
    font-size: var(--font26);
  }
  .ind-classical .ind-classical-content .item:hover .content .more a {
    -webkit-transition: all 0.45s ease;
    -o-transition: all 0.45s ease;
    transition: all 0.45s ease;
    max-width: 90px;
  }
}
@media (max-width:640px) {
  .ind-classical .ind-classical-content .item {
    max-height: 210px;
  }
}
@media (max-width:480px) {
  .ind-classical .ind-classical-content .item {
    max-height: 150px;
  }
}
@media (max-width:360px) {
  .ind-classical {
    margin-top: 0px;
  }
  .ind-classical .ind-classical-content {
    margin-top: clamp(calc(40 / 2 * 1px), calc(40 / 1920 * 100 * 1vw), 40px);
  }
  .ind-classical .ind-classical-content .item {
    max-height: 110px;
  }
}
/* ind--合作客户 */
.ind-partner {
  margin-top: clamp(calc(150 / 2 * 1px), calc(150 / 1920 * 100 * 1vw), 150px);
  position: relative;
}
.ind-partner .imagebg {
  position: absolute;
  width: 100%;
  height: 100%;
}
.ind-partner .imagebg img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.ind-partner .ind-title-box {
  padding-top: clamp(calc(116 / 2 * 1px), calc(116 / 1920 * 100 * 1vw), 116px);
  position: relative;
}

.ind-partner .ind-title-box .idn-title{
    z-index: 1;
}
.ind-partner .ind-title-box .idn-title .content p {
  color: var(--black-text);
}
.ind-partner .ind-title-box .idn-title .content div {
  color: #0A1424;
}
.ind-partner .ind-partner-content {
  margin-top: clamp(calc(110 / 2 * 1px), calc(110 / 1920 * 100 * 1vw), 110px);
  padding-bottom: clamp(calc(139 / 2 * 1px), calc(139 / 1920 * 100 * 1vw), 139px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  gap: var(--num_20);
}
.ind-partner .ind-partner-content .swiper_box {
  width: 50%;
  height: auto;
  overflow: hidden;
  background: #000000;
}
.ind-partner .ind-partner-content .swiper_box ul li {
  width: 100%;
  height: auto;
}
.ind-partner .ind-partner-content .swiper_box ul li .cerBox {
  width: 100%;
  height: auto;
  position: relative;
  z-index: 1;
  cursor: pointer;
}
.ind-partner .ind-partner-content .swiper_box ul li .cerBox .word_box {
  padding: clamp(calc(59 / 2 * 1px), calc(59 / 1920 * 100 * 1vw), 59px);
  width: 100%;
  height: auto;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 5;
  filter: brightness(0) invert(1);
}
.ind-partner .ind-partner-content .swiper_box ul li .cerBox .word_box .logo img {
  filter: brightness(0) invert(1);
}
.ind-partner .ind-partner-content .swiper_box ul li .cerBox .word_box .title {
  margin-top: clamp(calc(26 / 2 * 1px), calc(26 / 1920 * 100 * 1vw), 26px);
  font-size: var(--font16);
}
.ind-partner .ind-partner-content .swiper_box ul li .cerBox .images {
  width: 100%;
  height: auto;
}
.ind-partner .ind-partner-content .swiper_box ul li .cerBox .images .pb {
  padding-bottom: 75.4%;
}
.ind-partner .ind-partner-content .swiper_box ul li .cerBox .images .pb .ab img {
  
  transition: all 0.45s ease;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.ind-partner .ind-partner-content .swiper_box ul li:hover .cerBox .images img {
  -webkit-transition: all 0.45s ease;
  -o-transition: all 0.45s ease;
  transition: all 0.45s ease;
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}
.ind-partner .ind-partner-content .item {
  position: relative;
  width: 50%;
  overflow: hidden;
}
.ind-partner .ind-partner-content .item .bgimage {
  width: 100%;
  height: auto;
}
.ind-partner .ind-partner-content .item .bgimage img {
  -webkit-transition: all 0.45s ease;
  -o-transition: all 0.45s ease;
  transition: all 0.45s ease;
  width: 100%;
}
.ind-partner .ind-partner-content .item .word_box {
  padding: clamp(calc(59 / 2 * 1px), calc(59 / 1920 * 100 * 1vw), 59px);
  width: 100%;
  height: auto;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 5;
}
.ind-partner .ind-partner-content .item .word_box .logo img {
  filter: brightness(0) invert(1);
}
.ind-partner .ind-partner-content .item .word_box .title {
  margin-top: clamp(calc(26 / 2 * 1px), calc(26 / 1920 * 100 * 1vw), 26px);
  font-size: var(--font16);
}
.ind-partner .ind-partner-content .item .list {
  width: 100%;
  height: auto;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--num_20);
}
.ind-partner .ind-partner-content .item .list .one {
  -webkit-transition: all 0.45s ease;
  -o-transition: all 0.45s ease;
  transition: all 0.45s ease;
  background-color: #fff;
}
.ind-partner .ind-partner-content .item .list .one .pb {
  padding-bottom: 53.77%;
}
.ind-partner .ind-partner-content .item .list .one .pb .ab {
  align-content: center;
}
.ind-partner .ind-partner-content .item .list .one .pb .ab img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.ind-partner .ind-partner-content .item .list .one:hover {
  -webkit-transition: all 0.45s ease;
  -o-transition: all 0.45s ease;
  transition: all 0.45s ease;
  background: linear-gradient(180deg, #030144 0%, #33398A 100%);
}
.ind-partner .ind-partner-content .item .list .one:hover img {
  -webkit-transition: all 0.45s ease;
  -o-transition: all 0.45s ease;
  transition: all 0.45s ease;
  filter: brightness(0) invert(1);
}
.ind-partner .ind-partner-content .partnerlist {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  gap: 16px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  cursor: pointer;
}
.ind-partner .ind-partner-content .partnerlist .image {
  -webkit-transition: all 0.45s ease;
  -o-transition: all 0.45s ease;
  transition: all 0.45s ease;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  text-align: center;
  background: #FFFFFF;
  padding: clamp(calc(30 / 2 * 1px), calc(30 / 1920 * 100 * 1vw), 30px);
}
.ind-partner .ind-partner-content .partnerlist .image .img-size {
  -webkit-transition: all 0.45s ease;
  -o-transition: all 0.45s ease;
  transition: all 0.45s ease;
  margin: auto;
  width: 100%;
  height: auto;
  max-width: var(--num_160);
  max-height: var(--num_80);
}
.ind-partner .ind-partner-content .partnerlist .image .img-size img {
  -webkit-transition: all 0.45s ease;
  -o-transition: all 0.45s ease;
  transition: all 0.45s ease;
  width: 100%;
  height: auto;
}
.ind-partner .ind-partner-content .partnerlist .image:hover {
  -webkit-transition: all 0.45s ease;
  -o-transition: all 0.45s ease;
  transition: all 0.45s ease;
  background: linear-gradient(180deg, #030144 0%, #33398A 100%);
}
.ind-partner .ind-partner-content .partnerlist .image:hover .img-size {
  -webkit-transition: all 0.45s ease;
  -o-transition: all 0.45s ease;
  transition: all 0.45s ease;
}
.ind-partner .ind-partner-content .partnerlist .image:hover .img-size img {
  -webkit-transition: all 0.45s ease;
  -o-transition: all 0.45s ease;
  transition: all 0.45s ease;
  filter: brightness(0) invert(1);
}





@media (max-width:1560px) {
  .ind-partner .ind-partner-content .swiper_box ul li .cerBox .images .pb {
    padding-bottom: 75%;
  }
}
@media (max-width:990px) {
  .ind-partner .ind-partner-content .partnerlist {
    margin-top: clamp(calc(50 / 2 * 1px), calc(50 / 1920 * 100 * 1vw), 50px);
  }
}
@media (max-width:768px) {
  .ind-partner {
    margin-top: clamp(calc(80 / 2 * 1px), calc(80 / 1920 * 100 * 1vw), 80px);
  }
  .ind-partner .ind-partner-content {
    display: inline-block;
    width: 100%;
  }
  .ind-partner .ind-partner-content .item {
    margin-top: clamp(calc(20 / 2 * 1px), calc(20 / 1920 * 100 * 1vw), 20px);
    width: 100%;
  }
  .ind-partner .ind-partner-content .partnerlist {
    margin-top: clamp(calc(50 / 2 * 1px), calc(50 / 1920 * 100 * 1vw), 50px);
  }
  .ind-partner .ind-partner-content .swiper_box {
    width: 100%;
    height: 300px;
  }
  .ind-partner .ind-partner-content .swiper_box ul li .cerBox {
    height: 100%;
    background-color: #000000;
  }
}
@media (max-width:480px) {

    .ind-partner .ind-partner-content .swiper_box ul li .cerBox .images .pb{
        padding-bottom: 86%;
    }
}
@media (max-width:360px) {

    .ind-partner .ind-partner-content .swiper_box ul li .cerBox .images .pb{
        padding-bottom: 94%;
    }
}


@media (max-width:360px) {
  .ind-partner {
    margin-top: clamp(calc(50 / 2 * 1px), calc(50 / 1920 * 100 * 1vw), 50px);
  }
  .ind-partner .ind-title-box {
    padding-top: clamp(calc(10 / 2 * 1px), calc(10 / 1920 * 100 * 1vw), 10px);
    position: relative;
  }
  .ind-partner .ind-partner-content {
    margin-top: clamp(calc(50 / 2 * 1px), calc(50 / 1920 * 100 * 1vw), 50px);
    padding-bottom: clamp(calc(50 / 2 * 1px), calc(50 / 1920 * 100 * 1vw), 50px);
  }
  .ind-partner .ind-partner-content .swiper_box ul li .cerBox .word_box {
    padding: clamp(calc(20 / 2 * 1px), calc(20 / 1920 * 100 * 1vw), 20px);
    bottom: 15px;
  }
  .ind-partner .ind-partner-content .swiper_box ul li .cerBox .word_box p {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
  }
}
/* ------------------------- */
/* ind--新闻资讯 */
.img-cover {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
/* 布局 */
.container {
  width: 100%;
}
@media (max-width:1560px) {
  .container {
    max-width: 100%;
    padding: 0 60px;
    margin: 0 auto;
  }
}
@media (max-width:1024px) {
  .container {
    padding: 0 30px;
  }
}
@media (max-width:990px) {
  .container {
    padding: 0 20px;
  }
}
/* ------------------------- */
/* 轮播按钮--公用 */
.pagination-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  height: var(--num_70);
}
.pagination-box .slide-num {
  display: flex;
  width: 173px;
  gap: 5px;
}
.pagination-box .slide-num .current span,
.pagination-box .slide-num .all span,
.pagination-box .slide-num .line {
  color: #000000;
  font-size: var(--font26);
}
.pagination-box .slide-num .current span {
  font-weight: 700;
}
.pagination-box .scroll {
  flex: 1;
  --number: clamp(0.125rem, calc(-0.183rem + 0.38vw), 0.25rem);
}
.pagination-box .scroll .swiper-pagination,
.pagination-box .scroll .swiper-scrollbar {
  width: 100%;
  height: var(--number);
  background-color: rgba(0, 0, 0, 0.1);
}
.pagination-box .scroll .swiper-pagination .swiper-pagination-progressbar-fill,
.pagination-box .scroll .swiper-scrollbar .swiper-pagination-progressbar-fill,
.pagination-box .scroll .swiper-pagination .swiper-scrollbar-drag,
.pagination-box .scroll .swiper-scrollbar .swiper-scrollbar-drag {
  background-color: var(--light-purple);
}
.pagination-box .ind-swiperbtn {
  position: relative;
  width: 100%;
  height: 100%;
}
.pagination-box .ind-swiperbtn .swiper-button-next,
.pagination-box .ind-swiperbtn .swiper-button-prev {
  text-align: center;
  align-content: center;
  width: var(--num_65);
  height: var(--num_55);
  transform: skew(-15deg);
  background-image: inherit;
  border: solid 1px rgba(51, 51, 51, 0.2);
  display: flex;
  align-items: center;
  justify-content: center;
  
}
.pagination-box .ind-swiperbtn .swiper-button-next img,
.pagination-box .ind-swiperbtn .swiper-button-prev img {
  transform: skew(15deg);
}
@media (max-width:1560px) {
  .pagination-box .ind-swiperbtn .swiper-button-next,
  .pagination-box .ind-swiperbtn .swiper-button-prev {
    height: inherit;
  }
}
.index-news {
  margin-top: clamp(calc(110 / 2 * 1px), calc(110 / 1920 * 100 * 1vw), 110px);
}
.index-news .ind-title-box{
    position: relative;
}
.index-news .ind-title-box .idn-title .content div {
  color: #0A1424;
}
.index-news .ind-title-box .idn-title .content p {
  color: var(--black-text);
}
.index-news .swiperbox {
  position: relative;
}
.index-news .swiperbox::before {
  content: '';
  width: 100%;
  height: 100%;
  background-color: white;
  position: absolute;
  right: 100%;
  top: 0;
  z-index: 2;
}
@media (max-width:1560px) {
  .index-news .swiperbox::before {
    margin-right: -60px;
  }
}
@media (max-width:1024px) {
  .index-news .swiperbox::before {
    margin-right: -30px;
  }
}
@media (max-width:990px) {
  .index-news .swiperbox::before {
    margin-right: -20px;
  }
}
.index-news .swiperbox .news-main {
  margin-top: clamp(calc(60 / 2 * 1px), calc(60 / 1920 * 100 * 1vw), 60px);
  overflow: visible;
}
.index-news .swiperbox .news-main div.swiper-slide.swiper-slide-active .swiper-box,
.index-news .swiperbox .news-main div.swiper-slide.swiper-slide-active .swiper-scrollbar,
.index-news .swiperbox .news-main div.swiper-slide.swiper-slide-active .swiper-pagination {
  opacity: 1;
}
.index-news .swiperbox .news-main .swiper-box {
  -webkit-transition: all 0.45s ease;
  -o-transition: all 0.45s ease;
  transition: all 0.45s ease;
  opacity: 0;
}
.index-news .swiperbox .news-main .pagination-box {
  margin-top: clamp(calc(72 / 2 * 1px), calc(72 / 1920 * 100 * 1vw), 72px);
}
.index-news .swiperbox .news-main .pagination-box .ind-swiperbtn {
  margin-left: clamp(calc(70 / 2 * 1px), calc(70 / 1920 * 100 * 1vw), 70px);
  width: 280px;
  width: var(--num_160);
}
.index-news .swiperbox .item-box {
  display: block;
  height: 100%;
  position: relative;
  overflow: hidden;
}
.index-news .swiperbox .item-box .img {
  overflow: hidden;
  position: relative;
}
.index-news .swiperbox .item-box .img::before {
  -webkit-transition: all 0.45s ease;
  -o-transition: all 0.45s ease;
  transition: all 0.45s ease;
  content: '';
  width: 100%;
  height: 100%;
  background-size: cover;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 1;
  opacity: 0;
}
.index-news .swiperbox .item-box .img .pb {
  padding-bottom: 76.77%;
}
.index-news .swiperbox .item-box .img img {
  -webkit-transition: all 0.45s ease;
  -o-transition: all 0.45s ease;
  transition: all 0.45s ease;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.index-news .swiperbox .item-box .text-box {
  -webkit-transition: all 0.45s ease;
  -o-transition: all 0.45s ease;
  transition: all 0.45s ease;
  margin-top: clamp(calc(18 / 2 * 1px), calc(18 / 1920 * 100 * 1vw), 18px);
}
.index-news .swiperbox .item-box .text-box .title {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  color: #0A1424;
  font-size: var(--font26);
  font-weight: 700;
  line-height: 1.2;
}
.index-news .swiperbox .item-box .text-box .content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  gap: 20px;
  margin-top: clamp(calc(45 / 2 * 1px), calc(45 / 1920 * 100 * 1vw), 45px);
  font-size: var(--font18);
}
.index-news .swiperbox .item-box .text-box .content .c-title {
  color: var(--light-purple);
}
.index-news .swiperbox .item-box .text-box .content .c-time {
  position: relative;
  padding-left: 20px;
  color: #666666;
}
.index-news .swiperbox .item-box .text-box .content .c-time::before {
  content: "";
  position: absolute;
  left: 0;
  top: 7px;
  width: 1px;
  height: 17px;
  background: #E2E2E2;
}
.index-news .swiperbox .item-box:hover .img {
  overflow: hidden;
}
.index-news .swiperbox .item-box:hover .img::before {
  opacity: 1;
}
.index-news .swiperbox .item-box:hover .img img {
  -webkit-transition: all 0.45s ease;
  -o-transition: all 0.45s ease;
  transition: all 0.45s ease;
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}
.index-news .swiperbox .item-box:hover .text-box {
  -webkit-transition: all 0.45s ease;
  -o-transition: all 0.45s ease;
  transition: all 0.45s ease;
}
.index-news .swiperbox .item-box:hover .text-box .title {
  color: var(--deep-purple);
}
@media (max-width:1680px) {
  .index-news .swiperbox .news-main .pagination-box .slide-num {
    width: 100px;
  }
  .index-news .swiperbox .news-main .pagination-box .ind-swiperbtn {
    width: 140px;
  }
}
@media (max-width:1560px) {
  .index-news .swiperbox .news-main .pagination-box .ind-swiperbtn {
    width: 120px;
  }
}
@media (max-width:1400px) {
  .index-news .swiperbox .news-main .pagination-box .ind-swiperbtn {
    width: 100px;
  }
}
@media (max-width:1200px) {
  .index-news {
    margin-top: clamp(calc(55 / 2 * 1px), calc(55 / 1920 * 100 * 1vw), 55px);
  }
}
@media (max-width:1024px) {
  .index-news .news-main .news-swiper .swiper-scrollbar {
    display: none;
  }
  .index-news .news-main .news-swiper {
    padding-right: 0;
  }
}
@media (max-width:768px) {
  .index-news {
    margin-top: 0px;
  }
}
@media (max-width:480px) {
  .index-news .news-main .news-swiper{
      overflow: hidden;
  }
  
}


.ins_tit {
  width: 100%;
  height: 100%;
  padding-top: calc(var(--header-height) + 100px);
}
.ins_tit .item_box {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.ins_tit .item_box .item {
  height: 600px;
  width: 36.875%;
  position: relative;
  z-index: 2;
  -webkit-transition: all 0.45s ease;
  -o-transition: all 0.45s ease;
  transition: all 0.45s ease;
}
.ins_tit .item_box .item img {
  height: 100%;
  object-fit: cover;
  max-width: unset !important;
}
.ins_tit .item_box .item:nth-child(1) {
  background: green;
  -webkit-clip-path: polygon(0 0, 100% 0, 71.3% 100%, 0% 100%);
  clip-path: polygon(0 0, 100% 0, 71.3% 100%, 0% 100%);
  overflow: hidden;
  flex-shrink: 0;
}
.ins_tit .item_box .item:nth-child(2) {
  background: red;
  clip-path: polygon(0px 0px, 139.48% 3px, 101.26% 99.67%, -40.08% 99.33%);
  z-index: 1;
}
.ins_tit .item_box .item:nth-child(3) {
  background: yellowgreen;
  -webkit-clip-path: polygon(28.7% 0, 100% 0, 100% 100%, 0% 100%);
  clip-path: polygon(28.7% 0, 100% 0, 100% 100%, 0% 100%);
  overflow: hidden;
  flex-shrink: 0;
}
/* ------------------------- */
/* team--核心成员 */
.team-container {
  margin-top: clamp(calc(87 / 2 * 1px), calc(87 / 1920 * 100 * 1vw), 87px);
  padding-top: clamp(calc(20 / 2 * 1px), calc(20 / 1920 * 100 * 1vw), 20px);
  position: relative;
  background-color: #fff;
}
.team-container::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 5px;
  top: 14px;
  background-color: var(--bg-color);
}
.team-container .team-item {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  margin-top: clamp(calc(80 / 2 * 1px), calc(80 / 1920 * 100 * 1vw), 80px);
  background-color: var(--bg-color);
}
.team-container .team-item .menber {
  width: 32%;
  max-width: 446px;
  position: relative;
}
.team-container .team-item .menber .image {
  padding: 10px;
  
}
.team-container .team-item .menber .image img{
    width: 100%;
}
.team-container .team-item .menber .result {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  margin-top: clamp(calc(55 / 2 * 1px), calc(55 / 1920 * 100 * 1vw), 55px);
  gap: 17px;
}
.team-container .team-item .menber .result .line {
  width: 60%;
  height: 1px;
  background: #D7D7D7;
}
.team-container .team-item .menber .result .title {
  width: 40%;
  color: var(--deep-purple);
  font-size: var(--font30);
  font-weight: 300;
}
.team-container .team-item ::-webkit-scrollbar {
  width: 5px;
}
.team-container .team-item ::-webkit-scrollbar-thumb {
  border-radius: 8px;
  background: #DBDBDB;
}
.team-container .team-item ::-webkit-scrollbar-track {
  border-radius: 8px;
  background: #eeeeee;
}
.team-container .team-item ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.team-container .team-item .menber-content {
  width: 68%;
  margin-left: clamp(calc(30 / 2 * 1px), calc(30 / 1920 * 100 * 1vw), 30px);
  padding-right: clamp(calc(40 / 2 * 1px), calc(40 / 1920 * 100 * 1vw), 40px);
  padding-bottom: clamp(calc(22 / 2 * 1px), calc(22 / 1920 * 100 * 1vw), 22px);
}
.team-container .team-item .menber-content .name {
  margin-top: clamp(calc(30 / 2 * 1px), calc(30 / 1920 * 100 * 1vw), 30px);
  font-size: var(--font50);
  color: var(--deep-purple);
  font-weight: 300;
}
.team-container .team-item .menber-content .profession {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  line-height: 28px;
}
.team-container .team-item .menber-content .profession .title,
.team-container .team-item .menber-content .profession .time {
  color: var(--deep-purple);
  font-size: var(--font24);
  font-weight: 300;
}
.team-container .team-item .menber-content .profession .time {
  margin-left: clamp(calc(24 / 2 * 1px), calc(24 / 1920 * 100 * 1vw), 24px);
}
.team-container .team-item .menber-content .member-list {
  position: relative;
  margin-top: clamp(calc(24 / 2 * 1px), calc(24 / 1920 * 100 * 1vw), 24px);
  padding-top: clamp(calc(18 / 2 * 1px), calc(18 / 1920 * 100 * 1vw), 18px);
  border-top: solid 1px #E0E0E0;
}
.team-container .team-item .menber-content .member-list ul {
  padding-right: clamp(calc(50 / 2 * 1px), calc(50 / 1920 * 100 * 1vw), 50px);
  overflow-y: scroll;
  max-height: 270px;
}
.team-container .team-item .menber-content .member-list ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  gap: 1px;
  font-size: var(--font16);
  line-height: 26px;
  padding-top: clamp(calc(8 / 2 * 1px), calc(8 / 1920 * 100 * 1vw), 8px);
  padding-bottom: clamp(calc(8 / 2 * 1px), calc(8 / 1920 * 100 * 1vw), 8px);
}
.team-container .team-item .menber-content .member-list ul li .icon {
  object-fit: cover;
  width: 20px;
  height: 10px;
}
.team-container .team-item .menber-content .member-list ul li .title {
  color: #666666;
}
.team-container .team-item .menber-content .member-list ul::after {
  position: absolute;
  content: "";
  bottom: 0;
  width: 100%;
  height: var(--num_50);
  background: -webkit-linear-gradient(90deg, #f7f7f7 0%, transparent 100%);
  background: linear-gradient(0deg, #f7f7f7 0%, transparent 100%);
}
.team-container .team-item .menber-content .member-banner {
  margin-top: clamp(calc(13 / 2 * 1px), calc(13 / 1920 * 100 * 1vw), 13px);
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  width: 100%;
}
.team-container .team-item .menber-content .member-banner .result-title {
  display: none;
  margin-bottom: clamp(calc(20 / 2 * 1px), calc(20 / 1920 * 100 * 1vw), 20px);
  color: var(--deep-purple);
  font-size: var(--font30);
  font-weight: 300;
}
.team-container .team-item .menber-content .member-banner .menber-swiper {
  width: 76%;
  overflow: hidden;
}
.team-container .team-item .menber-content .member-banner .menber-swiper .item-title {
  margin-top: clamp(calc(12 / 2 * 1px), calc(12 / 1920 * 100 * 1vw), 12px);
  text-align: center;
  color: var(--deep-purple);
  font-size: var(--font14);
}
.team-container .team-item .menber-content .member-banner .pagination-box {
  width: 24%;
  padding-left: clamp(calc(30 / 2 * 1px), calc(30 / 1920 * 100 * 1vw), 30px);
  padding-right: clamp(calc(30 / 2 * 1px), calc(30 / 1920 * 100 * 1vw), 30px);
}
@media (max-width:990px) {
  .team-container .team-item {
    display: inline-block;
    width: 100%;
  }
  .team-container .team-item .menber,
  .team-container .team-item .menber-content {
    width: 100%;
  }
  .team-container .team-item .menber .result {
    display: none;
  }
  .team-container .team-item .menber .image {
    width: 50%;
  }
  .team-container .team-item .menber-content .team-container .team-item .member-list {
    max-height: inherit;
  }
  .team-container .team-item .menber-content .member-banner {
    position: relative;
    display: inline-block;
    margin-top: clamp(calc(100 / 2 * 1px), calc(100 / 1920 * 100 * 1vw), 100px);
  }
  .team-container .team-item .menber-content .member-banner .result-title {
    display: inline-block;
  }
  .team-container .team-item .menber-content .member-banner .menber-swiper {
    width: 100%;
  }
  .team-container .team-item .menber-content .member-banner .pagination-box {
    display: none;
  }
}
@media (max-width:640px) {
  .team-container .team-item {
    display: inline-block;
    width: 100%;
  }
  .team-container .team-item .menber,
  .team-container .team-item .menber-content {
    width: 100%;
  }
  .team-container .team-item .menber-content .member-banner .menber-swiper {
    width: 100%;
  }
  .team-container .team-item .menber-content .member-banner .menber-swiper .item-box {
    width: 100%;
  }
  .team-container .team-item .menber-content .member-banner .menber-swiper .item-box .img {
    width: 100%;
  }
  .team-container .team-item .menber-content .member-banner .menber-swiper .item-box .img img {
    width: 100%;
  }
  .team-container .team-item .menber-content .member-banner .pagination-box {
    position: absolute;
    top: -40px;
    right: 0px;
    width: 180px;
    padding-right: clamp(calc(20 / 2 * 1px), calc(20 / 1920 * 100 * 1vw), 20px);
  }
  .team-container .team-item .menber-content .member-list ul {
    padding-right: clamp(calc(20 / 2 * 1px), calc(20 / 1920 * 100 * 1vw), 20px);
  }
}