/**适配屏幕*/
/******************** MAX ******************x*/
/**1680px*/
@media screen and (max-width:1680px) {
    #main_cp .main_cp_cent .cp_cent_top {
        margin-top: 0px;
    }
}

/**1440px*/
@media screen and (max-width: 1440px) {
    .carousel-caption .bcont {
        height: 165px;
        overflow: hidden;
    }
}



@media screen and (max-width:1440px) {
    .carousel-caption {
        width: 1200px;
    }
    .left_jt {
        width: 7%;
    }
    .right_jt {
        width: 7%;
    }
}

/**1366px*/
@media screen and (max-width: 1366px) {
    .carousel-caption .bcont {
        height: 135px;
        overflow: hidden;
        font-size: 14px;
        line-height: 25px;
    }
}



@media screen and (max-width:1366px) {
    .modal-dialog {
        top: -60px;
    }
    .left_jt {
        width: 5%;
        /* opacity: 0 !important; */
    }
    .right_jt {
        width: 5%;
    }
}

/**1280px*/
@media screen and (max-width:1280px) {
    .carousel-caption .bcont {
        height: 105px;
        width: 65%;
        /* margin-top: -25px; */
        margin-top: 0px;
    }
    .carousel-caption {
        width: 940px;
        margin-left: -550px;
    }
}

/**1200px*/
@media screen and (max-width: 1200px) {

    .top {
        padding-bottom: 50px;
        padding-top: 70px;
        font-size: 3rem;
    }
    .carousel-caption {
        width: 700px;
        margin-left: -115px;
        left: 155px;
    }
    #nav .nav_main {
        padding: 0px 3rem;
    }
    #main_cp {
        padding: 0 3rem;
    }
    #nav .nav_main .nav_main_left {
        margin-left: 0px;
    }
    .prodc_als {}
    #main_cp .main_cp_cent .cp_cent_top {
        margin-top: 1rem;
        margin-bottom: 0rem;
        height: 6.5rem;
    }
    .cp_cent_bot:hover {
        transform: scale(1.05);
    }
    .fuwnq_kehuy {
        max-width: 90.5%;
    }
    .int {
        padding-top: 20px !important;
    }
}



@media screen and (max-width:1200px) {
    .cp_box {
        /* height: 480px; */
        margin-bottom: 1rem;
        box-sizing: border-box;
        padding: 5px 10px;
        /* margin: 0 130px; */
        max-width: 25%;
    }
    .cp_cent_bot {
        /* height:450px; */
        width: 100%;
    }
    .txt {
        height: 250px;
    }
    .cp_cent_bot .bot_ul {
        height: 200px;
    }
    .xs {
        height: 160px;
    }
    .cp_cent_bot:hover .jg {
        opacity: 1;
        height: 100px;
        display: block;
    }
}

@media screen and (max-width:1200px) {
    .main_hz .hz_img .col-lg-2 {
        width: 20%;
        float: left;
        margin-top: 2rem;
    }
    .main_hz .hz_img .po_lef,
    .po_rig {
        position: absolute;
        cursor: pointer;
        z-index: 9;
        width: 3%;
        top: 2.8rem;
    }
}


/**1180px*/
@media screen and (max-width:1180px) {
    #nav .nav_main {
        width: 100%;
        padding-right: 5%;
    }
    #nav .nav_main .nav_main_left {
        width: 140px;
        height: 5rem;
        float: left;
        margin-left: 1rem;
    }
}


/**1117px*/
@media screen and (max-width:1117px) {
    #nav .nav_main .onenav {
        width: 75%;
        height: 5rem;
        margin-left: 0.5rem;
        float: left;
    }
    #nav .nav_main .onenav>li {
        width: 15%;
        height: 5rem;
        margin-right: 0.6rem;
        float: left;
    }
}



/**1060px*/
@media screen and (max-width:1060px) {
    .cp_box {
        max-width: 370px;
        padding: 0 10px;
        margin: 20px;
    }
    .prodc_als {
        max-width: 820px;
        margin: 0 auto;
    }
    .fuwnq_kehuy {
        width: 85.5%;
    }
    .carousel-caption .bcont {
        font-size: 12px !important;
    }
}

/**1024px*/
@media screen and (max-width:1024px) {
    .carousel-caption .bcont {
        width: 72%;
    }
    .carousel-caption .bbtn {
        bottom: 0px;
    }
}

