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

    .wrap {
        width: 1500px;
    }  

  
    

}


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


    .other-service .text {
        padding: 18% 2% 0;
       
    }

    .aboutContDiy{
        max-height: 16em;
        overflow: hidden;
        margin-bottom: 4%;
    }


    .aboutCont {
        position: absolute;
        top: 8%;
        right: 12%;
        background: #fff;
        width: 845px;
        height: auto;
        padding: 2% 3%;
    }

    .aboutMore{
        margin-bottom: 2%;
    }

    .coreItemTitle h2 {
        font-size: 28px;         
    }

    .coreItemTop h2{
        font-size: 28px;
    }

    .other-service .text h3{
        font-size:28px;
    }
    .other-service .picture ul li h3{
        font-size:28px;
    }

    .coreTitle h2{
        font-size: 36px;
    }

    .aboutCont h2{
        font-size:36px;
    }

    .youshiTitle h2{
        font-size:36px;
    }

    .casesTitle h2{
        font-size:36px;
    }

    .newsTitle h2{
        font-size: 36px;
    }

    .search {
        
        width: 25%;
    }

    .newsBoxCont ul li a p {
        font-size: 18px;
        color: #373838;
        text-align: left;
        line-height: 32px;
        background: none;
        padding-top: 0%;
        font-weight: 600;
        margin: 4% auto;
    }
    
    .newsTime {
        width: 50%;
    }

    .casesBoxCont ul li a .yuan {
        text-align: center;
        position: absolute;
        bottom: 25%;
        left: 34%;
        margin: 0px auto;
        transition: all 0.5s;
    }
    .casesBoxCont ul li a p {
        font-size: 18px;
        color: #373838;
        text-align: center;
        line-height: 32px;
        background: #f5f5f5;
        padding: 20% 2% 8% 2%;
    }

    .aboutBox1Right img {
        max-width: 100%;
        height: auto;
    }


    
