.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%;
   height: auto;

}

.list .list-con .list-r-top {
   display: flex;
   flex-direction: column;
   justify-content: space-between;
   margin-top: 40px;
   padding: 0 40px;
}

.list .list-con .list-r-top .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-top .leader_img {
   display: flex;
   justify-content: flex-start;
   align-items: center;
   margin-top: 40px;

}

.list .list-con .list-r-top .leader_img .img_items {
   width: 150px;
   margin-bottom: 40px;
   margin-left: 16px;
   text-align: center;
}

.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;
   font-size: 20px;
   color: #333333;
}

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

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

.list .list-r-center span {
   display: inline-block;
   line-height: 1.5rem;
   margin-top: 40px;
}

/* 底部 */
.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;
}

/* 底部结束 */