@charset "utf-8";
    /* CSS Document */
    
    @media only screen and (min-width: 800px) {
        /* ::-webkit-scrollbar {
        width: 5px;
        height: 5px;
        background-color: #000;
    } */
        /*定义滚动条轨道 内阴影+圆角*/
        /* ::-webkit-scrollbar-track {
        border-radius: 0px;
        background: #000;
    } */
        /*定义滑块 内阴影+圆角*/
        /* ::-webkit-scrollbar-thumb {
        border-radius: 0px;
        background-color: #009944;
    } */
    }
    
    html {
        font-size: 100px;
    }
    
    body {
        font-size: 16px;
        line-height: 1.6;
    }
    
    body.body-100vh {
        height: 100vh;
        overflow: hidden;
    }
    
    @media only screen and (min-width:1921px) {
        html {
            font-size: 150px;
        }
        body {
            line-height: 1.6;
        }
    }
    
    @media only screen and (max-width:1600px) {
        html {
            font-size: 80px;
        }
    }
    
    @media only screen and (max-width:1400px) {
        html {
            font-size: 75px;
        }
    }
    
    @media only screen and (max-width:1200px) {
        html {
            font-size: 60px;
        }
    }
    
    @media only screen and (max-width:1024px) {
        html {
            font-size: 55px;
        }
    }
    
    @media only screen and (max-width:768px) {
        html {
            font-size: 40px;
        }
    }
    
    @media only screen and (max-width:480px) {
        body {
            font-size: 14px;
            line-height: 1.4;
        }
    }
    
    img.bg-img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    
    div.bg-img {
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        position: absolute;
        background: url() no-repeat center center;
        background-size: cover;
    }
    
    .bg-img-container {
        position: relative;
        width: 100%;
    }
    /*=========
  基本默认值
  ==========*/
    
    * {
        margin: 0;
        padding: 0;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        -o-box-sizing: border-box;
        -ms-word-break: normal !important;
        word-break: normal !important;
        word-wrap: break-word !important;
    }
    
    html {
        min-height: 100%;
        /* font-size: 12px; */
    }
    
    body {
        min-height: 100%;
        /* font-size: 12px; */
        color: #000;
        font-family: sans-serif;
        overflow-x: hidden;
        /* line-height: 1.2; */
    }
    
    li {
        list-style: none;
    }
    
    img {
        border: none;
        vertical-align: middle;
        max-width: 100%;
        object-fit: cover;
    }
    
    a {
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
        text-decoration: none;
        color: #000;
        transition: all .5s;
        -moz-transition: all .5s;
        -webkit-transition: all .5s;
        -o-transition: all .5s;
        -ms-transition: all .5s;
    }
    
     ::after,
     ::before {
        transition: all .5s;
        -moz-transition: all .5s;
        -webkit-transition: all .5s;
        -o-transition: all .5s;
        -ms-transition: all .5s;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        -o-box-sizing: border-box;
    }
    
    table {
        border-collapse: collapse;
    }
    
    input,
    textarea,
    select {
        font-family: sans-serif;
        font-size: 14px;
        outline: none;
    }
    /* 下拉框样式 */
    
    .selector-area {
        position: relative;
        cursor: pointer;
    }
    
    .selected-item {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    
    .selector-area li,
    .selector-area .selected-item .selected-item-title {
        font-size: 14px;
        transition: all 0.3s ease;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
    }
    
    .selector-area .selected-item .selected-item-title {
        margin-right: 10px;
    }
    
    .selector-area .selected-item .pop-icon {
        display: flex;
        justify-content: center;
        align-items: center;
    }
    
    .selector-area .selected-item .iconfont {
        font-size: 14px;
        display: block;
        color: #fff;
    }
    
    .selector-area ul {
        position: absolute;
        z-index: 2;
        background: #26468b;
        width: 100%;
        display: none;
        overflow: hidden;
    }
    
    .selector-area li a {
        padding: 0 0.3rem;
        line-height: 40px;
        display: block;
        color: #ffffff;
        font-size: 16px;
        position: relative;
    }
    
    .selector-area li a::after {
        content: '';
        position: absolute;
        right: 20px;
        top: 50%;
        width: 8px;
        height: 8px;
        border-style: solid;
        border-width: 1px;
        border-color: #fff #fff transparent transparent;
        transform: rotate(45deg);
        margin-top: -4px;
        margin-left: -1px;
    }
    
    .selector-area li:hover {
        background: #1f3970;
    }
    
    .selector-area li:nth-child(1) {
        margin-top: 10px;
    }
    
    .selector-area li:last-of-type {
        margin-bottom: 10px;
    }
    
    .unfold .selected-item .iconfont {
        transform: rotate(-180deg);
        -webkit-transform: rotate(-180deg);
        -moz-transform: rotate(-180deg);
        -ms-transform: rotate(-180deg);
        -o-transform: rotate(-180deg);
    }
    /*94%的内容*/
    /* 菜单栏样式 */
    
    .container {
        width: 94%;
        margin-left: auto;
        margin-right: auto;
        max-width: 1740px;
        position: relative;
    }
    
    .container1 {
        width: 94%;
        margin-left: auto;
        margin-right: auto;
        max-width: 1400px;
        position: relative;
    }
    
    .container2 {
        width: 94%;
        margin-left: auto;
        margin-right: auto;
        max-width: 1200px;
        position: relative;
    }
    
    .btn-menu {
        margin: 0 !important;
        padding: 0 !important;
        position: relative;
        display: inline-block;
        width: 24px;
        height: 24px;
    }
    
    .btn-menu span {
        position: absolute;
        display: block;
        height: 2px;
        width: 100%;
        background: #000;
        -webkit-transition: top 0.2s 0.25s, opacity 0.2s 0.25s, transform 0.2s 0s, -webkit-transform 0.2s 0s;
        transition: top 0.2s 0.25s, opacity 0.2s 0.25s, -webkit-transform 0.2s 0s;
        -o-transition: top 0.2s 0.25s, opacity 0.2s 0.25s, transform 0.2s 0s, -webkit-transform 0.2s 0s;
        transition: top 0.2s 0.25s, opacity 0.2s 0.25s, transform 0.2s 0s;
        transition: top 0.2s 0.25s, opacity 0.2s 0.25s, transform 0.2s 0s, -webkit-transform 0.2s 0s;
        -moz-transition: top 0.2s 0.25s, opacity 0.2s 0.25s, transform 0.2s 0s, -webkit-transform 0.2s 0s;
        -ms-transition: top 0.2s 0.25s, opacity 0.2s 0.25s, transform 0.2s 0s, -webkit-transform 0.2s 0s;
    }
    
    .nav-area:hover .btn-menu span {
        background: #292929 !important;
    }
    
    .btn-menu-active span {
        -webkit-transition: background 0.2s, top 0.2s, opacity 0.2s, transform 0.2s 0.25s;
        transition: background 0.2s, top 0.2s, opacity 0.2s, -webkit-transform 0.2s 0.25s;
        -o-transition: background 0.2s, top 0.2s, opacity 0.2s, transform 0.2s 0.25s;
        transition: background 0.2s, top 0.2s, opacity 0.2s, transform 0.2s 0.25s;
        transition: background 0.2s, top 0.2s, opacity 0.2s, transform 0.2s 0.25s, -webkit-transform 0.2s 0.25s;
        -moz-transition: background 0.2s, top 0.2s, opacity 0.2s, transform 0.2s 0.25s;
        -ms-transition: background 0.2s, top 0.2s, opacity 0.2s, transform 0.2s 0.25s;
    }
    
    .btn-menu span:nth-child(1) {
        top: 0;
    }
    
    .btn-menu span:nth-child(2) {
        top: 10px;
    }
    
    .btn-menu span:nth-child(3) {
        top: 20px;
    }
    
    .btn-menu-active span:nth-child(1) {
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
    }
    
    .btn-menu span:nth-child(2) {
        top: 10px;
    }
    
    .btn-menu-active span:nth-child(3) {
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }
    
    .btn-menu-active span:nth-child(3),
    .btn-menu-active span:nth-child(1) {
        top: 8px;
    }
    
    .btn-menu-active span:nth-child(2) {
        opacity: 0;
    }
    /* 菜单搜索框样式 */
    
    .header .float-area {
        position: absolute;
        right: 0;
        bottom: -10px;
        transform: translate3d(150%, 100%, 0);
        -webkit-transform: translate3d(150%, 100%, 0);
        -moz-transform: translate3d(150%, 100%, 0);
        -ms-transform: translate3d(150%, 100%, 0);
        -o-transform: translate3d(150%, 100%, 0);
        transition: all 0.5s ease;
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -ms-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        opacity: 0;
        visibility: hidden;
    }
    
    .header .float-area.show {
        transform: translate3d(0, 100%, 0);
        -webkit-transform: translate3d(0, 100%, 0);
        -moz-transform: translate3d(0, 100%, 0);
        -ms-transform: translate3d(0, 100%, 0);
        -o-transform: translate3d(0, 100%, 0);
        opacity: 1;
        visibility: visible;
    }
    
    .header .float-area input {
        color: #000000;
        background: rgba(255, 255, 255, 1);
        border: 1px solid rgba(38, 70, 139, 0.5) !important;
        width: 300px;
        line-height: 40px;
        padding: 0 40px 0 14px;
        border-radius: 20px;
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        -ms-border-radius: 20px;
        -o-border-radius: 20px;
        font-size: 14px;
    }
    
    .header .float-area input:focus {
        background: #ffffff;
        color: #000000;
    }
    
    .header-box .header .float-area button {
        position: absolute;
        right: 0;
        top: 50%;
        transform: translate3d(0, -50%, 0);
        -webkit-transform: translate3d(0, -50%, 0);
        -moz-transform: translate3d(0, -50%, 0);
        -ms-transform: translate3d(0, -50%, 0);
        -o-transform: translate3d(0, -50%, 0);
        height: 100%;
        width: 40px;
        background: transparent;
        border: none;
        color: #26468b;
        font-weight: bold;
        cursor: pointer;
    }
    
    .header .float-area input::-webkit-input-placeholder {
        color: rgba(59, 59, 59, .58);
    }
    
    .header .float-area input::-moz-placeholder {
        /* Mozilla Firefox 19+ */
        color: rgba(59, 59, 59, .58);
    }
    
    .header .float-area input:-moz-placeholder {
        /* Mozilla Firefox 4 to 18 */
        color: rgba(59, 59, 59, .58);
    }
    
    .header .float-area input:-ms-input-placeholder {
        /* Internet Explorer 10-11 */
        color: rgba(59, 59, 59, .58);
    }
    /* =========
  工具样式
  ========== */
    
    .clearfix:before,
    .clearfix:after {
        content: "";
        display: block;
    }
    
    .clearfix:after {
        clear: both;
    }
    
    .fl {
        float: left;
    }
    
    .fr {
        float: right;
    }
    
    .donghua {
        transition: all .5s;
        -moz-transition: all .5s;
        -webkit-transition: all .5s;
        -o-transition: all .5s;
        -ms-transition: all .5s;
    }
    
    .all {
        max-width: 100%;
        overflow: hidden;
    }
    /*图片通用样式*/
    
    .img-common {
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        -webkit-background-size: cover;
    }
    
    .img-position {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
    /*清楚浮动*/
    
    .clearfix:before,
    .clearfix:after {
        content: "";
        display: block;
    }
    
    .clearfix:after {
        clear: both;
    }
    /*Flex居中样式*/
    
    .flex-center {
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
    }
    /*动画*/
    
    .donghua {
        transition: all .5s;
        -moz-transition: all .5s;
        -webkit-transition: all .5s;
        -o-transition: all .5s;
        -ms-transition: all .5s;
    }
    /*文字溢出*/
    
    .ellipsis {
        overflow: hidden;
        white-space: nowrap;
        -ms-text-overflow: ellipsis;
        text-overflow: ellipsis;
    }
    
    .ellipsis1 {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    
    .ellipsis2 {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    
    .seo-box {
        position: fixed;
        top: 50%;
        left: 50%;
        height: 50%;
        max-height: 10vh;
        overflow-y: auto;
        transform: translate(-50%, -50%);
    }
    
    .out-bg {
        position: relative;
        z-index: 3;
    }
    
    .bai {
        background-color: #ffffff;
    }
    
    .md {
        position: absolute;
        bottom: 55px;
    }
    
    .nothing {
        font-size: 20px;
        color: #666666;
        text-align: center;
    }
    /* =========
  导航栏
  ========== */
    
    .header-box.home {
        background: none;
        transition: background 0.5s ease;
        -webkit-transition: background 0.5s ease;
        -moz-transition: background 0.5s ease;
        -ms-transition: background 0.5s ease;
        -o-transition: background 0.5s ease;
    }
    
    .header-box.home .btn-menu span {
        background: #fff;
    }
    
    .header-box {
        background-color: #ffffff;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100px;
        z-index: 99;
        transition: background 0.5s ease;
        -webkit-transition: background 0.5s ease;
        -moz-transition: background 0.5s ease;
        -ms-transition: background 0.5s ease;
        -o-transition: background 0.5s ease;
    }
    
    .header-box .logo.white {
        display: none;
    }
    
    .header-box.home .logo.black {
        display: none;
    }
    
    .header-box.home .logo.white {
        display: block;
    }
    
    .header-box.home::after {
        display: none;
    }
    
    .header-box::after {
        content: '';
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 1px;
        background-color: #e5e5e5;
    }
    
    .header-box .header {
        height: 100%;
    }
    
    .header-box .header .l-logo {
        float: left;
        width: 300px;
        height: 100%;
        display: flex;
        align-items: center;
    }
    
    .header-box .header .l-logo img {
        width: 100%;
    }
    
    .header-box .header .r-nav {
        float: right;
        display: flex;
        height: 100%;
    }
    
    .header-box .header .r-nav .nav-ul .n-ul {
        display: flex;
        height: 100%;
    }
    
    .header-box .header .r-nav .nav-ul .n-ul .n-li .lia {
        display: flex;
        font-size: 16px;
        /* font-weight: bold; */
        height: 100%;
        align-items: center;
        padding: 0 10px;
        margin: 0 25px;
    }
    
    .header-box.home .header .r-nav .nav-ul .n-ul .n-li .lia {
        color: #fff;
    }
    
    .header-box.home .header .r-nav .search-box .search .s-icon {
        background-image: url(../images/search_b.png);
        background-size: contain;
    }
    
    .header-box.home .header .r-nav .search-box .search.on .s-icon {
        background-image: url(../images/cancelw.png);
    }
    
    .header-box.home .header .r-nav .search-box .tel-i .t-icon {
        background-image: url(../images/tel_b.png);
    }
    
    .header-box.home .header .r-nav .search-box .line {
        background: #fff;
    }
    
    .header-box .header .r-nav .nav-ul .n-ul .n-li .li-sub {
        position: fixed;
        left: 0;
        top: 100px;
        width: 100%;
        height: 0;
        overflow: hidden;
        background-color: #ffffff;
        background-image: url(../images/xiala.png);
        background-size: 512px auto;
        background-position: left bottom;
        background-repeat: no-repeat;
        transition: height .5s;
    }
    
    .header-box .header .r-nav .nav-ul .n-ul .n-li .li-sub>.sub-cont {
        transition: all 0.3s;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -ms-transition: all 0.3s;
        -o-transition: all 0.3s;
        padding: 60px 0 35px;
    }
    
    .header-box .header .r-nav .nav-ul .n-ul .n-li .li-sub .l-title {
        float: left;
        width: 39%;
    }
    
    .header-box .header .r-nav .nav-ul .n-ul .n-li .li-sub .l-title .en {
        font-size: 36px;
        color: #26468b;
        line-height: 1.16;
        font-family: "Arial Black";
    }
    
    .header-box .header .r-nav .nav-ul .n-ul .n-li .li-sub .l-title .cn {
        font-size: 28px;
        color: #26468b;
        margin-top: 24px;
    }
    
    .header-box .header .r-nav .nav-ul .n-ul .n-li .li-sub .r-menubox {
        float: right;
        width: 61%;
        display: flex;
        justify-content: space-between;
        position: relative;
    }
    
    .header-box .header .r-nav .nav-ul .n-ul .n-li .li-sub .r-menubox .menus {
        flex: 1;
        padding-right: 268px;
        min-height: 214px;
    }
    
    .header-box .header .r-nav .nav-ul .n-ul .n-li .li-sub .r-menubox .sup-menus .m-a,
    .header-box .header .r-nav .nav-ul .n-ul .n-li .li-sub .r-menubox .menus .m-a {
        display: inline-block;
        font-size: 14px;
        color: #383838;
        position: relative;
        padding-left: 15px;
        line-height: 22px;
        height: 22px;
        margin-bottom: 18px;
        width: 32%;
        white-space: nowrap;
    }
    
    .header-box .header .r-nav .nav-ul .n-ul .n-li .li-sub .r-menubox .sup-menus.only-1-col .m-a,
    .header-box .header .r-nav .nav-ul .n-ul .n-li .li-sub .r-menubox .menus.only-1-col .m-a {
        width: 100%;
    }
    
    .header-box .header .r-nav .nav-ul .n-ul .n-li .li-sub .r-menubox .sup-menus .m-a::before,
    .header-box .header .r-nav .nav-ul .n-ul .n-li .li-sub .r-menubox .menus .m-a::before {
        content: '>';
        position: absolute;
        left: 0;
        top: 0;
        font-size: 14px;
        color: #383838;
        font-family: 'SimSun';
        font-weight: 600;
    }
    
    .header-box .header .r-nav .nav-ul .n-ul .n-li .li-sub .r-menubox .sup-menus .m-a.on,
    .header-box .header .r-nav .nav-ul .n-ul .n-li .li-sub .r-menubox .sup-menus .m-a.onn,
    .header-box .header .r-nav .nav-ul .n-ul .n-li .li-sub .r-menubox .menus .m-a.on,
    .header-box .header .r-nav .nav-ul .n-ul .n-li .li-sub .r-menubox .menus .m-a.onn {
        /* font-size: 16px; */
        color: #26468b;
        font-weight: bold;
    }
    
    .header-box .header .r-nav .nav-ul .n-ul .n-li .li-sub .r-menubox .sup-menus .m-a.on::before,
    .header-box .header .r-nav .nav-ul .n-ul .n-li .li-sub .r-menubox .sup-menus .m-a.onn::before,
    .header-box .header .r-nav .nav-ul .n-ul .n-li .li-sub .r-menubox .menus .m-a.on::before,
    .header-box .header .r-nav .nav-ul .n-ul .n-li .li-sub .r-menubox .menus .m-a.onn::before {
        /* font-size: 16px; */
        color: #26468b;
    }
    
    .header-box .header .r-nav .nav-ul .n-ul .n-li .li-sub .r-menubox .menus-container {
        display: flex;
        justify-content: space-between;
        position: relative;
        margin-right: 268px;
        width: 100%;
    }
    
    .header-box .header .r-nav .nav-ul .n-ul .n-li .li-sub .r-menubox .sup-menus {
        margin-right: 1.47rem;
        border-right: 1px solid #eee;
    }
    
    .header-box .header .r-nav .nav-ul .n-ul .n-li .li-sub .r-menubox .only-1-col {
        display: flex;
        flex-direction: column;
        width: 30%;
        max-height: 360px;
        overflow-y: auto;
    }
    
    .header-box .header .r-nav .nav-ul .n-ul .n-li .li-sub .r-menubox .only-1-col::-webkit-scrollbar {
        display: none
    }
    
    .header-box .header .r-nav .nav-ul .n-ul .n-li .li-sub .r-menubox .menus.only-1-col {
        padding-right: 0;
    }
    
    .header-box .header .r-nav .nav-ul .n-ul .n-li .li-sub .r-menubox .menus.only-1-col .m-a {
        display: none;
    }
    
    .header-box .header .r-nav .nav-ul .n-ul .n-li .li-sub .r-menubox .menus.only-1-col .m-a.checked {
        display: block;
        margin-bottom: 18px;
    }
    
    .header-box .header .r-nav .nav-ul .n-ul .n-li .li-sub .r-menubox .imgs {
        width: 268px;
        height: 178px;
        display: none;
        position: absolute;
        right: 0;
        top: 0;
        text-align: center;
    }
    
    .header-box .header .r-nav .nav-ul .n-ul .n-li .li-sub .r-menubox .imgs img {
        height: 100%;
    }
    
    .header-box .header .r-nav .nav-ul .n-ul .n-li .li-sub .r-menubox .imgs.on {
        display: block;
        opacity: 1 !important;
    }
    
    .header-box .header .r-nav .nav-ul .n-ul .n-li .li-sub .r-menubox .imgs .tp {
        width: 100%;
        height: 178px;
    }
    
    .header-box .header .r-nav .nav-ul .n-ul .n-li .li-sub .r-menubox .imgs .tt {
        font-size: 14px;
        color: #26468b;
        text-align: center;
        line-height: 36px;
    }
    
    .header-box .header .r-nav .nav-ul .n-ul .n-li.online {
        display: flex;
        align-items: center;
    }
    
    .header-box.home .header .r-nav .nav-ul .n-ul .n-li.online .lia,
    .header-box .header .r-nav .nav-ul .n-ul .n-li.online .lia {
        width: 121px;
        height: 36px;
        font-size: 14px;
        color: #ffffff;
        font-weight: 400;
        display: flex;
        justify-content: center;
        padding: 0;
        -webkit-clip-path: polygon(20% 0, 100% 0, 100% 100%, 0 100%, 0 52%);
        clip-path: polygon(20% 0, 100% 0, 100% 100%, 0 100%, 0 52%);
        background-color: #26468b;
    }
    
    .block {
        display: block;
    }
    
    .header-box .header .r-nav .nav-ul .n-ul .n-li.online .lia .online-i {
        display: block;
        width: 16px;
        height: 16px;
        background: url(../images/online.png) 100% center no-repeat;
        margin-left: 7px;
    }
    
    .header-box .header .r-nav .search-box {
        display: flex;
        align-items: center;
        margin-left: 25px;
    }
    
    .header-box .header .r-nav .search-box .search form {
        display: none;
    }
    
    .header-box .header .r-nav .search-box .line {
        height: 24px;
        width: 1px;
        background-color: #000000;
        margin: 0 18px;
    }
    
    .header-box .header .r-nav .search-box .search .s-icon {
        width: 22px;
        height: 22px;
        background: url(../images/search.png) no-repeat center center;
        background-size: contain;
        cursor: pointer;
    }
    
    .header-box .header .r-nav .search-box .search.on .s-icon {
        background-image: url(../images/cancelb.png);
    }
    
    .header-box .header .r-nav .search-box .tel-i .t-icon {
        width: 22px;
        height: 22px;
        background: url(../images/tel.png) no-repeat center center;
        background-size: contain;
        cursor: pointer;
    }
    
    .header-box.home .header .r-nav .nav-ul .n-ul .n-li.on .lia,
    .header-box .header .r-nav .nav-ul .n-ul .n-li.on .lia {
        color: #26468b;
    }
    
    .header-box .header .r-nav .search-box .tel-i {
        position: relative;
    }
    
    .header-box .header .r-nav .search-box .tel-i .t-num {
        position: absolute;
        top: 50px;
        right: -10px;
        width: 180px;
        height: 45px;
        line-height: 45px;
        display: block;
        text-align: center;
        background-color: #ffffff;
        border-radius: 10px;
        z-index: 1;
        border: 1px solid #26468b;
        opacity: 0;
        visibility: hidden;
        transition: all .5s;
    }
    
    .header-box .header .r-nav .search-box .tel-i .t-num::before {
        content: "";
        position: absolute;
        right: 20px;
        bottom: 98%;
        border-style: solid;
        border-width: 7px 5px;
        border-color: transparent transparent #26468b transparent;
        display: block;
        transform: translate(50%, -10%);
    }
    
    .header-box .header .r-nav .search-box .tel-i .t-num .nn {
        font-size: 16px;
        color: #26468b;
        font-weight: bold;
    }
    
    @media screen and (min-width: 1024px) {
        .header-box.home:hover .logo.white {
            display: none;
        }
        .header-box.home:hover .logo.black {
            display: block;
        }
        .header-box.home:hover {
            background-color: #ffffff;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100px;
            z-index: 11;
            transition: background 0.5s ease;
            -webkit-transition: background 0.5s ease;
            -moz-transition: background 0.5s ease;
            -ms-transition: background 0.5s ease;
            -o-transition: background 0.5s ease;
        }
        .header-box.home:hover::after {
            display: block;
        }
        .header-box.home:hover .header .r-nav .search-box .line {
            height: 24px;
            width: 1px;
            background-color: #000000;
            margin: 0 18px;
        }
        .header-box.home:hover .header .r-nav .nav-ul .n-ul .n-li .lia {
            color: #000;
        }
        .header-box.home:hover .header .r-nav .nav-ul .n-ul .n-li.online .lia {
            color: #ffffff;
        }
        .header-box.home:hover .header .r-nav .search-box .search .s-icon {
            width: 22px;
            height: 22px;
            background: url(../images/search.png) no-repeat center center;
            background-size: contain;
            cursor: pointer;
        }
        .header-box.home:hover .header .r-nav .search-box .search.on .s-icon {
            background-image: url(../images/cancelb.png);
        }
        .header-box.home:hover .header .r-nav .search-box .tel-i .t-icon {
            width: 22px;
            height: 22px;
            background: url(../images/tel.png) no-repeat center center;
            background-size: contain;
            cursor: pointer;
        }
        .header-box .header .r-nav .nav-ul .n-ul .n-li .li-sub .r-menubox .sup-menus.only-1-col .m-a:hover,
        .header-box .header .r-nav .nav-ul .n-ul .n-li .li-sub .r-menubox .menus.only-1-col .m-a:hover,
        .header-box .header .r-nav .nav-ul .n-ul .n-li .li-sub .r-menubox .menus .m-a:hover {
            color: #26468b;
        }
    }
    
    @media screen and (min-width: 601px) {
        .header-box.home .header .r-nav .nav-ul .n-ul .n-li:hover .lia,
        .header-box .header .r-nav .nav-ul .n-ul .n-li:hover .lia {
            color: #26468b;
        }
        .header-box .header .r-nav .nav-ul .n-ul .n-li.online:hover .lia {
            color: #ffffff;
        }
        .header-box .header .r-nav .nav-ul .n-ul .n-li:not(:hover) .li-sub {
            height: 0;
        }
        .header-box .header .r-nav .nav-ul .n-ul .n-li:hover .li-sub {
            height: auto;
        }
        .header-box .header .r-nav .search-box .tel-i:hover .t-num {
            opacity: 1;
            visibility: visible;
        }
    }
    
    .only-for-phone {
        display: none;
    }
    
    @media only screen and (max-width:1600px) {
        .header-box .header .l-logo {
            width: 300px;
        }
        .header-box .header .r-nav .nav-ul .n-ul .n-li .lia {
            margin: 0 15px;
        }
    }
    
    @media only screen and (max-width:1400px) {
        .header-box .header .l-logo {
            width: 240px;
        }
        .header-box .header .r-nav .nav-ul .n-ul .n-li .lia {
            margin: 0 10px;
            padding: 0 5px;
        }
        .header-box .header .r-nav .nav-ul .n-ul .n-li.online .lia {
            width: 100px;
        }
        .header-box .header .r-nav .search-box {
            margin-left: 15px;
        }
    }
    
    @media only screen and (max-width:1200px) {
        .header-box .header .r-nav .nav-ul .n-ul .n-li.online .lia {
            margin: 0;
        }
        .header-box .header .l-logo {
            width: 220px;
        }
        .header-box .header .r-nav .nav-ul .n-ul .n-li .lia {
            margin: 0 5px;
        }
    }
    
    @media only screen and (max-width:1024px) {
        .header-box {
            height: 80px;
        }
        .header-box .header .r-nav .search-box .line,
        .header-box .header .r-nav .nav-ul {
            display: none;
        }
        .header-box .header .r-nav .search-box .search {
            display: none;
        }
        .header-box .header .l-logo {
            width: 200px;
        }
        .header-box .header .nav.only-for-phone {
            display: block;
            float: right;
            height: 100%;
            display: flex;
            justify-content: center;
            align-items: center;
        }
        .header-box .header .r-nav .search-box {
            margin-right: 18px;
        }
        .nav-list.only-for-phone {
            display: block;
            height: 0;
            overflow: hidden;
            background: #fff;
            transition: all 0.5s ease;
            -webkit-transition: all 0.5s ease;
            -moz-transition: all 0.5s ease;
            -ms-transition: all 0.5s ease;
            -o-transition: all 0.5s ease;
        }
        .nav-list.only-for-phone.show {
            overflow-x: hidden;
            overflow-y: auto;
            height: calc(100vh - 60px);
        }
        .nav-list.only-for-phone .nav-item {
            width: 94%;
            margin: 5px auto;
        }
        .nav-list.only-for-phone .pull-title {
            padding: 20px 10px;
            background: #26468b;
            display: flex;
            justify-content: space-between;
            align-items: center;
            color: #fff;
            font-size: 14px;
        }
        .nav-list.only-for-phone .pull-title a {
            color: #fff;
        }
        .nav-list.only-for-phone .pull-title .iconfont {
            transform: rotate(135deg);
            -webkit-transform: rotate(135deg);
            -moz-transform: rotate(135deg);
            -ms-transform: rotate(135deg);
            -o-transform: rotate(135deg);
            transition: all 0.5s ease;
            -webkit-transition: all 0.5s ease;
            -moz-transition: all 0.5s ease;
            -ms-transition: all 0.5s ease;
            -o-transition: all 0.5s ease;
        }
        .nav-list.only-for-phone .pop-menu {
            display: none;
        }
        .nav-list.only-for-phone .nav-item.selected .iconfont {
            transform: rotate(0);
            -webkit-transform: rotate(0);
            -moz-transform: rotate(0);
            -ms-transform: rotate(0);
            -o-transform: rotate(0);
        }
        .nav-list.only-for-phone .pop-menu a {
            display: block;
            padding: 20px 10px;
            color: #26468b;
        }
        .nav-list.only-for-phone .pop-menu a+a {
            border-top: 1px solid #26468b;
        }
        .nav-list.only-for-phone .nav-item .search-area {
            position: relative;
            padding: 13px 10px;
        }
        .nav-list.only-for-phone .nav-item .search-area input {
            width: 100%;
            background-color: #ffffff;
            padding: 10px;
            border: none;
            font-size: 14px;
            color: #000000;
        }
        .nav-list.only-for-phone .nav-item .search-area button {
            position: absolute;
            right: 0;
            top: 50%;
            transform: translate3d(0, -50%, 0);
            -webkit-transform: translate3d(0, -50%, 0);
            -moz-transform: translate3d(0, -50%, 0);
            -ms-transform: translate3d(0, -50%, 0);
            -o-transform: translate3d(0, -50%, 0);
            height: 100%;
            width: 50px;
            background: transparent;
            border: none;
            color: #26468b;
            font-weight: bold;
            cursor: pointer;
        }
        .header-box .header .r-nav .search-box .tel-i.pp {
            display: flex;
            align-items: center;
        }
        .header-box .header .r-nav .search-box .tel-i .t-num.pp {
            top: 40px;
            opacity: 1;
            visibility: visible;
            width: 148px;
            height: 40px;
            line-height: 40px;
        }
        .header-box .header .r-nav .search-box .tel-i .t-num.pp .nn {
            font-size: 14px;
        }
    }
    
    @media only screen and (max-width:768px) {
        .header-box .header .l-logo {
            width: 180px;
        }
        .header-box {
            height: 60px;
        }
    }
    
    @media only screen and (max-width:414px) {
        .selector-area li a {
            font-weight: 400;
        }
    }
    
    @media only screen and (max-width:350px) {
        .header-box .header .l-logo {
            width: 150px;
        }
    }
    /* 通用内页大图 */
    
    .allpage-banner {
        position: relative;
        padding-top: 100px;
    }
    
    .allpage-banner .img {
        padding-top: calc(620 / 1920 * 100%);
        min-height: 350px;
    }
    
    .allpage-banner .theme {
        position: absolute;
        top: calc(50% + 50px);
        left: 50%;
        width: 94%;
        transform: translate(-50%, -50%) !important;
    }
    
    .allpage-banner .theme .en {
        font-size: 0.48rem;
        color: #ffffff;
        font-family: 'Arial Bold';
        font-weight: bold;
    }
    
    .allpage-banner .theme .cn {
        font-size: 0.36rem;
        color: #ffffff;
    }
    
    @media only screen and (max-width:1440px) {
        .allpage-banner .img {
            padding-top: calc(620 / 1440 * 100%);
        }
    }
    
    @media only screen and (max-width:1200px) {
        .allpage-banner .theme .en {
            font-size: 28px;
        }
    }
    
    @media only screen and (max-width:1024px) {
        .allpage-banner .theme {
            top: calc(50% + 40px)
        }
        .allpage-banner {
            padding-top: 80px;
        }
        .allpage-banner .theme .cn {
            font-size: 22px;
        }
    }
    
    @media only screen and (max-width:768px) {
        .allpage-banner .theme {
            top: calc(50% + 30px)
        }
        .allpage-banner {
            padding-top: 60px;
        }
    }
    
    @media only screen and (max-width:600px) {
        .allpage-banner .theme {
            text-align: center;
        }
    }
    /* 通用内页链接 */
    
    .all-href {
        position: relative;
        width: 94%;
        max-width: 1440px;
        margin: 0 auto;
    }
    
    .all-href .l-home {
        background-color: #26468b;
        height: 0.6rem;
        min-height: 40px;
        display: flex;
        align-items: center;
    }
    
    .all-href .l-home::after {
        content: "";
        display: block;
        position: absolute;
        height: 100%;
        width: 9999px;
        right: 0;
        background-color: #26468b;
        z-index: -1;
    }
    
    .all-href .l-home .href-a {
        display: flex;
        align-items: center;
    }
    
    .all-href .l-home .href-a .home-a {
        display: block;
        width: 17px;
        height: 17px;
        background-image: url(../images/home.png);
        background-repeat: no-repeat;
        background-size: 100%;
        background-position: center;
        margin-right: 12px;
    }
    
    .all-href .l-home .href-a .line {
        width: 1px;
        height: 13px;
        background-color: #ffffff;
        margin-right: 12px;
    }
    
    .all-href .l-home .href-a .leibie {
        display: block;
        font-size: 14px;
        color: #ffffff;
    }
    
    .all-href .l-home .href-a .leibie>span {
        font-family: 'SimSun';
        margin-left: 5px;
    }
    
    .all-href .r-menu {
        position: absolute;
        right: 0;
        bottom: 0;
        width: calc(100% - 3.2rem);
        height: 0.8rem;
        min-height: 50px;
        background-color: #26468b;
        box-shadow: -12px -6px 10px rgba(0, 0, 0, .1);
        transform: skew(-45deg);
        -webkit-transform: skew(-45deg);
        -moz-transform: skew(-45deg);
        -ms-transform: skew(-45deg);
        -o-transform: skew(-45deg);
    }
    
    .all-href-container {
        position: relative;
    }
    
    .all-href-container::after {
        transition: none !important;
        content: '';
        display: block;
        position: absolute;
        z-index: 3;
        width: calc(100% - 9rem);
        height: 0.8rem;
        min-height: 50px;
        bottom: 0;
        right: 0;
        background-color: #26468b;
        /*box-shadow: -5px 0 10px rgba(0, 0, 0, .3);
    */
        -webkit-transition: none !important;
        -moz-transition: none !important;
        -ms-transition: none !important;
        -o-transition: none !important;
    }
    
    .all-href .r-menu>ul {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: flex-end;
        height: 100%;
        transform: skew(45deg);
        -webkit-transform: skew(45deg);
        -moz-transform: skew(45deg);
        -ms-transform: skew(45deg);
        -o-transform: skew(45deg);
        position: relative;
        z-index: 3;
    }
    
    .all-href .r-menu>ul>li {
        height: 100%;
        border-left: 1px solid #ffffff;
    }
    
    .all-href .r-menu>ul>li:nth-child(1) {
        border-left: 0;
    }
    
    .all-href .r-menu>ul>li .aa {
        height: 100%;
        display: flex;
        align-items: center;
        font-size: 16px;
        color: #ffffff;
        padding: 0 0.5rem;
    }
    
    .all-href .r-menu>ul>li .aa.on {
        color: #ffffff;;
    }
    
    .all-href .r-menu>div {
        transform: skew(45deg);
        -webkit-transform: skew(45deg);
        -moz-transform: skew(45deg);
        -ms-transform: skew(45deg);
        -o-transform: skew(45deg);
    }
    
    .all-href .r-menu {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding-left: 50px;
        z-index: 11;
    }
    
    .all-href .r-menu .selector-list {
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        position: relative;
        z-index: 10;
    }
    
    .all-href .r-menu .selector-list .selector-area:hover {
        background: #1f3970;
    }
    
    .all-href .r-menu .selector-list .selector-area,
    .all-href .r-menu .selector-list .selected-item {
        height: 100%;
        width: 100%;
    }
    
    .selector-area .selected-item {
        padding: 0 0.3rem;
        color: #1f3970;
        font-size: 16px;
        position: relative;
    }
    
    .selector-area .selected-item .selected-item-title {
        padding-right: 1.28rem;
        white-space: nowrap;
        font-size: 16px;
        color: #ffffff;
        margin-right: 0;
    }
    
    .selector-area .selected-item.noclick::after {
        content: '';
        position: absolute;
        right: 0;
        top: 0;
        width: 1px;
        height: 100%;
        background-color: rgba(255, 255, 255, .2);
    }
    
    .selector-area .selected-item .iconfont {
        transition: all 0.5s ease;
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -ms-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
    }
    
    @media only screen and (min-width:601px) {
        .all-href .r-menu>ul>li .aa:hover {
            color: #a3b7ff;
        }
    }
    
    @media only screen and (max-width:1400px) {
        .all-href .r-menu>ul>li .aa {
            padding: 0 0.3rem;
        }
        .all-href .r-menu {
            width: calc(100% - 5rem);
        }
    }
    
    @media only screen and (max-width:1024px) {
        .all-href .r-menu>ul>li .aa {
            font-size: 14px;
        }
    }
    
    @media only screen and (max-width:768px) {
        .all-href {
            width: 100%;
        }
        .all-href .r-menu {
            width: 100%;
            position: relative;
            transform: skew(0deg);
            -webkit-transform: skew(0deg);
            -moz-transform: skew(0deg);
            -ms-transform: skew(0deg);
            -o-transform: skew(0deg);
            padding-left: 0;
        }
        .all-href .r-menu>div,
        .all-href .r-menu>ul {
            width: 94%;
            margin: 0 auto;
            transform: skew(0deg);
            -webkit-transform: skew(0deg);
            -moz-transform: skew(0deg);
            -ms-transform: skew(0deg);
            -o-transform: skew(0deg);
        }
        .all-href .l-home {
            display: none;
        }
        .selector-area .selected-item .iconfont {
            font-size: 14px;
        }
    }
    /* 内页通用标题 */
    
    .all-title {
        text-align: center;
        padding: 0.9rem 0 0.8rem;
    }
    
    .all-title .en {
        font-size: 0.36rem;
        color: #000000;
        font-family: "Arial Bold";
        font-weight: bold;
    }
    
    .all-title .cn {
        font-size: 0.36rem;
        color: #000000;
    }
    
    @media only screen and (min-width:1921px) {
        .all-href-container::after {
            width: calc(100% - 10rem)
        }
    }
    
    @media only screen and (max-width:1024px) {
        .all-title .cn,
        .all-title .en {
            font-size: 22px;
        }
    }
    /* =========
  首页
  ========== */
    /* 首页轮播 */
    
    .inbanner-box {
        position: relative;
    }
    
    .inbanner-swiper .left-bg {
        position: absolute;
        top: 0;
        left: 0;
        width: 64.84%;
        height: 100%;
    }
    
    .inbanner-swiper .left-bg::after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        background-image: url(../images/inbanner_01.png);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        width: 100%;
        height: 100%;
        z-index: 1;
    }
    
    .inbanner-swiper .left-bg::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        background-image: url(../images/inbanner_01.png);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        width: 100%;
        height: 100%;
        z-index: 1;
        transform: rotateX(180deg);
    }
    
    .inbanner-swiper .swiper-slide .bg-img-container {
        padding-top: calc(960 / 1920 * 100%);
        min-height: 448px;
    }
    
    .inbanner-swiper .swiper-slide .bg-img-container .for-phone {
        display: none;
    }
    
    .inbanner-swiper .swiper-slide .textbox {
        position: absolute;
        top: 50%;
        left: 50%;
        z-index: 2;
        transform: translate(-50%, -50%);
    }
    
    .inbanner-swiper .swiper-slide .textbox .t-content {
        width: 50%;
    }
    
    .inbanner-swiper .swiper-slide .textbox .line {
        width: 1.1rem;
        min-width: 80px;
        height: 3px;
        background-color: #26468b;
        margin: 0.32rem 0 0.3rem;
        display: none;
    }
    
    .inbanner-swiper .swiper-slide .textbox .btit {
        font-size: 0.7rem;
        color: #ffffff;
        font-weight: bold;
        line-height: 1.1;
    }
    
    .inbanner-swiper .swiper-slide .textbox .btit>b {
        color: #26468b;
    }
    
    .inbanner-swiper .swiper-slide .textbox .stit {
        font-size: 0.4rem;
        color: rgba(255, 255, 255, .5);
        line-height: 1.25;
    }
    
    .inbanner-swiper .inbanner-pagination {
        position: absolute;
        left: 50%;
        bottom: 0.3rem;
        width: 100%;
        max-width: 1740px;
        z-index: 1;
        padding-left: 1.9rem;
        height: 0.65rem;
        line-height: 1;
        vertical-align: bottom;
        transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
    }
    
    .inbanner-swiper .inbanner-pagination::before {
        content: '';
        position: absolute;
        top: 50%;
        left: 0;
        width: 1.8rem;
        height: 1px;
        background-color: #26468b;
    }
    
    .inbanner-swiper .inbanner-pagination .swiper-pagination-bullet {
        width: auto;
        height: auto;
        font-size: 0.34rem;
        color: rgba(255, 255, 255, .45);
        background: transparent;
        margin: 0 0.15rem;
        opacity: 1;
        transition: all .5s;
    }
    
    .inbanner-swiper .inbanner-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
        /* font-size: 49px; */
        /* font-size: 0.5rem; */
        color: #26468b;
    }
    
    .inbanner-box .scroll {
        position: absolute;
        right: 1.7rem;
        bottom: -18px;
        z-index: 1;
        font-size: 18px;
        color: #26468b;
        font-weight: bold;
        padding-bottom: 80px;
        writing-mode: vertical-lr;
        cursor: pointer;
        transform: translateY(0);
        transition: transform .5s;
    }
    
    .inbanner-box .scroll::before {
        content: '';
        position: absolute;
        bottom: 0;
        left: 50%;
        width: 1px;
        height: 60px;
        background-color: #26468b;
    }
    
    .inbanner-box .scroll::after {
        content: '';
        position: absolute;
        bottom: 41px;
        left: 50%;
        width: 3px;
        height: 6px;
        background-color: #26468b;
        margin-left: -1px;
    }
    
    @media only screen and (min-width:601px) {
        .inbanner-box .scroll:hover {
            transform: translateY(10px);
        }
    }
    
    @media only screen and (max-width:1400px) {
        .inbanner-box .scroll {
            right: 1rem;
        }
    }
    
    @media only screen and (max-width:1024px) {
        .inbanner-swiper .swiper-slide .textbox .t-content {
            width: 80%;
        }
        .inbanner-swiper .inbanner-pagination {
            bottom: 0.2rem;
        }
        .inbanner-box .scroll {
            right: 0.5rem;
        }
    }
    
    @media only screen and (max-width:768px) {
        .inbanner-swiper .inbanner-pagination .swiper-pagination-bullet {
            font-size: 18px;
        }
        .inbanner-swiper .swiper-slide .bg-img-container .for-pc {
            display: none;
        }
        .inbanner-swiper .swiper-slide .bg-img-container .for-phone {
            display: block;
        }
    }
    
    @media only screen and (max-width:480px) {
        .inbanner-swiper .swiper-slide .textbox .btit {
            font-size: 22px;
        }
        .inbanner-box .scroll {
            font-size: 16px;
            right: 0.2rem;
        }
        .inbanner-swiper .left-bg {
            display: none;
        }
    }
    /* 关于超睿 */
    
    .inabout-box {
        background-image: url(../images/inab_bg.png);
        background-repeat: no-repeat;
        background-position: left bottom;
        background-size: 100%;
        padding-top: 1.2rem;
        padding-bottom: 1.3rem;
    }
    
    .inabout-box .inab-t {
        position: relative;
    }
    
    .inabout-box .inab-t .b-img {
        padding-top: calc(522 / 1400 * 100%);
    }
    
    .inabout-box .inab-t .txt-bg {
        font-size: 1.42rem;
        font-weight: bold;
        color: rgba(132, 132, 132, .15);
        text-align: center;
        line-height: 1.1;
        margin-top: 1rem;
    }
    
    .inabout-box .info-div {
        position: absolute;
        top: 2.62rem;
        left: 50%;
        z-index: 1;
        transform: translateX(-50%);
        display: flex;
        width: 100%;
        justify-content: center;
        padding: 0 0.8rem;
    }
    
    .inabout-box .info-div .l-img {
        width: 50%;
        margin-right: -64px;
    }
    
    .inabout-box .info-div .l-img .img {
        padding-top: calc(433 / 670 * 100%);
        background-size: cover;
    }
    
    .inabout-box .info-div .r-text {
        background-image: url(../images/inab_bg1.png);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        padding: 0.7rem 0.8rem 0.7rem 0.68rem;
        width: 50%;
        transform: translate3d(0, -0.64rem, 0);
        -webkit-transform: translate3d(0, -0.64rem, 0);
        -moz-transform: translate3d(0, -0.64rem, 0);
        -ms-transform: translate3d(0, -0.64rem, 0);
        -o-transform: translate3d(0, -0.64rem, 0);
        box-shadow: 8px 8px 12px 0 rgba(0, 0, 0, .15);
        height: calc(100% - 27px);
    }
    
    .inabout-box .info-div .r-text .btt {
        font-size: 0.32rem;
        font-weight: bold;
        color: #ffffff;
        line-height: 1.33;
    }
    
    .inabout-box .info-div .r-text .stt {
        font-size: 22px;
        color: #bae2ff;
        line-height: 2;
    }
    
    .inabout-box .info-div .r-text .demo {
        font-size: 14px;
        color: #ffffff;
        line-height: 1.7;
        margin-top: 20px;
        -webkit-line-clamp: 3;
    }
    
    .inabout-box .info-div .r-text .more {
        width: 130px;
        height: 35px;
        line-height: 35px;
        border-radius: 18px;
        background-color: #ffffff;
        box-shadow: 0 2px 4px rgba(0, 0, 0, .4);
        display: flex;
        justify-content: center;
        font-size: 12px;
        font-weight: bold;
        color: #26468b;
        position: relative;
        cursor: pointer;
        margin-top: 0.7rem;
    }
    
    .inabout-box .info-div .r-text .more .arrow {
        margin-left: 16px;
    }
    
    .inabout-box .inab-b {
        margin-top: 0.3rem;
    }
    
    .inabout-box .inab-b .title {
        font-size: 0.3rem;
        color: #26468b;
        line-height: 1.5;
        position: relative;
        padding-bottom: 0.25rem;
        text-align: center;
    }
    
    .inabout-box .inab-b .title::after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 50%;
        width: 0.5rem;
        min-width: 40px;
        height: 0.04rem;
        min-height: 2px;
        background-color: #c7c7c7;
        margin-left: -25px;
    }
    
    .inabout-box .inab-b .content {
        font-size: 16px;
        color: #4e4e4e;
        margin-top: 0.45rem;
    }
    
    .inabout-box .inab-b .content.phone {
        display: none;
    }
    
    @media only screen and (min-width:601px) {
        .inabout-box .info-div .r-text .more:hover {
            /* background-color: #26468b;
        color: #ffffff; */
            transform: translateY(-5px);
        }
    }
    
    @media only screen and (max-width:1600px) {
        .inabout-box {
            padding-top: 0.9rem;
            padding-bottom: 1rem;
        }
        .inabout-box .info-div {
            top: 3rem;
        }
        .inabout-box .info-div .r-text .stt {
            font-size: 20px;
        }
    }
    
    @media only screen and (max-width:1400px) {
        .inabout-box .inab-b .title {
            font-size: 24px;
        }
    }
    
    @media only screen and (max-width:1200px) {
        .inabout-box .info-div .r-text .stt {
            font-size: 18px;
        }
    }
    
    @media only screen and (max-width:1024px) {
        .inabout-box .info-div {
            flex-direction: column;
            position: relative;
            top: 0;
            margin-top: -3rem;
            max-width: 768px;
        }
        .inabout-box .info-div .r-text .btt {
            font-size: 22px;
        }
        .inabout-box .info-div>div {
            width: 100% !important;
        }
        .inabout-box .info-div .r-text {
            transform: translate3d(0, 0, 0);
            -webkit-transform: translate3d(0, 0, 0);
            -moz-transform: translate3d(0, 0, 0);
            -ms-transform: translate3d(0, 0, 0);
            -o-transform: translate3d(0, 0, 0);
        }
        .inabout-box .inab-t .txt-bg {
            margin-top: 0;
            transform: translate3d(0, -30%, 0);
            -webkit-transform: translate3d(0, -30%, 0);
            -moz-transform: translate3d(0, -30%, 0);
            -ms-transform: translate3d(0, -30%, 0);
            -o-transform: translate3d(0, -30%, 0);
        }
    }
    
    @media only screen and (max-width:768px) {
        .inabout-box .inab-t .b-img {
            display: none;
        }
        .inabout-box .info-div {
            margin-top: 0;
            padding: 0;
        }
        .inabout-box .info-div .r-text .demo {
            margin-top: 10px;
        }
        .inabout-box .inab-b .content.pc {
            display: none;
        }
        .inabout-box .inab-b .content.phone {
            display: block;
        }
    }
    
    @media only screen and (max-width:480px) {
        .inabout-box {
            padding-top: 0.5rem;
        }
        .inabout-box .inab-t .txt-bg {
            font-size: 50px;
        }
    }
    /* 首页设备工艺 */
    
    .inshebei-box {
        /* padding: 1.7rem 0 1.78rem; */
        height: 820px;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    
    .inshebei-box .title {
        text-align: center;
        margin-bottom: 0.4rem;
    }
    
    .inshebei-box .title .en {
        font-size: 0.48rem;
        color: rgba(255, 255, 255, .5);
        font-family: "Arial Black";
    }
    
    .inshebei-box .title .cn {
        font-size: 0.36rem;
        color: #ffffff;
    }
    
    .inshebei-box .sb-desc {
        font-size: 16px;
        color: #ffffff;
        text-align: center;
        margin-bottom: 0.45rem;
    }
    
    .inshebei-box .sb-ul {
        /* display: flex; */
        position: relative;
    }
    
    .inshebei-box .sb-ul .sbdiv {
        max-width: 1680px;
    }
    
    .inshebei-box .sb-ul .sb-ul-swiper {
        max-width: 1400px;
    }
    
    .inshebei-box .sb-ul .sb-ul-pagination {
        text-align: center;
        margin-top: 0.5rem;
        margin-bottom: 0.34rem;
    }
    
    .inshebei-box .sb-ul .sb-ul-pagination .swiper-pagination-bullet {
        width: 8px;
        height: 8px;
        border-radius: 4px;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        -ms-border-radius: 4px;
        -o-border-radius: 4px;
        background-color: #ffffff;
        opacity: 1;
        margin: 0 6px;
    }
    
    .inshebei-box .sb-ul .sb-ul-pagination .swiper-pagination-bullet-active {
        background-color: #26468b;
        width: 57px;
    }
    
    .inshebei-box .sb-ul .morebtn {
        display: block;
        width: 180px;
        height: 50px;
        text-align: center;
        line-height: 50px;
        border-radius: 25px;
        -webkit-border-radius: 25px;
        -moz-border-radius: 25px;
        -ms-border-radius: 25px;
        -o-border-radius: 25px;
        background-color: #26468b;
        font-size: 16px;
        color: #ffffff;
        margin: 0 auto;
    }
    
    .inshebei-box .sb-ul .sbdiv .sb-ul-btn {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        width: 138px;
        height: 90px;
        cursor: pointer;
        background-repeat: no-repeat;
        background-position: center;
        z-index: 1;
        outline: none;
    }
    
    .inshebei-box .sb-ul .sbdiv .sb-ul-btn.sb-ul-prev {
        background-image: url(../images/icon_left.png);
        left: 0;
    }
    
    .inshebei-box .sb-ul .sbdiv .sb-ul-btn.sb-ul-next {
        background-image: url(../images/icon_right.png);
        right: 0;
    }
    
    .inshebei-box .sb-ul .item {
        flex: 1;
        display: flex;
        flex-direction: column;
        align-items: center;
        position: relative;
        padding: 0 0.45rem;
        /* width: calc(100% / 4); */
    }
    
    .inshebei-box .sb-ul .swiper-slide .item::before {
        content: '';
        position: absolute;
        top: 5%;
        left: 0;
        width: 1px;
        height: 90%;
        background-color: rgba(255, 255, 255, .5);
        transition: none;
        -webkit-transition: none;
        -moz-transition: none;
        -ms-transition: none;
        -o-transition: none;
    }
    
    .inshebei-box .sb-ul .swiper-slide:nth-child(1) .item::before {
        display: none;
    }
    
    .inshebei-box .sb-ul .item .img {
        height: 0.69rem;
    }
    
    .inshebei-box .sb-ul .item .img img {
        height: 100%;
    }
    
    .inshebei-box .sb-ul .item .tt {
        font-size: 15px;
        color: #ffffff;
        line-height: 2;
    }
    
    .inshebei-box .sb-ul .item .dd {
        font-size: 20px;
        color: #00c97c;
        font-weight: bold;
        line-height: 1.6;
        margin-top: 10px;
        margin-bottom: 16px;
        text-align: center;
        width: 100%;
    }
    
    .inshebei-box .sb-ul .item .desc {
        font-size: 14px;
        color: #ffffff;
        line-height: 1.5;
        width: 100%;
    }
    
    @media only screen and (max-width:1400px) {
        .inshebei-box .sb-ul .item .dd {
            font-size: 18px;
        }
    }
    
    @media only screen and (max-width:1200px) {
        .inshebei-box .title .en {
            font-size: 28px;
        }
        .inshebei-box .sb-ul .item {
            padding: 0 0.3rem;
        }
        .inshebei-box {
            padding: 1.7rem 0 1.78rem;
            height: auto;
            display: block;
        }
    }
    
    @media only screen and (max-width:1024px) {
        .inshebei-box .title .cn {
            font-size: 22px;
        }
        .inshebei-box .sb-ul {
            flex-direction: column;
            text-align: center;
        }
        .inshebei-box .sb-ul .item {
            padding: 0.8rem 10%;
            max-width: 600px;
            margin: 0 auto;
            width: 100%;
        }
        .inshebei-box .title {
            margin-bottom: 0.5rem;
        }
        .inshebei-box .sb-ul .item::before {
            height: 1px;
            width: 30%;
            top: 0;
            left: 50%;
            transform: translate3d(-50%, 0, 0);
            -webkit-transform: translate3d(-50%, 0, 0);
            -moz-transform: translate3d(-50%, 0, 0);
            -ms-transform: translate3d(-50%, 0, 0);
            -o-transform: translate3d(-50%, 0, 0);
        }
    }
    
    @media only screen and (max-width:414px) {
        .inshebei-box .sb-ul .item .dd {
            margin-top: 0px;
            margin-bottom: 8px;
        }
        .inshebei-box .sb-ul .item {
            padding: 0.6rem 4%;
        }
        .inshebei-box {
            padding: 1rem 0;
        }
        .inshebei-box .title {
            margin-bottom: 0.1rem;
        }
        .inshebei-box .sb-desc {
            font-size: 14px;
        }
        .inshebei-box .sb-ul .swiper-slide .item::before {
            display: none;
        }
        .inshebei-box .sb-ul .item .img {
            height: 48px;
        }
    }
    /* 首页产品中心 */
    
    .inproduct-box {
        padding-top: 0.78rem;
		padding-bottom: 0.78rem;
    }
    
    .inproduct-box .title-div {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 0.96rem;
    }
    
    .inproduct-box .title-div .title .en {
        font-size: 0.48rem;
        color: #989898;
        font-family: "Arial Black";
    }
    
    .inproduct-box .title-div .title .cn {
        font-size: 0.36rem;
        color: #171717;
    }
    
    .inproduct-box .title-div .oneclass {
        font-size: 0;
        margin: 0;
    }
    
    .inproduct-box .title-div .oneclass .one-a {
        display: block;
        text-align: center;
        font-size: 16px;
        line-height: 1;
        color: #000000;
        background-color: #eeeeee;
        margin-right: 3px;
        padding: 14px 18px;
    }
    /* @todo */
    
    .inproduct-box .title-div .oneclass .swiper-slide {
        width: auto;
    }
    
    .inproduct-box .title-div .oneclass .swiper-slide-active .one-a {
        background-color: #26468b;
        color: #ffffff;
    }
    
    .inproduct-box .title-div .oneclass .swiper-slide:first-child .one-a {
        -webkit-clip-path: polygon(25% 0, 100% 0, 100% 100%, 0 100%, 0 52%);
        clip-path: polygon(25% 0, 100% 0, 100% 100%, 0 100%, 0 52%);
    }
    
    .inproduct-box .twoclass {
        display: flex;
        align-items: start;
    }
    
    .inproduct-box .twoclass-outer-swiper>.swiper-wrapper>.swiper-slide:not(.swiper-slide-active) {
        z-index: -1;
    }
    
    .inproduct-box .twoclass .l-img {
        width: 80%;
		margin: auto;
       /* position: relative;
        background-color: #e0e0e0;
        overflow: hidden; */
    }
    
    .inproduct-box .twoclass .l-img .txt-bg {
        font-size: 0.96rem;
        color: #ffffff;
        font-family: "Arial Black";
        position: absolute;
        left: 0;
        top: 0;
        width: 3.4rem;
        height: 110%;
        background-color: #26468b;
        z-index: 1;
        transform: rotate(-15deg);
        display: flex;
        justify-content: center;
        align-items: center;
    }
    
    /* .inproduct-box .twoclass .l-img::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 2rem;
        height: 100%;
        background-color: #26468b;
        z-index: 1;
    } */
    .inproduct-box .twoclass .l-img .pc3{
		width:23%;
		float:left;
		border:1px solid #e1e2e1;
		margin: 1%;
	}
	.inproduct-box .twoclass .l-img .pc3:hover{
		background-color: #f8f9f8;
		box-shadow: 0px 0px 5px 2px #e1e1e1;
		transition: box-shadow 0.5s;
		transition: background-color 0.3s;
	}
    .inproduct-box .twoclass .l-img .txt-bg>span {
        writing-mode: vertical-rl;
        line-height: 1.1;
    }
    
    
    .infenye {
        display: flex;
        justify-content: center;
        align-items: center;
        position: relative;
        padding-top: 0.24rem;
        padding-bottom: 5px;
    }
    
    .threeclass-inpro-pagination .swiper-pagination-bullet {
        background: none;
        height: 100%;
        padding: 5px 0.2rem;
        text-align: center;
        display: inline-flex;
        justify-content: center;
        align-items: center;
        border-radius: 0;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        -ms-border-radius: 0;
        -o-border-radius: 0;
        font-size: 22px;
        color: #636363;
        outline: none;
        font-family: "Arial Bold";
        opacity: 1;
        font-weight: bold;
    }
    
    .threeclass-inpro-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
        text-decoration: underline;
        color: #26468b;
    }
    
    .threeclass-inpro-swiper .swiper-slide .item {
        display: block;
        padding: 1.02rem 1.33rem 0.88rem 39%;
    }
    
    .threeclass-inpro-swiper .swiper-slide .item .img {
        padding-top: calc(472 / 559 * 100%);
        position: relative;
    }
    
    .threeclass-inpro-swiper .swiper-slide .item img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
    
    .inproduct-box .twoclass .r-menu .infenye .more {
        display: block;
        font-size: 16px;
        color: #000000;
        font-family: "Arial Bold";
        font-weight: bold;
        margin-left: 16px;
        white-space: nowrap;
    }
    
    .threeclass-inpro-pagination .swiper-pagination-bullet:hover,
    .inproduct-box .twoclass .r-menu .infenye .more:hover {
        color: #26468b;
    }
    
    .inproduct-box .twoclass .r-menu {
        margin-left: -1.22rem;
        width: calc(40% + 1.22rem);
        padding-right: 4%;
        text-align: center;
    }
    
    .inproduct-box .twoclass .r-menu .btit {
        font-size: 0.36rem;
        color: #000000;
        padding-bottom: 12px;
        padding-top: 0.34rem;
        white-space: nowrap;
    }
    
    .inproduct-box .twoclass .m-ul-swiper {
        /* height: calc(100% - 0.5rem)!important; */
        padding-bottom: 0.5rem;
    }
    
    .inproduct-box .twoclass .m-ul-swiper .swiper-slide {
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: center;
        pointer-events: auto;
        margin-bottom: 5px;
    }
    
    .inproduct-box .twoclass .m-ul-swiper .swiper-slide .title {
        font-size: 18px;
        color: #848484;
        width: 100%;
        padding-right: 300px;
        padding-left: 310px;
    }
    
    .inproduct-box .twoclass .m-ul-swiper .swiper-slide::after {
        content: "";
        display: block;
        position: absolute;
        width: calc(100% - 2.7rem);
        height: 100%;
        top: 0;
        left: 0;
        transition: all 0.3s ease;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        border: 0.04rem solid transparent;
    }
    
    .inproduct-box .twoclass .m-ul-swiper .swiper-slide:hover::after,
    .inproduct-box .twoclass .m-ul-swiper .swiper-slide.swiper-slide-active::after {
        border: 0.04rem solid #26468b;
    }
    
    .inproduct-box .twoclass .m-ul-swiper .swiper-slide.swiper-slide-active .title {
        color: #000000;
    }
    
    .inproduct-box .pro-tui {
        padding: 1.2rem 0 0rem;
    }
    
    .inproduct-box .pro-tui .inpro-swiper {
        margin-bottom: 0.95rem;
    }
    
    .inproduct-box .pro-tui .inpro-swiper .swiper-slide .item {
        display: block;
    }
    
    .inproduct-box .pro-tui .inpro-swiper .swiper-slide .item .img {
        position: relative;
        padding-top: calc(304 / 360 * 100%);
        margin-bottom: 0.35rem;
        overflow: hidden;
    }
    
    .inproduct-box .pro-tui .inpro-swiper .swiper-slide .item .img img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        transform: scale(1);
        transition: all .5s;
        border: 1px solid #ffffff;
    }
    
    .inproduct-box .pro-tui .inpro-swiper .swiper-slide .item .info .tt {
        font-size: 18px;
        font-weight: bold;
        color: #000000;
        margin-bottom: 10px;
    }
    
    .inproduct-box .pro-tui .inpro-swiper .swiper-slide .item .info .desc {
        font-size: 14px;
        color: #666666;
        margin-bottom: 0.22rem;
    }
    
    .inproduct-box .pro-tui .inpro-swiper .swiper-slide .item .info .more {
        font-size: 14px;
        color: #304ace;
        font-family: "Arial bold";
        transition: all .5s;
    }
    
    .inproduct-box .pro-tui .inpro-pagination {
        text-align: center;
    }
    
    .inproduct-box .pro-tui .inpro-pagination .swiper-pagination-bullet {
        background: #919094;
        opacity: 1;
        margin: 0 6px;
        outline: none;
    }
    
    .inproduct-box .pro-tui .inpro-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
        width: 0.57rem;
        min-width: 30px;
        border-radius: 1rem;
        background: #26468b;
        -webkit-border-radius: 1rem;
        -moz-border-radius: 1rem;
        -ms-border-radius: 1rem;
        -o-border-radius: 1rem;
    }
    
    @media only screen and (min-width:601px) {
        .inproduct-box .pro-tui .inpro-swiper .swiper-slide .item:hover .img img {
            border: 1px solid #26468b;
        }
        .inproduct-box .pro-tui .inpro-swiper .swiper-slide .item:hover .info .more {
            letter-spacing: 2px;
        }
        .inshebei-box .sb-ul .morebtn:hover {
            letter-spacing: 2px;
        }
		
    }
    
    @media only screen and (max-width:1600px) {
        .inproduct-box .twoclass .m-ul-swiper .swiper-slide::after {
            width: calc(100% - 2rem)
        }
        .inproduct-box .twoclass .m-ul-swiper .swiper-slide .title {
            padding-right: 28%;
            padding-left: 28%;
        }
    }
    
    @media only screen and (max-width:1280px) {
        .inproduct-box .twoclass .m-ul-swiper .swiper-slide .title {
            padding-right: 30%;
            padding-left: 28%;
        }
        .inshebei-box .sb-ul .sbdiv .sb-ul-btn {
            width: 72px;
            height: 72px;
            background-size: 36%;
        }
    }
    
    @media only screen and (max-width:1200px) {
        .inproduct-box .title-div .title .en {
            font-size: 28px;
        }
        .inproduct-box .title-div .title .cn {
            font-size: 22px;
        }
    }
    
    @media only screen and (max-width:1024px) {
        .inproduct-box .title-div .title .cn {
            font-size: 22px;
        }
        .inproduct-box .title-div {
            flex-direction: column;
            align-items: center;
            text-align: center;
            margin-bottom: 0.5rem;
        }
        .inproduct-box .title-div .oneclass {
            margin-top: 0.5rem;
            max-width: 100%;
        }
        .inproduct-box .twoclass .r-menu {
            padding: 0 !important;
            width: 94%;
            margin: 0 auto 0.2rem;
        }
        .inproduct-box .twoclass .r-menu .btit {
            font-size: 22px;
            margin: 0;
            padding: 0;
            display: none;
        }
        .inproduct-box .twoclass .r-menu .m-ul {
            display: flex;
            justify-content: flex-start;
            align-items: center;
            height: auto !important;
            width: 100%;
        }
        .inproduct-box .twoclass .r-menu .m-ul .m-a {
            font-size: 16px;
            line-height: unset;
            padding: 10px 20px;
            width: auto;
            margin-bottom: 0;
        }
        .threeclass-inpro-pagination {
            position: absolute;
        }
        .inproduct-box .twoclass .r-menu .m-ul .m-a:hover::before {
            width: 100% !important;
            left: 0 !important;
        }
        .inproduct-box .twoclass {
            flex-direction: column-reverse;
        }
        .inproduct-box .twoclass .l-img {
            width: 100%;
        }
        .inproduct-box .twoclass .title-list-container {
            width: 100%;
        }
        .inproduct-box .twoclass .r-menu {
            margin-left: auto;
            padding: 0.4rem 4%;
            display: flex;
            justify-content: space-between;
            align-items: center;
            position: unset;
        }
        .inproduct-box .twoclass .r-menu .infenye {
            position: static;
            left: auto;
            top: 0;
            padding-top: 0;
            padding-bottom: 0;
        }
        .inpro-pagination1 .swiper-pagination-bullet {
            font-size: 20px;
        }
        .inproduct-box .twoclass .m-ul-swiper .swiper-slide::after {
            display: none;
        }
        .inproduct-box .twoclass .m-ul-swiper .swiper-slide {
            border: 2px solid transparent;
        }
        .inproduct-box .twoclass .m-ul-swiper .swiper-slide.swiper-slide-active {
            border-color: #26468b;
        }
        .threeclass-inpro-pagination.on {
            top: auto;
            left: auto;
            right: 20px;
            bottom: 10px;
        }
        .threeclass-inpro-pagination .swiper-pagination-bullet {
            padding: 5px 15px;
        }
        .inproduct-box .twoclass .r-menu .infenye .more {
            margin-left: 10px;
        }
        .inproduct-box .pro-tui .inpro-swiper .swiper-slide .item .info .tt {
            font-size: 16px;
        }
        .inproduct-box .pro-tui .inpro-swiper .swiper-slide .item .img img {
            top: 10%;
            left: 10%;
            width: 80%;
            height: 80%;
        }
        .inproduct-box .twoclass .m-ul-swiper .swiper-slide .title {
            padding: 0;
            font-size: 14px;
        }
		.inproduct-box .twoclass .l-img .pc3{
					width:31.33%;
					margin: 1%;
		}
    }
    
    @media only screen and (max-width:768px) {
        .inproduct-box .twoclass .r-menu .m-ul .m-a {
            padding: 5px 10px;
        }
        .inpro-pagination1 .swiper-pagination-bullet {
            font-size: 18px;
        }
        .inproduct-box .title-div .oneclass .one-a {
            padding: 12px 14px;
        }
        .inshebei-box .sb-ul .morebtn {
            width: 120px;
            height: 40px;
            line-height: 40px;
        }
        .inshebei-box .sb-ul .sbdiv .sb-ul-btn {
            display: none;
        }
		.inproduct-box .twoclass .l-img .pc3{
					width:48%;
					margin: 1%;
		}
    }
    
    @media only screen and (max-width:480px) {
        .inproduct-box .twoclass .l-img::before,
        .inproduct-box .twoclass .l-img .txt-bg {
            display: none;
        }
        .inproduct-box .twoclass .r-menu .infenye .more {
            font-size: 14px;
        }
        .inpro-swiper1 .swiper-slide .item {
            padding: 1.33rem 20%;
        }
        .threeclass-inpro-swiper .swiper-slide .item {
            padding: 1.33rem 20%;
        }
        .inproduct-box .twoclass .r-menu {
            flex-direction: column;
        }
        .inproduct-box .twoclass .r-menu .infenye .more {
            display: none;
        }
        .inproduct-box .twoclass .r-menu .m-ul .m-a {
            font-size: 14px;
        }
        .threeclass-inpro-pagination,
        .threeclass-inpro-pagination.on {
            display: none;
        }
    }
    /* 首页行业应用 */
    
    .inindustry-box {
        background-color: #f2f2f2;
    }
    
    .inindustry-box .industry-bg .title {
        text-align: center;
        padding: 1.3rem 0 2.5rem;
        max-width: 80%;
        margin: 0 auto -1.5rem;
    }
    
    .inindustry-box .industry-bg .title .cn {
        font-size: 0.36rem;
        color: #ffffff;
    }
    
    .inindustry-box .industry-bg .title .en {
        font-size: 0.36rem;
        color: #ffffff;
        font-family: "Arial Black";
    }
    
    .inindustry-box .container1 {
        padding: 1.1rem 1.08rem 0.92rem;
        background-color: #f2f2f2;
    }
    
    .inindustry-box .industry-ul {
        display: flex;
        justify-content: flex-start;
        flex-wrap: wrap;
        margin: 0 -0.14rem 0.52rem;
    }
    
    .inindustry-box .industry-ul .item {
        margin: 0 0.14rem 0.28rem;
        width: calc(100% / 3 - 0.28rem);
        background: #ffffff;
    }
    
    .inindustry-box .industry-ul .item:nth-child(3n) {
        margin-right: 0;
    }
    
    .inindustry-box .industry-ul .item .img {
        position: relative;
        padding-top: calc(340 / 375 * 100%);
        overflow: hidden;
    }
    
    .inindustry-box .industry-ul .item .img img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        transform: scale(1);
        transition: transform .5s;
    }
    
    .inindustry-box .industry-ul .item .info {
        padding: 0.14rem 0.25rem 0.25rem;
    }
    
    .inindustry-box .industry-ul .item .info .tt {
        font-size: 20px;
        color: #000000;
        margin-bottom: 10px;
        font-weight: bold;
    }
    
    .inindustry-box .industry-ul .item .info .desc {
        font-size: 14px;
        color: #1e1e1e;
        line-height: 1.5;
        position: relative;
    }
    
    .inindustry-box .industry-ul .item .info .more {
        text-align: right;
        font-size: 14px;
        color: #26468b;
        line-height: 1.5;
    }
    
    .inindustry-box .lookmore {
        width: 1.83rem;
        min-width: 150px;
        height: 0.46rem;
        min-height: 40px;
        font-size: 14px;
        color: #ffffff;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 0;
        -webkit-clip-path: polygon(20% 0, 100% 0, 100% 100%, 0 100%, 0 52%);
        clip-path: polygon(20% 0, 100% 0, 100% 100%, 0 100%, 0 52%);
        background-color: #26468b;
        margin: 0 auto;
        transition: all .5s;
    }
    
    @media only screen and (min-width:601px) {
        .inindustry-box .lookmore:hover {
            letter-spacing: 2px;
        }
        .inindustry-box .industry-ul .item:hover .img img {
            transform: scale(1.1);
        }
    }
    
    @media only screen and (max-width:1200px) {
        .inindustry-box .industry-bg .title .cn,
        .inindustry-box .industry-bg .title .en {
            font-size: 24px;
        }
        .inindustry-box .industry-bg .title {
            padding-bottom: 2.3rem;
        }
    }
    
    @media only screen and (max-width:1024px) {
        .inindustry-box .container1 {
            padding: 0.8rem 0.6rem 0.6rem;
        }
        .inindustry-box .industry-ul .item .info {
            padding: 0.2rem 0.36rem 0.4rem
        }
        .inindustry-box .industry-ul .item .info .tt {
            font-size: 18px;
        }
        .inindustry-box .industry-ul .item {
            width: calc(100% / 2 - 0.28rem)
        }
        .inindustry-box .industry-bg .title .cn,
        .inindustry-box .industry-bg .title .en {
            font-size: 22px;
        }
    }
    
    @media only screen and (max-width:768px) {
        .inindustry-box .industry-ul .item .info .desc {
            font-size: 14px;
        }
        .inindustry-box .industry-ul .item .info .more {
            padding-top: 10px;
        }
    }
    
    @media only screen and (max-width:480px) {
        .inindustry-box .industry-bg .title {
            padding: 1.8rem 0;
            margin-bottom: 0;
        }
        .inindustry-box .container1 {
            padding: 0.4rem 0 1rem;
        }
        .inindustry-box .industry-ul .item {
            width: calc(100% - 0.28rem);
            margin-bottom: 0.4rem;
        }
    }
    /* 首页新闻&合作伙伴 */
    
    .innews {
        padding: 0.72rem 0 1.1rem;
        border-bottom: 1px solid #d7d7d7;
    }
    
    .innews .title-div {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 0.5rem;
    }
    
    .innews .title-div .title .en {
        font-size: 0.36rem;
        color: #989898;
        font-family: "Arial Black";
    }
    
    .innews .title-div .title .cn {
        font-size: 0.36rem;
        color: #171717;
    }
    
    .innews .title-div .more {
        display: block;
        font-size: 14px;
        color: #26468b;
        font-weight: bold;
    }
    
    .innews .title-div .more span {
        font-family: 'SimSun';
    }
    
    .innews .innews-swiper .swiper-slide .item {
        display: block;
        padding: 0.36rem 0.3rem 0.2rem;
    }
    
    .innews .innews-swiper .swiper-slide .item .time {
        font-size: 14px;
        color: #939393;
        margin-bottom: 15px;
    }
    
    .innews .innews-swiper .swiper-slide .item .tt {
        font-size: 16px;
        color: #000000;
        margin-bottom: 15px;
    }
    
    .innews .innews-swiper .swiper-slide .item .desc {
        font-size: 14px;
        color: rgba(59, 59, 59, .58);
        line-height: 1.33;
        margin-bottom: 0.98rem;
    }
    
    .innews .innews-swiper .swiper-slide .item .more {
        line-height: 20px;
        height: 20px;
    }
    
    .innews .innews-swiper .swiper-slide .item .more .line {
        width: 100%;
        height: 1px;
        background-color: #12b877;
        margin-top: 10px;
    }
    
    .innews .innews-swiper .swiper-slide .item .more .text {
        display: none;
        font-size: 14px;
        color: #ffffff;
    }
    
    .incoop {
        margin: 0.5rem auto;
    }
    
    .incoop-swiper .bg-img-container {
        width: 100%;
        padding-top: 66.67%;
    }
    
    .incoop-swiper .bg-img-container .incoop-img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        object-fit: contain;
    }
    
    .innews .innews-swiper .swiper-slide .item:hover {
        color: #fff;
        background: #26468b;
    }
    
    .innews .innews-swiper .swiper-slide .item:hover .desc,
    .innews .innews-swiper .swiper-slide .item:hover .tt,
    .innews .innews-swiper .swiper-slide .item:hover .time {
        color: #fff;
    }
    
    .innews .innews-swiper .swiper-slide .item .more .text {
        display: block;
    }
    
    .innews .innews-swiper .swiper-slide .item:hover .more .line {
        opacity: 0;
    }
    
    @media only screen and (min-width:601px) {
        .innews .title-div .more:hover {
            letter-spacing: 2px;
        }
    }
    
    @media only screen and (max-width:1200px) {
        .innews .title-div .title .en,
        .innews .title-div .title .cn {
            font-size: 24px;
        }
    }
    
    @media only screen and (max-width:1024px) {
        .innews .title-div .title .en,
        .innews .title-div .title .cn {
            font-size: 22px;
        }
    }
    
    @media only screen and (max-width:480px) {
        .innews {
            padding-bottom: 0.6rem;
        }
        .innews .innews-swiper .swiper-slide .item .more .line {
            display: none;
        }
        .innews .innews-swiper .swiper-slide .item .more .text {
            color: #26468b;
        }
    }
    /* =========
  行业应用
  ========== */
    
    .industry-main .list {
        max-width: 1200px;
        margin: 0 auto 6%;
        display: flex;
        justify-content: flex-start;
        flex-wrap: wrap;
    }
    
    .industry-main .list .item {
        margin: 5px;
        width: calc(100% / 3 - 10px);
        position: relative;
        border: 1px solid #e1e1e1;
        overflow: hidden;
    }
    
    .industry-main .list .item .img {
        padding-top: calc(488 / 390 * 100%);
    }
    
    .industry-main .list .item .img img {
        transform: scale(1);
        transition: transform .5s;
    }
    
    .industry-main .list .item .info {
        position: absolute;
        bottom: 25px;
        left: 0;
        padding: 0 22px;
        width: 100%;
        /* max-width: 2.3rem; */
    }
    
    .industry-main .list .item .info .tt {
        font-size: 21px;
        color: #ffffff;
        line-height: 1.8;
        transition: all .5s;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    
    .industry-main .list .item .info .desc {
        font-size: 13px;
        color: rgba(255, 255, 255, .7);
        line-height: 1.5;
    }
    
    @media only screen and (min-width:601px) {
        .industry-main .list .item:hover .img img {
            transform: scale(1.1);
        }
        .industry-main .list .item:hover .info .tt {
            color: #26468b;
        }
    }
    
    @media only screen and (max-width:1600px) {
        .industry-main .list .item .info {
            max-width: none;
        }
    }
    
    @media only screen and (max-width:1024px) {
        .industry-main .list .item {
            width: calc(100% / 2 - 10px)
        }
        .industry-main .list .item .info .tt {
            font-size: 18px;
        }
    }
    
    @media only screen and (max-width:768px) {
        .industry-main .list {
            margin-left: -3px;
            margin-right: -3px;
        }
        .industry-main .list .item {
            margin: 3px;
            width: calc(100% / 2 - 6px)
        }
    }
    
    @media only screen and (max-width:480px) {
        .industry-main .list .item {
            width: calc(100% - 6px)
        }
    }
	
	
	
	
	.industry-main2 .list {
	    max-width: 1200px;
	    margin: 0 auto 6%;
	    display: flex;
	    justify-content: flex-start;
	    flex-wrap: wrap;
	}
	
	.industry-main2 .list .item {
	    margin: 5px;
	    width: calc(100% / 4 - 10px);
	    position: relative;
	    border: 1px solid #e1e1e1;
	    overflow: hidden;
	}
	
	.industry-main2 .list .item .img {
	    padding-top: calc(488 / 390 * 100%);
	}
	
	.industry-main2 .list .item .img img {
	    transform: scale(1);
	    transition: transform .5s;
	}
	
	.industry-main2 .list .item .info {
	    position: absolute;
	    bottom: 25px;
	    left: 0;
	    padding: 0 22px;
	    width: 100%;
	    /* max-width: 2.3rem; */
	}
	
	.industry-main2 .list .item .info .tt {
	    font-size: 21px;
	    color: #ffffff;
	    line-height: 1.8;
	    transition: all .5s;
	    white-space: nowrap;
	    overflow: hidden;
	    text-overflow: ellipsis;
	}
	
	.industry-main2 .list .item .info .desc {
	    font-size: 13px;
	    color: rgba(255, 255, 255, .7);
	    line-height: 1.5;
	}
	
	@media only screen and (min-width:601px) {
	    .industry-main2 .list .item:hover .img img {
	        transform: scale(1.1);
	    }
	    .industry-main2 .list .item:hover .info .tt {
	        color: #26468b;
	    }
	}
	
	@media only screen and (max-width:1600px) {
	    .industry-main2 .list .item .info {
	        max-width: none;
	    }
	}
	
	@media only screen and (max-width:1024px) {
	    .industry-main2 .list .item {
	        width: calc(100% / 2 - 10px)
	    }
	    .industry-main2 .list .item .info .tt {
	        font-size: 18px;
	    }
	}
	
	@media only screen and (max-width:768px) {
	    .industry-main2 .list {
	        margin-left: -3px;
	        margin-right: -3px;
	    }
	    .industry-main2 .list .item {
	        margin: 3px;
	        width: calc(100% / 2 - 6px)
	    }
	}
	
	@media only screen and (max-width:480px) {
	    .industry-main2 .list .item {
	        width: calc(100% - 6px)
	    }
	}
	
    /* 详情 */
    
    .caseDetUl {
        margin-bottom: 0.8rem;
    }
    
    .caseDetUl li .top {
        background-color: #606060;
        padding: 0 0.54rem;
        position: relative;
        cursor: pointer;
        border-bottom: 1px solid rgba(255, 255, 255, .25);
        height: 1rem;
        min-height: 70px;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    
    .caseDetUl li .top .title {
        font-size: 20px;
        color: #ffffff;
        line-height: 1.2;
        overflow: hidden;
        -ms-text-overflow: ellipsis;
        text-overflow: ellipsis;
        white-space: nowrap;
        padding-right: 20px;
    }
    
    .caseDetUl li .top .desc {
        font-size: 14px;
        color: #ffffff;
        line-height: 2;
        overflow: hidden;
        -ms-text-overflow: ellipsis;
        text-overflow: ellipsis;
        white-space: nowrap;
        padding-right: 20px;
    }
    
    .caseDetUl li .top .icon {
        position: absolute;
        top: 50%;
        right: 0.54rem;
        width: 30px;
        height: 30px;
        border-radius: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
    }
    
    .caseDetUl li .top .icon:after,
    .caseDetUl li .top .icon:before {
        content: "";
        width: 18px;
        height: 2px;
        background-color: #ffffff;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }
    
    .caseDetUl li .top .icon:before {
        height: 18px;
        width: 2px;
        opacity: 1;
        visibility: visible;
        transition: all .3s;
    }
    
    .caseDetUl li .content-div {
        overflow: hidden;
        background-color: #f0f0f0;
        padding-bottom: 0.53rem;
        display: none;
    }
    
    .caseDetUl li.on .top {
        background-color: #26468b;
    }
    
    .caseDetUl li.on .top .icon:before {
        opacity: 0;
        visibility: hidden;
    }
    
    .caseDetUl li .content-div .title {
        font-size: 0.3rem;
        color: #000000;
        padding: 0.36rem 0.54rem;
        border-bottom: 1px solid #dcdcdc;
    }
    
    .caseDetUl li .content {
        line-height: 2.14;
        color: #424242;
        font-size: 14px;
        padding: 0.35rem 0.54rem 0.5rem;
    }
    
    .caseDetUl li .content-div .hidebtn {
        width: 1.8rem;
        min-width: 160px;
        height: 0.5rem;
        min-height: 46px;
        background-color: #26468b;
        border-radius: 1rem;
        display: flex;
        justify-content: center;
        align-items: center;
        margin: 0 auto;
        cursor: pointer;
        -webkit-border-radius: 1rem;
        -moz-border-radius: 1rem;
        -ms-border-radius: 1rem;
        -o-border-radius: 1rem;
    }
    
    .caseDetUl li .content-div .hidebtn>span {
        font-size: 16px;
        color: #ffffff;
        border-bottom: 1px solid #ffffff;
    }
    
    .industry-main .back {
        width: 2.6rem;
        min-width: 210px;
        height: 0.65rem;
        min-height: 50px;
        border-radius: 2rem;
        border: 1px solid #e5e5e5;
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 0 auto 0.7rem;
        font-size: 18px;
        color: #26468b;
        transition: all 0.5s ease;
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -ms-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        -webkit-border-radius: 2rem;
        -moz-border-radius: 2rem;
        -ms-border-radius: 2rem;
        -o-border-radius: 2rem;
    }
    
    .industry-main .back:hover {
        color: #fff;
        background: #26468b;
    }
    
    .product-tui .title {
        font-size: 0.36rem;
        color: #000000;
        padding-bottom: 0.32rem;
        border-bottom: 1px solid #dcdcdc;
        padding-left: 55px;
    }
    
    .protui-swiper {
        padding: 0.66rem 0 1.1rem;
    }
    
    .protui-swiper .swiper-slide .item {
        display: block;
        padding: 0 0.54rem;
        overflow: hidden;
    }
    
    .protui-swiper .swiper-slide .item .img {
        padding-top: calc(304 / 360 * 100%);
        position: relative;
        margin-bottom: 32px;
    }
    
    .protui-swiper .swiper-slide .item .img img {
        transform: scale(1);
        transition: transform .5s;
    }
    
    .protui-swiper .swiper-slide .item .tit {
        font-size: 20px;
        color: #000000;
        text-align: center;
        transition: all .5s;
    }
    
    .protui-swiper .btn {
        position: absolute;
        top: 50%;
        width: 50px;
        height: 50px;
        margin-top: -25px;
        z-index: 1;
        outline: none;
        cursor: pointer;
    }
    
    .protui-swiper .btn::before {
        content: '';
        position: absolute;
        top: 50%;
        width: 18px;
        height: 18px;
        border-style: solid;
        border-width: 2px;
        border-color: transparent transparent #323232 #323232;
        transform: rotate(45deg);
        margin-top: -9px;
    }
    
    .protui-swiper .btn.swiper-button-disabled::before {
        opacity: 0.4;
    }
    
    .protui-swiper .btn.protui-prev::before {
        left: 4px;
    }
    
    .protui-swiper .btn.protui-next {
        right: 0;
    }
    
    .protui-swiper .btn.protui-next::before {
        right: 4px;
        border-color: #323232 #323232 transparent transparent;
    }
    
    @media only screen and (min-width:601px) {
        .protui-swiper .swiper-slide .item:hover .tit {
            color: #26468b;
        }
        .protui-swiper .swiper-slide .item:hover .img img {
            transform: scale(1.1);
        }
    }
    
    @media only screen and (max-width:1200px) {
        .caseDetUl li .content-div .title {
            font-size: 20px;
        }
        .protui-swiper {
            padding: 1rem 0 1.1rem
        }
        .protui-swiper .swiper-slide .item {
            padding: 0 1rem;
        }
    }
    
    @media only screen and (max-width:1024px) {
        .protui-swiper .swiper-slide .item .tit,
        .caseDetUl li .top .title {
            font-size: 18px;
        }
        .product-tui .title {
            font-size: 22px;
            padding-left: 0;
        }
        .caseDetUl li .content-div .hidebtn>span {
            font-size: 14px;
        }
    }
    /* =========
  新闻资讯
  ========== */
    
    .news-tui {
        position: relative;
        /* padding: 0 120px; */
        margin-bottom: 0.98rem;
        overflow: hidden;
    }
    
    .newstui-swiper .swiper-slide {
        width: 53%;
        padding: 20px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        transition: transform 0.5s ease;
        -webkit-transition: transform 0.5s ease;
        -moz-transition: transform 0.5s ease;
        -ms-transition: transform 0.5s ease;
        -o-transition: transform 0.5s ease;
    }
    
    .newstui-swiper .swiper-slide a {
        width: 100%;
        position: relative;
        padding-top: 58.72%;
    }
    
    .newstui-swiper .swiper-slide:not(.swiper-slide-active) a {
        padding-top: 47%;
        margin: calc(11.72% / 2) 0;
    }
    
    .newstui-swiper .swiper-slide a>img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    
    .newstui-swiper .swiper-slide a>.info {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        max-height: 100%;
        padding: 0.5rem;
    }
    
    .newstui-swiper .swiper-slide.swiper-slide-active a>img {
        box-shadow: 0 0 20px 0 rgba(0, 0, 0, .5);
    }
    
    .newstui-swiper .swiper-slide .item .info .tt {
        font-size: 18px;
        color: #ffffff;
        margin-bottom: 15px;
    }
    
    .newstui-swiper .swiper-slide .item .info .desc {
        font-size: 14px;
        color: rgba(255, 255, 255, .65);
        line-height: 20px;
    }
    
    .newstui-swiper .swiper-slide .item .info {
        opacity: 0;
        transition: opacity 0.5s ease;
        -webkit-transition: opacity 0.5s ease;
        -moz-transition: opacity 0.5s ease;
        -ms-transition: opacity 0.5s ease;
        -o-transition: opacity 0.5s ease;
    }
    
    .newstui-swiper .swiper-slide.swiper-slide-active .item .info {
        opacity: 1;
    }
    
    .news-tui .img-prev,
    .news-tui .img-next {
        position: absolute;
        top: 43%;
        width: 50px;
        height: 50px;
        margin-top: -25px;
        background-color: #26468b;
        cursor: pointer;
        outline: none;
        z-index: 2;
    }
    
    .news-tui .img-prev {
        left: 23.5%;
    }
    
    .news-tui .img-next {
        right: 23.5%;
    }
    
    .news-tui .img-prev::before,
    .news-tui .img-next::before {
        content: "";
        position: absolute;
        top: 50%;
        width: 18px;
        height: 18px;
        border-style: solid;
        border-width: 2px;
        border-color: #ffffff #ffffff transparent transparent;
        margin-top: -9px;
    }
    
    .news-tui .img-prev::before {
        left: 50%;
        margin-left: -5px;
        transform: rotate(-135deg);
    }
    
    .news-tui .img-next::before {
        right: 50%;
        transform: rotate(45deg);
        margin-right: -7px;
    }
    
    .news-tui .newstui-pagination {
        text-align: center;
        margin-top: 0.3rem;
    }
    
    .news-tui .newstui-pagination .swiper-pagination-bullet {
        width: 32px;
        height: 4px;
        background: #e5e5e5;
        opacity: 1;
        border-radius: 0;
        margin: 0 7px;
    }
    
    .news-tui .newstui-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
        background: #26468b;
    }
    
    .news-list {
        display: flex;
        justify-content: flex-start;
        flex-wrap: wrap;
        margin: 0 -0.21rem;
    }
    
    .news-list .item {
        display: block;
        margin: 0 0.21rem 1.03rem;
        width: calc(100% / 4 - 0.42rem);
        padding: 0.3rem 0 0.2rem;
    }
    
    .news-list .item:nth-child(4n) {
        margin-right: 0;
    }
    
    .news-list .item .time {
        font-size: 14px;
        color: #939393;
        margin-bottom: 15px;
    }
    
    .news-list .item .tt {
        font-size: 16px;
        color: #000000;
        margin-bottom: 15px;
    }
    
    .news-list .item .desc {
        font-size: 14px;
        color: rgba(59, 59, 59, .58);
        line-height: 1.33;
        margin-bottom: 0.98rem;
    }
    
    .news-list .item .more {
        line-height: 20px;
        height: 20px;
    }
    
    .news-list .item .more .line {
        width: 100%;
        height: 1px;
        background-color: #12b877;
        margin-top: 10px;
    }
    
    .news-list .item .more .text {
        display: none;
        font-size: 14px;
        color: #ffffff;
    }
    
    @media only screen and (max-width:1400px) {
        .news-tui .img-prev {
            left: 14.5%;
        }
        .news-tui .img-next {
            right: 14.5%;
        }
        .newstui-swiper .swiper-slide {
            width: 70%;
        }
    }
    
    @media only screen and (max-width:1200px) {
        .news-list .item {
            width: calc(100% / 3 - 0.42rem);
        }
    }
    
    @media only screen and (max-width:1024px) {
        .news-tui .img-prev {
            left: 0%;
        }
        .news-tui .img-next {
            right: 0%;
        }
        .newstui-swiper .swiper-slide {
            width: 100%;
        }
        .newstui-swiper .swiper-slide:not(.swiper-slide-active) a {
            padding-top: 58.72%;
            margin: 0;
        }
    }
    
    @media only screen and (min-width:768px) {
        .news-list .item:hover {
            background-color: #26468b;
            padding: 0.3rem 0.3rem 0.2rem;
        }
        .news-list .item:hover .time,
        .news-list .item:hover .tt {
            color: #ffffff;
        }
        .news-list .item:hover .desc {
            color: rgba(255, 255, 255, .58);
        }
        .news-list .item:hover .more .line {
            display: none;
        }
        .news-list .item:hover .more .text {
            display: block;
        }
        .news-list+.all-Page-box {
            margin-top: -0.5rem;
        }
    }
    
    @media only screen and (max-width:768px) {
        .newstui-swiper .swiper-slide {
            padding: 0;
        }
        .news-tui .img-prev,
        .news-tui .img-next {
            width: 30px;
            background: none;
        }
        .news-list .item {
            width: calc(100% / 2 - 0.42rem);
            margin-bottom: 0.4rem;
        }
    }
    
    @media only screen and (max-width:480px) {
        .news-list .item {
            width: calc(100% - 0.42rem)
        }
        .news-list .item .desc {
            margin-bottom: 0.5rem;
        }
        .newstui-swiper .swiper-slide .item .info .desc {
            display: none;
        }
        .newstui-swiper .swiper-slide .item .info .tt {
            font-size: 16px;
            margin-bottom: 0;
        }
        .news-list .item .more .line {
            display: none;
        }
        .news-list .item .more .text {
            display: block !important;
            color: #26468b;
        }
    }
    /* 视频 */
    
    .video-list {
        display: flex;
        justify-content: flex-start;
        flex-wrap: wrap;
        margin: 0 -0.18rem;
    }
    
    .video-list .item {
        margin: 0 0.18rem 0.85rem;
        width: calc(100% / 3 - 0.36rem);
    }
    
    .video-list .item .img {
        position: relative;
        padding-top: calc(284 / 446 * 100%);
        overflow: hidden;
    }
    
    .video-list .item .img img {
        transform: scale(1);
        transition: transform .5s;
    }
    
    .video-list .item .img::after {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background-image: url(../images/video.png);
        background-repeat: no-repeat;
        background-position: center;
        background-size: 30px 40px;
        opacity: 0.75;
    }
    
    .video-list .item .info {
        padding: 0.28rem 3% 0;
    }
    
    .video-list .item .info .tt {
        font-size: 18px;
        color: #000000;
        text-align: center;
    }
    
    @media only screen and (min-width:601px) {
        .video-list .item:hover .img img {
            transform: scale(1.1);
        }
    }
    
    @media only screen and (max-width:1024px) {
        .video-list .item {
            width: calc(100% / 2 - 0.36rem);
        }
    }
    
    @media only screen and (max-width:768px) {
        .video-list .item {
            width: calc(100% - 0.36rem);
        }
    }
    /* 新闻详情 */
    
    .newsview {
        padding-top: 1rem;
    }
    
    .newsview .nview-top {
        border-top: 0.05rem solid #26468b;
        padding: 0.44rem 0.48rem 0.4rem 0.48rem;
    }
    
    .newsview .nview-top .title {
        font-size: 24px;
        color: #000000;
        margin-bottom: 0.18rem;
    }
    
    .newsview .nview-top .date {
        font-size: 15px;
        color: #666666;
    }
    
    .newsview .nview-content {
        padding: 0.6rem 0.48rem;
        border-top: 1px solid #dcdcdc;
        border-bottom: 1px solid #dcdcdc;
        font-size: 14px;
        color: #424242;
        line-height: 1.5;
    }
    
    .newsview .nview-content video {
        width: 100% !important;
        height: 643px !important;
        outline: none;
        background: #000000;
    }
    
    .newsview .nview-bottom {
        display: flex;
        align-items: center;
        justify-content: center;
        padding-top: 1rem;
        padding-bottom: 0.98rem;
    }
    
    .newsview .nview-bottom .title {
        display: flex;
        align-items: center;
        flex: 1;
        width: calc((100% - 150px) / 2);
        padding-right: 10px;
    }
    
    .newsview .nview-bottom .title .tit {
        max-width: 60%;
    }
    
    .newsview .nview-bottom .title .icon {
        width: 48px;
        height: 48px;
        border: 1px solid #dcdcdc;
        position: relative;
        margin-right: 0.52rem;
    }
    
    .newsview .nview-bottom .title .icon::before {
        content: '';
        position: absolute;
        left: 50%;
        top: 50%;
        width: 16px;
        height: 16px;
        border-style: solid;
        border-width: 2px;
        border-color: transparent transparent #b7b7b7 #b7b7b7;
        transform: rotate(45deg);
        margin-top: -8px;
        margin-left: -2px;
    }
    
    .newsview .nview-bottom .title.next {
        justify-content: flex-end;
        padding-left: 10px;
        padding-right: 0;
    }
    
    .newsview .nview-bottom .title.next .icon {
        margin-right: 0;
        margin-left: 0.52rem;
        transition: all .5s;
    }
    
    .newsview .nview-bottom .title.next .icon::before {
        border-color: #b7b7b7 #b7b7b7 transparent transparent;
        margin-left: -11px;
    }
    
    .newsview .nview-bottom .title .tt {
        font-size: 16px;
        color: #010101;
        margin-bottom: 4px;
        width: 100%;
    }
    
    .newsview .nview-bottom .title .dd {
        font-size: 14px;
        color: #858585;
    }
    
    .newsview .nview-bottom .mid-a {
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 0.16rem 0 0.22rem;
        border-left: 1px solid #dcdcdc;
        border-right: 1px solid #dcdcdc;
        width: 1.5rem;
    }
    
    .newsview .nview-bottom .mid-a .back {
        font-size: 16px;
        color: #000000;
        text-align: center;
        margin-bottom: 10px;
    }
    
    .newsview .nview-bottom .mid-a .icon {
        width: 0.32rem;
        height: 0.32rem;
        min-width: 24px;
        min-height: 24px;
        background-image: url(../images/list_icon.png);
        background-repeat: no-repeat;
        background-position: center;
        background-size: 100%;
        transform: translateX(0);
        transition: all .5s;
    }
    
    @media only screen and (max-width:1024px) {
        .newsview .nview-top .title {
            font-size: 22px;
        }
    }
    
    @media only screen and (max-width:768px) {
        .newsview .nview-top .title {
            font-size: 20px;
        }
        .newsview .nview-bottom .title .icon {
            border: none;
            width: 20px;
        }
        .newsview .nview-bottom .title:hover .icon {
            background-color: none;
            border: none;
        }
        .newsview .nview-bottom .title:hover .icon::before {
            border-color: transparent transparent #26468b #26468b;
        }
        .newsview .nview-bottom .title.next:hover .icon::before {
            border-color: #26468b #26468b transparent transparent;
        }
    }
    
    @media only screen and (max-width:600px) {
        .newsview .nview-content video {
            width: 100% !important;
            height: 100% !important;
        }
        .newsview .nview-bottom .mid-a {
            display: none;
        }
        .newsview .nview-bottom {
            display: block;
            padding-top: 0.5rem;
        }
        .newsview .nview-bottom div.title {
            width: 100%;
            margin-bottom: 8px;
        }
        .newsview .nview-bottom div.title.line {
            border: 1px solid #26468b;
        }
        .newsview .nview-bottom .title.next {
            justify-content: flex-start;
        }
        .newsview .nview-bottom .title .tit {
            max-width: 88%;
            width: 100%;
        }
        .newsview .nview-bottom .title .tt {
            margin-bottom: 0;
        }
    }
    /* =========
  关于超睿
  ========== */
    /* 简介 */
    
    .company-one {
        padding-top: 1.5rem;
        padding-bottom: 1.2rem;
    }
    
    .company-one .one-top {
        display: flex;
        margin-bottom: 1.17rem;
    }
    
    .company-one .one-top .c-left {
        width: 50%;
    }
    
    .company-one .one-top .c-left .title {
        margin-bottom: 0.56rem;
    }
    
    .company-one .one-top .c-left .title .en {
        font-size: 0.36rem;
        color: #000000;
        font-family: "Arial Bold";
        font-weight: bold;
    }
    
    .company-one .one-top .c-left .title .cn {
        font-size: 24px;
        color: #000000;
    }
    
    .company-one .one-top .c-left .info {
        font-size: 16px;
        color: #535353;
        line-height: 2.25;
    }
    
    .company-one .one-top .c-right {
        width: 50%;
        position: relative;
        padding-left: 1.06rem;
    }
    
    .company-one .one-top .c-right .lv_bg {
        width: 2.74rem;
        height: 2.16rem;
        background-color: #26468b;
        position: absolute;
        right: -0.4rem;
        bottom: -0.26rem;
        z-index: -1;
    }
    
    .company-one .one-top .c-right .img {
        width: 3.94rem;
        position: relative;
        z-index: 2;
        margin-left: 0.58rem;
    }
    
    .company-one .one-top .c-right .img img {
        width: 100%;
    }
    
    .company-one .one-top .c-right .lv_box {
        position: absolute;
        top: -0.5rem;
        left: -0.6rem;
        width: 3.04rem;
        height: 2.08rem;
        border: 1px solid #26468b;
        z-index: 3;
    }
    
    .company-one .content2 {
        font-size: 16px;
        color: #4e4e4e;
    }
    
    .company-one .content2.phone {
        display: none;
    }
    
    .company-two {
        overflow: hidden;
    }
    
    .company-two .outer-container {
        width: 94%;
        max-width: 1200px;
        margin: 0 auto;
        display: flex;
    }
    
    .company-two .l-content {
        padding: 1.85rem 0 2.14rem 0;
        width: 40%;
        position: relative;
    }
    
    .company-two .l-content::after {
        content: "";
        display: block;
        width: 9999px;
        height: 100%;
        position: absolute;
        top: 0;
        right: 0;
        background: #26468b;
        z-index: -1;
    }
    
    .company-two .l-content .text {
        font-size: 16px;
        color: #ffffff;
        line-height: 2.25;
        padding-right: 0.8rem;
    }
    
    .company-two .r-content {
        width: calc(60% + 2.65rem);
        display: flex;
        justify-content: center;
        padding: 0.8rem 0;
        padding-left: 10%;
        position: relative;
        margin-right: -2.65rem;
    }
    
    .company-two .r-content img {
        object-fit: contain;
    }
    
    .company-two .r-content::after {
        content: "";
        display: block;
        width: 9999px;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        background: #f6f6f6;
        z-index: -1;
    }
    
    .company-three .container2 {
        padding: 0.9rem 0.78rem 1rem;
    }
    
    .company-three .content {
        font-size: 16px;
        color: #0d0d0d;
        line-height: 2.25;
        margin-bottom: 0.75rem;
    }
    
    .company-three .title {
        text-align: center;
        font-size: 0.3rem;
        color: #0d0d0d;
        padding-bottom: 0.3rem;
        position: relative;
        margin-bottom: 0.56rem;
    }
    
    .company-three .title::after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 50%;
        width: 45px;
        height: 2px;
        background-color: #26468b;
        margin-left: -22.5px;
    }
    
    .company-three .imgs {
        position: relative;
        padding: 0 25px;
    }
    
    .companyImg-swiper .swiper-slide {
        padding-top: calc(540 / 1000 * 100%);
        height: 0;
    }
    
    .companyImg-swiper .companyimg-pagination {
        position: absolute;
        left: 0;
        bottom: 0.3rem;
        text-align: center;
        z-index: 1;
    }
    
    .companyImg-swiper .companyimg-pagination .swiper-pagination-bullet {
        width: 24px;
        height: 2px;
        opacity: 1;
        margin: 0 4px;
        border-radius: 0;
        background: #ffffff;
    }
    
    .companyImg-swiper .companyimg-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
        background: #26468b;
    }
    
    .company-three .imgs .btn {
        position: absolute;
        top: 50%;
        left: 0;
        width: 0.5rem;
        min-width: 46px;
        height: 0.5rem;
        min-height: 46px;
        background-color: #1b1b1b;
        z-index: 1;
        transform: translate(0, -50%);
        outline: none;
        cursor: pointer;
        -webkit-transform: translate(0, -50%);
        -moz-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        -o-transform: translate(0, -50%);
        display: none;
    }
    
    .company-three .imgs .btn::before {
        content: "";
        position: absolute;
        left: 50%;
        top: 50%;
        width: 16px;
        height: 16px;
        border-style: solid;
        border-width: 2px;
        border-color: transparent transparent #ffffff #ffffff;
        transform: rotate(45deg);
        margin-top: -8px;
        margin-left: -2px;
    }
    
    .company-three .imgs .btn.companyimg-next {
        left: auto;
        right: 0;
    }
    
    .company-three .imgs .btn.companyimg-next::before {
        border-color: #ffffff #ffffff transparent transparent;
        margin-left: -10px;
    }
    
    .company-three .imgs .btn.companyimg-next.swiper-button-disabled {
        border-color: #9e9e9e #9e9e9e transparent transparent;
    }
    
    .company-three .imgs .btn.companyimg-prev.swiper-button-disabled {
        border-color: transparent transparent #9e9e9e #9e9e9e;
    }
    
    @media only screen and (max-width:1770px) {
        .company-two .r-content {
            width: calc(60% + 2rem);
            margin-right: -2rem;
        }
    }
    
    @media only screen and (max-width:1640px) {
        .company-two .r-content {
            width: calc(60% + 120px);
            margin-right: -120px;
        }
    }
    
    @media only screen and (max-width:1520px) {
        .company-two .r-content {
            width: calc(60% + 60px);
            margin-right: -60px;
        }
    }
    
    @media only screen and (max-width:1370px) {
        .company-two .r-content {
            width: 60%;
            margin-right: 0;
        }
    }
    
    @media only screen and (max-width:1200px) {
        .company-one .one-top .c-left {
            width: 60%;
        }
        .company-one .one-top .c-right {
            width: 40%;
        }
        .company-one .one-top .c-left .title .cn {
            font-size: 22px;
        }
        .company-one .one-top .c-left .title .en {
            font-size: 24px;
        }
        .company-three .container2 {
            padding-left: 0;
            padding-right: 0;
        }
        .company-three .title {
            font-size: 22px;
        }
    }
    
    @media only screen and (max-width:1024px) {
        .company-one .one-top .c-left .title .en {
            font-size: 22px;
        }
        .company-one .one-top .c-right {
            padding-left: 0.5rem;
        }
        .company-two .outer-container {
            flex-direction: column-reverse;
        }
        .company-two .r-content,
        .company-two .l-content {
            width: 100%;
            padding: 0.8rem 0
        }
        .company-two .r-content::after,
        .company-two .l-content::after {
            left: 50%;
            right: auto;
            transform: translate(-50%, 0);
            -webkit-transform: translate(-50%, 0);
            -moz-transform: translate(-50%, 0);
            -ms-transform: translate(-50%, 0);
            -o-transform: translate(-50%, 0);
        }
        .company-two .l-content .text {
            padding-right: 0;
        }
    }
    
    @media only screen and (max-width:768px) {
        .company-one .one-top {
            flex-direction: column-reverse;
        }
        .company-one .one-top .c-left,
        .company-one .one-top .c-right {
            width: 100%;
        }
        .company-one .one-top .c-left {
            margin-top: 0.8rem;
        }
        .company-one .one-top .c-right {
            padding-left: 0;
        }
        .company-one .one-top .c-right .img {
            width: calc(100% - 1rem);
        }
        .company-one .one-top .c-right .lv_box {
            width: 77.66%;
            height: 37.67%;
        }
        .company-one .one-top .c-right .lv_bg {
            width: 70.55%;
            height: 38.95%;
        }
        .company-one .content2.pc {
            display: none;
        }
        .company-one .content2.phone {
            display: block;
        }
    }
    
    @media only screen and (max-width:480px) {
        .company-three .imgs {
            padding: 0;
        }
        .company-three .imgs .btn {
            background: none;
        }
        .company-two .r-content {
            display: block;
        }
    }
    /* 文化 */
    
    .culture-one {
        background-color: #f7f7f7;
        background-size: 100%;
        background-position: left bottom;
        padding-bottom: 0.86rem;
    }
    
    .culture-one .content {
        display: flex;
        justify-content: center;
        align-items: center;
    }
    
    .culture-one .content img {
        background-size: contain;
    }
    
    .culture-two .fz-div {
        padding-bottom: 0.83rem;
        border-bottom: 1px solid #dcdcdc;
    }
    
    .culture-two .fz-div .title,
    .culture-two .cl-div .title {
        font-size: 24px;
        color: #767676;
        text-align: center;
        margin-bottom: 0.38rem;
    }
    
    .culture-two .fz-div .list {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        max-width: calc(865px + 1rem);
        margin: 0 auto;
    }
    
    .culture-two .fz-div .list .item {
        margin: 0.5rem;
        max-width: 141px;
        padding: 10px;
        max-height: 141px;
        border-radius: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
        position: relative;
    }
    
    .culture-two .fz-div .list .item::before {
        content: '';
        position: absolute;
        top: 50%;
        right: 100%;
        width: 0.8rem;
        height: 2px;
        background-color: #dcdcdc;
        margin-right: 0.1rem;
    }
    
    .culture-two .fz-div .list .item::after {
        content: '';
        position: absolute;
        top: 50%;
        right: 100%;
        width: 6px;
        height: 2px;
        background-color: #dcdcdc;
        margin-right: 0.1rem;
        transform: rotate(45deg);
        margin-top: -2px;
    }
    
    .culture-two .fz-div .list .item:nth-child(1)::before {
        display: none;
    }
    
    .culture-two .fz-div .list .item:nth-child(1)::after {
        display: none;
    }
    
    .culture-two .fz-div .list .item .circle {
        width: 122px;
        height: 122px;
        border-radius: 50%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    
    .culture-two .fz-div .list .item:nth-child(1) {
        border: 1px dashed #0078d3;
    }
    
    .culture-two .fz-div .list .item:nth-child(2) {
        border: 1px dashed #faae16;
    }
    
    .culture-two .fz-div .list .item:nth-child(3) {
        border: 1px dashed #f4423a;
    }
    
    .culture-two .fz-div .list .item:nth-child(4) {
        border: 1px dashed #19aaa8;
    }
    
    .culture-two .fz-div .list .item:nth-child(1) .circle {
        background-color: #0078d3;
    }
    
    .culture-two .fz-div .list .item:nth-child(2) .circle {
        background-color: #faae16;
    }
    
    .culture-two .fz-div .list .item:nth-child(3) .circle {
        background-color: #f4423a;
    }
    
    .culture-two .fz-div .list .item:nth-child(4) .circle {
        background-color: #19aaa8;
    }
    
    .culture-two .fz-div .list .item .circle .cn {
        font-size: 20px;
        color: #ffffff;
        margin-bottom: 5px;
    }
    
    .culture-two .fz-div .list .item .circle .en {
        font-size: 14px;
        color: #ffffff;
        font-family: "Arial Bold";
        font-weight: bold;
    }
    
    .culture-two .container2 {
        background-size: 100%;
    }
    
    .culture-two .cl-div {
        padding: 0.42rem 0 0.46rem;
    }
    
    .culture-two .cl-div .list {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        max-width: calc(865px + 1.1rem);
        margin: 0 auto;
    }
    
    .culture-two .cl-div .list .item {
        margin: 0 0.55rem 0.5rem;
        width: calc(100% / 3 - 1.1rem);
    }
    
    .culture-two .cl-div .list .item .en {
        font-size: 15px;
        color: #26468b;
        font-family: "Arial Bold";
        font-weight: bold;
        width: 100%;
        height: 60px;
        border: 1px solid #26468b;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 0 5px;
    }
    
    .culture-two .cl-div .list .item .line {
        width: 1px;
        height: 54px;
        background-color: #26468b;
        position: relative;
        margin: 0 auto;
    }
    
    .culture-two .cl-div .list .item .line::before {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        width: 7px;
        height: 7px;
        border-radius: 50%;
        background-color: #26468b;
        margin-left: -3.5px;
    }
    
    .culture-two .cl-div .list .item .cn {
        font-size: 20px;
        color: #26468b;
        text-align: center;
        margin-top: 16px;
    }
    
    .culture-three {
        padding-bottom: 1rem;
    }
    
    .culture-three .all-title {
        padding-bottom: 22px;
    }
    
    .culture-three .demo {
        font-size: 24px;
        color: #767676;
        text-align: center;
        margin-bottom: 45px;
    }
    
    .culture-three .list {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        margin: 0 -0.15rem;
    }
    
    .culture-three .list .item {
        margin: 0 0.15rem 0.3rem;
        width: calc(100% / 5 - 0.3rem);
        position: relative;
        padding-top: calc(100% / 5 * 1.1481 - 0.3rem * 1.1481);
        display: flex;
        align-items: center;
        box-shadow: 0 0 15px rgba(0, 0, 0, .3);
    }
    
    .culture-three .list .item .img {
        position: relative;
    }
    
    .culture-three .list .item .info {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: center;
        flex-direction: column;
        align-items: center;
        padding: 0 30px;
        width: 100%;
    }
    
    .culture-three .list .item .info .img {
        max-height: 70px;
        height: 27.23%;
    }
    
    .culture-three .list .item .info .img img {
        height: 100%;
    }
    
    .culture-three .list .item .info .line {
        width: 20px;
        height: 2px;
        background-color: #dcdcdc;
        margin: 16px 0;
    }
    
    .culture-three .list .item .info .tt {
        font-size: 18px;
        color: #ffffff;
    }
    
    @media only screen and (max-width:1400px) {
        .culture-three .demo,
        .culture-two .fz-div .title,
        .culture-two .cl-div .title {
            font-size: 22px;
        }
    }
    
    @media only screen and (max-width:1024px) {
        .culture-three .demo,
        .culture-two .fz-div .title,
        .culture-two .cl-div .title {
            font-size: 20px;
        }
        .culture-two .fz-div .list .item .circle {
            width: 99px;
            height: 99px;
        }
        .culture-two .cl-div .list .item .cn,
        .culture-two .fz-div .list .item .circle .cn {
            font-size: 18px;
        }
        .culture-three .list .item .info .tt,
        .culture-two .cl-div .list .item .en {
            font-size: 16px;
        }
    }
    
    @media only screen and (max-width:768px) {
        .culture-two .fz-div .list {
            flex-direction: column;
            align-items: center;
        }
        .culture-two .fz-div .list .item {
            max-width: 160px;
            min-height: 160px;
        }
        .culture-two .fz-div .list .item .circle {
            width: 140px;
            height: 140px;
            min-width: 140px;
            min-height: 140px;
        }
        .culture-two .fz-div .list .item::before {
            width: 2px;
            height: 0.6rem;
            top: -0.8rem;
            left: 50%;
        }
        .culture-two .fz-div .list .item::after {
            left: 50%;
            top: -0.2rem;
            transform: rotate(-45deg);
            -webkit-transform: rotate(-45deg);
            -moz-transform: rotate(-45deg);
            -ms-transform: rotate(-45deg);
            -o-transform: rotate(-45deg);
        }
        .culture-two .cl-div .list .item {
            display: flex;
            flex-direction: row;
            width: 100%;
            align-items: center;
            margin-left: 0;
            margin-right: 0;
        }
        .culture-two .cl-div .list .item .cn,
        .culture-two .cl-div .list .item .en {
            width: 45%;
            margin-top: 0;
        }
        .culture-two .cl-div .list .item .line {
            width: 10%;
            max-width: 25%;
            height: 1px;
        }
        .culture-two .cl-div .list .item .line::before {
            top: 50%;
            bottom: 0;
            left: auto;
            right: 0;
            transform: translate(0, -50%);
            -webkit-transform: translate(0, -50%);
            -moz-transform: translate(0, -50%);
            -ms-transform: translate(0, -50%);
            -o-transform: translate(0, -50%);
        }
        .culture-three .list .item {
            margin: 0 0.15rem 0.3rem;
            width: calc(100% / 3 - 0.3rem);
            padding-top: calc(100% / 3 * 1.1481 - 0.3rem * 1.1481);
        }
    }
    
    @media only screen and (max-width:480px) {
        .culture-two .cl-div .list .item .cn {
            font-size: 16px;
        }
        .culture-two .cl-div .list .item .cn,
        .culture-two .cl-div .list .item .en {
            width: 50%;
        }
        .culture-two .cl-div .list .item .line {
            display: none;
        }
        .culture-two .cl-div .list .item .en {
            font-size: 14px;
        }
        .culture-three .list .item {
            width: calc(100% / 2 - 0.3rem);
            padding-top: calc(100% / 2 * 1.1481 - 0.3rem * 1.1481);
        }
    }
    /* 发展历程 */
    
    .history-box .content {
        font-size: 14px;
        color: #a0a0a0;
        line-height: 1.7;
        text-align: center;
        padding-bottom: 0.48rem;
        border-bottom: 2px solid #26468b;
    }
    
    .history-box .history-list {
        padding-bottom: 2.4rem;
    }
    
    .history-box .history-list .year-div {
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0.8rem 0 1.15rem;
        position: relative;
    }
    
    .history-box .history-list .year-div::before {
        content: '';
        position: absolute;
        top: 0;
        left: 50%;
        width: 1px;
        height: 38px;
        background-color: #a0a0a0;
    }
    
    .history-box .history-list .year-div::after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 50%;
        width: 1px;
        height: 59px;
        background-color: #a0a0a0;
    }
    
    .history-box .history-list .year-div .yy {
        text-align: center;
    }
    
    .history-box .history-list .year-div .yy .y {
        font-size: 0.36rem;
        color: #000000;
        font-family: "Arial Bold";
        font-weight: bold;
    }
    
    .history-box .history-list .year-div .yy .t {
        font-size: 16px;
        color: #414141;
    }
    
    .history-box .history-list .year-div .ii {
        font-size: 0.57rem;
        color: #26468b;
        font-family: "Arial Bold";
        font-weight: bold;
        margin: 0 0.26rem;
    }
    
    .history-box .history-list .list {
        position: relative;
    }
    
    .history-box .history-list .list::before {
        content: '';
        position: absolute;
        left: 50%;
        top: 0;
        width: 1px;
        height: calc(100% + 1rem);
        background-color: #a0a0a0;
    }
    
    .history-box .history-list .list::after {
        content: '';
        position: absolute;
        bottom: -1rem;
        left: 50%;
        width: 12px;
        height: 12px;
        border-radius: 50%;
        background-color: #26468b;
        margin-left: -5px;
    }
    
    .history-box .history-list .list .item {
        padding-bottom: 0.5rem;
        width: 100%;
        max-width: 50%;
        padding-right: 48px;
        margin-right: auto;
        margin-left: 0;
        position: relative;
        display: flex;
        flex-direction: column;
        align-items: flex-end;
    }
    
    .history-box .history-list .list .item::before {
        content: '';
        position: absolute;
        top: 16px;
        right: 0;
        width: 39px;
        height: 1px;
        background-color: #a0a0a0;
    }
    
    .history-box .history-list .list .item:nth-child(2n) {
        margin-right: 0;
        margin-left: auto;
        padding-right: 0;
        padding-left: 48px;
        align-items: flex-start;
    }
    
    .history-box .history-list .list .item:nth-child(2n)::before {
        right: auto;
        left: 0;
    }
    
    .history-box .history-list .list .item .year {
        font-size: 28px;
        color: #26468b;
        margin-bottom: 0.24rem;
    }
    
    .history-box .history-list .list .item .demo {
        font-size: 18px;
        clear: #000000;
        line-height: 1.33;
        position: relative;
        padding-right: 16px;
    }
    
    .history-box .history-list .list .item .demo::before {
        content: '';
        position: absolute;
        top: 9px;
        right: 0;
        width: 5px;
        height: 5px;
        background-color: #26468b;
    }
    
    .history-box .history-list .list .item:nth-child(2n) .demo {
        padding-right: 0;
        padding-left: 16px;
    }
    
    .history-box .history-list .list .item:nth-child(2n) .demo::before {
        right: auto;
        left: 0;
    }
    
    @media only screen and (max-width:1200px) {
        .history-box .history-list .year-div .ii {
            font-size: 38px;
        }
    }
    
    @media only screen and (max-width:1024px) {
        .history-box .history-list .year-div .yy .y {
            font-size: 22px;
        }
        .history-box .history-list .list .item .year {
            font-size: 20px;
        }
    }
    
    @media only screen and (max-width:768px) {
        .history-box .history-list .list .item .demo,
        .history-box .history-list .year-div::before,
        .history-box .history-list .year-div::after {
            left: 0.5rem;
            height: 100%;
        }
        .history-box .history-list .list::before,
        .history-box .history-list .list::after {
            left: 0.5rem;
        }
        .history-box .history-list .year-div {
            justify-content: flex-start;
            padding-left: calc(0.5rem + 48px);
        }
        .history-box .history-list .list .item {
            margin-left: auto;
            margin-right: 0;
            max-width: calc(100% - 0.5rem) !important;
            align-items: flex-start;
            padding-left: 48px;
            padding-right: 0;
            padding-bottom: 0.7rem;
        }
        .history-box .history-list .list .item::before {
            left: 0;
            right: auto;
        }
        .history-box .history-list .list .item .demo {
            padding-left: 16px;
            padding-right: 0;
            font-size: 16px;
            width: calc(100% - 20px);
        }
        .history-box .history-list .list .item .demo::before {
            left: 0;
            right: auto;
        }
    }
    
    @media only screen and (max-width:480px) {
        .history-box .history-list {
            padding-bottom: 1.4rem;
        }
        .history-box .history-list .list::after,
        .history-box .history-list .list .item::before,
        .history-box .history-list .year-div::before,
        .history-box .history-list .year-div::after,
        .history-box .history-list .list::before {
            display: none;
        }
        .history-box .history-list .year-div {
            padding-left: 0;
            justify-content: center;
        }
        .history-box .history-list .list .item {
            max-width: 100% !important;
            margin: 0 auto !important;
            padding-left: 0 !important;
        }
        .history-box .history-list .list .item .year {
            margin-left: 18px;
        }
    }
    /* 合作 伙伴 */
    
    .coop-div .coop-desc {
        font-size: 18px;
        color: #a0a0a0;
        text-align: center;
        margin-bottom: 0.45rem;
    }
    
    .coop-div .list {
        display: flex;
        flex-wrap: wrap;
        margin-bottom: 0.88rem;
        padding-top: 0.76rem;
        border-top: 1px solid #dcdcdc;
    }
    
    .coop-div .list .item {
        margin: 0 0.1rem 0.36rem;
        padding-top: calc(100% / 6 * 0.5556 - 0.2rem * 0.5556);
        position: relative;
        width: calc(100% / 6 - 0.2rem);
    }
    
    .coop-div .list .item .img {
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        object-fit: contain;
    }
    
    .coop-div .list .item:nth-child(n+19) {
        display: none;
    }
    
    .coop-div .list.show-all-item .item:nth-child(n+19) {
        display: block;
    }
    
    .lookall {
        width: 1.8rem;
        min-width: 140px;
        height: 0.5rem;
        min-height: 42px;
        border-radius: 1.8rem;
        background-color: #26468b;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 16px;
        color: #ffffff;
        margin: 0 auto;
        cursor: pointer;
        -webkit-border-radius: 1.8rem;
        -moz-border-radius: 1.8rem;
        -ms-border-radius: 1.8rem;
        -o-border-radius: 1.8rem;
    }
    
    .partner-div {
        padding-bottom: 1.02rem;
    }
    
    .partner-div .list {
        display: flex;
        justify-content: flex-start;
        flex-wrap: wrap;
        padding-top: 0.98rem;
        border-top: 1px solid #dcdcdc;
        margin-bottom: 0.32rem;
    }
    
    .partner-div .list .item {
        margin: 0 0.4rem 0.48rem;
        width: calc(100% / 3 - 0.8rem);
    }
    
    .partner-div .list .item:nth-child(n+7) {
        display: none;
    }
    
    .partner-div .list.show-all-item .item:nth-child(n+7) {
        display: block;
    }
    
    .partner-div .list .item .img {
        position: relative;
        padding-top: calc(426 / 302 * 100%);
    }
    
    .partner-div .list .item .tt {
        font-size: 18px;
        color: #000000;
        line-height: 2.8;
        text-align: center;
    }
    
    @media only screen and (max-width:1024px) {
        .coop-div .list .item {
            padding-top: calc(100% / 4 * 0.5556 - 0.2rem * 0.5556);
            width: calc(100% / 4 - 0.2rem);
        }
    }
    
    @media only screen and (max-width:768px) {
        .coop-div .list .item {
            padding-top: calc(100% / 3 * 0.5556 - 0.2rem * 0.5556);
            width: calc(100% / 3 - 0.2rem);
        }
        .partner-div .list .item {
            width: calc(100% / 2 - 0.8rem);
        }
    }
    
    @media only screen and (max-width:480px) {
        .coop-div .list .item {
            padding-top: calc(100% / 2 * 0.5556 - 0.2rem * 0.5556);
            width: calc(100% / 2 - 0.2rem);
        }
        .partner-div .list .item {
            width: calc(100% - 0.8rem);
        }
    }
    /* 服务保障 */
    
    .service-div {
        background-color: #f7f7f7;
    }
    
    .service-div .list {
        padding: 0.96rem 0 1rem;
    }
    
    .service-div .list .item {
        position: relative;
        display: flex;
        margin-bottom: 1.9rem;
        width: 100%;
    }
    
    .service-div .list .item::after {
        content: '';
        position: absolute;
        top: 100%;
        left: 46%;
        width: 1.52rem;
        height: 1.77rem;
        background-image: url(../images/service.png);
        background-repeat: no-repeat;
        background-position: left bottom;
        background-size: 100%;
    }
    
    .service-div .list .item:last-of-type {
        margin-bottom: 0;
    }
    
    .service-div .list .item:last-of-type::after {
        display: none;
    }
    
    .service-div .list .item .l-img {
        position: relative;
        width: 45.58%;
        height: 0;
        padding-top: 26.08%;
        position: relative;
        margin-left: 1.08rem;
    }
    
    .service-div .list .item:nth-child(2n) .l-img {
        margin-left: 0;
        margin-right: 1.08rem;
    }
    
    .service-div .list .item .l-img img {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
    }
    
    .service-div .list .item .r-info {
        width: 45%;
        height: auto;
        position: relative;
        z-index: 1;
        margin-left: -18.33%;
        display: flex;
        align-items: flex-start;
        justify-content: flex-start;
    }
    
    .service-div .list .item:nth-child(2n) .r-info {
        margin-left: 0;
        margin-right: -18.33%;
        align-items: flex-end;
        justify-content: flex-end;
    }
    
    .service-div .list .item .r-info .num {
        position: absolute;
        top: 0;
        left: 0;
        width: 0.8rem;
        min-width: 50px;
        height: 0.8rem;
        min-height: 50px;
        border-radius: 50%;
        background-color: #26468b;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 0.48rem;
        color: #ffffff;
        transform: translate(-50%, -50%);
        font-family: "Arial Regular";
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        -o-border-radius: 50%;
    }
    
    .service-div .list .item:nth-child(2n) .r-info .num {
        left: auto;
        right: 0;
        transform: translate(50%, -50%);
        -webkit-transform: translate(50%, -50%);
        -moz-transform: translate(50%, -50%);
        -ms-transform: translate(50%, -50%);
        -o-transform: translate(50%, -50%);
    }
    
    .service-div .list .item .r-info .info {
        min-width: 100%;
        padding: 0.6rem 0.36rem 0.46rem;
        max-width: 4.72rem;
        background-color: #ffffff;
        box-shadow: 0 0 20px rgba(0, 0, 0, .2);
    }
    
    .service-div .list .item .r-info .info .tt {
        font-size: 20px;
        color: #26468b;
        font-weight: bold;
        margin-bottom: 14px;
    }
    
    .service-div .list .item .r-info .info .desc {
        font-size: 14px;
        color: #666666;
        line-height: 1.7;
        max-height: 142px;
        line-height: 1.7;
        overflow-y: auto;
    }
    
    .service-div .list .item .r-info .info .desc::-webkit-scrollbar {
        display: none
    }
    
    .service-div .list .item:nth-child(2n) {
        flex-direction: row-reverse;
        align-items: flex-end;
        margin-bottom: 2.25rem;
    }
    
    .service-div .list .item:nth-child(2n)::after {
        background-image: url(../images/service02.png);
        width: 1.56rem;
        height: 2.1rem;
    }
    
    .service-div .list .item:nth-child(2n) .r-info .info {
        text-align: right;
    }
    
    .guarantee-div .gua-bg {
        position: relative;
    }
    
    .guarantee-div .gua-bg .info {
        max-width: 1000px;
        margin: 0 auto;
        width: 80%;
        text-align: center;
        padding: 1rem 0 0.8rem;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    
    .guarantee-div .gua-bg .info .cn {
        font-size: 0.36rem;
        color: #ffffff;
        font-weight: bold;
        margin-bottom: 0.2rem;
    }
    
    .guarantee-div .gua-bg .info .en {
        font-size: 20px;
        color: #ffffff;
        font-weight: bold;
        font-family: "Arial Bold";
    }
    
    .guarantee-div .gua-cont {
        padding: 0.92rem 0 1.24rem;
    }
    
    .guarantee-div .gua-cont .demo {
        font-size: 20px;
        color: #999999;
        line-height: 2;
        text-align: center;
    }
    
    .guarantee-div .gua-cont .list {
        display: flex;
        flex-wrap: wrap;
        margin-top: 0.48rem;
    }
    
    .guarantee-div .gua-cont .list .item {
        margin-bottom: 0.5rem;
        width: calc(100% / 3);
        display: flex;
        flex-direction: column;
        align-items: center;
        position: relative;
    }
    
    .guarantee-div .gua-cont .list .item .num {
        width: 118px;
        height: 118px;
        min-width: 118px;
        min-height: 118px;
        border-radius: 50%;
        border: 1px dashed #26468b;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-bottom: 26px;
    }
    
    .guarantee-div .gua-cont .list .item+.item::after {
        content: '';
        position: absolute;
        left: 0;
        top: 60px;
        width: calc(100% - 160px);
        height: 1px;
        z-index: -1;
        background: #e7e7e7;
        transform: translate(-50%, 0);
        -webkit-transform: translate(-50%, 0);
        -moz-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
        -o-transform: translate(-50%, 0);
    }
    
    .guarantee-div .gua-cont .list .item:nth-child(3n+1)::after {
        display: none;
    }
    
    .guarantee-div .gua-cont .list .item .num .nn {
        width: 60px;
        height: 60px;
        border-radius: 50%;
        background-color: #26468b;
        font-size: 20px;
        color: #ffffff;
        font-family: "Arial Bold";
        font-weight: bold;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    
    .guarantee-div .gua-cont .list .item .tt {
        font-size: 18px;
        color: #343434;
        line-height: 1.33;
        text-align: center;
        padding: 0 10px;
    }
    
    @media only screen and (max-width:1200px) {
        .service-div .list .item .l-img {
            margin-left: 0.5rem;
            width: 55%;
            padding-top: 31.47%;
        }
        .service-div .list .item:nth-child(2n) .l-img {
            margin-right: 0.5rem;
        }
        .service-div .list .item .r-info {
            width: 50%;
        }
    }
    
    @media only screen and (max-width:1024px) {
        .service-div .list .item .l-img {
            margin-left: 0;
        }
        .service-div .list .item:nth-child(2n) .l-img {
            margin-right: 0;
        }
        .service-div .list .item .l-img {
            width: 60%;
            padding-top: 34.33%;
        }
        .service-div .list .item .r-info .info {
            padding: 0.8rem 0.6rem 0.6rem
        }
        .service-div .list .item:nth-child(2n) .r-info .info,
        .service-div .list .item .r-info {
            width: 58.33%;
        }
        .guarantee-div .gua-bg .info {
            padding: 1.2rem 0 1rem
        }
        .guarantee-div .gua-bg .info .cn {
            font-size: 22px;
        }
        .guarantee-div .gua-bg .info .en {
            font-size: 18px;
        }
        .guarantee-div .gua-cont .demo {
            font-size: 18px;
        }
        .guarantee-div .gua-cont .list .item .tt {
            font-size: 16px;
        }
    }
    
    @media only screen and (max-width:768px) {
        .service-div .list {
            padding-top: 0;
        }
        .service-div .list .item {
            flex-direction: column !important;
        }
        .service-div .list .item .l-img,
        .service-div .list .item .r-info {
            width: 100%;
        }
        .service-div .list .item .l-img {
            padding-top: 57.22%;
        }
        .service-div .list .item .r-info {
            margin: 0 auto !important;
        }
        .service-div .list .item:nth-child(2n) .r-info .num,
        .service-div .list .item .r-info .num {
            left: 0.6rem;
            transform: translate(0, -50%);
            -webkit-transform: translate(0, -50%);
            -moz-transform: translate(0, -50%);
            -ms-transform: translate(0, -50%);
            -o-transform: translate(0, -50%);
        }
        .service-div .list .item:nth-child(2n) .r-info .num {
            left: auto;
            right: 0.6rem;
        }
        .service-div .list .item {
            margin-bottom: 0.5rem !important;
        }
        .service-div .list .item::after {
            display: none;
        }
        .guarantee-div .gua-cont .list .item {
            width: 100%;
            flex-direction: row;
        }
        .guarantee-div .gua-cont .list .item .num {
            margin-bottom: 0;
            background: #fff;
        }
        .guarantee-div .gua-cont .list .item .tt {
            width: calc(100% - 118px)
        }
        .guarantee-div .gua-cont .list .item+.item::after {
            width: 1px;
            height: 100%;
            top: 0;
            left: 59px;
            transform: translate(0, -100%);
            -webkit-transform: translate(0, -100%);
            -moz-transform: translate(0, -100%);
            -ms-transform: translate(0, -100%);
            -o-transform: translate(0, -100%);
        }
        .guarantee-div .gua-cont .list .item:nth-child(3n+1)::after {
            display: block;
        }
    }
    
    @media only screen and (max-width:480px) {
        .guarantee-div .gua-cont .list .item .num {
            width: 80px;
            height: 80px;
            min-width: 80px;
            min-height: 80px;
        }
        .guarantee-div .gua-cont .list .item .tt {
            width: calc(100% - 80px)
        }
        .guarantee-div .gua-cont .list .item+.item::after {
            left: 40px;
        }
    }
    /* =========
  联系我们
  ========== */
    
    .contact-main .contact-info {
        display: flex;
        padding-bottom: 1.14rem;
    }
    
    .contact-main .contact-info .l-info {
        width: 39%;
        padding-right: 1.6rem;
    }
    
    .contact-main .contact-info .l-info .title {
        display: flex;
        align-items: center;
        padding: 0.16rem 0 0.3rem;
        border-bottom: 2px solid #26468b;
    }
    
    .contact-main .contact-info .l-info .title .icon {
        width: 48px;
        height: 36px;
        background-image: url(../images/company.png);
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
        margin-right: 20px;
    }
    
    .contact-main .contact-info .l-info .title .tit {
        font-size: 24px;
        color: #0d0d0d;
    }
    
    .contact-main .contact-info .l-info .info {
        font-size: 16px;
        color: #888888;
        line-height: 1.5;
    }
    
    .contact-main .contact-info .r-map {
        width: 61%;
    }
    
    .contact-main .contact-info .r-map .allmap {
        width: 100%;
        height: 597px;
    }
    
    .contact-main .contact-info .r-map .allmap img {
        max-width: none;
    }
    
    .BMapLib_SearchInfoWindow .BMapLib_bubble_title {
        font-weight: bold;
    }
    
    .BMapLib_nav_tab li.BMapLib_current {
        width: 100% !important;
    }
    
    @media only screen and (max-width:1400px) {
        .contact-main .contact-info .l-info .title .icon {
            width: 36px;
            height: 26px;
            margin-right: 16px;
        }
        .contact-main .contact-info .l-info .title .tit {
            font-size: 22px;
        }
    }
    
    @media only screen and (max-width:1024px) {
        .contact-main .contact-info {
            flex-direction: column-reverse;
        }
        .contact-main .contact-info .r-map,
        .contact-main .contact-info .l-info {
            width: 100%;
        }
        .contact-main .contact-info .l-info {
            padding-right: 0;
            margin-top: 0.4rem;
        }
        .contact-main .contact-info .r-map .allmap {
            height: 5.97rem;
        }
        @media only screen and (max-width:768px) {
            .contact-main .contact-info .l-info .title .icon {
                width: 30px;
                height: 24px;
                margin-right: 10px;
            }
            .contact-main .contact-info .l-info .title .tit {
                font-size: 20px;
            }
        }
    }
    /* 留言 */
    
    .contact-msg {
        max-width: 420px;
        margin: 0 auto;
        padding-bottom: 0.96rem;
    }
    
    .contact-msg .my-item {
        margin-bottom: 0.24rem;
    }
    
    .contact-msg .my-item .my-label {
        font-size: 14px;
        color: #666666;
        line-height: 1.7;
        font-weight: bold;
        margin-bottom: 4px;
    }
    
    .contact-msg .my-item .inputs {
        display: flex;
        align-items: center;
    }
    
    .contact-msg .my-item .inputs .my-input {
        flex: 1;
        margin-left: 10px;
    }
    
    .contact-msg .my-item .inputs .my-input:nth-child(1) {
        margin-left: 0;
    }
    
    .contact-msg .my-item .my-input input::placeholder {
        color: #909090;
    }
    
    .contact-msg .my-item .my-input>input,
    .contact-msg .my-item .my-input .layui-form-select .layui-input {
        width: 100%;
        background-color: #f5f5f5;
        border: none;
        border-radius: 5px;
        font-size: 14px;
        line-height: 24px;
        padding: 8px 0.25rem;
        min-height: 40px;
    }
    
    .contact-msg .my-item .my-textarea>textarea {
        width: 100%;
        background-color: #f5f5f5;
        padding: 8px;
        border-radius: 5px;
        border: none;
        font-size: 14px;
        line-height: 24px;
        resize: none;
    }
    
    .contact-msg .btn-tj {
        width: 1.80rem;
        height: 0.5rem;
        border-radius: 0.25rem;
        display: flex;
        justify-content: center;
        align-items: center;
        border: none;
        background-color: #26468b;
        font-size: 20px;
        color: #ffffff;
        margin: 0.48rem auto 0;
        -webkit-border-radius: 0.25rem;
        -moz-border-radius: 0.25rem;
        -ms-border-radius: 0.25rem;
        -o-border-radius: 0.25rem;
        transition: all .5s;
        border: 1px solid #26468b;
    }
    
    .contact-msg .btn-tj:hover {
        cursor: pointer;
        background-color: #fff;
        color: #26468b;
        border: 1px solid #26468b;
    }
    
    @media only screen and (max-width:1400px) {
        .contact-msg .btn-tj {
            font-size: 18px;
            width: 144px;
            height: 40px;
            border-radius: 20px;
            -webkit-border-radius: 20px;
            -moz-border-radius: 20px;
            -ms-border-radius: 20px;
            -o-border-radius: 20px;
        }
    }
    
    @media only screen and (max-width:1024px) {
        .contact-msg {
            padding-bottom: 50px;
        }
    }
    /* =========
  在线询价
  ========== */
    
    .contact-main.online {
        padding-top: 7%;
    }
    
    .contact-inquiry {
        max-width: 1200px;
        margin: 0 auto;
    }
    
    .contact-inquiry .remind-area {
        border-top: 0.05rem solid #26468b;
        border-bottom: 1px solid #e3e3e3;
        background: #fcfcfc;
        padding: 0.55rem 10px 0.43rem 10px;
    }
    
    .contact-inquiry .remind-area .text-container {
        margin: 0 auto;
        max-width: 440px;
        text-align: center;
        font-size: 14px;
        color: #606060;
    }
    
    .contact-inquiry form {
        margin: 0.4rem auto 0;
        max-width: 600px;
    }
    
    .contact-inquiry .my-item {
        display: flex;
        justify-content: space-between;
    }
    
    .contact-inquiry .my-item .my-label {
        width: 17%;
        min-width: 117px;
        line-height: 38px;
        margin-bottom: 0;
        vertical-align: middle;
    }
    
    .contact-inquiry .my-item .my-label+*:not(button) {
        width: 83%;
    }
    
    .contact-inquiry .my-item .inputs .my-input {
        margin-left: 5px;
    }
    
    @media only screen and (max-width:480px) {
        .contact-inquiry .my-item {
            flex-direction: column;
        }
        .contact-inquiry .my-item>div {
            width: 100% !important;
        }
    }
    /* ========
    产品中心
   ========== */
    
    .products-list {
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
        margin: 0 -0.1rem 0.8rem;
    }
    
    .products-list .item {
        margin: 0.1rem;
        width: calc(100% / 3 - 0.2rem);
        background: #fff;
        position: relative;
    }
    
    .products-list .item::after {
        content: '';
        position: absolute;
        top: 7%;
        right: 0;
        width: 1px;
        height: 86%;
        background-color: #efefef;
    }
    
    .products-list .item:nth-child(3n+0)::after {
        display: none;
    }
    
    .products-list .item .bg-img-container {
        padding-top: 84.78%;
        width: 100%;
        position: relative;
    }
    
    .products-list .item .bg-img-container::after {
        content: "";
        display: block;
        opacity: 0;
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background: #26468b;
        -webkit-clip-path: polygon(0 0, 0% 100%, 100% 0);
        clip-path: polygon(0 0, 0% 100%, 100% 0);
    }
    
    .products-list .item .bg-img-container>img {
        position: absolute;
        padding: 0.6rem 0.3rem 0.2rem;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        object-fit: contain;
        z-index: 2;
    }
    
    .products-list .item:hover {
        box-shadow: 5px 5px 10px 0 rgba(0, 0, 0, 0.25);
        z-index: 2;
    }
    
    .products-list .item:hover .bg-img-container::after {
        opacity: 1;
    }
    
    .products-list .item .title-area {
        padding: 0.26rem 0.4rem 0.45rem;
    }
    
    .products-list .item .title-area .title {
        font-size: 18px;
        font-weight: 600;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        color: #000000;
    }
    
    .products-list .item .title-area .sub-title {
        font-size: 14px;
        line-height: 1.6;
        height: calc(14px * 2 * 1.6);
        color: #666;
        margin-top: 5px;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
        font-weight: bold;
    }
    
    .products-list .item .title-area .more {
        color: #1f3970;
        font-size: 14px;
        font-weight: 600;
        margin-top: 2px;
    }
    
    .swiper-button-next,
    .swiper-button-prev {
        outline: none;
    }
    
    @media only screen and (max-width:768px) {
        .products-list .item {
            width: calc(100% / 2 - 0.2rem)
        }
        .products-list .item:nth-child(3n+0)::after {
            display: block;
        }
        .products-list .item:nth-child(2n+0)::after {
            display: none;
        }
    }
    
    @media only screen and (max-width:480px) {
        .products-list .item {
            width: calc(100% - 0.2rem)
        }
        .products-list .item:nth-child(3n+0)::after {
            display: none;
        }
        .products-list .item::after {
            display: none;
        }
    }
    /* 产品详情页面 */
    
    .product-banner-container {
        height: 100vh;
        display: flex;
        flex-direction: column;
    }
    
    .product-banner-container .inner-container {
        /* height: 100vh; */
        width: 100%;
        background: url() no-repeat center top;
        background-size: 100%;
    }
    
    .product-banner-container .container1 {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 1.2rem 0;
    }
    
    .product-banner-container .bg-title {
        font-size: 4.2rem;
        font-weight: 700;
        white-space: nowrap;
        position: absolute;
        top: 26%;
        right: 45%;
        line-height: 1;
        color: #dbdbdb;
        z-index: 1;
        -moz-user-select: none;
        -webkit-user-select: none;
        -ms-user-select: none;
        -khtml-user-select: none;
        user-select: none;
        -webkit-clip-path: polygon(0 20%, 100% 20%, 100% 100%, 0% 100%);
        clip-path: polygon(0 20%, 100% 20%, 100% 100%, 0% 100%);
        display: none;
    }
    
    .product-banner-container .left-area,
    .product-banner-container .right-area {
        position: relative;
        z-index: 2;
    }
    
    .product-banner-container .left-area {
        padding: 0 1.2rem 0 0.4rem;
        width: calc(50% + 1.7rem);
        margin-left: -1.7rem;
    }
    
    .product-banner-container .left-area>img {
        width: 100%;
    }
    
    .product-banner-container .right-area {
        width: 50%;
        max-width: 340px;
    }
    
    .product-banner-container .right-area .eng-title {
        font-size: 0.36rem;
        color: #9e9e9e;
        line-height: 0.95;
        font-weight: bold;
    }
    
    .product-banner-container .right-area .chs-title {
        font-size: 0.3rem;
        margin-top: 0.1rem;
    }
    
    .product-banner-container .right-area .info-container {
        margin-top: 0.4rem;
        line-height: 1.6;
        font-size: 14px;
        color: #484848;
        line-height: 1.7;
    }
    
    .product-banner-container .right-area .info-container .text-title {
        font-size: 18px;
        margin-bottom: 8px;
    }
    
    .product-banner-container .right-area .anchor-area {
        width: 100%;
        display: flex;
        justify-content: space-between;
        margin-top: 0.5rem;
        background: #fff;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -ms-border-radius: 5px;
        -o-border-radius: 5px;
        box-shadow: 0 0 10px 0 rgba(0, 0, 0, .2);
    }
    
    .product-banner-container .right-area .anchor-area>a {
        text-align: center;
        width: 100%;
        padding: 14px 0;
        position: relative;
        font-size: 14px;
    }
    
    .product-banner-container .right-area .anchor-area>a:hover {
        color: #26468b;
    }
    
    .product-banner-container .right-area .anchor-area>a+a::after {
        content: "";
        display: block;
        width: 1px;
        height: 18px;
        background: #e5e5e5;
        position: absolute;
        top: 50%;
        left: 0;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
    }
    
    .back-area {
        text-align: right;
    }
    
    .back-button {
        display: inline-flex;
        justify-content: flex-end;
        align-items: center;
        padding: 0.3rem 0 0.3rem 0.3rem;
        margin: 0 0 0 auto;
        font-size: 14px;
    }
    
    .back-button .iconfont {
        margin-right: 10px;
        font-size: 16px;
        transition: all 0.5s ease 0s;
        -webkit-transition: all 0.5s ease 0s;
        -moz-transition: all 0.5s ease 0s;
        -ms-transition: all 0.5s ease 0s;
        -o-transition: all 0.5s ease 0s;
    }
    
    .back-button:hover {
        color: #26468b;
    }
    
    .back-button:hover .iconfont {
        margin-right: 50px;
    }
    
    .product-info-area {
        display: flex;
        justify-content: space-between;
        padding-bottom: 0.7rem;
    }
    
    .product-info-area .left-area {
        width: 17.43%;
        min-width: 17.43%;
    }
    
    .product-info-area .right-area {
        width: 82.57%;
        max-width: 82.57%;
    }
    
    .product-info-area .left-area .anchor-area {
        width: 100%;
        display: flex;
        flex-direction: column;
        position: sticky;
        top: 110px;
    }
    
    .product-info-area .left-area .anchor-item {
        width: 100%;
        border-left: 2PX solid #e5e5e5;
        padding: 10px;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        color: #aaa;
    }
    
    .product-info-area .left-area .anchor-item::before {
        opacity: 0;
        content: "";
        display: block;
        width: 4px;
        height: 4px;
        background: #000;
        border-radius: 50%;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        -o-border-radius: 50%;
        margin: 0 0.15rem 0 0.24rem;
    }
    
    .product-info-area .left-area .anchor-item:first-child {
        padding-top: 0.2rem;
    }
    
    .product-info-area .left-area .anchor-item:hover,
    .product-info-area .left-area .anchor-item.selected {
        border-left-color: #000;
        color: #000;
    }
    
    .product-info-area .left-area .anchor-item.selected::before {
        opacity: 1;
    }
    
    .product-info-area .info-item .title-area {
        background: #eee;
        padding: 0.4rem 0.5rem;
    }
    
    .product-info-area .info-item .title-area .title {
        font-size: 0.36rem;
    }
    
    .product-info-area .info-item .title-area .sub-title {
        font-size: 16px;
        color: #5c5c5c;
    }
    
    .product-info-area .info-item .text-container {
        padding: 0.3rem 1.5rem;
        position: relative;
        font-size: 14px;
    }
    
    .product-info-area .text-container video {
        width: calc(100% + 1rem);
        margin: 0.6rem -0.5rem;
        object-fit: contain;
        background: #000000;
        height: auto;
    }
    
    .product-recommend-swiper {
        margin: 0 -0.3rem;
    }
    
    .product-recommend-swiper .bg-img-container {
        padding-top: 88.75%;
    }
    
    .product-recommend-swiper .bg-img-container>img {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        padding: 0.5rem 0.3rem 0.2rem;
        object-fit: contain;
    }
    
    .product-recommend-swiper .title {
        text-align: center;
        font-size: 20px;
        transition: color 0.5s ease;
        -webkit-transition: color 0.5s ease;
        -moz-transition: color 0.5s ease;
        -ms-transition: color 0.5s ease;
        -o-transition: color 0.5s ease;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
    }
    
    .product-recommend-swiper a:hover .title {
        color: #26468b;
    }
    
    .swiper-button-next:after,
    .swiper-button-prev:after {
        font-size: 26px;
        color: #b7b7b7;
    }
    
    .product-recommend-swiper .product-recommend-swiper-prev {
        left: 0;
    }
    
    .product-recommend-swiper .product-recommend-swiper-next {
        right: 0;
    }
    
    @media only screen and (max-width:1700px) {
        .product-banner-container .left-area {
            width: 50%;
            margin-left: 0;
        }
        .product-banner-container .inner-container,
        .product-banner-container {
            height: auto;
        }
    }
    
    @media only screen and (max-width:1400px) {
        .product-recommend-swiper .title {
            font-size: 18px;
        }
    }
    
    @media only screen and (max-width:1200px) {
        .product-banner-container .right-area .chs-title {
            font-size: 20px;
        }
    }
    
    @media only screen and (max-width:1024px) {
        .product-banner-container .right-area .anchor-area>a {
            padding: 10px 0;
        }
        .product-banner-container .right-area .anchor-area>a,
        .product-banner-container .right-area .info-container .text-title,
        .product-recommend-swiper .title {
            font-size: 16px;
        }
        .product-info-area .info-item .title-area .title,
        .product-banner-container .right-area .eng-title {
            font-size: 22px;
        }
        .product-info-area .left-area {
            display: none;
        }
        .product-info-area .right-area {
            width: 100%;
            max-width: 100%;
        }
    }
    
    @media only screen and (max-width:768px) {
        .product-banner-container .container1 {
            flex-direction: column;
        }
        .product-banner-container .left-area,
        .product-banner-container .right-area {
            width: 100%;
            max-width: 100%;
            padding: 0 1.2rem;
        }
        .product-banner-container .right-area {
            margin-top: 0.5rem;
        }
        .product-banner-container .right-area .eng-title,
        .product-banner-container .right-area .chs-title {
            display: none;
        }
        .product-banner-container .left-area .only-for-phone {
            display: block;
            text-align: center;
        }
        .product-banner-container .left-area .only-for-phone .eng-title {
            font-size: 22px;
            color: #9e9e9e;
            line-height: 0.95;
            font-weight: bold;
        }
        .product-banner-container .left-area .only-for-phone .chs-title {
            font-size: 20px;
        }
        .product-banner-container .left-area>img {
            margin-top: 0.5rem;
            padding: 0 1rem;
        }
    }
    
    @media only screen and (max-width:480px) {
        .product-banner-container .left-area,
        .product-banner-container .right-area {
            padding: 0;
        }
        .product-info-area .info-item+.info-item {
            margin-top: 0.4rem;
        }
        .product-info-area .info-item .text-container {
            padding: 0.3rem 0;
        }
        .product-info-area .text-container video {
            width: 100%;
            margin: 0;
        }
        .product-recommend-swiper {
            margin: 0;
        }
        .product-recommend-swiper .bg-img-container>img {
            padding: 0.5rem 1rem 0.2rem
        }
        .product-info-area .info-item .title-area {
            padding: 0.4rem 0.3rem;
        }
        .product-info-area .info-item .title-area .title {
            font-size: 20px;
        }
        .product-info-area .info-item .title-area .sub-title {
            margin-top: 5px;
        }
    }
    /* =========
  页脚
  ========== */
    /* 侧边工具栏 */
    
    .kefu-box {
        position: fixed;
        top: 50%;
        right: 0.92rem;
        z-index: 10;
        display: none;
        transform: translate(0, -50%);
        -webkit-transform: translate(0, -50%);
        -moz-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        -o-transform: translate(0, -50%);
    }
    
    .kefu-box.in {
        display: block;
    }
    
    .kefu-box .item {
        width: 50px;
        height: 50px;
        background-color: #26468b;
        position: relative;
        cursor: pointer;
        border-bottom: 1px solid rgba(255, 255, 255, .1);
    }
    
    .kefu-box .item .ico {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
    
    .kefu-box .item.top {
        background-image: url(../images/c_top.png);
        background-repeat: no-repeat;
        background-size: 100%;
        background-position: center;
    }
    
    .kefu-box .item .text {
        background-color: rgba(0, 0, 0, .5);
        border-radius: 5px 0 0 5px;
        height: 50px;
        line-height: 50px;
        padding: 0 15px;
        color: #ffffff;
        position: absolute;
        right: 100%;
        top: 0px;
        font-size: 14px;
        white-space: nowrap;
        opacity: 0;
        visibility: hidden;
        transform: scale(0);
        transition: all .5s;
    }
    
    .kefu-box .item .text.weixin {
        width: 120px;
        height: 120px;
        border-radius: 0;
    }
    
    @media only screen and (max-width:1600px) {
        .kefu-box {
            right: 10px;
        }
    }
    
    @media only screen and (max-width:768px) {
        .kefu-box {
            top: auto;
            bottom: 3%;
            transform: translate(0, 0);
            -webkit-transform: translate(0, 0);
            -moz-transform: translate(0, 0);
            -ms-transform: translate(0, 0);
            -o-transform: translate(0, 0);
        }
        .kefu-box .item:not(:last-child) {
            display: none;
        }
    }
    /* 底部 */
    
    .footer-box {
        background: #232323;
        overflow: hidden;
    }
    
    .footer-top {
        margin: 0 auto;
        display: flex;
        width: 94%;
        max-width: 1400px;
    }
    
    .footer-top .l-menu {
        width: 80%;
        padding: 0.68rem 0;
        position: relative;
        display: flex;
        z-index: 2;
    }
    
    .footer-top .l-menu>ul {
        position: relative;
        z-index: 2;
    }
    
    .footer-top .l-menu::before {
        content: "";
        display: block;
        position: absolute;
        right: 0;
        top: 0;
        width: 9999px;
        height: 100%;
        background-color: #323232;
        z-index: -1;
    }
    
    .footer-top .l-menu>ul {
        margin-right: 1.2rem;
    }
    
    .footer-top .l-menu>ul>li.btit {
        margin-bottom: 16px;
    }
    
    .footer-top .l-menu>ul>li.btit a {
        font-size: 16px;
        color: #fefefe;
        display: block;
    }
    
    .footer-top .l-menu>ul>li.aa a {
        display: block;
        font-size: 14px;
        color: rgba(254, 254, 254, .65);
        line-height: 36px;
    }
    
    .footer-box a:hover {
        color: #26468b !important;
    }
    
    .footer-top .l-menu>ul>li.aa span {
        font-family: 'SimSun';
        margin-right: 4px;
    }
    
    .footer-top .r-info {
        width: 36%;
        padding-left: 1.3rem;
        padding-top: 0.68rem;
        padding-bottom: 0.84rem;
        position: relative;
    }
    
    .footer-top .r-info>* {
        position: relative;
        z-index: 2;
    }
    
    .footer-top .r-info::before {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 9999px;
        height: 100%;
        background-color: #383838;
    }
    
    .footer-top .r-info .tit {
        font-size: 15px;
        color: #fefefe;
        font-weight: bold;
        padding-bottom: 8px;
        position: relative;
        margin-bottom: 14px;
    }
    
    .footer-top .r-info .tit::after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        width: 18px;
        height: 1px;
        background-color: #fefefe;
    }
    
    .footer-top .r-info .info {
        font-size: 14px;
        color: #fefefe;
        line-height: 3;
        margin-bottom: 25px;
    }
    
    .footer-top .r-info .code {
        display: inline-block;
        text-align: center;
    }
    
    .footer-top .r-info .code img {
        width: 97px;
        height: 97px;
    }
    
    .footer-top .r-info .code .tt {
        font-size: 14px;
        color: #ffffff;
        line-height: 2.5;
        text-align: center;
    }
    
    .footer-bottom {
        position: relative;
    }
    
    .footer-bottom .container1 {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 0.36rem 0;
    }
    
    .footer-bottom .l-company {
        font-size: 14px;
        color: #c2c2c2;
        line-height: 14px;
        width: 75%;
    }
    
    .footer-bottom .r-href {
        width: 25%;
		font-size: 14px;
		color: #c2c2c2;
		line-height: 14px;
        text-align: right;
        position: relative;
    }
    
    .footer-bottom .r-href .pop a {
        font-size: 14px;
        color: #c2c2c2;
        line-height: 1.6;
        display: block;
    }
    
    .footer-bottom .r-href .pop {
        background: #323232;
        width: 0;
        height: 0;
        overflow: hidden;
        padding: 0;
        position: absolute;
        bottom: calc(100% + 10px);
        left: 50%;
        transform: translate(-50%, 0);
        -webkit-transform: translate(-50%, 0);
        -moz-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
        -o-transform: translate(-50%, 0);
        z-index: 3;
        box-shadow: 0 0 10px 0 rgba(0, 0, 0, .2);
        transition: all 0.5s ease;
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -ms-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        max-width: 300px;
    }
    
    .footer-bottom .r-href .pop::after {
        content: "";
        display: block;
        width: 0;
        height: 0;
        border: 10px solid transparent;
        border-top-color: #323232;
        position: absolute;
        left: 50%;
        bottom: 0;
        transform: translate(-50%, 99%);
        -webkit-transform: translate(-50%, 99%);
        -moz-transform: translate(-50%, 99%);
        -ms-transform: translate(-50%, 99%);
        -o-transform: translate(-50%, 99%);
    }
    
    .footer-bottom .pull:hover .pop {
        width: auto;
        height: auto;
        padding: 0.2rem 0.5rem;
        overflow: visible;
    }
    
    .footer-bottom .r-href .text {
        font-size: 14px;
        color: #c2c2c2;
        cursor: pointer;
        display: inline;
    }
    
    .footer-bottom .r-href .text .jia {
        color: #26468b;
        font-weight: bold;
        margin-right: 5px;
    }
    
    @media only screen and (max-width:1024px) {
        .footer-top .l-menu {
            padding: 0.4rem 0;
        }
        .footer-top {
            flex-direction: column;
        }
        .footer-top .l-menu,
        .footer-top .r-info {
            width: 100%;
        }
        .footer-top .r-info::before,
        .footer-top .l-menu::before {
            left: 50%;
            right: auto;
            transform: translate(-50%);
            -webkit-transform: translate(-50%);
            -moz-transform: translate(-50%);
            -ms-transform: translate(-50%);
            -o-transform: translate(-50%);
        }
        .footer-top .l-menu {
            flex-direction: column;
        }
        .footer-top .l-menu ul {
            margin-left: 0;
            padding: 0.2rem 0;
            margin-right: 0;
        }
        .footer-top .l-menu ul+ul {
            border-top: 1px solid #4a4a4a;
        }
        .footer-top .l-menu>ul li:first-child {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-bottom: 0;
        }
        .footer-top .l-menu>ul li:first-child::after {
            content: "\e632";
            font-family: "iconfont";
            color: #fefefe;
            font-size: 20px;
            cursor: pointer;
            transition: all 0.5s ease;
            -webkit-transition: all 0.5s ease;
            -moz-transition: all 0.5s ease;
            -ms-transition: all 0.5s ease;
            -o-transition: all 0.5s ease;
        }
        .footer-top .l-menu>ul.close li:first-child::after {
            transform: rotate(-135deg);
            -webkit-transform: rotate(-135deg);
            -moz-transform: rotate(-135deg);
            -ms-transform: rotate(-135deg);
            -o-transform: rotate(-135deg);
        }
        .footer-top .l-menu>ul li:not(:first-child) {
            display: none;
        }
        .footer-top .r-info {
            padding-left: 0;
            text-align: center;
        }
        .footer-top .r-info .tit::after {
            left: 50%;
            transform: translate(-50%, 0);
            -webkit-transform: translate(-50%, 0);
            -moz-transform: translate(-50%, 0);
            -ms-transform: translate(-50%, 0);
            -o-transform: translate(-50%, 0);
        }
        .footer-top .r-info .info {
            margin-bottom: 0;
        }
        .footer-top .r-info .code {
            display: none;
        }
    }
    
    @media only screen and (max-width:768px) {
        .footer-bottom .r-href .pop {
            max-width: 200px;
        }
        .footer-bottom .container1 {
            flex-direction: column;
        }
        .footer-bottom .container1 .l-company,
        .footer-bottom .container1 .r-href {
            width: 100%;
            text-align: center;
            line-height: 1.6;
            margin-right: 0;
        }
        .footer-bottom .container1 .r-href {
            position: relative;
            margin-top: 5px;
            line-height: 35px;
        }
    }
    
    @media only screen and (max-width:640px) {
        .footer-top .r-info .info {
            line-height: 2;
        }
    }
    /* 通用分页 */
    
    .all-Page-box {
        font-size: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 0.97rem;
    }
    
    .all-Page-box .btn,
    .all-Page-box .dian {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 0.57rem;
        min-width: 36px;
        height: 0.57rem;
        min-height: 36px;
        border: 1px solid #efefef;
        margin-right: -1px;
        font-size: 20px;
        color: #757575;
    }
    
    .all-Page-box .btn.on {
        color: #ffffff;
        background-color: #26468b;
        border: 1px solid #26468b;
    }
    
    .all-Page-box .btn.song {
        width: 1.02rem;
        min-width: 76px;
        background-color: #ebebeb;
        font-size: 17px;
        color: #202020;
    }
    
    .all-Page-box .btn.song:hover {
        background-color: #26468b;
        color: #ffffff;
    }
    
    .all-Page-box .btn.song.null {
        display: none;
    }
    
    .all-Page-box .select,
    .all-Page-box .f-right {
        display: none;
    }
    /* 放大视图 */
    
    .image-preview-full-screen {
        opacity: 0;
        position: fixed;
        z-index: 102;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background: rgba(0, 0, 0, 0.9);
    }
    
    .image-preview-full-screen .swiper-slide {
        display: flex;
        justify-content: center;
        align-items: center;
    }
    
    .image-preview-full-screen .swiper-slide img {
        max-width: 100%;
        max-height: 100%;
    }
    
    .image-preview-full-screen .close-button {
        position: absolute;
        z-index: 103;
        top: 0;
        right: 0;
        color: #fff;
        font-size: 30px;
        padding: 10px;
        cursor: pointer;
    }
    
    .image-preview-full-screen .swiper-button-prev,
    .image-preview-full-screen .swiper-button-next {
        color: #fff;
        font-size: 0.6rem;
        margin: 0 0.3rem;
    }
    /* 搜索结果 */
    
    .search-main {
        padding-top: 7%;
    }
    
    .search-main .type {
        font-size: 30px;
        color: #000000;
        text-align: center;
        padding: 3% 0 5%;
        font-weight: bold;
    }
    /* .search-main .list ul li a {
        display: block;
    } */
    
    .search-main .list ul li {
        float: left;
        width: calc(94% / 3);
        margin-right: 3%;
        margin-bottom: 4%;
    }
    
    .search-main .list ul li:nth-child(3n) {
        margin-right: 0;
    }
    
    .search-main .list ul li a {
        display: block;
        box-shadow: 0 0 30px rgba(0, 0, 0, .15);
    }
    
    .search-main .list ul li a .tu {
        padding: 10%;
    }
    
    .search-main .list ul li a .text {
        padding: 10px 20px;
        background-color: #26468b;
        color: #ffffff;
        font-size: 16px;
    }
    
    .search-main .list ul li a .text .rq {
        margin-top: 10px;
        font-size: 14px;
    }
    /* .search-main .list ul li a .demo {
        height: 44px;
    } */
    
    .search-main .list ul li a .tu {
        padding-top: calc(306 / 431 * 100%);
        position: relative;
        overflow: hidden;
    }
    
    .search-main .list ul li a .tu img {
        position: absolute;
        top: 10%;
        left: 10%;
        width: 80%;
        height: 80%;
        transform: scale(1);
        transition: transform .5s;
    }
    
    .search-main .list ul li:hover a .tu img {
        transform: scale(1.1);
    }
    
    .search-main .list ul li a .more {
        display: flex;
        justify-content: space-between;
        background-color: #26468b;
        padding: 0 20px 10px;
        align-items: center;
        color: #ffffff;
        font-size: 14px;
    }
    
    .all-href .r-menu .selector-list.phonehref {
        display: none;
    }
    
    @media only screen and (max-width:1024px) {
        .search-main {
            padding-top: 80px;
        }
        .all-Page-box .btn {
            font-size: 18px;
        }
        .all-Page-box .btn.song {
            font-size: 16px;
        }
        .search-main .list ul li {
            width: calc(97% / 2);
        }
        .search-main .list ul li:nth-child(3n) {
            margin-right: 3%;
        }
        .search-main .list ul li:nth-child(2n) {
            margin-right: 0;
        }
        .all-href .r-menu>ul {
            display: none;
        }
        .all-href .r-menu .selector-list.phonehref {
            display: block;
        }
    }
    
    @media only screen and (max-width:768px) {
        .all-Page-box .btn {
            font-size: 16px;
        }
        .all-Page-box .btn.song {
            font-size: 14px;
        }
        .all-href-container {
            width: 100%;
            /* overflow: hidden; */
        }
        .all-href .r-menu::before,
        .all-href .r-menu::after {
            display: none;
        }
    }
    
    @media screen and (min-width: 601px) {
        .newsview .nview-bottom .title:hover .icon {
            background-color: #26468b;
            border: 1px solid #26468b;
        }
        .newsview .nview-bottom .title:hover .icon::before {
            border-color: transparent transparent #ffffff #ffffff;
        }
        .newsview .nview-bottom .title.next:hover .icon::before {
            border-color: #ffffff #ffffff transparent transparent;
        }
        .newsview .nview-bottom .mid-a:hover .icon {
            transform: translateX(6px);
        }
        .kefu-box .item:hover .text {
            opacity: 1;
            visibility: visible;
            transform: scale(1);
        }
        .footer-top .l-menu>ul>li .f-sub .aa:hover {
            color: rgba(254, 254, 254, 1);
        }
    }
    
    @media screen and (max-width: 600px) {
        .search-main .type {
            font-size: 24px;
        }
        .search-main .list ul li {
            width: 100%;
            margin-right: 0;
        }
        .search-main .list ul li:nth-child(3n) {
            margin-right: 0;
        }
    }
    
    @media screen and (max-width: 414px) {
        .search-main .news-list .item {
            border-bottom: 1px solid #12b877;
        }
    }
    
    @media screen and (min-width: 1921px) {
        .footer-top .l-menu>ul {
            margin-right: 0.6rem;
        }
        .inbanner-swiper .swiper-slide .textbox .btit {
            font-size: 0.6rem;
        }
        .inabout-box .inab-t .txt-bg {
            font-size: 1rem;
            margin-top: 1.3rem;
        }
        .inabout-box .info-div .r-text {
            padding: 0.3rem;
        }
        .inabout-box .info-div .r-text .btt {
            font-size: 0.3rem;
        }
        .all-href .r-menu>ul>li .aa {
            padding: 0 0.2rem;
        }
        .culture-two .fz-div .list {
            flex-wrap: nowrap;
        }
        .all-href .r-menu .selector-list {
            margin-left: 12px;
        }
        .contact-main .contact-info .l-info {
            padding-right: 0.8rem;
        }
        .all-href .l-home {
            height: 0.59rem;
        }
    }