﻿.tr {
  -webkit-transition: .5s;
  -moz-transition: .5s;
  -ms-transition: .5s;
  -o-transition: .5s;
  transition: .5s;
}
.tr2 {
  -moz-transition: all 2s ease 0s;
  -ms-transition: all 2s ease 0s;
  -o-transition: all 2s ease 0s;
  -webkit-transition: all 2s ease 0s;
  transition: all 2s ease 0s;
}
.ov {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.tr3 {
  -moz-transition: all .3s ease 0s;
  -ms-transition: all .3s ease 0s;
  -o-transition: all .3s ease 0s;
  -webkit-transition: all .3s ease 0s;
  transition: all .3s ease 0s;
}
.tr4 {
  -moz-transition: all 1.8s ease 0s;
  -ms-transition: all 1.8s ease 0s;
  -o-transition: all 1.8s ease 0s;
  -webkit-transition: all 1.8s ease 0s;
  transition: all 1.8s ease 0s;
}
/*客服*/
.qqkefu {
  position: fixed;
  top: 50%;
  z-index: 20;
  /*right:0;*/
  right: 30px;
  width: 39px;
}
.qqkefu ul li {
  width: 45px;
  height: 45px;
  margin-bottom: 1px;
  float: right;
  background: #fb641e;
  line-height: 45px;
  font-size: 14px;
  cursor: pointer;
  position: relative;
}
.qqkefu ul li a {
  color: #fff;
  overflow: hidden;
  display: block;
  height: 45px;
  padding-left: 10px;
}
.qqkefu ul li.top {
  background: url(../images/backr.png) no-repeat center #fb641e;
  position: relative;
  width: 45px;
  height: 45px;
  cursor: pointer;
}
.qqkefu ul li.top:hover {
  background: url(../images/backr.png) no-repeat center #ee1b24;
}
.qqkefu ul li.qq_cza {
  overflow: hidden;
}
.qqkefu ul li:hover {
  background: #ee1b24;
}
.qqkefu ul li b {
  width: 45px;
  height: 45px;
  display: block;
  overflow: hidden;
  float: right;
}
.qqkefu ul li span {
  font-size: 14px;
  font-weight: bold;
  color: #FFF;
}
.qqkefu ul li b.a {
  background: url(../images/qq.png) no-repeat center center;
}
.qqkefu ul li b.b {
  background: url(../images/zixun.png) no-repeat center center;
}
.qqkefu ul li b.c {
  background: url(../images/weixin.png) no-repeat center center;
}
.qqkefu ul li b.e {
  background: url(../images/tel.png) no-repeat center center;
}
.qqkefu ul li.qq_czae {
  line-height: 15px !important;
}
.erweima {
  width: 130px;
  height: 150px;
  position: absolute;
  top: -107px;
  left: -150px;
  background: #FFF;
  border: 1px solid #CCC;
  float: left;
  cursor: default !important;
  display: none;
  /*overflow: hidden;*/
}
.erweima p {
  line-height: 20px;
  color: #000;
  font-size: 12px;
  text-align: center;
  float: left;
  width: 130px;
}
.erweima p img {
  width: 110px;
  height: 110px;
  margin: 10px 10px 0px 10px;
}
.erweima .arrow3 {
  width: 5px;
  height: 10px;
  display: block;
  background: url(../images/czx6.png) no-repeat;
  position: absolute;
  right: -5px;
  top: 122px;
}
.banner_inner {
  width: 100%;
  overflow: hidden;
}
.bg_bran {
  background: #fff;
}
.bran_inner {
  width: 1310px;
  margin: 0 auto;
  overflow: hidden;
  text-align: right;
  line-height: 46px;
  color: #8d8d8d;
}
.bran_inner a {
  display: inline-block;
  padding: 10px 2px;
  line-height: 46px;
  color: #8d8d8d;
  -webkit-transition: .5s;
  -moz-transition: .5s;
  -ms-transition: .5s;
  -o-transition: .5s;
  transition: .5s;
}
.bran_inner a:last-child,
.bran_inner a:hover {
  color: #333;
}
.con_bg {
  background: #eef2f5;
}
.con_box {
  width: 1310px;
  margin: 0 auto;
  padding: 45px 0px;
}
.nav_left {
  width: 250px;
  overflow: hidden;
  float: left;
}
.page_main {
  font-size: 24px;
  line-height: 21px;
  margin-bottom: 5px;
}
.nav_1 {
  background: #fb641e;
  text-align: left;
  color: #fff;
  padding: 30px 10px 25px 33px;
}
.nav_en {
  font-size: 12px;
  line-height: 21px;
  color: rgba(255, 255, 255, 0.4);
  font-family: Arial;
}
.navl2 > li > a {
  display: block;
  line-height: 56px;
  color: #333;
  position: relative;
  padding-left: 32px;
  -webkit-transition: .5s;
  -moz-transition: .5s;
  -ms-transition: .5s;
  -o-transition: .5s;
  transition: .5s;
}
.navl2 > li > a:before {
  content: "";
  position: absolute;
  width: 4px;
  height: 0;
  background: #fb641e;
  left: 0;
  top: 0;
  -webkit-transition: .5s;
  -moz-transition: .5s;
  -ms-transition: .5s;
  -o-transition: .5s;
  transition: .5s;
}
.navl2 > li {
  margin-top: 2px;
  background: #fff;
}
.navl2 {
  border-bottom: solid #fb641e 3px;
}
.navl2 > li > a:hover:before,
.navl2 > .on > a:before {
  height: 100%;
}
.navl2 > li > a:hover,
.navl2 > .on > a {
  background: #f7f0ed;
}
/*pro*/
.cont_r {
  width: 1035px;
  float: right;
  overflow: hidden;
}
.pro_img {
  width: 503px;
  height: 334px;
  overflow: hidden;
}
.pro_img img {
  width: 503px;
  height: 334px;
  display: block;
}
.pro_font {
  font-size: 16px;
  color: #333;
  line-height: 26px;
  padding: 15px 66px 15px 24px;
  background: #fff;
  position: relative;
  -webkit-transition: .5s;
  -moz-transition: .5s;
  -ms-transition: .5s;
  -o-transition: .5s;
  transition: .5s;
}
.probox .pro_a:nth-of-type(2n) {
  margin-bottom: 20px;
  margin-right: 0;
}
.probox .pro_a:last-child {
  margin-bottom: 0;
}
.pro_font:before {
  content: "";
  position: absolute;
  width: 18px;
  height: 18px;
  -webkit-transition: .5s;
  -moz-transition: .5s;
  -ms-transition: .5s;
  -o-transition: .5s;
  transition: .5s;
  right: 24px;
  top: 50%;
  margin-top: -12px;
  background: url(../images/more.png) no-repeat center;
}
.pro_a {
  display: block;
  float: left;
  margin-right: 29px;
  border-bottom: solid #dcdcdc 1px;
  overflow: hidden;
  -webkit-transition: .5s;
  -moz-transition: .5s;
  -ms-transition: .5s;
  -o-transition: .5s;
  transition: .5s;
}
.pro_a img {
  width: 503px;
  height: 353px;
  display: block;
  -moz-transition: all 2s ease 0s;
  -ms-transition: all 2s ease 0s;
  -o-transition: all 2s ease 0s;
  -webkit-transition: all 2s ease 0s;
  transition: all 2s ease 0s;
}
.pro_a img:hover {
  transform: scale(1.2);
}
.pro_a:hover .pro_font {
  color: #FB641E;
}
.pro_a:hover .pro_font:before {
  background-image: url(../images/moreh.png);
}
.pro_a:hover {
  border-color: #FB641E;
}
.tilter {
  perspective: 1000px;
  -webkit-perspective: 1000px;
}
.tilter * {
  pointer-events: none;
}
.tilter:hover,
.tilter:focus {
  color: #fff;
  outline: none;
}
/*
.tilter__figure,
.tilter__deco,
.tilter__caption{will-change: transform;}*/
.tilter__figure,
.tilter__image {
  margin: 0;
  width: 100%;
  height: 100%;
  display: block;
  translation: .1s;
}
.tilter__figure > * {
  transform: translateZ(0px);
}
.smooth .tilter__figure,
.smooth .tilter__deco--overlay,
.smooth .tilter__deco--lines,
.smooth .tilter__deco--shine div,
.smooth .tilter__caption {
  transition: transform 0.2s ease-out;
}
.tilter__figure {
  position: relative;
}
.tilter__figure::before {
  content: '';
  position: absolute;
  width: 90%;
  height: 90%;
  top: 5%;
  left: 5%;
}
.tilter__deco {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.tilter__deco--overlay {
  background-image: linear-gradient(45deg, rgba(226, 60, 99, 0.4), rgba(145, 58, 252, 0.4), rgba(16, 11, 192, 0.4));
}
.tilter__deco--shine div {
  position: absolute;
  width: 200%;
  height: 200%;
  top: -50%;
  left: -50%;
}
.tilter__deco--lines {
  fill: none;
  stroke: #fff;
  stroke-width: 1.5px;
}
.tilter__caption {
  position: absolute;
  bottom: 0;
  width: 100%;
  padding: 4em;
}
.tilter__title {
  margin: 0;
  font-weight: normal;
  font-size: 2.5em;
  font-family: 'Abril Fatface', serif;
  line-height: 1;
}
.tilter__description {
  margin: 1em 0 0 0;
  font-size: 0.85em;
  letter-spacing: 0.15em;
}
.tilter--2,
.tilter--2:hover,
.tilter--2:focus {
  color: #2e27ad;
}
.tilter--2 .tilter__deco--overlay {
  background-image: linear-gradient(45deg, rgba(245, 239, 40, 0.6), rgba(164, 22, 169, 0.6));
}
.tilter--2 .tilter__deco--lines {
  stroke: #2e27ad;
  stroke-width: 4px;
}
/* Example 3 (no lines, overlay hard-light)*/
.tilter--3 .tilter__deco--overlay {
  background-image: linear-gradient(45deg, rgba(205, 81, 220, 0.6), rgba(41, 94, 230, 0.5));
}
.tilter--3 .tilter__caption {
  padding: 2em;
  text-align: right;
  text-shadow: 0.1em 0.8em 1em rgba(0, 0, 0, 0.35);
}
/* Example 4 (caption sliding in)*/
.tilter--4 .tilter__deco--overlay {
  background-image: linear-gradient(20deg, #d66428, rgba(46, 39, 173, 0.58), rgba(53, 74, 165, 0.6));
}
@media screen and (min-width: 30em) {
  .tilter--4 .tilter__deco--lines {
    transform: scale3d(0.8, 0.8, 1);
    transition: transform 0.4s;
  }
  .tilter--4:hover .tilter__deco--lines {
    transform: scale3d(1, 1, 1);
  }
  .tilter--4 .tilter__title,
  .tilter--4 .tilter__description {
    transform: translate3d(0, 80px, 0);
    opacity: 0;
    transition: transform 0.4s, opacity 0.4s;
  }
  .tilter--4:hover .tilter__description {
    transition-delay: 0.1s;
  }
  .tilter--4:hover .tilter__title,
  .tilter--4:hover .tilter__description {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
/* Example 5 (line animating)*/
.tilter--5 .tilter__deco--lines path {
  stroke-dasharray: 1270;
  stroke-dashoffset: 1270;
  transition: stroke-dashoffset 0.7s;
}
.tilter--5:hover .tilter__deco--lines path {
  stroke-dashoffset: 0;
}
.tilter--5 .tilter__figure::before {
  box-shadow: none;
}
/* Example 6 (different line position)*/
.tilter--6,
.tilter--6:hover,
.tilter--6:focus {
  color: #2e27ad;
}
.tilter--6 .tilter__deco--overlay {
  background-image: linear-gradient(45deg, rgba(46, 39, 173, 0.2), rgba(255, 186, 59, 0.58));
}
.tilter--6 .tilter__deco--lines {
  stroke: #2e27ad;
  stroke-width: 6px;
  top: -50px;
  left: -50px;
}
.tilter--6 .tilter__caption {
  padding: 0 4em 5.5em 1em;
}
.tilter--6 .tilter__figure::before {
  box-shadow: none;
}
/* Example 7 (different line)*/
.tilter--7 .tilter__deco--overlay {
  background-image: linear-gradient(45deg, rgba(93, 203, 106, 0.48), rgba(59, 239, 255, 0.58));
}
.tilter--7 .tilter__deco--lines {
  stroke-width: 20px;
  transform: scale3d(0.9, 0.9, 1);
  opacity: 0;
  transition: transform 0.3s, opacity 0.3s;
}
.tilter--7:hover .tilter__deco--lines {
  opacity: 1;
  transform: scale3d(1, 1, 1);
}
.tilter--7 .tilter__figure::before {
  box-shadow: none;
}
/* Example 8 (different line)*/
.tilter--8 {
  perspective: none;
}
.tilter--8 .tilter__figure {
  transform-style: flat;
}
.tilter--8 .tilter__deco--lines {
  stroke: #9255ae;
  stroke-width: 6px;
  mix-blend-mode: color-burn;
}
.tilter--8 .tilter__caption {
  color: #9255ae;
  mix-blend-mode: color-burn;
}
.tilter--8 .tilter__figure::before {
  box-shadow: none;
}
.hidden {
  position: absolute;
  overflow: hidden;
  width: 0;
  height: 0;
  pointer-events: none;
}
/* Icons*/
.icon {
  display: block;
  width: 1.5em;
  height: 1.5em;
  margin: 0 auto;
  fill: currentColor;
}
/* Loader*/
.js .loading::before {
  content: '';
  position: fixed;
  color: #fff;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(206, 209, 223, 0.9);
  z-index: 100;
  text-align: center;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.js .loading::after {
  content: '';
  position: fixed;
  top: 50%;
  left: 50%;
  width: 54px;
  height: 70px;
  margin: -35px 0 0 -27px;
  pointer-events: none;
  z-index: 10000;
  border: 4px solid #fff;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  -webkit-animation: loaderAnim 0.8s ease-out infinite alternate forwards;
  animation: loaderAnim 0.8s ease-out infinite alternate forwards;
}
@-webkit-keyframes loaderAnim {
  to {
    opacity: 0.3;
    -webkit-transform: translate3d(0, -100px, 0);
    transform: translate3d(0, -100px, 0);
  }
}
@keyframes loaderAnim {
  to {
    opacity: 0.3;
    -webkit-transform: translate3d(0, -100px, 0);
    transform: translate3d(0, -100px, 0);
  }
}
/* Header*/
.codrops-header {
  align-self: flex-start;
  position: relative;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  text-align: center;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  padding: 3em 1em 4em;
}
.codrops-header__title {
  font-size: 2em;
  margin: 0;
  padding: 0;
  color: #7d5fb5;
}
.codrops-header__tagline {
  margin: 0;
  padding: 0 1em;
}
.codrops-demos {
  margin: 1em 0 0;
}
.codrops-demos a {
  border-bottom: 1px solid;
  display: inline-block;
  padding: 0.2em 0;
  transition: border-color 0.2s, color 0.2s;
}
.codrops-demos a:hover,
.codrops-demos a:focus {
  border-color: transparent;
}
.codrops-links {
  position: relative;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
  white-space: nowrap;
}
.codrops-links::after {
  position: absolute;
  top: 15%;
  left: 50%;
  width: 1px;
  height: 70%;
  background: currentColor;
  opacity: 0.7;
  content: '';
  -webkit-transform: rotate3d(0, 0, 1, 22.5deg);
  transform: rotate3d(0, 0, 1, 22.5deg);
}
.codrops-icon {
  display: inline-block;
  margin: 0.5em;
  padding: 0.5em;
}
.github-icon {
  fill: #7d5fb5;
  color: #222127;
  position: absolute;
  top: 0;
  border: 0;
  right: 0;
}
.github-corner:hover .octo-arm {
  transform-origin: 130px 106px;
  animation: octocat-wave 560ms ease-in-out;
}
@keyframes octocat-wave {
  0%,
  100% {
    transform: rotate(0);
  }
  20%,
  60% {
    transform: rotate(-25deg);
  }
  40%,
  80% {
    transform: rotate(10deg);
  }
}
@media (max-width: 500px) {
  .github-corner:hover .octo-arm {
    animation: none;
  }
  .github-corner .octo-arm {
    animation: octocat-wave 560ms ease-in-out;
  }
}
/* Content*/
.pic_content {
  overflow: hidden;
  position: relative;
}
.content--c2 {
  background: #e5f8a3;
}
.content--c3 {
  background: #2e27ad;
}
.content--c4 {
  background: #ffb59c;
}
.content--c5 {
  background: #e0f0f9;
}
.content--c6 {
  background: #232138;
}
.content--c7 {
  background: #4d5965;
}
/* Related demos*/
.content--related {
  height: auto;
  text-align: center;
  font-weight: bold;
  min-height: 0;
  padding-bottom: 10em !important;
  background: #f1ebf0;
}
.content--related > p {
  width: 100%;
}
.media-item {
  display: inline-block;
  padding: 1em;
  vertical-align: top;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}
.media-item__img {
  max-width: 100%;
  opacity: 0.3;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
.media-item:hover .media-item__img,
.media-item:focus .media-item__img {
  opacity: 1;
}
.media-item__title {
  margin: 0;
  padding: 0.5em;
  font-size: 1em;
}
@media screen and (max-width: 55.625em) {
  .content {
    height: auto;
  }
}
.paging {
  text-align: center;
  width: 1035px;
  margin-top: 40px;
}
.paging a {
  display: inline-block;
  font-size: 13px;
  color: #7E7D7D;
  line-height: 32px;
  font-family: Arial;
  width: 32px;
  height: 32px;
  box-sizing: border-box;
  border: solid #d6d8d9 1px;
  -webkit-transition: .5s;
  -moz-transition: .5s;
  -ms-transition: .5s;
  -o-transition: .5s;
  transition: .5s;
  margin-left: 5px;
}
.paging .paging_prev {
  background: url(../images/prev.png) no-repeat center #b5b8bc;
}
.paging .paging_next {
  background: url(../images/next.png) no-repeat center #b5b8bc;
}
.paging .shangyi{ display:none;}
.paging a:hover,
.paging .on {
  color: #fff;
  background-color: #FB641E;
}
.more_h {
  font-size: 24px;
  line-height: 18px;
}
.con_botL {
  color: #ffffff;
  line-height: 62px;
  width: 700px;
  float: left;
}
.conta_link {
  display: block;
  width: 149px;
  height: 39px;
  background: #fff;
  -webkit-transition: .5s;
  -moz-transition: .5s;
  -ms-transition: .5s;
  -o-transition: .5s;
  transition: .5s;
  text-align: center;
  box-sizing: border-box;
  color: #388FD9;
  line-height: 39px;
  margin-top: 14px;
}
.conb_inner {
  width: 1310px;
  margin: 0 auto;
  overflow: hidden;
  padding: 60px 0 43px 0;
}
.conta_link:hover {
  background: #fb641e;
  color: #fff;
  border-color: #fb641e;
}
.back_top {
  display: block;
  width: 61px;
  height: 61px;
  border-radius: 50%;
  float: right;
  background: url(../images/back.png) no-repeat center rgba(30, 34, 37, 0.5);
  -webkit-transition: .5s;
  -moz-transition: .5s;
  -ms-transition: .5s;
  -o-transition: .5s;
  transition: .5s;
}
.back_top:hover {
  background-position-y: 12px;
}
/*prodet*/
.prodet {
  background: #fff;
  padding: 23px 23px 55px 23px;
}
.prodet_tit {
  font-size: 24px;
  line-height: 30px;
  color: #333;
  text-align: center;
  padding: 8px 0 20px 0;
}
.prodet_list {
  overflow: hidden;
  margin-bottom: 12px;
}
.prodet_list li {
  width: 318px;
  float: left;
  margin-right: 17px;
}
.prodet_list li:last-child {
  margin-right: 0;
}
.prodetimg {
  width: 317px;
  height: 223px;
  overflow: hidden;
}
.prodetimg img {
  width: 317px;
  display: block;
  -moz-transition: all 2s ease 0s;
  -ms-transition: all 2s ease 0s;
  -o-transition: all 2s ease 0s;
  -webkit-transition: all 2s ease 0s;
  transition: all 2s ease 0s;
}
.prodet_list li:hover img {
  transform: scale(1.3);
}
.prodet_name {
  font-size: 16px;
  color: #333333;
  line-height: 21px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-bottom: 7px;
}
.prodet_p {
  font-size: 13px;
  color: #666666;
  line-height: 24px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}
.prodet_font1 {
  padding: 25px 25px 10px 25px;
  border: solid #e5e5e5 1px;
  height: 110px;
}
.table1 {
  width: 100%;
  font-size: 12px;
  line-height: 36px;
  color: #333333;
  text-align: center;
}
.table1 td {
  border: solid #d2d2d2 1px;
}
.order_n {
  text-align: center;
  margin-top: 23px;
}
.order_n a {
  display: inline-block;
  width: 203px;
  height: 39px;
  border: solid #E5E5E5  1px;
  font-size: 12px;
  color: #333333;
  line-height: 39px;
  box-sizing: border-box;
  -webkit-transition: .5s;
  -moz-transition: .5s;
  -ms-transition: .5s;
  -o-transition: .5s;
  transition: .5s;
}
.order_n a:first-child {
  border-right: none;
  margin-right: -5px;
  padding-left: 60px;
  background: url(../images/prev1.png) no-repeat 54px center;
}
.order_n a:last-child {
  padding-right: 60px;
  background: url(../images/nextp.png) no-repeat 140px center;
}
.order_n a:hover {
  color: #fb641e;
}
.order_n a:first-child:hover {
  background-image: url(../images/prevh.png);
}
.order_n a:last-child:hover {
  background-image: url(../images/necth.png);
}
.other_pro {
  font-size: 24px;
  color: #333333;
  line-height: 30px;
  padding-top: 25px;
  padding-bottom: 15px;
}
.prodet_list2 .pro_a:nth-of-type(2n) {
  margin-right: 0;
}
.prodet_list2 .pro_a:hover img {
  transform: scale(1.3);
}
.fz_year {
  width: 202px;
  float: left;
  font-size: 24px;
  line-height: 46px;
  color: #333;
  font-weight: bold;
}
.fzbox {
  overflow: hidden;
  padding: 60px 40px;
  background: #fff;
}
.fz_year li {
  border-bottom: solid #d2d2d2 1px;
  margin-right: 61px;
  padding: 50px 0 50px 6px;
  position: relative;
  cursor: pointer;
}
.fz_year li:after {
  content: "";
  position: absolute;
  width: 5px;
  height: 161px;
  right: -57px;
  top: 0;
  background: #fb641e;
  -moz-transition: all 2s ease 0s;
  -ms-transition: all 2s ease 0s;
  -o-transition: all 2s ease 0s;
  -webkit-transition: all 2s ease 0s;
  transition: all 2s ease 0s;
  opacity: 0;
  filter: alpha(opacity=0);
}
.fz_year li:before {
  content: "";
  position: absolute;
  width: 15px;
  height: 15px;
  right: -62px;
  top: 61px;
  background: url(../images/yuan.png) no-repeat center;
  z-index: 4;
}
.fz_year li:hover:after,
.fz_year .on:after {
  opacity: 1;
  filter: alpha(opacity=100);
}
.fz_detyear {
  font-size: 20px;
  color: #333333;
  line-height: 46px;
  font-weight: bold;
}
.fz_detp {
  color: #333333;
  line-height: 26px;
}
.fz_det_list li {
  border: solid #DCDCDC 1px;
  position: relative;
  -webkit-transition: .5s;
  -moz-transition: .5s;
  -ms-transition: .5s;
  -o-transition: .5s;
  transition: .5s;
  padding: 20px 40px 36px 40px;
  min-height: 149px;
  box-sizing: border-box;
  margin-top: 16px;
}
.fz_det_list li:first-child {
  margin-top: 0;
}
.fz_det_list li:before {
  content: "";
  position: absolute;
  width: 30px;
  height: 20px;
  background: url(../images/jiant.png) no-repeat center #fff;
  left: -24px;
  top: 50px;
}
.fz_right {
  margin-left: 195px;
  border-left: solid #DCDCDC 1px;
  padding-left: 61px;
}
.fz_det_list li:hover {
  transform: translateX(-15px);
  box-shadow: 0px 10px 20px -10px #555;
}
.fz_det_list li:hover img {
  transform: translateY(-5px);
}
.fz_det_list {
  display: none;
  -moz-transition: all 2s ease 0s;
  -ms-transition: all 2s ease 0s;
  -o-transition: all 2s ease 0s;
  -webkit-transition: all 2s ease 0s;
  transition: all 2s ease 0s;
}
.fz_right .on {
  display: block;
}
.fzimg {
  margin-top: 23px;
}
.fzimg img {
  display: block;
  width: 616px;
  -webkit-transition: .5s;
  -moz-transition: .5s;
  -ms-transition: .5s;
  -o-transition: .5s;
  transition: .5s;
}
.gs_tit {
  font-size: 18px;
  line-height: 46px;
  color: #333;
  font-weight: bold;
}
.gs_p {
  line-height: 28px;
  color: #333;
  height: 295px;
  overflow-y: auto;
}
.gs_font1 {
  background: #fff;
  width: 649px;
  float: left;
  padding: 30px 40px 35px 40px;
  height: 408px;
  box-sizing: border-box;
}
.gs_p::-webkit-scrollbar {
  width: 3px;
  background: #fb641e repeat-y center;
  height: 20px;
}
.gs_p::-webkit-scrollbar-thumb {
  background: #dcdcdc repeat-y center;
  width: 3px;
  background-clip: padding-box;
  height: 13px ;
  border-radius: 15px;
  background-size: 1px;
}
.gsjj1 {
  width: 1310px;
  margin: 0 auto;
  padding-top: 65px;
  overflow: hidden;
  margin-bottom: 65px;
}
.gsimg1 {
  float: right;
  width: 661px;
  height: 408px;
  overflow: hidden;
}
.gsimg1 img {
  width: 661px;
  display: block;
  -moz-transition: all 2s ease 0s;
  -ms-transition: all 2s ease 0s;
  -o-transition: all 2s ease 0s;
  -webkit-transition: all 2s ease 0s;
  transition: all 2s ease 0s;
}
.gsimg1 img:hover {
  transform: scale(1.2);
}
.spbg {
  position: relative;
  cursor: pointer;
}
.spbg:before {
  content: "";
  position: absolute;
  width: 80px;
  height: 80px;
  background: url(../images/spcl.png) no-repeat center rgba(51, 51, 51, 0.5);
  border-radius: 50%;
  overflow: hidden;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  -webkit-transition: .5s;
  -moz-transition: .5s;
  -ms-transition: .5s;
  -o-transition: .5s;
  transition: .5s;
}
.onsp:before {
  display: none;
}
.spbg:hover:before {
  background-position-x: 35px;
}
.gsjj2 {
  overflow: hidden;
}
.gsjj2 .gs_font1 {
  float: right;
}
.about1 {
  overflow: hidden;
  height: 622px;
  width: 1310px;
  margin: 0 auto;
  padding-top: 60px;
}
.about1_l {
  width: 645px;
  float: left;
  height: 622px;
  color: #fff;
  padding: 45px 50px;
  box-sizing: border-box;
  position: relative;
  display: block;
cursor: pointer;
}
.about1_l img {
  width: 645px;
  display: block;
  -moz-transition: all 2s ease 0s;
  -ms-transition: all 2s ease 0s;
  -o-transition: all 2s ease 0s;
  -webkit-transition: all 2s ease 0s;
  transition: all 2s ease 0s;
}
.about1_l:hover img {
  transform: scale(1.2);
}
.abimg {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  overflow: hidden;
}
.about_tit {
  font-size: 24px;
  line-height: 62px;
  font-weight: bold;
  position: relative;
  z-index: 5;
}
.about_p {
  font-size: 16px;
  line-height: 27px;
  margin-bottom: 45px;
  position: relative;
  z-index: 5;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}
.ab_more {
  font-size: 15px;
  line-height: 50px;
  text-align: left;
  color: #fff;
  padding-left: 25px;
  position: relative;
  z-index: 5;
  display: block;
  width: 185px;
  padding-right: 30px;
  border: solid #fff 1px;
  -webkit-transition: .5s;
  -moz-transition: .5s;
  -ms-transition: .5s;
  -o-transition: .5s;
  transition: .5s;
  background: url(../images/abmore_03.png) no-repeat 210px center;
  cursor: pointer;
}
.ab_more:hover {
  background: url(../images/moreff.png) no-repeat 210px center #fb641e;
  color: #fff;
  border-color: #fb641e;
}
.jz {
  width: 645px;
  height: 300px;
  display: block;
  position: relative;
}
.about_r {
  width: 645px;
  float: right;
  height: 622px;
}
.jz_tit {
  font-size: 24px;
  line-height: 62px;
  color: #fff;
  position: relative;
  padding-top: 210px;
  box-sizing: border-box;
  padding-left: 50px;
}
.about_r .jz:first-child {
  margin-bottom: 23px;
}
.jz_img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  overflow: hidden;
}
.jz_img img {
  width: 645px;
  display: block;
  -moz-transition: all 2s ease 0s;
  -ms-transition: all 2s ease 0s;
  -o-transition: all 2s ease 0s;
  -webkit-transition: all 2s ease 0s;
  transition: all 2s ease 0s;
}
.jz:hover img {
  transform: scale(1.2);
}
@keyframes boderM {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    opacity: 0;
  }
  20% {
    opacity: 1;
  }
  75% {
    -webkit-transform: scale(2);
    -moz-transform: scale(2);
    -ms-transform: scale(2);
    -o-transform: scale(2);
    transform: scale(2);
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes boderM {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    opacity: 0;
  }
  20% {
    opacity: 1;
  }
  75% {
    -webkit-transform: scale(2);
    -moz-transform: scale(2);
    -ms-transform: scale(2);
    -o-transform: scale(2);
    transform: scale(2);
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
.about2 {
  height: 595px;
  overflow: hidden;
  margin-top: 60px;
  position: relative;
}
.fz_list2 {
  width: 1310px;
  margin: 0 auto;
  padding-top: 226px;
}
.fz_list2 li {
  width: 194px;
  float: left;
  margin-right: 155px;
  position: relative;
}
.yuanli2 {
  position: absolute;
  display: block;
  width: 12px;
  height: 12px;
  background: #fff;
  border-radius: 50%;
  top: 64px;
  left: 0;
  -moz-transition: all .3s ease 0s;
  -ms-transition: all .3s ease 0s;
  -o-transition: all .3s ease 0s;
  -webkit-transition: all .3s ease 0s;
  transition: all .3s ease 0s;
  -webkit-transition: all 1s ease;
  transition: all 1s ease;
}
.yuanli2:after,
.yuanli2:before {
  content: "";
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(255, 255, 255, 0.5);
  border-radius: 50%;
}
.fz_list2 li:last-child {
  margin-right: 30px;
}
.fz_list2 li:hover .yuanli2 {
  -webkit-transform: translateX(10px);
  -ms-transform: translateX(10px);
  -o-transform: translateX(10px);
  transform: translateX(10px);
}
.fz_list2 li:hover .yuanli2:before {
  -webkit-animation: boderM 3s infinite;
  -moz-animation: boderM 3s infinite;
  animation: boderM 3s infinite;
}
.fz_list2 li:hover .yuanli2:after {
  -webkit-animation: boderM 3s .75s infinite;
  -moz-animation: boderM 3s .75s infinite;
  animation: boderM 3s .75s infinite;
}
.fz_y2 {
  font-size: 24px;
  line-height: 64px;
  color: #fff;
  font-weight: bold;
}
.fz_font2 {
  font-size: 16px;
  line-height: 26px;
  color: #fff;
  margin-top: 40px;
}
.line1 {
  position: absolute;
  width: 100%;
  height: 1px;
  background: #fff;
  top: 49.8%;
  left: 0;
}
.fz_more {
  display: block;
  width: 190px;
  line-height: 49px;
  border: solid #dcdcdc 1px;
  font-size: 15px;
  color: #666666;
  -webkit-transition: .5s;
  -moz-transition: .5s;
  -ms-transition: .5s;
  -o-transition: .5s;
  transition: .5s;
  padding-left: 20px;
  padding-right: 30px;
  background: url(../images/morefz_03.png) no-repeat 208px center #fff;
  margin: 0 auto;
  margin-top: 30px;
}
.fz_more:hover {
  background: url(../images/moreff.png) no-repeat 208px center #fb641e;
  color: #fff;
  border-color: #fb641e;
}
.about3 {
  padding: 60px 0;
  width: 1310px;
  overflow: hidden;
  margin: 0 auto;
}
.about3 .about1_l:last-child {
  float: right;
}
.conbl {
  height: 158px;
  width: 446px;
  border: solid #e5e5e5 1px;
  padding: 35px 40px;
  float: left;
  box-sizing: border-box;
  background: #f7f0ed;
  line-height: 24px;
  color: #333;
}
.conb_tit {
  line-height: 28px;
  font-weight: bold;
  margin-bottom: 5px;
}
.conbl {
  color: #333;
  line-height: 24px;
}
.conbox1 .fr {
  float: right;
  padding-left: 84px;
}
.conbox1 {
  overflow: hidden;
  position: relative;
}
.contactb {
  width: 1037px;
  background: #fff;
  padding: 50px;
  box-sizing: border-box;
  overflow: hidden;
}
.con_yuan {
  font-size: 16px;
  line-height: 28px;
  color: #fff;
  font-weight: bold;
  width: 120px;
  height: 120px;
  border-radius: 50%;
  background: #fff;
  position: absolute;
  top: 50%;
  margin-top: -60px;
  left: 50%;
  margin-left: -60px;
}
.con_yuan:before {
  content: attr(data);
  position: absolute;
  width: 104px;
  height: 104px;
  background: #fb641e;
  top: 50%;
  left: 50%;
  margin-left: -52px;
  margin-top: -52px;
  border-radius: 50%;
  line-height: 104px;
  text-align: center;
}
.contact_com {
  line-height: 46px;
  font-weight: bold;
  background: #eef2f5;
  padding-left: 20px;
  border-bottom: solid #e1e7eb 1px;
}
.contact_list li {
  overflow: hidden;
  line-height: 28px;
  margin-bottom: 20px;
}
.contact_list li:last-child {
  margin-bottom: 0;
}
.contact_lx {
  border: solid #e5e5e5 1px;
  height: 153px;
  box-sizing: border-box;
  border-top: none;
  padding: 10px 20px 30px 20px;
}
.cont_com {
  width: 50%;
  float: left;
  box-sizing: border-box;
}
.contact_list {
  margin-top: 65px;
}
.contact_list li .cont_com:last-child .contact_lx {
  border-left: none;
}
.contact_list li .cont_com:first-child .contact_com {
  border-right: solid #e9ebed 1px;
}
.contactUs {
  width: 100%;
}
.liuyan_tit {
  font-size: 24px;
  line-height: 46px;
  text-align: center;
  padding: 28px 0 10px 0;
}
.input_div {
  overflow: hidden;
  margin-bottom: 11px;
}
.input_div input {
  width: 448px;
  display: block;
  padding-left: 17px;
  line-height: 47px;
  color: #8d8d8d;
  border: solid #dcdcdc 1px;
  float: left;
}
.input_div input:last-child {
  float: right;
}
.liuy {
  padding: 14px 17px;
  border: solid #dcdcdc 1px;
  width: 100%;
  color: #8d8d8d;
  height: 198px;
  box-sizing: border-box;
}
.sub {
  background: #fb641e;
  text-align: center;
  display: block;
  border: none;
  cursor: pointer;
  width: 100%;
  line-height: 50px;
  font-size: 15px;
  color: #fff;
  margin-top: 15px;
  transition: .5s;
}
.sub:hover {
  text-decoration: underline;
}
.honor_l {
  width: 397px;
  float: left;
  line-height: 26px;
  overflow-y: auto;
  color: #333;
  height: 513px;
  padding-right: 10px;
}
.honor_l p {
  border-bottom: dashed #ccc 1px;
  padding: 12px 0;
  cursor: pointer;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  -webkit-transition: .5s;
  -moz-transition: .5s;
  -ms-transition: .5s;
  -o-transition: .5s;
  transition: .5s;
}
.honor_l p:hover {
  color: #fb641e;
}
.honor_l::-webkit-scrollbar {
  width: 3px;
  background: #dcdcdc repeat-y center;
  height: 20px;
}
.honor_l::-webkit-scrollbar-thumb {
  background: #fb641e repeat-y center;
  width: 3px;
  background-clip: padding-box;
  height: 13px ;
  border-radius: 15px;
  background-size: 1px;
}
.qylist_top {
  margin-top: 30px;
}
.qywh_tit {
  font-size: 18px;
  line-height: 46px;
  color: #333;
}
.qywh_p {
  line-height: 24px;
  color: #666;
}
.qy_box1 {
  width: 306px;
    float: left;

}
.qy_list {
  margin-bottom: 22px;
}
.qy_list li {
  overflow: hidden;
  border-bottom: solid #eee 1px;
  padding: 35px 0;
}
.qy_list li .qy_box1:last-child {
  width: auto;
  padding-right: 10px;
}
.qy_list li:first-child {
  padding-top: 0;
}
.quytit {
  font-size: 18px;
  line-height: 46px;
  color: #333;
  text-align: left;
  font-weight: bold;
  padding-bottom: 8px;
}
.dz_list {
  width: 240px;
  float: left;
}
.dz_list li {
  text-align: center;
  line-height: 44px;
  cursor: pointer;
  border: solid #dcdcdc 1px;
  border-bottom: none;
  transition: .5s;
}
.dz_list li:last-child {
  border-bottom: solid #dcdcdc 1px;
}
.dz_list li:hover{color: #fff;background: #f18959;border-color: #f18959;}
.dz_list .on{color: #fff;background: #fb641e;border-color: #fb641e;}
.ditu_list {
  width: 755px;
  height: 310px;
  float: right;
}
.ditu_list li {
  width: 755px;
  height: 310px;
  display: none;
}
.ditu_list li img {
  display: block;
  width: 755px;
}
.ditu_list .on {
  display: block;
}
.contactb2 {
  overflow: hidden;
  background: #fff;
  padding: 25px 20px 20px 20px;
}
.qyfb_list {
  width: 1035px;
}
.qyfb_list li {
  overflow: hidden;
  background: #fff;
  padding: 14px;
  box-sizing: border-box;
  margin-top: 10px;
}
.qyimg {
  width: 275px;
  height: 174px;
  float: left;
  overflow: hidden;
}
.qyimg img {
  display: block;
  width: 275px;
  -moz-transition: all 2s ease 0s;
  -ms-transition: all 2s ease 0s;
  -o-transition: all 2s ease 0s;
  -webkit-transition: all 2s ease 0s;
  transition: all 2s ease 0s;
}
.qyimg img:hover {
  transform: scale(1.2);
}
.qyfb_ad {
  line-height: 43px;
  font-weight: bold;
}
.qyfb_font1 {
  line-height: 28px;
  padding-left: 23px;
  float: left;
}
.qyfb_font1 a {
  line-height: 28px;
}
.download_a {
  display: block;
  line-height: 50px;
  color: #333;
  padding: 0 22px;
  border-top: solid #eee 1px;
  overflow: hidden;
  -webkit-transition: .5s;
  -moz-transition: .5s;
  -ms-transition: .5s;
  -o-transition: .5s;
  transition: .5s;
}
.dowbox {
  background: #fff;
  padding: 35px 40px 50px 40px;
}
.dowload .download_a:first-child {
  border-top: none;
}
.dowload .download_a:last-child {
  border-bottom: solid #eee 1px;
}
.d_name {
  float: left;
  width: 650px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  -webkit-transition: .5s;
  -moz-transition: .5s;
  -ms-transition: .5s;
  -o-transition: .5s;
  transition: .5s;
}
.d_time {
  float: right;
  padding-right: 44px;
  -webkit-transition: .5s;
  -moz-transition: .5s;
  -ms-transition: .5s;
  -o-transition: .5s;
  transition: .5s;
  background: url(../images/download.png) no-repeat right center;
}

.d_time1 {
  float: right;
  -webkit-transition: .5s;
  -moz-transition: .5s;
  -ms-transition: .5s;
  -o-transition: .5s;
  transition: .5s;
}
.download_a:hover {
  background: #f7f0ed;
  color: #fb641e;
  border-color: #fb641e;
}
.download_a:hover .d_time {
  background-image: url(../images/downloadh.png);
}
.tz_box {
  width: 1310px;
  margin: 0 auto;
  padding: 45px 0;
  overflow: hidden;
}
.tz_box li {
  width: 644px;
  float: left;
}
.tz_a {
  display: block;
  width: 644px;
  height: 622px;
  overflow: hidden;
  position: relative;
}
.tz_a img,
.tz_lita img {
  display: block;
  width: 644px;
  -moz-transition: all 2s ease 0s;
  -ms-transition: all 2s ease 0s;
  -o-transition: all 2s ease 0s;
  -webkit-transition: all 2s ease 0s;
  transition: all 2s ease 0s;
}
.tz_font {
  font-size: 24px;
  line-height: 62px;
  color: #fff;
  text-align: left;
  font-weight: bold;
  position: absolute;
  bottom: 40px;
  width: 490px;
  left: 50%;
  margin-left: -245.5px;
}
.tz_lita {
  display: block;
  height: 300px;
  position: relative;
  width: 644px;
  margin-top: 22px;
  overflow: hidden;
}
.tz_box li:nth-of-type(2n) .tz_lita:first-child {
  margin-top: 0;
}
.tz_box li:nth-of-type(2n) {
  float: right;
  width: 644px;
}
.tz_lita:hover img,
.tz_a:hover img {
  transform: scale(1.2);
}
.new_time {
  line-height: 40px;
  color: #8d8d8d;
}
.new_tit {
  line-height: 31px;
  color: #333;
  font-weight: bold;
  -webkit-transition: .5s;
  -moz-transition: .5s;
  -ms-transition: .5s;
  -o-transition: .5s;
  transition: .5s;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.new_p {
  line-height: 26px;
  color: #333;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}
.newa {
  display: block;
  padding: 18px 30px;
  background: #fff;
  height: 164px;
  width: 583px;
  margin-bottom: 11px;
  overflow: hidden;
}
.newa_l {
  width: 642px;
}
.newa:hover .new_tit {
  color: #fb641e;
}
.new_font {
  width: 325px;
  float: left;
  -webkit-transition: .5s;
  -moz-transition: .5s;
  -ms-transition: .5s;
  -o-transition: .5s;
  transition: .5s;
}
.no_img .new_font {
  width: 571px;
}
.new_font:hover {
  padding-left: 10px;
}
.new_img {
  width: 238px;
  float: right;
  height: 160px;
  overflow: hidden;
}
.new_img img {
  display: block;
  width: 238px;
  -webkit-transition: .5s;
  -moz-transition: .5s;
  -ms-transition: .5s;
  -o-transition: .5s;
  transition: .5s;
}
.new_img img:hover {
  transform: scale(1.2);
}
.new_ldiv {
  width: 642px;
  float: left;
}
.new_ldiv .paging {
  width: 642px;
}
.gsnew_list {
  width: 308px;
  float: right;
  background: #fff;
  padding: 35px 35px;
}
.gsnew_list li {
  border-bottom: solid #e5e5e5 1px;
  padding-bottom: 23px;
  line-height: 28px;
  padding-top: 31px;
  -webkit-transition: .5s;
  -moz-transition: .5s;
  -ms-transition: .5s;
  -o-transition: .5s;
  transition: .5s;
}
.new_tit1 {
  font-size: 18px;
  line-height: 28px;
  font-weight: bold;
  color: #000;
  margin-bottom: 10px;
}
.gsnew_list li:first-child {
  padding-top: 0;
}
.gsnew_list li:hover {
  transform: translateY(-10px);
}
.gsnew_list li a {
  -webkit-transition: .5s;
  -moz-transition: .5s;
  -ms-transition: .5s;
  -o-transition: .5s;
  transition: .5s;
}
.gsnew_list li a:hover {
  color: #fb641e;
}
.banner_index {
  position: relative;
}
.banner_index a {
  display: block;
}
.banner_index img {
  display: block;
  width: 100%;
}
.banner_index .flex-direction-nav .flex-prev,
.banner_index .flex-direction-nav .flex-next {
  display: block;
  width: 55px;
  height: 55px;
  border: solid #fff 1px;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  margin-top: -20px;
  transition: .5s;
  font-size: 0;
}
.banner_index .flex-direction-nav .flex-prev {
  left: 30px;
  background: url(../images/indexlh.png) no-repeat center;
}
.banner_index .flex-direction-nav .flex-next {
  right: 30px;
  background: url(../images/indexr.png) no-repeat center;
}
.banner_index .flex-direction-nav .flex-prev:hover {
  background-color: #fb641e;
  border-color: #fb641e;
}
.banner_index .flex-direction-nav .flex-next:hover {
  background-color: #fb641e;
  border-color: #fb641e;
}
.banner_index .flex-control-paging li .flex-active {
  border: solid #eb840e 1px;
}
.banner_index .flex-control-paging {
  position: absolute;
  bottom: 30px;
  right: 50%;
  transform: translate(50%, 0);
}
.banner_index .flex-control-paging li {
  float: left;
  margin-right: 15px;
  cursor: pointer;
}
.banner_index .flex-control-paging a {
  display: block;
  width: 11px;
  height: 11px;
  border-radius: 50%;
  font-size: 0;
  box-sizing: border-box;
  border: solid #fff 1px;
}
.new_intit {
  line-height: 28px;
  font-weight: bold;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-bottom: 8px;
}
.new_inp {
  line-height: 24px;
  color: #fff;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
  -webkit-transform: translate3d(0, -50px, 0);
  transform: translate3d(0, -20px, 0);
  visibility: hidden;
}
.new_ina {
  position: relative;
  -moz-transition: all 1s ease 0s;
  -ms-transition: all 1s ease 0s;
  -o-transition: all 1s ease 0s;
  -webkit-transition: all 1s ease 0s;
  transition: all 1s ease 0s;
  display: block;
  width: 374px;
  height: 610px;
  overflow: hidden;
  float: left;
  margin-right: 19px;
}
.list_img {
  position: absolute;
  top: 0;
  right: 0;
  width: auto;
  height: auto;
  max-width: none;
  moz-transition: all 3s ease 0s;
  -ms-transition: all 3s ease 0s;
  -o-transition: all 3s ease 0s;
  -webkit-transition: all 3s ease 0s;
  transition: all 3s ease 0s;
}
.new_infont {
  padding: 570px 40px 35px 49px;
  color: #fff;
  position: absolute;
  top: 0;
  left: 0;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  z-index: 1;
  background: url(../images/bgbg.png) no-repeat center bottom;
}
.a_width {
  width: 536px;
}
.new_ina:hover img {
  transform: scale(1.14);
}
.new_in {
  padding: 65px 0;
  width: 1310px;
  margin: 0 auto;
  overflow: hidden;
}
.a_width .new_inp {
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
  -webkit-transform: translate3d(0, 0px, 0);
  transform: translate3d(0, 0px, 0);
  visibility: visible;
  -moz-transition: all 2s ease 0s;
  -ms-transition: all 2s ease 0s;
  -o-transition: all 2s ease 0s;
  -webkit-transition: all 2s ease 0s;
  transition: all 2s ease 0s;
}
.a_width .new_infont {
  padding-top: 502px;
}
.new_lit {
  width: 361px;
  float: right;
  display: block;
  position: relative;
  height: 295px;
  overflow: hidden;
}
.new_lit img {
  display: block;
  width: 100%;
  -moz-transition: all 2s ease 0s;
  -ms-transition: all 2s ease 0s;
  -o-transition: all 2s ease 0s;
  -webkit-transition: all 2s ease 0s;
  transition: all 2s ease 0s;
}
.new_infb {
  line-height: 28px;
  color: #fff;
  position: absolute;
  bottom: 35px;
  width: 100%;
  left: 0;
  box-sizing: border-box;
  padding-left: 35px;
  z-index: 3;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: bold;
}
.new_lit i {
  display: block;
  position: absolute;
  width: 100%;
  height: 207px;
  bottom: 0;
  left: 0;
  z-index: 2;
  background: url(../images/bgbg2.png) no-repeat center;
}
.new_lit:hover img {
  transform: scale(1.2);
}
.new_litbot {
  margin-top: 20px;
}
.cpyy_tit {
  font-size: 32px;
  line-height: 64px;
  color: #333;
  font-weight: bold;
  text-align: center;
  padding-top: 45px;
}
.cpy_p {
  line-height: 18px;
  color: #8d8d8d;
  text-align: center;
  width: 1100px;
  margin: 0 auto;
  padding: 0 50px;
}
.cpyy_list {
  text-align: center;
  width: 1200px;
  margin: 0 auto;
  border: solid #e5e5e5 1px;
  margin-top: 28px;
  border-left: none;
  border-right: none;
}
.cpyy_list li {
  display: inline-block;
  width: 164px;
  height: 53px;
  line-height: 53px;
  -webkit-transition: .5s;
  -moz-transition: .5s;
  -ms-transition: .5s;
  -o-transition: .5s;
  transition: .5s;
  margin-right: -5px;
  border-right: solid #e5e5e5 1px;
  text-align: left;
  box-sizing: border-box;
  padding-left: 70px;
  cursor: pointer;
}
.cpyy_list li:first-child {
  border-left: solid #e5e5e5 1px;
  background: url(../images/diannao.png) no-repeat 20px center;
}
.cpyy_list li:last-child {
  background: url(../images/sx.png) no-repeat 35px center;
}
.cpyy_list li:first-child:hover,
.cpyy_list .on:first-child {
  background: url(../images/diannaoh.png) no-repeat 20px center #fb641e;
  color: #fff;
  border-color: #fb641e;
}
.cpyy_list li:last-child:hover,
.cpyy_list .on:last-child {
  background: url(../images/sxh.png) no-repeat 35px center #fb641e;
  color: #fff;
  border-color: #fb641e;
}
.pro_infont {
  line-height: 46px;
  font-size: 16px;
  color: #333;
  text-align: center;
  border-bottom: solid #dcdcdc 1px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding: 0 20px;
  box-sizing: border-box;
  -webkit-transition: .5s;
  -moz-transition: .5s;
  -ms-transition: .5s;
  -o-transition: .5s;
  transition: .5s;
}
.pro_ina {
  display: block;
  width: 422px;
  overflow: hidden;
  float: left;
  margin-right: 22px;
}
.pro_inimg {
  width: 422px;
  height: 297px;
  overflow: hidden;
}
.pro_inimg img {
  display: block;
  width: 422px;
  -moz-transition: all 2s ease 0s;
  -ms-transition: all 2s ease 0s;
  -o-transition: all 2s ease 0s;
  -webkit-transition: all 2s ease 0s;
  transition: all 2s ease 0s;
}
.pro_in {
  display: none;
  overflow: hidden;
}
.pro_ina:hover .pro_infont {
  color: #fb641e;
  border-color: #fb641e;
}
.pro_ina:hover img {
  transform: scale(1.2);
}
.pro_ina:last-child {
  margin-right: 0;
}
.pro_inbox .onpro {
  display: block;
}
.pro_inbox {
  width: 1310px;
  margin: 0 auto;
  margin-top: 40px;
  margin-bottom: 40px;
}
.in_more {
  line-height: 50px;
  display: block;
  width: 190px;
  background: url(../images/inmore.png) no-repeat 204px center #fff;
  border: solid #dcdcdc 1px;
  text-align: left;
  margin: 0 auto;
  margin-top: 40px;
  padding-left: 25px;
  color: #999;
  padding-right: 25px;
  -webkit-transition: .5s;
  -moz-transition: .5s;
  -ms-transition: .5s;
  -o-transition: .5s;
  transition: .5s;
  margin-bottom: 70px;
}
.in_more:hover {
  background: url(../images/moreff.png) no-repeat 204px center #fb641e;
  color: #fff;
  border-color: #fb641e;
}
.zp_tit {
  font-size: 24px;
  line-height: 46px;
  color: #333;
  font-weight: bold;
  text-align: center;
  padding-top: 23px;
}
.zp_p {
  line-height: 28px;
  color: #333;
  text-align: center;
  margin-bottom: 29px;
}
.zp_list {
  width: 1310px;
  margin: 0 auto;
}
.zp_tit2 {
  font-size: 24px;
  line-height: 46px;
  color: #fff;
  font-weight: bold;
  text-align: center;
  padding-top: 70px;
}
.zp_p2 {
  line-height: 28px;
  color: #fff;
  text-align: center;
  margin-top: 6px;
}
.zp_p2 a {
  transition: .5s;
  color: #fff;
}
.zp_p2 a:hover {
  color: #fb641e;
}
.zp_list li {
  width: 122px;
  height: 122px;
  border-radius: 50%;
  color: #fff;
  -webkit-transition: .5s;
  -moz-transition: .5s;
  -ms-transition: .5s;
  -o-transition: .5s;
  transition: .5s;
  font-size: 18px;
  line-height: 122px;
  float: left;
  text-align: center;
  margin-right: 72px;
  position: relative;
}
.zp_list li:last-child {
  margin-right: 0;
}
.zp_list li:before {
  content: "";
  position: absolute;
  width: 72px;
  border-bottom: dashed 2px rgba(255, 255, 255, 0.15);
  right: -59%;
  top: 50%;
}
.zp_list li:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: -1px;
  left: -1px;
  border-radius: 50%;
  border: solid 1px #fff;
  transition: .5s;
}
.zp_list li:last-child:before {
  display: none;
}
.zp_list {
  margin-top: 87px;
}
.zp_list li:hover:after {
  border: dashed 2px #fb641e;
  -webkit-animation: spinAround 8s linear infinite;
  -moz-animation: spinAround 8s linear infinite;
  animation: spinAround 8s linear infinite;
}
.zp_list li:hover {
  color: #fb641e;
}
@-webkit-keyframes spinAround {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}
@-moz-keyframes spinAround {
  from {
    -moz-transform: rotate(0deg);
  }
  to {
    -moz-transform: rotate(360deg);
  }
}
@keyframes spinAround {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.ssxx {
  background: #fff;
  padding: 67px;
}
.ssxxbox {
  width: 1310px;
  margin: 0 auto;
  overflow: hidden;
  padding: 45px 0;
}
/*header*/
.header_con {
  width: 1310px;
  margin: 0 auto;
}
.logo {
  display: block;
  width: 247px;
  height: 55px;
  float: left;
  margin-top: 34px;
}
.logo img {
  width: 247px;
  display: block;
}
.nav > li > a {
  line-height: 52px;
  color: #333;
  font-weight: bold;
  transition: .5s;
  display: block;
}
.nav > li {
    float: left;
    width: 123px;
    text-align: center;
    position: relative;
    padding-bottom: 44px;
    height: 24px;
    z-index: 4;
}
.nav > li:before {
  content: "";
  height: 3px;
  width: 0;
  position: absolute;
  left: 50%;
  margin-left: -50px;
  bottom: 0px;
  transition: all .5s;
  background: #fb641e;
}
.lineb_nav {
    border-left: solid #e5e5e5 1px;
    margin-left: 32px;
    float: left;
    position: relative;
    height: 112px;
}
.slidebar {
  height: 3px;
  width: 123px;
  position: absolute;
  left: 0px;
  bottom: 0px;
  transition: all .5s;
}
.slidebar:before {
  content: "";
  position: absolute;
  width: 70px;
  height: 100%;
  background: #fb641e;
  left: 50%;
  margin-left: -35px;
  bottom: 0;
  transition: .5s;
}
.animatemove {
  left: 150px;
}
.nav {
  padding-left: 10px;
  padding-top: 45px;
}
.pulldown {
  width: 424px;
  padding: 36px 53px 50px;
  background-color: #fff;
  position: absolute;
  top: 67px;
  left: 50%;
  margin-left: -265px;
  border-top: 3px solid #dcdcdc;
  z-index: 99;
  display: none;
}
.pulldown .img {
  float: left;
  width: 163px;
  height: 115px;
  border: 1px solid #e0e0e0;
  overflow: hidden;
}
.pulldown .img img {
  display: block;
  width: 163px;
  height: 115px;
  -webkit-transition: .5s;
  -moz-transition: .5s;
  -ms-transition: .5s;
  -o-transition: .5s;
  transition: .5s;
}
.pulldown-right {
  width: 237px;
  float: right;
}
.pulldown-right h3 {
  line-height: 20px;
  margin-bottom: 10px;
  text-align: left;
}
.pulldown-right h3 a {
  font-size: 18px;
  color: #333333;
  text-align: left;
  -webkit-transition: .5s;
  -moz-transition: .5s;
  -ms-transition: .5s;
  -o-transition: .5s;
  transition: .5s;
}
.pulldown-right h3 a:hover {
  color: #fb641e;
}
.pulldown-list {
  overflow: hidden;
  padding-top: 6px;
  border-top: 1px solid #dcdcdc;
  text-align: left;
}
.pulldown-item {
  float: left;
  width: 95px;
  padding-left: 16px;
}
.pulldown-list .pulldown-item:nth-of-type(2n+1) {
  padding-left: 0;
}
.pulldown-item a {
  display: block;
  width: 100%;
  height: 28px;
  line-height: 28px;
  color: #828282;
  font-size: 13px;
  -webkit-transition: .5s;
  -moz-transition: .5s;
  -ms-transition: .5s;
  -o-transition: .5s;
  transition: .5s;
}
.pulldown-item a:hover {
  color: #fb641e;
}
.lan {
  width: 72px;
  overflow: hidden;
  float: left;
  margin-top: 39px;
  position: relative;
}
.lan:before {
  content: "";
  position: absolute;
  width: 1px;
  height: 11px;
  background: #b7b7b7;
  left: 50%;
  top: 50%;
  margin-top: -5.5px;
}
.lan a {
  display: block;
  width: 36px;
  text-align: center;
  transition: .5s;
  line-height: 62px;
  color: #333;
  font-family: Arial;
  float: left;
}
.lan a:hover {
  color: #fb641e;
}
.ser {
  width: 181px;
  overflow: hidden;
  float: right;
  margin-top: 50px;
}
.ser input {
  border: none;
}
.ser input[type=text] {
  font-size: 12px;
  color: #888;
  line-height: 26px;
  -webkit-transition: .5s;
  -moz-transition: .5s;
  -ms-transition: .5s;
  -o-transition: .5s;
  transition: .5s;
  padding: 5px 14px;
  border: solid #e5e5e5 1px;
  border-right: none;
  width: 112px;
  float: left;
}
.ser input:focus {
  border-color: #fb641e;
}
.ser input[type=button] {
  width: 40px;
  height: 38px;
  background: url(../images/ser.png) no-repeat center #fb641e;
  float: left;
  cursor: pointer;
}
.footer_bbg {
  background: #1e2225;
}
.footer_inner {
  width: 1310px;
  margin: 0 auto;
  overflow: hidden;
  padding-top: 60px;
}
.navb {
  width: 1010px;
  float: left;
  padding-bottom: 75px;
}
.navb > li > a {
  font-size: 16px;
  line-height: 25px;
  font-weight: bold;
  color: #fff;
  border-bottom: solid rgba(255, 255, 255, 0.4) 1px;
  display: block;
  padding-bottom: 10px;
  margin-bottom: 10px;
}
.navb > li {
  width: 202px;
  float: left;
  margin-right: 85px;
}
.navb > li:last-child {
  margin-right: 0;
}
.nav2b > li {
  overflow: hidden;
}
.nav2b > li > a {
  line-height: 26px;
  color: #a6a6a8;
  display: block;
  float: left;
  -webkit-transition: .5s;
  -moz-transition: .5s;
  -ms-transition: .5s;
  -o-transition: .5s;
  transition: .5s;
}
.nav2b > li > a:first-child {
  min-width: 104px;
}
.nav2b > li > a:hover {
  color: #fff;
}
.qr {
  float: right;
  width: 284px;
}
.qr1 {
  border: solid rgba(210, 210, 210, 0.5) 1px;
  padding: 6px 6px 14px 6px;
  width: 112px;
  float: left;
  margin-left: 11px;
  position: relative;
}
.qr1 span {
  padding: 0 10px;
  display: block;
  position: absolute;
  bottom: -10px;
  background: #1e2225;
  color: #919191;
  left: 50%;
  margin-left: -45px;
}
.lineb {
  clear: both;
  border-bottom: solid rgba(166, 166, 167, 0.2) 1px;
}
.last {
  overflow: hidden;
}
.last_l {
  font-size: 12px;
  line-height: 62px;
  color: #636363;
  width: 960px;
  float: left;
}
.last_l a {
  font-size: 12px;
  line-height: 62px;
  color: #636363;
  transition: .5s;
}
.last_l a:hover {
  color: #fff;
}
.far {
  float: left;
  padding: 16px 0;
}
.far a {
  font-size: 12px;
  line-height: 28px;
  color: #636363;
  padding: 0 16px;
  position: relative;
  transition: .5s;
}
.far a:before {
  content: "";
  position: absolute;
  width: 1px;
  height: 11px;
  background: rgba(255, 255, 255, 0.1);
  right: 0;
  top: 50%;
  margin-top: -5.5px;
}
.far a:hover {
  color: #fff;
}
.qywh_img1 {
  margin-bottom: 12px;
}
/*recruit1*/
.hrBoxR {
  width: 1310px;
  margin: 0 auto;
  overflow: hidden;
}
.hrBoxR .hrInfo {
  margin-top: 15px;
  border: 1px solid #e0e0e0;
  padding: 11px 17px 6px 16px;
  background: #fff;
}
.hrBoxR .hrInfo:first-child {
  margin-top: 0;
}
.hrBoxR .hrInfo .infoTitle {
  width: 100%;
  position: relative;
  cursor: pointer;
  padding-bottom: 8px;
}
.hrBoxR .hrInfo .infoTitle h4 {
  font-size: 18px;
  line-height: 32px;
  height: 32px;
  color: #2e2e2e;
  -webkit-transition: .5s;
  -moz-transition: .5s;
  -ms-transition: .5s;
  -o-transition: .5s;
  transition: .5s;
}
.hrBoxR .hrInfo .infoTitle:hover h4,
.hrBoxR .hrInfo .infoTitle.active h4 {
  color: #fb641e;
}
.hrBoxR .hrInfo .infoTitle h6 {
  font-size: 14px;
  color: #8d8d8d;
  line-height: 24px;
  margin: 0;
}
.hrBoxR .hrInfo .infoTitle .time {
  position: absolute;
  right: 0;
  top: 0;
  font-size: 13px;
  color: #9e9e9e;
  line-height: 24px;
}
.hrBoxR .hrInfo .infoTitle i {
  display: block;
  width: 30px;
  height: 17px;
  background: url(../images/recruit_icon_06.png) no-repeat center #b5b5b5;
  position: absolute;
  right: 0;
  bottom: 13px;
  -webkit-transition: .5s;
  -moz-transition: .5s;
  -ms-transition: .5s;
  -o-transition: .5s;
  transition: .5s;
}
.hrBoxR .hrInfo .infoTitle.active i{background: url(../images/recruit_icon_03.png) no-repeat center #fb641e;}
.hrBoxR .hrInfo .hrInfos {
  padding-bottom: 55px;
  display: none;
  position: relative;
  border-top: 1px solid #e2e2e2;
  margin-top: 7px;
}
.hrBoxR .hrInfo .hrInfos .line {
  width: 100%;
  height: 1px;
  background-color: #e0e0e0;
  margin-top: 33px;
}
.hrBoxR .hrInfo .hrInfos h5 {
  margin-top: 27px;
  margin-bottom: 10px;
  padding-left: 15px;
  font-size: 18px;
  line-height: 28px;
  color: #333;
}
.hrBoxR .hrInfo .hrInfos p {
  padding-left: 18px;
  line-height: 28px;
  font-size: 14px;
  color: #8d8d8d;
}
.zp_tit3 {
  font-size: 24px;
  line-height: 46px;
  color: #333;
  font-weight: bold;
  text-align: center;
  padding: 70px 0 30px 0;
}
.ling {
  width: 1px;
  height: 1px;
}
.honor_r {
  background: url(../images/honorbg_03.jpg) no-repeat center;
  height: 513px;
  position: relative;
  width: 513px;
  float: right;
}
.light_self {
  position: absolute;
  width: 332px;
  height: 337px;
  top: 81px;
  left: 89px;
  text-align: center;
  display: none;
}
.light_bgfont {
  line-height: 60px;
  color: #666;
  margin-top: 6px;
}
.light_self img {
  display: block;
  width: 219px;
  height: 271px;
  margin: 0 auto;
  -webkit-transition: .5s;
  -moz-transition: .5s;
  -ms-transition: .5s;
  -o-transition: .5s;
  transition: .5s;
}
.honor_r .on1 {
  display: block;
}
.onp {
  color: #fb641e;
}
.light_self img:hover {
  transform: translateY(-5px);
}
.news-box {
  width: 100%;
  padding-top: 45px;
  background-color: #eef2f5;
  padding-bottom: 45px;
  overflow: hidden;
}
.wrap {
  width: 1310px;
  margin: 0 auto;
}
.news-left {
  width: 760px;
  float: left;
  padding-left: 2px;
  padding-right: 2px;
}
.news-list {
  width: 760px;
}
.news-list li {
  width: 760px;
  height: 456px;
  background-color: #fff;
  margin-bottom: 30px;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  transition: 0.5s;
}
.news-list li:hover {
  box-shadow: 0 3px 5px #e5e5e5;
  -webkit-box-shadow: 0 3px 5px #e5e5e5;
}
.news-list li a {
  display: block;
  width: 694px;
  height: 450px;
  padding: 28px 33px;
  cursor: pointer;
}
.news-list li a h3 {
  font-size: 18px;
  line-height: 21px;
  margin-bottom: 8px;
}
.news-list li a:hover h3 {
  color: #2487ce;
}
.news-list li a .time {
  overflow: hidden;
  width: 694px;
  line-height: 24px;
  margin-bottom: 15px;
}
.news-list li a .time p {
  float: left;
  color: #999;
  line-height: 24px;
}
.news-list li a .time span {
  float: right;
  color: #bbb;
}
.news-list li a .img {
  width: 694px;
  height: 280px;
  margin-bottom: 10px;
  overflow: hidden;
}
.news-list li a .img img {
  -webkit-transition: 1s;
  -o-transition: 1s;
  -moz-transition: 1s;
}
.news-list li a:hover .img img {
  -webkit-transform: scale(1.02);
  -o-transform: scale(1.02);
  -moz-transform: scale(1.02);
}
.news-list li a .para {
  height: 48px;
}
.news-list li a .para p {
  line-height: 24px;
}
.news-right {
  width: 410px;
  float: right;
}
.news-right h4 {
  width: 350px;
  padding-bottom: 9px;
  margin-bottom: 30px;
  border-bottom: 1px solid #f1f1f1;
  font-size: 18px;
  color: #494949;
  position: relative;
}
.news-right h4 i {
  width: 71px;
  height: 2px;
  background-color: #fb641e;
  position: absolute;
  left: 0;
  bottom: 0;
}
.news-right-top {
  width: 350px;
  padding: 30px 30px 53px;
  background-color: #fff;
  margin-bottom: 30px;
}
.news-right-top ul li {
  padding-bottom: 10px;
  padding-top: 13px;
  border-bottom: 1px solid #dcdcdc;
  margin-top: 10px;
}
.news-right-top ul li:first-child {
  margin-top: 0;
}
.news-right-top ul li a {
  background: url(../images/news-bg_03.png) no-repeat 8px center;
  color: #333;
  padding-left: 23px;
}
.news-right-top ul li a:hover,
.news-right-top ul li a.active {
  background: url(../images/news-bg_03-h.png) no-repeat 8px center;
  color: #fb641e;
}
.hot-news {
  width: 350px;
  height: 426px;
  padding: 30px 30px 0;
  background-color: #fff;
  margin-bottom: 30px;
}
.hot-news .img {
  display: block;
  width: 346px;
  height: 140px;
  margin-bottom: 16px;
}
.hot-news ol li {
  line-height: 24px;
}
.hot-news ol li a {
  background: url(../images/news-bg_03.png) no-repeat 8px center;
  color: #333;
  padding-left: 23px;
}
.hot-news ol li a:hover,
.hot-news ol li a.active {
  background: url(../images/news-bg_03-h.png) no-repeat 8px center;
  color: #fb641e;
}
.new-product {
  width: 350px;
  padding: 30px 30px 0;
  background-color: #fff;
  margin-bottom: 30px;
  padding-bottom: 25px;
}
.new-product ul li {
  margin-bottom: 26px;
}
.new-product ul li a.img {
  display: block;
  width: 346px;
  height: 140px;
  cursor: pointer;
}
.new-product ul li p {
  line-height: 24px;
  margin-top: 15px;
}
.new-product ul li p a {
  color: #333;
}
.new-product ul li:hover p a {
  color: #fb641e;
}
/*新闻详情*/
.newsDetail {
  width: 870px;
  background-color: #FFF;
  margin: 0 auto;
  padding-top: 30px;
  padding-bottom: 30px;
}
.newsDetail .newsTitleBox {
  margin: 0 auto;
  width: 760px;
  border-bottom: 1px dashed #e1e1e1;
  padding-bottom: 9px;
}
.newsDetail .newsTitleBox h1 {
  font-size: 18px;
  color: #333;
  line-height: 36px;
  text-align: center;
}
.newsDetail .newsTitleBox p {
  font-size: 13px;
  color: #999;
  line-height: 35px;
  text-align: center;
}
.newsDetail .newsDetails {
  padding: 20px 40px 0;
}
.newsDetail .newsDetails p {
  color: #666;
  line-height: 28px;
  text-indent: 2em;
}
.newsDetail .newsDetails img {
  margin: 15px auto 15px auto;
  display: block;
  max-width: 100%;
}
.share .bdshare-button-style0-24 .bds_tsina {
  background: url(../images/share_03.png) no-repeat center;
  transition: .5s;
}
.share .bdshare-button-style0-24 .bds_qzone {
  background: url(../images/share1_05.png) no-repeat center;
  transition: .5s;
}
.share .bdshare-button-style0-24 .bds_sqq {
  background: url(../images/share_07.png) no-repeat center;
  transition: .5s;
}
.share .bdshare-button-style0-24 .bds_weixin {
  background: url(../images/share_09.png) no-repeat center;
  transition: .5s;
}
.share .bdshare-button-style0-24 a,
.bdshare-button-style0-24 .bds_more {
  margin-right: 3px;
}
.share .bdshare-button-style0-24 .bds_tsina:hover {
  background: url(../images/shareh_03.png) no-repeat center;
}
.share .bdshare-button-style0-24 .bds_qzone:hover {
  background: url(../images/share_05.png) no-repeat center;
}
.share .bdshare-button-style0-24 .bds_sqq:hover {
  background: url(../images/shareh_07.png) no-repeat center;
}
.share .bdshare-button-style0-24 .bds_weixin:hover {
  background: url(../images/shareh_09.png) no-repeat center;
}
.newsDetail .detailPage {
  margin: 0 auto;
  width: 760px;
  height: 30px;
  line-height: 30px;
  position: relative;
  margin-top: 50px;
}
.newsDetail .detailPage .detailPageL,
.newsDetail .detailPage .detailPageR {
  position: absolute;
  top: 0;
  -webkit-transition: 0.5s;
  -ms-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
.newsDetail .detailPage .detailPageL {
  padding-left: 40px;
  background: url(../images/L01.png) no-repeat left;
  left: 0;
}
.newsDetail .detailPage .detailPageR {
  padding-right: 40px;
  background: url(../images/R01.png) no-repeat right;
  right: 0;
}
.newsDetail .detailPage .detailPageL:hover,
.newsDetail .detailPage .detailPageR:hover {
  color: #fb641e;
}
.newsDetail .detailPage .detailPageC {
  text-align: center;
  width: 180px;
  margin: 0 auto;
}
.detailPageC a {
  -webkit-transition: .5s;
  -moz-transition: .5s;
  -ms-transition: .5s;
  -o-transition: .5s;
  transition: .5s;
}
.detailPageC a:hover {
  color: #fb641e;
}
.conb_2 {
  width: 1310px;
  margin: 0 auto;
  overflow: hidden;
  padding: 60px 0;
}
.conb_2 li {
  line-height: 31px;
  color: #fff;
  width: 507px;
  float: left;
  position: relative;
  padding-left: 94px;
  box-sizing: border-box;
}
.conb_2 li:first-child {
  width: 296px;
  padding-left: 0;
}
.conb_2 li a {
  color: #fff;
  line-height: 31px;
  -webkit-transition: .5s;
  -moz-transition: .5s;
  -ms-transition: .5s;
  -o-transition: .5s;
  transition: .5s;
}
.conl1 {
  font-size: 30px;
  line-height: 62px;
  font-weight: bold;
  text-align: center;
  margin-top: 29px;
}
.conb_2 li:before {
  content: "";
  position: absolute;
  width: 1px;
  height: 136px;
  background: rgba(255, 255, 255, 0.5);
  left: 0;
  top: 10px;
}
.conb_2 li:first-child:before {
  display: none;
}
.conb_2 li a:hover {
  color: #fb641e;
}
.newdet {
  overflow: hidden;
}
.share div.bdsharebuttonbox {
  width: 112px;
  float: left;
}
.share p {
  float: left;
}
.share {
  line-height: 40px;
  overflow: hidden;
}
.p_new {
  overflow: hidden;
  display: inline-block;
}
.pl {
  float: left;
}
.newsTitleBox {
  text-align: center;
}


.kf{transition:.8s;-o-transition:.8s;-moz-transition:.8s;-webkit-transition:.8s;z-index:999999;
    background-color:#fff;position:fixed;bottom:100px;right:20px;width: 62px;border-radius:5px;}
.kf span{z-index:1000001;transition:.5s;cursor:pointer;position:relative;display: block;width: 62px;height:62px;border-bottom:1px solid #e3e3e3;}
.kf .zx{border-radius:5px 5px 0 0;background: url("../images/kefu_03.png") no-repeat center #fff;}
.kf .zx:hover{background: url("../images/kefu1_03.png") no-repeat center #fb641e;}
.kf .freetel{background: url("../images/kefu1_07.png") no-repeat center #fff; border-radius: 5px 5px 5px 5px;}
.kf .freetel:hover{background: url("../images/kefu_07.png") no-repeat center #fb641e;}
.kf .zxlya{background: url("../images/kefu_14.png") no-repeat center #fff;}
.kf .zxlya:hover{background: url("../images/kefu1_14.png") no-repeat center #fb641e;}

.kf .back_top{border-radius:0 0 5px 5px ;border:none;background: url("../images/kefu_18.png") no-repeat center #fff; }
.kf .back_top:hover{background: url("../images/kefu1_18.png") no-repeat center #fb641e;}
.kf span div{display:none;background-color:#fff;border-radius:5px;position: absolute;right:75px;padding:20px;font-size: 14px;color: #e10413;}
.kf span div input{text-indent:.5em;display: block;margin:15px 0;line-height:28px;color:#696969;font-size:12px;width:140px;border:1px solid #d1d1d1;border-radius:2px;height:28px;}
.kf span div a{transition:.5s;-webkit-transition:.5s;display: block;background:#fb641e;border-radius:2px;color:#fff;line-height:26px;font-size:12px;text-align:center;width:79px;height:26px;}
.kf span div a:hover{background: #b10413;}
.kf span div img{position: absolute;top:27px;right:-9px;}
.kf span div i{display:block;position: absolute;width: 15px;height:200px;right:-15px;top:0;}
.kf .zx div,.kf .freetel div,
.kf .zxlya div,.kf span:nth-child(4) div{text-align:center;min-width: 115px;font-size: 14px;color: #666;}
.kf span:nth-child(4) div{white-space: nowrap;}
.kf a {
    display: block;
    height: 68px;
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
}
.kf span div,.kf{-webkit-box-shadow: 0 2px 13px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 2px 13px rgba(0, 0, 0, 0.25);
    box-shadow: 0 2px 13px rgba(0, 0, 0, 0.25);}

.nav_center div,.index_nav_center div,.shou,.zhan{-webkit-box-shadow: 0 2px 18px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 2px 18px rgba(0, 0, 0, 0.25);
    box-shadow: 0 2px 18px rgba(0, 0, 0, 0.25);}

.shou{z-index:1000000;cursor:pointer;width: 30px;height:40px;top: 50%;
    margin-top: -15px;border-radius:5px 0 0 5px;right:62px;
    background: url("../images/kefq.png") no-repeat center #fff;position: absolute;}
.shou.on{background-image: url("../images/kefq1.png");}

.header{height: 112px;position: fixed;top: 0;left: 0;width: 100%;z-index: 99;background: #fff}


.hrBoxR .hrInfo .infoTitle:hover i {
    background-color: #fb641e;
}


.newsDetails2{}
.newsDetails2 table{
    float: none;
    width: 100%;
    margin: 20px 0;
}
.newsDetails2 td{
    border: 1px solid #1e2225!important;
}

.newsDetails2 table p,.newsDetails2 table span{font-weight: 100;}