@charset "utf-8";
/*==鍝嶅簲鈫�==*/
@media all and (max-width: 1920px) {
    .ProductShow .relevant .swiperLong {
        padding: 0 0px;
    }

    .ProductShow .relevant .swiper-button-prev {
        left: 10px;
    }

    .ProductShow .relevant .swiper-button-next {
        left: auto;
        right: 10px;
    }
}

@media all and (max-width: 1440px) {
    .container {
        width: 1200px;
    }

    /*--*/
    .airing {
        width: 500px
    }

    /*--*/
    .header .logo .txt {
        font-size: 16px;
        margin-top: 5px
    }

    .header .logo .txt font {
        margin-top: 2px;
        font-size: 12px;
    }

    .header .nav > li {
        padding: 0 10px 41px 10px;
    }

    .header .nav > li > a {
        font-size: 17px
    }

    .header .search {
        margin-left: 5px;
    }

    .header .search input {
        width: 100px;
    }

    /*--*/
    .multipleBox .righter .list .item {
        padding: 0px 20px 0 0;
    }

    /*--*/
    .advantagesHome .card li a {
        padding: 30px;
        height: 400px;
    }

    .advantagesHome .card li .txt {
        margin-top: 30px
    }

    /*--*/
    .digital li h5 {
        display: block;
        clear: both;
        margin-top: 10px;
    }

    .digital li p {
        display: block;
        clear: both;
    }

    /*--*/
    .contactBox .info .box .ewm {
        margin-right: 20px
    }

    /*--*/
    .NewsListBox .list-top li {
        height: 350px;
    }

    .fanghu ul li {
        width: 24.2%;
    }

    .fanghu2 span {
        margin-top: 5%;
    }

    .fanghu2 dt {
        height: auto;
    }

    .proclient .newuser {
        width: 48%;
        padding: 40px 0px 0 3%;
    }

    .header .nav > li {
        padding: 0 6px 41px 6px;
    }

    .header .nav > li > a {
        font-size: 15px;
    }
}
.header .container{
    width: 90%;
}

@media all and (max-width: 1210px) {
.header .logo .txt {
        display: none
    }
}
@media all and (max-width: 1200px) {
    .container {
        width: 1000px;
    }

    /*--*/
    .airing {
        width: 300px
    }

    .header .logo .txt {
        display: none
    }

    .header .nav > li > a {
        font-size: 15px
    }

    .header .nav > li {
        padding: 0 8px 41px 8px;
    }

    .header .search {
        height: 40px;
        margin-left: 20px;
        margin-top: 5px;
    }

    .header .search input {
        width: 100px;
    }

    .header .search button {
        padding: 0 20px;
    }

    .searSelect span {
        line-height: 36px;
    }

    /*--*/
    .serviceHome .list li {
        width: 25%;
        min-height: 182px;
    }

    .serviceHome .list .line {
        display: none;
    }

    /*--*/
    .multipleBox .righter .list .item {
        width: 33.3%;
    }

    .multipleBox .righter .list .item:nth-child(4n+1) {
        padding-right: 20px;
    }

    .multipleBox .righter .list .item:nth-child(3n+1) {
        padding-right: 0px;
    }

    /*--*/
    .laboratoryHome .long {
        height: 550px;
    }

    /*--*/
    .list-honor li a {
        padding: 10px;
    }

    .list-honor li .pic {
        margin: 8px auto 18px;
    }

    .list-honor li .block {
        height: 200px;
    }

    .list-honor li h4 {
        font-size: 14px;
        padding: 16px 0 5px 0;
    }

    /*--*/
    .strengthHome .down .log {
        padding: 80px 50px;
    }

    .strengthHome .btn {
        left: -10px
    }

    .strengthHome .btn.nextBtn {
        left: auto;
        right: -10px;
    }

    .strengthHome .coll {
        height: 450px;
    }

    /*--*/
    .leftNav .titleTop {
        padding: 15px 25px;
    }

    .leftNav .twoN > li > h3 {
        padding: 15px 30px 15px 30px;
    }

    .leftNav .threeN > li {
        padding: 10px 10px 10px 50px;
    }

    .lefter .contact {
        padding: 20px 15px
    }

    .lefter .contact .tel font {
        font-size: 20px;
    }

    /*--*/
    .menu ul {
        width: 80%;
    }

    .menu ul {
    }

    /*--*/
    .rack .list-honor li {
        width: 25%
    }

    /*--*/
    .introductionBox {
    }

    .introductionBox .wx {
        width: 100%;
        font-size: 14px;
    }

    .introductionBox .pic {
        width: 100%;
        margin-top: 30px;
        text-align: center;
    }

    .cultureBox .list li p {
        height: 100px
    }

    /*--*/
    .contactBox .info .box .ewm {
        margin-right: 5px;
    }

    .contactBox .info .box .ewm font {
        padding: 10px 10px
    }

    /*--*/
    .NewsListBox .list-top li {
        height: 300px;
    }

    .NewsListBox .list-top li .box {
        padding: 30px
    }

    .NewsListBox .list-down li .pic {
        margin-right: 30px;
    }

    .NewsListBox .list-down h4 {
        margin: 0px 0 20px 0;
        font-size: 18px;
    }

    .NewsListBox .list-down p {
        font-size: 14px;
        padding-bottom: 20px;
    }

    .NewsListBox .righter .more {
        margin-top: 20px
    }

    .NewsDetailBox .leftBox .top {
       line-height: 30px;
    margin-top: 10px;
    }

    .NewsDetailBox .leftBox .top .time {
        padding: 0 30px 0 20px;
    }

    .NewsDetailBox .leftBox .top .time:before {
        right: -24px;
        top: -8px;
        font-size: 70px;
    }

    .NewsDetailBox .leftBox .top .bshare-custom {
        margin: 10px 0 0 50px;
    }

    .NewsDetailBox .leftBox .top .bshare-custom .bshare-share-count {
        display: none !important;
    }

    .NewsDetailBox .leftBox .top .hit {
        margin: 0 40px 0 50px;
        padding-left: 30px;
    }

    /*--*/
    .proposalFrame .top {
        padding: 30px
    }

    .proposalFrame .top img {
        width: 100%;
        margin-right: 0px;
        margin-bottom: 20px;
    }

    /*--*/
    .queryFrame .container {
        width: 1000px;
        padding: 30px 60px 50px 60px
    }

    .queryFrame .layui-layer {
        min-width: 1000px;
        max-width: 1000px;
    }

    .queryFrame .layui-layer .frame {
        padding: 0px 60px 50px 60px
    }

    /*--*/
    .ExperimentShow .items .unique li {
        padding: 30px;
        height: 240px;
    }

    .ExperimentShow .advantages .mun li {
        width: 22%;
        margin-right: 3.3%;
    }

    .ExperimentShow .team .list li p {
        height: 140px;
        -webkit-line-clamp: 6;
    }

    /*--*/
    .footer .middle {
        width: 20%;
    }

    .footer .right {
        width: 25%;
    }

    .fanghu2 span {
        margin-top: 0;
        width: 100%;
        padding-top: 44.94%;
    }

    .fanghu2 dt {
        height: auto;
        width: 100%
    }

    .proclient .newuser {
        width: 100%;
        padding: 40px 0px 0 14%;
        margin-bottom: 3%;
    }

    .proclient .pro-wx {
        float: none;
        display: block;
        margin: 0 auto;
        max-width: 100%;
    }

    .header .container {
        width: 100%;
    }
}

@media all and (max-width: 1100px) {
    .header .nav > li > a {
        font-size: 14px
    }

    .header .nav > li {
        padding: 0 6px 41px 6px;
    }
}

