.banner,
.trivia,
.questionnaire,
.footer{
    max-width: 1920px;
    min-width: 1200px;
    margin: 0 auto;
}

.banner {
    height: 730px;
    background: url(../images/banner.png) no-repeat center top;
    background-size: cover;
}

.focus {
    max-width: 1871px;
    min-width: 1151px;
    height: 443px;
    padding-left: 34px;
    padding-right: 15px;
    padding-bottom: 27px;
    background: url(../images/focus.png) no-repeat center top;
    background-size: cover;
    margin: 0 auto;
}

.title {
    height: 80px;
}

.title .more,
.title .more a {
    display: block;
    height: 80px;
    width: 80px;
}

.focusCon {
    width: 1151px;
    margin: 0 auto;
    overflow: hidden;
}

.focus .title {
    background: url(../images/focusT.png) no-repeat center top;
    background-size: 100%;
    margin: 0 auto;
}

.focusBox {
    width: 638px;
    margin-right: 21px;
    height: 363px;
    overflow: hidden;
    text-align: left;
    position: relative;
}

.focus .pic img {
    width:100%;
    display: block;
}

.focus .txt-bg {
    position: absolute;
    bottom: 0;
    z-index: 1;
    height: 60px;
    width: 100%;
    background: #000;
    filter: alpha(opacity=80);
    opacity: 0.8;
    overflow: hidden;
}

.focus .txt {
    position: absolute;
    bottom: 0;
    z-index: 2;
    height: 60px;
    width: 100%;
    overflow: hidden;
}

.focus .txt li {
    height: 60px;
    line-height: 60px;
    position: absolute;
    bottom: -60px;
}

.focus .txt li a {
    display: block;
    color: white;
    padding: 0 0 0 10px;
    font-size: 24px;
    text-decoration: none;
}

.focus .num {
    position: absolute;
    z-index: 3;
    bottom: 24px;
    right: 8px;
}

.focus .num li {
    float: left;
    position: relative;
    width: 35px;
    height: 4px;
    line-height: 4px;
    overflow: hidden;
    text-align: center;
    margin-right: 10px;
    cursor: pointer;
    background-color: #4f4f4f;
}

.focus .num li a,
.focus .num li span {
    position: absolute;
    z-index: 2;
    display: block;
    color: white;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    text-decoration: none;
}

.focus .num li span {
    z-index: 1;
    filter: alpha(opacity=80);
    opacity: 0.8;
}

.focus .num li.on a {
    background-color: #017BFF;
}

.focusList {
    width: 492px;
    height: 363px;
}

.focusList li {
    height: 90px;
    line-height: 45px;
    overflow: hidden;
    padding: 10px;
    border-bottom: 2px solid #62a4ff;
}

.focusList .act {
    height: 122px;
}

.focusList .act .summary {
    font-size: 20px;
    color: #e6e6e6;
    height: 32px;
    line-height: 32px;
    overflow: hidden;
    text-overflow: ellipsis;
    /* 超出部分显示省略号 */
    white-space: nowrap;
    /*规定段落中的文本不进行换行 */
}

.focusList .titleT {
    color: #fff;
    font-size: 24px;
}

.focusList li a {
    display: block;
    width: 472px;
    height: 90px;
}

.trivia {
    height: 617px;
    margin-top: -10px;
    background: url(../images/trivia.png) no-repeat center top;
    background-size: cover;
}

.activeBox {
    height: 622px;
    width: 1200px;
    margin: 0 auto;
}

.activeBox .title {
    background: url(../images/activT.png) no-repeat center top;
    background-size: 100%;
    margin: 0 auto;
}

.activeList {
    padding-top: 50px;
    height: 432px;
    padding-bottom: 60px;
}

.leftL {
    width: 586px;
    height: 432px;
}

.leftL .titleT {
    font-size: 24px;
    line-height: 42px;
    height: 84px;
    overflow: hidden;
    color: #2b77dd;
}

.leftL .summary {
    margin-top: 15px;
}

.leftL .info {
    margin-top: 5px;
}

.leftL .summary,
.leftL .info {
    font-size: 20px;
    color: #b5b5b5;
    height: 32px;
    line-height: 32px;
    overflow: hidden;
    text-overflow: ellipsis;
    /* 超出部分显示省略号 */
    white-space: nowrap;
    /*规定段落中的文本不进行换行 */
}

.leftL li {
    padding: 15px;
    height: 172px;
    border: 2px solid #ddf1fe;
    margin-bottom: 20px;
}

.leftL li>a {
    display: block;
    width: 552px;
    height: 202px;
}

.leftL li.last {
    margin-bottom: 0;
}

.rightL {
    width: 578px;
    height: 432px;
}

