input{outline:none;}
	
	.index_nav{ color:#FFF; font-size:18px; padding-left:16px; line-height:46px; font-family:"微软雅黑"; font-weight:bold;}
	
.price5 { font-size:30px; color:#FFF;}	
	
	 
	   /*    input,select,option,textarea{outline: none;}*/

/* line 5, C:/Ruby200/lib/ruby/gems/2.0.0/gems/compass-core-1.0.1/stylesheets/compass/reset/_utilities.scss */
html, body,  span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
 
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
 
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
  font-family:"微软雅黑"
}

/* line 22, C:/Ruby200/lib/ruby/gems/2.0.0/gems/compass-core-1.0.1/stylesheets/compass/reset/_utilities.scss */
html {
  line-height: 1;
}

/* line 24, C:/Ruby200/lib/ruby/gems/2.0.0/gems/compass-core-1.0.1/stylesheets/compass/reset/_utilities.scss */
ol, ul {
  list-style: none;
}

/* line 26, C:/Ruby200/lib/ruby/gems/2.0.0/gems/compass-core-1.0.1/stylesheets/compass/reset/_utilities.scss */
 

/* line 28, C:/Ruby200/lib/ruby/gems/2.0.0/gems/compass-core-1.0.1/stylesheets/compass/reset/_utilities.scss */
 

/* line 30, C:/Ruby200/lib/ruby/gems/2.0.0/gems/compass-core-1.0.1/stylesheets/compass/reset/_utilities.scss */
q, blockquote {
  quotes: none;
}
/* line 103, C:/Ruby200/lib/ruby/gems/2.0.0/gems/compass-core-1.0.1/stylesheets/compass/reset/_utilities.scss */
q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none;
}

/* line 32, C:/Ruby200/lib/ruby/gems/2.0.0/gems/compass-core-1.0.1/stylesheets/compass/reset/_utilities.scss */
a img {
  border: none;
}

/* line 116, C:/Ruby200/lib/ruby/gems/2.0.0/gems/compass-core-1.0.1/stylesheets/compass/reset/_utilities.scss */
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block;
}

/* line 4, ../sass/base.scss */
 

/* line 14, ../sass/base.scss */
input[type="text"], input[type="password"] {
  box-sizing: border-box;
  -webkit-appearance: none;
}

/* line 16, ../sass/base.scss */
.clearfix:after {
  clear: both;
  content: "";
  display: block;
  font-size: 0;
  height: 0;
  overflow: hidden;
  visibility: hidden;
}

/* line 18, ../sass/base.scss */
.clearfix {
  zoom: 1;
}

/* for IE6 IE7 */
/* line 20, ../sass/base.scss */
 

/* line 2, ../sass/head.scss */
.body-wrap {
  position: relative;
}

