html,
body {
    margin: 0;
}

a {
    all: unset;
}

a:hover {
    text-decoration: none;
    cursor: pointer;
    color: inherit;
}
a:visited {
    color: inherit;
}

body * {
    box-sizing: border-box;
    flex-shrink: 0;
    outline: 0;
}

body {
    font-family: Microsoft YaHei;
}

input {
    background-color: transparent;
    border: 0;
}

button {
    margin: 0;
    padding: 0;
    border: 1px solid transparent;
    outline: none;
    background-color: transparent;
}

button:active {
    opacity: 0.6;
}

.flex-col {
    display: flex;
    flex-direction: column;
}

.flex-row {
    display: flex;
    flex-direction: row;
}

.justify-start {
    display: flex;
    justify-content: flex-start;
}

.justify-center {
    display: flex;
    justify-content: center;
}

.justify-end {
    display: flex;
    justify-content: flex-end;
}

.justify-evenly {
    display: flex;
    justify-content: space-evenly;
}

.justify-around {
    display: flex;
    justify-content: space-around;
}

.justify-between {
    display: flex;
    justify-content: space-between;
}

.align-start {
    display: flex;
    align-items: flex-start;
}

.align-center {
    display: flex;
    align-items: center;
}

.align-end {
    display: flex;
    align-items: flex-end;
}

.w-1200 {
    margin: 0 auto;
    width: 1200px;
}

.w-1400 {
    margin: 0 auto;
    width: 1400px;
}

.col4-1 {
    width: 25%;
    padding-right: 10px;
}

.products-list {
    display: flex;
}

/********************************/
/******* TOP-NAV STYLES *********/
/********************************/
.top-nav {
    user-select: none;
    position: fixed;
    z-index: 99;
    left: 0;
    right: 0;
    top: 0;
    height: 72px;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: stretch;
    padding: 0 40px;
}

.product-menu-panel.top-nav  {
    left: auto;
    right: 102px;
    top: auto;
    bottom: 56px;
    height: auto;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: stretch;
    padding: 0 40px;
}
.product-menu-panel.top-nav .drop-menu .drop-container__inner .left .product-cate {
    all:unset;
    list-style: none;
    width: 210px;
}
.product-menu-panel.top-nav, .top-nav:hover {
    box-shadow: none;
}
.product-menu-panel.top-nav .drop-menu .drop-container__inner .right-content {
    width: 1000px;
}
.product-menu-panel.top-nav .drop-menu .drop-container__inner .right {
    padding-right:0;
}
.top-nav.light,
.top-nav:hover {
    background: white;
    box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.05);
}

.top-nav.light .nav-list .text,
.top-nav:hover .nav-list .text {
    color: #666;
}

.top-nav.light .nav-list .text .gt,
.top-nav:hover .nav-list .text .gt {
    fill: #666;
    stroke: #666;
}

.top-nav.light .logo,
.top-nav:hover .logo {
    background-image: url(/images/logo-light.png?t=230215);
}

.top-nav .logo {
    align-self: center;
    width: 140px;
    height: 38px;
    background-size: contain;
    background-image: url(/images/logo-dark.png?t=230215);
    background-repeat: no-repeat;
}

.top-nav .nav-list {
    margin: 0;
    flex: 1;
    list-style: none;
    display: flex;
    align-items: stretch;
    padding-left: 40px;
}

.top-nav .nav-list .text a {
    display: flex;
    align-items: center;
    justify-content: center;
}

.top-nav .nav-list .text {
    overflow-wrap: break-word;
    color: rgb(255, 255, 255);
    font-size: 16px;
    font-family: MicrosoftYaHei;
    text-align: left;
    white-space: nowrap;
    line-height: 16px;
    display: flex;
    align-items: stretch;
    justify-content: center;
    padding: 0 20px;
    position: relative;
}

.top-nav .nav-list .text .gt {
    color: white;
    fill: white;
    stroke: white;
    transform: rotate(90deg);
    display: inline-block;
}

.top-nav .nav-list .text:hover {
    cursor: pointer;
}

