.header {
   width: 100%;
   height: 500px;
   background-image: url(/images/header_img.png);
   background-repeat: no-repeat;
   background-size: 100% 100%;
}

.header .navbox {
   width: 100%;
   height: 100px;
   margin: 0 auto;
   background-color: rgba(0, 136, 210, 0.12);
   display: flex;
   justify-content: center;
   align-items: center;
}

.header .navbox .nav_box {
   width: 100%;
   height: 100%;
   display: flex;
}

.header .navbox .nav_box .nav {
   width: 100%;
   height: 100%;
   display: flex;
   justify-content: space-between;
   align-items: center;
}

.header .navbox .nav_box .nav li {
   width: 233px;
   height: 100%;
   display: flex;
   justify-content: space-evenly;
   align-items: center;
}

.header .navbox .nav_box .nav a {
   display: inline-block;
   height: 100%;
   text-align: center;
   line-height: 100px;
   font-size: 20px;
   font-weight: 500;
   color: #fff;
}

.header .navbox .nav_box .nav a:hover {
   border-bottom: 4px solid #fff;
   border-radius: 4px;
}

.header .navbox .nav_box .WeChat {
   width: 136px;
   height: 100px;
   display: flex;
   justify-content: space-around;
   align-items: center;
   font-size: 20px;
   font-weight: 500;
   color: #fff;
   position: relative;
   display: none;
}

.header .navbox .nav_box .WeChat:hover~.wechat_qr {
   display: block;
}

.header .navbox .nav_box .wechat_qr {
   width: 130px;
   height: 130px;
   background-color: #fff;
   border-radius: 6px;
   position: absolute;
   top: 14%;
   right: 14%;
   display: none;
}

.header .navbox .nav_box .wechat_qr img {
   width: 100%;
   height: 100%;
}

.header .logo {
   width: 100%;
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
   position: relative;
}

.header .logo .logo_img {
   position: absolute;
   top: 40px;
   left: 60px;
}

.header .logo .title_img {
   width: 80%;
   display: flex;
   justify-content: center;
   margin-top: 155px;
}

.header .logo .title_img img {
   width: 100%;
}

.header .sarch {
   width: 600px;
   height: 60px;
   background-color: rgba(255, 255, 255, 0.4);
   border-radius: 10px;
   border: solid 1px #ffffff;
   margin: 0 auto;
   margin-top: 40px;
}

.header .sarch .sarchint {
   width: 100%;
   height: 100%;
}

.header .sarch .sarchint .f-search {
   width: 100%;
   height: 100%;
   display: flex;
   justify-content: space-between;
   align-items: center;
}

.header .sarch .sarchint .f-search .search_input {
   width: 100%;
   height: 50px;
   border-radius: 6px;
   background-color: transparent;
   color: #999;
   font-size: 18px;
   border: none;
   padding: 0 20px;
}

.header .sarch .sarchint .f-search .f_btn {
   width: 100px;
   height: 100%;
   border-radius: 0 6px 6px 0;
   background-color: #fff;
   border: none;
   color: #0077ca;
   font-size: 18px;
}

.transition_bar {
   width: 100%;
   height: 20px;
   background-color: #e5f6ff;
}

.list {
   width: 100%;
   margin: 0 auto;
}

.list .breadcrumbs {
   width: 100%;
   text-align: left;
   font-size: 20px;
   color: #333333;
   margin: 50px 0px;
   padding: 0 30px;
}

.list .list-con {
   width: 100%;
   display: flex;
   flex-direction: column;
   justify-content: space-between;
   align-items: center;
}

.list .list-con .list-con-l {
   width: 95%;
   margin-right: 0px;
   position: relative;
}

.list .list-con .list-con-l .tab {
   width: 100%;
   height: 102px;
   background-color: #0077ca;
   display: flex;
   align-items: center;
   justify-content: center;
}

.list .list-con .list-con-l .tab img {
   width: 41px;
   height: 40px;
   margin-right: 5px;
}

.list .list-con .list-con-l .tab a {
   font-size: 32px;
   color: white;
   font-weight: 600;
}

.list .list-con .list-con-l .tab-item {
   width: 100%;
   height: 102px;
   background-color: #f8f8f8;
   text-align: center;
   line-height: 102px;
   border-top: solid 1px #dddddd;
}

