@font-face {
    font-family: 'SourceHanSansCN';
    src: url('../../font/SourceHanSansCN-Bold-Alphabetic.eot') format('embedded-opentype'),
    url('../../font/SourceHanSansCN-Bold-Alphabetic.woff2') format('woff2'),
    url('../../font/SourceHanSansCN-Bold-Alphabetic.woff') format('woff'),
    url('../../font/SourceHanSansCN-Bold-Alphabetic.ttf') format('truetype'),
}

@font-face {
    font-family: 'AlibabaPuHuiTi-Regular';
    src: url('../../font/AlibabaPuHuiTi-3/AlibabaPuHuiTi-3-55-Regular/AlibabaPuHuiTi-3-55-Regular.eot') format('embedded-opentype'),
    url('../../font/AlibabaPuHuiTi-3/AlibabaPuHuiTi-3-55-Regular/AlibabaPuHuiTi-3-55-Regular.woff2') format('woff2'),
    url('../../font/AlibabaPuHuiTi-3/AlibabaPuHuiTi-3-55-Regular/AlibabaPuHuiTi-3-55-Regular.woff') format('woff'),
    url('../../font/AlibabaPuHuiTi-3/AlibabaPuHuiTi-3-55-Regular/AlibabaPuHuiTi-3-55-Regular.ttf') format('truetype'),
}

@font-face {
    font-family: 'AlibabaPuHuiTi-3-45-Light';
    src: url('../../font/AlibabaPuHuiTi-3/AlibabaPuHuiTi-3-45-Light/AlibabaPuHuiTi-3-45-Light.eot') format('embedded-opentype'),
    url('../../font/AlibabaPuHuiTi-3/AlibabaPuHuiTi-3-45-Light/AlibabaPuHuiTi-3-45-Light.woff2') format('woff2'),
    url('../../font/AlibabaPuHuiTi-3/AlibabaPuHuiTi-3-45-Light/AlibabaPuHuiTi-3-45-Light.woff') format('woff'),
    url('../../font/AlibabaPuHuiTi-3/AlibabaPuHuiTi-3-45-Light/AlibabaPuHuiTi-3-45-Light.ttf') format('truetype'),
}

@font-face {
    font-family: 'AlibabaPuHuiTi-3-85-Bold';
    src: url('../../font/AlibabaPuHuiTi-3/AlibabaPuHuiTi-3-85-Bold/AlibabaPuHuiTi-3-85-Bold.eot') format('embedded-opentype'),
    url('../../font/AlibabaPuHuiTi-3/AlibabaPuHuiTi-3-85-Bold/AlibabaPuHuiTi-3-85-Bold.woff2') format('woff2'),
    url('../../font/AlibabaPuHuiTi-3/AlibabaPuHuiTi-3-85-Bold/AlibabaPuHuiTi-3-85-Bold.woff') format('woff'),
    url('../../font/AlibabaPuHuiTi-3/AlibabaPuHuiTi-3-85-Bold/AlibabaPuHuiTi-3-85-Bold.ttf') format('truetype'),
}
 
@font-face {
    font-family: 'AlibabaPuHuiTi-3-35-Thin';
    src: url('../../font/AlibabaPuHuiTi-3/AlibabaPuHuiTi-3-35-Thin/AlibabaPuHuiTi-3-35-Thin.eot') format('embedded-opentype'),
    url('../../font/AlibabaPuHuiTi-3/AlibabaPuHuiTi-3-35-Thin/AlibabaPuHuiTi-3-35-Thin.woff2') format('woff2'),
    url('../../font/AlibabaPuHuiTi-3/AlibabaPuHuiTi-3-35-Thin/AlibabaPuHuiTi-3-35-Thin.woff') format('woff'),
    url('../../font/AlibabaPuHuiTi-3/AlibabaPuHuiTi-3-35-Thin/AlibabaPuHuiTi-3-35-Thin.ttf') format('truetype'),
}



@-webkit-keyframes moveRightIn {
    50% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
        opacity: 0
    }

    51% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
        opacity: 0
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
}

@keyframes moveRightIn {
    50% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
        opacity: 0
    }

    51% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
        opacity: 0
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
}

div[body] {
    background: #fff;
    font-family: 'AlibabaPuHuiTi-Regular';
}

#m_header,
.mb {
    display: none;
    z-index: 10;
}

@media screen and (max-width: 768px) {
    #about .five{
         margin-bottom: 10px!important
    }
    .inlineblock{
        margin-top: -100px!important;
    }
    #about .datu .t1{
        font-size: 48px!important;
    }
    .aban{
        display: none!important;
    }
    .aban-m{
        display: block!important;
    }
    .inlineblock p{
        display: inline;
    }
    .swiban-rel-left{
        right: 10%!important;
    }
    .swiban-cn {
        font-size: 16px!important;
        line-height: 1.4!important;
        font-weight: normal!important;
    }
    .swimore-flex{
        padding-top: 10px!important;
    }
    .i-pic{
        padding: 0;
    }
    .pc-banner{
        display: none!important;
    }
    .wap-banner{
        display: block!important;
    }
    #hardware .one{
        background: #FFFFFF;
        border-radius: 15px;
        -webkit-transform: translateY(0)!important;
        transform: translateY(0)!important;
        padding: 57px 0 70px;
        position: relative;
        z-index: 3;
        margin-bottom: 40px!important;
    }
    .about-mar{
        width: 100%;
        padding-top: 160px
    }
    #solution-detail .three{
        padding-top: 40px!important;
    }
    .mb {
        display: block;
    }
   
    .crumbs {
        font-size: 26px!important;
    }
    #hardware .datu .crumbs, #hardware .datu .crumbs *{
        font-size: 26px!important;
    }
    #hardware .datu .cw1600{
        margin-top: 0!important;
    }
    .pcnone{
        display: none;
    }

    #banner.index {
        padding-top: 0!important;
    }

    .mobile img {
        width: 220px;
    }
}

.clear {
    clear: both;
}

.map-main {
    width: 100%;
    text-align: center;
    margin: 50px 0;
    padding: 0 0 90px;
}

.map-main img {
    max-width: 100%;
}
/* 头部 */
/* 滚动置顶
#header,
#header .header-in{ display: flex; justify-content: start; align-content: start; flex-direction: column; width: 100%; height: 118px; z-index: 10; top:0;}
#header.header-fixed,
#header .header-in.header-fixed{ background: #fff; box-shadow: 0 5px 10px rgba(0, 0, 0, .3);}
*/

@media screen and (width: 750px) {
    #jextalert.meta .at-contents {
        font-size: 26px;
    }

    #jextalert.meta .at-not,
    #jextalert.meta .at-yes {
        font-size: 26px;
    }

    #jextalert[s='B'] .at-body {
        padding: 50px 20px;
        min-width: 500px;
        min-height: 200px;
    }
}

.close {
    display: none
}

.show .close {
    display: block!important;
}

.show .open {
    display: none!important;
}

#header {
    display: flex;
    justify-content: start;
    align-content: start;
    flex-direction: column;
    width: 100%;
    height: 90px;
    border-bottom: 1px solid #e6e6e6;
    z-index: 10;
    top: 0;
    background: #fff;
}

#about #header {
    background: #fff;
}

#header:hover {
    background: #fff;
}

#header .cw1600 {
    display: flex;
    justify-content: space-between;
    align-content: center;
    height: 100%;
}

#header .left {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 90%;
}

#header .left .logo {
    display: flex;
    align-items: center;
    width: 180px;
}

#header .left .logo img {
    max-width: 100%;
    max-height: 68%;
}

#header .left .nav {
    display: flex;
    justify-content: start;
    align-content: start;
/* margin-left: 213px; margin: 0 auto*/
    ; height: 100%;
}

#header .left .nav .nav-item {
    padding: 0 40px;
}

#header .left .nav .nav-item .nav-tit {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}

#header .left .nav .nav-item .nav-tit {
    font-size: 18px;
    color: #333;
}

#header .left .nav .nav-item .nav-tit:before {
    display: block;
    content: '';
    position: absolute;
    right: 0;
    bottom: 25px;
    width: 0;
    height: 3px;
    background: #333;
    transition: all .3s;
}

#header .left .nav .nav-item.cur .nav-tit:before,
#header .left .nav .nav-item:hover .nav-tit:before {
    width: 100%;
    right: inherit;
    left: 0;
}

#header .left .nav .nav-item:first-child {
    margin-left: 0;
}

#header .left .nav .two-nav-o {
    top: 100%;
    left: 50%;
    z-index: 5;
    height: 0;
    transform: translateX(-50%);
    opacity: 0;
    pointer-events: none;
}
/*#header .left .nav .two-nav{ padding-top: 10px;}*/
#header .left .nav .two-nav .two-nav-in {
    display: flex;
    justify-content: start;
    align-items: start;
    padding: 13px 0;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 2px 5px rgb(0, 0, 0, .1);
}

#header .left .nav .two-nav .tn-item {
    min-width: 240px;
}

#header .left .nav .two-nav .tn-item:first-child {
    margin-left: 0;
}

#header .left .nav .two-nav .tn-item .tn-tit {
    margin-bottom: 32px;
    padding-bottom: 15px;
    width: 100%;
    line-height: 26px;
    border-bottom: 1px solid #dfe0e1;
    font-size: 20px;
    color: #222;
    box-sizing: unset;
}

#header .left .nav .two-nav .list {
    width: 100%;
}

#header .left .nav .two-nav .list .item {
    justify-content: start;
    padding: 0 20px;
    min-width: 175px;
    line-height: 45px;
    background: url(../images/icon32.png) no-repeat right 19px center;
    font-size: 16px;
    color: #696969;
    white-space: nowrap;
    text-align: left;
}

#header .left .nav .two-nav .list .item:hover {
    background: url(../images/icon32_cur.png) no-repeat right 19px center #ffffff;
}
/*
#header .left .nav .nav-item.has-list{ <!--padding-right: 21px;--> background: url(../images/nav_icon.png) no-repeat right center;}
#header .left .nav .nav-item.has-list .nav-tit:before{ display: block; content: ''; position: absolute; left: 50%; bottom: 35px; width: 15px; height: 9px; background: url(../images/h_nav_icon.png) no-repeat center / 100% auto; transform: translateX(-50%); transition: all .3s; opacity: 0;}

#header .left .nav .nav-item.has-list.cur .nav-tit:before,
#header .left .nav .nav-item.has-list:hover .nav-tit:before{ bottom: 26px; opacity: 1;}
*/

#header .left .pro-nav {
    top: calc(100% + 1px);
    left: 0;
    width: 100%;
    height: 0;
/* box-shadow: 0 0 10px rgba(0, 0, 0, .1);*/
    opacity: 0;
    pointer-events: none;
}

#header .left .pro-nav .top {
    height: 60px;
    background: #ffffff;
}

#header .left .pro-nav .top .item {
    margin-left: 68px;
    line-height: 60px;
    font-size: 16px;
    color: #999;
}

#header .left .pro-nav .top .item:before {
    display: block;
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background: #000;
    opacity: 0;
    transition: all .3s;
}

#header .left .pro-nav .top .item:first-child {
    margin-left: 0;
}

#header .left .pro-nav .top .item:hover,
#header .left .pro-nav .top .item.cur {
    color: #1a1a1a;
}

#header .left .pro-nav .top .item:hover:before,
#header .left .pro-nav .top .item.cur:before {
    opacity: 1;
}

#header .left .pro-nav .bot {
    padding: 53px 0;
    background: #fff;
}

#header .left .pro-nav .bot .links {
    width: 18.125%;
}

#header .left .pro-nav .bot .links .link-item {
    width: 100%;
    height: 70px;
    line-height: 70px;
    border-bottom: 1px solid #e6e6e6;
    font-size: 16px;
    color: #696969;
}

#header .left .pro-nav .bot .links .link-item:before {
    display: block;
    content: '';
    position: absolute;
    top: 50%;
    right: 19px;
    width: 6px;
    height: 10px;
    background: url(../images/icon32.png) no-repeat right center;
    transform: translateY(-50%);
    transition: all .5s;
}

#header .left .pro-nav .bot .links .link-item:after {
    display: block;
    content: '';
    position: absolute;
    top: 50%;
    right: 28px;
    width: 6px;
    height: 10px;
    background: url(../images/icon32_cur.png) no-repeat right center;
    transform: translateY(-50%);
    transition: all .5s;
    opacity: 0;
}
/*#header .left .pro-nav .bot .links .link-item:hover{ background: url(../images/icon32_cur.png) no-repeat right 19px center;}*/
#header .left .pro-nav .bot .links .link-item:hover:before {
    right: 10px;
    opacity: 0;
}

#header .left .pro-nav .bot .links .link-item:hover:after {
    right: 19px;
    opacity: 1;
}

#header .left .pro-nav .bot .b-list {
    width: 77.1875%;
    border-right: 1px solid #e6e6e6;
}
/*#header .left .pro-nav .bot .b-list .b-list-in{ display: none;}*/
#header .left .pro-nav .bot .b-list .b-item {
    margin: 50px 6.8826% 0 0;
    width: 17.9758%;
}

#header .left .pro-nav .bot .b-list .b-item:nth-child(-n+4) {
    margin-top: 0;
}

#header .left .pro-nav .bot .b-list .b-item .tit {
    width: 100%;
    line-height: 38px;
    font-size: 18px;
    color: #1a1a1a;
}

#header .left .pro-nav .bot .b-list .b-item .list {
    margin-top: 15px;
    width: 100%;
}

#header .left .pro-nav .bot .b-list .b-item .list .item {
    width: 100%;
}

#header .left .pro-nav .bot .b-list .b-item .list .item .img {
    width: 100%;
    height: 0;
/* background: #ffffff;*/
    overflow: hidden;
    border-radius: 5px;
}

#header .left .pro-nav .bot .b-list .b-item .list .item.cur .img {
    height: 220px;
}

#header .left .pro-nav .bot .b-list .b-item .list .item .img img {
    max-width: 100%;
    max-height: 100%;
}

#header .left .pro-nav .bot .b-list .b-item .list .item .txt {
    width: 100%;
    line-height: 45px;
    border-bottom: 1px solid #e6e6e6;
    font-size: 18px;
    color: #000;
}

#header .left .pro-nav .bot .b-list .b-item .list .item .txt:before {
    display: block;
    content: '';
    position: absolute;
    top: 50%;
    right: 0;
    width: 6px;
    height: 10px;
    background: url(../images/icon32.png) no-repeat right center;
    transform: translateY(-50%);
    transition: all .5s;
}

#header .left .pro-nav .bot .b-list .b-item .list .item .txt:after {
    display: block;
    content: '';
    position: absolute;
    top: 50%;
    right: 20px;
    width: 6px;
    height: 10px;
    background: url(../images/icon32_cur.png) no-repeat right center;
    transform: translateY(-50%);
    transition: all .5s;
    opacity: 0;
}

#header .left .pro-nav .bot .b-list .b-item .list .item.more .txt {
    color: #999;
}

#header .left .pro-nav .bot .b-list .b-item .list .item:hover .txt:before {
    right: -20px;
    opacity: 0;
}

#header .left .pro-nav .bot .b-list .b-item .list .item:hover .txt:after {
    right: 0;
    opacity: 1;
}

#header .left .pro-nav .bot .b-list .b-list-in.software .b-item .list .item .img {
    height: auto;
}

#header .left .nav .nav-item:hover .pro-nav,
#header .left .nav .nav-item:hover .two-nav-o {
    opacity: 1;
    pointer-events: visible;
}

/*#header .left .solution .pro-nav .bot{ padding-top: 0;}*/
#header .left .solution .pro-nav .bot .cw1600 {
    justify-content: center;
}

#header .left .solution .pro-nav .bot .b-list {
    padding-right: 5%;
    margin-right: 5%;
}

#header .left .solution .pro-nav .bot .b-list .b-list-in .b-item {
    margin: 0 auto;
    width: 100%;
}

#header .left .solution .pro-nav .bot .b-list .b-list-in .b-item .list {
    margin: 0;
    width: 100%;
}

#header .left .solution .pro-nav .bot .b-list .b-list-in .b-item .list:nth-child(2n) {
    margin-right: 0;
}

#header .left .solution .pro-nav .bot .b-list .b-list-in .b-item .list .item {
    margin: 15px 2% 0 0;
    width: 23%;
}

#header .left .solution .pro-nav .bot .b-list .b-list-in .b-item .list .item:nth-child(4n) {
    margin-right: 0;
}

#header .left .solution .pro-nav .bot .b-list .b-list-in .b-item .list .item:nth-child(-n+4) {
    margin-top: 0;
}

#header .left .solution .pro-nav .bot .b-list .b-list-in .b-item .list .item .img {
    height: auto;
}

#header .rig {
    display: flex;
    justify-content: start;
    align-items: center;
}

#header .rig .search {
    display: flex;
    align-items: center;
    margin-left: 50px;
    height: 100%;
    cursor: pointer;
}

#header .rig .search.cur .search-form {
    display: flex;
}

#header .rig .search .search-btn {
    width: 25px;
    height: 25px;
}

#header .rig .search .search-btn svg {
    width: 100%;
    height: 100%;
}

#header .rig .search .search-btn svg path {
    fill: #333;
}

#header .rig .search .search-form {
    display: none;
    justify-content: space-between;
    align-content: start;
    top: 100%;
    right: 0;
    padding: 0 20px;
    width: 370px;
    height: 60px;
    background: #333;
    border-radius: 0 0 7px 7px;
}

#header .rig .search .search-form input[type=text] {
    width: calc(100% - 26px);
    font-size: 16px;
    color: #fff;
}

#header .rig .search .search-form input[type=text]::-webkit-input-placeholder {
    font-size: 16px;
    color: #fff;
}

#header .rig .search .search-form input[type=text]::-moz-placeholder {
    font-size: 16px;
    color: #fff;
}

#header .rig .search .search-form input[type=text]:-ms-input-placeholder {
    font-size: 16px;
    color: #fff;
}

#header .rig .search .search-form input[type=text]:-moz-placeholder {
    font-size: 16px;
    color: #fff;
}

#header .rig .search .search-form input[type=submit] {
    display: block;
    width: 26px;
    background: url(../images/search.svg) no-repeat center / 100% auto;
    cursor: pointer;
}

#header .rig .lang {
    display: flex;
    align-items: center;
    margin-left: 20px;
    height: 100%;
    z-index: 5;
}

#header .rig .lang .h-btn .txt {
    font-size: 18px;
    color: #333;
}

#header .rig .lang .list {
    top: 100%;
    left: 50%;
    width: 100px;
    height: 0;
    overflow: hidden;
    border-radius: 5px;
    box-shadow: 0 0 5px rgba(0, 0, 0, .5);
    transform: translateX(-50%);
}

#header .rig .lang .list .list-in {
    width: 100%;
    padding: 10px;
    background: #fff;
}

#header .rig .lang .list .item {
    margin-top: 10px;
    width: 100%;
    font-size: 16px;
    color: #9d9d9d;
    text-align: center;
}

#header .rig .lang .list .item.cur {
    color: #333;
}

#header .rig .lang .list .item:first-child {
    margin-top: 0;
}

@media screen and (max-width: 1560px) {
    /*#header .left .nav{ margin-left: 100px;}*/
    #header .left .pro-nav .bot .b-list .b-item {
        width: 19.9758%;
        margin-right: 4.8826%;
    }
}

@media screen and (max-width: 1440px) {
    #header .rig .search {
        margin-left: 20px;
    }
    /*#header .left .nav .nav-item{ margin-left: 35px;}*/
    #header .left .nav .nav-item {
        padding: 0 30px;
    }

    #header .left .pro-nav .bot .b-list .b-item {
        width: 30%;
        margin-right: 3%;
    }

    #header .left .pro-nav .bot .b-list .b-item:nth-child(4n) {
        margin-top: 50px;
    }

    #header .left .pro-nav .bot .b-list .b-item:nth-child(3n) {
        margin-top: 0;
    }

    #header .left .pro-nav .bot .b-list .b-item .tit {
        font-size: 16px;
    }

    #header .left .pro-nav .bot .links {
        width: 21.125%;
    }

    #header .left .pro-nav .bot .links .link-item {
        font-size: 14px;
        background-position: right center;
    }

    #header .left .pro-nav .bot .links .link-item:hover {
        background-position: right center;
    }
}

@media screen and (max-width: 1260px) {
    #header .rig .search {
        margin-left: 0;
    }
    #header .left .nav .nav-item {
        padding: 0 20px;
    }
    /*#header .left .nav{ margin-left: 50px;}*/
    /*#header .left .nav .nav-item{ margin-left: 20px;}*/
    /*#header .left .nav .nav-item.has-list{ padding-right: 10px;}*/
}

@media screen and (max-width: 1060px) {

    #m_header {
        display: block;
    }

    #header {
        display: none;
    }

    #m_header {
        width: 100%;
        height: 100px;
        border-bottom: 1px solid #f0f0f2;
        background: #ffffff
    }

    #m_header .cw1600 {
        height: 100%;
    }

    #m_header .b-rig {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    #m_header .b-rig .search {
        margin-right: 50px;
    }

    #m_header .b-rig .search svg path {
        fill: #333;
    }

    #m_header .b-rig .search .close_icon {
        display: none;
    }

    #m_header .b-rig .search .search-btn {
        cursor: pointer;
    }

    #m_header .b-rig .search .search-btn svg {
 /*width: 100%; height: 100%;*/
        width: 50px;
        height: 50px;
    }

    #m_header .b-rig .search .search-btn svg path {
        fill: #333;
    }

    #m_header .b-rig .search.cur .search_icon {
        display: none;
    }

    #m_header .b-rig .search.cur .close_icon {
        display: block;
    }
    /*#m_header .b-rig .search.cur .search-btn svg path{ fill: #007ec8;}*/
    #m_header .b-rig .search .search-form {
        display: flex;
        justify-content: space-between;
        align-content: start;
        top: 100%;
        left: 0;
        z-index: 5;
        padding: 0 20px;
        width: 100%;
        height: 0;
        background: #333;
        overflow: hidden;
    }

    #m_header .b-rig .search.cur .search-form {
        height: 80px;
    }

    #m_header .b-rig .search .search-form input[type=text] {
        width: calc(100% - 26px);
        font-size: 28px;
        color: #fff;
    }

    #m_header .b-rig .search .search-form input[type=text]::-webkit-input-placeholder {
        font-size: 28px;
        color: #fff;
    }

    #m_header .b-rig .search .search-form input[type=text]::-moz-placeholder {
        font-size: 28px;
        color: #fff;
    }

    #m_header .b-rig .search .search-form input[type=text]:-ms-input-placeholder {
        font-size: 28px;
        color: #fff;
    }

    #m_header .b-rig .search .search-form input[type=text]:-moz-placeholder {
        font-size: 28px;
        color: #fff;
    }

    #m_header .b-rig .search .search-form input[type=submit] {
        display: block;
        width: 50px;
        background: url(../images/search_icon.svg) no-repeat center / 100% auto;
    }

    #m_header .b-rig .nav-btn {
        width: 60px;
        height: 60px;
    }

    #m_header .b-rig .nav .close_icon {
        display: none;
    }

    #m_header .b-rig .nav.show .menu_icon {
        display: none;
    }

    #m_header .b-rig .nav.show .close_icon {
        display: block;
    }

    #m_header .b-rig .nav-btn svg {
        width: 100%;
        height: 100%;
    }

    #m_header .b-rig .nav-btn .close_icon {
        display: none;
    }

    #m_header .b-rig .nav-list {
        display: none;
        left: 0;
        top: 100%;
        z-index: 5;
        width: 100%;
/* height: 0;*/
        background: #fff;
        overflow: hidden;
    }

    #m_header .b-rig .nav-list .nav-list-in {
        flex-direction: column;
        height: auto;
        border-top: 1px solid #ddd;
    }

    #m_header .b-rig .nav-list .nav-item {
        width: 100%;
        border-bottom: 1px solid #ddd;
        text-align: left;
    }

    #m_header .b-rig .nav-list .nav-item .nav-tit {
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 100%;
        height: 80px;
    }

    #m_header .b-rig .nav-list .nav-item.has-list>.nav-tit:after {
        display: block;
        content: '';
        width: 35px;
        height: 35px;
        background: url(../images/h-micon.png) no-repeat center;
        transition: all .5s;
    }

    #m_header .b-rig .nav-list .nav-item .nav-tit .txt {
        font-size: 28px;
        color: #333;
    }

    #m_header .b-rig .nav-list .nav-item .nav-tit .icon {
        width: 50px;
        height: 100%;
    }

    #m_header .b-rig .nav-list .nav-item .nav-tit .icon:before {
        display: block;
        content: '';
        position: absolute;
        top: 50%;
        left: 50%;
        width: 30px;
        height: 2px;
        background: #333;
        transform: translate(-50%, -50%);
    }

    #m_header .b-rig .nav-list .nav-item .nav-tit .icon:after {
        display: block;
        content: '';
        position: absolute;
        top: 50%;
        left: 50%;
        width: 2px;
        height: 30px;
        background: #333;
        transform: translate(-50%, -50%);
    }

    #m_header .b-rig .nav-list .nav-item .two-nav {
        height: 0;
    }

    #m_header .b-rig .nav-list .nav-item .tn-item {
        padding-left: 30px;
    }

    #m_header .b-rig .nav-list .nav-item .tn-item .item {
        padding-left: 30px;
    }

    #m_header .b-rig .nav-list .nav-item.has-list.cur>.nav-tit:after {
        transform: rotate(180deg);
    }

    #m_header .b-rig .lang {
        display: flex;
        align-items: center;
        margin-right: 50px;
        height: 100%;
        z-index: 5;
    }

    #m_header .b-rig .lang .h-btn .txt {
        font-size: 36px;
        color: #333;
    }

    #m_header .b-rig .lang .list {
        top: 80px;
        left: 50%;
        height: 0;
        overflow: hidden;
        border-radius: 5px;
        box-shadow: 0 0 5px rgba(0, 0, 0, .5);
        transform: translateX(-50%);
    }

    #m_header .b-rig .lang .list .list-in {
        padding: 15px 30px;
        width: 250px;
        background: #fff;
    }

    #m_header .b-rig .lang .list .item {
        margin-top: 10px;
        width: 100%;
        line-height: 1.8;
        font-size: 36px;
        color: #9d9d9d;
        text-align: center;
        white-space: nowrap;
    }

    #m_header .b-rig .lang .list .item.cur {
        color: #333;
    }

    #m_header .b-rig .lang .list .item:first-child {
        margin-top: 0;
    }

    #search .form .text {
        font-size: 26px;
    }

    #search .form .submit {
        width: 75px;
        font-size: 26px;
    }

    #search .list .info .title {
        font-size: 28px;
        line-height: 1.6;
    }

    #search .list .info .day,
    #search .list .info .cate {
        font-size: 28px;
        line-height: 1.6;
    }

    #search .list .info .desc {
        font-size: 26px;
        line-height: 1.6;
        height: 120px;
    }
    .lang-flex{
        font-size: 26px!important;
    }
    .lang-name{
        position: absolute!important;
        right: 150px;
    }
    .lang-name img {
        width: 30px!important;
    }
    .lang-bot{
        width: 160px!important;
        font-size: 30px!important;
    }
    #header .left .nav .nav-item {
        padding: 0 18px;
    }
}
/* 头部 */
.probanner .swiper-wrapper {
    width: 100%;
    padding-bottom: 60px;
}

/* 底部 */
#footer {
    width: 100%;
    background: #222;
}

#footer .top {
    display: flex;
    justify-content: space-between;
    align-content: start;
    padding: 56px 0 47px;
    width: 100%;
}

#footer .top .f-list {
    display: flex;
    justify-content: start;
    align-items: start;
    width: 80%;
}

#footer .top .f-list .f-item {
    margin-left: 120px;
}

#footer .top .f-list .f-item:first-child {
    margin-left: 0;
}

#footer .top .f-list .f-item .tit {
    width: 100%;
    line-height: 47px;
    font-size: 18px;
    color: #fff;
}

#footer .top .f-list .f-item .list {
    margin-top: 10px;
    width: 100%;
}

#footer .top .f-list .f-item .list .item {
    width: 100%;
    line-height: 36px;
    font-size: 16px;
    color: #767676;
}

#footer .top .f-list .f-item .list .item:hover {
    color: #fff;
}

#footer .top .newsletter {
    width: 320px;
}

#footer .top .newsletter .tit {
    width: 100%;
    line-height: 47px;
    font-size: 18px;
    color: #fff;
}

#footer .top .newsletter .brief {
    margin-top: 8px;
    line-height: 25px;
    font-size: 16px;
    color: #767676;
}

#footer .top .newsletter form {
    display: flex;
    justify-content: space-between;
    align-content: start;
    margin-top: 14px;
    width: 100%;
    height: 42px;
    border: 1px solid #4d4d4d;
}

#footer .top .newsletter form input[type=text] {
    padding: 0 10px;
    width: calc(100% - 43px);
    font-size: 16px;
    color: #fff;
}

#footer .top .newsletter form input[type=text]::-webkit-input-placeholder {
    font-size: 16px;
    color: #484848;
}

#footer .top .newsletter form input[type=text]::-moz-placeholder {
    font-size: 16px;
    color: #484848;
}

#footer .top .newsletter form input[type=text]:-ms-input-placeholder {
    font-size: 16px;
    color: #484848;
}

#footer .top .newsletter form input[type=text]:-moz-placeholder {
    font-size: 16px;
    color: #484848;
}

#footer .top .newsletter form input[type=submit] {
    width: 43px;
    border-left: 1px solid #4d4d4d;
    background: url(../images/newsletter_icon.png) no-repeat center #333;
    cursor: pointer;
}

#footer .top .newsletter form input[type=submit]:hover {
    background-color: #434343;
}

#footer .mid {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding: 30px 0;
    color: #767676;
    font-size: 16px;
}

#footer .mid .left {
    display: flex;
    justify-content: start;
    align-items: center;
}

#footer .mid .left .item {
    margin-left: 46px;
    font-size: 16px;
    color: #767676;
}

#footer .mid .left .item:first-child {
    margin-left: 0;
}

#footer .mid .left .item a:hover {
    color: #fff;
    text-decoration: underline;
}

#footer .mid .rig .item {
    margin-right: 24px;
}

#footer .mid .rig .icon {
    width: 40px;
    height: 50px;
    border-radius: 50%;
/*margin-right: 20px;*/
    cursor: pointer;
}