@media all and (max-width: 1210px) {
    .NewsDetailBox .lefter {
        display: none !important;
    }

    .rack .righter {
        width: 96%;
        margin: 2% 2% 2% 2%;
    }
}

@media all and (max-width: 1210px) {
    .rack .lbrighter {
        width: 90%;
    }
}

@media all and (max-width: 800px) {
    .jczx {
        display: none;
    }
}

@media all and (min-width: 800px) {
    .jczx1 {
        display: none;
    }
}

@media all and (max-width: 1024px) {
    .container {
        width: 100%;
        padding-left: 10px;
        padding-right: 10px;
    }

    /*--*/
    .head-top {
        padding: 10px 0;
        line-height: 20px;
    }

    .head-top .right .ico {
        display: none
    }

    .head-top .right .tel {
        font-size: 12px;
        padding-left: 25px;
        margin-right: 20px;
    }

    .head-top .right .tel font {
        font-size: 16px;
        margin: 0 0 0 10px;
    }

    .header .nav {
        display: none;
    }

    .airing {
        height: 20px;
        margin-top: 0px;
    }

    .airing ul li a {
        font-size: 12px;
    }

    .airing ul li {
        height: 20px;
        line-height: 20px;
    }

    .header {
        padding: 0px 0;
    }

    .header .search {
        display: none;
    }

    .header {
        height: 70px; /*! overflow:hidden;*//*! position:relative;*/
    }

    /*--*/
    .navWap-trigger {
        margin-top: 10px;
    }

    .navWap-block {
        top: 127px;
    }

    .fixed-top .navWap-block {
        top: 75px;
    }

    .fixed-top {
        position: fixed;
        z-index: 99;
        background: #fff;
        width: 100%;
        top: 0;
        box-shadow: 0 0 10px #ddd
    }

    /*--*/
    .logo img { /*! height:55px;*/
        width: auto
    }

    /*--*/
    .subNavWap {
        display: block;
    }

    /*--*/
    .rack .lefter {
        display: none;
    }
.newslist .container .lefter{
    display: none;
}
    .rack .righter {
        width: 96%;
    }

    /*--*/
    .menu h3 {
        width: 100%;
        margin: 0 0 30px 0;
        text-align: center;
    }

    .menu ul {
        width: 100%;
    }

    /*--*/
    #bannerBox .swiper-button-prev:before, .bannerBox .swiper-button-next:before {
        font-size: 60px;
    }

    #bannerBox .swiper-pagination {
        bottom: 15px;
    }

    /*--*/
    .serviceHome {
        padding: 50px 0;
    }

    .serviceHome .list li {
        width: 33.3%;
        min-height: 190px; /*border-bottom:1px #ddd solid*/
    }

    /*--*/
    .strengthHome .down .log {
        padding: 80px 80px;
    }

    .strengthHome .btn {
        left: 10px
    }

    .strengthHome .btn.nextBtn {
        left: auto;
        right: 10px;
    }

    .strengthHome .coll {
        height: 450px;
    }

    /*--*/
    .laboratoryHome .long {
        height: 450px;
    }

    .laboratoryHome .downBlock .block .box {
        padding: 10% 10%
    }

    /*--*/
    .advantagesHome .card li {
        float: left;
        width: 50%;
    }

    .advantagesHome .card li .txt {
        height: 100px;
    }

    .advantagesHome .card li a {
        margin: 0 8px 20px 8px;
        height: auto;
        padding: 50px;
    }

    /*--*/
    .digital li {
        padding-right: 30px;
    }

    /*--*/
    .newsHome .list li {
        width: 50%; /*margin-bottom:20px*/
    }

    /*--*/
    .contactHome .container {
        width: 100%;
    }

    .cultureBox .list li {
        width: 100%;
        margin: 0 0 20px 0
    }

    .cultureBox .list li p {
        height: auto;
    }

    /*--*/
    .courseBox .list li {
        padding-right: 100px;
        margin-bottom: 40px;
    }

    .courseBox .list li a:before, .courseBox .list li a:after {
        right: -100px;
    }

    .courseBox .list li a:before {
        width: 100px;
    }

    .courseBox .list li a:after {
        border-radius: 50%;
    }

    .courseBox .list li.two {
        margin-top: 40px;
        padding-left: 100px;
    }

    .courseBox .list li.two a:before, .courseBox .list li.two a:after {
        left: -100px;
    }

    /*--*/
    .rack .list-honor li {
        width: 33.3%
    }

    /*--*/
    .joinBox .list h3 font:nth-child(3) {
        width: 30%
    }

    .joinBox .list h3 font:nth-child(4) {
        width: 15%;
    }

    /*--*/
    .contactBox .info .map {
        width: 100%;
    }

    .contactBox .info .box {
        width: 100%;
        margin-top: 30px;
    }

    /*--*/
    .NewsListBox .list-top li .box p {
        margin: 20px 0 10px 0
    }

    .NewsListBox .list-down h4 {
        max-width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    /*--*/
    .download-list li {
        width: 100%;
    }

    .download-list li a {
        margin: 0 0px 30px 0;
        padding: 30px 30px 30px 70px;
    }

    .download-list li:nth-child(2n) a {
        margin-right: 0px;
    }

    /*--*/
    .proposalFrame .down {
        padding: 50px 50px;
    }

    /*--*/
    .albumFrame .list li {
        width: 33.3%
    }

    /*--*/
    .queryFrame .container {
        width: 90%;
        padding: 30px 5% 50px 5%
    }

    .queryFrame .layui-layer {
        min-width: 90%;
        max-width: 90%;
    }

    .queryFrame .layui-layer .frame {
        padding: 0px 5% 50px 5%
    }

    .queryFrame .tab {
        margin: 30px 0px 50px 0px;
    }

    .queryFrame .tab .tone {
        overflow: hidden;
    }

    .queryFrame .tab .tone li {
        float: left;
        width: 32.3%;
        text-align: center;
        padding: 15px 5px;
        margin-right: 1%
    }

    /*--*/
    .queryFrame .report {
        margin: 20px 0 0 0;
        height: auto;
        padding: 30px 0 0 0;
        border: #0b428b 2px solid;
        background-image: none;
    }

    .queryFrame .figure {
        display: none
    }

    .queryFrame .report ul {
        margin: 30px 20px;
    }

    /*--*/
    .ExperimentShow .team .list li p {
        height: 120px;
        -webkit-line-clamp: 5;
    }

    /*--*/
    .flatI {
        display: block;
    }

    /*--*/
    .footer {
        padding: 50px 0 20px 0;
    }

    .footer .nav {
        display: none;
    }

    .footer .middle {
        float: left;
        width: 50%;
    }

    .footer .right {
        width: 40%;
    }
}

@media all and (max-width: 1024px) {
    .fanghu ul li {
        width: 49%;
        margin-bottom: 1%
    }

    .fanghu ul li:nth-child(2) {
        margin-right: 0;
    }
}

