@font-face {
     font-family: "Roboto";
     src: url("../fonts/Roboto/Roboto-Black.ttf") format("truetype");
     font-weight: 900;
     font-style: normal;
     font-display: swap;
 }

 @font-face {
     font-family: "Roboto";
     src: url("../fonts/Roboto/Roboto-BlackItalic.ttf") format("truetype");
     font-weight: 900;
     font-style: italic;
     font-display: swap;
 }

 @font-face {
     font-family: "Roboto";
     src: url("../fonts/Roboto/Roboto-Bold.ttf") format("truetype");
     font-weight: 700;
     font-style: normal;
     font-display: swap;
 }

 @font-face {
     font-family: "Roboto";
     src: url("../fonts/Roboto/Roboto-BoldItalic.ttf") format("truetype");
     font-weight: 700;
     font-style: italic;
     font-display: swap;
 }

 @font-face {
     font-family: "Roboto";
     src: url("../fonts/Roboto/Roboto-Italic.ttf") format("truetype");
     font-weight: 400;
     font-style: italic;
     font-display: swap;
 }

 @font-face {
     font-family: "Roboto";
     src: url("../fonts/Roboto/Roboto-Light.ttf") format("truetype");
     font-weight: 300;
     font-style: normal;
     font-display: swap;
 }

 @font-face {
     font-family: "Roboto";
     src: url("../fonts/Roboto/Roboto-LightItalic.ttf") format("truetype");
     font-weight: 300;
     font-style: italic;
     font-display: swap;
 }

 @font-face {
     font-family: "Roboto";
     src: url("../fonts/Roboto/Roboto-Medium.ttf") format("truetype");
     font-weight: 500;
     font-style: normal;
     font-display: swap;
 }

 @font-face {
     font-family: "Roboto";
     src: url("../fonts/Roboto/Roboto-MediumItalic.ttf") format("truetype");
     font-weight: 500;
     font-style: italic;
     font-display: swap;
 }

 @font-face {
     font-family: "Roboto";
     src: url("../fonts/Roboto/Roboto-Regular.ttf") format("truetype");
     font-weight: 400;
     font-style: normal;
     font-display: swap;
 }

 @font-face {
     font-family: "Roboto";
     src: url("../fonts/Roboto/Roboto-Thin.ttf") format("truetype");
     font-weight: 100;
     font-style: normal;
     font-display: swap;
 }

 @font-face {
     font-family: "Roboto";
     src: url("../fonts/Roboto/Roboto-ThinItalic.ttf") format("truetype");
     font-weight: 100;
     font-style: italic;
     font-display: swap;
 }

 :root {
     /* 页面背景色 */
     --background: #fff;
     /* 文字,标题颜色 */
     --font: #333;
     /* 品牌颜色 */
     --brand: rgba(48.99569999999998, 108.01918660000007, 244.97849999999997, 1);
     /* 第一重色 */
     --accent: #F3F6F9;
     /* 第二清色 */
     --secondary: #FBF315;
 }

 .center {
     width: auto;
     margin-left: 10rem;
     margin-right: 10rem;
     max-width: 100%;
     padding-top: 0.01px;
 }

 html {
     font-size: 16px;
 }

 @media screen and (max-width: 1800px) {
     .center {
         margin-right: 70px !important;
         margin-left: 70px !important;
     }
 }

 /* @media screen and (max-width: 1600px) {
     html {
         font-size: 15px !important;
     }

     .center {
         margin-right: 60px !important;
         margin-left: 60px !important;
     }
 }

 @media screen and (max-width: 1500px) {
     html {
         font-size: 14px !important;
     }

     .center {
         margin-right: 50px !important;
         margin-left: 50px !important;
     }
 } */

 @media screen and (max-width: 1200px) {
     html {
         font-size: 12px !important;
     }

     .center {
         margin-right: 30px !important;
         margin-left: 30px !important;
     }
 }