#footer .mid .rig .icon .img {
    bottom: 120%;
    left: 50%;
    padding: 10px;
    width: 120px;
    height: 120px;
    background: #fff;
    border-radius: 10px;
    transform: translateX(-50%);
    box-shadow: 0 0 10px rgba(0, 0, 0, .1);
    opacity: 0;
    pointer-events: none;
}

#footer .mid .rig .icon .img img {
    max-width: 100%;
}

#footer .mid .rig .icon:nth-child(1) {
    background: url(../images/share_icon0.png) no-repeat center;
}

#footer .mid .rig .icon:nth-child(2) {
    background: url(../images/share_icon1.png) no-repeat center;
}

#footer .mid .rig .icon:nth-child(3) {
    background: url(../images/share_icon2.png) no-repeat center;
}

#footer .mid .rig .icon:nth-child(4) {
    background: url(../images/share_icon3.png) no-repeat center;
    margin-right: 0;
}

#footer .mid .rig .icon:nth-child(1):hover {
    background-image: url(../images/share1_cur.png);
}

#footer .mid .rig .icon:nth-child(1):hover .img {
    opacity: 1;
}

#footer .mid .rig .icon:nth-child(2):hover {
    background-image: url(../images/share2_cur.png);
}

#footer .mid .rig .icon:nth-child(3):hover {
    background-image: url(../images/share3_cur.png);
}

#footer .mid .rig .icon:nth-child(4):hover {
    background-image: url(../images/share4_cur.png);
}

#footer .mid .rig .icon.jp_icon:nth-child(1) {
    background: url(../images/jp_share1.png) no-repeat center;
}

#footer .mid .rig .icon.jp_icon:nth-child(2) {
    background: url(../images/jp_share2.png) no-repeat center;
}

#footer .mid .rig .icon.jp_icon:nth-child(3) {
    background: url(../images/jp_share3.png) no-repeat center;
}

#footer .mid .rig .icon.jp_icon:nth-child(4) {
    background: url(../images/jp_share4.png) no-repeat center;
    margin-right: 0;
}

#footer .bot {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: 100px;
    border-top: 1px solid #656565;
}

#footer .bot .left {
    display: flex;
    justify-content: start;
    align-items: center;
}

#footer .bot .left .item {
    font-size: 16px;
    color: #767676;
}

#footer .bot .left a.item:hover {
    color: #fff;
}

#footer .bot .left .part {
    margin: 0 10px;
    line-height: 16px;
    font-size: 16px;
    color: #767676;
}

#footer .bot .rig {
    display: flex;
    justify-content: start;
    align-items: center;
}

#footer .bot .rig .item {
    font-size: 14px;
    color: #999;
}

#footer .bot .rig .item:hover,
#footer .bot .rig .item.cur {
    color: #fff;
}

#footer .bot .rig .part {
    margin: 0 11px;
    line-height: 14px;
    font-size: 14px;
    color: #2e2e2e;
}

#footer .share {
    display: block;
    padding-right: 0;
    border-right: 0;
}

#footer .share .list {
    margin: 15px 0 0;
}

#footer .share .list a {
    margin-left: 20px;
    width: 26px;
    height: auto;
}

#footer .share .list a:first-child {
    margin-left: 0;
}

.scroll-top {
    display: flex;
    justify-content: center;
    align-items: center;
    bottom: 10%;
    right: 5%;
    width: 54px;
    height: 54px;
    background: #007ec8;
    border-radius: 50%;
}

@media screen and (max-width: 1560px) {
    #footer .top .f-list .f-item {
        margin-left: 70px;
    }
}

@media screen and (max-width: 1440px) {
    #footer .top .f-list .f-item {
        margin-left: 45px;
    }

    #footer .mid .left .item {
        margin-left: 24px;
    }

    #footer .mid .rig .icon {
        width: 35px;
    }
}

@media screen and (max-width: 1260px) {
    #footer .top {
        flex-direction: column;
    }

    #footer .top .f-list {
        width: 100%;
    }

    #footer .top .f-list .f-item {
        width: 100%;
    }

    #footer .top .newsletter {
        margin-top: 50px;
    }

    #footer .mid {
        justify-content: center;
    }

    #footer .mid .rig {
        margin-top: 20px;
        font-size: 24px;
    }

    #footer .mid .rig .icon {
        height: 20px;
    }
}

@media screen and (max-width: 1060px) {
    #footer .top .f-list {
        flex-wrap: wrap;
    }

    #footer .top .f-list .f-item {
        margin: 0 2% 0 0;
        width: 32%;
    }

    #footer .top .f-list .f-item:nth-child(3n) {
        margin-right: 0;
    }
}

@media screen and (max-width: 768px) {
    #i-partner .i-partner-flex .i-partner-pad {
        width: 50%!important;
    }

    #footer .top .f-list .f-item {
        float: none;
        margin: 0;
        padding: 30px 0;
        width: 100%;
        border-bottom: 1px solid #ddd;
    }

    #footer .top .f-list .f-item .tit {
        line-height: 1.8;
        font-size: 30px;
    }

    #footer .top .f-list .f-item .list {
        margin-top: 0;
        height: 0;
        overflow: hidden;
    }

    #footer .top .f-list .f-item .list .list-in .item {
        padding: 15px 0;
        line-height: 1.8;
        font-size: 28px;
    }

    #footer .top .f-list .f-item .list .list-in .tit {
        line-height: 1.8;
        font-size: 28px;
    }

    #footer .top .newsletter {
        width: 100%;
    }

    #footer .top .newsletter .tit {
        line-height: 1.8;
        font-size: 34px;
    }

    #footer .top .newsletter .brief {
        line-height: 1.8;
        font-size: 28px;
    }

    #footer .top .newsletter form {
        height: 80px;
    }

    #footer .top .newsletter form input[type=text] {
        width: calc(100% - 80px);
        font-size: 28px;
    }

    #footer .top .newsletter form input[type=text]::-webkit-input-placeholder {
        font-size: 28px;
    }

    #footer .top .newsletter form input[type=submit] {
        width: 80px;
    }

    #footer .top .newsletter form.focus {
        border: 1px solid #fff;
    }

    #footer .top .newsletter form.focus input[type=text] {
        color: #fff;
    }

    #footer .top .newsletter form.focus input[type=text]::-webkit-input-placeholder {
        color: #fff;
    }

    #footer .mid {
        padding: 50px 0;
        height: auto;
        font-size: 20px;
    }

    #footer .mid .left {
        align-items: start;
        flex-direction: column;
    }

    #footer .mid .left .item {
        margin-left: 0;
        line-height: 1.8;
        font-size: 28px;
        text-align: left;
    }
    /*#footer .mid .rig{ width: 100%;}*/
    #footer .mid .rig .icon {
        width: 50px;
        height: 50px;
        background-size: 80% !important;
    }

    #footer .bot {
        flex-direction: column;
        justify-content: start;
        padding: 50px 0;
        height: auto;
    }

    #footer .bot .left .item {
        font-size: 28px;
    }

    #footer .bot .rig {
        margin-top: 30px;
    }

    #footer .bot .rig .item {
        font-size: 28px;
    }

    #footer .bot .rig .part {
        margin: 0 30px;
        line-height: 1.8;
        font-size: 28px;
    }

    #footer .bot .left .dd-part {
        display: none;
    }
}
/* 底部 */

/*全站搜索*/
#search {
    width: 100%;
    padding-bottom: 40px;
}

#search .form {
    margin-bottom: 22px;
    margin-top: 20px;
}

#search .form .text {
    width: 340px;
    padding-left: 15px;
    height: 49px;
    line-h381eight: 49px;
    border: 1px solid #ddd;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    border-right: none;
    font-size: 16px;
}

#search .form .submit {
    height: 49px;
    width: 59px;
    border: 1px solid #1a1a1a;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    background: #1a1a1a url(../images/search.svg) no-repeat center center / 50%;
    color: #fff;
    font-size: 16px;
    cursor: pointer;
}

#search .list {
    width: 100%;
    margin-bottom: 50px;
}

#search .list .info .cate {
    padding-left: 15px;
}

#search .list .new .cate {
}

#search .list .know .cate {
}

#search .list .info li {
    padding: 20px 0;
    border-bottom: 1px solid #ddd;
}

#search .list .info li:first-child {
    border-top: 1px solid #ddd;
}

#search .list .info .title {
    margin-right: 16px;
    line-height: 22px;
    color: #456979;
    font-size: 16px;
    font-weight: bold;
}

#search .list .info .day,
#search .list .info .cate {
    color: #888;
    font-size: 16px;
    margin-right: 20px;
}

#search .list .info .day {
    margin: 0;
}

#search .list .info .desc {
    height: 60px;
    overflow: hidden;
    margin-top: 1.375%;
    color: #888;
    font-size: 14px;
    line-height: 32px;
}

/* 广告图 */
/*#m_banner{ display: none;}*/
#banner {
    width: 100%;
}

#banner.index {
    padding-top: 90px;
}

#banner .ban-con {
    z-index: 1;
    text-align: center;
}

#banner .ban-con img {
    width: 100%;
}

#banner .slide {
    width: 100%;
}

#banner .slide img {
    width: 100%;
    max-height: 100%;
}

#banner .slide .ban-bg {
    width: 100%;
    height: 100%;
}

#banner .slide .ban-bg>div {
    background-size: cover;
    background-position: bottom center;
/* background-attachment: fixed;*/
    background-repeat: no-repeat;
    height: 100%;
    width: 100%;
}

#banner .con {
    top: 18.119%;
}

#banner .con .top-txt {
    width: 100%;
    line-height: 34px;
    font-size: 24px;
    color: #1a1a1a;
    text-align: center;
}

#banner .con .mid-txt {
    width: 100%;
    line-height: 67px;
    font-size: 40px;
    color: #1a1a1a;
    text-align: center;
    font-weight: 500;
}

#banner .con .bot-txt {
    width: 100%;
    line-height: 38px;
    font-size: 20px;
    color: #1a1a1a;
    text-align: center;
}

#banner .con .btn {
    margin: 22px auto;
    width: 41px;
    height: 11px;
    text-align: center;
}

#banner .con .btn i {
    display: block;
    width: 100%;
    height: 100%;
    background: url(../images/ban_btn_icon.png) no-repeat;
    position: absolute;
    top: 0;
    left: 0;
}

#banner .con:hover .btn i {
    -webkit-animation: moveRightIn 1s 1;
    animation: moveRightIn 1s 1;
    background: url(../images/ban_btn_icon.png) no-repeat;
}

#banner .con-in {
    top: 0;
    margin-top: 8.62%;
    width: 100%;
}

#banner .con-in .tit {
    padding-bottom: 30px;
    width: 100%;
    line-height: 60px;
    text-align: center;
    font-size: 42px;
    color: #fff;
    font-weight: 500;
}

#banner .con-in .tit:before {
    display: block;
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 50px;
    height: 3px;
    background: #fff;
    transform: translateX(-50%);
}

#banner .con-in .cate {
    margin-top: 100px;
}

#banner .con-in .cate .item {
    margin-left: 20px;
    padding: 10px 22px;
    line-height: 30px;
    font-size: 18px;
    color: #1a1a1a;
    border-radius: 5px;
}

#banner .con-in .cate .item:first-child {
    margin-left: 0;
}

#banner .con-in .cate .item.cur,
#banner .con-in .cate .item:hover {
    background: #333;
    color: #fff;
}

#banner .swiper-container-horizontal>.swiper-pagination-bullets,
#banner .swiper-pagination-custom,
#banner .swiper-pagination-fraction {
    bottom: 105px;
    width: 100%;
    height: 3px;
    line-height: 0;
    font-size: 0;
    text-align: center;
}

#banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0;
    margin-left: 9px;
    width: 63px;
    height: 3px;
    background: #000;
    opacity: .2;
    border-radius: 0;
    transition: all .3s;
}

#banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet:first-child {
    margin-left: 0;
}

#banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {
    opacity: 1;
}

#banner .b-news {
    bottom: 0;
    left: 0;
    width: 100%;
    height: 70px;
    border-top: 1px solid #c6c6c6;
    z-index: 1;
}

#banner .b-news .cw1600 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 100%;
}

#banner .b-news .b-news-left {
    display: flex;
    justify-content: start;
    align-items: center;
    height: 100%;
}

#banner .b-news .b-news-tit {
    margin-right: 20px;
    padding-right: 22px;
    border-right: 1px solid #1a1a1a;
    font-size: 16px;
    color: #9d9d9d;
}

#banner .b-news .b-news-list {
    height: 100%;
}

#banner .b-news .b-news-list .slide {
    display: flex;
    justify-content: start;
    align-items: center;
}

#banner .b-news .b-news-list .slide .tit {
    font-size: 16px;
    color: #666;
}

#banner .b-news .b-news-list .slide .time {
    margin-left: 60px;
    font-size: 16px;
    color: #9d9d9d;
}

#banner .b-news .b-news-more {
    font-size: 16px;
    color: #999;
}

@media screen and (max-width: 1600px) {
    #banner .con-in .cate {
        margin-top: 50px;
    }
    .swiban-tit{
        font-size: 42px!important;
    }
    .swiban-cn{
        font-size: 20px!important;
    }
}

@media screen and (max-width: 1440px) {
    #banner .con-in {
        margin-top: 3.5%;
    }

    #banner .con .mid-txt {
        line-height: 45px;
        font-size: 30px;
    }
    .swiban-tit{
        font-size: 40px!important;
    }
    .swiban-cn{
        font-size: 18px!important;
    }
}

@media screen and (max-width: 1060px) {
    #m_banner .slide img {
        max-width: 100%;
        max-height: 100%;
    }

    #m_banner .con {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        top: -32%;
        left: 50%;
        height: 100%;
        transform: translateX(-50%);
    }

    #m_banner .con .txt {
        width: 100%;
        line-height: 80px;
        font-size: 40px;
        color: #fff;
        font-weight: 500;
        text-align: center;
    }

    #m_banner .con .btn {
        width: 180px;
        height: 30px;
        line-height: 30px;
        font-size: 24px;
        color: #fff;
        text-align: center;
    }

    #m_banner .con .tit {
        padding-bottom: 30px;
        font-size: 48px;
    }

    #m_banner .con .tit:before {
        display: block;
        content: '';
        position: absolute;
        bottom: 0;
        left: 50%;
        width: 50px;
        height: 3px;
        background: #1a1a1a;
        transform: translateX(-50%);
    }

    #m_banner .con .cate {
        margin-top: 50px;
    }

    #m_banner .con .cate .item {
        margin-left: 20px;
        padding: 10px 22px;
        line-height: 30px;
        font-size: 24px;
        color: #1a1a1a;
        border-radius: 5px;
    }

    #m_banner .con .cate .item:first-child {
        margin-left: 0;
    }

    #m_banner .con .cate .item.cur {
        background: #333;
        color: #fff;
    }

    #m_banner .ban-con .con .txt {
        text-shadow: 0 3px 9px rgba(0, 0, 0, .57);
    }

    #m_banner .contact .con .txt {
        text-align: left;
    }

    #m_banner .ban-con .con .txt.ind-detail {
        font-size: 28px;
    }

    #m_banner .ban-con .con .top-txt {
        width: 100%;
        line-height: 34px;
        font-size: 24px;
        color: #1a1a1a;
        text-align: center;
    }

    #m_banner .ban-con .con .mid-txt {
        width: 100%;
        line-height: 67px;
        font-size: 40px;
        color: #1a1a1a;
        font-weight: 500;
        text-align: center;
    }

    #m_banner .ban-con .con .bot-txt {
        width: 100%;
        line-height: 38px;
        font-size: 20px;
        color: #1a1a1a;
        text-align: center;
    }
    /*
        #m_banner .ban-btn{ top: 50%; left: 30px; z-index: 1; width: 36px; height: 36px; transform: translateY(-50%);}
        #m_banner .ban-btn img{ top: 50%; left: 50%; transform: translate(-50%, -50%);}
        #m_banner .ban-btn img:last-child{ opacity: 0;}
        #m_banner .ban-btn.next{ right: 30px; left: inherit;}
        #m_banner .ban-btn.next img{ transform: translate(-50%, -50%) rotate(180deg);}
    */
}

@media screen and (max-width: 768px) {
    /* #m_banner .con{ top: 0;} */
    #m_banner .ban-conproducts {
        text-align: center;
    }

    #m_banner .con {
        top: -20%;
        color: #fff;
    }
    #m_banner .con .tit:before {
        display: block;
        content: '';
        position: absolute;
        bottom: 0;
        left: 50%;
        width: 50px;
        height: 3px;
        background: #fff!important;
        transform: translateX(-50%);
    }

    #m_banner .con .cate .item {
        padding: 10px;
    }

    #m_banner.dd-index  .con {
        top: -33%;
    }

    #m_banner .con .btn {
        width: 41px;
        height: 11px;
        line-height: 11px;
        margin-top: 5px;
    }
}
/* 广告图 */

/*
#banner .ban-con .con .txt{ text-shadow: 0 3px 9px rgba(0, 0, 0, .57);}
#banner .contact .con .txt{ text-align: left;}
#banner .ban-con .con .txt.ind-detail{ font-size: 28px; font-family: hsr;}

#banner .ban-btn{ top: 50%; left: 30px; z-index: 1; width: 36px; height: 36px; background: #f5f7f9; border-radius: 50%; transform: translateY(-50%);}
#banner .ban-btn img{ top: 50%; left: 50%; transform: translate(-50%, -50%);}
#banner .ban-btn img:last-child{ opacity: 0;}
#banner .ban-btn.next{ right: 30px; left: inherit;}
#banner .ban-btn.next img{ transform: translate(-50%, -50%) rotate(180deg);}
#banner .ban-btn:hover img:last-child{ opacity: 1;}
*/

/* 首页 */
#i-pro {
    margin-top: 140px;
}

#i-pro .container {
    border-radius: 15px;
}

#i-pro .slide {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    background: #fff;
}

#i-pro .slide .con {
    padding-left: 60px;
    width: 50%;
}

#i-pro .slide .con .en {
    width: 100%;
    line-height: 42px;
    font-size: 40px;
    color: #000;
    font-weight: 500;
}

#i-pro .slide .con .cn {
    width: 100%;
    line-height: 52px;
    font-size: 40px;
    color: #000;
    font-weight: 500;
}

#i-pro .slide .con .brief {
    margin-top: 21px;
    width: 68%;
    line-height: 28px;
    font-size: 16px;
    color: #666;
}

#i-pro .slide .con .more {
    position: relative;
    margin-top: 65px;
    width: 150px;
    height: 50px;
    line-height: 46px;
    border: 1px solid #121212;
    font-size: 16px;
    color: #333;
    text-align: center;
    border-radius: 5px;
}

#i-pro .slide .con .more i {
    background: url(../images/btn_icon0.png) no-repeat;
    position: absolute;
    right: 26px;
    top: calc(50% - 5px);
    width: 6px;
    height: 10px;
}

#i-pro .slide .img {
    max-width: 50%;
}

#i-pro .slide .img img {
    max-width: 100%;
    max-height: 100%;
}

#i-pro .slide .pro-img {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

#i-pro .slide .pro-img img {
    max-width: 100%;
    max-height: 100%;
}

#i-pro .circle-page {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    top: 0;
    right: 43px;
    left: inherit;
    z-index: 1;
    width: 14px;
    height: 100%;
}

#i-pro .circle-page .circle {
    margin-top: 17px;
    width: 14px;
    height: 14px;
    cursor: pointer;
}

#i-pro .circle-page .circle:first-child {
    margin-top: 0;
}

#i-pro .circle-page .circle .a {
    position: relative;
    width: 100%;
    height: 100%;
    border: 3px solid rgba(0, 0, 0, 0);
    box-sizing: border-box;
    border-radius: 50%;
}

#i-pro .circle-page .circle .a:before {
    display: block;
    content: '';
    width: 100%;
    height: 100%;
    background: #fff;
    border-radius: 50%;
}

#i-pro .circle-page .circle .d {
    position: absolute;
    top: 0;
    left: 0;
}

@media screen and (max-width: 750px) {
    #i-pro .circle-page {
        display: none;
    }
}

#i-sys {
    margin-top: 140px;
}

#i-sys .list {
    display: flex;
    justify-content: space-between;
    align-content: start;
}

#i-sys .list .item {
    z-index: 1;
    padding: 74px 60px;
    width: 48.75%;
    height: 600px;
    background: #fff;
    border-radius: 14px;
    overflow: hidden;
}

#i-sys .list .item:hover {
    box-shadow: 10px 10px 20px rgba(0, 0, 0, .1);
}

#i-sys .list .item.one_item {
    width: 100%;
}

#i-sys .list .item .con {
    z-index: 1;
}

#i-sys .list .item .con .tit {
    width: 100%;
    line-height: 38px;
    font-size: 30px;
    color: #1a1a1a;
}

#i-sys .list .item .con .brief {
    margin-top: 11px;
    width: 100%;
    line-height: 26px;
    font-size: 16px;
    color: #666;
}

#i-sys .list .item .con .more {
    position: relative;
    margin-top: 40px;
    width: 150px;
    height: 50px;
    line-height: 46px;
    border: 1px solid #121212;
    font-size: 16px;
    color: #333;
    text-align: center;
    border-radius: 5px;
}

#i-sys .list .item .con .more i {
    background: url(../images/btn_icon0.png) no-repeat;
    position: absolute;
    right: 26px;
    top: calc(50% - 5px);
    width: 6px;
    height: 10px;
}

#i-sys .list .item .img {
    right: 0;
    bottom: 0;
    text-align: right;
}

#i-sol {
    margin-top: 100px;
    background: #ffffff;
    padding: 80px 0;
    position: relative;
    width: 100%
}

#i-sol .pg-tit {
    width: 100%;
    line-height: 68px;
    font-size: 40px;
    color: #1a1a1a;
    font-weight: 500;
    text-align: center;
}

#i-sol .list {
    margin-top: 68px;
    width: 100%;
}

#i-sol .list .anniu {
    cursor: pointer;
    width: 56px;
    height: 56px;
    border-radius: 50%;
    top: 50%;
    z-index: 3;
    background: no-repeat center rgba(255, 255, 255, 0);
    filter: invert(1);
    transform: translateY(-50%);
}

#i-sol .list .next {
    right: 0;
    background-image: url(../images/icon21.png);
}

#i-sol .list .prev {
    left: 0;
    background-image: url(../images/icon20.png);
}

#i-sol .list .anniu:hover {
    background-color: rgba(255, 255, 255, .5);
}

#i-sol .list .swiper-container {
    padding-bottom: 85px;
}

#i-sol .list .item {
    width: 100%;
    background: #fff;
    border-radius: 14px;
    overflow: hidden;
    border: 1px solid rgba(0,0,0,0.1)
}

#i-sol .list .item:hover {
    width: 100%;
    background: #fff;
    border-radius: 14px;
    overflow: hidden;
    border: 1px solid #ffffff;
    box-shadow: 0px 8px 10px rgba(0,0,0,0.1)
}

#i-sol .list .item .img {
    overflow: hidden;
}

#i-sol .list .item .img img {
    max-width: 100%;
    max-height: 100%;
}

#i-sol .list .item .con {
    padding: 34px 60px 50px;
}

#i-sol .list .item .con .tit {
    width: 100%;
    line-height: 38px;
    font-size: 30px;
    color: #1a1a1a;
}

#i-sol .list .item .con .brief {
    margin-top: 10px;
    width: 100%;
    line-height: 26px;
    font-size: 16px;
    color: #666;
}

#i-sol .list .item .con .more {
    position: relative;
    margin-top: 40px;
    width: 125px;
    height: 40px;
    line-height: 38px;
    border: 1px solid #121212;
    font-size: 16px;
    color: #333;
    text-align: center;
    border-radius: 5px;
}

#i-sol .list .item .con .more i {
    background: url(../images/icon2.png) no-repeat;
    position: absolute;
    right: 16px;
    top: calc(50% - 5px);
    width: 6px;
    height: 10px;
}

#i-sol .swiper-container-horizontal>.swiper-pagination-bullets {
    opacity: 0 !important;
    transition: all 0s;
}

#i-sol .circle-page .circle {
    margin-left: 13px;
    width: 18px;
    height: 18px;
    cursor: pointer;
}

#i-sol .circle-page .circle:first-child {
    margin-left: 0;
}

#i-sol .circle-page .circle .a {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 8px;
    height: 8px;
    background: #ccc;
    border-radius: 50%;
    transform: translate(-50%, -50%);
    transition: all .5s;
}

#i-sol .circle-page .circle .d {
    border: 1px solid rgba(0, 0, 0, 0);
    border-radius: 50%;
    transition: all .5s;
}

#i-sol .circle-page .circle.cur .d {
    border: 1px solid #dfe1e4;
}

#i-sol .circle-page .circle.cur .a {
    background: #1a1a1a;
}

#i-case {
    margin-top: 124px;
}

#i-case .pg-tit {
    width: 100%;
    line-height: 64px;
    font-size: 48px;
    color: #1a1a1a;
    font-weight: 500;
    text-align: center;
}

#i-case .list {
    margin-top: 70px;
    width: 100%;
    height: 910px;
    overflow: hidden;
}

#i-case .list .list-in {
    width: 100%;
}

#i-case .list .item {
    margin-top: 2.5%;
    width: 48.75%;
    border-radius: 14px;
    overflow: hidden;
}

#i-case .list .item img {
    max-width: 100%;
    max-height: 100%;
}

#i-case .list .item:nth-child(-n+2) {
    margin-top: 0;
}

#i-case .list .item .con {
    bottom: 0;
    left: 0;
    z-index: 1;
    padding: 0 60px;
    width: 100%;
    min-height: 110px;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, .5));
}

#i-case .list .item .con .cate {
    width: 100%;
    line-height: 27px;
    font-size: 18px;
    color: #fff;
}

#i-case .list .item .con .tit {
    margin-top: 9px;
    width: 100%;
    line-height: 33px;
    font-size: 24px;
    color: #fff;
}

#i-case .mCS-dark.mCSB_scrollTools {
    opacity: 1;
    margin-right: 10px;
}

#i-case .mCSB_scrollTools .mCSB_draggerContainer {
    top: 50%;
    height: 92%;
    transform: translateY(-50%);
}

#i-case .mCS-dark.mCSB_scrollTools .mCSB_draggerRail {
    width: 12px;
    background: rgba(0, 0, 0, .15);
}

#i-case .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 12px;
    background: #fff;
}

#i-video {
    margin-top: 140px;
}

#i-video .img {
    width: 100%;
    border-radius: 15px;
    text-align: center;
    overflow: hidden;
}

#i-video .img img {
    max-width: 100%;
    max-height: 100%;
}

#i-video .img video {
    width: 100%;
}

#i-video .img .icon {
    top: 50%;
    left: 50%;
    width: 103px;
    height: 104px;
    transform: translate(-50%, -50%);
}

#i-news {
    margin-top: 140px;
}

#i-news .cw1600 {
    display: flex;
    justify-content: space-between;
    align-content: start;
}

#i-news .left {
    width: 48.75%;
    border-radius: 12px;
}

#i-news .left:hover {
    box-shadow: 0 10px 10px rgba(0, 0, 0, .1);
}

#i-news .left .item {
    width: 100%;
}

#i-news .left .item .img {
    border-radius: 14px;
    overflow: hidden;
}

#i-news .left .item .img img {
    max-width: 100%;
    max-height: 100%;
}

#i-news .left .item .con {
    left: 0;
    bottom: 0;
    padding: 60px 60px 43px;
    width: 100%;
    background: linear-gradient(to top, rgba(255, 255, 255, .8) 30%, rgba(255, 255, 255, 0));
}

#i-news .left .item .con .tit {
    width: 65%;
    line-height: 43px;
    font-size: 30px;
    color: #1a1a1a;
}

#i-news .left .item .con .date {
    margin-top: 13px;
    font-size: 18px;
    color: #000;
    opacity: .5;
}

#i-news .rig {
    display: flex;
    justify-content: space-between;
    align-content: space-between;
    flex-wrap: wrap;
    width: 48.75%;
}

#i-news .rig .item {
    margin: 40px 5% 0 0;
    width: 47.4359%;
    height: 19.2708vw;
    background: #fff;
    border-radius: 12px;
    overflow: hidden;
}

#i-news .rig .item:nth-child(-n+2) {
    margin-top: 0;
}

#i-news .rig .item:nth-child(2n) {
    margin-right: 0;
}

#i-news .rig .item:after {
    display: block;
    content: '';
}

#i-news .rig .item .img {
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    background: #fff;
    overflow: hidden;
    opacity: 0;
}
/*#i-news .rig .item .img img{ max-width: 100%; max-height: 100%;}*/
#i-news .rig .item .item-in {
    display: flex;
    justify-content: space-between;
    align-content: start;
    flex-direction: column;
    padding: 55px 20px 43px 40px;
    width: 100%;
    height: 100%;
}

#i-news .rig .item .item-in .top {
    width: 100%;
}

#i-news .rig .item .item-in .top .tit {
    width: 100%;
    line-height: 40px;
    font-size: 24px;
    color: #1a1a1a;
}

#i-news .rig .item .item-in .top .date {
    margin-top: 16px;
    width: 100%;
    line-height: 24px;
    font-size: 18px;
    color: #999;
}

#i-news .rig .item:hover {
    box-shadow: 0 10px 10px rgba(0, 0, 0, .1);
}

#i-news .rig .item:hover .img {
    opacity: 1;
}

#i-news .rig .item:hover .btn img {
    transform: translateX(20px);
}

#i-ser {
    margin: 140px 0;
}

#i-ser .cw1600 {
    padding: 70px 100px 105px;
    background: #fff;
    overflow: hidden;
    border-radius: 20px;
}

#i-ser .cw1600 .pg-tit {
    width: 100%;
    line-height: 68px;
    font-size: 40px;
    color: #1a1a1a;
    font-weight: 500;
    text-align: center;
}

#i-ser .cw1600 .pg-brief {
    width: 100%;
    line-height: 47px;
    font-size: 18px;
    color: #1a1a1a;
    text-align: center;
}

