@media screen and (min-width: 750px) {
    .ani {
        opacity: 0;
    }

    #top {
        width: 100%;
        height: 0.73rem;
        padding: 0.09rem 1.32rem 0 1.42rem;
        position: fixed;
        top: 0;
        z-index: 999;
        transition: all .2s;
    }

    #top.on {
        background-color: #fff;
        border-bottom: 0.01rem solid #3333;

    }

    .top_button {
        display: none !important;
    }

    .ml, .pagination {
        display: none !important;
    }

    .top-img {
        width: 2.1rem;
        height: 0.62rem;
        background-size: cover;
    }

    .top-right {
        width: 8.00rem;
        height: 0.62rem;
        line-height: 0.62rem;
        color: #fff;
    }

    .top-right a:hover {
        /*color: #fff;*/
    }

    #top.on .top-right {
        color: #0c0c0c;
    }

    .top-right li {
        width: 1.0rem;
        float: left;
        font-size: 0.16rem;
        text-align: center;
    }

    .top-right li:nth-child(3) {
        position: relative;
    }

    .top-right li:before {
        width: 0.4rem;
        height: 0.02rem;
        background: rgba(243, 245, 251, 1);
    }

    .top-right li:nth-child(3) b {
        display: inline-block;
        width: 0;
        height: 0;
        border-left: 0.04rem transparent solid;
        border-right: 0.04rem transparent solid;
        border-top: 0.04rem #fff solid;
        vertical-align: middle;
        margin-left: .05rem;
        position: absolute;
        top: 0.29rem;
        right: 0.15rem;
    }

    .top-right li b.on {
        border-top: 0.04rem #0c0c0c solid;
    }

    .more {
        display: none;
        font-size: 0.14rem;
    }

    .more div {
        height: 0.37rem;
        line-height: 0.37rem;
        transition: all .2s;
    }

    .more div.on {
        background-color: #fff;
        border: 0.01rem solid #ededed;
        border-top: none;
    }

    /*----------------------------------------------------*/
    .swiper1 {
        width: 100%;
        height: 100vh;
    . contact3_bottom a: nth-child(n + 2) li top: 0;
        bottom: 0;
        z-index: 91 !important;
    }

    .swiper1 .swiper-slide {
        height: 100%;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
    }

    #swiper-p2 {
        background-image: url(../img/bannerzuo.png) !important;
        width: 0.6rem !important;
        left: 0.6rem !important;
        background-size: 0.6rem .44rem;
    }

    #swiper-p3 {
        background-image: url(../img/banneryou.png) !important;
        width: 0.6rem !important;
        right: 0.6rem !important;
        background-size: 0.6rem .44rem;
    }

    #swiper-p1 span {
        width: 0.38rem !important;
        height: 0.04rem !important;
        background: rgba(255, 255, 255, 1) !important;
        border-radius: 0 !important;
    }

    .swiper1 .swiper-slide {
        font-size: 0;
        padding: 2.44rem 2.58rem 1.81rem 2.22rem;
    }

    .swiper1 .swiper-pagination-bullets {
        bottom: 0.4rem !important;
    }

    .swiper1 .banner_content {
        width: 7.6rem;
        height: 5.95rem;
        display: inline-block;
    }

    .swiper1 .content-title {
        font-size: 0.62rem;
        font-family: FZLTZCHK--GBK1-0;
        font-weight: bold;
        line-height: 0.9rem;
    }

    .content-secondary {
        font-size: 0.18rem;
        color: rgba(255, 255, 255, 1);
        line-height: 0.28rem;
        margin-top: 0.91rem;
    }

    .content-bottom {
        width: 2.4rem;
        height: 0.68rem;
        line-height: 0.68rem;
        text-align: center;
        background: rgba(255, 221, 73, 1);
        border-radius: 0.34rem;
        font-size: 0.24rem;
        font-weight: bold;
        color: rgba(69, 50, 239, 1);
        margin-top: 1.24rem;
    }

    .banner_img {
        width: 6.54rem;
        display: inline-block;
        vertical-align: bottom;
    }

    .banner_img img {
        height: auto;
    }

    .wrap {
        /*width: 16.8rem;*/
        padding: 0.68rem 1.20rem 1.3rem 1.2rem;
        box-sizing: unset;
    }

    .wrap-experience {
        height: 5.4rem;
        margin-top: 0.89rem;
    }

    .exp-left {
        padding-top: 0.16rem;
        color: #666666;
        float: left;
        position: relative;
    }

    .exp-left div:nth-child(1) {
        transform: rotate(90deg);
        position: absolute;
        top: -0.2rem;
        left: -0.1rem;
        font-size: 0.14rem;
        font-weight: bold;
    }

    .exp-left div:nth-child(3) {
        transform: rotate(90deg);
        position: absolute;
        bottom: -0.3rem;
        left: -0.1rem;
        font-size: 0.14rem;
        font-weight: bold;
    }

    .exp-left li {
        width: 2.04rem;
        height: 0.77rem;
        line-height: 0.77rem;
        text-align: right;
        font-size: 0.18rem;
        font-weight: bold;
        border-left: 0.02rem solid #E5E5E5;
        cursor: pointer;
    }

    .exp-left li.on {
        color: #0A85F8;
        border-left: 0.02rem solid #666666;
    }

    .expright {
        width: 13.8rem;
        height: 5.4rem;
        position: absolute;
        right: 1.2rem;
        display: none;
    }

    .expright.on {
        display: block;
    }

    .exppage {
        width: 100%;
        height: 100%;
        position: absolute;
        display: none;
    }

    .exppage.on {
        display: block;
    }

    .exp_img {
        width: 9.6rem;
        height: 5.4rem;
        background: rgba(233, 233, 233, 1);
        float: left;
    }

    .exp_content {
        width: 5.6rem;
        height: 3.0rem;
        padding: 0.4rem;
        box-shadow: 0px 0px 0.2rem #F5F7FF;
        background: rgba(255, 255, 255, 1);
        position: absolute;
        top: 0.8rem;
        left: 7.01rem;
    }

    .exp_title {
        color: #333333;
        font-size: 0.3rem;
        font-weight: bold;
    }

    .exp_secondary {
        color: #666666;
        line-height: 0.26rem;
        font-size: 0.16rem;
        font-weight: bold;
        margin-top: 0.25rem;
        position: relative;
    }

    .exp_button {
        width: 1.5rem;
        height: 0.5rem;
        padding-top: 0.04rem;
        background: #4366FB;
        text-align: center;
        position: absolute;
        top: 2.15rem;
        left: 4.85rem;
    }

    .exp_button img {
        width: 0.41rem;
        height: 0.4rem;
    }

    .exp_label {
        width: 3rem;
        font-size: 0.18rem;
        color: #999999;
        font-weight: bold;
        font-family: ArialMT;
        position: absolute;
        right: -1rem;
        top: 1.24rem;
        transform: rotate(90deg);
        transform-origin: center bottom;
    }

    .turn {
        width: 3.3rem;
        height: 0.8rem;
        color: #333333;
        background: rgba(247, 248, 254, 1);
        position: absolute;
        right: 0;
        bottom: 0;
        font-size: 0;
    }

    .number {
        width: calc(100% / 2);
        height: 0.8rem;
        color: #999999;
        text-align: center;
        line-height: 0.8rem;
        font-size: 0.18rem;
        font-weight: bold;
        letter-spacing: 0.02rem;
        float: left;
    }

    .exp_button2 {
        width: calc(100% / 2);
        height: 0.8rem;
        line-height: 0.8rem;
        font-size: 0.18rem;
        font-weight: bold;
        text-align: center;
        float: left;
    }

    .exp_button2 div:nth-child(2) {
        width: 0.02rem;
        height: 0.28rem;
        background-color: #E5E5E5;
        float: left;
        margin-top: 0.25rem;
    }

    .button-prev {
        width: calc(100% / 2);
        height: 0.8rem;
        line-height: 0.8rem;
        background: url(../img/zuo.png) no-repeat;
        background-size: 0.16rem;
        background-position: 50% 50%;
        float: left;
    }

    .button-next {
        width: calc(100% / 2 - 0.05rem);
        height: 0.8rem;
        line-height: 0.8rem;
        background: url(../img/you.png) no-repeat;
        background-size: 0.16rem;
        background-position: 50% 50%;
        float: left;
    }

    .wrap-title {
    }

    .title1 {
        font-size: 0.3rem;
        height: 0.29rem;
        font-family: SourceHanSansCN-Regular;
        font-weight: bold;
        color: rgba(51, 51, 51, 1);
        line-height: 0.29rem;
    }

    .title2 {
        font-size: 0.16rem;
        height: 0.13rem;
        font-family: SourceHanSansCN-Regular;
        color: rgba(153, 153, 153, 1);
        line-height: 0.13rem;
        margin-top: 0.21rem;
    }

    .exhibition {
        padding-top: 0.89rem;
        font-size: 0;
    }

    .exhibition .fix li {
        width: calc((100% - 0.6rem) / 3);
        height: 5.0rem;
        background: rgba(241, 241, 241, 1);
        display: inline-block;
        margin-left: 0.3rem;
        margin-bottom: 0.7rem;
        transition: all .8s;
    }

    .exhibition .fix li:hover {
        box-shadow: 0px 0px .4rem #b8b8b8;
    }

    .exhibition .fix li:first-child {
        margin-left: 0px;
    }

    .exhibition .fix li:nth-child(3n+1) {
        margin-left: 0px;
    }

    .special {
        padding-top: 0rem;
        font-size: 0;
    }

    .special .fix li {
        width: calc((100% - 0.6rem) / 3);
        height: 5.0rem;
        background: rgba(241, 241, 241, 1);
        display: inline-block;
        margin-left: 0.3rem;
        margin-bottom: 0.7rem;
        transition: all .8s;
    }

    .special .fix li:hover {
        box-shadow: 0px 0px .4rem #b8b8b8;
    }

    .special .fix li:first-child {
        margin-left: 0px;
    }

    .special .fix li:nth-child(3n+1) {
        margin-left: 0px;
    }

    .ex-img {
        height: 4.05rem;
    }

    .ex-img a {
        padding-bottom: 75%;
        position: relative;
        display: block;
        width: 100%;
        height: 0;
        overflow: hidden;
    }

    .ex-img a img {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        transition: all .5s;
    }

    .ex-img a:hover img {
        transform: scale(1.1);
    }

    .ex-img {
        overflow: hidden;
    }

    .ex-img img {
        transition: all .5s;
    }

    .ex-img:hover img {
        transform: scale(1.1);
    }

    .ex-name {
        line-height: 0.95rem;
        padding-left: 0.2rem;
        font-size: 0.24rem;
        font-family: SourceHanSansCN-Medium;
        font-weight: bold;
        color: rgba(51, 51, 51, 1);
    }

    .ex-name div {
        width: 0.06rem;
        height: 0.34rem;
        font-size: 0.5rem;
        color: #4366FB;
        float: right;
        margin-top: 0.15rem;
        margin-right: -0.15rem;
        transform: rotate(90deg);
    }

    .wrap-bottom {
        width: 1.9rem;
        height: 0.46rem;
        font-size: 0.16rem;
        margin: 0 !important;
        margin-top: 0.8rem !important;
        position: relative;
        left: 50%;
        opacity: 1;
        transform: translate(-50%, 0);
        cursor: pointer;
    }

    .wrap-bottom#news {
        line-height: 0.46rem;
        background-image: url("../img/wyzz.png");
        background-size: cover;
        padding-left: 0.3rem;
    }

    .wrap-bottom#news span {
        left: 0.13rem;
    }

    .wrap-bottom#demo {
        line-height: 0.46rem;
        background-image: url("../img/wyzz.png");
        background-size: cover;
        padding-left: 0.3rem;
    }

    .wrap-bottom#demo span {
        left: 0.13rem;
    }

    .wrap-bottom img.on {
        opacity: 0.5;
        transition: all .2s;
    }

    .wra3 {
        height: 11.6rem;
        padding-top: 0.71rem;
        position: relative;
    }

    .wra3-title {
        padding-left: 1.18rem;
    }

    .upper {
        width: 11.2rem;
        height: 7.5rem;
        background: linear-gradient(135deg, rgba(111, 0, 211, 1), rgba(255, 22, 70, 1));
        position: absolute;
        top: 2.2rem;
        left: 0;
        padding: 0.59rem 0 0.54rem 1.20rem;
    }

    .upper-top {
        width: 4.8rem;
    }

    .top-title {
        width: 2.06rem;
        height: 0.59rem;
        font-size: 0.8rem;
        font-family: DINPro-Bold;
        font-weight: bold;
        color: rgba(255, 255, 255, 1);
        line-height: 0.59rem;
    }

    .top-secondary {
        width: 3.12rem;
        height: 0.66rem;
        font-size: 0.24rem;
        font-family: SourceHanSansCN-Bold;
        font-weight: bold;
        color: rgba(255, 255, 255, 1);
        margin-top: 0.65rem;
    }

    .top-secondary2 {
        width: 3.88rem;
        height: 0.23rem;
        font-size: 0.24rem;
        font-family: SourceHanSansCN-Bold;
        font-weight: bold;
        color: rgba(255, 255, 255, 1);
        margin-top: 1.03rem;
    }

    .upper-bottom {
        display: flex;
        position: absolute;
        top: 1.92rem;
        right: 0.8rem;
    }

    .upper-bottom a:nth-child(1) div {
        width: 2.0rem;
        height: 0.56rem;
        background: rgba(75, 108, 249, 1);
        line-height: 0.56rem;
        text-align: center;
        font-size: 0.24rem;
        font-family: SourceHanSansCN-Regular;
        font-weight: bold;
    }

    .upper-bottom a:nth-child(2) div {
        width: 2.0rem;
        height: 0.56rem;
        background: rgba(255, 255, 255, 1);
        color: rgba(75, 108, 249, 1);
        margin-left: 0.4rem;
        line-height: 0.56rem;
        text-align: center;
        font-size: 0.24rem;
        font-family: SourceHanSansCN-Regular;
        font-weight: bold;
    }

    .upper-img {
        width: 8.64rem;
        position: absolute;
        margin-left: -0.12rem;
        margin-top: 1.17rem;
    }

    .upper-img li {
        width: 1.2rem;
        height: 0.8rem;
        margin: 0.1rem 0.12rem;
        float: left;
    }

    .lower {
        width: 11.2rem;
        height: 7.5rem;
        background-image: url(../img/hezuo.png);
        background-size: cover;
        position: absolute;
        top: 3.1rem;
        right: 0;
        z-index: -1;
    }

    .information {
        margin-top: 0.89rem;
        margin-bottom: 0.54rem;
    }

    .wrap4 li {
        width: 5.31rem;
        height: 4.05rem;
        color: #333333;
        background: #fff;
        margin-left: 0.3rem;
        margin-bottom: 0.3rem;
        transition: all .1s;
        position: relative;
        float: left;
        overflow: hidden;
    }

    .wrap4 a:nth-child(1) li {
        margin: 0;
    }

    .wrap4 a:nth-child(3n+1) li {
        margin: 0;
    }

    .wrap4 li:hover {
        color: #fff;
    }

    .wrap4 li .fix-content {
        padding: 0.4rem 0.6rem;
        position: absolute;
        top: 0rem;
        left: 0;
        z-index: 2;
    }

    .wrap4 li:hover .fix-content {
        z-index: 8;
        font-family: SourceHanSansCN-Regular;
    }

    .fix-content div:nth-child(1) {
        width: 0.93rem;
        height: 0.19rem;
        font-size: 0.18rem;
        font-weight: bold;
        line-height: 0.19rem;
    }

    .fix-content div:nth-child(2) {
        font-size: 0.23rem;
        font-weight: bold;
        line-height: 0.4rem;
        margin-top: 0.35rem;
        letter-spacing: 0;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        overflow: hidden;
    }

    .fix-content div:nth-child(3) {
        width: 4.19rem;
        height: 0.52rem;
        font-size: 0.16rem;
        font-family: SourceHanSansCN-Regular;
        font-weight: bold;
        line-height: 0.29rem;
        margin-top: 0.36rem;
    }

    .mask2 {
        position: absolute;
        width: 5.31rem;
        height: 4.05rem;
    }

    .wrap4 li:hover .mask2 {
        background-color: rgba(50, 63, 73, 0.55);
        z-index: 1;
    }

    .dividing {
        width: 4.2rem;
        height: 0.01rem;
        background: rgba(229, 229, 229, 1);
        position: absolute;
        top: 2.94rem;
        left: 0.6rem;
        z-index: 2;
    }

    .wrap4 li .img {
        height: 100%;
        z-index: 0;
        opacity: 0;
        transition: all .8s;
        position: absolute;
        left: 50%;
        transform: translate(-50%, 0);
    }

    .wrap4 li:hover .img {
        opacity: 1;
    }

    .fix-bottom {
        font-size: 0.16rem;
        width: 1.5rem;
        height: 0.3rem;
        line-height: 0.3rem;
        display: flex;
        position: absolute;
        left: 0.6rem;
        top: 3.42rem;
        background-image: url(../img/1220.png);
        background-size: 0.41rem 0.3rem;
        background-repeat: no-repeat;
        background-position: 0.85rem 0.01rem;
        z-index: 2;
    }

    .fix-bottom.on {
        background-image: url(../img/1221.png);
    }

    .contact3 {
        color: #666666;
        font-size: 12px;
        font-weight: bold;
        position: fixed;
        right: 0;
        top: 300px;
        transition: all .5s;
        z-index: 999999999;
    }

    .contact3_top {
        width: 150px;
        background-color: #fff;
        box-shadow: 0px 0px 0.2rem #E4EDFE;
    }

    .contact3_top img {
        width: 42px;
        height: 42px;
    }

    .contact3_title {
        color: #FFFFFF;
        height: 56px;
        line-height: 56px;
        padding-left: 19px;
    }

    .contact3_title .quchu {
        font-size: 40px;
        line-height: 30px;
        margin-top: 4px;
        margin-right: 4px;
        cursor: pointer;
    }

    .contact3_qq {
        height: 48px;
        line-height: 48px;
        border: 1px solid rgba(229, 229, 229, 1);
        border-top: none;
        display: flex;
    }

    .contact3_dianhua {
        height: 80px;
        border: 1px solid rgba(229, 229, 229, 1);
        border-top: none;
        display: flex;
    }

    .contact3_dianhua div {
        line-height: 32px;
    }

    .contact3_bottom {
        width: 42px;
        background-color: #fff;
        position: absolute;
        right: 0;
    }

    .contact3_bottom ul > a {
        position: relative;
    }

    .contact3_bottom a > img {
        position: absolute;
        top: 50%;
        right: 0;
        transform: translate(0, -50%);
        width: 1.5rem;
        height: 1.5rem;
        display: none;
    }

    .contact3_bottom li {
        border: 0.01rem solid rgba(229, 229, 229, 1);
    }

    .contact3_bottom a:nth-child(n+2) li, #GoTop {
        border-top: none;
        cursor: pointer;
    }

    /*--------------------------------------------*/
    .det_waikuang {
        background: #F7F9FF;
        padding: 0.5rem 1.2rem 1rem;
    }

    .det_content {
        width: 16.8rem;
        padding: 1.18rem 0.8rem;
        background-color: #fff;
        color: #333333;
        box-shadow: 0px 0px 0.32rem #EEF3FE;
    }

    .det_information {
        width: 7.59rem;
        height: 3.4rem;
        padding-bottom: 0.7rem;
    }

    .igf_title {
        height: 0.36rem;
    }

    .igf_title span:nth-child(1) {
        font-size: 0.36rem;
        font-weight: bold;
        line-height: 0.36rem;
        letter-spacing: 0.1rem;
    }

    .igf_title span:nth-child(2) {
        font-size: 0.20rem;
        font-weight: bold;
        line-height: 0.20rem;
        margin-top: 0.16rem;
    }

    .igf_website {
        height: 0.23rem;
        font-size: 0.2rem;
        font-weight: bold;
        font-family: SourceHanSansCN-Regular;
        margin-top: 0.48rem;
    }

    .igf_website a {
        color: #4366FB;
    }

    .igf_share {
        height: 0.5rem;
        margin-top: 0.34rem;
        display: flex;
    }

    .igf_share span {
        font-size: 0.2rem;
        font-weight: bold;
        line-height: 0.5rem;
        font-family: SourceHanSansCN-Regular;
    }

    .share_bottom img {
        width: 0.50rem;
        height: 0.50rem;
    }

    .share_bottom > div {
        float: left;
        margin-left: 0.24rem;
    }

    .det_content .wrap-bottom {
        line-height: 0.36rem;
        font-size: 0.16rem;
        opacity: 1;
        margin-top: 0.34rem !important;
        position: relative;
        left: 0;
        transform: translate(0, 0);
    }

    .wrap-bottom span {
        height: 0.16rem;
        line-height: 0.16rem;
        color: #fff;
        font-weight: bold;
        position: absolute;
        top: 0.15rem;
        left: 0.29rem;
        z-index: 2;
    }

    .between {
        width: 0.02rem;
        height: 2.0rem;
        background: rgba(229, 229, 229, 1);
        margin-top: 0.1rem;
    }

    .det_introduce {
        width: 5.41rem;
        margin-left: 0.58rem;
        padding-bottom: 0.4rem;
    }

    .det_img {
        padding-top: 3.4rem;
    }

    .det_img img {
        width: 100%;
    }

    .itd_title {
        font-size: 0.3rem;
        font-weight: bold;
        color: #333333;
        line-height: 0.29rem;
        letter-spacing: 0.11rem;
    }

    .itd_website {
        font-size: 0.24rem;
        font-weight: bold;
        color: #333333;
        line-height: 0.25rem;
        letter-spacing: 0.12rem;
        margin-top: 0.49rem;
    }

    .itd_content {
        font-size: 0.18rem;
        color: #666666;
        letter-spacing: 0.02rem;
        margin-top: 0.46rem;
        line-height: 0.35rem;
    }

    /*----------------------------------------------------*/
    .ifd_box {
        padding: 0.68rem 1.2rem 1.0rem 1.2rem;
        font-family: SourceHanSansCN-Regular;
        background-color: #F7F9FF;
    }

    .title-box {
        height: 1.32rem;
        color: #999999;
        font-size: 0.16rem;
        font-weight: bold;
        position: relative;
    }

    .title-box:before {
        content: '';
        width: 1.22rem;
        height: 0.06rem;
        background: rgba(67, 102, 251, 1);
        position: absolute;
        bottom: 0;
    }

    .ifd_title {
        height: 0.29rem;
        font-size: 0.3rem;
        font-weight: bold;
        color: rgba(51, 51, 51, 1);
    }

    .ifd_secondary {
        height: 0.16rem;
        font-weight: bold;
        margin-top: 0.19rem;
        text-transform: uppercase;
    }

    .ifd_time {
        height: 0.13rem;
        margin-top: 0.2rem;
    }

    .ifd_content {
        padding-top: 1.0rem;
    }

    .ifd_article {
        width: 12.4rem;
        color: #666666;
        padding: 1.2rem;
        font-size: 0.24rem;
        background: rgba(255, 255, 255, 1);
        box-shadow: 0px 0px 0.4rem #e3edff;
        line-height: 1.8;
    }

    .ifd_article p {
        font-weight: normal;
        text-transform: uppercase;
    }

    .ifd_article h1 {
        font-size: 0.18rem;
        line-height: 0.18rem;
        text-align: center;
        margin: 0;
        margin-top: 0.58rem;
    }

    .ifd_article img {
        margin: 0.61rem 0;
        margin-left: -2em;
        width: 100%;
    }

    .ifd_right.on {
        position: fixed;
        top: 0.9rem;
        right: 1.2rem;
    }

    .recommended, .ifd_contact, .newest {
        width: 4.0rem;
        color: #666666;
        background-color: #fff;
        box-shadow: 0px 0px .4rem #e3edff;
        padding: 0.5rem 0.4rem;
    }

    .newest {
        margin-top: 0.3rem;
    }

    .ifd_right h1 {
        height: 0.2rem;
        line-height: 0.2rem;
        font-size: 0.2rem;
        font-weight: bold;
        margin: 0;
        margin-bottom: 0.2rem;
        color: #333333;
    }

    .ifd_right .recommended a {
        font-size: 0.18rem;
        display: -webkit-box;
        clear: both;
        font-weight: bold;
        line-height: 0.40rem;
        height: 0.40rem;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
    }

    .ifd_right .newest a {
        font-size: 0.18rem;
        display: -webkit-box;
        clear: both;
        font-weight: bold;
        line-height: 0.40rem;
        height: 0.40rem;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
    }

    .ifd_right a:hover {
        color: rgba(67, 102, 251, 1);
    }

    .newest p {
        height: 0.18rem;
        line-height: 0.18rem;
        font-size: 0.16rem;
        font-weight: bold;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        overflow: hidden;
    }

    .newest a:nth-child(n+2) p {
        margin-top: 0.23rem;
    }

    .recommended p {
        height: 0.18rem;
        line-height: 0.18rem;
        font-size: 0.16rem;
        font-weight: bold;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        overflow: hidden;
    }

    .recommended a:nth-child(n+2) p {
        margin-top: 0.23rem;
    }

    .ifd_contact {
        margin-top: 0.3rem;
    }

    .address-one, .address-two, .el, .fax, .zip {
        font-size: 0.16rem;
        font-weight: bold;
        color: rgba(102, 102, 102, 1);
        display: flex;
        letter-spacing: .02rem
    }

    .address-one div, .el, .fax, .zip {
        line-height: 0.36rem;
    }

    .address-one div:nth-child(1) {
        white-space: pre;
    }

    .address-two div:nth-child(1) {
        white-space: pre;
    }

    /*-------------------------------------------------------------------------------*/
    .abt_box {
        background-color: #F7F9FF;
        font-family: SourceHanSansCN-Regular;
    }

    .abt_content {
        padding: 0.68rem 1.2rem 1.0rem 1.2rem;
        background-color: #fff;
    }

    .content_right {
        margin-top: 0.89rem;
    }

    .abt_img {
        width: 8.4rem;
        height: 5.2rem;
    }

    .abt_article {
        width: 7.5rem;
        color: #333333;
    }

    .article_title {
        height: 0.74rem;
        font-size: 0.3rem;
        font-weight: bold;
        position: relative;
        margin-bottom: 0.4rem;
    }

    .article_title:before {
        content: '';
        width: 1.2rem;
        height: 0.06rem;
        background: #0A85F8;
        position: absolute;
        bottom: 0;
        left: 0;
    }

    .abt_article p {
        font-size: 0.18rem;
        font-weight: bold;
        line-height: 0.36rem;
        text-transform: uppercase;
    }

    .advantage {
        padding: 0.8rem 1.3rem 1.0rem 1.2rem;
        color: #333333;
    }

    .article_secondary {
        width: 3rem;
        height: 1.35rem;
        font-size: 0.3rem;
        font-weight: bold;
        line-height: 0.48rem;
        margin-top: 1.12rem;
    }

    .article_bottom {
        width: 2.0rem;
        height: 0.56rem;
        line-height: 0.56rem;
        text-align: center;
        font-size: 0.24rem !important;
        font-weight: bold;
        color: rgba(255, 255, 255, 1) !important;
        background: rgba(75, 108, 249, 1);
        margin-top: 1.75rem;
    }

    .article_bottom.on {
        opacity: 0.5;
    }

    .advantage_right {
        width: 12.48rem;
    }

    .advantage_right li {
        width: 3.9rem;
        height: 3.4rem;
        background-color: #fff;
        box-shadow: 0px 0px .4rem #e3edff;
        padding: 0.57rem 0.4rem;
        margin-bottom: 0.39rem;
        float: left;
    }

    .advantage_right li:nth-child(n+2) {
        margin-left: 0.39rem;
    }

    .advantage_right li:nth-child(n+4) {
        margin-bottom: 0;
    }

    .advantage_right li:nth-child(3n+1) {
        margin: 0;
    }

    .advantage_right li .iocn {
        float: left;
    }

    .advantage_right li:nth-child(n+1) .iocn {
        width: 0.68rem;
        height: 0.54rem;
    }

    .advantage_right li:nth-child(n+2) .iocn {
        width: 0.64rem;
        height: 0.56rem;
    }

    .advantage_right li:nth-child(n+3) .iocn {
        width: 0.6rem;
        height: 0.56rem;
    }

    .advantage_right li:nth-child(n+4) .iocn {
        width: 0.68rem;
        height: 0.56rem;
    }

    .advantage_right li:nth-child(n+5) .iocn {
        width: 0.64rem;
        height: 0.58rem;
    }

    .advantage_right li:nth-child(n+6) .iocn {
        width: 0.68rem;
        height: 0.58rem;
    }

    .ast_title {
        width: 0.48rem;
        height: 0.23rem;
        line-height: 0.23rem;
        font-size: 0.24rem;
        font-weight: bold;
        margin-top: 1rem;
    }

    .ast_contert {
        width: 3.09rem;
        height: 0.72rem;
        color: #666666;
        font-size: 0.16rem;
        font-weight: bold;
        margin-top: 0.3rem;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        text-overflow: ellipsis;
        overflow: hidden;
    }

    .abt_service {
        width: 19.2rem;
        height: 6.5rem;
        background: url(../img/bg.png) no-repeat;
        background-size: cover;
        position: relative;
    }

    .service_title {
        width: 100%;
        font-size: 0.3rem;
        font-weight: bold;
        text-align: center;
        padding-top: 0.8rem;
    }

    .service_secondary {
        font-size: 0.16rem;
        text-align: center;
        padding-top: 0.21rem;
    }

    .abt_show {
        width: 9.81rem;
        height: 6.16rem;
        background-image: url(../img/service.png);
        background-size: cover;
        margin: 0 auto;
        margin-top: 0.50rem;
    }

    .swiper2 {
        width: 7.4rem !important;
        height: 4.4rem !important;
        top: 0.64rem;
        left: 0.015rem;
        pointer-events: none;
    }

    .swiper2 .swiper-slide {
        width: 7.4rem !important;
        height: 4.4rem !important;
    }

    .swiper2 .side_img {
        width: 1.24rem;
        height: 1.23rem;
        margin: 0;
        margin-top: 0.42rem;
        position: relative;
        left: 3.07rem;
    }

    .swiper2 .side_title {
        height: 0.22rem;
        text-align: center;
        font-size: 0.22rem;
        font-weight: bold;
        margin-top: 0.2rem;
    }

    .swiper2 .side_content {
        width: 5.63rem;
        font-size: 0.16rem;
        text-align: center;
        line-height: 0.35rem;
        margin: 0 auto;
        margin-top: 0.98rem;
    }

    #swiper-p4 {
        width: 1.12rem !important;
        height: 0.46rem !important;
        top: 4.58rem !important;
        left: 4.93rem !important;
        background-image: url(../img/xiangzuo.png);
        background-size: cover;
    }

    #swiper-p5 {
        width: 1.12rem !important;
        height: 0.46rem !important;
        top: 4.58rem !important;
        right: 4.93rem !important;
        background-image: url(../img/xiangyou.png);
        background-size: cover;
    }

    .list {
        height: 6.7rem;
    }

    .list .service_title {
        color: #333333;
        padding-top: 1.8rem;
    }

    .list .service_secondary {
        color: #999999;
    }

    .list_mark {
        padding: 0.6rem 1rem;
        padding-bottom: 0;
    }

    .list_mark a {
        float: left;
        width: 1.8rem;
        height: 1.2rem;
        display: block;
    }

    .list_mark a:nth-child(n+2) {
        margin-left: 0.34rem;
    }

    .list_mark a:nth-child(n+9) {
        margin-top: 0.24rem;
    }

    .list_mark a:nth-child(8n+1) {
        margin-left: 0;
    }

    /*-----------------------------------------------------------------------------------------*/
    .ctt_box {
        color: #666666;
        background-color: #F7F9FF;
        font-family: SourceHanSansCN-Regular;
    }

    .ctt_title {
        height: 0.7rem;
        color: #333333;
        font-size: 0.36rem;
        font-weight: bold;
        position: relative;
        margin-top: 0.98rem;
        text-align: center;
    }

    .ctt_title:before {
        content: '';
        width: 1.22rem;
        height: 0.06rem;
        background: #0A85F8;
        position: absolute;
        bottom: 0;
        left: 7.65rem;
    }

    .ctt_secondary {
        text-align: center;
        font-size: 0.24rem;
        font-weight: bold;
        margin-top: 0.64rem;
    }

    .ctt_data {
        margin-top: 0.99rem;
    }

    .ctt_data .ctt_content {
        width: calc(100% / 3);
        float: left;
        text-align: center;
    }

    .data_title {
        font-size: 0.3rem;
        font-weight: bold;
        color: #333333;
    }

    .data_content {
        font-size: 0.18rem;
        font-weight: bold;
        margin-top: 0.69rem;
        line-height: 0.42rem;
    }

    .data_content a:hover {
        color: #0A85F8;
    }

    .ditu {
        margin-top: 0.96rem;
    }

    .message {
        height: 7.0rem;
        padding: 0.79rem 1.2rem 1.0rem 1.2rem;
    }

    .message_title {
        color: #333333;
        font-size: 0.36rem;
        font-weight: bold;
    }

    .message_content {
        margin-top: 0.6rem;
    }

    input, textarea {
        background-color: #fff;
        border: 0;
        box-shadow: 0px 0px .2rem #EEF3FE;
    }

    .liuyan {
        color: #666666;
    }

    .liuyan.cc {
        animation: fadeInLeft 1s .2s forwards;
    }

    .liuyan textarea {
        width: 7.8rem;
        height: 3.0rem;
        padding-left: .38rem;
        padding-right: .38rem;
        padding-top: .39rem;
        resize: none;
        font-size: 0.18rem;
        color: #666666 !important;
        font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", 微软雅黑, Arial, sans-serif;
    }

    .xinxi.cc {
        animation: fadeInRight 1s .2s forwards;
    }

    .xinxi input {
        width: 7.8rem;
        height: 0.8rem;
        padding: 0 0.38rem;
        font-size: 0.18rem;
        color: #666666 !important;
    }

    .xinxi div {
        position: relative;
    }

    .xinxi div:before {
        content: '';
        width: 0.06rem;
        height: 0.06rem;
        border-radius: 0.03rem;
        background-color: #F64A4F;
        position: absolute;
        left: 0.18rem;
        top: 0.37rem;
    }

    .xinxi div:nth-child(n+2) {
        margin-top: 0.32rem;
    }

    .message .wrap-bottom {
        margin: 0 auto;
        margin-top: 0.80rem;
    }

    /*------------------------------------------------------------------------------------------*/
    .msc_block {
        font-family: SourceHanSansCN-Regular;
        color: #333333;
    }

    .msc_block:nth-child(odd) {
        background-color: #F7F9FF;
    }

    .msc_block:nth-child(even) {
        background-color: #fff;
    }

    .msc_title {
        font-size: 0.36rem;
        text-align: center;
        font-weight: bold;
        padding-top: 1.1rem;
    }

    .msc_secondary {
        font-size: 0.24rem;
        text-align: center;
        font-weight: bold;
        padding-top: 0.4rem;
    }

    .msc_content {
        padding-bottom: 1.63rem;
    }

    .msc_content li {
        width: calc(100% / 3);
        float: left;
        text-align: center;
        padding-top: 1.4rem;
        transition: all 1s .5s;
    }

    .msc_content li.cc {
        opacity: 1;
    }

    .xcx_img {
        width: 1.0rem;
        height: 1.0rem;
        border-radius: 0.5rem;
        box-shadow: 0px 0px .4rem #e3edff;
        margin: 0 auto;
    }

    .xcx_title {
        height: 0.18rem;
        font-size: 0.18rem;
        font-weight: bold;
        margin-top: 0.4rem;
    }

    .xcx_secondary {
        width: 2.47rem;
        font-size: 0.16rem;
        line-height: 0.35rem;
        font-weight: bold;
        color: #666666;
        margin: 0 auto;
        margin-top: 0.29rem;
    }

    .percentage {
        width: 10.47rem;
        margin: 0 auto;
        margin-top: 0.94rem;
    }

    .tp_block {
        width: calc(100% / 3);
        float: left;
    }

    .tp_title {
        position: relative;
    }

    .tp_text {
        height: 0.32rem;
        font-size: 0.32rem;
        font-weight: bold;
        text-align: center;
        line-height: 0.32rem;
        color: rgba(247, 0, 42, 1);
    }

    .tp_img {
        width: 0.36rem;
        height: 0.13rem;
        position: absolute;
        top: 0;
        right: 1rem;
    }

    .tp_img img {
        vertical-align: top;
    }

    .tp_secondary {
        font-size: 0.18rem;
        text-align: center;
        font-weight: bold;
        color: rgba(102, 102, 102, 1);
        margin-top: 0.25rem;
    }

    .business {
        height: 5.05rem;
        padding: 0 1.8rem;
        padding-top: 0.85rem;
        padding-bottom: 0.8rem;
        overflow: hidden;
    }

    .business.cc {
        animation: fadeInUp 1s .2s forwards;
    }

    .business ul {
        display: flex;
    }

    .business li {
        width: calc(100% / 6);
        height: 3.4rem;
        background: rgba(247, 248, 255, 1);
        border: 0.01rem solid rgba(229, 229, 229, 1);
        text-align: center;
        overflow: hidden;
        /*transition: all .5s;*/
    }

    .business li:nth-child(n+2) {
        border-left: none;
    }

    .business li.on {
        width: calc(100% / 3);
        height: 3.4rem;
        padding: 0.3rem 0.2rem;
        background: rgba(255, 255, 255, 1);
        border: 0.01rem solid rgba(70, 104, 251, 1);
        position: relative;
        text-align: left;
        transform: scale(1.05);
    }

    .bss_title {
        font-size: 0.18rem;
        padding-top: 0.4rem;
    }

    .business li.on .bss_title {
        padding-top: 0;
    }

    .business li.on .bss_title div {
        float: left;
    }

    .business li.on .bss_title .bss_img {
        margin-right: 0.29rem;
        line-height: 0.5rem;
        vertical-align: middle;
    }

    .bss_title .bss_img img {
        width: 0.5rem;
        height: 0.5rem;
    }

    .bss_title div:nth-child(2) {
        padding-top: 0.12rem;
        font-weight: bold;
    }

    .bss_smt {
        width: 0.62rem;
        height: 0.01rem;
        background: rgba(229, 229, 229, 1);
        margin: 0 auto;
        margin-top: 0.25rem;
    }

    .business li.on .bss_smt {
        width: 4.8rem;
        margin: 0;
        margin-top: 0.1rem;
    }

    .bss_secondary {
        color: #666666;
        height: 0.16rem;
        font-size: 0.16rem;
        font-weight: bold;
        margin-top: 0.3rem;
        display: none;
    }

    .business li.on .bss_secondary {
        display: block;
    }

    .bss_nav {
        height: 1.38rem;
        line-height: 0.36rem;
        font-size: 0.14rem;
        font-weight: bold;
        overflow: hidden;
        margin-top: 0.20rem;
    }

    .business li.on .bss_nav {
        width: 4.06rem;
        height: 0.52rem;
        margin-top: 0.33rem;
        font-size: 0.16rem;
    }

    .business li.on .bss_nav a {
        float: left;
    }

    .business li.on .bss_nav a div {
        margin-right: 0.1rem;
        line-height: 0.27rem;
    }

    .bss_mam {
        color: #4668FB;
        font-size: 0.16rem;
        position: absolute;
        left: 0.2rem;
        bottom: 0.3rem;
        opacity: 0;
    }

    .business li.on .bss_mam {
        opacity: 1;
    }

    .msc_content2 {
        padding: 1.2rem 1.8rem 1.3rem 1.8rem;
    }

    .content_lrft2 {
        width: 12.6rem;
        height: 4.5rem;
        position: relative;
    }

    .switch {
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
        display: none;
    }

    .switch.on {
        display: block;
    }

    .switch_title {
        height: 0.95rem;
        font-size: 0.3rem;
        font-weight: bold;
        padding-top: 0.2rem;
        position: relative;
    }

    .switch_title:before {
        content: '';
        width: 1.22rem;
        height: 0.06rem;
        background: #4366FB;
        position: absolute;
        bottom: 0;
    }

    .switch_secondary {
        font-size: 0.24rem;
        font-weight: bold;
        line-height: 0.48rem;
        margin-top: 0.59rem;
    }

    .content_right2 {
        width: 1.52rem;
        height: 3.2rem;
        margin-top: 0.8rem;
        border-right: 0.02rem solid #E5E5E5;
    }

    .content_right2 ul {
        height: 100%;
    }

    .content_right2 li {
        height: calc(100% / 6);
        line-height: 0.5333333rem;
        font-size: 0.14rem;
        font-weight: bold;
        position: relative;
    }

    .content_right2 li.on {
        font-size: 0.16rem;
        color: #4366FB;
    }

    .content_right2 li:before {
        content: '';
        width: 0.05rem;
        height: 0.05rem;
        border-radius: 0.025rem;
        background-color: #999999;
        position: absolute;
        right: -0.034rem;
        top: 45%;
    }

    .content_right2 li.on:before {
        content: '';
        width: 0.13rem;
        height: 0.13rem;
        border-radius: 0.065rem;
        background-color: #fff;
        background-image: url(../img/tuoyuan572.png);
        background-size: cover;
        padding: 0.0216666666rem;
        position: absolute;
        right: -0.1rem;
        top: 35%;
    }

    .tsteps {
        position: absolute;
        top: 2.84rem;
    }

    .steps {
        float: left;
    }

    .steps:nth-child(n+2) {
        margin-left: 0.63rem;
    }

    .steps div:nth-child(1) {
        width: 0.96rem;
        height: 0.96rem;
        border-radius: 0.48rem;
        background-color: #fff;
        box-shadow: 0px 0px .4rem #e3edff;
    }

    .steps div:nth-child(2) {
        font-size: 0.18rem;
        color: #666666;
        text-align: center;
        margin-top: 0.49rem;
    }

    .switch_img {
        width: 7.2rem;
        height: 4.5rem;
    }

    .switch_img li:nth-child(n+2) {
        margin-left: 0.7rem;
    }

    .switch_img li:nth-child(4n+1) {
        margin-left: 0;
    }

    .switch_img li:nth-child(n+5) {
        margin-top: 0.62rem;
    }

    .switch_img div:nth-child(1) {
        width: 1.1rem;
        height: 1.1rem;
        border-radius: 50%;
    }

    .switch_img div:nth-child(2) {
        font-size: 0.16rem;
        margin-top: 0.24rem;
        font-weight: bold;
        text-align: center;
    }

    .msc_img {
        display: table;
        padding: 1.0rem 0;
        margin: 0 auto;
    }

    .technology {
        padding: 1.26rem 2.4rem 1.94rem 2.4rem;
    }

    .technology li {
        width: 2.8rem;
        height: 3.2rem;
        text-align: center;
        box-shadow: 0px 0px 0.15rem #dce9ff;
        border-radius: 0.13rem;
    }

    .technology li.cc {
        animation: bounceIn 1s .2s forwards;
    }

    .technology li:nth-child(n+2) {
        margin-left: 0.97rem;
    }

    .thl_img {
        width: 1.0rem;
        height: 1.0rem;
        margin: 0 auto;
        margin-top: 0.66rem;
    }

    .technology li div:nth-child(2) {
        font-size: 0.24rem;
        font-weight: bold;
        margin-top: 0.64rem;
    }

    .msc_block .message_content {
        padding: 0 1.2rem;
        margin-top: 0.89rem;
    }

    .msc_block .wrap-bottom {
        margin: 0.80rem auto;
        margin-bottom: 0;
    }

    /*---------------------------------------------------------------------------------------------*/
    .wrp {
        font-family: SourceHanSansCN-Regular;
    }

    .msc_block:nth-child(odd) .block_right.cc {
        animation: fadeInRight 1s .2s forwards;
    }

    .msc_block:nth-child(even) .block_right.cc {
        animation: fadeInLeft 1s .2s forwards;
    }

    .msc_block:nth-child(odd) .block_left.cc {
        animation: fadeInLeft 1s .2s forwards;
    }

    .msc_block:nth-child(even) .block_left.cc {
        animation: fadeInRight 1s .2s forwards;
    }

    .block_right {
        width: calc(100% / 2);
        height: 6.8rem;
        opacity: 0;
    }

    .article_secondary1 {
        font-size: 0.24rem;
        font-weight: bold;
        margin-top: 0.59rem;
    }

    .article_content1 {
        font-size: 0.18rem;
        font-weight: bold;
        margin-top: 0.59rem;
    }

    .block_left {
        width: calc(100% / 2);
        height: 6.8rem;
        padding-left: 1.87rem;
        padding-top: 1rem;
    }

    .wrp .block_left img {
        height: auto;
    }

    .msc_block:nth-child(odd) .block_right {
        text-align: right;
        float: right;
        padding: 1.8rem 2.38rem 0 0;
    }

    .msc_block:nth-child(odd) .block_right .article_title:before {
        left: auto;
        right: 0;
    }

    .msc_block:nth-child(odd) .block_left {
        float: left;
    }

    .msc_block:nth-child(even) .block_right {
        text-align: left;
        float: left;
        padding: 1.8rem 0 0 2.38rem;
    }

    .msc_block:nth-child(even) .block_left {
        float: right;
        padding: 0;
        padding-right: 1.87rem;
        padding-top: 1rem;
    }

    .promote {
        padding-bottom: 1.16rem;
    }

    .promote.cc {
        animation: fadeInUp 1s .2s forwards;
    }

    .promote ul {
        display: table;
        font-size: 0;
        margin: 0 auto;
        margin-top: 0.69rem;
    }

    .promote li {
        width: 2.82rem;
        text-align: center;
        font-size: 0.24rem;
        padding: 0 0.64rem;
        font-weight: bold;
    }

    .pme_img {
        text-align: center;
    }

    .promote img {
        width: 1.2rem;
        height: 1.2rem;
    }

    .promote li div:nth-child(2) {
        margin-top: 0.15rem;
    }

    .wrp .msc_block:nth-child(5) {
        padding-bottom: 0.8rem;
    }

    .wrp .msc_block:nth-child(5) .wrap-bottom {
        margin-bottom: 0;
    }

    /*--------------------------------------------------------------------------------------*/
    .wci_nav {
        padding: 1.27rem 1.8rem 0.94rem 1.8rem;
    }

    .msc_block:nth-last-of-type(1) {
        padding-bottom: 0.8rem;
    }

    .wci_nav li {
        width: 3.39rem;
        height: 4.2rem;
        text-align: center;
        box-shadow: 0px 0px 0.30rem #dbe9ff;
        border-radius: 0.13rem;
        padding-top: 0.67rem;
    }

    .wci_nav li:nth-child(n+2) {
        margin-left: 0.59rem;
    }

    .wci_img img {
        width: 1.0rem;
        height: 1.0rem;
    }

    .wci_title {
        font-size: 0.24rem;
        font-weight: bold;
        margin-top: 0.63rem;
    }

    .wci_secondary {
        font-size: 0.18rem;
        font-weight: bold;
        margin-top: 0.64rem;
    }

    .wci .advantage_left {
        width: 5.4rem;
        font-weight: bold;
        margin-top: 1.33rem;
        margin-left: 2.4rem;
        padding-bottom: 0.87rem;
    }

    .wci .msc_block:nth-child(odd) .advantage_left {
        margin-left: 0;
        margin-right: 2.4rem;
        float: right;
    }

    .advantage_left div:nth-child(1) {
        font-size: 0.24rem;
        color: #333333;
    }

    .article_title1 {
        font-size: 0.36rem;
        margin-top: 0.5rem;
    }

    .wci .article_secondary {
        width: auto;
        height: auto;
        font-size: 0.24rem;
        margin-top: 0.59rem;
    }

    .wci .article_bottom {
        margin-top: 1.0rem;
        font-size: 0.24rem;
    }

    .wci_img2 {
        width: 6.13rem;
        height: 4.97rem;
        margin-right: 3.03rem;
        margin-top: 0.96rem;
    }

    .wci .msc_block:nth-child(3) .wci_img2 {
        width: 6.16rem;
        height: 4.72rem;
    }

    .wci .msc_block:nth-child(4) .wci_img2 {
        width: 6.58rem;
        height: 4.21rem;
    }

    .wci .msc_block:nth-child(5) .wci_img2 {
        width: 6.5rem;
        height: 5.43rem;
    }

    .wci .msc_block:nth-child(6) .wci_img2 {
        width: 7.36rem;
        height: 5.27rem;
    }

    /*---------------------------------------------------------------------------------------*/
    .msc .msc_block1 {
        font-family: SourceHanSansCN-Regular;
        padding-bottom: 1.21rem;
    }

    .msc_block1:nth-child(even) {
        background-color: #F7F9FF;
    }

    .msc_block1:nth-child(odd) {
        background-color: #fff;
    }

    .msc .msc_block1 .lock1_left {
        padding-left: 2.4rem;
        padding-top: 1.4rem;
        color: #333333;
        float: left;
    }

    .msc .msc_block1:nth-child(2) .lock1_left {
        float: right;
        text-align: right;
    }

    .msc .msc_block1 .lock1_left .lock1_title {
        height: 0.8rem;
        font-size: 0.36rem;
        font-weight: bold;
        position: relative;
    }

    .msc .msc_block1 .lock1_left .lock1_title:before {
        content: '';
        width: 1.22rem;
        height: 0.06rem;
        background-color: #0A85F8;
        position: absolute;
        bottom: 0;
    }

    .msc .msc_block1:nth-child(2) .lock1_left .lock1_title:before {
        right: 0;
    }

    .lock1_secondary {
        font-size: 0.24rem;
        font-weight: bold;
        margin-top: 0.59rem;
    }

    .lock1_icon {
        height: 0.48rem;
        margin-top: 0.62rem;
    }

    .lock1_icon span:nth-child(1) img {
        width: 0.54rem;
        height: 100%;
    }

    .lock1_icon span:nth-child(2) img {
        width: 0.14rem;
        height: 0.14rem;
        margin-left: 0.1rem;
    }

    .lock1_icon span:nth-child(3) img {
        width: 0.53rem;
        height: 0.48rem;
    }

    .lock1_details {
        line-height: 0.35rem;
        color: #666666;
        font-size: 0.18rem;
        font-weight: bold;
        margin-top: 0.55rem;
    }

    .msc .msc_block1:nth-child(1) .wci_img3 {
        width: 7.43rem;
        height: 4.6rem;
        margin-top: 1.1rem;
        margin-right: 2.56rem;
    }

    .lock2_icon {
        margin-top: 0.6rem;
    }

    .lock2_icon span img {
        width: 0.5rem;
        height: 0.5rem;
    }

    .lock2_icon span:nth-child(n+2) img {
        margin-left: 0.65rem;
    }

    .msc .msc_block1:nth-child(2) .lock1_left {
        padding: 0;
        margin-top: 1.37rem;
        margin-right: 2.37rem;
    }

    .msc .msc_block1:nth-child(2) .wci_img3 {
        width: 9.55rem;
        height: 4.84rem;
        margin-top: 1.17rem;
        margin-left: 1.5rem;
    }

    .msc_block1:nth-child(3) {
        padding: 1.01rem 2.42rem 1.0rem 2.42rem;
        color: #333333;
    }

    .function {
        margin-top: 1.25rem;
        position: relative;
    }

    .function_lrft {
        padding-top: 0.62rem;
    }

    .function_lrft li {
        height: 0.66rem;
        line-height: 0.66rem;
        text-align: right;
        font-size: 0.18rem;
        font-weight: bold;
        position: relative;
        transition: all .8s;
    }

    .function_lrft li.on:before {
        content: '';
        width: 0.8rem;
        height: 0.04rem;
        background-color: #0A85F8;
        position: absolute;
        bottom: 0;
        right: 0;
    }

    .function_img {
        width: 6.0rem;
        height: 5.0rem;
        margin-right: 0.4rem;
    }

    .function_content {
        width: 5.4rem;
        margin-top: 0.79rem;
    }

    .function_title {
        font-size: 0.24rem;
        font-weight: bold;
    }

    .function_secondary {
        color: #666666;
        font-size: 0.18rem;
        font-weight: bold;
        line-height: 0.35rem;
        margin-top: 0.59rem;
    }

    .function_view {
        margin-top: 0.72rem;
    }

    .function_view li {
        width: 1.4rem;
        font-size: 0.16rem;
        font-weight: bold;
        text-align: center;
    }

    .function_right:nth-child(n+2) .function_view li {
        width: auto;
    }

    .function_view li:nth-child(1) {
        width: 1rem;
    }

    .function_view li:nth-child(n+2) {
        margin-left: 0.2rem;
    }

    .function_view li div img {
        width: 0.9rem;
        height: 0.9rem;
    }

    .function_view li div:nth-child(2) {
        margin-top: 0.31rem;
    }

    .msc_block1:nth-child(4) {
        padding: 1.0rem 2.4rem 1.54rem 2.39rem;
        color: #333333;
    }

    .segmentation {
        width: 0.02rem;
        height: 5.0rem;
        background: rgba(229, 229, 229, 1);
        float: left;
        margin-left: 0.66rem;
    }

    .function_right {
        position: absolute;
        right: 0;
        display: none;
    }

    .function_right.on {
        display: block;
    }

    .lock2_title {
        font-size: 0.36rem;
        font-weight: bold;
        text-align: center;
    }

    .msc_block2 img {
        width: auto;
        height: auto;
    }

    .lock1_optimization {
        padding-top: 1.31rem;
    }

    .lock1_optimization li {
        width: 2.54rem;
        height: 2.6rem;
        text-align: center;
        background-color: #fff;
        border-radius: 0.3rem;
        float: left;
    }

    .lock1_optimization li:nth-child(n+2) {
        margin-left: 0.35rem;
    }

    .opza_img {
        padding-top: 0.4rem;
    }

    .opza_img img {
        width: 0.88rem;
        height: 0.88rem;
    }

    .opza_text {
        font-size: 0.24rem;
        font-weight: bold;
        margin-top: 0.62rem;
    }

    .msc_block1:nth-child(5) {
        padding: 1.0rem 1.2rem 1.54rem 1.2rem;
        color: #333333;
    }

    .maintenance {
        padding-top: 1.32rem;
    }

    .maintenance li {
        width: 2.56rem;
        height: 3.0rem;
        text-align: center;
        float: left;
        border: 0.01rem solid rgba(229, 229, 229, 1);
        box-shadow: 0px 0px 0.30rem #dbe9ff;
    }

    .maintenance li:nth-child(n+2) {
        margin-left: 0.24rem;
    }

    .mta_img {
        height: 2.0rem;
    }

    .mta_text {
        font-size: 0.24rem;
        font-weight: bold;
        line-height: 1.0rem;
    }

    .function_right.er .function_content {
        width: 11.24rem;
    }

    .function_right.er .function_view li:nth-child(n+2) {
        margin-left: 1.29rem;
    }


    /*-------------------------------------------------------------------------------------------*/
    .app_block {
        font-family: SourceHanSansCN-Regular;
        color: #333333;
    }

    .app_block:nth-child(odd) {
        background-color: #F7F9FF;
    }

    .app_block:nth-child(even) {
        background-color: #fff;
    }

    .app_block:nth-child(1) {
        padding: 0 3.6rem 0.89rem 3.6rem;
    }

    .app_block .msc_title {
        padding-top: 1.01rem;
    }

    .app_service {
        text-align: center;
        padding-top: 0.91rem;
    }

    .app_service li {
        width: 3.16rem;
        height: 3.6rem;
        background-color: #fff;
        padding: 0 0.33rem;
        border: 0.01rem solid rgba(229, 229, 229, 1);
    }

    .app_service li:nth-child(n+2) {
        margin-left: 1.14rem;
    }

    .ser_img {
        margin-top: 0.5rem;
    }

    .ser_img img {
        width: 0.9rem;
        height: 0.9rem;
    }

    .ser_system {
        font-size: 0.18rem;
        font-weight: bold;
        margin-top: 0.38rem;
    }

    .ser_details {
        font-size: 0.14rem;
        font-weight: bold;
        margin-top: 0.3rem;
    }

    .app_block:nth-child(2) {
        padding: 0 1.8rem;
        padding-bottom: 1.13rem;
    }

    .app_plan {
        padding-top: 0.91rem;
    }

    .app_plan li {
        width: 3.6rem;
        height: 2.08rem;
        color: #fff;
        text-align: center;
    }

    .app_plan li:nth-child(n+2) {
        margin-left: 0.32rem;
    }

    .app_plan li:nth-child(n+5) {
        margin-top: 0.32rem;
    }

    .app_plan li:nth-child(4n+1) {
        margin-left: 0rem;
    }

    .app_plan li div {
        height: 0.49rem;
        font-size: 0.24rem;
        font-weight: bold;
        color: #fff;
        margin-top: 0.79rem;
        position: relative;
    }

    .app_plan li div:before {
        content: '';
        width: 0.28rem;
        height: 0.04rem;
        background: rgba(246, 247, 249, 1);
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translate(-50%, 0);
    }

    .app_block:nth-child(3) {
        padding: 0 1.8rem;
        padding-bottom: 1.26rem;
    }

    .app_advantage {
        padding-top: 1.55rem;
    }

    .app_advantage li {
        width: 3.34rem;
        height: 4.2rem;
        text-align: center;
        padding: 0 0.34rem;
        background: rgba(255, 255, 255, 1);
        border-radius: 0.15rem;
        box-shadow: 0px 0px 0.15rem #dce9ff;
    }

    .app_advantage li:nth-child(n+2) {
        margin-left: 0.66rem;
    }

    .adv_img {
        margin-top: 0.615rem;
    }

    .adv_img img {
        width: 0.9rem;
        height: 0.9rem;
    }

    .adv_title {
        font-size: 0.24rem;
        font-weight: bold;
        margin-top: 0.585rem;
    }

    .adv_details {
        line-height: 0.35rem;
        font-size: 0.18rem;
        font-weight: bold;
        margin-top: 0.35rem;
    }

    .app_block:nth-child(4) {
        padding: 0 1.8rem;
        padding-bottom: 1.26rem;
    }

    .app_block:nth-child(4) .app_advantage li {
        height: 4.4rem;
        padding: 0 0.3rem;
        box-shadow: none;
        border: 0.01rem solid rgba(229, 229, 229, 1);
    }

    .app_block:nth-child(4) .adv_details {
        text-align: left;
    }


    /*-------------------------------------------------------------------------------------*/
    .bar {
        padding: 0 1.2rem;
        background: rgba(34, 34, 34, 1);
        font-family: SourceHanSansCN-Medium;
    }

    .bar1 {
        height: 3.4rem
    }

    .contact {
        padding-top: 1.16rem;
        font-size: 0;
        text-align: center;
    }

    .contact > div {
        display: inline-block;
    }

    .iogo2 {
        width: 2.3rem;
        height: 0.68rem;
    }

    .nav {
        height: 0.68rem;
        line-height: 0.68rem;
        padding-left: 1rem;
        padding-right: 1rem;
        font-size: 0.18rem;
        color: #999999;
    }

    .nav a:nth-child(n+2) {
        margin-left: 0.6rem;
    }

    .nav a:hover {
        color: #fff;
    }

    .cont a img {
        width: 0.5rem;
        height: 0.5rem;
    }

    .cont span img {
        width: 0.5rem;
        height: 0.5rem;
    }

    .cont a img {
        margin-left: 0.24rem;
    }

    .cont span img {
        margin-left: 0.24rem;
    }

    .contact2 {
        margin-top: 0.52rem;
        text-align: center;
        font-size: 0.18rem;
        font-weight: bold;
        color: rgba(153, 153, 153, 1);
    }

    .bar2 {
        padding: 0.2rem 0;
        line-height: 0.34rem;
        border-top: 0.01rem solid rgba(229, 229, 229, 0.5);
        color: #999999;
        font-size: 0.14rem;
    }

    .title-right div {
        /*width: 0.86rem;*/
        padding: 0 0.2rem;
        height: 0.4rem;
        line-height: 0.4rem;
        text-align: center;
        color: #666666;
        font-size: 0.18rem;
        font-family: SourceHanSansCN-Medium;
        font-weight: bold;
        float: left;
        transition: all .2s;
    }

    .wrap.temp .title-right {
        /*width: calc(100% - 1.1rem);*/
        float: left;
        /*height: 0.5rem;*/
        overflow: hidden;
    }

    .wrap.temp .title-right div {
        margin: 0.05rem 0.05rem 0.05rem  0;
    }

    .title-right a {
        display: block;
    }

    .title-right a:hover {
        color: #fff;
    }

    .title-right div.on {
        background-color: #0A85F8;
        color: #FFFFFF;
    }

    .title-right div:hover {
        background-color: #0A85F8;
        color: #FFFFFF;
    }

    .title-right span {
        width: 0.2rem;
        height: 0.02rem;
        background: rgba(153, 153, 153, 1);
        margin: 0.19rem 0.2rem;
        float: left;
    }

    .weixinerwei {
        width: 1.5rem;
        height: 1.5rem !important;
        position: absolute;
        float: none !important;
        top: -1.9rem;
        left: 50%;
        transform: translate(-50%, 0);
        display: none;
        transition: all 0.3s;
    }

    .weixinerwei img {
        width: 100% !important;
        height: 100% !important;
        margin: 0 !important;
    }

    #more {
        width: 100%;
        float: left;
    }

    .text-center {
        float: left;
    }

    .cx_mdq {
        visibility: hidden;
    }
}