.caseBanner{
    width: 100%;
}
.caseBanner img{
    vertical-align: middle;
    width: 100%;
}
.areaBanner{
    width: 100%;
}
.areaBanner img{
    vertical-align: middle;
    width: 100%;
}
.caseList{
    width: 1200px;
    margin: 0 auto;
    margin-top: 20px;
}
.caseList>ul{
    height: 170px;
}
.caseList>ul li{
    float: left;
    width: 240px;
    text-align: center;
    cursor: pointer;
}
.caseList>ul li a{ text-decoration:none;}
.caseList>ul li p{
    font-size: 14px;
    color: #999;
}
.caseList>ul li.active p{
    color: #0099bd;
}
.main{
    width: 100%;

}
.content{
    width: 100%;
    border-bottom: 1px solid #d8d8d8;
}
.content ul{
    width: 1200px;
    height: 75px;
    margin: 0 auto;

}
.content li{
    width: 600px;
    height: 75px;
    line-height: 75px;
    float: left;
    text-align: center;
    font-size: 20px;
}
.content li.active{
    background-color: #0099bd;
    color: #fff;
}
.undertakeSports{
    /*display: none;*/
}
.undertakeSports,.insideSports{
    width: 1200px;
    margin: 0 auto;
    border-top: 1px solid #d1d0d0
}
.sportsCase:after{ 
    content:"."; 
    height:0; 
    visibility:hidden;
    display:block; 
    clear:both; 
}
.sportsCase{
    padding: 50px 0 0px 0;

}
.sportsCase>div:first-child{
    width: 560px;
 }
.sportsCase>div{
    width: 560px;
    float: left;
}
.sportsCase div img{
    width: 300px;
    float: left;
    cursor: pointer;
}
.caseAbstract{
    position: relative;
    width: 260px;
    height: 300px;
    float: left;
    padding-left: 15px;
    box-sizing: border-box;
}
.caseAbstract span{
    font-size: 14px;
    color: #333;
}
.caseAbstract h3{
    font-size: 20px;
    color: #666464;
    font-weight: normal;

}
.caseAbstract pre{
    font-size: 12px;
    color: #828282;
    width: 260px;
    white-space: pre-wrap;
    word-wrap: break-word;
    margin-top: 25px;
    line-height: 25px;
    font-family: "microsoft yahei";
}
.caseAbstract a{
    position: absolute;
    font-size: 14px;
    color: #666464;
    font-weight: bold;
    text-decoration: none;
    bottom: 0;
    left: 15px;    
}
.caseAbstract a:hover{
    color: #0099bd;
}
.paging{
    width: 1200px;
    margin: 70px 0;    
}
.paging ul{
    width: 403px;
    height: 32px;
    margin: 0 auto;
    text-align: center;
}
.paging li{
    float: left;
    width: 30px;
    height:30px;
    line-height: 30px;
    text-align: center;
    color: #666;
    border: 1px solid #dddddd;
    margin-right: 5px;
    cursor: pointer;
}
.paging li:last-child{
    margin-right: 0;
}
.paging .one,.paging .two{
    transform:rotate(180deg);
}
.paging li.active{
    background-color: #0099bd;
    color: #fff;
}