header {
  padding: 0 0 0 10px;
  height: 60px;
}

.commonweb img{
	max-width:100%;
}

.fix-header {
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 90;
  background-color: #fff;
}

.logo img {
  display: inline-block;
  vertical-align:middle;
  max-width:140px;
}

.logo {
  display: inline-block;
  vertical-align: top;
  padding-left:10px;
}
.logo{
	height:60px;
	line-height:60px;
}

.nav-btn {
  width: 60px;
  height: 60px;
  display: block;
  overflow: hidden;
  background-color: #fff;
  cursor: pointer;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
}

  .nav-btn a {
      width: 28px;
      height: 24px;
      display: block;
      position: relative;
      left: 50%;
      top: 50%;
      margin: -12px 0 0 -14px;
  }

  .nav-btn span {
      top: 50%;
      margin-top: -2px;
  }

      .nav-btn span:first-child {
          content: "";
          top: 0;
          left: 0;
          margin-top: 0;
      }

      .nav-btn span:last-child {
          content: "";
          top: auto;
          bottom: 0;
          left: 0;
      }

      .nav-btn span, .nav-btn span:first-child, .nav-btn span:last-child {
          left: 1px;
          position: absolute;
          background-color: #832c43;
          width: 28px;
          height: 4px;
          -webkit-transition: all 0.5s ease;
          -o-transition: all 0.5s ease;
          -moz-transition: all 0.5s ease;
          transition: all 0.5s ease;
      }

nav {
  position: fixed;
  right: -100%;
  top: 0;
  background-color: #282828;
  width: 280px;
  text-align: right;
  -webkit-transition: .5s ease;
  -o-transition: .5s ease;
  -moz-transition: .5s ease;
  transition: .5s ease;
  overflow-y: auto;
  max-height: 100%;
  z-index: 100;
}

  nav ul {
      overflow-y: auto;
  }

  nav a {
      color: #fff;
      display: block;
      padding-right: 40px;
  }

  nav li > a {
      line-height: 50px;
      font-size: 16px;
  }

  nav li {
      border-bottom: 1px solid #444;
  }

  nav .nav-drop {
      padding: 10px 0;
      display: none;
  }

      nav .nav-drop a {
          line-height: 30px;
      }

  nav .on {
      background-color: #383838;
  }

  nav.on {
      right: 0;
  }

.closeNav {
  height: 60px;
}

  .closeNav:after {
      content: '';
      width: 24px;
      height: 100%;
      display: block;
      background: url(../images/close.png) center center no-repeat;
      float: right;
  }

.search-wrap {
  position: relative;
font-family:'Arial';
}

.search-btn {
  width: 60px;
  height: 60px;
  background: url(../images/search.png) center center no-repeat;
  display: block;
  border-left: 1px solid #e9e9e9;
}

.search-box {
  position: fixed;
  right: 0;
  top: 60px;
  width: 100%;
  z-index: 9;
  display: none;
  border: 1px solid #ccc;
}

.search-text {
  width: 100%;
  padding: 11px 60px 11px 11px;
  color: #666666;
}

.sreach-btn {
  width: 40px;
  height: 39px;
  position: absolute;
  right: 0;
  top: 0;
  background: #f2f2f2 url(../images/search.png) center center no-repeat;
  -moz-background-size: 50%;
  -o-background-size: 50%;
  background-size: 50%;
}

.language-btn {
  display: block;
  width: 70px;
  height: 60px;
  line-height: 60px;
font-family:'Arial';
}

  .language-btn:before {
      content: '';
      display: inline-block;
      vertical-align: -3px;
      width: 16px;
      height: 16px;
      margin-right: 3px;
      background: url(../images/language.png) center no-repeat;
  }

  .language-btn:after {
      content: '';
      display: inline-block;
      width: 0;
      height: 0;
      vertical-align: middle;
      border-left: 4px solid transparent;
      border-right: 4px solid transparent;
      border-top: 4px solid #363636;
      margin-left: 3px;
  }

.stock {
  border-left: 1px solid #e9e9e9;
  height: 60px;
  padding: 9px 25px;
}

  .stock .stockNum {
      font-size: 24px;
      color: #ff1919;
  }

      .stock .stockNum:before {
          content: '';
          display: inline-block;
          width: 0;
          height: 0;
          border-left: 7px solid transparent;
          border-right: 7px solid transparent;
          border-bottom: 8px solid #ff1919;
          vertical-align: 5px;
          margin-right: 5px;
      }
	.stock .stockNum.drop{
		color:#0f990f;
	}
      .stock .stockNum.drop:before {
		  border-bottom-color: #0f990f;
          transform: rotate(180deg);
      }

  .stock .stockText {
      color: #26242d;
      font-size: 13px;
      padding-left: 19px;
  }

      .stock .stockText span {
          font-size: 18px;
      }

.top-link {
  padding-right: 20px;
}

  .top-link a {
	  position:relative;
      line-height: 80px;
      color: #323232;
      font-size: 15px;
      display: inline-block;
	  margin: 0 10px;
  }
  .top-link a:after{
	  position:absolute;
	  bottom:15%;
	  left:50%;
	  display:none;
	  height:5px;
	  width:100%;
	  background:#842c44;
	  transform:translateX(-50%);
	  content:'';
  }

      .top-link a:hover {
          color: #832c43;
      }

      .top-link a.cur:after {
		  display:block;
      }
.banner{
  overflow: hidden;
}
.banner li {
  overflow: hidden;
}

.banner img {
  height: 120px;
  position: relative;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  display: block;
}

.backtop {
  width: 40px;
  height: 40px;
  background: url(../images/top.png) no-repeat;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  display: none;
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 200;
}

footer {
  background-color: #3d3d3d;
}

.footer-link h3 {
  font-size: 15px;
  color: #373737;
  border-bottom: 1px solid #d5d5d5;
  padding: 8px 0;
  color:#ddd;
  font-weight: 700;
  background: url(../images/icon46.png) right center no-repeat;
}

.footer-link .on {
  background-image: url(../images/icon47.png);
}

.footer-drop {
  display: none;
  padding: 10px 0;
}

  .footer-drop a {
      display: block;
      color: #878787;
      line-height: 26px;
  }

.footer-right {
  padding: 20px 0 0;
}

.footer-qrcode {
  color: #8c8c8c;
  text-align: center;
  padding-bottom: 10px;
}

  .footer-qrcode .tablecell {
      display: inline-block;
      vertical-align: bottom;
      text-align: right;
  }

  .footer-qrcode img {
      display: block;
      padding-left: 10px;
  }

#share {
  text-align: center;
}

  #share a {
      width: 32px;
      height: 32px;
      float: none;
      display: inline-block;
  }

  #share .bds_weixin {
      background: url(../images/icon48.png) no-repeat;
  }

  #share .facebook {
      background: url(../images/icon49.png) no-repeat;
  }

  #share .twitter {
      background: url(../images/icon50.png) no-repeat;
  }

  #share .google {
      background: url(../images/icon51.png) no-repeat;
  }

  #share .instagram {
      background: url(../images/icon52.png) no-repeat;
  }

.footer-copyright {
  text-align: center;
  opacity: 0.5;
  padding: 0px 0 10px;
  font-size: 13px;
  color: #fff;
}
.footer-copyright a{
  color:#fff;
}

.productWay {
  background-color: #323232;
}

  .productWay a {
      color: rgba(255, 255, 255, 0.5);
      float: left;
      width: 12.5%;
      height: 84px;
      line-height: 84px;
      text-align: center;
      border: 1px solid #535353;
      position: relative;
  }

  .productWay .tit {
      color: rgba(255, 255, 255, 0.5);
      line-height: 84px;
      position: absolute;
      left: 0;
      top: 0;
      font-size: 24px;
  }

.productWay-cont {
  padding-left: 162px;
  position: relative;
}

.productWay-link span {
  position: relative;
  z-index: 2;
}

.productWay-link a:before {
  content: '';
  opacity: 0;
  width: 110%;
  height: 90px;
  position: absolute;
  left: -5%;
  bottom: 0;
  z-index: 1;
  background-color: #822b42;
  -webkit-box-shadow: 0px 11px 15px 3px #000000;
  -moz-box-shadow: 0px 11px 15px 3px #000000;
  box-shadow: 0px 11px 15px 3px #000000;
  -webkit-transition: .3s ease;
  -o-transition: .3s ease;
  -moz-transition: .3s ease;
  transition: .3s ease;
}

.productWay-link a.on:before {
  opacity: 1;
}

.inNews {
  padding: 30px 0 50px;
}

.inNews-thumb {
  padding: 0 50px;
  margin-top: 20px;
  position: relative;
}

.inNews-bd li {
  border: 2px solid #edf1f3;
  padding: 20px 15px;
}

.inNews-bd h3 {
  font-size: 16px;
  color: #323232;
  height: 44px;
  overflow: hidden;
}

.inNews-bd .date {
  padding: 5px 0;
}

.inNews-bd .desc {
  color: #535353;
  opacity: .6;
  font-size: 13px;
  display: -webkit-box;
  height: 54px;
  line-height: 18px;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}

.inNews-dot {
  width: 100%;
  text-align: center;
  position: absolute;
  bottom: -36px;
  left: 0;
}

  .inNews-dot span {
      background-color: #ebeaee;
      width: 10px;
      height: 10px;
      opacity: 1;
      margin: 0 4px;
  }

      .inNews-dot span.swiper-pagination-bullet-active {
          background-color: #832c43;
      }

.inNews-prev, .inNews-next, .inProduct-prev, .inProduct-next {
  width: 40px;
  height: 40px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}

.inNews-prev {
  left: 0;
  background: url(../images/icon53.png) no-repeat;
  -moz-background-size: 80px auto;
  -o-background-size: 80px auto;
  background-size: 80px auto;
}

.inNews-next {
  right: 0;
  background: url(../images/icon53.png) right no-repeat;
  -moz-background-size: 80px auto;
  -o-background-size: 80px auto;
  background-size: 80px auto;
}

.inSolution {
  padding-top: 20px;
}

  .inSolution img {
      max-width: 100%;
      position: absolute;
      top: 20%;
      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%);
      display: block;
  }

  .inSolution li {
      width: 100%;
      height: 150px;
      overflow: hidden;
      position: relative;
      margin-bottom: 5px;
  }

      .inSolution li a {
          position: relative;
      }

.inSolution-text {
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 20px;
  color: #fff;
  padding: 0 20px;
  font-size: 16px;
}

  .inSolution-text h3 {
      padding-bottom: 5px;
  }

  .inSolution-text p:after {
      content: '';
      display: inline-block;
      vertical-align: -3px;
      width: 30px;
      height: 18px;
      background: url(../images/icon56.png) right center no-repeat;
      -moz-background-size: 70%;
      -o-background-size: 70%;
      background-size: 70%;
  }

.inProduct {
  background: url(../images/img81.jpg) center top no-repeat;
  padding: 30px 0;
}

.text-white {
  color: #fff;
}

.inProduct-wrap {
  margin-top: 20px;
  padding: 0 50px;
  position: relative;
}

  .inProduct-wrap img {
      display: block;
      max-width: 100%;
  }

.inProduct-prev, .inProduct-next {
  background: url(../images/icon57.png) no-repeat;
  -moz-background-size: 80px;
  -o-background-size: 80px;
  background-size: 80px;
}

.inProduct-prev {
  left: 0;
  background-position-x: left;
}

.inProduct-next {
  right: 0;
  background-position-x: right;
}

.inProduct-text {
  margin-top: 30px;
  color: #fff;
  text-align: center;
  padding: 20px 30px;
  position: relative;
  border-top: 1px solid rgba(255, 255, 255, 0.22);
}

  .inProduct-text:before {
      content: '';
      display: block;
      width: 70%;
      max-width: 320px;
      height: 4px;
      position: absolute;
      left: 50%;
      top: -4px;
      -webkit-transform: translateX(-50%);
      -moz-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      -o-transform: translateX(-50%);
      transform: translateX(-50%);
      background-color: #a81028;
  }

  .inProduct-text h3 {
      font-size: 18px;
      padding-bottom: 10px;
  }

  .inProduct-text p {
      opacity: 0.7;
  }

  .inProduct-text a {
      width: 140px;
      height: 46px;
      line-height: 46px;
      text-align: center;
      display: block;
      background: url(../images/icon59.png) no-repeat;
      color: #FFFFFF;
      margin: 20px auto 0;
  }

@media (min-width: 500px) {
  .banner img {
      height: auto;
      width: 100%;
  }

  .inSolution li {
      height: 200px;
  }

  .inSolution img {
      min-width: 100%;
  }
}

.sunway {
  text-align: center;
  padding: 30px 0;
  color: #6b6b6b;
}

  .sunway article {
      line-height: normal;
      color: #303030;
  }

  .sunway h3 {
      font-weight: 700;
      padding-top: 10px;
      padding-bottom: 5px;
  }

  .sunway h1 {
      font-size: 16px;
      color: #444;
      padding-bottom: 10px;
  }

.sunway-item {
  padding-top: 20px;
}

.sunway-circle {
  width: 140px;
  height: 140px;
  margin: 0 auto;
  border: 1px solid #ccc;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  overflow: hidden;
  padding-top: 25px;
  color: #2e2e2e;
}

  .sunway-circle img {
      display: block;
      height: 50px;
      max-width: 100%;
      margin: 0 auto 10px;
  }

.sunway-li {
  float: left;
  width: 50%;
  padding: 0 10px;
}

  .sunway-li .pc-tit {
      display: none;
  }

  .sunway-li .desc {
      display: -webkit-box;
      height: 66px;
      line-height: 22px;
      -o-text-overflow: ellipsis;
      text-overflow: ellipsis;
      overflow: hidden;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 3;
      text-align: center;
  }

  .sunway-li h3 {
      color: #333;
      padding: 15px 0 10px;
  }

  .sunway-li.art:nth-child(1) .sunway-circle, .sunway-li:nth-child(1).on .sunway-circle {
      background: #932239 url(../images/icon65.png) center center no-repeat;
  }

  .sunway-li.art:nth-child(2) .sunway-circle, .sunway-li:nth-child(2).on .sunway-circle {
      background: #932239 url(../images/icon60.png) center center no-repeat;
  }

  .sunway-li.art:nth-child(3) .sunway-circle, .sunway-li:nth-child(3).on .sunway-circle {
      background: #932239 url(../images/icon66.png) center center no-repeat;
  }

  .sunway-li.art:nth-child(4) .sunway-circle, .sunway-li:nth-child(4).on .sunway-circle {
      background: #932239 url(../images/icon67.png) center center no-repeat;
  }

.inGlobal img {
  max-width: 100%;
}

.inGlobal-btn img {
  width: 100%;
}

.inGlobal-text {
  background-color: #1b2422;
  color: #7b8789;
  padding: 30px 15px;
}

  .inGlobal-text h3 img {
      width: 80%;
  }

  .inGlobal-text .num {
      font-size: 35px;
      vertical-align: middle;
      color: #832c43;
      font-family: "Microsoft YaHei";
  }

      .inGlobal-text .num:after {
          content: '';
          display: inline-block;
          width: 15px;
          height: 15px;
          background: url(../images/icon71.png) no-repeat;
          -moz-background-size: cover;
          -o-background-size: cover;
          background-size: cover;
          vertical-align: 5px;
          margin: 0 3px;
      }

  .inGlobal-text .txt {
      display: inline-block;
      vertical-align: middle;
  }

  .inGlobal-text a {
      display: block;
      width: 170px;
      height: 58px;
      line-height: 58px;
      text-align: center;
      border: 1px solid #2d3230;
      color: #fff;
      font-size: 20px;
      margin-top: 20px;
  }

.inGlobal-article {
  padding-top: 20px;
}

.inGlobal-text-cont {
  padding-top: 15px;
  color: #fff;
}

.inGlobal-city {
  display: none;
}

.logo span{font-family:'Arial';}
@media (min-width: 768px) {
	.logo img {max-width:none;max-height:80%;}
 

  .logo span {
      float: left;
      line-height: 48px;
      padding-left: 10px;
      color: #842c44;
  }

  .backtop {
      width: 60px;
      height: 60px;
      bottom: 50px;
      right: 50px;
  }

  .inNews {
      padding-bottom: 70px;
  }

  .inSolution li {
      width: 25%;
      float: left;
      height: 300px;
      padding: 0 10px;
  }

  .inSolution-text {
      padding: 10px;
  }

  .inProduct-bd ul {
      padding-top: 20px;
      padding-bottom: 20px;
  }

  .inGlobal-text h3 img {
      width: auto;
  }

  .inGlobal-text {
      padding: 50px 30px;
  }

      .inGlobal-text .num {
          font-size: 72px;
      }

          .inGlobal-text .num:after {
              width: 25px;
              height: 25px;
              vertical-align: 14px;
              margin: 0 5px;
          }

      .inGlobal-text .txt {
          font-size: 20px;
      }

      .inGlobal-text a {
          margin-top: 35px;
      }

  .inGlobal-text-cont {
      padding-top: 30px;
      padding-bottom: 30px;
  }
}

@media (min-width: 992px) {
  .sunway-li {
      width: 25%;
  }
}

@media (min-width: 1024px) {
  footer {
      padding-top: 25px;
  }

  .footer-link {
      float: left;
      padding-bottom: 30px;
  }

      .footer-link li {
          float: left;
          padding-right: 15px;
      }

          .footer-link li h3 {
              background: none;
              border-bottom: none;
          }

      .footer-link .footer-drop {
          display: block;
      }

  .footer-right {
      float: right;
  }

  .footer-drop {
      padding-top: 5px;
  }

  #share, .footer-copyright, .footer-qrcode {
      text-align: right;
  }

      #share a:last-child {
          margin-right: 0;
      }
}

