/*--------------------------------------------------
    Mobile-自适应
--------------------------------------------------*/
@media all and (max-width: 768px) {

    /*
        container
    */
    .container{width: 100%; max-width: 100%;}


    /* 
        header
    */
    .header{height: auto; background: #000; padding: 0 12px; box-shadow: 0 0 5px #333; position: fixed; z-index: 999;}
    .header .headerBg{content: ''; width: 100%; height: 100vh; background: rgba(0, 0, 0, .3); position: fixed; left: 0; top: 0; z-index: -1; display: none;}
    .header-active{background: #000 !important;}
    .header:hover{background: #000 !important;}
    .header .logo{float: left; line-height: 46px; margin-right: 45px; }
    .header .logo img{width: 84px;}
    .header .menu{float: none; display: none; padding: 12px 0;}
    .header .menu li{float: none; margin-right:0; margin-bottom: 6px;}
    .header .menu a{padding: 0 12px; border-radius: 5px; line-height: 42px;}
    .header .menu .active{background: #2468F2; color: #fff;}
    .header .menu .active::before{display: none;}
    .header .menu-bt{display: block;  width: 50px; line-height: 47px; text-align: center; float: right;}
    .header .menu-bt .iconfont{color: #fff; font-size: 24px; transition: all .15s;}
    .header .menu-bt:active .iconfont{color: #2468F2;}
    .moblie-top{overflow: hidden;}

    .header .menu li:hover::after{width: 100%;}
    .headerFix .menu a:hover{color: #ffffff;}

    /* 导航 */
    .header .menu li::after{
        top: 42px;
        bottom: none;
    }
    .header .menu .down{
        width: auto;
        position: static;
        background: none;
        transform: none;
    }
    .header .menu .down a{
        text-align: left;
    }
    .headerFix .menu .active{
        color: #ffffff !important;
    }
    .headerFix .menu a{
        color: #ffffff;
    }


    /* 
        banner
    */
    .banner{height: 480px; position: relative; margin-top: 0; z-index: 0; top: 0;}
    .banner .txt{position: static; left: 0; top: 0; transform: translate(0,0); padding: 0 12px;}
    .banner .txt div{width: 100%; text-align: justify;}
    .banner h5{color: #fff; font-weight: 500; margin-bottom: 18px; text-align: center;}
    .bannerTitle{justify-content: center;}
    .banner h6{color: #fff; font-weight: 400;}
    .banner p{color: #fff; font-size: 14px; line-height: 26px;} 
    .banner .img{width: 100%; top: unset; bottom: 20px; right: unset; left: unset;}
    .banner .img img{position: absolute; bottom: 0px; left: 50%; transform: translateX(-50%);}
    .index-banner{background-repeat: no-repeat;  background-color: #010035;background-position: 80% 85%; padding: 90px 0; text-align: center;}
    /* .index-banner{background-repeat: no-repeat; background-size: 210%; background-color: #010035;background-position: 80% 85%; padding: 90px 0; text-align: center;} */
    .index-banner h5{font-size: 42px;}
    .index-banner h6{font-size: 24px;}
    .index-banner .img{ width: 110%; transform: translate(-10%,0);}

    .supply-banner{background-repeat: no-repeat; background-size: cover; background-color: #090b40;background-position: 84% 90%; padding: 80px 0; text-align: center;}
    .supply-banner h5{font-size: 30px;}
    .supply-banner p{width: 100%;}
    .supply-banner .img{ padding: 0 15px;}

    .energy-banner{background-size: cover; background-color: #011c0f; background-position: 80% 90%; padding: 80px 0;}
    .energy-banner h5{font-size: 30px;}
    .energy-banner .img{ padding: 0 40px;}

    .data-banner{background-size: cover; background-color: #030f2d; background-position: 80% 90%; padding: 80px 0; height: 540px;}
    .data-banner .img{ padding: 0 20px;}

    .goods-banner{background-size: cover; background-color: #030f2d; background-position: 80% 90%; padding: 80px 0; height: 540px;}
    .goods-banner .img{ padding: 0 40px;}

    .conBox-one-active-next{transform: none;}

    .electronic-banner .img{bottom: 0;}


    /* 
        mainBox
    */
    .mainBox{padding: 48px 12px; }
    .mainBox .topTi{text-align: center;}
    .mainBox .title{font-size: 28px; margin-bottom: 16px; color: #191C3D;}
    .mainBox .text{color: #697B8C; font-size: 16px; line-height: 28px;}

    .conBox{overflow: hidden; margin-top: 40px;}

    /* advantage-mainBox */
    .advantage-mainBox{background: #fff;}
    .advantage-mainBox .left-con{float: none; padding: 0 12px; margin-bottom: 36px; width: 100%;}
    .advantage-mainBox .left-con img{width: 100%;}
    .advantage-mainBox .right-con{float: none; width: 100%}
    .advantage-mainBox .con-list{margin-bottom: 36px;}
    .advantage-mainBox .con-list h5{text-align: center;}
    .advantage-mainBox .con-list p{text-align: justify;}

    /* solution-mainBox */
    .solution-mainBox{height: auto;}
    .solution-mainBox .tabs{float: none; width: 100%; padding: 0;}
    .solution-mainBox .tabs-ul{border-right: none; overflow: hidden; display: flex; flex-wrap: wrap; margin-bottom: 24px; height: auto;}
    .solution-mainBox .tab-nav{line-height: 40px; margin-bottom: 12px; flex: 0 0 50%; transition: all .3s;}
    .solution-mainBox .tab-nav:hover{color: #2468F2;}
    .solution-mainBox .tab-nav-active{border-bottom: solid 2px #2468F2; border-right: none; margin-bottom: 30px; flex: 0 0 50%;  margin-bottom: 12px; }

    .solution-mainBox .tabs-body{float: none; width: 100%; padding-left: 0;}
    .solution-mainBox .tabs-body .tabs-con{display: none;}
    .solution-mainBox .tabs-body .tabs-con-active{display: block;}
    .solution-mainBox .tabs-body .ti{text-align: center;}
    .solution-mainBox .tabs-body .txt{text-align: justify;}
    .solution-mainBox .tabs-body .con .borderTxt{overflow: hidden;}
    .solution-mainBox .tabs-body .con .borderTxt li{float: left; line-height: 34px; padding: 0 ; margin-right: 0; width: 48%; margin-bottom: 12px; text-align: center;}
    .solution-mainBox .tabs-body .con .borderTxt li:nth-child(odd){margin-right: 2%;}

    /* products-mainBox */
    .products-mainBox .row{margin: 0 ;}
    .products-mainBox .col-12{padding: 0 ;}
    .products-mainBox .con{text-align: center; margin-bottom: 60px;}
    .products-mainBox .con img{margin-bottom: 30px;}
    .products-mainBox .con p{margin-bottom: 24px;}
    #prePage,#nextPage{display: none !important;}



    /* honor-mainBox */
    .honor-mainBox{height: auto;}
    .honor-mainBox .row{margin: 0 ;}
    .honor-mainBox .col-12{padding: 0 ;}
    .honor-mainBox .con{ padding: 25px 20px; height: auto; margin-bottom: 24px;}
    .honor-mainBox .con h5{font-size: 18px; margin-bottom: 16px; line-height: 24px;}
    .honor-mainBox .con p{font-size: 14px; color: #697B8C; line-height: 26px; text-align: left;}

    /* news-mainBox */
    .news-mainBox{background: #fff;}
    .news-mainBox .conBox{position: relative; height: auto;}

    .news-mainBox .news{width: 100%; height: 500px; position: relative; left: 0; top: 0; z-index: 2; transition: all .2s;}
    .news-mainBox .news .news-con{position: absolute; left: 0; top: 0; width: 100%; transform: translate(100%,0); transition: all .4s; z-index: 0;}
    .news-mainBox .news .news-con-active{position: absolute; left: 0; top: 0; width: 100%; transform: translate(0,0); transition: all .4s; z-index: 1;}
    .news-mainBox .newsBg{content: ''; width: 100%; height: auto; z-index: 1; position: static; left: 0; top: 0;}
    .news-mainBox .news a{ overflow: hidden;}
    .news-mainBox .news .img{float: none;}
    .news-mainBox .news .news-con .img img{width: 100%; height: auto;}
    .news-mainBox .news .newsCon{float: none; width: 100%; padding: 30px 20px; margin-bottom: 20px; border: solid 1px #e6e6e6;}
    .news-mainBox .news .newsCon p{ margin-bottom: 20px; }

    .news-mainBox .news-list{ width:100%; padding: 40px; position: static; }
    .news-mainBox .point{position: static; left: 0; bottom: 0; display: none;}
    .news-mainBox .more{position: static; text-align: center; display: table; margin: 30px auto 0;  border: solid 1px #e6e6e6; width: 160px; line-height: 40px; border-radius: 5px;}

    .newsPage-mainBox{ margin-top: 0;}
    .news-page li{ margin-bottom: 24px;}
    .news-page li .title{font-size: 18px; transition: all .3s; line-height: 1.5em;}
    .news-page li a:hover .title{color: #2468f2;}
    .news-page li .text{-webkit-line-clamp: 2;}
    .news-page li .time{font-size: 12px; color: #999;}

    .pagination{overflow: hidden;}
    .pagination li{float: left; margin-right: 5px;}
    .pagination a{display: block; text-decoration: none; width: 30px; line-height: 30px; text-align: center; border: solid 1px #ddd; border-radius: 5px;}
    .pagination .active{background: #2468f2; color: #fff;}

    /* partner-mainBox */
    .partner-mainBox{height: auto;}
    .partner-mainBox .row{margin: 0 -10px;}
    .partner-mainBox .col-6{padding: 0 10px; margin-bottom: 20px;}
    .partner-mainBox .col-6:nth-last-child(1){margin-bottom: 0;}
    .partner-mainBox .col-6:nth-last-child(2){margin-bottom: 0;}
    .partner-mainBox img{ box-shadow: 0 0 10px #E3E8F1; width: 100%;}

    /* pic-mainBox */
    .pic-mainBox img{width: 100%;}

    /* row-mainBox */
    .row-mainBox .row{margin: 0;}
    .row-mainBox .col-12{padding: 0; margin-bottom: 24px;}
    .row-mainBox .col-12:last-child{margin-bottom: 0;}
    .row-mainBox .con{ padding: 48px 20px 48px 110px;}
    .row-mainBox .con img{left: 20px;}
    .row-mainBox .EBC-conBox .con{height: auto;}

    .row-mainBox2 .row{margin: 0 ;}
    .row-mainBox2 .col-12{padding: 0 ; margin-bottom: 24px;}
    .row-mainBox2 .col-12:last-child(2){margin-bottom: 0;}
    .row-mainBox .con{height: auto; padding: 36px 20px 36px 110px;}

    /* application-mainBox */
    .application-mainBox .application li{ width: 50%; margin-bottom: 48px;}
    .application-mainBox .application li:last-child{ margin-bottom: 0;}
    .application-mainBox .application p{font-size: 18px; margin-top: 24px;}

    .application-case{ height: auto; margin-bottom: 24px;}
    .application-case:last-child{ margin-bottom: 0;}
    .application-case::after{display: none;}
    .application-case .img{width: 100%; position: static; transform: translate(0,0);}
    .application-case .txt{width: 100%; position: static; transform: translate(0,0); padding: 30px 20px;}

    /* programme-mainBox */
    .programme-mainBox .img{width: 100%; float: none; }
    .programme-mainBox .img img{padding: 34px 12px; height: auto; width: 100%;}
    .programme-mainBox .text{width: 100%; float: none; padding: 48px 24px;  height: auto;}


    /* 
        footer
    */
    .footer{padding: 40px 12px; text-align: center;}
    .footer .top{overflow: hidden;padding-bottom: 36px;}
    .footer .top .menu{float: none; margin-right: 0; margin-bottom: 24px; overflow: hidden;}
    .footer .top .menu li{margin-bottom: 12px;}
    .footer .top .menu li:nth-child(2){width: 50%; float: left;}
    .footer .top .menu li:nth-child(3){width: 50%; float: left;}
    .footer .top .menu li:nth-child(4){width: 50%; float: left;}
    .footer .top .menu li:nth-child(5){width: 50%; float: left;}
    .footer .top .contacts{float: none; margin-bottom: 36px;}
    .footer .top .contacts li h5{font-size: 18px; color: #fff;  margin-bottom: 20px;}
    .footer .top .contacts li{margin-bottom: 12px; color: #A9B7C4; font-size: 14px;}
    .footer .code-area{float: none; text-align: center;}
    .footer .code-area .icons-ul{position: relative; z-index: 1; display: table; height: 28px; margin: 0 auto; left: -24px;}
    .footer .iconTabs-body{position: relative; z-index: 0; top: 6px;}

    .footer .bottom .link{overflow: hidden; margin: 0 auto; display: table;}

    /* 方案架构 */
    .pic-mainBox .picBox{height: 900px !important;}
    .pic-mainBox .model_picBox{height: 1000px !important;}
    .supply-pic-mainBox .picBox{height: 1100px !important;}
    /* .energy-pic-mainBox .picBox{height: 800px !important;} */
    .supply-pic-mainBox .picContent{width: 100%; height: 950px !important; margin-top: 0px;}
    .pic-mainBox .picContent{width: 100%; height: 850px; margin-top: 0px;}
    .pic-mainBox .picContent .pic-con{width: 100%;margin-left: 0px;}
    .pic-mainBox .picContent .bgShadow{display: none;}
    .pic-mainBox .picContent .img{width: 100%; height: 300px;}
    .pic-mainBox .picContent .picCon{width: 100%; margin-left: 0px; padding: 20px;}

    /* .pic-mainBox .picBox .pic-list{width: 100%;} */
    .pic-mainBox .picBox .pic-list .num{left: 65%;}



    /* 公共存证服务平台 */
    .contentDetail{margin: 32px auto 0px; text-align: center !important;}
    .electronic-mainBox .text{width: 100% !important;}

    /* YG-BAS平台 */
    .bas-mainBox .row{justify-content: center;}
    .bas-mainBox .col-xl-3{margin-bottom: 20px;}
    .bas-mainBox .col-xl-3:last-child{margin-bottom: 0px;}

    /* 总体架构 */
    .baspic-mainBox .basProgramImg{width: 100%; padding: 10px;}
    .baspic-mainBox .basProgramImg img{width: 100%;}

    /* 技术架构 */
    .bastechnopic-mainBox .bastechnoProgramImg{width: 100%; padding: 10px;}
    .bastechnopic-mainBox .bastechnoProgramImg img{width: 100%;}

    /* 服务实践 */
    .service-mainBox .picBox{height: 616px !important;}
    .service-mainBox .imgBgWrap{width: 100%; height: 220px; left: 0; top: 0;}
    .imgBgWrap .sliderIndexWrap{bottom: 24px;}
    .service-mainBox .picContent{height: auto !important;}
    .service-mainBox .picContent .picCon{margin-left: 48px; margin-top: 92px;}
    .service-mainBox .picContent .pic-con{margin-top: 0px; height: 174px;}
    .service-mainBox .picContent .img{width: 100%; height: 174px; margin: 0px; background: none;}
    .service-mainBox .picContent .img ul{width: 200%;}
    .service-mainBox .picContent .img .sliderUl{width: 100%;}
    .service-mainBox .picContent .img img{width: 351px;}
    .service-mainBox .picBox .pic-list .num{left: 65%;}
}

@media all and (min-width: 320px) and (max-width: 359px){
    .news-mainBox .news{height: 460px;}
    #prePage,#nextPage{display: none !important;}

    .charityTxt{width: 100%;}
    .communityTxt{width: 100%;}
    .goodsTxt{width: 100%;}
}

@media all and (min-width: 360px) and (max-width: 375px){
    .news-mainBox .news{height: 490px;}
    #prePage,#nextPage{display: none !important;}

    .charityTxt{width: 100%;}
    .communityTxt{width: 100%;}
    .goodsTxt{width: 100%;}
}

@media all and (min-width: 376px) and (max-width: 414px){
    .news-mainBox .news{height: 520px;}
    #prePage,#nextPage{display: none !important;}

    .charityTxt{width: 100%;}
    .communityTxt{width: 100%;}
    .goodsTxt{width: 100%;}
}
@media all and(min-width: 768px) and (max-width: 1199px){
    #prePage,#nextPage{display: none !important;}

    .charityTxt{width: 100%;}
    .communityTxt{width: 100%;}
    .goodsTxt{width: 100%;}
}

@media all and (min-width: 1200px) and (max-width: 1439px){
    /* 
        banner
    */
    .banner{height: 480px; position: relative; margin-top: 0; z-index: 0;}
    .banner p{width: 600px;}
    .banner .txt div{width: 500px;}

    .index-banner{background-repeat: no-repeat; background-color: #010035; background-position: 60% 40%; background-size: cover;}
    .index-banner .img{width: 780px; right: 6%;}

    .supply-banner{background-repeat: no-repeat;  background-color: #090b40; background-position: 60% 40%; background-size: cover;}
    .supply-banner .img{width: 620px; right: 4%;}

    .energy-banner{background-color: #00130d; background-position: 50% 60%; background-size: cover;}
    .energy-banner .img{width: 540px; right: 7%;}

    .data-banner{background-color: #030f2d; background-position: 55% 90%;}
    .data-banner .img{width: 750px; right: 0%;}

    .goods-banner{ background-color: #030f2d; background-position: 50% 90%;}
    .goods-banner .img{width: 540px; right: 5%;}
    .electronic-banner .img{width: 800px; right: 0%; top: auto; transform: translateY(0); bottom: 0;}

    .modal-banner .img{width: 580px; right: 4%;}
    .enterprise-banner .img{width: 620px; right: 3%;}
    .storage-banner .img{width: 560px; right: 6%;}

    .charityTxt{width: 800px;}
    .communityTxt{width: 600px;}
    .goodsTxt{width: 750px;}

    #prePageIcon{left: 0 !important; z-index: 2;}
    #nextPageIcon{right: 0 !important;}

    /* YG-BAS平台 */
    .bas-banner .img{width: 700px; right: 2%;}
}

@media all and (min-width: 1440px) and (max-width: 1679px){
    /* 
        banner
    */
    .banner{height: 480px; position: relative; margin-top: 0; z-index: 0;}
    .banner .txt div{width: 550px;}

    .index-banner{height: 100vh; background-repeat: no-repeat; background-color: #010035; background-position: 60% 80%;}
    .index-banner .img{width: 1000px; right: 2%;}

    .supply-banner{background-repeat: no-repeat;  background-color: #090b40; background-position: 60% 80%;}
    .supply-banner .img{width: 640px; right: 7%; }

    .energy-banner{background-color: #011c0f; background-position: 50% 90%;}
    .energy-banner .img{width: 550px; right: 12%;} 

    .data-banner{background-color: #030f2d; background-position: 50% 90%;}
    .data-banner .img{width: 750px; right: 2%;}

    .goods-banner{ background-color: #030f2d; background-position: 50% 90%;}
    .goods-banner .img{width: 600px; right: 5%;}
    .electronic-banner .img{width: 850px; right: 0%; top: auto; transform: translateY(0); bottom: 0;}

    .modal-banner .img{width: 640px; right: 4%;}
    .enterprise-banner .img{width: 640px; right: 3%;}
    .storage-banner .img{width: 600px; right: 8%;}

    .charityTxt{width: 800px;}
    .communityTxt{width: 600px;}
    .goodsTxt{width: 750px;}

    /* YG-BAS平台 */
    .bas-banner .img{width: 740px; right: 2%;}

}

/* @media all and (min-width: 1500px) and (max-width: 1600px){ */
@media all and (min-width: 1680px) and (max-width: 1900px){
    /* 
        banner
    */
    .banner{height: 480px; position: relative; margin-top: 0; z-index: 0;}

    .index-banner{height: 100vh; background-repeat: no-repeat; background-color: #010035; background-position: 60% 80%;}
    .index-banner .img{width: 1000px; }

    .supply-banner{background-repeat: no-repeat;  background-color: #090b40; background-position: 60% 80%;}
    .supply-banner .img{width: 660px; position: absolute; right: 10%;}

    .energy-banner{background-color: #011c0f; background-position: 40% 90%;}
    .energy-banner .img{position: absolute; right: 14%;} 

    .data-banner{background-color: #030f2d; background-position: 50% 90%;}
    .data-banner .img{width: 750px; right: 4%;}

    .goods-banner{ background-color: #030f2d; background-position: 40% 90%;}
    /* .goods-banner .img{width: 620px; right: 5%; top: 30px;} */
    .goods-banner .img{width: 620px; position: absolute; right: 5%;}
    .electronic-banner .img{width: 900px; right: 3%; top: auto; transform: translateY(0); bottom: 0;}

    .modal-banner .img{width: 700px; right: 3%;}
    .enterprise-banner .img{width: 660px; right: 8%;}
    .storage-banner .img{width: 600px; right: 12%;}

    .charityTxt{width: 800px;}
    .communityTxt{width: 600px;}
    .goodsTxt{width: 750px;}

    /* YG-BAS平台 */
    .bas-banner .img{width: 780px; right: 5%;}
}