#i-ser #more-services .form .input select {
    height: 50px;
    border: 1px solid #E6E6E6;
    width: 100%;
    text-indent: 18px;
    background: url(../images/select_icon.png) no-repeat right 19px center;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
}
/*
#i-ser .cw1600 form{ margin-top: 34px; width: 100%;}
#i-ser .cw1600 form .row{ display: flex; justify-content: space-between; align-content: space-between; margin-top: 28px; width: 100%;}
#i-ser .cw1600 form .row:first-child{ margin-top: 0;}
#i-ser .cw1600 form .row .input{ margin-left: 2.5%; width: 31.6429%;}
#i-ser .cw1600 form .row .input:first-child{ margin-left: 0;}
#i-ser .cw1600 form .row .input .tit{ width: 100%; line-height: 25px; font-size: 16px; color: #1a1a1a;}
#i-ser .cw1600 form .row .input .tit span{ margin-left: 5px; line-height: 25px; font-size: 40px;}
#i-ser .cw1600 form .row .input select,
#i-ser .cw1600 form .row .input input{ margin-top: 7px; padding: 0 10px; width: 100%; height: 50px; border: 1px solid #e6e6e6;}
#i-ser .cw1600 form .row .input select{ background: url(../images/select_icon.png) no-repeat right 19px center; appearance:none; -moz-appearance:none; -webkit-appearance:none; -ms-appearance:none;}
#i-ser .cw1600 form input[type=submit]{ display: block; margin: 54px auto 0; width: 150px; height: 50px; background: #333; font-size: 18px; color: #fff; font-family: sm; cursor: pointer; border-radius: 4px;}
*/

#i-ser .cw1600 .title {
    margin-bottom: 50px;
}

#i-ser .cw1600 .title .ti1 {
    font-size: 36px;
    font-weight: 500;
    color: #1A1A1A;
    line-height: 48px;
    text-align: center;
    margin-bottom: 20px;
}

#i-ser .cw1600 .title .ti2 {
    font-size: 18px;
    color: #1A1A1A;
    text-align: center;
/*margin-bottom: 50px;*/
}

#i-ser .cw1600 .con {
    background: #FFFFFF;
    border-radius: 15px;
    padding: 0 4.25%;
}

#i-ser .cw1600 .con .input {
    width: 31.642%;
    margin: 0 2.537% 2.537% 0;
}

#i-ser .cw1600 .con .input:nth-child(3n) {
    margin-right: 0;
}

#i-ser .cw1600 .con .t3 {
    font-size: 16px;
    color: #1A1A1A;
    margin-bottom: 10px;
}

#i-ser .cw1600 .con .input input[type="text"] {
    height: 50px;
    border: 1px solid #E6E6E6;
    width: 100%;
    text-indent: 18px;
}

#i-ser .cw1600 .con .input select {
    height: 50px;
    border: 1px solid #E6E6E6;
    width: 100%;
    text-indent: 18px;
}

#i-ser .cw1600 .con .input input[type="text"].cur {
    border: 1px solid #666666;
}

#i-ser .cw1600 .con .input select.cur {
    border: 1px solid #666666;
}

#i-ser .cw1600 .con label {
    width: 150px;
    height: 50px;
    background: #333333;
    border-radius: 5px;
    font-size: 18px;
    color: #FFFFFF;
    line-height: 50px;
    text-align: center;
    margin: 30px auto 0;
    cursor: pointer;
}

#i-ser .cw1600 .con label input {
    display: none;
}

#i-map {
    width: 100%;
    /*background: url(../images/page02.jpg) bottom center no-repeat;*/
    padding: 60px 0;
}

#i-map .pg-tit {
    width: 100%;
    line-height: 68px;
    font-size: 40px;
    color: #1a1a1a;
    font-weight: 500;
    text-align: center;
}

.solubanner {
    width: 100%;
    padding: 20px;
    box-sizing: border-box;
}

#i-partner {
    width: 100%;
    background: #ffffff;
    padding: 100px 0;
}

#i-partner .pg-tit {
    width: 100%;
    line-height: 68px;
    font-size: 48px;
    color: #1a1a1a;
    font-weight: 500;
    text-align: center;
}

#i-partner .i-partner-flex {
    display: flex;
    flex-wrap: wrap;
    padding: 80px 0 0 0;
}

#i-partner .i-partner-flex .i-partner-pad {
    width: 20%;
    padding: 15px;
    box-sizing: border-box;
}

#i-partner .i-partner-flex .i-partner-pad img {
    width: 100%;
}

#i-partner .i-partner-flex .i-partner-li {
    width: 100%;
    padding: 20px;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    box-sizing: border-box;
    box-shadow: 0px 0px 10px rgba(0,0,0,0.1);
    border-radius: 8px;
    background: #ffffff;
    text-align: center;
}

#i-partner .i-partner-flex .i-partner-li:hover {
    box-shadow: 0px 20px 40px 0px rgba(0, 41, 102, 0.1);
    -webkit-transition: 0.5s;
    transition: 0.5s;
}

@media screen and (max-width: 1560px) {
    #i-pro .slide .pro-img {
        width: 35%;
    }
}

@media screen and (max-width: 1440px) {
    #i-pro,
    #i-sys,
    #i-sol,
    #i-case,
    #i-video,
    #i-news,
    #i-ser {
        margin-top: 100px !important;
    }

    #i-pro .slide .con .en,
    #i-pro .slide .con .cn {
        font-size: 32px;
    }

    #i-sys .list .item img {
        max-width: 70%;
    }

    #i-news .rig .item .item-in .top .tit {
        line-height: 30px;
        font-size: 16px;
    }

    #i-news .left .item .con .tit {
        line-height: 35px;
        font-size: 20px;
    }

    #i-ser {
        margin: 100px 0 !important;
    }

    #i-ser .cw1600 {
        padding: 60px 50px;
    }
}

@media screen and (max-width: 1060px) {
    #i-pro .slide .con {
        padding-left: 20px;
    }

    #i-pro .slide .con .con-in {
        padding: 30px 0;
    }

    #i-pro .slide .con .en,
    #i-pro .slide .con .cn {
        font-size: 22px;
    }

    #i-pro .slide .con .en {
        line-height: 30px;
    }

    #i-pro .slide .con .cn {
        line-height: 22px;
    }

    #i-pro .slide .con .brief {
        margin-top: 15px;
        line-height: 24px;
        font-size: 14px;
    }

    #i-pro .slide .con .more {
        margin-top: 40px;
    }

    #i-pro .slide .con .more i {
        top: calc(50% - 8px);
        width: 20px;
        height: 20px;
        background-size: auto 100%;
        background-position: center;
    }

    #i-sys .list .item {
        padding: 30px;
        height: 450px;
    }

    #i-news .left .item .con {
        padding: 20px;
    }

    #i-news .left .item .con .tit {
        width: 90%;
    }

    #i-news .rig .item .item-in {
        padding: 15px 10px;
    }

    #i-news .rig .item .item-in .top .date {
        font-size: 13px;
    }

    #i-sol .list .item .con {
        padding: 40px 20px;
    }

    #i-case .list {
        height: 53.90625vw;
    }

    #i-news .rig .item .item-in .top .tit {
        font-size: 12px;
    }

    #i-ser .cw1600 .con {
        padding: 0;
    }
}

@media screen and (max-width: 768px) {
    #i-pro .slide {
        flex-direction: column-reverse;
    }

    #i-pro .slide .img {
        max-width: 100%;
    }

    #i-pro .slide .con {
        padding: 30px 50px;
        width: 100%;
    }

    #i-pro .slide .con .en,
    #i-pro .slide .con .cn {
        line-height: 45px;
        font-size: 34px;
    }

    #i-pro .slide .con .brief {
        width: 100%;
        line-height: 35px;
        font-size: 26px;
        height: 35px;
        overflow: hidden;
    }

    #i-pro .slide .con .more {
        width: 250px;
        height: 80px;
        line-height: 80px;
        font-size: 28px;
    }
    /*#i-case .list .item .con .tit{ }*/

    #i-ser {
        margin: 50px 0 !important;
        background: #fff;
    }

    #i-ser .cw1600 .title .ti2 {
        line-height: 35px;
        font-size: 28px;
    }

    #i-sys .list {
        flex-direction: column;
    }

    #i-sys .list .item {
        margin-top: 50px;
        padding: 50px;
        width: 100%;
    }

    #i-sys .list .item:first-child {
        margin-top: 0;
    }

    #i-sys .list .item .con .tit {
        line-height: 45px;
        font-size: 34px;
    }

    #i-sys .list .item .con .brief {
        line-height: 30px;
        font-size: 28px;
    }

    #i-sys .list .item .con .more {
        width: 250px;
        height: 80px;
        line-height: 80px;
        font-size: 28px;
    }

    #i-sol .list .item .con .tit {
        line-height: 45px;
        font-size: 34px;
    }

    #i-sol .list .item .con .brief {
        font-size: 28px;
        line-height: 30px;
    }

    #i-sol .list .item .con .more {
        width: 250px;
        height: 80px;
        line-height: 80px;
        font-size: 28px;
    }

    #i-case .list .item .con .cate,
    #i-case .list .item .con .tit {
        font-size: 28px;
    }

    #i-news .cw1600 {
        flex-direction: column;
    }

    #i-news .left {
        width: 100%;
    }

    #i-news .left .item .con {
        padding: 30px;
    }

    #i-news .left .item .con .tit {
        line-height: 48px;
        font-size: 34px;
    }

    #i-news .left .item .con .date {
        font-size: 28px;
    }

    #i-news .rig {
        margin-top: 50px;
        width: 100%;
    }

    #i-news .rig .item {
        margin-top: 30px;
        height: auto;
    }

    #i-news .rig .item .item-in {
        padding: 30px 20px;
    }

    #i-news .rig .item .item-in .top {
        margin-bottom: 30px;
    }

    #i-news .rig .item .item-in .top .tit {
        line-height: 48px;
        font-size: 32px;
    }

    #i-news .rig .item .item-in .top .date {
        font-size: 28px;
    }

    #i-ser .cw1600 .title .ti2 {
        line-height: 35px;
        font-size: 28px;
    }

    #i-ser .cw1600 .con .input {
        float: none;
        width: 100%;
    }

    #i-ser .cw1600 .con .t3 {
        line-height: 60px;
        font-size: 30px;
    }

    #i-ser .cw1600 .con .input input[type="text"] {
        height: 80px;
    }

    #i-ser #more-services .form .input select {
        height: 80px;
        background-size: 30px;
        font-size: 30px;
    }

    #i-ser .cw1600 .con label {
        width: 250px;
        height: 80px;
        line-height: 80px;
        font-size: 30px;
    }
}

@media screen and (max-width: 750px) {
    #i-sys .list .item {
        height: auto;
        display: block;
        padding: 0;
    }

    #i-sys .list .item .img {
        display: block;
    }

    #i-sys .list .item img {
        max-width: 100%;
        width: 100%;
    }

    #i-sys .list .item .con.mb {
        display: block;
        flex-direction: unset;
        justify-content: normal;
        align-content: normal;
        padding: 20px;
    }

    #i-ser .cw1600 .con .input input[type="text"] {
        font-size: 30px;
    }
}
/* 首页 */

.cw1600 {
    max-width: 1600px;
    width: 92%;
    margin: auto;
}

.text-line,[text-line] {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box !important;
    -webkit-box-orient: vertical;
}

.text-line.line2,[text-line][line2] {
    -webkit-line-clamp: 2;
}

.text-line.line3,[text-line][line3] {
    -webkit-line-clamp: 3;
}

.text-line.line4,[text-line][line4] {
    -webkit-line-clamp: 4;
}

.text-line.line5,[text-line][line5] {
    -webkit-line-clamp: 5;
}

@-webkit-keyframes moveRightIn {
    50% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
        opacity: 0
    }

    51% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
        opacity: 0
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
}

@keyframes moveRightIn {
    50% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
        opacity: 0
    }

    51% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
        opacity: 0
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
}

@-webkit-keyframes moveDownIn {
    50% {
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
        opacity: 0
    }

    51% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
        opacity: 0
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
}

@keyframes moveDownIn {
    50% {
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
        opacity: 0
    }

    51% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
        opacity: 0
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
}

/*案例中心*/
#case {
    background: #ffffff;
}

#case .cw1600 {
    position: relative;
    z-index: 5;
}

#case .keyword {
    height: 160px;
    background: #FFFFFF;
    border-radius: 15px;
    padding: 48px 0;
    position: absolute;
    z-index: 5;
    top: -100px;
    left: 0;
    width: 100%;
}

#case .keyword .key {
    height: 64px;
    line-height: 64px;
    width: 20.625%;
    text-align: right;
    font-size: 18px;
    color: #999;
}

#case .keyword .select {
    height: 64px;
    width: 55.625%;
    margin-left: 27px;
    background: #FAFBFC;
    border: 1px solid #E6E6E6;
    padding: 0 28px;
    position: relative;
}

#case .keyword .select select {
    display: block;
    padding: 10px 20px;
    width: 100%;
    height: 100%;
    font-size: 18px;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
}

#case .keyword .select select::-ms-expand {
    display: none;
}

#case .keyword .select:before {
    display: block;
    content: "";
    position: absolute;
    width: 15px;
    height: 9px;
    background: url(../images/icon3.png) no-repeat;
    right: 28px;
    top: calc(50% - 4px);
    pointer-events: none;
}

#case .keyword .select .pc {
    height: 100%;
}

#case .keyword .select .pc-sel {
    height: 100%;
    cursor: pointer;
}

#case .keyword .select .sel-btn {
    width: 100%;
    height: 100%;
    font-size: 18px;
}

#case .keyword .select .sel-list {
    top: calc(100% + 1px);
    left: 0;
    width: 100%;
    height: 0;
    overflow: hidden;
}

#case .keyword .select .sel-list .sel-list-in {
    padding: 20px;
    width: 100%;
    box-shadow: 0 2px 5px rgb(0 0 0 / 10%);
    background: #fff;
    border-radius: 10px;
}

#case .keyword .select .sel-list .sel-item {
    width: 100%;
    height: 50px;
    line-height: 50px;
    font-size: 18px;
}

#case .keyword .select .pc.cur .sel-list {
    overflow: visible;
}

#case .con {
    margin: 102px auto 75px;
}

#case .con .hot {
    background: #fff;
    overflow: hidden;
    border-radius: 15px;
    margin-bottom: 2.625%;
}

#case .con .hot .img {
    width: 50%;
}

#case .con .hot .img .relative {
    padding-top: 62.5%;
}

#case .con .hot .text {
    width: 50%;
}

#case .con .hot .text .relative {
    padding-top: 62.5%;
}

#case .con .hot .text .m-pic {
    padding: 0 8.75%;
}

#case .con .hot .text .t1 {
    font-size: 16px;
    line-height: 30px;
    color: #666666;
}

#case .con .hot .text .t2 {
    font-size: 36px;
    line-height: 48px;
    color: #1A1A1A;
    margin: 10px auto 30px;
}

#case .con .hot .text .t3 {
    font-size: 16px;
    line-height: 28px;
    color: #666666;
}

#case .con .hot .text .more {
    display: block;
    width: 150px;
    height: 50px;
    line-height: 48px;
    border: 1px solid #121212;
    border-radius: 5px;
    font-size: 16px;
    text-align: center;
    margin-top: 55px;
    position: relative;
    -webkit-transition: color .3s linear;
    -o-transition: color .3s linear;
    transition: color .3s linear;
}

#case .con .hot .text .more i {
    background: url(../images/icon2.png) no-repeat;
    position: absolute;
    right: 26px;
    top: calc(50% - 4px);
    width: 6px;
    height: 10px;
}

#case .con .item {
    width: 48.75%;
    margin: 0 2.5% 2.5% 0;
    background: #fff;
    overflow: hidden;
    border-radius: 15px;
}

#case .con .item:hover {
    box-shadow: 0px 20px 40px 0px rgba(0, 41, 102, 0.1);
}

#case .con .item:nth-child(2n) {
    margin-right: 0;
}

#case .con .item .img {
    width: 100%;
    padding-top: 62.5641%;
}

#case .con .item .text {
    padding: 20px 6.153% 40px;
}

#case .con .item .text .txt {
    width: 81.286%;
}

#case .con .item .text .t1 {
    font-size: 16px;
    color: #666666;
}

#case .con .item .text .t2 {
    font-size: 24px;
    color: #1A1A1A;
    margin: 14px auto;
}

#case .con .item .text .t3 {
    font-size: 18px;
    color: #666666;
}

#case .con .item .text .more {
    width: 41px;
    height: 11px;
    margin-top: 44px;
    background: url(../images/icon1.png) no-repeat center;
}

#case .con .item:hover .more {
    transform: translateX(20px);
}

@media screen and (max-width: 1260px) {
    #case .con .hot .text .t2 {
        line-height: 40px;
        font-size: 30px;
    }

    #case .con .hot .text .more {
        margin-top: 30px;
    }

    #case .con .item .text .t2 {
        font-size: 20px;
    }

    #case .con .item .text .t3 {
        font-size: 14px;
    }
}

@media screen and (max-width: 1060px) {
    #case .con .hot .text .t2 {
        margin-bottom: 10px;
        font-size: 24px;
    }

    #case .con .hot .text .more {
        margin-top: 10px;
    }
}

@media screen and (max-width: 768px) {
    .mobot{
        margin-bottom: 40px;
    }
    #product_scheme{
        padding-top: 50px!important;
        -webkit-transform: translateY(0)!important;
        transform: translateY(0)!important;
        position: relative;
        z-index: 3;
        margin-bottom:0px!important;
        margin-top: -200px;
    }

    #i-partner .i-partner-flex {
        padding: 50px 0 0 0;
    }

    #i-partner {
        width: 100%;
        background: #ffffff;
        padding: 70px 0;
    }

    .map-main {
        width: 100%;
        text-align: center;
        margin: 50px 0 0 0;
        padding: 10px 0;
    }

    #case .keyword {
        position: static;
        background: none;
        height: auto;
    }
    #i-map {
        width: 100%;
        padding: 70px 0;
    }
    #case .keyword .key {
        float: none;
        width: 100%;
        font-size: 34px;
        text-align: center;
    }

    #case .keyword .select {
        float: none;
        margin: 20px 0 0 0;
        width: 100%;
        height: 80px;
    }

    #case .keyword .select .mb {
        height: 100%;
    }

    #case .keyword .select select {
        font-size: 28px;
    }

    #case .con {
        margin-top: 20px;
    }

    #case .con .hot .img {
        float: none;
        width: 100%;
    }

    #case .con .hot .text {
        float: none;
        width: 100%;
    }

    #case .con .hot .text .t1 {
        line-height: 1.8;
        font-size: 28px;
    }

    #case .con .hot .text .t2 {
        line-height: 1.8;
        font-size: 34px;
    }

    #case .con .hot .text .t3 {
        line-height: 1.8;
        font-size: 28px;
    }

    #case .con .hot .text .more {
        margin-top: 30px;
        width: 250px;
        height: 80px;
        line-height: 80px;
        font-size: 28px;
    }

    #case .con .hot .text .more i {
        top: calc(50% - 8px);
        width: 20px;
        height: 20px;
        background-size: auto 100%;
        background-position: center;
    }

    #case .con .item .text .txt {
        float: none;
        width: 100%;
    }

    #case .con .item .text .more {
        display: block;
        float: none;
    }

    #case .con .item .text .t1 {
        line-height: 1.8;
        font-size: 28px;
    }

    #case .con .item .text .t2 {
        margin: 7px 0;
        line-height: 1.8;
        font-size: 30px;
    }

    #case .con .item .text .t3 {
        line-height: 1.8;
        font-size: 28px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        white-space: inherit;
    }

    #case .con .item .text .more {
        margin-top: 22px;
    }

    #product_scheme .three .zhitem .img {
        display: none;
    }
}
/* 案例中心 */

/*产品方案-服务与支持-常见问题解答*/
#problem {
    background: #ffffff;
}

#problem .cw1600 {
    position: relative;
    z-index: 5;
}

#problem .keyword {
    height: 160px;
    background: #FFFFFF;
    border-radius: 15px;
    padding: 48px 7.5%;
    position: absolute;
    z-index: 5;
    top: -100px;
    left: 0;
    width: 100%;
}

#problem .keyword .key {
    height: 64px;
    line-height: 64px;
    width: 16.441%;
    text-align: right;
    font-size: 18px;
    color: #1A1A1A;
}

#problem .keyword .form {
    height: 64px;
    width: 65.441%;
    margin-left: 27px;
    background: #FAFBFC;
    border: 1px solid #E6E6E6;
    position: relative
}

#problem .keyword .form input[type="text"] {
    padding: 0 20px;
    width: calc(100% - 64px);
    height: 64px;
    font-size: 18px;
}

#problem .keyword .form label {
    width: 64px;
    height: 64px;
    border-left: 1px solid #E6E6E6;
    background: url(../images/icon7.png) no-repeat center;
    cursor: pointer;
}

#problem .keyword .form label input {
    display: none;
}

#problem .answer {
    margin: 100px auto;
    background: #FFFFFF;
    border-radius: 15px;
    padding: 52px 7.5% 135px;
}

#problem .answer .list {
    padding: 36px 36px 36px 30px;
    border-bottom: 2px solid #f2f2f2;
}

#problem .answer .list .title {
    cursor: pointer;
}

#problem .answer .list .title .t1 {
    font-size: 18px;
    color: #1A1A1A;
    line-height: 26px;
    width: calc(100% - 55px);
    margin-top: 9px;
}

#problem .answer .list .title .open {
    width: 45px;
    height: 45px;
    background: url(../images/icon6.png) no-repeat center #FFFFFF;
    border: 1px solid #333333;
    border-radius: 5px;
}

#problem .answer .list .con {
    width: 100%;
    height: 0;
}

#problem .answer .list .con .con-in {
    font-size: 16px;
    color: #1A1A1A;
    line-height: 30px;
    padding: 25px 0 34px;
}

#problem .answer .list.cur {
    background: #fafbfc;
}

#problem .answer .list.cur .title .t1 {
    font-weight: bold;
}

#problem .answer .list.cur .title .open {
    background: url(../images/icon5.png) no-repeat center #333;
}
/*#problem .answer .list.cur .con{display: block;}*/
#problem .help {
    margin-bottom: 60px;
}

#problem .help .title {
    margin-bottom: 50px;
}

#problem .help .title .ti1 {
    font-size: 36px;
    color: #1A1A1A;
    line-height: 48px;
    margin-bottom: 25px;
    text-align: center;
}

#problem .help .title .ti2 {
    font-size: 18px;
    color: #1A1A1A;
    text-align: center;
}

#problem .help .con {
    background: #FFFFFF;
    border-radius: 15px;
    padding: 5% 6.25%;
}

#problem .help .con .input {
    width: 31.642%;
    margin: 0 2.537% 2.537% 0;
}

#problem .help .con .input:nth-child(3n) {
    margin-right: 0;
}

#problem .help .con .t3 {
    font-size: 16px;
    color: #1A1A1A;
    margin-bottom: 10px;
}

#problem .help .con .input input[type="text"] {
    height: 50px;
    border: 1px solid #E6E6E6;
    width: 100%;
    text-indent: 18px;
}

#problem .help .con textarea {
    height: 200px;
    border: 1px solid #E6E6E6;
    width: 100%;
    text-indent: 18px;
    resize: none;
    padding-top: 10px;
}

#problem .help .con .input input[type="text"].cur {
    border: 1px solid #666666;
}

#problem .help .con textarea.cur {
    border: 1px solid #666666;
}

#problem .help .con label {
    width: 150px;
    height: 50px;
    background: #333333;
    border-radius: 5px;
    font-size: 18px;
    color: #FFFFFF;
    line-height: 50px;
    text-align: center;
    margin: 60px auto 0;
    cursor: pointer;
}

#problem .help .con label input {
    display: none;
}

@media screen and (max-width: 1060px) {
    #problem .keyword .key {
        width: 22.441%;
    }

    #problem .answer {
        padding: 30px 2.5% 100px;
    }
}

@media screen and (max-width: 768px) {
    .nflex{
        display: block!important;
    }
    .nimg{
        width: 100%!important;
        text-align: center;
    }
    #problem .keyword {
        position: static;
        margin-top: 50px;
        margin-bottom: 0;
        padding: 0;
        height: auto;
        background: none;
        transform: translateY(0);
    }

    #problem .keyword .key,
    #problem .keyword .form {
        float: none;
        width: 100%;
    }

    #problem .keyword .key {
        font-size: 34px;
        text-align: center;
    }

    #problem .keyword .form {
        margin: 10px 0 0 0;
        height: 80px;
    }

    #problem .keyword .form input[type="text"] {
        width: calc(100% - 80px);
        height: 80px;
        font-size: 28px;
    }

    #problem .keyword .form label {
        width: 80px;
        height: 80px;
        background-size: auto 30%;
    }

    #problem .answer {
        margin-top: 50px;
    }

    #problem .answer .list {
        padding: 20px;
    }

    #problem .answer .list .title .t1 {
        width: calc(100% - 70px);
        line-height: 1.8;
        font-size: 28px;
    }

    #problem .answer .list .title .open {
        background-size: 50%;
    }

    #problem .answer .list .con .con-in * {
        line-height: 1.8;
        font-size: 28px;
    }

    #problem .help .title .t2 {
        line-height: 35px;
        font-size: 28px;
    }

    #problem .help .con .input {
        float: none;
        width: 100%;
    }

    #problem .help .con .t3 {
        line-height: 60px;
        font-size: 30px;
    }

    #problem .help .con .input input[type="text"] {
        height: 80px;
    }

    #problem .help .con .form .input select {
        height: 80px;
        background-size: 30px;
        font-size: 30px;
    }

    #problem .help .con label {
        margin-top: 20px;
        width: 250px;
        height: 80px;
        line-height: 80px;
        font-size: 30px;
    }
}
/*产品方案-服务与支持-常见问题解答*/

/*产品方案-服务与支持-售后服务政策*/
#policy {
    background: #ffffff;
}

#policy .cw1600 {
    position: relative;
    z-index: 5;
}

#policy .con {
    background: #FFFFFF;
    border-radius: 15px;
    padding: 6.25% 15.625%;
    margin-bottom: 25px;
    -webkit-transform: translateY(-100px);
    transform: translateY(-100px);
}

@media screen and (max-width: 768px) {
    #policy .con {
        margin-top: 50px;
        padding: 5% 3%;
        transform: translateY(0);
    }

    #policy .con * {
        line-height: 1.8 !important;
        font-size: 28px !important;
    }
}
/*产品方案-服务与支持-售后服务政策*/

/*产品方案-服务与支持-下载中心*/
#download {
    background: #ffffff;
}

#download .cw1600 {
    position: relative;
    z-index: 5;
}

#download .keyword {
    height: 160px;
    background: #FFFFFF;
    border-radius: 15px;
    padding: 48px 7.5%;
    position: absolute;
    z-index: 5;
    top: -100px;
    left: 0;
    width: 100%;
}

#download .keyword .key {
    height: 64px;
    line-height: 64px;
    width: 16.441%;
    text-align: right;
    font-size: 18px;
    color: #1A1A1A;
}

#download .keyword .form {
    height: 64px;
    width: 65.441%;
    margin-left: 27px;
    background: #FAFBFC;
    border: 1px solid #E6E6E6;
    position: relative
}

#download .keyword .form input[type="text"] {
    width: calc(100% - 64px);
    height: 64px;
    text-indent: 28px;
    font-size: 18px;
}

#download .keyword .form label {
    width: 64px;
    height: 64px;
    border-left: 1px solid #E6E6E6;
    background: url(../images/icon7.png) no-repeat center;
    cursor: pointer;
}

#download .keyword .form label input {
    display: none;
}

#download .core {
    margin: 100px auto 125px;
    background: #FFFFFF;
    border-radius: 15px;
    padding: 70px 7.5% 70px;
}

#download .core .cate {
    margin-bottom: 40px;
}

#download .core .cate .ca {
    min-width: 140px;
    height: 45px;
    line-height: 45px;
    background: #ffffff;
    border: 1px solid #ffffff;
    border-radius: 23px;
    font-size: 16px;
    text-align: center;
    display: block;
    margin: 0 20px 20px 0;
    padding: 0 15px;
}

#download .core .cate .ca.cur,
#download .core .cate .ca:hover {
    border: 1px solid #333;
}

#download .core .con .item {
    width: 49.044%;
    margin: 0 1.912% 1.912% 0;
    background: #FAFBFC;
    border-radius: 5px;
    padding: 2.941%;
}

#download .core .con .item:nth-child(2n) {
    margin-right: 0;
}

#download .core .con .item .t1 {
    font-size: 20px;
    color: #1A1A1A;
    line-height: 26px;
}

#download .core .con .item .t2 {
    font-size: 16px;
    color: #999999;
    line-height: 26px;
    margin: 15px auto 45px;
}

#download .core .con .item .down {
    width: 120px;
    height: 45px;
    line-height: 45px;
    background: #FFFFFF;
    border-radius: 5px;
    -webkit-transition: color .3s linear;
    -o-transition: color .3s linear;
    transition: color .3s linear;
    cursor: pointer;
    position: relative;
    font-size: 16px;
    color: #333333;
/*text-align: right;padding-right: 27px;*/
    border: 1px solid #e6e6e6;
    cursor: pointer;
}

#download .core .con .item .down i {
    display: block;
    margin-right: 10px;
    background: url(../images/icon8.png) no-repeat;
/*position: absolute;left: 31px;top: calc(50% - 10px);*/
    width: 20px;
    height: 20px;
}

#download .core .con .item:hover {
    background: #FFFFFF;
    box-shadow: 0px 20px 40px 0px rgba(0, 41, 102, 0.1);
}

#download .core .con .item:hover .down {
    background: #333;
    color: #fff;
}

#download .core .con .item:hover .down i {
    -webkit-animation: moveDownIn 1s 1;
    animation: moveDownIn 1s 1;
    background: url(../images/icon9.png) no-repeat;
}

@media screen and (max-width: 1024px) {
    #download .keyword .key {
        width: 22.441%;
    }
}

@media screen and (max-width: 768px) {
    #download .keyword {
        position: static;
        margin-top: 50px;
        margin-bottom: 0;
        padding: 0;
        height: auto;
        background: none;
        transform: translateY(0);
    }

    #download .keyword .key,
    #download .keyword .form {
        float: none;
        width: 100%;
    }

    #download .keyword .key {
        font-size: 34px;
        text-align: center;
    }

    #download .keyword .form {
        margin: 10px 0 0 0;
        height: 80px;
    }

    #download .keyword .form input[type="text"] {
        width: calc(100% - 80px);
        height: 80px;
        font-size: 28px;
    }

    #download .keyword .form label {
        width: 80px;
        height: 80px;
        background-size: auto 30%;
    }

    #download .core .cate .ca {
        padding: 20px 40px;
        width: auto;
        height: auto;
        line-height: inherit;
        font-size: 28px;
        border-radius: 60px;
    }

    #download .core .con .item {
        margin: 0;
        margin-top: 30px;
        width: 100%;
    }

    #download .core .con .item .t1,
    #download .core .con .item .t2 {
        line-height: 1.8;
        font-size: 28px;
    }

    #download .core .con .item .t2 {
        margin-top: 30px;
        float: left;
    }

    #download .core .con .item .down {
        margin-top: 20px;
        float: right;
        width: 150px;
        height: 60px;
        line-height: 60px;
        font-size: 28px;
    }

    #download .core .con .item .down i {
        width: 40px;
        height: 40px;
        background-size: 70% auto;
    }
}
/*产品方案-服务与支持-下载中心*/