@media (min-width: 1200px) {
  header {
      padding-left: 42px;
      height: 80px;
  }

  .fix-header {
      position: relative;
  }

  .logo {
     height:80px;
	 line-height:80px;
  }
  .logo img{
	  max-height:none;
  }


  .nav-btn, .search-btn, .language-btn {
      width: 80px;
      height: 80px;
      line-height: 80px;
  }

  .stock {
      height: 80px;
      padding-top: 21px;
  }

      .stock .stockNum {
          font-size: 33px;
          padding-bottom: 3px;
      }

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

  .closeNav {
      height: 100px;
  }

  nav .nav-drop {
      padding: 18px 0 28px;
  }

      nav .nav-drop a {
          font-size: 16px;
          line-height: 40px;
      }

          nav .nav-drop .cur, nav .nav-drop a:hover {
              color: #832c43;
          }

  .search-box {
      width: 240px;
      position: absolute;
      top: 100px;
      left: 50%;
      margin-left: -149px;
  }

  .footer-link {
      padding-bottom: 70px;
  }

      .footer-link li h3 {
          font-size: 16px;
      }

      .footer-link li {
          padding-right: 43px;
      }

  .footer-drop a {
      transition: .3s;
      position: relative;
  }

      .footer-drop a:hover {
          color: #842c44;
          transform: translateX(5px);
          -webkit-transform: translateX(5px);
          -ms-transform: translateX(5px);
          -moz-transform: translateX(5px);
          -o-transform: translateX(5px);
      }

  .footer-qrcode {
      padding-bottom: 13px;
  }

  #share {
      padding-bottom: 3px;
  }

  .inNews {
      padding-bottom: 90px;
      padding-top: 50px;
  }

  .inNews-thumb {
      margin-top: 40px;
      padding: 0 60px;
  }

  .inNews-prev, .inNews-next, .inProduct-prev, .inProduct-next {
      width: 56px;
      height: 56px;
      -moz-background-size: auto;
      -o-background-size: auto;
      background-size: auto;
  }

      .inNews-prev:hover, .inNews-next:hover {
          background-image: url(../images/icon54.png);
      }

  .inProduct-wrap {
      padding: 0 60px;
  }

  .inProduct-prev:hover, .inProduct-next:hover {
      background-image: url(../images/icon58.png);
  }

  .inSolution {
      position: relative;
      z-index: 50; /*margin-top: 90px;*/
      padding-top: 30px;
  }

      .inSolution ul { /*background: url(../images/icon55.png) repeat-y;*/
          padding-bottom: 30px;
      }

      .inSolution li {
          height: auto;
          margin-bottom: 0;
      }

          .inSolution li a {
              display: block;
              overflow: hidden;
          }

          .inSolution li:hover p:after {
              margin-left: 20px;
          }

          .inSolution li:hover img {
              -webkit-transform: scale(1.08, 1.08);
              -moz-transform: scale(1.08, 1.08);
              -ms-transform: scale(1.08, 1.08);
              -o-transform: scale(1.08, 1.08);
              transform: scale(1.08, 1.08);
          }

      .inSolution img {
          -webkit-transition: 1s;
          -o-transition: 1s;
          -moz-transition: 1s;
          transition: 1s;
          position: relative;
          -webkit-transform: none;
          -moz-transform: none;
          -ms-transform: none;
          -o-transform: none;
          transform: none;
          left: 0;
          top: 0;
      }

  .inSolution-text {
      padding: 15px 25px;
      font-size: 16px;
      bottom: auto;
      top: 0;
      background-color: rgba(0,0,0,0.2);
  }

      .inSolution-text h3 {
          line-height: 30px;
          padding-bottom: 5px;
          font-size: 22px;
      }

      .inSolution-text p:after {
          -moz-background-size: auto;
          -o-background-size: auto;
          background-size: auto;
          margin-left: 10px;
          -webkit-transition: .3s ease;
          -o-transition: .3s ease;
          -moz-transition: .3s ease;
          transition: .3s ease;
      }

  .lg-block {
      display: block;
  }

  .inProduct-bd {
      margin-left: -93px;
  }

      .inProduct-bd li {
          width: auto;
      }

      .inProduct-bd a {
          display: block;
          position: relative;
      }

          .inProduct-bd a:after {
              content: '';
              display: block;
              opacity: 1;
              width: 100%;
              height: 100%;
              background-color: rgba(0, 0, 0, 0.5);
              position: absolute;
              left: 0;
              top: 0;
              z-index: 2;
              -webkit-transform: scale(0.9);
              -moz-transform: scale(0.9);
              -ms-transform: scale(0.9);
              -o-transform: scale(0.9);
              transform: scale(0.9);
              -webkit-transition: .3s;
              -o-transition: .3s;
              -moz-transition: .3s;
              transition: .3s;
          }

      .inProduct-bd img {
          -webkit-transform: scale(0.9);
          -moz-transform: scale(0.9);
          -ms-transform: scale(0.9);
          -o-transform: scale(0.9);
          transform: scale(0.9);
          -webkit-transition: .5s;
          -o-transition: .5s;
          -moz-transition: .5s;
          transition: .5s;
      }

      .inProduct-bd .swiper-slide-active {
          z-index: 50;
      }

          .inProduct-bd .swiper-slide-active img {
              -webkit-transform: scale(1.28);
              -moz-transform: scale(1.28);
              -ms-transform: scale(1.28);
              -o-transform: scale(1.28);
              transform: scale(1.28);
              -webkit-box-shadow: 0px 4px 13px 0px rgba(0, 0, 0, 0.5);
              -moz-box-shadow: 0px 4px 13px 0px rgba(0, 0, 0, 0.5);
              box-shadow: 0px 4px 13px 0px rgba(0, 0, 0, 0.5);
          }

          .inProduct-bd .swiper-slide-active a:after {
              opacity: 0;
          }

      .inProduct-bd .swiper-slide-prev {
          margin-right: 50px;
      }

      .inProduct-bd .swiper-slide-next {
          margin-left: 50px;
      }

      .inProduct-bd ul {
          padding: 50px 0 55px;
      }

  .inProduct-text {
      padding: 35px 13%;
      font-size: 13px;
  }

      .inProduct-text h3 {
          font-size: 28px;
          padding-bottom: 15px;
      }

      .inProduct-text a {
          margin-top: 25px;
      }

      .inProduct-text:before {
          margin-left: 2px;
      }

      .inProduct-text p {
          text-align: left;
          text-indent: 2em;
      }

  .sunway-thumb {
      position: relative;
      margin-top: 35px;
  }

      .sunway-thumb:after {
          content: '';
          display: block;
          width: 100%;
          height: 0;
          border: 1px dotted #b6b7b8;
          position: absolute;
          left: 0;
          top: 50%;
          z-index: 1;
      }

  .sunway-item {
      width: 100%;
      position: absolute;
      left: 0;
      top: 0;
      padding-top: 135px;
      z-index: 2;
  }

  .sunway-li {
      margin-right: 32px;
      width: 140px;
      position: relative;
      padding: 0;
  }

      .sunway-li .desc {
          display: none;
      }

  .sunway-circle {
      background-color: #fff;
  }

  .sunway-li:nth-child(2) {
      margin-right: 556px;
  }

  .sunway-li:nth-child(4n) {
      margin-right: 0;
  }

  .sunway-li.on .sunway-circle p {
      display: none;
  }

  .sunway-li.on .pc-tit {
      display: block;
      min-width: 100%;
      white-space: nowrap;
      position: absolute;
      top: -67px;
      left: 50%;
      -webkit-transform: translateX(-50%);
      -moz-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      -o-transform: translateX(-50%);
      transform: translateX(-50%);
      color: #832c43;
      font-size: 20px;
  }

  .sunway-li.on .desc {
      display: -webkit-box;
      width: 220px;
      position: relative;
      left: 50%;
      margin-left: -110px;
      margin-top: 25px;
  }

  .sunway {
      padding-bottom: 108px;
  }

  .earth {
      width: 404px;
      height: 404px;
      display: block;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      border-radius: 50%;
      overflow: hidden;
      position: relative;
      margin: 0 auto;
  }

      .earth img {
          display: block;
          width: 280px;
          position: absolute;
          left: 50%;
          top: 50%;
          transform: translate(-50%,-50%);
          -webkit-transform: translate(-50%,-50%);
          -ms-transform: translate(-50%,-50%);
          -moz-transform: translate(-50%,-50%);
          -o-transform: translate(-50%,-50%);
      }

  .earth-cont {
      width: 404px;
      height: 404px;
      position: relative;
      z-index: 2;
      display: block;
      margin: 0 auto;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      border-radius: 50%;
      background-color: #fff;
  }

      .earth-cont span {
          width: 100%;
          height: 100%;
          position: absolute;
          left: 0;
          top: 0;
          z-index: 1;
          background: url(../images/icon68.png) right top no-repeat;
          -webkit-animation-name: earth;
          -webkit-animation-duration: 10000ms;
          -webkit-animation-iteration-count: infinite;
          -webkit-animation-timing-function: linear;
          border-radius: 50%;
          border: 1px dotted #aaa;
      }

          .earth-cont span:after {
              content: '';
              display: block;
              width: 14px;
              height: 14px;
              background: url(../images/icon69.png) no-repeat;
              position: absolute;
              left: 50%;
              top: -6px;
              margin-left: -7px;
          }

  .sunway {
      padding-top: 70px;
  }

      .sunway h1 {
          font-size: 20px;
          padding-bottom: 13px;
      }

      .sunway article {
          padding-bottom: 5px;
      }

  .inGlobal {
      background-color: #1b2422;
      position: relative;
  }

  .inGlobal-btn {
      width: 67%;
      float: left;
  }

  .inGlobal-text {
      width: 33%;
      float: left;
      background: url(../images/icon70.png) 21.5% 90px no-repeat;
      padding: 15px 30px;
  }

      .inGlobal-text a {
          -webkit-transition: .3s ease;
          -o-transition: .3s ease;
          -moz-transition: .3s ease;
          transition: .3s ease;
      }

  .inGlobal-btn {
      position: relative;
  }

      .inGlobal-btn a {
          width: 60px;
          height: 90px;
          display: block;
          position: absolute;
      }

          .inGlobal-btn a:nth-child(1) {
              left: 31.7%;
              top: 33%;
          }

          .inGlobal-btn a:nth-child(2) {
              left: 55%;
              top: 22%;
          }

          .inGlobal-btn a:nth-child(3) {
              right: 22.7%;
              top: 37%;
          }

          .inGlobal-btn a:nth-child(4) {
              right: 17.7%;
              top: 36%;
          }

          .inGlobal-btn a:nth-child(5) {
              right: 13.7%;
              top: 28%;
          }

  .inGlobal-city {
      width: 33%;
      height: 100%;
      position: absolute;
      right: 0;
      top: 0;
      z-index: 2;
      background-color: #1b2422;
      padding: 0 40px;
      color: #717171;
      padding-top: 80px;
  }

      .inGlobal-city h4 {
          color: #fff;
      }

          .inGlobal-city h4:after {
              content: '';
              display: block;
              width: 20px;
              height: 2px;
              background-color: #fff;
              margin: 35px 0;
          }

      .inGlobal-city h5 {
          color: #922239;
      }

      .inGlobal-city .p1 {
          color: #494949;
          padding-bottom: 40px;
          padding-top: 12px;
      }

  .inGlobal-close {
      width: 18px;
      height: 18px;
      background: url(../images/icon73.png) no-repeat;
      display: block;
      position: absolute;
      right: 45px;
      top: 30px;
      z-index: 3;
  }

  .inGlobal-text a:hover {
      border-color: #fff;
  }
}

@keyframes earth {
  0% {
      -webkit-transform: rotate(0);
      -moz-transform: rotate(0);
      -o-transform: rotate(0);
      transform: rotate(0);
  }

  100% {
      -webkit-transform: rotate(360deg);
      -moz-transform: rotate(360deg);
      -o-transform: rotate(360deg);
      transform: rotate(360deg);
  }
}

@-webkit-keyframes earth {
  0% {
      -webkit-transform: rotate(0);
      transform: rotate(0);
  }

  100% {
      -webkit-transform: rotate(360deg);
      transform: rotate(360deg);
  }
}

@-moz-keyframes earth {
  0% {
      -moz-transform: rotate(0);
      transform: rotate(0);
  }

  100% {
      -moz-transform: rotate(360deg);
      transform: rotate(360deg);
  }
}

@-o-keyframes earth {
  0% {
      -o-transform: rotate(0);
      transform: rotate(0);
  }

  100% {
      -o-transform: rotate(360deg);
      transform: rotate(360deg);
  }
}

@media (min-width: 1280px) {
  .sunway-li:nth-child(2) {
      margin-right: 576px;
  }
}

@media (min-width: 1600px) {
	.logo {
     height:100px;
	 line-height:100px;
  }
  .inGlobal-text {
      padding: 50px 30px;
  }

  header {
      height: 100px;
  }

  .top-link a {
      line-height: 100px;
  }

  

  .nav-btn, .search-btn, .language-btn {
      width: 100px;
      height: 100px;
      line-height: 100px;
  }

  .stock {
      height: 100px;
      padding-top: 30px;
  }
}

@media (min-width: 1600px) {
  .inNews-thumb, .inProduct-wrap {
      padding: 0;
  }

  .inNews-prev, .inProduct-prev {
      left: -96px;
  }

  .inNews-next, .inProduct-next {
      right: -96px;
  }
}

@media (min-width: 1900px) {
  .inGlobal-text {
      padding: 165px 40px 0;
  }
}

@charset "UTF-8";

.ovhid {
  overflow: hidden;
}

.subbanner {
  position: relative;
  overflow: hidden;
}

  .subbanner img {
      height: 150px;
      position: relative;
      left: 50%;
      -webkit-transform: translateX(-50%);
      -moz-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      -o-transform: translateX(-50%);
      transform: translateX(-50%);
      display: block;
  }

  .subbanner h3 {
      width: 100%;
      text-align: center;
      position: absolute;
      left: 0;
      top: 50%;
      -webkit-transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      -o-transform: translateY(-50%);
      transform: translateY(-50%);
      color: #fff;
      font-family: "Microsoft YaHei";
      font-size: 18px;
      line-height: normal;
      font-weight: lighter;
      letter-spacing: 1px;
  }

.container {
  padding: 25px 0;
}

.com-tit h4 {
  color: #edded6;
  font-size: 30px;
  line-height: normal;
  text-transform: uppercase;
  padding-bottom: 5px;
}
.sun-comtit h4{
	color: #edded6;
}

.com-tit h2 {
  font-size: 18px;
  font-weight: bold;
}

  .com-tit h2:after {
      content: '';
      display: block;
      width: 20px;
      height: 3px;
      background-color: #842c44;
      margin-top: 15px;
  }

.product-three {
  margin-top: 20px;
  overflow: hidden;
}

  .product-three li {
      float: left;
      width: auto;
  }

  .product-three a {
	  position:relative;
      min-width: 150px;
      display: block;
      border-bottom: 1px solid #d8dde6;
      border-right: 1px dashed #d8dde6;
      text-align: center;
      color: #666;
      line-height: 40px;
  }
  .product-three a:after{
	  position:absolute;
	  bottom:2px;
	  left:50%;
	  display:none;
	  width:40%;
	  height:5px;
	  transform:translateX(-50%);
	  content:'';
	  background-color: #842c44;
  }

  .product-three li:last-child a {
      border-right: none;
  }

  .product-three .on:after {
      display:block;
  }

.product-list .img {
	position:relative;
	height:0;
	padding-top:111.2%;
	overflow:hidden;
  display: block;
  border: 1px solid #c4cad5;
  border-bottom: none;
  -webkit-transition: .3s;
  -o-transition: .3s;
  -moz-transition: .3s;
  transition: .3s;
}

.product-list img {
  display: block;
  max-width: 100%;
  margin: 0 auto;
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
  max-height:100%;
}

