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;
  font-family: 'Microsoft Yahei','Helvetica Neue',Helvetica,'Lucida Grande',Arial,'Hiragino Sans GB','WenQuanYi Micro Hei',STHeiti,SimSun,sans-serif
}

* {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  outline: 0
}

body {
  background: #f0f3fa;
  min-width: 1024px
}

h1,h2,h3,h4,h5,h6 {
  font-size: 100%;
  font-weight: 400
}

a {
  text-decoration: none;
  cursor: pointer
}

a:hover {
  text-decoration: none
}

img {
  max-width: 100%;
  height: auto;
  vertical-align: top;
  -ms-interpolation-mode: bicubic;
  border: 0;
  vertical-align: middle
}

em,i {
  font-style: normal
}

li {
  list-style: none
}

button,input,select,textarea {
  font-size: 100%;
  border: none
}

#BMapLib_sendToPhone0 {
  display: none!important;
}

.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: none;
  touch-action: none;
  -webkit-tap-highlight-color: transparent
}

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0
}

.index-pro .index-cp .slick-list {
  padding-bottom: 20px
}

.slick-list:focus {
  outline: 0
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand
}

.slick-slide,.slick-slide img,.slick-slider .slick-list,.slick-track {
  -webkit-transform: translate3d(0,0,0);
  -moz-transform: translate3d(0,0,0);
  -ms-transform: translate3d(0,0,0);
  -o-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0)
}

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  zoom:1}

.slick-track:after,.slick-track:before {
  content: "";
  display: table
}

.slick-track:after {
  clear: both
}

.slick-loading .slick-track {
  visibility: hidden
}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none
}

.slick-slide img {
  display: block
}

.slick-slide.slick-loading img {
  display: none
}

.slick-slide.dragging img {
  pointer-events: none
}

.slick-initialized .slick-slide {
  display: block
}

.slick-loading .slick-slide {
  visibility: hidden
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent
}

.slick-next,.slick-prev {
  position: absolute;
  display: block;
  line-height: 0;
  font-size: 0;
  cursor: pointer;
  background: 0 0;
  color: transparent;
  top: 50%;
  margin-top: -40px;
  padding: 0;
  border: none;
  outline: 0
}

.slick-next:focus,.slick-prev:focus {
  outline: 0
}

.slick-next.slick-disabled:before,.slick-prev.slick-disabled:before {
  filter: alpha(opacity=25);
  -moz-opacity: .25;
  -khtml-opacity: .25;
  opacity: .25
}

.slick-next:before,.slick-prev:before {
  font-family: slick;
  font-size: 20px;
  line-height: 1;
  color: #fff;
  filter: alpha(opacity=80);
  -moz-opacity: .85;
  -khtml-opacity: .85;
  opacity: .85;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

.slick-prev {
  left: 25px;
  background: url(../images/left.png) no-repeat;
  -o-background-size: 100% 100%;
  background-size: 100% 100%;
  width: 40px;
  height: 80px
}

.slick-next {
  right: 25px;
  background: url(../images/right.png) no-repeat;
  -o-background-size: 100% 100%;
  background-size: 100% 100%;
  width: 40px;
  height: 80px
}

.slick-dots {
  position: absolute;
  bottom: 25px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  width: 100%
}

.slick-dots li {
  position: relative;
  display: inline-block;
  margin: 0 5px;
  padding: 0;
  cursor: pointer
}

.slick-dots li button {
  border: 0;
  background: 0 0;
  display: block;
  height: 10px;
  width: 10px;
  outline: 0;
  line-height: 0;
  font-size: 0;
  color: transparent;
  padding: 5px;
  cursor: pointer;
  outline: 0
}

.slick-dots li button:focus {
  outline: 0
}

.slick-dots li button:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "\2022";
  width: 20px;
  height: 20px;
  font-family: slick;
  font-size: 6px;
  line-height: 20px;
  text-align: center;
  filter: alpha(opacity=25);
  -moz-opacity: .25;
  -khtml-opacity: .25;
  opacity: .25;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

.slick-dots li.slick-active button:before {
  filter: alpha(opacity=75);
  -moz-opacity: .75;
  -khtml-opacity: .75;
  opacity: .75
}

.slick-dots li button {
  background: #fff;
  border-radius: 50%
}

.slick-slider .slick-active button {
  background: #1d437b;
  background: -webkit-linear-gradient(left,#1d437b,#3c74af);
  background: -o-linear-gradient(right,#1d437b,#3c74af);
  background: -moz-linear-gradient(right,#1d437b,#3c74af);
  background: -moz-linear-gradient(left,#1d437b,#3c74af);
  background: -o-linear-gradient(left,#1d437b,#3c74af);
  background: linear-gradient(to right,#1d437b,#3c74af);
  width: 35px;
  border-radius: 20px;
  -o-transition: all .5s ease-in-out;
  -moz-transition: all .5s ease-in-out;
  -webkit-transition: all .5s ease-in-out;
  -webkit-transition: all .8s ease-in-out;
  -o-transition: all .8s ease-in-out;
  -moz-transition: all .8s ease-in-out;
  transition: all .8s ease-in-out
}

.caroursel {
  margin: 30px auto 100px
}

.poster-main {
  position: relative;
  width: 900px;
  height: 450px
}

.poster-main a,.poster-main img {
  display: block
}

.poster-main img {
  position: relative
}

.poster-main .poster-list {
  width: 900px;
  height: 450px
}

.poster-main .poster-list .poster-item {
  position: absolute;
  left: 0;
  top: 0
}

.poster-main .poster-list .poster-item .xq {
  position: absolute;
  bottom: 25px;
  left: 28%;
  background: url(../images/back_bg2.png) repeat;
  color: #fff;
  padding: 18px 80px 24px;
  text-align: center
}

.poster-main .poster-list .poster-item .xq h3 {
  font-size: 24px;
  color: #fff
}

.poster-main .poster-list .poster-item .xq p {
  font-size: 18px;
  margin: 18px auto
}

.poster-main .poster-list .poster-item .xq a {
  padding: 6px 13px;
  display: inline-block;
  color: #fff
}

.poster-main .poster-btn {
  cursor: pointer;
  position: absolute;
  top: 0;
  width: 180px!important;
  height: 470px!important;
  text-align: center;
  line-height: 14px;
  color: #fff;
  background: url(../images/btn_l.png) no-repeat center;
  z-index: 10
}

.poster-main .poster-next-btn {
  background: url(../images/btn_r.png) no-repeat center
}

.btn-box {
  display: table;
  margin-left: auto;
  margin-right: auto
}

.index-btn {
  display: inline;
  cursor: pointer;
  float: left;
  width: 10px;
  height: 10px;
  color: #fff;
  margin-right: 5px;
  margin-top: 20px;
  border-radius: 50%;
  background-color: #feb320
}

.poster-main .poster-prev-btn {
  left: 0
}

.poster-main .poster-next-btn {
  right: 0
}

.index-btn.poster-btn-active {
  width: 40px;
  border-radius: 50px;
  background-color: #9fc112
}

.wrap {
  width: 100%;
  max-width: 1300px;
  margin: 0 auto
}

.clearfix:after {
  content: " ";
  display: block;
  height: 0;
  visibility: hidden;
  clear: both
}

.clearfix {
  zoom:1}

.fl {
  float: left
}

.fr {
  float: right
}

.header {
  background: url(../images/head_bg.png) repeat-x;
  -o-background-size: 100% 100%;
  background-size: 100% 100%;
  width: 100%;
  height: 183px;
  position: relative
}

.head-wrap {
  max-width: 1600px;
  margin: 0 auto;
  width: 100%
}

.logo {
  width: 16%;
  margin-top: 58px
}

.logo img {
  width: 100%
}

.head-r {
  width: 84%
}

.nav-one {
  width: 77%;
  margin-left: 5%;
  margin-top: 55px
}

.nav-one li {
  float: left;
  width: 17%;
  text-align: center
}

.nav-one li.nav-diyi {
  width: 14.8%
}

.nav-one li.xz a {
  color: #da251d
}

.nav-one li a {
  font-size: 18px;
  color: #1e447c
}

.nav-one li:hover a {
  color: #da251d
}

.head-tel {
  width: 17%;
  margin-top: 25px
}

.nav-two {
  margin-top: 40px;
  margin-left: 7%
}

.nav-two li {
  float: left;
  width: 14.2%;
  text-align: center;
  position: relative;
  -webkit-transition: all .5s ease;
  -o-transition: all .5s ease;
  -moz-transition: all .5s ease;
  transition: all .5s ease
}

.nav-two li:hover:after {
  background: url(../images/after_x.png) no-repeat;
  -o-background-size: cover;
  background-size: cover;
  width: 87px;
  height: 2px;
  content: "";
  display: block;
  position: absolute;
  bottom: -8px;
  left: 50%;
  margin-left: -43.5px;
  -webkit-transition: all .5s ease;
  -o-transition: all .5s ease;
  -moz-transition: all .5s ease;
  transition: all .5s ease
}

.nav-two li.active:after {
  background: url(../images/after_x.png) no-repeat;
  -o-background-size: cover;
  background-size: cover;
  width: 87px;
  height: 2px;
  content: "";
  display: block;
  position: absolute;
  bottom: -8px;
  left: 50%;
  margin-left: -43.5px
}

.nav-two li a {
  font-size: 22px;
  color: #fff;
  font-weight: 700;
  position: relative
}

.nav-two li.on a::before {
  width: 32px;
  height: 24px;
  background: url(../images/icon-hot.png) no-repeat;
  ;position: absolute;
  top: -15px;
  right: -33px;
  content: "";
}

.index-banner {
  position: relative
}

.index-banner.slick-slider img {
  position: relative;
  z-index: 999
}

.index-banner .one-active img {
  display: block;
  width: 100%;
  z-index: 2;
  position: relative;
}

.index-banner img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
}

.index-banner .slick-next,.index-banner .slick-prev {
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
  -webkit-transition: all 1s;
  -o-transition: all 1s;
  -moz-transition: all 1s;
  transition: all 1s;
  -webkit-transform: rotateY(90deg);
  -moz-transform: rotateY(90deg);
  -ms-transform: rotateY(90deg);
  -o-transform: rotateY(90deg);
  transform: rotateY(90deg)
}

.index-banner:hover .slick-next,.index-banner:hover .slick-prev {
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
  -webkit-transform: rotateY(0);
  -moz-transform: rotateY(0);
  -ms-transform: rotateY(0);
  -o-transform: rotateY(0);
  transform: rotateY(0)
}

.index-cp .slick-prev {
  display: none!important
}

.index-cp .slick-next {
  display: none!important
}

.index-one {
  -moz-box-sizing: border-box;
  box-sizing: border-box
}

.index-one h1 {
  font-size: 45px;
  color: #000;
  text-align: center;
  padding-top: 38px
}

.index-one .text {
  font-size: 14px;
  color: #666;
  text-align: center;
  padding: 20px 0 40px
}

.index-one li {
  float: left;
  background: #fff;
  width: 20%;
  border: 4px solid #eee;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-right: none;
  -webkit-transition: all .5s ease;
  -o-transition: all .5s ease;
  -moz-transition: all .5s ease;
  transition: all .5s ease
}

.index-one li.dy {
  border-left: none;
  -webkit-transition: all .5s ease;
  -o-transition: all .5s ease;
  -moz-transition: all .5s ease;
  transition: all .5s ease
}

.index-one li strong a {
  color: #333;
  font-size: 20px
}

.index-one li p {
  font-size: 12px;
  line-height: 20px;
  margin-top: 20px
}

.index-one li .bef {
  position: relative;
  padding: 80px 27% 15px 27%;
  text-align: center
}

.index-one li .bef .home-tb {
  margin-bottom: 10px;
  -webkit-transition: all .5s ease;
  -o-transition: all .5s ease;
  -moz-transition: all .5s ease;
  transition: all .5s ease;
  height: 45px
}

.index-one li .bef .home-tb .hide-ic {
  display: none
}

.index-one li:hover .bef .home-tb .show-ic {
  display: none;
  -webkit-transition: all .5s ease;
  -o-transition: all .5s ease;
  -moz-transition: all .5s ease;
  transition: all .5s ease
}

.index-one li:hover .bef .home-tb .hide-ic {
  display: block;
  -webkit-transition: all .5s ease;
  -o-transition: all .5s ease;
  -moz-transition: all .5s ease;
  transition: all .5s ease;
  -webkit-animation: bounce 1s both;
  -moz-animation: bounce 1s both;
  -o-animation: bounce 1s both;
  animation: bounce 1s both
}

.index-one li a i {
  background: url(../images/index_1.png) no-repeat;
  width: 29px;
  height: 28px;
  display: block;
  margin: 30px auto 0;
  -webkit-transition: all .5s ease;
  -o-transition: all .5s ease;
  -moz-transition: all .5s ease;
  transition: all .5s ease
}

.index-one li:hover {
  background: url(../images/one_bg.jpg) no-repeat;
  color: #fff;
  -o-background-size: cover;
  background-size: cover;
  -webkit-transition: all .5s ease;
  -o-transition: all .5s ease;
  -moz-transition: all .5s ease;
  transition: all .5s ease
}

.index-one li:hover a {
  color: #fff;
  -webkit-transition: all .5s ease;
  -o-transition: all .5s ease;
  -moz-transition: all .5s ease;
  transition: all .5s ease
}

.index-one li:hover a i {
  background: url(../images/index_11.png) no-repeat;
  width: 29px;
  height: 28px;
  display: block;
  margin-top: 30px;
  -webkit-transition: all .5s ease;
  -o-transition: all .5s ease;
  -moz-transition: all .5s ease;
  transition: all .5s ease;
  -webkit-animation: flip 1s both;
  -moz-animation: flip 1s both;
  -o-animation: flip 1s both;
  animation: flip 1s both
}

@-webkit-keyframes flip {
  from {
      -webkit-transform: perspective(400px) rotate3d(0,1,0,-360deg);
      transform: perspective(400px) rotate3d(0,1,0,-360deg);
      -webkit-animation-timing-function: ease-out;
      animation-timing-function: ease-out
  }

  40% {
      -webkit-transform: perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);
      transform: perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);
      -webkit-animation-timing-function: ease-out;
      animation-timing-function: ease-out
  }

  50% {
      -webkit-transform: perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);
      transform: perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in
  }

  80% {
      -webkit-transform: perspective(400px) scale3d(.95,.95,.95);
      transform: perspective(400px) scale3d(.95,.95,.95);
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in
  }

  to {
      -webkit-transform: perspective(400px);
      transform: perspective(400px);
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in
  }
}

@-moz-keyframes flip {
  from {
      -moz-transform: perspective(400px) rotate3d(0,1,0,-360deg);
      transform: perspective(400px) rotate3d(0,1,0,-360deg);
      -moz-animation-timing-function: ease-out;
      animation-timing-function: ease-out
  }

  40% {
      -moz-transform: perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);
      transform: perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);
      -moz-animation-timing-function: ease-out;
      animation-timing-function: ease-out
  }

  50% {
      -moz-transform: perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);
      transform: perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);
      -moz-animation-timing-function: ease-in;
      animation-timing-function: ease-in
  }

  80% {
      -moz-transform: perspective(400px) scale3d(.95,.95,.95);
      transform: perspective(400px) scale3d(.95,.95,.95);
      -moz-animation-timing-function: ease-in;
      animation-timing-function: ease-in
  }

  to {
      -moz-transform: perspective(400px);
      transform: perspective(400px);
      -moz-animation-timing-function: ease-in;
      animation-timing-function: ease-in
  }
}

@-o-keyframes flip {
  from {
      transform: perspective(400px) rotate3d(0,1,0,-360deg);
      -o-animation-timing-function: ease-out;
      animation-timing-function: ease-out
  }

  40% {
      transform: perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);
      -o-animation-timing-function: ease-out;
      animation-timing-function: ease-out
  }

  50% {
      transform: perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);
      -o-animation-timing-function: ease-in;
      animation-timing-function: ease-in
  }

  80% {
      transform: perspective(400px) scale3d(.95,.95,.95);
      -o-animation-timing-function: ease-in;
      animation-timing-function: ease-in
  }

  to {
      transform: perspective(400px);
      -o-animation-timing-function: ease-in;
      animation-timing-function: ease-in
  }
}

@keyframes flip {
  from {
      -webkit-transform: perspective(400px) rotate3d(0,1,0,-360deg);
      -moz-transform: perspective(400px) rotate3d(0,1,0,-360deg);
      transform: perspective(400px) rotate3d(0,1,0,-360deg);
      -webkit-animation-timing-function: ease-out;
      -moz-animation-timing-function: ease-out;
      -o-animation-timing-function: ease-out;
      animation-timing-function: ease-out
  }

  40% {
      -webkit-transform: perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);
      -moz-transform: perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);
      transform: perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);
      -webkit-animation-timing-function: ease-out;
      -moz-animation-timing-function: ease-out;
      -o-animation-timing-function: ease-out;
      animation-timing-function: ease-out
  }

  50% {
      -webkit-transform: perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);
      -moz-transform: perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);
      transform: perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);
      -webkit-animation-timing-function: ease-in;
      -moz-animation-timing-function: ease-in;
      -o-animation-timing-function: ease-in;
      animation-timing-function: ease-in
  }

  80% {
      -webkit-transform: perspective(400px) scale3d(.95,.95,.95);
      -moz-transform: perspective(400px) scale3d(.95,.95,.95);
      transform: perspective(400px) scale3d(.95,.95,.95);
      -webkit-animation-timing-function: ease-in;
      -moz-animation-timing-function: ease-in;
      -o-animation-timing-function: ease-in;
      animation-timing-function: ease-in
  }

  to {
      -webkit-transform: perspective(400px);
      -moz-transform: perspective(400px);
      transform: perspective(400px);
      -webkit-animation-timing-function: ease-in;
      -moz-animation-timing-function: ease-in;
      -o-animation-timing-function: ease-in;
      animation-timing-function: ease-in
  }
}

.index-pro {
  background: url(../images/index_pbg.png) no-repeat;
  -o-background-size: 100%;
  background-size: 100%;
  width: 100%;
  padding-top: 70px
}

.index-pro .index-cp .slick-dots {
  bottom: 50px
}

.index-pro .index-cp .slick-dots button {
  opacity: 1;
  background: #3c74af;
  border-radius: 20px;
  -o-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;
  -webkit-transition: all .5s ease-in-out;
  -o-transition: all .5s ease-in-out;
  -moz-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out
}