/* line 8, ../sass/head.scss */
.header {
  background-color: #333333;
}
/* line 10, ../sass/head.scss */
.header .head-top {
  height: 35px;
  line-height: 35px;
  background-color: #f5f5f5;
  position: relative;
  z-index: 90;
}
/* line 16, ../sass/head.scss */
.header .head-top .head-top-wrap {
  width: 1200px;
  margin: 0 auto;
}
/* line 19, ../sass/head.scss */
.header .head-top .head-top-wrap .head-top-con {
  float: right;
}
/* line 21, ../sass/head.scss */
.header .head-top .head-top-wrap .head-top-con span {
  padding: 0 10px;
  font-size: 12px;
  background: url(icon-line.png) no-repeat right center;
  color: #888888;
}
/* line 26, ../sass/head.scss */
.header .head-top .head-top-wrap .head-top-con span b {
  color: #3f3f3f;
  margin-left: 10px;
  font-size: 12px;
}
/* line 31, ../sass/head.scss */
.header .head-top .head-top-wrap .head-top-con span a {
  margin-left: 10px;
}
/* line 35, ../sass/head.scss */
.header .head-top .head-top-wrap .head-top-con .online {
  background: none;
  padding-right: 0;
}
/* line 39, ../sass/head.scss */
.header .head-top .head-top-wrap .head-top-con .online a {
  display: inline-block;
  height: 15px;
  width: 16px;
  background: url(icon-qq.png) no-repeat center;
}
/* line 48, ../sass/head.scss */
.header .head-top .head-top-wrap .head-top-con .message {
  background: none;
  padding-right: 0;
}
/* line 51, ../sass/head.scss */
.header .head-top .head-top-wrap .head-top-con .message a {
  color: #888888;
  margin-left: 0;
}
/* line 54, ../sass/head.scss */
.header .head-top .head-top-wrap .head-top-con .message a:hover {
  color: #00a9ea;
}
/* line 62, ../sass/head.scss */
.header .head-wrap {
  width: 1200px;
  margin: 0 auto;
  position: relative;
  z-index: 89;
}
/* line 68, ../sass/head.scss */
.header .head-wrap .head-logo {
  position: relative;
  z-index: 90;
  width: 226px;
  height: 58px;
  float: left;
  padding: 17px 0 15px;
}
/* line 76, ../sass/head.scss */
.header .head-wrap .head-logo .logo-link img {
  width: 100%;
  vertical-align: middle;
}
/* line 83, ../sass/head.scss */
.header .head-wrap .header-mune-list-wrap {
  position: relative;
  z-index: 88;
  float: right;
  padding-right: 10px;
}
/* line 90, ../sass/head.scss */
.header .head-wrap .header-mune-list-wrap .header-mune-list .header-mune-item {
  float: left;
  margin-left: 40px;
  height: 90px;
  line-height: 90px;
}
/* line 95, ../sass/head.scss */
.header .head-wrap .header-mune-list-wrap .header-mune-list .header-mune-item:hover {
  background: url(menu-h-bg.png) repeat-x center 87px;
}
/* line 98, ../sass/head.scss */
.header .head-wrap .header-mune-list-wrap .header-mune-list .header-mune-item .header-mune-link {
  font-size: 15px;
  color: #888888;
  display: inline-block;
  height: 100%;
}
/* line 103, ../sass/head.scss */
.header .head-wrap .header-mune-list-wrap .header-mune-list .header-mune-item .header-mune-link:hover {
  color: #00a9ea;
}
/* line 109, ../sass/head.scss */
.header .head-wrap .header-mune-list-wrap .header-mune-list .header-mune-item.current {
  background: url(menu-h-bg.png) repeat-x center 87px;
}
/* line 112, ../sass/head.scss */
.header .head-wrap .header-mune-list-wrap .header-mune-list .header-mune-item.current .header-mune-link {
  color: #00a9ea;
}
/* line 122, ../sass/head.scss */
.header .head-wrap .header-menu-bg {
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -960px;
  height: 91px;
  width: 1920px;
  background-color: #333333;
  z-index: 85;
  border-bottom: 1px solid #e6e5e6;
}
/* line 133, ../sass/head.scss */
.header .head-wrap .header-sec-menu {
  width: 1200px;
  position: absolute;
  bottom: 10px;
  left: 0;
  height: 90px;
  z-index: 80;
  /*.current.develop-type-sec{
      display: block;
  }
  .current.platform-sec{
      display: block;
  }*/
}
/* line 140, ../sass/head.scss */
.header .head-wrap .header-sec-menu .header-sec-item-wrap {
  height: 90px;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
/* line 150, ../sass/head.scss */
.header .head-wrap .header-sec-menu .header-sec-item-wrap ul li {
  float: left;
  line-height: 90px;
  margin-right: 70px;
}
/* line 154, ../sass/head.scss */
.header .head-wrap .header-sec-menu .header-sec-item-wrap ul li a {
  font-size: 12px;
  color: #888888;
}
/* line 157, ../sass/head.scss */
.header .head-wrap .header-sec-menu .header-sec-item-wrap ul li a:hover {
  color: #00a9ea;
}
/* line 163, ../sass/head.scss */
.header .head-wrap .header-sec-menu .header-sec-item-wrap .develop-type-sec {
  padding-left: 490px;
}
/* line 167, ../sass/head.scss */
.header .head-wrap .header-sec-menu .header-sec-item-wrap .platform-sec {
  padding-left: 410px;
}
/* line 170, ../sass/head.scss */
.header .head-wrap .header-sec-menu .header-sec-item-wrap .platform-sec li {
  margin-top: 20px;
  height: 70px;
}
/* line 173, ../sass/head.scss */
.header .head-wrap .header-sec-menu .header-sec-item-wrap .platform-sec li a {
  padding-top: 40px;
}
/* line 176, ../sass/head.scss */
.header .head-wrap .header-sec-menu .header-sec-item-wrap .platform-sec li .header-sec-menu-link-ios {
  background: url("menu-ap.png") no-repeat top center;
}
/* line 178, ../sass/head.scss */
.header .head-wrap .header-sec-menu .header-sec-item-wrap .platform-sec li .header-sec-menu-link-ios:hover {
  background: url("menu-ap-h.png") no-repeat top center;
}
/* line 182, ../sass/head.scss */
.header .head-wrap .header-sec-menu .header-sec-item-wrap .platform-sec li .header-sec-menu-link-an {
  background: url("menu-an.png") no-repeat top center;
}
/* line 184, ../sass/head.scss */
.header .head-wrap .header-sec-menu .header-sec-item-wrap .platform-sec li .header-sec-menu-link-an:hover {
  background: url("menu-an-h.png") no-repeat top center;
}
/* line 188, ../sass/head.scss */
.header .head-wrap .header-sec-menu .header-sec-item-wrap .platform-sec li .header-sec-menu-link-wx {
  background: url("menu-wx.png") no-repeat top center;
}
/* line 190, ../sass/head.scss */
.header .head-wrap .header-sec-menu .header-sec-item-wrap .platform-sec li .header-sec-menu-link-wx:hover {
  background: url("menu-wx-h.png") no-repeat top center;
}
/* line 194, ../sass/head.scss */
.header .head-wrap .header-sec-menu .header-sec-item-wrap .platform-sec li .header-sec-menu-link-ht {
  background: url("menu-ht.png") no-repeat top center;
}
/* line 196, ../sass/head.scss */
.header .head-wrap .header-sec-menu .header-sec-item-wrap .platform-sec li .header-sec-menu-link-ht:hover {
  background: url("menu-ht-h.png") no-repeat top center;
}
/* line 200, ../sass/head.scss */
.header .head-wrap .header-sec-menu .header-sec-item-wrap .platform-sec li .header-sec-menu-link-pc {
  background: url("menu-pc.png") no-repeat top center;
}
/* line 202, ../sass/head.scss */
.header .head-wrap .header-sec-menu .header-sec-item-wrap .platform-sec li .header-sec-menu-link-pc:hover {
  background: url("menu-pc-h.png") no-repeat top center;
}
/* line 220, ../sass/head.scss */
.header .head-wrap .header-sec-menu-bg {
  border-top: 1px solid #e3e2e3;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -960px;
  height: 90px;
  width: 1920px;
  background-color: #fdfdfd;
  z-index: -2;
  box-shadow: 0 2px 3px  #3f3f3f;
}

/* line 3, ../sass/main.scss */
.body-wrap {
  overflow-x: hidden;
}

/* line 10, ../sass/main.scss */
.banner {
  background-color: #f5f5f5;
  position: relative;
  max-width: 1920px;
  margin: 0 auto;
  /*    .banner-wrap{
          width: 1200px;
          height: 48px;
          margin: 0 auto;
          position: absolute;
          top: 41%;
          left: 50%;
          margin-top: -24px;
          margin-left: -600px;
          .prev{
              cursor: pointer;
              position: absolute;
              top: 50%;
              left: 0;
              margin-top: -24px;
              display:inline-block;
              text-indent: -9999px;
              height: 48px;
              width: 47px;
              background: url(banner-prev.png) no-repeat center;
              &:hover{
                 background: url(banner-prev-h.png) no-repeat center; 
              }
          }
          .next{
              cursor: pointer;
              position: absolute;
              top: 50%;
              right: 0;
              margin-top: -24px;
              display:inline-block;
              text-indent: -9999px;
              height: 48px;
              width: 47px;
              background: url(banner-next.png) no-repeat center;
              &:hover{
                 background: url(banner-next-h.png) no-repeat center;
              }
          }
      }*/
}
/* line 15, ../sass/main.scss */
.banner:hover .slides .slidesjs-previous {
  display: inline-block;
}
/* line 18, ../sass/main.scss */
.banner:hover .slides .slidesjs-next {
  display: inline-block;
}
/* line 22, ../sass/main.scss */
.banner .slides .slides-list {
  margin: 0 auto;
}
/* line 24, ../sass/main.scss */
.banner .slides .slides-list .slides-item {
  max-width: 1920px;
  margin: 0 auto;
  position: absolute;
  top: 0;
  left: 0;

}
/* line 31, ../sass/main.scss */
.banner .slides .slides-list .slides-item .slides-link img {
  width: 100%;
  vertical-align: middle;
 
}
/* line 38, ../sass/main.scss */
.banner .slides .slidesjs-previous {
  z-index: 88;
  cursor: pointer;
  position: absolute;
  top: 41%;
  left: 1px;
  margin-top: 15px;
  display: none;
  text-indent: -9999px;
  height: 50px;
  width: 56px;
  background: url(left.png) no-repeat center;
}
/* line 50, ../sass/main.scss */
.banner .slides .slidesjs-previous:hover {
  background: url(left-h.png) no-repeat center;
}
/* line 54, ../sass/main.scss */
.banner .slides .slidesjs-next {
  z-index: 88;
  cursor: pointer;
  position: absolute;
  top: 41%;
  right:1px;
  margin-top: 15px;
  display: none;
  text-indent: -9999px;
  height: 50px;
  width: 56px;
  background: url(right.png) no-repeat center;
}
/* line 66, ../sass/main.scss */
.banner .slides .slidesjs-next:hover {
  background: url(right-h.png) no-repeat center;
}

/* line 117, ../sass/main.scss */
.other-banner {
  position: relative;
  height: 400px;
}
/* line 120, ../sass/main.scss */
.other-banner .banner-wrap {
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -960px;
  width: 1920px;
}
/* line 126, ../sass/main.scss */
.other-banner .banner-wrap img {
  width: 100%;
}

/* line 133, ../sass/main.scss */
.crumbs {
  padding-top: 20px;
  font-size: 12px;
  position: relative;
  z-index: 2;
  height: 20px;
  line-height: 20px;
}
/* line 141, ../sass/main.scss */
.crumbs ul li {
  float: left;
}
/* line 145, ../sass/main.scss */
.crumbs a {
  color: #888888;
}
/* line 147, ../sass/main.scss */
.crumbs a:hover {
  color: #00a9ea;
}
/* line 151, ../sass/main.scss */
.crumbs span {
  margin: 0 5px;
  line-height: 1;
  color: #888888;
}
/* line 156, ../sass/main.scss */
.crumbs b {
  color: #3f3f3f;
}

/* line 160, ../sass/main.scss */
.wrap {
  width: 1200px;
  margin: 0 auto;
}

/* line 164, ../sass/main.scss */
.home-main {
  background-color: #f5f5f5;
}
/* line 166, ../sass/main.scss */
.home-main .home-main-wrap {
  width: 1180px;
  margin: 0 auto;
}
/* line 169, ../sass/main.scss */
.home-main .home-main-wrap .sunn-data {
  padding: 55px 0 65px;
  width: 1180px;
  overflow: hidden;
}
/* line 173, ../sass/main.scss */
.home-main .home-main-wrap .sunn-data .data-list {
  width: 1200px;
  height: 320px;
}
/* line 176, ../sass/main.scss */
.home-main .home-main-wrap .sunn-data .data-list .data-item {
  float: left;
  margin-right: 20px;
  height: 320px;
  width: 280px;
  background: url("data-bg.png") no-repeat center 180px;
  background-color: #eac02e;
}
/* line 184, ../sass/main.scss */
.home-main .home-main-wrap .sunn-data .data-list .data-item:hover {
  /* Wobble Vertical */
  /* Buzz Out */
}
@-webkit-keyframes wobble-vertical {
  16.65% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }
  33.3% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }
  49.95% {
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
  }
  66.6% {
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
  }
  83.25% {
    -webkit-transform: translateY(1px);
    transform: translateY(1px);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes wobble-vertical {
  16.65% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }
  33.3% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }
  49.95% {
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
  }
  66.6% {
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
  }
  83.25% {
    -webkit-transform: translateY(1px);
    transform: translateY(1px);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
/* line 66, ../sass/wobble-vertical.scss */
.home-main .home-main-wrap .sunn-data .data-list .data-item:hover .wobble-vertical {
  display: inline-block;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px transparent;
}
/* line 72, ../sass/wobble-vertical.scss */
.home-main .home-main-wrap .sunn-data .data-list .data-item:hover .wobble-vertical:hover, .home-main .home-main-wrap .sunn-data .data-list .data-item:hover .wobble-vertical:focus, .home-main .home-main-wrap .sunn-data .data-list .data-item:hover .wobble-vertical:active {
  -webkit-animation-name: wobble-vertical;
  animation-name: wobble-vertical;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}
/* line 83, ../sass/wobble-vertical.scss */
.home-main .home-main-wrap .sunn-data .data-list .data-item:hover .wobble-vertical-son {
  display: inline-block;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-animation-name: wobble-vertical;
  animation-name: wobble-vertical;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}
@-webkit-keyframes buzz-out {
  10% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  20% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  30% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  40% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  50% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  60% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  70% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  80% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  90% {
    -webkit-transform: translateX(1px) rotate(0);
    transform: translateX(1px) rotate(0);
  }
  100% {
    -webkit-transform: translateX(-1px) rotate(0);
    transform: translateX(-1px) rotate(0);
  }
}
@keyframes buzz-out {
  10% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  20% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  30% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  40% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  50% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  60% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  70% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  80% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  90% {
    -webkit-transform: translateX(1px) rotate(0);
    transform: translateX(1px) rotate(0);
  }
  100% {
    -webkit-transform: translateX(-1px) rotate(0);
    transform: translateX(-1px) rotate(0);
  }
}
/* line 204, ../sass/wobble-vertical.scss */
.home-main .home-main-wrap .sunn-data .data-list .data-item:hover .buzz-out {
  display: inline-block;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px transparent;
}
/* line 210, ../sass/wobble-vertical.scss */
.home-main .home-main-wrap .sunn-data .data-list .data-item:hover .buzz-out:hover, .home-main .home-main-wrap .sunn-data .data-list .data-item:hover .buzz-out:focus, .home-main .home-main-wrap .sunn-data .data-list .data-item:hover .buzz-out:active {
  -webkit-animation-name: buzz-out;
  animation-name: buzz-out;
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}
/* line 188, ../sass/main.scss */
.home-main .home-main-wrap .sunn-data .data-list .data-item .data-item-wrap {
  padding-top: 55px;
  text-align: center;
}
/* line 192, ../sass/main.scss */
.home-main .home-main-wrap .sunn-data .data-list .data-item .data-item-wrap .data-item-img {
  width: 230px;
  margin: 0 auto;
  height: 94px;
  position: relative;
  top: 0;
}
/* line 199, ../sass/main.scss */
.home-main .home-main-wrap .sunn-data .data-list .data-item .data-item-wrap .data-item-img img {
  width: 100%;
  vertical-align: middle;
}
/* line 204, ../sass/main.scss */
 
/* line 222, ../sass/main.scss */
.home-main .home-main-wrap .sunn-data .data-list .data-item-first .data-item-wrap .data-item-img {
  width: 73px;
}
/* line 228, ../sass/main.scss */
.home-main .home-main-wrap .sunn-data .data-list .data-item-sec {
  background-color: #ff7171;
}
/* line 231, ../sass/main.scss */
.home-main .home-main-wrap .sunn-data .data-list .data-item-sec .data-item-wrap .data-item-img {
  width: 160px;
}
/* line 237, ../sass/main.scss */
.home-main .home-main-wrap .sunn-data .data-list .data-item-three {
  background-color: #56a5c1;
}
/* line 240, ../sass/main.scss */
.home-main .home-main-wrap .sunn-data .data-list .data-item-three .data-item-wrap .data-item-img {
  width: 180px;
}
/* line 246, ../sass/main.scss */
.home-main .home-main-wrap .sunn-data .data-list .data-item-four {
  background-color: #1fd8e3;
}
/* line 249, ../sass/main.scss */
.home-main .home-main-wrap .sunn-data .data-list .data-item-four .data-item-wrap .data-item-img {
  padding: 0px 0;
}
/* line 258, ../sass/main.scss */
.home-main .home-main-wrap .service {
  position: relative;
  height: 555px;
  z-index: 1;
}
/* line 262, ../sass/main.scss */
.home-main .home-main-wrap .service .service-wrap {
  padding-top: 75px;
  position: relative;
  z-index: 3;
}
/* line 267, ../sass/main.scss */
.home-main .home-main-wrap .service .service-wrap .title-top {
  margin-bottom: 50px;
}
/* line 269, ../sass/main.scss */
.home-main .home-main-wrap .service .service-wrap .title-top .title-con {
  text-align: center;
  width: 350px;
  margin: 0 auto;
}
/* line 273, ../sass/main.scss */
.home-main .home-main-wrap .service .service-wrap .title-top .title-con:hover .title-btn span {
  /* width:60px;*/
}
/* line 277, ../sass/main.scss */
.home-main .home-main-wrap .service .service-wrap .title-top .title-con h2 a {
  color: #3f3f3f;
  font-size: 32px;
  font-weight: bold;
}
/* line 283, ../sass/main.scss */
.home-main .home-main-wrap .service .service-wrap .title-top .title-con p {
  margin-top: 10px;
  font-size: 14px;
  color: #999999;
  padding-top: 0;
}
/* line 289, ../sass/main.scss */
.home-main .home-main-wrap .service .service-wrap .title-top .title-con .title-btn {
  display: block;
  width: 350px;
  margin: 20px auto 13px;
  height: 4px;
  text-align: center;
  background: url("title-btm-bg-w.png") repeat-x bottom;
}
/* line 296, ../sass/main.scss */
.home-main .home-main-wrap .service .service-wrap .title-top .title-con .title-btn span {
  /* transition: width  0.5s ease-in;*/
  display: block;
  width: 30px;
  margin: 0 auto;
  height: 4px;
  background: url("title-btm-bg.png") repeat-x;
}
/* line 306, ../sass/main.scss */
.home-main .home-main-wrap .service .service-wrap .title-top p {
  padding-top: 7px;
  font-size: 12px;
  color: #999999;
  text-align: center;
}
/* line 316, ../sass/main.scss */
.home-main .home-main-wrap .service .service-wrap .service-bottom .service-list .service-item {
  width: 236px;
  float: left;
  text-align: center;
}
/* line 320, ../sass/main.scss */
.home-main .home-main-wrap .service .service-wrap .service-bottom .service-list .service-item:hover .service-icon a {
  background: url("service01-h.png") no-repeat center;
}
/* line 323, ../sass/main.scss */
.home-main .home-main-wrap .service .service-wrap .service-bottom .service-list .service-item:hover .service-icon-an a {
  background: url("service02-h.png") no-repeat center;
}
/* line 326, ../sass/main.scss */
.home-main .home-main-wrap .service .service-wrap .service-bottom .service-list .service-item:hover .service-icon-wx a {
  background: url("service03-h.png") no-repeat center;
}
/* line 329, ../sass/main.scss */
.home-main .home-main-wrap .service .service-wrap .service-bottom .service-list .service-item:hover .service-icon-ht a {
  background: url("service04-h.png") no-repeat center;
}
/* line 332, ../sass/main.scss */
.home-main .home-main-wrap .service .service-wrap .service-bottom .service-list .service-item:hover .service-icon-web a {
  background: url("service05-h.png") no-repeat center;
}
/* line 335, ../sass/main.scss */
.home-main .home-main-wrap .service .service-wrap .service-bottom .service-list .service-item:hover h3 a {
  color: #01a8ec;
}
/* line 339, ../sass/main.scss */
.home-main .home-main-wrap .service .service-wrap .service-bottom .service-list .service-item .service-icon {
  text-align: center;
}
/* line 341, ../sass/main.scss */
.home-main .home-main-wrap .service .service-wrap .service-bottom .service-list .service-item .service-icon a {
  display: inline-block;
  height: 100px;
  width: 100px;
  margin: 0 auto;
  background: url("service01.png") no-repeat center;
}
/* line 350, ../sass/main.scss */
.home-main .home-main-wrap .service .service-wrap .service-bottom .service-list .service-item .service-icon-an a {
  background: url("service02.png") no-repeat center;
}
/* line 355, ../sass/main.scss */
.home-main .home-main-wrap .service .service-wrap .service-bottom .service-list .service-item .service-icon-wx a {
  background: url("service03.png") no-repeat center;
}
/* line 360, ../sass/main.scss */
.home-main .home-main-wrap .service .service-wrap .service-bottom .service-list .service-item .service-icon-ht a {
  background: url("service04.png") no-repeat center;
}
/* line 365, ../sass/main.scss */
.home-main .home-main-wrap .service .service-wrap .service-bottom .service-list .service-item .service-icon-web a {
  background: url("service05.png") no-repeat center;
}
/* line 369, ../sass/main.scss */
.home-main .home-main-wrap .service .service-wrap .service-bottom .service-list .service-item h3 {
  margin: 25px 0 15px;
}
/* line 371, ../sass/main.scss */
.home-main .home-main-wrap .service .service-wrap .service-bottom .service-list .service-item h3 a {
  color: #3f3f3f;
  font-size: 20px;
  font-weight: 600;
}
/* line 377, ../sass/main.scss */
.home-main .home-main-wrap .service .service-wrap .service-bottom .service-list .service-item p {
  color: #888888;
  font-size: 12px;
  line-height: 18px;
  padding: 0 10px;
}
/* line 387, ../sass/main.scss */
.home-main .home-main-wrap .service .service-bg {
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -960px;
  height: 555px;
  width: 1920px;
  background: #333333;
}
/* line 400, ../sass/main.scss */
.home-main .home-main-wrap .appcase .appcase-warp {
  padding: 80px 0 60px;
}
/* line 404, ../sass/main.scss */
.home-main .home-main-wrap .appcase .appcase-warp .title-top {
  margin-bottom: 50px;
}
/* line 406, ../sass/main.scss */
.home-main .home-main-wrap .appcase .appcase-warp .title-top .title-con {
  text-align: center;
  width: 350px;
  margin: 0 auto;
}
/* line 410, ../sass/main.scss */
.home-main .home-main-wrap .appcase .appcase-warp .title-top .title-con:hover .title-btn span {
  /*width:60px;*/
}
/* line 414, ../sass/main.scss */
.home-main .home-main-wrap .appcase .appcase-warp .title-top .title-con h2 a {
  color: #3f3f3f;
  font-size: 32px;
  font-weight: bold;
}
/* line 420, ../sass/main.scss */
.home-main .home-main-wrap .appcase .appcase-warp .title-top .title-con p {
  margin-top: 10px;
  font-size: 14px;
  color: #999999;
  padding-top: 0;
}
/* line 426, ../sass/main.scss */
.home-main .home-main-wrap .appcase .appcase-warp .title-top .title-con .title-btn {
  display: block;
  width: 350px;
  margin: 20px auto 13px;
  height: 4px;
  text-align: center;
  background: url("title-btm-bg-w.png") repeat-x bottom;
}
/* line 433, ../sass/main.scss */
.home-main .home-main-wrap .appcase .appcase-warp .title-top .title-con .title-btn span {
  /* transition: width  0.5s ease-in;*/
  display: block;
  width: 30px;
  margin: 0 auto;
  height: 4px;
  background: url("title-btm-bg.png") repeat-x;
}
/* line 443, ../sass/main.scss */
.home-main .home-main-wrap .appcase .appcase-warp .title-top p {
  padding-top: 7px;
  font-size: 12px;
  color: #999999;
  text-align: center;
}
/* line 450, ../sass/main.scss */
.home-main .home-main-wrap .appcase .appcase-warp .appcase-title-list {
  text-align: center;
  margin-bottom: 40px;
}
/* line 453, ../sass/main.scss */
.home-main .home-main-wrap .appcase .appcase-warp .appcase-title-list a {
  display: inline-block;
  font-size: 14px;
  height: 30px;
  line-height: 30px;
  padding: 0 10px;
  margin: 0 4px;
  color: #666666;
  background-color: #e9e9e9;
}
/* line 462, ../sass/main.scss */
 
/* line 466, ../sass/main.scss */
 
/* line 472, ../sass/main.scss */
.home-main .home-main-wrap .appcase .appcase-warp .appcase-con {
  width: 1180px;
  overflow: hidden;
}
/* line 475, ../sass/main.scss */
.home-main .home-main-wrap .appcase .appcase-warp .appcase-con .appcase-con-list {
  width: 9999px;
  position: relative;
}
/* line 478, ../sass/main.scss */
.home-main .home-main-wrap .appcase .appcase-warp .appcase-con .appcase-con-list .appcase-con-item {
  float: left;
  width: 290px;
  margin-right: 6px;
}
/* line 482, ../sass/main.scss */
.home-main .home-main-wrap .appcase .appcase-warp .appcase-con .appcase-con-list .appcase-con-item:hover .appcase-con-bottom {
  background-color: #e5e5e5;
}
/* line 486, ../sass/main.scss */
.home-main .home-main-wrap .appcase .appcase-warp .appcase-con .appcase-con-list .appcase-con-item:hover .appcase-con-img span {
  background: url("case-ch-icon-h.png") no-repeat center;
}
/* line 489, ../sass/main.scss */
.home-main .home-main-wrap .appcase .appcase-warp .appcase-con .appcase-con-list .appcase-con-item .appcase-con-img {
  width: 290px;
  height: 240px;
  position: relative;
}
/* line 494, ../sass/main.scss */
.home-main .home-main-wrap .appcase .appcase-warp .appcase-con .appcase-con-list .appcase-con-item .appcase-con-img a img {
  width: 100%;
  vertical-align: middle;
}
/* line 499, ../sass/main.scss */
.home-main .home-main-wrap .appcase .appcase-warp .appcase-con .appcase-con-list .appcase-con-item .appcase-con-img span {
  display: inline-block;
  position: absolute;
  bottom: 0;
  right: 33px;
  width: 18px;
  height: 9px;
  background: url("case-ch-icon.png") no-repeat center;
}
/* line 509, ../sass/main.scss */
.home-main .home-main-wrap .appcase .appcase-warp .appcase-con .appcase-con-list .appcase-con-item .appcase-con-bottom {
  padding: 10px 0 15px 20px;
  border: 1px solid #dcdcdc;
  background-color: #333333;
  border-top: none;
}
/* line 516, ../sass/main.scss */
.home-main .home-main-wrap .appcase .appcase-warp .appcase-con .appcase-con-list .appcase-con-item .appcase-con-bottom .appcase-con-title span {
  display: inline-block;
  vertical-align: top;
  height: 30px;
  line-height: 29px;
  color: #888888;
  font-size: 12px;
}
/* line 524, ../sass/main.scss */
.home-main .home-main-wrap .appcase .appcase-warp .appcase-con .appcase-con-list .appcase-con-item .appcase-con-bottom .appcase-con-title a {
  font-size: 14px;
  line-height: 29px;
  width: 220px;
  font-weight: bold;
  border-bottom: 1px solid #dcdcdc;
  display: inline-block;
  vertical-align: top;
  height: 30px;
  overflow: hidden;
}
/* line 537, ../sass/main.scss */
.home-main .home-main-wrap .appcase .appcase-warp .appcase-con .appcase-con-list .appcase-con-item .appcase-con-bottom .appcase-content {
  margin-top: 5px;
}
/* line 539, ../sass/main.scss */
.home-main .home-main-wrap .appcase .appcase-warp .appcase-con .appcase-con-list .appcase-con-item .appcase-con-bottom .appcase-content .label {
  display: inline-block;
  vertical-align: top;
  color: #888888;
  font-size: 12px;
  line-height: 22px;
}
/* line 547, ../sass/main.scss */
.home-main .home-main-wrap .appcase .appcase-warp .appcase-con .appcase-con-list .appcase-con-item .appcase-con-bottom .appcase-content .con {
  height: 44px;
  line-height: 22px;
  font-size: 12px;
  color: #888888;
  width: 220px;
  border-bottom: 1px solid #dcdcdc;
  display: inline-block;
  vertical-align: top;
  padding-bottom: 5px;
}
/* line 565, ../sass/main.scss */
.home-main .home-main-wrap .appcase .appcase-warp .appcase-con .case-more {
  padding-top: 40px;
  text-align: center;
}
/* line 568, ../sass/main.scss */
.home-main .home-main-wrap .appcase .appcase-warp .appcase-con .case-more span {
  display: inline-block;
  height: 32px;
  width: 32px;
  cursor: pointer;
}
/* line 574, ../sass/main.scss */
.home-main .home-main-wrap .appcase .appcase-warp .appcase-con .case-more .prev {
  background: url("case-prev.png") no-repeat center;
  background-color: #9d9d9d;
}
/* line 577, ../sass/main.scss */
.home-main .home-main-wrap .appcase .appcase-warp .appcase-con .case-more .prev:hover {
  background-color: #01a8ec;
}
/* line 581, ../sass/main.scss */
.home-main .home-main-wrap .appcase .appcase-warp .appcase-con .case-more .next {
  /*margin-left: -5px;*/
  background: url("case-next.png") no-repeat center;
  background-color: #9d9d9d;
}
/* line 585, ../sass/main.scss */
.home-main .home-main-wrap .appcase .appcase-warp .appcase-con .case-more .next:hover {
  background-color: #01a8ec;
}
/* line 596, ../sass/main.scss */
.home-main .home-main-wrap .process {
  position: relative;
  height: 747px;
  z-index: 1;
}
/* line 600, ../sass/main.scss */
.home-main .home-main-wrap .process .process-wrap {
  padding-top: 75px;
  position: relative;
  z-index: 3;
}
/* line 604, ../sass/main.scss */
.home-main .home-main-wrap .process .process-wrap .title-top {
  margin-bottom: 50px;
}
/* line 606, ../sass/main.scss */
.home-main .home-main-wrap .process .process-wrap .title-top .title-con {
  text-align: center;
  width: 350px;
  margin: 0 auto;
}
/* line 610, ../sass/main.scss */
.home-main .home-main-wrap .process .process-wrap .title-top .title-con:hover .title-btn span {
  /* width:60px;*/
}
/* line 614, ../sass/main.scss */
.home-main .home-main-wrap .process .process-wrap .title-top .title-con h2 a {
  color: #333333;
  font-size: 32px;
  font-weight: bold;
}
/* line 620, ../sass/main.scss */
.home-main .home-main-wrap .process .process-wrap .title-top .title-con p {
  margin-top: 10px;
  font-size: 14px;
  color: #a2a6b8;
  padding-top: 0;
}
/* line 626, ../sass/main.scss */
.home-main .home-main-wrap .process .process-wrap .title-top .title-con .title-btn {
  display: block;
  width: 350px;
  margin: 20px auto 13px;
  height: 4px;
  text-align: center;
  background: url("title-btm-bg-w02.png") repeat-x bottom;
}
/* line 633, ../sass/main.scss */
.home-main .home-main-wrap .process .process-wrap .title-top .title-con .title-btn span {
  /* transition: width  0.5s ease-in;*/
  display: block;
  width: 30px;
  margin: 0 auto;
  height: 4px;
  background: url("title-btm-bg.png") repeat-x;
}
/* line 643, ../sass/main.scss */
.home-main .home-main-wrap .process .process-wrap .title-top p {
  padding-top: 7px;
  font-size: 12px;
  color: #999999;
  text-align: center;
}
/* line 653, ../sass/main.scss */
.home-main .home-main-wrap .process .process-choose {
  position: absolute;
  width: 70px;
  height: 70px;
  z-index: 10;
  border-radius: 35px;
}
/* line 659, ../sass/main.scss */
.home-main .home-main-wrap .process .process-choose .sec-item {
  position: absolute;
  display: none;
  z-index: 8;
}
/* line 665, ../sass/main.scss */
.home-main .home-main-wrap .process .demand {
  bottom: 195px;
  left: 47px;
}
/* line 668, ../sass/main.scss */
.home-main .home-main-wrap .process .demand .process-choose-link {
  display: inline-block;
  width: 70px;
  height: 70px;
  border-radius: 35px;
  background: url("process-demand-bg.png") no-repeat center;
  position: relative;
  z-index: 9;
}
/* line 677, ../sass/main.scss */
.home-main .home-main-wrap .process .demand .demand-sec {
  top: -70px;
  left: -100px;
  background: url("need-icon.png") no-repeat center;
  width: 135px;
  height: 177px;
}
/* line 688, ../sass/main.scss */
.home-main .home-main-wrap .process .ps {
  top: 265px;
  left: 376px;
}
/* line 691, ../sass/main.scss */
.home-main .home-main-wrap .process .ps .process-choose-link {
  display: inline-block;
  width: 70px;
  height: 70px;
  border-radius: 35px;
  background: url("process-ps-bg.png") no-repeat center;
  position: relative;
  z-index: 9;
}
/* line 700, ../sass/main.scss */
.home-main .home-main-wrap .process .ps .ps-sec {
  top: 35px;
  left: -102px;
  background: url("ps-icon.png") no-repeat center;
  width: 280px;
  height: 146px;
}
/* line 710, ../sass/main.scss */
.home-main .home-main-wrap .process .qd {
  top: 401px;
  left: 629px;
}
/* line 713, ../sass/main.scss */
.home-main .home-main-wrap .process .qd .process-choose-link {
  display: inline-block;
  width: 70px;
  height: 70px;
  border-radius: 35px;
  background: url("process-qd-bg.png") no-repeat center;
  position: relative;
  z-index: 9;
}
/* line 722, ../sass/main.scss */
.home-main .home-main-wrap .process .qd .qd-sec {
  top: 35px;
  left: -74px;
  background: url("qianduan-cion.png") no-repeat center;
  width: 208px;
  height: 109px;
}
/* line 732, ../sass/main.scss */
.home-main .home-main-wrap .process .hd {
  top: 297px;
  right: 295px;
}
/* line 735, ../sass/main.scss */
.home-main .home-main-wrap .process .hd .process-choose-link {
  display: inline-block;
  width: 70px;
  height: 70px;
  border-radius: 35px;
  background: url("process-hd-bg.png") no-repeat center;
  position: relative;
  z-index: 9;
}
/* line 744, ../sass/main.scss */
.home-main .home-main-wrap .process .hd .hd-sec {
  top: 35px;
  left: -54px;
  background: url("houduan-icon.png") no-repeat center;
  width: 178px;
  height: 124px;
}
/* line 754, ../sass/main.scss */
.home-main .home-main-wrap .process .test {
  bottom: 252px;
  right: 70px;
}
/* line 757, ../sass/main.scss */
.home-main .home-main-wrap .process .test .process-choose-link {
  display: inline-block;
  width: 70px;
  height: 70px;
  border-radius: 35px;
  background: url("process-test-bg.png") no-repeat center;
  position: relative;
  z-index: 9;
}
/* line 766, ../sass/main.scss */
.home-main .home-main-wrap .process .test .test-sec {
  top: -96px;
  left: -53px;
  background: url("test-icon.png") no-repeat center;
  width: 175px;
  height: 126px;
}
/* line 776, ../sass/main.scss */
.home-main .home-main-wrap .process .on {
  bottom: 132px;
  right: 260px;
}
/* line 779, ../sass/main.scss */
.home-main .home-main-wrap .process .on .process-choose-link {
  display: inline-block;
  width: 70px;
  height: 70px;
  border-radius: 35px;
  background: url("process-on-bg.png") no-repeat center;
  position: relative;
  z-index: 9;
}
/* line 788, ../sass/main.scss */
.home-main .home-main-wrap .process .on .on-sec {
  top: -96px;
  left: 0px;
  background: url("sx-icon.png") no-repeat center;
  width: 73px;
  height: 137px;
}
/* line 801, ../sass/main.scss */
.home-main .home-main-wrap .process .process-bg {
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -960px;
  height: 747px;
  width: 1920px;
  background: url("process-bg.png") no-repeat center;
}
/* line 814, ../sass/main.scss */
.about-us {
  position: relative;
  height: 640px;
  z-index: 1;
}
/* line 818, ../sass/main.scss */
.about-us .about-us-wrap {
  padding-top: 75px;
  position: relative;
  z-index: 3;
}
/* line 822, ../sass/main.scss */
.about-us .about-us-wrap .title-top {
  margin-bottom: 50px;
}
/* line 824, ../sass/main.scss */
.about-us .about-us-wrap .title-top .title-con {
  text-align: center;
  width: 350px;
  margin: 0 auto;
}
/* line 828, ../sass/main.scss */
.about-us .about-us-wrap .title-top .title-con:hover .title-btn span {
  /* width:60px;*/
}
/* line 832, ../sass/main.scss */
.about-us .about-us-wrap .title-top .title-con h2 a {
  color: #3f3f3f;
  font-size: 32px;
  font-weight: bold;
}
/* line 838, ../sass/main.scss */
.about-us .about-us-wrap .title-top .title-con p {
  margin-top: 10px;
  font-size: 14px;
  color: #999999;
  padding-top: 0;
}
/* line 844, ../sass/main.scss */
.about-us .about-us-wrap .title-top .title-con .title-btn {
  display: block;
  width: 350px;
  margin: 20px auto 13px;
  height: 4px;
  text-align: center;
  background: url("title-btm-bg-w.png") repeat-x bottom;
}
/* line 851, ../sass/main.scss */
.about-us .about-us-wrap .title-top .title-con .title-btn span {
  /* transition: width  0.5s ease-in;*/
  display: block;
  width: 30px;
  margin: 0 auto;
  height: 4px;
  background: url("title-btm-bg.png") repeat-x;
}
/* line 861, ../sass/main.scss */
.about-us .about-us-wrap .title-top p {
  padding-top: 7px;
  font-size: 12px;
  color: #999999;
  text-align: center;
}
/* line 870, ../sass/main.scss */
.about-us .about-us-wrap .about-us-con .about-us-list .about-us-item {
  float: left;
  border: 1px solid #dcdcdc;
  margin-left: -1px;
  width: 293px;
}
/* line 875, ../sass/main.scss */
.about-us .about-us-wrap .about-us-con .about-us-list .about-us-item:hover .about-con-img span {
  display: inline-block;
}
/* line 878, ../sass/main.scss */
.about-us .about-us-wrap .about-us-con .about-us-list .about-us-item .about-con-img {
  height: 221px;
  width: 293px;
  position: relative;
}
/* line 883, ../sass/main.scss */
.about-us .about-us-wrap .about-us-con .about-us-list .about-us-item .about-con-img a img {
  width: 100%;
  vertical-align: middle;
}
/* line 888, ../sass/main.scss */
.about-us .about-us-wrap .about-us-con .about-us-list .about-us-item .about-con-img span {
  position: absolute;
  top: 0;
  left: 0;
  /*display: inline-block;*/
  display: none;
  width: 100%;
  height: 100%;
  background: url("aboutus-ch.png") no-repeat center;
  background-color: #fb7b57;
  opacity: 0.9;
  filter: alpha(opacity=90);
  cursor: pointer;
}
/* line 904, ../sass/main.scss */
.about-us .about-us-wrap .about-us-con .about-us-list .about-us-item .about-con-bottom {
  text-align: center;
}
/* line 906, ../sass/main.scss */
.about-us .about-us-wrap .about-us-con .about-us-list .about-us-item .about-con-bottom h3 {
  color: #3f3f3f;
  font-size: 18px;
  font-weight: bold;
  padding-top: 15px;
}
/* line 912, ../sass/main.scss */
.about-us .about-us-wrap .about-us-con .about-us-list .about-us-item .about-con-bottom p {
  color: #888888;
  font-size: 14px;
  padding: 10px 0 20px;
}
/* line 920, ../sass/main.scss */
.about-us .about-us-wrap .about-us-con .about-us-list .first {
  margin-left: 0px;
}
/* line 927, ../sass/main.scss */
.about-us .about-us-bg {
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -960px;
  height: 640px;
  width: 1920px;
  background: #333333;
}
/* line 940, ../sass/main.scss */
#hcus.contact-us {
  position: relative;
  height: 716px;
  z-index: 1;
}
/* line 944, ../sass/main.scss */
#hcus.contact-us .contact-us-wrap {
  padding-top: 75px;
  position: relative;
  z-index: 3;
  width: 1062px;
  margin: 0 auto;
}
/* line 950, ../sass/main.scss */
#hcus.contact-us .contact-us-wrap .title-top {
  padding-bottom: 28px;
  background: url("contact-us-top-bg.png") no-repeat bottom center;
}
/* line 953, ../sass/main.scss */
#hcus.contact-us .contact-us-wrap .title-top .title-con {
  text-align: center;
  width: 350px;
  margin: 0 auto;
}
/* line 957, ../sass/main.scss */
#hcus.contact-us .contact-us-wrap .title-top .title-con:hover .title-btn span {
  /* width:60px;*/
}
/* line 961, ../sass/main.scss */
#hcus.contact-us .contact-us-wrap .title-top .title-con h2 a {
  color: #333333;
  font-size: 32px;
  font-weight: bold;
}
/* line 967, ../sass/main.scss */
#hcus.contact-us .contact-us-wrap .title-top .title-con p {
  margin-top: 10px;
  font-size: 14px;
  color: #707682;
  padding-top: 0;
}
/* line 973, ../sass/main.scss */
#hcus.contact-us .contact-us-wrap .title-top .title-con .title-btn {
  display: block;
  width: 350px;
  margin: 20px auto 13px;
  height: 4px;
  text-align: center;
  background: url("title-btm-bg-w02.png") repeat-x bottom;
}
/* line 980, ../sass/main.scss */
#hcus.contact-us .contact-us-wrap .title-top .title-con .title-btn span {
  /* transition: width  0.5s ease-in;*/
  display: block;
  width: 30px;
  margin: 0 auto;
  height: 4px;
  background: url("title-btm-bg.png") repeat-x;
}
/* line 990, ../sass/main.scss */
#hcus.contact-us .contact-us-wrap .title-top p {
  padding-top: 7px;
  font-size: 12px;
  color: #999999;
  text-align: center;
}
/* line 996, ../sass/main.scss */
#hcus.contact-us .contact-us-wrap .title-top .contact-us-tel {
  margin-top: 15px;
  height: 27px;
  background: url("contact-us-top-tel.png") no-repeat center;
}
/* line 1005, ../sass/main.scss */
#hcus.contact-us .contact-us-wrap .contact-us-con {
  margin-top: 70px;
}
/* line 1007, ../sass/main.scss */
#hcus.contact-us .contact-us-wrap .contact-us-con .contact-us-left {
  float: left;
  width: 440px;
}
/* line 1011, ../sass/main.scss */
#hcus.contact-us .contact-us-wrap .contact-us-con .contact-us-left .message-form input {
  width: 100%;
  border: 1px solid #707682;
  background-color: transparent;
  height: 45px;
  padding: 10px;
  font-size: 18px;
  outline: none;
  color: #696d77;
  margin-bottom: 5px;
}
/* line 1022, ../sass/main.scss */
#hcus.contact-us .contact-us-wrap .contact-us-con .contact-us-left .message-form .message-con {
  background-color: transparent;
  outline: none;
  margin-bottom: 5px;
  box-sizing: border-box;
  -webkit-appearance: none;
  resize: none;
  overflow-y: hidden;
  padding: 10px;
  font-size: 18px;
  height: 115px;
  width: 100%;
  border: 1px solid #707682;
  color: #696d77;
}
/* line 1037, ../sass/main.scss */
#hcus.contact-us .contact-us-wrap .contact-us-con .contact-us-left .message-form .message-submit {
  outline: none;
  border: none;
  width: 100%;
  color: #3f3f3f;
  cursor: pointer;
  padding: 0;
  line-height: 45px;
  background-color: #bec4d4;
}
/* line 1049, ../sass/main.scss */
#hcus.contact-us .contact-us-wrap .contact-us-con .contact-us-right {
  float: left;
  padding: 0px 0 0 60px;
}
/* line 1052, ../sass/main.scss */
#hcus.contact-us .contact-us-wrap .contact-us-con .contact-us-right p {
  font-size: 14px;
  color: #707682;
  height: 30px;
  line-height: 30px;
  padding-left: 40px;
  margin-bottom: 9px;
  background: url("contact-us-icon.png") no-repeat 0 0;
}
/* line 1061, ../sass/main.scss */
#hcus.contact-us .contact-us-wrap .contact-us-con .contact-us-right .tel {
  background-position: 0 -30px;
}
/* line 1064, ../sass/main.scss */
#hcus.contact-us .contact-us-wrap .contact-us-con .contact-us-right .email {
  background-position: 0 -60px;
}
/* line 1067, ../sass/main.scss */
#hcus.contact-us .contact-us-wrap .contact-us-con .contact-us-right .person {
  background-position: 0 -90px;
}
/* line 1070, ../sass/main.scss */
#hcus.contact-us .contact-us-wrap .contact-us-con .contact-us-right .subway {
  background-position: 0 -120px;
}
/* line 1073, ../sass/main.scss */
#hcus.contact-us .contact-us-wrap .contact-us-con .contact-us-right .car {
  background-position: 0 -150px;
}
/* line 1081, ../sass/main.scss */
#hcus.contact-us .contact-us-bg {
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -960px;
  height: 716px;
  width: 1920px;
  background: url("contact-us-bg.png") no-repeat center;
}
/* line 1094, ../sass/main.scss */
.home-main .home-main-wrap .faq-comment {
  position: relative;
  height: 600px;
  z-index: 1;
}
/* line 1098, ../sass/main.scss */
.home-main .home-main-wrap .faq-comment .faq-comment-wrap {
  padding-top: 95px;
  position: relative;
  z-index: 3;
}
/* line 1102, ../sass/main.scss */
.home-main .home-main-wrap .faq-comment .faq-comment-wrap .left-faq {
  width: 542px;
  float: left;
}
/* line 1105, ../sass/main.scss */
.home-main .home-main-wrap .faq-comment .faq-comment-wrap .left-faq .title {
  font-size: 14px;
  color: #888888;
  margin-bottom: 35px;
}
/* line 1110, ../sass/main.scss */
.home-main .home-main-wrap .faq-comment .faq-comment-wrap .left-faq .title b {
  font-size: 28px;
  margin-right: 10px;
  color: #3f3f3f;
}
/* line 1119, ../sass/main.scss */
.home-main .home-main-wrap .faq-comment .faq-comment-wrap .left-faq ul li {
  margin-bottom: 35px;
}
/* line 1121, ../sass/main.scss */
.home-main .home-main-wrap .faq-comment .faq-comment-wrap .left-faq ul li h3 {
  margin-left: 35px;
  border-bottom: 1px solid #e9e9e9;
  position: relative;
  line-height: 26px;
  padding-bottom: 5px;
}
/* line 1128, ../sass/main.scss */
.home-main .home-main-wrap .faq-comment .faq-comment-wrap .left-faq ul li h3 a {
  font-size: 20px;
}
/* line 1132, ../sass/main.scss */
.home-main .home-main-wrap .faq-comment .faq-comment-wrap .left-faq ul li h3 span {
  display: inline-block;
  width: 26px;
  height: 26px;
  background: url("question-icon.png") no-repeat center;
  position: absolute;
  top: 0;
  left: -35px;
}
/* line 1142, ../sass/main.scss */
.home-main .home-main-wrap .faq-comment .faq-comment-wrap .left-faq ul li p {
  font-size: 12px;
  line-height: 22px;
  color: #888888;
  padding-left: 35px;
  background: url("answer-icon.png") no-repeat left center;
  margin-top: 5px;
  height: 44px;
}
/* line 1154, ../sass/main.scss */
.home-main .home-main-wrap .faq-comment .faq-comment-wrap .right-comment {
  width: 545px;
  float: right;
}
/* line 1157, ../sass/main.scss */
.home-main .home-main-wrap .faq-comment .faq-comment-wrap .right-comment .title {
  font-size: 14px;
  color: #888888;
  margin-bottom: 50px;
}
/* line 1161, ../sass/main.scss */
.home-main .home-main-wrap .faq-comment .faq-comment-wrap .right-comment .title b {
  font-size: 28px;
  margin-right: 10px;
  color: #3f3f3f;
}
/* line 1170, ../sass/main.scss */
.home-main .home-main-wrap .faq-comment .faq-comment-wrap .right-comment .comment-wrap .comment-top {
  width: 545px;
}
/* line 1174, ../sass/main.scss */
.home-main .home-main-wrap .faq-comment .faq-comment-wrap .right-comment .comment-wrap .comment-top .comment-top-list .comment-top-item {
  position: relative;
  float: left;
  width: 130px;
  margin: 0 3px;
}
/* line 1180, ../sass/main.scss */
.home-main .home-main-wrap .faq-comment .faq-comment-wrap .right-comment .comment-wrap .comment-top .comment-top-list .comment-top-item:hover a span {
  background: url("comment-top-icon-h.png") no-repeat center;
}
/* line 1183, ../sass/main.scss */
.home-main .home-main-wrap .faq-comment .faq-comment-wrap .right-comment .comment-wrap .comment-top .comment-top-list .comment-top-item a {
  display: inline-block;
  height: 130px;
  width: 130px;
  position: relative;
  z-index: 8;
}
/* line 1189, ../sass/main.scss */
.home-main .home-main-wrap .faq-comment .faq-comment-wrap .right-comment .comment-wrap .comment-top .comment-top-list .comment-top-item a img {
  width: 120px;
  height: 120px;
  display: inline-block;
  margin: 5px;
}
/* line 1195, ../sass/main.scss */
.home-main .home-main-wrap .faq-comment .faq-comment-wrap .right-comment .comment-wrap .comment-top .comment-top-list .comment-top-item a span {
  z-index: 10;
  display: inline-block;
  height: 130px;
  width: 130px;
  background: url("comment-top-icon.png") no-repeat center;
  position: absolute;
  top: 0px;
  left: 0px;
}
/* line 1206, ../sass/main.scss */
.home-main .home-main-wrap .faq-comment .faq-comment-wrap .right-comment .comment-wrap .comment-top .comment-top-list .comment-top-item .btm-ch {
  display: none;
  width: 12px;
  height: 8px;
  background: url("comment-top-icon-ch.png") no-repeat center;
  position: absolute;
  bottom: -35px;
  left: 50%;
  margin-left: -6px;
  z-index: 10;
}
/* line 1220, ../sass/main.scss */
.home-main .home-main-wrap .faq-comment .faq-comment-wrap .right-comment .comment-wrap .comment-top .comment-top-list .current.comment-top-item a span {
  background: url("comment-top-icon-h.png") no-repeat center;
}
/* line 1224, ../sass/main.scss */
.home-main .home-main-wrap .faq-comment .faq-comment-wrap .right-comment .comment-wrap .comment-top .comment-top-list .current.comment-top-item .btm-ch {
  display: inline-block;
}
/* line 1230, ../sass/main.scss */
.home-main .home-main-wrap .faq-comment .faq-comment-wrap .right-comment .comment-wrap .comment-bottom {
  position: relative;
  z-index: 5;
  margin-top: 35px;
  border-top: 3px solid #01a8ec;
}
/* line 1235, ../sass/main.scss */
.home-main .home-main-wrap .faq-comment .faq-comment-wrap .right-comment .comment-wrap .comment-bottom a {
  display: inline-block;
  padding: 10px 0 10px;
  margin: 15px 0;
  font-size: 18px;
}
/* line 1242, ../sass/main.scss */
.home-main .home-main-wrap .faq-comment .faq-comment-wrap .right-comment .comment-wrap .comment-bottom p {
  color: #888888;
  font-size: 14px;
  line-height: 24px;
  text-indent: 2em;
}
/* line 1249, ../sass/main.scss */
.home-main .home-main-wrap .faq-comment .faq-comment-wrap .right-comment .comment-wrap .comment-bottom .com-title .com-time {
  float: right;
  display: block;
  padding: 10px 0 10px;
  margin: 15px 0;
}
/* line 1260, ../sass/main.scss */
#com-zp.comment-wrap .comment-top {
  width: 545px;
}
/* line 1264, ../sass/main.scss */
#com-zp.comment-wrap .comment-top .comment-top-list .comment-top-item {
  position: relative;
  float: left;
  width: 130px;
  margin: 0 3px;
}
/* line 1270, ../sass/main.scss */
#com-zp.comment-wrap .comment-top .comment-top-list .comment-top-item:hover .user-pic span {
  background: url("comment-top-icon-h.png") no-repeat center;
}
/* line 1273, ../sass/main.scss */
#com-zp.comment-wrap .comment-top .comment-top-list .comment-top-item .user-pic {
  display: inline-block;
  height: 130px;
  width: 130px;
  position: relative;
  z-index: 8;
}
/* line 1279, ../sass/main.scss */
#com-zp.comment-wrap .comment-top .comment-top-list .comment-top-item .user-pic img {
  width: 120px;
  height: 120px;
  display: inline-block;
  margin: 5px;
}
/* line 1285, ../sass/main.scss */
#com-zp.comment-wrap .comment-top .comment-top-list .comment-top-item .user-pic span {
  z-index: 10;
  display: inline-block;
  height: 130px;
  width: 130px;
  background: url("comment-top-icon.png") no-repeat center;
  position: absolute;
  top: 0px;
  left: 0px;
}
/* line 1296, ../sass/main.scss */
#com-zp.comment-wrap .comment-top .comment-top-list .comment-top-item .btm-ch {
  display: none;
  width: 12px;
  height: 8px;
  background: url("comment-top-icon-ch.png") no-repeat center;
  position: absolute;
  bottom: -35px;
  left: 50%;
  margin-left: -6px;
  z-index: 10;
}
/* line 1310, ../sass/main.scss */
#com-zp.comment-wrap .comment-top .comment-top-list .current.comment-top-item a span {
  background: url("comment-top-icon-h.png") no-repeat center;
}
/* line 1314, ../sass/main.scss */
#com-zp.comment-wrap .comment-top .comment-top-list .current.comment-top-item .btm-ch {
  display: inline-block;
}
/* line 1320, ../sass/main.scss */
#com-zp.comment-wrap .comment-bottom {
  position: relative;
  z-index: 5;
  margin-top: 35px;
  border-top: 3px solid #01a8ec;
}
/* line 1325, ../sass/main.scss */
#com-zp.comment-wrap .comment-bottom a {
  display: inline-block;
  padding: 10px 0 10px;
  margin: 15px 0;
  font-size: 18px;
}
/* line 1332, ../sass/main.scss */
#com-zp.comment-wrap .comment-bottom p {
  color: #888888;
  font-size: 14px;
  line-height: 24px;
  text-indent: 2em;
}
/* line 1339, ../sass/main.scss */
#com-zp.comment-wrap .comment-bottom .com-title .com-time {
  float: right;
  display: block;
  padding: 10px 0 10px;
  margin: 15px 0;
}
/* line 1353, ../sass/main.scss */
.home-main .home-main-wrap .faq-comment .faq-comment-bg {
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -960px;
  height: 675px;
  width: 1920px;
  background: #333333;
}
/* line 1368, ../sass/main.scss */
.home-main .home-main-wrap .top-news {
  position: relative;
  height: 655px;
  z-index: 1;
}
/* line 1373, ../sass/main.scss */
.home-main .home-main-wrap .top-news a:link,
.home-main .home-main-wrap .top-news a:visited {
  text-decoration: none;
  color: #b6bdda;
}
/* line 1379, ../sass/main.scss */
.home-main .home-main-wrap .top-news a:active,
.home-main .home-main-wrap .top-news a:hover {
  color: #fb7957;
}
/* line 1384, ../sass/main.scss */
.home-main .home-main-wrap .top-news .top-news-wrap {
  padding-top: 75px;
  position: relative;
  z-index: 3;
}
/* line 1388, ../sass/main.scss */
.home-main .home-main-wrap .top-news .top-news-wrap .title-top {
  margin-bottom: 40px;
}
/* line 1390, ../sass/main.scss */
.home-main .home-main-wrap .top-news .top-news-wrap .title-top .title-con {
  text-align: center;
  width: 350px;
  margin: 0 auto;
}
/* line 1394, ../sass/main.scss */
.home-main .home-main-wrap .top-news .top-news-wrap .title-top .title-con:hover .title-btn span {
  /* width:60px;*/
}
/* line 1398, ../sass/main.scss */
.home-main .home-main-wrap .top-news .top-news-wrap .title-top .title-con h2 a {
  color: #333333;
  font-size: 32px;
  font-weight: bold;
}
/* line 1404, ../sass/main.scss */
.home-main .home-main-wrap .top-news .top-news-wrap .title-top .title-con p {
  margin-top: 10px;
  font-size: 14px;
  color: #707682;
  padding-top: 0;
}
/* line 1410, ../sass/main.scss */
.home-main .home-main-wrap .top-news .top-news-wrap .title-top .title-con .title-btn {
  display: block;
  width: 350px;
  margin: 20px auto 13px;
  height: 4px;
  text-align: center;
  background: url("title-btm-bg-w02.png") repeat-x bottom;
}
/* line 1417, ../sass/main.scss */
.home-main .home-main-wrap .top-news .top-news-wrap .title-top .title-con .title-btn span {
  /* transition: width  0.5s ease-in;*/
  display: block;
  width: 30px;
  margin: 0 auto;
  height: 4px;
  background: url("title-btm-bg.png") repeat-x;
}
/* line 1430, ../sass/main.scss */
.home-main .home-main-wrap .top-news .top-news-wrap .top-news-con {
  width: 1180px;
  overflow: hidden;
}
/* line 1433, ../sass/main.scss */
.home-main .home-main-wrap .top-news .top-news-wrap .top-news-con .top-news-con-wrap {
  width: 1236px;
}
/* line 1435, ../sass/main.scss */
.home-main .home-main-wrap .top-news .top-news-wrap .top-news-con .top-news-con-wrap .top-news-con-item {
  float: left;
  margin-right: 65px;
}
/* line 1438, ../sass/main.scss */
.home-main .home-main-wrap .top-news .top-news-wrap .top-news-con .top-news-con-wrap .top-news-con-item h3 {
  margin-bottom: 25px;
}
/* line 1440, ../sass/main.scss */
.home-main .home-main-wrap .top-news .top-news-wrap .top-news-con .top-news-con-wrap .top-news-con-item h3 b {
  font-size: 24px;
  color: #333333;
}
/* line 1447, ../sass/main.scss */
.home-main .home-main-wrap .top-news .top-news-wrap .top-news-con .top-news-con-wrap .top-news-con-item ul li {
  width: 347px;
  height: 45px;
  line-height: 45px;
  overflow: hidden;
}
/* line 1454, ../sass/main.scss */
.home-main .home-main-wrap .top-news .top-news-wrap .top-news-con .top-news-con-wrap .top-news-con-item ul li h4 a {
  font-size: 14px;
}
/* line 1459, ../sass/main.scss */
.home-main .home-main-wrap .top-news .top-news-wrap .top-news-con .top-news-con-wrap .top-news-con-item ul li p {
  font-size: 12px;
  color: #707682;
  margin-top: 8px;
}
/* line 1464, ../sass/main.scss */
.home-main .home-main-wrap .top-news .top-news-wrap .top-news-con .top-news-con-wrap .top-news-con-item ul li .leftitle {
  width: 245px;
  float: left;
  overflow: hidden;
}
/* line 1469, ../sass/main.scss */
.home-main .home-main-wrap .top-news .top-news-wrap .top-news-con .top-news-con-wrap .top-news-con-item ul li .rightime {
  width: 100px;
  float: right;
  text-align: right;
  color: #b6bdda;
  font-size: 13px;
}
/* line 1477, ../sass/main.scss */
.home-main .home-main-wrap .top-news .top-news-wrap .top-news-con .top-news-con-wrap .top-news-con-item ul .first {
  height: 100px;
  line-height: 20px;
}
/* line 1480, ../sass/main.scss */
.home-main .home-main-wrap .top-news .top-news-wrap .top-news-con .top-news-con-wrap .top-news-con-item ul .first .news-img {
  float: left;
  width: 120px;
}
/* line 1483, ../sass/main.scss */
.home-main .home-main-wrap .top-news .top-news-wrap .top-news-con .top-news-con-wrap .top-news-con-item ul .first .news-img img {
  width: 100%;
}
/* line 1487, ../sass/main.scss */
.home-main .home-main-wrap .top-news .top-news-wrap .top-news-con .top-news-con-wrap .top-news-con-item ul .first .right {
  float: right;
  width: 217px;
}
/* line 1491, ../sass/main.scss */
.home-main .home-main-wrap .top-news .top-news-wrap .top-news-con .top-news-con-wrap .top-news-con-item ul .first p {
  margin-top: 15px;
  line-height: 20px;
}
/* line 1494, ../sass/main.scss */
.home-main .home-main-wrap .top-news .top-news-wrap .top-news-con .top-news-con-wrap .top-news-con-item ul .first p .s-time {
  float: right;
}
/* line 1508, ../sass/main.scss */
.home-main .home-main-wrap .top-news .top-news-bg {
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -960px;
  height: 655px;
  width: 1920px;
  background: #2b2e35;
}