/*产品方案-软件平台-详情*/
#software {
    background: #ffffff;
}

#software .datu img {
    width: 100%;
}

#software .datu .crumbs {
    margin: 36px auto 76px;
}

#software .datu .crumbs,
#software .datu .crumbs * {
    font-size: 16px;
    color: #999;
    line-height: 26px;
}

#software .datu .dat1 {
    line-height: 65px;
    font-size: 48px;
    color: #1A1A1A;
    font-weight: 500;
    width: 51.25%;
}

#software .datu .dat2 {
    font-size: 18px;
    color: #1A1A1A;
    line-height: 36px;
    margin-top: 35px;
    width: 51.25%;
}

#software .one {
    background: #FFFFFF;
    border-radius: 15px;
    -webkit-transform: translateY(-100px);
    transform: translateY(-100px);
    padding: 60px 0 85px;
    position: relative;
    z-index: 3;
}

#software .one .item {
    padding: 0 5%;
    width: 25%;
}

#software .one .item .icon {
    width: 82px;
    height: 82px;
    margin: 0 auto 35px;
    border-radius: 50%;
}

#software .one .item .t1 {
    font-size: 24px;
    font-weight: 500;
    color: #1A1A1A;
    margin-bottom: 15px;
}

#software .one .item .t2 {
    font-size: 16px;
    color: #1A1A1A;
    line-height: 30px;
}

#software .two {
    margin-bottom: 100px;
}

#software .two .title .t1 {
    font-size: 36px;
    font-weight: 500;
    color: #1A1A1A;
    line-height: 35px;
}

#software .two .title .t2 {
    font-size: 16px;
    color: #1A1A1A;
    line-height: 36px;
    margin: 25px auto 50px;
}

#software .three {
    margin-bottom: 100px;
}

#software .three .title {
    margin-bottom: 65px;
    font-size: 36px;
    font-weight: 500;
    color: #1A1A1A;
    line-height: 48px;
}

#software .three .con .list {
    margin-bottom: 100px;
}

#software .three .con .list .img {
    background: #FFFFFF;
    box-shadow: 0px 30px 50px 0px rgba(13, 31, 58, 0.2);
    border-radius: 15px 15px 0px 0px;
}

#software .three .con .list .img,
#software .three .con .list .text {
    width: 50%;
}

#software .three .con .list .img.m-width {
    width: 100%;
}

#software .three .con .list .img video {
    width: 100%;
    height: 100%;
    object-fit: fill;
}

#software .three .con .list .img .relative,
#software .three .con .list .text .relative {
    padding-top: 61.75%;
    width: 100%;
}

#software .three .con .list .text .m-pic {
    text-align: left;
    padding: 0 18.75%;
}

#software .three .con .list .text .t1 {
    font-size: 40px;
    font-weight: 500;
    color: #1A1A1A;
    line-height: 48px;
    margin-bottom: 45px;
}

#software .three .con .list .text .t2 {
    font-size: 18px;
    color: #1A1A1A;
    line-height: 36px;
}

#software .more-services {
    padding: 80px 0 75px;
    background: #fff;
}

#software .more-services .title {
    margin-bottom: 50px;
}

#software .more-services .title .t1 {
    font-size: 36px;
    color: #1A1A1A;
    line-height: 48px;
    margin-bottom: 25px;
}

#software .more-services .title .t2 {
    font-size: 18px;
    color: #1A1A1A;
}

#software .more-services .con {
    background: #FFFFFF;
    border-radius: 15px;
    padding: 0 6.25%;
}

#software .more-services .con .input {
    width: 31.642%;
    margin: 0 2.537% 2.537% 0;
}

#software .more-services .con .input:nth-child(3n) {
    margin-right: 0;
}

#software .more-services .con .t3 {
    font-size: 16px;
    color: #1A1A1A;
    margin-bottom: 10px;
}

#software .more-services .con .input input[type="text"] {
    height: 50px;
    border: 1px solid #E6E6E6;
    width: 100%;
    text-indent: 18px;
}

#software .more-services .con .input select {
    height: 50px;
    border: 1px solid #E6E6E6;
    width: 100%;
    text-indent: 18px;
    background: url(../images/select_icon.png) no-repeat right 19px center;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
}

#software .more-services .con .input input[type="text"].cur {
    border: 1px solid #666666;
}

#software .more-services .con .input select.cur {
    border: 1px solid #666666;
}

#software .more-services .con label {
    width: 150px;
    height: 50px;
    background: #333333;
    border-radius: 5px;
    font-size: 18px;
    color: #FFFFFF;
    line-height: 50px;
    text-align: center;
    margin: 20px auto 0;
    cursor: pointer;
}

#software .more-services .con label input {
    display: none;
}

#software .five.cw1600 {
/* margin-bottom: 100px; padding-bottom: 90px;*/
    background: none;
}

#software .five.cw1600 .title .ti1 {
    font-size: 36px;
    font-weight: 500;
    color: #1A1A1A;
    line-height: 48px;
    text-align: center;
    margin-bottom: 20px;
}

#software .five.cw1600 .title .ti2 {
    font-size: 18px;
    color: #1A1A1A;
    text-align: center;
/*margin-bottom: 50px;*/
}

#software .five.cw1600 .con {
    width: 100%;
    background: #FFFFFF;
    border-radius: 15px;
/*padding: 5.3125% 6.25% 5.625%;*/
    padding: 0 6.25%;
}

#software .five.cw1600 .form .input {
    width: 31.642%;
    margin: 0 2.537% 2.537% 0;
}

#software .five.cw1600 .form .input:nth-child(3n) {
    margin-right: 0;
}

#software .five.cw1600 .form .t3 {
    font-size: 16px;
    color: #1A1A1A;
    margin-bottom: 10px;
}

#software .five.cw1600 .form .input input[type="text"] {
    height: 50px;
    border: 1px solid #E6E6E6;
    width: 100%;
    text-indent: 18px;
}

#software .five.cw1600 .form .input select {
    height: 50px;
    border: 1px solid #E6E6E6;
    width: 100%;
    text-indent: 18px;
}

#software .five.cw1600 .form .input input[type="text"].cur {
    border: 1px solid #666666;
}

#software .five.cw1600 .form .input select.cur {
    border: 1px solid #666666;
}

#software .five.cw1600 .form textarea {
    height: 200px;
    border: 1px solid #E6E6E6;
    width: 100%;
    text-indent: 18px;
    resize: none;
    padding-top: 10px;
}

#software .five.cw1600 .form textarea.cur {
    border: 1px solid #666666;
}

#software .five.cw1600 .form label {
    width: 150px;
    height: 50px;
    background: #333333;
    border-radius: 5px;
    font-size: 18px;
    color: #FFFFFF;
    line-height: 50px;
    text-align: center;
    margin: 30px auto 0;
    cursor: pointer;
}

#software .five.cw1600 .form label input {
    display: none;
}

#software .five.cw1600 .tent .item {
    width: 20.375%;
    border-right: 1px solid rgba(140, 140, 140, 0.2);
    margin-right: 4.625%;
}

#software .five.cw1600 .tent .item:nth-last-child(1) {
    border-right: 0;
}

#software .five.cw1600 .tent .t1 {
    font-size: 18px;
    line-height: 30px;
    color: #1A1A1A;
    font-weight: bold;
    margin-bottom: 10px;
}

#software .five.cw1600 .tent .t2 {
    font-size: 16px;
    line-height: 30px;
    color: #1A1A1A;
}

@media screen and (max-width: 1560px) {
    #software .datu .dat2 {
        width: 70%;
    }
}

@media screen and (max-width: 1440px) {
    #software .datu .dat2 {
        width: 100%;
    }

    #software .one .item {
        padding: 0 3%;
    }

    #software .three .con .list .text .m-pic {
        padding: 0 12.75%;
    }
}

@media screen and (max-width: 1260px) {
    #software .datu .crumbs,
    #software .datu .crumbs * {
        margin-bottom: 30px;
    }

    #software .datu .dat1 {
        line-height: 45px;
        font-size: 35px;
 /*display:none;*/
        color: #fff;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%,-50%);
        text-align: center;
    }

    #software .datu .dat2 {
        margin-top: 20px;
        line-height: 30px;
        font-size: 14px;
        display: none;
    }

    #software .three {
        margin-bottom: 0px;
    }

    #software .three .con .list {
        margin-bottom: 0px;
    }

    #software .three .con .list .img,
    #software .three .con .list .text {
        width: 100%;
    }

    #software .three .con .list .text .m-pic {
        padding: 0%;
    }

    #software .three .con .list .text .t1 {
        font-size: 30px;
    }

    #software .three .con .list .text .t2 {
        font-size: 24px;
        line-height: 1.8;
    }
}

@media screen and (max-width: 768px) {
    #software .one {
        margin: 50px 0;
        padding: 30px 0 40px;
        transform: translateY(0);
    }

    #software .one .item {
        margin: 30px 2% 0 0;
        width: 49%;
    }

    #software .one .item:nth-child(2n) {
        margin-right: 0;
    }

    #software .one .item .icon {
        width: 100px;
        height: 100px;
    }

    #software .one .item .icon img {
        width: 100%;
        height: 100%;
    }

    #software .one .item .t1 {
        line-height: 1.8;
        font-size: 36px;
    }

    #software .one .item .t2 {
        line-height: 1.8;
        font-size: 26px;
        display: none !important;
    }

    #software .three .title {
        margin-bottom: 50px;
    }

    #software .three .con .list {
        flex-direction: column;
    }

    #software .three .con .list .text .t1 {
        font-size: 36px;
    }

    #software .three .con .list .text .t2 {
        font-size: 26px;
    }

    #software .five.cw1600 .title .ti2 {
        line-height: 35px;
        font-size: 28px;
    }

    #software .five.cw1600 .con .input {
        float: none;
        width: 100%;
    }

    #software .five.cw1600 .con .t3 {
        line-height: 60px;
        font-size: 30px;
    }

    #software .five.cw1600 .con .input input[type="text"] {
        height: 80px;
    }

    #software .five.cw1600 .con .form .input select {
        height: 80px;
        background-size: 30px;
        font-size: 30px;
    }

    #software .five.cw1600 .con label {
        margin-top: 20px;
        width: 250px;
        height: 80px;
        line-height: 80px;
        font-size: 30px;
    }
}
/*产品方案-软件平台-详情*/

/*联系我们-公司资讯*/
#news {
    background: #ffffff;
}

#news .cw1600 {
    z-index: 5;
}

#news .hot {
    background: #fff;
    overflow: hidden;
    border-radius: 15px;
    position: absolute;
    z-index: 5;
    top: -200px;
    left: 0;
    width: 100%;
}

#news .hot .img {
    width: 50%;
}

#news .hot .img .relative {
    padding-top: 62.5%;
}

#news .hot .text {
    width: 50%;
}

#news .hot .text .relative {
    padding-top: 62.5%;
}

#news .hot .text .m-pic {
    padding: 0 8.75%;
}

#news .hot .text .t1 {
    font-size: 36px;
    font-weight: 500;
    color: #1A1A1A;
    line-height: 48px;
}

#news .hot .text .t2 {
    font-size: 18px;
    color: #000000;
    line-height: 30px;
    opacity: 0.5;
    margin: 25px auto 32px;
}

#news .hot .text .t3 {
    font-size: 18px;
    color: #1A1A1A;
    line-height: 30px;
}

#news .hot .text .more {
    display: block;
    width: 150px;
    height: 50px;
    line-height: 48px;
    border: 1px solid #121212;
    border-radius: 5px;
    font-size: 16px;
    text-align: center;
    margin-top: 55px;
    position: relative;
    -webkit-transition: color .3s linear;
    -o-transition: color .3s linear;
    transition: color .3s linear;
}

#news .hot .text .more i {
    background: url(../images/icon2.png) no-repeat;
    position: absolute;
    right: 26px;
    top: calc(50% - 4px);
    width: 6px;
    height: 10px;
}

#news .con {
    top: -200px;
    margin: 21% auto 80px;
}

#news .item {
    width: 31.875%;
    border-radius: 15px;
    margin: 0 2.1875% 2.1875% 0;
    background: #fff;
    overflow: hidden;
}

#news .item:nth-child(3n) {
    margin-right: 0;
}

#news .item .img {
    width: 100%;
    padding-top: 62.549%;
}

#news .item .text {
    padding: 7.8435% 7.8435% 9.8039%;
}

#news .item .text .t1 {
    font-size: 24px;
    color: #1A1A1A;
    height: 80px;
    line-height: 40px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

#news .item .text .t2 {
    font-size: 18px;
    color: #333333;
    line-height: 30px;
    opacity: 0.5;
    margin: 20px auto 45px;
}

#news .item .text .more {
    width: 41px;
    height: 11px;
    background: url(../images/icon1.png) no-repeat center;
}

#news .item:hover {
    box-shadow: 0px 20px 40px 0px rgba(0, 41, 102, 0.1);
}

#news .item:hover .more {
    transform: translateX(20px);
}

@media screen and (max-width: 1440px) {
    #news .hot .text .t1 {
        font-size: 26px;
    }

    #news .hot .text .t2 {
        margin: 15px auto 22px;
    }

    #news .hot .text .more {
        margin-top: 30px;
    }

    #news .con {
        margin-top: 16%;
    }
}

@media screen and (max-width: 1260px) {

    #news .con {
        top: 0;
    }

    #banner .con-in {
        margin-top: 7.5%;
    }

    #news .hot .text .t1 {
        line-height: 35px;
        font-size: 24px;
    }

    #news .hot .text .t2 {
        margin: 10px auto 10px;
    }

    #news .hot .text .t3 {
        line-height: 25px;
        font-size: 14px;
    }

    #news .hot .text .more {
        margin-top: 30px;
    }
    /*#news .con{ margin-top: 12%;}*/

    #news .item .text .t1 {
        line-height: 30px;
        font-size: 18px;
    }

    #news .item .text .t2 {
        margin: 10px auto 15px;
        font-size: 16px;
    }
}

@media screen and (max-width: 1060px) {
    #news .hot {
        display: flex;
        justify-content: space-between;
        flex-direction: column;
        position: static;
        margin-top: 50px;
    }

    #news .hot .img,
    #news .hot .text {
        float: none;
        width: 100%;
    }

    #news .hot .text .relative {
        padding: 50px 0;
        height: auto;
    }

    #news .hot .text .m-pic {
        position: static;
    }

    #news .hot .text .t1 {
        line-height: 1.8;
        font-size: 34px;
    }

    #news .hot .text .t2 {
        line-height: 1.8;
        font-size: 24px;
    }

    #news .hot .text .t3 {
        line-height: 1.8;
        font-size: 24px;
    }

    #news .hot .text .more {
        width: 200px;
        height: 80px;
        line-height: 80px;
        font-size: 24px;
    }

    #news .hot .text .more i {
        top: calc(50% - 8px);
        width: 20px;
        height: 20px;
        background-size: auto 100%;
        background-position: center;
    }

    #news .con {
        margin-top: 50px;
    }

    #news .con .item {
        margin-right: 2%;
        width: 49%;
    }

    #news .con .item:nth-child(even) {
        margin-right: 0;
    }

    #news .item .text .t1 {
        line-height: 1.8;
        font-size: 28px;
    }

    #news .item .text .t2 {
        line-height: 1.8;
        font-size: 28px;
    }
}
/*联系我们-公司资讯*/

/*联系我们-公司资讯-详情*/
#news-detail {
    background: #ffffff;
}

#news-detail .crumbs {
    margin-top: 30px;
}

#news-detail .crumbs,#news-detail .crumbs * {
    font-size: 16px;
    color: #999999;
    line-height: 26px;
}

#news-detail h2 {
    margin: 80px auto 35px;
    width: 900px;
    font-size: 45px;
    font-weight: 500;
    color: #1A1A1A;
    line-height: 58px;
    text-align: center;
}

#news-detail .t1 {
    font-size: 18px;
    color: #666666;
    line-height: 26px;
    text-align: center;
}

#news-detail .con {
    background: #FFFFFF;
    border-radius: 15px;
    padding: 5.625% 15.625% 6.5625%;
    margin: 90px auto 130px;
}

#news-detail .con .share {
    margin-top: 40px;
    padding-top: 80px;
    border-top: 1px solid #e6e6e6;
}

#news-detail .con .share .t2 {
    font-size: 18px;
    color: #1A1A1A;
    line-height: 36px;
    margin-bottom: 20px;
}

#news-detail .con .share .icon {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    margin-right: 20px;
    cursor: pointer;
}

#news-detail .con .share .icon .img {
    bottom: 120%;
    left: 50%;
    padding: 10px;
    width: 120px;
    height: 120px;
    background: #fff;
    border-radius: 10px;
    transform: translateX(-50%);
    box-shadow: 0 0 10px rgba(0, 0, 0, .1);
    opacity: 0;
}

#news-detail .con .share .icon .img img {
    max-width: 100%;
}

#news-detail .con .share .icon:nth-child(1) {
    background: url(../images/share1.png) no-repeat center #ffffff;
}

#news-detail .con .share .icon:nth-child(2) {
    background: url(../images/share_icon1.png) no-repeat center #ffffff;
}

#news-detail .con .share .icon:nth-child(3) {
    background: url(../images/share3.png) no-repeat center #ffffff;
}

#news-detail .con .share .icon:nth-child(4) {
    background: url(../images/share_icon3.png) no-repeat center #ffffff;
    margin-right: 0;
}

#news-detail .con .share .icon:nth-child(1):hover {
    background-image: url(../images/share1_cur.png);
}

#news-detail .con .share .icon:nth-child(1):hover .img {
    opacity: 1;
}

#news-detail .con .share .icon:nth-child(2):hover {
    background-image: url(../images/share2_cur.png);
}

#news-detail .con .share .icon:nth-child(3):hover {
    background-image: url(../images/share3_cur.png);
}

#news-detail .con .share .icon:nth-child(4):hover {
    background-image: url(../images/share4_cur.png);
}

#news-detail .con .share .icon.jp_icon:nth-child(1) {
    background: url(../images/jp_share1.png) no-repeat center #ffffff;
}

#news-detail .con .share .icon.jp_icon:nth-child(2) {
    background: url(../images/jp_share2.png) no-repeat center #ffffff;
}

#news-detail .con .share .icon.jp_icon:nth-child(3) {
    background: url(../images/jp_share3.png) no-repeat center #ffffff;
}

#news-detail .con .share .icon.jp_icon:nth-child(4) {
    background: url(../images/jp_share4.png) no-repeat center #ffffff;
    margin-right: 0;
}

#news-detail .con .page {
    margin-top: 50px;
}

#news-detail .con .page>div {
    width: 48.181%;
/*height: 180px;*/
    background: #ffffff;
    border-radius: 15px;
    padding: 3.181% 3.636% 3.636%;
}

#news-detail .con .page>div {
}

#news-detail .con .page .t3 {
    font-size: 18px;
    font-weight: 500;
    color: #999999;
    line-height: 36px;
    margin-bottom: 5px;
}

#news-detail .con .page .a1 {
    font-size: 24px;
    font-weight: 500;
    color: #1A1A1A;
    line-height: 36px;
}

#news-detail .con .page>div:hover {
    background: #f0f2f5;
}

@media screen and (max-width: 1260px) {
    #news-detail h2 {
        width: 92%;
        line-height: 50px;
        font-size: 38px;
    }

    #news-detail .con {
        margin-top: 45px;
        padding: 5.625% 5.625% 6.5625%;
    }

    #news-detail .con .share {
        padding-top: 40px;
    }

    #news-detail .con .page .a1 {
        font-size: 18px;
    }
}

@media screen and (max-width: 768px) {
    #news-detail .t1 {
        font-size: 28px;
    }

    #news-detail .editor *,
    #news-detail .detail * {
        line-height: 1.8 !important;
        font-size: 28px !important;
    }

    #news-detail h2 {
        margin-bottom: 12px;
        line-height: 1.4;
        font-size: 42px;
        font-weight: 500;
    }

    #news-detail .t1 {
        font-size: 26px;
    }

    #news-detail .con .share .t2 {
        font-size: 34px;
    }

    #news-detail .con .share .icon {
        width: 100px;
        height: 100px;
        background-size: 52px auto !important;
    }

    #news-detail .con .page .t3 {
        font-size: 28px;
    }

    #news-detail .con .page .a1 {
        line-height: 1.8;
        font-size: 28px;
    }
}
/*联系我们-公司资讯-详情*/

/*行业解决方案*/
#solution {
    background: #ffffff;
}

#solution .cw1600 {
    z-index: 5;
}

#solution .con {
    -webkit-transform: translateY(-120px);
    transform: translateY(-120px);
    margin-bottom: -80px;
}

#solution .list {
    background: #fff;
    overflow: hidden;
    border-radius: 15px;
    margin-bottom: 3.5%;
}

#solution .list .img {
    width: 50%;
}

#solution .list .img .relative {
    padding-top: 62.5%;
}

#solution .list .text {
    width: 50%;
}

#solution .list .text .relative {
    padding-top: 62.5%;
}

#solution .list .text .m-pic {
    padding: 0 8.75%;
}

#solution .list .text .t1 {
    font-size: 36px;
    font-weight: 500;
    color: #1A1A1A;
    line-height: 48px;
}

#solution .list .text .t2 {
    font-size: 16px;
    color: #666666;
    margin: 30px auto 100px;
    line-height: 28px;
}

#solution .list .text .more {
    display: block;
    width: 125px;
    height: 40px;
    line-height: 38px;
    border: 1px solid #121212;
    border-radius: 5px;
    font-size: 16px;
    text-align: center;
    position: relative;
    -webkit-transition: color .3s linear;
    -o-transition: color .3s linear;
    transition: color .3s linear;
}

#solution .list .text .more i {
    background: url(../images/icon2.png) no-repeat;
    position: absolute;
    right: 16px;
    top: calc(50% - 5px);
    width: 6px;
    height: 10px;
}

#solution .list:hover {
    box-shadow: 0 20px 40px rgba(0, 41, 102, .1);
}

@media screen and (max-width: 1260px) {
    #solution .list .text .t1 {
        font-size: 28px;
    }

    #solution .list .text .t2 {
        margin: 15px auto 50px;
    }
}

@media screen and (max-width: 1060px) {
    #solution .con {
        -webkit-transform: translateY(-200px);
        transform: translateY(-200px);
        margin-bottom: -180px;
    }

    #solution .list {
        margin-bottom: 10%;
    }

    #solution .list .img,
    #solution .list .text {
        float: none;
        width: 100%;
    }

    #solution .list .text .t2 {
        margin-bottom: 25px;
    }

    #solution .list .text .relative {
        padding-top: 50%;
    }

    #solution .list .text .t1 {
        line-height: 1.8;
        font-size: 34px;
    }

    #solution .list .text .t2 {
        line-height: 1.8;
        font-size: 28px;
    }

    #solution .list .text .t3 {
        line-height: 1.8;
        font-size: 28px;
    }

    #solution .list .text .more {
        margin-top: 30px;
        width: 250px;
        height: 80px;
        line-height: 80px;
        font-size: 28px;
    }

    #solution .list .text .more i {
        top: calc(50% - 8px);
        width: 20px;
        height: 20px;
        background-size: auto 100%;
        background-position: center;
    }
}

@media screen and (max-width: 1060px) {
    #solution .list .text .relative {
        padding-top: 56%;
    }
}
/*行业解决方案*/

/*案例中心-详情*/
#case-detail {
    background: #ffffff;
}

#case-detail .crumbs {
    margin-top: 30px;
}

#case-detail .crumbs,#case-detail .crumbs * {
    font-size: 16px;
    color: #999999;
    line-height: 26px;
}

#case-detail h2 {
    font-size: 45px;
    font-weight: 500;
    color: #1A1A1A;
    line-height: 48px;
    margin: 80px auto 40px;
}

#case-detail .t1 {
    font-size: 18px;
    color: #1A1A1A;
    line-height: 36px;
    margin-bottom: 105px;
    width: 66.25%;
}

#case-detail .intro {
    background: #fff;
    border-radius: 15px;
    margin-bottom: 93px;
    overflow: hidden;
}

#case-detail .intro .img,
#case-detail .intro .text {
    width: 50%;
}

#case-detail .intro .img .img-in,
#case-detail .intro .text .text-in {
    width: 100%;
    padding-top: 62.5%;
}

#case-detail .intro .text .m-pic {
    text-align: left;
    padding: 0 10%;
}

#case-detail .intro .text .t2 {
    font-size: 36px;
    font-weight: 500;
    color: #1A1A1A;
    line-height: 48px;
    margin-bottom: 35px;
}

#case-detail .intro .text .t3 {
    font-size: 16px;
    color: #1A1A1A;
}

#case-detail .intro .text .t3 .t3-item {
    position: relative;
/* padding-left: 15px;*/
    width: 100%;
    line-height: 36px;
    font-size: 16px;
}
/*#case-detail .intro .text .t3 .t3-item:before{ display: block; content: ''; position: absolute; top: 50%; left: 0; width: 5px; height: 5px; background: #1a1a1a; border-radius: 50%; transform: translateY(-50%);}*/
#case-detail .solu .t4 {
    font-size: 36px;
    font-weight: 500;
    color: #1A1A1A;
    line-height: 48px;
    margin-bottom: 25px;
}

#case-detail .solu .t5 {
    font-size: 16px;
    color: #1A1A1A;
    line-height: 36px;
    margin-bottom: 40px;
}

#case-detail .solu .datu {
    width: 100%;
    overflow: hidden;
    border-radius: 15px;
}

#case-detail .solu .datu .swiper-container-horizontal>.swiper-pagination-bullets {
    opacity: 0 !important;
    transition: all 0s;
}

#case-detail .solu .datu .circle-page .circle {
    margin-left: 13px;
    width: 18px;
    height: 18px;
    cursor: pointer;
}

#case-detail .solu .datu .circle-page .circle:first-child {
    margin-left: 0;
}

#case-detail .solu .datu .circle-page .circle .a {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 8px;
    height: 8px;
    background: #ccc;
    border-radius: 50%;
    transform: translate(-50%, -50%);
    transition: all .5s;
}

#case-detail .solu .datu .circle-page .circle .d {
    border: 1px solid rgba(0, 0, 0, 0);
    border-radius: 50%;
    transition: all .5s;
}

#case-detail .solu .datu .circle-page .circle.cur .d {
    border: 1px solid #dfe1e4;
}

#case-detail .solu .datu .circle-page .circle.cur .a {
    background: #1a1a1a;
}

#case-detail .solu .pro {
    margin: 40px auto 100px;
    background: #FFFFFF;
    border-radius: 15px;
    padding: 0 6.375% 4.375%;
}

#case-detail .solu .pro .slide {
    width: 22.85%;
    margin-right: 2.714%;
}

#case-detail .solu .pro .img {
    width: 100%;
    padding-top: 100%;
}

#case-detail .solu .pro .t6 {
    font-size: 18px;
    color: #1A1A1A;
    line-height: 48px;
    margin-top: 4px;
}

#case-detail .solu .pro .anniu {
    cursor: pointer;
    width: 17px;
    height: 28px;
    top: calc(50% - 14px);
    z-index: 3;
}

#case-detail .solu .pro [tabindex="-1"].anniu {
    display: none;
}

#case-detail .solu .pro .next {
    right: 1.875%;
    background: url(../images/icon19.png) no-repeat center;
}

#case-detail .solu .pro .prev {
    left: 1.875%;
    background: url(../images/icon18.png) no-repeat center;
}

#case-detail .ject {
    margin-bottom: 100px;
}

#case-detail .ject .t7 {
    font-size: 36px;
    font-weight: 500;
    color: #1A1A1A;
    line-height: 48px;
    margin-bottom: 40px;
}

#case-detail .ject .list,
#case-detail .ject .container {
    background: #FFFFFF;
    border-radius: 15px;
    padding: 110px 0 95px;
}
/*#case-detail .ject .slide{width: 25%;border-right: 1px solid #F2F2F2;}*/
#case-detail .ject .item {
    width: 100%;
    border-right: 1px solid #F2F2F2;
}

#case-detail .ject .item:last-child {
    border-right: 0;
}

#case-detail .ject .icon {
    width: 64px;
    height: 64px;
    margin: 0 auto 70px;
}

#case-detail .ject .icon img {
    max-width: 100%;
    max-height: 100%;
}

#case-detail .ject .t8 {
    text-align: center;
    font-size: 20px;
    font-weight: 500;
    color: #1A1A1A;
}

#case-detail .recom {
    background: #FFFFFF;
    padding: 75px 0 90px;
}

#case-detail .recom .t9 {
    font-size: 36px;
    font-weight: 500;
    color: #1A1A1A;
    line-height: 48px;
    margin-bottom: 45px;
}

#case-detail .recom .slide {
    width: 505px;
    margin-right: 42px;
}

#case-detail .recom .img {
    width: 100%;
    padding-top: 62.574%;
}

#case-detail .recom .img>.m-pic {
    z-index: 2;
}

#case-detail .recom .video {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

#case-detail .recom .video video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

#case-detail .recom .slide.has_video:hover .img>.m-pic {
    opacity: 0;
}

#case-detail .recom .t10 {
    font-size: 20px;
    font-weight: 500;
    color: #1A1A1A;
    margin: 36px auto 20px;
}

#case-detail .recom .t11 {
    font-size: 16px;
    color: #666666;
}

#case-detail .recom .anniu {
    cursor: pointer;
    width: 56px;
    height: 56px;
    border-radius: 50%;
    top: 130px;
    z-index: 3;
}

#case-detail .recom .next {
    right: 1.875%;
    background: url(../images/icon21.png) no-repeat center #fff;
}

#case-detail .recom .prev {
    left: 1.875%;
    background: url(../images/icon20.png) no-repeat center #fff;
}

