.normative_header {
   height: 917px;
   background: url(../images/gov_bg_header.png) no-repeat;
   background-size: 100% 100%;
 }
 .normative_header .normative_shortcut {
   display: flex;
   justify-content: flex-end;
   padding: 24px 0;
   color: #fff;
 }
 .normative_header .normative_shortcut li {
   position: relative;
 }
 .normative_header .normative_shortcut li:nth-child(2n) {
   margin: 0 15px;
 }
 .normative_header .normative_shortcut li a {
   display: flex;
   align-items: center;
   color: #fff;
   cursor: pointer;
 }
 .normative_header .normative_shortcut li a img {
   margin-right: 5px;
 }
 .normative_header .normative_shortcut li .panel_w {
  width: 166px;
  height: 166px;
  display: none;
  position: absolute;
  top: 28px;
  left: 50%;
  background-color: #eee;
  transform: translateX(-50%);
  padding: 10px;
  border-radius: 5px;
  z-index: 9999;
 }
 .normative_header .normative_shortcut li .panel_w img {
   width: 100%;
   height: 100%;
 }
 .normative_header .normative_shortcut li:hover .panel_w {
   display: block;
 }
 .normative_header .normative_header_nav {
   display: flex;
   justify-content: space-between;
 }
 .normative_header .normative_header_nav .normative_nav {
   display: flex;
   padding-top: 20px;
 }
 .normative_header .normative_header_nav .normative_nav li {
   position: relative;
   margin-left: 30px;
   height: 40px;
 }
 .normative_header .normative_header_nav .normative_nav li a {
   font-size: 21px;
   color: #fff;
 }
 .normative_header .normative_header_nav .normative_nav li::before {
   content: "";
   position: absolute;
   bottom: 0px;
   left: 50%;
   transform: translateX(-50%);
   width: 69px;
   height: 2px;
   background-color: transparent;
 }
 .normative_header .normative_header_nav .normative_nav li:hover::before,
 .normative_header .normative_header_nav .normative_nav li.active::before {
   background-color: #fff;
 }
 .normative_header .normative_title {
   position: relative;
   display: flex;
   justify-content: center;
   font-size: 100px;
   text-shadow: 3px 6px 0px rgba(20, 97, 160, 0.68);
   color: #fff;
   font-weight: 700;
   margin-top: 133px;
 }
 .normative_header .normative_title::before {
   content: "";
   position: absolute;
   bottom: -36px;
   left: 50%;
   width: 915px;
   height: 1px;
   background-color: #f2f6f8;
   transform: translateX(-50%);
 }
 .normative_body {
   background-color: #f2f2f2;
   padding: 30px;
   margin-top: -330px;
   margin-bottom: 50px;
 }
 .normative_body .breadcrumbs {
   display: flex;
   align-items: center;
   color: #333;
   margin-bottom: 40px;
   font-size: 18px;
 }
 .normative_body .breadcrumbs img {
   margin-right: 10px;
 }
 .normative_body .breadcrumbs a {
   color: #333;
 }
 .normative_body .breadcrumbs a:hover {
   color: #016bb5;
 }
 .normative_body .layout {
   margin-top: 40px;
   overflow: hidden;
 }
 .normative_body .layout .side {
   float: left;
   width: 248px;
 }
 .normative_body .layout .side .side_item {
   width: 100%;
   margin-bottom: 20px;
   cursor: pointer;
 }
 .normative_body .layout .side .side_item:last-child {
   margin-bottom: 0;
 }
 .normative_body .layout .side .side_item .side_link {
   display: flex;
   align-items: center;
   justify-content: space-between;
   width: 100%;
   height: 75px;
   font-size: 21px;
   color: #2d66a5;
   padding: 0 30px;
   cursor: pointer;
   background-color: #fff;
 }
 .normative_body .layout .side .side_item .side_link .left {
   display: flex;
   align-items: center;
 }
 .normative_body .layout .side .side_item .side_link .left img {
   width: 40px;
   height: 40px;
   margin-right: 22px;
 }
 .normative_body .layout .side .side_item .side_link .default_element {
   display: block;
 }
 .normative_body .layout .side .side_item .side_link .active_element {
   display: none;
 }
 .normative_body .layout .side .side_item .side_link .symbol {
   display: flex;
   align-items: center;
   width: 20px;
   height: 20px;
   background: url(../images/gov_icon_jia.png) no-repeat;
   background-size: 100%;
   background-position: center;
 }
 .normative_body .layout .side .side_item .channels {
   display: none;
   padding: 15px 0;
   background-color: #fff;
 }
 .normative_body .layout .side .side_item .channels li {
   height: 37px;
   margin-bottom: 5px;
 }
 .normative_body .layout .side .side_item .channels li:last-child {
   margin-bottom: 0;
 }
 .normative_body .layout .side .side_item .channels li:hover,
 .normative_body .layout .side .side_item .channels li.on {
   background-color: #eaf3f9;
 }
 .normative_body .layout .side .side_item .channels li:hover a,
 .normative_body .layout .side .side_item .channels li.on a {
   color: #015293;
   font-weight: 700;
 }
 .normative_body .layout .side .side_item .channels li:hover a::before,
 .normative_body .layout .side .side_item .channels li.on a::before {
   background-color: #015293;
 }
 .normative_body .layout .side .side_item .channels li a {
   position: relative;
   display: flex;
   align-items: center;
   height: 100%;
   padding-left: 30px;
   padding-right: 15px;
   font-size: 16px;
   color: #333;
 }
 .normative_body .layout .side .side_item .channels li a::before {
   content: "";
   position: absolute;
   left: 15px;
   top: 50%;
   transform: translateY(-50%);
   width: 5px;
   height: 5px;
   background-color: #898989;
   border-radius: 50%;
 }
 .normative_body .layout .side .side_item:hover .side_link,
 .normative_body .layout .side .side_item.active .side_link {
   background-color: #2d66a5;
   color: #fff;
 }
 .normative_body .layout .side .side_item:hover .side_link .active_element,
 .normative_body .layout .side .side_item.active .side_link .active_element {
   display: block;
   font-size: 40px;
 }
 .normative_body .layout .side .side_item:hover .side_link .default_element,
 .normative_body .layout .side .side_item.active .side_link .default_element {
   display: none;
 }
 .normative_body .layout .side .side_item:hover .side_link .symbol,
 .normative_body .layout .side .side_item.active .side_link .symbol {
   background-image: url(../images/gov_icon_jian.png);
 }
 .normative_body .layout .side .side_item .ewm {
   width: 100%;
 }
 .normative_body .layout .main {
   float: right;
   width: 970px;
   background-color: #fff;
   padding: 30px;
 }
 .normative_body .layout .main .search_box .layui-form {
   display: flex;
   justify-content: space-between;
   flex-wrap: wrap;
 }
 .normative_body .layout .main .search_box .layui-form .layui-input {
   height: 45px;
 }
 .normative_body .layout .main .search_box .layui-form .layui-input:focus,
 .normative_body .layout .main .search_box .layui-form .layui-textarea:focus {
   border-color: #015293 !important;
   box-shadow: 0 0 0 3px rgba(1, 82, 147, 0.08);
 }
 .normative_body .layout .main .search_box .layui-form .layui-form-select dl dd.layui-this {
   color: #015293;
 }
 .normative_body .layout .main .search_box .layui-form .form_item {
   display: flex;
   align-items: center;
   width: 48%;
   margin-bottom: 20px;
 }
 .normative_body .layout .main .search_box .layui-form .form_item .keywords {
   display: flex;
   flex: 1;
 }
 .normative_body .layout .main .search_box .layui-form .form_item .keywords .layui-form-select {
   width: 100px;
   flex: none;
 }
 .normative_body .layout .main .search_box .layui-form .form_item .keywords .input {
   flex: 1;
 }
 .normative_body .layout .main .search_box .layui-form .form_item .label {
   width: 100px;
   font-size: 16px;
   color: #333;
 }
 .normative_body .layout .main .search_box .layui-form .form_item .layui-input {
   flex: 1;
 }
 .normative_body .layout .main .search_box .layui-form .form_item .layui-form-select {
   flex: 1;
 }
 .normative_body .layout .main .search_box .layui-form .form_item .layui-inline {
   display: flex;
   align-items: center;
   flex: 1;
 }
 .normative_body .layout .main .search_box .layui-form .form_item .layui-inline .layui-form-mid {
   margin: 0 9px;
 }
 .normative_body .layout .main .search_box .layui-form .btns {
   display: flex;
   justify-content: center;
   width: 100%;
   margin-top: 20px;
 }
 .normative_body .layout .main .search_box .layui-form .btns .layui-btn {
   width: 129px;
   height: 47px;
   background-color: #015293;
   font-size: 18px;
 }
 .normative_body .layout .main .search_box .layui-form .btns .layui-btn-primary {
   background-color: #ccc;
 }
 .normative_body .layout .main .search_box .layui-form .btns .layui-btn-primary:hover {
   border-color: #ccc;
 }
 .normative_body .layout .main .search_box .form-group {
   flex: 1;
   /* 树形选择器主容器 */
   /* 选择输入框 */
   /* 下拉面板 */
   /* 树形容器 */
   /* 树节点样式 */
   /* 展开/折叠图标 */
   /* 节点文本 */
   /* 子节点容器 */
   /* 结果显示 */
   /* 滚动条样式 */
   /* 响应式设计 */
 }
 .normative_body .layout .main .search_box .form-group .tree-select {
   position: relative;
   width: 100%;
 }
 .normative_body .layout .main .search_box .form-group .select-input {
   display: flex;
   align-items: center;
   justify-content: space-between;
   padding: 12px 16px;
   border: 1px solid #eee;
   border-radius: 4px;
   background: white;
   cursor: pointer;
   transition: all 0.3s ease;
   min-height: 45px;
 }
 .normative_body .layout .main .search_box .form-group .select-input:hover {
   border-color: #015293;
 }
 .normative_body .layout .main .search_box .form-group .select-input.active {
   border-color: #015293;
   box-shadow: 0 0 0 2px rgba(64, 158, 255, 0.2);
 }
 .normative_body .layout .main .search_box .form-group .selected-text {
   flex: 1;
   color: #606266;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
 }
 .normative_body .layout .main .search_box .form-group .selected-text.placeholder {
   color: #c0c4cc;
 }
 .normative_body .layout .main .search_box .form-group .arrow {
   color: #c0c4cc;
   transition: transform 0.3s ease;
   font-size: 12px;
 }
 .normative_body .layout .main .search_box .form-group .select-input.active .arrow {
   transform: rotate(180deg);
 }
 .normative_body .layout .main .search_box .form-group .dropdown-panel {
   position: absolute;
   top: 100%;
   left: 0;
   right: 0;
   background: white;
   border: 1px solid #e4e7ed;
   border-radius: 4px;
   box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
   z-index: 1000;
   max-height: 200px;
   overflow-y: auto;
   display: none;
   margin-top: 4px;
 }
 .normative_body .layout .main .search_box .form-group .dropdown-panel.show {
   display: block;
   animation: fadeInDown 0.3s ease;
 }
 @keyframes fadeInDown {
   from {
     opacity: 0;
     transform: translateY(-10px);
   }
   to {
     opacity: 1;
     transform: translateY(0);
   }
 }
 .normative_body .layout .main .search_box .form-group .tree-container {
   padding: 8px 0;
 }
 .normative_body .layout .main .search_box .form-group .tree-node {
   position: relative;
 }
 .normative_body .layout .main .search_box .form-group .node-content {
   display: flex;
   align-items: center;
   padding: 8px 16px;
   cursor: pointer;
   transition: background-color 0.2s ease;
   user-select: none;
 }
 .normative_body .layout .main .search_box .form-group .node-content:hover {
   background-color: #f5f7fa;
 }
 .normative_body .layout .main .search_box .form-group .node-content.selected {
   background-color: #ecf5ff;
   color: #015293;
 }
 .normative_body .layout .main .search_box .form-group .expand-icon {
   width: 16px;
   height: 16px;
   margin-right: 8px;
   display: flex;
   align-items: center;
   justify-content: center;
   font-size: 12px;
   color: #c0c4cc;
   transition: transform 0.3s ease;
 }
 .normative_body .layout .main .search_box .form-group .expand-icon.expanded {
   transform: rotate(90deg);
 }
 .normative_body .layout .main .search_box .form-group .expand-icon.leaf {
   visibility: hidden;
 }
 .normative_body .layout .main .search_box .form-group .node-text {
   flex: 1;
   font-size: 14px;
 }
 .normative_body .layout .main .search_box .form-group .children-container {
   display: none;
   padding-left: 24px;
 }
 .normative_body .layout .main .search_box .form-group .children-container.show {
   display: block;
 }
 .normative_body .layout .main .search_box .form-group .result {
   margin-top: 30px;
   padding: 20px;
   background-color: #f8f9fa;
   border-radius: 4px;
   border-left: 4px solid #409eff;
 }
 .normative_body .layout .main .search_box .form-group .result h3 {
   margin-bottom: 10px;
   color: #2c3e50;
 }
 .normative_body .layout .main .search_box .form-group .result p {
   color: #606266;
   font-size: 16px;
 }
 .normative_body .layout .main .search_box .form-group .dropdown-panel::-webkit-scrollbar {
   width: 6px;
 }
 .normative_body .layout .main .search_box .form-group .dropdown-panel::-webkit-scrollbar-track {
   background: #f1f1f1;
   border-radius: 3px;
 }
 .normative_body .layout .main .search_box .form-group .dropdown-panel::-webkit-scrollbar-thumb {
   background: #c1c1c1;
   border-radius: 3px;
 }
 .normative_body .layout .main .search_box .form-group .dropdown-panel::-webkit-scrollbar-thumb:hover {
   background: #a8a8a8;
 }
 @media (max-width: 768px) {
   .normative_body .layout .main .search_box .form-group .container {
     margin: 20px;
     padding: 15px;
   }
   .normative_body .layout .main .search_box .form-group .tree-select {
     max-width: 100%;
   }
 }
 .normative_body .layout .main .policy {
   margin-top: 40px;
 }
 .normative_body .layout .main .policy .policy_title {
   display: flex;
   align-items: center;
   height: 54px;
   background: url(../images/gov_bg_module_title.png) no-repeat;
   background-size: 100% 100%;
   padding-left: 36px;
   font-size: 24px;
   font-weight: 700;
   color: #015293;
 }
 .normative_body .layout .main .policy .policy_list {
   margin-top: 10px;
   margin-bottom: 20px;
 }
 .normative_body .layout .main .policy .policy_list .list_head {
   display: flex;
   align-items: center;
   height: 60px;
   background-color: #f2f6fa;
 }
 .normative_body .layout .main .policy .policy_list .list_head .head_item {
   display: flex;
   align-items: center;
   justify-content: center;
   height: 100%;
   font-size: 16px;
   color: #2d66a5;
 }
 .normative_body .layout .main .policy .policy_list .list_head .xh {
   width: 60px;
   border-bottom: 5px solid #236caf;
 }
 .normative_body .layout .main .policy .policy_list .list_head .wjmc {
   flex: 1;
   border-bottom: 5px solid #32b9e6;
 }
 .normative_body .layout .main .policy .policy_list .list_head .fwzh {
   width: 240px;
   border-bottom: 5px solid #236caf;
 }
 .normative_body .layout .main .policy .policy_list .list_head .cwrq {
   width: 120px;
   border-bottom: 5px solid #32b9e6;
 }
 .normative_body .layout .main .policy .policy_list .list_head .fbrq {
   width: 120px;
   border-bottom: 5px solid #236caf;
 }
 .normative_body .layout .main .policy .policy_list li a {
   display: flex;
   font-size: 18px;
   color: #333;
 }
 .normative_body .layout .main .policy .policy_list li a .xh {
   display: flex;
   align-items: center;
   justify-content: center;
   width: 60px;
   background-color: #f4f8fb;
 }
 .normative_body .layout .main .policy .policy_list li a .wjmc {
   flex: 1;
 }
 .normative_body .layout .main .policy .policy_list li a .fwzh {
   display: flex;
   align-items: center;
   justify-content: center;
   width: 240px;
   background-color: #f4f8fb;
 }
 .normative_body .layout .main .policy .policy_list li a .cwrq {
   display: flex;
   align-items: center;
   justify-content: center;
   width: 120px;
 }
 .normative_body .layout .main .policy .policy_list li a .fbrq {
   display: flex;
   align-items: center;
   justify-content: center;
   width: 120px;
   background-color: #f4f8fb;
 }
 .normative_body .layout .main .policy .policy_list li a .item {
   border-bottom: 1px solid #eaeaea;
   padding: 10px 10px;
 }
 .normative_body .layout .main .policy .policy_list li:hover a .wjmc {
   color: #015293;
 } 