.product-list h3 {
  background-color: #005eb3;
  line-height: 32px;
  color: #fff;
  text-align: center;
  font-size: 14px;
  height: 64px;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	overflow: hidden;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

.product-list li {
  margin-top: 20px;
  padding: 0 5px;
}

  .product-list li a {
      display: block;
      background-color: #fff;
  }

.product-list ul {
  padding-bottom: 20px;
  margin: 0 -5px;
}

.more-btn {
  display: block;
  line-height: 50px;
  text-align: center;
  color: #fff;
  background-color: #842c44;
  font-size: 16px;
}

.text-red {
  color: #842c44;
}

.text-gray {
  color: #666;
}

.text-black {
  color: #333;
}

.product-detail {
  padding-top: 30px;
}

.product-img {
  border: 1px solid #c0c7d2;
}

  .product-img img {
      max-width: 100%;
      display: block;
      margin: 0 auto;
  }

.product-text {
  border-top: 2px solid #842c44;
  margin-top: 30px;
  padding-top: 30px;
  line-height: 23px;
}

  .product-text strong {
      padding-bottom: 10px;
      display: inline-block;
  }

.font32 {
  font-size: 20px;
}

.font24 {
  font-size: 18px;
}

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

.product-hd {
  padding: 0 57px;
  position: relative;
}

.product-prev, .product-next {
  width: 37px;
  height: 37px;
  display: block;
  position: absolute;
  top: 50%;
  margin-top: -18px;
  z-index: 30;
  background: url(../images/probtn.png) no-repeat;
}

.product-prev {
  left: 0;
  background-position: left top;
}

.product-next {
  right: 0;
  background-position: right top;
}

.product-bd img {
  display: block;
  width: 100%;
}

.product-bd li {
  border: 1px solid #dadfe7;
}

.product-bd .tit {
  padding-bottom: 5px;
  display: block;
}

.product-scroll {
  padding: 30px 0;
  color: #666;
}

  .product-scroll h3 {
      line-height: 26px;
      margin-bottom: 20px;
      border-left: 10px solid #842c44;
      padding-left: 15px;
  }

.download-btn {
  line-height: 29px;
  display: inline-block;
  padding-right: 28px;
  background: url(../images/img20.jpg) right top no-repeat;
  font-size: 16px;
  float: right;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  -moz-transition: 0.3s;
  transition: 0.3s;
}

.investor li {
  border: 1px solid #c0c7d2;
  padding: 15px;
  margin-top: 20px;
  background-color: #fff;
}

.investor dl {
  padding-left: 60px;
  background: url(../images/img18.jpg) left top no-repeat;
}

.investor dt {
  font-size: 16px;
}

.investor dd {
  font-size: 13px;
  color: #aaa;
}

.investor ul {
  padding-bottom: 30px;
}

.gallery {
  margin-top: 20px;
}

  .gallery img {
      max-width: 100%;
      display: block;
  }

.gallery-large {
  position: relative;
  margin-bottom: 10px;
}

  .gallery-large h4 {
      width: 100%;
      position: absolute;
      left: 0;
      bottom: 0;
      background-color: rgba(0, 0, 0, 0.2);
      color: #fff;
      font-size: 16px;
      line-height: 40px;
      padding: 0 15px;
  }

.gallery-small {
  overflow-x: scroll;
}

  .gallery-small ul {
      width: 9999px;
      overflow-x: scroll;
  }

  .gallery-small li {
      float: left;
      padding-right: 10px;
  }

      .gallery-small li:last-child {
          padding-right: 0;
      }

  .gallery-small img {
      display: block;
      height: 80px;
  }

  .gallery-small a {
      position: relative;
      display: block;
  }

      .gallery-small a:after {
          content: '';
          width: 100%;
          height: 100%;
          border: 2px solid #842c44;
          position: absolute;
          left: 0;
          top: 0;
          z-index: 2;
          opacity: 0;
          -webkit-transition: .3s;
          -o-transition: .3s;
          -moz-transition: .3s;
          transition: .3s;
      }

  .gallery-small .on:after {
      opacity: 1;
  }

  .gallery-small h4 {
      width: 100%;
      position: absolute;
      bottom: 0;
      left: 0;
      color: #fff;
      background-color: rgba(0, 0, 0, 0.4);
      font-size: 12px;
      padding: 2px 10px;
  }

.scrollbar::-webkit-scrollbar {
  width: 4px;
  height: 1px;
}

.scrollbar::-webkit-scrollbar-thumb {
  -webkit-border-radius: 10px;
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
  background: #842c44;
}

.scrollbar::-webkit-scrollbar-track { /*滚动条里面轨道*/
  -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
  -webkit-border-radius: 10px;
  border-radius: 10px;
  background: #ddd;
}

.training {
  padding-top: 30px;
}

  .training .bgarrow {
      max-width: 100%;
      display: inline-block;
      padding-right: 50px;
      padding-bottom: 20px;
      background: url(../images/icon06.png) right bottom no-repeat;
      margin-bottom: 20px;
  }

  .training h3 {
      font-weight: lighter;
      padding-bottom: 10px;
  }

  .training h4 {
      font-size: 16px;
      padding-bottom: 5px;
  }

  .training img {
      display: block;
      max-width: 100%;
  }

  .training .training-text {
      padding: 20px 0 0;
  }

      .training .training-text p {
          position: relative;
          padding-left: 0px;
      }

          .training .training-text p:after {
              content: '';
              position: absolute;
              left: 0;
              top: 2px;
          }

  .training .training-word01, .training .training-word02 {
      display: none;
  }

@media (min-width: 768px) {
  .subbanner img {
      height: 200px;
  }

  .subbanner h3 {
      font-size: 24px;
  }

  .container {
      padding: 40px 0;
  }

  .pro-bg {
      
  }

  .com-tit h4 {
      font-size: 45px;
  }

  .com-tit h2 {
      font-size: 24px;
      line-height: normal;
  }

      .com-tit h2:after {
          margin-top: 22px;
      }

  .product-three {
      margin-top: 30px;
  }

  .product-list {
      margin-top: 15px;
  }

      .product-list li {
          padding: 0 10px;
          margin-bottom: 10px;
      }

      .product-list ul {
          margin: 0 -10px;
          padding-bottom: 20px;
      }

  .table-sm {
      display: table;
  }

  .tablecell-sm {
      display: table-cell;
      width: 50%;
  }

  .font32, .font24 {
      font-size: 24px;
      line-height: normal;
  }

  .product-scroll {
      padding-top: 50px;
  }

      .product-scroll h3 {
          margin-bottom: 30px;
      }

  .product-detail {
      padding-top: 50px;
  }

  .product-bd .tit {
      padding-bottom: 10px;
  }

  .sm-left {
      float: left;
  }

  .sm-right {
      float: right;
  }

  .sm-half {
      width: 50%;
  }

  .investor li {
      padding: 40px 30px;
  }

  .investor ul {
      padding-bottom: 40px;
  }

  .gallery {
      position: relative;
      margin-top: 30px;
  }

      .gallery .thumb {
          position: relative;
      }

  .gallery-large {
      margin-bottom: 0;
      padding-left: 0;
  }

  .gallery-small {
      height: 100%;
      position: absolute;
      right: 0;
      top: 0;
      z-index: 1;
      overflow-x: overlay;
      padding-right: 20px;
  }

      .gallery-small ul {
          width: auto;
          overflow: hidden;
      }

      .gallery-small li {
          padding-right: 0;
          padding-bottom: 10px;
          float: none;
      }

      .gallery-small a:after {
          border-width: 4px;
      }

      .gallery-small h4 {
          font-size: 14px;
          line-height: 30px;
          padding: 0 17px;
      }

      .gallery-small li:last-child {
          padding-bottom: 0;
      }

      .gallery-small img {
          height: auto;
      }

  .training-wrap {
      padding: 20px 0;
  }

  .training-cont {
      padding: 0;
  }

      .training-cont .col-sm-8, .training-cont .col-sm-4 {
          padding: 0;
      }

  .training-text.changepad {
      padding: 7% 30px 0;
  }

  .training-text.changepad02 {
      padding: 7% 20px 0 15px;
  }

  .training-text.changepad03 {
      padding: 20px;
  }
}

@media (min-width: 992px) {
  .md-left {
      float: left;
  }

  .md-half {
      width: 50%;
  }

  .product-text {
      margin-top: 0;
      margin-left: 9%;
  }

  .gallery {
      margin-bottom: 15px;
  }

  .training {
      font-size: 16px;
  }

      .training h4 {
          font-size: 20px;
          padding-bottom: 7px;
      }
}

@media (min-width: 1024px) {
  .subbanner h3 {
      font-size: 30px;
      max-width: 1200px;
  }
	.product-list h3{
		height:32px;
		-webkit-line-clamp:1;
	}
  .product-three a:hover::after {
      display:block;
  }

  .product-list li a {
      position: relative;
  }

      .product-list li a:before {
          content: '';
          display: block;
          position: absolute;
          left: 0;
          top: 0;
          width: 100%;
          height: 2px;
          background-color: #842c44;
          opacity: 0;
          -webkit-transition: .3s ease opacity;
          -o-transition: .3s ease opacity;
          -moz-transition: .3s ease opacity;
          transition: .3s ease opacity;
          -webkit-transition: 0.3s;
          -o-transition: 0.3s;
          -moz-transition: 0.3s;
          transition: 0.3s;
      }

      .product-list li a:hover {
          -webkit-box-shadow: 0 0px 8px 3px rgba(0, 0, 0, 0.1);
          -moz-box-shadow: 0 0px 8px 3px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0px 8px 3px rgba(0, 0, 0, 0.1);
      }

          .product-list li a:hover .img {
              border-color: #fff;
          }

          .product-list li a:hover:before {
              opacity: 1;
          }

  .product-bd a:hover .tit {
      color: #842c44;
  }

  .product-prev:hover, .product-next:hover {
      background-position-y: bottom;
  }

  .download-btn {
      margin-top: 10px;
      margin-right: 30px;
  }

  .investor ul {
      padding-bottom: 60px;
  }

  .investor li {
      position: relative;
      -webkit-transition: 0.3s;
      -o-transition: 0.3s;
      -moz-transition: 0.3s;
      transition: 0.3s;
      padding: 45px 55px;
  }

      .investor li:hover:before {
          display: block;
      }

      .investor li:before {
          content: '';
          display: none;
          width: 100%;
          height: 2px;
          background-color: #842c44;
          position: absolute;
          top: -1px;
          left: 0;
      }

      .investor li:hover {
          -webkit-box-shadow: 0 0px 8px 3px rgba(0, 0, 0, 0.1);
          -moz-box-shadow: 0 0px 8px 3px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0px 8px 3px rgba(0, 0, 0, 0.1);
          border-color: #fff;
      }

          .investor li:hover .download-btn {
              color: #842c44;
              background-image: url(../images/img19.jpg);
          }

  .investor dt {
      padding-top: 2px;
      font-size: 20px;
      padding-bottom: 3px;
  }
}

@media (min-width: 1200px) {
  .subbanner h3 {
      text-align: left;
      -webkit-transform: translate(-50%, -50%);
      -moz-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      -o-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      left: 50%;
  }

  .container {
      padding: 30px 0 60px;
  }

  .com-tit h4 {
      font-size: 60px;
      padding-bottom: 0;
  }

  .com-tit h2 {
      font-size: 30px;
  }

  .product-list {
      margin-top: 30px;
  }

      .product-list ul {
          padding-bottom: 50px;
      }

  .font32 {
      font-size: 32px;
  }

  .product-scroll {
      padding-top: 70px;
      padding-bottom: 60px;
  }

  .training h3 {
      padding-bottom: 28px;
  }

  .training-text {
      font-size: 18px;
      line-height: 28px;
  }

  .training-wrap {
      /** background: url(../images/icon08.png) top repeat-y; **/
      -moz-background-size: 100%;
      -o-background-size: 100%;
      background-size: 100%;
      padding-bottom: 0;
      margin-top: 50px;
      padding-top: 0;
  }

  .training-bot.changepad03 {
      padding-bottom: 0;
  }

  .training-img01 img {
      padding: 2px 3px;
  }

  .training-bot p {
      font-size: 16px;
      line-height: 26px;
  }

  .training-bot h3 {
      padding-bottom: 7px;
  }

  .training-cont {
      border-top: 1px solid transparent;
      position: relative;
  }

      .training-cont .lg-pdleft {
          padding-left: 0;
      }

      .training-cont .lg-pdright {
          padding-right: 0;
      }

      .training-cont .col-sm-4 {
          position: relative;
      }

          .training-cont .col-sm-4:after {
              content: '';
              display: none;
              width: 18px;
              height: 18px;
              background: url(../images/icon07.png) no-repeat;
              position: absolute;
              right: -9px;
              top: -11px;
              z-index: 2;
          }

          .training-cont .col-sm-4.afternone:after {
              display: none;
          }

      .training-cont .iconbot:before, .training-cont .icontop:before {
          content: '';
          display: none;
          width: 18px;
          height: 18px;
          background: url(../images/icon07.png) no-repeat;
          position: absolute;
          right: -9px;
          bottom: -8px;
          z-index: 2;
      }

      .training-cont .icontop:before {
          right: 32.5%;
          top: -11px;
          bottom: auto;
          z-index: 2;
      }

  .training .bgarrow {
      width: 100%;
      display: block;
      background-position: left bottom;
      padding-bottom: 35px;
  }

  .training {
      padding-top: 85px;
  }

  .training-wrap {
      position: relative;
  }

      .training-wrap:after {
          content: '';
          display: none;
          width: 2px;
          height: 300px;
          background-color: #dde3eb;
          position: absolute;
          right: 33.1%;
          top: -300px;
          z-index: 1;
      }

  .training-top {
      width: 100%;
  }

  .training-word01 {
      position: absolute;
      top: -42px;
      right: 0;
      display: block !important;
  }

  .training-word02 {
      position: absolute;
      bottom: 5px;
      left: -105px;
      max-width: none !important;
      display: block !important;
  }
}

.feedback {
  padding-top: 20px;
}

.join-form {
  max-width: 1070px;
  font-size: 14px;
  margin: 0 auto;
}

  .join-form ul {
      margin: 0 -1.2%;
  }

      .join-form ul li {
          float: left;
          width: 100%;
          padding: 0 1.2% 10px;
      }

          .join-form ul li.allwidth {
              width: 100%;
          }

          .join-form ul li .box-input {
              height: 60px;
              line-height: 60px;
              position: relative;
              border: 1px solid #DDDDDD;
              -webkit-transition: all ease-in .3s;
              -o-transition: all ease-in .3s;
              -moz-transition: all ease-in .3s;
              transition: all ease-in .3s;
          }

              .join-form ul li .box-input.textareaheight, .join-form ul li .box-input textarea {
                  height: 400px !important;
              }

              .join-form ul li .box-input:after, .join-form ul li .box-input:before {
                  position: absolute;
                  top: 0;
                  right: 0;
                  bottom: 0;
                  left: 0;
                  content: '';
                  opacity: 0;
                  transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s, -moz-transform 0.35s, -o-transform 0.35s;
              }

              .join-form ul li .box-input:before {
                  border-top: 1px solid #842c44;
                  border-bottom: 1px solid #842c44;
                  -webkit-transform: scale(0, 1);
                  -moz-transform: scale(0, 1);
                  -ms-transform: scale(0, 1);
                  -o-transform: scale(0, 1);
                  transform: scale(0, 1);
              }

              .join-form ul li .box-input:after {
                  border-right: 1px solid #842c44;
                  border-left: 1px solid #842c44;
                  -webkit-transform: scale(1, 0);
                  -moz-transform: scale(1, 0);
                  -ms-transform: scale(1, 0);
                  -o-transform: scale(1, 0);
                  transform: scale(1, 0);
              }

              .join-form ul li .box-input em {
                  position: absolute;
                  right: 20px;
                  color: #ff0000;
                  font-style: normal;
                  top: 0;
              }

              .join-form ul li .box-input span {
                  position: absolute;
                  display: block;
                  top: 18px;
                  left: 18px;
                  color: #737373;
                  -webkit-transition: all ease-in .3s;
                  -o-transition: all ease-in .3s;
                  -moz-transition: all ease-in .3s;
                  transition: all ease-in .3s;
                  line-height: 22px;
                  opacity: 0;
                  color: #842c44;
                  font-size: 10px;
                  z-index: 0;
              }

              .join-form ul li .box-input .codeimg {
                  position: absolute;
                  right: 10px;
                  top: 50%;
                  z-index: 10;
                  margin-top: -21px;
              }

                  .join-form ul li .box-input .codeimg img {
                      display: block;
                      height: 43px;
                  }

              .join-form ul li .box-input input, .join-form ul li .box-input select, .join-form ul li .box-input textarea {
                  width: 100%;
                  background: none;
                  height: 30px;
                  padding-left: 18px;
                  font-size: 14px;
                  color: #333;
                  position: relative;
                  z-index: 1;
                  font-family: "Microsoft YaHei";
              }

                  .join-form ul li .box-input input::-webkit-input-placeholder, .join-form ul li .box-input select::-webkit-input-placeholder, .join-form ul li .box-input textarea::-webkit-input-placeholder {
                      color: #333;
                  }

                  .join-form ul li .box-input input:-moz-placeholder, .join-form ul li .box-input select:-moz-placeholder, .join-form ul li .box-input textarea:-moz-placeholder {
                      color: #333;
                  }

                  .join-form ul li .box-input input::-moz-placeholder, .join-form ul li .box-input select::-moz-placeholder, .join-form ul li .box-input textarea::-moz-placeholder {
                      color: #333;
                  }

                  .join-form ul li .box-input input:-ms-input-placeholder, .join-form ul li .box-input select:-ms-input-placeholder, .join-form ul li .box-input textarea:-ms-input-placeholder {
                      color: #333;
                  }

          .join-form ul li.focus .box-input {
              border: 0;
          }

              .join-form ul li.focus .box-input:after, .join-form ul li.focus .box-input:before {
                  opacity: 1;
                  -webkit-transform: scale(1);
                  -moz-transform: scale(1);
                  -ms-transform: scale(1);
                  -o-transform: scale(1);
                  transform: scale(1);
              }

              .join-form ul li.focus .box-input input, .join-form ul li.focus .box-input textarea, .join-form ul li.focus .box-input select {
                  margin-top: 26px;
                  font-size: 16px;
                  color: #323232;
              }

          .join-form ul li.focus span {
              -webkit-transform: translateY(-12px);
              -moz-transform: translateY(-12px);
              -ms-transform: translateY(-12px);
              -o-transform: translateY(-12px);
              transform: translateY(-12px);
              opacity: 1;
          }

.change-address .box-input {
  margin-bottom: 10px;
}

  .change-address .box-input:last-child {
      margin: 0;
  }

.join-form ul li .box-input input:focus::-webkit-input-placeholder, .join-form ul li .box-input textarea:focus::-webkit-input-placeholder {
  color: transparent;
}

.join-form ul li .box-input input:focus:-moz-placeholder, .join-form ul li .box-input textarea:focus:-moz-placeholder {
  color: transparent;
}

.join-form ul li .box-input inputfocus::-moz-placeholder, .join-form ul li .box-input textareafocus::-moz-placeholder {
  color: transparent;
}

.join-form ul li .box-input input:focus:-ms-input-placeholder, .join-form ul li .box-input textarea:focus:-ms-input-placeholder {
  color: transparent;
}

.form-btn input {
  width: 48%;
  display: block;
  float: left;
  height: 60px;
  max-width: 240px;
  border: 1px solid #DDDDDD;
  color: #737373;
  background: none;
  margin-right: 2%;
  cursor: pointer;
  -webkit-transition: all .35s;
  -o-transition: all .35s;
  -moz-transition: all .35s;
  transition: all .35s;
}

  .form-btn input:hover {
      color: #842c44;
      border-color: #842c44;
  }

.join-form ul li .box-input textarea {
  padding: 15px;
  font-family: "Microsoft YaHei";
}

.contactlist li.cur .subconttact {
  padding-top: 28px;
}

.feedback li:nth-child(3) {
  float: none;
  clear: both;
}

.yzminput {
  padding-right: 190px !important;
  position: relative;
}

  .yzminput i {
      position: absolute;
      right: 10px;
      top: 20px;
      font-size: 12px;
      line-height: 13px;
  }

.codeimg {
  position: absolute;
  right: 80px;
  top: 0;
}

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

.contact-info {
  padding-top: 15px;
  line-height: 30px;
  background: url(../images/bg01.png) repeat;
}

  .contact-info h2 {
      padding-bottom: 5px;
  }

  .contact-info .s-admin, .contact-info .tel, .contact-info .fax, .contact-info .mail, .contact-info .add {
      padding-left: 23px;
  }

  .contact-info .s-admin {
      background: url(../images/s-icon09.png) 2px 8px no-repeat;
  }

  .contact-info .tel {
      background: url(../images/icon09.png) 2px 8px no-repeat;
  }

  .contact-info .fax {
      background: url(../images/icon10.png) 2px 8px no-repeat;
  }

  .contact-info .mail {
      background: url(../images/icon11.png) 2px 8px no-repeat;
  }

  .contact-info .add {
      background: url(../images/icon12.png) 2px 8px no-repeat;
  }

.address-list li {
  padding-bottom: 20px;
  display: none;
}

  .address-list li:first-child {
      display: block;
  }

.address-list h3 {
  padding-bottom: 5px;
}

.dark {
  color: #737373;
}

.disblock {
  display: block;
}

.address-btn {
  padding: 20px 0;
  font-size: 0;
}

  .address-btn a {
      font-size: 14px;
      line-height: 20px;
      display: inline-block;
      margin-bottom: 10px;
      border-left: 2px solid #e6d5da;
  }

  .address-btn .on {
      border-color: #842c44;
      color: #842c44;
  }

.contact-way {
  padding-top: 20px;
}

  .contact-way .bg {
      background-color: #f5f8fb;
      padding: 10px;
      margin-bottom: 2px;
      padding-left: 20%;
  }

  .contact-way .telicon, .contact-way .faxicon, .contact-way .mailicon {
      padding-left: 50px;
      text-align: left;
  }

  .contact-way .telicon {
      background: url(../images/icon13.png) left center no-repeat;
  }

  .contact-way .faxicon {
      background: url(../images/icon14.png) left center no-repeat;
  }

  .contact-way .mailicon {
      background: url(../images/icon15.png) left center no-repeat;
  }

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

.about-cont {
  padding-top: 20px;
  padding-bottom: 30px;
}

  .about-cont img {
      max-width: 100%;
      display: block;
      margin: 20px auto 0;
  }

.event {
  background: url(../images/img32.jpg) top center no-repeat;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  color: #fff;
}

  .event h3 span {
      text-transform: uppercase;
      color: #414649;
      display: inline-block;
      padding-left: 25px;
  }

  .event h3:after {
      content: '';
      display: block;
      width: 20px;
      height: 3px;
      background-color: #842c44;
      margin: 20px 0 0;
  }

  .event .commonweb {
      background-color: rgba(0, 0, 0, 0.4);
      padding-top: 30px;
      padding-bottom: 30px;
  }

.font40 {
  font-size: 24px;
}


.event-list dl {
  padding: 30px 0 0;
}

.event-list dt {
  position: relative;
  padding-top: 2px;
  padding-right: 20px;
}

  .event-list dt:after {
      content: '';
      display: inline-block;
      width: 1px;
      height: 60px;
      background-color: #fff;
      opacity: 0.2;
      vertical-align: top;
      position: absolute;
      right: 0;
      top: 0;
  }

.event-list dd {
  padding: 0 20px;
}

.dev-list {
  padding: 30px 0;
}

  .dev-list img {
      display: block;
      max-width: 100%;
  }

  .dev-list li {
      margin-bottom: 30px;
  }

.dev-img {
  display: none;
}

.dev-time:after {
  content: '';
  display: inline-block;
  width: 50px;
  height: 1px;
  background-color: #dde3eb;
  vertical-align: middle;
  margin: 0 15px;
}

.dev-cont {
  padding-top: 15px;
}

.dev-text h3 {
  font-size: 16px;
  padding-bottom: 5px;
}

.development {
  padding-top: 20px;
}

.more-line {
  padding-top: 20px;
}

.more-list {
  width: 200px;
  height: 60px;
  line-height: 60px;
  display: block;
  background: #842c44 url(../images/more-ar.png) 142px center no-repeat;
  padding-left: 60px;
  color: #fff;
  font-size: 16px;
  margin: 0 auto;
}

.culture-ceo {
  padding-top: 10px;
}

  .culture-ceo li {
      border-bottom: 1px solid #e2eaf1;
      padding: 20px 0;
  }

.culture-ceo-text {
  padding-top: 5px;
  padding-left: 0;
}

  .culture-ceo-text h3 {
      margin-bottom: 5px;
      white-space: nowrap;
      -o-text-overflow: ellipsis;
      text-overflow: ellipsis;
      overflow: hidden;
      line-height: 22px;
      height: 22px;
  }

  .culture-ceo-text .desc {
      color: #898989;
      display: -webkit-box;
      height: 40px;
      line-height: 20px;
      -o-text-overflow: ellipsis;
      text-overflow: ellipsis;
      overflow: hidden;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 2;
  }

.font20 {
  font-size: 16px;
}

.culture-ceo-btn a {
  color: #aaa;
  float: right;
  margin-top: 7px;
  display: inline-block;
}

  .culture-ceo-btn a:before {
      content: '';
      display: block;
      width: 25px;
      height: 26px;
      background: url(../images/icon16.png) bottom left no-repeat;
      margin: 0 auto 10px;
  }

.ceo-bg {
  background: url(../images/img36.jpg) center bottom no-repeat;
  padding-bottom: 50px;
}

.more-icon {
  width: 45px;
  height: 45px;
  background: url(../images/icon17.png) no-repeat;
  display: block;
  margin: 30px auto;
}

.honor {
  padding: 20px 0;
}

.honor-img {
  background: url(../images/img37.jpg) center center no-repeat;
  padding: 30px 0;
}

.gallery-small {
  padding-bottom: 10px;
}

.honor-img .scrollbar::-webkit-scrollbar-thumb {
  background-color: #fff;
}

.honor-img .scrollbar::-webkit-scrollbar-track {
  background-color: #212b31;
}

.honor-img .gallery-large {
  margin-bottom: 15px;
}

  .honor-img .gallery-large .thumb {
      background: url(../images/img39.jpg) no-repeat;
      padding: 10px 10px;
  }

  .honor-img .gallery-large img {
      margin: 0 auto;
  }

  .honor-img .gallery-large h4 {
      position: relative;
      background: none;
      color: #03080d;
      text-align: center;
  }

.honor-img li h4 {
  display: none;
}

.honor-img li a {
  padding: 10px;
}

  .honor-img li a:after {
      border-color: #6b747a;
      opacity: 1;
  }

.honor-img .on:after {
  border-color: #fff;
}

.container.pbnone {
  padding-bottom: 0;
}

.culture {
  padding-bottom: 50px;
}

  .culture img {
      max-width: 100%;
      display: block;
  }

  .culture h3 {
      padding-bottom: 10px;
  }

  .culture .sm-tablecell {
      padding: 10px 0 0;
  }

  .culture .visible-sm {
      display: none;
  }

  .culture .fl {
      padding-right: 5px;
  }

.layout-text {
  padding: 20px 0;
}

.office-list {
  padding-top: 30px;
}

  .office-list li {
      padding-bottom: 20px;
  }

  .office-list img {
      display: block;
      width: 80%;
      margin: 0 auto;
      position: relative;
      z-index: 2;
  }

  .office-list .office-text {
      border: 1px solid #dfdfdf;
      margin-top: -45px;
      padding: 70px 10% 25px 15%;
      color: #999;
      background-color: #fff;
  }

  .office-list h3 {
      padding-bottom: 10px;
      font-size: 16px;
  }

      .office-list h3:before {
          content: '';
          display: block;
          width: 20px;
          height: 2px;
          background-color: #922239;
          margin: 15px 0;
      }

.layout-bg {
  background: url(../images/img59.jpg) center bottom no-repeat;
}

.map img {
  display: block;
  width: 100%;
}

.map-list, .map-list-cont {
  display: none;
}

.map-close {
  width: 18px;
  height: 18px;
  position: absolute;
  right: 50px;
  top: 45px;
  z-index: 2;
  background: url(../images/icon18.png) no-repeat;
}

.map {
  margin-bottom: 25px;
}

.com-tit.text-center h2:after {
  margin: 15px auto 0;
}

.solution-text {
  padding-top: 20px;
  padding-bottom: 30px;
}

.solution-list img {
  width: 100%;
  display: block;
}

.solution-item {
  margin-top: 20px;
  padding-left: 50px;
  padding-bottom: 10px;
  background-repeat: no-repeat;
  background-position: left top;
  -moz-background-size: 40px;
  -o-background-size: 40px;
  background-size: 40px;
}

  .solution-item h3:after {
      content: '';
      display: block;
      width: 22px;
      height: 4px;
      background-color: #666;
      margin: 10px 0;
  }

  .solution-item h4 {
      font-size: 16px;
  }

  .solution-item:nth-child(1) {
      background-image: url(../images/icon20.png);
  }

  .solution-item:nth-child(2) {
      background-image: url(../images/icon21.png);
  }

  .solution-item:nth-child(3) {
      background-image: url(../images/icon22.png);
  }

  .solution-item:nth-child(4) {
      background-image: url(../images/icon23.png);
  }

  .solution-item:nth-child(5) {
      background-image: url(../images/icon24.png);
  }

  .solution-item:nth-child(6) {
      background-image: url(../images/icon25.png);
  }

  .solution-item:nth-child(7) {
      background-image: url(../images/icon26.png);
  }

  .solution-item:nth-child(8) {
      background-image: url(../images/icon27.png);
  }

.solution-related {
  margin-top: 15px;
  padding-top: 15px;
  position: relative;
  border-top: 1px solid #333;
}

  .solution-related:before {
      content: '';
      display: block;
      width: 0;
      height: 0;
      border-top: 5px solid transparent;
      border-bottom: 5px solid transparent;
      border-left: 5px solid #333;
      position: absolute;
      left: 0;
      top: -5px;
  }

  .solution-related h4 {
      padding-left: 10px;
      padding-bottom: 10px;
  }

  .solution-related li {
      padding-bottom: 5px;
  }

  .solution-related a {
      text-decoration: underline;
  }

.Qualification {
  padding-top: 20px;
  font-size: 15px;
  line-height: 22px;
}

  .Qualification .sm-table {
      border-collapse: collapse;
  }

  .Qualification .sm-tablecell {
      border: 1px solid #e6e6e6;
  }

  .Qualification img {
      display: block;
      max-width: 100%;
  }

  .Qualification h3 {
      font-size: 18px;
      line-height: normal;
      padding-bottom: 15px;
	  font-weight:bold;
  }

.advantages {
  padding-top: 20px;
}

.advantages-btn {
  padding-top: 20px;
}

  .advantages-btn li {
      width: auto;
      min-width: 210px;
      text-align: center;
      border: 1px solid #c0c7d2;
      line-height: 33px;
  }

      .advantages-btn li a {
          color: #999;
      }

  .advantages-btn .on {
      background-color: #842c44;
  }

      .advantages-btn .on a {
          color: #fff;
      }

.advantages-tit {
  border-top: 1px solid #842c44;
  margin-top: 20px;
}

  .advantages-tit:before {
      content: '';
      display: block;
      float: left;
      width: 80px;
      height: 80px;
      background: url(../images/icon36.png) no-repeat;
      margin-right: 10px;
  }

  .advantages-tit h3 {
      padding-top: 10px;
      padding-bottom: 5px;
  }

  .advantages-tit h4 {
      line-height: 18px;
  }

.m-imgthumb {
  border: 1px solid #c0c7d2;
  padding: 50px 30px;
  position: relative;
  margin-top: 20px;
  background-color: #fff;
}

  .m-imgthumb img {
      max-width: 100%;
      display: block;
      margin: 0 auto;
  }

.m-img-prev, .m-img-next {
  width: 22px;
  height: 41px;
  position: absolute;
  top: 50%;
  margin-top: -20px;
}

.m-img-prev {
  left: 5px;
  background: url(../images/icon35.png) no-repeat;
}

.m-img-next {
  right: 5px;
  background: url(../images/icon37.png) no-repeat;
}

.m-img-hd {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 1;
  text-align: right;
}

  .m-img-hd span {
      width: 10px;
      height: 5px;
      background-color: #c0c7d2;
      -webkit-border-radius: 0;
      -moz-border-radius: 0;
      border-radius: 0;
      -webkit-transition: 0.3s ease width;
      -o-transition: 0.3s ease width;
      -moz-transition: 0.3s ease width;
      transition: 0.3s ease width;
      opacity: 1;
  }

      .m-img-hd span.swiper-pagination-bullet-active {
          width: 32px;
          background-color: #842c44;
      }

.m-textthumb {
  padding-top: 20px;
  color: #999;
}

  .m-textthumb h5 {
      font-size: 14px;
  }

  .m-textthumb h2 {
      padding-bottom: 5px;
  }

  .m-textthumb a {
      color: #999;
  }

      .m-textthumb a:hover {
          text-decoration: underline;
          color: #333;
      }

  .m-textthumb h5 {
      padding-top: 15px;
      padding-bottom: 3px;
  }

.m-image-bottom {
  margin-top: 30px;
  background: url(../images/img73.jpg) no-repeat;
  padding: 10px 0 30px;
}

  .m-image-bottom .text-red, .m-image-bottom .text-gray, .m-image-bottom .text-black, .m-image-bottom .m-textthumb, .m-image-bottom a {
      color: #fff;
  }

.advantages-list {
  display: none;
}

  .advantages-list:first-child {
      display: block;
  }

.singlePage {
  padding-top: 20px;
}

  .singlePage img {
      max-width: 100%;
      display: block;
      margin: 0 auto;
  }

.singlePage-text {
  padding-bottom: 20px;
}

.test-tit {
  border-top: 2px solid #842c44;
}

  .test-tit h3 {
      display: inline-block;
      color: #fff;
      padding: 10px 30px;
      background: #842c44 url(../images/icon40.png) 2px center no-repeat;
      -moz-background-size: 30px;
      -o-background-size: 30px;
      background-size: 30px;
  }

.test-one {
  padding-top: 30px;
}

  .test-one img {
      display: block;
      max-width: 100%;
      margin: 20px auto 0;
  }

.test-cont {
  padding-top: 20px;
}

  .test-cont .en {
      border-top: 4px solid #842c44;
      display: inline-block;
      margin-top: 10px;
      text-transform: uppercase;
      letter-spacing: 2px;
  }

.test-two {
  margin-top: 30px;
  background: url(../images/img76.jpg) center no-repeat;
  padding-bottom: 30px;
  color: #474949;
}

  .test-two h4 {
      padding-left: 10px;
      padding-top: 20px;
  }

      .test-two h4:after {
          content: '';
          display: block;
          width: 28px;
          height: 2px;
          background-color: #fff;
          margin: 15px 0 10px;
      }

  .test-two .pad {
      padding: 10px 0;
  }

  .test-two .p1 {
      position: relative;
      padding-left: 10px;
  }

      .test-two .p1 .fl {
          position: absolute;
          left: 0;
          top: 3px;
      }

  .test-two img {
      max-width: 100%;
      display: block;
      margin-top: 20px;
  }

.test-three {
  padding: 30px 0;
}

.plan-left {
  padding-top: 20px;
  color: #777777;
}

  .plan-left h4 {
      color: #474949;
      border-bottom: 4px solid #842c44;
      display: inline-block;
      padding-right: 15px;
      padding-bottom: 10px;
  }

  .plan-left h5 {
      text-transform: uppercase;
      letter-spacing: 2px;
      padding-top: 5px;
      padding-bottom: 10px;
  }

  .plan-left .p1 {
      position: relative;
      padding-left: 10px;
  }

      .plan-left .p1 .dian {
          position: absolute;
          left: 0;
          top: 3px;
      }

.plan-ul {
  padding-top: 20px;
}

  .plan-ul li {
      padding-bottom: 10px;
  }

  .plan-ul .table {
      display: table;
      width: 100%;
      border: 1px solid #eaeaea;
      padding: 15px 20px;
      color: #777;
  }

  .plan-ul .tablecell {
      display: table-cell;
      vertical-align: middle;
      text-align: center;
  }

  .plan-ul img {
      display: block;
      margin: 0 auto;
  }

  .plan-ul p {
      text-align: left;
  }

  .plan-ul .plan-text {
      padding-left: 0px;
  }

  .plan-ul .plan-img {
      width: 45%;
  }

  .plan-ul h4 {
      color: #474949;
      font-size: 16px;
      padding-top: 5px;
  }

.test-process {
  position: relative;
}

  .test-process:before {
      content: '';
      display: block;
      width: 100%;
      height: 1px;
      background-color: #eaeaea;
      position: absolute;
      left: 0;
      top: 50%;
      z-index: 1;
  }

.process-bd {
  text-align: center;
}

  .process-bd li {
      width: auto;
      z-index: 2;
  }

      .process-bd li:nth-child(2n) {
          padding-top: 71px;
      }

      .process-bd li:nth-child(2n-1) .icon {
          -webkit-transform: rotate(180deg);
          -moz-transform: rotate(180deg);
          -ms-transform: rotate(180deg);
          -o-transform: rotate(180deg);
          transform: rotate(180deg);
      }

  .process-bd .tit {
      background-color: #842c44;
      width: 84px;
      height: 47px;
      line-height: 47px;
      text-align: center;
      color: #fff;
      display: block;
      -webkit-border-radius: 3px;
      -moz-border-radius: 3px;
      border-radius: 3px;
      font-size: 16px;
  }

  .process-bd .icon {
      display: block;
      width: 21px;
      height: 45px;
      margin: 0 auto;
      background: url(../images/icon45.png) no-repeat;
  }

@media (min-width: 768px) {
  .join-form ul li {
      width: 50%;
  }

  .form-btn {
      padding-top: 20px;
      padding-bottom: 45px;
  }

  .feedback {
      margin-top: 30px;
      padding: 30px;
      border-top: 2px solid #842c44;
      background-color: #FFFFFF;
      -webkit-box-shadow: 0 0 13px 3px rgba(0, 0, 0, 0.1);
      -moz-box-shadow: 0 0 13px 3px rgba(0, 0, 0, 0.1);
      box-shadow: 0 0 13px 3px rgba(0, 0, 0, 0.1);
      overflow: hidden;
  }

  .contact .sm-tablecell:first-child {
      width: 45%;
  }

  .contact .sm-tablecell {
      vertical-align: middle;
  }

  .contact-info {
      padding: 15px;
  }

      .contact-info h2 {
          padding-bottom: 10px;
      }

  .address-btn {
      padding: 30px 0 20px;
  }

  .address-list {
      line-height: 26px;
  }

  .contact-way {
      padding-top: 40px;
  }

      .contact-way .bg {
          padding-left: 0;
          border-right: 2px solid #fff;
          text-align: center;
          padding: 28px 0;
          margin-bottom: 0;
      }

      .contact-way .telicon, .contact-way .faxicon, .contact-way .mailicon {
          display: inline-block;
          line-height: 20px;
      }

  .about-text {
      font-size: 15px;
      line-height: 26px;
  }

  .event .commonweb {
      padding-top: 50px;
      padding-bottom: 80px;
  }

  .font40 {
      font-size: 30px;
  }

  .development {
      padding-top: 30px;
  }

  .event-list {
      font-size: 16px;
      line-height: 24px;
  }

  .dev-img {
      float: left;
      width: 21.7%;
  }

  .dev-text {
      padding-top: 4px;
      padding-left: 20px;
      font-size: 16px;
      line-height: 26px;
  }

      .dev-text h3 {
          font-size: 20px;
      }

  .dev-list {
      overflow: hidden;
  }

      .dev-list ul {
          position: relative;
      }

          .dev-list ul:after {
              content: '';
              display: block;
              width: 1px;
              height: 100%;
              position: absolute;
              left: 50%;
              top: 0;
              background-color: #dde3eb;
          }

      .dev-list li {
          margin-bottom: 40px;
          position: relative;
      }

          .dev-list li:before {
              content: '';
              display: block;
              width: 100%;
              max-width: 457px;
              height: 1px;
              background-color: #dde3eb;
              position: absolute;
              left: 22%;
              top: 60px;
              z-index: 0;
          }

          .dev-list li .dev-img {
              display: block;
              min-height: 105px;
              position: relative;
              z-index: 1;
          }

              .dev-list li .dev-img span {
                  display: block;
                  position: absolute;
                  left: 0;
                  top: 0;
                  z-index: -1;
                  width: 21%;
                  height: 100%;
              }

      .dev-list .has:before {
          top: 78px;
      }

  .dev-time {
      padding: 0 15px;
      margin-left: 8.75%;
      background-color: #fff;
  }

      .dev-time:after {
          display: none;
      }

  .dev-list .has .dev-cont {
      padding-top: 8.5%;
  }

  .dev-list .dev-cont {
      padding-top: 6.5%;
  }

  .dev-text {
      float: right;
      padding-top: 0;
      margin-top: -1px;
      padding-left: 20px;
      padding-right: 5.5%;
      width: 40%;
  }

  .dev-list li:last-child {
      margin-bottom: 0;
  }

  .more-line {
      padding-top: 0;
  }

      .more-line:before {
          content: '';
          display: block;
          width: 1px;
          height: 60px;
          background: url(../images/line.png) left bottom no-repeat;
          margin: 0 auto;
      }

  .culture-ceo-text {
      padding-top: 0;
  }

  .culture-ceo li {
      padding: 30px 0;
  }

  .more-icon {
      margin-top: 50px;
  }

  .ceo-bg {
      padding-bottom: 115px;
  }

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

  .gallery-small {
      padding-bottom: 0;
  }

  .honor-img {
      padding: 40px 0 45px;
  }

      .honor-img .gallery-large {
          margin-bottom: 0;
      }

          .honor-img .gallery-large .thumb {
              padding: 30px 20px 10px;
          }

          .honor-img .gallery-large h4 {
              padding-top: 10px;
          }

      .honor-img .gallery-small a:after {
          border-width: 2px;
      }

  .culture .culture-item {
      width: 100%;
  }

  .culture .sm-tablecell {
      width: 33.333333%;
      padding-top: 0;
      vertical-align: middle;
  }

      .culture .sm-tablecell .thumb {
          padding: 0 20px;
      }

  .culture .hidden-sm {
      display: none;
  }

  .culture .culture-item {
      border-bottom: 1px solid #dde3eb;
  }

      .culture .culture-item:last-child {
          border-bottom: none;
      }

          .culture .culture-item:last-child .sm-tablecell img {
              padding-bottom: 0;
          }

  .culture .sm-tablecell {
      border-left: 1px solid #dde3eb;
      position: relative;
  }

      .culture .sm-tablecell img {
          padding: 2px;
      }

      .culture .sm-tablecell:first-child {
          border-left: none;
      }

          .culture .sm-tablecell:first-child img {
              padding-left: 0;
          }

      .culture .sm-tablecell:last-child img {
          padding-right: 0;
      }

      .culture .sm-tablecell.v-mid {
          vertical-align: middle;
      }

          .culture .sm-tablecell.v-mid .thumb {
              padding-top: 0;
          }

  .culture .iconrb:after, .culture .iconlb:after {
      content: '';
      width: 18px;
      height: 18px;
      position: absolute;
      background: url(../images/icon07.png) no-repeat;
      display: block;
      z-index: 2;
      bottom: -8px;
  }

  .culture .iconrb:after {
      right: -9px;
  }

  .culture .iconlb:after {
      left: -9px;
  }

  .culture .visible-sm {
      display: table-cell;
  }

  .imgword {
      position: absolute;
      bottom: 2px;
      z-index: 2;
  }

      .imgword img {
          display: block;
      }

      .imgword.rb {
          right: 2px;
      }

      .imgword.lb {
          left: 2px;
      }

  .width48 {
      width: 48%;
  }

  .width66 {
      width: 66.6666%;
  }

  .width75 {
      width: 75%;
  }

  .width81 {
      width: 81%;
  }

  .width88 {
      width: 88%;
  }

  .width91 {
      width: 91%;
  }

  .width96 {
      width: 96%;
  }

  .culture {
      padding-top: 20px;
  }

  .layout-text {
      padding: 30px 0;
      font-size: 16px;
      line-height: 26px;
  }

  .office-list {
      padding-top: 40px;
  }

      .office-list ul {
          margin: 0 -30px;
      }

      .office-list li {
          padding: 0 30px 50px;
      }

  .map .large-img {
      position: relative;
      left: 50%;
      -webkit-transform: translateX(-50%);
      -moz-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      -o-transform: translateX(-50%);
      transform: translateX(-50%);
      width: auto;
      height: 430px;
  }

  .map {
      margin-bottom: 40px;
  }

  .Qualification {
      padding-top: 30px;
  }

      .Qualification .sm-table:last-child {
          margin-top: -1px;
      }

  .com-tit.text-center h2:after {
      margin: 22px auto 0;
  }

  .Qualification .sm-tablecell {
      width: 50%;
      vertical-align: middle;
  }

  .Qualification-text {
      padding: 42px;
  }

  .m-textthumb {
      padding-left: 30px;
      padding-top: 40px;
  }

  .advantages-tit {
      margin-top: 30px;
  }

  .advantages {
      padding-top: 30px;
  }

  .singlePage {
      font-size: 15px;
  }

  .test-one .sm-tablecell {
      vertical-align: middle;
  }

  .test-cont {
      width: 33%;
  }

  .test-two-text {
      float: left;
      width: 35%;
  }

  .test-two img {
      width: 65%;
      float: left;
      margin-top: 90px;
  }

  .test-two h4 {
      padding-top: 30px;
  }

  .test-cont .en {
      padding-top: 10px;
  }

  .plan-left {
      padding-top: 30px;
  }

      .plan-left h4 {
          padding-bottom: 15px;
          margin-bottom: 2px;
      }

      .plan-left h5 {
          padding-bottom: 15px;
      }

  .test-process {
      padding-top: 20px;
  }
}

@media (min-width: 992px) {
  .feedback {
      margin-top: 43px;
      padding: 85px 70px 0;
  }

  .contact-info {
      padding: 0 20px 0 7%;
  }

  .contact .sm-tablecell:first-child {
      width: 47%;
  }

  .dev-list .dev-cont {
      position: relative;
  }

      .dev-list .dev-cont:before {
          content: '';
          display: block;
          width: 18px;
          height: 18px;
          background: url(../images/icon07.png) no-repeat;
          position: absolute;
          left: 50%;
          top: 62px;
          margin-left: -9px;
          margin-top: -11px;
          z-index: 2;
      }

  .dev-list .has .dev-cont {
      padding-top: 9%;
  }

      .dev-list .has .dev-cont:before {
          top: 50%;
      }

  .dev-list li:before {
      top: 71px;
  }

  .dev-list .dev-cont:before {
      top: 73px;
  }

  .dev-list .has:before {
      top: 95px;
  }

  .font20 {
      font-size: 20px;
  }

  .culture-ceo-text h3 {
      margin-bottom: 15px;
  }

  .culture-ceo-btn a:before {
      margin-top: 5px;
  }

  .culture-ceo li {
      padding: 45px 0;
  }

  .honor-img {
      margin-top: 20px;
  }

      .honor-img .gallery-small li {
          width: 50%;
          float: left;
          padding: 5px;
      }

          .honor-img .gallery-small li img {
              height: 92px;
              margin: 0 auto;
          }

      .honor-img .gallery-small {
          width: 41.6%;
          padding-right: 30px;
          padding-left: 20px;
      }

          .honor-img .gallery-small a {
              padding: 22px 10px;
          }

      .honor-img .gallery-large {
          width: 58.4%;
      }

  .layout-bg {
      padding-bottom: 50px;
  }

  .layout-text {
      padding-bottom: 50px;
  }

  .m-small-img {
      vertical-align: middle;
      padding-top: 20px;
  }

      .m-small-img a {
          float: left;
          display: block;
          border: 1px solid #c0c7d2;
          width: 100px;
          height: 100px;
          overflow: hidden;
          position: relative;
          background-color: #fff;
          margin-right: 20px;
      }

          .m-small-img .on, .m-small-img a:hover {
              border-color: #842c44;
              border-width: 2px;
          }

      .m-small-img img {
          max-width: 100%;
          max-height: 100%;
          display: block;
          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%);
      }

  .singlePage {
      padding-top: 30px;
  }

      .singlePage img {
          float: right;
          max-width: 50%;
          margin-top: -30px;
      }

  .singlePage-text {
      padding-left: 0;
  }

  .test-cont {
      width: 43%;
      padding-left: 50px;
  }

  .test-process {
      padding-top: 30px;
  }
}