.top-nav .nav-list .text:hover:not(.no-hover)::after {
    content: "";
    display: block;
    position: absolute;
    left: 20px;
    right: 20px;
    bottom: 0;
    height: 2px;
    background: linear-gradient(90deg, #e94a3b 0%, #e94a3b 49%, #f5a14e 100%);
}

.top-nav .nav-list .text:hover a {
    color: #f44712;
}

.top-nav .nav-list .text a {
    color: inherit;
    text-decoration: none;
}

.top-nav .nav-list .dropdown {
    position: relative;
}

.top-nav .nav-list .dropdown:hover .dropdown-menu {
    display: block;
    max-height: 500px;
}

.top-nav .nav-list .dropdown-menu {
    all: unset;
    box-sizing: border-box;
    overflow: hidden;
    transition: max-height 0.3s;
    max-height: 0;
    position: absolute;
    background-color: white;
    color: #666;
    left: 0;
    bottom: -10px;
    transform: translate(-50%, 100%);
}

.top-nav .nav-list .dropdown-menu .dropdown-item {
    padding: 8px 16px;
}

.top-nav .nav-list .dropdown-menu .dropdown-item:hover {
    color: #f44712;
}

.top-nav .nav-list .dropdown-menu .dropdown-item:first-child {
    margin-top: 10px;
}

.top-nav .nav-list .dropdown-menu .dropdown-item:last-child {
    margin-bottom: 10px;
}

.top-nav .flex-space {
    flex: 1;
}

.top-nav .drop-menu {
    position: relative;
}

.top-nav .drop-menu:hover .drop-container {
    max-height: calc(var(--menu-height) * 1px);
    transition: max-height 0.3s;
}

.top-nav .drop-menu .drop-container {
    cursor: default;
    box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.05) inset;
    max-height: 0;
    position: fixed;
    top: 70px;
    left: 0;
    right: 0;
    background-color: rgba(255, 255, 255, 0.99);
    height: calc(var(--menu-height) * 1px);
    overflow: hidden;
    display: flex;
    justify-content: space-around;
}
.product-menu-panel.top-nav .drop-menu .drop-container {
    position: static;
    max-height:500px;
}
.top-nav .drop-menu .drop-container__inner {
    height: 100%;
    display: flex;
    /* align-items: stretch; */

    align-items: baseline;
}

.top-nav .drop-menu .drop-container__inner .left {
    /* box-shadow: 0px 5px 0px 0px rgba(0, 0, 0, 0.05) inset; */
    flex: 0 0 220px;
    width: 220px;
    height: 100%;
    /* background: red; */
    display: flex;
    justify-content: flex-end;
    padding: 22px 0px 30px 30px;
    position: relative;
}

.top-nav .drop-menu .drop-container__inner .left::after {
    content: "";
    display: block;
    top: 10px;
    bottom: 10px;
    right: 0;
    width: 1px;
    /* background-color: red; */

    background: #ebedf0;
    position: absolute;
}

.top-nav .drop-menu .drop-container__inner .left .product-cate {
    all: unset;
    width: 210px;
}

.top-nav .drop-menu .drop-container__inner .left .product-cate-item {
    width: 100%;
    padding: 0 10px;
}

.top-nav .drop-menu .drop-container__inner .left .product-cate-item.active,
.top-nav .drop-menu .drop-container__inner .left .product-cate-item:hover {
    cursor: pointer;
    color: #f44712;
    stroke: #f44712;
    fill: #f44712;
    /* background: #fff7f5; */
}

.top-nav .drop-menu .drop-container__inner .left .product-cate-item.active .gt,
.top-nav .drop-menu .drop-container__inner .left .product-cate-item:hover .gt {
    display: block;
    fill: inherit;
    stroke: inherit;
    transform: rotate(0deg);
}

.top-nav .drop-menu .drop-container__inner .left .product-cate-item.active .gt svg,
.top-nav .drop-menu .drop-container__inner .left .product-cate-item:hover .gt svg {
    fill: inherit;
    stroke: inherit;
}

.top-nav .drop-menu .drop-container__inner .left .product-cate-item a {
    all: unset;
    display: flex;
    justify-content: space-between;
    padding: 18px 0;
    font-size: 14px;
}

