@charset "utf-8";

html {

  font-size: 16px;

  font-size: 2.5vw

}

blockquote, body, button, dd, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, hr, input, legend, li, ol, p, pre, td, textarea, th, ul {

  margin: 0;

  padding: 0;

  vertical-align: baseline

}

a:link, a:visited {

  text-decoration: none;

  color: #333

}

a:hover {

  text-decoration: none

}

dl, ol, ul {

  list-style: none

}

li {

  list-style-type: none

}

input, select {

  box-sizing: border-box

}

button, input {

  -webkit-appearance: none;

  outline: 0

}

@media screen and (min-width:641px) {

  html {

    font-size: 16px

  }

}

body {

  margin: 0 auto;

  background: #fff;

  font-family: -apple-system, Helvetica, sans-serif;

  color: #333;

  -webkit-text-size-adjust: 100% !important

}

.clearfix:after, .clearfix:before {

  content: ".";

  display: block;

  height: 0;

  overflow: hidden;

  visibility: hidden

}

.clearfix:after {

  clear: both

}

.clearfix:after, .clearfix:before {

  content: ".";

  display: block;

  height: 0;

  overflow: hidden;

  visibility: hidden

}

em, h1, h2, h3, h4, h5, h6, i {

  font-weight: 100;

  font-style: normal

}

.fl {

  float: left

}

.fr {

  float: right

}

.fi {

  position: fixed

}

.re {

  position: relative

}

.disnone {

  display: none

}

.red {

  color: #b91b21

}

.clearfix:after {

  clear: both

}

.clearfix:after, .clearfix:before {

  content: ".";

  display: block;

  height: 0;

  overflow: hidden;

  visibility: hidden

}

.u_l {

  display: none

}

.w_100 {

  width: 100%

}

.h_100 {

  height: 100%

}

.d_il {

  display: inline-block

}

.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: ''

}

.trans2 {

  -webkit-transition: all .2s ease;

  -moz-transition: all .2s ease;

  -ms-transition: all .2s ease;

  -o-transition: all .2s ease;

  transition: all .2s ease

}

.trans3 {

  -webkit-transition: all .3s ease;

  -moz-transition: all .3s ease;

  -ms-transition: all .3s ease;

  -o-transition: all .3s ease;

  transition: all .3s ease

}

.trans4 {

  -webkit-transition: all .4s ease;

  -moz-transition: all .4s ease;

  -ms-transition: all .4s ease;

  -o-transition: all .4s ease;

  transition: all .4s ease

}

.trans6 {

  -webkit-transition: all .6s ease;

  -moz-transition: all .6s ease;

  -ms-transition: all .6s ease;

  -o-transition: all .6s ease;

  transition: all .6s ease

}

.trans8 {

  -webkit-transition: all .8s ease;

  -moz-transition: all .8s ease;

  -ms-transition: all .8s ease;

  -o-transition: all .8s ease;

  transition: all .8s ease

}

.trans10 {

  -webkit-transition: all 1s ease;

  -moz-transition: all 1s ease;

  -ms-transition: all 1s ease;

  -o-transition: all 1s ease;

  transition: all 1s ease

}

.bg {

  background-color: #f5f5f5

}

@-webkit-keyframes scaleBigToSmall {

  0% {

    -webkit-transform: scale(1.2) translate3d(0, 20%, 0);

    opacity: 0

  }

  100% {

    -webkit-transform: scale(1) translate3d(0, 0, 0);

    opacity: 1

  }

}

@-moz-keyframes scaleBigToSmall {

  0% {

    -moz-transform: scale(1.2) translate3d(0, 20%, 0);

    opacity: 0

  }

  100% {

    -moz-transform: scale(1) translate3d(0, 0, 0);

    opacity: 1

  }

}

@-ms-keyframes scaleBigToSmall {

  0% {

    -ms-transform: scale(1.2) translate3d(0, 20%, 0);

    opacity: 0

  }

  100% {

    -ms-transform: scale(1) translate3d(0, 0, 0);

    opacity: 1

  }

}

@-webkit-keyframes zdyDown {

  0% {

    -webkit-transform: translateY(30px);

    opacity: 0

  }

  100% {

    -webkit-transform: translateY(0);

    opacity: 1

  }

}

@-moz-keyframes zdyDown {

  0% {

    -moz-transform: translateY(30px);

    opacity: 0

  }

  100% {

    -moz-transform: translateY(0);

    opacity: 1

  }

}

@-ms-keyframes zdyDown {

  0% {

    -ms-transform: translateY(30px);

    opacity: 0

  }

  100% {

    -ms-transform: translateY(0);

    opacity: 1

  }

}

.zdyDown {

  -webkit-animation-name: zdyDown;

  animation-name: zdyDown

}

.scaleBigToSmall {

  -webkit-animation-name: scaleBigToSmall;

  animation-name: scaleBigToSmall;

  transform-origin: 50% 50%

}

.header {

  z-index: 11;

  box-sizing: border-box;

  padding: 0;

  width: 100%;

  height: 55px;

  background: #fff

}

.header .menu {

  display: none;

  width: 60px;

  height: 55px;

  text-align: center;

  font-size: 1.625rem;

  line-height: 6px;

  float: right

}

.header .tel {

  padding-top: 10px;

  width: 115px;

  height: 45px;

  padding-left: 30px;

  font-size: 12px;

  font-style: normal;

  color: #676767;

  background: url(../images/toptel.png) 0 12px no-repeat;

  background-size: 17%;

  float: right

}