@media screen and (max-width: 1060px) {
    #case-detail .intro .text .t2 {
        margin-bottom: 20px;
    }

    #case-detail .t1 {
        line-height: 1.8;
        width: 100%;
        font-size: 28px;
    }
}

@media screen and (max-width: 768px) {
    #case-detail h2 {
        text-align: center;
    }

    #case-detail .intro {
        display: flex;
        justify-content: space-between;
        flex-direction: column-reverse;
    }

    #case-detail .intro .img,
    #case-detail .intro .text {
        float: none;
        width: 100%;
    }

    #case-detail .intro .text .relative {
        padding: 10% 5%;
    }

    #case-detail .intro .text .m-pic {
        position: static;
        padding: 0;
    }

    #case-detail .intro .text .t2 {
        font-size: 48px;
        font-weight: 500;
    }

    #case-detail .intro .text .t3 {
        line-height: 1.8;
        font-size: 28px;
    }

    #case-detail .solu .pro .t6 {
        font-size: 26px;
    }

    #case-detail .ject .t8 {
        font-size: 28px;
    }

    #case-detail .solu .t4 {
        font-size: 48px;
        font-weight: 500;
    }

    #case-detail .ject .t7 {
        font-size: 48px;
        font-weight: 500;
    }

    #case-detail .solu .t5 {
        font-size: 28px;
        line-height: 1.8;
    }
}
/*案例中心-详情*/

/*产品方案-硬件产品*/
#hardware {
    background: #ffffff;
}

#hardware .datu .crumbs {
    margin: 40px auto 45px;
}

#hardware .datu .crumbs,#hardware .datu .crumbs * {
    font-size: 16px;
    color: #838383;
    line-height: 26px;
}

#hardware .datu .dat1 {
    font-size: 45px;
    font-weight: 500;
    color: #FFFFFF;
    line-height: 60px;
    margin: 0 auto;
    width: 60%;
    text-align: center;
}

#hardware .datu .dat2 {
    font-size: 18px;
    visibility: 36px;
    margin: 30px auto;
    width: 60%;
    text-align: center;
}

#hardware .datu .xia {
    width: 15px;
    height: 9px;
    bottom: 130px;
    left: calc(50% - 7px);
    background: url(../images/icon24.png) no-repeat center;
}

#hardware .one {
    background: #FFFFFF;
    border-radius: 15px;
    -webkit-transform: translateY(-71px);
    transform: translateY(-71px);
    padding: 57px 0 70px;
    position: relative;
    z-index: 3;
}

#hardware .one .item {
    padding: 0 3%;
/* width: 25%;*/
}

#hardware .one .item .icon {
    width: 68px;
    height: 68px;
    margin: 0 auto 35px;
    border-radius: 50%;
}

#hardware .one .item .t1 {
    font-size: 24px;
    font-weight: 500;
    color: #1A1A1A;
    margin-bottom: 23px;
}

#hardware .one .item .t2 {
    font-size: 16px;
    color: #1A1A1A;
    line-height: 30px;
}

#hardware .one .item .t2.absolute {
    min-height: 200px;
    top: 50%;
    left: 0;
    padding: 0 8%;
    background: #fff;
    transform: translateY(-50%);
    opacity: 0;
}

#hardware .one .item:hover .t2.absolute {
    opacity: 1;
    z-index: 5;
}

#hardware .two {
    background: #FFFFFF;
    border-bottom: 1px solid #E6E6E6;
}

#hardware .two .cw1600 {
    padding: 0 6.25%;
}

#hardware .two .container {
    padding: 8px 0 32px;
}

#hardware .two .line {
    width: 0;
    height: 4px;
    background: #1A1A1A;
    bottom: 0;
    left: 0;
    z-index: 2;
}

#hardware .two .slide {
    width: 170px;
    margin-right: 110px;
    background: #fff;
}

#hardware .two .slide .icon {
    width: 100%;
    padding-top: 100%;
    margin: 0 auto;
}

#hardware .two .slide .t1 {
    font-size: 16px;
    color: #000000;
    line-height: 36px;
    text-align: center;
}

#hardware .two .anniu {
    cursor: pointer;
    width: 56px;
    height: 56px;
    border-radius: 50%;
    top: 72px;
    z-index: 3;
}

#hardware .two .next {
    right: 0;
    background: url(../images/icon21.png) no-repeat center #fff;
}

#hardware .two .prev {
    left: 0;
    background: url(../images/icon20.png) no-repeat center #fff;
}

#hardware .two .next:hover {
    background: url(../images/icon21.png) no-repeat center #ffffff;
}

#hardware .two .prev:hover {
    background: url(../images/icon20.png) no-repeat center #ffffff;
}

#hardware .three {
    background: #fff;
    padding: 55px 0;
}

#hardware .three .text {
    width: 50%;
    padding: 0 5.31% 0 4.22%;
}

#hardware .three .text .t1 {
    font-size: 30px;
    font-weight: bolder;
    color: #1A1A1A;
    line-height: 30px;
    padding-bottom: 10px;
}

#hardware .three .text .t2 {
    font-size: 16px;
    color: #707070;
    line-height: 1.6;
    margin: 10px auto 0;
}

#hardware .three .text .item {
    width: 30.21%;
    margin: 0 4.185% 30px 0;
}

#hardware .three .text .item:nth-child(3n) {
    margin-right: 0;
}

#hardware .three .text .t3 {
    font-size: 24px;
    font-weight: 500;
    color: #1A1A1A;
    line-height: 48px;
    word-break: break-all;
}

#hardware .three .text .t4 {
    font-size: 16px;
    color: #666666;
    line-height: 32px;
}

#hardware .three .text .attr {
    margin-top: 55px;
}

#hardware .three .text .attr>* {
    display: block;
    width: 150px;
    height: 50px;
    line-height: 48px;
    background: #fff;
    border: 1px solid #121212;
    border-radius: 5px;
    font-size: 16px;
    text-align: center;
    position: relative;
    -webkit-transition: color .3s linear;
    -o-transition: color .3s linear;
    transition: color .3s linear;
}

#hardware .three .text .attr>* i {
    background: url(../images/icon2.png) no-repeat;
    position: absolute;
    right: 26px;
    top: calc(50% - 4px);
    width: 6px;
    height: 10px;
}

#hardware .three .text .attr>*:hover {
    background: #333 !important;
    border: 1px solid #333;
    color: #fff;
}

#hardware .three .text .attr>*:hover i {
    -webkit-animation: moveRightIn 1s 1;
    animation: moveRightIn 1s 1;
    background: url(../images/icon4.png) no-repeat;
}

#hardware .three .text .attr .down {
    margin-right: 40px;
}

#hardware .three .text .attr .down.pop-btn {
    background: #fff;
}

#hardware .three .right {
    width: 49.0625%;
    display: flex;
    align-items: center;
    justify-content: center;
}

#hardware .three .right.maxw {
    width: 100%;
}

#hardware .three .right .container {
    width: 76.433%;
    border-radius: 15px;
}

#hardware .three .right .slide .relative {
    width: 100%;
    padding-top: 100%;
}

#hardware .three .right .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 10px;
}

#hardware .three .right .swiper-pagination-bullet-active {
    background: #000;
}

#hardware .three .right .other {
    width: 21.146%;
}

#hardware .three .right .other .item {
    margin-top: 35px;
    cursor: pointer;
}

#hardware .three .right .other .item:nth-child(1) {
    margin-top: 0;
}

#hardware .three .right .other .icon {
    width: 100%;
    padding-top: 100%;
    border-radius: 15px;
}

#hardware .three .right .other .t1 {
    font-size: 16px;
    color: #666666;
    line-height: 32px;
    margin-top: 10px;
    text-align: center;
}

#hardware .three .anniu {
    cursor: pointer;
    width: 56px;
    height: 56px;
    border-radius: 50%;
    top: 50%;
    z-index: 3;
    transform: translateY(-50%);
}

#hardware .three .next {
    right: 0;
    background: url(../images/icon21.png) no-repeat center #fff;
}

#hardware .three .prev {
    left: 0;
    background: url(../images/icon20.png) no-repeat center #fff;
}

#hardware .three .next:hover {
    background: url(../images/icon21.png) no-repeat center #ffffff;
}

#hardware .three .prev:hover {
    background: url(../images/icon20.png) no-repeat center #ffffff;
}

#hardware .four {
    background: #fff;
    padding: 125px 0 100px;
}

#hardware .four .cw1600 {
    border: 1px solid #e6e6e6;
    border-radius: 10px;
    overflow: hidden;
}

#hardware .four .video,
#hardware .four .text {
    width: 50%;
    background: #ffffff;
}

#hardware .four .video .relative,
#hardware .four .text .relative {
    width: 100%;
    padding-top: 90%;
}

#hardware .four .video .m-pic video {
    max-width: 100%;
    height: 100%;
    vertical-align: middle;
    object-fit: cover;
}

#hardware .four .video .img {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#hardware .four .video .img:before {
    display: block;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .4);
    cursor: pointer;
}

#hardware .four .video .img:after {
    display: block;
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 2;
    width: 103px;
    height: 104px;
    background: url(../images/play_btn.png) no-repeat center;
    transform: translate(-50%, -50%);
    cursor: pointer;
}

#hardware .four .text .m-pic {
    text-align: left;
    padding: 0 8.875%;
}

#hardware .four .text .t1 {
    font-size: 30px;
    font-weight: 500;
    color: #1A1A1A;
    line-height: 48px;
    margin-bottom: 35px;
}

#hardware .four .text .t2 {
    font-size: 16px;
    color: #1A1A1A;
    line-height: 30px;
}

#hardware .five {
    padding: 100px 0 40px;
    position: relative;
    background: #fff;
}

#hardware .five .tit {
    font-size: 36px;
    font-weight: 500;
    color: #1A1A1A;
    line-height: 48px;
    margin-bottom: 45px;
    text-align: center;
}

#hardware .five .tent1 .container {
    margin-bottom: 100px;
}

#hardware .five .img {
    width: 100%;
    padding-top: 62.574%;
}

#hardware .five .tent1 .slide {
    width: 505px;
    background: #FFFFFF;
    border-radius: 15px;
    margin-right: 40px;
    overflow: hidden;
}

#hardware .five .tent1 .text {
    padding: 30px;
}

#hardware .five .tent1 .text .t1 {
    font-size: 18px;
    color: #1A1A1A;
    line-height: 24px;
}

#hardware .five .tent2 .slide {
    width: 505px;
    margin-right: 40px;
}

#hardware .five .tent2 .text {
    padding: 30px 0 0;
}

#hardware .five .tent2 .text .t1 {
    font-size: 20px;
    color: #1A1A1A;
    line-height: 24px;
    width: 100%;
    text-align: center;
}

#hardware .five .tent2 .text .more {
    width: 41px;
    height: 24px;
    background: url(../images/icon1.png) no-repeat center;
}

#hardware .five .tent2 .img {
    border-radius: 15px;
    overflow: hidden;
}

#hardware .five .anniu {
    cursor: pointer;
    width: 56px;
    height: 56px;
    border-radius: 50%;
    top: 50%;
    z-index: 3;
    transform: translateY(-50%);
    background-color: rgba(0, 0, 0, 0);
    filter: invert(1);
}

#hardware .five .next {
    right: 1.875%;
    background: url(../images/icon21.png) no-repeat center;
}

#hardware .five .prev {
    left: 1.875%;
    background: url(../images/icon20.png) no-repeat center;
}

#hardware .five .anniu:hover {
    background-color: rgba(255,255,255,0.5);
}

#hardware .five.cw1600 {
    margin-bottom: 100px;
    padding-bottom: 90px;
    background: none;
}

#hardware .five.cw1600 .title .ti1 {
    font-size: 36px;
    font-weight: 500;
    color: #1A1A1A;
    line-height: 48px;
    text-align: center;
    margin-bottom: 20px;
}

#hardware .five.cw1600 .title .ti2 {
    font-size: 18px;
    color: #1A1A1A;
    text-align: center;
    margin-bottom: 50px;
}

#hardware .five.cw1600 .con {
    width: 100%;
    background: #FFFFFF;
    border-radius: 15px;
    padding: 5.3125% 6.25% 5.625%;
}

#hardware .five.cw1600 .form .input {
    width: 31.642%;
    margin: 0 2.537% 2.537% 0;
}

#hardware .five.cw1600 .form .input:nth-child(3n) {
    margin-right: 0;
}

#hardware .five.cw1600 .form .t3 {
    font-size: 16px;
    color: #1A1A1A;
    margin-bottom: 10px;
}

#hardware .five.cw1600 .form .input input[type="text"] {
    height: 50px;
    border: 1px solid #E6E6E6;
    width: 100%;
    text-indent: 18px;
}

#hardware .five.cw1600 .form .input select {
    height: 50px;
    border: 1px solid #E6E6E6;
    width: 100%;
    text-indent: 18px;
    background: url(../images/select_icon.png) no-repeat right 19px center;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
}

#hardware .five.cw1600 .form .input input[type="text"].cur {
    border: 1px solid #666666;
}

#hardware .five.cw1600 .form .input select.cur {
    border: 1px solid #666666;
}

#hardware .five.cw1600 .form textarea {
    height: 200px;
    border: 1px solid #E6E6E6;
    width: 100%;
    text-indent: 18px;
    resize: none;
    padding-top: 10px;
}

#hardware .five.cw1600 .form textarea.cur {
    border: 1px solid #666666;
}

#hardware .five.cw1600 .form label {
    width: 150px;
    height: 50px;
    background: #333333;
    border-radius: 5px;
    font-size: 18px;
    color: #FFFFFF;
    line-height: 50px;
    text-align: center;
    margin: 30px auto 0;
    cursor: pointer;
}

#hardware .five.cw1600 .form label input {
    display: none;
}

#hardware .five.cw1600 .tent .item {
    width: 20.375%;
    border-right: 1px solid rgba(140, 140, 140, 0.2);
    margin-right: 4.625%;
}

#hardware .five.cw1600 .tent .item:nth-last-child(1) {
    border-right: 0;
}

#hardware .five.cw1600 .tent .t1 {
    font-size: 18px;
    line-height: 30px;
    color: #1A1A1A;
    font-weight: bold;
    margin-bottom: 10px;
}

#hardware .five.cw1600 .tent .t2 {
    font-size: 16px;
    line-height: 30px;
    color: #1A1A1A;
    position: relative;
}

#hardware .more-services {
    padding: 80px 0 75px;
    background: #fff;
}

#hardware .more-services .title {
    margin-bottom: 50px;
}

#hardware .more-services .title .t1 {
    font-size: 36px;
    color: #1A1A1A;
    line-height: 48px;
    margin-bottom: 25px;
}

#hardware .more-services .title .t2 {
    font-size: 18px;
    color: #1A1A1A;
}

#hardware .more-services .con {
    background: #FFFFFF;
    border-radius: 15px;
    padding: 0 6.25%;
}

#hardware .more-services .con .input {
    width: 31.642%;
    margin: 0 2.537% 2.537% 0;
}

#hardware .more-services .con .input:nth-child(3n) {
    margin-right: 0;
}

#hardware .more-services .con .t3 {
    font-size: 16px;
    color: #1A1A1A;
    margin-bottom: 10px;
}

#hardware .more-services .con .input input[type="text"] {
    height: 50px;
    border: 1px solid #E6E6E6;
    width: 100%;
    text-indent: 18px;
}

#hardware .more-services .con .input select {
    height: 50px;
    border: 1px solid #E6E6E6;
    width: 100%;
    text-indent: 18px;
    background: url(../images/select_icon.png) no-repeat right 19px center;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
}

#hardware .more-services .con .input input[type="text"].cur {
    border: 1px solid #666666;
}

#hardware .more-services .con .input select.cur {
    border: 1px solid #666666;
}

#hardware .more-services .con label {
    width: 150px;
    height: 50px;
    background: #333333;
    border-radius: 5px;
    font-size: 18px;
    color: #FFFFFF;
    line-height: 50px;
    text-align: center;
    margin: 20px auto 0;
    cursor: pointer;
}

#hardware .more-services .con label input {
    display: none;
}

#hardware .three-bg {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
    background: rgba(0,0,0,0.4);
    display: none;
}

#hardware .three-fixed {
    position: fixed;
    background: #FFFFFF;
    box-shadow: 0px 20px 50px 0px rgba(0, 0, 0, 0.5);
    border-radius: 15px;
    z-index: 20;
    left: 4%;
    top: 2%;
    padding: 2.8125% 82px 4%;
    width: 92%;
/*display: none;*/
    visibility: hidden;
    opacity: 0;
}

#hardware .three-fixed .guanbi {
    width: 25px;
    height: 25px;
    top: 20px;
    right: 20px;
    cursor: pointer;
    background: url(../images/icon25.png) no-repeat center;
}

#hardware .three-fixed .tit {
    font-size: 30px;
    font-weight: 500;
    color: #1A1A1A;
    line-height: 48px;
    margin-bottom: 35px;
}

#hardware .three-fixed .dawrapper>.slide {
    width: 458px;
    margin-right: 30px;
    background: #ffffff;
    border-radius: 15px;
}

#hardware .three-fixed .dawrapper>.slide .relative {
    width: 100%;
    padding-top: 57.86%;
}

#hardware .three-fixed .daitem {
    padding-bottom: 50px;
}

#hardware .three-fixed .daitem .swiper-container-horizontal > .swiper-scrollbar {
    left: 0;
    width: 100%;
    bottom: 0;
    height: 10px;
    background: #ffffff;
    border-radius: 5px;
}

#hardware .three-fixed .daitem .swiper-scrollbar-drag {
    background: #333333;
    border-radius: 5px;
}

#hardware .three-fixed .daitem .container.img .anniu {
    display: block !important;
    cursor: pointer;
    width: 17px;
    height: 28px;
    border-radius: 50%;
    top: calc(50% - 14px);
    z-index: 3;
    opacity: 0;
}

#hardware .three-fixed .daitem .container.img .next {
    right: 30px;
    background: url(../images/icon19.png) no-repeat center;
}

#hardware .three-fixed .daitem .container.img .prev {
    left: 30px;
    background: url(../images/icon18.png) no-repeat center;
}

#hardware .three-fixed .daitem .container.img:hover .anniu {
    opacity: 1;
}

#hardware .three-fixed .daitem .text {
    padding: 0 20.96% 10.698% 7.86%;
}

#hardware .three-fixed .daitem .t1 {
    font-size: 24px;
    font-weight: 500;
    color: #1A1A1A;
}

#hardware .three-fixed .daitem .t2 {
    font-size: 16px;
    color: #1A1A1A;
    line-height: 36px;
    margin: 20px auto 40px;
}

#hardware .three-fixed .daitem .down {
    width: 140px;
    height: 45px;
    background: #FFFFFF;
    border-radius: 5px;
    line-height: 45px;
    -webkit-transition: color .3s linear;
    -o-transition: color .3s linear;
    transition: color .3s linear;
    cursor: pointer;
    position: relative;
    font-size: 16px;
    color: #333333;
    padding-left: 13px;
}

#hardware .three-fixed .daitem .down i {
    background: url(../images/icon8.png) no-repeat;
    position: absolute;
    right: 13px;
    top: calc(50% - 10px);
    width: 20px;
    height: 20px;
}

#hardware .three-fixed .daitem .down:hover {
    background: #333;
    color: #fff;
}

#hardware .three-fixed .daitem .down:hover i {
    -webkit-animation: moveDownIn 1s 1;
    animation: moveDownIn 1s 1;
    background: url(../images/icon9.png) no-repeat;
}

@media screen and (max-width: 1440px) {
    #hardware .three {
        padding-top: 35px;
    }

    #hardware .three .text {
        padding: 45px 1.31% 0 4.22%;
    }

    #hardware .three .text .t1 {
        font-size: 30px;
        font-weight: 500;
    }

    #hardware .three .text .t3 {
        font-size: 20px;
    }

    #hardware .three .text .t4 {
        font-size: 12px;
    }
}

@media screen and (max-width: 1260px) {
    #hardware .three .text .item {
        margin-right: 5.185%;
        width: 29.21%;
    }
}

@media screen and (max-width: 1060px) {

    #hardware .datu .dat1 {
        font-size: 36px;
    }

    #hardware .datu .dat2 {
        margin: 15px auto;
    }

    #hardware .three .right {
        width: 100%;
    }

    #hardware .three .three-in {
        flex-direction: column-reverse;
    }

    #hardware .three .text {
        width: 100%;
    }

    #hardware .three .text .t1 {
        line-height: 1.8;
    }

    #hardware .three .text .t2 {
        line-height: 1.8;
        font-size: 28px;
    }

    #hardware .three .text .t3 {
        font-size: 20px;
    }
}

@media screen and (max-width: 768px) {
    #hardware .one .item .t2.absolute {
        pointer-events: none;
    }

    #hardware .one .item:hover .t2.absolute {
        opacity: 0;
        z-index: 1;
    }

    #hardware .datu .cw1600 {
        margin-top: 100px;
    }

    #hardware .datu .dat1 {
        width: 100%;
        font-size: 30px;
    }

    #hardware .datu .dat2 {
        width: 100%;
        line-height: 1.8;
        font-size: 28px;
    }

    #hardware .one .item {
        width: 50% !important;
    }
    /*#hardware .one .item:nth-child(-n+3){ margin-top: 0;}*/
    #hardware .one .item .t1 {
        line-height: 1.8;
        font-size: 30px;
    }

    #hardware .one .item .t2 {
        line-height: 1.8;
        font-size: 28px;
    }

    #hardware .two .slide .t1 {
        line-height: 1.8;
        font-size: 28px;
    }

    #hardware .three .right .container {
        width: 100%;
    }

    #hardware .three .text .t1 {
        font-size: 30px;
    }


    #hardware .three .text .item {
        margin-right: 2%;
        width: 49%;
    }

    #hardware .three .text .item:nth-child(3n) {
        margin-right: 2%;
    }

    #hardware .three .text .item:nth-child(even) {
        margin-right: 0;
    }

    #hardware .three .text .t3 {
        font-size: 28px;
    }

    #hardware .three .text .t4 {
        font-size: 28px;
    }

    #hardware .three .text .attr>* {
        width: 250px;
        height: 80px;
        line-height: 80px;
        font-size: 28px;
    }

    #hardware .three .text .attr>* i {
        top: calc(50% - 11px);
        width: 15px;
        height: 30px;
        background-size: 100%;
    }

    #hardware .three .right .other .t1 {
        font-size: 28px;
    }

    #hardware .three-fixed .daitem .t1 {
        line-height: 1.8;
        font-size: 34px;
    }

    #hardware .three-fixed .daitem .t2 {
        line-height: 1.8;
        font-size: 28px;
    }

    #hardware .three-fixed .daitem .down {
        width: 215px;
        height: 80px;
        line-height: 80px;
        font-size: 28px;
    }

    #hardware .three-fixed .daitem .down i {
        top: calc(50% - 22px);
        width: 40px;
        height: 40px;
        background-size: 100%;
    }

    #hardware .four .video,
    #hardware .four .text {
        width: 100%;
    }

    #hardware .four .text .relative {
        padding: 0;
    }

    #hardware .four .text .m-pic {
        position: static;
        padding: 50px 30px;
    }

    #hardware .five .tit {
        font-size: 48px;
        font-weight: 500;
    }

    #hardware .five.cw1600 .title .ti1 {
        font-size: 48px;
        font-weight: 500;
    }

    #hardware .five .tent1 .text .t1,
    #hardware .five .tent2 .text .t1 {
        font-size: 28px;
    }

    #hardware .five.cw1600 {
        margin-bottom: 0;
    }

    #hardware .five.cw1600 .title .ti2 {
        line-height: 35px;
        font-size: 28px;
    }

    #hardware .five.cw1600 .con .input {
        float: none;
        width: 100%;
    }

    #hardware .five.cw1600 .con .t3 {
        line-height: 60px;
        font-size: 30px;
    }

    #hardware .five.cw1600 .con .input input[type="text"] {
        height: 80px;
        font-size: 30px;
    }

    #hardware .five.cw1600 .con .form .input select {
        height: 80px;
        background-size: 30px;
        font-size: 30px;
    }

    #hardware .five.cw1600 .con label {
        margin-top: 20px;
        width: 250px;
        height: 80px;
        line-height: 80px;
        font-size: 30px;
    }
}

@media screen and (max-width: 768px) {
    #hardware .two .slide .t1 {
        font-size: 28px;
    }

    #hardware .four .text .t2 {
        font-size: 28px;
        line-height: 1.8;
    }
}
/*产品方案-硬件产品*/

/*产品方案*/
#product_scheme {
    padding-top: 0;
    -webkit-transform: translateY(-100px);
    transform: translateY(-100px);
    margin-bottom: -90px;
    position: relative;
    z-index: 3;
}

#product_scheme .one {
    border-radius: 15px;
    overflow: hidden;
    -webkit-transform: translateY(-190px);
    transform: translateY(-190px);
    position: relative;
    z-index: 3;
    margin-bottom: -90px;
}

#product_scheme .one .t1 {
    font-size: 48px;
    font-weight: 500;
    color: #1A1A1A;
    line-height: 48px;
    margin: 110px auto 25px;
}

#product_scheme .one .t2 {
    font-size: 16px;
    color: #1A1A1A;
    line-height: 48px;
}

#product_scheme .one .swiper-container-horizontal>.swiper-pagination-bullets {
    opacity: 0 !important;
    transition: all 0s;
}

#product_scheme .one .circle-page .circle {
    margin-left: 13px;
    width: 18px;
    height: 18px;
    cursor: pointer;
}

#product_scheme .one .circle-page .circle:first-child {
    margin-left: 0;
}

#product_scheme .one .circle-page .circle .a {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 8px;
    height: 8px;
    background: #fff;
    border-radius: 50%;
    transform: translate(-50%, -50%);
    transition: all .5s;
}

#product_scheme .one .circle-page .circle .d {
    border: 1px solid rgba(255, 255, 255, 0);
    border-radius: 50%;
    transition: all .5s;
}

#product_scheme .one .circle-page .circle.cur .d {
    border: 1px solid rgba(255, 255, 255, .2);
}

#product_scheme .one .circle-page .circle.cur .a {
    background: #fff;
}

#product_scheme .two {
    background: #FFFFFF;
    border-radius: 15px;
    padding: 75px 0 105px;
    margin-bottom: 100px;
}

#product_scheme .two .t1 {
    font-size: 24px;
    color: #1A1A1A;
    line-height: 48px;
}

#product_scheme .two .t2 {
    font-size: 36px;
    font-weight: bold;
    color: #1A1A1A;
    line-height: 48px;
}

#product_scheme .two .con {
    width: 61.375%;
    margin: 100px auto 0;
}

#product_scheme .two .item {
/*width: 22.81%;margin-right: 15.785%;*/
    text-align: center;
}

#product_scheme .two .item:nth-child(3n) {
    margin-right: 0;
}

#product_scheme .two .item .t3,
#product_scheme .two .item .t3 span {
    font-size: 90px;
    font-weight: 500;
    color: #1A1A1A;
}

#product_scheme .two .item .t4 {
    font-size: 18px;
    font-weight: 500;
    color: #1A1A1A;
    line-height: 36px;
}

#product_scheme .three .cate {
    margin-bottom: 100px;
}

#product_scheme .three .tit {
    font-size: 36px;
    font-weight: 500;
    color: #1A1A1A;
    line-height: 48px;
    text-align: center;
    margin-bottom: 50px;
}

#product_scheme .three .more {
    display: block;
    width: 125px;
    height: 40px;
    line-height: 38px;
    border: 1px solid #121212;
    border-radius: 5px;
    font-size: 16px;
    text-align: center;
    margin-top: 35px;
    position: relative;
    -webkit-transition: color .3s linear;
    -o-transition: color .3s linear;
    transition: color .3s linear;
}

#product_scheme .three .more i {
    background: url(../images/icon2.png) no-repeat;
    position: absolute;
    right: 16px;
    top: calc(50% - 4px);
    width: 6px;
    height: 10px;
}

#product_scheme .three .daitem,
#product_scheme .three .zhitem,
#product_scheme .three .xiitem .item {
    background: #FFFFFF;
    border-radius: 15px;
    overflow: hidden;
}

#product_scheme .three .daitem:hover,
#product_scheme .three .zhitem:hover,
#product_scheme .three .xiitem .item:hover {
    box-shadow: 0px 20px 40px 0px rgba(0, 41, 102, 0.1);
}

#product_scheme .three .daitem:hover .more,
#product_scheme .three .zhitem:hover .more,
#product_scheme .three .xiitem .item:hover .more {
    background: #333;
    border: 1px solid #333;
    color: #fff;
}

#product_scheme .three .daitem,
#product_scheme .three .zhitem,
#product_scheme .three .xiitem {
    width: 48.75%;
}

#product_scheme .three .xiitem .item {
    width: 100%;
}

#product_scheme .three .xiitem .item:nth-child(1):last-child {
    height: 100%;
}

#product_scheme .three .xiitem .item:nth-child(1):last-child .text {
    width: 100%;
}

#product_scheme .three .xiitem .item:nth-child(1):last-child .img {
    width: 82.0512%;
    padding-top: 82.0512%;
    margin-left: 17.9488%;
}

#product_scheme .three .daitem.fl,
#product_scheme .three .zhitem,
#product_scheme .three .xiitem.fl {
    margin-right: 2.5%;
}

#product_scheme .three .zhitem:nth-child(2n) {
    margin-right: 0;
}

#product_scheme .three .daitem .text {
    padding: 9% 4%;
    box-sizing: border-box;
    flex:1;
}

#product_scheme .three .xiitem .item .text {
    padding: 8.974% 0 0 7.692%;
}

#product_scheme .three .t1 {
    font-size: 30px;
    font-weight: 500;
    color: #1A1A1A;
}

#product_scheme .three .t2 {
    width: 94%;
    font-size: 16px;
    color: #666666;
    line-height: 48px;
}

#product_scheme .three .dd-img {
    display: none;
}

#product_scheme .three .daitem .img {
    width: 82.0512%;
    padding-top: 82.0512%;
    margin-left: 17.9488%;
}

#product_scheme .three .daitem .img .m-pic {
    text-align: right;
}

#product_scheme .three .xiitem .item:nth-child(1) {
    margin-bottom: 5.128%;
}
/*#product_scheme .three .xiitem .item:nth-child(1){ margin-bottom: 2.1876vw;}*/
#product_scheme .three .xiitem .item .text {
    width: 46.16%;
}

