.bodyindex {
	background:#F9FAFF
}
.shuzi_box{ margin-top:-150px; }
.shuzitx {
	display: grid;
	grid-template-columns: repeat(5, minmax(0px, 1fr));
	gap:17px;
	padding-top:15px;
}
.shuzitx li {
	border-radius:5px;
	position:relative;
	overflow:hidden;
	background: #fff;
	height:141px;
}
.shuzitx li:hover {
	background: linear-gradient(to top, rgba(73, 109, 255, 1), rgba(114, 142, 255, 1)); -webkit-box-shadow: 5px 0px 20px rgba(0,0,0,0.2); -moz-box-shadow: 5px 0px 20px rgba(0,0,0,0.2); -o-box-shadow: 5px 0px 20px rgba(0,0,0,0.2);box-shadow: 5px 0px 20px rgba(0,0,0,0.2);
}
.shuzitx li img.tb {
	position:absolute;
	width:28px;
	top:26.2%;
	left:6.4%;
}
.shuzitx li img.tb.xian {
	display:block;
}
.shuzitx li img.tb.xiao {
	display:none;
}
.shuzitx li:hover img.tb.xian {
	display:none;
}
.shuzitx li:hover img.tb.xiao {
	display:block;
}
.shuzitx li img.tb1 {
	position:absolute;
	right:0;
	top:0;
	width:115px;
}
.shuzitx li dl {
	display:block;
	padding-left:21%;
	padding-top:30px;
}
.shuzitx li i {
	font-weight:600;
	font-size:32px;
	display:block;
}
.shuzitx li i em {
}
.shuzitx li span {
	font-size:18px;
	font-weight:bold;
	padding-top:15px;
	display:block;
}
.shuzitx li:hover i, .shuzitx li:hover span {
	color:#FFF
}
.comtit_new {
	text-align:center;
}
.comtit_new i {
	display:block;
	color:rgba(28, 31, 35, 1);
	font-size:30px;
	font-weight:500;
	padding-bottom:9px;
	font-weight:bold
}
.comtit_new p {
	font-weight:400;
	font-size:16px;
	color:rgba(28, 31, 35, 0.6);
}
.about_2025 {
	padding-top:7.5%
}
.about_2025 .about_2025_con {
}
.about_2025 .about_2025_con .about_2025_con_list {
	margin:auto;
	display:flex;
	width:1360px;
	max-width:100%;
	padding-top:3%
}
.about_2025 .about_2025_con .about_2025_con_list .item106 {
	width:44.7%;
	margin-right:2.3%;
}
.about_2025 .about_2025_con .about_2025_con_list .item106 .pic {
	/*opacity:0;*/
	transition: all 0.2s;
}
.about_2025 .about_2025_con .about_2025_con_list .item106 .pic.yin{ display: none; }
/*.about_2025 .about_2025_con .about_2025_con_list .item106:hover .pic {
	opacity:1
}*/
.about_2025 .about_2025_con .about_2025_con_list .item106 .pic span {
	padding-bottom:116.6%
}
.about_2025 .about_2025_con .about_2025_con_list .item107 {
	width:53%;
}
.about_2025 .about_2025_con .about_2025_con_list .item li.f {
	margin-bottom:3.5%
}
.about_2025 .about_2025_con .about_2025_con_list .item li .pic {
	transition: all 0.2s;
}
.about_2025 .about_2025_con .about_2025_con_list .item106:hover .pic.yin {display: block;
}
.about_2025 .about_2025_con .about_2025_con_list .item106:hover .pic.xian{ display: none; }