.list .list-con .list-con-l .tab-item .tab-active {
   color: #0077ca !important;
   font-weight: 500;
}

/* 领导介绍列表右 */
.list .list-con .list-r {
   display: flex;
   flex-direction: column;
   /* width: 1008px; */
   height: 700px;
   background-color: #ffffff;
   border: solid 1px #e0f1ff;
   box-shadow: 0px 0px 20px 0px rgba(45, 45, 45, 0.06);

   width: 100%;

}

.list .list-con .list-r-top {
   display: flex;
   justify-content: center;
   align-items: center;
}

.list .list-con .list-r-top .leader_img {
   display: flex;
   flex-direction: column;
   justify-content: space-between;
   align-items: center;
   margin-top: 40px;
   line-height: 1.5rem;

}

.list .list-con .list-r-top .leader_img img {
   width: 150px;
   height: 208px;
}

.list .list-con .list-r-top .leader_img span {
   display: inline-block;
   margin-top: 10px;
}

.list .list-con .list-r-top .leader_img span:nth-child(even) {
   font-size: 20px;
   font-weight: 600;
   color: #333333;
}

.list .list-con .list-r-center {
   display: flex;
   height: 40%;
   width: 100%;
   flex-direction: column;
   justify-content: space-between;
   margin-top: 40px;
   padding: 0 40px;
   box-sizing: border-box;
}

.list .list-con .list-r-center .fg {
   width: 135px;
   height: 45px;
   text-align: center;
   line-height: 45px;
   background-color: #e5f6ff;
   border-radius: 10px;
   font-size: 20px;
   color: #333;
}

/* .list .list-con .list-r-center span {
   display: inline-block;
   width: 100%;
   font-size: 20px;
   text-indent: 2em;
   display: -webkit-box;
   -webkit-line-clamp: 3;
   -webkit-box-orient: vertical;
   overflow: hidden;

}

.list .list-con .list-r-page {
   display: flex;
   justify-content: center;
   margin-top: 40px;

}

.list .list-con .list-r-page .paging {
   display: flex;
   justify-content: center;
   margin-top: 30px;
}

.list .list-con .list-r-page .paging a {
   display: flex;
   justify-content: center;
   margin: 0 5px;
   width: 38px;
   height: 38px;
   line-height: 38px;
   background: #fff;
   border: 1px solid #ebebeb;
   color: #bdbdbd;
   font-size: 14px;
}

.list-r-page .paging a:hover {
   background-color: #0065b8;
   color: #fff;
}

.list-r-page .paging .active {
   display: flex;
   justify-content: center;
   margin: 0 5px;
   width: 38px;
   height: 38px;
   line-height: 38px;
   background: #0065b8;
   color: #fff;
   font-size: 14px;
   border: 1px solid #0065b8;
}

.list-r-page .paging .jump-ipt {
   display: flex;
   justify-content: center;
   margin: 0 5px;
   width: 38px;
   height: 38px;
   line-height: 38px;
   text-align: center;
   background: #fff;
   border: 1px solid #ebebeb;
   outline: none;
   color: #0065b8;
   font-size: 14px;
} */

/* 底部 */
.foot {
   width: 100%;
   height: auto;
   background-color: #0077ca;
   margin-top: 60px;
   display: flex;
   align-items: center;
}

.foot .foot_content {
   width: 100%;
   height: 100%;
   margin: 0 auto;
   display: flex;
   justify-content: space-between;
   align-items: center;
   color: #fff;
   font-size: 20px;
   line-height: 30px;
   flex-direction: column;
}

.foot .foot_content .foot_img {
   width: 56px;
   display: flex;
   align-items: center;
   margin-right: 30px;
}

.foot .foot_content .foot_img img {
   width: 100%;
   height: 100%;
}

.foot .foot_content .foot_left,
.foot .foot_content .foot_right {
   width: 100%;
   display: flex;
   justify-content: center;
   align-items: flex-start;
   flex-direction: column;
   padding: 0 60px;
}

.foot .foot_content .foot_left .foot_text,
.foot .foot_content .foot_right .foot_text {
   display: flex;
   align-items: flex-start;
   flex-direction: column;
}

.foot .foot_content .foot_left .foot_text span img,
.foot .foot_content .foot_right .foot_text span img {
   vertical-align: middle;
   margin-right: 10px;
}