.banner {height: 365px;width: 100%;background:url("/tupian/qingdan20211110.png") no-repeat;background-size: 100% 100%;position: relative;overflow: hidden;}
.logo {width: 80%;margin: 0 auto;margin-top: 20px;display: flex;justify-content: space-between;align-items: center;}
.logo_box {display: flex;align-items: center;}
.logo_txt{float: left;color: #fff;margin-left: 30px;font-size: 35px;font-weight:bold;}
.wza a{color:#fff;}
.wza img{vertical-align:middle;}
.logo_gh {float: left;width: 70px;}
.title_box {display: flex;flex-direction: column;}
.header_title {font-size:75px;color:white;font-weight:bold;text-align: center;margin-top:42px;}
.content {width: 1100px;height: auto;background-color: #f1f1f1;padding: 0 35px 35px 35px;margin: 0 auto;margin-bottom:50px;}
.content-son {background-color: #fff;}
.content {overflow: hidden;}
.content-son {overflow: hidden;margin-top: 20px;padding: 13px;}
.street h5{background: #2f6ea2;border: 1px solid #cad9e8;color: #fff;padding: 0 14px;height: 40px;line-height: 40px;font-size: 16px;width: auto;display: inline-block;}
.street_ul {margin-top: 24px;}
.street_ul li {height: 40px;}
.street_ul li span {width: 19%;text-align: center;display: inline-block;height: 40px;line-height: 40px;}
.street_ul li:nth-of-type(odd) {background-color: #f5f5f5;}
.street_ul li span a {font-size:16px;color:#333;}
.street_ul li span a:hover {color: #165ac4;}

    /*部门*/

.department {margin-top: 20px;}
.department h5{background: #2f6ea2;border: 1px solid #cad9e8;color: #fff;padding: 0 14px;height: 40px;line-height: 40px;font-size: 16px;width: auto;display: inline-block;}
.links-box__content {padding: 24px 10px 0;}
.links-box__content table {border-collapse: collapse;border-spacing: 0;color: #333;width: 100%;}
.links-box__content table tbody > tr:nth-of-type(odd) {background-color: #f5f5f5;}
.links-box__content table td {height: 40px;padding: 0 5px;vertical-align: middle;text-align: center;}
.links-box__content table a {text-decoration: none;font-size:16px;color:#333;}
.links-box__content table a:hover {color: #165ac4;}
.introduction {background: #ffffff;width: 1100px;box-shadow: 0 0 8px 0 #cccccc;margin: 46px auto 46px;box-sizing: border-box;padding: 20px 30px;text-align: justify;text-indent: 2em;font-size: 18px;line-height: 34px;}
 
 @media screen and (max-width: 1480px) {
.logo {width: 90%;}
}
 @media screen and (max-width: 1180px) {
.introduction {width: 95%;}
.logo_gh {width: 34px;margin: 20px auto;}
.logo_txt {margin-left: 13px;font-size: 20px;}
.header_title {font-size: 46px;}
.banner {height: 28vw;}
.content {width: 95%;}
}

 @media screen and (max-width: 760px) {
.logo {margin-top:15px;}
.logo_txt {margin-left: 10px;font-size: 14px;}
.logo_gh {width: 28px;margin: 0px auto;}
.header_title {font-size: 6vw;margin-top: 22px;}
.banner {height: 30vw;}
.introduction {font-size: 14px;line-height: 28px;padding: 20px;margin: 0 auto;}
.content {padding:15px;}
.street_ul li span a {font-size: 14px;}
.street_ul li span {width: 32%;padding-left: 10px;}
.links-box__content table tbody tr{display: flex;flex-direction: column;}
.links-box__content table td {padding: 10px;text-align: left;}
.links-box__content table td.czj {height: auto;}
.street_ul li:nth-of-type(odd) {display: flex;flex-direction: column;height: auto;}
.street_ul li span {width: 100%;text-align: left;}
.street_ul {margin-top: 15px;}
.department {margin-top: 15px;}
.content {padding-bottom:40px;}
.links-box__content {padding: 24px 0 0;}
.links-box__content table a {font-size: 14px;}
  }
 @media screen and (max-width: 500px) {
.banner {height: 35vw;}
}