@media (min-width: 1024px) {
  .address-btn a:hover {
      color: #842c44;
      border-color: #842c44;
  }

  .culture-ceo li:hover a {
      color: #852b44;
  }

      .culture-ceo li:hover a:before {
          background-position-y: top;
      }

  .advantages-tit {
      margin-top: 50px;
      margin-bottom: 20px;
  }

  .advantages-btn {
      padding-top: 43px;
  }
}

@media (min-width: 1200px) {
  .address-btn a {
      width: auto;
      padding: 0 40px 0 15px;
  }

  .address-btn {
      padding: 50px 0 25px;
  }

  .contact {
      padding-top: 30px;
  }

  .about-text {
      float: left;
      width: 715px;
  }

  .about-cont img {
      float: right;
      margin: 0;
  }

  .about-cont {
      margin-top: -45px;
  }

  .about-text {
      padding-top: 50px;
  }

  .font40 {
      font-size: 40px;
  }
  .font22{
	  font-size:22px;
  }
  .font20a{
	  font-size:20px;
  }

  .event .commonweb {
      padding: 75px 48px;
      min-height: 650px;
  }

  .event-list dl {
      padding-top: 70px;
  }

      .event-list dl:first-child {
          padding-top: 50px;
      }

  .event {
      margin-top: 35px;
  }

      .event h3:after {
          margin-top: 35px;
      }

  .dev-list {
      padding-bottom: 255px;
  }

      .dev-list .has .dev-cont {
          padding-top: 9.4%;
      }

      .dev-list .dev-cont:before {
          margin-top: -11px;
      }

      .dev-list li {
          margin-bottom: 15px;
      }

      .dev-list .has:before {
          top: 126px;
      }

      .dev-list .dev-cont:before {
          top: 96px;
      }

      .dev-list li:before {
          top: 93px;
      }

  .dev-bg {
      background: url(../images/img35.jpg) center bottom no-repeat;
  }

  .more-line:before {
      height: 155px;
  }

  .honor-img {
      padding: 60px 0 75px;
  }

      .honor-img .gallery-large .thumb {
          padding: 65px 0 35px;
      }

      .honor-img .gallery-large h4 {
          padding-top: 17px;
      }

      .honor-img .gallery-large img {
          max-height: 310px;
          max-width: 100%;
      }

  .culture {
      padding-bottom: 145px;
  }

      .culture h3 {
          padding-bottom: 30px;
      }

      .culture .sm-tablecell {
          vertical-align: top;
          font-size: 16px;
          line-height: 26px;
      }

          .culture .sm-tablecell .thumb {
              padding: 65px 20px 0 30px;
          }

  .layout-bg {
      padding-bottom: 80px;
  }

  .office-list {
      padding-top: 55px;
  }

      .office-list ul {
          margin: 0 -42px;
      }

      .office-list li {
          padding: 0 42px 70px;
      }

  .map .large-img {
      height: auto;
  }

  .map {
      position: relative;
      margin-bottom: 50px;
  }

  .city-btn a {
      width: 60px;
      height: 90px;
      display: block;
      position: absolute;
  }

      .city-btn a:nth-child(1) {
          left: 224px;
          top: 240px;
      }

      .city-btn a:nth-child(2) {
          left: 567px;
          top: 177px;
      }

      .city-btn a:nth-child(3) {
          left: 827px;
          top: 275px;
      }

      .city-btn a:nth-child(4) {
          left: 894px;
          top: 267px;
      }

      .city-btn a:nth-child(5) {
          left: 954px;
          top: 242px;
      }

  .map-cont {
      width: 1200px;
      height: 100%;
      position: absolute;
      left: 50%;
      top: 0;
      z-index: 2;
      margin-left: -600px;
  }

  .map-list {
      background-color: rgba(19, 20, 21, 0.25);
  }

  .map-list-cont {
      width: 100%;
      height: 100%;
      position: absolute;
      left: 0;
      top: 0;
      z-index: 3;
      background-repeat: no-repeat;
      background-position: top center;
  }

      .map-list-cont .commonweb {
          width: 1200px;
          height: 100%;
          position: absolute;
          left: 50%;
          top: 0;
          -webkit-transform: translateX(-50%);
          -moz-transform: translateX(-50%);
          -ms-transform: translateX(-50%);
          -o-transform: translateX(-50%);
          transform: translateX(-50%);
      }

      .map-list-cont .thumb {
          position: relative;
      }

  .map-info {
      width: 420px;
      background: #fff url(../images/img63.jpg) right bottom no-repeat;
      border-left: 5px solid #842c44;
      position: absolute;
      z-index: 5;
      padding: 40px 60px 33px 45px;
      font-size: 14px;
      line-height: 22px;
  }

      .map-info h3 {
          font-size: 36px;
          line-height: normal;
      }

          .map-info h3:after {
              content: '';
              display: block;
              width: 20px;
              height: 2px;
              background-color: #1b2422;
              opacity: 0.1;
              margin: 20px 0 15px;
          }

      .map-info .text-red {
          padding-bottom: 15px;
      }

      .map-info.x-right {
          left: 466px;
          top: 175px;
      }

      .map-info.x-right2 {
          right: 78px;
          top: 175px;
      }

      .map-info.x-right3 {
          left: 278px;
          top: 175px;
      }

      .map-info.x-right4 {
          left: 405px;
          top: 175px;
      }

      .map-info.x-right5 {
          left: 395px;
          top: 175px;
      }

  .solution-list {
      /*background: url(../images/img69.jpg) center center no-repeat;*/
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
  }

      .solution-list .commonweb {
          position: relative;
      }

  .solution-thumb {
      width: 100%;
      height: 100%;
      background-color: rgba(50, 58, 62, 0.97);
      position: absolute;
      left: 0;
      top: 0;
      z-index: 2;
      padding-left: 128px;
      padding-top: 125px;
  }

  .solution-item {
      color: #fff;
      padding-left: 85px;
      -moz-background-size: auto;
      -o-background-size: auto;
      background-size: auto;
      display: none;
  }

      .solution-item h3 {
          padding-top: 10px;
      }

          .solution-item h3:after {
              background-color: #fff;
              margin: 30px 0 25px;
          }

      .solution-item .solution-item-cont {
          width: 710px;
          min-height: 265px;
          font-size: 16px;
          line-height: 26px;
      }

  .solution-related {
      border-color: #fff;
      padding-top: 30px;
      margin-top: 50px;
  }

      .solution-related a {
          color: #fff;
      }

      .solution-related h4 {
          font-size: 18px;
          padding-bottom: 20px;
      }

      .solution-related:before {
          border-left-color: #fff;
      }

  .solution-wrap {
      display: none;
  }

  .solution-close {
      width: 20px;
      height: 20px;
      display: block;
      background: url(../images/icon18.png) center center no-repeat;
      position: absolute;
      right: 39px;
      top: 34px;
      z-index: 5;
  }

  .solution-btn a {
      width: 150px;
      height: 115px;
      display: block;
      position: absolute;
  }

      .solution-btn a:nth-child(1) {
          left: 99px;
          top: 127px;
      }

      .solution-btn a:nth-child(2) {
          width: 165px;
          left: 5px;
          top: 242px;
      }

      .solution-btn a:nth-child(3) {
          width: 165px;
          left: 5px;
          top: 365px;
      }

      .solution-btn a:nth-child(4) {
          left: 99px;
          top: 477px;
      }

      .solution-btn a:nth-child(5) {
          right: 99px;
          top: 127px;
      }

      .solution-btn a:nth-child(6) {
          right: 5px;
          top: 242px;
      }

      .solution-btn a:nth-child(7) {
          width: 165px;
          right: 5px;
          top: 365px;
      }

      .solution-btn a:nth-child(8) {
          width: 165px;
          right: 99px;
          top: 477px;
      }

  .solution-list {
      position: relative;
  }

      .solution-list .solution-wrap {
          width: 100%;
          height: 100%;
          position: absolute;
          left: 50%;
          top: 0;
          -webkit-transform: translateX(-50%);
          -moz-transform: translateX(-50%);
          -ms-transform: translateX(-50%);
          -o-transform: translateX(-50%);
          transform: translateX(-50%);
      }

  .solution-item:nth-child(1) {
      background-image: url(../images/icon19.png);
  }

  .solution-item:nth-child(2) {
      background-image: url(../images/icon28.png);
  }

  .solution-item:nth-child(3) {
      background-image: url(../images/icon29.png);
  }

  .solution-item:nth-child(4) {
      background-image: url(../images/icon30.png);
  }

  .solution-item:nth-child(5) {
      background-image: url(../images/icon31.png);
  }

  .solution-item:nth-child(6) {
      background-image: url(../images/icon32.png);
  }

  .solution-item:nth-child(7) {
      background-image: url(../images/icon33.png);
  }

  .solution-item:nth-child(8) {
      background-image: url(../images/icon34.png);
  }

  .Qualification {
      padding-bottom: 40px;
  }

  .m-textthumb {
      padding-left: 55px;
      padding-top: 60px;
  }

      .m-textthumb .font18 {
          font-size: 18px;
      }

      .m-textthumb a {
          font-size: 16px;
          line-height: 30px;
      }

      .m-textthumb h5:first-of-type {
          padding-top: 80px;
      }

      .m-textthumb h5 {
          padding-bottom: 8px;
          padding-top: 50px;
      }

      .m-textthumb .pbnone {
          padding-bottom: 0;
      }

  .m-imgthumb {
      padding: 110px 30px 140px;
  }

  .m-small-img {
      padding-top: 100px;
  }

  .m-image-bottom {
      margin-top: 65px;
      padding-top: 45px;
      padding-bottom: 65px;
  }

      .m-image-bottom a:hover {
          color: #FFFFFF;
      }

  .singlePage {
      padding-top: 45px;
  }

      .singlePage img {
          margin-top: -70px;
      }

  .singlePage-text {
      width: 55%;
  }

  .test-one img {
      margin-top: -40px;
  }

  .test-one {
      padding-top: 60px;
  }

  .test-tit h3 {
      min-width: 180px;
      height: 100px;
      line-height: 100px;
      padding: 0 0 0 48px;
      -moz-background-size: auto;
      -o-background-size: auto;
      background-size: auto;
      background-position-x: 8px;
  }

  .test-two {
      padding-bottom: 110px;
      font-size: 15px;
  }

  .test-two-text {
      padding-left: 57px;
      padding-top: 40px;
  }

  .test-two img {
      width: auto;
      float: right;
      margin-top: 50px;
  }

  .test-two h4:after {
      margin-top: 10px;
      margin-bottom: 18px;
  }

  .plan-left {
      padding-right: 70px;
      padding-left: 50px;
      padding-top: 90px;
      font-size: 15px;
  }

  .plan-ul {
      padding-top: 45px;
      padding-right: 0;
      overflow: hidden;
  }

      .plan-ul li {
          padding: 5px;
      }

      .plan-ul ul {
          margin: 0 -5px;
      }

      .plan-ul .plan-text {
          padding-left: 10px;
      }

  .test-process {
      padding-top: 45px;
      padding-bottom: 35px;
  }

  .process-bd {
      padding: 0 80px;
  }

      .process-bd li {
          font-size: 18px;
      }

  .test-one {
      padding-bottom: 25px;
  }

  .test-cont .en {
      margin-top: 32px;
  }

  .test-three {
      padding-top: 100px;
  }
}

