/* CSS Document */
.servicesMainBox{ margin-top: 25px; height: 460px; background: url(../images/services/banner.png) no-repeat center top;}
.servicesMainBox .top{}
.searchNav{ display: flex; justify-content: space-between; margin: 0px 25px;}
.searchNav li{ width: 175px; height: 127px; box-shadow: 0px 0px 10px 5px #3499d3;}
.searchNav li a{ display: block; width: 175px; height: 127px; line-height: 30px; background: #93c7e8; border: 1px solid #c7e3f3; font-size: 16px; color: #333; text-align: center;}
.searchNav li a span{ display: block; height: 50px; margin-top: 30px; text-align: center;}
.searchNav li span img{}
.officeServiceTitle{ font-size: 22px; color: #015293; line-height: 70px; margin-bottom: -25px;}
.officeServiceTitle .icon{ margin: 0px 18px 0px 8px;}
.officeServiceTitle .position{ float: right; margin-right: 20px; font-size: 18px; color: #666;}
.officeServiceTitle .position img{ margin-right: 10px;}
.commServicesBox{ background: #fff; border: 1px solid #fff; padding-bottom: 15px; margin-top: 25px; margin-bottom: 25px;}
.servicesTitle{ text-align: center; background: url(../images/grayPoint.png) repeat-x left center; margin: 30px 0px 10px;}
.servicesTitle li{ display: inline-block; width: 240px; height: 40px; line-height: 40px; text-align: center; margin: 0px 10px; color: #666; border: 1px solid #015293; border-radius: 99px; background: #fff; font-size: 20px;}
.servicesTitle li.hover{ background: #015293; color: #fff;}
.citizens{ text-align: center;}
.citizens li{ width: 145px; height: 120px; margin: 20px 25px; display: inline-block;}
.citizens li a{ width: 145px; height: 120px; display: block; text-align: center; background: #f1f4fb; border: 1px solid #f1f4fb; font-size: 16px; color: #333;}
.citizens li span{ display: block; margin-top: 25px; height: 50px; text-align: center;}
.convenient{ text-align: center;}
.convenient li{ width: 210px; height: 50px; margin: 15px 10px; display: inline-block;}
.convenient li a{ display: block; height: 50px; line-height: 50px; text-align: center; color: #333; background: #f1f4fb; font-size: 16px;}
.convenient li a img{ margin-right: 10px;}
.thematic{ overflow: auto; zoom: 1; margin: 0px 5px;}
.thematic li{ width: 145px; height: 120px; float: left; margin: 20px 25px;}
.thematic li a{ display: block; height: 120px; border: 1px solid #f1f4fb; line-height: 23px; background: #f1f4fb; color: #333; font-size: 16px; text-align: center;}
.thematic li span{ display: block; height: 40px; margin-top: 20px;}
.thematic li font{ display: inline-block;}
.serviceSearch{ overflow: auto; zoom: 1;}
.serviceSearch .left{ width: 800px; height: 315px; float: left; margin-left: 25px;}
.accessUnits{ font-size: 16px; color: #fff; text-align: right; position: absolute; margin: 67px 0px 0px 540px;}
.accessUnits font{ font-size: 30px; color: #ffc600; font-weight: bold; margin: 0px 7px;}
.resultsPublicity{ font-size: 16px; color: #fff; text-align: right; position: absolute; margin: 121px 0px 0px 103px}
.resultsPublicity font{ font-size: 30px; color: #00fcff; font-weight: bold; margin: 0px 7px;}
.directorsAvailable{ font-size: 16px; color: #fff; text-align: right; position: absolute; margin: 160px 0px 0px 545px;}
.directorsAvailable font{ font-size: 30px; color: #deff00; font-weight: bold; margin: 0px 7px;}
.serviceSearch .right{ width: 290px; height: 315px; float: right; margin-right: 25px;}
.jobTracking{ overflow: auto; zoom: 1; margin: 40px 0px 5px;}
.jobTracking li{ float: left; padding:0px 20px; font-size: 16px; color: #015293; cursor: pointer;}
.jobTracking li.first{ padding-left: 0px; border-right: 1px solid #3f6db9;}
.jobTracking li.hover{ color: #fff;}

.handlingMode{ line-height: 25px; margin: 8px 0px; font-size: 14px;}
.handlingMode a{ color: #ffed00;}
.handlingMode p{}
.pieceSearch{ margin-top: 10px;}
.pieceSearch .input{ background: #fff; margin-bottom: 18px;}
.pieceSearch .input input{ width: 260px; height: 35px; line-height: 35px; font-size: 14px; display: block; margin: 0px auto; border: none;}
.pieceSearch .input select{ width: 265px; height: 35px; line-height: 35px; font-size: 14px; display: block; margin: 0px auto; border: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; color: #777; font-weight: 300;}
.pieceSearch .submit input{ height: 40px; line-height: 40px; text-align: center; background: #015293; color: #fff; font-size: 18px; width: 100%; border: none; cursor: pointer;}
.siteHandlingPoint p{ line-height: 20px;}
.siteHandlingPointForm .input{ margin-bottom: 10px;}
.m-platform-num{display:none;}