@import url(common.css);
@font-face {
  font-family: 'AvangardNormal';
  src: url('http://www.jinghailaser.com/templates/jinghailaser/static/css/font/Avangard-Normal.eot');
  src: url('/en/skin/fonts/avangard-normal.eot') format('embedded-opentype'), url('/en/skin/fonts/avangard-normal.woff2') format('woff2'), url('/en/skin/fonts/avangard-normal.woff') format('woff'), url('/en/skin/fonts/avangard-normal.ttf') format('truetype'), url('/en/skin/fonts/avangard-normal.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
@-webkit-keyframes avia_pop {
  0% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes avia_pop {
  0% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@-webkit-keyframes fadeHeaderInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@-moz-keyframes fadeHeaderInDown {
  0% {
    opacity: 0;
    -moz-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  100% {
    opacity: 1;
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@-o-keyframes fadeHeaderInDown {
  0% {
    opacity: 0;
    -o-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  100% {
    opacity: 1;
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeHeaderInDown {
  0% {
    opacity: 0;
    transform: translate3d(0, -100%, 0);
  }
  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
.webCommonweb {
  display: block;
}
.mCommonweb {
  display: none !important;
}
.main {
  width: 100%;
  overflow: hidden
}
.imgbox, .pic {
  overflow: hidden;
  display: block;
}
.imgbox img, .pic img {
  display: block;
  width: 100%;
  -webkit-transition: all .6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
  -moz-transition: all .6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
  -ms-transition: all .6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
  -o-transition: all .6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
  transition: all .6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
.imgbox:hover img {
  -webkit-transform: scale(1.1, 1.1);
  -moz-transform: scale(1.1, 1.1);
  -ms-transform: scale(1.1, 1.1);
  -o-transform: scale(1.1, 1.1);
  transform: scale(1.1, 1.1);
}
.pcolay:hover .pic img {
  -webkit-transform: scale(1.2, 1.2);
  -moz-transform: scale(1.2, 1.2);
  -ms-transform: scale(1.2, 1.2);
  -o-transform: scale(1.2, 1.2);
  transform: scale(1.2, 1.2);
}
body {
  width: 100%;
  overflow-x: hidden;
  overflow-y: auto
}
.head {
  width: 100%;
  z-index: 991;
  position: fixed;
  left: 0;
  top: 0; /*background:rgba(0,0,0,.08);*/ height: 55px;
}
.logo {
  float: left; /*padding-top: 15px;*/
}
.logo img {
  max-height: 57px;
  width: auto;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -ms-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
}
.menu {
  position: fixed;
  right: 10px;
  top: 13px;
  width: 35px;
  height: 30px;
  cursor: pointer;
  z-index: 7;
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
  margin: 0; /* background: #194ca1; */
}
.menu span {
  position: absolute;
  top: 14px;
  left: 5px;
  display: block;
  width: 24px;
  height: 2px;
  background-color: #fff;
  -webkit-transition: 0.3s linear;
  transition: 0.3s linear;
}
.menu span.nav_lineA {
  -webkit-transform: translateY(7px) rotate(0deg);
  transform: translateY(7px) rotate(0deg);
}
.menu span.nav_lineB {
  opacity: 1;
}
.menu span.nav_lineC {
  -webkit-transform: translateY(-7px) rotate(0deg);
  transform: translateY(-7px) rotate(0deg);
}
.nav_icon_click { /* right: 86%; */ /* margin-right:-25px; */
}
.nav_icon_click span {
  left: 6px;
}
.nav_icon_click span.nav_lineA {
  -webkit-transform: translateY(0) rotate(45deg);
  transform: translateY(0) rotate(45deg);
}
.nav_icon_click span.nav_lineB {
  opacity: 0;
}
.nav_icon_click span.nav_lineC {
  -webkit-transform: translateY(0) rotate(-45deg);
  transform: translateY(0) rotate(-45deg);
}
.phonenav {
  position: fixed;
  background: rgba(0, 0, 0, .85);
  right: 0;
  top: 55px;
  z-index: 9;
  width: 100%;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  display: none;
  -webkit-box-shadow: -1px 0 5px rgba(0, 0, 0, .1);
  box-shadow: -1px 0 5px rgba(0, 0, 0, .1);
  bottom: 0;
}
.m_nav_main {
  width: 100%;
  height: 100%;
  counter-reset: navCounter;
}
.m_nav_main ul {
  width: 100%;
  padding: 8px 20px;
  margin: 0;
}
.m_nav_main li {
  position: relative;
  list-style: none;
  border-bottom: 1px solid rgba(255, 255, 255, .3);
}
.m_nav_main li > a {
  display: block;
  font-size: 18px;
  color: #fff;
  padding: 18px 0;
}
.r_arrow:after {
  content: "+";
  display: inline-block;
  position: relative;
  transition: transform 0.3s;
  -o-transition: transform 0.3s;
  -ms-transition: transform 0.3s;
  -moz-transition: transform 0.3s;
  -webkit-transition: transform 0.3s;
  top: 0px;
  padding: 0;
  color: #fff;
  font-size: 18px;
  font-style: normal;
  margin-left: 5px;
  float: right;
}
.phonenav a.cur .r_arrow:after {
  content: "-";
}
.se-nav {
  padding-left: 1em;
  display: none;
  padding-bottom: 10px;
}
.third-nav > a, .se-nav > a {
  font-size: 15px;
  color: #fff;
  display: block;
  line-height: 35px;
}
.search {
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
  border-radius: 100%;
  background-color: #194ca1;
  background-image: url(/en/skin/img/head01.png);
  background-position: center center;
  background-repeat: no-repeat;
  position: absolute;
  top: 14px;
  right: 60px;
  width: 35px;
  height: 35px;
}
.navul {
  margin: 0;
  padding: 0;
  float: right;
  position: relative;
  right: -17px;
}
.navul li {
  list-style: none;
  float: left;
  position: relative;
  text-align: center;
  color: #fff;
}
.navul li > a {
  display: block;
  font-size: 15px;
  color: #000;
  position: relative;
  padding-bottom: 15px;
  line-height: 35px;
  text-align: center;
  -webkit-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
  overflow: hidden;
  z-index: 2;
  border-bottom: 2px solid transparent;
  margin-left: 17px;
  margin-right: 17px;
  padding-top: 5px;
}
.third-nav p {
  padding: 0 0 10px;
}
.third-nav p > a {
  font-size: 14px;
  padding-left: 1em;
  color: #999;
  display: block;
  line-height: 30px;
}
.navul li:hover > a, .navul li > a.cur {
  border-bottom: 2px solid #194ca1;
  color: #194ca1;
}
.wp-block-column li:hover > a, .wp-block-column li > a.cur {
  border-bottom: none;
  color: #194ca1;
}
.pcsec {
  position: absolute;
  top: 100%;
  left: 50%;
  text-align: left;
  background: #4b4b4b;
  min-width: 164px;
  -webkit-box-shadow: 0 8px 15px rgba(0, 0, 0, 0.1);
  -ms-box-shadow: 0 8px 15px rgba(0, 0, 0, 0.1);
  box-shadow: 0 8px 15px rgba(0, 0, 0, 0.1);
  z-index: 8;
  padding: 10px 0;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  white-space: nowrap;
  font-size: 0
}
.pcsec > a {
  display: block;
  line-height: 30px;
  font-size: 14px;
  color: #fff;
  padding-left: 25px;
  padding-right: 25px;
  white-space: nowrap;
  text-align: center;
}
.navul li:hover .pcsec {
  opacity: 1;
  visibility: visible;
  transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
  -webkit-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
  -moz-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
  -ms-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.wp-block-column li > a {
  display: initial !important;
  font-size: 15px;
  color: #fff;
  position: initial !important;
  padding-bottom: 0;
  line-height: 35px;
  text-align: center;
  -webkit-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
  overflow: hidden;
  z-index: 2;
  border-bottom: 2px solid transparent;
  margin-left: 17px;
  margin-right: 17px;
  padding-top: 5px;
}
.wp-block-column {
  text-align: left !important;
}
.pcthird {
  display: inline-block;
  border-right: 1px solid rgba(255, 255, 255, .19);
  min-height: 124px;
  margin-top: 20px;
  padding: 0 27px;
  vertical-align: top
}
.pcthird a {
  font-size: 13px;
  color: #fff;
  line-height: 36px;
  display: block;
}
.pcthird h2 {
  color: #c8c8c8;
}
.pcthird h2 a {
  color: #c8c8c8;
  font-size: 15px;
}
.pcthird a img {
  position: relative;
  top: 5px;
  margin-left: 12px;
  display: none;
}
.pcthird a img[data="1"], .pcthird a img[show="1"], .third-nav p > a img[data="1"], .third-nav p > a img[show="1"] {
  display: inline-block
}
.trird {
  position: relative;
}
.thethird {
  position: absolute;
  left: 99%;
  top: 0;
  background: #fff;
  -webkit-box-shadow: 0 8px 15px rgba(0, 0, 0, 0.1);
  -ms-box-shadow: 0 8px 15px rgba(0, 0, 0, 0.1);
  box-shadow: 0 8px 15px rgba(0, 0, 0, 0.1);
  transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
  -webkit-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
  -moz-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
  -ms-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
  white-space: nowrap;
  padding-bottom: 10px;
  padding-top: 10px;
  opacity: 0;
  visibility: hidden;
}
.trird:hover .thethird {
  opacity: 1;
  visibility: visible;
}
.t-nav > a {
  display: block;
  line-height: 35px;
  font-size: 15px;
  color: #666;
}
.t-nav p, .se-nav {
  display: none;
}
.t-nav p > a {
  display: block;
  line-height: 35px;
  padding-left: 1em;
  color: #999;
}
.head.is-sticky .navul a:hover, .trird:hover > a {
  color: #194ca1
}
.pcsec a:hover {
  color: #194ca1
}
.searchbox {
  float: right;
  position: relative
}
.searchbox span {
  background-image: url(/en/skin/img/search1.png);
  width: 16px;
  height: 40px;
  display: block;
  cursor: pointer;
  background-position: center center;
}
.insidehead .nav {
  padding-right: 32px;
}
.insidehead .searchbox span {
  background-position: left 7px;
}
.tosearch {
  position: absolute;
  right: -15px;
  width: 300px;
  top: 100%;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
  -webkit-box-shadow: 0px 3px 13px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 3px 13px 0px rgba(0, 0, 0, 0.2);
  -ms-box-shadow: 0px 3px 13px 0px rgba(0, 0, 0, 0.2);
  -o-box-shadow: 0px 3px 13px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 3px 13px 0px rgba(0, 0, 0, 0.2);
  background: #fff;
  padding: 16px;
  z-index: 99;
  opacity: 0;
  visibility: hidden;
}
.tosearch.active {
  -webkit-animation: avia_pop 0.3s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275);
  animation: avia_pop 0.3s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275);
  opacity: 1;
  visibility: visible;
}
body .searchin {
  width: 100%;
  position: relative;
  padding: 11px 47px 11px 5px;
  z-index: 1;
  font-size: 15px;
}
body .searchbt {
  width: 42px;
  height: 42px;
  line-height: 40px;
  padding: 0;
  position: absolute;
  right: 16px;
  top: 16px;
  z-index: 2;
  margin: 0;
  min-width: 40px;
  background-color: #333;
  cursor: pointer;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  background-image: url(/en/skin/img/search2.png);
  background-repeat: no-repeat;
  background-position: center center;
}
.tosearch em {
  display: block;
  height: 10px;
  width: 10px;
  position: absolute;
  top: -5px;
  right: 16px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  visibility: hidden\9;
  background: #fff;
}
body .searchbt:hover {
  background-color: #194ca1;
}
.insidetit {
  font-size: 18px;
  color: #333;
  height: 55px;
  line-height: 55px;
  background: #f4ce98;
}
.searchmask {
  width: 100%;
  height: 100%;
  display: block;
  cursor: pointer;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  z-index: -1;
}
.searchbox.cur .searchmask {
  z-index: 8
}
.subhead {
  border-bottom: 1px solid rgba(255, 255, 255, .15);
}
.headl {
  font-size: 12px;
  color: #fff;
  float: left;
  height: 40px;
  line-height: 40px;
}
.headr {
  float: right;
}
.language {
  float: right;
  font-size: 12px;
  color: #fff;
  padding-left: 27px;
  line-height: 40px;
  background: url(/en/skin/img/top2.png) left center no-repeat;
  padding-right: 8px;
}
.language a, .headphone a {
  color: #fff;
}
.language a:hover, .language a.cur {
  color: #194ca1
}
.headphone {
  color: #fff;
  font-size: 12px;
  line-height: 40px;
  padding-left: 25px;
  background: url(/en/skin/img/top1.png) left center no-repeat;
  padding-right: 17px;
  float: right;
}
.phonese {
  position: absolute;
  right: 56px;
  top: 0;
  display: none;
}
.phonese span {
  height: 55px;
  width: 30px;
}
.phonese .tosearch {
  right: -10px;
}
.m_nav_main .language, .m_nav_main .headphone {
  float: none;
  margin-left: 20px;
  color: #fff;
  font-size: 14px;
}
.m_nav_main .language a, .m_nav_main .headphone a {
  color: #fff;
}
.headbox {
  width: 100%;
}
.headbox.is-sticky {
  -webkit-animation-name: fadeHeaderInDown;
  -moz-animation-name: fadeHeaderInDown;
  -o-animation-name: fadeHeaderInDown;
  animation-name: fadeHeaderInDown;
  position: fixed;
  background: #fff;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -ms-animation-duration: 1s;
  -o-animation-duration: 1s;
  animation-duration: 1s;
  top: 0;
  left: 0;
  border-bottom: 1px solid #ddd;
}
.headbox.is-sticky .navhead {
  padding-top: 10px;
}
.banner-slide {
  width: 100%;
  overflow: hidden;
  position: relative;
}
.flex-viewport, .banner-slide ul {
  height: 100%;
}
.banner-slide ul {
  padding: 0;
  margin: 0;
  white-space: nowrap;
  font-size: 0;
  background: #fff;
}
.banner-slide li {
  list-style: none;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100%;
  position: relative;
  display: inline-block !important;
  float: none !important;
  vertical-align: top;
  overflow: hidden;
  width: 100%;
}
.banner-slide img {
  width: 100%;
  height: auto;
  position: relative;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}
.banner-slide .flex-control-nav {
  position: absolute;
  font-size: 0;
  text-align: center;
  width: 100%;
  left: 0;
  bottom: 5px;
  padding: 0;
  margin: 0;
  z-index: 3;
}
.banner-slide .flex-control-nav li {
  display: inline-block;
  margin: 0 3px;
  list-style: none;
  width: 11px;
  height: 11px;
  position: relative;
}
.banner-slide .flex-control-nav li a {
  display: block;
  width: 10px;
  height: 10px;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
  border-radius: 100%;
  overflow: hidden;
  line-height: 999px;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
  background: #fff;
}
.banner-slide .flex-control-nav li a.flex-active {
  background: #194ca1;
}
/*.swiper-lazy {
    width: 250px;
    height: 302px;
}*/
/*foot*/
.foot {
  background: #333;
  padding-top: 20px;
  position: relative;
  z-index: 1;
}
.sub-foot dt a {
  color: #d4d4d4;
  display: block;
  font-size: 15px;
}
.sub-foot dt {
  font-size: 15px;
  color: #d7d7d7;
  line-height: 40px;
  position: relative;
  z-index: 3;
  background: #333;
}
.sub-foot dd a {
  font-size: 12px;
  color: #707070;
  line-height: 28px;
  display: block;
}
.sub-foot dt:after {
  content: '+';
  float: right;
  font-weight: normal;
  margin-right: 8px;
  -webkit-transition: -webkit-transform .3s ease;
  transition: -webkit-transform .3s ease;
  transition: transform .3s ease;
  transition: transform .3s ease, -webkit-transform .3s ease;
  font-size: 16px;
  position: absolute;
  right: 0;
  top: 0;
}
.foot-link {
  border-bottom: 1px solid rgba(225, 225, 225, .04);
  position: relative;
  overflow: hidden
}
.sub-foot > dl {
  border-bottom: 1px solid rgba(225, 225, 225, .04);
}
.sub-foot dl.cur dt:after {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.sub-foot dd {
  position: absolute;
  top: 50%;
  visibility: hidden;
  -webkit-transition: 300ms;
  -moz-transition: 300ms;
  -ms-transition: 300ms;
  -o-transition: 300ms;
  transition: 300ms;
  z-index: -1;
  -webkit-transform: translateY(-50px);
  -ms-transform: translateY(-50px);
  -o-transform: translateY(-50px);
  -moz-transform: translateY(-50px);
  transform: translateY(-50px);
  padding-bottom: 10px;
}
.sub-foot dl.cur dd {
  position: static;
  visibility: visible;
  z-index: 1;
  -webkit-transform: none;
  -moz-transform: none;
  -ms-transform: none;
  -o-transform: none;
  transform: none;
  -webkit-transition: -webkit-transform 300ms ease;
  transition: -webkit-transform 300ms ease;
  transition: transform 300ms ease;
  transition: transform 300ms ease, -webkit-transform 300ms ease;
}
.foot-link dl dd a span {
  cursor: pointer
}
.footcopy {
  text-align: center;
  font-size: 14px;
  color: #707070;
  border-top: 1px solid rgba(255, 255, 255, .04);
  line-height: 24px;
}
.thecopy {
  border-top: 1px solid rgba(255, 255, 255, .04);
  padding: 15px 0;
  font-size: 12px;
}
.footcopy a {
  color: #707070;
  display: inline-block;
}
.footcode {}
.footcode img {
  display: block;
  margin: 0 auto;
  max-width: 95px;
}
.footcopy p {
  padding: 15px 0
}
.footcopy p a {
  padding: 0 5px;
  display: inline-block;
  font-size: 12px;
}
.footcode {
  text-align: center;
  margin: 20px 0;
  position: relative;
  padding-right: 110px;
}
.subcode {
  font-size: 14px;
  color: #707070;
  text-align: center;
  line-height: 25px;
}
.sharebox {
  height: 24px;
  margin-top: 13px;
}
#share {
  display: inline-block;
  font-size: 14px;
  color: #898989;
}
#share a {
  height: 23px;
  margin: 0;
  padding: 0;
  float: left;
  cursor: pointer;
}
#share span {
  float: left;
  height: 29px;
  line-height: 29px;
  position: relative
}
#share a.bds_weixin {
  background: url(/en/skin/img/foot1.png) no-repeat;
  background-size: auto 23px;
  width: 24px;
  margin-right: 13px;
}
#share a.bds_tsina {
  background: url(/en/skin/img/foot2.png) no-repeat;
  background-size: auto 23px;
  width: 27px;
  margin-right: 9px;
}
#share a.bds_sqq {
  background: url(/en/skin/img/foot3.png) no-repeat;
  background-size: auto 23px;
  width: 20px;
}
#share a.bds_weixin:hover {
  background: url(/en/skin/img/foot1h.png) no-repeat;
  background-size: auto 23px;
  opacity: 1
}
#share a.bds_tsina:hover {
  background: url(/en/skin/img/foot2h.png) no-repeat;
  background-size: auto 23px;
  opacity: 1
}
#share a.bds_sqq:hover {
  background: url(/en/skin/img/foot3h.png) no-repeat;
  background-size: auto 23px;
  opacity: 1
}
/* 飘窗表单 */
.rideo {
  padding: 5px 10px;
  margin-right: 5px;
  border: solid 1px gray;
  border-radius: 5px;
  position: relative;
  font-size: 14px;
}
.rideo.ac {
  border: solid 1px #F4060A !important;
}
/* .active{
	position: absolute; */
/* right: -42px; */
/* top: -4px;
    color: #F4060A;
    transform: rotate(-43deg);
    font-size: 14px;
    left: 35px;
	opacity: 0;
} */
/* .rideo.ac .active {
    opacity: 1;
} */
.signWrap {
  display: none;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 10;
  width: 750/75rem;
  height: 100%;
  background: rgba(0, 0, 0, 0.2);
}
.theform .active {
  position: absolute;
  right: 1px;
  top: -5px;
  color: #F4060A;
  transform: rotate(-43deg);
  font-size: 18px;
  opacity: 0;
}
.theform_box lable.rideo.ac .active {
  opacity: 1;
}
.sign {
  position: absolute;
  left: 0;
  top: 0;
  height: 570px;
  overflow: auto;
  margin: auto;
  width: 595px;
  background: whitesmoke;
  right: 0;
  bottom: 0;
  padding: 15px;
  border-radius: 13px;
}
.signTitle {
  font-size: 25px;
  text-align: center;
  color: #194ca1;
}
.signClose {
  margin-left: 533px;
}
.signInput {
  margin-top: 13px;
  margin-left: 30px;
}
.theform_box {
  padding: 5px 0;
}
.theform_box.typtxt input, .theform_box.typselect select, .theform_box.typtextarea textarea {
  padding: 5px;
  border: solid 1px #ccc;
  margin-right: 5px;
  border-radius: 5px;
  line-height: 1.8;
}
@media screen and (min-width:1175px) and (max-width:200000px) {
  .lable_text {
    width: 100px;
    display: inline-block;
  }
  /* .themepark-comment_form_box.tptext input,.themepark-comment_form_box.tpTextarea textarea,.themepark-comment_form_box.tpSelect select{ width: 65%;}	
		.tpTextarea .labletext{position: relative; top: -67px;} */
}
@media screen and (min-width:768px) and (max-width:1174px) {
  .lable_text {
    width: 21%;
    display: inline-block;
  }
  /* .themepark-comment_form_box.tptext input,.themepark-comment_form_box.tpTextarea textarea,.themepark-comment_form_box.tpSelect select{ width: 65%;}	
		.tpTextarea .labletext{position: relative; top: -67px;} */
}
@media screen and (min-width:1px) and (max-width:767px) {
  .lable_text {
    width: 100%;
    display: inline-block;
  }
  /* .themepark-comment_form_box.tptext input,.themepark-comment_form_box.tpTextarea textarea,.themepark-comment_form_box.tpSelect select{ width: 85%;}	
	.submut_box .labletext{display:none;} */
}
/* .theform_box lable.rideo{

} */
.submut_btn {
  padding: 10px 35px;
  font-size: 15px;
  color: white;
  border-radius: 5px;
}
.index-system {
  background: #fff;
  padding-bottom: 40px;
}
.indextitle {
  text-align: center;
  font-size: 14px;
  color: #666;
  padding-top: 10px;
}
.indextitle a {
  display: block;
  color: #666;
}
.indextitle a h2 {
  color: #333;
}
.fon30 {
  font-size: 20px;
  line-height: 1.2em;
}
.indextitle h2 {
  color: #333;
  padding-bottom: 5px;
}
.indexp {
  position: relative;
}
.indexp span {
  position: relative;
  z-index: 2;
  background: #fff;
  padding: 0 15px;
  font-family: Arial, Helvetica, sans-serif;
}
.indexp:before {
  content: "";
  width: 100%;
  max-width: 345px;
  height: 1px;
  z-index: 1;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background: #b5b5b5;
}
.indexsys {
  width: 100%;
  overflow: hidden;
}
.sysimg {
  margin: 0 auto;
  overflow: hidden;
  width: 45px;
}
.sysimg img {
  width: 45px;
}
.sysimg p {
  font-size: 0;
  white-space: nowrap;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -ms-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
}
.thesysy {
  margin: 0 -5px;
  padding: 0
}
.thesysy li {
  list-style: none;
  padding-left: 5px;
  padding-right: 5px;
  margin-top: 25px;
  width: 50%
}
.thesysy li a {
  display: block;
  border: 1px solid #e0e0e0;
  text-align: center;
  font-size: 12px;
  color: #666;
  background: #fff;
  padding-top: 13px;
  overflow: hidden;
  -webkit-border-radius: 10px;
  -ms-border-radius: 10px;
  border-radius: 10px;
  width: 100%;
}
.systitle {
  height: 44px;
  margin-top: -8px;
}
.systitle h3 {
  font-size: 15px;
}
.systitle p {
  margin-top: 2px;
  line-height: 1.5em;
}
.systitle em {
  display: block;
  margin: 8px auto 0;
  height: 3px;
  width: 30px;
  background: #aaa;
}
.sysytxt {
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -ms-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
  background: #868686;
  color: #fff;
  font-size: 12px;
  padding: 5px 0;
  height: 70px;
  display: table;
  width: 100.4%;
}
.sysytxt p {
  display: table-cell;
  vertical-align: middle;
  padding: 0 15px;
  line-height: 18px;
}
.thesysy li:hover .sysytxt {
  background: #194ca1
}
.index-pro {
  background: #fff;
  font-size: 0;
}
.protxt h2 {
  font-size: 16px;
  color: #333;
  padding-bottom: 6px;
}
.subprotxt {
  font-size: 13px;
  color: #666;
}
.subprotxt p {
  position: relative;
}
.subprotxt p a {
  color: #666;
  display: block;
  padding-left: 14px;
  position: relative;
  -webkit-transition: transform .2s linear;
  -ms-transition: transform .2s linear;
  transition: transform .2s linear;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.subprotxt p a:before {
  content: "";
  width: 0;
  height: 0;
  border-bottom: 4px solid transparent;
  border-top: 4px solid transparent;
  border-left: 6px solid #c8c8c8;
  position: absolute;
  left: 0;
  top: 8px
}
.subprotxt p:hover a {
  -webkit-transform: scale(1.15);
  -ms-transform: scale(1.15);
  transform: scale(1.15);
}
.subprotxt p:hover a:before {
  -webkit-transform: scale(.8);
  -ms-transform: scale(.8);
  transform: scale(.8);
}
.indexmore {
  display: block;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  -ms-border-radius: 50px;
  border-radius: 50px;
  font-size: 14px;
  color: #fff;
  text-align: center;
  background: #194ca1;
  width: 120px;
  height: 35px;
  line-height: 32px;
  margin-top: 19px;
  -webkit-transition: all .3s ease;
  -ms-transition: all .3s ease;
  transition: all .3s ease;
}
.index-pro .indexmore {
  background: #fff;
  border: 1px solid #194ca1;
  color: #194ca1;
}
.index-pro .indexmore:hover {
  background: #194ca1;
  color: #fff;
}
.proimg img {
  display: block;
  width: 100%;
}
.subprotxt p a:hover {
  color: #194ca1;
}
.subprotxt p a:hover:before {
  border-left-color: #194ca1
}
.table {
  display: table;
  position: relative;
  width: 100%;
  height: 100%;
}
.indexsolution .commonweb {
  position: relative;
  height: 100%;
  padding: 0
}
.insolunav {
  background: rgba(0, 0, 0, .5);
  width: 100%;
  overflow-x: scroll;
  overflow-y: hidden;
}
.insolunav ul {
  margin: 0;
  padding: 0;
  display: inline-flex;
  display: -ms-inline-flex;
  display: -webkit-inline-flex;
}
.insolunav ul li {
  list-style: none;
  font-size: 12px;
  color: #fff;
  padding-left: 70px;
  border-right: 1px solid rgba(255, 255, 255, .1);
  height: 93px;
  padding-top: 20px;
  cursor: pointer;
  background-repeat: no-repeat;
  background-position: 20px center;
  transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -ms-transition: all .3s ease;
  -o-transition: all .3s ease;
  float: left;
  width: 240px;
}
.indexsolution {
  background-position: center center;
  background-size: cover;
  overflow: hidden;
  display: none
}
.insolunav h2 {
  font-size: 16px;
  margin-top: 10px;
}
.insolunav ul li:nth-of-type(1) {
  background-image: url(/en/skin/img/index10.png);
}
.insolunav ul li:nth-of-type(2) {
  background-image: url(/en/skin/img/index11.png);
}
.insolunav ul li:nth-of-type(3) {
  background-image: url(/en/skin/img/index12.png);
}
.insolunav ul li:nth-of-type(4) {
  background-image: url(/en/skin/img/index13.png);
}
.insolunav ul li:nth-of-type(5) {
  background-image: url(/en/skin/img/index14.png);
}
.insolunav ul li:nth-of-type(6) {
  background-image: url(/en/skin/img/index15.png);
}
.insolunav ul li:hover, .insolunav ul li.cur {
  background-color: #194ca1;
}
.theintro {
  font-size: 16px;
  color: #fff;
}
.theintro h2 {
  font-size: 26px;
  line-height: 1.2em;
  padding-bottom: 12px;
}
.theintro p, .topproduct p, .retxt p, .newintro p {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.somore {
  display: block;
  color: #fff;
  text-align: center;
  border: 1px solid #fff;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  -ms-border-radius: 50px;
  border-radius: 50px;
  width: 120px;
  height: 35px;
  line-height: 35px;
  margin-top: 15px;
  -webkit-transition: all .3s ease-in;
  -ms-transition: all .3s ease-in;
  transition: all .3s ease-in;
}
.subinsolu {
  height: 0;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.15s ease-out 0.05s;
  -ms-transition: all 0.15s ease-out 0.05s;
  transition: all 0.15s ease-out 0.05s;
  padding-left: 15px;
  padding-right: 15px;
  position: relative;
  top: 20px;
}
.subinsolu.cur {
  padding-top: 30px;
  padding-bottom: 30px;
  height: auto;
  visibility: visible;
  opacity: 1;
  top: 0
}
.insolution {
  overflow: hidden;
  position: relative;
}
.incase {
  padding-top: 30px;
}
.incase h2 {
  font-size: 18px;
  color: #fff;
}
.subincase {
  font-size: 0
}
.subincase img {
  display: inline-block;
  padding: 0 5px;
  margin-top: 7px;
  box-sizing: content-box;
  max-height: 120px;
  margin-top: 15px;
}
.subincase {
  margin: 0 -5px;
}
.subincase img { /* width:130px; */ -webkit-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}
.repro {
  font-size: 0;
  padding-top: 10px;
}
.repro a {
  display: inline-block;
  border: 1px solid #fff;
  height: 40px;
  line-height: 38px;
  padding: 0 10px;
  font-size: 14px;
  color: #fff;
  margin-top: 10px;
  margin-right: 10px;
  -webkit-transition: all .3s ease-in;
  -ms-transition: all .3s ease-in;
  transition: all .3s ease-in;
}
.repro a span {
  position: relative;
  margin-right: 8px;
  top: 4px;
  width: 21px;
  height: 19px;
  display: inline-block;
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-image: url(/en/skin/img/index20.png);
  -webkit-transition: all .3s ease-in;
  -ms-transition: all .3s ease-in;
  transition: all .3s ease-in;
}
.repro h2 {
  font-size: 18px;
  color: #fff;
  padding-bottom: 9px;
}
.head.bc {
  background: rgba(0, 0, 0, .8)
}
.why {
  background: #ededed;
  padding-bottom: 60px;
}
.othertit {
  font-size: 14px;
  color: #666;
}
.othertit span {
  font-family: Microsoft Yahei, Helvetica, sans-serif;
  background: none;
}
.othertit .indexp:before {
  display: none
}
.index-about-con {
  overflow: hidden;
  padding-top: 0;
}
.index-about-con ul {
  margin: 0 -4px;
  padding: 0;
  font-size: 0;
  text-align: center;
}
.index-about-con li {
  display: inline-block;
  border-right: 1px solid #dfdfdf;
  font-size: 7px;
  color: #666;
  width: 20%;
  margin-top: 20px;
  vertical-align: top;
  line-height: 1.4em;
}
.index-about-con li:last-child {
  border: none;
  position: relative;
  top: -4px;
}
.yearin {
  display: block;
  font-size: 20px !important;
  line-height: 1.1em;
  color: #194ca1;
  font-family: 'AvangardNormal';
  margin-bottom: 5px;
}
.indexahout {
  padding-top: 15px;
}
.inleft ul {
  margin: 0;
  padding: 0
}
.inleft li {
  list-style: none;
  margin-top: 16px;
  height: 86px;
  position: relative;
  padding-left: 95px;
  display: table;
  font-size: 12px;
  line-height: 20px;
}
/*.inleft li>a{ display:table; position:relative; padding-left:147px; height:124px; font-size:14px; color:#666;}*/
.inleft li .inname {
  position: absolute;
  left: 0;
  top: -4px;
  background-position: center 14px;
  background-repeat: no-repeat;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
  border-radius: 100%;
  text-align: center;
  color: #666;
  width: 80px;
  height: 80px;
  border: 1px solid #b4b4b4;
  font-size: 12px;
  padding-top: 45px;
  -webkit-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
  display: block;
  background-size: 28px auto;
}
.inleft li:nth-of-type(1) .inname {
  background-image: url(/en/skin/img/index21.png);
}
.inleft li:nth-of-type(2) .inname {
  background-image: url(/en/skin/img/index22.png);
}
.inleft li:nth-of-type(3) .inname {
  background-image: url(/en/skin/img/index23.png);
}
.inleft li .inname:hover {
  background-color: #194ca1;
  border-color: #194ca1;
  color: #fff;
}
.inleft li:nth-of-type(1) .inname:hover {
  background-image: url(/en/skin/img/index21h.png);
}
.inleft li:nth-of-type(2) .inname:hover {
  background-image: url(/en/skin/img/index22h.png);
}
.inleft li:nth-of-type(3) .inname:hover {
  background-image: url(/en/skin/img/index23h.png);
}
.inleft li .td {
  text-align: right
}
.inleft li p {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  width: 100%;
  text-align: left; /* height: 72px; */ color: #666;
}
.inleft li .td a {
  font-size: 13px;
  color: #666;
  position: relative;
  display: inline-block;
  margin-top: 7px;
}
.inleft li .td a:after {
  content: "";
  width: 1px;
  height: 17px;
  background: #666;
  margin: 0 15px;
  display: inline-block;
  position: relative;
  top: 3px;
}
.inleft li .td a:last-child:after {
  display: none;
}
.inright {
  background: #fff; /* padding:4px; */ -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
}
.videobox {
  position: relative;
}
.palyit {
  position: relative;
  z-index: 3
}
.btnplay {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 1;
  cursor: pointer;
}
.btnplay img {
  width: 60px;
}
.videobox video {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  object-fit: fill;
}
.pic {
  position: relative
}
.palyit.cur {
  opacity: 0;
  z-index: -1
}
.pic img {
  display: block;
  width: 100%;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
}
.masker {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, .5);
  z-index: 999;
  display: none;
}
.the-video {
  z-index: 9999;
  position: fixed;
  left: 50%;
  top: 50%;
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  display: none;
}
.the-video {
  width: 100%;
  max-width: 900px;
}
.the-video video {
  width: 100%;
  background: #000;
}
.the-video span {
  display: block;
  background: url(/en/skin/img/close.png) no-repeat;
  background-size: 100% auto;
  width: 38px;
  height: 38px;
  position: absolute;
  top: -5px;
  right: -5px;
  cursor: pointer;
  z-index: 99999
}
.inright {
  margin-top: 30px;
}
.subthis {
  margin: 0 -5px;
  padding-top: 5px;
}
.thisbox {
  padding-left: 5px;
  padding-right: 5px;
  position: relative;
  margin-top: 30px;
}
.thisbox h2 {
  text-align: center;
  color: #194ca1;
  font-size: 18px;
  line-height: 1.2em;
  padding-bottom: 15px;
}
.subtbox {
  background: #fff;
}
.subtbox a {
  font-size: 14px;
  color: #333;
  display: block;
}
.subtbox p {
  padding: 0 15px;
  height: 50px;
  line-height: 50px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.indexul {
  margin: 3px 0 0;
  padding: 0;
}
.indexul li {
  list-style: none;
  margin-top: 25px;
}
.indexul li a {
  display: block;
  font-size: 12px;
  color: #808080;
  line-height: 20px;
  position: relative;
  padding-left: 12px;
}
.indexul li a:before {
  content: "";
  width: 4px;
  height: 4px;
  background: #c9c9c9;
  position: absolute;
  left: 0;
  top: 8px;
}
.indexul li h3 {
  font-size: 14px;
  color: #333;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.indexul li p {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.thismore {
  color: #194ca1;
  font-size: 12px;
  display: inline-block;
  margin-top: 5px;
  padding-left: 14px;
}
.imgbox img {
  display: block;
  width: 100%
}
.indexthis {
  padding-bottom: 50px;
  background: #f8f8f8;
}
.footcontact {
  padding: 0 15px 30px;
  background: #ededed;
  font-size: 0;
  text-align: center;
}
.subfcon {
  display: inline-block;
  width: 100%;
  font-size: 14px;
  color: #666;
  text-align: left;
  line-height: 28px;
  position: relative;
  padding-left: 45px;
  margin-top: 20px;
}
.subfcon a {
  color: #666
}
.subfcon img {
  position: absolute;
  left: 0;
  top: 0;
}
.insidefoot p {
  display: none;
}
.videobig {
  display: none;
  z-index: 9999;
  width: 100%;
  position: fixed;
  height: 100%;
  background: rgba(0, 0, 0, 0.65);
  left: 0px;
  top: 0px;
}
.videocon {
  width: 95%;
  margin: 0 auto;
  position: fixed;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 9999;
  display: none;
}
.videocon .thevideos {
  position: relative;
  z-index: 1;
  height: 250px
}
.close {
  display: block;
  width: 25px;
  height: 25px;
  position: absolute;
  right: 15px;
  top: -5px;
  cursor: pointer;
  z-index: 100;
  margin: -20px -20px 0 0;
  z-index: 9;
}
.close:before {
  content: '';
  position: absolute;
  top: 10px;
  width: 20px;
  height: 2px;
  background-color: #FFF;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.close:after {
  content: '';
  position: absolute;
  top: 10px;
  width: 20px;
  height: 2px;
  background-color: #FFF;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.thisbox .imgbox {
  position: relative;
  -webkit-border-radius: 10px;
  -ms-border-radius: 10px;
  border-radius: 10px;
}
.thisbox .imgbox > img {
  -webkit-border-radius: 10px;
  -ms-border-radius: 10px;
  border-radius: 10px;
}
.thisbox .btnplay img {
  width: 50px;
}
.indexlast {
  background: #fff;
  padding-top: 15px;
  padding-bottom: 26px;
}
.indexlast ul {
  text-align: center;
  font-size: 0;
  margin: 0;
  padding: 0
}
.indexlast li {
  display: inline-block;
  width: 50%;
  margin-top: 15px;
  color: #616161;
}
.indexlast li h2 {
  font-size: 16px;
  padding-bottom: 2px;
}
.indexlast li:hover a {
  color: #194ca1;
}
.sublast {
  background-repeat: no-repeat;
  background-position: left center;
  font-size: 12px;
  background-size: 50px;
  padding-left: 60px;
  text-align: left;
  -webkit-transition: all .6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
  -moz-transition: all .6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
  -ms-transition: all .6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
  -o-transition: all .6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
  transition: all .6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
.indexlast li:nth-of-type(1) .sublast {
  background-image: url(/en/skin/img/last1.png);
}
.indexlast li:nth-of-type(2) .sublast {
  background-image: url(/en/skin/img/last2.png);
}
.indexlast li:nth-of-type(3) .sublast {
  background-image: url(/en/skin/img/last3.png);
}
.indexlast li:nth-of-type(4) .sublast {
  background-image: url(/en/skin/img/last4.png);
}
.indexlast li:nth-of-type(1):hover .sublast {
  background-image: url(/en/skin/img/last1h.png);
}
.indexlast li:nth-of-type(2):hover .sublast {
  background-image: url(/en/skin/img/last2h.png);
}
.indexlast li:nth-of-type(3):hover .sublast {
  background-image: url(/en/skin/img/last3h.png);
}
.indexlast li:nth-of-type(4):hover .sublast {
  background-image: url(/en/skin/img/last4h.png);
}
.indexlast li:nth-of-type(4) {
  border: none;
}
.footabout {
  color: #fff;
  word-break: break-all;
}
.codebox {
  position: absolute;
  right: 0;
  top: 0;
}
.footphone {
  font-size: 15px;
  line-height: 20px;
  position: relative;
  padding-left: 101px;
  border-bottom: 1px solid #707070;
  padding-bottom: 18px;
  text-align: left;
}
.footphone em {
  display: inline-block;
  width: 0;
  height: 0;
  border-bottom: 4px solid transparent;
  border-top: 4px solid transparent;
  border-left: 7px solid #fff;
  margin-left: 5px;
}
.footphone .phonnn {
  font-size: 14px;
  color: #194ca1;
  -webkit-border-radius: 50px;
  -ms-border-radius: 50px;
  border-radius: 50px;
  position: absolute;
  height: 38px;
  line-height: 36px;
  text-align: center;
  width: 94px;
  left: 0;
  top: 0;
  border: 2px solid #194ca1;
  display: block;
  -webkit-transition: all .3s ease-in;
  -ms-transition: all .3s ease-in;
  transition: all .3s ease-in;
}
.footway {
  font-size: 14px;
  color: #707070;
  text-align: left;
  padding-top: 7px;
}
.footway a {
  color: #707070;
}
.footway p {
  padding-left: 27px;
  position: relative
}
.footway img {
  position: absolute;
  left: 0;
  top: 5px
}
/*产品中心*/
.inbanner {
  width: 100%;
  overflow: hidden;
  position: relative;
}
.inbanner img {
  display: block;
  width: 100%;
  min-width: 800px;
  left: 50%;
  position: relative;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}
.inbanner .commonweb {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  bottom: 0;
  width: 100%;
}
.inbanner h2 {
  color: #fff;
  font-size: 20px;
  background: #71a0f0;
  text-align: center;
  width: 150px;
  height: 48px;
  line-height: 48px;
}
.bread {
  font-size: 14px;
  color: #666; /*display: none;*/
}
.bread .cgnav {
  padding-left: 40px;
  background: url(/en/skin/img/home.png) left 20px no-repeat; /* height:45px; */ /* line-height:45px; */ margin-top: 16px;
  font-size: 11px;
  -webkit-text-size-adjust: none;
}
.bread .cgnav a {
  color: #333333;
}
.bread .cgnav a:last-child {
  color: #333333;
}
.bread .cgnav .cgnav_product_cg a:hover {
  background-color: #194ca1;
  color: #fff !important;
}
.bread .cgnav a:hover {
  color: #194ca1 !important;
}
.bread .cgnav .select {
  background-color: #194ca1;
  color: #fff !important;
}
.bread .cgnav {
  font-size: 14px;
  background-color: rgba(255, 255, 255, .60);
  font-weight: bold;
}
.zong p a:hover, .bread .cgnav a:hover {
  color: #194ca1;
}
.bread .cgnav .cgnav_product_cg {
  float: right;
}
.bread .cgnav .cgnav_product_cg a {
  display: block;
  padding: 0 15px;
  border-right: 1px solid #fff;
  float: left;
}
.bread .cgnav {
  height: 60px;
  line-height: 60px;
  font-size: 13px;
}
.subchose {
  border-top: 1px solid #bebebe;
  padding: 25px 0;
}
.choose .subchose:last-child {}
.choose {
  text-align: center;
  padding: 20px;
}
.choose a {
  display: inline-block;
  padding: 10px 30px;
  border: 1px solid #fff;
  margin: 0 10px;
  background: #fff;
  border-radius: 50px;
}
.choose a:hover, .choose .select {
  background-color: #71a0f0;
  color: #fff !important;
  border-color: #71a0f0;
}
.subchose .commonweb {
  position: relative;
}
.type {
  font-size: 12px;
  color: #fff;
  background: #194ca1;
  text-align: center;
  padding: 6px 0;
  position: relative;
  width: 166px;
  margin: 0 auto;
}
.type:before {
  content: "";
  width: 0;
  height: 0;
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  border-top: 8px solid #194ca1;
  position: absolute;
  bottom: -8px;
  left: 50%;
  margin-left: -5px;
}
.type h2 {
  font-size: 18px;
}
.type p {
  margin-top: -3px;
}
.choosenav {
  display: table-cell;
  vertical-align: middle;
  font-size: 14px;
  color: #666;
  padding-top: 20px;
}
.choosenav a {
  color: #666;
  display: block;
  float: left;
  margin-right: 28px;
  margin-top: 2px;
  margin-bottom: 2px;
}
.choosenav a i {
  display: inline-block;
  border-bottom: 2px solid transparent;
}
.choosenav a:hover i, .choosenav a.cur i {
  color: #194ca1;
  border-bottom: 2px solid #194ca1;
}
.choose .subchose:nth-child(2n) .type {
  background: #7a7a7a;
}
.choose .subchose:nth-child(2n) .type:before {
  border-top-color: #7a7a7a
}
.topproduct { /*background:#ededed;*/ background: #fff;
  border: 1px solid #d7d7d7;
  padding: 20px 0;
}
.topproduct h2 {
  font-size: 18px;
  color: #194ca1;
}
.topproduct h3 {
  font-size: 15px;
  color: #666;
  padding-top: 6px;
  padding-bottom: 6px;
}
.topproduct p {
  font-size: 14px;
  color: #858585;
  max-width: 330px;
  margin-bottom: 15px;
}
.promore {
  color: #fff;
  background: #194ca1;
  display: block;
  text-align: center;
  width: 124px;
  height: 40px;
  line-height: 40px;
  margin-top: 13px;
}
.topproduct dd {
  padding: 20px;
}
.prolist {
  margin: 0 -5px;
  padding: 0 0 35px
}
.prolist li {
  list-style: none;
  padding-left: 5px;
  padding-right: 5px;
  margin-top: 25px;
}
.prolist a {
  border: 1px solid #d1d1d1; /*background:#ededed;*/ background: #fff;
  font-size: 12px;
  color: #858585;
  padding-top: 18px;
  padding-bottom: 10px;
}
.prolist a:hover {
  border: 1px solid #194ca1;
}
.prolist a:hover .producttxt {
  background-color: #194ca1;
}
.prolist a:hover .producttxt h3, .prolist a:hover .producttxt p {
  color: #fff;
}
.productimg {
  overflow: hidden;
  max-height: 335px;
}
.producttxt {
  text-align: left;
  padding: 0 10px;
  margin: 0 auto;
  line-height: 20px;
}
.producttxt h2 {
  font-size: 16px;
  color: #194ca1;
  border-bottom: 1px solid #c8c8c8;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 1.2em;
  padding-bottom: 12px;
  padding-top: 10px;
}
.producttxt h3 {
  font-size: 16px;
  color: #333;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-top: 6px;
}
.producttxt p {
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  color: #999;
  font-size: 12px;
  line-height: 2;
  height: 50px;
  margin-bottom: 20px;
  transition: .15s linear;
  -moz-transition: .15s linear;
  -webkit-transition: .15s linear;
  overflow-wrap: break-word;
}
.sec2_btn {
  background-color: #fff;
  color: #194ca1;
  font-size: 14px;
  border: #194ca1 solid 1px;
  border-radius: 50px;
  background-image: url(/en/skin/img/btn.png);
  background-repeat: no-repeat;
  background-position: 85% center;
  padding: 8px 35px 8px 25px;
}
.page {
  text-align: center;
  padding-bottom: 50px;
}
.proshow {
  padding-top: 8px;
}
.indetit {
  text-align: center;
  font-size: 14px;
  color: #666;
}
.indetit h2 {
  font-size: 20px;
  color: #333;
  line-height: 1em;
}
.indetit p {
  position: relative;
  font-size: 14px;
  color: #194ca1;
  font-family: Arial, Helvetica, sans-serif;
  background-image: url(/en/skin/img/inbg.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: auto 1px;
  margin-bottom: 6px;
  height: 24px;
}
.showlist li a {
  display: block;
  font-size: 16px;
  color: #194ca1;
  text-align: center;
}
.showlist {
  margin: 0 -5px;
  padding: 0 0 42px
}
.showlist li {
  padding-left: 5px;
  padding-right: 5px;
  list-style: none;
  margin-top: 20px;
}
.showlist .imgbox {
  border-radius: 10px;
  margin-bottom: 7px;
}
.proshow {
  padding-bottom: 50px;
}
.showmore {
  display: block;
  margin: 0 auto;
  -webkit-border-radius: 50px;
  -ms-border-radius: 50px;
  border-radius: 50px;
  text-align: center;
  font-size: 14px;
  color: #fff;
  width: 130px;
  height: 35px;
  line-height: 35px;
  background: #194ca1
}
/*产品详情*/
.scrollbox {
  position: relative;
  background: #fff;
  margin-top: 15px;
}
.proscroll {
  margin: 0;
  padding: 0;
  -webkit-transition: all .5s ease;
  -ms-transition: all .5s ease;
  transition: all .5s ease;
  font-size: 0;
  white-space: nowrap;
  width: 100%;
}
.proscroll li {
  list-style: none;
  display: inline-block
}
.proscroll li img, .lSPager li img {
  display: block;
  width: 100%;
}
.lSSlideWrapper, .subpagebox {
  width: 100%;
  overflow: hidden;
}
.lSPager {
  margin: 15px 0 0;
  padding: 0;
  font-size: 0;
  white-space: nowrap
}
.lSPager li {
  list-style: none;
  display: inline-block;
}
.lSPager li.active {
  border: 1px solid #194ca1
}
.detailtxt {
  color: #666;
  font-size: 15px;
}
.detailtxt h2 {
  font-size: 25px;
  color: #333;
  line-height: 1.2em;
  padding-bottom: 10px;
  padding-top: 10px;
}
.td {
  display: table-cell;
  vertical-align: middle
}
#box {
  position: relative;
}
.product-details-nav {
  margin-top: 15px;
  padding-top: 3px;
}
.overflow-auto {
  border-bottom: 1px solid #194ca1
}
.product-details-nav a {
  color: #666;
  font-size: 15px;
  display: inline-block;
  height: 45px;
  line-height: 45px;
  padding: 0 20px;
  cursor: pointer;
}
.product-details-nav a:hover, .product-details-nav a.cur {
  color: #fff;
  background: #194ca1;
}
.details-scroll {
  white-space: nowrap
}
.product-details-nav.addfixed {
  position: fixed;
  top: 55px;
  left: 0;
  width: 100%;
  -webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1);
  box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1);
  z-index: 99;
  background: #ebebeb;
  margin-top: 0;
  padding-top: 0;
}
.overflow-auto {
  overflow-x: scroll;
  overflow-y: hidden;
}
.indetit i {
  display: inline-block;
  padding: 0 18px;
  height: 24px;
}
.proh3 {
  font-size: 25px;
  color: #194ca1;
  font-weight: bold;
  line-height: 1.2em;
  text-align: center;
}
.detailbox {
  width: 100%;
  overflow: hidden;
}
.detailbox .indetit {
  padding-bottom: 3.5%;
  padding-top: 5.1%;
}
.detailbox img {
  max-width: 100%;
  height: auto !important
}
.proul {
  font-size: 0;
  text-align: center;
  padding: 0;
}
.proul li {
  width: 25%;
  list-style: none;
  position: relative;
  color: #282828;
  font-size: 12px;
  line-height: 1.5em;
  display: inline-block;
  padding-bottom: 10px;
  margin-top: 25px;
  vertical-align: top;
  padding: 0 5px;
}
.proul li:after {
  content: "";
  background: #707070;
  height: 150px;
  width: 1px;
  right: 0;
  top: 0;
  position: absolute;
}
.subproul {
  display: inline-block;
}
.text {
  margin-top: 7px;
}
.tablexi {
  font-size: 15px;
  margin-top: 20px;
}
.tablexi th {
  text-align: left;
  color: #fff;
  background: #194ca1;
  font-weight: normal;
  border-bottom: 9px solid #fff;
  padding-left: 10px;
}
.tablexi td {
  color: #333;
  background: #f2f2f2;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 20px;
  border-left: 20px solid #fff;
  border-bottom: 9px solid #fff;
}
.xitit img {
  height: 50px !important
}
.xiangxi {
  padding-bottom: 60px
}
.xiul {
  margin: 0 -5px;
  padding: 0 0 60px;
  font-size: 0
}
.xiul li {
  list-style: none;
  width: 50%;
  padding-left: 5px;
  padding-right: 5px;
  text-align: center;
  color: #666;
  line-height: 18px;
  display: inline-block;
  font-size: 14px;
  margin-top: 25px;
  vertical-align: top;
}
.xiul li img {
  display: block;
  width: 70%;
  margin: 0 auto;
}
.subxi em {
  display: block;
  margin: 19px auto 0;
  width: 65px;
  height: 2px;
  background: #194ca1;
}
.xitit {
  padding-top: 24px;
  padding-bottom: 10px;
}
.gongzuo {
  margin: 0 -5px;
  padding: 0 0 60px;
}
.gongzuo li {
  list-style: none;
  width: 50%;
  padding-left: 5px;
  padding-right: 5px;
  text-align: center;
  font-size: 14px;
  color: #666;
  line-height: 21px;
  float: left;
  margin-top: 20px;
}
.gongzuo li img {
  display: inline-block;
  width: 120px;
  margin-bottom: 30px;
}
.subgong {
  background: #ebebeb;
  border-top: 5px solid #194ca1;
  padding-top: 30px;
  padding-bottom: 30px;
  padding-left: 15px;
  padding-right: 15px;
  height: 346px;
}
.gongzuo li .xtx {
  text-align: left;
}
.shiyong {
  padding: 0 0 60px;
  margin: 0 -5px;
  font-size: 0;
}
.shiyong li {
  list-style: none;
  display: inline-block;
  padding-left: 5px;
  padding-right: 5px;
  text-align: center;
  color: #666;
  font-size: 15px;
  vertical-align: top;
  margin-top: 20px;
  width: 50%;
}
.imgp {
  overflow: hidden;
}
.subshi {
  background: #fff;
  line-height: 45px;
  min-height: 255px;
}
/*解决方案*/
.breadnav {
  width: 100%;
}
.breadnav2 {
  width: 100%;
}
.sonav a {
  font-size: 14px;
  color: #535353;
  display: block;
  line-height: 36px;
  -webkit-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}
.sonav2 a {
  font-size: 14px;
  color: #535353;
  display: block;
  line-height: 36px;
  -webkit-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}
.breadnav span {
  line-height: 40px;
  position: relative;
}
.breadnav2 span {
  line-height: 40px;
  position: relative;
}
.breadnav > span:after {
  content: "";
  width: 10px;
  height: 10px;
  border-right: 1px solid #666;
  border-top: 1px solid #666;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
  position: absolute;
  top: 10px;
  right: 0;
}
.breadnav span.cur:after {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  top: 17px;
}
.breadnav2 > span:after {
  content: "";
  width: 10px;
  height: 10px;
  border-right: 1px solid #666;
  border-top: 1px solid #666;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
  position: absolute;
  top: 10px;
  right: 0;
}
.breadnav2 span.cur:after {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  top: 17px;
}
.rightbread {
  display: block; /*border-bottom:1px solid #d6d6d6;*/
}
.rightbread p { /* display:none; */ margin-top: 10px;
}
.sonav {
  display: none;
  padding-bottom: 10px;
}
.sonav2 {
  display: none;
  padding-bottom: 10px;
}
.thirdnav {
  text-align: center;
  font-size: 0;
  margin-top: 35px;
}
.thirdnav a {
  display: inline-block;
  -webkit-border-radius: 50px;
  -ms-border-radius: 50px;
  border-radius: 50px;
  background: #fff;
  font-size: 14px;
  color: #666;
  -webkit-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
  border: 1px solid #ddd;
  height: 40px;
  line-height: 40px;
  text-align: center;
  width: 30%;
  max-width: 155px;
  margin: 0 5px;
}
.thirdnav a.cur {
  background: #7e7e7e;
  color: #fff;
  border: 1px solid #7e7e7e
}
.pt55 {
  padding-top: 30px;
}
.sodl {
  position: relative;
  color: #666;
  font-size: 14px;
  text-align: justify;
}
.sodl dt, .usedl dt, .backdl dt {
  overflow: hidden;
  -webkit-border-radius: 10px;
  -ms-border-radius: 10px;
  border-radius: 10px;
}
.sodl dt img, .usedl dt img, .backdl dt img {
  display: block;
  width: 100%;
  -webkit-border-radius: 10px;
  -ms-border-radius: 10px;
  border-radius: 10px;
}
.sodl h2 {
  font-size: 25px;
  color: #194ca1;
  line-height: 1.2em;
  padding: 15px 0 10px
}
.solution .indetit {
  padding-bottom: 3.5%
}
.solution {
  padding-bottom: 50px;
}
.txtp {
  text-align: center;
  font-size: 14px;
  color: #666
}
.usearea {
  overflow-y: hidden;
  overflow-x: auto;
}
.useul {
  margin: 0;
  padding: 35px 0 0;
  white-space: nowrap;
  font-size: 0
}
.useul li {
  list-style: none;
  width: 180px;
  margin-right: 30px;
  text-align: center;
  font-size: 14px;
  color: #666;
  line-height: 20px;
  display: inline-block;
  white-space: normal;
  vertical-align: top
}
.yuan {
  color: #fff;
  font-size: 12px;
  text-align: center;
  -webkit-border-radius: 100%;
  -ms-border-radius: 100%;
  border-radius: 100%;
  background: #7f7f7f;
  width: 120px;
  height: 120px;
  display: table;
  margin: 0 auto;
  line-height: 1em;
  margin-bottom: 15px;
}
.yuan h3 {
  font-size: 20px;
  line-height: 1.5em;
}
.yuan p {
  text-transform: uppercase;
  font-family: Arial, Helvetica, sans-serif;
  padding: 0 10px;
}
.useul li:last-child {
  margin-right: 0
}
.useul li:hover .yuan {
  background: #194ca1;
}
.usedl {
  padding-top: 30px;
}
.usedl dd {
  padding: 20px 0
}
.usedl dd p {
  position: relative;
  color: #666;
  font-size: 18px;
  line-height: 30px;
  padding-left: 25px;
}
.usedl dd p:before {
  content: "";
  width: 0;
  height: 0;
  border-bottom: 5px solid transparent;
  border-top: 5px solid transparent;
  border-left: 9px solid #194ca1;
  position: absolute;
  left: 0;
  top: 10px
}
.touse {
  padding-bottom: 50px;
}
.swiper-wrapper {
  width: 99999px;
  margin: 0;
  padding: 0
}
.swiper-wrapper li {
  list-style: none;
  float: left;
}
.swiper-wrapper li a {
  display: block;
}
.cimg {
  overflow: hidden;
  -webkit-border-radius: 10px;
  -ms-border-radius: 10px;
  border-radius: 10px;
}
.white .cimg {
  border: 1px solid #dedede;
}
.cimg img {
  -webkit-border-radius: 10px;
  -ms-border-radius: 10px;
  border-radius: 10px;
}
.thecase li a {
  text-align: center;
  color: #333;
  font-size: 15px;
}
.thecase li p {
  margin-top: 20px;
}
.subcase {
  width: 100%;
  overflow: hidden;
}
.case-pagination {
  text-align: center;
  padding-top: 10px;
}
.case-pagination span {
  -webkit-border-radius: 100%;
  -ms-border-radius: 100%;
  border-radius: 100%;
  display: inline-block;
  margin: 0 3px;
  background: #888;
  width: 8px;
  height: 8px;
  cursor: pointer;
}
.case-pagination span.swiper-pagination-bullet-active {
  background: #194ca1
}
.thecase {
  margin-top: 40px;
  position: relative
}
.case-next, .case-prev {
  cursor: pointer;
  width: 45px;
  height: 45px;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  position: absolute;
  margin-top: -23px;
}
.case-next {
  background-image: url(/en/skin/img/left.png);
  left: 30px;
}
.case-prev {
  background-image: url(/en/skin/img/right.png);
  right: 30px;
}
.case-next:hover {
  background-image: url(/en/skin/img/lefth.png);
}
.case-prev:hover {
  background-image: url(/en/skin/img/righth.png);
}
.usecase {
  padding-bottom: 35px;
}
.subrepro {
  width: 100%;
  overflow: hidden;
}
.reproduct {
  position: relative;
}
.subrepro a {
  border: 1px solid #ccc;
  color: #666;
  font-size: 12px;
}
.retxt {
  background: #ededed;
  padding: 10px;
}
.retxt em {
  display: none;
  background: #194ca1;
  width: 8px;
  height: 2px;
}
.retxt h3 {
  font-size: 15px;
  color: #194ca1;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.pimg {
  overflow: hidden;
}
.reproduct .case-next, .reproduct .case-prev {
  margin-top: 0
}
.reproduct {
  margin-top: 30px;
}
.related {
  padding-bottom: 50px;
}
.white .subrepro li a {
  border: 2px solid #f2f2f2;
}
.white .subrepro .retxt {
  background: #f2f2f2
}
.backdl dd {
  padding: 10px 0 15px
}
.backoff {
  padding-bottom: 50px;
}
.backdl {
  padding-top: 30px;
  font-size: 13px;
  color: #666
}
.backdl h2 {
  font-size: 18px;
  color: #194ca1;
  padding-top: 10px;
}
.phonsolu {
  font-size: 14px;
  color: #666;
  text-align: justify
}
.phonsolu ul {
  margin: 0 -4px;
  padding: 29px 0 0
}
.phonsolu ul li {
  list-style: none;
  float: left;
  width: 50%;
  padding-left: 4px;
  padding-right: 4px;
}
.bread.white p {
  background: url(/en/skin/img/home1.png) left center no-repeat;
}
.theul {
  margin: 15px auto -5px;
  padding-bottom: 50px;
}
.theul li {
  list-style: none;
  width: 50%;
  float: left;
  padding-left: 5px;
  padding-right: 5px;
  margin-top: 10px;
}
.theul li a {
  display: block;
  background: #f2f2f2;
  color: #666;
  text-align: center;
  font-size: 12px;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -ms-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
  line-height: 20px;
  padding-top: 30px;
  height: 200px;
}
.theul li a h2 {
  color: #333;
  font-size: 16px;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -ms-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
}
.theul li a:hover {
  background: #194ca1;
  color: #fff;
}
.theul li a:hover h2 {
  color: #fff;
}
.theul .sysimg, .theul .sysimg img {
  width: 75px;
}
.theul li:hover .sysimg p {
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  transform: translateX(-100%);
}
/*应用案例*/
.areasort {
  margin-top: 30px;
}
.areasort span {
  display: block;
  color: #fff;
  font-size: 18px;
  width: 118px;
  height: 42px;
  text-align: center;
  line-height: 42px;
  background: #194ca1;
  margin-bottom: 10px;
}
.areasort a {
  float: left;
  padding: 0 15px;
  position: relative;
  font-size: 14px;
  color: #666;
  margin-top: 6px;
}
.areasort a:after {
  content: "|";
  font-size: 14px;
  color: #666;
  position: absolute;
  top: 0;
  right: 0
}
.areasort a i {
  display: inline-block;
  border-bottom: 3px solid #ebebeb;
}
.areasort a.cur {
  color: #194ca1
}
.areasort a.cur i {
  border-bottom-color: #194ca1
}
.areasort p {
  margin-left: -15px;
}
.app {
  background: #fff;
  position: relative;
  margin-top: 25px;
}
.appdetail h2 {
  line-height: 1.5em;
  font-size: 28px;
  color: #194ca1;
  text-align: center;
  border-bottom: 1px solid #d7d7d7;
  padding: 25px 0 15px;
  margin-bottom: 17px;
}
.appdetail {
  padding: 0 15px 30px;
  font-size: 14px;
  color: #666;
  line-height: 21px;
  background-position: left top;
  background-repeat: no-repeat;
  background-size: 83px auto;
  position: relative;
  z-index: 5
}
.PCapp ul {
  margin: 0;
  padding: 0;
  font-size: 0;
  -webkit-transition: all 1s;
  -moz-transition: all 1s;
  -ms-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
  white-space: nowrap;
  font-size: 0;
}
.PCapp li {
  list-style: none;
}
.scrollimg li {
  display: inline-block;
}
.PCapp li img {
  display: block;
  width: 100%;
}
.app .pagebox li {
  display: inline-block;
  list-style: none
}
.app .pagebox ul {
  white-space: nowrap;
  width: 9999px;
  margin: 0;
  padding: 0
}
.PCapp .lSSlideWrapper {
  border: 3px solid #fff;
  overflow: hidden;
  position: relative;
}
.PCapp .lSSlideWrapper .lSPrev, .PCapp .lSSlideWrapper .lSNext {
  display: block;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 86px;
  height: 86px;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
  border-radius: 100%;
  border: 3px solid rgba(255, 255, 255, .65);
  background-repeat: no-repeat;
  background-position: center center;
  background-color: rgba(76, 76, 76, .74);
  cursor: pointer;
  z-index: 5;
  display: none;
}
.PCapp .lSSlideWrapper .lSPrev {
  background-image: url(/en/skin/img/al.png);
  left: 10px;
}
.PCapp .lSSlideWrapper .lSNext {
  background-image: url(/en/skin/img/ar.png);
  right: 10px;
}
.PCapp .lSSlideWrapper .lSPrev:hover, .PCapp .lSSlideWrapper .lSNext:hover {
  background-color: rgba(242, 101, 32, .74)
}
.app .pagebox li.active {
  border: 3px solid #194ca1;
}
.subpagebox {
  overflow: hidden;
}
.app .pagebox .lSPrev, .app .pagebox .lSNext {
  position: absolute;
  display: block;
  cursor: pointer;
  width: 40px;
  height: 40px;
  background-position: center center;
  background-repeat: no-repeat;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.app .pagebox .lSPrev {
  left: 0;
  background-image: url(/en/skin/img/al1.png);
}
.app .pagebox .lSNext {
  right: 0;
  background-image: url(/en/skin/img/ar1.png);
}
.app .pagebox .lSPrev:hover {
  background-image: url(/en/skin/img/al1h.png);
}
.app .pagebox .lSNext:hover {
  background-image: url(/en/skin/img/ar1h.png);
}
.app:before {
  width: 13.333%;
  bottom: 153px;
}
.app .pagebox {
  position: relative;
  padding: 0 50px;
}
.pb50 {
  padding-bottom: 50px;
}
/*合影*/
.photo {
  padding-top: 30px;
}
.photochina { /* margin:0 -5px; */ padding: 22px 0 40px;
  font-size: 0;
}
.photochina li { /* padding-left:10px; */ /* padding-right:10px; */ padding-bottom: 10px;
  list-style: none;
  display: inline-block;
  vertical-align: top;
  float: none;
  margin-top: 0 !important;
}
.foreignimg {
  overflow: hidden;
  margin-bottom: 11px;
}
.foreignul {
  margin: 0 -10px;
  padding: 0 0 40px
}
.foreignul li {
  list-style: none;
  padding-left: 10px;
  padding-right: 10px;
  font-size: 15px;
  color: #333;
  text-align: center;
  margin-top: 25px !important;
}
/*出货*/
.chuhuo {
  padding-top: 25px;
  padding-bottom: 50px;
}
.huoswiper li {
  position: relative;
}
.huobox {
  margin-top: 25px;
}
.huobox img {
  display: block;
  width: 100%;
  -webkit-border-radius: 10px;
  -ms-border-radius: 10px;
  border-radius: 10px;
}
.huobtn {
  display: block;
  width: 12px;
  height: 20px;
  background-size: 100% auto;
  background-repeat: no-repeat;
  position: absolute;
  z-index: 5;
  top: 50%;
  margin-top: -10px;
}
.huoprev, .pingprev {
  background-image: url(/en/skin/img/l.png);
  left: 0;
}
.huonext, .pingnext {
  background-image: url(/en/skin/img/r.png);
  right: 0;
}
.huoprev:hove, .pingprev:hover {
  background-image: url(/en/skin/img/lh.png);
}
.huonext:hover, .pingnext:hover {
  background-image: url(/en/skin/img/rh.png);
}
.huoswiper {
  position: relative;
  height: 100%;
  overflow-y: hidden;
  padding: 15px 0;
}
.huobox {
  position: relative
}
.huoswiper .huoswiper {
  position: relative;
  height: 100%;
  overflow: hidden;
}
.right {
  position: relative;
  padding: 0 33px;
}
.huoswiper img {
  cursor: pointer
}
.huoswiper li.cur img {
  border: 3px solid #194ca1;
}
.huoswiper li.cur:before {
  content: "";
  width: 0;
  height: 0;
  position: absolute;
  left: -15px;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-right: 10px solid #194ca1;
  top: 2px;
  margin-top: -10px;
  left: 50%;
  margin-left: -3px;
  transform: rotate(-145deg);
}
.ping {
  padding-top: 45px;
  padding-bottom: 50px;
}
.pingbox {
  max-width: 757px;
  overflow: hidden;
  margin: 0 auto;
}
.pingbox img {
  display: block;
  width: 100%;
}
.pingimg {
  position: relative;
}
.pingimg {
  margin-top: 20px;
}
.kehu {
  position: relative
}
.kehu li img {
  display: block;
  width: 100%;
  -webkit-transition: all .3s ease;
  -ms-transition: all .3s ease;
  transition: all .3s ease;
}
.keall {
  padding-top: 35px;
  padding-bottom: 50px;
}
.kehu {
  margin-top: 25px;
}
.kebox {
  overflow: hidden;
  color: #333;
  font-size: 15px;
  text-align: center;
}
.kehu .pingprev, .kehu .pingnext {
  display: none;
}
/*行业资讯*/
.newcasebox ul li a {
  background: #fff;
  -webkit-border-radius: 10px 10px 0 0;
  -ms-border-radius: 10px 10px 0 0;
  border-radius: 10px 10px 0 0;
}
.newcasebox li p {
  margin-top: 0 !important;
  line-height: 45px;
}
.newcasebox .cimg, .newcasebox .cimg img {
  -webkit-border-radius: 10px 10px 0 0;
  -ms-border-radius: 10px 10px 0 0;
  border-radius: 10px 10px 0 0;
  overflow: hidden;
}
.newcasebox .case-next, .newcasebox .case-prev {
  margin-top: -20px;
}
.newcasebox {
  margin-top: 36px !important;
}
.newul {
  margin: -20px 0 0;
  padding: 0 0 20px;
}
.newul li {
  list-style: none;
  padding: 25px 0;
  border-bottom: 1px solid #d7d7d7;
}
.newul li a {
  display: block;
  color: #666;
  font-size: 14px;
}
.newintro h2 {
  font-size: 19px;
  color: #333;
  line-height: 1.2em;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  padding-top: 20px;
}
.newdate {
  display: block;
  color: #898989;
  margin-top: 3px;
  margin-bottom: 7px;
}
.newmore {
  display: block;
  -webkit-border-radius: 10px;
  -ms-border-radius: 10px;
  border-radius: 10px;
  font-size: 14px;
  color: #fff;
  text-align: center;
  width: 106px;
  height: 32px;
  line-height: 32px;
  background: #7a7a7a;
  margin-top: 15px;
}
.newimg, .newimg img {
  -webkit-border-radius: 10px;
  -ms-border-radius: 10px;
  border-radius: 10px;
  overflow: hidden;
}
.box {
  padding-top: 30px;
  padding-bottom: 50px;
}
.border {
  -webkit-border-radius: 10px;
  -ms-border-radius: 10px;
  border-radius: 10px;
  border: 1px solid #d5d5d5;
  padding: 0 15px;
}
.aboutpro {
  margin-top: 40px;
}
.border h2 {
  font-size: 18px;
  padding-left: 39px;
  background-repeat: no-repeat;
  line-height: 50px;
  background-position: left center;
  background-image: url(/en/skin/img/newicon1.png);
  color: #194ca1;
  border-bottom: 1px solid #cecece;
}
.aboutpro h2 {
  background-image: url(/en/skin/img/newicon2.png);
}
.thenew {
  margin: 0;
  padding: 13px 0 28px;
}
.thenew li {
  list-style: none;
}
.thenew a {
  position: relative;
  display: block;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  padding-left: 18px;
  font-size: 14px;
  color: #666;
  line-height: 30px;
}
.thenew a:before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  background: #194ca1;
  width: 3px;
  height: 3px;
  margin-top: -1.5px;
}
.theapro {
  overflow: hidden;
  padding-bottom: 16px;
  padding-top: 10px;
}
.theapro a {
  display: block;
  text-align: center;
  color: #666
}
.theapro h3 {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  font-size: 14px;
}
.theapro li {
  padding-top: 15px;
}
.newtitle {
  text-align: center;
  font-size: 12px;
  color: #8d8d8d;
  padding-bottom: 14px;
}
.newtitle h1 {
  color: #f08519;
  font-size: 22px;
  line-height: 1.3em;
  border-bottom: 1px solid #dedede;
  padding-bottom: 16px;
  margin-bottom: 5px;
}
.newdetail img {
  max-width: 100%;
}
.detailbox {
  color: #666;
  padding-top: 10px;
}
.detailbox img {
  max-width: 100%;
  height: auto !important;
}
.operation {
  padding-top: 30px;
  padding-bottom: 50px;
}
.back {
  display: block;
  color: #fff;
  background: #194ca1 url(/en/skin/img/ndetail02.png) 23px center no-repeat;
  width: 102px;
  height: 32px;
  line-height: 32px;
  padding-left: 40px;
  font-size: 18px;
  margin-bottom: 11px;
}
.operation p a {
  display: inline;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  color: #4c4c4c;
  font-size: 14px;
  line-height: 30px;
}
.operation p a:hover {
  color: #194ca1;
}
.page {
  padding: 40px 0 80px;
}
.page a {
  font-size: 14px;
  color: #fff;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  -ms-border-radius: 50px;
  -o-border-radius: 50px;
  border-radius: 50px;
  display: block;
  width: 240px;
  height: 55px;
  line-height: 55px;
  text-align: center;
  background: #194ca1 !important;
  margin: 0 auto;
}
/*激光图片*/
.pictures {
  position: relative
}
.pclist {
  position: relative
}
.subpiclist {
  -webkit-perspective: 1200px;
  -moz-perspective: 1200px;
  -o-perspective: 1200px;
  perspective: 1200px;
  position: relative;
  overflow: hidden;
  padding: 88px 0 0;
}
.subpiclist ul {
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d;
  font-size: 0;
  white-space: nowrap;
}
.subpiclist ul li {
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d;
  position: relative;
  padding-bottom: 60px;
  background-image: url(/en/skin/img/shaw.jpg);
  background-position: center bottom;
  background-repeat: no-repeat;
  display: inline-block;
}
.subpiclist ul img {
  display: block;
  width: 100%;
}
.pictures h2 {
  text-align: center;
  font-size: 20px;
  color: #343434;
  line-height: 1.2em;
  position: absolute;
  width: 100%;
  left: 0;
  top: 29px;
}
.so-prev, .so-next {
  position: absolute;
  display: block;
  cursor: pointer;
  background-size: 100% auto;
  width: 23px;
  height: 38px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.so-prev {
  background-image: url(/en/skin/img/l.png);
  left: 0
}
.so-next {
  background-image: url(/en/skin/img/r.png);
  right: 0
}
.so-prev:hover {
  background-image: url(/en/skin/img/lh.png);
}
.so-next:hover {
  background-image: url(/en/skin/img/rh.png);
}
.allpics ul { /* margin:0 -5px; */ padding: 0 0 16px;
}
.allpics li {
  list-style: none;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 10px;
  margin-top: 0 !important;
}
.allpics .page {
  padding-top: 0
}
/*视频*/
.videolist dl {
  margin: 25px 0;
  border: 1px solid #d9d9d9;
  font-size: 14px;
  color: #666;
  position: relative;
  cursor: pointer
}
.videolist dt {
  overflow: hidden;
  position: relative;
  border-right: 1px solid #d9d9d9;
}
.videolist dt:after {
  content: "";
  background: url(/en/skin/img/play.png) no-repeat;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 66px;
  height: 66px;
  background-size: 100% auto;
}
.videolist dd {
  padding: 20px 15px
}
.videotxt {}
.thevideotxt h2 {
  font-size: 18px;
  color: #194ca1;
  padding-bottom: 5px;
}
.thevideotxt {
  display: table;
}
.cideodate {
  font-size: 15px;
  color: #194ca1;
}
.cideodate i {
  position: relative
}
.cideodate i:after {
  content: "-";
  font-size: 15px;
  color: #194ca1;
}
.cideodate span {
  margin-left: -3px
}
.videolist {
  margin-top: -20px;
}
/*知识问答*/
.insearch {
  width: 100%;
  position: relative;
  border: 1px solid #d5d5d5;
  height: 47px;
  -webkit-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
  padding-right: 46px;
  padding-left: 14px;
  margin-bottom: 24px;
  margin-top: 30px;
}
.inin {
  display: block;
  width: 100%;
  height: 45px;
  line-height: 45px;
  font-size: 14px;
  color: #666
}
.inbtn {
  position: absolute;
  width: 46px;
  cursor: pointer;
  background: url(/en/skin/img/faq1.png) center center no-repeat;
  height: 100%;
  top: 0;
  right: 0
}
.box .thirdnav {
  margin-top: 0;
  padding-bottom: 35px;
}
.faq {
  padding: 0;
  margin: 0
}
.faq li {
  list-style: none;
  font-size: 13px;
  color: #666;
  line-height: 24px;
  border-bottom: 1px solid #d9d9d9;
}
.faq li:last-child {
  border: none
}
.faq h2 {
  font-size: 13px;
  color: #194ca1;
  border-bottom: 1px solid #d9d9d9;
  padding-left: 46px;
  background-image: url(/en/skin/img/q.png);
  background-position: left 10px;
  background-repeat: no-repeat;
  padding-top: 13px;
  padding-bottom: 13px;
}
.answer {
  background-image: url(/en/skin/img/a.png);
  background-position: left 17px;
  background-repeat: no-repeat;
  padding-left: 46px;
  padding-top: 20px;
  padding-bottom: 20px;
}
/*搜索结果页*/
.result span {
  font-size: 20px;
  color: #194ca1;
  display: block;
  line-height: 46px;
}
.result-in {
  float: left;
  height: 46px;
  border: 1px solid #ccc;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  padding: 13px 13px;
  font-size: 15px;
  margin-right: 13px;
  width: 69%;
}
.result-bt {
  background: #194ca1;
  color: #fff;
  width: 75px;
  font-size: 15px;
  text-align: center;
  line-height: 46px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  cursor: pointer;
}
.the-result {
  font-size: 15px;
  color: #1a1a1a;
  padding-top: 20px;
}
.result-ul {
  padding: 0;
  margin: 0
}
.result-ul li {
  border-bottom: 1px solid #d0d0d0;
  line-height: 22px;
  color: #333;
  position: relative;
  padding-top: 25px;
  padding-bottom: 25px;
  list-style: none;
}
.result-ul li a {
  display: block;
}
.result-ul li h2 {
  font-size: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-bottom: 7px;
  color: #194ca1;
}
.result-ul li p {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.result-a {
  display: block;
  width: 95px;
  height: 30px;
  text-align: center;
  line-height: 30px;
  border: 1px solid #c3c3c3;
  -moz-border-radius: 40px;
  -ms-border-radius: 40px;
  -o-border-radius: 40px;
  -webkit-border-radius: 40px;
  border-radius: 40px;
  margin-top: 15px;
  color: #194ca1;
}
.result-ul li:hover .result-a {
  background: #194ca1;
  color: #fff;
}
.showmore:hover {
  opacity: .75
}
/*发展历程*/
.improve {
  max-width: 1163px;
  padding-top: 30px;
  padding-bottom: 50px;
}
.imtop, .imbottom {
  -webkit-border-radius: 100%;
  -ms-border-radius: 100%;
  border-radius: 100%;
  background-color: #727272;
  background-size: 20px auto;
  background-repeat: no-repeat;
  background-position: center center;
  width: 40px;
  height: 40px;
  -webkit-transition: all .3s ease;
  -ms-transition: all .3s ease;
  transition: all .3s ease;
  cursor: pointer;
  margin-left: 25px;
}
.imtop:hover, .imbottom:hover {
  background-color: #194ca1;
}
.imtop {
  background-image: url(/en/skin/img/im1.png)
}
.imbottom {
  background-image: url(/en/skin/img/im2.png);
}
.improbox {
  position: relative;
  padding-bottom: 40px;
}
.improbox:before {
  content: "";
  height: 100%;
  width: 1px;
  left: 45px;
  top: 0;
  background: #727272;
  position: absolute;
}
.imul {
  margin: 0;
  padding: 0;
  font-size: 0;
  overflow-x: hidden;
  height: 580px;
  overflow-y: auto;
}
.imul li {
  list-style: none;
  position: relative;
  padding-left: 94px;
  margin-top: 25px;
}
.imdate {
  position: absolute;
  color: #fff;
  text-align: center;
  line-height: 35px;
  height: 35px;
  width: 90px;
  background: #727272;
  font-size: 19px;
  left: -5px;
  top: 21px;
}
.improvetxt {
  border: 1px solid #cfcfcf;
  padding: 13px 13px 21px;
  font-size: 14px;
  color: #666;
  line-height: 24px;
}
.improvetxt img {
  display: block;
  width: 100%;
  margin-bottom: 13px;
}
/*公司简介*/
.about {
  padding-top: 35px;
  padding-bottom: 50px;
}
.aboutdl img, .aboutbox dt img {
  display: block;
  width: 100%;
  margin: 0 auto;
}
.aboutdl {
  font-size: 14px;
  color: #666;
  line-height: 24px;
  text-align: justify;
  padding-bottom: 40px;
}
.aboutdl h1 {
  font-size: 20px;
  line-height: 1.2em;
  color: #194ca1;
  padding-top: 15px;
  padding-bottom: 10px;
}
.aboutbox {
  background: #fff;
  text-align: center;
}
.aboutbox h2 {
  font-size: 20px;
  line-height: 1.2em;
  color: #194ca1;
  padding-top: 3px;
  padding-bottom: 10px;
}
.subabouttxt {
  text-align: center;
  color: #666;
  font-size: 14px;
}
.aboutbox dd {
  padding: 20px 15px
}
.aboutlast {
  font-size: 14px;
  color: #666;
  line-height: 24px;
  max-width: 841px;
  padding-top: 30px;
}
.aboutlast h2 {
  font-size: 20px;
  text-align: center;
  color: #194ca1;
  line-height: 1.2em;
}
.aboutlast img {
  max-width: 100%;
  height: auto !important
}
/*合作伙伴*/
.partner .indetit {
  padding-top: 35px;
}
.partner .indetit p {
  background-size: 470px 1px;
}
.partul {
  margin: 0 -5px;
  padding: 0;
}
.partul li {
  list-style: none;
  padding-left: 5px;
  padding-right: 5px;
  margin-top: 10px;
}
.partner li .imgbox img { /* -webkit-filter: grayscale(1); */ /* filter: grayscale(1); */ border: 1px solid #e0e0e0;
}
.partner li:hover img {
  -webkit-box-shadow: 0 0 8px 0 rgba(0, 0, 0, .2);
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, .2);
  -webkit-transform: translateY(-2px);
  transform: translateY(-2px);
  -webkit-filter: grayscale(0);
  filter: grayscale(0);
}
.partner li .imgbox {
  overflow: inherit
}
.hezuo h3 {
  font-size: 20px;
  color: #333;
  line-height: 1.2em;
  padding-top: 21px;
  text-align: center
}
.partner {
  padding-bottom: 50px;
}
.partnerdetail .newtitle h1 {
  color: #333;
}
.partnerdetail {
  padding-top: 30px;
}
/*荣誉资质*/
.honor {
  padding-top: 30px;
}
.suhonor ul {
  margin: 0;
  padding: 0
}
.suhonor li {
  list-style: none;
  padding-bottom: 70px;
  background-image: url(/en/skin/img/shaw1.jpg);
  background-position: center bottom;
  background-repeat: no-repeat
}
.suhonor li a {
  font-size: 14px;
  text-align: center;
  display: block;
  border: 1px solid #d7d7d7;
}
.honort {
  height: 54px;
  display: table;
  width: 100%;
  padding: 0 15px;
}
.honort p {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  border-top: 1px solid #e9e9e9
}
.imgg {
  overflow: hidden;
}
.honorbox {
  position: relative
}
.suhonor {
  max-width: 1194px;
  margin: 25px auto 0;
  overflow: hidden;
}
.honorbox .case-pagination {
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 35px;
}
.zhaunli {
  padding-top: 35px;
  padding-bottom: 50px;
}
.zhuanbox {
  position: relative;
}
.subhzuan {
  max-width: 1028px;
  margin: 0 auto;
  overflow: hidden;
}
.subhzuan .imgbox {
  border: 1px solid #dbdbdb
}
.zhuantxt {
  display: table;
  width: 100%;
  font-size: 14px;
  color: #666;
  text-align: center;
  background: url(/en/skin/img/shaw2.jpg) center top no-repeat;
  height: 58px;
}
.zhaunli .indetit {
  padding-bottom: 20px;
}
/*营销网络*/
.sale {
  padding-top: 35px;
}
.salemap {
  padding-top: 35px;
}
.salemap img {
  max-width: 100%;
  display: block;
  margin: 0 auto;
}
.salelist {
  margin: 0;
  padding: 0 0 55px;
  width: 100%;
  font-size: 0;
}
.salelist li {
  list-style: none;
  width: 100%;
  font-size: 14px;
  color: #666;
  border-top: 1px solid #c8c8c8;
  padding-top: 20px;
  padding-bottom: 20px;
}
.salelist h2 {
  font-size: 20px;
  color: #eb6828;
  line-height: 1.2em;
  padding-bottom: 9px;
}
.salelist h3 {
  font-size: 16px;
  color: #333;
  padding-bottom: 8px;
}
.salelist li:first-child {
  border-top: none
}
/*招贤纳士*/
.joblist h2 {
  font-size: 18px;
  color: #194ca1;
  border-bottom: 1px solid #d6d6d6;
  line-height: 1.8em;
  padding-bottom: 10px;
  padding-top: 15px;
}
.jobul {
  margin: 0;
  padding: 0;
}
.jobul h3 {
  cursor: pointer;
  font-size: 14px;
  color: #4c4c4c;
  height: 59px;
  line-height: 59px;
  background: url(/en/skin/img/service04.png) right center no-repeat;
}
.jobul h3:hover {
  color: #194ca1
}
.jobul li {
  border-bottom: 1px solid #d4d4d4;
  list-style: none;
}
.jobdetail {
  background: #fafafa;
  font-size: 13px;
  color: #4c4c4c;
  padding: 34px 15px;
  display: none;
}
.jobdetail h4 {
  font-size: 14px;
  color: #4c4c4c;
  font-weight: bold;
}
.jobsend {
  width: 120px;
  height: 35px;
  display: block;
  text-align: center;
  line-height: 35px;
  font-size: 16px;
  color: #fff;
  background: #194ca1;
  margin-top: 17px;
  -webkit-transition: all .3s ease-in;
  -ms-transition: all .3s ease-in;
  transition: all .3s ease-in;
}
.jobul li.cur h3 {
  color: #194ca1;
  background: url(/en/skin/img/service03.png) right center no-repeat;
}
.joblist {
  padding-bottom: 50px;
}
/*加工系统*/
.sysintro dt, .sepcial dt, .ying dt, .yuanli dt {
  overflow: hidden
}
.sysintro dt img, .sepcial dt img, .ying dt img, .yuanli dt img {
  display: block;
  width: 100%;
}
.sysintro dd {
  padding: 20px 0;
  color: #666;
}
.sysintro dd h2 {
  font-size: 20px;
  padding-bottom: 10px;
  line-height: 1.2em;
  color: #194ca1;
}
.sepcial {
  padding-bottom: 50px;
}
.sepcial dd {
  color: #666;
  padding: 20px 0
}
.sepcial dd p {
  position: relative;
  padding-left: 18px;
}
.sepcial dd p:before {
  content: "";
  position: absolute;
  left: 0;
  width: 0;
  height: 0;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
  border-left: 6px solid #194ca1;
  top: 8px;
}
.yingp {
  font-size: 14px;
  color: #666;
  text-align: center;
}
.ying {
  padding-bottom: 54px;
  padding-top: 30px;
}
.ying h2 {
  font-size: 18px;
  color: #194ca1;
}
.step {
  position: relative;
  line-height: 23px;
  font-size: 16px;
  color: #666;
}
.step:before {
  content: "";
  width: 1px;
  height: 100%;
  left: 11px;
  top: 0;
  background: #194ca1;
  position: absolute;
}
.step p {
  position: relative;
  padding-left: 40px;
  margin-top: 20px;
}
.step p span {
  display: block;
  border-radius: 5px;
  text-align: center;
  color: #fff;
  background: #194ca1;
  position: absolute;
  left: 0;
  top: 0;
  width: 23px;
  height: 23px;
}
.ying dd {
  padding: 20px 0
}
.yuanli {
  padding-top: 35px;
  padding-bottom: 50px;
}
.yuanli dd {
  padding: 20px 0;
  font-size: 14px;
  color: #666;
}
.yuanli .indetit {
  padding-top: 0;
  padding-bottom: 0;
}
.tableul {
  margin: -15px -10px 0;
  padding: 0 0 50px;
  font-size: 0;
}
.tableul li {
  list-style: none;
  padding-left: 10px;
  padding-right: 10px;
}
.tableul li h3 {
  font-size: 18px;
  color: #333;
  padding-top: 15px;
}
.tableul .tablexi {
  width: 100% !important;
  max-width: 562px;
  margin-top: 10px;
  float: none !important
}
.model {
  margin: 0 -10px;
  padding: 0 0 50px;
}
.model li {
  padding-right: 10px;
  padding-left: 10px;
  list-style: none;
  margin-bottom: 15px;
}
.model li .imgbox, .model li img {
  -webkit-border-radius: 10px;
  -ms-border-radius: 10px;
  border-radius: 10px;
}
/*服务*/
.service {
  padding-top: 35px;
  padding-bottom: 50px;
}
.knowtop span i {
  -webkit-border-radius: 100%;
  -ms-border-radius: 100%;
  border-radius: 100%;
  display: block;
  width: 52px;
  height: 52px;
  font-size: 18px;
  color: #fff;
  background: #194ca1;
  text-align: center;
  line-height: 52px;
}
.knowul {
  margin: 0;
  padding: 0
}
.knowul li {
  list-style: none;
  position: relative;
  padding-left: 42px;
  border-left: 1px solid #b6b6b6;
  font-size: 14px;
  color: #666;
  margin-left: 25px;
  padding-top: 10px;
}
.knowul li em {
  font-style: normal;
  display: block;
  width: 25px;
  height: 25px;
  text-align: center;
  line-height: 25px;
  color: #fff;
  font-size: 14px;
  position: absolute;
  left: -14px;
  top: 10px;
  background: #909090;
  -webkit-border-radius: 100%;
  -ms-border-radius: 100%;
  border-radius: 100%;
}
.check {
  padding-top: 30px;
}
.imggg img, .baoimg img {
  display: block;
  width: 100%;
}
.checkbox {
  font-size: 14px;
  color: #666
}
.checkbox h2, .baotxt h2 {
  font-size: 18px;
  color: #194ca1;
  padding: 20px 0 10px;
}
.baotxt {
  font-size: 14px;
  color: #666;
  text-align: justify
}
.yangbox {
  border: 1px solid #d2d2d2;
  padding: 15px 10px;
  margin-top: 25px;
}
.yangbox h2 {
  font-size: 18px;
  color: #194ca1;
}
.yangbox ul {
  margin: 0;
  padding: 0
}
.yangbox li {
  list-style: none;
  position: relative;
  padding-left: 45px;
  color: #666;
  margin-top: 10px;
}
.yangbox li em {
  display: block;
  border-radius: 10px;
  font-size: 18px;
  width: 30px;
  height: 30px;
  color: #fff;
  text-align: center;
  line-height: 30px;
  font-style: normal;
  background: #194ca1;
  position: absolute;
  left: 0;
  top: 0
}
.download {
  margin-top: -25px;
  font-size: 14px;
  color: #666;
  text-align: justify
}
.download dl {
  margin-top: 25px;
  background: #fff;
  padding: 20px 20px 30px;
}
.download dt img {
  display: block;
  width: 100%;
}
.downtxt h2 {
  font-size: 18px;
  color: #194ca1;
  padding: 20px 0 10px;
}
.viewnum, .todown {
  -webkit-border-radius: 10px;
  -ms-border-radius: 10px;
  border-radius: 10px;
  text-align: center;
  width: 137px;
  height: 48px;
  line-height: 48px;
  color: #fff;
  font-size: 15px;
  display: block;
  margin-top: 15px;
  float: left;
  margin-right: 15px;
  -webkit-transition: all .3s ease-in;
  -ms-transition: all .3s ease-in;
  transition: all .3s ease-in;
}
.viewnum {
  background: #8c8c8c;
}
.viewnum i {
  margin-left: 14px;
}
.todown {
  background: #194ca1;
  margin-right: 0
}
.todown img {
  position: relative;
  top: 4px;
  margin-right: 13px;
}
.trainh2 {
  font-size: 26px;
  color: #194ca1;
  text-align: center;
  line-height: 1.2em;
}
.trainway {
  text-align: center;
  color: #fff;
  font-size: 0
}
.trainway span {
  font-size: 20px;
  display: inline-block;
  background-image: url(/en/skin/img/service.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  width: 30%;
  margin: 20px 5px 0;
  height: 40px;
  line-height: 40px;
  max-width: 140px;
}
.trainbox dl {
  color: #666;
  -webkit-border-radius: 10px;
  -ms-border-radius: 10px;
  border-radius: 10px;
  border: 1px solid #d3d3d3;
  margin-top: 20px;
}
.trainbox dt img {
  -webkit-border-radius: 10px;
  -ms-border-radius: 10px;
  border-radius: 10px;
  border: 1px solid #d3d3d3;
  display: block;
  width: 100%;
}
.trainbox h3 {
  text-align: left;
  padding-bottom: 10px;
}
.trainbox dd {
  padding: 20px 15px 30px
}
.trianp {
  position: relative;
  padding-left: 50px;
  margin-top: 20px;
}
.trianp em {
  position: absolute;
  -webkit-border-radius: 100%;
  -ms-border-radius: 100%;
  border-radius: 100%;
  color: #fff;
  text-align: center;
  font-size: 18px;
  background: #194ca1;
  width: 30px;
  height: 30px;
  left: 0;
  top: -4px;
  font-style: normal;
  line-height: 30px;
}
.phonenumm {
  font-size: 14px;
  color: #666;
  text-align: center;
}
.phonenumm i {
  color: #194ca1;
  font-size: 20px;
}
.phonenumm img {
  margin-right: 12px;
  position: relative;
  top: 2px;
}
.saledl, .beforesaledl {
  border: 1px solid #dadada;
  -webkit-border-radius: 10px;
  -ms-border-radius: 10px;
  border-radius: 10px;
  margin-top: 33px;
}
.saledl dt img {
  width: 100%;
  display: block;
  border: 1px solid #dadada;
  -webkit-border-radius: 10px;
  -ms-border-radius: 10px;
  border-radius: 10px;
}
.saledl h2 {
  font-size: 20px;
  color: #194ca1;
  line-height: 1.2em;
  padding: 20px 0 0;
}
.service {
  color: #666;
}
.salep p {
  position: relative;
  padding-left: 40px;
  margin-top: 20px;
  line-height: 18px;
}
.salep p em {
  display: block;
  width: 26px;
  height: 26px;
  text-align: center;
  line-height: 26px;
  position: absolute;
  left: 0;
  top: 0;
  background: #194ca1;
  font-size: 14px;
  color: #fff;
  font-style: normal;
  -webkit-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
}
.saledl dd {
  padding-left: 15px;
  padding-right: 15px;
  padding-bottom: 30px;
}
.subsale {
  border: 1px solid #cdcdcd;
  padding: 20px 10px;
  margin-top: 30px;
}
.subsale h2, .beforesaledl h2 {
  font-size: 20px;
  color: #194ca1;
  line-height: 1em;
}
.dalebox .salep p {
  float: left;
  width: 50%;
  line-height: 18px;
}
.dalebox .salep p em {
  top: -5px;
}
.aftersale h2 {
  font-size: 20px;
  color: #194ca1;
  line-height: 1em;
  padding-top: 25px;
}
.subafter {
  border: 1px solid #cdcdcd;
  padding: 20px 15px;
  margin-top: 30px;
}
.subafter h3 {
  font-size: 18px;
  color: #194ca1;
  padding-bottom: 8px;
}
.beforesaledl dt img {
  width: 100%;
  display: block;
  -webkit-border-radius: 10px;
  -ms-border-radius: 10px;
  border-radius: 10px;
}
.beforesaledl {
  margin-top: 0
}
.beforesaledl dd {
  padding-left: 15px;
  padding-right: 15px;
  padding-bottom: 30px;
  padding-top: 20px;
  text-align: justify;
}
.beforesaledl h2 {
  padding-bottom: 10px;
}
.beforeul {
  margin: 0;
  padding: 0
}
.beforeul li {
  list-style: none;
  margin-top: 30px;
}
.subbefore {
  border: 1px solid #d0d0d0;
  padding: 20px;
  padding-left: 100px;
  position: relative;
}
.num {
  position: absolute;
  left: 20px;
  top: 20px;
  text-align: center;
  color: #fff;
  background: #194ca1;
  font-size: 38px;
  font-family: 'AvangardNormal';
  width: 67px;
  height: 60px;
  line-height: 60px;
}
.num:before {
  content: "";
  width: 100%;
  left: 0;
  top: 64px;
  background: #194ca1;
  height: 3px;
  position: absolute
}
.num:after {
  content: "";
  width: 100%;
  left: 0;
  top: 69px;
  background: #194ca1;
  height: 4px;
  position: absolute
}
.subbefore h3 {
  font-size: 18px;
  line-height: 1em;
  color: #333;
  padding-bottom: 4px;
}
.otherlist {
  color: #333;
  margin: 0 -9px;
}
.sublist {
  float: left;
  width: 50%;
  padding: 0 9px;
  margin-top: 10px;
  text-align: center
}
.sublist img {
  max-width: 100%;
  display: block;
  margin: 0 auto 2px;
}
/*网站地图*/
.webmap {
  border-top: 1px solid #d6d6d6;
  padding-bottom: 50px;
}
.webmap dl {
  margin-top: 30px;
  border: 1px solid #d1d1d1;
  padding: 15px;
  position: relative
}
.webmap dt {
  border-left: 6px solid #194ca1;
  font-size: 18px;
  color: #333;
  height: 30px;
  line-height: 30px;
  width: 180px;
  padding-left: 31px;
}
.webmap dd {
  padding-top: 10px;
}
.webmap dd a {
  display: inline-block;
  font-size: 14px;
  color: #666;
  line-height: 35px;
  margin-right: 20px;
}
.insolunav ul li a {
  display: block;
  color: #fff;
}
.footcopy p, .footcopy .thecopy a:last-child { /* display:none; */
}
.thishome {
  width: 40px;
  height: 100%;
  position: absolute;
  background: url(/en/skin/img/ithome.png) center center no-repeat;
  top: 0;
  right: 50px;
  background-size: 25px auto;
}
.banner-slide img.ing {
  max-width: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  height: auto;
  display: none
}
.navul li:last-child .pcsec {
  left: auto;
  right: 0;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
}
/*侧漂*/
.float {
  position: fixed;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transition: all .3s ease;
  -ms-transition: all .3s ease;
  transition: all .3s ease;
  z-index: 99;
  display: none
}
.float ul {
  margin: 0;
  padding: 0
}
.float li {
  list-style: none;
  margin-top: 5px;
}
.float li a > img {
  width: 100%;
  display: block
}
.float a {
  border-radius: 5px;
  width: 55px;
  display: block;
  color: #fff;
  text-align: center;
  position: relative;
  -webkit-transition: all .3s ease;
  -ms-transition: all .3s ease;
  transition: all .3s ease;
  background: rgba(0, 0, 0, .5);
}
.float a span {
  position: absolute;
  width: 100%;
  display: block;
  left: 0;
  line-height: 1em;
  bottom: 9px;
  font-size: 12px;
}
.float li:last-child span {
  bottom: 10px;
  font-size: 12px;
}
.float li.top {
  display: none;
}
.float li:hover a {
  background: #194ca1;
}
.float a p {
  position: absolute;
  top: 0; /*height:100%;*/ line-height: 52px;
  background: #194ca1;
  color: #fff;
  padding: 0 15px;
  white-space: nowrap;
  right: -550%;
  -webkit-transition: all .3s ease;
  border-radius: 5px;
  -ms-transition: all .3s ease;
  transition: all .3s ease;
  font-size: 14px;
}
.float li:hover a p {
  right: 100%;
}
.floatcode {
  position: absolute;
  width: 124px;
  top: 0;
  right: 100%;
  -webkit-box-shadow: 0 0 7px rgba(0, 0, 0, .18);
  -ms-box-shadow: 0 0 7px rgba(0, 0, 0, .18);
  box-shadow: 0 0 7px rgba(0, 0, 0, .18);
  opacity: 0;
  z-index: -1;
  visibility: hidden;
  -webkit-transition: all .3s ease;
  -ms-transition: all .3s ease;
  transition: all .3s ease;
}
.floatcode img {
  width: 100%;
  display: block;
}
.float li:hover .floatcode {
  z-index: 1;
  visibility: visible;
  opacity: 1
}
.third-nav p > a img {
  position: relative;
  top: 4px;
  margin-left: 12px;
  display: none
}
.contact-map {
  background: #fff;
  border: 3px solid #fff;
  height: 250px;
}
.zong {
  font-size: 14px;
  color: #666;
  padding-bottom: 15px;
}
.zong p, .itp {
  padding-left: 32px;
  position: relative
}
.zong p > img, .itp > img {
  position: absolute;
  left: 0;
  top: 2px
}
.zong h2 {
  font-size: 18px;
  font-weight: bold;
  color: #194ca1;
  line-height: 1.3em;
  padding-top: 20px;
  padding-bottom: 15px;
}
.zong p a {
  color: #666;
  -webkit-transition: all .3s ease-in;
  -ms-transition: all .3s ease-in;
  transition: all .3s ease-in;
}
.zong p a img {
  position: relative;
  top: 6px;
  margin-left: 13px;
  -webkit-transition: all .3s ease-in;
  -ms-transition: all .3s ease-in;
  transition: all .3s ease-in;
}
.subway h2 {
  font-size: 16px;
  font-weight: bold;
  color: #194ca1;
  padding-bottom: 10px;
}
.subway {
  border-top: 1px solid #d6d6d6;
  padding-top: 15px;
  font-size: 14px;
  color: #666;
  padding-bottom: 15px;
}
.mapul {
  margin: 0;
  padding: 0
}
.mapul li {
  list-style: none;
  margin-top: 25px;
  font-size: 14px;
  color: #666;
  border: 1px solid #d6d6d6;
  padding: 15px 20px
}
.mapul h2 {
  font-size: 18px;
  font-weight: bold;
  color: #194ca1;
  padding-bottom: 10px;
}
.itp {
  padding-left: 22px;
}
.itp > img {
  top: 4px;
}
.mapul li a {
  color: #666
}
footer {
  position: fixed;
  width: 100%;
  left: 0;
  bottom: 0;
  z-index: 99; /*background: rgba(0,0,0,.8);*/ height: 55px;
}
footer a {
  display: block;
  width: 25%;
  text-align: center;
  color: #fff;
  font-size: 12px;
  padding-top: 8px;
  float: left;
}
footer a i {
  font-size: 18px;
}
footer a img {
  display: block;
  margin: 0 auto 1px;
}
footer a:nth-of-type(2) img {
  position: relative;
  top: 3px;
}
body {
  padding-bottom: 55px;
}
.top1 {
  position: fixed;
  right: 0;
  bottom: 100px;
  margin: 0;
  width: 43px;
  display: none;
  overflow: hidden;
  line-height: 9999px;
  height: 43px;
  background: #194ca1;
}
.systitle p {
  display: none;
}
/*.haha{ font-size:0; white-space:nowrap}
.subpro{display:inline-block;width: 65%;padding-bottom: 20px;}
.index-pro { overflow-y:hidden; overflow-x:scroll}
*/
body {
  padding-top: 55px;
}
.head {
  background: #333;
}
.thishome {
  display: none
}
.sysimg p img:nth-of-type(1) {
  display: none;
}
.theul .sysimg p img:nth-of-type(1) {
  display: inline-block;
}
.proimg {
  float: left;
  width: 44%;
}
.protxt {
  float: right;
  width: 56%;
  padding-left: 15px;
}
.indexmore {
  width: 85px;
  height: 27px;
  line-height: 25px;
  float: right;
  font-size: 12px;
}
.indexlast, .sub-foot {
  display: none;
}
.foot {
  padding-top: 3px;
}
.choosenav a:last-child {
  margin-right: 0
}
.choose .subchose:nth-of-type(1) a {
  min-width: 126px;
}
.tablexi {
  font-size: 12px;
}
.subproul img {
  width: 45px;
}
.proul li:after {
  height: 110px;
}
.proul li:nth-of-type(4):after {
  display: none;
}
.retxt p {
  line-height: 18px;
  height: 36px;
}
.phonsolu ul li {
  margin-bottom: 10px;
}
.phonsolu ul li img {
  display: block;
  width: 100%
}
.footphone .aaaaaa {
  position: static !important;
  color: #fff !important;
  display: block;
}
.subpro {
  padding-right: 15px;
  padding-top: 20px;
  padding-bottom: 20px;
  border-bottom: 3px solid #e7e7e7
}
.index-pro .subpro:last-child {
  border-bottom: none;
}
.jobsend {
  position: relative;
}
.jobsend span {
  display: block;
  cursor: pointer
}
.hrinfo {
  background: #fff;
  -webkit-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  padding: 10px;
  white-space: nowrap;
  position: absolute;
  color: #333;
  text-align: left;
  font-size: 14px;
  border: 1px solid #ccc;
  line-height: 24px;
  left: 0;
  margin-top: 10px;
  top: 100%;
  display: none;
}
/*20181122*/
.shweb {
  margin-top: 40px;
  background: #eee;
  border-left: 1px solid #cacaca;
  margin-bottom: 40px;
}
.subweb {
  border-bottom: 1px solid #dbdbdb;
  position: relative;
  padding-top: 20px;
  padding-bottom: 20px;
  min-height: 108px;
  padding-left: 60px;
}
.shweb .subweb:last-child {
  border-bottom: none;
}
.subweb h2 {
  font-size: 16px;
  color: #194ca1;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 26px;
  padding-right: 7px;
  left: 15px;
  line-height: 1.1em;
}
.webweb {
  overflow: hidden;
  font-size: 14px;
  line-height: 30px;
}
.webweb a {
  display: block;
  float: left;
  margin-right: 15px;
  color: #666;
}
.subweb h2:after {
  content: "";
  height: 90%;
  right: 0;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  background: #194ca1;
  width: 1px;
}
.theul .sysimg p {}
@media (max-width: 320px) {
  .footphone {
    padding-left: 0;
    text-align: center;
  }
  .footphone a {
    position: relative;
    width: 100%;
    margin-bottom: 10px;
  }
  .webCommonweb {
    display: none;
  }
  .mCommonweb {
    display: block !important;
  }
}
@media (max-width: 420px) {
  /*.sysytxt{ height:82px;}*/
  .webCommonweb {
    display: none;
  }
  .mCommonweb {
    display: block !important;
  }
}
@media (min-width: 767px) {
  .webCommonweb {
    display: none;
  }
  .mCommonweb {
    display: block !important;
  }
  .hrinfo {
    margin-left: 15px;
    left: 100%;
    top: 0;
    margin-top: 0
  }
  .protxt {
    padding: 15px 20px 20px;
  }
  .subprotxt p a {
    padding-left: 24px;
    display: inline-block;
    white-space: normal;
  }
  .hezuo h3 {
    text-align: left
  }
  .tablexi {
    font-size: 14px;
  }
  .choosenav a {
    width: auto !important;
  }
  .indexmore {
    width: 120px;
    height: 35px;
    line-height: 32px;
    float: none;
    font-size: 14px;
  }
  .yearin {
    font-size: 30px !important;
  }
  .index-about-con li {
    font-size: 15px;
    line-height: 24px;
  }
  .index-about-con li:last-child {
    top: -10px;
  }
  .thesysy li a {
    padding-top: 25px;
  }
  .sysimg {
    width: 60px;
    margin: 0 auto 6px;
  }
  .sysimg img {
    width: 60px;
  }
  .systitle {
    height: 83px;
    margin-top: 0;
  }
  .systitle p {
    display: block;
  }
  .haha {
    white-space: normal
  }
  body {
    padding-bottom: 0;
    padding-top: 0;
  }
  .float {
    display: block;
  }
  .thesysy li {
    width: 25%
  }
  .salelist li {
    position: relative
  }
  .salelist li:nth-last-of-type(2):after {
    content: "";
    left: 0;
    bottom: -1px;
    width: 100%;
    background: #c8c8c8;
    height: 1px;
    position: absolute;
  }
  .logo img {
    max-height: 57px;
    width: auto;
  }
  .nav_icon_click {
    right: 82%;
  }
  .sysytxt p {
    padding: 0 15px;
  }
  /*.index-pro .subpro{ width:50%; display:inline-block; vertical-align:top; padding:20px;}*/
  .index-pro {
    overflow: hidden;
  }
  .subpro {
    padding-left: 40px;
    position: relative;
    padding-top: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #e7e7e7;
    width: 100%
  }
  .proimg {
    float: left;
    width: 44.8%;
  }
  .protxt {
    float: left;
    width: 50.5%;
    padding-left: 40px;
    position: absolute;
    height: 100%;
    right: 0;
    top: 0;
  }
  .index-pro .subpro:nth-child(2n) {
    padding-right: 100px;
  }
  .index-pro .subpro:nth-child(2n) .proimg {
    float: right;
  }
  .index-pro .subpro:nth-child(2n) .protxt {
    right: auto;
    left: 0;
    padding-left: 100px;
  }
  .index-about-con li {
    width: auto;
    padding: 0 28px;
  }
  .inleft {
    float: left;
    width: 45.42%;
  }
  .inright {
    float: right;
    background: #fff; /* padding:4px; */ border-radius: 10px;
    width: 45.82%;
  }
  .thisbox {
    width: 33.333%;
    float: left;
  }
  .videocon {
    width: 450px;
  }
  .videocon .thevideos {
    height: 400px;
  }
  .indexlast li {
    width: 25%;
    border-right: 2px solid #d5d5d5
  }
  .sublast {
    display: inline-block
  }
  /*产品中心*/
  .bread {
    display: block;
  }
  .type {
    width: 123px;
    position: absolute;
    left: 15px;
    top: 0;
  }
  .subchose .commonweb {
    padding-left: 159px;
    min-height: 58px;
    display: table;
    width: 100%;
  }
  .type:before {
    bottom: auto;
    left: auto;
    margin-left: 0;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    right: -8px;
    top: 50%;
    margin-top: -5px;
  }
  .choosenav {
    padding-top: 0
  }
  .topproduct dt {
    float: left;
    width: 42.5%;
    overflow: hidden;
  }
  .topproduct dt img {
    width: 82.2%;
    float: right;
  }
  .topproduct dd {
    width: 48.8%;
    float: right;
    padding-top: 5.3%;
  }
  /*产品详情*/
  .picscroll {
    margin: 0
  }
  .scrollbox {
    margin-top: 0
  }
  .detailpic {
    float: left;
    width: 52.88%
  }
  .detailtxt {
    float: right;
    width: 43.31%;
    min-height: 293px;
    display: table;
  }
  .detailtxt h2 {
    padding-top: 0
  }
  .overflow-auto {
    overflow: hidden;
  }
  .proul li {
    width: 25%;
    font-size: 20px;
  }
  .tablexi {
    width: 47%;
    float: left;
  }
  .tablexi:nth-child(2n) {
    float: right
  }
  .tablexi th {
    padding-left: 20px;
  }
  .xiul li {
    width: 25%;
  }
  .gongzuo, .shiyong {
    margin: 0 -10px;
  }
  .gongzuo li, .shiyong li {
    padding-left: 10px;
    padding-right: 10px;
    width: 25%;
  }
  /*解决方案*/
  .rightbread .commonweb p {
    display: none;
    float: right
  }
  .rightbread p {
    float: right;
  }
  .breadnav {
    float: left;
    width: auto;
  }
  .breadnav2 {
    float: left;
    width: auto;
  }
  .sonav {
    padding-top: 27px;
    padding-bottom: 24px;
    display: block !important;
  }
  .sonav a.cur {
    color: #fff;
    background: #194ca1;
    border-color: #194ca1;
  }
  .sonav a {
    float: left;
    padding: 0 13px;
    border: 1px solid #bfbfbf;
    margin-left: -1px;
  }
  .sonav2 {
    padding-top: 27px;
    padding-bottom: 24px;
    display: block !important;
  }
  .sonav2 a.cur {
    color: #fff;
    background: #194ca1;
    border-color: #194ca1;
  }
  .sonav2 a {
    float: left;
    padding: 0 13px;
    border: 1px solid #bfbfbf;
    margin-left: -1px;
  }
  .rightbread p {
    margin-top: 20px;
  }
  .sodl h2 {
    padding-top: 0
  }
  .sodl dt {
    float: left;
    width: 41.72%
  }
  .sodl dd {
    float: right;
    width: 53.8%;
    display: table;
  }
  .usearea {
    overflow: hidden;
  }
  .useul {
    margin: 0 -5px;
  }
  .useul li {
    width: 20%;
    padding-left: 5px;
    padding-right: 5px;
    margin-right: 0
  }
  .usedl dt {
    float: left;
    width: 52.43%;
  }
  .usedl dd {
    padding: 0;
    float: right;
    width: 42.21%;
    min-height: 204px;
    display: table
  }
  .backdl dt {
    float: left;
    width: 50.16%;
  }
  .backdl dd {
    padding: 0;
    float: right;
    width: 47.16%;
    display: table;
    min-height: 207px;
  }
  .backdl h2:nth-of-type(1) {
    padding-top: 0
  }
  .phonsolu ul li {
    width: 25%;
  }
  .theul li {
    width: 33.333%
  }
  /*应用案例*/
  .areasort {
    position: relative;
    padding-left: 118px;
  }
  .areasort span {
    position: absolute;
    left: 0;
    top: 0;
  }
  .areasort p {
    margin: 0
  }
  .appdetail {
    float: right;
    width: 41%
  }
  .PCapp {
    float: left;
    width: 59%;
  }
  /*合影*/
  .photochina li {
    width: 33.33%;
  }
  .photochina li:nth-of-type(6n), .photochina li:nth-of-type(6n-5) { /* width: 44.8%; */
  }
  /*出货*/
  .left {
    float: left;
    width: 81.49%;
  }
  .right {
    width: 18.51%;
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    padding: 33px 0;
    margin-top: 0;
  }
  .right .swiper-wrapper {
    width: 100%;
  }
  .huobtn {
    width: 38px;
    height: 23px;
    background-size: 38px auto;
    margin: 0 auto;
    left: 50%;
    margin-left: -19px;
    margin-top: 0;
  }
  .huoprev {
    background-image: url(/en/skin/img/t.png);
    top: 0
  }
  .huonext {
    background-image: url(/en/skin/img/b.png);
    bottom: 0;
    top: auto;
  }
  .huoprev:hover {
    background-image: url(/en/skin/img/th.png);
  }
  .huonext:hover {
    background-image: url(/en/skin/img/bh.png);
  }
  .right img {
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    position: relative;
  }
  .huoswiper {
    padding: 0 0 0 15px;
  }
  .huoswiper li.cur:before {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    left: -15px;
    border-top: 9px solid transparent;
    border-bottom: 9px solid transparent;
    border-right: 15px solid #194ca1;
    top: 50%;
    margin-top: -10px;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    margin-left: 0;
  }
  .pingprev, .pingnext {
    width: 23px;
    height: 38px;
    margin-top: -19px;
    left: 0;
    margin-left: 0;
    background-size: 23px auto;
  }
  .pingnext {
    right: 0;
    left: auto;
  }
  .kehu li.swiper-slide-next img {
    -webkit-transform: scale(1.4);
    -ms-transform: scale(1.4);
    transform: scale(1.4);
  }
  .kebox {
    padding: 5% 0;
    max-width: 1083px;
    margin: 0 auto;
  }
  .kehu {
    padding: 0 30px;
  }
  .kehu li.swiper-slide-next p {
    -webkit-transform: translateY(120%);
    -ms-transform: translateY(120%);
    transform: translateY(120%);
  }
  .kehu .pingprev, .kehu .pingnext {
    margin-top: -4%;
    display: block;
  }
  .kehu li p {
    opacity: 0;
    padding-top: 5px;
  }
  .kehu li.swiper-slide-next p {
    opacity: 1
  }
  /*行业资讯*/
  .boxleft {
    float: left;
    width: 73.05%;
  }
  .boxright {
    float: right;
    width: 23.21%;
  }
  .newimg {
    float: left;
    width: 39.63%
  }
  .newintro {
    float: right;
    width: 56.66%;
  }
  .newintro h2 {
    padding-top: 0
  }
  .boxleft .page {
    text-align: left;
    padding-bottom: 0;
  }
  /*视频*/
  .videolist dt {
    position: absolute;
    left: 0;
    height: 100%;
    top: 0;
    width: 35.59%;
  }
  .videolist dt img {
    height: 100%;
    width: auto;
  }
  .videolist dd {
    float: right;
    width: 63%;
    padding-right: 15px;
    min-height: 189px;
  }
  .videolist {
    margin-top: -25px;
  }
  .insearch {
    margin-top: 0
  }
  .faq {
    margin-top: -20px;
  }
  .videolist, .newul {
    margin-top: 0
  }
  /*搜索结果*/
  .result-in {
    float: left;
    height: 46px;
    border: 1px solid #ccc;
  }
  .result-bt {
    width: 111px;
    text-align: center;
  }
  /*发展历程*/
  .imtop, .imbottom {
    margin: 0 auto;
  }
  .improbox:before {
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
  }
  .imul li {
    padding-right: 120px;
    width: 50%;
    padding-top: 21px;
    padding-left: 0;
    display: inline-block;
    vertical-align: top;
  }
  .imul li:nth-of-type(1) {
    margin-top: 0
  }
  .imul li:nth-child(2n) {
    padding-right: 0;
    padding-left: 120px;
    margin-top: 125px;
  }
  .imdate {
    right: -45px;
    left: auto;
    top: 45px;
  }
  .imul li:nth-child(2n) .imdate {
    right: auto;
    left: -45px;
  }
  .imdate:before, .imdate:after {
    content: "";
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  .imdate:before {
    box-sizing: border-box;
    -webkit-border-radius: 100%;
    -ms-border-radius: 100%;
    border-radius: 100%;
    border: 1px solid #727272;
    width: 17px;
    height: 17px;
    left: -57px;
  }
  .imdate:after {
    height: 1px;
    width: 40px;
    background: #727272;
    right: 100%;
  }
  .imul li:nth-child(2n) .imdate:before {
    right: -57px;
    left: auto;
  }
  .imul li:nth-child(2n) .imdate:after {
    left: 100%;
    right: auto;
  }
  /*公司简介*/
  .aboutbox dl {
    position: relative
  }
  .aboutbox dt {
    float: left;
    width: 50%;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    overflow: hidden;
  }
  .aboutbox dd {
    float: right;
    width: 50%;
  }
  .aboutbox dl:nth-child(2n) dt {
    left: auto;
    right: 0
  }
  .aboutbox dl:nth-child(2n) dd {
    float: left
  }
  .aboutbox dt img {
    height: 100%;
    width: auto;
  }
  /*合作伙伴*/
  .hezuo .partul li {
    width: 20%;
  }
  /*营销网络*/
  .salelist li {
    width: 50%;
    border-right: 1px solid #c8c8c8;
    padding-right: 6.8%;
    display: inline-block;
    vertical-align: top;
  }
  .salelist li:nth-of-type(2) {
    border-top: none
  }
  .salelist li:nth-child(2n) {
    border-right: none;
    padding-right: 0;
    padding-left: 6.8%;
  }
  .salelist li:nth-of-type(9) {
    height: 218px
  }
  /*加工系统*/
  .sysintro dt {
    float: left;
    width: 50.32%
  }
  .sysintro dd {
    float: right;
    width: 45.05%;
    display: table;
    min-height: 287px;
    padding: 0
  }
  .sysintro {
    padding-bottom: 30px;
  }
  .sepcial {
    padding-left: 4.87%;
  }
  .sepcial dt {
    float: left;
    width: 50.4%;
  }
  .sepcial dd {
    float: right;
    width: 44.35%;
    padding: 0;
    display: table;
  }
  .ying {
    padding-left: 30px;
    padding-right: 30px;
  }
  .ying dt {
    float: right;
    width: 42.37%
  }
  .ying dd {
    width: 43.2%;
    float: left;
  }
  .yuanli dt {
    float: left;
    width: 40.42%;
  }
  .yuanli dd {
    float: left;
    width: 59.58%;
    display: table;
    padding-left: 5.1%;
    padding-right: 5.1%;
  }
  .tableul li {
    display: inline-block;
    width: 50%;
    vertical-align: top
  }
  /*服务*/
  .knowtop span, .knowul {
    float: left;
    width: 50%
  }
  .knowlist .knowul:nth-of-type(1) {
    padding-right: 20px;
  }
  .imggg {
    float: left;
    width: 33.2%
  }
  .checkbox {
    float: left;
    width: 33.4%;
    padding-left: 20px;
  }
  .checkbox h2 {
    padding-top: 0
  }
  .baotxt h2 {
    padding-top: 0
  }
  .baoimg {
    float: left;
    width: 39.04%;
  }
  .baotxt {
    float: right;
    width: 57.8%;
    display: table
  }
  .yangbox {
    margin-top: 47px;
    padding: 25px
  }
  .yangbox li {
    padding-left: 54px;
    margin-top: 25px;
  }
  .yangbox li em {
    width: 36px;
    height: 36px;
    line-height: 36px;
    top: -5px;
    font-size: 24px;
  }
  .download dt {
    float: left;
    width: 25.05%
  }
  .downtxt {
    float: left;
    width: 52%;
    padding-left: 20px;
  }
  .downtxt h2 {
    padding-top: 0
  }
  .downbtn {
    float: right;
  }
  .viewnum, .todown {
    margin-top: 20px;
    float: none;
  }
  .trainway span {
    margin: 20px 20px 0
  }
  .trainbox dt {
    float: left;
    width: 32.55%;
  }
  .trainbox dd {
    float: right;
    width: 63.8%;
    padding-right: 30px;
    display: table;
  }
  .trainbox dl:nth-child(2n) dt {
    float: right;
    width: 45.54%;
  }
  .trainbox dl:nth-child(2n) dd {
    float: left;
    width: 52.35%;
    padding-left: 40px;
    padding-right: 0
  }
  .trainbox dl {
    margin-top: 40px;
  }
  .saledl dt {
    float: left;
    width: 37.42%;
  }
  .saledl dd {
    float: right;
    width: 59.41%;
    padding-right: 30px;
    padding-left: 0;
    padding-bottom: 0;
    padding-top: 0;
  }
  .subsale {
    width: 47.89%;
    float: left;
    height: 212px;
  }
  .dalebox .subsale:nth-child(2n) {
    float: right;
  }
  .salesale {
    margin: 0 -13px;
  }
  .salele {
    width: 33.3333%;
    float: left;
    padding: 0 13px;
  }
  .subafter {
    height: 266px;
  }
  .beforesaledl dt {
    float: left;
    width: 37.99%;
  }
  .beforesaledl dd {
    display: table;
    float: right;
    width: 58.8%;
    padding-right: 20px;
    min-height: 188px;
    padding-top: 0;
    padding-bottom: 0;
  }
  .beforeul {
    margin: 0 -15px;
  }
  .beforeul li {
    padding-left: 15px;
    padding-right: 15px;
    width: 50%;
    float: left;
  }
  .subbefore {
    min-height: 208px;
  }
  .sublist {
    width: 25%;
  }
  /*网站地图*/
  .webmap dl {
    padding: 0 0 0 180px;
  }
  .webmap dt {
    position: absolute;
    top: 0;
    left: 0;
    height: 55px;
    line-height: 55px;
    border-right: 1px solid #d1d1d1;
    border-bottom: 1px solid #d1d1d1
  }
  .webmap dd a {
    line-height: 55px;
  }
  .webmap dd {
    padding-top: 0;
    padding-left: 20px;
  }
  .float li a {
    width: 70px;
  }
  .float li:last-child span {
    bottom: 13px;
  }
  .float a p {
    line-height: 56px;
  }
  .contact-map {
    height: 350px;
  }
  .mapul li {
    float: left;
    width: 48.25%;
    height: 210px;
  }
  .mapul li:nth-child(2n) {
    float: right;
  }
  .indexsolution {
    display: block;
  }
  .sysytxt {
    font-size: 14px;
  }
  .text {
    margin-top: 25px
  }
  .subproul img {
    width: 53px;
  }
  .proul li:after {
    height: 150px;
  }
  /*.bread .cgnav{ height:45px; line-height:45px; margin-top:0; padding-left:40px;background: url(/en/skin/img/home.png) left center no-repeat; font-size:12px;}*/
}
@media (min-width: 991px) {
  .webCommonweb {
    display: block;
  }
  .mCommonweb {
    display: none !important;
  }
  .zong h2 {
    padding-top: 0
  }
  .allweb {
    padding-top: 127px;
  }
  .tablexi td {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .tablexi {
    font-size: 15px;
  }
  .inleft li .td a {
    font-size: 16px;
    color: #666;
    position: relative;
    display: inline-block;
    margin-top: 15px;
  }
  .foot {
    padding-top: 20px;
  }
  .indexlast, .sub-foot {
    display: block;
  }
  .subprotxt {
    font-size: 14px;
  }
  .protxt h2 {
    font-size: 18px;
    padding-bottom: 15px;
  }
  .indexlast li h2 {
    font-size: 18px;
  }
  .sublast {
    font-size: 14px;
  }
  .inleft li {
    padding-left: 147px;
    font-size: 14px;
    height: 124px;
  }
  .inleft li .inname {
    width: 124px;
    height: 124px;
    background-size: 39px auto;
    font-size: 18px;
    top: -13px;
    background-position: center 24px;
    padding-top: 72px;
  }
  .sysimg {
    width: 76px;
    margin: 0 auto 6px;
  }
  .sysimg img {
    width: 76px;
  }
  .insolution {
    overflow: inherit
  }
  .subinsolu {
    height: auto !important;
    position: absolute;
    left: 0;
    padding-top: 95px !important;
  }
  .subinsolu.cur {
    -webkit-transition: all 1s cubic-bezier(0, 0, 0.33, 1.02) 0.25s;
    -ms-transition: all 1s cubic-bezier(0, 0, 0.33, 1.02) 0.25s;
    transition: all 1s cubic-bezier(0, 0, 0.33, 1.02) 0.25s;
  }
  /*foot*/
  .foot {
    padding-top: 45px;
  }
  .foot-link {
    float: left;
    border-bottom: none;
    height: 230px;
    overflow: visible;
    padding-right: 6.2%;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
  }
  .sub-foot .foot-link:last-child {
    padding-right: 0
  }
  .sub-foot {
    padding-bottom: 25px;
    overflow: hidden;
    float: left;
    width: 100%;
    position: relative
  }
  .sub-foot:before {
    content: "";
    width: 2px;
    height: 164px;
    position: absolute;
    background: #464646;
    right: 0;
    bottom: 49px;
  }
  .sub-foot dt {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 20px;
    padding-top: 10px;
  }
  .sub-foot dd a:hover, .footcopy p a:hover {
    color: #194ca1;
  }
  .footphone .phonnn:hover {
    background: #194ca1;
    color: #fff
  }
  .sub-foot dt:after {
    display: none;
  }
  .sub-foot dd {
    visibility: visible;
    z-index: 1;
    top: 0;
    position: static;
    padding-bottom: 0;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
  }
  .sub-foot dl {
    position: relative;
    left: 50%;
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    float: left;
    border-bottom: none
  }
  .foot > .commonweb {
    position: relative;
    padding-right: 26%;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
  }
  .footcode {
    position: absolute;
    right: 15px;
    top: 15px;
    padding-right: 0;
    width: 23%;
    margin: -15px 0 0;
  }
  .foot .foot-link:nth-of-type(1) dl {
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
    left: 0;
  }
  .footcopy {
    margin-top: 45px;
  }
  .footcopy span {
    font-size: 16px;
  }
  .navhead {
    padding-top: 19px;
  }
  .head {
    height: auto;
    position: absolute;
    background: none;
  }
  .logo {
    padding-top: 3px;
  }
  .banner-slide .flex-control-nav li {
    margin: 0 6px;
  }
  .fon30 {
    font-size: 24px;
  }
  .sysytxt p {
    padding: 0 25px;
  }
  .indexsolution .commonweb {
    padding-left: 250px;
  }
  .insolunav {
    position: absolute;
    height: 100%;
    left: 0;
    width: 250px;
    top: 0;
    display: table;
    overflow: hidden;
  }
  .insolunav ul {
    display: table-cell;
    vertical-align: middle;
  }
  .insolunav ul li {
    float: none;
    padding-left: 78px;
    background-position: 28px center;
    border-bottom: 1px solid rgba(255, 255, 255, .1);
    border-right: none;
    width: 100%;
  }
  .indexsolution {
    height: 668px;
  }
  .subinsolu {
    padding-left: 12.5%;
  }
  .index-about-con li {
    padding: 0 50px;
  }
  .btnplay img {
    width: 84px;
  }
  .indexul {
    padding-right: 75px;
  }
  .thismore {
    position: absolute;
    right: 5px;
    bottom: -2px
  }
  .subfcon {
    width: auto;
    border-right: 1px solid #d5d5d5;
    padding-left: 60px;
    padding-right: 15px;
    padding-top: 7px;
    padding-bottom: 7px;
    margin: 0
  }
  .subfcon:last-child {
    border: none;
  }
  .subfcon img {
    left: 15px;
    top: 7px;
  }
  .footcontact {
    padding: 20px 0
  }
  .videocon {
    width: 800px;
  }
  .videocon .thevideos {
    height: 600px;
  }
  .codebox {
    position: relative;
  }
  /*产品中心*/
  .inbanner h2 {
    width: 135px;
    height: 50px;
    line-height: 50px;
  }
  /*产品详情*/
  .detailpic .pagebox {
    position: absolute;
    width: 47.12%;
    right: 15px;
    bottom: -12px;
    padding-left: 25px;
  }
  .product-details-nav {
    margin-top: 15px;
    clear: both;
  }
  .product-details-nav.addfixed {
    top: 77px;
  }
  .xitit img {
    height: 75px !important
  }
  .xiul {
    margin: 0 -30px;
  }
  .xiul li {
    padding-left: 30px;
    padding-right: 30px
  }
  /*解决方案*/
  .rightbread .commonweb p {
    display: block;
  }
  .sodl dd {
    min-height: 290px;
  }
  .useul {
    margin: 0 -10px;
  }
  .useul li {
    padding-left: 10px;
    padding-right: 10px;
  }
  .usedl dd {
    min-height: 275px;
  }
  .backdl dd {
    min-height: 280px;
  }
  .theul {
    margin: 25px auto -10px;
  }
  .theul li {
    padding-left: 10px;
    padding-right: 10px;
    margin-top: 20px;
  }
  .theul .sysimg, .theul .sysimg img {
    width: 96px;
  }
  /*应用案例*/
  .areasort a {
    padding: 0 25px;
  }
  .areasort a i {
    padding-bottom: 3px;
  }
  .app .pagebox {
    position: absolute;
    padding: 0 40px;
    right: 0;
    bottom: 6px;
    width: 41%;
    z-index: 5
  }
  .PCapp .lSSlideWrapper .lSPrev, .PCapp .lSSlideWrapper .lSNext {
    display: block;
  }
  .appdetail {
    padding: 0 25px 145px 22px;
  }
  .appdetail h2 {
    font-size: 32px;
  }
  .kehu li.swiper-slide-next p {
    -webkit-transform: translateY(165%);
    -ms-transform: translateY(165%);
    transform: translateY(165%);
  }
  /*行业资讯*/
  .newintro h2 {
    padding-top: 20px;
  }
  .newmore {
    margin-top: 23px;
  }
  /*激光图片*/
  .subpiclist ul li {
    padding-bottom: 120px;
  }
  /*视频*/
  .videolist dt {
    position: relative;
    float: left
  }
  .videolist dt img {
    width: 100%;
    height: auto;
  }
  /*搜索结果*/
  .result {
    padding: 58px 0 22px;
  }
  .result span {
    font-size: 30px;
    line-height: 46px;
    float: left;
  }
  .result-in {
    float: left;
    height: 46px;
    border: 1px solid #ccc;
    -moz-border-radius: 4px;
    width: 480px;
    margin-left: 32px;
    margin-right: 13px;
  }
  .result-bt {
    font-size: 20px;
  }
  .the-result {
    font-size: 18px;
  }
  .result-ul li {
    padding-right: 118px;
  }
  .result-ul li h2 {
    font-size: 18px;
  }
  .result-a {
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -15px;
  }
  .result-ul {
    padding-bottom: 20px;
  }
  /*发展历程*/
  .imul {
    height: 980px;
    overflow: hidden
  }
  /*公司介绍*/
  .aboutdl dt {
    float: left;
    width: 44.97%
  }
  .aboutdl dd {
    float: right;
    width: 52.76%
  }
  .aboutbox dt {
    float: left;
    position: static;
    left: 0;
    top: 0;
    height: 100%;
    overflow: hidden;
  }
  .aboutbox dd {
    float: right;
    width: 50%;
  }
  .aboutbox dl:nth-child(2n) dt {
    float: right
  }
  .aboutbox dl:nth-child(2n) dd {
    float: left
  }
  .aboutbox dt img {
    width: 100%;
    height: auto;
  }
  /*招贤纳士*/
  .joblist h2 {
    font-size: 24px;
    padding-bottom: 15px;
    padding-top: 26px;
  }
  .jobdetail {
    padding: 30px 38px;
  }
  /*加工系统*/
  .sysintro dd {
    min-height: 399px
  }
  .sepcial dd {
    min-height: 310px
  }
  .yuanli dd {
    min-height: 311px;
  }
  /*服务*/
  .checkbox {
    padding-left: 40px;
  }
  .download dl {
    padding: 25px;
  }
  .trainway span {
    max-width: 204px;
    height: 74px;
    line-height: 74px;
    margin: 30px 20px 0;
    font-size: 30px;
  }
  .trainbox dd {
    min-height: 284px;
  }
  .saledl dd h2 {
    padding-top: 10px
  }
  .subafter {
    height: 220px;
  }
  .beforesaledl dd {
    min-height: 252px;
  }
  .subbefore {
    min-height: 160px;
  }
  /*网站地图*/
  .webmap dt {
    border-bottom: none;
  }
  .indexfoot .footcopy p {
    display: block;
  }
  .footcopy p {
    display: none
  }
  .footcopy a {
    display: inline-block
  }
  .logo img { /*width:157px;*/ max-height: 57px;
    width: auto;
  }
  .thishome {
    display: none;
  }
  .contact-map {
    float: left;
    width: 55%;
    height: 512px;
  }
  .contact {
    float: right;
    width: 42.92%
  }
  .mapul li {
    margin-top: 40px;
  }
  .insolunav ul li:hover, .insolunav ul li.cur {
    padding-left: 90px;
    background-position: 40px center;
  }
  .systitle h3 {
    font-size: 18px;
  }
  .knowul li {
    padding-top: 18px;
  }
  .knowul li em {
    top: 18px;
  }
  /*20181122*/
  .subweb {
    min-height: 128px;
    padding-left: 100px;
  }
  .subweb h2 {
    font-size: 20px;
    width: 36px;
    left: 34px;
  }
}
@media (min-width: 1100px) {
  .foot-link {
    padding-right: 8%;
  }
}
@media (min-width: 1253px) {
  .subtbox:hover p a {
    color: #194ca1
  }
  /*20181122*/
  .shweb {
    margin-top: 68px;
    margin-bottom: 68px;
  }
  .subweb {
    padding-top: 28px;
    padding-bottom: 28px;
    padding-left: 127px;
    padding-right: 35px;
    min-height: 152px;
  }
  .subweb h2 {
    font-size: 22px;
  }
  .webweb {
    font-size: 16px;
    line-height: 36px;
    margin-top: -4px;
  }
  .webweb a {
    margin-right: 23px;
  }
  .webweb a:hover {
    color: #194ca1
  }
  .pimg img {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .xiul li img {
    width: 100%;
  }
  .banner-slide img {
    width: auto;
    height: 100%;
  }
  .inleft li .td a:hover {
    color: #194ca1
  }
  .index-system .indextitle a:hover h2, .index-system .indextitle a:hover .indexp {
    color: #194ca1
  }
  .navul li:last-child .pcsec {
    right: auto;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
  }
  .navhead {
    padding-top: 29px;
  }
  .fon30 {
    font-size: 30px;
  }
  .indextitle {
    padding-top: 66px;
  }
  .sysimg {
    width: 76px;
  }
  .thesysy {
    margin: 0 -15px;
  }
  .thesysy li {
    padding-left: 15px;
    padding-right: 15px;
  }
  .thesysy li {
    margin-top: 47px;
  }
  .index-system {
    padding-bottom: 70px;
  }
  .protxt h2 {
    font-size: 24px;
  }
  .subpro {
    width: 50%;
    display: inline-block;
    vertical-align: top;
    border-bottom: none;
    border-top: 1px solid #e7e7e7;
    border-right: 1px solid #e7e7e7;
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .index-pro .subpro:nth-of-type(2) {
    padding-right: 0;
    border-right: none;
  }
  .index-pro .subpro:nth-of-type(2) .proimg {
    float: left;
  }
  .index-pro .subpro:nth-of-type(2) .protxt {
    left: auto;
    right: 0;
  }
  .index-pro .subpro:nth-of-type(3) .proimg {
    float: right;
  }
  .index-pro .subpro:nth-of-type(3) .protxt, .index-pro .subpro:nth-of-type(4) .protxt {
    right: auto;
    left: 0;
    padding-left: 45px;
  }
  .index-pro .subpro:nth-of-type(4) {
    border-right: none;
    padding-right: 0
  }
  .index-pro .subpro:nth-of-type(3) .proimg, .index-pro .subpro:nth-of-type(4) .proimg {
    width: 50%
  }
  .theintro h2 {
    font-size: 36px;
  }
  .somore {
    width: 162px;
    height: 43px;
    line-height: 41px;
    margin-top: 22px;
  }
  .subincase {
    margin: 0 -15px;
  }
  .subincase img {
    padding: 0 15px;
  }
  .subincase a img { /* width:160px; */
  }
  .incase {
    padding-top: 47px;
  }
  .index-about-con ul {
    margin: 0
  }
  .index-about-con li {
    padding: 0 77px;
    width: auto;
  }
  .indexahout {
    padding-top: 40px;
  }
  .inright {
    margin-top: 29px;
  }
  .why {
    padding-bottom: 105px;
  }
  .subthis {
    margin: 0 -11px;
  }
  .thisbox {
    padding-left: 11px;
    padding-right: 11px;
  }
  .thisbox h2 {
    font-size: 24px;
    padding-bottom: 20px;
  }
  .subtbox a {
    font-size: 16px;
  }
  .subthis {
    padding-top: 39px;
  }
  .thismore {
    right: 11px;
  }
  .indexthis {
    padding-bottom: 73px;
  }
  .subfcon {
    padding-left: 105px;
    padding-right: 60px;
  }
  .subfcon img {
    left: 60px;
    top: 7px;
  }
  .videocon .thevideos {
    height: 600px;
  }
  .indexlast {
    padding-top: 23px;
  }
  .sublast {
    background-size: 70px auto;
    padding-left: 95px;
    height: 73px;
    padding-top: 12px;
  }
  .footcode {
    right: 0;
    padding-right: 118px;
    width: auto;
    margin: 0;
  }
  .foot > .commonweb {
    padding-right: 398px;
  }
  .foot-link {
    padding-right: 9%;
  }
  .footabout {
    width: 235px;
  }
  .footphone {
    font-size: 17px;
  }
  .footphone p:last-child {
    font-size: 16px !important;
  }
  .codebox {
    position: absolute;
  }
  /*产品中心*/
  .inbanner h2 {
    font-size: 30px;
    width: 223px;
    height: 90px;
    line-height: 90px;
  }
  .bread .cgnav {
    height: 60px;
    line-height: 60px;
    font-size: 13px;
  }
  .type h2 {
    font-size: 22px;
  }
  .type {
    left: 0
  }
  .subchose {
    padding: 29px 0
  }
  choosenav a {
    margin-right: 70px
  }
  .choose .subchose:last-child .choosenav a {
    margin-right: 45px;
  }
  .topproduct h2 {
    font-size: 24px;
  }
  .topproduct h3 {
    font-size: 18px;
    padding-top: 15px;
    padding-bottom: 11px;
  }
  .producttxt h2 {
    font-size: 18px;
    padding-top: 24px;
  }
  .producttxt h3 {
    margin: 0;
    padding-top: 30px;
    padding-bottom: 10px;
  }
  .prolist {
    margin: 0 -px;
  }
  .prolist li {
    padding-left: px;
    padding-right: 13px;
  }
  .producttxt {
    padding: 0 15px 20px;
  }
  .prolist a {
    padding-bottom: 0;
  }
  .indetit h2 {
    font-size: 30px;
  }
  .showlist li a {
    font-size: 18px;
  }
  .showlist {
    margin: 0 -16px;
    padding-top: 20px;
  }
  .showlist li {
    padding-left: 16px;
    padding-right: 16px;
  }
  .proshow {
    padding-bottom: 80px;
  }
  .showmore {
    width: 170px;
    height: 44px;
    line-height: 44px;
  }
  /*产品详情*/
  .detailtxt {
    font-size: 18px;
    line-height: 30px;
    min-height: 350px;
  }
  .detailtxt h2 {
    font-size: 36px;
    padding-bottom: 16px;
  }
  .detailpic .pagebox {
    right: 0;
    padding-left: 10px;
  }
  .product-details-nav a {
    font-size: 18px;
    height: 60px;
    line-height: 60px;
    padding: 0 36px;
    margin-right: 10px;
  }
  .proul li {
    font-size: 28px;
    padding-bottom: 16px;
  }
  .text {
    margin-top: 53px;
  }
  .proul li:after {
    height: 190px;
  }
  .proul {
    padding-top: 126px;
    margin: 0 -52px;
    padding-bottom: 72px
  }
  .tablexi td {
    padding-left: 35px;
    ;
    border-left: 27px solid #fff;
  }
  .tablexi th {
    padding-left: 33px;
    max-width: 250px;
  }
  .tablexi {
    font-size: 18px;
    margin-top: 30px
  }
  .xiangxi {
    padding-bottom: 112px;
  }
  .xiul {
    margin: 0 -62px;
    padding-bottom: 114px;
  }
  .xiul li {
    padding-left: 62px;
    padding-right: 62px
  }
  .xitit {
    padding-top: 44px;
    padding-bottom: 17px;
  }
  .gongzuo {
    margin: 0 -40px;
    padding-bottom: 124px;
    padding-top: 34px;
  }
  .subgong {
    padding-top: 58px;
    padding-left: 30px;
    padding-right: 30px;
    padding-bottom: 30px;
    min-height: 394px
  }
  .gongzuo li {
    padding-left: 40px;
    padding-right: 40px;
  }
  .gongzuo li img {
    margin-bottom: 45px;
    width: 145px;
  }
  .shiyong {
    margin: 0 -49px;
    padding-bottom: 100px;
  }
  .shiyong li {
    padding-left: 49px;
    padding-right: 49px;
    font-size: 18px;
    line-height: 67px;
  }
  /*解决方案*/
  .sonav a {
    padding: 0 20px;
  }
  .sonav2 a {
    padding: 0 20px;
  }
  .rightbread p {
    margin-top: 17px;
  }
  .sonav a:hover {
    color: #fff;
    background: #194ca1;
  }
  .sonav2 a:hover {
    color: #fff;
    background: #194ca1;
  }
  .thirdnav a:hover {
    background: #7e7e7e;
    color: #fff;
    border: 1px solid #7e7e7e
  }
  .pt55 {
    padding-top: 55px;
  }
  .sodl h2 {
    font-size: 36px;
  }
  .sodl dd {
    min-height: 359px;
  }
  .solution {
    padding-bottom: 73px;
  }
  .touse .indetit {
    padding-bottom: 10px;
  }
  .useul {
    margin: 0;
    padding-top: 63px;
  }
  .useul li {
    padding-left: 25px;
    padding-right: 25px;
  }
  .yuan h3 {
    font-size: 30px;
  }
  .yuan {
    width: 160px;
    height: 160px;
    margin-bottom: 26px;
  }
  .usedl dd p {
    font-size: 24px;
    line-height: 36px;
  }
  .usedl dd {
    min-height: 341px;
  }
  .usedl dd p:before {
    top: 14px;
  }
  .touse {
    padding-bottom: 75px;
  }
  .usedl {
    padding-top: 59px;
  }
  .thecase li a {
    font-size: 18px;
  }
  .thecase li p {
    margin-top: 34px;
  }
  .thecase {
    margin-top: 70px;
  }
  .case-next, .case-prev {
    width: 56px;
    height: 56px;
    margin-top: -29px;
  }
  .case-next {
    left: -80px;
  }
  .case-prev {
    right: -80px;
  }
  .usecase {
    padding-bottom: 73px;
  }
  .retxt h3 {
    font-size: 18px;
    padding-top: 6px;
  }
  .reproduct {
    margin-top: 57px;
  }
  .related {
    padding-bottom: 89px;
  }
  .backdl dd {
    min-height: 347px;
  }
  .backoff {
    padding-bottom: 95px;
  }
  .backdl {
    padding-top: 41px;
    font-size: 14px;
  }
  .backdl h2 {
    font-size: 24px;
    padding-bottom: 6px;
    padding-top: 23px;
  }
  .phonsolu {
    margin-top: -27px;
  }
  .theul {
    padding-bottom: 115px;
  }
  .theul li a {
    padding-top: 44px;
    height: 250px;
  }
  .theul li h2 {
    padding-top: 19px;
  }
  /*应用案例*/
  .areasort {
    margin-top: 53px;
  }
  .areasort a:hover {
    color: #194ca1
  }
  .areasort a:hover i {
    border-bottom-color: #194ca1
  }
  .app {
    min-height: 599px;
    margin-top: 50px;
  }
  .appdetail h2 {
    font-size: 48px;
    padding-top: 36px;
    margin-bottom: 31px;
  }
  .pb50 {
    padding-bottom: 98px;
  }
  /*合影*/
  .photo {
    padding-top: 43px;
  }
  .foreignul {
    margin: -6px -12px 0;
  }
  .foreignul li {
    padding-left: 12px;
    padding-right: 12px;
    font-size: 18px;
    margin-top: 40px !important;
  }
  /*出货*/
  .chuhuo {
    padding-top: 43px;
    padding-bottom: 62px;
  }
  .huobox {
    margin-top: 37px;
  }
  .pingimg {
    margin-top: 34px;
  }
  .keall {
    padding-top: 50px;
    padding-bottom: 95px;
  }
  .kehu {
    margin-top: 31px;
  }
  .kebox {
    font-size: 18px;
  }
  .kebox p {
    padding-top: 10px;
  }
  .kehu li.swiper-slide-next p {
    -webkit-transform: translateY(194%);
    -ms-transform: translateY(194%);
    transform: translateY(194%);
  }
  /*新闻资讯*/
  .newcasebox .case-next {
    left: -85px;
  }
  .newcasebox .case-prev {
    right: -85px;
  }
  .newintro h2 {
    font-size: 26px;
  }
  .newul li a:hover h2 {
    color: #194ca1
  }
  .newul li a:hover .newmore {
    background: #194ca1
  }
  .newintro h2 {
    padding-top: 26px;
  }
  .box {
    padding-top: 40px;
  }
  .border {
    padding: 0 25px;
  }
  .border h2 {
    font-size: 24px;
    line-height: 62px;
  }
  .thenew a:hover {
    color: #194ca1
  }
  .newtitle h1 {
    font-size: 30px;
  }
  .detailbox {
    line-height: 30px;
    font-size: 15px;
    padding-top: 7px;
  }
  .back:hover {
    opacity: .75
  }
  .pt20 {
    padding-top: 20px;
  }
  /*激光图片*/
  .pictures h2 {
    font-size: 30px;
    top: 29px;
  }
  .subpiclist {
    padding-top: 100px;
  }
  .allpics ul { /* margin:0 -12px; */
  }
  .allpics li { /* padding-left:12px; */ /* padding-right:12px; */ padding-bottom: 24px;
  }
  .allpics .page {
    padding-bottom: 63px;
  }
  /*视频*/
  .thevideotxt h2 {
    font-size: 24px;
    padding-bottom: 7px;
  }
  .cideodate {
    font-size: 18px;
  }
  .videolist dd {
    width: 60.37%;
    padding: 0 170px 0 0
  }
  .cideodate {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    height: 78px;
    border-left: 1px solid #dbdbdb;
    padding-left: 46px;
    width: 138px;
    right: 0;
    text-align: center;
    padding-top: 9px;
  }
  .cideodate i:after {
    display: none;
  }
  .cideodate i {
    display: block;
    border-bottom: 1px solid #194ca1;
    padding-bottom: 3px;
    margin-bottom: 2px;
    width: 60px;
    font-size: 24px;
  }
  .cideodate span {
    margin: 0;
    display: block;
    width: 60px;
  }
  .thevideotxt {
    min-height: 213px;
  }
  /*知识问答*/
  .box .thirdnav {
    padding-bottom: 65px;
  }
  .faq h2 {
    padding-top: 21px;
    padding-bottom: 21px;
  }
  .answer {
    padding-top: 23px;
    background-position: left 19px;
    padding-bottom: 22px;
  }
  .faq {
    margin-top: -28px;
  }
  /*搜索结果*/
  .result-list {
    padding: 0 0 60px 0;
  }
  /*发展历程*/
  .imtop, .imbottom {
    width: 58px;
    height: 58px;
    background-size: 25px auto;
  }
  .imdate {
    width: 106px;
    height: 48px;
    line-height: 48px;
    font-size: 26px;
    top: 52px;
    right: -53px;
  }
  .imul li {
    padding-right: 157px;
  }
  .imul li:nth-child(2n) {
    padding-right: 0;
    padding-left: 157px;
  }
  .imul li:nth-child(2n) .imdate {
    left: -53px;
  }
  .imdate:before {
    left: -75px;
  }
  .imdate:after {
    width: 58px;
  }
  .imul li:nth-child(2n) .imdate:before {
    right: -75px;
  }
  .imul {
    height: 1887px;
  }
  /*公司介绍*/
  .about {
    padding-top: 15px;
    padding-bottom: 90px;
  }
  .aboutdl {
    padding-bottom: 76px;
  }
  .aboutdl h1 {
    font-size: 30px;
    padding-top: 19px;
    padding-bottom: 13px;
  }
  .aboutbox h2 {
    font-size: 30px;
    padding-bottom: 13px;
  }
  .subabouttxt {
    font-size: 16px;
    max-width: 480px;
  }
  .aboutbox dd {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 0;
    padding-left: 3.5%
  }
  .aboutbox dl:nth-child(2n) dd {
    right: auto;
    left: 0;
    padding-left: 21%;
    padding-left: 6%;
  }
  .aboutlast {
    padding-top: 70px;
  }
  .aboutlast h2 {
    font-size: 30px;
    padding-bottom: 15px;
  }
  /*合作伙伴*/
  .partner {
    padding-bottom: 82px;
  }
  .partner .indetit {
    padding-top: 43px;
  }
  .partul {
    margin: 0 -13px;
    padding-top: 20px;
  }
  .partul li {
    padding-left: 13px;
    padding-right: 13px;
    margin-top: 26px;
  }
  .hezuo .partul {
    margin: 0 -10px;
    padding-top: 0
  }
  .hezuo .partul li {
    padding-left: 10px;
    padding-right: 10px;
    margin-top: 20px;
  }
  .hezuo h3 {
    font-size: 30px;
  }
  .hezuo .indetit {
    padding-bottom: 26px;
  }
  .partnerdetail {
    padding-top: 47px;
  }
  .partnerdetail .detailbox {
    font-size: 14px;
  }
  /*荣誉资质*/
  .honor {
    padding-top: 62px;
  }
  .honorbox .case-next {
    left: -80px;
  }
  .honorbox .case-prev {
    right: -80px;
  }
  .honorbox {
    padding-top: 6px;
  }
  .zhaunli {
    padding-top: 66px;
    padding-bottom: 79px;
  }
  .zhuanbox .case-next {
    left: 0;
  }
  .zhuanbox .case-prev {
    right: 0;
  }
  .zhaunli .indetit {
    padding-bottom: 32px;
  }
  /*营销网络*/
  .sale {
    padding-top: 56px;
  }
  .salemap {
    padding-top: 76px;
  }
  .salelist h2 {
    font-size: 30px;
    padding-bottom: 12px;
  }
  .salelist h3 {
    font-size: 18px;
  }
  .salelist li {
    padding-top: 25px;
    padding-bottom: 36px;
    min-height: 182px;
  }
  .salelist li:nth-of-type(9) {
    height: auto
  }
  .joblist {
    padding-bottom: 81px;
  }
  /*加工系统*/
  .sysintro dd h2 {
    font-size: 30px;
    padding-bottom: 30px;
  }
  .sysintro dd {
    line-height: 30px;
    min-height: 495px;
  }
  .sysintro {
    padding-bottom: 87px;
  }
  .sepcial {
    line-height: 36px;
    padding-bottom: 83px
  }
  .sepcial p:before {
    top: 14px;
  }
  .sepcial dd {
    min-height: 384px
  }
  .ying h2 {
    font-size: 24px;
  }
  .ying {
    padding-left: 39px;
    padding-right: 105px;
    padding-top: 44px;
  }
  .yuanli {
    padding-top: 64px;
    padding-bottom: 70px;
  }
  .yuanli dd {
    font-size: 16px;
    line-height: 30px;
  }
  .yuanli dd {
    min-height: 386px;
  }
  .yuanli .indetit {
    padding-bottom: 10px;
  }
  .tableul {
    margin-top: -25px;
    padding-bottom: 75px;
  }
  .tableul li h3 {
    font-size: 24px;
    padding-top: 25px;
  }
  .tableul .tablexi th {
    width: 240px;
  }
  .tableul .tablexi {
    margin-top: 20px;
  }
  .model {
    margin: 0 -22px;
    padding-bottom: 85px
  }
  .model li {
    padding-right: 22px;
    padding-left: 22px;
  }
  /*服务*/
  .service {
    padding-top: 50px;
    padding-bottom: 90px;
  }
  .checkbox h2 {
    font-size: 24px;
    padding-bottom: 7px;
  }
  .checkbox {
    line-height: 36px;
    margin-top: -6px;
    padding-left: 82px;
  }
  .baotxt h2 {
    font-size: 24px;
  }
  .baotxt {
    line-height: 30px;
  }
  .baotxt {
    min-height: 344px;
  }
  .yangbox h2 {
    font-size: 24px;
  }
  .yangbox.li30 {
    line-height: 30px;
  }
  .yangbox.li30 li em {
    top: -3px;
  }
  .download {
    margin-top: -16px;
  }
  .download dl {
    margin-top: 37px;
    padding: 38px 67px 38px 32px;
  }
  .downtxt {
    padding-left: 25px;
    width: 47%;
    padding-top: 4%
  }
  .downtxt h2 {
    font-size: 24px;
    padding-bottom: 14px;
  }
  .downbtn {
    padding-top: 15px;
  }
  .viewnum:hover, .todown:hover {
    opacity: .75
  }
  .trainh2 {
    font-size: 36px;
  }
  .trainbox {
    margin-top: -10px;
  }
  .trainbox dl {
    line-height: 30px;
    margin-top: 80px;
  }
  .trainbox dd {
    min-height: 353px;
  }
  .trianp {
    padding-left: 62px;
    margin-top: 36px;
  }
  .trianp em {
    font-size: 24px;
    width: 44px;
    height: 44px;
    line-height: 44px;
    top: -9px;
  }
  .trainbox dd .trianp:nth-of-type(1) {
    margin-top: 24px;
  }
  .phonenumm i {
    font-size: 30px;
  }
  .saledl {
    line-height: 30px;
  }
  .saledl h2 {
    font-size: 30px;
  }
  .saledl dd {
    min-height: 329px;
    display: table;
  }
  .salep p em {
    top: 2px;
  }
  .subsale h2 {
    font-size: 30px;
  }
  .subsale {
    margin-top: 55px;
    padding: 25px 38px;
    height: 255px;
  }
  .dalebox .salep {
    margin-top: -3px;
  }
  .dalebox .salep p {
    margin-top: 34px;
  }
  .aftersale h2 {
    font-size: 30px;
    padding-top: 49px;
  }
  .subafter {
    line-height: 30px;
    padding-left: 30px;
    height: 266px;
    padding-right: 30px;
    padding-top: 28px;
    margin-top: 33px;
  }
  .subafter h3 {
    font-size: 24px;
    padding-bottom: 13px;
  }
  .beforesaledl h2 {
    font-size: 30px;
    padding-bottom: 20px;
  }
  .beforesaledl dd {
    min-height: 313px;
    padding-right: 40px;
  }
  .beforeul {
    margin: 0 -32px;
    padding-top: 40px;
  }
  .beforeul li {
    padding-left: 32px;
    padding-right: 32px;
    margin-top: 38px;
  }
  .subbefore {
    padding-left: 120px;
    min-height: 144px;
  }
  .num {
    width: 77px;
    height: 70px;
    line-height: 70px;
  }
  .num:before {
    top: 74px;
  }
  .num:after {
    top: 79px;
  }
  .subbefore h3 {
    font-size: 24px;
    padding-bottom: 6px;
  }
  .listsub {
    padding-top: 11px;
  }
  .otherlist {
    padding-bottom: 6px;
  }
  /*网站地图*/
  .webmap {
    padding-bottom: 115px;
  }
  .webmap dd {
    padding-left: 45px;
  }
  .webmap dd a {
    margin-right: 65px;
  }
  .webmap dd a:last-child {
    margin-right: 0
  }
  .webmap dd a:hover {
    color: #194ca1
  }
  .thesysy li a {
    padding-top: 60px;
  }
  .systitle {
    height: 113px;
  }
  .contact-map {
    height: 501px;
  }
  .zong h2 {
    font-size: 24px;
    padding-top: 0;
  }
  .subway h2 {
    font-size: 18px;
    padding-top: 11px;
    padding-bottom: 12px;
  }
  .mapul h2 {
    font-size: 24px;
    padding-bottom: 13px;
    padding-top: 28px;
  }
  .mapul li {
    margin-top: 66px;
    height: 200px;
    padding: 0 42px;
  }
  .somore:hover, .repro a:hover {
    color: #fff;
    border-color: #194ca1;
    background: #194ca1
  }
  .footcopy a:hover, .indexul li a:hover h3 {
    color: #194ca1;
  }
  .thismore:hover {
    text-decoration: underline
  }
  /*.repro a:hover span{background-image:url(/en/skin/img/newicon2.png);}*/
  .subtbox:hover p {
    color: #194ca1;
  }
  .subincase img:hover {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
  }
  .hezuo .partul a {
    cursor: default
  }
  .jobsend:hover {
    background: #194ca1;
  }
  .bread .cgnav {
    font-size: 14px;
    background-color: rgba(255, 255, 255, .60);
    font-weight: bold;
  }
  .zong p a:hover, .bread .cgnav a:hover {
    color: #194ca1;
  }
  .bread .cgnav .cgnav_product_cg {
    float: right;
  }
  .bread .cgnav .cgnav_product_cg a {
    display: block;
    padding: 0 15px;
    border-right: 1px solid #fff;
    float: left;
  }
  .zong p a:hover img {
    opacity: .8
  }
  .sysimg p img:nth-of-type(1) {
    display: inline-block
  }
  .thesysy li:hover .sysimg p {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%);
  }
  .sysimg p {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%);
  }
  .theul .sysimg p {
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
  }
}
@media (min-width: 1450px) {
  .case-next {
    left: -110px;
  }
  .case-prev {
    right: -110px;
  }
}
@media (min-width: 1600px) {
  .indexmore {
    width: 162px;
    height: 43px;
    line-height: 43px;
  }
  .subprotxt p a:before {
    top: 14px;
  }
  .protxt { /* line-height:36px; */
  }
  .protxt h2 {
    padding-bottom: 8px;
  }
  .index-pro .subpro:nth-of-type(3) .protxt, .index-pro .subpro:nth-of-type(4) .protxt {
    left: 35px;
  }
  .index-pro .subpro:nth-of-type(3), .index-pro .subpro:nth-of-type(4) { /* padding-right:90px; */
  }
  .subpro {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  body .bd_weixin_popup {
    width: 270px !important;
    height: 335px !important
  }
  .addbox, .thatbox, .otherbox {
    width: 100%;
    overflow: hidden;
  }
  .hshbox {
    position: relative;
    max-width: 1194px;
    margin: 0 auto;
  }
  .footway a:hover {
    color: #194ca1
  }
  .footway p:nth-of-type(1) a:hover {
    color: #707070
  }
  .indexmore {
    width: 162px;
    height: 43px;
    line-height: 43px;
  }
  .subprotxt p a:before {
    top: 8px;
  }
  .protxt { /* line-height:36px; */
  }
  .protxt h2 {
    padding-bottom: 25px;
  }
  .index-pro .subpro:nth-of-type(3) .protxt, .index-pro .subpro:nth-of-type(4) .protxt {
    left: 35px;
  }
  .index-pro .subpro:nth-of-type(3), .index-pro .subpro:nth-of-type(4) { /* padding-right:90px; */
  }
  .subpro {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}
body .bd_weixin_popup {
  width: 270px !important;
  height: 335px !important
}
.addbox, .thatbox, .otherbox {
  width: 100%;
  overflow: hidden;
}
.hshbox {
  position: relative;
  max-width: 1194px;
  margin: 0 auto;
}
.footway a:hover {
  color: #194ca1
}
.footway p:nth-of-type(1) a:hover {
  color: #707070
}
.hate {
  width: 100%;
  overflow: hidden;
  padding-bottom: 50px;
}
.model li {
  padding: 0 !important
}
.model li img {
  max-width: none
}
.model {
  margin: 0;
  padding: 0
}
.hate-page {
  text-align: center;
}
.hate-page span {
  display: inline-block;
  -webkit-border-radius: 100%;
  -ms-border-radius: 100%;
  border-radius: 100%;
  width: 10px;
  height: 10px;
  margin: 0 2px;
  cursor: pointer;
  background: #ccc;
}
.hate-page span.swiper-pagination-bullet-active {
  background: #194ca1
}
.shiyong li {
  padding: 0 !important;
  float: none
}
.again {
  display: block;
  width: 100%;
  overflow: hidden;
  padding-bottom: 50px;
}
.shiyong {
  padding-bottom: 10px;
  width: 100%;
  margin: 0;
}
.footway a:hover {
  color: #194ca1
}
.footway p:nth-of-type(1) a:hover {
  color: #707070
}
.hate {
  width: 100%;
  overflow: hidden;
  padding-bottom: 50px;
}
.model li {
  padding: 0 !important
}
.model li img {
  max-width: none
}
.model {
  margin: 0;
  padding: 0
}
.hate-page {
  text-align: center;
}
.hate-page span {
  display: inline-block;
  -webkit-border-radius: 100%;
  -ms-border-radius: 100%;
  border-radius: 100%;
  width: 10px;
  height: 10px;
  margin: 0 2px;
  cursor: pointer;
  background: #ccc;
}
.hate-page span.swiper-pagination-bullet-active {
  background: #194ca1
}
.shiyong li {
  padding: 0 !important;
  float: none
}
.again {
  display: block;
  width: 100%;
  overflow: hidden;
  padding-bottom: 50px;
}
.shiyong {
  padding-bottom: 10px;
  width: 100%;
  margin: 0;
}
.logosmall {
  display: none;
}
.lasts .commonweb > p {
  margin-top: -3%;
  margin-bottom: 2%;
}
.subtbox p a {
  display: block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.subtbox a {
  cursor: pointer;
}
.pictures .case-pagination {
  margin-top: -5px;
  padding-top: 0;
  margin-bottom: 20px;
}
@media (max-width: 769px) {
  .head {
    background: rgba(255, 104, 0);
    background: #fff;
  }
  .menu span {
    background: #194ca1;
  }
  .head.bc {
    background: #194ca1;
    background: rgba(255, 255, 255, .8)
  }
  footer {
    background: #194ca1;
  }
  .logo a img:nth-of-type(1) {
    display: none;
  }
  .logosmall {
    display: block;
  }
  .webCommonweb {
    display: none;
  }
  .mCommonweb {
    display: block !important;
  }
}
@media (max-width: 480px) {
  .webCommonweb {
    display: none;
  }
  .mCommonweb {
    display: block !important;
  }
  .hate-page {
    height: 27px;
    overflow: hidden;
    position: relative;
  }
  .hate-page:after, .hate-page:before {
    content: ".";
    font-size: 31px;
    color: #888;
    display: inline-block;
    position: relative;
    top: -2px;
  }
  .hate-page span {
    background: #194ca1 !important;
  }
  .pictures .case-pagination, .honor .case-pagination {
    height: 27px;
    overflow: hidden;
    position: relative;
    padding-top: 0;
  }
  .pictures .case-pagination:after, .pictures .case-pagination:before {
    content: ".";
    font-size: 31px;
    color: #888;
    display: inline-block;
    position: relative;
    top: -2px;
  }
  .honor .case-pagination {
    height: 27px;
    overflow: hidden;
    position: relative;
  }
  .honor .case-pagination:after, .honor .case-pagination:before {
    content: ".";
    font-size: 31px;
    color: #888;
    display: inline-block;
    position: relative;
    top: -2px;
  }
  .footcopy > p {
    display: none;
  }
  .photo .case-pagination {
    position: relative;
    top: -50px;
  }
  .foreign .case-pagination {
    position: relative;
    top: -30px;
  }
  .photo .case-pagination, .foreign .case-pagination {
    height: 27px;
    overflow: hidden;
    position: relative;
    padding-top: 0;
  }
  .photo .case-pagination:before, .foreign .case-pagination:before {
    content: ".";
    font-size: 31px;
    color: #888;
    display: inline-block;
    position: relative;
    top: -2px;
  }
  .photo .case-pagination:after, .foreign .case-pagination:after {
    content: ".";
    font-size: 31px;
    color: #888;
    display: inline-block;
    position: relative;
    top: -2px;
  }
  .photo .case-pagination span, .foreign .case-pagination span {
    background: #194ca1 !important;
  }
}
.themepark_listbox_title a {
  color: #ffffff;
  font-size: 16px;
}
.themepark_listbox_list {
  color: #cccccc;
  font-size: 14px;
}
.themepark_listbox_list a {
  color: #cccccc;
  font-size: 14px;
  text-align: left;
  margin: 0 !important;
}
.themepark_listbox_list a span {
  text-align: left;
}
#page {
  text-align: center;
  margin-top: 30px;
  padding: 20px 0px 17px;
}
#page a {
  display: inline-block;
  width: auto;
  padding: 0 15px;
  height: 37px;
  text-align: center;
  line-height: 37px;
  vertical-align: middle;
  margin: 0px 5px;
  color: #636363;
  font-size: 14px;
  font-weight: 400;
  border: 1px solid #ccc;
  background: #fff !important;
  border-radius: 3px;
}
#page a:hover {
  background: #194ca1 !important;
  color: #FFF;
}
#page a img {
  position: relative;
  top: 12px;
  display: block;
  margin: auto;
}
#page a.Pagingmore {
  background: none;
  margin: 0px;
  width: 25px;
}
#page a.Pagingmore:hover {
  background: none;
  color: #636363;
}
#page span {
  display: inline-block;
  width: auto;
  height: 37px;
  text-align: center;
  line-height: 37px;
  vertical-align: middle;
  margin: 0px 5px;
  color: #636363;
  font-size: 14px;
  font-weight: 400;
  border-radius: 3px;
}
/*=====================以下部分是Validform必须的====================*/
.Validform_checktip {
  margin-left: 8px;
  line-height: 20px;
  height: 20px;
  overflow: hidden;
  color: #999;
  font-size: 12px;
}
.Validform_right {
  color: #71b83d;
  padding-left: 20px;
  background: url(/en/skin/img/valid_icons.png) no-repeat -40px -20px;
}
.Validform_wrong {
  color: red;
  padding-left: 20px;
  white-space: nowrap;
  background: url(/en/skin/img/valid_icons.png) no-repeat -20px -40px;
}
.Validform_loading {
  padding-left: 20px;
  background: url(/en/skin/img/icon_onload.gif) no-repeat left center;
}
.Validform_error {
  background: #FEFBD3;
}
#Validform_msg {
  color: #7d8289;
  font: 12px/1.5 tahoma, arial, \5b8b\4f53, sans-serif;
  width: 280px;
  -webkit-box-shadow: 2px 2px 3px #aaa;
  -moz-box-shadow: 2px 2px 3px #aaa;
  background: #fff;
  position: absolute;
  top: 0px;
  right: 50px;
  z-index: 99999;
  display: none;
  filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#999999');
  box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.1);
}
#Validform_msg .iframe {
  position: absolute;
  left: 0px;
  top: -1px;
  z-index: -1;
}
#Validform_msg .Validform_title {
  position: relative;
  line-height: 35px;
  height: 35px;
  text-align: left;
  font-weight: bold;
  padding: 0 10px;
  color: #fff;
  background: #33B5E5;
}
#Validform_msg a.Validform_close:link, #Validform_msg a.Validform_close:visited {
  line-height: 30px;
  position: absolute;
  right: 10px;
  top: 0px;
  color: #fff;
  text-decoration: none;
}
#Validform_msg a.Validform_close:hover {
  color: #ccc;
}
#Validform_msg .Validform_info {
  padding: 10px;
  border: 1px solid #bbb;
  border-top: none;
  text-align: left;
}
.thecopy a:hover {
  color: #AFAFAF;
}
.prointro {
  padding: 0 15px;
}
.clears {
  clear: both;
}
.messages {
  padding: 15px 0;
}
.messages input, .messages select, .messages textarea {
  margin: 0;
  padding: 0;
  background: none;
  border: 0;
  font-family: "Microsoft Yahei";
}
.messlist {
  height: 30px;
  margin-bottom: 10px;
}
.messlist label {
  float: left;
  width: 100px;
  height: 30px;
  font-size: 14px;
  line-height: 30px;
  text-align: right;
  padding-right: 10px;
}
.messlist input {
  float: left;
  width: 300px;
  height: 28px;
  padding-left: 5px;
  border: #ccc 1px solid;
}
.messlist.textareas {
  height: auto;
}
.messlist textarea {
  float: left;
  width: 400px;
  height: 110px;
  padding: 5px;
  border: #ccc 1px solid;
}
.messlist.yzms input {
  width: 100px;
}
.messlist.yzms .yzmimg {
  float: left;
  margin-left: 10px;
}
.messsub input {
  width: 100px;
  height: 35px;
  background: #ddd;
  font-size: 14px;
  font-weight: bold;
  cursor: pointer;
  margin-right: 5px
}
.messsub input:hover {
  background: #f60;
  color: #fff;
}
#label0 {
  display: none;
  color: #0aa770;
  height: 28px;
  line-height: 28px;
}
#label1 {
  display: none;
  color: #0aa770;
  height: 28px;
  line-height: 28px;
}
#label2 {
  display: none;
  color: #0aa770;
  height: 28px;
  line-height: 28px;
}
#label3 {
  display: none;
  color: #0aa770;
  height: 28px;
  line-height: 28px;
}
#label4 {
  display: none;
  color: #0aa770;
  height: 28px;
  line-height: 28px;
}
#label5 {
  display: none;
  color: #0aa770;
  height: 28px;
  line-height: 28px;
}
#label6 {
  display: none;
  color: #0aa770;
  height: 28px;
  line-height: 28px;
}
#label7 {
  display: none;
  color: #0aa770;
  height: 28px;
  line-height: 28px;
}
#label8 {
  display: none;
  color: #0aa770;
  height: 48px;
  line-height: 48px;
}
#label9 {
  display: none;
  color: #0aa770;
  height: 48px;
  line-height: 48px;
}
#label10 {
  display: none;
  color: #0aa770;
  height: 48px;
  line-height: 48px;
}
table, table tr td {
  border: 1px solid #000!important;
  text-align: center;
  border-collapse: collapse;
	padding: 10px 30px;
	width: auto;
	
}
table ,tr ,td {
  padding: 10px 30px;
  border: 1px solid #000;
	
}