@charset "utf-8";

/* CSS Document */

@media screen and ( min-width:1440px) and ( max-width:1599px) {
    .login {
        top: 21%;
    }
    .wkt-tit {
        left: 25%;
    }
}

@media screen and ( min-width:1360px) and ( max-width:1439px) {
    .login {
        top: 20%;
    }
    .ban-bgg {
        height: 1000px !important;
    }
    .three-write {
        position: absolute;
    }
    .ban-bgg6 {
        height: 1200px !important;
    }
    .wkt-tit {
        left: 25%;
    }
}

@media screen and ( min-width:1280px) and ( max-width:1360px) {
    .max-tem {
        width: 211px;
    }
    /* .waper-idea li {
        width: 210px;
    } */
    .login {
        top: 16% !important;
    }
    .more-exmple2 li a {
        width: 122px;
    }
    .ban-bgg {
        height: 1000px !important;
    }
    .three-write {
        position: absolute;
    }
    .ban-bgg6 {
        height: 1200px !important;
    }
    .wkt-tit {
        left: 25%;
    }
}

@media screen and ( max-width:1300px) {
    .cuppure li dl {
        height: 210px;
    }
    .ico-wapr {
        width: 88%;
        margin: 36px auto 0
    }
    .ico-wapr li img {
        width: 90px;
    }
}

@media screen and ( max-width:1200px) {
    .min-none {
        width: 600px !important;
        margin: 0 auto;
    }
    .component ul li {
        margin: 32px 12px 0;
    }
    .content {
        width: 100%;
        position: relative;
        left: 50%;
        margin-left: -50%;
    }
    .content .sub-waper {
        width: 100%;
        float: none;
    }
    .content .sub-waper2 {
        display: none;
        float: none;
    }
    .content .sub-waper p {
        text-indent: 0em;
    }
    .content .sub-waper p span {
        display: inline-block;
    }
    #banner {
        display: table;
    }
    .sheh-banner .sub-qh {
        /*display: none;*/
        position: relative;
        display: block;
        margin: 30px auto 0;
        right: 0%;
    }
    .wkt-tit {
        display: none;
    }
    .wap-nav-tp {
        display: none;
    }
    .rofm {
        width: 100%;
        margin-left: -50%;
        padding: 0 30px;
    }
    .resources li dl {
        padding-left: 0;
        padding-right: 0;
    }
    .dis_content {
        background-image: none !important;
        padding-bottom: 100px;
    }
}

