*, :after, :before {
  margin: 0;
  padding: 0;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box
}
body, dd, div, dl, dt, fieldset, figcaption, figure, form, h1, h2, h3, h4, h5, h6, html, li, ol, p, pre, table, td img, th, ul {
  margin: 0;
  padding: 0
}
body {
  font-family: "Heiti SC", "Microsoft YaHei", "微软雅黑";
  color: #333;
  font-size: 16px;
  line-height: 1.7;
  margin: 0 auto;
  background-color: #fff;
  min-width: 1280px
}
li, ol, ul {
  list-style: none
}
em, i {
  font-style: normal
}
a {
  color: #333;
  text-decoration: none;
  outline: 0;
  cursor: pointer
}
a:active, a:hover, a:link, a:visited {
  text-decoration: none
}
fieldset, img, video {
  max-width: 100%;
  border: none;
  vertical-align: middle
}
button, input, select, textarea {
  color: #333;
  font-size: 16px;
  font-family: "Microsoft Yahei", sans-serif;
  outline: 0;
  border: none;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box
}
button, input {
  border-radius: 0;
  -webkit-appearance: none
}
textarea {
  resize: none;
  outline: 0;
  border: none;
  -webkit-appearance: none
}
input:-ms-clear {
  display: none
}
input[type=button], input[type=reset], input[type=submit] {
  -webkit-appearance: none;
  outline: 0
}
::-webkit-input-placeholder {
  color: #eee
}
::-moz-placeholder {
  color: #eee
}
:-ms-input-placeholder {
  color: #eee
}
:-moz-placeholder {
  color: #eee
}
table {
  border-collapse: separate
}
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  line-height: 0;
  clear: both;
  visibility: hidden
}
.clearfix {
  zoom: 1
}
.transition {
  transition: all .5s;
  -webkit-transition: all .5s;
  -moz-transition: all .5s
}
.wrap {
  width: 98%;
  max-width: 1400px;
  margin: 0 auto
}
/* public style */
.header {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  width: 100%;
  z-index: 999;
  padding: 40px 0;
  line-height: 60px;
  min-width: 1280px
}
.logo {
  float: left;
  width: 201px;
  margin-top: -2px
}
.logo img {
  width: 100%;
  height: auto
}
.nav {
  float: left;
  width: 50%;
  margin-left: 50px
}
.nav li {
  float: left;
  margin-right: 26px
}
.nav li a {
  display: block;
  color: #333;
  font-size: 18px;
  padding: 0 2px;
  position: relative;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -ms-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease
}
.nav li a:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -7px;
  width: 100%;
  height: 0;
  background: url(../image/nav-on.png) no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -ms-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  -webkit-transition: .2s;
  -moz-transition: .2s;
  -ms-transition: .2s;
  -o-transition: .2s;
  transition: .2s
}
.nav li.nav-on a, .nav li:hover a {
  margin-top: -10px;
  font-weight: 700
}
.nav li.nav-on a:after, .nav li:hover a:after {
  height: 17px
}
.top-tel {
  float: right;
  margin-top: 4px
}
.top-tel p {
  background: url(../image/top-tel1.png) no-repeat left center;
  color: #fff;
  font-size: 16px;
  line-height: 1.4;
  padding-left: 58px
}
.top-tel p strong {
  display: block;
  color: #f0be4d;
  font-size: 28px
}
/* index style */
.banner {
  position: relative
}
.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: 200px;
  padding-bottom: 224px;
  -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, .1);
  -moz-box-shadow: 0 10px 20px rgba(0, 0, 0, .1);
  -ms-box-shadow: 0 10px 20px rgba(0, 0, 0, .1);
  -o-box-shadow: 0 10px 20px rgba(0, 0, 0, .1);
  box-shadow: 0 10px 20px rgba(0, 0, 0, .1);
  margin-bottom: 30px
}
.ban-item:before {
  content: "";
  position: absolute;
  left: 0;
  top: 200px;
  width: 34.375%;
  height: 500px;
  background: url(../image/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%
}
.item01 {
  background-image: url(../image/ban-bg01.jpg);
  z-index: -1
}
.ban-base {
  float: left;
  width: 42%;
  margin-top: 66px
}
.ban-txt {
  position: relative;
  z-index: 0
}
.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)
}
.ban-txt a {
  display: block;
  color: #255c4f;
  font-size: 100px;
  font-weight: 700;
  line-height: 1.1
}
.ban-txt a:hover {
  color: #222
}
.ban-txt a.txt-font {
  font-size: 72px;
  padding-top: 16px
}
.ban-font p {
  margin-top: 50px;
  color: #666;
  font-size: 18px;
  line-height: 20px
}
.ban-font p:before {
  content: '';
  display: inline-block;
  vertical-align: middle;
  width: 20px;
  height: 20px;
  background: url(../image/ban-icon.png) no-repeat;
  margin-right: 10px
}
.ban-tab {
  margin-top: -224px;
  margin-left: 35%;
  margin-right: 6%;
  overflow: hidden
}
.ban-tab .slick-list {
  margin-left: -12px
}
.ban-btn {
  margin-top: 77px;
  margin-left: 104px
}
.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
}
.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
}
.tab-pro {
  position: absolute;
  left: -70px;
  top: 14px;
  width: 54%
}
.tab-info a {
  display: block;
  color: #333;
  font-size: 18px;
  font-weight: 700;
  background: url(../image/ban-name01.png) no-repeat right center;
  line-height: 32px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding-right: 8px;
  position: relative
}
.tab-info p {
  color: #333;
  font-size: 16px;
  margin-top: 15px
}
.tab-list.slick-current:before, .tab-list:hover:before {
  width: 100%
}
.tab-list.slick-current .tab-info a, .tab-list:hover .tab-info a {
  color: #194036;
  background-image: url(../image/ban-name02.png)
}
.banner .slick-slide {
  outline: 0
}
.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%
}
.ban-con .slick-prev {
  margin-left: -700px;
  background-image: url(../image/ban-arrow01.png)
}
.ban-con .slick-prev:hover {
  background-image: url(../image/ban-arrow03.png)
}
.ban-con .slick-next {
  right: auto;
  margin-left: -540px;
  background-image: url(../image/ban-arrow02.png)
}
.ban-con .slick-next:hover {
  background-image: url(../image/ban-arrow04.png)
}
.paging {
  position: absolute;
  z-index: 99;
  bottom: 56px;
  left: 50%;
  margin-left: -630px;
  color: #8c8c8c;
  font-size: 18px
}
.paging .cur {
  color: #194036;
  font-size: 28px;
  font-weight: 700
}
.btn-more {
  position: relative;
  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: #f0be4d;
  background: #255c4f;
  font-size: 20x;
  overflow: hidden
}
.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
}
.btn-more:hover:after {
  width: 100%
}
.btn-more:hover {
  color: #255c4f;
  background: #f0be4d
}
.ban-pic {
  float: right;
  width: 56%;
  position: relative;
  margin-top: 30px
}
.ban-pic:after {
  content: "";
  position: absolute;
  right: 0;
  top: -70px;
  width: 211px;
  height: 623px;
  background: url(../image/ban-right.png) no-repeat
}
.ban-pic span {
  position: absolute;
  right: -130px;
  top: 50%;
  margin-top: -26px;
  color: #f0be4d;
  font-size: 24px;
  line-height: 30px;
  width: 120px
}
.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
}
.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)
}
.index-about {
  padding: 150px 0 330px;
  background: url(../image/about-bg.jpg) #fff bottom right no-repeat
}
.about-pic {
  float: left;
  width: 40%
}
.about-info {
  float: right;
  width: 57%
}
.about-info h1 {
  color: #333;
  font-size: 46px;
  line-height: 1.1
}
.about-info p {
  color: #666;
  font-size: 18px;
  line-height: 36px;
  margin-top: 40px
}
.about-info ul {
  margin-top: 50px;
  margin-left: -3.3%
}
.about-info ul li {
  float: left;
  width: 30%;
  margin-left: 3.3%;
  text-align: center
}
.about-info ul li strong {
  display: block;
  color: #255c4f;
  font-size: 48px;
  line-height: 1.1
}
.about-info ul li p {
  margin-top: 4px
}
.about-info span {
  margin-top: 80px
}
.btn-price {
  display: inline-block;
  width: 280px;
  line-height: 70px;
  text-align: center;
  background-color: #f0be4d;
  -webkit-border-radius: 70px;
  -moz-border-radius: 70px;
  -ms-border-radius: 70px;
  -o-border-radius: 70px;
  border-radius: 70px;
  color: #333;
  font-size: 24px;
  cursor: pointer;
  position: relative;
  z-index: 0
}
.btn-price:before {
  content: "";
  position: absolute;
  left: -10px;
  top: -10px;
  right: -10px;
  bottom: -10px;
  background: rgba(240, 190, 77, .3);
  -webkit-border-radius: 70px;
  -moz-border-radius: 70px;
  -ms-border-radius: 70px;
  -o-border-radius: 70px;
  border-radius: 70px;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -ms-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
  z-index: -1
}
.btn-price:hover:before {
  background: rgba(240, 190, 77, .1)
}
.index-txt {
  text-align: center
}
.index-txt h2, .index-txt strong {
  color: #333;
  font-size: 46px;
  line-height: 1.1;
  display: block
}
.index-txt h2:after, .index-txt h2:before, .index-txt strong:after, .index-txt strong:before {
  content: '';
  display: inline-block;
  vertical-align: middle;
  width: 35px;
  height: 26px;
  background-repeat: no-repeat;
  margin-top: -6px
}
.index-txt h2:before, .index-txt strong:before {
  background-image: url(../image/tit-icon01.png);
  margin-right: 20px
}
.index-txt h2:after, .index-txt strong:after {
  background-image: url(../image/tit-icon02.png);
  margin-left: 20px
}
.index-txt p {
  color: #666;
  font-size: 18px;
  line-height: 30px;
  margin-top: 30px
}
.index-type {
  margin-top: -180px
}
.index-type ul {
  margin-top: 70px
}
.index-type li {
  float: left;
  width: 25%;
  position: relative;
  overflow: hidden
}
.index-type li:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: -35%;
  width: 100%;
  height: 35%;
  background: url(../image/case-txt.png) repeat-x bottom center;
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  -ms-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s;
  z-index: 1
}
.index-type li:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, .6);
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -ms-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s
}
.type-pic a img {
  width: 100%
}
.type-txt {
  position: absolute;
  bottom: 30px;
  z-index: 2;
  color: #bbb;
  line-height: 1.2;
  padding-left: 70px
}
.type-txt a {
  display: block;
  color: #bbb;
  font-size: 46px;
  font-weight: 700
}
.type-txt span {
  display: block;
  font-size: 18px;
  margin-top: 20px
}
.type-link {
  position: absolute;
  left: 50%;
  top: -50%;
  margin-left: -60px;
  margin-top: -60px;
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  -ms-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s;
  width: 120px;
  height: 120px
}
.type-link img {
  width: 100%;
  height: auto
}
.index-type li.type-on:after, .index-type li:hover:after {
  top: -100%
}
.index-type li.type-on:before, .index-type li:hover:before {
  bottom: 0
}
.index-type li.type-on .type-link, .index-type li:hover .type-link {
  top: 50%
}
.index-type li.type-on .type-txt, .index-type li.type-on .type-txt a, .index-type li:hover .type-txt, .index-type li:hover .type-txt a {
  color: #fff
}
.index-type li.type-on .type-txt a:hover, .index-type li:hover .type-txt a:hover {
  color: #f0be4d
}
.index-hot {
  padding-top: 120px;
  background: url(../image/bg-hot.png) no-repeat top center
}
.hot-pro {
  position: relative
}
.hot-txt {
  position: absolute;
  left: 0;
  top: 0;
  width: 36%
}
.base-txt h2, .base-txt strong, .hot-txt h2 {
  color: #333;
  font-size: 46px;
  line-height: 1.1;
  display: block
}
.base-txt p, .hot-txt p {
  color: #666;
  font-size: 18px;
  line-height: 36px;
  margin-top: 26px
}
.hot-con {
  float: left
}
.hot01 {
  width: 33.3%;
  margin-top: 190px
}
.hot02 {
  width: 25.7%;
  margin: 0 5%
}
.hot03 {
  width: 28.6%;
  margin-top: 128px;
  position: relative
}
.hot03:before {
  content: "";
  position: absolute;
  right: 0;
  top: -108px;
  width: 464px;
  height: 264px;
  background: url(../image/dot-hot.png) no-repeat
}
.hot-pic {
  display: block;
  position: relative;
  overflow: hidden
}
.hot-pic img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -ms-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
  margin: 0 5px;
}
.hot-pic img:hover {
  -moz-transform: scale(1.02);
  -ms-transform: scale(1.02);
  -o-transform: scale(1.02);
  -webkit-transform: scale(1.02);
  transform: scale(1.02)
}
.hot01 .hot-pic {
  padding-top: 68%
}
.hot02 .hot-pic {
  padding-top: 125%
}
.hot03 .hot-pic {
  padding-top: 100%
}
.hot-font {
  margin: 25px 0
}
.hot-font a {
  display: block;
  color: #333;
  font-size: 24px;
  line-height: 30px;
  font-weight: 700;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis
}
.hot-font a:hover {
  color: #255c4f
}
.hot-font a:before {
  content: '';
  display: inline-block;
  vertical-align: middle;
  width: 30px;
  height: 30px;
  background: url(../image/icon-pro.png) no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -ms-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  margin: -1px 10px 0 -4px
}
.hot-font p {
  color: #666;
  font-size: 18px;
  line-height: 30px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin-top: 12px;
  padding-left: 36px
}
.index-hot ul {
  margin-left: -2.6%;
  margin-top: 30px
}
.index-hot ul li {
  float: left;
  width: 22.4%;
  margin-left: 2.6%;
  z-index: 0
}
.hot-list {
  padding: 10px;
  position: relative
}
.hot-list:before {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 180px;
  background-repeat: no-repeat;
  background: url(../image/hot-list.png) no-repeat bottom left;
  -webkit-background-size: 100% 100%;
  -moz-background-size: 100% 100%;
  -ms-background-size: 100% 100%;
  -o-background-size: 100% 100%;
  background-size: 100% 100%;
  z-index: -1
}
.hot-yd .hot-list:before {
  background-image: url(../image/hot-lists.png)
}
.hot-list .hot-pic {
  padding-top: 73.9%
}
.index-pice {
  position: relative;
  margin-top: 80px
}
.index-pice > img {
  width: 100%;
  height: auto
}
.index-pice .pice {
  position: absolute;
  left: 34%;
  top: 50px;
  width: 56%
}
.index-pice .pice h2, .index-pice .pice strong {
  font-size: 46px;
  color: #fff;
  display: block
}
.index-pice .pice p {
  font-size: 18px;
  color: #dcdcdc;
  margin-top: 20px
}
.pice-bottom {
  margin-top: 50px
}
.pice-bottom .piceLeft {
  float: left;
  width: 70%
}
.pice-bottom .piceRight {
  float: right;
  margin-top: 10px;
  width: 30%
}
.pice-bottom .piceLeft strong {
  font-size: 26px;
  color: #f0be4d;
  display: block
}
.pice-bottom .piceLeft .btn-price {
  width: 350px;
  height: 90px;
  line-height: 90px;
  display: block;
  text-align: center;
  font-size: 24px;
  color: #1d2025;
  font-weight: 700;
  padding-right: 4%;
  margin-top: 60px;
  position: relative
}
.pice-bottom .piceLeft .btn-price:after {
  width: 24px;
  height: 23px;
  background: url(../image/fj.png) no-repeat;
  content: "";
  display: inline-block;
  position: absolute;
  left: 50%;
  margin-left: 100px;
  top: 50%;
  margin-top: -12.5px
}
.index-case {
  position: relative;
  padding-top: 90px;
  z-index: 10;
}
.index-case:before {
  content: "";
  position: absolute;
  left: 120px;
  top: 20px;
  width: 260px;
  height: 243px;
  background: url(../image/case-icon.png) no-repeat;
  z-index: -1
}
.txt-name {
  float: left;
  width: 700px
}
.txt-name h2 {
  color: #333;
  font-size: 46px;
  line-height: 1.1
}
.txt-name p {
  color: #666;
  font-size: 18px;
  line-height: 36px;
  margin-top: 20px
}
.txt-btn {
  float: right;
  margin-top: 50px
}
.txt-btn span, .txt-btn a {
  display: inline-block;
  line-height: 60px;
  padding: 0 40px;
  color: #f0be4d;
  font-size: 20px;
  font-weight: 700;
  background-color: #255c4f;
  -webkit-border-radius: 60px;
  -moz-border-radius: 60px;
  -ms-border-radius: 60px;
  -o-border-radius: 60px;
  border-radius: 60px;
  cursor: pointer;
  position: relative
}
.txt-btn span:after, .txt-btn a:after {
  content: "";
  position: absolute;
  left: 5px;
  top: 5px;
  right: 5px;
  bottom: 5px;
  border: 1px dashed #f0be4d;
  -webkit-border-radius: 60px;
  -moz-border-radius: 60px;
  -ms-border-radius: 60px;

  -o-border-radius: 60px;
  border-radius: 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
}
.txt-btn span:hover:after, .txt-btn a:hover:after {
  top: 8px;
  left: 8px;
  right: 8px;
  bottom: 8px
}
.case-no {
  display: none
}
.case-link {
  margin-left: -3%;
  margin-top: 66px
}
.case-link li {
  float: left;
  width: 30.3%;
  margin-left: 3%;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -ms-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s
}
.case-pic {
  margin-right: 7%
}
.case-pic a {
  display: block;
  position: relative;
  padding-top: 75%
}
.case-pic a img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%
}
.case-info {
  position: relative;
  padding: 26px 30px;
  margin-left: 6%;
  margin-top: -50px;
  background: url(../image/case-line.png) left top;
  -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, .1);
  -moz-box-shadow: 0 10px 20px rgba(0, 0, 0, .1);
  -ms-box-shadow: 0 10px 20px rgba(0, 0, 0, .1);
  -o-box-shadow: 0 10px 20px rgba(0, 0, 0, .1);
  box-shadow: 0 10px 20px rgba(0, 0, 0, .1)
}
.case-info:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 80px;
  height: 4px;
  background-color: #255c4f;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -ms-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease
}
.case-info h3 a {
  display: block;
  color: #333;
  font-size: 24px;
  line-height: 30px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding-right: 32px
}
.case-info h3 a:hover {
  color: #255c4f
}
.case-info p {
  color: #666;
  font-size: 16px;
  line-height: 30px;
  margin-top: 12px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis
}
.case-info p:before {
  content: '';
  display: inline-block;
  vertical-align: middle;
  width: 10px;
  height: 10px;
  border: 1px solid #255c4f;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  margin-right: 8px;
  margin-top: -3px
}
.case-more {
  position: absolute;
  right: 30px;
  top: 26px
}
.case-more img {
  width: 32px;
  height: auto
}
.case-link li:hover {
  -webkit-transform: translateY(-5px);
  -moz-transform: translateY(-5px);
  -o-transform: translateY(-5px);
  transform: translateY(-5px)
}
.case-link li:hover .case-info:before {
  width: 100%
}
.index-video {
  padding-bottom: 100px;
  margin-top: 120px;
  position: relative
}
.index-video:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 600px;
  background: url(../image/video-bg.png) #1d2025 no-repeat bottom center;
  z-index: -1
}
.video-base {
  float: left;
  width: 55%
}
.video-con {
  margin-top: 44px;
  position: relative
}
.video-btn {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 9;
  cursor: pointer
}
.video-btn img {
  position: absolute;
  width: 140px;
  height: 140px;
  left: 50%;
  top: 50%;
  margin-left: -70px;
  margin-top: -70px;
  z-index: 99
}
.video-con video {
  width: 100%;
  height: auto
}
.video-link {
  margin-top: 84px
}
.video-link strong {
  display: block;
  font-weight: 400;
  color: #fff;
  font-size: 36px;
  line-height: 1.1;
  text-align: center;
  position: relative;
  top: -20px
}
.video-link span {
  display: inline-block;
  margin-top: 60px;
  line-height: 70px;
  width: 260px;
  text-align: center;
  background: -webkit-linear-gradient(left, #fb2740 0, #fe5f60 100%);
  background: -moz-linear-gradient(left, #fb2740 0, #fe5f60 100%);
  background: -ms-linear-gradient(left, #fb2740 0, #fe5f60 100%);
  background: -o-linear-gradient(left, #fb2740 0, #fe5f60 100%);
  background: linear-gradient(to right, #fb2740 0, #fe5f60 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FB2740, endColorstr=#FE5F60, GradientType=1);
  -webkit-border-radius: 60px;
  -moz-border-radius: 60px;
  -ms-border-radius: 60px;
  -o-border-radius: 60px;
  border-radius: 60px;
  -webkit-box-shadow: 0 0 30px rgba(251, 39, 64, .2);
  -moz-box-shadow: 0 0 30px rgba(251, 39, 64, .2);
  -ms-box-shadow: 0 0 30px rgba(251, 39, 64, .2);
  -o-box-shadow: 0 0 30px rgba(251, 39, 64, .2);
  box-shadow: 0 0 30px rgba(251, 39, 64, .2);
  color: #fff;
  font-size: 24px;
  cursor: pointer;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -ms-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease
}
.video-link span:hover {
  margin-left: 8px
}
.video-info {
  float: right;
  width: 45%;
  position: relative;
  padding: 80px 6% 0 5%;
  color: #dcdcdc;
  font-size: 18px;
  line-height: 36px
}
.video-info:before {
  content: "";
  position: absolute;
  left: -25%;
  right: 0;
  top: 0;
  height: 100%;
  background-color: #1d2025;
  z-index: -1;
  -webkit-box-shadow: 0 0 50px rgba(29, 32, 37, .3);
  -moz-box-shadow: 0 0 50px rgba(29, 32, 37, .3);
  -ms-box-shadow: 0 0 50px rgba(29, 32, 37, .3);
  -o-box-shadow: 0 0 50px rgba(29, 32, 37, .3);
  box-shadow: 0 0 50px rgba(29, 32, 37, .3)
}
.video-info li {
  margin-bottom: 80px
}
.video-info strong {
  display: block;
  color: #fff;
  font-size: 24px
}
.video-info strong i {
  display: inline-block;
  color: #f0be4d;
  margin-right: 20px
}
.video-info p {
  margin-top: 18px
}
.index-news {
  margin-top: 100px
}
.index-news .index-txt {
  margin-bottom: 40px
}
.news-box {
  float: left;
  width: 47%
}
.box-fr {
  margin-left: 6%
}
.news-txt {
  line-height: 40px
}
.txt-more {
  float: right;
  width: 50px;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -ms-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s
}
.txt-more:hover {
  margin-right: -5px
}
.txt-con {
  overflow: hidden;
  display: block;
  color: #333;
  font-size: 30px;
  font-weight: 700
}
.txt-con:before {
  content: '';
  display: inline-block;
  vertical-align: middle;
  width: 49px;
  height: 34px;
  background: url(../image/tit-icon03.png) no-repeat;
  margin-right: 15px;
  margin-top: -2px
}
.txt-con:hover {
  color: #255c4f
}
.box-hot {
  margin-top: 30px
}
.box-hot li {
  padding: 20px;
  background-color: #fff;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
  -webkit-box-shadow: 0 3px 15px rgba(37, 92, 79, .15);
  -moz-box-shadow: 0 3px 15px rgba(37, 92, 79, .15);
  -ms-box-shadow: 0 3px 15px rgba(37, 92, 79, .15);
  -o-box-shadow: 0 3px 15px rgba(37, 92, 79, .15);
  box-shadow: 0 3px 15px rgba(37, 92, 79, .15);
  overflow: hidden;
  position: relative;
  margin-bottom: 40px
}
.box-pic {
  float: left;
  width: 200px
}
.box-pic a {
  display: block;
  position: relative;
  padding-top: 66.25%;
  overflow: hidden
}
.box-pic a:before {
  content: " ";
  position: absolute;
  z-index: 1;
  top: 20px;
  left: -200px;
  width: 240px;
  height: 40px;
  background: rgba(255, 255, 255, .3);
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-transition: all .15s ease-in-out;
  -o-transition: all .15s ease-in-out;
  -moz-transition: all .15s ease-in-out;
  transition: all .15s ease-in-out
}
.box-pic a:hover:before {
  margin-left: 400px
}
.box-pic a img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px
}
.box-info {
  display: block;
  overflow: hidden;
  padding: 6px 20px
}
.box-info a {
  display: block;
  color: #333;
  font-size: 18px;
  line-height: 28px;
  font-weight: 700;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis
}
.box-info a:hover {
  color: #255c4f
}
.box-info p.box-font {
  line-height: 26px;
  height: 52px;
  margin-top: 10px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2
}
.box-info span {
  display: inline-block;
  color: #aaa;
  font-size: 16px;
  margin-top: 12px
}
.box-more {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 42px;
  line-height: 42px;
  text-align: center;
  background-color: #255c4f;
  -webkit-border-top-left-radius: 10px;
  -moz-border-top-left-radius: 10px;
  -ms-border-top-left-radius: 10px;
  -o-border-top-left-radius: 10px;
  border-top-left-radius: 10px;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -ms-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s
}
.box-more:hover {
  width: 50px
}
.box-list li {
  line-height: 34px;
  margin-top: 40px
}
.box-list li span {
  float: right;
  width: 90px;
  margin-left: 20px;
  color: #aaa;
  font-size: 16px
}
.box-list li a {
  display: block;
  overflow: hidden;
  color: #666;
  font-size: 18px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -ms-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s
}
.box-list li a:before {
  content: '';
  display: inline-block;
  vertical-align: middle;
  width: 26px;
  height: 26px;
  background: url(../image/news-icon.png) no-repeat;
  margin-right: 8px;
  margin-top: -6px
}
.box-list li:hover a {
  margin-left: 4px;
  color: #255c4f
}
.index-cont {
  margin-top: 100px;
  position: relative;
  padding: 55px 66px;
  z-index: 1
}
.index-cont:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 82%;
  height: 100%;
  background-color: #255c4f;
  -webkit-border-radius: 0 20px 20px 0;
  -moz-border-radius: 0 20px 20px 0;
  -ms-border-radius: 0 20px 20px 0;
  -o-border-radius: 0 20px 20px 0;
  border-radius: 0 20px 20px 0;
  z-index: -1
}
.index-cont:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -7px;
  width: 259px;
  height: 400px;
  background: url(../image/pic-head01.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%
}
.cont-font {
  float: left;
  color: #fff;
  font-size: 30px;
  line-height: 30px;
  font-weight: 700;
  margin-left: 12px;
  margin-top: -40px
}
.cont-font p {
  margin-top: 60px
}
.cont-font i {
  display: inline-block;
  color: #f0be4d
}
.cont-edit {
  float: left;
  margin-left: 20px
}
.edit-area, .edit-btn, .edit-text {
  float: left;
  margin-left: 30px
}
.edit-text {
  margin-top: -30px
}
.edit-text label {
  display: block;
  margin-top: 30px;
  position: relative
}
.edit-text label i {
  position: absolute;
  color: #ff3434;
  top: 16px;
  right: 10px;
  font-size: 20px
}
.edit-area textarea, .edit-text label input {
  background-color: rgba(255, 255, 255, .1);
  border: 1px solid #fff;
  width: 260px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  color: #eee;
  font-size: 18px;
  padding: 17px 16px
}
.edit-area label {
  display: block
}
.edit-area textarea {
  line-height: 36px;
  height: 154px;
  padding-top: 8px;
  padding-bottom: 8px
}
.edit-btn button {
  position: relative;
  background: -webkit-linear-gradient(left, #f0be4d 0, #fbda8f 50%, #f0be4d 100%);
  background: -moz-linear-gradient(left, #f0be4d 0, #fbda8f 50%, #f0be4d 100%);
  background: -ms-linear-gradient(left, #f0be4d 0, #fbda8f 50%, #f0be4d 100%);
  background: -o-linear-gradient(left, #f0be4d 0, #fbda8f 50%, #f0be4d 100%);
  background: linear-gradient(to right, #f0be4d 0, #fbda8f 50%, #f0be4d 100%);
  width: 150px;
  height: 73px;
  color: #333;
  font-size: 24px;
  font-weight: 700;
  line-height: 48px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
  cursor: pointer;
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  -ms-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s
}
.edit-btn button:before {
  content: "";
  position: absolute;
  left: 0;
  top: 8px;
  width: 100%;
  height: 100%;
  background-color: #a47a1a;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
  z-index: -1;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -ms-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s
}
.edit-btn button:hover {
  height: 73px;
  color: #255c4f
}
.edit-btn button:hover:before {
  top: 0
}
.index-link {
  position: relative;
  padding: 50px 0;
  background-color: #f5f5f5;
  z-index: 0
}
.index-link:before {
  content: "";
  position: absolute;
  left: 106px;
  top: -130px;
  right: 0;
  bottom: 0;
  background-color: #393b45;
  -webkit-border-bottom-left-radius: 20px;
  -moz-border-bottom-left-radius: 20px;
  -ms-border-bottom-left-radius: 20px;
  -o-border-bottom-left-radius: 20px;
  border-bottom-left-radius: 20px;
  z-index: -1
}
.link-con {
  float: left;
  width: 20%;
  margin-left: 11.1%
}
.link-fl {
  margin-left: 0
}
.link-con a {
  color: #b3b3b3;
  font-size: 16px;
  line-height: 45px;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -ms-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s
}
.link-con a:hover {
  color: #fff;
  font-size: 14px
}
.link-con dt {
  margin-bottom: 20px
}
.link-con dt a {
  color: #fff;
  font-size: 30px;
  font-weight: 700
}
.link-con dt a:hover {
  color: #f0be4d;
  font-size: 30px
}
.link-care {
  float: right;
  width: 37%;
  margin-top: 10px;
  margin-left: 5%
}
.link-care p {
  color: #bebebf;
  font-size: 18px;
  line-height: 1.2;
  margin-bottom: 36px
}
.link-care p strong {
  color: #f0be4d;
  font-size: 30px;
  padding-left: 5px;
  position: relative;
  top: 2px
}
.link-care p.care-txt {
  color: #81dac5;
  font-size: 24px
}
.index-foot {
  background-color: #f5f5f5;
  padding: 20px 0 40px;
  text-align: center;
  font-size: 14px;
  color: #666;
  line-height: 24px
}
.foot-link a {
  display: inline-block;
  color: #666;
  margin-right: 12px
}
.foot-link a:hover {
  color: #194036
}
.index-foot p {
  margin-top: 20px
}
.index-foot p a {
  color: #194036;
  margin: 0 12px
}
.index-foot p a:hover {
  text-decoration: underline
}
.index-footer {
  background-color: #34363b;
  color: #fff;
  font-size: 14px;
  text-align: center;
  line-height: 24px;
  padding: 18px 0
}
/* about style */
.head-con .nav li a {
  color: #fff
}
.head-con .nav li.nav-on a, .head-con .nav li:hover a {
  color: #f0be4d
}
.top-about {
  padding-top: 156px;
  background-repeat: no-repeat;
  -webkit-background-size: 100%;
  -moz-background-size: 100%;
  -ms-background-size: 100%;
  -o-background-size: 100%;
  background-size: 100%;
  background-image: url(../image/about-con.jpg);
  background-position: top right
}
.place-show {
  font-size: 14px;
  line-height: 30px;
  color: #888
}
.place-show i {
  display: inline-block;
  color: #acacac
}
.place-show ol {
  display: inline-block
}
.place-show ol li {
  display: inline-block;
  padding: 0 2px
}
.place-show ol li a {
  color: #acacac
}
.place-show ol li a:hover {
  color: #f0be4d
}
.about-streng {
  margin-top: 70px;
  width: 100%
}
.about-txt h1, .about-txt h2, .about-txt strong {
  color: #f0be4d;
  font-size: 46px;
  line-height: 1.1;
  display: block
}
.about-txt h1 {
  font-size: 48px
}
.about-txt p {
  color: #d3d3d3;
  font-size: 18px;
  line-height: 36px;
  margin-top: 60px;
  padding-bottom: 10%;
}
.area-btn {
  display: inline-block;
  width: 200px;
  line-height: 70px;
  background: url(../image/area-btn.png) no-repeat;
  color: #fff;
  font-size: 22px;
  padding-left: 40px;
  position: relative;
  margin-top: 24px;
  cursor: pointer
}
.area-btn:before {
  content: "";
  position: absolute;
  right: 32px;
  top: 20px;
  width: 30px;
  height: 30px;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -ms-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
  background: url(../image/area-icon.png) no-repeat
}
.area-btn:hover {
  color: #f0be4d
}
.area-btn:hover:before {
  right: 28px
}
.about-video {
  margin-top: 70px
}
.about-video span {
  display: inline-block;
  width: 250px;
  line-height: 90px;
  background: url(../image/video-about.png) no-repeat;
  text-align: center;
  color: #fff;
  font-size: 22px;
  text-indent: -40px;
  cursor: pointer;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -ms-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease
}
.about-video span:hover {
  font-size: 24px;
  color: #f0be4d
}
.popu-video {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: -100%;
  -webkit-transition: .3s;
  -ms-transition: .3s;
  -moz-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
  opacity: 0;
  filter: alpha(opacity=0);
  z-index: 9999
}
.popu-video.open {
  top: 0;
  opacity: 1;
  filter: alpha(opacity=100)
}
.popu-bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, .6)
}
.popu-video .video-show {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 1;
  width: 92%;
  max-width: 1000px
}
.popu-video .video-show video {
  display: block;
  width: 100%;
  height: auto
}
.popu-video .video-close {
  position: absolute;
  right: 0;
  top: -50px;
  font-size: 40px;
  line-height: 1;
  color: #fff;
  cursor: pointer;
  font-weight: 400;
  font-style: normal
}
.about-honor {
  margin-top: 50px;
  position: relative;
  z-index: 0;
  font-size: 0
}
.about-honor:before {
  content: "";
  position: absolute;
  left: 0;
  top: 66px;
  bottom: 66px;
  width: 50%;
  border: 6px solid #f0be4d;
  z-index: -1
}
.honor-info {
  display: inline-block;
  vertical-align: middle;
  width: 48%;
  padding: 0 46px
}
.honor-info p {
  margin-top: 50px
}
.honor-pic {
  display: inline-block;
  vertical-align: middle;
  width: 52%
}
.honor-pic img {
  width: 100%;
  height: auto
}
.about-vie {
  margin-top: 110px
}
.vie-pic {
  float: left;
  width: 48%
}
.vie-pic img {
  width: 100%;
  height: auto;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px
}
.vie-info {
  float: left;
  width: 52%;
  padding-top: 24px;
  padding-left: 70px
}
.vie-info p {
  margin-top: 40px
}
.vie-info li {
  margin-top: 72px;
  color: #d3d3d3;
  font-size: 18px
}
.vie-info li:before {
  content: '';
  display: inline-block;
  vertical-align: middle;
  width: 79px;
  height: 34px;
  background: url(../image/about-line.png) no-repeat;
  margin-top: -20px;
  margin-right: 24px
}
.vie-info li strong {
  display: inline-block;
  vertical-align: bottom;
  font-size: 48px;
  line-height: 1;
  margin-right: 18px;
  color: #fff
}
.vie-info li strong i {
  font-size: 26px;
  position: relative;
  bottom: 0;
  margin-left: 5px
}
.about-area {
  margin-top: 66px;
  background: url(../image/about-pic.jpg) no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -ms-background-size: cover;
  -o-background-size: cover;
  background-size: cover
}
.area-info {
  float: left;
  width: 50%;
  padding: 50px 40px
}
.area-pic {
  float: left;
  width: 50%
}
.pic-tab {
  position: relative;
  padding-top: 64.3%
}
.pic-tab img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%
}
.area-pic .slick-next:before, .area-pic .slick-prev:before {
  display: none
}
.area-pic .slick-next, .area-pic .slick-prev {
  font-size: 0;
  top: auto;
  left: 0;
  bottom: 72px;
  z-index: 99;
  width: 32px;
  height: 24px;
  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%
}
.area-pic .slick-prev {
  margin-left: -226px;
  background-image: url(../image/area-arrow01.png)
}
.area-pic .slick-prev:hover {
  background-image: url(../image/area-arrow03.png)
}
.area-pic .slick-next {
  margin-left: -80px;
  background-image: url(../image/area-arrow02.png)
}
.area-pic .slick-next:hover {
  background-image: url(../image/area-arrow04.png)
}
.about-area {
  position: relative;
  z-index: 1
}
.about-area .pagings {
  position: absolute;
  bottom: 63px;
  left: 50%;
  margin-left: -172px;
  color: #8c8c8c;
  font-size: 18px
}
.about-area .pagings .cur {
  color: #fff;
  font-size: 28px;
  font-weight: 700
}
.about-union {
  position: relative;
  padding-top: 110px;
  z-index: 0
}
.about-price {
  position: relative
}
.price-info {
  width: 50%
}
.price01 {
  background-color: #2b6c5c;
  color: #fff
}
.price01:before {
  background: rgba(43, 108, 92, .3)
}
.price01:hover:before {
  background: rgba(43, 108, 92, .1)
}
.price-con {
  margin-top: 70px
}
.price-con img {
  margin-left: 20px
}
.price-pic {
  position: absolute;
  left: 50%;
  top: 10px;
  width: 41%
}
.price-pic img {
  width: 100%;
  height: auto
}
.about-nation p {
  text-align: center
}
.about-nation p img {
  width: 100%;
  height: auto;
  margin-top: 25px
}
.about-ser {
  position: relative;
  padding-top: 120px;
  margin-top: 110px;
/*  background: url(../image/about-ser.jpg) no-repeat;*/
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -ms-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  overflow: hidden
}
.about-ser li {
  float: left;
  width: 49.6%;
/*  color: #fff;*/
  font-size: 20px;
  line-height: 48px;
  margin-bottom: 130px;
  position: relative;
  padding-left: 36px
}
.about-ser li:before {
  content: "";
  position: absolute;
  left: 6px;
  top: 8px;
  width: 4px;
  height: 80px;
  background-color: #ffc747
}
.about-ser li.ser-no:before {
  display: none
}
.about-ser li i {
  color: #ffc747
}
.ser-font {
  position: absolute;
  left: 52%;
  top: 40%;
  width: 570px;
  z-index: 2
}
.ser-font strong {
  color: #ffc747;
  font-size: 48px;
  line-height: 1.1
}
.ser-font p {
  color: #d3d3d3;
  font-size: 18px;
  line-height: 36px;
  margin-top: 40px
}
.ser-shield {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -100px;
  margin-left: -328px
}
.ser-shield span {
  position: relative;
  display: inline-block;
  width: 160px;
  height: 160px;
  text-align: center;
  line-height: 160px;
  background: rgba(255, 199, 71, .05);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  z-index: 6
}
.shield-con {
  position: relative;
  z-index: 0
}
.shield-line {
  position: absolute;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background: rgba(255, 199, 71, .05);
  opacity: 1;
  z-index: -1
}
.shield-con:before {
  content: "";
  position: absolute;
  z-index: 0;
  left: 50%;
  top: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  width: 600px;
  height: 600px;
  background: rgba(255, 199, 71, .05);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -webkit-animation: pulse-border 1.5s ease-out infinite;
  animation: pulse-border 1.5s ease-out infinite
}
.shield-con:after {
  content: "";
  position: absolute;
  z-index: 1;
  left: 50%;
  top: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  display: block;
  width: 400px;
  height: 400px;
  background: rgba(255, 199, 71, .05);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  transition: all .2s;
  -webkit-transition: all .2s;
  -moz-transition: all .2s;
  -ms-transition: all .2s;
  -o-transition: all .2s
}
@-webkit-keyframes pulse-border {
  0% {
    -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
    opacity: 0;
  }
}
@keyframes pulse-border {
  0% {
    -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
    opacity: 0;
  }
}
/* service style */
.top-con {
  padding-top: 155px;
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -ms-background-size: cover;
  -o-background-size: cover;
  background-size: cover
}
.top-ser {
  background-image: url(../image/bantop-ser.jpg)
}
.top-pro {
  background-image: url(../image/bantop-pro.jpg);
  padding-bottom: 100px
}
.top-case {
  background-image: url(../image/bantop-case.jpg);
  padding-bottom: 100px
}
.top-news {
  background-image: url(../image/bantop-news.jpg);
  padding-bottom: 100px
}
.top-base {
  padding: 70px 0
}
.top-base h1 {
  display: inline-block;
  color: #f0be4d;
  font-size: 48px;
  line-height: 1.1
}
.top-base p {
  color: #d3d3d3;
  font-size: 18px;
  line-height: 30px;
  margin-top: 55px
}
.ser-idea {
  padding: 80px 0;
  background-color: #f4f4f4
}
.ser-idea ul {
  margin-left: -3%;
  margin-top: 50px
}
.ser-idea ul li {
  float: left;
  width: 30.3%;
  margin-left: 3%;
  position: relative
}
.ser-idea ul li img {
  width: 100%;
  height: auto;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px
}
.ser-idea ul li strong {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 112px;
  height: 74px;
  line-height: 77px;
  background: url(../image/ser-idea.png) no-repeat;
  color: #fff;
  font-size: 24px;
  z-index: 2;
  padding-left: 24px
}
.ser-idea ul li p {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 90px;
  background-color: #f0be4d;
  line-height: 50px;
  text-align: center;
  padding-left: 6px;
  color: #333;
  font-size: 18px;
  -webkit-border-bottom-right-radius: 10px;
  -moz-border-bottom-right-radius: 10px;
  -ms-border-bottom-right-radius: 10px;
  -o-border-bottom-right-radius: 10px;
  border-bottom-right-radius: 10px
}
.ser-flow {
  margin-top: 75px
}
.ser-flow ul {
  margin-left: -5%;
  margin-top: 55px
}
.ser-flow ul li {
  float: left;
  width: 11.6%;
  margin-left: 5%;
  text-align: center;
  position: relative
}
.ser-flow ul li:after {
  content: "";
  position: absolute;
  right: -28%;
  top: 33%;
  width: 20px;
  height: 32px;
  background: url(../image/ser-flow.png) no-repeat
}
.ser-flow ul li.flow-last:after {
  display: none
}
.ser-flow ul li img {
  max-width: 100%;
  height: auto;
  -webkit-transition: all .8s cubic-bezier(.5, 0, .2, 1) 0s;
  transition: all .8s cubic-bezier(.5, 0, .2, 1) 0s;
  -moz-transition: all .8s cubic-bezier(.5, 0, .2, 1) 0s;
  -ms-transition: all .8s cubic-bezier(.5, 0, .2, 1) 0s;
  -o-transition: all .8s cubic-bezier(.5, 0, .2, 1) 0s
}
.ser-flow ul li:hover img {
  transform: rotateY(0) rotateZ(360deg) rotateX(0);
  -webkit-transform: rotateY(0) rotateZ(360deg) rotateX(0);
  -moz-transform: rotateY(0) rotateZ(360deg) rotateX(0);
  -ms-transform: rotateY(0) rotateZ(360deg) rotateX(0);
  -o-transform: rotateY(0) rotateZ(360deg) rotateX(0)
}
.ser-flow ul li p {
  color: #666;
  font-size: 18px;
  line-height: 24px;
  margin: 20px 0
}
.ser-parts {
  margin-top: 80px;
  padding: 80px 0 90px;
  background-color: #f4f4f4
}
.part-info {
  float: left;
  width: 65%
}
.part-con {
  position: relative;
  margin-top: 52px
}
.part-con span {
  position: absolute;
  left: 0;
  top: -6px;
  cursor: pointer
}
.part-con span img {
  width: 100%;
  height: auto
}
.part-pic {
  float: right;
  width: 30%
}
.part-pic img {
  width: 100%;
  height: auto
}
/* product style */
.pro-cons {
  position: relative;
  margin-top: -95px;
  z-index: 0;
  padding-top: 50px
}
.pro-cons:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
  -webkit-border-radius: 40px 40px 0 0;
  -moz-border-radius: 40px 40px 0 0;
  -ms-border-radius: 40px 40px 0 0;
  -o-border-radius: 40px 40px 0 0;
  border-radius: 40px 40px 0 0;
  z-index: -1
}
.more-btn {
  float: right;
  width: 200px;
  line-height: 50px;
  background: url(../image/more-btn.png) no-repeat;
  color: #fff;
  font-size: 22px;
  padding-left: 40px;
  position: relative;
  top: 10px
}
.more-btn:after, .more-btn:before {
  content: "";
  position: absolute;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -ms-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s
}
.more-btn:before {
  right: 10px;
  top: 10px;
  width: 30px;
  height: 30px;
  background: url(../image/more-icon.png) no-repeat
}
.more-btn:after {
  right: 20px;
  top: 19px;
  width: 27px;
  height: 12px;
  background: url(../image/more-arrow.png) no-repeat
}
.more-btn:hover {
  color: #f0be4d
}
.more-btn:hover:before {
  right: 24px
}
.more-btn:hover:after {
  right: 10px
}
.pro-txt p {
  color: #666;
  font-size: 18px;
  line-height: 36px;
  margin-top: 10px
}
.pro-con {
  max-width: 1280px;
  margin: 0 auto
}
.pro-con ul {
  margin-top: 34px;
  margin-left: -2.1%;
  padding-bottom: 100px
}
.pro-con ul li {
  float: left;
  width: 31.2%;
  margin: 0 1% 2% 1%;
  background: url(../image/pro-line.png);
  -webkit-box-shadow: 0 3px 2px rgba(247, 171, 0, .3);
  -moz-box-shadow: 0 3px 2px rgba(247, 171, 0, .3);
  -ms-box-shadow: 0 3px 2px rgba(247, 171, 0, .3);
  -o-box-shadow: 0 3px 2px rgba(247, 171, 0, .3);
  box-shadow: 0 3px 2px rgba(247, 171, 0, .3);
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -ms-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s
}
.pro-con ul li:hover {
  -webkit-transform: translateY(-5px);
  -moz-transform: translateY(-5px);
  -o-transform: translateY(-5px);
  transform: translateY(-5px)
}
.pro-pic {
  position: relative;
  padding-top: 73.9%;
  display: block
}
.pro-pic img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px
}
.pro-info {
  padding: 30px 12px
}
.pro-info a {
  display: block;
  color: #333;
  font-size: 24px;
  line-height: 30px;
  font-weight: 700;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin-bottom: 10px
}
.pro-info a:hover {
  color: #255c4f
}
.pro-info a:before {
  content: '';
  display: inline-block;
  vertical-align: middle;

  width: 30px;
  height: 30px;
  background: url(../image/icon-pro.png) no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -ms-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  margin: -1px 10px 0 -4px
}
.pro-info p {
  color: #666;
  font-size: 18px;
  line-height: 42px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis
}
/* case style */
.color-bg {
  background-color: #f5f5f5
}
.case-con {
  position: relative;
  margin-top: -95px
}
.case-tab {
  padding: 40px 0;
  background: url(../image/case-line.png) left top;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
  -webkit-box-shadow: 0 5px 20px rgba(37, 92, 79, .15);
  -moz-box-shadow: 0 5px 20px rgba(37, 92, 79, .15);
  -ms-box-shadow: 0 5px 20px rgba(37, 92, 79, .15);
  -o-box-shadow: 0 5px 20px rgba(37, 92, 79, .15);
  box-shadow: 0 5px 20px rgba(37, 92, 79, .15)
}
.case-tab1 {
  padding: 40px 0;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
  -webkit-box-shadow: 0 5px 20px rgba(37, 92, 79, .15);
  -moz-box-shadow: 0 5px 20px rgba(37, 92, 79, .15);
  -ms-box-shadow: 0 5px 20px rgba(37, 92, 79, .15);
  -o-box-shadow: 0 5px 20px rgba(37, 92, 79, .15);
  box-shadow: 0 5px 20px rgba(37, 92, 79, .15)
}
.case-tab li {
  float: left;
  width: 20%;
  text-align: center;
  color: #666;
  font-size: 24px;
  line-height: 40px;
  position: relative;
  cursor: pointer
}
.case-tab li:after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  width: 1px;
  height: 100%;
  background-color: #aaa
}
.case-tab li:last-child:after {
  display: none
}
.case-tab li.case-on, .case-tab li:hover {
  color: #2b6c5c;
  font-weight: 700
}
.case-list li {
  margin-bottom: 80px
}
/* news style */
.news-con {
  margin-top: -95px;
  padding: 70px 60px;
  background-color: #fff;
  -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
}
.hot-news {
  position: relative;
  float: left;
  width: 62.5%
}
.news-pic {
  position: relative;
  padding-top: 66.25%;
  display: block;
  overflow: hidden;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px
}
.news-pic img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -ms-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease
}
.hot-news:hover img {
  -webkit-transform: scale(1.02);
  -moz-transform: scale(1.02);
  -ms-transform: scale(1.02);
  -o-transform: scale(1.02);
  transform: scale(1.02)
}
.hot-name {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 168px;
  background: url(../image/news-hotbg01.png) no-repeat;
  -webkit-background-size: 100%;
  -moz-background-size: 100%;
  -ms-background-size: 100%;
  -o-background-size: 100%;
  background-size: 100%;
  padding: 16px 50px;
  -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
}
.hot-name a {
  display: block;
  color: #fff;
  font-size: 30px;
  font-weight: 700;
  line-height: 1.1;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis
}
.hot-name a:hover {
  color: #f0be4d
}
.hot-name p {
  color: #d3d3d3;
  font-size: 18px;
  line-height: 36px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  margin-top: 20px
}
.hot-link {
  float: right;
  width: 30%;
  margin-top: 110px;
  padding: 44px 40px;
  background: -webkit-linear-gradient(left, #368873 0, #255c4f 100%);
  background: -moz-linear-gradient(left, #368873 0, #255c4f 100%);
  background: -ms-linear-gradient(left, #368873 0, #255c4f 100%);
  background: -o-linear-gradient(left, #368873 0, #255c4f 100%);
  background: linear-gradient(to right, #368873 0, #255c4f 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#368873, endColorstr=#255C4F, GradientType=1);
  position: relative;

  z-index: 0;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
  border-radius: 20px;
  -webkit-box-shadow: 0 5px 20px rgba(0, 0, 0, .15);
  -moz-box-shadow: 0 5px 20px rgba(0, 0, 0, .15);
  -ms-box-shadow: 0 5px 20px rgba(0, 0, 0, .15);
  -o-box-shadow: 0 5px 20px rgba(0, 0, 0, .15);
  box-shadow: 0 5px 20px rgba(0, 0, 0, .15)
}
.hot-link:after {
  content: "";
  position: absolute;
  left: 6px;
  top: 6px;
  right: 6px;
  bottom: 6px;
  background: url(../image/link-bg.png);
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  -ms-border-radius: 16px;
  -o-border-radius: 16px;
  border-radius: 16px;
  z-index: -1
}
.hot-link li {
  color: #255c4f;
  font-size: 18px;
  font-weight: 700;
  line-height: 36px;
  margin-bottom: 20px
}
.hot-link li:before {
  content: '';
  display: inline-block;
  vertical-align: middle;
  width: 26px;
  height: 26px;
  background: url(../image/link-icon.png) no-repeat;
  margin-right: 8px;
  margin-top: -2px
}
.hot-link p {
  color: #333;
  font-size: 18px;
  line-height: 36px
}
.link-btn {
  position: absolute;
  left: 0;
  top: -96px;
  width: 220px;
  height: 62px;
  color: #fff;
  font-size: 22px;
  line-height: 56px;
  padding-left: 20px;
  background: url(../image/link-btn.png) no-repeat;
}
.link-head {
  position: absolute;
  right: 0;
  top: -110px;
  width: 134px
}
.link-head img {
  width: 100%;
  height: auto
}
.link-sell {
  position: absolute;
  top: -5px;
  right: -12px;
  width: 196px;
  height: 196px;
  background: url(../image/link-sell.png) no-repeat;
  color: #fff;
  font-size: 24px;
  line-height: 36px;
  padding: 16px 33px;
  text-align: right
}
.link-sell strong {
  display: block;
  color: #f0be4d;
  line-height: 1.1
}
.link-sell strong i {
  font-size: 48px;
  margin-right: 3px;
  position: relative;
  top: 3px
}
.link-tel {
  position: absolute;
  left: -17px;
  bottom: -55px;
  width: 301px;
  height: 135px;
  background: url(../image/link-tel.png) no-repeat;
  color: #f0be4d;
  font-size: 24px;
  font-weight: 700;
  line-height: 135px;
  padding-left: 50px
}
.news-hots {
  margin-top: 40px
}
.news-hots ul {
  margin-left: -4.7%
}
.news-hots ul li {
  float: left;
  width: 45.3%;
  margin-left: 4.7%;
  position: relative;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
  overflow: hidden
}
.hots-pic {
  position: relative;
  padding-top: 42.6%;
  display: block
}
.hots-pic img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -ms-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease
}
.news-hots ul li:hover img {
  -webkit-transform: scale(1.02);
  -moz-transform: scale(1.02);
  -ms-transform: scale(1.02);
  -o-transform: scale(1.02);
  transform: scale(1.02)
}
.hots-name {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 147px;
  background: url(../image/news-hotbg02.png) no-repeat;
  -webkit-background-size: 100%;
  -moz-background-size: 100%;
  -ms-background-size: 100%;
  -o-background-size: 100%;
  background-size: 100%;
  padding: 84px 30px 10px;
  -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;
  color: #fff;
  font-size: 24px;
  font-weight: 700;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis
}
.news-hots ul li:hover .hots-name {
  color: #f0be4d
}
.news-list {
  margin-top: 36px
}
.news-list ul {
  margin-left: -4.7%
}
.news-list li {
  float: left;
  width: 45.3%;
  margin-left: 4.7%;
  line-height: 34px;
  margin-top: 40px
}
.news-list li span {
  float: right;
  width: 90px;
  margin-left: 20px;
  color: #aaa;
  font-size: 16px
}
.news-list li a {
  display: block;
  overflow: hidden;
  color: #666;
  font-size: 18px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -ms-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s
}
.news-list li a:before {
  content: '';
  display: inline-block;
  vertical-align: middle;
  width: 26px;
  height: 26px;
  background: url(../image/news-icon.png) no-repeat;
  margin-right: 8px;
  margin-top: -6px
}
.news-list li:hover a {
  margin-left: 4px;
  color: #255c4f
}
.main-page {
  position: relative;
  width: 100%;
  color: #333;
  font-size: 16px;
  line-height: 38px;
  text-align: center;
  margin: 70px auto 0
}
.main-page a, .main-page span {
  display: inline-block;
  color: #666;
  margin: 0 5px;
  padding: 0 14px;
  border: 1px solid #dedfe0;
  background-color: #fff;
  cursor: pointer
}
.main-page .current {
  color: #fff;
  border: 1px solid #255c4f;
  background-color: #255c4f
}
.pagination {
  display: inline-block;
  margin: 0 auto
}
.pagination li {
  float: left
}
.active span, .disabled span {
  cursor: default
}
.page-active span {
  border: 1px solid #255c4f;
  cursor: default;
  display: block;
  padding: 2px;
  width: 40px;
  height: 40px;
  line-height: 35px;
  text-align: center
}
.main-page a:hover, .page-active span, .pagination .active span, .ul-tab-page .on a {
  color: #fff;
  border: 1px solid #255c4f;
  background: #255c4f;
  -webkit-box-shadow: 0 5px 10px -2px rgba(37, 92, 79, .35);
  box-shadow: 0 5px 10px -2px rgba(37, 92, 79, .35)
}
.pagination ul {
  display: inline-block
}
.dn {
  display: none
}
.t-page {
  box-sizing: inherit;
  display: none;
  position: absolute;
  left: 50%;
  width: 600px;
  bottom: 80px;
  margin-left: -300px;
  padding: 26px 26px 10px;
  border: 1px solid #dedfe0;
  z-index: 10;
  background-color: #fff
}
.t-page .close {
  position: absolute;
  right: 0;
  top: 5px;
  width: 30px;
  height: 30px;
  line-height: 30px;
  color: #333;
  cursor: pointer
}
.t-page .ico {
  content: '';
  position: absolute;
  bottom: -12px;
  left: 50%;
  margin-left: -12px;
  width: 0;
  height: 0;
  border-width: 12px 12px 0;
  border-style: solid;
  border-color: #dedfe0 transparent transparent
}
.t-page .ico em {
  content: '';
  position: absolute;
  bottom: 1px;
  left: -12px;
  width: 0;
  height: 0;
  border-width: 12px 12px 0;
  border-style: solid;
  border-color: #fff transparent transparent
}
.ul-page {
  text-align: center;
  overflow: hidden
}
.ul-page li {
  float: left;
  margin-bottom: 10px
}
.ul-page li a {
  display: block;
  padding: 2px;
  width: 40px;
  height: 40px;
  line-height: 35px;
  border: 1px solid #cacaca;
  text-align: center
}
.ul-page li a, .ul-page li span {
  margin: 0 7px
}
.ul-tab-page {
  overflow: hidden;
  margin-top: 20px
}
.ul-tab-page li {
  float: left;
  width: 20%;
  text-align: center;
  margin-bottom: 15px
}
.ul-tab-page li a {
  display: block;
  font-size: 16px;
  color: #333;
  padding: 0 12px;
  line-height: 36px;
  border: 1px solid #f5f5f5;
  background-color: #f5f5f5
}
/* 案例内页 */
.pro-page {
  background-image: url(../image/page-pro.jpg);
  padding-bottom: 80px
}
.case-page {
  background-image: url(../image/page_case.jpg);
  padding-bottom: 80px
}
.page-top {
  margin-top: -25px
}
.page-top .page-left {
  float: left;
  width: 48%;
  max-width: 670px;
  position: relative;
  z-index: 2;
  margin-top: 71px
}
.page-top .page-left img {
  width: 100%;
  border-radius: 10px 60px 0 60px;
  -webkit-border-radius: 10px 60px 0 60px;
  -moz-border-radius: 10px 60px 0 60px;
  -ms-border-radius: 10px 60px 0 60px;
  -o-border-radius: 10px 60px 0 60px;
  box-shadow: 0 3px 49px rgba(8, 39, 42, .2)
}
.page-top .page-right {
  float: right;
  width: 70%;
  margin-left: -20%;
  margin-right: 7px;
  background-color: #fff;
  position: relative;
  z-index: 1;
  padding: 70px 50px 0 22%;
  border-top-left-radius: 100px;
  height: 590px
}
.page-top .page-right:before {
  width: 107px;
  height: 89px;
  background: url(../image/yq.png) no-repeat;
  background-size: 100% 100%;
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0
}
.page-top .page-right:after {
  background: url(../image/sj_a.png) no-repeat;
  width: 256px;
  height: 224px;
  background-size: 100% 100%;
  content: "";
  display: block;
  position: absolute;
  right: -22px;
  bottom: -22px
}
.page-top .page-right h1 {
  font-size: 36px;
  color: #333
}
.page-top .page-right li {
  font-size: 18px;
  color: #4d4f53;
  margin-top: 30px;
  padding-left: 60px;
  position: relative;
  line-height: 2em
}
.page-top .page-right li:before {
  width: 54px;
  height: 46px;
  background: url(../image/fk.png) no-repeat;
  background-size: 100% 100%;
  position: absolute;
  left: -10px;
  top: -3px;
  content: "";
  display: block
}
.page-top .page-right .box {
  margin-top: 50px
}
.page-top .page-right .box .box-left {
  float: left
}
.page-top .page-right .box .box-left p {
  font-size: 18px;
  color: #4d4f53
}
.page-top .page-right .box .box-left strong {
  font-size: 28px;
  color: #255c4f
}
.page-top .page-right .box .box-right {
  width: 256px;
  height: 75px;
  line-height: 75px;
  position: relative;
  z-index: 100
}
.page-top .page-right .box .box-right span {
  display: block;
  text-align: center;
  cursor: pointer;
  box-shadow: 0 5px 20px rgba(49, 72, 125, .3);
  border-radius: 30px 10px 10px 0;
  -webkit-border-radius: 30px 10px 10px 0;
  -moz-border-radius: 30px 10px 10px 0;
  -ms-border-radius: 30px 10px 10px 0;
  -o-border-radius: 30px 10px 10px 0;
  background: #FFF;
  font-size: 24px;
  color: #206268;
  font-weight: 700
}
.nicond1 {
  position: absolute;
  right: 0;
  top: 0;
  display: none;
}
.page-top .page-right .box .box-right:before {
  background: url(../image/d_bg.png) no-repeat;
  width: 171px;
  height: 66px;
  content: "";
  display: block;
  position: absolute;
  right: -44%;
  top: 5px;
  z-index: -1;
  transition: all .6s ease;
  -webkit-transition: all .6s ease;
  -moz-transition: all .6s ease;
  -ms-transition: all .6s ease;
  -o-transition: all .6s ease
}
.page-top .page-right .box .box-right:hover:before {
  right: -30%;
  transition: all .6s ease;
  -webkit-transition: all .6s ease;
  -moz-transition: all .6s ease;
  -ms-transition: all .6s ease;
  -o-transition: all .6s ease
}
.content-box {
  background: #f5f5f5
}
.list-nav {
  background: #2e3038;
  padding: 31px 0
}
.list-nav li {
  float: left;
  width: 25%;
  font-size: 22px;
  color: #ccccd4;
  text-align: center;
  background: url(../image/bt_icon.png) no-repeat 35% center;
  background-size: 20px 22px;
  position: relative;
  padding-left: 3%;
  cursor: pointer
}
.list-nav li a {
  color: #ccccd4
}
.list-nav li:after {
  width: 1px;
  height: 30px;
  background: #5f5f5f;
  content: "";
  display: block;
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -15px
}
.list-nav li.last:after {
  display: none
}
.content-base {
  background: #fff;
  padding: 60px;
}

.content-left .content h2 {
  font-size: 28px;
  color: #255c4f;
  position: relative;
  padding-left: 45px;
  margin: 32px 0 30px
}
.content-left .content h2:before {
  background: url(../image/h_bg.png) no-repeat;
  background-size: 100% 100%;
  width: 33px;
  height: 22px;
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 15px
}
.content-left .content h3 {
  font-size: 26px;
  color: #255c4f;
  margin: 32px 0 30px
}
.content-left .content h4 {
  font-size: 24px;
  color: #255c4f;
  margin: 32px 0 30px
}
.content-left .content.cont-news h2 {
  padding-left: 0
}
.content-left .content.cont-news h2:before {
  display: none
}
.content-left .content.cont-news h3 {
  padding-left: 45px;
  position: relative
}
.content-left .content.cont-news h3:before {
  background: url(../image/h_bg.png) no-repeat;
  background-size: 100% 100%;
  width: 33px;
  height: 22px;
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 11px
}
/*.content-left .content p {
  font-size: 18px;
  color: #4d4f53;
  line-height: 2em;
  margin-bottom: 30px;
}*/
.cpje {
  font-size: 16px;
  color: #4d4f53;
  line-height: 2em;
  margin-bottom: 30px;
}
.content-left .content .pc_cs {
  margin-bottom: 30px
}
.content-left table {
  margin-top: 20px;
  margin-bottom: 30px;
}
.content-left table .one-tr {
  background-color: #255c4f;
  color: #fff;
}
.content-left table.zsj-table {
  border-top: 1px solid #ccc;
  border-right: 1px solid #ccc;
  margin: 30px 0
}
.content-left table.zsj-table td {
  text-align: center;
  border-left: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  line-height: 36px
}
.content-left table.zsj-table .zsj-name {
  background-color: #255c4f;
  color: #fff;
  font-weight: 700
}
.content-left .content p img, .content-left .content p video {
 /* max-width: 50%;*/
  height: auto;
  width: 100%;
}
.content-left .content p.font-explain, .content-left .content p.img-ms {
  text-align: center;
  font-size: 18px;
  color: #b4861d;
  margin-left: -2em
}
.content-left .content p strong {
  font-size: 20px;
  color: #4d4f53
}
.content-left .content p a {
  padding: 0 4px;
  color: #da251d
}
.content-left .content p a:hover {
  text-decoration: underline
}
.nrswt {
  position: relative;
  display: inline-block;
  height: 54px;
  line-height: 54px;
  background: url(../image/btn-fc.png) repeat-x;
  margin-left: 30px;
  margin-right: 55px;
  cursor: pointer;
  text-indent: 0
}
.nrswt:before {
  content: "";
  position: absolute;
  left: -25px;
  top: 0;
  width: 25px;
  height: 54px;
  background: url(../image/btn-fl.png) no-repeat
}
.nrswt:after {
  content: "";
  position: absolute;
  right: -50px;
  top: 0;
  width: 50px;
  height: 54px;
  background: url(../image/btn-fr.png) no-repeat
}
.nrswt:hover {
  font-weight: 700
}
.content-left .content table td {
  padding: 5px 2px;
  word-break: break-all
}
.case-pro {
  margin-top: 70px
}
.case-pro strong {
  font-size: 36px;
  text-align: center;
  color: #255d50;
  background: -webkit-linear-gradient(330deg, #368773 0, #255d50 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent
}
.case-pro strong span {
  color: #255d50
}
.case-pro ul {
  margin-left: -2.5%;
  margin-top: 30px
}
.case-pro ul li {
  float: left;
  width: 22.5%;
  margin-left: 2.5%;
  text-align: center
}
.case-pro ul li a {
  display: block;
  overflow: hidden
}
.case-pro li img {
  -moz-transition: all .8s ease 0s;
  -ms-transition: all .8s ease 0s;
  -o-transition: all .8s ease 0s;
  -webkit-transition: all .8s ease 0s;
  transition: all .8s ease 0s
}
.case-pro li:hover img {
  -moz-transform: scale(1.08, 1.08);
  -ms-transform: scale(1.08, 1.08);
  -o-transform: scale(1.08, 1.08);
  -webkit-transform: scale(1.08, 1.08);
  transform: scale(1.08, 1.08)
}
.case-pro li p a {
  line-height: 16px;
  margin: 20px auto;
  color: #4d4f53
}
.content-right {
  float: right;
  width: 31%;
  padding-right: 15px
}
.content-right .hot-link {
  width: auto;
  float: none
}
.content-right .hot-link .link-bj {
  font-size: 24px;
  color: #fff
}
.content-right .hot-link .link-bj {
  position: absolute;
  top: 0;
  right: 0;
  width: 174px;
  height: 188px;
  background: url(../image/link_bg.png) no-repeat;
  color: #fff;
  font-size: 24px;
  line-height: 36px;
  padding: 16px 15px 0;
  text-align: right;
  cursor: pointer
}
.content-right .hot-link .link-bj:hover {
  color: #f0be4d
}
.xg-pro {
  background: #255c4f;
  background: -webkit-linear-gradient(left, #368873 0, #255c4f 100%);
  background: -moz-linear-gradient(left, #368873 0, #255c4f 100%);
  background: -ms-linear-gradient(left, #368873 0, #255c4f 100%);
  background: -o-linear-gradient(left, #368873 0, #255c4f 100%);
  background: linear-gradient(to right, #368873 0, #255c4f 100%);
  position: relative;
  box-shadow: 0 5px 20px rgba(0, 0, 0, .15)
}
.xg-pro:after {
  content: "";
  display: block;
  background: url(../image/nwbg.jpg);
  content: "";
  position: absolute;
  left: 6px;
  top: 6px;
  right: 6px;
  bottom: 6px
}
.xg-pro strong {
  font-size: 24px;
  color: #fff;
  background: url(../image/hot_pro.png) no-repeat;
  width: 365px;
  height: 79px;
  line-height: 70px;
  text-align: center;
  display: none;
  background-size: 100% 100%;
  position: absolute;
  left: -15px;
  top: 45px;
  z-index: 20;
}
.xg-pro ul {
  position: relative;
  z-index: 10;
  padding: 125px 31px 30px
}
.xg-pro ul li {
  text-align: center;
  margin-top: 30px
}
.xg-pro ul li .img-pic {
  position: relative;
  padding-top:100%;
  display: block;
  margin-bottom: -20%;
  overflow: hidden
}
.xg-pro ul li .img-pic img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  display: block;
  -moz-transition: all .8s ease 0s;
  -ms-transition: all .8s ease 0s;
  -o-transition: all .8s ease 0s;
  -webkit-transition: all .8s ease 0s;
  transition: all .8s ease 0s
}
.xg-pro ul li .img-pic:hover img {
  -moz-transform: scale(1.08, 1.08);
  -ms-transform: scale(1.08, 1.08);
  -o-transform: scale(1.08, 1.08);
  -webkit-transform: scale(1.08, 1.08);
  transform: scale(1.08, 1.08)
}
.xg-pro ul li a {
  font-size: 18px;
  line-height: 2em;
  color: #333;
  display: block
}
.xg-pro ul li:hover a {
  color: #f0be4d;
  font-weight: 700
}
.xg-pro ul:before {
  content: '';
  display: block;
  height: 110px;
  width: 100%;
  position: absolute;
  left: 0;
  top: 15px;
  background: url("../image/nyLinkPro.png") center no-repeat;
}
.xg-pro ul:after {
  content: '';
  display: block;
  height: 44px;
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 12px;
  background: url("../image/nybt.png") center no-repeat;
}
.xg-new {
  background: #255c4f;
  background: -webkit-linear-gradient(left, #368873 0, #255c4f 100%);
  background: -moz-linear-gradient(left, #368873 0, #255c4f 100%);
  background: -ms-linear-gradient(left, #368873 0, #255c4f 100%);
  background: -o-linear-gradient(left, #368873 0, #255c4f 100%);
  background: linear-gradient(to right, #368873 0, #255c4f 100%);
  position: relative;
  box-shadow: 0 5px 20px rgba(0, 0, 0, .15)
}
.xg-new:after {
  content: "";
  display: block;
  background: url(../image/nwbg.jpg);
  content: "";
  position: absolute;
  left: 6px;
  top: 6px;
  right: 6px;
  bottom: 6px
}
.xg-new strong {
  font-size: 24px;
  color: #fff;
  background: url(../image/hot_pro.png) no-repeat;
  width: 365px;
  height: 79px;
  line-height: 70px;
  text-align: center;
  display: none;
  background-size: 100% 100%;
  position: absolute;
  left: -15px;
  top: 45px;
  z-index: 20;
}
.xg-new ul {
  position: relative;
  z-index: 10;
  padding: 125px 31px 30px
}
.xg-new ul li {
  text-align: center;
  margin-top: 30px
}
.xg-new ul li .img-pic {
  position: relative;
  padding-top:100%;
  display: block;
  margin-bottom: 11px;
  overflow: hidden
}
.xg-new ul li .img-pic img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  display: block;
  -moz-transition: all .8s ease 0s;
  -ms-transition: all .8s ease 0s;
  -o-transition: all .8s ease 0s;
  -webkit-transition: all .8s ease 0s;
  transition: all .8s ease 0s
}
.xg-new ul li .img-pic:hover img {
  -moz-transform: scale(1.08, 1.08);
  -ms-transform: scale(1.08, 1.08);
  -o-transform: scale(1.08, 1.08);
  -webkit-transform: scale(1.08, 1.08);
  transform: scale(1.08, 1.08)
}
.xg-new ul li a {
  font-size: 14px;
  line-height: 2em;
  color: #333;
  display: block;
  text-align: left;
}
.xg-new ul li:hover a {
  color: #f0be4d;
  font-weight: 700
}
.xg-new ul:before {
  content: '';
  display: block;
  height: 110px;
  width: 100%;
  position: absolute;
  left: 0;
  top: 15px;
  background: url("../image/nyLinkNew.png") center no-repeat;
}
.xg-new ul:after {
  content: '';
  display: block;
  height: 44px;
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 12px;
  background: url("../image/nybt.png") center no-repeat;
}
/* 留言板 */
.messages {
  background: url(../image/mes_bg.png) no-repeat;
  width: 826px;
  height: 679px;
  background-size: 100% 100%;
  margin-top: 30px
}
.mes-left {
  float: left;
  padding-top: 263px;
  width: 40%
}
.mes-left strong {
  font-size: 24px;
  color: #f5f8ff;
  display: block;
  padding-left: 125px
}
.mes-left li {
  font-size: 24px;
  color: #f5f8ff;
  margin-top: 50px
}
.mes-left li.one {
  padding-left: 95px
}
.mes-left li.two {
  padding-left: 87px
}
.mes-left li.three {
  padding-left: 77px
}
.mes-right {
  float: left;
  width: 60%;
  padding-right: 90px;
  padding-top: 70px;
  position: relative
}
.mes-right strong {
  font-size: 36px;
  color: #255d50;
  background: -webkit-linear-gradient(330deg, #368773 0, #255d50 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  position: relative
}
.mes-right:before {
  background: url(../image/mesage_bg.png) no-repeat;
  background-size: 100% 100%;
  width: 284px;
  height: 46px;
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 75px
}
.mes-right p {
  font-size: 18px;
  color: #4d4f53;
  line-height: 2em;
  margin-top: 10px
}
.mes-right .form {
  margin-top: 40px
}
.mes-right .form li {
  margin-top: 22px;
  position: relative
}
.mes-right .form li.one:before {
  background: url(../image/icon_1.png) no-repeat;
  background-size: 100% 100%;
  width: 23px;
  height: 24px;
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  margin-top: -15px;
  left: 25px
}
.mes-right .form li.two:before {
  background: url(../image/icon_2.png) no-repeat;
  background-size: 100% 100%;
  width: 23px;
  height: 24px;
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  margin-top: -12px;
  left: 25px
}
.mes-right .form li.three:before {
  background: url(../image/icon_3.png) no-repeat;
  background-size: 100% 100%;
  width: 23px;
  height: 24px;
  content: "";
  display: block;
  position: absolute;
  top: 25px;
  left: 25px
}
.mes-right .form li input {
  border: 1px solid #dedef0;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  font-size: 18px;
  color: #4d4f53;
  width: 100%;
  padding: 17px 30px 17px 60px
}
.mes-right .form li textarea {
  border: 1px solid #dedef0;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  height: 140px;
  width: 100%;
  font-size: 18px;
  color: #4d4f53;
  padding: 15px 30px 15px 60px;
  line-height: 2em
}
.mes-right .form li textarea::-webkit-input-placeholder {
  color: #000
}
.mes-right .form li textarea::-moz-placeholder {
  color: #000
}
.mes-right .form li textarea:-ms-input-placeholder {
  color: #000
}
.mes-right .form li textarea:-moz-placeholder {
  color: #000
}
.mes-right .form li textarea::-webkit-input-placeholder {
  color: #4d4f53
}
.msg-btn {
  position: relative;
  z-index: 10
}
.msg-btn .box {
  position: relative;
  background: #ffc11f;
  background: -webkit-linear-gradient(#fed845, #ffc11f);
  background: -o-linear-gradient(#fed845, #ffc11f);
  background: -moz-linear-gradient(#fed845, #ffc11f);
  background: linear-gradient(#fed845, #ffc11f);
  width: 100%;
  text-align: center;
  border-radius: 30px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  -o-border-radius: 30px;
  margin-top: 30px;
  cursor: pointer;
  transition: all .6s ease;
  -webkit-transition: all .6s ease;
  -moz-transition: all .6s ease;
  -ms-transition: all .6s ease;
  -o-transition: all .6s ease
}
.msg-btn .box:hover {
  box-shadow: 0 5px 20px rgba(25, 64, 54, .5);
  transition: all .6s ease;
  -webkit-transition: all .6s ease;
  -moz-transition: all .6s ease;
  -ms-transition: all .6s ease;
  -o-transition: all .6s ease
}
.msg-btn:before {
  width: 100%;
  text-align: center;
  border-radius: 30px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  -o-border-radius: 30px;
  margin-top: 30px;
  background: rgba(175, 175, 175, .5);
  content: "";
  display: block;
  height: 50px;
  line-height: 50px;
  position: absolute;
  bottom: -5px;
  z-index: -1;
  transition: all .6s ease;
  -webkit-transition: all .6s ease;
  -moz-transition: all .6s ease;
  -ms-transition: all .6s ease;
  -o-transition: all .6s ease
}
.msg-btn:hover:before {
  bottom: 0;
  transition: all .6s ease;
  -webkit-transition: all .6s ease;
  -moz-transition: all .6s ease;
  -ms-transition: all .6s ease;
  -o-transition: all .6s ease
}
.msg-btn input {
  font-size: 22px;
  color: #111;
  background: 0 0;
  height: 50px;
  line-height: 50px;
  width: 100%;
  cursor: pointer
}
.mes-right form li input:-webkit-autofill {
  -webkit-text-fill-color: #4d4f53;
  -webkit-box-shadow: 0 0 0px 1000px #fff inset !important;
  box-shadow: 0 0 0px 1000px #fff inset !important;
}
/* 产品内页 */
.page-top .proPage-right li {
  margin-top: 15px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2
}
.list-nav li.active, .list-nav li.active a, .list-nav li:hover, .list-nav li:hover a {
  color: #f0be4d
}
.list-nav li.active, .list-nav li:hover {
  background: url(../image/bt_icon2.png) no-repeat 35% center
}
.prev-next {
  /*background: #f5f5f5;*/
  border-radius: 30px 0 30px 0;
  -webkit-border-radius: 30px 0 30px 0;
  -moz-border-radius: 30px 0 30px 0;
  -ms-border-radius: 30px 0 30px 0;
  -o-border-radius: 30px 0 30px 0;
  padding: 16px 0;
  margin-bottom: 40px;
  margin-top: 50px
}
.prev-next ul {
  overflow: hidden
}
.prev-next li {
  float: left;
  width: 50%;
  padding: 0 30px
}
.prev-next li a {
  font-size: 16px;
  color: #4d4f53;
  transition: all .6s ease;
  -webkit-transition: all .6s ease;
  -moz-transition: all .6s ease;
  -ms-transition: all .6s ease;
  -o-transition: all .6s ease
}
.prev-next li:hover a {
  color: #b4861d;
  transition: all .6s ease;
  -webkit-transition: all .6s ease;
  -moz-transition: all .6s ease;
  -ms-transition: all .6s ease;
  -o-transition: all .6s ease
}
.case-scene {
  margin: 60px 0;
  position: relative
}
.txt-rele {
  position: relative;
  line-height: 36px
}
.txt-rele strong {
  font-size: 36px;
  color: #255d50;
  background: -webkit-linear-gradient(330deg, #368773 0, #255d50 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  margin-bottom: 50px;
  position: relative
}
.txt-rele:before {
  background: url(../image/case_bg.png) no-repeat;
  background-size: 100% 100%;
  width: 164px;
  height: 46px;
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: -5px
}
.txt-rele a {
  float: right;
  color: #666
}
.txt-rele a:hover {
  color: #255c4f;
  text-decoration: underline
}
.scene li {
  overflow: hidden;
  margin-top: 50px
}
.scene .scene-left {
  float: left;
  width: 50%;
  overflow: hidden
}
.scene .scene-left img {
  border-top-right-radius: 60px;
  display: block;
  width: 100%;
  -moz-transition: all .8s ease 0s;
  -ms-transition: all .8s ease 0s;
  -o-transition: all .8s ease 0s;
  -webkit-transition: all .8s ease 0s;
  transition: all .8s ease 0s
}
.scene .scene-left:hover img {
  -moz-transform: scale(1.08, 1.08);
  -ms-transform: scale(1.08, 1.08);
  -o-transform: scale(1.08, 1.08);
  -webkit-transform: scale(1.08, 1.08);
  transform: scale(1.08, 1.08)
}
.scene .scene-right {
  float: right;
  width: 50%;
  padding-left: 30px
}
.scene .scene-right h3 {
  margin-bottom: 40px
}
.scene .scene-right h3:hover a {
  color: #b4861d
}
.scene .scene-right h3 a {
  font-size: 26px;
  color: #333;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}
.scene .scene-right .xq-js p {
  font-size: 18px;
  color: #4d4f53;
  line-height: 2em;
  margin-top: 15px;
  position: relative;
  padding-left: 35px
}
.scene .scene-right .xq-js p:before {
  position: absolute;
  left: 0;
  top: 10px;
  content: '';
  display: inline-block;
  vertical-align: middle;
  width: 20px;
  height: 18px;
  background: url(../image/jt_icon.png) no-repeat
}
.scene .scene-right .xq-js p strong {
  font-size: 18px;
  color: #4d4f53
}
.caseList li {
  width: 16.666%
}
.proList {
  background-color: #fff;
  padding: 26px 60px 0;
  margin-top: 60px;
  border-radius: 40px 40px 0 0;
  -webkit-border-radius: 40px 40px 0 0;
  -moz-border-radius: 40px 40px 0 0;
  -ms-border-radius: 40px 40px 0 0;
  -o-border-radius: 40px 40px 0 0
}
.proList ul {
  padding-bottom: 45px
}
.proList li {
  margin-bottom: 35px
}
.proList h2 {
  font-size: 28px;
  color: #333;
  margin-bottom: 40px
}
.proList h2:before {
  width: 8px;
  height: 40px;
  background: #2b6c5c;
  content: "";
  display: inline-block;
  vertical-align: middle;
  margin-right: 20px;
  margin-top: -8px
}
/* 新闻内页 */
.top-page {
  padding: 70px 0
}
.top-page h1 {
  font-size: 40px;
  color: #f0be4d;
  margin-bottom: 20px
}
.author-time span {
  font-size: 18px;
  color: #d3d3d3;
  margin-right: 40px
}
.new-cut {
  float: right;
  margin-top: -39px;
  margin-right: 60px
}
.new-cut a {
  background-color: #666;
  padding: 15px 27px;
  border-radius: 6px 6px 0 0;
  -webkit-border-radius: 6px 6px 0 0;
  -moz-border-radius: 6px 6px 0 0;
  -ms-border-radius: 6px 6px 0 0;
  -o-border-radius: 6px 6px 0 0;
  margin-left: 20px;
  transition: all ease .6s;
  -webkit-transition: all ease .6s;
  -moz-transition: all ease .6s;
  -ms-transition: all ease .6s;
  -o-transition: all ease .6s
}
.new-cut a:hover {
  background-color: #2d7261;
  transition: all ease .6s;
  -webkit-transition: all ease .6s;
  -moz-transition: all ease .6s;
  -ms-transition: all ease .6s;
  -o-transition: all ease .6s
}
.news-page {
  position: relative;
  margin-top: -95px
}
.news-page .content-base {
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  padding: 50px 60px 60px
}
.news-pn {
  box-shadow: 0 5px 10px rgba(36, 87, 76, .3);
  border-radius: 50px 0 50px 0;
  -webkit-border-radius: 50px 0 50px 0;
  -moz-border-radius: 50px 0 50px 0;
  -ms-border-radius: 50px 0 50px 0;
  -o-border-radius: 50px 0 50px 0;
  padding: 0 30px;
  margin: 60px 0
}
.news-pn p, .news-pn p a {
  font-size: 18px;
  color: #4d4f53;
  padding: 20px 0;
  transition: all .6s ease;
  -webkit-transition: all .6s ease;
  -moz-transition: all .6s ease;
  -ms-transition: all .6s ease;
  -o-transition: all .6s ease
}
.news-pn p:hover a {
  color: #b4861d;
  font-weight: 700;
  transition: all .6s ease;
  -webkit-transition: all .6s ease;
  -moz-transition: all .6s ease;
  -ms-transition: all .6s ease;
  -o-transition: all .6s ease
}
.news-pn p.prev {
  border-bottom: 1px dashed #dedfe0
}
.news-pn p.prev:before {
  background-image: url(../image/prev.png)
}
.news-pn p.next:before {
  background-image: url(../image/next.png)
}
.news-pn p:before {
  width: 20px;
  height: 20px;
  content: "";
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
  margin-top: -2px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  background-color: #255d4f;
  background-position: center;
  background-repeat: no-repeat;
  transition: all .6s ease;
  -webkit-transition: all .6s ease;
  -moz-transition: all .6s ease;
  -ms-transition: all .6s ease;
  -o-transition: all .6s ease
}
.news-pn p:hover:before {
  background-color: #b4861d;
  transition: all .6s ease;
  -webkit-transition: all .6s ease;
  -moz-transition: all .6s ease;
  -ms-transition: all .6s ease;
  -o-transition: all .6s ease
}
/* 联系我们 */
.top-cact {
  background: url(../image/cact-pic.jpg) bottom center;
  padding-bottom: 130px;
  background-size: cover
}
.top-cact h1 {
  display: inline-block;
  color: #f0be4d;
  font-size: 48px;
  line-height: 1.1
}
.top-cact p {
  width: 57%
}
.bottom-base {
  overflow: hidden;
  margin-top: 80px
}
.bot-left {
  float: left;
  background: url(../image/more-btn2.png) no-repeat;
  background-size: 100% 100%;
  width: 230px;
  height: 70px;
  line-height: 70px;
  color: #fff;
  font-size: 22px;
  text-align: center;
  padding-right: 40px;
  position: relative;
  cursor: pointer
}
.bot-left:before {
  content: "";
  position: absolute;
  right: 32px;
  top: 20px;
  width: 30px;
  height: 30px;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -ms-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
  background: url(../image/area-icon.png) no-repeat
}
.bot-left:hover {
  color: #f0be4d
}
.bot-left:hover:before {
  right: 28px
}
.bot-right {
  float: left;
  width: 30%;
  margin-left: 60px
}
.bot-right p {
  font-size: 20px;
  color: #d3d3d3;
  line-height: 1.4em;
  margin-top: 0
}
.bot-right strong {
  font-size: 30px;
  color: #f0be4d
}
.cact-client {
  text-align: center;
  background: url(../image/yc_bg.jpg) no-repeat center #fafbfc;
  padding-bottom: 60px;
  -webkit-background-size: cover;
  background-size: cover;
  margin-top: -1px
}
.cact-client h2, .cact-client strong {
  font-size: 46px;
  color: #333;
  display: block
}
.cact-client p {
  font-size: 18px;
  line-height: 2em;
  color: #666
}
.cact-client ul {
  overflow: hidden;
  margin-left: -2.75%;
  margin-top: 63px
}
.cact-client li {
  float: left;
  background: url(../image/li_bg.png) no-repeat;
  background-size: 100%;
  width: 248px;
  height: 401px;
  padding: 60px 25px;
  margin-left: 2.75%
}
.cact-client li.mt {
  margin-top: 140px
}
.cact-client li span {
  display: block;
  font-size: 18px;
  color: #fff;
  width: 44px;
  height: 44px;
  line-height: 44px;
  text-align: center;
  font-weight: 700;
  background: #255c4f;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  margin: 0 auto
}
.cact-client li strong {
  font-size: 22px;
  color: #255c4f;
  line-height: 1.6em;
  display: block;
  margin: 15px auto 10px
}
.cact-foot {
  background: url(../image/cact-foot.jpg) no-repeat center;
  -webkit-background-size: cover;
  background-size: cover;
  padding: 90px 0
}
.cactLeft {
  float: left;
  width: 50%;
  padding-right: 2%
}
.cactLeft strong {
  font-size: 48px;
  color: #f0be4d
}
.cactLeft p {
  font-size: 18px;
  line-height: 2em;
  color: #d3d3d3;
  margin-top: 15px
}
.cactLeft form {
  margin-top: 40px
}
.cactLeft ul {
  margin-left: -6%;
  overflow: hidden
}
.cactLeft li {
  float: left;
  width: 44%;
  margin-left: 6%;
  position: relative
}
.cactLeft li input {
  background: rgba(50, 54, 62, .6);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#9932363E, endColorstr=#9932363E);
  width: 100%;
  padding: 18px 20px;
  color: #d3d3d3;
  font-size: 18px
}
.cactLeft li.bt:before {
  content: "*";
  color: red;
  display: block;
  width: 15px;
  height: 15px;
  position: absolute;
  left: 7px;
  top: 50%;
  margin-top: -9px
}
.cactLeft li.text-box {
  width: 94%;
  margin-top: 30px;
  margin-bottom: 60px
}
.cactLeft li textarea {
  background: rgba(50, 54, 62, .6);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#9932363E, endColorstr=#9932363E);
  outline: 0;
  width: 100%;
  color: #d3d3d3;
  height: 170px;
  padding: 18px 20px;
  font-size: 18px
}
.cactLeft li textarea::-webkit-input-placeholder {
  color: #d3d3d3
}
.cactLeft div .button input {
  background: #fb2840;
  overflow: hidden;
  background-image: linear-gradient(90deg, #fb2840 30%, #fe5e60 50%, #fb2840);
  background-position: left center;
  background-size: 200% 100%;
  background-repeat: no-repeat;
  width: 260px;
  height: 70px;
  line-height: 70px;
  text-align: center;
  color: #fff;
  border-radius: 50px;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  -ms-border-radius: 50px;
  -o-border-radius: 50px;
  font-size: 24px;
  cursor: pointer;
  transition: all .5s ease;
  -webkit-transition: all .5s ease;
  -moz-transition: all .5s ease;
  -ms-transition: all .5s ease;
  -o-transition: all .5s ease
}
.cactLeft div .button input:hover {
  background-position: right center;
  transition: all .5s ease;
  -webkit-transition: all .5s ease;
  -moz-transition: all .5s ease;
  -ms-transition: all .5s ease;
  -o-transition: all .5s ease
}
.cactLeft li input:-webkit-autofill {
  -webkit-text-fill-color: #d3d3d3;
  -webkit-box-shadow: 0 0 0px 1000px #2c2f36 inset !important;
  box-shadow: 0 0 0px 1000px #2c2f36 inset !important;
}
.cactRight {
  float: left;
  width: 50%;
  padding-left: 9%;
  margin-top: 100px
}
.cactRight p {
  font-size: 18px;
  color: #d3d3d3;
  position: relative;
  line-height: 60px
}
.cactRight p:before {
  background: url(../image/wz.png) no-repeat;
  width: 16px;
  height: 16px;
  background-size: 100% 100%;
  content: "";
  display: inline-block;
  vertical-align: middle;
  margin-top: -5px;
  margin-right: 24px
}
.cactRight strong {
  font-size: 28px;
  color: #fff;
  font-weight: 700;
  position: relative;
  display: block;
  margin-top: 50px;
  margin-bottom: 5px
}
.cactRight strong:before {
  background: url(../image/dh.png) no-repeat;
  width: 16px;
  height: 16px;
  background-size: 100% 100%;
  content: "";
  display: inline-block;
  vertical-align: middle;
  margin-top: -5px;
  margin-right: 24px
}
/* .cactRight span{font-size:18px;color:#d3d3d3;display:block;padding-left:40px} */
.map {
  margin-top: 60px;
  position: relative;
  height: 346px;
}
#map * {
  box-sizing: content-box;
  max-width: none;
}
.BMapLib_sendToPhone {
  display: none;
}
.map-wz {
  position: absolute;
  top: 145px;
  right: 42%;
  z-index: 10
}
.point:after {
  width: 80px;
  height: 80px;
  content: '';
  display: block;
  position: absolute;
  top: -20px;
  right: 0;
  bottom: 0;
  left: -20px;
  border-radius: 50%;
  background: rgba(255, 255, 255, .5);
  opacity: 0;
  -webkit-animation: ripple 2.2s ease-out 50ms infinite;
  -moz-animation: ripple 2.5s ease-out .5s infinite;
  -o-animation: ripple 2.5s ease-out .5s infinite;
  animation: ripple 2.2s ease-out 50ms infinite;
  z-index: -1
}
@-webkit-keyframes ripple {
  0% {
    opacity: 0;
    -webkit-transform: scale(.1, .1)
  }
  5% {
    opacity: 1
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(1)
  }
}
@-moz-keyframes ripple {
  0% {
    opacity: 0;
    -moz-transform: scale(.1, .1)
  }
  5% {
    opacity: 1
  }
  100% {
    opacity: 0;
    -moz-transform: scale(1)
  }
}
@-o-keyframes ripple {
  0% {
    opacity: 0;
    -o-transform: scale(.1, .1)
  }
  5% {
    opacity: 1
  }
  100% {
    opacity: 0;
    -o-transform: scale(1)
  }
}
@keyframes ripple {
  0% {
    opacity: 0;
    -webkit-transform: scale(.1, .1);
    -moz-transform: scale(.1, .1);
    -ms-transform: scale(.1, .1);
    transform: scale(.1, .1)
  }
  5% {
    opacity: 1
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
  }
}
/* 404 */
.body {
  background: #f5f5f5
}
.body .header {
  position: static
}
.body .head-con .nav li a {
  color: #333
}
.body .top-tel p {
  background: url(../image/tel-phone.png) no-repeat left center;
  color: #333
}
.four-page {
  overflow: hidden;
  padding: 100px 0 175px
}
.four-page .four-left, .four-page .four-right {
  float: left;
  width: 50%
}
.four-page .four-right strong {
  font-size: 52px;
  color: #275e51;
  display: block;
  margin-bottom: 60px
}
.four-page .four-right p {
  font-size: 18px;
  color: #4d4f53;
  line-height: 2.6em
}
.four-page .four-right ul {
  overflow: hidden;
  padding: 30px 50px 30px 0;
  margin-top: 80px
}
.four-page .four-right li {
  float: left;
  width: 210px;
  height: 66px;
  line-height: 66px;
  text-align: center;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px
}
.four-page .four-right li.one {
  background: #255d50;
  overflow: hidden;
  background-image: linear-gradient(90deg, #255d50 30%, #368873 50%, #255d50);
  background-position: left center;
  background-size: 200% 100%;
  background-repeat: no-repeat;
  transition: all .5s ease;
  -webkit-transition: all .5s ease;
  -moz-transition: all .5s ease;
  -ms-transition: all .5s ease;
  -o-transition: all .5s ease
}
.four-page .four-right li.one:hover {
  box-shadow: 0 5px 20px rgba(0, 0, 0, .15);
  background-position: right center;
  transition: all .5s ease;
  -webkit-transition: all .5s ease;
  -moz-transition: all .5s ease;
  -ms-transition: all .5s ease;
  -o-transition: all .5s ease
}
.four-page .four-right li.one a {
  color: #fff;
  font-size: 18px;
  display: block
}
.four-page .four-right li.two {
  box-shadow: 0 5px 20px rgba(0, 0, 0, .15);
  margin-left: 40px;
  transition: all .5s ease;
  -webkit-transition: all .5s ease;
  -moz-transition: all .5s ease;
  -ms-transition: all .5s ease;
  -o-transition: all .5s ease;
  cursor: pointer;
  font-size: 18px
}
.four-page .four-right li.two:hover {
  color: #fff;
  background: #255d50;
  background: -webkit-linear-gradient(left, #368873, #255d50);
  background: -o-linear-gradient(right, #368873, #255d50);
  background: -moz-linear-gradient(right, #368873, #255d50);
  background: linear-gradient(to right, #368873, #255d50);
  transition: all .5s ease;
  -webkit-transition: all .5s ease;
  -moz-transition: all .5s ease;
  -ms-transition: all .5s ease;
  -o-transition: all .5s ease
}
.four-page .four-right li.two:hover a {
  color: #fff
}
.four-page .four-right li.two a {
  font-size: 18px;
  color: #333;
  display: block
}
/* 二维码 */
.wp {
  max-width: 750px;
  width: 100%;
  margin: 0 auto
}
.ewm-box {
  padding: 75px 50px
}
.ewm-box a {
  display: block;
  background: -webkit-linear-gradient(left, #368873, #255d50);
  background: -o-linear-gradient(right, #368873, #255d50);
  background: -moz-linear-gradient(right, #368873, #255d50);
  background: linear-gradient(to right, #368873, #255d50);
  height: 100px;
  width: 100%;
  line-height: 100px;
  font-size: 38px;
  font-weight: 700;
  color: #fff;
  text-align: center;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  margin-top: 125px
}
.ewm-box p {
  font-size: 26px;
  color: #4d4f53;
  line-height: 1.4em;
  text-align: center;
  margin-top: 40px
}
.icon-bg {
  border-top: 20px solid #f5f5f5;
  padding: 50px
}
/* 悬浮框 */
.fixed-right {
  position: fixed;
  right: 20px;
  bottom: 22%;
  z-index: 9999;
  background: url(../image/fixed-bgw.png) no-repeat;
  background-size: 100% 100%;
  width: 160px;
  height: 445px;
  font-weight: 300
}
.fixed-fix {
  position: fixed;
  right: 20px;
  bottom: 22%;
  z-index: 9999;
  display: block;
  background: url(../image/fixed-bgw.png) no-repeat;
  background-size: 100% 100%;
  width: 160px;
  height: 445px;
  font-weight: 300
}
.fixed-fix .online-service, .fixed-right .online-service {
  width: 140px;
  height: 49px;
  line-height: 42px;
  text-align: center;
  display: block;
  font-size: 18px;
  cursor: pointer;
  color: #ffffff;
}
.fixed-fix .online-service:hover, .fixed-right .online-service:hover {
  color: #ffde99;
}
.fixed-head {
  display: block;
  cursor: pointer;
  margin: 0 4px;
}
.fixed-head img {
  width: 100%;
}
.fixed-linkw {
  margin: 32px 10px 0;
}
.fixed-linkw li {
  background: url(../image/fixed-btnw.png) no-repeat center;
  cursor: pointer;
  margin-bottom: 10px;
}
.message-consult, .phone-bj {
  display: block;
  width: 140px;
  height: 49px;
  line-height: 42px;
  text-align: center;
  color: #fff;
  font-size: 18px;
  cursor: pointer;
}
.message-consult:hover, .phone-bj:hover {
  color: #fae3b3
}
.phone-quote {
  position: relative
}
.phone-quote .box {
  display: none;
  position: absolute;
  top: -48px;
  right: 116%;
  width: 246px;
  height: 144px;
  background: url(../image/ewm-telbg.png) no-repeat;
  background-size: 100% 100%;
  padding: 13px
}
.phone-quote .box-left {
  float: left;
  width: 112px;
}
.phone-quote .box-left img {
  width: 100%;
  margin-top: -30px;
  -webkit-box-shadow: 0 0 10px rgba(46, 115, 99, .3);
  -moz-box-shadow: 0 0 10px rgba(46, 115, 99, .3);
  -ms-box-shadow: 0 0 10px rgba(46, 115, 99, .3);
  -o-box-shadow: 0 0 10px rgba(46, 115, 99, .3);
  box-shadow: 0 0 10px rgba(46, 115, 99, .3);
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
}
.phone-quote .box-right {
  float: left;
  color: #FFF;
  font-size: 18px;
  margin-left: 16px;
  margin-top: 8px;
  line-height: 1.5;
}
.phone-quote .box strong {
  font-size: 24px;
  color: #ffcb52;
  display: block;
  margin-top: 3px;
  text-align: center;
}
#back-top {
  text-align: center;
  color: #fce8be;
  font-size: 16px;
  margin-top: 30px;
  cursor: pointer;
  transition: all .5s ease;
  -webkit-transition: all .5s ease;
  -moz-transition: all .5s ease;
  -ms-transition: all .5s ease;
  -o-transition: all .5s ease;
  position: relative;
  padding-top: 16px;
}
#back-top:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  margin: 0 auto;
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 12px solid #f9e6bd;
}
#back-top:hover {
  color: #f0be4d;
  transition: all .5s ease;
  -webkit-transition: all .5s ease;
  -moz-transition: all .5s ease;
  -ms-transition: all .5s ease;
  -o-transition: all .5s ease
}
#back-top:hover:after {
  border-bottom: 12px solid #f0be4d
}
.pro-read li {
  line-height: 36px;
  margin-top: 30px
}
.pro-read li a {
  display: block;
  color: #666;
  font-size: 18px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -ms-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s
}
.pro-read li a:before {
  content: '';
  display: inline-block;
  vertical-align: middle;
  width: 20px;
  height: 18px;
  background: url(../image/jt_icon.png) no-repeat;
  margin-right: 20px;
  margin-top: -6px
}
.pro-read li:hover a {
  margin-left: 4px;
  color: #255c4f
}
/* 参数 */
.data-list {
  margin-top: 36px
}
.data-list ul {
  overflow: hidden;
  margin-left: -2%;
  margin-bottom: 0
}
.data-list ul li {
  float: none;
  width: auto;
  display: inline-block;
  margin-left: 2%;
  color: #666;
  font-size: 18px;
  padding-left: 0;
  box-sizing: border-box;
  cursor: pointer;
  margin-bottom: 30px;
  border-radius: 25px 0 25px 0;
  background-color: #fff;
  border: 1px solid #dedfe0
}
.data-list ul li span {
  display: block;
  padding: 10px 30px;
  line-height: 1.5
}
.data-list ul li:hover {
  color: #255c4f
}
.data-list ul li.cur {
  position: relative;
  z-index: 2;
  padding: 2px;
  text-align: center;
  border: none;
  background: -moz-linear-gradient(left, #368873 0, #255c4f 100%);
  background: -webkit-linear-gradient(left, #368873 0, #255c4f 100%);
  background: -o-linear-gradient(left, #368873 0, #255c4f 100%);
  background: -ms-linear-gradient(left, #368873 0, #255c4f 100%);
  background: linear-gradient(to right, #368873 0, #255c4f 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#368873, endColorstr=#255C4F, GradientType=0);
  -webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, .15);
  -moz-box-shadow: 0 3px 8px rgba(0, 0, 0, .15);
  box-shadow: 0 3px 8px rgba(0, 0, 0, .15)
}
.data-list ul li.cur span {
  display: block;
  color: #333;
  font-weight: 700;
  width: 100%;
  height: 100%;
  background-color: #fff;
  border-radius: 24px 0 24px 0
}
.data-no {
  display: none
}
.data-link {
  margin: 50px 0 40px;
  padding-left: 15px;
  text-align: center
}
.data-link strong {
  display: inline-block;
  color: #fff;
  font-size: 18px;
  position: relative;
  z-index: 0;
  text-align: center;
  line-height: 60px;
  width: 375px;
  font-weight: 400
}
.data-link strong:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 375px;
  height: 60px;
  background: url(../image/data-link01.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%;
  z-index: -1
}
.link-cons {
  padding: 30px;
  margin-top: -28px;
  background-color: #fff;
  -webkit-box-shadow: 0 3px 15px rgba(0, 0, 0, .2);
  -moz-box-shadow: 0 3px 15px rgba(0, 0, 0, .2);
  -ms-box-shadow: 0 3px 15px rgba(0, 0, 0, .2);
  -o-box-shadow: 0 3px 15px rgba(0, 0, 0, .2);
  box-shadow: 0 3px 15px rgba(0, 0, 0, .2);
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px
}
.link-cons a {
  display: inline-block;
  line-height: 50px;
  padding: 0 30px;
  background-color: #255c4f;
  -webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, .15);
  -moz-box-shadow: 0 3px 10px rgba(0, 0, 0, .15);
  -ms-box-shadow: 0 3px 10px rgba(0, 0, 0, .15);
  -o-box-shadow: 0 3px 10px rgba(0, 0, 0, .15);
  box-shadow: 0 3px 10px rgba(0, 0, 0, .15);
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
  position: relative;
  z-index: 0;
  color: #393b45;
  font-size: 18px;
  margin-right: 26px;
  text-align: center;
  margin-top: 20px
}
.link-cons a:before {
  content: "";
  position: absolute;
  left: -4px;
  top: -4px;
  width: 100%;
  height: 100%;
  background: url(../image/data-link02.png) left top;
  z-index: -1;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px
}
.link-cons a:hover {
  color: #255c4f
}
/* 相关文章 */
.more-news {
  background-color: #fff;
  padding: 70px 60px 80px
}
.more-tit {
  color: #333;
  font-size: 36px;
  font-weight: 700;
  line-height: 1.1;
  position: relative;
  padding-left: 50px
}
.more-tit:before {
  content: "";
  position: absolute;
  left: 0;
  top: 4px;
  width: 36px;
  height: 36px;
  background: url(../image/more-news.png) no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%
}
.more-tit h1 {
  font-size: 36px;
  display: inline-block
}
.more-tit i {
  margin-left: 12px
}
.more-tit a {
  color: #255c4f
}
.more-tit a:hover {
  color: #f0be4d
}
.content-news {
  margin-top: -50px
}
.content-news .xg-new {
  margin-top: 0
}
.news-pave {
  margin-top: 50px;
  margin-bottom: -30px
}
.news-pave ul {
  margin-left: -4.7%
}
.news-pave ul li {
  float: left;
  width: 45.3%;
  margin-left: 4.7%;
  position: relative;
  padding: 25px 30px;
  margin-bottom: 30px;
  background-color: #fff;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
  -webkit-box-shadow: 0 3px 15px rgba(37, 92, 79, .15);
  -moz-box-shadow: 0 3px 15px rgba(37, 92, 79, .15);
  -ms-box-shadow: 0 3px 15px rgba(37, 92, 79, .15);
  -o-box-shadow: 0 3px 15px rgba(37, 92, 79, .15);
  box-shadow: 0 3px 15px rgba(37, 92, 79, .15)
}
.pave-txt {
  display: block;
  font-size: 22px;
  font-weight: 700;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  line-height: 36px
}
.pave-txt:hover {
  color: #255c4f
}
.pave-pic {
  clear: both;
  overflow: hidden;
  margin: 22px 0;
  margin-left: -2%
}
.pave-pic a {
  float: left;
  width: 31.3%;
  margin-left: 2%
}
.pave-pic a img {
  width: 100%;
  height: 115px;
  -o-object-fit: cover;
  object-fit: cover;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px
}
.news-pave p {
  color: #aaa;
  line-height: 20px
}
@media screen and (max-width:4000px) and (min-width:2000px) {
  .ban-item:before {
    width: 38%
  }
  .about-union:before {
    display: none;
  }
}
@media screen and (max-width:1919px) {
  .item01 {
    background: url(../image/ban-bg01.jpg) center
  }
  .item01 {
    background-size: auto
  }
  .nav li {
    margin-right: 20px
  }
  .btn-more {
    width: 145px;
    line-height: 48px
  }
  .ban-btn {
    margin-top: 100px;
    margin-left: 36%
  }
  .ban-txt a {
    font-size: 80px
  }
  .ban-txt i {
    font-size: 100px
  }
  .ban-con .slick-prev {
    margin-left: -750px
  }
  .paging {
    margin-left: -660px
  }
  .tab-list {
    padding: 20px 10px 25px 90px;
    margin: 22px 0 22px 70px
  }
  .link-con {
    margin-left: 9%
  }
  .index-cont:before {
    width: 95%
  }
  .index-cont {
    padding: 55px 5% 55px 15%
  }
  .vie-info li {
    margin-top: 50px
  }
  .page-top .page-right .box {
    margin-top: 40px
  }
  .index-pice .pice {
    top: 20px
  }
  .pice-bottom {
    margin-top: 20px
  }
  .pice-bottom .piceLeft strong {
    font-size: 22px
  }
  .tab-list {
    margin-left: 66px
  }
  .tab-pro {
    width: 44%;
    left: -53px;
    top: 16px
  }
}
@media screen and (max-width:1699px) {
  .ban-txt a.txt-font {
    padding-top: 1%
  }
}
@media screen and (max-width:1599px) {
  .wrap {
    width: 94%
  }
  .wrap1 {
	height:500px;
}
  .tab-pro {
    width: 48%
  }
  .nav {
    margin-left: 35px
  }
  .ban-txt a {
    font-size: 60px
  }
  .ban-txt a.txt-font {
    font-size: 55px
  }
  .ban-txt i {
    font-size: 72px
  }
  .ban-item:before {
    top: 175px;
    width: 32%
  }
  .ban-pic {
    width: 50%;
    margin-right: 8%
  }
  .ban-pic:after {
    z-index: -1;
    background-size: 100% 100%;
    top: -30px;
    width: 190px;
    height: 510px
  }
  .ban-con .slick-prev {
    margin-left: -45%
  }
  .ban-con .slick-next {
    margin-left: -30%
  }
  .paging {
    margin-left: -38%;
    bottom: 45px
  }
  .tab-info a {
    font-size: 16px
  }
  .tab-info p {
    font-size: 14px;
    margin-top: 5px
  }
  .tab-list {
    padding: 20px 10px 25px 70px
  }
  .cont-font {
    font-size: 24px
  }
  .edit-area textarea, .edit-text label input {
    width: 210px
  }
  .index-cont {
    padding: 55px 3% 55px 18%
  }
  .type-txt {
    padding-left: 40px
  }
  .type-txt a {
    font-size: 36px
  }
  .top-about {
    background-size: 100% 100%
  }
  .page-top .page-right .box .box-right {
    width: 220px;
    height: 58px;
    line-height: 58px
  }
  .page-top .page-right .box .box-right:before {
    height: 58px
  }
  .cact-client li {
    width: 233px
  }
  .hot-name {
    height: 157px
  }
  .news-hots {
    margin-top: 80px
  }
  .hots-name {
    height: 137px
  }
  .page-top .page-right h1 {
    font-size: 32px
  }
  .index-pice .pice {
    width: 66%
  }
  .pice-bottom .piceLeft a {
    width: 280px;
    height: 70px;
    line-height: 70px;
    font-size: 20px;
    margin-top: 35px
  }
  .pice-bottom .piceLeft strong {
    font-size: 20px
  }
  .index-case:before {
    top: 40px;
  }
}
@media screen and (max-width:1499px) {
  .about-txt p i {
    display: none
  }
}
@media screen and (max-width:1399px) {
  .wrap {
    width: 96%
  }
  .cact-client p, .nav li a {
    font-size: 16px
  }
  .top-tel p strong {
    font-size: 22px
  }
  .ban-pic span {
    font-size: 20px
  }
  .tab-list {
    padding: 16px 12px 16px 50px
  }
  .tab-pro {
    top: 15px
  }
  .ban-con .slick-next, .ban-con .slick-prev {
    width: 35px;
    height: 35px;
    bottom: 136px
  }
  .paging {
    margin-left: -39%
  }
  .ban-btn {
    margin-top: 106px
  }
  .type-txt a {
    font-size: 28px
  }
  .type-link {
    width: 80px;
    height: 80px;
    margin-left: -40px;
    margin-top: -40px
  }
  .type-txt {
    padding-left: 10px
  }
  .ban-txt a {
    font-size: 48px
  }
  .ban-txt a.txt-font {
    font-size: 46px
  }
  .about-txt h1, .about-txt h2, .base-txt h2, .cact-client h2, .cactLeft strong, .hot-txt h2, .index-pice .pice h2, .index-txt h2, .ser-font strong, .top-base strong, .txt-name h2 {
    font-size: 38px
  }
  .about-txt strong, .base-txt strong, .cact-client strong, .index-pice .pice strong, .index-txt strong {
    font-size: 38px
  }
  .pice-bottom .piceLeft strong {
    font-size: 20px
  }
  .index-cont:after {
    width: 170px;
    height: 260px
  }
  .index-cont {
    padding: 55px 5% 55px 15%
  }
  .cont-font {
    font-size: 18px
  }
  .edit-area, .edit-btn, .edit-text {
    margin-left: 15px
  }
  .link-con dt a {
    font-size: 24px
  }
  .index-link:before {
    left: 0
  }
  .link-con {
    width: 15%;
    margin-left: 5%
  }
  .price-pic {
    left: 57%
  }
  .price-info {
    width: 60%
  }
  .page-top .page-right li {
    margin-top: 20px
  }
  .top-cact h1 {
    font-size: 42px
  }
  .cact-client li {
    width: 204px
  }
  .cact-client li span {
    width: 38px;
    height: 38px;
    line-height: 38px;
    font-size: 16px
  }
  .cact-client li strong {
    font-size: 18px;
    margin: 7px auto
  }
  .cact-client {
    padding-bottom: 0
  }
  .cact-foot {
    padding: 60px 0 50px
  }
  .cactRight {
    margin-top: 86px;
  }
  .cactLeft form .button input {
    width: 210px;
    height: 58px;
    line-height: 58px;
    font-size: 18px
  }
  .news-con, .news-page .content-base {
    padding: 40px 30px
  }
  .content-right, .hot-link {
    width: 34%
  }
  .hot-name {
    height: 140px;
    padding: 0 50px
  }
  .hots-name {
    height: 120px;
    padding: 60px 30px 15px
  }
  .pro-cons {
    padding: 40px
  }
  .content-base {
    padding: 30px 30px 60px
  }
  .content-right {
    padding-right: 0
  }
  .scene .scene-right {
    padding-left: 15px
  }
  .scene .scene-right h3 {
    font-size: 22px;
    margin-bottom: 15px
  }
  .scene .scene-right .xq-js p {
    padding-left: 25px;
    margin-top: 10px;
    font-size: 16px
  }
  .scene li {
    margin-top: 25px
  }
  .case-scene {
    margin: 35px 0
  }
  .about-info ul {
    margin-top: 25px
  }
  .about-info span {
    margin-top: 30px
  }
  .index-pice .pice {
    left: 30%
  }
  .index-pice .pice p {
    margin-top: 5px
  }
  .pice-bottom .piceLeft a {
    margin-top: 15px
  }
  .video-info li {
    margin-bottom: 60px
  }
  .index-video {
    padding-bottom: 100px
  }
  .index-video:before {
    background: #1d2025
  }
  .pice-bottom .piceLeft .btn-price {
    height: 72px;
    line-height: 72px
  }
  .four-page .four-right strong {
    font-size: 50px
  }
  .ser-idea ul li p {
    font-size: 16px
  }
}
@media screen and (max-width:1313px) {
  .about-txt p {
    margin-top: 50px
  }
}
@media screen and (max-width:749px) {
  .ewm-box, .icon-bg {
    padding: 20px 10px
  }
  .ewm-box a {
    height: 70px;
    line-height: 70px;
    font-size: 28px;
    margin: 50px auto 0
  }
}
@media screen and (max-width:479px) {
  .ewm-box a {
    height: 56px;
    line-height: 56px;
    font-size: 24px
  }
  .ewm-box p {
    font-size: 18px
  }
}
@media screen and (max-width:374px) {
  .ewm-box a {
    font-size: 18px
  }
}
/* 首页 - 环保专题 */
.index-green {
  position: relative;
  z-index: 0;
  background: url(../image/green-bg.png);
  margin-top: 40px
}
.index-green:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 120px;
  background-color: rgba(240, 190, 77, .5);
  z-index: -1
}
.green-show {
  padding: 46px 60px 0;
  width: 50%
}
.green-show strong {
  font-size: 38px;
  line-height: 1.2;
  color: #fff;
  display: block;
  margin-bottom: 40px
}
.green-info {
  background-color: #255c4f;
  -webkit-border-radius: 20px 20px 0 0;
  -moz-border-radius: 20px 20px 0 0;
  -ms-border-radius: 20px 20px 0 0;
  -o-border-radius: 20px 20px 0 0;
  border-radius: 20px 20px 0 0;
  padding: 30px;
  text-align: center
}
.green-info p {
  position: relative;
  color: #e8e8e8;
  font-size: 18px;
  line-height: 2;
  padding-left: 24px;
  margin-bottom: 24px;
  text-align: left
}
.green-info p:before {
  content: "";
  position: absolute;
  left: 0;
  top: 13px;
  width: 12px;
  height: 12px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  border: 2px solid #f0be4d
}
.green-info a {
  margin-top: 20px;
  margin-bottom: 12px
}
.green-pic {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 50%
}
.green-pic img {
  width: 100%;
  height: 100%;
  -webkit-object-fit: cover;
  object-fit: cover
}
/* bmz */
.ban-bmz {
  width: 100%;
  height: 100vh;
  position: relative;
  z-index: 999999
}
.bmzClose {
  position: absolute;
  right: 20px;
  top: 20px;
  color: #fff;
  font-size: 22px;
  line-height: 48px;
  padding: 0 20px;
  background: rgba(0, 0, 0, .6);
  -webkit-border-radius: 48px;
  border-radius: 48px;
  cursor: pointer
}
.ban-bmz a {
  display: block
}
.ban-bmz a img {
  width: 100%;
  height: 100vh;
  -webkit-object-fit: cover;
  object-fit: cover
}
.bmzClose i {
  font-size: 20px;
  margin-left: 8px
}
/* 新闻内页样式 */
.special1-scx {
  padding: 50px 30px 60px;
  background: url(../image/special1-bg.png);
  border: 1px solid #CCC;
  position: relative;
  margin-bottom: 40px;
}
.special1-scx:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -8px;
  margin: 0 auto;
  width: 88px;
  height: 17px;
  background: url(../image/special1-icon.gif) no-repeat;
}
.special1-scx strong {
  display: block;
  color: #333;
  font-size: 22px;
  line-height: 2em;
  position: relative;
  margin-bottom: 30px;
}
.special1-scx strong:before {
  content: "";
  position: absolute;
  left: -31px;
  top: -3px;
  width: 8px;
  height: 50px;
  background-color: #33806f;
  border: 1px solid #CCC;
}
.content-left .content .special1-scx p {
  text-indent: 0;
  margin-bottom: 6px;
}
.special1-khwd {
  padding: 30px 30px 60px;
  background: url(../image/special1-bg.png);
  border: 1px solid #CCC;
  position: relative;
  margin-bottom: 40px;
}
.special1-khwd:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -8px;
  margin: 0 auto;
  width: 88px;
  height: 17px;
  background: url(../image/special1-icon.gif) no-repeat;
}
.special1-khwd strong {
  display: inline-block;
  color: #FFF;
  font-size: 20px;
  font-weight: normal;
  line-height: 39px;
  position: relative;
  margin-bottom: 20px;
  z-index: 0;
}
.special1-khwd strong:before {
  content: "";
  position: absolute;
  left: -31px;
  right: -30px;
  top: -3px;
  height: 44px;
  background-color: #33806f;
  border: 1px solid #CCC;
  z-index: -1;
}
.content-left .content .special1-khwd p {
  text-indent: 0;
  margin-bottom: 0;
  padding: 15px 0;
  border-bottom: 1px dashed #bdceca;
}
.special1-khwd p i {
  color: #33806f;
}
.special1-wt {
  margin-bottom: 20px;
  color: #666666;
  font-size: 18px;
  line-height: 2;
}
.special1-wt strong {
  display: block;
  color: #333;
  font-size: 22px;
  font-weight: normal;
  line-height: 1.5em;
  position: relative;
  z-index: 0;
  margin-bottom: 20px;
}
.special1-wt strong:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 68px;
  height: 1px;
  background-color: #33806f;
}
.special1-wt strong:after {
  content: "";
  position: absolute;
  left: 80px;
  bottom: 0;
  width: 450px;
  height: 10px;
  background-color: #e6f2f0;
  z-index: -1;
}
.special1-wt i {
  display: inline-block;
  color: #FFF;
  font-size: 20px;
  background-color: #33806f;
  padding: 0 8px;
  margin-right: 20px;
  vertical-align: middle;
  margin-top: -10px;
  line-height: 1.3em;
}
.special1-wt p {
  border-left: 1px dashed #F0BE4E;
  padding-left: 20px;
}
.content-left .content .special1-wt p {
  text-indent: 0;
}
.special1-khhf {
  background: url(../image/special1-bg.png);
  -webkit-box-shadow: 0 0 10px rgba(37, 92, 80, .2);
  -moz-box-shadow: 0 0 10px rgba(37, 92, 80, .2);
  -ms-box-shadow: 0 0 10px rgba(37, 92, 80, .2);
  -o-box-shadow: 0 0 10px rgba(37, 92, 80, .2);
  box-shadow: 0 0 10px rgba(37, 92, 80, .2);
  padding: 48px 40px;
  outline: 1px dashed #255c50;
  outline: 1px dashed rgba(37, 92, 80, .3);
  outline-offset: -20px;
  color: #666;
  font-size: 18px;
  line-height: 2.2;
  position: relative;
  margin-bottom: 30px;
}
.special1-khhf:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 40px;
  height: 40px;
  background-color: #f0be4d;
}
.special1-khhf:after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  width: 155px;
  height: 42px;
  background: url(../image/special1-horn.png) no-repeat;
}
.special1-khhf i {
  color: #255c50;
}
.special1-ts {
  background: url(../image/special1-bg.png);
  -webkit-box-shadow: 0 0 10px rgba(37, 92, 80, .2);
  -moz-box-shadow: 0 0 10px rgba(37, 92, 80, .2);
  -ms-box-shadow: 0 0 10px rgba(37, 92, 80, .2);
  -o-box-shadow: 0 0 10px rgba(37, 92, 80, .2);
  box-shadow: 0 0 10px rgba(37, 92, 80, .2);
  padding: 48px 40px;
  outline: 1px dashed #255c50;
  outline: 1px dashed rgba(37, 92, 80, .3);
  outline-offset: -20px;
  color: #255c50;
  font-size: 18px;
  line-height: 2.2;
  position: relative;
  margin-bottom: 30px;
}
.special1-ts:before {
  content: "";
  position: absolute;
  left: 14px;
  top: 50%;
  width: 11px;
  height: 44px;
  margin-top: -22px;
  background: url(../image/special1-dot.png) no-repeat;
}
.special1-ts:after {
  content: "";
  position: absolute;
  right: 14px;
  top: 50%;
  width: 11px;
  height: 44px;
  margin-top: -22px;
  background: url(../image/special1-dot.png) no-repeat;
}
/* 问答2 */
.ask-cont {
  background: #f5fffc;
  box-shadow: 0 0 8px rgba(27, 158, 116, .33);
  padding: 40px 35px;
  margin: 40px auto;
  border-radius: 30px;
  position: relative;
}
.ask-cont:before {
  width: 307px;
  height: 336px;
  content: "";
  display: block;
  background: url(../image/ask_bef.png) no-repeat;
  position: absolute;
  left: 0;
  top: 0;
  border-radius: 30px;
}
.ask-cont:after {
  width: 271px;
  height: 491px;
  content: "";
  display: block;
  background: url(../image/ask_after.png) no-repeat;
  position: absolute;
  right: 0;
  bottom: 0;
  border-radius: 30px;
}
.ask-cont .ask-tit {
  font-size: 24px;
  color: #255c4f;
  line-height: 1.5;
  display: block;
  padding-left: 50px;
  position: relative;
  z-index: 1;
}
.ask-cont .ask-tit:before {
  width: 31px;
  height: 30px;
  position: absolute;
  left: 0;
  top: 5px;
  content: "";
  display: block;
  background: url(../image/wen.png) no-repeat;
  background-size: cover;
}
.ask-cont .answer-box {
  padding-left: 50px;
  margin-top: 25px;
  position: relative;
  z-index: 1;
}
.ask-cont .answer-box:before {
  width: 31px;
  height: 30px;
  position: absolute;
  left: 0;
  top: 5px;
  content: "";
  display: block;
  background: url(../image/da.png) no-repeat;
  background-size: cover;
}
.ask-cont .answer-box p {
  background: #fff;
  color: #255c4f;
  line-height: 1.86;
  font-size: 18px;
  padding: 23px 25px;
  border: 1px solid #255c4f;
  border-radius: 20px;
  text-indent: 0 !important;
}
.consulting-the {
  background: #255c4f;
  position: relative;
  z-index: 1;
  margin-left: 240px;
  margin-top: 25px;
  border-radius: 20px;
  padding: 21px 30px 21px 20px;
  overflow: hidden;
}
.consulting-the p {
  color: #f5fffc !important;
  font-size: 26px;
  font-weight: 100;
  float: left;
  line-height: 42;
  margin-bottom: 0 !important;
  text-indent: 0 !important;
}
.consulting-the .wd2_zixun {
  display: block;
  width: 95px;
  height: 42px;
  line-height: 42px;
  text-align: center;
  border-radius: 28px;
  background: #f0b529;
  font-weight: bold;
  color: #fff;
  float: right;
  font-size: 20px;
}
/* 右下角商务通 */
.fixed-box {
  width: 384px;
  position: fixed;
  bottom: -100%;
  right: 0;
  z-index: 99991;
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}
.fix-colse {
  width: 75px;
  height: 30px;
  position: absolute;
  right: 4px;
  top: 10px;
  cursor: pointer;
  display: block;
  background: url(../image/close-swt.png) no-repeat center;
}
.fixed-box.open {
  bottom: 0;
}
/* 新年装饰添加 */
.btm_fixed {
  position: fixed;
  z-index: 333;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 80px;
  background: url(../image/xnbg.jpg) center bottom no-repeat;
  background-size: cover;
}
.btm_fixed .btm_gb {
  width: 32px;
  height: 32px;
  position: absolute;
  right: 8px;
  top: 8px;
  cursor: pointer;
  z-index: 33;
}
.btm_fixed .wrap {
  position: relative;
  height: 80px;
}
.btm_fixed .wrap:after {
  content: '';
  display: block;
  clear: both;
}
.btm_fixed .wrap .btm_tiger {
  width: 204px;
  height: auto;
  position: absolute;
  bottom: 0;
  left: 0;
}
.btm_fixed .wrap .btm_text {
  float: left;
  position: relative;
}
.btm_fixed .wrap .btm_text .left_text {
  float: left;
}
.btm_fixed .wrap .btm_text .left_text .btm_wz {
  width: 702px;
  margin-top: 26px;
  margin-left: 165px;
}
.btm_fixed .wrap .btm_text .btm_swt {
  width: 242px;
  height: 68px;
  background: url(../image/xnzx.png) left top no-repeat;
  background-size: 100% auto;
  float: left;
  margin-left: 87px;
  margin-top: 12px;
  position: relative;
  -webkit-animation: enlarge 3s linear infinite;
  animation: enlarge 3s linear infinite;
  overflow: hidden;
  cursor: pointer;
}
.btm_fixed .wrap .btm_text:before {
  content: '';
  display: block;
  position: absolute;
  width: 37px;
  height: 23px;
  background: url(../image/xnyb.png) left bottom no-repeat;
  background-size: 100% auto;
  bottom: 3px;
  right: -37px;
}
.btm_fixed .wrap .btm_text:after {
  content: '';
  display: block;
  clear: both;
}
@keyframes enlarge {
  0% {
    transform: scale(1);
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
  }
  14% {
    transform: scale(0.95);
    -webkit-transform: scale(0.95);
    -ms-transform: scale(0.95);
  }
  42% {
    transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
  }
  66% {
    transform: scale(1);
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
  }
  100% {
    transform: scale(1);
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
  }
}
@media screen and (max-width: 1400px) {
  .btm_fixed .wrap .btm_text .left_text .btm_wz {
    width: 660px;
  }
  .btm_fixed .wrap .btm_tiger {
    width: 180px;
  }
  .btm_fixed .wrap .btm_text .btm_swt {
    width: 200px;
    margin-top: 16px;
  }
}
.head-con .nav li a {
    color: #fff;
}
.head-con .nav li {
    color: #fff;
}
.video-i {
	font-size: 18px;
    color: #4d4f53;
    line-height: 2em;
    margin-bottom: 30px;
	text-align: center;
}
.prev-next p {
    text-align: center;
    margin-top: 10px;
}
.clear {
	clear: both;
}
.tpzs img {
    width: 96%;
    margin: 2%;
}
.tpzs li {
	font-size: 18px;
	text-align: center;
	width:50%;
	float: left;
}
.xyp {
    width: 40%;
    float: right;
}
.syp {
    width: 40%;
    float: left;
}
#preview {
    text-align: center;
}
.index-footer a {
    color: #fff;
}
.index-footer span {
    padding-left: 20px;
}
.content-left {
    width: 65%;
    float: left;
}
.bili {
    position: relative;
    overflow: hidden;
    padding-top: 56.25%;
}
.bilibili {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}