/* line 1528, ../sass/main.scss */
.display-case-main {
  background-color: #f5f5f5;
}

/* line 1533, ../sass/main.scss */
.display-case-wrap {
  padding-bottom: 60px;
}
/* line 1536, ../sass/main.scss */
.display-case-wrap .display-case-title {
  margin-top: 50px;
  text-align: center;
}
/* line 1539, ../sass/main.scss */
.display-case-wrap .display-case-title h1 {
  color: #3f3f3f;
  font-size: 30px;
  font-weight: bold;
}
/* line 1544, ../sass/main.scss */
.display-case-wrap .display-case-title p {
  color: #969696;
  font-size: 18px;
  margin-top: 10px;
}
/* line 1550, ../sass/main.scss */
.display-case-wrap .display-case-alldata {
  font-size: 12px;
  color: #969696;
  text-align: right;
  margin-top: 40px;
  padding-bottom: 10px;
}
/* line 1556, ../sass/main.scss */
.display-case-wrap .display-case-alldata span {
  color: #3f3f3f;
  font-size: 12px;
}
/* line 1561, ../sass/main.scss */
.display-case-wrap .display-case-content {
  background-color: #333333;
  padding-bottom: 40px;
}
/* line 1564, ../sass/main.scss */
.display-case-wrap .display-case-content .top-filter {
  border-bottom: 1px solid #e7e7e7;
}
/* line 1567, ../sass/main.scss */
.display-case-wrap .display-case-content .top-filter .filter-left {
  padding: 12px 0 25px 30px;
  float: left;
}
/* line 1570, ../sass/main.scss */
.display-case-wrap .display-case-content .top-filter .filter-left .filter-list-wrap {
  margin-top: 10px;
  font-size: 12px;
}
/* line 1573, ../sass/main.scss */
.display-case-wrap .display-case-content .top-filter .filter-left .filter-list-wrap .filter-title {
  color: #999999;
  float: left;
  margin-right: 35px;
  width: 85px;
  letter-spacing: 0.5px;
  line-height: 24px;
}
/* line 1583, ../sass/main.scss */
.display-case-wrap .display-case-content .top-filter .filter-left .filter-list-wrap .filter-list {
  float: left;
  max-width: 820px;
}
/* line 1587, ../sass/main.scss */
.display-case-wrap .display-case-content .top-filter .filter-left .filter-list-wrap .filter-list ul li {
  float: left;
  margin-right: 15px;
  line-height: 24px;
}
/* line 1591, ../sass/main.scss */
.display-case-wrap .display-case-content .top-filter .filter-left .filter-list-wrap .filter-list ul li .active {
  color: #00a9ea;
}
/* line 1600, ../sass/main.scss */
.display-case-wrap .display-case-content .top-filter .filter-right {
  float: right;
  margin: 35px 120px 0 0;
  padding-left: 25px;
  border-left: 1px solid #e7e7e7;
}
/* line 1605, ../sass/main.scss */
.display-case-wrap .display-case-content .top-filter .filter-right i {
  font-style: italic;
  font-family: "Arial";
  font-size: 24px;
  color: #999999;
}
/* line 1612, ../sass/main.scss */
.display-case-wrap .display-case-content .top-filter .filter-right p {
  color: #00a9ea;
  font-size: 40px;
}
/* line 1620, ../sass/main.scss */
.display-case-wrap .display-case-content .display-case-con-wrap {
  padding: 0 10px;
}
/* line 1622, ../sass/main.scss */
.display-case-wrap .display-case-content .display-case-con-wrap .appcase-con {
  width: 1180px;
  overflow: hidden;
}
/* line 1625, ../sass/main.scss */
.display-case-wrap .display-case-content .display-case-con-wrap .appcase-con .appcase-con-list {
  width: 1184px !important;
}
/* line 1628, ../sass/main.scss */
.display-case-wrap .display-case-content .display-case-con-wrap .appcase-con .appcase-con-list .appcase-con-item {
  margin-top: 20px;
  float: left;
  width: 290px;
  margin-right: 6px;
}
/* line 1633, ../sass/main.scss */
.display-case-wrap .display-case-content .display-case-con-wrap .appcase-con .appcase-con-list .appcase-con-item:hover .appcase-con-bottom {
  background-color: #e5e5e5;
  border: 1px solid #cecece;
  border-top: none;
}
/* line 1638, ../sass/main.scss */
.display-case-wrap .display-case-content .display-case-con-wrap .appcase-con .appcase-con-list .appcase-con-item:hover .appcase-con-bottom .appcase-con-title a {
  border-bottom: 1px solid #d8d8d8;
}
/* line 1641, ../sass/main.scss */
.display-case-wrap .display-case-content .display-case-con-wrap .appcase-con .appcase-con-list .appcase-con-item:hover .appcase-con-bottom .appcase-content .con {
  border-bottom: 1px solid #d8d8d8;
}
/* line 1644, ../sass/main.scss */
.display-case-wrap .display-case-content .display-case-con-wrap .appcase-con .appcase-con-list .appcase-con-item:hover .appcase-con-img span {
  background: url("case-ch-icon-h.png") no-repeat center;
}
/* line 1647, ../sass/main.scss */
.display-case-wrap .display-case-content .display-case-con-wrap .appcase-con .appcase-con-list .appcase-con-item .appcase-con-img {
  width: 290px;
  height: 240px;
  position: relative;
}
/* line 1652, ../sass/main.scss */
.display-case-wrap .display-case-content .display-case-con-wrap .appcase-con .appcase-con-list .appcase-con-item .appcase-con-img a img {
  width: 100%;
  vertical-align: middle;
}
/* line 1657, ../sass/main.scss */
.display-case-wrap .display-case-content .display-case-con-wrap .appcase-con .appcase-con-list .appcase-con-item .appcase-con-img span {
  display: inline-block;
  position: absolute;
  bottom: 0;
  right: 33px;
  width: 18px;
  height: 9px;
  background: url("case-ch-icon.png") no-repeat center;
}
/* line 1667, ../sass/main.scss */
.display-case-wrap .display-case-content .display-case-con-wrap .appcase-con .appcase-con-list .appcase-con-item .appcase-con-bottom {
  padding: 10px 0 15px 15px;
  border: 1px solid #dcdcdc;
  background-color: #333333;
  border-top: none;
}
/* line 1674, ../sass/main.scss */
.display-case-wrap .display-case-content .display-case-con-wrap .appcase-con .appcase-con-list .appcase-con-item .appcase-con-bottom .appcase-con-title span {
  display: inline-block;
  vertical-align: top;
  height: 30px;
  line-height: 29px;
  color: #888888;
  font-size: 12px;
}
/* line 1682, ../sass/main.scss */
.display-case-wrap .display-case-content .display-case-con-wrap .appcase-con .appcase-con-list .appcase-con-item .appcase-con-bottom .appcase-con-title a {
  font-size: 14px;
  width: 200px;
  font-weight: bold;
  border-bottom: 1px solid #f1f1f1;
  display: inline-block;
  vertical-align: top;
  height: 30px;
  line-height: 29px;
  overflow: hidden;
}
/* line 1695, ../sass/main.scss */
.display-case-wrap .display-case-content .display-case-con-wrap .appcase-con .appcase-con-list .appcase-con-item .appcase-con-bottom .appcase-content {
  margin-top: 5px;
  height: 50px;
  overflow: hidden;
}
/* line 1699, ../sass/main.scss */
.display-case-wrap .display-case-content .display-case-con-wrap .appcase-con .appcase-con-list .appcase-con-item .appcase-con-bottom .appcase-content .label {
  display: inline-block;
  vertical-align: top;
  color: #888888;
  font-size: 12px;
  line-height: 22px;
}
/* line 1707, ../sass/main.scss */
.display-case-wrap .display-case-content .display-case-con-wrap .appcase-con .appcase-con-list .appcase-con-item .appcase-con-bottom .appcase-content .con {
  height: 44px;
  line-height: 22px;
  font-size: 12px;
  color: #888888;
  width: 200px;
  border-bottom: 1px solid #f1f1f1;
  display: inline-block;
  vertical-align: top;
  padding-bottom: 5px;
  color: #666666;
}
/* line 1727, ../sass/main.scss */
.display-case-wrap .display-case-content .display-case-con-wrap .more-case {
  margin: 10px 0;
}
/* line 1729, ../sass/main.scss */
.display-case-wrap .display-case-content .display-case-con-wrap .more-case a {
  font-size: 12px;
  display: inline-block;
  height: 30px;
  line-height: 30px;
  width: 100%;
  background-color: #ebebeb;
  text-align: center;
}
/* line 1745, ../sass/main.scss */
#related-tell.related-tell {
  position: relative;
  z-index: 1;
  margin-top: 60px;
}
/* line 1749, ../sass/main.scss */
#related-tell.related-tell .relate-tell-bg {
  background: #333333;
  width: 1920px;
  height: 521px;
  overflow: hidden;
  float: left;
  position: absolute;
  left: -379px;
  top: -34px;
  z-index: -1;
}
/* line 1760, ../sass/main.scss */
#related-tell.related-tell h3 {
  font-size: 24px;
  color: #3f3f3f;
}
/* line 1764, ../sass/main.scss */
#related-tell.related-tell .appcase-con {
  width: 1200px;
  overflow: hidden;
}
/* line 1767, ../sass/main.scss */
#related-tell.related-tell .appcase-con .appcase-con-list {
  width: 1233px;
}
/* line 1769, ../sass/main.scss */
#related-tell.related-tell .appcase-con .appcase-con-list .appcase-con-item {
  margin-top: 20px;
  float: left;
  width: 290px;
  margin-right: 13px;
}
/* line 1774, ../sass/main.scss */
#related-tell.related-tell .appcase-con .appcase-con-list .appcase-con-item:hover .appcase-con-bottom {
  background-color: #e5e5e5;
  border: 1px solid #cecece;
  border-top: none;
}
/* line 1779, ../sass/main.scss */
#related-tell.related-tell .appcase-con .appcase-con-list .appcase-con-item:hover .appcase-con-bottom .appcase-con-title a {
  border-bottom: 1px solid #d8d8d8;
}
/* line 1782, ../sass/main.scss */
#related-tell.related-tell .appcase-con .appcase-con-list .appcase-con-item:hover .appcase-con-bottom .appcase-content .con {
  border-bottom: 1px solid #d8d8d8;
}
/* line 1785, ../sass/main.scss */
#related-tell.related-tell .appcase-con .appcase-con-list .appcase-con-item:hover .appcase-con-img span {
  background: url("case-ch-icon-h.png") no-repeat center;
}
/* line 1788, ../sass/main.scss */
#related-tell.related-tell .appcase-con .appcase-con-list .appcase-con-item .appcase-con-img {
  width: 290px;
  height: 240px;
  position: relative;
}
/* line 1793, ../sass/main.scss */
#related-tell.related-tell .appcase-con .appcase-con-list .appcase-con-item .appcase-con-img a img {
  width: 100%;
  vertical-align: middle;
}
/* line 1798, ../sass/main.scss */
#related-tell.related-tell .appcase-con .appcase-con-list .appcase-con-item .appcase-con-img span {
  display: inline-block;
  position: absolute;
  bottom: 0;
  right: 33px;
  width: 18px;
  height: 9px;
  background: url("case-ch-icon.png") no-repeat center;
}
/* line 1808, ../sass/main.scss */
#related-tell.related-tell .appcase-con .appcase-con-list .appcase-con-item .appcase-con-bottom {
  padding: 10px 0 15px 15px;
  border: 1px solid #dcdcdc;
  background-color: #333333;
  border-top: none;
}
/* line 1815, ../sass/main.scss */
#related-tell.related-tell .appcase-con .appcase-con-list .appcase-con-item .appcase-con-bottom .appcase-con-title span {
  display: inline-block;
  vertical-align: top;
  height: 30px;
  line-height: 29px;
  color: #888888;
  font-size: 12px;
}
/* line 1823, ../sass/main.scss */
#related-tell.related-tell .appcase-con .appcase-con-list .appcase-con-item .appcase-con-bottom .appcase-con-title a {
  font-size: 14px;
  line-height: 29px;
  width: 200px;
  font-weight: bold;
  border-bottom: 1px solid #f1f1f1;
  display: inline-block;
  vertical-align: top;
  height: 30px;
  overflow: hidden;
}
/* line 1836, ../sass/main.scss */
#related-tell.related-tell .appcase-con .appcase-con-list .appcase-con-item .appcase-con-bottom .appcase-content {
  margin-top: 5px;
}
/* line 1838, ../sass/main.scss */
#related-tell.related-tell .appcase-con .appcase-con-list .appcase-con-item .appcase-con-bottom .appcase-content .label {
  display: inline-block;
  vertical-align: top;
  color: #888888;
  font-size: 12px;
  line-height: 22px;
}
/* line 1846, ../sass/main.scss */
#related-tell.related-tell .appcase-con .appcase-con-list .appcase-con-item .appcase-con-bottom .appcase-content .con {
  height: 44px;
  line-height: 22px;
  font-size: 12px;
  color: #888888;
  width: 200px;
  border-bottom: 1px solid #f1f1f1;
  display: inline-block;
  vertical-align: top;
  padding-bottom: 5px;
  color: #666666;
}

/* line 1881, ../sass/main.scss */
.platform-wrap {
  padding-bottom: 30px;
}
/* line 1884, ../sass/main.scss */
.platform-wrap .title-top {
  margin-bottom: 50px;
}
/* line 1886, ../sass/main.scss */
.platform-wrap .title-top .title-con {
  text-align: center;
  margin: 50px  auto  13px;
}
/* line 1889, ../sass/main.scss */
.platform-wrap .title-top .title-con h1 {
  color: #3f3f3f;
  font-size: 32px;
  font-weight: bold;
}
/* line 1893, ../sass/main.scss */
.platform-wrap .title-top .title-con h1 span {
  color: #f2633d;
}
/* line 1897, ../sass/main.scss */
.platform-wrap .title-top .title-con h2 {
  color: #3f3f3f;
  font-size: 32px;
  font-weight: bold;
}
/* line 1901, ../sass/main.scss */
.platform-wrap .title-top .title-con h2 span {
  color: #f2633d;
}
/* line 1905, ../sass/main.scss */
.platform-wrap .title-top .title-con p {
  margin-top: 10px;
  font-size: 14px;
  color: #999999;
  padding-top: 0;
}
/* line 1912, ../sass/main.scss */
.platform-wrap .title-top p {
  padding-top: 7px;
  font-size: 12px;
  color: #999999;
  text-align: center;
  width: 880px;
  margin: 0 auto;
}
/* line 1921, ../sass/main.scss */
.platform-wrap .platform-list {
  width: 1024px;
  margin: 0 auto;
  padding-bottom: 80px;
  line-height: 20px;
}
/* line 1926, ../sass/main.scss */
.platform-wrap .platform-list table {
  border-collapse: separate;
}
/* line 1929, ../sass/main.scss */
.platform-wrap .platform-list table tbody .top {
  height: 94px;
}
/* line 1931, ../sass/main.scss */
.platform-wrap .platform-list table tbody .top .first {
  width: 149px;
}
/* line 1934, ../sass/main.scss */
 
/* line 1938, ../sass/main.scss */
 
/* line 1944, ../sass/main.scss */
.platform-wrap .platform-list table tbody .top .ios {
  background-color: #888888;
  border-radius: 10px 0 0 0;
  -moz-border-radius: 10px 0 0 0;
  -webkit-border-radius: 10px 0 0 0;
}
/* line 1950, ../sass/main.scss */
.platform-wrap .platform-list table tbody .top .android {
  background-color: #9dc446;
}
/* line 1953, ../sass/main.scss */
.platform-wrap .platform-list table tbody .top .wp {
  background-color: #883798;
}
/* line 1956, ../sass/main.scss */
.platform-wrap .platform-list table tbody .top .phone {
  background-color: #ec9e19;
}
/* line 1959, ../sass/main.scss */
.platform-wrap .platform-list table tbody .top .pc {
  background-color: #fe544a;
  border-radius: 0 10px 0 0;
  -moz-border-radius: 0 10px 0 0;
  -webkit-border-radius: 0 10px 0 0;
}
/* line 1966, ../sass/main.scss */
.platform-wrap .platform-list table tbody .content-tr {
  height: 98px;
}
/* line 1968, ../sass/main.scss */
.platform-wrap .platform-list table tbody .content-tr .first {
  background-color: #f5f5f5;
  line-height: 1.2;
}
/* line 1972, ../sass/main.scss */
.platform-wrap .platform-list table tbody .content-tr .one {
  border-radius: 10px 0 0 0;
  -moz-border-radius: 10px 0 0 0;
  -webkit-border-radius: 10px 0 0 0;
}
/* line 1977, ../sass/main.scss */
 
/* line 1984, ../sass/main.scss */
.platform-wrap .platform-list table tbody .content-tr .last {
  border-right: 1px solid #e4e4e4;
}
/* line 1988, ../sass/main.scss */
.platform-wrap .platform-list table tbody .sec {
  height: 55px;
}
/* line 1991, ../sass/main.scss */
.platform-wrap .platform-list table tbody .three {
  height: 40px;
}
/* line 1994, ../sass/main.scss */
.platform-wrap .platform-list table tbody .four {
  height: 35px;
}
/* line 1997, ../sass/main.scss */
.platform-wrap .platform-list table tbody .five {
  height: 60px;
}
/* line 2000, ../sass/main.scss */
.platform-wrap .platform-list table tbody .six {
  height: 40px;
}
/* line 2003, ../sass/main.scss */
.platform-wrap .platform-list table tbody .seven {
  height: 45px;
}
/* line 2006, ../sass/main.scss */
.platform-wrap .platform-list table tbody .eight {
  height: 80px;
}
/* line 2009, ../sass/main.scss */
.platform-wrap .platform-list table tbody .nine {
  height: 35px;
}
/* line 2011, ../sass/main.scss */
.platform-wrap .platform-list table tbody .nine .one {
  border-radius: 0 0 0 10px;
  -moz-border-radius: 0 0 0 10px;
  -webkit-border-radius: 0 0 0 10px;
}
/* line 2016, ../sass/main.scss */
 
/* line 2019, ../sass/main.scss */
.platform-wrap .platform-list table tbody .nine .last {
  border-radius: 0 0 10px 0;
  -moz-border-radius: 0 0 10px 0;
  -webkit-border-radius: 0 0 10px 0;
}
/* line 2028, ../sass/main.scss */
.platform-wrap .strengths {
  position: relative;
  height: 520px;
  z-index: 1;
  margin: 0 auto;
  width: 1180px;
}
/* line 2034, ../sass/main.scss */
.platform-wrap .strengths .strengths-wrap {
  padding-top: 80px;
  position: relative;
  z-index: 3;
}
/* line 2039, ../sass/main.scss */
.platform-wrap .strengths .strengths-wrap .title-top {
  margin-bottom: 40px;
}
/* line 2041, ../sass/main.scss */
.platform-wrap .strengths .strengths-wrap .title-top .title-con {
  text-align: center;
  margin: 0  auto  13px;
}
/* line 2044, ../sass/main.scss */
.platform-wrap .strengths .strengths-wrap .title-top .title-con h2 {
  color: #3f3f3f;
  font-size: 32px;
  font-weight: bold;
}
/* line 2049, ../sass/main.scss */
.platform-wrap .strengths .strengths-wrap .title-top .title-con p {
  margin-top: 10px;
  font-size: 14px;
  color: #999999;
  padding-top: 0;
}
/* line 2056, ../sass/main.scss */
.platform-wrap .strengths .strengths-wrap .title-top p {
  padding-top: 7px;
  font-size: 12px;
  color: #999999;
  text-align: center;
}
/* line 2066, ../sass/main.scss */
.platform-wrap .strengths .strengths-wrap .service-bottom .service-list .service-item {
  width: 236px;
  float: left;
  text-align: center;
}
/* line 2070, ../sass/main.scss */
.platform-wrap .strengths .strengths-wrap .service-bottom .service-list .service-item:hover .service-icon a {
  background: url("service01-h.png") no-repeat center;
}
/* line 2073, ../sass/main.scss */
.platform-wrap .strengths .strengths-wrap .service-bottom .service-list .service-item:hover .service-icon-an a {
  background: url("service02-h.png") no-repeat center;
}
/* line 2076, ../sass/main.scss */
.platform-wrap .strengths .strengths-wrap .service-bottom .service-list .service-item:hover .service-icon-wx a {
  background: url("service03-h.png") no-repeat center;
}
/* line 2079, ../sass/main.scss */
.platform-wrap .strengths .strengths-wrap .service-bottom .service-list .service-item:hover .service-icon-ht a {
  background: url("service04-h.png") no-repeat center;
}
/* line 2082, ../sass/main.scss */
.platform-wrap .strengths .strengths-wrap .service-bottom .service-list .service-item:hover .service-icon-web a {
  background: url("service05-h.png") no-repeat center;
}
/* line 2085, ../sass/main.scss */
.platform-wrap .strengths .strengths-wrap .service-bottom .service-list .service-item:hover h3 a {
  color: #01a8ec;
}
/* line 2089, ../sass/main.scss */
.platform-wrap .strengths .strengths-wrap .service-bottom .service-list .service-item .service-icon {
  text-align: center;
}
/* line 2091, ../sass/main.scss */
.platform-wrap .strengths .strengths-wrap .service-bottom .service-list .service-item .service-icon a {
  display: inline-block;
  height: 100px;
  width: 100px;
  margin: 0 auto;
  background: url("service01.png") no-repeat center;
}
/* line 2100, ../sass/main.scss */
.platform-wrap .strengths .strengths-wrap .service-bottom .service-list .service-item .service-icon-an a {
  background: url("service02.png") no-repeat center;
}
/* line 2105, ../sass/main.scss */
.platform-wrap .strengths .strengths-wrap .service-bottom .service-list .service-item .service-icon-wx a {
  background: url("service03.png") no-repeat center;
}
/* line 2110, ../sass/main.scss */
.platform-wrap .strengths .strengths-wrap .service-bottom .service-list .service-item .service-icon-ht a {
  background: url("service04.png") no-repeat center;
}
/* line 2115, ../sass/main.scss */
.platform-wrap .strengths .strengths-wrap .service-bottom .service-list .service-item .service-icon-web a {
  background: url("service05.png") no-repeat center;
}
/* line 2119, ../sass/main.scss */
.platform-wrap .strengths .strengths-wrap .service-bottom .service-list .service-item h3 {
  margin: 25px 0 15px;
}
/* line 2121, ../sass/main.scss */
.platform-wrap .strengths .strengths-wrap .service-bottom .service-list .service-item h3 a {
  color: #3f3f3f;
  font-size: 20px;
  font-weight: 600;
}
/* line 2127, ../sass/main.scss */
.platform-wrap .strengths .strengths-wrap .service-bottom .service-list .service-item p {
  color: #888888;
  font-size: 12px;
  line-height: 18px;
}
/* line 2137, ../sass/main.scss */
.platform-wrap .strengths .service-bg {
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -960px;
  height: 520px;
  width: 1920px;
  background: #f5f5f5;
}
/* line 2148, ../sass/main.scss */
.platform-wrap .app-faq {
  padding: 80px 0 45px;
}
/* line 2150, ../sass/main.scss */
.platform-wrap .app-faq .faq-wrap {
  width: 935px;
  margin: 0 auto;
}
/* line 2153, ../sass/main.scss */
.platform-wrap .app-faq .faq-wrap .title {
  text-align: center;
}
/* line 2155, ../sass/main.scss */
.platform-wrap .app-faq .faq-wrap .title a {
  font-size: 28px;
  color: #3f3f3f;
}
/* line 2162, ../sass/main.scss */
.platform-wrap .app-faq .faq-wrap .title-sec {
  text-align: center;
  font-size: 14px;
  color: #888888;
  margin-top: 10px;
  padding-bottom: 25px;
}
/* line 2170, ../sass/main.scss */
.platform-wrap .app-faq .faq-wrap ul {
    overflow: hidden;
}
.platform-wrap .app-faq .faq-wrap ul li {
  margin-bottom: 35px;
    margin-right: 2%;
    float: left;
}
/* line 2172, ../sass/main.scss */
.platform-wrap .app-faq .faq-wrap ul li h3 {
  margin-left: 35px;
  border-bottom: 1px solid #e9e9e9;
  position: relative;
  line-height: 26px;
  padding-bottom: 5px;
}
/* line 2179, ../sass/main.scss */
.platform-wrap .app-faq .faq-wrap ul li h3 a {
  font-size: 20px;
}
/* line 2183, ../sass/main.scss */
.platform-wrap .app-faq .faq-wrap ul li h3 span {
  display: inline-block;
  width: 26px;
  height: 26px;
  background: url("question-icon.png") no-repeat center;
  position: absolute;
  top: 0;
  left: -35px;
}
/* line 2193, ../sass/main.scss */
.platform-wrap .app-faq .faq-wrap ul li p {
  font-size: 12px;
  line-height: 22px;
  color: #888888;
  padding-left: 35px;
  background: url("answer-icon.png") no-repeat left center;
  margin-top: 5px;
  overflow: hidden;
}
/* line 2210, ../sass/main.scss */
.platform-wrap .platform-case {
  position: relative;
  height: 670px;
  z-index: 1;
}
/* line 2214, ../sass/main.scss */
.platform-wrap .platform-case .platform-case-wrap {
  padding-top: 80px;
  position: relative;
  z-index: 3;
}
/* line 2218, ../sass/main.scss */
.platform-wrap .platform-case .platform-case-wrap .title {
  text-align: center;
}
/* line 2220, ../sass/main.scss */
.platform-wrap .platform-case .platform-case-wrap .title a {
  font-size: 28px;
}
/* line 2226, ../sass/main.scss */
.platform-wrap .platform-case .platform-case-wrap .title-sec {
  text-align: center;
  font-size: 14px;
  color: #888888;
  margin-top: 10px;
  padding-bottom: 25px;
}
/* line 2233, ../sass/main.scss */
.platform-wrap .platform-case .platform-case-wrap #related-tell.related-tell {
  margin-top: 0;
}
/* line 2236, ../sass/main.scss */
.platform-wrap .platform-case .platform-case-wrap #platform-related-title.platform-related-title {
  padding: 0;
}
/* line 2241, ../sass/main.scss */
.platform-wrap .platform-case .platform-case-bg {
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -960px;
  height: 670px;
  width: 1920px;
  background: #f5f5f5;
}