#product_scheme .three .xiitem .item .img {
    bottom: 0;
    right: 0;
    width: 53.84%;
    padding-top: 53.84%;
}

#product_scheme .three .xiitem .img {
    bottom: 0;
    right: 0;
    width: 66.666%;
    padding-top: 66.666%;
}

#product_scheme .three .xiitem .item .img .relative {
    padding-top: 100%;
    width: 100%;
}

#product_scheme .three .zhitem {
    padding-top: 37.5%;
}

#product_scheme .three .zhitem .text {
    width: 38.461%;
    top: 8.974%;
    left: 7.692%;
    z-index: 2;
}

#product_scheme .three .zhitem .img {
    bottom: 0;
    right: 0;
    width: 66.666%;
    padding-top: 66.666%;
}

#product_scheme .three .zhitem img {
    max-width: 100%;
    max-height: 100%;
}

#product_scheme .more-services {
    padding: 80px 0 75px;
    background: #fff;
}

#product_scheme .more-services .title {
    margin-bottom: 50px;
}

#product_scheme .more-services .title .ti1 {
    font-size: 36px;
    font-weight: 500;
    color: #1A1A1A;
    line-height: 48px;
    text-align: center;
    margin-bottom: 20px;
}

#product_scheme .more-services .title .ti2 {
    font-size: 18px;
    color: #1A1A1A;
    text-align: center;
/*margin-bottom: 50px;*/
}

#product_scheme .more-services .con {
    background: #FFFFFF;
    border-radius: 15px;
    padding: 0 6.25%;
}

#product_scheme .more-services .con .input {
    width: 31.642%;
    margin: 0 2.537% 2.537% 0;
}

#product_scheme .more-services .con .input:nth-child(3n) {
    margin-right: 0;
}

#product_scheme .more-services .con .t3 {
    font-size: 16px;
    color: #1A1A1A;
    margin-bottom: 10px;
}

#product_scheme .more-services .con .input input[type="text"] {
    height: 50px;
    border: 1px solid #E6E6E6;
    width: 100%;
    text-indent: 18px;
}

#product_scheme .more-services .con .input select {
    height: 50px;
    border: 1px solid #E6E6E6;
    width: 100%;
    text-indent: 18px;
    background: url(../images/select_icon.png) no-repeat right 19px center;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
}

#product_scheme .more-services .con .input input[type="text"].cur {
    border: 1px solid #666666;
}

#product_scheme .more-services .con .input select.cur {
    border: 1px solid #666666;
}

#product_scheme .more-services .con label {
    width: 150px;
    height: 50px;
    background: #333333;
    border-radius: 5px;
    font-size: 18px;
    color: #FFFFFF;
    line-height: 50px;
    text-align: center;
    margin: 20px auto 0;
    cursor: pointer;
}

#product_scheme .more-services .con label input {
    display: none;
}

@media screen and (max-width: 1600px) {
    #product_scheme .cw1600 {
        width: 1440px;
        max-width: 1440px;
    }

    #product_scheme .three .daitem .img {
        padding-top: 79.0512%;
    }
}

@media screen and (max-width: 1480px) {
    #product_scheme .three .t1 {
        font-size: 28px;
    }

    #product_scheme .three .daitem .img {
        padding-top: 75.0512%;
    }

    #product_scheme .cw1600 {
        width: 1240px;
        max-width: 1240px;
    }
}

@media screen and (max-width: 1280px) {
    #product_scheme .three .daitem .img {
        padding-top: 69.0512%;
    }

    #product_scheme .cw1600 {
        width: 1024px;
        max-width: 1024px;
    }

    #product_scheme .three .t1 {
        font-size: 22px;
    }

    #product_scheme .two .item .t3,
    #product_scheme .two .item .t3 span {
        font-size: 70px;
        font-weight: 500;
    }
}

@media screen and (max-width: 1060px) {
    #product_scheme .cw1600 {
        width: 92%;
        max-width: 92%;
    }

    #product_scheme .one {
        margin: 50px auto;
        transform: translateY(0)
    }

    #product_scheme .two .con {
        width: 92%;
    }

    #product_scheme .two .item .t3,
    #product_scheme .two .item .t3 span {
        font-size: 50px;
        font-weight: 500;
    }
}

@media screen and (max-width: 768px) {
    #product_scheme .one .t1 {
        margin-top: 60px;
    }

    #product_scheme .one .t2 {
        font-size: 28px;
    }

    #product_scheme .two .con {
        margin-top: 50px;
    }

    #product_scheme .two .item {
        margin-right: 9.785%;
        width: 26.81%;
    }

    #product_scheme .two .item .t4 {
        font-size: 28px;
    }

    #product_scheme .three .t1 {
        font-size: 34px;
    }

    #product_scheme .three .t2 {
        font-size: 28px;
    }

    #product_scheme .three .more {
        width: 250px;
        height: 80px;
        line-height: 80px;
        font-size: 28px;
    }

    #product_scheme .three .more i {
        top: calc(50% - 8px);
        width: 20px;
        height: 20px;
        background-size: auto 100%;
        background-position: center;
    }

    #product_scheme .three .con {
        flex-direction: column;
    }

    #product_scheme .three .daitem,
    #product_scheme .three .zhitem,
    #product_scheme .three .xiitem {
        width: 100%;
    }

    #product_scheme .three .zhitem {
        margin-top: 5.128%;
        padding: 0;
    }

    #product_scheme .three .zhitem:first-child {
        margin-top: 0;
    }

    #product_scheme .three .zhitem .text {
        position: static;
        width: 100%;
        text-align: center;
    }

    #product_scheme .three .zhitem .img {
        position: relative;
    }

    #product_scheme .three .daitem .text {
        padding: 0;
        text-align: center;
    }

    #product_scheme .three .xiitem {
        margin-top: 5.128%;
    }

    #product_scheme .three .xiitem .item .img {
        padding-top: 69.0512%;
        width: 82.0512%;
    }

    #product_scheme .three .xiitem .item .text {
        width: 100%;
    }

    #product_scheme .five.cw1600 .title .ti2 {
        line-height: 35px;
        font-size: 28px;
    }

    #product_scheme .five.cw1600 .con .input {
        float: none;
        width: 100%;
    }

    #product_scheme .five.cw1600 .con .t3 {
        line-height: 60px;
        font-size: 30px;
    }

    #product_scheme .five.cw1600 .con .input input[type="text"] {
        height: 80px;
    }

    #product_scheme .five.cw1600 .con .form .input select {
        height: 80px;
        background-size: 30px;
        font-size: 30px;
    }

    #product_scheme .five.cw1600 .con label {
        margin-top: 20px;
        width: 250px;
        height: 80px;
        line-height: 80px;
        font-size: 30px;
    }

    #product_scheme .three .dd-img {
        display: block;
        text-align: center;
    }

    #product_scheme .three .daitem .img , #product_scheme .three .xiitem .item .img {
        display: none;
    }

    #product_scheme .three .xiitem .item .text {
        padding: 0px;
        text-align: center;
    }

    #product_scheme .three .more {
        margin: 40px auto 50px auto;
    }

    #product_scheme .three .t2 {
        width: 100%;
    }

    #product_scheme .three .tit {
        margin-bottom: 50px;
    }

    #product_scheme .three .tit-dd {
        margin-top: -25px;
    }

    #product_scheme .three .cate {
        margin-bottom: 45px;
    }

    #product_scheme .two {
        margin-bottom: 50px;
    }

    #product_scheme .five.cw1600 .con .input input[type="text"] {
        font-size: 30px;
    }
}
/*产品方案*/

/*联系我们-联系我们*/
#contact {
    background: #ffffff;
}

#contact .one {
    background: #FFFFFF;
    border-radius: 15px;
    overflow: hidden;
    -webkit-transform: translateY(-250px);
    transform: translateY(-250px);
    position: relative;
    z-index: 3;
    margin-bottom: -210px;
    padding: 3.4375% 4.25% 4.25%;
}

#contact .one .item {
    width: 23.375%;
    border-right: 1px solid rgba(140, 140, 140, 0.2);
    margin-right: 2.625%;
}

#contact .one .item:last-child {
    margin-right: 0;
    border-right: 0;
}

#contact .one .icon {
    width: 40px;
    height: 40px;
    margin-bottom: 35px;
}

#contact .one .t1 {
    font-size: 18px;
    line-height: 30px;
    color: #1A1A1A;
    font-weight: bold;
    margin-bottom: 5px;
}

#contact .one .t2 {
    font-size: 16px;
    line-height: 30px;
    color: #1A1A1A;
    margin-bottom: 5px;
}

#contact .two {
    background: #FFFFFF;
    border-radius: 15px;
    overflow: hidden;
    margin-bottom: 100px;
}

#contact .two .map {
    width: 66.75%;
}

#contact .two .item {
    height: 100%;
}

#contact .two .item div[map] {
    height: 100%;
}

#contact .two .text {
    width: 33.25%;
    padding: 4% 3.375% 4% 4.25%;
}

#contact .two .text .tit {
    padding-bottom: 28px;
    border-bottom: 1px solid rgba(140, 140, 140, 0.2);
}

#contact .two .text .tit .icon {
    width: 40px;
    height: 40px;
    margin-bottom: 15px;
}

#contact .two .text .tit .t1 {
    font-size: 18px;
    font-weight: bold;
    color: #1A1A1A;
    line-height: 30px;
}

#contact .two .text .con {
    height: 380px;
}

#contact .two .text .con .list {
    padding: 35px 30% 35px 0;
    border-bottom: 1px solid rgba(140, 140, 140, 0.2);
    cursor: pointer;
}

#contact .two .text .con .list .t2 {
    font-size: 20px;
    font-weight: 500;
    color: #666666;
    line-height: 30px;
    margin-bottom: 10px;
}

#contact .two .text .con .list .t3 {
    font-size: 16px;
    color: #666666;
    line-height: 30px;
}

#contact .two .text .con .list.cur {
    background: url(../images/address_icon.png) no-repeat center right;
}

#contact .two .text .con .list.cur .t2 {
    font-weight: 500;
    color: #1A1A1A;
}

#contact .two .text .con .list.cur .t3 {
    color: #1A1A1A;
}

#contact .three {
    margin-bottom: 60px;
}

#contact .three .tit {
    font-size: 42px;
    color: #1A1A1A;
    font-weight: 500;
    margin-bottom: 55px;
    text-align: center;
}

#contact .three .item {
    width: 48.75%;
    background: #FFFFFF;
/*border-radius: 15px;*/
    overflow: hidden;
    margin: 0 2.5% 2.5% 0;
}

#contact .three .item:nth-child(2n) {
    margin-right: 0;
}

#contact .three .item .img {
    width: 100%;
    padding-top: 38.4615%;
}

#contact .three .item .text {
    padding: 5.128% 7.692% 8.974%;
}

#contact .three .item .t1 {
    font-size: 24px;
    font-weight: 500;
    color: #1A1A1A;
    line-height: 40px;
    margin-bottom: 5px;
    display: block;
}

#contact .three .item .t2 {
    font-size: 16px;
    color: #666666;
    line-height: 30px;
}

#contact .three .item .more {
    width: 41px;
    height: 11px;
    margin-top: 40px;
    background: url(../images/icon1.png) no-repeat center;
}

#contact .four .relative {
    padding-top: 21.875%;
    width: 100%;
    border-radius: 15px;
    overflow: hidden;
    margin-bottom: 100px;
}

#contact .four .text {
    padding: 0 0 0 4.375%;
}

#contact .four .t1 {
    font-size: 42px;
    color: #1A1A1A;
    font-weight: 500;
    line-height: 48px;
}

#contact .four .t2 {
    width: 100%;
    font-size: 16px;
    color: #1A1A1A;
    line-height: 30px;
    margin: 25px auto 35px;
}

#contact .four .more {
    display: block;
    width: 150px;
    height: 50px;
    line-height: 48px;
    border: 1px solid #121212;
    border-radius: 5px;
    font-size: 16px;
    text-align: center;
    position: relative;
    -webkit-transition: color .3s linear;
    -o-transition: color .3s linear;
    transition: color .3s linear;
    cursor: pointer;
}

#contact .four .more i {
    background: url(../images/icon2.png) no-repeat;
    position: absolute;
    right: 26px;
    top: calc(50% - 4px);
    width: 6px;
    height: 10px;
}

#contact .three .item:hover {
    box-shadow: 0px 10px 20px 0px rgba(20, 52, 95, 0.1);
}

#contact .three .item:hover .more {
    transform: translateX(20px);
}

@media screen and (max-width: 1240px) {
    #contact .one .t2 {
        font-size: 14px;
    }

    #contact .two .text .con .list {
        padding-right: 6%;
    }
}

@media screen and (max-width: 1060px) {
    #contact .one .item {
        margin-top: 30px;
        width: 47.375%;
    }

    #contact .one .item:nth-child(even) {
        margin-right: 0;
        border-right: 0;
    }

    #contact .two {
        flex-direction: column;
    }

    #contact .two .text,
    #contact .two .map {
        width: 100%;
        height: 500px;
    }

    #contact .four .t1 {
        line-height: 38px;
        font-size: 30px;
    }

    #contact .four .t2 {
        margin: 0 auto 10px;
    }
}

@media screen and (max-width: 768px) {
    #contact .one {
        margin-top: 50px;
        margin-bottom: 0;
        transform: translateY(0);
    }

    #contact .one .icon {
        width: 80px;
        height: 80px;
    }

    #contact .one .icon img {
        width: 100%;
        height: 100%;
    }

    #contact .one .t1 {
        line-height: 1.8;
        font-size: 32px;
    }

    #contact .one .t2 {
        line-height: 1.8;
        font-size: 28px;
        word-break: break-all;
    }

    #contact .two {
        margin-top: 50px;
    }

    #contact .two .text,
    #contact .two .map {
        height: 585px;
    }

    #contact .two .map .BMap_bubble_content {
        font-size: 28px;
    }

    #contact .two .text .tit .icon {
        width: 80px;
        height: 80px;
    }

    #contact .two .text .tit .icon img {
        width: 100%;
        height: 100%;
    }

    #contact .two .text .tit .t1 {
        line-height: 1.8;
        font-size: 34px;
    }

    #contact .two .text .con .list .t2 {
        line-height: 1.8;
        font-size: 28px;
    }

    #contact .two .text .con .list .t3 {
        line-height: 1.8;
        font-size: 28px;
    }

    #contact .three .con .item {
        width: 100%;
    }

    #contact .three .item .t1 {
        line-height: 1.8;
        font-size: 34px;
    }

    #contact .three .item .t2 {
        line-height: 1.8;
        font-size: 28px;
    }

    #contact .four .t1 {
        line-height: 1.8;
        font-size: 34px;
    }

    #contact .four .t2 {
        margin-bottom: 30px;
        line-height: 1.8;
        font-size: 28px;
    }

    #contact .four .relative {
        display: flex;
        flex-direction: column-reverse;
        padding: 0;
    }

    #contact .four .img,
    #contact .four .text {
        position: static;
    }

    #contact .four .img {
        margin-top: 30px;
        border-radius: 10px;
        overflow: hidden;
    }

    #contact .four .text {
        position: static;
        padding-left: 0;
        text-align: center;
    }

    #contact .four .more {
        margin: 0 auto;
        width: 250px;
        height: 80px;
        line-height: 80px;
        font-size: 28px;
    }

    #contact .four .more i {
        top: calc(50% - 8px);
        width: 20px;
        height: 20px;
        background-size: auto 100%;
        background-position: center;
    }
}
/*联系我们-联系我们*/

/*商务合作-采购与咨询*/
#consult {
    background: #ffffff;
}

#consult .one {
    background: #FFFFFF;
    border-radius: 15px;
    overflow: hidden;
    -webkit-transform: translateY(-250px);
    transform: translateY(-250px);
    position: relative;
    z-index: 3;
    margin-bottom: -150px;
    padding: 5% 4.5%;
}

#consult .one .img {
    width: 37.774%;
}

#consult .one .img .relative {
    width: 100%;
    padding-top: 65.4545%;
}

#consult .one .text {
    width: 57.211%;
}

#consult .one .text .relative {
    width: 100%;
    padding-top: 43.2172%;
}

#consult .one .text .m-pic {
    text-align: left;
}

#consult .one .text .t1 {
    font-size: 36px;
    font-weight: 500;
    color: #1A1A1A;
    line-height: 48px;
    margin-bottom: 30px;
}

#consult .one .text .t2 {
    font-size: 16px;
    color: #1A1A1A;
    line-height: 30px;
}

#consult .two {
    padding-bottom: 100px;
}

#consult .two .tit {
    font-size: 36px;
    font-weight: 500;
    color: #1A1A1A;
    line-height: 48px;
    text-align: center;
    margin-bottom: 40px;
}

#consult .two .con {
    width: 100%;
    background: #FFFFFF;
    border-radius: 15px;
    padding: 9.1875% 1.0625%;
}

#consult .two .item {
    width: 19.6666%;
    padding: 0 3%;
    position: relative;
}

#consult .two .item .icon {
    width: 130px;
    height: 130px;
    background: #FFFFFF;
    border: 1px solid #666666;
    border-radius: 50%;
    margin: 0 auto 35px;
    overflow: hidden;
}

#consult .two .item .icon img {
    max-width: 50%;
    max-height: 50%;
}

#consult .two .item .t1 {
    font-size: 16px;
    color: #1A1A1A;
    line-height: 24px;
    text-align: center;
}

#consult .two .item:before {
    display: block;
    content: "";
    position: absolute;
    background: url(../images/icon49.png) no-repeat center;
    width: 10px;
    height: 17px;
    top: 56px;
    right: -5px;
}

#consult .two .item:nth-last-child(1):before {
    display: none;
}

#consult .five {
    padding-bottom: 120px;
}

#consult .five .title .ti1 {
    font-size: 36px;
    font-weight: 500;
    color: #1A1A1A;
    line-height: 48px;
    text-align: center;
    margin-bottom: 20px;
}

#consult .five .title .ti2 {
    font-size: 18px;
    color: #1A1A1A;
    text-align: center;
    margin-bottom: 50px;
}

#consult .five .con {
    width: 100%;
    background: #FFFFFF;
    border-radius: 15px;
    padding: 5.3125% 6.25% 5.625%;
}

#consult .five .form .input {
    width: 31.642%;
    margin: 0 2.537% 2.537% 0;
}

#consult .five .form .input:nth-child(3n) {
    margin-right: 0;
}

#consult .five .form .t3 {
    font-size: 16px;
    color: #1A1A1A;
    margin-bottom: 10px;
}

#consult .five .form .input input[type="text"] {
    height: 50px;
    border: 1px solid #E6E6E6;
    width: 100%;
    text-indent: 18px;
}

#consult .five .form .input select {
    height: 50px;
    border: 1px solid #E6E6E6;
    width: 100%;
    text-indent: 18px;
    background: url(../images/select_icon.png) no-repeat right 19px center;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
}

#consult .five .form .input input[type="text"].cur {
    border: 1px solid #666666;
}

#consult .five .form .input select.cur {
    border: 1px solid #666666;
}

#consult .five .form textarea {
    height: 200px;
    border: 1px solid #E6E6E6;
    width: 100%;
    text-indent: 18px;
    resize: none;
    padding-top: 10px;
}

#consult .five .form textarea.cur {
    border: 1px solid #666666;
}

#consult .five .form label {
    width: 150px;
    height: 50px;
    background: #333333;
    border-radius: 5px;
    font-size: 18px;
    color: #FFFFFF;
    line-height: 50px;
    text-align: center;
    margin: 60px auto 87px;
    cursor: pointer;
}

#consult .five .form label input {
    display: none;
}

#consult .five .tent .item {
    width: 20.375%;
    border-right: 1px solid rgba(140, 140, 140, 0.2);
    margin-right: 4.625%;
}

#consult .five .tent .item:nth-last-child(1) {
    border-right: 0;
}

#consult .five .tent .t1 {
    font-size: 18px;
    line-height: 30px;
    color: #1A1A1A;
    font-weight: bold;
    margin-bottom: 10px;
}

#consult .five .tent .t2 {
    font-size: 16px;
    line-height: 30px;
    color: #1A1A1A;
}

@media screen and (max-width: 1440px) {
    #consult .five .tent .t2 {
        font-size: 14px;
    }
}

@media screen and (max-width: 1260px) {
    #consult .one .text .t1 {
        margin-bottom: 10px;
        line-height: 35px;
        font-size: 28px;
    }

    #consult .one .text .t2 {
        line-height: 25px;
        font-size: 14px;
    }

    #consult .two .item .icon {
        width: 100px;
        height: 100px;
    }

    #consult .two .item .t1 {
        font-size: 12px;
    }

    #consult .three .tent .t2 {
        font-size: 14px;
    }

    #consult .five .tent .item {
        width: 23.375%;
        margin-right: 1.625%;
    }

    #consult .five .tent .t2 {
        font-size: 14px;
        line-height: 30px;
    }

    #consult .five .con {
        padding: 5.3125% 1.25% 5.625%;
    }
}

@media screen and (max-width: 1060px) {
    #consult .two .item {
        margin-top: 50px;
        width: 33.3333%;
    }

    #consult .two .item:nth-child(3):before {
        display: none;
    }

    #consult .two .item:nth-child(-n+3) {
        margin-top: 0;
    }
}

@media screen and (max-width: 768px) {

    #consult .one {
        margin-top: 50px;
        margin-bottom: 0;
        padding: 0;
        transform: translateY(0);
    }

    #consult .one .img,
    #consult .one .text {
        float: none;
        width: 100%;
    }

    #consult .one .text {
        padding: 0 40px;
    }

    #consult .one .text .t1 {
        line-height: 1.8;
        font-size: 34px;
    }

    #consult .one .text .t2 {
        line-height: 1.8;
        font-size: 28px;
    }

    #consult .one .text .relative {
        padding: 30px 0;
    }

    #consult .one .text .m-pic {
        position: static;
    }

    #consult .two {
        margin-top: 50px;
    }

    #consult .two .item .t1 {
        height: 86px;
        line-height: 1.8;
        font-size: 28px;
        overflow: hidden;
    }

    #contact .four .text {
        margin: 0 auto;
        width: 90%;
    }

    #consult .five .con {
        padding: 5.3125% 6.25% 5.625%;
    }

    #consult .five .tent .item {
        margin: 30px 0 0 0;
        width: 100%;
        border-right: 0;
    }

    #consult .five .tent .t1 {
        line-height: 1.8;
        font-size: 34px;
    }

    #consult .five .tent .t2 {
        line-height: 1.8;
        font-size: 28px;
    }

    #consult .five.cw1600 .title .ti2 {
        line-height: 35px;
        font-size: 28px;
    }

    #consult .five.cw1600 .con .input {
        float: none;
        width: 100%;
    }

    #consult .five.cw1600 .con .t3 {
        line-height: 60px;
        font-size: 30px;
    }

    #consult .five.cw1600 .con .input input[type="text"] {
        height: 80px;
    }

    #consult .five.cw1600 .con .form .input select {
        height: 80px;
        background-size: 30px;
        font-size: 30px;
    }

    #consult .five.cw1600 .con label {
        margin-top: 30px;
        width: 250px;
        height: 80px;
        line-height: 80px;
        font-size: 30px;
    }
}
/*商务合作-采购与咨询*/

/*商务合作-生态伙伴*/
#partner {
    background: #ffffff;
}

#partner .one {
    background: #FFFFFF;
    border-radius: 15px;
    overflow: hidden;
    -webkit-transform: translateY(-150px);
    transform: translateY(-150px);
    position: relative;
    z-index: 3;
    margin-bottom: -50px;
}

#partner .one .img,
#partner .one .text {
    width: 50%;
}

#partner .one .img .relative,
#partner .one .text .relative {
    width: 100%;
    padding-top: 65%;
}

#partner .one .text .m-pic {
    text-align: left;
    padding: 0 8.75%;
}

#partner .one .text .t1 {
    font-size: 36px;
    font-weight: 500;
    color: #1A1A1A;
    line-height: 48px;
    margin-bottom: 30px;
}

#partner .one .text .t2 {
    font-size: 16px;
    color: #1A1A1A;
    line-height: 30px;
}
.nowrap{
    white-space: nowrap;
}

#partner .two {
    padding-bottom: 100px;
}

#partner .two .tit {
    font-size: 36px;
    font-weight: 500;
    color: #1A1A1A;
    line-height: 48px;
    text-align: center;
    margin-bottom: 40px;
}

#partner .two .con {
    width: 100%;
    background: #FFFFFF;
    border-radius: 15px;
    overflow: hidden;
    padding: 5.625% 3.5625%;
}

#partner .two .item {
    width: 16.15%;
/*margin-right: 3.8125%;*/
}

#partner .two .item:last-child(1) {
    margin-right: 0;
}

#partner .two .item .icon {
    width: 50px;
    height: 50px;
    margin-bottom: 40px;
}

#partner .two .item .t1 {
    font-size: 24px;
    font-weight: 500;
    color: #1A1A1A;
    margin-bottom: 20px;
}

#partner .two .item .t2 {
    font-size: 16px;
    color: #1A1A1A;
    line-height: 30px;
}

#partner .three {
    padding-bottom: 100px;
}

#partner .three .tit {
    font-size: 36px;
    font-weight: 500;
    color: #1A1A1A;
    line-height: 48px;
    text-align: center;
    margin-bottom: 40px;
}

#partner .three .item {
    width: 31.5625%;
/*min-height: 555px;*/
    background: #FFFFFF;
    border-radius: 15px;
    overflow: hidden;
    margin-right: 2.65625%;
}

#partner .three .item:hover {
    box-shadow: 0 0 10px rgba(0, 0, 0, .1);
}

#partner .three .item:nth-child(3n) {
    margin-right: 0;
}

#partner .three .item .img {
    width: 100%;
    padding-top: 47.524%;
}

#partner .three .item .text {
    padding: 9.1% 11.88% 15.841%;
}

#partner .three .item .t1 {
    font-size: 24px;
    font-weight: 500;
    color: #1A1A1A;
    margin-bottom: 25px;
}

#partner .three .item .t2 {
    font-size: 16px;
    color: #1A1A1A;
    line-height: 30px;
}

#partner .four {
    padding-bottom: 100px;
}

#partner .four .tit {
    font-size: 36px;
    font-weight: 500;
    color: #1A1A1A;
    line-height: 48px;
    text-align: center;
    margin-bottom: 40px;
}

#partner .four .con {
    width: 100%;
    background: #FFFFFF;
    border-radius: 15px;
    padding: 9.6875% 6.25%;
}

#partner .four .item {
    width: 20%;
    padding: 0 4%;
    position: relative;
}

#partner .four .item .icon {
    width: 130px;
    height: 130px;
    background: #FFFFFF;
    border: 1px solid #666666;
    border-radius: 50%;
    margin: 0 auto 30px;
}

#partner .four .item .icon img {
    max-width: 50%;
    max-height: 50%;
}

#partner .four .item .t1 {
    font-size: 16px;
    color: #1A1A1A;
    line-height: 24px;
    text-align: center;
}

#partner .four .item:before {
    display: block;
    content: "";
    position: absolute;
    background: url(../images/icon49.png) no-repeat center;
    width: 10px;
    height: 17px;
    top: 56px;
    right: -5px;
}

#partner .four .item:nth-last-child(1):before {
    display: none;
}

#partner .more-services {
    padding: 60px 0;
    background: #fff;
}

#partner .five {
    padding-bottom: 0/*120px*/;
}

#partner .five .title .ti1 {
    font-size: 36px;
    font-weight: 500;
    color: #1A1A1A;
    line-height: 48px;
    text-align: center;
    margin-bottom: 20px;
}

#partner .five .title .ti2 {
    font-size: 18px;
    color: #1A1A1A;
    text-align: center;
/*margin-bottom: 50px;*/
}

#partner .five .con {
    width: 100%;
    background: #FFFFFF;
    border-radius: 15px;
    padding: 5.3125% 6.25% 0;
}

#partner .five .form .input {
    width: 31.642%;
    margin: 0 2.537% 2.537% 0;
}

#partner .five .form .input:nth-child(3n) {
    margin-right: 0;
}

#partner .five .form .t3 {
    font-size: 16px;
    color: #1A1A1A;
    margin-bottom: 10px;
}

#partner .five .form .input input[type="text"] {
    height: 50px;
    border: 1px solid #E6E6E6;
    width: 100%;
    text-indent: 18px;
}

#partner .five .form .input select {
    height: 50px;
    border: 1px solid #E6E6E6;
    width: 100%;
    text-indent: 18px;
    background: url(../images/select_icon.png) no-repeat right 19px center;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
}

#partner .five .form .input input[type="text"].cur {
    border: 1px solid #666666;
}

#partner .five .form .input select.cur {
    border: 1px solid #666666;
}

#partner .five .form textarea {
    height: 200px;
    border: 1px solid #E6E6E6;
    width: 100%;
    text-indent: 18px;
    resize: none;
    padding-top: 10px;
}

#partner .five .form textarea.cur {
    border: 1px solid #666666;
}

#partner .five .form .protocol input[type=checkbox] {
    margin-right: 15px;
}

#partner .five .form label {
    width: 150px;
    height: 50px;
    background: #333333;
    border-radius: 5px;
    font-size: 18px;
    color: #FFFFFF;
    line-height: 50px;
    text-align: center;
    margin: 60px auto 87px;
    cursor: pointer;
}

#partner .five .form label input {
    display: none;
}

#partner .five .tent .item {
    width: 24.375%;
    border-right: 1px solid rgba(140, 140, 140, 0.2);
    margin-right: 1.625%;
}

#partner .five .tent .item:last-child {
    margin-right: 0;
    border-right: 0;
}

#partner .five .tent .t1 {
    font-size: 18px;
    line-height: 30px;
    color: #1A1A1A;
    font-weight: bold;
    margin-bottom: 10px;
}

#partner .five .tent .t2 {
    font-size: 16px;
    line-height: 30px;
    color: #1A1A1A;
}

@media screen and (max-width: 1440px) {
    #partner .two .item .t1 {
        font-size: 18px;
    }

    #partner .two .item .t2 {
        line-height: 22px;
        font-size: 14px;
    }

    #partner .five .tent .t2 {
        font-size: 14px;
    }

    #partner .five .con {
        padding: 5.3125% 3.25% 5.625%;
    }
}