@media screen and ( max-width:1150px) {
    header {
        top: -100%;
    }
    .map-tb {
        display: none;
    }
    .city {
        float: left;
        width: 100% !important;
    }
    .city li {
        margin-left: 15px;
    }
    .city li:nth-child(2n) {
        float: left;
    }
    .cuppure li {
        width: 33.33%;
        padding: 0 !important;
    }
    .cuppure li dl {
        height: 210px;
    }
    .login {
        position: relative;
        width: 100%;
        left: 0;
        margin-left: 0;
        top: 3% !important;
    }
    .login .log-lft {
        display: none;
    }
    .login .log-rit {
        float: none;
        display: table;
        margin: 100px auto 0;
    }
    .tx-sub li {
        margin-bottom: 20px;
    }
    .tx-sub li p {
        margin-top: 13px;
    }
    /* .waper-idea li {
        width: 174px;
        height: 308px;
        padding-left: 10px;
    }
    .waper-idea li .top h3 {
        font-size: 15px !important;
    }
    .waper-idea li .top h2 {
        font-size: 42px;
    }
    .waper-idea li .bom {
        padding-left: 10px;
    } */
    .top-txt {
        margin: 50px auto 0;
    }
    /* .wenhua .idea-xian {
        top: 250px;
    } */
    .top-txt4 h2 {
        font-size: 16px;
        color: #fff;
        text-align: center;
    }
    .top-txt4 h5 {
        font-size: 16px;
        color: #fff;
        text-align: center;
    }
    .top-txt4 span {
        display: block;
        width: 44px;
        height: 5px;
        background-color: #fff;
        margin: 20px auto;
    }
    .top-txt6 h2 {
        font-size: 16px;
        color: #34373F;
        text-align: center;
    }
    .top-txt6 h5 {
        font-size: 16px;
        color: #34373F;
        text-align: center;
    }
    .top-txt6 span {
        display: block;
        width: 44px;
        height: 5px;
        background-color: #00a2f9;
        margin: 20px auto;
    }
    .cooper-lt {
        width: 100%;
    }
    .chk .sub-chk dl dt {
        float: none;
        margin: 0 auto;
    }
    .chk .sub-chk dl dd {
        float: none;
        width: 100%;
        margin: 25px auto 0;
        text-align: center;
    }
    .sub-cooper {
        padding: 20px 0;
    }
    .cooper-lt ul li {
        width: 24.9%;
    }
    .cooper-lt ul li dl {
        background: none;
    }
    .cooper-lt ul li dl dt {
        width: 90%;
        background-size: 100% 100%;
    }
    .help {
        width: 100%;
        margin: 50px auto 50px;
    }
    .sub-help {
        width: 100%;
        overflow-x: auto;
    }
    .city2 .sub-city-tu {
        display: none;
    }
    .city2 .sub-city {
        width: 100%;
        display: block;
        margin-top: 70px
    }
    .city2 .sub-city img {
        width: 90%;
    }
    .service2 {
        height: auto;
    }
    .service2 .service2Content {
        width: 100%;
    }
    .map2 .infoContainer {
        width: 100%;
        position: static;
        height: auto;
    }
    .map2 .contactInfo {
        width: 100%;
    }
    .map2 .contactInfo table {
        width: 100%;
    }
    .nei-ser {
        width: 100%;
    }
    .nei-ser img {
        width: 100%;
    }
    .case {
        padding: 0px 0px 20px;
    }
    .sub-case .case-list li {
        width: 26%
    }
    .sub-case {
        width: 100%;
    }
    .sub-case .case-list li {
        margin: 10px 0 10px 20px
    }
    .case .top-txt5 {
        padding-top: 30px;
    }
    .warm-adv .adv-hz li {
        margin-top: 30px;
    }
    .dis-none {
        display: none;
    }
    .advant-bg {
        height: auto;
        padding-bottom: 60px;
    }
    .small-xxk .sml-sub-wap {
        width: 568px;
        margin: 0 auto;
    }
    .small-xxk .sml-sub-wap li {
        margin-bottom: 20px;
    }
    .main-pent .num {
        display: none;
    }
    .ico-wapr li img {
        width: 80px !important;
    }
    .delu {
        display: none;
    }
    .adv-service li {
        min-height: 350px;
    }
}

@media screen and ( max-width:1149px) and (min-width:761px) {
    .warm-adv .adv-hz2 li dl {
        width: 100% !important;
    }
    .sub-core li dl {
        width: 100%;
    }
    .sub-core li dl dt img {
        height: 211px;
    }
    .adv-img {
        width: 100%;
    }
    .adv-service {
        width: 100%;
    }
    .sub-main-pent .sun-main-slide li {
        margin-left: 0px;
    }
    .ico-wapr li img {
        width: 60px !important;
    }
}

@media ( max-width:1000px) {
    .dis_list dd {
        font-size: 16px;
    }
    .dis_sub {
        font-size: 40px;
    }
}

@media ( max-width:849px) {
    .dis_content {
        background-position: -130px 160px;
    }
}

@media screen and ( max-width:975px) and (min-width:761px) {
    .waper-idea .idea-list .text1 {
        font-size: 16px;
    }
    .waper-idea .idea-list .text2 {
        font-size: 12px;
    }
    .sub-core li {
        margin-bottom: 30px;
    }
    .adv-img {
        width: 100%;
    }
    .adv-service {
        width: 100%;
    }
    .sub-main-pent .sun-main-slide li {
        margin-left: 0px;
    }
    .ico-wapr li img {
        width: 50px !important;
    }
    .container-expar {
        width: 664px;
    }
}

