@media(min-width:1439px){
    .container{
        width: 1370px;
        padding: 0;
    }
}


/*头部样式*/

.header-top{
    background-color: #222222;
}
.header-cel{
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 40px;
}
.top-left h3{
    font-size: 14px;
    color: #a4a4a4;
}
.top-right{
    display: flex;
    align-items: center;
}
.top-right h3{
    font-size: 14px;
    color: #f6f6f6;
    margin-left: 15px;
}

/*导航样式*/

.header-middle{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.header-logo{
    height: 110px;
    line-height: 110px;
}
.header-nav{
    width: 60%;
    margin-left: 15%;
}
.header-yuyan{
    margin-left: 3%;
}
.x-menu::after,.x-menu::before{
    display: none;
}
.header-yuyan a{
    font-size: 14px;
    color: #333333;
}
.header-yuyan a:first-child{
    font-weight: bold;
}
.header-yuyan span{
    margin: 0 5px;
}
.x-menu > li>a{
    position: relative;
}
.x-menu > li>a::before{
    width: 11px;
    height: 7px;
    background: url(../image/9ec3979053b6988248bf271e6a18a8448db6421b.png) no-repeat center;
    position: absolute;
    content: '';
    bottom: 6px;
    right: -17px;
    display: none;
    transition: all .5s;
}
.x-menu > li.active a::before{
    display: block;
    transition: all .5s;
}
.x-menu > li>a:hover::before{
    display: block;
    transition: all .5s;
}
.x-banner .owl-nav{
    display: none;
}
.x-banner .owl-dots{
    display: none;
}




/*首页优势*/

.snls-youshi{
    padding-top: 60px;
    padding-bottom: 65px;
}
.snls-title{
    text-align: center;
}
.snls-title h3{
    font-size: 32px;
    color: #333333;
    font-weight: bold;
}
.snls-title h4{
    font-size: 20px;
    color: #666666;
    margin-top: 12px;
}
.snls-title h5{
    font-size: 16px;
    color: #666666;
    line-height: 30px;
    width: 83%;
    margin: 0px auto;
    margin-top: 24px;
}
.snls-title a{
    display: block;
    width: 95px;
    height: 32px;
    line-height: 32px;
    border: 1px solid #eeeeee;
    margin: 0px auto;
    margin-top: 36px;
    font-size: 14px;
    color: #014f9a;
    transition: all .5s;
}
.snls-title a:hover{
    background-color: #014f9a;
    color: #fff;
    transition: all .5s;
}
.ys-list{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 0px auto;
    width: 83%;
    margin-top: 50px;
}
.ys-list li{
    text-align: center;
    width: 24%;
}
.ys-list li .ys-img{
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all .8s;
}
.ys-list li h3{
    font-size: 20px;
    color: #333333;
    margin-top: 18px;
    transition: all .5s;
}
.ys-list li h4{
    font-size: 13px;
    color: #666666;
    margin-top: 18px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.ys-list li:hover .ys-img img{
    transform: rotate(360deg);
    transition: all .8s;
}
.ys-list li:hover h3{
    color: #018ff5;
    font-weight: bold;
    transition: all .5s;
}




/*解决方案*/

.snls-solution{
    background-color: #f8f8f8;
    padding: 50px;
}
.solution-list{
    margin-top: 55px;
}
.solution-list .owl-nav{
    display: none;
}
.solution-all{
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}
.solution-all::before,.solution-all::after{
    display: none;
}
.solution-left{
    width: 26.277%;
}
.solution-left h3{
    font-size: 20px;
    color: #018ff5;
    font-weight: bold;
}
.solution-left .kiss{
    padding-left: 15px;
}
.solution-left .kiss h4{
    margin-top: 28px;
    padding: 13px 0;
    padding-left: 16px;
    border-left: 1px solid #dadada;
}
.solution-left .kiss h4 p{
    font-size: 16px;
    color: #666666;
    line-height: 36px;
    position: relative;
}
.solution-left .kiss h4 p::before{
    position: absolute;
    content: '';
    z-index: 999;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #018ff5;
    left: -22px;
    top: 13px;
}
.solution-right{
    width: 73.72%;
}
.solution-right img{
    width: 100%;
}






/*自动化系列*/

.snls-xl{
    margin-top: 50px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}
.snls-xl::before,.snls-xl::after{
    display: none;
}
.snls-xl li{
    width: 48.65%;
    position: relative;
    transition: all .7s;
}
.snls-xl li img{
    width: 100%;
}
.snls-xl li a{
    display: block;
    position: relative;
}
.snls-xl li a .xl-text{
    position: absolute;
    left: 0;
    bottom: 0;
    width:100%;
    text-align: center;
    transition: all .7s;
    z-index: 999;
}
.snls-xl li a .xl-text h3{
    font-size: 24px;
    color: #018ff5;
    line-height: 90px;
    background-color: rgb(255, 255, 255, .8);
    font-weight: bold;
}
.snls-xl li a .xl-text h4{
    color: #efefef;
    font-size: 16px;
    line-height: 30px;
    width: 70%;
    margin: 0px auto;
    display: none;
    transition: all .7s;
}
.snls-xl li a .xl-text h5{
    font-size: 14px;
    color: #efefef;
    margin-top: 30px;
    display: none;
    transition: all .7s;
}
.snls-xl li:hover a .xl-text{
    bottom: 25%;
    transition: all .7s;
}
.snls-xl li:hover a .xl-text h3{
    background-color: transparent;
    color: #fff;
    
}
.snls-xl li:hover a .xl-text h4{
    display: block;
    transition: all .7s;
}
.snls-xl li:hover a .xl-text h5{
    display: block;
    transition: all .7s;
}
.snls-xl li::before{
    position: absolute;
    z-index: 99;
    content: '';
    width: 100%;
    height: 0;
    left: 0;
    bottom: 0;
    background-color: #02203d;
    transition: all .7s;
    opacity: .7;
}
.snls-xl li:hover::before{
    height: 100%;
    transition: all .7s;
}





/*解决方案*/

.snls-solution2{
    padding-top: 110px;
    padding-bottom: 65px;
}
.solution2-list{
    margin-top: 50px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}
.solution2-list li{
    width: 23.8%;
    
}
.solution2-list li a{
    display: block;
    position: relative;
    overflow: hidden;
    border-top-left-radius: 80px;
    border-bottom-right-radius: 80px;
    transition: all .7s;
}
.solution2-list li a img{
    width: 100%;
    border-top-left-radius: 80px;
    border-bottom-right-radius: 80px;
    transition: all .7s;
}
.solution2-list li a .sl-text{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    text-align: center;
    background-color: rgb(2, 32, 61, .47);
    border-bottom-right-radius: 80px;
}
.solution2-list li a .sl-text h3{
    font-size: 16px;
    color: #fcfcfc;
    line-height: 90px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.solution2-list li:hover a img{
    transform: scale(1.2);
    transition: all .7s;
}
.casea{
    display: block;
    margin: 0px auto;
    margin-top: 60px;
    border: 1px solid #aeb7c1;
    font-size: 14px;
    color: #018ff5;
    line-height: 34px;
    width: 123px;
    transition: all .7s;
    text-align: center;
}
.casea:hover{
    background-color: #018ff5;
    color: #fff;
    transition: all .7s;
    border: 1px solid #018ff5;
}





/*新闻中心*/

.snls-news{
    background-color: #f8f8f8;
    padding-top: 50px;
    padding-bottom: 60px;
}
.news-all{
    margin-top: 55px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    padding:0 15px;
}
.news-left{
    width:48.5%;
}
.news-img img{
    width: 100%;
}
.news-right{
    width:48%;
}
.news-left a{
    display: block;
}
.news-text{
    background-color: #018ff5;
    padding: 35px 45px 35px 35px;
}
.news-text2{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.news-text2 h3{
    font-size: 20px;
    color: #f8f8f8;
    font-weight: bold;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.news-text2 h4{
    font-size: 14px;
    color: #f8f8f8;
}
.news-text h5{
    font-size: 16px;
    color: #f8f8f8;
    margin-top: 20px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.news-right h3{
    font-size: 16px;
    color: #666;
    transition: all .7s;
}
.news-right h4{
    font-size: 20px;
    font-weight: bold;
    color: #333333;
    margin-top: 14px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    transition: all .7s;
}
.news-right h5{
    font-size: 14px;
    color: #666666;
    margin-top: 14px;
}
.news-right h6{
    font-size: 16px;
    color: #666666;
    margin-top: 30px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    
}
.news-right li{
    background-color: #fff;
    padding: 27px 0 29px 30px;
}
.news-right li:last-child{
    margin-top: 30px;
}
.news-right li:hover a h3{
    color: #018ff5;
    transition: all .7s;
}
.news-right li:hover a h4{
    color: #018ff5;
    transition: all .7s;
}






/*底部样式*/

.snls-footer{
    background: url(../image/3073bbe98a9358c625dd9ae6c84696f3fb4ca006.png) no-repeat center;
    background-size: cover;
    padding-top: 65px;
}

.footer-left{
    float: left;
    width: 59.124%;
    display: flex;
}

.footer-left .fd-cfn{
    width: 25%;
}
.footer-left .fd-cfn:nth-child(1){
    width: 23%;
}
.footer-left .fd-cfn:nth-child(2){
    width: 23%;
}
.footer-left .fd-cfn:nth-child(3){
    width: 31%;
}
.footer-left .fd-cfn:nth-child(4){
    width: 23%;
}

.footer-left .fd-cfn h3{
    font-size: 18px;
    color: #fcfcfc;
}

.footer-right{
    float: right;
    width: 29%;
}

.fd-name{
    margin-top: 30px;
}

.fd-name h3{
    font-size: 14px;
    color: #a1a1a1;
    width: 100%;
    display: block;
    margin-top: 8px;
}

.nnn{
    display: flex;
    align-items: center;
    margin-top: 8px;
}

.nnn a{
    font-size: 14px;
    color: #fcfcfc;
    transition: all 1s;
    opacity: .8;
}

.nnn h4{
    color: #00b8ff;
    font-size: 14px;
    margin-right: 8px;
    width: 0px;
    height: 1px;
    background-color: #00b8ff;
    transition: all .5s;
}

.nnn:hover h4{
    transition: all .5s;
    width: 6px;
}

.nnn:hover a{
    color: #00b8ff;
    transition: all 1s;
}
.footer-right{
    width: 40.876%;
    display: flex;
    justify-content: space-between;
}
.footer-telme h4{
    font-size: 24px;
    color: #fcfcfc;
}
.footer-telme h5{
    font-size: 14px;
    color: #fcfcfc;
    line-height: 36px;
    opacity: .8;
    margin-top: 18px;
}
.footer-ewm h4{
    font-size: 12px;
    color: #fcfcfc;
    opacity: .36;
    margin-top: 10px;
    text-align: center;
}
.footer-all{
    padding-bottom: 80px;
}

.snls-floor{
    border-top: 1px solid #3d3d3d;
}
.over{
    font-size: 12px;
    color: #fcfcfc;
    line-height: 74px;
    text-align: center;
}
.over a{
    font-size: 12px;
    color: #fcfcfc;
}








/*小屏幕底部样式*/


.md-foot{
    display: none;
}

@media(max-width:768px){
    .aboutimg{
        width: 100% !important;
        height: auto !important;
    }
    .ny-all p span{
        font-size: 16px !important;
    }
    .snls-footer{
        display: none;
    }
    .qs-footer{
        display: none;
    }
    .qs-floors{
        display: none;
    }
    .footer-flo{
        display: none;
    }
    .jrw-footer{
        display: none;
    }
    .md-foot{
    display: block;
}

  .md-foot{
    background: #232324;
  }
  .h-footer{
      display: none;
  }
  .hm-floor{
      display: none;
  }
  .mod-logo{
      text-align: center;
        padding-top: 20px;
        /* padding-bottom: 10px; */
  }
  .mod-logo a{
    display: block;
  }
  .mod-logo a img{
    max-width: 100%;
  }
  .fd-cfn{
  border-bottom: solid 1px #ccc;
  margin-top: 10px;
  padding: 0 20px;
  }
  .fd-cfn h3{
  font-size: 16px;
  color: #fff;
  line-height: 2.5;
  }
  .fd-cfn h3 span{
  padding-right: 10px;
  }
  .fd-cfn .fd-name{
  display: none;
  padding-left: 13px;
  }
  .fd-cfn .fd-name a{
  display: block;
  line-height: 28px;
  color: #fff;
  opacity: .8;
  }

  .fd-ly .copyright a{
  color: #fff;
  opacity: .8;
  }

  .box3 {
      top:125px!important;
  }
  .box3 .lis1{
      width: 25% !important;
  }

}

/*自适应调整*/

@media(max-width:1439px){
    .header-nav{
        margin-left: 15%;
    }
}

@media(max-width:1199px){
    .header-nav{
        margin-left: 10%;
    }
    .news-right h6{
        margin-top: 15px;
    }
    .news-right li{
        padding: 10px 10px 10px 30px;
    }
}

@media(max-width:991px){
    body{
        padding-top: 60px;
    }
    .snls-title h3{
        font-size: 26px;
    }
    .snls-title h4{
        font-size: 16px;
    }
    .snls-title h5{
        font-size: 14px;
        width: 100%;
    }
    .snls-title a{
        margin-top: 25px;
    }
    .ys-list{
        width: 100%;
    }
    .solution-left{
        width: 100%;
    }
    .solution-right{
        width: 100%;
        margin-top: 20px;
    }
    .snls-xl li a .xl-text h3{
        font-size: 18px;
        line-height: 40px;
    }
    .solution2-list li{
        width: 48.5%;
        margin-top: 20px;
    }
    .news-text2 h3{
        font-size: 18px
    }
    .news-text h5{
        font-size: 14px;
    }
    .news-right h3{
        font-size: 14px;
    }
    .news-right h4{
        font-size: 16px;
    }
    .news-left{
        width: 100%;
    }
    .news-right{
        width: 100%;
        margin-top: 20px
    }
    .footer-left{
        display: none;
    }
    .footer-right{
        width: 100%;
    }
    .snls-xl li a .xl-text h4{
        width: 90%;
        font-size: 14px;
        line-height: 26px;
    }
    .snls-xl li:hover a .xl-text{
        bottom: 10%;
    }
}

.sb1{
    display: block;
}
.sb2{
    display: none;
}
@media(max-width:768px){
    .ys-list li{
        width: 48%;
        margin-top: 20px;
    }
    .snls-xl li{
        width: 100%;
        margin-top: 20px;
    }
    .sb1{
    display: none;
}
.sb2{
    display: block;
}
    .snls-xl{
        margin-top: 0
    }
    .snls-solution2{
        padding: 60px 0;
    }
    .solution2-list li{
        width: 48%;
        margin-top: 20px;
    }
    .solution2-list li a{
        border-top-left-radius: 25px;
    border-bottom-right-radius: 25px
    }
    .solution2-list li a img{
        border-top-left-radius: 25px;
    border-bottom-right-radius: 25px
    }
    .solution2-list li a .sl-text h3{
        line-height: 31px;
        padding: 0 5px;
        border-bottom-right-radius: 25px;
        font-size: 15px;
    }
    .solution-list{
        margin-top: 40px
    }
    .solution-left h3{
        font-size: 20px;
    }
    .snls-solution{
        padding:50px 0;
    }
    .ys-list{
        margin-top: 0px;
    }
    .ys-list li .ys-img img{
        transform: scale(.9);
    }
    .ys-list li h3{
        margin-top: 5px;
    }
    .ys-list li h3{
        font-size: 17px;
    }
    .ys-list li h4{
        font-size: 15px;
        margin-top: 8px;
    }
}















.xypg-left-nav>li + li::before {
    position: absolute;
    content: "";
    width: 1px;
    height: 16px;
    background-color: #d2d2d2;
    top: 32px;
    left: 0;
}

.page-product-detail-effect .big-img{
    width:100%;
}
.ny-left{
    box-shadow: 0 0 10px rgb(0 0 0 / 10%);
    margin-bottom: 60px;
}

.xypg-left-nav > li{
    min-width: 140px;
    border: none;
    position: relative;
    text-align: center;
    float: left;
    transition: all .5s ease;
    padding: 0 20px;
}

   

.xypg-left-nav > li > a{
    padding:0;
}
.ny-right{
    margin-top:12vh;
    padding-bottom: 5vh;
}
.xypg-left-nav > li{
    border: none;
}
.xypg-left-nav > li > a{
    line-height: 78px;
}
.xypg-left-nav{
    display: flex;
    align-items: center;
}
.first-nav-btn{
    display: none;
}
.page-wrap-right{
    width: 100%;
    margin-top: 0vh;
}
.page-wrap-left{
    width: 100%;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.xypg-left-con{
    border: none
}
.xypg-left-nav {
    display: flex;
    align-items: center;
}
.xypg-left-box{
    margin-bottom: 0;
}
.xypg-left-nav li {
    margin: 0;
    /* display: flex;
    flex-wrap: wrap; */
}

.xypg-left-nav>li {
    /*width: 140px;*/
    min-width: 140px;
    border: none;
    position: relative;
    text-align: center;
    float: left;
    transition: all .5s ease;
    padding: 0 20px;
}
.xypg-left-nav>li + li::before{
    position: absolute;
    content: "";
    width: 1px;
    height: 16px;
    background-color: #d2d2d2;
    top: 32px;
    left: 0;
}
.xypg-left-nav>li::after {
    width: 100px;
    content: "";
    background: url(../image/bae183b6dc333a7585827ac0327898761c97e7c8.png) no-repeat center bottom;
    height: 14px;
    position: absolute;
    bottom: -6px;
    left: 50%;
    margin-left: -50px;
    opacity: 0;
}

tround.png .xypg-left-nav>li .first-nav-btn {
    display: none;
}

.xypg-left-nav>li>a {
    padding: 0;
    line-height: 78px;
    text-align: center;
    transition: all .5s ease;
    position: relative;
    z-index: 9999;
    color: #333;
    font-size: 16px;
    display: block;
}

.xypg-left-nav>li.clicked::after {
    opacity: 1;
}

.xypg-left-nav>li.clicked>a {
    color: #018ff5;
}

.xypg-left-nav>li:hover>a{
    color: #018ff5;
}
.xypg-left-nav>li:hover::after {
    opacity: 1;
}

.xypg-left-nav>li.clicked a {
    color: #018ff5;
}

.xypg-left-nav>li.linshi {
    width: 140px;
    border: none;
    position: relative;
    text-align: center;
    float: left;
    transition: all .5s ease;
    padding: 0 20px;
}

.xypg-left-nav>li::after {
    width: 100px;
    content: "";
    background: url(https://cdn.myxypt.com/soypjytt/t/1/images/tround.png) no-repeat center bottom;
    height: 14px;
    position: absolute;
    bottom: -6px;
    left: 50%;
    margin-left: -50px;
    opacity: 0;
}


.xypg-left-nav>li.linshi::after {
    opacity: 1;
}

.xypg-left-nav>li.linshi>a {
    color: #018ff5;
}

.xypg-left-nav>li:hover>a{
    color: #018ff5;
}
.xypg-left-nav>li:hover::after {
    opacity: 1;
}

.xypg-left-nav>li.linshi a {
    color: #018ff5;
}

































/*专题页样式*/

.yl-1{
    margin-top: 110px;
    position: relative;
}
.yl-about{
    display: flex;
}
.yl-aboutleft{
    width: 50%;
    padding-left: 66px;
    position: relative;
}
.yl-aboutleft .fk-img{
    position: absolute;
    left: 0;
    z-index: 9999;
    bottom: -54px;
}
.yl-aboutright{
    width: 50%;
    padding-left: 80px;
    padding-top: 25px;
}
.yl-img img{
    width: 100%;
}
.kissme h3{
    font-size: 28px;
    color: #333333;
    font-weight: bold;
}
.yl-img::before{
    background: url(../image/e827944e3d1313bc8db3b676e82953cce4a3a908.png);
    content: '';
    position: absolute;
    width: 300px;
    height: 8px;
    right: -60px;
    top:40px
}
.kissme h4{
    font-size: 28px;
    color: #333333;
    font-weight: bold;
    opacity: .16;
    text-transform: uppercase;
    margin-top: 10px;
}
.yl-aboutright h5{
    font-size: 14px;
    color: #666666;
    line-height: 32px;
    margin-top: 14px;
}
.yl-aboutright h5 span{
    font-size: 20px;
    color: #004e9a !important;
    font-weight: bold;
}
.yl-1 .yl-bjimg{
    position: absolute;
    right: 0;
    bottom: 35px;
}
.yl-2{
    background: url(../image/d3839e29b2f78a70e922afcb4e38f586f537f4c3.png) no-repeat center;
    background-size: cover;
    margin-top: 110px;
    padding-top: 80px;
    padding-bottom: 85px;
}
.ly-list{
    margin-top: 100px;
    padding: 0 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}
.ly-list li{
    border-top-right-radius: 80px;
    border-bottom-left-radius: 80px;
    background-color: #fff;
    width: 29%;
    box-shadow: #f1f1f1 0px 0px 20px;
}
.ly-list li a{
    display: block;
}
.ly-list li a .ly-all{
    padding-top: 52px;
    padding-bottom: 32px;
    position: relative;
    transition: all .5s;
}
.ly-list li a .ly-all .ly-text{
    text-align: center;
    position: relative;
}
.ly-list li a .ly-all .ly-text::after{
    content: '';
    width: 62%;
    height: 5px;
    background: url(../image/c3cf3dc505f168e2d9eeec2e0f488aee53c0716d.png) no-repeat center;
    position: absolute;
    top: -12px;
    left: 19%;
    opacity: .4;
}
.ly-list li a .ly-all .ly-text::before{
    content: '';
    width: 62%;
    height: 5px;
    background: url(../image/c3cf3dc505f168e2d9eeec2e0f488aee53c0716d.png) no-repeat center;
    position: absolute;
    bottom: -12px;
    left: 19%;
    opacity: .4;
}
.ly-list li a .ly-all .ly-text h3{
    font-size: 20px;
    color: #004e9a;
    font-weight: bold;
    transition: all .5s;
}
.ly-list li a .ly-all .ly-text h4{
    font-size: 20px;
    color: #666666;
    font-weight: bold;
    text-transform: uppercase;
    opacity: .28;
    margin-top: 6px;
    transition: all .5s;
}
.ly-list li a .ly-all .ly-bigimg{
    margin-top: 27px;
    padding: 0 33px;
}
.ly-list li a .ly-all .ly-bigimg .sb-img img{
    width: 100%;
}
.ly-list li a .ly-all .ly-smallimg{
    position: relative;
    text-align: center;
    margin-top: 60px;
}
.ly-list li a .ly-all .ly-smallimg::after{
    content: '';
    width: 62%;
    height: 5px;
    background: url(../image/c3cf3dc505f168e2d9eeec2e0f488aee53c0716d.png) no-repeat center;
    position: absolute;
    top: -5px;
    left: 19%;
    opacity: .4;
}
.ly-list li a .ly-all .ly-smallimg::before{
    content: '';
    width: 62%;
    height: 5px;
    background: url(../image/c3cf3dc505f168e2d9eeec2e0f488aee53c0716d.png) no-repeat center;
    position: absolute;
    bottom: -5px;
    left: 19%;
    opacity: .4;
}
.ly-list li a .ly-all .ly-bgimg{
    position: absolute;
    bottom: 7%;
    left: 0;
    width: 100%;
    display: none;
}
.ly-list li .ly-all .ly-text .smimg{
    display: none;
    transition: all .5s;
    margin: 0px auto;
}
.ly-summary{
    display: none;
}
.ly-list li{
    position: relative;
}
.ly-list li::after{
    position: absolute;
    content: '';
    background: url(../image/3aaf6bd176eb1d9d45ab53e5b1f7261b73c707bc.png) no-repeat center;
    width: 94px;
    height: 76px;
    top: -26px;
    left: -26px;
    transition: all .5s;
}
.ly-list li::before{
    position: absolute;
    content: '';
    background: url(../image/3dccaf7b1a40ab885dd13fde4a7ec28705783038.png) no-repeat center;
    width: 94px;
    height: 76px;
    bottom: -18px;
    right: -18px;
    transition: all .5s;
}
.ly-list li:hover::after{
    background: url(../image/51ef31f61055f793f84f4074b7808256a653f0cc.png) no-repeat center;
    top: -18px;
    left: -18px;
    transition: all .5s;
}
.ly-list li:hover::before{
    background: url(../image/ece015c13b59c24bb3cad2e9fd966646bde88fa1.png) no-repeat center;
    transition: all .5s;
}

.ly-list li a{
    position: relative;
}
.ly-list li a .ly-all2{
    position: absolute;
    bottom: 0;
    left: 0;
    height: 0;
    width: 100%;
    transition: all .5s;
    overflow: hidden;
}
.ly-list li a .ly-all2 .ly-smallimgs{
    position: relative;
    text-align: center;
    margin-top: 125px;
}
.ly-list li a .ly-all2 .ly-smallimgs::before{
    content: '';
    width: 62%;
    height: 5px;
    background: url(../image/c3cf3dc505f168e2d9eeec2e0f488aee53c0716d.png) no-repeat center;
    position: absolute;
    bottom: -5px;
    left: 19%;
    opacity: .4;
}
.ly-list li a .ly-all2 .ly-smallimgs::after{
    content: '';
    width: 62%;
    height: 5px;
    background: url(../image/c3cf3dc505f168e2d9eeec2e0f488aee53c0716d.png) no-repeat center;
    position: absolute;
    top: -5px;
    left: 19%;
    opacity: .4;
}
.ly-list li a .ly-all2 .ly-texts{
    text-align: center;
    position: relative;
    margin-top: 30px;
}

.ly-list li a .ly-all2 .ly-texts h3{
    font-size: 20px;
    color: #004e9a;
    font-weight: bold;
    transition: all .5s;
}
.ly-list li a .ly-all2 .ly-texts h4{
    font-size: 20px;
    color: #666666;
    font-weight: bold;
    text-transform: uppercase;
    opacity: .28;
    margin-top: 12px;
    transition: all .5s;
}
.ly-list li a .ly-all2 .ly-summarys{
    text-align: center;
    margin: 0px auto;
    margin-top: 20px;
    width: 75%;
}
.ly-list li a .ly-all2 .ly-summarys h5{
    font-size: 16px;
    color: #666666;
    line-height: 36px;
}
.ly-list li:hover a .ly-all{
    opacity: 0;
    transition: all .5s;
}
.ly-list li:hover a .ly-all2{
    height: 100%;
    overflow: inherit;
}
.ly-list li a .ly-all2 .ly-bgimg {
    position: absolute;
    bottom: 7%;
    left: 0;
    width: 100%;
    opacity: 0;
    transition: all .5s;
}
.ly-list li:hover a .ly-all2 .ly-bgimg{
    opacity: 1;
    transition: all .5s;
}









/*解决方案样式*/

.yl-3{
    padding-top: 100px;
    padding-bottom: 120px;
}

.solution-list{
    margin-top: 45px;
}

.left1{
    width: 50%;
    position: relative;
}
.left1 .left1-img li img{
    width: 100%;
}
.left1 .left1-mask{
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 0%;
    z-index: 9999;
    background-color: rgb(0, 78, 154);
    opacity: .88;
    overflow: hidden;
    transition: all .5s;
}
.solution-list{
    display: flex;
    flex-wrap: wrap;
}
.right1{
    padding-left: 45px;
    width: 50%;
    position: relative;
}
.sb-smallimg{
    padding-left: 15px;
}
.left1 .left1-mask li{
    padding-top: 100px;
    padding-left: 25px;
}
.left1 .left1-mask li h3{
    font-size: 28px;
    color: #ffffff;
    font-weight: bold;
}
.left1 .left1-mask li h4{
    font-size: 28px;
    color: #ffffff;
    font-weight: bold;
    opacity: .23;
    text-transform: uppercase;
    margin-top: 15px;
}
.left1 .left1-mask li .sb-text{
    margin-top: 30px;
}
.left1 .left1-mask li .sb-text h5{
    font-size: 16px;
    line-height: 36px;
    color: #ffffff;
    position: relative;
    padding-left: 25px;
}
.left1 .left1-mask li .sb-text h5::before{
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background-color: #fff;
    position: absolute;
    content: '';
    left: 0;
    top: 15px;
}
.left1:hover .left1-mask{
    height: 100%;
    overflow: inherit;
    transition: all .5s;
}
.right1 h3{
    color: #003333;
    font-size: 13px;
    font-weight: bold;
    opacity: 1;
}
.sb-smallimg{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    position: relative;
}
.sb-smallimg li a{
    position: absolute;
    display: block;
}
.sb-smallimg li a img{
    width: 100%;
}
.sb-smallimg li a h3{
    font-size: 16px;
    color: #efefef;
    text-align: center;
    position: absolute;
    line-height: 30px;
    left: 0;
    bottom: 0;
    width: 100%;
    background-color: #004e9a;
    display: none;
}
.sb-smallimg li:hover a h3{
    display: block;
}
.sb-smallimg li:nth-child(1){
    width: 21.17%;
    right: 10.95%;
    position: absolute;
    z-index: 999;
    top:-4vw;
}
.sb-smallimg li:nth-child(2){
    width: 25%;
    left: 2.4%;
    position: absolute;
    z-index: 999;
    top:3.5vw;
}
.sb-smallimg li:nth-child(3){
    width: 36%;
    left: 29.3%;
    position: absolute;
    z-index: 999;
    top:.8vw;
}
.sb-smallimg li:nth-child(4){
    width: 22%;
    right: 10.95%;
    position: absolute;
    z-index: 999;
    top:.8vw;
}
.sb-smallimg li:nth-child(5){
    width: 22%;
    left: 2.4%;
    position: absolute;
    z-index: 999;
    top:10.2vw;
}
.sb-smallimg li:nth-child(6){
    width: 36%;
    left: 26.4%;
    position: absolute;
    z-index: 999;
    top:10.2vw;
}
.sb-smallimg li:nth-child(7){
    width: 36%;
    right: 0;
    position: absolute;
    z-index: 999;
    top:10.2vw;
}
.sb-smallimg li:nth-child(8){
    width: 25%;
    position: absolute;
    z-index: 999;
    top:19.5vw;
    right: 37%;
}
.solution-list2{
    margin-top: 150px;
}

.right2{
    padding-right: 65px;
    padding-left: 0;
}
.sb-h4{
    text-align: right;
    color: #003333;
    font-size: 26px;
    font-weight: bold;
    opacity: 1;
}
.sb-smallimgs li:nth-child(1){
    width: 23%;
    left: 10.95%;
    position: absolute;
    z-index: 999;
    top:-1vw;
}
.sb-smallimgs li:nth-child(2){
    width: 23%;
    left: 10.95%;
    position: absolute;
    z-index: 999;
    top:4vw;
}
.sb-smallimgs li:nth-child(3){
    width: 37%;
    left: 35.5%;
    position: absolute;
    z-index: 999;
    top:4vw;
}
.sb-smallimgs li:nth-child(4){
    width: 25.5%;
    right: 0%;
    position: absolute;
    z-index: 999;
    top:6.7vw;
}
.sb-smallimgs li:nth-child(5){
    width: 36.5%;
    left: 0%;
    position: absolute;
    z-index: 999;
    top:13.3vw;
}
.sb-smallimgs li:nth-child(6){
    width: 36.5%;
    left: 38.5%;
    position: absolute;
    z-index: 999;
    top:13.3vw;
}
.sb-smallimgs li:nth-child(7){
    width: 23%;
    right: 0;
    position: absolute;
    z-index: 999;
    top:13.3vw;
}
.sb-smallimgs li:nth-child(8){
    width: 23%;
    position: absolute;
    z-index: 999;
    top:22.7vw;
    right: 38%;
}





/*行业优势*/

.yl-4{
    background-color: #f7f7f7;
    padding-top: 45px;
    padding-bottom: 135px;
}
.kissyou h3{
    position: relative;
}
.kissyou h4{
    font-size: 33px;
}
.kissyou h3::before{
    background: url(../image/728053b5fa7f0cfa3d8b8124f380f5f32dd38166.png) no-repeat left;
    height: 16px;
    position: absolute;
    content: '';
    top: 34%;
    right: -11.5%;
    width: 65%;
}
.ys-all{
    display: flex;
    flex-wrap: wrap;
}
.ys-left{
    width: 50%;
    padding-left: 10px;
}
.ys-right{
    width: 50%;
    padding-right: 70px
}
.ys-right li a{
    display: block;
}
.ys-right li img{
    width: 100%;
}
.ys-text{
    margin-top: 15px;
}
.ys-text li h3{
    font-size: 14px;
    color: #333333;
    line-height: 28px;
}
.ys-text li h3 span{
    font-weight: bold;
}
.ys-text li h3 p{
    padding-left: 35px;
    position: relative;
}
.ys-text li h3 p::before{
    position: absolute;
    content: '';
    background:url(https://cdn.myxypt.com/c1754da1/22/06/63d71681008c798c41edb214ccfaea764e13149c.png) no-repeat center;
    width: 19px;
    height: 18px;
    left: 0;
    top: 11px;
}
.ys-right{
    position: relative;
}
.ys-right .fk-img img{
    width: 214px;
    height: 214px;
}
.ys-right .fk-img{
    position: absolute;
    right: 0;
    z-index: 9999;
    bottom: -70px;
}









/*案例展示*/

.kissher{
    text-align: center;
}
.kissher h3::before{
    display: none;
}
.yl-5{
    padding-top: 70px;
    padding-bottom: 80px;
}
.ylcase-list{
    margin-top: 2px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.ylcase-list li{
    width: 50%;
    margin-top: 35px;
}
.ylcase-list li .c-all{
    display: flex;
    flex-wrap: wrap;
    min-width: 100%;
    justify-content: space-between;
}
.ylcase-list li .c-all .c-left{
    background-color: #dcdcdc;
    width: 50%;
    transition: all .5s;
}
.ylcase-list li .c-all .c-left h3{
    font-size: 15px;
    color: #333333;
    font-weight: bold;
    text-align: center;
    width: 100%;
    transition: all .5s;
}
.ylcase-list li .c-all .c-left h4{
    font-size: 12px;
    color: #333333;
    line-height: 24px;
    width: 80%;
    margin: 0px auto;
    margin-top: 15px;
    text-transform: uppercase;
    text-align: center;
    transition: all .5s;
}
.ylcase-list li .c-all .c-right{
    width: 50%;
    overflow: hidden;
}
.ylcase-list li .c-all .c-right img{
    width: 100%;
    transition: all .5s;
}
.ylcase-list li .c-all .c-left .fhd{
    height: 100%;
    display: flex;
    align-items: center;
}
.ylcase-list li .c-all .c-left .fhd .fbi{
    width: 100%;
}
.ylcase-list li:hover .c-all .c-left{
    background-color: #004e9a;
    transition: all .5s;
}
.ylcase-list li:hover .c-all .c-left h3{
    color: #fff;
    transition: all .5s;
}
.ylcase-list li:hover .c-all .c-left h4{
    color: #fff;
    transition: all .5s;
}
.ylcase-list li:hover .c-all .c-right img{
    transform: scale(1.1);
    transition: all .5s;
}




/*专题页自适应调整*/


@media(max-width:1875px){
    .sb-smallimg li:nth-child(1){
        top: -6vw;
    }
    .sb-smallimgs li:nth-child(1){
        top: -3vw;
    }
    .sb-smallimg li:nth-child(5){
        top: 195px;
    }
    .sb-smallimg li:nth-child(5){
        top: 195px;
    }
    .sb-smallimg li:nth-child(6){
        top: 195px;
    }
    .sb-smallimg li:nth-child(7){
        top: 195px;
    }
    .sb-smallimg li:nth-child(8){
        top: 375px;
    }
    .sb-smallimgs li:nth-child(5){
        top: 255px;
    }
    .sb-smallimgs li:nth-child(6){
        top: 255px;
    }
    .sb-smallimgs li:nth-child(7){
        top: 255px;
    }
    .sb-smallimgs li:nth-child(8){
        top: 430px;
    }
}
@media(max-width:1439px){
    .sb-smallimg li:nth-child(1){
        top: -5vw;
    }
    .sb-smallimgs li:nth-child(1){
        top: -2vw;
    }
    .sb-smallimg li:nth-child(5) {
        top: 160px;
    }
    .sb-smallimg li:nth-child(6) {
        top: 160px;
    }
    .sb-smallimg li:nth-child(7) {
        top: 160px;
    }
    .sb-smallimg li:nth-child(8){
        top: 310px;
    }
    .sb-smallimgs li:nth-child(5){
        top: 208px;
    }
    .sb-smallimgs li:nth-child(6){
        top: 208px;
    }
    .sb-smallimgs li:nth-child(7){
        top: 208px;
    }
    .sb-smallimgs li:nth-child(8){
        top: 355px;
    }
    .ys-text li h3{
        font-size: 14px;
        text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    }
    .ys-text li h3 p{
        text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    }
    .kissyou h3::before{
        right: -16.5%;
    }
    .yl-bjimg{
        margin-top: 25px;
    }
    .yl-1 .yl-bjimg{
        bottom: 0;
    }
    .yl-aboutleft .fk-img img{
        width: 200px;
        height: 200px;
    }
    .yl-1 .yl-bjimg img{
        width: 500px;
    }
    .yl-bjimg img{
        width: 500px;
    }
    .ys-right .fk-img img{
        width: 200px;
        height: 200px;
    }
}
@media(max-width:1199px){
    .right1{
        display: none;
    }
    .left1{
        width: 100%;
    }
    .solution-list2{
        margin-top: 50px;
    }
    .left1 .left1-mask{
        height: 100%;
        z-index: 0;
    }
    .yl-about{
        flex-wrap: wrap;
    }
    .yl-aboutleft{
        width: 100%;
        padding-left: 0;
    }
    .yl-aboutright{
        width: 100%;
    }
    .yl-aboutright{
        padding-left: 0;
    }
    .yl-aboutleft .fk-img{
        display: none;
    }
    .yl-1 .yl-bjimg{
        bottom: -10%;
    }
    .yl-1 .yl-bjimg img{
        width: 100%;
    }
    .kissme h3{
        font-size: 32px;
    }
    .kissme h4{
        font-size: 32px;
        margin-top: 10px;
    }
    .left1 .left1-mask li h3{
        font-size: 32px;
    }
    .left1 .left1-mask li h4{
        font-size: 28px;
        margin-top: 10px;
    }
    .ys-right .fk-img{
        display: none;
    }
    .ys-right{
        padding-right: 0;
    }
    .ys-left{
        width: 100%;
    }
    .ys-right{
        width: 100%;
        margin-top: 20px;
    }
    .kissyou h3::before{
        right: 0;
        left: 15%;
        width: 27%;
    }
    .kissme h4{
        font-size: 28px;
    }
    .ylcase-list li{
        width: 100%;
    }
    .ly-list li a .ly-all .ly-text h4{
        font-size: 16px;
    }
    .yl-1{
        margin-top: 60px;
    }
}
@media(max-width:991px){
    .ly-list li{
        width: 100%;
        margin-top: 60px;
    }
    .ly-list{
        margin-top: 30px;
    }
    .yl-img::before{
        display: none;
    }
    .kissyou h3::before{
        display: none;
    }
}
@media(max-width:768px){
    .kissme h3{
        font-size: 30px;
    }
    .kissme h4{
        font-size: 24px;
    }
    .ly-list li a .ly-all .ly-smallimg{
        margin-top: 30px;
    }
    .yl-4{
        padding-bottom: 45px;
    }
    .yl-3{
        padding: 50px 0;
    }
    .yl-5{
        padding: 50px 0;
    }
    .ylcase-list li{
        border: 1px solid #eee;
    }
    .ylcase-list li .c-all .c-left{
        width: 100%;
        padding: 20px 0
    }
    .ylcase-list li .c-all .c-right{
        width: 100%;
    }
    .ylcase-list li .c-all .c-left h3{
        font-size: 16px;
    }
    .ylcase-list li .c-all .c-left h4{
        font-size: 12px;
        line-height: 20px;
    }
    .left1 .left1-mask li{
        padding: 15px;
        padding-top: 30px;
    }
    .left1 .left1-mask li h3{
        font-size: 20px;
    }
    .left1 .left1-mask li h4{
        font-size: 16px;
    }
    .left1 .left1-mask li .sb-text h5{
        font-size: 14px;
        line-height: 25px;
    }
    .left1 .left1-mask li .sb-text{
        margin-top: 15px;
    }
    .solution-list{
        margin-top: 30px;
    }
}




/*汽车自动化样式*/

.qc-1{
    margin-top: 75px;
    position: relative;
}
.qc-about{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.qc-aboutLeft{
    width: 41%;
}
.qc-aboutRight{
    width: 59%;
}
.qc-aboutRight .qc-img img{
    width: 100%;
}
.qc-aboutLeft h3{
    font-size: 40px;
    color: #333333;
    font-weight: bold;
}
.qc-aboutLeft h4{
    font-size: 40px;
    color: #333333;
    font-weight: bold;
    opacity: .16;
    text-transform: uppercase;
    margin-top: 8px;
}
.qc-aboutLeft h5{
    font-size: 16px;
    color: #666666;
    line-height: 36px;
    margin-top: 20px;
    padding-right: 5%;
}
.qc-1{
    padding-left: calc(50% - 685px);
}


.qc-2{
    margin-top: 135px;
}
.qc-title{
    text-align: center;
}
.qc-title h3{
    font-size: 40px;
    color: #333333;
    font-weight: bold;
}
.qc-title h4{
    font-size: 40px;
    color: #333333;
    font-weight: bold;
    opacity: .16;
    text-transform: uppercase;
    margin-top: 8px;
}
.qcly-list{
    margin-top: 30px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}
.qcly-list li{
    width: 49.95%;
    margin-top: 0.05%;
}
.qcly-list li a .qcly-all{
    background-color: #eee;
    text-align: center;
    height: 234px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    position: relative;
}
.qcly-list li a .qcly-all h3{
    font-size: 22px;
    color: #014f9a;
    text-align: center;
    width: 100%;
    transition: all .5s;
    font-weight: bold;
}
.qcly-list li a .qcly-all h4{
    font-size: 18px;
    color: #666;
    margin-top: 16px;
    text-align: center;
    width: 100%;
    transition: all .5s;
}
.qcly-list li a .qcly-all .qcly-mask{
   position: absolute;
    left: 0;
    width: 0%;
    top: 0;
    bottom: 0;
    height: 100%;
    z-index: -1;
    transition: all .5s;
}
.qcly-list li a .qcly-all .qcly-mask img{
    width: 100%;
}
.qcly-list li a .qcly-all .ckm{
    width: 100%;
    z-index: 999;
    position: relative;
}
.qcly-list li:hover a .qcly-all h3{
    color: #fff;
    transition: all .5s;
}
.qcly-list li:hover a .qcly-all h4{
    color: #fff;
    transition: all .5s;
}
.qcly-list li:hover a .qcly-all .qcly-mask{
    display: block;
    width: 100%;
    z-index: 9;
    transition: all .5s;
}
.qc-3{
    background: url(../image/efcb9f253c9f777ac7aeb81febead9d385ac9ccb.jpg) no-repeat center;
    background-size: cover;
    padding-left: calc(50% - 685px);
    margin-top: 100px;
}
.qc-3 .qc-aboutLeft h3{
    color: #fdfdfd;
}
.qc-3 .qc-aboutLeft h4{
    color: #fbfbfb;
    opacity: .24;
}
.qc-3 .qc-aboutLeft h5{
    color: #fbfbfb;
}
.qc-soluall{
    box-shadow: #eee 0px 0px 15px;
    margin-top: 45px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.qc-soluleft{
    width: 41.24%;
    padding-left: 30px;
}
.qc-soluright{
    width: 58.76%;
}
.qc-soluright img{
    width: 100%;
}
.qc-soluleft h3{
    font-size: 26px;
    color: #333333;
    font-weight: bold;
}
.qc-soluleft .pps{
    margin-left: 20px;
    padding-left: 20px;
    padding: 15px;
    margin-top: 20px;
    border-left: 1px solid #e7e4dd;
}
.qc-soluleft .pps p{
    font-size: 16px;
    color: #666666;
    margin-top: 10px;
    position: relative;
}
.qc-soluleft .pps p::before{
    position: absolute;
    left: -19px;
    top: 9px;
    content: '';
    width: 8px;
    height: 8px;
    background-color: #014f9a;
    border-radius: 50px;
}
.qc-soluleft .pps p:first-child{
    margin-top: 0;
}
.qc-soluright{
    position: relative;
}
.qc-soluright .solist{
    position: absolute;
    top: 0;
    left: 0;
    z-index: 999;
    width: 100%;
    height: 100%;
}
.qc-soluright .solist{
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}
.qc-soluright .solist li{
    width: 19.9%;
    text-align: center;
    border-right: 1px solid #7c7e82;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.qc-soluright .solist li img{
    width: 29px;
    height: 29px;
    animation: move 2s infinite;
}
@keyframes move{
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.1);
    }
    100% {
        transform: scale(1);
    }
}
@keyframes move2{
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.5);
    }
    100% {
        transform: scale(1);
    }
}
.qc-soluright .solist li h3{
    font-size: 18px;
    font-weight: bold;
    color: #fff;
    margin-top: 30px;
}

.ttd{
    display: none;
}
.qc-soluright .solist li:hover img{
    animation: move2 2s infinite;
}
.qc-soluright .solist li.cur img{
    animation: move2 2s infinite;
}






/*解决方案*/
.qc-4{
    margin-top: 110px;
}

/*案例展示*/

.qc-5{
    margin-top: 110px;
    padding-bottom: 30px;
}
.sba{
    display: block;
    font-size: 14px;
    color: #666666;
    text-align: right;
}
.sba:hover{
    color: #014f9a;
    font-weight: bold;
}
.qc-caselist{
    margin-top: 30px;
}
.qccase-text{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    padding: 34px 30px;
}
.qccase-text h3{
    font-size: 17px;
    color: #333333;
    font-weight: bold;
    transition: all .5s;
    text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
.qccase-text h4{
    font-size: 14px;
    color: #666666;
    text-align: center;
    padding: 7px 15px;
    border: 1px solid #eeeeee;
    border-radius: 10px;
    transition: all .5s;
    margin-top: 15px;
}
/* .qc-caselist li .qccase-img{
    overflow: hidden;
}
.qc-caselist li .qccase-img img{
    transition: all .5s;
}
.qc-caselist li:hover .qccase-img img{
    transform: scale(1.1);
    transition: all .5s;
} */
.qc-caselist li:hover .qccase-text h3{
    color: #014f9a;
    transition: all .5s;
}
.qc-caselist li:hover .qccase-text h4{
    color: #fff;
    transition: all .5s;
    background-color: #014f9a;
}



@media(max-width:1439px){
    .qc-1{
    padding-left: 15px;
    padding-right: 15px;
}
.qc-aboutLeft h4{
    font-size: 28px;
}
.qc-3{
    padding: 0 15px;
}
}

@media(max-width:1119px){
    .qc-aboutLeft h5{
        font-size: 14px;
        line-height: 28px;
    }
    .qc-aboutLeft h3{
        font-size: 32px;
    }
    .qc-aboutLeft h5{
        margin-top: 10px;
    }
    .qc-title h3{
        font-size: 32px;
    }
    .qc-title h4{
        font-size: 28px;
    }
    .qc-2{
        margin-top: 88px;
    }
    .qc-4{
        margin-top: 88px;
    }
    qc-5{
        margin-top: 88px;
    }
    .qc-soluleft h3{
        font-size: 26px;
    }
    .qc-soluright .solist li h3{
        font-size: 16px;
    }
}
@media(max-width:991px){
    .qc-2{
        margin-top: 50px;
    }
    .qc-4{
        margin-top: 50px;
    }
    qc-5{
        margin-top: 50px;
    }
    .qc-aboutLeft{
        width: 100%;
    }
    .qc-aboutRight{
        width: 100%;
        margin-top: 30px
    }
    .qcly-list li a .qcly-all h3{
        font-size: 17px;
    }
    .qcly-list li a .qcly-all h4{
        font-size: 15px;
    }
    .qcly-list li a .qcly-all{
        height: 150px;
    }
    .qc-3{
        padding-top: 35px;
    }
    .qc-soluleft{
        padding-left: 20px;
        width: 100%;
    }
    .qc-soluright{
        padding-left: 0;
        width: 100%;
        margin-top: 35px;
    }
    .qc-soluall{
        margin-top: 25px;
        padding-top: 20px;
    }
    .qccase-text{
        padding: 15px;
    }
    .qccase-text h3{
        font-size: 16px;
    }
    .qccase-text h4{
        font-size: 12px;
        padding: 4px 10px;
    }
    .qc-5{
        margin-top: 66px;
    }
    .qc-3{
        margin-top: 50px;
    }
}


@media(max-width:768px){
    .qc-aboutLeft h4{
        font-size: 22px;
    }
    .qc-1{
        margin-top: 50px;
    }
    .qc-soluleft h3{
        font-size: 24px;
    }
    .qc-soluleft .pps p{
        font-size: 15px;
    }
    .qc-soluright .solist li h3{
        font-size: 14px;
    }
}