*{margin:0;padding:0;box-sizing: border-box;}
body{background-color: #f5f5f5;color:#3E3A39;}
ul li{list-style: none;}
a{color:#3E3A39;text-decoration: none;}
:root{
	--lite-yellow:#F3C640;
	--dark-yellow:#C9A063;
	--normal-text:#3E3A39;
	--gray-text:#9E9E9E;
	--lite-gray: #EAEAEA;
	--dark-gray:#585858;
	--gray:#D8D8D8;
}
.wrap{width: 1200px;}
.fl-xcenter{display: flex;justify-content: center;}
.fixed-top{position: fixed;top:0;}
#jianting{width: 300px;height: 100px;text-align: center;line-height: 100px;color:#000;background-color: aqua;
position: fixed;bottom:0;right:0;z-index: 999;}
.header{height: 70px;background-color: #ffffff;position: -webkit-sticky;position: sticky;top:0;width: 100%;z-index: 100;box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.1);}
.header .wrap{display: flex;justify-content: space-between;}
.header .header-l{height: 70px;width: 176px;display: flex;align-items: center;justify-content: center;}
.header .header-l img{height:60px;}

.header .header-r{height: 70px;display: flex;flex-grow: 1;justify-content: right;}
.header .header-menu{display: flex;height: 70px;align-items: center;}
.header .header-menu li{height: 35px;margin-right: 40px;}
.header .header-menu .active{border-bottom: 2px solid var(--lite-yellow);}
.header .header-menu li:hover{border-bottom: 2px solid var(--lite-yellow);}
.header .header-mobile{height: 70px;padding-top: 17px;color: var(--lite-yellow);}
.header .header-mobile span{border-left:1px solid var(--gray);padding-left:30px;font-weight: bold;}

.index-swiper-pc .swiper-slide{
	height:700px;background-position: center center;background-repeat: no-repeat;
}
.index-swiper-h5 .swiper-slide{
	height:235px;background-position: center center;background-repeat: no-repeat;
	background-size: cover;
}
.zhanwei{height:70px;width:100%;}

.index-numshow{padding: 50px 0;background-color: #fff;}
.index-numshow ul{display: flex;justify-content: space-between;}
.index-numshow ul li{border-right:1px solid var(--gray);flex-grow: 1;text-align: center;}
.index-numshow ul li:last-child{border-right:unset;}
.index-numshow ul li .numshow-line1{font-size: 72px;font-weight: bold;position: relative;}
.index-numshow ul li .numshow-line2{text-align: center;}
.index-numshow ul li .numshow-line1::after{font-size: 16px;position: absolute;top:15px;font-weight: normal;}
.index-numshow ul li:nth-child(1) .numshow-line1::after{content: '家';}
.index-numshow ul li:nth-child(2) .numshow-line1::after{content: '种';}
.index-numshow ul li:nth-child(3) .numshow-line1::after{content: '年';}
.index-numshow ul li:nth-child(4) .numshow-line1::after{content: '个';}

.section-title{padding:45px 0 36px 0;}
.section-title h2{font-size: 48px;text-align: center;}
.section-title p{color: var(--gray-text);text-align: center;}

.index-service{display: flex;}
.index-service .wrap{padding-bottom: 80px;position: relative;}
.index-service .service-pagination{bottom: 30px!important;}
.index-service .server-item{width: 380px;height:520px;background-color: #fff;}
.index-service .server-item-cover{width: 100%;height: 250px;overflow: hidden;}
.index-service .server-item-cover a{display: flex;justify-content: center;align-items: center;}
.index-service .server-item img{transition: all 0.5s;transform: scale(1);}
.index-service .server-item:hover img{transform: scale(1.3);}
.index-service .server-item-info{padding:27px 30px;/*position: relative;*/}
.index-service .server-item-info h3{font-size: 20px;text-align: center;margin-bottom: 15px;}
.index-service .server-item-info span{position: absolute;width: 100px;height: 30px;cursor: pointer;
border: 1px solid var(--normal-text);border-radius: 15px;bottom:30px;left:0;right:0;margin:0 auto;
}
.index-service .server-item-info span::before,.index-service .server-item-info span::after{position: absolute;
	content: '';width: 10px;height:2px;background-color: var(--normal-text);display: block;border-radius: 2px;
}
.index-service .server-item-info span::before{
	transform: rotate(45deg);    top: 10px;    left: 0;    right: 0;    margin: 0 auto;
}
.index-service .server-item-info span::after{
	transform: rotate(-45deg);    top: 16px;    left: 0;    right: 0;    margin: 0 auto;
}


.index-about{padding: 120px 0;background-color: #fff;}
.index-about .wrap{display: flex;justify-content: space-between;}
.index-about .section-title{padding-top:0;}
.index-about .section-title h2{text-align: left;}
.index-about .section-title p{text-align: left;}
.index-about .index-about-info{max-width: 580px;}
.index-about .index-about-cover{width: 476px;height: 385px;background-image: url(../img/about1.jpg);background-repeat:no-repeat;background-size: cover;}
.more-btn{display: block;width: 132px;height: 36px;border-radius: 18px;position: relative;
text-align: center;line-height: 34px;margin-top: 40px;border: 1px solid var(--normal-text);cursor: pointer;
}
.more-btn::before,.more-btn::after{position: absolute;
	content: '';width: 10px;height:2px;background-color: var(--normal-text);display: block;border-radius: 2px;
}
.more-btn::before{
	transform: rotate(45deg);    top: 13px;right: 15px;    
}
.more-btn::after{
	transform: rotate(-45deg);    top: 19px;right: 15px;    
}

.index-news{}
.index-news .wrap{}
.index-news ul{display: flex;justify-content: space-between;}
.index-news ul li{width: 380px;height: 395px;background-color: #fff;}
.index-news ul li p{
    display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3; 
  overflow: hidden; 
}
.index-news .index-news-cover{width: 380px;height: 210px;overflow: hidden;}
.index-news ul li img{transition: all 0.5s;transform: scale(1);max-width: 100%;}
.index-news ul li:hover img{transform: scale(1.3);}
.index-news .index-news-info{
	padding: 15px 25px;
}
.index-news h3{margin-bottom: 20px;position: relative;}
.index-news h3::before{
	content:'';background-color: var(--lite-gray);height: 1px;width: 100%;
	position: absolute;left:0;bottom: -10px;
}
.index-news h3::after{
	content:'';background-color: var(--dark-gray);height: 1px;width: 0;
	position: absolute;left:0;bottom: -10px;transition: all 0.5s;
}
.index-news ul li:hover h3::after{
	width: 100%;right:0;
}
.index-news .more-btn{margin:40px auto;}

.index-customer{background-color: #fff;padding-bottom: 120px;}
.index-customer ul{display: grid;grid-template-columns: repeat(5, 1fr);grid-row-gap: 57px;
  grid-column-gap: 20px;}
.index-customer ul li{height: 104px;width: 223px;display: flex;justify-content: center;align-items: center;border:1px solid #fff;overflow: hidden;}
.index-customer ul li img{transform: scale(0.8);transition: all 0.5s;}
.index-customer ul li:hover img{border:1px solid var(--lite-gray);transform: scale(0.9);}

.footer{background-color: #2B2B2B;flex-direction: column;align-items: center;}
.footer .wrap:first-child{padding: 50px 0;display:flex;justify-content: space-between;}
.footer .copyright{background-color: #353535;color:#9E9E9E;text-align: center;
display: flex;height: 60px;justify-content: center;align-items: center;width: 100%;}
.footer a{color:#9E9E9E;}
.footer .footer-l{color:#9E9E9E;}
.footer .footer-l img{display:flex;margin-bottom: 45px;}
.footer .footer-line1{display: flex;justify-content: space-between;color:#9E9E9E;margin-bottom: 20px;}
.footer .footer-line2{display: flex;font-size: 14px;line-height: 25px;}
.footer .footer-line2 ul{margin-right: 25px;color:#fff;}
.footer .footer-line2 ul:last-child{margin-right: 0;}
.footer .footer-line2 a{color: #fff;}

@media screen and (max-width: 980px) {
	.br{display: block;}
	.index-swiper-pc{display: none;}
	.index-swiper-h5{display: block;}
	.pc-service{display: none;}
	.mobile-service{display: block;}
	body{width:100vw; overflow-x:hidden;}
	header{width:100vw !important;}
	main{width:100vw;}
	.wrap{width:100vw;}
	.header-l{    z-index: 10;}
	.header .header-l,.header .header-r {
		border-bottom: 1px solid #eee;
	}
	.header .header-r .header-menu{
		position: absolute;top:-170px;background-color: #ffffff;overflow: hidden;
		width: 100vw;left:0;flex-direction: column;transition: all 0.5s;
		box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.1);opacity: 0;z-index: 0;
	}
	
	.header .header-r .header-menu li{
		margin-right: 0;margin-bottom: 10px;
	}
	.header .header-r .header-mobile{
		padding-top: 22px;text-align: center;z-index: 10;
		flex-grow: 1;text-align: right;padding-right: 70px;
		border-bottom: 1px solid #eee;background-color: #ffffff;
	}
	.header .header-mobile span{
		border-left: unset;	
		}
	.header .header-r .header-menu.active{
		height:230px;padding: 30px 0;top:70px;
		opacity: 1;
	}
	#header-btn {
		position: absolute;height:70px;width: 40px;right:0;z-index: 20;
		display: flex;flex-direction: column;justify-content: center;align-items: center;
	}
	#header-btn span{
		display: block;width: 60%;height: 2px;
		background-color: #635d5b;margin-bottom: 5px;
		transition: all 0.5s;position: relative;
	}
	#header-btn.active span:nth-child(1){
		transform: rotate(45deg);top:8px;
	}
	#header-btn.active span:nth-child(2){opacity: 0;}
	#header-btn.active span:nth-child(3){
		transform: rotate(-45deg);top:-6px;
	}
	
	.index-numshow ul{
		display: grid;grid-template-columns: 1fr 1fr;
		grid-row-gap: 20px;
	}
	.index-numshow ul li .numshow-line1{font-size: 45px;}
	.index-numshow ul li .numshow-line2{font-size: 12px;}
	
	.section-title h2{font-size: 24px;}
	.index-about{padding: 60px 0;}
	.index-about .wrap{flex-direction: column;justify-content: center;}
	.index-about .index-about-info{padding:20px;}
	.index-about .index-about-cover{width:100vw;height:90vw;}
	.index-about .section-title h2{text-align: center;}
	.index-about .section-title p{text-align: center;}
	.index-news ul{justify-content: center;}
	.index-news ul li:nth-child(2){display: none;}
	.index-news ul li:nth-child(3){display: none;}
	.index-customer ul{    grid-template-columns: repeat(2, 1fr);        grid-column-gap: 1px;}
	.index-customer ul li{display: none;width:100%;}
	.index-customer ul li img{width:100%;}
	.index-customer ul li:nth-child(1){display: block;}
	.index-customer ul li:nth-child(2){display: block;}
	.index-customer ul li:nth-child(3){display: block;}
	.index-customer ul li:nth-child(4){display: block;}
	.mobile-server-list{width: 80vw;}
	.index-service .server-item{width: 80vw;}
	.mobile-service .swiper-wrapper{width: 80vw;}
	.mobile-service .swiper-pagination{bottom: 30px !important;}
	
	.footer .footer-l{padding: 0 20px 20px 20px;}
	.footer .footer-r{padding: 20px;}
	.footer .wrap{justify-content: center;
		flex-direction: column;
	}
	.more-btn{margin:30px auto 10px auto;}
	.footer .footer-line2 ul{margin-right:10px;}
	
    .pc{display: none;}
	.mobile{display: block;}

}
@media screen and (min-width: 981px) {
	.index-swiper-pc{display: block;}
	.index-swiper-h5{display: none;}
	
	.mobile-service{display: none;}

    .pc{display: block;}
	.mobile{display: none;}

}