/*pc轮播图区域*/
.swiperBox{
    padding: 0;
}
.swiperBox  .swiper-button-prev,
.swiperBox  .swiper-button-next{
    position: absolute;
    width: 81px;
    height: 82px;
    background: rgba(0,0,0,0.2);
    top: 50%;
    z-index: 9999;
    transform: translate(0,-50%);
    -webkit-transform: translate(0,-50%);
    -moz-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    -o-transform: translate(0,-50%);
    transition: all .3s;
}
.swiperBox  .swiper-button-prev:before,
.swiperBox  .swiper-button-next:before{
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 17px;
    height: 30px;
    background: #fff;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    background: url(../img/pres.png) no-repeat center;
    background-size: 100%;
}
.swiperBox  .swiper-button-next:before {
    background: url(../img/nexts.png) no-repeat center;
}
.swiperBox  .swiper-button-prev:hover,
.swiperBox  .swiper-button-next:hover{
    background: rgba(0,0,0,0.4);
}

/*手机轮播图区域*/
#mobileSwiper{
    padding: 0;
    margin:50px 0 0 0;
}
#mobileSwiper .homeNav{
    background-color: rgb(216, 216, 216);
    padding: 6px 4px;
    overflow: hidden;
}
#mobileSwiper .homeNav a{
    background-size: 100%;
    border-top: 1px solid #f8f8f8;
    position: relative;
    float: left;
    height: 40px;
    padding: 15px 0;
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
    font-size: 0.756rem;
    color: #666666;
    text-align: center;
    box-sizing: border-box;
    background: -moz-linear-gradient(top, #fff 40%, #eaeaea,#e2e2e2 ,#d8d8d8);
    background: -webkit-linear-gradient(top, #fff 40%, #eaeaea,#e2e2e2 ,#d8d8d8);
    background: -o-linear-gradient(top, #fff 40%, #eaeaea,#e2e2e2 ,#d8d8d8);
}



/*产品区域*/
#product{
    padding: 0;
}
#product .ndexIMG{
    position: relative;
    top: -80px;
    height: 220px;
    padding: 0;
    font-size: 0;
}
#product .ndexIMG li{
    font-size: 0;
    height: 220px;
    padding: 0 6px;
    position: relative;
}

#product .ndexIMG li  .frist{
    background: #fff;
    transition: all 0.5s;
    position: absolute;
    z-index:100;
    top: 0;
    left: 0;
}
#product .ndexIMG li  .two{
    position: absolute;
    top: 0;
    left: 0;
    z-index:100;
    opacity: 0;
    transition: all 0.5s;
}
#product .ndexIMG li:hover .frist{
    opacity: 0;
    z-index: 0;
}
#product .ndexIMG li:hover .two{
    opacity: 1;
    z-index: 1000;
}


#product .productUL{
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
    top: -66px;
}
#product .productUL li{
    position: relative;
}
#product .productUL li span{
    width: 80%;
    line-height: 21px;
    display: inline-block;
    margin: 0 auto;
    position: absolute;
    bottom: -120px;
    left: 9%;
    padding: 13px 13px;
    transition: all 0.4s ease-out 0s;
    background: rgba(254,11,45,1);
    box-sizing: border-box;
    color: #fff;
    font-size: 15px;
}
#product .productUL li:hover span{
    bottom: 20px;
}
#product .moreButton{
    margin-top: -40px;
}

/*案例区域 pc端的*/
#case{
    padding: 0;
    margin-top: 80px;
}

#case .caseUL{
    padding: 0;
    margin: 0;
}
#case .caseUL .col-sm-8,
#case .caseUL .col-sm-6,
#case .caseUL .col-sm-4{
    padding: 0;
    margin: 0;
    background: #f8f8f9;
}
#case .caseUL h2{
    font-size: 16px;
    color: #000;
    font-weight: 700;
    text-align: center;
    line-height: 50px;
    padding: 0 10px;
    margin: 40px 0 0 0;
}
#case .caseUL p{
    font-size: 14px;
    color: #333;
    padding: 0 10px;
    text-align: center;
}
/*案例区域 pc端的文字隐藏*/
#case .caseUL .hot .info{
    display: none !important;
}
#case .caseUL .like div:nth-child(1) .caseIMG,
#case .caseUL .like div:nth-child(5) .caseIMG{
    display: none !important;
}
#case .caseUL .like div:nth-child(2) .info,
#case .caseUL .like div:nth-child(3) .info,
#case .caseUL .like div:nth-child(4) .info,
#case .caseUL .like div:nth-child(6) .info,
#case .caseUL .like div:nth-child(8) .info{
    display: none !important;
}













    /*案例区域 手机端的*/