/* ========================================右下角四个悬浮按钮================================ */
 /* 模态框背景 */
 .adviceModal {
     display: none;
     /* 默认隐藏 */
     position: fixed;
     z-index: 99;
     /* 确保它位于其他内容之上 */
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     background-color: rgb(0, 0, 0);
     /* 背景颜色略带透明 */
     background-color: rgba(0, 0, 0, 0.4);
     /* 黑色背景带有半透明效果 */
 }

 /* 模态框内容 */
 .adviceModal .modal-content {
     position: relative;
     background-color: #fefefe;
     margin: 8% auto;
     /* 居中 */
     border-radius: 15px;
     border: 1px solid #888;
     width: 500px;
     ;
     /* 你可以根据需要调整宽度 */

     .closeAdviceModel {
         font-size: 26px;
         position: absolute;
         z-index: 999;
         right: 20px;
         cursor: pointer;
     }

     .closeChannelModel {
         font-size: 26px;
         position: absolute;
         z-index: 999;
         right: 20px;
         cursor: pointer;
     }

     .container {
         width: 100%;
         max-width: 500px;
         margin: 0 auto;
         background: white;
         border-radius: 8px;
         box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
         padding: 30px 40px;
     }

     h2 {
         font-size: 24px;
         color: #333;
         margin-bottom: 20px;
         font-weight: 550;
     }

     .textarea {
         width: 100%;
         height: 120px;
         padding: 12px;
         border: 1px solid #eaeaea;
         border-radius: 6px;
         font-size: 14px;
         line-height: 1.5;
         resize: none;
         box-sizing: border-box;
     }

     .input-group {
         margin: 15px 0;
     }

     .input-group .title {
         font-size: 16px;
         line-height: 40px;
         display: inline-block;
         color: black;
     }

     .input-group .title .mustInput {
         color: red;

     }

     .input-group input {
         width: 320px;
         padding: 12px;
         border: 1px solid #eaeaea;
         border-radius: 6px;
         font-size: 14px;
         box-sizing: border-box;
     }

     .verify-group {
         display: flex;
         justify-content: space-between;
         align-items: center;
         gap: 10px;
     }

     .verify-group input {
         flex-grow: 1;
     }

     .get-code-btn {
         padding: 12px 16px;
         background-color: #f0f0f0;
         border: 1px solid #ddd;
         color: #333;
         border-radius: 6px;
         font-size: 14px;
         cursor: pointer;
         transition: background-color 0.2s;
     }

     .get-code-btn:hover {
         background-color: #e0e0e0;
     }

     .submit-btn {
         width: 100%;
         padding: 14px;
         background-color: #456edf;
         color: white;
         border: none;
         border-radius: 6px;
         font-size: 16px;
         cursor: pointer;
         margin-top: 15px;
         transition: background-color 0.2s;
     }

     .submit-btn:hover {
         background-color: #456edf;
     }
 }

 /* 关闭按钮 */
 .adviceModal .modal-content .close {
     color: #aaa;
     float: right;
     font-size: 28px;
     font-weight: bold;
 }

 .adviceModal .modal-content .close:hover,
 .adviceModal .modal-content .close:focus {
     color: black;
     text-decoration: none;
     cursor: pointer;
 }



 .threeBotton .floatDiv {
     position: fixed;
     bottom: 5%;
     right: 1%;
     z-index: 9;
     padding: 1rem;
 }

 .threeBotton .floatDiv .divcss {
     background-color: white;
     width: 4.6rem;
     border-radius: 0.4rem;
     height: 4rem;
     margin-bottom: 0.8rem;
     box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
     text-align: center;
     padding-top: 0.3rem;
     cursor: pointer;
 }

 .threeBotton .floatDiv .divcss .pcss {
     font-size: 0.8rem;
     text-align: center;
 }

 .threeBotton .floatDiv .divcss svg {
     width: 2rem;
     height: 2rem;
     margin-bottom: 0.3rem;
 }

 .trigger {
     cursor: pointer;
 }

 .tooltip {
     display: none;
     position: absolute;
     background-color: white;
     padding: 0.5rem;
     border-radius: 0.5rem;
     z-index: 1000;
     width: 9rem;
     right: 7rem;
     margin-top: -7.5rem;
     height: 9rem;
     border: 1px solid rgb(216, 216, 216);
 }


 /* 外层三角（红色边框） */
 .tooltip::before {
     content: '';
     position: absolute;
     top: 50%;
     right: -1.8rem;
     /* 调整位置：外层三角更靠右 */
     margin-top: -0.8rem;
     /* = -border-width */
     border: 0.9rem solid transparent;
     border-left-color: rgb(216, 216, 216);
     /* 向右的箭头，用左边颜色 */
     z-index: 1;
 }

 /* 内层三角（白色填充） */
 .tooltip::after {
     content: '';
     position: absolute;
     top: 50%;
     right: -1.7rem;
     /* 比外层少 2px，居中覆盖 */
     margin-top: -0.8rem;
     /* = -border-width */
     border: 0.9rem solid transparent;
     border-left-color: #fff;
     /* 白色填充 */
     z-index: 2;
 }

 /* 鼠标悬停在 .trigger 上时，显示紧随其后的 .tooltip */
 .trigger:hover+.tooltip {
     display: block;
 }

/* ==================================end=============================================== */


