body{
    font-family: "SimHei";
    width:100%;
}
.nav {
    width:100%;
    height:600px;
    background-color:#31B2EB;
    color: #fff;
    line-height: 1.3;
    overflow:hidden;
}
.nav .txt {
    display:inline-block;
    width:460px;
    margin-left:20%;
    top:200px;
    position:relative;
}
.nav .txt h2{
    font-size:30px;
    font-weight:600;
    letter-spacing:2px;
    margin-bottom:30px;
}
.nav .txt p{
    font-size:25px;
    letter-spacing:2px;
}
.nav .txt p img {
    width:25px;
}
.nav .pic {
    display:inline-block;
    top:150px;
    position:absolute;
}
.nav .pic img{
    height:450px;
}
.main{
    width: 1000px;
    margin: 0 auto;
    margin-top:50px;
}
.main .leftBox {
    display:inline-block;
    width:50%;
    height:600px;
}
.main .title {
    padding-top:20px;
    font-size:25px;
    color:#838383;
    margin-bottom:30px;
    margin-left:20px;
}
.ExamList {
    display:inline-block;
    width:400px;
    height:450px;
    overflow:hidden;
}
#ExamRoller {
    background:url('../image/line.png') 47px repeat-y;
}
.ExamList .ExamDetail {
    position:relative;
    width:300px;
    background-color:#FFF;
    -moz-border-radius: 12px;
    -webkit-border-radius: 12px;
    border-radius: 12px;
    behavior:url('404.png');
}
.ExamList .ExamDetail.active{
    background-color:#31B2EB;
    color:#FFF;
}
.ExamList .ExamDetail:before {
        position: absolute;
        content: "";
        width: 0;
        height: 0;
        right: 100%;
        top: 72px;
        border-top: 10px solid transparent;
        border-right: 20px solid #FFF;
        border-bottom: 10px solid transparent;
    }
.ExamList .ExamDetail.change:before {
        position: absolute;
        content: "";
        width: 0;
        height: 0;
        right: 100%;
        top: 72px;
        border-top: 10px solid transparent;
        border-right: 20px solid #31B2EB;
        border-bottom: 10px solid transparent;
    }
.ExamList li {
    display:block;
    background:url('../image/point.png') left center no-repeat;
    padding-left:40px;
    margin-bottom:20px;
    overflow:hidden;
}
.ExamList li:hover {
    background:url('../image/hoverpoint.jpg') left center no-repeat;
}
.ExamList li:last-child{
    margin-bottom:0;
}
.ExamList .exam-title {
    width:280px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    font-size:16px;
    font-weight:600;
    padding-left:10px;
    padding-top:10px;
}
.ExamList .exam-time{
    color:#C1C1C1;
    padding-left:10px;
}
.ExamList .exam {
    color:#C1C1C1;
    text-align:left;
    padding:10px 0px 15px 10px;
    color:#FFF;
}
.ExamList .exam .linkBtn{
    display:block;
    width:84px;
    height:40px;
    line-height:36px;
    background-color:#31B2EB;
    color:#fff;
    text-align:center;
    border:2px solid #FFF;
    border-radius:8px;
    position:absolute;
    top:100px;
    left:200px;
    behavior:url('404.png');
}
.ExamList .exam .linkBtn:hover{
    background-color:#FFF;
    color:#31B2EB;
}
.ExamList .exam .linkBtn:visited{
    background-color:#31B2EB;
    color:#FFF;
}
.main .rightBox {
    display:block;
    width:50%;
    float:right;
}
.rightBox .siteBox {
    width: 500px;
    height: 415px;
    background:url('404.png') -14px no-repeat;
    margin-left: 40px;
}
.rightBox .siteBox .topleft,.bottomleft{
    display:inline-block;
    width: 246px;
    height: 200px;
    padding:0;
    margin-left:0;
    overflow: hidden;
}
.rightBox .siteBox .topright,.bottomright{
    display:inline-block;
    width: 246px;
    height: 200px;
    padding:0;
    margin-right:0;
    overflow: hidden;
}
.rightBox .siteBox h3 {
    width:90px;
    text-align:center;
    font-size:16px;
    line-height:28px;
    margin-left:75px;
    margin-top:40px;
    color:#FFF;
}
.rightBox .siteBox .topleft h3 {
    background-color:#31B2EB;
    border:1px solid #31B2EB;
}
.rightBox .siteBox .topright h3 {
    background-color:#85C226;
    border:1px solid #85C226;
}
.rightBox .siteBox .bottomleft h3 {
    background-color:#F4AE00;
    border:1px solid #F4AE00;
}
.rightBox .siteBox .bottomright h3 {
    background-color:#E3556B;
    border:1px solid #E3556B;
}
.rightBox .siteBox ul {
    margin-top:20px;
    padding:0;
    display:block;
}
.rightBox .siteBox li {
    display:inline-block;
    width:90px;
    text-align:center;
    font-size:16px;
    line-height:24px;
    margin:10px 10px;
    border:1px solid #CCCCCC;
}

.rightBox .siteBox a:hover {
    color:#FFF;
}
.rightBox .siteBox li:nth-of-type(even) {
    margin-left:15px;
}
.rightBox .siteBox .topleft li:hover {
    background-color:#31B2EB;
    border:1px solid #31B2EB;
    color:#FFF;
}
.rightBox .siteBox .topright li:hover {
    background-color:#85C226;
    border:1px solid #85C226;
    color:#FFF;
}
.rightBox .siteBox .bottomleft li:hover {
    background-color:#F4AE00;
    border:1px solid #F4AE00;
    color:#FFF;
}
.rightBox .siteBox .bottomright li:hover {
    background-color:#E3556B;
    border:1px solid #E3556B;
    color:#FFF;
}