.row:after, .row:before {
  content: '';
  display: block;
  clear: both
}

p {
  margin: 0;
  padding: 0;
}

input {
  box-sizing: border-box;
}

a {
  text-decoration: none;
}

a {
  font-size: 16px
}

a:link {
  text-decoration: none;
}

a:active {
  color: red;
}

a:visited {
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

a:active, a:hover {
  outline: 0;
  text-decoration: none;
}

li {
  padding: 0;
  margin: 0;
}

button {
  outline: none;
}

ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.my-const {
  width: 1200px;
  margin: 0 auto;
}

body {
  overflow-x: hidden;
  font-size: 16px;
  color: #333;
  background: #e7f7ff url('http://www.hanyang.gov.cn/material/images/bg.jpg') 50% 0 no-repeat;
}

.he {
  height: 100px;
  margin-top: 15px;
}

.logo {
  float: left;
}

.logo-name {
  float: left;
  font-size: 28px;
  font-weight: bolder;
  color: #fff;
  height: 73px;
  line-height: 73px;
  margin-left: 30px;
}

.xxgk {
  height: 150px;
  background: url('http://www.hanyang.gov.cn/material/images/head.png') 50% 0 no-repeat;
}


.search-box:before{
  display: none;
}
.search-box:after{
  display: none;
}
.ysqgk-btn {
  display: inline-block;
  margin-left: 45px;
  background-color: #2285e7;
  color: #fff;
  padding: 20px 30px;
  border-radius: 4px;
}
.ysqgk-btn:hover{
  color: #fff;
}
.my-navigation{
  margin-bottom: 45px;
}
.my-navigation ul{
  display: flex;
  justify-content : space-between;
}

.my-navigation ul li a{
  font-size: 28px;
  color: #2285e7;
  font-weight: bold;
}


.con {
  /* margin-top: 50px; */
  background-color: #fff;
  padding: 36px;
}

.search-box {
  display: block;
  z-index: 9;
  line-height: 0;
  text-align: center;
  font-size: 0;
  position: relative;
  margin: 30px 0px 70px 0px;
}

.search-box:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 48px;
  width: 240px;
  height: 0;
  border-bottom: 2px solid #e2e2e2;
}

.search-box:after {
  content: '';
  position: absolute;
  top: 50%;
  right: 50px;
  width: 240px;
  height: 0;
  border-bottom: 2px solid #e2e2e2;
}

.search-box input {
  width: 510px;
  height: 50px;
  line-height: 26px;
  font-size: 16px;
  padding: 10px;
  border: none;
  background: #fff;
  outline: none;
  border-radius: 9px;
  margin-left: -2%;
  border: 2px solid #2285e7;
}

.search-box button {
  width: 40px;
  height: 50px;
  border: none;
  cursor: pointer;
  text-align: center;
  line-height: 0;
  font-size: 0;
  margin-left: -55px;
  color: transparent;
  background: url('http://www.hanyang.gov.cn/material/images/q.png') 10px 5px no-repeat;
}

ul.info-tree {
  padding-bottom: 15px;
  margin-left: -10px;
}

ul.info-tree>li {
  position: relative;
  font-size: 18px;
}

ul.info-tree li a {
  display: block;
  width: 100%;
  font-size: 23px;
  line-height: 28px;
  padding: 7px 0px 7px 90px;
  color: #2285e7;
  background-color: #eff7ff;
}

ul.info-tree li li {
  position: relative;
  line-height: 32px;
}

ul.info-tree li a:hover, ul.info-tree li.level-1.current a {
  color: #fff;
  background-color: #2285e7;
}

ul.info-tree li a i {
  position: absolute;
  top: 15px;
  left: 33px;
  display: block;
  width: 40px;
  height: 40px;
  cursor: pointer;
  background-image: url('http://www.hanyang.gov.cn/material/images/iconss.png');
  background-size: 320px auto;
  transition: transform .3s;
}

ul.info-tree li.level-1 ul li a {
  color: #333;
  line-height: 24px;
  padding-left: 89px;
  border: none;
  background-color: #fff;
  font-size: 15px;
  padding: 4px 0px 4px 89px;
  position: relative;
}

ul.info-tree li.level-2>i {
  position: absolute;
  top: 5px;
  right: 5px;
  display: block;
  width: 20px;
  height: 20px;
  font-size: 24px;
  line-height: 20px;
  text-align: center;
  color: #aaa;
  cursor: pointer;
}

ul.info-tree li.level-1.current >ul >li >a.current {
  color: #2285e7;
  font-weight: 700;
  background-color: #e7f5ff;
  text-decoration: none;
}
ul.info-tree li.level-1.current ul li a.current {
  color: #2285e7;
  font-weight: 700;
  background-color: #e7f5ff;
  text-decoration: none;
}

ul.info-tree li.level-1.current ul li a:hover {
  background-color: #e7f5ff;
  text-decoration: none;
  color: #2285e7;
}

ul.info-tree>li+li {
  margin-top: 15px;
}

ul.info-tree li li a:after {
  box-sizing: border-box;
  content: '';
  position: absolute;
  top: 16px;
  left: 75px;
  width: 4px;
  height: 4px;
  margin-top: -2px;
  background: #333;
  border-radius: 100px;
}

ul.info-tree li.current a {
  color: #fff;
  background-color: #2285e7;
}

ul.info-tree li.level-2>i:after {
  content: '+';
  font-style: normal;
}

ul.info-tree li.level-2.current>i:after {
  content: '-';
  font-style: normal;
}

ul.info-tree li a i.s1 {
  background-position: -8px -77px;
}

ul.info-tree li a i.s2 {
  background-position: -50px -77px;
}

