/* 移动端样式 */
@media (max-width: 767px) {
    .index-page {
        min-width: inherit;
    }
    .header{
        min-width: inherit;
    }
    .collocate-section5 {
        min-width: inherit;
    }
    .collocate-section7 {
        min-width: inherit;
    }
    .curBg{
        display: none;
    }
    .container {
        width: auto;
        margin: 0 15px;
    }
    .header .sub-title h2{
        font-size: 13px;
        line-height: 12px;
    }
    .header .logo {
        width: 100px;
        height: 18px;
        margin-top: 9px;
    }
    .header .account{
        display: none;
        position: absolute;
        top: 75px;
        right: 0;
        background: #000000;
        opacity: 0.6;
        float: none;
        margin-top: 0;
        padding:  0;
        text-align: center;
        line-height: 30px;
        z-index: 1000;
    }
    .header .account li {
        float: none;
        margin-right: 30px;
    }
    .header .account-link {
        display: block;
    }
    /* 首页 */
    .index-page .slogan {
        font-size: 18px;
        line-height: 27px;
        margin-top: 20px;
    }
    .section1 .index-tab .tab-bd{
        text-align: inherit;
    }
    .index-page .section-tit {
        font-size: 30px;
        line-height: 36px;
        margin-top: 20px;
    }
    .index-page .section-sub-tit {
        font-size: 14px;
        line-height: 1.5;
        margin-top: 20px;
    }
    .section1 {
        border-top: 1px solid transparent;
    }
    .section1 .container {
        margin-left: -180px;
        margin-top: -200px;
        width: 360px;
    }
    .section1 .index-tab{
        height: auto;
    }
    .section1 .index-tab .tab-bd-con{
        line-height: 40px;
        width: 49%;
        margin-left: 0px;
        text-align: center;
    }
    /*第二屏*/
    .section2 .container{
        padding-top: 0;
        padding-bottom: 55px;
    }
    .introduce-img {
        float: none;
        margin: 60px auto 0;
    }
    .section2 .introduce-img {
        width: 100%;
        height: 244px;
        background-size: 290px 190px;
        margin-top: 25px;
    }
    .section2 .monitor-img{
        width: 100%;
        height: 190px;
        background-size: 290px 190px;
        margin-top: 25px;
    }
    .introduce-container{
        width: auto;
        /* float: none; */
    }
    .introduce-container-hd {
        font-size: 24px;
        line-height: 32px;
        padding-top: 10px;
        margin-top: 45px;
    }
    .dialog-bd{
        width: 83%;
        margin-left: 10px;
    }
    .dialog-txt{
        width: auto;
    }
    .people-bd{
        width: 83%;
        margin-top: 8px;
        margin-left: 10px;
    }
    .people-descrip{
        width: auto;
    }
    .dialog-hd {
        font-size: 16px;
        line-height: 24px;
    }
    .people-container {
        margin-top: 15px;
    }
    /*第三屏*/
    .section3 .container,.section5 .container,.section6 .container,.section9 .container{
        padding-top: 0px;
        border-top: 1px solid transparent;
        padding-bottom: 55px;
    }
    /* .section5 .container {
        padding-top: 55px;
    } */
    .section3 .introduce-img{
        width: 100%;
        height: 300px;
        background-size: 290px 300px;
        margin-top: 45px;
    }
    .section3 .monitor-img{
        width: 100%;
        height: 230px;
        background-size: 290px 230px;
        margin-top: 25px;
    }
    /*第四屏*/
    .index-title {
        font-size: 24px;
        text-align: left;
    }
    .index-dec {
        text-align: left;
    }
    .section4 .container {
        padding-top: 55px;
    }
    .condition-bg-img{
        width: 290px;
        height: 144px;
        background-size: 290px 144px;
    }
    /*第五屏*/
    .section5 .introduce-img{
        width: 100%;
        height: 196px;
        background-size: 290px 196px;
        margin-top: 45px;
    }

    .section5 .monitor-img{
        width: 100%;
        height: 196px;
        background-size: 290px 196px;
        margin-top: 25px;
    }
    /*第六屏*/
    .section6 .people-container {
        margin-top: 30px;
    }
    /* .section6 .introduce-container{
        margin-top: 45px;
    } */
    .section6 .introduce-img{
        width: 100%;
        height: 200px;
        background-size: 290px 200px;
        margin-top: 45px;
    }

    .section6 .monitor-img{
        width: 100%;
        height: 200px;
        background-size: 290px 200px;
        margin-top: 25px;
    }
    /*第七屏*/
    .section7 .container {
        padding: 55px 0;
    }
    .section7 .risk-price-img2{
        margin-left: 0px;
    }
    .section7 .risk-price-img{
        width: 290px;
        height: 195px;
        background-size: 290px 195px;
        margin-top: 15px;
    }
    /*第八屏*/
    .section8 .number-charts-img{
         margin-left: 15px;
        margin-top: 15px;
        width: 135px;
        height: 173px;
        background-size: 125px 173px;
    }
    .section8 .number-charts-img:nth-of-type(1),
    .section8 .number-charts-img:nth-of-type(3){
        margin-left: 0px;
    }
    .section8 .container{
        padding: 55px 0;
    }
    /*第九屏*/
    .section9 .index-s9-bg{
        width: 290px;
        height: 142px;
        background-size: 290px 142px;
        margin: auto;
    }
    .section9 .introduce-container{
        margin-left: 0px;
        margin-top: 45px;
    }
    .section9-media-clearfl{
        float: none;
    }
    /*第十屏*/
    .section10 .container{
        padding: 55px 0;
    }
    .section10 .theme-img{
        width: 290px;
        height: 157px;
        background-size: 290px 157px;
        margin-top: 15px;
    }
    .section10 .theme-img2{
        margin-left: 0px;
    }
    /*第十一屏*/
    .section11 .container{
        padding: 55px 0;
    }
    .section11 .search-img{
        width: 290px;
        height: 175px;
        background-size: 290px 175px;
    }
    /*第十二屏*/
    .brower-contract-media{
        display: block;
    }
    .section12{
        border-top: 1px solid transparent;
    }
    .section12 .container12{
        width: 290px;
        margin-left: -145px;
    }
    .section12-tit{
        font-size: 22px;
        margin-bottom: 0;
    }
    .contract-us-pc{
        display: none;
    }
    .contract-us-media{
        display: block;
    }
    .index-page .section1 .free-use-pc{
        display: none;
    }
    .index-page .section1 .free-use-media{
        display: inline-block;
        margin-top: 24px;
    }
    .introduce-container-media{
        display: block;
        margin-top: 45px;
    }
    .introduce-container-pc{
        display: none;
    }
    /* 模型配置 */
    .page-title {
        padding: 80px 15px 35px;
        min-width: inherit;
    }
    .page-title h2 {
        font-size: 24px;
    }
    .page-title p {
        font-size: 16px;
        line-height: inherit;
    }
    .collocate-pc-show{
        display: none;
    }
    .collocate-media-show{
        display: block;
        font-size: 16px;
        padding: 0 20px;
    }
    .feature-title {
        padding-top: 20px;
    }
    .feature-list li {
        display: block;
        width: 100%;
        margin-bottom: 10px;
        min-width: inherit;
    }
    .collocate-section3 {
        display: table;
        line-height: 1.5;
        width: 100%;
        min-width: inherit;
        background-size: auto;
    }
    .collocate-section3 .container {
        display: table-cell;
        vertical-align: middle;
    }
    .collocate-section4-pic {
        width: 90%;
    }
    .collocate-section6-pic {
        width: 90%;
    }
    .function-item {
        margin: 0 auto 10px;
        display: flex;
        float: none;
        width: 300px;
        min-width: inherit;
    }
    .function-item:first-child {
        margin-left: auto;
    }
    .function-item .function-tit {
        font-size: 16px;
    }
    .function-item .function-tit .title-block {
        /* height: 16px; */
    }
    .item-wid {
        display: flex;
        width: 92%;
    }
    .footer {
        line-height: 1.5;
        display: table;
        min-width: inherit;
    }
    .footer .container {
        display: table-cell;
        vertical-align: middle;
    }
    /*监控*/
    .monitor-module,.monitor-module .monitor-module-pic {
        width: 230px;
        margin: auto;
        display: block;
    }
    .monitor-module:nth-of-type(1){
        margin: auto;
    }
    .monitor-module .monitor-module-pic img{
        width: 100%;
    }
    /*服务*/
    .service-product-contanier{
        height: 640px;
        width: 100%;
    }
    .service-product-box,.service-product-box:nth-of-type(1) {
        width: 250px;
        margin-left: 0px;
    }
    .service-product-list {
        margin-left: 34px;
    }
    .big-customer{
        margin: auto;
        margin-top: 40px;
        float: none;
    }
    .big-customer-box .big-customer:last-of-type{
        margin-bottom: 70px;
    }
    .big-customer-box{
        width: 100%;
    }
    .index-page .section1-down-arrow {
        bottom: 126px;
    }
    .section12 .contract-us{
        margin-top: 0px;
    }
    .feature-info {
        width: 100%;
        height: 100px;
        margin-top: 40px;
        background-image: url("../images/index/control-wrap.png");
        background-repeat: no-repeat;
        background-size: 100%;
    }
    .function-icon {
        width: 70px;
        height: 70px;
    }
    .index-bg-1 {
        width: 100px;
        height: 100px;
    }
    .index-bg-posi-1 {
        top: 0%;
    }
    .index-bg-posi-2 {
        bottom: -5%;
    }

    .index-bg-posi-3 {
        bottom: 0%;
    }
    .index-bg-2 {
        width: 100px;
        height: 100px;
    }

    .index-bg-posi-4 {
        position: absolute;
        bottom: -15%;
        right: 5%;
    }
    .collocate-section4-pic-wrap {
        display: inline-block;
    }
    .function-list {
        width: 100%;
        display: inline-block;
    }
    .section12-footer-bg {
        background-size: cover;
    }
    .dialog-wrap-flex {
        display: inline;
    }
}

@media (max-width: 374px) {  }

@media (max-width: 320px) {
    .index-page .trait-list {
        margin-top: 50px;
    }
    .section1 .container {
        margin-left: -132px;
        margin-top: -155px;
        width: auto;
    }
    .index-page .section3 .section-tit {
         margin-top: 20px;
    }
    .section3 .tab {
        margin-top: 5px;
    }
    .section3 .tab-bd-con {
        margin-top: 5px;
    }
    .section3 .model-effect {
        margin-top: 10px;
    }
    .index-page .section-tit {
        font-size: 24px;
    }
}