/**1024px*/
@media screen and (max-width:1024px) {
    .main_hy_right {
        height: 500px;
    }
    .main_hy {
        width: 100%;
        overflow: hidden;
        box-shadow: 0 0 20px 3px #e6e6e6 inset;
        margin-bottom: 20px;
    }
    .main_hy_left {
        width: 100%;
        height: 260px;
        background-color: #078ee8;
    }
    .main_hy_right {
        width: 100%;
        /* height: 1200px; */
        display: none;
    }
    .main_hy_left>ul {
        width: 95%;
        overflow: hidden;
        margin-top: 2rem;
        float: right;
    }
    .main_hy_left>ul>li {
        width: 100%;
        height: 50px;
        margin-bottom: 5px;
    }
    .main_hy_left>ul>li>a {
        width: 95%;
        float: right;
        /* border-left: 4px solid #fff; */
        margin-top: 12.5px;
        line-height: 25px;
        height: 25px;
        font-size: 1.3rem;
        text-indent: 1rem;
        color: #fff;
        display: block;
        text-decoration: none;
    }
    .main_hy_right>h3 {
        width: 100%;
        height: 6.66rem;
        text-align: center;
        line-height: 6.66rem;
        color: #4a4a4a;
    }
    .main_hy_right>p {
        width: 95%;
        /* height: 400px; */
        color: #999;
        font-size: 1.3rem;
        line-height: 35px;
        margin: 0 auto;
    }
}


/**992px*/
@media screen and (max-width:992px) {
    .cp_cent_bot {
        width: 98%;
        margin-left: 7px;
        box-shadow: 0 0 10px 1px #dce2ed;
        transition: all 0.3s;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -ms-transition: all 0.3s;
        -o-transition: all 0.3s;
    }
}

@media screen and (max-width:992px) {
    .main_hz .hz_img .col-lg-2 {
        width: 25%;
        height: 90px;
        margin-top: 2rem;
    }
    .yinc {
        display: none;
    }
}
/**991px*/
@media screen and (max-width:991px) {
    .banner_rig_img {
        display: none !important;
    }
    .bottom span.col-sm-0 {
        padding: 0px;
    }
    .bottom span.col-sm-12 {
        text-align: left !important;
        padding: 10px 0px;
    }
    .top {
        padding-bottom: 20px;
        padding-top: 55px;
        font-size: 3rem;
    }
    .bottom {
        max-width: 520px;
    }
}

@media screen and (max-width:991px) {
    .banner_rig_img1 {
        display: none !important;
    }
    .bottom span.col-sm-0 {
        padding: 0px;
    }
    .bottom span.col-sm-12 {
        text-align: left !important;
        padding: 10px 0px;
    }
    .top {
        padding-bottom: 20px;
        padding-top: 55px;
        font-size: 3rem;
    }
    .bottom {
        max-width: 520px;
    }
}
/**909px*/
@media screen and (max-width:909px) {
    .cp_box {
        max-width: 50%;
        padding: 0 10px;
        margin: 16px;
        box-sizing: border-box;
        margin: 0px 0px 25px;
    }
}
/**902px*/
@media screen and (max-width:902px) {}

/**880*/
@media screen and (max-width:880px) {
    .main_hz .hz_img .col-lg-2 {
        width: 25%;
        margin-top: 2rem;
    }
    .main_hz .hz_img .po_lef,
    .po_rig {
        position: absolute;
        cursor: pointer;
        z-index: 9;
        width: 3%;
        top: 3rem;
    }
}

/**800px*/
@media screen and (max-width:800px) {
    .banner_rig_img {
        display: none !important;
    }
}

@media screen and (max-width:800px) {
    .banner_rig_img1 {
        display: none !important;
    }
}
/**785px*/
@media screen and (max-width:785px) {
    .carousel-caption .bcont {
        display: none;
    }
}
/**767px*/
@media screen and (max-width:767px) {
    .fuwnq_kehuy {
        width: 79%;
    }
    .bottom span.col-sm-12 {
        font-size: 2.5rem;
        width: 100%;
        display: block;
    }
    .cp_box {
        max-width: 49%;
        padding: 0 10px;
        margin: 16px;
        box-sizing: border-box;
        margin: 0px 0px 25px;
        display: inline-block;
    }
    .prodc_als {
        text-align: center;
    }
    #main_cp .main_cp_cent .cp_cent_top {
        border-bottom: 0px solid;
    }
    #main_cp .main_cp_cent .cp_cent_top .cent_top_zi {
        line-height: 7rem;
        width: 160px;
        text-align: left;
    }
    .cp_cent_bot .jgzi {
        width: auto;
        padding-left: 10px;
    }
}

/**756px*/
@media screen and (max-width:756px) {
    #main_cp .main_cp_cent .cp_cent_top {
        width: 100%;
        height: 7rem;
        border-bottom: 2px solid #dce2ec;
    }
    #main_cp .main_cp_cent .cp_cent_top .cent_top_zi {
        width: 30%;
        line-height: 8rem;
        height: 7rem;
        font-size: 1.5rem;
    }
}

/**753px*/
@media screen and (max-width:753px) {
    #nav .nav_main .onenav {
        display: none;
    }
    .tubiao {
        display: block;
    }
}




