html,
 body {
     margin: 0;
     padding: 0;
 }

 .pagebox {
     position: relative;
 }

 .swiper-button-next,
 .swiper-container-rtl .swiper-button-prev {
     background: none !important;
 }

 .swiper-button-prev,
 .swiper-container-rtl .swiper-button-next {
     background: none !important;
 }

 a {
     text-decoration: none;
 }

 a:hover,
 a:active {
     text-decoration: none;
 }

 a:focus {
     text-decoration: none;
 }

 ::placeholder {
     font-size: 14px !important;
     color: #999 !important;
 }

 #w_common_text-1619054811333 span {
     background: linear-gradient(to right, rgb(221, 61, 26) 0%, rgb(235, 177, 9) 100%);
     -webkit-background-clip: text;
     color: transparent;
 }

 @media only screen and (max-width: 1440px) and (min-width:1376px) {
     #w_common_text-1628129305985 {
         height: 200px !important;
         overflow: hidden !important;
     }
 }

 @media only screen and (max-width: 1366px) and (min-width:1025px) {
     #w_common_text-1628129305985 {
         height: 200px !important;
         overflow: hidden !important;
     }
 }

 @media only screen and (min-width: 769px) {
     #w_grid-1628128626634 {
         margin-top: 90px !important;
     }

     .p_page .pre {
         display: inline-table;
         position: relative;
         left: 0;
         top: 0;
         float: left;
         height: 38px;
         margin: 0 5px 0 18px;
         text-align: center;
         padding: 0 10px;
         border-radius: 0px;
         border: 1px solid #ededed;
         background: #ededed;
         color: #333333;
     }

     .p_page .pre:active {
         background: #003f97;
         border-color: #003f97;
         color: #fff;
     }

     .p_page .pre:hover {
         color: #fff;
         background: #003f97;
         border-color: #003f97;
         cursor: pointer;
     }

     .p_page .next {
         display: inline-table;
         position: relative;
         left: 0;
         top: 0;
         float: left;
         height: 38px;
         border: 1px solid #ededed;
         background: #ededed;
         color: #333;
         text-align: center;
         padding: 0 10px;
         border-radius: 0px;
     }

     .p_page .next:active {
         background: #003f97;
         border-color: #003f97;
         color: #fff;
     }

     .p_page .next:hover {
         background: #003f97;
         border-color: #003f97;
         color: #fff;
         cursor: pointer;
     }

     .p_page .pageNum {
         position: relative;
         float: left;
         height: 38px;
         min-width: 38px;
         margin: 0 5px 0 0;
         padding: 0 5px;
         background-size: 100% 100%;
         color: #333;
         border: 1px solid #ededed;
         cursor: pointer;
         line-height: 38px;
         display: inline-block;
         font-family: inherit;
         font-size: 14px;
         font-weight: inherit;
         text-decoration: none;
         background-color: #ededed;
         text-align: center;
         border-radius: 0px;
     }

     .p_page .pageNum:active {
         color: #fff;
         text-decoration: none;
         background-color: #003f97;
         border-color: #003f97;
     }

     .p_page .pageNum:hover {
         color: #fff;
         border-color: #003f97;
         cursor: pointer;
         text-decoration: none;
         background-color: #003f97;
     }

     .p_page .pageNum.active {
         text-decoration: none;
         background-color: #003f97;
         color: #fff;
         border-color: #003f97;
     }
 }

 @media screen and (max-width: 768px) {
     #w_grid-1628128626634 {
         margin-top: 0px !important;
     }

     #w_grid-1628129140263 {
         margin-top: 50px !important;
     }

     #w_common_text-1628129212566 span {
         font-size: 24px !important;
     }

     #w_common_text-1628129212566 {
         margin-top: 30px !important;
     }

     #w_grid-1628133167208 {
         margin-top: 50px !important;
         margin-bottom: 50px !important;
     }

     #w_common_text-1628134452415 span {
         font-size: 30px !important;
     }

     #w_common_text-1628133202433 span {
         font-size: 30px !important;
     }

     #w_common_text-1628135193939 span {
         font-size: 30px !important;
     }

     .p_pagebox .NumBox {
         display: none !important;
     }

     .p_pagebox {
         width: 100%;
         text-align: center;
     }

     .p_pagebox .js_pageBtnDisable,
     .p_pagebox .js_pageBtnDisable:hover,
     .p_pagebox .js_pageBtnDisable:active {
         background: #f5f5f5 !important;
         border-color: #d9d9d9 !important;
         color: #bfbfbf !important;
         cursor: default;
     }

     .p_pagebox .js_pageBtnDisable .iconfont {
         color: #ddd !important;
     }

     .p_pagebox .js_pageBtnDisable:hover .iconfont {
         color: #bfbfbf !important;
     }

     .p_pagebox .pre {
         width: 48%;
         margin-right: 2%;
         background-color: #003f97;
         transform: scale(0.9);
     }

     .p_pagebox .pre:hover {
         color: rgba(255, 255, 255, 1);
         border-color: #003f97;
         background-color: #003f97;
         cursor: pointer;
     }

     .p_pagebox .pre:active {
         background-color: #003f97;
     }

     .p_pagebox .next {
         transform: scale(0.9);
         width: 48%;
         margin-left: 2%;
         background-color: #003f97;
     }

     .p_pagebox .next:hover {
         background-color: #003f97;
     }

     .p_pagebox .next:active {
         background-color: #003f97;
     }
 }

 ::-webkit-scrollbar {
     width: 9px;
     background-color: #fff;
 }

 ::-webkit-scrollbar-thumb {
     border: solid 2px #fff;
     width: 5px;
     border-radius: 4px;
     background-color: #383f4b;
 }

 ::-webkit-scrollbar-corner {
     background-color: #fff;
 }

 ::-webkit-scrollbar:horizontal {
     height: 9px;
 }

 ::-webkit-selection {
     background: #3355a9;
     color: #fff;
 }

 ::-moz-selection {
     background: #3355a9;
     color: #fff;
 }

 ::selection {
     background: #3355a9;
     color: #fff;
 }

 @keyframes circleProgressLoad_right {
     0% {
         transform: rotate(45deg);
     }

     50%,
     100% {
         transform: rotate(225deg);
     }
 }

 @keyframes circleProgressLoad_left {

     0%,
     50% {
         transform: rotate(45deg);
     }

     100% {
         transform: rotate(225deg);
     }
 }

 @-webkit-keyframes to100vh {
     0% {
         width: 0
     }

     100% {
         width: 100vw
     }
 }

 @keyframes to100vh {
     0% {
         width: 0
     }

     100% {
         width: 100vw
     }
 }