ul.info-tree li a i.s3 {
  background-position: -93px -77px;
}

ul.info-tree li a i.s4 {
  background-position: -138px -77px;
}

ul.info-tree li a i.s5 {
  background-position: -182px -77px;
}

ul.info-tree li a i.s6 {
  background-position: -224px -77px;
}

ul.info-tree li a i.s7 {
  background-position: -270px -77px;
}

ul.info-tree li a:hover i.s1, ul.info-tree li.current a i.s1 {
  background-position: -8px -123px;
}

ul.info-tree li a:hover i.s2, ul.info-tree li.current a i.s2 {
  background-position: -50px -123px;
}

ul.info-tree li a:hover i.s3, ul.info-tree li.level-1.current a i.s3 {
  background-position: -93px -123px;
}

ul.info-tree li a:hover i.s4, ul.info-tree li.current a i.s4 {
  background-position: -138px -123px;
}

ul.info-tree li a:hover i.s5, ul.info-tree li.current a i.s5 {
  background-position: -182px -123px;
}

ul.info-tree li a:hover i.s6, ul.info-tree li.current a i.s6 {
  background-position: -224px -123px;
}

ul.info-tree li a:hover i.s7, ul.info-tree li.current a i.s7 {
  background-position: -270px -123px;
}

ul.info-tree li.level-2 ul {
  display: none;
}

ul.info-tree>li ul {
  display: none;
}

ul.info-tree li.level-1.current ul li a {
  color: #333;
  line-height: 24px;
  padding-left: 89px;
  border: none;
  background-color: #fff;
  font-size: 15px;
  padding: 4px 20px 4px 89px;
}

ul.info-tree .current>ul {
  display: block !important;
  background-color: #fff;
  padding: 20px 0px;
}

ul.info-tree .level-2>ul {
  padding: 0;
}

ul.info-tree li.level-2 ul li a:after {
  left: 85px;
}

ul.info-tree li.level-2.current ul li a {
  padding-left: 100px;
}

ul.info-tree li.level-1>i {
  position: absolute;
  top: 25px;
  right: 5%;
  display: block;
  width: 20px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  background-position: center;
  cursor: pointer;
}

ul.info-tree li.level-1>i {
  background-image: url('http://www.hanyang.gov.cn/material/images/pus01.png');
}

ul.info-tree li.level-1.current>i {
  display: block;
  background-image: url('http://www.hanyang.gov.cn/material/images/prep.png');
  font-style: normal;
}




    /* 面包屑样式 */
    .where {
      /* height: 20px; */
      line-height: 20px;
      padding: 10px 10px;
      text-align: left;
      /* border-top: 1px solid #DDDDDB; */
      /* border-bottom: 4px solid #1286d8; */
      display: block;
      overflow: hidden;
      font-size: 14px;
    }

    .where font {
      float: left;
      color: #333;
      display: block;
      overflow: hidden;
    }

    .where a {
      float: left;
      font-size: 13px;
      display: block;
      color: #333;
      padding-left: 5px;
      overflow: hidden;
    }

    .where .whimg {
      float: left;
      display: block;
      margin: 0px 5px;
      width: 5px;
      height: 20px;
      background: url('http://www.hanyang.gov.cn/images/icon_arrow22.png') no-repeat center;
      overflow: hidden;
    }

    /* 列表样式 */
    .lynwlist {
      padding: 10px;
      display: block;
      margin:0px;
      overflow: hidden;
    }

    .lynwlist font {
      float: left;
      width: 75%;
      height: 30px;
      line-height: 30px;
      font-size: 18px;
      color: #333;
      padding: 0px 0px 0px 44px;
      background: url('http://www.hanyang.gov.cn/images/list_icon.png') no-repeat left center;
      background-size: contain;
      text-overflow: ellipsis;
      white-space: nowrap;
      overflow: hidden;
    }
    .lynwlist font a{
      color: #000;
    }
    .lynwlist em {
      float: right;
      font-style: normal;
      font-size: 14px;
      color: #1286D8;
    }


    .pageContent {
      display: block;
      overflow: hidden;
      margin: 20px auto;
      font-size: 14px;
      color: #595757;
      text-align: center;
    }

    .pageContent span {
      padding: 0px 8px;
      margin: 0px 4px;
      height: 24px;
      line-height: 24px;
      display: inline-block;
      overflow: hidden;
      color: #fff;
      background: #1286d8;
    }

    .pageContent a {
      padding: 0px 2px;
      margin: 0px 4px;
      height: 24px;
      line-height: 24px;
      display: inline-block;
      overflow: hidden;
    }




    
    /* 底部样式 */
    .footer {
      padding: 10px 0;
      background-color: #272e33;
      text-align: center;
      font: 14px/24px "microsoft yahei";
      color: #fff;
      overflow: hidden;
      margin-top: 20px;
    }

    .footer a {
      color: #fff;
    }

    .footer span {
      padding-left: 22px;
    }

    .footerul {
      display: flex;
      justify-content: center;
      margin: 50px 0;
    }

    .footerul li {
      margin: 0 8px;
      border: 1px solid #eee;
      padding: 8px 20px;
      border-radius: 10px;
      float: left;
    }

    .footerul li a {
      color: #333
    }

    .footBox {
      width: 1030px;
      margin: auto;
      white-space: nowrap;
      display: flex;
      align-items: center;
    }

    .footbox2 {
      color: #fff;
      display: inline-block;
      font-size: 12px;
      margin-right: 20px;
      vertical-align: super;
    }

    .footboximg {
      height: 88px;
      display: inline-flex;
      align-items: center;
    }

    .footboximg img {
      margin-right: 10px
    }

    .footbox2 p {
      margin: 3px 0
    }

    /* 底部样式结束 */