/* line 2256, ../sass/main.scss */
.solutions-main {
  background-color: #f5f5f5;
}

/* line 2260, ../sass/main.scss */
.solutions-main-wrap {
  padding-bottom: 70px;
}
/* line 2264, ../sass/main.scss */
.solutions-main-wrap .title-top {
  text-align: center;
  margin: 50px 0 30px;
}
/* line 2267, ../sass/main.scss */
.solutions-main-wrap .title-top h1 {
  color: #3f3f3f;
  font-size: 32px;
  font-weight: bold;
}
/* line 2272, ../sass/main.scss */
.solutions-main-wrap .title-top P {
  color: #999999;
  font-size: 14px;
  margin-top: 10px;
}
/* line 2278, ../sass/main.scss */
.solutions-main-wrap .solutions-con {
  background-color: #333333;
  padding: 0 10px;
}
/* line 2281, ../sass/main.scss */
.solutions-main-wrap .solutions-con .solutions-con-wrap {
  width: 1180px;
  overflow: hidden;
}
/* line 2284, ../sass/main.scss */
.solutions-main-wrap .solutions-con .solutions-con-wrap ul {
  width: 1188px;
}
/* line 2286, ../sass/main.scss */
.solutions-main-wrap .solutions-con .solutions-con-wrap ul li {
  padding: 10px 0;
  margin-right: 7px;
  float: left;
}
/* line 2290, ../sass/main.scss */
.solutions-main-wrap .solutions-con .solutions-con-wrap ul li .solutions-item-wrap {
  width: 290px;
  height: 240px;
  position: relative;
  z-index: 8;
}
/* line 2296, ../sass/main.scss */
.solutions-main-wrap .solutions-con .solutions-con-wrap ul li .solutions-item-wrap a img {
  width: 100%;
  vertical-align: middle;
}
/* line 2302, ../sass/main.scss */
.solutions-main-wrap .solutions-con .solutions-con-wrap ul li .solutions-item-wrap span {
  display: inline-block;
  width: 290px;
  height: 240px;
  position: absolute;
  left: 0;
  top: 0;
  cursor: pointer;
  z-index: 10;
}
/* line 2311, ../sass/main.scss */
.solutions-main-wrap .solutions-con .solutions-con-wrap ul li .solutions-item-wrap span img {
  width: 100%;
  vertical-align: middle;
}
/* line 2317, ../sass/main.scss */
.solutions-main-wrap .solutions-con .solutions-con-wrap ul li .solutions-item-wrap.current span {
  display: none;
}

/* line 2331, ../sass/main.scss */
.solutions-detail-main {
  background-color: #f5f5f5;
}

/* line 2337, ../sass/main.scss */
.company-detail-main {
  background-color: #f5f5f5;
}
/* line 2341, ../sass/main.scss */
.company-detail-main .article-con .article-con-text h5 {
  font-size: 14px;
  margin-top: 35px;
}
/* line 2345, ../sass/main.scss */
.company-detail-main .article-con .article-con-text p {
  font-size: 14px;
  margin-top: 30px;
  text-indent: 2em;
}

/* line 2356, ../sass/main.scss */
.service-wrap .service-title {
  margin-top: 50px;
  text-align: center;
}
/* line 2359, ../sass/main.scss */
.service-wrap .service-title h2 {
  color: #3f3f3f;
  font-size: 30px;
  font-weight: bold;
}
/* line 2364, ../sass/main.scss */
.service-wrap .service-title p {
  color: #969696;
  font-size: 14px;
  margin-top: 10px;
}
/* line 2370, ../sass/main.scss */
.service-wrap .service-process {
  padding: 35px 0 20px 115px;
}
/* line 2374, ../sass/main.scss */
.service-wrap .service-process .service-process-wrap ul li {
  margin-bottom: 60px;
}
/* line 2377, ../sass/main.scss */
.service-wrap .service-process .service-process-wrap ul li .left-img {
  float: left;
  width: 100px;
}
/* line 2382, ../sass/main.scss */
.service-wrap .service-process .service-process-wrap ul li .right-con {
  float: left;
}
/* line 2384, ../sass/main.scss */
.service-wrap .service-process .service-process-wrap ul li .right-con h3 {
  font-size: 18px;
  color: #3f3f3f;
  margin: 8px 0 16px;
}
/* line 2388, ../sass/main.scss */
.service-wrap .service-process .service-process-wrap ul li .right-con h3 span {
  color: #888888;
  margin-right: 15px;
}
/* line 2393, ../sass/main.scss */
.service-wrap .service-process .service-process-wrap ul li .right-con p {
  font-size: 14px;
  color: #888888;
  line-height: 30px;
}
/* line 2397, ../sass/main.scss */
.service-wrap .service-process .service-process-wrap ul li .right-con p span {
  display: inline-block;
  padding-left: 25px;
  margin-right: 20px;
  background: url("service-dot.png") no-repeat 2px center;
}
/* line 2402, ../sass/main.scss */
.service-wrap .service-process .service-process-wrap ul li .right-con p span a {
  display: inline-block;
  width: 16px;
  height: 21px;
  background: url("service-icon04-s.png") no-repeat center;
  vertical-align: middle;
  margin-left: 5px;
  position: relative;
}
/* line 2411, ../sass/main.scss */
.service-wrap .service-process .service-process-wrap ul li .right-con p span a:hover b {
  display: inline-block;
}
/* line 2415, ../sass/main.scss */
.service-wrap .service-process .service-process-wrap ul li .right-con p span a b {
  position: absolute;
  top: 30px;
  left: 50%;
  margin-left: -108px;
  display: inline-block;
  background-color: #f5f5f5;
  width: 216px;
  display: none;
}
/* line 2424, ../sass/main.scss */
.service-wrap .service-process .service-process-wrap ul li .right-con p span a b i {
  padding: 5px 10px;
  line-height: 20px;
  color: #999999;
  display: inline-block;
}

/* line 2443, ../sass/main.scss */
#main .need-wrap .contact-us {
  position: relative;
  height: 716px;
  z-index: 1;
}
/* line 2447, ../sass/main.scss */
#main .need-wrap .contact-us .contact-us-wrap {
  padding-top: 75px;
  position: relative;
  z-index: 3;
  width: 1062px;
  margin: 0 auto;
}
/* line 2453, ../sass/main.scss */
#main .need-wrap .contact-us .contact-us-wrap .title-top {
  padding-bottom: 28px;
  background: url("contact-us-top-bg.png") no-repeat bottom center;
}
/* line 2456, ../sass/main.scss */
#main .need-wrap .contact-us .contact-us-wrap .title-top .title-con {
  text-align: center;
  width: 350px;
  margin: 0 auto;
}
/* line 2460, ../sass/main.scss */
#main .need-wrap .contact-us .contact-us-wrap .title-top .title-con:hover .title-btn span {
  /* width:60px;*/
}
/* line 2464, ../sass/main.scss */
#main .need-wrap .contact-us .contact-us-wrap .title-top .title-con h2 a {
  color: #3f3f3f;
  font-size: 32px;
  font-weight: bold;
}
/* line 2470, ../sass/main.scss */
#main .need-wrap .contact-us .contact-us-wrap .title-top .title-con p {
  margin-top: 10px;
  font-size: 14px;
  color: #707682;
  padding-top: 0;
}
/* line 2476, ../sass/main.scss */
#main .need-wrap .contact-us .contact-us-wrap .title-top .title-con .title-btn {
  display: block;
  width: 350px;
  margin: 20px auto 13px;
  height: 4px;
  text-align: center;
  background: url("title-btm-bg-w02.png") repeat-x bottom;
}
/* line 2483, ../sass/main.scss */
#main .need-wrap .contact-us .contact-us-wrap .title-top .title-con .title-btn span {
  /* transition: width  0.5s ease-in;*/
  display: block;
  width: 30px;
  margin: 0 auto;
  height: 4px;
  background: url("title-btm-bg.png") repeat-x;
}
/* line 2493, ../sass/main.scss */
#main .need-wrap .contact-us .contact-us-wrap .title-top p {
  padding-top: 7px;
  font-size: 12px;
  color: #999999;
  text-align: center;
}
/* line 2499, ../sass/main.scss */
#main .need-wrap .contact-us .contact-us-wrap .title-top .contact-us-tel {
  margin-top: 15px;
  height: 27px;
  background: url("contact-us-top-tel02.png") no-repeat center;
}
/* line 2508, ../sass/main.scss */
#main .need-wrap .contact-us .contact-us-wrap .contact-us-con {
  margin-top: 70px;
}
/* line 2510, ../sass/main.scss */
#main .need-wrap .contact-us .contact-us-wrap .contact-us-con .contact-us-left {
  float: left;
  width: 440px;
}
/* line 2514, ../sass/main.scss */
#main .need-wrap .contact-us .contact-us-wrap .contact-us-con .contact-us-left .message-form input {
  width: 100%;
  border: 1px solid #707682;
  background-color: transparent;
  height: 45px;
  padding: 10px;
  font-size: 18px;
  outline: none;
  color: #696d77;
  margin-bottom: 5px;
}
/* line 2525, ../sass/main.scss */
#main .need-wrap .contact-us .contact-us-wrap .contact-us-con .contact-us-left .message-form .message-con {
  background-color: transparent;
  outline: none;
  margin-bottom: 5px;
  box-sizing: border-box;
  -webkit-appearance: none;
  resize: none;
  overflow-y: hidden;
  padding: 10px;
  font-size: 18px;
  height: 115px;
  width: 100%;
  border: 1px solid #707682;
  color: #696d77;
}
/* line 2540, ../sass/main.scss */
#main .need-wrap .contact-us .contact-us-wrap .contact-us-con .contact-us-left .message-form .message-submit {
  outline: none;
  border: none;
  width: 100%;
  color: #3f3f3f;
  cursor: pointer;
  padding: 0;
  line-height: 45px;
  background-color: #bec4d4;
}
/* line 2552, ../sass/main.scss */
#main .need-wrap .contact-us .contact-us-wrap .contact-us-con .contact-us-right {
  float: left;
  padding: 20px 0 0 70px;
}
/* line 2555, ../sass/main.scss */
#main .need-wrap .contact-us .contact-us-wrap .contact-us-con .contact-us-right p {
  font-size: 14px;
  color: #707682;
  height: 30px;
  line-height: 30px;
  padding-left: 40px;
  margin-bottom: 9px;
  background: url("contact-us-icon.png") no-repeat 0 0;
}
/* line 2564, ../sass/main.scss */
#main .need-wrap .contact-us .contact-us-wrap .contact-us-con .contact-us-right .tel {
  background-position: 0 -30px;
}
/* line 2567, ../sass/main.scss */
#main .need-wrap .contact-us .contact-us-wrap .contact-us-con .contact-us-right .email {
  background-position: 0 -60px;
}
/* line 2570, ../sass/main.scss */
#main .need-wrap .contact-us .contact-us-wrap .contact-us-con .contact-us-right .person {
  background-position: 0 -90px;
}
/* line 2573, ../sass/main.scss */
#main .need-wrap .contact-us .contact-us-wrap .contact-us-con .contact-us-right .subway {
  background-position: 0 -120px;
}
/* line 2576, ../sass/main.scss */
#main .need-wrap .contact-us .contact-us-wrap .contact-us-con .contact-us-right .car {
  background-position: 0 -150px;
}
/* line 2584, ../sass/main.scss */
#main .need-wrap .contact-us .contact-us-bg {
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -960px;
  height: 716px;
  width: 1920px;
  background-color: #f5f5f5;
}

/* line 2601, ../sass/main.scss */
.about-wrap .title-top {
  margin-bottom: 30px;
}
/* line 2603, ../sass/main.scss */
.about-wrap .title-top .title-con {
  text-align: center;
  width: 350px;
  margin: 0 auto;
}
/* line 2607, ../sass/main.scss */
.about-wrap .title-top .title-con:hover .title-btn span {
  /* width:60px;*/
}
/* line 2611, ../sass/main.scss */
.about-wrap .title-top .title-con h2 a {
  color: #3f3f3f;
  font-size: 32px;
  font-weight: bold;
}
/* line 2617, ../sass/main.scss */
.about-wrap .title-top .title-con p {
  margin-top: 10px;
  font-size: 14px;
  color: #999999;
  padding-top: 0;
}
/* line 2623, ../sass/main.scss */
.about-wrap .title-top .title-con .title-btn {
  display: block;
  width: 350px;
  margin: 20px auto 13px;
  height: 4px;
  text-align: center;
  background: url("title-btm-bg-w.png") repeat-x bottom;
}
/* line 2630, ../sass/main.scss */
.about-wrap .title-top .title-con .title-btn span {
  /* transition: width  0.5s ease-in;*/
  display: block;
  width: 30px;
  margin: 0 auto;
  height: 4px;
  background: url("title-btm-bg.png") repeat-x;
}
/* line 2640, ../sass/main.scss */
.about-wrap .title-top p {
  line-height: 20px;
  font-size: 12px;
  color: #999999;
  text-align: center;
}
/* line 2647, ../sass/main.scss */
.about-wrap .title-top .p1 {
  width: 800px;
  margin: 0 auto;
}
/* line 2650, ../sass/main.scss */
.about-wrap .title-top .p1 span {
  color: #00a9ea;
}
/* line 2656, ../sass/main.scss */
.about-wrap .about-block01 {
  position: relative;
  z-index: 1;
}
/* line 2659, ../sass/main.scss */
.about-wrap .about-block01 .about-intro {
  width: 800px;
  margin: 0 auto;
  line-height: 20px;
  padding-top: 20px;
  margin-top: 26px;
  text-align: center;
  font-size: 12px;
  color: #999;
  background: url("about-line.jpg") no-repeat top center;
}
/* line 2673, ../sass/main.scss */
.about-wrap .about-block01 .about-us .about-us-wrap {
  padding-top: 35px;
}
/* line 2676, ../sass/main.scss */
.about-wrap .about-block01 .about-us .about-us-wrap .about-us-list .about-us-item {
  margin-top: 10px;
}
/* line 2682, ../sass/main.scss */
.about-wrap .about-block01 .block01-bg {
  background: #333333;
  width: 1920px;
  height: 1326px;
  overflow: hidden;
  float: left;
  position: absolute;
  left: -369px;
  top: -31px;
  z-index: -1;
}
/* line 2695, ../sass/main.scss */
.about-wrap .about-block02 {
  padding-top: 50px;
}
/* line 2697, ../sass/main.scss */
.about-wrap .about-block02 .title-top {
  margin-bottom: 50px;
}
/* line 2704, ../sass/main.scss */
.about-wrap .about-block03 .platform-advantage {
  padding-top: 50px;
}
/* line 2706, ../sass/main.scss */
.about-wrap .about-block03 .platform-advantage .item01 {
  height: 510px;
}
/* line 2708, ../sass/main.scss */
.about-wrap .about-block03 .platform-advantage .item01 .item-left {
  margin-top: 145px;
}
/* line 2711, ../sass/main.scss */
.about-wrap .about-block03 .platform-advantage .item01 p {
  padding-top: 20px;
}
/* line 2715, ../sass/main.scss */
.about-wrap .about-block03 .platform-advantage .item02 {
  height: 418px;
}
/* line 2717, ../sass/main.scss */
.about-wrap .about-block03 .platform-advantage .item02 .item-left {
  margin-top: 20px;
}
/* line 2720, ../sass/main.scss */
.about-wrap .about-block03 .platform-advantage .item02 .item-right {
  margin-top: 80px;
}
/* line 2725, ../sass/main.scss */
.about-wrap .about-block03 .platform-advantage .item03 .item-left {
  margin-top: 0;
}
/* line 2728, ../sass/main.scss */
.about-wrap .about-block03 .platform-advantage .item03 .item-right {
  margin-top: 80px;
}
/* line 2735, ../sass/main.scss */
.about-wrap .about-block04 {
  padding: 50px 0;
}
/* line 2738, ../sass/main.scss */
.about-wrap .about-block04 #com-zp.comment-wrap .comment-top {
  margin: 0 auto;
}
/* line 2743, ../sass/main.scss */
.about-wrap .about-block04 #com-zp.comment-wrap .comment-top .comment-top-list .comment-top-item a span {
  background: url(comment-top-icon02.png);
}
/* line 2748, ../sass/main.scss */
.about-wrap .about-block04 #com-zp.comment-wrap .comment-top .comment-top-list .comment-top-item a:hover span {
  background: url(comment-top-icon-h02.png) no-repeat;
}
/* line 2755, ../sass/main.scss */
.about-wrap .about-block04 #com-zp.comment-wrap .comment-top .comment-top-list .comment-top-item.current a span {
  background: url(comment-top-icon-h02.png) no-repeat;
}
/* line 2762, ../sass/main.scss */
.about-wrap .about-block04 #com-zp.comment-wrap .tab_con2 {
  line-height: 20px;
  color: #999;
  font-size: 13px;
}
/* line 2766, ../sass/main.scss */
.about-wrap .about-block04 #com-zp.comment-wrap .tab_con2 table {
  width: 100%;
}
/* line 2768, ../sass/main.scss */
 

/* line 2778, ../sass/main.scss */
#comment-frame {
  width: 100%;
  height: 230px;
}

/* line 2783, ../sass/main.scss */
#comment-wrapper {
  font-size: 12px;
}
/* line 2785, ../sass/main.scss */
#comment-wrapper input {
  font-size: 12px;
}
/* line 2788, ../sass/main.scss */
#comment-wrapper .comment-form {
  width: 340px;
  margin-top: 20px;
  height: 178px;
  padding: 23px 24px 0 24px;
  background: #f8f7f7;
}
/* line 2794, ../sass/main.scss */
#comment-wrapper .comment-form .comment-user {
  color: #888;
  margin-bottom: 10px;
}
/* line 2799, ../sass/main.scss */
#comment-wrapper .comment-form .comment-detail textarea {
  font-size: 12px;
  width: 320px;
  height: 80px;
  padding: 10px;
  overflow: auto;
  outline: none;
  resize: none;
  color: #888;
  border: 1px solid #d3d2d2;
}
/* line 2812, ../sass/main.scss */
#comment-wrapper .comment-form .captcha {
  padding-top: 10px;
}
/* line 2814, ../sass/main.scss */
#comment-wrapper .comment-form .captcha span {
  float: left;
  height: 20px;
  line-height: 20px;
  display: inline-block;
}
/* line 2820, ../sass/main.scss */
#comment-wrapper .comment-form .captcha .text-input {
  width: 65px;
  margin-left: 5px;
  float: left;
}
/* line 2825, ../sass/main.scss */
#comment-wrapper .comment-form .captcha #captcha-img {
  display: inline-block;
  float: left;
  border: 1px solid #d3d2d2;
  width: 100px;
  height: 20px;
  margin-left: 5px;
}
/* line 2833, ../sass/main.scss */
#comment-wrapper .comment-form .captcha .comment-submit {
  float: left;
  margin-left: 5px;
}

/* line 2, ../sass/colorbox.scss */
#colorbox, #cboxOverlay, #cboxWrapper {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  overflow: hidden;
}

/* line 3, ../sass/colorbox.scss */
#cboxWrapper {
  max-width: none;
}

/* line 4, ../sass/colorbox.scss */
#cboxOverlay {
  position: fixed;
  width: 100%;
  height: 100%;
}

/* line 5, ../sass/colorbox.scss */
#cboxMiddleLeft, #cboxBottomLeft {
  clear: left;
}

/* line 6, ../sass/colorbox.scss */
#cboxContent {
  position: relative;
}

/* line 7, ../sass/colorbox.scss */
#cboxLoadedContent {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}

/* line 8, ../sass/colorbox.scss */
#cboxTitle {
  margin: 0;
}

/* line 9, ../sass/colorbox.scss */
#cboxLoadingOverlay, #cboxLoadingGraphic {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* line 10, ../sass/colorbox.scss */
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow {
  cursor: pointer;
}

/* line 11, ../sass/colorbox.scss */
.cboxPhoto {
  float: left;
  margin: auto;
  border: 0;
  display: block;
  max-width: none;
  -ms-interpolation-mode: bicubic;
}

/* line 12, ../sass/colorbox.scss */
.cboxIframe {
  width: 100%;
  height: 100%;
  display: block;
  border: 0;
}

/* line 13, ../sass/colorbox.scss */
#colorbox, #cboxContent, #cboxLoadedContent {
  box-sizing: content-box;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
}

/* 
    body cover bg
    #cboxOverlay{background:url(colorbox/overlay.png) repeat 0 0;}
*/
/* line 20, ../sass/colorbox.scss */
#colorbox {
  outline: 0;
}

/* line 21, ../sass/colorbox.scss */
#cboxTopLeft {
  width: 21px;
  height: 21px;
  background: url(colorbox/controls.png) no-repeat -101px 0;
}

/* line 22, ../sass/colorbox.scss */
#cboxTopRight {
  width: 21px;
  height: 21px;
  background: url(colorbox/controls.png) no-repeat -130px 0;
}

/* line 23, ../sass/colorbox.scss */
#cboxBottomLeft {
  width: 21px;
  height: 21px;
  background: url(colorbox/controls.png) no-repeat -101px -29px;
}

/* line 24, ../sass/colorbox.scss */
#cboxBottomRight {
  width: 21px;
  height: 21px;
  background: url(colorbox/controls.png) no-repeat -130px -29px;
}

/* line 25, ../sass/colorbox.scss */
#cboxMiddleLeft {
  width: 21px;
  background: url(colorbox/controls.png) left top repeat-y;
}

/* line 26, ../sass/colorbox.scss */
#cboxMiddleRight {
  width: 21px;
  background: url(colorbox/controls.png) right top repeat-y;
}

/* line 27, ../sass/colorbox.scss */
#cboxTopCenter {
  height: 21px;
  background: url(colorbox/border.png) 0 0 repeat-x;
}

/* line 28, ../sass/colorbox.scss */
#cboxBottomCenter {
  height: 21px;
  background: url(colorbox/border.png) 0 -29px repeat-x;
}

/* line 29, ../sass/colorbox.scss */
#cboxContent {
  background: #fff;
  overflow: hidden;
}

/* line 30, ../sass/colorbox.scss */
.cboxIframe {
  background: #fff;
}

/* line 31, ../sass/colorbox.scss */
#cboxError {
  padding: 50px;
  border: 1px solid #ccc;
}

/* line 32, ../sass/colorbox.scss */
#cboxLoadedContent {
  margin-bottom: 28px;
}

/* line 33, ../sass/colorbox.scss */
#cboxTitle {
  position: absolute;
  bottom: 4px;
  left: 0;
  text-align: center;
  width: 100%;
  color: #949494;
}

/* line 34, ../sass/colorbox.scss */
#cboxCurrent {
  position: absolute;
  bottom: 4px;
  left: 58px;
  color: #949494;
}

/* line 35, ../sass/colorbox.scss */
#cboxLoadingOverlay {
  background: url(colorbox/loading_background.png) no-repeat center center;
}

/* line 36, ../sass/colorbox.scss */
#cboxLoadingGraphic {
  background: url(colorbox/loading.gif) no-repeat center center;
}

/* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
/* line 39, ../sass/colorbox.scss */
#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {
  border: 0;
  padding: 0;
  margin: 0;
  overflow: visible;
  width: auto;
  background: none;
}

/* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
/* line 42, ../sass/colorbox.scss */
#cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {
  outline: 0;
}

/* line 44, ../sass/colorbox.scss */
#cboxSlideshow {
  position: absolute;
  bottom: 4px;
  right: 30px;
  color: #0092ef;
}

/* line 45, ../sass/colorbox.scss */
#cboxPrevious {
  position: absolute;
  bottom: 0;
  left: 0;
  background: url(colorbox/controls.png) no-repeat -75px 0;
  width: 25px;
  height: 25px;
  text-indent: -9999px;
}

/* line 46, ../sass/colorbox.scss */
#cboxPrevious:hover {
  background-position: -75px -25px;
}

/* line 47, ../sass/colorbox.scss */
#cboxNext {
  position: absolute;
  bottom: 0;
  left: 27px;
  background: url(colorbox/controls.png) no-repeat -50px 0;
  width: 25px;
  height: 25px;
  text-indent: -9999px;
}

/* line 48, ../sass/colorbox.scss */
#cboxNext:hover {
  background-position: -50px -25px;
}

/* line 49, ../sass/colorbox.scss */
#cboxClose {
  position: absolute;
  top: 2px;
  right: 2px;
  background: url(colorbox/controls.png) no-repeat -25px 0;
  width: 25px;
  height: 25px;
  text-indent: -9999px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}

/* line 53, ../sass/colorbox.scss */
#cboxClose:hover {
  background-position: -25px -25px;
}

/* line 56, ../sass/colorbox.scss */
.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00333333,endColorstr=#00333333);
}