/* ==================================导航栏=============================================== */
 #sw-header-012--0 .msg {
     font-size: 16px;
     color: var(--brand);
     margin-left: 10px;
     display: flex;
     align-items: center;
     border: 1px solid #fff;
     border-radius: 50px;
     padding: 5px 10px;
     background: #fff;
 }

 #sw-header-012--0 .btns .msg span {
     display: none;
 }

 #sw-header-012--0 .btns .msg:hover span {
     display: inline-block;
 }

 #sw-header-012--0 {
     position: fixed;
     width: 100%;
 }

 #sw-header-012--0 .btn {
     font-size: 1rem;
     border: 1px solid #fff;
     border-radius: 50px;
     padding: 9.5px 1rem;
 }

 #sw-header-012--0 .btn1 {
     background: rgba(255, 255, 255, 0);
     color: #fff;
 }

 #sw-header-012--0 .btn2 {
     background: #fff;
     color: #316CF5;
 }

 #sw-header-012--0 .menuBtn {
     width: 142px;
     height: 42px;
     line-height: 42px;
     text-align: center;
     cursor: pointer;
     z-index: 99999;
     display: none;
     position: relative;
     text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
     border-radius: 3px;
 }

 #sw-header-012--0 .menuBtn:before {
     font-family: icomoon;
     color: #fff;
 }

 #sw-header-012--0 .menuBtn.active:before {
     content: '\e60b';
     font-size: 24px;
 }

 #sw-header-012--0 .menuBtn:before {
     content: '\e637';
     font-size: 36px;
 }

 #sw-header-012--0 .logo {
     width: 9rem;
     height: 3rem;
     margin-right: 10%;
 }

 #sw-header-012--0 .logo a,
 #sw-header-012--0 .logo span {
     display: inline-block;
     vertical-align: middle;
 }

 #sw-header-012--0 .headerMid {
     padding: 0.875rem 0;
     text-align: right;
     background-color: rgba(0, 0, 0, 0);
     position: relative;
 }

 

  #sw-header-012--0 .headerMidRig {
   text-align: left;
   width: calc(90% - 31rem);
 }

   #sw-header-012--0 .threeBtns {
    width: 22rem;text-align: right;justify-content: end;
   }
 #sw-header-012--0 .headerMid .box {
     vertical-align: middle;
     display: inline-block;
 }

 #sw-header-012--0 .nav {
     line-height: 1;
     display: inline-block;
     vertical-align: middle;
     z-index: 1;
     position: static;
     color: #fff;
 }

 #sw-header-012--0 .nav>li {
     display: inline-block;
     position: relative;
     margin-right: 3.5625rem;
 }

 #sw-header-012--0 .nav>li:last-child {
     margin-right: 0;
 }

 #sw-header-012--0 .nav>li>a {
     display: flex;
     align-items: center;
     position: relative;
     text-transform: capitalize;
     z-index: 2;
     padding: 1rem 0  0.875rem 0;
     font-size: 1.1rem;
 }

 #sw-header-012--0 .nav>li.active:before,
 #sw-header-012--0 .nav>li:hover:before {
     filter: alpha(opacity=100);
     opacity: 1;
 }

 #sw-header-012--0 .nav>li.active>a,
 #sw-header-012--0 .nav>li:hover>a {
     color: var(--brand);
 }

 #sw-header-012--0 .nav>li ul {
     display: block;
     width: 240px;
     position: absolute;
     top: 100%;
     left: 0;
     z-index: 999;
     background: #fff;
     box-shadow: 0 0 15px rgba(255, 255, 255, 0.2);
     -o-box-sizing: border-box;
     -ms-box-sizing: border-box;
     box-sizing: border-box;
     display: none;
 }

 #sw-header-012--0 .nav>li ul>li {
     line-height: 1.2;
     position: relative;
     transition: 0s;
     -moz-transition: 0s;
     -webkit-transition: 0s;
     -o-transition: 0s;
     -ms-transition: 0s;
     text-align: left;
 }

 #sw-header-012--0 .nav>li ul>li:last-child {
     border-bottom: 0px;
 }

 #sw-header-012--0 .nav>li ul>li:last-child a {
     margin-bottom: 10px;
 }

 #sw-header-012--0 .nav>li ul>li>a {
     display: block;
     color: var(--brand);
     text-transform: capitalize;
     position: relative;
     padding: 15px 10px 15px 15px;
     transition: 0.2s all ease;
     -moz-transition: 0.2s all ease;
     -webkit-transition: 0.2s all ease;
     -o-transition: 0.2s all ease;
     -ms-transition: 0.2s all ease;
     font-size: 14px;
 }

 #sw-header-012--0 .nav>li ul>li>a:before {
     content: "\e624";
     font-family: icomoon, Arial, Helvetica, 'Microsoft YaHei', SimSun, Sans-serif;
     position: absolute;
     top: 12px;
     left: 25px;
     font-size: 18px;
     transition: 0s;
     -moz-transition: 0s;
     -webkit-transition: 0s;
     -o-transition: 0s;
     -ms-transition: 0s;
     filter: alpha(opacity=0);
     opacity: 0;
     transition: 0.2s all ease;
     -moz-transition: 0.2s all ease;
     -webkit-transition: 0.2s all ease;
     -o-transition: 0.2s all ease;
     -ms-transition: 0.2s all ease;
 }

 #sw-header-012--0 .nav>li ul>li:hover>a,
 #sw-header-012--0 .nav>li ul>li.active>a {
     padding-left: 30px;
     color: var(--brand);
 }

 #sw-header-012--0 .nav>li ul>li:hover>a:before,
 #sw-header-012--0 .nav>li ul>li.active>a:before {
     filter: alpha(opacity=100);
     opacity: 1;
     left: 20px;
 }

 #sw-header-012--0 .nav>li ul ul {
     top: 0;
     left: 100%;
     margin-top: 0;
     visibility: visible;
     filter: alpha(opacity=100);
     opacity: 1;
     display: none;
 }

 #sw-header-012--0 .nav>li.selected>ul {
     visibility: visible;
     filter: alpha(opacity=100);
     opacity: 1;
 }

 #sw-header-012--0 .nav>li.proLi {
     position: static;
 }

 #sw-header-012--0 .nav>li .proDrop {
     display: none;
     width: 100%;
     position: absolute;
     top: 100%;
     left: 0;
     background: #fff;
     z-index: 999;
     margin-top: 0;
     box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
     transition: 0s;
     -moz-transition: 0s;
     -webkit-transition: 0s;
     -o-transition: 0s;
     -ms-transition: 0s;
 }

 #sw-header-012--0 .nav>li .proDrop {
     padding: 40px 0;
 }

 #sw-header-012--0 .nav>li .proDrop .box {
     width: 25%;
     padding: 0px 10px;
     text-align: center;
     box-sizing: border-box;
 }

 #sw-header-012--0 .nav>li .proDrop .box .image-box-value {
     position: relative;
     height: 0;
     overflow: hidden;
     padding-bottom: 64%;
     display: block;
     margin-bottom: 10px;
 }

 #sw-header-012--0 .nav>li .proDrop .box .image-box-value[data-type="square"] {
     padding-bottom: 100%;
 }

 #sw-header-012--0 .nav>li .proDrop .box .image-box-value img {
     position: absolute;
     top: 0;
     left: 0;
     transition: all 0.3s;
     object-fit: cover;
     height: 100%;
     width: 100%;
 }

 #sw-header-012--0 .nav>li .proDrop .box .image-box-value::after {
     content: '';
     position: absolute;
     top: 0;
     right: 0;
     bottom: 0;
     left: 0;
     background-color: #3d4246;
     opacity: .4;
     width: 100%;
     height: 100%;
 }

 #sw-header-012--0 .nav>li .proDrop .tit {
     color: #000;
     display: inline-block;
     font-weight: bold;
 }

 #sw-header-012--0 .nav>li .proDrop .tit:hover {
     color: var(--brand);
 }

 #sw-header-012--0 .nav>li .proDrop div>li>a:before {
     display: none;
 }

 #sw-header-012--0 .bg-wrap {
     background: rgba(0, 0, 0, 0);
 }

 #sw-header-012--0 .nav>li.hasUl>a:after {
     filter: alpha(opacity=100);
     opacity: 1;
 }

 #sw-header-012--0 .nav>li>a:after {
     content: "";
     font-family: icomoon, Arial, Helvetica, Microsoft YaHei, SimSun, Sans-serif;
     position: absolute;
     right: -27px;
     font-weight: normal;
     filter: alpha(opacity=0);
     opacity: 0;
     font-size: 12px;
 }