@media screen and (max-width: 1260px) {
    #partner .one {
        padding: 50px 0;
        transform: translateY(-100px);
    }

    #partner .one .text .t1 {
        margin-bottom: 10px;
        line-height: 35px;
        font-size: 28px;
    }

    #partner .one .text .t2 {
        line-height: 25px;
        font-size: 14px;
    }

    #partner .two {
        padding: 50px 0;
    }

    #partner .two .item {
        width: 17.15%;
        margin-right: 2.8125%;
    }

    #partner .two .item .t1 {
        font-size: 16px;
    }

    #partner .two .item .t2 {
        line-height: 20px;
        font-size: 12px;
    }

    #partner .three {
        padding: 50px 0;
    }

    #partner .three .item .text {
        padding: 9.1% 3.88% 15.841%;
    }

    #partner .four {
        padding: 50px 0;
    }

    #partner .four .con {
        padding: 9.6875% 0;
    }

    #partner .four .item .icon {
        width: 100px;
        height: 100px;
    }

    #partner .four .item .icon img {
        max-width: 50%;
        max-height: 50%;
    }

    #partner .five .tent .item {
        margin-right: 1.625%;
        width: 23.375%;
    }

    #partner .five .tent .t2 {
        font-size: 14px;
        line-height: 30px;
    }

    #partner .five .con {
        padding: 5.3125% 1.25% 5.625%;
    }
}

@media screen and (max-width: 1060px) {
    #partner .two .item {
        width: 32%;
        margin: 50px 2% 0 0;
    }

    #partner .two .item:nth-child(-n+3) {
        margin-top: 0;
    }

    #partner .two .item:nth-child(3n) {
        margin: 50px 2% 0 0;
    }
}

@media screen and (max-width: 768px) {
    #partner .one {
        margin-top: 50px;
        margin-bottom: 0;
        padding: 0;
        transform: translateY(-200px);
    }

    #partner .one .img,
    #partner .one .text {
        float: none;
        width: 100%;
    }

    #partner .one .text .t1 {
        margin-bottom: 0;
        line-height: 1.8;
        font-size: 34px;
    }

    #partner .one .text .t2 {
        line-height: 1.8;
        font-size: 28px;
    }

    #partner .one .text .relative {
        padding: 30px 0;
    }

    #partner .one .text .m-pic {
        position: static;
    }

    #partner .two .tit {
        font-size: 48px;
        font-weight: 500;
    }

    #partner .two .con {
        flex-direction: column;
    }

    #partner .two .item {
        width: 100% !important;
        padding: 0 0 0 80px;
        position: relative;
    }

    #partner .two .item:nth-child(-n+3) {
        margin-top: 50px;
    }

    #partner .two .item .icon {
        display: flex;
        justify-content: center;
        align-content: center;
        margin: 0 auto;
        width: 100px;
        height: 100%;
    }

    #partner .two .item .t1 {
        margin-bottom: 10px;
        line-height: 1.8;
        font-size: 34px;
        text-align: left;
    }

    #partner .two .item .t2 {
        line-height: 1.8;
        font-size: 28px;
    }

    #partner .two .item .icon {
        position: absolute;
        left: 0;
        top: 0;
        width: 50px;
        height: 50px;
    }

    #partner .three .tit {
        font-size: 48px;
        font-weight: 500;
    }

    #partner .three .con {
        flex-direction: column;
    }

    #partner .three .item {
        margin-top: 50px;
        width: 100%;
    }

    #partner .three .item:first-child {
        margin-top: 0;
    }

    #partner .three .item .t1 {
        line-height: 1.8;
        font-size: 34px;
    }

    #partner .three .item .t2 {
        line-height: 1.8;
        font-size: 28px;
    }

    #partner .three .item .text {
        padding: 5% 3.88%;
    }

    #partner .four .item {
        margin-top: 50px;
        width: 32%;
    }

    #partner .four .item:nth-child(-n+3) {
        margin-top: 0;
    }

    #partner .four .item .t1 {
        line-height: 1.8;
        font-size: 26px;
    }

    #partner .five .con {
        padding: 5.3125% 6.25% 5.625%;
    }

    #partner .five .tent .item {
        margin: 30px 0 0 0;
        width: 100%;
        border-right: 0;
    }

    #partner .five .tent .t1 {
        line-height: 1.8;
        font-size: 32px;
    }

    #partner .five .tent .t2 {
        line-height: 1.8;
        font-size: 28px;
    }

    #partner .five.cw1600 .title .ti2 {
        line-height: 35px;
        font-size: 28px;
    }

    #partner .five.cw1600 .con .input {
        float: none;
        width: 100%;
    }

    #partner .five.cw1600 .con .t3 {
        line-height: 60px;
        font-size: 30px;
    }

    #partner .five.cw1600 .con .input input[type="text"] {
        height: 80px;
        font-size: 30px;
    }

    #partner .five.cw1600 .con .form .input select {
        height: 80px;
        background-size: 30px;
        font-size: 30px;
    }

    #partner .five.cw1600 .con label {
        margin-top: 20px;
        width: 250px;
        height: 80px;
        line-height: 80px;
        font-size: 30px;
    }
}
/*商务合作-生态伙伴*/

/*联系我们-关于斯坦德*/
#about {
    background: #ffffff;
}

#about #banner,
#about #m_banner {
    display: none;
}

#about .datu img {
    width: 100%;
}

#about .datu .t1 {
    font-size: 42px;
    color: #fff;
    font-weight: 500;
    text-align: center;
}

#about .datu .line {
    width: 50px;
    height: 3px;
    background: #fff;
    margin: 35px auto;
}

#about .datu .t2 {
    width: 77.5%;
    font-size: 18px;
    color: #fff;
    line-height: 36px;
    margin: 0 auto;
    text-align: center;
}

#about .datu .data {
    width: 77.5%;
    margin: 110px auto;
}

#about .datu .data .item {
    width: 33.33%;
}

#about .datu .data .t3,
#about .datu .data .t3 span {
    font-size: 90px;
    color: #1A1A1A;
    font-weight: 500;
    text-align: center;
}

#about .datu .data .t4 {
    font-size: 18px;
    font-weight: 500;
    color: #1A1A1A;
    line-height: 36px;
    margin-top: 20px;
    text-align: center;
}

#about .one {
    background: #FFFFFF;
    border-radius: 15px;
    overflow: hidden;
    -webkit-transform: translateY(-90px);
    transform: translateY(-90px);
    position: relative;
    z-index: 3;
    margin-bottom: 10px;
    padding: 4.6875% 8.125% 5.625%;
}

#about .one .item {
    width: 20.895%;
    margin-right: 18.6575%;
    text-align: center;
}

#about .one .item:nth-child(3n) {
    margin-right: 0;
}

#about .one .item .icon {
    width: 64px;
    height: 64px;
    margin: 0 auto 55px;
}

#about .one .item .t1 {
    font-size: 26px;
    font-weight: 500;
    color: #1A1A1A;
    margin-bottom: 20px;
}

#about .one .item .t2 {
    font-size: 18px;
    color: #1A1A1A;
    line-height: 32px;
}

#about .two {
    margin-bottom: 100px;
}

#about .two .tit {
    font-size: 42px;
    color: #1A1A1A;
    font-weight: 500;
    margin-bottom: 50px;
    text-align: center;
}

#about .two .con {
    background: #FFFFFF;
    border-radius: 15px;
    padding: 6.875% 7.5%;
}

#about .two .container .line {
    width: 100%;
    height: 2px;
    background: #CCCCCC;
    top: calc(50% - 1px);
    left: 0;
}

#about .two .slide {
    width: 232px;
    margin-right: 40px;
}

#about .two .anniu {
    width: 80px;
    height: 80px;
    border: 2px solid #CCCCCC;
    border-radius: 50%;
    top: calc(50% - 40px);
    cursor: pointer;
    z-index: 3;
}

#about .two .prev {
    background: url(../images/icon50.png) no-repeat center;
    left: calc(7.5% - 80px);
}

#about .two .next {
    background: url(../images/icon58.png) no-repeat center;
    right: calc(7.5% - 80px);
}

#about .two .anniu:hover {
    border: 2px solid #333333;
}

#about .two .prev:hover {
    background: url(../images/icon57.png) no-repeat center;
}

#about .two .next:hover {
    background: url(../images/icon51.png) no-repeat center;
}

#about .two .slide {
    height: 390px;
    padding-right: 40px;
    margin-right: 10px;
}

#about .two .slide .t1,
#about .two .slide .t3 {
    font-size: 48px;
    color: #1A1A1A;
    font-weight: 500;
    text-align: right;
}

#about .two .slide .t1 {
    margin-bottom: 10px;
}

#about .two .slide .t3 {
    margin-top: 10px;
}

#about .two .slide .t2 {
    font-size: 16px;
    color: #1A1A1A;
    line-height: 30px;
    text-align: right;
}

#about .two .slide .yuan {
    width: 14px;
    height: 14px;
    background: #FFFFFF;
    border: 3px solid #333333;
    border-radius: 50%;
    right: 45px;
/* left: 40px; */
    top: calc(50% - 7px);
}

#about .two .slide .xian {
    width: 2px;
    height: 17px;
    background: #1A1A1A;
    right: 51px;
/* left: 46px; */
}

#about .two .slide:nth-child(2n+1) {
    padding-top: 225px;
}

#about .two .slide:nth-child(2n) {
    padding-bottom: 225px;
}

#about .two .slide:nth-child(2n+1) .t3,
#about .two .slide:nth-child(2n) .t1 {
    display: none;
}

#about .two .slide:nth-child(2n+1) .xian {
    top: calc(50% + 7px);
}

#about .two .slide:nth-child(2n) .xian {
    top: calc(50% - 24px);
}

#about .three {
    padding-bottom: 120px;
}

#about .three .tit {
    text-align: center;
    font-size: 42px;
    color: #1A1A1A;
    font-weight: 500;
}

#about .three .cate {
    margin: 50px auto 74px;
}

#about .three .cate .at {
    width: 140px;
    height: 45px;
    line-height: 45px;
    background: #ffffff;
    border: 1px solid #333333;
    border-radius: 23px;
    text-align: center;
    font-size: 16px;
    color: #666666;
    margin-right: 20px;
    cursor: pointer;
}

#about .three .cate .at:nth-last-child(1) {
    margin-right: 0;
}

#about .three .cate .at.cur {
    font-weight: bold;
    color: #FFFFFF;
    background: #333333;
}

#about .three .tent {
    width: 100%;
    margin: 0 auto;
}

#about .three .anniu {
    width: 60px;
    height: 60px;
    box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.1);
    border-radius: 50%;
    top: 50%;
    cursor: pointer;
    z-index: 3;
    transform: translateY(-50%);
}

#about .three .prev {
    background: url(../images/icon56.png) no-repeat center #FFF;
    left: 3%;
    display: none;
}

#about .three .next {
    background: url(../images/icon60.png) no-repeat center #FFF;
    right: 3%;
    display: none;
}

.honorban-pad:hover .prev {
    display: block!important;
}

.honorban-pad:hover .next {
    display: block!important;
}

#about .three .prev:hover {
    background: url(../images/icon59.png) no-repeat center #333;
}

#about .three .next:hover {
    background: url(../images/icon55.png) no-repeat center #333;
}
/*#about .three .container{height: 500px;}*/
/*#about .three .slide{ width: 18.378%;position: relative;margin-top: 75px;}*/
#about .three .slide {
    width: 26.488%;
    position: relative;
    transform: scale(1);
}
/*#about .three .slide .img:before{display: block;content: "";position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: rgba(255,255,255,1);z-index: 10;}
*/
#about .three .slide .img {
    width: 100%;
    margin: 0 auto 30px;
    background: #FFFFFF;
    border: 1px solid #F5F5F5;
    border-radius: 15px;
    overflow: hidden;
    position: relative;
}

#about .three .slide .img:hover {
    box-shadow: 0px 10px 20px 0px rgba(20, 52, 95, 0.1);
}

#about .three .slide .img .relative {
    width: 100%;
    padding-top: 100%;
    background: #fff;
}

#about .three .slide .t1 {
    font-size: 16px;
    color: #333;
    line-height: 24px;
    text-align: center;
}
/*#about .three .slide.swiper-slide-active{width: 26.488% !important;margin-top: 0;}*/
#about .three .slide.swiper-slide-active {
    transform: scale(1);
}

#about .three .slide.swiper-slide-active .img:before {
    display: none;
}

#about .three .slide.swiper-slide-active .img {
    margin: 0 auto 30px;
}

#about .three .slide.swiper-slide-active .t1 {
    font-size: 16px;
    color: #333;
    line-height: 24px;
}

.honorban-pad {
    margin-top: 50px;
    padding: 50px;
    width: 100%;
    box-sizing: border-box;
    border-radius: 15px;
    background: #ffffff;
}

#about .four {
    margin-bottom: 100px;
}

#about .four .tit {
    font-size: 42px;
    color: #1A1A1A;
    font-weight: 500;
    margin-bottom: 50px;
    text-align: center;
}

#about .four .con {
    background: #FFFFFF;
    border-radius: 15px;
    padding: 20px;
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
}

#about .four .i-partner-pad {
    width: 20%;
    padding: 15px;
    box-sizing: border-box;
}

#about .four .i-partner-pad img {
    width: 100%;
}

#about .four .i-partner-li {
    width: 100%;
    padding: 20px;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    box-sizing: border-box;
    border: 1px solid rgba(0,0,0,0.1);
    border-radius: 8px;
    background: #ffffff;
    text-align: center;
}

#about .four .i-partner-li:hover {
    box-shadow: 0px 20px 40px 0px rgba(0, 41, 102, 0.1);
    -webkit-transition: 0.5s;
    transition: 0.5s;
}

#about .five {
    background: #FFFFFF;
    border-radius: 15px;
    overflow: hidden;
    -webkit-transform: translateY(-150px);
    transform: translateY(-150px);
    position: relative;
    z-index: 3;
    margin-bottom: -50px;
}

#about .five .tit {
    font-size: 42px;
    color: #1A1A1A;
    font-weight: 500;
    margin-bottom: 50px;
    text-align: center;
}

#about .five .con {
    background: #FFFFFF;
    border-radius: 15px;
    padding: 20px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

#about .five .i-partner-pad {
    width: 20%;
    padding: 15px;
    box-sizing: border-box;
}

#about .five .i-partner-pad img {
    width: 100%;
}

#about .five .i-partner-li {
    width: 100%;
    padding: 20px;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    box-sizing: border-box;
    box-shadow: 0px 0px 10px rgba(0,0,0,0.1);
    border-radius: 8px;
    background: #ffffff;
    text-align: center;
}

#about .five .i-partner-li:hover {
    box-shadow: 0px 20px 40px 0px rgba(0, 41, 102, 0.1);
    -webkit-transition: 0.5s;
    transition: 0.5s;
}

.five-left {
    width: 50%;
    padding: 0 5%;
    box-sizing: border-box;
}

.five-right {
    width: 50%
}

.five-right img {
    width: 100%
}

.fico {
    width: 24px;
    display: flex;
    align-items: center;
}

.five-left-h1 {
    width: 100%;
    font-size: 32px;
    color: #333;
    padding-bottom: 35px;
    font-weight: bolder;
}

.five-left-h2 {
    width: 100%;
    font-size: 18px;
    color: #333;
    padding-bottom: 15px;
    display: flex;
    align-items: center;
}

.five-left-h2 img {
    width: 20px;
    vertical-align: middle;
}

.five-left-h2 p {
    flex: 1;
    padding-left: 5px;
    box-sizing: border-box;
}

@media screen and (max-width: 1560px) {
    #about .datu .data {
        margin: 35px auto;
    }

    #about .datu .data .t3,
    #about .datu .data .t3 span {
        font-size: 65px;
        font-weight: 500;
    }

    #about .one .item {
        width: 24.895%;
        margin-right: 12.6575%;
        text-align: center;
    }
}

@media screen and (max-width: 1440px) {
    #about .datu .data .t3,
    #about .datu .data .t3 span {
        font-size: 45px;
        font-weight: 500;
    }

    #about .datu .t2 {
        width: 100%;
        line-height: 30px;
        font-size: 16px;
    }

    #about .datu .data .t4 {
        margin-top: 10px;
    }
}

@media screen and (max-width: 1260px) {
    #about .datu .line {
        margin: 30px auto;
    }

    #about .datu .data {
        margin: 20px auto;
    }

    #about .datu .t2 {
        width: 100%;
        line-height: 25px;
        font-size: 14px;
    }

    #about .datu .data .t3,
    #about .datu .data .t3 span {
        font-size: 40px;
        font-weight: 500;
    }

    #about .one .item {
        margin-right: 7.6575%;
        width: 27.895%;
    }

    #about .one .item .t2 {
        font-size: 14px;
    }

    #about .one .item .icon {
        margin-bottom: 25px;
    }

    #about .two .anniu {
        top: 50%;
        width: 40px;
        height: 40px;
        transform: translateY(-50%);
    }

    #about .two .prev {
        left: calc(7.5% - 40px);
    }

    #about .two .next {
        right: calc(7.5% - 40px);
    }

    #about .two .slide .t1,
    #about .two .slide .t3 {
        font-size: 46px;
        font-weight: 500;
    }
}

@media screen and (max-width: 1060px) {
    #about .one {
        margin: 50px auto 0;
        padding-left: 0;
        padding-right: 0;
        transform: translateY(0);
    }

    #about .two {
        margin-top: 50px;
    }
}

@media screen and (max-width: 768px) {
    #about .two .slide:nth-child(2n) {
        padding-bottom: 250px;
    }
    .five-left-h1{
        font-size: 42px
    }
    .five-left-h2{
        font-size: 28px;
    }
    .five-left-h2 img{
        width:30px;
    }
    .fico{
        width:30px;
    }
    #about .five .con{
        display: block;
    }
    .five-left{
        width: 100%;
        padding: 40px 0;
    }
    .five-right{
        width: 100%;
    }
    #about .four .i-partner-pad{
        width: 50%
    }
    #about .three{
        padding-bottom: 0;
    }
    #about .two {
        margin-bottom: 50px;
    }
    #i-sol .list{
        margin-top: 50px;
    }
    #about .four {
        margin-bottom: 50px;
    }
    #about .datu .t2 {
        line-height: 1.8;
        font-size: 26px;
        text-align: left;
    }

    #about .datu .data {
        width: 90.5%;
    }

    #about .datu .data .item {
        width: auto;
        margin: 0% 4%;
        text-align: center;
    }

    #about .datu .data .item {
        display: inline-block;
        float: none;
    }

    #about .datu .data .t3,
    #about .datu .data .t3 span {
        font-size: 50px;
        font-weight: 500;
    }

    #about .datu .data .t4 {
        font-size: 26px;
    }

    #about .one .item .t1 {
        font-size: 34px;
    }

    #about .one .item .t2 {
        line-height: 1.6;
        font-size: 20px;
        font-weight: normal;
        color: #939393;
    }
    #about .one .item .t2 p{
        display: inline;
    }

    #about .two .tit {
        font-size: 48px;
        font-weight: 500;
    }

    #about .two .slide {
        height: 450px;
    }

    #about .two .slide .t2 {
        line-height: 1.6;
        font-size: 24px;
    }

    #about .two .slide:nth-child(2n+1) {
        padding-top: 248px;
    }

    #about .three .tent {
        width: 100%%;
    }

    #about .three .slide .img {
        padding: 20px;
    }

    #about .three .slide .img .relative {
        padding-top: 66%;
    }

    #about .three .tit {
        font-size: 48px;
        font-weight: 500;
    }

    #about .three .cate .at {
        width: 225px;
        height: 80px;
        line-height: 80px;
        font-size: 28px;
        border-radius: 40px;
    }

    #about .three .slide .t1,
    #about .three .slide.swiper-slide-active .t1 {
        height: auto;
        line-height: 1.8;
        font-size: 28px;
    }
}
/*联系我们-关于斯坦德*/

/*行业解决方案-详情*/
#solution-detail {
    background: #ffffff;
}

#solution-detail .datu .crumbs {
    top: 40px;
    left: 4%;
}

#solution-detail .datu .crumbs,
#solution-detail .datu .crumbs * {
    font-size: 16px;
    color: #fff;
    line-height: 26px;
}

#solution-detail .one {
    background: #FFFFFF;
    border-radius: 15px;
    overflow: hidden;
    -webkit-transform: translateY(-100px);
    transform: translateY(-100px);
    position: relative;
    z-index: 3;
    margin-bottom: -50px;
    padding: 5% 10% 3%;
}

#solution-detail .one .t1 {
    font-size: 36px;
    font-weight: 500;
    color: #1A1A1A;
    line-height: 48px;
    margin-bottom: 40px;
}

#solution-detail .one .t2 {
    font-size: 16px;
    color: #1A1A1A;
    line-height: 30px;
}

#solution-detail .two {
    margin-bottom: 100px;
}

#solution-detail .two .tit {
    font-size: 36px;
    font-weight: 500;
    color: #1A1A1A;
    line-height: 48px;
    text-align: center;
    margin-bottom: 50px;
}

#solution-detail .two .con {
    background: #FFFFFF;
    border-radius: 15px;
    overflow: hidden;
    padding: 6.5% 4.4375%;
}

#solution-detail .two .item {
    width: 44.032%;
    margin: 0 11.936% 5.829% 0;
}

#solution-detail .two .item:nth-child(2n) {
    margin-right: 0;
}

#solution-detail .two .item:nth-last-child(1),
#solution-detail .two .item:nth-last-child(2) {
    margin-bottom: 0;
}

#solution-detail .two .item .icon {
    width: 72px;
    height: 72px;
    margin-right: 55px;
}

#solution-detail .two .item .icon img {
    max-width: 100%;
    max-height: 100%;
}

#solution-detail .two .item .text {
    width: calc(100% - 127px);
}

#solution-detail .two .item .t1 {
    font-size: 24px;
    font-weight: 500;
    color: #1A1A1A;
}

#solution-detail .two .item .t2 {
    font-size: 16px;
    color: #1A1A1A;
    line-height: 30px;
    margin-top: 10px;
}

#solution-detail .three {
    margin-bottom: 100px;
}

#solution-detail .three .tit {
    font-size: 36px;
    font-weight: 500;
    color: #1A1A1A;
    line-height: 48px;
    text-align: center;
    margin-bottom: 50px;
}

#solution-detail .three .tent {
    margin-top: 40px;
    background: #FFFFFF;
    border-radius: 15px;
    overflow: hidden;
}

#solution-detail .three .con {
    background: #FFFFFF;
    border-radius: 15px;
    overflow: hidden;
}

#solution-detail .three .con .img {
    width: 48.75%;
}

#solution-detail .three .con .img .relative {
    width: 100%;
    padding-top: 71.794%;
}

#solution-detail .three .con .text {
    width: 51.25%;
}

#solution-detail .three .con .text .relative {
    width: 100%;
    padding-top: 68.292%;
    box-sizing: border-box;
}

#solution-detail .three .con .text .m-pic {
    text-align: left;
    padding: 0 10.61%;
}

#solution-detail .three .con .text .t1 {
    font-size: 16px;
    color: #1A1A1A;
    line-height: 36px;
}

#solution-detail .four {
    padding: 80px 0 0;
    background: #FFFFFF;
}

#solution-detail .four #case-detail {
    position: relative;
    padding: 50px 0;
}

#solution-detail .four #case-detail .case-tit {
    top: -108px;
    left: 0;
    z-index: 10;
    width: 100%;
    height: 108px;
}

#solution-detail .four #case-detail .case-tit .case-tit-in {
    padding: 30px 0;
    width: 100%;
    background: #fff;
}

#solution-detail .four #case-detail .case-tit .case-tit-in.fixed {
    top: 0;
    left: 0;
}

#solution-detail .four #case-detail h2 {
    margin: 0;
    font-size: 30px;
}

#solution-detail .four #case-detail .guanbi {
    width: 25px;
    height: 25px;
    background: url(../images/icon67.png) no-repeat center;
    cursor: pointer;
    top: -108px;
    right: 0;
    z-index: 10;
}

#solution-detail .four .tent {
    padding-bottom: 100px;
}

#solution-detail .four .tent .tit {
    font-size: 36px;
    font-weight: 500;
    color: #1A1A1A;
    line-height: 48px;
    margin-bottom: 45px;
    text-align: center;
}

#solution-detail .four .tent .img {
    width: 100%;
    padding-top: 62.574%;
}

#solution-detail .four .tent .slide {
    width: 505px;
    background: #ffffff;
    border-radius: 15px;
    margin-right: 40px;
    border: 1px solid transparent;
    overflow: hidden;
    cursor: pointer;
}

#solution-detail .four .tent .slide.cur {
    border: 1px solid #1a1a1a;
    background: #fff;
}

#solution-detail .four .tent .slide.grey .img::before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(128,128,128,0.5);
    z-index: 5;
}

#solution-detail .four .tent .text {
    padding: 30px 0;
}

#solution-detail .four .tent .text .t1 {
    font-size: 18px;
    color: #1A1A1A;
    line-height: 24px;
}

#solution-detail .four .tent .anniu {
    cursor: pointer;
    width: 56px;
    height: 56px;
    border-radius: 50%;
    top: 50%;
    transform: translateY(-50%);
    z-index: 3;
    filter: invert(1);
}

#solution-detail .four .tent .next {
    right: 1.875%;
    background: url(../images/icon21.png) no-repeat center rgba(255,255,255,0);
}

#solution-detail .four .tent .prev {
    left: 1.875%;
    background: url(../images/icon20.png) no-repeat center rgba(255,255,255,0);
}

#solution-detail .four .tent .anniu:hover {
    background-color: rgba(255,255,255,.5);
}

#solution-detail .four .case-ajax-outer {
    padding-top: 20px;
/* overflow: hidden;*/
}

#solution-detail .four .case-ajax {
    background: #F2F2F2;
    box-shadow: 0 0 10px 10px rgba(0, 0, 0, 0.01) inset;
    padding-bottom: 100px;
    display: none;
    overflow: visible !important;
}

#solution-detail .four .case-ajax div[body],
#solution-detail .four .case-ajax #case-detail {
    background: none;
}

#solution-detail .four .case-ajax #header,
#solution-detail .four .case-ajax #m_header,
#solution-detail .four .case-ajax .crumbs,
#solution-detail .four .case-ajax .recom,
#solution-detail .four .case-ajax #footer {
    display: none;
}
/*#solution-detail .four .case-ajax .sanjiao{width: 52px;height: 22px;background: url(../images/icon69.png) no-repeat center;top: -22px;left: 227px;}*/
#solution-detail .four .case-ajax .shouqi {
    width: 150px;
    height: 50px;
    background: url(../images/icon68.png) no-repeat center right 37px #333333;
    border-radius: 5px;
    margin: 0 auto;
    font-size: 18px;
    font-weight: 500;
    color: #FFFFFF;
    line-height: 50px;
    text-align: center;
    cursor: pointer;
}

#solution-detail .four .case-ajax .title {
    width: 66.25%;
}

#solution-detail .four .case-ajax .t0 {
    font-size: 30px;
    font-weight: 500;
    color: #1A1A1A;
    line-height: 48px;
    margin: 80px auto 30px;
}

#solution-detail .four .case-ajax .t1 {
    font-size: 18px;
    color: #1A1A1A;
    line-height: 36px;
    margin-bottom: 70px;
}

#solution-detail .four .case-ajax .intro {
    background: #fff;
    border-radius: 15px;
    margin-bottom: 93px;
}

#solution-detail .four .case-ajax .intro .img,
#solution-detail .four .case-ajax .intro .text {
    width: 50%;
}

#solution-detail .four .case-ajax .intro .img .relative,
#solution-detail .four .case-ajax .intro .text .relative {
    width: 100%;
    padding-top: 62.5%;
}

#solution-detail .four .case-ajax .intro .text .m-pic {
    text-align: left;
    padding: 0 10%;
}

#solution-detail .four .case-ajax .intro .text .t2 {
    font-size: 36px;
    font-weight: 500;
    color: #1A1A1A;
    line-height: 48px;
    margin-bottom: 35px;
}

#solution-detail .four .case-ajax .intro .text .t3 {
    font-size: 16px;
    color: #1A1A1A;
    line-height: 36px;
}

#solution-detail .four .case-ajax .solu .t4 {
    font-size: 36px;
    font-weight: 500;
    color: #1A1A1A;
    line-height: 48px;
    margin-bottom: 25px;
}

#solution-detail .four .case-ajax .solu .t5 {
    font-size: 16px;
    color: #1A1A1A;
    line-height: 36px;
    margin-bottom: 40px;
}

#solution-detail .four .case-ajax .solu .datu {
    width: 100%;
    overflow: hidden;
    border-radius: 15px;
}

#solution-detail .four .case-ajax .solu .pro {
    margin: 40px auto 100px;
    background: #FFFFFF;
    border-radius: 15px;
    padding: 0 6.375% 4.375%;
}

#solution-detail .four .case-ajax .solu .pro .slide {
    width: 22.85%;
    margin-right: 2.714%;
}

#solution-detail .four .case-ajax .solu .pro .img {
    width: 100%;
    padding-top: 100%;
}

#solution-detail .four .case-ajax .solu .pro .t6 {
    font-size: 18px;
    color: #1A1A1A;
    line-height: 48px;
    margin-top: 4px;
}

#solution-detail .four .case-ajax .solu .pro .anniu {
    cursor: pointer;
    width: 17px;
    height: 28px;
    top: calc(50% - 14px);
    z-index: 3;
}

#solution-detail .four .case-ajax .solu .pro .next {
    right: 1.875%;
    background: url(../images/icon19.png) no-repeat center;
}

#solution-detail .four .case-ajax .solu .pro .prev {
    left: 1.875%;
    background: url(../images/icon18.png) no-repeat center;
}

#solution-detail .four .case-ajax .ject {
    margin-bottom: 80px;
}

#solution-detail .four .case-ajax .ject .t7 {
    font-size: 36px;
    font-weight: 500;
    color: #1A1A1A;
    line-height: 48px;
    margin-bottom: 40px;
}

#solution-detail .four .case-ajax .ject .container {
    background: #FFFFFF;
    border-radius: 15px;
    padding: 110px 0 95px;
}

#solution-detail .four .case-ajax .ject .slide {
    width: 25%;
    border-right: 1px solid #F2F2F2;
}

#solution-detail .four .case-ajax .ject .icon {
    width: 64px;
    height: 64px;
    margin: 0 auto 70px;
}

#solution-detail .four .case-ajax .ject .t8 {
    text-align: center;
    font-size: 20px;
    font-weight: 500;
    color: #1A1A1A;
}

#solution-detail .five {
    background: #FFFFFF;
    padding: 50px 0;
    margin-bottom: 100px;
}

