.theme-red .top-nav ul,
.theme-red .top-nav ul li {
    margin: 0;
    padding: 0;
}

.theme-red .top-nav .posr {
    float: left;
}

.tab-show {
    display: none;
}




.head {
    height: 70px;
    width: 100%;
    background: #fff
}

.head-left {
    width: auto
}

.font-style {
    margin-right: 22px;
    height: 20px;
    width: 70px;
    background: #e9e9e9;
    border-radius: 3px
}

.font-style .ow-button {
    width: 24px;
    padding: 0 !important;
    height: 20px;
    font-size: 12px
}

.font-style .ow-button:hover {
    border-radius: 3px;
    -webkit-box-shadow: 0px 0px 7px 0px rgba(168, 168, 168, 0.5);
    box-shadow: 0px 0px 7px 0px rgba(168, 168, 168, 0.5)
}

.nav {
    width: 1200px;
    padding: 0 20px;
    height: 70px;
    line-height: 70px;
    font-size: 18px;
    margin: 0 auto
}

.nav .icon {
    font-size: 24px;
    margin-right: 5px;
    font-weight: 400
}

.hidden-block {
    width: 100%;
    left: 0;
    right: 0;
    height: 0;
    overflow: hidden;
    z-index: 3;
    -webkit-transition: all linear 200ms 0ms;
    -o-transition: all linear 200ms 0ms;
    -moz-transition: all linear 200ms 0ms;
    transition: all linear 200ms 0ms
}

.hidden-block ul {
    width: 1200px;
    padding: 0 20px;
    margin: 0 auto;
    overflow: hidden
}

.hidden-block ul ol {
    margin-top: 28px
}

.hidden-block ul ol li {
    height: 30px;
    padding-left: 29px;
    line-height: 30px;
    font-size: 16px;
    margin-bottom: 16px
}

.hidden-block ul ol li .zzds {
    font-weight: 500;
    color: #e40213
}

.hidden-block ul ol li .zzds .text {
    margin-right: 4px;
    display: inline-block;
    vertical-align: middle
}

.hidden-block ul ol li .zzds .icon {
    display: inline-block;
    vertical-align: middle;
    width: 24px;
    height: 24px;
    background: url("https://cms.static.chanjet.com/90004719560/market/platform/image/2022/04/26/673938898502431f9f0be0c5cf1824ad.png") no-repeat center/contain
}

.hidden-block ul>li {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 80px;
    float: left;
    min-height: 282px;
    color: #333333;
    width: 25%;
    border-right: 1px #e4e3ed solid;
    padding-top: 38px
}

.hidden-block ul>li .title {
    font-size: 20px;
    font-weight: 600;
    line-height: 28px
}

.hidden-block ul>li:last-child {
    border-right: none
}

.hidden-block .inner {
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px);
    overflow: hidden;
    padding-bottom: 118px;
    background: rgba(255, 255, 255, 0.93)
}

ul.nav-main li.nav-list {
    margin-left: 30px
}

ul.nav-main li.nav-list:hover .hidden-block {
    height: 408px;
    z-index: 5
}

ul.nav-main li.nav-list .nav-title {
    position: relative;
    cursor: pointer;
    display: block;
    font-size: 16px;
    height: 70px;
    padding: 0 5px
}

ul.nav-main li.nav-list .nav-title a {
    -webkit-transition: all linear 200ms 0ms;
    -o-transition: all linear 200ms 0ms;
    -moz-transition: all linear 200ms 0ms;
    transition: all linear 200ms 0ms;
    display: inline-block;
    height: 100%
}

ul.nav-main li.nav-list .nav-title:after {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0%;
    content: '';
    border-radius: 3px;
    height: 3px;
    -webkit-transition: width linear 200ms 0ms;
    -o-transition: width linear 200ms 0ms;
    -moz-transition: width linear 200ms 0ms;
    transition: width linear 200ms 0ms;
    display: block
}

ul.nav-main li.nav-list .nav-title:hover,
ul.nav-main li.nav-list .nav-title.active {
    position: relative
}

ul.nav-main li.nav-list .nav-title:hover>span,
ul.nav-main li.nav-list .nav-title.active>span {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg)
}

ul.nav-main li.nav-list .nav-title:hover .hidden-box,
ul.nav-main li.nav-list .nav-title.active .hidden-box {
    display: block
}

ul.nav-main li.nav-list .nav-title:hover:after,
ul.nav-main li.nav-list .nav-title.active:after {
    width: 100%
}

ul.nav-main li.nav-list .nav-title.active a {
    font-weight: bold
}

.search {
    min-width: 25px;
    height: 25px;
    border-radius: 25px !important;
    background: #212121;
    padding: 0 !important;
    color: #fff;
    padding-left: 25px !important
}

.search input {
    display: inline-block;
    width: 0;
    caret-color: #fff;
    padding: 0;
    border: none;
    margin: 0;
    background: none;
    -webkit-transition: all linear 200ms 0ms;
    -o-transition: all linear 200ms 0ms;
    -moz-transition: all linear 200ms 0ms;
    transition: all linear 200ms 0ms;
    color: #fff
}

.search:hover input {
    width: 210px
}

.search .searchicon {
    left: 5px
}

.button {
    height: 25px;
    padding: 0 10px !important
}

.button:hover {
    background: #fff
}

.whois .ow-img {
    width: 22px;
    height: 22px;
    border-radius: 10px;
    margin-right: 5px;
    vertical-align: middle
}

.whois p {
    cursor: pointer
}

.whois span {
    display: inline-block;
    max-width: 60px;
    line-height: 20px;
    vertical-align: middle;
    overflow: hidden;
    text-overflow: ellipsis
}

