@media (max-width: 1000px) {
    body, html {
      overflow-x: hidden;
    }
    img {
      max-width: initial;
      width: 100%;
    }
    .content {
      width: 100%;
      -moz-box-sizing: border-box;
           box-sizing: border-box;
      padding: 0 15px;
    }
    p {
      line-height: 24px;
    }
    .fl, .fr {
      float: none;
    }
    .padd {
      /**padding-top: 40px;**/
      padding-bottom: 40px;
    }
    .menubtn {
      position: absolute;
      top: 50%;
      right: 0;
      padding: 15px;
      cursor: pointer;
      -webkit-transition: 0.3s;
      -o-transition: 0.3s;
      -moz-transition: 0.3s;
      transition: 0.3s;
      z-index: 9;
      display: block;
      margin-top: -26px;
    }
    .menubtn .bar:nth-of-type(1) {
      margin-top: 0px;
    }
    .menubtn .bar:nth-of-type(3) {
      margin-bottom: 0px;
    }
    .bar {
      position: relative;
      display: block;
      width: 25px;
      height: 2px;
      margin: 7px auto;
      background-color: #333;
      border-radius: 10px;
      -webkit-transition: 0.3s;
      -o-transition: 0.3s;
      -moz-transition: 0.3s;
      transition: 0.3s;
    }
    .menubtn_close .bar:nth-of-type(1) {
      -webkit-transform: translateY(9px) rotate(-45deg);
      -ms-transform: translateY(9px) rotate(-45deg);
      -moz-transform: translateY(9px) rotate(-45deg);
        -o-transform: translateY(9px) rotate(-45deg);
           transform: translateY(9px) rotate(-45deg);
    }
    .menubtn_close .bar:nth-of-type(2) {
      opacity: 0;
    }
    .menubtn_close .bar:nth-of-type(3) {
      -webkit-transform: translateY(-9px) rotate(45deg);
      -ms-transform: translateY(-9px) rotate(45deg);
      -moz-transform: translateY(-9px) rotate(45deg);
        -o-transform: translateY(-9px) rotate(45deg);
           transform: translateY(-9px) rotate(45deg);
    }
    .totop {
      width: 45px;
      height: 45px;
      right: 20px;
      bottom: 190px;
    }
    .callbox {
        display: none;
    }
    header{
        position: relative;
    }
    header>a{
        width: 50.5%;
        margin: 20px 0;
        padding: 0;
    }
    nav{
        height: auto;
        position: absolute;
        display: none;
        background: #FFF;
        box-shadow: 0px 3px 4px 0px rgb(50 51 51 / 12%);
        z-index: 6;
    }
    nav .content>ul>li.navact>a{
        background: none;
        color:#BD1D21;
    }
    nav .content>ul>li{
        width: 100%;
        line-height: 45px;
        border-bottom: 1px dashed #E6E6E6;
        position: relative;
    }

    nav .content>ul>li a{
        padding: 0 15px;
        color: #333;
    }

    nav .content>ul>li .navsec:before{
        content: '';
        display: block;
        background: url(../images/jia.png) no-repeat center center;
        background-size:16px 16px;
        width: 45px;
        height: 45px;
        position: absolute;
        right: 0;
        top: 0;
        z-index: 6;
    }
    nav .content>ul>li.navhover .navsec:before{
        background: url(../images/jian.png) no-repeat center center;
        background-size:16px 16px;
    }
    nav .content>ul>li.navhover{
        background: #f7f7f7;
    }
    nav .content>ul>li ul{
        position:static;
        transform: none;
        background: none;
        padding: 10px 15px;
        box-shadow: none;
    }
    nav .content>ul>li ul li{
        text-align: left;
        line-height: 32px;
        background: url(../images/navicon.png) no-repeat right center;
        background-size: 6px 12px;
        font-size: 14px;
        padding: 0;
    }
    .code{
        position:static;
        width: 35%;
        margin: 30px auto;
    }
    .code p{
        color: #333;
    }
    .banner .swiper-pagination{
        bottom: 15px;
    }
    .banner .swiper-pagination span{
        border-radius: 50%;
        background: rgba(255,255,255,0.65);
        opacity: 1;
        width: 12px;
        height: 12px;
    }
    .banner .swiper-pagination .swiper-pagination-bullet-active{
        width: 26px;
        border-radius: 12px;
    }
    .pcfoot{
        display: none;
    }
    .mfoot{
        display: block;
    }

    /*foot*/
    .foottop{
        background: #26292d;
        margin-bottom: 2rem;
        color: #FFF;
    }
    .foottopleft{
        width: 56.53%;
        box-sizing: border-box;
        padding: 0 0.64rem;
    }
    .foottopleft ul{
        padding-bottom: 0.43rem;
    }
    .foottopleft ul li{
        float: left;
        margin-bottom: 0.64rem;
        width: 50%;
    }
    .foottopleft ul li a{
        font-size: 0.55rem;
        background: url(../images/footnavbg.png) no-repeat left center;
        background-size: 0.41rem 0.34rem;
        padding-left: 0.55rem;
        color: #FFF;
    }
    .foottopads{
        border-top: 1px dashed rgba(255,255,255,0.46);
        padding-top:0.85rem; 
    }
    .foottopads span{
        font-size: 0.55rem;
        color: #FFF;
        background: url(../images/footads.png) no-repeat left center;
        padding-left: 0.79rem;
        background-size: 0.51rem 0.66rem;
        display: inline-block;
        font-weight: bold;
    }
    .foottopads p{
        font-size: 0.51rem;
        margin-top: 0.32rem;
    }
    .foottopright{
        width: 43.47%;
        padding-top: 0.96rem;
        padding-bottom: 1.49rem;
        background: #2c3035;
    }
    .foottopright p{
        font-size: 0.51rem;
        display: block;
        float: none;
        text-align: center;
        margin-bottom: 0.43rem;
    }
    .foottopright img{
        width: 4.59rem;
        margin: 0 auto;
    }
    .footbot{
        position: fixed;
        height: 2.03rem;
        box-shadow: 0px 0px 10px 0px rgba(132, 21, 24, 0.29);   
        background: #0F3F81;
        width: 100%;
        z-index: 6;
        bottom: 0;
    }
    .footbotright{
        width: 50%;
        position: absolute;
        right: 0;
        bottom: 0;
        height: 2.54rem;
        background: url(../images/footbotbg.png) no-repeat;
        background-size: 8.0rem 2.54rem;
        padding-left: 1.96rem;
        padding-top: 0.49rem;
        box-sizing: border-box;
    }
    .footbot ul{
        width: 51.2%;
    }
    .footbot ul li{
        width: 50%;
        position: relative;
        text-align: center;
    }
    .footbot ul li:first-child:after{
        content: "";
        width: 1px;
        height: 1.07rem;
        background: #FFF;
        display: block;
        position: absolute;
        right: 0;
        top: 0.43rem;
    }
    .footbot ul li img {
        width: 0.7rem;
        margin: 0.28rem auto 0;
    }
    .footbot ul li span{
        display: block;
        font-size: 0.55rem;
        color: #FFF;
        margin-top: 0.11rem;
    }
    footer{
        background:none;
        padding: 0;
    }
    .footbotright p{
        font-size: 0.43rem;
        float: none;
        color: #FFF;
        background: url(../images/fotphone.png) no-repeat left center;
        background-size: 0.53rem 0.53rem;
        padding-left: 0.79rem;
        display: block;
    }
    .footbotright a{
        font-size: 0.77rem;
        color: #FFF;
    }
    .titbox span{
        font-size: 30px;
        line-height: 2em;
    }
    .titbox h2, .titbox h1{
        line-height: 1.2em;
        font-size: 28px;
    }
    .epcindex>p{
        font-size: 18px;
    }
    .titbox{
        margin-bottom: 15px;
    }
    .epcindex ul li{
        width: 100%;
        padding:30px 0;
    }
    .epcindexpic{
        width:21%;
    }
    .epcindextop h3{
        width:72%;
        font-size: 15px;
        height: 40px;
        line-height: 40px;
    }
    .epcindextop h3:before{
        border-width:20px 17px 20px 0;
    }
    .epcindex ul li:nth-child(2n) .epcindextop h3:before{
        border-width: 20px 0 20px 17px
       
    }
    .epcindex ul li:nth-child(2n) .epcindexpic{
        margin-left: 78%;
    }
    .epcindextop{
        margin-bottom: 20px;
    }
    .epcindex ul li p{
        line-height: 1.7em;
    }
    .insolunav{
        width: 100%;
    }
    .insolucon{
        width: 100%;
    }
    .insolucon li{
        margin-left: 0;
        width: 100%;
    }
    
    .epcindex ul li:nth-child(3){
        border-bottom: 1px solid rgba(189, 29, 33, 0.28);
    }
  
    
    .mtop{
        margin-top: 40px;
    }
    .insolunav{
    }
    .insolunav h3{
        display: none;
    }
    .insolunav ul li{
        float: left;
        padding: 0;
        width: 33%;
    }
    .insolunav ul li a{
        line-height: 40px;
        height: 40px;
    }
    .insolunav ul{
        overflow: hidden;
    }
    .insolunav ul li.insolunavact a, .insolunav ul li:hover a{
        font-size: 18px;
        height: 40px;
        line-height: 40px;
    }
    .insolunav{
        margin-bottom: 40px;
    }
    .insolucon li:nth-child(3){
        margin-bottom: 32px;
    }
    .inabouttop p, .inaboutbottxt p{
        width: 100%;
    }
    .inabouttop p:nth-child(2n){
        width: 100%;
    }
    .inaboutbot{
        width: 100%;
        margin-top: 0;
        box-sizing: border-box;
    }
    .inaboutbottxt,.inaboutbottxt p:first-child{
        position:static;
        box-sizing: border-box;
        width: 100%;
    }
    .inaboutbottxt{
        padding:30px 20px;
    }
    .inabouttop p, .inaboutbottxt p{
        margin-bottom: 20px;
    }
    .innewscon li{
        width: 100%;
        padding-left: 25px;
    }
    .innewscon li h4{
        max-width: 100%;
        float: none;
    }
    .innewscon li span{
        float: none;
    }
    .innewscon li:before{
        width: 7px;
        height: 7px;
        margin-top: 0;
        top: 8px;
    }
    .incase li{
        width: 100%;
        margin-bottom: 40px;
    }
    .links h4{
        float: none;
        width: 100%;
        margin-bottom: 30px;
        font-size: 18px;
    }
    .links ul{
        width: 100%;
        float: none;

    }
    .links ul li{
        margin-bottom: 10px;
    }
    .route {
        padding: 15px;
    }
    .epcleft{
        width: 100%;
        padding-top: 30px;
    }
    .zxlyright li{
        height: 35px;

    }
    .zxlyright li input, .zxlyright li select{
        line-height: 35px;
        height: 35px;
        font-size: 15px;
    }
    .epcright{
        width: 100%;
        padding-right: 0;
    }
    .epc-lod{
        margin: 20px auto 0;
    }
    .epcright ul{
        padding:30px 0 0;
    }
    .epcright ul li{
        padding: 30px 15px;
    }
    .epcright ul li h4{
        font-size: 28px;
        margin-left: 35%;
    }
    .epcright ul li h5{
        margin-left: 35%;
        line-height: 1.5em;
        min-height: 3em;
    }
    .epcmo li{
        width: 100%;
        margin-bottom: 20px;
    }
    .epcmotxttopr h3{
        font-size: 15px;
    }
    .epcmotxt{
        padding: 20px ;
        padding-right: 0;
        padding-bottom: 0;
        padding-top: 10px;
    }
    .epcmotxttop span{
        font-size: 26px;
        margin-right: 10px;
    }
    .epcmotxtbot a{
        font-size: 14px;
        padding-left: 23px;
        margin-top: 3%;
    }
    .epcmotxtbot a:before{
        background-size: 32px 16.8px;
        width: 16px;
        height:16.8px;
    }
    .epcmotxtbot a.epcmoicon2:before{
        background-size: 32px 16.8px;
    }
    .epcmotxtbot a.epcmoicon3:before{
        background-size: 32px 16.8px;
    }
    .epcmotxtbot a.epcmoicon4:before{
        background-size: 32px 16.8px;
    }
    .epcmotxtbot a.epcmoicon5:before{
        background-size: 32px 16.8px;
    }
    .epcmotxtbot a.epcmoicon6:before{
        background-size: 32px 16.8px;
    }
    .epcmotxtbot a.epcmoicon7:before{
        background-size: 32px 16.8px;
    }
    .epcmotxtbot a.epcmoicon8:before{
        background-size: 32px 16.8px;
    }
    .epcmotxttopr {
        width: 73%;
    }
    .epcmotxttopr h4{
        font-size: 12px;
    }
    .epcmotxtbot{
        margin-top: 10px;
    }
    .casebox li{
        width:100%;
    }
    .casepic{
        width: 100%;
        float: none;
    }
    .casetxt{
        float: none;
        width: 100%;
    }
    .casetxt h4{
        padding: 0 15px;
        box-sizing: border-box;
        font-size: 16px;
        margin:-20px auto 20px;
        display: block;
        width:95%;
    }
    .casetxt p{
        line-height: 1.7em;
        height: auto;
        max-height: 5.1em;
    }
    .epccases li{
        width: 100%;
        line-height: 45px;
    }
    .xkzslist li h4{
        max-width: 75%;
    }
    .honor {
        padding-top: 0;
    }
    .honortop {
        margin-top: 30px;
        margin-bottom: 0px;
    }
    .honortop li{
        width: 47.5%;
        margin-bottom: 30px;
    }
    .honor li p{
        margin-top: 10px;
        font-size: 14px;
    }
    .honorbot li{
        width: 47.5%;
    }
    .solutab{
        padding:20px 15px;
    }
    .epctab li{
        width: 25%;
        margin: 10px 0;
    }
    .solutab li p{
        font-size: 14px;
        margin-top: 0;
    }
    .solucircle{
        width:55px;
        height: 55px;
    }
    .listtitbox{
        margin-top: 40px;
    }
    .testtop{
        padding:30px 20px;
    }
    .testtop img{
        width: 100%;
    }
    .testtop>div{
        width: 100%;
        padding-right: 0;
        margin-top: 20px;
    }
    .epcdetail h3:before{
        width: 10px;
        height: 10px;
        margin-top: -5px;
    }
    .epcdetail h3{
        font-size: 20px;
        padding-left: 25px;
        margin-top:30px;
        margin-bottom: 20px;
    }
    .epcdetail img{
        max-width: 100%;
    }
    .epcdetail h4{
        margin-top:20px;
        margin-bottom: 20px;
        font-size: 16px;
        height: 35px;
        padding: 0 15px;
        line-height: 35px;
    }
    .epcdetail h4:after{
        border-width: 17px 0 18px 17px;
        right: -17px;
    }
    .epcdetail-img4 img, .epcdetail-four img{
        width: 48%;
        margin-bottom: 10px;
    }
    .zhizao li{
        width: 48%;
        margin-bottom: 15px;
    }
    .consulting-sbfybox .consulting-sbfy{
        width: 100%;
        float: none;
        margin-right: 0;
    }
    .consulting-sbfy{
        margin-top: 30px;
        margin-bottom: 0;
        padding: 40px 30px;
    }
    .epcdetail .red-bold{
        font-size: 20px;
        margin: 25px 0 15px;
    }
    .epcdetail{
        margin-top: 30px;
    }
    .epcdetailnum li{
        height: auto;
        padding-left: 32px;
    }
    .epcdetailnum span{
        font-size: 16px;
        width: 25px;
        height: 25px;
        line-height: 25px;
    }
    .epcdetail-six img{
        width: 47%;
        margin-top: 20px;
    }
    .solutab li{
        width: 33%;
        margin: 10px 0;
    }
    .solucircle font{
        font-size: 12px;
    }
    .solucon li, .soluconlist li{
        width: 47%;
        margin-right: 6%;
        margin-top: 25px;
    }
    .solucon li:nth-child(3n), .soluconlist li:nth-child(3n){
        margin-right: 6%;
    }
    .solucon li:nth-child(2n), .soluconlist li:nth-child(2n){
        margin-right: 0%;
    }
    
    .solucon li:after, .soluconlist li:after{
        display: none;
    }
    .solucontxt{
        padding: 0 15px;
    }
    .solucontxt{
        font-size: 15px;
        background: #BD1D21;
        text-align: center;
        color: #FFF;
        height: 35px;
        line-height: 35px;
    }
    .solucontxt h4{
        line-height: 35px;

    }
    div.zxf_pagediv{
        text-align: center;
    }
    .zxf_pagediv .zxfPagenum,.zxf_pagediv .current{
        display: none;
    }
    .detailtoppic{
        width: 100%;
    }
   
    .detailtoptxt{
        width: 100%;
        padding: 0;
        margin-top: 30px;
    }
    .detailtoptxt h1{
        margin-left: 0;
        padding-left: 15px;
        padding-right: 20px;
        font-size: 20px;
        height: 45px;
        line-height: 45px;
    }
    .detailtoptxt h1:after{
        border-width: 23px 0 22px 20px;
    }
    .detailtoptxt p{
        font-size: 15px;
        line-height: 1.7em;
    }
    .detailtop {
        padding-bottom: 20px;
    }
    .detailchat {
        display: none;
    }
    .fgzhbox-row{
        display: block;
    }
    .fgzhbox{
        border:2px solid #d31f2b;
        border-radius: 5px;
        margin-bottom: 0;
        background: url(../images/fgzhfootbg.png) no-repeat;
        background-size: 5.72rem 100%;
        position: relative;
        
    }
    .fgzhleft {
        width: 38.8%;
        float: left;
        text-align: center;
        padding-right: 0.47rem;
        box-sizing: border-box;
        padding-top: 0.43rem;
    }
    .fgzhleft img{
        width: 0.85rem;
        margin:0 auto 0.32rem;
        display: block;
    }
    .fgzhleft span{
        font-size: 0.64rem;
        color: #FFF;
    }
    .fgzhright {
        float: right;
        width:57%;
        margin-left: 4%;
        padding-bottom: 0.32rem;
        padding-top: 0.32rem;
    }
    
    .fgzhright>span{
        display: block;
        background:url(../images/vxpic.png) no-repeat left center;
        background-size: 0.85rem 0.73rem;
        padding-left: 1.22rem;
        font-size: 0.64rem;
        display: inline-block;
        line-height: 0.73rem;
        color: #333333;
        margin-bottom: 0.32rem;
    }
    .fgzhright p{
        font-size: 1.07rem;
        font-weight: bold;
        color: #d31f2b;
        line-height: 1.07rem;
    }
    .copytext{
    
    }
    #weixin{
        opacity: 0;
        position: absolute;
        bottom: -100px;
    }
    .fgzh_hand {
      position: absolute;
      right: 0.64rem;
      bottom: 0.43rem;
    }
    .fgzh_hand span{
      width: 0.47rem;
      height:  0.47rem;
      background: rgba(211, 31, 43, .1);
      border-radius: 50%;
      display: block;
      box-sizing: border-box;
      padding: 0.09rem;
      box-sizing: border-box;
       transform: scale(1);
        animation: blow 2s infinite ease-in-out;
        margin-bottom: 0;
        position: absolute;
        left: -0.21rem;
        top: -0.21rem;
    }
    .copytext{
        position: absolute;
        bottom: -1.6rem;
        left:42%;
        line-height: 1.24rem;
        font-size: 0.64rem;
        color: #FFF;
        background: #262c38;
        border-radius: 8px;
        padding:0 0.64rem;
        display: none;
    }
    .copytext:before{
        content: "";
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 0 0.21rem 0.21rem 0.21rem;
        border-color: transparent transparent #262c38 transparent;
        position: absolute;
        top: -0.21rem;
        left: 0.64rem;
    }
    .fgzh_hand img{
        width: 0.68rem;
        height: 0.58rem;
        margin: 0;
    }
    .fgzh_hand i{
      box-sizing: border-box;
      width: 100%;
      display: block;
      height: 100%;
      background: rgba(211, 31, 43, .16);
      border-radius: 50%;
       transform: scale(1);
        animation: blow 2s infinite ease-in-out;
    }
    @keyframes blow {
        0%, 5%, 10.5%, 90.5%, 100% {
           transform: scale(1);
           opacity: 1;
       }
       5.5%, 10% {
           transform: scale(0.8);
       }
       70%, 90% {
           transform: scale(1.3);
           opacity: 0;
       }
   }
   .deleft{
    width: 100%;
    margin-top: 40px;
   }
   .deright {
    width: 100%;
   }
   .article h2{
    font-size: 18px;
    margin-top: 15px;
    margin-bottom: 20px;
   }
   .article h3{
    font-size: 16px;
    margin-bottom: 15px;
   }
   .article p{
    line-height: 1.7em;
   }
   .detailnews li{
    width: 100%;
    line-height: 40px;
   }
   .detailnews li:before{
    width: 7px;
    height: 7px;
   }
   .leftside h3{
    background-size: cover;
    padding-top: 14px;
   }
   .leftside{
    margin-bottom:40px;
   }
   .ycm{
    display: none;
   }
   .leftside:last-child{
    margin-bottom: 0;
   }
   .prolisttxt h4{
    margin-left: 0;
    padding-left: 60px;
    padding-right: 20px;
    height: 36px;
    line-height:36px;
    font-size: 16px;
    margin-left: -60px;
    
   }
   .prolisttxt h4:after{
    border-width:18px 0 18px 20px
   }
   .prolistpic{
    width: 40%;
   }
   .prolist li{
    padding: 30px 0;
   }
   .prolisttxt{
    width: 54%;
    margin-top:0;
   }
   .prolisttxt p{
    margin-top: 10px;
    line-height: 1.7em;
    max-height: 3.4em;
   }

   .article p{
    margin-bottom: 20px;
    text-indent: 0;
   }
   .protab .solucircle font{
    font-size: 14px;
    line-height: 1.2em;
   }
   .leftside h3, .article h3, .prolistitem h3{
    font-size: 18px;
    line-height: 40px;
    padding-left: 20px;
   }
   .article h3{
    padding-left: 0;
    color:#bd1d21;
    font-size:16px;
   }
   .article-pro h3:before{
    background:none;
   }
   .sidenews li{
    padding-top:15px;
    padding-bottom:15px;
   }
   .sidenews li:before{
    top: 22px;
   }
   .sidenews li a{
    height: auto;
    max-height: 52px;
   }
   .prolistitem h3:after{
    border-width:20px 0 20px 20px;
   }
   .prolistitem {
    margin-top: 40px;
   }
   .prolistitem p{
    margin-top: 20px;
   }
   .prolistitem ul li{
    width: 100%;
    margin-right: 0;
   }
   .prolistitem ul li{
    padding: 0 30px;
    margin-bottom: 40px;
   }
   
   .maxmtop{
    margin-top: 40px;
   }
   .tablebox{
    width: 100%;
    overflow-x: auto;
   }
   .soluconlist li p{
    display: none;
   }
   div.zxf_pagediv{
    margin-top: 30px;
   }
   .caseconlist li{
    width: 48%;
    margin-right: 4%;
   }
   .caseconlist li:nth-child(3n){
    margin-right: 4%;
   }
   .caseconlist li:nth-child(2n){
    margin-right: 0;
   }

   .caseconlist li .solucontxt {
    padding:0 10px
   }
   .caseconlist li .solucontxt h4{
    font-size: 15px;
    text-overflow: initial;
    white-space: normal;
   }
   .newstitle {
    margin: 20px 0;
   }
   .xkzspic{
    width: 100%;
   }
   .swiper-num{
    font-size: 16px;
   }
   .swiper-num .active{
    font-size: 20px;
   }
   .newsxhdtbtn{
    padding: 0 15px;
    width: 50%;
   }   
   .xkzslist{
    width: 100%;
    margin-top: 40px;
   }
   .xkzslist li{
    line-height: 42px;
   }
   .xkzslist li h4{
    max-width: 100%;
    float: none;
   }
   .xkzslist li span{
    display: none;
   }
   .lookmore{
    margin-top: 25px;
    width: 56%;
    line-height: 45px;
    height: 45px;
   }
   .newscon li{
    margin-top: 40px;
    width: 100%;
   }
   .newscon li p{
    margin-top: 10px;
   }
   .kytzzn li{
    width: 100%;
   }
   .lookmore span{
    font-size: 16px;
   }
   .newsnext a{
    line-height: 1.7em;
    margin:10px 0
   }
   .tactcontxt{
    width: 100%;
   }
   .tactcon .dituContent{
    width: 100%;
    position: static;
    height: 350px;
   }
   .tactcontxt{
    padding: 30px 20px;
   }
   .tacttxt span{
    margin-bottom: 5px;
   }
   .tacttxt a strong{
    font-size: 24px;
   }
   .tacttxt a{
    font-size: 22px;
   }
   .tacticon{
    width: 45px;
    height: 45px;
   }
   .tactcontxt li{
    padding-left: 55px;
   }
   .tacticon span img{
    width: 20px;
   }
   .tactcontxt ul li{
    margin-bottom: 30px;
   }
   .contactbtn a{
    width: 46%;
   }
   .contactbtn a{
    height: 45px;
    line-height: 45px;
   }
   .footnavbtn a span{
    font-size: 15px;
   }
   .footnavbtn{
    margin-top: 30px;
   }
   .tactcon{
    margin-top: 30px;
    margin-bottom: 68px;
   }
   .new-liuyan{
    margin-top: 50px;
    margin-bottom: 50px;
    padding: 30px 20px;
   }
   .new-liuyan h4{
    font-size: 24px;
    margin-bottom: 20px;
   }
   .new-liuyan .modal-body>p{
    margin-bottom: 30px;
   }
   .new-liuyan ul li.liuyandetail, .new-liuyan ul li.zxlytextarea p{
    margin-top: 30px;
    margin-bottom: 20px;
   }
   .new-liuyan ul li label font{
    font-size: 15px;
   }
   .new-liuyan input, .new-liuyan select{
    height: 35px;
    line-height: 35px;
   }
   .new-liuyan .zxlybtn input[type="submit"],.new-liuyan .zxlybtn input[type="reset"]{
    height: 35px;
    font-size: 15px;
    line-height: 35px;

   }

   .xkzspictxt p{
    -webkit-line-clamp: 2;
    max-height: 48px;
    height: auto;
   }
   .xkzspictxt h4{
    margin-bottom: 10px;
   }
   .newstab li{
    display: block;
    float: left;
   }
   .newstab li img{
    width: 22px;
   }
   .newsitem li{
    padding-top: 25px;
    padding-bottom: 25px;
   }
   .kytzzncon h4{
    margin-bottom: 10px;
   }
   .kytzzndate span{
    font-size: 32px;
   }
   .newscon li h4{
    font-size: 18px;
    margin-top:10px;
   }
   .fourtop{
    padding-top: 30px;
   }
   .fourtop h2{
    font-size: 24px;
    text-align: center;
   }
   .fourtop img{
    width: 100%;
   }
   .fourbot{
    padding-top: 40px;
   }
   .fourbotleft h4{
    font-size: 20px;
   }
   .fourbotleft ul{
    margin-top: 30px;
    width: 100%;
   }
   .fourbotleft{
    width: 100%;
    float: none;
   }
   .fourbotleft ul li{
    font-size: 18px;
    height: 45px;
    line-height: 45px;
   }
   .fourbotleft ul li a{
    font-size: 16px;
   }
   .fourbotleft p{
    font-size: 16px;
    text-align: center;
   }
   .fourbotleft span{
    font-size: 16px;
   }
   .epccases {
    margin-top: 0;
   }
   .casebox li{
    margin-bottom: 40px;
   }
   .prolistitem h3{
    font-size: 16px;
    padding: 6px 15px;
    line-height: 1.5em;
   }
   .prolistitem h3:after{
    display: none;
   }
   .casetxt h4:after{
    display: none;
   }
   .route .mnone{
    display: none;
   }
   .newstitle h1{
    font-size: 20px;
   }
  }
  @media (max-width: 500px) {
    .nav .logo {
      width: 56%;
    }
    .banner .swiper-container {
      overflow: hidden;
      height: 180px;
      position: relative;
    }
    .banner .swiper-container .swiper-slide{
        overflow: hidden;
        width: 100%;
        height: 100%;
    }
    .banner img {
      position: absolute;
      width: auto;
      left: 50%;
      height: 100%;
      -webkit-transform: translateX(-50%);
         -moz-transform: translateX(-50%);
          -ms-transform: translateX(-50%);
           -o-transform: translateX(-50%);
              transform: translateX(-50%);
    }
    .listbanner{
      overflow: hidden;
      height: 180px;
      position: relative;
    }
    .listbanner img{
        position: absolute;
        width: auto;
        left: 50%;
        height: 100%;
        -webkit-transform: translateX(-50%);
           -moz-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
             -o-transform: translateX(-50%);
                transform: translateX(-50%);
    }
  }