#sw-header-012--0 .nav li .activeClass{
     border-bottom:2px solid white
 }
 @media screen and (max-width: 1200px) {
     .headerMidRig {
         width: 100%;
         text-align: left;
     }

     #sw-header-012--0 .headerMidRig {
         margin-top: 15px;
     }

     #sw-header-012--0 .nav {
         margin-left: 0;
     }

     #sw-header-012--0 {
         position: relative;
     }

     #sw-header-012--0 .headerMid {
         width: 100%;
         text-align: center;
         padding-top: 10px;
         padding-bottom: 10px;
     }

     #sw-header-012--0 .nav>li>a {
         padding: 20px 0;
         color: #000;
     }

     #sw-header-012--0 .seaBtn {
         color: #fff;
         font-size: 22px;
     }

     #sw-header-012--0 .lang {
         margin-left: 0;
         padding-left: 0;
     }

     #sw-header-012--0 .move {
         background: #fff;
         box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
     }

     #sw-header-012--0 .menuBtn {
         display: inline-block;
         vertical-align: middle;
     }
 }

 @media screen and (max-width: 1350px) {
     #sw-header-012--0 .btns {
         display: none;
     }

     #sw-header-012--0 .menuBtn {
         display: inline-block;
         vertical-align: middle;
         margin-top: -10px;
     }

     #sw-header-012--0 .headerMid .box {
         display: flex;
         justify-content: space-around;
     }

     /* #sw-header-012--0 .logo img {
         max-width: 120px;
     } */



     #sw-header-012--0 {
         text-align: center;
         z-index: 99;
     }

     #sw-header-012--0 .headerMid {
         width: 100%;
         text-align: center;
         padding-top: 10px;
         padding-bottom: 10px;
     }

     #sw-header-012--0 .logo span {
         border-left: 0;
         margin-left: 0;
         padding-left: 0;
         width: 100%;
         max-width: none;
         margin-top: 10px;
     }

     #sw-header-012--0 .nav {
         width: 100%;
         position: fixed;
         float: none;
         top: 0;
         right: 0;
         bottom: 0;
         z-index: 100;
         margin: 0;
         background: #333;
         box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
         padding-top: 60px;
         transform: translate3d(110%, 0, 0);
         -ms-transform: translate3d(110%, 0, 0);
         -moz-transform: translate3d(110%, 0, 0);
         -webkit-transform: translate3d(110%, 0, 0);
         -o-transform: translate3d(110%, 0, 0);
         transition: 0.4s all ease;
         -moz-transition: 0.4s all ease;
         -webkit-transition: 0.4s all ease;
         -o-transition: 0.4s all ease;
         -ms-transition: 0.4s all ease;
         overflow-y: auto;
         padding-bottom: 60px;
     }

     #sw-header-012--0 .nav.toLeft {
         transform: translate3d(0, 0, 0);
         -ms-transform: translate3d(0, 0, 0);
         -moz-transform: translate3d(0, 0, 0);
         -webkit-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
     }

     #sw-header-012--0 .nav>li {
         margin: 0;
         display: block;
         text-align: left;
         line-height: 1;
         padding: 0;
         font-size: 14px;
         margin-bottom: 1px;
     }

     #sw-header-012--0 .nav>li>a {
         padding: 15px 30px 15px 20px;
         display: block;
         color: #fff;
         font-size: 16px;
         border-right: 0;
     }

     #sw-header-012--0 .nav>li>a:before {
         display: none;
     }

     #sw-header-012--0 .nav>li.hasUl>span {
         display: block;
     }

     #sw-header-012--0 .nav>li>span {
         width: 45px;
         height: 45px;
         line-height: 45px;
         text-align: center;
         position: absolute;
         top: 1px;
         right: 0;
         color: #000;
         display: none;
         font-size: 16px;
         z-index: 3;
     }

     #sw-header-012--0 .nav>li.active {
         background: var(--brand);
     }

     #sw-header-012--0 .nav>li.active>a {
         color: white;
         background: none;
     }

     #sw-header-012--0 .nav>li.active>span {
         color: #fff;
     }

     #sw-header-012--0 .nav>li.active:before {
         display: none;
     }

     #sw-header-012--0 .nav>li:last-child {
         border-bottom: 0;
     }

     #sw-header-012--0 .nav>li:hover>a:before {
         display: none;
     }

     #sw-header-012--0 .nav>li:before {
         display: none;
     }

     #sw-header-012--0 .nav>li.selected2 ul {
         display: block;
     }

     #sw-header-012--0 .nav>li.selected2>a {
         color: white;
         background: var(--brand);
     }

     #sw-header-012--0 .nav>li.selected2>span {
         color: #fff;
         transform: rotate(180deg);
         -ms-transform: rotate(180deg);
         -moz-transform: rotate(180deg);
         -webkit-transform: rotate(180deg);
         -o-transform: rotate(180deg);
     }

     #sw-header-012--0 .nav>li ul {
         display: none;
         position: static;
         width: 100%;
         margin-top: 0;
         padding: 0;
         visibility: visible;
         filter: alpha(opacity=100);
         opacity: 1;
         border-top: 0;
         box-shadow: none;
         background: none;
     }

     #sw-header-012--0 .nav>li ul>li {
         border-bottom: 0;
     }

     #sw-header-012--0 .nav>li ul>li>a {
         color: #fff;
         padding: 10px 10px 10px 30px;
     }

     #sw-header-012--0 .nav>li ul>li>a:before {
         display: none;
     }

     #sw-header-012--0 .nav>li ul ul {
         display: block;
         visibility: visible;
         filter: alpha(opacity=100);
         opacity: 1;
     }

     #sw-header-012--0 .nav>li ul ul a {
         padding-left: 60px;
         font-size: 13px;
         font-weight: normal;
         padding-top: 6px;
         padding-bottom: 6px;
     }

     #sw-header-012--0 .nav>li ul ul li:hover>a,
     #sw-header-012--0 .nav>li ul ul li.active>a {
         padding-left: 60px;
     }

     #sw-header-012--0 .nav>li.proLi {
         position: relative;
     }

     #sw-header-012--0 .nav>li .proDrop {
         background: none;
         position: static;
         box-shadow: none;
     }

     #sw-header-012--0 .nav>li .proDrop .tit {
         color: #000;
         font-size: 12px;
     }

     #sw-header-012--0 .nav>li .proDrop .box {
         width: 50%;
     }

     #sw-header-012--0 .logo,
     #sw-header-012--0 .headerMidRig {
         width: auto;
         margin-top: 0;
     }

     #sw-header-012--0 .logo {
         margin-bottom: 10px;
         justify-content: center;
     }

     #sw-header-012--0 .headerMidRig {
         width: 100%;
         display: flex;
     }

     #sw-header-012--0 .headerMid .center {
         position: relative;
         margin: 0;
     }

     #sw-header-012--0 .btns .msg span {
         display: none;
     }

 }

 @media screen and (max-width:875px) {
     #sw-header-012--0 .nav>li>span:before {
         content: '\e63a';
         color: #fff;
         font-size: 24px;
         font-family: icomoon;
     }

     #sw-header-012--0 .headerMid .box {
         display: flex;
         align-items: center;
     }

     #sw-header-012--0 .menuBtn:before {
         color: var(--brand);
     }

     #sw-header-012--0 {
         background: #fff;
         position: fixed;
     }

     #sw-header-012--0 .headerMid .center {
         flex-wrap: nowrap;
         display: flex !important;
     }

     #sw-header-012--0 .headerMid #log {
         justify-content: flex-start;
     }

     #sw-header-012--0 .logo2 {
         display: block !important;
     }

     #sw-header-012--0 .logo1 {
         display: none !important;
     }
 }

 #sw-header-012--0 .logo2 {
     display: none;
 }

 .ea55_com_header {
     background-color: rgba(255, 255, 255, 1) !important;
     box-shadow: 0px 3px 30px 1px rgba(49, 108, 245, 0.2);
     transition: background 1s;
     -moz-transition: background 1s;
     -webkit-transition: background 1s;
     -o-transition: background 1s;
 }

 .ea55_com_header .nav li a,
 .ea55_com_header .msg {
     color: var(--brand);
 }

 .ea55_com_header .btn {
     border: 1px solid var(--brand) !important;
 }
 .ea55_com_header .nav li .activeClass{
     border-bottom:2px solid var(--brand) !important;
 }

 .ea55_com_header .msg {
     border: 1px solid var(--brand) !important;
 }

 .ea55_com_header .btn1 {
     background: var(--brand) !important;
 }

 .ea55_com_header .logo2 {
     display: block !important;
 }

 .ea55_com_header .logo1 {
     display: none !important;
 }