.whois .showmore {
    z-index: 10;
    line-height: 40px;
    padding: 10px 14px;
    width: 160px;
    background: #fff;
    border-radius: 10px;
    -webkit-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.15);
    -webkit-transition: all linear 200ms 0ms;
    -o-transition: all linear 200ms 0ms;
    -moz-transition: all linear 200ms 0ms;
    transition: all linear 200ms 0ms;
    -webkit-transform: translate3d(0, 20px, 0);
    -moz-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
    opacity: 0;
    visibility: hidden
}

.whois .showmore:before {
    content: '';
    width: 0;
    height: 0;
    display: inline-block;
    border-top: #fff 8px solid;
    border-right: #fff 8px solid;
    border-bottom: transparent 8px solid;
    border-left: transparent 8px solid;
    position: absolute;
    top: -8px;
    left: 44px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.whois .showmore li {
    border-bottom-width: 1px;
    border-bottom-style: solid;
    -webkit-transition: all linear 200ms 0ms;
    -o-transition: all linear 200ms 0ms;
    -moz-transition: all linear 200ms 0ms;
    transition: all linear 200ms 0ms
}

.whois .showmore li a {
    display: block
}

.whois .showmore li:last-child {
    border-bottom: none !important
}

.whois i {
    -webkit-transition: all linear 200ms 0ms;
    -o-transition: all linear 200ms 0ms;
    -moz-transition: all linear 200ms 0ms;
    transition: all linear 200ms 0ms
}

.whois:hover i {
    -webkit-transform: rotate(-90deg) !important;
    -moz-transform: rotate(-90deg) !important;
    -ms-transform: rotate(-90deg) !important;
    -o-transform: rotate(-90deg) !important;
    transform: rotate(-90deg) !important
}

.whois:hover .showmore {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
    visibility: visible
}

.server {
    margin-left: 30px
}

.product {
    float: left;
    position: relative;
    width: 380px !important;
    min-height: 170px !important;
    height: 170px !important;
    border-right: 1px solid #e9e9e9;
    border-bottom: 1px solid #e9e9e9;
    padding-left: 0 !important;
    padding-top: 0 !important;
    cursor: pointer
}

.product a {
    display: block;
    width: 100%;
    height: 100%
}

.product:nth-of-type(3n) {
    border-right: none
}

.product:last-child {
    border-right: 1px solid #e9e9e9 !important
}

.product:nth-of-type(4),
.product:nth-of-type(5) {
    border-bottom: none
}

.product .product-logo {
    position: absolute;
    height: 40px;
    top: 30px;
    left: 118px;
    right: 0;
    -webkit-transition: all linear 0.3s;
    -o-transition: all linear 0.3s;
    -moz-transition: all linear 0.3s;
    transition: all linear 0.3s
}

.product:hover .product-logo {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1)
}

.product .product-desc {
    position: absolute;
    width: 160px;
    top: 90px;
    left: 118px;
    font-size: 12px;
    font-weight: 400;
    line-height: 17px
}

.product .product-more {
    position: absolute;
    font-size: 20px;
    top: 30%;
    right: 41px
}

.product i {
    opacity: 0
}

.product:hover {
    background: #ffffff;
    -webkit-box-shadow: 0px 0px 46px 0px #e4e4e4;
    box-shadow: 0px 0px 46px 0px #e4e4e4;
    border-radius: 10px
}

.product:hover i {
    opacity: 1
}

.active-img {
    vertical-align: middle;
    max-height: 70px;
    margin-right: 20px
}

.download-a {
    height: 25px;
    line-height: 25px;
    border: 1px solid #dcdfe6;
    font-weight: 500;
    font-size: 14px;
    border-radius: 20px
}

.item-show {
    height: 100%;
    width: 100%;
    background-size: cover;
    background-position: center
}

.item-show .banner-main-content {
    vertical-align: middle;
    display: table-cell;
    padding-bottom: 100px
}

.item-show .show-img {
    padding-bottom: 100px
}

.item-show .table {
    width: 100%
}

.item-show .table.fl {
    z-index: 2
}

.item-show .table.fl .des {
    width: 40%
}

.item-show h2 {
    font-weight: 600;
    font-size: 38px;
    line-height: 53px;
    -webkit-transform: translateX(100px);
    -moz-transform: translateX(100px);
    -ms-transform: translateX(100px);
    -o-transform: translateX(100px);
    transform: translateX(100px);
    -webkit-transition: all linear 200ms 0ms;
    -o-transition: all linear 200ms 0ms;
    -moz-transition: all linear 200ms 0ms;
    transition: all linear 200ms 0ms;
    opacity: 0
}

.item-show p {
    font-size: 16px;
    font-weight: 400;
    -webkit-transform: translateX(100px);
    -moz-transform: translateX(100px);
    -ms-transform: translateX(100px);
    -o-transform: translateX(100px);
    transform: translateX(100px);
    -webkit-transition: all linear 200ms 0ms;
    -o-transition: all linear 200ms 0ms;
    -moz-transition: all linear 200ms 0ms;
    transition: all linear 200ms 0ms;
    line-height: 22px;
    opacity: 0;
    margin-bottom: 4px
}

.item-show .b-b {
    opacity: 0;
    -webkit-transform: translateX(100px);
    -moz-transform: translateX(100px);
    -ms-transform: translateX(100px);
    -o-transform: translateX(100px);
    transform: translateX(100px);
    -webkit-transition: all linear 200ms 0ms;
    -o-transition: all linear 200ms 0ms;
    -moz-transition: all linear 200ms 0ms;
    transition: all linear 200ms 0ms
}

.item-show .ow-button {
    width: 150px;
    height: 36px;
    padding: 0;
    margin-top: 30px;
    margin-right: 12px;
    font-size: 16px;
    font-weight: 600
}

.item-show .ow-button.right-button {
    border: 1px solid #ffffff;
    -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.15);
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.15)
}

.item-show .show-img {
    right: 20px;
    width: 60%
}

