@charset "utf-8";
/* CSS Document */


body {max-width:750px;margin:auto;}


@media (max-width: 1367px) {
    .cmt-con-box.fl .fpt-t-con {
        padding-right: 50px;
    }

    .cmt-con-box.fr .fpt-t-con {
        padding-left: 50px;
    }

    .cm-fpt-blk .cmt-wrap {
        width: 95%;
    }

    .fpt-t-con p {
        margin-top: 15px;
    }

    .fpt-t-con .fpt-t-menu {
        margin-top: 15px;
    }

    .fpt-t-con .v-m {
        margin-top: 30px;
    }
}

@media screen and (min-width: 375px) {
    .cm-w {
        padding-left:12px;
        padding-right:12px;
        min-width: auto;
    }

    .header {
        display: none;
    }

    .cp-spt-main {
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .spt-box .spt-wrap {
        padding: 20px;
        display: block;
    }

    .fpt-t-con h2 {
        font-size: 17px;
        line-height: 28px;
        font-weight: bold;
    }

    .fpt-t-con p {
        margin-top: 15px;
        font-size: 15px;
    }

    .fpt-t-con .v-m {
        margin-top: 15px;
    }

    .cm-fpt-blk .fpt-p {
        width: 100%;
        clear: both;
        margin: auto;
    }

    .cm-fpt-blk {
        display: block !important;
        margin-bottom: 10px;
        background: #ffffff;
    }

    .cm-fpt-blk .fpt-t {
        width: 100%;
        clear: both;
    }

    .cm-fpt-blk .cmt-wrap {
        width: 90%;
        min-width: 90%;
        position: relative !important;
        margin: auto;
    }

    .cmt-wrap .cmt-con-box {
        width: 100%;
        padding-top: 25px;
        padding-bottom: 25px;
    }

    .cmt-con-box.fr .fpt-t-con {
        padding-left: 0px;
    }

    .cmt-con-box.fl .fpt-t-con {
        padding-right: 0px;
    }

    .spt-box .spt-item-l {
        width: 49%;
        float: left;
    }

    .spt-box .spt-item-r {
        width: 49%;
        float: right;
    }

    .spt-box .spt-item-c {
        display: none;
        width: 100%;
        clear: both;
    }

    .spt-item-c .spt-con {
        margin: 0px;
    }

    .spt-cp dd {
        font-size: 16px;
    }

    .spt-sc-box .sc-item {
        margin-top: 20px;
    }

    .spt-sc-box .sc-item dd {
        width: 60px;
        height: 60px;
    }

    .spt-box .spt-sc-box {
        padding: 20px;
    }

    .i-tp-swp {
        padding-top: 20px;
        padding-bottom: 40px;
        margin-bottom: 20px;
    }

    .i-l-tit {
        margin-bottom: 15px;
    }

    .i-l-tit h2 {
        font-size: 17px;
        line-height: 17px;
    }

    .i-zx-box {
        padding-top: 25px;
        padding-bottom: 25px;
    }

    .i-zx-item .i-zx-ul {
        padding: 10px;
    }

    .i-zx-item .i-zx-con {
        padding: 10px;
    }

    .i-zx-box .i-zx-item {
        width: 100%;
        margin-bottom: 10px;
    }

    .i-zx-item dt {
        width: 100%;
        height: auto;
        margin-right: 0px;
        float: none;
    }

    .i-zx-item dd {
        margin-top: 10px;
    }

    .i-zx-item .i-zx-ul li {
        font-size: 16px;
        line-height: 26px;   
    }

    .banner .logo {
        display: none;
    }

    .banner .bn-slg {
        display: none
    }

    .banner .swiper-pagination.bn-pagination {
        bottom: 8px;
    }

    .banner .swiper-pagination-bullet {
        width: 5px;
        height: 5px;
    }

    .banner .bn-pagination .swiper-pagination-bullet {
        border: solid 2px rgba(255, 255, 255, 1)
    }

    .banner .bn-pagination .swiper-pagination-bullet-active {
        width: 12px;
    }

    .case-item {
        width: 100%;
        border-radius: 12px;
        overflow: hidden;
        margin-bottom:12px;
    }

    .case-item img {
        width: 100%;
        height: auto;
    }

    .case-item .case-des {
        padding: 15px 12px 15px 12px;
        background: linear-gradient(120deg, #0d6fb8, #0d92b8) !important;
        color: rgba(255, 255, 255, 1);
    }

    .case-item .case-des h3 {
        font-weight: bold;
        font-size: 16px;
    }

    .case-item .case-des p {
        margin-top: 10px;
        font-size: 12px;
        color: rgba(255, 255, 255, 0.8);
    }

    .i-zx-box .i-zx-wrap {
        margin-top: 0px !important;
    }

    .footer .ft-link {
        display: none;
    }

    .footer .ft-info {
        text-align: center;
    }

    .footer .ft-con .ft-r {
        width: 100%;
        clear: both;
        float: none;
    }

    .ft-code dt {
        float: none;
        display: inline-block;
        margin-left: 10px;
        margin-right: 10px;
    }

    .ft-code dt img {
        height: 60px;
    }

    .ft-code {
        text-align: center;
        padding-top: 20px;
    }

    .footer .ft-con .ft-l {
        float: none;
    }

    .spt-sc-box .sc-con {
        line-height: 30px;
    }

    .spt-sc-box .sc-con a, .spt-sc-box .sc-con a:visited {
        display: block;
    }

    .i-zx-box {
        padding-top: 25px;
        padding-bottom: 25px;
    }

    .i-zx-wrap .i-zx-tpc {
        width: 100%;
        float: none;
        border-radius:12px;
        overflow:hidden;
    }

    .i-zx-tpc .fir-con {
        padding: 15px;
    }

    .i-zx-tpc .v-m a, .i-zx-tpc .v-m a:visited {
        padding: 10px 15px 10px 15px;
        background: linear-gradient(120deg, #0d6fb8, #3da0ea) !important;
    }

    .i-zx-box .i-zx-list {
        width: 100%;
        float: none;
        margin-top: 20px;
    }

    .i-zx-tpc .fir-con p {
        display: none;
    }

    .i-zx-tpc .fir-pic {
        width: 100%;
        float: none;
        height: auto;
        margin-right: 0px;
    }

    .i-ptn-box {
        padding-top: 25px;
        padding-bottom: 25px;
        border-top-left-radius:24px;
    }

    .i-c-tit h2 {
        font-size: 17px;
        line-height: 28px;
        font-weight: bold;
    }

    .i-c-tit {
        margin-bottom: 20px;
    }

    .i-ptn-ul li {
        width: 25%;
        margin-left: -1px;
        margin-top:-1px;
    }

    .i-ptn-ul li h3 {
        display: none;
    }

    .i-ptn-ul {
        -webkit-justify-content: left;
        justify-content: left;
        flex-flow: row wrap;
    }

    .ft-col-box {
        display: none;
    }

    .footer .ftcon {
        width: auto;
        margin-right: 10px;
        margin-left: 10px;
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .footer .ftcon .ft-rec {display:none;}
    .footer .ftcon .ft-lx {float:none;}
    
    .footer .ftcon .ft-code {float:none;margin-top:20px;}
    .footer .ftcon .ft-cp {margin-top:15px;padding-top:15px;    border-top-width: 1px;
        border-top-style: solid;
        border-top-color: #3c3f48;}
    .footer .ftcon .ft-cp span {clear:both;display:block;float:none;display:none;}

    .navbox {
        display: none;
    }

    .fpt-t-menu dt {
        width: auto;
        font-size: 15px;
        line-height: 25px;
    }

    .hcm-tit {
        margin-bottom:15px;
        text-align:center;
    }
    .hcm-tit .tit {
        font-size:17px;
        line-height:1.2;
        font-weight:bold;
    }
    .hcm-tit .en {
        font-size:13px;
        color: #0d6fb8;
        text-transform:uppercase;
        font-weight:bold;
    }
    .single-line {
        white-space: nowrap;   
        overflow: hidden;     
        text-overflow: ellipsis;        
      }
      .text-justify {
        text-align:justify;
      }
      .h-abt .abt-tit {
        font-size:22px;
        margin-bottom:15px;        
      }
      .h-abt {
        padding: 20px 12px 20px 12px;
        background: linear-gradient(120deg, #0d6fb8, #0d92b8) !important;
        color:rgba(255,255,255,1);
        border-top-left-radius:24px;
        line-height:1.6;
      }
      .h-abt-btn {
        line-height:1;
        border:solid 1px rgba(255,255,255,1);
        padding:8px 20px 8px 20px;
        border-radius:99px;
        display:inline-block;
        color:rgba(255,255,255,1);
      }
      .mt15 {
        margin-top:15px;
      }
      .mb15 {
        margin-bottom:15px;
      }
	  .mt20 {
        margin-top:20px;
      }
	  .mb20 {
        margin-bottom:20px;
      }
      .yw-box {
        width:100%;
        overflow:hidden;
      }
      .yw-item {
        margin-bottom:12px;
        position:relative;
        min-height:30px;        
      }
      
      .yw-item  img {
        width:100%;height:auto;
        display:block;
      }
      .yw-item .des {
        position:absolute;
        bottom:0;
        left:0;
        width:100%;
        line-height:1.4;
        padding:20px 12px 12px 12px;
        color:rgba(255,255,255,1);
        background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0,0,0,0.8));
        box-sizing: border-box;
        text-align:center;
        font-size:16px;
      }
}