#banner {
   width: 100%;
   position: relative;
 }

 #banner .image {
   width: 100%;
 }

 #banner .image img {
   width: 100%;
 }

 #banner .info {
   position: absolute;
   left: 50%;
   top: 50%;
   transform: translate(-50%, -50%);
   width: 700px;
 }

 #banner .info .tit {
   font-weight: 500;
   color: #FFFFFF;
   text-align: center;
 }

 #banner .info .search {
   width: 325px;
   height: 50px;
   padding: 0 20px;
   border-radius: 10px;
   position: relative;
   border: 1px solid #EDEDED;
   margin-top: 20px;
   width: 700px;
   background: #fff;
 }

 #banner .info .search input {
   flex: 1;
   border: none;
   height: 100%;
   color: #fff;
   background: transparent;
   color: #333;
   
 }

 #banner .info .search svg {
   flex: 0 0 auto;
   cursor: pointer;
 }

 body {
   background: #fff;
 }

 .pb20 {
   padding-bottom: 20px;
 }

 .layui-form-checkbox>i {
   top: 50%;
   transform: translateY(-50%);
 }

 .layui-icon-ok:before {
   font-size: 8px;
   line-height: normal;
 }

 .layui-form-checked[lay-skin=primary]>i {
   background: linear-gradient(90deg, #5F5CFE 0%, #3091CA 100%);
   border-color: var(--onColor);
 }

 .layui-form-checkbox[lay-skin=primary] {
   min-width: auto;
 }

 .layui-form-checkbox[lay-skin=primary]>div {
   color: #000;
   font-size: 16px;
   padding-right: 30px;
 }

 .layui-form-checked[lay-skin=primary]>i,
 .layui-form-checkbox[lay-skin=primary]:hover>i {
   border-color: var(--onColor) !important;
   border-radius: 0;
 }

 .op05 {
   opacity: 0.5;
 }

 .border_B {
   border-bottom: 1px solid rgba(0, 0, 0, 0.1);
 }

 .con {
   padding-bottom: 108px;
 }

 .con .tab {
   padding-top: 50px;
 }

 .con .tab p {
   font-weight: 600;
   transition: all 0.2s linear;
   color: #000000;
   padding-bottom: 20px;
   position: relative;
   margin-right: 2%;
   cursor: pointer;
 }

 .con .tab p:last-child {
   margin-right: 0;
 }

 .con .tab p::after {
   content: "";
   width: 0;
   height: 2px;
   background: var(--onColor);
   position: absolute;
   bottom: 0;
   left: 0;
   transition: all 0.2s linear;
 }

 .con .tab p:hover {
   color: var(--onColor);
 }

 .con .tab p.act {
   color: var(--onColor);
 }

 .con .tab p.act::after {
   width: 100%;
 }

 .con .main {
   margin-top: 30px;
 }

 .con .w1440 {
   overflow: hidden;
 }

 .con .w1440 .tab_main .main_l {
   flex: 1;
   max-width: 260px;
   margin-right: 6.6%;
   color: #000;
 }

 .con .w1440 .tab_main .main_l .fixed>ul>li {
   margin-top: 20px;
 }

 .con .w1440 .tab_main .main_l .fixed>ul>li.on>p i {
   transform: rotate(180deg);
 }

 .con .w1440 .tab_main .main_l .fixed>ul>li>.tit {
   /*background: linear-gradient(90deg, #5F5CFE 0%, #3091CA 100%);
   border-radius: 10px 10px 10px 10px;*/
   padding: 20px 27px;
   color: #5a5a5a;
   cursor: pointer;
   border-bottom: 1px solid rgb(63 128 219);
 }

 .con .w1440 .tab_main .main_l .fixed>ul>li>.tit>i {
   color: #5a5a5a;
 }

 .con .w1440 .tab_main .main_l .fixed>ul>li i {
   transition: all 0.2s linear;
   color: #999;
   cursor: pointer;
 }

 .con .w1440 .tab_main .main_l .fixed>ul>li>ul {
   background: rgba(244, 245, 250, 0.6);
   border-radius: 10px;
   padding: 8px 30px 10px 30px;
   display: none;
 }

 .con .w1440 .tab_main .main_l .fixed>ul>li>ul li {
   padding: 16px 0;
   border-bottom: 1px solid rgba(0, 0, 0, 0.1);
 }

 .con .w1440 .tab_main .main_l .fixed>ul>li>ul li:last-child {
   border: none;
 }


 .con .w1440 .tab_main .main_l .fixed>ul>li>ul li.on>p i {
   transform: rotate(-90deg);
  
 }

 .con .w1440 .tab_main .main_l .fixed>ul>li>ul .item_tit.on,
 .con .w1440 .tab_main .main_l .fixed>ul>li>ul .item_tit:hover {
   color: var(--onColor);
 }

 .con .w1440 .tab_main .main_l .fixed>ul>li>ul .item_tit,
 .con .w1440 .tab_main .main_l .fixed>ul>li>ul .tit {
   color: #333333;
   font-size: inherit;
   cursor: pointer;
 }

 .con .w1440 .tab_main .main_l .fixed>ul>li>ul .item_tit::before,
 .con .w1440 .tab_main .main_l .fixed>ul>li>ul .tit::before {
   content: "";
   width: 4px;
   height: 4px;
   background: #CFCFCF;
   border-radius: 0px 0px 0px 0px;
   border-radius: 100%;
   display: inline-block;
   margin-right: 8px;
 }

 .con .w1440 .tab_main .main_l .fixed>ul>li>ul .item_tit i,
 .con .w1440 .tab_main .main_l .fixed>ul>li>ul .tit i {
   margin-left: auto;
 }

 .con .w1440 .tab_main .main_l .fixed>ul>li>ul ul {
   font-size: 14px;
   padding: 10px 0 0 16px;
   display: none;
 }

 .con .w1440 .tab_main .main_l .fixed>ul>li>ul ul li {
   border: none;
   padding: 4px 0 0;
 }

 .con .w1440 .tab_main .main_r {
   flex: 1;
 }

 .con .w1440 .tab_main .main_r .batchDownload {
   line-height: 1;
   cursor: pointer;
   transition: all 0.2s linear;
 }

 .con .w1440 .tab_main .main_r .batchDownload:hover {
   color: var(--onColor);
   text-decoration: underline;
   opacity: 1;
 }

 .con .w1440 .tab_main .main_r .batchDownload:hover svg path {
   fill: var(--onColor);
 }

 .con .w1440 .tab_main .main_r .language p {
   opacity: 0.5;
   color: #000000;
   line-height: 1;
   cursor: pointer;
   margin-left: 18px;
 }

 .con .w1440 .tab_main .main_r .language p.act {
   opacity: 1;
 }

 .con .w1440 .tab_main .main_r .language p.act span {
   border-color: var(--onColor);
 }

 .con .w1440 .tab_main .main_r .language p.act span::after {
   visibility: visible;
 }

 .con .w1440 .tab_main .main_r .language p span {
   border: 1px solid #d9d9d9;
   display: inline-block;
   width: 18px;
   height: 18px;
   border-radius: 100%;
   margin-right: 6px;
   position: relative;
 }

 .con .w1440 .tab_main .main_r .language p span::after {
   content: "";
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   width: 12px;
   height: 12px;
   border-radius: 100%;
   background: linear-gradient(90deg, #5F5CFE 0%, #3091CA 100%);
   visibility: hidden;
   transition: all 0.2s linear;
 }

 .con .w1440 .tab_main .main_r .list_main {
   margin-top: 20px;
 }

 .con .w1440 .tab_main .main_r .tab_header {
   padding: 20px 40px 20px 0;
   background: rgba(0, 84, 163, 0.1);
   border-radius: 10px;
 }

 .con .w1440 .tab_main .main_r .tab_header p {
   color: #333333;
   font-weight: 600;
   flex: 0 0 auto;
 }

 .con .w1440 .tab_main .main_r .tab_header p:not(:first-child) {
   min-width: 110px;
 }

 .con .w1440 .tab_main .main_r .tab_header p:first-child {
   flex: 1;
   padding-left: 40px;
 }

 .con .w1440 .tab_main .main_r .list {
   padding: 15px 40px 15px 0;
   border-bottom: 1px solid rgba(0, 0, 0, 0.1);
 }

 .con .w1440 .tab_main .main_r .list .layui-form-checkbox[lay-skin=primary] {
   padding-left: 0;
 }

 .con .w1440 .tab_main .main_r .list>div {
   font-weight: 500;
   flex: 1;
   padding-right: 20px;
 }

 .con .w1440 .tab_main .main_r .list>div p {
   margin-left: 40px;
 }

 .con .w1440 .tab_main .main_r .list:hover>div p {
   color: var(--onColor);
 }

 .con .w1440 .tab_main .main_r .list>p {
   color: #000000;
   line-height: 1;
   text-align: left;
   flex: 0 0 auto;
   min-width: auto;
 }
 

 .con .w1440 .tab_main .main_r .list>p:last-child {
   padding-right: 0px;
   justify-content: center;
 }

 .con .w1440 .tab_main .main_r .list>p:last-child a:last-child {
   margin-left: 24px;
 }

 .con .mo_classification {
   display: none;
   position: fixed;
   right: 5%;
   bottom: 5%;
   z-index: 2;
 }

 .con .close {
   position: absolute;
   right: 20px;
   top: 20px;
   display: none;
 }

 .con .tab_name {
   display: none;
 }

 @media only screen and (max-width: 1600px) {
   .con .tab {
     padding-top: 2.6042vw;
   }

   .con {
     padding-bottom: 5.2vw;
   }

   .con .main {
     margin-top: 2.2vw;
   }
 }

 @media only screen and (max-width: 1440px) {
   .con .w1440 .tab_main .main_r .list {
     padding: 20px 40px 20px 0;
   }

   .con .w1440 .tab_main .main_r .list>p:last-child img {
     width: 20px;
   }
 }

 @media only screen and (max-width: 1200px) {
   .con .w1440 .tab_main .main_l {
     max-width: 260px;
   }

   .con .w1440 .tab_main .main_l .fixed>ul>li>.tit {
     padding: 20px 10px;
   }

   .con .w1440 .tab_main .main_l .fixed>ul>li>ul {
     padding: 8px 20px 10px 20px;
   }

   .con .w1440 .tab_main .main_l .fixed>ul>li>ul ul {
     padding-left: 10px;
   }

   .con .w1440 .tab_main .main_r .list,
   .con .w1440 .tab_main .main_r .tab_header {
     padding-right: 20px;
   }

   .con .w1440 .tab_main .main_r .list>p:last-child a:last-child {
     margin-left: 10px;
   }
 }

 @media only screen and (max-width: 1000px) {
   .con .w1440 .tab_main .main_l {
     max-width: 240px;
   }
 }

 @media only screen and (max-width: 768px) {
   .con {
     padding-bottom: 0;
   }
  #banner .info{
      width: 90%;
  }
  #banner .info .search{
      width:100%;
  }
   #banner .image img {
     height: 300px;
   }

   #banner .info .search {
     max-width: 100%;
   }

   #banner .info .search {
     height: 40px;
   }

   .con .mo_classification {
     display: block;
   }

   .con .tab_name {
     display: inline-block;
   }

   .con .w1440 .tab_main .main_l {
     max-width: 100%;
     flex: 0 0 100%;
     margin: 0;
     position: fixed;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     z-index: 9;
     background: rgba(0, 0, 0, 0.6);
     display: none;
   }


   .con .w1440 .tab_main .main_l .fixed {
     width: 90%;
    position: absolute;
    top: 70px;
    left: 50%;
    transform: translateX(-50%);
    padding: 60px 10px 20px 10px;
    border-radius: 10px;
    background: #fff;
   }

   .con .w1440 .tab_main .main_l .fixed>ul {
     margin-top: 20px;
   }

   .con .close {
     display: block;
   }

   .con .w1440 .tab_main .main_l .fixed>ul>li>.tit {
     padding: 10px 20px;
   }

   .con .w1440 .tab_main .main_l .fixed>ul>li {
     margin-top: 10px;
   }

   .con .w1440 .tab_main .main_l .fixed>ul>li>ul li {
     padding: 10px 0;
   }

   .con .w1440 .tab_main .main_l .fixed>ul>li>ul {
     background-color: #fff;
   }

   .con .w1440 .tab_main .main_r {
     margin-top: 40px;
   }

   .con .tab {
     margin-top: 20px;
     padding-top: 0;
   }

   .con .main {
     margin-top: 40px;
   }

   .con .w1440 .tab_main .main_r {
     margin-top: 0;
   }

   .con .w1440 .tab_main .main_r .tab_header p:first-child {
     padding-left: 24px;
   }

   .con .w1440 .tab_main .main_r .list>div p {
     margin-left: 24px;
   }

   .con .w1440 .tab_main .main_r .list>p {
     margin-top: 10px;
   }

   .con .w1440 .tab_main .main_r .list>p:last-child {
     margin-left: auto;
     flex: 0 0 auto;
     min-width: auto;
   }

   .con .w1440 .tab_main .main_r .list>p:last-child img {
     width: 20px;
   }

   .con .w1440 .tab_main .main_r .tab_header {
     display: none;
   }

   .con .w1440 .tab_main .main_r .list>div {
     flex: 0 0 100%;
     padding-right: 0;
     margin-bottom: 10px;
   }

   .con .w1440 .tab_main .main_r .list,
   .con .w1440 .tab_main .main_r .tab_header {
     padding-right: 0;
   }
 }