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

    .wrap {
        width: 92%;
    }  

    .wrap2 {
        width: 1730px;
        
    }  

  
    

}


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

 
 

    .wrap {
        width: 92%;
    }  


.menu .li a,.lang a,.proItem h3{font-size: 15px;}
	.lang a{width: 48px;}
	.newsList ul li h3{font-size: 16px;}
	.newsList ul li p{font-size: 14px;}
	.footerCenter ul li h3{font-size: 16px;}
	.footerCenter ul li a{font-size: 14px;}
	.copyRight p{font-size: 14px;}


    .wrap2 {
        width: 94%;
    }  
     
    .menu{
        width: 100%;
    }

    .menu_son{
        top:60px;
    } 

    .lang{
        width: 10%;
    }

    
    .search-wrapper.active .close {
        right: -36px;
    }

    .maskCont h4 {
       
        font-size: 30px;
         
    }

    .maskCont {   
      
        top: -5%;

    }

    .caseItemLeft{
        height: 530px;
    }

    .caseItemRight img{
        height: 530px;
    }

    .caseItemLeft h3 {
        font-size: 30px;
    }

    #news .swiper-button-prev, #news .swiper-container-rtl .swiper-button-next {
        right: 11%;

    }
}

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





@media screen and (min-width:1024px) and (max-width: 1200px) {

    .wrap {
        width: 96%;
    }  

    .wrap2 {
        width: 96%;
    } 
    
    .menu_son{
        top:64px;
        width: 222%;     
        left: -54%;
    }

    .lang{
        width: 9%;
    }

    .search-wrapper.active .close{
        right:-32px!important;
    }

    .caseItemRight img {
        width: 100%;
        height: 400px;
    }

    .caseItemRight {
        width: 60%;
    }

    .caseItemLeft {
        width: 40%;
        background: #006cb6;
        height: 100%;
        height: 400px;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
    }
    #caseCont .swiper-button-prev, #caseCont .swiper-container-rtl .swiper-button-next{
        left:1%;
    }
    #caseCont .swiper-button-next, #caseCont .swiper-container-rtl .swiper-button-prev{
        right:1%;
    }

}



@media screen and (min-width:960px) and (max-width: 1200px) {

    .wrap {
        width: 96%;
    }  

    .wrap2 {
        width: 96%;
    }  







}


