/* 一网通办第三版首页样式 */
.notLogin {
  display: none;
}
.logined {
  display: none;
}
body {
  background-color: #fff;
}
/* 顶部样式*********** */
.topPart {
  /* background: url(../images/bg.png) no-repeat -1px 0;
  background-size: 101% 101%; */
  /* height: 569px; */
  /* background: url(../images/bg.png) no-repeat -1px 0; */
  /* background-size: 101% 101%;  */
  /* background-color: rgba(5, 57, 130, 1); */
  
}
.headerAndNav{
  background: url(../images/img_header.png) no-repeat -1px 0;
  background-size: 101% 101%;
}
#logout {
  /* display: none; */
}
.header {
  padding: 17px 0;
}
.logo {
  width: 491px;
  height: 50px;
  background: url(../images/logo.png) no-repeat;
}
.topLink {
  line-height: 40px;
  color: #fff;
}
.topLink a {
  color: #fff;
  padding: 0 10px;
}
.topNav {
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
.sub-nav-list ul li {
  float: left;
  /* width: 120px; */
  width: 137px;
  line-height: 46px;
  color: #fff;
  cursor: pointer;
  margin-right: 20px;
  text-align: center;
  background-color: rgba(255, 255, 255,.1);
}
.sub-nav-list ul li a {
  display: inline-block;
  font-family: SourceHanSansCN-Regular;
  /* font-size: 16px; */
  font-size: 18px;
  font-weight: normal;
  color: #FFFFFF;
}
.sub-nav-list ul li.sub-nav-select{
  background-color: #2054AD;
}
.sub-nav-list ul li:hover {
  background-color: #2054AD;
}
.sub-nav-list ul li a i {
  display: none !important;
}
.topQuery {
  padding: 54px 0 24px 0;
  /* background: url(../images/bg.png) no-repeat -1px 0; */
  background-size: 101% 101%;
}
.topQuery .left {
  width: 46.69%;
  padding-right: 16px;
}
.topQuery .right {
  width: 53.31%;
}
.input-group {
  position: relative;
  display: table;
  border-collapse: separate;
}
.input-group .form-control {
    position: relative;
    z-index: 2;
    float: left;
    width: 100%;
    margin-bottom: 0;
}
.input-group-btn {
    position: relative;
    font-size: 0;
    white-space: nowrap;
}
.input-group-btn {
    width: 1%;
    white-space: nowrap;
    vertical-align: middle;
    display: table-cell;
}
.btn-success {
  color: #fff;
}
.form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.input-group-btn > .btn {
    position: relative;
}
.input-group .form-control {
    position: relative;
    z-index: 2;
    float: left;
    width: 100%;
    margin-bottom: 0;
}
.ywtbSearch input {
  border-radius: 2px;
  height: 50px;
  background: rgba(255, 255, 255, 0.8);
  color: #7985af;
  border: none;
  outline: none;
}
.ywtbSearch button {
  width: 98px;
  height: 50px;
  background: rgba(217, 0, 0, 1);
  border-radius: 0px 2px 2px 0px;
  border: none;
  font-size: 18px;
  font-weight: 700;
  color: #fff !important;
  outline: none;
}
.ywtbSearch button:hover {
  background: rgba(220, 0, 0, 1);
  color: #fff;
}
.btn-default:focus,
.btn-default.focus {
  color: #fff;
  background: rgba(220, 0, 0, 1);
  border: none;
}
.btn:focus {
  outline: none;
}
.hotSearch b {
  font-size: 18px;
  font-weight: 700;
  color: #fff;
  line-height: 50px;
  float: left;
  margin-right: 5px;
}
.hotSearch ul {
  float: left;
}
.hotSearch ul li {
  float: left;
  padding: 4px 8px;
  background: #fff;
  border-radius: 2px;
  color: #767676;
  margin-right:8px;
  cursor: pointer;
  border: 1px solid #E5E6EB;
  margin-bottom:10px;
  font-family: SourceHanSansCN-Regular;
  font-size: 12px;
  line-height: 18px;
}
.hotSearch ul li:hover {
  background: #21A1E7;
  color:#fff;
}
.hotIssues {
  width: 100%;
  height: 258px;
  background: rgba(255, 255, 255, 0.8);
  border-left: 6px solid #d90000;
}

.hotIssues p.tit {
  height: 40px;
  /* padding: 0 15px; */
  overflow: hidden;
}
.hotIssues p.tit span {
  float: left;
}
.hotIssues p.tit .more {
  font-weight: normal;
  line-height: 42px;
  font-size: 14px;
  cursor: pointer;
}
.hotIssues p.tit span .iconfont {
  /* font-weight: normal; */
  margin-right: 4px;
}
.hotIssues ul {
  list-style: show;
  padding: 0px 15px;
}
.hotIssues ul li {
  width: 99%;
  overflow: hidden;
  list-style: show;
  color: #666666;
  line-height: 28px;
  height: 28px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-right: 1%;
  cursor: pointer;
}
.hotIssues ul li:hover {
  color: rgba(233,26,34,1);
}

.hotIssues ul li i {
 float: left;
  width: 5px;
  height: 5px;
  background: rgba(153, 153, 153, 1);
  border-radius: 50%;
  margin-right: 8px;
  margin-top: 12px;
}
.hotIssues ul li span {
  float: left;
  width: 426px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.hotIssues ul li b {
  font-weight: normal;
  float: right;
}
/* 登录前 */
.topQuery .notLogin h3.tit {
  background-color: rgba(217, 0, 0, 0.9);
  color: #fff;
  height: 50px;
  line-height: 50px;
  text-align: center;
  font-size: 20px;
  font-weight: 700;
}
.topQuery .notLogin .directBox {
  width: 100%;
  padding-top: 9px;
}
.topQuery .notLogin .directBox > div {
  float: left;
  margin-right: 11px;
  background: rgba(255, 255, 255, 0.85);
  overflow: hidden;
}
.topQuery .notLogin .directBox .box1,
.topQuery .notLogin .directBox .box2 {
  width: 146px;
  height: 300px;
}
.topQuery .notLogin .directBox ul li i {
  display: inline-block;
  width: 5px;
  height: 5px;
  background: rgba(217, 0, 0, 1);
  border-radius: 50%;
  margin-right: 8px;
  vertical-align: 2px;
}
.topQuery .notLogin .directBox ul li {
  color: #666;
  padding: 0 16px;
  height: 28px;
  line-height: 26px;
  cursor: pointer;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.topQuery .notLogin .directBox ul li:hover {
  color: #333;
}
.topQuery .notLogin .directBox > div.box3 {
  margin-right: 0;
  width: 302px;
  height: 300px;
}
.directBox h5.tit {
  position: relative;
  font-size: 15px;
  font-weight: bold;
  color: rgba(204, 11, 19, 1);
  padding: 0 16px;
  height: 42px;
  line-height: 44px;
}
.directBox h5.tit img {
  position: absolute;
  right: 12px;
  top: 11px;
}
.topQuery .notLogin .directBox > div.box3 > img {
  display: block;
  margin: 36px auto 20px;
}
.appQrcode {
  position: relative;
  padding-left: 168px;
  height: 134px;
  width: 100%;
}
.appQrcode > img {
  width: 132px;
  height: 132px;
  position: absolute;
  left: 22px;
}
.appQrcode > p {
  padding-top: 22px;
  font-size: 15px;
  color: #555555;
  line-height: 24px;
}
.appQrcode .downLoadNowBtn {
  margin-top: 16px;
  width: 105px;
  height: 30px;
  background: rgba(20, 90, 182, 1);
  color: #fff;
  text-align: center;
  line-height: 30px;
  cursor: pointer;
}
.appQrcode .downLoadNowBtn .iconfont {
  font-size: 14px;
  margin-left: 4px;
}
/* 登陆后 */
.topQuery .right.logined {
  height: 360px;
  background: rgba(255, 255, 255, 0.85);
}
.right.logined .bszd {
  width: 234px;
  position: relative;
  padding: 10px 30px;
}
.right.logined .grxx {
  padding: 10px 0px 10px 20px;
}
.topQuery .right.logined h3.tit {
  font-weight: 700;
  color: #555657;
  font-size: 18px;
  line-height: 40px;
}
.right.logined .bszd > ul > li {
  position: relative;
  width: 168px;
  height: 97px;
  background: rgba(255, 255, 255, 0.68);
  border-radius: 5px;
  margin-top: 30px;
  padding-left: 82px;
  cursor: pointer;
}
.right.logined .bszd > ul > li > p {
  line-height: 97px;
  font-size: 18px;
}
.right.logined .bszd > ul > li .iconfont {
  position: absolute;
  width: 55px;
  height: 55px;
  border: 1px solid rgba(204, 11, 19, 1);
  color: #cc0b13;
  border-radius: 50%;
  font-size: 30px;
  line-height: 50px;
  text-align: center;
  top: 50%;
  transform: translateY(-50%);
  left: 20px;
}
.right.logined .bszd > ul > li:hover {
  background: rgba(204, 11, 19, 1);
  color: #fff;
}
.right.logined .bszd > ul > li:hover p {
  color: #fff;
  font-weight: 700;
}
.right.logined .bszd > ul > li:hover .iconfont {
  border: 1px solid #fff;
  color: #fff;
}
.directHoverlist {
  position: absolute;
  width: 578px;
  /* height: 219px; */
  min-height: 219px;
  background: rgba(255, 255, 255, 1);
  border: 1px solid rgba(204, 11, 19, 1);
  border-radius: 5px;
  top: 85px;
  left: -52px;
  z-index: 22;
  padding: 11px 0 0 8px;
  display: none;
}
.right.logined .bszd > ul > li:hover .directHoverlist {
  display: block;
}
.redTriangle {
  position: absolute;
  left: 89px;
  top: -11px;
  width: 20px;
  height: 20px;
  background-color: #fff;
  border-left: 1px solid rgba(204, 11, 19, 1);
  border-top: 1px solid rgba(204, 11, 19, 1);
  transform: rotate(45deg);
  -ms-transform: rotate(45deg); /* Internet Explorer */
  -moz-transform: rotate(45deg); /* Firefox */
  -webkit-transform: rotate(45deg); /* Safari 和 Chrome */
  -o-transform: rotate(45deg); /* Opera */
}
.directHoverlist ul li {
  float: left;
  width: 124px;
  height: 33px;
  background: rgba(241, 242, 243, 1);
  cursor: pointer;
  line-height: 32px;
  text-align: center;
  color: #091c29;
  margin: 8px;
  white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0 4px;
}
.directHoverlist ul li:hover {
  color: #fff;
  background: rgba(217, 0, 0, 1);
}
.right.logined .bszd::after {
  position: absolute;
  content: '';
  height: 300px;
  width: 1px;
  background-color: #c5d5f2;
  top: 30px;
  right: 0;
}
.ywtbUserInfo {
  padding-left: 110px;
  position: relative;
  height: 126px;
  border-bottom:1px solid rgba(41, 103, 221,0.09);
}
.ywtbUserInfo .userPhoto {
  position: absolute;
  border-radius: 50%;
  width: 94px;
  height: 94px;
  overflow: hidden;
  position: absolute;
  left: 0;
  top:0;
}
.ywtbUserInfo .name {
  color:#1A1A1A;
  font-size: 18px;
  font-weight: bold;
  line-height: 26px;
  font-family: SourceHanSansCN-Bold;
}
.ywtbUserInfo .role {
  margin-top: 8px;
}
.ywtbUserInfo .role span {
  background-color: #21A1E7;
  color: #fff;
  font-size: 14px;
  line-height: 24px;
  padding: 0 11px;
  float: left;
  border-radius: 12px;
  margin-right: 7px;
}
.ywtbUserInfo .dPart {
  background-color: #fff;
  color: #666;
  display: inline-block;
  font-size: 12px;
  line-height: 20px;
  padding: 0 10px;
  border-radius: 10px;
  margin-top: 8px;
  margin-right: 4px;
}
.ywtbUserInfo .myHomepage {
  position: absolute;
  top: 14px;
  right: 5px;
  width: 68px;
  height: 24px;
  background: rgba(108, 130, 177, 1);
  border-radius: 5px;
  text-align: center;
  line-height: 24px;
  color: #fff;
  cursor: pointer;
}
.grxx .userMatterList {
  display: flex;
}
.grxx .userMatterList li {
  height: 64px;
  cursor: pointer;
  padding-left:10px;
}
.grxx .userMatterList li:first-child {
  background: linear-gradient(
    133deg,
    rgba(233, 132, 0, 1),
    rgba(252, 195, 106, 1)
  );
}
.grxx .userMatterList li:nth-child(2) {
  background: linear-gradient(
    123deg,
    rgba(0, 100, 193, 1),
    rgba(0, 168, 255, 1)
  );
}
.grxx .userMatterList li:nth-child(3) {
  background: linear-gradient(
    132deg,
    rgba(0, 196, 203, 1),
    rgba(0, 207, 246, 1)
  );
}

.grxx .userMatterList li:nth-child(4) {
  background: linear-gradient(
    133deg,
    rgba(255, 79, 0, 1),
    rgba(252, 138, 0, 1)
  );
}
.grxx .userMatterList li:nth-child(5) {
  background: linear-gradient(
    133deg,
    rgba(255, 79, 0, 1),
    rgba(252, 138, 0, 1)
  );
}
.grxx .userMatterList li .num {
  font-size: 22px;
  line-height: 32px;
  font-family: D-DIN-Bold;
}
.grxx .userMatterList li p {
  color: #fff;
}
.typeOfMatter {
  padding: 0px 0 25px;
  background-color: #fff;
}
.typeOfMatter ul li {
  float: left;
  width: 286px;
  height: 163px;
  overflow: hidden;
  margin-right: 18px;
  margin-top: 20px;
  padding-left: 20px;
  cursor: pointer;
  transition: all 0.5s ease;
}
.usertip {
  line-height: 30px;
  cursor: pointer;
  /* margin-top: 6px; */
}
.usertip span {
  color: #ff081c;
  font-size: 12px;
}
.usertip span.pass {
  color: #999;
  /* color: #39c76e; */
}
.usertip .time {
font-size: 12px;
}
.usertip span .iconfont {
  vertical-align: bottom;
}
.usertip b {
  color: #333333;
  font-size: 12px;
  font-weight: normal;
}
/* 服务类型 */
.serviceTitle {
  width: 100%;
  height: 180px;
  margin-top: 15px;
  position: relative;
}
.serviceTitle li {
  width: 33.3%;
  height: 160px;
  position: absolute;
  padding-left: 40px;
  top: 10px;
  left: 0;
  cursor: pointer;
  transition: all 0.3s ease;
  border-radius: 8px;
}
.serTypeTit {
  position: absolute;
  color: #fff;
  top: 16px;
  font-weight: 700;
  transition: all 0.3s;
  font-family: SourceHanSansCN-Bold;
  font-size: 18px;
  font-weight: bold;
  line-height: 26px;
  height: 26px;
}
/* .serviceTitle li:hover .serTypeTit {
  top: 35px;
} */
.serviceTitle_li .serTypeTit{
  top: 35px;
}
.serviceTitle li.active .serTypeTit {
  top: 26px;
}
.serTypeTit span {
  font-weight: normal;
  padding-left: 4px;
}
.serviceTitle li > p {
  position: absolute;
  font-size: 12px;
  color: #fff;
  line-height: 20px;
  top: 51px;
  transition: all 0.3s;
  height: 20px;
  font-family: SourceHanSansCN-Regular;
}
/* .serviceTitle li:hover > p {
  top: 65px;
} */
.serviceTitle_li p{
  top: 65px;
}
.serviceTitle li.active > p {
  top: 61px;
}
.subNum {
  position: absolute;
  top: 102px;
  transition: all 0.3s;
}
/* .serviceTitle li:hover .subNum {
  top: 103px;
} */
.serviceTitle_li .subNum {
  top: 103px;
}
.serviceTitle li.active .subNum {
  top: 113px;
}
.subNum > div {
  float: left;
  color: #fff;
  text-align: center;
  padding-right: 44px;
  position: relative;
}
.subNum > div:not(:last-child)::after {
  content: '';
  position: absolute;
  height: 24px;
  width: 1px;
  background-color: #fff;
  right: 22px;
  top: 10px;
}
.subNum > div > p {
  font-size: 16px;
  font-weight: 700;
}
.subNum > div > span {
  font-size: 12px;
}
.serviceTitle li:first-child {
  background: #4566E0;
  border-radius: 8px 0 0 8px;
  /* box-shadow: 0px 3px 10px 0px rgba(69, 102, 224, 0.15); */
}
.serviceTitle li:nth-child(2) {
  background: #518BFD;
  border-radius: 0;
  /* box-shadow: 0px 3px 10px 0px rgba(81, 139, 253, 0.15); */
  left: 33.3%;
}
.serviceTitle li:nth-child(3) {
  background-color: #07B9B9;
  border-radius: 0 8px 8px 0;
  /* box-shadow: 0px 3px 10px 0px rgba(7, 185, 185, 0.15); */
  left: 66.6%;
}
/* .serviceTitle li:hover {
  height: 173px;
  border-radius: 10px;
  top: 15px;
  background-position: 220px 0px;
  background-size: 180px 162px;
} */
.serviceTitle li.active {
  height: 180px;
  border-radius: 10px;
  top: 0;
}
.serviceTriangle {
  position: absolute;
  left: 176px;
  bottom: -10px;
  width: 22px;
  height: 22px;
  transform: rotate(45deg);
  -ms-transform: rotate(45deg); /* Internet Explorer */
  -moz-transform: rotate(45deg); /* Firefox */
  -webkit-transform: rotate(45deg); /* Safari 和 Chrome */
  -o-transform: rotate(45deg); /* Opera */
  display: none;
  transition: all .3s;
}
.serviceTitle li:hover .serviceTriangle {
  display: block;
}
.serviceTitle li.active .serviceTriangle {
  display: block;
}
.serviceTitle li:first-child:hover {
  box-shadow: 0px 5px 21px 3px rgba(69, 102, 224, 0.15);
}
.serviceTitle li:first-child.active {
  box-shadow: 0px 5px 21px 3px rgba(69, 102, 224, 0.15);
}
.serviceTitle li:nth-child(2):hover {
  box-shadow: 0px 5px 21px 3px rgba(81, 139, 253, 0.15);
}
.serviceTitle li:nth-child(2).active {
  box-shadow: 0px 5px 21px 3px rgba(81, 139, 253, 0.15);
}
.serviceTitle li:nth-child(3):hover {
  box-shadow: 0px 5px 21px 3px rgba(7, 185, 185, 0.15);
}
.serviceTitle li:nth-child(3).active {
  box-shadow: 0px 5px 21px 3px rgba(7, 185, 185, 0.15);
}
.serviceTitle li:first-child .serviceTriangle {
  box-shadow: 0px 5px 21px 3px rgba(233, 26, 34, 0.32);
  background-color: #e91a22;
}
.serviceTitle li:nth-child(2) .serviceTriangle {
  box-shadow: 0px 5px 21px 3px rgb(74, 105, 218, 0.32);
  background-color: #4566e0;
}
.serviceTitle li:nth-child(3) .serviceTriangle {
  box-shadow: 0px 5px 21px 3px rgb(0, 204, 158, 0.32);
  background-color: #00cc9e;
}
.serviceTitle li .serTotalNum {
  position: absolute;
  right: 14px;
  top: 15px;
  color: #fff;
  transition: all 0.3s;
}
.serviceTitle_li .serTotalNumP{
  top: 20px;
}
/* .serviceTitle li:hover .serTotalNum {
  top: 20px;
} */
.serviceTitle li.active .serTotalNum {
  top: 25px;
}
.serviceTitle li .serTotalNum b {
  font-size: 36px;
  font-weight: 500;
  font-family: SourceHanSansCN-Medium;
}
.serviceTitle li > img {
  position: absolute;
  top: 84px;
  right: 14px;
  transition: all 0.3s;
  width: 56px;
  height: 56px;
}
/* .serviceTitle li:hover img {
  top: 85px;
} */
.serviceTitle_li .img{
  top: 85px;
}
.serviceTitle li.active img {
  top: 104px;
}
.serviceContent {
  width: 100%;
  padding: 0 0 24px;
  position: relative;
}
.serviceContent .serviceContentBox {
  width: 100%;
  height: auto;
/*  position: absolute;
*/  /*transition: all 0.3s;*/
}
.serviceContent .serviceContentBox:first-child {
  top: 0;
}
.serviceContent .serviceContentBox:nth-child(2) {
  top: 360px;
}
.serviceContent .serviceContentBox:nth-child(3) {
  top: 720px;
}
.TabTit {
  padding: 40px 0 24px;
}
.TabTit dt {
  float: left;
  font-size: 24px;
  font-family: SourceHanSansCN-Medium;
  font-weight: 500;
  margin-right: 32px;
  color:#000;
  height: 24px;
  line-height: 24px;
}
.TabTit dt span{
  line-height: 32px;
  height: 32px;
}
.TabTit dt img {
  width:35px;
  height: 23px;
  margin-right: 6px;
  margin-top:-3px;
  margin-left:16px;
}
.TabTit dd.active {
  color: #fff;
}
.TabTit dd {
  float: left;
  margin: 0 8px;
  font-weight: 500;
  color: #333333;
  font-size: 16px;
  height: 32px;
  line-height: 32px;
  padding: 0 16px;
  border-radius: 16px;
  cursor: pointer;
  background-color: #F0F2F5;
}
.studentService .TabTit dd.active {
  background-color: #e91a22;
}
.studentService .TabTit dd:hover {
  color: #e91a22;
}
.studentService .TabTit dd.active:hover {
  color: #fff;
}
.FacultyService .TabTit dd.active {
  background-color: #4566e0;
}
.FacultyService .TabTit dd:hover {
 color: #4566e0;
}
.FacultyService .TabTit dd.active:hover {
background-color: #4566e0;
color: #fff;
}
.publicService .TabTit dd.active {
  background-color: #00cc9e;
}
.publicService .TabTit dd:hover {
  color: #00cc9e;
}
.publicService .TabTit dd.active:hover {
  background-color: #00cc9e;
  color: #fff;
}
.tabContent ul li {
  float: left;
  width: 221px;
  height: 120px;
  background: rgba(255, 255, 255, 1);
  border: 1px solid rgba(224, 224, 224, 1);
  border-radius: 4px;
  margin: 5px 23px 5px 0;
  text-align: left;
  cursor: pointer;
  transition: all .3s;
  position: relative;
}
.tabContent ul li .iconfont {
  position: absolute;
  right: 26px;
  top: 20px;
  color: #D8D8D8;
  display: none;
}
.tabContent ul li:hover .iconfont{
  display: block;
}
.tabContent ul li .iconfont.active {
  color: #FA5151;
}
.tabContent ul li:hover {
border:1px solid rgba(233,26,34,1);
box-shadow: 0px 0.25rem 1.25rem rgb(233, 26, 34, 0.2);
}
.tabContent ul li img {
  width: 38px;
  height: 38px;
}
.tabContent ul li p {
  overflow: hidden;
  /* text-overflow: ellipsis; */
  /* white-space: nowrap; */
  width: 100%;
  padding: 0 5px;
}
.tabContent ul li:nth-child(5n) {
  margin-right: 0;
}
.FacultyService ul li.special {
  font-weight: 700;
  border: none;
}
.FacultyService ul li.special img {
  margin-top: 20px;
  margin-bottom: 16px;
}
.FacultyService ul li.special1 {
  background: rgba(229, 241, 250, 1);
  color: #4e94db;
}
.FacultyService ul li.special2 {
  background: rgba(232, 254, 242, 1);
  color: #0ca35a;
}
.FacultyService ul li.special3 {
  background: rgba(230, 244, 245, 1);
  color: #1eaab2;
}
.FacultyService ul li.special4 {
  background: rgba(247, 243, 227, 1);
  color: #ff6527;
}
/* .publicService .tabContent ul li {
  width: 205px;
} */
.publicService .tabContent ul li.special {
  width: 286px;
  border: none;
  color: #fff;
  font-weight: 700;
  font-size: 20px;
}
.publicService .tabContent ul li.special img {
  margin-top: 22px;
}
.publicService .tabContent ul li.special1 {
  background: url(../images/iconbg1.png);
}
.publicService .tabContent ul li.special2 {
  background: url(../images/iconbg2.png);
}
/* 服务成效统计 */
.serviceChart {
  width: 100%;
  height: 603px;
  background: url(../images/bannerbg@2x.png) no-repeat;
  background-size: 100% 100%;
  padding-top: 10px;
  /* -webkit-background-size: cover;
  -o-background-size: cover; */
}
.chartContent {
  height: 100%;
}
.chartContent>ul>li {
  float: left;
  height:225px;
background:rgba(156,161,248,.16);
border-radius:3px;
width: 407px;
margin: 16px 16px 0  0;
}
.chartContent>ul>li:first-child,
.chartContent>ul>li:nth-child(4) {
  width: 353px;
}
.chartContent>ul>li:nth-child(3n) {
  margin-right: 0;
}
.chartTit {
  text-align: center;
  padding-top: 25px;

}
.chartTit span {
  position: relative;
  color: #fff;
  font-size: 16px;
  padding-left: 20px;
  padding-right: 10px;
}
.chartTit span::before {
  content: '';
  width: 8px;
  height: 8px;
  position: absolute;
  left: 5px;
  top: 8px;
  background-color: #36A5E7;
}
.chartTit span:nth-child(2)::before {
  background-color: #01D285;
}
.trafficStatistics img{
  display: block;
margin: 28px auto 22px;
}
.trafficStatistics p {
  text-align: center;
  color: #fff;
  font-size: 16px;
}
.trafficStatistics p b{
  color: #00C0FF;
  font-size: 34px;
}
.yearNumbersAll {
  padding: 40px 24px;
  text-align: center;
  display: flex;
  justify-content: center;
}
.yearNumbersAll>span {
  line-height: 32px;
  margin-right: 14px;
  font-size: 14px;
  color: #1A1A1A;
  font-family: MicrosoftYaHei;
}
.yearNumbersAll>b {
  line-height: 32px;
  margin-left: 8px;
  color: #1A1A1A;
  font-size: 14px;
  font-family: MicrosoftYaHei;
}
.yearNumbersAll ul li {
  float: left;
  text-align: center;
  line-height: 32px;
  width: 24px;
  background:#E6F1F7;
  margin-right: 8px;
  color: #1A1A1A;
  font-weight: 700;
  font-size: 22px;
  font-family: D-DIN-Bold;
}
.yearNumbersAll ul li:last-child {
  margin-right: 0;
}
.yearNumbers_1,.yearNumbers_2 {
  width: 50%;
  text-align: center;
  padding-top: 20px;
}
.yearNumbers_1 span,.yearNumbers_2 span {
  position: relative;
    color: #fff;
    font-size: 16px;
    padding-left: 20px;
    padding-right: 10px;
}
.yearNumbers_1 span::before {
content: '';
    width: 8px;
    height: 8px;
    position: absolute;
    left: 5px;
    top: 8px;
    background-color: #36A5E7;
}
.yearNumbers_2 span::before {
content: '';
    width: 8px;
    height: 8px;
    position: absolute;
    left: 5px;
    top: 8px;
    background-color: #01D285;
}
.yearNumbers_1 p,
.yearNumbers_2 p {
  color: #fff;
  font-size: 16px;
  text-align: center;
  padding-top: 10px;
}
.yearNumbers_1 p b {
  font-size: 24px;
  font-weight: 700;
  color: #00C0FF;
}
.yearNumbers_2 p b {
  font-size: 24px;
  font-weight: 700;
  color: #01D285;
}
#pie1,#pie2,#pie4 {
  width: 100%;
  height: 150px;
}
/* 底部栏************************************************************************* */
.footer {
  background: #f1f2f3;
}
.footer_info > ul > li {
  float: left;
  height: auto;
  /* background: rgba(234, 235, 235, 1); */
  margin: 40px 20px 50px 0;
  padding-left: 30px;
}
.footer_info ul li h4.tit {
  font-weight: 600;
  font-size: 14px;
  color: #091b28;
  /* line-height: 50px; */
}
.footer_info .quickLinks {
  width: 292px;
}
.footer_info .quickLinks a {
  color: #4c5053;
  line-height: 30px;
}
.footer_info .contactUs {
  width: 280px;
}
.contactUs .phone {
  color: #091b28;
  font-size: 20px;
  font-weight: 600;
  line-height: 30px;
}
.contactUs p {
  margin-top: 20px;
  color: #4c5053;
}
.footer_info .newMedia {
  width: 251px;
}
.footer_info .newMedia img {
  /* display: none; */
  width: 80px;
  height: 80px;
  border: 6px solid #fff;
  /* position: absolute;
  top: -140px;
  left: -28px; */
}
.footer_info .newMedia > div::after {
  content: '';
  position: absolute;
  top: -15px;
  left: 25px;
  background-color: #fff;
  width: 10px;
  height: 10px;
  transform: rotate(45deg);
  display: none;
}
.footer_info .newMedia p {
  color: #4c5053;
  line-height: 30px;
}
.footer_info .newMedia .iconfont {
  width: 43px;
  line-height: 43px;
  font-size: 24px;
  border: 1px solid rgba(28, 44, 56, 1);
  border-radius: 50%;
  text-align: center;
  color: #091b28;
  display: inline-block;
}
.footer_info .newMedia .wb,
.footer_info .newMedia .wx {
  width: 60px;
  display: inline-block;
  text-align: center;
  margin-top: 10px;
  cursor: pointer;
  position: relative;
}
.footer_info .newMedia > div:hover img,
.footer_info .newMedia > div:hover::after {
  display: block;
}
.footer_info li.aPPDownload {
  width: 316px;
  margin-right: 0px;
  position: relative;
}
.footer_info li.aPPDownload p {
  margin-top: 15px;
  color: #4c5053;
  line-height: 26px;
}
.footer_info li.aPPDownload img {
  position: absolute;
  right: 17px;
  top: 17px;
  width: 113px;
  height: 121px;
}
.ywtbCopy {
  background: rgba(234, 235, 235, 1);
  color: #45484b;
  line-height: 46px;
  text-align: center;
}
.ywtbCopy span {
  color: #727475;
  padding: 0 4px;
}
/* 侧边导航条 ***********************/
.affix-toolbar {
  position: fixed;
  right: 15px;
  top: 40%;
  width: 64px;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  /* padding: 10px 0; */
  color: #fff;
  text-align: center;
  background-color: #2054AD;
  z-index: 99;
  padding-top:8px;
}
.affix-toolbar li a {
  display: block;
  padding-top:8px;
  /* height: 42px; */
  color: #fff;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-decoration: none;
  font-family: MicrosoftYaHei;
  font-size: 12px;
  font-weight: normal;
  line-height: 20px;
}
.affix-toolbar li a .iconfont {
  display: block;
  font-size: 30px;
}
.affix-toolbar li a:hover {
  /* color: #fff; */
  background-color: #086FC6;
}
.affix-toolbar li a img {
  display: block;
  margin: 0 auto;
}
.affix-toolbar li a.back-top{
  height: 32px;
  line-height: 32px;
  background-color: #086FC6;
  padding-top:0;
  margin-top:8px;
}
.input-group-btn {
    width: 1%;
    white-space: nowrap;
    vertical-align: middle;
    display: table-cell;
}
.input-group-btn {
    position: relative;
    font-size: 0;
    white-space: nowrap;
}
.input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group {
    z-index: 2;
    margin-left: -1px;
}
.input-group .form-control:last-child, .input-group-addon:last-child, .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group > .btn, .input-group-btn:last-child > .dropdown-toggle, .input-group-btn:first-child > .btn:not(:first-child), .input-group-btn:first-child > .btn-group:not(:first-child) > .btn {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.btn {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}
.input-group .form-control:first-child, .input-group-addon:first-child, .input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group > .btn, .input-group-btn:first-child > .dropdown-toggle, .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle), .input-group-btn:last-child > .btn-group:not(:last-child) > .btn {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus {
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}

.nullData{
  text-align: center;
}
.nullData p{
  font-size: 16px ;
  color: #9EAFCB;
  margin-top: 15px;
}