#solution-detail .five .t1 {
    font-size: 36px;
    font-weight: 500;
    color: #1A1A1A;
    line-height: 48px;
    margin-bottom: 45px;
/*text-align: center;*/
}

#solution-detail .five .slide {
    width: 505px;
    margin-right: 42px;
}

#solution-detail .five .img {
    width: 100%;
    padding-top: 62.574%;
    border-radius: 10px;
    overflow: hidden;
}

#solution-detail .five .t2 {
    font-size: 20px;
    font-weight: 500;
    color: #1A1A1A;
    margin: 36px auto 20px;
}

#solution-detail .five .t3 {
    font-size: 16px;
    color: #666666;
}

#solution-detail .five .anniu {
    cursor: pointer;
    width: 56px;
    height: 56px;
    border-radius: 50%;
    top: 50%;
    transform: translateY(-50%);
    z-index: 3;
    filter: invert(1);
}

#solution-detail .five .next {
    right: 1.875%;
    background: url(../images/icon21.png) no-repeat center rgba(255,255,255,0);
}

#solution-detail .five .prev {
    left: 1.875%;
    background: url(../images/icon20.png) no-repeat center rgba(255,255,255,0);
}

#solution-detail .five .anniu:hover {
    background-color: rgba(255,255,255,.5);
}
/*
#solution-detail .more-services{padding-bottom: 100px;}
#solution-detail .more-services .cw1600{padding: 80px 0 75px;background: #FFFFFF;border-radius: 15px;overflow: hidden;}
#solution-detail .more-services .title{margin-bottom: 50px;}
#solution-detail .more-services .title .t1{font-size: 36px;color: #1A1A1A;line-height: 48px;margin-bottom: 25px;}
#solution-detail .more-services .title .t2{font-size: 18px;color: #1A1A1A;}
#solution-detail .more-services .con{padding: 0 6.25%;}
#solution-detail .more-services .con .input{width: 31.642%;margin: 0 2.537% 2.537% 0;}
#solution-detail .more-services .con .input:nth-child(3n){margin-right: 0;}
#solution-detail .more-services .con .t3{font-size: 16px;color: #1A1A1A;margin-bottom: 10px;}
#solution-detail .more-services .con .input input[type="text"]{height: 50px;border: 1px solid #E6E6E6;width: 100%;text-indent: 18px;}
#solution-detail .more-services .con .input select{height: 50px;border: 1px solid #E6E6E6;width: 100%;text-indent: 18px;}
#solution-detail .more-services .con .input input[type="text"].cur{border: 1px solid #666666;}
#solution-detail .more-services .con .input select.cur{border: 1px solid #666666;}
#solution-detail .more-services .con label{width: 150px;height: 50px;background: #333333;border-radius: 5px;font-size: 18px;color: #FFFFFF;line-height: 50px;text-align: center;margin: 20px auto 0;cursor: pointer;}
#solution-detail .more-services .con label input{display: none;}
*/

#solution-detail .five.clean {
    margin-bottom: 100px;
    padding-bottom: 90px;
    background: none;
}

#solution-detail .five.clean .title .ti1 {
    font-size: 36px;
    font-weight: 500;
    color: #1A1A1A;
    line-height: 48px;
    text-align: center;
    margin-bottom: 20px;
}

#solution-detail .five.clean .title .ti2 {
    font-size: 18px;
    color: #1A1A1A;
    text-align: center;
    margin-bottom: 50px;
}

#solution-detail .five.clean .con {
    width: 100%;
    background: #FFFFFF;
    border-radius: 15px;
    padding: 5.3125% 6.25% 5.625%;
}

#solution-detail .five.clean .form .input {
    width: 31.642%;
    margin: 0 2.537% 2.537% 0;
}

#solution-detail .five.clean .form .input:nth-child(3n) {
    margin-right: 0;
}

#solution-detail .five.clean .form .t3 {
    font-size: 16px;
    color: #1A1A1A;
    margin-bottom: 10px;
}

#solution-detail .five.clean .form .input input[type="text"] {
    height: 50px;
    border: 1px solid #E6E6E6;
    width: 100%;
    text-indent: 18px;
}

#solution-detail .five.clean .form .input select {
    height: 50px;
    border: 1px solid #E6E6E6;
    width: 100%;
    text-indent: 18px;
    background: url(../images/select_icon.png) no-repeat right 19px center;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
}

#solution-detail .five.clean .form .input input[type="text"].cur {
    border: 1px solid #666666;
}

#solution-detail .five.clean .form .input select.cur {
    border: 1px solid #666666;
}

#solution-detail .five.clean .form textarea {
    height: 200px;
    border: 1px solid #E6E6E6;
    width: 100%;
    text-indent: 18px;
    resize: none;
    padding-top: 10px;
}

#solution-detail .five.clean .form textarea.cur {
    border: 1px solid #666666;
}

#solution-detail .five.clean .form label {
    width: 150px;
    height: 50px;
    background: #333333;
    border-radius: 5px;
    font-size: 18px;
    color: #FFFFFF;
    line-height: 50px;
    text-align: center;
    margin: 30px auto 0;
    cursor: pointer;
}

#solution-detail .five.clean .form label input {
    display: none;
}

#solution-detail .five.clean .tent .item {
    width: 20.375%;
    border-right: 1px solid rgba(140, 140, 140, 0.2);
    margin-right: 4.625%;
}

#solution-detail .five.clean .tent .item:nth-last-child(1) {
    border-right: 0;
}

#solution-detail .five.clean .tent .t1 {
    font-size: 18px;
    line-height: 30px;
    color: #1A1A1A;
    font-weight: bold;
    margin-bottom: 10px;
}

#solution-detail .five.clean .tent .t2 {
    font-size: 16px;
    line-height: 30px;
    color: #1A1A1A;
}

@media screen and (max-width: 1560px) {
}

@media screen and (max-width: 1440px) {
}

@media screen and (max-width: 1260px) {
    #solution-detail .four .tent .text .t1 {
        padding: 0 20px;
    }
}

@media screen and (max-width: 1060px) {
    #solution-detail .three .con .text .t1 {
        font-size: 16px;
    }

    #solution-detail .four .case-ajax .intro {
        display: flex;
        flex-direction: column-reverse;
    }

    #solution-detail .four .case-ajax .intro .text,
    #solution-detail .four .case-ajax .intro .img {
        float: none;
        width: 100%;
    }

    #solution-detail .four .case-ajax .intro .text .t2 {
        margin-top: 0;
    }
}

@media screen and (max-width: 768px) {
    #solution-detail .one {
        margin-top: 50px;
        padding: 5%;
        -webkit-transform: translateY(0);
        transform: translateY(0);
        margin-bottom: 0;
    }
    
    .i-ms-cn{
        font-size: 24px!important;
    }

    #solution-detail .one .t2 {
        line-height: 1.8;
        font-size: 28px;
    }

    #solution-detail .two {
        margin-top: 50px;
    }

    #solution-detail .two .tit {
        font-size: 48px;
        font-weight: 500;
    }

    #solution-detail .two .item {
        display: flex;
        justify-content: start;
        align-items: center;
        float: none;
        width: 100%;
    }

    #solution-detail .two .item:nth-last-child(2) {
        margin-bottom: 5.829%;
    }

    #solution-detail .two .item .t1 {
        line-height: 1.8;
        font-size: 30px;
    }

    #solution-detail .two .item .t2 {
        line-height: 1.8;
        font-size: 28px;
    }

    #solution-detail .two .item .icon {
        float: none;
    }

    #solution-detail .two .item .icon:after,
    #solution-detail .two .item .icon:before {
        display: none;
    }

    #solution-detail .three .tit {
        font-size: 48px;
        font-weight: 500;
    }

    #solution-detail .three .con {
        display: flex;
        justify-content: center;
        flex-direction: column-reverse;
    }

    #solution-detail .three .con .text,
    #solution-detail .three .con .img {
        float: none;
        width: 100%;
    }

    #solution-detail .three .con .text .m-pic {
        padding: 0 5%;
    }

    #solution-detail .three .con .text .relative {
        padding-top: 80%;
    }

    #solution-detail .three .con .text .t1 {
        line-height: 1.8;
        font-size: 28px;
    }

    #solution-detail .four .tent .tit {
        font-size: 48px;
        font-weight: 500;
    }

    #solution-detail .four .tent .text .t1 {
        line-height: 1.8;
        font-size: 28px;
    }

    #solution-detail .four #case-detail h2 {
        font-size: 34px;
    }

    #solution-detail .four .case-ajax .t1 {
        line-height: 1.8;
        font-size: 28px;
    }

    #solution-detail .four .case-ajax .intro .text .t3 {
        line-height: 1.8;
        font-size: 28px;
    }

    #solution-detail .four .case-ajax .intro .text .relative {
        padding: 10% 5%;
    }

    #solution-detail .four .case-ajax .intro .text .m-pic {
        position: static;
        padding: 0;
    }

    #solution-detail .four .case-ajax .solu .t5 {
        font-size: 28px;
    }

    #solution-detail .four .case-ajax .solu .pro .t6 {
        font-size: 28px;
    }

    #solution-detail .four .case-ajax .shouqi {
        width: 250px;
        height: 80px;
        line-height: 80px;
        font-size: 28px;
        background-size: 8%;
    }

    #solution-detail .four .case-ajax .ject .t8 {
        font-size: 28px;
    }

    #solution-detail .five .t2 {
        line-height: 1.8;
        font-size: 32px;
        white-space: break-spaces;
        text-overflow: inherit;
    }

    #solution-detail .five .t3 {
        line-height: 1.8;
        font-size: 28px;
    }

    #solution-detail .five.clean .title .ti2 {
        line-height: 35px;
        font-size: 28px;
    }

    #solution-detail .five.clean .con .input {
        float: none;
        width: 100%;
    }

    #solution-detail .five.clean .con .t3 {
        line-height: 60px;
        font-size: 30px;
    }

    #solution-detail .five.clean .con .input input[type="text"] {
        height: 80px;
        font-size: 30px;
    }

    #solution-detail .five.clean .con .form .input select {
        height: 80px;
        background-size: 30px;
        font-size: 30px;
    }

    #solution-detail .five.clean .con label {
        margin-top: 20px;
        width: 250px;
        height: 80px;
        line-height: 80px;
        font-size: 30px;
    }
}
/*行业解决方案-详情*/

#i-sys2 {
    margin-top: 100px;
}

#i-sys2 .list {
    display: flex;
    justify-content: space-between;
    align-content: start;
}

#i-sys2 .list .item {
    z-index: 1;
 /* width: 48.75%; */ /* height: 600px; */
    background: #fff;
    border-radius: 14px;
    overflow: hidden;
    align-items: center;
    flex-wrap: wrap;
    display: flex;
    justify-content: space-between;
    margin-right: -10px;
    flex: 1;
}

#i-sys2 .list .item .con,
#i-sys2 .list .item .img {
    background: #fff;
    display: flex;
    flex-direction: column;
    width: 50%;
}

#i-sys2 .list .item:hover {
    box-shadow: 10px 10px 20px rgba(0, 0, 0, .1);
}

#i-sys2 .list .item.one_item {
    width: 100%;
}

#i-sys2 .list .item .con {
    z-index: 1;
    padding: 0 5%;
}

#i-sys2 .list .item .con .tit {
    width: 100%;
    line-height: 38px;
    font-size: 30px;
    color: #1a1a1a;
}

#i-sys2 .list .item .con .brief {
    margin-top: 11px;
    width: 100%;
    line-height: 26px;
    font-size: 16px;
    color: #666;
}

#i-sys2 .list .item .con .more {
    position: relative;
    margin-top: 40px;
    width: 150px;
    height: 50px;
    line-height: 46px;
    border: 1px solid #121212;
    font-size: 16px;
    color: #333;
    text-align: center;
    border-radius: 5px;
}

#i-sys2 .list .item .con .more i {
    background: url(../images/btn_icon0.png) no-repeat;
    position: absolute;
    right: 26px;
    top: calc(50% - 5px);
    width: 6px;
    height: 10px;
}

#i-sys2 .list .item .con.mb {
    display: none
}

#i-sys2 .list .item .img {
    right: 0;
    bottom: 0;
}

@media screen and (max-width: 1060px) {
    .logo img{
        width: 180px;
    }
    #i-sys2 .list .item .con .tit {
        font-size: 28px;
    }

    #i-sys2 .list .item .con .brief {
        font-size: 14px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
    }
}

@media screen and (max-width: 768px) {
    #about .one{
            margin: 50px auto;
    }
    #i-sys2 {
        margin-top: 70px;
    }

    #i-sys2 .list {
        margin: 0 0 5%;
    }

    #i-sys2 .list .item {
        display: block;
        margin: 0;
    }

    #i-sys2 .list .item .con,
    #i-sys2 .list .item .img {
        width: 100%;
    }

    #i-sys2 .list .item .con {
        padding: 5% 5% 10%;
    }

    #i-sys2 .list .item .con.pc {
        display: none;
    }

    #i-sys2 .list .item .con.mb {
        display: block;
    }

    #i-sys2 .list .item .con .tit {
        font-size: 34px;
        line-height: 1.8;
    }

    #i-sys2 .list .item .con .brief {
        font-size: 28px;
        line-height: 1.8;
        overflow: visible;
        text-overflow: unset;
        display: block;
        text-align: justify;
    }

    #i-sys2 .list .item .con .more {
        width: 250px;
        height: 80px;
        line-height: 80px;
        font-size: 28px;
    }

    #i-pro, #i-sys, #i-sol, #i-case, #i-video, #i-news, #i-ser {
        margin-top: 70px !important;
    }

    #about .one .item {
        margin: 0% 2.7% !important;
    }

    #about .bh {
        top: 25%;
        text-align: center;
    }

    #about .hb {
        margin-top: 50px;
    }

    #product_scheme .ccccc {
        width: 47.5% !important;
        float: left;
        margin-right: 5%;
        margin-bottom: 5%;
    }

    #product_scheme .ccccc:nth-child(2n) {
        margin-right: 0%;
    }

    #product_scheme .three .dd-img img {
        width: 100%;
    }

    #product_scheme .three .t2 {
        width: 90%;
        margin: 20px auto 0% auto;
        min-height: 90px;
        overflow: hidden;
    }

    #product_scheme .three .tit {
        margin-bottom: 20px;
    }

    #product_scheme .three .tit-dd2 {
        margin-bottom: 50px;
        margin-top: 0px;
    }

    #product_scheme .three .cate {
        margin-bottom: 15px;
    }
}

@media screen and (min-width: 1024px) {
    #product_scheme .three .daitem:hover .more i,
    #product_scheme .three .zhitem:hover .more i,
    #product_scheme .three .xiitem .item:hover .more i {
        -webkit-animation: moveRightIn 1s 1;
        animation: moveRightIn 1s 1;
        background: url(../images/icon4.png) no-repeat;
    }

    #contact .four:hover .more {
        background: #333;
        border: 1px solid #333;
        color: #fff;
    }

    #contact .four:hover .more i {
        -webkit-animation: moveRightIn 1s 1;
        animation: moveRightIn 1s 1;
        background: url(../images/icon4.png) no-repeat;
    }

    #i-sys2 .list .item:hover .con .more {
        background: #333;
        border: 1px solid #333;
        color: #fff;
    }

    #i-sys2 .list .item:hover .con .more i {
        -webkit-animation: moveRightIn 1s 1;
        animation: moveRightIn 1s 1;
        background: url(../images/icon4.png) no-repeat;
    }

    #i-sol .list .item:hover .con .more {
        background: #333;
        border: 1px solid #333;
        color: #fff;
    }

    #i-sol .list .item:hover .con .more i {
        -webkit-animation: moveRightIn 1s 1;
        animation: moveRightIn 1s 1;
        background: url(../images/icon4.png) no-repeat;
    }

    #i-sys .list .item:hover .con .more {
        background: #333;
        border: 1px solid #333;
        color: #fff;
    }

    #i-sys .list .item:hover .con .more i {
        -webkit-animation: moveRightIn 1s 1;
        animation: moveRightIn 1s 1;
        background: url(../images/icon4.png) no-repeat;
    }

    #i-pro .slide:hover .con .more {
        background: #333;
        border: 1px solid #333;
        color: #fff;
    }

    #i-pro .slide:hover .con .more i {
        -webkit-animation: moveRightIn 1s 1;
        animation: moveRightIn 1s 1;
        background: url(../images/btn_icon1.png) no-repeat;
    }

    #solution .list .text:hover .more {
        background: #333;
        border: 1px solid #333;
        color: #fff;
    }

    #solution .list .text:hover .more i {
        -webkit-animation: moveRightIn 1s 1;
        animation: moveRightIn 1s 1;
        background: url(../images/icon4.png) no-repeat;
    }

    #news .hot .text .more:hover {
        background: #333;
        border: 1px solid #333;
        color: #fff;
    }

    #news .hot .text .more:hover i {
        -webkit-animation: moveRightIn 1s 1;
        animation: moveRightIn 1s 1;
        background: url(../images/icon4.png) no-repeat;
    }

    #case .con .hot .text .more:hover {
        background: #333;
        border: 1px solid #333;
        color: #fff;
    }

    #case .con .hot .text .more:hover i {
        -webkit-animation: moveRightIn 1s 1;
        animation: moveRightIn 1s 1;
        background: url(../images/icon4.png) no-repeat;
    }

    #about .one .item:hover .icon img {
        transform: translateY(-10px);
    }

    #solution-detail .two .item:hover .icon img {
        transform: scale(1.1);
    }

    #case-detail .ject .item:hover .icon img {
        transform: translateY(-10px);
    }

    #software .one .item:hover .icon img {
        transform: translateY(-10px);
    }

    #partner .four .item:hover .icon {
        transform: scale(1.1);
    }

    #contact .one .item:hover .icon img {
        transform: translateY(-10px);
    }

    #contact .one a.t2:hover {
        text-decoration: underline;
    }

    #partner .five .tent a.t2:hover {
        text-decoration: underline;
    }
}

.form .protocol {
    margin-bottom: 10px;
    font-size: 14px;
}

.form .protocol a {
    font-size: 14px;
}

.form .protocol input[type=checkbox] {
    margin-right: 15px;
}

.form .protocol .checkbox {
    margin-right: 15px;
    width: 13px;
    height: 13px;
}

.form .protocol .checkbox input[type="checkbox"] {
    top: 50%;
    left: 50%;
    opacity: 0;
    transform: translate(-50%, -50%);
    z-index: 1;
    cursor: pointer;
}

.form .protocol .checkbox input[name=Protocol] .checkbox .checkbox-btn {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.form .protocol .checkbox input[name=Protocol] + .checkbox-btn {
    width: 13px;
    height: 13px;
    background: #ddd;
    border-radius: 3px;
}

.form .protocol .checkbox input[name=Protocol] + .checkbox-btn:before {
    display: block;
    width: 100%;
    height: 100%;
    line-height: 13px;
    content: '\2713';
    font-size: 12px;
    color: #fff;
    text-align: center;
}

.form .protocol .checkbox input[name=Protocol]:checked + .checkbox-btn {
    background: #1a1a1a;
}

.form select {
    height: 50px;
    border: 1px solid #E6E6E6;
    width: 100%;
    text-indent: 18px;
}

.form input[type="text"].cur {
    border: 1px solid #666666;
}

.form select.cur {
    border: 1px solid #666666;
}

form[dbs-feedback] label:hover {
    color: #333 !important;
    background: #f4f4f4 !important;
}

.paging[type='default'] .a {
    min-width: 40px !important;
    height: 40px !important;
    line-height: 38px !important;
}

.paging[type='default'] .a:first-child,
.paging[type='default'] .a:last-child {
    min-width: 70px !important;
}

.paging[type='default'] .a.cur {
    background: #1a1a1a !important;
}

.pop-btn {
    right: 5%;
    bottom: 10%;
    z-index: 10;
    width: 70px;
    height: 70px;
    background: #ddd;
    border-radius: 50%;
}

.pop-btn:hover {
    background: #1a1a1a;
}

.pop-form {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .5);
    z-index: 10;
}

.pop-form #more-services {
    position: absolute;
    top: 50%;
    left: 50%;
    padding: 60px 0 30px;
    background: #fff;
    transform: translate(-50%, -50%);
    border-radius: 20px;
}

.pop-form #more-services .title {
    display: none;
}
/*
.pop-form #more-services .title .t1{font-size: 36px;color: #1A1A1A;line-height: 48px;margin-bottom: 25px;}
.pop-form #more-services .title .t2{font-size: 18px;color: #1A1A1A;}
*/
.pop-form #more-services .con {
    background: #FFFFFF;
    border-radius: 15px;
    padding: 0 6.25%;
}

.pop-form #more-services .con .input {
    width: 31.642%;
    margin: 0 2.37% 2.37% 0;
}

.pop-form #more-services .con .input:nth-child(3n) {
    margin-right: 0;
}

.pop-form #more-services .con .t3 {
    font-size: 16px;
    color: #1A1A1A;
    margin-bottom: 10px;
}

.pop-form #more-services .con .input input[type="text"] {
    height: 50px;
    border: 1px solid #E6E6E6;
    width: 100%;
    text-indent: 18px;
}

.pop-form #more-services .con .input select {
    height: 50px;
    border: 1px solid #E6E6E6;
    width: 100%;
    text-indent: 18px;
    background: url(../images/select_icon.png) no-repeat right 19px center;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
}

.pop-form #more-services .con .input input[type="text"].cur {
    border: 1px solid #666666;
}

.pop-form #more-services .con .input select.cur {
    border: 1px solid #666666;
}

.pop-form #more-services .con label {
    width: 150px;
    height: 50px;
    background: #333333;
    border-radius: 5px;
    font-size: 18px;
    color: #FFFFFF;
    line-height: 50px;
    text-align: center;
    margin: 20px auto 30px;
    cursor: pointer;
}

.pop-form #more-services .con label input {
    display: none;
}

.pop-form .tent {
    display: none;
}

.ban-next {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    background: rgba(0,0,0,0.4);
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bolder;
    cursor: pointer;
    z-index: 1
}

.ban-next:hover {
    background: #002eff;
}

.ban-prev:hover {
    background: #002eff;
}

.ban-prev {
    display: block;
    width: 56px;
    height: 56px;
    border-radius: 50%;
    background: rgba(0,0,0,0.4);
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bolder;
    cursor: pointer;
    z-index: 1;
}

.ban-prev:after {
    font-size: 18px;
}

.ban-next:after {
    font-size: 18px;
}

.five-relative {
    width: 100%;
    position: relative;
}
.tfont{
    position: relative;
    padding-left: 14px;
    box-sizing: box-sizing;
}
.tfont:after{
    width: 8px;
    height: 8px;
    content: " * ";
    display: block;
    position: absolute;
    left: 0;
    top: 6px;
    line-height: 1;
    font-size: 22px;
}
.wap-banner{
    display: none;
}
.swiban{
    width: 100%;
    position: relative;
}
.swiban-rel-left{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 333;
    right: 10%;
    max-width: 40%;
    color: #fff
}
.swiban-rel-right{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 333;
    left: 10%;
    max-width: 40%;
    color: #fff
}
.swiban-tit{
    font-size: 48px;
    
    padding-bottom: 20px;
    font-weight: bolder;
}
.swiban-cn{
    font-size: 24px;
    line-height: 1.8;
}
.swimore-flex{
    width: 100%;
    padding-top: 40px;
}
.swimore{
    position: relative;
    margin-top: 40px;
    width: 125px;
    height: 40px;
    line-height: 40px;
    background: #ffffff;
    font-size: 16px;
    color: #333333;
    text-align: center;
    border-radius: 5px;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    display: flex;
    align-items: center;
    justify-content: center;
}
.swimore:hover{
  box-shadow: 0 0.03rem 0.2rem rgba(24, 120, 196, 0.5);
  -webkit-box-shadow: 0 0.03rem 0.2rem rgba(24, 120, 196, 0.5);
  -moz-box-shadow: 0 0.03rem 0.2rem rgba(24, 120, 196, 0.5);
  background-image: linear-gradient(135deg, #1f10ff, #00b8ff);
  transform: translateY(-10px);
  transition: all 0.5s ease 0.2s;
  -webkit-transition: all 0.5s ease 0.2s;
  -moz-transition: all 0.5s ease 0.2s;
  -o-transition: all 0.5s ease 0.2s;
  color: #fff;
}
.swimore img{
    width: 8px;
    margin-left: 5px;
}
.harr{
    display: none;
      transition: all 0.5s ease 0.2s;
  -webkit-transition: all 0.5s ease 0.2s;
  -moz-transition: all 0.5s ease 0.2s;
  -o-transition: all 0.5s ease 0.2s;
}
.swimore:hover .harr{
    display: block;
      transition: all 0.5s ease 0.2s;
  -webkit-transition: all 0.5s ease 0.2s;
  -moz-transition: all 0.5s ease 0.2s;
  -o-transition: all 0.5s ease 0.2s;
}
.swimore:hover .barr{
    display: none;
    transition: all 0.5s ease 0.2s;
    -webkit-transition: all 0.5s ease 0.2s;
    -moz-transition: all 0.5s ease 0.2s;
    -o-transition: all 0.5s ease 0.2s;
}
.on{ 
    font-weight: bolder; 
}
.nfr{
    float: right;
}
.ntext-over{
    line-height: 1.4!important;
    padding: 20px 0 0;
    min-height: 120px;
}
.note-h1{
    text-align: center;
    font-size: 16px;
    margin-top: 40px;
    padding: 10px;
    box-sizing: border-box;
    border-radius: 1000px;
    overflow: hidden;
    color: #a0a4aa;
    border: 1px solid #ebebeb;
    transition: all 0.5s ease 0.2s;
    -webkit-transition: all 0.5s ease 0.2s;
    -moz-transition: all 0.5s ease 0.2s;
    -o-transition: all 0.5s ease 0.2s;

}
.note-h1:hover{
    background: #333;
    border: 1px solid #333;
    color: #ffffff;
    transition: all 0.5s ease 0.2s;
    -webkit-transition: all 0.5s ease 0.2s;
    -moz-transition: all 0.5s ease 0.2s;
    -o-transition: all 0.5s ease 0.2s;
    box-shadow: 0px 10px 30px 0px rgba(0, 41, 102, 0.21);
}
.nti{
    font-size: 30px;
    font-weight: 500;
    color: #1A1A1A;
    line-height: 42px;
    padding-bottom: 30px;
}
.nimg{
    text-align: center;
    padding: 4% 0 4% 4%;
    width: 220px;
    text-align: center;
}
.nimg img{
    max-width: 220px;
    width: 100%;
}
.nflex{
    display: flex;
    align-items: center;
}
.ntext-over{
    min-height: 80px;
}
.i-ms-tit{
    width: 100%;
    font-size: 40px;
    text-align: center;
    padding-bottom: 30px;
    padding-top: 100px;
}
.i-ms-cn{
    width: 100%;
    font-size: 18px;
    text-align: center;
    max-width: 1200px;
    margin: 0 auto;
    padding-top: 15px;
    line-height: 1.8;
}
.mid .item{
    padding: 4px 15px;
    box-sizing: border-box;
}
.header-fixed{
    position: fixed;
    z-index: 999999;
}
.swiper-pagination01{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    z-index: 3;
    bottom: 15px!important;
}
.inlineblock{
    margin-top: -160px;
}
.prbg{
    background: #fff;
}
.aban-m{
    display: none;
}
.note-btn{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.lang-name{
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}
.lang-name img{
    width: 20px;
    margin-right: 5px;
}
.lang-flex{
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    border:1px solid #cdcdcd;
    padding: 6px 15px;
    border-radius: 1000px;
    box-sizing: border-box;
    cursor: pointer;
}
.lang-bot{
    position: absolute;
    left: 0;
    top: 75px;
    background: #ffffff;
    padding: 20px;
    width: 100px;
    box-sizing: border-box;
    font-size: 16px;
    border-radius: 8px;
    box-shadow: 0px 0px 8px rgba(0,0,0,0.15);
    z-index: 8;
    display: none;
    cursor: pointer;
}
.lang-bot a:hover{
    color: #002eff;
}
.lang-bot::after{
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #ffffff;
  position: absolute;
  content: "";
  left: 22px;
  top: -10px;
  z-index: -3;
}
.lang-bot::before{
  width: 0;
  height: 0;
  border-left: 12px solid transparent;
  border-right: 12px solid transparent;
  border-bottom: 12px solid #eeeeee;
  position: absolute;
  content: "";
  left: 20px;
  top: -12px;
  z-index: -4;
}
.lang-name:hover .lang-bot{
  display: block;
}
.lang-img-b{
  display: none;
}
.lang-name:hover .lang-img-b{
  display: block;
}
.lang-name:hover .lang-img{
  display: none;
}
.lang-name:hover .lang-flex{
    background: #002eff;
    color: #ffffff;
    border: 1px solid #002eff;
}
.pdf-box{
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
    padding: 100px 0 0 0;
}
.pdf-box .tit {
    font-size: 36px;
    font-weight: 500;
    color: #1A1A1A;
    line-height: 48px;
    margin-bottom: 45px;
    text-align: center;
}
.pdf-mac{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between; 
    background: #F8F8F8;
    padding: 15px;
    box-sizing: border-box;
    border-radius: 10px;
    border: 1px solid #F8F8F8;
    margin: 0 0 20px 0;
}
.pdf-mac:hover{
    border: 1px solid #2831ff;
}
.pdf-mac:hover .pdf-name{
    color: #2831ff;
}
.icon-pdf{
    width: 30px;
    margin-right: 10px;
}
.icon-pdf img{
    width: 100%;
    vertical-align: middle;
}
.pdf-name{
    font-size: 20px;
    color: #606060;
}
.pdf-left{
    display: flex;
    align-items: center;
}
.paf-right{
    display: flex;
    align-items: center;
}
.pdf-right-name{
    color: #7A7A7A;
    font-weight: 400;
    transition: all 0.5s;
    font-size: 16px;
}
.icon-pdf-b{
    display: none;
}
.pdf-mac:hover .icon-pdf-b{
    display: block;
}
.pdf-mac:hover .icon-pdf-a{
    display: none;
}
#i-certificate .pg-tit{
    width: 100%;
    line-height: 68px;
    font-size: 40px;
    color: #1a1a1a;
    font-weight: 500;
    text-align: center;
}
.i-partner-pad{
    width: 100%;
    margin: 0 auto;
    padding-top: 50px;
    padding-bottom: 100px;
    max-width: 900px;
}