/* line 3, ../sass/detail.scss */
.detail-con {
  margin-top: 20px;
}
/* line 5, ../sass/detail.scss */
.detail-left {
  width: 880px;
  background-color: #333333;
  float: left;
}
/* line 10, ../sass/detail.scss */
.detail-left .detail-left-wrap {
  padding: 0 10px;
}
/* line 12, ../sass/detail.scss */
.detail-left .detail-left-wrap .article-title {
  font-size: 28px;
  color: #3f3f3f;
  text-align: center;
  padding-top: 30px;
}
/* line 18, ../sass/detail.scss */
.detail-left .detail-left-wrap .article-info-share {
  border-bottom: 1px solid #f0eded;
  margin-top: 30px;
  padding-bottom: 10px;
  line-height: 28px;
}
/* line 23, ../sass/detail.scss */
.detail-left .detail-left-wrap .article-info-share .article-info {
  float: left;
  height: 28px;
  line-height: 28px;
}
/* line 27, ../sass/detail.scss */
.detail-left .detail-left-wrap .article-info-share .article-info span {
  font-size: 14px;
  color: #888888;
}
/* line 31, ../sass/detail.scss */
.detail-left .detail-left-wrap .article-info-share .article-info .view-count {
  display: inline-block;
  height: 28px;
  padding: 0 25px 0 35px;
  background: url("article-icon01.png") no-repeat left center;
}
/* line 37, ../sass/detail.scss */
.detail-left .detail-left-wrap .article-info-share .article-info .comment-count {
  display: inline-block;
  height: 28px;
  padding: 0 25px 0 35px;
  background: url("article-icon02.png") no-repeat left center;
}
/* line 43, ../sass/detail.scss */
.detail-left .detail-left-wrap .article-info-share .article-info .time {
  display: inline-block;
  height: 28px;
  padding: 0 25px 0 35px;
  background: url("icon-time.png") no-repeat left center;
}
/* line 52, ../sass/detail.scss */
.detail-left .detail-left-wrap .article-info-share .share-icons {
  float: right;
  font-size: 14px;
  color: #3f3f3f;
}
/* line 56, ../sass/detail.scss */
.detail-left .detail-left-wrap .article-info-share .share-icons .jtico {
  cursor: pointer;
  background: url("share_icons.png") no-repeat center;
  display: block;
  height: 27px;
  opacity: 0.7;
  width: 31px;
}
/* line 63, ../sass/detail.scss */
.detail-left .detail-left-wrap .article-info-share .share-icons .jtico:hover {
  opacity: 1;
}
/* line 67, ../sass/detail.scss */
.detail-left .detail-left-wrap .article-info-share .share-icons .jtico.jtico_tsina {
  background-position: 0 0;
}
/* line 70, ../sass/detail.scss */
.detail-left .detail-left-wrap .article-info-share .share-icons .jtico.jtico_tqq {
  background-position: -35px 0;
}
/* line 73, ../sass/detail.scss */
.detail-left .detail-left-wrap .article-info-share .share-icons .jtico.jtico_qzone {
  background-position: -69px 0;
}
/* line 76, ../sass/detail.scss */
.detail-left .detail-left-wrap .article-info-share .share-icons .jtico.jtico_douban {
  background-position: -104px 0;
}
/* line 79, ../sass/detail.scss */
.detail-left .detail-left-wrap .article-info-share .share-icons .jtico.jtico_renren {
  background-position: -139px 0;
}
/* line 82, ../sass/detail.scss */
.detail-left .detail-left-wrap .article-info-share .share-icons .jtico.jtico_weixin {
  background-position: -174px 0;
}
/* line 85, ../sass/detail.scss */
.detail-left .detail-left-wrap .article-info-share .share-icons .jtico.jtico_jiathis {
  background-position: -208px 0;
}
/* line 92, ../sass/detail.scss */
.detail-left .detail-left-wrap .article-con {
  font-size: 14px;
  color: #3f3f3f;
  line-height: 25px;
  padding: 10px 10px 20px;
}
.detail-left .detail-left-wrap .article-con img {
    margin: 0 auto;
}
/* line 97, ../sass/detail.scss */
.article-sum {
  font-size: 14px;
}
/* line 100, ../sass/detail.scss */
.article-sum span {
  color: #3f3f3f;
}
/* line 104, ../sass/detail.scss */
.detail-left .detail-left-wrap .article-con .article-img {
  margin-top: 65px;
  width: 100%;
}
/* line 108, ../sass/detail.scss */
.detail-left .detail-left-wrap .article-con .article-con-text {
  padding: 0 20px;
}
/* line 111, ../sass/detail.scss */
.detail-left .detail-left-wrap .article-con h3 {
  text-align: center;
  margin-bottom: 30px;
}
/* line 115, ../sass/detail.scss */
.detail-left .detail-left-wrap .article-con h4 {
  font-weight: bold;
}
/* line 118, ../sass/detail.scss */
.detail-left .detail-left-wrap .article-con .next-previous {
  margin-top: 15px;
}
/* line 120, ../sass/detail.scss */
.detail-left .detail-left-wrap .article-con .next-previous p {
  color: #3f3f3f;
  font-size: 12px;
  font-weight: bold;
  line-height: 22px;
}
/* line 125, ../sass/detail.scss */
.detail-left .detail-left-wrap .article-con .next-previous p a {
  font-weight: normal;
}
/* line 128, ../sass/detail.scss */
.detail-left .detail-left-wrap .article-con .next-previous p span {
  color: #959595;
  font-weight: normal;
}
/* line 138, ../sass/detail.scss */
.detail-left .recommended {
  padding: 30px 10px;
  background-color: #f5f5f5;
}
/* line 141, ../sass/detail.scss */
.detail-left .recommended h3 {
  color: #3f3f3f;
  font-size: 24px;
}
/* line 147, ../sass/detail.scss */
.detail-left .recommended ul li {
  padding-top: 20px;
}
/* line 149, ../sass/detail.scss */
.detail-left .recommended ul li .recommended-left {
  width: 130px;
  height: 80px;
  float: left;
  margin-right: 20px;
}
/* line 155, ../sass/detail.scss */
.detail-left .recommended ul li .recommended-left a img {
  width: 100%;
  vertical-align: middle;
}
/* line 162, ../sass/detail.scss */
.detail-left .recommended ul li .recommended-right {
  height: 80px;
  width: 500px;
  float: left;
}
/* line 166, ../sass/detail.scss */
.detail-left .recommended ul li .recommended-right h4 {
  padding: 7px 0;
}
/* line 168, ../sass/detail.scss */
.detail-left .recommended ul li .recommended-right h4 a {
  font-size: 18px;
}
/* line 172, ../sass/detail.scss */
.detail-left .recommended ul li .recommended-right p {
  font-size: 14px;
  line-height: 25px;
  color: #888888;
}
/* line 184, ../sass/detail.scss */
.detail-right {
  width: 290px;
  float: right;
}
/* line 188, ../sass/detail.scss */
.detail-right .detail-right-top {
  margin-bottom: 20px;
}
/* line 191, ../sass/detail.scss */
.detail-right .detail-right-top a img {
  width: 100%;
  vertical-align: middle;
}
/* line 197, ../sass/detail.scss */
.detail-right .detail-right-con {
  padding: 0 10px 20px;
  background-color: #333333;
}
/* line 200, ../sass/detail.scss */
.detail-right-item {
  padding-top: 20px;
}
/* line 202, ../sass/detail.scss */
.detail-right-item h3 {
  padding-top: 17px;
  background: url("detail-item-t-bg.png") no-repeat left top;
  font-size: 16px;
  color: #707070;
}
/* line 208, ../sass/detail.scss */
.detail-right-item P {
  font-size: 12px;
  color: #b5b5b5;
  margin-top: 5px;
}
/* line 213, ../sass/detail.scss */
.detail-right-item ul {
  width: 280px;
  margin-top: 18px;
}
/* line 216, ../sass/detail.scss */
.detail-right-item ul li {
  float: left;
  margin: 0 10px 10px 0;
}
/* line 220, ../sass/detail.scss */
.detail-right-item ul li a {
  display: inline-block;
  width: 130px;
  height: 30px;
  line-height: 30px;
  font-size: 12px;
  color: #707070;
  background-color: #efecec;
  text-align: center;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
}
/* line 232, ../sass/detail.scss */
.detail-right-item ul li a:hover {
  color: #00a9ea;
}
/* line 240, ../sass/detail.scss */
.case-sencil {
  padding-top: 20px;
}
/* line 242, ../sass/detail.scss */
.case-sencil h3 {
  padding-top: 17px;
  background: url("detail-item-t-bg.png") no-repeat left top;
  font-size: 16px;
  color: #707070;
}
/* line 248, ../sass/detail.scss */
.case-sencil P {
  font-size: 12px;
  color: #b5b5b5;
  margin-top: 5px;
}
/* line 255, ../sass/detail.scss */
.case-sencil ul li {
  padding-top: 20px;
}
/* line 257, ../sass/detail.scss */
.case-sencil ul li .case-sencil-left {
  width: 130px;
  height: 90px;
  float: left;
}
/* line 262, ../sass/detail.scss */
.case-sencil ul li .case-sencil-left a img {
  width: 100%;
  vertical-align: middle;
}
/* line 269, ../sass/detail.scss */
.case-sencil ul li .case-sencil-right {
  width: 130px;
  height: 90px;
  float: right;
}
/* line 273, ../sass/detail.scss */
.case-sencil ul li .case-sencil-right h4 {
  padding: 8px 0;
}
/* line 275, ../sass/detail.scss */
.case-sencil ul li .case-sencil-right h4 a {
  font-size: 14px;
}
/* line 279, ../sass/detail.scss */
.case-sencil ul li .case-sencil-right p {
  font-size: 12px;
  line-height: 16px;
  width: 122px;
}
/* line 289, ../sass/detail.scss */
.top-articles {
  padding-top: 20px;
}
/* line 291, ../sass/detail.scss */
.top-articles h3 {
  padding-top: 17px;
  background: url("detail-item-t-bg.png") no-repeat left top;
  font-size: 16px;
  color: #707070;
}
/* line 297, ../sass/detail.scss */
.top-articles P {
  font-size: 12px;
  color: #b5b5b5;
  margin-top: 5px;
}
/* line 302, ../sass/detail.scss */
.top-articles .top-time {
  margin-top: 20px;
}
/* line 305, ../sass/detail.scss */
.top-articles .top-time ul li {
  width: 135px;
  float: left;
  height: 45px;
  line-height: 45px;
  text-align: center;
  border-top: 1px solid #e6e6e6;
}
/* line 312, ../sass/detail.scss */
.top-articles .top-time ul li a {
  display: inline-block;
  width: 100%;
}
/* line 316, ../sass/detail.scss */
.top-articles .top-time ul li:hover {
  border-top: 1px solid #00a9ea;
}
/* line 319, ../sass/detail.scss */
.top-articles .top-time ul li.current {
  border-top: 1px solid #00a9ea;
}
/* line 329, ../sass/detail.scss */
.top-articles .bottom-content ul .content-sec ul {
  background: url("list-num-icon.png") no-repeat left top;
}
/* line 332, ../sass/detail.scss */
.top-articles .bottom-content ul .content-sec ul li {
  overflow: hidden;
  padding-left: 35px;
  padding-bottom: 1px;
  height: 38px;
  background: url("top-articles-list-bg.png") no-repeat bottom center;
}
/* line 339, ../sass/detail.scss */
.top-articles .bottom-content ul .content-sec ul li h4 {
  line-height: 32px;
  font-size: 14px;
}
/* line 346, ../sass/detail.scss */
.top-articles .bottom-content ul .content-sec ul .first {
  height: 80px;
  background: #efecec;
  padding-left: 0;
  margin-left: 35px;
  padding: 0 15px;
}
/* line 352, ../sass/detail.scss */
.top-articles .bottom-content ul .content-sec ul .first h4 {
  font-size: 14px;
  color: #707070;
  line-height: 1;
  height: 40px;
  line-height: 40px;
  overflow: hidden;
}
/* line 360, ../sass/detail.scss */
.top-articles .bottom-content ul .content-sec ul .first p {
  font-size: 12px;
  color: #707070;
  line-height: 18px;
  margin-top: 0px;
}
/* line 373, ../sass/detail.scss */
.hot-tags {
  padding-top: 20px;
}
/* line 375, ../sass/detail.scss */
.hot-tags h3 {
  padding-top: 17px;
  background: url("detail-item-t-bg.png") no-repeat left top;
  font-size: 16px;
  color: #707070;
}
/* line 381, ../sass/detail.scss */
.hot-tags P {
  font-size: 12px;
  color: #b5b5b5;
  margin-top: 5px;
}
/* line 386, ../sass/detail.scss */
.hot-tags .tags-con {
  padding-top: 10px;
  text-align: center;
}
/* line 389, ../sass/detail.scss */
.hot-tags .tags-con .tags-con-wrap {
  width: 280px;
}
/* line 391, ../sass/detail.scss */
.hot-tags .tags-con .tags-con-wrap a {
  display: inline-block;
  padding: 9px 11px;
  border: 1px solid #d2d2d2;
  color: #707070;
  margin: 10px 10px 0 0;
  font-size: 12px;
  float: left;
}
/* line 399, ../sass/detail.scss */
.hot-tags .tags-con .tags-con-wrap a:hover {
  background-color: #00a9ea;
  border: 1px solid #00a9ea;
  color: #333333;
}
/* line 405, ../sass/detail.scss */
.hot-tags .tags-con .tags-con-wrap .long {
  padding: 9px 7px;
  margin: 10px 11px 0 0;
  -webkit-margin: 10px 12px 0 0;
}
/* line 410, ../sass/detail.scss */
.hot-tags .tags-con .tags-con-wrap .long-sec {
  padding: 9px 6px;
  margin: 10px 12px 0 0;
}
/* line 424, ../sass/detail.scss */
.top-information h3 {
  padding-top: 17px;
  background: url("detail-item-t-bg.png") no-repeat left top;
  font-size: 16px;
  color: #707070;
}
/* line 430, ../sass/detail.scss */
.top-information P {
  font-size: 12px;
  color: #b5b5b5;
  margin-top: 5px;
}
/* line 436, ../sass/detail.scss */
.top-information .top-information-list {
  margin-top: 20px;
  border-top: 1px solid #e6e6e6;
}
/* line 440, ../sass/detail.scss */
.top-information .top-information-list ul li {
  height: 39px;
  list-style: inside disc;
  color: #707070;
  line-height: 39px;
  padding-left: 5px;
  padding-bottom: 1px;
  overflow: hidden;
  background: url("top-articles-list-bg.png") no-repeat bottom center;
}
/* line 449, ../sass/detail.scss */
.top-information .top-information-list ul li:hover {
  color: #00a9ea;
}
/* line 454, ../sass/detail.scss */
.top-information .top-information-list ul li a {
  font-size: 14px;
  height: 39px;
  padding-left: 7px;
}
/* line 468, ../sass/detail.scss */
.detail-right .detail-right-con #related-article.related-article {
  padding-top: 20px;
}
/* line 470, ../sass/detail.scss */
.detail-right .detail-right-con #related-article.related-article h3 {
  padding-top: 17px;
  background: url("detail-item-t-bg.png") no-repeat left top;
  font-size: 16px;
  color: #707070;
}
/* line 476, ../sass/detail.scss */
.detail-right .detail-right-con #related-article.related-article P {
  font-size: 12px;
  color: #b5b5b5;
  margin: 5px 0;
}
/* line 483, ../sass/detail.scss */
.detail-right .detail-right-con #related-article.related-article ul li {
  padding-top: 20px;
}
/* line 487, ../sass/detail.scss */
.detail-right .detail-right-con #related-article.related-article ul li h5 a {
  font-size: 14px;
}
/* line 491, ../sass/detail.scss */
.detail-right .detail-right-con #related-article.related-article ul li p {
  margin: 8px 0 0;
}

/* line 4, ../sass/comment.scss */
.comment {
  color: #3f3f3f;
}
/* line 8, ../sass/comment.scss */
.comment .top-comment {
  padding: 25px  0 40px;
  background-color: #333333;
}
/* line 13, ../sass/comment.scss */
.comment .top-comment .top-comment-wrap {
  width: 1180px;
  margin: 0 auto;
}
/* line 16, ../sass/comment.scss */
.comment .top-comment .top-comment-wrap h3 {
  font-size: 24px;
  margin-bottom: 20px;
}
/* line 20, ../sass/comment.scss */
.comment .top-comment .top-comment-wrap .top-comment-con {
  width: 860px;
}
/* line 23, ../sass/comment.scss */
.comment .top-comment .top-comment-wrap .top-comment-con ul li {
  margin-bottom: 35px;
  background: url("top-comment-bg.png") repeat-x bottom;
}
/* line 26, ../sass/comment.scss */
.comment .top-comment .top-comment-wrap .top-comment-con ul li p {
  padding-bottom: 10px;
}
/* line 29, ../sass/comment.scss */
.comment .top-comment .top-comment-wrap .top-comment-con ul li .name {
  font-size: 14px;
}
/* line 32, ../sass/comment.scss */
.comment .top-comment .top-comment-wrap .top-comment-con ul li .time {
  color: #aaaaaa;
  font-size: 12px;
}
/* line 36, ../sass/comment.scss */
.comment .top-comment .top-comment-wrap .top-comment-con ul li .content {
  font-size: 12px;
  padding-bottom: 15px;
}
/* line 42, ../sass/comment.scss */
.comment .top-comment .top-comment-wrap .top-comment-con .top-comment-more {
  text-align: center;
}
/* line 44, ../sass/comment.scss */
.comment .top-comment .top-comment-wrap .top-comment-con .top-comment-more a {
  display: inline-block;
  height: 30px;
  line-height: 30px;
  width: 100%;
  background-color: #ebebeb;
  font-size: 12px;
}
/* line 57, ../sass/comment.scss */
.comment .post-comment {
  /*height: 255px;*/
  background-color: #f5f5f5;
  padding-bottom: 90px;
}
/* line 61, ../sass/comment.scss */
.comment .post-comment .post-comment-wrap {
  width: 1180px;
  margin: 0 auto;
}
/* line 64, ../sass/comment.scss */
.comment .post-comment .post-comment-wrap .comment-form {
  width: 880px;
}
/* line 66, ../sass/comment.scss */
.comment .post-comment .post-comment-wrap .comment-form p {
  color: #313131;
  font-size: 12px;
  font-weight: bold;
  padding: 25px 0 10px;
}
/* line 71, ../sass/comment.scss */
.comment .post-comment .post-comment-wrap .comment-form p span {
  vertical-align: middle;
}
/* line 75, ../sass/comment.scss */
.comment .post-comment .post-comment-wrap .comment-form p .name {
  /* color:#313131;
   font-size: 12px;
   font-weight: normal;
   border: none;
   background: transparent;
   outline: none;*/
  vertical-align: middle;
  border: 1px solid #d3d2d3;
  padding: 5px;
  width: 100px;
  background-color: #333333;
  font-size: 12px;
  margin: 0 5px;
  outline: none;
  color: #888888;
}
/* line 96, ../sass/comment.scss */
.comment .post-comment .post-comment-wrap .comment-form .message-con {
  background-color: #333333;
  outline: none;
  margin: 0;
  box-sizing: border-box;
  -webkit-appearance: none;
  resize: none;
  overflow-y: hidden;
  padding: 10px;
  font-size: 12px;
  height: 80px;
  width: 760px;
  border: 1px solid #d3d2d3;
  color: #888888;
  float: left;
}
/* line 111, ../sass/comment.scss */
.lte7 .comment .post-comment .post-comment-wrap .comment-form .message-con {
  height: 58px;
  width: 738px;
}
/* line 116, ../sass/comment.scss */
.comment .post-comment .post-comment-wrap .comment-form .message-submit {
  display: inline-block;
  height: 80px;
  line-height: 80px;
  width: 120px;
  background-color: #00a9ea;
  border: none;
  color: #fefefe;
  font-size: 18px;
  cursor: pointer;
  padding: 0;
}
/* line 129, ../sass/comment.scss */
.comment .post-comment .post-comment-wrap .comment-form .captcha {
  height: 26px;
  line-height: 26px;
  color: #313131;
  font-size: 12px;
  font-weight: bold;
  margin-top: 5px;
}
/* line 137, ../sass/comment.scss */
.lte7 .comment .post-comment .post-comment-wrap .comment-form .captcha .tag {
  float: left;
}
/* line 142, ../sass/comment.scss */
.comment .post-comment .post-comment-wrap .comment-form .captcha .captch-con {
  vertical-align: middle;
  border: 1px solid #d3d2d3;
  padding: 5px;
  width: 70px;
  background-color: #333333;
  font-size: 12px;
  margin: 0 5px;
  outline: none;
}
/* line 151, ../sass/comment.scss */
.lte7 .comment .post-comment .post-comment-wrap .comment-form .captcha .captch-con {
  float: left;
}
/* line 155, ../sass/comment.scss */
.comment .post-comment .post-comment-wrap .comment-form .captcha .captch-img {
  display: inline-block;
  height: 20px;
  width: 100px;
  vertical-align: middle;
  cursor: pointer;
}
/* line 161, ../sass/comment.scss */
.comment .post-comment .post-comment-wrap .comment-form .captcha .captch-img img {
  width: 100%;
  vertical-align: top;
}
/* line 165, ../sass/comment.scss */
.lte7 .comment .post-comment .post-comment-wrap .comment-form .captcha .captch-img {
  float: left;
}
/* line 169, ../sass/comment.scss */
.comment .post-comment .post-comment-wrap .comment-form .captcha b {
  float: right;
  color: #b3b3b3;
  font-weight: normal;
}

/* line 8, ../sass/foot.scss */
.footer {
  background-color: #222429;
}
/* line 10, ../sass/foot.scss */
.footer .footer-wrap {
  width: 1200px;
  height: 150px;
  margin: 0 auto;
}
/* line 14, ../sass/foot.scss */
.footer .footer-wrap .footer-left {
  float: left;
}


 



/* line 16, ../sass/foot.scss */
.footer .footer-wrap .footer-left h3 {
  padding: 20px 0 25px;
}
/* line 20, ../sass/foot.scss */
.footer .footer-wrap .footer-left h3 a {
  font-size: 20px;
  color: #8a8d96;
  font-weight: bold;
}
/* line 24, ../sass/foot.scss */
.footer .footer-wrap .footer-left h3 a:hover {
  color: #b6bdda;
}
/* line 31, ../sass/foot.scss */
.footer .footer-wrap .footer-left p {
  font-size: 12px;
  color: #585c65;
  margin-bottom: 5px;
}
/* line 36, ../sass/foot.scss */
.footer .footer-wrap .footer-left p a {
  font-size: 12px;
  color: #585c65;
}
/* line 39, ../sass/foot.scss */
.footer .footer-wrap .footer-left p a:hover {
  color: #b6bdda;
}

.footer .footer-wrap .footer-mid {
  float:right;
    margin-top: 50px;
	padding-right:8px;
}


/* line 45, ../sass/foot.scss */
.footer .footer-wrap .footer-right {
  float: right;
  margin-top: 50px;
  padding-left: 40px;
  border-left: 1px solid #42464e;
}
/* line 50, ../sass/foot.scss */
.footer .footer-wrap .footer-right p {
  color: #8a8d96;
  font-size: 14px;
 
}
/* line 55, ../sass/foot.scss */
.footer .footer-wrap .footer-right .tel {
  margin-bottom: 10px;
}





/* line 67, ../sass/foot.scss */
.tel-kf-share-top {
  position: fixed;
  top: 275px;
  right: 0;
  z-index: 9999;
  display: none;
}
/* line 74, ../sass/foot.scss */
.tel-kf-share-top ul li {
  margin-top: 1px;
  height: 50px;
  width: 50px;
}
/* line 78, ../sass/foot.scss */
.tel-kf-share-top ul li .item-wrap {
  display: block;
  width: 150px;
  height: 50px;
  position: relative;
}
/* line 83, ../sass/foot.scss */
.tel-kf-share-top ul li .item-wrap .text {
  display: inline-block;
  padding-left: 20px;
  height: 50px;
  line-height: 50px;
  background-color: #00a9ea;
  color: #333333;
  vertical-align: middle;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9;
  opacity: 0;
  filter: alpha(opacity=0);
  cursor: pointer;
}
/* line 99, ../sass/foot.scss */
.tel-kf-share-top ul li .item-wrap .icon {
  display: inline-block;
  height: 50px;
  width: 50px;
  background-color: #848484;
  text-align: center;
  vertical-align: middle;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  cursor: pointer;
  opacity: 0.5;
  filter: alpha(opacity=50);
}
/* line 117, ../sass/foot.scss */
.tel-kf-share-top ul .current .item-wrap .icon {
  background-color: #00a9ea;
  opacity: 1;
  filter: alpha(opacity=100);
}
/* line 122, ../sass/foot.scss */
.tel-kf-share-top ul .current .item-wrap .text {
  opacity: 1;
  filter: alpha(opacity=100);
}
/* line 129, ../sass/foot.scss */
.tel-kf-share-top ul .top span {
  background: url(to-top-icon.png) no-repeat center #848484;
  display: inline-block;
  height: 50px;
  width: 50px;
  float: right;
  cursor: pointer;
}
/* line 136, ../sass/foot.scss */
.tel-kf-share-top ul .top span:hover {
  opacity: 0.8;
  filter: alpha(opacity=80);
}

/* line 3, ../sass/case-details.scss */
.display-case-main .details-content {
  min-height: 1200px;
  background: #fff;
  width: 1178px;
  padding: 11px;
  margin-top: 40px;
}
/* line 9, ../sass/case-details.scss */
.display-case-main .details-content .d-left {
  width: 390px;
  float: left;
  margin-left: 8px;
  font-size: 12px;
}
/* line 14, ../sass/case-details.scss */
.display-case-main .details-content .d-left .leftping {
  padding-top: 19px;
}
/* line 16, ../sass/case-details.scss */
.display-case-main .details-content .d-left .leftping .title {
  font-size: 24px;
  line-height: 35px;
}
/* line 20, ../sass/case-details.scss */
.display-case-main .details-content .d-left .leftping .data-num {
  height: 16px;
  line-height: 16px;
  padding: 10px 0 25px 0;
  color: #999;
}
/* line 25, ../sass/case-details.scss */
.display-case-main .details-content .d-left .leftping .data-num span {
  padding-right: 20px;
}
/* line 27, ../sass/case-details.scss */
.display-case-main .details-content .d-left .leftping .data-num span b {
  color: #3f3f3f;
}
/* line 33, ../sass/case-details.scss */
.display-case-main .details-content .d-left .leftping .content {
  line-height: 24px;
  padding-bottom: 40px;
  margin-bottom: 14px;
  color: #666;
  border-bottom: 1px solid #e6e6e6;
}
/* line 39, ../sass/case-details.scss */
.display-case-main .details-content .d-left .leftping .content b {
  color: #999;
}
/* line 43, ../sass/case-details.scss */
.display-case-main .details-content .d-left .leftping .share {
  height: 27px;
  line-height: 27px;
  padding: 30px 0;
}
/* line 47, ../sass/case-details.scss */
.display-case-main .details-content .d-left .leftping .share span {
  float: left;
  color: #3f3f3f;
  font-size: 14px;
}
/* line 54, ../sass/case-details.scss */
.display-case-main .details-content .d-left .leftping .previous-next li {
  color: #666;
}
/* line 56, ../sass/case-details.scss */
.display-case-main .details-content .d-left .leftping .previous-next li b {
  color: #3f3f3f;
}
/* line 62, ../sass/case-details.scss */
.display-case-main .details-content .d-left .leftping .comment .import {
  width: 340px;
  margin-top: 20px;
  height: 178px;
  padding: 23px 24px 0 24px;
  background: #f8f7f7;
}
/* line 68, ../sass/case-details.scss */
.display-case-main .details-content .d-left .leftping .comment .import .user {
  color: #888;
  margin-bottom: 10px;
}
/* line 71, ../sass/case-details.scss */
.display-case-main .details-content .d-left .leftping .comment .import .user span {
  color: #3f3f3f;
  font-weight: bold;
}
/* line 76, ../sass/case-details.scss */
.display-case-main .details-content .d-left .leftping .comment .import .textarea {
  width: 320px;
  height: 80px;
  padding: 10px;
  overflow: auto;
  outline: none;
  resize: none;
  color: #888;
  border: 1px solid #d3d2d2;
}
/* line 86, ../sass/case-details.scss */
.display-case-main .details-content .d-left .leftping .comment .import .autosublimt {
  padding-top: 6px;
  height: 25px;
  line-height: 25px;
}
/* line 90, ../sass/case-details.scss */
.display-case-main .details-content .d-left .leftping .comment .import .autosublimt span {
  color: #888;
}
/* line 93, ../sass/case-details.scss */
.display-case-main .details-content .d-left .leftping .comment .import .autosublimt .autocode {
  float: left;
}
/* line 95, ../sass/case-details.scss */
.display-case-main .details-content .d-left .leftping .comment .import .autosublimt .autocode .auto {
  width: 68px;
  height: 23px;
  border: 1px solid #d3d2d2;
}
/* line 101, ../sass/case-details.scss */
.display-case-main .details-content .d-left .leftping .comment .import .autosublimt .auto-img {
  width: 100px;
  height: 20px;
  padding: 3px 0 0 3px;
  float: left;
}
/* line 107, ../sass/case-details.scss */
.display-case-main .details-content .d-left .leftping .comment .import .autosublimt .submit {
  width: 62px;
  height: 25px;
  float: right;
}
/* line 111, ../sass/case-details.scss */
.display-case-main .details-content .d-left .leftping .comment .import .autosublimt .submit input {
  width: 60px;
  height: 22px;
  line-height: 14px;
}
/* line 122, ../sass/case-details.scss */
.display-case-main .details-content .d-left .leftping .comment .com-list {
  padding-top: 19px;
}
/* line 124, ../sass/case-details.scss */
.display-case-main .details-content .d-left .leftping .comment .com-list li {
  padding-bottom: 12px;
  margin-bottom: 37px;
  border-bottom: 1px dashed #d3d2d2;
}
/* line 128, ../sass/case-details.scss */
.display-case-main .details-content .d-left .leftping .comment .com-list li .com-user {
  font-size: 14px;
  height: 18px;
  line-height: 18px;
}
/* line 133, ../sass/case-details.scss */
.display-case-main .details-content .d-left .leftping .comment .com-list li .com-time {
  height: 25px;
  line-height: 25px;
  color: #888;
  font-size: 12px;
}
/* line 139, ../sass/case-details.scss */
.display-case-main .details-content .d-left .leftping .comment .com-list li .com-content {
  line-height: 18px;
}
/* line 145, ../sass/case-details.scss */
.display-case-main .details-content .d-left .leftping .comment .more {
  height: 31px;
  line-height: 31px;
  width: 100%;
  color: #888;
  background: #e8e8e8;
  text-align: center;
}
/* line 158, ../sass/case-details.scss */
.display-case-main .details-content .d-img {
  width: 750px;
  overflow: hidden;
  float: right;
}