/* ==================================end=============================================== */



/* ==================================底部导航=============================================== */
 #sw-footer-007--0 .foot-box {
     color: #2A2A2A;
     background: #F9FAFB;
 }

 #sw-footer-007--0 .foot-box .footerTop:after {
     content: '';
     display: block;
     width: 100%;
     border-bottom: 1px solid #273F60;
     opacity: 0.08;
 }

 #sw-footer-007--0 .foot-box .footerTop .flexW {
     display: flex;
     flex-wrap: wrap;
     margin-left: -15px;
     margin-right: -15px;
 }

 #sw-footer-007--0 .foot-box .down {
     padding: 0.5rem;
     background: #FFFFFF;
     border-radius: 6px 6px 6px 6px;
     border: 1px solid #273F60;
     display: inline-block;
 }

 #sw-footer-007--0 .foot-box .footerTop .ul3 {
     display: flex;
     flex-direction: column;
 }

 #sw-footer-007--0 .foot-box .footerTop .ew-flew {
     display: flex;
 }

 #sw-footer-007--0 .foot-box .footerTop .ew-flew .ew1 {
     display: flex;
     flex-direction: column;
     align-items: center;
 }

 #sw-footer-007--0 .foot-box .down .flewA {
     display: flex;
     align-items: center;
 }

 #sw-footer-007--0 .foot-box .down .flewA img {
     width: 1.5rem;
     height: 1.5rem;
     object-fit: contain;
     margin-right: 5px;
 }

 #sw-footer-007--0 .foot-box .down .flewA .down-view {
     display: flex;
     flex-direction: column;
 }

 #sw-footer-007--0 .foot-box .down .t1 {
     font-family: PingFang SC, PingFang SC;
     font-weight: 400;
     font-size: 0.75rem;
     color: #273F60;
 }

 #sw-footer-007--0 .foot-box .down .t2 {
     font-family: PingFang SC, PingFang SC;
     font-weight: 600;
     font-size: 0.875rem;
     color: #273F60;
 }

 #sw-footer-007--0 .foot-box .bottom-address {
     display: flex;
     padding-top: 5.25rem;
     flex-wrap: wrap;
     justify-content: flex-start;
 }

 #sw-footer-007--0 .foot-box .bottom-address .address1 .add1 {
     display: flex;
 }

 #sw-footer-007--0 .foot-box .bottom-address .address1 .add1 p {
     font-family: PingFang SC, PingFang SC;
     font-weight: 500;
     font-size: 1rem;
     color: #273F60;
 }

 #sw-footer-007--0 .foot-box .bottom-address .address1 .add2 {
     font-family: PingFang SC, PingFang SC;
     font-weight: 400;
     font-size: 0.875rem;
     color: #273F60;
     line-height: 1.5rem;
 }

 #sw-footer-007--0 .foot-box .bottom-address .address1 .add1 img {
     width: 20px;
     object-fit: contain;
 }

 #sw-footer-007--0 .foot-box .footerTop .flexW .item {
     -moz-box-sizing: border-box;
     -webkit-box-sizing: border-box;
     -o-box-sizing: border-box;
     -ms-box-sizing: border-box;
     box-sizing: border-box;
     padding: 0 0.9375rem;
 }

 #sw-footer-007--0 .foot-box .footerTop .flexW .item .logo {
     display: inline-block;
 }

 #sw-footer-007--0 .foot-box .footerTop .flexW .item .logo img {
     max-width: 9.375rem;
 }

 @media screen and (max-width: 600px) {
     #sw-footer-007--0 .foot-box .footerTop .flexW {
         margin-left: -5px;
         margin-right: -5px;
     }

     #sw-footer-007--0 .foot-box .footerTop .flexW .item {
         padding: 0 5px;
         text-align: left
     }

     #sw-footer-007--0 .foot-box .footerTop .flexW .item .logo img {
         max-width: 120px;
     }
 }

 #sw-footer-007--0 .foot-box .footerTop .item {
     flex-grow: 1;
 }

 #sw-footer-007--0 .foot-box .footerTop .msg {
     padding-top: 1.5625rem;
 }

 #sw-footer-007--0 .foot-box .footerTop .msg li {
     font-family: PingFang SC, PingFang SC;
     font-weight: 400;
     font-size: 0.875rem;
     color: #273F60;
     line-height: 1.5rem;
     padding: 0.3125rem;
     display: flex;
     align-items: center;
 }

 #sw-footer-007--0 .foot-box .footerTop .msg li img {
     object-fit: contain;
     width: 20px;
     margin-right: 10px;
 }

 #sw-footer-007--0 .foot-box .footerTop .des {
     font-size: 1rem;
     /* margin-top: 30px; */
     display: block;
 }

 #sw-footer-007--0 .foot-box .footerTop .title {
     display: flex;
     align-items: center;
     justify-content: space-between;
     padding-bottom: 1.125rem;
 }

 #sw-footer-007--0 .foot-box .footerTop .title p {
     font-family: PingFang SC, PingFang SC;
     font-weight: 500;
     font-size: 1rem;
     color: #273F60;
 }

 #sw-footer-007--0 .foot-box .footerTop .title svg {
     display: none
 }

 #sw-footer-007--0 .foot-box .footerTop li {
     font-family: PingFang SC, PingFang SC;
     font-weight: 400;
     font-size: 0.875rem;
     color: #495B81;
     position: relative;
 }

 #sw-footer-007--0 .foot-box .footerTop li:last-child {
     margin-bottom: 0;
 }

 #sw-footer-007--0 .foot-box .footerTop a:hover {
     text-decoration: underline;
     color: var(--brand);
 }

 #sw-footer-007--0 .foot-box .footerTop .shareW {
     padding-bottom: 0.75rem;
     display: flex;
 }

 #sw-footer-007--0 .foot-box .footerTop .shareW a {
     width: 2.5rem;
     height: 2.5rem;
     display: flex;
     margin-right: 5px;
 }

 #sw-footer-007--0 .foot-box .footerTop .shareW a:last-child {
     margin-right: 0;
 }

 #sw-footer-007--0 .foot-box .footerTop .shareW a:hover {
     /*color: var(--brand);*/
     background: #1d4289;
 }

 #sw-footer-007--0 .foot-box .footerBot {
     font-size: 0.8125rem;
     font-weight: bold;
     padding: 0.9375rem 0;
 }

 #sw-footer-007--0 .foot-box .footerBot .flexW {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
     justify-content: space-between;
     align-items: center;
 }

 #sw-footer-007--0 .foot-box .footerTop .ew-flew img {
     width: 7rem;
     height: 7rem;
     margin-top: -0.5rem;
 }

 #sw-footer-007--0 .address1 {
     width: 33.3%;
 }

 @media screen and (max-width: 875px) {
     #sw-footer-007--0 .address1 {
         width: 100%;
     }

     #sw-footer-007--0 .foot-box .footerTop .item {
         width: 100%;
         text-align: center;
         margin-bottom: 20px;
     }

     #sw-footer-007--0 .foot-box .footerTop .title p {
         font-size: 14px;
     }

     #sw-footer-007--0 .foot-box .footerTop a {
         font-size: 14px;
     }

     #sw-footer-007--0 .foot-box .footerTop .item:last-child {
         margin-bottom: 0;
     }

     #sw-footer-007--0 .foot-box .footerBot {
         text-align: center;
     }

     #sw-footer-007--0 .foot-box .footerBot .leftW {
         width: 100%;
     }

     #sw-footer-007--0 .foot-box .footerBot .rightW {
         width: 100%;
     }

     #sw-footer-007--0 .foot-box .footerTop a {
         font-size: 14px
     }

     #sw-footer-007--0 .foot-box .footerTop .flexW .item .ul1 {
         display: none
     }

     #sw-footer-007--0 .foot-box .footerTop .flexW .item .ul2 {
         display: none
     }

     #sw-footer-007--0 .foot-box .footerTop .flexW .item .ul3 {
         display: none
     }

     #sw-footer-007--0 .foot-box .footerTop .title .closesvg {
         display: inline-block;
         vertical-align: middle;
     }

     #sw-footer-007--0 .foot-box .footerTop .title .opensvg {
         display: none;
         vertical-align: middle;
     }

     #sw-footer-007--0 .foot-box .footerTop .active .closesvg {
         display: none;
     }

     #sw-footer-007--0 .foot-box .footerTop .active .opensvg {
         display: inline-block;
         vertical-align: middle;
     }

     #sw-footer-007--0 .foot-box .bottom-address {
         flex-direction: column;
         padding-top: 0px;
     }
 }

 #sw-footer-007--0 .footerPv {
     background: #F9FAFB;
     padding: 1.75rem 0;
     font-family: PingFang SC, PingFang SC;
     font-weight: 400;
     font-size: 1rem;
     color: #273F60;
     line-height: 1.5rem;
 }

 #sw-footer-007--0 .foot-box .down .sqr {
     position: absolute;
     bottom: -64px;
     left: -163px;
     width: 150px;
     height: 150px;
     background-color: #fff;
     border-radius: 3px;
     padding: 5px;
     display: none;
 }

 #sw-footer-007--0 .foot-box .down:hover .sqr {
     display: block;
 }

 #sw-footer-007--0 .foot-box .down .sqr img {
     width: 100%;
 }

 #sw-footer-007--0 .foot-box .down .sqr::after {
     content: '';
     position: absolute;
     top: 60px;
     right: -12px;
     border: 6px solid #fff;
     border-color: transparent transparent transparent #fff;
 }