.top-nav .drop-menu .drop-container__inner .left .product-cate-item a span.lt-text {
    position: relative;
}

.top-nav .drop-menu .drop-container__inner .left .product-cate-item a .gt {
    display: none;
}

.top-nav .drop-menu .drop-container__inner .left .product-cate-item a.active,
.top-nav .drop-menu .drop-container__inner .left .product-cate-item a:hover {
    cursor: pointer;
    color: #f44712;
    stroke: #f44712;
    fill: #f44712;
}


.top-nav .drop-menu .drop-container__inner .left .product-cate-item.active a span.lt-text::after,
.top-nav .drop-menu .drop-container__inner .left .product-cate-item a:hover span.lt-text::after {
    position: absolute;
    content: "";
    height: 2px;
    left: 0;
    right: 0;
    bottom: -8px;
    background-color: #f44712;
    border-radius: 1px;
}

.top-nav .drop-menu .drop-container__inner .left .product-cate-item a.active .gt,
.top-nav .drop-menu .drop-container__inner .left .product-cate-item a:hover .gt {
    display: block;
    fill: inherit;
    stroke: inherit;
    transform: rotate(0deg);
}

.top-nav .drop-menu .drop-container__inner .left .product-cate-item a.active .gt svg,
.top-nav .drop-menu .drop-container__inner .left .product-cate-item a:hover .gt svg {
    fill: inherit;
    stroke: inherit;
}

.top-nav .drop-menu .drop-container__inner .left ul>li>a {
    all: unset;
}

.top-nav .drop-menu .drop-container__inner .right {
    overflow-y:scroll;
    overflow-x: hidden;
    max-height: 465px;
    padding: 10px 50px;
    overscroll-behavior: none;
}

.top-nav .drop-menu .drop-container__inner .right::-webkit-scrollbar {
    /*滚动条整体样式*/
    width: 5px;
    /*高宽分别对应横竖滚动条的尺寸*/
    height: 5px;
    position: absolute;
    right: -5px;
}

.top-nav .drop-menu .drop-container__inner .right::-webkit-scrollbar-thumb {
    /*滚动条里面小方块*/
    border-radius: 2px;
    -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.2);
    background: #DFE1E6;
}

.right-search {
    margin-left: -10px;
    margin-bottom: 30px;
}

.right-search-input {
    position: relative;
    display: inline-block;
}

.right-search-input .search-input {
    background-color: #F5F7FA;
    border-radius: 4px;
    height: 36px;
    line-height: 36px;
    width: 270px;
    padding: 0 10px;
}
.right-search-input .search-input:focus {
    background-color: #f3f5f9;
}

.right-search-input>.icon {
    position: absolute;
    right: 10px;
    top: 10px;
    cursor: pointer;
}
.right-search-input>.icon:hover {
    fill: #0d6efd;
}

.top-nav .drop-menu .drop-container__inner .right-content {
    width: 1000px;
}

.float-item {
    margin-right: 60px;
    float: left;
}

.top-nav .drop-menu .drop-container__inner .right-content .desc {
    padding: 20px 0;
    white-space: normal;
    font-size: 12px;
    font-weight: 400;
    color: #666666;
    line-height: 28px;
    border-bottom: 1px solid #ebedf0;
    margin-bottom: 36px;
}

.top-nav .drop-menu .drop-container__inner .right-content .cate1-nav-title {
    color: #f34712;
    font-size: 14px;
    border-left: 2px solid #f34712;
    padding-left: 10px;
    line-height: 1;
    border-radius: 1px;
    margin: 10px 0 22px -10px;
}

.top-nav .drop-menu .drop-container__inner .right-content .products {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0px 30px;
}

.top-nav .drop-menu .drop-container__inner .right-content .products-group {
    /* width: 250px; */
    display: block;
    margin-bottom: 22px;
    /* float: left; */
}

.top-nav .drop-menu .drop-container__inner .right-content .products-group-title {
    font-size: 14px;
    color: #333333;
    line-height: 34px;
    font-weight: bold;
}

.top-nav .drop-menu .drop-container__inner .right-content .products-group-item {
    font-size: 14px;
    font-weight: 400;
    color: #999999;
    line-height: 30px;
    overflow: hidden;
}

