/* 关于我们 */
.about{background: url('../images/about_bg.jpg'); padding-top: 100px; padding-bottom: 100px; width: 100%; overflow: hidden;}
.about_box{ display: flex; margin-top: 30px; margin-bottom: 30px;  }
.aboutL{ width: 55%; padding-right: 5% }
.aboutL h2{ font-size: 60px; background-image: linear-gradient(to right, rgba(37, 173, 235), rgba(5, 88, 181));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; }
.aboutL span{ font-size: 29px; color: #000; font-weight: bold; }
.aboutL i{ width: 100px; border-bottom: 3px solid #194890; display: block; margin-top: 15px; }
.aboutL p{ font-size: 16px; color: #555; line-height: 32px; padding-top: 27px; min-width: 55%;  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3;  text-overflow: ellipsis; overflow: hidden;-webkit-box-orient: vertical; word-wrap:break-word; word-break:break-all;}
.aboutL a{ background: var(--my-main-color);  font-size: 16px; padding: 10px 50px; display: inline-block; margin-top: 30px; color: #fff; }
.aboutR{ width: 50%; }
.aboutR img{ width: 100%; display: block; }


.numCount{ margin: 0 -10px; margin-top:3%; }
.numCount li{ float: left; width: 25%; text-align: center;}
.numCount li .item{ margin: 0 10px;}
.numCount li .numU{ line-height:1.3;}
.numCount li .numCX{ font-size:54px; color:var(--my-main-color);}
.numCount li .numU .unitC{font-size:100%; line-height: 1.3; margin-left: 0.3em;}
.numCount li .numU sup{vertical-align: top;}
.numCount li .numU sub{vertical-align:baseline;}

/* 服务项目 */
/* .service{  }
.service_box{  display: flex; margin-top: 40px; position: relative }
.serviceL{ width: 37.4%; }
.serviceL a{ display: block; width: 100%; }
.serviceL a img{ width: 100%; }
.servicetxt{ display: block;  position: absolute; width: 37.4%; text-align: center; bottom:0; }
.servicetxt span{ font-size: 20px; font-weight: bold; color: #fff; text-align: center; display: inline-block }
.servicetxt p{ font-size: 16px; color: #fff; margin-top:20px;}
.servicetxt em{ font-style: normal; margin-top: 20px; font-size: 16px; display: block; color: #fff; }
.serviceR{ width: 61.9%; display: flex; flex-wrap: wrap;  }
.serviceR a{ display: block; width: 49%; margin-left: 1%; margin-bottom: 0.3%;  }
.serviceR a img{ width: 100%; }
.servicetxt1{ display: block;  position: absolute; width: 30%; text-align: center; margin-top:-13%; }
.servicetxt1 span{ font-size: 20px; font-weight: bold; color: #fff; text-align: center; display: inline-block }
.servicetxt1 p{ font-size: 16px; color: #fff; margin-top:20px;}
.servicetxt1 em{ font-style: normal; margin-top: 20px; font-size: 16px; display: block; color: #fff; }
.txt {
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.6);
	left: 0;
	bottom: 6px;
} 
*/
.service{  max-width: 1440px; min-width: 1200px; margin: 70px auto; padding: 0 20px; box-sizing:  border-box;  }
.service_box{ display: flex; max-width: 1600px; min-width: 1200px; margin: 0 auto; margin-top:20px;}
.serviceL{ width: 38.7%; }
.serviceL ul li {
	margin-right: 15px;
	margin-bottom: 15px;
	position: relative;
	overflow: hidden;
	cursor: pointer;
	display: block;

}
.serviceL ul li img{ display: block; width: 100%; transition: all 1s; overflow: hidden; }
.serviceL ul li:hover img{ transform:scale(1.2); transition: all 1s;}
.serviceL ul li a:hover span{ color:#fff}
.serviceL ul li a:hover p{ color:#fff}
.serviceR{ width: 61%; }
.serviceR ul{display: flex; flex-wrap: wrap;}
.serviceR ul li {
	position: relative;
	overflow: hidden;
	cursor: pointer;
	width: 49%; margin-right: 2%; margin-bottom: 2%;

}
.serviceR ul li a{ display:block;}
.serviceR ul li:nth-child(2n){ margin-right: 0; }
.serviceR ul li img{ display: block; width: 100%; }
.serviceR ul li:hover img{ transform:scale(1.2); transition: all 1s;}
.serviceR ul li:nth-child(3){ margin-bottom: 0; }
.serviceR ul li:nth-child(4){ margin-bottom: 0; }
.txt {
	width: 100%;
	/* height: 45px; */
	background: rgba(0,0,0,0.6);/*透明背景色，不透明其文字内容*/
	position: absolute;
	left: 0;
	bottom: 0;
	color: #fff;
	font-family: "微软雅黑";
}
.test{z-index: 1; position: absolute; margin-top: -50%; text-align:center; display:block; width:100%; }
.test span{ font-size:34px; font-weight:bold; color:var(--my-main-color);}
.test1{z-index: 1; position: absolute; margin-top: -36%; text-align:center; display:block; width:100%; }
.test1 span{ font-size:34px; font-weight:bold; color:var(--my-main-color);}
.test1 p{ color:#666}
.serviceR ul li a:hover span{ color:#fff}
.serviceR ul li a:hover p{ color:#fff}
/* .test span{ font-size: 30px; text-align: center; position: absolute; top: 30%; left: 0; text-align: center; width: 100%;  color: #000; font-weight:700; z-index: 1;} */
.test span:after{content:" ";height:100%; display:inline-block;vertical-align:middle; }
/* 案例 */
.case{ background: url('../images/case_bg.jpg'); padding-top: 50px; padding-bottom: 120px; display: block; }
.case_box{ }
.swiper-container { width: 100%; height: 100%; margin-top:50px;}
.swiper-slide { text-align: center; font-size: 18px;  background: #fff;/* Center slide text vertically */ display: -webkit-box;
 display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center;-webkit-justify-content: center;
 justify-content: center; -webkit-box-align: center;  -ms-flex-align: center; -webkit-align-items: center; align-items: center;
 }
.swiper-slide img{ width: 100%; display: block; padding: 10px 10px 0 10px; box-sizing: border-box; }
.swiper-slide a p{ font-size: 16px; line-height: 50px; height: 50px; text-align: center; padding: 10px 0; }
#pagination{ position: absolute; left: 47.5%; margin-top: 20px; }
.swiper-pagination-bullet{ width: 16px !important; height: 16px !important; margin:20px 2px; }
.swiper-pagination-bullet-active{ background: #fff !important; }

/* 新闻 */
.news{ width: 100%; background: url('../images/zd_news_bg.jpg'); padding-top:30px; }
.newdesc{ padding: 10px 0; }
.newcontent{ max-width: 1600px; min-width: 1200px; width: 100%; }
.newcontent ul{ display: flex; margin-bottom:50px;   }
.newcontent ul li{ width: 23.6%; margin-right: 1.8%; margin-top: 50px;  }

.newcontent ul li:last-child{ padding-right: 0; }
.newcontent ul li a{ display: block; border: 1px solid #e5e5e5; background: rgba(255, 255, 255, 0.4) }
.newcontent ul li a .newcontent_img{ overflow: hidden; height: 218px; width: 100%; }
.newcontent_img img{ /* width: 100%; */ display: block; transition: all 0.8s;margin: 0 auto;
    /* width: 110%; */ height: 100%
}
/* .newcontent ul li a img{ width: 100%; display: block; } */
.newcontent ul li a em{ position: relative;  top: -35px; margin-left: 10px;  border: 1px solid #c5c3c3; background: rgba(0, 0, 0, 0.5); color: #f4f4f4; padding:3px 5px; font-style: normal;}
.newcontent ul li a span{ display: block; font-size: 20px; color: #555; overflow: hidden;  text-overflow: ellipsis;  white-space: nowrap; font-weight: 600; padding:0 20px; margin-bottom: 12px;}
.newcontent ul li a p{ padding: 0 20px; line-height: 24px;  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;  text-overflow: ellipsis; overflow: hidden;-webkit-box-orient: vertical; word-wrap:break-word; word-break:break-all;}
.newcontent ul li a small{ border: 1px solid #ccc; width: 100px; margin: 0 auto; display: block; font-size: 16px; text-align: center; color: #333; margin-bottom: 20px; margin-top: 20px; line-height: 30px; }
.newcontent ul li:hover{ box-shadow: 0 0 10px #e2e2e2; }
.newcontent ul li a .newcontent_img img:hover{ transform:scale(1.2); transition: all 0.8s; }
.newcontent ul li a:hover em{ background: var(--my-main-color); }
.newcontent ul li a:hover small{ background: var(--my-main-color); color: #fff; }