.rightL li {
    color: #b3b3b3;
    font-size: 20px;
    padding-left: 15px;
    margin-top: 16px;
    height: 32px;
    background: url(../images/liBg.png) no-repeat left center;
    line-height: 32px;
    text-overflow: ellipsis;
    /* 超出部分显示省略号 */
    white-space: nowrap;
    /*规定段落中的文本不进行换行 */
}

.rightL li>a {
    display: block;
    width: 563px;
    height: 32px;
}

.rightL .imgL {
    padding-left: 0;
    height: 164px;
    margin-bottom: 26px;
    background: none;
}

.rightL .imgL>a {
    width: 578px;
    height: 164px;
}

.imgL .imgBox {
    width: 219px;
    height: 164px;
    overflow: hidden;
    margin-right: 21px;
}

.imgL .imgBox img {
    display: block;
    width: 100%;
    border: 0;
}

.imgL .infoBox {
    width: 338px;
    height: 164px;
}

.imgL .infoBox .titleT {
    font-size: 24px;
    color: #232323;
    line-height: 42px;
    height: 126px;
    overflow: hidden;
    white-space: normal;
}

.imgL .infoBox .info {
    height: 24px;
    margin-top: 14px;
    line-height: 24px;
    overflow: hidden;
    font-size: 20px;
    color: #b5b5b5;
}

.questionnaire {
    height: 472px;
    background: url(../images/quest.png) no-repeat center top;
    background-size: cover;
}

.questionnaire a {
    display: block;
    width: 1200px;
    margin: 0 auto;
    height: 417px;
}

.picFocus {
    width: 1200px;
    margin: 0 auto;
    overflow: hidden;
}

.picFocus .title {
    background: url(../images/picT.png) no-repeat center top;
    background-size: 100%;
    margin: 0 auto;
}

.picList {
    width: 1134px;
    margin: 0 auto;
    padding: 60px 33px 0;
    height: 530px;
    position: relative;
}

.picList .prev,
.picList .next {
    display: block;
    position: absolute;
    width: 54px;
    height: 54px;
    top: 240px;
    cursor: pointer;
}

.picList .prev {
    left: 0;
    background: url(../images/leftBtn.png) no-repeat center;
    background-size: contain;
}

.picList .next {
    right: 0;
    background: url(../images/rightBtn.png) no-repeat center;
    background-size: contain;
}

.picList ul {
    width: 1134px;
    height: 530px;
    overflow: hidden;
    margin: 0 auto;
}

.picList li {
    width: 278px;
    height: 530px;
    margin-right: 7px;
    float: left;
    display: inline;
}

.picList li>a {
    display: block;
    width: 278px;
    height: 530px;
}

.picList .picBox {
    height: 210px;
    margin-bottom: 6px;
}

.picList .picBox img {
    display: block;
    width: 100%;
}

.picList .textInfo {
    height: 280px;
    padding: 17px;
}

.picList .textInfo .titleT {
    height: 84px;
    overflow: hidden;
    line-height: 42px;
    font-size: 24px;
    color: #fff;
    padding-bottom: 20px;
    border-bottom: 3px solid #b3ccf4;
}

.picList .textInfo .summary {
    line-height: 42px;
    padding: 20px 0;
    height: 126px;
    overflow: hidden;
    color: #fff;
    font-size: 20px;
}

.picList .textInfo1 {
    background-color: #8fb6ed;
}

.picList .textInfo2 {
    background-color: #4694ff;
}

.picList .textInfo3 {
    background-color: #afc0d4;
}

.picList .textInfo4 {
    background-color: #2f55aa;
}

.footer {
    height: 425px;
    margin-top: -15px;
    background: url(../images/footer.png) no-repeat center bottom;
    background-size: cover;
}

.footerCon {
    width: 1200px;
    height: 410px;
    margin: 0 auto;
}

.copyBox {
    height: 55px;
    padding-bottom: 45px;
    padding-top: 310px;
    _zoom: 1;
    overflow: hidden;
}

.copyBox .copy {
    width: 230px;
    height: 55px;
    line-height: 55px;
    text-align: right;
}

.copnItemBox {
    width: 190px;
    font-size: 18px;
    margin-left: 50px;
}

.copnItemBox .type {
    padding-left: 10px;
    padding-right: 10px;
    border-right: 2px solid #84b9fd;
}

.copnItemBox .type .ch {
    height: 30px;
    font-size: 24px;
    line-height: 30px;
    color: #84b9fd;
}

.copnItemBox .name {
    height: 50px;
    line-height: 50px;
    padding-left: 10px;
    padding-right: 10px;
    color: #fff;
    font-size: 24px;
}

.copnItemBox .type .en {
    height: 25px;
    font-size: 18px;
    color: #84b9fd;
    line-height: 25px;
}