:root {--main: #0b5cb5;}  @font-face {  font-family: "Metropolis-SemiBold";  src: url("./font/Metropolis/Metropolis-SemiBold.otf") format("opentype");  }  @font-face {  font-family: "Metropolis-Medium";  src: url("./font/Metropolis/Metropolis-Medium.otf") format("opentype");  }  @font-face {  font-family: "Metropolis-Regular";  src: url("./font/Metropolis/Metropolis-Regular.otf") format("opentype");  }  @font-face {  font-family: "Metropolis-Light";  src: url("./font/Metropolis/Metropolis-Light.otf") format("opentype");  }  body * {font-family: "Metropolis-Regular";}  /*分页*/  #turn_page {margin-top: 60px;}  #turn_page .lyui_paging_btn, #turn_page .lyui_paging_point {width: 50px;height: 50px;border-radius: 5px;border: 1px solid #e5e5e5;color: #666;background: #fff;}  #turn_page .lyui_paging_prev, #turn_page .lyui_paging_next {width: 50px;height: 50px;border: 1px solid #e5e5e5;display: none;background: #fff;}  #turn_page .lyui_paging_prev[href], #turn_page .lyui_paging_next[href] {display: flex;}  #turn_page .lyui_paging_btn.cur {background-color: var(--main) !important;color: #fff !important;border-color: var(--main);}  #turn_page .lyui_paging_btn:not(.cur):hover, #turn_page .lyui_paging_prev:hover, #turn_page .lyui_paging_next:hover {border-color: var(--main) !important;background-color: #fafafa !important;color: var(--main) !important;}  #turn_page .lyui_paging_prev svg {transform: rotate(180deg);}  #turn_page .lyui_paging_btn:hover {background-color: var(--main) !important;color: #fff !important;border-color: var(--main);}  #turn_page .lyui_paging_prev:hover, #turn_page .lyui_paging_next:hover {border-color: var(--main) !important;background-color: var(--main) !important;color: #fff !important;}  #turn_page .lyui_paging_prev:hover svg, #turn_page .lyui_paging_next:hover svg {fill: #fff;}  #turn_page .page_btn {width: 50px;height: 50px;border: 1px solid #e5e5e5;color: #666;width: 50px;height: 50px;background: #fff;border-radius: 5px;}  #turn_page .page_btn.page_first {margin-right: 10px;}  #turn_page .page_btn.page_end {margin-left: 10px;}  #turn_page .page_btn.page_first svg {transform: rotate(180deg);}  #turn_page .page_btn:hover {border-color: var(--main) !important;background-color: var(--main) !important;}  #turn_page .page_btn:hover svg {fill: #fff;}  @media (max-width: 750px) {  [alert] .at-contents {font-size: 26px;}  .lyui_paging_label, .lyui_paging_point, .lyui_paging_btn {width: 60px !important;height: 60px !important;font-size: 26px !important;background: #fff;}  .lyui_paging_prev, .lyui_paging_next {width: 60px !important;height: 60px !important;font-size: 26px !important;background: #fff;}  #turn_page .page_btn {width: 60px;height: 60px;}  #turn_page .lyui_paging_prev svg {transform: rotate(180deg) scale(1.6);}  #turn_page .lyui_paging_next svg {transform: scale(1.6);}  #turn_page .page_btn.page_first svg {transform: rotate(180deg) scale(1.6);margin: 0 1px;}  #turn_page .page_btn.page_end svg {transform: scale(1.6);margin: 0 1px;}  }  /*全站搜索*/  #search {width: 100%;padding-bottom: 40px;padding-top: 60px;}  #search .form {margin-bottom: 45px;margin-top: 30px;}  #search .form .text {width: 340px;padding-left: 15px;height: 49px;line-height: 49px;border: 1px solid #dddddd;border-top-left-radius: 5px;border-bottom-left-radius: 5px;border-right: none;font-size: 16px;}  #search .form .submit {height: 49px;width: 59px;border: 1px solid var(--main);border-top-right-radius: 5px;border-bottom-right-radius: 5px;background: var(--main);color: #fff;font-size: 16px;cursor: pointer;background-size: 22px;}  #search .form .submit svg path {fill: #fff;}  #search .list {width: 100%;margin-bottom: 50px;}  #search .list .info .cate {padding-left: 15px;}  #search .list .new .cate {}  #search .list .know .cate {}  #search .list .info li {padding: 20px 0;border-bottom: 1px solid #dddddd;}  #search .list .info li:first-child {border-top: 1px solid #dddddd;}  #search .list .info .title {max-width: 100%;margin-right: 16px;line-height: 22px;color: var(--main);font-size: 16px;font-weight: 700;}  #search .list .info .day, #search .list .info .cate {color: #888888;font-size: 16px;margin-right: 20px;}  #search .list .info .day {margin: 0;}  #search .list .info .desc { /*height:60px;*/overflow: hidden;margin-top: 1.375%;color: #888888;font-size: 14px;line-height: 32px;}  #search .txt {font-size: 16px;margin: 45px 0;}  @media (max-width: 750px) {  #search {padding-top: 60px;}  #search .form .text {width: 400px;height: 60px;line-height: 60px;font-size: 30px;}  #search .form .submit {width: 60px;height: 60px;font-size: 26px;background-size: 26px;}  #search .form .submit svg {width: 30px;height: 30px;}  #search .list .info li {padding: 35px 0;}  #search .list .info .title {font-size: 36px;line-height: 1.6;}  #search .list .info .day, #search .list .info .cate {font-size: 28px;line-height: 1.6;}  #search .list .info .desc {font-size: 30px;line-height: 1.6; /*height: 144px;*/}  #search .txt {font-size: 30px;}  }  /*头部PC端*/  .header_blank {height: 150px;}  #header {top: 0;left: 0;height: 150px;width: 100%;z-index: 10;}  #header .header-top {height: 35px;line-height: 35px;background: #061c34;}  #header .header-top .item {font-size: 16px;color: #fff;font-family: "Metropolis-Light";opacity: .6;margin-right: 48px;}  #header .header-top .item:last-child {margin-right: 0;}  #header .header-top .item .svg {margin-right: 10px;}  #header .header-top .item:hover {opacity: 1;}  #header .logo {width: 160px;height: 56px;}  #header .logo img:nth-child(1) {display: inline-block;}  #header .logo img:nth-child(2) {display: none;}  #header .hattr {margin-left: auto;margin-right: 60px;}  #header .hnav .one-nav {line-height: 115px;height: 100%;margin-right: 60px;}  #header .hnav .one-nav:last-child {margin-right: 0px;}  #header .hnav .one-nav::after {position: absolute;content: '';bottom: 0;right: 0;left: 0;width: 100%;height: 3px;background: transparent;z-index: 2;transition: all .3s;display: none;}  #header .hnav .one-nav .nav-a {font-size: 18px;color: #fff;}  #header .hnav .one-nav:hover .nav-a {color: var(--main);}  #header .hnav .one-nav .two-nav {height: 0;overflow: hidden;top: 115px;left: 50%;z-index: 3;transform: translateX(-50%);}  #header .hnav .two-nav .hnavbg {background: #fefefe;padding: 10px 0;box-shadow: 0px 10px 15px 0px rgba(0, 0, 0, 0.03);text-align: center;}  #header .hnav .two-nav .hnavbg > div {width: 100%;line-height: 42px;padding: 0 30px;}  #header .hnav .two-nav .hnavbg > div:hover {background: #f5f5f5;}  #header .hnav .two-nav .hnavbg > div .tnav-a {font-size: 16px;color: #666666;white-space: nowrap;width: 100%;}  #header .hnav .two-nav .hnavbg > div:hover .tnav-a {color: var(--main);}  /*产品下拉*/  #header .hnav .one-nav:hover .pro_nav {box-shadow: 0 5px 5px 0 rgba(0, 0, 0, .05);}  #header .hnav .pro_nav {overflow: hidden;top: 150px;left: 0;right: 0;width: 100%;z-index: 2;background: #fff;height: 0;}  #header .hnav .pro_nav .h {border-top: 1px solid #eee;}  #header .hnav .pro_nav .content {padding: 60px 0;}  #header .hnav .pro_nav .left {width: 300px;}  #header .hnav .pro_nav .left .li {font-size: 18px;color: #222;padding-right: 20px;line-height: 1.6;margin-bottom: 40px;position: relative;font-family: "Metropolis-Medium";}  #header .hnav .pro_nav .left .li:hover, #header .hnav .pro_nav .left .li.cur {color: var(--main);}  #header .hnav .pro_nav .left .more {min-width: 190px;height: 55px;border-radius: 30px;padding: 0 20px;font-size: 18px;color: #fff;font-family: "Metropolis-Light";background: var(--main);line-height: 1.2;width: fit-content;}  #header .hnav .pro_nav .left .more .svg {margin: 3px 0 0 25px;}  #header .hnav .pro_nav .left .more:hover {opacity: .8;}  #header .hnav .pro_nav .bind {width: calc(100% - 300px);border-left: 1px solid #cedef0;padding-left: 60px;}  #header .hnav .pro_nav .righ .cont {}  #header .hnav .pro_nav .righ .cont .li {width: 15.151%;margin-right: 1.8188%;margin-bottom: 40px;}  #header .hnav .pro_nav .righ .cont .li:nth-child(6n) {margin-right: 0;}  #header .hnav .pro_nav .righ .cont .li:nth-last-child(-n+6) {margin-bottom: 0;}  #header .hnav .pro_nav .righ .cont .li .pic {width: 100%;border-radius: 12px;border: 2px solid #e6eef7;}  #header .hnav .pro_nav .righ .cont .li .pic::before {content: '';padding-top: 100%;}  #header .hnav .pro_nav .righ .cont .li .pic img {max-width: 80%;max-height: 80%;mix-blend-mode: darken;}  #header .hnav .pro_nav .righ .cont .li .tit {font-size: 18px;color: #222;margin-top: 10px;text-align: center;line-height: 1.6;}  #header .hnav .pro_nav .righ .cont .li:hover .pic {border-color: var(--main);}  #header .hnav .pro_nav .righ .cont .li:hover .tit {color: var(--main);}  #header .hnav .pro_nav .righ .cont .li .tag {width: 45px;height: 20px;border-radius: 12px 0 12px 0;font-size: 12px;color: #fff;left: 0;top: 0;z-index: 2;}  #header .hnav .pro_nav .righ .cont .li .tag.new {background: #61bf25;}  #header .hnav .pro_nav .righ .cont .li .tag.hot {background: #f5410a;}  #header .hnav .pro_nav .righ .cont .li .icon {margin-bottom: 10px;}  /*行业下拉*/  #header .hnav .one-nav:hover .indu_nav {box-shadow: 0 5px 5px 0 rgba(0, 0, 0, .05);}  #header .hnav .indu_nav {overflow: hidden;top: 150px;left: 0;right: 0;width: 100%;z-index: 2;background: #fff;height: 0;}  #header .hnav .indu_nav .h {border-top: 1px solid #eee;}  #header .hnav .indu_nav .content {padding: 60px 0;}  #header .hnav .indu_nav .left {width: 300px;}  #header .hnav .indu_nav .left .li {font-size: 18px;color: #222;padding-right: 20px;line-height: 1.6;margin-bottom: 40px;position: relative;font-family: "Metropolis-Medium";}  #header .hnav .indu_nav .left .li:hover, #header .hnav .indu_nav .left .li.cur {color: var(--main);}  #header .hnav .indu_nav .left .more {min-width: 190px;height: 55px;border-radius: 30px;padding: 0 20px;font-size: 18px;color: #fff;font-family: "Metropolis-Light";background: var(--main);line-height: 1.2;width: fit-content;}  #header .hnav .indu_nav .left .more .svg {margin: 3px 0 0 25px;}  #header .hnav .indu_nav .left .more:hover {opacity: .8;}  #header .hnav .indu_nav .bind {width: calc(100% - 300px);border-left: 1px solid #cedef0;padding-left: 60px;}  #header .hnav .indu_nav .righ .txt {font-size: 18px;color: var(--main);line-height: 1.6;width: fit-content;}  #header .hnav .indu_nav .righ .txt .svg {margin: 3px 0 0 10px;}  #header .hnav .indu_nav .righ .cont {margin-top: 35px;}  #header .hnav .indu_nav .righ .cont .li {width: 49.09%;}  #header .hnav .indu_nav .righ .cont .li .pic {width: 100%;border-radius: 12px;}  #header .hnav .indu_nav .righ .cont .li .pic::before {content: '';padding-top: 56.172%;}  #header .hnav .indu_nav .righ .cont .li .pic img {object-fit: cover;}  #header .hnav .indu_nav .righ .cont .li .tit {font-size: 18px;color: #222;margin-top: 10px;line-height: 1.6;}  #header .hnav .indu_nav .righ .cont .li .brief {font-size: 16px;color: #666;font-family: "Metropolis-Light";margin: 8px 0 15px;line-height: 1.6;}  #header .hnav .indu_nav .righ .cont .li .more {font-size: 18px;color: var(--main);font-family: "Metropolis-Light";line-height: 1.6;}  #header .hnav .indu_nav .righ .cont .li .more .svg {margin: 4px 0 0 10px;line-height: 1.6;}  #header .hnav .indu_nav .righ .cont .li:hover .tit {color: var(--main);}  #header .hnav .indu_nav .righ .cont .list {width: 45.455%;}  #header .hnav .indu_nav .righ .cont .list .item {}  #header .hnav .indu_nav .righ .cont .list .item:first-child {margin-bottom: 30px;}  #header .hnav .indu_nav .righ .cont .list .item .pic {width: 33.333%;border-radius: 12px;border: 2px solid #e6eef7;}  #header .hnav .indu_nav .righ .cont .list .item .pic::before {content: '';padding-top: 100%;}  #header .hnav .indu_nav .righ .cont .list .item .pic img {max-width: 80%;max-height: 80%;mix-blend-mode: darken;}  #header .hnav .indu_nav .righ .cont .list .item .text {width: 66.667%;padding-left: 30px;line-height: 1.6;}  #header .hnav .indu_nav .righ .cont .list .item .text .tit {font-size: 18px;color: #222;}  #header .hnav .indu_nav .righ .cont .list .item .text .brief {font-size: 18px;color: #222;}  #header .hnav .indu_nav .righ .cont .list .item .text .more {font-size: 18px;color: var(--main);font-family: "Metropolis-Light";margin-top: 25px;}  #header .hnav .indu_nav .righ .cont .list .item .text .more .svg {margin: 3px 0 0 10px;}  #header .hnav .indu_nav .righ .cont .list .item .tag {width: 45px;height: 20px;border-radius: 12px 0 12px 0;font-size: 12px;color: #fff;left: 0;top: 0;z-index: 2;}  #header .hnav .indu_nav .righ .cont .list .item .tag.new {background: #61bf25;}  #header .hnav .indu_nav .righ .cont .list .item .tag.hot {background: #f5410a;}  #header .hnav .indu_nav .righ .cont .list .item:hover .pic {border-color: var(--main);}  #header .hnav .indu_nav .righ .cont .list .item:hover .tit {color: var(--main);}  #header .hright {height: 115px;}  #header .hright .search {width: 21px;height: 21px;margin-right: 35px;}  #header .hright .lang {width: 21px;height: 21px;}  #header .hright .menu {display: none;background: url(/images/menu-icon.svg) no-repeat center / cover;width: 30px;height: 30px;}  #header .hright .menu.cur {background-image: url(/images/h-close-icon.svg);}  /* 头部滚动时样式和鼠标移入时样式 */  @media screen and (min-width: 751px) {  #header.none {transform: translate3d(0px, -35px, 0);}  #header.cur {box-shadow: 0 0 5px 0 rgba(0, 0, 0, .1);}  #header.detail, #header.cur, #header:hover {background: #fff;}  #header.detail .logo img:nth-child(1), #header.cur .logo img:nth-child(1), #header:hover .logo img:nth-child(1) {display: none;}  #header.detail .logo img:nth-child(2), #header.cur .logo img:nth-child(2), #header:hover .logo img:nth-child(2) {display: inline-block;}  #header.detail .hnav .one-nav .nav-a, #header.cur .hnav .one-nav .nav-a, #header:hover .hnav .one-nav .nav-a {color: #222;}  #header.detail .hnav .one-nav:hover .nav-a, #header.cur .hnav .one-nav:hover .nav-a, #header:hover .hnav .one-nav:hover .nav-a {color: var(--main);}  #header.detail .one-nav:hover::after, #header.cur .hnav .one-nav:hover::after, #header:hover .hnav .one-nav.cur::after {background-color: var(--main);}  #header.detail .hnav .one-nav.cur .nav-a, #header.cur .hnav .one-nav.cur .nav-a, #header:hover .hnav .one-nav.cur .nav-a {color: var(--main);}  #header.detail .one-nav.cur::after, #header.cur .hnav .one-nav.cur::after, #header:hover .hnav .one-nav.cur::after {background-color: var(--main);}  #header.detail .hright .search svg, #header.cur .hright .search svg, #header:hover .hright .search svg, #header.detail .hright .lang svg, #header.cur .hright .lang svg, #header:hover .hright .lang svg {fill: #222;}  }  /* PC端头部语言 */  #header .lang .h-lang {width: 140px; /*height:100px;*/z-index: 5;top: 68px;left: 50%;transform: translateX(-50%);overflow: hidden;display: none;background: #fff;box-shadow: 0px 10px 15px 0px rgba(0, 0, 0, 0.03);}  #header .lang .h-lang .lang-box .name {width: 100%;text-align: center;font-size: 16px;line-height: 50px;color: #666;}  #header .lang .h-lang .lang-box .name:hover {background: #f5f5f5;color: #1a1a1a;}  @media screen and (max-width: 1680px) {  #header .hnav .one-nav {margin-right: 50px;}  }  @media screen and (max-width: 1536px) {  #header .hnav .one-nav {margin-right: 45px;}  }  @media screen and (max-width: 1440px) {  #header .hnav .one-nav {margin-right: 40px;}  }  @media screen and (max-width: 1280px) {  #header .hnav .one-nav, #header .hright .search {margin-right: 30px;}  #header .hnav .pro_nav .left .li {margin-bottom: 20px;}  #header .hnav .pro_nav .bind {padding-left: 30px;}  #header .hnav .indu_nav .left .li {margin-bottom: 20px;}  #header .hnav .indu_nav .bind {padding-left: 30px;}  }  /* 头部移动端 */  #header_m-nav, #header_search-box, #header_m-header-blank {display: none;}  @media screen and (max-width: 1100px) {  .header_blank {display: none;}  #header_m-header-blank {display: block;height: 150px;}  #header {background: #fff;}  #header .logo img:nth-child(1) {display: none;}  #header .logo img:nth-child(2) {display: inline-block;}  #header .hright .search .search-icon {display: none;}  #header .hright .search .search-icon.mobile {display: block;}  #header .hright .search svg {fill: #222;transform: scale(1.2);}  #header .hnav, #header .hright .search .h-search, #header .hright .lang {display: none;}  #header .hright .menu {display: block;}  #header .hright .search {width: 22px;height: 22px;}  #header_m-nav {display: block;width: 100%;height: 0;z-index: 50;left: 0;right: 0;top: 150px;background: #fff;overflow-y: auto;border-top: 1px solid transparent;}  #header_m-nav.cur {height: calc(100vh - 150px);border-top-color: #ebebeb;}  #header_m-nav .nav .one-nav {line-height: 60px;}  #header_m-nav .nav .one-nav .one {cursor: pointer;margin: 0 30px;border-bottom: 1px solid #ebebeb;background: url(/images/nav-icon1.png) no-repeat right;}  #header_m-nav .nav .one-nav.nobg .one {background: none;}  #header_m-nav .nav .one-nav.cur .one {background-image: url(/images/nav-icon2.png);}  #header_m-nav .nav .one-nav.cur.nobg .one {background: none;}  #header_m-nav .nav .one-nav .one-a {font-size: 18px;font-weight: 700;color: #222;}  #header_m-nav .nav .one-nav .two-nav {width: 100%;background: #f7f7f7;padding: 0 30px;}  #header_m-nav .nav .one-nav .two-nav > div {border-bottom: 1px solid #ebebeb;}  #header_m-nav .nav .one-nav .two-nav .two-a {font-size: 16px;color: #222;}  #header_m-nav .bot-box {margin: 30px 0 60px}  #header_m-nav .bot-box .item .icon {width: 60px;height: 60px;line-height: 60px;border: 1px solid #333;font-size: 18px;color: #222;border-radius: 100%;margin: 0 auto;}  #header_m-nav .bot-box .item .tit {font-size: 18px;color: #222;margin-top: 20px;}  #header_search-box {width: 100%;height: 150px;z-index: 50;left: 0;right: 0;top: 150px;background: #fff;display: none;flex-direction: column;justify-content: center;border-top: 1px solid #f7f7f7;box-shadow: 0px 1px 0px 0px rgba(242, 242, 242, 1);}  #header_search-box .form-box {width: 92%;margin: 45px auto 0;height: 60px;border: 1px solid #d1d1d1;border-radius: 30px;overflow: hidden;}  #header_search-box .form-box .input {width: calc(100% - 60px);padding-left: 30px;}  #header_search-box .form-box .input input {width: 100%;height: 100%;font-size: 18px;color: #333;}  #header_search-box .form-box .submit {width: 60px;height: 60px;background: url(/images/search2.svg) no-repeat 14px center;border-left: 1px solid #d1d1d1;}  }  @media screen and (max-width: 750px) {  #header_m-header-blank, #header {height: 170px;}  #header .header-top {height: 55px;line-height: 55px;}  #header .header-top .item {font-size: 28px;}  #header .header-top .item .svg {margin-right: 15px;transform: scale(1.5);}  /*#header .hright .search{width:36px;height:36px;}*/ #header .hright .search {margin-right: 40px;}  #header .hright .search svg {transform: scale(2);}  #header .hright .menu {width: 45px;height: 45px;}  #header_m-nav {top: 170px;}  #header_m-nav.cur {height: calc(100vh - 170px);}  #header_m-nav .nav .one-nav {line-height: 100px;}  #header_m-nav .nav .one-nav .one-a {font-size: 36px;}  #header_m-nav .nav .one-nav .two-nav .two-a {font-size: 30px;}  #header_m-nav .bot-box .item .icon {width: 80px;height: 80px;line-height: 80px;font-size: 30px;}  #header_m-nav .bot-box .item .tit {font-size: 30px;}  #header_search-box {height: 180px;top: 170px;}  #header_search-box .form-box {height: 90px;border-radius: 43px;}  #header_search-box .form-box .input {width: calc(100% - 90px);}  #header_search-box .form-box .input input {font-size: 30px;}  #header_search-box .form-box .submit {width: 90px;height: 90px;background-size: 40px;background-position: center;}  }  /*banner*/  #banner {width: 100%;}  #banner .slide-inner::before {content: '';padding-top: 50%; /*width: 100%;background: rgba(9,53,101,.5);z-index: 1;position: relative;*/}  #banner .swiper-pagination-bullets {bottom: 50px;}  #banner .swiper-pagination-bullets .swiper-pagination-bullet {width: 10px;height: 10px;opacity: .3;background: transparent;margin: 0 15px;border: 2px solid #fff;position: relative;transition: all .3s;}  #banner .swiper-pagination-bullets .swiper-pagination-bullet-active {background: var(--main);border-color: var(--main);opacity: 1;}  #banner .text_box {display: flex;flex-direction: column;justify-content: center;z-index: 2;color: #fff;}  #banner .text_box .txt1 {font-size: 66px;font-family: "Metropolis-Medium";line-height: 1;color: #0B5CB5;}  #banner .text_box .txt2 {font-size: 20px;line-height: 1.5;margin: 20px 0 70px;color: #0B5CB5;}  #banner .text_box .btn_box {}  #banner .text_box .btn_box .more {min-width: 190px;height: 55px;border-radius: 30px;padding: 0 30px;font-size: 18px;font-family: "Metropolis-Light";background: rgba(11, 92, 181, .65);margin-right: 20px;}  #banner .text_box .btn_box .more .svg {margin: 3px 0 0 25px;}  #banner .text_box .btn_box .more:hover {background: var(--main);}  #banner .btn {width: 54px;height: 104px;top: 50%;transform: translateY(-50%);z-index: 2;opacity: .3;}  #products_high .btn {width: 54px;height: 104px;top: 50%;transform: translateY(-50%);z-index: 2;opacity: .3;}  #products_high .btn:hover {opacity: 1;}  #banner .btn.prev {left: 60px;transform: translateY(-50%) rotate(180deg);}  #products_high .prev {left: 0;transform: translateY(-50%) rotate(180deg);}  #banner .btn.next {right: 60px;}  #products_high .next {right: 0;}  #banner .btn:hover {opacity: 1;}  #inner_banner {width: 100%;}  #inner_banner .pic::before {content: '';position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(9, 53, 101, .5);z-index: 1;}  #inner_banner .text_box {display: flex;flex-direction: column;justify-content: center;z-index: 2;color: #fff;}  #inner_banner .text_box .title {font-size: 56px;font-family: "Metropolis-Medium";line-height: 1;margin-top: 80px;}  @media (max-width: 1536px) {  #banner .text_box .txt1 {font-size: 56px;}  #banner .btn.prev {left: 15px;}  #banner .btn.next {right: 15px;}  #inner_banner .text_box .title {font-size: 48px;}  }  @media (max-width: 1440px) {  #banner .text_box .txt1 {font-size: 50px;}  }  @media (max-width: 1366px) {  #banner .text_box .txt1 {font-size: 42px;}  #inner_banner .text_box .title {font-size: 42px;}  }  @media (max-width: 1280px) {  #banner .text_box .txt1 {font-size: 42px;margin-top: 80px;}  #banner .text_box .txt2 {margin-bottom: 50px;}  #inner_banner .text_box .title {font-size: 36px;}  }  @media (max-width: 1100px) {  #banner .text_box .txt1 {margin-top: 0;font-size: 36px;}  #banner .text_box .txt2 {margin-bottom: 30px;font-size: 18px;}  #inner_banner .text_box .title {margin-top: 0;}  }  @media (max-width: 750px) {  #banner .slide-inner::before {padding-top: 128%;}  #banner .text_box .cw1360 {padding: 0 30px;}  #banner .text_box .txt1 {font-size: 48px;}  #banner .text_box .txt2 {font-size: 30px;}  #banner .text_box .btn_box .more {font-size: 26px;}  #banner .text_box .btn_box .more .svg {transform: scale(1.5);}  #inner_banner .text_box .title {font-size: 56px;}  }  #index_products {padding: 70px 0 0;}  #index_products .title {font-size: 56px;color: #222;font-family: "Metropolis-SemiBold";}  #index_products .content {margin-top: 40px;}  #index_products .content .li {width: 32.738%;margin-right: 1.786%;}  #index_products .content .li:nth-child(3) {margin-right: 0;}  #index_products .content .li .item {background: rgba(11, 92, 181, .03);padding: 50px 50px 40px 60px;border-radius: 12px; /*overflow: hidden;*/}  #index_products .content .li .item .bg {width: 100%;height: 110%;margin: 0 auto;left: 0;top: 0;background: url(/images/index-pro-bg.png) no-repeat center / 100% 100%;pointer-events: none;opacity: 0;}  #index_products .content .li .item .tit {font-size: 42px;color: #222;font-family: "Metropolis-Medium";}  #index_products .content .li .item .brief {font-size: 20px;color: #333;font-family: "Metropolis-Light";}  #index_products .content .li .item .more {width: 55px;height: 55px;border-radius: 50%;border: 1px solid #105fb6;margin-top: 50px;position: relative;z-index: 2;}  #index_products .content .li .item .more .txt {display: none;font-size: 18px;color: #fff;font-family: "Metropolis-Light";}  #index_products .content .li .item .more .svg path {transition: all .3s;}  #index_products .content .li .item .pic {width: 59.09%;margin-left: auto;margin-top: -30px;}  #index_products .content .li .item .pic::before {content: '';padding-top: 180.769%;}  #index_products .content .li .item .pic img {mix-blend-mode: darken;}  #index_products .content .li:nth-child(3) {width: 30.925%;}  #index_products .content .li:nth-child(3) .item:nth-child(1) {display: flex;justify-content: space-between;margin-bottom: 30px;padding-bottom: 20px;}  #index_products .content .li:nth-child(3) .item:nth-child(1) .text {width: 69.512%;padding-right: 10px;}  #index_products .content .li:nth-child(3) .item:nth-child(1) .pic {width: 30.488%;margin-top: 0;}  #index_products .content .li:nth-child(3) .item:nth-child(1) .pic::before {padding-top: 224.5%;}  #index_products .content .li:nth-child(3) .item:nth-child(2) {padding-top: 60px;padding-bottom: 55px;}  #index_products .content .li:nth-child(3) .item:nth-child(2) .pic {width: 67.308%;margin-top: -80px;}  #index_products .content .li:nth-child(3) .item:nth-child(2) .pic::before {padding-top: 41.428%;}  #index_products .content .li .item:hover .bg {opacity: 1;}  #index_products .content .li .item:hover .tit {color: var(--main);}  #index_products .content .li .item:hover .more {width: 160px;border-radius: 30px;background: var(--main);}  #index_products .content .li .item:hover .more .txt {display: block;}  #index_products .content .li .item:hover .more .svg {margin: 3px 0 0 55px;}  #index_products .content .li .item:hover .more .svg path {stroke: #fff;}  @media (max-width: 1680px) {  #index_products .content .li:nth-child(3) .item:nth-child(2) {padding-top: 55px;padding-bottom: 50px;}  }  @media (max-width: 1440px) {  #index_products .content .li .item {padding-left: 30px;padding-right: 30px;}  #index_products .content .li:nth-child(3) .item:nth-child(2) {padding-top: 45px;}  }  @media (max-width: 1280px) {  #index_products .content .li .item .tit {font-size: 30px;}  #index_products .content .li .item .brief {font-size: 16px;}  }  @media (max-width: 1024px) {  #index_products .content {flex-wrap: wrap;}  #index_products .content .li {width: 48%;margin-right: 4%;}  #index_products .content .li:nth-child(2) {margin-right: 0;}  #index_products .content .li:nth-child(3) {width: 100%;margin-top: 30px;}  }  @media (max-width: 750px) {  #index_products .content .li {width: 100%;margin-right: 0;margin-bottom: 30px;}  #index_products .content .li:last-child {margin-bottom: 0;}  #index_products .content .li .item .pic::before {padding-top: 120%;}  #index_products .content .li .item .tit {font-size: 36px;}  #index_products .content .li .item .brief {font-size: 30px;}  #index_products .content .li .item .bg {opacity: 1;}  #index_products .content .li .item .tit {color: var(--main);}  #index_products .content .li .item .more {width: 160px;border-radius: 30px;background: var(--main);}  #index_products .content .li .item .more .txt {display: block;font-size: 26px;}  #index_products .content .li .item .more .svg {margin: 3px 0 0 25px;transform: scale(1.5);}  #index_products .content .li .item .more .svg path {stroke: #fff;}  }  #index_industries {padding: 70px 0;}  #index_industries .title {font-size: 56px;color: #222;font-family: "Metropolis-SemiBold";}  #index_industries .content {margin-top: 40px;}  #index_industries .content .li {width: 32.142%;margin: 0 1.787% 30px 0;border-radius: 12px;overflow: hidden;}  #index_industries .content .li:nth-child(3) {margin-right: 0;}  #index_industries .content .li:nth-last-child(-n+4) {width: 23.631%;margin-right: 1.825%;}  #index_industries .content .li:nth-child(7) {margin-right: 0;}  #index_industries .content .li::before {content: '';position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(3, 30, 60, .8);z-index: 1;}  #index_industries .content .li .pic::before {content: '';padding-top: 63.889%;}  #index_industries .content .li .pic img {object-fit: cover;}  #index_industries .content .li:nth-last-child(-n+4) .pic::before {padding-top: 86.902%;}  #index_industries .content .li .text {padding: 55px;display: flex;flex-direction: column;justify-content: space-between;z-index: 2;}  #index_industries .content .li .text .icon {width: 80px;height: 70px;}  #index_industries .content .li .text .tit {font-size: 20px;color: #fff;margin-top: auto;}  #index_industries .content .li .text .more {font-size: 18px;color: #fff;font-family: "Metropolis-Light";opacity: .5;margin-top: 5px;}  #index_industries .content .li .text .more .svg {margin: 3px 0 0 8px;}  #index_industries .content .li:hover .text .tit {color: var(--main);}  @media (max-width: 1440px) {  #index_industries .content .li .text {padding: 30px;}  }  @media (max-width: 1280px) {  #index_industries .content .li .text .icon {transform: scale(.8);}  }  @media (max-width: 1024px) {  #index_industries .content .li, #index_industries .content .li:nth-last-child(-n+4) {width: 48%;margin-right: 4%;}  #index_industries .content .li:nth-child(3), #index_industries .content .li:nth-child(7) {margin-right: 4%;}  #index_industries .content .li:nth-child(2n) {margin-right: 0;}  #index_industries .content .li:nth-last-child(-n+4) .pic::before {padding-top: 63.889%;}  }  @media (max-width: 750px) {  #index_industries .content .li, #index_industries .content .li:nth-last-child(-n+4) {width: 100%;margin-right: 0;}  #index_industries .content .li:nth-child(3), #index_industries .content .li:nth-child(7) {margin-right: 0;}  #index_industries .content .li .text {padding: 50px;}  #index_industries .content .li .text .icon {transform: scale(1.2);}  #index_industries .content .li .text .tit {font-size: 36px;}  #index_industries .content .li .text .more {font-size: 30px;}  #index_industries .content .li .text .more .svg {transform: scale(1.5);}  }  #index_news {padding: 70px 0 100px;background: #f5f7fa;}  #index_news .title {font-size: 56px;color: #222;font-family: "Metropolis-SemiBold";}  #index_news .content {margin-top: 45px;}  #index_news .content .time {width: 60px;height: 60px;background: var(--main);border-radius: 12px 0 12px 0;left: 0;top: 0;z-index: 2;color: #fff;line-height: 1;}  #index_news .content .time .d {font-size: 26px;}  #index_news .content .time .m {font-size: 16px;font-family: "Metropolis-Light";}  #index_news .content .left {width: 39.286%;}  #index_news .content .left .pic {border-radius: 12px;}  #index_news .content .left .pic::before {content: '';padding-top: 56.212%;}  #index_news .content .left .tit {font-size: 28px;color: #222;line-height: 1.428;margin-top: 20px;}  #index_news .content .left .brief {font-size: 18px;color: #666;font-family: "Metropolis-Light";line-height: 1.667;margin: 20px 0 42px;}  #index_news .content .left .more {min-width: 160px;height: 55px;border-radius: 30px;background: var(--main);font-size: 18px;color: #fff;font-family: "Metropolis-Light";width: fit-content;padding: 0 20px;}  #index_news .content .left .more .svg {margin: 3px 0 0 55px;}  #index_news .content .left:hover .tit {color: var(--main);}  #index_news .content .right {width: 57.142%;}  #index_news .content .right .li {padding-bottom: 30px;margin-bottom: 35px;border-bottom: 1px solid #dcdee1;}  #index_news .content .right .li:nth-child(2n) {flex-direction: row-reverse;}  #index_news .content .right .li:last-child {margin-bottom: 0;padding-bottom: 0;border-bottom: 0;}  #index_news .content .right .li .pic {width: 41.667%;border-radius: 12px;}  #index_news .content .right .li .pic::before {content: '';padding-top: 56.25%;}  #index_news .content .right .li .text {width: 58.333%;padding-left: 28px;}  #index_news .content .right .li:nth-child(2n) .text {padding-left: 0;padding-right: 28px;}  #index_news .content .right .li .text .tit {font-size: 24px;color: #222;line-height: 1.416;}  #index_news .content .right .li .text .brief {font-size: 18px;color: #666;line-height: 1.667;font-family: "Metropolis-Light";margin: 15px 0 25px;}  #index_news .content .right .li .text .more {font-size: 18px;color: var(--main);font-family: "Metropolis-Light";}  #index_news .content .right .li .text .more .svg {margin: 3px 0 0 6px;}  #index_news .content .right .li:hover .text .tit {color: var(--main);}  @media (max-width: 1440px) {  #index_news .content .left .tit {font-size: 22px;}  #index_news .content .left .brief {font-size: 16px;margin: 15px 0 25px;}  #index_news .content .right .li .text .tit {font-size: 20px;}  #index_news .content .right .li .text .brief {font-size: 16px;margin: 10px 0;}  }  @media (max-width: 1024px) {  #index_news .content {flex-wrap: wrap;}  #index_news .content .left {width: 100%;}  #index_news .content .right {width: 100%;margin-top: 30px;}  }  @media (max-width: 750px) {  #index_news .content .time {width: 80px;height: 80px;}  #index_news .content .time .d {font-size: 30px;}  #index_news .content .time .m {font-size: 26px;}  #index_news .content .left .tit, #index_news .content .right .li .text .tit {font-size: 36px;}  #index_news .content .left .brief, #index_news .content .right .li .text .brief {font-size: 30px;}  #index_news .content .left .more, #index_news .content .right .li .text .more {font-size: 30px;}  #index_news .content .left .more .svg {margin-left: 25px;}  #index_news .content .left .more .svg, #index_news .content .right .li .text .more .svg {transform: scale(1.5);}  #index_news .content .right .li {display: block;}  #index_news .content .right .li .pic {width: 100%;}  #index_news .content .right .li .text {width: 100%;margin-top: 30px;padding-left: 0;}  #index_news .content .right .li:nth-child(2n) .text {padding-right: 0;}  }  #index_partner {padding: 75px 0 90px;overflow: hidden;}  #index_partner .title {font-size: 56px;color: #222;font-family: "Metropolis-SemiBold";}  #index_partner .content {margin-top: 40px;}  #index_partner .content .pictures {height: 100px;white-space: nowrap;}  #index_partner .content .pictures .demos {width: max-content;height: 100%;white-space: nowrap;transition: all;animation: leftMove_index infinite linear 50s;}  #index_partner .content .pictures .demos:hover {animation-play-state: paused;}  #index_partner .content .pictures .demos .slide {width: max-content;height: 100%;}  #index_partner .content .pictures .demos .img {display: inline-block;width: 230px;height: 100%;overflow: hidden;}  #index_partner .content .pictures .demos .img img {max-width: 90%;max-height: 100%;filter: grayscale(100%);opacity: .5;}  #index_partner .content .pictures .demos .img:hover img {filter: grayscale(0);opacity: 1;}  @keyframes leftMove_index { from {transform: translateX(0);} to {transform: translateX(-50%);} }  @media (max-width: 750px) {  #index_partner .content .pictures .demos {animation-duration: 80s;}  #index_partner .content .pictures .demos .img {width: 200px;}  #index_partner .content .pictures .demos .img img {filter: grayscale(0);opacity: 1;}  }  #index_subscribe {padding: 75px 0 80px;background: url(/images/subscribe-bg.jpg) no-repeat center / cover;overflow: hidden;}  #index_subscribe .title {font-size: 56px;color: #fff;font-family: "Metropolis-SemiBold";line-height: 1;}  #index_subscribe .brief {font-size: 18px;color: #fff;font-family: "Metropolis-Light";margin: 15px 0 42px;}  #index_subscribe .more {min-width: 240px;height: 55px;border-radius: 30px;background: var(--main);font-size: 18px;color: #fff;font-family: "Metropolis-Light";margin: 0 auto;width: fit-content;padding: 0 30px;}  #index_subscribe .more .svg {margin: 3px 0 0 30px;}  #index_subscribe .more:hover {opacity: .8;}  @media (max-width: 750px) {  #index_subscribe .brief {font-size: 30px;}  #index_subscribe .more {font-size: 30px;height: 65px;border-radius: 40px;}  #index_subscribe .more .svg {transform: scale(1.5);}  }  /*产品列表*/  #products {background: #f5f7fa;position: relative;z-index: 3;}  #products::before {content: '';position: absolute;left: 0;bottom: 0;width: 100%;height: calc(100% - 170px);background: #f7f9fc;}  #products .box {position: relative;z-index: 2;}  #products .left {width: 340px;padding: 70px 0 120px;border-right: 1px solid #dcdee1;}  /*#products .left .cont{position: sticky;top: 150px;}*/  #products .left .cont .li {border-bottom: 1px solid #dcdee1;padding-bottom: 50px;margin-bottom: 50px;}  #products .left .cont .li:last-child {border-bottom: 0;margin-bottom: 0;padding-bottom: 0;}  #products .left .cont .li .item {cursor: pointer;padding-right: 50px;}  #products .left .cont .li .item .tit {width: calc(100% - 25px);font-size: 24px;color: #222;font-family: "Metropolis-Medium";}  #products .left .cont .li .item .btn {width: 14px;height: 14px;}  #products .left .cont .li .item .btn:before {display: block;content: '';position: absolute;top: 50%;left: 50%;width: 2px;height: 14px;background: #222;transform: translate(-50%, -50%);transition: all .3s;}  #products .left .cont .li .item .btn:after {display: block;content: '';position: absolute;top: 50%;left: 50%;width: 14px;height: 2px;background: #222;transform: translate(-50%, -50%);transition: all .3s;}  #products .left .cont .li.cur .item .btn:before {opacity: 0;}  /*#products .left .cont .li.cur .item .btn:after{background: var(--main);}*/  #products .left .cont .li .con {height: 0;overflow: hidden;}  #products .left .cont .li .con .h {padding-top: 20px;}  #products .left .cont .li .con .item {font-size: 18px;color: #666;font-family: "Metropolis-Light";margin-bottom: 20px;border-right: 3px solid transparent;}  #products .left .cont .li .con .item:last-child {margin-bottom: 0;}  #products .left .cont .li .con .item:hover {color: var(--main);}  #products .left .cont .li .con .item.cur {color: var(--main);border-right-color: var(--main);}  #products .right {width: calc(100% - 420px);padding: 70px 0 120px;}  #products .right .text {font-size: 24px;color: #222;font-family: "Metropolis-Medium";}  #products .right .content {margin-top: 30px;}  /*#products .right .content .li{width: 31.746%;margin: 0 2.381% 30px 0;background: #fff;border-radius: 12px;overflow: hidden;padding: 45px 20px 40px;} #products .right .content .li:nth-child(3n){margin-right: 0;}*/  #products .right .content .li {width: 24%;margin: 0 1.333% 30px 0;background: #fff;border-radius: 12px;overflow: hidden;padding: 45px 20px 40px;}  #products .right .content .li:nth-child(4n) {margin-right: 0;}  #products .right .content .li .pic {}  #products .right .content .li .pic::before {content: '';padding-top: 105.556%;}  #products .right .content .li .pic img {max-width: 80%;}  #products .right .content .li .tit {font-size: 30px;color: #222;margin: 25px 0 5px;line-height: 1.25;}  #products .right .content .li .brief {font-size: 18px;color: #666;font-family: "Metropolis-Light";}  #products .right .content .li:hover {box-shadow: 0 0 20px 0 rgba(11, 92, 181, .1);}  #products .right .content .li:hover .tit {color: var(--main);}  @media (max-width: 1366px) {  #products .right {width: calc(100% - 380px);}  #products .right .content .li .tit {font-size: 24px;}  #products .right .content .li .brief {font-size: 16px;}  }  @media (max-width: 1100px) {  #products .box {flex-wrap: wrap;}  #products .left {width: 100%;border-right: 0;padding-bottom: 0;}  #products .left .cont .li .item {padding-right: 0;}  #products .right {width: 100%;padding-bottom: 100px;}  }  @media (max-width: 750px) {  #products .left .cont .li .item .tit {width: calc(100% - 50px);font-size: 36px;}  #products .left .cont .li .item .btn {width: 30px;height: 30px;}  #products .left .cont .li .item .btn:before {height: 30px;}  #products .left .cont .li .item .btn:after {width: 30px;}  #products .left .cont .li .con .item {font-size: 30px;}  #products .right .text {font-size: 36px;}  #products .right .content .li {width: 100%;margin-right: 0;}  #products .right .content .li:nth-child(3n) {margin-right: 0;}  #products .right .content .li .pic::before {padding-top: 53.556%;}  #products .right .content .li .tit {font-size: 36px;}  #products .right .content .li .brief {font-size: 30px;}  }  /*产品详情*/  #products_top {padding: 190px 0 80px;background: url(/images/products-detail-bg.png) no-repeat center / cover;overflow: hidden;}  #products_top .left {width: 39.88%;color: #fff;margin-left: 10.12%;}  #products_top .left .title {font-size: 66px;font-family: "Metropolis-Medium";font-weight: bolder}  #products_top .left .brief {font-size: 30px;font-family: "Metropolis-Light";}  #products_top .left .cont {width: 550px;margin-top: 50px;}  #products_top .left .cont .item {width: 90px;height: 90px;background: #fafafa;border-radius: 50%;margin: 0 20px 20px 0;}  #products_top .left .cont .item .con {}  #products_top .left .cont .item .con2 {width: 200px;height: 100%;border-radius: 50px;background: var(--main);opacity: 0;pointer-events: none;}  #products_top .left .cont .item .con2 .ico {width: 90px;height: 90px;}  #products_top .left .cont .item .con2 .t {width: calc(100% - 90px);font-size: 16px;color: #fafafa;font-family: "Metropolis-Light";padding: 0 6px;}  #products_top .left .cont .item:hover .con2 {opacity: 1;z-index: 2;pointer-events: auto;}  #products_top .left .btn_box {margin-top: 60px;}  #products_top .left .btn_box .btn {width: fit-content;min-width: 190px;height: 55px;padding: 0 30px;border-radius: 30px;background: #fafafa;font-size: 18px;color: var(--main);font-family: "Metropolis-Light";}  #products_top .left .btn_box .btn:first-child {margin-right: 20px;}  #products_top .left .btn_box .btn .svg {margin: 3px 0 0 20px;}  #products_top .left .btn_box .btn .svg path {transition: all .3s;}  #products_top .left .btn_box .btn:hover {background: var(--main);color: #fafafa;}  #products_top .left .btn_box .btn:hover .svg path {stroke: #fafafa;}  #products_top .pic {width: 50%;}  #products_top .pic::before {content: '';padding-top: 80.952%;}  @media (max-width: 1536px) {  #products_top .left {width: 45%;margin-left: 5%;}  }  @media (max-width: 1366px) {  #products_top .left {width: 50%;margin-left: 0;}  #products_top .left .title {font-size: 56px;}  #products_top .left .brief {font-size: 26px;}  #products_top .left .cont, #products_top .left .btn_box {margin-top: 30px;}  }  @media (max-width: 1100px) {  #products_top {padding-top: 0;background-size: contain;background-position: top;}  }  @media (max-width: 1024px) {  #products_top .box {flex-direction: column-reverse;}  #products_top .pic {width: 60%;}  #products_top .left {width: 100%;margin-top: 30px;}  }  @media (max-width: 750px) {  #products_top .pic {height: 0;width: 90%;}  #products_top .left .brief {font-size: 30px;}  #products_top .left .cont {padding-top: 250px;width: 100%;}  #products_top .left .cont .item {width: 46%;}  #products_top .left .cont .item .con2 {width: 100%;}  #products_top .left .cont .item .con2 {opacity: 1;z-index: 2;pointer-events: auto;}  #products_top .left .cont .item .con2 .t {font-size: 26px;}  #products_top .left .btn_box .btn {font-size: 30px;height: 65px;}  #products_top .left .btn_box .btn .svg {transform: scale(1.5);}  }  #products_high {padding: 65px 0 80px;}  #products_high .title {font-size: 56px;color: #222;font-family: "Metropolis-SemiBold";}  #products_high .content {margin-top: 50px;}  #products_high .content .container {width: 38.69%;padding-bottom: 30px;}  #products_high .content .container .swiper-pagination-bullet-active {background: var(--main);}  #products_high .content .pic::before {content: '';padding-top: 125%;}  #products_high .content .cont {width: 50%;}  #products_high .content .cont .item {width: 47.619%;margin-bottom: 40px;}  #products_high .content .cont .item:nth-last-child(-n+2) {margin-bottom: 0;}  #products_high .content .cont .item .icon {width: 80px;height: 80px;border-radius: 50%;border: 1px solid #d0e6ff;}  #products_high .content .cont .item .tit {font-size: 30px;color: #222;line-height: 1.4;font-family: "Metropolis-Medium";margin: 20px 0 10px;}  #products_high .content .cont .item .brief {font-size: 18px;color: #666;line-height: 1.667;font-family: "Metropolis-Light";}  @media (max-width: 1536px) {  #products_high .content .cont {width: 55%;}  }  @media (max-width: 1366px) {  #products_high .content .cont .item .tit {font-size: 24px;}  }  @media (max-width: 1024px) {  #products_high .content {flex-wrap: wrap;}  #products_high .content .container {margin: 0 auto;}  #products_high .content .cont {width: 100%;margin-top: 30px;}  #products_high .btn {opacity: 1;}  }  @media (max-width: 750px) {  #products_high .content .container {width: 65%;}  #products_high .content .cont .item {width: 100%;}  #products_high .content .cont .item .tit {font-size: 36px;}  #products_high .content .cont .item .brief {font-size: 30px;}  }  #pro_intro {width: 100%;}  #pro_intro .li {}  #pro_intro .li .pic::before {content: '';padding-top: 46.875%;}  #pro_intro .li .text_box {display: flex;flex-direction: column;justify-content: center;z-index: 2;color: #fff;}  #pro_intro .li .text_box .text {width: 40%;}  #pro_intro .li .text_box .title {font-size: 56px;font-family: "Metropolis-SemiBold";line-height: 1;}  #pro_intro .li .text_box .brief {font-size: 20px;font-family: "Metropolis-Light";line-height: 1.6;margin-top: 25px;}  @media (max-width: 1536px) {  #pro_intro .li .text_box .text {width: 40%;}  #pro_intro .li .text_box .title {font-size: 48px;}  }  @media (max-width: 1200px) {  #pro_intro .li .text_box .title {font-size: 42px;}  }  @media (max-width: 1024px) {  #pro_intro .li {margin-bottom: 50px;}  /*#pro_intro .li:last-child{margin-bottom: 0;}*/ #pro_intro .li .text_box {position: static;color: #222;}  #pro_intro .li .text_box .text {width: 100%;margin-top: 30px;}  }  @media (max-width: 750px) {  #pro_intro .li .text_box .brief {font-size: 30px;}  }  #products_editor {max-width: 1920px;margin: 0 auto;}  #products_editor img {max-width: 100%;display: block;margin: 0 auto;}  #products_spe {padding: 70px 0 100px;background: #f5f7fa;}  #products_spe .title {font-size: 56px;color: #222;font-family: "Metropolis-SemiBold";}  #products_spe .content {width: 76.19%;margin: 60px auto 0;}  #products_spe .content .list {padding-bottom: 40px;border-bottom: 1px solid #e0e2e6;margin-bottom: 40px;cursor: pointer;}  #products_spe .content .list:last-child {margin-bottom: 0;}  #products_spe .content .list .tit {width: 240px;font-size: 26px;color: var(--main);padding-right: 20px;}  #products_spe .content .list .cont {width: calc(100% - 240px);padding-right: 80px;height: 0;overflow: hidden;transition: all .5s;cursor: default;}  #products_spe .content .list .cont .h {padding-top: 5px;}  #products_spe .content .list .cont .li {margin-bottom: 25px;}  #products_spe .content .list .cont .li:last-child {margin-bottom: 0;}  #products_spe .content .list .cont .li .t {width: 240px;max-width: 100%;font-size: 18px;color: #292c33;padding-right: 20px;}  #products_spe .content .list .cont .li .bri {width: calc(100% - 240px);font-size: 18px;color: #656870;font-family: "Metropolis-Light";line-height: 28px;}  #products_spe .content .list .btn {width: 18px;height: 18px;right: 40px;top: 10px;}  #products_spe .content .list .btn:before {display: block;content: '';position: absolute;top: 50%;left: 50%;width: 2px;height: 18px;background: #222;transform: translate(-50%, -50%);transition: all .3s;}  #products_spe .content .list .btn:after {display: block;content: '';position: absolute;top: 50%;left: 50%;width: 18px;height: 2px;background: #222;transform: translate(-50%, -50%);transition: all .3s;}  #products_spe .content .list.cur .btn:before {opacity: 0;}  @media (max-width: 1280px) {  #products_spe .content {width: 88%;}  }  @media (max-width: 1024px) {  #products_spe .content {width: 100%;}  }  @media (max-width: 750px) {  #products_spe .content .list {flex-wrap: wrap;}  #products_spe .content .list .tit {width: 100%;font-size: 36px;padding-right: 0;}  #products_spe .content .list .cont {width: 100%;padding-right: 0;}  #products_spe .content .list .cont .h {padding-top: 30px;}  #products_spe .content .list .cont .li .t {font-size: 30px;}  #products_spe .content .list .cont .li .bri {font-size: 30px;line-height: 40px;}  #products_spe .content .list .btn {width: 30px;height: 30px;}  #products_spe .content .list .btn:before {height: 30px;}  #products_spe .content .list .btn:after {width: 30px;}  }  #products_acc {padding: 65px 0 50px;background: #f5f7fa;}  #products_acc .box:nth-child(2), #products_acc .box:nth-child(3) {margin-top: 65px;}  #products_acc .title {font-size: 56px;color: #222;font-family: "Metropolis-SemiBold";}  #products_acc .content {margin-top: 40px;}  #products_acc .content .li {background: #fff;border-radius: 12px;overflow: hidden;padding: 20px 10px 25px;}  #products_acc .content .li .pic {width: 70%;margin: 0 auto;}  #products_acc .content .li .pic::before {content: '';padding-top: 100%;}  #products_acc .content .li .tit {font-size: 24px;color: #222;margin-top: 20px;}  #products_acc .content .li .brief {font-size: 18px;color: #666;font-family: "Metropolis-Light";margin-top: 3px;}  #products_acc .content .li:hover .tit {color: var(--main);}  #products_acc .content .btn {width: 55px;height: 55px;border-radius: 50%;border: 1px solid var(--main);top: 50%;transform: translateY(-50%);z-index: 2;}  #products_acc .content .btn.prev {left: -30px;}  #products_acc .content .btn.next {right: -30px;}  #products_acc .content .btn.next .svg {transform: rotate(180deg);}  #products_acc .content .btn .svg path {transition: all .3s;}  #products_acc .content .btn:hover {background: var(--main);}  #products_acc .content .btn:hover .svg path {stroke: #fff;}  @media (max-width: 1024px) {  #products_acc .content .btn.prev {left: -15px;}  #products_acc .content .btn.next {right: -15px;}  }  @media (max-width: 750px) {  #products_acc .content .li .tit {font-size: 30px;}  #products_acc .content .li .brief {font-size: 26px;}  #products_acc .content .btn {background: var(--main);}  #products_acc .content .btn.prev .svg {transform: translateX(-2px) scale(1.5);}  #products_acc .content .btn.next .svg {transform: translateX(2px) rotate(180deg) scale(1.5);}  #products_acc .content .btn .svg path {stroke: #fff;}  }  /*行业*/  #banner_indu {width: 100%;position: relative;}  #banner_indu .pic::before {content: '';padding-top: 46.875%;width: 100%;height: 100%;background: rgba(9, 53, 101, .5);position: relative;z-index: 1;}  #banner_indu .text_box {display: flex;flex-direction: column;justify-content: center;z-index: 2;color: #fff;}  #banner_indu .text_box .tit {font-size: 66px;font-family: "Metropolis-Medium";margin-top: 80px;line-height: 1.25;}  #banner_indu .text_box .brief {width: 45%;font-size: 20px;font-family: "Metropolis-Light";margin-top: 20px;line-height: 1.5;}  #banner_indu .text_box .icon {width: 57px;height: 57px;background: url(/images/indu-banner-icon.png) no-repeat center / cover;margin-top: 70px;}  @media (max-width: 1536px) {  #banner_indu .text_box .brief {width: 50%;}  }  @media (max-width: 1440px) {  #banner_indu .text_box .tit {font-size: 56px;}  #banner_indu .text_box .brief {width: 60%;}  }  @media (max-width: 1280px) {  #banner_indu .text_box .brief {width: 80%;}  #banner_indu .text_box .icon {margin-top: 30px;}  }  @media (max-width: 1100px) {  #banner_indu .text_box .tit {margin-top: 0;font-size: 48px;}  #banner_indu .text_box .brief {width: 100%;font-size: 18px;}  }  @media (max-width: 750px) {  #banner_indu .pic .pc {display: none;}  #banner_indu .pic .mobile {display: block !important;}  #banner_indu .text_box .tit {font-size: 56px;}  #banner_indu .text_box .brief {font-size: 30px;}  #banner_indu .pic::before {padding-top: 120%;}  }  #indu_chal {padding: 80px 0 100px;max-width: 1920px;margin: 0 auto;}  #indu_chal .pic {width: 50%;border-radius: 0 12px 12px 0;}  #indu_chal .pic::before {content: '';padding-top: 66.667%;}  #indu_chal .text {width: 50%;padding: 0 120px 0 80px;}  #indu_chal .text .title {font-size: 56px;color: #222;font-family: "Metropolis-SemiBold";}  #indu_chal .text .brief {font-size: 18px;color: #666;line-height: 1.667;font-family: "Metropolis-Light";margin-top: 20px;}  @media (max-width: 1536px) {  #indu_chal .text {padding-right: 80px;}  }  @media (max-width: 1280px) {  #indu_chal .text {padding-left: 40px;}  #indu_chal .text .title {font-size: 48px;}  }  @media (max-width: 1024px) {  #indu_chal {flex-wrap: wrap;}  #indu_chal .pic {width: 100%;border-radius: 12px;}  #indu_chal .text {width: 100%;margin-top: 30px;padding: 0 4%;}  }  @media (max-width: 750px) {  #indu_chal .text .brief {font-size: 30px;}  }  #indu_solu {padding: 65px 0 70px;background: #f5f7fa;}  #indu_solu .title {font-size: 56px;color: #222;font-family: "Metropolis-SemiBold";}  #indu_solu .brief {font-size: 18px;color: #666;line-height: 1.667;font-family: "Metropolis-Light";margin-top: 20px;padding: 0 19.642%;}  #indu_solu .content {margin-top: 50px;}  #indu_solu .content .li {width: 32.142%;margin: 0 1.787% 30px 0;background: #fff;border-radius: 12px;overflow: hidden;padding: 35px 40px 45px;}  #indu_solu .content .li:nth-child(3n) {margin-right: 0;}  #indu_solu .content .li .icon {width: 75px;height: 75px;}  #indu_solu .content .li .tit {font-size: 24px;color: #222;line-height: 1.4;margin: 15px 0;}  #indu_solu .content .li .bri {font-size: 18px;color: #666;line-height: 1.667;font-family: "Metropolis-Light";}  #indu_solu .content .li:hover .tit {color: var(--main);}  @media (max-width: 1536px) {  #indu_solu .brief {padding: 0 10%;}  }  @media (max-width: 1024px) {  #indu_solu .brief {padding: 0;}  #indu_solu .content .li {width: 48%;margin-right: 4%;}  #indu_solu .content .li:nth-child(3n) {margin-right: 4%;}  #indu_solu .content .li:nth-child(2n) {margin-right: 0;}  }  @media (max-width: 750px) {  #indu_solu .brief {font-size: 30px;}  #indu_solu .content .li {width: 100%;margin-right: 0;}  #indu_solu .content .li:nth-child(3n) {margin-right: 0;}  #indu_solu .content .li .tit {font-size: 36px;}  #indu_solu .content .li .bri {font-size: 30px;}  }  #re_case {padding: 70px 0 100px;}  #re_case .title {font-size: 56px;color: #222;font-family: "Metropolis-SemiBold";}  #re_case .content {margin-top: 55px;padding-bottom: 70px;}  #re_case .content .li {background: #f7fafd;border-radius: 12px;overflow: hidden;height: auto;}  #re_case .content .li .pic {width: 51.219%;}  #re_case .content .li .pic::before {content: '';padding-top: 66.667%;}  #re_case .content .li .text {width: 48.781%;padding: 20px 40px;display: flex;flex-direction: column;justify-content: center;}  #re_case .content .li .text .time {font-size: 18px;color: #666;font-family: "Metropolis-Light";}  #re_case .content .li .text .tit {font-size: 24px;color: #222;line-height: 1.416;margin-top: 5px;}  #re_case .content .li .text .more {font-size: 18px;color: var(--main);font-family: "Metropolis-Light";margin-top: auto;}  #re_case .content .li .text .more .svg {margin: 3px 0 0 6px;}  #re_case .content .li:hover .text .tit {color: var(--main);}  #re_case .content .swiper-pagination-bullets {bottom: 0;}  #re_case .content .swiper-pagination-bullet {width: 12px;height: 12px;opacity: 1;background: transparent;border: 2px solid #b2b2b2;}  #re_case .content .swiper-pagination-bullet-active {border-color: var(--main);background: var(--main);}  #re_case.indu {padding-bottom: 40px;}  @media (max-width: 1536px) {  #re_case .content .li .text {padding: 20px 30px;}  #re_case .content .li .text .tit {font-size: 20px;}  }  @media (max-width: 1200px) {  #re_case .content .li {flex-wrap: wrap;}  #re_case .content .li .pic {width: 100%;}  #re_case .content .li .text {width: 100%;}  #re_case .content .li .text .tit {margin: 15px 0;}  }  @media (max-width: 750px) {  #re_case .content .li .text .time {font-size: 30px;}  #re_case .content .li .text .tit {font-size: 36px;}  #re_case .content .li .text .more {font-size: 30px;}  }  #re_pro {padding: 40px 0 20px;}  #re_pro .title {font-size: 56px;color: #222;font-family: "Metropolis-SemiBold";}  #re_pro .content {margin-top: 40px;}  /*#re_pro .content .li{width: 31.746%;margin: 0 2.381% 30px 0;border-radius: 12px;overflow: hidden;padding: 45px 20px 40px;background: #f7fafd;} #re_pro .content .li:nth-child(3n){margin-right: 0;}*/  #re_pro .content .li {width: 15%;margin: 0 2% 30px 0;border-radius: 12px;overflow: hidden;padding: 45px 20px 40px;background: #f7fafd;}  #re_pro .content .li:nth-child(6n) {margin-right: 0;}  #re_pro .content .li .pic {}  #re_pro .content .li .pic::before {content: '';padding-top: 84.906%;}  #re_pro .content .li .tit {font-size: 30px;color: #222;margin: 25px 0 5px;line-height: 1.25;}  #re_pro .content .li .brief {font-size: 18px;color: #666;font-family: "Metropolis-Light";}  #re_pro .content .li:hover {box-shadow: 0 0 20px 0 rgba(11, 92, 181, .1);}  #re_pro .content .li:hover .tit {color: var(--main);}  #re_pro .btn_box {margin-top: 30px;}  #re_pro .btn_box .more {min-width: 190px;height: 55px;border-radius: 30px;padding: 0 30px;font-size: 18px;font-family: "Metropolis-Light";background: rgba(11, 92, 181, 1);margin-right: 20px;color: #fff;}  #re_pro .btn_box .more .svg {margin: 3px 0 0 25px;}  #re_pro .btn_box .more:hover {opacity: .8;}  #re_pro.case {padding-bottom: 70px;}  @media (max-width: 1366px) {  #re_pro .content .li .tit {font-size: 24px;}  #re_pro .content .li .brief {font-size: 16px;}  }  @media (max-width: 1200px) {  #re_pro .content .li {width: 31.746%;margin: 0 2.381% 30px 0;}  #re_pro .content .li:nth-child(6n) {margin-right: 2.381%;}  #re_pro .content .li:nth-child(3n) {margin-right: 0;}  }  @media (max-width: 750px) {  #re_pro .content .li {width: 100%;margin-right: 0;}  #re_pro .content .li:nth-child(3n) {margin-right: 0;}  #re_pro .content .li .pic::before {padding-top: 53.556%;}  #re_pro .content .li .tit {font-size: 36px;}  #re_pro .content .li .brief {font-size: 30px;}  #re_pro .btn_box .more {font-size: 26px;}  #re_pro .btn_box .more .svg {transform: scale(1.5);}  }  #find_a_partner {padding: 50px 0 120px;}  #find_a_partner .box {border-radius: 12px;overflow: hidden;background: #f7fafd;}  #find_a_partner .pic {width: 50%;border-radius: 12px;}  #find_a_partner .pic::before {content: '';padding-top: 66.667%;}  #find_a_partner .text {width: 50%;display: flex;;flex-direction: column;justify-content: center;padding: 20px 120px;}  #find_a_partner .text .title {font-size: 56px;color: #222;font-family: "Metropolis-SemiBold";}  #find_a_partner .text .brief {font-size: 22px;color: #222;font-family: "Metropolis-Light";}  #find_a_partner .text .more {width: fit-content;min-width: 240px;height: 55px;padding: 0 30px;border-radius: 30px;background: var(--main);font-size: 18px;color: #fff;font-family: "Metropolis-Light";margin-top: 70px;}  #find_a_partner .text .more .svg {fill: #fff;margin: 3px 0 0 75px;}  #find_a_partner.products {background: #f5f7fa;}  #find_a_partner.products .box {background: #fff;}  @media (any-hover: hover) {  #find_a_partner .text .more:hover {opacity: .8;}  }  @media (max-width: 1536px) {  #find_a_partner .text {padding: 20px 80px;}  }  @media (max-width: 1366px) {  #find_a_partner .text {padding: 20px 50px;}  #find_a_partner .text .title {font-size: 48px;}  #find_a_partner .text .brief {font-size: 18px;}  #find_a_partner .text .more {margin-top: 40px;}  }  @media (max-width: 1024px) {  #find_a_partner .box {flex-wrap: wrap;}  #find_a_partner .pic {width: 100%;margin-top: 30px;}  #find_a_partner .text {width: 100%;padding-top: 30px;}  }  @media (max-width: 750px) {  #find_a_partner .text .brief {font-size: 30px;}  #find_a_partner .text .more {font-size: 30px;height: 65px;border-radius: 40px;}  #find_a_partner .text .more .svg {transform: scale(1.5);}  }  /*案例详情*/  #banner_case {width: 100%;position: relative;}  #banner_case .pic::before {content: '';padding-top: 23.4375%;width: 100%;height: 100%;background: rgba(9, 53, 101, .5);position: relative;z-index: 1;}  #banner_case .text_box {display: flex;flex-direction: column;justify-content: center;text-align: center;z-index: 2;color: #fff;}  #banner_case .text_box .tit {font-size: 40px;font-family: "Metropolis-Medium";margin-top: 100px;line-height: 1.25;}  #banner_case .text_box .time {font-size: 18px;font-family: "Metropolis-Light";margin-top: 15px;}  @media (max-width: 1536px) {  #banner_case .text_box .tit {font-size: 32px;}  }  @media (max-width: 1366px) {  #banner_case .text_box .tit {font-size: 26px;margin-top: 140px;}  }  @media (max-width: 1200px) {  #banner_case .pic::before {padding-top: 30%;}  }  @media (max-width: 1100px) {  #banner_case .text_box .tit {margin-top: 0;}  }  @media (max-width: 750px) {  #banner_case .pic::before {padding-top: 60%;}  #banner_case .text_box .tit {font-size: 42px;}  #banner_case .text_box .time {font-size: 30px;}  }  #case_detail {padding: 100px 0 40px;}  #case_detail .pic {width: 50%;}  #case_detail .pic::before {content: '';padding-top: 66.667%;}  #case_detail .text {width: 50%;padding-left: 80px;font-size: 20px;color: #222;line-height: 1.6;font-family: "Metropolis-Light";}  @media (max-width: 1366px) {  #case_detail .text {padding-left: 30px;font-size: 18px;}  }  @media (max-width: 1024px) {  #case_detail .box {flex-wrap: wrap;}  #case_detail .pic {width: 100%;}  #case_detail .text {width: 100%;padding-left: 0;margin-top: 30px;}  }  @media (max-width: 750px) {  #case_detail .text {font-size: 30px;}  }  #case_chall {padding: 40px 0 50px;}  #case_chall .title {font-size: 56px;color: #222;font-family: "Metropolis-SemiBold";}  #case_chall .content {margin-top: 40px;background: #f7fafd;border-radius: 30px;overflow: hidden;padding: 65px 0 45px;}  #case_chall .content::before {content: '';width: 73px;height: 71px;position: absolute;left: 100px;top: 80px;background: url(/images/case-icon1.png) no-repeat center / 100%;}  #case_chall .content::after {content: '';width: 74px;height: 70px;position: absolute;right: 100px;bottom: 80px;background: url(/images/case-icon2.png) no-repeat center / 100%;}  #case_chall .content .container {width: 71.428%;padding-bottom: 60px;}  #case_chall .content .li {}  #case_chall .content .li .tit {font-size: 24px;color: #222;line-height: 1.25;}  #case_chall .content .li .brief {font-size: 18px;color: #666;line-height: 1.667;font-family: "Metropolis-Light";margin-top: 30px;}  #case_chall .content .swiper-pagination-bullets {bottom: 0;}  #case_chall .content .swiper-pagination-bullet {width: 50px;height: 4px;background: #eaedf0;opacity: 1;border-radius: 2px;margin: 0 10px;}  #case_chall .content .swiper-pagination-bullet-active {background: #d80c18;}  @media (max-width: 1366px) {  #case_chall .content::before {left: 30px;}  #case_chall .content::after {right: 30px;}  }  @media (max-width: 1024px) {  #case_chall .content::before {width: 45px;}  #case_chall .content::after {width: 45px;}  }  @media (max-width: 750px) {  #case_chall .content::before {top: 30px;}  #case_chall .content::after {bottom: 30px;}  #case_chall .content .container {width: 80%;}  #case_chall .content .li .tit {font-size: 36px;}  #case_chall .content .li .brief {font-size: 30px;}  }  #case_solu {padding: 50px 0 40px;}  #case_solu .title {font-size: 56px;color: #222;font-family: "Metropolis-SemiBold";}  #case_solu .content {margin-top: 40px;flex-direction: column;}  #case_solu .pic {width: 60%;margin-top: 30px;}  #case_solu .pic::before {content: '';padding-top: 66.667%;}  #case_solu .text {width: 80%; /*padding-right: 80px;*/font-size: 20px;color: #222;line-height: 1.6;font-family: "Metropolis-Light";}  @media (max-width: 1366px) {  #case_solu .text { /*padding-right: 30px;*/font-size: 18px;}  }  @media (max-width: 1024px) {  #case_solu .content {flex-wrap: wrap;}  #case_solu .pic {width: 100%;margin-top: 30px;}  #case_solu .text {width: 100%; /*padding-right: 0;*/}  }  @media (max-width: 750px) {  #case_solu .text {font-size: 30px;}  }  #case_text {padding: 95px 0 100px;background: #f7fafd;}  #case_text .text {font-size: 24px;color: #222;line-height: 1.5;font-family: "Metropolis-Light";padding: 0 19.643%;}  @media (max-width: 1366px) {  #case_text .text {padding: 0 10%;}  }  @media (max-width: 1024px) {  #case_text .text {padding: 0;}  }  @media (max-width: 750px) {  #case_text .text {font-size: 30px;}  }  /*下载*/  #download {padding: 70px 0 120px;background: #f5f7fa;}  #download .title {font-size: 56px;color: #222;font-family: "Metropolis-SemiBold";}  #download .top {margin-top: 40px;}  #download .cate_box {width: 640px;margin-left: 0;}  #download .cate_box .li {width: fit-content;min-width: 200px;height: 55px;padding: 0 25px;font-size: 18px;color: #222;font-family: "Metropolis-Light";border-radius: 30px;border: 1px solid #dfe1e3;margin-right: 20px;transition: all .3s;}  #download .cate_box .li:last-child {margin-right: 0;}  #download .cate_box .li.cur {background: var(--main);border-color: var(--main);color: #fff;}  #download .cate_box .li:not(.cur):hover {border-color: var(--main);color: var(--main);}  #download .form_box {width: calc(100% - 700px);}  #download .form_box .label {width: 100%;height: 55px;border: 1px solid #dfe1e3;border-radius: 30px;overflow: hidden;margin: 0 auto;background: #fff;}  #download .form_box .label.focus {border-color: var(--main);}  #download .form_box .label .input {width: calc(100% - 55px);padding: 0 25px;font-size: 18px;color: #222;font-family: "Metropolis-Light";}  #download .form_box .label .input::-webkit-input-placeholder {color: #999;}  #download .form_box .label .input::-moz-placeholder {color: #999;opacity: 1;}  #download .form_box .label .input::-ms-input-placeholder {color: #999;}  #download .form_box .label .submit {width: 55px;height: 55px;font-size: 0;background: url(/images/search2.svg) no-repeat center;}  #download .bot {margin-top: 50px;}  #download .bot .text {font-size: 28px;color: #222;font-family: "Metropolis-Medium";}  #download .bot .content {margin-top: 20px;}  #download .bot .content .li {width: 48.809%;background: #fff;border-radius: 12px;overflow: hidden;padding: 32px 40px 40px;margin-bottom: 40px;}  #download .bot .content .li:nth-last-child(-n+2) {margin-bottom: 0;}  #download .bot .content .li .tit {font-size: 18px;color: #222;word-break: break-all;}  #download .bot .content .li .time {font-size: 16px;color: #666;font-family: "Metropolis-Light";margin: 10px 0 40px;}  #download .bot .content .li .down {min-width: 162px;width: fit-content;height: 47px;border-radius: 30px;border: 2px solid #e6eef7;font-size: 18px;color: var(--main);font-family: "Metropolis-Light";padding: 0 25px;}  #download .bot .content .li .down .icon {width: 24px;height: 24px;margin-right: 15px;}  #download .bot .content .li .down .icon img:nth-child(2) {opacity: 0;}  #download .bot .content .li .ico {width: 100px;height: 100px;right: 0;bottom: 0;opacity: .05;}  #download .bot .content .li .btn_box .down:nth-child(2) {margin-left: 20px;}  #download .bot .content .li:hover {box-shadow: 0 0 20px 0 rgba(18, 92, 181, .1);}  #download .bot .content .li .down:hover {color: #fff;background: var(--main);border-color: var(--main);}  #download .bot .content .li .down:hover .icon img:nth-child(1) {opacity: 0;}  #download .bot .content .li .down:hover .icon img:nth-child(2) {opacity: 1;}  @media (max-width: 1024px) {  #download .top {flex-wrap: wrap;}  #download .cate_box {width: 100%;}  #download .form_box {width: 100%;margin-top: 30px;}  #download .bot .content .li {width: 100%;}  #download .bot .content .li:nth-last-child(2) {margin-bottom: 40px;}  }  @media (max-width: 750px) {  #download .cate_box .li {font-size: 30px;}  #download .form_box .label {width: 100%;height: 65px;border-radius: 40px;}  #download .form_box .label .input {font-size: 26px;width: calc(100% - 65px);}  #download .form_box .label .submit {width: 65px;height: 65px;background-size: 26px;}  #download .bot .text {font-size: 36px;}  #download .bot .content .li {box-shadow: 0 0 20px 0 rgba(18, 92, 181, .1);}  #download .bot .content .li .tit {font-size: 30px;}  #download .bot .content .li .time {font-size: 30px;}  #download .bot .content .li .down {height: 60px;font-size: 30px;color: #fff;background: var(--main);border-color: var(--main);}  #download .bot .content .li .down .icon {transform: scale(1.2);}  #download .bot .content .li .down .icon img:nth-child(1) {opacity: 0;}  #download .bot .content .li .down .icon img:nth-child(2) {opacity: 1;}  }  #faq {padding: 65px 0 120px;background: #f5f7fa;}  #faq .title {font-size: 56px;color: #222;font-family: "Metropolis-SemiBold";}  #faq .form_box {margin-top: 35px;}  #faq .form_box .label {width: 44.643%;height: 55px;border: 1px solid #dfe1e3;border-radius: 30px;overflow: hidden;margin: 0 auto;background: #fff;}  #faq .form_box .label.focus {border-color: var(--main);}  #faq .form_box .label .input {width: calc(100% - 55px);padding: 0 25px;font-size: 18px;color: #222;font-family: "Metropolis-Light";}  #faq .form_box .label .input::-webkit-input-placeholder {color: #999;}  #faq .form_box .label .input::-moz-placeholder {color: #999;opacity: 1;}  #faq .form_box .label .input::-ms-input-placeholder {color: #999;}  #faq .form_box .label .submit {width: 55px;height: 55px;font-size: 0;background: url(/images/search2.svg) no-repeat center;}  #faq .box {margin-top: 60px;position: relative;z-index: 2;}  #faq .left {width: 260px;}  #faq .left .cont {position: sticky;top: 150px;background: #fff;border-radius: 12px;padding: 25px 0;}  #faq .left .cont .li {padding: 0 28px;margin-bottom: 15px;border-left: 3px solid transparent;font-size: 16px;color: #666;font-family: "Metropolis-Light";}  #faq .left .cont .li:last-child {margin-bottom: 0;}  #faq .left .cont .li.cur {border-left-color: var(--main);}  #faq .left .cont .li:hover {color: var(--main);}  #faq .left .cont .li.cur {color: var(--main);}  #faq .right {width: calc(100% - 300px);}  #faq .right .content {margin-bottom: 50px;}  #faq .right .content:last-child {margin-bottom: 0;}  #faq .right .content .cate_tit {}  #faq .right .content .cate_tit .icon {height: 50px;margin-right: 15px;}  #faq .right .content .cate_tit .tit {width: calc(100% - 65px);font-size: 36px;color: var(--main);}  #faq .right .content .list {border-radius: 12px;overflow: hidden;background: #fff;padding: 20px 40px 40px;margin-top: 28px;}  #faq .right .content .list .item {padding: 25px 0;border-bottom: 1px solid #f2f2f2;cursor: pointer;}  #faq .right .content .list .item .tit {font-size: 20px;color: #222;line-height: 1.2;}  #faq .right .content .list .item .con {height: 0;overflow: hidden;cursor: default;}  #faq .right .content .list .item .con .con_in {padding: 15px 35px 15px 0;line-height: 1.667;font-size: 18px;color: #222;font-family: "Metropolis-Light";}  #faq .right .content .list .item.cur .tit {color: var(--main);}  #faq .right .content .list .item.cur .icon {transform: rotate(180deg);}  #faq .right .content .list .item.cur .icon svg path {stroke: var(--main);}  #products_acc .list {border-radius: 12px;overflow: hidden;background: #fff;padding: 20px 40px 40px;margin-top: 28px;}  #products_acc .list .item {padding: 25px 0;border-bottom: 1px solid #f2f2f2;cursor: pointer;}  #products_acc .list .item .tit {font-size: 20px;color: #222;line-height: 1.2;}  #products_acc .list .item .con {height: 0;overflow: hidden;cursor: default;}  #products_acc .list .item .con .con_in {padding: 15px 35px 15px 0;line-height: 1.667;font-size: 18px;color: #222;font-family: "Metropolis-Light";}  #products_acc .list .item.cur .tit {color: var(--main);}  #products_acc .list .item.cur .icon {transform: rotate(180deg);}  #products_acc .list .item.cur .icon svg path {stroke: var(--main);}  @media (max-width: 1024px) {  #faq .form_box .label {width: 60%;}  #faq .box {flex-wrap: wrap;}  #faq .box .left {width: 100%;}  #faq .box .right {width: 100%;margin-top: 30px;}  }  @media (max-width: 750px) {  #faq .form_box .label {width: 100%;height: 65px;border-radius: 40px;}  #faq .form_box .label .input {font-size: 26px;width: calc(100% - 65px);}  #faq .form_box .label .submit {width: 65px;height: 65px;background-size: 26px;}  #faq .left .cont .li {font-size: 30px;margin-bottom: 20px;}  #faq .right .content .list .item .tit {font-size: 30px;line-height: 1.6;}  #faq .right .content .list .item .con .con_in {font-size: 30px;}  }  #after_sales {padding: 65px 0 120px;background: #f5f7fa;}  #after_sales .title {font-size: 56px;color: #222;font-family: "Metropolis-SemiBold";}  #after_sales .content {margin-top: 30px;}  #after_sales .content * {font-family: "Metropolis-Light";}  /*关于*/  #about {padding: 80px 0 100px;background: #f5f7fa;}  #about .title {font-size: 50px;color: var(--main);font-family: "Metropolis-Medium";line-height: 1.32;}  #about .content {margin-top: 80px;}  #about .content .text {width: 50%;padding-right: 120px;}  #about .content .text .tit {font-size: 56px;color: #222;font-family: "Metropolis-SemiBold";}  #about .content .text .brief {font-size: 18px;color: #222;font-family: "Metropolis-Light";line-height: 1.667;margin-top: 30px;}  #about .content .container {width: 50%;border-radius: 12px;overflow: hidden;}  #about .content .pic::before {content: '';padding-top: 59.524%;}  #about .content .container .swiper-pagination-bullet-active {background: var(--main);}  @media (max-width: 1366px) {  #about .content .text {padding-right: 60px;}  }  @media (max-width: 1024px) {  #about .title {font-size: 42px;}  #about .content {flex-wrap: wrap;margin-top: 30px;}  #about .content .text {width: 100%;padding-right: 0;}  #about .content .container {width: 100%;margin-top: 30px;}  }  @media (max-width: 750px) {  #about .content .text .brief {font-size: 30px;}  }  #brand {padding: 65px 0 95px;overflow: hidden;}  #brand .title {font-size: 56px;color: #222;font-family: "Metropolis-SemiBold";}  #brand .content {margin-top: 50px;}  #brand .content .pic_box {width: 50%;}  #brand .content .pic_box .pic::before {content: '';padding-top: 25.119%;}  #brand .content .right {width: 39.881%;}  #brand .content .right .li {padding-bottom: 35px;margin-bottom: 35px;border-bottom: 1px solid rgba(11, 92, 191, .1);}  #brand .content .right .li:last-child {margin-bottom: 0;padding-bottom: 0;border-bottom: 0;}  #brand .content .right .li .tit {font-size: 36px;color: #fff;font-family: "Metropolis-Medium";text-shadow: -1px -1px 0 rgba(34, 34, 34, .5), 1px -1px 0 rgba(34, 34, 34, .5), -1px 1px 0 rgba(34, 34, 34, .5), 1px 1px 0 rgba(34, 34, 34, .5);}  #brand .content .right .li .tit span {color: #d80c18;text-shadow: none;font-family: "Metropolis-Medium";}  #brand .content .right .li .brief {font-size: 18px;color: #999;font-family: "Metropolis-Light";}  #brand .content .right .li.cur .tit {color: #222;text-shadow: none;}  #brand .content .right .li.cur .brief {color: #666;}  @media (max-width: 1024px) {  #brand .content {flex-direction: column-reverse;}  #brand .content .pic_box {width: 100%;margin-top: 50px;}  #brand .content .right {width: 100%;}  #brand .content .right .li .tit {font-size: 42px;}  #brand .content .right .li .brief {font-size: 30px;}  }  #history {background: url(/images/history-bg.jpg) no-repeat center / cover;padding: 65px 0px 0;height: 900px;overflow: hidden;}  #history .bigtit {font-size: 56px;color: #fff;font-family: "Metropolis-SemiBold";text-align: center;}  #history .con {margin-top: 80px;display: flex;align-items: center;}  #history .con .left {width: 50%;height: 540px;margin: 0;}  #history .con .left .slide {height: 100px;}  #history .con .left .slide .t1 {width: 35.411%;height: 100px;line-height: 98px;color: rgba(255, 255, 255, 0.5);text-align: right;border-top: 1px solid transparent;border-bottom: 1px solid transparent;font-size: 26px;font-family: "Metropolis-Light";}  #history .con .left .slide.swiper-slide-active .t1 {border-top: 1px solid rgba(255, 255, 255, 0.1);border-bottom: 1px solid rgba(255, 255, 255, 0.1);color: #fff;}  #history .con .left .btn {position: absolute;top: 50%;margin-top: -80px;z-index: 2;left: 50%;}  #history .con .left .buton {width: 70px;height: 70px;border: 2px solid rgba(255, 255, 255, 0.1);border-radius: 50%;}  #history .con .left .buton .svg {opacity: 0.3;}  #history .con .left .buton.next {margin-top: 20px;}  #history .con .left .buton:hover {border-color: rgba(255, 255, 255, 0.3);}  #history .con .left .buton:hover .svg {opacity: 1;}  #history .con .right {width: 50%;margin: 0;}  #history .con .right .slide {text-align: left;padding-right: 18.571%;}  #history .con .right .year {font-size: 46px;color: #fff;font-family: "Metropolis-Medium";text-align: left;}  #history .con .right .tit {font-size: 32px;color: #fff;font-family: "Metropolis-Medium";margin: 35px 0 20px;}  #history .con .right .info {height: calc(30px * 6);overflow-y: auto;font-size: 18px;color: #fff;line-height: 30px;font-family: "Metropolis-Light";text-align: left;}  #history .con .right .info::-webkit-scrollbar {height: 96%;width: 2px;}  #history .con .right .info::-webkit-scrollbar-thumb {background: #fff;border-radius: 0;}  #history .con .right .info::-webkit-scrollbar-thumb:hover {box-shadow: #f2f2f2 1px 1px 1px inset;}  @media (max-width: 1440px) {  #history .con .right .slide {padding-right: 9.571%;}  }  @media (max-width: 1280px) {  #history {height: 800px;}  #history .con {margin-top: 20px;}  #history .con .left {height: 470px;}  }  @media (max-width: 1024px) {  #history {height: 735px;}  #history .con .left {height: 420px;}  }  @media (max-width: 750px) {  #history {padding: 80px 0;height: auto;}  #history .con .left {display: none;}  #history .con .right {width: 100%;padding-bottom: 80px;}  #history .con .right .slide {text-align: left;padding: 0 8.571%;}  #history .con .right .year {font-size: 42px;line-height: 1.5;}  #history .con .right .tit {font-size: 36px;}  #history .con .right .info {height: auto;font-size: 30px;line-height: 1.5;}  #history .con .right .swiper-pagination {bottom: 0;}  #history .con .right .swiper-pagination .swiper-pagination-bullet {background: #fff;}  }  #strength {padding: 65px 0 80px;background: #f5f7fa;}  #strength .title {font-size: 56px;color: #222;font-family: "Metropolis-SemiBold";}  #strength .content {margin-top: 50px;}  #strength .content .li {width: 32.143%;border-radius: 12px;overflow: hidden;background: #fff;margin-right: 1.7855%;padding: 52px 60px 130px;position: relative;}  #strength .content .li:nth-child(3n) {margin-right: 0;}  #strength .content .li .tit {font-size: 24px;color: #222;}  #strength .content .li .brief {font-size: 18px;color: #666;font-family: "Metropolis-Light";line-height: 1.667;margin-top: 15px;}  #strength .content .li .icon {width: 70px;height: 70px;right: 60px;bottom: 45px;}  @media (max-width: 1024px) {  #strength .content {flex-wrap: wrap;}  #strength .content .li {width: 100%;margin-bottom: 30px;}  #strength .content .li:last-child {margin-bottom: 0;}  }  @media (max-width: 750px) {  #strength .content .li .tit {font-size: 42px;}  #strength .content .li .brief {font-size: 30px;}  }  #layout {padding-bottom: 100px;background: #f5f7fa;}  #layout .title {font-size: 56px;color: #222;font-family: "Metropolis-SemiBold";}  #layout .content {margin-top: 50px;}  #layout .content .pic {width: calc(100% - 325px);}  #layout .content .pic::before {content: '';padding-top: 48.928%;}  #layout .content .data_box {width: 325px;padding-left: 60px;}  #layout .content .data_box .li {margin-bottom: 60px;}  #layout .content .data_box .li:last-child {margin-bottom: 0;}  #layout .content .data_box .li .icon {width: 45px;height: 45px;margin-right: 25px;margin-top: 15px;}  #layout .content .data_box .li .text {width: calc(100% - 70px)}  #layout .content .data_box .li .text .num {font-size: 46px;color: #222;font-family: "Metropolis-Medium";}  #layout .content .data_box .li .text .num * {font-family: "Metropolis-Medium";text-align: justify-content;}  #layout .content .data_box .li .text .tit {font-size: 18px;color: #666;font-family: "Metropolis-Light";}  @media (max-width: 1366px) {  #layout .content .data_box .li {margin-bottom: 30px;}  }  @media (max-width: 1024px) {  #layout .content {flex-wrap: wrap;}  #layout .content .pic {width: 100%;}  #layout .content .data_box {width: 100%;margin-top: 30px;padding-left: 0;}  }  @media (max-width: 750px) {  #layout .content .data_box .li .text .num {font-size: 56px;}  #layout .content .data_box .li .text .tit {font-size: 30px;}  }  #vision {padding: 60px 0 100px;}  #vision .title {font-size: 56px;color: #222;font-family: "Metropolis-SemiBold";}  #vision .content {margin-top: 50px;}  #vision .content .li {width: 48.214%;border-radius: 12px;overflow: hidden;}  #vision .content .li .pic::before {content: '';padding-top: 66.667%;width: 100%;height: 100%;background: rgba(0, 0, 0, .4);position: relative;z-index: 1;}  #vision .content .li .text {display: flex;flex-direction: column;justify-content: center;padding: 20px;color: #fff;text-align: center;overflow-y: auto;z-index: 2;}  #vision .content .li .text::-webkit-scrollbar {height: 96%;width: 2px;}  #vision .content .li .text::-webkit-scrollbar-thumb {background: #fff;border-radius: 0;}  #vision .content .li .text .tit {font-size: 32px;font-family: "Metropolis-Medium";}  #vision .content .li .text .brief {font-size: 18px;font-family: "Metropolis-Light";margin-top: 12px;}  @media (max-width: 1024px) {  #vision .content {flex-wrap: wrap;}  #vision .content .li {width: 100%;margin-bottom: 30px;}  #vision .content .li:last-child {margin-bottom: 0;}  }  @media (max-width: 750px) {  #vision .content .li .text .tit {font-size: 42px;}  #vision .content .li .text .brief {font-size: 30px;}  }  /*新闻列表*/  #news {padding: 70px 0 120px;background: #f5f7fa;}  #news .title {font-size: 56px;color: #222;font-family: "Metropolis-SemiBold";}  #news .content {margin-top: 10px;}  #news .content .li {width: 32.142%;margin: 30px 1.787% 0 0;border-radius: 12px;overflow: hidden;}  #news .content .li:nth-child(3n) {margin-right: 0;}  #news .content .li .time {width: 60px;height: 60px;background: var(--main);border-radius: 12px 0 12px 0;left: 0;top: 0;z-index: 2;color: #fff;line-height: 1;}  #news .content .li .time .d {font-size: 26px;}  #news .content .li .time .m {font-size: 16px;font-family: "Metropolis-Light";}  #news .content .li .pic {border-radius: 12px;}  #news .content .li .pic::before {content: '';padding-top: 56.212%;}  #news .content .li .text {padding: 20px 30px 30px;}  #news .content .li .tit {font-size: 24px;color: #222;line-height: 1.417;margin-top: 20px;}  #news .content .li .brief {font-size: 18px;color: #666;font-family: "Metropolis-Light";line-height: 1.667;margin: 12px 0 20px;}  #news .content .li .more {font-size: 18px;color: var(--main);font-family: "Metropolis-Light";}  #news .content .li .more .svg {margin: 3px 0 0 6px;}  #news .content .li:hover {background: #fff;box-shadow: 0 0 20px 0 rgba(11, 92, 181, .1);}  #news .content .li:hover .tit {color: var(--main);}  @media (max-width: 1536px) {  #news .content .li .tit {font-size: 20px;}  #news .content .li .brief, #news .content .li .more {font-size: 16px;}  }  @media (max-width: 1024px) {  #news .content .li {width: 48%;margin-right: 4%;}  #news .content .li:nth-child(3n) {margin-right: 4%;}  #news .content .li:nth-child(2n) {margin-right: 0;}  }  @media (max-width: 750px) {  #news .content .li {width: 100%;margin-right: 0;background: #fff;box-shadow: 0 0 20px 0 rgba(11, 92, 181, .1);}  #news .content .li:nth-child(3n) {margin-right: 0;}  #news .content .li .time {width: 100px;height: 100px;}  #news .content .li .time .m {font-size: 24px;}  #news .content .li .tit {font-size: 30px;color: var(--main);}  #news .content .li .brief, #news .content .li .more {font-size: 26px;}  }  /*新闻详情*/  #news_detail {padding: 80px 0 100px;background: #f5f7fa;}  #news_detail .box {background: #fff;border-radius: 12px;overflow: hidden;padding: 45px 60px 80px;}  #news_detail .box .title {font-size: 50px;color: #222;line-height: 1.2;font-family: "Metropolis-Medium";}  #news_detail .box .time {font-size: 20px;color: #666;font-family: "Metropolis-Light";margin-top: 20px;}  #news_detail .box .content {margin-top: 30px;padding-top: 50px;border-top: 1px solid #e6eef7;}  #news_detail .box .share {display: flex;justify-content: center;align-items: center;margin-top: 40px;}  #news_detail .box .share .txt {font-size: 20px;color: #222;margin-right: 18px;}  #news_detail .box .share .btn {margin-right: 18px;}  #news_detail .box .share .btn:hover {opacity: .8;}  #news_detail .bot {margin-top: 3px;}  #news_detail .bot .item {width: calc((100% - 6px) / 3);background: #fff;border-radius: 12px;padding: 30px 35px 35px;display: flex;flex-direction: column;justify-content: center;}  #news_detail .bot .item .t {font-size: 18px;color: #666;font-family: "Metropolis-Light";}  #news_detail .bot .item .tit {font-size: 20px;color: #222;font-family: "Metropolis-Light";line-height: 1.3;margin-top: 8px;}  #news_detail .bot .item .txt {font-size: 18px;color: var(--main);font-family: "Metropolis-Light";margin-top: 12px;}  #news_detail .bot .item:hover .tit {color: var(--main);}  @media (max-width: 1024px) {  #news_detail .box .title {font-size: 42px;}  #news_detail .box {padding: 45px 30px 80px;}  }  @media (max-width: 750px) {  #news_detail .box .time {font-size: 30px;}  #news_detail .box .share .txt {font-size: 30px;margin-right: 50px;}  #news_detail .box .share .btn {margin-right: 50px;transform: scale(1.5);}  #news_detail .bot {flex-wrap: wrap;}  #news_detail .bot .item {width: 100%;}  #news_detail .bot .item:nth-child(2), #news_detail .bot .item:nth-child(3) {margin-top: 3px;}  #news_detail .bot .item .t, #news_detail .bot .item .txt {font-size: 30px;}  #news_detail .bot .item .tit {font-size: 36px;}  }  #events {padding: 60px 0 80px;background: #f5f7fa;}  #events .title {font-size: 56px;color: #222;font-family: "Metropolis-SemiBold";}  #events .content {margin-top: 40px;}  #events .content .li {width: 24.107%;margin: 0 1.19% 20px 0;border-radius: 12px;overflow: hidden;background: #fff;padding: 40px 40px 50px;display: flex;flex-direction: column;justify-content: space-between;}  #events .content .li:nth-child(4n) {margin-right: 0;}  #events .content .li .pic::before {content: '';padding-top: 53.333%;}  #events .content .li .pic img {max-width: 80%;max-height: 80%;}  #events .content .li .tit {font-size: 28px;color: #222;line-height: 1.143;margin-top: 25px;}  #events .content .li .txt {font-size: 18px;color: #222;font-family: "Metropolis-Light";padding-left: 28px;}  #events .content .li .txt.time {background: url(/images/events-icon1.png) no-repeat left;margin-top: 15px;}  #events .content .li .txt.addr {background: url(/images/events-icon2.png) no-repeat left;margin-top: 8px;margin-bottom: auto;}  #events .content .li .btn {margin-top: 40px;width: 100%;height: 55px;border-radius: 30px;font-size: 18px;color: var(--main);font-family: "Metropolis-Light";padding: 0 30px 0 25px;border: 1px solid var(--main);line-height: 1.2;}  #events .content .li .btn .svg {margin: 3px 0 0 0;min-width: 10px;}  #events .content .li .btn .svg path {transition: all .3s;}  #events .content .li:hover {box-shadow: 0 0 20px 0 rgba(11, 92, 181, .1);}  #events .content .li:hover .tit {color: var(--main);}  #events .content .li .btn:hover {background: var(--main);color: #fff;}  #events .content .li .btn:hover .svg path {stroke: #fff;}  @media (max-width: 1680px) {  #events .content .li {padding-left: 30px;padding-right: 30px;}  #events .content .li .tit {font-size: 26px;}  }  @media (max-width: 1536px) {  #events .content .li .tit {font-size: 24px;}  }  @media (max-width: 1200px) {  #events .content .li {width: 32%;margin-right: 2%;}  #events .content .li:nth-child(4n) {margin-right: 2%;}  #events .content .li:nth-child(3n) {margin-right: 0;}  }  @media (max-width: 1024px) {  #events .content .li {width: 49%;margin-right: 2%;}  #events .content .li:nth-child(4n) {margin-right: 2%;}  #events .content .li:nth-child(3n) {margin-right: 2%;}  #events .content .li:nth-child(2n) {margin-right: 0;}  }  @media (max-width: 750px) {  #events .content .li {width: 100%;margin-right: 0 !important;box-shadow: 0 0 20px 0 rgba(11, 92, 181, .1);}  #events .content .li .tit {font-size: 36px;color: var(--main);}  #events .content .li .txt {font-size: 30px;padding-left: 38px;background-size: 22px !important;}  #events .content .li .btn {height: 65px;font-size: 30px;background: var(--main);color: #fff;}  #events .content .li .btn .svg path {stroke: #fff;transform: scale(1.5);}  }  #banner_events {width: 100%;position: relative;}  #banner_events .pic::before {content: '';padding-top: 42.1875%;width: 100%;height: 100%;background: rgba(9, 53, 101, .6);position: relative;z-index: 1;}  #banner_events .text_box {display: flex;flex-direction: column;justify-content: center;z-index: 2;color: #fff;}  #banner_events .text_box .tit {font-size: 66px;font-family: "Metropolis-Medium";margin-top: -30px;line-height: 1.2;}  #banner_events .text_box .brief {font-size: 20px;font-family: "Metropolis-Light";line-height: 1.5;margin-top: 30px;}  #banner_events .text_box .txt {font-size: 20px;color: #f5f7fa;font-family: "Metropolis-Light";padding-left: 28px;}  #banner_events .text_box .txt.time {background: url(/images/events-icon3.png) no-repeat left;margin-top: 20px;}  #banner_events .text_box .txt.addr {background: url(/images/events-icon4.png) no-repeat left;margin-top: 8px;}  #banner_events .text_box .btn {width: 360px;height: 55px;padding: 0 25px;background: var(--main);border-radius: 30px;font-size: 18px;font-family: "Metropolis-Light";margin-top: 55px;}  #banner_events .text_box .btn:hover {opacity: .8;}  @media (max-width: 1536px) {  #banner_events .text_box .tit {font-size: 56px;}  }  @media (max-width: 1366px) {  #banner_events .text_box .tit {font-size: 48px;margin-top: 0;}  }  @media (max-width: 1280px) {  #banner_events .text_box .tit {font-size: 42px;}  #banner_events .text_box .brief, #banner_events .text_box .txt {font-size: 18px;}  #banner_events .text_box .btn {margin-top: 30px;}  }  @media (max-width: 1024px) {  #banner_events .pic::before {padding-top: 55%;}  }  @media (max-width: 750px) {  #banner_events .pic::before {padding-top: 108%;}  #banner_events .text_box .brief, #banner_events .text_box .txt {font-size: 30px;}  #banner_events .text_box .txt {padding-left: 38px;background-size: 22px !important;}  #banner_events .text_box .btn {width: 400px;height: 65px;font-size: 26px;}  #banner_events .text_box .btn .svg {transform: scale(1.5);}  }  #events_detail {padding: 80px 0 120px;}  #events_detail .info {}  #events_detail .info .brief {font-size: 24px;color: #222;font-family: "Metropolis-Light";line-height: 1.667;padding: 0 17.857%;}  #events_detail .info .icon {width: 57px;height: 57px;margin: 50px auto 0;}  #events_detail .content {margin-top: 120px;}  #events_detail .content .li {margin-bottom: 80px;}  #events_detail .content .li:nth-child(2n) {flex-direction: row-reverse;}  #events_detail .content .li:last-child {margin-bottom: 0;}  #events_detail .content .li .pic {width: 50%;border-radius: 12px;}  #events_detail .content .li .pic::before {content: '';padding-top: 66.667%;}  #events_detail .content .li .text {width: 50%;padding-left: 80px;}  #events_detail .content .li:nth-child(2n) .text {padding-left: 0;padding-right: 80px;}  #events_detail .content .li .text .tit {font-size: 46px;color: #222;font-family: "Metropolis-SemiBold";}  #events_detail .content .li .text .brief {font-size: 18px;color: #666;font-family: "Metropolis-Light";line-height: 1.667;margin-top: 20px;}  #events_detail .content .li .text .more {width: fit-content;font-size: 18px;color: var(--main);font-family: "Metropolis-Light";margin-top: 40px;}  #events_detail .content .li .text .more .svg {margin: 3px 0 0 20px;}  @media (max-width: 1680px) {  #events_detail .info .brief {padding: 0 12%;}  }  @media (max-width: 1440px) {  #events_detail .content .li .text {padding-left: 30px;}  #events_detail .content .li:nth-child(2n) .text {padding-left: 0;padding-right: 30px;}  #events_detail .content .li .text .tit {font-size: 42px;}  }  @media (max-width: 1366px) {  #events_detail .info .brief {padding: 0 4%;}  }  @media (max-width: 1024px) {  #events_detail .info .brief {padding: 0;}  #events_detail .content {margin-top: 80px;}  #events_detail .content .li {flex-direction: column !important;margin-bottom: 50px;padding: 0 !important;}  #events_detail .content .li .pic {width: 100%;}  #events_detail .content .li .text {width: 100%;margin-top: 30px;}  }  @media (max-width: 750px) {  #events_detail .info .brief, #events_detail .content .li .text .brief, #events_detail .content .li .text .more {font-size: 30px;}  #events_detail .content .li .text .more .svg {transform: scale(1.5);}  }  /*联系我们*/  #contact {padding: 70px 0 90px;background: #f5f7fa;}  #contact .title {font-size: 56px;color: #222;font-family: "Metropolis-SemiBold";}  #contact .content {margin-top: 45px;}  #contact .content .li {width: 33.333%;padding: 0 30px;}  #contact .content .li:nth-child(1), #contact .content .li:nth-child(2) {width: 50%;border-bottom: 1px solid #dcdee1;padding-bottom: 72px;margin-bottom: 80px;}  #contact .content .li .icon {width: 45px;height: 45px;margin: 0 auto;}  #contact .content .li .tit {font-size: 20px;color: #666;font-family: "Metropolis-Light";line-height: 1.5;text-align: center;margin-top: 15px;}  #contact .content .li .brief {font-size: 20px;color: #222;font-family: "Metropolis-Light";line-height: 1.5;text-align: center;}  @media (max-width: 750px) {  #contact {padding-bottom: 50px;}  #contact .content .li {width: 100% !important;padding-bottom: 30px !important;margin-bottom: 30px !important;border-bottom: 1px solid #dcdee1;padding-left: 0;padding-right: 0;}  #contact .content .li .tit, #contact .content .li .brief {font-size: 30px;}  }  .message {padding-top: 25px;}  .message .box {padding: 65px 60px 60px;background: #fff;border-radius: 12px;overflow: hidden;}  .message .box .title {font-size: 56px;color: #222;font-family: "Metropolis-SemiBold";}  .message .box .brief {font-size: 20px;color: #000;font-family: "Metropolis-Light";margin-top: 10px;}  .message .form_box {margin-top: 55px;}  .message .form_box .li {width: 24.0625%;margin-bottom: 20px;margin-right: 1.25%;}  .message .form_box .li.mr0 {margin-right: 0;position: relative;}  .message .form_box .li .input {width: 100%;height: 60px;line-height: 56px;border: 2px solid #e6eef7;padding: 0 20px;font-size: 18px;color: #222;font-family: "Metropolis-Light";border-radius: 8px;overflow: hidden;}  .message .form_box .li .input:focus {border-color: var(--main);}  .message .form_box .li .input::-webkit-input-placeholder {color: #999;}  .message .form_box .li .input::-moz-placeholder {color: #999;opacity: 1;}  .message .form_box .li .input::-ms-input-placeholder {color: #999;}  .message .form_box .li .input:focus::-webkit-input-placeholder {color: var(--main);}  .message .form_box .li .input:focus::-moz-placeholder {color: var(--main);opacity: 1;}  .message .form_box .li .input:focus::-ms-input-placeholder {color: var(--main);}  .message .form_box .li.textarea {width: 100%;margin-bottom: 0;}  .message .form_box .li .input.area {height: 240px;line-height: 30px;padding-top: 10px;}  .message .form_box .submit {width: fit-content;min-width: 240px;height: 55px;padding: 0 30px;border-radius: 30px;background: var(--main);font-size: 18px;color: #fff;font-family: "Metropolis-Light";margin: 50px auto 0;}  .message .form_box .submit .svg {fill: #fff;margin: 3px 0 0 75px;}  @media (any-hover: hover) {  .message .form_box .submit:hover {opacity: .8;}  }  @media (max-width: 750px) {  .message {padding: 20px 0 80px;}  .message .box {padding-left: 30px;padding-right: 30px;}  .message .box .brief {font-size: 30px;}  .message .form_box .li {width: 100%;margin-bottom: 20px;margin-right: 0;}  .message .form_box .li .notice {font-size: 30px;line-height: normal;margin-bottom: 10px;}  .message .form_box .li .input {font-size: 30px;height: 72px;line-height: 70px;}  .message .form_box .li .input.area {padding-top: 20px;}  .message .form_box .submit {font-size: 30px;height: 65px;border-radius: 40px;}  .message .form_box .submit .svg {transform: scale(1.5);}  }  /*合作伙伴*/  #partner {padding: 65px 0 120px;background: #f5f7fa;}  #partner .title {font-size: 56px;color: #222;font-family: "Metropolis-SemiBold";}  #partner .brief {font-size: 20px;color: #666;font-family: "Metropolis-Light";margin-top: 6px;}  #partner .content {margin-top: 55px;}  #partner .content .list {margin-bottom: 70px;}  #partner .content .list:last-child {margin-bottom: 0;}  #partner .content .list .left {width: 250px;padding-right: 20px;margin-top: 25px;}  #partner .content .list .left .ico {width: 31px;height: 31px;margin-right: 14px;}  #partner .content .list .left .tit {width: calc(100% - 45px);font-size: 24px;color: var(--main);line-height: 1.083;}  #partner .content .list .right {width: calc(100% - 250px);}  #partner .content .list .right .pic {width: 16.084%;margin: 0 0.6992% 10px 0;border-radius: 12px;background: #fff;}  #partner .content .list .right .pic::before {content: '';padding-top: 47.826%;}  #partner .content .list .right .pic:nth-child(6n) {margin-right: 0;}  #partner .content .list .right .pic img {max-width: 80%;max-height: 80%;}  @media (max-width: 1200px) {  #partner .content .list .right .pic {width: 24%;margin-right: 1.333%;}  #partner .content .list .right .pic:nth-child(6n) {margin-right: 1.333%;}  #partner .content .list .right .pic:nth-child(4n) {margin-right: 0;}  }  @media (max-width: 1024px) {  #partner .content .list .left {width: 100%;padding-right: 0;margin-top: 0;}  #partner .content .list .right {width: 100%;margin-top: 30px;}  }  @media (max-width: 750px) {  #partner .brief {font-size: 30px;}  #partner .content .list .left .tit {font-size: 36px;}  #partner .content .list .right .pic {width: 32%;margin-right: 2% !important;}  #partner .content .list .right .pic:nth-child(3n) {margin-right: 0 !important;}  }  /*经销商*/  @keyframes map-sign { 0% {transform: scale(1);opacity: .3;} 66% {transform: scale(5);opacity: 0;} 100% {transform: scale(5);opacity: 0;} }  #dealers {padding: 65px 0 115px;background: #f5f7fa;overflow: hidden;}  #dealers .title {font-size: 56px;color: #222;font-family: "Metropolis-SemiBold";}  #dealers .brief {font-size: 20px;color: #666;font-family: "Metropolis-Light";margin-top: 6px;line-height: 1.5;}  #dealers .map_box {margin-top: 80px;}  #dealers .map {}  #dealers .address {}  #dealers .address .item {position: absolute;z-index: 5;cursor: pointer;}  #dealers .address .item .point {width: 10px;height: 10px;background: var(--main);border-radius: 50%;position: relative;}  #dealers .address .item .point::before, #dealers .address .item .point::after {content: '';width: 100%;height: 100%;border-radius: 50%;position: absolute;top: 0;left: 0;background-color: var(--main);z-index: -1;pointer-events: none;animation: map-sign 3s infinite ease-out;}  #dealers .address .item .point::before {animation-delay: .3s;}  #dealers .address .item .point::after {animation-delay: .8s;}  #dealers .address .item .title {font-size: 16px;color: #8ea4c2;position: absolute;left: 22px;top: -9px;font-family: "Metropolis-Regular";}  #dealers .address .item .content {width: 740px;height: 420px;position: absolute;box-shadow: 0px 20px 40px 0px rgba(92, 117, 153, 0.25);left: 50px;top: -100px;opacity: 0;pointer-events: none;padding: 30px;border-radius: 15px;overflow: hidden;background: #fff;}  #dealers .address .item .content::before {content: '';width: 100%;height: 350px;position: absolute;left: 0;bottom: 0;z-index: 2;background: url(/images/dealers-bg.png) no-repeat bottom / 100%;pointer-events: none;}  #dealers .address .item .content .close {width: 16px;height: 16px;right: 20px;top: 20px;}  #dealers .address .item .content .cont {height: calc(100% - 20px);overflow-y: auto;margin-top: 20px;}  #dealers .address .item .content .cont::-webkit-scrollbar, #dealers .address .item .content .cont *::-webkit-scrollbar {width: 4px;background: #e5e5e5;}  #dealers .address .item .content .cont::-webkit-scrollbar-thumb, #dealers .address .item .content .cont *::-webkit-scrollbar-thumb {background: var(--main);border-radius: 0;}  #dealers .address .item .content .cont .li {margin-bottom: 30px;}  #dealers .address .item .content .cont .li .pic {width: 39.705%;}  #dealers .address .item .content .cont .li .pic::before {content: '';padding-top: 66.667%;}  #dealers .address .item .content .cont .li .text {width: 60.295%;padding-left: 30px;}  #dealers .address .item .content .cont .li .text .tit {font-size: 24px;color: var(--main);}  #dealers .address .item .content .cont .li .text .bri {font-size: 16px;color: #222;margin-top: 12px;}  #dealers .address .item.item2 .content {top: -200px;}  #dealers .address .item.item3 .content, #dealers .address .item.item6 .content, #dealers .address .item.item4 .content {left: -760px;}  #dealers .address .item.cur {z-index: 6;}  #dealers .address .item.cur .point {background: #d80c18;}  /*#dealers .address .item.cur .point::before, #dealers .address .item.cur .point::after{animation: map-sign 3s infinite ease-out;} #dealers .address .item.cur .point::before{animation-delay: .3s;} #dealers .address .item.cur .point::after{animation-delay: .8s;}*/  #dealers .address .item.cur .point::before, #dealers .address .item.cur .point::after {background-color: #d80c18;}  #dealers .address .item.cur .title {font-size: 18px;color: #333;}  #dealers .address .item.cur .content {opacity: 1;pointer-events: all;}  #dealers .address .item1 .title {left: -20px;top: 10px;}  #dealers .address .item4 .title {left: -80px;top: -14px;}  #dealers .address .item5 .title {left: -85px;top: -9px;}  #dealers .address .item6 .title {left: -30px;top: -30px;}  #dealers .map_box_m {display: none;}  @media (max-width: 1366px) {  #dealers .address .item .content {width: 700px;height: 360px;}  }  @media (max-width: 1200px) {  #dealers .address .item .content {width: 530px;height: 360px;}  #dealers .address .item.item7 .content, #dealers .address .item.item4 .content {left: -550px;}  }  @media (max-width: 1024px) {  #dealers .map_box {display: none;}  #dealers .map_box_m {display: block;margin-top: 35px;}  #dealers .map_box_m .content {box-shadow: 0px 20px 40px 0px rgba(92, 117, 153, 0.25);padding: 30px;border-radius: 15px;overflow: hidden;background: #fff;margin-bottom: 30px;}  #dealers .map_box_m .content:last-child {margin-bottom: 0;}  #dealers .map_box_m .content .title_m {font-size: 30px;color: #222;}  #dealers .map_box_m .content .cont {margin-top: 20px;}  #dealers .map_box_m .content .cont::-webkit-scrollbar, #dealers .map_box_m .content .cont *::-webkit-scrollbar {width: 4px;background: #e5e5e5;}  #dealers .map_box_m .content .cont::-webkit-scrollbar-thumb, #dealers .map_box_m .content .cont *::-webkit-scrollbar-thumb {background: var(--main);border-radius: 0;}  #dealers .map_box_m .content .cont .li {margin-bottom: 30px;}  #dealers .map_box_m .content .cont .li .pic {width: 39.705%;}  #dealers .map_box_m .content .cont .li .pic::before {content: '';padding-top: 66.667%;}  #dealers .map_box_m .content .cont .li .text {width: 60.295%;padding-left: 30px;}  #dealers .map_box_m .content .cont .li .text .tit {font-size: 24px;color: var(--main);}  #dealers .map_box_m .content .cont .li .text .bri {font-size: 16px;color: #222;margin-top: 12px;}  }  @media (max-width: 750px) {  #dealers .brief {font-size: 30px;}  #dealers .map_box_m .content .title_m {font-size: 36px;}  #dealers .map_box_m .content .cont .li {flex-wrap: wrap;}  #dealers .map_box_m .content .cont .li .pic {width: 100%;}  #dealers .map_box_m .content .cont .li .text {width: 100%;margin-top: 20px;padding-left: 0;}  #dealers .map_box_m .content .cont .li .text .tit, #dealers .map_box_m .content .cont .li .text .bri {font-size: 30px;}  }  /*底部*/  #footer {width: 100%;padding: 70px 0 60px;background: #05264a;}  #footer .ftop {}  #footer .ftop .tit {font-size: 24px;color: #fff;margin-bottom: 30px;line-height: 1;}  #footer .ftop .contact {max-width: 32%;}  #footer .ftop .contact .item {display: flex;margin-bottom: 12px;opacity: .7;align-items: flex-start;}  #footer .ftop .contact .item:last-child {margin-bottom: 0;}  #footer .ftop .contact .item .svg {width: 20px;margin-right: 15px;}  #footer .ftop .contact .item.time .svg {transform: translateY(4px);}  #footer .ftop .contact .item.phone .svg {transform: translateY(4px);}  #footer .ftop .contact .item.email .svg {transform: translateY(6px);}  #footer .ftop .contact .item.address .svg {transform: translateY(4px);}  #footer .ftop .contact .item .txt {width: calc(100% - 35px);font-size: 17px;color: #fff;font-family: "Metropolis-Light";line-height: 22px;}  #footer .ftop .nav {width: 26.786%;}  #footer .ftop .nav .list:nth-child(1) .tit {margin-bottom: 20px;}  #footer .ftop .nav .list:nth-child(2) .tit:nth-child(1) {margin-bottom: 20px;}  #footer .ftop .nav .list:nth-child(2) .tit:nth-child(2) {margin-bottom: 15px;}  #footer .ftop .nav .list .con {}  #footer .ftop .nav .list .con .li {font-size: 18px;color: #fff;line-height: 2;font-family: "Metropolis-Light";opacity: .7;}  #footer .ftop .nav .list .con .li:hover {opacity: 1;}  #footer .ftop .share_box .share {display: flex;align-items: center;flex-wrap: wrap;}  #footer .ftop .share_box .share .s {margin-right: 10px;width: 50px;height: 50px;background: rgba(11, 92, 181, .2);border-radius: 50%;transition: all .3s;}  #footer .ftop .share_box .share .s:last-child {margin-right: 0;}  #footer .ftop .share_box .share .s .icon {opacity: .7;transition: all .3s;}  #footer .ftop .share_box .share .s .ewm {width: 110px;height: 110px;top: -130px;right: 0;z-index: 2;border-radius: 5px;background: #fff;}  #footer .ftop .share_box .share .s:hover {background: rgba(11, 92, 181, 1);}  #footer .ftop .share_box .share .s:hover .icon {opacity: 1;}  #footer .ftop .share_box .share .s:hover .ewm {display: inline-block;}  #footer .fbot {margin-top: 75px;padding-top: 60px;border-top: 1px solid rgba(255, 255, 255, .1);}  #footer .fbot .flogo {width: 149px;height: 52px;}  #footer .fbot .txt, #footer .fbot .copyright {font-size: 16px;color: #fff;opacity: 0.3;line-height: 1.875;text-align: right;}  #footer .fbot .txt:hover {opacity: 1;}  @media screen and (max-width: 1280px) {  #footer .fbot.fbot_en {flex-direction: column;align-items: center;}  #footer .fbot.fbot_en .right {margin-top: 10px;}  }  @media screen and (max-width: 1200px) {  #footer {padding: 50px 0 80px;}  #footer .ftop {flex-wrap: wrap;}  #footer .ftop .contact {max-width: 48%;}  #footer .ftop .nav {width: 36%;}  #footer .ftop .share_box {width: 100%;margin-top: 30px;}  #footer .fbot {width: 100%;padding-top: 30px;}  #footer .fbot .right {margin-top: 10px;}  }  @media screen and (max-width: 1024px) {  #footer .ftop .nav {width: 40%;}  }  @media screen and (max-width: 750px) {  #footer {padding-bottom: 130px;}  #footer .ftop .tit {font-size: 36px;}  #footer .ftop .contact {max-width: none;width: 100%;}  #footer .ftop .contact .item .svg {margin-right: 20px;transform: scale(1.5);}  #footer .ftop .contact .item.time .svg {transform: translateY(15px) scale(1.5);}  #footer .ftop .contact .item.phone .svg {transform: translateY(15px) scale(1.5);}  #footer .ftop .contact .item.email .svg {transform: translateY(15px) scale(1.5);}  #footer .ftop .contact .item.address .svg {transform: translateY(15px) scale(1.5);}  #footer .ftop .contact .item .txt {font-size: 30px;line-height: 45px;}  #footer .ftop .nav {width: 100%;margin-top: 30px;justify-content: flex-start;}  #footer .ftop .nav .list:first-child {margin-right: 120px;}  #footer .ftop .nav .list .con .li {font-size: 30px;}  #footer .ftop .share_box .share .s {width: 60px;height: 60px;}  #footer .ftop .share_box .share .s .icon img {height: 26px;}  #footer .ftop .share_box .share .s .ewm {width: 160px;height: 160px;top: -180px;left: 50%;right: auto;transform: translateX(-50%);}  #footer .fbot {padding-top: 50px;flex-wrap: wrap;}  #footer .fbot .flogo {margin: 0 auto;}  #footer .fbot .text {width: 100%;margin-top: 30px;}  #footer .fbot .text > div {justify-content: center;}  #footer .fbot .copyright, #footer .fbot .txt {font-size: 30px;text-align: center;}  }  /* 侧边栏start */  #float_right { /*right:52px;*/right: 12px;top: 50%;transform: translateY(-50%);z-index: 20;}  #float_right .content {padding: 20px 0;background: #fff;border-radius: 30px;margin-bottom: 20px;box-shadow: 0 0 20px 0 rgba(6, 28, 52, .15);}  #float_right .content .li {width: 46px;margin-bottom: 20px;}  #float_right .content .li:last-child {margin-bottom: 0;}  #float_right .li.codeBox .code {right: 40px;top: 50%;width: 110px;height: 110px;transform: translate(-20px, -50%);background-color: #fff;box-shadow: 0px 8px 10px 0px rgba(0, 0, 0, 0.05); /*padding:10px;*/border-radius: 5px;}  #float_right .li.telBox .phone {right: 40px;top: 50%;transform: translate(-20px, -50%);background-color: #fff;box-shadow: 0px 8px 10px 0px rgba(0, 0, 0, 0.05);border-radius: 5px;font-size: 16px;color: var(--main);white-space: nowrap;padding: 10px 15px;}  #float_right .li.codeBox:hover .code {display: block;}  #float_right .li.telBox:hover .phone {display: block;}  #float_right .backTop {width: 46px;height: 46px;background-color: var(--main);box-shadow: 0px 8px 10px 0px rgba(0, 0, 0, 0.05);border-radius: 30px;}  #float_right .backTop:hover {opacity: .8;}  @media (max-width: 1680px) {  #float_right {right: 10px;}  }  @media (max-width: 750px) {  #float_right {background-color: #fff;top: auto;left: 0;right: 0;bottom: 0;width: 100%;height: 100px;transform: translateY(0);display: flex;}  #float_right .content {display: flex;width: 75%;margin-bottom: 0;box-shadow: none;}  #float_right .content .li {width: 33.333%;height: 100%;background: #fff;border-radius: 0;}  #float_right .content .li .icon {height: 100%;}  #float_right .content .li .svg {width: 30px;height: 30px;fill: #fff;}  #float_right .li.codeBox .code {width: 150px;height: 150px;top: -95px;right: auto;left: 50%;transform: translate(-50%, -50%);}  #float_right .li.telBox .phone {top: -50px;left: 0;font-size: 30px;right: auto;transform: translate(0, -50%);}  #float_right .backTop {width: 25%;height: 100%;background: #fff;box-shadow: none;}  #float_right .backTop .svg {transform: scale(1.5);}  #float_right .backTop .svg path {stroke: var(--main);}  }  /* 侧边栏end */  #success_tips {position: fixed;width: 100%;height: 100%;bottom: 0;z-index: 999;background: black;align-items: center;justify-content: center;}  #success_tips > div {width: 520px;height: 220px;border: 1px solid black;background: white;border-radius: 50px;text-align: center;padding: 25px 0;top: 50%;position: absolute;left: 50%;transform: translate(-50%, -50%);}  #success_tips .content {padding: 20px 0;font-size: 24px;}  #success_tips .back_btn {width: fit-content;min-width: 120px;background: var(--main);font-family: "Metropolis-Light";height: 55px;padding: 15px;border: 0;border-radius: 28px;cursor: pointer;font-size: 20px;font-weight: bold;background: var(--main);color: white;}  #index_subscribe .subscribe_box {width: 480px;margin: 0 auto;position: relative;}  #index_subscribe .subscribe_input {height: 55px;background: white;padding: 10px 130px 10px 20px;border-radius: 30px;width: 480px;color: black;font-size: 18px;}  #index_subscribe .subscribe_btn {position: absolute;top: 0;right: 0;height: 55px;padding: 15px;border: 0;border-radius: 28px;cursor: pointer;font-size: 20px;font-weight: bold;background: var(--main);color: white;}  #message2 {display: none;position: fixed;top: 0;left: 0;height: 100%;width: 100%;background: #999999;z-index: 999;overflow: hidden;}  #message2 .close-btn {width: 30px;height: 30px;position: absolute;top: -15px;right: -15px;background: var(--main);border-radius: 20px;text-align: center;line-height: 30px;font-size: 20px;cursor: pointer;color: white;}  #message2 .box {padding: 65px 60px 60px;background: #fff;border-radius: 12px;position: relative;overflow: visible;}  @media (max-width: 750px) {  #message2 .close-btn {top: 10px;right: 15px;}  }  #message2 .close-btn:hover {opacity: 0.8;}  #message2 #country option {width: 100%;overflow: hidden;word-break: break-word;}  #message2 .country-list, #message .country-list {width: 100%;padding: 15px;height: 300px;overflow-y: scroll;border: 2px solid #e6eef7;display: none;position: absolute;background: #ffffff;z-index: 99;border-radius: 8px;}  #message2 .country-list li, #message .country-list li {width: 100%;height: 38px;line-height: 38px;font-size: 24px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}  #message2 .cw1680 {width: 900px !important;}  @media (max-width: 1024px) {  #message2 {display: none;align-content: center;}  #message2 .cw1680 {width: 90% !important;}  }  #dealers .country-box {width: 750px;margin: 0 auto;display: flex;border: 1px solid #e6eef7;}  #dealers .country-box .select-box {width: 24.0625%;border-right: 1px solid #e6eef7;}  #dealers .select-box input {width: 100%;height: 60px;line-height: 56px;border: 2px solid #e6eef7;padding: 0 20px;font-size: 18px;color: #222;font-family: "Metropolis-Light";border-radius: 8px;overflow: hidden;}  #dealers .country-box .select-box .select {height: 50px;line-height: 20px;font-size: 24px;padding: 15px;color: var(--main);}  #dealers .country-box .select-box .down svg {transform: rotate(90deg);}  #dealers .country-box .select-box .up svg {transform: rotate(-90deg);}  #dealers .country-list {width: 750px;height: 200px;margin: 0 auto;display: none;}  #dealers .input-country {height: 50px;padding: 15px;font-size: 20px;}  #dealers .country-list ul li {width: 25%;padding: 15px;float: left;font-size: 20px;}  #dealers .country-list ul li .radio {width: 15px;height: 15px;}  #dealers .dealers-list {width: 750px;margin: 0 auto;}  #dealers .dealers-list ul {width: 750px;display: inline-block;}  #dealers .dealers-list ul li {float: left;padding: 15px;display: none;}  #dealers .dealers-list .dealers-box {width: 295px;border: 1px solid #e6eef7;justify-content: space-around;margin: 15px;padding: 15px;float: left;text-align: center;box-shadow: 0 0 10px rgba(0, 0, 0, .1);background: white;border-radius: 20px;}  #dealers .dealers-list .dealers-box .btn {padding: 15px;border: 1px solid black;border-radius: 20px;color: var(--main);display: block;margin: 10px auto;width: 180px;}  #dealers .contact-us {margin-top: 50px;font-size: 18px;text-align: center;}  #dealers .contact-us a {color: var(--main);text-decoration: underline;}  @media (max-width: 750px) {  #dealers .country-box {width: 100%;margin: 0 auto;display: flex;border: 1px solid #e6eef7;}  #dealers .country-box .select-box {width: 45%;border-right: 1px solid #e6eef7;}  #dealers .select-box input {width: 100%;height: 60px;line-height: 56px;border: 2px solid #e6eef7;padding: 0 20px;font-size: 18px;color: #222;font-family: "Metropolis-Light";border-radius: 8px;overflow: hidden;}  #dealers .country-box .select-box .select {height: 70px;line-height: 40px;font-size: 30px;padding: 15px;color: var(--main);}  #dealers .country-box .select-box .down svg {transform: rotate(90deg);}  #dealers .country-box .select-box .up svg {transform: rotate(-90deg);}  #dealers .country-list {width: 100%;height: 200px;margin: 0 auto;display: none;}  #dealers .input-country {height: 70px;padding: 15px;font-size: 30px;}  #dealers .country-list ul li {width: 50%;padding: 15px;float: left;font-size: 30px;}  #dealers .country-list ul li input {width: 26px;height: 26px;}  #dealers .dealers-list {width: 100%;margin: 0 auto;}  #dealers .dealers-list ul {width: 100%;display: inline-block;height: fit-content;}  #dealers .dealers-list ul li {width: 100%;float: left;padding: 15px;display: none;}  #dealers .dealers-list .dealers-box {width: 100%;border: 1px solid #e6eef7;justify-content: space-around;margin: 15px;padding: 15px;float: left;text-align: center;box-shadow: 0 0 10px rgba(0, 0, 0, .1);background: white;border-radius: 20px;}  #dealers .dealers-list .dealers-box .btn {padding: 15px;border: 1px solid black;border-radius: 20px;color: var(--main);display: block;margin: 10px auto;width: 280px;font-size: 30px;}  #dealers .contact-us {margin-top: 50px;text-align: center;font-size: 24px;}  #dealers .contact-us a {color: var(--main);text-decoration: underline;}  .i-pic ._left {width: 246%;left: -16%;top: -60%;}  .i-pic ._right {width: 246%;left: -130%;top: -60%;}  }