/* banner开始 */
.index-banner {
	width: 100%;
	position: relative;
	height: 70vh;
	margin-top:0.54rem;
}
.nyban{height: 80vh;}
.index-banner .banner {
	width: 100%;
	height: 100%;

}
.index-banner .banner img,
.index-banner .banner video {
	width: 100%;
	height: 100%;
	display: block;
	object-fit: cover;
	position: relative;
}

.index-banner .banner .mb-bg {
	position: absolute;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .3);
	top: 0;
	left: 0;
}

.index-banner .wp-cont {
	padding-top: 30vh;
	height: 100%;
}

.index-banner .wp-cont h1 {
	margin-bottom: 0.14rem;
	color: #fff;
	font-weight: normal;
}

.index-banner .wp-cont h3 {
	margin-bottom: 0.1rem;
	color:#fff;
	/* opacity: 0; */
}

.index-banner .wp-cont p { color:#fff }

.index-banner .shubiao {
	position: absolute;
	right: calc(var(--wpPaddingNum) + var(--wpContPaddingNum));
	bottom: 5vh;
	z-index: 9;
}


.index-banner .swiper-pagination {
	text-align: left;
	padding-left: calc(var(--wpPaddingNum) + var(--wpContPaddingNum));
	/* display: flex; */
	bottom: 6vh;
}

.draw-h {
	display: block;
	border-radius: 50%;
	text-align: center;
	position: relative
}

.draw-h:before {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	border: 1px solid rgba(100%, 100%, 100%, .5);
	border-radius: 50%
}

.index-banner .dots {
	width: 26px !important;
	height: 26px !important;
	display: inline-block;
	background: transparent;
	opacity: 1;
	margin-right: 13px;
	cursor: pointer;
}

.index-banner .dots::before {
	content: '';
	display: block;
	border: 0;
	background: #fff;
	transform: scale(.4);
}

.index-banner .dots.on::before {
	background: var(--themeColor);
}

.index-banner .dots.on svg.drawcircle circle {
	animation: svgrotate 8.2s forwards;
}

/* banner结束 */



/* 数字滚动开始 */
.s-shuju {
	width: 100%;
	overflow: hidden;
	position: relative;
	z-index: 9;
	box-shadow: 0 5px 12px 4px rgba(130, 130, 130, .1);
	/* padding: 0.12rem 0; */
	padding: 0.22rem 0;
}
.s-shuju .gd-list{
    margin-top: 0;
}
.s-shuju .img{
    padding: 0 .2rem;
    display:block;
}
.s-shuju img{

	/* filter: var(--imgBlack); */
}

/* .s-shuju ul {
 *     display: grid;
 *     align-items: center;
 *     grid-template-columns: repeat(4, 1fr);
 *     height: 100%;
 * }
 *
 * .s-shuju ul li {
 *     display: flex;
 *     flex-direction: column;
 *     align-items: center;
 *     justify-content: center;
 *     position: relative;
 * }
 *
 * .s-shuju ul li::before {
 *     content: '';
 *     position: absolute;
 *     right: 0;
 *     width: 1px;
 *     height: 60%;
 *     background: #eeeeee;
 *     top: 50%;
 *     transform: translate(0, -50%);
 * }
 *
 * .s-shuju ul li>div {
 *     display: flex;
 *     align-items: flex-end;
 * }
 *
 * .s-shuju ul li:last-child::before {
 *     display: none;
 * }
 *
 * .s-shuju ul li span {
 *     font-size: var(--f60);
 *     [> line-height: 1.125; <]
 *     color: #343333;
 *     font-family: 'num-font';
 *     margin-right: 0.06rem;
 * }
 *
 * .s-shuju ul li div em {
 *     color: #343333;
 *     font-size: var(--f26);
 *     line-height: 2.0;
 * }
 *
 * .s-shuju ul li p {
 *     color: #828282;
 *     font-size: var(--f19);
 *     line-height: 1.5;
 *     letter-spacing: .02rem;
 * } */

/* 数字滚动结束 */



/* 您将拥有的SERVICES开始 */
.s-zhenghe {
	margin-top: 0.3rem;
	display: flex;
	justify-content: center;
}

.s-zhenghe li .s-zhtitle {
	height: 0.875rem;
	background: #0086f1;
	position: relative;
	margin-top: 0.25rem;
	display: block;
}
.yslist{display: flex; justify-content: space-between; text-align: center;}
.yslist li{flex: 1; padding-top: 40px;}
.yslist li h2{font-size: 32px;margin-bottom: 15px;}


.s-zhenghe li .s-zhtitle .s-zh1 {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	color: #fff;
	padding-top: 0.15rem;
	position: relative;
	z-index: 0;
	transition: none!important;
}

.s-zhenghe li .s-zhtitle .s-zh2 {
	position: absolute;
	width: 100%;
	height: 100%;
	display: none;
	align-items: center;
	justify-content: center;
	/*gap: 0.1875rem;*/
	top: 0;
	left: 0;
	background: #151515;
	transition: none!important;
}

.s-zhenghe li.on .s-zhtitle {
	height: 1rem;
	margin-top: 0;
}

.s-zhenghe li.on .s-zhtitle .s-zh1 {
	display: none;
}

.s-zhenghe li.on .s-zhtitle .s-zh2 {
	display: flex;
	width: 100%;
}

.s-zhenghe li .s-zhtitle .s-zh2 h5 {
	font-size: var(--f30);
	color: #fff;
	line-height: 1.5;
	text-wrap: nowrap;
}

.s-zhenghe li .s-zhtitle .s-zh2 img {
	max-height: 0.78rem;
	width: auto;
	height: 70px;
}


.s-zhenghe li .s-zhtitle .s-zh1 h5 {
	font-size: var(--f26);
	line-height: 1.5;
}

.s-zhenghe li .s-zhtitle .s-zh1 p,
.s-zhenghe li .s-zhtitle .s-zh2 p {
	font-size: var(--f16);
	line-height: 1.5;
	color: #fff;
	text-wrap: nowrap;
}

.s-zhenghe li .s-zhtitle .s-zh1 img {
	position: absolute;
	top: 0;
	left: 50%;
	transform: translate(-50%, 0);
	z-index: -1;
	max-height: 0.6rem;
	width: auto;
}

.s-zhenghe li {
	width: 18.4%;
	transition: none !important;
	overflow: unset!important;
	/* transition: all .3s cubic-bezier(.4, 0, .2, 1); */
}

.s-zhenghe li:first-child .s-zhtitle {
	border-radius: .0625rem 0 0 0;
}

.s-zhenghe li:first-child .s-zhnr {
	border-radius: 0 0 0 .0625rem;
}

.s-zhenghe li:last-child .s-zhtitle {
	border-radius: 0 .0625rem 0 0;
}

.s-zhenghe li:last-child .s-zhnr {
	border-radius: 0 0 .0625rem 0;
}

.s-zhenghe li.on {
	/* width: 27.4%; */
	border-radius: .0625rem;
}

.s-zhenghe li.on .s-zhtitle {
	border-radius: .0625rem .0625rem 0 0;
	overflow: hidden;
}

.s-zhenghe li:nth-child(odd) .s-zhnr {
	background: #e8e8e8;
}

.s-zhenghe li:nth-child(even) .s-zhnr {
	background: #eeeeee;
}

.s-zhenghe li .s-zhnr {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding: 0.25rem 0.1rem 0.25rem 0.2rem ;
	height: 100%;
}

.s-zhenghe li.on .s-zhnr {
	display: none;
}

.s-zhenghe li .s-zhnrs .swiper {
	/* width: 100%; */
	margin-top: 0.1rem;
	padding-bottom: 0.18rem;
	transition: none !important;
    /* max-height: .89rem; */
    height:2rem;
    overflow: hidden;
}

.s-zhenghe li .s-zhnrs .swiper .swiper-wrapper {
	/* transition: none!important; */
}

.s-zhenghe li .s-zhnrs .swiper .swiper-wrapper * {
	/* transition: none !important; */
}

.s-zhenghe li .s-zhnrs .swiper .swiper-pagination-bullet {
	width: 11px;
	height: 11px;
	border: 2px solid #d6d6d6;
	border-radius: 50%;
	background: transparent;
	opacity: 1;
}

.s-zhenghe li .s-zhnrs .swiper .swiper-pagination-bullet-active {
	border: 2px solid #0086f1;
}

.s-zhenghe li .s-zhnrs .swiper-slide {
	/* display: grid; */
	/* gap: 0.15rem; */
}

.s-zhenghe li .s-zhnrs .swiper-slide a {
	background: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	/* height: 0.25rem; */
	min-height: 0.25rem;
    height: 100%;
	color: #2b2b2b;
	font-size: 0.09rem;
	line-height: 1.5;
	text-wrap: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	border-radius: 0.045rem;
    flex-direction:column;
    transition: all .8s;
}
.s-zhenghe li .s-zhnrs .swiper-slide a span{display: block; width: 100%;text-wrap: wrap;}
.s-zhenghe li .s-zhnrs .swiper-slide a img{
    width:auto;
    height: 48%;
    margin-bottom: 0.04rem;
	border-radius: 50%;
}
.cur{background: #0086f1;}
.cur .g_fieldthumb-item{ color: #fff;}
.s-zhenghe li .s-zhnrs .swiper-slide a:hover {
	background: #d9d9d9;
	color: #070707;
	
}
/*
.s-zhenghe li .s-zhnrs .swiper-slide a:hover img{
    filter: var(--imgWhite);
}*/

.s-zhenghe li .s-zhnr a {
	color: #818181;
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-size: var(--f17);
	line-height: 1.5;
	width: 100%;
}

.s-zhenghe li .s-zhnr a i {
	color: #c4c4c4;
	font-size: 0.2rem;
}

.s-zhenghe li .s-zhnrs {
	display: none;
}

.s-zhenghe li .s-zhbox{
	transition: none;
}

.s-zhenghe li.on .s-zhbox {
	box-shadow: 0 5px 12px 4px rgba(152, 152, 152, .26);
	border-radius: 0 0 .0625rem .0625rem;
}

.s-zhenghe li.on .s-zhnrs {
	display: block;
	padding: 0.175rem;
	background: #f9f9f9;
	height: calc(100% + 1rem);
	width: 100%;
	border-radius: 0 0 .0625rem .0625rem;
	overflow: hidden;
    min-height:2.05rem;
}

.s-zhenghe li .s-zhbox {
	position: relative;
}

.s-zhenghe li .s-zhnrs > p {
	color: #8c8c8c;
	font-size: var(--f16);
	line-height: 2;
	text-align: left;
	max-height: 3.8em;
	display: none;
	/* width: 100%; */
	width: 2.15rem;
	text-overflow: ellipsis;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.s-zhenghe li.on .s-zhnrs p {
	display: -webkit-box; font-size:16px;
}

/* 您将拥有的SERVICES结束 */





/* 我们创造的CASES开始 */
/* 内容区 */
.s-uspro .wzkind-slide-for {
	margin-top: 0.25rem;
}

/* .s-uspro .wzkind-slide-for ul {
 *     display: grid;
 *     grid-template-columns: repeat(4, 1fr);
 * }
 *
 * .s-uspro .wzkind-slide-for ul li .img {
 *     aspect-ratio: 480/330;
 * }
 *
 * .s-uspro .wzkind-slide-for ul li .img img {
 *     transform: scale(1.05);
 * }
 *
 * .s-uspro .wzkind-slide-for ul li a:hover .img img {
 *     transform: scale(1.1);
 * }
 *
 * .s-uspro .wzkind-slide-for ul li a {
 *     position: relative;
 *     overflow: hidden;
 *     z-index: 0;
 *     display: block;
 * }
 *
 * .s-uspro .wzkind-slide-for ul li a>img {
 *     position: absolute;
 *     left: 0.2rem;
 *     top: 0.3125rem;
 *     z-index: 2;
 *     width: auto;
 *     height: .3rem;
 *     object-fit: contain;
 *     max-width: 100%;
 * }
 *
 * .s-uspro .wzkind-slide-for ul li a .hover-bg {
 *     position: absolute;
 *     height: 1.21rem;
 *     bottom: -100%;
 *     z-index: 1;
 *     width: 100%;
 *     background: linear-gradient(to top, rgba(200, 10, 20, 0.8), rgba(200, 10, 20, 0));
 *     transition: all .5s;
 * } */

/* .s-uspro .wzkind-slide-for ul li a::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 1.2125rem;
    background: url(../images/hongmb.png)no-repeat;
    background-size: cover;
    left: 0;
    bottom: -100%;
    transition: all .5s;
    z-index: 1;
}

.s-uspro .wzkind-slide-for ul li a:hover::before {
    bottom: 0;
 }*/
/* .s-uspro .wzkind-slide-for ul li a:hover .hover-bg {
 *     bottom: 0;
 * }
 *
 * .s-uspro .wzkind-slide-for ul li a .hbjs {
 *     position: absolute;
 *     left: 0;
 *     bottom: 0;
 *     padding: 0.175rem 0.2rem;
 *     z-index: 2;
 *     width: 100%;
 *     opacity: 0;
 *     transition: all .5s;
 * }
 *
 * .s-uspro .wzkind-slide-for ul li a .hbjs>div {
 *     display: flex;
 *     align-items: center;
 *     justify-content: space-between;
 * }
 *
 * .s-uspro .wzkind-slide-for ul li a .hbjs>div div i {
 *     font-size: 1.6em;
 * }
 *
 * .s-uspro .wzkind-slide-for ul li a .hbjs>div div {
 *     display: flex;
 *     align-items: center;
 *     gap: 10px;
 *     color: #fff;
 *     font-size: var(--f14);
 *     line-height: 1.5;
 * }
 *
 * .s-uspro .wzkind-slide-for ul li a .hbjs p {
 *     font-size: var(--f18);
 *     color: #fff;
 *     line-height: 1.5;
 * }
 *
 * .s-uspro .wzkind-slide-for ul li a .hbjs h5 {
 *     font-size: var(--f25);
 *     line-height: 1.5;
 *     color: #fff;
 * }
 *
 * .s-uspro .wzkind-slide-for ul li a:hover .hbjs {
 *     opacity: 1;
 * } */

/* 我们创造的CASES结束 */





/* 网站建设与数字开发开始 */
.s-kaifa {
	overflow: hidden;
	height: 3rem;
}

.s-kaifa .bg {
	background: url(../images/s-kaifabg.jpg)center no-repeat;
    background-position: center;
    background-repeat: no-repeat;
	background-size: cover;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: -1;
	animation: bg-zoom 10s infinite;
}

@keyframes bg-zoom {
	0% {
		transform: scale(1);
	}

	50% {
		transform: scale(1.15);
	}

	100% {
		transform: scale(1);
	}
}

.s-kaifa .wp-cont {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0.1rem calc(var(--wpContPaddingNum) + 0.2rem) 0;
}

.s-kaifa .wp-cont>img {
	height: 100%;
	object-fit: contain;
	width: auto;
}

.s-kaifa .wp-cont>div {
	width: 52%;
}

.s-kaifa .wp-cont>div h5 {
	color: #fff;
	font-size: var(--f39);
	line-height: 1.5;
	margin-bottom: .075rem;
}

.s-kaifa .wp-cont>div h6 {
	color: #fff;
	font-size: var(--f20);
	line-height: 1.5;
}

.s-kaifa .wp-cont>div i {
	display: block;
	width: 0.35rem;
	height: 0.02rem;
	background: #fff;
	margin: 0.1rem 0 0.3125rem;
}

.s-kaifa .wp-cont>div p {
	font-size: var(--f18);
	line-height: 2em;
	color: #fff;
	margin-bottom: 0.2812rem;
}

.s-kaifa .wp-cont>div div {
	display: flex;
	align-items: center;
	gap: 0.2875rem;
}

.s-kaifa .wp-cont>div div a {
	border: 2px solid #fff;
	border-radius: 0.1875rem;
	transition: all .5s;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	font-size: var(--f20);
	line-height: 1.5;
	width: 1.65rem;
	height: 0.35rem;
}

.s-kaifa .wp-cont>div div a:last-child {
	color: #0c0c0c;
	background: #fff;
}

.s-kaifa .wp-cont>div div a:hover {
	/* color: #0c0c0c;
	 * background: #fff; */
    font-size: var(--f22);
}

/* 网站建设与数字开发结束 */
.bipbg1{background: url(../img/bip1.png) no-repeat center; background-size: cover;}
.bipbg2{background: url(../img/bip11.png) no-repeat center; background-size: cover;}
.bipbg3{background: url(../img/bip111.png) no-repeat center; background-size: cover;}
.bipbg4{background: url(../img/bip1111.png) no-repeat center; background-size: cover;}

.bipbg1 .n-zhead h4{color: #e31924;}
.bipbg1 .n-zhead h4 span{font-size:18px; font-weight: normal; line-height: 24px; display: block; margin: 20px 0 40px;color: #666;}
.f6f6f6{background: #f6f6f6;}
.bipbox li h3{color: #e31924; font-weight: bold; font-size:24px;line-height: 24px; margin-bottom:20px;}
.bipbox li h3 em{font-size:16px; font-weight: normal;color: #666;}
.bipbox li img{ width: 50%; height: auto !important;}
.sikuai{background: url(../img/hkjbj.jpg) center top / 1920px no-repeat; padding-bottom: 0 !important;}
.hsy{padding-bottom: 0 !important;}
.lanmu{width:10%; float: left;}
.lanmu li{line-height: 47px; font-size:18px; text-align: center;}
.lanmu .open{background:linear-gradient(131deg, #e31924 0%, #e5732d 52%);color: #fff; font-weight: bold; border-radius: 6px 0 0 6px;}
.shida{float: right; width: 90%; background-color: #fff; padding: 30px; box-sizing: border-box; border-radius: 20px; box-shadow: 0 0 20px #00000015; margin-top: -20px; display: none;}
.shida h2{font-size: 24px; margin: 20px 0;}
header .zx h5 a{color: #fff !important; font-size: var(--f30);}
.shida p{font-size: 18px;}
.clear{overflow: hidden; padding: 40px 0;}
.sikuai .n-zhead{margin-bottom: 40px;}
.wukuai .n-zhead{margin-bottom: 10px;}
.hsy .n-zhead span{color: #ff5931;}
.hkjbox li{display: flex; align-items: center; justify-content: space-between;}
.hkjbox li img{width: 50%; display: block; padding: 40px 0;}
.hkjbox li div{padding: 40px; width: 48%;}
.hkjbox li div h2{font-size: 30px; margin-bottom: 30px; font-weight: bold;}
.hkjbox li div p{margin-bottom: 15px; font-size: 18px;}
.hkjbox li div h2>span{display: block; font-weight: normal; font-size: 14px;}
.hkjbox li div p>span{display: block; font-weight: normal; font-size: 14px;}
.hkjbox li div a{display: block; width: 160px; line-height: 50px; text-align: center; color: #fff; background:#2183e9; padding: 0;font-size: 18px; margin-top: 30px;}
.jiukuai li img{ width: 100% !important;aspect-ratio: 0 !important;} 
.n-wzjs .wp-cont .ulxcx {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 0.2rem;
    margin-top: 0.25rem;
}
.e1e9f3{background: #f3f7fd;}
.n-wzjs .wp-cont .ulxcx li a {
    display: flex;
    align-items: flex-start;
    gap: 0.1rem;
    background: #fff;
    padding: 0.2rem;
    position: relative;
    z-index: 0;
    border-radius: .05rem;
    transition: all .5s;
	flex-direction: column;

}
.n-wzjs .wp-cont .ydzsan li a{
	flex-wrap: wrap;
	justify-content: center;
	text-align: center;
}
.n-wzjs .wp-cont .ulxcx li a:hover {
    box-shadow: 0px 0px 38px rgba(199, 199, 199, 0.26);
}

.n-wzjs .wp-cont .ulxcx li a::before{
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: url(../img/apphoverbg.jpg)center no-repeat;
    background-size: 100% 100%;
    left: 0;
    top: 0;
    border-radius: .05rem;
    z-index: -1;
    opacity: 0;
}

.n-wzjs .wp-cont .ulxcx li a i {
    color: #000000;
    font-size: var(--f36);
}
#sanbox{grid-template-columns: repeat(3, 1fr);}
#sanbox li a img{margin-bottom:5px;}
#sanbox li a p{margin: 15px 0;}
.xkbox1{margin:30px 0; justify-content: space-between; align-items: center;}
.xkbox1 img,.xkbox2 img{width: 50%;}

.xkbox1 div,.xkbox2 div{width: 46%;}
.xkbox2 div{float: left;}
.xkbox2 img{float: right;}

.xkbox1 div p{margin: 15px 0; font-size: 16px;}
.n-need .wp-cont>.sanbox{grid-template-columns: 1fr 1fr 1fr; align-items: center;justify-content: center; gap:50px;}
.f5f7fa{background: #f5f7fa;}
.n-need .wp-cont>.sanbox li{text-align: center;}
.n-need .wp-cont>.sanbox li:nth-child(4),.n-need .wp-cont>.sanbox li:nth-child(5){transform: translateX(50%);}
.n-need .wp-cont>.sanbox li img,.n-need .wp-cont>.sibox li h1{margin-bottom: 20px; }
.n-need .wp-cont>.sanbox li p{font-size: 16px; line-height: 28px;}

.n-wzjs .wp-cont .ulxcx li a > img {
    /* color: #000000; */
    width: 0.4rem;
    height:auto;
    aspect-ratio: 1/1;
    object-fit: contain;
}

.n-wzjs .wp-cont .ulxcx li a h5 {
    color: #2a2a2a;
    font-size: var(--f24);
    line-height: 1.5;

}

.n-wzjs .wp-cont .ulxcx li a p {
    color: #797979;
    font-size: var(--f20);
    line-height: 1.5;
    margin: 0.06rem 0 0.1rem;

  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;

}
.tbg{background: url(../img/t2.webp) no-repeat; background-size: cover;}
.n-wzjs .wp-cont .ulxcx li a div div {
    width: 0.7375rem;
    height: 0.23125rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #d4d4d4;
    color: #8f8f8f;
    font-size: var(--f17);
    /* line-height: 1.5; */
    border-radius: 1.25rem;
    position: relative;
    z-index: 0;
}

.n-wzjs .wp-cont .ulxcx li a div div::before{
    content: '';
    position: absolute;
    width: calc(100% + 2px);
    height: calc(100% + 2px);
    left: -1px;
    top: -1px;
    background:#2183e9;
    background-size: cover;
    opacity: 0;
    z-index: -1;
    transition: all .5s;
    border-radius: 0.125rem;
}

.n-wzjs .wp-cont .ulxcx li a:hover div div::before {
    opacity: 1;
}

.n-wzjs .wp-cont .ulxcx li a:hover div div {
    color: #fff;
}

.n-wzjs .wp-cont .ulxcx li a:hover::before {
    opacity: 1;
}

.hkjliu{display: grid; grid-template-columns: 1fr 1fr 1fr 1fr 1fr;gap: 20px; margin-top: 40px;}
.liukuai{grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;}
.hkjliu li{position: relative; overflow: hidden; border-radius: 10px; }
.skuai{grid-template-columns: 1fr 1fr 1fr 1fr;}
.hkjliu li::after{content:"";width: 100%; height: 100%; position: absolute; top: 0; background: linear-gradient(to bottom,#00000000, #000000a8); left: 0;}
.hkjliu li .ycbox{width: 100%; height: 100%; position: absolute; top:62%; color: #fff; padding: 20px; box-sizing: border-box; z-index: 9999; transition: 0.6s;}
.skuai li .ycbox{ top:60%;}
.hkjliu li h1{font-weight: bold;}
.hkjliu li h2{margin-bottom: 20px;}
.hkjliu li p{position: absolute; bottom: 20px;width:calc(100% - 40px); font-size: 15px;}

.hkjliu li:hover .ycbox{top: 0;}
.dnyc{display: none;}
.ewmbox{text-align: center;}
.ewmbox img{display: block; margin: 20px auto 0;}

@media (max-width: 768px) {
.p-bot3{padding: 30px 0;}
.wp{padding: 0 20px;}
.wp-cont{padding: 0;}
.n-need .wp-cont>ul{margin-top:10px;gap:10px;}

.n-need .wp-cont>ul{grid-template-columns: 1fr;}
.n-need .wp-cont>ul>li a>div{min-height: auto;}
.n-need ul li a{padding: 20px;}
.hkjbox li{flex-wrap: wrap;}
.hkjbox li img{padding:0px; height: auto;}
.hkjbox li div,.hkjbox li div a{padding:0px;}
.hkjbox li div a,.n-wzjs .wp-cont .ulxcx li a div div{display: none;}
.hkjbox li div h2{font-size: 22px; margin: 20px 0;}
.n-zhead h4,.ready h5,.s-tt h5{font-size: 24px; }
.sikuai{background: none;}
.sikuai .wp{padding: 0;}
.sikuai .n-zhead{padding: 0 20px;}
.hkjbox li{padding: 20px; align-items: self-start;}
.hkjbox li:nth-child(2n){background: #2183e9;flex-direction: column-reverse; color: #fff;}

.hongbj li:nth-child(2n){background: #ff5931;flex-direction: column-reverse; color: #fff;}
.lanbj li:nth-child(2n){background: #f5f5f5;flex-direction: column-reverse; color: #333;}
.huisebj li:nth-child(2n-1){background: rgba(13,165,202,0.05);flex-direction: column-reverse; color: #333;}
.huisebj li:nth-child(2n){background:#fff;flex-direction: column-reverse; color: #333;}
.n-zhead p,.n-wzjs .wp-cont .ulxcx li a h5,#foot .box3,.hkjbox li div p,.s-tt p{font-size: 16px;}
.n-need .wp-cont>ul>li a>div h5,.hkjliu li h1{font-size: 18px;}
.n-need .wp-cont>ul>li a>div p,.n-wzjs .wp-cont .ulxcx li a p,#foot .box3 p{font-size: 14px;}
.n-wzjs .wp-cont .ulxcx li a p{ display: -webkit-box;
    -webkit-line-clamp: 2; /* 限制文本为2行 */
    -webkit-box-orient: vertical;
    overflow: hidden;}
.n-wzjs .wp-cont .ulxcx{grid-template-columns: repeat(2, 1fr);gap:10px;}
.n-wzjs .wp-cont .ulxcx li a{gap:10px;padding:15px;}
.n-wzjs .wp-cont .ulxcx li a > img{width:40px; margin-bottom:6px;}
#foot .box3{justify-content: center;}
.n-wzjs .wp-cont .ulxcx li a p br,#foot .box3 p.lvshi,.right-kefu,.yincang,.hkjliu li p{display: none !important;}
.ewmbox img{width: 50% !important;}
.ready a{width: 150px; line-height: 40px; font-size: 18px; height: 40px;}
.sjer .wp-cont>ul{grid-template-columns: 1fr 1fr;gap: 10px 0;}
.hkjliu{grid-template-columns: 1fr 1fr;}
.sjtliu {grid-template-columns: 1fr 1fr 1fr;gap: 10px;}
.hkjliu li .ycbox{top: 60%;}
.lanmu{width: 100%;}
.lanmu li{width: 20%; float: left;}
.shida{width: 100%; margin-top: 20px;}
.lanmu .open{border-radius: 5px;}
.clear{padding: 20px 0;}
.tvv{flex-wrap: wrap;}
.nav-bd li{width: 25%;}
.nav-bd li{padding-bottom: 5px;}
.dnyc{display: block;}
.yysbox{padding: 30px 0; background: url(../img/yys2.png) no-repeat; background-size: cover; margin-bottom: 30px;} 
.header{height: 60px;}
.nav{position: absolute; top: 60px; width: 100%; background-color: #0000005c;right: 0;justify-content: flex-end; display: none;}
.nav-list{background: #fff; width:100%; float: right; display: block; padding: 0 30px;}
.n-need .wp-cont>.sibox li img{width: 50px; height: 50px;}
.n-need .wp-cont>.sibox{grid-template-columns: 1fr 1fr;}
.n-need .wp-cont>.sibox li .ycbox p,.cloud-duibi .title .rt{display: none;}
.n-need .wp-cont>.sibox li h1,.cloud-duibi .title h3{font-size: 20px;}
.cloud-duibi .hd ul .tit1 h4{font-size: 16px;}
.cloud-duibi .hd ul .tit1{padding:18px 10px 10px;}
.cloud-duibi .duibi-lists ul i{display: none;}
.cloud-duibi .duibi-lists table tr td:first-child{padding-left: 10px;}
#sanbox{grid-template-columns: repeat(1, 1fr);}
header{background: #fff; height: 60px;}
.xkbox1{flex-direction: column;}
.xkbox1 img,.xkbox1 div{width: 100%;}
.xkbox1 div h2{font-size: 18px; margin-top: 10px;}
header .nav-list>li a{line-height: 50px; font-size: 18px; height: 50px;}
header .nav-list>li>a::before{display: none;}
header .logo img{height:40px; width: auto; max-height:40px;}
header *,header .zx h5{font-size: 16px !important;}
.f16{font-size: 14px !important;} 
.daohang {background: #fff; height: 100%; display: flex; flex-direction: column; justify-content: center; margin-right: 20px;}
.daohang span{ display: block; width: 24px; height: 5px; background: #0086f1; margin-bottom: 4px;}

.index-banner{margin-top:0px; height: 180px;}
.xuanze a .xz h5{font-size: 16px;}
.xuanze a .xz div{width: 100px; height: 30px; line-height: 30px; font-size: 14px;}
.g_field-scene{margin-top: 0;}
.yslist li h2,.s-zhenghe li .s-zhtitle .s-zh2 h5{font-size: 18px;}
.yslist li{font-size: 14px; padding:30px 0;}
.s-zhenghe{flex-wrap: wrap;}
.s-zhenghe li,.s-zhenghe li .s-zhnrs > p{width: 100% !important;}
.s-zhenghe li .s-zhnr a,.s-banner .wp .n-text h5{font-size: 16px;}
.s-zhenghe li .s-zhtitle .s-zh2 p{font-size: 14px !important;}
.s-banner .wp .n-text p{font-size:8px !important;letter-spacing:0px; margin: 10px 0;}
.hkjliu li h2{font-size: 16px;}
.s-zhenghe li.on .s-zhtitle{height: 70px;}
.s-zhenghe li .s-zhnrs .swiper{height: 200px;}
.s-zhenghe li .s-zhnr{display: none;}
.s-services{padding: 30px 20px 10px;}
.banner{padding-top: 60px !important;}
.f1f1f1{background:#f5f5f5;}
.bipbox li img,.hkjbox li img,.hkjbox li div{width: 100%;}
#foot .box3{padding: 15px 0; flex-wrap: wrap;}
.n-need .wp-cont>.sanbox{gap: 10px;}
.n-need .wp-cont>.sanbox li h1{font-size: 15px;}
.n-need .wp-cont>.sanbox li p{font-size: 12px; display: none;}
.n-need .wp-cont>.sanbox li img{width: 50px; height: 50px;}
.n-need .wp-cont>.sanbox li{margin-bottom: 10px;}






}