.item-show .show-img .ow-img {
    max-width: 620px;
    max-height: 320px
}

.banner-ow {
    overflow: hidden
}

.banner-ow .swiper-pagination {
    bottom: 115px
}

.banner-ow .swiper-pagination .swiper-pagination-switch {
    opacity: 1;
    width: 4px;
    height: 4px;
    border-radius: 4px;
    background: #fff;
    -webkit-transition: all linear 200ms 0ms;
    -o-transition: all linear 200ms 0ms;
    -moz-transition: all linear 200ms 0ms;
    transition: all linear 200ms 0ms;
    -webkit-box-shadow: 0 0 6px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 6px 0px rgba(0, 0, 0, 0.2);
    border: none
}

.banner-ow .swiper-pagination .swiper-active-switch {
    width: 16px
}

.banner-ow .swiper-slide-active h2,
.banner-ow .swiper-slide-active p,
.banner-ow .swiper-slide-active .b-b {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
    -webkit-transition: all ease-out 500ms 400ms;
    -o-transition: all ease-out 500ms 400ms;
    -moz-transition: all ease-out 500ms 400ms;
    transition: all ease-out 500ms 400ms
}

.banner-ow .swiper-slide-active p {
    -webkit-transition: all ease-out 500ms 600ms;
    -o-transition: all ease-out 500ms 600ms;
    -moz-transition: all ease-out 500ms 600ms;
    transition: all ease-out 500ms 600ms
}

.banner-ow .swiper-slide-active .b-b {
    -webkit-transition: all ease-out 500ms 900ms;
    -o-transition: all ease-out 500ms 900ms;
    -moz-transition: all ease-out 500ms 900ms;
    transition: all ease-out 500ms 900ms
}

.banner-ow .swiper-slide-active .info {
    -webkit-transition: all ease-out 500ms 1000ms;
    -o-transition: all ease-out 500ms 1000ms;
    -moz-transition: all ease-out 500ms 1000ms;
    transition: all ease-out 500ms 1000ms
}

.dark h2,
.dark .t-third-font-color {
    color: #fff
}

.banner-logo {
    right: 40px;
    top: 30px;
    height: 37px;
    position: absolute
}

.info {
    line-height: 22px;
    width: 40%;
    margin-top: 6px
}

.ow-after-banner-contaner {
    height: 0;
    z-index: 4
}

.table {
    table-layout: fixed
}

.ow-after-banner {
    bottom: 0;
    left: 0;
    right: 0;
    height: 100px;
    background: rgba(255, 255, 255, 0.88)
}

.ow-after-banner ul {
    display: table;
    height: 100%
}

