@charset "UTF-8";

/*--- all page data ---*/
.page-all{width: 100%;}
.page-all .page-1,
.page-all .page-2,
.page-all .page-3,
.page-all .page-4,
.page-all .page-5,
.page-all .page-6,
.page-all .page-7,
.page-all .page-8,
.page-all .page-9,
.page-all .page-10{height: 1080px;}

/*--- page 1 ---*/
.page-1{width: 100%;}
.page-1 img{width: 100%;height: 100%;}
.page-1 .title-group{position: absolute;z-index: 10;top: 0;left: 0;width: 100%;height: 100%;margin-top: 12%;}
.page-1-max-title, .page-1-min-title, .page-2-max-title{margin: 0 auto;}
.page-1-max-title{margin-top: 0.5%;}
.show-page{margin: 70px auto 0;}
.page-1 .title-group img{display: none;}
.page-1 .max-title-img{background: url("../images/page-1-max-title.png") no-repeat center;width: 100%;background-size: 80%;height: 100%;}
.page-1-min-title{margin-top: 0.5%;}
.page-1 .max-title-img-2{background: url("../images/page-2-max-title.png") no-repeat center;width: 100%;background-size: 80%;height: 100%;}
.page-1 .min-title-img{background: url("../images/page-1-min-title.png") no-repeat center;width: 100%;background-size: 80%;height: 100%;}
.page-1 .show-page-img{background: url("../images/page-1-down.png") no-repeat center;width: 100%;height: 100%;background-size: 75%;}

