.img-center {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	display: block;
	width: auto!important;
	height: auto!important;
	z-index: 1;
}
.img-block {
	display: block;
	width: 100%;
	height: auto;
}
/* 分页 */
.pages {
	margin-top:40px;
	clear: both;
}
.pages .pagination {
	text-align: center;
	font-size:15px;
	height: auto;
}
.pages .pagination a {
	padding: 0 13px;
	line-height: 28px;
	height: 28px;
	font-size:15px;
	float: none;
	display: inline-block;
}
.pagination a.cur {
	color:#fff!important;
	background:#2776ea!important;
	border:1px solid #2776ea!important;
}
.pages .pagination a:hover {
	color:#fff!important;
	background:#2776ea!important;
	border:1px solid #2776ea!important;
}
.pages .pagination p {
	padding: 0 13px;
	line-height: 28px;
	font-size:15px;
	height: 28px;
	float: none;
	display: inline-block;
	margin-bottom:10px;
}

/* solution */
.page-solution {
	overflow: hidden;
	padding: 3% 0 4% 0;
}
.page-solution-left {
	float: left;
	width: 18%;
	height: 100%;
}
.page-solution-nav {
	 position: sticky;
    top:100px;
}
.page-solution-nav ul {
	list-style: none;
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #e8e8e8;
	padding: 9% 0;
	overflow: hidden;
}
.page-solution-nav ul a {
	display: block;
	color: #111;
	position: relative;
	font-size: 20px;
}
.page-solution-nav ul a.cur {
}
.page-solution-nav ul a.cur::after {
	content: '';
	width: 10px;
	height: 10px;
	background: url('../images/d2.png') center no-repeat;
	position: absolute;
	right: 7%;
	top: 50%;
	transform: translateY(-50%);
}
.page-solution-nav ul li {
	list-style: none;
	margin: 0;
	padding: 0;
	padding: 5% 0 0 0;
	display: none;
}
.page-solution-nav ul li a {
	color: #444;
	font-size: 16px;
	padding: 2.2% 0;
}
.page-solution-nav ul li a:hover {
	color: #2776ea;
	text-decoration: underline;
}
.page-solution-nav ul.cur a.cur::after {
	transform: translateY(-50%) rotate(180deg);
}
.page-solution-nav ul.cur {
	border-bottom: 1px solid #000;
}
.page-solution-nav ul.cur li {
	display: block;
}
.page-solution-right {
	float: right;
	width: 76%;
}
.page-solution-list {
	overflow: hidden;
	min-height: 700px;
}
.clear{
    clear:both;
    height:1px;
}
.clearfix::after {
    content: "";
    display: block;
    clear: both;
}
.page-solution-item {
	position: relative;
	overflow: hidden;
	margin-bottom: 8%;
}
.page-solution-item:last-child {
	margin-bottom: 1%;
}
.page-solution-item a {
	display: block;
}
.page-solution-item .img {
	float: right;
	width: 58%;
	z-index: 1;
	background: #e3e3e3;
	-webkit-transition:all .4s ease;
	-moz-transition:all .4s ease;
	transition:all .4s ease;
}
.page-solution-item .pic {
	position: relative;
	overflow: hidden;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}
.page-solution-item .pic img {
	max-width: 70%;
	margin: auto;
	padding: 0;
	border: 0;
	width: 100%!important;
	height: 48vh;
	object-fit: cover;
	border: none;
}
.page-solution-item .text {
	position: absolute;
	left: 0;
	top: 55%;
	z-index: 1;
	width: 44%;
	z-index: 11;
	transform: translateY(-50%);
	-webkit-transition:all .4s ease;
	-moz-transition:all .4s ease;
	transition:all .4s ease;
}
.page-solution-item .text-1 {
	color: #fdd000;
}
.page-solution-item .title-2 {
	color: #111;
	font-size: 22px;
	padding-bottom: 5%;
	position: relative;
	margin-top: 1%;
}
.page-solution-item .title-2::after {
	content: '';
	width: 100%;
	height: 2px;
	position: absolute;
	left: 0;
	bottom: 0;
	background: #000;
}
.page-solution-item .text-2 {
	color: #444;
	line-height:28px;
	margin-top: 4%;
	width: 80%;
	overflow: hidden;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}