@media all and (max-width: 760px) {
    .container {
        width: 100%;
        padding-left: 10px;
        padding-right: 10px;
    }

    .wap-search button {
        /*float: right;*/
        /*width: 25%;*/
        /*color: #888;*/
        /*font-size: 13px;*/
        /*border: none;*/
        /*line-height: 30px;*/
        /*text-align: center;*/
        /*background: none;*/
        /*background: url(../images/search_1.png) no-repeat left center;*/
        /*height: 25px;*/
        
            float: right;
    width: 25px;
    border: none;
    line-height: 28px;
    text-align: center;
    background: url(../images/search_1.svg) no-repeat left center;
    height: 28px;
    background-size: contain;
    }

    /*--*/
    .head-top .right {
        width: 100%
    }

    .head-top {
        display: none
    }

    .head-top .right .tel {
        float: left;
    }

    .head-top .right .lang {
        float: right;
        margin-right: 20px;
    }

    .header .container {
        width: 100%;
    }

    .header .logo .txt {
            display: block !important;
            font-size: 8px;
            font-weight: 400;
            /* margin-top: 40px; */
            margin-left: 5px;
            /* position: absolute; */
            float: left;
            height: 50px;
    }

    .header .logo .txt font {
        display: none;
    }

    #logocity {
            color: white;
    font-size: 12px;
    font-weight: 400;
    margin-left: 0px;
    background: #0064c7;
    border-radius: 20px;
    padding: 0 10px;
    /*background: url(../images/tbcity.png) no-repeat left #0064c7;*/
    }

    .wap-search {
           position: relative;
           margin: 10px 5px 0px 0;
           overflow: hidden;
           padding: 0 5px;
           float: right;
           width: 25%;
           height: 30px;
           border: 1px #e1e1e1 solid;
           border-radius: 20px;
           background: #f1f1f1;
    }

    .airing {
        display: none;
    }

    .header {
        height: 60px;
        padding: 5px 0 5px 0;
        position: fixed;
        top: 0;
        width: 100%;
        z-index: 999999;
    }

    .logo img {
        height: 50px;
        /* margin-top: 5px; */
    }

    /*--*/
    .navWap-trigger {
        margin-top: 10px;
    }

    .navWap-block {
        top: 60px;
    }

    .fixed-top .navWap-block {
        top: 60px;
    }

    /*--*/
    .banner-within {
    }

    /*--*/
    .menu .container {
        padding: 20px 0;
    }

    .menu h3 {
        display: none;
        font-size: 20px;
    }

    .menu li {
        display: inline-block;
        width: 25%;
        margin-bottom: 10px;
    }

    .menu li a {
        margin: 0 5px;
        font-size: 14px;
        padding: 8px 6px;
    }

    /*--*/
    .site {
        display: none
    }

    /**/
    .titleAx {
        margin: 10px 0 40px 0;
    }

    .titleAx h2 {
        font-size: 34px;
    }

    .titleAx h2 font {
        top: 10%;
        left: 0;
        font-size: 20px;
        margin-top: 5px;
    }

    .titleAx em, .titleCx em {
        margin: 5px auto 0;
    }

    .titleDx {
        font-size: 18px;
        margin-bottom: 20px;
        line-height: auto;
            padding-top: 10px !important;
    }

    .titleDx.tiBe:before {
        width: 2px;
        height: 15px;
        margin: 4px 10px 0 0;
    }

    .titleBx {
        margin-bottom: 20px;
        height: 40px;
    }

    .titleBx font {
        font-size: 16px;
        padding: 10px 15px;
    }

    .titleBx font:before {
        top: -35px;
        right: -15px;
        width: 80px;
        height: 80px;
    }

    .titleBx span {
        line-height: 20px;
        padding: 10px 30px 10px 35px;
    }

    .titleCx {
        margin-bottom: 40px;
    }

    .titleCx h2 {
        font-size: 20px;
    }

    /*--*/
    .title-detail {
        margin: 0 0 20px 0;
    }

    .title-detail h2 {
        font-size: 20px;
        margin: 0 0 10px 0;
    }

    .title-detail span {
        font-size: 14px;
    }

    .title-detail span font {
        margin-right: 10px;
        display: block;
    }

    /*--*/
    .rack {
        padding: 35px 0 50px 0;
        margin-top: 60px;
    }

    /*--*/
    .subNavWap {
        margin-bottom: 20px;
        padding: 10px 15px;
    }

    .subNavWap .title {
        font-size: 16px;
    }

    .subNavWap .fenlei {
        font-size: 14px
    }

    .subNavWap .fenlei:before {
        font-size: 18px
    }

    /*--*/
    .level {
        margin: 30px 0 0px 0;
    }

    .level a {
        font-size: 14px;
        margin: 0 0px;
        padding: 8px 20px;
    }

    /**/
    #bannerBox .swiper-button-prev {
        left: 10px
    }

    #bannerBox .swiper-button-next {
        right: 10px;
    }

    #bannerBox .swiper-button-prev:before, .bannerBox .swiper-button-next:before {
        font-size: 30px;
    }

    #bannerBox .swiper-pagination {
        bottom: 15px;
    }

    #bannerBox .swiper-pagination span {
        opacity: 0.6;
        width: 20px;
        height: 5px;
        margin: 0 5px;
        border-radius: 0%;
        border: 0px;
        background: #fff
    }

    #bannerBox .swiper-pagination span:before {
        display: none
    }

    #bannerBox .swiper-pagination span.swiper-pagination-bullet-active {
        background: #333
    }

    /*--*/
    .list-honor li .block {
        height: 100px;
    }

    /*--*/
    .serviceHome {
        padding: 30px 0
    }

    .serviceHome .tone {
        margin: 40px 0 20px 0;
    }

    /*--*/
    .tonePro li {
        margin: 0 5px;
        padding: 0 5px 10px 5px;
        font-size: 14px;
    }

    .tonePro li em {
        width: 35px;
        height: 35px;
        margin: 0 auto 10px;
        background-position: 0px 0px;
        background-size: 100%;
    }

    .tonePro li.active em {
        background-position: 0px -35px;
    }

    /*--*/
    /*.tag .slip a{ padding-right:15px; max-width:48%;}*/
    /*--*/
    .serviceHome .down {
        margin-top: 20px;
    }

    .serviceHome .list li {
        width: 100%;
        padding: 20px 10px 20px 20px;
        min-height: auto;
    }

    .serviceHome .list li .title {
        font-size: 14px;
        margin: 0 0 10px 0;
        line-height: 40px;
    }

    .serviceHome .list li .title em {
        width: 40px;
        height: 40px;
        margin-right: 15px;
        background-position: 0px 0px;
    }

    .serviceHome .list li .more {
        opacity: 1;
        display: table;
    }

    .serviceHome .list li a.block-2 {
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .serviceHome .list li a.block-2:after {
        display: block;
    }

    .serviceHome .list li.two {
        display: none;
    }

    .serviceHome .Dmore {
        display: table;
        margin: 20px auto 0;
        border: 1px #ddd solid;
        padding: 6px 20px;
        color: #fff;
        font-size: 12px;
        background: #54ab40;
    }

    .serviceHome .list li.more-last {
        display: none
    }

    /*--*/
    .multipleBox {
    }

    .multipleBox .righter .list {
        margin: 0 0 20px 0;
    }

    .multipleBox .righter .list .titleTop {
        font-size: 18px;
        margin-bottom: 20px;
    }

    .multipleBox .righter .list .titleTop:before {
        height: 18px;
        margin: 4px 15px 0 0
    }

    .multipleBox .righter .list .item {
        width: 100%;
        padding: 0px 0px 0 0;
        margin-bottom: 15px;
        height: initial;
    }

    .multipleBox .righter .list .item:last-child {
        margin-bottom: 0px;
    }

    .multipleBox .righter .list .item:nth-child(3n+1), .multipleBox .righter .list .item:nth-child(4n+1) {
        padding-right: 0px;
    }

    .multipleBox .righter .list .item h3 {
        font-size: 14px;
        line-height: 40px;
    }

    .multipleBox .righter .list .item h3 em {
        width: 40px;
        height: 40px;
        margin-right: 15px;
    }

    /*.multipleBox .righter .list .item a:after{margin: 2px 6px 0 6px;}*/
    /*--*/
    .laboratoryHome {
        padding: 30px 0
    }

    .laboratoryHome .long {
        height: 350px;
    }

    .laboratoryHome .downBlock .block .title {
        height: 50px;
        font-size: 20px;
    }

    .laboratoryHome .downBlock .block .title span {
        margin-top: 5px;
        font-size: 20px;
    }

    .laboratoryHome .downBlock .block .box {
        padding: 20px;
    }

    .laboratoryHome .downBlock .block .box:before {
        background: rgba(82, 171, 64, 0.3);
    }

    .laboratoryHome .downBlock .block .box h3 {
        font-size: 20px;
        padding-bottom: 10px;
    }

    .laboratoryHome .downBlock .block .box h3:after {
        left: 35%;
        width: 30%;
        height: 3px;
        bottom: -1px;
    }

    .laboratoryHome .downBlock .block .box h3 span {
        margin-top: 5px;
        font-size: 14px;
    }

    .laboratoryHome .downBlock .block .box .link {
        margin: 20px 0;
        padding: 0 50px;
    }

    .laboratoryHome .downBlock .block .box .link a {
        font-size: 14px;
        margin: 6px 0;
    }

    .laboratoryHome .downBlock .block .box .more {
        font-size: 12px;
        padding: 6px 15px;
    }

    .laboratoryHome .btn {
        left: 10px;
        width: 30px;
        height: 30px;
        line-height: 20px;
        font-size: 25px;
    }

    .laboratoryHome .btn.nextBtn {
        left: auto;
        right: 10px;
    }

    /*--*/
    .strengthHome {
    }

    .strengthHome .tone {
        margin: 40px 0 20px 0;
    }

    .strengthHome .tone li {
        padding: 0 10px;
        padding: 0 10px 10px 10px;
        font-size: 13px;
    }

    .strengthHome .tone li.icon-sort-desc:before {
        left: 45%;
        font-size: 20px;
    }

    .strengthHome .tone li em {
        display: block;
        width: 36px;
        height: 36px;
        margin: 0 auto 10px;
        background-position: 0px 0px;
        background-size: 100%
    }

    .strengthHome .tone li.active em {
    }

    .strengthHome .tone li.active.icon-sort-desc:before {
        opacity: 1;
        bottom: -10px;
    }

    .strengthHome .down .log {
        padding: 30px 50px;
        position: relative;
    }

    .strengthHome .list {
    }

    .strengthHome .btn {
        left: 10px;
        width: 30px;
        height: 30px;
        line-height: 25px;
        font-size: 20px;
        border-radius: 0px;
        border: 1px #c5c5c5 solid;
        background: #ddd;
        color: #666;
    }

    .strengthHome .btn.nextBtn {
        left: auto;
        right: 10px;
    }

    .strengthHome .coll {
        height: 250px;
    }

    .strengthHome .list-honor h4 {
        width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    /*--*/
    /*--*/
    .advantagesHome {
        padding: 30px 0;
    }

    .advantagesHome .card li {
        width: 100%;
    }

    .advantagesHome .card li a {
        margin: 0 8px 15px 8px;
        padding: 20px;
    }

    .advantagesHome .card li h4 {
        font-size: 16px;
        padding-bottom: 10px;
    }

    .advantagesHome .card li h4:before {
        width: 30px;
        height: 2px;
    }

    .advantagesHome .card li .txt {
        margin-top: 15px;
        font-size: 14px;
        height: auto;
        line-height: 22px;
    }

    .advantagesHome .card li .more {
        margin: 20px auto 0;
        padding: 5px 10px;
        font-size: 14px
    }

    /*--*/
    .digital {
        margin-top: 20px;
    }

    .digital li {
        width: 50%;
        padding-right: 20px;
        margin-bottom: 20px;
    }

    .digital li:last-child {
        padding-right: 0px;
    }

    .digital li .mun {
        margin-right: 20px;
    }

    .digital li .mun font {
        font-size: 50px;
        line-height: 75px;
        letter-spacing: 0;
    }

    .digital li .mun i {
        font-size: 16px;
    }

    .digital li h5 {
        font-size: 14px;
        padding-bottom: 10px;
    }

    .digital li h5:before {
        width: 25px;
        height: 3px;
    }

    .digital li p {
        margin-top: 20px
    }

    /*--*/
    .newsHome {
        padding: 30px 0;
    }

    .newsHome .tone li {
        margin: 0 0.5%;
        width: 24%;
        padding: 6px 6px;
        font-size: 14px;
    }

    .newsHome .tone li.active {
    }

    .newsHome .down {
        margin-top: 20px;
    }

    .newsHome .list li {
        width: 50%;
    }

    .newsHome .list li .box {
        padding: 20px;
    }

    .newsHome .list li .box h4 {
        height: auto;
        font-size: 14px;
        width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .newsHome .list li .box .txt {
        margin: 15px 0 20px 0;
        font-size: 14px;
        line-height: 25px;
        width: 100%;
        -webkit-line-clamp: 1; /*overflow:hidden;text-overflow:ellipsis;white-space:nowrap;*/
    }

    .newsHome .list li .box .more {
        font-size: 12px;
        padding: 5px 10px;
    }

    .newsHome .list li .pic .time {
        padding: 10px 20px;
        font-size: 12px
    }

    .newsHome .list li .pic .time font {
        font-size: 16px;
    }

    /*--*/
    .NewsListBox .swiper-container {
        margin-bottom: 15px;
    }

    .NewsListBox .list-top li {
        position: relative;
        height: 250px;
    }

    .NewsListBox .list-top li .pic {
        width: 100%;
        height: 100%;
    }

    .NewsListBox .list-top li .box {
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        padding: 0px;
        height: auto;
    }

    .NewsListBox .list-top li .box h4 {
        font-size: 14px;
        color: #fff;
        padding: 10px;
        background: rgba(0, 0, 0, 0.5);
    }

    .NewsListBox .list-top li .box p {
        display: none;
    }

    .NewsListBox .list-top li .box .more {
        display: none;
    }

    .NewsListBox .righter .more {
        margin-top: 15px;
        font-size: 12px;
        padding: 5px 10px;
    }

    .NewsListBox .swiper-container .spot {
        position: initial;
        margin-top: 15px;
        bottom: 20px;
        width: 100%;
        left: 00%;
    }

    .NewsListBox .btn {
        left: 20px;
        width: 30px;
        height: 30px;
        line-height: 20px;
        border: 2px #ddd solid;
        font-size: 25px;
    }

    .NewsListBox .btn.nextBtn {
        right: 20px;
    }

    .list-down li {
        margin-top: 20px;
        padding-bottom: 15px;
        border-bottom: 1px solid #8f8080;
    }

    .list-down li .pic {
        width: 40%;
        margin-right: 20px;
    }

    .list-down li .pic .time {
        padding: 5px 10px;
        font-size: 12px;
    }

    .list-down li .pic .time font {
        font-size: 12px;
    }

    .list-down h4 {
        margin: 1% 0 10px 0;
        font-size: 14px;
        max-width: 100%;
        display: block;
    }

    .rack .lbrighter {
        width: 100%;
        background-color: rgb(255, 255, 255);
        padding: 0;
        margin-left: 0;
    }

    .lbrighter .more {
        margin-top: 5px;
    }

    .list-down p {
        display: none;
    }

    /*--*/
    .contactHome {
        padding: 30px 0 50px 0;
    }

    .contactHome .title {
        font-size: 18px;
    }

    .contactHome .top {
        margin: 30px 0 15px 0;
    }

    .contactHome .top span {
        width: 33.3%;
        padding: 0 10px;
        font-size: 14px;
    }

    .contactHome .top span em {
        width: 40px;
        height: 40px;
        background-size: 100%;
    }

    .contactHome form input {
        width: 100%;
        margin: 8px 0;
    }

    .contactHome form input.ione {
        margin-left: 0
    }

    .contactHome form input, .contactHome form textarea {
        font-size: 12px;
        line-height: 25px;
        padding: 8px 10px;
    }

    .contactHome form textarea {
        height: 90px;
        margin: 8px 0 15px 0;
    }

    .contactHome form button {
        margin-left: 10px;
        line-height: 25px;
        padding: 8px 10px;
        font-size: 14px;
        font-weight: bold;
        display: block;
        margin: 0 auto;
    }

    .contactHome form .yzm input {
        width: 100px;
        margin: 0;
    }

    .contactHome form .yzm img {
        height: 40px;
        margin-left: 10px;
    }

    /*-
    .rack .border {
        padding: 20px;
    }
    -*/
    /*--*/
    .ProductIndexBox .down {
        margin-top: 30px;
    }

    .ProductIndexBox .list li {
        width: 100%;
    }

    .ProductIndexBox .list li .bx {
        padding: 20px;
        margin: 0 0px 10px 0;
        height: auto;
    }

    .ProductIndexBox .list li:nth-child(2n) a {
        margin-right: 0px;
    }

    .ProductIndexBox .list li em {
        width: 55px;
        height: 60px;
        margin-right: 30px;
    }

    .ProductIndexBox .list li em:before {
        right: -15px;
        width: 1px;
    }

    .ProductIndexBox .list li .title {
        font-size: 16px;
        margin: 0 0 10px 0;
    }

    .ProductIndexBox .list li:hover em {
        background-position: 0 -63px
    }

    .ProductListBox .list li {
        width: 100%;
    }

    .ProductListBox .list li a {
        padding: 20px;
        margin: 0 0px 10px 0;
        min-height: auto;
    }

    .ProductListBox .list li:nth-child(2n) a {
        margin-right: 0px;
    }

    .ProductListBox .list li h4 {
        font-size: 16px;
        margin: 0 0 10px 0;
    }

    /*--*/
    .detailPro .titleBx {
        margin-bottom: 20px;
    }

    .detailPro .wor {
        margin-bottom: 30px;
        line-height: 24px;
        font-size: 14px;
    }

    /*--*/
    .ProductShow .online {
        margin: 10px 0;
    }

    .ProductShow .online a {
        padding: 10px 30px;
        margin-right: 10px;
        font-size: 14px;
    }

    /*-
    .NewsDetailBox .online {
        display: none;
    }
    .NewsDetailBox .online a {
        display: none;
    }
-*/
    /*--*/
    .sorter {
        margin-top: 30px;
        padding: 15px 0 0 0;
    }

    .sorter a {
        width: 100%;
        font-size: 14px;
        padding: 0 20px;
    }

    .sorter a.next {
        margin-top: 10px;
    }

    .sorter a.next:before {
        left: 0;
        right: auto;
    }

    /*--*/
    .ExperimentListBox .list li {
        width: 50%;
    }

    .ExperimentListBox .list li a {
        padding: 5px;
        margin: 0 10px 10px 0
    }

    .ExperimentListBox .list li h4 {
        font-size: 14px;
        margin: 10px 0;
    }

    /*--*/
    .ExperimentShow .content .unique {
        margin-top: 30px;
    }

    .ExperimentShow .content .unique li {
        width: 100%;
        margin: 20px 0% 0 0
    }

    .ExperimentShow .content .unique li h5 {
        font-size: 14px;
        margin: 10px 0;
    }

    .ExperimentShow .content .unique li p {
        font-size: 12px;
    }

    /**/
    .ExperimentShow .items .unique {
        margin-top: 30px;
    }

    .ExperimentShow .items .unique li {
        width: 49%;
        margin: 0 2% 2% 0;
        padding: 20px 15px 15px;
        height: 240px;
    }

    .ExperimentShow .items .unique li:nth-child(3n) {
        margin-right: 2%
    }

    .ExperimentShow .items .unique li:nth-child(2n) {
        margin-right: 0%
    }

    .ExperimentShow .items .unique li h5 {
        font-size: 14px;
        margin: 10px 0;
    }

    .ExperimentShow .items .unique li p {
        font-size: 12px;
    }

    /**/
    .ExperimentShow .advantages .mun {
        margin-top: 10px;
    }

    .ExperimentShow .advantages .mun li {
        width: 49%;
        margin: 20px 2% 0 0;
    }

    .ExperimentShow .advantages .mun li:nth-child(2n) {
        margin-right: 0;
    }

    .ExperimentShow .advantages .mun li:last-child {
        margin-right: 0;
    }

    .ExperimentShow .advantages .mun li span {
        font-size: 25px;
    }

    .ExperimentShow .advantages .mun li i {
        font-size: 14px;
        color: #242424
    }

    .ExperimentShow .advantages .mun li p {
        font-size: 14px;
    }

    /**/
    .ExperimentShow .equipment .list {
        margin-top: 30px
    }

    .ExperimentShow .equipment .list li {
        width: 48%;
        margin: 0 4% 3% 0
    }

    .ExperimentShow .equipment .list li:nth-child(2n) {
        margin-right: 0;
    }

    .ExperimentShow .equipment .list li h5 {
        font-size: 14px;
        margin: 10px 0 0 0;
    }

    /**/
    .ExperimentShow .team .list {
        margin-bottom: -4%;
        margin-top: 2%;
    }

    .ExperimentShow .team .list li {
        width: 48%;
        margin: 0 4% 4% 0;
    }

    .ExperimentShow .team .list li:nth-child(2n) {
        margin-right: 0
    }

    .ExperimentShow .team .list li h5 {
        padding-bottom: 10px;
        font-size: 14px;
        margin-top: 10px;
    }

    .ExperimentShow .team .list li h5:before {
        width: 20px;
        height: 2px;
    }

    .ExperimentShow .team .list li h5 font {
        margin-left: 10px;
    }

    .ExperimentShow .team .list li p {
        margin-top: 10px;
        font-size: 12px;
        line-height: 22px;
        height: 22px;
        -webkit-line-clamp: 4;
    }

    /**/
    .ExperimentShow .groups .list li {
        width: 32%;
        margin: 0 2% 2% 0;
    }

    .ExperimentShow .groups .list li img {
        height: 50px !important;
    }

    .ExperimentShow .groups .list li:nth-child(3n) {
        margin-right: 0
    }

    .ExperimentShow .groups .list li:nth-child(6n) {
        margin-right: 0
    }

    /*--*/
    .introductionBox .wx {
    }

    .introductionBox .pic {
        margin-top: 20px;
    }

    /*--*/
    .digital {
        margin-top: 30px
    }

    /*--*/
    .cultureBox .list li {
        padding: 20px;
    }

    .cultureBox .list li:before {
        top: 30%;
        right: 20px;
        width: 40px;
        height: 40px;
    }

    .cultureBox .list li h4 {
        font-size: 18px;
    }

    .cultureBox .list li p {
        margin-top: 10px;
        font-size: 14px;
        padding-right: 80px;
    }

    /*--*/
    .rack .list-honor li {
        width: 50%
    }

    .rack .list-honor li a {
        margin: 0 15px 15px 0
    }

    /*--*/
    .message {
        padding: 20px 0 30px 0;
        margin: 20px 0 0 0;
    }

    .message form {
        margin-top: 30px
    }

    .message .frame {
        padding: 12px 10px;
        width: 100%;
        margin: 0 0.5% 1% 0.5%;
    }

    .message .frame input, .message .frame textarea {
        padding-left: 30px;
        display: inline;
        vertical-align: top;
    }

    .message .frame textarea {
        height: 100px;
    }

    .message button.submit {
        width: 30%;
        padding: 10px 10px;
        font-size: 14px;
    }

    /*--*/
    .courseBox .list {
        padding-bottom: 20px;
    }

    .courseBox .list li {
        width: 100%;
        padding-right: 0px;
        margin-bottom: 20px;
        height: auto;
    }

    .courseBox .list li a {
        padding: 20px;
        margin-bottom: 0px;
    }

    .courseBox .list li h4 {
        font-size: 20px;
    }

    .courseBox .list li .txt {
        font-size: 14px;
        margin-top: 10px;
    }

    .courseBox .list li a:before, .courseBox .list li a:after {
        display: none;
        right: 0px;
        bottom: 0px;
        background: #0064c7;
    }

    .courseBox .list li a:before {
        width: 150px;
    }

    .courseBox .list li.two {
        padding-left: 0px;
        margin-bottom: 20px;
        margin-top: 0;
    }

    .courseBox .list .line {
        display: none;
        left: 50%;
    }

    /*--*/
    .list-box li {
        float: left;
        width: 50%;
    }

    .list-box li a {
        margin: 0 8px 15px 8px;
    }

    .list-box li h4 {
        font-size: 14px;
    }

    #list-box2 li {
        width: 18%;
    }

    /*--*/
    .picer {
        margin-top: 30px;
    }

    .picer .btn {
        top: 40%;
        width: 30px;
        line-height: 50px;
        font-size: 15px;
    }

    /*--*/
    .joinBox .list h3 {
        padding: 15px 10px;
        font-size: 14px;
    }

    .joinBox .list h3:before {
        margin-top: 5px;
        font-size: 14px;
    }

    .joinBox .list h3 font:nth-child(1) {
        width: 45%;
    }

    .joinBox .list h3 font:nth-child(2) {
        width: 15%;
    }

    .joinBox .list h3 font:nth-child(3) {
        width: 20%;
    }

    .joinBox .list h3 font:nth-child(4) {
        width: 15%;
    }

    .joinBox .list li .wx {
        font-size: 14px;
        padding: 30px 30px 30px 30px;
        line-height: 22px;
    }

    .joinBox .list li .wx .block {
        height: 20px;
    }

    /*--*/
    .contactBox .info .map {
        width: 100%;
    }

    .contactBox .info .box {
        width: 100%;
        margin-top: 20px;
    }

    .contactBox .info .box .title {
        font-size: 16px;
        margin-bottom: 20px;
    }

    .contactBox .info .box .tel {
        font-size: 12px;
        padding-left: 25px;
        background: url(../images/tel3_ico.png) no-repeat left;
    }

    .contactBox .info .box .tel font {
        font-size: 20px;
    }

    .contactBox .info .box .wx {
        margin: 20px 0 20px 0;
        padding-left: 15px;
        font-size: 14px;
        line-height: 25px;
    }

    .contactBox .info .box .ewm {
        width: 30%;
        margin-right: 5%;
    }

    .contactBox .info .box .ewm img {
        width: 100%
    }

    .contactBox .info .box .ewm font {
        display: block;
        font-size: 12px;
        padding: 10px 10px;
    }

    .contactBox .address {
        margin: 40px 0 0 0
    }

    .contactBox .address .titleTop {
        font-size: 20px;
        margin-bottom: 20px;
    }

    .contactBox .address ul li {
        width: 100%;
        margin: 0 0% 20px 0;
        padding: 20px 20px;
    }

    .contactBox .address ul li:nth-child(2n) {
        margin-right: 0;
    }

    .contactBox .address ul li h4 {
        font-size: 16px;
    }

    .contactBox .address ul li hr {
        margin: 10px 0;
    }

    .contactBox .address ul li p {
        font-size: 14px;
        line-height: 25px;
    }
    .section-news {
    margin-bottom: 0px;
}

    /*--*/
    .contact #dituContent {
        height: 200px
    }

    .NewsDetailBox .leftBox .title {
        font-size: 20px;
        margin-top: 0px;
    }

    .NewsDetailBox .leftBox .top {
        display: none;
        height: auto;
        line-height: 40px;
        margin-top: 20px;
    }
    
    
    .containers{
           margin-bottom: 10px;
    }
    .rack .righter{
        padding: 0px;
            margin-top: 80px;
    }
    

    .NewsDetailBox .leftBox .top .time {
        font-size: 14px;
        padding: 0 20px 0 10px;
    }

    .NewsDetailBox .leftBox .top .time:before {
        display: none;
    }

    .NewsDetailBox .leftBox .top .bshare-custom {
        margin: 10px 0px 15px 20px;
    }

    .NewsDetailBox .leftBox .top .hit {
        margin: 0 10px 0 10px;
        font-size: 12px;
        padding-left: 30px;
        display: inline-block; /*! line-height:20px;*/
    }

    .NewsDetailBox .leftBox .top .copyfrom {
        float: left;
        margin-left: 10px;
    }

    .NewsDetailBox .leftBox .keyword {
        padding: 15px 0;
        height: 80px;
        display: none;
    }

    .listslowdj {
        display: none;
    }

    .NewsDetailBox .leftBox .keyword h5 {
        margin-right: 10px;
        font-size: 14px;
        padding-left: 10px;
        position: absolute;
    }

    .NewsDetailBox .leftBox .keyword a {
        font-size: 14px;
        margin-right: 10px;
    }

    .NewsDetailBox .detailCont {
        font-size: 14px;
        line-height: 24px;
        margin: 30px 0 50px 0;
    }

    .NewsDetailBox .sorter {
        padding-top: 20px;
    }

    .NewsDetailBox .sorter a {
        width: 100%;
        padding: 10px 10px;
        font-size: 14px;
    }

    .NewsDetailBox .sorter a.next {
        margin-top: 10px;
    }

    .NewsDetailBox .leftBox .relevant {
        padding: 30px;
        margin-top: 30px;
            display: none;
    }

    .NewsDetailBox .leftBox .relevant .list li {
        width: 100%;
    }

    .NewsDetailBox .relevant .list li:nth-child(2n) {
    }

    .NewsDetailBox .leftBox .relevant .list li a {
        padding: 10px 0px 10px 15px;
        font-size: 14px;
    }

    .NewsDetailBox .leftBox .relevant .list li a:before {
        top: 15px;
    }

    .NewsDetailBox .leftBox .relevant .list li:nth-last-of-type(2) a {
        border-bottom: 1px #ccc dotted;
    }

    /*--*/
    .download-list li a {
        font-size: 14px;
        margin: 0 0px 20px 0;
        padding: 18px 25px 18px 50px;
    }

    .download-list li a:before, .download-list li a:after {
        top: 13px;
    }

    .download-list li a:before {
        left: 20px;
        width: 20px;
        height: 25px;
    }

    .download-list li a:after {
        right: 20px;
        width: 22px;
        height: 25px;
        top: 17px
    }

    .download-list li:hover a:before {
        background-position: 0 -29px;
    }

    .download-list li:hover a:after {
        background-position: 0 0;
    }

    /*--*/
    .downloadBox .screen {
        margin: 0px 0 30px 0;
    }

    .downloadBox .screen h4 {
        line-height: 40px;
        font-size: 16px;
    }

    .downloadBox .screen input {
        width: 75%;
        height: 40px;
    }

    .downloadBox .screen .submit {
        width: 18%;
        padding: 0 0px;
        line-height: 40px;
    }

    /*--*/
    .proposalFrame .top {
        padding: 20px;
    }

    .proposalFrame .top h4 {
        font-size: 16px;
        margin-top: 0px;
    }

    .proposalFrame .top p {
        margin-top: 10px;
    }

    .proposalFrame .down {
        padding: 20px 20px;
        margin-top: 20px;
    }

    .proposalFrame .down .box {
        width: 100%;
        margin-right: 0%;
        margin-bottom: 20px
    }

    .proposalFrame .down .box input, .proposalFrame .down textarea, .proposalFrame .down .box select {
        font-size: 14px;
        padding: 10px 10px;
        border: 2px #ddd solid;
        margin: 10px 0 0px 0;
        width: 100%;
        height: 40px;
        line-height: 30px;
    }

    .proposalFrame .down .box.bx-4 {
        margin-right: 0;
    }

    .proposalFrame .down .area {
        margin-top: 10px;
    }

    .proposalFrame .down .area textarea {
        height: 100px;
    }

    .proposalFrame .down button {
        width: 100px;
        font-size: 14px;
        padding: 10px 20px;
        margin: 20px 10px 0 0;
    }

    /*--*/
    .meetingFrame .long {
        padding: 50px 0 60px 0;
    }

    .meetingFrame .long .box {
        width: 80%;
        padding: 30px;
        border-top: 3px #0064c7 solid;
    }

    .meetingFrame .long .box .title {
        font-size: 18px;
        margin: 0 0 30px 0;
    }

    .meetingFrame .long .box .title span {
        font-size: 12px;
    }

    .meetingFrame .long .box h5 {
        font-size: 14px;
    }

    .meetingFrame .long .box input {
        font-size: 14px;
        padding: 5px 10px;
        margin: 10px 0 20px 0;
        height: 40px;
        line-height: 30px;
    }

    .meetingFrame .long .box button {
        width: 120px;
        font-size: 14px;
        padding: 10px 10px;
        margin: 5px 10px 0 0;
    }

    .meetingFrame .long .box .tips {
        margin-top: 20px;
        font-size: 14px;
    }

    /*--*/
    .albumFrame .screen select {
        font-size: 12px;
        padding: 0 5px;
        margin-right: 2%;
        height: 35px;
        width: 37%;
    }

    .albumFrame .screen select option {
        padding: 10px;
    }

    .albumFrame .screen .submit {
        font-size: 14px;
        line-height: 35px;
        padding: 0 0px;
        width: 18%;
    }

    .albumFrame .list {
        margin-top: 30px;
    }

    .albumFrame .list li {
        width: 50%;
    }

    .albumFrame .list li a {
        margin: 0 10px 20px 10px;
        padding: 10px;
    }

    .albumFrame .list li h4 {
        left: 10px;
        right: 10px;
        bottom: 10px;
        font-size: 14px;
        padding: 10px 10px;
    }

    .albumFrame .list li h4:before {
        right: 10px;
        top: 10px;
        width: 17px;
        height: 20px;
        background: url(../images/ico03.png) no-repeat;
        background-size: 100%;
    }

    /*--*/
    .queryFrame {
        padding-top: 50px;
    }

    .queryFrame .container {
        padding: 32px 10px 50px 10px;
    }

    .queryFrame .layui-layer .frame {
        padding: 0px 20px 50px 20px;
    }

    .queryFrame .titleTop {
        font-size: 25px;
    }

    .queryFrame .titleTop img {
        height: 30px;
        margin-top: 0px
    }

    .queryFrame .titleTop span {
        margin-top: 5px;
        font-size: 18px;
    }

    .queryFrame .tab {
        margin: 20px 0px 30px 0px;
    }

    .queryFrame .tab .tone li {
        font-size: 13px;
        padding: 10px 10px;
    }

    .queryFrame .tab .tone li:before {
    }

    .queryFrame .tab .box {
        padding: 20px;
    }

    .queryFrame .tab .box input {
        font-size: 14px;
        padding: 10px 10px 10px 50px;
        margin: 10px 0 0px 0;
        height: 40px;
        line-height: 40px;
        background: url(../images/ico105.png) no-repeat 20px 10px;
    }

    .queryFrame .tab .box button {
        width: 100px;
        font-size: 14px;
        padding: 10px 10px;
        margin: 20px 10px 0 0;
    }

    .queryFrame .tips {
        margin: 30px 20px 0 20px;
    }

    .queryFrame .tips h5 {
        font-size: 14px;
    }

    .queryFrame .tips p {
        margin-top: 10px;
        line-height: 22px;
        font-size: 14px;
    }

    .queryFrame .titleDown {
        font-size: 20px;
        margin-top: 0px;
        padding-bottom: 20px;
    }

    .queryFrame .report {
        margin: 20px 0 0 0;
        height: auto;
        padding: 30px 0 0 0;
        border: #0b428b 2px solid;
        background-image: none;
    }

    .queryFrame .report .title {
        font-size: 20px;
        padding-top: 45px;
        letter-spacing: 0px;
        background-size: 220px;
    }

    .queryFrame .report ul {
        margin: 30px 15px;
    }

    .queryFrame .report ul li {
        width: 100%;
    }

    .queryFrame .report ul li h4 {
        font-size: 12px;
        width: 30%;
        padding: 0 0px;
    }

    .queryFrame .report ul li span {
        width: 70%;
        font-size: 12px;
        padding: 0 5px;
    }

    .queryFrame .report ul li span, .queryFrame .report ul li h4 {
        padding: 8px 2px;
        word-break: break-all
    }

    /*--*/
    .offer-popup {
        top: 10%;
        left: 5%;
        right: 20px;
        z-index: 99999;
        width: 90%;
    }

    /**/
    .offer-popup .box {
        padding: 20px;
    }

    .offer-popup .box h3 {
        font-size: 20px;
        padding-bottom: 10px;
        margin-bottom: 10px;
    }

    .offer-popup .box h5 {
        margin-bottom: 8px;
    }

    .offer-popup .box input, .offer-popup .box textarea {
        margin-bottom: 10px;
        line-height: 25px;
        padding: 6px 10px;
    }

    .offer-popup .box textarea {
        height: 60px;
    }

    .offer-popup .box .submit {
        margin-top: 10px;
        font-size: 14px;
        padding: 6px 10px;
    }

    /**/
    .offer-popup .success {
        width: 100%;
        padding: 20px;
    }

    .offer-popup .success h4 {
        font-size: 18px;
    }

    .offer-popup .success .txt {
        margin-top: 15px;
        font-size: 14px;
    }

    .offer-popup .success .ewm {
        margin-top: 20px;
    }

    .offer-popup .success .ewm span {
        width: 47%;
        margin-right: 5%;
        float: left;
    }

    .offer-popup .success .ewm span img {
        width: 100%;
        margin-bottom: 15px;
    }

    .offer-popup .close {
        right: 10px;
        top: 10px;
        width: 25px;
        height: 25px;
        line-height: 23px;
        font-size: 16px;
    }

    /*--*/
    .WorShowBox .title {
        padding: 0 0 10px 0;
        margin: 0 0 10px 0;
    }

    .WorShowBox .title h1 {
        margin: 10px 0 0 0;
        font-size: 20px;
        line-height: 23px;
        padding-bottom: 15px;
    }

    /*--*/
    .listCase li a h4 {
        padding: 5px 10px;
        line-height: 25px;
        font-size: 15px;
    }

    .listCase li a h4 b {
        display: none;
        font-size: 12px;
    }

    /*--*/
    /*.layui-layer {width:400px;min-width:400px;max-width:400px;height:300px;}*/
    /*--*/
    #pages {
        margin: 20px 0 20px 0;
    }

    #pages span {
        padding: 5px 10px;
        margin: 0 2px;
        font-size: 12px;
    }

    #pages .first_page, #pages .Last_page {
        display: none
    }

    #pages a {
        padding: 5px 10px;
        margin: 0 2px;
        font-size: 12px;
    }

    /*--*/
    .labelBox {
        padding-top: 0px;
    }

    .labelBox .titleTop {
        margin: 20px 0 20px 0;
        font-size: 16px;
        padding-left: 20px;
        padding-bottom: 10px;
    }

    .labelBox .titleTop:before {
        top: 5px;
        width: 3px;
        height: 15px;
    }

    .labelBox ul li {
        margin-bottom: 10px;
    }

    .labelBox ul li h4 {
        padding: 5px 10px;
        margin-bottom: 5px;
        font-size: 14px;
        font-weight: bold;
    }

    .labelBox ul li a {
        margin: 10px 0;
        font-size: 14px;
        padding: 0 20px 0 10px;
    }

    /*--*/
    .kefuBox-Two {
        display: none
    }

    .bdshare-slide-button {
        display: none;
        z-index: -111;
        left: -200px;
        width: 0px;
        height: 0px;
    }

    /*--*/
    .pcI {
        display: none;
    }

    .wapI {
        display: block;
    }

    /*--*/
    .ingBox {
        padding: 30px 0;
    }

    /**/
    .footer {
        padding: 30px 0 30px 0;
    }

    .footer .middle {
        width: 100%
    }

    .footer .middle h3 {
        font-size: 12px;
        margin-bottom: 10px;
    }

    .footer .middle .tel {
        font-size: 20px;
        padding-left: 50px;
        line-height: 30px;
        display: block;
    }

    .footer .middle .txt {
        font-size: 12px;
        margin-top: 10px;
        line-height: 22px;
    }

    .footer .right {
        display: none;
    }

    .footer .link {
        display: none
    }

    .footer .down {
        margin-top: 20px;
    }

    .fanghu-form .part1 ul li {
        margin-right: 10px;
    }

    .fanghu-form .part1 ul li.seller {
        background-size: contain;
    }

    .fanghu-form .part1 ul li.buyer {
        background-size: contain;
    }

    .fanghu-form .part1 ul li b {
        font-size: 18px;
    }

    .fanghu-form .part1 ul li span {
        font-size: 16px;
    }

    .proform .pro-input {
        width: 100%;
        margin-bottom: 3%
    }
}