/* line 6, ../sass/information.scss */
.information-wrap {
  padding-bottom: 70px;
}
/* line 9, ../sass/information.scss */
.information-wrap .detail-con {
  margin-top: 35px;
}
/* line 12, ../sass/information.scss */
.information-wrap .detail-left-wrap {
  padding: 0;
}
/* line 16, ../sass/information.scss */
#other.detail-right {
  width: 270px;
}
/* line 18, ../sass/information.scss */
#other.detail-right .detail-right-con {
  padding: 0 0 20px 0;
}
/* line 20, ../sass/information.scss */
#other.detail-right .detail-right-con .detail-right-item {
  padding-top: 0px;
}
/* line 27, ../sass/information.scss */
#other-case.case-sencil {
  padding-top: 30px;
}
/* line 32, ../sass/information.scss */
#other-case.case-sencil ul li {
  padding-top: 20px;
}
/* line 34, ../sass/information.scss */
#other-case.case-sencil ul li .case-sencil-left {
  width: 130px;
  height: 90px;
  float: left;
}
/* line 39, ../sass/information.scss */
#other-case.case-sencil ul li .case-sencil-left a img {
  width: 100%;
  vertical-align: middle;
}
/* line 46, ../sass/information.scss */
#other-case.case-sencil ul li .case-sencil-right {
  width: 130px;
  height: 90px;
  float: right;
}
/* line 50, ../sass/information.scss */
#other-case.case-sencil ul li .case-sencil-right h4 {
  padding: 0 0 8px 0;
}
/* line 52, ../sass/information.scss */
#other-case.case-sencil ul li .case-sencil-right h4 a {
  font-size: 12px;
}
/* line 56, ../sass/information.scss */
#other-case.case-sencil ul li .case-sencil-right p {
  font-size: 12px;
  line-height: 16px;
  width: auto;
}
/* line 70, ../sass/information.scss */
.information-wrap .information-title-list .title-list li {
  float: left;
  height: 38px;
  line-height: 38px;
  border: 1px solid #dcdcdc;
  border-right: none;
  width: 119px;
  text-align: center;
  position: relative;
  z-index: 1;
  /*&:hover{
      border-top: 1px solid transparent;
      border-bottom: 1px solid transparent;
  }*/
}
/* line 84, ../sass/information.scss */
.information-wrap .information-title-list .title-list li.current {
  z-index: 9;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
}
/* line 88, ../sass/information.scss */
.information-wrap .information-title-list .title-list li.current a {
  background: url("information-title.png") repeat-x top;
  z-index: 10;
}
/* line 94, ../sass/information.scss */
.information-wrap .information-title-list .title-list li a {
  display: inline-block;
  width: 121px;
  position: absolute;
  top: -1px;
  right: -1px;
  padding-bottom: 1px;
  font-size: 16px;
  /*&:hover{
      background: url('information-title.png') repeat-x top;
  }*/
}
/* line 108, ../sass/information.scss */
.information-wrap .information-title-list .title-list .item-android {
  width: 139px;
}
/* line 110, ../sass/information.scss */
.information-wrap .information-title-list .title-list .item-android a {
  width: 141px;
}
/* line 114, ../sass/information.scss */
.information-wrap .information-title-list .title-list .item-html {
  width: 209px;
}
/* line 116, ../sass/information.scss */
.information-wrap .information-title-list .title-list .item-html a {
  width: 211px;
}
/* line 120, ../sass/information.scss */
.information-wrap .information-title-list .title-list .item-pc {
  width: 139px;
}
/* line 122, ../sass/information.scss */
.information-wrap .information-title-list .title-list .item-pc a {
  width: 141px;
}
/* line 126, ../sass/information.scss */
.information-wrap .information-title-list .title-list .item-faq {
  border-right: 1px solid #dcdcdc;
  width: 148px;
}
/* line 129, ../sass/information.scss */
.information-wrap .information-title-list .title-list .item-faq a {
  width: 150px;
}
/* line 139, ../sass/information.scss */
.information-con-list .con-list .con-item {
  display: none;
}
/* line 142, ../sass/information.scss */
.information-con-list .con-list .con-item .item-list li {
  padding: 25px 0;
  border-bottom: 1px solid #dcdcdc;
}
/* line 145, ../sass/information.scss */
.information-con-list .con-list .con-item .item-list li:hover {
  background-color: #f6f6f1;
}
/* line 148, ../sass/information.scss */
.information-con-list .con-list .con-item .item-list li:hover .item-sec-right h4 a {
  color: #00a9ea;
}
/* line 151, ../sass/information.scss */
.information-con-list .con-list .con-item .item-list li .item-sec-left {
  float: left;
  width: 250px;
  height: 180px;
}
/* line 157, ../sass/information.scss */
.information-con-list .con-list .con-item .item-list li .item-sec-right {
  float: right;
  width: 600px;
}
/* line 160, ../sass/information.scss */
.information-con-list .con-list .con-item .item-list li .item-sec-right h4 {
  margin: 6px 0 15px;
  height: 22px;
  overflow: hidden;
}
/* line 164, ../sass/information.scss */
.information-con-list .con-list .con-item .item-list li .item-sec-right h4 a {
  font-size: 22px;
}
/* line 168, ../sass/information.scss */
.information-con-list .con-list .con-item .item-list li .item-sec-right p {
  color: #888888;
  font-size: 12px;
  line-height: 25px;
}
/* line 172, ../sass/information.scss */
.information-con-list .con-list .con-item .item-list li .item-sec-right p a {
  color: #3697dc;
}
/* line 174, ../sass/information.scss */
.information-con-list .con-list .con-item .item-list li .item-sec-right p a:hover {
  color: #00a9ea;
}
/* line 179, ../sass/information.scss */
.information-con-list .con-list .con-item .item-list li .item-sec-right .right-bottom {
  margin-top: 11px;
  height: 26px;
  line-height: 26px;
}
/* line 183, ../sass/information.scss */
.information-con-list .con-list .con-item .item-list li .item-sec-right .right-bottom .tag {
  float: left;
}
/* line 185, ../sass/information.scss */
.information-con-list .con-list .con-item .item-list li .item-sec-right .right-bottom .tag a {
  color: #3697dc;
  margin-right: 8px;
}
/* line 188, ../sass/information.scss */
.information-con-list .con-list .con-item .item-list li .item-sec-right .right-bottom .tag a:hover {
  color: #00a9ea;
}
/* line 193, ../sass/information.scss */
.information-con-list .con-list .con-item .item-list li .item-sec-right .right-bottom .info {
  float: right;
  color: #888888;
  font-size: 14px;
}
/* line 198, ../sass/information.scss */
.information-con-list .con-list .con-item .item-list li .item-sec-right .right-bottom .info .view-count {
  display: inline-block;
  height: 26px;
  padding: 0 25px 0 35px;
  background: url("article-icon01.png") no-repeat left center;
}
/* line 204, ../sass/information.scss */
.information-con-list .con-list .con-item .item-list li .item-sec-right .right-bottom .info .comment-count {
  display: inline-block;
  height: 26px;
  padding: 0 20px 0 35px;
  background: url("article-icon02.png") no-repeat left center;
}
/* line 219, ../sass/information.scss */
.item-faq .item-list li {
  padding: 20px 0;
}
/* line 221, ../sass/information.scss */
.item-faq .item-list li:hover h4 a {
  color: #00a9ea;
}
/* line 224, ../sass/information.scss */
.item-faq .item-list li .item-sec-title {
  height: 22px;
  line-height: 22px;
  margin-bottom: 15px;
}
/* line 228, ../sass/information.scss */
.item-faq .item-list li .item-sec-title h4 {
  float: left;
}
/* line 231, ../sass/information.scss */
.item-faq .item-list li .item-sec-title h4 a {
  font-size: 22px;
}
/* line 235, ../sass/information.scss */
.item-faq .item-list li .item-sec-title .info {
  float: right;
  color: #888888;
  font-size: 14px;
}
/* line 240, ../sass/information.scss */
.item-faq .item-list li .item-sec-title .info .time {
  display: inline-block;
  height: 22px;
  padding: 0 25px 0 30px;
  background: url("icon-time.png") no-repeat left center;
  background-size: auto 22px;
}
/* line 247, ../sass/information.scss */
.item-faq .item-list li .item-sec-title .info .view-count {
  display: inline-block;
  height: 22px;
  padding: 0 25px 0 35px;
  background: url("article-icon01.png") no-repeat left center;
  background-size: auto 22px;
}
/* line 254, ../sass/information.scss */
.item-faq .item-list li .item-sec-title .info .comment-count {
  display: inline-block;
  height: 22px;
  padding: 0 0 0 30px;
  background: url("article-icon02.png") no-repeat left center;
  background-size: auto 22px;
}
/* line 263, ../sass/information.scss */
.item-faq .item-list li p {
  font-size: 12px;
  color: #888888;
  line-height: 24px;
}

/* line 277, ../sass/information.scss */
.information-list-wrap {
  padding: 20px 0 80px;
}
/* line 280, ../sass/information.scss */
.information-list-wrap .detail-left-wrap {
  padding: 0;
}
/* line 285, ../sass/information.scss */
.information-list-title {
  color: #959595;
  padding-bottom: 15px;
  border-bottom: 1px solid #dcdcdc;
}
/* line 289, ../sass/information.scss */
.information-list-title h1 {
  font-size: 26px;
  float: left;
}
/* line 293, ../sass/information.scss */
.information-list-title .title-right {
  text-align: center;
  float: right;
}
/* line 296, ../sass/information.scss */
.information-list-title .title-right span {
  float: 18px;
  display: inline-block;
  padding-left: 25px;
}
/* line 300, ../sass/information.scss */
.information-list-title .title-right span p {
  font-size: 24px;
  margin-bottom: 15px;
}
/* line 305, ../sass/information.scss */
.information-list-title .title-right .first {
  padding-right: 25px;
  border-right: 1px solid #dcdcdc;
}
/* line 313, ../sass/information.scss */
.information-list-more {
  padding-top: 30px;
}
/* line 315, ../sass/information.scss */
.information-list-more a {
  display: inline-block;
  width: 100%;
  text-align: center;
  height: 30px;
  line-height: 30px;
  background-color: #ebebeb;
}
/* line 326, ../sass/information.scss */
.information-list-wrap .right-bottom {
  margin-top: 11px;
  height: 26px;
  line-height: 26px;
}
/* line 330, ../sass/information.scss */
.information-list-wrap .right-bottom .tag {
  float: left;
}
/* line 332, ../sass/information.scss */
.information-list-wrap .right-bottom .tag a {
  color: #3697dc;
  margin-right: 8px;
}
/* line 335, ../sass/information.scss */
.information-list-wrap .right-bottom .tag a:hover {
  color: #00a9ea;
}
/* line 341, ../sass/information.scss */
.information-list-wrap #info.info {
  float: right;
  color: #888888;
  font-size: 14px;
  line-height: 26px;
}
/* line 346, ../sass/information.scss */
.information-list-wrap #info.info .time {
  display: inline-block;
  height: 26px;
  padding: 0 25px 0 30px;
  background: url("icon-time.png") no-repeat left center;
}
/* line 353, ../sass/information.scss */
.information-list-wrap #info.info .view-count {
  display: inline-block;
  height: 26px;
  padding: 0 25px 0 35px;
  background: url("article-icon01.png") no-repeat left center;
}
/* line 360, ../sass/information.scss */
.information-list-wrap #info.info .comment-count {
  display: inline-block;
  height: 26px;
  padding: 0 0 0 30px;
  background: url("article-icon02.png") no-repeat left center;
}
/* line 371, ../sass/information.scss */
.information-list-wrap #other-case.case-sencil {
  padding-top: 0;
}
/* line 375, ../sass/information.scss */
.information-list-wrap .top-articles {
  padding-top: 30px;
}
/* line 383, ../sass/information.scss */
.information-list-wrap .information-con-list .con-list .con-item {
  display: block;
}

/* line 390, ../sass/information.scss */
.tag #other-case.case-sencil {
  padding-top: 20px;
}

/* line 5, ../sass/information-detail.scss */
.information-detail-wrap .detail-left .detail-left-wrap .article-title {
  padding-top: 15px;
}
/* line 10, ../sass/information-detail.scss */
.information-detail-wrap .detail-con {
  margin-top: 40px;
}
/* line 15, ../sass/information-detail.scss */
.information-detail-wrap #other-case.case-sencil {
  padding-top: 30px;
}
/* line 18, ../sass/information-detail.scss */
.information-detail-wrap .top-articles {
  padding-top: 30px;
}
/* line 22, ../sass/information-detail.scss */
.information-detail-wrap .info-right {
  float: right;
  font-size: 14px;
  color: #3f3f3f;
}
/* line 26, ../sass/information-detail.scss */
.information-detail-wrap .info-right a {
  color: #3697dc;
}
/* line 28, ../sass/information-detail.scss */
.information-detail-wrap .info-right a:hover {
  color: #00a9ea;
}
/* line 32, ../sass/information-detail.scss */
.information-detail-wrap .info-right span {
  margin-left: 20px;
}

/* line 40, ../sass/information-detail.scss */
.article-bottom {
  margin-top: 50px;
}
/* line 43, ../sass/information-detail.scss */
.article-bottom .article-bottom-left {
  float: left;
  font-size: 14px;
  color: #3f3f3f;
  line-height: 28px;
}
/* line 50, ../sass/information-detail.scss */
.article-bottom .article-bottom-left a {
  color: #3697dc;
  margin-right: 5px;
}
/* line 53, ../sass/information-detail.scss */
.article-bottom .article-bottom-left a:hover {
  color: #00a9ea;
}
/* line 63, ../sass/information-detail.scss */
.article-bottom .share-icons {
  float: right;
  font-size: 14px;
  color: #3f3f3f;
}
/* line 67, ../sass/information-detail.scss */
.article-bottom .share-icons .jtico {
  cursor: pointer;
  background: url("share_icons.png") no-repeat center;
  display: block;
  height: 27px;
  opacity: 0.7;
  width: 31px;
}
/* line 74, ../sass/information-detail.scss */
.article-bottom .share-icons .jtico:hover {
  opacity: 1;
}
/* line 78, ../sass/information-detail.scss */
.article-bottom .share-icons .jtico.jtico_tsina {
  background-position: 0 0;
}
/* line 81, ../sass/information-detail.scss */
.article-bottom .share-icons .jtico.jtico_tqq {
  background-position: -35px 0;
}
/* line 84, ../sass/information-detail.scss */
.article-bottom .share-icons .jtico.jtico_qzone {
  background-position: -69px 0;
}
/* line 87, ../sass/information-detail.scss */
.article-bottom .share-icons .jtico.jtico_douban {
  background-position: -104px 0;
}
/* line 90, ../sass/information-detail.scss */
.article-bottom .share-icons .jtico.jtico_renren {
  background-position: -139px 0;
}
/* line 93, ../sass/information-detail.scss */
.article-bottom .share-icons .jtico.jtico_weixin {
  background-position: -174px 0;
}
/* line 96, ../sass/information-detail.scss */
.article-bottom .share-icons .jtico.jtico_jiathis {
  background-position: -208px 0;
}
/* line 101, ../sass/information-detail.scss */
.article-bottom .next-previous {
  margin: 50px 0 30px;
}
/* line 103, ../sass/information-detail.scss */
.article-bottom .next-previous p {
  color: #3f3f3f;
  font-size: 12px;
  font-weight: bold;
  line-height: 22px;
}
/* line 108, ../sass/information-detail.scss */
.article-bottom .next-previous p a {
  font-weight: normal;
}
/* line 111, ../sass/information-detail.scss */
.article-bottom .next-previous p span {
  color: #959595;
  font-weight: normal;
}

/* line 120, ../sass/information-detail.scss */
.caveat {
  margin-top: 25px;
  text-align: center;
  color: #898989;
  font-size: 12px;
  height: 30px;
  line-height: 30px;
  width: 100%;
  background-color: #efecec;
}

/* line 135, ../sass/information-detail.scss */
.faq-detail .detail-left .detail-left-wrap .article-sum {
  font-size: 14px;
  color: #626262;
  padding: 10px 0;
  position: relative;
}
/* line 140, ../sass/information-detail.scss */
.faq-detail .detail-left .detail-left-wrap .article-sum span {
  color: #3f3f3f;
}
/* line 143, ../sass/information-detail.scss */
.faq-detail .detail-left .detail-left-wrap .article-sum p {
  position: relative;
  z-index: 5;
}
/* line 147, ../sass/information-detail.scss */
.faq-detail .detail-left .detail-left-wrap .article-sum .article-sum-bg {
  background-color: #f0eded;
  width: 880px;
  height: 70px;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -440px;
  z-index: 1;
}
/* line 160, ../sass/information-detail.scss */
.faq-detail .detail-left .detail-left-wrap .article-con-text {
  padding-top: 10px;
}
/* line 164, ../sass/information-detail.scss */
.faq-detail .detail-left .detail-left-wrap .article-con-text p {
  margin-top: 30px;
}
/* line 168, ../sass/information-detail.scss */
#other-information.top-information {
  margin-top: 30px;
}

/* line 2, ../sass/develop-type.scss */
.develop-type {
  color: #3f3f3f;
  background-color: #f5f5f5;
}

/* line 8, ../sass/develop-type.scss */
.develop-type-wrap {
  padding-bottom: 60px;
}
/* line 10, ../sass/develop-type.scss */
.develop-type-wrap #related-tell.related-tell {
  margin-top: 120px;
}
/* line 13, ../sass/develop-type.scss */
.develop-type-wrap #platform-related-title.platform-related-title {
  padding: 0;
}
/* line 16, ../sass/develop-type.scss */
.develop-type-wrap .h-block-sys {
  padding: 0 40px;
  position: relative;
  z-index: 3;
}
/* line 22, ../sass/develop-type.scss */
.develop-type-wrap .h-block-sys .sys-con {
  height: 540px;
}
/* line 24, ../sass/develop-type.scss */
.h-block-sys.first .sys-con {
  height: 520px;
}
/* line 28, ../sass/develop-type.scss */
.develop-type-wrap .h-block-sys .sys-con .sys-left {
  width: 560px;
  padding: 125px 0 0 0;
  float: left;
}
/* line 33, ../sass/develop-type.scss */
.develop-type-wrap .h-block-sys .sys-con .sys-left h3 {
  font-size: 28px;
}
/* line 38, ../sass/develop-type.scss */
.develop-type-wrap .h-block-sys .sys-con .sys-left h3 span {
  display: block;
  font-size: 12px;
  margin-top: 8px;
}
/* line 44, ../sass/develop-type.scss */
.develop-type-wrap .h-block-sys .sys-con .sys-left .line {
  width: 50px;
  height: 28px;
  border-bottom: 2px solid #00a9ea;
}
/* line 49, ../sass/develop-type.scss */
.develop-type-wrap .h-block-sys .sys-con .sys-left p {
  font-size: 14px;
  color: #888888;
  line-height: 25px;
  padding-top: 24px;
  clear: both;
}
/* line 56, ../sass/develop-type.scss */
.develop-type-wrap .h-block-sys .sys-con .sys-left b {
  font-size: 14px;
  margin-top: 15px;
  display: block;
}
/* line 60, ../sass/develop-type.scss */
.develop-type-wrap .h-block-sys .sys-con .sys-left b span {
  color: #00a9ea;
}
/* line 64, ../sass/develop-type.scss */
.develop-type-wrap .h-block-sys .sys-con .sys-left .more {
  margin-top: 20px;
  display: inline-block;
  height: 30px;
  width: 100px;
  line-height: 30px;
  color: #333333;
  background-color: #00a9ea;
  text-align: center;
}
/* line 75, ../sass/develop-type.scss */
.h-block-sys.first .sys-con .sys-left {
  padding-top: 105px;
}
/* line 79, ../sass/develop-type.scss */
.develop-type-wrap .h-block-sys .sys-con .sys-right {
  padding: 65px 0 0 0;
  width: 560px;
  float: right;
  text-align: right;
}
/* line 84, ../sass/develop-type.scss */
.first .type-img {
  margin-right: 30px;
}
/* line 88, ../sass/develop-type.scss */
.h-block-sys.first .sys-con .sys-right {
  padding: 50px 0 0 0;
}
/* line 103, ../sass/develop-type.scss */
.develop-type-wrap .h-block-sys .sys-con .sys-left02 {
  width: 560px;
  padding: 125px 0 0 0;
  float: right;
  text-align: right;
}
/* line 108, ../sass/develop-type.scss */
.develop-type-wrap .h-block-sys .sys-con .sys-left02 h3 {
  font-size: 28px;
}
/* line 111, ../sass/develop-type.scss */
.develop-type-wrap .h-block-sys .sys-con .sys-left02 h3 span {
  display: block;
  font-size: 12px;
  margin-top: 8px;
}
/* line 117, ../sass/develop-type.scss */
.develop-type-wrap .h-block-sys .sys-con .sys-left02 .line {
  width: 50px;
  height: 28px;
  border-bottom: 2px solid #00a9ea;
  float: right;
}
/* line 123, ../sass/develop-type.scss */
.develop-type-wrap .h-block-sys .sys-con .sys-left02 p {
  font-size: 14px;
  color: #888888;
  line-height: 25px;
  padding-top: 24px;
  clear: both;
}
/* line 131, ../sass/develop-type.scss */
.develop-type-wrap .h-block-sys .sys-con .sys-left02 b {
  font-size: 14px;
  margin-top: 15px;
  display: block;
}
/* line 135, ../sass/develop-type.scss */
.develop-type-wrap .h-block-sys .sys-con .sys-left02 b span {
  color: #00a9ea;
}
/* line 139, ../sass/develop-type.scss */
.develop-type-wrap .h-block-sys .sys-con .sys-left02 .more {
  margin-top: 20px;
  display: inline-block;
  height: 30px;
  width: 100px;
  line-height: 30px;
  color: #333333;
  background-color: #00a9ea;
  text-align: center;
}
/* line 152, ../sass/develop-type.scss */
.develop-type-wrap .h-block-sys .sys-con .sys-right02 {
  padding: 65px 0 0 0;
  width: 560px;
  float: left;
  text-align: left;
  overflow: hidden;
}
/* line 159, ../sass/develop-type.scss */
.h-block-sys.sec .sys-con .sys-right02 {
  padding: 40px 0 0 0;
}
/* line 163, ../sass/develop-type.scss */
.develop-type-wrap .h-block-sys .sys-bg {
  background: #333333;
  width: 1920px;
  height: 540px;
  overflow: hidden;
  float: left;
  position: absolute;
  left: -379px;
  top: 0;
  z-index: -1;
}

/* line 3, ../sass/e-supplier.scss */
.e-supplier-wrap {
  padding-bottom: 75px;
}
/* line 5, ../sass/e-supplier.scss */
.e-supplier-wrap .e-supplier-title {
  margin-top: 50px;
  text-align: center;
  padding-bottom: 12px;
}
/* line 9, ../sass/e-supplier.scss */
.e-supplier-wrap .e-supplier-title h1 {
  color: #3f3f3f;
  font-size: 32px;
  font-weight: bold;
}
/* line 14, ../sass/e-supplier.scss */
.e-supplier-wrap .e-supplier-title p {
  color: #888888;
  font-size: 14px;
  margin-top: 10px;
}
/* line 19, ../sass/e-supplier.scss */
.e-supplier-wrap .e-supplier-title .title-line {
  width: 30px;
  margin: 20px auto 0;
  border-top: 4px solid #00a9ea;
}
/* line 26, ../sass/e-supplier.scss */
.e-supplier-wrap .e-supplier-content {
  margin: 0 auto;
  width: 950px;
}
/* line 31, ../sass/e-supplier.scss */
.e-supplier-wrap .e-supplier-content .e-supplie-list ul {
  background: url("e-supplier-bg.png") no-repeat center 40px;
}
/* line 33, ../sass/e-supplier.scss */
.e-supplier-wrap .e-supplier-content .e-supplie-list ul li {
  width: 475px;
}
/* line 35, ../sass/e-supplier.scss */
.e-supplier-wrap .e-supplier-content .e-supplie-list ul li .con-line {
  width: 30px;
  padding-bottom: 10px;
  border-top: 2px solid #00a9ea;
}
/* line 40, ../sass/e-supplier.scss */
.e-supplier-wrap .e-supplier-content .e-supplie-list ul li h3 {
  margin-bottom: 12px;
}
/* line 42, ../sass/e-supplier.scss */
.e-supplier-wrap .e-supplier-content .e-supplie-list ul li h3 a {
  font-size: 18px;
}
/* line 46, ../sass/e-supplier.scss */
.e-supplier-wrap .e-supplier-content .e-supplie-list ul li p {
  font-size: 14px;
  color: #888888;
  line-height: 20px;
  width: 305px;
}
/* line 53, ../sass/e-supplier.scss */
.e-supplier-wrap .e-supplier-content .e-supplie-list ul .left {
  float: left;
}
/* line 56, ../sass/e-supplier.scss */
.e-supplier-wrap .e-supplier-content .e-supplie-list ul .right {
  float: right;
}
/* line 59, ../sass/e-supplier.scss */
.e-supplier-wrap .e-supplier-content .e-supplie-list ul .right .con-line {
  float: right;
}
/* line 62, ../sass/e-supplier.scss */
.e-supplier-wrap .e-supplier-content .e-supplie-list ul .right h3 {
  clear: both;
  text-align: right;
}
/* line 66, ../sass/e-supplier.scss */
.e-supplier-wrap .e-supplier-content .e-supplie-list ul .right p {
  float: right;
}
/* line 70, ../sass/e-supplier.scss */
.e-supplier-wrap .e-supplier-content .e-supplie-list ul .bottom {
  margin-top: 270px;
}

/* line 81, ../sass/e-supplier.scss */
.enterprise-app-main {
  background-color: #f5f5f5;
}

/* line 85, ../sass/e-supplier.scss */
.enterprise-app-wrap {
  padding-bottom: 60px;
}
/* line 89, ../sass/e-supplier.scss */
.enterprise-app-wrap .enterprise-title {
  margin-top: 50px;
  text-align: center;
  padding-bottom: 35px;
}
/* line 93, ../sass/e-supplier.scss */
.enterprise-app-wrap .enterprise-title h2 {
  color: #3f3f3f;
  font-size: 30px;
  font-weight: bold;
}
/* line 98, ../sass/e-supplier.scss */
.enterprise-app-wrap .enterprise-title p {
  color: #888888;
  font-size: 14px;
  margin-top: 10px;
}
/* line 103, ../sass/e-supplier.scss */
.enterprise-app-wrap .enterprise-title .title-line {
  width: 30px;
  margin: 20px auto 0;
  border-top: 4px solid #00a9ea;
}
/* line 112, ../sass/e-supplier.scss */
.enterprise-app-wrap .h-block-sys .sys-con {
  height: 470px;
}
/* line 114, ../sass/e-supplier.scss */
.enterprise-app-wrap .h-block-sys .sys-con .sys-left02 {
  width: 500px;
  padding: 100px 0 0 0;
  float: left;
}
/* line 119, ../sass/e-supplier.scss */
.enterprise-app-wrap .h-block-sys .sys-con .sys-left02 h4 {
  color: #3f3f3f;
  font-size: 18px;
  margin-bottom: 15px;
}
/* line 124, ../sass/e-supplier.scss */
.enterprise-app-wrap .h-block-sys .sys-con .sys-left02 p {
  font-size: 12px;
  color: #888888;
  line-height: 18px;
  margin-bottom: 15px;
}
/* line 133, ../sass/e-supplier.scss */
.enterprise-app-wrap .h-block-sys .sys-con .sys-right02 {
  width: 620px;
  float: left;
  text-align: left;
  overflow: hidden;
}
/* line 138, ../sass/e-supplier.scss */
.enterprise-app-wrap .h-block-sys .sys-con .sys-right02 img {
  margin-left: 55px;
}
/* line 147, ../sass/e-supplier.scss */
.enterprise-app-wrap .enterprise-content {
  height: 770px;
  position: relative;
  z-index: 3;
}
/* line 151, ../sass/e-supplier.scss */
.enterprise-app-wrap .enterprise-content .enterprise-title {
  text-align: center;
  padding: 80px 0 140px;
}
/* line 154, ../sass/e-supplier.scss */
.enterprise-app-wrap .enterprise-content .enterprise-title h2 {
  color: #3f3f3f;
  font-size: 30px;
  font-weight: bold;
}
/* line 158, ../sass/e-supplier.scss */
.enterprise-app-wrap .enterprise-content .enterprise-title h2 span {
  color: #00a9ea;
}
/* line 162, ../sass/e-supplier.scss */
.enterprise-app-wrap .enterprise-content .enterprise-title p {
  color: #888888;
  font-size: 14px;
  margin-top: 10px;
}
/* line 167, ../sass/e-supplier.scss */
.enterprise-app-wrap .enterprise-content .enterprise-title .title-line {
  width: 30px;
  margin: 20px auto 0;
  border-top: 4px solid #00a9ea;
}
/* line 173, ../sass/e-supplier.scss */
.enterprise-app-wrap .enterprise-content .enterprise-list {
  padding: 0 10px;
}
/* line 175, ../sass/e-supplier.scss */
.enterprise-app-wrap .enterprise-content .enterprise-list ul {
  background: url("enterprise-bg.png") no-repeat center 80px;
}
/* line 178, ../sass/e-supplier.scss */
.enterprise-app-wrap .enterprise-content .enterprise-list ul .enterprise-item {
  width: 456px;
  height: 120px;
}
/* line 182, ../sass/e-supplier.scss */
.enterprise-app-wrap .enterprise-content .enterprise-list ul .enterprise-item .enterprise-item-wrap h3 {
  font-size: 18px;
  margin-bottom: 15px;
  color: #3f3f3f;
}
/* line 187, ../sass/e-supplier.scss */
.enterprise-app-wrap .enterprise-content .enterprise-list ul .enterprise-item .enterprise-item-wrap p {
  font-size: 12px;
  color: #888888;
  line-height: 20px;
}
/* line 192, ../sass/e-supplier.scss */
.enterprise-app-wrap .enterprise-content .enterprise-list ul .enterprise-item .enterprise-item-wrap span {
  font-size: 12px;
  color: #888888;
  display: block;
  padding-top: 25px;
}
/* line 202, ../sass/e-supplier.scss */
.enterprise-app-wrap .enterprise-content .enterprise-list ul .left-top {
  float: left;
  text-align: right;
  height: 187px;
  background: url("enterprise-icon01.png") no-repeat right 15px;
}
/* line 207, ../sass/e-supplier.scss */
.enterprise-app-wrap .enterprise-content .enterprise-list ul .left-top:hover {
  background: url("enterprise-icon01-h.png") no-repeat right 15px;
}
/* line 210, ../sass/e-supplier.scss */
.enterprise-app-wrap .enterprise-content .enterprise-list ul .left-top .enterprise-item-wrap {
  padding-right: 100px;
}
/* line 214, ../sass/e-supplier.scss */
.enterprise-app-wrap .enterprise-content .enterprise-list ul .right-top {
  float: right;
  height: 187px;
  text-align: left;
  background: url("enterprise-icon02.png") no-repeat left 15px;
}
/* line 219, ../sass/e-supplier.scss */
.enterprise-app-wrap .enterprise-content .enterprise-list ul .right-top:hover {
  background: url("enterprise-icon02-h.png") no-repeat left 15px;
}
/* line 222, ../sass/e-supplier.scss */
.enterprise-app-wrap .enterprise-content .enterprise-list ul .right-top .enterprise-item-wrap {
  padding-left: 100px;
}
/* line 227, ../sass/e-supplier.scss */
.enterprise-app-wrap .enterprise-content .enterprise-list ul .left-bottom {
  float: left;
  margin-top: 120px;
  text-align: right;
  background: url("enterprise-icon03.png") no-repeat right 15px;
}
/* line 232, ../sass/e-supplier.scss */
.enterprise-app-wrap .enterprise-content .enterprise-list ul .left-bottom:hover {
  background: url("enterprise-icon03-h.png") no-repeat right 15px;
}
/* line 235, ../sass/e-supplier.scss */
.enterprise-app-wrap .enterprise-content .enterprise-list ul .left-bottom .enterprise-item-wrap {
  padding-right: 100px;
}
/* line 239, ../sass/e-supplier.scss */
.enterprise-app-wrap .enterprise-content .enterprise-list ul .right-bottom {
  float: right;
  margin-top: 120px;
  text-align: left;
  background: url("enterprise-icon04.png") no-repeat left 15px;
}
/* line 244, ../sass/e-supplier.scss */
.enterprise-app-wrap .enterprise-content .enterprise-list ul .right-bottom:hover {
  background: url("enterprise-icon04-h.png") no-repeat left 15px;
}
/* line 247, ../sass/e-supplier.scss */
.enterprise-app-wrap .enterprise-content .enterprise-list ul .right-bottom .enterprise-item-wrap {
  padding-left: 100px;
}
/* line 254, ../sass/e-supplier.scss */
.enterprise-app-wrap .enterprise-content .enterprise-content-bg {
  background: #333333;
  width: 1920px;
  height: 100%;
  overflow: hidden;
  position: absolute;
  left: 50%;
  top: 0;
  margin-left: -960px;
  z-index: -1;
}