@media screen  and (min-width:768px) and (max-width: 960px) {
  
    .wrap {
        width: 96%;
    }  


    .wrap2 {
        width: 96%;
    }  

     

}


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

    .wrap {
        width: 96%;
    }    


    .wrap2 {
        width: 96%;
    }    

   
    .headerWrap{
        display: none;
    }

    .menuWrap{
        display: block;
    }
          
          
          
    .newsList ul{flex-wrap: wrap;}   
    .newsList ul li{width: 100%;margin-bottom: 2%;}   
          
          
          
          

    .banner   .swiper-container  .swiper-slide img{
        width: 100%;
        height: 150px;
    }

    .banner .swiper-button-next, .banner .swiper-button-prev{
        top:45%;
    }

    .banner .swiper-container-horizontal > .swiper-pagination-bullets, .banner .swiper-pagination-custom, .banner .swiper-pagination-fraction{
        bottom:2vh;
    }

    .banner .swiper-button-prev, .banner .swiper-button-next{
        width: 45px;
        height: 45px;
    }

    

    .pageUpDown p {
        border: 1px solid #f2f2f2;
        line-height: 50px;
        font-size: 16px;
        padding: 0% 2%;
        width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        margin-top: 4%;
    }

      
    .sjj_nav ul li ul{
        overflow: unset!important;
    }
   

    .sp_logo{

    }

    .sp_logo a{
        display: block;
    }

    .sp_logo img {
        margin: 0px auto;
        height: 40px;
        max-width: 100%;
    }

    .sp_nav span {
        
        background: #006cb6;
        
    }

    .inAbout {
       
        flex-direction: column;
         
    }

    .inSideLeft {
        width: 100%;      
        min-height: auto;
    }

    .inSideLeftSoft {
        width: 100%;      
        min-height: auto;
    }

    .inBanner img {
        width: auto;
        height: 140px;
    }


    .inBannerText h3 {
        color: #fff;
        font-size: 20px;
        line-height: 24px;
    }

    .inBannerText {
        position: absolute;
        top: 53%;
        left: 8%;
    }

    .inBannerText p {
        line-height: 40px;        
    }

    .inBanner {
        padding-top: 0;
    }
     

    .inSideRight {
        width: 100%;
        margin-top: 8%;
    }

    .inSideTitle {
       
        font-size: 18px;
    }

    .inSideLeft h3 {
       
        font-size: 18px;
    }


    .inSideLeftSoft h3 {
       
        font-size: 18px;
    }


    .inTouziCenter h3 {
        font-size: 18px;
    }

    .copyRight {        
        flex-direction: column;
    }

    .footer {
         flex-direction: column;
    }

    .footerLeft img {
        margin-top: 0%;
        display: block;
        text-align: center;
        margin: 0px auto;
    }

    .footerLeft {
        width: 100%;
        margin-top: 4%;
    }

    .footerCenter {
        width: 100%;
        margin-left: 0%;
        margin-right: 0%;
        margin-top: 4%;
    }
    .footerCenter ul li {
        display: flex;
        align-items: center;
        flex-direction: column;
        width: 100%;
        justify-content: center;
    }
    .footerCenter ul {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        width: 100%;
        flex-wrap: wrap;
    }

    .inTouziLeft {
        width: 40%;
        background: #f4f4f4;
        padding: 1%;
        order: 2;
    }

    .inTouziRight {
        width: 100%;
        order: 1;
    }

    .inTouziItem ul li a {
        
    }

    .inTouziRight h3 {
        font-size: 18px;
        line-height: 26px;
        font-weight: 600;
        margin-top: 4%;
    }
     

    .inTouziItem h2 span {
        border: 2px solid #006cb6;
        width: 130px;
        height: 40px;
        line-height: 40px;
        display: block;
        /* float: left; */
        text-align: center;
        font-size: 16px;
        border-bottom: none;
    }


    .inTouziBottom {
        margin-top: 10%;
    }


    .inSideSoftList ul li a span img {
        height: 30px;
        width: auto;
    }


    .inSideSoftList ul li a span {
        font-size: 14px;
        text-align: center;
    }


    .copyRightWrap {
        margin: 4% auto;
    }


    .inNewsShowTitle h2 {
        text-align: center;
        font-size: 20px;
        font-weight: 500;
        line-height: 32px;
        margin-bottom: 2%;
        margin: 6% auto;
    }

    .inNewsShowTitle p {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
    }

    .inNewsShowCont img {       
        width: 100%;
    }

    .inNewsRight {
        width: 100%;
        padding-left: 0%;
        padding-top: 0%;
    }

    .inNewsLeft {
        width: 100%;
    }

    .inSideNewsList ul li a {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: flex-start;
        padding: 2%;
    }

    .inNewsRight span {
        display: block;
        margin-top: 4%;
    }

    .inNewsRight h3 {
        font-size: 18px;
        line-height: 27px;
        margin-top: 2%;       
        margin: 2% auto;
        margin-top: 6%;
    }

    .inGuestbook ul li .one input {
        width: 67%;
        line-height: 42px;
        border: 1px solid #ddd;
        margin: 0% 2%;
    }

    .inGuestbook ul li .two {
        display: flex;
        align-items: flex-start;
        justify-content: center;
        flex-direction: column;
    }

    .inGuestbook ul li .two div {
        width: 100%;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: flex-start;
    }

    .inGuestbook ul li .three div {
        
        display: block;
    }

    .inSideLeftCases {
        width: 100%;
    }

    .inSideHonor ul li {
        width: 100%;
        float: left;
        margin-bottom: 2%;
        margin-left: 1%;
        margin-right: 1%;
        border: 1px solid #fff;
    }

    .product-features .swiper-button-prev {
       
        top: 10%!important;
        
    }

    .product-features .swiper-button-next{
        top: 10%!important;
    }

    #banner{
        padding-top:18%;
    }

    
    
    #banner .swiper-button-prev, #banner  .swiper-container-rtl .swiper-button-next {
    left: 4%;
    right: auto;
    background: #006cb6;
    border-radius: 15px;
    width: 30px;
    height: 30px;
    font-size: 18px;
    opacity:1;
    top: 48%;
  }
  
  #banner  .swiper-button-next,#banner  .swiper-container-rtl .swiper-button-prev {
    right: 4%;
    left: auto;
    background: #006cb6;
    border-radius: 15px;
    width: 30px;
    height: 30px;
    font-size: 18px;
    opacity:1;
    top: 48%;
  }

  .proTitle h3 {
    text-align: center;
    font-size: 24px;
    line-height: 50px;
    }

    .proCont {
        display: flex;
        flex-direction: column;
        align-items: baseline;
        justify-content: space-between;
    }

    .proItem {
        width: 100%;
        position: relative;
        margin-bottom: 6%;
    }

    .proItem h3 {
        position: absolute;
        bottom: 0px;
        line-height: 50px;
        background: #e9e9e9;
        width: 100%;
        text-align: center;
        font-size: 18px;
    }

    .caseTitle h3 {
        text-align: center;
        font-size: 24px;
        line-height: 50px;
    }

    .maskCont h4 {
        line-height: 40px;
        color: #666;
        font-size: 20px;
        margin-bottom: 0%;
        margin-top: 0%;
    }
    .maskCont a {
        color: #0f0f0f;
        opacity: 1;
        display: block;
        line-height: 37px;
        border: 1px solid #006cb6;
        width: 70%;
        text-align: center;
        border-radius: 30px;
        margin-top: 1%;
        font-size: 16px;
    }


    .caseItemLeft {
        width: 100%;
        background: #006cb6;
        height: 100%;
        height: 150px;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
    }

    .caseItemRight {
        width: 100%;
    }

    .caseItem {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: space-between;
        width: 100%;
    }

    .caseItemLeft h3 {
        font-size: 20px;
        color: #fff;
        line-height: 34px;
        margin-bottom: 0%;
    }

    .newsTitle h3 {
        text-align: center;
        font-size: 24px;
        line-height: 50px;
    }

    .newsCont {
        
        flex-direction: column;
    }


    .newsLeft {
        width: 100%;
        
    }

    .newsRight {
        width: 100%;
        
    }

    .newsRightCont p {
        line-height: 32px;
        font-size: 16px;
    }

    .newsItemRight {
        width: auto;
        padding: 2%;
        padding-top: 0%;
        width: 100%;
    }

    .newsItemLeft {
        width: 100%;
    }

    .newsItemRight h3 {
        line-height: 32px;
        font-size: 18px;
    }

    .newsItem {
         flex-direction: column;
    }


    #news .swiper-button-prev, #news .swiper-container-rtl .swiper-button-next {
        right: 18%;
        left: auto;
        background: #ffa846;
        border-radius: 24px;
        width: 30px;
        height: 30px;
        font-size: 15px;
        opacity: 1;
        top: 94%;
    }

    #news .swiper-button-next, #news .swiper-container-rtl .swiper-button-prev {
        right: 4%;
        left: auto;
        background: #ffa846;
        border-radius: 24px;
        width: 30px;
        height: 30px;
        font-size: 15px;
        opacity: 1;
        top: 94%;
    }

    #caseCont .swiper-button-prev, #caseCont .swiper-container-rtl .swiper-button-next {
        left: 4%;
        right: auto;
        background: #ffa846;
        border-radius: 24px;
        width: 30px;
        height: 30px;
        font-size: 15px;
        opacity: 1;
        top: 48%;
    }

    #caseCont .swiper-button-next, #caseCont .swiper-container-rtl .swiper-button-prev {
        right: 4%;
        left: auto;
        background: #ffa846;
        border-radius: 24px;
        width: 30px;
        height: 30px;
        font-size: 15px;
        opacity: 1;
        top: 48%;
    }

    .isWapShow{
        display: block;
    }

    .isPcShow{
        display: none;
      }


      .inNewsShowCont .tableDiy {
        width: 100%;
        width: 100%;
        overflow-y: auto;
        _overflow: auto;
        margin: 0 0 1em;
       }
       
       .inNewsShowCont table tr{
          
        }
       
       .inNewsShowCont table tr td
       {

       }



       
      .inSideCont .tableDiy {
        width: 100%;
        width: 100%;
        overflow-y: auto;
        _overflow: auto;
        margin: 0 0 1em;
       }
       
       .inSideCont table tr{
          
        }
       
       .inSideCont table tr td
       {

       }
	   
	   .inSideLeftSoft li.on .inSoftNav{
		   display:none;
	   }
	   
	   .inSideLeftCases{
		    display:none;
	   }
	   
	   .isWapShow{
		   display:block;
	   }
       

}   


/**wap:style**/