/*** 首页 ***/


/*** 轮播图 ***/
 .search-layer{ display:none;}
.yctp_n{ width:494px; height:245px;}
.yctp_n img{ max-width:100%;}
a:hover{transition: all 0.5s;}
.empty{ 
    display: block;
    background: url(img/empty.png) no-repeat center;
    width: 100%;
    height: 300px;
}
.filter-item a{ cursor: pointer;}
.banner-box {
	position: relative;
	height: 645px;
}
.banner-box .swiper-wrapper{ height: 645px;}
.sj_ban{ display:none;}

.lazy-load-box {
	height: 100%;
	left: 0;
	top: 0;
	width: 100%;
	background-color: #eaeaea;
	position: absolute;
	z-index: 10;
}

.lazy-load-box img {
	position: absolute;
	width: 5em;
	height: 5em;
	left: 50%;
	top: 50%;
	margin-top: -2.5em;
	margin-left: -2.5em;
	z-index: 10;
}

.swiper-container.banner .swiper-slide {
	height: 645px;
	position: relative;
	background-color: #ccc;
}
.guanbi{ display:none;}

.swiper-container.banner .swiper-slide .right-bg {
	position: absolute;
	right: 0;
	top: 50%;
	transform: translate(0, -50%);
	-webkit-transform: translate(0, -50%);
	height: 31.5em;
}

.swiper-container.banner .swiper-slide .right-bgs {
	position: absolute;
	right: 0;
	width: 100%;
	top: 0%;
	/*transform: translate(0, -50%);
	-webkit-transform: translate(0, -50%);*/
}

.swiper-container.banner .swiper-slide .right-bgs .imgs-box {
	float: right;
	width: 43.5%;
	position: relative;
	text-align: center;
}