/* line 272, ../sass/e-supplier.scss */
.socially-app-wrap .socially-title {
  padding-top: 50px;
  text-align: center;
  padding-bottom: 30px;
}
/* line 276, ../sass/e-supplier.scss */
.socially-app-wrap .socially-title h1 {
  color: #3f3f3f;
  font-size: 32px;
  font-weight: bold;
}
/* line 281, ../sass/e-supplier.scss */
.socially-app-wrap .socially-title h2 {
  color: #3f3f3f;
  font-size: 32px;
  font-weight: bold;
}
/* line 286, ../sass/e-supplier.scss */
.socially-app-wrap .socially-title p {
  color: #888888;
  font-size: 14px;
  margin-top: 10px;
}
/* line 291, ../sass/e-supplier.scss */
.socially-app-wrap .socially-title span {
  color: #888888;
  display: block;
  text-align: center;
  font-size: 18px;
  margin-top: 15px;
}
/* line 299, ../sass/e-supplier.scss */
.socially-app-wrap .socially-con {
  color: #3f3f3f;
}
/* line 301, ../sass/e-supplier.scss */
.socially-app-wrap .socially-con .socially-more-wrap {
  width: 1180px;
  margin: 0 auto;
  overflow: hidden;
  padding-bottom: 70px;
}
/* line 306, ../sass/e-supplier.scss */
.socially-app-wrap .socially-con .socially-more-wrap .socially-more-list {
  width: 1200px;
}
/* line 309, ../sass/e-supplier.scss */
.socially-app-wrap .socially-con .socially-more-wrap .socially-more-list li {
  width: 580px;
  height: 240px;
  margin: 0 20px 20px 0;
  float: left;
}
/* line 314, ../sass/e-supplier.scss */
.socially-app-wrap .socially-con .socially-more-wrap .socially-more-list li .socially-more-item-wrap {
  border: 1px solid #d7d7d7;
}
/* line 316, ../sass/e-supplier.scss */
.socially-app-wrap .socially-con .socially-more-wrap .socially-more-list li .socially-more-item-wrap .more-left {
  text-align: right;
  float: left;
  width: 325px;
}
/* line 320, ../sass/e-supplier.scss */
.socially-app-wrap .socially-con .socially-more-wrap .socially-more-list li .socially-more-item-wrap .more-left h3 {
  font-size: 20px;
  margin-top: 20px;
}
/* line 323, ../sass/e-supplier.scss */
.socially-app-wrap .socially-con .socially-more-wrap .socially-more-list li .socially-more-item-wrap .more-left h3 span {
  display: block;
  color: #888888;
  margin-top: 8px;
  font-size: 12px;
}
/* line 330, ../sass/e-supplier.scss */
.socially-app-wrap .socially-con .socially-more-wrap .socially-more-list li .socially-more-item-wrap .more-left p {
  color: #888888;
  font-size: 12px;
  padding-left: 20px;
  line-height: 20px;
  margin-top: 15px;
  height: 115px;
}
/* line 338, ../sass/e-supplier.scss */
.socially-app-wrap .socially-con .socially-more-wrap .socially-more-list li .socially-more-item-wrap .more-left b {
  display: block;
  font-size: 14px;
  line-height: 20px;
}
/* line 342, ../sass/e-supplier.scss */
.socially-app-wrap .socially-con .socially-more-wrap .socially-more-list li .socially-more-item-wrap .more-left b span {
  color: #00a9ea;
}
/* line 347, ../sass/e-supplier.scss */
.socially-app-wrap .socially-con .socially-more-wrap .socially-more-list li .socially-more-item-wrap .more-right {
  float: right;
  width: 238px;
  height: 238px;
  border-left: 1px solid #d7d7d7;
  overflow: hidden;
}
/* line 353, ../sass/e-supplier.scss */
.socially-app-wrap .socially-con .socially-more-wrap .socially-more-list li .socially-more-item-wrap .more-right img {
  width: 100%;
}
/* line 363, ../sass/e-supplier.scss */
.socially-app-wrap .socially-con .socially-features {
  position: relative;
  z-index: 3;
}
/* line 366, ../sass/e-supplier.scss */
.socially-app-wrap .socially-con .socially-features .socially-title {
  padding-bottom: 40px;
}
/* line 369, ../sass/e-supplier.scss */
.socially-app-wrap .socially-con .socially-features ul {
  padding-bottom: 40px;
}
/* line 371, ../sass/e-supplier.scss */
.socially-app-wrap .socially-con .socially-features ul li {
  float: left;
  width: 400px;
  height: 190px;
  text-align: center;
  margin-bottom: 40px;
}
/* line 377, ../sass/e-supplier.scss */
.socially-app-wrap .socially-con .socially-features ul li .top-img {
  width: 80px;
  margin: 0 auto;
}
/* line 381, ../sass/e-supplier.scss */
.socially-app-wrap .socially-con .socially-features ul li h3 {
  margin: 20px 0 15px;
  font-size: 20px;
  font-weight: bold;
}
/* line 386, ../sass/e-supplier.scss */
.socially-app-wrap .socially-con .socially-features ul li p {
  line-height: 18px;
  font-size: 12px;
  color: #888888;
  width: 280px;
  margin: 0 auto;
}
/* line 395, ../sass/e-supplier.scss */
.socially-app-wrap .socially-con .socially-features .socially-features-bg {
  background: #f5f5f5;
  width: 1920px;
  height: 100%;
  overflow: hidden;
  position: absolute;
  left: 50%;
  top: 0;
  margin-left: -960px;
  z-index: -1;
}
/* line 408, ../sass/e-supplier.scss */
.socially-app-wrap .socially-con .technology {
  height: 920px;
  position: relative;
  z-index: 3;
}
/* line 412, ../sass/e-supplier.scss */
.socially-app-wrap .socially-con .technology .socially-title {
  padding-top: 75px;
}
/* line 416, ../sass/e-supplier.scss */
.socially-app-wrap .socially-con .technology .technology-item .technology-top {
  width: 540px;
  text-align: right;
  margin-top: 115px;
  margin-left: 65px;
}
/* line 421, ../sass/e-supplier.scss */
.socially-app-wrap .socially-con .technology .technology-item .technology-top h3 {
  font-size: 18px;
  margin-bottom: 15px;
}
/* line 425, ../sass/e-supplier.scss */
.socially-app-wrap .socially-con .technology .technology-item .technology-top p {
  font-size: 12px;
  color: #888888;
  line-height: 25px;
}
/* line 431, ../sass/e-supplier.scss */
.socially-app-wrap .socially-con .technology .technology-item .technology-bottom {
  width: 540px;
  margin-top: 238px;
  margin-left: 542px;
}
/* line 436, ../sass/e-supplier.scss */
.socially-app-wrap .socially-con .technology .technology-item .technology-bottom h3 {
  font-size: 18px;
  margin-bottom: 15px;
}
/* line 440, ../sass/e-supplier.scss */
.socially-app-wrap .socially-con .technology .technology-item .technology-bottom p {
  font-size: 12px;
  color: #888888;
  line-height: 25px;
}
/* line 448, ../sass/e-supplier.scss */
.socially-app-wrap .socially-con .technology .technology-bg {
  background: url("technology-bg01.jpg") no-repeat center;
  width: 1920px;
  height: 100%;
  overflow: hidden;
  position: absolute;
  left: 50%;
  top: 0;
  margin-left: -960px;
  z-index: -1;
}
/* line 465, ../sass/e-supplier.scss */
.socially-app-wrap #related-tell.related-tell {
  padding: 60px 0 80px;
  margin-top: 0;
  position: relative;
  z-index: 3;
}
/* line 470, ../sass/e-supplier.scss */
.socially-app-wrap #related-tell.related-tell .related-tell-bg {
  background: #f5f5f5;
  width: 1920px;
  height: 100%;
  overflow: hidden;
  position: absolute;
  left: 50%;
  top: 0;
  margin-left: -960px;
  z-index: -1;
}

/* line 486, ../sass/e-supplier.scss */
.capacity.enterprise-app-wrap .capactity-block01 {
  position: relative;
  z-index: 1;
}
/* line 490, ../sass/e-supplier.scss */
.capacity.enterprise-app-wrap .capactity-block01 .enterprise-title .p1 {
  font-size: 18px;
  padding-top: 20px;
}
/* line 497, ../sass/e-supplier.scss */
.capacity.enterprise-app-wrap .capactity-block01 .h-block-sys .sys-con .sys-right02 {
  padding-top: 79px;
}
/* line 500, ../sass/e-supplier.scss */
.capacity.enterprise-app-wrap .capactity-block01 .h-block-sys .sys-con .sys-left02 {
  padding-top: 79px;
}
/* line 507, ../sass/e-supplier.scss */
.capacity.enterprise-app-wrap .capactity-block01 .block01-bg {
  background: #333333;
  width: 1920px;
  height: 687px;
  overflow: hidden;
  float: left;
  position: absolute;
  left: -369px;
  top: -80px;
  z-index: -1;
}
/* line 520, ../sass/e-supplier.scss */
.capacity.enterprise-app-wrap .capactity-block02 {
  width: 100%;
  height: 880px;
}
/* line 523, ../sass/e-supplier.scss */
.capacity.enterprise-app-wrap .capactity-block02 .cap-content {
  width: 1042px;
  margin: 0 auto;
  overflow: hidden;
}
/* line 527, ../sass/e-supplier.scss */
.capacity.enterprise-app-wrap .capactity-block02 .cap-content ul {
  width: 1142px;
}
/* line 529, ../sass/e-supplier.scss */
.capacity.enterprise-app-wrap .capactity-block02 .cap-content ul li {
  width: 280px;
  height: 335px;
  float: left;
  margin-bottom: 31px;
  margin-right: 100px;
}
/* line 535, ../sass/e-supplier.scss */
.capacity.enterprise-app-wrap .capactity-block02 .cap-content ul li .img {
  width: 100%;
  height: 238px;
}
/* line 538, ../sass/e-supplier.scss */
.capacity.enterprise-app-wrap .capactity-block02 .cap-content ul li .img img {
  border: 1px solid #ccc;
}
/* line 542, ../sass/e-supplier.scss */
.capacity.enterprise-app-wrap .capactity-block02 .cap-content ul li .word {
  height: 95px;
}
/* line 544, ../sass/e-supplier.scss */
.capacity.enterprise-app-wrap .capactity-block02 .cap-content ul li .word .title {
  height: 45px;
  font-size: 20px;
  line-height: 45px;
  text-align: center;
}
/* line 550, ../sass/e-supplier.scss */
.capacity.enterprise-app-wrap .capactity-block02 .cap-content ul li .word p {
  width: 252px;
  margin: 0 auto;
  font-size: 12px;
  line-height: 22px;
  color: #888;
}
/* line 562, ../sass/e-supplier.scss */
.capacity.enterprise-app-wrap .capactity-block03 {
  width: 100%;
  height: 920px;
  position: relative;
  z-index: 3;
}
/* line 567, ../sass/e-supplier.scss */
.capacity.enterprise-app-wrap .capactity-block03 .enterprise-title {
  margin-top: 0;
  padding-top: 50px;
}
/* line 570, ../sass/e-supplier.scss */
.capacity.enterprise-app-wrap .capactity-block03 .enterprise-title span {
  color: #00a9ea;
  padding-left: 5px;
}
/* line 575, ../sass/e-supplier.scss */
.capacity.enterprise-app-wrap .capactity-block03 .line {
  border-bottom: 1px solid #d2d2d2;
}
/* line 579, ../sass/e-supplier.scss */
.capacity.enterprise-app-wrap .capactity-block03 .cap-rwo {
  width: 1042px;
  margin: 0 auto;
  overflow: hidden;
  padding: 35px 0;
}
/* line 584, ../sass/e-supplier.scss */
.capacity.enterprise-app-wrap .capactity-block03 .cap-rwo ul {
  width: 1142px;
}
/* line 586, ../sass/e-supplier.scss */
.capacity.enterprise-app-wrap .capactity-block03 .cap-rwo ul li {
  width: 280px;
  height: 228px;
  float: left;
  margin-bottom: 31px;
  margin-right: 100px;
}
/* line 592, ../sass/e-supplier.scss */
.capacity.enterprise-app-wrap .capactity-block03 .cap-rwo ul li .img {
  width: 100%;
  height: 118px;
  text-align: center;
}
/* line 597, ../sass/e-supplier.scss */
.capacity.enterprise-app-wrap .capactity-block03 .cap-rwo ul li .word {
  height: 110px;
}
/* line 599, ../sass/e-supplier.scss */
.capacity.enterprise-app-wrap .capactity-block03 .cap-rwo ul li .word .title {
  height: 45px;
  font-size: 20px;
  line-height: 45px;
  text-align: center;
  font-weight: bold;
}
/* line 606, ../sass/e-supplier.scss */
.capacity.enterprise-app-wrap .capactity-block03 .cap-rwo ul li .word p {
  width: 100%;
  font-size: 12px;
  line-height: 22px;
  color: #888;
}
/* line 617, ../sass/e-supplier.scss */
.capacity.enterprise-app-wrap .capactity-block03 .block03-bg {
  background: #333333;
  width: 1920px;
  height: 920px;
  overflow: hidden;
  float: left;
  position: absolute;
  left: -369px;
  top: 0;
  z-index: -1;
}

/* line 1, ../sass/b2c.scss */
#main {
  position: relative;
}
/* line 4, ../sass/b2c.scss */
#main .b2b-button {
  width: 124px;
  min-height: 200px;
  position: fixed;
  top: 20px;
  left: 10px;
  z-index: 999;
  display: none;
}
/* line 12, ../sass/b2c.scss */
#main .b2b-button .line {
  width: 124px;
  min-height: 255px;
  border-left: 1px dotted  #a3a3a3;
  position: relative;
  z-index: -1;
  top: -230px;
  left: -1px;
  filter: alpha(opacity=30);
  -moz-opacity: 0.3;
  opacity: 0.3;
}
/* line 24, ../sass/b2c.scss */
#main .b2b-button .line.l2 {
  min-height: 180px;
  top: -170px;
}
/* line 29, ../sass/b2c.scss */
#main .b2b-button a {
  display: block;
  width: 100px;
  height: 35px;
  margin-top: 26px;
  margin-left: 24px;
  line-height: 35px;
  text-align: center;
  color: #fff;
  position: relative;
  filter: alpha(opacity=30);
  -moz-opacity: 0.3;
  opacity: 0.3;
}
/* line 43, ../sass/b2c.scss */
#main .b2b-button a i {
  width: 32px;
  height: 15px;
  position: absolute;
  top: 10px;
  left: -32px;
}
/* line 51, ../sass/b2c.scss */

/* line 102, ../sass/b2c.scss */
#main .b2cmobile-block01.o2omobile-blockl01 {
  height: 935px;
}
/* line 104, ../sass/b2c.scss */
#main .b2cmobile-block01.o2omobile-blockl01 .title-top.o2otitle {
  margin-bottom: 20px;
}
/* line 106, ../sass/b2c.scss */
#main .b2cmobile-block01.o2omobile-blockl01 .title-top.o2otitle .title-con {
  margin-top: 80px;
}
/* line 112, ../sass/b2c.scss */
#main .b2cmobile-block01.o2omobile-blockl01 .o2o_model {
  width: 1100px;
  height: 390px;
  margin: 0 auto;
}
/* line 116, ../sass/b2c.scss */
#main .b2cmobile-block01.o2omobile-blockl01 .o2o_model li {
  width: 338px;
  height: 388px;
  border: 1px solid #e5e5e5;
  float: left;
  margin-right: 40px;
}
/* line 122, ../sass/b2c.scss */
#main .b2cmobile-block01.o2omobile-blockl01 .o2o_model li .img {
  width: 338px;
  height: 236px;
  border-bottom: 1px solid #e5e5e5;
}
/* line 127, ../sass/b2c.scss */
#main .b2cmobile-block01.o2omobile-blockl01 .o2o_model li .word {
  width: 300px;
  height: 124px;
  margin: 0 auto;
  padding-top: 11px;
}
/* line 132, ../sass/b2c.scss */
#main .b2cmobile-block01.o2omobile-blockl01 .o2o_model li .word h3 {
  height: 30px;
  line-height: 30px;
  font-size: 20px;
}
/* line 137, ../sass/b2c.scss */
#main .b2cmobile-block01.o2omobile-blockl01 .o2o_model li .word .p1 {
  height: 20px;
  line-height: 20px;
  font-size: 12px;
  color: #999;
}
/* line 143, ../sass/b2c.scss */
#main .b2cmobile-block01.o2omobile-blockl01 .o2o_model li .word .p2 {
  height: 40px;
  line-height: 20px;
  font-size: 12px;
  color: #999;
  padding-top: 13px;
}
/* line 150, ../sass/b2c.scss */
#main .b2cmobile-block01.o2omobile-blockl01 .o2o_model li .word .ow_case {
  height: 22px;
  line-height: 22px;
}
/* line 153, ../sass/b2c.scss */
#main .b2cmobile-block01.o2omobile-blockl01 .o2o_model li .word .ow_case span {
  color: #00a9ea;
}
/* line 159, ../sass/b2c.scss */
#main .b2cmobile-block01.o2omobile-blockl01 .o2o_model li.last {
  margin-right: 0px;
}
/* line 164, ../sass/b2c.scss */
#main .b2cmobile-block01.o2omobile-blockl01 .block01-bg {
  height: 1016px;
}
/* line 169, ../sass/b2c.scss */
#main .b2cmobile-block02 {
  padding-top: 50px;
}
/* line 171, ../sass/b2c.scss */
#main .b2cmobile-block02 .blcok02title {
  text-align: center;
  font-size: 22px;
  height: 38px;
  line-height: 38px;
  color: #999;
  background: url(b2c-icon-bg3.png) left center no-repeat;
}
/* line 178, ../sass/b2c.scss */
#main .b2cmobile-block02 .blcok02title span {
  color: #00a9ea;
}
/* line 182, ../sass/b2c.scss */
#main .b2cmobile-block02 .b2b2c {
  font-size: 20px;
}
/* line 185, ../sass/b2c.scss */
#main .b2cmobile-block02 .block02-content {
  width: 1200px;
  height: 800px;
  margin-top: 32px;
  position: relative;
}
/* line 190, ../sass/b2c.scss */
#main .b2cmobile-block02 .block02-content .block02-img {
  width: 371px;
  height: 779px;
  position: absolute;
  top: 0;
  left: 430px;
  background: url("b2c-fn-bg.png") no-repeat;
}
/* line 197, ../sass/b2c.scss */
#main .b2cmobile-block02 .block02-content .block02-img img {
  padding-top: 70px;
  padding-left: 2px;
  display: none;
}
/* line 202, ../sass/b2c.scss */
#main .b2cmobile-block02 .block02-content .block02-img .fadein {
  display: block;
}
/* line 206, ../sass/b2c.scss */
#main .b2cmobile-block02 .block02-content ul {
  padding-top: 45px;
}
/* line 209, ../sass/b2c.scss */
#main .b2cmobile-block02 .block02-content li {
  height: 145px;
  width: 50%;
  float: left;
}
/* line 213, ../sass/b2c.scss */
#main .b2cmobile-block02 .block02-content li .libox {
  width: 345px;
  position: relative;
  background: url("b2c-icon-bg2.png") right top no-repeat;
  cursor: pointer;
}
/* line 218, ../sass/b2c.scss */
#main .b2cmobile-block02 .block02-content li .libox .icon {
  width: 42px;
  height: 42px;
  position: absolute;
  top: 9px;
  right: 9px;
}
/* line 225, ../sass/b2c.scss */
#main .b2cmobile-block02 .block02-content li .libox .title {
  width: 265px;
  text-align: right;
  font-size: 18px;
  line-height: 28px;
}
/* line 231, ../sass/b2c.scss */
#main .b2cmobile-block02 .block02-content li .libox .describe {
  width: 265px;
  text-align: right;
  font-size: 12px;
  color: #777;
  line-height: 20px;
  padding-top: 5px;
}
/* line 240, ../sass/b2c.scss */
#main .b2cmobile-block02 .block02-content li .libox:hover, #main .b2cmobile-block02 .block02-content li .active {
  background: url("b2c-icon-bg1.png") right top no-repeat;
}
/* line 242, ../sass/b2c.scss */
#main .b2cmobile-block02 .block02-content li .libox:hover .title, #main .b2cmobile-block02 .block02-content li .active .title {
  color: #00a9ea;
}
/* line 246, ../sass/b2c.scss */
#main .b2cmobile-block02 .block02-content li .libox.right {
  float: right;
  background-position: left top;
}
/* line 249, ../sass/b2c.scss */
#main .b2cmobile-block02 .block02-content li .libox.right .icon {
  width: 42px;
  height: 42px;
  position: absolute;
  top: 9px;
  left: 9px;
}
/* line 256, ../sass/b2c.scss */
#main .b2cmobile-block02 .block02-content li .libox.right .title {
  float: right;
  text-align: left;
  font-size: 18px;
}
/* line 261, ../sass/b2c.scss */
#main .b2cmobile-block02 .block02-content li .libox.right .describe {
  float: right;
  text-align: left;
  font-size: 12px;
  color: #777;
}
/* line 275, ../sass/b2c.scss */
#main .b2cmobile-block02 .block02-content.b2b-block02 li {
  margin-top: 75px;
  float: right;
}
/* line 280, ../sass/b2c.scss */
#main .b2cmobile-block02 .block02-content.b2b-block02 li.first {
  float: left !important;
  margin-top: 115px;
}
/* line 285, ../sass/b2c.scss */
#main .b2cmobile-block02 .block02-content.b2b-block02 li.left {
  float: left;
}
/* line 291, ../sass/b2c.scss */
#main .b2cmobile-block02 .block02-content.block02-b2b2c li {
  margin-top: 75px;
}
/* line 297, ../sass/b2c.scss */
#main .b2cmobile-block02 .block02-content02 {
  padding: 60px 0;
}
/* line 299, ../sass/b2c.scss */
#main .b2cmobile-block02 .block02-content02 .shop-slide {
  display: none;
}
/* line 301, ../sass/b2c.scss */
#main .b2cmobile-block02 .block02-content02 .shop-slide .slidesjs-navigation {
  width: 32px;
  height: 32px;
  margin-top: 28px;
}
/* line 308, ../sass/b2c.scss */
#main .b2cmobile-block02 .block02-content02 .shop-slide .slidesjs-previous {
  float: left;
  margin-left: 560px;
  background: #ccc url(case-prev.png) center center no-repeat;
}
/* line 312, ../sass/b2c.scss */
#main .b2cmobile-block02 .block02-content02 .shop-slide .slidesjs-previous:hover {
  background: #fe7000 url(case-prev.png) center center no-repeat;
}
/* line 317, ../sass/b2c.scss */
#main .b2cmobile-block02 .block02-content02 .shop-slide .slidesjs-next {
  float: left;
  background: #ccc url(case-next.png) center center no-repeat;
}
/* line 320, ../sass/b2c.scss */
#main .b2cmobile-block02 .block02-content02 .shop-slide .slidesjs-next:hover {
  background: #fe7000 url(case-next.png) center center no-repeat;
}
/* line 325, ../sass/b2c.scss */
#main .b2cmobile-block02 .block02-content02 .shop-slide .slidesjs-pagination {
  margin: 6px 0 0;
  float: right;
  list-style: none;
}
/* line 334, ../sass/b2c.scss */
#main .b2cmobile-block02 .block02-content02 .navbar {
  overflow: hidden;
}

/* line 342, ../sass/b2c.scss */
.b2cmobile-block03 {
  width: 100%;
  height: 896px;
  position: relative;
  z-index: 1;
  padding-top: 50px;
}
/* line 348, ../sass/b2c.scss */
.b2cmobile-block03 .title-top {
  margin-bottom: 30px;
}
/* line 351, ../sass/b2c.scss */
.b2cmobile-block03 .block03-title {
  height: 30px;
  line-height: 30px;
  text-align: center;
  color: #666;
}
/* line 356, ../sass/b2c.scss */
.b2cmobile-block03 .block03-title span {
  color: #01a8ec;
}
/* line 360, ../sass/b2c.scss */
.b2cmobile-block03 .block03ul {
  width: 840px;
  height: 134px;
  margin: 0 auto;
  padding: 0 20px;
  border-bottom: 1px dotted #ccc;
}
/* line 366, ../sass/b2c.scss */
.b2cmobile-block03 .block03ul li {
  height: 115px;
  width: 80px;
  padding-top: 12px;
  float: left;
  margin: 0 43px;
}
/* line 372, ../sass/b2c.scss */
.b2cmobile-block03 .block03ul li .img {
  width: 100%;
  height: 80px;
}
/* line 376, ../sass/b2c.scss */
.b2cmobile-block03 .block03ul li .word {
  width: 100%;
  height: 34px;
  line-height: 34px;
  text-align: center;
  font-size: 16px;
}
/* line 385, ../sass/b2c.scss */
.b2cmobile-block03 .j2ee {
  width: 1000px;
  margin: 0 auto;
  padding-top: 36px;
  height: 290px;
}
/* line 390, ../sass/b2c.scss */
.b2cmobile-block03 .j2ee .left {
  width: 360px;
  float: left;
}
/* line 394, ../sass/b2c.scss */
.b2cmobile-block03 .j2ee .right {
  width: 550px;
  float: right;
  margin-right: 3px;
  padding-top: 33px;
  font-size: 12px;
  color: #666;
  line-height: 25px;
}
/* line 402, ../sass/b2c.scss */
.b2cmobile-block03 .j2ee .right .title {
  font-size: 14px;
  height: 25px;
  line-height: 25px;
  font-size: 18px;
  color: #3f3f3f;
}
/* line 409, ../sass/b2c.scss */
.b2cmobile-block03 .j2ee .right p {
  text-indent: 24px;
  margin: 24px 0;
}
/* line 416, ../sass/b2c.scss */
.b2cmobile-block03 .j2eeul {
  width: 1080px;
  height: 193px;
  margin: 0 auto;
  clear: both;
}
/* line 421, ../sass/b2c.scss */
.b2cmobile-block03 .j2eeul li {
  width: 200px;
  height: 193px;
  float: left;
  margin-right: 20px;
}
/* line 426, ../sass/b2c.scss */
.b2cmobile-block03 .j2eeul li .img {
  width: 200px;
  height: 150px;
}
/* line 429, ../sass/b2c.scss */
.b2cmobile-block03 .j2eeul li .img img {
  border: 1px solid #e6e5e6;
}
/* line 434, ../sass/b2c.scss */
.b2cmobile-block03 .j2eeul li .word {
  height: 43px;
  line-height: 43px;
  text-align: center;
  font-size: 14px;
}
/* line 441, ../sass/b2c.scss */
.b2cmobile-block03 .j2eeul li.last {
  margin: 0;
}
/* line 445, ../sass/b2c.scss */
.b2cmobile-block03 .block03-bg {
  background: #333333;
  width: 1920px;
  height: 946px;
  overflow: hidden;
  float: left;
  position: absolute;
  left: -369px;
  top: 0;
  z-index: -1;
}