.about_2025 .about_2025_con .about_2025_con_list .item li .pic span {
	padding-bottom:47.3%;
}
.tong_connr ul li:before, .dan_con ul li:before {
	font-family:"iconfont";
	content: "\e617";
	float: left;
	font-size: 14px;
	margin:0 5px 0 10px;
}
.tong_connr ul li .lir, .dan_con ul li .lir {
	overflow: hidden;
}
.ouradvance_l_detail ol {
	counter-reset: li;
}
.ouradvance_l_detail ol li {
	display:flex;
	align-items: center;
}
.ouradvance_l_detail ol li::before {
 font-family:"iconfont";
content: "\e617";
 counter-increment: li;
float: left;
display: block;
margin-right: 5px;
color:#1272FD;
font-size:12px;
}
.ouradvance_l_detail ol li .lir {
	overflow: hidden;
}
.mtjj {
	padding-top:7.1%
}
.mtjj ul {
	padding-top:4.3%;
	display: grid;
	grid-template-columns: repeat(2, minmax(0px, 1fr));
	gap:20px;
}
.mtjj ul li {
	border-radius:10px;
	background:#FFF;
	overflow:hidden;
}
.mtjj ul li .v84_yejiao {
	background:#5073FF;
	height:45px;
	line-height:45px;
	font-size:0px;
	padding-left:20px;
}
.mtjj ul li .v84_yejiao i {
	display:inline-block;
	background:#FFF;
	width:8px;
	height:8px;
	border-radius:8px;
	float:left;
	margin-top:18px;
	margin-right:8px;
}
.mtjj ul li .v84_yejiao span{ display: inline-block; float: left; font-size: 20px; color: #fff; font-weight: bold; }
.mtjj ul li dl {
	margin:2% 2.6%;
	position:relative;
}
.mtjj ul li dl .mengying{ content:""; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(../image/videobj.png); background-size: cover; z-index: 9; }
.mtjj ul li dl .dd {
	cursor:pointer;
	text-align:center;
	display:block;
	left:50%;
	top:50%;
	transform: translate(-50%, -50%);
	color:#FFF;
	position:absolute; z-index: 10;
}

.mtjj ul li dl .dd .dt {
	display:block;display: flex; align-items: center;   justify-content: center;
	margin:auto;
	margin-bottom:14px;
	position:relative;
	background:#FFF;
	width:76px;
	height:76px;
	border-radius:100%;
}
.mtjj ul li dl .dd .dt img {
	display:block;
	left:50%;
	top:50%;
	transform: translate(-50%, -50%);
	width: 36px;
	position:absolute
}
.mtjj ul li dl .dd i {
	display:block;
	font-size:20px;
}
.mtjj ul li dl .dd em {
	display:block;
}
.mtjj ul li dl video {
}
.ouradvance {
	padding-top:6%;
	background:url(../image/556.png) center 0 no-repeat
}
.ouradvance .ouradvance_con {
	padding-top:6%;
	display:flex;
}
.ouradvance .ouradvance_con .ouradvance_l {
	width:46.7%;
	margin-right:1.5%;
}
.ouradvance .ouradvance_con .ouradvance_l span.tt {
	font-size:30px;
	font-weight:500;
	color:rgba(28, 31, 35, 1);
	display:block;
	width:100%;
	padding-bottom:17px;
	border-bottom:1px solid #F3F1F1;
	position:relative;
	margin-bottom:25px;
}
.ouradvance .ouradvance_con .ouradvance_l span.tt:before {
	display:block;
	content:'';
	position:absolute;
	left:0;
	bottom:-2px;
	width:60px;
	height:2px;
	background:#FF8817;
}
.ouradvance .ouradvance_con .ouradvance_l .ouradvance_l_detail {
	font-size:15px;
	font-weight:400;
	line-height:28px;
}
.ouradvance .ouradvance_con .ouradvance_l .ouradvance_l_detail li {
	margin-bottom:17px;
}
.ouradvance .ouradvance_con .ouradvance_l .ouradvance_l_jj {
	font-size:15px;
	font-weight:400;
	line-height:38px;
}
.ouradvance .ouradvance_con .ouradvance_l .ouradvance_l_jj li {
	padding-left:40px;
	background:url(../image/ff.png) 0px center no-repeat;
	background-size:22px auto
}
.ouradvance .ouradvance_con .ouradvance_r {
	width:51.8%;
	display: flex;
	align-items: center;
}
.ouradvance .ouradvance_con .ouradvance_r img {
}
.newcase_tabnr {
	position:relative
}
.newcase_tabnr dl.dl {
	position:absolute;
	z-index:-1;
	left:0;
	top:0;
	width:100%;
	opacity:0;
	transition: all 0.3s
}
.newcase_tabnr dl.dl.f {
	position:relative;
}
.newcase_tabnr dl.dl.act {
	opacity:1;
	z-index:1;
}
.newcase_tit {
	border-bottom:1px solid #C6CACD;
	line-height:25px;
	font-size:0;
	margin-bottom:3%
}
.newcase_tit span {
	display:inline-block;
	text-align:center;
	font-size:24px;
	padding:0 4% 16px;
	position:relative;
	font-weight:bold;
	color:rgba(28, 31, 35, 0.8);
	bottom:-1px;
}
.newcase_tit span.act, .newcase_tit span:hover {
	color:#0f77f6;
	border-bottom:4px solid #0f77f6;
	cursor:pointer;
}
.newcase_tit span.act{ font-size: 26px; }
.casetx .swiper-container {
	padding-bottom:40px;
}
.casetx .swiper-slide {
	text-align:center;
}
.casetx .swiper-pagination {
	padding-bottom:10px;
}
.casetx .swiper-pagination {
	bottom:0px;
}
.casetx .pic span {
	padding-bottom:76%
}
.casetx dl {
	position:absolute;
	width:100%;
	left:0px;
	transition: all 0.5s;
	opacity:0;
	top:0;
	width:100%;
	height:100%;
	background:rgba(15, 119, 246, 0.7);
	display:flex;
	align-items: center;
}
.casetx .swiper-slide:hover dl {
	opacity:1;

}
.casetx .swiper-slide:hover .pic{-webkit-animation:transform-1 0.5s ease 0ms alternate none 1;animation:transform-1 0.5s ease 0ms alternate none 1;}


.casetx dl dd {
	margin:auto;
	padding:0 13%;
	color:#FFF;
}
.casetx dl i {
	display:block;
	font-size:22px;
	font-weight:700;
	text-align:center
}
.casetx dl em {
	display:block;
	text-align:left;
	font-size:16px;
	line-height:1.4;
	padding-top:27px;
}
.casetx p.pt {
	font-size:18px;
	line-height:40px;
	font-weight:400;
	display:block;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
.hxjs {
	padding-top:5.5%;
}
.hxjs .hxjs_con {
	padding-top:2.3%;
	width:1325px;
	margin:auto;
	max-width:100%;
	display:flex;
}
.hxjs .hxjs_con li {
	color:#FFF;
}


.hxjs .hxjs_con .hxjs_r ul li{transition: all 0.5s;}

.hxjs .hxjs_con .hxjs_r ul li:hover{-webkit-box-shadow: 5px 0px 20px rgba(0,0,0,0.2); -moz-box-shadow: 5px 0px 20px rgba(0,0,0,0.2); -o-box-shadow: 5px 0px 20px rgba(0,0,0,0.2);box-shadow: 5px 0px 20px rgba(0,0,0,0.2);}
.hxjs .hxjs_con li img {
	position:absolute;
	right:0;
	bottom:0
}
.hxjs .hxjs_con li dl span.spantit {
	font-size:32px;
	font-weight:700;
	display:block;
}
.hxjs .hxjs_con li dl em {
	font-size:14px;
	display:block;
}
.hxjs .hxjs_con li dl p {
	font-size:16px;
	max-width:100%;
}
.hxjs .hxjs_con .hxjs_l {
	position:relative;transition: all 0.5s;
	width:31.8%;
	margin-right:1.6%;
	background: linear-gradient(to top, rgba(193, 206, 227, 1), rgba(100, 124, 165, 1) );
	height:560px;
}

.hxjs .hxjs_con .hxjs_l:hover{-webkit-box-shadow: 5px 0px 20px rgba(0,0,0,0.2); -moz-box-shadow: 5px 0px 20px rgba(0,0,0,0.2); -o-box-shadow: 5px 0px 20px rgba(0,0,0,0.2);box-shadow: 5px 0px 20px rgba(0,0,0,0.2);}

.hxjs .hxjs_con .hxjs_l dl {
	padding:13.5% 6.6% 0 6.6%;
}
.hxjs .hxjs_con .hxjs_l em {
	margin-bottom:12%;
	padding-top:4%;
}
.hxjs .hxjs_con .hxjs_l p {
	width:337px;
}
.hxjs .hxjs_con .hxjs_r {
	width:66.6%;
}
.hxjs .hxjs_con .hxjs_r ul {
	display:flex;
}
.hxjs .hxjs_con .hxjs_r ul li {
	width:48.7%;
	background: linear-gradient(to top, rgba(229, 125, 42, 1), rgba(246, 208, 174, 1));
	height:270px;
	position:relative;transition: all 0.5s;
}



.hxjs .hxjs_con .hxjs_r ul li.f {
	margin-right:2.6%;
	background: linear-gradient(to top, rgba(68, 184, 132, 1), rgba(162, 231, 199, 1));
}
.hxjs .hxjs_con .hxjs_r ul li em {
	margin-bottom:6%;
	padding-top:4%;
}
.hxjs .hxjs_con .hxjs_r ul li p {
	width:304px;
}
.hxjs .hxjs_con .hxjs_r ul li dl {
	padding:5.1% 3.7% 0 3.7%;
}
.hxjs .hxjs_con .hxjs_r .hxlast {
	background: linear-gradient(to top, rgba(26, 130, 241, 1), rgba(145, 203, 254, 1));
	height:270px;
	margin-top:20px;
	position:relative;transition: all 0.5s;
}
.hxjs .hxjs_con .hxjs_r .hxlast:hover{-webkit-box-shadow: 5px 0px 20px rgba(0,0,0,0.2); -moz-box-shadow: 5px 0px 20px rgba(0,0,0,0.2); -o-box-shadow: 5px 0px 20px rgba(0,0,0,0.2);box-shadow: 5px 0px 20px rgba(0,0,0,0.2);}
.hxjs .hxjs_con .hxjs_r .hxlast dl {
	padding:6.2% 2.49% 0 2.49%;
	position:relative;
	z-index:1
}
.hxjs .hxjs_con .hxjs_r .hxlast em {
	margin-bottom:2%;
	padding-top:2%
}
.hxjs .hxjs_con .hxjs_r .hxlast img {
	position:absolute;
	left:2.49%;
	width:80px;
	top:22px;
	z-index:0
}
.kshpt {
	padding-top:6%;
}
.kshpt .kshpt_tit {
	text-align:center;
	display:flex;
	border-bottom:1px solid #C6CACD;
	padding-top:4.4%
}
.kshpt .kshpt_tit li {
	flex:1;
	font-size:24px;
	padding-bottom:14px;
	cursor:pointer;
	font-weight:bold
}
.kshpt .kshpt_tit li img {
	display:block;
	margin:auto;
	height:63px;
	padding-bottom:10px;
}
.kshpt .kshpt_tit li:hover, .kshpt .kshpt_tit li.act {
	color:rgba(15, 119, 246, 1);
	border-bottom:4px solid rgba(15, 119, 246, 1)
}
.kshpt .kshpt_tit li.act{ font-size: 26px; }
.kshpt ul {
	padding-top:20px;
}
.kshpt ul li {
	display:none;
}
.kshpt ul li.act {
	display:block;
}
.kshpt ul li video {
	width:100%;
}
.newfangan {
	padding-top:6.25%;
	padding-bottom:25px;
}
.newfangan .newcase_tit {
	padding-top:4.4%;
	display:flex;
	text-align:center;
}
.newfangan .newcase_tit span {
	flex:1
}
.newfangan .newcase_tit span img {
	display:block;
	margin:auto;
	height:63px;
	padding-bottom:10px;
}
.newfangan .newcase_tabnr {
}
.newfangan .pic {
	border-radius:10px;
}
.newfangan .pic span {
	padding-bottom: 68.1%;
}
.newfangan p.pt {
	text-align:left;
	font-size:22px;
	font-weight:bold;
	color:rgba(51, 51, 51, 1);
	padding-top:5px;
}
.newfangan p.ptt {
	text-align:left;
	font-size:18px;
	color:#999;
}
.indexcp {
	background:#F9FAFF;
	padding-top:7.2%;
	padding-bottom:488px;
	background:url(../image/bb.png) center bottom no-repeat
}

.indexcp .indexcp_nav {
	border-bottom:1px solid #C6CACD;
	line-height:25px;
	font-size:0;
	margin-bottom:3%; text-align: center;
}
.indexcp .indexcp_nav span {
	display:inline-block;
	text-align:center;
	font-size:24px;
	padding:0 4% 16px;
	position:relative;
	font-weight:bold;
	color:rgba(28, 31, 35, 0.8);
	bottom:-1px;
}

/*.indexcp .indexcp_nav {
	padding-top:4.4%;
	display:flex;
	text-align:center;
}*/
.indexcp .indexcp_nav span {
	flex:1
}
.indexcp .indexcp_nav span img {
	display:block;
	margin:auto;
	height:120px;
	padding-bottom:10px;
}

.indexcp .indexcp_nav span.act, .indexcp .indexcp_nav span:hover {
	color:#0f77f6;

	cursor:pointer;
}
.indexcp .indexcp_nav span.act{ font-size: 26px; border-bottom:4px solid #0f77f6;}



.indexcp .indexcp_nav {
	padding-top:3.1%;
	text-align:center;
	font-size:0;
}
/*.indexcp .indexcp_nav span {
	border-radius:4px;
	border:1px solid rgba(136, 141, 146, 1);
	height:42px;
	line-height:42px;
	display:inline-block;
	font-size:24px;
	color:rgba(136, 141, 146, 1);
	cursor:pointer;
	padding:0px 20px;
	margin:0px 10px;
}
.indexcp .indexcp_nav span:hover, .indexcp .indexcp_nav span.act {
	color:#FFF;
	background:rgba(15, 119, 246, 1);
	border-color:rgba(15, 119, 246, 1)
}
*/





.indexcp .indexcp_tabnr {
	padding-top:30px;
}
.indexcp .indexcp_tabnr dl {
	display:none;
}
.indexcp .indexcp_tabnr dl a.mmm {
	display:block;
	margin:35px auto;
	font-size:16px;
	color:rgba(22, 93, 255, 1);
	text-align:center
}
.indexcp .indexcp_tabnr dl a.mmm:hover{ color: #333 }
.indexcp .indexcp_tabnr dl.act {
	display:block;
}
.pic_list_cp {
	display: grid;
	grid-template-columns: repeat(4, minmax(0px, 1fr));
	gap:18px;
}
.pic_list_cp .item {transition: all 0.5s;
	background: linear-gradient(to top, rgba(255, 255, 255, 1), rgba(242, 244, 248, 1));
	border:1px solid #FEFEFF;
	border-radius:8px; margin-bottom:10px;
}
.pic_list_cp .item:hover {-webkit-box-shadow: 5px 0px 20px rgba(0,0,0,0.2); -moz-box-shadow: 5px 0px 20px rgba(0,0,0,0.2); -o-box-shadow: 5px 0px 20px rgba(0,0,0,0.2);box-shadow: 5px 0px 20px rgba(0,0,0,0.2);}
.pic_list_cp .item .pic{border-top-left-radius:5px;  border-top-right-radius:5px; }
.pic_list_cp .item .pic span {
	padding-bottom:75%;
}
.pic_list_cp .item:hover .pic span{-webkit-transform:scale(1.08); -moz-transform:scale(1.08);-o-transform:scale(1.08);transform:scale(1.08);}
.pic_list_cp .item .txt {
	padding:12px;
}
.pic_list_cp .item .txt span {
	color:rgba(54, 72, 112, 1);
	font-size:16px;
	display:block;
	width:100%;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	line-height:1.5; font-weight: bold;
}
.pic_list_cp .item .txt p {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
	line-height:20px;
	height:60px;
	color:#999;
	margin:10px 0;
	font-size:12px;
	color:rgba(51, 51, 51, 1)
}
.pic_list_cp .item .txt em {
	display:inline-block;
	color:#fff;
	width:97px;
	height:33px;
	border-radius:33px;
	line-height:33px;
	text-align:center;
	background: linear-gradient(to right, rgba(0, 112, 252, 1), rgba(18, 201, 213, 1));
	font-size:16px;
}
.indexnew2025 {
	margin-top:-408px;
	position:relative;
	z-index:20;
	padding-bottom:35px;
}
.xwdt_tx {
	padding-top:4.4%;
}
.swiper_list .swiper-container {
	padding-bottom:40px;
}
.xwdt_tx .swiper-slide {
	background:rgba(239, 242, 246, 1)
}
.swiper_list .pic span {
	padding-bottom:49%
}
.swiper_list .ptxt {
	padding:7% 6.25% 7% 6.25%;
}
.swiper_list .ptxt span {
	display:block;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	line-height:1.5;
	font-size:16px;
	/*color:rgba(73, 75, 79, 1)*/
}
.swiper_list .ptxt em {
	display:block;
	padding-bottom:10px;
	color:rgba(28, 31, 35, 0.6)
}
.swiper_list .ptxt p {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	line-height:20px;
	height:40px;
	/*visibility:hidden*/
	font-size: 13px;
	color: #a9a3a3;
}
.swiper_list .ptxt dl {
	color:rgba(22, 93, 255, 1);
	position:relative; font-size: 14px;
}
.swiper_list .ptxt dl:before {
	color:rgba(68, 68, 68, 1);
	position:absolute;
	right:0;
	top:50%;
	transform: translateY(-50%);
}

.pic_list_box{ margin:80px auto; }
.n_dhbox{ border-bottom: #CBCFD4 1px solid; margin:70px auto 0 auto;  }
.sanji_dh{ width: 1075px; max-width: 90%; margin:55px auto; background: #fff; height: 76px;  line-height: 76px; border-radius: 76px; text-align: center; font-size: 22px;}
.sanji_dh a{ display: block; float: left; width: 25%; display: flex; align-items: center;   justify-content: center; border-radius: 76px;  }
.sanji_dh a i{ display: inline-block; display: flex; align-items: center;   justify-content: center;   width: 45px; height: 45px; line-height: 45px; border-radius: 10px; background: #fff;  margin-right:10px; }
.sanji_dh a i img{ display: block; width: 25px; }
.sanji_dh a i img.yin{ display: none; }
.sanji_dh a:hover,.sanji_dh a.on{background: linear-gradient(to right, #5681FF, #CB8BFF); color: #fff;}


.bighead .w1200{ position:relative;}
.bighead .w1200 .cp_div{  padding-top:0; padding-bottom:0}
.bighead .w1200 .cp_div.act{}
.nav li.rot1:hover .cp_div{ display:flex; opacity:1; filter:alpha(opacity=1); z-index:100000}
.bighead .w1200 .cp_div .nav_l{ background:#f5f5f5; padding:20px; }
.bighead .w1200 .cp_div .nav_l a{ line-height:2; padding:0;width:200px; display:block; text-align:left; margin-top: 15px; color: #333;}
.bighead .w1200 .cp_div .nav_l a.act,.bighead .w1200 .cp_div .nav_l a:hover{    color: rgba(8, 102, 255, 1);}
.bighead .w1200 .cp_div .nav_r{ width: calc(100% - 200px);}
.bighead .w1200 .cp_div .nav_r .dl{ display:none; padding:20px 30px 20px 30px; }
.bighead .w1200 .cp_div .nav_r .dl.act{ display:block}
.cp_div ul .li a.at{ line-height:2}
.cp_div ul .li dl {padding-top: 0px;}

.zz_big{ background: #F9FAFF; padding:1px 0; }
.zz_box{margin:120px auto;}
.zz_about{ margin:30px auto 0 auto; }
.zz_video{ float: left; width: 52%; margin-right: 5%; }
.zz_jj{overflow: hidden; font-size: 18px; line-height: 2; color: rgba(28, 31, 35, 0.8); padding-top: 100px;}
.zz_list{ margin:30px auto; position: relative;  }
.zz_list li .pic_box_list{ background: #fff; padding:10px; border-radius: 8px;  position: relative;}
.zz_list li .pic span{ padding-top:141%; }
.zz_list li .pic img{ object-fit: contain; }
.zz_list li p{ margin:10px auto; text-align: center; font-size: 16px; }
.zz_list li dl{ position: absolute; left: 0;  width: 100%; height: 100%; background: linear-gradient(180deg, #3F8CFA 0%, #5066D4 100%); color: #fff; display: flex; align-items: center;   justify-content: center;border-radius: 8px; transform-style: preserve-3d; bottom: -700px;  bottom: 0;transition: all 0.8s; opacity: 0;
 }
 .zz_list li dl dd{ padding:0 15px; font-size: 18px; text-align: center; }
 .zz_list li:hover dl{ bottom: 0; }


 .zz_list li:hover .pic_box_list,  .zz_list li:hover .pic_box_list,.zz_list li:hover dl{-webkit-animation:transform-1 0.5s ease 0ms alternate none 1;animation:transform-1 0.5s ease 0ms alternate none 1; opacity: 1;}


@-webkit-keyframes transform-1 {
    from{-webkit-transform:perspective(200px) rotateY(180deg);transform:perspective(200px) rotateY(180deg);}
    to{-webkit-transform:perspective(200px) rotateY(360deg);transform:perspective(200px) rotateY(360deg);}
}
@keyframes transform-1 {
    from{-webkit-transform:perspective(1400px) rotateY(180deg);transform:perspective(1400px) rotateY(180deg);}
    to{-webkit-transform:perspective(1400px) rotateY(360deg);transform:perspective(1400px) rotateY(360deg);}
}



 .zz_list1{ margin:30px auto; /*display: grid; grid-template-columns: repeat(6, 1fr);  gap:30px; */}
 .zz_list1 li .pic_box_list{ background: #fff; padding:15px; border-radius: 8px;  position: relative;}
 .zz_list1 li .pic{ border-radius: 8px;  border: 6px solid rgba(236, 238, 249, 1) }
 .zz_list1 li .pic span{padding-top:107.7%;}
 .zz_list1 li .pic img{ object-fit: contain; }
 .zz_list1 li p{ margin:10px auto 0 auto; text-align: center; font-size: 16px; }

 .zz_list1 li dl{ position: absolute; left: 0;  width: 100%; height: 100%; background: linear-gradient(180deg, #3F8CFA 0%, #5066D4 100%); color: #fff; display: flex; align-items: center;   justify-content: center;border-radius: 8px; transform-style: preserve-3d; bottom: -700px;  bottom: 0;transition: all 0.8s; opacity: 0;
 }
 .zz_list1 li dl dd{ padding:0 15px; font-size: 16px; text-align: center; }
 .zz_list1 li:hover dl{ bottom: 0; }


 .zz_list1 li:hover .pic_box_list,  .zz_list1 li:hover .pic_box_list,.zz_list1 li:hover dl{-webkit-animation:transform-1 0.5s ease 0ms alternate none 1;animation:transform-1 0.5s ease 0ms alternate none 1; opacity: 1;}


 .zz_list2{ margin:30px auto; position: relative; /*display: grid; grid-template-columns: repeat(4, 1fr);  gap:15px; */}
 .zz_list2 li { background: #fff; border-radius: 8px;  position: relative; padding-bottom:1px;}
 .zz_list2 li .pic span{padding-top:100%;}
 .zz_list2 li .pic img{ object-fit: contain; }
 .zz_list2 li p{ margin:15px auto; text-align: center; font-size: 22px; }

.zz_list .swiper-button-next,.zz_list1 .swiper-button-next,.zz_list2 .swiper-button-next{ right: -50px; }
.zz_list .swiper-button-prev,.zz_list1 .swiper-button-prev,.zz_list2 .swiper-button-prev{ left: -50px; }
.zz_list .swiper-button-next, .zz_list .swiper-button-prev,.zz_list1 .swiper-button-next, .zz_list1 .swiper-button-prev,.zz_list2 .swiper-button-next, .zz_list2 .swiper-button-prev{ background-size: 15px auto; width: 15px;  height: 24px;}

.zzneiye .pic span{ padding-top: 40.468%; }


.style57new{ background:url(../image/57bg.jpg) no-repeat top #f9faff;  padding:57px 0 0 0; }
.ul57new{ margin:auto; display: grid; grid-template-columns: repeat(5, 1fr);  gap:25px; }

.ul57new a{ display: block; height:70px;  text-align: center; color: #333; border-radius: 12px; line-height: 70px;font-size: 24px;background: #FFF; }
.ul57new a:hover,.ul57new a.on{color: #fff; background: linear-gradient(90deg, #5E82FF 0%, #B489FF 100%);}
.u57_mid{ margin:100px auto; }
.style57 .u57_mid1{ margin:40px auto;  }
.style57 .des_er i{ font-weight: bold; }
.style57 .des_er img{ display: block; margin:30px auto; }
.style57new .er_edit{ padding-top: 0; }

.fangan_pic{display: grid; grid-template-columns: repeat(4, 1fr);  gap:20px;}
.fangan_pic li{/*border: 2px solid #fff;*/ border-radius: 12px; position: relative;  transition: all 0.5s;}
.fangan_pic li .pic_box{border-top-left-radius: 12px;   border-top-right-radius: 12px; padding:20px; background: #FDFDFE;}
.fangan_pic li .pic_box .pic{border-top-left-radius: 12px;   border-top-right-radius: 12px; }
.fangan_pic li .pic_box .pic span{ padding-top: 86.98%; }
.fangan_pic li h3{border-bottom-left-radius: 12px; height: 60px; line-height: 60px;    border-bottom-right-radius: 12px; background: linear-gradient(270deg, #0CB9D3 0%, #0071F6 100%); color: #fff; font-size: 22px; text-align: center; padding:0 10px; font-weight: normal;
}
.fangan_pic li .txt{position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(to bottom, rgba(63,140,250,0.8), rgba(80,102,212,0.9)); display: flex; align-items: center;   z-index: 1;border-radius: 12px; color: #fff; opacity: 0;transition: all 0.5s;
}
.fangan_pic li .txt .con{ padding:20px; }
.fangan_pic li .txt .con span{ font-size: 22px; font-weight: bold;  text-align: center; display: block;}
.fangan_pic li .txt .con p{ margin-top: 25px; font-size: 16px; line-height: 1.5; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; overflow: hidden;}
.fangan_pic li:hover{border:none;}
.fangan_pic li:hover .txt{opacity: 1; }
.fangan_pic li:hover .txt,.fangan_pic li:hover .pic_box,.fangan_pic li:hover h3{-webkit-animation:transform-1 0.5s ease 0ms alternate none 1;animation:transform-1 0.5s ease 0ms alternate none 1; }
.fangan_pic li .pic_box1{border-radius: 12px; background: #FDFDFE; position: relative;}


.fangan_pic li .more1{position: absolute; top: 0; left: 0; width: 100%; height: 100%;  display: flex; align-items: center;   justify-content: center; z-index: 1;border-radius: 12px; transition: all 0.5s; background: url(../image/more1.png) no-repeat center #fff; background-size: cover; font-size: 28px; color: rgba(8, 102, 255, 1); font-weight: bold;

}
.fangan_pic li.li8:hover .pic_box1,.fangan_pic li.li8:hover .more1{-webkit-animation:transform-1 0.5s ease 0ms alternate none 1;animation:transform-1 0.5s ease 0ms alternate none 1;}
.fangan_pic li a{ display: block; }