/*
* @Author: ChunLai
* @Date:   2018-05-23 09:09:09
* @Name:客户案例
*/
/*-----------Tabs-slide--------------*/
.slideTxtBox{ width:100%;padding-top:10px;}
.slideTxtBox .hd{background-color: #f8f2f2;height: 70px;}
.slideTxtBox .hd ul {width:300px;margin: 0 auto;}
.slideTxtBox .hd ul li{font-size: 20px;position: relative; display: block; width: 300px; height: 52px; line-height: 50px;text-align: center; background:url(../images/bg-tag-off.png) no-repeat ;font-weight: bold;cursor:pointer;}
.newprd-s1 { z-index: 20; }
.newprd-s2 { z-index: 19; }
.newprd-s3 { z-index: 18; }
.slideTxtBox .hd ul li:hover, .slideTxtBox .hd ul li.on{ background-image: url(../images/bg-tag-on.png);color: #fff; position: relative; z-index: 99; }
.slideTxtBox .bd ul{width:1200px;display: flex;justify-content: space-around;flex-wrap:wrap; }
.slideTxtBox .bd li{width:319px;margin-bottom: 40px;}

/*bd-contents*/
.bd ul li{background-color:#fff;}
.bd ul li a{display: block;}
.bd ul li b{line-height:35px;font-size: 18px;padding-left: 12px;}
.bd ul li .bd-con1{overflow:hidden;width:92%;margin:0 auto;border-top: 1px dashed #cfcfcf;border-bottom: 1px dashed #cfcfcf;line-height:30px;}
.bd ul li p{padding:10px 12px;}

/*zans*/
.bd-zan{height:40px;padding:5px 0 0 12px;}
.bd-zan em{color:#1e33c7;font-size: 16px;}
.bd-zan span{display: inline-block;line-height:23px;}
.bd-zan span i{color:#bdbdbd;font-size: 18px;}
.bd-zan span.btn b{font-weight: normal;display: inline-block;padding-left: 5px;font-size: 14px;line-height: 23px;}


/*点赞-Animation*/
@-webkit-keyframes niceIn {
    0% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    50% {
        opacity: 1;
        -webkit-transform: scale(1.5);
        transform: scale(1.5)
    }
    70% {
        -webkit-transform: scale(.8);
        transform: scale(.8)
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}
@keyframes niceIn {
    0% {
        opacity: 1;
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }
    50% {
        opacity: 1;
        -webkit-transform: scale(1.5);
        -ms-transform: scale(1.5);
        transform: scale(1.5)
    }
    70% {
        -webkit-transform: scale(.8);
        -ms-transform: scale(.8);
        transform: scale(.8)
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }
}

@-o-keyframes niceIn{
    0% {
        opacity: 1;
        -o-transform: scale(1);
        transform: scale(1)
    }
    50% {
        opacity: 1;
        -o-transform: scale(1.5);
        transform: scale(1.5)
    }
    70% {
        -o-transform: scale(.8);
        transform: scale(.8)
    }
    100% {
        opacity: 1;
        -o-transform: scale(1);
        transform: scale(1)
    }
}

@-moz-keyframes niceIn{
    0% {
        opacity: 1;
        -moz-transform: scale(1);
        transform: scale(1)
    }
    50% {
        opacity: 1;
        -moz-transform: scale(1.5);
        transform:scale(1.5)
    }
    70% {
        -o-transform: scale(.8);
        transform: scale(.8)
    }
    100% {
        opacity: 1;
        -moz-transform: scale(1);
        transform: scale(1)
    }
}
.niceIn {
    -webkit-animation:niceIn 0.8s .2s ease;
    -moz-animation:niceIn 0.8s .2s ease;
    -o-animation:niceIn 0.8s .2s ease;
    animation:niceIn 0.8s .2s ease;
}




/*----------Case_details--------*/
.case_kinds {width: 300px; margin: 0 auto 50px;}
.case_kinds li{position: relative; display: block; width: 300px; height: 52px; line-height: 50px;text-align: center; background:url(../images/bg-tag-on.png) no-repeat ;font-weight: bold;cursor:pointer;}
.case_kinds li a{color: #fff;font-size: 20px; }
.case_details h1{color:#ff822e;letter-spacing: 4px;text-align:center;font-size:50px;}
.case_details p{text-align:center;letter-spacing: 2px;font-size:16px;display: block;margin:15px 0;}
.case_details p i{display: inline-block;width:30px;height:10px;}
.case_body{width:800px;margin:0 auto;}

.div-line{
   width:900px;
   height:3px;
   margin:30px auto;
   background: -webkit-linear-gradient(left, #2ed8ff ,#2eff78,#92ff2e,#ffe52e, #ff4b2e);
   background: -o-linear-gradient(right,#2ed8ff ,#2eff78,#92ff2e,#ffe52e, #ff4b2e);
   background: -moz-linear-gradient(right,#2ed8ff ,#2eff78,#92ff2e,#ffe52e, #ff4b2e); 
   background: linear-gradient(to right, #2ed8ff ,#2eff78,#92ff2e,#ffe52e, #ff4b2e); 
}