.logo, .navbox {
  z-index: 2;
  left: 50%
}
.dq_ipt input, .dq_nam li, .dq_txt span, .erma span, .fu_btn, .fu_txt, .nav_a, .ry_list em, .ry_list span, .ser_m, .w-focusbtn {
  text-align: center
}
.conbox, .dq_txt, .topbox, .w-focus {
  position: relative
}
.diqu_top, .dq_nam, .logo, .navbox, .w-focus li, .w-focusbtn {
  position: absolute
}
.dq_txt i, .dq_txt span, .w-focusbtn i {
  display: inline-block
}
.dq_btn, .dq_more, .imgbox a, .nav_a, .nav_a span, .nav_ls a, .ser_m, .w-focus a {
  display: block
}
.diqu_btn li, .dq_btn, .imgbox a, .logo {
  text-indent: -999em
}
.conbox, .ry_list {
  zoom: 1
}
.conbox:after, .ry_list:after {
  content: '\20';
  display: block;
  height: 0;
  clear: both
}
.diqu_btn, .diqu_btn li, .diqu_con, .diqu_tr, .diqu_tx, .diqu_tx li, .dq_ipt, .dq_nam li, .dq_txt, .erma img, .erma span, .fu_box span, .fu_btn, .leftbox, .navbox li, .ry_list em, .ry_list li, .ry_list span, .twobtn a, .twobtn i {
  float: left
}
.diqu_tx span, .more_ico, .rightbox, .ry_ser {
  float: right
}
.conbox, .kf_tt, .ser_m, .ser_tt {
  margin: 0 auto
}
.diqu_btn li, .dq_btn, .dq_txt i, .fu_box, .fu_btn, .imgbox a, .logo, .nav_a, .ry_box, .ry_list em, .ry_list span, .start, .w-focus {
  overflow: hidden
}
.diqu_btn li, .dq_txt, .w-focusbtn i {
  cursor: pointer
}
.nav_a span {
  font-size: 12px
}
.diqu_tx a, .dq_more, .erma span, .fu_box span, .fu_btn, .kf_p, .nav_ls a, .ry_list li, .ser_m {
  font-size: 14px
}
.nav_a, .ry_xuan span, .twobtn a {
  font-size: 16px
}
.dq_nam li:hover {
  color: #fff
}
.conbox {
  width: 1200px
}
.fu_btn, .kf_tt, .ser_tt, .twobtn a {
  background-image: url(../images/btns.jpg);
  background-repeat: no-repeat
}
.dq_txt i, .more_ico, .twobtn i {
  background-image: url(../images/icos.png);
  background-repeat: no-repeat
}
a {
  -webkit-transition: color .2s linear;
  -moz-transition: color .2s linear;
  -ms-transition: color .2s linear;
  -o-transition: color .2s linear;
  transition: color .2s linear;
  text-decoration: none;
  color: #bebebe
}
html {
  -webkit-font-smoothing: antialiased
}
body, button, dd, dl, dt, form, h1, h2, h3, h4, h5, h6, input, li, ol, p, td, textarea, th, ul {
  margin: 0;
  padding: 0
}
body, button, input, select, textarea {
  font: 12px \5FAE\8F6F\96C5\9ED1, arial, \5b8b\4f53
}
h1, h2, h3, h4, h5, h6 {
  font-size: 100%
}
address, cite, dfn, em, i, var {
  font-style: normal
}
code, kbd, pre, samp {
  font-family: courier new, courier, monospace, arial, \5b8b\4f53
}
form {
  display: inline
}
small {
  font-size: 12px
}
ol, ul {
  list-style: none
}
a:hover {
  text-decoration: underline;
  color: #ba9568
}
.diqu_tx a:hover, .fu_btn:hover, .kf_p a:hover, .nav_a:hover, .ser_m:hover, .twobtn a:hover {
  text-decoration: none
}
sup {
  vertical-align: text-top
}
sub {
  vertical-align: text-bottom
}
img {
  vertical-align: top;
  border: 0;
  -ms-interpolation-mode: bicubic
}
button, input, select, textarea {
  font-size: 100%;
  outline: 0
}
table {
  border-collapse: collapse;
  border-spacing: 0
}
textarea {
  resize: none
}
.clearfix {
  *zoom: 1
}
.clearfix:after {
  content: '\20';
  display: block;
  height: 0;
  clear: both
}
.hidden {
  display: none
}
body {
 
    background: url("../images/bg.jpg")no-repeat center top;
     background-color: #242328;
}
.hd960 {
  width: 1000px
}
.topbox {
  height: 630px
}
.logo {
  top: 0;
  margin-left: -590px;
  width: 155px;
  height: 93px;
  background: url(../images/logo.png) no-repeat
}
.navbox {
  top: 20px;
  margin-left: -452px
}
.navbox li {
  width: 70px;
  padding-left: 42px
}
.nav_a {
  height: 46px;
  font-weight: 700;
  color: #212121
}
.nav_a span {
  color: #8c8c8c;
  height: 22px;
  line-height: 20px;
  font-weight: 400
}
.nav_ls {
  margin-top: 10px
}
.nav_ls a {
  height: 22px;
  line-height: 22px;
  text-indent: 4px;
  color: #3a3a3a
}
.w-focus, .w-focus a, .w-focus li, .w-focus ul {
  height: 630px;
    
}
.w-focus li {
  width: 99.99999%;
  left: 0;
  top: 0;
  background-repeat: no-repeat;
 
  background-position: center top
}
.w-focusbtn {
  left: 50%;
  bottom: 108px;
  margin-left: 470px;
  z-index: 2;
  font-size: 0;
  line-height: 0
}
.w-focusbtn i {
  width: 15px;
  height: 15px;
  margin: 0 5px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background: #9D9D9D
}
.w-focusbtn i.cur {
  background: #956E38
}
.diqu_top {
  top: 486px;
  left: 50%;
  margin-left: -600px;
  z-index: 9;
  height: 64px;
  width: 748px
}
.diqu_btn {
  width: 152px;
  height: 64px
}
.diqu_btn li {
  width: 76px;
  height: 64px;
  background: url(../images/dq_nav.jpg) no-repeat;
  transition: .5s
}
.diqu_btn li:hover {
  background-position: 0 -64px
}
.diqu_btn li.dq02 {
  background-position: -76px 0
}
.diqu_btn li.dq02:hover {
  background-position: -76px -64px
}
.diqu_con {
  width: 596px;
  height: 64px;
  background: url(../images/dq_top.png) no-repeat
}
.diqu_tx {
  width: 382px;
  padding-top: 8px
}
.diqu_tx li {
  padding-left: 22px;
  margin-right: 6px;
  width: 140px;
  height: 24px;
  line-height: 24px;
  display: inline
}
.diqu_tx a {
  color: #e5b27b
}
.diqu_tx a:hover {
  color: #fc9629
}
.diqu_tr {
  width: 200px
}
.dq_more {
  line-height: 16px;
  height: 16px;
  margin-top: 12px;
  padding: 0 0 0 24px;
  color: #e5be7b;
  background: url(../images/dq_navbg.png) 0 -340px no-repeat
}
.dq_more:hover {
  color: #fc9629
}
.fu_box {
  height: 22px;
  padding: 7px 0 0;
  color: #e5b27b
}
.fu_txt {
  width: 38px;
  height: 16px;
  margin: 0 3px;
  padding: 1px 3px;
  vertical-align: middle;
  border: none;
  color: #e5b27b;
  background: #646464
}
.dq_nam, .dq_txt {
  border: 1px solid #7B7B7B
}
.fu_btn {
  width: 40px;
  height: 18px;
  line-height: 18px;
  color: #613d19;
  font-weight: 700;
  background: url(../images/dq_nav.jpg) 0 -150px no-repeat;
  margin: 2px 0 0 6px
}
.fu_btn:hover {
  color: #613d19;
  background-position: -50px -150px
}
.dq_div .diqu_tx a {
  color: #aebac1
}
.dq_div .diqu_tx a:hover {
  color: #3a9ecd
}
.dq_div .dq_more {
  background-position: 0 0;
  color: #aebac1
}
.dq_div .dq_more:hover {
  color: #3a9ecd
}
.dq_div .fu_box, .dq_div .fu_txt {
  color: #aebac1
}
.dq_div .fu_btn {
  background-position: 0 -180px;
  color: #103a58
}
.dq_div .fu_btn:hover {
  background-position: -50px -180px;
  color: #103a58
}
.dq_ipt, .dq_ipt input, .dq_nam li, .dq_txt span {
  color: #bebebe
}
.fu_diqu {
  height: 20px;
  margin-top: 7px
}
.dq_txt {
  z-index: 9;
  width: 68px;
  height: 18px
}
.dq_txt span {
  width: 51px;
  height: 18px;
  line-height: 17px
}
.dq_txt i {
  background-position: 0 -320px;
  width: 12px;
  height: 6px;
  line-height: 0;
  font-size: 0
}
.dq_nam {
  z-index: 9;
  left: -1px;
  top: 22px;
  width: 210px;
  padding: 5px 0 5px 2px;
  background: #39383F
}
.dq_nam li {
  width: 52px;
  height: 20px;
  line-height: 20px
}
.dq_nam li:hover {
  background: #595767
}
.dq_ipt input {
  width: 44px;
  height: 20px;
  background: #646464;
  border: none;
  margin-right: 5px
}
.conbox {
  margin-top: 180px;
  z-index: 3;
}
.leftbox {
  width: 288px;
  background: #2B2930
}
.start {
  height: 117px
}
.twobtn, .twobtn a {
  height: 43px
}
.twobtn a {
  width: 144px;
  line-height: 43px;
  color: #edb8b1
}
.twobtn a:hover {
  background-position: -170px 0;
  color: #edb8b1
}
.twobtn a:hover i {
  -webkit-transform: rotateY(360deg);
  transform: rotateY(360deg)
}
.twobtn i {
  width: 28px;
  height: 27px;
  margin: 9px 6px 0 20px;
  transition: all .5s ease-out;
  transform-origin: 50% 50%;
  -webkit-transform-origin: 50% 50%;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d
}
.twobtn i.i02 {
  background-position: 0 -56px
}
.userbox {
  height: 171px;
  background: #1A181E
}
.kf_tt, .ser_tt {
  width: 260px;
  height: 51px;
  background-position: 0 -120px;
  border-bottom: 1px solid #3C3B41
}
.kf_tt {
  background-position: 0 -190px
}
.more_ico {
  width: 16px;
  height: 16px;
  margin: 27px 0 0;
  background-position: 0 -100px;
  transition: .5s
}
.more_ico:hover {
  background-position: 0 -119px
}
.ser_box {
  height: 268px
}
.ry_ser {
  margin-top: 24px
}
.ry_box {
  height: 200px;
  padding: 0 14px
}
.ry_xuan {
  height: 22px;
  margin-top: 8px
}
.ry_xuan span {
  color: #a0a0ae
}
.ry_list {
  margin-top: 6px
}
.ry_list li {
  width: 100%;
  height: 29px;
  line-height: 29px;
  border-bottom: 1px dashed #3C3B41;
  color: #bebebe
}
.kf_p, .ser_m {
  line-height: 26px
}
.ry_list li.ry01 {
  color: #BA9568
}
.ry_list span {
  width: 24px
}
.ry_list em {
  width: 236px
}
.dq_btn {
  width: 288px;
  height: 68px;
  background: url(../images/dq_btn.jpg) no-repeat
}
.dq_btn:hover {
  background-position: 0 -90px
}
.ser_m {
  margin-top: 4px;
  width: 256px;
  height: 26px;
  border: 1px solid #B38F65;
  color: #B38F65
}
.imgbox {
  height: 316px
}
.imgbox a {
  height: 158px;
  background: url(../images/img_bg.jpg) no-repeat;
  opacity: .8
}
.imgbox a.ig2 {
  height: 159px;
  background-position: 0 -180px
}
.imgbox a:hover {
  opacity: 1
}
.kf_cc {
  padding: 8px 0 0 15px;
  height: 260px
}
.kf_p {
  color: #bebebe
}
.kf_p a {
  background: #BA9568;
  padding: 1px 5px;
  color: #3a4147
}
.kf_p a:hover {
  color: #3a4147;
  background: #DFAB6B
}
.erma {
  height: 132px;
  margin-top: 8px
}
.erma img {
  width: 132px;
  height: 132px;
  margin-right: 16px
}
.erma span {
  width: 100px;
  font-weight: 700;
  color: #bebebe;
  line-height: 24px;
  margin-top: 38px
}
#footer, #footer p a, #footer p a:hover {
  color: #717079
}
.rightbox {
  width: 912px
}
#footer {
  padding: 30px 0 20px
}