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: #252525;
  z-index: 999;
  text-align: center;
}

.fixedList {
  margin-top: 70px;
}

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

.fixedList>li a {
  display: block;
  color: #fff;
}

.fixedBorder {
  display: none;
  position: absolute;
  top: 0;
  left: -120px;
  width: 110px;
  height: 46px;
  background-image: url(www.huatu.comimages2018fximagesfixedBorder.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(www.huatu.comimages2018fximagessprite.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: 8px 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(www.huatu.comimages2018fximagesflow.jpg) no-repeat;
  font-size: 12px;
}

.qq_type.active {
  padding: 1px 0 1px 20px;
  background: url(www.huatu.comimagesqqicon.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(u1.huatu.comshenzhentuszdhicon.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(www.huatu.comimagesqqicon.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(www.huatu.comimages2018fximagessprite.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(www.huatu.comimages2018fximagessprite.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(www.huatu.comimages2018fximagesfx_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(www.huatu.comimages2018fximagesfx_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: 110px;
}

.banner_close {
  position: absolute;
  top: 30%;
  right: 3%;
  width: 32px;
  height: 32px;
  background-image: url(www.huatu.comimages2018fximagessprite.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(www.huatu.comimages2018fximagesfx_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(www.huatu.comimages2018fximagesfx_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;
}

.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(www.huatu.comimages2018fximagesfxlivehot.jpg);
  background-repeat: no-repeat;
  text-indent: -999em;
}

.fxlivelist {
  float: left;
  background: url(www.huatu.comimages2018fximagesfxlivelist.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(www.huatu.comimages2018fximagessprite.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(www.huatu.comimages2018fximagessprite.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(www.huatu.comimages2018fximagessprite.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;
  border-right: none;
}

.attend_logo {
  width: 124px;
  height: 45px;
  margin: 30px auto 0 auto;
  background-image: url(www.huatu.comimages2018fximagesattend.png);
  background-repeat: no-repeat;
  text-indent: -999em;
}

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

.attend_list {
  width: 100%;
}

.attend_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;
  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(www.huatu.comimages2018fximagessprite.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(www.huatu.comimages2018fximagessprite.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(www.huatu.comimages2018fximagesmain_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;
}

/*轮播导航end*/

/* 焦点图区域 */

.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(www.huatu.comimages2018fximagesbanner_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(www.huatu.comimages2018fximagessprite2.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;
}

/* --焦点图end */

.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;
}

/* 焦点图区域 end*/

/* 面授课程 */

.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(www.huatu.comimages2018fximagessprite.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: 110px;
}

/* 面授课程end */

/*热门推荐*/

.hotMain {
  float: left;
  width: 37%;
  height: 669px;
  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: 20px;
}

.hotToggle li {
  padding-bottom: 12px;
  margin-right: 35px;
  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 ul {
  height: 550px;
  overflow: hidden;
}

.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;
}

/*热门推荐end*/

/*活动专区*/

.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: 17px;
  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(www.huatu.comimages2018fximagessprite.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(www.huatu.comimages2018fximagessprite.png);
  background-position: -32px -48px;
}

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

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

/*活动专区end*/

/*考试日历*/

.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(www.huatu.comimages2018fximageshotBg.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: 33px auto 10px auto;
}

.aboutIcon i {
  display: inline-block;
  width: 35px;
  height: 30px;
  margin: 15px auto;
  background-image: url(www.huatu.comimages2018fximagessprite.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;
}

/*考试日历end*/

/* 华图精英 */

.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(www.huatu.comimages2018fximagesbg_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(www.huatu.comimages2018fximagessprite.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(www.huatu.comimages2018fximagessprite.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;
}

/* 华图精英 end */

/* 国考 */

.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: 220px;
  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: 20px;
  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: 35px;
  font-size: 18px;
  line-height: 18px;
}

.platformList>a, .platformList>div {
  position: relative;
  float: left;
  width: 45%;
  margin-right: 10%;
  margin-bottom: 30px;
  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(www.huatu.comimages2018fximagessprite2.png);
  background-repeat: no-repeat;
  background-position: -28px -426px;
}

.platformList .weixin {
  width: 60px;
  height: 48px;
  margin: 30px auto 12px auto;
  background-image: url(www.huatu.comimages2018fximagessprite2.png);
  background-repeat: no-repeat;
  background-position: 0 -528px;
}

.platformList .telphone {
  width: 50px;
  height: 50px;
  margin: 30px auto 12px auto;
  background-image: url(www.huatu.comimages2018fximagessprite2.png);
  background-repeat: no-repeat;
  background-position: 0 -140px;
}

.platformList .qqTalk {
  width: 48px;
  height: 50px;
  margin: 30px auto 12px auto;
  background-image: url(www.huatu.comimages2018fximagessprite2.png);
  background-repeat: no-repeat;
  background-position: 0 -321px;
}

/* 国考左侧end*/

/* 国考右侧*/

.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;
  padding: 0 14px;
  margin-right: 10px;
  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: 20px
}

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

.changePast>div {
  width: 70px;
  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: 70px;
  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: 12px;
}

.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: 90px;
  display: inline;
  float: left;
  margin-right: 20px;
}

.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(www.huatu.comimages2018fximagessprite.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;
}

/* 国考右侧end*/

/* 国考end */

/* 地方公务员考试 */

.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;
}

/* 地方左侧end*/

/* 地方右侧*/

.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(www.huatu.comimages2018fximagessprite.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(www.huatu.comimages2018fximagessprite.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(www.huatu.comimages2018fximagessprite.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;
}

.shortcutList {
  margin-bottom: 20px;
}

.shortcutList>li {
  float: left;
  height: 30px;
  padding: 0 15px;
  margin-bottom: 20px;
  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(www.huatu.comimages2018fximagessprite.png);
  background-repeat: no-repeat;
  background-position: -37px -75px;
}

.inlet .inlet_s {
  margin-top: 10px;
  height: 36px;
  background-image: url(www.huatu.comimages2018fximagessprite.png);
  background-repeat: no-repeat;
  background-position: -2px -108px;
}

.inlet .inlet_t {
  margin-top: 12px;
  height: 31px;
  background-image: url(www.huatu.comimages2018fximagessprite.png);
  background-repeat: no-repeat;
  background-position: -48px -112px;
}

/* 课程推荐 end */

/*医疗、地方公务员考试end */

/*地方事业单位考试 */

.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(www.huatu.comimages2018fximageshotBg.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;
}

/*地方事业单位考试end */

/*走进华图 */

.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(www.huatu.comimages2018fximagessprite.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(www.huatu.comimages2018fximagessprite.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);
}

/*走进华图end */

/*联系我们 */

.fx_contact {
  margin-top: 60px;
}

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

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

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

.contact_type {
  margin-top: 15px;
}

.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;
}

/*联系我们end */

/* 友情链接 */

.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;
}

/* 友情链接 end */

/*footer*/

/* 底部 */

.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%;
}

/* 底部end */