@charset "utf-8";

b {
  display: block;
}

.fxlivelist div {
  max-width: 500px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.scale_img {
  overflow: hidden;
}

.scale_img img {
  transition: transform 2s ease;
  transform: translateZ(0);
}

.scale_img img:hover {
  transform: scale(1.1, 1.1);
}

.fixedBar {
  position: fixed;
  top: 0;
  right: -40px;
  width: 40px;
  height: 100%;
  background-color: #6f6e6e;
  z-index: 999;
  text-align: center;
}

.fixedList {
  margin-top: 70px;
}

.fixedList>li {
  position: relative;
  height: 40px;
  border-bottom: 1px solid #b0b0b0;
  line-height: 40px;
  color: #fff;
  cursor: pointer;
}

.fixedList>li a {
  display: block;
  color: #fff;
  font-size: 13px;
}

.fixedBorder {
  display: none;
  position: absolute;
  top: 0;
  left: -120px;
  width: 110px;
  height: 46px;
  background-image: url(https://www.huatu.com/images/2018fx/images/fixedBorder.png);
  background-repeat: no-repeat;
  font-size: 14px;
  color: #fff;
}

.fixedList>li:hover a, .fixedList .fixedIcon>li:hover, .fixedIcon li:hover, .fixedIcon li.active {
  background-color: #e92930;
}

.fixedIcon {
  margin-top: 100px;
}

.fixedIcon>li {
  position: relative;
  height: 40px;
  line-height: 40px;
  cursor: pointer;
}

.service {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 18px;
  height: 19px;
  margin-top: -9px;
  margin-left: -9px;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAeCAYAAAA/xX6fAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAKQSURBVEhLtZc7aBRRFIY3m81DNAoJqMEYfBQ+QKKpIj6iJiI+EAQbC2sFBZEYRBAUQRuLrSwVESzTCCkUCy3sRAtJE0QswkJYRCQEsXDX7x/+XXZ2jTN33f3h495z7nnMnZm9mWSkcrk8WSqVPsJX+NIG5uE6fTozTCZgSSOOnYy7W8wuGAVtKK+GL+BCtNU2is1soc83NXwNJ+1vm+gxBAVNXsFp+9smdjj8z4YE9OJ/2QRXXSKmNA2z+MdC0bNyiZgSG0r4V4VC4S6nx5TYEN9q0M8lhGXIu0RMqXZIUNZ0rIDWOiFXQ9bpMeFPfIZd+G8lML1Sg3qlaZjDfzaBMy1r2GrVNtRJc8r+mPCvh3NwFHrsbkr1DWNHm24Tvjz8gBnQXfgJEw4JFrmDUFTxu0xmGPW2dXjxDsxj90bRCHsEu8y4QbZiK/H1qqzVQt4lmFOhHtAu9RsqsKhTvci4zflV4X8AUzACC/COuJyXI+Ebh0IdRVio1vQVDDLqPg/Ad2h4Zvj0Zj4jrptxnFHq9rLWD8jBeBg2Mx0WzIcYYxdWlRZASf12VYXvCjz2XEfZMqHRUcZ8j/NGZQeJpFl4YjMS9lr4Bfts94Ea6gXboWZobxQcKhLXUOQzvAV9glyE3/DQIZULWCT2oDoxP+Gl5kQNXbma3YMbsN1LkVjXc1xqVTMda1vhPEzDNTgOAw6JhN1H7Eab4SJZB/Zl0E9kER6Bmt2EWe/mA4w5pXlRS58U+n7UqbIJu+FQxqfbqFdef/tu292cKHAfnlP0r6dHrYhZB1LD4ZBaNNMbechmooj9BMdshotkfXGlLsDu3sMRm+Ei+Q1M2kwUFzf3Xzuk2VMK7LeZKGL1L0Lg25rJ/AE6feLW2FHhpwAAAABJRU5ErkJggg==");
  background-repeat: no-repeat;
  background-size: 100%;
}

.fx_wb {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 23px;
  height: 20px;
  margin-top: -10px;
  margin-left: -12px;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACYAAAAgCAYAAAB+ZAqzAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAO3SURBVFhHzZgtTF1BEIURTVNRRapQFU1IqjBVmIo6BEgSBAaFQyEQmIq6GkSTpjWYBkVSU4OtwqEwJBgEBoPAAP2+23Nv2d6f915DW04y2TtnZndn/2b3val/hdvb2yc3NzfXkXNkH+51zP8fBojMEdg2copcIZsxPxwQ5PMEeGbQoR8OCOodwV1SPgr1cEBg+8hB1MngiKi8RrkXWYppENQ5xveQcpPycegWsF9jfxZ1NKgwgxykYtVBxBM2cpR2ht+CvognczWmAvAfkN2o/UiDR4inZ7trtNrgn0cdibRpnVa6gJ9FzqN2Awejd3RboTqBfRfZjjoW8H+FXERtQLBuleuoJTA+xegSHfE98gjj55Lu4vuYcgs5QZxhB+Vsz8a1gHb7itpAPp+/AOlemijp4buaOgbyDZm3QwfF91r4+bg3gDtDXkZtoH8+fwJiWhJZDDU2CGLJQKIWoL3OZYMzsRaB0Yaz3grsElmJeq+wMzotkifcTD4byCFnUSvCJdiPeu+gbQOb7Mqhkkf0KmonsDuSdeQz8pVO9ijfU775fSa6gG/3SRsClY6RziWE30BcYsVZ9VVggPI7iHXdl9+R1tIIZ0ofyokyuhu+NVvhLxCvkpHJEz8DNcCdUAVow0u6GgDfvVdSAxy3cNyLWsGRwXv8O6+NPlDP5OhJ+xaqBWwmY7P+8H7DyaUocgy6M7UctRf4uO9aWwDO5Nw7KGw7BHYYtRs4GX2TfdGXkdOoBfDzUbdSj5ZvE6TLU2R2dWTUYWqljwI65LMCuht8PWoDuHl9ETe5g3HZ5D7FpYA+yHTUFrB5mHrtVWB3I0dvLa2A+4pU1xSl999CZegB9lPanYtaIIMaTh84uJ9eRFX3vbQWtQGcS3xBo9XpomxdvneBj7PamR6weekPv+Fw+IK8jaruY+7XlXAH8IvIRzocTB/4eDdeRi1A3fpnXP8yChzcqEUj6G7qwTdYH+jYZfJHxZtQBbCZTt5HHQaO7qvmoUejvsfcvM1MjoPUc2t8CFUA3oNzFHU0cK6fO82Vkil3dOd9o6+RgOrX7kboAvAGdRJ1fND4ayo6S8V9B78EV+crT6MvVQ+A96Qn1RnS5sXeOhBwLq0rchxqclDZjW8nrYciHTiD2t8iHxFnyMu89QIV8a9n8UvoPwcNmt1Nfr73x/7lU4M6zrzLVgWEPphWJgaNmmsM0HvPZave8THXS+TeNPs7iy6zwbjsG9rj+ndAB/4z45Lc/eVTi7q8uXDx/oKZmvoBrIjOLXec5dEAAAAASUVORK5CYII=");
  background-repeat: no-repeat;
  background-size: 100%;
}

.fx_wx {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 20px;
  height: 18px;
  margin-top: -9px;
  margin-left: -10px;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACYAAAAfCAYAAACLSL/LAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAMsSURBVFhHvZe9axRRFMXX74+oMWpAJUjiRwrtRDAxBBu1S3oxkEJBF7VSC0GSfyBEsFRMZ2MpghCCIMEm2AURFysL2SCyBCsJ2fV3Jmd3WZydmZ2ZeOAwe8+797yXmcm7bwpxqNVqu6vV6hCcggvwB1pNV8fTcEh5LtlcMNkxOOdFLMN7cBgOwj5fFUtfdt4cPG6LfIH/dsxn4Rp8BPd7KBLKc77qZuXjoezArBvTEnwD91juCKpzfUl+ltMDk32Y/YS3LWWCfOQnX0udg+KtmOg9umspF8hPvvK31BkovgPfOcwV8pW/w+Tgr9lB4TrstdQA2lVY1tVSKKLy0HrhmuaxlAwUXKFw3mEL0H/DJVi2FIq4PPR5zeMwGSh6CccdtgBdd2JFV0uhiMtDH4MvHCYDBd/gaYe5gTt0At9JqK2jQlzvFoonNe7UcLggt90ar1H4FWrreQIvwXHYx1T9jqVrXHvmqEtb4cFzDlMDD22sb+EXqN65xUOh0LjynK+61g0dQf1tzGEqMMlBPHQHpvnd0Z6lfNWpXj6Wg4Vdg6n3MMy03XyH9y2lgurlI79A4MdOBDXeVO8Zdc/gK4eZIB/5OQyECbjoMDGoOQDX+eP2WsoE+chPvnVBL6J6ZTEQEoL8G3DGYQNokR0jahxNR67rDoPF1U8XE5ZiQa5OsCMOG0CL6wRtx9FG4ILDDbC4o4h6NNssRYLcChxw2ABaXCdoO442AFcdNsGihCP6TcIh2PbAyJj+i/od5gIvrOKwCcRVeBbObKwx6Awf4C14gVCtRmf+M1BnrdcuzQV4qnP8e6hA1J70C76Hu0x9dOgrSVrZi9WjUO8ruTQX4PcU3nTYBKIWtsTcsecncnrI1TuZy6cbXmpr8uux1AQD6p1dDmNBrjbY5w4zQT7yc9gKBgb9MxF0Z6nJoyUV5ZPkSSWGH2mqJi5Qp+/RldBHmBUYd8FF+BleZJLIY08d5B6Gf8hP/5kXBy2GSS5Dvae6g4/hMLoOiNpiTkHt7DrmfPS1yPgnW2w+mOykJoU6SusxaYvRNqRDob43z8MHUHfr/y0sKViUjl0PHRqFwl8pJyPerkKfqQAAAABJRU5ErkJggg==");
  background-repeat: no-repeat;
  background-size: 100%;
}

.fx_top {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 22px;
  height: 19px;
  margin-left: -11px;
  margin-top: -9px;
  background-image: url(https://www.huatu.com/images/2018fx/images/sprite.png);
  background-repeat: no-repeat;
  background-position: -37px -260px;
}

.rightBarbg {
  display: none;
  position: fixed;
  top: 50%;
  right: 0;
  width: 40px;
  height: 120px;
  margin-top: -60px;
  background-color: #252525;
  z-index: 998;
}

.rightBarbg .fixedIcon {
  margin-top: 0;
}

.bar_img {
  display: none;
  position: absolute;
  bottom: -9px;
  left: -150px;
  width: 150px;
  height: 180px;
  border-radius: 8px;
  background-color: #e92930;
  text-align: center
}

.fixedIcon img {
  width: 100px;
  height: 100px;
  margin: 30px auto 5px auto;
}

.fixedIcon p {
  color: #fff;
}

.qq_wrap {
  position: fixed;
  top: 180px;
  min-width: 150px;
  right: 0;
  background-color: #e82930;
  border-radius: 8px;
  z-index: 999;
}

.qq_wrap_img {
  position: absolute;
  top: 4px;
  right: 6px;
  cursor:pointer;
}

.qq_title {
  width: 100%;
  height: 35px;
  line-height: 33px;
  color: #fff;
  text-align: center;
}

.qq_wrap ul {
  margin: 0 3px;
  border-radius: 8px;
  background-color: #fff;
}

.qq_wrap ul li {
  border-bottom: 1px dashed #d5d5d5;
  padding: 5px 10px;
  line-height: 12px;
  text-align: left;
}

.qq_wrap ul li:last-child {
  border-bottom: none;
}

.qq_type {
  padding: 1px 0 1px 30px;
  margin-right: 5px;
  background: url(https://u3.huatu.com/guangdong/tupian/flow.jpg) no-repeat;
  font-size: 12px;
}

.qq_type.active {
  padding: 1px 0 1px 20px;
  background: url(https://www.huatu.com/images/qqicon.jpg) no-repeat;
  font-size: 12px;
}

.qq_tel {
  margin-top: 10px;
}

.qq_bottom {
  width: 100%;
  height: 35px;
  line-height: 33px;
  color: #fff;
  font-size: 12px;
}

.qq_tel a {
  display: block;
  padding-left: 26px;
  margin-left: 3px;
  background: url(https://u1.huatu.com/shenzhen/tu/szdhicon.jpg) no-repeat left center;
  font-size: 12px;
  color: #F00;
  text-align: left;
}

.qq_tel a:hover, .qq_type:hover {
  color: #F00;
  text-decoration: underline;
}

.qq_type i {
  width: 20px;
  height: 18px;
  margin-top: 7px;
  background-image: url(https://www.huatu.com/images/qqicon.jpg);
  background-repeat: no-repeat;
}


.header {
  position: relative;
}

.header .top {
  width: 100%;
  height: 46px;
  line-height: 46px;
  border-bottom: 1px solid #ddd;
}

.top_nav {
  height: 46px;
  line-height: 46px;
}

.top_nav>li {
  position: relative;
  display: inline;
  float: left;
  width: auto;
  height: 46px;
}

.top_nav b a {
  display: block;
  width: auto;
  float: left;
  height: 46px;
  padding-left: 25px;
  color: #666;
  transition: background 0.3s;
  transform: translateZ(0);
}

.top_nav b a:hover p {
  color: #e45063;
}

.top_nav b:hover i {
  background-position: -27px -1px;
  transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -o-transform: rotate(180deg);
}

.top_nav b i {
  float: right;
  width: 8px;
  height: 5px;
  margin: 21px 8px 0 9px;
  background: url(https://www.huatu.com/images/2018fx/images/sprite.png) no-repeat;
  background-position: -38px -1px;
  transition: transform 0.5s;
  -moz-transition: -moz-transform 0.5s;
  -webkit-transition: -webkit-transform 0.5s;
  -o-transition: -o-transform 0.5s;
  opacity: 0.8;
}

.header .tel {
  margin-right: 20px;
  font-size: 18px;
  font-weight: bold;
}

.header .tel a {
  color: #e02140;
}

.header .tel i {
  display: block;
  float: left;
  width: 26px;
  height: 26px;
  margin: 12px 10px 0 0;
  background: url(https://www.huatu.com/images/2018fx/images/sprite.png) no-repeat;
  background-position: -23px -158px;
}

.header .login a:hover {
  color: #e92930;
}

.header .login a {
  color: #808080;
}

.header .login div {
  margin: 0 9px;
  color: #d1d1d1;
}

.wx {
  position: relative;
  padding-left: 35px;
  background: url(https://www.huatu.com/images/2018fx/images/fx_wxicon.jpg) no-repeat left center;
  cursor: pointer;
}

.wx:hover .wx_box {
  display: block;
}

.wx:hover {
  color: #44cd66;
}

.wx_wrap {
  min-width: 192px;
  height: 100px;
  padding-top: 30px;
  margin-bottom: 13px;
}

.wx_box {
  display: none;
  position: absolute;
  bottom: -150px;
  padding-left: 20px;
  left: 0;
  min-width: 217px;
  height: 150px;
  background-color: #fff;
  z-index: 10;
  box-shadow: 0 0 7px rgba(58, 58, 58, 0.2);
}

.wx_box img {
  display: block;
  float: left;
  width: 80px;
  height: 80px;
}

.wx_box a {
  display: block;
  float: left;
  width: 74px;
  height: 28px;
  margin-left: 15px;
  background: #e92930;
  border-radius: 3px;
  color: #fff;
  font-size: 14px;
  line-height: 28px;
  text-align: center;
  margin-top: 15px;
}

.wx_box span {
  display: block;
  float: left;
  margin: 0 0 10px 15px;
  color: #000;
  font-size: 14px;
  line-height: 23px;
}

.qq {
  padding-left: 28px;
  margin-left: 20px;
  margin-right: 18px;
  background: url(https://www.huatu.com/images/2018fx/images/fx_qqicon.jpg) no-repeat left center;
}

.qq:hover {
  color: #38b2ff;
}


.top_nav .navconbg {
  display: none;
  position: absolute;
  left: 0;
  top: 46px;
  z-index: 9;
  background: #fff;
  filter: alpha(opacity=95);
  opacity: 0.95;
  box-shadow: 0 0 7px rgba(58, 58, 58, 0.2);
  -ms-box-shadow: 0 0 7px rgba(58, 58, 58, 0.2);
  -moz-box-shadow: 0 0 7px rgba(58, 58, 58, 0.2);
  -webkit-box-shadow: 0 0 7px rgba(58, 58, 58, 0.2);
  -o-box-shadow: 0 0 7px rgba(58, 58, 58, 0.2);
}

.top_nav .navcon {
  display: none;
  position: absolute;
  left: 0;
  top: 46px;
  z-index: 10;
  overflow: hidden;
}

.top_nav .navconbg01, .top_nav .navcon01 {
  width: 725px;
  padding-bottom: 10px;
}

.top_nav .navconbg02, .top_nav .navcon02 {
  width: 554px;
}

.top_nav .navconbg03, .top_nav .navcon03 {
  width: 114px;
}

.top_nav .navconbg04, .top_nav .navcon04 {
  width: 114px;
}

.top_nav .navconbg05, .top_nav .navcon05 {
  width: 114px;
}

.top_nav .navconbg06, .top_nav .navcon06 {
  width: 217px;
}

.top_nav .navcon01 b {
  padding-top: 10px;
  padding-left: 25px;
  line-height: 46px;
  color: #000;
}

.top_nav .navcon01 b a, .top_nav .navcon02 b a {
  color: #000;
}

.top_nav .navcon01 b a:hover, .top_nav .navcon02 b a:hover {
  color: #e92930;
}

.top_nav .navcon01 p {
  padding-left: 25px;
}

.top_nav .navcon01 p a, .top_nav .navcon02 p a {
  display: block;
  float: left;
  height: 28px;
  margin-bottom: 5px;
  color: #888;
  font-size: 14px;
  line-height: 28px;
  text-align: center;
}

.top_nav .navcon01 p a {
  width: 74px;
}

.top_nav .navcon01 p a:hover, .top_nav .navcon02 p a:hover {
  background: #e92930;
  border-radius: 3px;
  color: #fff;
  text-decoration: none;
}

.top_nav .navcon01 p span {
  display: block;
  float: left;
  width: 46px;
  height: 28px;
  margin-bottom: 5px;
  color: #cbcbcb;
  font-size: 14px;
  line-height: 28px;
  text-align: center;
}

.top_nav .navcon01 em {
  display: block;
  width: 100%;
  height: 1px;
  margin: 35px 0 0 0;
  border-top: 1px solid #eaeaea;
  font-size: 0px;
}

.top_nav .navcon02 .kc {
  display: inline;
  float: left;
  width: 184px;
  height: 110px;
}

.top_nav .navcon02 .br {
  border-right: 1px solid #eaeaea;
}

.top_nav .navcon02 .bb {
  border-bottom: 1px solid #eaeaea;
}

.top_nav .navcon02 b {
  padding-top: 20px;
  line-height: 46px;
  color: #000;
  text-align: center;
}

.top_nav .navcon02 p {
  padding-left: 25px;
}

.top_nav .navcon02 p a {
  width: 67px;
}

.top_nav .navcon03 a, .top_nav .navcon04 a, .top_nav .navcon05 a {
  display: block;
  width: 100%;
  height: 42px;
  color: #000;
  font-size: 14px;
  line-height: 42px;
  text-align: left;
  text-indent: 25px;
}

.top_nav .navcon03 a:hover, .top_nav .navcon04 a:hover, .top_nav .navcon05 a:hover {
  background: #e92930;
  color: #fff;
  text-decoration: none;
}

.top_nav .navcon .ewmbox {
  width: 192px;
  height: 100px;
  padding: 30px 0 0 25px;
  margin-bottom: 13px;
  border-bottom: 1px solid #eaeaea;
}

.top_nav .navcon .ewmbox img {
  display: block;
  float: left;
  width: 75px;
  height: 75px;
}

.top_nav .navcon .ewmbox span {
  display: block;
  float: left;
  width: 74px;
  height: 28px;
  margin: 5px 0 10px 15px;
  color: #000;
  font-size: 14px;
  line-height: 28px;
  text-align: center;
}

.top_nav .navcon .ewmbox a {
  display: block;
  float: left;
  width: 74px;
  height: 28px;
  margin-left: 15px;
  background: #e92930;
  border-radius: 3px;
  color: #fff;
  font-size: 14px;
  line-height: 28px;
  text-align: center;
}

.top_nav .navcon .ewmbox a:hover {
  text-decoration: none;
}

.top_nav .navcon06 p {
  height: 28px;
  padding-left: 10px;
  overflow: hidden;
  line-height: 28px;
}

.top_nav .navcon06 p a {
  display: inline-block;
  height: 28px;
  padding: 0 7px;
  color: #000;
  font-size: 14px;
  line-height: 28px;
}


.banner_img {
  position: relative;
  margin-top: 22px;
}

.banner_img img {
  width: 100%;
  height: auto !important;
}

.banner_close {
  position: absolute;
  top: 30%;
  right: 3%;
  width: 32px;
  height: 32px;
  background-image: url(https://www.huatu.com/images/2018fx/images/sprite.png);
  background-repeat: no-repeat;
  background-position: -55px -1px;
  cursor: pointer;
}


.nav {
  position: relative;
  margin-top: 68px;
}

.nav_bg {
  position: absolute;
  width: 100%;
  height: 50px;
  background-color: #e92930;
}

.fx_logo {
  position: absolute;
  top: -40px;
  left: 0;
  height: 92px;
  padding-right: 7px;
  overflow: hidden;
  box-shadow: 0px 0px 10px 0px #ddd;
  background: #fff;
}

.fx_logo a {
  width: 167px;
  height: 38px;
  background: url(https://www.huatu.com/images/2018fx/images/fx_logo.jpg) no-repeat;
  background-size: 100%;
  text-indent: -999em;
  margin: 26px 0 0 18px;
}

.fx_logo h1 {
  padding: 0 18px 0 9px;
  border-left: solid 1px #dedede;
  margin: 26px 0 0 8px;
  line-height: 38px;
  font-size: 30px;
  color: #e82930;
}

.nav .wrap {
  position: relative;
}

.nav_list {
  margin-left: 426px;
}

.nav_list>li {
  float: left;
  width: 150px;
  height: 47px;
  margin-top: 3px;
  margin-left: 6px;
  border-radius: 8px 8px 0 0;
  transition: .5s background ease;
  transform: translateZ(0);
}

.nav_list>li b {
  font-size: 20px;
  line-height: 50px;
}

.nav_list>li b {
  transition: transform .5s ease;
  transform: translateZ(0);
}

.nav_list>li.active {
  background-color: #fff;
}

.nav_list>li.active b {
  transform: translateY(2px);
}

.nav_href.active {
  color: #e92930;
}

.nav_list>li i {
  width: 23px;
  height: 22px;
  margin: 13px 8px 0 20px;
  background-image: url(https://www.huatu.com/images/2018fx/images/fx_navicon.png);
  background-repeat: no-repeat;
}

.nav_icon1 {
  background-position: 0 0px;
}

.nav_icon2 {
  width: 19px;
  height: 23px;
  background-position: 0 -69px;
}

.nav_icon3 {
  width: 21px;
  height: 23px;
  background-position: 0 -146px;
}

.nav_icon4 {
  width: 22px;
  margin: 14px 8px 0 20px;
  background-position: 0 -225px;
}

.nav_icon5 {
  width: 22px;
  height: 23px;
  margin: 12px 8px 0 20px;
  background-position: 0 -302px;
}

.nav_icon6 {
  background-position: 0 -378px;
}

.nav_list .change_btn01 i.active {
  background-position: -58px 0;
}

.nav_list .change_btn02 i.active {
  background-position: -58px -69px;
}

.nav_list .change_btn03 i.active {
  background-position: -58px -146px;
}

.nav_list .change_btn04 i.active {
  background-position: -58px -225px;
}

.change_btn05:hover a, .change_btn06:hover a {
  color: #fee573;
}

.change_btn05:hover i {
  background-position: -58px -302px;
}

.change_btn06:hover i {
  background-position: -58px -378px;
}

.nav_change {
  min-height: 72px;
  margin-bottom: 30px;
}

.nav .mb35 {
  height: 50px;
}

.nav_list>li a {
  color: #fff;
}

.fx_tel>li {
  position: relative;
  float: left;
  margin-right: 30px;
}

.fx_tel>li .nav_address {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  padding: 12px 0;
  border: 1px solid #e92930;
  white-space: nowrap;
  background-color: #fff;
  z-index: 3;
}

.fx_tel>li .nav_address.active {
  left: auto;
  right: 0;
}

.address_border.active {
  left: auto;
  right: 26px;
}

.address_border {
  position: absolute;
  top: -11px;
  left: 26px;
  border: 5px solid rgba(255, 255, 255, 0.01);
  border-bottom: 5px solid #e92930;
  display: inline-block;
}

.fx_tel>li .nav_address p {
  padding: 0 20px;
  line-height: 26px;
  font-size: 14px;
}

.nav_data a, .fx_msg a {
  display: block;
  width: 100%;
}

.nav_change a {
  transition: .2s color ease;
  transform: translateZ(0);
}

.fxlivelist div:hover a {
  color: #e82930;
}

.fxlivelist div:hover span {
  background-color: #555657;
  color: #fff;
}

.nav_change>ul {
  display: none;
}

.nav_change>ul.active {
  display: block;
}

.fx_msg li {
  position: relative;
  float: left;
  width: 11.11%;
  text-align: center;
}
.fx_msg li:hover{
    background-color: #e92930;
}
.fx_msg li:hover .zkxx{				 
	display:initial;  
}
.zkxx{
	display: none;
    position: absolute;
    width: 98%;
    left: 0;
    z-index: 3;
    background: #fff;
    border: solid 1px rgba(195, 195, 195, .3);
    border-radius: 6px;
    box-shadow: 0 0 20px rgba(137, 137, 137, .15);
}
.zkxx a:hover {
	color: #e92930;
	transition: .3s color ease;
}

.nav_line {
  position: absolute;
  top: 11px;
  right: 0;
  height: 15px;
  border-right: 1px solid #ccc;
}

.nav_data>li {
  position: relative;
  float: left;
  width: 7.69%;
  text-align: center;
}

.hot {
  float: left;
  width: 145px;
  height: 56px;
  margin-right: 30px;
  background-image: url(https://www.huatu.com/images/2018fx/images/fxlivehot.jpg);
  background-repeat: no-repeat;
  text-indent: -999em;
}

.fxlivelist {
  float: left;
  background: url(https://www.huatu.com/images/2018fx/images/fxlivelist.jpg) no-repeat left 2px;
}

.fxlivelist div {
  max-width: 500px;
  padding: 0 0 8px 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 24px;
}

.fxlivelist div em {
  font-style: normal;
  font-size: 16px;
}

.fxlivelist div {}

.fxlivelist div span {
  display: inline-block;
  padding: 0 10px;
  height: 24px;
  line-height: 24px;
  text-align: center;
  font-size: 14px;
  background: #efefef;
  border-radius: 4px;
  margin: 0 15px;
  transition: background .5s ease, color .5s ease;
  transform: translateZ(0);
  color: #666;
}

.fxlivelist div a {
  font-size: 16px;
  line-height: 24px;
}

.fxlivesty {
  float: right;
}

.fxlivesty>a {
  float: left;
  margin-left: 45px;
}

.fxlivesty .replay {
  margin-left: 0;
}

.fxlivesty span {
  display: block;
  font-size: 18px;
  line-height: 24px;
  margin: 4px 0 2px;
  opacity: .8;
}

.fxlivesty dl dt, .fxlivesty dl dd {
  float: left;
}

.fxlivesty dl dd {
  padding-left: 20px;
}

.fxlivesty p {
  font-size: 16px;
  color: #999;
  line-height: 24px;
}

.fxlivesty .replay span {
  color: #b08fff;
}

.fxlivesty .class span {
  color: #53d4fe;
}

.fxlivesty .live span {
  color: #ff7eca;
}

.fxlivesty dt>div {
  width: 56px;
  height: 56px;
  border-radius: 100%;
  transition: background .5s ease;
  transform: translateZ(0);
}

.fxlivesty dt>div i {
  display: inline-block;
}

.replay_img {
  background-color: #b08fff;
}

.replay_img i {
  width: 30px;
  height: 25px;
  margin: 17px 13px 16px 13px;
  background-image: url(https://www.huatu.com/images/2018fx/images/sprite.png);
  background-repeat: no-repeat;
  background-position: -6px -427px;
}

.class_img {
  background-color: #53d4fe;
}

.class_img i {
  width: 36px;
  height: 23px;
  margin: 17px 13px 16px 13px;
  background-image: url(https://www.huatu.com/images/2018fx/images/sprite.png);
  background-repeat: no-repeat;
  background-position: -49px -428px;
}

.live_img {
  background-color: #ff7eca;
}

.live_img i {
  width: 34px;
  height: 23px;
  margin: 17px 12px 16px 12px;
  background-image: url(https://www.huatu.com/images/2018fx/images/sprite.png);
  background-repeat: no-repeat;
  background-position: -50px -393px;
}

.replay:hover .replay_img {
  background-color: #9669ff;
}

.fxlivesty .live:hover .live_img {
  background-color: #ff38ad;
}

.fxlivesty .class:hover .class_img {
  background-color: #0ec4ff;
}

.replay:hover span {
  color: #9669ff;
}

.fxlivesty .live:hover span {
  color: #ff38ad;
}

.fxlivesty .class:hover span {
  color: #0ec4ff;
}


.count {
  display: none;
}

.count.active {
  display: block;
}

.count_list .count_time {
  width: 12%;
  border: 1px solid #dcdcdc;
  border-right: none;
}

.count_wrap {
  width: 160px;
  margin: 0 auto;
}

.count_title {
  display: block;
  margin-top: 30px;
  font-size: 15px;
}

.count_title:hover {
  color: #e92930;
}

.count_days {
  font-weight: bold;
}

.count_days.active {
  font-size: 24px;
}

.count_days span {
  display: inline-block;
  width: 22px;
  height: 32px;
  margin: 0 1px;
  line-height: 32px;
  font-size: 19px;
  color: #fff;
  text-align: center;
  background-color: #e92930;
}

.count_days .count_days1 {
  border-radius: 4px 0 0 4px;
}

.count_days .count_days2 {
  display: none;
}

.count_days .count_days3 {
  display: none;
  border-radius: 0 4px 4px 0;
}

.count_list {
  width: 100%;
}

.count_list li {
  width: 9.685%;
  height: 138px;
  text-align: center;
  transition: .8s box-shadow ease, transform .8s ease;
  transform: translateZ(0);
  border: 1px solid #dcdcdc;
}

.count_list li.active {
  border-left: none;
  border-right: none;
}

.count_list .count_icon:hover {
  border-color: #fff;
  box-shadow: -10px 0px 10px rgba(137, 137, 137, 0.1), 0px -10px 10px rgba(137, 137, 137, 0.1), 10px 0px 10px rgba(137, 137, 137, 0.1), 0px 10px 10px rgba(137, 137, 137, 0.1);
  transform: scale3d(1.01, 1.01, 1.01);
}

.count_list li:nth-child(3):hover p, .count_list li:nth-child(9):hover p {
  color: #1cd491;
}

.count_list li:nth-child(4):hover p, .count_list li:nth-child(6):hover p {
  color: #4fbbff;
}

.count_list li:nth-child(5):hover p, .count_list li:nth-child(8):hover p {
  color: #ff9e14;
}

.count_list li:nth-child(2):hover p, .count_list li:nth-child(7):hover p, .count_list li:nth-child(10):hover p {
  color: #f5483e;
}

.count_icon p {
  transition: .3s color ease;
  transform: translateZ(0);
  line-height: 20px;
}

.count_icon1 {
  width: 56px;
  height: 50px;
  margin: 21px auto;
}

.count_icon2 {
  width: 59px;
  height: 56px;
  margin: 18px auto;
}

.count_icon3 {
  width: 44px;
  height: 54px;
  margin: 19px auto;
}

.count_icon4 {
  width: 56px;
  height: 56px;
  margin: 18px auto 17px auto;
}

.count_icon5 {
  width: 58px;
  height: 50px;
  margin: 20px 62px;
}

.count_icon6 {
  width: 54px;
  height: 56px;
  margin: 19px auto 18px auto;
}

.count_icon7 {
  width: 58px;
  height: 49px;
  margin: 21px 62px;
}

.count_icon8 {
  width: 58px;
  height: 54px;
  margin: 19px auto;
}

.count_icon9 {
  width: 60px;
  height: 52px;
  margin: 20px auto;
}



.attend {
  display: none;
}

.attend.active {
  display: block;
}

.attend_list .attend_l {
  width: 12%;
  height: 138px;
  border: 1px solid #dcdcdc;
}

.attend_logo {
  width: 124px;
  height: 45px;
  margin: 30px auto 0 auto;
  background-image: url(https://www.huatu.com/images/2018fx/images/attend.png);
  background-repeat: no-repeat;
  text-indent: -999em;
}

.attend_title {
  color: #a1a1a1;
  font-size: 15px;
}

.attend_list {
  width: 100%;
}

.attend_list>li {
  width: 8.7%;
  height: 138px;
  text-align: center;
  transition: .8s box-shadow ease, transform .8s ease;
  transform: translateZ(0);
  border: 1px solid #dcdcdc;
  overflow: hidden;
}

.attend_container {
  transition: .7s transform ease;
  transform: translateZ(0);
  transform: translateY(200px);
}

.attend_list li.active {
  border-left: none;
  border-right: none;
}

.attend_list .attend_icon:hover {
  border-color: #fff;
  box-shadow: -10px 0px 10px rgba(137, 137, 137, 0.1), 0px -10px 10px rgba(137, 137, 137, 0.1), 10px 0px 10px rgba(137, 137, 137, 0.1), 0px 10px 10px rgba(137, 137, 137, 0.1);
  transform: scale3d(1.01, 1.01, 1.01);
}

.attend_list>li .attend_wrap {
  transition: .7s transform ease;
  transform: translateZ(0);
}

.attend_wrap p {
  line-height: 22px;
}

.attend_list .attend_icon:hover .attend_wrap {
  transform: translateY(-200px);
}

.attend_list>li:hover .attend_container {
  transform: translateY(-120px);
}

.attend_icon1 {
  width: 56px;
  height: 54px;
  margin: 21px auto;
}

.attend_icon2 {
  width: 56px;
  height: 56px;
  margin: 20px auto;
}

.attend_icon3 {
  width: 52px;
  height: 56px;
  margin: 20px auto;
}

.attend_icon4 {
  width: 56px;
  height: 50px;
  margin: 23px auto;
}

.attend_icon5 {
  width: 52px;
  height: 56px;
  margin: 20px auto;
}

.attend_icon6 {
  width: 56px;
  height: 52px;
  margin: 22px auto;
}

.attend_icon7 {
  width: 48px;
  height: 56px;
  margin: 20px auto;
}

.attend_icon8 {
  width: 56px;
  height: 52px;
  margin: 22px auto;
}

.attend_icon9 {
  width: 56px;
  height: 51px;
  margin: 22px auto;
}

.attend_name {
  margin-top: 15px;
  font-size: 19px;
}

.coach, .inter {
  display: block;
  width: 70px;
  height: 24px;
  margin: 10px auto;
  border-radius: 10px;
  line-height: 24px;
  background-color: #efefef;
  color: #333;
  text-align: center;
  font-size: 14px;
  transition: background .5s ease, color .8s ease;
}

.inter {
  margin: 0 auto;
}

.attend_container a:hover {
  background-color: #eb2933;
  color: #fff;
}



.search {
  margin-top: 40px;
}

.search .select {
  display: inline;
  float: left;
  background-color: #fafafa;
}

.search .select>div {
  position: relative;
  width: 100%;
  border: 1px solid #dcdcdc;
  border-right: none;
  border-radius: 6px 0 0 6px;
}

.search .select cite {
  display: block;
  width: 100%;
  height: 44px;
  font-style: normal;
  line-height: 45px;
  text-indent: 10px;
  font-size: 14px;
}

.search .select:hover cite {
  border-color: #e92930;
  color: #e92930;
  z-index: 2;
}

.search .select01 {
  position: relative;
  width: 100px;
}

.search .select01 i {
  position: absolute;
  top: 19px;
  right: 10px;
  width: 8px;
  height: 5px;
  background-image: url(https://www.huatu.com/images/2018fx/images/sprite.png);
  background-repeat: no-repeat;
  background-position: -38px -1px;
}

.search .select ul {
  display: none;
  position: absolute;
  left: 0;
  top: 45px;
  width: 98%;
  overflow-y: auto;
  overflow-x: hidden;
  z-index: 3;
  background: #fff;
  border: 1px solid #cecfd1;
  border-radius: 3px;
  border-top: none;
}

.search .select li {
  font-size: 14px;
  line-height: 30px;
  text-indent: 10px;
  cursor: pointer;
}

.search .select li a {
  display: block;
  width: 100%;
  height: 30px;
  cursor: pointer;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.search .select li a:hover {
  background: #f2f2f2;
  color: #e92930;
  text-decoration: none;
}

.search input[type=text] {
  float: left;
  width: 478px;
  height: 44px;
  border: 1px solid #ddd;
  border-right: none;
  padding-left: 20px;
  color: #999;
  font-size: 14px;
}

#fx_searchbtn {
  float: left;
  width: 130px;
  height: 46px;
  text-align: center;
  line-height: 46px;
  background-color: #e92930;
  color: #fff;
  letter-spacing: 10px;
  border-radius: 0 8px 8px 0;
  cursor: pointer;
  transition: .7s opacity ease;
  transform: translateZ(0);
  font-size: 18px;
}

#fx_searchbtn:hover {
  opacity: .95;
}

.find_nav {
  margin-left: 20px;
  margin-top: 5px;
}

.find_nav>a {
  float: left;
  width: 92px;
  height: 35px;
  border: 1px solid #dedede;
  margin-right: 18px;
  text-align: center;
  line-height: 35px;
  color: #333;
  border-radius: 8px;
  transition: border .8s ease, color .8s ease;
  transform: translateZ(0);
}

.find_nav>a:hover {
  border-color: #e92930;
  color: #e92930;
}



.main {
  height: 710px;
  margin-top: 40px;
}

.main_nav {
  float: left;
  width: 23%;
  box-shadow: 0px 0px 20px 0px #ddd;
}

.main_nav>li {
  width: 100%;
  height: 58px;
  border-bottom: 1px solid #ddd;
  cursor: pointer;
  transition: border .5s ease;
  transform: translateZ(0);
}

.main_nav>li.first.on, .main_nav>li.first {
  background: linear-gradient(to right, rgba(237, 43, 57, 1), rgba(253, 40, 87, 1));
  background-color: #f62a49;
  transition: .8s background ease;
  transform: translateZ(0);
  border-bottom: 1px solid transparent;
}

.main_nav>li.first:hover {
  background: linear-gradient(to right, rgba(242, 85, 52, 1), rgba(253, 40, 87, 1));
}

.main_nav>li.first.on p {
  color: #fff;
}

.main_nav>li.first .main_arrow {
  background-position: -1px -12px;
}

.main_nav>li.first p {
  color: #fff;
}

.main_nav>li.first.on .main_arrow {
  background-position: -1px -12px;
}

.main_nav>li p {
  line-height: 57px;
}

.main_arrow {
  width: 9px;
  height: 16px;
  margin-top: 22px;
  margin-right: 40px;
  background-image: url(https://www.huatu.com/images/2018fx/images/sprite.png);
  background-repeat: no-repeat;
  background-position: -18px -13px;
}

.main_icon {
  width: 30px;
  height: 30px;
  margin: 18px 15px 0 40px;
}

.main_icon1 {
  display: block;
  width: 24px;
  height: 24px;
  margin: 0 auto;
  background-image: url(https://www.huatu.com/images/2018fx/images/main_nav.png);
  background-position: 0 0;
  background-repeat: no-repeat;
}

.first .main_icon i {
  background-size: auto auto;
}

.main_icon i {
  background-size: 100%;
}

.main_icon2 {
  display: block;
  width: 9px;
  height: 24px;
  margin: 0 auto;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAwCAYAAAD3nZFpAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAFtSURBVEhL7ZYxTsNQEETdUiAqurQ0aelScwJXSLQ5Qe5g2S58BZpcIEeg5gL0bjlEmLfejWw5Nv4RFfJIq++dPzPmfxDe7BqqqtqVZfmu+tbzmZUe3iXTqOv6ScIWo+qk/k3mF1Z651t0bhkCsYuOEt07PQA8++jQO91B5MYDDk7NAp3rN04Z+aU6ebsI6PFZUxTFVs1Z66MRC4HefVsSwafvJQEfZi70QyuXxb2k1hE/afErvbXaCDk0TXOXWvj6Ia9+zCTgW0OGGIT43wo3nVTuu/wkFpRa4f2746whhjVkjDVkjDVkjP8con+6e+YNrTGf5TZ39EAPzz461+8vIarBV16bNjVSemZqjGf4kZ4QmwpJ95ca/KufqxjFcnrfMqDHp+rGNBF8R3jLgxG/AB16fE51WBo0GRDoBU1iNiCAQFrOyl0wy0XRc3fzAQGEvFEmOxor/eKAQASpnm8KCGBMOsIUFFL54wSy7AcBy71JWgnACAAAAABJRU5ErkJggg==");
  background-repeat: no-repeat;
}

.navlist>b p {
  line-height: 46px;
}

.main_nav .main_nav_02.on .main_icon2 {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAwCAYAAAD3nZFpAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGWSURBVEhL7ZaxTsQwDIYrMbGwsbGysLIxsjDTpiK5rvcE9xQ8BQsvwCMwszKxdoNLOvACh3/HoQ1tqgaJBfWXrMiO/V2c3l1dTMlVd1eu0g+20p1T5sAr+YhLSlofpTm3lWlR6JR+6pRpXGlueCXfA02LPCmJtVf6mpOUebRNcyLhSIhjH3nIl7CXvW3O/KebnYRmhTz+QKqTEEGUecVxxV0k5KOOHauaC1A/lTrlwEIhn09D9QTR9+S8yF6WUIf6gh7fM18m9ZdtqKN6goRH+jtDfYDsWqWOcw11Q4iWNrOEuhUSK4LgWVMAv4cs4+9YD/GgfPO1//FiVwhrhYy1QsZaIWP9CWSLeQMjlJ/PaJPmjkNdHyEZq8wxGvvIk/lkO4REb3n6J+epkQ1T4/ee7qby6Uh+KsSUyGcU4a1vq03pKvOGFb5ssZDvQTSm8VHpHULOe2pq/CnkcT7VhZazQJOAoAhEc1jKkoCgHkS94i4wk4nB9xc5AwiKTiStzbaQ0hC0rzeX2YCgHrSwhZQYRJc5DyiKL9n+28zJrFUIAAAAAElFTkSuQmCC");
}

.main_icon3 {
  display: block;
  width: 14px;
  height: 24px;
  margin: 0 auto;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAwCAYAAAACYxrZAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAANMSURBVFhHrZivVxtBEMcRfa+qproCVYdCVeAQVXUYTBwGh4wBRUCcQGLzB0RhYpHxUShEFCYyrv18N9+95ri73O1evu/Nu8zs7szOj53by9Eubm9vv0wmk4+Hh4e/OcTaTVEU362uH1j4Jrq/v/+dQqyZy+DT09NXq+qHx8fHM+2W5zeLOhEjA11blAYWvkNjs52Qh1neRbD4XF72VcD8FfNvzOahr5LUzbWib5iYkxT+VuwUwlil3kSMXaQW2F6gbCSFHbTw9OHAgwkK503eiRguZFTh95JhQKFCemm2BsZOoqfagMV5UF6s7IdFNaigokFoqbx7KB2E6ZcUdSlhzhueTnmueU4sTgdr71AyN9sK5o2hVyiEVxv1UBpQ8I6CkdlWMO9UhnyMZHyTfExi/lh8bFErPs/l94Lfr2GwL1hQ7tqivWD+CgrVrA3we8P6/r2VBSEvZjvBXOHFbPmKQ3Zi0X4wWZV3ZbYTTRXN+gL66Gzq8Wyh5KdFnYh5hMozK+Pwy13PG6EwfN5tH8gb6MJsgLqPN9Je7QzeQMkNGWPqqzOzJfD+j4wy3lzxDCoMyXcTFQrrNmYrQD6F3mtRi/ljsF917WAnfLXeK0Po1A3i2aItVCha1FlZLWDtWiE0W0EMrdkt2MU1wqXZZMgDhc9sBTiju2vVIIIFlH37wtg51JjHmkGfm6z8RcQ8oqNyPISawaH5i5CH0gOpiZdHoWaQwSsEb2azgY5nKHQYGeBZyIkmg3qJDr5fSjF6Qh55nkK6t26g19LgTv5Og2AAYh7jpcq6Rza6LSh+HGuSmnAQDISVn5sNcFPZNgXvYBWYAwBdamWF2TowqI/JO7OD4a6yNltFzB/JzrttNUChk86Yxwri4KHyJ0Qn0Hlm0X8Qygvow+zBgMFZYx5bBwai1REMrqFFY7wz4SMwg+pXFeWOnYQuoF1ZnA0Vn53Q3y+tH0IKwaWMQvOcAnKhqI9q43c1z5rgtqQuv1FPtLgTzD+BdGtbsa739bIEC/XmkLezfa8recHc8BWsZy+v2oASnU/dwPU1VDtP8kQeQfIs+6VdgT0Y24OpvLVM346KwPO+CGQDA8eQ3mv6p1HVtz5kK2xE9AwKnlqciKOjfwAnEADi4EhQAAAAAElFTkSuQmCC");
  background-repeat: no-repeat;
}

.main_nav .main_nav_03.on .main_icon3 {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAwCAYAAAACYxrZAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAANZSURBVFhHrZevbxRBFMdPkCAQJChUHQZ1DoNFYAiqDnVJ2x2ys4GKJjU9h7o/AHt/AArTysrzqBpEE0STuz1CEBWU933zne1u99fM7n2SSftmd9/M+zHvzU3K3J2dPdoYe5Ob7G7I2JjsNp99ekZ1YWwSe4WxPcrexoxNkl1gwX9p+piqwlgb+xq7/XV8/IRTvRSeSazhVBx5kv3MjT2l2ItaOMQ6T/7RvoGVoQpgnbj0M8VhhCqJ3VwroW6KdX8r90fEniLVG4dJ92MTrBM5HjMo7BrihRVfH4/E8IsoPG+0DsPYBRaF+/nJOJxL032KNWQz08Ja2QCnh4G4QNH6wO5xqoZ/B0MW/4G481E8W5O9gqI+JchScf1S3JsjBJyORz6eI34UW9EsNvby92H6EhvERvkoDux8a9IPFFspe0IXT+zf9cHJUz4OIyR+nofv4pjAYn0Yis++0CSQBa69N2CdfH8bUhYLfFwo9uLOq/1OsWhxiCunumETnlHspSmjZcMLnOPeoo4X8PH20L7gVC9wYzmOAIvjbJYtbyQ2fp6mqvTHmOe6+a5sR7CRaRSDgQvlKH2jWLA+yt49tL4C3DDkboJEQXZSrCBGLHGua17z8QvOrhI+jnAjpwqwEI6ObOgrpxy+PA29LohS1NP3FCt411J0wJVwKcVoYAHcR7ECemZtQflghaShGA0uVG1xrC3o/Kx9bcqpaNwtAP2x3rRrC+KgY2Jo/DzoFtz4qnwUaguilKGkURyMxpEVxllrF+gotQXlwaWM0fdLVSxW4n+ER++tajX0c0Efv8HduoQvZ/5SBd3qPUkmvxE5tHYPL8F0nRiJKpeMpahAdxFTFFcx+VqFHaClTGJHsY7s6FxemlMcDaqNLJhTrLLL+Hl8HBsvUz5+0TetDrwR6CCcugdVAc2T4s5Ab2yMY+uDkbQaguBK0qxG/xgpoX1VDWm4qrjG6apA1y+lUNwNDn3RXrVeK4A7i1J0k+xiSAJpRZE6Sh3zmmVNwK1wLyoFaiKne5H3p+7WJjfwiOtlATq/ulji0FXuXPq7X8H4G2RVG/A/4oCC23SeXP/ExcjewEJOj4MWyO8MjcsS2aexkhjpnMRsbMNuRK3BL11Y02H1TvGWwdLhbWwy+Q8kz1yzi/rjVQAAAABJRU5ErkJggg==");
}

.main_icon4 {
  display: block;
  width: 16px;
  height: 24px;
  margin: 0 auto;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACEAAAAwCAYAAACfbhNRAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAMSSURBVFhH7ZgvcNswFMYDBgoKRsYKigaLNxY4Gl4UUhhSmLuQ/DuTkMCB0LCwktDCoqGigiKjwMDt+2lPTc6JbVm2u4F+d+9sSe/P5yfpSUmnCKPR6HI+n+8lvyNlP5lMvpi7OIjEJzl6MIfL6XT6I0Rms9kYGz0f8WHu4oETOdtK0sVi8dm6c0H2pPsqeWqEgMcxEYJY9wk0dqEMvDROwMOIPEpezxExAs+tEfDII+IJSH61SsAjSyRD4MLU2gfBIKHALwTX+w5CNtwe2BkKdivZKnC2HjjRGBnq164NWcj5lWRjQXZ6Jnp2JdcEQ3i3vrEkNd2tasZXcxMHpZdCtYxxiK7sPPEVvmwoHKReDtjvaZIkN9ZdGUbG+ak0RSjLkPPiIeoLMsCHSKzN55V154MVLgPmfdMEgWPI70+IlJZ+KbK6mzl0zoDsSp5z/St4H6Zkw7oah3xTX8j0vXUdwKAGWMk96wqC9IeyW1ozCLLpEutkWtR5p0FOyOBpQFc2zHPl9SMbdszQmn+hjp3k1pqFsOBkIFstx6FkuPhg86Yv42s6Ai8sEHiSpJKu2hxg7CiqJWcJi670EEOHmG81SMacB6lrlECGlGxOz5NA6qPCcp9YWVchpMvBN3ANvTCvpYvLs1cqv1vXCfgydKRbusMUlynduIZeYN93jQJYCT7M4xlYNg5pLoBi9qS79w0WZenWPPrKwsVHxsp0gGK6reoavLBaXaMAdqixE8rrfwDk51tlEkDs2Rlra9ZCNAnpcsEhG0lIyosgH3EkAAuUdYSdnlz1lnr2WAumEoRaJABZUGAK1FCykg/3e5U+UylFbRJZGKkBvkJvYo2T8JAvV1GtWYjWSFTZxlEkSHnIIYe/kLURRUI6vmzn7gKIohOyLqJI+ABFX1nlAIsiAUSALXn2PwoyxKKUv6DrXjQJsqFA3Mjdoed/BmIPOUnwfxPRJABBZHMnyf6hdh9KAEg/nsQxZEvJXlcJ7tEYCREYSMbWrITGSNTBBwmPDxIe/ycJ9rqEX2LvKdzIDiT+pXQ6nc4fClzlKjSeSjkAAAAASUVORK5CYII=");
  background-repeat: no-repeat;
}

.main_nav .main_nav_04.on .main_icon4 {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACEAAAAwCAYAAACfbhNRAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAANMSURBVFhH7VivjxNBFCYnSBAYBBJ1CoXEIHBYBA4FBLp76cw1hHNkRc3ZGmT/gMq6E6dOYSpO4UjAEEi6PUhF1d773rzZO667s6+z2wNxXzJJ52XmzTfv52xvhfDr1Ye7i9QuaRQxI0/N6k/v/X1RF4ciy3by1B6xwsSMFmn/mW6YQyHxGTpEXTw8kTyxP2EZEdfi22BwZ5HY70zgRXZbxO0BInS7YyLyI0SECaTma+cEPJhIYk9wyyoiIECHfyE3zLZCwAPKPREcKuILAok53SoBDxwCc3siMr8+Ah7seyIB/+NwGrkmaFtj8Xpw7ywxL33KVg5yVb63/6Z1bbiK+VvzgG48dYeYHDUgT/pPF+lgF4dhYA1kVEuGSGVHyhxjjaiJA/uaCxSKjj36/a7/UFN4XDoPdkviqR1HxQpMD3+jLhCBRyLeGCDu9WzkIiwm9kvcvotohw7SN6EMWsFtIq4HNyz2u51oTK+Fc5Ed43KwsojXgYWS/yddEvBwRMwUNaVWP1ILJttmvrv6YnIK+AMRXUDK7irfM89FpALd7CMp/CRTFVx622LtsmwFyu9N3ODMCz+b6SYBLG6hjLlkDRaSiVANRRQE1kMBbnN5kGyoJYOHDyxfXtpVxArzVEDSbQarwazYgzHv7T9BL+GgUxDh2KAzUUdYwP2AiglPGkBmPPTdU0QlcDhIkPKxiIIg65/OE2PdhDZpgkusUJz1+o9FtAZXIXVWRVAjnngC9ghMngTg+oEtQuaWYEWvaSz1yERau+QJ560iNf0ty2CqAVzVtAbwqcoT/EC08iQA19Rsoar/CsCt5aW0JABaO6MxkWkrRJPw6UyBPNKkYgjRJACODddpaR++RcwIMVWVtiG0IgHAClygOM1ci+beQ8EmSxrRmsRVQBEKD3RpX2Kdk/DwFZUVN2BrJFApoU+TxlEkuGyHnmYCJkHxItNaRJHoumzHW4LWhm6Jw7FGk67RMYGUxFuiqkvyGwFvCuVzL5oEm5v/GnBNj79RuKfQS8l9/qn/m4gmAWATWj/tK/9Qc4XKHLBCJVqR8GAyZHraH/Wh1AkJAFWSiAxluhE6I9EGNyQ8bkh4/K8k7ARfYtc56Ey8yP4i8c9GkWU759CnjND2k7kYAAAAAElFTkSuQmCC");
}

.main_icon5 {
  display: block;
  width: 24px;
  height: 20px;
  margin: 0 auto;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAoCAYAAAC4h3lxAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHYSURBVFhH7Vm9TsMwGIyEWBgYmCsxd2NDjEyocxeGPgZ71SVJf/IAVecuXpl4gQ48ARMv0AfIGO7ScxG0SiyBZLvNSac4X+z0zv5ip07y3xiPx9d5nj+Db1mWbXEsWWaM11QtPBhjLiByAlYSPsFxSKrMWAW+qEk4WC6XlxC2AcvpdPqo8AF4jXVYl4YV9g8IqtPFJUWKorjRaBiF/EK9ytToKdSK+Xx+yzZpmj4o5A/ozQ+IWejUGWizYlud+gHTgT3JHlXIGWjXZ1veQ6G/Qw9jz5XowRGO1Ww2u/t9rY1MHxw5Y/EeR+scIzVK7jckfAUyl2PgYm+E0xlzEdyyVziTgFchkunGSYNaYeK9noo1hCUr1I4iALRytS+hfWhnkfBWxxZAM1f9DQvMqYHi0QCa+b5VWgNPikcDGahO34DeXUY+2LTIORvgIoWbffogf1syDuBsIFR0BnyjM+Ab52Mg+mk0+oUsVHQGfKMz4BvOBvjvn7OBDx7dQhGcDdj9Gx9s2nrE9TMZgVBxUgZ2G0SRQa8bWxZeYWKleDSAZgPta84y9xyKpic+NNiPKvu3VZzYj3NrkB/lBiES2pg2zBg+tz+3Q+kGQQ6L/ZoYHKXNgP2d6iT5AhAvFsyB14O1AAAAAElFTkSuQmCC");
  background-repeat: no-repeat;
}

.main_nav .main_nav_05.on .main_icon5 {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAoCAYAAAC4h3lxAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAH6SURBVFhH7VkhTwMxFC4JCjeBI0FiMDjsFEFjEAjUcu3SVpDpZX7/AI2ZneIPTPALUDhQg7thJsf7eu9mVkYFSdvtvuRtd69t7n2v371eWvHfeO/1jqq+uS2VfS6lndP/EtfwoY27pYeVEAelMqNK2VUduBmVfXPjDNfKfLg2ZQfoy8PSwGo4PCylmblsS931BQhf1bdXdR8zwxhuig9IBFmvpOyw61egj+ur7IRdcYGMQxpzrU/Y9Se+lDrFmEWhL9kVD6Tt10raMd8Go5LmEWP5Ng4gB2QSGWVXMBaFPcPYENkFAy/Wt9bHkEOIkfbvEURZ6Atf+zaDfJyMpLnztfsMsXlffjgxpS4jORhJdk0EF9Ai6rTLCk0pFpwUra5guotYafZfXLmGDFCb0cExygCOCNYTWiRdFSF74LZsQDGPsCAKaIoqwjX7swF/by0dASzx7M8GIIDYd58Aai9qdQzDszmMDQQTwCJFdfcthuHZHMYG9kdCqaIlEBstgdgIJpB9Gc1+IUsVLYHYaAnERjCBesdCdmKYdwuFEUyg2b+JYdu2HvdnBlLF7hDA1kSO2yr41MA5g6CfKfZF2Z8NKPsTSv7Tuspse+NTQ3Oo8lmY89rRHM4RI+w3QlJJWi2bKcc6cME3cN/9mJb6/Mpbl2Nbc7a2zrwQ4geL3IeAHMmU7gAAAABJRU5ErkJggg==");
}

.main_icon6 {
  display: block;
  width: 20px;
  height: 24px;
  margin: 0 auto;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAwCAYAAABjezibAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAANiSURBVFhH7ZgtcBsxEIULOlNQWBIWFFJQYlBeZmwUbBBoHGTk30yAWYBhWFCYWXBgYFBIgImBkWH6PvXJE7eOfXeSf0DfzNp3K93qaXe10t2nFLTb7c/dbvdnX+j1ehP9TSVzXT+io40+7r4/MKjGv5C8WR5EqiVpWLiGZGxv7o3ocDj8ocFnDKz/+6urq69u+gej0eiLCc8Q9T11024gUnV7ZGGCsyKeoY/63viZX1bnhXONAQjfjeTJRC/dZSvUN6SFnq1ZlQeE0WT6zj+8WMcbXBN2d90KTEgWm1KjNETkVkafISdPnkMqhlZt19x3Op3voXMB4H1s+jYN8s5JJPDOk003B0SS6IvkJB6nvyb7zarqkKFLydSJ/sjs15GQvmGSz5I6K9hNK/Akm/TVMy2rq0OGXmVoLKEQzzflDm3qF70ZyPKs/ink/L9Yv9A9i+zFj1YDXrBB5LVoSOztmiSu+FsJBC8Gg8EZ7THMRVLiQ0AIIwyQZGgNYm4n5WEkmLUkGNF2EkEnNHXuxKpskO3T5MkTVowoxHkrvyDPhZ0pOXVEjtXW9m02YBPbvq0OzZSdY55zkTgynBsbVlVHzEMZy3YKkb1wKvqomJeGyFHPZjkMurbivfRdJMIheZHRe6sqAxvYypkyAS6sbFGVijbP8Cw2kmrfJpgk4XkqUxvpyzOS2S5q6gpYNBqIgwMLZxz3VjcvgY42+rjvJKkol4UGrOFNBjeBcAi1UDvjIWMurxU+cSeD/BGBlgZ+fUdiKt3kHcH4jhzbObK1dpZ7wHl0FweUNNlPNy0Y2uhDXz+Dp++y5qFXXzyEPpBXbioN52TM3+tNkysEZuqZE8JsBwZsYRPblb1pIyEkyTNdA0cmpEzpycejkKTwS3lVMEYpkk7qvZCLiCQZ26r1YCPXTPjQM7Zqb2BMxt54IFGH5RcEq/YGxmRsOFi1Cqo9bk4pI6lgbDis/Ywi5mxVN749GMSBUK++CsAY5jvdigrCtXc1kmY98e3BIYJ8Uv6zUJ2c1KHdfPmsALjAKSzWGN69ntW2AC5wCotFF+Gk4bajAZzgFvPv4Kv3byx56Yfyku8VMBPgBDcuZiov59YfDeCkEE+JNQeDuvVHAzjB7T/BqlghqDzk3RXF0Yg5LT14pNJ/+w1/Z8iDIleDLgAAAABJRU5ErkJggg==");
  background-repeat: no-repeat;
}

.main_nav .main_nav_06.on .main_icon6 {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAwCAYAAABjezibAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAOdSURBVFhH7Zivb1RBEMcRJAgUAoFCYRAYBB6HRlVWNO07uH0NdZizNfVNmtRV1lT2D0A2aU5VVjQkJ+7HCwmOYz6zM0euvR/vx971BN9k897O7s7OzszOzu6TJhh3Ok9HrfzDsBUOpVwMsrwn32LYyq+g0UYf674+MOmgle+IIGPKIAs/RLhvgy/hsxb+hTZpl75rE7SfhXcyYT9OHi5+Hhw8t6YH+NNuP1OBpT+l32q9tqbVYLSXfzKN/LZvv4xmVONZONYxe/sfjZwW0dcwp5qPya4RlLp1WQrpr24BLyOlAWaMWguHaEMnEW2iDf4xu3VdCuHRgdci16gMYXgmWrsx4bYQyk0rEx5RL3bbb7VzCUj/Ljyt2gxFu/3SBXBNStmxZoULKYvYLuOTaFx5Cm8j1Uf0ubxnjk7o6M4Sgt1qQt5gfnawNU1BFykLiX3L++9cDLP8TpidCrNL0VQxzLIX1vQATO7adGEZKzQJ5HzzW6XHKNClbkPrAS3AUIsIWtYkaJidGrUfjvG3YRZOcI3RbnhDu5u5jEvMBdqCCRM0YjQDv3b2X8WFz7fIUvgGSRoSDL74Rhsl+lQ+ZrVGSgaOvcaLx6zRDOG9kZLBT6bGriNMSJ2+WzUZhGcH3latD2EiJ0coUm6SaJlQEDuNVB/uhymzEM+K5gXzytB4JqlVCoYxtpJ1h69Gag7bLHIKhAsj1QY84JXSZRSEGo6oukGbMYyFR5IkYRZi9NdL0XWV2GinBglufxUxdQpsmpg46Bl96merNU8AjTb60JcxqziR5oLgbdqMyYTENDPhGf//6KGoknE3BmeonAJBJtfUiSLa6aEhF1D/9Y48Ef5WxzRJDJbB/O/cJyTp5DxdtGFoo48IzWXJFhTOk/ohkwhTS+nzS/zKmiqDsfAwQY8WLa4UVGuSqKq5EiYM8Io887va2oybYDXJKoCnbajq2ZKnQmKG5FnMfTAHczGnkRbDE8l1COdwIZe+3XCQm7+dGGltEAG5OfYWJiQxhsUXBCOtDeqTMjcyGGkafg1sEkaawo7G2c8o0nD9GKa9D0wtZfoqgMQq+arSoArwq+6UJZGaCG/VRweyIJNWcE4kXtnLZw34u6NuVjfvWnO1JfCLmm4WzTTkTLS2jUHMAcI2Z+7JJuze+8AHeRmL4SXlFTARLCm+YseQ+W4ZfWOATOp68qMv9kbfGPjrw38B62JKQHYxhE0qGl0mAm5sycd/AcNCKaJ6pePjAAAAAElFTkSuQmCC");
}

.main_icon7 {
  display: block;
  width: 24px;
  height: 20px;
  margin: 0 auto;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAoCAYAAAC4h3lxAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAJ+SURBVFhH7ZkrU8NAFIUrUHXVuAoUEoNEYqsQ9Qj+AK7TmT5SiarBIuqqUZXY/gFUFRKHKueEk7Ahjw1pbpoZODN30t7c7J6v6T7Sdubz+XMQBHvDWI9Go5OOldgJIJ5wvDaINYLtP5tBsAPEjd7WKhi/Q9tvDLzemEA0APCCY88MogkAvbaBaAqAEsSOudogmgSgaoewBkC8TiaTUzfQ30D9Hg5hDDBU+0Vxq/JqUiMmABQ+4W5eAHDLu6TSarIGKBL65RT7dwBw19Ljpe0A/Kqhbimf3Ja843gbw+hEKwE4Y9EwYrtYLK5w7NOrcl/7q7YCOOZXP786yHEtoe+BF4DFiGHVUDOZygMoMh8J145xfusFmM1mZyh8rRp5BqgsAC10H8g/KZUp1HC7vvcCWAr9JgDKmqdQ84DYtAYARw5Qmn8MTxZItXsO7FYAVDD/XXtsAMUHYql0riLziVq8OTYAFyfvJ8/JBLVpUDaAaBxAhtg3AThbdXUqpagWdQ9KfcsHYDGNuoZoHEfuSjMhptPpea55ygeAC2tdyLIMERLvUxBe85QPoE5FhhCBUrEIgTTHxI4QRbUJqcgcoIwhB4K/JfnNUyo0BcCCc1HWEBensrWhVGwG4Mw2Y6Vy5YB6a2PpAjMAtM2fULyLFEAv5aW8eUoXmQBoc8ZZpKdUphzz90qVlyVANHA5OJVK6SDzlCUAP3m2zzuhVELOgK1mnrIEoNA2d5ypH3SRDx9IcM67DyqUJYAzr7MPzu337AsR/vHBAEDmM3FpqSHLO8Bn1z6N4jVnJO7lV5peU4+UvxYaMQUo0j8ARQA0YvUnny92dQDEA+oYET6YV1an8wmMb1PlKvuhQwAAAABJRU5ErkJggg==");
  background-repeat: no-repeat;
}

.main_nav .main_nav_07.on .main_icon7 {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAoCAYAAAC4h3lxAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAKuSURBVFhH7Zmhb9tAFMYjVSMlJWUDkwoKKo1NqjRWODopUsGwU9uKnZRMGhwaLQoZHSgbHioc7T9QlJJqa+ywovR9z++ceL2cHdfPsbR+0pOS88X3/Wzfu3dOb+bHv5IgXqiFH/9c9Ps7PS1hkFkQ/0jP4g9NB8zz+ekiqUHwVQqjU/naqJKzUUjm7xA0zpUKhD5A9Pve+7yXQ3jeKzncjNoAwGc1iLYAIEAkQTRFW2MQbQJAjUNoA1AmuvkzGL9eDXqUPmLcRiA0AVI/+sTnd8dAutcTn0QJALr1vN11QWNf4y5J13rSBnAJj9B/BWCdL10HwKNGpc6EfXJEc/wmX9W7DICMxYZprsz84Unijw7gFW2UybL6qqsAxjwZvfy3hpp75/vwjXRcCoCFB+mwbshprFoH4DJvRMe/4M6UAqTh+SEWo7rhqkBtALzQBdEDSnxpsorLdfLeqUfoPgjeVDEP0W8vyPtVZwCMefLznQ86xJOZfGNidwIAhjYxX+i7bQCO7LGZSPNaGfOFvlu/Axi/wpVHMrGCbguAs1tmHm8ubrDiyqEnMn0J+EKalioD0Eij88HwyBjKq1Lqa4NY7StNRZUBNL2Q2QyhSLNB/A3Hb53moTKAJmUM0Sr6TZpyAYKM0pyIpoBw9S2oLYAqhgwElRB4e1FuHmoDIAlH76oa4qqzqnlIG2CZQeKv0rRWBrRK31zaAHQlp1UWqTSIjzc2D2kCZGVxvED9Lk1Wpf7wPfugElmaqksTwExc17ufZ5mHNAHMzgl3QpoKMhOWSoSxNG0uTQAoy+1PX+iaDQlFaR3klCbAcnHiyUm5nbaBNBatuPzHB4dlS7mRNAEgZBXZrIyzjEQVJe11uTQGXNcBXHoBgACATfTqn3NtBR6p5wOsTqgtBG/Ma6vXewT9AbfxKIctHwAAAABJRU5ErkJggg==");
}

.main_icon8 {
  display: block;
  width: 24px;
  height: 20px;
  margin: 0 auto;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAoCAYAAAC4h3lxAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAEYSURBVFhH7ZcxDoJAEEWNpaWtd/AI1pyBS1h4gG0IbEi25wQeydI7cIJ1PpmYWAG7kg86L/nFkPnLfNQh7oBz7tA0TfDe96I4QT364RsOYIIhdKCHqKzruhgT+tAPHz0EniSGkUH2emkS6IcPfr3EQZ9+qeUs4INfSw4yQMTXQstZwAe/lhwswC8EqKrqxNJXArAkSyRmBcAqxXuAIRn+htmzAjDRFW4BaFgANskB2rY9w7yEhr0+EfQnBRDjVfRcSBe9zSjSa78BKhaAjQVgkxxAjKtZo6L5ATb/IlsLFoCNBWCTHAB/qEMIxxTBq8dkkxxA+h08KZKbdnpMNv/7CawFC8DGArD5CCBFhxBbksx9fwfYrnx8AZEJQ2z8e1X9AAAAAElFTkSuQmCC");
  background-repeat: no-repeat;
}

.main_nav .main_nav_08.on .main_icon8 {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAoCAYAAAC4h3lxAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAEdSURBVFhH7ZkxCsJAEEWtLW29g0ewFa9gK0SzgV1zAk+Q3hN4JEs7OzHrCXRnGBBBiNkk/ETnwS8GdtZ9SZggGRGXJBl7Ywufurs37lEZXmcL6uMNkPDhw4FKY09+a1f3rVtWhdbx+tAHl6ArSYeRshYsEfqlxMCPQ7iiUtaC+qhfSgz8TGduIWUtqI/6pcSgAr8gcN3kU1RaEUCmkQBB7wFEysztWhFAwSNcBYCoAJpogVtqZ9zcQXiufwn3xAjw+ErduYvcjJvLz1QSLdAXVACNCqD5X4HBj9HBv8j6ggqgUQE00QL0h9qv80lMqFe2aUy0gDd2zz0RKVN7kG0a8793oC+oABoVQPMmQOPt08e8Piec+fi6A4ONezwBpjOh0mv/ACsAAAAASUVORK5CYII=");
}

.main_icon9 {
  display: block;
  width: 18px;
  height: 26px;
  margin: 0 auto;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACEAAAAwCAYAAACfbhNRAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAANxSURBVFhHxZirjyJBEMZHnNicOrMOcfLE6fX3B6DPbIJZhzu5BsMzIUGiVqFQa1AkODQShcPicBju+3W+IQwM7AyP4UuKma7uelBdXd09UavVGrfb7e0DaYYTS71M9Hx9AI1wJNLPVI336AGQ3apogRNdvYzNLxSy/SEa4E05hOQBkN2VqBI1Go1nnJAzP91XCI7s6mUpqodGQZC9KpFwM4qazeZfMTe1Wu3JrLtCdr7JgbVsvpmVYBaySjCe+qfFDAkqKpl1F+zlwqtZSahjJFoSGbNuCvRK/1xOTM06BuHBCQbd2hE7QIVc6f272eno9Xo/GCiafTk4I3BA+iaiNdNh9nngiLxe2JkXsy+CjP5CDxHO7EAMe98XkUTkSq5iJrmSZIbIiwboc1d++J/M7AzRqeAQUxUr5kkbvojdkeRj/Fzyv4OiW8AG6lK+xsAp0piNnl2ct+h9QM44QuyCGP6kDd9DioOMx6eymVnFQjnwZAdYeltywl3FodPp/MG46wpTUnZXcZDRoWjEu5wgN06X4nuAJcm/Jxq09f5Cu9ApOTR66FQhkEEqaSL8LFPIzfuCfy1jG1EiEeNEpd+s+4EyjLHDwsTUwBfl3/Di6peVZGSgKMwtnoD6uMmN0uTO0DOCYXPKQxyMbTeBeEpy0ipUPhLKjAGRIbTnyDZTkTZ+n1zc4iPCGJ5FQygr7hglOm4I6SWpwxlDz6rZSaiD7Zoz5kpzdbtzgIBu9Fr3+W0ebzVwgLeif2ZfBTnwhj49P6U/+wVLAvE9hJP3RdODnPSEbxCiitn5wPKREo50nKZyrX+mUzLhgKvndRcqT084QR0WqFMgAoyXA0Pkzb4OUvYqpWs3M0HjScKb5FSAnOD03HUzE3AAR9y8Di4u27xLVjIly+W78KRBUSiLuMYfza0d5Hifakh9yW8Ql0KKpqK+mzuwT+Ac/xbCWXftIF5dtHDzMsRZLtotT6+Wrg3X1Wbvefe4j/2IKULsuplXVSoODyqEXQbnIiKQqBvkjHiEf1cXkGPsqV03E6SAi/DQ719WUPgaFy5EsWG9E7XLLkdSGC43Ukrdj697mb5paRxf5kKxwhneTzl+FhIMJ2oTHzdyLVHnAwUr6JBD+S9HEgw7qYSTB48cIJqSjw9ME7OzQ0J9Kbh+jQv+Thpy6xhR9B9no9OEMterFgAAAABJRU5ErkJggg==");
  background-repeat: no-repeat;
}

.main_nav .main_nav_09.on .main_icon9 {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACEAAAAwCAYAAACfbhNRAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAOuSURBVFhHxZgtbBtBEIUPVJWqgqqkqFJBSUFZSVmKygqSO9d3rhUUVlZUUBgYHhRkZBQSVCmsuKwKCYoqRYp/1DKz9H1zs05sX9y7s3150sq3492dudmZt7MXjeLs+yjJru+rDZPsZzSMswsZcjqO027TTbpPMCQaJukPtW/RPWAQp59lyDmeOGBLXN4o5IUjbUcvGu9kH8wl94BRnP6VEbvR5Xb3GUaMdzov/L9GsKA3D8503zoNgXjAE96VEUmayC2T61broYs2iuutrQcYIE/suehG2FSWoJyXvkiSRy7KEQJ0uP3puYs2gj+dzlOLBfGEi2YBeRAfm9oW83iSnsFNLloE7sEIBjHBxWsB6/lLXl12u49dXAzcxUA4fWHPagLPcjQQd6Smi5fDDTln0qDVeePiWhjsZK94KRnxu7QBAea+JDu0YJUbq5IZAa75fZsval4pzuxNtDVuzLmed/+02y/ZqhA3/NLHUKJeHvzFeIJwtP3xtS20DqBYi++zRbmC4iYjJzL2AON96mYwbrWeoERKj3Ll6TF9YsmHNIdQlbFdLmoWlnZ4gdTT739zfxMYxO13KJ/SsGjf/2oO2oI+qcuzjFCFtISKNwFSkrcfxu339MUJb+mvi2FLARZFaYiDYBRbZAOagLbicN79pCnNu5uF0/lkPhBDoDZSnUHDKJsnJuIBOfHhovJgMdiubJMXepwNPn0GcAYZUzTvrmYnK2zHG1RpiofE9c4gbEmVJqOv3I0EldFvD88gW9ZcZyGKxt9unDsEthkh2p9hWv2x65adMNjFawVBKz1WY3DvcPEsqAeogOy4XmcdIFAK4HoaseDiYngK9sxdSfbFxStB6+zl66XHlbxM8DERUqp7QqKQ7c3X0cW3DkgfLUJJN6ma/8YnbKu2d+XLtp8LVkGVrZzwgL99n/kuXg32aUfe8G4pEIAyZC0xZYAhteiBd0sBAzDEu6shVE5VU9bSXfMqX3iKwGnJVhTtLQbiobsU+fXg5htEXZCiMuLQu1NwTmCceUmtqMaUEftkl3frAX5Awe37qJEZX/xQLiVQ8biVfXVjjm57DGZEXjarCkENySJhYdwu1jvDA/O8EXhBBl5wD0VmBjP2jlO3FLTgiRbp8zz9krOEQY0f/EIUvsTgNa1R73I0vdzkvG9khdv976WwL3NmcNa3C7Kea1F/KOOt1ThVw6kZ1qh1OdJb5Cep3Fu3vsi9mRdMWufUxeUhI6h+Vs9xwWnfYmsRUfQP2Znbh5SpY3QAAAAASUVORK5CYII=");
}

.main_icon10 {
  display: block;
  width: 24px;
  height: 20px;
  margin: 0 auto;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAApCAYAAABz26rUAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGbSURBVFhH7ZmhbsMwGIQDhgoKx4YGy4Y6OjRSPjLcFxgPiJTECS3os+wZSkuL9wAlRdmd+2eKOmvd7GW2O3/SKZETJ3eWk/xysosgz/NpVVXruq4PUBe46HEFz5Oh+T0aN9g+YDsPWeKRXvf0nsnIb3SaSIDxK3jewrtiAI7+kxyLBnheQm/c6cqyfJT2aOCg03sK4AvrAEVR3PD8MdS27bXc5izWAZRSz3jwdyNpIbc5i3WAUEgBfJMC+Ob/BsD5rEFMZe5v6Ns1Gc9lnx8H4McGfYylrqv+5EMWCimAb1IA31gHcCmnUcneyWWcsQ7gWE6v5TLOWAcIhRTAN5cS4MAdLtMpaY8G+F7B9ytX5rjW2GG74JKdHA8WWVbU0wea60bsjFkifym+lrWJE6TqNfahPvVDsgkOzCBjqTuS+oFbio0PBgE42sM+s6BmSj+FoRdp0vQBYHYqTeGCt+D9aYioAhDWSTTcvxGjC0BgmM+gDsGiMboApGmaWxjnf7BtlAHIIEScAQinEKbS8UderPBBRoDj71QjWfYOiJHhfHlNKdsAAAAASUVORK5CYII=");
  background-repeat: no-repeat;
}

.main_nav .main_nav_10.on .main_icon10 {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAApCAYAAABz26rUAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHESURBVFhH7ZmxTsMwFEUjJhZGJBYmVj6AuRMLSMUpdkCoEkzZ2Tuwde7Qb+EbunaFFZQEIcTCVHzdlzSEQIrTyDbykZ4ExknucdL0kQRVFqPRls1FMb+SnF7vpExMUxZ9ZGG0sLko4wSZi/AZE++yZkkoemn/8sjmQkZkRWYlgZXHwI+nx0KQVWaey+zjACbylAj6mzPIzHHGoif8IK8tcUzjzoBFR3YvYAptgYzzfczvop4Hgz06TCPaAknIr+Sn/6GLejmLTugwjWgL2IIXMI0XME0rgXJ7u8mi3a+FtoCcHy+36aTW7skwF9v8WQBfNnVt7ibqLQx36TCNaAvYghcwjRcwjbZAq3a6f35Iu2mNtkDLdnpKu2mNtoAteAHT/AsBPGbEg62Z/HCNadwZpMAkY9G9vKuIHs4C/qGua3G7LspTS918FFYfmdEAqolpeHGDAROF27IKUQGdad38vL5t9zgcbuOLptridlqrhYspRkFJQJS3QUZkpWnmyS/hjPFbGlLkAsV7AJtRK1uRcEoArCSiO/zunADA9Y3QuK0vm0bHBMAr5wfqPRgTcycFQCHhqgBQl1D+Is9V8Ajnd4Eg+ATI46e5U5NPUAAAAABJRU5ErkJggg==");
}

.main_icon11 {
  display: block;
  width: 18px;
  height: 24px;
  margin: 0 auto;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACUAAAAwCAYAAACWhbMrAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAM/SURBVFhH7ZkrdyJBEIUjVsRErFmzBrdmDXL1mtVI/kBUDGYdGMLj4GPyByJxWFwkDoNC4TAxcez95twJrwmZ7h5ilntOnaFquqpvv2uaqxz9fr8+GAzGkhfJQnLb6XS++HUSiKP4TclM8qrYk16v98uvi6GCbRXcSJ4kDesveq6Gw+GNi0VBhK4VZw4ZEfmrZ9P1bPT7wcX2oRf00EaV/7Ypg4PRsqlNUYCAYiwPG3d/f/+TekX0j01b6AVD9mR1DwpWw3E0Gn2zKQg0zBUXDpXiDyVzq1vIiWFqWt0Dc4Ggel+3KQh5o96bAowO761uIUeGqGd1D7J/NamaTUH4yF/vbiVrq1vIgVXxSgCb3iDbg2RlNQryn6viidU3eGhZ6S2btmCI5PgsYak2mD+ehBMJXf/DRaPQ7Xa/E5s6iIvO5FbsNYSp30X3wQuWKyRykQPDGjVsh6ChijU9iD98l9AuKGSHwomfClah4x9NlZPAqXDvqAD53qTGX9tUDhdSZXEhVRb/HSltBVlGIlJheZqc3j2gU5EfwDGkJiJVnHwlQiPAqbGwWh70Er1ltVJASPHbVsuDc4ouZlLaVAk4iIkrUnHnqZwZwuOMMAGKSVo8sxqOvFWShk1J0FzKDuLUNIiWkRUmB3LaQj7VsykNIvVIQFpqUxDkS45Odjm2qRoo8JAe07Nddn+hnHxa+Ekeg/elMvCcIH3NPyhrhxWhu2cgwwZM2bOcDG9w6xsSPunztDb/xF/nNpFZSZpn6Z1T0OS/UcV1yZ2JtK2HpbnnAORMqpIPjEpwIVUWF1JlEUNKW8X1B5K2lYSSohzlT4nKJF2oBJPKczVJg0zkUGQfK1ZayhQzfCq7lM/RzeFONpH2fRBJKhtCPacSToGaJEvBsblYPGJIAQ9jdv9lf3roLnmSA1YLQWPzefm2IGS1OijoklZaDYL8uEgrvJlOAoQUeB3a9fLLLmljs9qTYAhVAfelxxeqJ6Dy3N8vKplHRSDDpNWSUl8/akT2t4ueQQskGKok+/pRRQ+sSpv3sLvqzjJsRWAVihSbY7YP6cnqajqvn9k+Y/e2y+dBFbMp8r8L9/OszmeIqQdLfENeXf0DEzIFUfUIbvIAAAAASUVORK5CYII=");
  background-repeat: no-repeat;
}

.main_nav .main_nav_11.on .main_icon11 {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACUAAAAwCAYAAACWhbMrAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAANiSURBVFhH7ZkhcBNREIYrEBgMBgEzCCQCg0FjkFVRzHQGBL1r766dAVMTxzCDx2BRVbjqqqqampqomgpKkk5MXbrfvr0kl9wl995dMOSfeZPZvXd7+3b37dt92crR399/NYyy3zJGgyi7HEbp7rjbfWCPGwE5t1H6XmReiOw7GSe3e9kbe1yOYZx2h3E2lnE8jJOO0EcoJ79Xfz58eWTTgjDe2XnIIlFG5Yr8QZT+4nvy+8OmFaEWYkKcvjWWAmGysnMZp8YKglNgcXF/44OXzhDJO2NNoS4TCxlZwDBJXuiLHw8fG8sLujDe3zt4bawCRNlvWNHIKXAT/jayAGIBoVjTWF7ox/Fz3q8KAbzDcyOnwEXy8KuRBWAhVUqEG8sL+ftY3FgFsJkGcdY3cgoXeBKEJS4iEOXZtZFBsB13YuQELmbZ6clnY02Bi0TbMxSTsT1K0ye4C0GskoC0qUG4SZJnKlu+gaybT4dPCW4sJPzLyrTjYoftqmnBDXFrqNvmwULZxQX5cfa9UqFZ5IFdFfhNQcJUhXx3s1tFSe5oAXluIp6MVQ8bpepio1Rd/HdK5RVJrfw0i2UHdFPkB7C3UhwvlcVXQ3DOifyekfXhytZsZGSrQCGOMyPrIy83CEpjtQJ3EEu8VpQxK4ELKTmMbAWi0HEjmfmqRLltYzVCfhA3tr6sareRuQ2ULbI4qafKq1tviGI/EbiyR6uANh60atKcGKsd0HGoxaQ3rJtfmNeP0kzfk4V556U6wFJWvmpDSUU6/yFoLEMucrU3c9dzMkzARwl8GZJrsBxW0I/3UDjnCX1NrluLdZaBPo5zbOIi2n5pOL3L3HUA5VCqrQajFWyUqouNUnURohSl8NLRNJX4KqXHjsxfNshzNj0MvkrpnYJ+POlw8TE/OCNFqcVLNB+EuE8S7ZW8s3BzmFcTKGysMIQoxVy1VpSe6qmgdNJx1USz+1VFiFLArKL3XwwsxJHVynnJbkFoaEVp3c2dke2BGGGVRnoBd8miSm+mG0EE62Wqr+nzrim0ql0KXIgLSi9Ul8C2f29tdRcVpgvaettZ6y/mN2xKVgI38iFafnalsQuY3XVrcVsZ3K2KJkeXh2QDUBq7uj29MP45faW98u+gpTH/u8TZGUra71E9d21t3QM71FPmvtMjdgAAAABJRU5ErkJggg==");
}

.main_icon12 {
  display: block;
  width: 24px;
  height: 20px;
  margin: 0 auto;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAnCAYAAABJ0cukAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAANASURBVFhH1ZitcyJBEMURJ2Kx506dijuBu6qok/knoiJSGAyCwvBRVMXFIdFo/ImzcSgU5gQKg+Teb+sNFwibZZZdlryqLnZ7enq6X8/MzlArC51O58tgMGj3+/0nnq3+HBgOh98V/EKyUgJr/c6l++rm64VZ70q2CvyFd8mNnsfoJK2rrQasK9Clgvyr31urd1D7D7WtJIvRaPTN6uoBowq4b4afP2LYti+2bVdeDZhWIDC+pAJWZ8L9WB9R/QoDzMG2mezmYbIIH7lQNHv2l1SRZ6uLBwxpgFLmr32ftI5y4VI7CBWlEhrn6E4WDTFx8T2cMTTW3rfETXGQg4YcVPYVpRoaO/maMwOszoZZn5iBSs8xrkbbsYwzY1GmP836axWsp4F1p5jmEtZhw+r/gHU1TCXM9QerrwquRosYXY2bpAHWpdxIFtfEehqIUbGySzFTGp+C/QCqoMCbxKrfya4KQIo7NVCJq5r/AWEd7Jg/BjIiM2f4aHWlgHXF837ufwTWhTOttBpmPf5bAA6q0YQJN5UOsx72//xfYyAnrziSzC9xkxLT4TxE8DOr80NO/sCCpNQzET41xu5EqkeqP3VzfsgRCSQLmnkop4WfSuX/VrJ3CtUzB7qjCTjZpqRuVTpktEsAuHO4F5x1k6KvfCS3Mvnsv/WFb0lqAvQ5icTDBAKky3UfDsjqX3oC4CMG04CNTDMrSJukkARmkqZfj0LtCZsIz1a/w9s1lFU12XTla+LXPUQlIEN2hLFfU2Fmj95r3RZ2sZPu07KfYevXPUQl0Ov1fsnZ2q+ZgFnZ73YU/TYksH7ydyQESF+r9hCVgIw5rW4pv1WZ8ADJvRZRIlFfctlzsNym9UEvm4kkexsFMmRqzGOCADCkxKPOUk6e9dSy6nzYKdPg2arSIK7GkmUsWZmATSXAlCiOmQO40pvYqp0M+WdRbvTLbagwhuQr3Ao3py703FDwdQ3ECXXFDnVOIvQV2/fyuZb8xrebygcDKwmmFGvjIabs2CrYRwJX3w1EuOmyCAwqCG5NJMOdeqrAnszsHcH5mct4Mk1syz9+90VOxbOgAOsErMC4SRFoSArhGV1bQXNdLWiq1Gr/APpSQBO8Lb9NAAAAAElFTkSuQmCC");
  background-repeat: no-repeat;
}

.main_nav .main_nav_12.on .main_icon12 {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAnCAYAAABJ0cukAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAANJSURBVFhH1Vctc9tAEPVMQWFZUUFJQUlJSWFZwzqJ5PFdWhpUYhRSEBJU0pmiECPPFIWY9g8EBhmFFLUzseyCgLCm7+2tbNkjWTp9981obK1Op9u3b3fvBk3hYTh8FIX2cxSaMf+r+f/A7ZF9gYX/jAJ7uwzs3TIw8+jwwzN93F+QaSz2fBnaByz8G+//Hhw8xv1EbKE57W00otHoJRb4i6yvAvNKzWsgAm+iwKzg4M2f0ei5mruHaD0wX8gwf/cxzGhgzIWMRX50Hg0yTdaFeURAzbnge4wU84T5oub2QOaocad1c16GyTrmKIW62SsbRW80qV/OVTSPSqGtCsIIxP0jrZJ5o4sazm/s9hJ95Aey3mUXTXbzxfD4tZrzIVoP7Xen9W73Mfw2801z44Jr00fpWASjt2Qdg6/7tHdh3jH/mIdUhpo3cFo3l0535kTNvYLkBvLQ5aOdrKPhWDf31Nvvw49PxdhjUBnMC1EKo7EaDp/gZtZn9mO4nDBjyQnk6VZOrCMB/fcxEmQe65uvmU9DsgItAvNJzZ0iU/v7EFcjekzP1dw6ktXHqxcQGo2p01u7/UC1fibfLlL/94E5IeFr6SQVd2D3TftDzeUB/V2RBepPJm1oTyRa3+yBvrrom0t9XB50IE5o6pB6rDsa8XmaV7wLdRJKd0AlNmYLUFM2kg4Q1CMYkpMUP1IlGrKQjHNAngN8pxCJuw7EqHoyy3u/cQcImQh6dbotdq7Vd3LPwvU5gEqAycZ6m4qkhveda10OFYsanWMi6+0WfB0gWxO9zYRjdlNFksxKT/E8T2OOGcfq7Rb8HDiy7zDZnd7mInmSEp2XOE8rGfdZex4vB6TqYLBPK+cHnIbZN3j59Q7ZyuC9rHfc/HZaeNMppQ4M+iyCkGh47qX4Dc2nUzVVh9Mwkg+OqKkxgPkJJehLVi6ot1gOaqodUgSg/cbOI1Iu5fhpp5V2iDvQ7j7j3EUTvTTIDqR0LZUFFapKqPnuIjh+zyqHyF4V2tvUBeg0lGggN/B74hN2jmV3l4VjDhKhj9oFGVRHbiQ/uBi0f9jGwix7CC7+py2WiY6d0157spYFw8/6jYWecaH41UMJFkwHtbNyTH1SGQz+AQABS7AszAI0AAAAAElFTkSuQmCC");
}

.main_nav>li.on {
  border-color: #e92930;
}

.main_nav>li.on .main_arrow {
  background-position: -37px -14px;
}

.main_nav>li.on p,.main_nav>li.on p a {
  color: #e92930;
}



.tab_container {
  float: left;
  width: 41.85%;
  height: 732px;
  margin-left: 3%;
  overflow: hidden;
}

.tab_container .news.active {
  margin-top: 20px;
}

.main_tab {
  width: 100%;
}

.mainBanner {
  position: relative;
  width: 100%;
  height: 370px;
  overflow: hidden;
}

.mainBanner .hd {
  position: absolute;
  bottom: 23px;
  width: 100%;
  height: 2px;
  z-index: 1;
}

.mainBanner .hd ul {
  text-align: center;
  height: 3px;
  font-size: 0;
  line-height: 2px;
}

.mainBanner .hd li {
  display: inline-block;
  padding-top: 10px;
  padding-bottom: 10px;
  margin-top: -10px;
  margin-right: 10px;
}

.mainBanner .hd li div {
  width: 40px;
  height: 2px;
  background: #fff;
  filter: alpha(opacity=50);
  opacity: 0.5;
  cursor: pointer;
}

.mainBanner .hd li.on div {
  filter: alpha(opacity=100);
  opacity: 1;
  height: 3px;
}

.mainBanner .bd {
  position: relative;
  height: 100%;
  z-index: 0;
}

.mainBanner .bd li {
  zoom: 1;
  vertical-align: middle;
}

.mainBanner .bd a {
  display: block;
  position: relative;
  width: 100% !important;
  height: 370px;
}

.banner_color {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 101px;
  background-image: url(https://www.huatu.com/images/2018fx/images/banner_bg.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

.mainBanner .bd a b {
  position: absolute;
  left: 0;
  bottom: 36px;
  width: 100%;
  color: #fff;
  font-size: 23px;
  font-weight: 400;
  text-align: center;
}

.mainBanner .sNext, .mainBanner .sPrev {
  position: absolute;
  left: 0;
  top: 50%;
  display: block;
  width: 43px;
  height: 72px;
  margin-top: -36px;
  z-index: 1;
  background-image: url(https://www.huatu.com/images/2018fx/images/sprite2.png);
  background-position: 0 -628px;
  background-repeat: no-repeat;
  filter: alpha(opacity=0);
  opacity: 0;
  -webkit-transform: opacity 0.5s;
  transition: opacity 0.5s;
  transform: translateZ(0);
  cursor: pointer;
}

.mainBanner .sNext {
  left: auto;
  right: 0;
  background-position: -47px -628px;
}

.mainBanner:hover .sPrev, .mainBanner:hover .sNext {
  filter: alpha(opacity=100);
  opacity: 1;
}

.mainBanner .bd ul li, .mainBanner .bd ul {
  width: 100% !important;
  height: 100% !important;
}



.main .news {
  margin-top: 28px;
}

.news_title {
  margin-bottom: 10px;
}

.main .news b a {
  color: #eb4247;
  font-size: 22px;
}

.main .news b {
  display: inline;
  margin-right: 10px;
}

.main .news li b:last-child {
  margin-right: 0;
}

.news_f {
  color: #666;
}

.tab_container .news li {
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}



.main_tab .news a:hover, .main_toggle ol a:hover, .publicClass .bd a:hover {
  color: #e92930;
  text-decoration: underline;
}

.main_class {
  float: right;
  width: 29%;
  height: 708px;
  border: 1px solid #dedede;
}

.main_class .main_toggle {
  margin-top: 34px;
  margin-bottom: 23px;
}

.main_toggle .hd>div {
  padding-bottom: 7px;
  margin-left: 30px;
  cursor: pointer;
}

.main_toggle .hd>div h3 {
  font-size: 18px;
  line-height: 24px;
}

.main_toggle>.hd>div.on, .publicToggle.on {
  border-bottom: 2px solid #e92930
}

.main_toggle ol {
  margin: 18px 25px 0 25px;
}

.main_toggle ol>li {
  margin-bottom: 5px;
}

.main_toggle ol>li>a {
  display: block;
  width: 85%;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.main_toggle ol>li>a>span {
  display: inline-block;
  width: 26px;
  height: 26px;
  border-radius: 100%;
  line-height: 26px;
  text-align: center;
  background-color: #e92930;
  color: #fff;
}

.main_toggle ol>li>a>span.active {
  background-color: #d4d4d4;
  color: #f4f4f4;
}

.regionClass {
  position: relative;
  margin: 0 25px 20px 25px;
}

.main_class .regionClass b {
  margin-bottom: 15px;
  font-size: 18px;
}

.more_block {
  display: none;
}

.regionList>a:last-child {
  margin-right: 0;
}

.regionMore {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  background-color: #fff;
  width: 100%;
  z-index: 30;
}

.regionMore a {
  float: left;
}

.regionClass .regionList a {
  float: left;
  width: 105px;
  height: 30px;
  border: 1px solid #ddd;
  margin-right: 10px;
  margin-bottom: 15px;
  border-radius: 20px;
  line-height: 30px;
  text-align: center;
  transition: .5s border ease, .5s background ease, .5s color ease;
  transform: translateZ(0);
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.regionList a:hover {
  border-color: #e92930;
  background-color: #e92930;
  color: #fff;
}

.publicClass {
  margin: 0 25px;
}

.publicToggle {
  padding-bottom: 7px;
  margin-bottom: 18px;
  cursor: pointer;
}

.publicToggle h3 {
  font-size: 18px;
  line-height: 24px;
}

.publicClass .bd li {
  width: 100%;
  margin-bottom: 5px;
}

.publicClass .bd li a {
  width: 80%;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.publicClass .bd li i {
  width: 30px;
  height: 20px;
  margin-top: 8px;
  margin-right: 12px;
  background-image: url(https://www.huatu.com/images/2018fx/images/sprite.png);
  background-repeat: no-repeat;
  background-position: -51px -160px;
}

.publicToggle.active {
  margin-left: 30px;
}

.bottomBanner {
  display: block;
  margin-top: 60px;
  margin-bottom: 60px;
}

.bottomBanner img {
  width: 100%;
  height: auto !important;
}



.hotMain {
  float: left;
  width: 37%;
 /* height: 669px;*/
 height:705px;
  overflow: hidden;
}

.hotMain h3, .hotActive h3 {
  border-left: 3px solid #e92930;
  padding-left: 10px;
  margin-bottom: 35px;
  font-size: 23px;
  line-height: 25px;
}

.hotActive h3.active {
  margin-bottom: 30px;
}

.hotToggle {
  border-bottom: 1px solid #dedede;
  margin-bottom: 10px;
}

.hotToggle li {
  padding-bottom: 12px;
  margin-right:6%;
  cursor: pointer;
  line-height: 24px;
}

.hotMore {
  position: relative;
}

.hot_pos {
  display: none;
  position: absolute;
  left: -36px;
  top: 32px;
  width: 100px;
  border: 1px solid #ddd;
  background-color: #fff;
  text-align: center;
  z-index: 10;
  ;
}

.hot_pos div {
  height: 30px;
  line-height: 30px;
  font-size: 14px;
}

.hot_pos_border {
  position: absolute;
  top: -11px;
  left: 45px;
  border: 5px solid rgba(255, 255, 255, 0.01);
  border-bottom: 5px solid #ddd;
  display: inline-block;
}

.hot_pos div.on {
  background-color: #ddd;
}

.hotToggle li.on {
  border-bottom: 2px solid #e92930;
}

.hotCircle {
  width: 4px;
  height: 4px;
  border-radius: 100%;
  margin-top: 15px;
  margin-right: 12px;
  background-color: #e5e5e5;
}
.hotList .hotListCont{
	display:none;
}
.hotList .hotListCont.active{display:block;}

.hotList ul {
  height: 550px;
  display:none;
  overflow: hidden;
}
.hotList ul.active{display:block;}

.hotList li {
  margin-bottom: 1px;
}

.hotList li p {
  color: #a1a1a1;
  font-size: 14px;
}

.hotList li a {
  width: 85%;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.hotList li a:hover {
  color: #e92930;
  text-decoration: underline;
}



.hotActive {
  float: left;
  width: 27%;
  margin-left: 3.9%;
}

.activeMain {
  margin-bottom: 30px;
}

.activeMain .num {
  width: 22px;
  height: 22px;
  border: 1px solid #c8c8c8;
  margin-top: 6px;
  margin-right: 14px;
  border-radius: 100%;
  line-height: 22px;
  text-align: center;
  color: #c8c8c8;
  transition: .5s ease border;
  transform: translateZ(0);
}

.activeTitle {
  margin-top: 10px;
  cursor: pointer;
}

.activeTitle.on .num {
  border-color: #ec4248;
  color: #ec4248;
}

.activeMain p {
  width: 85%;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.activeMsg {
  width: 100%;
  height: 110px;
  margin-top: 12px;
  background-color: #f8f8f8;
}

.activeMsg span {
  display: block;
  width: 180px;
  margin-top: 15px;
  line-height: 20px;
  font-size: 13px;
  overflow: hidden;
}

.activeMsg img {
  width: 140px;
  height: 90px;
  margin: 8px 15px 0 8px;
}

.activeMsg a {
  position: relative;
  display: block;
  width: 85px;
  height: 26px;
  margin-top: 12px;
  border-radius: 20px;
  line-height: 26px;
  text-align: center;
  color: #fff;
  background-color: #ea2931;
  background: linear-gradient(to right, rgba(235, 41, 51, 1), rgba(253, 37, 86, 1));
  font-size: 14px;
}

.activeMsg a:hover .linear {
  opacity: 1;
}

.linear {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 20px;
  opacity: 0;
  background: linear-gradient(to right, rgba(252, 81, 65, 1), rgba(249, 45, 90, 1));
  transition: opacity .5s linear;
  transform: translateZ(0);
}

.timestamp .time {
  width: 56px;
  height: 26px;
  margin-right: 12px;
  line-height: 26px;
  text-align: center;
  border-radius: 4px;
  background-color: #efefef;
  color: #666;
  font-size: 14px;
  transition: background .5s ease;
  transform: translateZ(0);
}

.event {
  display: block;
  width: 20px;
  height: 20px;
  margin-top: 1px;
  margin-right: 15px;
  background-image: url(https://www.huatu.com/images/2018fx/images/sprite.png);
  background-repeat: no-repeat;
  background-position: -1px -48px;
}

.line {
  height: 34px;
  border-left: 1px solid #dedede;
  margin: 3px 0 3px 8px;
}

.line.active {
  height: 24px;
}

.timeTxt {
  width: 68%;
  padding-bottom: 16px;
  line-height: 22px;
  border-bottom: 1px dashed #dedede;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  color: #666;
}

.timestamp>li:hover .event {
  background-image: url(https://www.huatu.com/images/2018fx/images/sprite.png);
  background-position: -32px -48px;
}

.timestamp>li:hover .timeTxt {
  color: #e92930;
}

.timestamp>li:hover .time {
  color: #fff;
  background-color: #555;
}



.testCal {
  float: right;
  width: 28.3%;
  height: 666px;
  border: 1px solid #dedede;
}

.testCal_wrap {
  margin: 33px 20px 0 20px;
}

.testCalTitle, .aboutTitle {
  border-bottom: 1px solid #dedede;
}

.testCalTitle h3, .aboutTitle b {
  padding-bottom: 16px;
  border-bottom: 1px solid #e92930;
  font-size: 18px;
  line-height: 24px;
}

.testMonth {
  width: 198px;
  height: 25px;
  line-height: 25px;
  border-radius: 10px;
  background-color: #efefef;
  color: #7d7d7d;
}

.testMonth_c {
  width: 60px;
  height: 25px;
  text-align: center;
  cursor: pointer;
  border-radius: 20px;
  transition: .5s background ease;
  transform: translateZ(0);
}

.testMonth_c.on {
  background-color: #ed2837;
  background: linear-gradient(to right, rgba(235, 41, 51, 1), rgba(253, 37, 86, 1));
  color: #fff;
}

.testMonth_c.active {
  margin: 0 9px;
}

.testCalList>li {
  position: relative;
  padding: 16px 0;
  border-bottom: 1px solid #eee;
  color: #e5e5e5;
  line-height: 26px;
  background-repeat: no-repeat;
  transition: border .5s ease;
  transform: translateZ(0);
}

.testCalList>li:hover {
  border-color: #e92930;
  background-image: url(https://www.huatu.com/images/2018fx/images/hotBg.png);
}

.testCal_more {
  /* position: absolute;
  bottom:-40px;
  right:0; */
  line-height: 26px;
  text-align: right;
}

.testCal_more a {
  font-size: 12px;
  color: #a9a9a9;
}

.testCal_more a:hover {
  color: red;
}

.testCalList>li>div {
  margin: 0 10px;
}

.testCalList>li>div>.testNews {
  display: inline-block;
  width: 85%;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.testCal .hotCircle {
  margin-top: 11px;
  margin-right: 6px;
}

.testCalList>li span {
  margin-left: 10px;
  color: #c6c6c6;
  font-size: 12px;
}

.interview {
  margin-right: 0;
}

.aboutTitle {
  margin-top: 15px;
}

.aboutTxt {
  margin-top: 10px;
  font-size: 14px;
  color: #a9a9a9;
  line-height: 20px;
}

.aboutIcon>a {
  width: 30%;
  text-align: center;
  opacity: .9;
  transition: .5s opacity linear;
  transform: translateZ(0);
}

.aboutIcon>a:hover {
  opacity: 1;
}

.aboutIcon .ballWrap {
  margin: 0 4%;
}

.aboutIcon>a>div {
  width: 60px;
  height: 60px;
  border-radius: 8px;
  margin: 10px auto 10px auto;
}

.aboutIcon i {
  display: inline-block;
  width: 35px;
  height: 30px;
  margin: 15px auto;
  background-image: url(https://www.huatu.com/images/2018fx/images/sprite.png);
  background-repeat: no-repeat;
}

.aboutIcon p {
  transition: .5s color ease;
  transform: translateZ(0);
}

.aboutIcon .mouse {
  background-color: #fa7172;
  transition: background .5s ease;
  transform: translateZ(0);
}

.aboutIcon .mouse i {
  height: 36px;
  background-position: 0 -384px;
}

.joinUS:hover .mouse {
  background-color: #fe4647;
}

.joinUS:hover p {
  color: #fe4647;
}

.aboutIcon .ball {
  background-color: #5bc1fb;
  transition: background .5s ease;
  transform: translateZ(0);
}

.aboutIcon .ball i {
  background-position: -44px -350px;
}

.ballWrap:hover .ball {
  background-color: #13a3f6;
}

.ballWrap:hover p {
  color: #13a3f6;
}

.aboutIcon .computer {
  background-color: #1fe2b9;
  transition: background .5s ease;
  transform: translateZ(0);
}

.aboutIcon .computer i {
  background-position: 0 -349px;
}

.com_wrap:hover .computer {
  background-color: #00d2a6;
}

.com_wrap:hover p {
  color: #00d2a6;
}



.inx-teacher {
  margin-top: 60px;
}

.inx-teacher .wrap {
  width: 100%;
}

.inx-teacher .teaSlide {
  width: 100%;
  height: 751px;
  overflow: hidden;
  position: relative;
}

.inx-teacher .teaSlide .bd {
  position: relative;
  height: 100%;
}

.inx-teacher .teaSlide ul {
  float: left;
  width: 246% !important;
}

.inx-teacher .teaSlide li {
  position: relative;
  float: left;
  width: 9.7% !important;
  height: 751px;
  overflow: hidden;
  transition: width 0.5s ease-out;
  transform: translateZ(0);
}

.inx-teacher .teaSlide .pic {
  position: absolute;
  left: 50%;
  top: 0;
  margin-left: -317px;
}

.inx-teacher .teaSlide .pic a, .inx-teacher .teaSlide .pic img {
  display: block;
  width: 635px;
  height: 751px;
}

.inx-teacher .teaSlide .con {
  position: absolute;
  left: 50%;
  top: 760px;
  width: 635px;
  height: 360px;
  padding-top: 391px;
  margin-left: -317px;
  background: url(https://www.huatu.com/images/2018fx/images/bg_02.png) repeat-x bottom;
  text-align: center;
  transition: top 0.8s ease-out;
  transform: translateZ(0);
}

.teacher_name {
  color: #fff;
  font-size: 46px;
  line-height: 66px;
}

.teacher_name a {
  color: #fff;
}

.teacher_name a:hover {
  color: #fff;
  text-decoration: none;
}

.teacher_title {
  color: #d1a94d;
  font-size: 18px;
  line-height: 56px;
}

.teacher_info {
  width: 320px;
  height: 50px;
  margin: 0 auto;
  color: #fff;
  font-size: 18px;
  line-height: 46px;
}

.teacher_info span {
  display: block;
  float: left;
  margin-right: 8px;
}

.teacher_info em {
  display: block;
  float: left;
  margin-right: 15px;
  font-style: normal;
}

.teacher_info i {
  display: block;
  float: left;
  width: 120px;
  height: 20px;
  margin-top: 15px;
  background-image: url(https://www.huatu.com/images/2018fx/images/sprite.png);
  background-repeat: no-repeat;
}

.teacher_info i.icon05 {
  background-position: 0px -458px;
}

.teacher_info i.icon04 {
  background-position: 0px -477px;
}

.teacher_info i.icon03 {
  background-position: 0px -494px;
}

.teacher_info i.icon02 {
  background-position: 0px -514px;
}

.teacher_info i.icon01 {
  background-position: 0px -533px;
}

.inx-teacher .teaSlide p {
  width: 310px;
  height: 33px;
  margin: 0 auto;
  filter: alpha(opacity=60);
  opacity: 0.6;
  color: #fff;
  line-height: 33px;
  text-align: left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.inx-teacher .teaSlide p a, .inx-teacher .teaSlide p a:hover {
  color: #fff;
}

.inx-teacher .teaSlide li.on, .inx-teacher .teaSlide li:hover {
  width: 12.7% !important;
}

.inx-teacher .teaSlide li.on .con, .inx-teacher .teaSlide li:hover .con {
  top: 0;
}

.inx-teacher .teaSlide .teaprev, .inx-teacher .teaSlide .teanext {
  background: url(https://www.huatu.com/images/2018fx/images/sprite.png) no-repeat;
}

.inx-teacher .teaSlide .teaprev, .inx-teacher .teaSlide .teanext {
  position: absolute;
  left: 3%;
  top: 50%;
  margin-top: -25px;
  display: block;
  width: 50px;
  height: 50px;
  z-index: 1;
  background-position: 0 0;
  filter: alpha(opacity=0);
  opacity: 0;
  transition: opacity 0.5s;
  background-position: 0 -299px;
  transform: translateZ(0);
}

.inx-teacher .teaSlide .teanext {
  left: auto;
  right: 2%;
  background-position: -67px -299px;
}

.inx-teacher .teaSlide:hover .teaprev, .inx-teacher .teaSlide:hover .teanext {
  filter: alpha(opacity=100);
  opacity: 1;
}



.nationalTest {
  margin-top: 60px;
}

.nationalLine {
  border-top: 2px solid #5a5a5a;
}

.nationalLine+div {
  margin-bottom: 35px;
}

.nationalLine+div b {
  float: left;
  padding-top: 10px;
  border-top: 3px solid #e92930;
  margin-top: -2px;
  font-size: 24px;
}



.nationalLeft {
  float: left;
  width: 23%;
  height: 920px;
  background-color: #f8f8f8;
}

.nationalLeft_c {
  margin: 20px 20px 0 20px;
}

.nationalLeft_c .scale_img img {
  width: 100%;
  height: 300px;
  margin-bottom: 50px;
}

.nationalLeft_c .entrance b {
  border-left: 3px solid #e92930;
  padding-left: 10px;
  margin-bottom: 30px;
  font-size: 18px;
  line-height: 18px;
}

.entrance {
  margin: 0 8px;
}

.entrance ul {
  height: 150px;
  overflow: hidden;
}

.entrance li {
  position: relative;
  border: 1px solid #ddd;
  border-radius: 20px;
  padding: 0 15px;
  margin-right: 6px;
  margin-bottom: 14px;
  background-color: #fff;
  transition: border .5s ease;
  transform: translateZ(0);
}

.local_entrance li a, .entrance li a {
  width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.entrance li:last-child {
  margin-right: 0;
}

.entrance li:hover a {
  color: #fff;
}

.entrance li:hover .e_linear {
  background-color: #ea2932;
  opacity: 1;
}

.entrance li a {
  display: block;
}

.entrance li>a .e_linear {
  position: absolute;
  top: 0;
  left: 0;
  padding: 0 15px;
  height: 100%;
  opacity: 0;
  border-radius: 20px;
  background: linear-gradient(to right, rgba(252, 81, 65, 1), rgba(249, 45, 90, 1));
  transition: opacity .5s linear;
  transform: translateZ(0);
}

.platform b {
  border-left: 3px solid #e92930;
  padding-left: 10px;
  margin-top: 30px;
  margin-bottom: 20px;
  font-size: 18px;
  line-height: 18px;
}

.platformList>a, .platformList>div {
  position: relative;
  float: left;
  width: 45%;
  margin-right: 10%;
  margin-bottom: 10px;
  height: 140px;
  background-color: #fff;
  text-align: center;
  box-shadow: 0px 0px 20px 0px #ddd;
}

.platformList .code_wrap {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
}

.code_wrap img {
  width: 90%;
  height: 90%;
  margin: 8px auto;
}

.platformList .platformWb:hover .code_wrap, .platformList .platformWx:hover .code_wrap {
  display: block;
}

.platformList .platformQq:hover .qqTalk {
  background-position: 0 -376px;
}

.platformList .platformTel:hover .telphone {
  background-position: 0 -196px;
}

.platformList .platformWx, .platformList .platformTel {
  margin-right: 0;
}

.platformList p {
  color: #999;
}

.platformList .weibo {
  width: 60px;
  height: 48px;
  margin: 30px auto 12px auto;
  background-image: url(https://www.huatu.com/images/2018fx/images/sprite2.png);
  background-repeat: no-repeat;
  background-position: -28px -426px;
}

.platformList .weixin {
  width: 60px;
  height: 48px;
  margin: 30px auto 12px auto;
  background-image: url(https://www.huatu.com/images/2018fx/images/sprite2.png);
  background-repeat: no-repeat;
  background-position: 0 -528px;
}

.platformList .telphone {
  width: 50px;
  height: 50px;
  margin: 30px auto 12px auto;
  background-image: url(https://www.huatu.com/images/2018fx/images/sprite2.png);
  background-repeat: no-repeat;
  background-position: 0 -140px;
}

.platformList .qqTalk {
  width: 48px;
  height: 50px;
  margin: 30px auto 12px auto;
  background-image: url(https://www.huatu.com/images/2018fx/images/sprite2.png);
  background-repeat: no-repeat;
  background-position: 0 -321px;
}



.nationalRight {
  float: right;
  width: 73.8%;
}

.nationalList .listWrap {
  float: left;
  width: 46.81%;
  height: 385px;
  margin-right: 5%;
  overflow: hidden;
}

.past+.listWrap_list {
  margin-top: 14px;
}

.nationalList .listWrap.fr {
  float: right;
  margin-right: 0;
}

.nationalList .listWrap:nth-child(3), .nationalList .listWrap:nth-child(4) {
  margin-top: 30px;
}

.listWrap_title {
  border-bottom: 1px solid #dedede;
  margin-bottom: 30px;
}

.listWrap_title b {
  padding-bottom: 15px;
  line-height: 22px;
  font-size: 20px;
  margin-bottom: -1px;
  border-bottom: 1px solid #e92930;
}

.listWrap_title .more {
  color: #a9a9a9;
  margin-top: -2px;
  font-size: 14px;
}

.listWrap_title .more:hover, .localWrap_title .more:hover {
  color: #e92930;
}

.listChange {
  float: left;
  height: 25px;
  border-radius: 20px;
  line-height: 25px;
  background-color: #efefef;
  color: #a5a5a5;
  font-size: 14px;
  cursor: pointer;
  transition: background .5s ease;
  transform: translateZ(0);
}

.listChange:last-child {
  margin-right: 0;
}

.listChange.on {
  color: #fff;
  background: linear-gradient(to right, rgba(235, 41, 52, 1), rgba(253, 37, 85, 1));
  background-color: #fd2555;
}

.listCircle {
  width: 4px;
  height: 4px;
  border-radius: 100%;
  margin-top: 15px;
  margin-right: 12px;
  background-color: #e5e5e5;
}

.listWrap_list {
  margin-top: 30px;
}

.listWrap_list li .list_msg, .listWrap_list li a {
  width: 80%;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.listWrap_list li a:hover {
  color: #e92930;
  text-decoration: underline;
}

.listWrap_list li p {
  color: #a1a1a1;
  font-size: 14px;
}

.past {
  padding-bottom: 4px;
  border-bottom: 1px dashed #dedede;
}

.pastLeft {
  width: 33%;
  height: 90px;
  padding-top: 30px;
  background: linear-gradient(to right, rgba(134, 175, 255, 1), rgba(188, 152, 255, 1));
  background-color: #86aeff;
  border-radius: 10px;
  text-align: center;
  font-size: 18px;
}

.pastLeft p {
  color: #fff;
  font-size: 18px
}

.pastLeft p:nth-child(2) {
  font-size: 22px
}

.changePast>div {
  width: 50px;
  height: 25px;
  margin-right: 10px;
  line-height: 25px;
  border: 1px solid #efefef;
  background-color: #efefef;
  border-radius: 20px;
  font-size: 14px;
  color: #666;
  cursor: pointer;
  margin-bottom: 20px;
  text-align: center;
}

.changePast>a, .pastYear {
  width: 60px;
  height: 25px;
  margin-right: 10px;
  line-height: 25px;
  border: 1px solid #efefef;
  background-color: #efefef;
  border-radius: 20px;
  font-size: 14px;
  color: #666;
  cursor: pointer;
  margin-bottom: 20px;
  text-align: center;
  transition: .5s border ease, .5s background ease, .5s color ease;
  transform: translateZ(0);
}

.pastHide {
  display: none;
}

.changePast {
  position: relative;
}

.pastList .pastYear {
  margin-bottom: 10px;
}

.pastList {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  z-index: 2;
  background-color: #fff;
}

.pastYear:hover {
  border: 1px solid #e92930;
  background-color: #fff;
  color: #e92930;
}

.changePast .changeF {
  color: #fff;
}

.changePast .changeF_o {
  background-color: #e92930;
}

.changePast .changeF_s {
  background-color: #2bd2df;
}

.changePast .changeF_t {
  background-color: #ffa800;
}

.position_search {
  width: 100%;
  height: 88px;
  border: 1px solid #dedede;
  margin-top: 30px;
  line-height: 88px;
}

.position_search p {
  line-height: 88px;
}

.select_type {
  margin-left: 8px;
}

.position_search b {
  margin-left: 15px;
  font-size: 20px;
  line-height: 88px;
}

.position_search b span {
  color: #ee696c;
}

.searchLine {
  width: 1px;
  height: 60px;
  border-left: 1px solid #dedede;
  margin: 15px 15px 0 15px;
}

#searchbtn {
  width: 78px;
  height: 30px;
  line-height: 30px;
  background: linear-gradient(to right, rgba(235, 41, 51, 1), rgba(253, 37, 86, 1));
  background-color: #ec2835;
  color: #fff;
  border-radius: 20px;
  color: #fff;
  cursor: pointer;
}

#searchbtn:hover {
  background: linear-gradient(to right, rgba(252, 81, 65, 1), rgba(249, 45, 90, 1));
}

.position_search .select {
  position: relative;
  width: 60px;
  display: inline;
  float: left;
}

.position_search .select>div {
  position: relative;
  width: 100%;
}

.position_search .select cite {
  display: block;
  width: 100%;
  height: 35px;
  margin-top: 25px;
  border-radius: 4px;
  font-style: normal;
  line-height: 35px;
  text-indent: 5px;
  font-size: 14px;
  border: 1px solid #e4e4e4;
}

.position_search .select:hover cite {
  border-color: #e92930;
  color: #e92930;
  z-index: 2;
}

.position_search .select i {
  position: absolute;
  top: 15px;
  right: 10px;
  width: 8px;
  height: 5px;
  background-image: url(https://www.huatu.com/images/2018fx/images/sprite.png);
  background-repeat: no-repeat;
  background-position: -1px -36px;
}

.position_search .select ul {
  display: none;
  position: absolute;
  left: 0;
  top: 37px;
  width: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  z-index: 3;
  background: #fff;
  border: 1px solid #cecfd1;
  border-radius: 3px;
  border-top: none;
}

.position_search .select li {
  font-size: 14px;
  line-height: 30px;
  text-indent: 10px;
  cursor: pointer;
}

.position_search .select li a {
  display: block;
  width: 100%;
  height: 30px;
  cursor: pointer;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.position_search .select li a:hover {
  background: #f2f2f2;
  color: #e92930;
  text-decoration: none;
}



.fx_local {
  margin-top: 60px;
}

.fx_local .localWrap_list {
  margin-bottom: 35px;
  overflow: hidden;
}

.localLine {
  border-top: 2px solid #5a5a5a;
}

.localLine+div b {
  float: left;
  padding-top: 10px;
  border-top: 3px solid #e92930;
  margin-top: -2px;
  font-size: 24px;
}

.localLine+div {
  margin-bottom: 35px;
}



.localLeft {
  float: left;
  width: 23%;
  height: 838px;
  background-color: #f8f8f8;
}

.localLeft_c {
  margin: 20px 20px 0 20px;
}

.localLeft_c .scale_img img {
  width: 100%;
  height: 360px;
  margin-bottom: 25px;
}

.local_entrance {
  margin: 0 8px;
}

.local_entrance ul {
  height: 150px;
  overflow: hidden;
}

.local_entrance li {
  position: relative;
  border: 1px solid #ddd;
  border-radius: 20px;
  padding: 0 15px;
  margin-right: 20px;
  margin-bottom: 15px;
  background-color: #fff;
}

.local_entrance li>a div {
  width: calc(100% - 30px);
  position: absolute;
  top: 0;
  left: 0;
  padding: 0 15px;
  height: 100%;
  opacity: 0;
  border-radius: 20px;
  background: linear-gradient(to right, rgba(252, 81, 65, 1), rgba(249, 45, 90, 1));
  transition: opacity .5s linear;
  transform: translateZ(0);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.local_entrance li:last-child {
  margin-right: 0;
}

.local_entrance li:hover {
  border-color: transparent;
}

.local_entrance li:hover .e_linear {
  background-color: #ea2932;
  opacity: 1;
}

.local_entrance li:hover a {
  color: #fff;
}

.local_entrance li a {
  display: block;
}

.outline b {
  border-left: 3px solid #e92930;
  padding-left: 10px;
  margin-top: 30px;
  margin-bottom: 20px;
  font-size: 18px;
  line-height: 18px;
}

.outlineCircle {
  width: 4px;
  height: 4px;
  border-radius: 100%;
  margin-top: 15px;
  margin-right: 12px;
  background-color: #e5e5e5;
}

.outline_list>li>a {
  display: block;
  width: 85%;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.outline_list>li>a:hover {
  color: #e92930;
  text-decoration: underline;
}



.localRight {
  float: right;
  width: 73.8%;
}

.localWrap_title {
  border-bottom: 1px solid #dedede;
  margin-bottom: 29px;
}

.fx_public .littleTitle.active {
  margin-bottom: 15px;
}

.fx_public .littleTitle.actived {
  margin-bottom: 5px;
}

.localWrap_title b {
  padding-bottom: 15px;
  line-height: 22px;
  font-size: 20px;
  margin-right: 30px;
  margin-bottom: -1px;
  cursor: pointer;
}

.localWrap_title b.on {
  border-bottom: 2px solid #e92930;
}

.localWrap_list>li a:hover {
  color: #e92930;
  text-decoration: underline;
}

.localWrap_title .more {
  color: #a9a9a9;
  margin-right: 5px;
  font-size: 14px;
}

.local_list {
  float: left;
  width: 50%;
  height: 580px;
  overflow: hidden;
}

.localWrap_list li .list_msg, .localWrap_list li a {
  width: 80%;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.localWrap_list li p {
  color: #a1a1a1;
  font-size: 14px;
}

.localWrap_list .title_first {
  font-size: 20px;
  margin-bottom: 15px;
}

.localWrap_list li.active a {
  color: #eb4247;
}

.fx_local .picList_wrap {
  margin-top: 40px;
}

.picList_wrap {
  width: 100%;
  height: 150px;
  margin-top: 39px;
  overflow: hidden;
}

.picList>li {
  float: left;
  width: 21%;
  margin-right: 70px;
  transition: box-shadow .8s ease;
  transform: translateZ(0);
}

.picList>li:hover {
  box-shadow: 0px 0px 20px 0px #ddd;
}

.picList>li img {
  width: 100%;
  height: 150px;
  transition: 2s transform ease;
  transform: translateZ(0);
}

.picList>li img:hover {
  transform: scale(1.03);
}

.pic_prev {
  position: absolute;
  left: -1.4%;
  bottom: 17%;
  margin-top: -45px;
  display: block;
  width: 50px;
  height: 90px;
  z-index: 1;
  opacity: 1;
  transition: opacity 0.5s, background 1s ease;
  background-color: rgba(0, 0, 0, .1);
  border-radius: 4px;
  cursor: pointer;
  transform: translateZ(0);
}

.pic_next {
  position: absolute;
  bottom: 17%;
  left: auto;
  right: -1%;
  margin-top: -45px;
  width: 50px;
  height: 90px;
  z-index: 1;
  opacity: 1;
  transition: opacity 0.5s, background .8s ease;
  background-color: rgba(0, 0, 0, .1);
  border-radius: 4px;
  cursor: pointer;
  transform: translateZ(0);
}

.pic_next:hover, .pic_prev:hover {
  background-color: #454a49;
}

.pic_next i {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-top: -14px;
  margin-left: -7px;
  width: 15px;
  height: 28px;
  z-index: 1;
  background-image: url(https://www.huatu.com/images/2018fx/images/sprite.png);
  background-repeat: no-repeat;
  background-position: -6px -156px;
  transform: rotate(-180deg);
}

.pic_prev i {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -7px;
  margin-top: -14px;
  display: block;
  width: 15px;
  height: 28px;
  z-index: 1;
  background-image: url(https://www.huatu.com/images/2018fx/images/sprite.png);
  background-repeat: no-repeat;
  background-position: -6px -156px;
}



.inx-course {
  width: 45.8%;
}



.inx-course .coursetit, .inx-realque .realquetit {
  margin-bottom: 38px;
}

.inx-course .coursetit b, .inx-realque .realquetit b {
  display: inline;
  float: left;
  height: 40px;
  margin-right: 25px;
  cursor: pointer;
  font-size: 18px;
  line-height: 40px;
}

.inx-course .coursetit .more, .inx-realque .realquetit .more {
  display: block;
  float: right;
  color: #6d6d6d;
  font-size: 18px;
  line-height: 40px;
}

.inx-course .coursetit .more:hover, .inx-realque .realquetit .more:hover {
  color: #e92930;
}



.inx-course .course {
  width: 100%;
  height: 130px;
  padding: 30px 0;
  border-radius: 3px;
  background: #fd6678;
  background: -webkit-linear-gradient(159deg, #fd6678, #fd756b);
  background: -o-linear-gradient(159deg, #fd6678, #fd756b);
  background: -moz-linear-gradient(159deg, #fd6678, #fd756b);
  background: linear-gradient(159deg, #fd6678, #fd756b);
}

.inx-course .course span {
  display: block;
  float: left;
  width: 28%;
  height: 112px;
  padding-top: 16px;
  margin-left: 7.5%;
  margin-right: 4%;
  border: 1px solid #fff;
  border-radius: 10px;
  color: #fff;
  font-size: 40px;
  font-weight: 500;
  line-height: 48px;
  text-align: center;
}

.inx-course .course b {
  float: left;
  color: #fff;
  font-size: 20px;
  font-weight: bold;
  line-height: 42px;
}

.inx-course .course .zx {
  display: block;
  float: left;
  color: #fff;
  font-size: 19px;
  line-height: 42px;
}

.inx-course .course .st {
  display: block;
  float: left;
  width: 124px;
  height: 38px;
  background: #fff;
  border-radius: 20px;
  color: #fd6678;
  font-size: 19px;
  line-height: 38px;
  text-align: center;
  transition: background .5s ease, color .5s ease;
  transform: translateZ(0);
}

.inx-course .course .st:hover {
  border: 1px solid #fff;
  background-color: transparent;
  color: #fff;
}



.inx-course .coursesearch {
  margin: 25px 0 18px;
}

.inx-course .select {
  position: relative;
  display: inline;
  float: left;
  margin-right: 30px;
}

.inx-course .select>div {
  position: relative;
  width: 100%;
}

.inx-course .select cite {
  display: block;
  width: 100%;
  height: 34px;
  border: 1px solid #cecfd1;
  border-radius: 3px;
  font-style: normal;
  line-height: 34px;
  text-indent: 10px;
}

.inx-course .select i {
  position: absolute;
  top: 15px;
  right: 10px;
  width: 8px;
  height: 5px;
  background-image: url(https://www.huatu.com/images/2018fx/images/sprite.png);
  background-repeat: no-repeat;
  background-position: -1px -36px;
}

.inx-course .select:hover cite {
  border-color: #e92930;
  color: #e92930;
  z-index: 2;
}

.inx-course .select01, .inx-course .select02 {
  width: 100px;
}

.inx-course .select03 {
  width: 75px;
}

.inx-course .select04 {
  width: 65px;
}

.inx-course .select ul {
  display: none;
  position: absolute;
  left: 0;
  top: 36px;
  width: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  z-index: 3;
  background: #fff;
  border: 1px solid #cecfd1;
  border-radius: 3px;
}

.inx-course .select li {
  font-size: 14px;
  line-height: 30px;
  text-indent: 10px;
  cursor: pointer;
}

.inx-course .select li a {
  display: block;
  width: 100%;
  height: 30px;
  cursor: pointer;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.inx-course .select li a:hover {
  background: #f2f2f2;
  color: #e92930;
  text-decoration: none;
}

.inx-course .coursebtn {
  display: block;
  float: right;
  width: 75px;
  height: 36px;
  background-color: #e92930;
  background: linear-gradient(to right, rgba(235, 41, 51, 1), rgba(253, 37, 86, 1));
  border-radius: 3px;
  color: #fff;
  line-height: 36px;
  text-align: center;
  cursor: pointer;
}

.inx-course .coursebtn:hover {
  background: linear-gradient(to right, rgba(252, 81, 65, 1), rgba(249, 45, 90, 1));
}


.inx-course .c-box {
  width: 100%;
  height: 300px;
  overflow: hidden;
  border: 1px solid #cecfd1;
}

.inx-course .course-box {
  width: 98%;
  margin: 0 auto;
}

.inx-course .schedule-hd {
  display: none;
}

.inx-course .week-ul {
  height: 45px;
  border-bottom: 1px solid #e8e8e8;
}

.inx-course .schedule-bd {
  margin-top: 15px;
}

.inx-course .ul-box>li {
  float: left;
  width: 14.28%;
  height: 40px;
  font-size: 18px;
  line-height: 40px;
  text-align: center;
}

.inx-course .other-month {
  color: #999;
}

.inx-course .today-style {
  border-radius: 50%;
  background: #e92930;
}

.inx-course .dayStyle {
  display: inline-block;
  width: 30px;
  height: 30px;
  cursor: pointer;
  border-radius: 50%;
  text-align: center;
  line-height: 30px;
}

.inx-course .current-month>.dayStyle:hover {
  background: #e92930;
  color: #fff;
}

.inx-course .today-flag {
  background: #e92930;
  color: #fff;
}

.inx-course .selected-style {
  background: #e92930;
  color: #fff;
}

.fx_medical {
  margin-top: 60px;
}

.fx_medical .littleTitle {
  margin-bottom: 10px;
}

.fx_medical .localWrap_title {
  margin-bottom: 25px;
}

.localWrap_slide.on a {
  color: #eb4247;
}

.localWrap_slide.on a {
  font-size: 20px;
}

.littleTitle {
  display: none;
  border-bottom: 1px dashed #dfdfdf;
  padding-bottom: 5px;
  margin-bottom: 15px;
  color: #c6c6c6;
  font-size: 14px;
  text-indent: 1em;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.fx_medical .title_first, .fx_public .title_first {
  margin-bottom: 0;
}

.shortcut {
  float: right;
  width: 38%;
  height: 580px;
  border: 1px solid #dedede;
}

.fx_medical .local_list {
  width: 55.8%;
  height: 584px;
}

.shortcutWrap {
  margin: 30px 25px 0 25px;
}

.shortcutWrap b {
  padding-bottom: 8px;
  margin-bottom: -1px;
  font-size: 20px;
  border-bottom: 1px solid #e92930;
}

.shortWrap {
  border-bottom: 1px solid #dedede;
  margin-bottom: 30px;
}

.shortcutWrap table th,.shortcutWrap table td{border:1px solid #ddd;padding:2px;font-size:14px;}

.shortcutList {
  margin-bottom: 5px;
}

.shortcutList>li {
  float: left;
  height: 30px;
  padding: 0 15px;
  margin-bottom: 10px;
  margin-right: 15px;
  border-radius: 12px;
  line-height: 30px;
  border: 1px solid #ddd;
  transition: .5s border ease;
  transform: translateZ(0);
}

.shortcutList>li a {
  display: block;
}

.shortcutList>li:hover {
  border-color: #e92930;
}

.shortcutList>li:hover a {
  color: #e92930;
}

.inlet {
  display: block;
  height: 55px;
  margin: 20px;
  border-radius: 40px;
  line-height: 55px;
  font-size: 20px;
  color: #fff;
  transition: .8s opacity ease;
  transform: translateZ(0);
}

.inlet :hover {
  opacity: 0.9;
}

.inlet01 {
  background: linear-gradient(to right, rgba(111, 205, 126, 1), rgba(95, 200, 179, 1));
  background-color: #6fcd7e;
}

.inlet02 {
  background: linear-gradient(to right, rgba(242, 95, 106, 1), rgba(254, 128, 119, 1));
  background-color: #f25f6a;
}

.inlet03 {
  background: linear-gradient(to right, rgba(187, 119, 224, 1), rgba(119, 154, 244, 1));
  background-color: #bb77e0;
}

.inlet_w {
  width: 205px;
  margin: 0 auto;
}

.inlet i {
  width: 36px;
  height: 25px;
  margin-top: 17px;
  margin-right: 20px;
}

.inlet .inlet_o {
  background-image: url(https://www.huatu.com/images/2018fx/images/sprite.png);
  background-repeat: no-repeat;
  background-position: -37px -75px;
}

.inlet .inlet_s {
  margin-top: 10px;
  height: 36px;
  background-image: url(https://www.huatu.com/images/2018fx/images/sprite.png);
  background-repeat: no-repeat;
  background-position: -2px -108px;
}

.inlet .inlet_t {
  margin-top: 12px;
  height: 31px;
  background-image: url(https://www.huatu.com/images/2018fx/images/sprite.png);
  background-repeat: no-repeat;
  background-position: -48px -112px;
}




.fx_public {
  margin-top: 70px;
}

.fx_public .local_list {
  width: 55.8%;
}

.publicWrap {
  height: 40px;
  margin: 25px 15px 0 15px;
  line-height: 40px;
}

.public_wrap {
  float: right;
  width: 38%;
  height: 580px;
  border: 1px solid #dedede;
  overflow: hidden;
}

.publicWrap .public_title {
  background-color: #e92930;
  border-radius: 4px;
  font-size: 18px;
  color: #fff;
  padding: 0 15px;
  height: 40px;
}

.publicWrap .public_title p {
  color: #fff;
  font-size: 16px;
  line-height: 40px;
}

.public_first {
  width: 40%;
}

.public_s {
  width: 40%;
}

.public_t {
  width: 20%;
}

.publicWrap ul a {
  height: 48px;
  line-height: 48px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 14px;
}

.publicWrap ul {
  margin-bottom: 30px;
  height: 490px;
  overflow: hidden;
}

.publicWrap li {
  padding: 0 15px;
  border-bottom: 1px solid #eee;
  height: 48px;
  line-height: 48px;
  transition: border .5s ease;
  transform: translateZ(0);
}

.publicWrap li:hover {
  border-color: #e92930;
  background-image: url(https://www.huatu.com/images/2018fx/images/hotBg.png);
  background-repeat: no-repeat;
}

.localBtn {
  position: relative;
}

.localBtn_l {
  margin-top: 5px;
}

.localList {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  background-color: #fff;
  z-index: 10;
}

.local_btn_hide {
  display: none;
}

.local_btn, .localMore {
  float: left;
  width: 75px;
  height: 25px;
  line-height: 25px;
  text-align: center;
  background-color: #efefef;
  border-radius: 20px;
  margin-right: 10px;
  margin-bottom: 10px;
  cursor: pointer;
  font-size: 14px;
  transition: .5s background ease;
  transform: translateZ(0);
}

.localMore:hover {
  background-color: #ff2557;
  color: #fff;
}

.local_btn.on {
  background-color: #ff2557;
  background: linear-gradient(to right, rgba(235, 41, 51, 1), rgba(253, 37, 86, 1));
  color: #fff;
}



.fx_about {
  width: 100%;
  height: 634px;
  margin-top: 60px;
  background-color: #f5f5f5;
}

.fx_about b {
  margin-top: 40px;
  margin-bottom: 28px;
  font-size: 22px;
}

.about_l {
  width: 40%;
  height: 470px;
}

.about_l_w {
  width: 48%;
  margin-right: 5%;
  overflow: hidden;
  transition: box-shadow .8s ease;
  transform: translateZ(0);
}

.about_l_w img {
  transition: transform 2s ease;
  transform: translateZ(0);
}

.about_l_w:hover {
  box-shadow: 0px 0px 20px 0px #ddd;
}

.aboutPic_l {
  height: 470px;
}

.about_l_r {
  width: 47%;
  overflow: hidden;
}

.about_l_r img {
  width: 100%;
  height: 220px;
  transition: transform 2s ease;
  transform: translateZ(0);
}

.about_l_r img:hover, .about_l_w img:hover {
  transform: scale(1.1, 1.1);
}

.about_l_r img.active {
  margin-bottom: 30px;
}

.about_m {
  width: 24%;
  height: 470px;
  margin: 0 4%;
  background-color: #fff;
  overflow: hidden;
}

.about_r {
  width: 28%;
  height: 470px;
  background-color: #fff;
}

.about_m_w {
  margin: 30px 30px 0 30px;
}

.about_m .outline:nth-child(1) b, .about_r_w .outline b {
  margin-top: 1px;
}

.about_r a {
  width: 85%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.about_r_w {
  width: 86%;
  margin: 30px auto 0 auto;
  overflow: hidden;
}

.about_tab {
  position: relative;
  margin-bottom: 25px;
}

.about_tab_img img {
  width: 100%;
  height: 200px;
}

.about_list>li>div {
  padding: 0 20px;
}

.about_list>li:hover {
  background-color: #e92930;
}

.about_list li {
  border-radius: 20px;
}

.about_list .outlineCircle {
  transition: ease margin-left .7s;
  transform: translateZ(0);
}

.about_list>li:hover .outlineCircle {
  margin-left: 10px;
}

.about_list>li:hover a {
  color: #fff;
}

.about_tab .prev {
  position: absolute;
  top: 0;
  left: 0;
  width: 15%;
  height: 100%;
  background-color: rgba(0, 0, 0, .3);
  transition: background .8s ease;
  transform: translateZ(0);
}

.about_tab .prev:hover {
  background-color: rgba(0, 0, 0, .7);
}

.about_tab .prev a {
  position: absolute;
  top: 50%;
  left: 15px;
  width: 25px;
  height: 45px;
  margin-top: -22px;
  background-image: url(https://www.huatu.com/images/2018fx/images/sprite.png);
  background-repeat: no-repeat;
  background-position: -62px -191px;
}

.about_tab .next a {
  position: absolute;
  top: 50%;
  right: 15px;
  width: 24px;
  height: 42px;
  margin-top: -21px;
  background-image: url(https://www.huatu.com/images/2018fx/images/sprite.png);
  background-repeat: no-repeat;
  background-position: -8px -255px;
}

.about_tab .next {
  position: absolute;
  top: 0;
  right: 0;
  width: 15%;
  height: 100%;
  background-color: rgba(0, 0, 0, .3);
  transition: background .8s ease;
  transform: translateZ(0);
}

.about_tab .next:hover {
  background-color: rgba(0, 0, 0, .7);
}



.fx_contact {
  margin-top: 60px;
}

.contact_l {
  float: left;
  width: 50%;
  height: 500px;
  border-right: 1px solid #dedede;
}

.contact_r {
  float: right;
  width: 49%;
  min-height: 240px;
}

.contact_l img {
  margin-right: 20px;
  margin-bottom: 20px;
}

.contact_type {
  margin-top: 2px;
}

.contact_type>a {
  float: left;
  width: 125px;
  height: 40px;
  border-radius: 20px;
  line-height: 40px;
  text-align: center;
  color: #fff;
  background-color: #62c3fa;
  transition: .5s background ease;
  transform: translateZ(0);
}

.contact_type>a:hover {
  background-color: #41a0e6;
}

.contact_type .contact_one:hover {
  background-color: #3fc784;
}

.contact_type .contact_one {
  margin-left: 30px;
  background-color: #46d29c;
}

.contact_r_w {
  margin-left: 55px;
}

.address>li {
  float: left;
  padding: 0 20px;
  height: 35px;
  margin-right: 10px;
  margin-bottom: 10px;
  line-height: 35px;
  border-radius: 20px;
  background-color: #efefef;
  cursor: pointer;
}

.address>li.on {
  background-color: #eb2935;
  background: linear-gradient(to right, rgba(235, 41, 51, 1), rgba(253, 37, 86, 1));
  color: #fff;
}



.fx_friend {
  margin-top: 60px;
  padding-top: 60px;
  padding-bottom: 60px;
  background-color: #f5f5f5;
}

.inx-fLink .fLinktit {
  margin-bottom: 20px;
}

.inx-fLink b {
  display: inline;
  float: left;
  height: 40px;
  margin-right: 30px;
  cursor: pointer;
  font-size: 20px;
  line-height: 40px;
  transition: color 0.3s;
  transform: translateZ(0);
}

.inx-fLink b.on {
  border-bottom: 3px solid #e92930;
  color: #e92930;
}

.inx-fLink .fLinkbox li {
  display: inline;
  float: left;
  margin-right: 20px;
  color: #666;
  line-height: 40px;
  white-space: nowrap;
}

.inx-fLink .fLinkbox li a:hover {
  color: #e92930;
}



.footer {
  width: 100%;
  padding: 30px 0;
  background: #333;
}

.footer .footright p {
  font-size: 18px;
  font-weight: bold;
  line-height: 28px;
}

.footer .footNav {
  padding: 20px 0;
}

.footer .footNav p {
  font-size: 14px;
  line-height: 26px;
  text-align: center;
  color: #8e8e8e;
}

.footer .footNav p a {
  color: #8e8e8e;
}

.footer .footImgs {
  display: none;
  width: 1050px;
  margin: 0 auto 35px auto;
}

.footer .footImgs li {
  display: inline;
  float: left;
  width: 120px;
  margin: 0 15px;
}

.footer .footImgs li a {
  display: block;
  width: 100%;
}

.footer .footImgs li img {
  display: block;
  width: 100%;
}


	.ht_htbj_lh{ width:90%; height:380px; background:url(https://u2.huatu.com/xuyl/20180302/ht_gktlback.jpg) no-repeat top; background-size: 100%; margin:40px auto 0; padding:0; border:solid 1px #ddd; }
	.ht_htbjtitle_lh{ width:96%; margin:0 auto; border-bottom:3px solid #f55f60;height:72px;}
	.ht_htbjtitle_lh h2{font:bold 26px/62px 'Microsoft yahei';color:#666;padding:13px 10px;}
	.ht_htbjtitle_lh h2 span{color:#ef2d36;}
	.ht_htbjtitle_lh h2 a{font:bold 26px/62px 'Microsoft yahei';color:#666;}
	.ht_htbjtitle_lh h2 a span{color:#ef2d36;}
	.ht_htbjtitle_lh h2 a em{font-style:normal;display:inline-block;padding-left:10px;}
	.ht_htdatebj_lh{float:right; padding:15px 10px 0 0; overflow: hidden;}
	.ht_htdatebj_lh a{float:left; display:block; width:24px; height:24px;margin-top:18px;}
	.ht_htdatebj_lh p{display:inline-block; font:16px/46px 'Microsoft yahei';color:#333;}
	.ht_htdatebj_lh p b{display:inline-block;font-weight:normal;}
	.ht_htdatebj_lh span{display:inline-block; padding:0 2px;height:48px; font: 30px/56px 'Microsoft yahei';color:#fb4f62; text-align: center;}
	.ht_htbjcont_lh{ width:96%; margin:0 auto; height:138px; padding-top:31px;}
	.ht_htconft_lh{ width:43%; float:right;}
	.ht_htnum_lh{overflow:hidden; height:30px;}
	.ht_htnum_lh p{padding-left:36px;font:16px/30px 'Microsoft yahei';color:#333; float:left;}
	.ht_htzxw_lh{ background:url(https://u2.huatu.com/xuyl/20180302/ht_gktlicon1.jpg) no-repeat left top;}
	.ht_htnum_lh p span{font-size:18px;}
	.ht_htzlrs_lh{background:url(https://u2.huatu.com/xuyl/20180302/ht_gktlicon2.jpg) no-repeat left top;margin-left:15px;}
	.ht_htot_lh{ background:url(https://u2.huatu.com/xuyl/20180302/ht_gktlnum.jpg) no-repeat center; width:100%; height:60px;margin-top:20px; color:#fff; padding-left:0; text-align:center; font:bold 18px/60px 'Microsoft yahei';
		background: linear-gradient(to bottom right , rgba(255, 80, 103, 1), rgba(254, 121, 112, 1));
		border-radius: 60px;
		box-shadow:0 7px 0 rgba(255, 232, 224, 1);
	}
	.ht_htot_lh span{font-size:24px;float:none;}
	.ht_htot_lh b{float:none;}
	.ht_htcontrig_lh{ width:55%;float:left;}
	.ht_htcontrig_lh h2{font:bold 18px/28px 'Microsoft yahei';color:#ef2d36;margin-bottom:12px;
		width:100%; text-overflow: ellipsis;  overflow: hidden;  white-space: nowrap;}
	.ht_htcontrig_lh h2 a{color:#ef2d36;}
	.ht_htcontrig_lh p{font:14px/16px 'Microsoft yahei';color:#555;margin-bottom:14px;
		width:100%; text-overflow: ellipsis;  overflow: hidden;  white-space: nowrap;}
	.ht_htcontrig_lh p a{color:#555;}
	.ht_htfixed_lh{ width:96%; margin:0 auto; padding-top:22px;overflow:hidden;border-top:dashed 1px #ddd;}
	.ht_tabfol_lh{ width:43%; height:91px; float:right;}
	.ht_tabfol_lh table{ width:100%; border-top:1px solid #faaaab;border-left:1px solid #faaaab;border-collapse:collapse;border-spacing:0;}
	.ht_tabfol_lh td{border-right:1px solid #faaaab;border-bottom:1px solid #faaaab; text-align: center; font:14px/16px 'Microsoft yahei';color:#f55f60;width:100px; height:28px;color:#333;}
	.ht_tabfol_lh td a{color:#f55f60;}
	.ht_dbtl_lh { background:#ffd9b1;width:100%;}

	.ht_tabfol_lh .ht_dbtl_lh a{display:block; height: 100%; text-align: center;line-height:30px;text-align: center;width:100%;color:#666;}
	.ht_tabfol_lh .ht_dbtl_lh a:hover{color:#f55f60;}
	.ht_tabfol_lh .ht_dbtl_lh i { display:inline-block; vertical-align: top; line-height: 30px; width:30px; height: 30px; background:url(https://u2.huatu.com/xuyl/20180302/ht_gktlser.png) no-repeat center;}
	.ht_tabpimg_lh li{float:left; width:33%; height:91px; text-align: center;}
	.ht_tabpimg_lh li img { margin:0 auto;}
	.ht_tabpimg_lh{width:55%;overflow: hidden; float:left;}
	.ht_tabpimg_lh li.ht_tabopl{ margin:0 0.5%;}
	.ht_mouse_lh{ margin-right:6px;}
	a.ht_htrig_on{background:url(https://u2.huatu.com/xuyl/20180302/ht_htrig_on.png) no-repeat;}
	a.ht_htleft_on{background:url(https://u2.huatu.com/xuyl/20180302/ht_htleft_on.png) no-repeat;}

@media screen and (min-width: 2020px) {
	.ht_htconft_lh ,
	.ht_tabfol_lh { width:40%;}
	.ht_htcontrig_lh,
	.ht_tabpimg_lh { width:53%; }
}

@media screen and (min-width: 1160px) and (max-width: 1280px) {
	.ht_htbj_lh{ width:1200px; }
}
}
@media screen and (max-width: 1160px) {
	.ht_htbj_lh{ width:1000px; }
}

@media only all and (min-width:1920px){
  .mainBanner .bd ul li{
    background-size:cover !important;
  }
}


.addPage{width:100%;margin:20px auto 0;height:30px;overflow:hidden;position:relative;}


.addPage .pageBox {
  position: absolute;
  left:42px;
  top:0px;

}

.addPage .pageBox span,.addPage .pageArrow>div{
    float: left;
   	width: 22px;
    height: 22px;
    margin-top: 12px;
    cursor: pointer;
	  text-align:center;
	  border:1px solid #ddd;
	  line-height:22px;
	  margin:0 10px;
}

.addPage .pageBox span:hover,.addPage .pageBox span.on{color:#f00;}

.addPage .mlistdown,.addPage .mlistup{
  background: url("https://www.walldrift.com/__xh__/ln.huatu.com/zt/zhichi/images/img.png") no-repeat;
  border:none;
  position:absolute;
  top:0px;
}

.addPage .mlistup {
    background-position: 0 -45px;
    left:0;
	
}
.addPage .mlistdown {
    background-position: -21px -45px;
  border:0;
  right:0;
}


@charset "utf-8";
.xkdh{width: 60px;height: 100%;background: #ffffff;position: fixed;top: 0;left: 0;z-index: 999;box-shadow: 0 0 24px 0 rgba(15,66,76,.25);}
.xkhd{background: #EF2D36;}
.xkhd a{display: block; font: 18px/20px 'Microsoft Yahei'; text-align: center; padding: 6px; font-weight: bold; color: #ffffff;}
.xkbm{width: 60px;height: auto;position: relative;left: 0;}
.xkbm li{margin: 0 auto;width: 60px;box-sizing: border-box;}
.xkbm li:not(:last-child){border-bottom: 1px solid #dcdcdc;}
.xkbm li>a{display: block;height: 6.2vh;font: 14px/6.2vh 'Microsoft Yahei';color: #999999;text-align: center;transition: .3s all;-webkit-transition: .3s all;-ms-transition: .3s all;}
.xkbm li>a.xksz{font: 14px/2.4vh 'Microsoft Yahei'; padding: 0.8vh 10px; height: auto;}
.xkbm li:hover >a{color: #fff;background: #fc5b4a;background: linear-gradient(0deg, #F44336,#E91E63 );background: -webkit-linear-gradient(0deg, #F44336,#E91E63 );background: -moz-linear-gradient(0deg, #fd832a,#fc5b4a );box-shadow: 0 0 2px 2px #F44336;}
.xkbm li>div{position: absolute;left: 60px;top: 0;min-width: 164px;height: 107%;background: #f8f8f8;padding:15px 10px 0px;opacity: 0;transform: scaleX(0);-webkit-transform: scaleX(0);-ms-transform: scaleX(0);transform-origin:left center;-webkit-transform-origin:left center;-ms-transform-origin:left center;transition: .6s all;-webkit-transition: .6s all;-ms-transition: .6s all;box-shadow: 6px 0 24px 0 rgba(15,66,76,.25);}
.xkbm li>div hr {border-bottom: 1px dashed #F44336;margin: 15px 0;display: block;box-shadow: 0px 0px 8px 0px #ffb6b6;}
.xkbm li>div a{display: block;padding: 6px 10px;margin-bottom: 10px;font: 14px/20px 'Microsoft Yahei';color: #333;text-align: center;border-radius: 50px;box-shadow: 0 0px 2px 0 #bdbdbd;overflow: hidden;}
.xkbm li>div a:hover{background: #ff4048;border: none;background: linear-gradient(to right,#F44336 , #E91E63);color: #fff;}
.xkbm li:hover >div{transform: scaleX(1);-webkit-transform: scaleX(1);-ms-transform: scaleX(1);opacity: 1;}
.hotimg{position: relative;}
.hotimg:before{width:32px;height:32px;background: url(https://ah.huatu.com/z/css/2019sy/images/hotmax.png) top no-repeat;content: '';background-size: contain;position: absolute;display: block;top: 0;right:0;opacity: 0.7;}
@media screen and (max-width:1400px){.xkdh {width: 50px;}.xkbm {width: 50px;}.xkbm li{width: 50px;}.xkbm li>div {left: 50px;}}
@media screen and (max-width:1200px){.xkdh{display: none !important;}}

.qq_wrap li>.xn{position: absolute;right: 0px;min-width: 114px;height: 100%;background: #f8f8f8;opacity: 0;-webkit-transform: scaleX(0);-webkit-transform-origin:right center;-webkit-transition: .6s all;box-shadow: 6px 0 24px 0 rgba(15,66,76,.25);width: 123px;margin: 0 3px;border-radius: 8px;padding: 8px 10px 2px 10px;line-height: 12px;text-align: left;top: 34px;height: 650px;}
.qq_wrap li>.xn a{display: block;margin-bottom: 15px;color: #333;text-align: center; cursor:pointer;height: 15px;}
.qq_wrap li>.xn a:hover{border: none; color: #E91E63;}
.qq_wrap li:hover >.xn{transform: scaleX(1);-webkit-transform: scaleX(1);-ms-transform: scaleX(1);opacity: 1;}


.ht_fx {float: right;width: 860px;line-height: 70px;text-align: right;}
.htfx_list{text-align: right;top: -55px;position: absolute;}
.htfx_list a{font: 16px/70px 'Microsoft Yahei';padding: 0 2px;}

.fx_tel>li.li-add_name{margin-right: 0.8%;}
.add_name{background: #fff;-moz-box-shadow:2px 2px 8px #999;-webkit-box-shadow:2px 2px 8px #999;box-shadow:2px 2px 8px #999;margin-top: 14px;position: relative;z-index: 2;}
.ul-add_name{min-height: 10px;overflow: hidden;position: relative;}
.li-add_name{float: left;font-size: 16px;width:3.8%;text-align: center;cursor: pointer;position: relative;}
.li-add_name:after{content: '';position: absolute;right: 0;top: 30%;width: 1px;height:40%;background: #ddd;}
.li-add_name.citysActived{background: #ff0000;color: #fff;position: relative;border-radius: 6px;}
.li-add_name.citysActived:after{content: '';position: absolute;right: 0;top: 30%;width: 1px;height:40%;background:none;}
.subtab_add{margin-top:20px;clear:both;}
.ul-subtab_add{min-height: 10px;overflow: hidden;}
.li-subtab_add{box-sizing:border-box;background: #bfbfbf;width:114px;height: 42px;line-height: 40px;text-align: center;-webkit-transition:all 0.3s ease-out 0s;-moz-transition:all 0.3s ease-out 0s;-o-transition:all 0.3s ease-out 0.3s;transition:all 0.3s ease-out 0s;color: #fff;margin-right: 10px;float: left;cursor: pointer;font-size: 14px;margin-top: 14px;border-radius: 6px 6px 0 0;}
.tabsubsub{background: #fff;-moz-box-shadow:2px 2px 8px #999;-webkit-box-shadow:2px 2px 8px #999;box-shadow:2px 2px 8px #999;padding: 4px 20px;/* display: none;*/}
.them_guangz i{background: url("https://www.walldrift.com/__xh__/ln.huatu.com/zt/zhichi/images/icons_site.png");width: 20px;height: 24px;display:inline-block;margin-right: 4px;vertical-align:middle;}
.them_guangz span{font-size: 16px;color: #ff0000;border-bottom:dashed 1px #ff0000;padding-bottom:4px;font-weight: bold;}
.tabsubsub p{font-size: 14px;color: #333;padding:0 18px;height: 30px;display:inline-block;line-height: 30px;}
.tabsubsub p:nth-child(2){background: url(https://u2.huatu.com/guangdong/pcdz.png) no-repeat left center;}
.tabsubsub p:nth-child(3){background: url(https://u2.huatu.com/guangdong/pcdh.png) no-repeat left center;}
.tabsubsub p:nth-child(4) span a{text-decoration:underline;color: #ff0000;font-weight: bold;}
.tabsubsub p:nth-child(4){background: url(https://u2.huatu.com/guangdong/pcwz.png) no-repeat left center;padding:0 0 0 18px;}
.tabsubsub p:nth-child(5){padding:0 0 0 20px;}
/*.tabsubsub p:nth-child(5){background: url(https://u2.huatu.com/guangdong/pczx.png) no-repeat left center;padding:0 0 0 18px;}*/
.tabsubsub p:nth-child(5) span a{display: inline-block;color:#fff;padding:0 4px;border-radius: 6px;background: #ff0000;font-weight: bold;}
.tabsubsub p:nth-child(6){display: none;}
.li-subtab_add.contsActived{color: #ffffff;background: #f00;}
.address_border.active {left: auto;right: 26px;}
.address_border {position: absolute;top: -11px;left: 26px;border: 5px solid rgba(255, 255, 255, 0.01);border-bottom: 5px solid #e92930;display: inline-block;}

.attend_container a.pc{display: block;}
.attend_container a.wap{display: none;}

/*图书*/
.inx-tit {
  padding: 55px 0 40px;
}

.inx-tit h3 {
  display: inline;
  float: left;
  font-size: 34px;
  font-weight: bold;
  line-height: 50px;
}

.books_title {
  margin-bottom: 48px;
}

.books_change {
  float: left;
}

.books_change a {
  float: left;
  padding-bottom: 10px;
  margin-right: 24px;
  font-size: 20px;
}

.books_change a:hover {
  text-decoration: none;
}

.books_change a.on {
  color: #d84844;
  border-bottom: 3px solid #d84844;
}

.books_more {
  float: right;
  margin-top: 2px;
  color: #767676;
  font-size: 18px;
}

.books_list {
  float: left;
  width: 21.612%;
  width: calc(21.612% - 2px);
  height: 388px;
  border: 1px solid #dbdbdb;
  margin-right: 4.516%;
  transition: box-shadow .5s ease;
}

.books_list:last-child, .books_list.active {
  margin-right: 0;
}

.books_list:hover {
  box-shadow: 0 0 25px rgba(137, 137, 137, 0.2);
  border-color: transparent;
}

.books_list:hover .books_name {
  color: #d33f2a;
}

.books_list:hover .buy {
  background-color: #d12521;
  border-color: #d12521;
  color: #fff;
}

.books_list img {
  display: block;
  width: 154px;
  height: 187px;
  margin: 20px auto;
}

.books_name {
  height: 72px;
  margin: 0 30px 15px 30px;
  color: #5d5d5d;
  font-size: 20px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient: vertical;
}

.price {
  float: left;
  margin-left: 30px;
  font-size: 20px;
  color: #d33f2a;
}

.buy {
  float: right;
  width: 97px;
  height: 37px;
  border: 1px solid #dbdbdb;
  margin-right: 30px;
  background-color: #f7f7f7;
  line-height: 37px;
  text-align: center;
  font-size: 16px;
  border-radius: 4px;
  transition: background-color .5s ease;
}

@media screen and (max-width: 1556px) {
  .inx-tit {
    padding: 50px 0 30px;
  }

  .inx-tit h3 {
    font-size: 28px;
  }
}

@media screen and (max-width: 1450px) {
  .books_name {
    font-size: 18px;
  }
}

@media screen and (max-width: 1334px) {
  .inx-tit {
    padding: 40px 0 25px;
  }

  .inx-tit h3 {
    font-size: 26px;
  }
}

@media screen and (max-width: 1250px) {
  .books_list {
    height: 345px;
  }

  .books_list img {
    width: 134px;
    height: 162px;
    margin: 20px auto;
  }

  .books_name {
    font-size: 14px;
  }

  .price {
    margin-left: 15px;
    font-size: 14px;
  }

  .buy {
    width: 80px;
    height: 30px;
    margin-right: 15px;
    line-height: 30px;
    font-size: 14px;
  }
}

/*顶部通栏*/
.regions_top{
	width: 100%;
	background: url("https://u3.huatu.com/guangdong/tupian/20190718regions_top_img.jpg") center no-repeat;
	height: 100px;
	position: relative;
}
.regions_top b{
	text-align: center;
	line-height: 100px;
	color: #fff;
	font-size: 36px;
	font-weight: bold;
	position: relative;
	text-shadow:2px 1px 3px #8b1c21;
}
.regions_top b span{
	color:#ffe700;
}
.regions_topR{
	display: block;
	position: absolute;
	right: 50px;
	top: 10px;
	z-index: 0;
}
.regions_topL{
	display: block;
	position: absolute;
	left: 100px;
	top: 10px;
	z-index: 0;
}
.regions_topR img,.regions_topL img{
	width: 60%;
}
@media screen and (max-width: 1160px){
	.regions_top{
		height: 90px;
	}
	.regions_top .regions_top b{
		line-height: 90px;
		font-size: 24px;
	}
	.regions_top .regions_topR{
		right: 0;
		top: 4px;
	}
	.regions_top .regions_topL{
		left: 0;
		top: 4px;
	}
	.regions_top .regions_topR img,.regions_top .regions_topL img{
		width:40%;
	}
}
@media screen and (max-width: 768px){
	.regions_top{
		height: 30px;
	}
	 .regions_top b{
		line-height: 30px;
		font-size: 16px;
	}
	.regions_top .regions_topR{
		display: none;
	}
	.regions_top .regions_topL{
		display: none;
	}
}
@media screen and (max-width: 1680px){
	.regions_top{
		/*height: 1.4rem;*/
	}
	.regions_top b{
		line-height: 100px;
		font-size: 3.1vw;
	}

}


/*中部通栏*/
.long_ban {
	width: 90%;
	height: 100px;
	background: -webkit-linear-gradient(60deg, #ff0c3b, #fd811d, #ff1f3c);
	margin: 10px auto;
	max-width: 1800px;
}

.long_ban ul {
	height: 100%;
}

.long_ban ul li {
	width: 20%;
	float: left;
	height: 100%;
}

.long_ban ul li a {
	width: 100%;
	display: block;
	height: 100%;
	text-align: center;
}

.long_ban ul li a span {
	font-weight: bolder;
	font-size: 30px;
	line-height: 60px;
	color: #fff0f3;
	text-shadow: 1px 1px 2px #666666;
	white-space: nowrap;
}

.long_ban ul li a span strong {
	color: #ffc104;
	font-weight: bolder;
}

.long_ban ul li a b {
	display: inline-block;
	background: #fff;
	padding: 0 30px;
	line-height: 26px;
	border-radius: 10px;
	height: auto;
	color: #108be5;
}

@media screen and (min-width: 1800px) and (max-width: 1960px) {}

@media screen and (min-width: 1680px) and (max-width: 1800px) {
	.long_ban {
		height: 100px;
		margin: 10px auto;
	}
	.long_ban ul li a span {
		font-size: 26px;
		line-height: 52px;
	}
	.long_ban ul li a b {
		font-size: 16px;
		padding: 0 20px;
		line-height: 26px;
		border-radius: 10px;
	}
}

@media screen and (min-width: 1580px) and (max-width: 1680px) {
	.long_ban {
		height: 90px;
		margin: 6px auto;
	}
	.long_ban ul li a span {
		font-size: 24px;
		line-height: 40px;
	}
	.long_ban ul li a b {
		font-size: 16px;
		padding: 0 24px;
		line-height: 22px;
	}
}

@media screen and (min-width: 1440px) and (max-width: 1580px) {
	.long_ban {
		height: 90px;
		margin: 6px auto;
	}
	.long_ban ul li a span {
		font-size: 24px;
		line-height: 40px;
	}
	.long_ban ul li a b {
		font-size: 16px;
		padding: 0 24px;
		line-height: 22px;
	}
}

@media screen and (min-width: 1280px) and (max-width: 1440px) {
	.long_ban {
		height: 80px;
		margin: 6px auto;
	}
	.long_ban ul li a span {
		font-size: 20px;
		line-height: 36px;
	}
	.long_ban ul li a b {
		font-size: 12px;
		padding: 0 14px;
		line-height: 18px;
	}
	#hotmain .attend_list .attend_l {
	    width: 12%;
	  }
	#hotmain .attend_list>li {
    	width: 8.6%;
  	}
}

@media screen and (min-width: 1160px) and (max-width: 1280px) {
	.long_ban {
		width: 100%;
		height: 72px;
		margin: 6px auto;
	}
	.long_ban ul li a span {
		font-size: 20px;
		line-height: 36px;
	}
	.long_ban ul li a b {
		font-size: 12px;
		padding: 0 14px;
		line-height: 18px;
	}
}

@media screen and (max-width: 1160px) {
	.long_ban {
		width: 100%;
		height: 62px;
		margin: 4px auto;
	}
	.long_ban ul li a span {
		font-size: 16px;
		line-height: 20px;
	}
	.long_ban ul li a b {
		font-size: 10px;
		padding: 0 6px;
		line-height: 18px;
	}
}

@media screen and (max-width: 768px) {
	body {
		background: #fff;
		min-width: 100%;
	}
	.long_ban {
		width: 100%;
		height: 34px;
		margin: 2px auto;
	}
	.long_ban ul li a span {
		font-size: 10px;
		line-height: 16px;
		margin-bottom: -10px;
	}
	.long_ban ul li a b {
      display: none;
    }
}

@media screen and (max-width: 504px) {
  body {
    background: #fff;
    min-width: 100%;
  }
  .long_ban {
    width: 100%;
    height: 1.2rem;
    margin: 0;
  }
  .long_ban ul li a span {
    height: .5rem;
    line-height: 1.2rem ;
    font-size: .35rem;
    display: block;
  }
  .long_ban ul li a b {
    display: none;
  }
}