#caseMobile{
    padding: 0;
    margin-top: 30px;
}
#caseMobile .swiper-container{
    padding: 19px 6px;
    background: rgb(246, 246, 246);
}
#caseMobile .swiper-slide{
    box-shadow: 0 0 5px #c3c0c0;
    border: 1px #f9f8f8 solid;
    position: relative;
}
#caseMobile .swiper-slide .text{
    position: absolute;
    bottom: 0;
    z-index: 100;
    background: rgba(0,0,0,0.8);
    color:#fff;
    padding: 4px 6px;
    width: 100%;
    display: inline-block;
}
#caseMobile .swiper-slide .text h2 {
    margin: 0 0 0 0;
    font-size: 15px;
    color:#fff;
}
#caseMobile .swiper-slide .text p {
    margin: 0 0 0 0;
    font-size: 12px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    width: 100%;
    display: block;
}




/*产品优势*/
#good{
    text-align: center;
    padding: 0;
    margin-top: 80px;
}
#good  p.say {
    font-size: 14px;
    color: #333;
    padding: 0px;
    margin: 0;
    text-align: center;
}
#good>img{
    margin-top: 72px;
}



/*关于我们*/

#about{
    text-align: center;
    padding: 80px 0;
    margin-top: 100px;
    background: url("../img/indexIMG8.jpg") no-repeat top left;
}
#about .container{
    padding: 0;
}


#about .title p:nth-child(1) {
    color: #fffbfb;
    background: none;
}
#about .title p:nth-child(1) span{
    color: #fff;
}
#about .title p:nth-child(2) {
    color: #fffbfb;
}
#about .title i{
    z-index: 0;
    background: url("../img/border.png") no-repeat top left;
    background-size: 100% 100%;
}

#about .swiperNew .swiper-slide{
    padding-right: 20px;
    box-sizing: border-box;
    text-align: center;

}
#about .swiperNew .swiper-slide a{
    display: inline-block;
    overflow: hidden;
    background: #000;
    padding: 18px 0 0 0;
}
#about .swiperNew .swiper-slide a img{
    width: 100%;
    display: inline-block;
}
#about .swiperNew .swiper-slide a .textInfo {
    width: 100%;
    padding: 54px 26px 26px 26px;
}
#about .swiperNew .swiper-slide a span{
    color: #999;
    display: block;
    font-size: 15px;
    margin-bottom: 4px;
}
#about .swiperNew .swiper-slide a .title{
    color: #fff;
    display: block;
    text-align: center;
    font-size: 16px;
    margin-bottom: 18px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap
}
#about .swiperNew .swiper-slide a .text{
    color: #999;
    display: block;
    text-align: center;
    max-height: 60px;
    overflow: hidden;
    margin-bottom: 12px;
}
#about .swiperNew .swiper-slide a button{
    width: 100%;
    line-height: 40px;
    background: #e0e0e0;
    display: inline-block;
    border: none;
    outline: none;
    color: #666;
    font-size: 12px;
    margin-top: 9px;
}
#about .swiperNew .swiper-slide a:hover{
    text-decoration: none;
    color: #333;
}
#about .swiperNew .swiper-slide a:hover button{
    color:#fff;
    background: rgba(254,11,45,1);
}
#about .container .moreBtnBox{
    text-align: center;
    margin: 40px 0  60px 0;
}
#about .container .moreBtn{
    background: #fff;
    color: rgba(254,11,45,1);
    /*border: 1px #0254a3 solid;*/
    padding: 14px 48px;
    transition: all 0.3s linear;
    margin: 0 auto;
    display: inline-block;
}
#about .container .moreBtn:hover{
    background:rgba(254,11,45,1);
    color: #fff;
}
#about .swiper-button-white{
     width: 28px;
    height: 40px;
    background-size: 12px;
    background-color: #2b2b2b;
}
#about .swiper-button-white.swiper-button-prev{  left: 0;  }
#about .swiper-button-white.swiper-button-next{  right: 18px;  }