/*--- page 2 ---*/
.page-2{width: 100%;background: url("../images/page-2-bg.jpg") no-repeat center;background-size: 100%;}
.page-2 img{display: none;}
.page-2-nav-box{position: absolute;bottom: 25%;width: 100%;}
.page-2-nav{width: 995px;margin: 0 auto;}
.page-2-nav .nav-item{background: #b90309;width: 218px;height: 65px;margin-right: 15px;margin-top: 15px;margin-left: 15px;}

.page-2-nav a.animBtn:link, a.animBtn:visited {position: absolute;display: block;width: 180px;width: 214px;height: 61px;line-height: 61px;border: 2px solid #F9F3B7;background: rgba(255, 255, 255, 0.2);color: #fff; text-align: center;text-decoration: none;text-transform: uppercase;overflow: hidden;letter-spacing: .08em;text-shadow: 0 1px 1px rgba(0,0,0,0.2);-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;z-index: 5;color: #F9F3B5;letter-spacing: 0;font-size: 25px;font-family: "宋体";font-weight: bold;}
.page-2-nav a.animBtn:link:after, a.animBtn:visited:after {content: "";position: absolute;background: none repeat scroll 0 0 #FFF;height: 0%;left: 50%;top: 50%;width: 100%;z-index: -1;-webkit-transition: all .3s ease 0s;-moz-transition: all .3s ease 0s;-o-transition: all .3s ease 0s;transition: all .3s ease 0s;}
.page-2-nav a.animBtn:link:hover, a.animBtn:visited:hover {color: #C7353A;text-shadow: none;}
.page-2-nav a.animBtn:link:hover:after, a.animBtn:visited:hover:after {height: 420%;}
.page-2-nav a.animBtn.themeD:after {width: 0%;border-radius: 50%;opacity: .5;-moz-transform: translateX(-50%) translateY(-50%);-ms-transform: translateX(-50%) translateY(-50%);-webkit-transform: translateX(-50%) translateY(-50%);transform: translateX(-50%) translateY(-50%);}
.page-2-nav a.animBtn.themeD:hover:after {height: 450%;width: 110%;opacity: 1;}

/*--- page nav ---*/
.page-nav{background: url("../images/title-bg.png") no-repeat center;width: 100%;height: 137px;position: absolute;top: 0;}
.page-nav-box{width: 1300px;margin: 0 auto;}
.page-nav-occupation{width: 244px;height: 50px;}
.page-nav-items{width: 517px;height: 50px;margin-top: 22px;}
.page-nav-items .nav-item{width: 118px;margin-right: 15px;height: 43px;background: #FFF;}

.page-nav a.animBtn:link, a.animBtn:visited {position: absolute;display: block;width: 116px;height: 41px;line-height: 41px;border: 1px solid #FFF;background: rgba(255, 255, 255, 0.2);color: #CA0205; text-align: center;text-decoration: none;text-transform: uppercase;overflow: hidden;letter-spacing: .08em;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;z-index: 5;letter-spacing: 0;font-size: 18px;font-family: "宋体";font-weight: bold;}
.page-nav a.animBtn:link:after, a.animBtn:visited:after {content: "";position: absolute;background: none repeat scroll 0 0 #dc383b;height: 0%;left: 50%;top: 50%;width: 100%;z-index: -1;-webkit-transition: all .3s ease 0s;-moz-transition: all .3s ease 0s;-o-transition: all .3s ease 0s;transition: all .3s ease 0s;}
.page-nav a.animBtn:link:hover, a.animBtn:visited:hover {color: #FBF3B5;text-shadow: none;border: 1px solid #FAF3B5;}
.page-nav a.animBtn:link:hover:after, a.animBtn:visited:hover:after {height: 420%;border: 1px solid #FAF3B5;}
.page-nav a.animBtn.themeD:after {width: 0%;border-radius: 50%;opacity: .5;-moz-transform: translateX(-50%) translateY(-50%);-ms-transform: translateX(-50%) translateY(-50%);-webkit-transform: translateX(-50%) translateY(-50%);transform: translateX(-50%) translateY(-50%);}
.page-nav a.animBtn.themeD:hover:after {height: 450%;width: 110%;opacity: 1;border: 1px solid #FAF3B5;}
.selected{background: #CA0205 !important;border:1px solid #FAF3B5 !important;color: #FAF3B5 !important;}

/*--- marking ---*/
.marking{position: absolute;width: 260px;height: 160px;filter: progid:DXImageTransform.Microsoft.gradient( GradientType = 0,startColorstr = '#80000000',endColorstr = '#80000000')\9;top: 0;right:0;z-index: 20;}
.marking p{color: #FFF;width: 80%;margin: 20px auto 0;font-size: 12px;text-indent: 2em;line-height: 25px;}
.min-close{position: absolute;top: 10px;right: 10px;background: url("../images/min-close.png") no-repeat center;width: 17px;height: 16px;}

/*--- page animation ---*/
.page-3 a.animBtn.themeA:after,
.page-4 a.animBtn.themeA:after,
.page-5 a.animBtn.themeA:after,
.page-6 a.animBtn.themeA:after,
.page-7 a.animBtn.themeA:after,
.page-8 a.animBtn.themeA:after,
.page-9 a.animBtn.themeA:after,
.page-10 a.animBtn.themeA:after{-moz-transform: translateX(-50%) translateY(-50%) rotate(-45deg);-ms-transform: translateX(-50%) translateY(-50%) rotate(-45deg);-webkit-transform: translateX(-50%) translateY(-50%) rotate(-45deg);transform: translateX(-50%) translateY(-50%) rotate(-45deg);}

/*--- nav 3 ---*/
.page-3-title{background: url("../images/title-1.png") no-repeat center;width: 100%;height: 29px;margin-top: 170px;}
.hot-news{padding: 25px 83px 17px;width: 932px;border: 1px solid #EFEFEF;box-shadow: 0px 1px 15px #e2dfdf;margin: 45px auto 0;position: relative;}
.hot-ico{background: url("../images/hot-news-ico.png") no-repeat center;width: 56px;height: 56px;position: absolute;z-index: 5;top: 0;left: 0;}
.hot-news-title{color: #C40004;font-size: 23px;font-weight: bold;text-align: center;}
.hot-news-summary{color: #676767;line-height: 25px;margin-top: 20px;}
.hot-news-summary a{color: #C30008;}

.notice-box{width: 1100px;margin: 0 auto;}
.notice{padding: 12px 20px;border: 1px solid #EFEFEF;background: #FDFBFC;margin: 20px 0 0;width: 948px;}
.notice a{margin-right: 10px;width: 464px;}
.notice .point{background: url("../images/point.png") no-repeat center;width: 4px;height: 19px;margin-right: 10px;}
.notice-more{background: #CF0105;color: #FFF;width: 95px;margin-left: 10px;height: 45px;line-height: 45px;margin-top: 20px;text-align: center;}

.news-list-box{margin: 20px auto 0px;width: 1100px;padding-bottom: 70px;}

.loop-img{ height: 330px;width: 515px;}
.focus{position: relative;width: 515px;height: 330px;background-color: #000;float: left;}
.focus img{ width: 515px; height: 330px;}
.focus .shadow .title{width: 260px; height: 65px;padding-left: 30px;padding-top: 20px;}
.focus .shadow .title a{ text-decoration:none; color:#fff; font-size:14px; font-weight:bolder; overflow:hidden; }
.focus .btn{ position:absolute; bottom:34px; left:510px; overflow:hidden; zoom:1;}
.focus .btn a{position:relative; display:inline; width:13px; height:13px; border-radius:7px; margin:0 5px;color:#B0B0B0;font:12px/15px "\5B8B\4F53"; text-decoration:none; text-align:center; outline:0; float:left; background:#D9D9D9; }
.focus .btn a:hover,.focus .btn a.current{  cursor:pointer;background:#fc114a;}
.focus .fPic{left: 0px;top: 0px;}
.focus .D1fBt{ overflow:hidden; zoom:1;  height:16px; z-index:10;  }
.focus .shadow{width: 100%;position: absolute;bottom: 0;left: 0px;z-index: 10;height: 32px;line-height: 32px;background: rgba(0,0,0,0.6);filter: progid:DXImageTransform.Microsoft.gradient( GradientType = 0,startColorstr = '#80000000',endColorstr = '#80000000')\9; display: block;text-align: left;}
.focus .shadow a{text-decoration:none;color:#fff;overflow:hidden;margin-left:10px;font-family: "\5FAE\8F6F\96C5\9ED1";}
.focus .fcon{ position:relative; width:100%; float:left;  display:none; background:#000  }
.focus .fcon img{ display:block; }
.focus .fbg{bottom: 7px;left: 410px;position: absolute;height: 17px;text-align: center;z-index: 200;}
.focus .fbg div{margin:4px auto 0;overflow:hidden;zoom:1;height:14px}
.focus .D1fBt a{position:relative; display:inline; width:12px; height:12px; border-radius:7px; margin:0 5px;color:#B0B0B0;font:12px/15px "\5B8B\4F53"; text-decoration:none; text-align:center; outline:0; float:left; background:#D9D9D9; }
.focus .D1fBt .current,.focus .D1fBt a:hover{background:#fc114a;}
.focus .D1fBt img{display:none}
.focus .D1fBt i{display:none; font-style:normal; }
.focus .prev,.focus .next{position:absolute;width:40px;height:74px;}
.focus .prev{top: 50%;margin-top: -37px; left: 0;background-position:0 -74px; cursor:pointer; }
.focus .next{top: 50%;margin-top: -37px; right: 0;  background-position:-40px -74px;  cursor:pointer;}
.focus .prev:hover{  background-position:0 0; }
.focus .next:hover{  background-position:-40px 0;}
.news-list-items{width: 560px;border-top: 1px dashed #E4E2E3;margin-left: 25px;}
.news-list-items a{width: 560px;border-bottom: 1px dashed #E4E2E3;padding: 18px 0;}
.news-list-items .news-item-summary{margin-top: 10px;height: 38px;color: #666666;font-size: 14px;}
.news-list-items .news-item-title{font-size: 18px;}

/*--- return home ---*/
.return-home{background: url("../images/return-home.png") no-repeat center;width: 27px;height: 40px;position: fixed;bottom:-50px;right: 30px;z-index: 20;}
.return-home-selected{background: url("../images/return-home-selected.png") no-repeat center !important;}

/*--- data box ---*/
.data-box{width: 100%; }

/*--- page 4 ---*/
.page-4{background: #F6F6F6;height: 1080px !important;}
.page-4-content{position: relative;}
.page-4-title{background: url("../images/title-2.png") no-repeat center;width: 100%;height: 28px;margin-top: 180px;}
.page-4 .hot-change{width: 1058px;border-radius: .5rem;padding: 20px;margin: 33px auto 0;box-shadow: 0px 5px 12px #F5E9EB;background: #FFF;}
.page-4 .hot-change img{width: 190px;height: 135px;background: #DDD;}
.page-4 .hot-change-summary{margin-left: 40px;width: 828px;font-size: 15px;color: #676767;line-height: 30px;padding-top: 15px;height: 120px;}
.page-4 .change-bottom-ie{display: none;}

@keyframes move_wave {
    0% {transform: translateX(0) translateZ(0) scaleY(1)}
    50% {transform: translateX(-30%) translateZ(0) scaleY(0.55)}
    100% {transform: translateX(-50%) translateZ(0) scaleY(1)  }
}
.waveWrapper {overflow: hidden;position: absolute;left: 0;right: 0;bottom: 0;top: 0;margin: auto;width: 100%;  height: 150px;}
.waveWrapperInner {position: absolute;width: 100%;overflow: hidden;height: 100%;bottom: -1px;}
.bgTop {z-index: 15;opacity: 0.5;}
.bgMiddle {z-index: 10;opacity: 0.75;}
.bgBottom {z-index: 5;}
.wave {position: absolute;left: 0;width: 200%;height: 100%;background-repeat: repeat no-repeat;background-position: 0 bottom;transform-origin: center bottom;}
.waveTop {background-size: 50% 100px;}
.waveAnimation .waveTop {animation: move-wave 3s;-webkit-animation: move-wave 3s;-webkit-animation-delay: 1s;animation-delay: 1s;}
.waveMiddle {background-size: 50% 120px;}
.waveAnimation .waveMiddle {animation: move_wave 12s linear infinite;}
.waveBottom {background-size: 50% 100px;}
.waveAnimation .waveBottom {animation: move_wave 20s linear infinite;}
.change-bottom{position: relative;bottom: 168px;width: 100%;height: 150px;}
.change-show-data{width: 1100px;margin: 40px auto;}
.change-show-data .change-group{margin-right: 71px;}
.change-show-data .change-group-img{background: url("../images/data-show-img.png") no-repeat center;width: 319px;height: 315px;padding-top: 25px;}
.change-show-data .change-group-img img{width: 270px;height: 270px;margin: 0 auto;background: #DDD;display: block;}
.change-show-data .change-group .more{background: url("../images/data-more.png") no-repeat -7px 0px;width: 39px;height: 38px;margin: -25px auto 0;}
.change-show-data .change-group .hr1{background: url("../images/data-more-bottom-1.png") no-repeat center;width: 20px;height: 137px;margin: 10px auto 0;}
.change-show-data .change-group .hr2{background: url("../images/data-more-bottom-2.png") no-repeat center;width: 20px;height: 137px;margin: 10px auto 0;}
.change-show-data .change-group .hr3{background: url("../images/data-more-bottom-3.png") no-repeat center;width: 20px;height: 137px;margin: 10px auto 0;}
.change-bottom{display: none;}

/*--- page 5 ---*/
.page-5{background: url("../images/page-5-bg.png") repeat-y center;height: 1080px !important;}
.page-5 .page-5-title{background: url("../images/title-3.png") no-repeat center;width: 196px;height: 97px;margin: 150px auto 0;}
.page-photo-show{background: url("../images/old-photo-bg.png") no-repeat center;width: 990px;height: 500px;margin: 10px auto 0;text-align: center;}
.page-photo-show .photo-show-title{padding: 25px 0;text-align: center;color: #FCF5BE;font-size: 25px;font-family: "宋体";font-weight: bold;letter-spacing: 0;}
.page-photo-show img{width: 715px;height: 345px;background:#DDD;}
.photo-operation{width: 715px;margin: 0 auto;}
.photo-operation .photo-left{background: url("../images/img-left-arrow.jpg") no-repeat center;width: 51px;height: 48px;}
.photo-operation .photo-right{background: url("../images/img-right-arrow.jpg") no-repeat center;width: 51px;height: 48px;}
.old-photo-name{width: 613px;height: 48px;background: #CE0205;text-align: center;line-height: 48px;color: #FFF;font-size: 16px;font-family: "宋体";font-weight: bold;letter-spacing: 0;}
.page-photo-list{margin-top: 35px;width: 1300px;margin-left: auto;margin-right: auto;}
.page-photo-hr{background: url("../images/page-photo-hr.jpg") no-repeat center;width: 1226px;height: 14px;margin: 0 auto;}
.page-photo-content{height: 115px;width: 1300px;overflow: hidden;position: relative;}
.page-photo-content li{float: left;margin-top: 5px;margin-right: 10px;}
.page-photo-content img{width: 134px;height: 105px;background: #DDD;}
#photo-show{width: 9999px;height: 110px;}
.photo-box{position: absolute;border: 2px solid #CE0205;width: 134px;height: 105px;top: 3px;left: 0px;z-index: 15;}

/*--- page 6 ---*/
.page-6{height: 100% !important;}
.title-6{background: url("../images/title-4.png") no-repeat center;width: 100%;height: 29px;margin-top: 180px;}
.page-6-data{width: 1090px;margin: 85px auto 0;position: relative;}
.page-6-data-item{margin: 0 15px 25px;}
.page-6-data .user-img{background: url("../images/powerhouse-img.png") no-repeat center;width: 105px;height: 87px;}
.page-6-data .user-name{background: #CD0005;padding: 35px 0;color: #FFF;text-align: center;font-size: 25px;font-weight: bold;font-family: "宋体";width: 105px;}
.page-6-data .user-info-ico{background: #343843 url("../images/powerhouse.png") no-repeat center;width: 105px;height: 41px;padding: 25px 0;}
.page-6-data .user-summary{padding: 35px 45px;border: 1px solid #F2F2F2;width: 318px;height: 205px;}
.page-6-data .user-summary .summary-title{font-size: 18px;margin-bottom: 25px;}
.page-6-data .user-summary .user-name-str{color: #CC0104;}
.page-6-data .user-summary .summary-info{color: #8C8C8C;font-size: 15px;line-height: 26px;}
.page-6-data .user-summary .summary-info .title{color: #666666;}
.page-6-data-nav{margin-bottom: 80px;width: 120px;margin-left: auto;margin-right: auto;}
.page-6-data-nav span{width: 25px;height: 5px;background: #343843;margin: 2px;}
.page-6-data-nav .selected{background: #CC0105;}
.page-6-data .user-info-ico-selected{background: #343843 url(../images/powerhouse-selected.png) no-repeat center !important;}

/*--- page 7 ---*/
.page-7{height: 1080px !important;}
.page-7-title{background: url("../images/title-5.png") no-repeat center;width: 100%;height: 29px;margin-top: 155px;}
.page-7-data{width: 1124px;margin: 60px auto;}
.page-7-item{width: 259px;border:1px solid #F7F3F0;margin: 0 10px;}
.page-7-item .title{padding: 25px 0 20px;font-size: 20px;text-align: center;font-weight: bold;}
.page-7-item .color1{color: #CD0005;}
.page-7-item .color2{color: #FCA73D;}
.page-7-item .color3{color: #ABC965;}
.page-7-item .color4{color: #5BCAA0;}
.page-7-img-box{width: 259px;height: 161px;position: relative;}
.page-7-img-box img{width: 259px;height: 160px;}
.page-7-img-box .img-marking{background: url("../images/page-7-marking.png") no-repeat center;width: 259px;height: 161px;position: absolute;z-index: 7;top:0;left: 0;}
.page-7-content .title{height: 52px;}
.page-7-data .title{font-size: 20px;font-weight: bold;}
.page-7-data .summary{color: #707070;line-height: 25px;width: 182px;margin: 0 auto;}
.url-nav1{background: url("../images/page-7-nav-1.png") no-repeat center;width: 161px;height: 46px;margin: 45px auto 40px;}
.url-nav2{background: url("../images/page-7-nav-2.png") no-repeat center;width: 161px;height: 46px;margin: 45px auto 40px;}
.url-nav3{background: url("../images/page-7-nav-3.png") no-repeat center;width: 161px;height: 46px;margin: 45px auto 40px;}
.url-nav4{background: url("../images/page-7-nav-4.png") no-repeat center;width: 161px;height: 46px;margin: 45px auto 40px;}

/*--- page 8 ---*/
.page-8{height: 100% !important;}
.page-8-title{background: url("../images/activity-title.jpg") no-repeat center;width: 100%;height: 170px;margin-top: 150px;margin-bottom: 20px;}
.page-8-data{width: 1188px;margin: 0 auto 80px;}
.page-8-data .page-8-item{width: 510px;padding:0 42px;height: 320px;}
.page-8-data .page-8-item img{width: 255px;height: 150px;display: block;margin: 0 auto;}
.page-8-data .activity-info{width: 594px;position: relative;}
.page-8-data .activity-summary{    background: url(../images/avtivity-bg.png) no-repeat center;
    width: 386px;
    height: 77px;
    position: absolute;
    z-index: 4;
    padding: 25px 40px 25px 65px;
    margin-top: 20px;}
.page-8-data .activity-summary .summary-content{color: #666666;line-height: 25px;margin-top: 10px;}

.page-8-data .activity-summary .summary-title1{color: #CE0205;font-size: 18px;font-weight: bold;}
.page-8-data .activity-ico-1{background: url("../images/avtivity-1.png") no-repeat center;width: 62px;height: 62px;position: absolute;z-index: 5;top: 57px;left: -25px;text-align: center;line-height: 62px;color: #FFF;font-size: 18px;font-weight: bold;}

.page-8-data .activity-summary .summary-title2{color: #28A1F0;font-size: 18px;font-weight: bold;}
.page-8-data .activity-ico-2{background: url("../images/avtivity-2.png") no-repeat center;width: 62px;height: 62px;position: absolute;z-index: 5;top: 57px;left: -25px;text-align: center;line-height: 62px;color: #FFF;font-size: 18px;font-weight: bold;}

.page-8-data .activity-summary .summary-title3{color: #313D63;font-size: 18px;font-weight: bold;}
.page-8-data .activity-ico-3{background: url("../images/activity-3.png") no-repeat center;width: 62px;height: 62px;position: absolute;z-index: 5;top: 57px;left: -25px;text-align: center;line-height: 62px;color: #FFF;font-size: 18px;font-weight: bold;}

.page-8-data .activity-summary .summary-title4{color: #DF6205;font-size: 18px;font-weight: bold;}
.page-8-data .activity-ico-4{background: url("../images/activity-4.png") no-repeat center;width: 62px;height: 62px;position: absolute;z-index: 5;top: 57px;left: -25px;text-align: center;line-height: 62px;color: #FFF;font-size: 18px;font-weight: bold;}

/*--- page 9 ---*/
.page-9{background: url("../images/joke-content-bg.jpg") no-repeat center;width: 100%;height: 1080px !important;}
.page-9-data{width: 1100px;height: 680px;margin: 108px auto 150px;position: relative;}

.page-9-data .title{font-size: 18px;font-weight: bold;color: #CD0005;}
.page-9-data .summary{color: #666666;font-weight: bold;line-height: 26px;font-size: 16px;margin-top: 12px;}
.page-9-data .joke{background: #FFF;}

.joke-1{width: 580px;padding: 17px 10px 5px 15px;border:1px solid #FAF4B6;position: absolute;top: 0;left: 385px;}
.joke-2{width: 433px;padding: 17px 10px 5px 15px;border:1px solid #FAF4B6;position: absolute;top:145px;left:-3px;}
.joke-3{width: 450px;padding: 18px 30px 30px 30px;border:1px solid #FAF4B6;position: absolute;top: 145px;left: 480px;}
.joke-4{width: 232px;padding: 20px 10px 30px 100px;border:1px solid #FAF4B6;position: absolute;top:227px;left:-16px;}
.joke-5{width: 165px;padding: 28px 28px 20px 28px;border: 1px solid #FAF4B6; position: absolute;top: -100px;left: 470px;text-align: center;}
.joke-more{background: url("../images/joke-title.jpg") no-repeat center;width: 362px;height: 115px;position: absolute;left: 0;top:0;}
.joke-6{width: 597px;padding: 15px 23px 15px 20px;border: 1px solid #FAF4B6; position: absolute;top: 313px;left: 470px;text-align: center;}
.joke-7{width: 408px;padding: 15px 15px 15px 20px;border: 1px solid #FAF4B6; position: absolute;top: 421px;left: 470px;text-align: center;}
.joke-8{width: 240px;padding: 13px 22px 14px 20px;border: 1px solid #FAF4B6; position: absolute;top: -30px;left: 707px;text-align: center;}
.joke-9{width: 363px;padding: 15px 20px 13px 20px;border: 1px solid #FAF4B6; position: absolute;top: 75px;left: 707px;text-align: center;}
.joke-10{width: 242px;padding: 12px 9px 13px 14px;border: 1px solid #FAF4B6;position: absolute;top: 183px; left: 845px;text-align: center;}

.page-9-content{     margin-top: 295px;}
.page-9-data .joke-3 .title{font-size: 18px;font-weight: bold;color: #CD0005;text-align: center;}
.page-9-data .joke-3 .summary{color: #666666;font-weight: bold;line-height: 26px;font-size: 16px;margin-top: 12px;}

/*--- page 10 ---*/
.page-10{background: #F6F6F6;height: 1080px !important;}
.page-10-title{background: url("../images/event-title.png") no-repeat center;width: 100%;height: 40px;margin-top: 160px;}
.hot-event{width: 1100px;margin: 60px auto 0;}
.page-10 .hot-img{border:11px solid #CC0105;width: 370px;}
.page-10 .hot-img img{width: 370px;height: 305px;}
.hot-content{border:2px solid #EAEAEA;width: 629px;padding: 70px 45px 77px 30px;}
.hot-event-title{color: #CE0004;font-size: 24px;font-weight: bold;margin-bottom: 20px;}
.hot-event-summary{color: #666666;line-height: 25px;height: 126px;}

/*--- scrollbar ---*/
.page-4-content::-webkit-scrollbar,
.page-3-content::-webkit-scrollbar,
.page-5-content::-webkit-scrollbar,
.page-6-content::-webkit-scrollbar,
.page-7-content1::-webkit-scrollbar,
.page-8-content1::-webkit-scrollbar,
.page-9-content::-webkit-scrollbar{background:#DDD;border-radius:9999rem;width:12px;}

.page-4-content::-webkit-scrollbar-button,
.page-3-content::-webkit-scrollbar-button,
.page-5-content::-webkit-scrollbar-button,
.page-6-content::-webkit-scrollbar-button,
.page-7-content1::-webkit-scrollbar-button,
.page-8-content1::-webkit-scrollbar-button,
.page-9-content::-webkit-scrollbar-button{display:none;border-radius:9999rem;width:12px;}

.page-4-content::-webkit-scrollbar-track,
.page-3-content::-webkit-scrollbar-track,
.page-5-content::-webkit-scrollbar-track,
.page-6-content::-webkit-scrollbar-track,
.page-7-content1::-webkit-scrollbar-track,
.page-8-content1::-webkit-scrollbar-track,
.page-9-content::-webkit-scrollbar-track{background:#DDD;border-radius:9999rem;width:12px;}

.page-4-content::-webkit-scrollbar-track-piece,
.page-3-content::-webkit-scrollbar-track-piece,
.page-5-content::-webkit-scrollbar-track-piece,
.page-6-content::-webkit-scrollbar-track-piece,
.page-7-content1::-webkit-scrollbar-track-piece,
.page-8-content1::-webkit-scrollbar-track-piece,
.page-9-content::-webkit-scrollbar-track-piece{border-radius:9999rem;width:12px;}

.page-4-content::-webkit-scrollbar-thumb,
.page-3-content::-webkit-scrollbar-thumb,
.page-5-content::-webkit-scrollbar-thumb,
.page-6-content::-webkit-scrollbar-thumb,
.page-7-content1::-webkit-scrollbar-thumb,
.page-8-content1::-webkit-scrollbar-thumb,
.page-9-content::-webkit-scrollbar-thumb{background:#fe6b6b;width:12px;border-radius: 9999rem;}

.page-4-content::-webkit-scrollbar-corner,
.page-3-content::-webkit-scrollbar-corner,
.page-5-content::-webkit-scrollbar-corner,
.page-6-content::-webkit-scrollbar-corner,
.page-7-content1::-webkit-scrollbar-corner,
.page-8-content1::-webkit-scrollbar-corner,
.page-9-content::-webkit-scrollbar-corner{border-radius:9999rem;width:12px;}

.page-4-content::-webkit-resizer,
.page-3-content::-webkit-resizer,
.page-5-content::-webkit-resizer,
.page-6-content::-webkit-resizer,
.page-7-content1::-webkit-resizer,
.page-8-content1::-webkit-resizer,
.page-9-content::-webkit-resizer{border-radius:9999rem;width:12px;}


.list-data{
	width: 1100px;
	margin: 15px auto;
}

.picScroll-left{ width:1100px;  overflow:hidden; position:relative;  border:1px solid #ccc;   }
		.picScroll-left .hd{ overflow:hidden;  height:30px; background:#f4f4f4; padding:0 10px;  }
		.picScroll-left .hd .prev,.picScroll-left .hd .next{ display:block;  width:5px; height:9px; float:right; margin-right:5px; margin-top:10px;  overflow:hidden;
			 cursor:pointer; background:url("../images/arrow.png") no-repeat;}
		.picScroll-left .hd .next{ background-position:0 -50px;  }
		.picScroll-left .hd .prevStop{ background-position:-60px 0; }
		.picScroll-left .hd .nextStop{ background-position:-60px -50px; }
		.picScroll-left .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px; zoom:1; }
		.picScroll-left .hd ul li{ float:left;  width:9px; height:9px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer; background:url("images/icoCircle.gif") 0 -9px no-repeat; }
		.picScroll-left .hd ul li.on{ background-position:0 0; }
		.picScroll-left .bd{ padding:10px;   }
		.picScroll-left .bd ul{ overflow:hidden; zoom:1; }
		.picScroll-left .bd ul li{ margin:0 8px; float:left; _display:inline; overflow:hidden; text-align:center;  }
		.picScroll-left .bd ul li .pic{ text-align:center; }
		.picScroll-left .bd ul li .pic img{ width:120px; height:90px; display:block;  padding:2px; border:1px solid #ccc; }
		.picScroll-left .bd ul li .pic a:hover img{ border-color:#999;  }
		.picScroll-left .bd ul li .title{ line-height:24px;   }