.top-nav .drop-menu .drop-container__inner .right-content .products-group-item:hover {
    cursor: pointer;
    color: #f44712;
}

.top-nav .drop-menu .drop-container__inner .right-content .products-group-item a {
    all: unset;
    color: inherit;
}

.top-nav .drop-menu .drop-container__inner .right-content .products-group-title .link-span:hover {
    cursor: pointer;
    color: #666666;
}
.footer {
    background-color: #1f2329;
    width: 100%;
    padding: 50px 0;
}

.footer__inner {
    width: 1200px;
    margin: 0 auto;
}

.footer__inner ul {
    padding: 0;
    margin: 0;
    display: flex;
    list-style: none;
    padding-bottom: 55px;
    border-bottom: 1px solid #34373b;
}

.footer__inner ul li {
    flex: 3;
    border-right: 1px solid #34373b;
    text-align: center;
    font-size: 20px;
    color: #d2d3d4;
    fill: #d2d3d4;
    stroke: #d2d3d4;
}

.footer__inner ul li:first-child {
    text-align: left;
}

.footer__inner ul li:last-child {
    text-align: right;
    border-right: none;
}

.footer__inner ul li:not(:last-child, :first-child) {
    flex: 0 0 213px;
}

.footer__inner ul li .title {
    font-size: 13px;
    color: #7b7e81;
    line-height: 24px;
    margin-bottom: 24px;
}

.footer__inner ul li .tel-number {
    font-size: 20px;
    margin-bottom: 5px;
    display: inline-block;
}

.footer__inner ul li .e-mail {
    display: inline-block;
    padding-bottom: 5px;
    font-size: 13px;
    margin-left: 5px;
    margin-top: 3px;
}

.footer__inner ul li .link {
    display: block;
    font-size: 13px;
    margin-bottom: 14px;
    cursor: pointer;
}

.footer__inner ul li .link:hover {
    color: #e94a3b;
}

.footer__inner ul li .link.left-align {
    text-align: left;
    padding-left: 80px;
}

.footer-copyrights {
    display: flex;
    padding-top: 50px;
    font-size: 12px;
    color: #7b7e81;
    line-height: 24px;
    justify-content: space-between;
}

.footer-copyrights .contrat-us {
    all: unset;
    vertical-align: top;
    list-style: none;
}

.footer-copyrights .contrat-us-item {
    all: unset;
    display: inline-block;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background-color: white;
    margin-right: 20px;
}

.footer-copyrights .contrat-us-item:last-child {
    margin-right: 0;
}

.footer-copyrights .us-email {
    background-color: #0d6efd;
}

.tabs {
    display: flex;
    align-items: center;
    height: 100%;
    border-bottom: 0;
}

.tabs.gradient-active .tab-item:hover,
.tabs.gradient-active .tab-item.active {
    color: #f44712;
    position: relative;
}

