.layout_goodsDetail {
  width: 85.15%;
  margin: 0 auto;
}

img {
  max-width: 100%;
}

.clearfix_goodsDetail:before, .clearfix_goodsDetail:after {
  content: "";
  display: table
}

.clearfix_goodsDetail {
  zoom: 1;
}

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


#wrapper_goodsDetail {
  width: 100%;
  position: relative;
  overflow-x: hidden;
}

.header {
  width: 100%;
  height: 100px;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 1000;
}

.logo {
  float: left;
  padding-top: 30px;
}

.logo a {
  display: block;
  width: 368px;
  height: 39px;
  font-size: 0;
    opacity: 0;
  background-image: url(../../childrenImg/goodsDetail/logo.png);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}

.nav {
  float: right;
  height: 100px;
}

.nav ul li {
  display: inline-block;
  _display: inline;
  zoom: 1;
  margin-right: 40px;
}

.nav ul li > a {
  display: block;
  font-size: 16px;
  color: #fff;
  height: 100px;
  line-height: 100px;
  position: relative;
}

.nav ul li > a:after {
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  background-color: #e41700;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 1;
  transform-origin: 100%;
  -webkit-transform-origin: 100%;
  -webkit-transition: -webkit-transform .3s cubic-bezier(.4, 0, .2, 1);
  transition: -webkit-transform .3s cubic-bezier(.4, 0, .2, 1);
  transition: transform .3s cubic-bezier(.4, 0, .2, 1), -webkit-transform .3s cubic-bezier(.4, 0, .2, 1);
  transform: scaleX(0);
  -webkit-transform: scaleX(0);
  visibility: hidden \9;
}

.nav ul li:hover > a:after, .nav ul li.on > a:after {
  transform: scaleX(1);
  -webkit-transform: scaleX(1);
  -moz-transform: scaleX(1);
  transform-origin: 0;
  -webkit-transform-origin: 0;
  visibility: visible \9;
}

.nav ul li .nav-body {
  width: 100%;
  height: 50px;
  line-height: 50px;
  background-color: #fff;
  border-top: 1px solid #e6e6e6;
  position: absolute;
  left: 0;
  top: 100px;
  z-index: 50;
  -webkit-box-shadow: 0 5px 5px rgba(0, 0, 0, .07);
  box-shadow: 0 5px 5px rgba(0, 0, 0, .07);
}

.nav ul li .nav-body a {
  font-size: 14px;
  color: #666;
  margin-right: 30px;
}

.nav ul li .nav-body a:hover {
  color: #e41700;
}

.nav ul li .nav-body a {
  margin-left: 10px;
  opacity: 0;
  transition: 0.5s;
}

.nav ul li .nav-body a:nth-child(1) {
  transition-delay: 150ms;
}

.nav ul li .nav-body a:nth-child(2) {
  transition-delay: 250ms;
}

.nav ul li .nav-body a:nth-child(3) {
  transition-delay: 350ms;
}

.nav ul li .nav-body a:nth-child(4) {
  transition-delay: 450ms;
}

.nav ul li .nav-body a:nth-child(5) {
  transition-delay: 550ms;
}

.nav ul li .nav-body a:nth-child(6) {
  transition-delay: 650ms;
}

.nav ul li .nav-body a:nth-child(7) {
  transition-delay: 750ms;
}

.nav ul li .nav-body a:nth-child(8) {
  transition-delay: 850ms;
}

.nav ul li.ative .nav-body a {
  margin-left: 0;
  opacity: 1;
}

.nav ul li .box {
  width: 704px;
  float: right;
}

.nav ul li:nth-child(2) .box {
  width: 890px;
}

.nav ul li:nth-child(3) .box {
  width: 783px;
}

.nav ul li:nth-child(4) .nav-body, .nav ul li:last-child .nav-body {
  display: none;
}

.nav ul li:nth-child(5) .box {
  margin-right: 472px;
  text-align: right;
}

.nav ul li:nth-child(6) .box {
  margin-right: 366px;
  text-align: right;
}

.nav ul li:last-child .box {
  margin-right: 149px;
  text-align: right;
}

.nav ul li .nav-body {
  transform-origin: 250% 0;
  transform: perspective(1920px) rotateX(-40deg);
  opacity: 0;
  transition: all .3s 0s;
  visibility: hidden;
}

.nav ul li.ative .nav-body {
  opacity: 1;
  visibility: visible;
  transition: all .5s 0s;
  transform: perspective(0px) rotateX(0deg);
  -webkit-transform: rotateX(0deg);
}

.callNum {
  float: right;
  height: 100px;
  line-height: 100px;
}

.callNum span {
  font-family: "Arial";
  font-size: 18px;
  font-weight: bold;
  color: #fff;
  padding-left: 30px;
  background: url(../../childrenImg/goodsDetail/callNum.png) left center no-repeat;
}

.header:hover, .header-hover, .header-hover1, .fixed-nav {
  background-color: #fff;
  -webkit-box-shadow: 10px 0px 10px rgba(0, 0, 0, 0.07);
  box-shadow: 10px 0px 10px rgba(0, 0, 0, 0.07);
}

.header:hover .logo a, .header-hover .logo a, .header-hover1 .logo a, .fixed-nav .logo a {
  opacity: 0;
  background-image: url(../../childrenImg/goodsDetail/logo_h.png);
}

.header:hover .nav ul li > a, .header-hover .nav ul li > a, .header-hover1 .nav ul li > a, .fixed-nav .nav ul li > a {
  color: #000;
}

.header:hover .callNum span, .header-hover .callNum span, .header-hover1 .callNum span, .fixed-nav .callNum span {
  color: #e41700;
  background: url(../../childrenImg/goodsDetail/callNum_h.png) left center no-repeat;
}

.btn-m-list {
  width: 55px;
  height: 50px;
  position: absolute;
  right: 0;
  top: 4px;
  z-index: 1020;
  display: none;
  transition: all 0.3s cubic-bezier(0.445, 0.145, 0.355, 1);
  -webkit-transition: all 0.3s cubic-bezier(0.445, 0.145, 0.355, 1);
  -moz-transition: all 0.3s cubic-bezier(0.445, 0.145, 0.355, 1);
}

.trans, .trans:hover {
  -webkit-transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s;
  -moz-transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s;
  -o-transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s;
  transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s;
  -ms-transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s;
}

.trans-fast, .trans-fast:hover {
  -webkit-transition: all 200ms ease-in-out;
  -moz-transition: all 200ms ease-in-out;
  -o-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
  -ms-transition: all 200ms ease-in-out;
}

.btn-m-list .burger {
  width: 21px;
  height: 1px;
  background-color: #000;
  display: block;
  position: absolute;
  z-index: 5;
  top: 16px;
  left: 50%;
  margin: 0 0 0 -10px;
  transform-origin: center;
  -webkit-transform-origin: center;
  -moz-transform-origin: center;
  -o-transform-origin: center;
  -ms-transform-origin: center;
}

.btn-m-list .burger-2 {
  top: 25px;
  width: 15px;
}

.btn-m-list .burger-3 {
  top: 33px;
  width: 10px;
}

.btn-m-list.on .burger-1 {
  top: 25px;
  width: 21px;
  -moz-transform: rotate(225deg);
  -webkit-transform: rotate(225deg);
  -o-transform: rotate(225deg);
  -ms-transform: rotate(225deg);
  transform: rotate(225deg);
}

.btn-m-list.on .burger-2 {
  top: 25px;
  width: 21px;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  filter: alpha(opacity=0);
  opacity: 0;
  -moz-opacity: 0;
  -khtml-opacity: 0;
  -webkit-opacity: 0;
  left: 100%;
}

.btn-m-list.on .burger-3 {
  top: 25px;
  width: 21px;
  -moz-transform: rotate(-225deg);
  -webkit-transform: rotate(-225deg);
  -o-transform: rotate(-225deg);
  -ms-transform: rotate(-225deg);
  transform: rotate(-225deg);
}

.mask {
  width: 100%;
  height: 100%;
  position: fixed;
  _position: absolute;
  top: 0;
  left: 0;
  z-index: 2000;
  display: none;
  background-color: rgba(0, 0, 0, 0.7);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#70000000, endColorstr=#70000000);
}

