.fl{ float:left;}
.fr{ float:right;}
.clearfix:after{content:"020";display:block;height:0;clear:both;visibility:hidden}
.clearfix{zoom:1}


.bannerx{height:300px;background:url(../images/bannerx.jpg) no-repeat center center}
.main{ padding:60px 0; }
.main .hometit{ margin-bottom:30px; text-align:center; }
.mainconn{ margin-top:40px;font-family: var(--fontfamily);  font-size: var(--fontsize16); color:#666; }

.servicelist{ max-width:1200px; margin:0 auto;}
.servicelist li{ display:flex; flex-wrap:wrap;}
.servicelist li>div{ width:50%; box-sizing:border-box;}
.servicelist .txt{ padding:5%;}
.servicelist li .p1{font-size:var(--fontsize26);font-weight:var(--fontbold6);margin:20px 0 30px;color: var(--fontcolor);}
.servicelist li .p2{font-size:var(--fontsize16);}
.servicelist li:nth-child(2n+1) .txt{ padding-right:0;}
.servicelist li:nth-child(2n) .txt{ padding-left:0;}

.hometit .en{font-size:60px;color:#e6e6e6}
.hometit .cn{font-size:34px;color:#055592;margin:20px 0 10px; font-weight: bold;}

.position{ background-color:#eee; padding:20px 0;  }
.position .fl{ width:70%; }
.position .fl li{ float:left; padding-right:3%; }
.position .fl li.on a{ color:#055592; font-weight:bold; }

.industry li{ margin-bottom:60px;}
.industry .img img{ border-radius:20px;}
.industry .tit{ font-size:var(--fontsize26);font-weight:var(--fontbold6);color: var(--fontcolor); border-left:4px solid var(--color); line-height:1; padding-left:10px;}
.industry .info{ padding:20px 0;}

.projectlist{list-style:none;margin-top:3%;display:flex;flex-wrap:wrap}
.projectlist li{width:24%; width:32%;margin-right:1.3%;border-radius:10px;overflow:hidden;background:#FFFFFF;margin-bottom:1.3em;transition:all .2s linear}
.projectlist li:nth-child(3n){margin-right:0}
.projectlist li:hover{box-shadow:0 0 20px 10px rgba(0,0,0,.05)}
.projectlist li:hover .img img{transform:scale(1.02)}
.projectlist li:hover .info .title{color:var(--color)}
.projectlist li .img{width:100%;aspect-ratio:var(--newssaspectratio)}
.projectlist li .img.lazy-loaded .pro-meta{display:block}
.projectlist li .img img{width:100%;height:100%;object-fit:cover}
.projectlist li .info{padding:20px;border-top:1px solid #f1f6fa}
.projectlist li .info .title{font-size:var(--fontsize18);font-weight:var(--fontbold5);line-height:1.4; color:var(--fontcolor);}
.projectlist li .info .text{margin-top:10px;color:var(--introcolor)}


.servicelist02{ max-width:1460px; margin:0 auto;}
.servicelist02 li{ display:flex; flex-wrap:wrap;}
.servicelist02 li .img{ width:40%; box-sizing:border-box;}
.servicelist02 li .txt{ width:60%; box-sizing:border-box; padding-left:3%;}
.servicelist02 li .p1{font-size:var(--fontsize26);font-weight:var(--fontbold6);margin:0 0 30px;color: var(--fontcolor);}
.servicelist02 li .p2{font-size:var(--fontsize16);}


.ab_pages{clear:both;padding:20px 0;font-size:14px;text-align:center; overflow:hidden; margin:20px auto;display: table;}
.ab_pages ul{display:inline-block;margin:0 auto;padding:0}
.ab_pages ul a{color:#555;display:block;padding: 5px 11px;  border: 1px solid #ddd;float: left;margin: 0 5px;font-size:12px}
.ab_pages ul a.page-num-current{ background:#ddd; }
.ab_pages ul a:hover{ background:#ddd}
.ab_pages ul span{display: inline-block; float: left; line-height: 28px;}
.ab_pages .span{ border:1px solid #ddd; padding:5px 8px;}



.nycon04{  margin:0 auto; padding-bottom:60px;}
.nycon04 ul{ display:flex;flex-wrap: wrap; }
.nycon04 li{ width:15%;  margin-right:2%; float:left; box-sizing:border-box; border:1px solid #ddd; border-radius:5px; text-align:center; margin-bottom:20px; padding:30px 0;}
.nycon04 li:nth-child(6n){ margin-right:0;}
.nycon04 .iconfont{  background-size:auto 100%; transition:.5s; margin-bottom:10px; font-size:35px;}


.nycon04 li:hover{ background-color: var(--color);; color:#fff;}
.nycon04 li:hover .iconfont{transform: rotateY(180deg);}


@media (max-width:960px){
	.servicelist02 li{ max-width:600px; margin:0 auto;}
	.servicelist02 li .img{ width:100%;}
	.servicelist02 li .txt{ width:100%;  padding-left:0; margin-top:20px;}
	
	.servicelist{ max-width:600px;}
	.servicelist img{ width:100%;}
	.servicelist li{ margin-bottom:10px; background-color:#eee;}
	.servicelist li>div{ width:100%;}
	.servicelist li .p1{ margin:0; font-size: var(--fontsize20);}
	.servicelist li:nth-child(2n+1) .txt{ padding:15px;}
	.servicelist li:nth-child(2n) .txt{padding:15px;}
	
	.nycon04 li{ width:32%;}
	.nycon04 li:nth-child(3n){ margin-right:0;}
	
	
}

@media (max-width:720px){
	.position{ padding:10px 0;}
	.bannerx{ display:none;}
	.main{ padding:0px 0 30px;}
	.servicelist02 li .p1{font-size: var(--fontsize20);}
	.projectlist li{ width:100%; margin-right:0;}
	.main .home-title{ margin-top:30px;}
	.industry .tit{ font-size: var(--fontsize22);}
	.servicelist li>div{ width:100%;}
	.projectlist li .info{ padding:20px 0;}
	
	.nycon04 li{ width:49%;}
	.nycon04 li:nth-child(3n){ margin-right:2%;}
	.nycon04 li:nth-child(2n){ margin-right:0;}

}