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

    .wrap {
        width: 1500px;
    }  

  
    

}


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


    .proHotItemLeft a div p{
        font-size: 24px;
    }
    .proHotItemRight a div p{
        font-size: 24px;
    }
    .title h3 span {
        font-size: 30px;
         
    }

    .casesDetailsTitle h2{
        font-size: 24px;
    }


    .casesDetailsRight h2{
        font-size: 24px;
    }
    .proShowLianXi div:nth-child(1){
        width: 49%;
    }
     
    .proShowLianXi div:nth-child(2){
        width: 24%;
    }
    
    .shiliNav ul li p {
        font-size: 20px;
        line-height: 32px;
        color: #312f2f;
        margin-top: 32%;
        text-align: center;
    }

    .wrap {
        width: 96%;
    }  

    .logo a img:nth-child(2){
        display:none;
    }

    .tel{
        width: 20%;
    }

    .menu{
        width: 70%;
    }

    .searchLeft {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-around;
        width: 36%;
        margin-left: 1%;
    }

    .searchLeft h3 {
        font-size: 18px;
        line-height: 28px;
        color: #0a4c99;
        font-weight: 600;
    }

    .searchLeft img {
        width: 25px;
        height: auto;
    }

    .searchLeft {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-around;
        width: 36%;
        margin-left: 1%;
    }

    .searchCenter ul li {
        font-size: 16px;
        line-height: 28px;
        color: #4d4747;
        width: 25%;
        text-align: center;
    }

    .searchCenter span {
        text-align: right;
        font-size: 16px;
        line-height: 48px;
        color: #4d4747;
        width: 30%;
    }

    .searchRight div {
        background: #0a4c99;
        width: 55%;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        padding: 0% 6%;
    }

    .searchRight div img {
        width: 30px;
        height: auto;
    }

    .searchRight div span {
        width: 50%;
        height: 80px;
        line-height: 80px;
        border-left: 1px solid #ddd;
    }

    .searchRight .keyword {
        border: 1px solid #ddd;
        border-radius: 30px;
        line-height: 40px;
        padding: 0% 3%;
        margin-right: 4%;
    }

}

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

    .wrap {
        width: 96%;
    }  


}


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

     

}


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

    .wrap {
        width: 96%;
    }    
   
    .headerWrap{
        display: none;
    }

    .menuWrap{
        display: block;
    }
     

    .linksContWrap span{
        display: none;
    }

    .linksContWrap p {
        font-size: 24px;
    }

    .linksContWrap {
       
        flex-direction: column;
        
    }

    .linksContWrap ul li {
        margin-left: 0%;
        width: 33.33%;
        margin-top: 4%;
    }

    .linksContWrap ul {
       
        flex-wrap: wrap;
    }

    .linksContWrap ul li a {
        display: block;
        color: #fff;
        font-size: 14px;
        text-align: center;
    }


    .footerTopCont ul {
      
        flex-wrap: wrap;
    }


    .footerTopCont ul li {
        width: 50%;
        margin-top: 5%;
    }

    .footerTopCont {
        padding-bottom: 4%;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: center;
    }

    .footerTopCont ul {
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        justify-content: space-between;
        width: 100%;
        flex-wrap: wrap;
    }


    .footerTopRight {
        width: 100%;
        text-align: center;
        display: flex;
        flex-direction: column;
        justify-content: space-around;
        align-items: center;
        height: auto;
        margin-top: 8%;
    }
    .contact{
        width:96%;
    }

    .contact h2 {
        text-align: center;
        
        padding-left: 0%;
        
        width: 100%;
    }


    .wechat {
        margin: 6% auto;
    }

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

    .banner img{
        width: 100%;
        height: auto;
    }


    .title h3 span {
        font-size: 24px;
        
    }

    .newsListNav ul {
        width: 100%;
    }

    .bannerWrap{
        margin-top:0%;
    }

    .banner {
        padding-top: 20%;
    }

    .title p {
        
        font-size: 16px;
        
    }

    .newsListWrap {
        margin-top: 6%;
    }


    .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;
    }

    .casesListWrap{
        padding-top:6%;
    }

    .casesDetails{
        flex-direction: column;
    }

    .casesDetailsLeft{
        width: 100%;
    }

    .casesDetailsTitle h2 {
        line-height: 36px;
        font-size: 20px;
        font-weight: 600;
    }

    .casesDetailsTitle p span {
        margin-right: 0%;
        font-size: 12px;
    }

    .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%;
    }

    .casesDetailsRight h2 {
        line-height: 60px;
        font-size: 24px;
        font-weight: 600;
        border-bottom: 1px solid #ddd;
    }

    .casesDetailsRight {
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: start;
        justify-items: center;
    }

    .casesDetailsRight ul li a .casesListTitle{
        min-height: 80px;
    }

    .casesListCont ul li {
        width: 30%;
        width: 48%;
        margin-top: 5%;
        border: 1px solid #eee;
    }

    .casesListCont ul li a .casesListTitle{
        min-height: 80px;
    }

    .newsListCont{
        margin-top:6%;
    }


    .newsListCont ul li a {
        display: flex;
        flex-direction: column;
    }

    .newsListImg {
        overflow: hidden;
        width: 100%;
    }

    .newsListCont ul li a .newsListTitle {
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
        background: #f6f6f6;
        width: 100%;
        padding: 2%;
        flex-direction: column;
    }

    .newsListCont ul li a h3 {
        font-size: 18px;
        color: #373838;
        text-align: left;
    }

    .newsListCont ul li a p {
        font-size: 14px;
        color: #999;
        text-align: left;
        line-height: 32px;
        background: none;
        padding-top: 0%;
        margin: 2% auto;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        overflow: hidden;
    }

    .newsListCont ul li{
        margin-bottom:4%;
    }

    .subnav ul li a {
        border: 1px solid #0b509e;
        background: #0b509e;
        color: #fff;
        border-radius: 30px;
        line-height: 34px;
        font-size: 15px;
        text-align: center;
       
        padding: 0% 1%;
        width: 90%;
    }

    .proListNav ul{
        width: 100%;
        flex-wrap: wrap;
    }

    .proListNav ul li {
        width: 50%;
        margin-bottom: 6%;
    }

    .proListNav ul li a{
        border: 1px solid #0b509e;
        background: #0b509e;
        color: #fff;
        border-radius: 30px;
        line-height: 34px;
        font-size: 14px;
        text-align: center;
      
        padding: 0% 1%;
        width: 96%;
        margin: 0px auto;
     }

     .proListCont ul li {
       
        width: 48%;
        
        margin-bottom: 4%;
    }

    .proListCont ul li a .proListTitle {
        min-height: auto;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
    }

    .proListCont ul li a p {
        font-size: 18px;
        color: #373838;
        text-align: center;
        line-height: 32px;
        background: none;
        padding-top: 0%;
        font-weight: 600;
        margin: 4% auto;
        min-height: 64px;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
    }


    .proShowTop {
        display: flex;
        flex-direction: column;
      
        justify-content: flex-start;
        padding-top: 3%;
         
    }

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

    .proShowRight h2 {
        font-size: 24px;
        font-weight: 600;
        line-height: 34px;
        margin-top: 5%;
    }

    .proShowRight p {
        margin: 2% auto;
        font-size: 16px;
        line-height: 32px;
    }

    .proShowLianXi {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: flex-start;
        width: auto;
        margin-top: 5%;
    }


    .proShowLianXi div {
        background: #000;
        width: 80%;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        padding: 0% 4%;
    }

    .proShowLianXi div:nth-child(2) {
        background: #0b509e;
        text-align: center;
        width: 80%;
        margin-left: 0%;
        margin-top: 7%;
    }

    .proShowCont {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        margin-top: 10%;
    }

    .proShowContLeft {
        width: 100%;
    }

    .proShowNav {
        background: #0b509e;
        color: #fff;
        line-height: 50px;
        font-size: 24px;
        text-align: center;
        width: 50%;
    }

    .proShowContRight {
        width: 100%;
        border: 1px solid #f2f2f2;
        margin-bottom: 8%;
    }

    .proShowTitle p {
        line-height: 60px;
        font-size: 18px;
        background: #f8f8f8;
    }

    .searchWrap {
        background: #fff;
        border-bottom: 1px solid #ddd;
        margin-top: 5%;
    }

    .searchContWrap {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: space-around;
    }

    .searchLeft {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-around;
        width: 100%;
        margin-left: 0%;
        padding: 0% 2%;
    }

    .searchLeft h3 {
        font-size: 15px;
        line-height: 40px;
        color: #0a4c99;
        font-weight: 600;
    }

    .searchLeft img {
        width: 20px;
        height: auto;
    }

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

    .searchCenter span {
        text-align: center;
        font-size: 16px;
        line-height: 28px;
        color: #4d4747;
        width: 100%;
    }

    .searchCenter ul {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        width: 100%;
    }

    .searchCenter ul li {
        font-size: 12px;
        line-height: 48px;
        color: #4d4747;
        width: 25%;
        text-align: center;
    }

    .searchRight {
        width: 100%;
        padding-bottom: 7%;
    }

    #form {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        padding-left: 4%;
    }

    .searchRight .keyword {
        border: 1px solid #ddd;
        border-radius: 30px;
        line-height: 40px;
        padding: 0% 3%;
        width: 50%;
    }

    .searchRight div {
        background: #0a4c99;
        width: 50%;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        padding: 0% 5%;
        margin-left: 5%;
    }

    .searchRight div img {
        width: 30px;
        height: auto;
    }

    .searchRight div span {
        width: 50%;
        height: 50px;
        line-height: 50px;
        border-left: 1px solid #ddd;
    }

    .proWrap {
        padding-top: 8%;
    }

    .proHotWrap {
        
        padding-top: 8%;
    }


    .proHotCont ul li a {
        border: 1px solid #0b509e;
        background: #0b509e;
        color: #fff;
        border-radius: 30px;
        line-height: 42px;
        font-size: 14px;
        text-align: center;
        display: block;
        padding: 0% 1%;
        width: 100%;
    }

    .proHotCont ul li {
        width: 48%;
        margin-bottom: 6%;
    }


    .proHotCont ul {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        width: 100%;
        margin: 0px auto;
        flex-wrap: wrap;
    }

    .proItem {
        position: none;
      
        margin-bottom: 10%;
        margin-top: 8%;
    }

    .proCont,.proTitle {
        display: none;
    }

    .proBg{
        display: none;
    }


    .newsWrap {
       
        padding-top: 6%;
    }

    .newsItemCenter {
        width: 100%;
        position: relative;
        background: #f8f8f8;
        margin: 10% auto;
    }

    .newsItem {
        background: #f8f8f8;
        width: 100%;
    }

    .newsCont {
        display: flex;
        flex-direction: column;
        
        justify-content: space-between;
        padding-bottom: 4%;
        padding-top: 3%;
    }

    .newsItem ul li a p {
        font-size: 18px;
        line-height: 30px;
        color: #666;
        word-break: break-all;
        text-overflow: ellipsis;
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }

    .newsItemCenter a h2 {
        font-size: 18px;
        line-height: 30px;
        color: #666;
        word-break: break-all;
        text-overflow: ellipsis;
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }

    .newsItemCenter a div {
        padding: 5%;
    }

    .newsDesc span {
        font-size: 16px;
        color: #000;
        font-weight: 600;
        margin-right: 8%;
        padding-left: 8%;
    }

    .casesWrap {
         
        padding-top: 8%;
    }

    .aboutContWrap{
        padding-top: 8%;
    }    
 
    .aboutWrap {
        background: url(../img/icon_about_bg.jpg) no-repeat center 280%;
    }

    .aboutDesc {
        color: #fff;
        margin: 4% auto;
        max-height: 224px;
        overflow: hidden;
    }


    .aboutCont ul {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content:center;
        width: 100%;
        margin: 0px auto;
        flex-wrap: wrap;
        margin-top: 5%;
    }

    .aboutCont ul li {
        transition: all 0.5s;
        width: 32%;
        margin-bottom: 2%;
        margin-top: 0%;
text-align:center;
    }

    .aboutCont ul li a {
        display: block;
        text-align: center;
    }

    .aboutCont ul li a img {
        width: 78%;
        height: auto;
    }

    .aboutCont ul li a p {
        text-align: center;
        font-size: 15px;
        line-height: 34px;
        margin: 4% auto;
        color: #fff;
    }

    .shiliWrap {
        padding-top: 8%;
    }

    .shiliItem {
        display: none;
        background: url(../img/shili_img.png) no-repeat center bottom;
        height: 450px;
        background-size: cover;
        width: 100%;
        position: relative;
    }

    .shiliItemCont {
        background: #0b509e;
        display: block;
        color: #fff;
        width: 100%;
        position: absolute;
        height: 250px;
        right: 0%;
        top: 19%;
        padding: 3%;
        padding-top: 6%;
    }

    .shiliItemCont h2 {
        font-size: 18px;
        line-height: 32px;
        color: #fff;
    }

    .shiliItemCont p {
        font-size: 14px;
        line-height: 28px;
        margin: 4% auto;
    }

    .shiliItemCont span {
        background: #fff;
        color: #0d529e;
        width: 55px;
        height: 35px;
        display: block;
        line-height: 35px;
        text-align: center;
        font-size: 30px;
    }

    .shiliNav ul li {
        width: 33.33%;
        text-align: center;
        position: relative;
    }

    .shiliNav ul li h3 {
        font-size: 28px;
        line-height: 34px;
        color: #d3d3d3;
        font-weight: 600;
        margin-bottom: 10%;
        text-align: center;
    }

    .shiliNav ul li p {
        font-size: 14px;
        line-height: 48px;
        color: #312f2f;
        margin-top: 14%;
        text-align: center;
    }

    .shiliNav ul li em {
        position: absolute;
        width: 20px;
        height: 20px;
        border: 2px solid #ccc;
        border-radius: 10px;
        top: 44%;
        left: 39%;
        z-index: 9999;
        background: #fff;
    }

    .shiliNav ul {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        width: 100%;
        margin: 0px auto;
        flex-wrap: wrap;
    }

    .shiliNav ul li.on h4 {
        display: block;
        width: 100px;
        border: 1px solid #0b509e;
        top: 52%;
        left: 3%;
        z-index: 99;
    }
    .shiliLine{
        display:none;
    }

    .proHotItemLeft {
        width: 100%;
        float: left;
    }
    .proHotItemLeft a {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: flex-start;
        height: 100%;
        padding: 0%;
        padding-top: 5%;
    }
    .proHotItemLeft a div p {
        font-size: 20px;
        line-height: 32px;
        font-weight: 600;
        margin-bottom: 6%;
    }

    .proHotItemLeft a div span {
        display: block;
        background: #0b509e;
        color: #fff;
        border-radius: 30px;
        line-height: 40px;
        margin: 8% auto;
        width: 160px;
        border: 1px solid #0b509e;
    }

    .proHotItemLeft a div span {
        display: block;
        background: #0b509e;
        color: #fff;
        border-radius: 30px;
        line-height: 40px;
        margin: 8% auto;
        width: 160px;
        border: 1px solid #0b509e;
    }

    .proHotItemLeft a div p {
        font-size: 20px;
        line-height: 32px;
        font-weight: 600;
        margin-bottom: 6%;
    }

    .proHotBg{
        display: none;
    }

    .proHotItemRight a {
        display: flex;
        width: 100%;
        float: left;
        border-right: 1px solid #e7e7e7;
        border-bottom: 1px solid #e7e7e7;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        padding: 4% 0%;
        border: none!important;
        border-top: 1px solid #e7e7e7!important;
    }

    .proHotItemRight{
        width: 100%;
    }


    .proHotItemRight a div span {
        display: block;
        background: #0b509e;
        color: #fff;
        border-radius: 30px;
        line-height: 40px;
        border: 1px solid #0b509e;
        width: 85%;
        text-align: center;
    }

    .proHotItemRight a div p {
        font-size: 20px;
        line-height: 32px;
        font-weight: 600;
        margin-bottom: 10%;
    }


    .side{
        display: none;
    }
    
    .aboutNav ul{
        width: 100%;
    }

    .pageNav ul{
        flex-wrap: wrap;
    }

    .pageNav ul li{
        width: 50%;
        margin-bottom: 5%;
    }
    .sjj_nav ul li ul{
        overflow: unset!important;
    }

    .aboutDesc p {
        font-size: 14px;
        line-height: 28px;
        color: #fff;
        word-break: break-all;
        text-overflow: ellipsis;
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 10;
        -webkit-box-orient: vertical;
    }
	.aboutDesc p img{max-width: 100%;}
	
    #dituContent{
        height:350px!important;
    }

}