/*政务服务*/
.servicebanner{ height:404px; background: url(../images/serverbanner.jpg) center  repeat-x ; }
.serverlist{ background:#fff; width:530px; border-radius:5px; margin-top:78px;}
.serverlist h2{ color:#818a9f; font-size:18px; padding:30px 0 0 30px;}
.serverlist ul{ padding:10px 0 30px 0;}
.serverlist ul li{ float:left; width:50%; height:40px; line-height:40px; color:#182547;}
.serverlist ul li a{  color:#182547; display:block; padding-left:50px; background:url(../images/tuany22.png) 30px center no-repeat;}
.gdweb{ width:40%; margin-top:78px; color:#fff; }
.gdweb p.p1{ padding-top:30px ;}
.gdweb p.p2{ padding-top:20px ; padding-bottom:30px; font-size:18px;}
.gdsearch{ height:50px; background:#fff; position:relative;    border-radius: 6px;}
.gdsearch a.sbtn{ display:inline-block; width:100px; background:#3e6fbf; color:#fff; text-align:center; line-height:50px; height:50px; position: absolute; top:0; right:0;    border-bottom-right-radius: 6px;    border-top-right-radius: 6px;}
 .el-input__inner2 {
    -webkit-appearance: none;
    background-color: none;
    background-image: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; 
    display: inline-block;
    font-size: inherit;
    height: 50px;
    line-height: 50px;
    outline: 0;
    padding: 0 20px;
    width:90%;
    font-size: 14px;
	color:#aeacac;
       border-bottom-left-radius: 6px;
       border-top-left-radius: 6px;
}
.serverbox2{ background:url(../images/diannao.png) no-repeat center; height:312px; }
.serverbox2 ul{ display:block; background: url(../images/yue.png) no-repeat 15px center #f8f8f8; width:1000px; height:96px; margin:40px auto; font-size:0; text-align:right; background-size: 150px;}
.serverbox2 ul li{ display:inline-block; height:40px; line-height:40px; padding:0 50px; margin:0 10px; text-align: center; font-size:16px; background:#fff; margin-top:30px;}
.serverbox2 ul li:hover{ background:#3E6FBF;} .serverbox2 ul li:hover a{ color: #fff; }
.serverbox2 ul li a{ color:#182547;}
.serverbox3 ul{ display:block; border:2px solid #c4c5c5; border-radius:30px; padding:40px 0; }
.serverbox3 ul li{ float:left; width:20%; text-align:center;}
.serverbox3 ul li span{ display:block; width:170px; height:170px; border-radius:50%; border:1px solid #d5d4d4; margin:0 auto; background-position:center; background-repeat:no-repeat; background-size: auto 60px; overflow: hidden; transition: background-size .2s ease-in-out; box-shadow:}
.serverbox3 ul li:hover span{ background-size:auto 70px; transition: background-size .2s ease-in-out; box-shadow: 0 4px 8px rgba(3,27,78,.12); border: 1px solid #3E6FBF; }
.serverbox3 ul li:nth-child(1) span{ background-image:url(../images/sericon_1.png)}
.serverbox3 ul li:nth-child(2) span{ background-image:url(../images/sericon_2.png)}
.serverbox3 ul li:nth-child(3) span{ background-image:url(../images/sericon_3.png)}
.serverbox3 ul li:nth-child(4) span{ background-image:url(../images/sericon_4.png)}
.serverbox3 ul li:nth-child(5) span{ background-image:url(../images/sericon_5.png)}
.serverbox3 ul li p{ padding-top:15px;}

.serverbox4{ background:#f6f6f6; margin-top:50px;}
.serverbox4 h2{ font-size:20px; padding:40px 0 20px 0; border-bottom:3px solid #182547;}
.serverbox4 ul { padding-top:40px;}
.serverbox4 ul li{ float:left; background:#fff; width:18%; margin-right:2.5%;  margin-bottom:30px; background-position:center 50px; background-repeat:no-repeat; background-size: auto  65px; transition: all .2s linear;}
.serverbox4 ul li a{ display: block; padding:40px 0 0 0; }
 .serverbox4 ul li:hover{ box-shadow: 0 4px 8px 0 rgba(3,27,78,.12);
     background-size: auto 80px ;  transition: background-size .2s ease-in-out; }  
.serverbox4 ul li p{ line-height:24px; min-height:50px; padding:110px 10px 0 10px; text-align:center;margin-bottom: 10px;}
.serverbox4 ul li:nth-child(5n){ margin-right:0;}
.serverbox4 ul li:nth-child(1){ background-image:url(../images/searchicon_1.png);}
.serverbox4 ul li:nth-child(2){ background-image:url(../images/searchicon_2.png);}
.serverbox4 ul li:nth-child(3){ background-image:url(../images/searchicon_3.png);}
.serverbox4 ul li:nth-child(4){ background-image:url(../images/searchicon_4.png);}
.serverbox4 ul li:nth-child(5){ background-image:url(../images/searchicon_5.png);}
.serverbox4 ul li:nth-child(6){ background-image:url(../images/searchicon_6.png);}
.serverbox4 ul li:nth-child(7){ background-image:url(../images/searchicon_7.png);}
.serverbox4 ul li:nth-child(8){ background-image:url(../images/searchicon_8.png);}
.serverbox4 ul li:nth-child(9){ background-image:url(../images/searchicon_9.png);}
.serverbox4 ul li:nth-child(10){ background-image:url(../images/searchicon_10.png);}

.serverbox5 h2{ font-size:20px; padding:40px 0 20px 0; border-bottom:3px solid #182547;}
.serverbox5 ul { padding-top:40px;}
.serverbox5 ul li{  float:left; width:18%; margin-right:2.5%;  margin-bottom:30px; background-position:center 20px; background-repeat:no-repeat; background-image:url(../images/linkicon.png)  }
.serverbox5 ul li:nth-child(5n){ margin-right:0;}
.serverbox5 ul li p{ display:block; padding:60px 15px 10px 15px; line-height:24px; border:1px solid #bfbfbf; border-radius:5px; min-height:50px; text-align:center;  transition: all .2s linear; }
.serverbox5 ul li p:hover{border:1px solid #3E6FBF;  box-shadow: 0 4px 8px 0 rgba(3,27,78,.12);
   }



@media screen and (max-width: 1400px) and (min-width: 1000px){
   .serverbox4 ul li {
      width: 22%;
   }
   .serverbox4 ul li p {
      font-size: 13px;
   }
   .serverbox4 ul li:nth-child(5n) {
      margin-right: 2.5%;
   }

   .serverbox5 ul li {
      width: 22%;
   }

   .serverbox5 ul li:nth-child(5n) {
      margin-right: 2.5%;
   }

   .gdweb p.p2 {
      font-size: 19px;
   }

}




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

.servicebanner{ height:404px; height: auto; background: url(../images/serverbanner.jpg) center bottom  no-repeat #4480C9; }
.serverlist{ background:#fff; width:100%; border-radius:5px; margin-top:50px; margin-bottom: 50px;}
.serverlist h2{ color:#818a9f; font-size:18px; padding:30px 0 0 30px;}
.serverlist ul{ padding:10px 0 30px 0;}
.serverlist ul li{ float:left; width:100%; height:40px; line-height:40px; color:#182547;}
.serverlist ul li a{  color:#182547; display:block; padding-left:30px; background:url(../images/tuany22.png) 20px center no-repeat; }
.gdweb{ width:100%; margin-top:50px; color:#fff; }
.gdweb p.p1{ padding-top:10px ;}
.gdweb p.p2{ padding-top:10px ; padding-bottom:10px; font-size:16px;}
.gdsearch{ height:50px; background:#fff; position:relative;}
.gdsearch a.sbtn{ display:inline-block; width:100px; background:#3e6fbf; color:#fff; text-align:center; line-height:50px; height:50px; position: absolute; top:0; right:0;}
 .el-input__inner2 {
    -webkit-appearance: none;
    background-color: none;
    background-image: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; 
    display: inline-block;
    font-size: inherit;
    height: 50px;
    line-height: 50px;
    outline: 0;
    padding: 0 20px;
    width:90%;
    font-size: 14px;
    color:#aeacac;
}
.serverbox2{ background:url(../images/diannao.png) no-repeat center bottom; height:524px; background-size: 60% auto;  }
.serverbox2 ul{ display:block; background: url(../images/yue.png) no-repeat  center 15px #f8f8f8; width:100%; height:96px; height: auto; margin:40px auto; font-size:0; text-align:right;  padding:160px 20px 30px 20px; box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */}
.serverbox2 ul li{ display:inline-block; height:40px; line-height:40px; padding:0 0px; margin:0 0px; text-align: center; font-size:16px; background:#fff; margin-top:15px; float: left; width: 100%; margin-right: 4%;}
.serverbox2 ul li:nth-child(2n) { margin-right:0; }
.serverbox2 ul li a{ color:#182547;}
.serverbox3 ul{ display:block; border:2px solid #c4c5c5; border-radius:30px; padding:40px 0; }
.serverbox3 ul li{ float:left; width:50%; text-align:center;}
.serverbox3 ul li span{ display:block; width:100px; height:100px; border-radius:50%; border:1px solid #d5d4d4; margin:0 auto; background-position:center; background-repeat:no-repeat; background-size: 70px auto;}
.serverbox3 ul li:nth-child(1) span{ background-image:url(../images/sericon_1.png)}
.serverbox3 ul li:nth-child(2) span{ background-image:url(../images/sericon_2.png)}
.serverbox3 ul li:nth-child(3) span{ background-image:url(../images/sericon_3.png)}
.serverbox3 ul li:nth-child(4) span{ background-image:url(../images/sericon_4.png)}
.serverbox3 ul li:nth-child(5) span{ background-image:url(../images/sericon_5.png)}
.serverbox3 ul li p{ padding: 5px 10px 15px 10px;}

.serverbox4{ background:#f6f6f6; margin-top:50px;}
.serverbox4 h2{ font-size:20px; padding:40px 0 20px 0; border-bottom:3px solid #182547;}
.serverbox4 ul { padding-top:40px;}
.serverbox4 ul li{ float:left; background:#fff; width:100%; margin-right:4%; padding:20px 0; margin-bottom:15px; background-position:center 30px; background-repeat:no-repeat; background-size: 50px auto;}
.serverbox4 ul li p{ line-height:24px; min-height:50px; padding:40px 10px 0 10px; text-align:center;}
.serverbox4 ul li:nth-child(5n){ margin-right:4%;}
.serverbox4 ul li:nth-child(2n){ margin-right:0;}
.serverbox4 ul li:nth-child(1){ background-image:url(../images/searchicon_1.png);}
.serverbox4 ul li:nth-child(2){ background-image:url(../images/searchicon_2.png);}
.serverbox4 ul li:nth-child(3){ background-image:url(../images/searchicon_3.png);}
.serverbox4 ul li:nth-child(4){ background-image:url(../images/searchicon_4.png);}
.serverbox4 ul li:nth-child(5){ background-image:url(../images/searchicon_5.png);}
.serverbox4 ul li:nth-child(6){ background-image:url(../images/searchicon_6.png);}
.serverbox4 ul li:nth-child(7){ background-image:url(../images/searchicon_7.png);}
.serverbox4 ul li:nth-child(8){ background-image:url(../images/searchicon_8.png);}
.serverbox4 ul li:nth-child(9){ background-image:url(../images/searchicon_9.png);}
.serverbox4 ul li:nth-child(10){ background-image:url(../images/searchicon_10.png);}

.serverbox5 h2{ font-size:20px; padding:40px 0 20px 0; border-bottom:3px solid #182547;}
.serverbox5 ul { padding-top:20px;}
.serverbox5 ul li{  float:left; width:100%; margin-right:0%;  margin-bottom:10px; background-position:20px center; background-repeat:no-repeat; background-image:url(../images/linkicon.png) ; background-size: 20px auto; box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */}
.serverbox5 ul li:nth-child(5n){ margin-right:0;}
.serverbox5 ul li p{ display:block; padding:10px 15px 10px 50px; line-height:24px; border:1px solid #bfbfbf; border-radius:5px; min-height:auto; text-align:left }

}