.innerbanner03 {
  width: 100%;
  position: relative;
}

  .innerbanner03 img {
      display: block;
      width: 100%;
  }

.subnavlist03 {
  background-color: #f2f2f2;
}

  .subnavlist03 .commonweb {
      display: none;
      max-width: 100%;
  }

  .subnavlist03 ul li {
      font-size: 16px;
      text-align: center;
  }

      .subnavlist03 ul li a {
		  position:relative;
          display: block;
          width: 100%;
          font-size: 16px;
          padding: 22px 0;
          text-align: center;
          line-height: 18px;
          background-color: #f2f2f2;
          color: #333333;
      }
	  .subnavlist03 ul li a:after{
		  position:absolute;
		  bottom:15%;
		  left:50%;
		  display:none;
		  height:5px;
		  width:100%;
		  background:#842c44;
		  transform:translateX(-50%);
		  content:'';
	  }

          .subnavlist03 ul li a:hover {
              color: #842c44;
          }

          .subnavlist03 ul li a.cur:after {
			  display:block;
          }

.zsannavbtn03 {
  padding: 15px;
  color: #333333;
  text-align: center;
  font-size: 16px;
  cursor: pointer;
}

  .zsannavbtn03 a:after {
      display: inline-block;
      content: "";
      width: 12px;
      height: 12px;
      border-left: 1px solid #333333;
      border-bottom: 1px solid #333333;
      margin: 0 0 3px 6px;
      -webkit-transform: rotate(-45deg);
      -moz-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
      -o-transform: rotate(-45deg);
      transform: rotate(-45deg);
  }

@media (min-width: 768px) {
  .zsannavbtn03 {
      display: none;
  }

  .subnavlist03 .commonweb {
      display: block;
  }

  .subnavlist03 {
      display: block;
      text-align: center;
  }

      .subnavlist03 ul li {
          display: inline-block;
      }

          .subnavlist03 ul li a {
              width: auto;
              padding: 22px 0px;
              margin: 0 15px;
          }
}

@media (min-width: 1024px) {
  .subnavlist03 ul li a {
      padding: 22px 0px;
	  margin: 0 20px;
  }
}

@media (min-width: 1199px) {
  .subnavlist03 ul li a {
      padding: 22px 0px;
	  margin: 0 36px;
  }
}

@media (max-width: 319px) {
  body {
      width: 320px;
  }
}

.newscont8 {
  padding: 10px 0;
  background-color: #fff;
}

.newslistext08 {
  background-color: #fff;
  padding: 100px 26px 60px;
  height: 100%;
  color: #666;
  position: relative;
  border: 1px solid #cdd7dd;
}

  .newslistext08 h4 {
      font-size: 20px;
      line-height: 28px;
      margin-bottom: 38px;
      -o-text-overflow: ellipsis;
      text-overflow: ellipsis;
      -webkit-box-orient: vertical;
      overflow: hidden;
      display: -webkit-box;
      -webkit-line-clamp: 2;
  }

      .newslistext08 h4 a {
          color: #333;
      }

.newslist08 {
  overflow: hidden;
  position: relative;
}

  .newslist08 ul {
      margin: 0 -12px;
  }

      .newslist08 ul li {
          padding: 12px;
      }

.newslistcont08 {
  overflow: hidden;
  position: relative;
}

.newslisimg08 {
  height: 100%;
  background-color: #fff;
  position: absolute;
  left: 0;
  top: 0;
}

.nsimg08 {
  width: 100%;
}

  .nsimg08 img {
      display: block;
      width: 100%;
  }

.newslisimg08 h4 {
  margin: 65px 26px 0;
  font-size: 20px;
  line-height: 28px;
  height: 56px;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
}

.newslisimg08 a {
  color: #333;
}

.nstext08 {
  line-height: 24px;
  height: 120px;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 5;
}

.newsdate08 {
  width: 80px;
  height: 80px;
  background-color: #3a3f40;
  color: #fff;
  position: absolute;
  top: 0;
  left: 28px;
  text-align: center;
}

  .newsdate08 p {
      font-size: 40px;
      line-height: 50px;
  }

.back {
  display: none;
}

.newslist08 ul {
  padding-bottom: 20px;
}

@media (min-width: 768px) {
  .newscont8 {
      padding: 20px 0;
  }

  .newslistext08 {
      padding: 100px 26px 0;
  }

  .newslistcont08 {
      height: 435px;
  }

  .nsimg08 {
      display: block;
      width: 100%;
      height: 213px;
      overflow: hidden;
      position: relative;
  }

      .nsimg08 img {
          display: block;
          width: 100%;
      }

  .front, .back {
      position: absolute;
      left: 0;
      top: 0;
      bottom: 0;
      right: 0;
      -webkit-backface-visibility: hidden;
      -moz-backface-visibility: hidden;
      backface-visibility: hidden;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
      background-position: center;
      overflow: hidden;
      -webkit-transition: .6s;
      -o-transition: .6s;
      -moz-transition: .6s;
      transition: .6s;
  }

  .back {
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      -webkit-transform: rotateY(-180deg);
      -moz-transform: rotateY(-180deg);
      transform: rotateY(-180deg);
      z-index: 1;
  }

  .front {
      -webkit-transform: rotateY(0deg);
      -moz-transform: rotateY(0deg);
      transform: rotateY(0deg);
      z-index: 2;
  }

  .newslist08 ul li:hover .back {
      opacity: 1;
      -webkit-transform: rotateY(0deg);
      -moz-transform: rotateY(0deg);
      transform: rotateY(0deg);
      z-index: 2;
  }

  .newslist08 ul li:hover .front {
      -webkit-transform: rotateY(-180deg);
      -moz-transform: rotateY(-180deg);
      transform: rotateY(-180deg);
      z-index: 1;
  }

  .newslist08 ul {
      padding-bottom: 40px;
  }
}

@media (min-width: 1024px) {
  .newscont8 {
      padding: 36px 0;
  }

  .newslistcont08:hover {
      -webkit-box-shadow: 0 0 12px 3px rgba(0, 0, 0, 0.1);
      -moz-box-shadow: 0 0 12px 3px rgba(0, 0, 0, 0.1);
      box-shadow: 0 0 12px 3px rgba(0, 0, 0, 0.1);
  }

  .newslist08 ul {
      padding-bottom: 48px;
  }
}

.newscont7 {
  padding: 36px 0;
}

.hotnews07 {
  position: relative;
  background-color: #3a3f40;
  overflow: hidden;
  margin-bottom: 15px;
}

  .hotnews07 ul li {
      width: 100%;
      overflow: hidden;
      float: left;
      height: 100%;
      position: relative;
      color: #333;
  }

.hotnewslist07 dt {
  overflow: hidden;
}

  .hotnewslist07 dt img {
      display: block;
      width: 100%;
      -webkit-transition: all .8s ease-in-out;
      -o-transition: all .8s ease-in-out;
      -moz-transition: all .8s ease-in-out;
      transition: all .8s ease-in-out;
      -webkit-transform: scale(1);
      -moz-transform: scale(1);
      -ms-transform: scale(1);
      -o-transform: scale(1);
      transform: scale(1);
  }