@media all and (max-width: 640px) {
    .fanghu-form .part1 ul {
        width: 74%
    }

    .fanghu-form .part1 ul li {
        width: 100%;
        margin-bottom: 6%;
    }

    .part2 {
        width: 95%
    }

    .part2 .protype span {
        margin-bottom: 10px;
    }

    .fanghu-form h3 {
        font-size: 34px;
    }
}

@media all and (max-width: 414px) {
    .fanghu-form .part1 ul {
        width: 90%;
    }

    .fanghu ul li span {
        font-size: 14px;
        line-height: 34px;
    }

    .part2 .protype span {
        margin-right: 14px;
    }

    .fanghu-form h3 {
        font-size: 24px;
    }

    .proclient .newuser {
        padding: 36px 0px 0 8%;
    }

    .proclient .newuser ul li span {
        width: auto
    }
}

@media all and (max-width: 350px) {
    .logo img {
        height: 30px;
    }

    .wap-search {
        width: 35%;
        margin-right: 10px;
    }

    .fanghu-form .part1 ul li.buyer {
        background-size: contain;
    }

    .fanghu-form .part1 ul li.seller {
        background-size: contain;
    }

    .part2 .demandtype span {
        margin-right: 18px;
    }
}

.NewsDetailBox .detailCont h2 {
   font-size: 22px;
   font-weight: 800;
   margin: 5px 0;
   color: #0064c7;
   border-color: #0064c766;
   border-left-width: 0px;
   border-style: inset;
   border-top-width: 0px;
   border-right-width: 0px;
   border-bottom-width: 2px;
   letter-spacing: 1px;
   box-shadow: 0 0 5px rgb(8 122 193 / 78%);
   border-radius: 40px;
   text-align: center;
   line-height: 1.8 !important;
}

