@charset "UTF-8";
a,
abbr,
acronym,
address,
b,
big,
blockquote,
body,
caption,
cite,
code,
dd,
del,
dfn,
div,
dl,
dt,
em,
fieldset,
form,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
i,
img,
input,
ins,
kbd,
label,
legend,
li,
object,
ol,
p,
pre,
q,
samp,
small,
span,
strong,
sub,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
tr,
tt,
ul,
var {
  padding: 0;
  margin: 0;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
caption {
  text-align: left;
}
input,
select {
  vertical-align: middle;
  font-size: 12px;
  color: #666;
  outline: 0;
}
input:-webkit-autofill,
select:-webkit-autofill,
textarea:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1000px #fff inset;
}
fieldset,
img {
  border: 0;
}
address,
caption,
cite,
code,
dfn,
em,
th,
var {
  font-style: normal;
}
ol,
ul {
  list-style: none;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
}
q:after,
q:before {
  content: "";
}
legend {
  display: none;
}
a {
  text-decoration: none;
}
.header .link a:hover,
.main .main-div .tabboxX2 .linetit:hover,
.main .main-div .tabboxX2 a:hover span {
  text-decoration: underline;
}
.clearfix:after {
  content: "";
  height: 0;
  visibility: hidden;
  display: block;
  clear: both;
}
.header .link a,
.header .link i {
  display: inline-block;
  vertical-align: middle;
}
.clearfix {
  zoom: 1;
}
.clear {
  clear: both;
}
body,
html {
  font-family: "微软雅黑";
  font-size: 12px;
}
body {
  background: url(../img/back.png) center top no-repeat;
  background-size: 100%;
}
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.fl {
  float: left;
}
.fr {
  float: right;
}
.blue {
  background: #2161b3;
}
.wathet {
  background: #39a7fc;
}
.cred {
  color: red !important;
}
.header {
  width: 1200px;
  margin: 10px auto;
}
.header .logo {
  float: left;
  width: 223px;
  height: 82px;
}
.logo img {
  width: 100%;
  height: auto;
}
.header .link {
  float: right;
  margin: 45px 20px 0 0;
}
.header .link a {
  color: #fff;
}
.header .link label {
  margin: 0 5px;
}
.header .link i {
  width: 15px;
  height: 15px;
  margin-right: 1px;
  background: url(../img/icon.png) 15px -2px;
}
.header .link .live i {
  width: 24px;
  height: 20px;
  background: url(../img/icon_live.png) center no-repeat;
}
.main {
  width: 1200px;
  margin: 0 auto;
  padding-bottom: 20px;
}
.main .row {
  width: 100%;
  margin: 0 auto 20px;
}
.main .tit-div {
  float: left;
  width: 16.66666667%;
  padding: 0 15px;
}
.main .tit-div .wrap {
  height: 110px;
  border-radius: 3px;
  box-sizing: border-box;
}
.main .tit-div .container {
  width: 130px;
  margin: 0 auto;
  padding: 30px 0;
}
.main .tit-div i {
  height: 54px;
  width: 54px;
  margin-right: 8px;
  background: url(../img/icon2.png);
  float: left;
}
.main .tit-div span {
  color: #fff;
  font-weight: 900;
  font-size: 16px;
  line-height: 24px;
  display: inline-block;
  margin-top: 13px;
}
.main .tit-div .self span {
  margin-top: 2px;
}
.main .tit-div .icon_earth {
  background-position: 118px -1px;
}
.main .tit-div .icon_www {
  background-position: 179px -1px;
}
.main .tit-div .icon_bank {
  background-position: 305px -1px;
}
.main .tit-div .icon_inf {
  background-position: 242px -1px;
}
.main .main-div {
  float: left;
  width: 83.33333333%;
  padding: 0 15px;
}
.main .main-div .tabbox {
  font-size: 16px;
  float: left;
  height: 110px;
  padding: 0 5px;
  width: 16.66666667%;
}
.main .main-div .tabbox .links {
  height: 110px;
}
.main .main-div .tabbox a {
  display: block;
  height: 50px;
  border: 1px solid #ddd;
  background-color: #fff;
  color: #337ab7;
  overflow: hidden;
}
.main .main-div .tabbox a:hover {
  border: 1px solid #337ab7;
  text-decoration: underline;
}
.main .main-div .tabbox .second {
  margin-top: 10px;
}
.main .main-div .tabbox .container {
  width: 110px;
  margin: 0 auto;
}
.main .main-div .tabbox i {
  height: 20px;
  width: 19px;
  margin: 17px 1px 0 0;
  background: url(../img/icon.png);
  float: left;
}
.main .main-div .tabbox span {
  color: #999;
  line-height: 50px;
}
.main .main-div .tabbox .icon_baidu {
  background-position: -19px -1px;
}
.main .main-div .tabbox .icon_youku {
  background-position: -79px -1px;
}
.main .main-div .tabbox .icon_qq {
  background-position: -136px -1px;
}
.main .main-div .tabbox .icon_jd {
  background-position: -209px -1px;
}
.main .main-div .tabbox .icon_fh {
  background-position: -154px -1px;
}
.main .main-div .tabbox .icon_12306 {
  background-position: -256px 0;
  background-size: 733px;
}
.main .main-div .tabbox .icon_sohu {
  background-position: -306px -1px;
}
.main .main-div .tabbox .icon_xc {
  background-position: -323px -1px;
}
.main .main-div .tabbox .icon_163 {
  background-position: -480px -1px;
}
.main .main-div .tabbox .icon_4399 {
  background-position: -580px -1px;
}
.main .main-div .tabbox .icon_tb {
  background-position: -441px -1px;
}
.main .main-div .tabbox .icon_58 {
  background-position: -520px -1px;
}
.main .main-div .tabbox .icon_gs {
  background-position: 1px -1px;
}
.main .main-div .tabbox .icon_zs {
  background-position: -60px -1px;
}
.main .main-div .tabbox .icon_zg {
  background-position: -98px -1px;
}
.main .main-div .tabbox .icon_gd {
  background-position: -212px -2px;
  background-size: 720px;
}
.main .main-div .tabbox .icon_js {
  background-position: -381px -1px;
}
.main .main-div .tabbox .icon_xy {
  background-position: -245px -1px;
}
.main .main-div .tabbox .icon_ny {
  background-position: -264px -1px;
}
.main .main-div .tabbox .icon_hx {
  background-position: -342px -1px;
}
.main .main-div .tabbox .icon_yz {
  background-position: -421px -1px;
}
.main .main-div .tabbox .icon_jt {
  background-position: -561px 0;
}
.main .main-div .tabbox .icon_ms {
  background-position: -401px -1px;
}
.main .main-div .tabbox .icon_gf {
  background-position: -501px -1px;
}
.main .main-div .tabbox .icon_sina {
  background-position: -40px -1px;
}
.main .main-div .tabbox .icon_lh {
  background-position: -117px -1px;
}
.main .main-div .tabbox .icon_rm {
  background-position: -173px -1px;
}
.main .main-div .tabbox .icon_zh {
  background-position: -285 -1px;
}
.main .main-div .tabbox .icon_cctv {
  background-position: -362px -1px;
}
.main .main-div .tabbox .icon_xh {
  background-position: 53px -1px;
}
.main .main-div .tabbox .icon_hq {
  background-position: -542px -1px;
}
.main .main-div .tabboxX2 {
  float: left;
  padding: 0 5px;
  width: 16.66666667%;
  font-size: 18px;
  position: relative;
}
.main .main-div .tabboxX2 .container {
  height: 110px;
  border-radius: 3px;
  border: 1px solid #ddd;
  line-height: 55px;
  background: #fff;
}
.main .main-div .tabboxX2 .container:hover {
  border-color: #39a7fc;
}
.main .main-div .tabboxX2 .linetit {
  font-size: 16px;
  color: #999;
  text-align: center;
}
.main .main-div .tabboxX2 .t2 {
  border-top: 1px solid #ddd;
  text-align: center;
  color: #999;
  font-size: 16px;
}
.main .main-div .tabboxX2 i {
  height: 20px;
  width: 19px;
  margin: 17px 1px 0 0;
  background: url(../img/icon.png) 34px -1px;
  float: left;
}
.main .main-div .tabboxX2 span {
  color: #39a7fc;
}
.main .main-div .tabboxX2 .sitename {
  width: 100px;
  margin: 0 auto;
}
.footer {
  height: 20px;
  width: 100%;
  background-color: #000;
  color: #fff;
  text-align: center;
  position: fixed;
  bottom: 0;
  line-height: 20px;
}
@media (max-width: 1200px) {
  .header,
  .main {
    width: 800px;
  }
  .main .tit-div {
    width: 22%;
  }
  .main .main-div {
    width: 78%;
  }
  .main .main-div .tabboxX2 i {
    display: none;
  }
  .main .main-div .tabboxX2 .sitename {
    width: 80px;
    text-align: center;
  }
  .main .main-div .tabbox {
    font-size: 14px;
  }
  .main .main-div .tabbox .container {
    width: 80px;
  }
}
@media (max-width: 800px) {
  body {
    background-size: auto auto;
  }
  .header,
  .main {
    width: 600px;
  }
  .main .main-div,
  .main .tit-div {
    width: 100%;
  }
  .main .tit-div .wrap {
    height: 80px;
  }
  .main .tit-div .wrap .container {
    padding: 16px 0;
  }
  .main .main-div .tabboxX2 {
    width: 50%;
  }
  .main .main-div .tabboxX2 i {
    display: block;
  }
  .main .main-div .tabboxX2 .sitename {
    width: 110px;
    text-align: left;
  }
  .main .main-div .tabboxX2 .container {
    margin-top: 10px;
  }
  .main .main-div .tabbox {
    width: 50%;
    margin-top: 10px;
    font-size: 16px;
  }
  .main .main-div .tabbox .container {
    width: 110px;
  }
  .footer {
    position: relative;
  }
}
@media (max-width: 600px) {
  .header,
  .main {
    width: 400px;
  }
  .header .logo {
    float: none;
    margin: 0 auto;
    width: 300px;
  }
  .header .link {
    margin: 0;
    float: none;
    text-align: center;
  }
}
@media (max-width: 450px) {
  .header,
  .main {
    width: 320px;
  }

  .logo {
    text-align: center;
  }

  .logo img {
    width: auto;
    height: 82px;
  }
}