.index-pro .index-cp .slick-dots .slick-active button {
  background: #1d437b;
  opacity: 1;
  background: -webkit-linear-gradient(left,#1d437b,#3c74af);
  background: -o-linear-gradient(right,#1d437b,#3c74af);
  background: -moz-linear-gradient(right,#1d437b,#3c74af);
  background: -moz-linear-gradient(left,#1d437b,#3c74af);
  background: -o-linear-gradient(left,#1d437b,#3c74af);
  background: linear-gradient(to right,#1d437b,#3c74af);
  width: 40px;
  border-radius: 20px;
  -o-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;
  -webkit-transition: all .5s ease-in-out;
  -o-transition: all .5s ease-in-out;
  -moz-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out
}

.ind-box {
  background: #fff;
  margin-top: 40px;
  border-radius: 60px;
  padding: 50px 8% 70px 3%;
  position: relative;
  box-shadow: 0 0 30px rgba(0,0,0,.3)
}

.ind-box:before {
  width: 141px;
  height: 150px;
  content: "";
  display: block;
  background: url(../images/sj_a.png) no-repeat;
  -o-background-size: cover;
  background-size: cover;
  position: absolute;
  right: -90px;
  top: 68px
}

.ind-box:after {
  width: 408px;
  height: 221px;
  content: "";
  display: block;
  background: url(../images/sj_b.png) no-repeat;
  -o-background-size: cover;
  background-size: cover;
  position: absolute;
  right: -10px;
  bottom: -10px
}

.ind-box .left-box {
  float: left;
  width: 65%;
  margin-left: -15%;
  position: relative;
  z-index: 5
}

.ind-box .left-box:after {
  width: 470px;
  height: 572px;
  background: url(../images/ydp_bg.png) no-repeat;
  -o-background-size: cover;
  background-size: cover;
  content: "";
  display: block;
  position: absolute;
  top: -40px;
  left: 15.1%;
  z-index: -1
}

.ind-box .right-box {
  float: right;
  width: 45%;
  margin-left: 5%
}

.ind-box .right-box h3 a {
  font-weight: 700;
  font-size: 54px;
  color: #6b9ee3;
  position: relative
}

.ind-box .right-box h3 a:after {
  background: #6b9ee3;
  width: 140px;
  height: 2px;
  background: -webkit-linear-gradient(left,#6b9ee3,#fff);
  background: -o-linear-gradient(right,#6b9ee3,#fff);
  background: -moz-linear-gradient(right,#6b9ee3,#fff);
  background: -moz-linear-gradient(left,#6b9ee3,#fff);
  background: -o-linear-gradient(left,#6b9ee3,#fff);
  background: linear-gradient(to right,#6b9ee3,#fff);
  display: block;
  content: "";
  position: absolute;
  left: 0;
  bottom: -10px
}

.ind-box .right-box .ul-ws {
  margin-top: 40px;
  margin-left: -3%
}

.ind-box .right-box .ul-ws li {
  float: left;
  width: 47%;
  margin-left: 3%
}

.ind-box .right-box .ul-ws li p {
  font-size: 24px;
  color: #333
}

.ind-box .right-box .ul-ws li span {
  font-size: 36px;
  color: #cc9f67;
  position: relative;
  display: block;
  line-height: 93px;
  margin-top: 30px;
  font-weight: 100
}

.ind-box .right-box .ul-ws li span::before {
  position: absolute;
  content: "";
  display: block;
  width: 161px;
  height: 93px;
  background: url(../images/b_a.png) no-repeat;
  -o-background-size: cover;
  background-size: cover;
  left: -13%
}

.ind-box .right-box .wl-tu {
  margin-top: 35px
}

.ind-box .right-box .wl-tu p {
  font-size: 24px;
  color: #333;
  margin-bottom: 15px
}

.ind-box .right-box .wl-tu span {
  font-size: 20px;
  color: #333;
  display: block;
  line-height: 1.5
}

.ind-box .right-box .wl-tu ul {
  margin-top: 20px
}

.ind-box .right-box .wl-tu li {
  float: left;
  text-align: center;
  width: 31.33%;
  margin-right: 2%
}

.ind-box-js p {
  font-size: 18px;
  color: #666;
  line-height: 1.5em;
  margin-top: 10px;
  padding-left: 20px;
  background: url(../images/qq.png) no-repeat left center
}

.bj-zx {
  position: absolute;
  right: 80px;
  bottom: 45px;
  text-align: center;
  z-index: 2
}

.bj-zx img {
  margin: 0 auto
}

.bj-zx span {
  display: block;
  cursor: pointer;
  font-size: 30px;
  color: #fff;
  font-weight: 700
}

.index-case .case-tit,.index-new .new-tit,.index-pro .pro-tit {
  font-size: 14px;
  color: #a3a3a3;
  text-align: center;
  display: inline-block;
  position: relative;
  margin: 0 auto;
  width: 100%;
  text-transform: uppercase
}

.index-case .case-tit:before,.index-new .new-tit:before,.index-pro .pro-tit:before {
  content: "";
  display: inline-block;
  height: 1px;
  width: 160px;
  background: #a3a3a3;
  position: absolute;
  left: 30%;
  top: 10px
}

.index-case .case-tit:after,.index-new .new-tit:after,.index-pro .pro-tit:after {
  content: "";
  display: inline-block;
  height: 1px;
  width: 160px;
  background: #a3a3a3;
  position: absolute;
  right: 30%;
  top: 10px
}

.index-case h2,.index-new h2,.index-pro h2 {
  text-align: center;
  margin: 20px auto
}

.index-case h2 a,.index-new h2 a,.index-pro h2 a {
  font-size: 45px;
  color: #000;
  display: inline;
  text-align: center
}

.index-pro h2 a {
  color: #fff
}

.index-pro h2 a:hover {
  -webkit-animation: jello 1s both;
  -moz-animation: jello 1s both;
  -o-animation: jello 1s both;
  animation: jello 1s both;
  color: #6b9ee3
}

@-webkit-keyframes jello {
  11.1%,from,to {
      -webkit-transform: translate3d(0,0,0);
      transform: translate3d(0,0,0)
  }

  22.2% {
      -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
      transform: skewX(-12.5deg) skewY(-12.5deg)
  }

  33.3% {
      -webkit-transform: skewX(6.25deg) skewY(6.25deg);
      transform: skewX(6.25deg) skewY(6.25deg)
  }

  44.4% {
      -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
      transform: skewX(-3.125deg) skewY(-3.125deg)
  }

  55.5% {
      -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
      transform: skewX(1.5625deg) skewY(1.5625deg)
  }

  66.6% {
      -webkit-transform: skewX(-.78125deg) skewY(-.78125deg);
      transform: skewX(-.78125deg) skewY(-.78125deg)
  }

  77.7% {
      -webkit-transform: skewX(.390625deg) skewY(.390625deg);
      transform: skewX(.390625deg) skewY(.390625deg)
  }

  88.8% {
      -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg);
      transform: skewX(-.1953125deg) skewY(-.1953125deg)
  }
}

@-moz-keyframes jello {
  11.1%,from,to {
      -moz-transform: translate3d(0,0,0);
      transform: translate3d(0,0,0)
  }

  22.2% {
      -moz-transform: skewX(-12.5deg) skewY(-12.5deg);
      transform: skewX(-12.5deg) skewY(-12.5deg)
  }

  33.3% {
      -moz-transform: skewX(6.25deg) skewY(6.25deg);
      transform: skewX(6.25deg) skewY(6.25deg)
  }

  44.4% {
      -moz-transform: skewX(-3.125deg) skewY(-3.125deg);
      transform: skewX(-3.125deg) skewY(-3.125deg)
  }

  55.5% {
      -moz-transform: skewX(1.5625deg) skewY(1.5625deg);
      transform: skewX(1.5625deg) skewY(1.5625deg)
  }

  66.6% {
      -moz-transform: skewX(-.78125deg) skewY(-.78125deg);
      transform: skewX(-.78125deg) skewY(-.78125deg)
  }

  77.7% {
      -moz-transform: skewX(.390625deg) skewY(.390625deg);
      transform: skewX(.390625deg) skewY(.390625deg)
  }

  88.8% {
      -moz-transform: skewX(-.1953125deg) skewY(-.1953125deg);
      transform: skewX(-.1953125deg) skewY(-.1953125deg)
  }
}

@-o-keyframes jello {
  11.1%,from,to {
      transform: translate3d(0,0,0)
  }

  22.2% {
      -o-transform: skewX(-12.5deg) skewY(-12.5deg);
      transform: skewX(-12.5deg) skewY(-12.5deg)
  }

  33.3% {
      -o-transform: skewX(6.25deg) skewY(6.25deg);
      transform: skewX(6.25deg) skewY(6.25deg)
  }

  44.4% {
      -o-transform: skewX(-3.125deg) skewY(-3.125deg);
      transform: skewX(-3.125deg) skewY(-3.125deg)
  }

  55.5% {
      -o-transform: skewX(1.5625deg) skewY(1.5625deg);
      transform: skewX(1.5625deg) skewY(1.5625deg)
  }

  66.6% {
      -o-transform: skewX(-.78125deg) skewY(-.78125deg);
      transform: skewX(-.78125deg) skewY(-.78125deg)
  }

  77.7% {
      -o-transform: skewX(.390625deg) skewY(.390625deg);
      transform: skewX(.390625deg) skewY(.390625deg)
  }

  88.8% {
      -o-transform: skewX(-.1953125deg) skewY(-.1953125deg);
      transform: skewX(-.1953125deg) skewY(-.1953125deg)
  }
}

@keyframes jello {
  11.1%,from,to {
      -webkit-transform: translate3d(0,0,0);
      -moz-transform: translate3d(0,0,0);
      transform: translate3d(0,0,0)
  }

  22.2% {
      -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
      -moz-transform: skewX(-12.5deg) skewY(-12.5deg);
      -o-transform: skewX(-12.5deg) skewY(-12.5deg);
      transform: skewX(-12.5deg) skewY(-12.5deg)
  }

  33.3% {
      -webkit-transform: skewX(6.25deg) skewY(6.25deg);
      -moz-transform: skewX(6.25deg) skewY(6.25deg);
      -o-transform: skewX(6.25deg) skewY(6.25deg);
      transform: skewX(6.25deg) skewY(6.25deg)
  }

  44.4% {
      -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
      -moz-transform: skewX(-3.125deg) skewY(-3.125deg);
      -o-transform: skewX(-3.125deg) skewY(-3.125deg);
      transform: skewX(-3.125deg) skewY(-3.125deg)
  }

  55.5% {
      -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
      -moz-transform: skewX(1.5625deg) skewY(1.5625deg);
      -o-transform: skewX(1.5625deg) skewY(1.5625deg);
      transform: skewX(1.5625deg) skewY(1.5625deg)
  }

  66.6% {
      -webkit-transform: skewX(-.78125deg) skewY(-.78125deg);
      -moz-transform: skewX(-.78125deg) skewY(-.78125deg);
      -o-transform: skewX(-.78125deg) skewY(-.78125deg);
      transform: skewX(-.78125deg) skewY(-.78125deg)
  }

  77.7% {
      -webkit-transform: skewX(.390625deg) skewY(.390625deg);
      -moz-transform: skewX(.390625deg) skewY(.390625deg);
      -o-transform: skewX(.390625deg) skewY(.390625deg);
      transform: skewX(.390625deg) skewY(.390625deg)
  }

  88.8% {
      -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg);
      -moz-transform: skewX(-.1953125deg) skewY(-.1953125deg);
      -o-transform: skewX(-.1953125deg) skewY(-.1953125deg);
      transform: skewX(-.1953125deg) skewY(-.1953125deg)
  }
}

.index-pro-lw {
  margin-top: 80px
}

.index-pro-lw ul {
  margin-left: -2%
}

.index-pro-lw li {
  float: left;
  background: #fff;
  width: 23%;
  margin-left: 2%;
  padding-bottom: 80px;
  padding-left: 33px;
  position: relative;
  border-radius: 20px;
  box-shadow: 0 0 30px rgba(39,23,23,.1);
  -webkit-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  transition: all .3s ease-out
}

.index-pro-lw li:after {
  background: url(../images/lw_a.png) no-repeat;
  -o-background-size: cover;
  background-size: cover;
  width: 217px;
  height: 318px;
  display: block;
  content: "";
  position: absolute;
  top: 0;
  left: 0
}

.index-pro-lw li:before {
  background: url(../images/hd2.png) no-repeat;
  -o-background-size: cover;
  background-size: cover;
  width: 194px;
  height: 162px;
  display: block;
  content: "";
  position: absolute;
  top: 0;
  right: 0
}

.index-pro-lw li .img {
  margin-top: -70px;
  z-index: 5;
  position: relative;
  margin-right: 22px;
}

.index-pro-lw li .img a {
  display: block;
  position: relative;
  padding-top: 100%;
}

.index-pro-lw li .img a img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.index-pro-lw li:hover {
  box-shadow: 10px 10px 15px #ddd;
  -webkit-transform: translate(0,-3px);
  -moz-transform: translate(0,-3px);
  -ms-transform: translate(0,-3px);
  -o-transform: translate(0,-3px);
  transform: translate(0,-3px);
  -webkit-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  transition: all .3s ease-out
}

.index-pro-lw li h3 a {
  font-size: 24px;
  color: #1d427a;
  font-weight: 700;
  z-index: 5;
  position: relative
}

.index-pro-lw li .box {
  margin-top: 20px
}

.index-pro-lw li .box p {
  margin-top: 8px;
  z-index: 5;
  position: relative
}

.index-pro-lw li .box p span {
  font-size: 16px;
  color: #333
}

.index-pro-lw li .more {
  position: absolute;
  right: -20px;
  bottom: -15px
}

.index-pro-lw li:hover .more {
  -webkit-animation: bounce 1s both;
  -moz-animation: bounce 1s both;
  -o-animation: bounce 1s both;
  animation: bounce 1s both
}

@-webkit-keyframes bounce {
  20%,53%,80%,from,to {
      -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
      animation-timing-function: cubic-bezier(.215,.61,.355,1);
      -webkit-transform: translate3d(0,0,0);
      transform: translate3d(0,0,0)
  }

  40%,43% {
      -webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06);
      animation-timing-function: cubic-bezier(.755,.05,.855,.06);
      -webkit-transform: translate3d(0,-30px,0);
      transform: translate3d(0,-30px,0)
  }

  70% {
      -webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06);
      animation-timing-function: cubic-bezier(.755,.05,.855,.06);
      -webkit-transform: translate3d(0,-15px,0);
      transform: translate3d(0,-15px,0)
  }

  90% {
      -webkit-transform: translate3d(0,-4px,0);
      transform: translate3d(0,-4px,0)
  }
}

@-moz-keyframes bounce {
  20%,53%,80%,from,to {
      -moz-animation-timing-function: cubic-bezier(.215,.61,.355,1);
      animation-timing-function: cubic-bezier(.215,.61,.355,1);
      -moz-transform: translate3d(0,0,0);
      transform: translate3d(0,0,0)
  }

  40%,43% {
      -moz-animation-timing-function: cubic-bezier(.755,.05,.855,.06);
      animation-timing-function: cubic-bezier(.755,.05,.855,.06);
      -moz-transform: translate3d(0,-30px,0);
      transform: translate3d(0,-30px,0)
  }

  70% {
      -moz-animation-timing-function: cubic-bezier(.755,.05,.855,.06);
      animation-timing-function: cubic-bezier(.755,.05,.855,.06);
      -moz-transform: translate3d(0,-15px,0);
      transform: translate3d(0,-15px,0)
  }

  90% {
      -moz-transform: translate3d(0,-4px,0);
      transform: translate3d(0,-4px,0)
  }
}

@-o-keyframes bounce {
  20%,53%,80%,from,to {
      -o-animation-timing-function: cubic-bezier(.215,.61,.355,1);
      animation-timing-function: cubic-bezier(.215,.61,.355,1);
      transform: translate3d(0,0,0)
  }

  40%,43% {
      -o-animation-timing-function: cubic-bezier(.755,.05,.855,.06);
      animation-timing-function: cubic-bezier(.755,.05,.855,.06);
      transform: translate3d(0,-30px,0)
  }

  70% {
      -o-animation-timing-function: cubic-bezier(.755,.05,.855,.06);
      animation-timing-function: cubic-bezier(.755,.05,.855,.06);
      transform: translate3d(0,-15px,0)
  }

  90% {
      transform: translate3d(0,-4px,0)
  }
}

@keyframes bounce {
  20%,53%,80%,from,to {
      -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
      -moz-animation-timing-function: cubic-bezier(.215,.61,.355,1);
      -o-animation-timing-function: cubic-bezier(.215,.61,.355,1);
      animation-timing-function: cubic-bezier(.215,.61,.355,1);
      -webkit-transform: translate3d(0,0,0);
      -moz-transform: translate3d(0,0,0);
      transform: translate3d(0,0,0)
  }

  40%,43% {
      -webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06);
      -moz-animation-timing-function: cubic-bezier(.755,.05,.855,.06);
      -o-animation-timing-function: cubic-bezier(.755,.05,.855,.06);
      animation-timing-function: cubic-bezier(.755,.05,.855,.06);
      -webkit-transform: translate3d(0,-30px,0);
      -moz-transform: translate3d(0,-30px,0);
      transform: translate3d(0,-30px,0)
  }

  70% {
      -webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06);
      -moz-animation-timing-function: cubic-bezier(.755,.05,.855,.06);
      -o-animation-timing-function: cubic-bezier(.755,.05,.855,.06);
      animation-timing-function: cubic-bezier(.755,.05,.855,.06);
      -webkit-transform: translate3d(0,-15px,0);
      -moz-transform: translate3d(0,-15px,0);
      transform: translate3d(0,-15px,0)
  }

  90% {
      -webkit-transform: translate3d(0,-4px,0);
      -moz-transform: translate3d(0,-4px,0);
      transform: translate3d(0,-4px,0)
  }
}

.index-pro-lw li .index-new .zy {
  text-align: center;
  margin-left: -20px
}

.index-new .zy {
  text-align: center;
  margin-left: -20px
}

.index-new .zy a {
  font-size: 18px;
  color: #000;
  display: inline-block;
  border: 1px solid #000;
  border-radius: 5px;
  padding: 5px 30px;
  margin-left: 20px
}

.index-new .zy a.mouse {
  background: #1d437b;
  background: -webkit-linear-gradient(left,#1d437b,#3c74af);
  background: -o-linear-gradient(right,#1d437b,#3c74af);
  background: -moz-linear-gradient(right,#1d437b,#3c74af);
  background: -moz-linear-gradient(left,#1d437b,#3c74af);
  background: -o-linear-gradient(left,#1d437b,#3c74af);
  background: linear-gradient(to right,#1d437b,#3c74af);
  color: #fff;
  border: 1px solid #fff
}

.index-new ul {
  margin-left: -6%;
  margin-top: 15px;
  display: none
}

.index-new ul.on {
  display: block
}

.index-new li {
  float: left;
  width: 38%;
  margin-left: 12%;
  margin-top: 40px
}

.index-new li .box:hover {
  box-shadow: 10px 10px 15px #ddd;
  -webkit-transform: translate(0,-3px);
  -moz-transform: translate(0,-3px);
  -ms-transform: translate(0,-3px);
  -o-transform: translate(0,-3px);
  transform: translate(0,-3px)
}

.index-new li .box:hover strong a {
  color: #ed1c24
}

.index-new li .date {
  font-size: 12px;
  color: #888;
  margin-bottom: 8px;
  margin-left: 100px
}

.index-new li .box {
  background: #fff;
  position: relative;
  padding: 20px 30px 25px 100px;
  -webkit-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  transition: all .3s ease-out;
  border-radius: 10px;
  border-bottom-right-radius: 10px
}

.index-new li .box h3 {
  font-weight: 700
}

.index-new li .box h3 a {
  font-size: 16px;
  color: #333;
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  display: block
}

.index-new li:hover .box h3 a {
  color: #da251d
}

.index-new li .box p {
  font-size: 12px;
  color: #888;
  margin-top: 20px;
  line-height: 24px;
  position: relative;
  height: 53px;
  padding-bottom: 5px;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  display: -webkit-box;
}

.index-new li .box p span {
  width: 53px;
  background: #888;
  height: 1px;
  display: inline-block;
  position: absolute;
  right: 0;
  bottom: 0
}

.index-new li:hover .box p span {
  background: #da251d;
  height: 2px;
  animation: newSp 1s linear infinite;
  -moz-animation: newSp 1s linear infinite;
  -webkit-animation: newSp 1s linear infinite;
  -o-animation: newSp 1s linear infinite
}

@-moz-keyframes newSp {
  0%,100% {
      right: -15px
  }

  50% {
      right: 0
  }
}

@-o-keyframes newSp {
  0%,100% {
      right: -15px
  }

  50% {
      right: 0
  }
}

@keyframes newSp {
  0%,100% {
      right: -15px
  }

  50% {
      right: 0
  }
}

@-webkit-keyframes newSp {
  0%,100% {
      right: -15px
  }

  50% {
      right: 0
  }
}

.index-new li .box .new-img {
  position: absolute;
  left: -15%;
  top: -30px;
  width: 30%;
  border-radius: 10px;
  overflow: hidden
}

.index-new li .box .new-img img {
  width: 100%
}

.index-new li:hover .box .new-img img {
  animation: newMg 1s linear;
  -moz-animation: newMg 1s linear;
  -webkit-animation: newMg 1s linear;
  -o-animation: newMg 1s linear
}

@-webkit-keyframes newMg {
  0% {
      -webkit-transform: scale(1);
      transform: scale(1)
  }

  50% {
      -webkit-transform: scale(1.1);
      transform: scale(1.1)
  }

  100% {
      -webkit-transform: scale(1);
      transform: scale(1)
  }
}

@-moz-keyframes newMg {
  0% {
      -moz-transform: scale(1);
      transform: scale(1)
  }

  50% {
      -moz-transform: scale(1.1);
      transform: scale(1.1)
  }

  100% {
      -moz-transform: scale(1);
      transform: scale(1)
  }
}

@-o-keyframes newMg {
  0% {
      -o-transform: scale(1);
      transform: scale(1)
  }

  50% {
      -o-transform: scale(1.1);
      transform: scale(1.1)
  }

  100% {
      -o-transform: scale(1);
      transform: scale(1)
  }
}

@keyframes newMg {
  0% {
      -webkit-transform: scale(1);
      -moz-transform: scale(1);
      -o-transform: scale(1);
      transform: scale(1)
  }

  50% {
      -webkit-transform: scale(1.1);
      -moz-transform: scale(1.1);
      -o-transform: scale(1.1);
      transform: scale(1.1)
  }

  100% {
      -webkit-transform: scale(1);
      -moz-transform: scale(1);
      -o-transform: scale(1);
      transform: scale(1)
  }
}

.index-about {
  background: url(../images/index_about.jpg) no-repeat 100% 100%;
  -o-background-size: cover;
  background-size: cover;
  padding-top: 170px;
  position: relative;
  margin-top: 100px
}

.index-about-wrap {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto
}

.index-about h2 {
  font-size: 45px;
  color: #cc9f67;
  position: relative
}

.index-about h2 a {
  color: #cc9f67
}

.index-about .text {
  position: absolute;
  font-size: 80px;
  color: #fff;
  opacity: .05;
  filter: alpha(opacity=4);
  top: 95px
}

.index-about .tit {
  font-size: 26px;
  color: #82afec;
  margin-top: 22px;
  font-weight: 700
}

.index-about span {
  font-size: 14px;
  color: #82afec;
  display: block;
  line-height: 26px;
  margin-top: 35px
}

.index-about .fl {
  width: 57%
}

.index-about .fr {
  width: 38%;
  margin-top: -80px
}

.index-about ul {
  background: url(../images/ab5.png) no-repeat;
  -o-background-size: cover;
  background-size: cover
}

.index-about ul li {
  float: left;
  width: 25%;
  text-align: center;
  padding: 40px 0 50px
}

.index-about ul li:hover img {
  -webkit-transition: all .6s ease;
  -o-transition: all .6s ease;
  -moz-transition: all .6s ease;
  transition: all .6s ease;
  -moz-animation: abtMg 1s;
  -o-animation: abtMg 1s;
  animation: abtMg 1s;
  -webkit-animation: abtMg 1s
}

@-moz-keyframes abtMg {
  from {
      -moz-transform: rotateY(0);
      transform: rotateY(0)
  }

  to {
      -moz-transform: rotateY(360deg);
      transform: rotateY(360deg)
  }
}

@-o-keyframes abtMg {
  from {
      transform: rotateY(0)
  }

  to {
      transform: rotateY(360deg)
  }
}

@keyframes abtMg {
  from {
      -webkit-transform: rotateY(0);
      -moz-transform: rotateY(0);
      transform: rotateY(0)
  }

  to {
      -webkit-transform: rotateY(360deg);
      -moz-transform: rotateY(360deg);
      transform: rotateY(360deg)
  }
}

@-webkit-keyframes abtMg {
  from {
      -webkit-transform: rotateY(0);
      transform: rotateY(0)
  }

  to {
      -webkit-transform: rotateY(360deg);
      transform: rotateY(360deg)
  }
}

.index-about ul li p {
  font-size: 14px;
  color: #fff;
  margin-top: 15px
}

.index-case,.index-new {
  margin-top: 70px
}

.index-case {
  overflow: hidden
}

.index-case .txt,.index-pro .txt {
  font-size: 14px;
  color: #999;
  text-align: center
}

.index-pro .txt a {
  color: #999;
}

.index-pro .txt a:hover {
  color: #da251d;
}

.flipster {
  display: block;
  margin: 70px auto 10px;
  width: 100%;
  position: relative;
  height: 489px!important
}

.flip-item,.flip-items {
  display: block;
  margin: 0 auto;
  padding: 0;
  list-style-type: none
}

.flip-items {
  width: 100%;
  -webkit-transform: translate3d(0,0,0);
  -moz-transform: translate3d(0,0,0);
  -o-transform: translate3d(0,0,0);
  -ms-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-box-sizing: content-box;
  box-sizing: content-box
}

.flip-item {
  position: absolute;
  opacity: 1
}

.flip-future,.flip-next,.flip-past,.flip-prev {
  cursor: pointer
}

.flip-item img {
  display: block;
  width: 100%;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}

.flipster-coverflow .flip-items {
  -webkit-transition: all 350ms ease-in-out;
  -moz-transition: all 350ms ease-in-out;
  -o-transition: all 350ms ease-in-out;
  transition: all 350ms ease-in-out;
  position: relative;
  padding-top: 2%;
  padding-bottom: 5%
}

.flipster-coverflow .flip-item {
  display: block;
  -webkit-transition: all 175ms ease-in-out;
  -moz-transition: all 175ms ease-in-out;
  -o-transition: all 175ms ease-in-out;
  transition: all 175ms ease-in-out;
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -webkit-perspective: 800px;
  -moz-perspective: 800px;
  perspective: 800px;
  position: absolute;
  width: 30%
}

.flipster-coverflow .flip-content {
  -webkit-transition: all 350ms ease-in-out;
  -moz-transition: all 350ms ease-in-out;
  -o-transition: all 350ms ease-in-out;
  transition: all 350ms ease-in-out;
  -webkit-box-reflect: below 0 -webkit-gradient(linear,left bottom,left top,color-stop(.05,rgba(255,255,255,.12)),color-stop(.2,transparent))
}

.flipster-coverflow .flip-past .flip-content {
  -webkit-transform: rotateY(55deg) scale(.75);
  -moz-transform: rotateY(55deg) scale(.75);
  -o-transform: rotateY(55deg) scale(.75);
  -ms-transform: rotateY(55deg) scale(.75);
  transform: rotateY(55deg) scale(.75)
}

.flipster-coverflow .flip-future .flip-content {
  -webkit-transform: rotateY(-55deg) scale(.75);
  -moz-transform: rotateY(-55deg) scale(.75);
  -o-transform: rotateY(-55deg) scale(.75);
  -ms-transform: rotateY(-55deg) scale(.75);
  transform: rotateY(-55deg) scale(.75)
}

.flipster-coverflow.no-rotate .flip-past .flip-content {
  -webkit-transform: scale(.75);
  -moz-transform: scale(.75);
  -o-transform: scale(.75);
  -ms-transform: scale(.75);
  transform: scale(.75)
}

.flipster-coverflow.no-rotate .flip-future .flip-content {
  -webkit-transform: scale(.75);
  -moz-transform: scale(.75);
  -o-transform: scale(.75);
  -ms-transform: scale(.75);
  transform: scale(.75)
}

.flipster-coverflow .flip-current .flip-content {
  -webkit-transform: rotateY(0);
  -moz-transform: rotateY(0);
  -o-transform: rotateY(0);
  -ms-transform: rotateY(0);
  transform: rotateY(0)
}

.flipster-coverflow .flip-hidden {
  visibility: hidden;
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0
}

.flipster-carousel .flip-items {
  -webkit-perspective: 2000px;
  -moz-perspective: 2000px;
  perspective: 2000px
}

.flipster-carousel .flip-item {
  -webkit-transform: translate3d(0,0,0);
  -moz-transform: translate3d(0,0,0);
  -o-transform: translate3d(0,0,0);
  -ms-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
  -webkit-transition: all 350ms ease-out;
  -moz-transition: all 350ms ease-out;
  -o-transition: all 350ms ease-out;
  transition: all 350ms ease-out
}

.flipster-carousel .flip-item:after {
  background: url(../images/flip_bg.png) repeat;
  width: 100%;
  height: 100%;
  display: block;
  content: "";
  position: absolute;
  top: 0;
  left: 0
}

.no-csstransforms .flipster-carousel .flip-item {
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  transition: none
}

.flipster-carousel .flip-items .pic {
  box-shadow: 5px 5px 10px rgba(0,0,0,.2);
  width: 890px
}

.flipster-carousel .flip-current .pic {
  border-top-left-radius: 30px;
  border-top-right-radius: 30px;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  -webkit-transition: all 1s ease;
  transition: all 1s ease
}

.flipster-carousel .flip-current:hover .pic {
  -moz-transform: scale(1.1,1.1);
  -ms-transform: scale(1.1,1.1);
  -o-transform: scale(1.1,1.1);
  -webkit-transform: scale(1.1,1.1);
  transform: scale(1.1,1.1);
  border-top-left-radius: 30px;
  border-top-right-radius: 30px
}

.flipster-carousel .flip-past {
  -webkit-transform: translateX(-80%) translateZ(0) rotateY(80deg) scale(.65);
  -moz-transform: translateX(-80%) translateZ(0) rotateY(80deg) scale(.65);
  -o-transform: translateX(-80%) translateZ(0) rotateY(80deg) scale(.65);
  -ms-transform: translateX(-80%) translateZ(0) rotateY(80deg) scale(.65);
  transform: translateX(-80%) translateZ(0) rotateY(80deg) scale(.65)
}

.flipster-carousel.no-rotate .flip-past {
  -webkit-transform: translateX(-80%) translateZ(0) scale(.65);
  -moz-transform: translateX(-80%) translateZ(0) scale(.65);
  -o-transform: translateX(-80%) translateZ(0) scale(.65);
  -ms-transform: translateX(-80%) translateZ(0) scale(.65);
  transform: translateX(-80%) translateZ(0) scale(.65)
}

.no-csstransforms3d .flipster-carousel .flip-past {
  -webkit-transform: translateX(-56%) scale(.5);
  -moz-transform: translateX(-56%) scale(.5);
  -o-transform: translateX(-56%) scale(.5);
  -ms-transform: translateX(-56%) scale(.5);
  transform: translateX(-56%) scale(.5)
}

.no-csstransforms .flipster-carousel .flip-past {
  left: -20%;
  top: 40%;
  width: 50%;
  height: 50%
}

.flipster-carousel .flip-future {
  -webkit-transform: translateX(80%) translateZ(0) rotateY(-80deg) scale(.65);
  -moz-transform: translateX(80%) translateZ(0) rotateY(-80deg) scale(.65);
  -o-transform: translateX(80%) translateZ(0) rotateY(-80deg) scale(.65);
  -ms-transform: translateX(80%) translateZ(0) rotateY(-80deg) scale(.65);
  transform: translateX(80%) translateZ(0) rotateY(-80deg) scale(.65)
}

.flipster-carousel.no-rotate .flip-future {
  -webkit-transform: translateX(80%) translateZ(0) scale(.65);
  -moz-transform: translateX(80%) translateZ(0) scale(.65);
  -o-transform: translateX(80%) translateZ(0) scale(.65);
  -ms-transform: translateX(80%) translateZ(0) scale(.65);
  transform: translateX(80%) translateZ(0) scale(.65)
}

.no-csstransforms3d .flipster-carousel .flip-future {
  -webkit-transform: translateX(56%) scale(.5);
  -moz-transform: translateX(56%) scale(.5);
  -o-transform: translateX(56%) scale(.5);
  -ms-transform: translateX(56%) scale(.5);
  transform: translateX(56%) scale(.5)
}

.no-csstransforms .flipster-carousel .flip-future {
  left: 88%;
  top: 40%;
  width: 50%;
  height: 50%
}

.flipster-carousel .flip-prev {
  -webkit-transform: translateX(-74%) translateZ(0) rotateY(68deg) scale(.8);
  -moz-transform: translateX(-74%) translateZ(0) rotateY(68deg) scale(.8);
  -o-transform: translateX(-74%) translateZ(0) rotateY(68deg) scale(.8);
  -ms-transform: translateX(-74%) translateZ(0) rotateY(68deg) scale(.8);
  transform: translateX(-74%) translateZ(0) rotateY(68deg) scale(.8)
}

.flipster-carousel.no-rotate .flip-prev {
  -webkit-transform: translateX(-60%) translateZ(0) scale(.8);
  -moz-transform: translateX(-60%) translateZ(0) scale(.8);
  -o-transform: translateX(-60%) translateZ(0) scale(.8);
  -ms-transform: translateX(-60%) translateZ(0) scale(.8);
  transform: translateX(-60%) translateZ(0) scale(.8)
}

.no-csstransforms3d .flipster-carousel .flip-prev {
  -webkit-transform: translateX(-24%) scale(.75);
  -moz-transform: translateX(-24%) scale(.75);
  -o-transform: translateX(-24%) scale(.75);
  -ms-transform: translateX(-24%) scale(.75);
  transform: translateX(-24%) scale(.75)
}

.no-csstransforms .flipster-carousel .flip-prev {
  left: -9%;
  top: 20%;
  width: 75%;
  height: 75%
}

.flipster-carousel .flip-next {
  -webkit-transform: translateX(74%) translateZ(0) rotateY(-68deg) scale(.8);
  -moz-transform: translateX(74%) translateZ(0) rotateY(-68deg) scale(.8);
  -o-transform: translateX(74%) translateZ(0) rotateY(-68deg) scale(.8);
  -ms-transform: translateX(74%) translateZ(0) rotateY(-68deg) scale(.8);
  transform: translateX(74%) translateZ(0) rotateY(-68deg) scale(.8)
}

.flipster-carousel .flip-future,.flipster-carousel .flip-past {
  z-index: 1;
  -webkit-transition-delay: 87.5ms;
  -moz-transition-delay: 87.5ms;
  -o-transition-delay: 87.5ms;
  transition-delay: 87.5ms
}

.flipster-carousel .flip-next,.flipster-carousel .flip-prev {
  z-index: 2;
  -webkit-transition-delay: .058s;
  -moz-transition-delay: .058s;
  -o-transition-delay: .058s;
  transition-delay: .058s
}

.flip-content {
  position: relative
}

.flip-content a {
  overflow: hidden;
  display: block
}

.flip-content .xq {
  background: #234b83;
  display: none;
  position: absolute;
  top: -30px;
  left: 50%;
  margin-left: -198px;
  background: -webkit-linear-gradient(left,#234b83,#3b72ad);
  background: -o-linear-gradient(right,#234b83,#3b72ad);
  background: -moz-linear-gradient(right,#234b83,#3b72ad);
  background: -moz-linear-gradient(left,#234b83,#3b72ad);
  background: -o-linear-gradient(left,#234b83,#3b72ad);
  background: linear-gradient(to right,#234b83,#3b72ad);
  color: #fff;
  padding: 35px 30px;
  border-radius: 30px;
  overflow: hidden;
  z-index: 100
}

.flip-content .xq:hover {
  background: -webkit-linear-gradient(left,#3b72ad,#234b83);
  background: -o-linear-gradient(right,#3b72ad,#234b83);
  background: -moz-linear-gradient(right,#3b72ad,#234b83);
  background: -moz-linear-gradient(left,#3b72ad,#234b83);
  background: -o-linear-gradient(left,#3b72ad,#234b83);
  background: linear-gradient(to right,#3b72ad,#234b83)
}

.flip-content .xq .box {
  float: left;
  margin-right: 60px
}

.flip-content .xq .box h3 {
  display: block
}

.flip-content .xq a {
  float: right
}

.flip-content .xq .box h3 a {
  float: none
}

.flip-content .xq a img {
  margin-top: 29px;
  width: 36px;
  height: 36px;
  display: block
}

.flip-content .xq:hover a img {
  animation: lh .8s infinite;
  -moz-animation: lh .8s infinite;
  -webkit-animation: lh .8s infinite;
  -o-animation: lh .8s infinite
}

@-webkit-keyframes lh {
  0%,100% {
      -webkit-transform: scale(.9);
      transform: scale(.9)
  }

  50% {
      -webkit-transform: scale(1);
      transform: scale(1)
  }
}

@-moz-keyframes lh {
  0%,100% {
      -moz-transform: scale(.9);
      transform: scale(.9)
  }

  50% {
      -moz-transform: scale(1);
      transform: scale(1)
  }
}

@-o-keyframes lh {
  0%,100% {
      -o-transform: scale(.9);
      transform: scale(.9)
  }

  50% {
      -o-transform: scale(1);
      transform: scale(1)
  }
}

@keyframes lh {
  0%,100% {
      -webkit-transform: scale(.9);
      -moz-transform: scale(.9);
      -o-transform: scale(.9);
      transform: scale(.9)
  }

  50% {
      -webkit-transform: scale(1);
      -moz-transform: scale(1);
      -o-transform: scale(1);
      transform: scale(1)
  }
}

.flip-current .xq.on {
  display: block
}

.flip-content .xq h3 a {
  font-size: 24px;
  color: #fff;
  background: 0 0!important;
  padding: 0;
  margin-bottom: 10px
}

.flip-content .xq p {
  font-size: 18px
}

.flip-content .xq a {
  display: inline-block
}

.flipster-carousel .flip-current {
  z-index: 999;
  -webkit-transform: rotateY(0);
  -moz-transform: rotateY(0);
  -o-transform: rotateY(0);
  -ms-transform: rotateY(0);
  transform: rotateY(0);
  -webkit-transition-delay: .058s;
  -moz-transition-delay: .058s;
  -o-transition-delay: .058s;
  transition-delay: .058s
}

.flipster-carousel .flip-current:after {
  background: 0 0;
  position: static
}

.flip-current .pic {
  border: 5px solid #fff
}

.flipster-carousel .flip-hidden {
  visibility: hidden;
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  -webkit-transform: rotateY(0) translateX(0) scale(.5);
  -moz-transform: rotateY(0) translateX(0) scale(.5);
  -o-transform: rotateY(0) translateX(0) scale(.5);
  -ms-transform: rotateY(0) translateX(0) scale(.5);
  transform: rotateY(0) translateX(0) scale(.5);
  -webkit-transition-delay: .116s;
  -moz-transition-delay: .116s;
  -o-transition-delay: .116s;
  transition-delay: .116s
}

.no-transition {
  -webkit-transition-duration: 0s!important;
  -moz-transition-duration: 0s!important;
  -o-transition-duration: 0s!important;
  transition-duration: 0s!important
}

.footer .bq {
  background: #2b2b2b;
  color: #fff;
  text-align: center;
  padding: 32px 0;
  font-size: 14px
}

.footer .bq a {
  color: #fff;
  font-size: 12px;
  margin-left: 10px
}

.footer .wl {
  font-size: 12px;
  color: #555;
  padding: 25px 0
}

.footer .wl a {
  color: #555;
  font-size: 12px;
  line-height: 24px;
  margin: 0 5px
}

.guide {
  font-size: 14px;
  color: #dadada;
  line-height: 16px;
  margin-bottom: 90px
}

.guide li {
  display: inline-block
}

.guide a {
  color: #dadada;
  font-size: 14px
}

.guide a:hover {
  color: #fff
}

.guide img {
  vertical-align: bottom;
  width: 18px;
  margin-right: 8px
}

.pro-banner {
  position: relative;
  overflow: hidden
}

.pro-banner .img {
  width: 100%
}

.pro-help {
  position: absolute;
  left: 16%;
  top: 50px
}

.pro-banner .pro-help h1 {
  font-size: 36px;
  color: #fff;
  display: inline-block;
  font-weight: 700
}

.pro-banner .pro-help strong {
  font-size: 36px;
  color: #fff
}

.pro-banner .pro-help span {
  font-size: 18px;
  color: #cc9f67;
  margin-left: 10px
}

.pro-banner .guide span {
  font-size: 14px;
  color: #dadada
}

.pro-banner .pro-help ul li {
  float: left;
  text-align: center;
  margin-right: 80px;
  position: relative;
  margin-top: 50px
}

.pro-banner .pro-help ul li:hover img {
  -webkit-animation: spinner 1s both;
  -moz-animation: spinner 1s both;
  -o-animation: spinner 1s both;
  animation: spinner 1s both
}

@-webkit-keyframes spinner {
  from {
      -webkit-transform: rotate(0);
      transform: rotate(0)
  }

  to {
      -webkit-transform: rotate(360deg);
      transform: rotate(360deg)
  }
}

@-moz-keyframes spinner {
  from {
      -moz-transform: rotate(0);
      transform: rotate(0)
  }

  to {
      -moz-transform: rotate(360deg);
      transform: rotate(360deg)
  }
}

@-o-keyframes spinner {
  from {
      -o-transform: rotate(0);
      transform: rotate(0)
  }

  to {
      -o-transform: rotate(360deg);
      transform: rotate(360deg)
  }
}

@keyframes spinner {
  from {
      -webkit-transform: rotate(0);
      -moz-transform: rotate(0);
      -o-transform: rotate(0);
      transform: rotate(0)
  }

  to {
      -webkit-transform: rotate(360deg);
      -moz-transform: rotate(360deg);
      -o-transform: rotate(360deg);
      transform: rotate(360deg)
  }
}

.pro-banner .pro-help ul li:after {
  background: url(../images/line1.png) no-repeat;
  width: 1px;
  height: 134px;
  content: "";
  display: block;
  position: absolute;
  right: -40px;
  bottom: 0
}

.pro-banner .pro-help ul li.none:after {
  background: 0 0
}

.pro-banner .pro-help ul li p {
  color: #fff;
  font-size: 16px;
  margin-top: 23px
}

.pro-list {
  background: #f5f7fa
}

.pro-list .ul-list {
  margin-left: -3%
}

.pro-list .ul-list li {
  float: left;
  width: 30.333%;
  position: relative;
  -webkit-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  transition: all .3s ease-out;
  margin-left: 3%;
  margin-top: 40px
}

.pro-list .ul-list li:after {
  background: url(../images/jt.png) no-repeat;
  width: 27px;
  height: 15px;
  content: "";
  display: block;
  position: absolute;
  right: 30px;
  bottom: 35px
}

.pro-list .ul-list li:hover:after {
  background: url(../images/jt2.png) no-repeat;
  width: 27px;
  height: 15px;
  content: "";
  display: block;
  position: absolute;
  right: 30px;
  bottom: 35px
}

.pro-list .ul-list li:hover {
  box-shadow: 4px 4px 20px 5px rgba(0,0,0,.13);
  -webkit-transform: translate(0,-3px);
  -moz-transform: translate(0,-3px);
  -ms-transform: translate(0,-3px);
  -o-transform: translate(0,-3px);
  transform: translate(0,-3px);
  border-bottom-left-radius: 30px;
  border-bottom-right-radius: 30px
}

.pro-list .ul-list li a {
  overflow: hidden;
  display: block;
  position: relative;
  padding-top: 75%
}

.pro-list .ul-list li .xq {
  background: #fff;
  padding: 22px 0 22px 25px;
  border-bottom-left-radius: 30px;
  border-bottom-right-radius: 30px
}

.pro-list .xq h3 a {
  font-size: 20px;
  color: #333;
  font-weight: 700;
  margin-bottom: 15px;
  display: block;
  padding-top: 0;
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis
}

.pro-list .ul-list li:hover .xq h3 a {
  color: #ed1c24
}

.pro-list .xq p {
  font-size: 14px;
  color: #666;
  margin-top: 5px;
  height: 22px;
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  padding-right: 60px
}

.pro-list .xq p img {
  margin-right: 5px
}

.pro-list a img {
  width: 100%;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  -webkit-transition: all 1s ease;
  transition: all 1s ease;
  position: absolute;
  left: 0;
  top: 0
}

.pro-list .ul-list li:hover a img {
  -moz-transform: scale(1.1,1.1);
  -ms-transform: scale(1.1,1.1);
  -o-transform: scale(1.1,1.1);
  -webkit-transform: scale(1.1,1.1);
  transform: scale(1.1,1.1)
}

.fenye {
  padding: 50px 0;
  text-align: center;
  display: block;
  margin: 0 auto;
  position: relative;
  max-width: 1200px
}

.fenye .pagination {
  padding: 10px 0;
  border-radius: 5px
}

.fenye .pagination li {
  font-size: 14px;
  color: #555;
  margin: 0 3px 3px 0;
  text-decoration: none;
  display: inline;
  text-align: center
}

.fenye a {
  font-size: 14px;
  padding: 16px 15px;
  border: #d8d8d8 1px solid;
  color: #555;
  display: inline-table;
  border-radius: 4px
}

.fenye .pagination li.active {
  font-size: 12px;
  font-weight: 700;
  margin-top: 2px;
  background: #1d437b;
  padding: 16px 15px;
  border: #3c74af 1px solid;
  background: -webkit-linear-gradient(left,#1d437b,#3c74af);
  background: -o-linear-gradient(right,#1d437b,#3c74af);
  background: -moz-linear-gradient(right,#1d437b,#3c74af);
  background: -moz-linear-gradient(left,#1d437b,#3c74af);
  background: -o-linear-gradient(left,#1d437b,#3c74af);
  background: linear-gradient(to right,#1d437b,#3c74af);
  color: #fff;
  border-radius: 4px
}

.fenye .pagination li.disable,.fenye .pagination li.disabled {
  font-size: 14px;
  padding: 16px 15px;
  border: #d8d8d8 1px solid;
  color: #555;
  cursor: pointer;
  border-radius: 4px
}

.fenye .pagination li.active a {
  color: #fff
}

.fenye .pagination li:hover a {
  background: #1d437b;
  color: #fff;
  background: -webkit-linear-gradient(left,#1d437b,#3c74af);
  background: -o-linear-gradient(right,#1d437b,#3c74af);
  background: -moz-linear-gradient(right,#1d437b,#3c74af);
  background: -moz-linear-gradient(left,#1d437b,#3c74af);
  background: -o-linear-gradient(left,#1d437b,#3c74af);
  background: linear-gradient(to right,#1d437b,#3c74af);
  border-radius: 4px
}

.nav-list {
  background: #2b2b2b
}

.nav-list li {
  float: left;
  width: 20%;
  text-align: center;
  padding: 32px 0;
  position: relative
}

.nav-list li a {
  color: #6b9ee3;
  font-size: 20px
}

.nav-list li.active a {
  color: #ef4238
}

.nav-list li.active:after {
  display: block;
  content: "";
  font-size: 0;
  line-height: 0;
  border-width: 20px;
  border-color: #fff;
  border-top-width: 0;
  border-style: dashed;
  border-bottom-style: solid;
  border-left-color: transparent;
  border-right-color: transparent;
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: -20px
}

.case-list {
  background: #f5f7fa;
  padding-bottom: 20px
}

.case-list ul {
  padding-top: 33px
}

.case-list li {
  background: #fff;
  overflow: hidden;
  margin-bottom: 33px;
  position: relative;
  -webkit-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  transition: all .3s ease-out
}

.case-list li:after {
  background: url(../images/jt.png) no-repeat;
  width: 27px;
  height: 15px;
  content: "";
  display: block;
  position: absolute;
  right: 20px;
  bottom: 30px
}

.case-list-l {
  float: left;
  width: 33%;
  overflow: hidden;
  max-width: 400px;
  max-height: 300px
}

.case-list-l a {
  display: block;
  overflow: hidden
}

.case-list-l img {
  width: 100%;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  -webkit-transition: all 1s ease;
  transition: all 1s ease
}

.case-list li:hover .case-list-l img {
  -moz-transform: scale(1.1,1.1);
  -ms-transform: scale(1.1,1.1);
  -o-transform: scale(1.1,1.1);
  -webkit-transform: scale(1.1,1.1);
  transform: scale(1.1,1.1)
}

.case-list-r {
  float: left;
  padding: 50px 0 0 30px;
  width: 67%
}

.case-list-r strong {
  display: block;
  margin-bottom: 30px
}

.case-list-r strong a {
  font-size: 30px;
  color: #333
}

.case-list-r p {
  margin-top: 13px;
  font-size: 14px;
  color: #333
}

.case-list-r p img {
  margin-right: 5px
}

.case-list-r span {
  font-size: 14px;
  color: #666;
  display: block;
  margin-top: 34px
}

.case-list li:hover strong a {
  color: #ed1c24
}

.case-list li:hover:after {
  background: url(../images/jt2.png) no-repeat;
  width: 27px;
  height: 15px;
  content: "";
  display: block;
  position: absolute;
  right: 20px;
  bottom: 30px
}

.case-list li:hover {
  box-shadow: 4px 4px 20px 5px rgba(0,0,0,.13);
  -webkit-transform: translate(0,-3px);
  -moz-transform: translate(0,-3px);
  -ms-transform: translate(0,-3px);
  -o-transform: translate(0,-3px);
  transform: translate(0,-3px)
}

.txt-p {
  margin-top: 155px;
  position: relative
}

.txt-p:after {
  background: url(../images/hongxing.png) no-repeat;
  -o-background-size: cover;
  background-size: cover;
  width: 430px;
  height: 48px;
  display: block;
  content: "";
  position: absolute;
  top: -25px;
  left: 0
}

.txt-p p {
  font-size: 60px;
  font-weight: 700;
  display: inline-block;
  color: #fff;
  font-family: '微软雅黑';
  background-image: -webkit-gradient(linear,0 0,0 bottom,from(rgba(255,255,255,1)),to(rgba(255,255,255,.4)));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent
}

.news-list {
  margin-top: -70px;
  position: relative
}

.more-news {
  margin-top: -17%
}

.news-list .gd {
  padding-top: 50px
}

.news-list .gd h1 {
  font-size: 24px;
  color: #333;
  margin-bottom: 30px;
  display: inline-block
}

.news-list .gd h1:before {
  background: url(../images/xgwz.png) no-repeat;
  -o-background-size: 24px 24px;
  background-size: 24px 24px;
  display: inline-block;
  vertical-align: middle;
  margin-top: -4px;
  margin-right: 8px;
  width: 24px;
  content: "";
  height: 24px
}

.news-list .gd h1 a {
  font-size: 28px;
  color: #e30033;
  font-weight: 700
}

.news-list .gd p {
  display: inline-block
}

.news-list .gd p span {
  font-size: 28px;
  color: #5384c7;
  font-weight: 700
}

.news-list .list-head {
  border-top-right-radius: 60px;
  border-bottom-left-radius: 60px;
  padding: 20px 40px 60px 20px;
  background: #fff;
  position: relative
}

.news-list .list-head:before {
  background: url(../images/box_a.png) no-repeat;
  -o-background-size: cover;
  background-size: cover;
  width: 100%;
  height: 147px;
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0
}

.news-list .list-head .pic {
  display: block;
  float: left;
  max-width: 640px;
  width: 52%
}

.news-list .list-head .pic img {
  width: 100%;
  border-radius: 10px
}

.news-list .list-head .list-head-r {
  overflow: hidden;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  min-height: 263px;
  float: right;
  width: 46%;
  margin-top: 35px
}

.news-list .list-head-r .text-box {
  position: absolute;
  top: -48px;
  left: 60%
}

.news-list .list-head-r .text-box p {
  font-size: 20px;
  color: #cc9f67;
  position: relative;
  padding-left: 25px
}

.news-list .list-head-r .text-box p:before {
  background: url(../images/text_b.png) no-repeat;
  -o-background-size: cover;
  background-size: cover;
  width: 13px;
  height: 42px;
  content: "";
  display: inline-block;
  position: absolute;
  top: 7px;
  left: 0
}

.news-list .list-head-r strong a {
  font-size: 42px;
  color: #000;
  margin-bottom: 20px
}

.news-list .list-head-r h1 {
  font-size: 42px;
  color: #000;
  margin-bottom: 20px;
  font-weight: 700
}

.news-list .list-head-r .wl-nl {
  overflow: hidden;
  margin-top: 25px;
  margin-left: -2%
}

.news-list .list-head-r .wl-nl p {
  float: left;
  width: 48%;
  font-size: 16px;
  color: #333;
  margin-left: 2%
}

.news-list .list-head-r .wl-nl p img {
  vertical-align: middle;
  margin-top: -2px
}

.news-list .list-head-r .wl-nl p span {
  font-size: 18px;
  color: #5384c7;
  font-weight: 700
}

.news-list .list-head-r .text {
  margin-top: 30px;
  font-size: 16px;
  color: #333;
  line-height: 1.8em
}

.zx-bj {
  margin-top: 75px;
  overflow: hidden;
  z-index: 55;
  position: relative
}

.zx-bj a {
  float: left;
  width: 40%
}

.zx-bj .sm-bd {
  float: left;
  width: 55%;
  margin-left: 5%
}

.zx-bj .sm-bd p {
  font-size: 14px;
  color: #333
}

.zx-bj .sm-bd p span {
  font-size: 20px;
  font-weight: 700;
  display: inline-block;
  font-family: '微软雅黑';
  background-image: -webkit-gradient(linear,0 0,100% 0,from(#f98c30),to(#f94928));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent
}

.zx-bj .sm-bd p.ewm {
  margin-top: 15px
}

.news-list .list-head-r .fw {
  margin-top: 45px;
  margin-left: -7%
}

.news-list .list-head-r .fw span {
  font-size: 20px;
  color: #cc9f67;
  margin-left: 7%;
  position: relative;
  padding-left: 20px
}

.news-list .list-head-r .fw span:before {
  position: absolute;
  width: 13px;
  height: 13px;
  background: url(../images/l_dian.png) no-repeat;
  -o-background-size: 100% 100%;
  background-size: 100% 100%;
  content: "";
  display: inline-block;
  top: 50%;
  margin-top: -6px;
  left: 0
}

.news-list .u1 li {
  background: #fff;
  border-radius: 5px;
  padding: 40px 50px;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  margin-bottom: 23px;
  -webkit-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  transition: all .3s ease-out;
  box-sizing: border-box;
  box-shadow: 1px 1px 30px #eee
}

.news-list .u1 .fl {
  float: left;
  width: 80%
}

.news-list .u1 .fl h3 a {
  font-size: 20px;
  color: #000;
  font-weight: 700;
  display: block;
  margin-bottom: 20px
}

.news-list .u1 li:hover .fl h3 a {
  color: #ed1c24
}

.news-list .u1 .fl .list-text {
  font-size: 16px;
  color: #666;
  line-height: 2em;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2
}

.news-list .u1 .fl .list-bot {
  margin-top: 15px
}

.news-list .u1 .fl .list-bot span {
  font-size: 14px;
  color: #666
}

.news-list .u1 .fl .list-bot span:after {
  content: "";
  display: inline-block;
  width: 33px;
  height: 3px;
  background: url(../images/dashed.png);
  -o-background-size: cover;
  background-size: cover;
  vertical-align: middle;
  margin-left: 5px;
  margin-top: -3px
}

.news-list .u1 .fl .list-bot a {
  display: inline-block;
  font-size: 14px;
  color: #666;
  padding: 5px 15px;
  border: 1px solid #77a4e5;
  border-radius: 30px;
  margin-left: -5px
}

.news-list .u1 .fr {
  float: right;
  width: 15%;
  font-size: 14px;
  color: #8d8b8b;
  padding: 2% 0;
  border-left: 1px solid #e6e6e6
}

.news-list .u1 .fr .time-day {
  font-size: 30px;
  color: #999;
  padding-left: 50px;
  margin-bottom: 5px
}

.news-list .u1 .fr .time-year {
  font-size: 14px;
  color: #999;
  padding-left: 50px
}

.news-list .u1 .fr img {
  padding-left: 50px;
  margin-top: 15px
}

.news-list .u1 .fr .pic {
  display: none
}

.news-list .u1 li:hover .fr .img {
  display: none
}

.news-list .u1 li:hover .fr .pic {
  display: block
}

.news-list .u1 li:hover {
  box-shadow: 4px 4px 20px 5px rgba(0,0,0,.13);
  -webkit-transform: translate(0,-3px);
  -moz-transform: translate(0,-3px);
  -ms-transform: translate(0,-3px);
  -o-transform: translate(0,-3px);
  transform: translate(0,-3px)
}

.t-page {
  display: none;
  position: absolute;
  left: 0;
  width: 100%;
  bottom: 130px;
  padding: 40px 30px 10px;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #fff;
  z-index: 10;
  box-shadow: 0 0 25px 0 rgba(0,0,0,.1);
  -webkit-box-shadow: 0 0 25px 0 rgba(0,0,0,.1);
  -moz-box-shadow: 0 0 25px 0 rgba(0,0,0,.1)
}

.t-page .ul-page {
  display: none
}

.t-page .ul-page.show {
  display: block
}

.t-page .close {
  position: absolute;
  right: 0;
  top: 5px;
  width: 30px;
  height: 30px;
  line-height: 30px;
  color: #333;
  cursor: pointer
}

.t-page .ico {
  content: '';
  display: block;
  position: absolute;
  bottom: -12px;
  left: 50%;
  margin-left: -12px;
  width: 0;
  height: 0;
  border-width: 12px 12px 0;
  border-style: solid;
  border-color: #e8eaec transparent transparent
}

.t-page .ico em {
  content: '';
  display: block;
  position: absolute;
  bottom: 1px;
  left: -12px;
  width: 0;
  height: 0;
  border-width: 12px 12px 0;
  border-style: solid;
  border-color: #fff transparent transparent
}

.page-close {
  position: absolute;
  right: 15px;
  top: 15px;
  cursor: pointer
}

.ul-page {
  clear: both;
  overflow: hidden;
  position: relative;
  line-height: 45px;
  width: 100%;
  padding: 0 40px;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}

.ul-page li {
  float: left;
  color: #666;
  width: 10%;
  margin-bottom: 10px
}

.ul-page li a,.ul-page li span {
  text-align: center;
  display: inline;
  padding: 10px 35px;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 30px
}

.ul-page li.on span,.ul-page li.cur span,.ul-page li:hover a {
  background: #1d437b;
  color: #fff;
  background: -webkit-linear-gradient(left,#1d437b,#3c74af);
  background: -o-linear-gradient(right,#1d437b,#3c74af);
  background: -moz-linear-gradient(right,#1d437b,#3c74af);
  background: -moz-linear-gradient(left,#1d437b,#3c74af);
  background: -o-linear-gradient(left,#1d437b,#3c74af);
  background: linear-gradient(to right,#1d437b,#3c74af);
  border: none;
  padding: 10px 35px;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 30px
}

.ul-tab-page {
  overflow: hidden;
  margin-top: 20px
}

.ul-tab-page li {
  float: left;
  width: 12%;
  text-align: center;
  margin: 0 1% 15px 1%
}

.ul-tab-page li {
  display: block;
  font-size: 16px;
  color: #05163f;
  line-height: 36px;
  border-radius: 4px;
  cursor: pointer;
}

.ul-tab-page li.on,.ul-tab-page li.cur,.ul-tab-page li:hover {
  background-color: #ecf4ff
}

.mate-list {
  margin-top: -27%
}

.new-jh {
  margin-top: -250px;
  position: relative
}

.new-jh h1 {
  font-size: 36px;
  color: #fff;
  margin-bottom: 25px;
  font-weight: 700
}

.new-cont-l {
  float: left;
  max-width: 950px;
  width: 73%;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}

.new-list {
  color: #fff;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin-left: -3%
}

.nb-bot {
  background: #383a3f;
  color: #fff;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 45px 30px 70px 33px;
  margin-top: 23px
}

.new-list li {
  float: left;
  width: 32%;
  position: relative;
  overflow: hidden;
  height: 560px;
  background-repeat: no-repeat;
  background-position: center;
  -o-background-size: auto 100%;
  background-size: auto 100%;
  transition: .5s;
  -ms-transition: .5s;
  -moz-transition: .5s;
  -webkit-transition: .5s;
  -o-transition: .5s;
  margin-left: 3%
}

.new-list .on {
  width: 62%;
  overflow: hidden
}

.new-list .cover {
  background: url(../images/back_bg.png) repeat;
  height: 100%;
  width: 100%;
  padding: 33px 28px;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative
}

.nb-bot .time,.new-list li .time {
  font-size: 16px;
  margin-bottom: 25px
}

.nb-bot a,.new-list li a {
  font-size: 24px;
  line-height: 36px;
  font-weight: 700;
  color: #fff
}

.nb-bot a:hover,.new-list li a:hover {
  color: #c79556
}

.new-list li .tit {
  font-size: 14px;
  margin-top: 35px;
  line-height: 26px;
  background: url(../images/jg.png) 0 5px no-repeat;
  text-indent: 20px;
  display: none;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2
}

.new-list li.on .tit,.new-list li.on a.more {
  display: block
}

.new-list li a.more {
  font-size: 18px;
  border: 2px solid #6b9ee3;
  font-weight: 400;
  padding: 7px 0 7px 20px;
  display: block;
  width: 40%;
  position: absolute;
  bottom: 25px;
  background: url(../images/xy.png) 95% center no-repeat;
  display: none
}

.nb-bot .tit {
  font-size: 14px;
  color: #fff;
  margin-top: 32px;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 1
}

.new-cont-r {
  width: 27%;
  float: right;
  max-width: 325px
}

.new-cont-r .ts {
  background: #fff;
  position: relative;
  border-bottom-right-radius: 40px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  overflow: hidden
}

.new-cont-r .ts:before {
  background: url(../images/wx.png) no-repeat;
  -o-background-size: cover;
  background-size: cover;
  content: "";
  display: block;
  width: 219px;
  height: 345px;
  position: absolute;
  top: 0
}

.new-cont-r .ts:after {
  background: url(../images/wd.png) no-repeat;
  -o-background-size: cover;
  background-size: cover;
  content: "";
  display: block;
  width: 208px;
  height: 87px;
  position: absolute;
  top: 50px;
  right: 15px
}

.new-cont-r .ts .text {
  font-size: 16px;
  color: #6b9ee3;
  line-height: 1.8em;
  margin-bottom: 50px;
  padding: 30px 25px 0;
  position: relative;
  z-index: 5
}

.new-cont-r .ts .text span {
  color: #cc9f67
}

.new-cont-r .ts .whrit {
  padding: 0 30px 25px
}

.new-cont-r .ts .whrit img {
  display: block;
  float: left
}

.new-cont-r .ts .l-r {
  float: left;
  margin-left: 10px
}

.new-cont-r .ts .l-r p {
  font-size: 16px;
  color: #1d427a
}

.new-cont-r .ts .l-r strong {
  font-size: 20px;
  color: #1d427a;
  font-weight: 700
}

.new-cont-r .ts .l-r strong span {
  font-size: 16px;
  font-weight: 400
}

.new-cont-r .ts .zx-sy {
  background: url(../images/zk.png) no-repeat;
  -o-background-size: 100%;
  background-size: 100%;
  padding: 35px 0 35px 70px;
  display: block;
  cursor: pointer;
  z-index: 5;
  position: relative
}

.new-cont-r .ts a.sq {
  font-size: 20px;
  font-weight: 700;
  display: inline-block;
  font-family: '微软雅黑';
  background-image: -webkit-gradient(linear,0 0,0 100%,from(#1d427a),to(#396faa));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  cursor: pointer
}

.new-cont-r .ss-new {
  background: #fff;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 24px;
  margin-top: 22px
}

.new-cont-r .ss-new .strong {
  font-size: 24px;
  color: #010101;
  font-weight: 400;
  margin-bottom: 25px;
  display: block
}

.new-cont-r .ss-new:hover .strong {
  color: #ed1c24;
  -webkit-animation: jello 1s both;
  -moz-animation: jello 1s both;
  -o-animation: jello 1s both;
  animation: jello 1s both
}

@keyframes jello {
  11.1%,from,to {
      -webkit-transform: translate3d(0,0,0);
      -moz-transform: translate3d(0,0,0);
      transform: translate3d(0,0,0)
  }

  22.2% {
      -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
      -moz-transform: skewX(-12.5deg) skewY(-12.5deg);
      -o-transform: skewX(-12.5deg) skewY(-12.5deg);
      transform: skewX(-12.5deg) skewY(-12.5deg)
  }

  33.3% {
      -webkit-transform: skewX(6.25deg) skewY(6.25deg);
      -moz-transform: skewX(6.25deg) skewY(6.25deg);
      -o-transform: skewX(6.25deg) skewY(6.25deg);
      transform: skewX(6.25deg) skewY(6.25deg)
  }

  44.4% {
      -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
      -moz-transform: skewX(-3.125deg) skewY(-3.125deg);
      -o-transform: skewX(-3.125deg) skewY(-3.125deg);
      transform: skewX(-3.125deg) skewY(-3.125deg)
  }

  55.5% {
      -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
      -moz-transform: skewX(1.5625deg) skewY(1.5625deg);
      -o-transform: skewX(1.5625deg) skewY(1.5625deg);
      transform: skewX(1.5625deg) skewY(1.5625deg)
  }

  66.6% {
      -webkit-transform: skewX(-.78125deg) skewY(-.78125deg);
      -moz-transform: skewX(-.78125deg) skewY(-.78125deg);
      -o-transform: skewX(-.78125deg) skewY(-.78125deg);
      transform: skewX(-.78125deg) skewY(-.78125deg)
  }

  77.7% {
      -webkit-transform: skewX(.390625deg) skewY(.390625deg);
      -moz-transform: skewX(.390625deg) skewY(.390625deg);
      -o-transform: skewX(.390625deg) skewY(.390625deg);
      transform: skewX(.390625deg) skewY(.390625deg)
  }

  88.8% {
      -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg);
      -moz-transform: skewX(-.1953125deg) skewY(-.1953125deg);
      -o-transform: skewX(-.1953125deg) skewY(-.1953125deg);
      transform: skewX(-.1953125deg) skewY(-.1953125deg)
  }
}

.new-cont-r .ss-new li {
  overflow: hidden;
  border-bottom: 1px solid #f5f7fa;
  padding-bottom: 20px;
  margin-top: 20px;
  height: 70px
}

.new-cont-r .ss-new li img {
  display: block;
  float: left;
  width: 4%;
  margin-top: 7px
}

.new-cont-r .ss-new li a {
  display: block;
  float: left;
  width: 93%;
  margin-left: 2%;
  font-size: 16px;
  color: #333;
  line-height: 24px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  overflow: hidden
}

.new-cont-r .ss-new li:hover a {
  color: #ed1c24
}

.pro-know {
  padding-bottom: 80px;
  margin-top: 80px
}

.pro-know .text {
  margin-bottom: 30px
}

.pro-know .text strong a {
  font-size: 36px;
  color: #000;
  display: block;
  float: left
}

.pro-know .text strong:hover a {
  color: #ed1c24
}

.pro-know .text .more {
  float: right;
  font-size: 18px;
  margin-top: 15px;
  color: #666
}

.pro-know .text .more:hover {
  color: #ed1c24
}

.pro-know li {
  width: 32%;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  vertical-align: top;
  margin-bottom: 1%;
  margin-right: 1%;
  zoom:1;-webkit-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  transition: all .3s ease-out
}

.pro-know li .pic img {
  width: 100%
}

.pro-know li .box {
  display: block;
  line-height: 1.5;
  height: 100%;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  box-shadow: 1px 1px 30px #eee;
  height: 280px;
  background: #fff
}

.pro-know li:hover {
  box-shadow: 4px 4px 20px 5px rgba(0,0,0,.13);
  -webkit-transform: translate(0,-3px);
  -moz-transform: translate(0,-3px);
  -ms-transform: translate(0,-3px);
  -o-transform: translate(0,-3px);
  transform: translate(0,-3px)
}

.pro-know li .box .know {
  background: #fff;
  padding: 40px 35px
}

.pro-know li .box .time {
  font-size: 16px;
  color: #666
}

.pro-know li .box .time img {
  width: 15px
}

.pro-know li .know h3 a {
  font-size: 18px;
  color: #333;
  margin: 30px auto 70px;
  display: block;
  font-weight: 700
}

.pro-know li .know .more a {
  font-size: 16px;
  color: #c79556
}

.pro-know li:hover .know .more a {
  font-weight: 700;
  -webkit-animation: flash 1s both;
  -moz-animation: flash 1s both;
  -o-animation: flash 1s both;
  animation: flash 1s both
}

@-webkit-keyframes flash {
  50%,from,to {
      opacity: 1
  }

  25%,75% {
      opacity: .2
  }
}

@-moz-keyframes flash {
  50%,from,to {
      opacity: 1
  }

  25%,75% {
      opacity: .2
  }
}

@-o-keyframes flash {
  50%,from,to {
      opacity: 1
  }

  25%,75% {
      opacity: .2
  }
}

@keyframes flash {
  50%,from,to {
      opacity: 1
  }

  25%,75% {
      opacity: .2
  }
}

.pro-know li:hover h3 a {
  color: #ed1c24
}

.mate-list ul {
  margin-left: -3%
}

.mate-list ul li {
  float: left;
  width: 30.333%;
  position: relative;
  -webkit-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  transition: all .3s ease-out;
  margin-left: 3%;
  margin-bottom: 40px
}

.mate-list ul li:hover {
  box-shadow: 4px 4px 20px 5px rgba(107,158,227,.13);
  -webkit-transform: translate(0,-3px);
  -moz-transform: translate(0,-3px);
  -ms-transform: translate(0,-3px);
  -o-transform: translate(0,-3px);
  transform: translate(0,-3px);
  border-bottom-left-radius: 30px;
  border-bottom-right-radius: 30px
}

.mate-list ul li:after {
  background: url(../images/jt.png) no-repeat;
  width: 27px;
  height: 15px;
  content: "";
  display: block;
  position: absolute;
  right: 20px;
  bottom: 28px
}

.mate-list ul li:hover:after {
  background: url(../images/jt3.png) no-repeat
}

.mate-list ul li a {
  overflow: hidden;
  display: block
}

.mate-list ul li a img {
  width: 100%;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  -webkit-transition: all 1s ease;
  transition: all 1s ease
}

.mate-list ul li:hover a img {
  -moz-transform: scale(1.1,1.1);
  -ms-transform: scale(1.1,1.1);
  -o-transform: scale(1.1,1.1);
  -webkit-transform: scale(1.1,1.1);
  transform: scale(1.1,1.1)
}

.mate-list li .xq {
  background: #fff;
  height: 80px;
  line-height: 80px;
  padding-left: 30px;
  border-bottom-left-radius: 30px;
  border-bottom-right-radius: 30px
}

.mate-list .xq h3 a {
  font-size: 20px;
  color: #333;
  font-weight: 700;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  padding-right: 40px
}

.mate-list li:hover .xq h3 a {
  color: #da251d
}

.new-cont {
  margin-top: -15%;
  position: relative
}

.new-cont h1 {
  font-size: 36px;
  color: #fff;
  font-weight: 700
}

.new-cont .tb-top .text {
  font-size: 12px;
  color: #666;
  margin-top: 20px;
  display: inline-block;
  background: #fff;
  border-radius: 30px;
  padding: 12px 60px 12px 30px;
  margin-bottom: 60px
}

.new-cont .text .zuozhe {
  margin-left: 20px
}

.new-cont .text img {
  width: 15px
}

.new-cont-left {
  width: 66.7%;
  float: left
}

.new-cont-left h2 {
  font-size: 28px;
  color: #333;
  font-weight: 600;
  margin-top: 30px;
  position: relative
}

// .new-cont-left h2:before {
  content: "";
  display: inline-block;
  background: url(../images/h_a.png) no-repeat;
  width: 32px;
  height: 32px;
  vertical-align: middle;
  margin-right: 10px;
  -o-background-size: cover;
  background-size: cover
}

.new-cont-left h3 {
  font-size: 22px;
  color: #333;
  font-weight: 600;
  margin-top: 30px;
  position: relative
}

.new-cont-left h3:before {
  content: "";
  display: inline-block;
  background: url(../images/h_a.png) no-repeat;
  width: 32px;
  height: 32px;
  vertical-align: middle;
  margin-right: 10px;
  -o-background-size: cover;
  background-size: cover
}

.new-cont-left table {
  margin-top: 20px;
  width: 100%;
  font-size: 14px;
  margin-bottom: 10px;
  text-align: center!important;
  word-break: break-all
}

.new-cont-left p {
  font-size: 16px;
  color: #666;
  line-height: 1.8em;
  margin-top: 24px
}

.zy-jt {
  color: #000
}

.new-cont-left p video {
  width: 100%
}

.new-cont-left p a {
  color: #da251d;
  display: inline-block;
  padding: 0 4px
}

.new-cont-left p a:hover {
  text-decoration: underline
}

.new-cont-left p img {
  text-align: center;
  display: block;
  margin: 0 auto;
  max-width: 100%;
  width: auto!important
}

.content-bg {
  background: #fff;
  padding: 45px 50px;
  border-top-left-radius: 30px;
  border-top-right-radius: 30px
}

.new-cont-left p em {
  font-size: 18px;
  color: #c79556;
  margin-left: 5px;
  margin-right: 5px;
  font-weight: 700
}

.new-cont-left p .xw_swt {
  position: relative;
  display: inline-block;
  color: #f5e3bd;
  background: #1f447d;
  font-size: 18px;
  background: -webkit-linear-gradient(left,#1f447d,#3c73ae);
  background: -o-linear-gradient(right,#1f447d,#3c73ae);
  background: -moz-linear-gradient(right,#1f447d,#3c73ae);
  background: -moz-linear-gradient(left,#1f447d,#3c73ae);
  background: -o-linear-gradient(left,#1f447d,#3c73ae);
  background: linear-gradient(to right,#1f447d,#3c73ae);
  height: 42px;
  line-height: 42px;
  padding: 0 16px 0 36px;
  border-top-left-radius: 10px;
  border-top-right-radius: 30px;
  border-bottom-right-radius: 30px;
  border-bottom-left-radius: 10px;
  margin-left: 5px;
  margin-right: 5px;
  cursor: pointer
}

.new-cont-left p .xw_swt::before {
  position: absolute;
  width: 13px;
  height: 13px;
  background: url(../images/a_lj.png) no-repeat;
  -o-background-size: 100% 100%;
  background-size: 100% 100%;
  content: "";
  display: inline-block;
  top: 50%;
  margin-top: -6px;
  left: 16px
}

.new-cont-left p strong {
  color: #333
}

.new-cont-left .str,.pro-cont-left .str {
  color: #333;
  font-size: 16px;
  font-weight: 700
}

.new-cont-left .cs-lj {
  text-align: center
}

.new-cont-left .cs-lj a {
  background: -webkit-linear-gradient(left,#1f457e,#3a70ab);
  background: -o-linear-gradient(right,#1f457e,#3a70ab);
  background: -moz-linear-gradient(right,#1f457e,#3a70ab);
  background: -moz-linear-gradient(left,#1f457e,#3a70ab);
  background: -o-linear-gradient(left,#1f457e,#3a70ab);
  background: linear-gradient(to right,#1f457e,#3a70ab);
  color: #f5e3bd!important;
  font-size: 18px;
  line-height: 48px;
  padding: 0 50px 0 30px;
  border-radius: 50px;
  position: relative
}

.new-cont-left .cs-lj a:after {
  background: url(../images/h_jt.png) no-repeat;
  -o-background-size: 100% 100%;
  background-size: 100% 100%;
  width: 16px;
  height: 18px;
  content: "";
  display: block;
  position: absolute;
  right: 20px;
  top: 50%;
  margin-top: -9px
}

.new-cont-right {
  float: right;
  width: 28%;
  margin-top: -78px
}

.new-cont-right .box {
  background: url(../images/right_bg.png) no-repeat;
  -o-background-size: 100% 100%;
  background-size: 100% 100%;
  padding: 45px 40px 130px;
  position: relative
}

.new-cont-right .box .text span {
  font-size: 18px
}

.new-cont-right .box .text {
  font-size: 16px;
  color: #fff;
  line-height: 1.8em
}

.new-cont-right .whrit {
  margin-top: 40px
}

.new-cont-right .whrit img {
  display: block;
  float: left
}

.new-cont-right .whrit .l-r {
  float: left;
  margin-left: 10px
}

.new-cont-right .whrit .l-r p {
  font-size: 16px;
  color: #fff
}

.new-cont-right .whrit .l-r strong {
  font-size: 20px;
  color: #f9ca32;
  font-weight: 700
}

.new-cont-right .whrit .l-r strong span {
  font-size: 16px;
  font-weight: 400
}

.new-cont-right .zx-sy {
  background: url(../images/zk2.png) no-repeat;
  -o-background-size: 100% 100%;
  background-size: 100% 100%;
  padding: 35px 0 35px 50px;
  display: block;
  cursor: pointer;
  width: 86%;
  position: absolute;
  bottom: 1px;
  left: 20px
}

/* .new-cont-right .zx-sy .sq{font-size:20px;font-weight:700;display:inline-block;font-family:'微软雅黑';background-image:-webkit-gradient(linear,0 0,0 100%,from(#1d427a),to(#396faa));-webkit-background-clip:text;-webkit-text-fill-color:transparent;cursor:pointer;position:relative} */
.new-cont-right .zx-sy .sq {
  font-size: 20px;
  font-weight: 700;
  display: inline-block;
  font-family: '微软雅黑';
  color: #FFF;
  cursor: pointer;
  position: relative
}

.new-cont-right .zx-sy .sq:after {
  background: url(../images/jsz.png) no-repeat;
  content: "";
  display: inline-block;
  width: 20px;
  height: 26px;
  -o-background-size: cover;
  background-size: cover;
  position: absolute;
  right: -25px;
  bottom: -8px;
  -webkit-animation: jsz 2s infinite;
  -moz-animation: jsz 2s infinite;
  -o-animation: jsz 2s infinite;
  animation: jsz 2s infinite
}

@-webkit-keyframes jsz {
  0% {
      -webkit-transform: translate(0,0);
      transform: translate(0,0);
      opacity: .2
  }

  100% {
      -webkit-transform: translate(-3px,-5px);
      transform: translate(-3px,-5px);
      opacity: 1
  }
}

@-moz-keyframes jsz {
  0% {
      -moz-transform: translate(0,0);
      transform: translate(0,0);
      opacity: .2
  }

  100% {
      -moz-transform: translate(-3px,-5px);
      transform: translate(-3px,-5px);
      opacity: 1
  }
}

@-o-keyframes jsz {
  0% {
      -o-transform: translate(0,0);
      transform: translate(0,0);
      opacity: .2
  }

  100% {
      -o-transform: translate(-3px,-5px);
      transform: translate(-3px,-5px);
      opacity: 1
  }
}

@keyframes jsz {
  0% {
      -webkit-transform: translate(0,0);
      -moz-transform: translate(0,0);
      -o-transform: translate(0,0);
      transform: translate(0,0);
      opacity: .2
  }

  100% {
      -webkit-transform: translate(-3px,-5px);
      -moz-transform: translate(-3px,-5px);
      -o-transform: translate(-3px,-5px);
      transform: translate(-3px,-5px);
      opacity: 1
  }
}

.tj-pro {
  background: url(../images/xg.png) repeat;
  padding: 20px 0;
  border-radius: 5px;
  margin-top: 35px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 30px
}

.tj-pro strong {
  font-size: 20px;
  color: #333;
  text-align: center;
  display: block
}

.tj-pro .pic {
  text-align: center
}

.tj-pro ul {
  width: 90%;
  margin: 0 auto
}

.tj-pro li {
  margin-top: 20px
}

.tj-pro li a {
  display: block;
  color: #333;
  font-size: 18px
}

.tj-pro li a img {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px
}

.tj-pro li h3 {
  text-align: center;
  line-height: 3;
  font-size: 14px;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
  background: #fff;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  box-shadow: 0 3px 10px rgba(0,0,0,.1);
  -webkit-transition: all .6s ease;
  -o-transition: all .6s ease;
  -moz-transition: all .6s ease;
  transition: all .6s ease
}

.tj-pro li:hover h3 {
  box-shadow: 0 0 20px rgba(33,73,130,.2) inset;
  -webkit-transition: all .6s ease;
  -o-transition: all .6s ease;
  -moz-transition: all .6s ease;
  transition: all .6s ease
}

.tj-pro li:hover h3 a {
  color: #da251d;
  -webkit-transition: all .6s ease;
  -o-transition: all .6s ease;
  -moz-transition: all .6s ease;
  transition: all .6s ease
}

.color-bg {
  background: #fff
}

.new-all-left {
  padding-top: 50px
}

.all-left {
  padding-bottom: 50px;
  width: 70%
}

.prevnext {
  background: #fff;
  box-shadow: 0 0 25px rgba(33,73,130,.2);
  border-radius: 10px;
  padding: 0 30px
}

.prevnext .prev {
  border-bottom: 1px dashed #ddd
}

.prevnext p {
  font-size: 16px;
  color: #666;
  padding: 20px 0;
  margin-top: 0
}

.prevnext p a {
  font-size: 16px;
  color: #666
}

.prevnext p a:hover {
  color: #da251d
}

.prevnext p b {
  color: #333;
  font-weight: 400
}

.prevnext p img {
  width: 22px!important;
  margin-right: 10px;
  display: inline-block
}

.online-message {
  padding-top: 45px;
  padding-bottom: 50px;
  width: 100%
}

.mag-box {
  background: url(../images/l_bg.png) no-repeat center #fff;
  text-align: center;
  width: 415px;
  margin: 0 auto;
  position: relative;
  z-index: 5;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
  padding: 10px 0 35px
}

.mag-head strong {
  font-size: 30px;
  display: inline-block;
  color: #1d427a;
  font-family: '微软雅黑';
  background-image: -webkit-gradient(linear,0 0,150 0,from(rgba(29,66,122,1)),to(rgba(62,119,178,1)));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  line-height: 1
}

.mag-head span {
  font-size: 16px;
  color: #1d427a;
  font-family: '微软雅黑';
  background-image: -webkit-gradient(linear,0 0,150 0,from(rgba(29,66,122,1)),to(rgba(62,119,178,1)));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  line-height: 1
}

.ly-tj {
  margin-top: -75px
}

.ly-tj .hed-t {
  background: url(../images/ly_t.jpg) no-repeat;
  -o-background-size: 100% 100%;
  background-size: 100% 100%;
  height: 343px;
  width: 100%;
  position: relative
}

.ly-tj .hed-t p {
  position: absolute;
  font-size: 20px;
  color: #fff
}

.ly-tj .hed-t .one {
  bottom: 110px;
  left: 75px
}

.ly-tj .hed-t .two {
  bottom: 160px;
  left: 370px
}

.ly-tj .hed-t .three {
  right: 90px;
  bottom: 200px
}

.ly-tj .pic-box {
  position: absolute;
  right: 20px;
  bottom: -30px
}

.ly-tj .pic-box img {
  width: 165px;
  position: relative;
  z-index: 9
}

.messages {
  margin-top: 70px
}

.messages li {
  margin-top: 20px;
  float: left;
  width: 47%
}

.messages li span {
  float: left;
  margin-right: 15px
}

.messages li.li-three {
  width: 94%
}

.messages li .one-pic img {
  width: 27px;
  margin-top: 15px
}

.messages li .two-pic img {
  width: 39px;
  margin-top: 10px
}

.messages li .three-pic img {
  width: 31px;
  margin-top: 20px
}

.messages li input {
  float: left;
  box-shadow: 0 0 20px rgba(33,73,130,.2);
  width: 80%;
  height: 60px;
  line-height: 40px;
  font-size: 16px;
  border-radius: 10px;
  padding: 10px 25px;
  border-top-right-radius: 0;
  border: 1px solid #e8f2ff\0
}

.messages li textarea {
  float: left;
  box-shadow: 0 0 20px rgba(33,73,130,.2);
  width: 91%;
  height: 170px;
  line-height: 1.5em;
  font-size: 16px;
  border-radius: 10px;
  padding: 25px;
  border-top-right-radius: 0;
  resize: none;
  border: 1px solid #e8f2ff\0
}

.form-box {
  margin-right: 60px;
  box-shadow: 0 0 20px rgba(33,73,130,.2);
  border-bottom-right-radius: 60px;
  padding: 35px 30px 70px 65px;
  position: relative;
  background: #fff;
  margin-top: -90px
}

.form-box::after {
  position: absolute;
  left: 0;
  bottom: 0;
  background: url(../images/ly_bg.png) no-repeat;
  -o-background-size: cover;
  background-size: cover;
  width: 59px;
  height: 462px;
  content: ""
}

.form-box .tit {
  font-size: 16px;
  color: #333;
  line-height: 1.5em;
  width: 82%
}

input::-webkit-input-placeholder,textarea::-webkit-input-placeholder {
  color: #bebebe
}

.but-tj {
  overflow: hidden;
  margin-top: 28px
}

.but-tj .tj-box {
  position: absolute;
  right: -15px;
  bottom: 40px
}

.but-tj p {
  float: left;
  display: block;
  color: #1d427a;
  font-family: '微软雅黑';
  background-image: -webkit-gradient(linear,0 0,150 0,from(rgba(255,76,74,1)),to(rgba(255,143,74,1)));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin-top: 22px;
  font-size: 24px
}

.but-tj button {
  float: right;
  background: url(../images/button_bg.png) no-repeat;
  width: 221px;
  height: 88px;
  line-height: 88px;
  color: #fff;
  font-size: 28px;
  position: relative;
  z-index: 5;
  cursor: pointer
}

.but-tj button:hover {
  color: #3c74ae
}

.but-tj button::after {
  background: url(../images/but_b.png) no-repeat;
  width: 112px;
  height: 20px;
  -o-background-size: cover;
  background-size: cover;
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  margin-top: -10px;
  left: -105px
}

.new-xg {
  border-radius: 10px
}

.new-xg .name-head {
  background: #bbcde3;
  border-radius: 10px;
  overflow: hidden;
  height: 89px
}

.new-xg .name-head p {
  float: left;
  background: #fff;
  margin-left: 5px;
  margin-top: 7px;
  border-top-left-radius: 40px;
  border-top-right-radius: 40px;
  padding: 25px 90px
}

.new-xg .name-head p img {
  vertical-align: middle;
  margin-top: -8px;
  margin-right: 5px;
  display: inline-block
}

.new-xg .name-head p span {
  font-size: 26px;
  color: #333;
  font-weight: 700
}

.new-xg .name-head .box {
  float: right;
  line-height: 90px;
  margin-right: 20px
}

.new-xg .name-head .box img {
  vertical-align: middle;
  margin-top: -3px
}

.new-xg .name-head .box span {
  font-size: 16px;
  color: #1d427a;
  margin-right: 8px;
  -moz-transition: all .5s ease;
  -o-transition: all .5s ease;
  -webkit-transition: all .5s ease;
  transition: all .5s ease
}

.new-xg .name-head .box span:hover {
  margin-right: 3px
}

.new-xg ul {
  padding: 0 40px 0 30px;
  box-shadow: 0 0 20px rgba(33,73,130,.2);
  width: 98.5%;
  margin: -2px auto 0
}

.new-xg li {
  border-bottom: 1px dashed #ddd;
  padding-bottom: 30px;
  padding-top: 30px
}

.new-xg li:last-child {
  border-bottom: none
}

.new-xg li.last {
  border: none
}

.new-xg li .tit {
  font-size: 18px;
  color: #333;
  background: url(../images/a_bg.png) no-repeat center left;
  -o-background-size: 10px 8px;
  background-size: 10px 8px;
  padding-left: 15px
}

.new-xg li:hover .tit {
  color: #da251d
}

.new-xg li .xg-pic-more {
  overflow: hidden;
  margin-top: 10px;
  margin-left: -.333%;
  padding-left: 15px
}

.new-xg li .xg-pic-more img {
  -o-object-fit: cover;
  object-fit: cover;
  max-height: 155px
}

.new-xg li .xg-pic-more a {
  float: left;
  margin-left: .333%;
  display: block;
  width: 33%;
  overflow: hidden
}

.new-xg li p {
  margin-top: 8px;
  padding-left: 15px
}

.new-xg li p img {
  width: 12px!important;
  vertical-align: middle;
  margin-top: -2px;
  margin-right: 5px;
  display: inline-block
}

.new-xg li p span {
  font-size: 14px;
  color: #8797b5
}

.new-xg li .video-pic {
  margin-top: 10px;
  position: relative;
  padding-left: 15px;
  overflow: hidden
}

.new-xg li .video-pic a {
  float: left;
  margin-left: .333%;
  display: block;
  overflow: hidden
}

.new-xg li .video-pic img {
  display: block;
  width: 100%
}

.new-xg li .video-pic .video-play-icon {
  height: 76px;
  width: 76px;
  z-index: 50;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -38px;
  margin-left: -38px;
  border-radius: 50%;
  background: #1d437b;
  background: -webkit-linear-gradient(left,#1d437b,#3e77b2);
  background: -o-linear-gradient(right,#1d437b,#3e77b2);
  background: -moz-linear-gradient(right,#1d437b,#3e77b2);
  background: -moz-linear-gradient(left,#1d437b,#3e77b2);
  background: -o-linear-gradient(left,#1d437b,#3e77b2);
  background: linear-gradient(to right,#1d437b,#3e77b2)
}

.new-xg li .video-pic .video-play-icon:after {
  border-width: 15px 0 15px 25px;
  margin-left: -8px;
  margin-top: -15px;
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  left: 50%;
  top: 50%;
  border-style: solid;
  border-color: transparent transparent transparent #fff
}

#boxBlank {
  position: absolute;
  z-index: 4;
  left: 0;
  top: 0;
  width: 98%;
  height: 100%;
  background: rgba(0,0,0,.4);
  margin-left: 2%
}

.hx-cs {
  margin-top: 45px
}

.hx-cs strong {
  font-size: 36px;
  color: #333;
  display: block;
  text-align: center
}

.hx-cs strong span {
  color: #3466a1
}

.hx-cs .txt {
  font-size: 18px;
  color: #666;
  text-align: center;
  margin-top: 25px
}

.hx-cs .pos-box {
  position: relative;
  padding: 75px 0 45px
}

.hx-cs .box {
  position: absolute;
  text-align: center
}

.hx-cs .box.one {
  left: 8%;
  bottom: 30px
}

.hx-cs .box.two {
  top: 55px;
  left: 31%
}

.hx-cs .box.three {
  right: 34.4%;
  bottom: 30px
}

.hx-cs .box.four {
  top: 55px;
  right: 7.5%
}

.new-cont-left .hx-cs .box p {
  margin-top: 0
}

.new-cont-left .hx-cs .box.four {
  right: 4%
}

.new-cont-left .hx-cs .box.three {
  right: 32.4%
}

.hx-cs .box p {
  font-size: 18px;
  color: #333;
  margin-bottom: 3px
}

.hx-cs .box span {
  font-size: 14px;
  color: #666
}

.xw-zx {
  overflow: hidden;
  background: url(../images/xg.png) repeat;
  padding: 10px
}

.xw-zx .box {
  background: url(../images/box_bg.jpg) no-repeat;
  -o-background-size: cover;
  background-size: cover;
  width: 100%;
  height: 226px;
  border-radius: 10px;
  padding: 35px 13%
}

.xw-zx .box .tit {
  font-size: 18px;
  color: #cb9e67;
  text-align: center;
  margin-bottom: 25px;
  margin-top: 0;
  line-height: 1
}

.xw-zx a {
  float: left;
  width: 40%;
  margin-top: 15px
}

.xw-zx .sm-bd {
  float: left;
  width: 55%;
  margin-left: 3%
}

.xw-zx .sm-bd p {
  font-size: 14px;
  color: #cb9e67;
  margin-top: 0;
  display: inline
}

.xw-zx .sm-bd p span {
  font-size: 20px;
  font-weight: 700;
  display: inline-block;
  font-family: '微软雅黑';
  background-image: -webkit-gradient(linear,0 0,100% 0,from(#f98c30),to(#f94928));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin-right: 3%
}

.xw-zx .sm-bd p.ewm {
  margin-top: 30px;
  display: block
}

.xw-zx .sm-bd p.ewm img {
  display: inline-block;
  text-align: left
}

.pro-box {
  margin-top: -29%
}

.pro-cont-top {
  background: url(../images/ul_nav.png) no-repeat;
  padding: 30px 0;
  margin-top: 60px;
  -o-background-size: cover;
  background-size: cover
}

.pro-cont-top ul {
  overflow: hidden
}

.pro-cont-top li {
  float: left;
  font-size: 18px;
  color: #333;
  text-align: center;
  width: 15.5%;
  cursor: pointer;
  padding-left: 4%
}

.pro-cont-top li a {
  font-size: 18px;
  color: #333
}

.pro-cont-top li:hover a {
  color: #da251d
}

.pro-box .list-head {
  box-shadow: 0 0 20px rgba(33,73,130,.2)
}

.pro-box .list-head:before {
  background: url(../images/box_a2.png) no-repeat;
  height: 220px
}

.pro-pic {
  display: block;
  float: left;
  width: 52%;
  overflow: hidden;
  padding-left: 2%;
  margin-top: 30px
}

.pro-pic img {
  width: 100%;
  max-width: 600px
}

.pro-pic .fw {
  margin-top: 60px;
  margin-left: -6%;
  float: left;
  width: 100%
}

.pro-pic .fw span {
  font-size: 22px;
  color: #cc9f67;
  margin-left: 6%;
  position: relative;
  padding-left: 20px
}

.pro-pic .fw span:before {
  position: absolute;
  width: 13px;
  height: 13px;
  background: url(../images/l_dian.png) no-repeat;
  -o-background-size: 100% 100%;
  background-size: 100% 100%;
  content: "";
  display: inline-block;
  top: 50%;
  margin-top: -6px;
  left: 0
}

.pro_cans {
  margin-top: 55px
}

.pro_cans dt {
  width: 10%;
  float: left
}

.pro_cans dl {
  float: left;
  width: 44%
}

.pro_cans dt img {
  display: block;
  margin-bottom: 10px
}

.pro_cans dd {
  float: left;
  width: 84%;
  margin-top: -15px;
  margin-left: 10px
}

.pro_cans dd span {
  font-size: 14px;
  padding: 15px 20px;
  display: block;
  cursor: pointer;
  border-radius: 10px;
  background: #fff;
  position: relative;
  margin-bottom: 10px;
  box-shadow: 0 0 10px rgba(33,73,130,.4) inset
}

.pro_cans dd .hover {
  background: #1d427a;
  background: -webkit-linear-gradient(left,#1d427a,#3e77b2);
  background: -o-linear-gradient(right,#1d427a,#3e77b2);
  background: -moz-linear-gradient(right,#1d427a,#3e77b2);
  background: -moz-linear-gradient(left,#1d427a,#3e77b2);
  background: -o-linear-gradient(left,#1d427a,#3e77b2);
  background: linear-gradient(to right,#1d427a,#3e77b2);
  color: #fff;
  box-shadow: none;
  position: relative
}

.pro_cans dd .hover:after {
  background: url(../images/cl_bg.png) no-repeat;
  -o-background-size: cover;
  background-size: cover;
  width: 26px;
  height: 31px;
  position: absolute;
  bottom: 8px;
  right: -13px;
  display: block;
  content: ""
}

.pro_cans ul {
  min-height: 166px;
  padding: 40px 30px 30px;
  background: #fff;
  display: none;
  box-shadow: 0 0 20px rgba(82,167,255,.5);
  border-radius: 10px
}

.pro_cans li {
  font-size: 14px;
  color: #333;
  margin-bottom: 13px;
  padding-left: 20px;
  background: url(../images/l_dian.png) no-repeat left center
}

.pro_cans li.born {
  border: none
}

.pro_cans .xg-bg {
  width: 56%;
  margin: -20px auto 0;
  border-radius: 10px;
  float: right;
  background: url(../images/xg.png) repeat #fff;
  padding: 7px;
  box-shadow: 0 2px 10px rgba(33,73,130,.1)
}

.prozx-bj {
  margin-top: 60px;
  overflow: hidden
}

.pro-cont {
  background: #fff;
  padding: 20px 0 0 50px;
  position: relative
}

.pro-cont:before {
  background: url(../images/xg2.png) repeat;
  width: 77%;
  height: 70px;
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  display: block
}

.pro-cont-left {
  float: left;
  width: 70%
}

.pro-cont-left h2 {
  font-size: 24px;
  color: #333;
  font-weight: 600;
  margin-top: 30px;
  position: relative
}

.pro-cont-left h2:before {
  content: "";
  display: inline-block;
  background: url(../images/h_a.png) no-repeat;
  width: 32px;
  height: 32px;
  vertical-align: middle;
  margin-right: 10px;
  -o-background-size: cover;
  background-size: cover
}

.pro-cont-left .pro-ys .numb-pos {
  overflow: hidden
}

.pro-cont-left .pro-ys span {
  font-size: 20px;
  color: #333;
  position: absolute;
  top: -44px;
  left: 73px
}

.pro-cont-left .pro-ys .odd span {
  background: url(../images/ys_ol.png) no-repeat;
  -o-background-size: 100% 100%;
  background-size: 100% 100%;
  padding: 20px 31px
}

.pro-cont-left .pro-ys .even span {
  background: url(../images/ys_tl.png) no-repeat;
  -o-background-size: 100% 100%;
  background-size: 100% 100%;
  padding: 20px 71px
}

.pro-cont-left .pro-ys .odd .numb-box {
  background: url(../images/ys_one.png) no-repeat;
  -o-background-size: cover;
  background-size: cover;
  width: 94px;
  height: 94px;
  position: relative;
  float: left
}

.pro-cont-left .pro-ys .even .numb-box {
  background: url(../images/ys_two.png) no-repeat;
  -o-background-size: cover;
  background-size: cover;
  width: 94px;
  height: 94px;
  position: relative;
  float: left
}

.pro-cont-left .pro-ys li {
  position: relative;
  margin-top: 70px
}

.pro-cont-left .pro-ys li i {
  display: block;
  width: 23px;
  height: 28px;
  -o-background-size: cover;
  background-size: cover;
  position: absolute;
  left: 50%;
  top: 30%;
  margin-left: -3px
}

.pro-cont-left .pro-ys .odd .numb-box span {
  display: inline-block;
  position: absolute
}

.pro-cont-left .pro-ys .odd .numb-box .one {
  background: url(../images/num_one.png) no-repeat
}

.pro-cont-left .pro-ys .even .numb-box .two {
  background: url(../images/num_two.png) no-repeat
}

.pro-cont-left .pro-ys .odd .numb-box .three {
  background: url(../images/num_three.png) no-repeat
}

.pro-cont-left .pro-ys .even .numb-box .four {
  background: url(../images/num_four.png) no-repeat
}

.pro-cont-left .pro-ys .odd .numb-box .five {
  background: url(../images/num_five.png) no-repeat
}

.pro-cont-left .pro-ys .even .numb-box .six {
  background: url(../images/num_six.png) no-repeat
}

.pro-cont-left .pro-ys p {
  float: left;
  width: 85%;
  text-indent: 0;
  margin-top: 30px;
  margin-left: 10px
}

.pro-cont-left p {
  font-size: 16px;
  color: #666;
  line-height: 1.8em;
  text-indent: 2em;
  margin-top: 20px
}

.pro-cont-left p a {
  font-size: 20px;
  color: #ed1c24;
  padding: 0 4px
}

.pro-cont-left p video {
  margin: 0 auto;
  display: block;
  width: 100%;
  max-width: 800px
}

.pro-cont-left p em {
  font-size: 18px;
  color: #c79556;
  font-weight: 700;
  margin-left: 5px;
  margin-right: 5px
}

.pro-cont-left p img {
  max-width: 100%;
  margin: 13px auto 0;
  text-align: center;
  display: block;
  width: auto!important
}

.dn {
  display: none
}

.pro-cont-left table {
  font-size: 14px;
  margin-bottom: 10px;
  text-align: center!important;
  background: #ccc;
  width: 100%;
  margin-top: 20px
}

table {
  border: 1px solid #ccc;
  border-collapse: collapse
}

table td {
  border: 1px solid #ccc
}

#LRdiv1 table,#LRdiv1 table td {
  border: none
}

.new-cont-left tr td,.pro-cont-left tr td {
  padding: 10px 0;
  font-size: 16px;
  color: #000!important
}

.pro-cont-left .cs-more {
  margin-top: 20px
}

.pro-cont-left .cs-more ul {
  overflow: hidden;
  margin-left: -2%
}

.pro-cont-left .cs-more ul li {
  color: #465174;
  font-size: 18px;
  padding: 15px 30px;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  margin-bottom: 25px;
  border-radius: 30px;
  display: inline-block;
  margin-left: 2%;
  border: 1px solid #3e77b2;
  background: #fff
}

.pro-cont-left .cs-more ul li.cur {
  background: #1d427a;
  box-shadow: 0 5px 20px rgba(33,73,130,.3);
  background: -webkit-linear-gradient(left,#1d427a,#3e77b2);
  background: -o-linear-gradient(right,#1d427a,#3e77b2);
  background: -moz-linear-gradient(right,#1d427a,#3e77b2);
  background: -moz-linear-gradient(left,#1d427a,#3e77b2);
  background: -o-linear-gradient(left,#1d427a,#3e77b2);
  background: linear-gradient(to right,#1d427a,#3e77b2);
  padding: 15px 30px;
  color: #fff;
  position: relative;
  border: none
}

.pro-cont-left .cs-more ul li.cur:before {
  background: url(../images/x_bg.png) no-repeat;
  -o-background-size: cover;
  background-size: cover;
  width: 51px;
  height: 18px;
  display: block;
  content: "";
  position: absolute;
  left: 50%;
  margin-left: -26px;
  top: 0
}

.pro-cont-right {
  float: right;
  width: 24%;
  margin-top: -80px
}

.pro-cont-right ul {
  width: 86%;
  margin: 0 auto
}

.pro-cont-right .cj-tj {
  text-align: right;
  margin-right: 8%;
  font-size: 20px;
  color: #333;
  display: block
}

.pro-cont-right .cj-tj img {
  -webkit-transition: all .6s ease;
  -o-transition: all .6s ease;
  -moz-transition: all .6s ease;
  transition: all .6s ease
}

.pro-cont-right .cj-tj:hover {
  color: #da251d
}

.pro-cont-right .cj-tj:hover img {
  margin-right: 25px;
  -webkit-transition: all .6s ease;
  -o-transition: all .6s ease;
  -moz-transition: all .6s ease;
  transition: all .6s ease
}

.pro-cont-right .tj-pro {
  padding-top: 1px;
  margin-top: 15px
}

.pro-sam {
  background: url(../images/xg.png) repeat;
  padding: 20px 0;
  border-radius: 5px;
  margin-top: 35px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 30px
}

.pro-sam strong {
  font-size: 22px;
  color: #f94a28;
  font-weight: 400;
  margin-left: 8%;
  position: relative
}

.pro-sam strong:after {
  background: #f94a28;
  width: 165px;
  height: 1px;
  content: "";
  display: block;
  position: absolute;
  bottom: -15px;
  left: 0
}

.pro-sam ul {
  margin-top: 15px;
  margin-left: 5%
}

.pro-sam li {
  display: inline-block;
  margin-left: 5%;
  margin-top: 20px
}

.pro-sam li a {
  font-size: 12px;
  color: #666;
  display: block
}

.pro-sam li.big:hover a,.pro-sam li:hover a {
  color: #da251d
}

.pro-sam li.big a {
  font-size: 20px;
  color: #222
}

.xg-case {
  margin-bottom: 50px
}

.xg-case strong {
  display: block;
  margin-bottom: 20px
}

.xg-case strong img {
  vertical-align: middle;
  margin-top: -10px
}

.xg-case strong span {
  font-size: 26px;
  color: #333;
  font-weight: 700
}

.xg-case ul {
  overflow: hidden;
  margin-left: -5%
}

.xg-case li {
  float: left;
  width: 45%;
  margin-left: 5%
}

.xg-case li a {
  overflow: hidden;
  display: block
}

.xg-case li a img {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  width: 100%;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  -webkit-transition: all 1s ease;
  transition: all 1s ease
}

.xg-case li:hover a img {
  -moz-transform: scale(1.1,1.1);
  -ms-transform: scale(1.1,1.1);
  -o-transform: scale(1.1,1.1);
  -webkit-transform: scale(1.1,1.1);
  transform: scale(1.1,1.1)
}

.xg-case li .box {
  background: #1d427a;
  background: -webkit-linear-gradient(left,#1d427a,#3e77b2);
  background: -o-linear-gradient(right,#1d427a,#3e77b2);
  background: -moz-linear-gradient(right,#1d427a,#3e77b2);
  background: -moz-linear-gradient(left,#1d427a,#3e77b2);
  background: -o-linear-gradient(left,#1d427a,#3e77b2);
  background: linear-gradient(to right,#1d427a,#3e77b2);
  padding: 20px 30px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px
}

.xg-case .box h3 {
  margin-bottom: 15px
}

.xg-case .box h3 a {
  font-size: 22px;
  color: #fff;
  -webkit-transition: all .6s ease;
  -o-transition: all .6s ease;
  -moz-transition: all .6s ease;
  transition: all .6s ease
}

.xg-case .box p {
  margin-top: 8px
}

.xg-case .box p img {
  vertical-align: middle;
  width: 18px;
  margin-top: -3px;
  margin-right: 5px
}

.xg-case .box p span {
  font-size: 16px;
  color: #fff
}

.mate-head {
  margin-top: -29%
}

.mate {
  padding-bottom: 40px;
  position: relative;
  background: #fff;
  padding: 55px 50px 0;
  border-top-left-radius: 60px
}

.mate-head h1 {
  font-size: 36px;
  color: #6b9ee3;
  font-weight: 700;
  text-align: center;
  position: relative;
  background: url(../images/h_bg.png) no-repeat center;
  height: 78px;
  line-height: 78px
}

.mate-head h1::after {
  position: absolute;
  width: 278px;
  height: 278px;
  background: url(../images/dd_bg.png) no-repeat;
  -o-background-size: cover;
  background-size: cover;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -139px;
  content: "";
  display: block;
  z-index: 5;
  margin-top: -139px
}

.mate .fb {
  position: absolute;
  top: -60px;
  right: 0
}

.mate .fb .left-jt {
  float: left
}

.mate .fb .right-jt {
  float: left;
  margin-left: 20px
}

.mate .fb .img2 {
  display: none
}

.mate .fb .left-jt a:hover .img1,.mate .fb .right-jt a:hover .img1 {
  display: none
}

.mate .fb .left-jt a:hover .img2,.mate .fb .right-jt a:hover .img2 {
  display: block
}

.mate .fb p {
  background: #fff;
  border: 1px solid #6b9ee3;
  font-size: 14px;
  color: #333;
  padding: 5px 12px;
  border-radius: 5px;
  display: none;
  text-align: center
}

.mate .fb .l-jt {
  position: absolute;
  top: 60px;
  left: -85px
}

.mate .fb .r-jt {
  position: absolute;
  top: 60px;
  left: -40px
}

.mate .fb .left-jt:hover .l-jt,.mate .fb .right-jt:hover .r-jt {
  display: block
}

.mate .mate-l,.mate .mate-r {
  margin-left: 0
}

.mate .mate-l {
  max-width: 480px;
  width: 40%;
  padding: 0;
  position: relative;
  height: 525px;
  background: url(../images/mate_bg.png) right 25px bottom 25px no-repeat #fff;
  float: left;
  box-shadow: 0 0 20px rgba(33,73,130,.2)
}

.mate .mate-l .wl {
  border: none;
  padding: 23px 58px 0 58px
}

.mate .mate-l .wl:before {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  content: "";
  background: url(../images/wl_js.png) no-repeat;
  width: 108px;
  height: 104px
}

.mate .mate-l .wl .name {
  text-align: right;
  margin-bottom: 20px;
  position: relative
}

.mate .mate-l .wl .name span {
  font-size: 14px;
  color: #6b9ee3;
  border: 1px solid #6b9ee3;
  padding: 10px 20px;
  display: inline-block;
  border-radius: 30px
}

.mate .mate-l .wl .name:after {
  position: absolute;
  right: -78px;
  top: 20px;
  width: 78px;
  height: 1px;
  background: #6b9ee3;
  content: "";
  display: block
}

.mate .mate-l .wl p {
  font-size: 16px;
  color: #666;
  font-weight: 400;
  border-bottom: none;
  line-height: 1.8em;
  padding-bottom: 0;
  margin-bottom: 30px
}

.mate .mate-r {
  float: right;
  max-width: 700px;
  width: 60%
}

.mate .mate-r img {
  width: 100%
}

.bg-color {
  background: #fff
}

.mate-two {
  padding-top: 60px
}

.mate-all h2 {
  font-size: 30px;
  color: #333;
  text-align: center;
  position: relative;
  margin-bottom: 45px;
  margin-top: 30px
}

.mate-all h2:after {
  position: absolute;
  background: url(../images/h2_bg.png) no-repeat;
  width: 420px;
  height: 19px;
  -o-background-size: cover;
  background-size: cover;
  content: "";
  display: block;
  bottom: -25px;
  left: 50%;
  margin-left: -210px
}

.mate-two li {
  float: left;
  width: 23%;
  margin-left: 2%
}

.mate-two li a {
  display: block;
  overflow: hidden
}

.mate-two li img {
  width: 100%;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  -webkit-transition: all 1s ease;
  transition: all 1s ease
}

.mate-two li img:hover {
  -moz-transform: scale(1.1,1.1);
  -ms-transform: scale(1.1,1.1);
  -o-transform: scale(1.1,1.1);
  -webkit-transform: scale(1.1,1.1);
  transform: scale(1.1,1.1)
}

.mate-two li h3 {
  height: 52px;
  line-height: 52px;
  box-shadow: 0 5px 20px rgba(33,73,130,.1);
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  background: url(../images/h3_bg.png) no-repeat center #fff
}

.mate-two li h3 a {
  font-size: 18px;
  color: #333;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis
}

.mate-two li h3 a:hover {
  color: #f96a2c
}

.mate-three {
  margin-top: 75px;
  padding-bottom: 40px
}

.mate-three p {
  font-size: 16px;
  color: #555;
  line-height: 2em;
  margin-top: 20px;
  text-align: justify
}

.mate-three .zy-jt:before,.new-cont-left .zy-jt:before,.pro-cont-left .zy-jt:before {
  content: "";
  display: inline-block;
  background: url(../images/mic1.png) no-repeat -5px;
  width: 56px;
  height: 8px;
  vertical-align: middle
}

.mate-three .zy-jt:after,.new-cont-left .zy-jt:after,.pro-cont-left .zy-jt:after {
  content: "";
  display: inline-block;
  background: url(../images/mic2.png) no-repeat 5px;
  width: 56px;
  height: 8px;
  vertical-align: middle
}

.mate-three span.icon-one,.new-cont-left span.icon-one,.pro-cont-left span.icon-one {
  background: url(../images/wztubiao1.png) no-repeat center center;
  width: 16px;
  height: 14px;
  display: inline-block;
  margin-right: 5px;
  vertical-align: middle;
  margin-top: -3px
}

.mate-three span.icon-two,.new-cont-left span.icon-two,.pro-cont-left span.icon-two {
  background: url(../images/wztubiao2.png) no-repeat center center;
  width: 25px;
  height: 20px;
  display: inline-block;
  margin-right: 5px;
  vertical-align: middle;
  margin-top: -3px
}

.mate-three span.icon-three,.new-cont-left span.icon-three,.pro-cont-left span.icon-three {
  background: url(../images/wztubiao3.png) no-repeat center center;
  width: 24px;
  height: 19px;
  display: inline-block;
  margin-right: 5px;
  vertical-align: middle;
  margin-top: -3px
}

.mate-three p em {
  font-size: 18px;
  color: #c79556;
  font-weight: 700;
  margin-left: 5px;
  margin-right: 5px
}

.mate-three p img {
  max-width: 100%;
  margin: 13px auto 0;
  text-align: center;
  display: block
}

.mate-three p video {
  text-align: center;
  margin-left: -2em;
  margin: 0 auto;
  display: block;
  max-width: 800px;
  width: 100%
}

.xw_swt {
  position: relative;
  display: inline-block;
  color: rgba(245,227,189,1);
  font-size: 18px;
  background: #1f447d;
  background: -webkit-linear-gradient(left,#1f447d,#3c73ae);
  background: -o-linear-gradient(right,#1f447d,#3c73ae);
  background: -moz-linear-gradient(right,#1f447d,#3c73ae);
  background: -moz-linear-gradient(left,#1f447d,#3c73ae);
  background: -o-linear-gradient(left,#1f447d,#3c73ae);
  background: linear-gradient(to right,#1f447d,#3c73ae);
  height: 42px;
  line-height: 42px;
  padding: 0 16px 0 36px;
  border-top-left-radius: 10px;
  border-top-right-radius: 30px;
  border-bottom-right-radius: 30px;
  border-bottom-left-radius: 10px;
  margin-left: 5px;
  margin-right: 5px;
  text-indent: 0;
  cursor: pointer
}

.xw_swt::before {
  position: absolute;
  width: 13px;
  height: 13px;
  background: url(../images/a_lj.png) no-repeat;
  -o-background-size: 100% 100%;
  background-size: 100% 100%;
  content: "";
  display: inline-block;
  top: 50%;
  margin-top: -6px;
  left: 16px
}

.mate-kh li {
  float: left;
  overflow: hidden;
  width: 50%;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}

.mate-kh li .img {
  float: left;
  width: 36%;
  overflow: hidden
}

.mate-kh .mate-r {
  float: left;
  margin-left: 2%;
  width: 60%
}

.mate-kh .mate-r h3 a {
  font-size: 24px;
  color: #333;
  font-weight: 700;
  margin-bottom: 20px;
  display: block;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap
}

.mate-kh .mate-r h3 a:hover {
  color: #1d427a
}

.mate-kh .mate-r p {
  font-size: 14px;
  color: #333;
  margin-top: 10px
}

.mate-kh .mate-r p img {
  display: inline-block;
  margin-right: 5px
}

.mate-kh .mate-r span {
  font-size: 14px;
  color: #666;
  margin-top: 20px;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-height: 1.8em
}

.mate-new {
  margin-top: 55px
}

.mate-new .tabtit {
  margin-bottom: 0
}

.mate-new .tabtit .now {
  display: block;
  float: left;
  height: 56px;
  line-height: 56px;
  width: 190px;
  text-align: center;
  color: #222;
  font-size: 24px;
  border-top: 4px solid #27538c;
  -webkit-transition: all .4s;
  -o-transition: all .4s;
  -moz-transition: all .4s;
  transition: all .4s;
  background: #fff;
  font-weight: 700;
  box-shadow: 0 -15px 28px rgba(33,73,130,.1);
  border-top-left-radius: 5px;
  border-top-right-radius: 5px
}

.mate-new ul {
  overflow: hidden;
  padding: 25px 70px
}

.mate-new li {
  float: left;
  line-height: 36px;
  width: 47%;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: url(../images/news-titel.png) 0 13px no-repeat;
  padding-left: 24px;
  margin-left: 10px
}

.mate-new li a {
  text-decoration: none;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  font-size: 16px;
  color: #333
}

.mate-new li a:hover {
  color: #1d427a
}

.mate-new .tab-main {
  box-shadow: 0 5px 20px rgba(33,73,130,.2)
}

.mate-ly {
  margin-top: 60px
}

.mate-ly .online-message {
  width: 66%;
  float: left
}

.mess-right {
  float: right;
  width: 28%;
  margin-top: 100px
}

.mess-right .fl {
  float: left;
  width: 25%
}

.mess-right .fr {
  float: left;
  width: 75%;
  margin-left: -5%
}

.mess-right .fr p {
  font-size: 18px;
  color: #333;
  line-height: 2em;
  margin-top: 40px
}

.mess-right .fr .tel {
  margin-top: 82px
}

.mess-right .fr .tel strong {
  display: block;
  color: #eb3245;
  font-size: 22px
}

.mess-right .fr .tel span {
  font-size: 16px;
  color: #333;
  margin-left: 15%;
  display: block
}

.mess-right .fr .a-swt {
  margin-top: 75px;
  margin-left: 10%
}

.mess-right .fr .a-swt span {
  font-size: 18px;
  color: #333;
  font-weight: 700;
  cursor: pointer
}

.mess-right .fr .a-swt span:hover {
  color: #eb3245
}

.mess-right .fr ul {
  margin-top: 65px
}

.mess-right .fr li {
  font-size: 18px;
  color: #666;
  margin-bottom: 15px
}

.case-head {
  border-top-left-radius: 60px;
  border-bottom-right-radius: 60px;
  padding: 20px 40px 50px 20px;
  background: #fff;
  position: relative;
  z-index: 0;
  margin-top: -29%;
  box-shadow: 0 0 20px rgba(33,73,130,.2)
}

.case-head:before {
  background: url(../images/box_a2.png) no-repeat;
  -o-background-size: cover;
  background-size: cover;
  width: 100%;
  height: 220px;
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: -1
}

.case-head .case-head-l {
  display: block;
  float: left;
  max-width: 800px;
  width: 65%
}

.case-head .case-head-l img {
  width: 100%;
  border-radius: 60px 10px 10px 10px
}

.case-head .case-head-l h1 {
  font-size: 36px;
  color: #000;
  font-weight: 700;
  position: relative;
  margin-left: 20px;
  margin-top: 25px
}

.case-head .case-head-l h1:after {
  width: 115px;
  height: 2px;
  content: "";
  display: block;
  background: -webkit-linear-gradient(left,#cfb684,#f8e6c1);
  background: -o-linear-gradient(right,#cfb684,#f8e6c1);
  background: -moz-linear-gradient(right,#cfb684,#f8e6c1);
  background: -moz-linear-gradient(left,#cfb684,#f8e6c1);
  background: -o-linear-gradient(left,#cfb684,#f8e6c1);
  background: linear-gradient(to right,#cfb684,#f8e6c1);
  position: absolute;
  bottom: -20px;
  left: 0
}

.case-head .line-head-l h1:after {
  width: 100%
}

.line-head-l h1 {
  margin-top: 45px;
  margin-bottom: 60px
}

.case-head .case-head-l p {
  margin-top: 40px;
  font-size: 18px;
  color: #666;
  line-height: 2em;
  margin-left: 20px
}

.case-head .case-head-r {
  float: right;
  width: 32%;
  margin-top: 50px
}

.case-head .line-head-r {
  margin-top: 40px
}

.case-head .case-head-r .text-box {
  position: absolute;
  top: -48px;
  left: 60%
}

.case-head .case-head-r .text-box p {
  font-size: 20px;
  color: #cc9f67;
  position: relative;
  padding-left: 25px
}

.case-head .case-head-r .text-box p:before {
  background: url(../images/text_b.png) no-repeat;
  -o-background-size: cover;
  background-size: cover;
  width: 13px;
  height: 42px;
  content: "";
  display: inline-block;
  position: absolute;
  top: 7px;
  left: 0
}

.case-head .case-head-r .text-tit {
  font-size: 20px;
  color: #333;
  font-weight: 700;
  position: relative;
  margin-bottom: 25px;
  display: inline-block;
  margin-left: 10%
}

.case-head .case-head-r .text-tit:after {
  width: 115px;
  height: 2px;
  content: "";
  display: block;
  background: -webkit-linear-gradient(left,#cfb684,#f8e6c1);
  background: -o-linear-gradient(right,#cfb684,#f8e6c1);
  background: -moz-linear-gradient(right,#cfb684,#f8e6c1);
  background: -moz-linear-gradient(left,#cfb684,#f8e6c1);
  background: -o-linear-gradient(left,#cfb684,#f8e6c1);
  background: linear-gradient(to right,#cfb684,#f8e6c1);
  position: absolute;
  top: 50%;
  left: 120%
}

.case-xm {
  box-shadow: 0 0 20px rgba(33,73,130,.2);
  padding: 10px;
  border-radius: 5px
}

.case-xm .box {
  padding: 20px 30px 40px;
  background: url(../images/xm_box.png) no-repeat;
  -o-background-size: 100% 100%;
  background-size: 100% 100%;
  border-radius: 5px
}

.case-xm .box img {
  display: block;
  margin: 10px 0 5px
}

.case-xm .box span {
  font-size: 16px;
  color: #333;
  line-height: 1.5em;
  margin-bottom: 20px;
  display: block
}

.case-zx-bj {
  margin-top: 110px;
  position: relative;
  z-index: 555
}

.line-head-r .case-zx-bj {
  margin-top: 45px
}

.case-zx-bj a {
  width: 57%;
  float: left
}

.case-zx-bj .sm-bd {
  width: 35%;
  margin-left: 5%;
  float: left;
  margin-top: -23px
}

.case-zx-bj .sm-bd p {
  font-size: 14px;
  color: #333
}

.case-zx-bj .sm-bd p span {
  font-size: 26px;
  font-weight: 700;
  display: inline-block;
  font-family: '微软雅黑';
  background-image: -webkit-gradient(linear,0 0,100% 0,from(#f98c30),to(#f94928));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent
}

.case-zx-bj .sm-bd .ewm {
  margin-top: 10px
}

.case-xg {
  padding-top: 0
}

.case-pj {
  box-shadow: 0 0 20px rgba(33,73,130,.2);
  border-radius: 30px;
  padding: 40px 40px 160px;
  position: relative;
  z-index: 0
}

.case-pj:before {
  display: block;
  width: 136px;
  height: 120px;
  background: url(../images/kf_b.png) no-repeat;
  -o-background-size: cover;
  background-size: cover;
  content: "";
  position: absolute;
  right: 20px;
  top: -5px;
  z-index: -1
}

.case-pj:after {
  display: block;
  width: 100%;
  height: 93px;
  background: url(../images/kf_a.png) no-repeat;
  -o-background-size: cover;
  background-size: cover;
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  border-bottom-left-radius: 30px;
  border-bottom-right-radius: 30px
}

.case-pj .tit {
  position: relative
}

.case-pj .tit:after {
  background: url(../images/tit_bg.png) no-repeat 20% center;
  -o-background-size: cover;
  background-size: cover;
  content: "";
  display: block;
  width: 278px;
  height: 140px;
  position: absolute;
  left: 60px;
  top: -40px
}

.case-pj .tit strong {
  font-size: 34px;
  color: #333;
  font-weight: 700;
  position: relative
}

.case-pj .tit strong:before {
  content: "";
  display: inline-block;
  background: url(../images/h_a.png) no-repeat;
  width: 32px;
  height: 32px;
  vertical-align: middle;
  margin-right: 10px;
  -o-background-size: cover;
  background-size: cover
}

.case-pj .tit a {
  position: absolute;
  display: block;
  color: #da251d;
  border: 1px solid #ff9598;
  border-radius: 30px;
  padding: 7px 15px;
  right: 20px;
  top: 25px
}

.case-pj .tit:hover a {
  background: #da251d;
  color: #fff
}

.case-pj li {
  overflow: hidden;
  margin-top: 40px
}

.case-pj li .tx {
  width: 12%;
  float: left
}

.case-pj li .tx img {
  border-radius: 50%;
  max-width: 121px
}

.case-pj li .js {
  float: left;
  width: 87%;
  margin-left: 1%;
  margin-top: -15px
}

.case-pj li .js p {
  font-size: 18px;
  color: #555;
  line-height: 1.8em;
  margin-top: 10px
}

.case-bom {
  margin-top: 60px;
  position: relative
}

.case-bom img {
  width: 100%
}

.case-bom .box {
  position: absolute;
  left: 15%;
  bottom: 30%;
  width: 720px
}

.case-bom .box .tit {
  font-size: 18px;
  color: #cb9e67;
  margin-bottom: 25px;
  position: relative
}

.case-bom .box .tit:after {
  height: 1px;
  width: 100px;
  display: block;
  background: #ca9d66;
  background: -webkit-linear-gradient(left,transparent,#ca9d66);
  background: -o-linear-gradient(right,transparent,#ca9d66);
  background: -moz-linear-gradient(right,transparent,#ca9d66);
  background: -moz-linear-gradient(left,transparent,#ca9d66);
  background: -o-linear-gradient(left,transparent,#ca9d66);
  background: linear-gradient(to right,transparent,#ca9d66);
  content: "";
  position: absolute;
  right: 60px;
  top: 50%
}

.case-bom a {
  float: left;
  width: 30%
}

.case-bom .sm-bd {
  float: left;
  width: 60%;
  margin-left: 5%;
  overflow: hidden
}

.case-bom .sm-bd p {
  font-size: 14px;
  color: #cb9e67;
  display: inline-block
}

.case-bom .sm-bd p span {
  font-size: 20px;
  font-weight: 700;
  display: inline-block;
  font-family: '微软雅黑';
  background-image: -webkit-gradient(linear,0 0,100% 0,from(#f98c30),to(#f94928));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent
}

.case-bom .sm-bd p.ewm {
  margin-top: 5px;
  float: left;
  width: 21%
}

.case-bom .sm-bd p.ewm img {
  max-width: 86px
}

.case-bom .sm-bd .sm-box {
  float: left;
  width: 75.5%;
  margin-left: 3%
}

.case-bom .sm-bd .sm-box img {
  display: block;
  margin-top: 15px;
  width: auto
}

.contact-banner {
  position: relative;
  overflow: hidden
}

.contact-banner .img {
  width: 100%
}

.contact-head {
  margin-top: -30%;
  position: relative
}

.contact-head .online-message {
  padding: 0
}

.msg-head {
  position: relative;
  z-index: 5;
  padding-left: 30px
}

.msg-head strong {
  font-size: 24px;
  font-weight: 700;
  display: block;
  color: #fff
}

.msg-head span {
  display: block;
  color: #fff;
  font-size: 14px;
  margin-top: 10px
}

.contact-left h1 {
  font-size: 32px;
  color: #cc9f67;
  display: block;
  margin-bottom: 15px;
  font-weight: 400;
  line-height: 1
}

.contact-left {
  width: 66%;
  float: left;
  margin-top: 100px
}

.contact-left .text {
  color: #cc9f67;
  font-size: 16px;
  margin-bottom: 40px
}

.contact-left ul {
  margin-left: -1.333%;
  margin-bottom: 50px
}

.contact-left li {
  background: #fff;
  border-radius: 10px;
  padding: 10px;
  float: left;
  width: 32%;
  margin-left: 1.333%;
  text-align: center;
  -webkit-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  transition: all .3s ease-out
}

.contact-left li:hover {
  box-shadow: 4px 4px 20px 5px rgba(0,0,0,.13);
  -webkit-transform: translate(0,-3px);
  -moz-transform: translate(0,-3px);
  -ms-transform: translate(0,-3px);
  -o-transform: translate(0,-3px);
  transform: translate(0,-3px)
}

.contact-left li:hover img {
  -webkit-animation: bounceIn 1s both;
  -moz-animation: bounceIn 1s both;
  -o-animation: bounceIn 1s both;
  animation: bounceIn 1s both
}

@-webkit-keyframes bounceIn {
  20%,40%,60%,80%,from,to {
      -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
      animation-timing-function: cubic-bezier(.215,.61,.355,1)
  }

  0% {
      opacity: 0;
      -webkit-transform: scale3d(.3,.3,.3);
      transform: scale3d(.3,.3,.3)
  }

  20% {
      -webkit-transform: scale3d(1.1,1.1,1.1);
      transform: scale3d(1.1,1.1,1.1)
  }

  40% {
      -webkit-transform: scale3d(.9,.9,.9);
      transform: scale3d(.9,.9,.9)
  }

  60% {
      opacity: 1;
      -webkit-transform: scale3d(1.03,1.03,1.03);
      transform: scale3d(1.03,1.03,1.03)
  }

  80% {
      -webkit-transform: scale3d(.97,.97,.97);
      transform: scale3d(.97,.97,.97)
  }

  to {
      opacity: 1;
      -webkit-transform: scale3d(1,1,1);
      transform: scale3d(1,1,1)
  }
}

@-moz-keyframes bounceIn {
  20%,40%,60%,80%,from,to {
      -moz-animation-timing-function: cubic-bezier(.215,.61,.355,1);
      animation-timing-function: cubic-bezier(.215,.61,.355,1)
  }

  0% {
      opacity: 0;
      -moz-transform: scale3d(.3,.3,.3);
      transform: scale3d(.3,.3,.3)
  }

  20% {
      -moz-transform: scale3d(1.1,1.1,1.1);
      transform: scale3d(1.1,1.1,1.1)
  }

  40% {
      -moz-transform: scale3d(.9,.9,.9);
      transform: scale3d(.9,.9,.9)
  }

  60% {
      opacity: 1;
      -moz-transform: scale3d(1.03,1.03,1.03);
      transform: scale3d(1.03,1.03,1.03)
  }

  80% {
      -moz-transform: scale3d(.97,.97,.97);
      transform: scale3d(.97,.97,.97)
  }

  to {
      opacity: 1;
      -moz-transform: scale3d(1,1,1);
      transform: scale3d(1,1,1)
  }
}

@-o-keyframes bounceIn {
  20%,40%,60%,80%,from,to {
      -o-animation-timing-function: cubic-bezier(.215,.61,.355,1);
      animation-timing-function: cubic-bezier(.215,.61,.355,1)
  }

  0% {
      opacity: 0;
      transform: scale3d(.3,.3,.3)
  }

  20% {
      transform: scale3d(1.1,1.1,1.1)
  }

  40% {
      transform: scale3d(.9,.9,.9)
  }

  60% {
      opacity: 1;
      transform: scale3d(1.03,1.03,1.03)
  }

  80% {
      transform: scale3d(.97,.97,.97)
  }

  to {
      opacity: 1;
      transform: scale3d(1,1,1)
  }
}

@keyframes bounceIn {
  20%,40%,60%,80%,from,to {
      -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
      -moz-animation-timing-function: cubic-bezier(.215,.61,.355,1);
      -o-animation-timing-function: cubic-bezier(.215,.61,.355,1);
      animation-timing-function: cubic-bezier(.215,.61,.355,1)
  }

  0% {
      opacity: 0;
      -webkit-transform: scale3d(.3,.3,.3);
      -moz-transform: scale3d(.3,.3,.3);
      transform: scale3d(.3,.3,.3)
  }

  20% {
      -webkit-transform: scale3d(1.1,1.1,1.1);
      -moz-transform: scale3d(1.1,1.1,1.1);
      transform: scale3d(1.1,1.1,1.1)
  }

  40% {
      -webkit-transform: scale3d(.9,.9,.9);
      -moz-transform: scale3d(.9,.9,.9);
      transform: scale3d(.9,.9,.9)
  }

  60% {
      opacity: 1;
      -webkit-transform: scale3d(1.03,1.03,1.03);
      -moz-transform: scale3d(1.03,1.03,1.03);
      transform: scale3d(1.03,1.03,1.03)
  }

  80% {
      -webkit-transform: scale3d(.97,.97,.97);
      -moz-transform: scale3d(.97,.97,.97);
      transform: scale3d(.97,.97,.97)
  }

  to {
      opacity: 1;
      -webkit-transform: scale3d(1,1,1);
      -moz-transform: scale3d(1,1,1);
      transform: scale3d(1,1,1)
  }
}

.contact-left li .box {
  border: 1px solid #e8f2ff;
  border-radius: 10px;
  padding-top: 40px;
  padding-bottom: 55px
}

.contact-left li .box p {
  font-size: 14px;
  color: #333;
  margin-top: 30px;
  margin-bottom: 3px
}

.contact-left li .box p a {
  font-size: 18px;
  color: #333
}

.contact-left li:hover .box p a {
  color: #da251d;
  font-weight: 700
}

.contact-left li .box span {
  font-size: 14px;
  color: #333
}

.contact-left li .box .tel {
  font-size: 20px;
  font-weight: 700;
  display: inline-block;
  font-family: 微软雅黑;
  background-image: -webkit-gradient(linear,0 0,100% 0,from(#f98c30),to(#f94928));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent
}

.contact-left li .box .tel-sj {
  font-size: 20px;
  font-weight: 700;
  display: inline-block;
  font-family: 微软雅黑;
  background-image: -webkit-gradient(linear,0 0,100% 0,from(#f98c30),to(#f94928));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent
}

.contact-left .fw-zl {
  position: relative
}

.contact-left .fw-zl:before {
  position: absolute;
  background: url(../images/fwzl_b.png) no-repeat;
  -o-background-size: cover;
  background-size: cover;
  width: 15px;
  height: 208px;
  content: "";
  display: block;
  top: -30px;
  left: 0
}

.contact-left .fw-zl p {
  font-size: 18px;
  color: #666;
  margin-bottom: 13px;
  padding-left: 55px
}

.contact-right {
  float: right;
  width: 33%
}

.contact-right .ly-tj .hed-t p {
  font-size: 16px;
  color: #e5b880
}

.contact-right .ly-tj .hed-t .one {
  bottom: 75px;
  left: 20px
}

.contact-right .ly-tj .hed-t .two {
  bottom: 110px;
  left: 170px
}

.contact-right .ly-tj .hed-t .three {
  right: 25px;
  bottom: 145px
}

.contact-right .ly-tj .hed-t {
  background: url(../images/ly_t2.png) no-repeat;
  -o-background-size: cover;
  background-size: cover;
  height: 245px;
  width: 100%;
  position: relative
}

.contact-right .ly-tj .pic-box {
  right: 5px;
  bottom: 0
}

.contact-right .ly-tj .pic-box img {
  width: 110px
}

.contact-right .messages {
  margin-top: 20px
}

.contact-right .messages li {
  width: 100%
}

.contact-right .messages li .one-pic img {
  width: 20px
}

.contact-right .messages li .two-pic img {
  width: 25px
}

.contact-right .messages li .three-pic img {
  width: 22px
}

.contact-right .messages li span {
  width: 10%;
  margin-right: 0
}

.contact-right .messages li input {
  height: 48px;
  line-height: 38px;
  width: 90%;
  font-size: 14px;
  padding: 5px 15px
}

.contact-right .messages li textarea {
  font-size: 14px;
  padding: 15px;
  height: 100px;
  width: 90%
}

.contact-right .form-box .tit {
  font-size: 14px;
  width: 78%
}

.contact-right .form-box {
  margin-right: 18px;
  padding: 20px 20px 35px 35px;
  border-bottom-right-radius: 20px;
  margin-top: -45px
}

.contact-right .but-tj p {
  font-size: 14px;
  margin-top: 0
}

.contact-right .but-tj button {
  background: url(../images/button_bg2.png) no-repeat;
  width: 142px;
  height: 54px;
  line-height: 54px;
  font-size: 18px
}

.contact-right .but-tj button::after {
  width: 78px;
  height: 14px;
  margin-top: -5px;
  left: -78px
}

.contact-right .but-tj .tj-box {
  position: absolute;
  right: -13px;
  bottom: 20px
}

.contact-right .form-box::after {
  bottom: 90px;
  background: url(../images/ly_bg2.png) no-repeat;
  width: 34px;
  height: 286px
}

.contact-box {
  text-align: center;
  background: url(../images/box_a3.png) no-repeat #fff;
  padding-bottom: 50px;
  padding-top: 110px;
  -o-background-size: cover;
  background-size: cover
}

.contact-box .welc p {
  font-size: 28px;
  display: inline-block;
  color: #1d427a;
  font-family: 微软雅黑;
  background-image: -webkit-gradient(linear,0 0,150 0,from(#1d427a),to(#3e77b2));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-weight: 700
}

.contact-box .come p {
  font-size: 40px;
  font-weight: 700;
  display: inline-block;
  margin-top: 10px;
  color: #1d427a;
  font-family: 微软雅黑;
  background-image: -webkit-gradient(linear,0 0,150 0,from(#1d427a),to(#3e77b2));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent
}

.about-head {
  margin-top: -39%;
  position: relative
}

.about-head .left-box {
  width: 52.5%;
  float: left;
  margin-top: -6%
}

.about-head .left-box .pagination {
  margin-left: 26%;
  margin-bottom: 5%
}

.about-head .left-box .pagination span {
  font-size: 24px;
  color: #646c77
}

.about-head .left-box .pagination span.num {
  position: relative
}

.about-head .left-box .pagination span.num:after {
  width: 213px;
  height: 2px;
  background: #646464;
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 65px
}

.about-head .left-box .pagination span.all {
  margin-left: 305px
}

.left-box .about-left .slick-next,.left-box .about-left .slick-prev {
  -webkit-transform: rotateY(0);
  -moz-transform: rotateY(0);
  -ms-transform: rotateY(0);
  -o-transform: rotateY(0);
  transform: rotateY(0);
  opacity: 1
}

.left-box .about-left .slick-prev {
  background: url(../images/about_r.png) no-repeat;
  width: 44px;
  height: 44px;
  left: -100px;
  top: 35%
}

.left-box .about-left .slick-next {
  background: url(../images/about_l.png) no-repeat;
  width: 44px;
  height: 44px;
  left: -100px;
  top: 50%
}

.left-box .about-left .slick-dots {
  display: none!important
}

.left-box .about-left {
  border: 5px solid #fff;
  position: relative
}

.about-left .two img {
  display: block;
  width: 100%;
  z-index: 1
}

.about-left img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%
}

.about-left.slick-slider img {
  position: relative
}

.about-left .slick-next,.about-left .slick-prev {
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
  -webkit-transition: all 1s;
  -o-transition: all 1s;
  -moz-transition: all 1s;
  transition: all 1s;
  -webkit-transform: rotateY(90deg);
  -moz-transform: rotateY(90deg);
  -ms-transform: rotateY(90deg);
  -o-transform: rotateY(90deg);
  transform: rotateY(90deg)
}

.about-left .slick-slider:hover .slick-next,.about-left .slick-slider:hover .slick-prev {
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
  -webkit-transform: rotateY(0);
  -moz-transform: rotateY(0);
  -ms-transform: rotateY(0);
  -o-transform: rotateY(0);
  transform: rotateY(0)
}

.about-left .pic-box img {
  width: 100%
}

.left-box .swiper-button-next,.left-box .swiper-button-prev {
  width: 47px;
  height: 48px
}

.left-box .swiper-button-prev {
  background: url(../images/about_l.png) no-repeat;
  left: -8%;
  top: 43%
}

.left-box .swiper-button-next {
  background: url(../images/about_r.png) no-repeat;
  right: auto;
  left: -8%;
  top: 57%
}

.left-box .swiper-pagination {
  bottom: 0;
  top: -50px;
  left: -25%;
  font-size: 24px;
  color: #646c77
}

.about-head .right-box {
  width: 41%;
  float: right;
  margin-top: -55px;
  position: relative;
  z-index: 47
}

.h-top {
  position: relative;
  margin-left: 60px
}

.h-top:before {
  background: url(../images/quan.png) no-repeat;
  -o-background-size: cover;
  background-size: cover;
  width: 113px;
  height: 114px;
  content: "";
  display: block;
  position: absolute;
  top: -55px;
  left: -65px
}

.h-top h1 {
  font-size: 50px;
  color: #fff;
  font-weight: 700;
  float: left;
  position: relative
}

.h-top .box {
  float: left;
  margin-top: 24px
}

.h-top p {
  font-size: 14px;
  color: #d3d3d3;
  text-transform: uppercase
}

.about-head .right-box .tit {
  font-size: 16px;
  line-height: 2.2em;
  color: #fff;
  margin-top: 50px
}

.about-head .right-box .more-btn {
  font-size: 24px;
  color: #fff;
  background: url(../images/sp.png) no-repeat;
  -o-background-size: cover;
  background-size: cover;
  padding: 33px 140px 33px 70px;
  margin-top: 44px;
  cursor: pointer;
  display: inline-block
}

.boxBlank {
  display: none;
  position: fixed;
  z-index: 99;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: url(../images/back_bg.png) repeat
}

.box_wrap .about-video-close {
  position: absolute;
  top: 10px;
  right: 1%;
  width: 30px;
  height: 30px;
  background: transparent url(../images/hw1_sprite.png);
  background-repeat: no-repeat;
  cursor: pointer;
  z-index: 10
}

.box_wrap {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  opacity: 1;
  -webkit-transition: all 160ms ease-in-out;
  -o-transition: all 160ms ease-in-out;
  -moz-transition: all 160ms ease-in-out;
  transition: all 160ms ease-in-out;
  position: fixed;
  top: 200px;
  left: 50%;
  margin-left: -480px;
  z-index: 999;
  display: none
}

.video-js {
  background-color: #000;
  position: relative;
  padding: 0;
  font-size: 10px;
  vertical-align: middle;
  font-weight: 400;
  font-style: normal;
  font-family: Arial,sans-serif;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}

.video-js video {
  width: 960px;
  height: 540px
}

.numb {
  position: relative;
  margin-top: 40px
}

.numb img {
  width: 100%
}

.numb p {
  position: absolute
}

.numb .one {
  left: 12%;
  bottom: 35%
}

.numb .two {
  left: 34%;
  bottom: 11%
}

.numb .three {
  right: 29%;
  bottom: 18%
}

.numb .four {
  right: 11%;
  bottom: 51.5%
}

.about-cf {
  margin-top: 105px
}

.about-cf ul {
  margin-left: -1%
}

.about-cf li {
  width: 24%;
  float: left;
  margin-left: 1%
}

.about-cf li img {
  width: 100%;
  display: block;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px
}

.about-cf li .box {
  font-size: 20px;
  color: #fff;
  background: #1d427a;
  background: -webkit-linear-gradient(left,#1d427a,#3e77b2);
  background: -o-linear-gradient(right,#1d427a,#3e77b2);
  background: -moz-linear-gradient(right,#1d427a,#3e77b2);
  background: -moz-linear-gradient(left,#1d427a,#3e77b2);
  background: -o-linear-gradient(left,#1d427a,#3e77b2);
  background: linear-gradient(to right,#1d427a,#3e77b2);
  text-align: center;
  height: 82px;
  line-height: 82px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px
}

.about-sc {
  margin-top: 210px;
  position: relative
}

.all-pos:after {
  background: url(../images/hd.png) no-repeat;
  -o-background-size: 100% 100%;
  background-size: 100% 100%;
  width: 496px;
  height: 263px;
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: -20px
}

.h-top h2 {
  font-size: 50px;
  color: #26282a;
  font-weight: 700;
  float: left;
  position: relative
}

.about-sc .tit {
  font-size: 16px;
  color: #26282a;
  line-height: 2.2em;
  width: 35%;
  margin-top: 40px
}

.all-pos {
  position: relative
}

.sc-pos {
  position: absolute;
  top: 0;
  left: 0;
  top: -90px
}

.about-hz .tit {
  font-size: 16px;
  color: #26282a;
  line-height: 2.2em;
  margin-top: 40px
}

.hz-pos {
  position: relative;
  margin-top: 150px
}

.hz-pos img {
  position: relative;
  z-index: 5
}

.fw-pos:after,.hz-pos:after {
  background: url(../images/hd.png) no-repeat;
  -o-background-size: 100% 100%;
  background-size: 100% 100%;
  width: 496px;
  height: 263px;
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 70px
}

.fw-pos {
  position: relative;
  margin-top: 80px
}

.fw-pos img {
  margin-top: 95px;
  position: relative;
  z-index: 9
}

.about-bom {
  margin-top: 80px;
  position: relative
}

.about-bom img {
  width: 100%
}

.about-bom .box {
  position: absolute;
  right: 16%;
  bottom: 30%
}

.about-bom .box strong {
  font-size: 40px;
  color: #cc9f67;
  font-weight: 700;
  display: block;
  margin-bottom: 20px
}

.about-bom .box p {
  font-size: 18px;
  text-align: right;
  color: #fff;
  margin-top: 7px
}

.about-bom a {
  font-size: 14px;
  color: #fff;
  float: right;
  background: #1d427a;
  background: -webkit-linear-gradient(left,#1d427a,#3e77b2);
  background: -o-linear-gradient(right,#1d427a,#3e77b2);
  background: -moz-linear-gradient(right,#1d427a,#3e77b2);
  background: -moz-linear-gradient(left,#1d427a,#3e77b2);
  background: -o-linear-gradient(left,#1d427a,#3e77b2);
  background: linear-gradient(to right,#1d427a,#3e77b2);
  padding: 20px 80px 20px 75px;
  border-radius: 30px;
  margin-top: 35px
}

.about-bom a img {
  vertical-align: middle;
  margin-left: 8px;
  margin-top: -3px;
  width: auto
}

.about-bom a:hover img {
  -webkit-animation: wobble 1s both;
  -moz-animation: wobble 1s both;
  -o-animation: wobble 1s both;
  animation: wobble 1s both
}

@-webkit-keyframes wobble {
  from {
      -webkit-transform: translate3d(0,0,0);
      transform: translate3d(0,0,0)
  }

  15% {
      -webkit-transform: translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);
      transform: translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)
  }

  30% {
      -webkit-transform: translate3d(20%,0,0) rotate3d(0,0,1,3deg);
      transform: translate3d(20%,0,0) rotate3d(0,0,1,3deg)
  }

  45% {
      -webkit-transform: translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);
      transform: translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)
  }

  60% {
      -webkit-transform: translate3d(10%,0,0) rotate3d(0,0,1,2deg);
      transform: translate3d(10%,0,0) rotate3d(0,0,1,2deg)
  }

  75% {
      -webkit-transform: translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);
      transform: translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)
  }

  to {
      -webkit-transform: translate3d(0,0,0);
      transform: translate3d(0,0,0)
  }
}

@-moz-keyframes wobble {
  from {
      -moz-transform: translate3d(0,0,0);
      transform: translate3d(0,0,0)
  }

  15% {
      -moz-transform: translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);
      transform: translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)
  }

  30% {
      -moz-transform: translate3d(20%,0,0) rotate3d(0,0,1,3deg);
      transform: translate3d(20%,0,0) rotate3d(0,0,1,3deg)
  }

  45% {
      -moz-transform: translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);
      transform: translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)
  }

  60% {
      -moz-transform: translate3d(10%,0,0) rotate3d(0,0,1,2deg);
      transform: translate3d(10%,0,0) rotate3d(0,0,1,2deg)
  }

  75% {
      -moz-transform: translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);
      transform: translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)
  }

  to {
      -moz-transform: translate3d(0,0,0);
      transform: translate3d(0,0,0)
  }
}

@-o-keyframes wobble {
  from {
      transform: translate3d(0,0,0)
  }

  15% {
      transform: translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)
  }

  30% {
      transform: translate3d(20%,0,0) rotate3d(0,0,1,3deg)
  }

  45% {
      transform: translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)
  }

  60% {
      transform: translate3d(10%,0,0) rotate3d(0,0,1,2deg)
  }

  75% {
      transform: translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)
  }

  to {
      transform: translate3d(0,0,0)
  }
}

@keyframes wobble {
  from {
      -webkit-transform: translate3d(0,0,0);
      -moz-transform: translate3d(0,0,0);
      transform: translate3d(0,0,0)
  }

  15% {
      -webkit-transform: translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);
      -moz-transform: translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);
      transform: translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)
  }

  30% {
      -webkit-transform: translate3d(20%,0,0) rotate3d(0,0,1,3deg);
      -moz-transform: translate3d(20%,0,0) rotate3d(0,0,1,3deg);
      transform: translate3d(20%,0,0) rotate3d(0,0,1,3deg)
  }

  45% {
      -webkit-transform: translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);
      -moz-transform: translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);
      transform: translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)
  }

  60% {
      -webkit-transform: translate3d(10%,0,0) rotate3d(0,0,1,2deg);
      -moz-transform: translate3d(10%,0,0) rotate3d(0,0,1,2deg);
      transform: translate3d(10%,0,0) rotate3d(0,0,1,2deg)
  }

  75% {
      -webkit-transform: translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);
      -moz-transform: translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);
      transform: translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)
  }

  to {
      -webkit-transform: translate3d(0,0,0);
      -moz-transform: translate3d(0,0,0);
      transform: translate3d(0,0,0)
  }
}

.ch-open {
  display: none;
}

.right-fixed {
  position: fixed;
  right: 20px;
  bottom: 28%;
  z-index: 9999;
  display: none;
}

.right-fixed .kf {
  width: 115px;
  border: 1px solid #6b9ee3;
  border-top-right-radius: 46px;
  border-bottom-left-radius: 46px;
  z-index: 999;
  position: relative
}

.right-fixed .kf:after {
  display: block;
  background: url(../images/fix2.png) no-repeat;
  width: 12px;
  height: 25px;
  content: "";
  position: absolute;
  left: 56%
}

.right-fixed .kf img {
  border-top-right-radius: 46px;
  border-bottom-left-radius: 46px
}

.right-fixed .fixed-box {
  font-size: 16px;
  background: #fff;
  width: 94px;
  float: right;
  text-align: center;
  margin-top: -10px;
  padding: 38px 0 28px;
  border: 1px solid #6b9ee3;
  border-top: none
}

.right-fixed .fixed-box a {
  color: #888787
}

.right-fixed .fixed-box span {
  color: #888787
}

.right-fixed li {
  text-align: center;
  margin-top: 18px;
  cursor: pointer
}

.right-fixed li img {
  display: block;
  margin: 0 auto 10px
}

.right-fixed li .hide {
  display: none
}

.right-fixed li:hover .show {
  display: none
}

.right-fixed li:hover .hide {
  display: block
}

.right-fixed li:hover a {
  color: #1d437b
}

.right-fixed li:hover span {
  color: #1d437b
}

.fixed-box li.tel-phone {
  position: relative
}

.fixed-box li.tel-phone .box {
  display: none;
  position: absolute;
  top: -30px;
  right: 79px;
  width: 295px;
  padding-right: 25px;
}

.fixed-box li.tel-phone .box-conter:after {
  width: 0;
  height: 0;
  border-top: 11px solid transparent;
  border-bottom: 11px solid transparent;
  border-left: 10px solid #2f5f99;
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  margin-top: -11px;
  right: -11px
}

.fixed-box li .box-conter {
  position: relative;
  background: #fff;
  width: 100%;
  height: 100px;
  text-align: left;
  border: 1px solid #e7f4ff;
  box-shadow: 0 0 5px rgba(33,73,130,.4);
  border-radius: 10px;
  padding: 10px;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}

.fixed-box li .box-conter img {
  float: left;
  width: 80px;
  margin-right: 8px
}

.fixed-box li .box-conter .code {
  display: block;
  overflow: hidden;
  margin-top: 6px;
  line-height: 1.2;
}

.fixed-box li .box-conter .code i {
  display: block;
  color: #3e77b2;
  font-size: 16px;
}

.fixed-box li .box-conter .code p {
  color: #333;
  font-size: 14px;
  margin: 7px 0 5px;
}

.fixed-box li .box-conter .code strong {
  display: block;
  font-size: 20px;
  font-weight: 700;
  background-image: -webkit-gradient(linear,0 0,100% 0,from(#f98c30),to(#f94928));
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent
}

.return_top {
  position: fixed;
  right: 20px;
  bottom: 18%;
  z-index: 9999;
  width: 94px;
  font-size: 16px;
  color: #888787;
  cursor: pointer;
  text-align: center;
  border: 1px solid #6b9ee3;
  border-radius: 5px;
  background: #fff;
  margin-top: 15px;
  display: block;
  text-align: center;
  padding: 12px 0;
  display: none;
}

.return_top img {
  display: block;
  margin: 0 auto 10px
}

.zx-popu {
  cursor: pointer;
  font-size: 14px;
  color: #888787;
}

.zx-popu:hover {
  color: #1d437b;
}

/* 新年商务通 */
.year-fixed {
  position: fixed;
  right: 10px;
  bottom: 12%;
  width: 254px;
  padding-bottom: 15px;
  text-align: center;
  z-index: 9999;
}

.year-niu {
  cursor: pointer;
}

.year-show {
  position: relative;
  margin-top: -105px;
  background: url(/images/year-bg.png) no-repeat;
  -webkit-background-size: 100% auto;
  -moz-background-size: 100% auto;
  -ms-background-size: 100% auto;
  -o-background-size: 100% auto;
  background-size: 100% auto;
  padding-top: 130px;
}

.year-fixed ul {
  width: 130px;
  margin-left: 60px;
}

.year-fixed li {
  text-align: center;
  font-size: 18px;
  font-weight: bold;
  line-height: 36px;
  cursor: pointer;
  margin-top: 15px;
  background-color: #bb160f;
  border: 2px solid #fff2af;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
}

.year-fixed li:hover {
  background-color: #e23a33;
}

.year-fixed li a,.year-fixed li span {
  color: #fff0b3;
  background: linear-gradient(to bottom, #fff0b3,#fdfbda, #ffe088);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

.year-top {
  display: inline-block;
  width: 130px;
  margin: 7px auto;
  padding-top: 15px;
  cursor: pointer;
  background: url(/images/year-top.png) no-repeat top center;
  line-height: 1.2;
  color: #db1d15;
  font-weight: bold;
}

.year-top:hover {
  color: #fff0b3;
}

.year-foot {
  width: 130px;
  margin: 35px auto 0;
  line-height: 62px;
  padding-bottom: 16px;
}

.year-foot a {
  display: block;
  color: #FFF;
  font-weight: bold;
  font-size: 18px;
}

.year-foot a:hover {
  color: #fff0b3;
}

.year-list {
  position: relative;
}

.year-fixed li.year-list:hover .year-tel {
  display: block;
}

.year-tel {
  width: 270px;
  position: absolute;
  right: 120%;
  top: -25px;
  padding: 6px 10px;
  background-color: #fff;
  border: 2px solid #860000;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
  display: none;
}

.year-tel:after {
  width: 0;
  height: 0;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  border-left: 12px solid #860000;
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  margin-top: -10px;
  right: -12px
}

.year-tel .year-ewm {
  overflow: hidden;
  font-weight: normal;
}

.year-tel .year-ewm img {
  float: left;
  width: 76px;
}

.year-tel .year-ewm p {
  display: block;
  overflow: hidden;
  color: #009598;
  text-align: left;
  line-height: 1.2;
  padding-left: 6px;
}

.year-tel .year-ewm p i {
  display: block;
  color: #333333;
  font-size: 14px;
  margin: 6px 0 4px;
}

.year-tel .year-ewm p strong {
  display: block;
  font-size: 20px;
  font-weight: bold;
  color: #b11e18;
}

@media screen and(-ms-high-contrast:active),(-ms-high-contrast:none) {
  .year-fixed li a,.year-fixed li span {
      background: none;
      -webkit-text-fill-color: #fff0b3;
  }
}

@media screen and (max-width: 1700px) {
  .year-fixed {
      width: 200px;
  }

  .year-show {
      margin-top: -60px;
      padding-top: 100px;
  }

  .year-fixed ul {
      width: 100px;
      margin-left: 50px;
  }

  .year-fixed li {
      line-height: 30px;
      font-size: 16px;
      margin-top: 12px;
  }

  .year-top {
      background: none;
      padding-top: 0;
  }

  .year-foot {
      width: 100px;
      margin: 26px auto 0;
      line-height: 48px;
      padding-bottom: 16px;
  }

  .year-foot a {
      font-size: 16px;
  }
}

@media screen and (max-width: 1400px) {
  .year-fixed {
      width: 180px;
      right: 6px;
  }

  .year-show {
      margin-top: -60px;
      padding-top: 90px;
  }

  .year-fixed ul {
      width: 90px;
      margin-left: 44px;
  }

  .year-fixed li {
      line-height: 26px;
      font-size: 15px;
      margin-top: 10px;
  }

  .year-foot {
      line-height: 44px;
  }
}

.err {
  text-align: center
}

.err .img {
  margin-top: 40px;
  margin-bottom: 40px
}

.err p {
  font-size: 24px;
  color: #666
}

.err p span {
  color: #ed1c24
}

.err a {
  font-size: 20px;
  color: #cc9f67;
  border: 1px solid #cc9f67;
  padding: 10px 35px;
  display: inline-block;
  margin-top: 30px
}

.err a:hover {
  color: #fff;
  background-color: #cc9f67
}

.err .img-bot {
  margin-top: 100px
}

.mess {
  padding-top: 100px
}

.mess .bg {
  width: 45%;
  margin: 0 auto;
  background: #fff;
  padding: 70px 0;
  box-shadow: 1px 5px 20px #ddd
}

.mess .img {
  margin-top: 0
}

.video-help {
  position: absolute;
  left: 16%;
  right: 16%;
  top: 50px
}

.video-fl {
  float: left;
  width: 46%;
  margin-top: 60px
}

.video-fl h1 {
  color: #fff;
  font-size: 40px;
  font-weight: 700;
  line-height: 1.2
}

.video-fl p {
  color: #cc9f67;
  font-size: 18px;
  line-height: 1.2;
  margin-top: 24px
}

.video-fr {
  float: right;
  width: 100%;
  max-width: 510px;
  height: 443px;
  margin-top: -60px;
  background: url(../images/video-shape.png) no-repeat right top;
  position: relative
}

.video-fr p {
  position: absolute;
  left: 0;
  bottom: 120px;
  color: #fff;
  font-size: 16px;
  line-height: 2.2;
  width: 62%
}

.video-nav {
  line-height: 85px;
  background: #01071d;
  background: -webkit-linear-gradient(left,#01071d 0,#26303a 100%);
  background: -moz-linear-gradient(left,#01071d 0,#26303a 100%);
  background: -ms-linear-gradient(left,#01071d 0,#26303a 100%);
  background: -o-linear-gradient(left,#01071d 0,#26303a 100%);
  background: linear-gradient(to right,#01071d 0,#26303a 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=#01071D, endColorstr=#26303A, GradientType=1)
}

.video-nav li {
  float: left;
  width: 25%;
  text-align: center;
  position: relative
}

.video-nav li a {
  display: block;
  color: #6b9ee3;
  font-size: 24px
}

.video-nav li.active a,.video-nav li:hover a {
  color: #ef4238
}

.video-nav li.active:after,.video-nav li:hover:after {
  display: block;
  content: "";
  font-size: 0;
  line-height: 0;
  border-width: 17px;
  border-color: #f0f3fa;
  border-top-width: 0;
  border-style: dashed;
  border-bottom-style: solid;
  border-left-color: transparent;
  border-right-color: transparent;
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: -17px
}

.video-list {
  margin-top: 80px
}

.video-list ul {
  margin-left: -6%
}

.video-list ul li {
  float: left;
  width: 44%;
  margin-left: 6%;
  margin-bottom: 60px;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -ms-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease
}

.video-list ul li:hover {
  -webkit-transform: translate(0,-3px);
  -moz-transform: translate(0,-3px);
  -ms-transform: translate(0,-3px);
  -o-transform: translate(0,-3px);
  transform: translate(0,-3px)
}

.video-tu {
  position: relative
}

.video-tu a.tuPic {
  position: relative;
  padding-top: 55.3%;
  display: block
}

.video-tu a.tuPic img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-border-radius: 10px 10px 0 0;
  -moz-border-radius: 10px 10px 0 0;
  -ms-border-radius: 10px 10px 0 0;
  -o-border-radius: 10px 10px 0 0;
  border-radius: 10px 10px 0 0
}

.video-tu a.tuIco {
  position: absolute;
  left: 0;
  bottom: 0
}

.video-txt {
  position: relative;
  z-index: 0;
  overflow: hidden;
  text-align: center;
  padding: 50px 12px;
  line-height: 30px;
  background: #1d427a;
  background: -webkit-linear-gradient(left,#1d427a 0,#3e77b2 100%);
  background: -moz-linear-gradient(left,#1d427a 0,#3e77b2 100%);
  background: -ms-linear-gradient(left,#1d427a 0,#3e77b2 100%);
  background: -o-linear-gradient(left,#1d427a 0,#3e77b2 100%);
  background: linear-gradient(to tight,#1d427a 0,#3e77b2 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=#1D427A, endColorstr=#3E77B2, GradientType=1);
  -webkit-border-radius: 0 0 10px 10px;
  -moz-border-radius: 0 0 10px 10px;
  -ms-border-radius: 0 0 10px 10px;
  -o-border-radius: 0 0 10px 10px;
  border-radius: 0 0 10px 10px;
  -webkit-box-shadow: 0 2px 4px rgba(97,123,191,.4);
  -moz-box-shadow: 0 2px 4px rgba(97,123,191,.4);
  -ms-box-shadow: 0 2px 4px rgba(97,123,191,.4);
  -o-box-shadow: 0 2px 4px rgba(97,123,191,.4);
  box-shadow: 0 2px 4px rgba(97,123,191,.4)
}

.video-txt:after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  width: 270px;
  height: 130px;
  background: url(../images/video-line.png) no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -ms-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  z-index: -1
}

.video-txt a {
  color: #fff;
  font-size: 22px;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis
}

.video-txt a:hover {
  color: #ef4238
}

.video-cont {
  margin-top: -42%;
  position: relative
}

.video-cont h1 {
  font-size: 46px;
  line-height: 1.2;
  color: #fff;
  font-weight: 700;
  text-align: center
}

.video-base {
  margin-top: 60px
}

.video-bfl {
  float: left;
  width: 72%
}

.bfl-basic {
  width: 84%;
  padding: 20px 30px;
  background: #1d427a;
  background: -webkit-linear-gradient(40deg,#1d427a 0,#3e77b2 100%);
  background: -moz-linear-gradient(40deg,#1d427a 0,#3e77b2 100%);
  background: -ms-linear-gradient(40deg,#1d427a 0,#3e77b2 100%);
  background: -o-linear-gradient(40deg,#1d427a 0,#3e77b2 100%);
  background: linear-gradient(60deg,#1d427a 0,#3e77b2 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=#1D427A, endColorstr=#3E77B2, GradientType=1);
  -webkit-box-shadow: inset 0 4px 8px rgba(0,0,0,.3);
  -moz-box-shadow: inset 0 4px 8px rgba(0,0,0,.3);
  -ms-box-shadow: inset 0 4px 8px rgba(0,0,0,.3);
  -o-box-shadow: inset 0 4px 8px rgba(0,0,0,.3);
  box-shadow: inset 0 4px 8px rgba(0,0,0,.3);
  -webkit-border-top-right-radius: 100px;
  -moz-border-top-right-radius: 100px;
  -ms-border-top-right-radius: 100px;
  -o-border-top-right-radius: 100px;
  border-top-right-radius: 100px
}

.bfl-basic strong {
  display: block;
  color: #59a5fc;
  font-size: 30px;
  line-height: 1.2;
  padding-left: 44px;
  background: url(../images/video-icon.png) no-repeat left center
}

.bfl-basic p {
  color: #cc9f67;
  font-size: 14px;
  line-height: 24px;
  margin-top: 16px
}

.bfl-basic p span {
  display: inline-block;
  margin-right: 16px
}

.bfl-basic p span img {
  vertical-align: middle;
  margin-right: 10px;
  margin-top: -3px
}

.video-bfl video {
  width: 100%;
  height: auto
}

.video-bfr {
  float: right;
  width: 21.4%;
  margin-right: 12px;
  margin-top: 116px
}

.video-ft {
  background-color: #f0f3fa
}

.video-ft ul {
  position: relative;
  padding: 10px 10px 0 10px;
  overflow: hidden;
  max-height: 230px;
  overflow-y: scroll
}

.video-ft ul::-webkit-scrollbar {
  width: 10px;
  background: #0d427f
}

.video-ft ul::-webkit-scrollbar-thumb {
  background: #629bd8
}

.video-ft ul li {
  overflow: hidden;
  margin-bottom: 15px
}

.ft-pic {
  float: left;
  width: 110px;
  margin-right: 10px;
  position: relative
}

.ft-pic span {
  position: absolute;
  right: 0;
  bottom: 0;
  height: 20px;
  line-height: 20px;
  min-width: 40px;
  padding: 0 5px;
  text-align: center;
  background: rgba(17,31,63,.7);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#B2111f3f, endColorstr=#B2111f3f);
  color: #fff;
  font-size: 12px
}

.ft-pic a {
  display: block;
  position: relative;
  padding-top: 56.4%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis
}

.ft-pic a img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%
}

.ft-info {
  display: block;
  overflow: hidden
}

.ft-info a {
  color: #666;
  font-size: 14px;
  line-height: 18px;
  height: 36px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2
}

.ft-info a:hover {
  color: #da251d
}

.ft-info span {
  display: inline-block;
  color: #555f7d;
  font-size: 12px;
  line-height: 16px;
  padding-left: 26px;
  margin-top: 8px;
  background: url(../images/video-icon05.png) no-repeat
}

.video-fb {
  padding: 24px 24px 80px;
  background: #1d427a;
  background: -webkit-linear-gradient(40deg,#1d427a 0,#3e77b2 100%);
  background: -moz-linear-gradient(40deg,#1d427a 0,#3e77b2 100%);
  background: -ms-linear-gradient(40deg,#1d427a 0,#3e77b2 100%);
  background: -o-linear-gradient(40deg,#1d427a 0,#3e77b2 100%);
  background: linear-gradient(60deg,#1d427a 0,#3e77b2 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=#1D427A, endColorstr=#3E77B2, GradientType=1);
  -webkit-border-radius: 0 0 20px 20px;
  -moz-border-radius: 0 0 20px 20px;
  -ms-border-radius: 0 0 20px 20px;
  -o-border-radius: 0 0 20px 20px;
  border-radius: 0 0 20px 20px;
  -webkit-box-shadow: 0 4px 10px rgba(5,22,63,.5);
  -moz-box-shadow: 0 4px 10px rgba(5,22,63,.5);
  -ms-box-shadow: 0 4px 10px rgba(5,22,63,.5);
  -o-box-shadow: 0 4px 10px rgba(5,22,63,.5);
  box-shadow: 0 4px 10px rgba(5,22,63,.5);
  position: relative
}

.video-fb p {
  color: #fff;
  font-size: 14px;
  line-height: 24px
}

.fb-code {
  overflow: hidden;
  margin-top: 15px
}

.fb-code img {
  float: left;
  width: 85px;
  margin-right: 8px
}

.fb-tel {
  display: block;
  overflow: hidden;
  color: #fff;
  font-size: 16px;
  line-height: 1.6
}

.fb-tel strong {
  display: block;
  color: #fa0;
  font-size: 26px;
  font-weight: 700
}

.fb-kf {
  position: absolute;
  bottom: -44px;
  left: 0;
  width: 102%;
  height: 114px;
  padding: 40px 0 40px 50px;
  background: url(../images/video-kf.png) no-repeat;
  -webkit-background-size: 100%;
  -moz-background-size: 100%;
  -ms-background-size: 100%;
  -o-background-size: 100%;
  background-size: 100%;
  cursor: pointer
}

.fb-kf span {
  color: #153c71;
  font-size: 20px;
  display: inline-block;
  cursor: pointer;
  position: relative;
  padding-right: 6px
}

.fb-kf span:after {
  background: url(../images/jsz.png) no-repeat;
  content: "";
  display: inline-block;
  width: 20px;
  height: 26px;
  -o-background-size: cover;
  background-size: cover;
  position: absolute;
  right: -25px;
  bottom: -6px;
  -webkit-animation: jsz 2s infinite;
  -moz-animation: jsz 2s infinite;
  -o-animation: jsz 2s infinite;
  animation: jsz 2s infinite
}

.video-main {
  margin-top: 140px
}

.video-text {
  padding: 90px 66px 140px;
  color: #555;
  font-size: 20px;
  line-height: 2
}

.video-text strong {
  display: block;
  color: #333;
  margin-top: 30px
}

.video-text strong .xw_swt {
  font-weight: 400
}

.video-text strong .xw_swt:hover {
  color: #da251d
}

.video-step {
  margin: 40px -40px 60px
}

.video-step li {
  float: left;
  width: 16.6%;
  text-align: center;
  position: relative;
  overflow: inherit;
  margin-top: 0
}

.video-step li img {
  width: 102px;
  height: auto
}

.video-step li span {
  display: block;
  color: #1d427a;
  font-size: 20px;
  line-height: 1.2;
  margin-top: 16px
}

.video-step li:after {
  content: "";
  position: absolute;
  right: -10px;
  top: 41px;
  width: 20px;
  height: 20px;
  background: url(../images/video-step.png) no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -ms-background-size: cover;
  -o-background-size: cover;
  background-size: cover
}

.video-step li.step-last:after {
  display: none
}

@media screen and (max-width: 4000px) and (min-width:2000px) {
  .contact-left ul {
      margin-bottom: 80px;
  }
}

@media screen and (min-width: 1925px) {
  .ind-box .left-box:after {
      left:12%
  }

  .head-wrap {
      max-width: 2150px
  }

  .case-bom .box {
      width: 800px
  }

  .pro-cont-top {
      margin-top: 100px
  }

  .index-new li .box p {
      height: 55px
  }

  .about-head {
      margin-top: -35%
  }
}

@media screen and (max-width: 1850px) {
  .nav-one {
      width:75%;
      margin-left: 6%
  }
}

@media screen and (max-width: 1780px) {
  .nav-one {
      width:72%;
      margin-left: 7%
  }
}

@media screen and (max-width: 1680px) {
  .nav-one {
      width:67%;
      margin-left: 10%
  }

  .ind-box .left-box:after {
      left: 16.5%
  }

  .guide {
      margin-bottom: 50px
  }

  .txt-p {
      margin-top: 120px
  }

  .pro-help {
      left: 11%
  }

  .video-help {
      left: 11%;
      right: 11%
  }

  .case-head,.pro-box {
      margin-top: -28%
  }

  .mate-head {
      margin-top: -30%
  }

  .about-head {
      margin-top: -43%
  }

  .numb .three {
      right: 28%
  }

  .numb .four {
      right: 10%
  }

  .about-bom .box {
      bottom: 25%
  }
}

@media screen and (max-width: 1600px) {
  .header {
      height:155px
  }

  .head-wrap {
      padding: 0 50px
  }

  .return_top {
      width: 80px;
      font-size: 14px;
      padding: 8px 0
  }

  .right-fixed .fixed-box {
      padding: 45px 0 20px
  }

  .right-fixed li {
      margin-top: 10px
  }

  .right-fixed li img {
      width: 30px
  }

  .right-fixed .fixed-box a,.right-fixed .fixed-box span {
      font-size: 14px
  }

  .right-fixed .fixed-box {
      width: 80px
  }

  .right-fixed .kf {
      width: 100px;
      border-top-right-radius: 40px;
      border-bottom-left-radius: 40px
  }

  .right-fixed .kf img {
      border-top-right-radius: 40px;
      border-bottom-left-radius: 40px
  }

  .fixed-box li .box,.We-Chat .boxs {
      right: 90px;
  }

  .nav-one {
      width: 69%;
      margin-left: 9%;
      margin-top: 43px
  }

  .nav-one li a {
      font-size: 16px
  }

  .nav-two {
      margin-top: 24px
  }

  .nav-two li a {
      font-size: 18px
  }

  .ind-box .left-box:after {
      left: 16.6%
  }

  .guide {
      margin-bottom: 35px
  }

  .pro-banner .pro-help ul li {
      margin-top: 40px
  }

  .pro-help {
      left: 9%
  }

  .video-help {
      left: 9%;
      right: 9%
  }

  .about-head .right-box {
      width: 44%
  }

  .about-head .right-box .more-btn {
      padding: 20px 100px 20px 30px;
      font-size: 20px;
      margin-top: 20px
  }

  .box_wrap {
      top: 150px
  }

  .video-js video {
      width: 800px;
      height: 450px
  }

  .box_wrap {
      margin-left: -400px
  }

  .mate-head h1::after {
      margin-top: -100px
  }

  .err .img {
      margin-top: 0;
      margin-bottom: 0
  }

  .err .img-bot {
      margin-top: 50px
  }

  .video-fr p {
      left: 40px
  }

  .chat-btn {
      right: 48px;
  }
}

@media screen and (max-width: 1440px) {
  .head-wrap {
      max-width:1280px
  }

  .nav-one {
      width: 76%;
      margin-left: 5%;
      margin-top: 40px
  }

  .header {
      height: 140px
  }

  .nav-one li a {
      font-size: 16px
  }

  .index-one h1 {
      font-size: 38px
  }

  .index-case h2 a,.index-new h2 a,.index-pro h2 a {
      font-size: 36px
  }

  .index-one li .bef {
      padding: 40px 27% 15px 27%
  }

  .wrap {
      max-width: 1200px
  }

  .ind-box .right-box h3 a {
      font-size: 40px
  }

  .ind-box .left-box {
      width: 55%;
      margin-left: -13%
  }

  .ind-box:before {
      right: -50px
  }

  .ind-box .right-box .ul-ws li p,.ind-box .right-box .wl-tu p {
      font-size: 20px
  }

  .ind-box .right-box .wl-tu span,.nav-list li a {
      font-size: 18px
  }

  .ind-box-js p {
      font-size: 16px
  }

  .ind-box .right-box .ul-ws li span {
      font-size: 32px;
      line-height: 72px;
      margin-top: 15px
  }

  .ind-box .right-box .ul-ws li span::before {
      width: 125px;
      height: 72px
  }

  .ind-box .left-box:after {
      width: 400px;
      height: 474px
  }

  .pro-banner .pro-help strong {
      font-size: 30px
  }

  .pro-banner .pro-help ul li {
      margin-top: 30px
  }

  .guide {
      margin-bottom: 30px
  }

  .pro-banner .pro-help ul li p {
      margin-top: 15px
  }

  .nav-list li {
      padding: 20px 0
  }

  .nav-list li.active:after {
      display: block;
      content: "";
      font-size: 0;
      line-height: 0;
      border-width: 12px;
      border-color: #fff;
      border-top-width: 0;
      border-style: dashed;
      border-bottom-style: solid;
      border-left-color: transparent;
      border-right-color: transparent;
      position: absolute;
      bottom: 0;
      left: 50%;
      margin-left: -20px
  }

  .case-list-r strong a {
      font-size: 26px
  }

  .case-list-r {
      padding: 35px 0 0 30px
  }

  .txt-p p {
      font-size: 42px
  }

  .txt-p:after {
      width: 360px;
      height: 35px
  }

  .pro-help {
      left: 8%
  }

  .video-help {
      left: 8%;
      right: 8%
  }

  .new-cont-l {
      width: 70%
  }

  .new-cont-r {
      width: 25%
  }

  .case-head,.pro-box {
      margin-top: -27%
  }

  .pro_cans dt {
      width: 13%
  }

  .pro_cans ul {
      padding: 30px 15px
  }

  .news-list .list-head-r h1,.news-list .list-head-r strong a {
      font-size: 36px
  }

  .pro-pic .fw span {
      font-size: 18px
  }

  .zx-bj {
      margin-top: 60px
  }

  .prozx-bj {
      margin-top: 30px
  }

  .pro-pic .fw {
      margin-top: 40px
  }

  .zx-bj .sm-bd p span {
      font-size: 18px
  }

  .zx-bj .sm-bd p.ewm {
      margin-top: 10px
  }

  .pro_cans dd .hover:after {
      width: 25px;
      height: 30px
  }

  .mate .mate-l .wl .name:after {
      display: none
  }

  .mate-all h2 {
      font-size: 28px
  }

  .h-top h1,.h-top h2 {
      font-size: 40px
  }

  .h-top .box {
      margin-top: 12px
  }

  .h-top:before {
      width: 90px;
      height: 91px;
      top: -45px;
      left: -50px
  }

  .about-head .right-box .tit {
      margin-top: 25px
  }

  .all-pos:after,.fw-pos:after,.hz-pos:after {
      width: 400px;
      height: 210px
  }

  .news-list .list-head-r .fw span {
      font-size: 18px
  }

  .hz-pos {
      margin-top: 130px
  }

  .ly-tj .hed-t {
      height: 320px
  }

  .ly-tj .hed-t .one {
      bottom: 110px;
      left: 55px
  }

  .ly-tj .hed-t .two {
      bottom: 155px;
      left: 330px
  }

  .ly-tj .hed-t .three {
      right: 75px;
      bottom: 190px
  }

  .mess-right .fr .tel {
      margin-top: 45px
  }

  .pro-pic .fw {
      margin-left: -3%
  }

  .pro-pic .fw span {
      margin-left: 3%
  }

  .pro_cans dd {
      width: 81%
  }

  .xw-zx .box {
      padding: 35px 7%
  }

  .case-zx-bj a {
      width: 48%
  }

  .case-zx-bj .sm-bd {
      width: 45%
  }

  .case-zx-bj .sm-bd p span {
      font-size: 18px
  }

  .case-zx-bj .sm-bd .ewm {
      margin-top: 0
  }

  .new-cont-right .zx-sy {
      padding: 30px 0 30px 40px
  }

  .video-fr {
      display: none
  }

  .video-cont {
      margin-top: -38%
  }

  .fb-kf {
      width: 100%
  }

  .bfl-basic {
      padding-left: 16px;
      padding-right: 16px
  }

  .bfl-basic strong {
      font-size: 26px
  }

  .bfl-basic p span {
      margin-right: 8px
  }

  .bfl-basic p span img {
      width: 16px;
      margin-right: 6px
  }

  .video-bfr {
      width: 23%
  }

  .fb-code {
      margin-top: 10px
  }

  .fb-tel strong {
      font-size: 24px
  }

  .video-fb {
      padding: 20px 20px 70px
  }

  .video-bfr {
      margin-top: 94px
  }

  .hx-cs .box.four {
      right: 4.5%
  }

  .hx-cs .box.three {
      right: 32.4%
  }
}

@media screen and (max-width: 1400px) {
  .logo {
      margin-top:45px
  }

  .ind-box .left-box {
      width: 55%;
      margin-left: -13%
  }

  .ind-box .right-box h3 a {
      font-size: 36px
  }

  .pro-help {
      left: 6.5%
  }

  .video-help {
      left: 6.5%;
      right: 6.5%
  }

  .mate-two li h3 a {
      font-size: 16px
  }
}

@media screen and (max-width: 1366px) {
  .ind-box .left-box {
      margin-left:-8%
  }

  .ind-box .left-box:after {
      left: 7.6%
  }

  .ind-box {
      padding-right: 10%
  }

  .flipster-carousel .flip-items .pic {
      width: 750px
  }

  .pro-help {
      left: 5.5%
  }

  .video-help {
      left: 5.5%;
      right: 5.5%
  }

  .new-cont h1 {
      font-size: 32px
  }

  .new-cont .tb-top .text {
      padding: 10px 50px 10px 20px
  }

  form li span {
      margin-right: 0
  }

  .xw-zx .box {
      padding: 35px 2%
  }

  .ind-box:before {
      right: -50px
  }

  .contact-right .ly-tj .hed-t {
      height: 225px
  }

  .about-head {
      max-width: 980px
  }

  .numb .three {
      right: 25%;
      bottom: 17%
  }

  .numb .four {
      right: 8%;
      bottom: 50.5%
  }

  .return_top,.right-fixed .fixed-box {
      width: 70px
  }

  .video-nav li a {
      font-size: 22px
  }

  .video-tu a.tuIco img {
      width: 100px;
      height: auto
  }

  .video-txt {
      padding: 30px 12px
  }

  .video-list ul li {
      margin-bottom: 40px
  }

  .chat-btn {
      right: 40px;
  }
}

@media screen and (max-width: 1280px) {
  .head-wrap {
      max-width:1100px;
      padding: 0 10px
  }

  .header {
      height: 120px
  }

  .nav-one {
      width: 75%;
      margin-top: 32px;
      margin-left: 6%
  }

  .wrap {
      max-width: 1000px
  }

  .logo {
      margin-top: 30px
  }

  .head-tel {
      margin-top: 15px
  }

  .nav-two li a {
      font-size: 16px
  }

  .nav-one li a {
      font-size: 15px
  }

  .index-one li .bef {
      padding: 40px 25% 15px 25%
  }

  .index-case .case-tit:before,.index-new .new-tit:before,.index-pro .pro-tit:before {
      left: 26%
  }

  .index-case .case-tit:after,.index-new .new-tit:after,.index-pro .pro-tit:after {
      right: 26%
  }

  .ind-box .right-box .ul-ws li span::before {
      width: 95px;
      height: 55px
  }

  .ind-box .right-box .ul-ws li span {
      font-size: 24px;
      line-height: 56px;
      margin-top: 15px
  }

  .ind-box:after {
      width: 340px;
      height: 183px
  }

  .bj-zx {
      bottom: 22px
  }

  .index-new li .box p span {
      display: none
  }

  .flipster-carousel .flip-items .pic {
      width: 665px
  }

  .guide {
      margin-bottom: 20px
  }

  .pro-banner .pro-help strong {
      font-size: 24px
  }

  .pro-banner .pro-help span {
      font-size: 16px
  }

  .new-jh {
      margin-top: -170px
  }

  .pro-help {
      left: 10%
  }

  .video-help {
      left: 10%;
      right: 10%
  }

  .new-cont-r .ts .whrit img,.new-cont-right .whrit img {
      width: 45px
  }

  .new-cont-r .ts .l-r p,.new-cont-r .ts .l-r strong span,.new-cont-right .whrit .l-r p,.new-cont-right .whrit .l-r strong span {
      font-size: 14px
  }

  .new-cont-r .ts .l-r strong,.new-cont-right .whrit .l-r strong {
      font-size: 16px
  }

  .new-cont-r .ts .zx-sy,.new-cont-right .zx-sy {
      padding: 25px 0 25px 35px
  }

  .new-cont-r .ts a.sq,.new-cont-right .zx-sy .sq {
      font-size: 16px
  }

  .new-cont h1 {
      font-size: 30px
  }

  .content-bg {
      padding: 45px 30px
  }

  .but-tj p {
      font-size: 18px
  }

  .but-tj button {
      font-size: 24px;
      height: 68px;
      line-height: 68px
  }

  .but-tj button::after {
      display: none
  }

  .xw-zx .box .tit {
      font-size: 16px
  }

  .hx-cs strong {
      font-size: 32px
  }

  .case-zx-bj {
      margin-top: 20px
  }

  .case-zx-bj a {
      width: 100%
  }

  .case-zx-bj .sm-bd {
      display: none
  }

  .ly-tj .hed-t {
      height: 267px
  }

  .ly-tj .hed-t p {
      font-size: 16px
  }

  .ly-tj .hed-t .one {
      bottom: 95px;
      left: 50px
  }

  .ly-tj .hed-t .two {
      bottom: 130px;
      left: 275px
  }

  .ly-tj .hed-t .three {
      right: 65px;
      bottom: 165px
  }

  .mag-box {
      width: 345px
  }

  .contact-right .ly-tj .hed-t {
      height: 188px
  }

  .contact-right .ly-tj .pic-box img {
      width: 85px
  }

  .contact-right .ly-tj .hed-t p {
      font-size: 14px
  }

  .contact-right .ly-tj .hed-t .one {
      bottom: 55px;
      left: 10px
  }

  .contact-right .ly-tj .hed-t .two {
      bottom: 85px;
      left: 125px
  }

  .contact-right .ly-tj .hed-t .three {
      right: 15px;
      bottom: 110px
  }

  .msg-head strong {
      font-size: 22px
  }

  .contact-right .form-box {
      padding: 20px 20px 35px 20px
  }

  .contact-left h1 {
      font-size: 28px
  }

  .contact-box .come p {
      font-size: 32px
  }

  .h-top h1,.h-top h2 {
      font-size: 32px
  }

  .h-top p {
      font-size: 12px
  }

  .h-top .box {
      margin-top: 8px
  }

  .left-box .swiper-pagination {
      font-size: 18px
  }

  .about-head .right-box .tit {
      font-size: 14px
  }

  .about-head .right-box .more-btn {
      font-size: 18px;
      padding: 20px 90px 20px 40px;
      margin-top: 30px
  }

  .numb .one {
      left: 12%;
      bottom: 34%
  }

  .numb .two {
      left: 34%;
      bottom: 10%
  }

  .numb .three {
      right: 24%;
      bottom: 17%
  }

  .numb .four {
      right: 7%;
      bottom: 50.5%
  }

  .about-sc .tit {
      width: 42%;
      margin-top: 20px
  }

  .hz-pos {
      margin-top: 85px
  }

  .about-bom .box strong {
      font-size: 30px
  }

  .about-bom .box p,.news-list .list-head-r .wl-nl p span {
      font-size: 16px
  }

  .about-bom a {
      padding: 15px 40px 15px 50px
  }

  .news-list .list-head-r .text-box {
      left: 55%
  }

  .news-list .list-head-r h1,.news-list .list-head-r strong a {
      font-size: 32px
  }

  .news-list .list-head-r .fw span,.news-list .list-head-r .text,.news-list .list-head-r .wl-nl p {
      font-size: 14px
  }

  .news-list .list-head {
      padding: 20px 20px 60px 20px
  }

  .news-list .list-head-r .wl-nl p img {
      margin-right: 0
  }

  .news-list .list-head .list-head-r {
      margin-top: 10px
  }

  .zx-bj .sm-bd p {
      font-size: 12px
  }

  .zx-bj .sm-bd p span {
      font-size: 16px
  }

  .zx-bj .sm-bd {
      margin-left: 2%
  }

  .zx-bj {
      margin-top: 35px
  }

  .news-list .list-head-r .fw {
      margin-left: 0
  }

  .news-list .list-head-r .fw span {
      margin-left: 3%
  }

  .news-list .list-head-r .text-box p {
      font-size: 18px
  }

  .more-news {
      margin-top: -16%
  }

  .mess-right .fr .tel {
      margin-top: 20px
  }

  .mess-right .fr .a-swt {
      margin-top: 65px
  }

  .mess-right .fr ul {
      margin-top: 45px
  }

  .case-xm .box {
      padding: 20px 15px 40px
  }

  .pro-cont-top {
      padding: 20px 0
  }

  .pro-cont-right {
      margin-top: -60px
  }

  .pro_cans dd span {
      font-size: 12px;
      margin-left: 1%;
      padding: 10px
  }

  .pro_cans dd {
      margin-left: 5px;
      margin-top: 0
  }

  .pro_cans dd .hover:after {
      width: 25px;
      height: 30px;
      bottom: 0;
      right: -15px
  }

  .pro_cans ul {
      min-height: 146px;
  }

  .mate-two li h3 a {
      font-size: 14px
  }

  .video-fl {
      width: 66%
  }

  .video-fl h1 {
      font-size: 36px
  }

  .video-nav li a {
      font-size: 20px
  }

  .video-list ul {
      margin-left: -4%
  }

  .video-list ul li {
      width: 46%;
      margin-left: 4%;
      margin-bottom: 30px
  }

  .video-tu a.tuIco img {
      width: 80px
  }

  .video-txt a {
      font-size: 20px
  }

  .video-txt {
      padding: 24px 12px
  }

  .video-cont h1 {
      font-size: 42px
  }

  .video-bfl {
      width: 70%
  }

  .bfl-basic {
      width: 94%
  }

  .bfl-basic strong {
      font-size: 24px
  }

  .video-bfr {
      width: 27%;
      margin-right: 0;
      margin-top: 98px
  }

  .video-fb p {
      display: none
  }

  .video-main {
      margin-top: 80px
  }

  .video-text {
      font-size: 18px;
      padding: 60px 42px 100px
  }

  .video-step li span {
      font-size: 18px
  }

  .video-step li img {
      width: 88px
  }

  .video-step li:after {
      top: 34px
  }

  .hx-cs .box.one {
      left: 7%
  }

  .hx-cs .box.two {
      left: 30%
  }

  .hx-cs .box.three,.new-cont-left .hx-cs .box.three {
      right: 31.4%
  }

  .hx-cs .box.four,.new-cont-left .hx-cs .box.four {
      right: 2%
  }
}

@media screen and (max-width: 1200px) {
  .nav-one {
      width:70%;
      margin-left: 8.5%
  }

  .pro-help {
      left: 5%;
      top: 0
  }

  .video-help {
      left: 5%;
      right: 5%
  }
}

@media screen and (max-width: 1024px) {
  .head-wrap {
      max-width:950px
  }

  .about-head {
      margin-top: -40%
  }

  .head-tel {
      width: 18%
  }

  .header {
      height: 100px
  }

  .nav-one {
      width: 71%;
      margin-left: 7.7%
  }

  .nav-one {
      margin-top: 25px
  }

  .nav-two {
      margin-top: 15px
  }

  .nav-one li a {
      font-size: 14px
  }

  .index-banner .swiper-button-next,.index-banner .swiper-button-prev {
      width: 25px;
      height: 45px
  }

  .index-one li .bef {
      padding: 40px 10% 15px 10%
  }

  .index-one li strong a {
      font-size: 16px
  }

  .ind-box,.index-about-wrap,.index-new .pad {
      max-width: 880px
  }

  .index-about .fr {
      margin-top: -30px
  }

  .index-about span {
      margin-top: 20px
  }

  .index-one li p {
      margin-top: 10px
  }

  .ind-box .left-box:after {
      width: 330px;
      height: 400px
  }

  .ind-box .right-box h3 a {
      font-size: 28px
  }

  .flipster-carousel .flip-items .pic {
      width: 565px
  }

  .ind-box .right-box .ul-ws {
      margin-top: 20px
  }

  .ind-box .right-box .ul-ws li p,.ind-box .right-box .ul-ws li span,.ind-box .right-box .wl-tu p {
      font-size: 18px
  }

  .ind-box .right-box .wl-tu span,.nav-list li a {
      font-size: 16px
  }

  .ind-box .right-box .wl-tu {
      margin-top: 15px
  }

  .ind-box:after {
      width: 290px;
      height: 157px
  }

  .index-case h2 a,.index-new h2 a,.index-pro h2 a {
      font-size: 32px
  }

  .bj-zx {
      bottom: 20px;
      right: 50px
  }

  .bj-zx span {
      font-size: 24px
  }

  .case-head,.pro-box {
      margin-top: -25%
  }

  .case-head .case-head-r .text-box p {
      font-size: 14px
  }

  .case-bom .box {
      bottom: 15%;
      left: 5%
  }

  .mate-head {
      margin-top: -25%
  }

  .pro_cans dt {
      font-size: 12px
  }

  .pro_cans dd .hover:after {
      width: 15px;
      height: 30px;
      right: -13px
  }

  .pro-pic .fw span {
      font-size: 16px
  }

  .pro-cont-top li {
      width: 18.5%
  }

  .pro-cont-top {
      padding: 19px 0
  }

  .pro-cont-top li {
      width: 16%
  }

  .pro-cont-right {
      margin-top: -60px
  }

  .pro-help {
      left: 5%;
      top: 10px
  }

  .pro-banner .pro-help ul li {
      margin-top: 25px;
      margin-right: 60px
  }

  .pro-banner .pro-help ul li p {
      margin-top: 10px;
      font-size: 14px
  }

  .new-jh {
      margin-top: -110px
  }

  .new-cont-r .ts .zx-sy {
      padding-left: 50px
  }

  .new-jh h1,.pro-know .text strong a {
      font-size: 32px
  }

  .h-top:before {
      width: 66px;
      height: 67px;
      top: -30px;
      left: -30px
  }

  .about-head .right-box {
      width: 45%;
      margin-top: -70px
  }

  .left-box .swiper-pagination {
      display: none
  }

  .numb .three {
      right: 23%;
      bottom: 16%
  }

  .numb p {
      font-size: 14px
  }

  .about-bom .box strong {
      font-size: 24px
  }

  .about-bom .box p,.news-list .list-head-r .wl-nl p span {
      font-size: 14px
  }

  .index-pro-lw {
      max-width: 930px
  }

  .index-pro-lw li .more {
      width: 150px
  }

  .index-pro-lw li h3 a {
      font-size: 20px
  }

  .index-pro-lw li .box p span {
      font-size: 14px
  }

  .index-pro-lw li {
      padding-bottom: 50px;
      padding-left: 15px
  }
}

.t-wl {
  margin: 30px auto
}

.t-tw {
  background: url(../images/tw_bg.jpg) no-repeat;
  -o-background-size: 100% 100%;
  background-size: 100% 100%;
  width: 100%;
  max-width: 801px;
  height: 167px;
  text-align: center;
  padding-top: 25px;
  margin: 0 auto
}

.t-tw strong {
  font-size: 32px;
  color: #fff;
  display: block
}

.t-tw strong span {
  font-size: 42px
}

.t-tw p {
  background: #f94a28;
  background-image: -webkit-linear-gradient(left,#f98930 0,#f94a28 100%);
  background-image: -moz-linear-gradient(left,#f98930 0,#f94a28 100%);
  background-image: -o-linear-gradient(left,#f98930 0,#f94a28 100%);
  background-image: linear-gradient(90deg,#f98930 0,#f94a28 100%);
  -o-background-size: 100% 100%;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  width: 156px;
  height: 38px;
  line-height: 38px;
  display: inline-block;
  border-radius: 50px;
  position: relative;
  margin-top: 18px;
  cursor: pointer;
  text-indent: 0
}

.t-tw p:hover {
  background: #f94a28;
  background-image: -webkit-linear-gradient(left,#f94a28 0,#f98930 100%);
  background-image: -moz-linear-gradient(left,#f94a28 0,#f98930 100%);
  background-image: -o-linear-gradient(left,#f94a28 0,#f98930 100%);
  background-image: linear-gradient(90deg,#f94a28 0,#f98930 100%);
  -o-background-size: 100% 100%;
  background-size: 100% 100%;
  background-repeat: no-repeat
}

.t-tw p:after {
  display: block;
  background: url(../images/tbk.png) no-repeat;
  -o-background-size: 100% 100%;
  background-size: 100% 100%;
  width: 172px;
  height: 33px;
  position: absolute;
  bottom: -6px;
  left: -8px;
  content: ""
}

.t-tw p img {
  vertical-align: middle;
  margin-top: -2px;
  display: inline-block
}

.t-tw p span {
  color: #fff;
  font-size: 14px;
  margin-left: 3px
}

.t-yy {
  max-width: 738px;
  width: 100%;
  height: 109px;
  line-height: 109px;
  background: url(../images/tyy.jpg) no-repeat;
  -o-background-size: 100% 100%;
  background-size: 100% 100%;
  box-shadow: 0 4px 24px rgba(62,119,178,.4);
  border-radius: 10px;
  text-align: center;
  margin: 24px auto 34px;
  position: relative;
  display: none
}

.t-yy:after,.t-yy:before {
  background: url(../images/tyb.png) no-repeat;
  width: 18px;
  height: 49px;
  content: "";
  display: block;
  position: absolute
}

.t-yy:before {
  left: 53px;
  top: -49px
}

.t-yy:after {
  right: 53px;
  top: -49px
}

.t-yy p {
  font-size: 18px;
  color: #333;
  text-indent: 0;
  line-height: 109px;
  margin-top: 0
}

.t-yy p span {
  font-size: 20px;
  font-weight: 700;
  background-image: -webkit-gradient(linear,0 0,100% 0,from(#f98c30),to(#f94928));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin-right: 10px
}

.t-yy p img {
  display: inline-block;
  margin: 0
}

.t-mes {
  position: relative;
  width: 100%;
  max-width: 739px;
  height: 398px;
  background: url(../images/t_pic.png) no-repeat #fff bottom right;
  box-shadow: 0 4px 24px rgba(62,119,178,.4);
  border-radius: 10px;
  margin: 34px auto 0;
  padding: 23px
}

.t-mes:after,.t-mes:before {
  background: url(../images/tyb.png) no-repeat;
  width: 18px;
  height: 63px;
  content: "";
  display: block;
  position: absolute
}

.t-mes:before {
  left: 53px;
  top: -63px
}

.t-mes:after {
  right: 53px;
  top: -63px
}

.t-mes strong {
  background-image: -webkit-linear-gradient(left,#f94a28 45%,#f98930 60%,#f94a28 65%,#f98930 90%);
  background-image: -moz-linear-gradient(left,#f94a28 45%,#f98930 60%,#f94a28 65%,#f98930 90%);
  background-image: -o-linear-gradient(left,#f94a28 45%,#f98930 60%,#f94a28 65%,#f98930 90%);
  background-image: linear-gradient(90deg,#f94a28 45%,#f98930 60%,#f94a28 65%,#f98930 90%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 26px;
  font-weight: 400;
  width: 100%;
  text-align: center;
  display: inline-block;
  font-weight: 700
}

.t-mes strong:before {
  content: "";
  display: inline-block;
  background: url(https://www.hxposuiji.com/images/h_a.png) no-repeat;
  width: 28px;
  height: 28px;
  vertical-align: middle;
  margin-right: 10px;
  -o-background-size: cover;
  background-size: cover
}

.ms-pic {
  position: relative
}

.ms-pic:before {
  background: url(../images/pic_o.png) no-repeat;
  width: 190px;
  height: 191px;
  content: "";
  display: block;
  position: absolute;
  top: -65px;
  left: 80px
}

.ms-pic:after {
  background: url(../images/pic_t.png) no-repeat;
  width: 386px;
  height: 386px;
  content: "";
  display: block;
  position: absolute;
  right: 55px;
  top: 115px
}

.t-mes .messages {
  position: relative;
  z-index: 10;
  margin-top: 0
}

.t-mes .messages .ul-one {
  margin-top: 27px;
  overflow: hidden;
  margin-left: -2%
}

.t-mes .messages .ul-one li {
  float: left;
  width: 31.333%;
  margin-left: 2%;
  margin-top: 0
}

.t-mes .messages .ul-one li input,.t-mes .messages .ul-two li input {
  border: 1px solid #a4cdff;
  border-radius: 10px 0 10px 10px;
  height: 53px;
  line-height: 30px;
  padding: 10px 23px;
  width: 100%;
  color: #000;
  background: 0 0
}

.t-mes .messages .ul-two {
  margin-top: 26px;
  overflow: hidden;
  margin-left: -5%
}

.t-mes .messages .ul-two li {
  float: left;
  width: 45%;
  margin-left: 5%;
  margin-top: 0
}

.t-mes .messages .ul-two li.bt input {
  background: url(../images/xing.png) no-repeat 10px 15px
}

.t-mes .messages .text-m {
  margin-top: 27px;
  width: 47.5%;
  border: 1px solid #a4cdff;
  border-radius: 10px 0 10px 10px;
  height: 55px;
  line-height: 35px;
  padding: 10px 23px;
  display: block;
  overflow: hidden;
  resize: none;
  color: #667992;
  background: 0 0
}

.t-mes .messages button {
  border-radius: 10px 4px 30px 10px;
  width: 130px;
  height: 45px;
  line-height: 45px;
  background: #ff4d4a;
  background: -webkit-linear-gradient(left,#ff4d4a,#ff8d4a);
  background: -o-linear-gradient(right,#ff4d4a,#ff8d4a);
  background: -moz-linear-gradient(right,#ff4d4a,#ff8d4a);
  background: -moz-linear-gradient(left,#ff4d4a,#ff8d4a);
  background: -o-linear-gradient(left,#ff4d4a,#ff8d4a);
  background: linear-gradient(to right,#ff4d4a,#ff8d4a);
  color: #fff;
  font-size: 18px;
  margin-top: 26px;
  cursor: pointer
}

.t-mes .messages button:hover {
  background: #ff8d4a;
  background: -webkit-linear-gradient(left,#ff8d4a,#ff4d4a);
  background: -o-linear-gradient(right,#ff8d4a,#ff4d4a);
  background: -moz-linear-gradient(right,#ff8d4a,#ff4d4a);
  background: -moz-linear-gradient(left,#ff8d4a,#ff4d4a);
  background: -o-linear-gradient(left,#ff8d4a,#ff4d4a);
  background: linear-gradient(to right,#ff8d4a,#ff4d4a)
}

.t-mes .messages .text-m::-webkit-input-placeholder {
  color: #667992
}

.video-new {
  margin: 30px auto
}

.video-new .bt {
  font-size: 20px;
  font-weight: 700;
  color: #fff;
  background: url(../images/sp_bg.png) no-repeat;
  background-size: 100% 100%;
  display: block;
  width: 327px;
  height: 90px;
  line-height: 95px;
  text-align: center;
  margin: 0 auto
}

.video-new .video-box {
  margin-top: 50px;
  position: relative
}

.video-new .video-box:after {
  content: "";
  display: block;
  width: 100%;
  height: 30px;
  bottom: 0;
  left: 0;
  background: -webkit-linear-gradient(#b5d1ff,#fff);
  background: -o-linear-gradient(#b5d1ff,#fff);
  background: -moz-linear-gradient(#b5d1ff,#fff);
  background: linear-gradient(#b5d1ff,#fff)
}

.video-new .video {
  width: 100%
}

.video-new .video video {
  display: block;
  width: 100%
}

.video-new .video-box strong {
  font-weight: 700;
  color: #fff;
  font-size: 30px;
  text-align: center;
  background: url(../images/spbt_bg.png) no-repeat;
  background-size: 100% 100%;
  width: 100%;
  max-width: 798px;
  height: 80px;
  text-align: center;
  line-height: 80px;
  display: block
}

.video-new .gcs-wj {
  background: url(../images/gcs_bg.png) no-repeat;
  background-size: 100% 100%;
  max-width: 800px;
  width: 100%;
  height: 157px;
  position: relative
}

.video-new .gcs-wj .wj-left {
  float: left;
  margin-left: 18%;
  text-align: center;
  margin-top: 15px
}

.video-new .gcs-wj .wj-left strong {
  font-size: 26px;
  color: #fefefe
}

.video-new .gcs-wj .wj-left strong span {
  color: #fa9c52
}

.video-new .gcs-wj .wj-left ul {
  overflow: hidden;
  margin: 8px 0
}

.video-new .gcs-wj .wj-left li {
  width: 188px;
  height: 36px;
  line-height: 36px;
  text-align: center;
  color: #fff;
  border: 1px solid #fff;
  border-radius: 30px;
  opacity: .8;
  display: inline-block
}

.video-new .gcs-wj .wj-left li.ml {
  margin-left: -25px
}

.video-new .gcs-wj .gcs-an {
  position: absolute;
  right: 0;
  top: -20px;
  cursor: pointer;
  width: 23%
}

@media screen and (max-width: 1366px) {
  .video-new .gcs-wj .gcs-an {
      width:19%;
      top: 40px
  }
}

.fixed-box li.We-Chat {
  position: relative
}

.We-Chat .boxs {
  display: none;
  position: absolute;
  top: -30px;
  right: 105px;
  background: #fff;
  width: 265px;
  height: 100px;
  text-align: left;
  border: 1px solid #e7f4ff;
  box-shadow: 0 0 5px rgba(33,73,130,.4);
  border-radius: 10px;
  padding: 10px 0 0 10px;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}

.We-Chat .boxs:after {
  content: "";
  position: absolute;
  top: 50%;
  right: -11px;
  width: 0;
  height: 0;
  border-top: 11px solid transparent;
  border-bottom: 11px solid transparent;
  border-left: 10px solid #2f5f99;
  margin-top: -11px
}

.We-Chat .boxs img {
  float: left;
  width: 80px;
  margin-right: 8px
}

.We-Chat .boxs .code {
  display: block;
  overflow: hidden;
  margin-top: 4px
}

.We-Chat .boxs .code i {
  display: inline-block;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.1;
  background-image: -webkit-gradient(linear,0 0,100% 0,from(#f98c30),to(#f94928));
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent
}

.We-Chat .boxs .code p {
  color: #333;
  font-size: 14px;
  line-height: 1.1;
  margin-top: 2px
}

.We-Chat .boxs .code p strong {
  display: block;
  color: #f9592a;
  font-size: 18px;
  margin-top: 6px
}

.fixed-popu {
  width: 384px;
  position: fixed;
  bottom: -100%;
  right: 0;
  z-index: 99991;
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

.fix-colse {
  width: 75px;
  height: 30px;
  position: absolute;
  right: 4px;
  top: 10px;
  cursor: pointer;
  display: block;
}

.fixed-popu.open {
  bottom: 0;
}

.chat-btn {
  position: fixed;
  right: 60px;
  width: 50px;
  height: 50px;
  bottom: 90px;
  border-radius: 50%;
  background: url(../images/icon-chact.png) no-repeat center #6b9ee3;
  background-size: 24px;
  cursor: pointer;
  display: none;
  z-index: 9999;
}

.chat-btn i {
  display: block;
  width: 12px;
  height: 12px;
  background-color: #fd4c4c;
  border-radius: 50%;
  position: absolute;
  top: 0;
  left: 0;
}
/** 右侧浮动商务通 **/
.fixed_swt {
  width: 164px;
  height: 463px;
  position: fixed;
  right: 1%;
  top: 50%;
  transform: translateY(-50%) scale(1);
  z-index: 9999;
  background: url(../images/fixed_flbg.png) center no-repeat;
  background-size: 100%;
  line-height: 1;
}

.fixed_swt .sty1 {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  padding-top: 133px;
  font-size: 14px;
  color: #4d6075;
  text-align: center;
  cursor: pointer;
}

.fixed_swt .sty1 span {
  width: 139px;
  display: block;
  margin: 0 auto 1px;
}

.fixed_swt .sty1 span img {
  width: 100%;
  animation: scaleout 1s linear infinite;
}
.fixed_swt .box{
  width: 131px;
  margin: 0 auto;
  position: absolute;
  left: 0;
  right: 0;
  top: 245px;
  z-index: 2;
}
.fixed_swt .sty2 p{
  width: 100%;
  margin-bottom: 13px;
  position: relative;
}
.fixed_swt .sty2 p:before{
  content: "";
  width: 0;
  border-left: 9px solid #ffdc98;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  position: absolute;
  left: -3px;
  top: 50%;
  transform: translateY(-50%);
}
.fixed_swt .sty2 span{
  display: block;
  padding: 9px 0;
  position: relative;
  overflow: hidden;
  border: 1px solid #ffdc98;
  border-radius: 18px;
  font-size: 16px;
  color: #ffdc98;
  text-align: center;
  cursor: pointer;
}
.fixed_swt .sty2 span:before{
  content: "";
  width: 0%;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  z-index: -1;
  background-image: linear-gradient(to right, rgba(255,220,152,0.8),rgba(255,220,152,0) 70%);
  transition: all linear 0.3s;
}
.fixed_swt .sty2 p:hover span:before{
  width: 100%;
}
.fixed_swt .sty3 {
  height: 65px;
  border: 1px solid #ffdc98;
  border-radius: 18px;
  font-size: 16px;
  color: #ffdc98;
  text-align: center;
  overflow: hidden;
  cursor: pointer;
  transition: all linear 0.3s;
}
.fixed_swt .sty3 .tel{
  padding: 10px 0;
}
.fixed_swt .sty3 .tel span{
  display: block;
  margin-top: 13px;
  font-weight: bold;
  letter-spacing: -1px;
}
.fixed_swt .sty3 .tel_qr{
  padding-bottom: 15px;
}
.fixed_swt .sty3 .tel_qr .pic{
  display: inline-block;
  vertical-align: middle;
  border-radius: 5px;
  overflow: hidden;
}
.fixed_swt .sty3 .tel_qr .text{
  width: 16px;
  display: inline-block;
  vertical-align: middle;
  margin-left: 3px;
}
.fixed_swt .sty3:hover{
  height: 162px;
  background: rgba(255,220,152,0.7);
  color: #16212f;
}
.fixed_swt .scroll_top{
  height: 46px;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 9px;
  cursor: pointer;
}
.fixed_swt .scroll_top:before{
  content: "";
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #ffdc98;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}
@keyframes scaleout {
  0%,
  100% {
    -webkit-transform: scale(1);
  }

  50% {
    -webkit-transform: scale(.9);
  }
}
@keyframes -webkit-scaleout {

  0%,
  100% {
    -webkit-transform: scale(1);
  }

  50% {
    -webkit-transform: scale(.9);
  }
}
@media (max-width:1600px) {
  .fixed_swt{
    right: 0;
    transform: translateY(-50%) scale(0.9);
  }
}
@media (max-width:1440px) {
  .fixed_swt{
    right: -0.5%;
    transform: translateY(-50%) scale(0.8);
  }
}
@media (max-width:1280px) {
  .fixed_swt{
    right: -1%;
    transform: translateY(-50%) scale(0.7);
  }
}