.tabs.gradient-active .tab-item:hover::after,
.tabs.gradient-active .tab-item.active::after {
    all: unset;
    position: absolute;
    content: "";
    height: 3px;
    background: linear-gradient(90deg, #e94a3b 0%, #e94a3b 49%, #f5a14e 100%);
    bottom: 0;
    left: 20px;
    right: 20px;
    transform: translateY(1px);
}

.tabs .tab-item {
    line-height: var(--tab-height, 55px);
    height: var(--tab-height, 55px);
    font-size: 16px;
    color: #666666;
    margin-right: 78px;
    user-select: none;
    cursor: pointer;
}

.tabs .tab-item:hover,
.tabs .tab-item.active {
    color: #f44712;
    position: relative;
}

.tabs .tab-item:hover::after,
.tabs .tab-item.active::after {
    position: absolute;
    content: "";
    width: 40px;
    height: 8px;
    background-image: url(/images/actived-tab.png);
    bottom: 4px;
    left: 50%;
    transform: translateX(-50%);
    background-size: 100%;
}

.tabs .tab-item:hover:not(.active) {
    opacity: 0.6;
}

.tabs .tab-item a {
    display: block;
    height: 100%;
}

.tab-content {
    display: none;
}

.tab-content.show,
.tab-content.active {
    display: block;
}

.tab-content .product-header {
    font-size: 18px;
    font-weight: bold;
    color: #333333;
    padding-bottom: 18px;
    position: relative;
}

.tab-content .product-header::after {
    position: absolute;
    left: 0;
    bottom: 0;
    content: "";
    display: block;
    width: 24px;
    height: 2px;
    background: linear-gradient(90deg, #e94a3b 0%, #e94a3b 49%, #f5a14e 100%);
}

.tab-content .product-section {
    margin-bottom: 60px;
    font-size: 15px;
    color: #727a80;
    line-height: 28px;
}

.tab-content .product-section:last-child {
    margin-bottom: 20px;
}

/* .img-holder {
  background-color: #333333;
} */

/* .section-title {
    display: inline-block;
    font-size: 28px;
    font-weight: bold;
    color: #f44712;
    line-height: 28px;
    position: relative;
    padding: 0 48px;
}
.section-title::before {
    content: "";
    height: 2px;
    background-color: #e64239;
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    z-index: 0;
}
.section-title__text {
    position: relative;
    z-index: 2;
}
.section-title__sub {
    font-size: 16px;
    color: #999999;
}
.section-title::after {
    content: "";
    display: block;
    background-color: white;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 30px;
    right: 30px;
    z-index: 0;
} */

.section-title {
    display: inline-block;
    font-size: 32px;
    font-weight: bold;
    /* color: #f44712; */
    color: #333333;
    line-height: 56px;
    position: relative;
    padding: 0 60px;
}

.section-title::before {
    content: "";
    width: 73px;
    height: 56px;
    position: absolute;
    left: 0;
    top: 0;
    right: auto;
    bottom: auto;
    z-index: 0;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEkAAAA4CAYAAACxDdW4AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4RpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo1MWEzZGQ4NS00ZjM3LWE5NDEtYWZhOS05NjJiMzMwZmE0ZGEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NzVBNkU3NUFBOEUxMTFFREE5MTlFREFFQTgyNjVFOTAiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NzVBNkU3NTlBOEUxMTFFREE5MTlFREFFQTgyNjVFOTAiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6YWNiNDU1NWQtYzUzMy1iYTQ1LTkzZTgtODVlZGZmNWZjYTNhIiBzdFJlZjpkb2N1bWVudElEPSJhZG9iZTpkb2NpZDpwaG90b3Nob3A6OTM0MTBlNzMtYTg1Mi0xMWVkLTk2NjEtZjAxMDkzNzFkNWEyIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+uEY2+gAAA/dJREFUeNrsmr9OFVEQxs/sbjAW9iKWxNCrhY9ghwmYWGuJhRYSXsAEKbSx9AmuCGrhQ4gxMbHDDoRX8GbPGb+Z82f3qhEKo+YwG849//Ya9sc335nZSMzs7Pr91RgCg2SQDJJBMkgGySDZZZAMkkEySAbJIBkkuwySQTJIBskgGSSDZJDsMkgGySD9J1fnjr/cRP8ize+ivUvjk9bn/9LvSP8aEvHR/tfRAx+hXUrj06yfCUjNKX8hOsvhJpDuoR2jHaawytdJ62fmknAzZz4Rkv3/JEsB/kwKUNEVPu851+KRmib2bRtbI61zpOMmzss4zkl6ah035IjSOlF9kDh4PYbZtT8dx3FdrKXVCYUfdrHFGlcCL+hcFwCtKkjO927GYkUJlBbYzeFzWRpWb2Aued8U/QH6jzCeHdz6GvMphyZCpgiqMkgij76AYT2ZoIyObmH8BM+86JjwQ1lpc4CzhDuX2NEd9HLUr2PtlRMxQUUuhMqMOwAQQs55rz153yIENzF/hbbIss59VBzGEp56PweEn3w3LKJtU+BNrLXE+DewV5mSvMu2o2HX8WN8Piqyks4P5QOPjCuqjqIV4Tuk+qF1UWV9kIYiasV5wsP6+NiRwsCL440Cs0Br4kYyeYH7nohfVna69cVr8OxPxXn0RGMc/4A1qIhH51ob+RWjxjc8pT16BkG9qQoSwbgZMODLq3jMy5FFGxVDo7Aa1+zjdeEpGUIrXqWaWsDy7QrzJA2tZTESdiUfLCRobELFqAYllfyp7LfLdXkSIMXH7q+7sUHzEGacYZQckpIHlWgbCUyA07XKIIUsjouIvV+8EZMPrz+caUleVTLy3NMoLP18dUpyDYufTDE7N3O+z4QQl0RcTagbWXlWmXpZhQWuZtzKgOR18wUNpwQmGzclRTEUpOMkLr2BeDDwrCR2R/V5kpovf0IKeKW8DKL4yDSjqDZlRIPSqJe3A1QMP/nVXmWnW4ie0ja7KClW2A9hRVAOZyyD4aTQ45moLHl3fKOwW1fthjqLJWMMYYLa7EDmmkGKwrzUZ2Go13zug8KVek7WSPeD3o+1Q6xNqoIkxagLLIXtFEAe6mknD6u9H5qCiEWuFsVa8MYilxVo2vPhAe7/1tQlJJ/UJM4bJoC1xQourYesqggljmOTtwPSU++TovotzCcCsa6yROou8SX50wc17Q3yfB4mvhaz6sG5ica5EMd0qSsJ1XO0jXgQdq4yJXEMrRB9BsrxGN+HolZg5PtZPdFz+qIql9d7uadfhXrWMPeqPF+ZknINorAaKIobaEQA0DZ23kJhqxDKLeQJVzFfUPlwd4ii+AMGO1DOBPvTIe9kVdd3AQYAd+09EnPyJrYAAAAASUVORK5CYII=);
}

.section-title__text {
    position: relative;
    z-index: 2;
}

.section-title__sub {
    font-size: 16px;
    color: #999999;
}

.section-title::after {
    content: "";
    width: 73px;
    height: 56px;
    position: absolute;
    /* left: 100%; */
    bottom: auto;
    left: auto;
    right: 0;
    top: 0;
    z-index: 0;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEkAAAA4CAYAAACxDdW4AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4RpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo1MWEzZGQ4NS00ZjM3LWE5NDEtYWZhOS05NjJiMzMwZmE0ZGEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NzVBNkU3NUVBOEUxMTFFREE5MTlFREFFQTgyNjVFOTAiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NzVBNkU3NURBOEUxMTFFREE5MTlFREFFQTgyNjVFOTAiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6YWNiNDU1NWQtYzUzMy1iYTQ1LTkzZTgtODVlZGZmNWZjYTNhIiBzdFJlZjpkb2N1bWVudElEPSJhZG9iZTpkb2NpZDpwaG90b3Nob3A6OTM0MTBlNzMtYTg1Mi0xMWVkLTk2NjEtZjAxMDkzNzFkNWEyIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+mbPoMAAAApxJREFUeNrsmMFqFEEQhqt6Yt4h3sxRwbyD5JBF38I9KHhwXyTiwUMweQwhB8k7CFlB0UVBkyh4lMBKd/l3d81sZ1wSBVnCdDXUVnf1LEt//FXVsywiZOPy4QyBQfovY41+fAEqsGI119yGHxPziLi5lfd4Bn+IzX1y/DY9Rxzj2QY+WL5/auGsA8Qu7DHWLscioCb7CMW5gI+XADMBrPMkxApAsXybRUjrgPEKELYVGIwVEKvKGgWS4B1hAqXxvFPhoGuSQBwSnpH4bQqe8ho+lF7nsRPGeQj34HexyOvBp9vJ+ztQwhsookkKYk2hdu66WqVe1UTOw29hPaXmxsCVFPwYymiyQjx1agpLrFVWVheohTFVcM+K6baDw5aH76VYEQtS7KX5Tg3ptoZDblLgxY0pguDczIgaBaI3qqSaRr2PwU0SrgBSVEZq4RGO5NqTlKWgOkCkMQ26BHCuNIeebjJbpJUUdafodH90uW7/c4pXUJMOtb70Wr/0apRfUrPC65x2w1fSAQ7tM6iyMC8p5hfXHs/v16KkY5x4rwNTKkf6bd8XFr/jj2vobnrjlklKndDWJVnUJ+mpK6+PUJMm3bqCdIsHncPuY/ICBw8X08vntpYVFcj7PfgHSLV52ve+FkgJSDz0E9hdrJ/D3mHvF+wnQE0BJca28OAj+PNUsFt1Df6eRJouQvmeRDTFwZ92T4T27uTzPYlocTVy7UVq6C+49h/3X6SbDYNkkAzSdepuZx+NgilpOJBkRXYCGxW/O9LYpXGW0w/XBdKqxinsps4jhI2r4jWmG/9rvDZIX2EPi/UYdnZV3F5LrLsZJINkkAySQTJINgySQTJIBskgGSSDZMMgGSSDZJAMkkEySAbJhkEySCsZvwUYACeR3pI0Gr+QAAAAAElFTkSuQmCC)
}

.product-intro {
    padding: 40px 90px;
}

.channel {
    margin-bottom: 60px;
}

.channel:last-child {
    margin-bottom: 0;
}

.channel-title {
    position: relative;
    font-size: 24px;
    color: #333333;
    padding-left: 16px;
    margin-bottom: 30px;
}

.channel-title::before {
    content: "";
    height: 16px;
    width: 2px;
    background: #f44712;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.channel-body .row {
    margin-bottom: 40px;
}

.channel-body .row:last-child {
    margin-bottom: 0;
}

.shadow-card {
    padding: 36px 32px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.05);
    border: 1px solid #f9fafc;
    border-radius: 10px;
}

.shadow-card .text {
    flex: 1;
    font-size: 16px;
    font-weight: 400;
    color: #333333;
    line-height: 32px;
    margin-left: 22px;
}

.gray-bg-card {
    background: #f8f9fa;
}

.cus-page.pagination.pagination-sm {
    --bs-pagination-bg: #f4f4f5;
    --bs-pagination-color: #727a80;
    --bs-pagination-active-bg: #f44712;
    --bs-pagination-padding-x: 0.75rem;
    --bs-pagination-padding-y: 0;
    --bs-pagination-font-size: 12px;
    --bs-pagination-border-radius: 0;
    --bs-pagination-border-width: 0;
    --bs-pagination-hover-color: #f44712ab;
    --bs-pagination-disabled-color: #bbbdbf;
    --bs-pagination-disabled-bg: #f4f4f5;
}

.page-item {
    margin-right: 10px;
}

.page-item:last-child {
    margin-right: 0;
}

.drop-container-ul {
    position: absolute;
    left: 20%;
    top: 18px;
    bottom: 40px;
    line-height: 40px;
    list-style-type: none;
    cursor: pointer;
}

.drop-container-ul li {
    line-height: 40px;
}

.top-nav .nav-list .text .drop-container-ul li a {
    color: #666;
    justify-content: flex-start;
}

/* .top-nav .nav-list .text .drop-container-ul li a:hover {
    color: #f44712;
} */

/* 解决方案20230417 */
.solution-ul {
    width: 1340px;
    padding-left: 0;
    left: calc(50vw - 670px);
    top: 40px;
}

.solution-ul .solution-nav-item {
    width: 335px;
    height: 54px;
    line-height: 54px;
    /* background-color: #ccc; */
    float: left;
    margin-bottom: 20px;
}

.solution-ul .solution-nav-item a {
    font-size: 14px;
    padding: 0 18px;
}

.solution-ul .solution-nav-item a:hover {
    background-color: #F44712;
    color: #ffffff !important;
}

.solution-ul .solution-nav-item a span {
    flex: 1;
}

.contrat-us-item a {
    width: 32px;
    height: 32px;
    display: inline-block;
    text-align: center;
    line-height: 32px;
}

.contrat-us-item a img {
    vertical-align: middle;
}

#contract-us {
    position: fixed;
    z-index: 99999;
    top: 50%;
    right: 10px;
    width: 50px;
}