.hotnewslist07 dd {
  padding: 3%;
}

  .hotnewslist07 dd h4 {
      font-size: 20px;
      line-height: 30px;
      font-weight: bold;
  }

  .hotnewslist07 dd a {
      color: #fff;
  }

.hotnewstext07 {
  margin: 28px 0;
  color: #fff;
}

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

.hotnewslist07 dd a.hotnewslink07 {
  color: #fff;
  opacity: 0.5;
}

.hotnewsbtn07 {
  text-align: center;
  padding-bottom: 20px;
}

  .hotnewsbtn07 span {
      display: inline-block;
      width: 11px;
      height: 11px;
      background-color: #fff;
      opacity: 0.5;
      -webkit-border-radius: 100%;
      -moz-border-radius: 100%;
      border-radius: 100%;
      margin-right: 9px;
      cursor: pointer;
  }

      .hotnewsbtn07 span.swiper-pagination-bullet-active {
          opacity: 1;
      }

@media (min-width: 768px) {
  .hotnewslist07 dd {
      padding: 25px;
  }

      .hotnewslist07 dd h4 {
          font-size: 24px;
          line-height: 36px;
          font-weight: bold;
          -o-text-overflow: ellipsis;
          text-overflow: ellipsis;
          -webkit-box-orient: vertical;
          overflow: hidden;
          display: -webkit-box;
          -webkit-line-clamp: 2;
      }

  .hotnews07 {
      margin-bottom: 30px;
  }
}

@media (min-width: 1024px) {
  .hotnewslist07 dt {
      width: 68%;
      float: left;
      height: 440px;
      overflow: hidden;
  }

  .hotnewslist07 dd {
      width: 32%;
      padding: 55px 25px 0 25px;
      float: left;
  }

      .hotnewslist07 dd h4 {
          -o-text-overflow: ellipsis;
          text-overflow: ellipsis;
          -webkit-box-orient: vertical;
          overflow: hidden;
          display: -webkit-box;
          -webkit-line-clamp: 2;
      }

  .hotnewsbtn07 {
      width: 32% !important;
      padding-left: 25px;
      left: auto !important;
      right: 0;
      bottom: 40px;
      position: absolute;
      text-align: left;
  }

  .hotnews07 {
      margin-bottom: 38px;
  }
}

.newscont11 {
  position: relative;
  padding: 0;
}

.newsdetail11 {
  background-color: #fff;
}

.detailtitle11 {
  padding-bottom: 10px;
}

  .detailtitle11 h2 {
      font-size: 20px;
      line-height: 30px;
      color: #333;
      margin-bottom: 10px;
  }

.detaildate11 {
  font-size: 16px;
  color: #8e8e8e;
  font-family: 'Microsoft YaHei';
}

.detailtext11 {
  padding: 15px 0;
  border-bottom: 1px solid #e6ebee;
  border-top: 1px solid #e6ebee;
  font-size: 14px;
  line-height: 22px;
  color: #333;
  overflow:hidden;
}

  .detailtext11 img {
      display: block;
      width: auto !important;
      height: auto !important;
      max-width: 100%;
      margin: 0 auto;
  }

.detailpage11 {
  padding-top: 15px;
  color: #333;
}

  .detailpage11 dd a {
      display: block;
      font-size: 14px;
      line-height: 28px;
      color: #333;
      white-space: nowrap;
      -o-text-overflow: ellipsis;
      text-overflow: ellipsis;
      overflow: hidden;
  }

.detailback11 {
  display: block;
  width: 135px;
  height: 45px;
  margin: 15px auto 0;
  color: #fff;
  line-height: 45px;
  text-align: center;
  background-color: #842c44;
}

  .detailback11:hover {
      color: #fff;
      background-color: #842c44;
  }

@media (min-width: 768px) {
  .newscont11 {
      padding: 0;
  }

  .detailtext11 {
      padding: 30px 0;
      font-size: 16px;
      line-height: 26px;
  }

  .detailpage11 {
      padding-top: 30px;
  }

      .detailpage11 dd a {
          font-size: 16px;
          line-height: 36px;
      }

  .detailtitle11 {
      padding-bottom: 20px;
  }

  .detailtext11 {
      padding: 50px 0;
      min-height: 510px;
      font-size: 16px;
  }

  .detailpage11 {
      padding-top: 35px;
  }
}

@media (min-width: 1024px) {
  .detailback11 {
      width: 145px;
      height: 50px;
      margin: 0;
      line-height: 50px;
  }

  .newsdetail11 {
      padding: 16px 32px 0;
  }

  .detailtitle11 {
      padding: 0 133px 50px 0;
  }

  .detailtext11 {
      font-size: 18px;
      line-height: 32px;
      padding-bottom: 65px;
  }

  .detailtitle11 h2 {
      font-size: 36px;
      line-height: 42px;
      margin-bottom: 50px;
  }

  .detaildate11 {
      font-size: 24px;
  }

  .detailpage11 dd {
      float: left;
      max-width: 80%;
  }

  .detailpage11 dt {
      float: right;
  }
}

.recruit-li {
  margin-top: 10px;
  position: relative;
  border: 1px solid #dfe3e8;
  background-color: #fff;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  -moz-transition: 0.3s;
  transition: 0.3s;
  padding: 15px;
}

  .recruit-li:before {
      content: '';
      position: absolute;
      width: 100%;
      height: 100%;
      z-index: 0;
      top: 0;
      left: 0;
  }

  .recruit-li:after {
      content: '';
      position: absolute;
      width: 15.33%;
      height: 100%;
      z-index: 1;
      top: 0;
      min-width: 45px;
      right: 0;
  }

.main-head {
  cursor: pointer;
}

.recruit-ul .main-row {
  position: relative;
  padding-right: 40px;
}

  .recruit-ul .main-row .col-one {
      padding-bottom: 5px;
  }

      .recruit-ul .main-row .col-one .time {
          font-size: 14px;
          display: block;
          line-height: 26px;
          color: #999;
      }

  .recruit-ul .main-row .col-two h4 {
      font-size: 16px;
      font-weight: bold;
      line-height: 26px;
      color: #333;
  }

  .recruit-ul .main-row .col-two .info {
      font-size: 0;
      padding: 0 0 10px 0;
  }

      .recruit-ul .main-row .col-two .info .item {
          display: inline-block;
          vertical-align: top;
          font-size: 14px;
          margin-right: 10px;
          color: #333;
      }

  .recruit-ul .main-row .col-three {
      position: absolute;
      right: -15px;
      width: 45px;
      top: 10px;
  }

      .recruit-ul .main-row .col-three .icon {
          display: inline-block;
          vertical-align: middle;
          width: 36px;
          height: 60px;
          overflow: hidden;
          background: url(../images/icon01.png) no-repeat 0 0;
          -webkit-transform: scale(0.7);
          -moz-transform: scale(0.7);
          -ms-transform: scale(0.7);
          -o-transform: scale(0.7);
          transform: scale(0.7);
          position: relative;
          z-index: 2;
      }

.recruit-li.cur .col-three .icon {
  background-image: url(../images/icon02.png);
}

.recruit-li.cur .main-row .col-two .item, .recruit-li.cur .main-row .col-two h4 {
  color: #842c44;
}

.main-bodies {
  display: none;
}

.recruit-ul .main-row {
  position: relative;
  padding-right: 40px;
}

.recruit-details {
  font-size: 14px;
  color: #4c4c4c;
  line-height: 24px;
}

  .recruit-details .title {
      font-size: 14px;
      color: #4c4c4c;
      line-height: 25px;
      padding-bottom: 15px;
  }

  .recruit-details .txt {
      padding-bottom: 25px;
  }

.recruit-send-button {
  display: inline-block;
  vertical-align: top;
  color: #666;
  font-size: 14px;
  background-color: #fff;
  border: 1px solid #dfe3e8;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  -moz-transition: all .3s;
  transition: all .3s;
  line-height: 35px;
  text-align: center;
  min-width: 120px;
}

  .recruit-send-button:hover {
      border-color: #842c44;
  }

.re-search-item {
  width: 100%;
  position: relative;
  padding-left: 84px;
  line-height: 10px;
}

  .re-search-item .lebel {
      position: absolute;
      top: 0;
      left: 0;
      color: #333;
      font-size: 16px;
  }

.selection {
  position: relative;
}

  .selection .search-input {
      padding-left: 28px;
  }

.select-modlue {
  display: block;
  width: 100%;
  line-height: 20px;
  padding: 0 10px;
  border-bottom: 1px solid #d6d6d6 !important;
  color: #898989;
}

.selection .zoom {
  position: absolute;
  height: 100%;
  width: 38px;
  background: url(../images/icon03.png) no-repeat scroll left center;
  top: 0;
  left: 0;
}

.re-search-button {
  display: block;
  text-align: center;
  background-color: #842c44;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  -moz-transition: all .3s;
  transition: all .3s;
  line-height: 41px;
  width: 90px;
  height: 35px;
  color: #fff;
  margin-top: 20px;
}

.recruit-wrapper {
  margin-top: 30px;
}

.recruit-ul {
  padding-bottom: 30px;
}

.re-school-btn {
  display: inline-block;
  background: url(../images/icon04.png) left top no-repeat;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  height: 50px;
  width: 226px;
  line-height: 50px;
  padding-left: 70px;
  margin-top: 15px;
}

  .re-school-btn span {
      display: inline-block;
      padding-right: 30px;
      background: url(../images/icon05.png) right center no-repeat;
  }

.re-school {
  margin-top: 20px;
  border: 1px solid #ddd;
  background-color: #fff;
}

  .re-school img {
      display: block;
      max-width: 100%;
  }

.re-school-cont {
  padding: 20px 15px;
}

  .re-school-cont h3 {
      font-size: 18px;
      padding-bottom: 15px;
  }

  .re-school-cont .tips {
      padding-top: 10px;
  }

.re-table {
  padding-top: 20px;
}

  .re-table table {
      border-top: 2px solid #842c44;
      border-collapse: collapse;
      text-align: center;
      font-size: 16px;
  }

      .re-table table td, .re-table table th {
          border: 1px solid #cfd5dd;
      }

      .re-table table th {
          height: 108px;
          font-weight: normal;
          color: #666;
      }

      .re-table table td {
          height: 80px;
          color: #444;
          padding: 15px;
          line-height: 30px;
      }

      .re-table table tr:first-child {
          -webkit-box-shadow: 0 0 13px 2px rgba(0, 0, 0, 0.1);
          -moz-box-shadow: 0 0 13px 2px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 13px 2px rgba(0, 0, 0, 0.1);
      }

@media (min-width: 768px) {
  .re-search-item {
      padding-left: 104px;
  }

  .recruit-search {
      padding: 25px 20px;
      border: 1px solid #cdd7dd;
  }

  .re-search-right {
      width: 64%;
      margin: 0 auto;
  }

  .flitemrh {
      float: left;
      width: 29.77346%;
      padding-left: 28px;
  }

  .re-search-button {
      margin-top: 0px;
  }

  .recruit-ul .main-row {
      padding-right: 0px;
  }

      .recruit-ul .main-row .col-one {
          position: absolute;
          left: 0;
          top: 0;
      }

      .recruit-ul .main-row .col-two {
          padding-left: 140px;
          padding-right: 100px;
      }

          .recruit-ul .main-row .col-two .info .item {
              margin-right: 12px;
          }

      .recruit-ul .main-row .col-three {
          right: 0px;
      }

  .recruit-ul .main-row {
      padding-right: 0px;
  }

  .recruit-li:after {
      width: 110px;
  }

  .flitemle {
      float: left;
      width: 70.22654%;
  }

  .recruit-search {
      border-top: 2px solid #842c44;
      background-color: #FFFFFF;
      -webkit-box-shadow: 2px 0 14px 1px rgba(0, 0, 0, 0.1);
      -moz-box-shadow: 2px 0 14px 1px rgba(0, 0, 0, 0.1);
      box-shadow: 2px 0 14px 1px rgba(0, 0, 0, 0.1);
  }

  .recruit-wrapper {
      margin-top: 43px;
  }

  .recruit-ul {
      padding-bottom: 50px;
  }

  .sm-table {
      display: table;
  }

  .sm-tablecell {
      display: table-cell;
      vertical-align: top;
  }

  .re-school {
      margin-top: 30px;
  }
}

@media (min-width: 992px) {
  .re-school-btn {
      width: 360px;
      height: 80px;
      font-size: 18px;
      line-height: 80px;
      padding-left: 127px;
  }

  .re-school-cont {
      font-size: 16px;
      line-height: 30px;
      background: url(../images/img22.jpg) 106% bottom no-repeat;
  }

      .re-school-cont h3 {
          font-size: 24px;
          font-weight: lighter;
      }
}

@media (min-width: 1024px) {
  .recruit-search {
      padding: 35px 30px 35px 50px;
  }

  .re-search-right {
      width: 60%;
  }

  .recruit-li {
      padding: 20px 47px 20px;
  }

      .recruit-li.cur {
          padding-top: 40px;
          padding-bottom: 25px;
      }

          .recruit-li.cur .recruit-ul .main-row .col-three {
              top: -15px;
          }

  .recruit-ul .main-row .col-two {
      padding-left: 100px;
      padding-right: 182px;
  }

      .recruit-ul .main-row .col-two .info {
          padding-bottom: 0;
      }

          .recruit-ul .main-row .col-two .info .item {
              margin-right: 25px;
          }

  .recruit-ul .main-row .col-three {
      right: 75px;
      top: 5px;
      z-index: 2;
  }

      .recruit-ul .main-row .col-three .icon {
          -webkit-transform: scale(1);
          -moz-transform: scale(1);
          -ms-transform: scale(1);
          -o-transform: scale(1);
          transform: scale(1);
      }

  .main-bodies {
      padding-top: 15px;
  }

  .recruit-li:after {
      width: 182px;
  }

  .recruit-ul {
      padding-bottom: 80px;
  }

  .re-school-btn {
      width: 360px;
      height: 80px;
  }

  .re-school .md-half {
      width: 45%;
  }

  .re-school-cont {
      padding: 60px 20px 10px;
  }

      .re-school-cont h3 {
          font-size: 32px;
          padding-bottom: 35px;
      }

      .re-school-cont .tips {
          padding-top: 20px;
      }

  .re-school-btn {
      margin-top: 25px;
  }
}



/*搜索页*/
.searchcont401 {
  padding: 36px 0;
  background-color: #ffffff;
  background-repeat: no-repeat;
  background-position: center top;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}


.searchtitle401 {
  padding: 28px 15px;
  background-color: #f2f2f2;
}


  .searchtitle401 span {
      color: #da251d;
  }


.resultlist401 {
  font-size: 13px;
  padding: 3% 0;
}


  .resultlist401 img {
      display: block;
      width: 100%;
      margin-bottom: 2%;
  }


  .resultlist401 li {
      padding: 15px 0;
      border-top: 1px solid #d9d9d9;
      border-bottom: 1px solid #d9d9d9;
      margin-bottom: -1px;
      position: relative;
  }


  .resultlist401 h4 {
      font-size: 16px;
      line-height: 24px;
      margin-bottom: 3%;
  }


      .resultlist401 h4 em {
          color: #da251d;
      }


      .resultlist401 h4 a {
          display: block;
      }

          .resultlist401 h4 a:hover {
              color: #842c44;
          }


.resulttext401 {
  overflow: hidden;
  height: 72px;
  color: #999;
  line-height: 24px;
}


.resultlabel401 {
  color: #999;
  display: inline-block;
  padding-top: 30px;
}


.searchinputcont401 dt input {
  width: 100%;
  height: 40px;
  line-height: 40px;
  text-indent: 12px;
  font-size: 15px;
  color: #333333;
  background-color: #ffffff;
}