/*新闻区域*/
#new{
    text-align: center;
    padding: 0;
    margin-top: 80px;
}
#new a:hover{
    text-decoration: none;
}
#new ul{
    overflow: hidden;
    display: block;
}
#new li a{
    overflow: hidden;
    width: 100%;
    height: auto;
    border-bottom: 1px #e5e5e5 dashed;
    margin:0 0 18px 0;
    padding: 0 0 10px 0;
    display: block;
}
#new .time{
    display: inline-block;
    width: 90px;
    height: 90px;
    color: #fff;
    text-align: center;
    background: rgb(216, 216, 216);
    padding: 18px 0 0 0;
    float: left;
}
#new .time span:nth-child(1){
    display: block;
    font-size: 28px;
    margin: 0 0 0 0;
    line-height: 30px;
}
#new .time span:nth-child(2){
    display: block;
    font-size: 15px;
}
#new .info{
    width: 80%;
    height: 100%;
    display: inline-block;
    padding: 10px 0 0 20px;
    vertical-align: top;
    text-align: left;

}

#new .info h1{
    margin: 0 0 0 0;
    font-size: 18px;
    color: #333;
}
#new li:hover .info h1{
    color: rgba(254,11,45,1);


}
#new .info p{
    font-size: 14px;
    color: rgb(153, 153, 153);
    overflow: hidden;
    max-height: 38px;
    line-height: 20px;
    margin: 10px 0 0 0;
}














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

    #product .productUL{
        position: static;
        top: 0;
        margin: 0;
        padding: 0 4px;

    }
    #product .productUL li{
        padding: 0 4px;
        margin: 0 0 10px 0;
    }
    #product .productUL li img{
        width: 100%;
    }
    #product .productUL li span {
        width: 100%;
        position: static;
        bottom: 0;
        left: 0;
        font-size: 15px;
		 overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap
    }
    #product .moreButton{
        margin-top: 12px;
    }


    #good{
        margin-top: 30px;
        padding: 0 10px;
    }
    #good img{
        margin-top: 0;
    }
    #good .text{
           background: rgb(246, 246, 246);
    max-height: 48px;
    overflow: hidden;
    padding: 6px 19px;
    line-height: 20px;

    }

    #about{
        margin-top: 30px;
        padding: 0 10px;
        background:none  !important;
    }
    #about .swiperNew .swiper-slide{
        padding: 0;
    }

    #about .title p:nth-child(1) {
        color: #000;
        background: #fff;
    }
    #about .title p:nth-child(1) span{
        color: rgba(254,11,45,1);
    }
    #about .title p:nth-child(2) {
        color: #333;
    }
    #about .title i{
        background: rgb(216, 216, 216);
        width: 100%;
        height: 3px;
        position: absolute;
        top: 17px;
        left: 0;
        display: inline-block;
        z-index: -1;
    }
    #about .swiperNew .swiper-slide a {
        background: #f5f5f5;
        border: 1px #e2e2e2 solid;
        padding: 0;
    }
    #about .swiper-button-white.swiper-button-next{
        right: 0;
    }
    #about .swiperNew .swiper-slide a .title{
        color: #000;
    }
    #about .swiperNew .swiper-slide a .textInfo {
        padding: 23px 26px 26px 26px;
    }
    #about .swiper-button-white{
        background-color: #b3b3b3
    }



    #new{
        margin-top: 0;
    }
    #new li a {
        margin: 0 0 10px 0;
        padding: 0 0 4px 0;
    }
    #new .time{
        width: 20%;
        height: auto;
        padding: 12px 0 13px 0;
    }
    #new .info {
        padding: 10px 0 0 10px;
    }


}