@media screen and ( max-width:767px) {
    .wenhua .idea-xian {
        display: none;
    }
    .waper-idea .idea-list {
        box-shadow: 0px 0px 15px 0px rgba(51, 51, 51, 0.1);
        /* margin-bottom: 10px; */
        margin: 0 auto 10px;
    }
    .waper-idea .idea-list .dian {
        display: none;
    }
    .dis_content {
        display: none;
    }
    .distribution_mall {
        padding-bottom: 50px;
    }
    .distribution_mall .wrapper {
        flex-direction: column;
        align-items: center;
        justify-content: space-between;
    }
    .dis_list dd {
        font-size: 22px;
    }
    .dis_sub {
        font-size: 50px;
    }
}

@media screen and ( max-width:760px) {
    body {
        overflow-x: hidden;
    }
    .map-xxk {
        display: none;
    }
    .gb-nav .logo {
        margin-left: 30px;
    }
    .affiche ul li .col-lg-4 {
        border: none;
    }
    .sx-bot {
        width: 100%;
    }
    .sx-bot li {
        margin-bottom: 15px;
    }
    .tx-sub {
        padding-bottom: 30px;
    }
    .cuppure li {
        width: 100% !important;
    }
    .cuppure li dl {
        height: 210px !important;
    }
    .idea {
        margin-top: 30px;
    }
    /* .waper-idea li {
        float: none;
        margin: 0 auto 24px;
    } */
    .slideBox2 .bd {
        width: 400px;
        position: relative;
        left: 50%;
        margin-left: -200px;
    }
    .max-tem {
        float: none;
        margin: 0 auto 19px;
    }
    .resources {
        padding: 0;
    }
    .min-none {
        display: none;
    }
    .sub-core li {
        margin-bottom: 30px;
    }
    .city2 .sub-city {
        margin-top: 50px
    }
    .adv-img {
        width: 100%;
    }
    .adv-service {
        width: 100%;
    }
    .adv-service li {
        float: none;
        margin: 30px auto 0;
        display: table;
    }
    .adv-service li:nth-child(2n) {
        float: none;
        margin: 30px auto 0;
        display: table;
    }
    .adv-service li dl dt {
        float: none;
        margin: 0 auto;
    }
    .adv-service li dl dt img {
        width: 135px;
    }
    .adv-service li dl dd h3 {
        text-align: center;
    }
    .adv-tit {
        width: 100%;
    }
    .case-price {
        padding-bottom: 30px;
    }
    .sub-main-pent .sun-main-slide li {
        margin-left: 0px;
        width: 640px;
    }
    .component ul li {
        margin: 32px -2px 0;
    }
    .more-exmple {
        display: none;
    }
    .more-exmple2 {
        display: block;
    }
    .ico-wapr li img {
        width: 40px !important;
    }
    .more-exmple2 li a {
        width: 120px;
    }
    .foot .fot-lft .top-fot .flsm {
        width: 100%;
        text-align: center;
    }
    .content .sub-waper table {
        display: none;
    }
    .sub-wap {
        width: 100%;
        margin: 15px auto 0;
    }
    .sub-wap li {
        font-size: 10px;
        width: 45%;
        margin-right: 10px;
    }
    .small-xxk .sml-sub-wap {
        width: 100%;
    }
    .small-xxk .sml-sub-wap li {
        width: 43%;
        font-size: 10px;
    }
    .about-wap-xk {
        width: 88%;
        margin: 130px auto 0;
    }
    .pment {
        display: none;
    }
    .container-yd {
        width: 370px;
        margin: 0 auto;
    }
    .wap-xkk {
        display: inherit;
    }
    .container2 {
        margin-top: 20px;
    }
    .moblie-nav .mob-sub-nav {
        width: 320px;
        left: 50%;
        margin-left: -160px;
    }
    .moblie-nav .mob-sub-nav ul li {
        width: 50%;
    }
    .moblie-nav .mob-sub-nav ul li dl dd {
        width: 110px;
    }
    .moblie-nav .mob-sub-nav ul li.mob3 {
        display: none;
    }
    .cooper-lt ul li dl dd {
        font-size: 12px;
    }
    .chk .sub-chk {
        padding: 32px 0;
    }
    .rslides li img {
        height: auto;
    }
    .rslides_km li img {
        height: 355px;
    }
    .sheh-banner {
        margin-top: 10px;
    }
    .gy-banenr img,
    .sheh-banner .sub-sheban img {
        width: 100%;
        height: 255px;
    }
    .adv-service li dl dd {
        margin-left: 0;
    }
    .dyd-zx {
        width: 100% !important;
        margin: 80px auto 0;
    }
    .dyd-zx li {
        width: 100% !important;
    }
    .dyd-zx .sub-opc1 {
        height: 204px;
    }
    .dyd-zx .sub-opc1 h3 {
        line-height: 24px;
        font-size: 14px !important;
    }
    .dyd-zx .sub-opc1 p {
        margin-top: 8px;
    }
    .dyd-zx .sub-opc1 h3,
    .dyd-zx .sub-opc1 p {
        width: 90%;
    }
    .rofm .lef-img {
        display: none;
    }
    .rofm .rit-fr {
        float: none;
        margin: 0 auto;
    }
    .gb-nav {
        padding: 2px 0;
    }
    .ghh {
        border: none !important;
    }
    .gh a {
        height: 3px;
    }
    .gh a:before,
    .gh a:after {
        height: 3px;
    }
    .gh a:before {
        top: -7px;
    }
    .gh a:after {
        top: 7px;
    }
    #banner {
        top: 50px;
    }
    .log-lft3 {
        margin-top: -212px;
    }
    .fy {
        margin-top: 0px;
    }
    .fy a {
        margin-top: 12px;
    }
    .map {
        margin-top: 30px;
    }
    .city {
        padding-bottom: 80px;
    }
    .city li {
        margin-bottom: 50px;
    }
    .lft-km {
        margin-top: -691px;
        padding: 0 3%;
    }
    .nei-ser .pc_1 {
        display: none;
    }
    .nei-ser .pc_2,
    .tel-btn-call {
        display: block !important;
    }
    .container-fluid6 {
        margin-top: 0px;
    }
    .adv-service li dl dd {
        width: 100%;
    }
    .sml-sub-xk .sml-sub-mob li p {
        width: 99%;
    }
    .advant {
        margin-top: 30px;
    }
    .content .sub-waper {
        margin: 0 auto 80px;
    }
    .ban-bgg {
        height: 766px !important;
    }
    .three-write {
        width: 90%;
        margin-left: -45%;
        position: absolute;
        top: 6%;
        margin-top: 0 !important
    }
    .gb-form {
        width: 100%;
    }
    .gb-form li p {
        width: 100%;
        float: none;
    }
    .three-write2 {
        width: 100%;
    }
    .gb-form li .txtrea {
        width: 90% !important;
        margin-left: 20px;
    }
    .three-write2 .sub-thr-wri {
        width: 100%;
        height: auto;
    }
    .three-write {
        left: 0px;
        margin-left: 0px;
    }
    .gb-form li p .raids {
        margin-left: 0px !important;
    }
    .gb-form li p {
        margin-left: 20px;
    }
    .gb-form li p span {
        margin: 0 3px;
    }
    .gy-banenr {
        top: 50px;
    }
    .gb-form li p.botm {
        text-align: left;
    }
    .sub-maps-tu {
        width: 100%;
        margin-left: -50%;
    }
    .sub-maps-tu h2 {
        margin-bottom: 10px;
    }
    .sub-maps-tu .top-tit-hm {
        padding: 10px 0 10px;
    }
    .sub-maps-tu .top-tit-hm span {
        margin: 0 1px;
    }
    .foot .fot-lft .top-fot .flsm font {
        margin-left: 0px;
        margin-top: 5px;
        display: block;
    }
    .bom-tit-hm li {
        margin-bottom: 20px;
    }
    .bom-tit-hm li h3 {
        display: block;
    }
    .bom-tit-hm li a {
        width: 49%;
        text-align: center;
        margin-top: 10px;
    }
    /* .waper-idea li {
        height: 400px;
    } */
    .dyd-zx .sub-opc1 {
        height: 130px;
    }
    .dyd-zx .sub-opc1 h3 {
        display: none;
    }
    .dyd-zx .sub-opc1 p {
        display: none;
    }
    .dyd-zx li .sub-opc2 {
        opacity: 1;
        height: 130px;
    }
    .dyd-zx .sub-opc2 dl dt {
        width: 45%;
        height: 130px;
    }
    .dyd-zx .sub-opc2 dl dt img {
        width: 100%;
        height: 130px;
    }
    .dyd-zx .sub-opc2 dl dd {
        width: 55%;
        height: 130px;
        display: block;
    }
    .dyd-zx li .tit {
        background-color: #fff;
    }
    .dyd-zx li .tit h4,
    .dyd-zx li .tit span {
        color: #00a2f9;
    }
    .dyd-zx .sub-opc2 dl dd h3 {
        width: 90%;
    }
    .dyd-zx .sub-opc2 dl dd h3 a {
        font-size: 14px !important;
    }
    .component ul li dl dd {
        font-size: 12px;
    }
    .dissnone {
        display: none !important;
    }
    .sx-bot li a {
        width: 57px;
    }
    .table-responsive {
        width: 110% !important;
        margin-left: -5% !important;
    }
    .table>thead>tr>th,
    .table>tbody>tr>th,
    .table>tfoot>tr>th,
    .table>thead>tr>td,
    .table>tbody>tr>td,
    .table>tfoot>tr>td {
        padding: 20px 7px !important;
    }
    .fot-rit p font {
        display: none;
    }
    .city li {
        width: 90% !important;
    }
}

