body{background:#fff url(../images/wrap-bg.jpg) no-repeat center -15px; font:12px/22px \5fae\8f6f\96c5\9ed1, \5b8b\4f53 ,Arial, Sans-serif;}
a{-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out; text-decoration:none;}
.t_idt{ text-indent:-999em; overflow:hidden; display:block;}
.t_elp{ text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.ps{ position:absolute; display:block; overflow:hidden;}

.content{ width: 1000px; margin: 0 auto; padding-top: 617px;}
.btn-box{ height: 59px; padding-left:130px;}
.btn-box .btn-time,.btn-box .btn-rule,.btn-box .btn-bm,.btn-box .btn-prize{ width: 173px; height: 59px; position: relative; margin-right: 17px; float: left; overflow: hidden;}
.btn-box .btn-time .btn,.btn-box .btn-rule .btn,.btn-box .btn-bm .btn,.btn-box .btn-prize .btn{width: 173px; height: 59px; display: block; overflow: hidden; text-indent: -999em;}
.btn-box .btn-time .btn{ background: url(../images/btn1.png) no-repeat 0 0;}
.btn-box .btn-time .btn:hover{ background: url(../images/btn1-hover.png) no-repeat 0 0;}
.btn-box .btn-rule .btn{ background: url(../images/btn2.png) no-repeat 0 0;}
.btn-box .btn-rule .btn:hover{ background: url(../images/btn2-hover.png) no-repeat 0 0;}
.btn-box .btn-bm .btn{ background: url(../images/btn3.png) no-repeat 0 0;}
.btn-box .btn-bm .btn:hover{ background: url(../images/btn3-hover.png) no-repeat 0 0;}
.btn-box .btn-prize .btn{ background: url(../images/btn4.png) no-repeat 0 0;}
.btn-box .btn-prize .btn:hover{ background: url(../images/btn4-hover.png) no-repeat 0 0;}

.project-list{ height: 80px; padding: 90px 0 10px 19px; overflow: hidden;}
.project-list p{ height: 20px; line-height: 20px; text-align: center; color: #000; padding-bottom: 10px;}
.project-list p a{ color: #db4211; text-decoration: underline;}
.project-list li{ width: 102px; height: 50px; float: left; margin-right: 5px;}
.project-list li img{ display: block; width: 102px; height: 50px;}

.tip-box{ position: absolute; width: 338px; height: 253px; left: 50%; margin-left: -169px; opacity: 0; top: -295px;transition:all .5s ease;}
.tip-box .tip-time{ background: url(../images/time-icon.png) no-repeat center bottom; padding-bottom: 7px;}
.tip-box li{ height: 64px; padding: 18px 0 0 34px; color: #fff;}
.tip-box h5{ font-size: 18px; line-height: 28px; height: 28px;}
.tip-box p{ line-height: 21px; font-size: 14px;}
.tip-box .tip-time li{ background: #1e9246;}
.tip-box .tip-time .li_sec{ background: #1a8740;}
.tip-box .tip-rule{background: url(../images/rule-icon.png) no-repeat center bottom; padding-bottom: 7px;}
.tip-box .tip-rule li{ background: #385cae;}
.tip-box .tip-rule .li_sec{ background: #2e52a3;}

.btn-box .hover{ overflow: visible;}
.btn-box .hover .tip-box{ opacity: 1; top: -265px;}

.fix-right{ height: 605px; width: 85px; position: fixed; right:18px; top: 50%; margin-top: -302px; background: url(../images/fix-r-line.png) repeat-y center top;}
.fix-right .fix-r{ background-repeat: no-repeat; background-position: center top; display: block; padding-top: 60px; height: 32px; margin-top: 77px; transition:all .3s ease; color: #0c8dce; font-size: 20px; line-height: 32px;}
.fix-right .fix-r:hover{ color: #ee3214;}
.fix-right .fix-r-1{ margin: 0; background-image: url(../images/fix-r-1.png);}
.fix-right .fix-r-1:hover{background-image: url(../images/fix-r-1-hover.png);}
.fix-right .fix-r-2{ background-image: url(../images/fix-r-2.png); position: relative; overflow: hidden;}
.fix-right .fix-r-2:hover{background-image: url(../images/fix-r-2-hover.png); overflow: visible;}
.fix-right .fix-r-3{  background-image: url(../images/fix-r-3.png);}
.fix-right .fix-r-3:hover{background-image: url(../images/fix-r-3-hover.png);}
.fix-right .fix-r-4{  background-image: url(../images/fix-r-4.png);}
.fix-right .fix-r-4:hover{background-image: url(../images/fix-r-4-hover.png);}
.fix-r-sm{ background: url(../images/sm.png) no-repeat 0 0; position: absolute; width: 204px; height: 218px; left: -240px; opacity: 0; top: -88px; }
.fix-right .fix-r-2:hover .fix-r-sm{ left: -210px; opacity: 1;transition:all .5s ease;}

.online-zb{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 9999; display: none;}
.online-zb-bg,.prize-bg{position: fixed; background: #000;filter: Alpha(opacity=90);-moz-opacity:.9;opacity:0.9; top: 0; left: 0; z-index: -1; width: 100%; height: 100%;}
.online-zb-bd{ background: url(../images/online-line-bg.jpg) repeat-x 0 bottom; height: 606px; position: absolute; width: 100%; top:50%; margin-top: -303px; left: 0;}
.online-zb-bd .online-banner{ width: 686px; color: #fff; height:107px; font-size: 15px; line-height: 22px; padding-top: 277px; background: url(../images/online-bg.png) no-repeat 0 0; text-align: center; margin:0 auto;}
.online-main{ width: 1140px; overflow: hidden; margin: 58px auto 0; height: 170px;}
.online-city{ width: 1176px;}
.online-city li{ width: 133px; float: left; height: 170px; margin-right: 35px; background: url(../images/dot.png) no-repeat center bottom;}
.online-city li a{ display: block; background: url(../images/online-city.png) no-repeat 0 0; width: 133px; height: 141px;}
.online-city h5{ height: 44px; text-align: center; line-height: 44px; padding-top: 17px; color: #000; font-size: 26px;}
.online-city p{ text-align: center; color: #fbe314; font-size: 21px; font-family: Arial; line-height:24px; height: 24px; }
.online-city li a:hover{ background: url(../images/online-city-hover.png) no-repeat 0 0}
.online-city .gray{ background: url(../images/dot-gray.png) no-repeat center bottom;}
.online-city .gray a,.online-city .gray a:hover{ cursor: default; background: url(../images/online-gray.png) no-repeat 0 0;}
.online-city .gray h5{ color: #fff}
.online-city .gray p{ color: #a6abb5;}
.online-zb-close,.prize-close{position: absolute; right:50px; top:50px;width: 40px; padding: 5px;  height: 40px; overflow: hidden; text-indent: -999em; background-image: url(../images/close.png); background-position:50%; background-repeat:no-repeat;filter: Alpha(opacity=60);-moz-opacity:.6;opacity:0.6;}
.online-zb-close:hover,.prize-close:hover{background-color: #000;}

.prize{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 9999; display: none;}
.prize-bd{ width: 1000px; height: 465px; position: absolute; top: 50%; left: 50%; margin:-232px 0 0 -500px;}
.prize-tab{ width: 1000px; overflow: hidden; height: 50px;}
.prize-tab li{ background: #242528; float: left; margin-right: 4px;text-align:center; line-height: 50px; height: 50px; width: 121px; font-size: 18px; color:#767986; cursor: pointer;}
.prize-tab .active{ background: #21c1e4; color: #132838;}
.prize-tab-con{ background: #2a2b30; padding: 40px 35px 0; height: 375px; display: none;}
.prize-up{ border-bottom: 1px solid #404145; padding-bottom: 30px; overflow: hidden; width: 930px;}
.prize-tab-con h2{ color: #fff; font-size: 28px; line-height: 40px; height: 40px;}
.prize-up h6{ font-size: 18px; color: #888a96; line-height: 30px; font-weight: normal}
.prize-list{ padding-top: 15px; height: 75px; width: 950px;}
.prize-list li{ padding-right: 15px; height: 75px; float: left;}
.prize-list .prize-pic{ float: left; width: 85px;}
.prize-list .prize-pic img{ display: block;}
.prize-list .prize-info{ margin: 6px 0 0 85px;}
.prize-list .prize-info h5{ font-weight: normal; color: #989aa4; font-size: 16px; height: 20px; line-height: 20px;}
.prize-list .prize-info p{ font-size: 16px; color: #f3d922; line-height: 40px;}
.prize-list .prize-info p b{font-size: 40px; padding-right: 8px; font-family: arial}
.prize-down{ margin-top: 20px;}
.prize-tk{ margin-top: 137px; text-align: center; font-size: 16px; color: #f3d922}
.prize-tk a{ color: #db4211; text-decoration: underline;}

.fix-left{ position: fixed;left: -100%; width: 100%; height: 100%; z-index: 999; top: 0; transition:left .5s ease;}
.fix-left-box{ position: absolute; height: 720px; width: 100%; top:50%; margin-top: -360px; left: -100%;transition:left .3s .5s ease;}
.fix-left-active{ left: 0;}
.fix-left-active .fix-left-box{ left: 0;}

.fix-left-btn{ position: absolute; background: #3790ca url(../images/fix-left-btn.jpg) no-repeat 0 0; text-align: center; color: #fff; font-size: 16px; line-height: 25px; width: 56px; height:272px; right:-56px; top:50%; overflow: hidden; text-indent: -999em; margin-top: -136px;}
.fix-left-btn:hover{ background:#ee3214 url(../images/fix-left-btn-hover.jpg) no-repeat 0 0;}
.fix-left-bg{ position: absolute; background: #000;filter: Alpha(opacity=80);-moz-opacity:.8;opacity:0.8; top: 0; left: 0; z-index: -1; width: 100%; height: 100%;}
.fix-left-box-hd{ height: 66px; padding: 0 70px; min-width:770px;}
.fix-left-box-hd .fix-left-close{ float: right; width: 40px; padding: 5px;  height: 40px; overflow: hidden; text-indent: -999em; background-image: url(../images/close.png); background-position:50%; background-repeat:no-repeat;filter: Alpha(opacity=60);-moz-opacity:.6;opacity:0.6; }
.fix-left-box-hd .fix-left-close:hover{ background-color: #000;}
.fix-left-box-hd .area-all{ float: left; width: 700px;}
.area-all li{ width: 60px; float: left; height: 30px; line-height: 30px; text-align: center; color: #1b1b1b; font-size: 16px; background: #989898; border-radius: 3px; margin: 0 3px 3px 0 }
.area-all .active{ background: #f5b032;}
.area-all li a{ color: #1b1b1b; display: block; border-radius: 3px;}
.area-all li a:hover{ background: #f5b032;}

.fix-left-box-bd{ height: 640px; position: relative; padding-top: 14px;}

.division{ height: 600px; padding: 0 40px 0 70px;}
.division-bg1{ background: #2ed2f6;}
.division-bg2{ background: #d7a8ed;}
.division-bg3{ background: #ff79ab;}
.division-bg4{ background: #fed33c;}
.division-bg5{ background: #ff875d;}
.division-bg6{ background: #2ae2df;}
.division .division-item{ height:590px; padding-top: 10px; float: left; margin-right: 30px; width: 410px;}
.division-item .division-hd{ width: 410px; height: 230px; position:relative; z-index: 2;}
.division-hd-box{ position: relative; overflow: hidden; height: 230px;}
.division-item .division-pic,.division-item .division-map{ width: 410px; height: 230px;}
.division-item .division-pic img{ display: block; width: 410px; height: 230px;}
.division-item .division-map{ position: absolute; z-index: -1; top:0; left: 0;}
.division-hd-btn{ width: 117px; height: 22px; position: absolute; right: 0; top:208px; z-index: 3;
-webkit-transition:all .3s ease;
    -moz-transition:all .3s ease;
    -ms-transition:all .3s ease;
        transition:all .3s ease;}
.division-hd-btn a{ background: url(../images/icon-up.gif) no-repeat 12px center; padding-left: 30px; text-align: left; color: #000; font-size: 12px; display: block;}
.division-hd-btn .division-hd-btn-bg{ background: #fff;filter: Alpha(opacity=80);-moz-opacity:.8;opacity:0.8; position: absolute; top: 0; left: 0; width: 117px; height: 22px; z-index: -1;}
.division-item .active .division-hd-box .division-pic{ margin-top: -230px;
    -webkit-transition:all .3s ease;
    -moz-transition:all .3s ease;
    -ms-transition:all .3s ease;
    transition:all .3s ease;}
.division-item .active .division-hd-btn{ top: -22px;}
.division-item .active .division-hd-btn a{background: url(../images/icon-down.gif) no-repeat 12px center;}
.division-item .active .division-hd-btn .division-hd-btn-bg{ filter: Alpha(opacity=100);-moz-opacity: 1; opacity: 1;}
.division-item .active .division-map{ z-index: 1;}

.division-bd{ height: 283px; padding: 12px 24px 0;}
.division-bd h3{ line-height: 34px; font-size: 22px; color: #0d0f0e; height: 34px;}
.division-bd .division-time{ font-size: 24px; line-height: 32px; font-family: Arial; font-weight: bold; color: #0d0f0e;}
.division-bd .division-info{ margin-left: 3px;}
.division-info h5{ height: 22px; margin-top: 10px; color: #000; font-size: 14px; font-weight: normal;}
.division-info h5 span{ background: #000; width: 65px; font-size: 12px; height: 22px; margin-right: 5px; text-align: center; line-height: 22px; float: left; border-radius: 3px;}
.division-info p{font-size: 12px; color: #000; line-height: 18px; margin-top: 2px;}
.division-info .gray{ filter:Alpha(opacity="70"); -moz-opacity: .7; opacity: .7; font-size: 12px;}

.division-ft{ height: 65px; position: relative; z-index: 2; overflow: hidden;}
.division-ft .division-ft-bg{ background: #000;filter: Alpha(opacity=10);-moz-opacity:.1;opacity:0.1; height: 65px; width: 100%; z-index: -1; position: absolute; top:0; left: 0;}
.division-ft .division-ft-btn{ background: url(../images/btn-bm.png) no-repeat 0 0; margin: 11px auto 0; font-size: 22px; width: 160px; height: 44px; line-height: 44px; text-align: center; display: block;}
.division-ft .division-ft-btn:hover{ background: url(../images/btn-bm-hover.png) no-repeat 0 0; color: #000}
.division-bg1 .division-ft-btn,.division-bg1 .division-info h5 span{ color: #2ed2f6;}
.division-bg2 .division-ft-btn,.division-bg2 .division-info h5 span{ color: #d7a8ed;}
.division-bg3 .division-ft-btn,.division-bg3 .division-info h5 span{ color: #ff79ab;}
.division-bg4 .division-ft-btn,.division-bg4 .division-info h5 span{ color: #fed33c;}
.division-bg5 .division-ft-btn,.division-bg5 .division-info h5 span{ color: #ff875d;}
.division-bg6 .division-ft-btn,.division-bg6 .division-info h5 span{ color: #2ae2df;}

.foot{ text-align:center; color:#6b6b6b; width:100%;padding-top:15px;}
.foot div{ display: inline-block;}
.foot div img{ display: inline-block; vertical-align: middle;}
.iblk{display:inline-block;*zoom:1;*display:inline;}
/*������*/
/*.fix-left ::-webkit-scrollbar{width:16px;height:14px;}*/
/*.fix-left ::-webkit-scrollbar-track-piece {background-color: #000;}*/
/*.fix-left ::-webkit-scrollbar-thumb{background-color:#21c1e4; border-radius: 7px;}*/
/*.fix-left ::-webkit-scrollbar-thumb:hover{background-color:#0ab7dd;}*/

@media screen and (min-height:1000px){
body{ background-position: center top;}
.content{ padding-top: 632px;}
}