.neirong {
  width: 100%;
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
  overflow-y: auto;
  touch-action: pan-y;
  -webkit-user-select: none;
  -webkit-user-drag: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.neirong .neirong-bd {
  padding: 50px 50px 20px 50px;
  visibility: hidden;
}

.neirong li {
  border-bottom: 1px solid #333;
  -webkit-transition: all .35s ease-out;
  -moz-transition: all .35s ease-out;
  -ms-transition: all .35s ease-out;
  -o-transition: all .35s ease-out;
  transition: all .35s ease-out;
}

.neirong li > a {
  display: block;
  height: 47px;
  line-height: 47px;
  color: #fff;
  font-size: 16px;
}

.neirong li.on > a {
  color: #fff;
}

.neirong.neirong-on {
  left: 0;
}

.neirong-close {
  width: 24px;
  height: 24px;
  background: url(../../childrenImg/goodsDetail/nav_close.png) no-repeat 7px center;
  position: absolute;
  top: 20px;
  left: 10px;
  visibility: hidden;
}

.neirong.neirong-hide {
  background-color: rgba(0, 0, 0, .8);
  height: 0;
  -webkit-transition: background 0.35s linear, height 0.25s ease-in 200ms;
  -moz-transition: background 0.35s linear, height 0.25s ease-in 200ms;
  -ms-transition: background 0.35s linear, height 0.25s ease-in 200ms;
  -o-transition: background 0.35s linear, height 0.25s ease-in 200ms;
  transition: background 0.35s linear, height 0.25s ease-in 200ms;
}

.neirong.neirong-show {
  background-color: #000;
  height: 100%;
}

.neirong.neirong-show .neirong-bd, .neirong.neirong-show .neirong-close {
  visibility: visible;
}

.neirong.neirong-hide li, .neirong.neirong-hide .subcall span {
  opacity: 0;
  -webkit-transform: scale(1.1) translateY(-24px);
  -moz-transform: scale(1.1) translateY(-24px);
  -ms-transform: scale(1.1) translateY(-24px);
  -o-transform: scale(1.1) translateY(-24px);
  transform: scale(1.1) translateY(-24px);
}

.neirong.neirong-show li, .neirong.neirong-show .subcall span {
  opacity: 1;
  -webkit-transform: none;
  -moz-transform: none;
  -ms-transform: none;
  -o-transform: none;
  transform: none;
}

.neirong li:nth-of-type(2) {
  -webkit-transition-delay: 300ms, 300ms;
  transition-delay: 300ms, 300ms;
}

.neirong li:nth-of-type(3) {
  -webkit-transition-delay: 350ms, 350ms;
  transition-delay: 350ms, 350ms;
}

.neirong li:nth-of-type(4) {
  -webkit-transition-delay: 400ms, 400ms;
  transition-delay: 400ms, 400ms;
}

.neirong li:nth-of-type(5) {
  -webkit-transition-delay: 450ms, 450ms;
  transition-delay: 450ms, 450ms;
}

.neirong li:nth-of-type(6) {
  -webkit-transition-delay: 500ms, 500ms;
  transition-delay: 500ms, 500ms;
}

.neirong li:nth-of-type(7) {
  -webkit-transition-delay: 550ms, 550ms;
  transition-delay: 550ms, 550ms;
}

.neirong li:nth-of-type(8) {
  -webkit-transition-delay: 600ms, 600ms;
  transition-delay: 600ms, 600ms;
}

.neirong li:nth-of-type(9) {
  -webkit-transition-delay: 650ms, 650ms;
  transition-delay: 650ms, 650ms;
}

.neirong li:nth-of-type(10) {
  -webkit-transition-delay: 700ms, 700ms;
  transition-delay: 700ms, 700ms;
}

.neirong li:nth-of-type(11) {
  -webkit-transition-delay: 750ms, 750ms;
  transition-delay: 750ms, 750ms;
}

.neirong .subnav {
  display: none;
}

.neirong .subnav a {
  display: block;
  font-size: 14px;
  color: #aaa;
  padding: 10px 0;
}

.neirong .subcall {
  padding: 0 50px;
}

.neirong .subcall span {
  -webkit-transition-delay: 850ms, 850ms;
  transition-delay: 850ms, 850ms;
  -webkit-transition: all .35s ease-out;
  -moz-transition: all .35s ease-out;
  -ms-transition: all .35s ease-out;
  -o-transition: all .35s ease-out;
  transition: all .35s ease-out;
}

.neirong .subcall span {
  font-family: "Arial";
  display: block;
  font-size: 18px;
  font-weight: bold;
  color: #fff;
  padding-left: 30px;
  background: url(../../childrenImg/goodsDetail/callNum.png) left center no-repeat;
}


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

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

.slick-list:focus {
  outline: none;
}

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

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

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

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

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

[dir='rtl'] .slick-slide {
  float: right;
}

.slick-slide img {
  display: block;
}

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

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

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

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

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

.slick-arrow.slick-hidden {
  display: none;
}

.bannerBox {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
}

.banner {
  width: 100%;
  height: 100%;
  position: relative;
}

.banner .slideshow {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
}

.banner .slideshow * {
  outline: none;
}

.banner .slideshow .slider-track {
  -webkit-transition: all 1s cubic-bezier(0.7, 0, 0.3, 1);
  transition: all 1s cubic-bezier(0.7, 0, 0.3, 1);
}

.banner .pimg {
  width: 100%;
  height: 100vh;
  background-image: url(../../childrenImg/goodsDetail/banner1.jpg);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

.banner .banText {
  width: 100%;
  position: absolute;
  left: 0;
  top: 50%;
  z-index: 10;
  _margin-top: -124px;
  transform: translateY(-50%);
}

.banner .banText .h2 {
  font-size: 46px;
  font-weight: bold;
  color: #fff;
  line-height: 1.1;
}

.banner .banText .h2 i {
  color: #e41700;
}

.banner .banText .pn {
  font-family: "Arial";
  font-size: 16px;
  color: #dadada;
  margin-top: 10px;
}

.banner .banText .h2, .banner .banText .pn {
  opacity: 0;
  transform: translateY(-100%);
  transition: all 600ms cubic-bezier(0.35, 0.85, 0.55, 1) 0s;
  -webkit-transition: all 600ms cubic-bezier(0.35, 0.85, 0.55, 1) 0s;
  -moz-transition: all 600ms cubic-bezier(0.35, 0.85, 0.55, 1) 0s;
}

.banner .banText .pn {
  transition: all 600ms cubic-bezier(0.35, 0.85, 0.55, 1) .6s;
  -webkit-transition: all 600ms cubic-bezier(0.35, 0.85, 0.55, 1) .6s;
  -moz-transition: all 600ms cubic-bezier(0.35, 0.85, 0.55, 1) .6s;
}

.banner .slick-active .h2, .banner .slick-active .pn {
  opacity: 1;
  transform: translateY(0);
}

.mouseIco {
  width: 52px;
  height: 52px;
  border: 1px solid #fff;
  border-radius: 50%;
  display: block;
  margin-top: 60px;
  position: relative;
  cursor: pointer;
}

.mouseIco i {
  display: block;
  width: 8px;
  height: 15px;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  margin: auto;
  background: url(../../childrenImg/goodsDetail/mouseIco_i.png) no-repeat;
  -webkit-animation: mouse-dot 1.5s cubic-bezier(0.23, 1, 0.32, 1) infinite;
  animation: mouse-dot 1.5s cubic-bezier(0.23, 1, 0.32, 1) infinite;
}

@keyframes mouse-dot {
  from {
    opacity: 0;
  }
  33% {
    opacity: 1;
  }
  to {
    transform: translateY(20px);
    -webkit-transform: translateY(20px);
    opacity: 0;
  }
}

@-webkit-keyframes mouse-dot {
  from {
    opacity: 0;
  }
  33% {
    opacity: 1;
  }
  to {
    transform: translateY(20px);
    -webkit-transform: translateY(20px);
    opacity: 0;
  }
}

.bannerNumBar {
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 100;
  perspective: 800px;
  -webkit-perspective: 800px;
  -moz-perspective: 800px;
  transform-style: preserve-3d;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
}

.bannerNumBar .digital {
  background-color: #fff;
  overflow: hidden;
  transform-origin: bottom;
  -webkit-transform-origin: bottom;
  -moz-transform-origin: bottom;
  transform: rotateX(0deg) translate3d(0, 0, 0);
  -webkit-transform: rotateX(0deg) translate3d(0, 0, 0);
  -moz-transform: rotateX(0deg) translate3d(0, 0, 0);
  transition: all .65s cubic-bezier(0.55, 0.65, 0.55, 1) 0s;
  -webkit-transition: all .65s cubic-bezier(0.55, 0.65, 0.55, 1) 0s;
  -moz-transition: all .65s cubic-bezier(0.55, 0.65, 0.55, 1) 0s;
}

.bannerNumBar .digital.active {
  transform: rotateX(100deg) translate3d(0, 0, 0);
  -webkit-transform: rotateX(100deg) translate3d(0, 0, 0);
  -moz-transform: rotateX(100deg) translate3d(0, 0, 0);
}

.bannerNumBar ul li {
  width: 33.333%;
  height: 130px;
  padding-top: 40px;
  float: left;
  text-align: center;
}

.bannerNumBar ul li.item1 {
  text-align: left;
}

.bannerNumBar ul li .box {
  display: inline-block;
  text-align: left;
  margin: 0 100px;
}

.bannerNumBar ul li .num {
  font-family: 'Conv_DINCondensedC';
  font-size: 60px;
  font-weight: bold;
  color: #e41700;
  line-height: 1.1;
}

.bannerNumBar ul li .pn {
  font-size: 16px;
  color: #666;
}

.bannerNumBar ul li.item2 {
  text-align: center;
}

.bannerNumBar ul li.item2 .num {
  color: #0163d1;
}

.bannerNumBar ul li.item3 {
  text-align: right;
}

.bannerNumBar ul li.item3 .num {
  color: #eca50b;
}


.contain_goodsDetail {
  width: 100%;
  padding-top: 0;
}

.sectionBox {
  width: 100%;
  background-color: #fff;
  padding: 80px 0 120px 0;
  position: relative;
  z-index: 1;
}

.section01 {
  background-color: #fff;
  border-bottom: 1px solid #f4f4f4;
}

.indexTitle {
  width: 100%;
  text-align: center;
}

.indexTitle h2 {
  font-size: 36px;
  font-weight: bold;
  color: #000;
  line-height: 1.1;
}

.indexTitle p {
  font-size: 18px;
  color: #666;
  margin-top: 10px;
}

.inBusiness {
  width: 100%;
  margin-top: 50px;
}

.inBusiness ul li {
  width: 25%;
  float: left;
  background-position: center bottom;
  background-size: 100% auto;
  background-repeat: no-repeat;
}

.inBusiness ul li.item1 {
  background-color: #000;
}

.inBusiness ul li.item2 {
  background-color: #1cba75;
}

.inBusiness ul li.item3 {
  background-color: #f3f3f3;
}

.inBusiness ul li.item4 {
  background-color: #e41700;
}

.inBusiness ul li .box {
  height: 483px;
  padding: 40px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s;
  -webkit-transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s;
}

.inBusiness ul li.item1:hover .box {
  background-color: rgba(0, 0, 0, .88);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#88000000, endColorstr=#88000000);
}

.inBusiness ul li.item2:hover .box {
  background-color: rgba(28, 186, 117, .88);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#881cba75, endColorstr=#881cba75);
}

.inBusiness ul li.item3:hover .box {
  background-color: rgba(243, 243, 243, .88);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#88f3f3f3, endColorstr=#88f3f3f3);
}

.inBusiness ul li.item3:hover .tit {
  background: url(../../childrenImg/goodsDetail/inBusiness_more_h.png) right center no-repeat;
}

.inBusiness ul li.item3 .dl dd .a {
  border-color: #000;
  color: #333;
}

.inBusiness ul li.item4:hover .box {
  background-color: rgba(228, 23, 0, .88);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#88e41700, endColorstr=#88e41700);
}

.inBusiness ul li.item4 .dl dd .a:hover {
  background-color: #fff;
  border-color: #fff;
  color: #e41700;
}

.inBusiness ul li .tit {
  font-size: 28px;
  color: #fff;
  padding-right: 45px;
}

.inBusiness ul li .tit p {
  font-size: 14px;
  color: #c4c4c4;
}

.inBusiness ul li.item3 .tit {
  color: #000;
}

.inBusiness ul li.item3 .tit p {
  color: #7a7a7a;
}

.inBusiness ul li:hover .tit {
  background: url(../../childrenImg/goodsDetail/inBusiness_more.png) right center no-repeat;
}

.inBusiness ul li:hover .dl {
  visibility: visible;
  opacity: 1;
}

.inBusiness .dl {
  margin-top: 20px;
  visibility: hidden;
  opacity: 0;
  transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s;
  -webkit-transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s;
}

.inBusiness .dl dd {
  display: inline-block;
  _display: inline;
  zoom: 1;
  margin: 5px 5px 0 0;
}

.inBusiness .dl dd .a {
  display: block;
  width: 105px;
  height: 33px;
  line-height: 33px;
  border: 2px solid #fff;
  text-align: center;
  font-size: 12px;
  color: #fff;
}

.inBusiness .dl dd .a:hover, .inBusiness ul li.item3 .dl dd a:hover {
  background-color: #e41700;
  border-color: #e41700;
  color: #fff;
}

.section02 {
  background-color: #f4f4f4;
}

.incaseTab {
  width: 100%;
  text-align: center;
  margin-top: 10px;
}

.incaseTab ul li {
  display: inline-block;
  _display: inline;
  zoom: 1;
  padding-right: 25px;
  margin-right: 25px;
  background: url(../../childrenImg/goodsDetail/incaseTab_li.png) right center no-repeat;
}

.incaseTab ul li:nth-last-child(1) {
  background: none;
  margin-right: 0;
}

.incaseTab ul li a {
  font-size: 18px;
  color: #666;
}

.incaseTab ul li.on a {
  color: #e41700;
}

.indexCase {
  width: 100%;
  margin-top: 50px;
  overflow: hidden;
}

.indexCase .box {
  display: none;
}

.indexCase ul li {
  width: 25%;
  float: left;
}

.indexCase ul li .pic {
  width: 100%;
  padding-top: 65%;
  overflow: hidden;
  position: relative;
  z-index: 1;
}

.indexCase ul li .pic img {
  width: 100%;
  max-height: 100%;
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 1;
  margin: auto;
  -moz-transition: all 0.6s ease;
  -webkit-transition: all 0.6s ease;
  -o-transition: all 0.6s ease;
  -ms-transition: all 0.6s ease;
  transition: all 0.6s ease;
}

.indexCase ul li .bg {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 10;
  visibility: hidden;
  opacity: 0;
  background-color: rgba(0, 0, 0, .8);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#80000000, endColorstr=#80000000);
  transition: all 0.6s ease;
  -webkit-transition: all 0.6s ease;
}

.indexCase ul li:hover .bg {
  visibility: visible;
  opacity: 1;
}

.indexCase ul li .bg img {
  max-width: 100%;
  max-height: 100%;
  width: auto;
  transform: translateY(100%);
  transition: all 0.6s ease;
  -webkit-transition: all 0.6s ease;
}

.indexCase ul li:hover .bg img {
  transform: translateY(0);
}

.indexCase ul li .tit {
  background-color: #fff;
  height: 65px;
  padding: 15px 50px 0 24px;
  position: relative;
  z-index: 1;
}

.indexCase ul li .tit:after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-color: #e41700;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: -1;
  transform-origin: 100%;
  -webkit-transform-origin: 100%;
  -webkit-transition: -webkit-transform .3s cubic-bezier(.4, 0, .2, 1);
  transition: -webkit-transform .3s cubic-bezier(.4, 0, .2, 1);
  transition: transform .3s cubic-bezier(.4, 0, .2, 1), -webkit-transform .3s cubic-bezier(.4, 0, .2, 1);
  transform: scaleX(0);
  -webkit-transform: scaleX(0);
  visibility: hidden \9;
}

.indexCase ul li:hover .tit:after {
  transform: scaleX(1);
  -webkit-transform: scaleX(1);
  -moz-transform: scaleX(1);
  transform-origin: 0;
  -webkit-transform-origin: 0;
  visibility: visible \9;
}

.indexCase ul li h2 {
  font-size: 18px;
  font-weight: bold;
  color: #000;
}

.indexCase ul li p {
  font-size: 14px;
  color: #999;
}

.indexCase ul li:hover h2, .indexCase ul li:hover p {
  color: #fff;
}

.indexCase ul li .icon {
  width: 22px;
  height: 22px;
  background: url(../../childrenImg/goodsDetail/case_more.png) no-repeat;
  position: absolute;
  right: 20px;
  top: 50%;
  margin-top: -11px;
  z-index: 10;
}

.indexCase ul li:hover .icon {
  background: url(../../childrenImg/goodsDetail/case_more_h.png) no-repeat;
}

.indexBtns {
  width: 100%;
  margin-top: 55px;
  text-align: center;
}

.indexBtns a {
  display: inline-block;
  min-width: 194px;
  height: 54px;
  line-height: 54px;
  padding: 0 10px;
  overflow: hidden;
  border-radius: 25px;
  background-color: #1b1b1b;
  font-size: 18px;
  color: #fff;
  margin: 0 5px;
  position: relative;
  z-index: 1;
}

.indexBtns a:after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-color: #e41700;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: -1;
  transform-origin: 100%;
  -webkit-transform-origin: 100%;
  -webkit-transition: -webkit-transform .3s cubic-bezier(.4, 0, .2, 1);
  transition: -webkit-transform .3s cubic-bezier(.4, 0, .2, 1);
  transition: transform .3s cubic-bezier(.4, 0, .2, 1), -webkit-transform .3s cubic-bezier(.4, 0, .2, 1);
  transform: scaleX(0);
  -webkit-transform: scaleX(0);
  visibility: hidden \9;
}