@media (max-width: 678px) {
    .mall_content {
        font-size: 20px;
    }
    .solution-list dd {
        font-size: 16px;
    }
}

@media(max-width:480px) {
    .content .sub-waper p img {
        width: 100%;
    }
    .solution-list dd {
        font-size: 12px;
    }
}

@media screen and ( min-width:375px) and ( max-width:413px) {
    .component ul li {
        margin: 32px 7px 0;
    }
    .sub-wap {
        width: 80%;
        margin: 0 auto;
    }
    .sub-wap li {
        width: 46%;
        margin-right: 6%;
    }
    .small-xxk .sml-sub-wap {
        margin-left: 18px;
    }
    .sml-sub-xk {
        width: 115.7%;
    }
    .foot .fot-lft .top-fot .flsm a {
        font-size: 15px;
    }
    .foot .fot-lft .top-fot .flsm font {
        width: 100%;
        text-align: center;
        margin-top: 5px;
    }
    .sx-bot li a {
        width: 70px;
    }
}

@media screen and ( min-width:414px) and ( max-width:414px) {
    .component ul li {
        margin: 32px 7px 0;
    }
    .sub-wap {
        width: 110%;
    }
    .sub-wap li {
        width: 28.5%;
    }
    .small-xxk .sml-sub-wap {
        width: 125%;
    }
    .sml-sub-xk {
        width: 115.7%;
    }
    .foot .fot-lft .top-fot .flsm a {
        font-size: 18px;
    }
    .foot .fot-lft .top-fot .flsm font {
        margin-top: 5px;
        display: block;
        width: 100%;
        text-align: center;
    }
    .sx-bot li a {
        width: 81px;
    }
}