.ow-after-banner ul li {
    height: 100%;
    padding: 0 10px;
    vertical-align: middle;
    display: table-cell;
    width: 25%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.ow-after-banner ul li .inner {
    position: relative
}

.ow-after-banner ul li h3 {
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 6px;
    font-weight: 600
}

.ow-after-banner ul li p {
    font-size: 12px;
    font-weight: 400;
    line-height: 17px
}

.ow-after-banner ul li:after {
    position: absolute;
    content: '';
    right: 0;
    top: 14px;
    bottom: 14px;
    width: 1px;
    background: #fff
}

.ow-after-banner ul li:last-child::after {
    display: none
}

.ow-after-banner ul li:before {
    content: '';
    position: absolute;
    top: 0;
    left: 10px;
    right: 10px;
    bottom: 0;
    -webkit-transition: all linear 200ms 0ms;
    -o-transition: all linear 200ms 0ms;
    -moz-transition: all linear 200ms 0ms;
    transition: all linear 200ms 0ms
}

.ow-after-banner ul li:hover::before {
    background: rgba(255, 255, 255, 0.4)
}

.ow-content-rec {
    padding-bottom: 55px
}

.top-title {
    padding-top: 34px;
    padding-bottom: 41px
}

.top-title h2 {
    font-size: 36px;
    line-height: 50px;
    margin-bottom: 2px
}

.top-title p {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px
}

.top-nav {
    text-align: center
}

.top-nav li {
    width: 20%;
    display: inline-block
}

.top-nav li h3 {
    color: #212121;
    line-height: 28px;
    margin-bottom: 10px;
    height: 28px;
    overflow: hidden
}

.top-nav li .between-line:after,
.top-nav li .between-line:before {
    background: #979797;
    width: 20px
}

.top-nav li .button-show {
    top: 0;
    bottom: 0;
    opacity: 0;
    right: 0;
    left: 0;
    -webkit-transition: all linear 200ms 0ms;
    -o-transition: all linear 200ms 0ms;
    -moz-transition: all linear 200ms 0ms;
    transition: all linear 200ms 0ms;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    -o-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.top-nav li .button-show .ow-button {
    height: 60px;
    border-radius: 60px;
    line-height: 60px;
    font-size: 24px;
    color: #fff;
    padding: 0 50px
}

.top-nav li:hover .des-show,
.top-nav li.active .des-show {
    opacity: 0
}

.top-nav li:hover .button-show,
.top-nav li.active .button-show {
    opacity: 1;
    -webkit-animation: fade40In 200ms;
    -moz-animation: fade40In 200ms;
    -o-animation: fade40In 200ms;
    animation: fade40In 200ms
}

.main-show {
    -webkit-box-shadow: 0 0 5px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 5px 0px rgba(0, 0, 0, 0.1);
    margin-top: 25px;
    border-radius: 10px;
    height: 520px
}

.main-show .left-item {
    width: 344px;
    height: 520px;
    padding-top: 71px
}

.main-show .left-item .ow-img {
    margin-bottom: 35px;
    height: 70px
}

.main-show .left-item p {
    margin-bottom: 70px;
    max-width: 70%;
    margin-left: auto;
    margin-right: auto;
    line-height: 24px;
    height: 48px
}

.main-show .left-item .get-more {
    margin-top: 117px
}

.main-show .left-item .get-more a {
    -webkit-transition: all linear 200ms 0ms;
    -o-transition: all linear 200ms 0ms;
    -moz-transition: all linear 200ms 0ms;
    transition: all linear 200ms 0ms;
    border-bottom: 1px solid #212121
}

.main-show .left-item .ow-button {
    height: 33px;
    border-radius: 33px;
    font-size: 18px;
    padding: 0 22px;
    margin: 0 8px
}

.main-show .left-item .try {
    border-color: #212121;
    color: #212121;
    -webkit-transition: all linear 200ms 0ms;
    -o-transition: all linear 200ms 0ms;
    -moz-transition: all linear 200ms 0ms;
    transition: all linear 200ms 0ms
}

.main-show .left-item .try:hover {
    background: #212121;
    color: #fff
}

.main-list-show ul {
    margin-right: -1px;
    margin-bottom: -1px
}

.main-list-show li {
    width: 290px;
    height: 262px;
    border-right: 1px #e0e0e0 solid;
    border-bottom: 1px #e0e0e0 solid;
    width: 33.333%;
    overflow: hidden;
    color: #212121;
    text-align: center;
    background: #efefef
}

.main-list-show li .inner {
    padding-top: 24px;
    background: #fff;
    -webkit-transition: all linear 200ms 0ms;
    -o-transition: all linear 200ms 0ms;
    -moz-transition: all linear 200ms 0ms;
    transition: all linear 200ms 0ms;
    padding-bottom: 60px
}

.main-list-show li .ow-img {
    -webkit-transition: all linear 200ms 0ms;
    -o-transition: all linear 200ms 0ms;
    -moz-transition: all linear 200ms 0ms;
    transition: all linear 200ms 0ms;
    height: 88px;
    width: 88px;
    margin-bottom: 27px;
    margin-top: 20px
}

.main-list-show li p {
    font-size: 14px
}

.main-list-show li .title {
    font-size: 24px;
    line-height: 33px;
    margin-bottom: 10px;
    height: 33px;
    max-width: 100%;
    overflow: hidden;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical
}

.main-list-show li .button {
    display: block;
    width: 100%;
    height: 60px;
    font-size: 16px;
    border: none;
    line-height: 60px;
    background: #f8f8f8
}

.main-list-show li .button i {
    margin-left: 10px
}

.main-list-show li .button:hover i {
    margin-left: 20px
}

.main-list-show li:hover .inner {
    padding-bottom: 24px
}

.main-list-show li:hover .ow-img {
    height: 60px;
    width: 60px;
    padding-bottom: 5px;
    margin-bottom: 17px
}

.video-list {
    background: #f5f5f5;
    padding: 31px 0
}

.video-list .table-div {
    margin-left: -12px;
    font-size: 20px
}

.video-list ul {
    table-layout: fixed
}

.video-list ul .inline {
    display: inline-block;
    vertical-align: top;
    margin-bottom: 12px
}

.video-list .video1 .fs12,
.video-list .video2 .fs12 {
    font-size: 25px
}

.video-list .video3 .fs12 {
    font-size: 20px
}

.video-list .video4 .fs12 {
    font-size: 15px
}

.video-list .zhan {
    width: 100%;
    height: 0;
    padding-top: 55.6%
}

.video-list .inner {
    top: 0;
    left: 0;
    bottom: 0;
    right: 0px;
    margin: 0 6px;
    border-radius: 10px
}

.video-list .inner video {
    -o-object-fit: cover;
    object-fit: cover
}

.video-list .inner .table {
    border-radius: 10px;
    background: rgba(27, 27, 27, 0.6);
    color: #fff
}

.video-list .inner .table i {
    font-size: 34px;
    height: 38px;
    width: 38px;
    line-height: 34px;
    -webkit-transition: all linear 200ms 0ms;
    -o-transition: all linear 200ms 0ms;
    -moz-transition: all linear 200ms 0ms;
    transition: all linear 200ms 0ms;
    border-radius: 50%;
    position: relative;
    display: inline-block;
    text-align: center;
    padding: 2px
}

.video-list .inner .table i:after {
    content: '';
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: 0px;
    top: 0px;
    border-radius: 50%;
    border: 5px transparent solid;
    -webkit-transition: all linear 200ms 0ms;
    -o-transition: all linear 200ms 0ms;
    -moz-transition: all linear 200ms 0ms;
    transition: all linear 200ms 0ms
}

.video-list .inner .table p {
    line-height: 20px;
    margin-top: 12px
}

.video-list .inner:hover i:after {
    background: transparent
}

.show-video {
    z-index: 10;
    background: rgba(27, 27, 27, 0.6)
}

.show-video div {
    position: fixed;
    padding: 20px;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    border-radius: 10px;
    background: #fff;
    top: 50%;
    left: 50%;
    -webkit-box-shadow: 0 0 10px 0px rgba(27, 27, 27, 0.6);
    box-shadow: 0 0 10px 0px rgba(27, 27, 27, 0.6)
}

.show-video div span {
    position: absolute;
    top: -25px;
    right: -25px;
    background: #fff;
    -webkit-box-shadow: 0 0 10px 0px rgba(27, 27, 27, 0.6);
    box-shadow: 0 0 10px 0px rgba(27, 27, 27, 0.6);
    width: 50px;
    height: 50px;
    text-align: center;
    font-size: 30px;
    line-height: 45px;
    cursor: pointer;
    border-radius: 50%
}

.show-video video {
    border-radius: 10px;
    max-height: 60vh;
    max-width: 80vw;
    width: auto;
    height: auto
}

.title {
    margin: 0 0 40px;
    font-size: 36px;
    font-weight: 500
}

.top-title {
    padding-top: 34px;
    padding-bottom: 41px
}

.top-title h2 {
    line-height: 50px;
    font-size: 36px;
    margin-bottom: 10px
}

.top-title p {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px
}

.ow-con-button {
    border: none;
    background: transparent;
    height: 40px;
    border-radius: 40px;
    margin-right: 10px
}

.more-link {
    line-height: 40px;
    -webkit-transition: all linear 200ms 0ms;
    -o-transition: all linear 200ms 0ms;
    -moz-transition: all linear 200ms 0ms;
    transition: all linear 200ms 0ms
}

ul.row {
    margin-left: -25px
}

.showList {
    width: 377px;
    height: 260px;
    border-radius: 10px;
    overflow: hidden;
    margin-left: 30px;
    margin-bottom: 30px
}

.showList .inner {
    top: 0;
    width: 100%;
    left: 0;
    bottom: 0;
    right: 0;
    padding: 12px 27px;
    margin: auto 0;
    background: rgba(27, 27, 27, 0.72);
    -webkit-transition: all linear 200ms 0ms;
    -o-transition: all linear 200ms 0ms;
    -moz-transition: all linear 200ms 0ms;
    transition: all linear 200ms 0ms;
    color: #fff;
    height: 100px;
    overflow: hidden;
    display: block
}

.showList .title {
    font-size: 20px;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    line-height: 28px;
    height: 56px
}

.showList .des {
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    -webkit-transition: all linear 200ms 0ms;
    -o-transition: all linear 200ms 0ms;
    -moz-transition: all linear 200ms 0ms;
    transition: all linear 200ms 0ms;
    line-height: 20px;
    height: 0px;
    margin-bottom: 0px
}

.showList .ow-button {
    display: block;
    margin: 0 auto;
    height: 30px;
    border-radius: 30px;
    line-height: 25px;
    padding: 0 20px;
    margin-top: 26px;
    color: #fff;
    -webkit-backdrop-filter: blur(0px);
    backdrop-filter: blur(0px);
    overflow: hidden;
    -webkit-transition: all linear 200ms 0ms;
    -o-transition: all linear 200ms 0ms;
    -moz-transition: all linear 200ms 0ms;
    transition: all linear 200ms 0ms
}

.showList:hover .inner {
    height: 100%;
    padding: 27px;
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px);
    border-radius: 10px
}

.showList:hover .des {
    height: 70px;
    margin-bottom: 23px
}

.showList:hover .ow-button {
    height: 30px
}

.main-list {
    margin-top: 30px;
    padding-bottom: 56px
}

.buttons {
    width: 950px;
    overflow: hidden
}

.top-title {
    padding-top: 34px
}

.top-title h2 {
    font-size: 36px;
    line-height: 50px;
    margin-bottom: 2px
}

.top-title p {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px
}

.item {
    background: url(https://cms.static.chanjet.com/90004719560/market/platform/image/2021/04/01/688bf6fc2303403ead296dfb4f2b9f2e.png) no-repeat center/contain;
    padding: 40px 54px;
    width: 403px;
    height: 380px;
    margin: 0 auto;
    -webkit-transition: all linear 200ms 0ms;
    -o-transition: all linear 200ms 0ms;
    -moz-transition: all linear 200ms 0ms;
    transition: all linear 200ms 0ms;
    border-radius: 30px;
    overflow: visible
}

.item .bk {
    background: url(https://cms.static.chanjet.com/90004719560/market/platform/image/2021/04/01/0cff2dc7ea0142ae806668784e7faea0.png) no-repeat center/contain;
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    opacity: 0;
    -webkit-transition: all linear 200ms 0ms;
    -o-transition: all linear 200ms 0ms;
    -moz-transition: all linear 200ms 0ms;
    transition: all linear 200ms 0ms
}

.item.no-logo {
    padding-top: 70px;
    background: url(https://cms.static.chanjet.com/90004719560/market/platform/image/2021/09/23/a8886dbbee644e64b5583ff6ae6cfbc7.png) no-repeat center/contain
}

.item.no-logo .bk {
    background: url(https://cms.static.chanjet.com/90004719560/market/platform/image/2021/09/23/a8886dbbee644e64b5583ff6ae6cfbc7.png) no-repeat center/contain
}

.item.no-logo .name {
    margin-bottom: 20px
}

.item.no-logo a {
    margin-top: 24px
}

.item:hover .bk {
    opacity: 1
}

.item:hover a i.iconfont {
    -webkit-transform: translateX(5px) rotate(-90deg) !important;
    -moz-transform: translateX(5px) rotate(-90deg) !important;
    -ms-transform: translateX(5px) rotate(-90deg) !important;
    -o-transform: translateX(5px) rotate(-90deg) !important;
    transform: translateX(5px) rotate(-90deg) !important
}

.item .ow-img {
    width: 80px;
    display: block;
    margin: 3px auto 0px;
    border-radius: 50%;
    left: 2px;
    right: 0px;
    height: 80px
}

.item .name {
    color: #22272e;
    margin-top: 25px;
    line-height: 28px;
    font-size: 20px;
    margin-bottom: 11px
}

.item .des {
    margin-top: 10px;
    padding: 16px 32px
}

.item .des span.lt {
    border-left: 5px solid #e8e8e8;
    border-top: 5px solid #e8e8e8;
    display: block;
    width: 20px;
    height: 20px;
    left: 0;
    top: 0
}

.item .des span.rb {
    border-right: 5px solid #e8e8e8;
    border-bottom: 5px solid #e8e8e8;
    display: block;
    width: 20px;
    height: 20px;
    right: 0;
    bottom: 0
}

.item .des p {
    height: 72px;
    line-height: 24px;
    overflow: hidden
}

.item .des .no-title {
    height: 122px
}

.item a {
    font-size: 14px;
    display: block;
    margin: 14px auto;
    -webkit-transition: all linear 200ms 0ms;
    -o-transition: all linear 200ms 0ms;
    -moz-transition: all linear 200ms 0ms;
    transition: all linear 200ms 0ms;
    text-align: center
}

.item a .iconfont {
    -webkit-transition: all linear 200ms 0ms;
    -o-transition: all linear 200ms 0ms;
    -moz-transition: all linear 200ms 0ms;
    transition: all linear 200ms 0ms;
    display: inline-block;
    -webkit-transform: translateX(0px) rotate(-90deg) !important;
    -moz-transform: translateX(0px) rotate(-90deg) !important;
    -ms-transform: translateX(0px) rotate(-90deg) !important;
    -o-transform: translateX(0px) rotate(-90deg) !important;
    transform: translateX(0px) rotate(-90deg) !important
}

.ow-swiper .swiper-button-prev {
    left: -35px;
    margin-top: 10px
}

.ow-swiper .swiper-button-next {
    margin-top: 10px;
    right: -35px
}

.all-bk {
    background: #fff no-repeat center / cover;
    height: 540px
}

.ow-sence {
    font-size: 36px;
    color: #fff
}

.top {
    padding: 40px 40px 30px
}

.top h2 {
    font-size: 36px;
    line-height: 50px
}

.top p {
    font-size: 14px;
    line-height: 20px
}

.ow-swiper {
    padding-left: 47px;
    margin-left: 40px;
    width: 330px !important;
    margin-top: 44px
}

.ow-swiper .swiper-scrollbar {
    background: rgba(255, 255, 255, 0.2);
    position: absolute;
    left: 3px;
    top: 0;
    height: 100%;
    width: 5px;
    z-index: 4
}

.ow-swiper .swiper-scrollbar .swiper-scrollbar-drag {
    background: rgba(255, 255, 255, 0.3)
}

.slide {
    float: none;
    width: 270px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 0px 34px;
    height: 73px
}

.slide .inner {
    cursor: pointer;
    width: 270px;
    height: 73px;
    color: #fff;
    padding: 16px 20px 16px 25px;
    background: rgba(255, 255, 255, 0.26);
    border-radius: 17px;
    line-height: 20px;
    font-size: 14px;
    margin: 0 0 34px;
    -webkit-transition: all linear 200ms 200ms;
    -o-transition: all linear 200ms 200ms;
    -moz-transition: all linear 200ms 200ms;
    transition: all linear 200ms 200ms
}

.slide .inner p {
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    max-height: 40px
}

.slide .inner:hover,
.slide .inner.is-active {
    background: #fff;
    -webkit-transition: all linear 200ms 0ms;
    -o-transition: all linear 200ms 0ms;
    -moz-transition: all linear 200ms 0ms;
    transition: all linear 200ms 0ms
}

.slide .inner:hover:after,
.slide .inner.is-active:after {
    border-bottom: 10px solid #fff;
    border-right: 10px solid #fff;
    right: -8px;
    -webkit-transition: all linear 200ms 300ms;
    -o-transition: all linear 200ms 300ms;
    -moz-transition: all linear 200ms 300ms;
    transition: all linear 200ms 300ms
}

.slide .inner:after {
    content: '';
    display: inline-block;
    position: absolute;
    border-bottom: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px transparent solid;
    -webkit-transition: all linear 200ms 0ms;
    -o-transition: all linear 200ms 0ms;
    -moz-transition: all linear 200ms 0ms;
    transition: all linear 200ms 0ms;
    border-left: 10px solid transparent;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    right: 5px;
    top: 50%;
    margin-top: -10px
}

.show-video {
    position: absolute;
    width: 233px;
    left: 50%;
    height: 445px;
    background: rgba(245, 245, 245, 0.32);
    -webkit-box-shadow: 0px 7px 31px 0px #212121;
    box-shadow: 0px 7px 31px 0px #212121;
    border-radius: 10px;
    margin-left: 96px;
    margin-left: -100px;
    cursor: pointer;
    padding: 9px
}

.show-video video {
    width: 100%;
    border-radius: 10px;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.show-video .iconfont {
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto;
    display: inline-block;
    color: #fff;
    width: 30px;
    height: 30px;
    font-size: 30px
}

.info {
    text-align: center;
    margin-left: 88px;
    margin-top: 43px;
    margin-right: 108px
}

.info .ow-img {
    width: 140px;
    height: 140px;
    display: inline-block
}

.info p.tips {
    width: 238px;
    height: 20px;
    font-size: 14px;
    font-weight: 500;
    color: #ffffff;
    line-height: 20px;
    margin: 30px auto 35px
}

.icons {
    margin-top: 15px
}

.icons .iconfont {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    display: inline-block;
    background: rgba(255, 255, 255, 0.21);
    line-height: 30px;
    -webkit-transition: all linear 200ms 0ms;
    -o-transition: all linear 200ms 0ms;
    -moz-transition: all linear 200ms 0ms;
    transition: all linear 200ms 0ms;
    font-size: 18px;
    margin: 0 7px;
    cursor: pointer
}

.top-title {
    padding-top: 95px;
    padding-bottom: 51px
}

.top-title h2 {
    font-size: 36px;
    margin-bottom: 2px;
    line-height: 50px
}

.top-title p {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px
}

.row {
    padding-bottom: 72px
}

.one {
    width: 415px;
    height: 350px;
    border-radius: 10px
}

.one .info {
    background: rgba(0, 0, 0, 0.55);
    width: 100%;
    height: 57px;
    bottom: 0;
    left: 0;
    right: 0;
    color: #fff;
    line-height: 57px;
    padding: 0 28px;
    font-weight: 500;
    font-size: 16px
}

.one:hover .info {
    background: rgba(0, 0, 0, 0.8)
}

.two {
    width: 310px;
    margin-left: 30px
}

.three {
    margin-left: 29px;
    width: 415px;
    height: 350px;
    background: #ffffff;
    border-radius: 10px
}

.three .top {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC0AAAAUCAMAAAAusUTNAAABLFBMVEUAAAAhISEhISEiIiL1BAAgICD2AwAhICAkISEhISH2BAD1BAAhISH2BAAgICD1BAD2AwD2AwD2BAAgICAhISH2BQD1BQD1AwD0BAAgICD2AAAgICD/AAD0AACCAAAhISH1AwAhISEgICAgICD2BAAhISH1BAD2AwD2AwAhISEhISH2BAD2BAAhISH3BQD3AwAgICD2BQD0AAAhISH0AAD/AAA7BQSjBAE7BweMAgAhISH1AwDtAwApGxv0BAD0BAD2BAD2BAAiIiJoEQ71BAAhISEhISFOFxciIiL0BABiDw/2BAD1BAD3BAAiIiIiIiIhISEiIiL3BAD2BAD1BQDzAAD/AAAiIiIhISH1BAAfAAAfDQw9AAAgHBwgGBekAgCPAgAgEhE0AAAoAAC2kq3mAAAAWHRSTlMA2ls8/MSVemL69LIx+Pbx49zGpodwa1ZGNyYkDAcE8+3o3dC/ubmom5mMf3ZsZE8/NyIeFg/7+vj27ujk4tfVy8O2trapopmPi4qHhnhxUk1KQTsxKhMPTyk2NQAAAYNJREFUKM+10edSAlEMBeCsLrAiigVERbD33nvvvWvOgoD6/u9gElzKA3B+7NzJfJmbm6VGhiXTdmpiduyQnt749XMsoWwciGaseg0cmG5J1+rnQc75vm/6FZIX04fArWnurtGxQeaC/5PfdxyHZlXfkWQFwDKxJVbVIblrfg9IqulSfaSnHqCDVDvMJxUdk8IMhYEJKa27iEbhfsixFQibbmpnXgp0xG7qBdoGiBalSViKKBMFek03J5hDge6WwoPnbRaLN54nVyRlhCnS9nimrD+HmZ/+9Thbcr7usBN4X7GBpW+SyprmmUezdbqgO/wyKC39+kkFOuvI9NVJEpFIZLtUujy1IcJAT7++I9D0yDziVV65VN7B3CSQsqe2JoEzCrRtOWS6TwoXUlgAjofgrhMNtCE+BixUtSHTNKoLX6U1F5IuJUIBd61G03mg+1r0tDOylc/nMUuS+6CvqtOCTJP8LM23bAXLWnhTPVen6SrQtJoIDbfzl+ghsuxCl9jg/AGahX++1uo1ygAAAABJRU5ErkJggg==) no-repeat 20px 25px;
    padding: 19px 18px 19px 70px;
    font-size: 24px;
    line-height: 33px;
    font-weight: 600
}

.three .top a {
    font-size: 14px
}

.three .top .iconfont {
    width: 31px;
    height: 31px;
    border-radius: 4px;
    color: #fff;
    line-height: 31px;
    text-align: center
}

.three li a {
    background: #f9f9fb;
    display: block;
    padding: 24px 18px
}

.three li h3 {
    font-size: 16px;
    line-height: 22px;
    max-width: 100%;
    overflow: hidden;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    -webkit-transition: all linear 200ms 0ms;
    -o-transition: all linear 200ms 0ms;
    -moz-transition: all linear 200ms 0ms;
    transition: all linear 200ms 0ms
}

.three li p {
    font-weight: 400;
    font-size: 12px;
    line-height: 17px;
    margin-top: 14px
}

.three li:nth-child(odd) a {
    background: #fff
}

.t {
    font-size: 32px;
    margin-bottom: 15px
}

.ext-list {
    margin-right: -1px;
    margin-bottom: 67px;
    margin-top: 28px
}

.ext-list li {
    border-right: 1px #e4e4e4 solid
}

.ext-main {
    padding-top: 40px;
    padding-bottom: 38px
}

.ext-main .t {
    font-size: 32px;
    margin-bottom: 15px
}

.ext-main .ext-list {
    margin-right: -1px;
    margin-bottom: 67px
}

.ext-main .ext-list li {
    border-right: 1px #e4e4e4 solid
}

.ext-main .info {
    font-size: 30px
}

.ext-main .button {
    margin-top: 30px;
    color: #fff;
    width: 244px;
    height: 50px;
    border-radius: 8px;
    border-color: transparent;
    font-size: 20px;
    display: inline-block;
    -webkit-transition: all linear 200ms 0ms;
    -o-transition: all linear 200ms 0ms;
    -moz-transition: all linear 200ms 0ms;
    transition: all linear 200ms 0ms;
    line-height: 50px
}

.ow-footer {
    padding-top: 101px
}

.nav-list {
    font-size: 14px;
    color: #ffffff
}

.nav-list li {
    width: 170px
}

.nav-list .title {
    font-size: 18px;
    margin-bottom: 30px;
    font-weight: 500;
    color: #ffffff
}

.nav-list a {
    display: block;
    font-weight: 400;
    margin-bottom: 25px
}

.nav-list a:hover {
    color: #fff
}

.you-links {
    font-weight: 600;
    color: #ffffff;
    line-height: 22px;
    margin-top: 40px;
    font-size: 16px
}

.you-links a {
    margin-right: 10px;
    color: #fff;
    border-bottom: 1px solid transparent;
    position: relative;
    display: inline-block
}

.you-links a:after {
    width: 0px;
    position: absolute;
    bottom: 0;
    left: 2px;
    -webkit-transition: all linear 200ms 0ms;
    -o-transition: all linear 200ms 0ms;
    -moz-transition: all linear 200ms 0ms;
    transition: all linear 200ms 0ms;
    content: '';
    height: 1px;
    background: #fff
}

.you-links a:hover:after {
    width: 100%
}

.footer-info {
    width: 384px;
    font-weight: 400;
    font-size: 18px;
    color: #ffffff;
    line-height: 25px;
    border-left: 1px solid rgba(151, 151, 151, 0.2)
}

.footer-info .ph {
    line-height: 33px;
    font-size: 24px;
    margin-bottom: 33px;
    margin-top: 10px
}

.footer-info .iconfont {
    margin: 0 7px;
    width: 30px;
    height: 30px;
    background: rgba(255, 255, 255, 0.21);
    border-radius: 50%;
    display: inline-block;
    line-height: 30px;
    font-size: 20px
}

.footer-info .info {
    margin: 30px auto
}

.footer-info .erweima {
    width: 88px;
    height: 88px
}

.footer-info .ow-img {
    margin: auto
}

.bottom {
    padding-top: 19px;
    height: 79px;
    background: rgba(255, 255, 255, 0.08);
    margin-top: 40px
}

.bottom img {
    display: inline-block
}

.bottom .other-links p {
    font-size: 12px;
    line-height: 17px;
    color: #ffffff;
    margin-bottom: 9px
}

.footer-img {
    height: 40px;
    width: auto;
    border: 8px #fff solid;
    border-radius: 5px;
    margin-right: 20px
}

.fix-rs {
    right: 30px;
    bottom: 180px;
    width: 65px;
    z-index: 10
}

.top {
    border-radius: 4px;
    -webkit-box-shadow: 0px 2px 17px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 2px 17px 0px rgba(0, 0, 0, 0.2)
}

.top li {
    width: 65px;
    min-height: 65px;
    border-radius: 4px 4px 0 0;
    font-size: 14px;
    background: #fff;
    text-align: center;
    -webkit-transition: all linear 200ms 0ms;
    -o-transition: all linear 200ms 0ms;
    -moz-transition: all linear 200ms 0ms;
    transition: all linear 200ms 0ms;
    cursor: pointer
}

.top li+li {
    border-radius: 0px
}

.top li:last-child {
    border-radius: 0 0 4px 4px
}

.top .free-use {
    color: #fff;
    line-height: 22px;
    font-size: 18px
}

.top .free-use a {
    padding: 11px 14px;
    display: block;
    color: #fff;
    -webkit-transition: all linear 200ms 0ms;
    -o-transition: all linear 200ms 0ms;
    -moz-transition: all linear 200ms 0ms;
    transition: all linear 200ms 0ms
}

.top .free-use:hover a {
    color: #fff
}

.top .gt {
    padding: 14px 0
}

.top .gt i {
    display: block;
    font-size: 30px;
    margin-bottom: 10px
}

.top .gt:hover {
    color: #fff
}

.top .show-more {
    right: 65px;
    top: 50px;
    padding-right: 16px;
    -webkit-transition: all linear 200ms 0ms;
    -o-transition: all linear 200ms 0ms;
    -moz-transition: all linear 200ms 0ms;
    transition: all linear 200ms 0ms;
    -webkit-transition-delay: 100ms;
    -moz-transition-delay: 100ms;
    -o-transition-delay: 100ms;
    transition-delay: 100ms;
    visibility: hidden;
    opacity: 0
}

.top .show-more .inner {
    position: relative;
    width: 183px;
    background: #fff;
    padding: 13px;
    border-radius: 10px;
    line-height: 20px;
    -webkit-box-shadow: 0px 0px 20px 0px rgba(216, 216, 216, 0.6);
    box-shadow: 0px 0px 20px 0px rgba(216, 216, 216, 0.6)
}

.top .show-more .inner::before {
    content: '';
    display: block;
    border-top: 10px solid #fff;
    border-right: 10px solid #fff;
    border-bottom: 10px solid transparent;
    border-left: 10px solid transparent;
    position: absolute;
    right: -4px;
    top: 30px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg)
}

.top .show-more .tel {
    line-height: 22px;
    margin-bottom: 12px;
    margin-top: 5px
}

.top .show-more i {
    border-radius: 50%;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    margin: 4px auto 7px;
    color: #fff;
    font-size: 22px
}

.top .show-more .ow-img {
    width: 88px;
    height: 88px;
    margin-bottom: 9px
}

.top li:hover .show-more {
    opacity: 1;
    visibility: visible;
    top: 0
}

.gotop {
    width: 65px;
    height: 25px;
    background: #ffffff;
    -webkit-box-shadow: 0px 2px 17px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 2px 17px 0px rgba(0, 0, 0, 0.2);
    border-radius: 4px;
    margin-top: 20px;
    text-align: center;
    font-weight: bolder;
    font-size: 20px;
    line-height: 25px;
    cursor: pointer
}

.no-inited {
    visibility: visible;
    top: 200vh
}

.ow-popup-connect {
    width: 596px;
    height: 437px;
    background: url(https://cms.static.chanjet.com/90004719560/market/platform/image/2021/04/01/6a403f3dd95f4f9b8befab77d2a3f133.png);
    z-index: 30;
    padding: 52px 50px;
    margin: auto;
    text-align: center
}

.ow-popup-connect .ow-img {
    width: 77px;
    height: 77px
}

.ow-popup-connect .close {
    display: inline-block;
    position: absolute;
    right: 75px;
    top: 120px;
    width: 12px;
    height: 12px;
    color: #8d8d8d;
    cursor: pointer
}

.ow-popup-connect .tips {
    margin-top: 60px
}

.ow-popup-connect .tel {
    margin-top: 28px;
    font-size: 24px;
    margin-bottom: 38px
}

.ow-popup-connect .ow-button {
    width: 100px;
    height: 27px;
    padding: 0px;
    margin: 0 20px
}

.ow-popup-connect .right-button {
    color: #fff
}