/* ===================================================end=========================================================== */

 
/* ===============================================预约演示================================================== */
#sw-contactus-001--0 .modal-dialog {
     border-radius: 10px;
     overflow: hidden;
 }

 #sw-contactus-001--0 .rendered-form {
     box-shadow: none;
 }

 #sw-contactus-001--0 .rendered-form>div:first-child h2 {
     display: none;
 }

 #sw-contactus-001--0 .rendered-form .form-group:not(.formbuilder-header) {
     padding: 5px !important;
 }

 #sw-contactus-001--0 input:not([type=checkbox]):not([type=radio]),
 textarea {
     border-radius: 5px !important;
     background: transparent;
     border: 1px solid #CED4DA !important;
     color: #222 !important;
     padding: 10px 10px !important;
 }

 #sw-contactus-001--0 {
     /* z-index: 100000000; */
 }

 #sw-contactus-001--0 .modal-content {
     border-radius: 5px;
     overflow: hidden;
     padding: 15px;
     background: linear-gradient(-0.37deg, rgba(255, 255, 255, 1) 0%, rgba(242, 246, 255, 1) 100%);
 }

 #sw-contactus-001--0 .product-header {
     display: none;
 }

 #sw-contactus-001--0 .close span {
     font-size: 24px;
 }

 #sw-contactus-001--0 .create-form-wrap {
     border: none;
 }

 #sw-contactus-001--0 .crm_form-wrap {
     margin: 0 -20px;
 }

 #sw-contactus-001--0 .product-info {
     margin: 0 0 10px 0;
     padding: 10px 20px;
     background-color: #F5F8FA;
     border-radius: 3px;
 }

 #sw-contactus-001--0 .product-info>div {
     margin: 0 -10px;
 }

 #sw-contactus-001--0 .product-info .product-tr {
     border-bottom: 1px solid #E2E8F0;
     padding-bottom: 10px;
     /* margin-bottom: 10px; */
 }

 #sw-contactus-001--0 .product-info .product_img {
     width: 60px;
     height: 60px;
 }

 #sw-contactus-001--0 .product-info .product-title-box {
     -webkit-line-clamp: 2;
     overflow: hidden;
     text-overflow: ellipsis;
     display: -webkit-box;
     -webkit-box-orient: vertical;
 }

 #sw-contactus-001--0 .product-info input {
     border: 1px solid #e6e6e6;
     padding: 4px 10px;
 }

 #sw-contactus-001--0 .create-form-title {
     display: none;
 }
 /* =========================================end=============================================== */