.searchinputcont401 dd input {
  width: 100%;
  height: 40px;
  line-height: 40px;
  font-size: 0px;
  font-weight: bold;
  color: #ffffff;
  cursor: pointer;
  background-color: #832c43;
  background-image: url(../images/search402.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: auto 20px;
}


.keywords {
  color: #da251d;
}


.ms-detail td .short-sl {
  width: 103px;
}


.sitemapcont2 {
  padding: 6% 0;
  overflow: hidden;
}


  .sitemapcont2 dl {
      position: relative;
      margin-bottom: 36px;
  }


      .sitemapcont2 dl dt {
          font-size: 16px;
          font-weight: bold;
          color: #009ca3;
          padding: 0 8px;
          background: #fff;
          position: absolute;
          left: 18px;
          top: -14px;
      }


      .sitemapcont2 dl dd {
          padding: 4% 3% 1% 3%;
          border: 1px solid #e6e6e6;
      }


          .sitemapcont2 dl dd a {
              display: inline-block;
              padding-left: 10px;
              margin: 0 23px 8px 0;
          }


@media (min-width: 768px) {
  .searchtitle401 {
      font-size: 24px;
  }

  .resultlist401 h4 {
      font-size: 20px;
      margin-bottom: 2%;
  }

  .searchimg401 {
      float: left;
      margin: 0 3% 0 0;
      display: block;
      width: 200px;
      height: 150px;
      overflow: hidden;
      position: relative;
  }

  .resultlist401 img {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      -webkit-transform: translate(-50%, -50%);
      -moz-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      -o-transform: translate(-50%, -50%);
      max-width: 100%;
      width: auto;
  }

  .sitemapcont2 {
      padding: 2% 0 0;
      overflow: hidden;
  }

      .sitemapcont2 dl dt {
          font-size: 20px;
      }

      .sitemapcont2 dl dd {
          padding: 2% 3% 1% 3%;
          border: 1px solid #e6e6e6;
      }

          .sitemapcont2 dl dd a {
              margin: 0 50px 8px 0;
          }

              .sitemapcont2 dl dd a:hover {
                  color: #009ca3;
              }
}


@media (min-width: 992px) {
  .searchinputcont401 {
      width: 45%;
      margin: 0 auto;
  }

      .searchinputcont401 dt {
          float: left;
          width: 78%;
      }

      .searchinputcont401 dd {
          float: left;
          width: 22%;
      }

      .searchinputcont401 dt input {
          font-size: 18px;
      }

      .searchinputcont401 dd input {
          text-align: left;
          padding-left: 20%;
          font-size: 18px;
          font-weight: bold;
          background-position: 80% center;
      }
}


@charset "UTF-8";

@font-face {
  font-family: 'Microsoft YaHei';
  src: url("../fonts/knockout.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}


/*2019.3.5*/
@media(min-width:1024px) {
  /*.inProduct-bd li img { transition: transform ease-in-out 0.7s;  }
  .inProduct-bd a{ padding: 13px; }
  .inProduct-bd a .img{ position:relative; overflow:hidden;}
  .inProduct-bd a:after { display:none;}
  .inProduct-bd a  img { transform:none;}
  .inProduct-bd .swiper-slide-active a img { transform: scale(1.28);}
  .inProduct-bd li a .img:after { content: ''; display: block; opacity: 1; background-color: rgba(0, 0, 0, 0.5); position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 2; transition: .7s; }
  .inProduct-bd li:hover img {transform: scale3d(1.03, 1.03, 1.03); }
  .inProduct-bd li:hover .img:after {transform: scale3d(1.03, 1.03, 1.03); }
  .inProduct-bd .swiper-slide-active a .img:after { display:none;}
  .inProduct-bd .swiper-slide-active a .img { overflow:visible;}
  .inProduct-bd .swiper-slide-active:hover img {transform: scale(1.28); }*/
}




.productWrap {
  overflow: hidden;
  text-align: center;
}

  .productWrap img {
      max-width: 100%;
      display: block;
  }

.productWrap-img {
  position: relative;
  display: inline-block;
  vertical-align: top;
}

  .productWrap-img a {
      position: absolute;
  }

.cable01 {
  width: 23.2%;
  height: 7.1%;
  left: 2.7%;
  top: 29.8%;
}

.cable02 {
  width: 23.7%;
  height: 13%;
  left: 74.3%;
  top: 29.4%;
}

.cable03 {
  width: 23.2%;
  height: 7.1%;
  left: 2.7%;
  top: 46.6%;
}

.cable04 {
  width: 23.7%;
  height: 16.5%;
  left: 74.3%;
  top: 52.9%;
}

.cable05 {
  width: 25.8%;
  height: 23.4%;
  left: 2.7%;
  top: 64.2%;
}

.precision01 {
  width: 24.7%;
  height: 31.6%;
  left: 5.5%;
  top: 19.2%;
}

.precision02 {
  width: 23.4%;
  height: 24.6%;
  left: 72.2%;
  top: 19.2%;
}

.precision03 {
  width: 26.4%;
  height: 17.5%;
  left: 5.5%;
  top: 65.9%;
}

.precision04 {
  width: 26%;
  height: 25.5%;
  left: 72.2%;
  top: 65.9%;
}

.rf01 {
  width: 23.4%;
  height: 14.5%;
  left: 2.6%;
  top: 15.6%;
}

.rf02 {
  width: 19.7%;
  height: 19.5%;
  left: 26%;
  top: 15.6%;
}

.rf03 {
  width: 25.9%;
  height: 22.8%;
  left: 50%;
  top: 15.6%;
}

.rf04 {
  width: 22%;
  height: 12.5%;
  left: 77.3%;
  top: 15.6%;
}

.rf05 {
  width: 20.7%;
  height: 15.5%;
  left: 7.5%;
  top: 42.2%;
}

.rf06 {
  width: 15.5%;
  height: 19%;
  left: 72.3%;
  top: 42.2%;
}

.rf07 {
  width: 22%;
  height: 21.8%;
  left: 12.3%;
  top: 65.7%;
}

.rf08 {
  width: 29.3%;
  height: 15.6%;
  left: 69.2%;
  top: 65.7%;
}

.cable.cn .cable02 {
  top: 28%;
  height: 15%;
}

.cable.cn .cable04 {
  top: 56.3%;
  height: 18%;
}

.precision.cn .precision01 {
  height: 32%;
}

.precision.cn .precision02 {
  height: 27%;
}

.precision.cn .precision03 {
  height: 19%;
}

.precision.cn .precision04 {
  height: 26.5%;
}

.rf.cn .rf03 {
  width: 18%;
}

.rf.cn .rf04 {
  width: 29.7%;
  height: 10.7%;
  left: 69.8%;
}

.rf.cn .rf05 {
  width: 25%;
}


.precision.cn .precision01 {
  height: 32%;
}

.product-three-bd {
  overflow: hidden;
}

.product-three-hd {
  position: relative;
}

  .product-three-hd.has {
      padding: 0 40px;
  }

.m-btn {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 30px;
  height: 30px;
  cursor: pointer;
  z-index: 9;
  display: none;
}

  .m-btn:before {
      content: "";
      display: block;
      position: absolute;
      width: 20px;
      height: 20px;
      border-top: 2px solid #666666;
      border-right: 2px solid #666666;
      -webkit-transform: rotate(45deg);
      -moz-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      -o-transform: rotate(45deg);
      transform: rotate(45deg);
      top: 6px;
      left: 10px;
  }

  .m-btn.product-left {
      left: 0;
  }

      .m-btn.product-left:before {
          -webkit-transform: rotate(-135deg);
          -moz-transform: rotate(-135deg);
          -ms-transform: rotate(-135deg);
          -o-transform: rotate(-135deg);
          transform: rotate(-135deg);
      }

  .m-btn.product-right {
      right: 0;
  }

      .m-btn.product-right:before {
          left: -4px;
      }

@media (min-width: 1024px) {
  .m-btn {
      width: 40px;
      height: 40px;
  }

      .m-btn.product-left {
          left: -20px;
      }

      .m-btn.product-right {
          right: -20px;
      }

      .m-btn:before {
          width: 16px;
          height: 16px;
          top: 12px;
      }

      .m-btn.product-right:before {
          left: 10px;
      }
}

@media (min-width: 1180px) {
  .m-btn.product-left {
      left: -40px;
  }

  .m-btn.product-right {
      right: -40px;
  }

  .product-three-hd.has {
      padding: 0;
  }
}

@media (min-width: 1366px) {
  .m-btn.product-left {
      left: -50px;
  }

  .m-btn.product-right {
      right: -50px;
  }
}



.huanul {
  padding-top: 2em;
  padding-bottom:2em;
}

  .huanul li {
      position: relative;
  }

.imgbox {
  position: relative;
  overflow: hidden;
}

.huanmore {
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
  background: rgba(0,0,0,.45);
  height: 100%;
  -webkit-transition: all .3s ease;
  -ms-transition: all .3s ease;
  transition: all .3s ease;
  z-index: 1;
}

.f18 {
  font-size: 16px;
}

.f16 {
  font-size: 14px;
}

.f30 {
  font-size: 1.875rem;
}

.table {
  display: table;
  width: 100%;
  height: 100%;
}

.huanmore span {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  color: #fff;
  border-bottom: 1px solid #fff;
  display: inline-block;
  padding-bottom: .67em;
  -webkit-transition: all .3s ease;
  -ms-transition: all .3s ease;
  transition: all .3s ease;
}

.huanintro {
  border: 1px solid #dadada;
  border-top: none;
  padding-left: 15px;
  padding-right: 15px;
  padding-bottom: 20px;
}

.subhuan {
  color: #333;
  line-height: 1.75em;
}

.td {
  display: table-cell;
  vertical-align: middle;
}

.subhuan h2 {
  line-height: 1.1em;
  font-weight: bold;
  padding-bottom: .3em;
  padding-top: .8em;
}

@media (min-width: 768px) {
  .huanul .imgbox {
      float: left;
      width: 50%;
  }

      .huanul .imgbox:before {
          content: "";
          position: absolute;
          top: 50%;
          -webkit-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
          transform: translateY(-50%);
          width: 0;
          height: 0;
          border-top: 15px solid transparent;
          border-bottom: 15px solid transparent;
          border-right: 15px solid #fff;
          right: 0;
          z-index: 3;
      }

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

  .f18 {
      font-size: 17px;
  }

  .f16 {
      font-size: 15px;
  }

  .huanintro {
      width: 50%;
      position: absolute;
      right: 0;
      height: 100%;
      border-top: 1px solid #dadada;
      border-left: none;
      padding-left: 3.1%;
      overflow: hidden;
      padding-top: 8px;
      padding-bottom: 8px;
  }

  .subhuan h2 {
      padding-top: 0;
  }

  .huanul li:nth-child(2n) .imgbox {
      float: right;
  }

      .huanul li:nth-child(2n) .imgbox:before {
          border-left: 15px solid #fff;
          border-right: none;
          left: 0;
      }

  .huanul li:nth-child(2n) .huanintro {
      right: auto;
      left: 0;
      border-left: 1px solid #dadada;
      border-right: none;
  }
}

@media(min-width:992px) {
  .subhuan h2 {
      padding-bottom: .87em;
  }
}

@media (min-width: 1200px) {
  .huanul {
      padding-top: 3.475em;
      padding-bottom: 3.475em;
  }

  .huanmore {
      opacity: 0;
      visibility: hidden;
  }

  .f18 {
      font-size: 18px;
  }

  .f16 {
      font-size: 16px;
  }

  .huanmore span {
      margin-top: 20px;
  }
}

.s-intitle {
  width: 100%;
  color: #832c43;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: -1px;
}

  .s-intitle.cur {
      color: #fff;
  }

.s-insolution {
  width: 100%;
  background: #fff;
}

  .s-insolution .s-insolutionul {
      width: 100%;
      max-width: 1200px;
      margin: 0 auto;
  }

.s-insolutionliimg {
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 150%;
  overflow: hidden;
}

  .s-insolutionliimg img {
      position: absolute;
      width: 100%;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%) scale(1);
      -moz-transform: translate(-50%, -50%) scale(1);
      -o-transform: translate(-50%, -50%) scale(1);
      -ms-transform: translate(-50%, -50%) scale(1);
      -webkit-transform: translate(-50%, -50%) scale(1);
      transition: all 0.2s linear;
      -moz-transition: all 0.2s linear;
      -o-transition: all 0.2s linear;
      -ms-transition: all 0.2s linear;
      -webkit-transition: all 0.2s linear;
  }

      .s-insolutionliimg img:hover {
          transform: translate(-50%, -50%) scale(1.3);
          -moz-transform: translate(-50%, -50%) scale(1.3);
          -o-transform: translate(-50%, -50%) scale(1.3);
          -ms-transform: translate(-50%, -50%) scale(1.3);
          -webkit-transform: translate(-50%, -50%) scale(1.3);
      }

.s-insolutionlitxt {
  position: relative;
  width: 100%;
  padding: 0 12px;
  text-align: center;
  font-family: 'Microsoft YaHei';
  letter-spacing: -1px;
  border: 1px solid #edf1f3;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden;
  transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
}

  .s-insolutionlitxt p {
      position: absolute;
      right: 0;
      top: 0;
      width: 110px;
      height: 100%;
      background: url(../images/sinsolution-icon1.png) no-repeat center left;
      background-color: #832c43;
      opacity: 0;
      transition: all 0.3s ease;
      -moz-transition: all 0.3s ease;
      -o-transition: all 0.3s ease;
      -ms-transition: all 0.3s ease;
      -webkit-transition: all 0.3s ease;
  }

.s-insolutionul li:hover .s-insolutionlitxt {
  background: #832c43;
  color: #fff;
  padding-right: 90px;
}

  .s-insolutionul li:hover .s-insolutionlitxt p {
      width: 70px;
      opacity: 1;
      background-color: #832c43;
  }

.s-inproducts {
  width: 100%;
  background-image: url(../images/s-inproductsbg.jpg);
  background-repeat: no-repeat;
  -o-background-size: cover;
  background-size: cover;
  background-position: center center;
}

.s-inproducts-content {
  position: relative;
  width: 100%;
  max-width: 1392px;
}

  .s-inproducts-content img {
      display: block;
      width: 100%;
  }

  .s-inproducts-content .s-swiperprev:hover, .s-inproducts-content .s-swipernext:hover {
      border-color: #fff;
  }

      .s-inproducts-content .s-swiperprev:hover span, .s-inproducts-content .s-swipernext:hover span {
          border-color: #fff;
      }

  .s-inproducts-content:hover .s-swiperprev, .s-inproducts-content:hover .s-swipernext {
      margin: 0;
      opacity: 1;
  }

.s-swiperprev, .s-swipernext {
  position: absolute;
  top: 50%;
  z-index: 10;
  display: block;
  width: 56px;
  height: 56px;
  margin-left: 20px;
  border: 3px solid #9eb4d2;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  text-align: center;
  font-size: 0;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  overflow: hidden;
  opacity: 0;
  transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
}

  .s-swiperprev span, .s-swipernext span {
      position: relative;
      top: 50%;
      left: 50%;
      display: block;
      width: 15px;
      height: 15px;
      margin-left: 2px;
      border-left: 2px solid #9eb4d2;
      border-bottom: 2px solid #9eb4d2;
      -webkit-transform: translate(-50%, -50%) rotate(45deg);
      -moz-transform: translate(-50%, -50%) rotate(45deg);
      -ms-transform: translate(-50%, -50%) rotate(45deg);
      -o-transform: translate(-50%, -50%) rotate(45deg);
      transform: translate(-50%, -50%) rotate(45deg);
      transition: all 0.3s linear;
      -moz-transition: all 0.3s linear;
      -o-transition: all 0.3s linear;
      -ms-transition: all 0.3s linear;
      -webkit-transition: all 0.3s linear;
  }

.s-swipernext {
  margin-right: 20px;
}

  .s-swipernext span {
      margin-left: -3px;
      -webkit-transform: translate(-50%, -50%) rotate(-135deg);
      -moz-transform: translate(-50%, -50%) rotate(-135deg);
      -ms-transform: translate(-50%, -50%) rotate(-135deg);
      -o-transform: translate(-50%, -50%) rotate(-135deg);
      transform: translate(-50%, -50%) rotate(-135deg);
  }

.s-inproducts-a {
  display: block;
  width: 140px;
  height: 46px;
  margin: 0 auto;
  text-align: center;
  line-height: 46px;
  font-size: 12px;
  color: #ffffff;
  text-transform: uppercase;
  -webkit-border-radius: 25px;
  border-radius: 25px;
  overflow: hidden;
  background: url(../images/s-inproductsbtn.png) no-repeat;
  transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
}

  .s-inproducts-a:hover {
      -webkit-box-shadow: 0px 0px 15px -3px #832c43;
      box-shadow: 0px 0px 15px -3px #832c43;
  }

.s-infootprint {
  width: 100%;
  background: #e7f0f6;
  overflow: hidden;
}

.s-infootprint-content {
  position: relative;
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
}

.s-infootprint-mapimg {
  width: 100%;
}

  .s-infootprint-mapimg img {
      width: 100%;
  }

.s-infootprint-mapul {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

  .s-infootprint-mapul li {
      position: absolute;
      z-index: 99;
  }

      .s-infootprint-mapul li.s-infootprint-mapli1 {
          top: 35.63748%;
          left: 12.5%;
      }

      .s-infootprint-mapul li.s-infootprint-mapli2 {
          top: 19.96928%;
          left: 49.58333%;
      }

      .s-infootprint-mapul li.s-infootprint-mapli3 {
          top: 33.40246%;
          left: 73.25%;
      }

          .s-infootprint-mapul li.s-infootprint-mapli3 b {
              display: block;
          }

          .s-infootprint-mapul li.s-infootprint-mapli3:hover b {
              display: block;
              visibility: hidden;
          }

      .s-infootprint-mapul li.s-infootprint-mapli4 {
          top: 51.30568%;
          left: 74.83333%;
      }

      .s-infootprint-mapul li.s-infootprint-mapli5 {
            top: 33.81475%;
            left: 79.01667%;
			text-align:center;
			
        }
		.s-infootprint-mapul li.s-infootprint-mapli5 b{
				line-height:14px;
			}

          .s-infootprint-mapul li.s-infootprint-mapli5 b {
              display: block;
          }

          .s-infootprint-mapul li.s-infootprint-mapli5:hover b {
              display: block;
              visibility: hidden;
          }

          .s-infootprint-mapul li.s-infootprint-mapli5 .s-infootprint-maplibox {
                  bottom: 45px;
    top: auto;
    left: auto;
    right: 45px;
          }

      .s-infootprint-mapul li.s-infootprint-mapli6 {
          top: 35.63748%;
          left: 83.83333%;
      }
	  
      .s-infootprint-mapul li:hover {
          z-index: 108;
      }

          .s-infootprint-mapul li:hover .s-infootprint-maplibox {
              display: block;
          }

          .s-infootprint-mapul li:hover b {
              display: none;
          }
      .s-infootprint-mapul li.s-infootprint-mapli7 {
          top: 28.76928%;
          left: 47.10000%;
      }
.s-infootprint-mapulsf {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

  .s-infootprint-mapulsf li {
      position: absolute;
      z-index: 99;
  }

      .s-infootprint-mapulsf li .s-infootprint-maplicon b {
          position: absolute;
          bottom: 0;
          left: 20%;
          width: 17px;
          height: 17px;
          display: block;
          border: 5px solid #9ac5e3;
          -webkit-border-radius: 50%;
          border-radius: 50%;
          background: #002060;
      }

      .s-infootprint-mapulsf li .s-infootprint-maplicon img {
          opacity: 0;
          visibility: hidden;
      }

      .s-infootprint-mapulsf li .s-infootprint-maplibox {
          top: 3px;
          left: 26px;
      }

      .s-infootprint-mapulsf li.s-infootprint-mapsfli1 {
          top: 41.47465%;
          left: 75%;
      }

      .s-infootprint-mapulsf li.s-infootprint-mapsfli2 {
          top: 38.93856%;
          left: 76.41667%;
      }

      .s-infootprint-mapulsf li.s-infootprint-mapsfli3 {
          top: 36.40246%;
          left: 77.91667%;
      }

      .s-infootprint-mapulsf li.s-infootprint-mapsfli4 {
          top: 46.851%;
          left: 77.08333%;
      }

      .s-infootprint-mapulsf li.s-infootprint-mapsfli5 {
          top: 43.7788%;
          left: 77.91667%;
      }

      .s-infootprint-mapulsf li.s-infootprint-mapsfli6 {
          top: 41.08909%;
          left: 79.16667%;
      }

      .s-infootprint-mapulsf li.s-infootprint-mapsfli7 {
          top: 46.08295%;
          left: 80%;
      }
	  
	  .s-infootprint-mapulsf li.s-infootprint-mapsfli8 {
		  top: 40.63748%;
		  left: 13.5%;
	  }
	  
	  .s-infootprint-mapulsf li.s-infootprint-mapsfli9{
		  top: 40.08295%;
		  left: 84%;
	  }
	
      .s-infootprint-mapulsf li:hover {
          z-index: 108;
      }

          .s-infootprint-mapulsf li:hover .s-infootprint-maplibox {
              display: block;
          }

          .s-infootprint-mapulsf li:hover img {
              visibility: visible;
              opacity: 1;
          }

.s-infootprint-maplicon {
  position: relative;
}

  .s-infootprint-maplicon img {
      vertical-align: middle;
      position: relative;
      z-index: 100;
      cursor: pointer;
  }

  .s-infootprint-maplicon b {
      font-size: 14px;
      color: #000000;
      vertical-align: middle;
      font-family: 'Microsoft YaHei';
      cursor: pointer;
  }

.s-infootprint-maplibox {
  position: absolute;
  top: 10px;
  left: 44px;
  z-index: 99;
  display: none;
  width: 148px;
  margin-left: -10px;
  padding-top: 1px;
  -webkit-border-top-right-radius: 10px;
  border-top-right-radius: 10px;
  overflow: hidden;
  text-align: left;
  background: #fff;
}

  .s-infootprint-maplibox h3 {
      width: 100%;
      padding-left: 13px;
      line-height: 27px;
      font-size: 14px;
      color: #000000;
      font-weight: bold;
      font-family: 'Microsoft YaHei';
  }

  .s-infootprint-maplibox .s-infootprint-maplivp {
      width: 100%;
      display: table;
  }

      .s-infootprint-maplibox .s-infootprint-maplivp span {
          display: table-cell;
          height: 4px;
      }

  .s-infootprint-maplibox .s-infootprint-maplidl {
      width: 100%;
      padding: 7px 13px 12px;
  }

      .s-infootprint-maplibox .s-infootprint-maplidl dd {
          position: relative;
          width: 100%;
          line-height: 13px;
          padding: 3px 0px 3px 11px;
          font-size: 12px;
          color: #000000;
          font-weight: 700;
          font-family: 'Microsoft YaHei';
          word-break: break-all;
      }

          .s-infootprint-maplibox .s-infootprint-maplidl dd span {
              position: absolute;
              top: 7px;
              left: 0;
              display: block;
              width: 5px;
              height: 5px;
              -webkit-border-radius: 50%;
              border-radius: 50%;
              overflow: hidden;
          }

.s-mapliddcolor1 {
  background: #fba201;
}

.s-mapliddcolor2 {
  background: #973355;
}

.s-mapliddcolor3 {
  background: #09ad57;
}

.s-mapliddcolor4 {
  background: #052452;
}

.s-infootprint-mapul2 {
  width: 100%;
  margin-top: 3px;
  text-align: center;
  font-size: 0;
}

  .s-infootprint-mapul2 li {
      display: inline-block;
      height: 50px;
      margin-right: 10px;
      text-align: left;
      font-size: 0;
      border: 1px solid #fba201;
      -webkit-border-radius: 28px;
      border-radius: 28px;
      background: #fff;
  }

      .s-infootprint-mapul2 li:last-child {
          margin-right: 0;
      }

      .s-infootprint-mapul2 li span {
          display: inline-block;
          width: 48px;
          height: 48px;
          margin-left: -2px;
          line-height: 48px;
          vertical-align: middle;
          font-size: 30px;
          color: #fff;
          text-align: center;
          -webkit-border-radius: 50%;
          border-radius: 50%;
          background: #fba201;
      }

      .s-infootprint-mapul2 li b {
          display: inline-block;
          padding: 0 10px;
          vertical-align: middle;
          font-size: 14px;
          color: #fba201;
          font-weight: bold;
          font-family: 'Microsoft YaHei';
          word-break: break-all;
      }

      .s-infootprint-mapul2 li:nth-child(2) {
          border-color: #973355;
      }

          .s-infootprint-mapul2 li:nth-child(2) span {
              background: #973355;
          }

          .s-infootprint-mapul2 li:nth-child(2) b {
              color: #973355;
          }

      .s-infootprint-mapul2 li:nth-child(3) {
          border-color: #09ad57;
      }

          .s-infootprint-mapul2 li:nth-child(3) span {
              background: #09ad57;
          }

          .s-infootprint-mapul2 li:nth-child(3) b {
              color: #09ad57;
          }

      .s-infootprint-mapul2 li:nth-child(4) {
          border-color: #052452;
      }

          .s-infootprint-mapul2 li:nth-child(4) span {
              background: #052452;
          }

          .s-infootprint-mapul2 li:nth-child(4) b {
              color: #052452;
          }

.s-innews {
  width: 100%;
}

.s-innews-content {
  position: relative;
  width: 100%;
  max-width: 1392px;
  margin-left: auto;
  margin-right: auto;
  padding: 0 96px;
}

  .s-innews-content .s-swiperprev, .s-innews-content .s-swipernext {
      border-color: #dcdfe0;
  }

      .s-innews-content .s-swiperprev span, .s-innews-content .s-swipernext span {
          border-color: #dcdfe0;
      }

      .s-innews-content .s-swiperprev:hover, .s-innews-content .s-swipernext:hover {
          border-color: #832c43;
      }

          .s-innews-content .s-swiperprev:hover span, .s-innews-content .s-swipernext:hover span {
              border-color: #832c43;
          }

  .s-innews-content:hover .s-swiperprev, .s-innews-content:hover .s-swipernext {
      margin: 0;
      opacity: 1;
  }

  .s-innews-content .swiper-slide {
      position: relative;
      border: 2px solid #edf1f3;
      overflow: hidden;
	  background:#fff;
  }

      /*.s-innews-content .swiper-slide:hover img {
          -webkit-transform: scale(1.03, 1.03);
          -moz-transform: scale(1.03, 1.03);
          -ms-transform: scale(1.03, 1.03);
          -o-transform: scale(1.03, 1.03);
          transform: scale(1.03, 1.03);
      }*/

      .s-innews-content .swiper-slide img {
          width: 100%;
          vertical-align: middle;
          transition: all 0.3s linear;
          -moz-transition: all 0.3s linear;
          -o-transition: all 0.3s linear;
          -ms-transition: all 0.3s linear;
          -webkit-transition: all 0.3s linear;
      }

      /*.s-innews-content .swiper-slide:hover .s-innewsbtmtxt {
          opacity: 0;
      }*/

      .s-innews-content .swiper-slide:hover .s-innewsmen {
          opacity: 1;
          visibility: visible;
          transform: scale(1);
          -moz-transform: scale(1);
          -o-transform: scale(1);
          -ms-transform: scale(1);
          -webkit-transform: scale(1);
      }

.s-innewsbtmtxt {
  width: 100%;
  padding: 20px 15px;
  transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
}

  .s-innewsbtmtxt h3 {
      width: 100%;
      color: #020202;
      font-family: 'Microsoft YaHei';
      white-space: nowrap;
      -o-text-overflow: ellipsis;
      text-overflow: ellipsis;
      overflow: hidden;
  }



.s-innewsmen {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 8;
  width: 100%;
  height: 100%;
  background: rgba(131, 44, 67, 0.9);
  opacity: 0;
  visibility: hidden;
  transform: scale(1.03);
  -moz-transform: scale(1.03);
  -o-transform: scale(1.03);
  -ms-transform: scale(1.03);
  -webkit-transform: scale(1.03);
  transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
}

  .s-innewsmen .s-innewsmen-txt {
      position: relative;
      top: 50%;
      width: 100%;
      padding: 0 13px;
      -webkit-transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      -o-transform: translateY(-50%);
      transform: translateY(-50%);
  }

      .s-innewsmen .s-innewsmen-txt h3 {
          width: 100%;
          height: 47px;
          line-height: 37px;
          font-size: 28px;
          color: #fff;
          font-family: 'Microsoft YaHei';
          white-space: nowrap;
          -o-text-overflow: ellipsis;
          text-overflow: ellipsis;
          overflow: hidden;
      }

      .s-innewsmen .s-innewsmen-txt .s-innewsdes {
          width: 100%;
          font-size: 16px;
          color: #fff;
          font-family: 'Microsoft YaHei';
          word-break: break-all;
          max-height: 72px;
          line-height: 18px;
          display: -webkit-box;
          -o-text-overflow: ellipsis;
          text-overflow: ellipsis;
          overflow: hidden;
          -webkit-box-orient: vertical;
          -webkit-line-clamp: 4;
      }

  .s-innewsmen .more-active {
      position: absolute;
      bottom: 0;
      left: 0;
      z-index: 9;
      height: 24px;
      margin-left: 13px;
      line-height: 24px;
      font-size: 14px;
      color: #fff;
  }
  
  .s-swiperprev,.s-swipernext{display:none;}

@media (min-width: 320px) {
  .wpadding {
      padding-top: 20px;
      padding-bottom: 20px;
  }

  .s-intitle {
      line-height: 40px;
      font-size: 24px;
  }

  .s-insolution .s-insolutionul {
      padding: 20px 10px 0;
  }

      .s-insolution .s-insolutionul li {
          width: 49%;
          margin-right: 2%;
          margin-bottom: 2%;
      }

          .s-insolution .s-insolutionul li:nth-child(2n) {
              margin-right: 0;
          }

  .s-insolutionlitxt {
      height: 40px;
      line-height: 38px;
      font-size: 14px;
      background: #832c43;
      color: #fff;
  }

      .s-insolutionlitxt p {
          display: none;
      }

  .s-inproducts {
      padding-top: 20px;
      padding-bottom: 20px;
  }

  .s-inproducts-content {
      margin-top: 20px;
      margin-bottom: 20px;
      padding: 0 10px;
  }

  .s-infootprint-mapimgph {
      display: block;
  }

  .s-infootprint-mapimgpc, .s-infootprint-mapul2, .s-infootprint-mapul, .s-infootprint-mapulsf {
      display: none;
  }
  
  .s-infootprint-mapul2{
	  display:block;
  }
  .s-infootprint-mapul2 li{
	  width:48%;
	  margin-right:2%;
	  margin-bottom:10px;
  }
  .s-infootprint-mapul2 li:nth-child(2n){
	  margin-right:0;
  }
  
  .s-infootprint-mapul2 li b{
	  font-size:12px;
  }
  
  .s-infootprint-mapul2 li span{
	  font-size:20px;
  }

  .s-infootprint {
      padding-top: 20px;
      padding-bottom: 20px;
  }

  .s-infootprint-content {
      margin-top: 20px;
  }

  .s-innews {
      padding: 20px 10px 20px;
  }

  .s-innews-content {
      margin-top: 20px;
      padding: 0;
  }

  .s-innewsbtmtxt h3 {
      font-size: 16px;
      height: 28px;
      line-height: 28px;
      text-shadow: 0px 1px 0px #ddd;
  }



  .s-innewsbtmtxt {
      padding-left: 5px;
      padding-right: 5px;
  }
}

@media (min-width: 480px) {
  .s-insolution .s-insolutionul li {
      width: 24.33%;
      margin-right: 0.89%;
      margin-bottom: 0;
  }

      .s-insolution .s-insolutionul li:nth-child(2n) {
          margin-right: 0.89%;
      }

      .s-insolution .s-insolutionul li:nth-child(4n) {
          margin-right: 0;
      }
}

@media (min-width: 768px) {
  .s-inproducts-content {
      margin: 30px auto 30px;
  }

  .s-infootprint-mapimgpc, .s-infootprint-mapul2, .s-infootprint-mapul, .s-infootprint-mapulsf {
      display: block;
  }

  .s-infootprint-mapimgph {
      display: none;
  }
  
  .s-infootprint-mapul2 li:nth-child(2n){
	  margin-right:2%;
  }
  
  .s-infootprint-mapul2 li:last-child{
	  margin-right:0;
  }

  .s-infootprint-mapul2 li {
      width: 180px;
  }

      .s-infootprint-mapul2 li b {
          width: 132px;
          font-size: 12px;
          line-height: 14px;
      }
}

@media (min-width: 1024px) {
  .s-intitle {
      line-height: 50px;
      font-size: 28px;
  }

  .s-insolutionlitxt {
      height: 55px;
      font-size: 18px;
      line-height: 53px;
  }

  .wpadding, .s-inproducts {
      padding-top: 30px;
      padding-bottom: 30px;
  }

  .s-swiperprev, .s-swipernext {
      display: none;
  }

  .s-infootprint-mapul2 li {
      width: 230px;
  }

      .s-infootprint-mapul2 li b {
          width: 180px;
          font-size: 14px;
          line-height: 16px;
      }

  .s-infootprint {
      padding-top: 30px;
      padding-bottom: 30px;
  }

  .s-infootprint-content {
      margin-top: 20px;
  }

  .s-innews {
      padding-top: 30px;
      padding-bottom: 30px;
  }

  .s-innews-content {
      margin-top: 25px;
  }

  .s-innewsbtmtxt h3 {
      height: 38px;
      line-height: 38px;
      font-size: 18px;
      text-shadow: none;
  }



  .s-innewsbtmtxt {
      padding-left: 15px;
      padding-right: 15px;
  }
  
}

@media (min-width: 1200px) {
  .s-intitle {
      line-height: 60px;
      font-size: 40px;
  }

  .s-insolution {
      padding-top: 56px;
      padding-bottom: 50px;
  }

      .s-insolution .s-insolutionul {
          padding: 40px 0 0;
      }

  .s-insolutionlitxt {
      height: 70px;
      font-size: 24px;
      line-height: 68px;
      background: #fff;
      color: #1a1a1c;
  }

      .s-insolutionlitxt p {
          display: block;
      }

  .s-inproducts {
      padding-top: 78px;
      padding-bottom: 62px;
  }

  .s-inproducts-content {
      margin: 62px auto 68px;
  }

  .s-swiperprev {
      left: 10px;
  }

  .s-swipernext {
      right: 10px;
  }

  .s-infootprint {
      padding-top: 78px;
      padding-bottom: 57px;
  }

  .s-infootprint-content {
      margin-top: 45px;
  }

  .s-innews {
      padding: 63px 0 68px;
  }
  .s-swiperprev,.s-swipernext{display:block;}
}

@media (min-width: 1400px) {
  .s-inproducts-content, .s-innews-content {
      padding: 0 96px 0;
  }

  .s-swiperprev {
      left: 0;
      display: block;
  }

  .s-swipernext {
      right: 0;
      display: block;
  }
}

/* 2019 05 23 修改 */
.solutionA-list {
  overflow: hidden;
}

.solutionA-list li {
  padding-bottom: 20px;
}

.solutionA-list img {
  display: block;
  width: 100%;
}

.solutionA-thumb {
  overflow: hidden;
}

.solutionA-content {
  border: 1px solid #dcdce5;
  border-top: none;
  padding: 20px 15px;
}

.solutionA-content h3 {
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 5px;
  height: 22px;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden;
}

.solutionA-content h3 a {
  color: #020202;
}

.solutionA-desc {
  font-size: 14px;
  color: #888888;
  word-break:break-all;
  display: -webkit-box;
  height: 96px;
  line-height: 24px;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  text-align:justify;
}
@media (min-width:1024px){
  .solutionA-img {
      position: relative;
      display: block;
      height: 0;
      padding-top: 56.349%;
      overflow: hidden;
    }
    .solutionA-img img{
        position: absolute;
        top:50%;
        width:100%;
        transform: translateY(-50%);
    }
    .solutionA-list li a {
      -webkit-transition: .3s ease;
      -o-transition: .3s ease;
      -moz-transition: .3s ease;
      transition: .3s ease;
    }
    .solutionA-list li img {
      -webkit-transition: 1s ease;
      -o-transition: 1s ease;
      -moz-transition: 1s ease;
      transition: 1s ease;
    }
    .solutionA-list li:hover a {
      color: #cd002b;
    }
    .solutionA-list li:hover img {
      -webkit-transform: translateY(-50%) scale(1.08, 1.08);
      -moz-transform: translateY(-50%) scale(1.08, 1.08);
      -ms-transform: translateY(-50%) scale(1.08, 1.08);
      -o-transform: translateY(-50%) scale(1.08, 1.08);
      transform: translateY(-50%) scale(1.08, 1.08);
    }
}
@media (min-width:1200px){
  .solutionA-list ul {
      margin: 0 -10px;
      padding-bottom: 35px;
    }
    .solutionA-list li {
      padding: 15px;
    }
    .solutionA-title {
      font-size: 30px;
    }
    .solutionA-title:after {
      margin-top: 22px;
    }
    .solutionA-content {
      padding-bottom: 25px 30px 60px;
    }
    .solutionA-content h3 {
      font-size: 18px;
      margin-bottom: 10px;
    }
  .solutionA-content h3:nth-child(1){
    margin-bottom:3px;
  }

    /* 2019 05 27 修改 */
    /* 应用场景1 */
    .solution-sunbtn41 a:nth-child(1){
      left:166px;
    }
    .solution-sunbtn41 a:nth-child(2){
      left:70px;
    }
    .solution-sunbtn41 a:nth-child(3){
      left:75px;
    }
    .solution-sunbtn41 a:nth-child(4){
      left:210px;
    }
    .solution-sunbtn41 a:nth-child(5){
      right:214px;
    }
    .solution-sunbtn41 a:nth-child(6){
      right:153px;
    }
    .solution-sunbtn41 a:nth-child(7){
      right:162px;
    }
    .solution-sunbtn41 a:nth-child(8){
      right:210px;
    }

    /* 应用场景2 */
    .solution-sunbtn51 a:nth-child(1){
      top:124px;
      left: 428px;
    }
    .solution-sunbtn51 a:nth-child(2){
      top:153px;
      left: 133px;
    }
    .solution-sunbtn51 a:nth-child(3){
      top:546px;
      left: 116px;
    }
    .solution-sunbtn51 a:nth-child(4){
      left: 1019px;
    top: 347px;
    }
    .solution-sunbtn51 a:nth-child(5){
       right: 410px;
    }
    .solution-sunbtn51 a:nth-child(6){
          right: 182px;
    top: 239px;
    }
    .solution-sunbtn51 a:nth-child(7){
      right: 0px;
    top: 563px;
    }
    .solution-sunbtn51 a:nth-child(8){
      right: 355px;
    top: 568px;
    }


    /* 应用场景3 */
    .solution-sunbtn52 a{
      height: 55px;
    }
      .solution-sunbtn52 a:nth-child(1){
            left: 930px;
      top: 438px;
      }
      .solution-sunbtn52 a:nth-child(2){
        left: 82px;
      top: 193px;
      }
      .solution-sunbtn52 a:nth-child(3){
        left: 204px;
      top: 142px;
      }
      .solution-sunbtn52 a:nth-child(4){
        left:89px;
        top:500px;
      }
      .solution-sunbtn52 a:nth-child(5){
        right: auto;
      left: 88px;
      top: 367px;
      }
      .solution-sunbtn52 a:nth-child(6){
        right: auto;
      top: 508px;
      left: 90px;
      }
      .solution-sunbtn52 a:nth-child(7){
            right: 121px;
      top: 147px;
      }
      .solution-sunbtn52 a:nth-child(8){
        right: 84px;
      top: 259px;
      }
      .solution-sunbtn52 a:nth-child(9){
        right: 100px;
      top: 369px;
      }
    .solution-sunbtn52 a:nth-child(10){
            right: 193px;
      top: 512px;
      }

    /* 应用场景4 */
    .solution-sunbtn99 a:nth-child(1){
      right:207px;
      left:auto;
    }
    .solution-sunbtn99 a:nth-child(2){
      right:207px;
      left:auto;
      top:255px;
    }

    /* 应用场景5 */
    .solution-sunbtn114 a:nth-child(1){
        left:333px;
        top:180px;
    }
    .solution-sunbtn114 a:nth-child(2){
        left:128px;
        top:180px;
    }
    .solution-sunbtn114 a:nth-child(3){
        left:130px;
        top:527px;
    }
    .solution-sunbtn114 a:nth-child(4){
        left:405px;
        top:528px;
    }
    .solution-sunbtn114 a:nth-child(5){
        right:502px;
        top:142px;
    }
    .solution-sunbtn114 a:nth-child(6){
        right:210px;
        top:165px;
    }
    .solution-sunbtn114 a:nth-child(7){
        right:100px;
        top:512px;
    }
    .solution-sunbtn114 a:nth-child(8){
        right:412px;
        top:522px;
    }

    /* 2019 05 27 修改完 */
}
/* 2019 05 23 修改完 */
.sun-downloadimg img{
	width:100%;
}
.s-innews-content .swiper-slide .sun-viewimg{
	position:relative;
	width:100%;
	height:0;
	padding-top:55.6%;
	overflow:hidden;
}
.s-innews-content .swiper-slide .sun-viewimg img{
	position:absolute;
	top:50%;
	left:50%;
	max-width:100%;
	max-height:none;
	height:auto;
	transform:translate(-50%,-50%);
}
@media (min-width:1024px){
}
.office-list ul{
	font-size:0;
}
.office-list li{
	display:inline-block!important;
	float:none!important;
	font-size:14px;
	vertical-align:middle;
}
.sun-addres{
	padding-left:25px;
	background:url(../images/iconsun13.png);
	background-size:auto 80%;
	background-repeat:no-repeat;
	background-position:left center;
}
.sun-emails{
	padding-left:25px;
	background:url(../images/icon15.png);
	background-size:auto 60%;
	background-repeat:no-repeat;
	background-position:left center;
}
.bd_weixin_popup{
	box-sizing:content-box;
}

.s-innewsbtmtxt h3{
	height:22px;
	line-height:22px;
}
.sun-comtit h2,.sunpro-title h4{
	text-align:left;
	font-weight:normal;
	font-size:16px;
	line-height:1.5em;
	color:#333;
	text-transform:none;
}
.sunpro-title h2:after{
	position:relative;
	left:50%;
	transform:translateX(-50%);
}

@media (min-width:1024px){
	.sun-comtit h2,.sunpro-title h4{
		font-size:16px;
	}
}

.culture .sm-tablecell,.culture .culture-item{
	border-color:transparent!important;
}
.culture .iconrb:after, .culture .iconlb:after{
	opacity:0;
}


.sitemapcont2 {
    padding: 6% 10px;
    overflow: hidden;
    background: #fff;
}

    .sitemapcont2 dl {
        position: relative;
        margin-bottom: 36px;
    }

        .sitemapcont2 dl:last-of-type {
            margin-bottom: 0;
        }

        .sitemapcont2 dl dt {
            font-size: 16px;
            font-weight: bold;
            padding: 0 8px;
            background: #fff;
            position: absolute;
            left: 18px;
            top: -14px;
        }

            .sitemapcont2 dl dt a {
                color: #ce2323;
            }

                .sitemapcont2 dl dt a:hover {
                    color: #ce2323;
                }

        .sitemapcont2 dl dd {
            padding: 4% 3% 1% 3%;
            border: 1px solid #e6e6e6;
        }

            .sitemapcont2 dl dd a {
                display: inline-block;
                padding-left: 10px;
                margin: 0 23px 8px 0;
            }

@media (min-width:767px) {
    .sitemapcont2 {
        padding: 5% 10px;
    }

        .sitemapcont2 dl dt {
            font-size: 20px;
        }

        .sitemapcont2 dl dd {
            padding: 2% 3% 1% 3%;
            border: 1px solid #e6e6e6;
        }

            .sitemapcont2 dl dd a {
                margin: 0 45px 8px 0;
            }

                .sitemapcont2 dl dd a:hover {
                    color: #ce2323;
                }
}

@media (min-width:1024px) {
    .sitemapcont2 {
        padding: 3.5% 30px;
    }

        .sitemapcont2 dl {
            margin-bottom: 50px;
        }
}

/*20200904*/
.s-infootprint-mapulsf li.a {
    display: none;
}

/* 20210329 */


.download li{
	padding: 5px 0;
	display: table;
	line-height: 25px;
	
}

.download li span{
	display: table-cell;
	vertical-align: middle;
	min-width: 150px;
	
}

.download li a{
	vertical-align: middle;
	display: table-cell;
	color: #fff;
	line-height: 0;
	width: 60px;
	text-align: center;
}