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
}


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


.crumb {
    padding: 10px 0;
    line-height: 30px;
    background: url(../img/crummbs-icon.png) no-repeat left center;
    padding-left: 26px;
    font-size: 16px
}

.crumb li {
    display: inline-block;
    color: #d6d6d6
}

.crumb li a {
    color: #d6d6d6
}

.crumb li a:hover {
    color: #2880db
}

.crumb-grid li {
    color: #252e40
}

.crumb-grid li a {
    color: #252e40
}



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

.index-banner .slick-next,.index-banner .slick-prev,.videowrap .slick-next,.videowrap .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
}

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

.index-banner .slick-next,.videowrap .slick-next {
  right: 25px;
  background: url(../banner/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
}



.header {
  background: url(../img/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: 16%;
  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(../img/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(../img/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(../img/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-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: 18px;
  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: 26px
}

.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(../img/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(../img/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(../img/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-cp .slick-prev {
  display: none!important
}

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


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

.index-pro .txt {
  font-size: 18px;
  color: #fff;
  text-align: center
}

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

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

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

.index-pro .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)
}

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

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

.index-pro .ind-box .left-box {
  float: left;
  width: 65%;
  margin-left: -15%;
  position: relative;
  z-index: 5
}
.index-pro .ind-box .left-box:after {
  width: 470px;
  height: 572px;
  background: url(../img/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
}

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

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

.index-pro .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
}

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

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

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

.index-pro .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
}

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

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

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

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

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

.index-pro .ind-box .right-box .wl-tu li {
  float: left;
  text-align: center;
  width: 31.33%;
  margin-right: 2%
}
.index-pro .ind-box-js{padding-top:30px;}
.index-pro .ind-box-js p {
  font-size: 18px;
  color: #666;
  line-height: 1.5em;
  margin-top: 10px;
  padding-left: 20px;
  background: url(../img/qq.png) no-repeat left center
}

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

.index-pro .bj-zx img {
  margin: 0 auto
}

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

.index-case .case-tit,.index-video .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-video .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-video .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-video h2,.index-new h2,.index-pro h2 {
  text-align: center;
  margin: 20px auto
}

.index-case h2 a,.index-video 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-top:50px;
  margin-bottom:50px;
  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(../img/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(../img/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
}



/** 右侧浮动商务通 **/

.fixed_swt {
  width: 164px;
  height: 463px;
  position: fixed;
  right: 1%;
  top: 50%;
  transform: translateY(-50%) scale(1);
  z-index: 9999;
  background: url(../img/fixed_flbg.png) center no-repeat;
  background-size: 100%;
  line-height: 1;
  display:none;
}

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

/*案例*/
.index-case {
  overflow: hidden;
  margin-top: 70px
}

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

.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(../img/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
}










.videowrap {
    max-width: 1400px;
    margin: 0 auto;
	border-radius: 10px;
    box-shadow: 0 0 10px #ccc;
}

.vidtit a{color:#fff}
.index-video {
    padding-top: 60px;
}

.index-video .tit-txt{
  font-size: 16px;
  color: #999;
  text-align: center
}


.index-video:before {
    left: 0
}

.index-video:after {
    right: 0
}

.slick-video {
    margin-top: 80px
}

.slick-video .video-con {
    padding: 0px 0px
}

.video-con .video-pic {
    float: left;
    width: 55%
}

.video-pic .video {
    position: relative
}

.video-pic .play {
    display: block;
    width: 80px;
    height: 80px;
    background: url(../img/a-play.png) no-repeat center;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    z-index: 2
}

.video-pic video {
    outline: 0;
    border: none;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    display: block;
    width: 100%
}

.video-pic .close {
    display: none
}

.video-con .video-text {
    float: right;
    width: 45%;
    padding-left: 78px
}

.video-text h3 a {
    font-size: 38px;
    color: #172d58;
    display: block;
    line-height: 48px;
    margin-bottom: 38px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.video-text h3 a:hover {
    color: #53aff1
}

.video-text>p {
    font-size: 18px;
    line-height: 30px;
    color: #172d58;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    height: 60px
}

.video-text .txt {
    margin-top: 18px
}

.video-text .txt p {
    font-size: 20px;
    color: #172d58;
    line-height: 30px;
    margin-bottom: 28px;
    background: url(../img/tag-icon.png) no-repeat left center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-left: 35px
}

.video-text .txt p span {
    color: #5b7fc4
}

.video-btn a {
    display: inline-block;
    width: 204px;
    line-height: 52px;
    border-radius: 26px;
    background-color: #234b83;	
    border: 1px solid #ffffff;
    -webkit-border-radius: 26px;
    -moz-border-radius: 26px;
    -ms-border-radius: 26px;
    -o-border-radius: 26px;
    text-align: center;
    font-size: 24px;
    color: #fff;
    -webkit-box-shadow: 0 7px 13px rgba(245,174,86,.26);
    -moz-box-shadow: 0 7px 13px rgba(245,174,86,.26);
    -ms-box-shadow: 0 7px 13px rgba(245,174,86,.26);
    -o-box-shadow: 0 7px 13px rgba(245,174,86,.26);
    box-shadow: 0 7px 13px rgba(245,174,86,.26)
}

.video-btn .see-more {
    margin-left: 12px;
    margin-right: 30px
}

.video-btn a:hover {
    background-color: #5b7fc4
}

.slick-video .slick-arrow {
    display: block;
    outline: 0;
    font-size: 0;
    width: 80px;
    height: 80px;
    border: 1px solid #fff;
    position: absolute;
    top: 160px;
    cursor: pointer;
    z-index: 1
}

.slick-video .slick-prev {
    background: url(../img/arr-prev.png) no-repeat center;
    left: 50%;
    margin-left: -870px;
}

.slick-video .slick-next {
    background: url(../img/arr-next.png) no-repeat center;
    right: 50%;
    margin-right: -870px;
}




.same-title{font-size:40px;color:#333;line-height:50px;text-align:center}
.same-title a{color: #53aff1;}
.same-title a:hover{color: #53aff1;}
.same-text{font-size:16px;color:#666;line-height:30px;margin-top:22px;text-align:center}
.same-text:after{content:"";width:131px;height:68px;background:url(../img/sametitle-zs.png) center no-repeat;background-size:100%!important;display:block;margin:20px auto 0}
.same-text a:hover{color:#f44500}


.w {
    max-width: 1600px;
    margin: 0 auto;
}
.index-new{padding:4.4% 0 1.6%;overflow:hidden}
.index-new .rot-news1{position:relative}
.index-new .rot-news1 ul{margin:0 -1.23%}
.index-new .rot-news1 li{width:26.048%;height:549px;background:url(../img/home-newsbg.png) center bottom no-repeat;background-size:100%;float:left;margin-left:-1.4%;padding:45px 2.88% 70px;position:relative}
.index-new .rot-news1 li:before{content:"";width:29px;height:29px;background:url(../img/wz-tb.png) right -91px no-repeat;position:absolute;left:-.5%;bottom:32%}
.index-new .rot-news1 li .pic{display:block;overflow:hidden;box-shadow:0 21px 20px 0 rgba(30,39,45,.15)}
.index-new .rot-news1 li .pic img{width:100%;transition:all ease .5s}
.index-new .rot-news1 li h3 a{font-size:20px;color:#010101;font-weight:700;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;padding:25px 2.5% 20px;display:block}
.index-new .rot-news1 li p{height:120px;font-size:16px;color:#999;line-height:30px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden;padding:0 4%}
.index-new .rot-news1 li:first-child{margin-left:0}
.index-new .rot-news1 li:first-child:before{display:none}
.index-new .rot-news1 li:hover h3 a{color:#53aff1}
.index-new .rot-news1 li:hover img{transform:scale(1.2)}
.index-new .rot-news1 .effect-left{position:absolute;left:-.6%;bottom:33%}
.index-new .rot-news1 .effect-right{position:absolute;right:-.6%;bottom:33%}
.index-new .rot-news2{margin: 0 3%;}
.index-new .rot-news2 ul{margin-left: -6%;}
.index-new .rot-news2 ul li{width:44%;float:left;margin:15px 0 0 6%;position:relative;padding-left: 38px; }
.index-new .rot-news2 ul li:before{content: "";position: absolute;left: 0;top: 10px;width: 26px;height: 26px;background: url(../img/news-icon02.png) no-repeat;}
.index-new .rot-news2 ul li.news2-hot:before{background-image: url(../img/news-icon01.png);}
.index-new .rot-news2 ul li h3 a{width:80%;font-size:18px;color:#666;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;display:block;padding:14px 0;-webkit-transition:all .3s ease;-moz-transition:all .3s ease; -ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;}
.index-new .rot-news2 ul li p{height:60px;font-size:16px;color:#999999;line-height:30px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.index-new .rot-news2 ul li span{font-size:16px;color:#999;position:absolute;right:0;top:17px}
.index-new .rot-news2 ul li:hover h3 a{color:#53aff1;padding-left: 10px;}


.same-effect{width:15px;height:15px;background-color:#579dcf;background:linear-gradient(0deg,#5c8aab 0,#52b3f7 100%);border-radius:50%;position:absolute;z-index:-1}
.same-effect i:after,.same-effect i:before,.same-effect:before{content:"";border:2px solid #ccd9e1;border-radius:50%;position:absolute;left:-20px;right:-20px;top:-20px;bottom:-20px;opacity:.5;-webkit-animation:quan 4s infinite linear;animation:quan 4s infinite linear}
.same-effect i:before{left:0;right:0;top:0;bottom:0;-webkit-animation-delay:1s;animation-delay:1s}
.same-effect i:after{left:0;right:0;top:0;bottom:0;-webkit-animation-delay:2s;animation-delay:2s}
@keyframes quan{
0%{left:0;right:0;top:0;bottom:0;opacity:1}
100%{left:-80px;right:-80px;top:-80px;bottom:-80px;opacity:0}
}
@-webkit-keyframes quan{
0%{left:0;right:0;top:0;bottom:0;opacity:1}
100%{left:-80px;right:-80px;top:-80px;bottom:-80px;opacity:0}
}











.contact_msg {
    margin-top: 4.17vw
}

.contact_msg .title {
    display: block;
    font-size: 2.08vw;
    color: #111;
    font-family: 'hss_b';
    font-weight: normal;
    text-align: center
}

.contact_msg .title:before {
    content: "";
    width: 4.53vw;
    height: .36vw;
    display: block;
    margin: 0 auto .94vw;
    background: #0056b8
}

.contact_msg .text {
    margin-top: 1.35vw;
    font-size: 1.15vw;
    color: #777777;
    line-height: 1.5;
    text-align: center;
    font-family: 'hss_m'
}

.contact_msg .text_en {
    margin-top: .52vw;
    font-size: 1.56vw;
    color: #777777;
    line-height: 1.5;
    text-align: center;
    display: block;
    transform: uppercase;
    font-family: 'hss_m'
}

.contact_msg .contact_main {
    margin-top: 2.19vw
}

.contact_msg .contact_main .contact_sul {
    padding: 0 1.56vw;
    position: relative;
    z-index: 2
}

.contact_msg .contact_main .contact_sul li {
    width: 23.12%;
    float: left;
    border-radius: .52vw;
    background-color: #d7d7d7;
    background-image: linear-gradient(0deg, #d7d7d7 0%, #fff 100%);
    box-shadow: 0px 0px .42vw 0px rgba(51,51,51,0.3)
}

.contact_msg .contact_main .contact_sul li p {
    font-size: 1.25vw;
    line-height: 1.3;
    color: #303030;
    font-family: 'hss_m';
    letter-spacing: -.05vw;
    padding: 1.15vw
}

.contact_msg .contact_main .contact_sul .li_3 p {
    padding-left: 2.92vw;
    padding-right: 2.92vw
}

.contact_msg .contact_main .contact_sul .li_2,.contact_msg .contact_main .contact_sul .li_4 {
    background-color: #394f71;
    box-shadow: .52vw .52vw .94vw 0px rgba(153,153,153,0.22);
    background-image: linear-gradient(0deg, #303d5e 0%, #354768 32%, #394f71 50%, #3d5678 60%, #405d7f 70%, #46698b 100%)
}

.contact_msg .contact_main .contact_sul .li_2 p,.contact_msg .contact_main .contact_sul .li_4 p {
    color: #fff;
    line-height: 2.6;
    text-align: center
}

.contact_msg .contact_main .contact_sul li+li {
    margin-left: 2.5%
}

.contact_msg .contact_main .contact_sul:after {
    content: '';
    display: block;
    clear: both
}

.contact_msg .contact_main .contact_main_box {
    padding: 0 11.72%;
    margin-top: 2.4vw;
    position: relative;
    z-index: 1;
    padding-top: 2.4vw;
    padding-bottom: 2.6vw;
    background: url(../img/contact_form_bg.jpg) center center no-repeat;
    background-size: cover
}

.contact_msg .contact_main .contact_main_box .kefu_img {
    float: left;
    width: 44.28%;
    overflow: hidden;
    border-radius: .52vw;
    box-shadow: 0px .05vw .68vw 0px rgba(0,0,0,0.2);
    margin-top: 5.21vw
}

.contact_msg .contact_main .contact_main_box .kefu_img img {
    width: 100%
}

.contact_msg .contact_main .contact_main_box .form_box {
    width: 53.06%;
    float: right;
    padding: 1.56vw 10.8% 1.88vw;
    background-color: #ffffff;
    box-shadow: .1vw .1vw 2.08vw 0px rgba(153,153,153,0.35);
    border-radius: 1.04vw
}

.contact_msg .contact_main .contact_main_box .form_box .form_title {
    position: relative;
    padding-bottom: .83vw;
    font-family: "hss_b"
}

.contact_msg .contact_main .contact_main_box .form_box .form_title .tit {
    color: #333;
    font-size: 1.88vw;
    line-height: 1.2;
    font-weight: normal;
    display: inline-block;
    vertical-align: bottom
}

.contact_msg .contact_main .contact_main_box .form_box .form_title .desc {
    display: inline-block;
    vertical-align: bottom;
    color: #666;
    font-size: 1.04vw;
    line-height: 1.2;
    position: relative;
    display: inline-block;
    margin-left: 1.25vw
}

.contact_msg .contact_main .contact_main_box .form_box .form_title:before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 15.63vw;
    height: .05vw;
    background-color: #6e6868
}

.contact_msg .contact_main .contact_main_box .form_box .form_title:after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    bottom: -.05vw;
    width: 12.6vw;
    height: .16vw;
    background-color: #da251d
}

.contact_msg .contact_main .contact_main_box .form_box .same_input {
    padding: .63vw .63vw .63vw 2.81vw;
    position: relative;
    background-color: #f5f5f5;
    position: relative;
    margin-top: 1.15vw
}

.contact_msg .contact_main .contact_main_box .form_box .same_input:before {
    content: '';
    display: block;
    position: absolute;
    left: .63vw;
    top: .63vw;
    width: 1.88vw;
    height: 1.88vw;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100% auto
}

.contact_msg .contact_main .contact_main_box .form_box .same_input input,.contact_msg .contact_main .contact_main_box .form_box .same_input textarea {
    border: none;
    outline: none;
    color: #000000;
    width: 100%;
    font-size: 1.15vw;
    line-height: 1.88vw;
    font-family: "hss_m";
    background: transparent
}

.contact_msg .contact_main .contact_main_box .form_box .same_input input::placeholder,.contact_msg .contact_main .contact_main_box .form_box .same_input textarea::placeholder {
    color: #333333
}

.contact_msg .contact_main .contact_main_box .form_box .input_name:before {
    background-image: url(../img/contact_icon_user.png)
}

.contact_msg .contact_main .contact_main_box .form_box .input_tel:before {
    background-image: url(../img/contact_icon_tel.png)
}

.contact_msg .contact_main .contact_main_box .form_box .input_text textarea {
    resize: none;
    height: 8.44vw
}

.contact_msg .contact_main .contact_main_box .form_box .input_text:before {
    background-image: url(../img/contact_icon_text.png)
}

.contact_msg .contact_main .contact_main_box .form_box .submit {
    border: none;
    outline: none;
    height: 3.75vw;
    line-height: 3.75vw;
    background-color: #da251d;
    box-shadow: .21vw .26vw .68vw 0px rgba(213,70,49,0.35);
    border-radius: 1.88vw;
    color: #ffffff;
    font-size: 1.56vw;
    font-family: "hss_b";
    text-align: center;
    width: 100%;
    margin-top: 1.56vw;
    cursor: pointer;
    transition: all 0.3s ease
}

.contact_msg .contact_main .contact_main_box .form_box .submit:hover {
    background-color: #da251d
}

.contact_msg .contact_main .contact_main_box:after {
    content: "";
    display: block;
    clear: both
}


.footer_cooperate {
    margin-top: 4.17vw;
    margin-bottom: 4.17vw;
    text-align: center;
	
}

.footer_cooperate .title {
    font-size: 2.08vw;
    color: #000000;
    font-family: 'hss_b';
    font-weight: normal
}

.footer_cooperate .title:before {
    content: "";
    width: 4.53vw;
    height: .36vw;
    display: block;
    margin: 0 auto .31vw;
    background: #0056b8
}

.footer_cooperate .title span {
    font-size: 2.92vw
}

.footer_cooperate .pic {
    width: 69.06vw;
    margin: 4.69vw auto 0
}

.footer_cooperate .pic .m_img {
    display: none
}

@media screen and (max-width: 992px) {
    .footer_cooperate {
        margin-top:1.06667rem;
        margin-bottom: 1.06667rem;
        padding: 0 .4rem;
        text-align: center
    }

    .footer_cooperate .wrap {
        width: 100%
    }

    .footer_cooperate .title {
        font-size: .58667rem
    }

    .footer_cooperate .title:before {
        width: 1.16rem;
        height: .09333rem;
        margin: 0 auto .08rem
    }

    .footer_cooperate .title span {
        font-size: .74667rem
    }

    .footer_cooperate .pic {
        width: 100%;
        margin: .66667rem auto 0
    }

    .footer_cooperate .pic .pc_img {
        display: none
    }

    .footer_cooperate .pic .m_img {
        display: block
    }
}


.footer{margin-top:1.8rem;}
.footer .bq {
  background: #2b2b2b;
  color: #fff;
  text-align: center;
  padding: 32px 0;
  font-size: 16px;
  clear:both;
}

.footer .bq a {
  color: #fff;
  font-size: 16px;
  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
}





/*联系我们*/

.contactbox {
    background: url(../img/contact_bg.jpg) center no-repeat;
    background-size: cover;
    padding-top: 195px;
    padding-bottom: 30px
}

.contact1 .contact1_box {
    width: 860px;
    position: relative
}

.contact1 .english {
    display: block;
    font-size: 20px;
    font-family: 'Alibaba-PuHuiTi-Regular';
    color: #d97e50;
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    background-image: -webkit-linear-gradient(left, #b14120, #d97e50 14%)
}

.contact1 h2 {
    margin-top: 11px;
    margin-bottom: 18px;
    font-size: 60px;
    font-family: 'Alibaba-PuHuiTi-Heavy';
    color: #ffffff;
    line-height: 1.2
}

.contact1 .text {
    width: 550px;
    font-size: 18px;
    line-height: 1.88889;
    color: #ffffff
}

.contact1 .text2 {
    margin-top: 28px;
    opacity: 0.5
}

.contact1 .swtbtn {
    margin-top: 42px;
    width: 468px;
    height: 86px;
    display: block;
    background: #bc5638;
    background-image: linear-gradient(#e48656, #bc5638);
    border-radius: 9px 42px 42px 11px;
    padding: 13px 0 13px 123px;
    font-size: 20px;
    color: #ffffff;
    position: relative;
    z-index: 1;
    box-shadow: 0px 7px 10px rgba(20,35,43,0.44)
}

.contact1 .swtbtn:before {
    content: "";
    background: #ff9b69;
    background-image: linear-gradient(to right, #e1542a, #ff9b69);
    border-radius: 9px 42px 42px 11px;
    position: absolute;
    left: 2px;
    right: 2px;
    top: 2px;
    bottom: 2px;
    z-index: -1;
    transition: all linear 0.3s
}

.contact1 .swtbtn:after {
    content: "";
    width: 91px;
    height: 95px;
    background: url(../img/contact1telzs1.png) center top no-repeat;
    background-size: 100%;
    display: block;
    position: absolute;
    left: 8px;
    bottom: 2px
}

.contact1 .swtbtn span {
    margin-top: 7px;
    display: block;
    font-size: 28px;
    font-family: 'Alibaba-PuHuiTi-Heavy';
    font-family: "Poppins-ExtraBold";
    text-shadow: 0px 7px 10px rgba(146,73,40,0.44)
}

.contact1 .swtbtn span:before {
    content: "";
    width: 139px;
    height: 89px;
    background: url(../img/contact1telzs2.png) center top no-repeat;
    background-size: 100%;
    position: absolute;
    right: 1%;
    top: 4%
}

.contact1 .swtbtn span:after {
    content: "";
    width: 39px;
    height: 39px;
    background: url(../img/contact1telzs2.gif) center top no-repeat;
    background-size: 100%;
    position: absolute;
    right: 5.5%;
    top: 28%
}

.contact1 .swtbtn2 {
    margin-top: 30px;
    width: 468px;
    height: 86px;
    display: block;
    background: #bc5638;
    background-image: linear-gradient(#e48656, #bc5638);
    border-radius: 9px 42px 42px 11px;
    padding: 13px 0 13px 32px;
    font-size: 20px;
    color: #ffffff;
    position: relative;
    z-index: 1;
    box-shadow: 0px 7px 10px rgba(20,35,43,0.44);
    cursor: pointer
}

.contact1 .swtbtn2:before {
    content: "";
    background: #ff9b69;
    background-image: linear-gradient(to right, #e1542a, #ff9b69);
    border-radius: 9px 42px 42px 11px;
    position: absolute;
    left: 2px;
    right: 2px;
    top: 2px;
    bottom: 2px;
    z-index: -1;
    transition: all linear 0.3s
}

.contact1 .swtbtn2 span {
    display: block;
    padding-right: 27%;
    line-height: 60px;
    font-size: 28px;
    font-family: 'Alibaba-PuHuiTi-Heavy';
    text-align: center;
    text-shadow: 0px 7px 10px rgba(146,73,40,0.44)
}

.contact1 .swtbtn2 span:before {
    content: "";
    width: 139px;
    height: 89px;
    background: url(../img/contact1telzs2.png) center top no-repeat;
    background-size: 100%;
    position: absolute;
    right: 1%;
    top: 4%
}

.contact1 .swtbtn2 span:after {
    content: "";
    width: 19px;
    height: 29px;
    background: url(../img/contact_price.png) center top no-repeat;
    background-size: 100%;
    position: absolute;
    right: 8%;
    top: 32%
}

.contact1 .wxtel {
    width: 186px;
    position: absolute;
    right: 0;
    bottom: 8px
}

.contact1 .wxtel img {
    width: 100%;
    display: block
}

.contact2 {
    margin-bottom: 80px
}

.contact2 ul {
    width: 100%;
    border-top: 2px solid #1d427a;
    border-bottom: 2px solid #1d427a;
    position: relative;
    display: table
}

.contact2 ul li {
    width: 33.33%;
    display: table-cell;
    padding: 16px 0;
    text-align: center;
    position: relative
}

.contact2 ul li span {
    font-size: 24px;
    color:#1d427a;
    font-family: 'Alibaba-PuHuiTi-Bold'
}

.contact2 ul li p {
    margin-top: 14px;
    font-size: 18px;
    color: #fff;
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    background-image: -webkit-linear-gradient(left, #000 30%, #333 60%)
}

.contact2 ul li+li {
    border-left: 1px solid #1d427a;
}

.contact2 ul:before,.contact2 ul:after,.contact2 li:before,.contact2 li:after {
    content: "";
    width: 12px;
    height: 12px;
    background: #1d427a;
    border-radius: 50%;
    position: absolute
}

.contact2 ul:before {
    right: 0;
    top: -7px
}

.contact2 ul:after {
    right: 0;
    bottom: -7px
}

.contact2 li:before {
    left: -6px;
    top: -7px
}

.contact2 li:after {
    left: -6px;
    bottom: -7px
}

.contact2 li:first-child:before {
    left: 0
}

.contact2 li:first-child:after {
    left: 0
}


.message {
    padding-top: 80px;
    padding-bottom: 93px;
    background: url(../img/messagebg.jpg) center no-repeat;
    background-size: cover
}

.message .w {
    max-width: 1470px;
    padding: 0 64px
}

.message .fl {
    margin-top: 10px;
    width: 51.78838%
}

.message .fl h3 {
    font-size: 40px;
    font-family: 'Alibaba-PuHuiTi-Heavy';
    color: #1d427a;
}

.message .fl .p1 {
    margin-top: 48px;
    margin-bottom: 15px;
    font-size: 18px;
    color: #1d427a;
}

.message .fl .p1 span {
    margin-left: 16px;
    font-size: 24px;
    font-family: 'Alibaba-PuHuiTi-Heavy'
}

.message .fl .p2 {
    font-size: 18px;
    color: #fd9d6f;
    font-family: 'Alibaba-PuHuiTi-Heavy';
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    background-image: -webkit-linear-gradient(left, #e1562c, #ff9a68)
}

.message .fl .sty1 {
    margin-top: 56px;
    overflow: hidden
}

.message .fl .sty1 li {
    float: left;
    color: #1d427a;
}

.message .fl .sty1 li b {
    padding-left: 14px;
    background: url(../img/messagetb01.png) left center no-repeat;
    font-size: 22px;
    font-family: 'Alibaba-PuHuiTi-Bold'
}

.message .fl .sty1 li p {
    margin-top: 14px;
    padding-left: 14px;
    font-size: 18px
}

.message .fl .sty1 li p span {
    font-family: 'Alibaba-PuHuiTi-Heavy'
}

.message .fl .sty1 li+li {
    margin-left: 9.64029%
}

.message .fr {
    width: 42.47392%
}

.message .fr form {
    font-size: 0
}

.message .fr .same_input {
    width: 48.42105%;
    display: inline-block
}

.message .fr .same_input span {
    margin-bottom: 9px;
    padding-left: 33px;
    display: block;
    font-size: 18px;
    color: #000;
    line-height: 1.5
}

.message .fr .same_input span font {
    color: #f58454
}

.message .fr .same_input input,.message .fr .same_input textarea {
    width: 100%;
    height: 54px;
    background: #f8f8f8;
    display: block;
    font-size: 18px;
    font-family: 'Alibaba-PuHuiTi-Regular';
    line-height: 54px;
    padding: 0 5%;
    border-radius: 10px;
    box-shadow: 0 0 10px #ccc;
}

.message .fr .name_input span {
    background: url(../img/messagely01.png) left center no-repeat
}

.message .fr .name_tel {
    margin-left: 3.16%
}

.message .fr .name_tel span {
    background: url(../img/messagely02.png) left center no-repeat
}

.message .fr .name_text {
    margin-top: 21px;
    width: 100%
}

.message .fr .name_text span {
    background: url(../img/messagely03.png) left center no-repeat
}

.message .fr .name_text textarea {
    height: 154px;
    padding-top: 11px;
    line-height: 1.66667
}

.message .fr .notice {
    margin-top: 18px;
    margin-bottom: 16px;
    font-size: 16px;
    color: #1d427a;
    text-align: center
}

.message .fr .submit_button {
    margin: 0 auto;
    padding: 2px;
    background: #f58454;
    background-image: -webkit-linear-gradient(left, #a44e32, #fe9665);
    border-radius: 30px;
    box-shadow: 0 13px 9px rgba(0,0,0,0.35);
    display: table;
    position: relative;
    z-index: 1;
    animation: textgrow 1.2s linear infinite
}

.message .fr .submit_button:before {
    content: "";
    background-image: -webkit-linear-gradient(left, #de562c, rgba(222,86,44,0), #de562c);
    border-radius: 40px;
    position: absolute;
    left: -10px;
    right: -10px;
    top: -10px;
    bottom: -10px;
    opacity: 0.3;
    z-index: -1;
    transition: all linear 0.3s
}

.message .fr .submit_button:after {
    content: "";
    display: block;
    position: absolute;
    width: 23px;
    height: 30px;
    right: 80px;
    bottom: 10px;
    background: url(../img/form_pointer.png) center center no-repeat;
    background-size: 100% auto
}

.message .fr .submit_button input {
    display: block;
    width: 310px;
    height: 49px;
    background: #f58454;
    background-image: -webkit-linear-gradient(left, #e1562c, #ff9a68);
    border-radius: 30px;
    font-size: 20px;
    font-family: 'Alibaba-PuHuiTi-Bold';
    line-height: 49px;
    color: #ffffff;
    text-align: center;
    text-shadow: 0 13px 9px rgba(199,118,23,0.45);
    cursor: pointer
}

.message .fr .submit_button:hover:before {
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
}

.message {
    background: none;
    margin-top: 60px
}

.message .w {
    padding: 0
}

.message .fl .p2 {
    color: #1d427a;
    -webkit-text-fill-color: initial;
    background-image: none
}

.message .fl .sty1 li b {
    background: none;
    padding-left: 0
}

.message .fl .sty1 li p {
    padding-left: 0;
    opacity: 0.3
}

.contact3 .dt_title h2 {
    font-size: 40px;
    line-height: 1.2;
    font-family: "Alibaba-PuHuiTi-Heavy";
    display: inline-block;
    vertical-align: top;
    color: #1d427a
}

.contact3 .dt_title span {
    font-size: 18px;
    color: #1d427a;
    line-height: 1.5;
    display: inline-block;
    vertical-align: top;
    margin-top: 20px;
    margin-left: 50px
}

.contact3 .map {
    margin-top: 40px;
	border: 1px solid #1d427a; 
    box-shadow: 0 0 10px #1d427a;
}

.lx-footer {
    background-image: -webkit-linear-gradient(left, #cbcbcb, #fff);
    font-size: 18px;
    color: #999999;
    text-align: center;
    line-height: 83px;
    font-family: 'Alibaba-PuHuiTi-Light';
}


/*关于我们*/


.aboutBan {
    background: url(../banner/aboutBanBg.jpg) no-repeat center top;
    background-size: cover;
    min-width: 980px;
    overflow: hidden
}

.aboutBan .aboutBanTop {
    clear: both;
    overflow: hidden;
    display: block;
    text-align: center;
    padding-bottom: 12.76042%
}

.aboutBan .aboutBanTop h1 {
    position: relative;
    display: inline-block;
    margin-top: 16%;
    margin-bottom: 3.33333%;
    padding: 40px 28px 32px 40px;
    z-index: 10;
    line-height: 1;
    overflow: hidden
}

.aboutBan .aboutBanTop h1 strong {
    display: inline-block;
    position: relative;
    z-index: 3;
    font-size: 56px;
    line-height: 1;
    bottom: -90px;
    color: #cadbed;
    font-weight: bold;
    background: -webkit-linear-gradient(left, #cadbed, #fff);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-transition: all 2s ease;
    transition: all 2s ease
}

.aboutBan .aboutBanTop h1:before,.aboutBan .aboutBanTop h1:after {
    content: '';
    display: block;
    position: absolute;
    -webkit-transition: all 0.7s ease .7s;
    transition: all 0.7s ease .7s;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    z-index: 1
}

.aboutBan .aboutBanTop h1:before {
    width: 80px;
    height: 80px;
    top: 0;
    left: -20px;
    background-color: #37516a;
    background-image: -webkit-linear-gradient(-45deg,#101520 0%,#37516a 100%);
    background-image: -o-linear-gradient(-45deg,#101520 0%,#37516a 100%);
    background-image: linear-gradient(-45deg,#101520 0%,#37516a 100%)
}

.aboutBan .aboutBanTop h1:after {
    width: 60px;
    height: 60px;
    right: -20px;
    bottom: 0;
    background-color: #37516a;
    background-image: -webkit-linear-gradient(-45deg,#101520 0%,#37516a 100%);
    background-image: -o-linear-gradient(-45deg,#101520 0%,#37516a 100%);
    background-image: linear-gradient(-45deg,#101520 0%,#37516a 100%)
}

.aboutBan .aboutBanTop h1 i {
    height: 1px;
    position: absolute;
    left: 60px;
    top: 0;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    width: 0;
    z-index: 2;
    background-image: -webkit-linear-gradient(90deg,rgba(255,255,255,0) 0%,#fff 100%);
    background-image: -o-linear-gradient(90deg,rgba(255,255,255,0) 0%,#fff 100%);
    background-image: linear-gradient(90deg,rgba(255,255,255,0) 0%,#fff 100%);
    -webkit-transition: all 1s ease 1.4s;
    transition: all 1s ease 1.4s
}

.aboutBan .aboutBanTop p {
    clear: both;
    display: block;
    color: #ecf5ff;
    font-size: 16px;
    line-height: 28px;
    width: 86.66667%;
    margin: 0 auto;
    position: relative;
    bottom: -60px;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    text-align: center;
    -webkit-transition: all 2s ease;
    transition: all 2s ease
}

.aboutBan .aboutBanTop.index-active h1 i {
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    width: 227px
}

.aboutBan .aboutBanTop.index-active h1 strong {
    bottom: 0
}

.aboutBan .aboutBanTop.index-active h1:before {
    left: 0;
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1
}

.aboutBan .aboutBanTop.index-active h1:after {
    right: 0;
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1
}

.aboutBan .aboutBanTop.index-active p {
    bottom: 0px;
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1
}

.aboutBan .more-btn {
  font-size: 24px;
  color: #fff;
  background: url(../img/ab-play.png) no-repeat;
  -o-background-size: cover;
  background-size: cover;
  margin-top: 44px;
  cursor: pointer;
  display: inline-block;
  width:124px;
  height:124px;
  position: absolute;
  right: 46.999%;
  top: 75.26087%;
  text-align: right;
  text-shadow: 0 2px 0 rgba(9,26,36,0.32)
  
  
}


.pop-video {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: -100%;
    transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
    z-index: 9999;
    opacity: 0;
    filter: alpha(opacity=0);
}

.pop-video .bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.5);
}

.pop-video .close {
    position: absolute;
    right: 20px;
    top: 20px;
    width: 50px;
    height: 50px;
    background: url(../img/about-gb.png) center no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    cursor: pointer;
}

.pop-video video {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    max-width: 90%;
}

.pop-video.open {
    top: 0;
    opacity: 1;
    filter: alpha(opacity=100);
}




.aboutBan .aboutBanBom {
    clear: both;
    display: block;
    width: 100%;
    border-top: 1px solid #a3bad4;
    border-top: 1px solid rgba(163,186,212,0.6);
    overflow: hidden
}

.aboutBan .aboutBanBom li {
    float: left;
    width: 25%;
    border-left: 1px solid #465262;
    border-right: 1px solid #404d5c;
    text-align: center;
    padding-top: 38px;
    padding-bottom: 38px;
    transition: all linear 0.3s
}

.aboutBan .aboutBanBom li:first-child {
    border-left: 0px
}

.aboutBan .aboutBanBom li:first-child+li+li+li+li {
    border-right: 0px
}

.aboutBan .aboutBanBom li strong {
    clear: both;
    display: inline-block;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
    -khtml-opacity: 0.7;
    opacity: 0.7;
    font-size: 40px;
    line-height: 1;
    color: #ecf5ff;
    font-weight: bold;
    background: -webkit-linear-gradient(left, #a3bcd8, #ecf5ff);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    padding-bottom: 15px;
    transition: all linear 0.3s
}

.aboutBan .aboutBanBom li p {
    clear: both;
    display: block;
    font-size: 18px;
    line-height: 24px;
    color: #9ba2ab;
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
    transition: all linear 0.3s
}

.aboutBan .aboutBanBom li:hover {
    background: #354663
}

.aboutBan .aboutBanBom li:hover strong {
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1
}

.aboutBan .aboutBanBom li:hover p {
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1
}


.aboutOne {
    padding-top: 115px;
    padding-bottom: 95px
}
.about-title {
    text-align: center
}

.about-title h2 {
    display: inline-block;
    font-size: 40px;
    font-family: "Alibaba-PuHuiTi-Heavy";
    color: #122025;
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    background-image: -webkit-linear-gradient(left, #122025, #4f7492)
}

.about-title p {
    margin: 28px auto 0;
    font-size: 18px;
    color: #516e78;
    line-height: 1.55556
}



.aboutOne .cqtit {
    width: 100%;
    background: rgba(0,0,0,0.5);
    position: absolute;
    right: 0;
    bottom: 0;
    font-size: 18px;
    color: #ffffff;
    font-family: 'Alibaba-PuHuiTi-Bold';
    text-align: center;
    opacity: 0;
    transition: all linear 0.4s
}

.aboutOne .sty1 {
    margin-top: 75px;
    position: relative;
    overflow: hidden
}

.aboutOne .sty1 img {
    width: 100%
}

.aboutOne .sty1 .p1 {
    width: 44.61538%;
    position: absolute;
    left: 4.23077%;
    top: 50px;
    font-size: 18px;
    color: #ffffff;
    line-height: 2.11111
}

.aboutOne .sty1 .p2 {
    width: 47.76923%;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0
}

.aboutOne .sty1 .p2 span {
    padding: 2.2% 0
}

.aboutOne .sty1 .p2:hover span {
    opacity: 1
}

.aboutOne .sty2 {
    margin-top: 3%;
    font-size: 0;
	overflow: hidden;
}

.aboutOne .sty2 .swiper-slide {
    width: 31.15385%;
    margin-right: 3.23077%
}

.aboutOne .sty2 p {
    position: relative;
    transition: all linear 0.4s
}

.aboutOne .sty2 p span {
    padding: 3% 0
}

.aboutOne .sty2 p:hover {
    transform: translateY(-10px);
    box-shadow: 0 5px 10px rgba(0,0,0,0.4)
}

.aboutOne .sty2 p:hover span {
    opacity: 1
}


@media (max-width: 1440px) {
    .about-title h2 {
        font-size: 35px
    }

    .about-title p {
        font-size: 16px
    }

    .aboutOne {
        height: 750px
    }

    .aboutOne .sty1 {
        font-size: 40px
    }

    .aboutOne .sty1 span {
        font-size: 60px
    }

    .aboutOne .sty2 .li1 {
        padding-right: 6.15385%
    }

    .aboutOne .sty2 .li2 {
        padding: 0 6.15385%
    }

    .aboutOne .sty2 .li3 {
        padding-left: 6.15385%
    }
}

.aboutOne.swiper-container {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    z-index: 1
}

.aboutOne .swiper-container-android .swiper-slide,.swiper-wrapper {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -o-transform: translate(0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.aboutOne .swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    -ms-transition-property: -ms-transform;
    transition-property: transform;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}

.aboutOne .swiper-slide {
    -webkit-flex-shrink: 0;
    -ms-flex: 0 0 auto;
    flex-shrink: 0;
    flex: 0 0 auto;
    width: 100%;
    height: 100%;
    position: relative
}



.aboutTwo {
    width: 100%;
    height: 660px;
    background:url("../img/about-cpbg.jpg") center no-repeat;
    overflow: hidden;
}

.aboutTwo .fl {
    width: 30%;
    padding: 160px 0;
    position: relative;
    z-index: 0;
}

.aboutTwo .fl h3 {
    font-size: 36px;
    color: #fff;
    font-weight: bold;
    margin-bottom: 55px;
}

.aboutTwo .fl p {
    font-size: 16px;
    color: #fff;
    line-height: 32px;
}

.aboutTwo .fl .btn {
    width: 160px;
    background: #fc752e;
    background: -webkit-linear-gradient(left bottom,#f6683c,#f12f02);
    background: -o-linear-gradient(top left,#f6683c,#f12f02);
    background: -moz-linear-gradient(top left,#f6683c,#f12f02);
    background: linear-gradient(to top left,#f6683c,#f12f02);
    display: block;
    border-radius: 10px;
    margin: 55px 0 25px 0;
}

.aboutTwo .fl .btn a {
    font-size: 16px;
    color: #fff;
    line-height: 45px;
    background: url("../img/more-jt2.png") right 15px center no-repeat;
    padding: 0 20px;
    display: block;
    transition: all .3s;
}

.aboutTwo .fl .btn:hover a {
    background-position: right -20px center;
    padding: 0 20%;
}

.aboutTwo .fr {
    width: 65%;
    position: relative;
    z-index: 0;
    overflow: hidden;
}

.aboutTwo .fr .arrows {
    width: 30px;
    height: 50px;
    background: url("../img/rl-jt.jpg") center no-repeat #fff;
    border-radius: 5px;
    position: absolute;
    top: 308px;
    right: 36%;
    box-shadow: 0 0 15px #949494;
    z-index: 100;
}

.aboutTwo .fr .arrows a {
    width: 100%;
    height: 50%;
    cursor: pointer;
    display: block;
}

.aboutTwo .fr .tab-border {
    height: 660px;
}

.aboutTwo .fr .tab-info {
    width: 78%;
    float: left;
    position: relative;
}

.aboutTwo .fr .tab-info li {
    width: 100%;
    height: 100%;
    line-height: 660px;
    position: relative;
}

.aboutTwo .fr .tab-info:before {
    content: "";
    width: 465px;
    height: 465px;
    background: #f1efef;
    display: block;
    border-radius: 50%;
    position: absolute;
    top: 105px;
    right: 32%;
    z-index: -1;
}

.aboutTwo .fr .tab-info .pic {
    width: 433px;
}

.aboutTwo .fr .tab-info .tit {
    font-size: 16px;
    color: #fff;
    line-height: normal;
    position: absolute;
    top: 20%;
    left: 70%;
    z-index: -1;
}

.aboutTwo .fr .tab-info .tit:before {
    content: "";
    width: 15px;
    height: 15px;
    border: 2px solid #e10000;
    border-radius: 50%;
    position: absolute;
    left: -30px;
    top: 3px;
}

.aboutTwo .fr .tab-info .tit:after {
    content: "";
    width: 90px;
    height: 1px;
    background: #999;
    display: block;
    position: absolute;
    left: -120px;
    top: 10px;
}

.aboutTwo .fr .tab-info span {
    position: absolute;
    top: 47%;
    right: 9%;
    font-size: 16px;
    text-align: center;
    line-height: 26px;
	color:#fff;
}

.aboutTwo .fr .tab-info span strong {
    font-size: 30px;
    color: #e10000;
    font-family: Arial;
    font-weight: 800;
    display: block;
}

.aboutTwo .fr .tab-thumbs {
    width: 18%;
    float: right;
    position: relative;
}

.aboutTwo .fr .tab-thumbs:before {
    content: "";
    width: 595px;
    height: 731px;
    border: 7px solid #ebebeb;
    display: block;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: -35px;
    z-index: -1;
}

.aboutTwo .fr .tab-thumbs li {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    margin: 45px 0;
}

.aboutTwo .fr .tab-thumbs li p {
    background: #f1efef;
    padding: 15%;
    border-radius: 50%;
}

.aboutTwo .fr .tab-thumbs .selected {
    width: 108px;
    height: 108px;
    background: #fff;
    padding: 5%;
}

.aboutTwo .fr .tab-thumbs .selected p {
    background: #fff;
    border: 1px solid #6b9ee3;
}

.aboutTwo .fr .tab-thumbs .cp1,.aboutTwo .fr .tab-thumbs .cp5 {
    margin-left: 45px;
}

.aboutTwo .fr .tab-thumbs .cp2,.aboutTwo .fr .tab-thumbs .cp4 {
    margin-left: -10px;
}

.aboutTwo .fr .tab-thumbs .cp3 {
    margin-left: -45px;
}


.aboutThree{padding:5% 0}
.aboutThree .w{max-width:1600px}
.aboutThree .gzry{background:#fff;box-shadow:0 7px 35px 0 rgba(8,13,17,.05);border-radius:20px;padding:5.4% 0;margin-top:2.55%;overflow:hidden}
.aboutThree .gzry li{width:22%;float:left;margin:0 5.66%;text-align:center}
.aboutThree .gzry li span{font-size:24px;color:#666;line-height:36px}
.aboutThree .gzry li span strong{color:#54ace9;font-weight:700;margin-right:6%}
.aboutThree .gzry li p{font-size:16px;color:#999;line-height:38px;margin-top:5.4%}
.aboutFour{max-width:1920px;position:relative;margin:0 auto}
.aboutFour:before{content:"";height:1119px;background:url(../img/service-bg01.jpg) center top no-repeat;background-size:cover;position:absolute;left:0;right:0;top:-240px;z-index:-1}
.aboutFour .w{padding:0 188px}
.aboutFour .same-title{color:#fff;text-align:left}
.aboutFour .same-text{color:#d9d9d9;text-align:left}
.aboutFour .same-text:after{display:none}
.aboutFour .fwlc{margin-left:-12.33%;margin-top:-33px}
.aboutFour .fwlc li{width:22.33%;float:left;border:1px solid #fff;border-top:none;margin-left:11%;margin-top:125px;padding:25px 25px 25px 125px;position:relative}
.aboutFour .fwlc li:after,.aboutFour .fwlc li:before{content:"";height:1px;background:#fff;position:absolute;left:42.34528%;right:0;top:0}
.aboutFour .fwlc li:after{content:"";height:2px;background:#6ca0c5;right:-35%;top:-8px}
.aboutFour .fwlc li:nth-child(3):after,.aboutFour .fwlc li:nth-child(6):after{display:none}
.aboutFour .fwlc li span{width:106px;height:106px;position:absolute;left:10px;top:-58px}
.aboutFour .fwlc li p{font-size:18px;color:#fff;font-weight:700;line-height:30px}
.aboutFive{padding:10% 0 6.3%}
.aboutFive .same-text{padding:0 30%}
.aboutFive .same-text:after{background:url(../img/sametitle-zs2.png) center no-repeat}
.aboutFive .part{margin-top:4.55%}
.aboutFive .part .fl{width:39.0625%;background:#f2f7fa;padding:74px 56px 115px 314px;box-shadow:0 15px 70px 0 rgba(20,25,36,.1);position:relative;z-index:1;overflow:hidden}
.aboutFive .part .fl:before{content:"";width:59.52%;height:100%;background:url(../img/service-rw.jpg) center bottom no-repeat;background-size:100%;position:absolute;left:-15%;bottom:-.5%;z-index:-1}
.aboutFive .part .fl .tit{font-size:20px;color:#333;line-height:30px;font-weight:700}
.aboutFive .part .fl ul li{font-size:16px;color:#999;line-height:30px;margin-top:50px;position:relative}
.aboutFive .part .fl ul li:before{content:"";width:21px;height:21px;background:url(../img/service-dh.png) center no-repeat;background-size:100%;position:absolute;left:-52px;top:4px}
.aboutFive .part .fr{width:56.8125%}
.aboutFive .part .fr ul{margin-left:-9.57096%;margin-top:-11.5%}
.aboutFive .part .fr ul li{width:41.265%;float:left;text-align:center;margin-left:8.736%;margin-top:8%;padding:2.512%;position:relative}
.aboutFive .part .fr ul li:before{content:'';background-color:#54ace9;background-image:linear-gradient(30deg,#161b27 0,#50b1ec 100%);box-shadow:0 15px 70px 0 rgba(20,25,36,.1);position:absolute;left:0;right:0;top:45%;bottom:0;z-index:-1}
.aboutSix{padding:3.32% 0; background: url(../img/home-bg.jpg) center bottom no-repeat;-webkit-background-size: cover;-moz-background-size: cover;-ms-background-size: cover;    -o-background-size: cover;background-size: cover;line-height: 110px;}}
.aboutSix .same-text{color:#fff}
.aboutSix .same-text:after{background:url(../img/sametitle-zs.png) center no-repeat}
.aboutSix dl{padding:0 200px}
.aboutSix dl dd{width:460px;float:left;margin-top:110px;position:relative}
.aboutSix dl dd:before{content:"";width:91px;height:74px;background:url(../img/comma-zs.png) center no-repeat;background-size:100%;position:absolute;left:-66px;top:-20px;z-index:1}
.aboutSix dl dd p{font-size:24px;color:#3ba6ea;line-height:38px;
-webkit-background-clip:text;
-webkit-text-fill-color:transparent;
background-image:-webkit-linear-gradient(left,#fff,#cadbed);
margin:26px 0;
}
    


.aboutSix dl dt{width:498px;height:483px;background:url(../img/home-zs01.png) center no-repeat;background-size:100%;float:right;padding:40px 110px}
.aboutSix dl dt .text{font-size:27px;color:#fff;line-height:36px;text-align:center;padding:0 5%}
.aboutSix dl dt .same-input{width:277px;height:57px;background:0 0;border:2px solid #3ba6ea;border-radius:25px;margin-top:27px;font-size:18px;color:#fff;line-height:57px;padding:0 8%}
.aboutSix dl dt .same-input:-webkit-autofill{-webkit-text-fill-color: #FFFFFF;-webkit-box-shadow: 0 0 0 1000px #3ba6ea inset!important;box-shadow: 0 0 0 1000px #3ba6ea inset!important;}
.aboutSix dl dt .same-input::-webkit-input-placeholder{color:#fff}
.aboutSix dl dt .same-input::-moz-placeholder{color:#fff}
.aboutSix dl dt .same-input:-moz-placeholder{color:#fff}
.aboutSix dl dt .same-input:-ms-input-placeholder{color:#fff}
.aboutSix dl dt .icon-txt{height:86px;line-height:26px;padding:13px 8%;scrollbar-width:none;-ms-overflow-style:none}
.aboutSix dl dt .icon-txt::-webkit-scrollbar{display:none}
.aboutSix dl dt .submit{width:277px;height:78px;background-color:#3ba6ea;background-image:linear-gradient(0deg,#3680b1 0,#3daaed 100%);box-shadow:0 22px 21px 0 rgba(0,0,0,.41);border-radius:39px;font-size:23px;color:#fff;text-align:center;line-height:78px;font-weight:700;margin:35px auto 0;display:block}


.about-zs .t-txt{position: relative;text-align: center;margin-bottom: 50px;}
.about-zs .t-txt:before{content: "";display: inline-block;vertical-align: middle;margin-bottom: -40px; width: 564px;height: 61px;}
.about-zs .t-txt h2{color: #062446;font-size: 40px;line-height: 1.1;}
.about-zs .t-txt strong{display: block; color: #44515C;font-size: 36px;line-height: 1.1;}

.about-zs{width:98%;max-width:1680px;margin:0 auto}
.about-zs p{color: #44515C;font-size: 18px;line-height: 2;}
.about-zs ul{margin-top: 60px;margin-left: -2.3%;padding-bottom: 25px;}
.about-zs ul li{float: left;width: 18%;margin-left: 2%;position: relative;}
.about-zs ul li:before{content: "";position: absolute;left: 24px;right:24px;bottom: -25px;height: 40px;background-color: #D9E6FE;-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 5px 10px rgba(5,26,89,.1);-moz-box-shadow: 0 5px 10px rgba(5,26,89,.1);-ms-box-shadow: 0 5px 10px rgba(5,26,89,.1);-o-box-shadow: 0 5px 10px rgba(5,26,89,.1);box-shadow: 0 5px 10px rgba(5,26,89,.1);z-index: -2;}
.about-zs ul li:after{content: "";position: absolute;left: 9px;right:9px;bottom: -13px;height: 40px;background-color: rgba(59,90,133,.6);-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 5px 10px rgba(5,26,89,.1);-moz-box-shadow: 0 5px 10px rgba(5,26,89,.1);-ms-box-shadow: 0 5px 10px rgba(5,26,89,.1);-o-box-shadow: 0 5px 10px rgba(5,26,89,.1);box-shadow: 0 5px 10px rgba(5,26,89,.1);z-index: -1;}
.about-zs ul li img{width: 100%;-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;}

.about-zs ul li i{position: absolute;left: 0;right: 0;bottom: 0;text-align: center;background: -webkit-linear-gradient(top, transparent 0%,#1D2532 100%);background: -moz-linear-gradient(top, transparent 0%, #1D2532 100%);background: -ms-linear-gradient(top, transparent 0%,#1D2532 100%);background: -o-linear-gradient(top, transparent 0%,#1D2532 100%);background: linear-gradient(to bottom, transparent 0%,#1D2532 100%);color:#FFF;font-size: 20px;line-height: 70px;-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;}



/*生产线*/


.cpzs-ban {
    width: 100%;
    background: url(../banner/cpzs-rotbg.jpg) center no-repeat;
    background: #1d5086;
    background: -webkit-linear-gradient(left, #1d5086, #3669a4);
    background: -o-linear-gradient(left, #1d5086, #3669a4);
    background: linear-gradient(to right, #1d5086, #3669a4);
    background-size: cover;
    padding: 0;
    overflow: hidden;
	position: relative;
}

.cpzs-ban .swiper-product {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative
}

.cpzs-ban .swiper-product .swiper-wrapper {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative
}

.cpzs-ban .swiper-product .swiper-slide {
    width: 1300px;
    height: 100%;
    overflow: hidden;
    float: left;
    text-align: center;
    padding: 80px 0 20px;
    position: relative
}

.cpzs-ban .swiper-product .swiper-slide h3 {
    width: 100%;
    position: absolute;
    right: 0;
    top: 30px
}

.cpzs-ban .swiper-product .swiper-slide h3 a {
    width: 1300px;
    font-size: 60px;
    color: #fff;
    font-weight: 700;
    text-align: right;
    letter-spacing: 5px;
    display: block;
    margin: 0 auto;
    padding: 0 178px
}

.cpzs-ban .swiper-product .swiper-slide .text {
    width: 100%;
    position: absolute;
    right: 0;
    top: 140px
}

.cpzs-ban .swiper-product .swiper-slide .text p {
    width: 1300px;
    margin: 0 auto 10px;
    padding: 0 118px;
    text-align: right
}

.cpzs-ban .swiper-product .swiper-slide .text p span {
    width: 300px;
    height: 43px;
    background: url(../img/cpzs-rotzs.png) center right no-repeat;
    font-size: 18px;
    color: #fff;
    line-height: 40px;
    text-align: left;
    padding: 0 20px;
    display: inline-block
}

.cpzs-ban .swiper-product .swiper-slide .text p:first-child span {
    margin-right: 35px
}

.cpzs-ban .swiper-product .swiper-slide .text p span:before {
    content: "•";
    width: 18px;
    height: 18px;
    background: #00adef;
    border-radius: 50%;
    font-size: 15px;
    color: #fff;
    text-align: center;
    line-height: 17px;
    font-weight: 700;
    display: inline-block;
    vertical-align: middle;
    margin-right: 20px;
    padding-left: 1px;
}

.cpzs-ban .swiper-product .swiper-slide .more {
    width: 220px;
    height: 220px;
    background: #fff;
    border-radius: 50%;
    position: absolute;
    right: 0;
    bottom: 10%
}

.cpzs-ban .swiper-product .swiper-slide .more:before {
    content: "+";
    width: 44px;
    height: 44px;
    background: #00adef;
    border-radius: 50%;
    font-size: 45px;
    color: #035575;
    text-align: center;
    line-height: 40px;
    font-weight: 100;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -22px 0 0 -22px
}

.cpzs-ban .swiper-product .swiper-slide .more a {
    width: 100%;
    height: 100%;
    font-size: 14px;
    color: #6e7376;
    line-height: 18px;
    padding: 0 46%;
    display: block;
    position: absolute;
    left: 0;
    top: -40px
}

.cpzs-ban .swiper-product .swiper-slide .more a:before {
    content: "";
    width: 1px;
    height: 115px;
    background: #6e7376;
    display: block;
    position: absolute;
    left: 50%;
    top: -133px
}

.cpzs-ban .swiper-product .swiper-slide .more a:hover {
    color: #00adef
}

.cpzs-ban .swiper-product .swiper-slide .more a:hover:before {
    background: #00adef
}

.cpzs-ban .swiper-product .swiper-hd {
    width: 1300px;
    height: 110px;
    position: absolute;
    left: 50%;
    bottom: 32px;
    margin-left: -650px;
    z-index: 5;
    cursor: pointer
}

.cpzs-ban .swiper-product .swiper-hd .swiper-item {
    width: 225px;
    position: absolute;
    top: 0
}

.cpzs-ban .swiper-product .swiper-hd .swiper-item i {
    width: 102px;
    height: 102px;
    background-color: #fff;
    background-image: linear-gradient(to right,#edf8fd ,#0282b8);
    border-radius: 50%;
    display: block;
    opacity: .15;
    position: absolute;
    left: 20%;
    top: 0;
    transition: all .5s ease
}

.cpzs-ban .swiper-product .swiper-hd .swiper-item i:before {
    content: "";
    border: 1px dashed #fff;
    border-radius: 50%;
    display: block;
    position: absolute;
    left: -14px;
    right: -14px;
    top: -14px;
    bottom: -14px;
    opacity: 0;
    transition: all .5s ease
}

.cpzs-ban .swiper-product .swiper-hd .swiper-item i:after {
    content: "";
    border-top: 14px solid #0282b8;
    border-right: 8px solid transparent;
    border-left: 8px solid transparent;
    display: block;
    position: absolute;
    left: 50%;
    top: -38px;
    margin-left: -8px;
    opacity: 0;
    transition: all .5s ease
}

.cpzs-ban .swiper-product .swiper-hd .swiper-item-active i,.cpzs-ban .swiper-product .swiper-hd .swiper-item:hover i {
    background-image: linear-gradient(to right,#fff ,#fff);
    opacity: 1
}

.cpzs-ban .swiper-product .swiper-hd .swiper-item-active i:after,.cpzs-ban .swiper-product .swiper-hd .swiper-item-active i:before,.cpzs-ban .swiper-product .swiper-hd .swiper-item:hover i:after,.cpzs-ban .swiper-product .swiper-hd .swiper-item:hover i:before {
    opacity: 1
}

.cpzs-ban .swiper-product .swiper-hd .swiper-item span {
    position: relative;
    z-index: 1
}

.cpzs-ban .swiper-product .swiper-hd .cp1 {
    right: 0
}

.cpzs-ban .swiper-product .swiper-hd .cp2 {
    right: 15%
}


.cpzs-ban .swiper-product .swiper-hd .cp3 {
    right: 30%
}

.cpzs-ban .swiper-product .swiper-hd .cp4 {
    left: 30%
}
.cpzs-ban .swiper-product .swiper-hd .cp5 {
    left: 15%
}
.cpzs-ban .swiper-product .swiper-hd .cp6 {
    left: 0
}
.cpzs-ban .swiper-product .swiper-hd .cp7 {
    left: -15%
}

.cpzs-ban:after {
	content: "";
	position: absolute;
	width: 660px;
	height: 624px;
	right: calc(50% + 163px);
	bottom: -219px;
	border-radius: 50%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border: 110px solid rgba(185, 185, 195, .69)
}
.cpzs-ban .cpzs-box {
	clear: both;
	width: 980px;
	margin: 0 auto;
	padding: 80px 0 60px;
	z-index: 1;
	overflow: hidden;
	position: relative
}

@media (min-width: 1366px) {

	.cpzs-ban:after {
		width: 782px;
		height: 740px;
		right: calc(50% + 128px);
		bottom: -260px;
		border: 131px solid rgba(185, 185, 195, .69)
	}
	.cpzs-ban .cpzs-box{
		width: 1240px;
		padding: 98px 0 125px
	}
}

@media (min-width: 1500px) {

	.cpzs-ban:after {
		width: 890px;
		height: 842px;
		right: calc(50% + 214px);
		bottom: -298px;
		border: 150px solid rgba(185, 185, 195, .69)
	}
	.cpzs-ban .cpzs-box{
		width: 1420px;
		padding: 30px 0 145px
	}	
	
}

@media (min-width: 1800px) {
	.cpzs-ban:after {
		width: 1811px;
		height: 1056px;
		right: calc(50% + 243px);
		bottom: -336px;
		border: 170px solid rgba(185, 185, 195, .69)
	}
	.cpzs-ban .cpzs-box{
		width: 1600px;
		padding: 30px 0 100px
	}

}

/*切割机*/


.fenge-box {
    background: url(../img/product-bg.jpg) no-repeat top center;
	background: #1d5086;
    background: -webkit-linear-gradient(left, #1d5086, #3669a4);
    background: -o-linear-gradient(left, #1d5086, #3669a4);
    background: linear-gradient(to right, #1d5086, #3669a4);
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    padding-top: 10px;
    padding-bottom: 60px;
    overflow-x: hidden;
	
}
.fenge-box .wrap {
    max-width: 1400px;
    margin: 0 auto;
    width: 94%;
}

.hot-fenge {
    margin-top: 40px;
    position: relative;
    padding-bottom: 45px
}

.hot-fenge>strong {
    font-size: 36px;
    color: #ffc942;
    line-height: 46px;
    font-weight: 700;
    padding-left: 52px;
    background: url(../img/p-icon.png) no-repeat left center;
    position: absolute;
    left: 0;
    top: 0
}

.hot-fenge:after {
    content: '';
    width: 127px;
    height: 553px;
    background: url(../img/pro-txt.png) no-repeat;
    position: absolute;
    left: 0;
    top: 60px
}

.fenge-box .slick-show {
    position: relative;
    z-index: 1
}

.fenge-box .slick-pro {
    overflow: hidden
}

.fenge-box .slick-pro .img {
    float: left;
    width: 50%;
    padding-right: 62px;
    margin-top: 60px
}

.fenge-box .slick-pro .text {
    float: right;
    width: 50%;
    padding: 20px 92px 54px 100px;
    position: relative
}

.fenge-box .slick-pro .text .tit {
    font-size: 38px;
	font-weight:700;
    color: #fff;
    line-height: 40px;
    background: url(../img/pro-icon.png) no-repeat left center;
    display: inline-block;
    padding-left: 48px;
    margin-bottom: 10px
}

.fenge-box .slick-pro .text p {
    font-size: 18px;
    color: #fff;
    line-height: 28px;
    margin-bottom: 50px
}

.fenge-box .slick-pro .qt {
    margin: 0 -20px
}

.fenge-box .slick-pro .qt li {
    float: left;
    width: 50%;
    color: #fff;
    padding: 0 20px;
    text-align: center;
    margin-bottom: 20px
}

.fenge-box .slick-pro .qt li span {
    display: block;
    font-size: 18px;
    line-height: 46px;
    padding: 8px 0;
    background: url(../img/pro-cp.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
}

.fenge-box .slick-pro .text:after {
    content: '';
    width: 0;
    height: 107px;
    position: absolute;
    left: -90px;
    bottom: 0;
    background: url(../img/pro-line.png) no-repeat
}

.hot-fenge .nav-slider {
    width: 880px;
    background: url(../img/pro-bg2.png) no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    height: 230px;
    padding-top: 20px;
    padding-left: 50px;
    position: absolute;
    right: -18%;
    bottom: 0;
    z-index: 2
}

.hot-fenge .nav-slider .slick-img {
    cursor: pointer
}

.hot-fenge .slick-arrow {
    display: block;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    position: absolute;
    bottom: -50px;
    font-size: 0;
    outline: 0;
    border: none;
    cursor: pointer;
    z-index: 2
}

.hot-fenge .slick-prev {
    background: url(../img/p-prev.png) no-repeat center;
    left: 0
}

.hot-fenge .slick-next {
    background: url(../img/p-next.png) no-repeat center;
    left: 90px
}

.hot-fenge .hot-slick-line {
    position: absolute;
    left: 174px;
    bottom: 20px;
    width: 100%;
    height: 2px;
    background: #314976;
    max-width: 394px
}

.hot-fenge .hot-slick-line i {
    background: #7197dd;
    content: "";
    position: absolute;
    left: 0;
    top: -2px;
    height: 100%;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    height: 5px
}

.fenge-box .slick-pro.slick-current .text .tit {
    -webkit-animation: fadeInUp .6s ease-in-out;
    -moz-animation: fadeInUp .6s ease-in-out;
    -o-animation: fadeInUp .6s ease-in-out;
    animation: fadeInUp .6s ease-in-out
}

.fenge-box .slick-pro.slick-current .text p {
    -webkit-animation: fadeInUp .8s ease-in-out;
    -moz-animation: fadeInUp .8s ease-in-out;
    -o-animation: fadeInUp .8s ease-in-out;
    animation: fadeInUp .4s ease-in-out
}

.fenge-box .slick-pro.slick-current .qt li:nth-child(1) {
    -webkit-animation: fadeInUp1 1.5s ease-in-out;
    -moz-animation: fadeInUp1 1.5s ease-in-out;
    -o-animation: fadeInUp1 1.5s ease-in-out;
    animation: fadeInUp1 1.5s ease-in-out
}

.fenge-box .slick-pro.slick-current .qt li:nth-child(2) {
    -webkit-animation: fadeInUp1 1.8s ease-in-out;
    -moz-animation: fadeInUp1 1.8s ease-in-out;
    -o-animation: fadeInUp1 1.8s ease-in-out;
    animation: fadeInUp1 1.8s ease-in-out
}

.fenge-box .slick-pro.slick-current .qt li:nth-child(3) {
    -webkit-animation: fadeInUp1 2.2s ease-in-out;
    -moz-animation: fadeInUp1 2.2s ease-in-out;
    -o-animation: fadeInUp1 2.2s ease-in-out;
    animation: fadeInUp1 2.2s ease-in-out
}

.fenge-box .slick-pro.slick-current .qt li:nth-child(4) {
    -webkit-animation: fadeInUp1 2.6s ease-in-out;
    -moz-animation: fadeInUp1 2.6s ease-in-out;
    -o-animation: fadeInUp1 2.6s ease-in-out;
    animation: fadeInUp1 2.6s ease-in-out
}

.fenge-box .slick-pro.slick-current .text:after {
    -webkit-animation: faseWidth 2.9s linear forwards;
    -moz-animation: faseWidth 2.9s linear forwards;
    -o-animation: faseWidth 2.9s linear forwards;
    animation: faseWidth 2.9s linear forwards
}

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,100px,0);
        transform: translate3d(0,100px,0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,100px,0);
        transform: translate3d(0,100px,0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@-webkit-keyframes fadeInUp1 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,50px,0);
        transform: translate3d(0,50px,0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInUp1 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,50px,0);
        transform: translate3d(0,50px,0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@-webkit-keyframes faseWidth {
    0% {
        width: 0
    }

    100% {
        width: 709px
    }
}

@keyframes faseWidth {
    0% {
        width: 0
    }

    100% {
        width: 709px
    }
}


/*生产线*/

.list-chan{background: url(../img/product-bg.jpg) center;    
    background: #1d5086;
    background: -webkit-linear-gradient(left, #1d5086, #3669a4);
    background: -o-linear-gradient(left, #1d5086, #3669a4);
    background: linear-gradient(to right, #1d5086, #3669a4);padding-bottom:30px;}
.list-chan .wrap{width:1600px;}
.list-chan .ban-con {
	width: 1600px;
	margin:0 auto;
    padding-bottom:100px;
	-webkit-box-shadow: 10 0 0 rgba(0,0,0,.1);
	-moz-box-shadow: 10 0 0 rgba(0,0,0,.1);
	-ms-box-shadow: 10 0 0 rgba(0,0,0,.1);
	-o-box-shadow: 10 0 0 rgba(0,0,0,.1);
	box-shadow: 10 0 0 rgba(0,0,0,.1);	
}

.list-chan .wrapTow{width:1600px;}

.list-chan .ban-item {
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-ms-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: right top;
	padding-top: 60px;
	padding-bottom: 120px;

}

.list-chan .ban-item:before {
	content: "";
	position: absolute;
	left: 0;
	top: 40px;
	width: 34.375%;
	height: 500px;
	background: url(../img/ban-line.png) no-repeat;
	-webkit-background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	-ms-background-size: 100% 100%;
	-o-background-size: 100% 100%;
	background-size: 100% 100%
}

.list-chan .item01 {
	z-index: -1
}

.list-chan .ban-base {
	float: left;
	width: 42%;
	margin-top: 66px
}

.list-chan .ban-txt {
	position: relative;
	z-index: 0
}

.list-chan .ban-txt i {
	position: absolute;
	left: 0;
	top: -10px;
	color: #194036;
	opacity: .06;
	filter: Alpha(opacity=6);
	font-size: 120px;
	font-weight: 700;
	text-transform: uppercase;
	line-height: 1.1;
	z-index: -1;
	-webkit-filter: Alpha(opacity=10)
}

.list-chan .ban-txt a {
	display: block;
	color: #fff;
	font-size: 62px;
	font-weight: 700;
	line-height: 1.1
}

.list-chan .ban-txt a:hover {
	color: #fff
}

.list-chan .ban-txt a.txt-font {
	font-size: 62px;
	padding-top: 16px
}

.list-chan .ban-font p {
	margin-top: 50px;
	color: #fff;
	font-size: 18px;
	line-height: 20px
}

.list-chan .ban-font p:before {
	content: '';
	display: inline-block;
	vertical-align: middle;
	width: 20px;
	height: 20px;
	background: url(../img/ban-icon.png) no-repeat;
	margin-right: 10px
}

.list-chan .ban-tab {
	margin-top: -224px;
	margin-left: 35%;
	margin-right: 6%;
	overflow: hidden
}

.list-chan .ban-tab .slick-list {
	margin-left: -12px
}

.list-chan .ban-btn {
	margin-top: 77px;
	margin-left: 104px
}

.list-chan .tab-list {
	float: left;
	position: relative;
	padding: 20px 20px 25px 90px;
	background: #fff;
	-webkit-box-shadow: 0 10px 20px rgba(25,64,54,.1);
	-moz-box-shadow: 0 10px 20px rgba(25,64,54,.1);
	-ms-box-shadow: 0 10px 20px rgba(25,64,54,.1);
	-o-box-shadow: 0 10px 20px rgba(25,64,54,.1);
	box-shadow: 0 10px 20px rgba(25,64,54,.1);
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	border-radius: 10px;
	margin: 22px 20px 22px 80px
}

.list-chan .tab-list:before {
	content: "";
	position: absolute;
	left: -2px;
	top: -2px;
	bottom: -2px;
	right: -2px;
	background: -webkit-linear-gradient(left,#265d50 20%,#fff 80%);
	background: -moz-linear-gradient(left,#265d50 20%,#fff 80%);
	background: -o-linear-gradient(left,#265d50 20%,#fff 80%);
	background: linear-gradient(to right,#265d50 20%,#fff 80%);
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	border-radius: 10px;
	z-index: -1;
	width: 0;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-ms-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s
}

.list-chan .tab-pro {
	position: absolute;
	left: -70px;
	top: 14px;
	width: 54%
}

.list-chan .tab-info a {
	display: block;
	color: #333;
	font-size: 18px;
	font-weight:700;
	background: url(../img/ban-name01.png) no-repeat right center;
	line-height: 32px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	padding-right: 8px;
	position: relative
}

.list-chan .tab-info p {
	color: #333;
	font-size: 14px;
	margin-top: 15px
}

.list-chan .tab-list.slick-current:before,.tab-list:hover:before {
	width: 100%
}

.list-chan .tab-list.slick-current .tab-info a,.tab-list:hover .tab-info a {
	color: #194036;
	background-image: url(../img/ban-name02.png)
}

.list-chan .slick-slide {
	outline: 0
}

.list-chan .ban-tab .slick-slide {
	-webkit-transform: none;
	-moz-transform: none;
	-ms-transform: none;
	-o-transform: none;
	transform: none
}

 .ban-con .slick-next:before,.ban-con .slick-prev:before {
	display: none
}

.ban-con .slick-next,.ban-con .slick-prev {
	font-size: 0;
	top: auto;
	left: 50%;
	bottom: 115px;
	z-index: 99;
	width: 50px;
	height: 50px;
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	-ms-background-size: 100% 100%;
	-o-background-size: 100% 100%;
	background-size: 100% 100%;
	display: block;
    position: absolute;
	outline: 0;
	border: none;
	cursor: pointer;
}



.ban-con .slick-prev {
	margin-left: -700px;
	background-image: url(../img/ban-arrow01.png)
}

.ban-con .slick-prev:hover {
	background-image: url(../img/ban-arrow03.png)
}

.ban-con .slick-next {
	right: auto;
	margin-left: -540px;
	background-image: url(../img/ban-arrow02.png)
}

.ban-con .slick-next:hover {
	background-image: url(../img/ban-arrow04.png)
}

.list-chan .paging {
	position:absolute;
	z-index:99;
	bottom:40px;
	left: 50%;
	margin-left: -630px;
	color: #fff;
	font-size:18px;
    content: "";
	display:black;
}

.list-chan .paging .cur {
	color: #fff;
	font-size: 28px;
	font-weight: 700
}

.list-chan .btn-more {
	position:absolute;
	z-index: 1;
	display: inline-block;
	width: 200px;
	line-height: 60px;
	text-align: center;
	vertical-align: middle;
	-webkit-border-radius: 60px;
	-moz-border-radius: 60px;
	-ms-border-radius: 60px;
	-o-border-radius: 60px;
	border-radius: 60px;
	-webkit-transition: .8s;
	-moz-transition: .8s;
	-ms-transition: .8s;
	-o-transition: .8s;
	transition: .8s;
	color: #fff;
	background: #f0be4d;
	font-size: 20x;
	overflow: hidden
}

.list-chan .btn-more:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	width: 0%;
	height: 100%;
	-webkit-transition: .4s;
	-moz-transition: .4s;
	-ms-transition: .4s;
	-o-transition: .4s;
	transition: .4s;
	background: #f0be4d
}

.list-chan .btn-more:hover:after {
	width: 100%
}

.list-chan .btn-more:hover {
	color: #fff;
	font-size:16px;
	background: #f0be4d;
	font-weight:bold;
	
}

.list-chan .ban-pic {
	float: right;
	width: 56%;
	position: relative;
	margin-top: 30px
}

.list-chan .ban-pic:after {
	content: "";
	position: absolute;
	right: 0;
	top: -70px;
	width: 211px;
	height: 623px;
	background: url(../img/ban-right.png) no-repeat
}

.list-chan .ban-pic span {
	position: absolute;
	right: -130px;
	top: 50%;
	margin-top: -26px;
	color: #f0be4d;
	font-size: 24px;
	line-height: 30px;
	width: 120px
}

.list-chan .ban-pic img {
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease
}

.list-chan .ban-pic img:hover {
	-webkit-transform: scale(1.02);
	-moz-transform: scale(1.02);
	-ms-transform: scale(1.02);
	-o-transform: scale(1.02);
	transform: scale(1.02)
}

/*产品中心*/

.pro-banner {
  position: relative;
  overflow: hidden;
  -webkit-box-shadow: 0 10px 20px rgba(55, 93, 178, 0.43);
  -moz-box-shadow: 0 10px 20px rgba(55, 93, 178, 0.43);
  -ms-box-shadow: 0 10px 20px rgba(55, 93, 178, 0.43);
  -o-box-shadow: 0 10px 20px rgba(55, 93, 178, 0.43);
  box-shadow: 0 10px 20px rgba(55, 93, 178, 0.43);

}

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

.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-help {
  position: absolute;
  left: 16%;
  top: 50px
}

.pro-banner .pro-help h1 {
  font-size: 56px;
  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: #fff;
  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(../img/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
}


/*烘干机list*/

.sandtwo {
	clear: both;
	background: #1d5086;
	background: -webkit-linear-gradient(left, #1d5086, #3669a4);
	background: -o-linear-gradient(left, #1d5086, #3669a4);
	background: linear-gradient(to right, #1d5086, #3669a4);
	position: relative;
	overflow: hidden
}

.sandtwo:after {
	content: "";
	position: absolute;
	width: 660px;
	height: 624px;
	right: calc(50% + 163px);
	bottom: -219px;
	border-radius: 50%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border: 110px solid rgba(185, 185, 195, .69)
}

.sandtwo .sandtwobox {
	clear: both;
	width: 980px;
	margin: 0 auto;
	padding: 80px 0 60px;
	z-index: 1;
	overflow: hidden;
	position: relative
}

.sandtwo .sandtwobox .swiper-wrapper {
	position: relative;
	width: 100%;
	height: 100%;
	z-index: 5;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-transition-property: -webkit-transform;
	-moz-transition-property: -moz-transform;
	-o-transition-property: -o-transform;
	-ms-transition-property: -ms-transform;
	transition-property: transform;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-o-transform: translate(0, 0);
	-ms-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}

.sandtwo .sandtwobox .swiper-wrapper .swiper-slide {
	-webkit-flex-shrink: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	flex-shrink: 0;
	width: 100%;
	height: 100%;
	position: relative
}

.sandtwo .sandtwobox .swiperbom {
	position: absolute;
	z-index: 6;
	left: 0;
	right: 0;
	bottom: 40px;
	text-align: center
}

.sandtwo .sandtwobox .swiperbom .swiper-pagination {
	display: inline-block;
	text-align: center;
	position: relative;
	line-height: 1
}

.sandtwo .sandtwobox .swiperbom .swiper-pagination:after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	top: 50%;
	background: #ffc942;
	margin-top: -1px;
	height: 2px
}

.sandtwo .sandtwobox .swiperbom .swiper-pagination span {
	width: 58px;
	text-align: center;
	color: #c8c8c8;
	font-size: 14px;
	font-weight: 700;
	display: inline-block;
	cursor: pointer;
	line-height: 1;
	position: relative;
	z-index: 2
}

.sandtwo .sandtwobox .swiperbom .swiper-pagination span.swiper-pagination-bullet-active {
	color: #ffc942;
	background:#fff;
}

.sandtwo .sandtwoitem .sandtwoitemfl {
	float: left;
	width: 545px
}

.sandtwo .sandtwoitem .sandtwoitemfr {
	float: right;
	width: 380px;
	padding-top: 10px
}

.sandtwo .sandtwoitem .sandtwoitemfr h3 {
	clear: both;
	display: block;
	font-size: 33px;
	line-height: 45px;
	color: #fff;
	text-align: left
}

.sandtwo .sandtwoitem .sandtwoitemfr h3 a {
	color: #fff
}

.sandtwo .sandtwoitem .sandtwoitemfr h3 a:hover {
	color: #f8cb62
}

.sandtwo .sandtwoitem .sandtwoitemfr ul {
	position: relative;
	z-index: 3;
	padding: 30px 0
}

.sandtwo .sandtwoitem .sandtwoitemfr ul li {
	float: left;
	background: url(../img/sandtwoicon01.png) left center no-repeat;
	background-size: 40px;
	font-weight: 700;
	font-size: 12px;
	color: #fff;
	line-height: 1;
	text-align: left;
	padding: 3px 0 3px 48px
}

.sandtwo .sandtwoitem .sandtwoitemfr ul li:first-child {
	padding-right: 40px
}

.sandtwo .sandtwoitem .sandtwoitemfr ul li span {
	clear: both;
	display: block;
	font-size: 18px;
	padding-top: 8px
}

.sandtwo .sandtwoitem .sandtwoitemfr p {
	clear: both;
	display: block;
	background: url(../img/sandtwoicon04.png) left 5px no-repeat;
	background-size: 9px;
	color: #fff;
	font-size: 12px;
	line-height: 20px;
	padding-left: 20px;
	margin: 10px 0
}

.sandtwo .sandtwoitem .sandtwoitemfr .zsj_zixun {
	clear: both;
	display: inline-block;
	width: 232px;
	height: 51px;
	position: relative;
	background: #ffc942;
	background: -webkit-linear-gradient(top, #f7d371, #ffb72a);
	background: -o-linear-gradient(top, #f7d371, #ffb72a);
	background: linear-gradient(to bottom, #f7d371, #ffb72a);
	box-shadow: 0 5px 0 #dc8f3e;
	border: 1px solid #ffc942;
	line-height: 51px;
	text-align: center;
	font-weight: 700;
	color: #fff;
	font-size: 18px;
	border-radius: 26px;
	margin-top: 43px
}

.sandtwo .sandtwoitem .sandtwoitemfr .zsj_zixun:after {
	content: "";
	background: url(../img/sandtwoicon03.png) center top no-repeat;
	background-size: 100%;
	width: 97px;
	height: 85px;
	position: absolute;
	right: -120px;
	bottom: 8px
}

.sandtwo .sandtwoitem .sandtwoitemfr .zsj_zixun:hover {
	background: #105155;
	background: -webkit-linear-gradient(top, #5f94a4,#23657a);
	background: -o-linear-gradient(top, #5f94a4,#23657a);
	background: linear-gradient(to bottom, #5f94a4,#23657a);
	box-shadow: 0 5px 0 #105155;
	border: 1px solid #105155
}

@media (min-width: 1366px) {

	.sandtwo:after {
		width: 782px;
		height: 740px;
		right: calc(50% + 128px);
		bottom: -260px;
		border: 131px solid rgba(185, 185, 195, .69)
	}

	.sandtwo .sandtwobox {
		width: 1240px;
		padding: 98px 0 125px
	}

	.sandtwo .sandtwobox .swiperbom {
		bottom: 50px
	}

	.sandtwo .sandtwobox .swiperbom .swiper-pagination span {
		font-size: 20px;
		width: 68px
	}

	.sandtwo .sandtwoitem .sandtwoitemfl {
		width: 677px
	}

	.sandtwo .sandtwoitem .sandtwoitemfr {
		width: 492px;
		padding-right: 40px;
		padding-top: 10px
	}

	.sandtwo .sandtwoitem .sandtwoitemfr h3 {
		font-size: 38px
	}

	.sandtwo .sandtwoitem .sandtwoitemfr ul {
		padding: 40px 0
	}

	.sandtwo .sandtwoitem .sandtwoitemfr ul li {
		background-size: 46px;
		font-size: 14px;
		text-align: left;
		padding: 3px 0 3px 58px
	}

	.sandtwo .sandtwoitem .sandtwoitemfr ul li:first-child {
		padding-right: 50px
	}

	.sandtwo .sandtwoitem .sandtwoitemfr ul li span {
		clear: both;
		display: block;
		font-size: 22px;
		padding-top: 8px
	}

	.sandtwo .sandtwoitem .sandtwoitemfr p {
		background-position: left 5px;
		background-size: 9px;
		font-size: 13px;
		line-height: 20px;
		padding-left: 20px;
		margin: 20px 0
	}

	.sandtwo .sandtwoitem .sandtwoitemfr a {
		width: 273px;
		height: 60px;
		font-size: 22px;
		box-shadow: 0 4px 0 #dc8f3e;
		line-height: 60px;
		border-radius: 30px;
		margin-top: 43px
	}

	.sandtwo .sandtwoitem .sandtwoitemfr a:after {
		width: 115px;
		height: 101px;
		right: -140px;
		bottom: 10px
	}
	
	
}

@media (min-width: 1500px) {

	.sandtwo:after {
		width: 890px;
		height: 842px;
		right: calc(50% + 214px);
		bottom: -298px;
		border: 150px solid rgba(185, 185, 195, .69)
	}

	.sandtwo .sandtwobox {
		width: 1420px;
		padding: 110px 0 145px
	}

	.sandtwo .sandtwobox .swiperbom {
		bottom: 60px
	}

	.sandtwo .sandtwobox .swiperbom .swiper-pagination span {
		font-size: 22px;
		width: 77px
	}

	.sandtwo .sandtwoitem .sandtwoitemfl {
		width: 770px
	}

	.sandtwo .sandtwoitem .sandtwoitemfr {
		width: 565px;
		padding-right: 50px;
		padding-top: 10px
	}

	.sandtwo .sandtwoitem .sandtwoitemfr h3 {
		font-size: 44px;
		line-height: 50px
	}

	.sandtwo .sandtwoitem .sandtwoitemfr ul {
		padding: 40px 0 20px
	}

	.sandtwo .sandtwoitem .sandtwoitemfr ul li {
		background-size: 53px;
		padding: 3px 0 3px 66px;
		font-size: 16px
	}

	.sandtwo .sandtwoitem .sandtwoitemfr ul li:first-child {
		padding-right: 65px
	}

	.sandtwo .sandtwoitem .sandtwoitemfr ul li span {
		font-size: 25px;
		padding-top: 8px
	}

	.sandtwo .sandtwoitem .sandtwoitemfr p {
		background-position: left 5px;
		background-size: 13px;
		font-size: 14px;
		line-height: 24px;
		padding-left: 26px;
		margin: 25px 0
	}

	.sandtwo .sandtwoitem .sandtwoitemfr a {
		width: 311px;
		height: 68px;
		font-size: 65px;
		font-weight:700;
		box-shadow: 0 5px 0 #dc8f3e;
		line-height: 68px;
		border-radius: 34px;
		margin-top: 43px
	}

	.sandtwo .sandtwoitem .sandtwoitemfr a:after {
		width: 130px;
		height: 113px;
		right: -161px;
		bottom: 12px
	}
}

@media (min-width: 1800px) {
	.sandtwo:after {
		width: 1011px;
		height: 956px;
		right: calc(50% + 243px);
		bottom: -336px;
		border: 170px solid rgba(185, 185, 195, .69)
	}

	.sandtwo .sandtwobox {
		width: 1600px;
		padding: 128px 0 100px
	}

	.sandtwo .sandtwobox .swiperbom {
		bottom: 70px
	}

	.sandtwo .sandtwobox .swiperbom .swiper-pagination span {
		font-size: 32px;
		width: 87px
	}

	.sandtwo .sandtwoitem .sandtwoitemfl {
		width: 876px
	}

	.sandtwo .sandtwoitem .sandtwoitemfr {
		width: 634px;
		padding-top: 10px
	}

	.sandtwo .sandtwoitem .sandtwoitemfr h3 {
		font-size: 50px;
		line-height: 60px
	}

	.sandtwo .sandtwoitem .sandtwoitemfr ul {
		padding: 45px 0 30px
	}

	.sandtwo .sandtwoitem .sandtwoitemfr ul li {
		background-size: 60px;
		padding: 3px 0 3px 80px;
		font-size: 18px
	}

	.sandtwo .sandtwoitem .sandtwoitemfr ul li:first-child {
		padding-right: 75px
	}

	.sandtwo .sandtwoitem .sandtwoitemfr ul li span {
		font-size: 28px;
		padding-top: 8px
	}

	.sandtwo .sandtwoitem .sandtwoitemfr p {
		background-position: left 5px;
		background-size: 12px;
		font-size: 16px;
		line-height: 26px;
		padding-left: 30px;
		margin: 25px 0
	}

	.sandtwo .sandtwoitem .sandtwoitemfr a {
		width: 354px;
		height: 78px;
		font-size:62px;
		font-weight:700;
		line-height: 78px;
		border-radius: 39px;
		margin-top: 50px
	}

	.sandtwo .sandtwoitem .sandtwoitemfr a:after {
		width: 148px;
		height: 129px;
		right: -184px;
		bottom: 15px
	}


}

.ie8-hack .sandtwo .sandtwoitem .sandtwoitemfr ul li {
	padding-left: 0;
	background: 0 0
}

.ie8-hack .sandtwo .sandtwoitem .sandtwoitemfr a:after {
	display: none
}


/*薯条薯片*/


.container {
    clear: both;
    width: 980px;
    margin: 0 auto;
    padding: 0;
    position: relative
}


.bomCalculate .container {
    position: relative
}



.mobiletwo {
    clear: both;
	background: #1d5086;
    background: -webkit-linear-gradient(left, #1d5086, #3669a4);
    background: -o-linear-gradient(left, #1d5086, #3669a4);
    background: linear-gradient(to right, #1d5086, #3669a4);
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    -o-background-size: cover;
    background-size: cover;	
	
	
    padding-top: 62px
}

.mobiletwo h3 {
    clear: both;
    display: block;
    color: #fff;
    font-size: 38px;
    line-height: 1;
    padding-bottom: 30px
}

.mobiletwo .mobiletwotab {
    clear: both;
    display: block;
    overflow: hidden;
    text-align: left;
    position: relative;
    z-index: 5
}

.mobiletwo .mobiletwotab span {
    float: left;
    color: #c2c2c2;
    font-size: 13px;
    font-weight: 700;
    padding-right: 70px;
    padding-left: 20px;
    background: url(../img/mobiletwoicon03.png) left center no-repeat;
    background-size: 12px;
    line-height: 30px;
    cursor: pointer
}

.mobiletwo .mobiletwotab span.on,.mobiletwo .mobiletwotab span:hover {
    color: #fbb830;
    background-image: url(../img/mobiletwoicon04.png)
}

.mobiletwo .mobiletwoitem {
    clear: both;
    display: none
}

.mobiletwo .mobiletwoitem.on {
    display: block
}

.mobiletwo .mobiletwoitemtop {
    margin-top: -15px
}

.mobiletwo .mobiletwoitemtop .mobiletwoitemtopfl {
    position: relative;
    float: left;
    width: 790px;
    background: url(../img/mobiletwoicon05.png) left top no-repeat;
    background-size: 745px;
    padding-top: 42px
}

.mobiletwo .mobiletwoitemtop .mobiletwoitemtopfl .mobiletwoitemtopbox {
    position: absolute;
    right: 0;
    bottom: 0
}

.mobiletwo .mobiletwoitemtop .mobiletwoitemtopfl .mobiletwoitemtopbox a {
    float: left;
    width: 134px;
    height: 38px;
    border-radius: 19px;
    font-size: 14px;
    font-weight: 700;
    color: #ededed;
    position: relative;
    border: 2px solid #14789b;
    text-align: center;
    line-height: 34px;
    background: rgba(255,255,255,.12)
}

.mobiletwo .mobiletwoitemtop .mobiletwoitemtopfl .mobiletwoitemtopbox a:after {
    content: "";
    position: absolute;
    left: -5px;
    right: -5px;
    top: -5px;
    bottom: -5px;
    border: 1px dashed #18799c;
    border-radius: 25px
}

.mobiletwo .mobiletwoitemtop .mobiletwoitemtopfl .mobiletwoitemtopbox a:hover {
    color: #18799c;
    border-color: #18799c;
    background: #fff
}

.mobiletwo .mobiletwoitemtop .mobiletwoitemtopfl .mobiletwoitemtopbox a:hover:after {
    border-color: #18799c
}

.mobiletwo .mobiletwoitemtop .mobiletwoitemtopfl .mobiletwoitemtopbox span {
    float: left;
    width: 152px;
    font-size: 12px;
    line-height: 1;
    color: #b9b9b9;
    text-align: center
}

.mobiletwo .mobiletwoitemtop .mobiletwoitemtopfl .mobiletwoitemtopbox span strong {
    clear: both;
    display: block;
    border-top: 1px solid #7d7d7d;
    color: #ffbb30;
    font-size: 16px;
    line-height: 1;
    padding-top: 8px;
    margin-top: 8px
}

.mobiletwo .mobiletwoitemtop .mobiletwoitemtopfl .mobiletwoitemtopbox:after {
    content: "";
    width: 15px;
    height: 15px;
    background: url(../img/mobiletwoicon02.png) center center no-repeat;
    background-size: 15px;
    position: absolute;
    right: -15px;
    top: 13px
}

.mobiletwo .mobiletwoitemtop .mobiletwoitemtopfr {
    float: right;
    width: 128px;
    padding-top: 10px
}

.mobiletwo .mobiletwoitemtop .mobiletwoitemtopfr li {
    clear: both;
    border-radius: 17px;
    border: 2px solid #92b2bc;
    margin-bottom: 47px;
    padding: 15px 13px;
    box-shadow: 6px -6px 10px #0e2a30 inset;
    line-height: 1;
    color: #fff;
    font-size: 12px
}

.mobiletwo .mobiletwoitemtop .mobiletwoitemtopfr li strong {
    clear: both;
    display: block;
    font-size: 18px;
    line-height: 1;
    padding-top: 12px
}

.mobiletwo .mobiletwoitembom {
    clear: both;
    background: url(../img/mobiletwoicon06.jpg) left top;
    box-shadow: 0 7px 34px rgba(27,61,72,.46);
    border-radius: 20px;
    position: relative;
    z-index: 5
}

.mobiletwo .mobiletwoitembom:before {
    content: "";
    top: -82px;
    left: -122px;
    position: absolute;
    background: url(../img/mobiletwoicon08.png) right bottom no-repeat;
    background-size: 360px;
    width: 360px;
    height: 200px
}

.mobiletwo .mobiletwoitembom dt {
    float: left;
    width: 140px;
    position: relative;
    z-index: 2
}

.mobiletwo .mobiletwoitembom dt span {
    clear: both;
    display: block;
    text-align: center;
    color: #fff;
    font-size: 25px;
    font-weight: 700;
    line-height: 1;
    padding-top: 30px
}

.mobiletwo .mobiletwoitembom dd {
    float: left;
    background: url(../img/mobiletwoicon07.jpg) left center no-repeat;
    width: 210px;
    padding: 30px 24px;
    position: relative;
    z-index: 2
}

.mobiletwo .mobiletwoitembom dd p {
    clear: both;
    color: #767676;
    font-size: 12px;
    line-height: 20px
}

.mobiletwo .mobiletwoitembom dt+dd {
    background: 0 0
}



@media (min-width: 1366px) {
    .container {
        width:1160px
    }

    .mobiletwo {
        padding-top: 75px
    }

    .mobiletwo h3 {
        font-size: 45px;
        padding-bottom: 35px
    }

    .mobiletwo .mobiletwotab span {
        font-size: 15px;
        padding-right: 90px;
        padding-left: 22px;
        background-size: 15px
    }

    .mobiletwo .mobiletwoitemtop {
        margin-top: -15px
    }

    .mobiletwo .mobiletwoitemtop .mobiletwoitemtopfl {
        width: 935px;
        background-size: 880px;
        padding-top: 51px
    }

    .mobiletwo .mobiletwoitemtop .mobiletwoitemtopfl .mobiletwoitemtopbox a {
        width: 156px;
        height: 44px;
        border-radius: 22px;
        font-size: 17px;
        line-height: 40px
    }

    .mobiletwo .mobiletwoitemtop .mobiletwoitemtopfl .mobiletwoitemtopbox span {
        width: 180px;
        font-size: 12px
    }

    .mobiletwo .mobiletwoitemtop .mobiletwoitemtopfl .mobiletwoitemtopbox span strong {
        font-size: 18px;
        padding-top: 8px;
        margin-top: 8px
    }

    .mobiletwo .mobiletwoitemtop .mobiletwoitemtopfl .mobiletwoitemtopbox:after {
        width: 17px;
        height: 17px;
        background-size: 17px;
        right: -17px;
        top: 13px
    }

    .mobiletwo .mobiletwoitemtop .mobiletwoitemtopfr {
        width: 150px
    }

    .mobiletwo .mobiletwoitemtop .mobiletwoitemtopfr li {
        border-radius: 20px;
        border: 3px solid #92b2bc;
        margin-bottom: 55px;
        padding: 18px 16px;
        box-shadow: 10px -10px 12px #0e2a30 inset;
        font-size: 14px
    }

    .mobiletwo .mobiletwoitemtop .mobiletwoitemtopfr li strong {
        font-size: 22px;
        padding-top: 10px;
        line-height: 30px
    }

    .mobiletwo .mobiletwoitembom {
        box-shadow: 0 8px 40px rgba(27,61,72,.46);
        border-radius: 24px
    }

    .mobiletwo .mobiletwoitembom:before {
        top: -168px;
        left: -151px;
        background-size: 450px;
        width: 450px;
        height: 315px
    }

    .mobiletwo .mobiletwoitembom dt {
        width: 160px
    }

    .mobiletwo .mobiletwoitembom dt span {
        font-size: 30px;
        padding-top: 35px
    }

    .mobiletwo .mobiletwoitembom dd {
        width: 250px;
        padding: 35px
    }

    .mobiletwo .mobiletwoitembom dd p {
        font-size: 12px;
        line-height: 24px
    }

}

@media (min-width: 1500px) {
    .container {
        width:1320px
    }

    .mobiletwo {
        padding-top: 85px
    }

    .mobiletwo h3 {
        font-size: 51px;
        padding-bottom: 38px
    }

    .mobiletwo .mobiletwotab span {
        font-size: 22px;
        padding-right: 105px;
        padding-left: 26px;
        background-size: 18px
    }

    .mobiletwo .mobiletwoitemtop {
        margin-top: -15px
    }

    .mobiletwo .mobiletwoitemtop .mobiletwoitemtopfl {
        width: 1064px;
        background-size: 997px;
        padding-top: 60px
    }

    .mobiletwo .mobiletwoitemtop .mobiletwoitemtopfl .mobiletwoitemtopbox a {
        width: 178px;
        height: 52px;
        border-radius: 26px;
        border: 3px solid #14789b;
        font-size: 19px;
        line-height: 46px
    }

    .mobiletwo .mobiletwoitemtop .mobiletwoitemtopfl .mobiletwoitemtopbox a:after {
        left: -5px;
        right: -5px;
        top: -5px;
        bottom: -5px;
        border-radius: 31px
    }

    .mobiletwo .mobiletwoitemtop .mobiletwoitemtopfl .mobiletwoitemtopbox span {
        width: 205px;
        font-size: 14px
    }

    .mobiletwo .mobiletwoitemtop .mobiletwoitemtopfl .mobiletwoitemtopbox span strong {
        font-size: 21px;
        padding-top: 8px;
        margin-top: 8px
    }

    .mobiletwo .mobiletwoitemtop .mobiletwoitemtopfl .mobiletwoitemtopbox:after {
        width: 20px;
        height: 20px;
        background-size: 20px;
        right: -20px;
        top: 13px
    }

    .mobiletwo .mobiletwoitemtop .mobiletwoitemtopfr {
        width: 168px
    }

    .mobiletwo .mobiletwoitemtop .mobiletwoitemtopfr li {
        border-radius: 23px;
        border: 3px solid #92b2bc;
        margin-bottom: 62px;
        padding: 22px 18px 20px;
        box-shadow: 11px -11px 14px #0e2a30 inset;
        font-size: 16px
    }

    .mobiletwo .mobiletwoitemtop .mobiletwoitemtopfr li strong {
        font-size: 24px;
        padding-top: 10px;
        line-height: 30px
    }

    .mobiletwo .mobiletwoitembom {
        box-shadow: 0 9px 45px rgba(27,61,72,.46);
        border-radius: 26px
    }

    .mobiletwo .mobiletwoitembom:before {
        top: -205px;
        left: -179px;
        background-size: 530px;
        width: 530px;
        height: 371px
    }

    .mobiletwo .mobiletwoitembom dt {
        width: 200px
    }

    .mobiletwo .mobiletwoitembom dt span {
        font-size: 33px;
        padding-top: 40px
    }

    .mobiletwo .mobiletwoitembom dd {
        width: 280px;
        padding: 38px 45px
    }

    .mobiletwo .mobiletwoitembom dd p {
        font-size: 14px;
        line-height: 26px
    }

}

@media (min-width: 1800px) {
    .container {
        width:1500px
    }

    .mobiletwo {
        padding-top: 95px
    }

    .mobiletwo h3 {
        font-size: 58px;
        padding-bottom: 42px
    }

    .mobiletwo .mobiletwotab span {
        font-size: 20px;
        padding-right: 120px;
        padding-left: 30px
    }

    .mobiletwo .mobiletwoitemtop {
        margin-top: -15px
    }

    .mobiletwo .mobiletwoitemtop .mobiletwoitemtopfl {
        width: 1212px;
        background-size: 1132px;
        padding-top: 64px
    }

    .mobiletwo .mobiletwoitemtop .mobiletwoitemtopfl .mobiletwoitemtopbox a {
        width: 201px;
        height: 57px;
        border-radius: 30px;
        font-size: 22px;
        line-height: 51px
    }

    .mobiletwo .mobiletwoitemtop .mobiletwoitemtopfl .mobiletwoitemtopbox a:after {
        left: -6px;
        right: -6px;
        top: -6px;
        bottom: -6px;
        border-radius: 35px
    }

    .mobiletwo .mobiletwoitemtop .mobiletwoitemtopfl .mobiletwoitemtopbox span {
        width: 234px;
        font-size: 16px
    }

    .mobiletwo .mobiletwoitemtop .mobiletwoitemtopfl .mobiletwoitemtopbox span strong {
        font-size: 24px;
        padding-top: 8px;
        margin-top: 8px
    }

    .mobiletwo .mobiletwoitemtop .mobiletwoitemtopfl .mobiletwoitemtopbox:after {
        width: 22px;
        height: 22px;
        background-size: 22px;
        right: -22px;
        top: 13px
    }

    .mobiletwo .mobiletwoitemtop .mobiletwoitemtopfr {
        width: 192px
    }

    .mobiletwo .mobiletwoitemtop .mobiletwoitemtopfr li {
        border-radius: 26px;
        border: 4px solid #92b2bc;
        margin-bottom: 72px;
        padding: 25px 20px;
        box-shadow: 12px -12px 16px #0e2a30 inset;
        font-size: 18px
    }

    .mobiletwo .mobiletwoitemtop .mobiletwoitemtopfr li strong {
        font-size: 28px;
        padding-top: 12px;
        line-height: 35px
    }

    .mobiletwo .mobiletwoitembom {
        box-shadow: 0 10px 51px rgba(27,61,72,.46);
        border-radius: 30px
    }

    .mobiletwo .mobiletwoitembom:before {
        top: -229px;
        left: -207px;
        background-size: 615px;
        width: 615px;
        height: 430px
    }

    .mobiletwo .mobiletwoitembom dt {
        width: 212px
    }

    .mobiletwo .mobiletwoitembom dt span {
        padding-top: 45px;
        font-size: 38px
    }

    .mobiletwo .mobiletwoitembom dd {
        width: 322px;
        padding: 52px 44px
    }

    .mobiletwo .mobiletwoitembom dd p {
        font-size: 16px;
        line-height: 30px
    }
}


.ie8-hack .casefour ul li .casefourbox:after,.ie8-hack .casefour ul li .casefourbtn,.ie8-hack .casethree .casethreefr .casethreefrtit:after,.ie8-hack .casethree .casethreefr .casethreefrtit:before,.ie8-hack .casethreebox:after,.ie8-hack .casethreebox:before,.ie8-hack .casetwo ul li:after,.ie8-hack .insidecaseone .insidecaseoneitem .insidecaseonefr .insidecaseonefrtop,.ie8-hack .mobilefour:before,.ie8-hack .mobiletwo .mobiletwoitembom:before,.ie8-hack .mobiletwo .mobiletwoitemtop .mobiletwoitemtopfl .mobiletwoitemtopbox:after,.ie8-hack .proone .proonebox:before,.ie8-hack .prothree .prothreefr .prothreefrtit:after,.ie8-hack .prothree .prothreefr .prothreefrtit:before,.ie8-hack .sandone .sandonefl:after,.ie8-hack .sandsever ul li .sandseverbox:after,.ie8-hack .sandsever ul li .sandseverbtn,.ie8-hack .sandtwo .sandtwoitem .sandtwoitemfr a:after {
    display: none
}

.ie8-hack .mobiletwo .mobiletwoitembom dt span {
    color: #13313a
}



.mobilethree {
    clear: both;
    padding-top: 65px;
    position: relative
}
.mobilethree:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
	top:-80px;
    background: url(../img/mobilethreeicon02.png) center top no-repeat;
    background-size: 100% 90px;
    height: 90px
}

.fuwubox{max-width:1920px;position:relative;margin:0 auto;padding-bottom:120px;}
.fuwubox:before{content:"";height:830px;background:url(../img/fuwulc-bg.png) center top no-repeat;background-size:cover;position:absolute;left:0;right:0;top:-240px;z-index:-1}
.fuwubox .w{padding:0 188px}
.fuwubox .same-title{color:#fff;text-align:left}
.fuwubox .same-text{color:#d9d9d9;text-align:left}
.fuwubox .same-text:after{display:none}
.fuwubox .fwlc{margin-left:-12.33%;margin-top:-33px}
.fuwubox .fwlc li{width:22.33%;float:left;border:1px solid #fff;border-top:none;margin-left:11%;margin-top:125px;padding:25px 25px 25px 125px;position:relative}
.fuwubox .fwlc li:after,.fuwubox .fwlc li:before{content:"";height:1px;background:#fff;position:absolute;left:42.34528%;right:0;top:0}
.fuwubox .fwlc li:after{content:"";height:2px;background:#6ca0c5;right:-35%;top:-8px}
.fuwubox .fwlc li:nth-child(3):after,.fuwubox .fwlc li:nth-child(6):after{display:none}
.fuwubox .fwlc li span{width:106px;height:106px;position:absolute;left:10px;top:-58px}
.fuwubox .fwlc li p{font-size:18px;color:#fff;font-weight:700;line-height:30px}



.shu-video {}
.shu-video .videowrap {
    max-width: 1600px;
    margin: 0 auto;
	border-radius: 10px;
    box-shadow: 0 0 10px #ccc;
}
.shu-video .tit-txt{
  font-size: 16px;
  color: #999;
  text-align: center
}


.shu-video:before {
    left: 0
}

.shu-video:after {
    right: 0
}

.slick-video {
    margin-top: 80px
}

.slick-video .video-con {
    padding: 0px 0px
}

.video-con .video-pic {
    float: left;
    width: 55%
}

.video-pic .video {
    position: relative
}

.video-pic .play {
    display: block;
    width: 80px;
    height: 80px;
    background: url(../img/a-play.png) no-repeat center;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    z-index: 2
}

.video-pic video {
    outline: 0;
    border: none;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    display: block;
    width: 100%
}

.video-pic .close {
    display: none
}

.video-con .video-text {
    float: right;
    width: 45%;
    padding-left: 78px
}

.video-text h3 a {
    font-size: 38px;
    color: #172d58;
    display: block;
    line-height: 48px;
    margin-bottom: 38px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.video-text h3 a:hover {
    color: #53aff1
}

.video-text>p {
    font-size: 18px;
    line-height: 30px;
    color: #172d58;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    height: 60px
}

.video-text .txt {
    margin-top: 18px
}

.video-text .txt p {
    font-size: 20px;
    color: #172d58;
    line-height: 30px;
    margin-bottom: 28px;
    background: url(../img/tag-icon.png) no-repeat left center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-left: 35px
}

.video-text .txt p span {
    color: #5b7fc4
}

.video-btn a {
    display: inline-block;
    width: 204px;
    line-height: 52px;
    border-radius: 26px;
    background-color: #234b83;	
    border: 1px solid #ffffff;
    -webkit-border-radius: 26px;
    -moz-border-radius: 26px;
    -ms-border-radius: 26px;
    -o-border-radius: 26px;
    text-align: center;
    font-size: 24px;
    color: #fff;
    -webkit-box-shadow: 0 7px 13px rgba(245,174,86,.26);
    -moz-box-shadow: 0 7px 13px rgba(245,174,86,.26);
    -ms-box-shadow: 0 7px 13px rgba(245,174,86,.26);
    -o-box-shadow: 0 7px 13px rgba(245,174,86,.26);
    box-shadow: 0 7px 13px rgba(245,174,86,.26)
}

.video-btn .see-more {
    margin-left: 12px;
    margin-right: 30px
}

.video-btn a:hover {
    background-color: #5b7fc4
}

.slick-video .slick-arrow {
    display: block;
    outline: 0;
    font-size: 0;
    width: 80px;
    height: 80px;
    border: 1px solid #fff;
    position: absolute;
    top: 160px;
    cursor: pointer;
    z-index: 1
}

.slick-video .slick-prev {
    background: url(../img/arr-prev.png) no-repeat center;
    left: 50%;
    margin-left: -870px;
}

.slick-video .slick-next {
    background: url(../img/arr-next.png) no-repeat center;
    right: 50%;
    margin-right: -870px;
}



/*video*/


.shu_title {
    text-align: center
}

.shu_title .box {
    display: inline-block;
    position: relative
}

.shu_title .title {
    font-size: 2.08vw;
    color: #000000;
    font-family: 'hss_b';
    font-weight: normal;
    letter-spacing: .1vw
}

.shu_title .title:before {
    content: "";
    width: 4.53vw;
    height: .36vw;
    display: block;
    margin: 0 auto 1.04vw;
    background: #0056b8
}

.shu_title .text {
    margin-top: .83vw;
    font-size: .94vw;
    color: #777777;
    line-height: 1.5;
    font-family: 'hss_m'
}

.shu_title .btn {
    position: absolute;
    right: -55.5%;
    bottom: 0;
    padding-right: 2.4vw;
    padding-bottom: .42vw;
    background-image: url(../img/home_more.png);
    background-position: right 0vw;
    background-repeat: no-repeat;
    background-size: 1.56vw;
    border-bottom: .21vw solid #0056b8;
    font-size: 1.15vw;
    color: #111;
    font-family: 'hss_b';
    transition: all linear 0.4s;
    cursor: pointer
}

.shu_title .btn:hover {
    background-image: url(../img/more3.png);
    color: #0056b8
}


.shu_cases {
    margin-top: 4.17vw
}

.shu_cases .swiper_cases {
    padding: 4.95vw 3.23vw 4.95vw 0
}

.shu_cases .swiper_cases .swiper-slide {
    width: 18.85417%;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    margin: 0 1.92708%;
    padding-bottom: 1.56vw;
    box-shadow: .52vw .83vw .42vw rgba(153,153,153,0.39);
    transform: scale(1);
    transition: all linear 0.4s;
	 cursor: pointer
}

.shu_cases .swiper_cases .swiper-slide a {
    display: block;
    position: relative;
    color: #ffffff
}

.shu_cases .swiper_cases .swiper-slide .al_pic {
    width: 100%;
    display: block;
    transition: all linear 0.3s
}

.shu_cases .swiper_cases .swiper-slide .wenan {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    color: #111;
    line-height: 1.2;
    text-align: right
}

.shu_cases .swiper_cases .swiper-slide .wenan .al_title {
    padding: .63vw 6.90608%;
    background-color: #394f71;
    background-image: linear-gradient(0deg, #303d5e 0%, #354768 32%, #394f71 50%, #3d5678 60%, #405d7f 70%, #46698b 100%);
    font-size: 1.15vw;
    font-family: 'hss_b';
    color: #ffffff;
    font-weight: normal;
    text-align: left
}

.shu_cases .swiper_cases .swiper-slide .wenan .al_cs {
    display: block;
    overflow: hidden;
    padding: .63vw 6.90608%;
    background: #ffffff;
    font-size: .99vw;
    text-align: left;
    font-family: 'hss_m'
}

.shu_cases .swiper_cases .swiper-slide .wenan .al_cs span {
    float: left
}

.shu_cases .swiper_cases .swiper-slide .wenan .al_cs span+span {
    float: right
}

.shu_cases .swiper_cases .swiper-slide .wenan .address {
    display: inline-block;
    position: relative;
    padding: .57vw .42vw .57vw 1.88vw;
    background: url(../img/home_cases_address.png) .57vw center no-repeat #fff;
    background-size: .94vw;
    font-size: .78vw;
    font-family: 'hss_m';
    color: #111
}

.shu_cases .swiper_cases .swiper-slide .wenan .address:before {
    content: "";
    display: block;
    position: absolute;
    left: -1.2vw;
    top: 0;
    border-right: 1.25vw solid #fff;
    border-top: 2.19vw solid transparent;
    border-bottom: 0 solid transparent;
    display: none
}

.shu_cases .swiper_cases .swiper-slide-active {
    margin: 0 3.64583%;
    transform: scale(1.193)
}

.shu_cases .see_more {
    display: none
}


.ie9 .shu_cases .swiper_cases {
    text-align: center
}

.ie9 .shu_cases .swiper_cases .swiper-slide {
    width: 18.85417%
}

.ie9 .shu_cases .swiper_cases .swiper-slide+.swiper-slide+.swiper-slide+.swiper-slide+.swiper-slide {
    display: none
}


.shu_cases .swiper-container {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    z-index: 1
}

.shu_cases .swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    -ms-transition-property: -ms-transform;
    transition-property: transform;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}

.shu_cases .swiper-container-vertical>.swiper-wrapper {
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column
}

.shu_cases .swiper-slide {
    -webkit-flex-shrink: 0;
    -ms-flex: 0 0 auto;
    flex-shrink: 0;
    flex: 0 0 auto;
    width: 100%;
    height: 100%;
    position: relative
}

.shu_cases .swiper-container-fade .swiper-slide {
    pointer-events: none;
    -webkit-transition-property: opacity;
    -moz-transition-property: opacity;
    -o-transition-property: opacity;
    transition-property: opacity
}

.shu_cases .swiper-container-fade .swiper-slide-active,.shu_cases .swiper-container-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.shu_cases .swiper-pagination-progress .swiper-pagination-progressbar {
    background: #007aff;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: left top;
    -moz-transform-origin: left top;
    -ms-transform-origin: left top;
    -o-transform-origin: left top;
    transform-origin: left top
}

.shu_cases .swiper-container-autoheight,.shu_cases .swiper-container-autoheight .swiper-slide {
    height: auto
}

.shu_cases .swiper-container-autoheight .swiper-wrapper {
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -webkit-transition-property: -webkit-transform,height;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    -ms-transition-property: -ms-transform;
    transition-property: transform,height
}

@media screen and (max-width: 992px) {

    .shu_title {
        padding: 0 .42667rem
    }

    .shu_title .box {
        display: block
    }

    .shu_title .title {
        font-size: .69333rem;
        letter-spacing: .02667rem
    }

    .shu_title .title:before {
        width: 1.16rem;
        height: .09333rem;
        margin: 0 auto .26667rem
    }

    .shu_title .text {
        margin-top: .21333rem;
        font-size: .37333rem
    }

    .shu_title .btn {
        right: .42667rem;
        padding-right: .53333rem;
        padding-bottom: .10667rem;
        background-size: .4rem;
        border-bottom: .05333rem solid #0056b8;
        font-size: .29333rem;
        display: none
    }


    .shu_cases {
        margin-top: 1.06667rem
    }

    .shu_cases .shu_title .btn {
        position: relative;
        right: 0;
        margin-top: .4rem;
        display: none
    }

    .shu_cases .swiper_cases {
        padding: 1.2rem 0
    }

    .shu_cases .swiper_cases .swiper-slide {
        width: 48.26667%;
        margin: 0 5.33333%;
        padding-bottom: .53333rem;
        box-shadow: .13333rem .21333rem .10667rem rgba(153,153,153,0.39)
    }

    .shu_cases .swiper_cases .swiper-slide .wenan .al_title {
        padding: .16rem 6.90608%;
        font-size: .34667rem
    }

    .shu_cases .swiper_cases .swiper-slide .wenan .al_cs {
        padding: .16rem 5.52486%;
        font-size: .25333rem
    }

    .shu_cases .swiper_cases .swiper-slide .wenan .address {
        padding: .14667rem .10667rem .14667rem .48rem;
        background: url(../img/home_cases_address.png) .14667rem center no-repeat #fff;
        background-size: .24rem;
        font-size: .2rem
    }

    .shu_cases .swiper_cases .swiper-slide .wenan .address:before {
        left: -.30667rem;
        border-right: .32rem solid #fff;
        border-top: .56rem solid transparent
    }

    .shu_cases .swiper_cases .swiper-slide-active {
        margin: 0 5.33333%;
        transform: scale(1.193)
    }

    .shu_cases .see_more {
        width: 5.2rem;
        height: .90667rem;
        display: block;
        margin: .2rem auto 0;
        background: #1c4ac0;
        background: linear-gradient(to right, #4b7fed, #1c4ac0);
        border-radius: .93333rem;
        box-shadow: 0 0 .12rem rgba(0,0,0,0.16);
        font-size: .34667rem;
        color: #ffffff;
        text-align: center;
        line-height: .90667rem;
        font-family: 'hss_b'
    }

    .shu_cases .see_more:after {
        content: "";
        width: 0;
        display: inline-block;
        margin-left: .2rem;
        border-left: .2rem solid #fff;
        border-top: .13333rem solid transparent;
        border-bottom: .13333rem solid transparent
    }
}




.list_main {
    margin-top: 1.17vw;
    margin-bottom: 4.17vw
}
.list_main .w{
   width:1400px;
}
.list_main .shebei_btns {
    position: relative;
    z-index: 5
}

.list_main .shebei_btns .left_btn,.list_main .shebei_btns .right_btn {
    width: 4.06vw;
    height: 4.06vw;
    position: absolute;
    top: .52vw;
    background-color: #e8e8e8;
    background-image: url(../img/about_factory_tb.png);
    background-repeat: no-repeat;
    background-size: 8.13vw;
    border-radius: 1.46vw;
    cursor: pointer
}

.list_main .shebei_btns .left_btn:hover,.list_main .shebei_btns .right_btn:hover {
    background-color: #2757cc
}

.list_main .shebei_btns .left_btn {
    left: 18.75vw;
    background-position: left bottom
}

.list_main .shebei_btns .right_btn {
    right: 18.75vw;
    background-position: right bottom
}

.list_main .shebei_btns .btn_disabled {
    cursor: not-allowed;
    opacity: 0.5
}

.list_main .shebei_btns .btn_disabled:hover {
    background-color: #e8e8e8
}

.list_main .list_main_swiper .swiper-slide {
    padding: 0 .78823% 1.04vw
}

.list_main .shebei_list_ul {
    margin-top: 1.56vw
}

.list_main .shebei_list_ul .shebei_list_li {
    width: 31.71383%;
    float: left;
    margin: 1.3vw .80085%;
	background: #f4f7ff;
    background-image: linear-gradient(to top right, #e2e5e9, #f9f8f8);
    box-shadow: .47vw .83vw .47vw 0 rgba(19,19,19,0.27);
    position: relative;
    overflow: hidden;
    text-align: center;
    transition: all linear 0.4s;	

	
}

.list_main .shebei_list_ul .shebei_list_li .pro_img {
    width: 100%;
    height: 16.47vw;
    display: block;
    overflow: hidden;
    position: relative
}

.list_main .shebei_list_ul .shebei_list_li .pro_img img {
    width: 100%;
    display: block;
    transition: all 0.4s ease
}

.list_main .shebei_list_ul .shebei_list_li .tit {
    width: 100%;
    padding: .78vw;
    transition: all 0.4s ease
}

.list_main .shebei_list_ul .shebei_list_li .tit .tit_ch a {
    display: block;
    color: #111111;
    font-size: 1.35vw;
    line-height: 1.4;
    font-family: "hss_h";
    padding-bottom: .21vw;
    transition: all 0.4s ease
}

.list_main .shebei_list_ul .shebei_list_li .tit .tit_en a {
    display: block;
    font-size: .83vw;
    color: #333333;
    line-height: 1.2;
    font-family: "hss_b";
    text-transform: uppercase;
    transition: all 0.4s ease
}

.list_main .shebei_list_ul .shebei_list_li .tit_more {
    position: absolute;
    left: 50%;
    bottom: 1.56vw;
    transform: translateX(-50%);
    padding: .63vw 1.25vw;
    background-color: #0056b8;
    border: 1px solid #ffffff;
    border-radius: .52vw;
    opacity: 0;
    visibility: hidden;
    transition: all 0.4s ease
}

.list_main .shebei_list_ul .shebei_list_li .tit_more .more_text {
    display: inline-block;
    vertical-align: middle;
    letter-spacing: -.05vw;
    color: #ffffff;
    font-size: 1.15vw;
    line-height: 1.77vw;
    margin-right: .83vw;
    font-family: "hss_m"
}

.list_main .shebei_list_ul .shebei_list_li .tit_more .more_btn {
    display: inline-block;
    vertical-align: middle;
    width: 1.77vw;
    height: 1.77vw;
    border-radius: .52vw;
    background-color: #fff;
    position: relative
}

.list_main .shebei_list_ul .shebei_list_li .tit_more .more_btn:before {
    content: '';
    width: .99vw;
    height: .47vw;
    display: block;
    margin: auto;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: url(../img/pro_tiny_blue.png) center center no-repeat;
    background-size: 100% auto
}

.list_main .shebei_list_ul .shebei_list_li:hover .pro_img img {
    transform: scale(1.2)
}

.list_main .shebei_list_ul .shebei_list_li:hover .tit {
    background: #ffffff
}

.list_main .shebei_list_ul .shebei_list_li:hover .tit .tit_ch a {
    color: #0056b8
}

.list_main .shebei_list_ul .shebei_list_li:hover .tit .tit_en a {
    color: #0056b8
}

.list_main .shebei_list_ul .shebei_list_li:hover .tit_more {
    opacity: 1;
    visibility: visible
}

.list_main .shebei_list_ul:after {
    content: '';
    display: block;
    clear: both
}

.ie9 .list_main .shebei_btns {
    display: none
}

@media screen and (max-width: 992px) {

    .list_main {
        margin-top: 1.06667rem;
        margin-bottom: 1.06667rem
    }

    .list_main .shebei_btns .left_btn,.list_main .shebei_btns .right_btn {
        width: 1.04rem;
        height: 1.04rem;
        top: .13333rem;
        background-size: 2.08rem;
        border-radius: .37333rem
    }

    .list_main .shebei_btns .left_btn {
        left: .42667rem
    }

    .list_main .shebei_btns .right_btn {
        right: .42667rem
    }

    .list_main .list_main_swiper .swiper-slide {
        padding: 0 .42667rem .26667rem
    }

    .list_main .shebei_list_ul {
        margin-top: .4rem
    }

    .list_main .shebei_list_ul .shebei_list_li {
        width: 100%;
        margin: 0;
        box-shadow: .12rem .21333rem .12rem 0 rgba(19,19,19,0.27)
    }

    .list_main .shebei_list_ul .shebei_list_li .pro_img {
        height: auto
    }

    .list_main .shebei_list_ul .shebei_list_li .tit {
        width: 100%;
        padding: .32rem .2rem
    }

    .list_main .shebei_list_ul .shebei_list_li .tit .tit_ch a {
        font-size: .45333rem;
        padding-bottom: .05333rem
    }

    .list_main .shebei_list_ul .shebei_list_li .tit .tit_en a {
        font-size: .29333rem
    }

    .list_main .shebei_list_ul .shebei_list_li .tit_more {
        display: none;
        bottom: .4rem;
        padding: .16rem .32rem;
        border-radius: .13333rem
    }

    .list_main .shebei_list_ul .shebei_list_li .tit_more .more_text {
        font-size: .29333rem;
        line-height: .45333rem;
        margin-right: .21333rem
    }

    .list_main .shebei_list_ul .shebei_list_li .tit_more .more_btn {
        width: .45333rem;
        height: .45333rem;
        border-radius: .13333rem
    }

    .list_main .shebei_list_ul .shebei_list_li .tit_more .more_btn:before {
        width: .25333rem;
        height: .12rem
    }

    .list_main .shebei_list_ul .shebei_list_li+.shebei_list_li {
        margin-top: .42667rem
    }
}



.cpzs-list {
    width: 100%;
    background: #eef4f6
}
.cpzs-list .w{width:1400px;}

.cpzs-list .title {
    width: 100%;
    height: 111px;
    border-bottom: 1px solid #cdd2d4;
	border-radius: 10px;
    box-shadow: 0 3px 27px rgba(2, 130, 184, .23);
}

.cpzs-list .title ul {
    height: 100%;
    position: relative
}

.cpzs-list .title li {
    width: 20%;
    float: left;
    border-right: 1px solid #cdd2d4;
    position: relative
}

.cpzs-list .title li:first-child {
    border-left: 1px solid #cdd2d4
}

.cpzs-list .title li:after,.cpzs-list .title li:before,.cpzs-list .title ul:after,.cpzs-list .title ul:before {
    content: "";
    width: 5px;
    height: 5px;
    background: #cdd2d4;
    border-radius: 50%;
    display: block;
    position: absolute;
    right: -3px;
    top: -2px
}

.cpzs-list .title ul:after,.cpzs-list .title ul:before {
    left: -2px;
    right: auto
}

.cpzs-list .title li:after,.cpzs-list .title ul:after {
    top: auto;
    bottom: -2px
}

.cpzs-list .title li a {
    font-size: 28px;
    color: #494d56;
    font-weight: 700;
    line-height: 111px;
    text-align: center;
    display: block;
    overflow: hidden;
    position: relative;
    z-index: 1
}

.cpzs-list .title li a:before {
    content: "";
    width: 209px;
    height: 115px;
    background: url(../img/cpzs-flbg01.png) no-repeat;
    background-size: 100%;
    display: block;
    position: absolute;
    right: -75px;
    bottom: -10px;
    z-index: -1
}

.cpzs-list .title li+li a:before {
    background: url(../img/cpzs-flbg02.png) no-repeat;
    bottom: -5px
}

.cpzs-list .title li+li+li a:before {
    background: url(../img/cpzs-flbg04.png) no-repeat;
    bottom: -5px
}

.cpzs-list .title li+li+li+li a:before {
    background: url(../img/cpzs-flbg03.png) no-repeat;
    bottom: -5px
}

.cpzs-list .title li+li+li+li+li a:before {
    background: url(../img/cpzs-flbg05.png) no-repeat;
    bottom: -5px
}

.cpzs-list .title .active a,.cpzs-list .title li:hover a {
    background: #0282b8;
    color: #fff
}


/*表单*/

.top-title i {
    width: 0;
    height: 1px;
    position: absolute;
    left: 60px;
    top: 0;
    -webkit-transition: all .7s ease 1.4s;
    transition: all .7s ease 1.4s;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0
}

.top-title h2 {
    position: relative;
    display: inline-block;
    padding: 38px 30px 25px 38px
}

.top-title h2 strong {
    display: block;
    overflow: hidden;
    height: 60px
}

.top-title h2 strong span {
    font-size: 56px;
    font-weight: bold;
    line-height: 60px;
    position: relative;
    z-index: 1;
    bottom: -60px;
    -webkit-transition: all .7s ease;
    transition: all .7s ease
}

.top-title h2:before {
    content: '';
    display: block;
    position: absolute;
    width: 80px;
    height: 80px;
    left: -20px;
    top: 0;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    -webkit-transition: all 0.7s ease .7s;
    transition: all 0.7s ease .7s
}

.top-title h2:after {
    content: '';
    display: block;
    width: 60px;
    height: 60px;
    position: absolute;
    right: -20px;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    bottom: 0;
    -webkit-transition: all 0.7s ease .7s;
    transition: all 0.7s ease .7s
}

.message-box {
    background: url(../img/messagebg.jpg) center no-repeat;
    background-size: cover;
    padding-top: 52px;
    padding-bottom: 82px
}



.message-box .msg-left {
    width: 552px;
    float: left;
    padding-left: 48px
}

.message-box .msg-left .top-title {
    margin-left: -48px;
    text-align: left
}

.message-box .msg-left .top-title span {
    color: #1d427a;
    background: -webkit-linear-gradient(left, #1d427a, #1d427a);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: block;
    bottom: 0
}

.message-box .msg-left .top-title i {
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    width: 40%;
    background-image: linear-gradient(90deg, rgba(255,255,255,0) 0%, #1d427a 100%)
}


.message-box .msg-left .p1 {
    margin-top: 17px;
    margin-bottom: 12px;
    font-size: 18px;
    color: #1d427a;
}

.message-box .msg-left .p1 span {
    margin-left: 15px;
    font-size: 25px;
    color: #ffad4d;
    font-weight: bold
}

.message-box .msg-left .p2 {
    font-size: 18px;
    color: #ffad4d
}

.message-box .msg-left .fwbox {
    margin-top: 38px;
    margin-bottom: 40px;
    max-width: 470px;
    overflow: hidden
}

.message-box .msg-left .fwbox li {
    float: left;
    text-align: center;
    overflow: hidden;
    position: relative
}

.message-box .msg-left .fwbox li::before {
    content: "";
    width: 6px;
    height: 6px;
    background: #414f61;
    border-radius: 50%;
    position: absolute;
    right: 0;
    top: 0
}

.message-box .msg-left .fwbox li span {
    margin-top: 15px;
    margin-bottom: 28px;
    font-size: 22px;
    color: #1d427a;
    font-weight: 700;
    display: block
}

.message-box .msg-left .fwbox li p {
    font-size: 18px;
    color: #1d427a;
    line-height: 1.5;
    position: relative
}

.message-box .msg-left .fwbox li p::before {
    content: "";
    width: 21px;
    height: 2px;
    background: #394656;
    position: absolute;
    left: 0;
    right: 0;
    top: -13px;
    margin: 0 auto
}

.message-box .msg-left .fwbox .one::before {
    background: #ffb243
}

.message-box .msg-left .fwbox .one span {
    color: #1d427a
}

.message-box .msg-left .fwbox .one p {
    color: #1d427a
}

.message-box .msg-left .fwbox .one p::before {
    background: #ffb243
}

.message-box .msg-left .fwbox .two {
    margin: 0 40px;
    padding: 0 40px
}

.message-box .msg-left .fwbox .two::before {
    right: 38px
}

.message-box .msg-left .fwbox .two span::before,.message-box .msg-left .fwbox .two span::after {
    content: "";
    width: 1px;
    height: 64px;
    background: #303b4a;
    display: block;
    position: absolute;
    bottom: 30px
}

.message-box .msg-left .fwbox .two span::before {
    left: 0
}

.message-box .msg-left .fwbox .two span::after {
    right: 0
}

.message-box .msg-left .hot_msg {
    width: 100%;
    background: #fff;
    border-radius: 25px;
    padding: 16px 5.95238%;
    overflow: hidden;
    position: relative
}

.message-box .msg-left .hot_msg .khly {
    width: 123px;
    height: 37px;
    background-color: #2b3847;
    background-image: linear-gradient(#495c75, #2b3847);
    border-bottom-left-radius: 24px;
    font-size: 20px;
    color: #fff;
    text-align: center;
    line-height: 37px;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1
}

.message-box .msg-left .hot_msg .scrolltop {
    height: 123px;
    overflow: hidden
}

.message-box .msg-left .hot_msg .scrolltop ul li {
    margin-bottom: 18px;
    padding-bottom: 18px;
    border-bottom: 1px dashed #303b4a;
    line-height: 1
}

.message-box .msg-left .hot_msg .scrolltop ul li .name {
    font-size: 18px;
    color: #87a0c0;
    font-weight: bold;
    display: block
}

.message-box .msg-left .hot_msg .scrolltop ul li .text {
    margin: 12px 0;
    font-size: 18px;
    color: #161e2b;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.message-box .msg-left .hot_msg .scrolltop ul li .time {
    font-size: 14px;
    color: #2f3b4c
}

.message-box .msg-form {
    width: 640px;
    float: right;
    margin-top: 68px
}

.message-box form {
    width: 100%;
    background: #fff;
    border: 2px solid #fcac4f;
    border-radius: 20px;
    padding: 66px 6.5625% 48px;
    overflow: hidden;
    line-height: 1
}

.message-box form .input-item {
    width: 48.5%;
    float: left
}

.message-box form .input-item span {
    margin-bottom: 15px;
    padding-left: 43px;
    font-size: 18px;
    color: #999999;
    display: block;
    position: relative
}

.message-box form .input-item span::before {
    content: "";
    width: 44px;
    height: 44px;
    display: block;
    position: absolute;
    left: 0;
    top: -10px
}

.message-box form .input-item span i {
    display: none;
    color: #fcac4f;
    font-style: normal
}

.message-box form .input-item input,.message-box form .input-item textarea {
    display: block;
    width: 100%;
    height: 54px;
    background: #f8f8f8;
    border-radius: 18px;
    border: 1px solid #eeeeee;
    color: #999999;
    font-size: 18px;
    line-height: 54px;
    padding: 0 18px
}

.message-box form .input-item input::-webkit-input-placeholder,.message-box form .input-item textarea::-webkit-input-placeholder {
    color: #999999
}

.message-box form .input-item input::-moz-placeholder,.message-box form .input-item textarea::-moz-placeholder {
    color: #999999
}

.message-box form .input-item input:-moz-placeholder,.message-box form .input-item textarea:-moz-placeholder {
    color: #999999
}

.message-box form .input-item input:-ms-input-placeholder,.message-box form .input-item textarea:-ms-input-placeholder {
    color: #999999
}

.message-box form .input-item textarea {
    width: 100%;
    height: 160px;
    padding: 15px 18px;
    line-height: 1.5
}

.message-box form .input-name span::before {
    background: url(../img/messagetb01.png) center no-repeat;
    background-size: 100%
}

.message-box form .input-tel {
    margin-left: 3%
}

.message-box form .input-tel span::before {
    background: url(../img/messagetb02.png) center no-repeat;
    background-size: 100%
}

.message-box form .input-txt {
    width: 100%;
    margin-top: 25px
}

.message-box form .input-txt span::before {
    background: url(../img/messagetb03.png) center no-repeat;
    background-size: 100%
}

.message-box form .note {
    margin-top: 20px;
    margin-bottom: 15px;
    font-size: 16px;
    color: #ff8900;
    text-align: center
}

.message-box form .submit-btn input {
    width: 230px;
    height: 50px;
    background-color: #ffa132;
    background-image: linear-gradient(to right, #fdb158, #ffa132);
    border-radius: 18px;
    border: 2px solid #ffa132;
    font-size: 20px;
    color: #fff;
    font-weight: bold;
    text-shadow: 0 9px 13px rgba(199,118,23,0.45);
    display: block;
    margin: 0 auto;
    box-shadow: 0 9px 13px rgba(199,118,23,0.45);
    cursor: pointer;
    transition: all 0.3s ease;
    animation: scaleeffect 1.2s linear infinite
}

.message-box form .submit-btn input:hover {
    background-image: linear-gradient(to right, #ffa132, #fdb158)
}

@media (max-width: 1600px) {

    .message-box .msg-left .top-title {
        margin-left: -30px
    }

    .message-box .msg-left .top-title h2 {
        padding: 30px
    }

    .message-box .msg-left .top-title h2 strong {
        height: auto
    }

    .message-box .msg-left .top-title h2 strong span {
        font-size: 50px;
        line-height: 1
    }
}

@media (max-width: 1440px) {

    .message-box .msg-left {
        width: 504px;
        padding-left: 0
    }

    .message-box .msg-left .top-title {
        margin-left: -22px
    }

    .message-box .msg-left .top-title h2 {
        padding: 22px
    }

    .message-box .msg-left .top-title h2 strong span {
        font-size: 45px
    }

    .message-box .msg-form {
        margin-top: 20px
    }
}

@media (max-width: 1280px) {

    .message-box .msg-left {
        width: 40%
    }

    .message-box .msg-left .top-title h2 strong span {
        font-size: 40px
    }

    .message-box .msg-left .p1 {
        font-size: 16px
    }

    .message-box .msg-left .p1 span {
        font-size: 20px
    }

    .message-box .msg-left .p2 {
        font-size: 16px
    }

    .message-box .msg-left .fwbox {
        margin-top: 30px;
        margin-bottom: 30px
    }

    .message-box .msg-left .fwbox li span {
        font-size: 18px
    }

    .message-box .msg-left .fwbox li p {
        font-size: 14px
    }

    .message-box .msg-left .hot_msg .khly {
        width: 100px;
        height: 33px;
        font-size: 16px;
        line-height: 33px
    }

    .message-box .msg-left .hot_msg .scrolltop ul li .name {
        font-size: 16px
    }

    .message-box .msg-left .hot_msg .scrolltop ul li .text {
        font-size: 16px
    }

    .message-box .msg-form {
        width: 55%;
        margin-top: 0
    }
}

/*产品中心*/
.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 a {
  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 a.thisclass {
  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 a.disable,.fenye .pagination span.pageinfo {
  font-size: 14px;
  padding: 16px 15px;
  border: #d8d8d8 1px solid;
  color: #555;
  cursor: pointer;
  border-radius: 4px
}

.fenye .pagination a.thisclass {
  color: #fff
}

.fenye .pagination a:hover {
  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
}


.pro-list {
  background: #f0f3fa;
}
.pro-list .w{width:1400px;}
.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;
  box-shadow: 4px 4px 20px 5px rgba(0,0,0,.13);
  border-bottom-left-radius: 30px;
  border-bottom-right-radius: 30px;
  background: #f4f7ff;
background-image: linear-gradient(to top right, #e2e5e9, #f9f8f8);
}

.pro-list .ul-list li:after {
  background: url(../img/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(../img/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: 66%
}

.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:30px;
  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: #0056b8;
}

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


.pro-lb {
    position: relative;
    margin-top: 10px;
    margin-bottom: 35px;
}
.pro-lb .w{width:1400px;}
.tab-pro {
    margin: 0 -2%;
}

.tab-pro li {
    float: left;
    width: 179px;
    text-align: center;
    margin: 0 2.1%;
    background: url(../img/cp-bg.png) no-repeat bottom center;
    padding-bottom: 12px;
    position: relative;
    -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;
}

.tab-pro li p {
    font-size: 30px;
    color: #9f6b49;
    line-height: 38px;
    -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;
}

.tab-pro li:last-child .img {
    padding-left: 10px;
}

.tab-pro li:after {
    content: '';
    width: 100%;
    height: 26px;
    background: url(../img/cp-line.png) no-repeat center;
    position: absolute;
    bottom: -20px;
    left: 0;
}

.tab-pro li.on,.tab-pro li:hover {
    background: url(../img/cp-bg1.png) no-repeat bottom center;
}

.tab-pro li.on p,.tab-pro li:hover p {
    color: #fff;
}

/*筛选*/

.shaizi{width:1400px;padding-top:30px;margin:0 auto;}
.shaizi-paixu {
	border-style: solid;
	border-color: #dedede;
	border-width: 1px 0 1px 0;
	background: #f1f1f1;
	margin-bottom: 26px;
}

.shaizi-paixu .shaizi-paixu {
	float: left;
}

.shaizi-paixu .shaizi-paixu-search {
	float: right;
}

.shaizi-paixu .shaizi-paixu li {
	float: left;
}

.shaizi-paixu .shaizi-paixu li a {
	display: block;
	height: 68px;
	padding: 0 32px;
	line-height: 68px;
	font-size: 20px;
	color: #4d4d4d;
}

.shaizi-paixu .shaizi-paixu li.cur a {
	background: #fff;
	border-style: solid;
	border-color: #dedede;
	border-width: 0 1px 0 1px;
	color: #c0000d;
}

.shaizi-paixu .loupan-search {
	padding: 11px 16px;
	font-size: 0;
	-webkit-text-size-adjust: none;
}

.shaizi-paixu input[type=submit] {
	display: inline-block;
	width: 125px;
	height: 46px;
	font-size: 18px;
	color: #FFFFFF;
	background: #c0000d;
	text-align: center;
	line-height: 46px;
	margin-left: 16px;
	cursor: pointer;
}

.shaizi-paixu input[type=text] {
	display: inline-block;
	width: 344px;
	height: 16px;
	font-size: 16px;
	color: #c2c2c2;
	background: #fff;
	line-height: 16px;
	padding: 15px 11px;
}

.shaizi .shaizi-list {
	border-top: 1px solid #dedede;
	margin-bottom: 26px;
}

.shaizi .shaizi-list .shaizi-item {
	position: relative;
	border-bottom: 1px solid #dedede;
	padding: 6px 0 6px 126px;
}

.shaizi .shaizi-list .shaizi-head {
	position: absolute;
	left: 0;
	top: 9px;
	height: 36px;
	line-height: 36px;
	width: 126px;
	text-align: center;
	font-size: 16px;
	color: #4d4d4d;
	border-right: 1px solid #c1c1c1;
}

.shaizi .shaizi-list .shaizi-body {
	position: relative;
	height: 36px;
	padding-right: 84px;
	overflow: hidden;
}

.shaizi .shaizi-list .shaizi-body a {
	float: left;
	margin-left: 23px;
	line-height: 36px;
	height: 36px;
	overflow: hidden;
}
.shaizi .shaizi-list .shaizi-body span{
	background: #828282;
	padding: 3px 16px;
	color: #fff;}
.shaizi .shaizi-list .shaizi-body a {
	padding: 3px 12px;
	font-size: 16px;
	color: #5f5f5f;
}

.shaizi .shaizi-list .shaizi-body a:hover{
    color: #0056b8;
    background: #fff;
	font-weight: bold;
}

.shaizi .shaizi-list .shaizi-body A.on {
    color: #0056b8;
    background: #fff;
    font-weight: bold;
}


.shaizi .shaizi-list .shaizi-body span.more {
	position: absolute;
	top: 0;
	right: 24px;
	font-size: 14px;
	color: #fff;
	height: 36px;
	line-height: 36px;
	cursor: pointer;
	display: none;
}





.vid-list {
  margin-left:auto;
  margin-right:auto;
  width: 1400px;
  margin-top:40px;
}
.vid-list ul {
  margin-left: -6%
}

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

.vid-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: 20px 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(../img/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: #fff;
}


.str-top {
    margin-bottom: 15px;
	margin-top: 45px;
}

.bt-top2 {
    overflow: hidden;
    position: relative
}

.bt-top2:before {
    content: "";
    display: block;
    background: url(../images/x_bg.png) repeat;
    position: absolute;
    width: 70%;
    height: 5px;
    left: 18%;
    top: 23px
}

.bt-top2 h2 {
    font-size: 32px;
    color: #0f4c82;
    float: left;
    position: relative;
    padding-left: 58px;
    font-weight: 700
}

.bt-top2 h2 a {
    color: #0f4c82
}

.bt-top2 h2 a:hover {
    color: #da251d
}

.bt-top2 h2:before {
    background: url(../images/bt_b.jpg) no-repeat;
    width: 39px;
    height: 24px;
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -12px
}

.bt-top2>a {
    display: block;
    font-size: 20px;
    color: #333;
    background: url(../images/more_bg.png) no-repeat;
    float: right;
    width: 210px;
    height: 54px;
    background-size: cover;
    line-height: 50px;
    text-align: center;
    position: relative;
    z-index: 10;
    font-weight: 900
}

.bt-top2 a img {
    margin-top: -4px;
    margin-left: 10px;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    vertical-align: middle;
}

.bt-top2 a:hover img {
    margin-left: 15px;
}

.str-top2 p {
    font-size: 18px;
    color: #666;
    line-height: 2em;
    font-weight: 700;
    margin-left: 58px
}