@media screen  and (max-width: 750px) {
    #xjcase {
        display: none;
    }
    
    .rack {
    float: left;
    width: 100%;
    padding: 0px 0 0px 0;
    background-color: rgb(237 237 237);
    /*margin-bottom: 90px;*/
    
}
    
  

    .footer {
        margin-bottom: 50px !important;
        /*display: none;*/
    }

    .NewsDetailBox .online a {
        display: inline-block;
        margin-bottom: 10px;
        padding: 15px 15px;
        margin-right: 10px;
        color: #fff;
        font-size: 16px;
        cursor: pointer;
        background: #0064c7;
    }
    .lltel img{
        display: none;
    }
    .NewsDetailBox .detailCont h2 {
       font-size: 18px;
    font-weight: 800;
    margin: 5px 0;
    color: #0064c7;
    border-color: #0064c761;
    border-left-width: 0px;
    border-style: inset;
    border-top-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 2px;
    letter-spacing: 1px;
    height: 35px;
}
#detailtext p {
    font-size: 15px;
    padding: 3px;
    line-height: 200%;
    margin-left: 0px !important;
    margin-right: 0px !important;
}

.jcxmts{
    text-align: left;
        padding: 2% !important;
}
}

@media screen and (max-width: 480px) {
    #m_menu {
        display: block;
    }
}

