@charset "utf-8";
/* CSS Document */
.top {
  height: 70px;
  width: 1920px;
  background-color: #FFF;
}
.ban {
  background-image: url(../logo50images/bg.jpg);
  height: 1006px;
  width: 1920px;
}
.b1 {
  height: 800px;
  width: 1920px;
  background-color: #999;
  background-image: url(../logo50images/b1.jpg);
}
.b2 {
  height: 950px;
  width: 1920px;
  background-image: url(../logo50images/b2.jpg);
}
.b3 {
  background-image: url(../logo50images/b3.jpg);
  height: 837px;
  width: 1920px;
}
.b4 {
  background-image: url(../logo50images/b4.jpg);
  height: 849px;
  width: 1920px;
}
.b5 {
  background-image: url(../logo50images/b5.jpg);
  height: 733px;
  width: 1920px;
}
.b1 iframe {
  position: relative;
  top: 318px;
}
.zu {
  background-image: url(../logo50images/zu.jpg);
  height: 160px;
  width: 1920px;
}
.anniu {
  position: relative;
  z-index: 999;
  bottom: 160px;
  left: 50px;
}
.b4 img {
  position: relative;
}
.b3 img {
  position: relative;
  top: 120px;
}
.gonggao {
  height: 500px;
  width: 620px;
  position: relative;
  z-index: 99;
  left: 782px;
  bottom: 400px;
}
#zhibo {
  float: left;
  width: 1220px;
  height: 620px;
  position: relative;
  margin-top: 20px;
  padding: 40px;
  background-repeat: no-repeat;
  background-position: left top;
  top: 280px;
  left: 308px;
}
.b1 img {
  position: relative;
  top: 205px;
}
ul, li {
  list-style: none;
  margin: 0;
  padding: 0;
}
.demo-1, .demo-2 {
  margin-left: 50px;
  overflow: hidden;
}
.demo-1 li, .demo-2 li {
  float: left;
  margin-top: 10px;
}
.demo-1 li a, .demo-2 li a {
  display: block;
  width: 80px;
  height: 80px;
  background-size: cover;
  margin-bottom: 20px;
  margin-right: 40px;
}
.js-follow img {
  max-width: 400px;
}
.hidden-box p {
  color: #333;
  font-family: 'Microsoft Yahei';
  text-shadow: 0 0 2px rgba(255, 255, 255, .5);
}
.zzxs {
  position: relative;
  width: 1600px;
  top: 125px;
  left: 107px;
}
.b5 img {
  position: relative;
  top: 120px;
}
#Floatingbars {
  width: 148px;
  height: 695px;
  position: fixed;
  top: 100%;
  right: 0px;
  z-index: 10000;
}
#Floatingbars ._btn_qqqun {
  display: block;
  text-align: center;
  margin-top: 13px;
}
#Floatingbars .btn_showhide {
  width: 22px;
  text-align: center;
  position: absolute;
  font-size: 13px;
  color: rgb(252, 248, 237);
  top: 0px;
  right: 100%;
  padding: 8px 2px;
  background-color: rgb(166, 147, 91);
  cursor: pointer;
}
#Floatingbars .btn_showhide:hover {
  background-color: rgb(187, 173, 124);
}
.kefulist li {
  font-size: 14px;
  padding-right: 19px;
  padding-left: 19px;
}
.kefulist li:hover {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJQAAAAlCAMAAACTdDA2AAAAn1BMVEUAAAAyTG1WT1xeT1lVTl1nUFM1TGteT1g1TGs1TGtNTmBSTl5pUFM0TWxlT1U2TWs/TWc9TWhKTmJBTWZFTmRITmM5TWo4TWqPeWdDTWU7TWk6TWlETWVHTmM8TWiVe2dYT1ujgmgzTGyuh2hsUFKcf2eohGg8TWmFbGJzW1p2aGZTW2peYGlXT1xYT1trUFNYT1trUFNrUFNYT1tWT1xGFTEeAAAACnRSTlMA////kpHxMzORWc4N9AAAAwlJREFUWMOtmN1WozAURktx/BkpyqhthAoryG9tb+D9322+kNaTktJAw1Zcx7u9zk4BXUiCV/AmLvCpjJ+f2+32HXx9fHz86/h75PmXJTgcDq3EVfDP8Y40TZNdZKHwGATQkkCGRuklrb76Xs8KnRV5DYp5170eFKmn8rVIkoQlEkajSq7B+xRnfE+hKOos+6MsKgp/ivcgiGO5sJhGbEtgVRGMqZgnWdY8/Drdr6MqL+MgFCqQCWmcsaJr8KqKujlZPT5tNpsfvg/DMsQlZGgE0kr3uroteLn4Uo1UL09cuhWvMxSE1otgz3frdRSuo6iTUcZgvoq+qOhe21aV1Jg8b7FalXvGd5sNrNa4hAyNqBhfqDjey8XVizjo1Xg1ZzV+gRTPq3dsC1ro2MkoY2SuCAYrQklWVL20itILeF7FOTaVpmy1gpOwehEqgEaqCC5VBNMq+u5wxe5ngk05KUtX0DrSydA4WNHmdPlaRk+BednCcVgKK2iRF416RcHlimDAik4XealKZ1qs6aScNJXLOonReKUiGFuRtFzjoYdU00k5nZakk5LMWVHflj9w6JnnSSkgrNKjjBx1L2hpd3r7ivhJWqqU1DotjMZJFeFlrti/0+M6h6SklbiEDI2XK5blnJ/F3uFiPkkRaUojMFZ8m/a8NtzpIeV3UsNoFYHQsn5e02dRPfQmqevbmvN5TRWhNVLqyumaUBGMeevSNmWuCKhi52VZsXPqVdSkLCtOf163ekXmqlJWFWOt4va2ty5IuYrU1IpAq0i3rmlvXdACA1KWFcEtFaUWvsZI2VfcTqoINCnripFlxcOyPbRSquDs9Qav+Sviu8550raQKves2E10Mjyvb/0sVkVSY1mQAj8cVtMZ/CyGsNK8zBV33xW21bbiL2Rh9W0qOP15rWkZ3rqWu2KHk3V3/MP9HqddO+529wiqSF6Gin4h9kT/4RABXxzHxsu+Ys6Xy2c4nXhyVpxZkGjkk/+ZxRO2XN5BhlZFzF5x/FtXi0Up2BmZ351jvWJHv6K0+Q/wQmHEvsB0fAAAAABJRU5ErkJggg==") center center no-repeat;
}
#Floatingbar {
  width: 157px;
  position: fixed;
  top: 50%;
  right: 0px;
  margin-top: -150px;
  z-index: 150000;
  font-size: 16px;
  background-color: rgb(255, 255, 255);
  font-family: "Microsoft YaHei";
  background: url(../logo50images/icon029.png) 0 0 no-repeat;
  background-size: 100%;
}
#Floatingbar .ewm {
  padding: 22px 0px 15px;
  line-height: 24px;
  text-align: center;
  color: rgb(255, 255, 255);
}
#Floatingbar ul {}
#Floatingbar .ewm img {
  width: 117px;
  height: 117px;
  margin: 0px auto;
  display: block;
}
#Floatingbar ul {
  padding: 162px 0px 3px 54px;
  list-style-type: none;
  color: white;
  height: 124px;
  position: relative;
  bottom: 40px;
}
#Floatingbar ul li {
  height: 22px;
  line-height: 24px; /* text-align: center; */ margin-bottom: 24px;
  cursor: pointer;
}
#Floatingbar ul li a {
  color: white;
}
#Floatingbar ul li a:hover {
  color: white;
}
#Floatingbar ul li img {
  margin-left: 5px;
  vertical-align: middle;
}
#Floatingbar .btn_backtop {
  height: 31px;
  line-height: 31px;
  text-align: center;
  color: rgb(255, 255, 255); /* background-color: rgb(86 33 50); */ display: block;
}
#Floatingbar .btn_backtop:hover { /* background-color: rgb(80, 113, 41); */
}
#Floatingbar .btn {
  width: 15px;
  height: 130px;
  position: absolute;
  top: 23px;
  left: -15px;
  background: url("../logo50images/arrow.png") right top no-repeat;
  cursor: pointer;
}
#Floatingbar .btn.change {
  background-position: left top;
}
a:link {
  color: rgb(255, 255, 255);
  text-decoration: none;
}
a:visited {
  text-decoration: none;
  color: rgb(255, 255, 255);
}
a:hover {
  text-decoration: underline;
  color: rgb(255, 255, 255);
}
a:active {
  text-decoration: none;
  color: rgb(255, 255, 255);
}
.musicbox {
  width: 70px;
  height: 110px;
  position: fixed;
  z-index: 500;
  top: 10px;
  left: 50%;
  cursor: pointer;
  margin-left: -790px;
}
.musicplay {
  background: url("../logo50images/musicplay.png") no-repeat;
}
.musicstop {
  background: url("../logo50images/musicstop.png") no-repeat
}
.kefulist li a {
  height: 48px;
  line-height: 48px;
  color: rgb(51, 51, 51);
  text-decoration: none;
  border-bottom: 1px solid rgb(205, 205, 205);
  display: block;
}
.kefulist li a [class^="icon"] {
  margin-right: 10px;
  vertical-align: middle;
}
.kefulist li:nth-last-of-type(1) a {
  border: none;
}
.kefulist li:hover .icon_qq {
  background-position: right top;
}
.kefulist li:hover a {
  color: rgb(255, 255, 255);
}
.icon_kefu {
  width: 15px;
  display: inline-block;
}
.icon_kefu.icon_kefu1x1 {}
.RQcodes {
  padding-top: 17px;
  padding-bottom: 17px;
  background-color: rgb(248, 248, 248);
}
.RQcodes strong {
  line-height: 24px;
  font-size: 16px;
  font-weight: normal;
  color: rgb(51, 51, 51);
  display: block;
  padding-left: 20px;
  padding-right: 12px;
}
.RQcodes span {
  line-height: 20px;
  color: rgb(178, 178, 178);
  margin-bottom: 10px;
  display: block;
  padding-left: 20px;
  padding-right: 12px;
}
.RQcodes .pic {
  width: 108px;
  height: 108px;
  margin: 0px auto;
}
.RQcodes .pic img {
  width: 100%;
  height: 100%;
}
a:link {
  color: rgb(255, 255, 255);
  text-decoration: none;
}
a:link {
  color: rgb(165, 131, 81);
  text-decoration: none;
}
a:visited {
  text-decoration: none;
  color: rgb(255, 255, 255);
}
a:hover {
  text-decoration: underline;
  color: rgb(255, 255, 255);
}
a:active {
  text-decoration: none;
  color: rgb(255, 255, 255);
}
a:hover {
  color: rgb(165, 131, 81);
  text-decoration: inherit;
}
a:active {
  text-decoration: none;
  color: rgb(165, 131, 81);
}
ul, ol {
  list-style-type: none;
}
a:visited {
  text-decoration: none;
  color: rgb(255, 255, 255);
}
a:hover {
  text-decoration: underline;
  color: rgb(255, 255, 255);
}
a:active {
  text-decoration: none;
  color: rgb(255, 255, 255);
}