.indexBtns a:hover:after, .indexBtns a.on:after {
  transform: scaleX(1);
  -webkit-transform: scaleX(1);
  -moz-transform: scaleX(1);
  transform-origin: 0;
  -webkit-transform-origin: 0;
  visibility: visible \9;
}

.section03 {
  background-color: #fff;
}

.indexPartner {
  margin-top: 50px;
  padding: 1px 0 0 1px;
  overflow: hidden;
}

.indexPartner ul li {
  width: 20%;
  float: left;
  border: 1px solid #f5f5f5;
  margin: -1px 0 0 -1px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

.indexPartner ul li span {
  display: block;
  width: 100%;
  padding-top: 46%;
  overflow: hidden;
  position: relative;
}

.indexPartner ul li img {
  width: 100%;
  max-height: 100%;
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 1;
  margin: auto;
  -moz-transition: all 0.6s ease;
  -webkit-transition: all 0.6s ease;
  -o-transition: all 0.6s ease;
  -ms-transition: all 0.6s ease;
  transition: all 0.6s ease;
}

.indexPartner ul li:hover img {
  transform: scale(1.03);
  -moz-transform: scale(1.03);
  -ms-transform: scale(1.03);
  -o-transform: scale(1.03);
  -webkit-transform: scale(1.03);
}

.indexPartner ul li span:before, .indexPartner ul li span:after {
  position: absolute;
  z-index: 5;
  content: "";
  display: block;
  border: 5px solid transparent;
  width: 0;
  height: 0;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

.indexPartner ul li span:before {
  bottom: 0;
  right: 0;
  -webkit-transition: border-color 0s ease-in 0.4s, width 0.2s ease-in 0.2s, height 0.2s ease-in;
  transition: border-color 0s ease-in 0.4s, width 0.2s ease-in 0.2s, height 0.2s ease-in;
}

.indexPartner ul li span:after {
  top: 0;
  left: 0;
  -webkit-transition: border-color 0s ease-in 0.8s, width 0.2s ease-in 0.6s, height 0.2s ease-in 0.4s;
  transition: border-color 0s ease-in 0.8s, width 0.2s ease-in 0.6s, height 0.2s ease-in 0.4s;
}

.indexPartner ul li:hover span:before {
  width: 100%;
  height: 100%;
  border-bottom-color: #f5f5f5;
  border-left-color: #f5f5f5;
  -webkit-transition: border-color 0s ease-out 0.4s, width 0.2s ease-out 0.4s, height 0.2s ease-out 0.6s;
  transition: border-color 0s ease-out 0.4s, width 0.2s ease-out 0.4s, height 0.2s ease-out 0.6s;
}

.indexPartner ul li:hover span:after {
  width: 100%;
  height: 100%;
  border-top-color: #f5f5f5;
  border-right-color: #f5f5f5;
  -webkit-transition: width 0.2s ease-out, height 0.2s ease-out 0.2s;
  transition: width 0.2s ease-out, height 0.2s ease-out 0.2s;
}

.section04 {
  background-color: #f4f4f4;
}

.indexNews {
  width: 100%;
  margin-top: 50px;
}

.indexNews .item {
  width: 100%;
  overflow: hidden;
}

.indexNews .slick-dots {
  width: 100%;
  text-align: center;
  margin-top: 12px;
}

.indexNews .slick-dots li {
  width: 10px;
  height: 10px;
  position: relative;
  font-size: 0;
  cursor: pointer;
  background-color: #bebebe;
  display: inline-block;
  _display: inline;
  zoom: 1;
  margin: 0 5px;
  border: none;
  border-radius: 50%;
}

.indexNews .slick-dots li button {
  display: none;
}

.indexNews .slick-dots li.slick-active {
  background-color: #e41700;
}

.indexnwHot {
  width: 32.55%;
  background-color: #fff;
  float: left;
}

.indexnwHot a {
  display: block;
  padding: 40px 30px 30px 30px;
}

.indexnwHot .h2 {
  font-size: 20px;
  color: #333;
}

.indexnwHot .h2:hover {
  color: #e41700;
}

.indexnwHot .time {
  font-size: 14px;
  color: #999;
  margin: 5px 0 10px 0;
}

.indexnwHot .pic {
  width: 100%;
  height: 493px;
  overflow: hidden;
  position: relative;
}

.indexnwHot .pic span {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  -moz-transition: all 0.6s ease;
  -webkit-transition: all 0.6s ease;
  -o-transition: all 0.6s ease;
  -ms-transition: all 0.6s ease;
  transition: all 0.6s ease;
}

.indexnwHot .pic:hover span {
  transform: scale(1.03);
  -moz-transform: scale(1.03);
  -ms-transform: scale(1.03);
  -o-transform: scale(1.03);
  -webkit-transform: scale(1.03);
}

.indexnwlist {
  width: 100%;
}

.indexnwlist ul li {
  width: 31%;
  height: 307px;
  float: left;
  margin: 0 0 16px 1.8%;
  background-color: #fff;
}

.indexnwlist ul li a {
  display: block;
  padding: 40px 30px 10px 30px;
}

.indexnwlist ul li .h2 {
  font-size: 20px;
  color: #333;
}

.indexnwlist ul li:hover .h2 {
  color: #e41700;
}

.indexnwlist ul li .pcont {
  font-size: 14px;
  color: #999;
  height: 63px;
  overflow: hidden;
  margin-top: 10px;
  text-align: justify;
  text-justify: inter-ideograph;
}

.indexnwlist ul li .time {
  border-top: 1px solid #f3f3f3;
  padding-top: 15px;
  margin-top: 44px;
  font-size: 14px;
  color: #999;
  position: relative;
}

.indexnwlist ul li .time b {
  font-family: 'Conv_DINCondensedC';
  font-size: 48px;
  font-weight: bold;
  color: #666;
  line-height: 1.1;
}

.indexnwlist ul li .time:after {
  content: "";
  display: block;
  width: 20px;
  height: 10px;
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: 5px;
  background: url(../../childrenImg/goodsDetail/news_more.png) no-repeat;
}

.indexnwlist ul li:hover .time:after {
  background: url(../../childrenImg/goodsDetail/news_more_h.png) no-repeat;
}

.indexnwlist ul li:hover {
  box-shadow: 0 17px 50px 0 rgba(0, 0, 0, .19);
  transform: translate3d(0, -2px, 0);
  transition: all .3s cubic-bezier(.55, 0, .1, 1);
}

.baiweiDemand {
  width: 100%;
  background-color: #fff;
  padding: 80px 0 120px 0;
  position: relative;
  z-index: 1;
}

.baiweiDemand .indexTitle {
  text-align: left;
}

.baiweiDemand .indexTitle p {
  font-size: 14px;
}

.baiweiform {
  margin: 30px 0 10px 0;
}

.baiweiform ul li {
  width: 27.95%;
  float: left;
  margin-right: 0.38333%;
}

.baiweiform ul li.itemSub {
  width: 15%;
  float: left;
  margin-right: 0;
}

.baiweiform ul li .bwtext {
  width: 100%;
  height: 55px;
  line-height: 55px;
  font-size: 14px;
  color: #333;
  border: 1px solid #ececec;
  padding: 0 20px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

.baiweiform ul li .bwtext:focus {
  border-color: #e41700;
}

.baiweiform ul li .bwsele {
  width: 100%;
  height: 55px;
  line-height: 55px;
  font-size: 14px;
  color: #999;
  border: 1px solid #ececec;
  padding-left: 20px;
}

.baiweiform ul li .bwsele {
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  outline: none;
}

.baiweiform ul li .bwsele::-ms-expand {
  display: none;
}

.baiweiform ul li .submit {
  width: 100%;
  height: 55px;
  background-color: #e41700;
  border: 2px solid #e41700;
  font-size: 14px;
  color: #fff;
  cursor: pointer;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -ms-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
}

.baiweiform ul li .submit:hover {
  background-color: #000;
  border-color: #000;
}

.italic {
  font-size: 12px;
  color: #999;
}


#fp-nav {
  display: none;
}

.section {
  overflow: hidden;
  zoom: 1;
}

.section .webPic {
  width: 63.5%;
  height: 100%;
  float: right;
  position: relative;
}

.section .webPic img {
  max-width: 100%;
  max-height: 100%;
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 1;
  margin: auto;
  -moz-transition: all 0.6s ease;
  -webkit-transition: all 0.6s ease;
  -o-transition: all 0.6s ease;
  -ms-transition: all 0.6s ease;
  transition: all 0.6s ease;
}

.section .webTmain {
  width: 36.5%;
  text-align: right;
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translate(0%, -50%);
  transform: translate(0%, -50%);
}

.section .webBox {
  max-width: 512px;
  margin: 0 40px;
  display: inline-block;
  text-align: left;
}

.section .webTmain .h2 {
  font-size: 48px;
  font-weight: bold;
  color: #000;
  line-height: 1.1;
}

.section .webTmain .h3 {
  font-size: 24px;
  color: #000;
}

.section .webTmain .pn {
  font-size: 14px;
  color: #999;
  margin-top: 10px;
  height: 84px;
  overflow: hidden;
  text-align: justify;
  text-justify: inter-ideograph;
}

.section .webBtns {
  width: 100%;
  margin-top: 60px;
}

.section .webBtns a {
  display: inline-block;
  width: 162px;
  height: 48px;
  line-height: 48px;
  font-size: 16px;
  color: #333;
  background-color: #fff;
  text-align: center;
  overflow: hidden;
  position: relative;
  z-index: 1;
}

.section .webBtns a:hover, .section .webBtns a.on {
  color: #fff;
}

.section .webBtns a:after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-color: #e41700;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: -1;
  transform-origin: 100%;
  -webkit-transform-origin: 100%;
  -webkit-transition: -webkit-transform .3s cubic-bezier(.4, 0, .2, 1);
  transition: -webkit-transform .3s cubic-bezier(.4, 0, .2, 1);
  transition: transform .3s cubic-bezier(.4, 0, .2, 1), -webkit-transform .3s cubic-bezier(.4, 0, .2, 1);
  transform: scaleX(0);
  -webkit-transform: scaleX(0);
  visibility: hidden \9;
}

.section .webBtns a:hover:after, .section .webBtns a.on:after {
  transform: scaleX(1);
  -webkit-transform: scaleX(1);
  -moz-transform: scaleX(1);
  transform-origin: 0;
  -webkit-transform-origin: 0;
  visibility: visible \9;
}

.section .webBrand {
  width: 100%;
  margin-top: 65px;
}

.section .webBrand ul li {
  width: 33.333%;
  float: left;
  margin-top: 1px;
}

.section .webBrand ul li span {
  display: block;
  padding-top: 45%;
  margin-right: 1px;
  position: relative;
}

.section .webBrand ul li span img {
  width: 100%;
  max-height: 100%;
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 1;
  margin: auto;
  -moz-transition: all 0.6s ease;
  -webkit-transition: all 0.6s ease;
  -o-transition: all 0.6s ease;
  -ms-transition: all 0.6s ease;
  transition: all 0.6s ease;
}

.i-wrap1, .i-wrap3, .i-wrap5, .i-wrap7 {
  background-color: #000;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

.i-wrap2, .i-wrap4, .i-wrap6 {
  background-color: #f2f2f2;
}

.i-wrap3 {
  background-image: url(../../childrenImg/goodsDetail/webBox03.jpg);
}

.i-wrap3 .webPic, .i-wrap5 .webPic, .i-wrap7 .webPic {
  float: left;
}

.i-wrap3 .webTmain, .i-wrap5 .webTmain, .i-wrap7 .webTmain {
  float: right;
  text-align: left;
  left: auto;
  right: 0;
}

.i-wrap3 .webTmain .h2, .i-wrap3 .webTmain .h3, .i-wrap5 .webTmain .h3, .i-wrap5 .webTmain .h2, .i-wrap7 .webTmain .h3, .i-wrap7 .webTmain .h2 {
  color: #fff;
}

.i-wrap3 .webTmain .pn, .i-wrap5 .webTmain .pn, .i-wrap7 .webTmain .pn {
  color: #fff;
  opacity: .5;
}

.i-wrap5 {
  background-image: url(../../childrenImg/goodsDetail/webBox05.jpg);
}

.i-wrap7 {
  background-image: url(../../childrenImg/goodsDetail/webBox07.jpg);
}

.active .banner .banText .h2 {
  animation-name: fadeInUp1;
  -webkit-animation-name: fadeInUp1;
  animation-duration: 1s;
  -webkit-animation-duration: 1s;
}

.active .banner .banText .pn {
  animation-name: fadeInUp1;
  -webkit-animation-name: fadeInUp1;
  animation-duration: 1.2s;
  -webkit-animation-duration: 1.2s;
}

.active .webPic {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.active .webBox {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

@keyframes fadeInUp1 {
  0% {
    -webkit-opacity: 0;
    -webkit-transform: translate3d(0px, 150px, 0);
    transform: translate3d(0px, 150px, 0);
  }
  100% {
    -webkit-opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@-webkit-keyframes fadeInUp1 {
  0% {
    -webkit-opacity: 0;
    -webkit-transform: translate3d(0px, 150px, 0);
    transform: translate3d(0px, 150px, 0);
  }
  100% {
    -webkit-opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@-webkit-keyframes slideInDown1 {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes slideInDown1 {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
  }
  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.slideInDown1 {
  -webkit-animation-name: slideInDown1;
  animation-name: slideInDown1;
}

@-webkit-keyframes slideInDown2 {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes slideInDown2 {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
  }
  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.slideInDown2 {
  -webkit-animation-name: slideInDown2;
  animation-name: slideInDown2;
}


.m-wrap2, .m-wrap3, .m-wrap4 {
  background-color: #eee;
  background-position: left bottom;
  background-size: cover;
  background-repeat: no-repeat;
}

.m-wrap2 {
  background-image: url(../../childrenImg/goodsDetail/mobile1.jpg);
}

.m-wrap3 {
  background-image: url(../../childrenImg/goodsDetail/mobile2.jpg);
}

.m-wrap4 {
  background-image: url(../../childrenImg/goodsDetail/mobile3.jpg);
}

.mobText {
  width: 446px;
  padding-top: 210px;
}

.mobText .h2 {
  font-size: 46px;
  color: #000;
}

.mobText .pn {
  font-size: 16px;
  color: #666;
  line-height: 30px;
  margin-top: 5px;
}

.mobText .th {
  font-size: 24px;
  color: #000;
  margin-top: 30px;
}

.mobText .dl, .myApplt {
  margin-top: 10px;
  overflow: hidden;
}

.mobText .dl dd {
  width: 56px;
  text-align: center;
  font-size: 14px;
  color: #333;
  float: left;
  margin-right: 40px;
}

.mobText .dl dd img {
  margin: 0 auto;
}

.mobText .dl dd p {
  margin-top: 5px;
}

.myApplt ul {
  margin-left: -9px;
  margin-right: -9px;
}

.myApplt ul li {
  width: 20%;
  float: left;
}

.myApplt ul li span {
  margin: 0 9px;
  display: block;
}

.active .mobText .h2 {
  animation-name: fadeInUp1;
  -webkit-animation-name: fadeInUp1;
  animation-duration: 1s;
  -webkit-animation-duration: 1s;
}

.active .mobText .pn {
  animation-name: fadeInUp1;
  -webkit-animation-name: fadeInUp1;
  animation-duration: 2s;
  -webkit-animation-duration: 2s;
}

.active .mobText .th {
  animation-name: fadeInUp1;
  -webkit-animation-name: fadeInUp1;
  animation-duration: 3s;
  -webkit-animation-duration: 3s;
}

.active .mobText .dl {
  animation-name: fadeInUp1;
  -webkit-animation-name: fadeInUp1;
  animation-duration: 4s;
  -webkit-animation-duration: 4s;
}

.active .mobText .myApplt {
  animation-name: fadeInUp1;
  -webkit-animation-name: fadeInUp1;
  animation-duration: 5s;
  -webkit-animation-duration: 5s;
}

.active .indexTitle h2 {
  animation-name: slideInDown1;
  -webkit-animation-name: slideInDown1;
  animation-duration: 0.2s;
  -webkit-animation-duration: 0.2s;
}

.active .indexTitle p {
  animation-name: slideInDown2;
  -webkit-animation-name: slideInDown2;
  animation-duration: 0.4s;
  -webkit-animation-duration: 0.4s;
}


.nybanner {
  width: 100%;
  height: 760px;
  position: relative;
  overflow: hidden;
  background-image: url(../../childrenImg/goodsDetail/banner3.jpg);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

.nybanner .nyTitle {
  width: 100%;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translate(0%, -50%);
}

.nybanner .h2 {
  font-size: 46px;
  font-weight: bold;
  color: #fff;
  line-height: 1.1;
}

.nybanner .h2 i {
  color: #e41700;
}

.nybanner .pn {
  font-family: "Arial";
  font-size: 16px;
  color: #dadada;
  margin-top: 10px;
}

.caseWrap_goodsDetail {
  width: 100%;
  background-color: #fff;
}

.caseDetails_goodsDetail {
  padding: 80px 0 56px 0;
}

.caseTextBox_goodsDetail {
  padding: 90px 190px;
  margin-bottom: 24px;
  background-color: #f6f6f6;
}

.caseTextBox_goodsDetail img {
  max-width: 100%;
  margin: 0 auto;
}

.caseTextBox_goodsDetail .caseTitle_goodsDetail {
  width: 340px;
  float: left;
}

.caseTextBox_goodsDetail .caTit_goodsDetail {
  font-size: 36px;
  font-weight: bold;
  color: #000;
}

.caseTextBox_goodsDetail .line_goodsDetail {
  width: 33px;
  height: 3px;
  display: block;
  background-color: #000;
  margin-top: 5px;
}

.caseTextBox_goodsDetail .caseInfo_goodsDetail {
  width: 590px;
  float: right;
}

.caseTextBox_goodsDetail .caText_goodsDetail {
  font-size: 14px;
  color: #333;
  line-height: 30px;
  text-align: justify;
  text-justify: inter-ideograph;
}

.caseTextBox_goodsDetail .caTage {
  font-size: 12px;
  color: #999;
  line-height: 20px;
  margin-top: 40px;
}

.caseTextBox_goodsDetail .Btns_goodsDetail {
  display: block;
  width: 112px;
  height: 36px;
  line-height: 36px;
  font-size: 14px;
  color: #333;
  border: 2px solid #000;
  border-radius: 25px;
  margin-top: 15px;
  overflow: hidden;
  text-align: center;
  position: relative;
  z-index: 1;
}

.caseTextBox_goodsDetail .Btns_goodsDetail:hover {
  color: #fff;
}

.caseTextBox_goodsDetail .Btns_goodsDetail:after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-color: #000;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: -1;
  transform-origin: 100%;
  -webkit-transform-origin: 100%;
  -webkit-transition: -webkit-transform .3s cubic-bezier(.4, 0, .2, 1);
  transition: -webkit-transform .3s cubic-bezier(.4, 0, .2, 1);
  transition: transform .3s cubic-bezier(.4, 0, .2, 1), -webkit-transform .3s cubic-bezier(.4, 0, .2, 1);
  transform: scaleX(0);
  -webkit-transform: scaleX(0);
  visibility: hidden \9;
}

.caseTextBox_goodsDetail .Btns_goodsDetail:hover:after {
  transform: scaleX(1);
  -webkit-transform: scaleX(1);
  -moz-transform: scaleX(1);
  transform-origin: 0;
  -webkit-transform-origin: 0;
  visibility: visible \9;
}

.caseTextBox_goodsDetail .mobewm_goodsDetail {
  width: 100px;
  text-align: center;
  font-size: 12px;
  color: #999;
  margin-top: 15px;
}

.caseTextBox_goodsDetail .mobewm_goodsDetail img {
  width: 100%;
  margin-bottom: 3px;
}

.caseDetails_goodsDetailBom {
  padding: 65px 0 80px 0;
  background-color: #f6f6f6;
}

.caseRecoomlist {
  width: 100%;
  margin-top: 45px;
}

.caseRecoomlist .box {
  display: block;
  margin: 0 15px;
  background-color: #fff;
}

.caseRecoomlist .pic {
  width: 100%;
  padding-top: 65%;
  overflow: hidden;
  position: relative;
  z-index: 1;
}

.caseRecoomlist .pic img {
  width: 100%;
  max-height: 100%;
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 1;
  margin: auto;
  -moz-transition: all 0.6s ease;
  -webkit-transition: all 0.6s ease;
  -o-transition: all 0.6s ease;
  -ms-transition: all 0.6s ease;
  transition: all 0.6s ease;
}

.caseRecoomlist .bg {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 10;
  visibility: hidden;
  opacity: 0;
  background-color: rgba(0, 0, 0, .8);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#80000000, endColorstr=#80000000);
  transition: all 0.6s ease;
  -webkit-transition: all 0.6s ease;
}

.caseRecoomlist .box:hover .bg {
  visibility: visible;
  opacity: 1;
}

.caseRecoomlist .bg img {
  max-width: 100%;
  max-height: 100%;
  width: auto;
  transform: translateY(100%);
  transition: all 0.6s ease;
  -webkit-transition: all 0.6s ease;
}

.caseRecoomlist .box:hover .bg img {
  transform: translateY(0);
}

.caseRecoomlist .tit {
  background-color: #fff;
  height: 65px;
  padding: 15px 50px 0 24px;
  position: relative;
  z-index: 1;
}

.caseRecoomlist .tit:after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-color: #e41700;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: -1;
  transform-origin: 100%;
  -webkit-transform-origin: 100%;
  -webkit-transition: -webkit-transform .3s cubic-bezier(.4, 0, .2, 1);
  transition: -webkit-transform .3s cubic-bezier(.4, 0, .2, 1);
  transition: transform .3s cubic-bezier(.4, 0, .2, 1), -webkit-transform .3s cubic-bezier(.4, 0, .2, 1);
  transform: scaleX(0);
  -webkit-transform: scaleX(0);
  visibility: hidden \9;
}

.caseRecoomlist .box:hover .tit:after {
  transform: scaleX(1);
  -webkit-transform: scaleX(1);
  -moz-transform: scaleX(1);
  transform-origin: 0;
  -webkit-transform-origin: 0;
  visibility: visible \9;
}

.caseRecoomlist h2 {
  font-size: 18px;
  font-weight: bold;
  color: #000;
}

.caseRecoomlist p {
  font-size: 14px;
  color: #999;
}

.caseRecoomlist .box:hover h2, .caseRecoomlist .box:hover p {
  color: #fff;
}

.caseRecoomlist .icon {
  width: 22px;
  height: 22px;
  background: url(../../childrenImg/goodsDetail/case_more.png) no-repeat;
  position: absolute;
  right: 20px;
  top: 50%;
  margin-top: -11px;
  z-index: 10;
}

.caseRecoomlist .box:hover .icon {
  background: url(../../childrenImg/goodsDetail/case_more_h.png) no-repeat;
}

.caseRecoomlist .slick-dots {
  width: 100%;
  text-align: center;
  margin-top: 15px;
}

.caseRecoomlist .slick-dots li {
  width: 10px;
  height: 10px;
  position: relative;
  font-size: 0;
  cursor: pointer;
  background-color: #bebebe;
  display: inline-block;
  _display: inline;
  zoom: 1;
  margin: 0 5px;
  border: none;
  border-radius: 50%;
}

.caseRecoomlist .slick-dots li button {
  display: none;
}

.caseRecoomlist .slick-dots li.slick-active {
  background-color: #e41700;
}

.app-list ul li .pic {
  padding-top: 56%;
}

.app-list ul li .bg, .app-list ul li .hidden {
  display: none;
}

.sl-overlay {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 3000;
  opacity: 1;
  display: none;
  background-color: rgba(0, 0, 0, .8);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#80000000, endColorstr=#80000000);
}

.sl-wrapper .sl-close {
  position: fixed;
  right: 30px;
  top: 30px;
  z-index: 4000;
  font-size: 0;
  width: 88px;
  height: 88px;
  background: url(../../childrenImg/goodsDetail/app-close.png) no-repeat;
}

.sl-wrapper .sl-navigation button {
  position: fixed;
  top: 50%;
  margin-top: -23px;
  width: 50px;
  height: 46px;
  font-size: 0;
  z-index: 4000;
}

.sl-wrapper .sl-navigation button.sl-prev {
  left: 30px;
  background: url(../../childrenImg/goodsDetail/app-prev.png) no-repeat;
}

.sl-wrapper .sl-navigation button.sl-next {
  right: 30px;
  background: url(../../childrenImg/goodsDetail/app-next.png) no-repeat;
}

.font-48 {
  font-size: 48px;
  line-height: 1;
}

.alert-action {
  position: fixed;
  top: 70px;
  left: 96px;
  z-index: 2000;
  width: 88px;
  height: 88px;
  background: url(../../childrenImg/goodsDetail/app-close.png) no-repeat;
  cursor: pointer;
}

.lb-nav a.lb-prev {
  background: url(../../childrenImg/goodsDetail/app-prev.png) left 48% no-repeat;
}

.lb-nav a.lb-next {
  background: url(../../childrenImg/goodsDetail/app-next.png) right 48% no-repeat;
}


.newsTou {
  width: 100%;
  margin-top: 50px;
}

.newslist ul {
  margin-left: -8px;
  margin-right: -8px;
  margin-bottom: -16px;
}

.newslist ul li {
  width: 33.333%;
  float: left;
  margin-bottom: 16px;
}

.newslist ul li a {
  display: block;
  padding: 40px 30px 10px 30px;
  margin: 0 8px;
  background-color: #fff;
}

.newslist ul li .h2 {
  font-size: 20px;
  color: #333;
}

.newslist ul li:hover .h2 {
  color: #e41700;
}

.newslist ul li .pcont {
  font-size: 14px;
  color: #999;
  height: 63px;
  overflow: hidden;
  margin-top: 10px;
  text-align: justify;
  text-justify: inter-ideograph;
}

.newslist ul li .time {
  border-top: 1px solid #f3f3f3;
  padding-top: 15px;
  margin-top: 44px;
  font-size: 14px;
  color: #999;
  position: relative;
}

.newslist ul li .time b {
  font-family: 'Conv_DINCondensedC';
  font-size: 48px;
  font-weight: bold;
  color: #666;
  line-height: 1.1;
}

.newslist ul li .time:after {
  content: "";
  display: block;
  width: 20px;
  height: 10px;
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: 5px;
  background: url(../../childrenImg/goodsDetail/news_more.png) no-repeat;
}

.newslist ul li:hover .time:after {
  background: url(../../childrenImg/goodsDetail/news_more_h.png) no-repeat;
}

.newslist ul li:hover a {
  box-shadow: 0 17px 50px 0 rgba(0, 0, 0, .19);
  transform: translate3d(0, -2px, 0);
  transition: all .3s cubic-bezier(.55, 0, .1, 1);
}

.page {
  width: 100%;
  text-align: center;
  margin-top: 60px;
}

.page a {
  display: inline-block;
  font-size: 16px;
  color: #999;
  background-color: #fff;
  padding: 7px 14px;
}

.page a:hover, .page a.on {
  background-color: #e41700;
  border-color: #e41700;
  color: #fff;
}

.newsleft {
  width: 79%;
  float: left;
}

.newsdetail {
  background-color: #fff;
  padding: 50px 64px 100px 64px;
}

.newsdetail h1 {
  font-size: 36px;
  font-weight: bold;
  color: #000;
  text-align: center;
  word-wrap: break-word;
}

.newsdetail .newsinfo {
  font-size: 14px;
  color: #999;
  padding: 10px 0;
  text-align: center;
}

.newsdetail .newsinfo .admin, .newsdetail .newsinfo .time, .newsdetail .newsinfo .bdsharebuttonbox {
  display: inline-block;
  _display: inline;
  zoom: 1;
  vertical-align: middle;
}

.newsdetail .newsinfo .bdsharebuttonbox a {
  padding: 0;
  margin: 0 0 0 5px;
  display: inline-block;
  float: none;
  width: 27px;
  height: 27px;
  background-position: center;
  -webkit-transition: all 0s ease;
  transition: all 0s ease;
}

.newsdetail .newsinfo .bdsharebuttonbox a.bds_weixin {
  background-image: url(../../childrenImg/goodsDetail/nwwx.png);
}

.newsdetail .newsinfo .bdsharebuttonbox a.bds_sqq {
  background-image: url(../../childrenImg/goodsDetail/nwqq.png);
}

.newsdetail .newsinfo .bdsharebuttonbox a.bds_tsina {
  background-image: url(../../childrenImg/goodsDetail/nwwb.png);
}

.newsdetail .newstext {
  border-top: 1px solid #ebebeb;
  padding: 40px 0;
  word-wrap: break-word;
  text-align: justify;
  text-justify: inter-ideograph;
}

.newsdetail .newstext img {
  margin: 0 auto;
}

.newsdetail .newsmore {
  width: 100%;
  height: 48px;
  line-height: 48px;
  background-color: #efefef;
}

.newsdetail .newsmore ul li {
  width: 33.333%;
  float: left;
  text-align: center;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.newsdetail .newsmore ul li a {
  font-size: 14px;
  color: #333;
  display: inline-block;
  margin: 0 20px;
}

.newsdetail .newsmore ul li a:hover {
  color: #e41700;
}

.newsdetail .newsmore ul li.Prev {
  text-align: left;
}

.newsdetail .newsmore ul li.Prev a {
  padding-left: 20px;
  background: url(../../childrenImg/goodsDetail/News_Prev.png) left center no-repeat;
}

.newsdetail .newsmore ul li.Backlist a {
  padding-left: 20px;
  background: url(../../childrenImg/goodsDetail/Backlist.png) left center no-repeat;
}

.newsdetail .newsmore ul li.Next a {
  padding-right: 20px;
  background: url(../../childrenImg/goodsDetail/News_Next.png) right center no-repeat;
}

.newsdetail .newsmore ul li.Next {
  text-align: right;
}

.newsright {
  width: 19%;
  float: right;
}

.nwNextlist {
  background-color: #fff;
  padding: 20px 0;
}

.nwNextlist ul li {
  padding: 10px 30px;
}

.nwNextlist ul li .th {
  display: block;
  font-size: 18px;
  color: #333;
  position: relative;
  z-index: 1;
}

.nwNextlist ul li .th i {
  display: inline-block;
  background-color: #fff;
  padding-right: 10px;
}

.nwNextlist ul li .th:after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background-color: #e3e3e3;
  position: absolute;
  left: 0;
  top: 49%;
  z-index: -1;
}

.nwNextlist ul li .time {
  font-size: 14px;
  color: #999;
  margin-top: 10px;
}

.nwNextlist ul li .h2 {
  font-size: 16px;
  color: #666;
}

.nwNextlist ul li:hover .h2 {
  color: #e41700;
}

.nwMyewm {
  margin-top: 15px;
  background-color: #fff;
  text-align: center;
  padding: 34px;
}

.nwMyewm .th {
  display: block;
  font-size: 16px;
  color: #666;
  margin-bottom: 5px;
}

.nwMyewm .ewm img {
  border: 1px solid #f5f5f5;
  margin: 0 auto;
}


.abbanner {
  width: 100%;
  height: 100vh;
  position: relative;
  overflow: hidden;
  background-color: #000;
  background-image: url(../../childrenImg/goodsDetail/banner5.jpg);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

.aboutNumBar {
  width: 100%;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translate(0%, -50%);
}

.aboutNumBar ul li {
  width: 33.333%;
  float: left;
  text-align: center;
}

.aboutNumBar ul li .box {
  width: 226px;
  display: inline-block;
  text-align: left;
}

.aboutNumBar ul li .num {
  font-family: 'Conv_DINCondensedC';
  font-size: 100px;
  font-weight: bold;
  color: #e41700;
  line-height: 1.1;
}

.aboutNumBar ul li .pn {
  font-size: 16px;
  color: #fff;
}

.mouseBtns {
  width: 20px;
  height: 30px;
  border: 2px solid #fff;
  border-radius: 10px;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 20px;
  z-index: 10;
  margin: auto;
  cursor: pointer;
}

.mouseBtns i {
  display: block;
  width: 3px;
  height: 9px;
  background-color: #fff;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  margin: auto;
  -webkit-animation: mouse-dot1 1.5s cubic-bezier(0.23, 1, 0.32, 1) infinite;
  animation: mouse-dot1 1.5s cubic-bezier(0.23, 1, 0.32, 1) infinite;
}

@keyframes mouse-dot1 {
  from {
    opacity: 0;
  }
  33% {
    opacity: 1;
  }
  to {
    transform: translateY(15px);
    -webkit-transform: translateY(15px);
    opacity: 0;
  }
}

@-webkit-keyframes mouse-dot1 {
  from {
    opacity: 0;
  }
  33% {
    opacity: 1;
  }
  to {
    transform: translateY(15px);
    -webkit-transform: translateY(15px);
    opacity: 0;
  }
}

.aboutBox {
  width: 100%;
  padding: 80px 0;
  background-color: #fff;
}

.aboutBox .layout_goodsDetail {
  max-width: 1100px;
}

.aboutTitle {
  width: 100%;
  text-align: center;
}

.aboutTitle h2 {
  font-size: 48px;
  color: #000;
  line-height: 1.1;
}

.aboutTitle p {
  font-size: 18px;
  color: #666;
  margin-top: 10px;
}

.aboutUs {
  background-color: #f8f8f8;
  margin-top: 50px;
  padding: 70px 144px;
  border-radius: 10px;
}

.aboutUs .h2 {
  font-size: 36px;
  font-weight: bold;
  color: #e41700;
  position: relative;
  z-index: 1;
}

.aboutUs .h2:after, .aboutUs .h2:before {
  content: "";
  display: block;
  width: 37px;
  height: 34px;
  position: absolute;
  top: 10px;
  z-index: -1;
  background-size: cover;
  background-repeat: no-repeat;
}

.aboutUs .h2:before {
  left: -65px;
  background-image: url(../../childrenImg/goodsDetail/abIcon_l.png);
}

.aboutUs .h2:after {
  right: -20px;
  background-image: url(../../childrenImg/goodsDetail/abIcon_r.png);
}

.aboutUs .pn {
  font-size: 16px;
  color: #666;
  text-align: justify;
  text-justify: inter-ideograph;
}

.aboutBox02 {
  width: 100%;
  min-height: 650px;
  background-image: url(../../childrenImg/goodsDetail/aboutBox02.jpg);
  background-attachment: fixed;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

.aboutBox02 .aboutTitle h2 {
  color: #fff;
}

.aboutSer {
  width: 100%;
  margin-top: 50px;
}

.aboutSer ul li {
  margin-top: 1px;
  padding: 45px 60px;
  overflow: hidden;
  position: relative;
  background-color: rgba(0, 0, 0, .5);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#50000000, endColorstr=#50000000);
}

.aboutSer ul li .h2 {
  width: 180px;
  padding: 20px 10px 0 0;
  float: left;
  font-size: 30px;
  color: #eca50b;
}

.aboutSer ul li .pn {
  width: 402px;
  float: left;
  font-size: 16px;
  color: #fff;
  opacity: .6;
  text-align: justify;
  text-justify: inter-ideograph;
}

.aboutSer ul li .icon {
  width: 35px;
  height: 35px;
  border-radius: 50%;
  background-color: #e41700;
  display: block;
  position: absolute;
  right: 60px;
  top: 50%;
  margin-top: -17px;
}

.aboutSer ul li .icon:after {
  content: "";
  width: 0;
  height: 0;
  position: absolute;
  right: 0;
  top: 0;
  left: 0;
  bottom: 0;
  margin: auto;
  border-left: 5px solid #fff;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
}

.aboutBox03 {
  background-color: #f7f7f7;
}

.abContact {
  width: 100%;
  border-top: 1px solid #e6e6e6;
  margin-top: 50px;
}

.abContact ul li {
  border-bottom: 1px solid #e6e6e6;
  padding: 30px 140px 40px 0;
  position: relative;
}

.abContact ul li .h2 {
  font-size: 24px;
  color: #000;
  margin-bottom: 5px;
}

.abContact ul li .h2 img {
  max-width: 51px;
  margin-right: 5px;
  vertical-align: bottom;
}

.abContact ul li .pn {
  font-size: 16px;
  color: #666;
  line-height: 30px;
}

.abContact ul li .Btns_goodsDetail {
  width: 120px;
  height: 38px;
  line-height: 38px;
  text-align: center;
  background-color: #e41700;
  font-size: 16px;
  color: #fff;
  overflow: hidden;
  display: block;
  position: absolute;
  right: 0;
  top: 50%;
  z-index: 1;
  margin-top: -19px;
}

.abContact ul li .Btns_goodsDetail:after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-color: #000;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: -1;
  transform-origin: 100%;
  -webkit-transform-origin: 100%;
  -webkit-transition: -webkit-transform .3s cubic-bezier(.4, 0, .2, 1);
  transition: -webkit-transform .3s cubic-bezier(.4, 0, .2, 1);
  transition: transform .3s cubic-bezier(.4, 0, .2, 1), -webkit-transform .3s cubic-bezier(.4, 0, .2, 1);
  transform: scaleX(0);
  -webkit-transform: scaleX(0);
  visibility: hidden \9;
}

.abContact ul li .Btns_goodsDetail:hover:after {
  transform: scaleX(1);
  -webkit-transform: scaleX(1);
  -moz-transform: scaleX(1);
  transform-origin: 0;
  -webkit-transform-origin: 0;
  visibility: visible \9;
}


.contact-box01 {
  width: 100%;
  background-color: #fff;
  padding: 230px 0 190px 0;
}

.contact-box01 .h2 {
  font-size: 24px;
  color: #333;
}

.contact-box01 .pn {
  margin-top: 10px;
}

.contact-box01 .pim img {
  max-width: 100%;
  display: block;
}

.contact-box01 .line_goodsDetail {
  width: 43px;
  height: 2px;
  display: block;
  background-color: #333;
  margin: 50px 0;
}

.contact-box01 .pe {
  margin-bottom: 10px;
}

.contact-box01 .Btns_goodsDetail {
  width: 188px;
  height: 55px;
  line-height: 55px;
  text-align: center;
  background-color: #333;
  font-size: 12px;
  color: #fff;
  overflow: hidden;
  display: block;
  margin-top: 90px;
  position: relative;
  z-index: 1;
}

.contact-box01 .Btns_goodsDetail:after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-color: #e41700;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: -1;
  transform-origin: 100%;
  -webkit-transform-origin: 100%;
  -webkit-transition: -webkit-transform .3s cubic-bezier(.4, 0, .2, 1);
  transition: -webkit-transform .3s cubic-bezier(.4, 0, .2, 1);
  transition: transform .3s cubic-bezier(.4, 0, .2, 1), -webkit-transform .3s cubic-bezier(.4, 0, .2, 1);
  transform: scaleX(0);
  -webkit-transform: scaleX(0);
  visibility: hidden \9;
}

.contact-box01 .Btns_goodsDetail:hover:after {
  transform: scaleX(1);
  -webkit-transform: scaleX(1);
  -moz-transform: scaleX(1);
  transform-origin: 0;
  -webkit-transform-origin: 0;
  visibility: visible \9;
}

.contact-box02 {
  width: 100%;
  padding: 190px 0 120px 0;
  background-color: #000;
  background-image: url(../../childrenImg/goodsDetail/contact-box02.jpg);
  background-attachment: fixed;
  background-position: center top;
  background-repeat: no-repeat;
}

.cont-info {
  width: 100%;
  padding-bottom: 50px;
  margin-bottom: 50px;
  border-bottom: 1px solid #1e1e1d;
  border-bottom: 1px solid rgba(255, 255, 255, .1);
}

.cont-info ul li {
  width: 50%;
  float: left;
}

.cont-info ul li {
  font-size: 16px;
  color: #fff;
}

.cont-info ul li .tn {
  font-size: 14px;
  color: #ccc;
  display: block;
  margin: 5px 0;
}

.cont-tips {
  font-size: 12px;
  color: #fff;
}

.cont-tips span {
  color: #ccc;
}

.cont-form {
  width: 100%;
  min-height: 575px;
  position: relative;
}

.cont-form ul li {
  width: 46.35%;
  margin-top: 30px;
}

.cont-form ul li .tit {
  font-size: 14px;
  color: #fff;
  height: 30px;
  line-height: 30px;
}

.cont-form ul li .tit i {
  color: #f00;
}

.cont-form ul li .cont-text, .cont-form ul li .cont-teat, .cont-form ul li .cont-sele {
  width: 100%;
  height: 40px;
  line-height: 40px;
  background: none;
  border: 2px solid #808080;
  padding: 0 10px;
  font-size: 14px;
  color: #fff;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.cont-form ul li .cont-teat {
  height: 540px;
  padding: 5px 10px;
  line-height: 24px;
}

.cont-form ul li .cont-text:focus, .cont-form ul li .cont-teat:focus {
  border-color: #fff;
}

.cont-form ul li.item-teat {
  position: absolute;
  right: 0;
  top: 0;
}

.cont-form ul li .cont-sele {
  color: #999;
}

.cont-form ul li.item-submit {
  margin-top: 40px;
}

.cont-form ul li .Btns_goodsDetail {
  width: 48.3%;
  height: 50px;
  border: none;
  background-color: #b8b8b8;
  font-size: 16px;
  color: #333;
  cursor: pointer;
  float: left;
}

.cont-form ul li .Btns_goodsDetail:hover, .cont-form ul li .reset {
  background-color: #e41700;
  color: #fff;
}

.cont-form ul li .reset {
  float: right;
}

.about-box01 {
  width: 100%;
  background-color: #fff;
  padding: 120px 0;
}

.about-box01 .about-tm {
  max-width: 910px;
  margin: 0 auto;
  text-align: center;
}

.about-box01 .about-tm .h2 {
  font-size: 40px;
  color: #000;
  margin-bottom: 30px;
}

.about-box01 .about-tm .h3 {
  font-size: 14px;
  color: #666;
  line-height: 30px;
}

.about-box01 .IndexList {
  width: 70%;
  padding-top: 30px;
}

.about-box02 {
  width: 100%;
  height: 676px;
  background-image: url(../../childrenImg/goodsDetail/about03.jpg);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

.about-box02 .about-xzwm {
  max-width: 1295px;
  margin: 0 auto;
  padding-top: 70px;
  text-align: center;
}

.about-box02 .about-xzwm .h2 {
  font-size: 36px;
  color: #fff;
  margin-bottom: 10px;
}

.about-box02 .about-xzwm .h3 {
  font-size: 16px;
  color: #d9d9d9;
}

.about-box02 .about-xzwm .abul li {
  width: 21%;
  max-width: 270px;
  float: left;
  margin-top: 120px;
  margin-right: 18%;
  margin-right: 11% \0;
}

.about-box02 .about-xzwm .abul li .co {
  display: block;
  width: 120px;
  height: 120px;
  border: 1px solid #fff;
  border-radius: 100%;
  margin: 0 auto;
  background-image: url(../../childrenImg/goodsDetail/about04.png);
  background-position: 0 0;
  background-repeat: no-repeat;
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
}

.about-box02 .about-xzwm .abul li:hover .co {
  background-position: 0 -120px;
  border-color: #dc1010;
}

.about-box02 .about-xzwm .abul li .c1 {
  background-position: 0 0;
}

.about-box02 .about-xzwm .abul li .c2 {
  background-position: -120px 0;
}

.about-box02 .about-xzwm .abul li:hover .c2 {
  background-position: -120px -120px;
}

.about-box02 .about-xzwm .abul li .c3 {
  background-position: -240px 0;
}

.about-box02 .about-xzwm .abul li:hover .c3 {
  background-position: -240px -120px;
}

.about-box02 .about-xzwm .abul li .t {
  display: block;
  font-size: 24px;
  font-weight: bold;
  color: #fff;
  margin: 20px 0;
}

.about-box02 .about-xzwm .abul li p {
  font-size: 14px;
  color: #c4c4c4;
}

.about-box02 .about-xzwm .abul li:nth-of-type(3n) {
  margin-right: 0;
}

.about-box03 {
  width: 100%;
  background-color: #fff;
  border-bottom: 1px solid #ddd;
  padding: 120px 0;
}

.about-box03 .about-xzwm {
  max-width: 1295px;
  margin: 0 auto;
  text-align: center;
}

.about-box03 .about-xzwm .h2 {
  font-size: 40px;
  color: #000;
  margin-bottom: 30px;
}

.about-box03 .about-xzwm .h3 {
  font-size: 14px;
  color: #666;
  line-height: 30px;
}

.ab-team ul li {
  width: 30%;
  float: left;
  position: relative;
  overflow: hidden;
  cursor: pointer;
  margin-top: 5%;
  margin-right: 5%;
  margin-right: 3% \0;
}

.ab-team ul li:nth-of-type(3n) {
  margin-right: 0;
}

.ab-team ul li .pic {
  width: 100%;
  overflow: hidden;
}

.ab-team ul li .pic img {
  width: 100%;
  display: block;
}

.ab-team ul li .tmask {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 5;
  visibility: hidden;
  opacity: 0;
  background-color: rgba(0, 0, 0, .6);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#60000000, endColorstr=#60000000);
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
}

.ab-team ul li:hover .tmask {
  visibility: visible;
  opacity: 1;
}

.ab-team ul li .tm {
  padding: 35px;
  text-align: left;
  transform: translateX(0) translateY(10%);
  -webkit-transition: all .8s ease;
  transition: all .8s ease;
}

.ab-team ul li:hover .tm {
  transform: translateX(0) translateY(0);
}

.ab-team ul li .tm .n1 {
  font-size: 24px;
  font-weight: bold;
  color: #fff;
}

.ab-team ul li .tm .n2 {
  font-size: 16px;
  color: #fff;
  display: block;
}

.ab-team ul li .tm .line_goodsDetail {
  display: block;
  width: 20px;
  height: 1px;
  background-color: #fff;
  margin-top: 10px;
  margin-bottom: 30px;
}

.ab-team ul li .tm p {
  font-size: 14px;
  color: #fff;
  margin-bottom: 10px;
}

.IndexList {
  width: 440px;
  margin: 0 auto;
  display: table;
  position: relative;
  -webkit-transition: all .8s ease-out 0s;
  transition: all .8s ease-out 0s;
}

.IndexList ul {
  font-size: 0;
  padding-top: 30px;
}

.IndexList li {
  display: inline-block;
  width: 33.33%;
  text-align: center;
  position: relative;
}

.IndexList li i {
  font-size: 16px;
  color: #000;
}

.IndexList li span {
  display: block;
  font-size: 14px;
  color: #666;
  letter-spacing: 4px;
}

.nub {
  font-size: 48px;
  color: #000;
  line-height: 48px;
  height: 48px;
  display: inline-block;
}

.NumContent {
  height: inherit;
  display: inherit;
  overflow: hidden;
  position: relative;
  line-height: inherit;
  font-size: inherit;
}

.NumContent > div {
  line-height: inherit;
  color: inherit;
  font-size: inherit;
  display: inline-block;
}

.NumContent > div > div {
  line-height: inherit;
  color: inherit;
  font-size: inherit;
}

.NumContent > div:nth-child(1) {
  transition: all 2s cubic-bezier(.35, .75, .55, 1) 0s;
  -webkit-transition: all 2s cubic-bezier(.35, .75, .55, 1) 0s;
  -moz-transition: all 2s cubic-bezier(.35, .75, .55, 1) 0s;
}

.NumContent > div:nth-child(2) {
  transition: all 2s cubic-bezier(.35, .75, .55, 1) 0s;
  -webkit-transition: all 2s cubic-bezier(.35, .75, .55, 1) 0s;
  -moz-transition: all 2s cubic-bezier(.35, .75, .55, 1) 0s;
}

.NumContent > div:nth-child(3) {
  transition: all 2s cubic-bezier(.35, .75, .55, 1) 0s;
  -webkit-transition: all 2s cubic-bezier(.35, .75, .55, 1) 0s;
  -moz-transition: all 2s cubic-bezier(.35, .75, .55, 1) 0s;
}

.NumContent > div:nth-child(4) {
  transition: all 2s cubic-bezier(.35, .75, .55, 1) 0s;
  -webkit-transition: all 2s cubic-bezier(.35, .75, .55, 1) 0s;
  -moz-transition: all 2s cubic-bezier(.35, .75, .55, 1) 0s;
}

.NumContent > div:nth-child(5) {
  transition: all 2s cubic-bezier(.35, .75, .55, 1) 0s;
  -webkit-transition: all 2s cubic-bezier(.35, .75, .55, 1) 0s;
  -moz-transition: all 2s cubic-bezier(.35, .75, .55, 1) 0s;
}

.IndexList.active {
  opacity: 1;
  transform: translateY(0px);
  -webkit-transform: translateY(0px);
  -moz-transform: translateY(0px);
}


.myTop {
  width: 66px;
  position: fixed;
  _position: absolute;
  right: 0;
  bottom: 5%;
  z-index: 100;
}

.myTop ul li {
  margin-top: 1px;
  height: 66px;
  text-align: center;
  position: relative;
}

.myTop ul li a {
  padding: 10px 5px 7px 5px;
  display: block;
  font-size: 12px;
  color: #fff;
  background-color: #221f1f;
  overflow: hidden;
  position: relative;
  z-index: 10;
}

.myTop ul li a:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  background-color: #e41700;
  -webkit-transform-origin: -50% 50%;
  transform-origin: -50% 50%;
  -webkit-transform: rotate3d(0, 0, 1, 90deg);
  transform: rotate3d(0, 0, 1, 90deg);
  -webkit-transition: -webkit-transform .3s ease-in;
  transition: transform .3s ease-in;
  opacity: 0 \9;
  filter: alpha(opacity=0) \9;
}

.myTop ul li:hover a:after {
  -webkit-transform: rotate3d(0, 0, 1, 0deg);
  transform: rotate3d(0, 0, 1, 0deg);
  opacity: 1 \9;
  filter: alpha(opacity=100) \9;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

.myTop ul li .icon {
  width: 24px;
  height: 24px;
  margin: 0 auto;
  display: block;
  background-position: center;
  background-repeat: no-repeat;
}

.myTop ul li .t {
  display: block;
  margin-top: 7px;
}

.myTop ul li.myMess .icon {
  background-image: url(../../childrenImg/goodsDetail/myMess.png);
}

.myTop ul li.myNum .icon {
  background-image: url(../../childrenImg/goodsDetail/myNum.png);
}

.myTop ul li.mySer .icon {
  background-image: url(../../childrenImg/goodsDetail/mySer.png);
}

.myTop ul li.GoTop .icon {
  background-image: url(../../childrenImg/goodsDetail/GoTop.png);
}

.myTop ul li .Phone {
  width: 200px;
  height: 66px;
  line-height: 66px;
  font-size: 16px;
  color: #fff;
  background-color: #e41700;
  opacity: .8;
  position: absolute;
  left: 0;
  top: 0;
  transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
}

.myTop ul li:hover .Phone {
  left: -200px;
}


.footer {
  width: 100%;
  background-color: #191618;
  position: relative;
  z-index: 1;
  overflow: hidden;
  background-position: center;
  background-size: 100% 100%;
  background-repeat: no-repeat;
}

.footer .layout_goodsDetail {
  position: relative;
}

.footer .footertext {
  z-index: 10;
  position: relative;
  background-color: rgba(0, 0, 0, .5);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#50000000, endColorstr=#50000000);
}

.footer .bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: 1;
}

.footer video {
  width: 100%;
  height: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  opacity: 1;
  -webkit-transition: opacity 4.0s;
  -moz-transition: opacity 4.0s;
  -ms-transition: opacity 4.0s;
  -o-transition: opacity 4.0s;
  transition: opacity 4.0s;
}

.footer .footTou {
  padding: 77px 0 60px 0;
}

.footer .ftlogos {
  width: 240px;
  float: left;
  font-size: 14px;
  color: #666;
}

.footer .ftlogos p {
  margin-top: 10px;
}

.footer .ftewm {
  width: 119px;
  float: right;
  text-align: center;
  font-size: 14px;
  color: #666;
}

.footer .ftlinks {
  width: 60.6%;
  float: right;
  overflow: hidden;
  word-break: break-all;
  word-wrap: break-word;
}

.footer .dl {
  width: 16.666%;
  float: left;
}

.footer .dl dt {
  font-size: 16px;
  color: #fff;
  padding: 0 35px 10px 0;
  position: relative;
}

.footer .dl dt:after {
  content: " / ";
  display: block;
  font-size: 16px;
  color: #fff;
  position: absolute;
  right: 45px;
  top: 0;
}

.footer .dl:nth-last-child(1) dt:after {
  display: none;
}

.footer .dl dd {
  margin-top: 10px;
  padding-right: 10px;
  font-size: 14px;
}

.footer .dl dd a {
  color: #fff;
}

.footer .dl dd a:hover {
  color: #e41700;
}

.footer .footBom {
  width: 100%;
  padding: 20px 0;
  border-top: 1px solid #424242;
  overflow: hidden;
  zoom: 1;
}

.footer .ftCopy {
  width: 50%;
  float: left;
  text-align: left;
  font-size: 12px;
  color: #424242;
}

.footer .bdsharebuttonbox {
  width: 40%;
  float: right;
  text-align: right;
}

.footer .bdsharebuttonbox a {
  width: 27px;
  height: 27px;
  margin: 0 0 0 7px;
  padding: 0;
  float: none;
  display: inline-block;
  background-image: url(../../childrenImg/goodsDetail/Share.png);
  background-position: 0 0;
  background-repeat: no-repeat;
}

.footer .bdsharebuttonbox a.bds_weixin {
  background-position: 0 0;
}

.footer .bdsharebuttonbox a.bds_weixin:hover {
  background-position: 0 -27px;
}

.footer .bdsharebuttonbox a.bds_tsina {
  background-position: -27px 0;
}

.footer .bdsharebuttonbox a.bds_tsina:hover {
  background-position: -27px -27px;
}

.footer .bdsharebuttonbox a.bds_sqq {
  background-position: -54px 0;
}

.footer .bdsharebuttonbox a.bds_sqq:hover {
  background-position: -54px -27px;
}

.dowebok .section {
  width: 100%;
  height: 100vh;
}


@media screen and (max-width: 1600px) {
  .logo a {
    width: 220px;
  }

  .nav ul li {
    margin-right: 26px;
  }

  .nav ul li .box {
    width: 644px;
  }

  .nav ul li:nth-child(2) .box {
    width: 794px;
  }

  .nav ul li:nth-child(3) .box {
    width: 700px;
  }

  .nav ul li:nth-child(5) .box {
    margin-right: 430px;
  }

  .nav ul li:nth-child(6) .box {
    margin-right: 338px;
  }

  .nav ul li .nav-body a {
    margin-right: 15px;
  }

  .bannerNumBar ul li {
    height: 110px;
    padding-top: 20px;
  }

  .inBusiness ul li .box {
    padding: 40px 30px;
  }

  .mobText {
    padding-top: 150px;
  }
}

@media screen and (min-width: 1200px) and (max-width: 1519px) {
  .layout_goodsDetail {
    width: 1180px;
  }

  .header {
    height: 80px;
  }

  .logo {
    padding-top: 17px;
  }

  .nav ul li > a {
    height: 80px;
    line-height: 80px;
  }

  .nav ul li .nav-body {
    top: 80px;
  }

  .callNum {
    height: 80px;
    line-height: 80px;
  }

  .bannerNumBar ul li {
    height: 80px;
    padding-top: 20px;
  }

  .bannerNumBar ul li .box {
    margin: 0 50px;
  }

  .bannerNumBar ul li .num {
    font-size: 40px;
  }

  .bannerNumBar ul li .pn {
    font-size: 14px;
  }

  .inBusiness ul li .box {
    height: 380px;
  }

  .baiweiDemand {
    padding: 80px 0;
  }

  .dowebok .baiweiDemand {
    padding: 130px 0 20px 0;
  }

  .nybanner {
    height: 528px;
  }

  .nybanner .h2 {
    font-size: 34px;
  }

  .footer .ftlinks {
    width: 640px;
  }

  .footer .dl dt {
    font-size: 14px;
    padding-right: 20px;
  }

  .footer .dl dt:after {
    right: 20px;
  }

  .footer .dl dd {
    font-size: 12px;
  }

  .section .webTmain {
    width: 47.5%;
  }

  .section .webPic {
    width: 52.5%;
  }

  .section .webTmain .h2, .mobText .h2 {
    font-size: 24px;
  }

  .section .webTmain .h3 {
    font-size: 16px;
  }

  .section .webBtns, .section .webBrand {
    margin-top: 20px;
  }

  .mobText {
    width: 400px;
  }

  .mobText .pn {
    font-size: 12px;
    line-height: 24px;
  }

  .mobText .th {
    font-size: 14px;
    font-weight: bold;
    margin-top: 15px;
  }

  .mobText .dl dd {
    font-size: 12px;
  }

  .caseTextBox_goodsDetail {
    padding: 60px 40px;
  }

  .contact-box01 {
    padding: 120px 0;
  }
}

@media screen and (min-width: 769px) and (max-width: 1199px) {
  .layout_goodsDetail {
    width: 750px;
  }

  .header {
    width: 100vw;
    height: 60px;
    background-color: #fff;
  }

  .logo {
    position: absolute;
    left: 3%;
    top: 0;
    padding-top: 0;
  }

  .logo a {
    width: 120px;
    height: 60px;
  opacity: 0;
    background-image: url(../../childrenImg/goodsDetail/logo_h.png);
  }

  .nav, .callNum, .myTop, .footer .ftlinks {
    display: none;
  }

  .btn-m-list {
    display: block;
  }

  .bannerNumBar ul li {
    height: 80px;
    padding-top: 20px;
  }

  .bannerNumBar ul li .box {
    margin: 0 20px;
  }

  .bannerNumBar ul li .num {
    font-size: 40px;
  }

  .aboutNumBar ul li .num {
    font-size: 60px;
  }

  .indexTitle h2, .aboutTitle .h2, .nybanner .h2 {
    font-size: 24px;
  }

  .aboutUs .h2 {
    font-size: 20px;
  }

  .nybanner .pn, .aboutNumBar ul li .pn, .bannerNumBar ul li .pn {
    font-size: 14px;
  }

  .aboutUs .pn {
    font-size: 12px;
  }

  .inBusiness ul li .box {
    height: 380px;
  }

  .inBusiness ul li {
    width: 50%;
  }

  .indexCase ul li {
    width: 33.333%;
  }

  .indexnwHot, .indexnwlist, .caseTextBox_goodsDetail .caseTitle_goodsDetail, .caseTextBox_goodsDetail .caseInfo_goodsDetail {
    width: auto;
    float: none;
  }

  .indexnwHot a {
    padding: 20px;
  }

  .indexnwHot .pic {
    height: auto;
    padding-top: 104%;
  }

  .indexnwlist ul {
    margin-left: -5px;
    margin-right: -5px;
  }

  .indexnwlist ul li {
    width: 50%;
    height: auto;
    margin: 10px 0 0 0;
    background: none;
  }

  .indexnwlist ul li:hover, .newslist ul li:hover a {
    box-shadow: none;
    transform: none;
    transition: none;
  }

  .indexnwlist ul li a {
    padding: 20px;
    margin: 0 5px;
    background-color: #fff;
  }

  .indexnwlist ul li .pcont {
    font-size: 12px;
    height: 87px;
  }

  .indexnwlist ul li .time {
    margin-top: 20px;
  }

  .baiweiform ul li {
    width: 25.95%;
  }

  .baiweiform ul li.itemSub {
    width: 20%;
  }

  .section {
    height: auto !important;
  }

  .section .webPic, .section .webTmain {
    opacity: 1;
    transform: translateX(0);
  }

  .section .webTmain, .section .webPic {
    width: auto;
    float: none;
  }

  .section .webPic img {
    position: relative;
    max-width: 60%;
  }

  .section .webTmain {
    padding: 40px;
    position: relative;
    left: auto;
    right: auto;
    top: auto;
    -webkit-transform: translate(0%, 0%);
    transform: translate(0%, 0%);
  }

  .section .webBox {
    margin: 0 auto;
    display: block;
  }

  .section .webTmain .h2 {
    font-size: 24px;
  }

  .section .webTmain .h3 {
    font-size: 16px;
  }

  .section .webBtns, .section .webBrand {
    margin-top: 20px;
  }

  .nybanner, .abbanner {
    height: 600px !important;
  }

  .mobText {
    padding: 150px 0;
  }

  .caseWrap_goodsDetail {
    padding-top: 60px;
  }

  .caseTextBox_goodsDetail {
    padding: 40px 20px;
  }

  .caseTextBox_goodsDetail .caseInfo_goodsDetail {
    margin-top: 20px;
  }

  .newsTou .indexnwlist ul li a, .newslist ul li a {
    padding: 30px 20px;
  }

  .newslist ul li {
    width: 50%;
    margin: 16px 0 0 0;
  }

  .newsleft {
    width: 74%;
  }

  .newsdetail {
    padding: 40px 20px 50px 20px;
  }

  .newsdetail h1 {
    font-size: 20px;
  }

  .newsright {
    width: 25%;
  }

  .nwNextlist {
    padding: 15px 0;
  }

  .nwNextlist ul li {
    padding: 10px 15px;
  }

  .nwMyewm {
    padding: 20px;
  }

  .contact-box01, .contact-box02 {
    padding: 110px 0 120px 0;
  }

  .aboutNumBar ul li .box {
    width: 197px;
  }

  .aboutSer ul li .h2 {
    width: 115px;
  }

  .aboutSer ul li .pn {
    width: 320px;
  }
}

@media screen and (max-width: 768px) {
  .layout_goodsDetail {
    width: 95%;
  }

  .header {
    width: 100vw;
    height: 60px;
    background-color: #fff;
  }

  .logo {
    float: none;
    padding-top: 0;
  }

  .logo a {
    width: 120px;
    height: 60px;
  opacity: 0;
    background-image: url(../../childrenImg/goodsDetail/logo_h.png);
  }

  .nav, .callNum, .myTop, .footer .ftlinks {
    display: none;
  }

  .btn-m-list {
    display: block;
  }

  .banner .pimg, .nybanner, .abbanner {
    height: 400px !important;
  }

  .banner .banText {
    transform: translateY(-50%);
    margin-top: 40px;
  }

  .banner .banText .pn, .indexTitle p, .baiweiform ul li, .baiweiform ul li.itemSub {
    margin-top: 5px;
  }

  .mouseIco {
    width: 40px;
    height: 40px;
    margin-top: 10px;
    overflow: hidden;
  }

  .bannerNumBar .digital, .bannerNumBar .digital.active {
    transform: rotateX(0deg) translate3d(0, 0, 0);
    -webkit-transform: rotateX(0deg) translate3d(0, 0, 0);
    -moz-transform: rotateX(0deg) translate3d(0, 0, 0);
  }

  .bannerNumBar {
    position: static;
    left: auto;
    bottom: auto;
  }

  .bannerNumBar ul li {
    height: 70px;
    padding-top: 20px;
  }

  .bannerNumBar ul li.item1, .bannerNumBar ul li.item2, .bannerNumBar ul li.item3, .bannerNumBar ul li .box {
    text-align: center;
  }

  .bannerNumBar ul li .box {
    margin: 0 5px;
  }

  .indexTitle h2, .aboutTitle .h2 {
    font-size: 24px;
  }

  .banner .banText .h2, .bannerNumBar ul li .num, .nybanner .h2, .aboutNumBar ul li .num, .abContact ul li .h2, .indexnwlist ul li .time b {
    font-size: 20px;
  }

  .indexCase ul li h2, .indexnwHot .h2, .newslist ul li .h2, .newslist ul li .time b, .aboutUs .h2 {
    font-size: 16px;
  }

  .inBusiness ul li .tit, .indexBtns a, .indexnwlist ul li .h2, .incaseTab ul li a, .nwNextlist ul li .h2, .nwMyewm .th, .aboutUs .pn, .aboutSer ul li .pn, .abContact ul li .Btns_goodsDetail {
    font-size: 14px;
  }

  .indexTitle p, .banner .banText .pn, .bannerNumBar ul li .pn, .inBusiness ul li .tit p, .indexCase ul li p, .indexnwlist ul li .time, .footer .ftlogos, .nybanner .pn, .newslist ul li .time, .aboutNumBar ul li .pn, .indexnwlist ul li .pcont, .newslist ul li .pcont, .nwNextlist ul li .time, .abContact ul li .pn {
    font-size: 12px;
  }

  .sectionBox, .baiweiDemand, .aboutBox {
    padding: 30px 0 40px 0;
  }

  .inBusiness, .indexCase, .indexPartner, .indexNews, .baiweiform, .newsTou, .caseTextBox_goodsDetail .caseInfo_goodsDetail, .caseRecoomlist, .aboutUs, .aboutSer, .abContact {
    margin-top: 20px;
  }

  .inBusiness ul li {
    width: 50%;
  }

  .inBusiness ul li .box {
    padding: 20px 10px;
    height: 320px;
  }

  .inBusiness ul li .tit, .inBusiness ul li:hover .tit, .inBusiness ul li.item3:hover .tit {
    padding-right: 26px;
    background-size: 20px auto;
  }

  .inBusiness .dl {
    margin-top: 5px;
    display: -webkit-box;
    display: flex;
    -webkit-box-flex: 1;
    flex-grow: 1;
    flex-wrap: wrap;
  }

  .inBusiness .dl.clearfix_goodsDetail:before, .inBusiness .dl.clearfix_goodsDetail:after {
    display: none;
  }

  .inBusiness .dl dd {
    width: 50%;
    float: none;
    margin: 5px 0 0 0;
    flex-basis: 50%;
  }

  .inBusiness .dl dd a, .inBusiness .dl dd .a {
    width: auto;
    padding: 0 5px;
    border: 1px solid #fff;
    font-size: 8px;
    height: 28px;
    line-height: 28px;
    margin: 0 2px;
    overflow: hidden;
  }

  .incaseTab ul li {
    padding-right: 8px;
    margin-right: 5px;
    margin-top: 5px;
  }

  .indexCase ul li {
    width: 50%;
  }

  .indexCase ul li .tit {
    padding: 10px 40px 0 10px;
    height: 50px;
  }

  .indexCase ul li .icon {
    right: 10px;
  }

  .indexCase ul li .bg img {
    max-height: 80px;
  }

  .indexBtns {
    margin-top: 15px;
  }

  .indexBtns a {
    min-width: 75px;
    height: 35px;
    line-height: 35px;
  }

  .indexPartner ul li {
    width: 33.333%;
  }

  .indexnwHot, .indexnwlist, .baiweiform ul li, .baiweiform ul li.itemSub, .footer .ftlogos, .footer .ftlinks, .footer .ftCopy, .footer .bdsharebuttonbox, .section .webTmain, .section .webPic, .caseTextBox_goodsDetail .caseTitle_goodsDetail, .caseTextBox_goodsDetail .caseInfo_goodsDetail, .newsleft, .newsright, .aboutSer ul li .h2, .aboutSer ul li .pn {
    width: auto;
    float: none;
  }

  .indexnwHot a {
    padding: 20px;
  }

  .indexnwHot .pic {
    height: auto;
    padding-top: 104%;
  }

  .indexnwlist ul {
    margin-left: -5px;
    margin-right: -5px;
  }

  .indexnwlist ul li {
    width: 50%;
    height: auto;
    margin: 10px 0 0 0;
    background: none;
  }

  .indexnwlist ul li a {
    padding: 20px 15px;
    margin: 0 5px;
    background-color: #fff;
  }

  .indexnwlist ul li .pcont, .newslist ul li .pcont {
    height: 125px;
    margin-top: 5px;
  }

  .indexnwlist ul li .time, .newslist ul li .time {
    margin-top: 10px;
    padding-top: 10px;
  }

  .footer .footTou {
    padding: 45px 0 0 0;
  }

  .footer video {
    width: 140%;
    display: none;
  }

  .footer .ftlogos {
    text-align: center;
  }

  .footer .ftlogos img {
    max-width: 120px;
  }

  .footer .ftewm {
    float: none;
    margin: 0 auto;
    padding: 15px 0;
  }

  .footer .ftCopy, .footer .bdsharebuttonbox {
    text-align: center;
  }

  .footer .bdsharebuttonbox {
    margin-top: 5px;
  }

  .section {
    height: auto !important;
  }

  .section .webPic, .section .webTmain {
    opacity: 1;
    transform: translateX(0);
  }

  .section .webPic img {
    position: relative;
    max-width: 95%;
  }

  .section .webTmain {
    padding: 20px 2.5% 40px 2.5%;
    position: relative;
    left: auto;
    right: auto;
    top: auto;
    -webkit-transform: translate(0%, 0%);
    transform: translate(0%, 0%);
  }

  .section .webBox {
    max-width: 100%;
    margin: 0;
  }

  .section .webTmain .h2, .mobText .h2, .caseTextBox_goodsDetail .caTit_goodsDetail {
    font-size: 20px;
  }

  .section .webTmain .h3, .mobText .th {
    font-size: 14px;
  }

  .section .webTmain .pn, .mobText .pn, .mobText .dl dd {
    font-size: 12px;
    height: auto;
  }

  .section .webBtns, .section .webBrand {
    margin-top: 20px;
  }

  .section .webBtns a {
    width: 110px;
    height: 38px;
    line-height: 38px;
    font-size: 12px;
  }

  .mobText {
    width: auto;
    padding: 80px 0;
  }

  .mobText .th {
    margin-top: 15px;
  }

  .mobText .dl dd {
    margin-right: 10px;
  }

  .page {
    margin-top: 20px;
  }

  .page a {
    font-size: 12px;
    padding: 6px 10px;
  }

  .caseWrap_goodsDetail {
    padding-top: 60px;
  }

  .caseDetails_goodsDetail {
    padding: 40px 0 30px 0;
  }

  .caseTextBox_goodsDetail {
    padding: 40px 20px;
  }

  .caseDetails_goodsDetailBom {
    padding: 40px 0;
  }

  .newslist ul {
    margin-left: -5px;
    margin-right: -5px;
    margin-bottom: 0;
  }

  .newslist ul li {
    width: 50%;
    margin: 10px 0 0 0;
  }

  .newslist ul li a {
    margin: 0 5px;
    padding: 20px 10px;
  }

  .newsleft, .newsright {
    margin-bottom: 5px;
  }

  .newsdetail {
    padding: 40px 20px 50px 20px;
  }

  .newsdetail h1 {
    font-size: 20px;
  }

  .newsdetail .newstext {
    padding: 20px 0;
  }

  .nwNextlist {
    padding: 15px 0;
  }

  .nwNextlist ul li {
    padding: 10px 15px;
  }

  .nwMyewm {
    padding: 20px;
  }

  .aboutNumBar {
    margin-top: 10px;
  }

  .aboutNumBar ul li .box {
    width: auto;
    margin: 0 5px;
    text-align: center;
  }

  .aboutUs {
    padding: 30px 20px;
  }

  .aboutUs .h2 {
    padding: 10px 45px 0 45px;
  }

  .aboutUs .h2:before {
    left: 0;
  }

  .aboutUs .h2:after {
    right: 0;
  }

  .about-box01 .about-tm .h2, .about-box03 .about-xzwm .h2 {
    font-size: 20px;
    margin-bottom: 10px;
  }

  .about-box01 .IndexList {
    width: 95%;
    padding-top: 0;
  }

  .about-box01 .about-tm .h2 {
    font-size: 26px;
  }

  .about-box01 .about-tm .nub {
    font-size: 30px;
    height: 34px;
    line-height: 34px;
  }

  .about-box02 {
    height: auto;
    padding-bottom: 70px;
    overflow: hidden;
  }

  .about-box02 .about-xzwm .abul li, .about-box02 .about-xzwm .abul li:nth-of-type(3n) {
    max-width: 100%;
    width: auto;
    float: none;
    margin: 20px 0 0 0;
  }

  .about-box02 .about-xzwm .h2 {
    font-size: 20px;
    margin-bottom: 5px;
  }

  .about-box02 .about-xzwm .h3 {
    font-size: 14px;
  }

  .about-box02 .about-xzwm .abul li .co {
    width: 70px;
    height: 70px;
    background-size: 210px auto;
  }

  .about-box02 .about-xzwm .abul li:hover .c1 {
    background-position: 0 -70px;
  }

  .about-box02 .about-xzwm .abul li .c2 {
    background-position: -70px 0;
  }

  .about-box02 .about-xzwm .abul li:hover .c2 {
    background-position: -70px -70px;
  }

  .about-box02 .about-xzwm .abul li .c3 {
    background-position: -140px 0;
  }

  .about-box02 .about-xzwm .abul li:hover .c3 {
    background-position: -140px -70px;
  }

  .about-box02 .about-xzwm .abul li .t {
    font-size: 16px;
    margin: 20px 0 5px 0;
  }

  .about-box02 .about-xzwm .abul li p {
    font-size: 12px;
  }

  .about-box01, .about-box03 {
    padding: 40px 0;
  }

  .ab-team ul li {
    width: 49%;
    margin-right: 2%;
  }

  .ab-team ul li:nth-of-type(3n) {
    margin-right: 2%;
  }

  .ab-team ul li:nth-of-type(2n) {
    margin-right: 0;
  }

  .ab-team ul li .tm {
    padding: 10px;
  }

  .ab-team ul li .tm .n1 {
    font-size: 14px;
  }

  .ab-team ul li .tm .n2, .ab-team ul li .tm p {
    font-size: 12px;
  }

  .ab-team ul li .tm .line_goodsDetail {
    margin: 5px 0;
  }

  .ab-team ul li .tm p {
    margin-bottom: 0;
  }

  .aboutSer ul li {
    padding: 20px;
  }

  .aboutSer ul li .h2 {
    text-align: center;
    font-size: 20px;
    padding: 0;
  }

  .aboutSer ul li .pn {
    padding: 15px 0;
  }

  .aboutSer ul li .icon {
    position: relative;
    margin: auto;
    right: auto;
    top: auto;
  }

  .abContact ul li {
    padding: 20px 0;
  }

  .abContact ul li .Btns_goodsDetail {
    position: relative;
    right: auto;
    top: auto;
    margin-top: 15px;
  }

  .abContact ul li .pn {
    line-height: 22px;
  }

  .alert-action {
    left: 30px;
    top: 30px;
    width: 40px;
    height: 40px;
    background-size: cover;
  }

  .font-48 {
    font-size: 20px;
  }

  .contact-box01 {
    padding: 90px 0 40px 0;
  }

  .contact-box02 {
    padding: 90px 0;
  }

  .contact-box01 .h2 {
    font-size: 16px;
  }

  .contact-box01 .pn img {
    max-width: 110px;
  }

  .contact-box01 .pe img {
    max-width: 250px;
  }

  .contact-box01 .line_goodsDetail {
    margin: 20px 0;
  }

  .contact-box01 .Btns_goodsDetail {
    width: 120px;
    height: 40px;
    line-height: 40px;
    margin-top: 30px;
  }

  .cont-info {
    padding-bottom: 20px;
    margin-bottom: 20px;
  }

  .cont-info ul li, .cont-form ul li {
    width: 100%;
  }

  .cont-form ul li {
    margin-top: 15px;
  }

  .cont-form ul li.item-teat {
    position: relative;
    right: auto;
    top: auto;
  }

  .cont-form ul li .cont-teat {
    height: 200px;
  }
}

.fixedShouchang {
  width: 70px;
  height: 80px;
  position: fixed;
  right: 60px;
  top: 741px;
  box-sizing: border-box;
  background: #221F1F;
  color: white;
  text-align: center;
  padding-top: 50px;
}
.shoucang {
  width: 35px;
  height: 35px;
  position: absolute;
  left: 18px;
  top: 9px;
}
.colorRed {
  color: #D81E06 !important;
}