.page-solution-item .text-2 p {
	margin: 0;
	padding: 0;
	font-size: 16px;
}
.page-solution-item .jiantou-1 {
	width: 26px;
	height: 14px;
	background: url('../images/r4.png');
	margin-top: 10%;
}
.page-solution-item a:hover .title-2 {
	color: #2776ea;
}
.page-solution-item a:hover .title-2::after {
	background: #2776ea;
}
.page-solution-item a:hover .text {
	left: 10px;
	-webkit-transition:all .4s ease;
	-moz-transition:all .4s ease;
	transition:all .4s ease;
}
.page-solution-item a:hover .img {
	transform: translateX(-10px);
	-webkit-transition:all .4s ease;
	-moz-transition:all .4s ease;
	transition:all .4s ease;
}
.page-solution-item:nth-child(2n) .img {
	float: left;
}
.page-solution-item:nth-child(2n) .text {
	left: auto;
	right: 0;
}
.page-solution-item:nth-child(2n) .text-1 {
	padding-left: 20%;
}
.page-solution-item:nth-child(2n) .title-2 {
	padding-left: 20%;
}
.page-solution-item:nth-child(2n) .text-2 {
	width: 100%;
	padding-left: 20%;
}
.page-solution-item:nth-child(2n) .jiantou-1 {
	margin-left: 20%;
}
.page-solution-item:nth-child(2n) a:hover .text {
	right: 10px;
	left: auto;
}
.page-solution-item:nth-child(2n) a:hover .img {
	transform: translateX(10px);
}
/* 产品-详情 */
.cz-product-detail {
	width: 100%;
	padding: 3% 0 1% 0;
	overflow: hidden;
	background: url('../images/indNews-bg.jpg') no-repeat center/cover;
}
.cz-product-detail-left {
	float: left;
	width: 52%;
	background: none;
	overflow: hidden;
}
.cz-product-detail-swiper {
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 100%;
}
.cz-product-detail-swiper .img {
    background: #e3e3e3;
}
.cz-product-detail-swiper .img img{ width: 100%;height:58vh;object-fit: cover;}
.cz-product-detail-swiper .swiper-button-next, .cz-product-detail-swiper .swiper-button-prev {
	left: auto;
	right: 0;
	top: auto;
	bottom: 0;
	margin: auto;
	width: 95px;
	height: 60px;
	z-index: 10;
}
.cz-product-detail-swiper .swiper-button-next::after, .cz-product-detail-swiper .swiper-button-prev::after {
display: none;
}
.cz-product-detail-swiper .swiper-button-next {
	right: 0;
	background: url('../images/jt-r1.png') center no-repeat rgba(0, 0, 0, .3);
}
.cz-product-detail-swiper .swiper-button-prev {
	right:96px;
	background: url('../images/jt-l1.png') center no-repeat rgba(0, 0, 0, .3);
}
.cz-product-detail-swiper .swiper-button-next:hover {
	background: url('../images/jt-r1.png') center no-repeat #2776ea;
}
.cz-product-detail-swiper .swiper-button-prev:hover {
	background: url('../images/jt-l1.png') center no-repeat #2776ea;
}
.cz-product-detail-right {
	float: left;
	width: 46%;
	padding: 2% 0 5% 5%;
	overflow: hidden;
}
.cz-product-detail-right .title-1 {
	color: #222;
}
.cz-product-detail-right .title-2 {
	font-size: 28px;
	color: #26334c;
}
.cz-product-detail-right .text-3 {
	padding: 30px 0;
	margin-top: 30px;
	border-top: 2px solid #9bbedd;
	overflow: hidden;
	font-size: 17px;
	color: #333;
	line-height: 24px;
	text-align: inherit;
	text-align: justify;
}
.cz-product-detail-right .text-3 p{ margin-bottom:10px;}
.cz-product-detail-right .buttom-4 {
	margin-top: 20px;
	overflow: hidden;
}
.cz-product-detail-right .buttom-4 a {
	display: block;
	float: left;
	width: 170px;
	height: 60px;
	line-height: 60px;
	border-radius: 5px;
	padding: 0 35px;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	position: relative;
	margin-right: 10px;
}
.cz-product-detail-right .buttom-4 a i {
	width: 20px;
	height: 20px;
	position: absolute;
	right: 15%;
	top: 50%;
	margin-top: -10px;
}
.cz-product-detail-right .buttom-4 a.bofang {
	background: #2776ea;
}
.cz-product-detail-right .buttom-4 a.zhixun {
	background: #d3ddf2;
	color:#333;
}
.cz-product-detail-right .buttom-4 a.bofang i {
	background: url('../images/play1.png') center no-repeat;
}
.cz-product-detail-right .buttom-4 a.zhixun i {
	background: url('../images/xiaoxi.png') center no-repeat;
}
.cz-product-detail-content {padding: 0 0 50px 0;overflow: hidden;}
.cz-product-detail-content .cz-content{}
.cz-detail-content {margin: 30px 0;}
.cz-detail-content .title-1 {font-size: 24px;color: #333;font-weight: bold; position: relative;padding: 20px 0;overflow: hidden;border-bottom: 2px solid #d8dae0;}
.cz-detail-content .title-1 i{width: 30px;line-height: 30px;text-align: center;font-size: 20px;color: #26334d;position: absolute;right: 0;top: 50%;margin-top: -15px;font-style: normal;}
.cz-detail-content .img{text-align: center;padding-top: 100px;overflow: hidden;}
.cz-detail-content .parameter-2 {margin-top: 30px;overflow: hidden;}
.cz-detail-content .parameter-2 p{ font-size:17px; line-height:28px; margin-bottom:15px;}
.cz-detail-content .parameter-22{border: 1px solid #e6e8ed;}
.cz-detail-content .parameter-22 .item-3 {background: #ffffff;border-bottom: 1px solid #d8dae0;overflow: hidden;}
.cz-detail-content .parameter-22 .item-3:first-child{background: #f2f4f7;}
.cz-detail-content .parameter-22 .item-3:last-child {border-bottom: none;}
.cz-detail-content .parameter-22 .item-3 li{font-size: 16px;color: #26334c;list-style: none;float: left;width:33.33%;text-align: center;margin: 0;padding: 0;padding: 18px 5%; border-right:1px #d8dae0 solid;}
.cz-detail-content .parameter-22 .item-3 li p{ margin-bottom:0;}
.public-breadcrumb.c-style2 {
    padding:1% 0 1% 0;
	border-bottom: 1px solid #e8e8e8;
}
.public-breadcrumb a svg {
	width: 18px;
	height: 18px;
	object-fit: contain;
	margin-top: -4px;
    margin-right: 5px;
}
@media (max-width: 1440px) {
.page-solution-nav ul a.cur::after {
	right: 2%;
}
.page-solution-item .pic img{
height:40vh;
}
.cz-product-detail-swiper .img img{ height:62vh;}
}
@media (max-width: 991px) {
 .public-breadcrumb.c-style2 {
 top: 60px;
}
}
.public-breadcrumb.c-style2 a {
	color:#666
}
.public-breadcrumb.c-style2 a:last-child {
	color: #222;
}

@media (max-width: 768px) {
.page-solution {
	padding: 10% 0 15% 0;
}
.page-solution-left {
	display:none;
}
.page-solution-right {
	width:100%;
}
.page-solution-item .text {
	position: relative;
	left:auto;
	top:auto;
	width: 100%;
	transform:none;
	overflow: hidden;
}
.page-solution-item .img {
	width: 100%;
}
.page-solution-item a:hover .img, .page-solution-item:nth-child(2n) a:hover .img {
	transform: none;
}
.page-solution-item a:hover .text, .page-solution-item:nth-child(2n) a:hover .text {
	left:auto;
	right: auto;
}
.page-solution-item:nth-child(2n) .text-1, .page-solution-item:nth-child(2n) .title-2, .page-solution-item:nth-child(2n) .text-2, .page-solution-item:nth-child(2n) .jiantou-1 {

	padding-left: 0;
	margin-left: 0;
}
.page-solution-item .text-2 {
	width: 100%;
}

.page-solution-item .title-2{ font-size:18px;padding-top: 3%;}

.cz-product-detail-left,.cz-product-detail-right {width: 100%;float: left;}
.cz-product-detail-swiper .swiper-button-next, .cz-product-detail-swiper .swiper-button-prev {display: none;}
.cz-product-detail-swiper .img img {height: 42vh;}
.cz-product-detail-right {padding: 5% 0 ;}
.cz-product-detail-right .buttom-4 a {width: 150px;height: 50px;line-height: 50px;}
.cz-detail-content{ margin:0 0 20px 0;}
.cz-detail-content .title-1{ font-size:20px;}
}

/* 新闻-列表 */
.news-view{background: #fbfcff url('../images/news-bg3.png') no-repeat center bottom/100% auto;}
.newsShow-flex{background: #fff;box-shadow: 0 15px 40px rgba(0, 0, 0, .08);}
.newsShow-img{width: 50%;}
.newsShow-img img{width: 100%;height: 4.4rem;transition: all 3s linear;}
.newsShow-img:hover img{transform: scale(1.1);}
.newsShow-con{width: 50%;flex-direction: column;justify-content: center;padding: 0 0.5rem 0 0.65rem;}
.newsShow-con .title:hover{color: #2776ea;}
.newsList .indNews-img::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(10, 22, 40, 0.05);
    z-index: 1;
}
.newsList .indNews-con .date{ color:#333; font-family:Arial, Helvetica, sans-serif}
.newsList .indNews-con .title i{opacity: 1;transform: scale(1) rotate(45deg);border-color: #7f7f7f;color: #7f7f7f;}
.newsList .indNews-slide:hover{box-shadow: 0px 0.18rem 0.28rem 1px rgba(4, 79, 159, 0.07);}
.newsList .indNews-slide:hover .indNews-con .title i{color: #2776ea;border-color: #2776ea;}


.xwzx_con1 {
	padding:30px 0 0 0;
}
.xwzx_con1_u1 .divBox {
	font-size: 0;
}
.xwzx_con1_u1 li {
	position: relative;
}
.xwzx_con1_u1 li a {
	display: block;
	padding: 30px 0;
	position: relative;
	z-index: 2;
}
.xwzx_con1_u1 li:nth-child(even) {
	background: #f2f6fa;
}
.xwzx_con1_u1 li:after {
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	background: url(../images/zhus_02.jpg) no-repeat center center;
	background-size: cover;
	position: absolute;
	top: 0;
	left: 0;
	transition: 0.3s ease-in-out;
	opacity: 0;
}
.xwzx_con1_left {
	display: inline-block;
	vertical-align: middle;
	width: 248px;
	overflow: hidden;
}
.xwzx_con1_left img {
	width: 100%;
	transition: 0.3s ease-out;
}
.xwzx_con1_middle {
	width: 185px;
	display: inline-block;
	vertical-align: middle;
	text-align: center;
	font-family:Arial, Helvetica, sans-serif
}
.xwzx_con1_right {
	width: calc(100% - 233px);
	display: inline-block;
	vertical-align: middle;
	box-sizing: border-box;
	border-left: 1px solid #e5e5e5;
	padding-left: 60px;
	padding-right: 100px;
	position: relative;
	transition: 0.3s ease-out;
}
.xwzx_con1_right:after {
	content: '/';
	display: block;
	font-size: 20px;
	color: #282828;
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -10px;
	transition: 0.3s ease-in-out;
}
.xwzx_con1_right h1 {
	font-size: 20px;
	color: #282828;
	transition: 0.3s ease-out;
	font-weight:bold;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
}
.xwzx_con1_right h1:before {
	content: '';
	display: inline-block;
	width: 0;
	height: 1px;
	background:#282828;
	vertical-align: middle;
	transition: 0.3s ease-in-out;
}
.xwzx_con1_right p {
	font-size: 16px;
	line-height: 25px;
	color: #999999;
	margin-top: 10px;
}
.xwzx_con1_middle h2 {
	font-size: 40px;
	color: #2c3238;
	font-family: arial;
	transition: 0.3s ease-out;
}
.xwzx_con1_middle time {
	display: block;
	font-size: 16px;
	color: #999;
	transition: 0.3s ease-out;
}
.xwzx_con1_u1 li:hover .xwzx_con1_right h1:before {
	width: 20px;
	margin-right: 10px;
}
.xwzx_con1_u1 li:hover .xwzx_con1_left img {
	transform: scale(1.05);
}
.xwzx_con1_u1 li:hover .xwzx_con1_right:after {
	transform: rotate(180deg);
	color:#2a8a8e;
}
.xwzx_con1_u1 li:hover:after {
	opacity: 1;
}
.xwzx_con1_u1 li:hover .xwzx_con1_right {
	border-left: 1px solid rgba(250, 250, 250, .2);
}
.xwzx_con1_u1 li:hover .xwzx_con1_right h1 {
	color:#2776ea;
}
.xwzx_con1_u1 li:hover .xwzx_con1_right h1:before {
	background:#2776ea;
}
.xwzx_con1_u1 li:hover .xwzx_con1_middle h2 {
	color: #2776ea;
}
/* 新闻-详情 */
.newsDet-view {
	background: #f8fafd;
}
.newsDet-flex {
	justify-content: space-between;
	align-items: flex-start;
}
.newsDet-info {width: 100%;}
.newsDet-share {
	align-items: center;
	border-bottom: 1px solid #dee3ea;
	padding-bottom: max(12px, 0.2rem);
}
.newsDet-share .date {
	padding-left: 25px;
	background: url(../images/newsicon.png) no-repeat left center;
	font-family:Arial, Helvetica, sans-serif
}
.newsDet-share span {
	margin-right:25px;
}
.newsDet-edit strong, .newsDet-edit b, .newsDet-edit h1, .newsDet-edit h2, .newsDet-edit h3, .newsDet-edit h4, .newsDet-edit h5, .newsDet-edit h6 {
	font-family:'B';
	color: #111;
}
.newsDet-page {
	border-top: 1px solid #dee3ea;
}
.newsDet-page .text {
	margin-left: 0.10rem;
}
.newsDet-page .item:hover .text {
	color: #044f9f;
}
.newsDet-edit p {
	margin-bottom:15px;
}
.newsDet-back .btn {
	width: max(130px, 1.3rem);
	height: max(32px, 0.42rem);
	border-radius: 40px;
	border: 2px solid #2776ea;
	color: #2776ea;
}
.newsDet-back .btn i {
	display: block;
transition: transform .4s ease;
	font-size: max(12px, 0.14rem);
	margin-right: max(6px, 0.08rem);
}
.newsDet-back .btn:hover {
	background: #2776ea;
	color: #fff;
}
.newsDet-back .btn:hover i {
	transform: rotate(180deg);
}

@media all and (max-width:768px){
.xwzx_con1_u1 li a{ padding:18px 0 18px 0;}
.xwzx_con1_middle {
	width:90px;
}
.xwzx_con1_right {
	width: calc(100% - 100px);
	padding-left:10px;
	padding-right:10px;
	border-left:none;
}
.xwzx_con1_right:after {
	display:none;
}
.xwzx_con1_right h1 {
	line-height:22px;
	font-size:16px;
}
.xwzx_con1_right h1:before {
	display:none;
}
.xwzx_con1_middle h2 {
	line-height:1.2;
	font-size: 32px;
}
.xwzx_con1_right p {
	padding-left:0;
	font-size: 15px;
	line-height:20px;
	margin-top: 5px;
}
.xwzx_con1_u1 li:hover .xwzx_con1_right {
	border-left: none;
}

}

/* 关于我们 */

.abIntro-video{align-items: center;}
.abIntro-video .btn{user-select: none;cursor: pointer;width: 24px;height: 24px;border-radius: 50%;font-size: 10px;margin-left: 10px;}
.abIntro-video .btn i{display: block;font-size: 10px;transform: scale(.8);}
.abIntro-video .btn:hover{background: #0067b6;}
.abIntro-video .btn:active{transform: translateY(5px) scale(.95);}
.abIntro-desc{width: 100%;height: 100%;overflow: hidden;}
.abIntro-desc .left{ width: 100% !important;float: none;}
.abIntro-desc .right{ float: right;
    width: 40%;
    margin-left: 4%;
    margin-bottom: 2%;
    height: auto;}
.abIntro-desc .right .videoPlay{ position:relative;}
.abIntro-desc .right .videoPlay::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    /*background-color: rgba(10, 22, 40, 0.3);*/
    z-index: 1; 
  }
.about-ab-p{ line-height: 30px;font-size: 16px;}
.about-ab-p p{ margin-bottom: 15px;}
.abIntro-num{margin-left: -0.2rem;}
.abIntro-num li{margin-left: 0.2rem;width: calc(25% - 0.2rem);}
.abIntro-num-item{height: 2.5rem;flex-direction: column;justify-content: space-between;padding: 0.35rem 0.4rem 0.3rem; background: url('../images/abIntro-item-bg.png') no-repeat center/cover;}
.abIntro-num-item .ico{height: max(28px,0.44rem);}
.abIntro-num-item .ico img{max-height: 100%;}
.abIntro-num-item .num{justify-content: flex-end;align-items: flex-end;}
.abIntro-num-item .num span{line-height: .8;display: block;margin-right: max(3px,0.05rem);font-family: din; font-weight:600;}
.abIntro-num-item .text{text-align: right;}
.abFZ{background: url('../images/abFZ-bg.jpg') no-repeat center/cover fixed;width: 100%;position: relative;height: 10rem;}
.abFZ-gallery-box{justify-content: center;}
.abFZ-gallery{width: 5rem;}
.abFZ-gallery .swiper-container{overflow: visible;}
.abFZ-gallery-more .year{color: rgba(255, 255, 255, .2);height: max(60px,1.2rem);justify-content: center;align-items: flex-end;text-align: center;line-height: .8;font-family: din;
    font-weight: 600;}
.abFZ-gallery-more .text{transition: all .6s ease;opacity: 0;transform: translateY(15px);}
.abFZ-gallery-more .text{min-height: max(140px,1.7rem);padding: 0 0.3rem 0 0.8rem;}
.abFZ-gallery-more .text p{position: relative;margin-top: max(6px,0.1rem);padding-left: max(12px,0.2rem);}
.abFZ-gallery-more .text p:first-child{margin-top: 0;}
.abFZ-gallery-more .text p::after{content: "";position: absolute;left: 0;top: max(8px,0.1rem);width: max(5px,0.08rem);height: max(5px,0.08rem);border-radius: 50%;background: #fff;}
.swiper-slide-active .abFZ-gallery-more .year{color: #fff;font-size: max(52px,1.0rem);}
.swiper-slide-active .abFZ-gallery-more .text{opacity: 1;transform: translateY(0);}
.abFZ-btn{z-index: 2; width: max(40px,0.54rem);height: max(40px,0.54rem);border-radius: 50%; border: 1px solid #fff;user-select: none;cursor: pointer;position: absolute;left: 0;top: 0.68rem;font-size: max(14px,0.16rem);}
.abFZ-btn.next{left: auto;right: 0;transform: rotate(180deg);}
.abFZ-btn:hover{border-color: transparent;background: rgba(255, 255, 255, 1);color: #3b85f2;}
.abFZ-thumbs::after{content: "";position: absolute;left: 50%;top: 0;transform: translateX(-50%);width: 100vw;height: max(20px,0.38rem);background: url('../images/abFZ-line.png') no-repeat center top/100% auto;}
.abFZ-thumbs-click{padding-top: 0.03rem; justify-content: center;align-items: flex-start;text-align: center;line-height: .8;height: 28px;font-family: din;
    font-weight: 600;}
.abFZ-thumbs-click.active{color: #3ccfbe;font-size: max(20px,0.3rem);padding-top: 0;}

.licheng-bg{background-color: rgba(255,255,255,.8);width: 100%;height: 100%;position: relative;}
.licheng-bg .warper{height: 100%;}
.licheng-bg img{height: 518px;position: absolute;bottom: 0px;left: 0;}
.licheng-content{position: absolute;width: 100%;height: 100%;background: url(../images/lc-quxian.png) no-repeat center top .4rem;}
.licheng-content .swiper-wrapper,.licheng-content .swiper-slide,.licheng-content ul{width: 100%;height: 100%; padding-left: 0.05rem;padding-right: 0.2rem;padding-top: 0.2rem;}
.licheng-content ul li{width: 14.28%;float: left;}
.licheng-content ul li a{display: block;width: 100%;position: relative;height: 5rem}
.licheng-content ul li .date{color: #3ccfbe;font-size: 30px;}
.licheng-content ul li.item1 .line,.licheng-content ul li.item3 .line,.licheng-content ul li.item5 .line,.licheng-content ul li.item7 .line{margin-bottom: 30px;}
.licheng-content ul li.item1 .line{ height: 200px;}
.licheng-content ul li.item2 .line{}
.licheng-content ul li.item1 .line:after,.licheng-content ul li.item3 .line:after,.licheng-content ul li.item5 .line:after,.licheng-content ul li.item7 .line:after{width: 18px;height: 18px;background-color: rgba(255, 255, 255, .8);display: block;content: "";border-radius: 50%;text-align: center;vertical-align: middle;position: absolute;}
.licheng-content ul li.item2 .line:before,.licheng-content ul li.item4 .line:before,.licheng-content ul li.item6 .line:before{width: 18px;height: 18px;background-color: rgba(255, 255, 255, .8);display: block;content: "";border-radius: 50%;text-align: center;vertical-align: middle;position: absolute;}
.licheng-content ul li .lc-left{position: absolute;}
.licheng-content ul li .line{height: 180px;width: 1px;display: block;background-color: rgba(255, 255, 255, .6);position: relative;left: 30px;}
.licheng-content ul li .lc-right{width: 100%;display: table;margin-left: 30px;}
.licheng-content ul li.item5 .lc-right{width: 100%;}
.licheng-content ul li.item2 .lc-right, .licheng-content ul li.item4 .lc-right{width: 100%;}
.licheng-content ul li .lc-right .right-text{padding: 20px;display: table-cell;vertical-align: middle;}
.licheng-content ul li.item1 a{top: 2.1rem;}
.licheng-content ul li.item1 .lc-left .line:after{bottom: -18px;left: -9px;}
.licheng-content ul li.item1 .lc-right{bottom: 180px;}
.licheng-content ul li.item2 a{top: 3.6rem;}
.licheng-content ul li.item2 .lc-left .line:before{top: -18px;left: -9px;}
.licheng-content ul li.item2 .lc-right{top: -100px;}
.licheng-content ul li.item3 a{top: 1.2rem;}
.licheng-content ul li.item3 .lc-left .line:after{bottom: -18px;left: -9px;}
.licheng-content ul li.item3 .lc-right{bottom: 180px;}
.licheng-content ul li.item4 a{top: 3.35rem;}
.licheng-content ul li.item4 .lc-left .line:before{top: -18px;left: -9px;}
.licheng-content ul li.item4 .lc-right{top: -180px;}
.licheng-content ul li.item5 a{top: .78rem;}
.licheng-content ul li.item5 .lc-left .line:after{bottom: -18px;left: -9px;}
.licheng-content ul li.item5 .lc-right{bottom: 180px;}
.licheng-content ul li.item6 a{top: 2.35rem;}
.licheng-content ul li.item6 .lc-left .line:before{top: -18px;left: -9px;}
.licheng-content ul li.item6 .lc-right{top: -180px;}
.licheng-content ul li.item7 a{top: 0;}
.licheng-content ul li.item7 .lc-left .line:after{bottom: -18px;left: -9px;}
.licheng-content ul li.item7 .lc-right{bottom: 180px;}
.licheng-content .right-text h3{font-size: 32px; line-height:30px; font-weight: bold; color:#fff; margin-bottom: 10px; font-family: Arial, Helvetica, sans-serif;}
.licheng-content .right-text p{font-size: 15px; color:#fff; line-height:22px;}
.lc-swiper-btn{width: 100%;position: absolute;top: 370px;}
.lc-swiper-btn a{position: absolute;}
.lc-swiper-btn .btn-prev{position: absolute;left: 0.4rem;top: 50px;}
.lc-swiper-btn .btn-next{position: absolute;right: 0.4rem;top: 50px;}
.lc-swiper-btn .iconfont{font-size: 30px; color:#999;}
@media all and (max-width:1700px){
    .abFZ {
        height: 10.5rem;
    }
    .licheng-content {
        background: url(../images/lc-quxian.png) no-repeat center top -0.2rem;
    }  
    .licheng-content ul li.item1 a {
        top: 1.4rem;
    }
}
@media screen and (max-width: 1440px) {
    .abFZ {
        height: 11rem;
    }
    .licheng-content .swiper-wrapper, .licheng-content .swiper-slide, .licheng-content ul {
        padding-top: 0.1rem;
    }
    .licheng-content {
        background: url(../images/lc-quxian.png) no-repeat center top -0.35rem;
    }
    .licheng-content ul li.item1 a {
        top: 1.6rem;
    }
    .licheng-content ul li.item2 a {
        top: 3.8rem;
    }
    .licheng-content ul li.item4 a {
        top: 3.95rem;
    }
    .licheng-content ul li.item6 a {
        top: 2.65rem;
    }
}
@media screen and (max-width: 768px) {
    .abFZ {
        height: 37rem;
    }
    .licheng-content{ background: none;}
.licheng-content ul li{width: 100%;float: left; margin-bottom: 15px;}
.licheng-content ul li a{ height: auto;}
.licheng-content ul li.item1 a {
    top: 0;
    height:auto;
}
.licheng-content ul li.item1 .line {
    height: auto;
}
.licheng-content ul li.item2 a {
    top: 0;
}
.licheng-content ul li .line{
    height: auto;
}
.licheng-content ul li.item3 a{
    top: 0;
}
.licheng-content ul li.item4 a{
    top: 0;
}
.licheng-content ul li.item5 a{
    top: 0;
}
.licheng-content ul li.item6 a{
    top: 0;
}
.licheng-content ul li.item1 .line:after, .licheng-content ul li.item3 .line:after, .licheng-content ul li.item5 .line:after, .licheng-content ul li.item7 .line:after{ width: 12px; height: 12px;}
.licheng-content ul li.item2 .line:before, .licheng-content ul li.item4 .line:before, .licheng-content ul li.item6 .line:before{width: 12px; height: 12px;}
.licheng-content ul li.item2 .lc-left .line:before{top: 6px;left: -9px;}
.licheng-content ul li.item4 .lc-left .line:before{top: 6px;left: -9px;}
.licheng-content ul li.item6 .lc-left .line:before{top: 6px;left: -9px;}
.licheng-content ul li .lc-right .right-text{ padding: 0 20px;}
.licheng-content .right-text h3{ font-size: 20px;margin-bottom: 0px;}
.licheng-content ul li .lc-right{width: 95%!important;}
}

.abWH{background: url('../images/abWH-bg.jpg') no-repeat center/cover;}
.abWH-center .top,.abWH-center .btm{padding-left: max(12px,0.22rem);}
.abWH-center .top{border-bottom: 1px solid #e4ebec;}
.abWH-center .top::before{content: "";position: absolute;left: 0;top: max(3px,0.05rem);width: 3px;height: max(40px,0.52rem);background: #3b85f2;opacity: 0;transition: all .4s ease;}
.abWH-center .top::after{content: "";position: absolute;right: 0;bottom: -1px;width: 0;height: 1px;background: #3b85f2;transition: all .4s ease;}
.abWH-center .btm{opacity: 0;}
.abWH-center li:hover .top::before{opacity: 1;}
.abWH-center li:hover .top::after{width: 100%;right: auto;left: 0;}
.abWH-center li:hover .btm{opacity: 1;}
.abWH-btm-bg::after{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 3;background: rgba(0, 0, 0, .25);}
.abWH-btm-bg .img{position: absolute;left: 0;top: 0;width: 100%;opacity: 0;transition: all 1s linear;}
.abWH-btm-bg .img:first-child{position: relative;}
.abWH-btm-bg .img img{transform: scale(1.0);transition: all 3s linear 1s;width: 100%;height: max(400px,5.3rem);}
.abWH-btm-bg .img.active{z-index: 2;opacity: 1;}
.abWH-btm-bg .img.active img{transform: scale(1);transition-delay: 0s;}
.abWH-btm-list{z-index: 5;position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.abWH-btm-item{user-select: none;cursor: pointer; width: 25%; height: 100%;padding: 1.4rem 0.6rem 0 0.35rem;border-left: 1px solid rgba(255, 255, 255, .1);transition: all .5s ease;}
.abWH-btm-item:first-child{border: unset;}
.abWH-btm-item .desc::after{content: "";position: absolute;left: -0.36rem;top: 2px;width: max(2px,0.03rem);height: 0;background: #fff;transition: all .4s ease;}
.abWH-btm-item .text,.abWH-btm-item .ico{opacity: 0;transform: translateY(0.3rem);transition: all .5s ease;}
.abWH-btm-item .text{min-height: max(120px,1.7rem);}
.abWH-btm-item .ico{height: max(26px,0.43rem);}
.abWH-btm-item .ico img{max-height: 100%;}
.abWH-btm-item.active{background: rgba(60, 207, 190, .5);}
.abWH-btm-item.active .desc::after{height: max(50px,0.92rem);}
.abWH-btm-item.active .text{opacity: 1;transform: translateY(0);transition-delay: .1s;}
.abWH-btm-item.active .ico{opacity: 1;transform: translateY(0);transition-delay: .3s;}

@keyframes pop-in {0% {opacity: 0;transform: translateY(20vw)}}
.abHZ{background: url('../images/abHZ-bg.jpg') no-repeat center/cover;}
.abHZ-swp .swiper-container{overflow: visible;}
.abHZ-swp .swiper-wrapper{transition-timing-function: linear;}
.abHZ-slide{background: #fff;height: 1rem;box-shadow: 0 0.035rem 0.15rem 0.02rem rgba(4, 79, 159, 0.15);}
.abHZ-swp {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 0.45rem;
}
.abHZ-slide img{max-width: 85%;}
.abHZ-swp:nth-child(2n){transform: rotate(180deg);}
.abHZ-swp:nth-child(2n) .abHZ-slide{transform: rotate(-180deg);}
.abHonor-head{justify-content: space-between;align-items: flex-end;}

.abHonor{background: url('../images/abHZ-bg.jpg') no-repeat center/cover;}
.abHonor-swp{width: calc(100% + 0.3rem);margin-left: -0.15rem;}
.abHonor-swp .swiper-slide{padding: 0.12rem 0.15rem 0.19rem;height: auto;}
.abHonor-slide{padding: 0.1rem 0.1rem 0.4rem; height: 100%; box-shadow: 0 0.035rem 0.15rem 0.02rem rgba(4, 79, 159, 0.15);background: #fff url('../images/abHonor-item-bg.jpg') no-repeat center/cover;}
.abHonor-slide .img{width: 100%;height: 2.9rem;}
.abHonor-slide .img img{max-height: 90%;max-width: 90%;}
.abHonor-slide .btn{transition: all .5s ease; position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%) scale(.5);opacity: 0;width: max(40px,0.48rem);height: max(40px,0.48rem);border-radius: 50%;background: #3b85f2;}
.abHonor-slide:hover .btn{transform: translate(-50%,-50%);opacity: 1;}

/* -------------------------PC端--------------------------- */
@media all and (max-width:1700px){
    /* 1600 × (900) */
}
@media all and (max-width:1590px){
    /* 1440 × (700)  */
    .abIntro-desc .left{ width: 55%;}
    .about-ab-p {
        line-height: 32px;
        font-size: 16px;
        padding-left: 0;
    }
	.abHZ-swp {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 0.45rem;
}
}
@media all and (max-width:1430px){
    /* 1360 */
}
@media all and (max-width:1350px){
    /* 1280 */
}
@media all and (max-width:1270px){
    /* 1152 × (700) */
    .ctaMsg-item img{height: 65%;}
}
/* ------------------------平板端-------------------------- */
@media all and (max-width:1100px){
    /* 1024 横屏 */
}
/* ------------------------手机端-------------------------- */
@media all and (max-width:1000px){
    .newsShow-img{width: 100%;}
    .newsShow-img img{height: 220px;}
    .newsShow-con{width: 100%;padding: 15px 15px 35px;}
    .newsShow-con .comMore-box{margin-top: 20px;}
    .newsList .uli.ml30{margin: -15px 0 0;width: 100%;}
    .newsList .uli.ml30.uli3 li{margin: 15px 0 0;width: 100%;}
    .newsDet-info{width: 100%;}
    .newsDet-page .text{margin-left: 0;text-overflow: inherit;
        overflow: auto;
        white-space: normal;}
    .newsDet-back{margin-top: 30px;}
    .newsDet-hot{width: 100%;margin-top: 25px;padding: 25px 15px;}
    .newsDet-hot-item{padding: 12px 0 22px;}
    .newsDet-hot-item.active .img{height: 160px;}
    .abIntro-desc{width: 100%; display:block;}
	.abIntro-desc .left{ width:100%;}
	.abIntro-desc .right{ width:100%;}   
    .abIntro-num{margin-left: -15px;}
    .abIntro-num li{margin: 15px 0 0 15px;width: calc(50% - 15px);}
    .abIntro-num-item{height: 120px;padding: 15px 10px;}
    .abIntro-num-item .text{font-size: 12px;}
    .abIntro-num-item .num span{font-size: 28px;}
    .abFZ-btn{display: none;}
    .abFZ-gallery{width: 100%;}
    .abFZ-thumbs{padding-top: 25px;}
    .abFZ-thumbs::after{height: 10px;background-size: auto 100%;}
    .abWH-center .uli.ml38{margin: -25px 0 0;}
    .abWH-center .uli.ml38.uli4 li{margin: 25px 0 0;width: 100%;}
    .abWH-center .btm{opacity: 1;}
    .abWH-center .top{padding-bottom: 10px;}
    .abWH-center .top::before{opacity: 1;height: 32px;top: 5px;}
    .abWH-center .btm{margin-top: 10px;}
    .abWH-btm-list{flex-direction: column;}
    .abWH-btm-item{height: auto;width: 100%;flex: 1;border-left: unset;border-top: 1px solid rgba(255, 255, 255, .1);padding: 30px 15px 0;}
    .abWH-btm-bg .img img{height: 700px;}
    .abWH-btm-item .text{min-height: 30px; opacity: 1;}
    .abWH-btm-item .desc::after{left: -15px;}
    .abHZ-slide{height: 56px;border-radius: 8px;}   
    .abHonor-slide .img{height: 250px;}
    .abHonor-slide{padding: 10px 10px 30px;}
		.abHZ-swp {
    grid-template-columns: repeat(4, 1fr);
    gap: 0.45rem;
}
}
@media all and (max-width:768px){
	.abHZ-swp {
    grid-template-columns: repeat(2, 1fr);
    gap: 0.45rem;
}
}

.case_100 .se_top {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0.45rem;
}
.item_100 a {
    background: #fff;
    -webkit-box-shadow: 0px 10px 30px 0px rgba(0, 76, 151, 0.1);
    box-shadow: 0px 10px 30px 0px rgba(0, 76, 151, 0.1);
    padding: 0.3rem;
	width: 100%;
}
.item_100 a .img {
    width: 100%;
    overflow: hidden;
}
.item_100 a .img img {
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    width: 100%;
	height: 38vh;
    object-fit: cover;
}
.item_100 a .box {
    margin-top: 0.24rem;
}
.item_100 a .box .text .t1 {
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    font-size: var(--f18);
	text-align: center;
}
.item_100 a:hover .t1{ color:#2776ea;}
.item_100 a:hover .img img{
	-webkit-transform: scale(1.05);
	-ms-transform: scale(1.05);
	transform: scale(1.05);
}
.kbg{
    background: #fff;
    -webkit-box-shadow: 0px 10px 30px 0px rgba(0, 76, 151, 0.1);
    box-shadow: 0px 10px 30px 0px rgba(0, 76, 151, 0.1);
    padding: 0.3rem;
}
@media(max-width:768px) {
.case_100 .se_top {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
}
.item_100 a .img img{height: 30vh;}
.item_100 a .box .text .t1{ font-size:16px;padding: 6px 0;}
}

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

.joinItem {
    width: calc(33.33% - 30px);
    padding: 60px 40px 80px;
    border-radius: 12px;
    text-align: center;
    border: 1px solid rgba(0, 0, 0, 0.18);
    transition: all .48s;
}

.joinItem img {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    overflow: hidden;
    background: #f3f5fa;
    margin-bottom: 40px;
    transition: all .68s;
}

.joinItem span {
    display: block;
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 15px;
}

.joinItem p {
    font-size: 16px;
}

/*  */

.joinItem:hover img {
    transform: rotateY(180deg);
}

.joinItem:hover {
    border-color: #2776ea;
}

.joinFc {
    position: relative;
    background: #f6f8fa;
}

.joinFc .flex {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}

.joinFcBut {
    display: flex;
    align-items: center;
}

.joinFcBut span {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgb(9 52 131 / 18%);
    margin-left: 15px;
    cursor: pointer;
    transition: all 0.48s;
}

.joinFcBut .prev:before {
    content: "\e603";
	font-family: layui-icon !important;
}
.joinFcBut .next:before {
    content: "\e602";
	font-family: layui-icon !important;
}

.joinFcBut span:hover {
    background: #2776ea;
	color:#fff;
}

.joinFcBox {
    padding-left: 5%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.joinFcUl {
    width: 30%;
    position: relative;
    z-index: 2;
}

.joinFcUl h5 {
    white-space: nowrap;
    color: #2776ea;
    text-transform: uppercase;
    font-size: 52px;
    font-weight: 600;
    line-height: 1;
	font-family:Arial, Helvetica, sans-serif
}

.joinFcLi {
    padding: 30px 0;
    border-bottom: 1px solid #dcdcdc;
    position: relative;
    cursor: pointer;
}

.joinFcLi span {
    color: #666;
    font-size: 24px;
}

.joinFcLi::after {
    content: '';
    width: 0%;
    height: 2px;
    border-bottom: 2px solid #2776ea;
    position: absolute;
    left: 0;
    bottom: -1px;
    transition: all .68s;
}

.joinFcLi.on::after {
    width: 130%;
}

.joinFcLi.on span {
    color: #333;
    font-weight: 500;
}

/*  */

.joinFcWarp {
    width: 65%;
    margin: 0;
}

.joinFcXq {
    width: 100%;
    display: none;
}

.joinFcXq:first-child {
    display: block;
}

.joinFcImg {
    border-radius: 12px;
}

.joinFcImg img{border-radius: 12px;}

.joinFcItem p {
    font-size: 20px;
}


.join {
    position: relative;
}

.hrZpBot {
    border-radius: 12px;
    border: 1px solid #f0f0f0;
}

.hrZp_li {
    border-radius: 12px;
    background: #fff;

    border-bottom: 1px solid #f0f0f0;
}

.hrZp_li:last-child {
    border-bottom: none;
}

.hrZp_head {
    background: #d6d6d6;
}

.hrZp_head span {
    color: #333 !important;
	font-weight: bold;
}

.hrZp_div {
    width: 100%;
    padding: 0 60px;
    height: 80px;
    border-radius: 1000px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
}

.hrZp_span {
    flex: 1;
}

.hrZp_span span {
    color: #666;
    font-size: 18px;
}

.hrZp_span b {
    color: #2776ea;
    font-weight: bold;
    font-size: 18px;
}

.hrZp_span i {
    display: block;
}

.hrZp_one span {
    font-size: 18px;
    color: #666;
}

.hrZp_R {
    flex: 0.5;
    text-align: center;
}


/*  */
.hrZp_R {
    display: flex;
    align-items: center;
    justify-content: center;
}

.hrZp_R b {
    color: #333;
    font-weight: 600;
    margin-right: 20px;
    font-size: 16px;
}

.hrZp_R span {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 110px;
    height: 36px;
    border: 1px solid #ebe9e6;
    box-shadow: 0 15px 30px -10px rgb(97 97 97 / 15%);
    border-radius: 12px;
    font-size: 16px;
    color: #2776ea;
    transition: all .48s;
}

.hrZp_R svg {
    width: 16px;
    height: 16px;
    transition: all .48s;
}

.hrZp_R svg path {
    fill: #666;
}

.hrZp_div.on .hrZp_R svg {
    transform: rotate(90deg) translateX(-5px);
}

/*  */
.hrZp_zk {
    width: 100%;
    padding: 60px;
    border-top: 1px solid rgba(118, 108, 172, 0.2);
    display: none;
}

.hrZp_zk .list {
    display: inline-block;
    width: 48%;
    vertical-align: text-top;
}

.hrZp_zk .list:first-child {
    margin-right: 3%;
}

.hrZp_zk .list .mc {
    font-size: 18px;
    color: #2776ea;
    font-weight: bold;
    margin-bottom: 30px;
    position: relative;
}

.hrZp_zk .list .list_p {
    font-size: 16px;
    color: #666666;
    line-height: 2.2;
}

.hrZp_zk a {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 260px;
    height: 80px;
    border: 1px solid #ebe9e6;
    box-shadow: 0 15px 30px -10px rgb(97 97 97 / 15%);
    border-radius: 1000px;
    font-size: 20px;
    color: #2776ea;
    transition: all .48s;
}

.hrZp_zk a svg {
    width: 20px;
    height: 20px;
    margin-right: 10px;
}

.hrZp_zk a svg path {
    fill: #2776ea;
}

.hrZp_zk a:hover {
    color: #fff;
    background: #2776ea;
    border-color: #2776ea;
}

.hrZp_zk a:hover svg path {
    fill: #fff;
    transition: all .48s;
}

@media(max-width:768px) {
    .joinFzBox {
        flex-wrap: wrap;
    }
    .joinItem {
        width: 100%;
		margin: 10px 0;
    }
	 .joinItem span {
        font-size: 20px;
    }

    .joinItem p {
        font-size: 15px;
    }

    .joinItem {
        padding: 40px 20px 40px;
    }
 .joinFcBox{
        flex-wrap: wrap;
    }

    .joinFcUl{
        width: 100%;
        margin-bottom: 30px;
    }

    .joinFcLi.on::after{
        width: 100%;
    }

    .joinFcWarp{
        width: 100%;
    }
	 .joinFcUl h5{
        font-size: 30px;
    }
	.joinFcLi{ padding:15px 0;}

    .joinFcLi span {
        font-size: 18px;
    }

    .joinFz, .joinFc, .join{
        padding-left: 0 !important;
    }

    .joinFz::before, .joinFc::before, .join::before{
        display: none;
    }
    .conHr_top form select, .conHr_top form input, .conHr_top form input::placeholder {
        font-size: 14px;
    }

    .conHr_top form input{
        padding: 10px 20px;
    }

    .conHr_top form a {
        font-size: 16px;
        padding: 12px 0;
    }

    .hrZp_span span, .hrZp_one span ,
    .hrZp_R b{
        font-size: 14px;
    }
	 .hrZp_span:nth-child(2) {
        display: none;
    }

    .hrZp_span:nth-child(3) {
        display: none;
    }
	.hrZp_span:nth-child(4) {
		text-align:center;
    }


    .hrZp_R{
        flex: 0.8;
    }

    .hrZp_div {
        padding: 0 20px;
        height: 60px;
    }

    .hrZp_R span{
        width: 90%;
    }

    .hrZp_zk {
        padding: 20px;
    }

    .hrZp_zk .list{
        width: 100%;
        margin-right: 0;
        margin: 10px 0;
    }

    .hrZp_zk .list .mc {
        font-size: 14px;
        margin-bottom: 10px;
    }
}
.contact {
    width: 100%;
    position: relative;
    overflow: hidden;
}

.contact .Tit p {
    width: 70%;
}

.conBox {
    align-items: center;
}

.conImg {
    width: 100%;
}

#dTu {
    position: relative;
    width: 100%;
    height: 100%;
    border-radius: 12px;
    object-fit: cover;
}

/*  */
.conText {
    width: 100%;
    margin-bottom: 80px;
}

.conUl {
    border-top: 1px solid rgba(0, 0, 0, 0.18);
    border-bottom: 1px solid rgba(0, 0, 0, 0.18);
    display: flex;
    justify-content: space-between;
}

.conLi {
    padding: 40px;
    flex: 1;
    display: flex;
    justify-content: space-between;
    position: relative;
}

.conLi::after {
    content: '';
    background: rgba(0, 0, 0, .18);
    width: 1px;
    height: 50%;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

.conLi:last-child::after {
    display: none;
}

.conLi svg {
    margin-top: 20px;
    width: 30px;
    height: 30px;
}

.conLi svg path {
    fill: #2776ea;
}

.conLi>div {
    width: calc(100% - 60px);
}

.conLi span {
    font-size: 20px;
    font-weight: 400;
    color: #2776ea;
    display: block;
    margin-bottom: 5px;
}

.conLi p {
    font-size: 16px;
    color: #444;
}

.conEwm {
    display: flex;
    text-align: center;
    margin-top: 60px;
}

.conEwm>div {
    margin-right: 100px;
}

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


.conEwm img {
    width: 130px;
    border-radius: 10px;
}

.conEwm p {
    font-size: 16px;
    margin-top: 20px;
}


/*  */

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

.conBotBox {
    display: flex;
    align-items: center;
    justify-content: space-between;
	border-top: 1px solid rgba(0, 0, 0, 0.18);
}

.conBotImg {
    width: 45%;
    padding-top: 2%;
    border-radius: 12px;
}
.conBotImg img{border-radius: 12px;}

.conR_form {
    width: 55%;
    padding-right: 5%;
}



/*  */

.conR_form form {
    margin-bottom: 40px;
}


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

.conR_ipt {
    width: calc(50% - 10px);
    margin-bottom: 20px;
}

.conR_ipt.w100 {
    width: 100%;
}

.conR_ipt input,
.conR_ipt textarea {
    width: 100%;
    background: none;
    border-bottom: 1px solid #ddd;
    padding: 20px;
}

.conR_ipt textarea {
    height: 100%;
    border-left: none;
}

.conR_ipt input::placeholder,
.conR_ipt textarea::placeholder {
    font-size: 16px;
    color: #999;
}


.conR_r .conR_ipt {
    width: 100%;
    height: 100%;
}

.conR_form .More2 {
    position: relative;
    z-index: 2;
	margin-top:60px;
}

.More2 a {
    display: inline-block;
    position: relative;
    z-index: 2;
}

.More2 a i {
    display: flex;
    align-items: center;
    padding: 14px 30px;
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 -5px 10px rgb(0, 0, 0, .1);
    font-size: 16px;
    color: #2776ea;
    position: relative;
    z-index: 2;
    transition: all .48s;
}

.More2 a::after {
    content: '';
    width: 100%;
    height: 100%;
    border-radius: 8px;
    background: #2776ea;
    position: absolute;
    left: 4px;
    top: 4px;
    z-index: -1;
    transition: all .48s;
}

.More2 a svg {
    width: 20px;
    height: 20px;
    margin-left: 15px;
}

.More2 a svg path {
    stroke: #2776ea;
}

.More2 a:hover::after {
    left: 0;
    top: 0;
}

.More2 a:hover i {
    color: #fff;
    background: #2776ea;
}

.More2 a:hover i svg path {
    stroke: #fff;
}

@media(max-width:1680px) {
    .conLi svg {
        width: 28px;
        height: 28px;
    }

    .conLi span {
        font-size: 24px;
    }

    .conLi p {
        font-size: 16px;
    }

    .conLi>div {
        width: calc(100% - 50px);
    }
}

@media(max-width:1480px) {
    .conLi {
        padding-right: 2%;
    }
}

@media(max-width:1368px) {
    .conLi span {
        font-size: 21px;
        margin-bottom: 0px;
    }

    .conLi svg {
        width: 25px;
        height: 25px;
        margin-top: 16px;
    }

    .conLi>div {
        width: calc(100% - 40px);
    }

    .conText {
        margin-bottom: 60px;
    }


}

@media(max-width:1200px) {}

@media(max-width:1024px) {
    .conUl {
        flex-wrap: wrap;
    }

    .conLi {
        flex: auto;
        width: 50%;
        margin: 15px 0;
    }

    .conText {
        margin-bottom: 40px;
    }
}

@media(max-width:900px) {}

@media(max-width:768px) {
    .conUl {
        padding: 15px 0;
    }
    .conLi {
        width: 100%;
        padding: 10px 0;
		margin: 0;
    }
.conLi::after{ display:none}
.conLi span{ font-size:17px;}

    .conImg {
        padding-top: 4%;
    }
	.conImg img{ height:32vh;object-fit: cover;}
	.conBotBox{ display:block;}
	.conR_form{ width:100%;}
	.conBotImg{ width:100%;}
	.conR_form .More2{ margin-top:20px;}
}

.col-factory {
	position: relative;
	padding:3% 0;
	overflow: hidden;
}
.col-factory-masonry {
	margin: auto;
	position: relative;
/*	column-count: 3;
	column-gap: 0;*/
}
.col-factory-masonry .item {
	break-inside: avoid;
	box-sizing: border-box;
	padding: 10px;
	width: 33.33%;
    float: left;
}
.col-factory-masonry .item a {
	display: block;
	position: relative;
	overflow: hidden;
}
.col-factory-masonry .toptxt {
	position: absolute;
	left: 0;
	top:50%;
	z-index: 10;
	width: 100%;
	text-align: center;
	transform:translateY(-50%);
	opacity: 0;
}
.col-factory-masonry .toptxt i {
	display: block;
	width: 55px;
	height: 55px;
	border-radius: 100%;
	background: #2776ea url('../images/add.png') center no-repeat;
	margin: auto;
}
.col-factory-masonry .toptxt h4 {
	margin: 10px auto;
	text-align: center;
	font-size: 20px;
	color: #fff;
}
.col-factory-masonry .img {
	position: relative;
	overflow: hidden;
	height:40vh;
}
.col-factory-masonry .img img{
    height:40vh;
	object-fit: cover;
}
.col-factory-masonry .img::before {
content: '';
width:100%;
height:100%;
position:absolute;
left:0;
top:0;
z-index:1;


}
.col-factory-masonry .item a:hover .toptxt {
	opacity: 1;
}
.col-factory-masonry .item a:hover .img img {
	opacity: 1;
}
.col-factory-masonry .item a:hover .img::before {
background-image:linear-gradient(to top, rgba(0, 0, 0, .6), rgba(0, 0, 0, 0.2));
}
.galleryOverlay {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	opacity: 0;
	z-index: 100000;
	background-color: rgba(0, 0, 0, .7);
	overflow: hidden;
	display: none;
	-moz-transition: opacity 0.5s ease;
	-webkit-transition: opacity 0.5s ease;
	transition: opacity 0.5s ease;
}
.galleryOverlay.visible {
	opacity: 1;
}
.gallerySlider {
	height: 100%;
	left: 0;
	top: 0;
	width: 100%;
	white-space: nowrap;
	position: absolute;
}
.gallerySlider .placeholder {
	background: url("../images/loading.gif") no-repeat center center;
	height: 100%;
	line-height: 1px;
	text-align: center;
	width: 100%;
	display: inline-block;
}
.gallerySlider .placeholder:before {
	content: "";
	display: inline-block;
	height: 50%;
	width: 1px;
	margin-right: -1px;
}
.gallerySlider .placeholder img {
	display: inline-block;
	max-height: 100%;
	max-width: 100%;
	vertical-align: middle;
	width: auto;
}
.prevArrow, .nextArrow {
	border: none;
	text-decoration: none;
	opacity: 0.5;
	cursor: pointer;
	position: absolute;
	width:50%;
	height:100%;
	top:0;
	margin-top:0px;
}
.prevArrow:hover, .nextArrow:hover {
	opacity: 1;
}
.prevArrow {
	background-position: left top;
	left:0;
}
.nextArrow {
	background-position: right top;
	right:0;
}
.pagelimit {
	position: absolute;
	bottom: 20px;
	left: 50%;
	margin-left: -18px;
	color: #fff;
	font-size: 18px;
}
.closed {
	cursor: pointer;
	position: absolute;
	width: 40px;
	height: 40px;
	right:2%;
	top: 3%;
	background: url(../images/xxx.png) no-repeat;
	transition-duration: 0.5s;
}
.closed:hover {
	opacity: 0.5;
}

@media screen and (max-width: 768px) {
    .col-factory {
        padding: 6% 0;
    }
    .col-factory-masonry {
	width: 100%;
	column-count: 1;
}
.col-factory-masonry .item {
	padding: 10px 0px;
	width:100%;
}
.col-factory-masonry .toptxt i {
	width: 30px;
	height: 30px;
	background-size:50%;
}
.col-factory-masonry .toptxt h4 {
	font-size: 12px;
}
}

 /* 卡片列表 */
        .card-wrap {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 24px;
        }

        /* 淡蓝色几何立体卡片 */
        .card-item {
            position: relative;
            border-radius: 18px;
            padding: 50px 24px;
            text-align: center;
            overflow: hidden;
            isolation: isolate;

            background:
                linear-gradient(140deg, rgba(255, 255, 255, 0.96) 0%, rgba(233, 246, 255, 0.92) 45%, rgba(214, 238, 255, 0.88) 100%);

            box-shadow:
                0 10px 24px rgba(130, 170, 210, 0.14),
                0 2px 6px rgba(130, 170, 210, 0.08),
                inset 0 1px 0 rgba(255, 255, 255, 0.9);

            transform: translateZ(0);
            transition: transform 0.3s ease, box-shadow 0.3s ease;
        }

        .card-item::before {
            content: "";
            position: absolute;
            inset: 0;
            background:
                linear-gradient(135deg, rgba(160, 200, 240, 0.35) 0%, rgba(255, 255, 255, 0) 55%);
            z-index: -2;
            pointer-events: none;
        }

        /* 卡片左下几何块 */
        .card-item::after {
            content: "";
            position: absolute;
            left: -18px;
            bottom: -18px;
            width: 110px;
            height: 110px;
            background:
                linear-gradient(160deg, rgba(175, 215, 255, 0.55), rgba(220, 240, 255, 0.25));
            border-radius: 16px;
            transform: rotate(20deg) skew(6deg, 4deg);
            box-shadow:
                -6px 10px 18px rgba(120, 170, 220, 0.18),
                inset 0 0 0 1px rgba(255, 255, 255, 0.6);
            z-index: -1;
            pointer-events: none;
        }

        /* 卡片右上角小几何面 */
        .card-item .corner-shape {
            position: absolute;
            right: -24px;
            top: -24px;
            width: 90px;
            height: 90px;
            background:
                linear-gradient(210deg, rgba(185, 220, 255, 0.45), rgba(255, 255, 255, 0.1));
            transform: rotate(-30deg) skew(-8deg, -6deg);
            border-radius: 14px;
            box-shadow:
                6px -4px 16px rgba(120, 170, 220, 0.12),
                inset 0 0 0 1px rgba(255, 255, 255, 0.5);
            z-index: -1;
            pointer-events: none;
        }

        .card-item:hover {
            transform: translateY(-6px);
            box-shadow:
                0 18px 34px rgba(110, 160, 210, 0.18),
                0 4px 10px rgba(110, 160, 210, 0.1),
                inset 0 1px 0 rgba(255, 255, 255, 0.9);
        }

        .card-item h3 {
            font-size: 26px;
            color: #1f3a5f;
            font-weight: 600;
            margin-bottom: 10px;
            position: relative;
            z-index: 1;
        }

        .card-item p {
            font-size: 15px;
            color: #5d7699;
            margin-bottom: 34px;
            position: relative;
            z-index: 1;
        }

        .btn-submit {
            position: relative;
            z-index: 2;
            border: 1px solid #40a9ff;
            color: #1f7ad1;
            background: rgba(255, 255, 255, 0.72);
            padding: 10px 34px;
            border-radius: 999px;
            font-size: 16px;
            cursor: pointer;
            transition: all 0.25s ease;
            backdrop-filter: blur(4px);
        }

        .btn-submit:hover {
            background: linear-gradient(135deg, #40a9ff, #73bfff);
            color: #fff;
            box-shadow: 0 8px 18px rgba(64, 169, 255, 0.35);
        }

        /* 弹窗 */
        .modal-mask {
            position: fixed;
            inset: 0;
            background: rgba(31, 58, 95, 0.35);
            display: none;
            align-items: center;
            justify-content: center;
            z-index: 999;
            padding: 20px;
        }

        .modal-box {
            background: linear-gradient(160deg, #ffffff, #f7fbff);
            padding: 36px 44px;
            border-radius: 16px;
            min-width: 320px;
            text-align: center;
            box-shadow: 0 20px 40px rgba(64, 120, 180, 0.22);
            border: 1px solid rgba(180, 220, 255, 0.6);
            position: relative;
            overflow: hidden;
        }

        .modal-box::before {
            content: "";
            position: absolute;
            left: -30px;
            top: -30px;
            width: 90px;
            height: 90px;
            background: linear-gradient(135deg, rgba(160, 200, 240, 0.45), rgba(255, 255, 255, 0.1));
            transform: rotate(25deg) skew(6deg, 4deg);
            border-radius: 14px;
        }

        .modal-box::after {
            content: "";
            position: absolute;
            right: -24px;
            bottom: -24px;
            width: 70px;
            height: 70px;
            background: linear-gradient(135deg, rgba(175, 215, 255, 0.4), rgba(255, 255, 255, 0.1));
            transform: rotate(-20deg) skew(-5deg, -4deg);
            border-radius: 12px;
        }

        .modal-box h4 {
            font-size: 20px;
            color: #1f3a5f;
            margin-bottom: 16px;
            position: relative;
            z-index: 1;
        }

        .modal-box .tel {
            font-size: 17px;
            color: #35557a;
            margin-bottom: 24px;
            position: relative;
            z-index: 1;
        }

        .modal-close {
            padding: 9px 28px;
            border: none;
            background: linear-gradient(135deg, #40a9ff, #73bfff);
            color: #fff;
            border-radius: 999px;
            cursor: pointer;
            font-size: 15px;
            position: relative;
            z-index: 1;
            transition: box-shadow 0.25s ease;
        }

        .modal-close:hover {
            box-shadow: 0 10px 20px rgba(64, 169, 255, 0.4);
        }

        /* 响应式 */
        @media (max-width: 1100px) {
            .card-wrap {
                grid-template-columns: repeat(2, 1fr);
            }
        }

        @media (max-width: 640px) {

            .card-wrap {
                grid-template-columns: 1fr;
            }

            .modal-box {
                min-width: unset;
                width: 100%;
                padding: 30px 24px;
            }
        }