.header .tel span {

  color: #333;

  display: block;

  font-size: 14px

}

.header .menu span {

  color: #063c92;

  text-align: center;

  font-size: 26px;

  line-height: 55px

}

.header .logo {

  width: 155px;

  height: 20px;

  float: left;

  margin: 21px 0 0 20px

}

.header .logo img {

  position: absolute;

  right: 0;

  bottom: 0;

  left: 0;

  margin: auto;

  width: 100%

}

.header .index_se {

  width: 60px;

  text-align: center;

  line-height: 60px;

  height: 60px;

  float: right

}

.zz_bg {

  visibility: hidden;

  width: 100%;

  height: 100%;

  background: rgba(0, 0, 0, .7);

  opacity: 0

}

.menu_list_box_item .icon-jia-l {

  font-size: 26px

}

.menu_list {

  right: 0;

  z-index: 10;

  visibility: hidden;

  box-sizing: border-box;

  padding-top: 54px;

  height: 100%;

  background: #fff;

  transform: translateX(100%);

  width: 70%

}

.menu_list_box {

  border-top: 1px solid #eee

}

.menu_list .menu_list_box > li {

  display: block;

  padding: 0 15px;

  width: auto;

  border-bottom: 1px solid #eee

}

.menu_list .menu_list_box > li .a_l {

  display: block;

  padding: 15px 0;

  color: #333;

  font-size: 1.5rem;

  line-height: 18px

}

.u_l {

  display: none

}

.menu_list_box_item_f {

  text-indent: 10px;

  line-height: 33px;

  height: 33px;

  overflow: hidden

}

.menu_list_box_item_f a {

  font-size: 1.25rem;

  color: #666;

  height: 33px;

  line-height: 33px;

  overflow: hidden;

  display: block;

  width: 100%

}

.menu_list_box_item .u_l {

  border-top: 1px solid #eee

}

.footer {

  padding: 1.5625rem 1.5625rem;

  background: #050505;

  margin-bottom: 45px

}

.join_warper {

  width: 100%;

  overflow: hidden;

  margin: 0 auto;

  padding: 10px 0 30px

}

.join_form {

  width: 100%;

  overflow: hidden

}

.join_form ul {

  display: block;

  margin-top: 2%;

  margin: 0 auto

}

.join_list li {

  margin-bottom: 5px

}

.join_list li div {

  width: 100%;

  display: table;

  padding: 5px 0;

  border: 1px solid #f7c807;

  cursor: pointer;

  box-sizing: border-box;

  -moz-box-sizing: border-box;

  transition: all .5s

}

.join_list li:last-child {

  margin-bottom: 1px

}

.join_list li div i {

  float: left;

  margin-top: 5px;

  font-size: 1.5rem;

  vertical-align: middle;

  color: #fff;

  padding: 0 10px

}

.join_list li div span {

  float: right;

  display: inline-block;

  width: 29px;

  height: 29px;

  transition: all .5s;

  position: relative

}

.join_list li div:hover span {

  transition: all .5s;

  position: relative

}

.join_list li.active div span {

  transition: all .5s;

  position: relative

}

.join_list li div span:before, .join_list li div:hover span:before {

  content: "+";

  position: absolute;

  display: inline-block;

  width: 100%;

  height: 100%;

  top: -16px;

  left: 0;

  font-size: 28px;

  line-height: 60px;

  text-align: center;

  font-weight: 100;

  color: #999

}

.join_list li.active div span:before {

  content: "-";

  position: absolute;

  display: inline-block;

  width: 100%;

  height: 100%;

  top: -17px;

  left: 0;

  font-size: 36px;

  line-height: 60px;

  text-align: center;

  font-weight: 0;

  color: #999

}

.join_list li article {

  display: none;

  width: 100%

}

.join_list li article a {

  display: block;

  color: #999;

  font-size: 1.25rem;

  padding: 18px 5px;

  border-bottom: 1px solid Rgba(187, 155, 94, .4)

}

.footer-dh {

  width: 180px;

  margin: 0 auto;

  padding-bottom: 25px

}

.footer-dh ul li {

  width: 60px;

  height: 60px;

  background: #fff;

  border-radius: 50%;

  margin: 0 15px;

  float: left;

  padding: 8px;

  box-sizing: border-box

}

.footer-dh ul li img {

  margin: 0 auto;

  display: block;

  padding-top: 3px;

  max-width: 100%

}

.footer-bq {

  color: #bfbfbf;

  text-align: center;

  font-size: 1.25rem;

  padding-top: 10px;

  border-top: 1px solid #4d4c4c;
	line-height: 1.8;

}
.footer-bq a{color: #bfbfbf;}
.footerlayout {

  width: 100%;

  height: 45px;

  position: fixed;

  left: 0;

  bottom: 0

}

.footerlayout .footer-box {

  width: 100%;

  height: 100%;

  display: -ms-flexbox;

  display: flex

}

.footerlayout .footer-box a {

  text-align: center;

  color: #fff;

  line-height: 45px;

  font-size: 18px;

  width: 40%;

  background-color: #e52222

}

.footerlayout .footer-box a:first-child {

  width: 20%;

  background-color: #063c92

}

.footerlayout .footer-box a:last-child {

  background-color: #fbc72b

}

.footerlayout .footer-box a img {

  width: 25px;

  vertical-align: middle

}