/*浏览器样式重置*/
*{
    padding:0;
    margin:0;
    font-family:'微软雅黑';
}
body,html{
    padding:0;
    margin:0;
    font-size:16px;
    background-color:#F5F5F5;
}
a{
    text-decoration:none;
    color:#8e8e8e;
}
a:hover{
    text-decoration: none;
    color:#8e8e8e;
}
a:focus{
    text-decoration: none;
    color:#8e8e8e;
}
ul{
    list-style: none;
}
.clear{
    clear:both;
}
/*

    页面样式

*/

/*
    banner
*/
.casehome-banner{
    width:100%;
    height:294px;
    padding:0;
    margin-bottom:41px;
    overflow: hidden;
}
/*
    content
*/
.casehome-content{
    width:1200px;
    padding:70px 102px;
    margin:0 auto 43px;
    border:1px solid #CECECE;
    background-color:#fff;
    position: relative;
}
.casehome-content .tab-bar{
    width:10%;
    margin-right:85px;
    float: left;
}
.casehome-content .tab-bar span{
    font-size:20px;
}
.tab-bar .tab-title{
    width:140px;
    border-bottom:1px solid #E3E3E3;
    padding:18px 0;
    color:#000;
    font-size:24px;
    font-weight:normal;
}
.tab-bar .tab-list span{
    display: inline-block;
    position: relative;
    width:140px;
    border-bottom:1px solid #E3E3E3;
    padding:18px 0;
    font-size:20px;
    cursor:pointer;
}
.tab-bar .tab-list span:hover{
    color:#0066b8;
}
.tab-active{
    color:#0066b8;
}
.tab-active:before {
    content: '';
    display: block;
    line-height: 0;
    border:6px solid #0066b8;
    border-right-width: 0;
    border-top-color:transparent;
    border-bottom-color: transparent;
    position: absolute;
    right:0;
    top:50%;
    margin-top:-5px;
}
/*
    案例内容
*/
.tab-content{
    display: none;
    float: left;
    width:82%;
}
.content-list li{
    overflow: hidden;
    margin-bottom:20px;
}
.content-list li img{
    float: left;
}
.content-list .pro-content{
    float: left;
    border-bottom:1px solid #E3E3E3;
    width: 668px;
    margin-left: 20px;
}
.content-list .pro-content h1{
    color:#000;
    font-size:20px;
    font-weight:normal;
    margin-bottom:20px;
}
.pro-content h1 a{
    color: #000;
}
.content-list .pro-content .thanks-word{
    font-size:14px;
    color:#8e8e8e;
    line-height: 1.7;
}
.content-list .pro-content .pro-category{
    margin:20px 0 26px 0;
    font-size:14px;
    color:#8e8e8e;
}
.content-list .pro-content .pro-category b {
    display: inline-block;
    position: relative;
    width: 28px;
    height: 24px;
    top:5px;
    background: url('../../statics/images/images/case_08.png') no-repeat;
    background-size:cover;
}
/*
    分页
*/
.page-switch{
    width: 100%;
    text-align: right;
    margin: 40px 0 0px 0;
    position: relative;
    right: 12%;
}
.page-switch span{
    color: #fff;
    background: #238EFA;
    border-color: #238EFA;
    display: inline-block;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
}
.page-switch a{
    text-align: center;
    line-height: 27px;
    font-size: 14px;
    color: #000;
    padding: 4px 10px;
    margin: 0 5px;
    border: 1px solid #E3E3E3;
}



.page-switch button{
    padding:4px 10px;
    cursor: pointer;
    border:1px solid #E3E3E3;
    color:#000;
    font-size:14px;
    /*background:-webkit-gradient(top,#FFFFFF,#F0F0F0);*/
    background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFFFFF), to(#F0F0F0));
}
.pagenum-list{
    display: inline-block;
    text-align:right;
    position: relative;
    right:0;
    top:9px;
    margin:0 5px;
    overflow: hidden;
}
.pagenum-list li{
    float: left;
    padding:4px 10px;
    margin:0 5px;
    font-size:14px;
    color:#000;
    border:1px solid #E3E3E3;
    cursor: pointer;
}
.pagenum-list .pagenum-active{
    color:#fff;
    background: #238EFA;
    border-color:#238EFA;
}