.mobile {
    display: none;
}

.pc {
    display: block;
}

@media (max-width:640px) {

    .chatBox,.pc {
        display: none;
    }
    
    .container {
        width: 96%;
    }
  
    .mobile {
        display: block;
    }
    .contact-form{
        width:100%;
        padding:30px 15px;
    }
    .contact-form .form dl{
        width:100%;
        margin-bottom: 10px;
    }
    .formbox{
        margin-top: 15px;
    }
    .section,
    .fluid {
        padding: 40px 0;
    }
    .header-fluid{
        background:#25345f;
    }
      .header{
        width:100%;
        padding:0 2%;
    }
    .logobox{
        display: flex;
        justify-content: space-between;
        align-items: center;
        width:100%;
        height: 60px;
    }
    .logobox .daohang{
        display: block;
    }
    .logobox .daohang i.iconfont{
        color:#fff;
        font-size:25px;
    }
    .logo{
        display: block;
        height: auto;
    }
    .logo img{
        height: 50px;
    }
    .navbar{
        position: fixed;
        top:60px;
        right:0;
        width:160px;
        background:#25345f;
        display: none;
    }
    .navbar .nav>ul>li{
        width:100%;
        border-top:1px solid #19264c;
    }
    .navbar .nav>ul>li>a>span{
        height: 35px;
        line-height: 35px;
        text-align: center;
    }
    .navbar .nav>ul>li.active>a>span{
        transform: translateY(0px);
    }
    .navbar .nav>ul>li.active>a>span::after{
        opacity: 0;
    }
    .navbar .nav>ul>li:hover .subnav{
        display: none;
    }
    .sub-banner,
    .banner{
        margin-top: 60px;
    }
    
    .banner  .img{
        height: auto;
    }
    .banner  .img img{
        display: block;
    }
    .banner .owl-theme .owl-dots{
        bottom:0;
    }
    .banner .owl-theme .owl-dots .owl-dot span{
        margin:3px 5px;
    }
    .main-title .etitle{
        font-size:20px;
    }
    .main-title .title{
        font-size:20px;
    }
    .main-title .smtitle{
        font-size:13px;
        line-height: 1.8;
    }
    .side_floating{
        display: none;
    }
    .industry .industry-titlist {
        width: 100%;
        padding-right: 0;
        min-height: 50px;
        border-right: 0;
        border-bottom: 1px solid #a9a9a9;
    }

    .industry .industry-titlist ul {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .industry .industry-titlist ul>li {
        width: calc(100%/4 - 10px);
    }
	
      .industry .industry-titlist ul .hidden-li {
        width: calc(100%/4 - 10px);
        display: none; 
    }

    .industry .industry-titlist>ul>li>a {
        width: 100%;
        line-height: 33px;
        height: 33px;
    }

    .industry-list {
        width: 100%;
    }
    .industry-box{
        padding:30px 0 55px;
    }
    .industry-box .industry-top .title{
        font-size:20px;
        text-align: center;
        width:100%;
    }
    .industry-msg .des{
        font-size:15px;
        line-height:28px;
        color:#f9f9f9;
    }
    .industry-hzlist>ul,
    .industry-iconlist>ul{
        flex-wrap: wrap;
    }
    .industry-iconlist>ul>li{
        width:calc(100%/3);
        margin-bottom: 10px;
    }
    .industry-hzlist>ul>li{
        width:calc(100%/3);
        margin-bottom: 10px;
    }
    .industry-box .industry-top .industryButton{
        position: absolute;
        left:0;
        width:100%;
        bottom:0px;
        justify-content: center;
    }
    .industry-box .industry-top .industryButton a{
        margin:0 5px;
    }
   
    .platform-titlist ul{
        margin-top: 0px;
    }
    .main-title{
        margin-bottom: 30px;
    }
    .platform-titlist>ul>li{
        width:50%;
    }
    .platform-titlist>ul>li a img{
        height:20px;
        margin-right: 5px;
    }
    .platform-titlist>ul>li>a{
        width:100%;
        padding-left:0;;
    }
    .platform-titlist>ul>li>a span{
        font-size:14px;
        line-height: 35px;
    }
    .platform-list{
        width:100%;
		height: 520px;
    }
    .platform-list .item .info{
        position: static;
        margin-top: 10px;
    }
   
    .platform-box .img{
        width:100%;
    }
    .platform-box .img .mobile{
        width:100%;
    }
    .platform-box .info ul{
        margin-top: 10px;
    }
    .platform-button>a{
        margin-right: 0;
        margin-top: 20px;
        line-height: 35px;
    }
    .operational-list{
        justify-content: space-between;
    }
    .operational-item{
        height: auto;
        /* height: 315px; */
         width:calc(100%/2 - 2px);
        margin-bottom: 4px;
    }
   .operational-item .g-tac{
       padding:15px;
   }
   .operational-item .g-cont .g-top{
       margin-bottom: 10px;
       padding-bottom: 10px;
   }
    .operational-item.active{
       width:calc(100%/2 - 2px);
    }
    .operational-item .g-tac .in{
        margin-top: 20px;
    }
    .operational-item .g-cont{
        padding:15px;
    }
    .operational-item .g-tac>ul.sul>li{
        margin-bottom: 8px;
    }
    .operational-item.active .g-cont{
        padding-bottom: 40px;
    }
    .operational-item .g-cont .g-more{
        left: 15px;
        bottom: 12px;
    }
    .case-box{
        padding:8px 8px 10px;
    }
	.sub-case-list .case-box{
        margin-bottom:30px;
		width: auto;
    }
    #case .owl-controls{
        margin-top: 15px;
    }
    .case-item .info .title{
        padding-bottom: 10px;
        margin-bottom: 10px;
        font-size:16px;
    }
    .case-item .info .case-more{
        margin-top: 15px;
    }
    .signal-fluid{
        padding:14px 0;
    }
    .signal-item .num{
        padding-left: 0;
    }
    .signal-item .num .counter{
        font-size:18px;
    }
    .signal-item .num em{
        font-size:12px;
    }
    .signal-item .info .tit{
        font-size:13px;
    }
    .customersTopImg{
        width:100%;
        height: auto;
    }
    .customersToplist{
        width:100%;
    }
    .customersTopBox{
        margin-bottom: 0px;
    }
    .customers-list>ul>li{
        width:calc(100%/3);
    }
    .customers-list>ul>li>a>.img{
        padding:5px;
    }
    .about .about-img{
        width:100%;
    }
    .about-content{
        width:100%;
        padding-top: 20px;
    }
    .about-content .about-title{
        margin-bottom: 10px;
    }
    .news-box, .news-item{
        width:100%;
        margin-right: 0;
    }
    .news-box:nth-of-type(3n){
        margin-bottom:0;
    }
    
    .footer-fluid{
        display: none;
        padding:30px 0 10px;
    }
    .foot-contact{
        width:100%;
    }
    .footerbottom-fluid{
        font-size:12px;
        line-height: 1.8;
    }
    .sub-banner .img{
        position: relative;
        overflow: hidden;
        height: 160px;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .sub-banner img{
        width:600px;
        max-width: 600px;
    }
    .links{
        position: static;
    }
    .links .container{
        width:100%;
    }
    .links ul li a{
        line-height: 35px;
        font-size:16px;
    }
    .sub-abouttitle{
        padding-bottom: 20px;
        font-size:22px;
    }
    .sub-system-p1{
        padding:10px 35px;
        font-size:16px;
        line-height: 1.8;
    }
    .sub-system-p1::after,
    .sub-system-p1::before{
        width:30px;
        height: 30px;
        background-size: 30px;
    }
    .sub-design-item{
        width:100%;
        margin-right: 0;
    }
    .sub-design-item .img{
        height:auto;
    }
    .sub-technology-item{
        width:100%;
        margin-bottom: 20px;
        margin-right: 0;
        padding:30px 10px 20px;
    }
    .sub-technology-item .info .title{
        font-size:16px;
    }
    .sub-application ul li .info p.t{
        font-size:25px;
    }
    .sub-application ul li .info p.e{
        font-size:12px;
        margin-top: 5px;
    }
    .sub-technology-item:nth-of-type(3n){
        margin-bottom: 0;
    }
    .sub-news-item{
        width:100%;
    }
    .sub-news-item a .times{
        width:95px;
    }
    .sub-news-item a .info{
        width:calc(100% - 95px);
    }
	 .sub-news-item a .info2{
        width:100%;
    }
    .sub-news-item a .info .title{
        font-size:16px;
        line-height: 26px;
        height: 26px;
    }
	  .sub-news-item a .info2 .title{
        font-size:16px;
        line-height: 26px;
        height: 26px;
    }
    .sub-news-item a{
        padding:6px 0;
    }
    .sub-news-item a .times .day{
        font-size:30px;
        line-height: 40px;
    }
    .sub-news-item a .info .des{
        line-height: 22px;
        height: 44px;
    }
	  .sub-news-item a .info2 .des{
        line-height: 22px;
        height: 44px;
    }
    .sub-research-item{
        margin-right: 0;
        width:100%;
        margin-bottom: 10px;
    }
    .sub-research-item:nth-of-type(2n){
        margin-right: 0;
    }
    .sub-research-info{
       width:100%;
    }
    .sub-research-item .info .title .t, .sub-research-item .img .word .t{
        font-size:30px;
    }
    .sub-research-item .info .des{
        font-size:16px;
        line-height: 1.8;
    }
    .sub-project-item{
        width:100%;
        margin-right: 0;
        padding:15px;
    }
    .sub-implementation-item{
        width:calc(100%/2 - 5px);
        margin-right: 10px;
        margin-bottom: 10px;
        height: 350px;
    }
    .sub-implementation-item:nth-of-type(2n){
        margin-right: 0;
    }
    .sub-implementation-item .normal{
        padding:110px 10px;
    }
    .sub-implementation-item .normal .img img{
        height: 50px;
    }
    .sub-implementation-item .normal .info .title{
        font-size:20px;
    }
    .sub-implementation-item .normal .info .english{
        padding-top: 10px;
    }
    .sub-implementation-item .hover .hover_cell .img img{
        height: 35px;
    }
    .sub-implementation-item .hover .hover_cell{
        padding:12px;
    }
    .sub-implementation-item .hover .hover_cell_title{
        font-size:20px;
    }
    
    .sub-maintenance .list .dl1,
    .sub-maintenance .list .dl2,
    .sub-maintenance .list .dl3{
        position: static;
        width:100%;
        left:0;
        margin-top: 20px;
    }
    .sub-maintenance .list .dl2{
        text-align: left;
    }
    .sub-painpoints-item .img{
        width:100%;
    }
    .sub-painpoints-item .info{
        width:100%;
        padding:20px;
    }
    .sub-painpoints-item .info .title{
        font-size:18px;
        margin-bottom: 0;
    }
    .sub-painpoints-item .info .des{
        font-size:14px;
        line-height: 22px;
    }
    .sub-introduction .p1{
        font-size:15px;
        line-height: 1.8;
        margin-bottom: 30px;
    }
    .sub-introduction .img01{
        top:110px;
    }
    .sub-introduction .img01 img{
        width:90%;
    }
    .cpjslist .list li{
        padding:0 15px;
        margin:10px;
        line-height: 38px;
        font-size:17px;
    }
    .sub-introduction{
        min-height: 455px;
    }
    .sub-introduction-item{
        width:100%;
    }
    .sub-introduction-item:nth-of-type(2n+1) .info{
        text-align: left;
    }
    .sub-advantages{
        height: auto;
    }
    .sub-advantages .deslist{
        width:100%;
    }
    .sub-advantages .imgstack{
        position: static;
        background:#fff;
    }
    .sub-advantages .imgstackimg{
        margin-top: 20px;
    }
    .links3 ul li{
        width:calc(100%/3);
    }
    .links2 ul li{
        width:50%;
        border-bottom:1px solid #fff;
    }
    .links ul li a{
        color:#333;
        font-size:14px;
        
    }
    .links ul li{
border-color:#ddd;
    }
    .links ul li a:hover, .links ul li.current a{
        color:#fff;
    }
    .sub-solution-box1 .info .des2{
        font-size:16px;
        margin-top: 20px;
        line-height: 2;
    }
	.sub-solution-box1 .info2 .des2{
        font-size:16px;
        margin-top: 20px;
        line-height: 2;
    }
    .sub-about-info{
        width:100%;
        margin-top: 20px;
    }
    .fzlc-features .fzlc-content{
        margin:10px 15px;
    }
    .features-item .features-info{
        padding:10px;
    }
    .features-item h3{
        margin-bottom: 50px;
    }
    .features-item i{
        top:35px;
    }
    .fzlc-features .fzlc-content:after{
        top:50px;
    }
    .fzlc-features .swiper-button-next,
    .fzlc-features .swiper-button-prev{
        top:35%;
    }
    .features-item .features-info .features-info-s{
        font-size:15px;
        color:#f0f0f0;
    }
    .sub-platform-title{
        margin-bottom: 30px;
        font-size:18px;
    }
    .about-honor .owl-theme .owl-controls .owl-nav div{
        width:35px;
        height: 35px;
        background-size:20px;
    }
    .about-honor .owl-theme .owl-controls .owl-nav div.owl-prev{
        left:-43px;
    }
     .about-honor .owl-theme .owl-controls .owl-nav div.owl-next{
        right:35px;
    }
    .about-honor .owl-theme{
        padding:0 40px;
    }
    .contactbox .top{
        padding:12px;
    }
    .contactbox .info{
        padding:28px;
    }
    .crumbs{
        line-height: 22px;
    }
    .sub-detail{
        padding:20px;
    }
    .sub-title{
        padding-bottom: 10px;
    }
	 .sub-title h1{
        font-size:18px;
    }
    .sub-title h2{
        font-size:18px;
    }
    .sub-title p{
        font-size:12px;
        margin-top: 5px;
    }
    .sub-content{
        padding-top: 10px;
    }
	
	.wenzhang-img {
     width:100%;	
    }
	
    .sub-application ul li{
        width:100%;
    }
    .sub-table table tr th{
        font-size:14px;
        padding:3px;
    }
    .sub-table table tr td{
        font-size:13px;
        padding: 5px;
        height: auto;
    }
    .coretechnology-item .img{
        width:100%;
    }
    .coretechnology-item .info{
        width:100%;
        padding-top: 20px;
    }
    .coretechnology-item:nth-of-type(2n+1) .info{
        padding-left: 0;
    }
    .coretechnology-item:nth-of-type(2n) .info{
        padding-right: 0;
    }
    .multiexpansion-list .item{
        width:100%;
        margin-right: 0;
        margin-bottom: 25px;
    }
    .multiexpansion-list .item .bottom ul{
        height: auto;
    }
    .sub-system-p2{
        margin-bottom: 10px;
        font-size:13px;
        line-height: 1.8;
    }
    .sub-objectives-item{
        width:100%;
        margin:5px;
        padding:4px;
    }
    .sub-objectives-item .info .title{
        padding-top: 5px;
        font-size:18px;
    }
    .sub-objectives-item .info .des{
        font-size:13px;
    }
    .sub-platform-xtys .list .item{
        width:calc(100%/2 - 5px);
        margin-right: 10px;
    }
    .sub-platform-xtys .list .item:nth-of-type(2n){
        margin-right: 0;
    }
    .sub-platform-xtys .list .item .info{
        padding:8px;
    }
    .sub-platform-xtys .list .item .info .title{
        margin-top: 0;
    }
    .yyjz-boxlist-box{
        width:100%;
        
        margin-right: 0;
    }
    .yyjz-boxlist-item{
        height: auto;
        padding:12px;
    }
    .yyjz-boxlist-item .info{
        width:calc(100% - 110px);
        margin-top: 10px;
    }
    .yyjz-boxlist-item .info .title{
        margin-bottom: 10px;
    }
    .yyjz-boxlist-item .img{
        width:100px;
    }
    .yyjz-boxlist-item .button .abtn{
        width:120px;
        height: 32px;
        line-height: 30px;
    }
    .yyjz-boxlist-item .info .des{
        line-height: 22px;
        height: 66px;
    }
    .sub-platformBox:not(:last-of-type){
        margin-bottom: 25px;
    }
    .sub-technologydwsf .dwsfimg2 img{
        position: static;
    }
    .sub-technologydwsf .list .item .info{
        width:100%;
    }
    .xtyq-list4 .item{
        width:100%;
        margin-right: 0;
        margin-bottom: 10px;
    }
    .sub-advantage-item{
        width:100%;
        margin:0 5px;
        padding:25px 15px;
    }
    .sub-advantage-item:not(:last-of-type){
        margin-bottom: 25px;
    }
    .sub-win-item{
        width:100%;
        margin-bottom: 20px;
    }
    .sub-win-item:last-of-type{
        margin-bottom: 0;
    }
    .sub-win-item .info{
        padding:15px 20px;
    }
    .sub-win-item .info .imgicon img{
        height: 60px;
    }
    .sub-win-item .info .title{
        margin-top: 6px;
    }
    .sub-win-item .info .des{
        line-height: 22px;
        height: 44px;
    }
    .sub-advantage-item .info .title{
        margin-bottom: 15px;
    }
    .bottom-fluid{
        display: block;
    }
    .footerbottom-fluid{
        padding-bottom: 62px;
    }
}

@media (max-width:440px){
.sub-banner .img{
    position: relative;
    overflow: hidden;
    height: 140px;
    display: flex;
    justify-content: center;
    align-items: center;
}
 .sub-banner img{
        width:500px;
        max-width: 600px;
    }
}