.searchBan{min-height:360px;background-size:cover;background-position:center;background-repeat:no-repeat;position:relative;}
.searchBan .cont{width:1200px;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);}

.searchBan .searchTab{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;}
.searchBan .searchTab .item{margin:0 40px 20px 40px;padding:0 1em;white-space:nowrap;font-weight:700;cursor:pointer;line-height:2.5;height:2.5em;border-radius:4px;transition:0.3s all ease;-webkit-transition:0.3s all ease;color:#ffffff;position:relative;display:block;}
.searchBan .searchTab .item::after{content:"";display:block;position:absolute;left:50%;bottom:-14px;margin-left:-8px;border:8px solid transparent;transition:0.3s all ease;-webkit-transition:0.3s all ease;}
.searchBan .searchTab .item.cr,.searchBan .searchTab .item:hover{background:#ffffff;color:#034aa1}
.searchBan .searchTab .item.cr::after,.searchBan .searchTab .item:hover::after{border-top-color:#ffffff;}

.searchBan .searchBox{display:flex;align-items:center;justify-content:center;border-radius:8px;overflow:hidden;padding-left:46px;background:url(../images/search2.png) 20px center no-repeat;background-color:#ffffff;}
.searchBan .searchBox .text{flex:1;}
.searchBan .searchBox .text input{width:100%;padding-right:2em;height:64px;border:none;background:none;}
.searchBan .searchBox .btn{width:6em;height:64px;line-height:64px;text-align:center;border:none;background:#177FFF;color:#ffffff;cursor:pointer;}

.searchBan .searchWord{color:#d8d8d8;display:flex;}
.searchBan .searchWord .word{flex:1;}
.searchBan .searchWord .tit,.searchBan .searchWord a{margin-top:1em;}
.searchBan .searchWord a{color:#d8d8d8;transition:0.3s all ease;-webkit-transition:0.3s all ease;display:inline-block;margin-left:1em;}
.searchBan .searchWord a:hover{text-decoration:underline;color:#ffffff;}

.filterTagBox{margin-top:1em;padding:40px;padding-bottom:0 !important;border-radius:8px;background:linear-gradient(180deg, #e3eeff 0%, #ffffff 100%);border:1px  solid #dee6f3;box-shadow:0px 4px 16px 3px #eff3f9;}
.filterTagBox .cont{padding-bottom:20px;display:flex;}
.filterTagBox .cont .tit{width:5em;}
.filterTagBox .cont .tit.w6{width:6em;text-align:justify;}
.filterTagBox .cont .tit.w6::after{content:"";display:inline-block;width:100%;height:0;}
.filterTagBox .cont .tagBox{flex:1;position:relative;height:34px;overflow:hidden;}
.filterTagBox .cont .tagBox .expendBtn{display:none;position:absolute;top:0;right:0;height:24px;line-height:24px;color:#034aa1;cursor:pointer;}
.filterTagBox .cont .tagBox .expendBtn::after{content:'';border:4px solid transparent;border-top-color:#034aa1;display:inline-block;margin-left:2px;transition:0.3s all ease;-webkit-transition:0.3s all ease;}
.filterTagBox .cont .tagBox .expendBtn:hover{text-decoration:underline;}
.filterTagBox .cont .tagBox.on{padding-right:4em;}
.filterTagBox .cont .tagBox.on .expendBtn{display:block;}
.filterTagBox .cont .tagBox .expendBtn.on::after{transform:rotate(180deg) translateY(4px);-webkit-transform:rotate(180deg) translateY(4px);}
.filterTagBox .cont .tagBox .tags{display:flex;}
.filterTagBox .cont .tagBox .tags .item{white-space:nowrap;display:inline-block;height:24px;line-height:24px;padding:0 8px;margin:0 20px;border-radius:4px;margin-bottom:20px;}
.filterTagBox .cont .tagBox .tags .item:hover{color:#034aa1;}
.filterTagBox .cont .tagBox .tags .item.cr{color:#ffffff;background-color:#034aa1;}

.listCont{display:flex;flex-wrap:wrap;}
.listCont .item{display:flex;}
.listCont .item .w{flex:1;}

.listDevPage,.serviceZonePage{padding-bottom:60px;}
.devServeList{margin-top:40px;}
.devServeList .listCont{margin:0 -15px;}
.devServeList .item{width:33.3%;margin-bottom:30px;}
.devServeList .item .w{margin:0 15px;border-radius:8px;overflow:hidden;background:linear-gradient(180deg,#e3eeff 0%,#ffffff 100%);border:1px  solid #dee6f3;box-shadow:0px 4px 16px 3px #eff3f9;position:relative;}
.devServeList .item .top{padding:32px 32px 0 32px;}
.devServeList .item .bq{background:#177FFF;color:#ffffff;border-radius:8px 0 8px 0;position:absolute;left:0;top:0;padding:6px 1em;}
.devServeList .item .top.hasTag{padding-top:56px;}
.devServeList .item .tit{transition:0.3s all ease;-webkit-transition:0.3s all ease;display:block;}
.devServeList .item .desc{margin-top:10px;}
.devServeList .item .desc .name{line-height:24px;font-weight:bold;}
.devServeList .item .desc .font{color:#999999;}
.devServeList .item .desc .font span{display:inline-block;margin-right:10px;}
.devServeList .item .desc .font span:last-child{margin-right:0;}
.devServeList .item .info{padding:20px 0;border-top:1px solid #d8d8d8;margin-top:20px;display:flex;align-items:center;flex-wrap:wrap;color:#999999;}
.devServeList .item .info .sItem{min-width:30%;}
.devServeList .item .info .sItem span{color:#034AA1;}
.devServeList .item .bot{padding:14px 32px;background:#ffffff;}
.devServeList .item .labelBox{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;}
.devServeList .item .labelBox .label{line-height:30px;height:30px;border-radius:2px;padding:0 1em;}
.devServeList .item .labelBox .label1{color:#034AA1;border:1px solid #BFDAFB;background:#F5F9FE;}
.devServeList .item .labelBox .label2{color:#CF8222;border:1px solid #FFD7A4;background:#FFEFDB;}
.devServeList .item .labelBox .more{display:inline-block;padding-right:10px;line-height:30px;background:url(../images/arrow14.png) right center no-repeat;color:#034AA1;}
.devServeList .item .labelBox .more:hover{text-decoration:underline;}
.devServeList .item .tit:hover,
.serviceZone .item .font a.desc:hover,
.serviceZone .item .font .tit:hover{
	color:#034AA1;
}

.serviceZone{margin-top:40px;}
.serviceZone .listCont{margin:0 -15px;}
.serviceZone .item{width:33.3%;margin-bottom:30px;}
.serviceZone .item:nth-child(3n+1),.devServeList .item:nth-child(3n+1){clear:both;}
.serviceZone .item .w{margin:0 15px;border-radius:8px;overflow:hidden;background:#ffffff;box-shadow:0px 4px 16px 3px #eff3f9;padding:30px 20px 40px}
.serviceZone .item .img{display:block;}
.serviceZone .item .font{margin-top:1em;}
.serviceZone .item .font .info span{display:block;}
.serviceZone .item .font .tit{margin-bottom:10px;display:block;transition:0.3s all ease;-webkit-transition:0.3s all ease;}
.serviceZone .item .font .desc{transition:0.3s all ease;-webkit-transition:0.3s all ease;margin-bottom:1em;}
.serviceZone .item .font .info{margin-bottom:1em;color:#666666;}
.serviceZone .item .font .xgLink a{display:inline-block;margin-right:1em;margin-top:0.8em;padding:8px 10px;border-radius:2px;background:#F5F8FD;}
.serviceZone .item .font .xgLink a:hover{background:#034AA1;color:#fff!important;}

@media only screen and (max-width:1660px){

}

@media only screen and (max-width:1560px){

}

@media only screen and (max-width:1440px){
	.devServeList .item .desc .name{line-height:21px;}
}

@media only screen and (max-width:1366px){
	.searchBan .cont{width:auto;transform:translate(0,-50%);-webkit-transform:translate(0,-50%);left:80px;right:80px;}
	.searchBan .searchBox .text input{height:50px;}
	.searchBan .searchBox .btn{height:50px;line-height:50px;}
	.searchBan .searchTab .item{margin:0 20px 20px 20px;}
	

	.devServeList .item .info .sItem{min-width:50%;}

}


@media only screen and (max-width:1280px){
	.searchBan .cont{left:40px;right:40px;}

	.devServeList .listCont{margin:0 -10px;}
	.devServeList .item .w{margin:0 10px;}
	.devServeList .item{margin-bottom:20px;}

	.listDevPage,.serviceZonePage{padding-bottom:40px;}

	.serviceZone .listCont{margin:0 -10px;}
	.serviceZone .item{margin-bottom:20px;}
	.serviceZone .item .w{margin:0 10px;}
}

@media only screen and (max-width:1100px){

}

@media only screen and (max-width:1024px){
	.searchBan{min-height:300px;}
	.searchBan .cont{left:1em;right:1em;}
	.searchBan .searchTab{justify-content:flex-start;}
	.searchBan .searchTab .item{margin:0 1em 1em 0;font-weight:normal;}
	.searchBan .searchTab .item::after{border-width:5px;bottom:-9px;margin-left:-5px;}
	.searchBan .searchBox{border-radius:4px;}
	.searchBan .searchBox .text input{height:42px;}
	.searchBan .searchBox .btn{height:42px;line-height:42px;}

	.filterTagBox{padding:20px;border-radius:4px;margin-top:0;}
	.filterTagBox .cont{padding-bottom:14px;display:flex;}
	.filterTagBox .cont .tagBox .tags .item{margin:0 1em 1em 0;}
	
	.listDevPage,.serviceZonePage{padding-bottom:2em;}
	.devServeList{margin-top:2em;}
	.devServeList .item .w{border-radius:4px;}
	.devServeList .item .top{padding:1em 1em 0 1em;}
	.devServeList .item .bot{padding:10px 1em;}
	.devServeList .item .info{padding:1em 0;margin-top:1em;}

	.devServeList .listCont{margin:0 -8px;}
	.devServeList .item .w{margin:0 8px;}
	.devServeList .item{margin-bottom:16px;}

	.devServeList .item .top.hasTag{padding-top:42px;}
	.devServeList .item .bq{border-radius:4px 0 4px 0;padding:4px 10px;}

	.serviceZone .listCont{margin:0 -8px;}
	.serviceZone .item{margin-bottom:16px;}
	.serviceZone .item .w{margin:0 8px;padding:1em;border-radius:4px;}
	.serviceZone .item .font .xgLink a{padding:4px 10px;}
}


@media only screen and (max-width:820px){
	.devServeList .item,.serviceZone .item{width:50%;}
	.serviceZone .item:nth-child(3n+1),.devServeList .item:nth-child(3n+1){float:left;clear:none;}
	.serviceZone .item:nth-child(2n+1),.devServeList .item:nth-child(2n+1){clear:both;}
}	

@media only screen and (max-width:640px){
	.searchBan{min-height:260px;}
	.searchBan .searchTab .item{font-size:12px;margin-right:6px;padding:0 6px;}
	.searchBan .searchWord{font-size:12px;}
	.searchBan .searchBox{padding-left:36px;background-position:10px center;background-size:1em auto;}
	.searchBan .searchBox .btn{font-size:14px;}
	.searchBan .searchBox .text input{height:32px;padding-right:1em;}
	.searchBan .searchBox .btn{height:32px;line-height:32px;}


	.filterTagBox{padding:1em;}
	.devServeList .item,.serviceZone .item{width:100%;}
}