.swiper-container.banner .swiper-slide .doc-box.doc-box3 .imgs h2{ color: #fff; font-size: 54px; font-weight: bold; line-height: 74px; letter-spacing: 2px; margin-bottom: 0px;}

.swiper-container.banner .swiper-slide .right-bgs .imgs-box .bgs {
	width: 560px;
}

.djljlx a{
        color: #fff;
		background-color: unset;
		font-family: PingFangSC-Semibold;
		background-image: linear-gradient(90deg, rgba(128, 181, 255, .1), rgba(23, 110, 255, .1));
		border: 1px solid hsla(0, 0%, 100%, .6);
		border-radius: 4px;
		box-shadow: 0 20px 65px -15px #005ddf, inset 0 -3px 0 0 rgba(0, 49, 146, .1), inset 0 3px 0 0 hsla(0, 0%, 100%, .1);
		
		 width: 194px;
		 height: 60px;
		 text-align: center;
		 line-height: 60px;
		 display: block;
		 font-size: 16px;
		 margin-top: 50px;
		 font-weight: bold; letter-spacing: 2px;
		 margin: 0 auto;

}
.djljlx a:hover{
	background-image: linear-gradient(90deg, rgba(128, 181, 255, .4), rgba(23, 110, 255, .6));
	border: 1px solid hsla(0, 0%, 100%, .3);
	text-decoration: none;
	background: #005ddf;
	
}
.swiper-container.banner .swiper-slide .right-bgs .imgs-box .bg1 {
	position: absolute;
	width: 100%;
	right: -20%;
	bottom: 0;
	opacity: 0;
}

.swiper-container.banner .swiper-slide.swiper-slide-active .right-bgs .imgs-box .bg1 {
	-webkit-transition: all 1.5s 0.8s ease;
	-o-transition: all 1.5s 0.8s ease;
	-ms-transition: all 1.5s 0.8s ease;
	-moz-transition: all 1.5s 0.8s ease;
	transition: all 1.5s 0.8s ease;
	right: 0;
	opacity: 1;
}

@keyframes updown01 {
	0% {
		transform: translateY(0);
	}
	25% {
		transform: translateY(-5px);
	}
	75% {
		transform: translateY(5px);
	}
	100% {
		transform: translateY(0);
	}
}
.rightIcon{ display:none;}
.swiper-container.banner .swiper-slide .right-bgs .imgs-box .bg2 {
	position: absolute;
	width: 100%;
	left: 0;
	top: 0;
	opacity: 0;
}

.swiper-container.banner .swiper-slide.swiper-slide-active .right-bgs .imgs-box .bg2 {
	-webkit-transition: all 0.8s 2.5s ease;
	-o-transition: all 0.8s 2.5s ease;
	-ms-transition: all 0.8s 2.5s ease;
	-moz-transition: all 0.8s 2.5s ease;
	transition: all 0.8s 2.5s ease;
	opacity: 1;
	animation: updown01 5s linear infinite;
	-webkit-animation: updown01 5s linear infinite;
}

.swiper-container.banner .swiper-slide .doc-box {
	position: absolute;
	width: 100%;
	left: 0;
	top: 35%;
	z-index: 20;
}

.swiper-container.banner .swiper-slide .doc-box .imgs {
	position: relative;
	padding-bottom: 20px;
}

/*.swiper-container.banner .swiper-slide .doc-box .imgs:after {
	content: "";
	position: absolute;
	left: 0.3em;
	bottom: 0;
	width: 4.5em;
	height: 5px;
	background: #fff;
}*/

.new_index_header{ display:none;}
.swiper-container.banner .swiper-slide .doc-box .imgs h2  {

	display: inline-block;
	 margin-top:12rem;
	 transform: translateY(30px);
	-webkit-transition: translateY(30px);
	-webkit-transition: translateY(30px);
	opacity: 0;
	color: #fff;
	font-size: 50px;
	font-weight: bold;
	text-align: center; width:100%;
}

.swiper-container.banner .swiper-slide.swiper-slide-active .doc-box .imgs h2 {
	transform: translateY(0);
	-webkit-transition: translateY(0);
	-webkit-transition: translateY(0);
	opacity: 1;
	-webkit-transition: all 0.8s 0.5s ease;
	-o-transition: all 0.8s 0.5s ease;
	-ms-transition: all 0.8s 0.5s ease;
	-moz-transition: all 0.8s 0.5s ease;
	transition: all 0.8s 0.5s ease;

}





.swiper-container.banner .swiper-slide .doc-box .djljlx  {

	display: inline-block;
	transform: translateY(50px);
	-webkit-transition: translateY(50px);
	-webkit-transition: translateY(50px);
	opacity: 0;
	color: #fff;

	font-weight: bold;
	text-align: center; width:100%;
}

.swiper-container.banner .swiper-slide.swiper-slide-active .doc-box .djljlx {
	transform: translateY(0);
	-webkit-transition: translateY(0);
	-webkit-transition: translateY(0);
	opacity: 1;
	-webkit-transition: all 0.8s 0.5s ease;
	-o-transition: all 0.8s 0.5s ease;
	-ms-transition: all 0.8s 0.5s ease;
	-moz-transition: all 0.8s 0.5s ease;
	transition: all 0.8s 0.5s ease;

}


.swiper-container.banner .swiper-slide .dd_zuig{
    display: inline-block;
    transform: translateY(50px);
    opacity: 0;
    animation: fadeInUp 0.6s 2s forwards;
     
	
}
@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(50px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}
.swiper-container.banner .swiper-slide.swiper-slide-active .dd_zuig{
	transform: translateY(0);
	-webkit-transition: translateY(0);
	-webkit-transition: translateY(0);
	opacity: 1;
	-webkit-transition: all 0.8s 0.5s ease;
	-o-transition: all 0.8s 0.5s ease;
	-ms-transition: all 0.8s 0.5s ease;
	-moz-transition: all 0.8s 0.5s ease;
	transition: all 0.8s 0.5s ease;

    
    
}



.swiper-container.banner .swiper-slide .doc-box .imgs h5 {

	display: inline-block;
	 margin-top:11rem;
	 transform: translateY(30px);
	-webkit-transition: translateY(30px);
	-webkit-transition: translateY(30px);
	opacity: 0;
	color: #fff;
	font-size: 50px;
	font-weight: bold;
}

.swiper-container.banner .swiper-slide.swiper-slide-active .doc-box .imgs h5 {
	transform: translateY(0);
	-webkit-transition: translateY(0);
	-webkit-transition: translateY(0);
	opacity: 1;
	-webkit-transition: all 0.8s 0.5s ease;
	-o-transition: all 0.8s 0.5s ease;
	-ms-transition: all 0.8s 0.5s ease;
	-moz-transition: all 0.8s 0.5s ease;
	transition: all 0.8s 0.5s ease;

}


.swiper-container.banner .swiper-slide .doc-box.doc-box4 {
	text-align: center;
	top: 23%;
}

.swiper-container.banner .swiper-slide .doc-box.doc-box4 .imgs {
	padding-bottom: 0;
}

.swiper-container.banner .swiper-slide .doc-box.doc-box4 .imgs:after {
	display: none;
}

.swiper-container.banner .swiper-slide .doc-box.doc-box4 .imgs img {
	height: 26em;
}

.swiper-container.banner .swiper-slide .doc-box .doc {
	font-size: 0.92em;
	color: #fff;
	margin-top: 0em;
	transform: translateY(30px);
	-webkit-transition: translateY(30px);
	-webkit-transition: translateY(30px);
	opacity: 0;
	line-height: 26px;

}
.szlbm dl{ display:flex; gap:100px;}
.szlbm dl dd{ color:#fff;}
.szlbm1{
    align-items: end;
    display: flex;
    box-sizing: border-box;}
    
.szlbm1 span{ font-size:3rem; font-weight:bold;}
.szlbm2{ font-size:16px;}
.swiper-container.banner .swiper-slide .doc-box .doc2 {
  
	margin-top: 4em;
	transform: translateY(50px);
	-webkit-transition: translateY(50px);
	-webkit-transition: translateY(50px);
	opacity: 0;

}

.swiper-container.banner .swiper-slide.swiper-slide-active .doc-box .doc {
	transform: translateY(0);
	-webkit-transition: translateY(0);
	-webkit-transition: translateY(0);
	opacity: 1;
	-webkit-transition: all 0.8s 0.5s ease;
	-o-transition: all 0.8s 0.5s ease;
	-ms-transition: all 0.8s 0.5s ease;
	-moz-transition: all 0.8s 0.5s ease;
	transition: all 0.8s 0.5s ease;

}

.swiper-container.banner .swiper-slide.swiper-slide-active .doc-box .doc2 {
	transform: translateY(0);
	-webkit-transition: translateY(0);
	-webkit-transition: translateY(0);
	opacity: 1;
	-webkit-transition: all 1s 0.7s ease;
	-o-transition: all 1s 0.7s ease;
	-ms-transition: all 1s 0.7s ease;
	-moz-transition: all 1s 0.7s ease;
	transition: all 1s 0.7s ease;

}


.swiper-container.banner .swiper-slide .doc-box.doc-box2 {
	position: absolute;
	width: 100%;
	left: 0;
	top: 45%;
	text-align: center;
}

.swiper-container.banner .swiper-slide .doc-box.doc-box2 .imgs {
	position: relative;
	padding-bottom: 1.2em;
}

.swiper-container.banner .swiper-slide .doc-box.doc-box2 .imgs:after {
	display: none;
}

.swiper-container.banner .swiper-slide .doc-box.doc-box2 .imgs img {
	height: 4.4em;
	display: inline-block;
}

.swiper-container.banner .swiper-slide .doc-box.doc-box2 .doc {
	font-size: 1.2em;
	color: #fff;
	letter-spacing: 8px;
	margin-top: 0;
}

.swiper-container.banner .swiper-slide .diqiu-imgs {
	position: absolute;
	width: 100%;
	left: 0;
	top: 50%;
	text-align: center;
}

.swiper-container.banner .swiper-slide .diqiu-imgs span {
	display: inline-block;
	position: relative;
	width: 80%;
}

@keyframes rotate {
	from {
		-webkit-transform: rotate(0);
		transform: rotate(0)
	}
	to {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}

@keyframes frotate {
	from {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg)
	}
	to {
		-webkit-transform: rotate(0);
		transform: rotate(0)
	}
}

.swiper-container.banner .swiper-slide .diqiu-imgs .qiu1 {
	width: 100%;
}

.swiper-container.banner .swiper-slide.swiper-slide-active .diqiu-imgs .qiu1 {
	animation: rotate 200s linear infinite;
	-webkit-animation: rotate 200s linear infinite;
}

.swiper-container.banner .swiper-slide .diqiu-imgs .qiu2 {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
}

.swiper-container.banner .swiper-slide.swiper-slide-active .diqiu-imgs .qiu2 {
	animation: frotate 200s linear infinite;
	-webkit-animation: frotate 200s linear infinite;
}

.swiper-container.banner .swiper-slide .diqiu-imgs .guang {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
}

.swiper-container.banner .swiper-slide .doc-box.doc-box3 .imgs {
	 margin-top:200px;
}

.swiper-container.banner .swiper-slide .doc-box.doc-box3 .imgs img {
	height: 10.7em;
	display: inline-block;
}

.swiper-container.banner .swiper-slide .doc-box.doc-box3 .doc {
	margin-top: 0;  letter-spacing: 6px; font-size: 20px;font-family: PingFangSC-Regular;
}

.swiper-container.banner .swiper-slide .right-bgs.on {
	top: 56%;
}

.swiper-container.banner .swiper-slide .right-bgs.on .imgs-box {
	width: 56%;
	transform: translateX(30px);
	-webkit-transition: translateX(30px);
	-webkit-transition: translateX(30px);
	opacity: 0;
	
	
}

.swiper-container.banner .swiper-slide.swiper-slide-active .right-bgs.on .imgs-box {
	transform: translateX(0);
	-webkit-transition: translateX(0);
	-webkit-transition: translateX(0);
	opacity: 1;
	-webkit-transition: all 0.8s 0.7s ease;
	-o-transition: all 0.8s 0.7s ease;
	-ms-transition: all 0.8s 0.7s ease;
	-moz-transition: all 0.8s 0.7s ease;
	transition: all 0.8s 0.7s ease;
	padding-top: 90px;
}

.swiper-container.banner .swiper-slide .right-bgs.on .imgs-box .bgss {
	position: absolute;
	width: 100%;
	left: 0;
	top: 0;
}

@keyframes updown02 {
	0% {
		transform: translateY(0);
	}
	50% {
		transform: translateY(20px);
	}
	100% {
		transform: translateY(0);
	}
}

@keyframes updown03 {
	0% {
		opacity: 0;
	}
	50% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}

.swiper-container.banner .swiper-slide .right-bgs.on .imgs-box .bgss1 {
	animation: updown02 5s linear infinite;
	-webkit-animation: updown02 5s linear infinite;
	width: 20%;
	right:66px;
	left:auto;
	top: 80px;
}

.swiper-container.banner .swiper-slide .right-bgs.on .imgs-box .bgss2 {
	animation: updown02 5s 2.5s linear infinite;
	-webkit-animation: updown02 5s 2.5s linear infinite;
	width: 20%;
	top: 180px;
	
}

.swiper-container.banner .swiper-slide .right-bgs.on .imgs-box .bgss4 {
	animation: updown03 3s linear infinite;
	-webkit-animation: updown03 3s linear infinite;
}

.swiper-container.banner .swiper-slide .right-bgs.on .imgs-box .bgss3 {
	animation: updown02 5s 2.1s linear infinite;
	-webkit-animation: updown02 5s 2.1s linear infinite;
	width: 68px;
    top: 192px;
    left: 190px;
}

.swiper-container.banner .swiper-slide .right-bgs.on .imgs-box .bgss5 {
	animation: updown03 3s 1.5s linear infinite;
	-webkit-animation: updown03 3s 1.5s linear infinite;
}

.swiper-container.banner .swiper-slide .right-bgs.on .imgs-box .bgss8 {
    width: 120px;
    right: 145px;
    left: auto;
    top: 170px;
}


.swiper-container.banner .bg {
	position: absolute;
	width: 100%;
	height: 645px;
	left: 0;
	top: 0;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}

.swiper-container.banner .guang_bg {
	position: absolute;
	width: 100%;
	height: 645px;
	left: 0;
	top: 0;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	opacity: 0;
}

.swiper-container.banner .swiper-slide.swiper-slide-active .guang_bg {
	-webkit-transition: all 1.2s 3.5s linear;
	-o-transition: all 1.2s 3.5s linear;
	-ms-transition: all 1.2s 3.5s linear;
	-moz-transition: all 1.2s 3.5s linear;
	transition: all 1.2s 3.5s linear;
	opacity: 1;
}

.swiper-container.banner .bg.ph {
	display: none;
}

.swiper-container.banner .swiper-pagination {
	line-height: 1;
	bottom: 1.5em;
	z-index: 10;
}

.swiper-container.banner .swiper-pagination-bullet {
	width: 2.6em;
	height: 10px;
	border-radius: 0px;
	border-top: 4px solid rgba(255, 255, 255, .9);
	background: none;
	opacity: 0.5;
}

.swiper-container.banner .swiper-pagination-bullet.swiper-pagination-bullet-active {
	border-top: 4px solid rgba(255, 255, 255, 1);
	opacity: 1;
}

.swiper-container.banner .swiper-pagination-bullet:hover {
	border-top: 4px solid rgba(255, 255, 255, 1);
}

@media screen and (max-width:991px) {
	.swiper-container.banner .common-area {
		padding: 0 10%;
	}
	.swiper-container.banner .bg.pc {
		display: none;
	}
	.swiper-container.banner .bg.ph {
		display: block;
	}
	.swiper-container.banner .swiper-pagination {
		bottom: 0.3rem;
	}
	.swiper-container.banner .swiper-pagination-bullet {
		width: 0.2rem;
		margin: 0 3px;
	}
	.swiper-container.banner .swiper-slide {
		height: 81vh;
	}
	.swiper-container.banner .swiper-slide .right-bg {
		display: none;
	}
	.swiper-container.banner .swiper-slide .doc-box {
		top: inherit;
		bottom: 12%;
	}
	.swiper-container.banner .swiper-slide .doc-box .imgs {
		padding-bottom: 0.15rem;
	}
	.swiper-container.banner .swiper-slide .doc-box .imgs img {
		height: 1rem;
	}
	.swiper-container.banner .swiper-slide .doc-box .imgs:after {
		height: 1px;
		width: 0.35rem;
	}
	.swiper-container.banner .swiper-slide .doc-box .doc {
		margin-top: 0.1rem;
		font-size: 0.17rem;
	}
	.swiper-container.banner .swiper-slide .right-bgs {
		display: none;
	}
	.swiper-container.banner .swiper-slide .doc-box.doc-box2 .imgs img {
		height: 0.4rem;
	}
	.swiper-container.banner .swiper-slide .doc-box.doc-box2 .imgs {
		padding-bottom: 0.1rem;
	}
	.swiper-container.banner .swiper-slide .doc-box.doc-box2 .doc {
		letter-spacing: 3px;
		font-size: 0.17rem;
		margin-top: 0;
	}
	.swiper-container.banner .swiper-slide .diqiu-imgs {
		display: none;
	}
	.swiper-container.banner .swiper-slide .doc-box.doc-box3 {
		bottom: inherit;
		top: 18%;
	}
	.swiper-container.banner .swiper-slide .doc-box.doc-box3 .imgs img {
		height: 1rem;
	}
	.swiper-container.banner .swiper-slide .doc-box.doc-box3 .imgs {
		padding-bottom: 0.15rem;
	}
	.swiper-container.banner .swiper-slide .doc-box.doc-box3 .doc {
		margin-top: 0.1rem;
	}
	.swiper-container.banner .swiper-slide .doc-box.doc-box4 {
		bottom: initial;
		top: 35%;
	}
	.swiper-container.banner .swiper-slide .doc-box.doc-box4 .imgs img {
		height: 2rem;
	}
}



@-webkit-keyframes bounce-down1 {
	25% {
		-webkit-transform: translateY(-10px);
	}
	50%, 100% {
		-webkit-transform: translateY(0);
	}
	75% {
		-webkit-transform: translateY(10px);
	}
}

@keyframes bounce-down1 {
	25% {
		transform: translateY(-10px);
	}
	50%, 100% {
		transform: translateY(0);
	}
	75% {
		transform: translateY(10px);
	}
}

@-webkit-keyframes bounce-down2 {
	25% {
		-webkit-transform: translateY(10px);
	}
	50%, 100% {
		-webkit-transform: translateY(0);
	}
	75% {
		-webkit-transform: translateY(-10px);
	}
}

@keyframes bounce-down2 {
	25% {
		-webkit-transform: translateY(10px);
	}
	50%, 100% {
		-webkit-transform: translateY(0);
	}
	75% {
		-webkit-transform: translateY(-10px);
	}
}






.cont1400{ width: 1400px; margin: 0 auto; max-width: 1400px; position: relative;}
.cont1280{ width: 1280px; margin: 0 auto; max-width: 1280px; position: relative;}
.obpx_tit{ font-size: 40px; color: #252525;}
.obpx_tit h2{ font-weight: bold;}
.obpx_tit h3{ font-size: 16px; color: #666; letter-spacing: 1px;}


/*OceanBase培训服务*/
.obpx{ padding-top: 50px; padding-bottom: 70px;}
 .obpx .container {
      width: 100%;
      margin: 50px auto;
    }

.obpx h1 {
      font-size: 38px;
      font-weight: 600;
      margin-bottom: 10px;
    }

.obpx .desc {
      color: #999;
      margin-bottom: 50px;
      font-size: 16px;
    }

.obpx .card-container {
      display: flex;
      gap: 30px;
      justify-content: space-between;
    }

.obpx .card {
      flex: 1;
      background-color: #f8f9fc;
      border-radius: 8px;
      padding: 40px;
      text-align: center;
      padding-top: 60px;
      padding-bottom: 60px;transition: all 0.5s;
    }

.obpx .card-circle {
      width: 80px;
      height: 80px;
      background-color: #007bff;
      border-radius: 50%;
      margin: 0 auto 20px auto;
      display: flex;
      align-items: center;
      justify-content: center;transition: all 0.5s;
      
    }

.obpx .card-circle span {
      color: #fff;
      font-size: 30px;
      font-weight: bold;transition: all 0.5s;
    }

.obpx .card h3 {
      font-size: 24px;
      margin-bottom: 15px;transition: all 0.5s;
    }

.obpx .card p {
      font-size: 15px;
      color: #666;
      text-align: left;
      margin-top: 20px;
      line-height: 25px;
       overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;transition: all 0.5s;
      
    }
    
    
    
.obpx .card:hover{transition: all 0.5s; background: #057cf2;box-shadow: 0px 0px 16.02px 1.98px rgba(24, 33, 49, 0.09);}
.obpx .card:hover p{transform: translateY(-10px);transition: all 0.5s; color: #fff; opacity: 0.8;}
.obpx .card:hover h3{transform: translateY(-10px);transition: all 0.5s; color: #fff; opacity: 1;}
 .obpx .card:hover .card-circle{ background: #fff;transform: translateY(-10px);transition: all 0.5s;}  
 .obpx .card:hover .card-circle span{ color: #057cf2;}  
/* 智能运维产品  */ 
.zwyycp{ background: url(../images/chan_bj.png) no-repeat top center; background-size: cover; padding-top: 70px; padding-bottom: 80px;}
    
.zwyycp .title {
            font-size: 38px;
            font-weight: 600;
            margin-bottom: 16px;
            color: #fff;
        }
.zwyycp .desc {
            font-size: 16px;
            color: rgba(255,255,255,0.8);
            margin-bottom: 60px;
        }
.zwyycp .product-list {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(450px, 1fr));
            grid-gap: 20px;
        }
.zwyycp .product-item {
            background: #fff;
            color: #333;
            border-radius: 8px;
            padding: 24px;
            display: flex;
            align-items: center;
            transition: all 0.3s ease;
            padding-top: 40px;
            padding-bottom: 40px;
        }
        
        .zwyycp .product-item a{ display: flex;
            align-items: center;}
        
 .zwyycp .product-item:nth-child(1) .icon{ background: url(../images/cp1.png) no-repeat center center; width: 92px; height: 92px;} 
 .zwyycp .product-item:nth-child(2) .icon{ background: url(../images/cp2.png) no-repeat center center; width: 92px; height: 92px;} 
 .zwyycp .product-item:nth-child(3) .icon{ background: url(../images/cp3.png) no-repeat center center; width: 92px; height: 92px;} 
 .zwyycp .product-item:nth-child(4) .icon{ background: url(../images/cp4.png) no-repeat center center; width: 92px; height: 92px;} 
 .zwyycp .product-item:nth-child(5) .icon{ background: url(../images/cp5.png) no-repeat center center; width: 92px; height: 92px;} 
 .zwyycp .product-item:nth-child(6) .icon{ background: url(../images/cp6.png) no-repeat center center; width: 92px; height: 92px;}       
        
        
        
.zwyycp .product-item:hover {
            transform: translateY(-5px);
            box-shadow: 0 8px 24px rgba(0,0,0,0.1);
            background: #057cf2;
            color: #fff;
 }
 .zwyycp .product-item:hover h3{ color: #fff;}
 .zwyycp .product-item:hover p{ color: #fff;}   
     
 .zwyycp .product-item:nth-child(1):hover .icon{ background: url(../images/cp1_h.png) no-repeat center center; } 
  .zwyycp .product-item:nth-child(2):hover .icon{ background: url(../images/cp2_h.png) no-repeat center center; }  
   .zwyycp .product-item:nth-child(3):hover .icon{ background: url(../images/cp3_h.png) no-repeat center center; }  
    .zwyycp .product-item:nth-child(4):hover .icon{ background: url(../images/cp4_h.png) no-repeat center center; }  
     .zwyycp .product-item:nth-child(5):hover .icon{ background: url(../images/cp5_h.png) no-repeat center center; }  
      .zwyycp .product-item:nth-child(6):hover .icon{ background: url(../images/cp6_h.png) no-repeat center center; }         
        
        
.zwyycp .product-item .icon {
            width: 40px;
            height: 40px;
            margin-right: 16px;
            /* 这里可替换为实际图标背景图或使用字体图标，示例用纯色占位 */
            background: #33AEFF;
            border-radius: 8px;
            flex-shrink: 0;
            display: flex;
            align-items: center;
            justify-content: center;
        }
        .product-item .icon img {
            width: 60%;
            height: 60%;
            object-fit: contain;
        }
        .product-info h3 {
            font-size: 18px;
            margin-bottom: 8px;
            color: #2b2a2a;
            font-size: 24px;
        }
        .product-info p {
            font-size: 18px;
            color: #2b2a2a;
             margin-top: 0;
        }
        /* 突出显示的蓝色卡片样式（如示例中的 InnoBlue EOPS） */
        .product-item.highlight {
            background: #0072FF;
            color: #fff;
        }
        .product-item.highlight .icon {
            background: #fff;
        }
        .product-item.highlight .product-info p {
            color: rgba(255,255,255,0.8);
        }
        

.container{ max-width: 1400px; margin: 0 auto;}



/*OceanBase技术服务*/

.objsfw{ background:#f5f7fa; padding-top: 60px; padding-bottom: 60px;}
.container {
      max-width: 1200px;
      margin: 0 auto;
    }

.objsfw .title {
      font-size:38px;
      font-weight: 600;
      margin-bottom: 12px;
    }

.objsfw .desc {
      font-size: 16px;
      color: #666;
      margin-bottom: 40px;
    }

    .tab-nav {
      display: flex;
      gap: 10px;
      margin-bottom: 20px;
    }

    .tab-nav button {
      flex: 1;
      height: 70px;
      border: none;
      border-radius: 6px;
      background-color: #fff;
      cursor: pointer;
      font-size: 18px;
      color: #333;
      transition: all 0.3s ease;
      
    }
    button:focus {
    outline: none; /* 去掉焦点时的轮廓 */
}

    .tab-nav button.active {
      background-color: #007bff;
      color: #fff;
      border: none;
    }
    
    .tab-nav button:nth-child(1){ background:#fff url(../images/ko2.png) no-repeat 34% center;}
    .tab-nav button:nth-child(2){ background:#fff url(../images/ko3.png) no-repeat 34% center;}

 .tab-nav button.active:nth-child(1){ background:#007bff url(../images/ko1.png) no-repeat 34% center;}
 .tab-nav button.active:nth-child(2){ background:#007bff url(../images/ko4.png) no-repeat 34% center;}

	.cont1400 .ob-tech-box{ display: none;}
	.cont1400 .ob-tech-box:nth-of-type(1) {
	 
	  display: block;
	} 

    .ob-tech-box {
      background: #fff url(../images/ls_bj.jpg) no-repeat right top; background-size: 70%;
      border-radius: 10px;
      padding: 50px;
      border: 1px solid #e5f6fc;
      padding-bottom: 10px;
    }

    .ob-tech-title {
      font-size: 24px;
      font-weight: 600;
      margin-bottom: 20px;
      position: relative;
      padding-left: 12px;
    }

    .ob-tech-title::before {
      content: "";
      position: absolute;
      left: 0;
      top: 50%;
      transform: translateY(-50%);
      width: 4px;
      height: 20px;
      background-color: #007bff;
    }

    .ob-tech-content {
      display: flex;
      gap: 20px;
    }

    .ob-tech-items {
      flex: 1;
    }

    .ob-tech-item {
      /*border: 1px solid #eee;*/
      border-radius: 4px;
      margin-bottom: 10px;
    }

    .ob-tech-item-header {
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 12px 16px;
      cursor: pointer;
      padding-top: 10px;
      padding-left: 25px;
      padding-right: 25px;
     
      transition: background-color 0.3s ease;
    }

    .ob-tech-item-header:hover {
     /* background-color: #eaecef;*/
      color: #0564f2;
    }

    .ob-tech-item-header span {
      font-size: 17px;
    }

    .ob-tech-item-content {
      padding: 15px 28px;
      display: none;
       background-color: rgb(255, 255, 255);
       padding-top: 0;
       padding-bottom: 22px;
       border-radius: 0 0 8px 8px;
      
    }
    
    .ob-tech-item.currer{
    	 background-color: rgb(255, 255, 255);
         box-shadow: 0px 0px 16.02px 1.98px rgba(24, 33, 49, 0.08); border-radius: 8px;
         padding-top: 14px;
        
    }

    .ob-tech-item-content p {
      font-size: 14px;
      color: #666;
      line-height: 1.6;
      margin-bottom: 8px;
      margin-top: 0;
    }

    .ob-tech-item-content a {
      font-size: 14px;
      color: #007bff;
      text-decoration: none;
    }

    .ob-tech-item-content a:hover {
      text-decoration: underline;
    }

    .ob-tech-img {
      flex: 1;
      display: flex;
      justify-content: center;
      align-items: center;
      margin-top: -70px;
    }

    .ob-tech-img img {
      max-width: 100%;
      height: auto;
      border-radius: 4px;
    }

    /* 箭头图标，可替换成自己的图标或字体图标 */
    .arrow {
      width: 0;
      height: 0;
      border-left: 6px solid transparent;
      border-right: 6px solid transparent;
      border-top: 6px solid #333;
      transition: transform 0.3s ease;
    }

    .arrow.rotate {
      transform: rotate(180deg);
    }

    @media (max-width: 768px) {
      .ob-tech-content {
        flex-direction: column;
      }
    }
    
    
    
    
    
/*综合服务及解决方案*/
.zhfw_jjfa{ padding-top: 70px; padding-bottom: 70px;}
.zhfw_jjfa h2 {
      font-size: 38px;
      font-weight: 600;
      margin-bottom: 10px;
    }

.zhfw_jjfa  .desc {
      color: #000;
      margin-bottom: 40px;
      font-size: 16px;
      letter-spacing: 1px;
      margin-top: 0;
      opacity: 0.7;
    }

    .service-container {
      display: flex;
      gap: 30px;
      justify-content: flex-start;
     
    }

    .service-box {
      width: calc(50% - 15px);
      border-radius: 8px;
      padding: 60px;
      color: #fff;
      box-shadow: 0px 0px 16.02px 1.98px rgba(24, 33, 49, 0.09);transition: all 0.6s;
       transition: all 0.5s ease; 
    }
    .service-box p{ color: #333;}

    .service-box.blue {
      background: url(../images/rrt.jpg) no-repeat top center;
      box-shadow: 0px 0px 16.02px 1.98px rgba(24, 33, 49, 0.09); 
      background-size: cover;transition: all 0.6s; opacity: 1;
    }
    .service-box.blue p{ color: #fff;}
    .service-box.blue ul li a{ color: #fff;}
    .service-box.blue ul li a:hover{ text-decoration: underline; color: #fff;}
.service-box.blue h3{ color: #fff;}
    .service-box.white {
      background-color: #f8f9fc;
      color: #333;
      background-color: rgb(250, 251, 253);
      box-shadow: 0px 0px 16.02px 1.98px rgba(24, 33, 49, 0.09);
    }

    .service-box h3 {
      font-size: 22px;
      margin-bottom: 15px;
      color: #212121;
      font-size: 30px;
      margin-top: 0px;
    }
    .service-box ul li a{ font-size: 16px;}
    .service-box ul li a:hover{ color: #057cf2;transition: all 0.6s;}
    .service-box ul li{ line-height: 35px;}
.service-box ul li::marker{ color: #999;}
.service-box.blue ul li::marker{ color: #fff;}
.service-box p {
      line-height: 1.6;
      margin-bottom: 40px;
      opacity: 0.95;
      font-size: 15px;
      margin-top: 0px;
    }

    .service-box ul {
      list-style: disc;
      padding-left: 20px;
      line-height: 1.8;
    }
    

/*技术社区板块*/
.jssq{ background: #f3f6fc; padding-top: 70px; padding-bottom: 70px;}
.container_jssq{ display: flex;}

    .left-section {
     
      min-width: 200px;
      padding-top: 50px;
    }

    .left-section h2 {
      font-size: 38px;
      margin-bottom: 40px;
      line-height: 1.2;
    }

    .left-section a {
      background-color: #007bff;
      color: #fff;
      border: none;
      padding: 14px 40px;
      font-size: 14px;
      border-radius: 4px;
      cursor: pointer;
      transition: background-color 0.3s ease;
    }

    .left-section a:hover {
      background-color: #0056b3;
    }

.jssq .cards-section {
      flex: 2;
      display: flex;
      gap: 30px;
      padding-left: 200px;
      
      
    }

.jssq .card {
      background-color: #fff;
      border-radius: 8px;
      padding: 24px;
      width: calc(50% - 15px);
      box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
      border: 1px solid #eeeeee;
      background: #fff url(../images/lxt.png) no-repeat top center; background-size: 100%;
      padding-left: 30px;
      
    }

.jssq .card h3 {
      font-size: 32px;
      margin-bottom: 0px;
    }

.jssq .card p {
      color: #7e838f;
      margin-bottom: 30px;
      font-size: 16px;
      margin-top: 5px;
    }

.jssq .card a {
      color: #007bff;
      text-decoration: none;
      font-size: 16px;
      display: inline-block;
      transition: color 0.3s ease;
      margin-top: 20px;transition: all 0.5s;
    }

.jssq .card a:hover {
      color: #0056b3; padding-left: 20px;transition: all 0.5s;
    }

.jssq .card img {
    
      float: right;
      opacity: 1;
    }
    

/*底部代码开始*/
.footer_bg{
	padding-top: 50px;
	background-image: url('../images/f_left.png'),url('../images/f_right.png');
    background-position: top left, right top;
    background-repeat: no-repeat, no-repeat;
    background-size: 380px, 380px;
    background-color: #052f78;
	}
.footer_bg .title{font-size: 40px; color: #fff; font-weight: normal; letter-spacing: 4px; text-align: center;}
.footer_bg .cont1400{ text-align: center;}
.footer_bg .consult-btn {
      display: inline-block;
      padding: 12px 50px;
      border: 1px solid rgba(255,255,255,0.3);
      border-radius: 4px;
      text-decoration: none;
      color: #fff;
      margin-bottom: 30px;
      transition: all 0.3s ease;
      text-align: center;
      margin: 0 auto;
      margin-bottom: 20px;
      margin-top: 15px;
    }

.footer_bg .consult-btn:hover {
      background-color: #fff;
      color: #0A489E;
    }

.footer_bg .content {
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap;
      border-bottom: 1px solid rgba(255,255,255,0.1);
      border-top: 1px solid rgba(255,255,255,0.1);
      padding-top: 20px;
    }

.footer_bg .section {
      text-align: left;
      margin-bottom: 25px;
    }
.footer_bg .section:nth-child(1){ padding-top: 50px;}
.footer_bg .section:nth-child(1) img{ height:60px;}
.footer_bg .section:nth-child(2){  width: 400px;}
.footer_bg .section h3 {
      font-size: 16px;
      margin-bottom: 15px;
      color: #fff;
    }

.footer_bg .section a,.footer_bg .section span {
      display: block;
      color: #fff;
      text-decoration: none;
      margin-bottom: 8px;
      transition: color 0.3s ease;
      font-size: 13px;
      opacity: 0.5;
    }
.footer_bg .section a:hover {
      color: #fff;opacity: 0.8;
    }

    /* 城市选择器样式 */
    .city-selector {
      display: flex;
      margin-bottom: 10px;
    }
.footer_bg .city-selector span {
      padding: 5px 20px;
      margin-right: 20px;
      border: 1px solid transparent;
      border-radius: 3px;
      transition: all 0.3s ease;
      opacity: 0.8;
      cursor: pointer;
    }
    
    .city-selector span.active {
      background-color: #0064ff;
      color: #fff;
      opacity: 1;
    }

    .contact-info {
      margin-top: 10px;
    }
    .contact-info .city-info{
    	display: none;
    }
    .contact-info .city-info:first-child{
    	display: block;
    }

    .contact-info p {
      margin-bottom: 0px; padding-left: 24px; margin-top: 7px; color: #fff; font-size: 13px;
    }
    .contact-info p:nth-child(1){
    	background: url(../images/f_ico1.png) no-repeat left center;
    }
    .contact-info p:nth-child(2){
    	background: url(../images/f_ico2.png) no-repeat left center;
    }
    .contact-info p:nth-child(3){
    	background: url(../images/f_ico3.png) no-repeat left center;
    }

    .footer {
      text-align: center;
      margin-top: 0px;
      color: #ccc;
      font-size: 13px;
      line-height: 60px;
    }
    .footer a{ color: #fff;  font-size: 13px;}
    .footer a:hover{ text-decoration: underline;}

    /* 响应式布局 */
    @media (max-width: 768px) {
      .section {
        width: 48%;
      }
    }
    
    @media (max-width: 480px) {
      .section {
        width: 100%;
      }
    }
    
 .hzkh{ position: relative; background: #f5f7fa;}
.sjjc-kh {
  background: #f5f7fa;
  padding-top: 60px;
  padding-bottom: 0px;
  /* padding-left: 100px;
  padding-right: 100px; */
}

@media (max-width: 1000px) {
  .sjjc-kh {
    padding-top: 50px;
    padding-bottom: 40px;
    padding-left: 0;
    padding-right: 0;
  }
}

@media (max-width: 1000px) {
  .sjjc-kh .title {
    margin-bottom: 20px;
  }
}

.sjjc-kh .list {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

@media (max-width: 1000px) {
  .sjjc-kh .list {
    justify-content: space-between;
  }
}

.sjjc-kh .list .item {
  width: 216px;
  margin-right: 22px;
  height: 86px;
  border-radius: 8px 8px 8px 8px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 19px;
  position: relative;
  overflow: hidden;
  cursor: pointer;
  box-shadow: 0px 2px 8px rgba(33, 48, 62, 0.08);
 
}

@media (max-width: 1000px) {
  .sjjc-kh .list .item {
    width: 48%;
    margin-right: 0;
    margin-bottom: 15px;
  }
}

.sjjc-kh .list .item img {
  max-height: inherit;
  width:90%;
  transition: all 0.3s;
  
}
.sjjc-kh .list .item:hover img{
  filter: blur(8px);
}
@media (max-width: 1000px) {
  .sjjc-kh .list .item img {
    max-height: 55px;
  }
}

.sjjc-kh .list .item:nth-of-type(5n) {
  margin-right: 0;
}

.sjjc-kh .list .item .txt {
  position: absolute;
  opacity: 0;
  background: rgba(15, 71, 155, 0.62);
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transition: all 0.5s;
  font-size: 16px;
  font-weight: 300;
  color: #FFFFFF;
  line-height: 86px;
  text-align: center;
}

@media (max-width: 1000px) {
  .sjjc-kh .list .item .txt {
    font-size: 14px;
  }
}

.sjjc-kh .list .item:hover .txt {
  opacity: 1;
}

.sjjc-kh .list {
  flex-wrap: inherit;
}

.kh-swiper {
  overflow: hidden;
      padding-top: 5px;
}

.kh-swiper .swiper-wrapper {
  transition-timing-function: linear;
}

.sjjc-kh .sw-box {
  position: relative;

}
.sjjc-kh .sw-box .swiper-wrapper{
    height: 120px;
}
.sjjc-kh .sw-box .kh-swiper:nth-child(2n) .list { left:90px;}

.sw-box .swiper_case_prev {
  height: 100%;
  width: 212px;
  top: 0;
  left: 0;
  margin-top: 0;
  background: linear-gradient(90deg, #f5f7fa 0%, #f5f7fa 10%, rgba(255, 255, 255, 0) 100%);
}

.sw-box .swiper_case_next {
  height: 100%;
  width: 212px;
  top: 0;
  right: 0;
  margin-top: 0;
  background: linear-gradient(270deg, #f5f7fa 0%, #f5f7fa 10%, rgba(255, 255, 255, 0) 100%);
}

@media (max-width: 960px) {
  .sw-box .swiper_case_prev {
    display: none;
  }
  .sw-box .swiper_case_next {
    display: none;
  }
}

.sjjc-case {
  background-image: url(https://src.fanruan.com/2023-website/2023-sem/sem-fdl/case-bg01.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.sjjc-case .case-box {
  position: relative;

}

.sjjc-case .case-box .swiper-wrapper {
  display: flex;
  align-items: center;
}

.sjjc-case .case-box .swiper-slide {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: #ffffff;
  padding: 54px 100px 54px 54px;
  opacity: 1;
}

@media (max-width: 1000px) {
  .sjjc-case .case-box .swiper-slide {
    flex-direction: column;
  }
}



@media (max-width: 1000px) {
  .sjjc-case .case-box .swiper-slide p {
    display: block;
  }
}


@media (max-width: 1000px) {
  .sjjc-case .case-box .swiper-slide-active {
    padding: 25px;
  }
}



.sjjc-case .case-box .swiper-slide p {
  display: block;
 font-family: PingFang SC;
font-size: 16px;
font-weight: 500;
line-height: 26px;
letter-spacing: 0px;
text-align: left;

  text-align: left;
  color: #273755;
  width: calc(100% - 300px);
}

@media (max-width: 1000px) {
  .sjjc-case .case-box .swiper-slide-active p {
    text-align: center;
    font-size: 14px;
    line-height: 24px;
  }
}

.sjjc-case .case-box .swiper_prev {
  background-image: url(https://src.fanruan.com/2023-website/2023-sem/sem-fdl/sjsj-left.png);
  width: 35px;
  height: 35px;
  background-size: 35px;
  z-index: 99;
  left: 25px;
}
.sjjc-case .case-box .swiper_prev:hover{
  background-image: url(https://src.fanruan.com/2023-website/2023-sem/sem-fdl/sjsj-left-hover.png);
}
@media (max-width: 1000px) {
  .sjjc-case .case-box .swiper_prev {
    width: 20px;
    height: 20px;
    background-size: 20px;
    left: 0;
  }
}

.sjjc-case .case-box .swiper_next {
  background-image: url(https://src.fanruan.com/2023-website/2023-sem/sem-fdl/sjsj-right.png);
  width: 35px;
  height: 35px;
  background-size: 35px;
  z-index: 99;
  right: 25px;
}
.sjjc-case .case-box .swiper_next:hover{
  background-image: url(https://src.fanruan.com/2023-website/2023-sem/sem-fdl/sjsj-right-hover.png);
}
@media (max-width: 1000px) {
  .sjjc-case .case-box .swiper_next {
    width: 20px;
    height: 20px;
    background-size: 20px;
    right: 0;
  }
}


@-webkit-keyframes gradientBG {
  0% {
    background-position: 0 50%
  }

  50% {
    background-position: 100% 50%
  }

  to {
    background-position: 0 50%
  }
}

@keyframes gradientBG {
  0% {
    background-position: 0 50%
  }

  50% {
    background-position: 100% 50%
  }

  to {
    background-position: 0 50%
  }
}

.sjjc-case .case-box .case-swiper{
  width: 925px;
  margin: 0 auto;
  box-shadow: 0px 0px 40px 0px rgba(19, 92, 161, 0.09);
  border-radius: 8px;
}

.sjjc-case .case-box .case-swiper .item img{
  height: 110px;
  max-width: 200px;
}

@media (max-width: 1000px) {
  .sjjc-case .case-box .case-swiper{
    width: 100%;
    margin: 0 auto;
    box-shadow: 0px 0px 40px 0px rgba(19, 92, 161, 0.09);
    border-radius: 8px;
  }
  .sjjc-case .case-box .swiper-slide p {
   font-size: 14px;
   width: 100%;
  }
  .sjjc-case .case-box .swiper-slide{
    padding: 25px;
  }
}


.hzkh .title {font-size: 38px;
    font-weight: 600;
    margin-bottom: 12px; padding-bottom: 30px;}





/*头部导航样式*/
.header{ position: relative;}
nav {
      height: 60px;
      line-height: 60px;
      padding: 0 40px;
      position: fixed; top: 0; left: 0; width: 100%; z-index: 999999;
      display: flex;
      background-image: linear-gradient(90deg,#052762,#06378b 65%,#063483);
      box-shadow: inset 0 -1px 0 0 hsla(0,0%,100%,.10196078431372549);
      align-items: center;
      width: 100%;
      box-sizing: border-box;
      
    }
    .seach_x{ position: absolute; right: 40px; display: flex;}
    .seach_x{background: hsla(0,0%,100%,.1); padding-right: 12px;
    border: .5px solid hsla(0,0%,100%,.2);
    border-radius: 4px;height: 36px; line-height: 36px;}
    
   .seach_x input {
    width: 200px;
    height: 36px;
    color: hsla(0,0%,100%,.85);
    background: transparent;
    border: none;
    padding-left: 10px;
    }
    .seach_x button{
    	background: none;
    	display: inline-block;
    	border: none;
    }
    .seach_x img{ width: 15px;}
    
    .seach_x input::placeholder {
       color: rgba(255,255,255,.4);
    }

    .nav-list {
      list-style: none;
      display: flex;
      padding-left: 50px;
    }
    .nav_logo{ padding-top: 20px;}
    .nav_logo img{ height:42px;}

    .nav-item {
      position: relative;
      margin-right: 20px;
      color: #fff;
      cursor: pointer;
    }

    /* 下拉箭头样式 */
    .nav-item.has-subnav::after {
      content: ""; /* Font Awesome 向下箭头图标 */
      font-weight: 900;
      margin-left:-4px;
      transition: transform 0.3s ease; /* 添加旋转动画 */
     background: url(../images/jtx.svg);
     background-size: 100%;
     width: 12px;
     height: 10px;
     display: inline-block;
    }

    .nav-item.has-subnav:hover::after {
      transform: rotate(180deg); /* 鼠标悬停时箭头旋转180度 */
    }
    .nav-item a{ color: #fff; font-size: 14px;}

    .sub-nav {
      opacity: 0;
      visibility: hidden;
      position: absolute;
      left: 0;
      top: 60px;
      width: 700px;
      padding: 40px;
      color: #fff;
      transition: opacity 0.4s ease, visibility 0.4s ease;
      background-image: linear-gradient(121deg,#032866,#083d99);
      border-radius: 0 0 4px 4px;
      padding-top: 20px;
    }

    .sub-nav .sub-item {
      display: flex;
      justify-content: space-between;
      width: 100%;
    }

    .sub-nav .sub-item div {
     margin-right: 40px;
    }
    .sub-nav .sub-item div:first-child{ margin-right: 0;}

    .sub-nav .sub-item div h3 {
      margin-bottom: 15px;
      border-bottom: 1px solid rgba(255,255,255,.08);
      margin-top: 0;
      font-size: 17px; font-weight: normal;color:#fff; opacity:1;
    }
    .sub-nav .sub-item div h3 a{ font-size: 17px;font-weight: normal; color:#fff; opacity:1}

    .sub-nav .sub-item div p {
      margin-bottom: 5px;
      cursor: pointer;
     
      padding:1px 10px;
      margin-top: 0;
      margin-bottom: 0;
      line-height: 36px;
      height: 36px;
      
    }
    .sub-nav .sub-item div p a{ font-size: 14px; color: #fff;}
    .sub-nav .sub-item div p:hover{ background: rgba(255,255,255,.2); border-radius: 4px;}

    .nav-item:hover .sub-nav {
      opacity: 1;
      visibility: visible;
    }
    
    
 .nav-item a{ opacity:0.76;}   
 .nav-list .on a{ opacity:1; font-weight:bold;} 
 
 .nav-list .sub-nav .sub-item div p a{ opacity:1; font-weight:normal;}
 .nav-item a:hover{  opacity:1;}

.pxfw_banner{ width: 100%; height: 528px; position: relative;}
.pxfw_banner_txt{ padding-top: 130px;}
.pxfw_banner_txt h2{ font-size: 48px; color: #fff; font-weight: bold; line-height: 74px; margin-bottom: 30px;}
.pxfw_banner_txt h3 a{ width: 142px; height: 46px; line-height: 46px; display: block; border-radius: 4px; background: rgba(0,0,0,.1); border:1px solid rgba(255,255,255,.2); text-align: center; color: #fff; font-size: 15px;}
.pxfw_banner_txt h3 a:hover{ background: #0b7ff0;}

.pxfw_banner_txt_n{ background:rgba(0,0,0,.2); height: auto;position: absolute; bottom: 0; width: 100%; left: 0;z-index: 2; padding-bottom: 20px;}
.pxfw_banner_txt_n h2{ font-size: 18px; color: #fff; margin-bottom: 10px; margin-top: 23px;}
.kcjs_w{ font-size: 14px; color: #fff; opacity: 0.9;
}






.main_nr{ background: #f5f7fa; padding-top: 50px; padding-bottom: 50px;}
.ob_pxfw h2{ text-align: center; color: #212020; line-height: 60px; font-size: 32px; margin-bottom: 20px;}

.ob_pxfw .info-item {
      display: flex;
      margin-bottom: 5px;
      width: 100%;
    }

.ob_pxfw .info-item label {
      background-color: #0b7ff0;
      color: white;
     
      border-radius: 4px;
      cursor: pointer;
      width: 150px;
      text-align: center;
      height: 45px; line-height: 45px;
      font-size: 15px;
    }
.ob_pxfw .info-item ul li{ background: url(../images/dhao.png) no-repeat left center; color: #4e4c4c; font-size: 15px; padding-left: 25px;}

.ob_pxfw .info-item p {
      margin-left: 20px;
      color: #4e4c4c; font-size: 15px;line-height: 42px;
      
    }
.ob_pxfw .x_xiu{ width: 1110px;}
.ob_pxfw .x_xiu ul{ padding-left: 20px; padding-top: 10px; padding-bottom: 10px;}
.ob_pxfw table {
     
      border-collapse: collapse;
      margin-left: 20px; font-size: 15px;color: #4e4c4c; background: #fff; width: 100%;
    }

.ob_pxfw table th,
.ob_pxfw table td {
      border: 1px solid #dee2e6;
      padding: 7px;
      text-align: left;
    }
.ob_pxfw table th {
      background-color: #71adfe;
      color: white;
    }
.ob_pxfw table th:nth-child(1){ width: 6%; text-align: center;}

.ob_pxfw table th:nth-child(2){ width: 24%; text-align: center;}
.ob_pxfw table th:nth-child(3){ width: 70%;}

.ob_pxfw table ul li{ width: 40%; display: inline-block;}
.ob_pxfw table tr td:nth-child(1){ text-align: center;}
.ob_pxfw table tr td:nth-child(2){ text-align: center;}
.ob_pxfw table tr:nth-child(2n){ text-align: center; background: #eef5fd;}



/*关于我们-公司介绍内页*/
.ty_banner{ height: 490px; width: 100%; position: relative;}
.ty_banner_nr{ padding-top: 170px;}
.ty_banner_nr h2 {
    color: #fff;
    font-size: 48px;
    font-weight: bold;
    line-height: 56px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    width: 58%;
}
.ty_banner_nr section{ color: #fff; font-size: 15px; margin-top: 15px; width: 60%; line-height: 28px;
    
    line-height: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp:3;
    -webkit-box-orient: vertical;
    
    
    
}

.ty_banner_nr h3 a{ width: 142px; height: 46px; line-height: 46px; display: block; border-radius: 4px; background: rgba(0,0,0,.1); border:1px solid rgba(255,255,255,.2); text-align: center; color: #fff; font-size: 15px; margin-top: 50px;}
.ty_banner_nr h3 a:hover{ background: #0b7ff0;}




.mbx_nav{background: #fff;
    box-shadow: 0 0.3rem 0.3rem 0 rgba(31,33,36,.06);
    position: sticky;
    top: 0;
    width: 100%;
    z-index: 99;
    }
.mbx_nav_lie ul{ display: flex; height: 60px; line-height: 60px;column-gap: 70px;}
.mbx_nav_lie ul li{ text-align: center;  position: relative;}
.mbx_nav_lie ul li a{ font-size: 15px;}
.mbx_nav_lie ul li a:hover{ color: #2469f3;}
.mbx_nav_lie ul .selected a{color: #2469f3;}
.mbx_nav_lie .selected:after {
    background: #057cf2;
    bottom: 0;
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    width: 100%;
}

.n_about{ background: #fff; padding-top: 50px;  padding-bottom: 50px; }
.n_about1{ display:flex;justify-content: space-between;}
.n_about1_right{ background: url(../images/about-us.png) no-repeat right top; background-size: 40%; padding-left: 115px;}
.n_about1_right h2{ font-size: 37px; color: #2f2f2f;}
.n_about1_right section{ color: #5e636c; font-size: 16px; line-height: 28px;}
.n_about1_right section p{ color: #5e636c; font-size: 16px; line-height: 28px; text-indent: 2em;}
.n_about1_left{ padding-top: 80px;}

.n_about2_card {
            background-color: white;
            border-radius:8px;
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
            padding: 30px;
            width: 30%;
            text-align: left;transition: all 0.5s;
            margin-top: 20px;
        }

.n_about2_card h2 {
            color: #333; margin-bottom: 10px;
        }

.n_about2_card p {
            color: #666; line-height: 25px; font-size: 15px;
        }

.icon {
            float: right;
            width: 100px;
            height: 100px;
        }
.n_about2{ display: flex;
            justify-content: space-around;
            padding: 0px; gap:30px; margin-top: 20px;}
.n_about2_card:nth-child(1){ background: url(../images/qywh1.png) no-repeat bottom right 10px; background-size: 100px;}
.n_about2_card:nth-child(2){ background: url(../images/qywh2.png) no-repeat bottom right 10px; background-size: 100px;}
.n_about2_card:nth-child(3){ background: url(../images/qywh3.png) no-repeat bottom right 10px; background-size: 100px;}


.n_about2_card:hover{transition: all 0.5s;
transform: translateY(-5px);}
.n_about2_card:hover h2{ color: #057cf2; }

.about_qyys{ background: #cbdcf5; padding-top: 60px; padding-bottom: 60px;}
.about_qyys_tit{ text-align: center; font-size: 40px;}
.about_qyys_n ul li {
            width: 30%;
            background-color: #fff;
            padding: 40px;
            border-radius: 5px;
            box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
            text-align: center;
            padding-top: 20px;
            padding-bottom: 40px;transition: all 0.5s;
        }
 .about_qyys_n ul li:hover{transition: all 0.5s;
transform: translateY(-5px);}
 .about_qyys_n ul li:hover .about_qyys_n_bt{ color: #005DDF;}
.about_qyys_n .icon {
            text-align: center;
            margin-bottom: 20px;
}
.about_qyys_n ul {
            display: flex;
            justify-content: space-around; gap:30px; margin-top: 30px;
}
.about_qyys_n_bt{ font-size: 22px; color: #2f2f2f;}
.about_qyys_n_nr{color: #4f4f4f; font-size: 14px; line-height: 22px; text-align: left; padding-top: 20px;}



.fzlc{ background: #f4f6fb;padding-top: 60px; padding-bottom: 60px; }
.timeline {
            position: relative;
            max-width: 1400px;
            margin: 0 auto;
        }
.fzlc  .timeline::after {
            content: '';
            position: absolute;
            width: 2px;
            background-color: #e0e0e0;
            top: 0;
            bottom: 0;
            left: 50%;
            margin-left: -3px;
        }

.fzlc .container2 {
            padding: 10px 40px;
            position: relative;
            background-color: inherit;
            width: 45%;
            margin-top: -66px;
        }

.fzlc .container2::after {
            content: '';
            position: absolute;
            width: 22px;
            height: 22px;
            right: -0px;
            background: url(../images/xyd.png) no-repeat center;
            top: 65px;
            border-radius: 50%;
            z-index: 1;
        }

.fzlc .left {
            left: 0;
        }

.fzlc .right {
            left: 50%;
           
        }

.fzlc .right::after {
            left: -13px;
        }

.fzlc .content {
            padding: 20px 30px;
            background-color: white;
            position: relative;
            border-radius: 6px;
            display: flex;
            justify-content: space-between;
            padding-top: 30px;
            padding-bottom: 30px;
           
        }

.fzlc .content h2 {
            margin-top: 0;
            color: #2d7bff; font-weight: bold;  font-size: 38px;
            align-items: center;
			display: flex;
			justify-content: space-between;
			box-sizing: border-box;
			position: relative;
			}
.fzlc .content h2:before{ position: absolute; left: -16px; width: 1px; height: 100%; background: #e5e5e5; content: ""; z-index: 9;}
.fzlc .right .content h2:before{ position: absolute; right: -13px; left: auto; width: 1px; height: 100%; background: #e5e5e5; content: ""; z-index: 9;}
.fzlc .content:hover{box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);}




.wen_txt{ font-size: 15px; color: #464646; line-height: 25px; width: 460px;}
.wen_txt p{ font-size: 15px; color: #464646; line-height: 25px; margin: 0; }

.fzlc .right:nth-child(even) .content {
    flex-direction: row-reverse;
}
.fzlc_nn{ padding-top: 100px;}
.fzlc .right .wen_txt{ padding-left: 30px;}



/*合作伙伴开始*/
.aboiut_hzhb{ background: #edf1fa; padding-top: 60px; padding-bottom: 60px;}
.about_honer{background: #fff; padding-top: 60px; padding-bottom: 60px; }


.about_honer1{ text-align: center}
.about_honer1 h2{ color: #fff; font-size: 24px; line-height: 20px; margin-top: 10px;}
.about_honer1 h3{ color: #fff; font-size: 20px; line-height: 20px; margin-top: 10px;}
.about_honer_n .swiper-slide{ background: #346cff; border-radius: 8px; padding-top: 30px; padding-bottom: 30px; }
.about_honer1_img{ text-align: center; width: 100%; margin-top: 14px; height:485px ;align-items: center;
display: flex;
justify-content: space-between;
box-sizing: border-box; }
.bql_dw{ display: block; width: 100%;}

.about_honer1_img img{ max-width: 100%;}
.about_honer_n .swiper-wrapper{ overflow: hidden;}
.about_honer_n{ padding-left: 80px; padding-right: 80px; margin-top: 30px;}
.about_honer_n{ position: relative;}


.about_honer_n .swiper-button-next{ background: url(../images/about_jian.png) no-repeat right center; width: 45px; height: 46px;transform: rotate(180deg);}
.about_honer_n .swiper-button-prev{ background: url(../images/about_jian.png) no-repeat right center; width: 45px; height: 46px;transform: rotate(0deg);}

.aboiut_hzhb .swiper-slide{
	 background-color: rgb(255, 255, 255);
     box-shadow: 0px 0px 13px 0px rgba(34, 17, 17, 0.07); border-radius: 4px; overflow: hidden;
     margin-right: 10px!important; margin-top: 10px!important;
}
.aboiut_hzhb .swiper-slide img{ max-width: 100%;}
.aboiut_hzhb_n{ padding-top: 30px;}


#jiaj1{height:1px;
padding-top:100px;
margin-top:-100px;}

.about_swzx{ background: #f5f7fa; padding-top: 50px; padding-bottom: 50px;}
.branch-list {
            display: flex;
            flex-wrap: wrap;
            justify-content: space-around;
            max-width: 1400px;
            margin: 0 auto;
        }

        .branch {
            background-color: white;
            padding: 40px;
            margin-bottom: 20px;
            width: 31%;
            box-sizing: border-box; padding-bottom: 30px; border-radius: 4px;  box-shadow: 0px 0px 20px 0px rgba(24, 33, 49, 0.07);transition: all 0.5s;
        }
        .branch:hover{ background: #057cf2;transition: all 0.5s;}
        .branch:hover h3{  color: #fff;transition: all 0.5s;}
        .branch:hover p{  color: #fff;transition: all 0.5s;}

        .branch h3 {
            margin-top: 0; color: #057cf2; letter-spacing: 5px; font-weight: bold; margin-bottom: 15px;transition: all 0.5s;
        }

        .branch p {
            margin: 7px 0; font-size: 15px; color: #454545;transition: all 0.5s;
 }
 .qtfgs{ text-align: center; color: #242424; line-height: 40px; font-size: 30px; color: #242424; line-height: 50px;  padding-bottom: 20px; }
 .zong_gs{ background: #fff;border-radius: 6px; position: relative;
  background-color: rgb(255, 255, 255);
  box-shadow: 0px 0px 20px 0px rgba(24, 33, 49, 0.07); width: 98%; background:#fff; height: 300px; margin: 0 auto; padding: 55px;box-sizing: border-box; margin-bottom: 30px; }
 .zong_gs h2{ font-size: 23px; color: #057cf2; border-bottom: 1px solid #d9dfe8; width: 620px; padding-bottom: 30px;}
 
 .yctp_n{ position:absolute; right:40px; top:30px; border-radius:8px; overflow:hidden; height:245px;}
 
 .company_info p{ font-size: 15px; color: #2f2f2f; line-height: 22px; padding-left: 34px;}
 .company_info p:nth-child(1){ background: url(../images/add01.png) no-repeat left center;}
 .company_info p:nth-child(2){ background: url(../images/add02.png) no-repeat left center;}
 .company_info p:nth-child(3){ background: url(../images/add03.png) no-repeat left center;}
.company_info{ 
    padding-top: 20px;
    display: flex;
    justify-content: space-between;
    width: 620px; 
}
 
.company_info .ewm img{
    width: 120px;
    height:120px;
}
.company_info p{ margin-top: 10px;}


.search-container {
 
  margin-bottom: 20px;
}

.search-container input {
  padding: 10px;
  width: 86%;
  border: 1px solid #ccc;
  border-radius: 5px 0 0 5px;
}

.search-container button {
  padding: 10px 20px;
  background-color: #007bff;
  color: white;
  border: none;
  border-radius: 5px;
  cursor: pointer;
}

.filter-container {
  margin-top: 20px;
}

.filter-item {
  margin-bottom: 14px;
}

.filter-item label {
  margin-right: 10px;
  font-size: 15px;
}

.filter-item a {
  margin-right: 10px;
  text-decoration: none;
  color: #333;
  font-size: 15px;
   width: 70px; display:inline-block;
}

.filter-item a.active {
  color: #0b7ff0;
  font-weight: bold;
}

#more-location-list a {
  display: block;
  margin-bottom: 5px;
}

.join .cont1400{ ustify-content: space-between;}


/*招聘列表样式*/
.job-list{ margin-top: 30px;}
 .job-item {
            border: 1px solid #e6e6e6;
            border-radius: 5px;
            padding: 30px;
            margin-bottom: 15px;
             box-shadow: 0px 0px 20px 0px rgba(24, 33, 49, 0.08);
             margin-top: 20px;
        }

        .job-title {
            display: flex;
            justify-content: space-between;
            align-items: center;
            cursor: pointer;
        }
        .job-title_left2{ padding-top: 5px;}

        .job-title span {
            font-size: 14px;
            color: #494848; padding-right: 20px;
        }

        .job-salary {
            color: #007BFF;
        }

        .job-detail {
            display: none;
            padding-top: 20px;
        }

        .job-detail ul {
            list-style-type: none;
            padding-left: 0;
        }

        .job-detail ul li {
            margin-bottom: 5px;
        }

        .email-box {
            margin-top: 10px;
            background-color: #e9ecef;
            padding: 10px;
            border-radius: 5px;
        }
        
/*智能运维开始*/
.znyycp1_img{ width: 100%; text-align: center; height: 90px;}
 .znyycp1_img img{ max-width: 100%;}
.znyycp1_txt{
	line-height: 30px;
    white-space: nowrap;overflow: hidden;text-overflow: ellipsis;
}
.znyycp1_txt2{
	color: #797979;
    line-height: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    font-size: 14px;
    margin-top: 10px;transition: all 0.5s;
}
.znyycp ul li{ width: 31%; background: #fff;
  border-radius: 6px;
  background-color: rgb(255, 255, 255);
  box-shadow: 0px 0px 21px 0px rgba(24, 33, 49, 0.13); padding: 40px;box-sizing: border-box; display: inline-table; margin-right: 20px; margin-top: 10px; height: 300px; margin-bottom: 20px; position: relative;transition: all 0.5s;}
  
 .znyycp1_txt{ text-align: center; font-size: 18px; color: #000;line-height: 30px;
white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

.znyycp1_txt3{ position: absolute; left: 0; bottom: 0; width: 100%; background: #057cf2; height: 38px; line-height:38px; text-align: center;  color: #fff; font-size: 14px; display: none; transition: all 0.9s;}
.znyycp ul li:hover .znyycp1_txt3{ display: block;transition: all 0.5s;}
.znyycp ul li:hover .znyycp1_txt{transform: translateY(-10px);transition: all 0.5s; color: #057cf2;}
.znyycp ul li:hover .znyycp1_txt2{transform: translateY(-10px);transition: all 0.5s;}



.znyycp ul li:hover .znyycp1_txt3{transform: translateY(0px);transition: all 0.5s; }
.znyycp ul li:hover .znyycp1_img{transform: translateY(-10px);transition: all 0.5s;}



.ny_ty_title{ text-align: center; font-size: 40px; color: #2d2d2d; line-height: 60px;}
.hxgn{ width: 100%; padding-top: 50px; padding-bottom: 50px;}
.hxgn_nn_lie ul li{
	width: 31%;
    height: 260px;
    margin-bottom:18px;
    background: #FFFFFF;
    box-shadow: 0px 4px 14px 0px rgba(204, 213, 222, 0.5);
    border-radius: 4px;
    box-sizing: border-box;
    padding: 40px 32px 48px 32px;
    display: flex;
    flex-direction: column;
    align-items: center;
    border-radius: 8px;
    display: block;
    float: left;
    margin-right: 25px; margin-top: 20px;
    position: relative;overflow: hidden;transition: all 0.5s;
    
}
.hxgn_nn_lie ul li:hover .hxgn_nn_lie2{ color: #057cf2;}
.hxgn_nn_lie ul li:hover{ transform: translateY(-5px);transition: all 0.5s;}
.hxgn_nn_lie2{ text-align: center; font-size: 22px; color: #1e1e1e; line-height: 30px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis; font-weight: bold; margin-top: 10px; }
.hxgn_nn_lie3{ text-align: center; color: #838383; font-weight: 400;
    color: #666666; font-size: 14px; margin-top: 10px;}
.hxgn_nn_lie1{ text-align: center; height: 68px;}
.hxgn_nn_lie1 img{ max-width: 100%;}
.hxgn_nn_lie ul li:nth-child(1) .hxgn_nn_lie4{ position: absolute;top: 0; width: 100%; background: #c1f0e2; height: 5px; left: 0;}
.hxgn_nn_lie ul li:nth-child(2) .hxgn_nn_lie4{ position: absolute;top: 0; width: 100%; background: #c1dbff; height: 5px; left: 0;}
.hxgn_nn_lie ul li:nth-child(3) .hxgn_nn_lie4{ position: absolute;top: 0; width: 100%; background: #fce6bf; height: 5px; left: 0;}


.ztjg_tu{ background: #f5f7fa;padding-top: 50px; padding-bottom: 50px; }
.ztjg_tu2{ background: #fff; border: 1px solid #eeeeee; border-radius: 4px; overflow: hidden; text-align: center; padding: 20px; margin-top: 20px;}
.ztjg_tu2 img{ max-width: 100%;}
.ztjg_tu2 p{ font-size: 15px; line-height: 250px;}

.khjiaz_nn{
	background: #FFFFFF;
    box-shadow: 0px 0px 24px 0px rgba(204, 213, 222, 0.5);
    border-radius: 4px;
    border: 1px solid #e5e5e5; margin-top: 20px;
}
.khjiaz_nn1 ul{ display: flex;}
.khjiaz_nn1 ul li{ width: 50%;box-sizing: border-box; padding: 40px;border-bottom: 1px solid #eeeeee; padding-top: 50px; padding-bottom: 50px; min-height: 180px;}
.khjiaz_nn1 ul li:first-child{border-right: 1px solid #eeeeee;background: #f8f9fb; }
.khjiaz_nn1 ul:nth-child(2n) li:last-child{ background: #f8f9fb;}
.khjiaz_nn1 ul:nth-child(2n) li:first-child{ background: #fff;}
.khjiaz_nn1_tit{ font-size: 21px; color: #232323; font-weight: bold;}
.khjiaz_nn1_nr p{ font-size: 15px; line-height: 25px; color: #6a6a6a;}

.khjiaz_nn1 ul li:hover{box-shadow: 0px 4px 14px 0px rgba(204, 213, 222, 0.5);}
.khjiaz_nn1 ul li:hover .khjiaz_nn1_tit{ color: #005DDF;}

.khjiaz_nn1_tit img{
margin-right: 5px;
display: inline-block;
vertical-align: -7px;}

.khjiaz{ padding-top: 60px; padding-bottom: 80px;}
.khjiaz_nn1_nr{ margin-top: 18px;}


.hzhb_xq{ }
.hzhb_xq_left {
    width: 68%;
    float: left;
    padding-right: 54px;
}
.hzhb_xq_right{ width: 30%;float: left;}
.hzhb_xq_left1{ display: flex;}
.hzhb_xq_left1_z{ width: 160px;}
.hzhb_xq_left1_r{ width: calc(100% - 180px); border-bottom: 1px solid #c8ccd1; padding-bottom: 40px; margin-bottom: 20px;}
.hzhb_xq_left1_r p{ font-size: 14px; color: #66; line-height: 24px;}
.hzhb_xq_left1_z{ background: url(../images/yuanyuan.png) no-repeat left top; font-size: 24px; padding-top: 10px; padding-left: 10px;}
.hzhb_xq_left1{ margin-bottom: 30px; margin-top: 20px;}
.hzhb_xq_left1_r img{ max-width: 100%;}


.hzhb_xq_right{ 
  border-radius: 6px;
  background-color: rgb(234, 242, 251); width: 296px; border: 1px solid #d4dfeb; padding: 25px;}
 .hzhb_xq_right h2{ color: #202020; font-size: 22px;}
 
 .hzhb_xq_right_lie ul li{ float: left; background: #fff; width: 142px; height: 70px;align-items: center;
display: flex;
justify-content: space-between;
box-sizing: border-box; border-radius: 4px; margin-top: 10px; overflow: hidden;}
 .hzhb_xq_right_lie ul li:nth-child(2n){ float: right;}
 .hzhb_xq_right_lie{ margin-top: 10px;}
 
 
 .yinhang img{ max-width: 100%;}
 .join_left{ width: 68%; padding-top: 50px;  float: left;}
 .join_right{ width: 30%; float:right;}
 
 .job-title{ display: flex;justify-content: space-between;}
 .job-title_left1{ color: #1f1f1f; font-size: 21px;}
 
 .job-title_right1{ font-size: 25px; color: #057cf2; text-align: right;}
 .job-title_right2{ font-size: 15px; color: #666;}
 
 .job-detail h2{ font-size: 16px; font-weight: bold;  margin-top: 10px; margin-bottom: 5px;}
 .job-detail section{ font-size: 14px; color: #4e4e4e; line-height: 25px;}


.ypz,.ypz a{font-size: 15px; color: #057cf2; background: #eef3f7 url(../images/yxx.png) no-repeat 14px; padding: 10px 15px; border-radius: 4px; margin-top: 10px; padding-left: 40px;}


.job-title:hover .job-title_left1{ color: #0b7ff0;}
.job-title_left1 img{margin-right: 7px;
display: inline-block;
vertical-align: -2px;}
#more-location-list{ margin-top: 8px; padding-left: 80px;}
#more-location-list a{
	margin-right: 10px;
    text-decoration: none;
    color: #333;
    font-size: 15px;
    width: 70px;
    display: inline-block;
}
#more-location-list a.active{
        color: #0b7ff0;
    font-weight: bold;
}

.filter-item a:hover{ color: #057cf2;}
.join{ padding-bottom: 50px; padding-top: 10px;}


.join_right{ width: 330px; padding-left: 40px;border: 1px solid #e6e6e6;
    border-radius: 5px;
    padding: 30px;
    margin-bottom: 15px;
    box-shadow: 0px 0px 20px 0px rgba(24, 33, 49, 0.08);
    margin-top: 50px; padding: 28px;}
 .join_right h2{ border-bottom: 1px solid #e5e5e5; padding-bottom: 10px; }
 
 .join_right_list dl dd{width: 100%;border-bottom: 1px solid #e5e5e5; margin: 0; padding-bottom: 15px; margin-top: 15px;}
 
 .join_right_list1{line-height: 30px;
white-space: nowrap;overflow: hidden;text-overflow: ellipsis; width: 100%; font-size: 17px;
}
.join_right_list2{ font-size: 14px; color: #838383;}
 .join_right_list dl dd a:hover  .join_right_list1{ color: #0b7ff0;}
 
 
 .jiangx_rk{ padding-top: 60px; padding-bottom: 60px;}
 .jiangx_rk_tit{ text-align: center;}
.jiangx_rk_tit h2{  text-align: center; color: #2f2f2f; font-size: 35px;}
.jiangx_rk_tit section{ font-size: 15px; color: #2f2f2f; line-height: 25px; padding-top: 10px;}


.jiangx_rk_nr ul li{ float:left; width: 23%; margin-right: 20px; margin-top: 20px; }
.jiangx_rk_nr_tu{border: 1px solid #cecece; background: #dfdfe1; padding: 10px;box-sizing: border-box;
text-align:center;height: 200px; width: 100%; 

}
.jiangx_rk_nr_tu img{ height: 180px; 
}
.jiangx_rk_nr_txt{ text-align: center; font-size: 15px; line-height: 30px; padding-top: 5px;}
.jiangx_rk_nr{ margin-top: 20px;}



.x_rrzs{ background: #f5f5f9; padding-top: 50px; padding-bottom: 50px;}
#certify {
	position: relative;
	width: 1200px;
	margin: 0 auto
}

#certify .swiper-container {
	padding-bottom: 60px;
}

#certify  .swiper-slide {
	width: 520px;
	height: 428px;
	background: #fff;
	box-shadow: 0 8px 30px #ddd;
	box-sizing: border-box;
	padding: 30px;
}
#certify  .swiper-slide img{
	display:block;
	max-width: 100%;
}
#certify  .swiper-slide p {
	line-height: 60px;
	padding-top: 0;
	text-align: center;
	color: #636363;
	font-size: 16px;
	margin: 0;
}

#certify .swiper-pagination {
	width: 100%;
	bottom: 20px;
}

#certify .swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 0 5px;
	border: 3px solid #fff;
	background-color: #d5d5d5;
	width: 10px;
	height: 10px;
	opacity: 1;
}

#certify .swiper-pagination-bullets .swiper-pagination-bullet-active {
	border: 3px solid #00aadc;
	background-color: #fff;
}

#certify .swiper-button-prev {
	left: -30px;
	width: 45px;
	height: 46px;
	background: url(../images/about_jian.png) no-repeat;
	background-position: 0 0;
	background-size: 100%;
}



#certify .swiper-button-next {
	right: -30px;
	width: 45px;
	height: 46px;
	background: url(../images/about_jian.png) no-repeat;
	background-position: 0px;
	background-size: 100%;
	transform: rotate(180deg);
}

#certify{ margin-top: 30px;  padding-bottom: 30px;}
.khgxx{ padding-top: 50px; padding-bottom: 80px;}
.khgxx_n{ padding-top: 50px;}
.khgxx_n .swiper-slide{ position: relative;}
.khgxx_n_tu img{  width: 524px; height: 355px;}
.khgxx_n_tu{ width: 524px; height: 355px; overflow: hidden;  border-radius: 4px;}
.khgxx_n_txt{ position: absolute; right: 0; width:400px; height: 235px; background: #fff; border-radius: 6px; box-shadow: 0px 3px 16px 0px rgba(21, 21, 21, 0.11); z-index: 9999; bottom: 0;box-sizing: border-box; padding: 30px;}
.khgxx_n_txt h2{line-height: 30px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis; font-size: 18px;}
.khgxx_n_txt section{ font-size: 15px; color: #191919;color: #333333;
    line-height: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;}
 .khgxx_n_txt em{ width: 40px; height: 2px; background: #0b7ff0; display: block; margin-top: 10px; margin-bottom: 20px;}
 
 
 .khgxx .swiper-pagination{ width: 100%; text-align: center; z-index: 99999; padding-top: 10px;}
 .khgxx .swiper-pagination .swiper-pagination-bullet { width: 10px; height: 10px; margin: 3px;}
  .khgxx .swiper-wrapper{ padding-bottom: 30px;}
  
  .zhfw_a1 h2{width: 230px; height: 50px; border-radius: 6px 6px 0 0; text-align: center; line-height: 50px; color: #fff;
   font-size: 20px; background: #057cf2;}
  
  
  .zhfw_a1_n{box-shadow: 0px 0px 21px 0px rgba(24, 33, 49, 0.13); border: 1px solid #ebebeb; border-right: none; }
  .zhfw_a1_n ul li{ width: 33.3%;  float: left;  height: 240px;  border-bottom: 1px solid #ebebeb;border-right: 1px solid #ebebeb;
  padding: 50px;box-sizing: border-box; position: relative;transition: all 0.5s; background: #fff;}
  
  .zhfw_a1_n2{ font-size: 14px; color: #797979; line-height: 22px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    margin-top: 20px;
  }
  .zhfw_a1_n3{ position: absolute; width: 100%; left: 0; height: 40px; line-height: 40px; background: #057cf2; text-align: center; color: #fff; bottom: 0; font-size: 13px;transition: all 0.5s; opacity: 0;} 
  .zhfw_a1_n1{  font-size: 18px; color: #161616;transition: all 0.5s;}
  .zhfw_a1_n ul li:hover .zhfw_a1_n3{ opacity: 1;}
   .zhfw_a1_n ul li:hover{box-shadow: 0px 0px 21px 0px rgba(24, 33, 49, 0.14);}
  .jqqd img{ max-width: 100%;}
  .zhfw_a1_n ul li:last-child{ padding: 0; text-align: center;}
  
  .zhfw_a1_n{ margin-bottom: 40px;}
    .fuwu01{height:1px;
padding-top:100px;
margin-top:-100px;
}
  #fuwu02{height:1px;
padding-top:100px;
margin-top:-100px;
}

.a_fwys{ padding-top: 50px; padding-bottom: 50px; background: #f5f7fa;}

.a_fwys_nn ul{ display: flex;}

.a_fwjz{ padding-top: 60px; padding-bottom: 60px;}

.a_fwjz ul{ display: flex;justify-content: space-between;}
.a_fwjz ul li{ background: #fff; border-radius: 4px;  box-shadow: 0px 0px 15px 0px rgba(24, 33, 49, 0.08); width: 32%;box-sizing: border-box; padding: 40px;}
.a_fwjz_nn{ margin-top: 30px;}
.a_fwjz ul li section{ font-size: 14px; color: #4e4e4e; line-height: 24px; padding-top: 10px;}

.a_fwjz ul li:hover h2{ color: #057cf2;}
.a_fwlc{ background: #f5f7fa; padding-top: 50px; padding-bottom: 60px;}
.container2 {
            display: flex;
            justify-content: space-around;
            align-items: center;
            position: relative;
          
        }
.a_fwlc_list:before{ background: #e5e5e5; width: 100%; height: 2px; content: ""; position: absolute; left: 0; top:150px; }
.container2 .step {
            text-align: center;
            width: 140px;
            
        }
.container2 .step h3{ margin-bottom:10px;}

.container2  .icon {
            width: 60px;
            height: 120px;
           
            margin: 0 auto 10px;
            display: flex;
            justify-content: center;
            align-items: center;
            color: white;
            font-size: 24px;
            border-radius: 10px;
            float: inherit;
            position: relative;
        }
.container2  .description {
            font-size: 14px;
            color: #666;
        }
.a_fwlc_list{ margin-top: 30px;}

.liucheng_hh{ padding-top: 50px; padding-bottom: 50px;}

.process {
      display: flex;
      justify-content: space-around;
    }

.liucheng_hh .step {
      text-align: center; padding-left: 10px; padding-right: 10px;
    }
.liucheng_hh .step h3{ font-weight: bold;}
.liucheng_hh .step p{ font-size: 15px; color: #373737; line-height: 25px;}
.liucheng_hh .icon {
      width: 103px;
      height: 88px;
      background: url(../images/dingw.png) no-repeat top center;
      
      display: flex;
      justify-content: center;
      align-items: center;
      color: #315ff5;
      font-size: 22px;
      margin-bottom: 10px;
      float: inherit;
      display: inline-block;
      font-weight: bold;
      padding-top: 34px;
    }

.liucheng_hh  .arrow {
    background: url(../images/hsjt.png) no-repeat top center;
    width: 92px;
    height: 55px;
    margin-top: 45px;
    border: none;
    background-size: 100%; display: none;
    }
   .liucheng_hh_n{ margin-top:30px;}
   
 .liucheng_hh .step p {
    font-size: 15px;
    color: #373737;
    line-height: 25px;
    text-align: left;
}
   
 .jfbz_n01{ background: #f5f7fa; padding-top: 50px; padding-bottom: 50px;}
 .jfbz_n01_n table {
            border-collapse: collapse;
            width: 100%; background: #fff;
        }

 .jfbz_n01_n table, .jfbz_n01_n th, .jfbz_n01_n td {
            border: 1px solid #e5e5e5;
        }

 .jfbz_n01_n th, .jfbz_n01_n td {
            padding: 12px;
            text-align: left;
        }

 .jfbz_n01_n tr:nth-child(even) {
           
        }

 .jfbz_n01_n thead {
            background-color: #8ab4f8;
            color: white;
        }
  .he_fwys{ padding-top: 50px; padding-bottom: 50px;}
  .he_fwys_n ul{ display: flex;justify-content: space-between; margin-top: 20px;}
  .he_fwys_n_2{ color: #282828; text-align: center; line-height: 30px; font-size: 20px;font-weight: bold;}
  .he_fwys_n_3{ 
   color: #5b5b5b;
    line-height: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
    font-size: 15px;
    text-align:left;
    margin-top: 10px;
  }
  .he_fwys_n_1{ text-align: center;}
  .he_fwys_n ul li{ width: 24%; background: #f5f7fa; border: 1px solid #eeeeee; border-radius: 4px; padding: 30px;box-sizing: border-box;}

.he_fwys_n ul li:hover .he_fwys_n_2{ color: #057cf2;}
.he_fwnr{ background: #f5f7fa;padding-top: 50px; padding-bottom: 50px;}
.he_fwnr_list ul li{ width: 31%; padding: 30px; border:1px solid #eeeeee; background: #fff;box-shadow: 0px 0px 24px 0px rgba(204, 213, 222, 0.5);
margin-top: 20px; margin-right: 28px; float: left;box-sizing: border-box; height: 446px;
}

.he_fwnr_list ul li:hover .he_fwnr_list2{ color: #0064FF;}

.he_fwnr_list1 img{ max-width: 100%; height: 188px; border-radius: 4px;}
.he_fwnr_list3{
	color: #5b5b5b;
    line-height: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
    font-size: 14px;
    text-align:left;
    margin-top: 10px;
	
}

.he_fwnr_list2{ text-align: center; font-size: 20px; text-align:center; margin-top: 10px; font-weight: bold;}
.he_jfbz_n{ margin-top: 20px;}
.he_jfbz_n table{ border: none; border: 1px solid #e5e5e5; font-size: 15px;border-spacing:0;}
.he_jfbz_n table{ width: 100%;}
.he_jfbz_n table tr td{border-bottom: 1px solid #e5e5e5; padding: 15px;}
.he_jfbz{padding-top: 50px; padding-bottom: 50px;}

.he_jfbz_n table tr:nth-child(1) td:nth-child(1){ background: #378cf2; color: #fff; text-align: center;}
.he_jfbz_n table tr:nth-child(2) td:nth-child(1){ background: #1b62cd; color: #fff;text-align: center;}
.he_jfbz_n table tr:nth-child(3) td:nth-child(1){ background: #0c3d92; color: #fff;text-align: center;}


.he_jfbz_n table tr:nth-child(4) td:nth-child(1){ background: #378cf2; color: #fff;text-align: center;}
.he_jfbz_n table tr:nth-child(5) td:nth-child(1){ background: #1b62cd; color: #fff;text-align: center;}
.he_jfbz_n table tr:nth-child(6) td:nth-child(1){ background: #0c3d92; color: #fff;text-align: center;}



.container4 {
          
            flex-wrap: wrap;
            justify-content: space-around;
        }

        .card4 {
            width: 45%;
            margin-bottom: 20px;
            border: 1px solid #eaeaea;
            border-radius: 5px;
            padding: 15px;
            box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
            float: left;
            margin-right: 20px;
            transition: all 0.5s;
        }

        .container4 .card-content {
            display: flex;
        }

        .container4 .card-img {
            width: 190px;
            height: 190px;
           
           
            display: flex;
            justify-content: center;
            align-items: center;
           
            margin-right: 15px;
            border-radius: 4px;
            overflow: hidden;
        }

         .container4 .card-img img {
         	max-width: 100%;
    		width: 100%;

         }
    
        .container4 .card-text {
            flex: 1;
        }

        .container4 .card-title {
            font-size: 18px;
            margin-bottom: 5px;
            line-height: 30px;
white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-weight: bold;
margin-top: 10px;
        }
        .card-title22{ font-size: 14px; margin-bottom: 10px;}

        .container4 .card-excerpt {
    color: #3c5064;
    line-height: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    font-size: 14px;
        }

        .container4 .card-link {
            display: block;
            margin-top: 12px;
            color: #007aff;
            text-decoration: none;
            font-size: 14px;
        }
.card4:hover{  transform: translateY(-5px);
            box-shadow: 0 8px 24px rgba(0,0,0,0.1);transition: all 0.5s;}
 .card4:hover .card-title{ color: #006cf8;}       
/*翻页样式*/
#pageinfo { text-align: center;margin-bottom: 10px; margin-top: 26px;}
.digg {padding-top: 30px;}
.digg li{ width: 30px;height: 30px;line-height: 30px;display:inline-block; margin:0 4px;background:#fff;border:1px solid #d6d6d6;border-radius:2px;font-size:14px;color:#767676;}
.digg .page-item a{border: none;padding: 0px;height: 30px;line-height: 30px;display: inline-block;overflow: inherit;}
.digg .page-item a:hover {color: #006cf8; }
.digg .page-item a:active {background-color: #ff6700;color:#fff;}
.digg li.active {display: inline-block; width: 31px;height: 31px;line-height: 30px;background-color: #006cf8;color: #fff;text-decoration: none;}
/*.digg li:first-child{ width: 70px;}
.digg li:last-child{ width: 70px;}*/



.zhuanti_list{background: url(../images/zt_beijing.jpg) no-repeat top center; background-size: cover; padding-top:70px; padding-bottom: 60px;}
.zhuanti_list1{font-size: 14px; color: #636060; line-height: 60px;}

.zhuanti_list2{ display: flex;justify-content: space-between;}
.zhuanti_list2_le{ width: 260px; height: 260px; }
.zhuanti_list2_le img{border-radius: 10px;width: 260px;}
.zhuanti_list2_re{ padding-left:60px; padding-top: 10px;}
.zhuanti_list2_re h2{ font-size: 30px; color: #211f1f;}
.zhuanti_list2_re h3{ background: #fff; padding: 5px 15px; color: #000; font-size: 14px; display: inline-block; border-radius: 60px; margin-top: 6px;}
.zhuanti_list2_re section{ font-size: 15px; color: #333; line-height: 24px; padding-top: 20px;}

.container99 {
 width: 100%;
 margin: auto;
 display: flex;
 justify-content: space-between; margin-top: 50px;
 }
  .container99 .main-content {
 width: 70%;
 }
  .container99 .article {
 background-color: white;
 padding: 40px;
 margin-bottom: 20px;
 border-radius: 5px;
 box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
 }
  .container99 .article-title {
 font-size: 18px;
 font-weight: bold;
 margin-bottom: 10px;
 }
 .container99  .article-meta {
 color: #777;
 font-size: 14px;
 margin-bottom: 10px;
 }
  .container99 .article-desc {
   color: #333333;
    line-height: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    font-size: 14px;
 
 }
  .container99 .sidebar {
 width: 28%;
 }
  .container99 .recommendation {
 background-color: white;
 padding:30px;
 border-radius: 5px;
 box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
 }
  .container99 .recommendation-title {
 font-size: 20px;
 font-weight: bold;
 margin-bottom: 10px;
 }
  .container99 .recommendation-item {
 display: flex;
 align-items: center;
 margin-bottom: 10px;
 border-bottom: 1px solid #e6e6e6; padding-bottom: 20px; margin-top: 20px;
 }
 .recommendation-text-title{ font-size: 16px; color: #000;}
 .recommendation-text-meta{ margin-top: 10px; font-size: 14px; color: #999;}
  .container99 .recommendation-img {
 width: 80px;
 height: 80px;
 margin-right: 10px;
 }
  .container99 .recommendation-text {
 font-size: 14px;
 }
 
 .container99 .article-meta span{ margin-right: 20px;}
.container99 .article-meta span img{
margin-right: 5px;
display: inline-block;
vertical-align: -3px; }


 /* 整体容器 */
        .search-container33 {
           
       
         
            
           
        }

        /* 头部搜索区域 */
        .search-container33 .search-header {
            background-color: #ffffff;
            padding: 20px;
            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
            margin-top: -30px;
            border-radius: 10px;
        }

        /* 搜索框样式 */
        .search-container33 .search-box {
            display: flex;
            align-items: center;
          
            padding: 15px;
            border-radius: 8px;
            max-width: 1200px;
            margin: 0 auto;
        }

        /* 图标和标题容器 */
        .search-container33 .logo-title {
            display: flex;
            align-items: center;
            margin-right: 60px;
        }

        /* 图标样式 */
        .search-container33 .logo {
            width: 70px;
            height: 70px;
           
          
            display: flex;
            justify-content: center;
            align-items: center;
            margin-right: 10px;
           
        }
         .search-container33 .logo img{ width: 70px; height: 70px;}

        /* 标题样式 */
        .search-container33 .title {
            font-size: 22px;
            font-weight: 600;
            color: #333;
        }

        /* 副标题样式 */
        .search-container33 .subtitle {
            font-size: 14px;
            color: #6c757d;
            margin-top: 2px;
        }

        /* 搜索输入框样式 */
        .search-container33 .search-input {
            flex: 1;
            height: 50px;
            border: 1px solid #ddd;
            padding: 0 15px;
            border-radius: 4px;
            font-size: 16px;
            transition: border-color 0.3s;
            background: #eceff3;
        }

         .search-container33 .search-input:focus {
            outline: none;
            border-color: #007bff;
        }

        /* 搜索按钮样式 */
        .search-container33 .search-button {
            height: 50px;
            width: 100px;
            background-color: #007bff;
            color: white;
            border: none;
            border-radius: 4px;
            cursor: pointer;
            font-size: 16px;
            margin-left: 10px;
            transition: background-color 0.3s;
        }

        .search-container33 .search-button:hover {
            background-color: #0069d9;
        }

        /* 响应式布局 */
        @media (max-width: 768px) {
           .search-container33 .search-box {
                flex-direction: column;
                align-items: flex-start;
            }

            .search-container33 .logo-title {
                margin-bottom: 15px;
            }

            .search-container33 .search-input {
                width: 100%;
                margin-bottom: 10px;
            }

           .search-container33 .search-button {
                width: 100%;
                margin-left: 0;
            }
        }
 .container52 {
      display: flex;
      width: 1280px;
      margin: 0 auto;
      
    }

    .container52  .left-menu {
      width: 150px;
      margin-right: 20px;
    }

    .container52  .left-menu ul {
      list-style-type: none;
      padding: 0;
    }

    .container52  .left-menu li {
      padding: 10px;
      cursor: pointer;
      border-radius: 5px;
      transition: background-color 0.3s ease;
      padding-left: 30px;
    }

   .container52  .left-menu li:hover {
      background-color: #e0e0e0;
    }

   .container52  .main-content {
      flex: 1;
    }
    .z_xin{ font-size: 23px; color: #1b1a1a; border-bottom: 2px solid #0683fc; line-height: 50px; display: inline-block; margin-bottom: 20px;}

    .container52 .article {
      background-color: white;
      padding: 20px;
      margin-bottom: 20px;
      border-radius: 5px;
      box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
    }

    .container52 .article h3 {
      margin-top: 0;
    }

    .container52 .article-info {
      color: #777;
      font-size: 14px;
      margin-bottom: 10px;
    }

    .container52 .article-info span {
      margin-right: 10px;
    }

    .container52  .right-sidebar {
      width: 300px;
      margin-left: 40px;
    }

   .container52  .tech_zt {
      background: #d5e7f9 url(../images/feiji.png) no-repeat right bottom;
      padding: 0px;
      border-radius: 5px;
      margin-bottom: 20px;
      text-align: left;
      height: 180px;
      padding-left: 30px; padding-top: 20px;box-sizing: border-box;
    }

   .container52  .tech_zt h3 {
      margin-top: 0; font-size: 31px; color: #0e204a;
    }
    .container52  .tech_zt p{ font-size: 17px; color: #344867;} 

    .container52  .btn {
      display: inline-block;
      background-color: #007BFF;
      color: white;
      padding: 10px 20px;
      text-decoration: none;
      border-radius: 50px;
      margin-top: 20px;
      font-size: 14px;
    }

    .container52  .recommend {
      background-color: #ecf1f9;
      padding: 20px;
      border-radius: 5px;
      border: 1px solid #d9e0ed;
    }

    .container52  .recommend h3 {
      
      padding-left: 10px;
      margin-top: 0;
      border-bottom: 1px solid #d9e0ed;
      font-size: 22px;
      height: 20px; line-height: 20px; margin-bottom: 20px; padding-bottom: 10px;
      background: url(../images/h22.png) no-repeat left top;
    }

    .container52  .recommend ul {
      list-style-type: none;
      padding: 0;
    }

    .container52  .recommend li {
      margin-bottom: 15px;
      font-size: 14px;
      color: #444444; line-height: 22px;  background: url(../images/bulu.png) no-repeat left 7px;box-sizing: border-box; padding-left: 10px;
    }
      .container52  .recommend li a{ font-size: 15px;}
      .container52  .recommend li a:hover{ color: #0683fc;}
 



 .main-content .article {
 background-color: white;
 padding: 40px;
 margin-bottom: 20px;
 border-radius: 5px;
 box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
 }
  .main-content .article-title {
 font-size: 18px;
 font-weight: bold;
 margin-bottom: 10px;
 }
 .main-content  .article-meta {
 color: #777;
 font-size: 14px;
 margin-bottom: 10px;
 }
  .main-content .article-desc {
   color: #333333;
    line-height: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    font-size: 14px;
 
 }
.article:hover .article-title{ color: #057cf2;}
 .container99 .recommendation-text a:hover .recommendation-text-title{color: #057cf2;}
.main-content .article-meta span{ margin-right: 20px;}
.main-content .article-meta span img{
margin-right: 5px;
display: inline-block;
vertical-align: -3px; }

.zstp{ display: flex;justify-content: space-between; width: 100%; margin-top: 20px;}
.zstp_left{ width:254px; background: #e9f3fc;box-sizing: border-box; padding-top: 30px;  padding-left: 50px; border-radius: 4px; min-height: 168px;}
.zstp_right{ width: calc(100% - 280px);border: 1px solid #dbdbe4; padding: 20px;box-sizing: border-box;border-radius: 4px; }
.zstp_right1{ display: flex;}
.zstp_right1_left{width:148px; height: 44px;text-align: center; line-height: 44px; display: block; border-radius: 2px; color: #fff; font-size: 15px;}

.zstp_right1:nth-child(1) .zstp_right1_left{ background: #3392ef;}
.zstp_right1:nth-child(2) .zstp_right1_left{ background: #47ab7b;}
.zstp_right1:nth-child(3) .zstp_right1_left{ background: #f58d54;}

.zstp_right1:nth-child(4) .zstp_right1_left{ background: #55c8b4;}
.zstp_right1:nth-child(5) .zstp_right1_left{ background: #c49e89;}
.zstp_right1:nth-child(6) .zstp_right1_left{ background: #e87c8b;}



.zstp_right1:nth-child(7) .zstp_right1_left{ background: #f3be6a;}
.zstp_right1:nth-child(8) .zstp_right1_left{ background: #49bde8;}







.zstp_right1{ margin-top: 10px; }

.zstp_right1_right{ padding-left: 20px; padding-top: 10px;}

.zstp_right1_right a{ color: #015afe; font-size: 14px; margin-right: 20px; margin-top: 10px;}
.zstp_right1_right a:hover{ text-decoration: underline;}
.zstp_right1:nth-child(2) .zstp_right1_right a{ color: #47ab7b; font-size: 14px; margin-right: 20px; margin-top: 10px;}
.zstp_right1:nth-child(3) .zstp_right1_right a{ color: #f58d54; font-size: 14px; margin-right: 20px; margin-top: 10px;}


.zstp_right1:nth-child(4) .zstp_right1_right a{  color: #36ab97;}
.zstp_right1:nth-child(5) .zstp_right1_right a{  color: #9a6d55;}
.zstp_right1:nth-child(6) .zstp_right1_right a{  color: #e05a6d;}

.zstp_right1:nth-child(7) .zstp_right1_right a{  color: #cc9744;}
.zstp_right1:nth-child(8) .zstp_right1_right a{  color: #29a1ce;}




.zstp_left1{ font-size: 28px; color: #1d1d1d;}
.zstp_left2{ display: flex;}
.zstp_left2 span:nth-child(2){ 
    padding: 2px 8px;
    line-height: 14px;
    background: #fff;
    border-radius: 20px;
    border: 1px solid #dbdbe4;
    font-size: 12px;
}
.zstp_left2 span:nth-child(1){ width: 50px; }
.zstp_left2{ margin-top: 10px;}
.zstp_left2 span{  color: #333;}


.zhuanti_xq{ display: flex;justify-content: space-between;}
.zhuanti_xq_left h2{ color: #202428; font-size: 28px; line-height: 40px; font-weight: bold;}
.zhuanti_xq_left{ width: calc(100% - 400px);}

.zhuanti_xq_right{ width: 298px; margin-top:340px;}

.zhuanti_xq_left_sele{ line-height: 27px; font-size: 15px; color: #363b40; padding-top: 30px;}
.zhuanti_xq_left_sele p{ line-height: 27px; font-size: 15px; color: #363b40;
    
     max-width: 100%;
    display: inline-block;
    white-space: normal;
    word-wrap: break-word;
}
 

.zhuanti_xq_right  .recommend {
      background-color: #ecf1f9;
      padding: 20px;
      border-radius: 5px;
      border: 1px solid #d9e0ed;
 }
 .zhuanti_xq_right.retop{ margin-top:0;}

.zhuanti_xq_right  .recommend h3 {
      
      padding-left: 10px;
      margin-top: 0;
      border-bottom: 1px solid #d9e0ed;
      font-size: 22px;
      height: 20px; line-height: 20px; margin-bottom: 20px; padding-bottom: 10px;
      background: url(../images/h22.png) no-repeat left top;
    }

    .zhuanti_xq_right  .recommend ul {
      list-style-type: none;
      padding: 0;
    }

    .zhuanti_xq_right  .recommend li {
      margin-bottom: 22px;
      font-size: 14px;
      color: #444444; line-height: 22px;  background: url(../images/bulu.png) no-repeat left 7px;box-sizing: border-box; padding-left: 10px;
    }
      .zhuanti_xq_right  .recommend li a{ font-size: 15px;}
      .zhuanti_xq_right  .recommend li a:hover{ color: #0683fc;}
      
      
      
.left-menu { width: 130px;} 
.container52 .left-menu{}
.main-content_b{ width: 860px;}
.left-menu ul{ border-left:1px solid #d7dade; padding-left: 20px;}
.left-menu ul li{ position: relative;}
.left-menu ul .one a{ color: #0181fe;  position: relative;}
.left-menu ul .one:before{ background: url(../images/kfc.png) no-repeat left center; position: absolute; left: -8px; top: 14px; z-index: 2; content: "";
width: 13px; height: 13px;}
.container52 .left-menu li:hover{ background: none; color: #057cf2;}

.catalog {
      
     
      
    }
    .zhuanti_list1 a:hover{ color:#217eff;}

    .item {
      list-style-type: none;
      margin-bottom: 10px;
    }

    .parent {
      cursor: default;
    }

    .parent .toggle {
      cursor: pointer;
      float: right;
    }

    .parent.collapsed .toggle::after {
      content: " ▶"; font-size: 10px; color: #333;
    }

    .parent:not(.collapsed) .toggle::after {
      content: " ▼"; font-size: 10px; color: #333;
    }

    .child {
      display: block;
      margin-left: 20px; margin-top: 10px;
    }

    .child.collapsed {
      display: none;
    }
    
  .zhuanti_xq_right1{  background: #f6f8fb; border: 1px solid #eeeeee; border-radius: 4px; padding: 20px; margin-bottom: 20px;}
  
  
  
.toc{  background: #f6f8fb; border: 1px solid #eeeeee; border-radius: 4px;  margin-bottom: 20px; width:298px;box-sizing: border-box; position:absolute;right:0;top: 0; padding-left: 0!important;
    
    
}

.toc .mli{ height:238px; overflow: hidden; overflow-y:auto; padding-left:20px;}
.toc li ul{
    display: block;
    margin-left: 20px;
   
}
.toc .mli li ul{ padding-left:20px;}
.toc .mulu{
    padding-left: 10px;
    margin-top: 10px;
    border-bottom: 1px solid #d9e0ed;
    font-size: 22px;
    height: 20px;
    line-height: 20px;
    margin-bottom: 10px;
    padding-bottom: 10px;
    background: url(../images/h22.png) no-repeat left top;
    margin-top: 20px;
    margin-left: 20px;
    margin-right: 20px;
    padding-bottom: 32px!important;
}
/*body .markdown-body a{  color:#333;}*/
 .markdown-body .toc .mli li a{
      color:#333 !important;
 }
  .markdown-body .toc .mli .active a{
      color: #4183c4 !important;
  }
body .markdown-body .active a{ color:#0f67e0!important;}
.toc .mli li{ margin-bottom:8px!important; line-height:20px!important; }

.heading-permalink{
    height:1px;
    padding-top:100px;
    margin-top:-100px; 
}
.hljs-comment{
    
    color: #800 !important;
}
.linenums  .hljs-string {
    color: #080;
}

.linenums  .hljs-keyword{
    color: #008;
}
.linenums{
    
    overflow: hidden;
}
.linenums li{ 
    white-space: pre-wrap; 
    line-height: 24px;
}

.linenums li:nth-child(2n) {
        background: #eee;
}
.mulu_nr .child .item{  font-size: 14px; color: #666; margin-bottom: 5px;}

.mulu h2{
	padding-left: 10px;
    margin-top: 10px;
    border-bottom: 1px solid #d9e0ed;
    font-size: 22px;
    height: 20px;
    line-height: 20px;
    margin-bottom: 20px;
    padding-bottom: 10px;
    background: url(../images/h22.png) no-repeat left top;
}

.mulu_nr li a:hover{ color: #217eff;}
.zhuanti_xq_left_sele h2{ font-size: 22px;}


.zhuanti_xq_left_sele div{ margin-top: 20px; margin-bottom: 10px;}

#zhuanti_xq_left_sele1{
padding-top:100px;
margin-top:-100px;}

.xini_nav{ position: absolute; left: 0; top:90px; font-size: 14px; color: #fff;opacity: 0.92;}
.xini_nav a{ color: #fff; opacity: 0.92;}
.xini_nav a:hover{ color: #fff; opacity: 0.99;}


.clj01{height:1px;
padding-top:100px;
margin-top:-100px;
}

.toc .mli .active a{ color:#217eff;}
 

.jfbz_n01_n{ margin-top: 20px;}


@media (max-width: 1600px){
	.cont1400 {
    width: 1300px;
    margin: 0 auto;
    max-width: 1300px;
    position: relative;
    
}
.zwyycp .product-list{grid-template-columns: repeat(auto-fit, minmax(410px, 1fr))}
.sjjc-kh .list .item img{max-height: 60px;}
.fzlc .container2{ width: 40%;}
.fzlc .right {
    left: 54%;
}
.fzlc .container2::after{ right: -60px;}
.fzlc .right::after {
    left: -66px;
}
	
	
}

@media (max-width: 1420px){
	.nav-list{ padding-left: 20px;}
	nav{ padding: 0 20px;}
	.nav-item{ margin-right: 15px;}
	.seach_x input{ width: 180px;}
	
}

@media (max-width: 1400px){
	.cont1400 {
    width: 1280px;
    margin: 0 auto;
    max-width: 1280px;
    position: relative;
}

	
	
}

@media (max-width: 1380px){
    .yctp_n{ width:423px; top:50px;}
    .yctp_n img{ border-radius:8px;}
	.cont1400 {
    width: 1200px;
    margin: 0 auto;
    max-width: 1280px;
    position: relative;
}
.cont1280 {
    width: 1200px;
    margin: 0 auto;
    max-width: 1200px;
    position: relative;
}
.hzhb_xq_left {
    width: 66%;}
.seach_x{right: 20px;}

.zwyycp .product-list{grid-template-columns: repeat(auto-fit, minmax(370px, 1fr))}
.fzlc .container2{ width: 37%;}
.fzlc .right {
    left: 57%;
}
.fzlc .container2::after{ right: -85px;}
.fzlc .right::after {
    left: -98px;
}

}

.service-box{ background: #fff;}
.lxwm_pf a:hover{ background: #0f67e0;}
.container2 .description{white-space: pre-line; text-align:left;margin-top: -11px;}
.container2 .step h3{ margin-bottom:0;}


.banner-box {
            width: 100%;
            max-width: 100%;
            margin: 0 auto;
            overflow: hidden;
            position: relative;
            height: 100%;
        }
        
        .banner-box .swiper-container {
            width: 100%;
            height: 100%;
            position: relative;
        }
        
        .banner-box .swiper-wrapper {
            width: 100%;
            height: 100%;
            display: flex;
            transition: transform 0.5s ease-in-out;
        }
        
        .banner-box .swiper-slide {
            width: 100%;
            height: 100%;
            flex-shrink: 0;
            position: relative;
        }
        
       .banner-box  video {
            object-fit: cover;
            width: 100%;
            height: 100%;
        }
        
        .banner-box .swiper-pagination {
            position: absolute;
            bottom: 20px;
            left: 0;
            right: 0;
            display: flex;
            justify-content: center;
            gap: 10px;
            z-index: 10;
        }
        
        .banner-box .swiper-pagination-bullet {
            width: 10px;
            height: 10px;
            border-radius: 50%;
            background-color: rgba(255, 255, 255, 0.5);
            cursor: pointer;
            transition: all 0.3s;
        }
        
        .banner-box .swiper-pagination-bullet.active {
            opacity: 1;
          
           
        }
 .swiper-container.banner .swiper-slide{ height:100%;}





@media (max-width: 1280px){
.seach_x{ display:none;}   
    
}



/*手机适配开始*/
@media (max-width: 1000px){
  .cont1400{
    width: 100%;
    margin: 0 auto;
    max-width: 100%;
    position: relative;  
      
  } 
  .zwyycp .title{ font-size:22px;}
  .zwyycp .desc{ font-size:14px}
  .zwyycp{ padding:25px;}
  .zwyycp .product-item{ width:42.8%; float:left; margin-bottom:10px;} 
  .zwyycp .product-item:nth-child(2n){ float:right;}
  .side{ display:none;}  
  .zwyycp .product-item a{ display:block;}
  .zwyycp .product-item .icon{float: inherit; margin:0 auto;}
  .product-info h3{ text-align:center; width:100%; font-size:18px;}
  .product-info p{ font-size:14px;}
  .zwyycp .product-item a{ width:100%;}
  .product-info p{ text-align:center;}
  .zwyycp .product-item{ padding:10px; display:block; padding-bottom:22px;}
  .zwyycp .product-item .icon{ background-size:50%!important; height:60px!important;}
  .zwyycp .product-list{ display:block;}
  .product-info h3{margin-bottom: 4px;}
  .service-container{ display:block;}
  .service-box{ width:100%; padding:30px;box-sizing: border-box;}
  .zhfw_jjfa h2{ font-size:22px}
  .zhfw_jjfa .desc{ font-size:14px;}
  .service-box p{ font-size:13px;}
  .service-box h3{ font-size:22px;}
  .service-box ul li a{ font-size:14px;}
  .service-box p{ margin-bottom:20px;}
  .zhfw_jjfa{ padding:20px;}
  .service-box{ margin-bottom:10px;}
  .service-box ul li { line-height: 30px;}
  .zhfw_jjfa .desc{ margin-bottom:20px;}
  .container_jssq{ display:block;}
  .jssq .cards-section{ padding-left:0;}
  .jssq .card h3{ font-size:20px;}
.jssq .card p{ font-size:14px;}
.jssq .cards-section{ padding-top:20px;}
.left-section h2{ font-size:22px;}
.left-section{ display:flex;justify-content: space-between;}
.jssq{ padding:20px;}
.left-section h2{ margin-bottom:0;}
.left-section{ padding-top:15px;}
.jssq .card{ width:48%;box-sizing: border-box; padding:15px; float:left;}
.jssq .cards-section{ gap:0;}
.jssq .card img{ height:70px;}
.jssq .card a{ font-size:14px;}
.jssq .card:nth-child(2){ float:right;}
.jssq .cards-section{justify-content: space-between;} 
.jssq .card a{ display:block;}
.left-section a {
    background-color: #007bff;
    color: #fff;
    border: none;
    padding: 10px 19px;
    font-size: 13px;
    border-radius: 4px;
    cursor: pointer;
    transition: background-color 0.3s ease;
    height: 20px;
    margin-top: 7px;
}
.obpx h1{ font-size:22px;}
.obpx .desc{ font-size:14px;}
.obpx{ padding:20px;}
.obpx .card-container{ display:block;gap:0;}
.obpx .card{ padding:20px;}
.obpx .card p{ font-size:13px;}
.obpx .card h3{ font-size:20px;}
.obpx .card{ margin-bottom:15px;}
.obpx .card p{ margin-top:12px;}
.obpx .card-circle {
    width: 70px;
    height: 70px;
    background-color: #007bff;
    border-radius: 50%;
    margin: 0 auto 10px auto;}
.obpx .card h3{ font-size:18px;}
.ob-tech-box{ padding:20px;}
.ob-tech-item-header span{ font-size:16px;}
.objsfw .desc{ font-size:14px;}
.objsfw .title{ font-size:22px;}
.objsfw{ padding:20px;}
.tab-nav button{ font-size:15px; height:52px;}
.tab-nav button:nth-child(1){ background:none;}
.tab-nav button:nth-child(2){ background:none;}
.tab-nav button.active:nth-child(1){background:#007bff;}
.tab-nav button.active:nth-child(2){background:#007bff;}
.ob-tech-title{ font-size:20px;}
.ob-tech-img{ margin-top:10px; margin-bottom:10px;}
.hzkh .title{ font-size:20px; padding-left:22px;}
.hzkh .title{
    margin-bottom: 0;
    padding-bottom: 14px;
}
.sjjc-kh .list .item img {
    max-height: 46px;
}
.sjjc-kh .sw-box .swiper-wrapper {
    height: 100px;
}
.footer_bg .section:nth-child(3){ display:none;}
.footer_bg .section:nth-child(4){ display:none;}
.footer_bg .section:nth-child(5){ display:none;}
.footer_bg .section:nth-child(6){ display:none;}
.footer_bg .title{ font-size:17px;}
.footer_bg .consult-btn{ font-size:13px;padding: 8px 25px;}
.zhfw_a1 h2{ font-size:18px;}
.zhfw_a1_n ul li{ width:50%; padding:20px;}
.zhfw_a1_n1{ font-size:16px;}
.zhfw_a1_n ul li{ height:190px;}
.zhfw_a1_n1{
     line-height: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    height: 50px;
}
.zhfw_a1_n ul li:last-child{ padding:20px!important;}
.zhfw_a1_n2{ margin-top:7px;}
.zhfw_a1_n2{ font-size:13px;}
.zhfw_a1{ padding-left:15px; padding-right:15px;}
.zhfw_a1 h2 {
    font-size: 17px;
}
.main_nr{ padding-bottom:10px;}
.cont1280 {
    width: 100%;
    margin: 0 auto;
    max-width: 100%;
    position: relative;
}
.mbx_nav_lie ul li a {
    font-size: 14px;
}
.he_fwnr_list ul li{ width:100%; margin-right:0; padding:20px;}
.he_fwnr_list{ padding-left:15px; padding-right:15px;}

.he_fwys_n ul li{ width:100%; margin-bottom:15px; padding:20px;}
.he_fwys_n ul{ display:block;}
.he_fwys_n{padding-left:15px; padding-right:15px;}
.he_fwys_n_3{ font-size:14px;}
.ny_ty_title{ font-size:22px;}
.hxgn_nn_lie ul li{ width:100%; padding:20px;}
.hxgn_nn_lie{padding-left:15px; padding-right:15px;}
.he_jfbz_n{ padding-left:15px; padding-right:15px; font-size:14px;}
.hxgn_nn_lie ul li{ height:auto; padding-bottom:40px; padding-top:30px;}
.hxgn_nn_lie2{ font-size:20px;}
.hxgn_nn_lie1 img{ height:50px;}
.hxgn_nn_lie1{ height:40px;}
.hxgn_nn_lie ul li{ margin-right:0; margin-top:0;}
.hxgn {
    width: 100%;
    padding-top: 30px;
    padding-bottom: 30px;
}
.he_fwys {
    padding-top: 30px;
    padding-bottom: 30px;
}
.he_fwys_n_1 img{ height:50px;}
.he_fwnr{ padding-top: 30px;
    padding-bottom: 30px;}

.he_fwnr_list ul li{ height:auto; margin-top:15px;}
.ty_banner_nr h2{ font-size:18px;}
.ty_banner_nr section{ font-size:14px;}
.pxfw_banner_txt h2{ font-size:18px;}
.ob_pxfw h2{ font-size:22px}
.ob_pxfw .info-item p {
    margin-left: 20px;
    color: #4e4c4c;
    font-size: 14px;
    line-height: 28px;
}
.ob_pxfw .info-item label{ width:220px; font-size:14px;}
.ob_pxfw{ padding-left:15px; padding-right:15px;}
.ob_pxfw .info-item ul li{ font-size:13px; width:68%;}
.ob_pxfw table{ font-size:13px;}
.ob_pxfw .info-item ul li{ width:88%;}
.ob_pxfw table{ width:94%;}
.ob_pxfw h2{ line-height:28px; font-size:20px;}

.znyycp ul li {
    width: 49%;
    background: #fff;
    border-radius: 6px;
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 0px 21px 0px rgba(24, 33, 49, 0.13);
    padding: 20px;
    box-sizing: border-box;
    display: inline-table;
    margin-right: 0;
   
    height: auto;
    margin-bottom: 10px;
    position: relative;
    transition: all 0.5s;
    float: left;
    padding-bottom: 30px;
}
.znyycp ul li:nth-child(2n){ float:right;}
.znyycp{padding-left:15px; padding-right:15px;}
.znyycp1_img img{ height:54px;}
.znyycp1_img{ height:50px;}
.znyycp1_txt2{ font-size:13px; line-height:22px;}
.khjiaz_nn1 ul li{ width:100%;}
.khjiaz_nn1 ul{ display:block;}
.khjiaz_nn1_nr p {
    font-size: 14px;
    line-height: 23px;
    color: #6a6a6a;
}
.khjiaz{padding-left:15px; padding-right:15px;}
.khjiaz_nn1_tit{ font-size:18px;}
.khjiaz_nn1 ul li {
   
    box-sizing: border-box;
    padding: 25px;
    border-bottom: 1px solid #eeeeee;
    padding-top: 35px;
    padding-bottom: 35px;
    min-height: auto;
}
.a_fwjz ul{ display:block;}
.a_fwjz ul li{ width:100%; padding:20px; margin-bottom:10px;}
.a_fwjz ul li h2{ font-size:18px;}
.a_fwjz_nn{padding-left:15px; padding-right:15px;}
.container2 .step{ width:50%; float:left;padding-left:15px; padding-right:15px;box-sizing: border-box; margin-bottom:15px;}
.a_fwlc_list .container2{ display:block}
.container2 .icon{ width:100%;}
.container2 .icon img{ height:55px;}
.container2 .description{ font-size:13px;}
.container2 .step h3{ font-size:18px;}
.container2 .icon{ height:56px;}
.a_fwlc_list:before{ display:none;}

.a_fwys .a_fwys_nn ul li{ width:49%; height:236px;}
.a_fwys .a_fwys_nn ul{ display:block;}
.a_fwys .a_fwys_nn ul li:nth-child(2n){ float:right;}
.hxgn_nn_lie2{ font-size:18px;}
.a_fwys{padding-top: 30px;
    padding-bottom: 30px;}
.khjiaz {
    padding-top: 20px;
    padding-bottom: 30px;
}
.a_fwjz {
    padding-top: 30px;
    padding-bottom: 30px;
}
.a_fwjz_nn {
    margin-top: 10px;
}
.n_about1{ display:block;}
.n_about1_right{ padding-left:0;}
.n_about1_left img{ height:80px; }
.n_about1_right section p{ font-size:14px;}
.n_about1_right h2{ font-size:20px;}
.n_about2{ display:block;}
.n_about2_card{ width:100%;}
.n_about2_card p{ font-size:14px;}
.n_about2_card{box-sizing: border-box;}
.n_about2{ padding-left:15px; padding-right:15px;}
.n_about1{ padding-left:15px; padding-right:15px;}
.n_about2_card:nth-child(1){ background-size:60px}
.n_about2_card:nth-child(2){ background-size:60px}
.n_about2_card:nth-child(3){ background-size:60px}
.n_about2_card{ padding:20px;}
.n_about2_card h2{ font-size:22px;}

.about_qyys_n ul{ display:block;}
.about_qyys_n ul li{ width:100%; padding:20px;box-sizing: border-box; margin-bottom:14px;}

.about_qyys{padding-left:15px; padding-right:15px;}
.about_qyys_n_bt{ font-size:18px;}
.about_qyys_tit{ font-size:22px;}
.about_qyys_n_ico img{ height:60px;}
.about_qyys_n_nr{ padding-top:10px;}
.about_qyys_n ul li{ padding-bottom:30px;}
.fzlc .right {
    left: 0;
    width:100%;
}
.fzlc .container2 {
    width: 100%;
}
.wen_txt p{ font-size:13px; line-height:23px;}
.wen_txt{ width:68%;}
.fzlc .container2{padding: 10px 10px;margin-top: 0;}
.fzlc .timeline::after{ display:none;}
.fzlc .content h2{ font-size:30px;}


.branch{ width:100%; padding:20px; margin-bottom:10px;}
.branch p{ font-size:14px;}
.branch-list{ padding-left:15px; padding-right:15px;}

.branch h3{ font-size:16px;}
.yctp_n { display:none;}
.zong_gs h2{ font-size:17px;}

.company_info p{ font-size:14px;}
.zong_gs{ padding:20px;  height:auto; width:96%; margin:0 auto;box-sizing: border-box;}


.company_info{ width:100%;}

.zong_gs h2{ width:100%;}
.company_info .ewm img{ width:80px; height:80px;}
.company_info .ewm{ padding-top:20px;}
.qtfgs{ font-size:20px; padding-bottom:0; padding-top:10px;}
.company_info p:nth-child(1) {
    background: url(../images/add01.png) no-repeat left top;
    background-size: 9%;
}
.company_info p:nth-child(2){ background-size: 9%;}
.company_info p:nth-child(3){background-size: 9%;}
.company_info p{ padding-left:25px;}
.zong_gs h2{ padding-bottom:10px;}
.join_right{ display:none;}
.join_left{ width:100%;}
.job-title_left1{ font-size:17px;}
.job-title_right1{ font-size:20px;}
.job-title_right2{ font-size:13px;}
.job-item{ padding:15px;}
.join_left{ padding:15px;box-sizing: border-box;}
.filter-item label{ font-size:14px;} 
.filter-item a{ font-size:14px;}
.search-container input{ width:65%;}
.filter-item a {
    margin-right: 0;
    line-height: 32px;}
#more-location-list a{ font-size:14px; margin-right:0;} 
#more-location-list{ padding-left:0;}
.job-title span{ font-size:13px;}
.job-title_right2{  text-align:right;}

.job-detail section{ font-size:13px;}
 .ypz, .ypz a{ font-size:13px; }   
 .ypz a{ background:none; padding-left:0;}   
.zstp{ display:block;}
.zstp_right{ width:100%; padding:10px;}

.zstp_left{ width:100%}
.zstp{ padding-left:15px; padding-right:15px;box-sizing: border-box;}
.zstp_right1_left{ font-size:14px;}
.zstp_right1_right{ width:calc(100% - 150px)}

.card4{ width:100%;box-sizing: border-box;}
.container4 .card-img{ width:120px; height:120px;}
.container4 .card-text{width:calc(100% - 130px)}
.container4 .card-excerpt{ font-size:13px;-webkit-line-clamp: 2; line-height:20px;}
.container4 .card-title{ font-size:16px;}
.card-title22{font-size:13px;}
.container4 .card-link{ font-size:13px;}
.container4 .card-title{ margin-top:0;} 
.container99 .sidebar{ display:none;}

.zhuanti_list2{ display:block;}
.zhuanti_list2_re{ padding-left:0;}
.zhuanti_list2_re section{ font-size:13px;}
.zhuanti_list2_re h2{ font-size:20px;}
.zhuanti_list2_re h3{ font-size:12px;}
.zhuanti_list{ padding-left:15px; padding-right:15px;box-sizing: border-box;}
.main-content .article{ width:100%;box-sizing: border-box; padding:20px;}
.container99 .main-content{ width:100%;}
.main-content .article-meta span{ font-size:12px;}
.main-content .article-title{ font-size:15px;}
.zhuanti_list2_le{ width:100%; height:auto;}
.zhuanti_list2_le img{ width:100%; height:auto;}
.zhuanti_xq{ display:block;}
.zhuanti_xq_left{ width:100%;}
.zhuanti_xq_right{ width:100%;}
.sjjc-kh .list .item{ height:64px;}
.kh-swiper{ height:83px;}
.sjjc-kh{padding-top: 30px; padding-bottom: 20px}
.objsfw .desc {
    font-size: 13px;
}
.tab-nav button{ font-size:14px;}
.objsfw .desc{ margin-bottom:20px;}

.ob-tech-item-content p{ font-size:12px;}
.ob-tech-title{ font-size:18px;}
.ob-tech-item-content a{ font-size:12px;}
.ob-tech-item-header span{ font-size:14px;}
.ob-tech-box {
    padding: 15px;
}
.ob-tech-item-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px 16px;
    cursor: pointer;
    padding-top: 10px;
    padding-left: 12px;
    padding-right: 12px;
    transition: background-color 0.3s ease;
}
.arrow {
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid #333;
    transition: transform 0.3s ease;
}

.ob-tech-item-content{padding: 15px 13px; padding-top:0px;}
.ob-tech-item-header{padding: 5px 16px;}
.ob-tech-img{ margin-top:0;}
.ob-tech-title{ font-size:17px;margin-bottom: 12px;}
.ob-tech-title::before{width: 3px; height: 16px;}

.obpx .desc{ font-size:13px; margin-bottom:20px;}
.obpx .card-circle{ width:60px; height:60px;}
.obpx .card-circle span{ font-size:25px;}
.obpx .card p{ line-height:22px;}
.zwyycp .product-item{ height:130px;}
.zwyycp .desc{ margin-bottom:20px;}
.product-info h3{ font-size:16px;}
.zwyycp .desc{ font-size:13px;}
.zwyycp {
    padding: 20px;
}
.zhfw_jjfa .desc{ font-size:13px;}
.service-box{ padding:20px;}
.service-box ul li a{ font-size:13px;}
.service-box p {
    margin-bottom: 15px;
}
.zhfw_jjfa{ padding-top:30px; padding-bottom:30px;}
.service-box h3 {
    font-size: 20px; margin-bottom:10px;
}
.service-box p{ font-size:12px;}
.jssq .card p{ font-size:13px;}
.jssq .card a{ font-size:13px;}
.jssq .card h3 {
    font-size: 18px;
}
.footer_bg .content{ padding-left:15px; padding-right:15px;}
.footer_bg .city-selector span{ margin-right:0;}
.footer {
    text-align: center;
    margin-top: 0px;
    color: #ccc;
    font-size: 13px;
    line-height: 20px;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 7px;
    padding-bottom: 7px;
}
.footer_bg .section:nth-child(1){ display:none;}
.footer_bg{ padding-top:28px;}
.contact-info p{font-size:12px;}
.footer a{font-size:12px;}
.footer{font-size:12px;}
.footer_bg .section:nth-child(2) {
    width: 100%;margin-bottom: 15px;
}
.footer_bg .consult-btn{padding: 6px 25px; margin-bottom:12px;}
.footer_bg .consult-btn{ margin-top:10px;}
.footer{ color:#fff;}









    


.mbx_nav_lie{ }
.header{margin-right:0; display:none;}
.header{ display: none;}
	.new_index_header {
   position: fixed;
    top: 0;
    z-index: 10;
    width: 100%;
    height: 48px;
    background-image: linear-gradient(90deg,#052762,#06378b 65%,#063483);
    box-shadow: inset 0 -1px 0 0 hsla(0,0%,100%,.10196078431372549); display: block;
   }
.xin_logo{ float: left; width: 158px; padding-left:10px; margin-top:8px;}
.xin_logo img{ width: 70%;}
.new_index_navbtn { float: right; margin-right: 15px; width: 24px; height: 24px; position: relative; cursor: pointer; margin-top: 15px; }
.new_index_navbtn span { display: block; height: 2px; background: #fff; top: 0px; position: absolute; width: 100%; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; }
.new_index_navbtn span:nth-child(2) { top: 8px; }
.new_index_navbtn span:nth-child(3) { top: 16px; }
.new_index_navbtn:hover span { width: 100%; }
.new_index_closeNavbtn span:nth-child(1) { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top: 12px; }
.new_index_closeNavbtn span:nth-child(2) { display: none; }
.new_index_closeNavbtn span:nth-child(3) { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top: 12px; }
.new_index_closeNavbtn span:nth-child(3) { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top: 12px; }
.new_Common_nav {
    display: none;
    position: fixed;
    left: 0px;
    top: 48px;
    bottom: 0px;
    right: 0px;
    overflow-y: auto;
    background-color: #000b22;
}
.new_Common_nav ul { padding: 20px 15px 0px; }
.new_Common_nav ul li { cursor: pointer; border-bottom: 1px solid rgba(255,255,255,.2); position: relative; }
.new_Common_nav ul li h2{ margin:0; }
.new_Common_nav ul li h2 a { font-weight: 700; height: 55px; line-height:55px; font-size: 13px; display: block; color: #fff; position: relative; }
.new_Common_nav ul li i { position: absolute; right: 0px; top: 0px; height: 55px; width: 30%; }

.new_Common_nav ul li i:before { position: absolute; top: 50%; right: 10px; width: 8px; height: 8px; border-top: 1px solid #fff; border-right: 1px solid #fff; -webkit-transform: translateY(-50%) rotate(45deg); -ms-transform: translateY(-50%) rotate(45deg); -o-transform: translateY(-50%) rotate(45deg); transform: translateY(-50%) rotate(45deg); -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; content: ""; }
.new_Common_nav ul li.cur .new_child_navbox { max-height: 1500px; height: auto; padding-bottom: 20px; }
.new_Common_nav ul li.cur i:before { -webkit-transform: translateY(-50%) rotate(135deg); -ms-transform: translateY(-50%) rotate(135deg); -o-transform: translateY(-50%) rotate(135deg); transform: translateY(-50%) rotate(135deg); }
.new_child_navbox { width: 100%;  overflow: hidden; max-height: 0px; }
.new_childnav_web p{ line-height:30px;}
.new_childnav_web p a{ font-size:12px; color:#fff; opacity:.7;}
.new_childnav_web dd h3 { padding-top: 10px; margin:0;  color:#fff; font-size:13px; line-height:30px;}
.new_childnav_web dd h3 a { color: #fff; font-size: 13px; display: block; background-image: url(../images/new_navicon15.png); background-repeat: no-repeat; background-position: -50px center; -webkit-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out; line-height: 30px; }
.new_childnav_web dd h3 a:hover { padding-left: 30px; color: #ed3542; font-weight: 700; background-position: 0px center; }
.new_childnav_web dd:last-child { background-image: none; }
dd{ margin:0; padding-left: 0; }
.new_childnav_Program dd h3 { padding-top: 10px; }
.new_childnav_web{ margin:0; }
.new_childnav_web div{ border-bottom:1px solid rgba(255,255,255,.2); padding-bottom:5px;}
.new_childnav_web div:last-child{ border-bottom:none; margin-bottom:0;}
.new_childnav_web div h3 a{ color:#fff; font-size:13px;}
.new_childnav_web div{ margin-bottom:10px;}
.new_childnav_web dd h3{ padding-top:0;}

.yinemfe{ position:absolute; right:60px;  top:12px;}
.yinemfe img{ width:20px}


.search-icon {
     
      color: #fff;
      text-align: center;
    
    
      cursor: pointer;
     
    }

    /* 搜索图层样式，默认隐藏 */
    .search-layer {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: #000a20;
      display: none;
      justify-content: center;
      align-items: center;
      z-index: 9999;
      position: fixed;
    left: 0px;
    top: 48px;
    bottom: 0px;
    right: 0px;
    overflow-y: auto;
    }

    /* 搜索图层内容容器样式 */
    .search-layer-content {
      width: 80%;
      max-width: 500px;
    
      padding: 20px;
      border-radius: 8px;
      position: relative;
    }

    /* 关闭按钮样式 */
    .close-btn {
      position: absolute;
      top: 0px;
      right: 20px;
      cursor: pointer;
      font-size: 26px;
      color: #fff; font-weight: bold;
    }

    /* 搜索输入框样式 */
    .search-input {
      width: 94%;
      padding: 10px;
      font-size: 14px;
      border: 1px solid #ccc;
      border-radius: 4px;
      margin-top: 25px;
    }
    .banner-box .swiper-wrapper {
    height: 400px;
}
.ty_banner_nr{}
.ty_banner_nr {
    padding-top: 103px;
    padding-left: 15px;
    padding-right: 15px;
    box-sizing: border-box;
}
.ty_banner{ height:264px;}
.ty_banner_nr section{ font-size:12px;}
.ty_banner_nr section{ margin-top:0;}
.ty_banner_nr h3 a{ margin-top:10px; font-size:12px; width:110px; height:35px; line-height:35px;}
.ty_banner_nr h2{ line-height:38px;}
.zhfw_a1_n{box-shadow:none;}

.xini_nav{ font-size:12px; top:60px; padding-left:10px; padding-right:10px;box-sizing: border-box;}
.ty_banner_nr h2{ width:74%;}
.ty_banner_nr section{ line-height:20px;}
.hxgn_nn_lie3{ font-size:13px;}
.ny_ty_title{ line-height:20px;}
.he_fwys_n_3{ font-size:13px;}
.he_fwnr_list3{font-size:13px;}
.he_fwnr_list2{ font-size:16px;}
.he_jfbz_n table tr td{ font-size:13px;}
.he_jfbz {
    padding-top: 30px;
    padding-bottom: 38px;
}
.mbx_nav_lie{ position:relative;}
.mbx_nav_lie ul {
    width: 100%;
    text-align: center;
    height: 45px;
    line-height: 45px;
    position: relative;
    white-space: nowrap;
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
   
    column-gap: 0;
    padding-left: 10px;
    padding-right: 10px;
    
}
.mbx_nav_lie ul li{
    color: #666;
    display: inline;
    text-align: center;
    cursor: pointer;
    margin-right: 15px;
  
}
.mbx_nav_lie{ height:45px; line-height:45px;}
.ny_ty_title {
    line-height: 40px;
}
.hxgn_nn_lie ul li{ margin-top:10px; margin-bottom:8px;}
.mbx_nav{ position:relative;}
.hxgn{ padding-top:20px;}
.mbx_nav{ z-index:1;}
.zhfw_a1 h2{ font-size:14px; width:180px; height:40px; line-height:40px;}
.zhfw_a1_n1{ font-size:14px; line-height:20px;height: 40px;}
.zhfw_a1_n2{ line-height:20px; font-size:12px;}
.zhfw_a1_n ul li {
    height: 170px; padding: 15px;
}
.mbx_nav_lie ul li a {
    font-size: 13px;
}
.main_nr{ padding-top:20px;}
.zhfw_a1_n {
    margin-bottom: 20px;
}
.mbx_nav_lie ul{box-sizing: border-box;}
.zhfw_a1_n{border-bottom: none;}
.ty_banner_nr{ padding-top:90px;}
.xini_nav{ display:none;}
.hxgn_nn_lie2 {
    font-size: 16px;
}
.hxgn_nn_lie3{ margin-top:5px;}
.he_fwys_n_2{ font-size:16px;}
.he_fwys_n_3{ line-height:20px; margin-top:5px;}
.he_fwnr_list3{ line-height:20px; margin-top:5px;}
.he_jfbz_n{ margin-top:10px;}
.he_fwys_n ul li{ padding-bottom:25px;}
.he_fwys_n ul{ margin-top:10px;}
.he_fwnr_list ul li{ margin-top:10px;}
.mbx_nav_lie ul li{ margin-right:30px;}
.khjiaz_nn1_nr p{font-size:13px; line-height:20px;}
.khjiaz_nn1 ul li{ padding-top:20px;}
.khjiaz_nn1_nr{ margin-top:10px;}
.he_jfbz {
    padding-top: 20px;
    padding-bottom: 20px;
}
.khjiaz{ padding-bottom:0;}
.he_fwys {
    padding-top: 20px;
    padding-bottom: 0px;
}
.khjiaz_nn1_tit img {
    margin-right: 2px;
    display: inline-block;
    vertical-align: -3px;
    width: 17px;
}
.hxgn_nn_lie1 img {
    width: 36px;
    height: auto;
}
.hxgn_nn_lie1 {
    height: 30px;
}
.process{ display:block;}
.liucheng_hh{
    padding-left: 15px;
    padding-right: 15px;
}
.liucheng_hh .step p{ font-size:13px; line-height:20px;}
.liucheng_hh .step h3{ font-size:16px;}
.liucheng_hh .icon {
    width: 84px;
    height: 63px;
    background: url(../images/dingw.png) no-repeat top center;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #315ff5;
    font-size: 16px;
    margin-bottom: 10px;
    float: inherit;
    display: inline-block;
    font-weight: bold;
    padding-top: 30px;
    background-size: 100%;
}
.liucheng_hh .step{ padding-bottom:12px;}
.liucheng_hh .step p{ padding-top:10px;}
.jfbz_n01 {
    background: #f5f7fa;
    padding-top: 20px;
    padding-bottom: 20px;
}
.jfbz_n01_n img{ max-width:100%!important;}
.jfbz_n01_n{ margin-top:10px;
    padding-left: 15px;
    padding-right: 15px;
}
.ty_banner_nr h2 {
    font-size: 15px;
}
.liucheng_hh .step p{ text-align:center;}
.kcjs_w{ font-size:12px;}
.pxfw_banner_txt_n h2{ font-size:16px;}
.pxfw_banner_txt_n .cont1400{ padding-left:10px; padding-right:10px;box-sizing: border-box;}
.ob_pxfw h2{ font-size:18px;}
.pxfw_banner_txt h2 {
    font-size: 18px;
    line-height: 31px;
}
.pxfw_banner{ height:325px;}
.pxfw_banner_txt {
    padding-top: 75px;
}
.pxfw_banner_txt h3 a{ width:120px; height:35px; line-height:35px; font-size:12px;}
.pxfw_banner_txt h2{ margin-bottom:10px;}
.pxfw_banner_txt{ padding-left:10px;box-sizing: border-box;}
.pxfw_banner_txt h2{ line-height:26px;}
.pxfw_banner_txt_n h2{ margin-top:15px;}
.ob_pxfw .info-item label{ font-size:13px; }
.ob_pxfw .info-item p{ font-size:13px;}
.ob_pxfw .x_xiu ul {
    padding-left: 5px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-right: 5px;
}
.ob_pxfw .info-item ul li{ font-size:12px;}
.ob_pxfw .x_xiu{ width:calc(100% - 99px);align-items: center;
display: flex;
justify-content: space-between;
box-sizing: border-box;}
.ob_pxfw .info-item label{ width:90px;}
.ob_pxfw table {
    width: 100%;
}
.ob_pxfw .info-item ul li {
    width: 84%;
}
.znyycp1_txt2 {
    font-size: 13px;
    line-height: 20px;
}
.znyycp1_txt{ font-size:16px;}
.znyycp1_txt2{ margin-top:0;}
.znyycp ul li{ margin-bottom:0;}
.znyycp{ padding-bottom:20px;}
.kcjs_w{
    line-height: 18px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.pxfw_banner_txt {
    padding-top: 87px;
}
.pxfw_banner_txt_n h2{ margin-bottom:5px;}
.pxfw_banner_txt_n{ padding-bottom:10px;}
.pxfw_banner {
    height: 290px;
}
.pxfw_banner_txt_n h2{ font-size:14px;}
.ztjg_tu {
    background: #f5f7fa;
    padding-top: 20px;
    padding-bottom: 20px;
}
.ztjg_tu2{ margin-top:10px;}
.ztjg_tu{  padding-left:10px; padding-right:10px;box-sizing: border-box;}
.khjiaz_nn{ margin-top:10px; margin-bottom:20px;}
.khjiaz_nn1_tit {
    font-size: 16px;
}
.a_fwlc {
    background: #f5f7fa;
    padding-top: 20px;
    padding-bottom: 20px;
}
.container2 .step h3 {
    font-size: 16px;
}
.a_fwlc_list {
    margin-top: 10px;
}
.a_fwjz ul li section{ font-size:13px;}
.hxgn_nn_lie3{
    line-height: 18px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp:6;
    -webkit-box-orient: vertical; 
    
}
.ty_banner_nr h2 {
    line-height: 22px;
    margin-bottom: 5px;
}
.n_about1_left {
    padding-top: 0px;
}
.n_about1_left img {
    height: 55px;
}
.n_about1_right h2 {
    font-size: 20px; margin-bottom:10px;margin-top:10px;
}
.n_about1_right section p {
    font-size: 13px; line-height: 20px;
}
.n_about2_card p {
    font-size: 13px; line-height: 20px;
}
.n_about2_card h2 {
    font-size:18px;
}
.about_qyys {
    background: #cbdcf5;
    padding-top: 20px;
    padding-bottom: 20px;
}
.about_qyys_n ul{ margin-top:10px;}
.about_qyys_n_nr{ font-size:13px;}
.fzlc_nn {
    padding-top: 10px;
}
.fzlc {
    background: #f4f6fb;
    padding-top: 20px;
    padding-bottom: 20px;
}
.timeline{max-width: 100%;}
.fzlc .container2::after{ display:none;}
.fzlc .container2{box-sizing: border-box;}
.about_honer1 h3{ font-size:14px; margin-top:5px;}
.about_honer1 h2{ font-size:18px; margin-top:10px;}
.about_honer_n .swiper-slide{padding-top: 10px;
    padding-bottom: 10px;}
.aboiut_hzhb {
    background: #edf1fa;
    padding-top: 20px;
    padding-bottom: 20px;
}

.aboiut_hzhb{box-sizing: border-box; padding-left:10px; padding-right:10px;}
.aboiut_hzhb_n {
    padding-top: 10px;
}
.about_honer {
    background: #fff;
    padding-top: 25px;
    padding-bottom: 25px;
}
.about_honer_n{ margin-top:10px;}
.jiangx_rk_tit h2{ font-size:18px;}
.jiangx_rk_tit section{ font-size:13px; line-height:20px;}
.jiangx_rk{box-sizing: border-box; padding-left:10px; padding-right:10px;}
.jiangx_rk_nr_tu img {
    height: 85px;
}

.jiangx_rk_nr ul li{ width:49%; float:left; margin-right:0;}
.jiangx_rk_nr ul li:nth-child(2n){ float:right;}
.jiangx_rk_nr_tu{ height:108px;}
.jiangx_rk_nr_txt{ font-size:13px;}
.jiangx_rk_nr {
    margin-top: 10px;
}
.jiangx_rk {
    padding-top: 30px;
    padding-bottom: 30px;
}
.x_rrzs {
    background: #f5f5f9;
    padding-top: 25px;
    padding-bottom: 25px;
}
#certify{ width:100%;}
#certify .swiper-button-next{ right:0; width:30px; height:30px; top:40%;}
#certify .swiper-button-prev{ left:0; width:30px; height:30px;top:40%;}
#certify .swiper-slide{ width:100%; height:316px;}
#certify .swiper-slide p{ font-size:13px;}
#certify .swiper-container {
    padding-bottom: 31px;
}
.khgxx {
    padding-top: 30px;
    padding-bottom: 30px;
}
.khgxx_n .swiper-slide{ width:100%!important;}
.khgxx_n .swiper-wrapper{ display:block;}
.khgxx_n {
    padding-top: 10px;
}
.khgxx_n{ padding-left:10px; padding-right:10px;box-sizing: border-box;}
.khgxx_n_tu img{ width:100%;}
.khgxx_n_txt{ width:100%;}
.khgxx_n_txt section{ font-size:13px;}
.khgxx_n_txt h2{font-size:16px;}
.khgxx_n_tu{ width:100%; height:400px;}
.khgxx .swiper-pagination{ display:none;}
.company_info p {
    font-size: 13px;
}
.branch p {
    font-size: 13px;
}
.about_swzx {
    background: #f5f7fa;
    padding-top: 20px;
    padding-bottom: 20px;
}
.branch h3{ margin-bottom:5px;}
.search-container button{ font-size:13px;}
.filter-item a {
    font-size: 13px;
}
.job-title_left1 {
    font-size: 16px;
}
.job-title_right2 {
    font-size: 12px;
}
.job-title_right1 {
    font-size: 18px;
}
.join{ padding-bottom:0;}
.container52{ display:block;}
.search-container33 .search-header{ margin-top:0;}
.search-container33 .title{ font-size:15px;}
.search-container33 .subtitle{ font-size:12px;}
.search-container33 .logo img{ width:40px; height:40px;}
.search-container33 .logo{ width:40px;}

.search-container33 .search-header{ padding:10px;}
.search-container33 .search-box{ padding:5px;}
.search-container33 .search-box{ max-width:100%;}
.search-container33 .logo-title{ display:none;}
.search-container33 .search-box{flex-direction: inherit;}
.search-container33 .search-button{ width:26%;  height:40px; line-height:40px; font-size:13px;}

.search-container33 .search-input{ height:40px; line-height:40px; font-size:13px; margin-top:0;}
.container52 .left-menu {
    width: 100%;
    margin-right: 0;
}
.main-content_b{ width:100%;}
.container52 .right-sidebar{ display:none;}
.container52{ padding-left:10px; padding-right:10px;box-sizing: border-box;}
.container52{ width:100%;}
.main-content .article-desc{ font-size:13px;}
.article-meta{line-height: 30px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;
}
.main-content .article-meta span {
    margin-right: 10px;
}
.z_xin{ font-size:18px; line-height:30px; margin-bottom:10px;}
.main-content .article{ margin-bottom:15px;}
.left-menu ul .one:before{ display:none;}

.container52 .left-menu ul{ border-left:none;width: 100%;
    text-align: center;
    height: 33px;
    position: relative;
    white-space: nowrap;
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
    padding: 10px 0;}
 .container52 .left-menu{position: relative; overflow:hidden;
}
.container52 .left-menu ul li {
    color: #666;
    display: inline;
    text-align: center;
    cursor: pointer;
    padding: 8px 12px;
    border: 1px solid #e5e5e5;
    font-size: 0.875rem;
    border-radius: 60px;
     background: #fff;
     padding-left: 10px;
     font-size: 13px;
}
.container52 .left-menu ul .one{ background:#007bff; color:#fff;}
.container52 .left-menu ul .one a{color:#fff;border: 1px solid #007bff;}

.zhuanti_list1 {
    font-size: 12px;
    color: #636060;
    line-height: 21px;
}
.zhuanti_xq_left h2 {
    color: #202428;
    font-size: 20px;
    line-height: 30px;
    font-weight: bold;
}
.zhuanti_xq_left{ padding-top:20px;}
.editormd-html-preview, .editormd-preview-container{ padding:0!important;}

.zhuanti_xq_right{ display:none;}

.rightIcon{
    position: fixed;
    left: 0;
    top: 50vh;
    z-index: 1;
  
    border-radius: 0 100px 100px 0;
    display: block;
}
 .toc{ display: none; width:80%!important; z-index:999!important; left:0!important; top:0!important; height:100%!important; border-radius:0!important;right: inherit!important;position: fixed;box-shadow: 2px 0 8px rgba(0,0,0,.2);
} 
 .toc .mli{ height:100%!important; padding-right:20px;}
.toc .mulu{ font-size:18px;}
.toc .mli li ul {
    padding-left: 0;
}
.guanbi{ display:block;}
.markdown-body h2{ font-size:18px!important;}
.search-layer-content{ margin-top:-120px;}
.about_honer_n{ padding-left:40px; padding-right:40px;}
.about_honer1_img{ height:190px;}
.about_honer1 h3{ font-size:13px;line-height: 20px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.about_honer_n .swiper-slide{ padding:4px;box-sizing: border-box;}
.about_honer1 h2{ font-size:16px;}
.about_qyys_n_bt{ font-size:16px;}

.sj_ban{ display:block; margin-top:48px;}
.banner-box{ display:none;}
.sj_ban img{ max-width:100%;}

.about_honer_n .swiper-slide{ width:48%!important; margin-right:0px!important; float:left; margin-bottom:10px!important;}
.about_honer_n {padding-left:15px; padding-right: 15px;}
.about_honer_n .swiper-wrapper{ display:block;}
.about_honer_n .swiper-slide:nth-child(2n){ float:right;}
.about_honer_n .swiper-button-next{ display:none;}
.about_honer_n .swiper-button-prev{ display:none;}
.about_honer1_img {
    height: 226px;
}
.about_honer1 h3{ margin-top:0;}
.fzlc .content{ padding:18px;}
.aboiut_hzhb .swiper-slide{box-shadow:none;}
.search-container33 .search-input{ width:38px; height:38px;}
.zstp_right1_left{ font-size:13px;}

.zstp_left {
    width: 100%;
    background: #e9f3fc;
    box-sizing: border-box;
    padding-top: 20px;
    padding-left: 19px;
    border-radius: 4px;
    min-height: 120px;
}
.zstp_left1{ font-size:20px;}
.zstp_left2 span{ font-size:13px;}
.zstp_right1_right a{ font-size:13px!important;}
.zstp_right1_right{ padding-left:10px;}
.zstp_right1{ display:block;}
.zstp_right1_right{ width:100%;}
.jssq .card a{ font-size:12px;}


}