.contract-us__inner {
    background: linear-gradient(0deg, #e94a3b 0%, #ef7544 100%);
    border-radius: 5px;
    display: flex;
    flex-direction: column;
    align-items: stretch;
}

.c-gary-item.back-top-btn {
    width: 50px;
    height: 50px;
    /* position: fixed; */
    /* right: 10px; */
    /* top: 795px; */
    /* padding: 10px 0; */
    margin-top: 6px;
    padding-top: 15px;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    /* background: linear-gradient(0deg, #E94A3B 0%, #EF7544 100%); */
    background: #e6e6e6;
    border-radius: 5px;
    transition: opacity 0.3s;
    opacity: 0;
    cursor: pointer;
}
.c-gary-item.back-top-btn:hover {
    background: #eeeeee;
}

.c-gary-item.back-top-btn svg {
    width: 16px;
    height: 16px;
    fill: #333333;
}

#contract-us .c-item {
    padding: 10px 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    cursor: pointer;
}

#contract-us .c-item:hover {
    opacity: 0.8;
    background-color: rgba(255, 255, 255, 0.1);
}

#contract-us .c-item:nth-child(1) {
    padding: 20px 0 15px;
    /* border-bottom: 1px solid white;; */
}

#contract-us .c-item:nth-child(2) {
    padding-top: 12px;
    padding-bottom: 24px;
    position: relative;
}