/* line 459, ../sass/b2c.scss */
.b2cmobile-block04 {
  width: 968px;
  height: 909px;
  margin: 0 auto;
  padding-top: 50px;
}
/* line 464, ../sass/b2c.scss */
.b2cmobile-block04 .block04-title {
  height: 30px;
  line-height: 30px;
  text-align: center;
  color: #666;
}
/* line 469, ../sass/b2c.scss */
.b2cmobile-block04 .block04-title span {
  color: #01a8ec;
}
/* line 474, ../sass/b2c.scss */
.b2cmobile-block04 .j2ee {
  width: 1000px;
  margin: 0 auto;
  padding-top: 36px;
  height: 325px;
}
/* line 479, ../sass/b2c.scss */
.b2cmobile-block04 .j2ee .left {
  width: 360px;
  float: left;
}
/* line 483, ../sass/b2c.scss */
.b2cmobile-block04 .j2ee .right {
  width: 550px;
  float: right;
  margin-right: 3px;
  font-size: 12px;
  color: #666;
  line-height: 25px;
}
/* line 490, ../sass/b2c.scss */
.b2cmobile-block04 .j2ee .right .title {
  font-size: 14px;
  height: 25px;
  line-height: 25px;
  font-size: 18px;
  color: #3f3f3f;
}
/* line 497, ../sass/b2c.scss */
.b2cmobile-block04 .j2ee .right p {
  margin: 24px 0;
}
/* line 504, ../sass/b2c.scss */
.b2cmobile-block04 .j2ee.change .right {
  width: 360px;
  float: right;
}
/* line 508, ../sass/b2c.scss */
.b2cmobile-block04 .j2ee.change .left {
  width: 550px;
  float: left;
  margin-right: 3px;
  font-size: 12px;
  color: #666;
  line-height: 25px;
}
/* line 515, ../sass/b2c.scss */
.b2cmobile-block04 .j2ee.change .left .title {
  font-size: 14px;
  height: 25px;
  line-height: 25px;
  font-size: 18px;
  color: #3f3f3f;
}
/* line 522, ../sass/b2c.scss */
.b2cmobile-block04 .j2ee.change .left p {
  margin: 24px 0;
}
/* line 525, ../sass/b2c.scss */
.b2cmobile-block04 .j2ee.change .left b {
  color: #333;
  font-weight: bold;
}

/* line 3, ../sass/platform-subject.scss */
#platform-a-title.platform-a-title h1 {
  font-size: 30px;
  text-align: center;
  font-weight: bold;
  margin-top: 40px;
}

/* line 14, ../sass/platform-subject.scss */
#platform-related-title.platform-related-title {
  padding: 30px 0 10px;
  text-align: center;
}
/* line 17, ../sass/platform-subject.scss */
#platform-related-title.platform-related-title h2 {
  font-size: 30px;
  color: #3f3f3f;
  font-weight: bold;
}
/* line 22, ../sass/platform-subject.scss */
#platform-related-title.platform-related-title h2 span {
  color: #00a9ea;
}
/* line 26, ../sass/platform-subject.scss */
#platform-related-title.platform-related-title p {
  color: #888888;
  font-size: 14px;
  margin-top: 8px;
}

/* line 33, ../sass/platform-subject.scss */
.platform-ios {
  color: #3f3f3f;
  background-color: #f5f5f5;
}

/* line 38, ../sass/platform-subject.scss */
.platform-ios-wrap {
  padding-bottom: 80px;
}
/* line 41, ../sass/platform-subject.scss */
#platform-item.h-block-sys {
  height: 520px;
  position: relative;
  z-index: 3;
}
/* line 46, ../sass/platform-subject.scss */
#platform-item.h-block-sys .sys-con {
  padding: 50px 15px 0 40px;
  position: relative;
   /* i{
	display: inline-block;
	width: 76px;
	height: 32px;
	background: url('android.png') no-repeat center;
	position: absolute;
	top:60px;
	right: -75px;
    }*/
}
/* line 49, ../sass/platform-subject.scss */
#platform-item.h-block-sys .sys-con .sys-left {
  width: 560px;
  padding: 60px 0 0 0;
  float: left;
}
/* line 53, ../sass/platform-subject.scss */
#platform-item.h-block-sys .sys-con .sys-left h3 {
  font-size: 30px;
  font-weight: bold;
}
/* line 56, ../sass/platform-subject.scss */
#platform-item.h-block-sys .sys-con .sys-left h3 b {
  color: #00a9ea;
}
/* line 59, ../sass/platform-subject.scss */
#platform-item.h-block-sys .sys-con .sys-left h3 span {
  display: block;
  font-size: 14px;
  margin-top: 8px;
  color: #888888;
  font-weight: normal;
}
/* line 67, ../sass/platform-subject.scss */
#platform-item.h-block-sys .sys-con .sys-left .line {
  width: 50px;
  height: 28px;
  border-bottom: 2px solid #00a9ea;
}
/* line 72, ../sass/platform-subject.scss */
#platform-item.h-block-sys .sys-con .sys-left p {
  font-size: 14px;
  color: #888888;
  line-height: 25px;
  padding-top: 24px;
  /*word-break:break-all;*/
  width: 565px;
}
/* line 83, ../sass/platform-subject.scss */
#platform-item.h-block-sys .sys-con .sys-right {
  height: 470px;
  width: 585px;
  float: right;
  text-align: center;
}
/* line 104, ../sass/platform-subject.scss */
.platform-advantage {
  position: relative;
  z-index: 3;
}
/* line 107, ../sass/platform-subject.scss */
.platform-advantage .subject-title {
  text-align: center;
  padding: 80px 0 40px;
}
/* line 110, ../sass/platform-subject.scss */
.platform-advantage .subject-title h3 {
  font-size: 30px;
  font-weight: bold;
}
/* line 113, ../sass/platform-subject.scss */
.platform-advantage .subject-title h3 span {
  color: #00a9ea;
}
/* line 117, ../sass/platform-subject.scss */
.platform-advantage .subject-title p {
  display: block;
  font-size: 14px;
  margin-top: 8px;
  color: #888888;
  font-weight: normal;
}
/* line 126, ../sass/platform-subject.scss */
.platform-advantage .platform-subject-item {
  height: 400px;
  padding-bottom: 70px;
}
/* line 129, ../sass/platform-subject.scss */
.platform-advantage .platform-subject-item .item-left {
  float: left;
  margin-top: 10px;
  padding-left: 110px;
}
/* line 134, ../sass/platform-subject.scss */
.platform-advantage .platform-subject-item .item-left02 {
  margin-top: 70px;
}
/* line 137, ../sass/platform-subject.scss */
.platform-advantage .platform-subject-item .item-left03 {
  padding-left: 80px;
  margin-top: 55px;
}
/* line 141, ../sass/platform-subject.scss */
.platform-advantage .platform-subject-item .item-right {
  width: 600px;
  float: right;
  margin-top: 60px;
}
/* line 145, ../sass/platform-subject.scss */
.platform-advantage .platform-subject-item .item-right h3 {
  font-size: 28px;
}
/* line 147, ../sass/platform-subject.scss */
.platform-advantage .platform-subject-item .item-right h3 span {
  display: block;
  font-size: 12px;
  margin-top: 8px;
  color: #888888;
  font-weight: normal;
}
/* line 155, ../sass/platform-subject.scss */
.platform-advantage .platform-subject-item .item-right .line {
  width: 50px;
  height: 28px;
  border-bottom: 2px solid #00a9ea;
}
/* line 160, ../sass/platform-subject.scss */
.platform-advantage .platform-subject-item .item-right p {
  font-size: 14px;
  color: #888888;
  line-height: 25px;
  padding-top: 24px;
}
/* line 170, ../sass/platform-subject.scss */
.platform-advantage .platform-ios-sec-bg {
  background-color: #333333;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -960px;
  height: 100%;
  width: 1920px;
  z-index: -1;
}
/* line 183, ../sass/platform-subject.scss */
#platform-question.platform-question {
  height: 620px;
  position: relative;
  z-index: 3;
}
/* line 187, ../sass/platform-subject.scss */
#platform-question.platform-question .subject-title {
  text-align: center;
  padding: 80px 0 25px;
}
/* line 190, ../sass/platform-subject.scss */
#platform-question.platform-question .subject-title h3 {
  font-size: 30px;
  font-weight: bold;
}
/* line 193, ../sass/platform-subject.scss */
#platform-question.platform-question .subject-title h3 span {
  color: #00a9ea;
}
/* line 197, ../sass/platform-subject.scss */
#platform-question.platform-question .subject-title p {
  display: block;
  font-size: 14px;
  margin-top: 8px;
  color: #888888;
  font-weight: normal;
}
/* line 205, ../sass/platform-subject.scss */
#platform-question.platform-question .platform-question-con {
  margin: 0 auto;
  width: 794px;
  height: 379px;
  background: url("platform-question-con-bg.png") no-repeat center;
  z-index: 5;
  position: relative;
}
/* line 212, ../sass/platform-subject.scss */
#platform-question.platform-question .platform-question-con .question-item {
  width: 260px;
  height: 150px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9;
}
/* line 219, ../sass/platform-subject.scss */
#platform-question.platform-question .platform-question-con .question-item .question-item-wrap {
  padding: 15px 5px 0 15px;
}
/* line 221, ../sass/platform-subject.scss */
#platform-question.platform-question .platform-question-con .question-item .question-item-wrap h4 {
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 15px;
  color: #aaaaaa;
}
/* line 226, ../sass/platform-subject.scss */
#platform-question.platform-question .platform-question-con .question-item .question-item-wrap h4 span {
  color: #00a9ea;
}
/* line 231, ../sass/platform-subject.scss */
#platform-question.platform-question .platform-question-con .question-item .question-item-wrap ul li {
  list-style: disc inside none;
  color: #888888;
  font-size: 12px;
  white-space: nowrap;
  width: 240px;
  overflow: hidden;
  /*letter-spacing: 0.5px;*/
}
/* line 239, ../sass/platform-subject.scss */
#platform-question.platform-question .platform-question-con .question-item .question-item-wrap ul li:hover {
  color: #00a9ea;
}
/* line 242, ../sass/platform-subject.scss */
#platform-question.platform-question .platform-question-con .question-item .question-item-wrap ul li:hover a {
  color: #00a9ea;
}
/* line 245, ../sass/platform-subject.scss */
#platform-question.platform-question .platform-question-con .question-item .question-item-wrap ul li a {
  font-size: 14px;
  line-height: 25px;
  color: #888888;
}
/* line 256, ../sass/platform-subject.scss */
#platform-question.platform-question .platform-question-con .left-btm {
  top: auto;
  bottom: 0;
  left: 0;
  width: 260px;
  height: 155px;
}
/* line 263, ../sass/platform-subject.scss */
#platform-question.platform-question .platform-question-con .right {
  width: 300px;
  height: 380px;
  left: auto;
  right: 0;
}
/* line 268, ../sass/platform-subject.scss */
#platform-question.platform-question .platform-question-con .right .question-item-wrap {
  padding-left: 20px;
}
/* line 271, ../sass/platform-subject.scss */
#platform-question.platform-question .platform-question-con .right .question-item-wrap ul li {
  width: 267px;
}
/* line 280, ../sass/platform-subject.scss */
#platform-question.platform-question .question-bg {
  background-color: #dedede;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -960px;
  height: 100%;
  width: 1920px;
  z-index: -1;
}

/* line 296, ../sass/platform-subject.scss */
.platform-android {
  color: #3f3f3f;
  background-color: #f5f5f5;
}

/* line 301, ../sass/platform-subject.scss */
.platform-android-wrap {
  padding-bottom: 80px;
}
/* line 304, ../sass/platform-subject.scss */
.platform-android-wrap .platform-subject-item {
  height: 400px;
  padding-bottom: 70px;
}
/* line 307, ../sass/platform-subject.scss */
.platform-android-wrap .platform-subject-item .item-left {
  margin: 0;
  float: left;
  padding-left: 67px;
}

/* line 318, ../sass/platform-subject.scss */
.platform-wx {
  color: #3f3f3f;
  background-color: #f5f5f5;
}

/* line 323, ../sass/platform-subject.scss */
.platform-wx-wrap {
  padding-bottom: 80px;
}
/* line 325, ../sass/platform-subject.scss */
.platform-wx-wrap .platform-wx-top {
  margin-top: 60px;
}
/* line 328, ../sass/platform-subject.scss */
.platform-wx-wrap .platform-wx-top .platform-wx-title h2 {
  font-size: 32px;
  text-align: center;
  color: #00a9ea;
  font-weight: bold;
}
/* line 334, ../sass/platform-subject.scss */
.platform-wx-wrap .platform-wx-top .platform-wx-title p {
  text-align: center;
  font-size: 12px;
  color: #888888;
  margin-top: 8px;
}
/* line 340, ../sass/platform-subject.scss */
.platform-wx-wrap .platform-wx-top .platform-wx-title .platform-wx-learn {
  width: 775px;
  margin: 50px  auto 0;
  /*position: relative;*/
}
/* line 345, ../sass/platform-subject.scss */
.platform-wx-wrap .platform-wx-top .platform-wx-title .platform-wx-learn .item {
  float: left;
  font-size: 16px;
  width: 85px;
  text-align: center;
}
/* line 350, ../sass/platform-subject.scss */
.platform-wx-wrap .platform-wx-top .platform-wx-title .platform-wx-learn .item span {
  font-size: 60px;
  color: #00a9ea;
}
/* line 354, ../sass/platform-subject.scss */
.platform-wx-wrap .platform-wx-top .platform-wx-title .platform-wx-learn .item p {
  font-size: 26px;
  color: #3f3f3f;
  margin-top: 15px;
}
/* line 360, ../sass/platform-subject.scss */
.platform-wx-wrap .platform-wx-top .platform-wx-title .platform-wx-learn .mid {
  width: 125px;
  margin-left: 225px;
  /*position: absolute;
  top: 0;
  left: 50%;
  margin-left: -53px;*/
}
/* line 369, ../sass/platform-subject.scss */
.platform-wx-wrap .platform-wx-top .platform-wx-title .platform-wx-learn .right {
  float: right;
  width: 125px;
}
/* line 376, ../sass/platform-subject.scss */
.platform-wx-wrap .platform-wx-top .platform-wx-top-con {
  margin-top: 25px;
  height: 620px;
}
/* line 379, ../sass/platform-subject.scss */
.platform-wx-wrap .platform-wx-top .platform-wx-top-con .wx-top-left {
  float: left;
  width: 605px;
}
/* line 382, ../sass/platform-subject.scss */
.platform-wx-wrap .platform-wx-top .platform-wx-top-con .wx-top-left .wx-top-left-wrap {
  padding: 25px 0 0 40px;
}
/* line 384, ../sass/platform-subject.scss */
.platform-wx-wrap .platform-wx-top .platform-wx-top-con .wx-top-left .wx-top-left-wrap h3 {
  font-size: 28px;
}
/* line 387, ../sass/platform-subject.scss */
.platform-wx-wrap .platform-wx-top .platform-wx-top-con .wx-top-left .wx-top-left-wrap .line {
  width: 50px;
  height: 28px;
  border-bottom: 2px solid #00a9ea;
}
/* line 392, ../sass/platform-subject.scss */
.platform-wx-wrap .platform-wx-top .platform-wx-top-con .wx-top-left .wx-top-left-wrap p {
  font-size: 12px;
  margin-top: 8px;
}
/* line 396, ../sass/platform-subject.scss */
.platform-wx-wrap .platform-wx-top .platform-wx-top-con .wx-top-left .wx-top-left-wrap .sec {
  margin-top: 25px;
  font-size: 14px;
  color: #888888;
  line-height: 25px;
}
/* line 402, ../sass/platform-subject.scss */
.platform-wx-wrap .platform-wx-top .platform-wx-top-con .wx-top-left .wx-top-left-wrap .wx-top-left-list {
  margin-top: 45px;
}
/* line 404, ../sass/platform-subject.scss */
.platform-wx-wrap .platform-wx-top .platform-wx-top-con .wx-top-left .wx-top-left-wrap .wx-top-left-list li {
  font-size: 14px;
  color: #00a9ea;
  width: 100px;
  float: left;
  margin-right: 145px;
  padding-left: 5px;
  margin-bottom: 33px;
  list-style: disc inside none;
}
/* line 419, ../sass/platform-subject.scss */
.platform-wx-wrap .platform-wx-top .platform-wx-top-con .wx-top-right {
  float: right;
  width: 545;
  text-align: right;
}
/* line 429, ../sass/platform-subject.scss */
.platform-wx-wrap .platform-advantage .subject-title {
  padding-top: 120px;
}
/* line 434, ../sass/platform-subject.scss */
.platform-wx-wrap .special-feature {
  padding: 0 10px 20px;
}
/* line 436, ../sass/platform-subject.scss */
.platform-wx-wrap .special-feature .special-feature-wrap {
  width: 1180px;
  overflow: hidden;
}
/* line 440, ../sass/platform-subject.scss */
.platform-wx-wrap .special-feature .special-feature-wrap ul li {
  float: left;
  width: 295px;
  height: 175px;
  text-align: center;
  margin-bottom: 60px;
}
/* line 446, ../sass/platform-subject.scss */
.platform-wx-wrap .special-feature .special-feature-wrap ul li .top-img {
  width: 80px;
  margin: 0 auto;
}
/* line 450, ../sass/platform-subject.scss */
.platform-wx-wrap .special-feature .special-feature-wrap ul li h3 {
  margin: 20px 0 15px;
  font-size: 20px;
  font-weight: bold;
}
/* line 455, ../sass/platform-subject.scss */
.platform-wx-wrap .special-feature .special-feature-wrap ul li p {
  line-height: 18px;
  font-size: 12px;
  color: #888888;
}
/* line 465, ../sass/platform-subject.scss */
#h-block-sys-right.h-block-sys {
  padding: 0 40px;
  position: relative;
  z-index: 3;
}
/* line 470, ../sass/platform-subject.scss */
#h-block-sys-right.h-block-sys .title {
  padding-top: 55px;
  font-size: 20px;
  text-align: center;
}
/* line 474, ../sass/platform-subject.scss */
#h-block-sys-right.h-block-sys .title span {
  font-size: 50px;
  color: #00a9ea;
}
/* line 479, ../sass/platform-subject.scss */
#h-block-sys-right.h-block-sys .sys-con {
  height: 540px;
}
/* line 483, ../sass/platform-subject.scss */
#h-block-sys-right.h-block-sys .sys-con .sys-left {
  width: 560px;
  padding: 125px 0 0 0;
  float: left;
}
/* line 488, ../sass/platform-subject.scss */
#h-block-sys-right.h-block-sys .sys-con .sys-left h3 {
  font-size: 28px;
}
/* line 491, ../sass/platform-subject.scss */
#h-block-sys-right.h-block-sys .sys-con .sys-left h3 span {
  display: block;
  font-size: 12px;
  margin-top: 8px;
}
/* line 497, ../sass/platform-subject.scss */
#h-block-sys-right.h-block-sys .sys-con .sys-left .line {
  width: 50px;
  height: 28px;
  border-bottom: 2px solid #00a9ea;
}
/* line 502, ../sass/platform-subject.scss */
#h-block-sys-right.h-block-sys .sys-con .sys-left p {
  font-size: 14px;
  color: #888888;
  line-height: 25px;
  padding-top: 24px;
  clear: both;
}
/* line 509, ../sass/platform-subject.scss */
#h-block-sys-right.h-block-sys .sys-con .sys-left .sec {
  color: #00a9ea;
  padding-top: 5px;
  line-height: 30px;
  width: 575px;
}
/* line 518, ../sass/platform-subject.scss */
#h-block-sys-right.h-block-sys .sys-con .sys-right {
  padding: 65px 0 0 0;
  width: 560px;
  float: right;
  text-align: right;
}
/* line 523, ../sass/platform-subject.scss */
#h-block-sys-right.h-block-sys .sys-con .sys-right img {
  margin-right: 30px;
}
/* line 530, ../sass/platform-subject.scss */
#h-block-sys-right.h-block-sys .first.sys-con {
  height: 580px;
}
/* line 533, ../sass/platform-subject.scss */
#h-block-sys-right.h-block-sys .sys-bg {
  background: #333333;
  width: 1920px;
  height: 100%;
  overflow: hidden;
  float: left;
  position: absolute;
  left: 50%;
  top: 0;
  margin-left: -960px;
  z-index: -1;
}
/* line 549, ../sass/platform-subject.scss */
#h-block-sys-left.h-block-sys {
  padding: 0 40px;
  position: relative;
  z-index: 3;
}
/* line 553, ../sass/platform-subject.scss */
#h-block-sys-left.h-block-sys .title {
  padding-top: 55px;
  font-size: 20px;
  text-align: center;
}
/* line 557, ../sass/platform-subject.scss */
#h-block-sys-left.h-block-sys .title span {
  font-size: 50px;
  color: #00a9ea;
}
/* line 562, ../sass/platform-subject.scss */
#h-block-sys-left.h-block-sys .sys-con {
  height: 540px;
}
/* line 564, ../sass/platform-subject.scss */
#h-block-sys-left.h-block-sys .sys-con .sys-left02 {
  width: 560px;
  padding: 125px 0 0 0;
  float: right;
  text-align: right;
}
/* line 569, ../sass/platform-subject.scss */
#h-block-sys-left.h-block-sys .sys-con .sys-left02 h3 {
  font-size: 28px;
}
/* line 572, ../sass/platform-subject.scss */
#h-block-sys-left.h-block-sys .sys-con .sys-left02 h3 span {
  display: block;
  font-size: 12px;
  margin-top: 8px;
}
/* line 578, ../sass/platform-subject.scss */
#h-block-sys-left.h-block-sys .sys-con .sys-left02 .line {
  width: 50px;
  height: 28px;
  border-bottom: 2px solid #00a9ea;
  float: right;
}
/* line 584, ../sass/platform-subject.scss */
#h-block-sys-left.h-block-sys .sys-con .sys-left02 p {
  font-size: 14px;
  color: #888888;
  line-height: 25px;
  padding-top: 24px;
  clear: both;
}
/* line 592, ../sass/platform-subject.scss */
#h-block-sys-left.h-block-sys .sys-con .sys-left02 .sec {
  color: #00a9ea;
  padding-top: 5px;
  line-height: 30px;
}
/* line 597, ../sass/platform-subject.scss */
#h-block-sys-left.h-block-sys .sys-con .sys-left02 .three {
  color: #00a9ea;
  padding-top: 5px;
  line-height: 15px;
  margin-top: 15px;
  padding-bottom: 15px;
}
/* line 603, ../sass/platform-subject.scss */
#h-block-sys-left.h-block-sys .sys-con .sys-left02 .three span {
  display: inline-block;
  width: 140px;
}
/* line 612, ../sass/platform-subject.scss */
#h-block-sys-left.h-block-sys .sys-con .sys-right02 {
  padding: 65px 0 0 0;
  width: 560px;
  float: left;
  text-align: left;
  overflow: hidden;
}
/* line 621, ../sass/platform-subject.scss */
#h-block-sys-left.h-block-sys .first.sys-con {
  height: 580px;
}
/* line 624, ../sass/platform-subject.scss */
#h-block-sys-left.h-block-sys .sys-bg {
  background: #333333;
  width: 1920px;
  height: 100%;
  overflow: hidden;
  float: left;
  position: absolute;
  left: 50%;
  top: 0;
  margin-left: -960px;
  z-index: -1;
}

/* line 641, ../sass/platform-subject.scss */
.platform-pc {
  color: #3f3f3f;
  background-color: #f5f5f5;
}

/* line 646, ../sass/platform-subject.scss */
.platform-pc-wrap {
  padding-bottom: 80px;
}
/* line 649, ../sass/platform-subject.scss */
.platform-pc-wrap #platform-item.h-block-sys .sys-right {
  margin-top: 50px;
}
/* line 653, ../sass/platform-subject.scss */
.platform-pc-wrap .platform-subject-item {
  height: 400px;
  padding-bottom: 70px;
}
/* line 656, ../sass/platform-subject.scss */
.platform-pc-wrap .platform-subject-item .item-left {
  margin: 0;
  float: left;
  padding-left: 123px;
  padding-top: 22px;
}
/* line 663, ../sass/platform-subject.scss */
.platform-pc-wrap .platform-subject-item .item-right p {
  height: 145px;
  width: 560px;
}
/* line 667, ../sass/platform-subject.scss */
.platform-pc-wrap .platform-subject-item .item-right h4 {
  font-size: 14px;
  line-height: 25px;
}
/* line 671, ../sass/platform-subject.scss */
.platform-pc-wrap .platform-subject-item .item-right b {
  color: #888888;
  font-size: 14px;
  line-height: 25px;
}

/* line 682, ../sass/platform-subject.scss */
.platform-phone {
  color: #3f3f3f;
  background-color: #f5f5f5;
}

/* line 687, ../sass/platform-subject.scss */
.platform-phone-wrap {
  padding-bottom: 80px;
}
/* line 690, ../sass/platform-subject.scss */
.platform-phone-wrap .platform-advantage .phone-title {
  font-size: 30px;
  font-weight: bold;
  text-align: center;
  padding: 45px 0 35px;
}
/* line 696, ../sass/platform-subject.scss */
.platform-phone-wrap .platform-advantage .phone-title span {
  color: #00a9ea;
}
/* line 713, ../sass/platform-subject.scss */
.platform-phone-wrap #h-block-sys-right.h-block-sys.phone-f .sys-con .sys-left {
  padding: 45px 0 0 0;
}
/* line 715, ../sass/platform-subject.scss */
.platform-phone-wrap #h-block-sys-right.h-block-sys.phone-f .sys-con .sys-left .sys-left-sec {
  margin-top: 70px;
}
/* line 720, ../sass/platform-subject.scss */
.platform-phone-wrap #h-block-sys-right.h-block-sys.phone-f .sys-con .sys-right {
  padding: 0;
}
/* line 722, ../sass/platform-subject.scss */
.platform-phone-wrap #h-block-sys-right.h-block-sys.phone-f .sys-con .sys-right img {
  margin: 0;
}
/* line 740, ../sass/platform-subject.scss */
.platform-phone-wrap #h-block-sys-left.h-block-sys.phone-s .phone-title {
  padding: 75px 0 25px;
}
/* line 745, ../sass/platform-subject.scss */
.platform-phone-wrap #h-block-sys-left.h-block-sys.phone-s .sys-con {
  height: 560px;
}
/* line 748, ../sass/platform-subject.scss */
.platform-phone-wrap #h-block-sys-left.h-block-sys.phone-s .sys-con .sys-right02 {
  margin-top: -45px;
  padding: 0;
}
/* line 751, ../sass/platform-subject.scss */
.platform-phone-wrap #h-block-sys-left.h-block-sys.phone-s .sys-con .sys-right02 img {
  margin: 0;
}











/* line 814, ../sass/main.scss */
.service-us {
  position: relative;
  height: 640px;
  z-index: 1;
  
}
/* line 818, ../sass/main.scss */
.service-us .service-us-wrap {
  padding-top: 75px;
  position: relative;
  z-index: 3;
}
/* line 822, ../sass/main.scss */
.service-us .service-us-wrap .title-top {
  margin-bottom: 50px;
}
/* line 824, ../sass/main.scss */
.service-us .service-us-wrap .title-top .title-con {
  text-align: center;
  width: 350px;
  margin: 0 auto;
}
/* line 828, ../sass/main.scss */
.service-us .service-us-wrap .title-top .title-con:hover .title-btn span {
  /* width:60px;*/
}
/* line 832, ../sass/main.scss */
.service-us .service-us-wrap .title-top .title-con h2 a {
  color: #3f3f3f;
  font-size: 32px;
  font-weight: bold;
}
/* line 838, ../sass/main.scss */
.service-us .service-us-wrap .title-top .title-con p {
  margin-top: 10px;
  font-size: 14px;
  color: #999999;
  padding-top: 0;
}
/* line 844, ../sass/main.scss */
.service-us .service-us-wrap .title-top .title-con .title-btn {
  display: block;
  width: 350px;
  margin: 20px auto 13px;
  height: 4px;
  text-align: center;
  background: url("title-btm-bg-w.png") repeat-x bottom;
}
/* line 851, ../sass/main.scss */
.service-us .service-us-wrap .title-top .title-con .title-btn span {
  /* transition: width  0.5s ease-in;*/
  display: block;
  width: 30px;
  margin: 0 auto;
  height: 4px;
  background: url("title-btm-bg.png") repeat-x;
}
/* line 861, ../sass/main.scss */
.service-us .service-us-wrap .title-top p {
  padding-top: 7px;
  font-size: 12px;
  color: #999999;
  text-align: center;
}
/* line 870, ../sass/main.scss */
.service-us .service-us-wrap .service-us-con .service-us-list .service-us-item {
  float: left;
  border: 1px solid #dcdcdc;
  margin-left: -1px;
  width: 293px;
}
/* line 875, ../sass/main.scss */
.service-us .service-us-wrap .service-us-con .service-us-list .service-us-item:hover .about-con-img span {
  display: inline-block;
}
/* line 878, ../sass/main.scss */
.service-us .service-us-wrap .service-us-con .service-us-list .service-us-item .about-con-img {
  height: 221px;
  width: 293px;
  position: relative;
}
/* line 883, ../sass/main.scss */
.service-us .service-us-wrap .service-us-con .service-us-list .service-us-item .about-con-img a img {
  width: 100%;
  vertical-align: middle;
}
/* line 888, ../sass/main.scss */
.service-us .service-us-wrap .service-us-con .service-us-list .service-us-item .about-con-img span {
  position: absolute;
  top: 0;
  left: 0;
  /*display: inline-block;*/
  display: none;
  width: 100%;
  height: 100%;
  background: url("aboutus-ch.png") no-repeat center;
  background-color: #fb7b57;
  opacity: 0.9;
  filter: alpha(opacity=90);
  cursor: pointer;
}
/* line 904, ../sass/main.scss */
.service-us .service-us-wrap .service-us-con .service-us-list .service-us-item .about-con-bottom {
  text-align: center;
}
/* line 906, ../sass/main.scss */
.service-us .service-us-wrap .service-us-con .service-us-list .service-us-item .about-con-bottom h3 {
  color: #3f3f3f;
  font-size: 18px;
  font-weight: bold;
  padding-top: 15px;
}
/* line 912, ../sass/main.scss */
.service-us .service-us-wrap .service-us-con .service-us-list .service-us-item .about-con-bottom p {
  color: #888888;
  font-size: 14px;
  padding: 10px 0 20px;
}
/* line 920, ../sass/main.scss */
.service-us .service-us-wrap .service-us-con .service-us-list .first {
  margin-left: 0px;
}
/* line 927, ../sass/main.scss */
.service-us .service-us-bg {
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -960px;
  height: 640px;
  width: 1920px;
  background: #333333;
}