@charset "utf-8"; /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */ html {

  line-height: 1.15;

  -webkit-text-size-adjust: 100%

}

body {

  margin: 0

}

main {

  display: block

}

h1 {

  font-size: 2em;

  margin: .67em 0

}

hr {

  box-sizing: content-box;

  height: 0;

  overflow: visible

}

pre {

  font-family: monospace, monospace;

  font-size: 1em

}

a {

  background-color: transparent

}

abbr[title] {

  border-bottom: 0;

  text-decoration: underline;

  text-decoration: underline dotted

}

b, strong {

  font-weight: bolder

}

code, kbd, samp {

  font-family: monospace, monospace;

  font-size: 1em

}

small {

  font-size: 80%

}

sub, sup {

  font-size: 75%;

  line-height: 0;

  position: relative;

  vertical-align: baseline

}

sub {

  bottom: -.25em

}

sup {

  top: -.5em

}

img {

  border-style: none

}

button, input, optgroup, select, textarea {

  font-family: inherit;

  font-size: 100%;

  line-height: 1.15;

  margin: 0

}

button, input {

  overflow: visible

}

button, select {

  text-transform: none

}

[type=button], [type=reset], [type=submit], button {

  -webkit-appearance: button

}

[type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner {

  border-style: none;

  padding: 0

}

[type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring, button:-moz-focusring {

  outline: 1px dotted ButtonText

}

fieldset {

  padding: .35em .75em .625em

}

legend {

  box-sizing: border-box;

  color: inherit;

  display: table;

  max-width: 100%;

  padding: 0;

  white-space: normal

}

progress {

  vertical-align: baseline

}

textarea {

  overflow: auto

}

[type=checkbox], [type=radio] {

  box-sizing: border-box;

  padding: 0

}

[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {

  height: auto

}

[type=search] {

  -webkit-appearance: textfield;

  outline-offset: -2px

}

[type=search]::-webkit-search-decoration {

  -webkit-appearance: none

}

::-webkit-file-upload-button {

  -webkit-appearance: button;

  font: inherit

}

details {

  display: block

}

summary {

  display: list-item

}

template {

  display: none

}

[hidden] {

  display: none

}

body {

  font: 14px "Microsoft YaHei", "微软雅黑", tahoma, arial, Hiragino Sans GB, \\5b8b\4f53, sans-serif;

  background: #fff;

  -webkit-text-size-adjust: 100%;

  margin: 0 auto;

  padding: 0 atuo

}

body, dd, dl, fieldset, form, h1, h2, h3, h4, h5, h6, input, legend, ol, p, select, td, textarea, th, ul {

  margin: 0;

  padding: 0

}

table {

  border-collapse: collapse;

  border-spacing: 0

}

li {

  list-style: none

}

img {

  border: 0;

  vertical-align: middle

}

dd, dl, dt, li, ol, ul {

  list-style: none

}

a:link, a:visited {

  color: #333;

  text-decoration: none

}

a:active, a:hover {

  color: #063c92;

  text-decoration: none

}

address, cite, dfn, em, var {

  font-style: normal

}

code, kbd, pre, samp {

  font-family: courier new, courier, monospace

}

p {

  word-wrap: break-word

}

.fl {

  float: left

}

.fr {

  float: right

}

.layout {

  width: 1200px;

  margin: 0 auto;

  overflow: hidden

}

.disnone {

  display: none

}

.red {

  color: #b91b21

}

.clearfix:after {

  clear: both

}

.clearfix:after, .clearfix:before {

  content: ".";

  display: block;

  height: 0;

  overflow: hidden;

  visibility: hidden

}

.warp {

  width: 1200px;

  margin-left: auto;

  margin-right: auto

}

.rollimg img {

  transition: all .8s

}

.rollimg img:hover {

  transform: scale(1.1, 1.1)

}

.rollupliimg li img {

  transition: All .4s ease-in-out;

  -webkit-transition: All .4s ease-in-out;

  -moz-transition: All .4s ease-in-out;

  -o-transition: All .4s ease-in-out

}

.rollupliimg li:hover img {

  transform: translate(0, -10px);

  -webkit-transform: translate(0, -10px);

  -moz-transform: translate(0, -10px);

  -o-transform: translate(0, -10px);

  -ms-transform: translate(0, -10px)

}

.rollli li {

  transition: All .4s ease-in-out;

  -webkit-transition: All .4s ease-in-out;

  -moz-transition: All .4s ease-in-out;

  -o-transition: All .4s ease-in-out

}

.rollli li:hover {

  transform: translate(0, -10px);

  -webkit-transform: translate(0, -10px);

  -moz-transform: translate(0, -10px);

  -o-transform: translate(0, -10px);

  -ms-transform: translate(0, -10px)

}

.rollimg img {

  transition: all .8s

}

.rollimg img:hover {

  transform: scale(1.1, 1.1)

} /*! Animate  */ .container {

  -webkit-transition: max-width .3s;

  -o-transition: max-width .3s;

  transition: max-width .3s

}

.act {

  -webkit-transition-property: opacity, -webkit-transform;

  transition-property: opacity, -webkit-transform;

  -o-transition-property: transform, opacity;

  transition-property: transform, opacity;

  transition-property: transform, opacity, -webkit-transform;

  -webkit-transition-duration: .7s;

  -o-transition-duration: .7s;

  transition-duration: .7s

}

.sw-tg.sw-upToDown {

  opacity: 0;

  -webkit-transform: translate(0, -20px);

  -ms-transform: translate(0, -20px);

  transform: translate(0, -20px)

}

.sw-tg.sw-downToUp {

  opacity: 0;

  -webkit-transform: translate(0, 20px);

  -ms-transform: translate(0, 20px);

  transform: translate(0, 20px)

}

.sw-tg.sw-leftToRight {

  opacity: 0;

  -webkit-transform: translate(-20px, 0);

  -ms-transform: translate(-20px, 0);

  transform: translate(-20px, 0)

}

.sw-tg.sw-rightToLeft {

  opacity: 0;

  -webkit-transform: translate(20px, 0);

  -ms-transform: translate(20px, 0);

  transform: translate(20px, 0)

}

.act.sw-downToUp, .act.sw-leftToRight, .act.sw-rightToLeft, .act.sw-upToDown {

  opacity: 1;

  -webkit-transform: none;

  -ms-transform: none;

  transform: none

}

.sw-tg.sw-rightToLeftSkew {

  opacity: 0;

  -webkit-transform: translate(20px, 0) scale(.9) skew(-20deg);

  -ms-transform: translate(20px, 0) scale(.9) skew(-20deg);

  transform: translate(20px, 0) scale(.9) skew(-20deg);

  -webkit-transform-origin: 100% 0;

  -ms-transform-origin: 100% 0;

  transform-origin: 100% 0

}

.act.sw-rightToLeftSkew {

  opacity: 1;

  -webkit-transform: none;

  -ms-transform: none;

  transform: none

}

.sw-tg.sw-rightToLeftScale {

  opacity: 0;

  -webkit-transform: translate(20px, 0) scale(.9);

  -ms-transform: translate(20px, 0) scale(.9);

  transform: translate(20px, 0) scale(.9);

  -webkit-transform-origin: 100% 100%;

  -ms-transform-origin: 100% 100%;

  transform-origin: 100% 100%

}

.act.sw-rightToLeftScale {

  opacity: 1;

  -webkit-transform: none;

  -ms-transform: none;

  transform: none

}

.sw-tg.sw-upToDownScale {

  opacity: 0;

  -webkit-transform: translate(0, -20%) scale(.2);

  -ms-transform: translate(0, -20%) scale(.2);

  transform: translate(0, -20%) scale(.2);

  -webkit-transform-origin: 100% 100%;

  -ms-transform-origin: 100% 100%;

  transform-origin: 100% 100%

}

.act.sw-upToDownScale {

  opacity: 1;

  -webkit-transform: none;

  -ms-transform: none;

  transform: none;

  -webkit-transform-origin: top center;

  -ms-transform-origin: top center;

  transform-origin: top center

}

.sw-d1 {

  -webkit-transition-delay: .1s;

  -o-transition-delay: .1s;

  transition-delay: .1s

}

.sw-d2 {

  -webkit-transition-delay: .2s;

  -o-transition-delay: .2s;

  transition-delay: .2s

}

.sw-d3 {

  -webkit-transition-delay: .3s;

  -o-transition-delay: .3s;

  transition-delay: .3s

}

.sw-d4 {

  -webkit-transition-delay: .4s;

  -o-transition-delay: .4s;

  transition-delay: .4s

}

.sw-d5 {

  -webkit-transition-delay: .5s;

  -o-transition-delay: .5s;

  transition-delay: .5s

}

.sw-d6 {

  -webkit-transition-delay: .6s;

  -o-transition-delay: .6s;

  transition-delay: .6s

}

.sw-d7 {

  -webkit-transition-delay: .7s;

  -o-transition-delay: .7s;

  transition-delay: .7s

}

.sw-d8 {

  -webkit-transition-delay: .8s;

  -o-transition-delay: .8s;

  transition-delay: .8s

}

.sw-d9 {

  -webkit-transition-delay: .9s;

  -o-transition-delay: .9s;

  transition-delay: .9s

}

.sw-d10 {

  -webkit-transition-delay: 1s;

  -o-transition-delay: 1s;

  transition-delay: 1s

}

.sw-d0-5 {

  -webkit-transition-delay: .05s;

  -o-transition-delay: .05s;

  transition-delay: .05s

}

.sw-d1-5 {

  -webkit-transition-delay: .15s;

  -o-transition-delay: .15s;

  transition-delay: .15s

}

.sw-d2-5 {

  -webkit-transition-delay: .25s;

  -o-transition-delay: .25s;

  transition-delay: .25s

}

.sw-d3-5 {

  -webkit-transition-delay: .35s;

  -o-transition-delay: .35s;

  transition-delay: .35s

}

.sw-d4-5 {

  -webkit-transition-delay: .45s;

  -o-transition-delay: .45s;

  transition-delay: .45s

}

.sw-d5-5 {

  -webkit-transition-delay: .55s;

  -o-transition-delay: .55s;

  transition-delay: .55s

}

.sw-d6-5 {

  -webkit-transition-delay: .65s;

  -o-transition-delay: .65s;

  transition-delay: .65s

}

.sw-d7-5 {

  -webkit-transition-delay: .75s;

  -o-transition-delay: .75s;

  transition-delay: .75s

}

.sw-d8-5 {

  -webkit-transition-delay: .85s;

  -o-transition-delay: .85s;

  transition-delay: .85s

}

.sw-d9-5 {

  -webkit-transition-delay: .95s;

  -o-transition-delay: .95s;

  transition-delay: .95s

}

.icon-show {

  -webkit-animation: iconShow .5s;

  animation: iconShow .5s

}

.logo-show {

  display: block;

  position: relative;

  z-index: 1

}

.logo-show:before {

  position: absolute;

  top: 0;

  left: 0;

  z-index: 5;

  width: 100%;

  height: 100%

}

.logo-show:hover:before {

  -webkit-animation: logoShow .5s 1 linear;

  animation: logoShow .5s 1 linear;

  content: ''

}

header {

  position: relative;

  z-index: 10;

  transition: transform .5s ease 0s

}

.head {

  width: 100%;

  padding-top: 25px;

  padding-bottom: 25px

}

.head .logo {

  width: 288px

}

.head .tips {

  width: 365px;

  margin-left: 136px;

  font-size: 14px;

  text-align: center;

  color: #676767;

  font-weight: lighter

}

.head .tips p {

  border-bottom: 1px solid #b0b0b0;

  font-size: 18px;

  padding-bottom: 5px;

  margin-bottom: 8px

}

.head .tips p b {

  color: #0b3e8e

}

.head .telbox {

  width: 265px;

  height: 50px;

  font-size: 14px;

  font-style: normal;

  color: #676767;


}

.head .telbox span {

  color: #333;

  display: block;

  font-size: 18px

}

header .nav {

  background: #0c4aac;

  height: 55px;

  overflow: hidden

}

header .navs {

  position: fixed;

  top: 0;

  left: 0;

  right: 0;

  z-index: 4777

}

header .nav li {

  float: left;

  width: 11%;

  text-align: center

}

header .nav a {

  color: #fff;

  font-size: 18px;

  font-weight: lighter;

  display: block;

  line-height: 55px

}

header .nav a:hover {

  background: #c21626

}

header .nav li.on a {

  background: #c21626

}

.linkbox {

  background: #050505;

  padding: 30px 0;

  overflow: hidden

}

.linkbox .links {

  color: #8f8f8f;

  line-height: 20px;

  padding-top: 5px;

  width: 1000px

}

.linkbox .links a {

  color: #fff;margin-right: 10px;

}

.linkbox .footlogo {

  width: 120px

}

.footer {

  background: #101010;

  overflow: hidden;

  padding-top: 20px;

  padding-bottom: 50px

}

.footer .copyright {

  color: #aaa;

  font-size: 12px;

  margin-top: 20px;

  padding-bottom: 10px

}

.footer .copyright a {

  color: #aaa

}

.footer .footnav {

  width: 800px;

  border-right: 1px solid #313131

}

.footnav dl {

  float: left;

  width: 25%

}

.footnav dt {

  font-size: 14px;

  color: #8f8f8f;

  font-weight: 700;

  padding-bottom: 10px

}

.footnav dl a {

  color: #aaa;

  font-weight: lighter;

  line-height: 25px

}

.footer .footcon {

  width: 295px;

  color: #aaa;

  font-size: 12px;

  margin-left: 50px;

}

.footer .footcon h3 {

  color: #fff;

  font-size: 14px;

  padding-bottom: 10px

}

.footer .footcon .bc {

  position: relative

}

.footer .footcon .ewm {

  position: absolute;

  top: 0;

  right: 0

}

.footer .footcon span {

  display: block;

  margin-top: 14px

}

.footcon span.ads {

  font-size: 14px;

  padding-left: 10px

}

.bottom {

  width: 100%;

  height: 50px;

  position: fixed;

  left: 0;

  bottom: 0;

  background: #1e2a56;

  z-index: 99;

  opacity: .8

}

.bottom .index_cnxh {

  width: 136px;

  text-align: right;

  height: 50px;

  line-height: 50px;

  overflow: hidden;

  padding-left: 39px;

  font-size: 22px;

  color: #fff;

  background: url(../images/index_cnxh.png) left center no-repeat;

  display: block;

  float: left

}

.bottom .index_dibu a {

  display: block;

  float: left;

  width: 150px;

  height: 33px;

  line-height: 33px;

  text-align: center;

  font-size: 19px;

  color: #fff;

  overflow: hidden;

  background: #1B488B;

  margin-top: 9px;

  margin-left: 50px

}