@media screen  and (max-width: 800px) {
    .caseshowd img {
        width: 80%;
    }

    .caseshowdr {
        display: none;
    }
}

@media screen and (min-width: 480px) {
    #m_menu {
        display: none;
    }
}

#mtt_ad a {
    width: auto;
    height: 100%;
    background-color: #0064c7;
    color: #fff;
    padding: 10px;
    display: block;
    border-radius: 5px;
    font-weight: bold;
}

#mtt_ad a:hover {
    text-decoration: none;
    background-color: #39b30d;
}

.dibuimg img {
    width: auto;
    height: 200px;
}

.ProductShow .online {
    margin: 20px 0;
    text-align: center;
}

#detailtext p {
    font-size: 16px;
    padding: 5px;
    line-height: 200%;
    margin-left: 25px;
    margin-right: 25px;
}

.ProductShow .online a {
    display: inline-block;
    padding: 15px 40px;
    margin-right: 10px;
    color: #fff;
    font-size: 16px;
    cursor: pointer;
    background: #52ab40;
}

.rack {
    float: left;
    width: 100%;
    padding: 0px 0 0px 0;
    background-color: rgb(237 237 237);
    /*margin-top: 90px;*/
}

.ProductShow .online a.offer {
    background: #a7a7a7;
}

.NewsDetailBox .leftBox .top .hit {
}

@media screen and (max-width: 760px) {
    .NewsDetailBox .online {
        display: none;
    }

    .wzimg img {
        max-width: 50%;
    }
}

@media screen and (min-width: 760px) {
    .wzimg img {
        text-align: center;
        margin-top: 20px;
        max-width: 20%;
    }
}
@media screen and (max-width: 1024px) {
  .service{
      display: none;
  }
    #app {
        display: flow-root;
    }

  .ysbox{
      width: 48%;
          float: left;
          height: 400px;
  }
}
@media (min-width: 1200px) and (max-width: 1280px){
    .header .logo a {
    width: 200px;
}
}
@media (min-width: 1080px) and (max-width: 1200px){
.advantages1 ul li .txt {

    top: 10px;

}
}