/**700px*/
@media screen and (max-width:700px) {
    .main_hz .hz_img .col-lg-2 {
        width: 33.3%;
        margin-top: 2rem;
    }
    .main_hz .hz_img .po_lef,
    .po_rig {
        position: absolute;
        height: 40px;
        cursor: pointer;
        z-index: 9;
        width: 3%;
        top: 3rem;
    }
    .san {
        display: none;
    }
}

/**640px*/
@media screen and (max-width:640px) {
    .carousel-caption .bbtn {
        bottom: 20px;
        line-height: 30px;
        font-size: 1rem;
        width: auto;
        padding: 0 25px;
    }
    .carousel-caption .btitle {
        font-size: 1.2rem;
    }
    .carousel-caption {
        width: 700px;
        margin-left: -120px;
        /* left: 50%; */
    }
}

/**600px*/
@media screen and (max-width:600px) {
    .bottom span.col-sm-12 {
        font-size: 1.5rem;
    }
    .top {
        font-size: 2rem;
    }
    .bottom img {
        width: 30px;
        height: 30px;
    }
    .bottom {
        max-width: 345px;
    }
    .bt {
        height: 240px;
    }
}



/**590px*/
@media screen and (max-width:590px) {
    .main_hz .hz_img .col-lg-2 {
        width: 47%;
        height: 102px;
        margin: 2rem 0 0 0;
    }
    .main_hz .hz_img .po_lef,
    .po_rig {
        position: absolute;
        cursor: pointer;
        z-index: 9;
        width: 5%;
        top: 7rem;
        height: 60px;
    }
    .yi {
        display: none;
    }
}

@media screen and (max-width:590px) {
    .cp_box {
        max-width: 315px;
    }
}



/**560px*/
@media screen and (max-width:560px) {
    .cp_cent_bot {
        width: 96%;
        margin-left: 7px;
        box-shadow: 0 0 10px 1px #dce2ed;
        transition: all 0.3s;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -ms-transition: all 0.3s;
        -o-transition: all 0.3s;
    }
}

/**535px*/
@media screen and (max-width:535px) {
    .fuwnq_kehuy {
        width: 70%;
    }
}
/**450px*/
@media screen and (max-width:450px) {
    .carousel-caption {
        width: 100%;
        margin: 0px;
        left: 20%;
    }
    .carousel-indicators {
        bottom: 6px;
    }
    .carousel-caption .bbtn {
        bottom: 15px;
    }

    #zixun {
        display: none;
    }
    .cp_box {
        height: 360px;
        margin-bottom: 1rem;
    }
    .cp_cent_bot {
        height: 345px;
    }
    .top {
        font-size: 1.5rem;
        text-align: center;
        font-family: "微软雅黑";
        padding-bottom: 15px;
    }
    .bt {
        height: 160px;
        padding-top: 25px;
    }
    .bottom {
        font-size: 1.5rem;
    }
    .bottom span {
        display: block;
        padding-bottom: 5px;
    }
    #main_cp .main_cp_cent .cp_cent_top {
        margin-bottom: 2rem;
        height: 5rem;
    }
    #main_cp .main_cp_cent .cp_cent_top .cent_top_zi {
        height: 5rem;
        line-height: 5rem;
        position: relative;
    }
    .ft-carousel {
        height: 130px !important;
    }
    .example {
        height: 135px;
    }
    .main_hz .hz_img .col-lg-2 {
        width: 50%;
    }
    #main_cp .main_cp_cent {
        /* display:none; */
    }
 
    .cp_cent_bot .bot_ul {
        height: 160px;
    }
    #main_cp .main_cp_cent .cp_cent_top2 {
        margin-bottom: 1rem;
    }
    #main_cp .main_cp_cent .cp_cent_top3 {
        margin-bottom: 0px;
    }
    .alert_wk {
        top: 0px;
    }
    .ft-carousel .carousel-btn {
        top: 60% !important;
    }
}

/**425px*/
@media screen and (max-width: 425px) {
    #main_cp {
        padding: 0 1rem;
    }
}

@media screen and (max-width:425px) {
    .carousel-caption .bbtn {
        bottom: 15px;
    }
    .fuwnq_kehuy {
        width: 60%;
    }
}



/**400px*/
@media screen and (max-width:400px) {
    #main_cp .main_cp_cent .cp_cent_top {
        width: 100%;
        height: 5rem;
        border-bottom: 2px solid #dce2ec;
    }
    #main_cp .main_cp_cent .cp_cent_top .cent_top_zi {
        width: 40%;
        line-height: 6rem;
        height: 5rem;
        font-size: 1.2rem;
    }
}

