@charset"utf-8";

/* 分辨率高于1920px - 页面内容居中显示*/

@media screen and (min-width: 1920px) {
    html,
    body {
        max-width: 1920px;
        margin: auto;
    }
}


/* 分辨率为1680px、 */

@media screen and (max-width: 1680px) {
    .header .nav .nav_top a,
    .header .nav .nav_hover a {
        font-size: 18px;
    }
    .warp {
        width: 1360px;
    }
    .idx_services {
        padding-top: 100px;
    }
    .idx_title h3,
    .idx_news .idx_new_til h3 {
        font-size: 38px;
    }
    .idx_title h4 {
        font-size: 18px;
    }
    .idx_abouts {
        padding: 140px 0 80px 0;
    }
    .idx_about_conter .idx_about_left ul li .img {
        width: 80%;
    }
    .idx_about_conter .idx_about_right {
        font-size: 18px;
    }
    .idx_news .idx_new_til .new_moer {
        font-size: 16px;
    }
    .idx_news_ul .text h3,
    .idx_news_ul .text p {
        font-size: 18px;
    }
    .idx_news_ul .text .time,
    .idx_news_ul .text .more {
        font-size: 16px;
    }
    .idx_news_ul .text .more img {
        margin-left: 16px;
    }
    .idx_news_ul .idx_news_cont .text {
        width: 100%;
        padding: 35px 20px;
    }
    .idx_news_ul .idx_news_right ul li {
        padding: 21.5px 30px;
    }
    .footer_top .footer_left ul li h3 {
        font-size: 20px;
        margin-bottom: 20px;
    }
    .footer_top .footer_left ul li a {
        font-size: 16px;
    }
    .footer_top .footer_right {
        padding-top: 0px;
    }
    .swiperPage .swiper-pagination .swiper-pagination-bullet {
        height: 8px;
    }
    .swiperPage .swiper-pagination .swiper-pagination-bullet-active:after {
        height: 8px;
    }
    .ser_tuo .cc_server span,
    .ser_tuo .cc_server .serv_form .button .layui-btn {
        font-size: 18px;
    }
    .ser_tuo .cc_server .serv_form .button {
        width: 115px;
    }
    .ser_tuo .cc_server .serv_form .input {
        width: calc(100% - 115px);
    }
    .CC_top .CC_top_right h3 {
        font-size: 32px;
    }
    .CC_top .CC_top_right h5 {
        font-size: 18px;
    }
    .CC_top .CC_top_right .text {
        font-size: 16px;
    }
    .cc_contt .cc_contt_ul ul li p {
        font-size: 18px;
    }
    .cc_lc_ul ul li .cc_lc_img {
        width: 130px;
        height: 130px;
    }
    .cc_ys_cont .cc_ys_ul li .text h3 {
        font-size: 20px;
    }
    .cc_ys_cont .cc_ys_ul li .text p {
        font-size: 16px;
    }
    .cc_about .cc_about_ul ul li h3 {
        font-size: 18px;
    }
    .news_conter .news_right .news_right_top .text .time {
        font-size: 38px;
    }
    .news_conter .news_right .news_right_top .text h3 {
        font-size: 18px;
    }
    .news_conter .news_right .news_right_top .text p {
        font-size: 16px;
    }
    .news_conter .news_right .news_right_top .text .more {
        font-size: 20px;
    }
    .news_ul li .data h3 {
        font-size: 38px;
    }
    .news_ul li .data p {
        font-size: 18px;
    }
    .news_ul li .data h4 {
        font-size: 28px;
    }
    .news_ul li .data {
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    .news_ul li .text h3 {
        font-size: 18px;
    }
    .news_ul li .text p {
        font-size: 16px;
    }
    .news_conter .news_left ul li h3 {
        font-size: 20px;
    }
}


/* 1600px的样式控制 */

@media screen and (max-width: 1600px) {}


/*  分辨率为1920px被放大到125%的样式控制 */

@media screen and (max-width: 1560px) {}


/* * 分辨率为1440px*/

@media screen and (max-width: 1440px) {
    .warp {
        width: 1200px;
    }
    .swiperPage .swiper-pagination .swiper-pagination-bullet {
        width: 54px;
    }
    .idx_title h3,
    .idx_news .idx_new_til h3 {
        font-size: 32px;
        line-height: 38px;
    }
    .idx_title h4 {
        font-size: 16px;
    }
    .idx_ser_ul ul li {
        width: 110px;
        height: 130px;
    }
    .idx_services {
        padding-top: 80px;
    }
    .idx_about_conter .idx_about_right {
        font-size: 16px;
    }
    .idx_news {
        padding: 90px 0 30px 0;
    }
    .idx_news .idx_new_til h3 {
        padding-left: 40px;
    }
    .idx_news_ul .text h3,
    .idx_news_ul .text p {
        font-size: 16px;
    }
    .footer_top {
        padding: 80px 0 40px 0;
    }
    .CC_top {
        margin-top: 100px;
    }
    .warp_b {
        width: 1280px;
    }
    .cc_lc_ul ul li .cc_lc_img span {
        font-size: 16px;
    }
    .cc_about {
        padding: 60px 0;
    }
    .cc_about .cc_about_ul ul li p {
        font-size: 16px;
    }
    .cc_about .cc_about_ul {
        margin-top: 40px;
    }
    .mun_list .mun_ul ul li h3 {
        font-size: 18px;
    }
}


/* 1366px的样式控制  */

@media screen and (max-width: 1366px) {}


/* 分辨率为1280px的样式控制 / 分辨率为1920px被放大到150%的样式控制 / 分辨率为1440px、1366px被放大到125%/150%的样式控制 */

@media screen and (max-width: 1280px) {}


/* iPad横板显屏 - landscape指定输出设备中的页面可见区域高度小于宽度*/

@media screen and (max-width: 1200px) {
    .warp,
    .warp_a {
        width: 90%;
    }
    .header .warp {
        padding-left: 0;
        padding-right: 0;
    }
    .header .nav .nav_top a,
    .header .nav .nav_hover a {
        font-size: 16px;
    }
    .header .nav .nav_top a {
        padding: 0 14px;
    }
    /* - 手机端显示 - */
    .mbl {
        display: block;
    }
    /* - pc端隐藏 - */
    .pc {
        display: none;
    }
    .banner_idx,
    .banner_swiper,
    .banner_swiper .swiper-wrapper,
    .pagea-3,
    .banner_swiper .swiper-slide {
        height: auto;
    }
    .swiperPage .swiper-pagination .swiper-pagination-bullet {
        width: 36px;
        height: 6px;
        margin: 0 8px;
    }
    .idx_abouts {
        padding: 100px 0 60px 0;
    }
    .idx_about_conter {
        margin-top: 40px;
        overflow: hidden;
    }
    
    .footer_top .footer_left {
        padding-left: 0;
    }
    .CC_top .CC_top_right {
        padding-left: 60px;
    }
    .CC_top .CC_top_left {
        width: 440px;
        height: 318px;
    }
    .CC_top .CC_top_right {
        width: calc(100% - 440px);
    }
    .CC_top .CC_top_right h5 {
        margin-bottom: 20px;
    }
    .CC_top .CC_top_right h3 {
        font-size: 28px;
    }
    .cc_contt {
        padding-top: 80px;
        padding-bottom: 60px;
    }
    .warp_b {
        width: 90%;
    }
    .cc_lc_ul ul li p {
        font-size: 16px;
    }
    .cc_lc_ul ul li .cc_lc_img {
        width: 100px;
        height: 100px;
    }
    .cc_lc_ul ul li .cc_lc_img img {
        width: 60%;
    }
    .cc_lccont {
        padding: 80px 0;
    }
    .cc_ys_cont {
        padding: 80px 0;
    }
    .cc_ys_cont .cc_ys_ul li .text {
        padding: 0 20px;
    }
    .cc_ys_cont .cc_ys_ul li .text h3 {
        font-size: 16px;
        margin-bottom: 4px;
    }
    .cc_case .cc_case_ul {
        margin-top: 30px;
    }
    .cc_about .cc_about_ul {
        padding: 30px 50px;
    }
    .cc_about .cc_about_ul ul li {
        width: 45%;
        margin-right: 10%;
    }
    .mun_mm p img {
        margin: 0 6px;
    }
    .mun_list .mun_ul ul li h3 {
        font-size: 16px;
    }
    .mun_list .mun_ul ul li .img p {
        font-size: 20px;
    }
    .mun_list {
        margin-bottom: 100px;
    }
    .idx_news_ul .idx_news_cont{
        width: 360px;
    }
   .idx_news_ul .idx_news_right{
        width: calc(100% - 808px);
    }
    .idx_news {
        padding: 90px 0 30px 0;
    }
    .idx_news .idx_new_til h3 {
        padding-left: 10px;
    }
    .idx_news_ul .text h3,
    .idx_news_ul .text p {
        font-size: 16px;
    }
    .news_conter .news_right .news_right_top .img {
        width: 320px;
    }
    .news_conter .news_right .news_right_top .text {
        width: calc(100% - 320px);
    }
    .news_conter .news_right .news_right_top .text .more {
        font-size: 18px;
    }
    .news_conter .news_right .news_right_top .text p {
        -webkit-line-clamp: 2;
    }
    .news_conter .news_right .news_right_top .text .more {
        height: 42px;
    }
    .cc_ys_cont .cc_ys_uls li {
    width: 100%;
    float: left;
    margin-right: 0%;
    margin-top: 23px;
    border-left: 0;
    position: relative;
    margin-left: 0px;
    min-height: 150px;
    box-shadow: 5px 5px 5px #CCCCCC;
    }
    .xiazai_ul li .datas{
    font-size: 14px;
    }
    .xiazai_ul li .riqis{
    font-size: 14px;
    }
    .denglu
    {
        width: 80%;
    }
}


/* iPad竖板显屏 - portrait指定输出设备中的页面可见区域高度大于或等于宽度 */

@media screen and (max-width: 992px) {
    .nav {
        display: none;
    }
    .m_nav,
    .m_img {
        display: block;
    }
    .header .m_img a.tow {
        display: block;
    }
    .header .m_img a.one {
        display: none;
    }
    .header {
        padding: 10px 0;
    }
    .idx_title h3,
    .idx_news .idx_new_til h3 {
        font-size: 28px;
    }
    .idx_services {
        padding-top: 70px;
    }
    .idx_abouts {
        padding: 70px 0 60px 0;
    }
    .idx_about_conter .idx_about_left {
        width: 100%;
        padding-right: 0;
    }
    .idx_about_conter .idx_about_left ul li {
        display: flex;
        justify-content: center;
    }
    .idx_about_conter .idx_about_right {
        width: 100%;
        margin-top: 20px;
    }
    .idx_news_ul .idx_news_cont .text {
        width: 100%;
        padding: 10px 20px;
    }
    .footer_top {
        padding: 55px 0 25px 0;
    }
    .footer_top .footer_left ul li a {
        font-size: 14px;
    }
    .footer_top .footer_right {
        width: 38%;
    }
    .footer_top .footer_left {
        width: 62%;
    }
    .ser_tuo .cc_server .serv_form {
        width: 490px;
    }
    .CC_top .CC_top_left {
        width: 340px;
        height: 264px;
    }
    .CC_top .CC_top_left .shipin_xs {
        height: 264px;
    }
    .CC_top .CC_top_right {
        width: calc(100% - 340px);
        padding-left: 30px;
    }
    .CC_top .CC_top_left .shipin_xs .bf_tt img {
        width: 40px;
    }
    .CC_top .CC_top_right h3 {
        font-size: 24px;
    }
    .CC_top {
        margin-top: 70px;
    }
    .CC_top .CC_top_right .text {
        -webkit-line-clamp: 3;
    }
    .cc_contt .cc_contt_ul ul li p {
        font-size: 16px;
    }
    .cc_lc_ul {
        margin-top: 40px;
    }
    .cc_lc_ul ul li .cc_lc_img {
        width: 80px;
        height: 80px;
    }
    .cc_lc_ul ul li p {
        font-size: 14px;
    }
    .cc_ys_cont .cc_ys_ul li {
        width: calc(100% - 75px);
        margin-right: 0;
    }
    .cc_ys_cont .cc_ys_ul li:nth-child(2) {
        margin-top: 23px;
    }
    .cc_case {
        padding: 80px 0;
    }
    .cc_case .cc_case_ul {
        margin-top: 10px;
    }
    .news_conter .news_left {
        display: none;
    }
    .news_conter .news_right {
        width: 100%;
    }
    .news_conter .pages ul {
        width: 100%;
    }
    .news_ul li:last-child {
        border-bottom: 10px solid rgba(193, 190, 190, 1);
    }
    .pages ul li a {
        font-size: 16px;
    }
    .news_conter {
        margin-bottom: 70px;
    }
}


/* 手机端 - portrait指定输出设备中的页面可见区域高度大于或等于宽度*/

@media screen and (max-width: 680px) {
    /* - 手机端显示 - */
    .mbl {
        display: block;
    }
    /* - pc端隐藏 - */
    .pc {
        display: none;
    }
    .swiperPage {
        bottom: 10px;
    }
    .idx_services {
        padding: 30px 0;
    }
    .idx_title h3,
    .idx_news .idx_new_til h3 {
        font-size: 20px;
        line-height: 24px;
    }
    .idx_title h4 {
        font-size: 14px;
        line-height: 24px;
    }
    .idx_ser_ul ul li {
        position: relative;
        left: auto !important;
        right: auto !important;
        top: auto !important;
        margin: 6px 0;
    }
    .idx_ser_ul ul {
        display: flex;
        flex-wrap: wrap;
        width: 100%;
        flex: 1;
        justify-content: space-between;
    }
    .idx_ser_ul {
        margin-top: 20px;
        height: auto;
    }
    .idx_abouts {
        padding: 30px 0;
    }
    .idx_about_conter {
        margin-top: 30px;
    }
    .idx_about_conter .idx_about_left {
        margin-top: 0;
    }
    .idx_news {
        padding: 30px 0;
    }
    .idx_news .idx_new_til .new_moer {
        width: 20px;
        height: 33px;
    }
    .idx_title h3,
    .idx_news .idx_new_til h3 {
        padding-left: 0;
    }
    .idx_news_ul .idx_news_left,
    .idx_news_ul .idx_news_cont {
        width: 100%;
        margin-right: 0;
    }
    .idx_news_ul .idx_news_cont {
        margin-top: 10px;
    }
    .idx_news_ul .idx_news_right {
        margin-top: 10px;
    }
    .idx_news_ul .idx_news_right ul li {
        padding: 10px;
    }
    .footer_top .footer_left {
        display: none;
    }
    .footer_top .footer_right {
        width: 100%;
        padding-top: 0;
        padding-left: 0;
    }
    .footer_top {
        padding: 20px 0;
        padding-left: 0;
    }
    .footer_top .footer_right .text_p {
        font-size: 16px;
    }
    .logo img {
        height: 24px;
    }
    .ser_tuo .cc_server span,
    .ser_tuo .cc_server .serv_form .button .layui-btn {
        font-size: 16px;
    }
    .ser_tuo .cc_server .serv_form .input input {
        font-size: 14px;
        padding: 0 4px;
    }
    .ser_tuo .cc_server .serv_form .button {
        width: 68px;
    }
    .ser_tuo .cc_server .serv_form .input {
        width: calc(100% - 68px);
    }
    .CC_top .CC_top_left {
        width: 100%;
    }
    .CC_top .CC_top_right {
        width: 100%;
        padding-left: 0;
        margin-top: 10px;
    }
    .CC_top .CC_top_right h3 {
        font-size: 20px;
    }
    .CC_top .CC_top_right h5 {
        font-size: 14px;
        margin: 5px 0;
    }
    .CC_top {
        margin: 30px 0;
    }
    .cc_contt {
        padding: 30px 0;
    }
    .cc_contt .cc_contt_ul ul li {
        width: 49%;
        margin-right: 2%;
        margin-bottom: 10px;
    }
    .cc_contt .cc_contt_ul ul li:nth-child(3n) {
        margin-right: 2%;
    }
    .cc_contt .cc_contt_ul ul li:nth-child(2n) {
        margin-right: 0;
    }
    .cc_contt .cc_contt_ul {
        margin-top: 20px;
    }
    .cc_lccont {
        padding: 30px 0;
    }
    .cc_lc_ul ul {
        display: block;
    }
    .cc_lc_ul ul li {
        width: 50%;
        margin-bottom: 10px;
    }
    .cc_lc_ul ul li .after {
        display: none;
    }
    .cc_lc_ul ul li p {
        margin-top: 10px;
    }
    .cc_ys_cont {
        padding: 30px 0;
    }
    .cc_ys_cont .cc_ys_ul li .img {
        left: 50% !important;
        transform: translateX(-50%);
        top: -50px;
    }
    .cc_ys_cont .cc_ys_ul li {
        height: auto;
        border: 1px solid #2D317C !important;
        width: 100%;
        margin-left: 0;
        padding-top: 70px;
        padding-bottom: 30px;
        margin-top: 70px !important;
    }
    .cc_ys_cont .cc_ys_ul li .text {
        width: 100%;
    }
    .cc_ys_cont .cc_ys_ul li .text {
        height: auto;
    }
    .cc_ys_cont .cc_ys_ul li .img {
        width: 100px;
        height: 100px;
    }
    .cc_ys_cont .cc_ys_ul {
        margin-top: 10px;
    }
    .cc_ys_cont .cc_ys_ul li .text h3 {
        text-align: center;
    }
    .cc_case {
        padding: 30px 0;
    }
    .cc_case .cc_case_ul .cc_case_left {
        width: 100%;
    }
    .cc_case .cc_case_ul .cc_case_right {
        width: 100%;
    }
    .cc_about {
        padding: 30px 0;
    }
    .cc_about .cc_about_ul {
        padding: 20px;
        margin-top: 20px;
    }
    .cc_about .cc_about_ul ul li h3 {
        font-size: 16px;
    }
    .cc_about .cc_about_ul ul li {
        width: 100%;
        margin-right: 0;
        margin-top: 10px !important;
    }
    .cc_about .cc_about_ul ul li p {
        font-size: 14px;
    }
    .mun_mm {
        padding: 10px 0;
    }
    .mun_mm p {
        font-size: 14px;
    }
    .mun_list .mun_ul ul li {
        width: 100%;
        margin-right: 0;
        margin-top: 10px !important;
    }
    .mun_list {
        margin-bottom: 30px;
    }
    .mun_list .mun_ul ul li .img p {
        font-size: 16px;
    }
    .mun_list .mun_ul ul li h3 {
        font-size: 14px;
    }
    .news_conter .news_left {
        display: none;
    }
    .news_conter .news_right {
        width: 100%;
        padding-left: 0;
        border: 0;
    }
    .news_conter .news_right .news_right_top .text {
        width: 100%;
        padding-right: 0;
    }
    .news_conter .news_right .news_right_top .text .time {
        font-size: 24px;
    }
    .news_conter .news_right .news_right_top .text h3 {
        font-size: 16px;
    }
    .news_conter .news_right .news_right_top .text p {
        font-size: 14px;
    }
    .news_conter .news_right .news_right_top .text .more {
        font-size: 16px;
    }
    .news_conter .news_right .news_right_top a {
        display: flex;
        width: 100%;
        flex-direction: column-reverse;
    }
    .news_ul {
        margin-top: 30px;
    }
    .news_ul li .data {
        width: 77px;
        padding-left: 20px;
        height: 83px;
    }
    .news_ul li .data h3,
    .news_ul li .data h4 {
        font-size: 20px;
    }
    .news_ul li .text {
        width: calc(100% - 77px);
        padding-left: 10px;
    }
    .news_ul li .text h3 {
        font-size: 16px;
        margin-bottom: 4px;
    }
    .news_ul li .text p {
        font-size: 14px;
        line-height: 24px;
        -webkit-line-clamp: 2;
    }
    .news_ul li {
        padding-bottom: 10px;
        margin-bottom: 10px;
    }
    .news_conter .pages {
        margin-top: 20px;
    }
    .news_conter {
        margin-bottom: 30px;
    }
    .cc_contt .cc_contt_ul ul li p {
        font-size: 14px;
    }
    .CC_top .CC_top_left .shipin_xs .bf_tt img {
        width: 30px;
    }
}

@media screen and (max-width: 375px) {}

@media screen and (max-width: 320px) {}