/*.succeed-case-banner{
    filter:alpha(opacity=50);
    height:350px;
    background:url(img/apple-iphone-books-desk.png) 0% -60px;
    position: relative;
}*/
.col-sm-6 { width:320px; height:220px; float:left; padding:0px 15px;}
/*页码*/
.list_page{text-align:center;margin:50px;display:block;}
.list_page:after{content:" ";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
.list_page ul{list-style:none;margin:0;padding:0;display:inline-block; background-color:#fff;vertical-align:bottom;}
.list_page ul li{display:inline-block;border:solid 1px #ddd;border-radius:4px; margin-left:0px;}
.list_page ul li:hover{ background-color:#ddd;}
.list_page ul a{color:#333;padding:8px 20px;line-height:25px; margin:0px 0px;display:block;transition:all 1s cubic-bezier(0.175, 0.885, 0.32, 1) 0s;}
.list_page ul a:hover{ font-weight:bold;}
.page_group ul{border-right:solid 1px #ddd;border-radius:4px;}
.page_group ul li{border-right:none;border-radius:0;float:left;}
.page_group ul li:not(:first-child):not(:last-child){border-radius:0;}
.page_group ul li:first-child{border-radius:4px 0 0 4px;}
.page_group ul li:last-child{border-radius:0 4px 4px 0;}
.page_group ul .active a{background:#00c9e2;border-radius:0; color:#fff;}		
.page_up_dn{margin:19px;padding:10px;border:1px solid ccc;background:#f8f8f8;overflow:hidden;zoom:1;}
.page_up_dn li{float:left;width:50%; line-height:35px;}	
.news_p{ width:1050px; height:auto; clear:both; clear:both; padding-bottom:5px; padding-left:20px; margin-bottom:15px; margin-top:50px; border-bottom:1px dashed #e3e3e3; overflow:hidden; border-top:1px dashed #e3e3e3; }
.news_p .pre{ float:left; width:100%; overflow:hidden; font-size:14px; float:left; color:#8e8e8e; line-height:40px;}
.news_p .next{ width:100%; float:right;overflow:hidden; font-size:14px; text-align:left; color:#8e8e8e; line-height:40px;}
.news_p .next a,.news_p .pre a{ color:#8e8e8e; line-height:40px; font-size:14px; }
.news_p .next a:hover,.news_p .pre a:hover{ color:#c00000; line-height:40px; font-size:14px; }



.cooperation-banner {
    filter: alpha(opacity=50);
    height: 350px;
    background: left top no-repeat;
    background-size: 100% 100% !important;
    position: relative;
}
.bg-opacity{
    background: #0d0d10;
    opacity: .749;
    height:100%;
}
.nc-banner-title{
    height:100px;
    color:#fff;
    font-size:42px;
    position: absolute;
    top:0;right:0;left:0;bottom:0;
    margin:auto;
    text-align: center;
}
.nc-banner-title>p{
    letter-spacing:10px;
    font-weight: 600;
}
.nc-banner-title>p span{
    color:#fcaa00;
    font-weight: 600;
}
.nc-banner-title>div{
    font-size: 20px;
    padding-top:5px;
}
.succeed-case-wrap{
    max-width:1190px;
    margin:0 auto;
    padding:0 10px;
}

.succeed-case-cont .container-fluid{
    padding:0;
}
.succeed-case-cont .row{
    font-size: 0;
    margin:0;
    padding-bottom:30px;
}
.succeed-case-cont .row>div{
    font-size: 0;
    margin-top:40px;
}
.succeed-case-box{
    background: #f4f4f4;
    padding: 10px;
}
.succeed-case-box h4+a{
    height:165px;
    display: block;
    overflow: hidden;
}
/*.succeed-button{
    box-sizing: border-box;
    cursor: pointer;
    display: inline-block;
    font-weight: 300;
    text-align: center;
    text-decoration: none !important;
    transition-duration: 0.1s;
    transition-property: all;
    background-color: #fcaa00;
    border-color: #fcaa00;
    color: #fff;
    font-size: 14px;
    height: 35px;
    line-height: 35px;
    padding: 0 30px;
    margin: 5px;
}

.succeed-button:link{
    color:#fff;
}
.succeed-button:hover{
    background: #fcd272;
    color: #fff;
}
.succeed-button:focus{
    color: #fff;
}
.succeed-button:active{
    color: #e59700;
    border-color:#fcaa00;
    background:#fcaa00;
    box-shadow:0 1px 3px rgba(0,0,0,0.2) inset;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3);
}*/
.succeed-button{
    width:94px;
    box-sizing: border-box;
    cursor: pointer;
    display: inline-block;
    font-weight: 300;
    text-align: center;
    text-decoration: none !important;
    transition-duration: 0.1s;
    transition-property: all;
    color: #fcaa00;
    font-size: 14px;
    height: 35px;
    line-height: 35px;
    padding: 0 5px;
    margin: 5px;
    background: rgba(0,0,0,0);
    border:1px solid #fcaa00;
}

.succeed-button:link{
    color:#fcaa00;
}
.succeed-button:focus{
    color: #fcaa00;
}
.succeed-button:hover{
    background-color: #fcaa00;
    color: #fff;
}
.succeed-button:active{
    color: #e59700;
    border-color:#fcaa00;
    background:#fcaa00;
    box-shadow:0 1px 3px rgba(0,0,0,0.2) inset;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3);
}
.succeed-case-cont .container-fluid{
    padding:0;
}
.succeed-case-box{
    background: #f4f4f4;
    padding: 10px;
}
.succeed-case-box>h4{
    padding:5px 0 15px 0;
    font-size: 16px;
    overflow: hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
}
.succeed-case-box>h4 a{
    color: #393939;text-align:center;
    outline: none;
}
.succeed-case-box>h4 a:hover{
    color: #757575;
}
.succeed-case-box>p{
    color:#666;
    font-size: 14px;
    margin: 10px 0;
    height:40px;
    overflow: hidden;
}

@media screen and (max-width:2000px){
    .succeed-case-box h4+a img{
        width:343px;
        margin:0 auto;
    }
}
@media screen and (max-width:1024px){
    .succeed-case-banner{
        background-position:0% 0px;
        background-size:1024px ;
    }
}
@media screen and (max-width:768px){
    .succeed-case-box h4+a{
        height:auto;
    }
    .succeed-case-box h4+a img{
        width:100%;
        height:auto;
    }
    .succeed-case-banner{
        height:200px;
    }
    .nc-banner-title {
        height: 55px;
        font-size: 30px;
    }
    .nc-banner-title>div {
        font-size: 16px;
    }
    .succeed-case-banner{
        background-position:0% 0px;
        background-size:768px ;
    }
}