#contract-us .c-item:nth-child(2)::after {
    content: "";
    height: 1px;
    background: #FFFFFF;
    opacity: 0.3;
    top: 0;
    left: 10px;
    right: 10px;
    display: block;
    position: absolute;
}

#contract-us .c-item__text {
    margin-top: 8px;
    display: inline-block;
    color: white;
    width: 16px;
    font-size: 14px;
}

#contract-us .c-item svg {
    fill: white;
    width: 24px;
    height: 24px;
}

.popover {
    --bs-popover-zindex: 9999;
    --bs-popover-max-width: 500px;
    border: none;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1);
}

.contract-panel {
    background-color: white;
    padding: 20px;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    align-items: stretch;
}

.contract-panel__item {
    flex: 1;
    display: flex;
    align-items: center;
}

.contract-panel__item .item-icon {
    margin-right: 20px;
}

.contract-panel__item .item-icon svg {
    fill: #666666;
}

.contract-panel__item .item-text .top {
    font-size: 14px;
    color: #333333;
}

.contract-panel__item .item-text .red-font {
    font-size: 18px;
    color: #e64239;
}

.contract-panel__item .item-text .desc-font {
    font-size: 14px;
    color: #999999;
}

.custom-popover {
    z-index: 999;
    --bs-popover-zindex: 9999;
    --bs-popover-max-width: 500px;
}