.casesCont .swiper-slide .yuan{
  
    text-align: center;
      
    position: absolute;
      
    bottom: 26%;
      
    left: 34%;
      
    margin: 0px auto;
      
    transition: all 0.5s;
    }

    .casesCont .swiper-slide p{
        font-size: 18px;
        color:#373838;
        text-align: center;
        line-height: 32px;
        background: #fff;
        padding: 20% 4% 8% 4%;
      }

    .casesCont .swiper-container{
        padding-bottom:5%;
    }

    .youshiWrap{
        margin-top:4%;
    }

    .coreCont ul li {
        width: 22%;
        border: 1px solid #d2d2d2;
        transition: all .5s ease;
        height: 540px;
        overflow: hidden;
    }

    .coreItemRight img {
        max-width: 100%;
        height: auto;
        margin-bottom: 6%;
        margin-top: 2%;
    }

    .coreItemTop{
        top:12%;
    }

    .coreItemBottom{
        bottom:12%;
    }

    .aboutBoxTitle h3 span{
        font-size:28px;
    }

    .aboutBoxNav ul li a{
        font-size:16px;
    }


}

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

    .wrap {
        width: 96%;
    }  

    .search {
        
        width: 25%;
    }

    .lang {
        
        width: 25%;
    }
   
    .searchCont {
        width: 60%;
    }


    .newsBoxCont ul li a p {
        font-size: 18px;
        color: #373838;
        text-align: left;
        line-height: 32px;
        background: none;
        padding-top: 0%;
        font-weight: 600;
        margin: 4% auto;
    }

    .newsTime {
        width: 50%;
    }

    .casesBoxNav ul li {
        width: 25%;
    }
    .casesBoxCont ul li a p {
        font-size: 18px;
        color: #373838;
        text-align: center;
        line-height: 32px;
        background: #f5f5f5;
        padding-top: 0%;
        padding: 24% 2% 8% 2%;
    }

    .casesBoxCont ul li a .yuan img {
        border-radius: 60px;
        width: 120px;
        height: 120px;
        box-shadow: 4px 4px 15px -3px #666;
    }
    .casesBoxCont ul li a .yuan {
        text-align: center;
        position: absolute;
        bottom: 29%;
        left: 30%;
        margin: 0px auto;
        transition: all 0.5s;
    }


    .casesLeft ul li a .yuan img {
        border-radius: 50px;
        width: 100px;
        height: 100px;
        box-shadow: 4px 4px 15px -3px #666;
    }

    .casesLeft ul li a .yuan {
        text-align: center;
        position: absolute;
        bottom: 24%;
        left: 34%;
        margin: 0px auto;
        transition: all 0.5s;
    }

    .casesLeft ul li a p {
        font-size: 18px;
        color: #373838;
        text-align: center;
        line-height: 32px;
        background: #fff;
        padding-top: 0%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        padding: 18% 2% 8% 2%;
    }

 
    .proLeft dl dd a {
        display: block;
        font-size: 16px;
        line-height: 32px;
        color: #202020;
        font-weight: 600;
        padding-left: 6%;
        margin: 4% auto;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .proLeft h2 {
        line-height: 60px;
        text-align: center;
        font-size: 24px;
        color: white;
        background: #0076bf;
    }


    .aboutBox1Right img {
        max-width: 100%;
        height: auto;
    }




        
    .casesCont .swiper-slide p{
        font-size: 18px;
        color:#373838;
        text-align: center;
        line-height: 32px;
        background: #fff;
        padding: 20% 4% 8% 4%;
    }
    
    
    .casesCont .swiper-slide .yuan{
        
    text-align: center;
        
    position: absolute;
        
    bottom: 28%;
        
    left: 34%;
        
    margin: 0px auto;
        
    transition: all 0.5s;
    }
    
    
    .casesCont .swiper-slide .yuan img{
        border-radius: 50px;
        width: 100px;
        height: 100px;
        box-shadow: 4px 4px 15px -3px #666;
    }
    
    .casesCont .swiper-container{
        padding-bottom: 6%;
    }


    .newsTitle h2{
        font-size: 30px;
    }

    .casesTitle h2{
        font-size: 30px;
    }

    .youshiTitle h2{
        font-size: 30px;
    }

    .other-service .text {
        padding: 20.6% 2%;
        height: auto;
        width: 24%;
        box-shadow: 0 0 5px #ddd;
        box-sizing: border-box;
        background-color: #f5f5f5;
    }
    

    .other-service .picture ul li h3 {
        margin-top: 30px;
        text-align: center;
        font-size: 24px;
        color: #fff;
    }

    .other-service .text h3 {
        font-size: 24px;
        font-weight: bold;
        line-height: 50px;
    }

    .other-service .text p {
        margin-top: 10px;
        font-size: 16px;
        line-height: 32px;
    }

    .youshiWrap {
        width: 100%;
        margin: 0px auto;
        overflow: hidden;
        padding-top: 4%;
        margin-top: 8%;
    }

    .aboutCont h2 {
        font-size: 34px;
        line-height: 48px;
        color: #0076bf;
        font-weight: 600;
        margin-bottom: 2%;
    }

    .aboutCont p {
        font-size: 16px;
        line-height: 32px;
        color: #000;
        text-align: left;
    }

    .aboutCont {
        position: absolute;
        top: 30%;
        right: 14%;
        background: #fff;
        width: 72%;
        height: auto;
        padding: 4% 3%;
    }

    .coreTitle h2{
        font-size: 30px;
    }

    .coreWrap {
       
        background-size: cover;
         
    }


    .coreCont ul li {
      
        height: 550px;

        overflow: hidden;
    }


    .coreItemLeft{
        display: none;
    }

    .coreItemRight{
        width: 100%;
        height: 550px;
    }

    .coreItemTitle h2 {
        font-size: 24px;
        line-height: 48px;
        color: #242222;
        margin-top: 14%;
    }

    .coreItemRight img {
        max-width: 100%;
        height: auto;
        margin: 7% auto;
    }

    .coreItemRight dl dd a {
        display: block;
        font-size: 20px;
        line-height: 36px;
        color: #fff;
    }

     
    .aboutBoxTitle h3 span{
        font-size:28px;
    }

    .aboutBoxNav ul li a{
        font-size:16px;
    }

}


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

    
    .headerWrap{
        display: none;
    }
   
    .menuWap{
        display: block;
    }

    .bannerWrap{
        margin-top:0%;
    }

    .logoWap a img {
        
        height: 50px;
    }

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



    .aboutBoxTitle h3 span {
        
        font-size: 24px;       
        padding: 0px 20px;
    }

    .aboutBoxNav ul li a {
     
font-size: 16px;
     
line-height: 48px;
     
width: 100%;
    }

    .contactBoxNav ul li {
        width: 30%;
    }

    .contactBoxNav ul {
        width: 100%;
         
    }

    .contactBoxNav {
      
        margin-top: 8%;
    }

    .footerBottomCont {
        
        flex-direction: column;
        
    }

    .footerBottomCont p {        
        text-align: center;
    }

    .newsTime {
        width: 60%;
    }

    .newsBoxCont ul li a p {
        font-size: 18px;
        color: #373838;
        text-align: left;
        line-height: 32px;
        background: none;
        padding-top: 0%;
        font-weight: 600;
        margin: 4% auto;
    }
    .newsBoxCont ul li {
        
        width: 31%;
        margin-top: 3%;
        margin-bottom: 3%;
    }

    .newsBoxNav ul li {
        width: 30%;
    }


    

    .casesDetails {
       
        flex-direction: column;
       
    }

    .casesDetailsLeft {
        width: 100%;
    }

    .casesDetailsRight {
        width: 100%;
         
    }

    .casesDetailsTitle h2 {
        line-height: 32px;
        font-size: 24px;
        font-weight: 600;
        margin-bottom: 4%;
    }

    .casesDetailsTitle p {
        display: flex;
        flex-direction: row;
        justify-content: start;
        align-items: center;
        line-height: 32px;
        color: #7d7d7d;
        flex-wrap: wrap;
    }

    .casesDetailsTitle p span {
        margin:0px auto;
        width: auto;
    }

    .pageUpDown p {
       
        line-height: 50px;

    }

    .casesDetailsRight h2 {
        line-height: 60px;
        font-size: 24px;
       
    }

    .casesDetailsRight ul li {
        line-height: 40px;
    }
    

    .casesBoxNav ul {
        
        margin-top: 8%;
    }


    .casesBoxNav ul li {
        width: 42%;
        margin-bottom: 4%;
    }


    .casesBoxCont ul li {
        width: 48%;
        margin-top: 5%;
    }

    .casesBoxCont ul li a p {
        font-size: 18px;
        color: #373838;
        text-align: center;
        line-height: 32px;
        background: #f5f5f5;
        padding-top: 0%;
        padding-top: 18%;
        padding-bottom: 8%;
        padding-left: 2%;
        padding-right: 2%;
    }

    .casesBoxCont ul li a .yuan {
        text-align: center;
        position: absolute;
        bottom: 26%;
        left: 34%;
        margin: 0px auto;
        transition: all 0.5s;
    }

    .casesBoxCont ul li a .yuan img {
        border-radius: 60px;
        width: 120px;
        height: 120px;
        box-shadow: 4px 4px 15px -3px #666;
    }
    
    .proLeft h2 {
        line-height: 60px;
        text-align: center;
        font-size: 24px;
        color: white;
        background: #0076bf;
    }

    .proLeft dl dt span {
        line-height: 60px;
        font-size: 24px;
        text-align: left;
    }

    .proLeft dl dd a {
        display: block;
        font-size: 16px;
        line-height: 30px;
        color: #202020;
        font-weight: 600;
        padding-left: 6%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        margin: 5% auto;
    }

    .casesLeft ul li a .yuan img {
        border-radius: 40px;
        width: 80px;
        height: 80px;
        box-shadow: 4px 4px 15px -3px #666;
    }

    .casesLeft ul li a .yuan {
        text-align: center;
        position: absolute;
        bottom: 24%;
        left: 34%;
        margin: 0px auto;
        transition: all 0.5s;
    }

    .casesLeft ul li a p {
        font-size: 18px;
        color: #373838;
        text-align: center;
        line-height: 32px;
        background: #fff;
        padding-top: 0%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        padding: 18% 2% 8% 2%;
    }


    .aboutBox1Cont {
       
        flex-direction: column;
         
    }


    .aboutBox1Left {
        width: 100%;
    }

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


    .aboutBox1Right img {
        max-width: 100%;
        height: auto;
        margin: 0px auto;
        display: block;
    }

    .aboutBox2Cont ul {
      
        width: 100%;
    }

    .aboutBox2Cont ul li {        
        line-height: 500px;        
        height: 500px;
         
    }


    .aboutBox3Title {
        margin: 8% 0%;
    }

    .aboutBox4Title {
        margin: 8% 0%;
    }

    .aboutBox4Cont .swiper-container {
        padding-bottom: 8%;
    }



    .coreTitle h2 {
        font-size: 24px;
        line-height: 48px;
        color: #0076bf;
        text-align: center;
        font-weight: 600;
    }


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


    .coreItemTitle img {
        max-width: 100%;
        height: 80px;
    }

    .coreItemTitle h2 {
        font-size: 24px;
        line-height: 48px;
        color: #242222;
        margin-top: 0%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        margin-left: 4%;
        margin-right: 4%;
    }

    .coreItemTitle {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: flex-start;
        padding: 4%;
    }

    .coreItemTitle h3 {
        height: auto;
        font-size: 25px;
        color: #c3c3c3;
        margin: 0% 0%;
        margin-right: 4%;
    }

    .coreItemTitle h4 {
        font-size: 40px;
        color: #c3c3c3;
        line-height: 106px;
    }

    .coreCont ul li {
        width: 100%;
        border: 1px solid #d2d2d2;
        transition: all .5s ease;
        height: auto;
        
    }

    .coreCont ul li.on {
        width: 100%;
        display: flex;
        flex-direction: row;
        align-items: center;
    }

    .coreCont ul li.on .coreItemCont {
        
        flex-direction: column;         
        width: 100%;
         
    }

    .coreItemLeft {
        width: 100%;
        position: relative;
        display: none;
    }

    .coreItemTop h2 {
        font-size: 24px;
        line-height: 48px;
        color: #fff;
    }

    .coreItemRight dl dd a {
        display: block;
        font-size: 16px;
        line-height: 50px;
        color: #fff;
        padding: 2% 6%;
    }

    .coreItemRight img {
        max-width: 100%;
        height: 80px;
        margin-bottom: 5%;
        margin-top: 5%;
    }

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

    .coreWrap {
        
        background-size: cover;
         
    }

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

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

    .casesCont .swiper-container{
        padding-bottom: 8%;
    }


    .casesCont .swiper-slide .yuan {
        text-align: center;
        position: absolute;
        bottom: 26%;
       
        margin: 0px auto;
        transition: all 0.5s;
        left: 32%;
    }

    .casesCont .swiper-slide p{
        font-size: 18px;
        color:#373838;
        text-align: center;
        line-height: 32px;
        background: #fff;
        padding: 20% 4% 8% 4%;
      }

      .aboutCont {
        position: absolute;
        top: 50%;
        right: 6%;
        background: #fff;
        width: 88%;
        height: auto;
        padding: 4% 3%;
    }

    .aboutCont h2 {
        font-size: 24px;
        line-height: 48px;
        color: #0076bf;
        font-weight: 600;
        margin-bottom: 0%;
    }

    .aboutCont p {
        font-size: 16px;
        line-height: 32px;
        color: #000;
        text-align: left;
    }

    .youshiWrap {
        width: 100%;
        margin: 0px auto;
        overflow: hidden;
        padding-top: 4%;
        margin-top: 26%;
    }

    .youshiTitle h2 {
        font-size: 24px;
        line-height: 48px;
        color: #0076bf;
        text-align: center;
        font-weight: 600;
    }



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


    .other-service .text p {
        margin-top: 8px;
        font-size: 16px;
        line-height: 32px;
    }

    .other-service .text h3 {
        font-size: 24px;
        font-weight: bold;
        line-height: 32px;
    }

    .other-service .text {
        padding: 4%;
        height: auto;
        width: 100%;
        box-shadow: 0 0 5px #ddd;
        box-sizing: border-box;
        background-color: #f5f5f5;
    }

    .other-service-cont ul{

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

    .other-service .picture {
        position: relative;
        height: auto;
        width: 100%;
        box-sizing: border-box;
        z-index: 9;
    }

    .other-service .picture ul li h3 {
        margin-top: -4px;
        text-align: center;
        font-size: 20px;
        color: #fff;
        order: 1;
        margin-left: 20%;
    }
    .other-service .picture ul li span {
        display: block;
        width: 60px;
        height: 60px;
        opacity: 1;
        transition: .1s;
        transform: translateZ(0);
        margin: 0 auto;
        order: 2;
    }

    .other-service .picture ul li {
        padding-top: 4%;
        float: none;
        height: auto;
        width: 100%;
        border-bottom: 1px solid rgba(255,255,255,0.3);
        box-sizing: border-box;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        padding-bottom: 4%;
    }

    .newsCont ul li a div {
       
        margin-top: 6%;
    }

    .newsCont ul li a p {
        font-size: 16px;
        line-height: 24px;
        color: #666;
    }

    .contactBoxContNew{
        flex-direction: column;
    }
    .baiduMapLeft{
        width: 100%;
    }
    .baiduMapRight{
        width: 100%;
    }

}


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

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

    .menuWap{
        display: block;
    }

    .bannerWrap{
        margin-top:0px;
    }

    .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:1vh;
    }


    .footerTopCont {
        
        flex-direction: column;
        padding-top: 6%;
    }


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



    .footerTopCont ul li {
        width: 33.33%;
        margin-bottom: 4%;
    }

    .footerTopRight {
        width: 100%;

    }  


    .footerBottomCont {
      
        flex-direction: column;
        
    }

    .footerBottomCont p {
       
        text-align: center;
    }



    .aboutBoxTitle h3 span {
        
        font-size: 24px;       
        padding: 0px 20px;
    }

    .aboutBoxNav ul li a {
     
font-size: 16px;
     
line-height: 42px;
     
width: 100%;
    }

    .contactBoxNav ul li {
        width: 30%;
    }

    .contactBoxNav ul {
        width: 100%;
         
    }

    .contactBoxNav {
      
        margin-top: 8%;
    }


    

    .aboutBox1Title h3 span {
        
        font-size: 24px;       
        padding: 0px 20px;
    }

    .newsBoxNav ul li a {
     
        font-size: 16px;
        line-height: 36px;        
        width: 100%;
        
    }

    .newsBoxNav ul li {
        width: 30%;
    }

    .newsBoxNav ul {
        width: 100%;
         
    }


    .newsBoxNav {
      
        margin-top: 8%;
    }


    .newsBoxCont ul li {
         
        width: 48%;
        margin-top: 5%;
        margin-bottom: 4%;
        margin-right: none;
        
    }

    .newsBoxCont ul li:nth-child(3n+0){
        margin-right: none;
    }

    .newsBoxCont ul li a p {
        font-size: 16px;
        color: #373838;
        text-align: left;
        line-height: 32px;
        background: none;
        padding-top: 0%;
        font-weight: 600;
        overflow: hidden;
        text-overflow: ellipsis;
        
        margin:6% auto;
    }
    .newsTime {
        width:80%;
    }
  

    .casesDetails {
       
        flex-direction: column;
       
    }

    .casesDetailsLeft {
        width: 100%;
    }

    .casesDetailsRight {
        width: 100%;
         
    }

    .casesDetailsTitle h2 {
        line-height: 32px;
        font-size: 24px;
        font-weight: 600;
        margin-bottom: 4%;
    }

    .casesDetailsTitle p {
        display: flex;
        flex-direction: row;
        justify-content: start;
        align-items: center;
        line-height: 32px;
        color: #7d7d7d;
        flex-wrap: wrap;
    }

    .casesDetailsTitle p span {
        margin:0px auto;
        width: auto;
    }

    .pageUpDown p {
       
        line-height: 50px;

    }

    .casesDetailsRight h2 {
        line-height: 60px;
        font-size: 24px;
       
    }

    .casesDetailsRight ul li {
        line-height: 32px;
         margin-bottom: 5%;
    }

    .casesDetailsRight ul {
        display: flex;
        flex-direction: column;
        padding: 6% 4%;
        list-style-type: circle;
        padding-left: 8%;
    }


    .casesBoxNav ul {
        
        margin-top: 8%;
    }


    .casesBoxNav ul li {
        width: 46%;
        margin-bottom: 4%;
    }


    .casesBoxCont ul li {
        width: 48%;
        margin-top: 5%;
    }

    .casesBoxCont ul li a p {
        font-size: 18px;
        color: #373838;
        text-align: center;
        line-height: 32px;
        background: #f5f5f5;
        padding-top: 0%;
        padding-top: 24%;
        padding-bottom: 8%;
        padding-left: 2%;
        padding-right: 2%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .casesBoxCont ul li a .yuan {
        text-align: center;
        position: absolute;
        bottom: 25%;
        left: 30%;
        margin: 0px auto;
        transition: all 0.5s;
    }

    .casesBoxCont ul li a .yuan img {
        border-radius: 40px;
        width: 80px;
        height: 80px;
        box-shadow: 4px 4px 15px -3px #666;
    }



    .proWrap {
        
        flex-direction: column;
        margin-top:10%;
         
    }
    .telLeft{
        display: none;
    }
    .casesLeft{
        display: none;
    }

    .proLeft .casesLeftTitle{
        display: none;
    }

    .proLeft h2 {
        line-height: 50px;        
        font-size: 24px;
         
    }

    .proLeft dl dt span {
        line-height: 50px;
        font-size: 22px;
        text-align: left;
    }

    .proLeft {
        width: 100%;
        
    }

    .proRight {
        width: 100%;
        margin-bottom: 10%;
        
    }

    .proTitle h2 {
        
        font-size: 20px;
         
    }


    .proLeft dl dd a {
        display: block;
        font-size: 16px;
        line-height: 48px;
        color: #202020;
        font-weight: 600;
        padding-left: 6%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }


    .aboutBox1Cont {
       
        flex-direction: column;
        margin-top: 8%;
    }

    .aboutBox1Left {
        width: 100%;
    }

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

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

    .aboutBox2Cont ul {        
        flex-direction: column;       
        width: 100%;
    }

    .aboutBox2Cont ul li {
        width: 100%;
        text-align: center;
        border-left: none;
        line-height: auto;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        height: auto;
        position: relative;
        
        border-bottom: 1px solid rgba(255,255,255,.3);
    }

    .aboutBox2Top {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: space-between;
        height: auto;
        -webkit-transition: .5s;
        -o-transition: .5s;
        transition: .5s;
        padding-top: 14%;
    }

    .aboutBox2Bottom {
      
        padding-top: 10%;
        padding-bottom: 8%;
    }


    .aboutBox1Title{
        margin:12% auto;
    }   


    .aboutBox2Title{
        margin:12% auto;
    }   



    .aboutBox3Title{
        margin:12% auto;
    }   

    .aboutBox4Title{
        margin:12% auto;
    } 
    
    .aboutBox4Cont .swiper-container {
        padding-bottom: 14%;
    }

    .aboutBox3Cont .swiper-container {
        padding-bottom: 8%;
    }


    .newsTitle h2 {
        font-size: 22px;
    }

    .newsCont ul li a p {
       
        line-height: 24px;
        
    }

    .newsCont ul li a {
         
        padding: 4%;
    }


    .newsCont ul li a div {
     
        margin-top: 0%;
    }


    .newsCont ul li {
        width: 100%;   
       
        margin-bottom: 8%;
    }

    .newsCont ul {
        
        flex-direction: column;
        
    }


    .casesTitle h2 {
        font-size: 22px;
    }



    .casesCont .swiper-slide .yuan img {
        border-radius: 60px;
        width: 120px;
        height: 120px;
        box-shadow: 4px 4px 15px -3px #666;
    }

    .casesCont .swiper-slide .yuan {
        text-align: center;
        position: absolute;
        bottom: 20%;
        left: 34%;
        margin: 0px auto;
        transition: all 0.5s;
    }

    .casesCont .swiper-slide p {
        font-size: 18px;
        color: #373838;
        text-align: center;
        line-height: 32px;
        background: #fff;
        padding-top: 0%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        padding: 16% 4% 10% 4%;
    }


    .youshiTitle h2 {
        font-size: 22px;
    }

    .aboutContWrap {
        
        flex-direction: column;
        
    }

    .aboutLeft {
        width: 100%;
    }

    .aboutRight {
        
        display: none;
    }

    .aboutMore {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: flex-start;
        margin-top: 6%;
        margin: 6% auto;
        width: 100%;
         
    }

    .aboutCont {
        position: initial;
        top: 50%;
        right: 5%;
        background: #fff;
        width: 100%;
        height: auto;
        padding: 4% 3%;
        border: 1px solid #eee;
    }

    .aboutCont p {
        font-size: 16px;
        line-height: 32px;
        color: #000;
        text-align: left;
    }

    .aboutCont h2 {
        font-size: 22px;
        line-height: 48px;
        color: #0076bf;
        font-weight: 600;
        margin-bottom: 2%;
    }

    .youshiWrap {
        width: 100%;
        margin: 0px auto;
        overflow: hidden;
        padding-top: 4%;
        margin-top: 4%;
    }

    .aboutMore a:nth-child(1) span {
        font-size: 16px;
        color: #fff;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .aboutMore a:nth-child(2) span {
        font-size: 16px;
        color: #fff;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

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


    .other-service .text p {
        margin-top: 8px;
        font-size: 16px;
        line-height: 32px;
    }

    .other-service .text h3 {
        font-size: 22px;
        font-weight: bold;
        line-height: 32px;
    }

    .other-service .text {
        padding: 4%;
        height: auto;
        width: 100%;
        box-shadow: 0 0 5px #ddd;
        box-sizing: border-box;
        background-color: #f5f5f5;
    }

    .other-service-cont ul{

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

    .other-service .picture {
        position: relative;
        height: auto;
        width: 100%;
        box-sizing: border-box;
        z-index: 9;
    }

    .other-service .picture ul li h3 {
        margin-top: -4px;
        text-align: center;
        font-size: 20px;
        color: #fff;
        order: 1;
        margin-left: 20%;
    }
    .other-service .picture ul li span {
        display: block;
        width: 60px;
        height: 60px;
        opacity: 1;
        transition: .1s;
        transform: translateZ(0);
        margin: 0 auto;
        order: 2;
    }

    .other-service .picture ul li {
        padding-top: 4%;
        float: none;
        height: auto;
        width: 100%;
        border-bottom: 1px solid rgba(255,255,255,0.3);
        box-sizing: border-box;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        padding-bottom: 4%;
    }

    .coreTitle h2 {
        font-size: 22px;
        line-height: 48px;
        color: #0076bf;
        text-align: center;
        font-weight: 600;
    }


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


    .coreItemTitle img {
        max-width: 100%;
        height: 80px;
    }

    .coreItemTitle h2 {
        font-size: 22px;
        line-height: 48px;
        color: #242222;
        margin-top: 2%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        margin-left: 2%;
    }

    .coreItemTitle {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        padding: 4%;
    }

    .coreItemTitle h3 {
        height: auto;
        font-size: 25px;
        color: #c3c3c3;
        margin: 0% 0%;
    }

    .coreItemTitle h4 {
        font-size: 28px;
        color: #c3c3c3;
        line-height: 110px;
    }

    .coreCont ul li {
        width: 100%;
        border: 1px solid #d2d2d2;
        transition: all .5s ease;
        height: auto;
        
    }

    .coreCont ul li.on {
        width: 100%;
        display: flex;
        flex-direction: row;
        align-items: center;
    }

    .coreCont ul li.on .coreItemCont {
        
        flex-direction: column;         
        width: 100%;
         
    }

    .coreItemLeft {
        width: 100%;
        position: relative;
        display: none;
    }

    .coreItemTop h2 {
        font-size: 24px;
        line-height: 48px;
        color: #fff;
    }

    .coreItemRight dl dd a {
        display: block;
        font-size: 16px;
        line-height: 50px;
        color: #fff;
    }

    .coreItemRight img {
        max-width: 100%;
        height: 80px;
        margin-bottom: 5%;
        margin-top: 5%;
    }

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

    .coreWrap {
        
        background-size: cover;
         
    }

    .footerTopCont ul li a {
        
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }


    .location p {
        line-height: 24px;
        font-size: 14px;
        font-weight: 600;
        display: block;
        flex-direction: row;
        align-items: center;
        justify-content: flex-start;
        margin-top:6%;
    }


    .location p span {
        width: 8px;
        height: 18px;
        background: #0076bf;
        display: block;     
        margin-right: 1%;
        float: left;
        margin-top: 1%;
    }


    .casesDetailsWrap {
        margin-top: 10%;
    }


    .aboutBox4Cont .swiper-slide p {
        
        line-height: 60px;
        
    }

    .aboutBox2Bottom h2{
  
        font-size: 24px;
          
        line-height: 60px;
          
        color: #fff;
    }
        
     .aboutBox2Bottom p{
          
        font-size: 16px;
          
        color: #fff;
          
        line-height: 36px;
          
        padding: 0% 2%;
    }

    .aboutBox4ContNew ul li{
        width:48%;
    }

    .contactBoxContNew{
        flex-direction: column;
    }
    .baiduMapLeft{
        width: 100%;
    }
    .baiduMapRight{
        width: 100%;
    }



    .newsBoxCont ul {
       
        justify-content: space-between;
         
    }

    .huobanBoxCont ul{
        justify-content: space-between;
    }

    .huobanBoxCont ul li {
        
        width: 47%;
        margin-bottom: 6%;
        margin-right: none;
    }


    .casesBoxContNew ul{
        justify-content: space-between;
    }


    .casesBoxContNew ul li {
        
        width: 47%;
        margin-bottom: 6%;
        margin-right: none;
    }


    .casesContNew ul{
        justify-content: space-between;
    }


    .casesContNew ul li {
        
        width: 47%;
        margin-bottom: 6%;
        margin-right: none;
    }

    .footerInfoCont{margin-top: 5%;}

   

}

/**wap:style**/