.Service{}
.Service .items{width: 35%; float: left; }
.Service .items .row{ display: flex; margin-top: -10px; }
.Service .items .row .item{ flex: 1; padding: 25px; background-color: #333; color: #fff; transition: all 0.5s; margin: 10px 5px; }
.Service .items .row .item:hover{ background-color: #0b4ca6; transform: translateY(-3px); }
.Service .items .row .item img{ width: 38px; }
.Service .items .row .item p { color: #ccc; margin-top: 44px; line-height: 20px; text-transform: uppercase;}
.Service .items .row .item p.p1 { color: #ccc; margin-top: 25px; line-height: 20px; }
.Service .items .row .item h4 { font-size: 16px; font-weight: normal; line-height: 30px; }
.Service .items .row .item span{ font-size:18px; font-weight:bold; line-height:30px; display: block; }
/* .Service .items .row .item span b{ font-size:18px; font-weight:bold; line-height:40px;} */

.Service .swiper-container {width: 64%;height: auto; float: right;}
.Service .swiper-container img{width: 100%;}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next{color: #FFFFFF;}
.Service .swiper-container .img{overflow: hidden; }
.Service .swiper-container .img img{transition: all 0.5s;}
.Service .swiper-container .img img:hover{ transform: scale(1.4); }
.Service .text{  }
.Service .text h3{ font-size: 24px; color: #333; margin-top: 30px; }
.Service .text p{ font-size: 14px; margin: 15px 0; }
.Service .text>a{ font-size: 12px; display: inline-block; padding: 5px 25px; margin-top: 10px; border: 2px solid #0b4ca6; overflow: hidden; position: relative; }
.Service .text>a::before{ content: ""; display: block; position: absolute; width: 100%; height: 100%; background-color: #0b4ca6; left: -100%; top: 0;z-index: -1; transition: all 0.3s; }
.Service .text>a:hover{color: #fff;}
.Service .text>a:hover::before{  left: 0; }

@media screen and (max-width: 1220px) {
	.Service .items .row .item{ padding: 20px; margin: 10px 5px; }
	.Service .items .row .item img{ width: 34px; }
	.Service .items .row .item p {margin-top: 15px;}
}
@media screen and (max-width: 1024px) {
	.Service .items{width: 100%; float: none; }
	.Service .items .row{ margin-top: -10px; margin-left: -5px; width: calc(100% + 10px); }
	.Service .swiper-container {width: 100%;float: none; margin-top: 10px;}
	.Service .swiper-button-prev, .Service .swiper-button-next{display: none;}
	.Service .text a{width: 100%; padding: 15px 25px; text-align: center;}
	.Service .text h3{font-size: 20px;margin-top: 15px;}
	.Service .text p{ margin: 10px 0; }
}
@media screen and (max-width: 768px) {
	.Service .swiper-container { margin-top: 5px; }
	.Service .items .row .item p {margin-top: 12px; line-height: 16px;}
	.Service .items .row .item p.p1 {margin-top: 5px; line-height: 16px;}
	.Service .items .row .item h4 {line-height: 20px; margin-top: 5px;}
	.Service .text h3{font-size: 18px;}
}



/* 工程案例 */
.case-box{}
.case-box .case-nav{display: flex;}
.case-box .case-nav a{ flex: 1; border-left: 1px solid #ccc; height: 76px; line-height: 76px; text-align: center; background-color: #e8e8e8; font-size: 16px; }
.case-box .case-nav a.on{ background-color: #0b4ca6; color: #fff; }
.case-box .case-nav a:nth-child(1){ border-left: 0px;}
.case-box .case{background-color:#F5F5F5;}
.case-box .case dl{ position: relative; display: none;}
.case-box .case dl:nth-child(1){ display: block;}
.case-box .case dl dt{ height: 653px; }
.case-box .case dl dt img{ width: 100%; height: 653px; }
.case-box .case dl dd{ position: absolute; bottom: 0; width: 100%; background-color: rgba(11, 76, 166, 0.73); color: #fff; padding: 20px 60px;}
.case-box .case dl dd .txt{ width: 70%; font-size: 16px; float: left; line-height: 30px; }
.case-box .case dl dd .tel{ width: 25%; font-size: 18px; float: right; padding-left: 70px; background: url(../images/icon-tel2.png) no-repeat left center; background-size: 45px; }
.case-box .case dl dd .tel p{ font-size: 14px; }
.case-box .case dl dd .tel h3{ font-size: 18px; margin-top: 5px; }

@media screen and (max-width: 1220px) {
	.case-box .case-nav a{height: 60px; line-height: 60px; font-size: 16px}
}
@media screen and (max-width: 1024px) {
	.case-box .case-nav{width: 100%; padding: 0;}
	.case-box .case-nav a{height: 50px; line-height: 50px; font-size: 14px}
	.case-box .case{background-color: #FFFFFF; margin-top: 15px;}
	.case-box .case dl dt{height: auto;}
	.case-box .case dl dt img{height: auto;}
	.case-box .case dl dd{ padding: 15px 30px; }
	.case-box .case dl dd .tel{padding-left: 50px;}
}
@media screen and (max-width: 768px) {
	.case-box .case-nav a span{ display: none; }
	.case-box .case-nav a:last-child{display: none;}
	.case-box .case dl dd{ position: static; padding: 15px 20px; margin-top: 10px;}
	.case-box .case dl dd .txt{ width: 100%; font-size: 14px; line-height: 20px;; }
	.case-box .case dl dd .tel{ width: 100%; margin-top: 10px; background: none; padding-left: 0}
	.case-box .case dl dd p{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2; }
}
@media screen and (max-width: 480px) {
	.case-box .case dl dd{padding: 6px 10px;}
}

/* 竞争力 */
.core{ background: url(../images/13483483.png) center; background-size: cover;  position: relative; height: 755px;}
.core img{ position: absolute; right: 50%; }
.core .contain{ height: 100%; display: flex; align-items:center}
.core ul{ margin-left: 50%; transform: translateX(-55px); }
.core ul li{ display: flex; margin: 40px 0; }
.core ul li h2{ color: #FFFFFF; font-size: 34px; line-height: 110px; display: block; margin-left: 20px;}
.core ul li h2 span{ color: #0066ff;  }
.core ul li i{ display: block; height: 110px; width: 110px; background-repeat: no-repeat; background-position: center; }

@media screen and (max-width: 1220px) {
	.core ul li{margin: 30px 0;}
	.core ul li h2{font-size: 30px;}
}
@media screen and (max-width: 1024px) {
	.core ul li h2{font-size: 24px;}
}
@media screen and (max-width: 768px) {
	.core{height: auto; padding: 10px 0;}
	.core .contain{flex-direction: column;}
	.core img{display: none;}
	.core ul{ margin-left: 0; transform: translateX(0); }
	.core ul li{ margin: 10px 0; flex-direction: column; align-items: center; }
	.core ul li i{background-size: cover; height: 86px;}
	.core ul li h2{font-size: 18px; line-height: 40px; margin-left: 0;}
}
@media screen and (max-width: 480px) {
}



/* 一站式服务 */
.oneService {}
.sercon{background: url(../images/bg.png) no-repeat; background-position: center; background-size: cover; }
.sercon ul{ display: flex; flex-wrap:wrap; justify-content: flex-end}
.sercon ul li{ width: 25%; cursor: pointer; position: relative; overflow: hidden; }
.sercon ul li i{ display: block; width: 100%; height: 100%; position: absolute; top:100%; transition: all 0.2s; background-repeat: no-repeat; background-size: cover;}
.sercon ul li:hover i{ top: 0; }
.sercon ul li img{width: 100%;}
@media screen and (max-width: 1024px) {
	.sercon{background: none; }
	.sercon ul{ flex-direction: row; }
	.sercon ul li{ width: calc(50% - 10px); margin: 5px; }
	.sercon ul li:nth-child(3), .sercon ul li:nth-child(4), .sercon ul li:nth-child(5){ width: calc(33.3% - 10px); }
}
@media screen and (max-width: 480px) {
	.sercon ul li{ width: calc(100% ); margin: 5px 0 ; }
	.sercon ul li:nth-child(3), .sercon ul li:nth-child(4), .sercon ul li:nth-child(5){ width: calc(100%); }
}


/* 关于 */
.about{ margin-bottom: 50px;}
.about .ab_left{float: left; width: 50%; box-shadow: 3px 5px 15px 5px #ccc;}
.about .ab_left img{ width: 100%; }
.about .ab_right{float: right; width: 50%; padding-left: 60px;}
.about .ab_right .tit{ border-bottom: 10px solid #CCCCCC; padding-bottom: 20px;}
.about .ab_right .txt{ padding: 35px 0; font-size: 14px; line-height: 26px;}
.about .ab_right a{ font-size: 12px; display: inline-block; padding: 5px 25px; margin-top: 10px; border: 2px solid #0b4ca6; overflow: hidden; position: relative; }
.about .ab_right a::before{ content: ""; display: block; position: absolute; width: 100%; height: 100%; background-color: #0b4ca6; left: -100%; top: 0;z-index: -1; transition: all 0.3s; }
.about .ab_right a:hover{color: #fff;}
.about .ab_right a:hover::before{  left: 0; }

@media screen and (max-width: 1220px) {
	.about{ margin-bottom: 30px;}
	.about .ab_right .tit{ border-bottom: 8px solid #CCCCCC; padding-bottom: 15px;}
	.about .ab_right .tit img{ width: 70%; }
	.about .ab_right .txt{padding: 10px 0; }
	.about .ab_right .txt p{ }
	
}
@media screen and (max-width: 1024px) {
	.about{ margin-bottom: 0px;}
	.about .ab_left{float: none; width: 100%;}
	.about .ab_right{float: none; width: 100%; margin-top: 10px; padding-left: 0;}
	.about .ab_right .tit{ border-bottom: 1px solid #CCCCCC; padding-bottom: 15px;}
	.about .ab_right .tit img{display: none;}
	.about .ab_right a{width: 100%; padding: 15px 25px; text-align: center;}
}
@media screen and (max-width: 480px) {
	.about{ margin-bottom: 0px;}
}





.flink{ margin:15px 0;}
.flink a{ margin:0 2px;}
@media screen and (max-width: 480px) {
.flink{ display:none;}	 
}