img {
    max-width: 100% !important;
    object-fit: contain;
}

.language {
    display: flex;
    align-items: center;
}

.language .lang-name {
    margin-right: 5px;
}

.top-nav .nav-list .language .dropdown-menu {
    box-shadow: 0px 0px 20px 0px rgb(0 0 0 / 10%) !important;
    bottom: 10px;
    left: 28px;
}

.bg-cus-primary {
    background: linear-gradient(0deg, #FFFAF7 0%, #FFFFFF 100%);
}

.top-banner {
    padding-top: 160px;
    height: 500px;
    position: relative;
    z-index: 0;
    overflow: hidden;
    background-blend-mode: hard-light;
    background: linear-gradient(90deg, #e94a3b 0%, #f5a14e 100%), var(--bg-banner-img, url(/images/banners/banner_pro_edu.png)) no-repeat;
    background-position: center;
    background-size: cover;
    color: #ffffff;
}

.top-banner .product-title {
    margin: 0;
    font-size: 48px;
    line-height: 1;
    font-weight: normal;
    text-align: center;
}

.top-banner .sub-title {
    margin-top: 16px;
    font-size: 20px;
    text-align: center;
}

.top-banner .description {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    margin-top: 22px;
    width: 1200px;
    height: 79px;
    font-size: 16px;
    color: #ffffff;
    line-height: 32px;
    list-style-image: url(/images/checked.png);
}

.top-banner ul.description {
    width: fit-content;
    height: auto;
    /* display: inline-block; */
    text-align: center;
}

.detail {

    z-index: 1;
    position: relative;
}

p.MsoNormal {
    text-indent: 0 !important;
}

/*# sourceMappingURL=common.css.map */