/**375px*/
@media screen and (max-width:375px) {
    .tel_alsi .main_cp_cent {
        max-width: 85% !important;
    }
    .alert_wk {
        width: 300px;
        min-height: 195px;
        background: #fff;
        /* border-radius: 8px; */
        position: fixed;
        left: 62%;
        top: 0px;
    }
    .tkc_title {
        width: 120px;
        padding-top: 0px;
    }
    .tkc_title p {
        font-size: 1.7rem;
        line-height: 30px;
        padding-left: 10px;
        color: #23e19b;
        float: left;
    }
    .tkc_title img {
        width: 30px;
    }
    .fonts_soal {
        font-size: 1.1rem;
        line-height: 25px;
    }
    .fonts_soal font {
        font-size: 1.4rem !important;
    }
    .fuwu .cont {
        font-size: 1.2rem !important;
        height: 40px !important;
        line-height: 29px !important;
    }
    .fuwu .title {
        font-size: 1.7rem !important;
    }
}

@media screen and (max-width:375px) {
    .carousel-caption .bbtn {
        bottom: 9px;
    }
    .top {
        font-size: 1.4rem;
    }
    .bottom span.col-sm-12 {
        font-size: 1.2rem;
    }
}
/**340px*/
@media screen and (max-width:340px) {
    .main_hy_right>h3 {
        width: 100%;
        font-size: 1.5rem;
        height: 6.66rem;
        text-align: center;
        line-height: 6.66rem;
        color: #4a4a4a;
    }
}

/**320px*/
@media screen and (max-width:320px) {
    .tel_alsi .main_cp_cent {
        max-width: 94% !important;
    }
    .tu_ewm img {
        width: 175px;
    }
    .alert_wk {
        width: 300px;
        min-height: 195px;
        background: #fff;
        /* border-radius: 8px; */
        position: fixed;
        left: 62%;
        top: 0px;
    }
    .tkc_title {
        width: 120px;
        padding-top: 0px;
    }
    .tkc_title p {
        font-size: 1.7rem;
        line-height: 30px;
        padding-left: 10px;
        color: #23e19b;
        float: left;
    }
    .tkc_title img {
        width: 30px;
    }
    .fonts_soal {
        font-size: 1.1rem;
        line-height: 25px;
    }
    .fonts_soal font {
        font-size: 1.4rem !important;
    }
}

/**284px*/
@media screen and (max-width:284px) {
    .cp_box {
        height: 425px;
        margin-bottom: 1rem;
    }
    .cp_cent_bot {
        width: 95%;
        height: 420px;
        margin-left: 7px;
        box-shadow: 0 0 10px 1px #dce2ed;
        transition: all 0.3s;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -ms-transition: all 0.3s;
        -o-transition: all 0.3s;
    }
    .cp_cent_bot .bot_ul>li {
        width: 40%;
        font-size: 1rem;
        height: 2.5rem;
        line-height: 2.5rem;
        margin: 0.8rem 0 0 0.8rem;
        color: #666;
        float: left;
        text-align: center;
        border-radius: 20px;
    }
}


/**274px*/
@media screen and (max-width:274px) {
    .main_hy_left>ul {
        width: 100%;
        overflow: hidden;
        margin-top: 2rem;
        float: right;
    }
    .main_hy_left>ul>li>a {
        width: 99%;
        float: right;
        border-left: 4px solid #fff;
        margin-top: 12.5px;
        line-height: 25px;
        height: 25px;
        font-size: 1.3rem;
        text-indent: 1rem;
        color: #fff;
        display: block;
        text-decoration: none;
    }
}

/******************** MIN ******************x*/
/**1200px*/
@media screen and (min-width: 1200px) {
    .modal-dialog {
        top: 110px;
    }
}


/**750px*/
@media screen and (min-width:750px) {
    #minnav {
        display: none;
    }
}


/******************** MIN AND MAX ******************x*/
/**640px-1200px*/
@media screen and (min-width: 640px) and (max-width: 1200px) {
    .examples {
        height: 300px;
    }
    .carousel-item>img {
        height: 300px;
    }
    .carousel-caption .btitle {
        font-size: 2.2rem;
    }
    .carousel-caption .bcont {
        /* display: none; */
    }
    .carousel-caption .bbtn {
        font-size: 1.25rem;
        margin-top: 10px;
        width: 20%;
        line-height: 40px;
        bottom: 20px;
        letter-spacing: 1px;
        background-color: #0099ff;
        text-align: center;
    }
}

/**100px-640px*/
@media screen and (min-width: 100px) and (max-width: 640px) {
    .examples {
        height: 200px;
    }
    .carousel-item>img {
        height: 200px;
    }
    .carousel-caption .btitle {
        font-size: 1.2rem;
    }
    .carousel-caption .bcont {
        display: none;
    }
    .carousel-caption .bbtn {
        font-size: 1rem;
        margin-top: 10px;
        /* width: 30%; */
        line-height: 20px;
        letter-spacing: 1px;
        background-color: #0099ff;
        text-align: center;
    }
}