.none{display:none;}

body{font:normal 14px/1.5 "Microsoft YaHei","微软雅黑";color:#a97662; background:#000000; overflow-x:hidden; background:url("bj.jpg")/*tpa=http://www.784k.com/images/bj.jpg*/ no-repeat center 8px;}

.wrap{  position:relative; width:1000px; margin:0 auto;}

.box1{ width:100%; background:url("bj.jpg")/*tpa=http://www.784k.com/images/bj.jpg*/ no-repeat center top; position:relative; }


.box1 .content{position:relative; width:1000px; height:1019px; margin:0 auto; background:url("bj2.jpg")/*tpa=http://www.784k.com/images/bj2.jpg*/ no-repeat center top;}




.xtl_logo_lk a,.xtl_logo_bg{left:9px;top:44px;}

.box3 .xtl_logo_lk a,.box3 .xtl_logo_bg{left:200px;top:31px;}

.titlelink{position:absolute;top:11px;right:44px;color:#fff; z-index:10;}

.links{float:left;padding-right:24px;font:normal 12px/16px simsun,"宋体";}

.links a{float:left;color:#fff;text-decoration:none;}

.links a:hover{color:#ffc414;text-decoration:none;}

.links span{float:left;padding:0 8px;}

#share,#share1,#share2{position:relative;float:left;width:84px;height:16px;overflow:hidden;}



.cyclewrap{left: 50%;margin-left: -960px;width: 1920px; position:relative;}



/* animation */

@keyframes icon-bounce {

  0%, 100% {

    -moz-transform: rotate(0deg);

    -ms-transform: rotate(0deg);

    -webkit-transform: rotate(0deg);

    transform: rotate(0deg);

  }



  25% {

    -moz-transform: rotate(15deg);

    -ms-transform: rotate(15deg);

    -webkit-transform: rotate(15deg);

    transform: rotate(15deg);

  }



  50% {

    -moz-transform: rotate(-15deg);

    -ms-transform: rotate(-15deg);

    -webkit-transform: rotate(-15deg);

    transform: rotate(-15deg);

  }



  75% {

    -moz-transform: rotate(5deg);

    -ms-transform: rotate(5deg);

    -webkit-transform: rotate(5deg);

    transform: rotate(5deg);

  }



  85% {

    -moz-transform: rotate(-5deg);

    -ms-transform: rotate(-5deg);

    -webkit-transform: rotate(-5deg);

    transform: rotate(-5deg);

  }

}

@-webkit-keyframes icon-bounce {

  0%, 100% {

    -moz-transform: rotate(0deg);

    -ms-transform: rotate(0deg);

    -webkit-transform: rotate(0deg);

    transform: rotate(0deg);

  }



  25% {

    -moz-transform: rotate(15deg);

    -ms-transform: rotate(15deg);

    -webkit-transform: rotate(15deg);

    transform: rotate(15deg);

  }



  50% {

    -moz-transform: rotate(-15deg);

    -ms-transform: rotate(-15deg);

    -webkit-transform: rotate(-15deg);

    transform: rotate(-15deg);

  }



  75% {

    -moz-transform: rotate(5deg);

    -ms-transform: rotate(5deg);

    -webkit-transform: rotate(5deg);

    transform: rotate(5deg);

  }



  85% {

    -moz-transform: rotate(-5deg);

    -ms-transform: rotate(-5deg);

    -webkit-transform: rotate(-5deg);

    transform: rotate(-5deg);

  }

}

@-moz-keyframes icon-bounce {

  0%, 100% {

    -moz-transform: rotate(0deg);

    -ms-transform: rotate(0deg);

    -webkit-transform: rotate(0deg);

    transform: rotate(0deg);

  }



  25% {

    -moz-transform: rotate(15deg);

    -ms-transform: rotate(15deg);

    -webkit-transform: rotate(15deg);

    transform: rotate(15deg);

  }



  50% {

    -moz-transform: rotate(-15deg);

    -ms-transform: rotate(-15deg);

    -webkit-transform: rotate(-15deg);

    transform: rotate(-15deg);

  }



  75% {

    -moz-transform: rotate(5deg);

    -ms-transform: rotate(5deg);

    -webkit-transform: rotate(5deg);

    transform: rotate(5deg);

  }



  85% {

    -moz-transform: rotate(-5deg);

    -ms-transform: rotate(-5deg);

    -webkit-transform: rotate(-5deg);

    transform: rotate(-5deg);

  }

}

@-o-keyframes icon-bounce {

  0%, 100% {

    -moz-transform: rotate(0deg);

    -ms-transform: rotate(0deg);

    -webkit-transform: rotate(0deg);

    transform: rotate(0deg);

  }



  25% {

    -moz-transform: rotate(15deg);

    -ms-transform: rotate(15deg);

    -webkit-transform: rotate(15deg);

    transform: rotate(15deg);

  }



  50% {

    -moz-transform: rotate(-15deg);

    -ms-transform: rotate(-15deg);

    -webkit-transform: rotate(-15deg);

    transform: rotate(-15deg);

  }



  75% {

    -moz-transform: rotate(5deg);

    -ms-transform: rotate(5deg);

    -webkit-transform: rotate(5deg);

    transform: rotate(5deg);

  }



  85% {

    -moz-transform: rotate(-5deg);

    -ms-transform: rotate(-5deg);

    -webkit-transform: rotate(-5deg);

    transform: rotate(-5deg);

  }

}  

.box1 .cyclebox{ width:1000px; height:700px; position:absolute; bottom:-108px; left:-1px;}

.box1 .cyclebox .cycleleft{ width:232px; height:143px; position:absolute; left:272px; top:61px; -webkit-animation: icon-bounce 0.5s alternate;

  -moz-animation: icon-bounce 0.5s alternate;

  -o-animation: icon-bounce 0.5s alternate;

  animation: icon-bounce 0.5s alternate;}

.box1 .cyclebox .cycleright{ width:238px; height:143px; position:absolute; right:261px; top:61px; -webkit-animation: icon-bounce 0.5s alternate;

  -moz-animation: icon-bounce 0.5s alternate;

  -o-animation: icon-bounce 0.5s alternate;

  animation: icon-bounce 0.5s alternate;}

.box1 .cyclebox .btn_7rmb,.box1 .cyclebox .btn_7rmb:hover{ background:url("index_btn.jpg")/*tpa=http://www.784k.com/images/index_btn.jpg*/ no-repeat;}

.box1 .cyclebox .btn_7rmb{ display:block; width:299px; height:87px; background-position: 0 0; position:absolute; top:340px; left:348px;}

.box1 .cyclebox .btn_7rmb:hover{ background-position:0 -88px;}

.box1 .cyclebox .photobox{ width:868px; height:142px; position:absolute; top:276px; left:79px;}

.box1 .cyclebox .photobox img{ display:block; float:left; margin-right:10px; cursor:pointer;}



.box1 .cyclebox .cycleright:hover img,

.box1 .cyclebox .cycleleft:hover img{-webkit-animation: icon-bounce 0.5s alternate;

  -moz-animation: icon-bounce 0.5s alternate;

  -o-animation: icon-bounce 0.5s alternate;

  animation: icon-bounce 0.5s alternate;}









.box2cont{ width:650px; height:952px; position:absolute; top:76px; left:250px;}

.backhome,.backhome:hover{ display:block; background:url("sprite.jpg")/*tpa=http://www.784k.com/images/sprite.jpg*/ no-repeat;}

.backhome{ width:128px; height:42px; position:absolute; top:0; right:10px; background-position:0 0;}

.backhome:hover{ background-position:0 -43px;}



.box2nav,

.box2nav li a:hover,

.box2nav li a.act{ background:url("sub_nav.jpg")/*tpa=http://www.784k.com/images/sub_nav.jpg*/ no-repeat;}

.box2nav{ width:629px; height:41px; position:absolute; top:81px; left:0; background-position:0 0;}

.box2nav ul{ margin:3px 0 0 3px;}

.box2nav ul li{ float:left; width:102px; height:38px; margin-right:5px;}

.box2nav ul li.nav6{ width:89px; margin-right:0;}

.box2nav ul li a{ display:block; width:100%; height:100%; font:16px/34px "微软雅黑"; color:#FFF; text-align:center;}

.box2nav ul li a:hover,.box2nav li a.act{ background-position:-3px -45px; color:#c54024;}

.box2nav ul li.nav6 a:hover,.box2nav li.nav6 a.act{ background-position:-537px -45px;color:#FFF;}



.box2con{ width:640px; height:755px; position:absolute; top:54px; left:-205px; overflow:hidden; display:none;}

.box2con h2{color:#411915; font:35px/40px "微软雅黑"; font-weight:bold; margin-bottom:10px;}

.box2con h3{ color:#656464; font:18px/28px "微软雅黑"; font-weight:bold; margin-bottom:10px;}

.box2con p{ color:#411915; font:12px/7px "新宋体"; margin-bottom:10px;}

.box2con .line{ height:1px; width:100%; border-bottom:1px dashed #6f503a; margin-bottom:10px;}

.box2con img{ margin:0 auto;}













.box3 .backhome{ top:76px; right:227px; }







.flashint1{ width:370px; height:214px; position:absolute; top:509px; left:321px; z-index:10;}

.flashint1 a{ position:absolute; width:370px; height:214px; display:block; z-index:12; top:0;}

.flashint2{ width:544px; height:643px; position:absolute; top:202px; left:235px;}

.flashint3{ display:block; width:234px; height:421px; position:absolute; top:424px; left:0px;}

.flashint4{ display:block; width:222px; height:421px; position:absolute; top:424px; left:778px;}

.flashint5{ display:block; width:1000px; height:406px; position:absolute; top:38px; left:0; z-index:1;}

.flashint6{ display:block; width:34px; height:34px; position:absolute; top:-301px; left:131px; z-index:10;}

















/*jscrollpane css*/

.jspContainer { overflow: hidden; position: relative; }

.jspPane { position: absolute; }

.jspVerticalBar { position: absolute; top: 0; right: 0; width: 16px; height: 100%;  }

.jspHorizontalBar { position: absolute; bottom: 0; left: 0; width: 1px; height: 16px; }

.jspVerticalBar *, .jspHorizontalBar * { margin: 0; padding: 0; }

.jspCap { display: none; }

.jspHorizontalBar .jspCap { float: left; }

.jspTrack { background: #af937f; position: relative; width:1px;}

.jspDrag { background: #af937f; position: relative; top: 0; left: -8px; cursor: pointer; width:16px;}

.jspHorizontalBar .jspTrack, .jspHorizontalBar .jspDrag { float: left; height: 100%; }

.jspArrow { background: #50506d; text-indent: -20000px; display: block; cursor: pointer; }

.jspArrow.jspDisabled { cursor: default; background: #80808d; }

.jspVerticalBar .jspArrow { height: 16px; }

.jspHorizontalBar .jspArrow { width: 16px; float: left; height: 100%; }

.jspVerticalBar .jspArrow:focus { outline: none; }

.jspCorner { background: #eeeef4; float: left; height: 100%; }

/* Yuk! CSS Hack for IE6 3 pixel bug :( */

* html .jspCorner { margin: 0 -3px 0 0; }







#video_player {width: 620px;height: 410px;background-color: #474747;position: fixed;font: 12px/22px Tahoma, Geneva, sans-serif;color: #2E5B74;z-index: 100;padding: 10px;}

#video_player .close {display: block;width: 34px;height: 23px;text-align: center;position: absolute;right: 10px;top: 10px;font-family: Arial, Helvetica, sans-serif;_font-family: '宋体';font-size: 20px;

cursor: pointer;color: #FFF;overflow: hidden;}

#video_player h2 {margin: 0;padding: 0;height: 30px;line-height: 20px;font-size: 14px;font-weight: bold;color:#FFF;}

*html #video_player { position: absolute; margin-top:expression(0 - parseInt(this.offsetHeight / 2)+(TBWindowMargin=document.documentElement && document.documentElement.scrollTop||document.body.scrollTop)+'px');}









.cyou_dialog {

    position: fixed;

    left: -9999em;

    top: -9999em;

    width: 358px;

    height: 213px;  

    color: #2E5B74;

    font: 12px/22px Tahoma,Geneva,sans-serif;

    z-index: -99999;   

	background:url("popafter.html")/*tpa=http://www.784k.com/images/popafter.html*/ no-repeat;

}



*html .cyou_dialog {

    position: absolute;

    top: 50%;

    margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');

}

.cyou_dialog .close {

    display: block;

    position: absolute;

    top: -5px;

    right: 0;

    width: 30px;

    height: 30px;

    cursor: pointer;

}