.page-icon { margin:20px 0 20px 0;font-size:0;text-align:center;}
.page-icon a,.rd,.page-next{ border:1px solid #efefef;border-radius:3px;padding:4px 15px 5px;font-size:14px;margin-right:10px;}
.page-icon a { text-decoration:none;color:#333333;}
.page-icon a:hover,.page-icon .rd { color: #f0f0f0;background: #d4091b;}
.page-icon span {display: inline-block; margin-top: 20px;}

.tb-left{
float: left;
}
.btn-primary{
background: #EEA93F;
border-color:#EEA93F ;
}
.btn-primary:hover{
    background: #d4091b;
    border-color:#d4091b;
}
.wsc-HeadNav a,.wsc-HeadNav li{
font-size: 12px;
float: left;
font-weight: 400;
color: #999999;
line-height: 20px;
vertical-align: middle;
}
.tb-right{
    float: right;
}
 .tb-tel{
     padding-left:18px;
     background: url(../images/tb-tel.png) no-repeat left center;
 }
 .tb-wx{
    padding-left:18px;
    position: relative;
    cursor: pointer;
    background: url(../images/tb-wx.png) no-repeat left center;  
 }
 .tb-gs{
     position: relative;
     cursor: pointer;
 }
 .tb-gs i{
     width: 7px;
     display: inline-block;
     height: 4px;
     margin-left: 8px;
     vertical-align: middle;
     background: url(../images/tb-gs.png) no-repeat center center;  
 }
 .tb-wx img {
    position: absolute;
    display: none;
    width: 110px;
    transition: 0.36s;
    z-index: 9999;
    left: -20px;
    top:30px;
}
.tb-wx:hover img {
    display: block;
}
@media (min-width:992px){
    .gs-list ,.lan-list{
        position: absolute;
        top: 30px;
        left: -26px;
        padding: 10px 0;
        width: 100px;
        background-color: #ffffff;
        box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.08);
        z-index: 9999;
        display: none;
    }
    .gs-list{
        width: 120px;
    }
    .gs-list a ,.lan-list a{
        display: block;
        padding-left: 26px;
        height: 40px;
        background-color: #fff;
        font-size: 14px;
        line-height: 40px;
        color: #868686;
        transition: 0.3s;
    }
    .gs-list a:hover,.lan-list a:hover{
        color: #333;
    }
}

.search-icon{
    width: 50px;
    height: 32px;
    border-radius:16px 0 0 16px;
    vertical-align: middle;
    background:#F6F8FA url(../images/hn-searchico.png) no-repeat center center;
}
.lan-icon{
    width: 50px;
    height: 32px;
    cursor: pointer;
    border-radius:0 16px 16px 0;
    vertical-align: middle;
    background:#F6F8FA url(../images/lan-icon.png) no-repeat center center;
}
.hn-lan{
    float: left;
    position: relative;
    margin-top: 30px;
}
.hn-lan::before{
    width: 1px;
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    display: block;
    height: 11px;
    background: #EAEEF2;
}
.search-icon{
    margin-top: 30px;
}
.btn-online,.btn-whited,.btn-ed,.btn-grayed{
    width:180px;
    line-height:36px;
    height:50px;
    border-radius: 3px;
}
.btn-ed{
line-height:34px;
color: #d4091b;
border: 2px solid  #d4091b;
border-radius: 3px;
}
.btn-ed:hover{
    color: #fff; 
    background: #d4091b;
}
.btn-online{ 
     background:#d4091b;
     color:#fff;
}
.btn-online:hover{
    background: #d4091b;
    color: #fff;
}
.btn-online:focus{
    color: #fff;
}
.btn-grayed{
    color: #777777;
    line-height: 36px;
    border: 1px solid #E0E5ED;
}
.btn-grayed:hover{
    background: #262A3E;
    color: #fff;
    border-color: #262A3E;
}
.btn-whited{color:#fff;
    line-height:34px;
    background: rgba(255, 255, 255, 0.1);
    border: 2px solid #FFFFFF;}
.btn-whited:hover{border-color:#d4091b;background:#d4091b;color:#fff;}
/* index-banner */
 
.index-banner .carousel-inner > .item > img{max-width:100%;margin:auto;display:block;}
.index-banner .carousel-control{width:47px;height:80px;margin:auto;z-index:10;opacity:1;}
.index-banner .carousel-control.right{right:20px;background:url(../images/inban-next.png) no-repeat center center;}
.index-banner .carousel-control.left{left:20px;background:url(../images/inban-prev.png) no-repeat center center;}
.index-banner .carousel-control.right:hover{background-image:url(../images/inban-nexth.png);}
.index-banner .carousel-control.left:hover{background-image:url(../images/inban-prevh.png);}
.carousel-indicators li{width:12px;height:12px;margin:0;margin-left:8px;margin-right:8px;vertical-align:middle;border: 1px solid #262B3F;}
.carousel-indicators li.active{background-color:#262B3F;width:12px;height:12px;margin-left:8px;margin-right:8px;}
.index-banner .carousel-indicators{
    bottom: 30px;
}
 
@media (max-width:767px){.index-banner .carousel-indicators{bottom:10px;}
.carousel-indicators li{margin-left:4px;margin-right:4px;width:8px;height:8px;}
.carousel-indicators li.active{background-color:#262B3F;margin-left:4px;margin-right:4px;width:8px;height:8px;}
.index-banner .carousel-control{display:none;}
}
.color-w{
    color: #fff !important;
}

.cTitText{
    font-size: 34px;
    font-weight: bold;
    color: #0A0A0A;
    line-height: 36px;
}    
.in-ctext{margin-top:14px;
    font-size: 18px;
    font-weight: 400;
    color: #0A0A0A;
    line-height: 24px;
}
    .in-cintro{
margin-top: 24px;
font-size: 14px;
font-weight: 400;
color: rgba(10, 10, 10, 0.7);
line-height: 26px;
    }

.index-banner .item-box{display:block;width:100%;height: 680px; position: relative;} 
.index-banner .item-box img{margin:0 auto;}
.inban-mian{position:absolute;color:#000824;width:100%;height:100%;top:0;}
.inban-mian .container{display:table;height:100%;text-align: center; }
.inban-box{display:table-cell;vertical-align:middle;}
.inban-tit{font-size:52px;font-weight:bold;color: #fff;}
.inban-text{font-size:28px;line-height: 30px;color: #fff;font-weight: 400; }
.inban-text p{margin-top:10px;}
.inban-mian2 .container {
    text-align: left;
}
@media (min-width:992px){
    .inban-mian2 .inban-tit{
        font-size: 50px;
    }
    .inban-mian2 .inban1-btn{
        margin-top:60px;
    }
}
@media (max-width:767px){
    .inban-mian2 .container {
        width: 100%;
    }
}

.inban-mian2 .inban-tit2{
    color: #EEA93F;
}

 /* index-album */
 .index-album{padding:60px 0;background:#f6f6f6;}
.inalb-main{padding:40px;background:#fff;}
.inalb-class{margin-top:0;}
.inalb-class .item{height:52px;display:block;margin-top:20px;text-align:center;border:1px solid #f0f0f0;padding:0 10px;transition:0.36s;line-height:50px;background:url(../images/inalb-lf.png) no-repeat 0 0,url(../images/inalb-rt.png) no-repeat right 0;background-color:#fafafa;}
.inalb-class .item span{display:inline-block;width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;vertical-align:middle;font-size:16px;color:#555555;font-weight:normal;}
.inalb-class .item:hover{background-color:rgba(18, 116, 209, 0.06);transform:unset;}
.inalb-class .item:hover span{color:#d4091b;}
@media (min-width:767px){.inalb-main .in-ctit .cTitText{text-align:left;font-size:28px;line-height:38px;}
.inalb-main .in-ctext{text-align:left;margin-top:10px;font-size:14px;line-height:24px;color:#333333;}
}
@media (max-width:767px){.index-album{padding:30px 0;}
.inalb-main{padding:20px;}
}
.index-new .btnews-main{height:auto;}
@media (max-width:767px){
}

/* about */
.pTit,.rTitText {
    font-size: 28px;
    font-weight: bold;
    color: #0A0A0A;
    line-height: 32px;}
.pText{font-size:14px;margin-top:28px;font-weight:400;line-height:24px;color:#555555;}
.about-text{font-size:14px;font-weight:400;margin-top:16px;line-height:28px;color:#777777;}
.about-img{margin-top:18px;}
.pText p{
    margin-top: 8px;
}
.about-img img{width:100%;}
@media (max-width:767px){.pTit,.rTitText{font-size:18px;line-height:24px;}
.about-text{margin-top:10px;}
.pText{
    margin-top: 12px;
}
}



/* contact */
.cominfo-block{padding-top:40px;}
.map-main{
    border: 10px solid rgba(255, 255, 255, 0.5);margin-top: 24px;}
.map-block #map-gaode,.map-block #map-baidu{width:100%;height:410px;}
.cominfo-main{margin-top:40px;padding-left:30px;}
.cominfo-main .info{margin-top:20px;}
.cominfo-main .item-dt{font-size:14px;font-weight:400;line-height:20px;color:#777777;}
.cominfo-main .item-dd{font-size:16px;padding-left:8px;margin-top:8px;font-weight:400;line-height:24px;color:#333333;}
.comment-block{padding-top:24px;border-top:1px solid #EBEBEB;margin-top:30px;}
@media (max-width:767px){.cominfo-main{padding-left:0;margin-top:20px;}
.cominfo-main .info{margin-top:8px;}
.cominfo-main .item-dd{margin-top:6px;}
.cominfo-block{padding-top:20px;}
.cominfo-main .col-sm-6{margin-top:15px;}
.comment-block{margin-top:20px;padding-top:16px;}
.map-block #map-gaode,.map-block #map-baidu{height:240px;}
}
.inban1-list{
    margin: 20px auto 0;
    width: 915px;
     }
     .inban1-list ul{
         margin-left: -15px;
     }
     .inban1-list li{
        margin-top: 15px;
        float: left;
        margin-left: 15px;
        width: 450px;
     }
    .inban1-list li p{   
    font-size: 22px;
    text-align: left;
    padding:10px 20px 10px 34px;
    font-weight: 400;
    display: inline-block;
    color:#262A3E;
    width: 100%;
    background: rgba(255, 255, 255, 0.7);
    border-radius: 23px;
    line-height: 30px;
    position: relative;
    }
    .inban1-list li p::before{
        position: absolute;
        top:24px;
        left:20px;
        content: "";
        width: 5px;
        height: 5px;
        background: #262A3E;
        border-radius: 50%;
    }
    .inban1-btn{
        margin-top: 40px;
    }
    .inban1-btn .btn{
        width: 240px;
    }

.index-block{
    padding: 78px 0 80px;
}
.index-main{
    margin-top: 38px;
}
.insolution-mian{
    display: none;
}
.insolution-mian.active{
    display: block;
}
.inpro-main .row,.insolution-mian .row{
    margin: 0;
}
.inpro-main .col-md-6,.insolution-mian .col-md-6{
padding: 0;
}
.inpro{
    display: block;
    width: 100%;
}


.inpro-info {
    padding: 64px 60px;
}
.inpro-tit {
    font-size: 22px;
    font-weight: 400;
    color: #0A0A0A;
    line-height: 24px;
}
.inpro-text{
    margin-top: 10px;
    font-size: 14px;
    font-weight: 400;
    color: #999999;
    line-height: 26px;
}
.inpro-btn{
    margin-top: 28px;
    width: 90px;
height: 32px;
border: 1px solid rgba(38, 42, 62, 0.2);
border-radius: 16px;
transition: 0.36s;
background: url(../images/inpro-arr.png) no-repeat center center;
}
.inpro:hover .inpro-btn{
    border: 1px solid #312f35;
    background: #312f35 url(../images/inpro-arrh.png) no-repeat center center;
}
.inpro-main1 .inpro{
  position: relative;
}

.inpro-main1 .inpro-img {
  overflow: hidden;
}
.inpro-main1 .inpro-img img{
  width: 100%;
  transition: 0.36s;
}
.inpro-main1 .inpro-info{
position: absolute;
box-sizing: border-box;
left: 0;
top:0;
width: 100%;
} 
.index-solution{
    position: relative;
}
.insolution-nav{
    position: absolute;
    top:0;
    width: 100%;
    height: 100px;
    background: rgba(255, 255, 255, 0.5);
    left: 0;
}
.insolution-nav li{
    float: left;
    width: 50%;
    text-align: center;
    font-size: 20px;
    font-weight: 400;
    color: #0A0A0A;
    line-height: 100px;
    transition: 0.36s;
    cursor: pointer;
}
.insolution-nav li.active,.insolution-nav li:hover{
    color: #fff;   
background: #312f35;
}
.insolution-mian{
    height: 780px;
    box-sizing: border-box;
    padding: 236px 0 256px;
    background: url(../images/insolution-bg1.webp) no-repeat center center;
    background-size: cover;
}
.insolution2{
    background-image: url(../images/insolution-bg2.webp);
}
.insolution-mian .in-cintro{
margin-top: 36px;
}
.insolution-btn{
    margin-top: 56px;
}
@media (min-width:992px){
    .insolution-info{
        margin-right: 60px;
    }
}

.insolution-swiper .swiper-prev, .insolution-swiper .swiper-next{
    width: 46px;
    height: 60px;
    cursor: pointer;
    top: 0; 
    margin: auto;
    transition: 0.36s;
    bottom: 0;
    position: absolute;
    display: block;
}
.insolution-swiper .swiper-prev{
 border-radius: 0 30px 30px 0;
 left: 0;
 background:#FFFFFF url(../images/insolution-prev.png) no-repeat center center;
}
.insolution-swiper .swiper-next{
    right: 0;
    border-radius: 30px 0 0 30px;
    background:#FFFFFF url(../images/insolution-next.png) no-repeat center center;
 }
 .insolution-swiper .swiper-prev:hover{
    background:#EEA93F url(../images/insolution-prevh.png) no-repeat center center;
 }
 .insolution-swiper .swiper-next:hover{
    background:#EEA93F url(../images/insolution-nexth.png) no-repeat center center;
 }
.insolution-btn .btn-online{
    margin-right: 8px;
}
.insolution-list {
    margin: 0 -10px;
    overflow: hidden;
}
.insolution-list .item{
     float: left; 
     padding: 0 10px;
     width: 50%;
     box-sizing: border-box;
}
.insolution-swiper .list-img img{
    width: 100%;
}
.insolution-swiper .list-info{
padding: 24px 20px;
background: #fff;
}
.insolution-swiper .list-tit{
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
font-size: 16px;
font-weight: 400;
color: #262A3E;
line-height: 24px;
}
.insolution-swiper .list-item{
border: 8px solid rgba(255, 255, 255, 0.4);
}
.index-epc{
    margin-top: -120px;
    position: relative;
    height: 307px;
}
.inepc-main{
background: #F5F7FB;
padding: 40px 60px;

border: 15px solid #FFFFFF;
}
.inepc-list{
    margin: 30px -12px 0;
}
.inepc-list li{
    float: left;
    width: 16.66%;
    padding: 0 12px;
    position: relative;
}
.inepc-list .li-item{
    padding: 20px;
    height: 65px;
    box-sizing: border-box;
    border: 1px solid rgba(38, 42, 62, 0.2);
    border-radius: 33px;
    font-size: 14px;
    font-weight: 400;
    color: #262A3E;
    text-align: center;
    vertical-align: middle;
    line-height: 25px;
}
.inepc-list li:first-child::before{
    display: none;
}
.inepc-list li::before{
    content: "";
    width: 5px;
height: 5px;
left: -2px;
top:0;
bottom: 0;
margin: auto;
display: block;
position: absolute;
background: #262A3E;
opacity: 0.5;
border-radius: 50%;
}
.inepc-list li i{
    width: 31px;
    height: 25px;
    margin-right: 6px;
    vertical-align: middle;
    display: inline-block;
    background: url(../images/inepc-icon1.png) no-repeat center center;
}
.inepc-list .icon2{
background-image: url(../images/inepc-icon2.png);
}
.inepc-list .icon3{
background-image: url(../images/inepc-icon3.png);
}
.inepc-list .icon4{
background-image: url(../images/inepc-icon4.png);
}
.inepc-list .icon5{
background-image: url(../images/inepc-icon5.png);
}
.inepc-list .icon6{
background-image: url(../images/inepc-icon6.png);
}
.inepc-btn {
    margin-top: 32px;
    text-align: center;
}
.inepc-tel{
margin-right: 38px;
font-size: 18px;
line-height: 27px;
font-weight: bold;
color: #262A3E;
vertical-align: middle;
}
.inepc-tel i{
  font-size: 14px;
  font-weight: 400;
  line-height: 27px;
  color: rgba(10, 10, 10, 0.7);
}
.index-case{
    padding: 72px 0 80px;
}
.btn-link{
font-size: 14px;
font-weight: bold;
color: #0A0A0A;
line-height: 27px;
padding-right: 16px;
background: url(../images/btn-link.png) no-repeat right center;
}
.btn-link:hover,.btn-wlink:hover{
    color: #d4091b;
    text-decoration:none;
    background: url(../images/btn-linkh.png) no-repeat right center;
}
.btn-wlink{
    font-size: 14px;
    font-weight: bold;
    color: #fff;
    line-height: 27px;
    padding-right: 16px;
    background: url(../images/btn-wlink.png) no-repeat right center;
    }
    
.rMore{float:right;
    font-size: 14px;
    font-weight: 400;
    color: #999999;
    line-height: 24px;}
.rMore span{display:inline-block;padding-right:14px;background:url(../images/remore-arr.png) no-repeat right center;}
.rMore:hover{color:#0A0A0A;}
.rMore:hover span{background-image:url(../images/remore-arrhh.png);}
.incasetext .in-ctext{
    float: left;
}
.incasetext .rMore{
    margin-top: 14px;
}
.list-style5{
    margin-top: -20px;
}
.list-style5 .list-item{
    padding:50px 30px;
    position: relative;
    transition: 0.36s;
    background: #fff;
    margin-top: 20px;
    border: 1px solid #EAEDF2;
}
.list-style5 .list-item::after{
    width: 0; 
    content: '';
    transition: 0.36s;
    height: 4px;
    background: #d4091b;
    position: absolute;
    left: 0;
    bottom: 0;
}

.list-style5 .list-tit{
    font-size: 16px;
    font-weight: 400;
    color: #333333;
    line-height: 24px;
    z-index: 10;
    position: relative;
    height:48px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.list-style5 .list-time{
    font-size: 12px;
    font-weight: 400;
    color: #777777;
    line-height: 26px;
    margin-top: 20px;
}
.list-style5 .list-text{
    font-size: 14px;
    font-weight: 400;
    color: #777777;
    line-height: 24px;
    height: 48px;
    margin-top: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-top: 16px;
}
.list-style5 .list-img{
    margin-top: 28px;
    overflow: hidden;
}
.list-style5 .list-img img{
    width: 100%;
    transition: 0.36s;
}
.list-style5 .list-item:hover .list-tit{
    color: #d4091b;
}
.list-style5 .list-item:hover::after{
    width: 100%;
}
.list-style5 .list-item:hover .list-img img{
    transform: scale(1.08);
}
@media (max-width:767px){
    .list-style5 .list-item{
        padding: 20px 15px;
    }
    .list-style5 .list-tit a{
        max-height: 52px;
        height: unset;
        -webkit-line-clamp: 2;
    }
}
.index-swiper{
    padding-bottom: 72px;
}
.index-swiper .carousel-indicators{
    bottom: -72px;
}
.list-style5-1 .list-tit{
    -webkit-line-clamp:1;
     margin-top: 26px;
    height: 24px;
}
.list-style5-1 .list-att{
    margin-top: 14px;
    position: relative;
}
.list-style5-1 i{
    font-size:98px;
    font-family: Arial;
    position: absolute;
    left: 20px;
    z-index: 1;
    top: 20px;
    font-weight: bold;
    color: #E9EDF3;
    line-height: 100px;
    opacity: 0.6;
    }
.list-style5-1 .list-att li{
    font-size: 14px;
    font-weight: 400;
    color: #999999;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    line-height: 26px;
    padding-left: 18px;
    background: url(../images/case-dot.png) no-repeat left center;
}

.inab-img img{width:100%;}
@media (min-width:992px){
    .inab-info{padding: 100px 50px 0 0;}
}

.inab-btn{margin-top:50px;}
 
.index-about{
    position: relative;
    height: 580px; 
    background: url(../images/inab-bg.png) no-repeat left center;
    background-size: cover;
}
@media (min-width:992px){
    .index-aboutbox{
        background: url(../images/iabout.webp) no-repeat right center;
        width: 50%;
        position: absolute;
        right: 0;
        height: 580px;
        background-size: cover;
    }
}
.inab-main{
 width: 100%;
 margin-top: 50px;
}
.inab-main .item {
    width: 25%;
    box-sizing: border-box;
    float: left;
}
.inab-main .num {
    font-size: 44px;
    font-weight: 400;
    color: #0A0A0A;
    line-height: 48px;
}
.inab-main .tip {
    margin-left: -12px;
    font-size: 12px;
    font-weight: 400;
    vertical-align: top;
    color: #0A0A0A;
    line-height: 30px;
    opacity: 0.8;
}
.inab-main .text {
    font-size: 14px;
    font-weight: 400;
    color: #0A0A0A;
    line-height: 28px;
    opacity: 0.6;
}
.index-service{
    padding: 40px 0;
}
.inser-main{
    width: 100%;
   }
   .inser-main .item {
       width: 25%;
       box-sizing: border-box;
       float: left;
   }
   .inser-main i{
       width: 25px;
       vertical-align: middle;
       height: 26px;
       margin-right: 8px;
       display: inline-block;
       background: url(../images/inser-icon1.png) no-repeat center center;
   }
   .inser-main .icon2{
background-image: url(../images/inser-icon2.png);
   }
   .inser-main .icon3{
    background-image: url(../images/inser-icon3.png);
       }
       .inser-main .icon4{
        background-image: url(../images/inser-icon4.png);
           }
   .inser-main .tit{
font-size: 22px;
font-weight: 400;
color: #25293E;
line-height: 26px;
   }
   .inser-main .text {
    font-size: 14px;
    margin-top: 12px;
    font-weight: 400;
    color: #25293E;
    line-height: 24px;
    opacity: 0.6;
}
.index-new{
border-top:1px solid #EAEDF2;
}
.innew-text .cTitText{
    float: left;
}
.inre-more{
    float: right;
}
.innew-text{
    overflow: hidden;
}
.inre-more {
    margin: 0 -20px;
}
.inre-more li{
    float: left;
    font-size: 14px;
    font-weight: 400;
    color: #999999;
    line-height: 24px;
    position: relative;
    padding: 0 20px;
}
.inre-more li:first-child::before{
    display: none;
}
.inre-more li::before{
width: 1px;
height: 14px;
content: '';
left: 0;
top: 0;
bottom: 0;
margin: auto;
position: absolute;
background: #DFE1E5;
}
.inre-more li a:hover,.inre-more li.active{
    color: #0A0A0A
}
.innew-mian{
    display: none;
    transition: 0.36s;
}
.innew-mian.active{
    display: block;
}
.list-style5-2 .row{
    margin-left: 0;
    margin-right: 0;
}
.list-style5-2 .col-md-4 .list-item{
    margin-left: 0px;
}
.list-style5-2 .list-item{

    margin-left: -1px;

}
.list-style5-2 .list-item
.list-style5-2 .col-md-4{
    padding: 0;
}
.index-fw{
background: url(../images/infw-bg.jpg) no-repeat center center;
background-size: cover;
}
.infw-btn{
    margin-top: 34px;
}
.infw-btn .btn-online{
    margin-right: 8px;
}
.infw-main{
    width: 100%;
    margin-top: 40px;
   }
   .infw-main .item {
       width: 25%;
       box-sizing: border-box;
       float: left;
       text-align: center;
   }
   .infw-main i{
       width: 40px;
       vertical-align: middle;
       height: 36px;
       display: inline-block;
       background: url(../images/infw-icon1.png) no-repeat center center;
       background-size: contain;
   }
   .infw-main .icon2{
background-image: url(../images/infw-icon2.png);
   }
   .infw-main .icon3{
    background-image: url(../images/infw-icon3.png);
       }
       .infw-main .icon4{
        background-image: url(../images/infw-icon4.png);
           }
   .infw-main .text {
     margin-top:12px;
    font-size: 14px;
    font-weight: 400;
    color: #0A0A0A;
    line-height: 20px;
}
 .ft-compinfo{margin-top:30px;}
.ft-compinfo li{
    font-size: 14px;
    font-weight: 400;
    width: 100%;
    margin-top: 5px;
    display: block;
    color:rgba(239, 244, 255, 0.5);
    line-height: 24px;
    padding-left: 32px;
}
    .ft-tel{
       background: url(../images/ft-tel.png) no-repeat left center; 
    }
    .ft-em{
        background: url(../images/ft-em.png) no-repeat left center; 
     }
     .ft-dz{
        background: url(../images/ft-dz.png) no-repeat left center; 
     }
     @media (min-width:992px){
     .ft-info{
         padding-right: 30px;
         border-right:1px solid rgba(255, 255, 255, 0.1);
     }
     .wb-right{float:right;}
    }
.foot-nav{color:rgba(255,255,255,0.5);margin-top:10px;}
.foot-nav li:hover{
    color:rgba(255,255,255,0.9);
}
.foot-nav li{margin-top:8px;font-size: 14px;}
.ft-btn{margin-top:36px;}
.ft-btn .btn{
    width: 200px;
}
.ft-search{width:100%;}
.ft-search form{display:block;}
.ft-search input{
    background: rgba(255, 255, 255, 0.02);
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 22px;
    color:  rgba(255, 255, 255, 0.5);
     width:100%;float:left;padding:12px 15px;
   transition:0.36s;
}
.ft-search input::placeholder{
    color:rgba(255, 255, 255, 0.5); 
}
.ft-search .btn-search{
    margin-right: 0;
    width: 64px;
    height: 42px;
    right: 12px;
    top:2px;
    position: absolute;
    border-radius: 22px;
    z-index: 100;
    float: left;
    transition: 0.36s;
    background: none;
    cursor: pointer;
}
.ft-main{
    padding-left: 50px;
}
.ft-search .btn-search span{
    width: 18px;
    display: inline-block;
    height: 18px;
    vertical-align: middle;
    background: url(../images/ft-search.png) no-repeat center center;
}
.ftnav-tit{color:rgba(255,255,255,1);font-size: 16px; }
.ftnav-tit:hover{
/*   font-weight: bold;*/
}
.ftnav-li.foot-nav li:hover{
    color:rgba(255,255,255,1);
}
/*.ftnav-li:last-child .foot-nav li:hover{
    font-weight: bold;
}*/
.wb-left{float:left;}
.d-cover-text{text-align:center;}
.ft-search input:focus{
    background: rgba(255, 255, 255, 0.04);
    border-color:rgba(255,255,255,0.24);}
.ftnav-li{
    float: left;
    width: 18%;
}
.ftnav-li:nth-child(2) {
    width: 28%;
}

@media (max-width:1239px) and (min-width:992px){
.ftnav-li{
    float: left;
    width: 16%;
}
.ftnav-li:nth-child(1) {
    width: 26%;
}
.ftnav-li:nth-child(2) {
    width: 26%;
}
}

/*.ftnav-li:last-child .foot-nav{
    color:rgba(255,255,255,1);   
}
.ftnav-li:last-child .foot-nav li{
  font-size: 16px;
}*/
.footnav-box{
    margin-top: 8px;
    padding-right: 110px;
}
.ftnav-ul{
    float: left;
    width: 100%;
}
.ft-wx{
padding: 5px;
background: #FFFFFF;
border-radius: 3px;
box-sizing: border-box;
width: 110px;
height: 110px;
}
.ft-wx img{
    width: 100%;
}
.ftnav-wx p{ 
font-size: 12px;
margin-top: 12px;
font-weight: 400;
color: #EFF4FF;
line-height: 20px;
opacity: 0.5;
text-align: center;
}
.ftnav-wx{
    float: right;
    margin-right: -110px;
    width: 110px;
}
@media (max-width:1239px){
    .index-block{
        padding: 58px 0 60px;
    }
    .inpro-info{
        padding: 40px;
    }
 
    .inepc-list .li-item{
        padding: 14px;
        height: 53px;
    }
    .inab-main .num{
        font-size: 32px;
        line-height: 36px;
    }
    .index-epc{
        height: unset;
    }
    .inab-main .tip{
        margin-left: -8px;
    }
    .index-case{
        padding: 50px 0 60px;
    }
    .index-swiper{
        padding-bottom: 52px;
    }
    .index-swiper .carousel-indicators{
        bottom: -52px;
    }
    .ft-main{
        padding-left: 30px;
    }
}
@media (min-width:992px){
    .innew-text .inre-more{
        margin-top: 6px;
        }
}
@media (max-width:991px){
    .inban-tit{
     font-size: 32px;
    }
    .inban-text{
        font-size: 20px;
    }
    .inban1-list{
        width: 100%;
    }
    .inban1-list li{
        width: unset;
        margin-left: 0;
    }
    .inban1-list ul{
        margin-left: unset;
    }
    .inban1-list li:nth-child(4),   .inban1-list li:nth-child(5),   .inban1-list li:nth-child(6){
        display: none;
    }
    .inban1-list li p{
        font-size: 18px;
        padding: 8px 20px 8px 34px;
    }
    .inban1-list li p::before{
      top: 20px;
    }
    .index-banner .item-box{
        height: 540px;
    }
    .cTitText{
        font-size: 24px;
    }
    .insolution-nav{
        height: 60px;
    }
    .insolution-nav li{
        line-height: 60px;
        font-size: 18px;
    }
   
    .insolution-swiper{
        margin-top: 40px;
    }
    .insolution-mian{
        padding: 120px 0 180px;
       height:auto ;
    }
    .inpro-tit{
        font-size: 20px;
    }
    .inepc-main{
      padding: 40px 20px;  
    }
    .inepc-list li{
        padding: 0 6px;
    }

    .index-swiper  .list-style5 .col-md-4:nth-child(3){
        display: none;
    }
    .list-style5-1 i{
        font-size: 80px;
    }
 
 
    .inab-btn{
        margin-bottom: 30px;
    }
    .index-about{
        height: auto;
       padding: 60px 0;
    }
}
.in-btns li{
  float: left;
}
@media (max-width:767px){
    .btn-online, .btn-whited,.btn-ed,.btn-grayed{
    line-height: 28px;
    width: 160px !important;
    height: 42px;
    }
    .btn-whited, .btn-ed{
        line-height:26px;
    }
    .btn-grayed{
        line-height: 28px;
    }
    .inban1-btn{
        margin-top: 30px;
    }
    .index-banner .item-box{
        height: 340px;
    }
    .index-block{
        padding: 28px 0 30px;
    }
    .index-about{
   padding: 30px 0;
    }
    .inban1-list{
        margin-top: 6px;
    }
    .inban-tit{
        font-size: 22px;
    }
    .inepc-list{
        margin: 20px -6px 0;
    }
    .inban-text{
        font-size: 15px;
    }
    .in-btns{
      margin-left: -4px;
      margin-right: -4px;
      overflow: hidden;
    }
    .in-btns li{
      width: 50%;
      box-sizing: border-box;
      padding: 0 4px;
    }
    .in-btns .btn{
      margin: 0;
      width: 100% !important;
    }
    .inban1-list li{
        margin-top: 8px;
    }
    .inban1-list li p{
        font-size: 14px;
        padding:  4px 10px 4px 20px;
        line-height: 24px;
    }
    .inban1-list li p::before {
        top:14px;
        height: 4px;
        width: 4px;
        left:10px;
    }
 .cTitText{font-size:20px;line-height:28px;}
.in-ctext{margin-top:6px;font-size: 16px;}
.index-main{
    margin-top: 20px;
}
.inpro-info{
    padding: 20px;
}
.list-style5-1 .col-md-4{
    width: 100%;
}
.list-style5-1 .col-md-4:nth-child(2) {
    display: none;
}
  .inpro-1 .inpro-img{
  display: none;
}  
  .inpro-1{
  height: 290px;
  background:#E6E9EF url(../images/inpro-bg1.png) no-repeat center bottom;
  background-size: 100% auto;
}
/*  
.inpro-2,.inpro-3{
  height: 200px;
  background:rgba(245, 247, 251, 1) url(../images/inpro-bg2.png) no-repeat right center;
  background-size: 100% auto;
} */
/* .inpro-3{
  background:#EBEDF1 url(../images/inpro-bg3.png) no-repeat right center;
  background-size: 100% auto;
} */
.inpro-tit{
    font-size: 18px;
}
.inpro-text{
    display: none;
}
.inpro-btn{
    margin-top: 20px;
}
.insolution-nav li{
    font-size: 15px;
}
.insolution-mian .in-cintro{
    margin-top: 16px;
}
.insolution-btn{
    margin-top: 26px;
}
.insolution-list .item{
    padding: 0 5px;
}
.insolution-list{
    margin: 0 -5px;
}
.insolution-mian{
    padding: 90px 0 150px;
}
.inepc-list li{
    width: 33.33%;
}
.insolution-swiper{
    margin-top: 30px;
}
.insolution-swiper .list-info{
    padding: 10px 15px;
}
.insolution-swiper .list-item{
    border-width: 5px;
}
.inepc-list li:nth-child(4)::before{
    display: none;
}
.inepc-list .li-item{
    padding: 6px 4px;
    height:42px;

}
.inepc-list li{
    margin-top: 10px;
}
.inepc-tel{
    width: 100%;
    margin-right: unset;
}
.inepc-main {
    padding: 20px;
    border: 10px solid #FFFFFF;
}
.inepc-list ul{
margin-top: -10px;
}
.inepc-btn{
    margin-top: 20px;
}
.inepc-tel{
    font-size: 16px;
}
.inepc-tel i{
  font-size: 14px;
}
.index-case{
    padding: 20px 0 26px;
}
.list-style5-1 i{
    font-size: 60px;
    line-height: 64px;
}
.index-swiper{
    padding-bottom: 32px;
}
.index-swiper .carousel-indicators{
    bottom: -32px;
}
.list-style5 .list-img{
    margin-top: 20px;
}
 
.in-cintro{
    margin-top: 12px;
}
.inab-main .num{
    font-size: 28px;
}
.inab-main{
    margin-top: 10px;
}
.inab-main .item{
    width: 50%;
    margin-top: 10px;
}
.inab-btn{
    margin-top: 20px;
    margin-bottom: 20px;
}
.inser-main{
    margin: 0 -5px;
}
.inser-main .item{
    width: 50%;
    padding: 0 5px;
    margin-top: 10px;
}
.index-service{
    padding: 20px 0 30px;
}
.inser-main i{
margin-right: 4px;
}
.inser-main .tit{
    font-size: 18px;
}

.innew-text .inre-more{
    float: left;
    margin-top: 10px;
}
.list-style5 .list-time{
    margin-top: 10px;
}
.list-style5 .list-text{
    margin-top: 6px;
}
.infw-btn{
    margin-top: 20px;
}
.ft-compinfo,.ft-btn{
    margin-top: 24px;
}

}
.bortop-10{
    border-top: 10px solid #F6F8FB;
}
.banner-projh{
    height: 688px;
}
.breadcrumb > li:first-child a {
    display: inline-block;
    width: 13px;
}
.breadcrumb > li:first-child {
    font-size: 0;
    width: 13px;
    vertical-align: middle;
    display: inline-block;
    background: url(../images/home-icon.png) no-repeat left top;
    height: 12px;
}
.jhpro-nav .inpro{
    height: 340px;
    text-align: center;
    position: relative;
    background: #E6E9EF;
}
.jhpro-nav .inpro:hover{
    transform: translatey(-10px);
}
.jhpro-nav .row{
    margin: 0 -5px;
}
.jhpro-nav .col-md-4{
    padding: 0 5px;
}
.jhpro-nav .inpro-img{
    position: absolute;
    bottom: 0;
    left: 0;
    text-align: center;
    width: 100%;
}
.jhpro-nav .inpro-img img{
    max-width: 100%;
}
.jhpro-nav .inpro-info{
    padding: 40px;

}
.jhpro-nav .inpro-3 .inpro-img{
    bottom: 28px;
}
.banner-projh .banTit{
    padding-top: 86px;
}
.projh-block1{
background: #F8FAFD;
}
.projh1-main{
    background: #F8FAFD;
}
.projh-search {
    position: relative;
    margin: 28px auto 0;
    max-width: 880px;
}
.projh-search  input{
background: #FFFFFF;
border: 1px solid #EAEAEA;
color: #666;
}
.projh-search input::placeholder{
    color:#999; 
}
.projh-search input:focus{
    background: #fff;
    border: 1px solid #D1D0D0;
}
.projh-search  .btn-search{
right: 0;
}
.projh-search .btn-search span{
    background: url(../images/projh-search.png) no-repeat center center;
}

.page-box{
    padding: 58px 0 60px;
}
.page-box2{
    padding: 60px 0;
}
.page-block2{
    margin-top: 60px;
}
@media (max-width:767px){
    .page-box{
        padding: 28px 0 30px;
    }
    .page-box2{
        padding: 30px 0;
    }
    .page-block2{
        margin-top: 30px;
    }  
}
.projh1-main{
    margin-top: -98px;
}
.projh1-list{
    margin-top: 50px;
}
.projh1-list .item-box{
    width: 33.33%;
    float: left;
    box-sizing: border-box;
}
.projh1-list .item{
    height: 200px;
    padding: 38px 40px;
    display: block;
    box-sizing: border-box;
    background: url(../images/projh-img1.jpg) no-repeat center center;
    background-size: cover;
}
.projh1-list .item2{
    background-image: url(../images/projh-img2.jpg);
}
.projh1-list .item3{
    background-image: url(../images/projh-img3.jpg);
}
.projh1-list .item4{
    background-image: url(../images/projh-img4.jpg);
}
.projh1-list .tit{
    font-size: 18px;
    font-weight: bold;
    color: #FFFFFF;
    line-height: 24px;
}
.projh1-list .item-btn{
    margin-top:54px;
}
.projh1-list .btn-wlink{
    transition: 0.36s;
    display: inline-block;
}
.projh1-list .item:hover .btn-wlink{
    transform: translatex(10px);
    color: #fff;
    text-decoration: none;
    background: url(../images/btn-wlink.png) no-repeat right center;
}
.list-style6{
    margin-top: -20px;
}
.list-style6 .list-img{
   overflow: hidden;
}
.list-style6 .list-img img{
    width: 100%;
    transition: 0.36s;
}
.list-style6 .list-tit:hover {
    color: #d4091b;
}
 .list-style6 .list-item{
     margin-top: 20px;
 }

.list-style6 .list-info{
    overflow: hidden;
    padding: 22px 25px 30px;
    background: #fff;
    box-sizing: border-box;
    border:1px #EBEFF5 solid;
    border-top:none;
}
.projh2-list .list-style6 .list-img, .list-style6-2 .list-img,
.wsc-pro .list-style6 .list-img{
   border: 1px #EBEFF5 solid;
}
.projh2-list .list-style6 .list-info, .list-style6-2 .list-info,
.wsc-pro .list-style6 .list-info{
    background: #EDF0F6;
    border:none;
}
.list-style6  .list-tit {
    line-height: 24px;
    color:#25293E;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    font-size: 16px;
    height: 24px;
    -webkit-box-orient: vertical;
 
}
.list-style6  .list-text {
    margin-top: 12px;
    height:48px;
    overflow: hidden;
}
.list-style6  .list-text ul {
    margin: 0;
}
.list-style6  .list-text li {
    font-size: 14px;
    font-weight: 400;
    width: 100%;
    list-style: none;
    padding-left: 20px;
    color: #999999;
    line-height: 24px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    background: url(../images/liststyle6-dot.png) no-repeat left center;
}
.list-style6  .list-btns {
    margin: 17px -5px 0;
    font-size: 0;
}
.list-style6  .list-btns li{
    float: left;
    box-sizing: border-box;
    width: 50%;
    padding: 0 5px;
}
.list-style6  .list-btns .btn{
    width: 100%;
    border-radius:5px;
    line-height: 24px;
    transition: 0.36s;
}
.list-style6  .btn-f0f0{
    color: #777777;
    background: #fff;
    border: 1px solid #E0E5ED;
}
.list-style6  .btn-f0f0:hover{
    background: #262A3E;
    color: #fff;
    border: 1px solid #262A3E;  
}
.list-style6  .btn-ff3d {
    color:#d4091b;
    line-height: 20px !important;
    border: 2px solid#d4091b;;
}
.list-style6  .btn-ff3d:hover{
    background: #d4091b;
    color: #FFF;
    border-color:#d4091b;
}
@media (min-width: 992px){
    .list-style6 .list-item:hover .list-img img{
        transform: scale(1.08);
    }
    .page-block .list-style6 .list-info{
        overflow: hidden;
        padding: 18px 20px 20px;
    }
    .page-block .rlist-style6 .col-md-3{
        width: 33.33%;
    }
}
@media (max-width: 1239px) and (min-width: 992px){
   
}
@media (max-width: 991px) and (min-width: 768px){
    
}
@media (max-width: 767px){
    .list-style6{
        margin-top: -10px;
    }
    .list-style6 .list-tit{
        font-size: 14px;
    }
    .list-style6 .list-item{
        margin-top: 10px;
    }
    .list-style6 .list-info{
        padding: 13px 15px 15px; 
    }
    .list-style6 .list-text{
        margin-top: 4px;
    }
    .list-style6 .list-btns .btn{
        line-height: 18px;
        padding: 6px;
        font-size: 12px;
    }
    .list-style6 .btn-ff3d{
        line-height: 16px !important;
    }
    .list-style6  .list-btns {
        margin: 14px -3px 0;
    }
    .list-style6  .list-btns li{
        padding: 0 3px;
    }
}
@media (min-width: 768px){
  .inpro-main1 .inpro:hover .inpro-img img{
    transform: scale(1.08);
    }
}
.rTit .rTitText{
    float: left;
}
.rTit .inre-more{
    margin-right: 10px;
    margin-top: 3px;
}
.rTit .rMore{
    margin-top: 3px;
}
.projh2-list {
    margin-top: 58px;
}
.projh2-list .list-style6{
    margin-top: 8px;
}
.projh-item{
height: 342px;
padding: 36px 30px;
margin-top: 20px;
width: 100%;
display: inline-block;
background: url(../images/826c8ea5273e4771ad72950cc7f312f5.gif) no-repeat center center;
background-size: cover;
}
.projh-item2{
    background-image: url(../images/14e983c623324f8e8f112a9d37a79e95.gif);
}
.projh-tit{
font-size: 24px;
font-weight: bold;
color: #FFFFFF;
line-height: 36px;
}
.projh-btn{
 margin-top: 186px;
}
.projh-btn .btn{
    width: 100%;
}
@media (max-width:1239px){
    .projh-item{
     height: 297px;
    }
    .projh-btn {
        margin-top: 116px;
    }
}
.projh-block2{
    padding-bottom: 60px;
}
.bgf6{
background: #F8FAFD;
}
.bgff{
background: #fff !important;
}
.projh3-main{
    margin-top: 12px;
}
.projh3-main .li-main{
    margin: 0 -10px;
}
.projh3-main .item-box{
    width: 25%;
    float: left;
    box-sizing: border-box;
    padding: 0 10px;
    margin-top: 20px;
}
.projh3-main .item{
position: relative;
}
.projh3-main .item-img img{
  width: 100%;
}
.projh3-main .tit{   
font-size: 14px;
position: absolute;
width: 100%;
text-align: center;
bottom: 30px;
left: 0;
font-weight: 400;
color: #666666;
line-height: 24px;
}

.jhform-main{
    padding: 48px 60px 50px;
    height: 252px;
    box-sizing: border-box;
    background: url(../images/jhform-bg.png) no-repeat center center;
    background-size: cover;
}
.jhform-main .tit{
font-size: 18px;
font-weight: 400;
color: #FFFFFF;
line-height: 28px;
}
.jhform-main .ftit{
    margin-top: 6px;
    font-size: 24px;
    font-weight: bold;
    color: #FFFFFF;
    line-height: 32px;
}

.jh-form .form-control{
    background: rgba(255, 255, 255, 0.1);
    color: #fff;
    border: 1px solid rgba(255, 255, 255, 0.2);
}
.jh-form label{
color: #fff;
}
.jh-form .form-control:focus{
    border: 1px solid rgba(255, 255, 255, 0.4);
    background: rgba(255, 255, 255, 0.2); 
}
@media (min-width:767px){
    .jh-form .form-group:first-child{
        margin-left: 0;
    }
    .jh-form{
        margin-top: 8px;
    }
    .jh-form .form-group{
        float: left;
        margin-top: 0;
        margin-left: 20px;
    }
    .wsc-form .fm-btn{
        margin-top: 30px;
    }
}
@media (min-width:1240px){
    .jh-form .form-control{
        width: 430px;
    }
}
@media (min-width:992px) and (max-width:1239px){
    .jh-form .form-control{
        width: 310px;
    }
}
.innews-box{
    margin-top: -1px;
    margin-left: -1px;
    box-sizing: border-box;
    padding: 38px 40px 40px;
border: 1px solid #EAEDF2;
}

.innews-main .row{
margin: 0;
}
.innews-main .col-md-6{
    padding: 0;

}
.innews-ctit .cTitText{
    float: left;
    font-size: 20px;
    line-height: 24px;
}

.list-style3-2 .list-item{
    padding: 0 100px 0 0;
    border: none;
    border-top: 1px solid #EAEDF2;
    background: unset;
    margin-top: 16px;
    padding-top: 16px;

}
.list-style3-2 .list-item:first-child{
    border-top:none;
}
.list-style3-2 .list-tit{
    padding-left: 0;
    background: none;
    font-size: 16px;
    font-weight: 400;
    color: #0A0A0A;
    line-height: 24px;
}
.list-style2-2 .media{
    border-top: 1px solid #EAEDF2;
    margin-top: 20px;
    padding-top: 20px;
}
.list-style2-2 .media:first-child{
    margin-top: 0;
    border-top: none; 
}
.list-style2-2 .media-left a{
    overflow: hidden;
}
.list-style2-2 .media-left img{
    transition: 0.36s;
}
.list-style2-2 .media:hover .media-left img{
    transform: scale(1.08);
}
.list-style3-2{
    margin-top: 23px;
    margin-bottom: 10px;
}
@media (min-width:992px){
    .list-style2-2 .media-left a{
        width: 200px;
    }
    .list-style2-2 {
        margin-top: 6px;
    }
}

@media (max-width:992px){
    .jhpro-nav .inpro{
        margin-top: 10px;
        height: 300px;
    }
    .projh1-main{
        margin-top: 490px;
    }
    .projh-text .inre-more{
        display: none;
    }
    .projh-btn{
        margin-top: 230px;
    }
    .projh-item {
        height: 394px;
    }
    .projh3-main .tit{
        bottom:12px;
    }
}
@media (max-width:767px){
    .banner-projh .banTit{
        padding-top: 40px;
    }
    .index-main{
        margin-top: 10px;
    }
    .jhpro-nav .inpro-info{
        padding: 20px;
    }
    .jhpro-nav .inpro{
        height: 220px;
    }
    .jhpro-nav .inpro-img{
        width: 80%;
        right: 0;
        margin: auto;
    }
    .jhpro-nav .inpro-3 .inpro-img{
        bottom: 16px;
    }
    .banner-projh{
        height: 840px;
    }
    .projh1-main{
        margin-top: 0;
    }
    .projh-search{
        margin-top: 20px;
    }
    .projh1-list .item-box:first-child{
        margin-top: 0;
    }
    .projh1-list .item-box{
        width: 100%;
        margin-top: 10px;
    }
    .projh1-list{
        margin-top: 16px;
    }
    .ft-search input{
        padding: 8px 15px;
    }
    .projh1-list .item{
        padding: 20px;
        height: 132px;
    }
    .projh1-list .item-btn{
        margin-top: 20px;
    }
    .projh1-list .tit{
        font-size: 16px;
    }
    .projh2-list{
        margin-top: 28px;
    } 
    .projh2-list .list-style6{
        margin-top: 4px;
    }
    .projh-tit{
        font-size: 20px;
    }
    .projh-item{
        padding: 20px;
        margin-top: 10px;
    }
    .projh-item{
        height: 220px;
    }
    .projh-btn{
        margin-top:90px;
    }
    .projh3-main .item-box{
        width: 50%;
        padding: 0 5px;
        margin-top: 10px;
    }
    .projh3-main .li-main{
        margin: 0 -5px;
    }
    .jhform-main{
        padding: 20px;
        height:366px;
    }
    .jhform-main .ftit{
        font-size: 18px;
        line-height: 28px;
    }
    .projh3-main{
        margin-top: 8px;
    }
    .innews-box{
        padding: 18px 20px 20px;
    }
    .innews-ctit .cTitText{
        font-size: 16px;
    }
    .list-style2-2 .media{
        margin-top: 15px;
        padding-top: 15px;
    }
    .list-style3-2 {
        margin-top: 4px;
        margin-bottom: 4px;
    }
    .list-style3-2 .list-item {
        margin-top: 12px;
        padding-top: 12px;
    }
}
.pro-ban{
    height: 320px;
}
.pro-top {
    height: 346px;
    margin-top: -260px;
    box-sizing: border-box;
    padding: 38px 40px;
    border: 1px solid #EBEFF5;
    background: rgba(255,255,255,1);
}
.pro-tit {
    font-size: 30px;
    font-weight: bold;
    color: #0A0A0A;
    line-height: 32px;
}
.pro-text {
    font-size: 14px;
    margin-top: 22px;
    font-weight: 400;
    color: #999999;
    line-height: 24px;
    width: 100%;
    height: 48px;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.pro-btns {
    font-size: 0;
    margin-top: 32px;
}
.pro-btns .btn-online {
    margin-right: 10px;
}
 
.pro-top .pro-more {
    margin-top: 30px;
}
.pro-tit2 {
    font-size: 16px;
    font-weight: bold;
   color:#333333;
}
.pro-top .inre-more{
margin-top:12px;
}
.pro-top .inre-more{
    float: left;
}
.side-bar{
    padding: 25px 30px 30px;
    border-top: 5px solid #fbdbdd;
    box-sizing: border-box;
background: #F8FAFD;
}
.side-tit { 
font-size: 18px;
font-weight: bold;
color: #25293E;
line-height: 24px;
}
.side-nav .wsc-class{
    margin-top: 8px;
}
.side-msg{
   text-align: center;
   margin-top: 20px;
}
.side-msg .item-dt {
    font-size: 14px;
    font-weight: 400;
    color: #999999;
    line-height: 24px;
}
.side-msg .item-dd {
    font-size: 18px;
    margin-top: 4px;
    font-family: Arial;
    font-weight: bold;
    color: #25293E;
    line-height: 24px;
}
.side-msg .info2 {
    border-top: 1px solid#EAEEF4;
    padding-top: 20px;
    margin-top: 20px;
}
 
.side-msg .btn{
    width: 100%;
    margin-top: 10px;
}
.rlist-style6{
    margin-top: 10px;
}

@media (max-width:991px){
    .side-nav{
        margin-bottom: 20px;
    }
 
}
@media (max-width:767px){   
    .pro-ban{
        height: 300px;
    }
    .pro-tit{
        font-size: 20px;
        line-height: 28px;
    }
    .pro-text{
        margin-top: 12px;
    }
    .pro-btns{
        margin-top: 20px;
    }
    .pro-btns .btn{
        width: 140px !important;
    }
    .pro-top{
        height: auto;
        padding: 20px;
    }
    .pro-top .pro-more{
        margin-top: 20px;
    }
    .side-bar{
        padding: 15px 20px 20px;
    }
    .side-tit{
        font-size: 16px;
    }
    .side-nav .wsc-class{
        margin-top: 4px;
    }
    .bortop-10{
        border-width: 5px;
    }
}
@media (min-width: 992px){
    .pd-img .carousel-indicators{
        position: unset;
        width: unset;
        margin-left: -5px;
        margin-right: -5px;
        margin-top: 10px;
        font-size: 0;
    }
    .pd-img .carousel-indicators li{
        width: 16.66%;
        height: auto;
        border-radius: 0;
        text-indent: 0;
        margin: 0;
        padding-left: 5px;
        padding-right: 5px;
        border: 0;
        vertical-align: middle;
    }
    .pd-img .carousel-indicators li .img-box{
        height: 65px;
        position: relative;
        border: 1px solid #eaeaea;
    }
    .pd-img .carousel-indicators li img{
        max-width: 100%;
        max-height: 100%;
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        margin: auto;
    }
    .pd-img .carousel-indicators li.active{
        background: none; 
    }
    .pd-img .carousel-indicators .active{
        background-color: unset;
    }
    .pd-img .carousel-indicators .active .img-box{
        border: 1px solid #d4091b;
        background: #ffffff;
    }
    .pd-img .carousel-control{
        top: -65px;

    }
    
}
@media (max-width: 991px){
    .pd-img .carousel-indicators li img{
        display: none;
    }
}
.d-fbox{
background: #FFFFFF;
/*border: 1px solid #EBEFF5;*/
margin-top: 38px;
}
.pd-top .d-tit{
    margin-top: 24px;
}
.d-ftit {
font-size: 16px;
font-weight: bold;
padding: 6px 30px;
margin-top: 0;
color: #687994;
line-height: 32px;
background: #F8FAFD;
}
.d-attr{
padding: 10px 0px;
margin-top: 0;
}
.pd-btn2{
font-size: 14px;
display: inline-block;
font-weight: 400;
color:rgba(104, 120, 148, 0.8);
line-height: 24px;
}
.pd-btn2 span{
font-size: 20px;
font-family: Arial;
font-weight: bold;
color: rgba(10, 10, 10, 0.9);
}
.pd-info .d-btn .pd-btn1{
    margin-right: 20px;
}
.pd-info .pd-btn2{
    border:1px solid #E0E5ED;
    height: 50px;
    text-align: center;
    vertical-align: middle;
    margin-bottom: 10px;
    line-height: 36px;
    padding: 6px 20px;
}
@media (max-width:991px){
    .pd-info .pd-btn2{
        line-height: 30px;
        height: 44px;
        margin-top: 0;
    }
    .pd-info .d-btn .pd-btn1{
        margin-right: 0;
    }
    .pd-info  .btn{
        width: 100%;
    }
}
.pdTab li:first-child {
    background: none;
}
.pdTab li {
    background: url(../images/pd-tit.png) no-repeat left center;
}
.side-pro .item-img {
    margin-top: 20px;
    background-color: #edf0f6;
    width: 220px;
    height: 165px;
    position: relative;
}
.pd-box{
margin-top:40px;
}
.pd-content{
    float: left;
    margin-top: 0;
    width: 880px;
    box-shadow: none;
}
.side-pro .item-img img {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    max-width: 100%;
    max-height: 100%;
}
.side-pro .item-info {
    font-size: 16px;
    line-height: 24px;
    color: #25293e;
    margin-top: 15px;
}
.side-pro .btn{
    width: 100%;
    height: 40px;
}
.side-pro .btn-online{
    line-height: 28px;
    margin-top: 16px;
}
.side-pro .btn-ed{
    margin-top: 10px;
    line-height: 24px;
}
.layout-side{
    float: right;
    width: 280px;
}
 
.side-prolist{
    margin-top: 20px;
}
.side-prolist ul{
    margin-top: 8px;
}
.side-prolist li{
font-size: 14px;
font-weight: 400;
color: #25293E;
    overflow: hidden;
    line-height: 24px;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    height: 24px;
    padding-left: 12px;
    margin-top: 6px;
    background: url(../images/side-pro.png) no-repeat left center;
    -webkit-box-orient: vertical;
}
.side-prolist li:hover{
    color: #EEA93F;
}
.side-list{
    margin-top: 12px;
}
.str-tit{   
font-size: 18px;
font-weight: bold;
color: #d4091b;
line-height: 24px;
}
.str-list{
	margin: 25px -5px 0;
}
.str-list .li-item{
width: 33.33%;
padding: 5px;
box-sizing: border-box;
float: left;
}
.str-box2{
margin-top: 35px;
}
.str-box1{
    margin-top: 16px;
}
.str-list .item{
    display: block;
    background: #F0F5FB;
    box-sizing: border-box;
}
.str-list .item-img{
    text-align: center;
}
.str-list .item-img img{
    max-width: 100%;

}
.str-list  .item-tit{
    font-size: 14px;
    font-weight: 500;
    text-align: center;
    color: #666666;
    line-height: 24px;
    margin-top: 12px;
    }
    .str-list .li-item2{
        width: 25%;
    }
    .str-list2 .item{
        padding: 15px;
    }
    .str-intro{      
font-size: 14px;
font-weight: 400;
margin-top: 20px;
color: #666;
line-height: 24px;
    }
    .str-list3 .li-item{
     width: 20%;
    }
    .str-list3 .item{
        padding: 5px 5px 10px;
    }
    .str-box3{
        padding: 50px;
        height: 590px;
        box-sizing: border-box;
        background: url(../images/str-bg.webp) no-repeat center bottom;
        background-size: cover;
    }
    .str-logo img{
        max-width: 100%;
    }
          .str-main .num{
            font-weight: 400;
        }
    @media (min-width:992px){
        .str-main .num{
            font-size: 40px;
        }
        .str-main {
            margin-top: 24px;
        }
        .in-cintro{
            margin-top: 20px;
        }
    }
    .det-seo {
        background: #F8FAFD;
        border: solid 1px #F0F5FD;
        padding: 20px;
        font-size: 14px;
        line-height: 22px;
        color: #666666;
        margin-top: 20px;
    }
    .det-seo em, .det-seo a {
        font-weight: bold;
        color: #333;
    }
    .wsc-service .projh1-list{
        margin-top: 0;
    }
    .cmfm-content{
        margin-top: 24px;
    }
    .cmfm-main2{
        float: left;
height: 452px;
box-sizing: border-box;
padding: 20px 28px;
background: #FFFFFF;
border: 1px solid #EAEDF2;
    }
    .cmfm-info{
        float: right;
        box-sizing: border-box;
        width: 300px;
        height: 452px;
        padding: 40px 30px;
        background: url(../images/cmfm-bg.webp) no-repeat center bottom;
    }
    .cmfm-main2 .fm-btn .btn{
color: #fff;
background: #262A3E;
    }
    .cmfm-main2 .fm-btn .btn:hover,.sd-form .fm-btn .btn:hover{
        background: #353848;
    }
    @media (min-width:1240px){

        .cmfm-main2 .form-control{
            width: 390px;
        }
        .cmfm-main2  textarea.form-control{
            width: 800px;
        }
        .cmfm-main2{
            width: 640px;
        }
        .cmfm-main2{
            width: 880px;}
    }
    @media (min-width:992px) and (max-width:1239px){
        .cmfm-main2 .form-control{
            width: 270px;
        }
        .cmfm-main2{
            width: 640px;}
        .cmfm-main2  textarea.form-control{
            width: 560px;
        }
    }
    @media (min-width:992px){
     
        .cmfm-main2 .fm-btn .btn{
            width: 200px;
            height: 50px;
        }
        .cmfm-main2 .form-group{
            float: left;
        }    
        .cmfm-main2 .form-group:first-child{
            margin-top: 10px;
        }
        .cmfm-main2 .form-group{
            margin-left: 10px;
            margin-right: 10px;
         }
         .cmfm-main2 .fm-btn{
             margin-top: 20px;
         }
    }
    .cmfm-tit{
font-size: 22px;
font-weight: bold;
color: #262A3E;
line-height: 24px;
    }
    .cmfm-text{       
font-size: 14px;
margin-top: 12px;
font-weight: 400;
color: #0A0A0A;
line-height: 26px;
opacity: 0.7;
    }
    .cmfm-item{
        margin-top: 20px;
    } 
    .wsc-com .pText{
        color: #0A0A0A;
    }
    .cmfm-item .item-dt, .cmfm-item .item-dd{
        float: left;
    }
    .cmfm-item .info{
        margin-top: 10px;
    }
    .cmfm-item .item-dt{
font-size: 14px;
font-weight: 400;
color: #262A3E;
line-height: 30px;
opacity: 0.7;
margin-right:8px;
    }
    .cmfm-item .item-dd{
font-size: 20px;
font-family: Arial;
font-weight: 400;
color: #262A3E;
line-height: 30px;
    }
    .cmfm-box{
        margin-top: 36px;
background: rgba(255, 255, 255, 0.8);
border: 1px solid rgba(255, 255, 255, 0.9);
padding: 26px 20px 30px;
border-radius: 10px;
    }
    .cmfm-box .tit{
font-size: 16px;
font-weight: 400;
color: #262A3E;
line-height: 20px;
    }
    .cmfm-box .btn{
        margin-top: 16px;
        width: 100%;
    }
    @media (max-width:1239px){
        .pd-content{
            float: left;
            margin-top: 0;
            width: 640px;
            box-shadow: none;
        }
        .str-list3 .item-tit{
            font-size: 12px;
            margin-top: 8px;
        }
    }
    @media (max-width:991px){
        .pd-content{
            width: 100%;
        }
        .side-pro{
            display: none;
        }
        .layout-side{
            width: 100%;
        }
        .cmfm-main2{
            width: 100%;
            height: unset;
        }
    }
    @media (max-width:767px){

    .d-fbox{
        margin-top: 16px;
    }
    .d-ftit{
        padding: 6px 15px;
        font-size: 15px;
    }
    .d-attr{
        padding: 12px 10px;
    }
    .pd-btn2{
        display: inline-block;
        width: 100%;
        margin-top: 8px;
    }
    .pd-box{
        margin-top: 20px;
    }
    .wsc-editTit{
        font-size: 18px;
    }
    .str-tit{
        font-size: 16px;
    }
    .str-list,.str-box1{
        margin-top: 12px;
    }
    .str-box2{
        margin-top: 15px;
    }
    .str-list1 .li-item{
        width: 100%;
    }
    .str-list1 .li-item2{
        width: 50%;
    }
    .str-list2 .li-item{
        width: 50%;
    }
    .str-list3 .li-item{
        width: 50%;
    }
    .str-box3{
        padding: 20px;
    }
    .cmfm-main2{
        padding:10px 20px 28px;
    }
    .cmfm-content{
        margin-top: 16px;
    }
}
.solution-ban{
    height: 550px;
}
.solution-ban .banTit {
    padding-top: 76px;
}
.snav-main{
    margin-top: 36px;
}
.snav-main li{
    float: left;
    width: 50%;
    box-sizing: border-box;
    padding: 0 1px;
}
.snav-main li a{
    display: inline-block;
    width: 100%;
    position: relative;
    height: 100px;
    font-size: 20px;
    font-weight: 400;
    color: #FFFFFF;
    text-align: center;
    line-height: 100px;
    background: rgba(0, 0, 0, 0.4);
}
.snav-main li span{
        position: absolute;
        bottom: 0px;
        left: 0;
        right: 0;
        margin: auto;
        height: 4px;
        background-color: #d4091b;
        width: 0;
        transition: 0.36s;
}
.snav-main li a:hover span, .snav-main li.active span {
    width: 100%;
}
.snav-main li a:hover, .snav-main li.active a{
    color: #d4091b;
}
.snav-text{ 
font-size: 16px;
margin-top: 24px;
font-weight: 400;
color: #FFFFFF;
line-height: 30px;
opacity: 0.8;
}
.snav-btn{
margin-top: 32px;
text-align: center;
}
.list-style2-3 .media{
    background: #FFFFFF;
    border: 1px solid #EBEFF5;
}
.list-style2-3 .media-left a{
    width: 280px;
}
.list-style2-3 .media-btn{
    margin-top: 20px;
}
.list-style2-3 .media-heading{
    -webkit-line-clamp:1;
    transition: 0.36s;
}
.list-style2-3 .media-left{
    padding-right: 0;
}
.list-style2-3 .media-text{
    margin-top: 12px;
}
.list-style2-3  .btn-grayed{
    height: 38px;
    width: 160px;
    line-height: 24px;
}
.list-style2-3 .media-body{
padding: 30px;
}
.list-style2-3 .media-left a{
    overflow: hidden;
}
.list-style2-3  .media-left img{
    transition: 0.36s;
}
.list-style2-3 .media:hover .media-left img{
    transform: scale(1.08);
}
.side-msg2{
    margin-top: 0;
}
.side-msg2  .icon {
    width:29px;
    margin: 0 auto;
    height: 28px;
}
.side-msg2 .icon1 {
    background: url(../images/pjside-ico1.png) no-repeat center center;
}
.side-msg2 .icon2 {
    background: url(../images/pjside-ico2.png) no-repeat center center;
}

.side-msg2 .icon3 {
    background: url(../images/pjside-ico3.png) no-repeat center center;
}

.side-msg2 .info{
    margin-top: 8px;
   padding: 28px 5px 20px;
    background: #FFFFFF;
}
.side-msg2 .info1{
    margin-top: 20px;
}
.side-msg2 .item-tel{
    font-size: 22px;
    margin-top: 24px;
    font-family: Arial;
    font-weight: bold;
    color: #333333;
    line-height: 30px;
}
.side-msg2 .item-dd{
font-size: 14px;
font-weight: bold;
color: #262A3E;
margin-top: 8px;
line-height: 24px;
}
.page-btn{
    margin-top: 40px;
    text-align: center;
}
.ywhz-swiper .str-list{
    margin-top: 35px;
}
.ywhz-swiper .swiper-prev, .ywhz-swiper .swiper-next{
    width: 30px;
    height: 40px;
    cursor: pointer;
    top: 0; 
    margin: auto;
    bottom: 0;
    position: absolute;
    display: block;
    transition: 0.36s;
}
.ywhz-swiper .swiper-prev{
 left: 10px;
 background:url(../images/ywhz-prev.png) no-repeat center center;
}
.ywhz-swiper .swiper-next{
    right: 10px;
    background: url(../images/ywhz-next.png) no-repeat center center;
 }
 .ywhz-swiper .swiper-next:hover,.ywhz-swiper .swiper-prev:hover{
opacity: 0.6;
 }
 .ywhz-swiper .str-list3 .item{
    margin: 0 10px;
    padding:10px 10px 10px; 
    text-align: center;
    background: #E9ECEE;
 }
 @media (max-width:991px){
    .snav-main li a{
        height: 80px;
        line-height: 80px;
    }
 }
 @media (max-width:767px){
    .solution-ban{
        height: 410px;
    }
    .solution-ban .banTit{
        padding-top: 40px;
    }
    .snav-main li a{
        font-size: 16px;
        height: 48px;
        line-height: 48px;
    }
    .snav-main li span{
        height: 2px;
    }
    .snav-main{
        margin-top: 20px;
    }
    .snav-text{
        margin-top: 16px;
    }
    .snav-btn{
        margin-top: 20px;
    }
    .list-style2-3 .media-left a{
        width: 132px;
    }
    .list-style2-3 .media-body{
        padding: 15px;
    }
 
    .list-style2-3 .media-btn{
        margin-top: 10px;
    }
    .list-style2-3 .btn-grayed {
        height: 34px;
        font-size: 12px;
        width: 100px !important;
        line-height: 20px;
    }
 }
 .detail-ban{
height: 465px;
 }
 .fa-top {
    padding:40px 40px 40px 460px;
    margin-top: 60px;
    background: #fff;
}

.fatop-img{
    width: 380px;
    margin-left: -420px;
}
.fatop-img img{
    width: 100%;
}
.fatop-img ,.fatop-info{
float: left;
}
.fatop-info{
    width: 100%;
}
.fa-btns {
    margin-top: 36px;
}
.fa-btns a{
    float: left;
    display: block;
}
.fa-btns .btn-online{
    margin-right: 10px;
}
.fa-tit{
font-size: 28px;
font-weight: bold;
color: #0A0A0A;
margin-top: 28px;
line-height: 36px;
}
.fa-Text{ 
font-size: 14px;
margin-top: 24px;
font-weight: 400;
color: #999999;
line-height: 26px;
display: -webkit-box;
overflow: hidden;
text-overflow: ellipsis;
word-break: break-all;
-webkit-box-orient: vertical;
-webkit-line-clamp:4;
}
@media (max-width:991px){

    .fatop-img{
     width: 280px;
     margin-left: -310px;
    }
    .fa-tit{
        margin-top: 8px;
        font-size: 24px;
    }
    .fa-top {
        padding: 30px 30px 30px 340px;
        margin-top: 60px;
        background: #fff;
    }
    .fa-Text{
        -webkit-line-clamp:3;
    }
    .fa-Text{
        margin-top: 12px;
    }
    .fa-btns{
        margin-top: 16px;
    }
    .fa-btns .btn{
        width: 160px;
    }
    .detail-ban{
        height: 390px;
    }
}
@media (max-width:767px){
    .fa-top{
        padding:20px;
        margin-top: 40px;
    }
    .fatop-img{
width: 100%;
margin-left: unset;
    }
    .detail-ban{
        height: 540px;
    }
    .fa-tit{
font-size: 20px;
margin-top: 16px;
line-height: 28px;
    }
    .fa-Text{
        margin-top: 8px;
    }
    .fa-btns .btn{
        width: 140px !important;
    }
}
.pd-main2{
    margin-top: 0;
    background: #fff;
}
.pd-main2 .pd-content{
    padding: 0;
}
.sdfm{
background: #F8FAFD;
}
.sd-msg{
font-size: 12px;
font-weight: 400;
color: #0A0A0A;
line-height: 24px;
opacity: 0.7;
margin-top: 10px;
text-align: center;
}
.sd-tel{
font-size: 18px;
font-weight: bold;
color: #262A3E;
line-height: 24px;
text-align: center;
}
.sdfm-tit{
font-size: 18px;
font-weight: 400;
color: #0A0A0A;
line-height: 24px;
}
.sdfm-text{
font-size: 14px;
font-weight: 400;
color: #565656;
line-height: 24px;
}
.sd-form .form-control{
    background: #fff;
}
.wsc-form textarea.form-control{
    resize: none;
}
.sd-form textarea.form-control{
    height: 40px;
}
.sd-form .fm-btn .btn{
height: 50px; 
color: #fff;
width: 100%; 
background: #262A3E;
}
.sd-form .fm-btn{
    margin-top: 25px;
}
.rTit2 .wsc-editTit{
    float: left;
}
.rlist-style2{
    margin-top: 28px;
}
.nav-main{
	margin: 22px -1px 40px;
}
.nav-main .li-item{
width: 25%;
padding: 1px;
box-sizing: border-box;
float: left;
}
.nav-main .item{
	display: block;
    box-sizing: border-box;
	padding: 20px 20px 20px 132px;
    height: 100px;
    position: relative;
    background: #FFFFFF;
    border: 1px solid #EAEDF2;
}
.nav-main i{
height: 100px;
display: block;
top:0;
left: 50px;
width: 55px;
position: absolute;
}
.nav-main .item-tit{
    font-size: 16px;
    font-weight: 400;
    color: #697B93;
    line-height: 24px;
margin-top: 16px;
}
.nav-main .item::after{
    position: absolute;
    content: "";
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    height: 2px;
    background-color: #d4091b;
    width: 0;
    transition: 0.36s;
}
.nav-main .item:hover::after ,.nav-main .item.active::after{
width: 100%;
}
.nav-main .icon1{
    background: url(../images/nav-icon1.webp) no-repeat center center;	
}
.nav-main .icon2{
    background: url(../images/nav-icon2.webp) no-repeat center center;	
}
.nav-main .icon3{
    background: url(../images/nav-icon3.webp) no-repeat center center;	
}
.nav-main .icon4{
    background: url(../images/nav-icon4.webp) no-repeat center center;	
}
.pjnav-tit{
    font-size: 18px;
    font-weight: bold;
    color: #0A0A0A;
    line-height: 24px;
}
.pjnav-list{
    margin-top: 20px;
}
.pjnav-list li {
    height: 16px;
    float: left;
    margin-right: 38px;
    font-size: 16px;
    font-weight: 500;
    color: #76869B;
    line-height: 18px;
}
.pjnav-list li.active a {
    background-image: url(../images/pj-checkh.png);
}
.pjnav-list li a {
    display: block;
    padding-left: 24px;
    transition: 0.36s;
    background: url(../images/pj-check.png) no-repeat left center;
}
.list-style2-3 .media-text{
    -webkit-line-clamp:3;
}
.wsc-service .projh1-list2{
    margin-top: 28px;
}
 
@media (max-width:1239px){
    .nav-main .item{
        padding-left: 110px;
    }
    .nav-main i{
        left: 40px;
    }
}
@media (max-width:991px){
.nav-main .li-item{
    width: 50%;
}
.wsc-case .list-style2-3 .col-md-6:nth-child(2) .media{
  margin-top: 10px;
}
.wsc-solution .list-style2-3 .col-md-6:first-child .media{
    margin-top: 0;
}
.wsc-solution .list-style2-3 .media{
    margin-top: 15px;
}
}
@media (max-width:767px){
    .pjnav-tit{
        font-size: 16px;
    }
    .nav-main{
        margin-top: 12px;
        margin-bottom: 16px;
    }
    .pjnav-list{
        margin-top: 12px;
    }
    .nav-main .item{
        height:50px;
        text-align: center;
        padding:12px;
    }
    .nav-main i{
      display: none;
    }
    .nav-main .item-tit{
        margin-top: 0;
    }
    .rlist-style2{
        margin-top: 20px;
    }
    .wsc-service .projh1-list2{
        margin-top: 20px;
    }
}
.sdfm{
    margin-top: 20px;
}
.lc-img{
    margin-top: 30px;
}
.lc-img img{
    width: 100%;
}
@media (min-width:768px){
    .case-det .d-tit{
        font-size: 28px;
    }
}
.case-intro{
    margin-top: 0;
    padding: 36px 40px 40px;
background: #F8FAFD;
margin-bottom: 40px;
}
.case-intro .list-text{
    margin: -10px -20px 0;
}
.case-intro .list-text li {
    float: left;
    font-size: 14px;
    font-weight: 400;
    list-style: none;
    margin: 10px 20px 0;
    padding-left: 20px;
    color: #999999;
    line-height: 24px;
    background: url(../images/liststyle6-dot.png) no-repeat left 7px;
}
.case-intro .list-text span{
    color: #0A0A0A;
}
.case-intro .btn{
    margin-top: 24px;
}
.case-det .pd-img .carousel-indicators li{
    width: 8px;
    height: 8px;
    margin-right: 5px;
    margin-left: 5px;
    box-sizing: border-box;
    padding: 0;
    border: 1px solid #262B3F;
    border-radius: 50%;
}
.case-det .pd-img .carousel-indicators li.active{
background: #262B3F ;
}
 .case-det .pd-img .carousel-indicators{
bottom: 30px;
position: absolute;
}
.case-det .d-cover{
    margin-top: 28px;
}
.dcase-main .pdTab-box{
   height: 0;
}
.dcase-main .pd-content{
    padding: 0;
}
.dcase-main .pd-box{
    margin-top: 0;
}
.side-pro{
    background: #F8FAFD;
}

    .page-block .list-style6 .list-btns .btn{
        font-size: 12px;
    }
 
@media (max-width:767px){


    .case-det .d-cover{
        margin-top: 18px;
    }
    .case-det .pd-img .carousel-indicators{
        bottom: 15px;
    }
    .case-intro{
        padding: 18px 20px 20px;
        margin-bottom: 20px;
    }
    .case-intro .btn{
        margin-top: 12px;
    }
    .lc-img{
        margin-top: 20px;
    }
}
.wsc-class3{
background: #FFFFFF;

}
 
.wsc-class3 .li-item{
    float: left;
    width: 25%;
    border: 1px solid #EAEDF2;
    margin-top: -1px;
    margin-left: -1px;
    box-sizing: border-box;
}
.wsc-class3 .li-item .item{
    display: inline-block;   
font-size: 16px;
width: 100%;
box-sizing: border-box;
font-weight: 400;
text-align: center;
color: #697B93;
padding:29px 0;
line-height: 28px;
}
.wsc-class3 .li-item .item:hover,.wsc-class3 .li-item .item.active{
    background:  #312f35;
    color: #fff;
}
.newtop-box{
    position: relative;
}
.newtop-box a{
 display: block;
}
.newtop-img img{
    width: 100%;
}
.newtop-info{
    position: absolute;
    color: #fff;
    bottom: 0;
    padding-top:35px;
    left: 0;
    height: 213px;
    box-sizing: border-box;
    width: 100%;
    background: url(../images/new-bg.png) repeat-x center top;
}
.newtop-info .media{
    border: none;
    background: none;
}
.newtop-info .media-heading,.newtop-info .media-info,.newtop-info .media-text{
    color: #fff;
}
.newtop-info .media-text{
    -webkit-line-clamp:2;
}
.new-main, .new-top{
    margin-top: 30px;
}
.newtop-box2 .media-heading{
    -webkit-line-clamp:2;
}
.newtop-box2 .media-text{
    -webkit-line-clamp:2; 
}
@media (min-width:1240px){
    .newtop-box2 .media-left a{
        width: 275px;
    }
}
@media (min-width:992px)and (max-width:1239px){
    .newtop-box2 .media-left a{
        width: 214px;
    }
    .newtop-box2 .media-heading{
        -webkit-line-clamp:1; 
    }
    .newtop-box2 .media-body{
        padding: 20px;
    }
}
.rTit3 .rTitText{
font-size: 18px;
line-height: 24px;
}
.rTit3 .rMore{
    margin-top: 0;
    font-size: 0;
}
.side-new{
    margin-top: 20px;
}
.list-style2-4{
    margin-top: 4px;
}
.list-style2-4 .media:first-child{
    border-top: none;
}
.list-style2-4 .media{
    border-top: 1px solid #E6E8ED;
    padding-top: 12px;
    margin-top: 12px;
}
.list-style2-4 .media-info{
    margin-top: 8px;
}
.qr-window{width:120px;height:120px;position:absolute;top:42px;z-index:9;left:50%;transform:translateX(-50%);display:block!important;padding:10px;background-color:#fff;box-shadow:0px 4px 8px 0px rgba(0,0,0,0.2)}
.new-tw,.return-last{float:right;width:120px;margin-top:-8px; transition: 0.36s; 
    cursor: pointer; position:relative;box-sizing:border-box;height:32px;
    font-size: 12px;
    padding:0 15px 0 30px;font-weight:400;line-height:30px;color:#999999;
    border: 1px solid #E6E8ED;border-radius:3px;
    background: url(../images/new-tw.png) no-repeat 15px center;}
    .return-last{
        margin-right:5px;
        width:95px;
        padding:0 30px 0 15px;
        background: url(../images/return-list.png) no-repeat 70px center;
    }
    .new-tw:hover{
      color:#fff;
      border-color: #8994a4;
      background:#8994a4 url(../images/new-twh.png) no-repeat 15px center;;
    }
    .return-last:hover{
      color:#fff;
      border-color: #8994a4;
      background:#8994a4 url(../images/return-listh.png) no-repeat 70px center;
    }
    .dp-arr, .dn-arr{
        position: unset;
    }
    .dp-text, .dn-text{
        padding-left: 0;
        margin-top: 4px;
    }
    .wsc-detlink .dl-next{
        padding-top: 16px;
        margin-top: 20px;
        border-top:1px solid #E5EAF1;
    }
    @media (max-width:767px){
        .newtop-info{
            padding: 0;
            height: 92px;
        }
    .rTit3 .rTitText{
        font-size: 16px;
    }
    .wsc-class3 .li-item .item{
        padding: 6px 0;
    }
    .wsc-class3 .li-item .item{
        font-size: 14px;
    }
    .new-main, .new-top{
        margin-top: 20px;
    }
  }
  .wsc-class3-2 .li-item{
width: 50%;
  }

  .epc-block1{
      margin-top: 45px;
  }

  .epc1-main {
    margin-top: 26px;
}
.epc1-main .item {
    position: relative;
}
.epc1-main .item-img {
    overflow: hidden;
}
.epc1-main .item-img img{
    width: 100%;
}
.epc1-main .tit {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 100%;
    height: 28px;
    font-size: 24px;
    font-weight: bold;
    text-align: center;
    color: rgba(255,255,255,1);
    line-height: 28px;
}
.epc-block2{
    margin-top: 60px;
    border-top: 1px solid #EAEDF2;
}
.epc2-main{
    margin-top: 20px;
}
.epc2-main .item-img img{
width: 100%;
}
.epc2-main .item{
border: 1px solid #E4E8EC;
margin-top: 20px;
}
.epc2-main .item-info{
    padding: 32px 30px 40px;
}
.epc2-main .tit{
font-size: 20px;
text-align: center;
font-weight: 400;
color: #0A0A0A;
line-height: 24px;
}
.epc2-main .text{
    margin-top: 20px;
    font-size: 14px;
    font-weight: 400;
    color: #0A0A0A;
    line-height: 26px;
    opacity: 0.7;
}
@media (min-width:768px){
    .wsc-com .pText{
      margin-top: 20px;
    }
    .wsc-class3-2 .li-item .item{
        padding: 22px 0;
    }
    .epc-block2 .inepc-list{
        margin-top: 40px;
    }
    .service2-main2 .d-btn .btn{
        width: 200px;
        margin-bottom: 0;
    }
    .service2-main2  .d-btn{
        margin-top: 30px;
        text-align: center;
        font-size: unset;
    }
    .service2-main2 .pd-btn2 span{
        vertical-align: middle;
    }
}

@media (max-width:991px){
    .epc1-main .item{
        margin-top: 20px;
    }
    .epc1-main{
        margin-top: 6px;
    }
}
@media (max-width:767px){
    .epc-block1{
        margin-top: 20px;
    }

    .epc1-main .item{
        margin-top: 10px;
    }
    .epc-block2{
        margin-top: 30px;
    }
    .epc2-main ,.epc2-main .item{
        margin-top: 10px;
    }
    .epc2-main .item-info{
        padding: 20px;
    }
    .epc2-main .text{
        margin-top: 12px;
    }
}
.service1-main{
    margin-top: 8px;
}
.service1-main .item-icon{
width: 110px;
height: 110px;
background: #F1F2F6 url(../images/service1-icon1.png) no-repeat center center;
border-radius: 50%;
margin: 50px auto 0;
}
.service1-main .icon2{
    background-image: url(../images/service1-icon2.png);
}
.service1-main .icon3{
    background-image: url(../images/service1-icon3.png);
}

@media (min-width:768px){
    .service1-main .item-info{
        padding-top: 28px;
    }
}
.service2-main1{
    margin-top: 36px;
}
.service2-main1 .item{
    box-sizing: border-box;
    width: 50%;
    float: left;
    background: #fff;
    margin-left: -1px;
    padding: 58px 50px 60px;
    border: 1px solid #E8EAF3;
}
.service2-tit{
font-size: 20px;
font-weight: bold;
color: #EEA93F;
line-height: 24px;
}
.service2-main1 .text{   
font-size: 14px;
margin-top: 24px;
font-weight: 400;
color: #777777;
line-height: 26px;
}
.service2-main1 .item-btn{
    margin-top: 36px;
}
.service-block2{
    background: url(../images/service2-bg.jpg) no-repeat center center;
    background-size: cover;
}
.service2-main2{
    background: #fff;
    margin-top: 20px;
    padding: 58px 50px 60px;
}
.service2-list .item-icon{
    width: 90px;
    height: 90px;
    background: #fff url(../images/service2-icon1.png) no-repeat center center;
    border-radius: 50%;
    margin: 35px auto 0;
    }
    .service2-list {
        margin-top: 8px;
    }
    .service2-list .icon2{
        background-image: url(../images/service2-icon2.png);
    }
    .service2-list .icon3{
        background-image: url(../images/service2-icon3.png);
    }
    .service2-list .item {
        border-color:#F5F7FA;
background: #F5F7FA;
    }
    .service2-list  .item-info{
        padding-top:0;
        padding-bottom: 32px;
    }
    @media (max-width:991px) {
        .service2-main1 .item{
            width: 100%;
        }
        .service2-main1 .item2{
            margin-top: 10px;
        }
        .service1-main .text{
display: none;
        }
        .service1-main .row{
          margin: 0 -2px;
        }
        .service1-main .col-xs-4{
          padding: 0 2px;
        }
 
    }
    @media (max-width:767px) {
      .service1-main .item-icon{
        height: 64px;
        width: 64px;
        margin-top: 15px;
      }
      .service1-main .item-info{
        padding: 10px;
      }

      .service2-list .item-icon{
            height: 80px;
            width: 80px;
            margin-top: 20px;
        }
        .epc2-main .tit{
            font-size: 18px;
        }
        .service2-main1 .item,.service2-main2{
            padding: 28px 20px 30px;
        }
        .service2-main1 .item-btn{
            margin-top: 20px;
        }
        .service2-list .item-info{
            padding-bottom: 20px;
        }
        .service1-main .tit{
          font-size: 16px;
          height: 48px;
        }
    }
    .quality1-main .item-img img{
        width: 100%;
    }
    .quality1-main{
        background: #F8FAFD;
    }
    .quality1-main .item-info{   
font-size: 14px;
font-weight: 400;
color: rgba(10, 10, 10, 0.7);
line-height: 26px;
padding: 44px 40px;
    }
    @media (min-width:992px) {
        .quality1-main{
            padding-left: 380px;
        }
        .quality1-main .item-img{
            width: 380px;
            margin-left: -380px;
        }
        .quality1-main .item-img,.quality1-main .item-info{
            float: left;
        }
    }
    .quality-block2{
        background: #F6F8FB;
    }
    .quality2-item{
        padding: 20px 30px 26px;
        background: #fff;
        margin-top: 20px;
    }
    .quality2-item .projh3-main .li-main{
        margin: 0 -5px;
    }
    .quality2-item .projh3-main  .item-box{
        padding: 0 5px;
        margin-top: 10px;
    }
    .quality2-tit{
font-size: 18px;
font-weight: 400;
margin-top: 24px;
color: #0A0A0A;
line-height: 24px;
    }
    .quality2-text{      
font-size: 14px;
margin-top: 8px;
font-weight: 400;
color: #0A0A0A;
line-height: 26px;
opacity: 0.7;
    }
    .quality3-main{
        background: #F8FAFD;
        margin-top: 36px;
    }
    .quality3-main .quality2-item{
        background: #F8FAFD; 
        margin-top: 0;
    }
    .quality3-info{
        padding: 72px 60px 30px 30px;
    }
    .quality3-info .tit,.quality3-info .ftit{
font-size: 20px;
color: #333333;
line-height: 32px;
    }
    .quality3-img  .projh3-main{
        margin-top: 0;
        margin-bottom: 4px;
    }
    .quality3-info .tit{
        font-weight: bold; 
    }
    .quality3-info .text{
        font-size: 14px;
        margin-top: 20px;
        font-weight: 400;
        color: #0A0A0A;
        line-height: 26px;
        opacity: 0.7;
    }
    @media (min-width:992px){
        .quality3-main {
           padding-left: 610px;
        }
        .quality3-img{
            width: 610px;
            margin-left: -610px;
        }
        .quality3-img,.quality3-info{
           float: left;
        }
        .quality3-img  .item-box{
            width: 50%;
        }
    }
    .quality3-team .item-img{
        width: 160px;
        margin: 40px auto 0;
    }
    .quality3-tit{  
    font-size: 18px;
    font-weight: 400;
    color: #333333;
    line-height: 32px;
    margin-top: 36px;
    }
    .quality3-team{
        margin-top: 4px;
    }
    .quality4-main .str-list3 .item{
        padding: 15px 15px 25px;
        background: #fff;
    }
    .quality4-main .str-list3 .tit{
        margin-top: 20px;
    }
    .quality4-main .str-list3 .tit p{
        width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    }
    .quality4-main .str-list{
        margin-top: 28px;
    }
    .quality-block5{
        background: url(../images/quality5-bg.jpg) no-repeat center bottom;
        background-size: cover;
    }

    .quality-block5 .str-list3 .item{
        text-align: center;
    }
    .lx-main{
        padding: 54px 60px;
        background: url(../images/quality6-bg.jpg) no-repeat center center;
        background-size: cover;
    }
    .lx-info {
        max-width: 540px;
        overflow: hidden;
    }
    .lx-btns {
        margin-top: 12px;
    }
    .lx-tit {
font-size: 22px;
font-weight: bold;
color: #FFFFFF;
line-height: 34px;
    }
    .lx-tit span{
        color: #EEA93F;
    }
    .lx-btns .pd-btn2 {
        color: #fff;
        }
        .lx-btns  .pd-btn2 span{
            color: #fff;
        }
        .lx-btns .d-btn{
            margin-top: 4px;
        }
        .lx-btns .pd-btn1{
            margin-left: 20px;
            margin-right: 0;
        }

    @media (min-width:992px){
        .quality-block4 .str-list3 .item{
            text-align: left;
        }
        .lx-info{
            float: left;
        }
        .lx-btns{
            float: right;
        }

        .lx-btns .d-btn .btn{
            width: 160px;
            font-size: 14px;
            height: 40px;
            line-height:26px;
        }
    }
    @media (max-width:1239px){
        .quality1-main .item-info{
          padding: 30px 40px;
        }
        .quality3-info{
            padding: 72px 30px 30px 0px;
        }
        .lx-btns{
            float: left;
        }
    }
    @media (max-width:991px){
    .quality3-info{
        padding:0 30px 30px;
    }
    .quality-block5 .str-list3 .item{
        margin-top: 20px;
    }
    .quality-block5  .quality4-main .str-list{
margin-top: 8px;
    }
   }
   @media (max-width:767px){    

    .quality1-main .item-info{
        padding: 20px;
    }
    .quality2-item{
        margin-top: 10px;
     padding: 4px 20px 16px;   
    }
    .quality2-tit{
        margin-top: 16px;
    }
    .quality3-main{
        margin-top: 20px;
    }
    .quality3-info{
        padding: 0 20px 20px;
    }
    .quality3-info .tit{
        font-size: 18px;
    }
    .quality3-info .ftit{
        font-size: 16px;
        line-height: 24px;
    }
    .quality3-info .text{
        margin-top: 8px;
    }
    .quality3-tit{
        line-height: 28px;
       margin-top: 20px;
    }
    .quality3-team .item-img{
        margin-top: 20px;
        width: 140px;
    }
    .quality4-main .str-list3 .item{
        padding: 10px 10px 12px;
    }
    .quality4-main .str-list3 .tit{
        margin-top: 12px;
    }
    .quality4-main .str-list{
        margin-top: 18px;
    }
    .quality-block5 .str-list3 .item{
      margin-top: 10px;
    }
    .lx-main{
        padding: 20px 20px 24px;
    }
    .lx-tit{
        font-size: 16px;
        line-height: 28px;
    }
    .lx-btns{
        margin-top:0;
    }
    .lx-btns .pd-btn1{
     margin-left: 0;
     margin-top: 12px;
     margin-bottom: 0;
    }
   }
   .about-block1 .item-title {
    font-size: 32px;
    line-height: 45px;
    color: #272727;
    font-weight: bold;
    text-align: center;
}

.about-block1 .item-img img {
    width: 100%;
}
.about-block1 .item-img {
    margin-top: 24px;
    position: relative;
}
.about-block1 .item-box {
    position: relative;
    text-align: center;
}
.about-block1 .item-box:first-child {
    padding-left: 0;
}
.about-block1 strong {
    font-size: 46px;
    font-weight: bold;
    line-height: 54px;
    font-style: italic;

}
.about-block1 sup {
font-size: 16px;
font-weight: 400;
line-height: 24px;
opacity: 0.9;
    position: relative;
    left: 8px;
    top: -20px;
}
.about-block1 .item-into {
    display: block;
font-size: 14px;
font-weight: 400;
color: #0A0A0A;
margin-top: -4px;
line-height: 28px;
opacity: 0.8;
}
.about-block1 .col-md-3:first-child .item-box:after{
    display: none;
}
.about-block1 .item-box:after {
    width: 1px;
    content: "";
    height: 66px;
    background: #DBE1EA;
    position: absolute;
    top: 10px;
    left:-10px;
}
.about-block1 .col-md-3:first-child em {
    display: none;
}
.about-block1 .item-main {
    background: #EDF1F7;
    padding: 52px 0;
}
.about-block1 .item-img img {
    width: 100%;
}
@media (max-width:1239px){
    .about-block1 .item-text p {
        margin-top: 10px;
    }
}
@media (max-width:991px){
    .about-block1 .item-img {
        margin-top: 20px;
    }
    .about-block1 .item-box {
        padding: 10px 0;
    }
    .about-block1 .item-main {
        padding: 5px 0;
    }
}
@media (max-width:767px){
    .about-block1 .item-title {
        font-size: 26px;
    }
    .about-block1 .item-intro {
        font-size: 18px;
        margin-top: 0;
    }
    .about-block1 .item-text {
        padding-top: 5px;
    }
    .about-block1 .item-img {
        margin-top: 10px;
    }

}
.about-video {
    width: 80px;
    position: absolute;
    height: 80px;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    cursor: pointer;
    transition: 0.36s;
    margin: auto;
    background: url(../images/about-video.png) no-repeat center center;
    background-size: contain;
}
.about2-img {
    text-align: center;
}
.about2-img img{
max-width: 100%;
}
.about2-main .str-list3 .li-item{
    padding: 0;
    width: 25%;
}
.about2-main .str-list {
    margin: -100px 0 0;
position: relative;
}
.about2-main .str-list .item{
 background: rgba(255, 255, 255, 0.7);
    padding: 0;
    position: relative;
    margin-top: -1px;
    margin-left: -1px;
}
.about2-main .str-list .item-tit{
    position: absolute;
    bottom: 20px;
    text-align: center;
    width: 100%;
}
.dz1-main {
    margin-top: 28px;
}
.dz1-main .item {
    width: 14.28%;
    float: left;
    overflow: hidden;
    padding: 36px 14px;
    height: 159px;
    line-height: 98px;
    box-sizing: border-box;
    text-align: center;
    font-size: 14px;
    font-weight: 400;
    color: #777777;
    line-height: 22px;
    background: rgba(255,255,255,1);
    border: 1px solid rgba(231,234,244,1);
    border-right: none;
}
.dz1-main .item7 {
    color: #fff;
    background: #d4091b;
    transition: 0.36s;
}
.dz1-main .item7 .btn{
    width: 100%;
    margin-top: 16px;
    line-height: 24px;
    height: 40px;
}
.dz1-main .item7 .btn:hover{
  border-color: #fff;
  background: #fff;
  color: #d4091b;
}
.dz1-main .item7 .item-tit{
    font-size: 16px;
}
.dz1-main .item1 .item-tit{
    margin-top: 30px;
}
.dz1-main .item2 .item-tit,.dz1-main .item3 .item-tit,.dz1-main .item6 .item-tit{
    margin-top: 20px;
}
.dz1-main .item4 .item-tit{
    margin-top:10px;
}
.about2-tit{ 
font-size: 18px;
font-weight: 400;
margin-top: 40px;
color: #0A0A0A;
line-height: 24px;
}
.about-block3{
  background: url(../images/f477407eaecc4aabbe4071df243794df.gif) no-repeat center center;
}


.history-main .swiper-prev,.history-main .swiper-next{
    width: 42px;
    height: 42px;
    cursor: pointer;
    position: absolute;
    border-radius: 50%;
    top: 0;
    bottom: 0;
    margin: auto;
    z-index: 10;
    transition: 0.3s;
}
.history-main .swiper-prev{
    background: rgba(10, 10, 10, 0.3) url(../images/history-prev.png) no-repeat center center;
    left: 0;
}
.history-main .swiper-next {
    background: rgba(10, 10, 10, 0.3) url(../images/history-next.png) no-repeat center center;
    right: 0;
}
.history-main .swiper-prev:hover,.history-main .swiper-next:hover{
    background-color: #d4091b;
}

.history-main .item-year {
    font-size: 32px;
    line-height:36px;
    width: 100%;
    text-align: center;
    position: absolute;
    top: -56px;
}
.history-main {
    width: 100%;
    margin-top: 48px;
    box-sizing: border-box;
    position: relative;
    background: url(../images/history-line.png) no-repeat center center;
}
.history-main .swiper-container{
    margin: 0 -10px;
}
.history-main .item-dot {
    height: 20px;
    width: 100%;
    margin-top: 205px;
    margin-bottom: 25px;
    background: url(../images/history-icon.png) no-repeat center center;
}
.history-main .item{
    position: relative;
    /* padding: 0 10px; */
    margin: 0 10px;
}
.history-main .item-box {
    width: 100%;
    max-width: 280px;
    font-size: 14px;
    color: rgba(123,123,123,1);
    line-height: 24px;
    min-height: 179px;
    margin:0 auto;
    padding: 40px 30px 28px;
    box-sizing: border-box;
    background: url(../images/history-item2.png) repeat-y top;
    background-size: cover;
}
.history-main .swiper-slide:nth-child(even) .item-box {
  position: absolute;
  bottom: 36px;
  left: 0;
  margin: 0 auto;
  right: 0;
  padding:28px 30px 40px;
  background: url(../images/history-item1.png) repeat-y bottom;
  background-size: cover;
}
.history-main .swiper-slide:nth-child(even) .item-year {
  top: 40px;
}
.about-block4{
    background-image: url('../images/about4-bg.jpg'),url('../images/about5-bg.png');
    background-position: center top,center bottom;
    background-repeat: no-repeat, no-repeat;
}
.about4-list .li-item{
    width: 25%;
}
.about4-list  .item{
    background: unset;
}
.about4-list  .item-tit{
    color: #fff;
    font-size: 16px;
    margin-bottom: 16px;
}
.about5-main{
    margin-top: 28px;
}
.about5-main .item{
background: #fff;
padding:30px 20px;
margin-top: 20px;
box-sizing: border-box;
border:20px solid #F6F8FB;
}
.about5-main .item-tit{
    width: 120px;
    height: 102px;
    margin: 0 auto;
    text-align: center;
font-size: 18px;
font-weight: 400;
color: #B09060;
line-height: 22px;
padding:24px 20px;
box-sizing: border-box;
    background: url(../images/about5-icon.png) no-repeat center center;
}
.about5-main .item-text{
    margin-top: 28px;
}
.about5-main .item-text li{
font-size: 14px;
font-weight: 400;
color: #AE8C5A;
line-height: 24px;
padding: 5px 0;
border-bottom: 1px dashed #C9B391;
}
.abTab-box{
    background: #fff;
    height: 80px;
}
.abTab-box .pdTab{
    background: #fff;
}
.abTab-box .pdTab li:first-child{
    border-left: 1px solid #EAEDF2;
}
.abTab-box .pdTab li{
    width: 25%;
    border: 1px solid #EAEDF2;
    border-left: none;
    box-sizing: border-box;
    background: none;
}
.abTab-box .pdTab li a{
    color: #697B93;
}
.about-main{
    margin-top: 60px;
    padding-top: 80px;
}
.abTab-box .pdTab li.active a,.abTab-box .pdTab li:hover a{
    background: #312f35;
    color: #fff;
}
@media (max-width:1239px){
    .history-main .item-box{
        padding: 30px 20px 18px;
    }
    .history-main .swiper-slide:nth-child(even) .item-box{
        padding:18px  20px 30px;
    }
    .history-main{
      background: url(../images/history-line.png) no-repeat center 214px;
    }
    .history-main .swiper-prev, .history-main .swiper-next{
      margin: unset;
      top: 192px;
    }
}
@media (max-width:991px){
    .about-block1  .col-sm-6:nth-child(3) .item-box::before, .about-block1  .col-sm-6:nth-child(4) .item-box::before{
        width: 280px;
        content: "";
        height:1px;
        background: #DBE1EA;
        position: absolute;
        top: 0;
        right: 0;
        margin: auto;
        left: 0;
    }
    .about-block1 .col-md-3:nth-child(3) .item-box:after{
        display: none;
    }
    .about2-main .str-list .item-tit{
        bottom: 10px;
    }
    .dz1-main .item{
        width:33.33%;
        margin-top: -1px;
    }
    .dz1-main .item7{
        width: 100%;
    }
    .history-main .swiper-slide:nth-child(odd) .item-box {
      position: absolute;
      bottom: 36px;
      left: 0;
      margin: 0 auto;
      right: 0;
      padding:18px  20px 30px;
      background: url(../images/history-item1.png) repeat-y bottom;
      background-size: cover;
    }
    .history-main .swiper-slide:nth-child(odd) .item-year {
      top: 40px;
    }
}
@media (max-width:767px){
    .about-block1 .col-sm-6:nth-child(3) .item-box::before, .about-block1 .col-sm-6:nth-child(4) .item-box::before{
width: 80px;
    }
    .about-main {
        margin-top: 30px;
        padding-top: 48px;
    }
    .about-video{
        width: 60px;
        height: 60px;
    }
    .about-block1 strong{
        font-size: 28px;
        line-height: 38px;
    }
    .about-block1 sup{
        top: -8px;
    }
    .about2-main .str-list3 .li-item{
        width: 50%;
    }
    .about2-main .str-list{
        margin-top: -40px;
    }
    .about2-tit {
        margin-top: 20px;
    }
    .dz1-main .item{
        width: 50%;
    }
    .dz1-main .item{
        padding: 15px 10px;
        height: 120px;
    }
    .dz1-main .item7{
        width: 100%;
    }
    .dz1-main{
        margin-top: 18px;
    }
    .history-main{
        margin-top: 20px;
    }
    .about4-list .li-item{
        width: 50%;
    }
    .str-list .item-tit{
        margin-top: 8px;
    }
    .about5-main .item{
        margin-top: 10px;
        border-width: 10px;
    }
    .about5-main{
        margin-top: 12px;
    }
}
.cominfo-main1 .item{
padding: 46px 40px;
box-sizing: border-box;
height: 278px;
background: url(../images/contact1-bg1.png) no-repeat center center;
background-size: cover;
}
.cominfo-main1 .item2{
    background-image: url(../images/contact1-bg2.png);
}
.cominfo-main1 .item-tit{
font-size: 24px;
font-weight: 400;
color: #FFFFFF;
line-height: 24px;
}
.cominfo-main1 .btn-whited{
    margin-top: 28px;
}
.cominfo-main1 .item-ftit{
    font-size: 14px;
    margin-top: 28px;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 26px;
    opacity: 0.7;
}
.cominfo-main1 .item-links{
    margin-top: 8px;
}
.cominfo-main1 .btn-wlink:first-child{
    margin-right: 56px;
}
.contact-block3{
    background: url(../images/contact3-bg.webp) no-repeat center bottom;
    background-size: cover;
}
.marker-route {
    background: url(../images/map-marker.png) no-repeat center center;
    background-size: cover;
    width: 41px;
    height: 52px;
    box-sizing: border-box;
}
.contact3-info{
    margin-top: 24px;
}
.contact3-info li{
    float: left;
font-size: 14px;
font-weight: 400;
float: left;
width: 50%;
padding-left: 20px;
color: #0A0A0A;
line-height: 28px;
    background: url(../images/contact3-icon.png) no-repeat left 8px;
}
.cominfo-main2 {
    margin-top: 28px;
}
.cominfo-main2 .info {
    text-align: center;
    padding: 52px 20px;
    float: left;
    width: 25%;
    box-sizing: border-box;
    background: #fff;
    margin-left: -1px;
    border: 1px solid #EAEDF2;
    height: 210px;
}
.cominfo-main2 i {
    display: block;
    width: 100%;
    height: 23px;
}
.cominfo-main2 .icon1 {
    background: url(../images/cominfo-tel.png) no-repeat center center;
}
.cominfo-main2 .icon2 {
    background: url(../images/cominfo-email.png) no-repeat center center;
}
.cominfo-main2 .icon3 {
    background: url(../images/cominfo-fax.png) no-repeat center center;
}
.cominfo-main2 .info1{
    padding: 40px;
    text-align: left;
    background: url(../images/contact2-bg.webp) no-repeat center center;
}
.cominfo-main2 .info1 .item-tit{
font-size: 14px;
font-weight: 400;
color: #262A3E;
line-height: 20px;
}
.cominfo-main2 .info1 .item-tel{
margin-top: 10px;
font-size: 26px;
font-family: Arial;
font-weight: bold;
color: #262A3E;
line-height: 24px;
}
.cominfo-main2 .info1 .btn{
    margin-top: 26px;
    width: 100%;
}
.cominfo-main2 .item-dt {
    margin-top: 24px;
    font-size: 16px;
    font-weight: bold;
    color: #0A0A0A;
    line-height:24px;
}
.cominfo-main2 .item-dd {
    margin-top: 10px;
font-size: 18px;
font-family: Arial;
font-weight: 400;
color: #777777;
}
@media (max-width:991px){
    .cominfo-main1 .item2{
        margin-top: 10px;
    }
    .cominfo-main2 .info{
     width: 50%; 
     margin-top: -1px;    
    }
    .contact3-info li{
        width: 100%;
    }
}
@media (max-width:767px){
    .cominfo-main1 .item{
        padding: 26px 20px;
        height: auto;
    }
    .cominfo-main1 .item-tit{
   font-size: 20px;     
    }
    .cominfo-main1 .btn-whited{
        margin-top: 16px;
    }
    .cominfo-main1 .item-ftit{
        margin-top: 16px;
    }
    .cominfo-main1 .item-links{
        margin-top: 4px;
    }
    .cominfo-main2 .info{
        padding: 24px 20px;
        height:auto;
    }
    .cominfo-main2 .info1 .item-tel{
        font-size: 20px;
    }
    .cominfo-main2 .info{
        width: 100%;
    }
    .cominfo-main2 .info1 .btn{
        margin-top: 16px;
    }
    .cominfo-main2 .item-dt{
        margin-top: 16px;
    }
    .cominfo-main2 .item-dd{
        margin-top: 6px;
    }
    .contact3-info,.map-main{
        margin-top: 16px;
    }
}
.insolution-swiper .list-tit:hover{
color: #d4091b;
}
.inser-main .item:hover .tit{
    color: #164fbe; 
}
.flist-style .media-text {
    -webkit-line-clamp:2;
}
.prompt-icon{
    height: 65px;
    background: url(../images/susok.png) no-repeat center center;
}
.fixnav003{
    position: fixed;
    right: 20px;
    bottom: 20%;
    z-index: 1000;
}
.fixnav003 .fix-item{
    border: 1px solid #EAEAEA;
    position: relative;
    margin-top: -1px;
}
.fixnav003 .fix-item:first-child{
    margin-top: 0;
}
.fixnav003 .fix-item a{
    display: block;
    width: 60px;
    height: 58px;
    padding-top: 33px;
    text-align: center;
    font-size: 12px;
    color: #333333;
    position: relative;
    z-index: 10;
}

.fixnav003 .fix-online a{
    background: #d4091b url(../images/fn001-onlineh.png) no-repeat center 10px;
    color: #fff;
}
.fixnav003 .fix-tel a{
    background: #fff url(../images/fn001-tel.png) no-repeat center 10px;

}
.fixnav003 .fix-em a{
    background: #fff url(../images/fn001-em.png) no-repeat center 10px;
}
.fixnav003 .fix-top a{
    background: #fff url(../images/fn001-top.png) no-repeat center center;
}

.fixnav003 .fixCon{
    position: absolute;
    right: 58px;
    top: -1px;
    height: 59px;
    background-color: #d4091b;
    z-index: 0;
    width: 0;
    color: #fff;
    overflow: hidden;
    transition: 0.5s;
}
.fixnav003 .fixCon-box{
    padding: 15px 20px;
    line-height: 28px;
    font-size: 18px;
    color: #fff;
    white-space:nowrap;
    font-weight: bold;
}

.fixnav003 .fix-item:hover .fixCon{
    width: 180px;
}
.fixnav003 .fix-em:hover a{
    background: #d4091b url(../images/fn001-emh.png) no-repeat center 10px;
}
.fixnav003 .fix-tel:hover a{
    background: #d4091b url(../images/fn001-telh.png) no-repeat center 10px;

}
.fixnav003 .fix-top:hover a{
    background: #d4091b url(../images/fn001-toph.png) no-repeat center center;
}
.fixnav003 .fix-online{
    border-color:#d4091b;
}
.fixnav003 .fix-online:hover{
    border-color:#d4091b;
}
.fixnav003 .fix-online:hover a{
    background: #d4091b url(../images/fn001-onlineh.png) no-repeat center 10px;
}
.fixnav003 .fix-item{
    transition: 0.36s;
}
.fixnav003 .fix-item:hover a{
color: #fff;
}
.fixnav003 .fix-item:hover{
    border-color:#d4091b;
}
.nlist{
    text-align: center;
    padding: 80px 0 40px;
    color: #868686;
  }
  .nlist .nimg{
  height:132px;
  }
  .nlist .ntext{
  margin-top: 40px;
  }
  .nlist img{
      max-width: 100%;
  }
  .side-pro2 .item-img{
    margin-top: 0;
    }
   .main-style1 .item-info{
      height: 272px;
    }
    .service1-main .item-info{
      height: 190px;
    }
    .service2-main1 .item-info{
      height: 126px;
    }
    .service2-list .item-info{
      height: 136px;
    }
     .about5-main .item{
height: 380px;
    }
    .quality3-team .item-info{
height: 194px;
    }
    @media (max-width:1239px){
      .main-style1 .item-info{
        height: 324px;
      }
      .service1-main .item-info{
        height: 216px;
      }
      .service2-main1 .item-info{
        height: 152px;
      }
      .service2-list .item-info{
        height: 162px;
      }
      .about5-main .item{
        height:512px;
            }
            .quality3-team .item-info{
              height: 220px;
                  }
    }
    @media (max-width:991px){
      .epc2-main .item-info,.service2-main1 .item-info,.about5-main .item,.quality3-team .item-info{
        height: auto;
      }

      /* .rcase-style .list-item{
          padding-left: 280px;
          border:1px #EBEFF5 solid;
      }
      .rcase-style .list-img{
          float: left;
          width: 280px;
          margin-left: -280px;
      }
      .rcase-style .list-info{
          float: left;
          width: 100%;
          padding: 30px;
          border: none;
      } */
    }
    @media (max-width:767px){
        .rcase-style .col-md-3:nth-child(2), .rcase-style .col-md-3:nth-child(3), .rcase-style .col-md-3:nth-child(4){
            display: none;
        }
        .rcase-style .col-md-3{
            width: 100%;
        }
        /* .rcase-style .list-item{
            padding-left: 160px;
        }
        .rcase-style .list-img{
            float: left;
            width: 160px;
            margin-left: -160px;
        }
        .rcase-style .list-info{
            padding:10px 15px;
        } */
    }
    .qyzz-main{
        margin-top: 10px;
    }
    @media (min-width:992px){
        .about5-main .item-tit{
            margin-top: 16px;
        }
    }