/*
Theme Name: Ulian-1702
Theme URI: http://www.ulian200.com/
Author: ulian200@126.com
Author URI: http://www.ulian200.com/
Description: The dev theme for wordpress.
Version: 1.0

License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html

Text Domain: zencom
Tags: null

General comments (optional).
*/

@charset "UTF-8";
body {
  font-family: "microsoft yahei";
  font-size: 16px;
  color: #303030; }

a {
  text-decoration: none;
  color: #303030; }

a:hover {
  filter: alpha(opacity=75);
  opacity: 0.75; }

ul {
  list-style: none; }

li {
  list-style: none; }

.wrap {
  text-align: center; }

.screen-reader-text, .only-scr {
  height: 0;
  width: 0;
  font-size: 0;
  overflow: hidden; }

.content {
  width: 1000px;
  margin: 0 auto;
  text-align: left; }
  .content .con-title {
    height: 74px;
    margin-top: 80px;
    background-repeat: no-repeat;
    background-position: center;
    text-align: center;
    text-indent: -9999px;
    overflow: hidden;
    margin-bottom: 60px; }
  .content .con-header {
    height: 66px;
    border-left: 17px solid #04a0ff;
    padding-left: 6px;
    position: relative; }
    .content .con-header h2 {
      color: #04a0ff;
      position: absolute;
      bottom: 0;
      margin: 0;
      font-size: 22px; }
    .content .con-header span {
      font-size: 22px;
      line-height: 2; }

.detail {
  color: #f33300;
  border: 1px solid #f33300;
  border-radius: 15px;
  padding: 3px 7px;
  background: #fff; }

.cat-list {
  float: left;
  width: 240px;
  margin: 0;
  padding: 0;
  border: 1px solid #12aeff;
  position: relative; }
  .cat-list .cat-1 {
    width: 100%;
    position: absolute;
    left: 0;
    top: 0; }
  .cat-list .cat-2 {
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 85px; }
  .cat-list .cat-3 {
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0; }
  .cat-list .title-block {
    margin: 0;
    background: url(./img/pro-cat-title-bg.png) repeat-x; }
    .cat-list .title-block a {
      display: block;
      height: 85px;
      width: 100%;
      line-height: 85px;
      color: #fff;
      text-align: center; }
    .cat-list .title-block .hotline {
      background: url(./img/hotline-bg3.png) no-repeat 15px center;
      font-size: 20px;
      box-sizing: border-box;
      text-align: left;
      padding: 0;
      padding-left: 85px;
      height: 85px;
      color: #fff; }
      .cat-list .title-block .hotline span {
        display: inline-block;
        line-height: 1.2;
        margin-top: 20px; }
  .cat-list .case-block {
    position: relative;
    height: 100px;
    text-align: center;
    background: #f5f5f5 url(./img/case-bg.png) no-repeat center center; }
    .cat-list .case-block a {
      height: 100px;
      line-height: 70px;
      color: #0d96ff;
      font-size: 24px;
      font-weight: normal; }
    .cat-list .case-block span {
      color: #000;
      display: block;
      width: 100%;
      height: 100%;
      line-height: 135px;
      font-size: 18px;
      position: absolute;
      bottom: 0;
      left: 0; }

.content-show {
  float: right;
  width: 750px; }

.topbar {
  background-color: #eaeaea;
  height: 28px;
  line-height: 28px;
  border-bottom: 1px solid #a5a5a5;
  font-size: 13px; }
  .topbar .topmenu {
    float: right; }
    .topbar .topmenu a {
      display: inline-block;
      margin-left: 15px; }

.site-title {
  margin-top: 20px; }
  .site-title .content {
    position: relative; }
  .site-title .logo {
    overflow: hidden;
    width: 500px; }
    .site-title .logo .image {
      float: left; }
    .site-title .logo h1 {
      font-size: 28px;
      margin-bottom: 5px; }
    .site-title .logo p {
      margin-top: 0px;
      font-size: 18px; }
  .site-title .hotline {
    height: 40px;
    position: absolute;
    right: 0;
    bottom: 25px;
    background-image: url(./img/hotline-bg1.png);
    background-repeat: no-repeat;
    padding-left: 60px;
    padding-top: 19px;
    font-weight: bold;
    font-size: 16px; }
    .site-title .hotline .tel-number {
      color: #ff9311;
      font-family: "courier new";
      font-size: 18px; }

.main-nav {
  margin-top: 10px;
  height: 49px;
  /*background-image: url(./img/main-nav-bg.png);
  background-repeat: repeat-x; */
  background: #1387ea;
}
  .main-nav .navlist {
    margin: 0;
    padding: 0; }
    .main-nav .navlist li {
      float: left;
      background-repeat: no-repeat;
      background-position: right center; }
      .main-nav .navlist li a {
        height: 49px;
        line-height: 46px;
        display: block;
        color: #fff;
        text-align: center;
        margin-right: 2px;
        padding: 0 19px;
        font-size: 14px; }
        .main-nav .navlist li a:hover {
          background-image: url(./img/main-nav-active-bg.png);
          background-repeat: repeat-x;
          filter: alpha(opacity=100);
          opacity: 1; }
      .main-nav .navlist li:last-child {
        background-image: none; }
      .main-nav .navlist li.current-menu-item a {
        background-image: url(./img/main-nav-active-bg.png);
        background-repeat: repeat-x;
        filter: alpha(opacity=100);
        opacity: 1; }

.page-image {
  width: 100%;
  overflow: hidden;
  text-align: center; }
  .page-image img {
    display: block;
    margin: 0 auto;
    width: 100%; }

.aboutus .content {
  position: relative; }
.aboutus h2 {
  position: absolute;
  bottom: -5px;
  left: 0;
  width: 222px;
  height: 207px;
  margin: 0;
  background-image: url(./img/aboutus-title-bg.png);
  background-repeat: no-repeat;
  text-indent: -9999px; }
.aboutus p {
  padding-left: 262px;
  line-height: 1.5;
  color: #656565;
  font-size: 14px; }

.products h2 {
  background-image: url(./img/section-title-products-bg.png); }
.products .cat-nav {
  position: relative;
  height: 240px;
  margin-bottom: 110px; }
  .products .cat-nav li {
    width: 206px;
    height: 240px; }
    .products .cat-nav li a {
      position: absolute;
      bottom: 0;
      display: block;
      width: 100%;
      text-align: center;
      height: 100%;
      font-size: 24px; }
      .products .cat-nav li a span {
        position: absolute;
        bottom: 0;
        left: 0;
        display: inline-block;
        width: 100%; }
  .products .cat-nav .left {
    position: absolute; }
  .products .cat-nav .right {
    position: absolute;
    right: 0; }
  .products .cat-nav .center {
    position: absolute;
    left: 50%;
    margin-left: -103px; }
  .products .cat-nav .car {
    background: url(./img/cat1-bg.png) no-repeat; }
    .products .cat-nav .car .active, .products .cat-nav .car a:hover {
      background: url(./img/cat1-active-bg.png) no-repeat;
      color: #2a6fc3; }
  .products .cat-nav .medc {
    background: url(./img/cat2-bg.png) no-repeat; }
    .products .cat-nav .medc .active, .products .cat-nav .medc a:hover {
      background: url(./img/cat2-active-bg.png) no-repeat;
      color: #2a6fc3; }
  .products .cat-nav .bot {
    background: url(./img/cat3-bg.png) no-repeat; }
    .products .cat-nav .bot .active, .products .cat-nav .bot a:hover {
      background: url(./img/cat3-active-bg.png) no-repeat;
      color: #2a6fc3; }
.products .row {
  overflow: hidden; }
.products .home-cat ul.sub-cat-list {
  display: none;
  height: 392px; }
.products .home-cat .current ul.sub-cat-list {
  display: block; }
.products .cat-list {
  height: 646px; }
  .products .cat-list li {
    position: static; }
  .products .cat-list .sub-cat-list {
    display: none;
    padding: 0; }
    .products .cat-list .sub-cat-list li {
      border-bottom: 1px solid #12aeff; }
      .products .cat-list .sub-cat-list li a {
        display: block;
        height: 48px;
        line-height: 48px;
        padding-left: 25px;
        color: #5a5a5a; }
      .products .cat-list .sub-cat-list li .active {
        color: #145e9e;
        background: url(./img/list-item-bg.png) no-repeat 5px center; }
.products .home-show {
  height: 646px; }
  .products .home-show .show-box {
    display: none;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    margin-left: -6px;
    margin-right: 6px;
    overflow: hidden; }
    .products .home-show .show-box .big-show {
      margin: 0 6px;
      box-sizing: border-box;
      height: 450px;
      border: 1px solid #12aeff; }
      .products .home-show .show-box .big-show .small-img {
        display: none; }
      .products .home-show .show-box .big-show .image {
        height: 450px;
        line-height: 450px;
        text-align: center;
        font-size: 0;
        overflow: hidden; }
        .products .home-show .show-box .big-show .image img {
          box-sizing: border-box;
          vertical-align: middle;
          max-height: 99%;
          max-width: 100%; }
      .products .home-show .show-box .big-show .link {
        display: none; }
    .products .home-show .show-box .small-show {
      position: relative;
      width: 238px;
      box-sizing: border-box;
      float: left;
      border: 1px solid #12aeff;
      padding: 0;
      margin: 0 6px;
      margin-top: 12px;
      height: 186px;
      overflow: hidden; }
      .products .home-show .show-box .small-show .big-img {
        display: none; }
      .products .home-show .show-box .small-show img {
        display: block;
        box-sizing: border-box;
        width: 100%;
        height: 100%; }
      .products .home-show .show-box .small-show a {
        box-sizing: border-box;
        position: absolute;
        bottom: 0;
        display: block;
        width: 240px;
        height: 45px;
        background: #29acff;
        color: #fff;
        padding: 15px 10px;
        background: #29acff; }
        .products .home-show .show-box .small-show a .title {
          position: relative;
          font-size: 14px; }
        .products .home-show .show-box .small-show a .detail {
          float: right;
          font-size: 12px; }
    .products .home-show .show-box.active {
      display: block; }

.reasons {
  margin-top: 100px; }
  .reasons header {
    background: url(./img/reasons-title-bg.png) no-repeat center center; }
    .reasons header .content {
      height: 173px;
      position: relative; }
      .reasons header .content h2 {
        position: absolute;
        bottom: 75px;
        left: 0;
        font-size: 26px;
        font-style: italic;
        margin: 0; }
      .reasons header .content .text-1 {
        color: #fff;
        font-size: 55px;
        font-family: simsun;
        font-weight: bold;
        position: absolute;
        bottom: 65px;
        left: 216px; }
      .reasons header .content .text-2 {
        color: #fff;
        font-size: 34px;
        font-family: simsun;
        font-weight: bold;
        position: absolute;
        bottom: 30px;
        left: 306px; }
      .reasons header .content .hotline {
        width: 327px;
        height: 107px;
        border-radius: 10px;
        margin-top: 33px;
        position: absolute;
        right: 0;
        background: #fff url(./img/hotline-bg2.png) no-repeat 15px center; }
        .reasons header .content .hotline .inner-box {
          margin-left: 120px;
          margin-top: 30px;
          font-size: 20px;
          line-height: 1.2; }
          .reasons header .content .hotline .inner-box span {
            font-size: 24px;
            color: #ff9311; }
  .reasons .cont-box {
    width: 1310px;
    background: #eaf7fd;
    margin: 0 auto;
    margin-top: 35px;
    padding-bottom: 85px; }
    .reasons .cont-box .tab-nav {
      margin: 0;
      padding: 0;
      margin-left: -4px;
      margin-right: -4px;
      overflow: hidden; }
      .reasons .cont-box .tab-nav li {
        float: left;
        margin: 0 4px;
        width: 244px;
        height: 101px; }
        .reasons .cont-box .tab-nav li a {
          box-sizing: border-box;
          padding-top: 20px;
          display: block;
          height: 100%;
          background: url(./img/tab1-bg.png);
          font-family: simsun;
          font-weight: bold;
          font-size: 28px;
          position: relative;
          text-align: center;
          color: #fff; }
          .reasons .cont-box .tab-nav li a small {
            display: line-block;
            width: 100%;
            line-height: auto;
            position: absolute;
            top: 60px;
            left: 0;
            font-family: simhei;
            font-size: 16px;
            color: #000; }
          .reasons .cont-box .tab-nav li a.active, .reasons .cont-box .tab-nav li a:hover {
            background: url(./img/tab-active-bg.png);
            color: #fff; }
            .reasons .cont-box .tab-nav li a.active small, .reasons .cont-box .tab-nav li a:hover small {
              color: #fff; }
    .reasons .cont-box .tab-show {
      margin: 0;
      padding: 0;
      margin-top: 4px;
      height: 392px;
      background: #fff; }
      .reasons .cont-box .tab-show .box {
        display: none; }
        .reasons .cont-box .tab-show .box.active {
          display: block;
          overflow: hidden; }
      .reasons .cont-box .tab-show .text {
        box-sizing: border-box;
        width: 418px;
        height: 392px;
        float: left;
        position: relative; }
        .reasons .cont-box .tab-show .text .ads {
          margin-top: 15%;
          margin-left: 30px; }
          .reasons .cont-box .tab-show .text .ads li {
            list-style-image: url(./img/list-item2-bg.png);
            line-height: 2;
            color: #0090f5; }
        .reasons .cont-box .tab-show .text .link {
          width: 100%;
          position: absolute;
          bottom: 70px;
          margin-top: 15%;
          text-align: center;
          font-weight: bold; }
          .reasons .cont-box .tab-show .text .link a {
            color: #f33300;
            border: 1px solid #f33300;
            border-radius: 15px;
            padding: 0 5px 1px 8px;
            margin: 35px; }
            .reasons .cont-box .tab-show .text .link a:hover {
              background: #f33300;
              color: #fff; }
      .reasons .cont-box .tab-show .image {
        width: 582px;
        float: right; }
        .reasons .cont-box .tab-show .image img {
          width: 100%; }

.scenarios h2 {
  background-image: url(./img/section-title-scenarios-bg.png); }
.scenarios ul {
  overflow: hidden;
  padding: 0;
  margin-left: -14px;
  margin-right: -14px; }
  .scenarios ul li {
    float: left;
    width: 229px;
    box-sizing: border-box;
    text-align: center;
    background: url(./img/img-show-bg.png) no-repeat center top;
    padding: 30px 14px 0 14px;
    margin: 0 14px; }
    .scenarios ul li h3 {
      margin-top: 40px;
      font-size: 16px;
      font-weight: normal; }
    .scenarios ul li .img-box {
      margin: 0 auto;
      width: 204px;
      height: 204px;
      overflow: hidden;
      text-align: center;
      border-radius: 50%; }

.witness .content h2 {
  background-image: url(./img/section-title-witness-bg.png); }
.witness .conbox {
  background: #f1fbff; }
  .witness .conbox .con-table {
    display: table;
    width: 100%;
    width: 1002px;
    margin-left: -1px; }
    .witness .conbox .con-table .tab-nav {
      display: table-row; }
      .witness .conbox .con-table .tab-nav li {
        display: table-cell;
        border-right: 4px;
        height: 73px; }
        .witness .conbox .con-table .tab-nav li a {
          font-size: 20px;
          display: block;
          height: 100%;
          line-height: 73px;
          color: #fff;
          padding: 0 15px;
          background: url(./img/tab3-bg.png) repeat-x;
          text-align: center;
          margin: 0 1px; }
          .witness .conbox .con-table .tab-nav li a.active, .witness .conbox .con-table .tab-nav li a:hover {
            background: url(./img/tab3-active-bg.png) repeat-x; }
  .witness .conbox .tab-show {
    margin-top: 5px;
    height: 480px;
    position: relative; }
    .witness .conbox .tab-show .show-box {
      position: absolute;
      left: 0;
      height: 100%;
      width: 760px; }
      .witness .conbox .tab-show .show-box .show-image {
        display: none; }
        .witness .conbox .tab-show .show-box .show-image.active {
          display: block;
          height: 480px;
          line-height: 480px;
          text-align: center;
          font-size: 0;
          background: #000;
          overflow: hidden; }
        .witness .conbox .tab-show .show-box .show-image img {
          vertical-align: middle;
          max-height: 100%;
          max-width: 100%; }
    .witness .conbox .tab-show .show-nav {
      margin: 0;
      padding: 0;
      position: absolute;
      right: 0;
      height: 100%;
      width: 230px; }
      .witness .conbox .tab-show .show-nav li {
        height: 111px;
        background: #000;
        margin-bottom: 12px;
        overflow: hidden; }
        .witness .conbox .tab-show .show-nav li a {
          display: block;
          width: 100%;
          height: 100%;
          position: relative; }
          .witness .conbox .tab-show .show-nav li a img {
            width: 100%;
            filter: alpha(opacity=50);
            opacity: 0.5; }
          .witness .conbox .tab-show .show-nav li a span {
            display: block;
            width: 100%;
            height: 100%;
            line-height: 111px;
            position: absolute;
            top: 0;
            left: 0;
            text-align: center;
            color: #fff; }
          .witness .conbox .tab-show .show-nav li a.active img, .witness .conbox .tab-show .show-nav li a:hover img {
            filter: alpha(opacity=100);
            opacity: 1; }
          .witness .conbox .tab-show .show-nav li a.active span, .witness .conbox .tab-show .show-nav li a:hover span {
            display: none; }

.focus h2 {
  background: url(./img/section-title-focus-bg.png); }
.focus .row-1 {
  height: 508px; }
.focus .row-2 {
  height: 508px; }
.focus .con-row {
  position: relative;
  margin-top: 30px; }
  .focus .con-row .more {
    background: #ff9311;
    border-radius: 15px;
    color: #fff;
    padding: 3px 10px;
    font-size: 15px;
    line-height: 1;
    padding-bottom: 5px;
    margin-bottom: 5px; }
  .focus .con-row .list-bar {
    width: 325px;
    height: 100%;
    box-sizing: border-box;
    padding: 30px 15px;
    border: 1px solid #dcdcdc; }
    .focus .con-row .list-bar header {
      position: relative; }
      .focus .con-row .list-bar header h3 {
        margin: 0;
        border-bottom: 1px solid #448aca;
        font-size: 22px;
        padding-bottom: 2px; }
        .focus .con-row .list-bar header h3 .en {
          font-size: 16px; }
      .focus .con-row .list-bar header .more {
        position: absolute;
        bottom: 0;
        right: 0; }
    .focus .con-row .list-bar .anew {
      padding-left: 0;
      padding-top: 0;
      background: none; }
      .focus .con-row .list-bar .anew .image{
        overflow: hidden;
        margin: 5px auto;
        width: 293px;
        height: 172px;
        line-height: 172px;
        text-align: center;
        font-size: 0;
        border: 1px solid #eee;}
      .focus .con-row .list-bar .anew .image img {
        vertical-align: middle;
        max-width: 100%;
        max-height: 100%;}
      .focus .con-row .list-bar .anew .text h4 {
        margin: 5px 0;
        margin-top: 15px; }
        .focus .con-row .list-bar .anew .text h4 a {
          color: #3399e8; }
      .focus .con-row .list-bar .anew .text p {
        font-size: 15px;
        margin: 0;
        line-height: 1.5;
        text-align: justify; }
    .focus .con-row .list-bar ul {
      margin: 0;
      margin-top: 10px;
      padding: 0; }
      .focus .con-row .list-bar ul li {
        background: url(./img/news-item-bg.png) no-repeat 0 center;
        padding: 5px 0 5px 20px; }
        .focus .con-row .list-bar ul li h4 {
          margin: 0; }
          .focus .con-row .list-bar ul li h4 a {
            color: #3399e8; }
  .focus .con-row .common, .focus .con-row .photos {
    width: 650px;
    height: 100%; }
  .focus .con-row .internal, .focus .con-row .photos {
    position: absolute;
    top: 0;
    right: 0; }
  .focus .con-row .common {
    position: relative; }
    .focus .con-row .common header {
      background: url(./img/common-title-bg.png) no-repeat left center;
      padding-left: 86px;
      position: relative;
      height: 86px;
      overflow: hidden; }
      .focus .con-row .common header h3 {
        width: 100%;
        border-bottom: 1px solid #5bb9ff;
        font-size: 22px;
        padding-bottom: 5px;
        position: absolute;
        bottom: 8px; }
        .focus .con-row .common header h3 .en {
          color: #5bb9ff;
          position: absolute;
          left: -18px;
          bottom: -30px;
          font-size: 26px; }
          .focus .con-row .common header h3 .en .first-char {
            color: #fff; }
      .focus .con-row .common header .more {
        position: absolute;
        bottom: 30px;
        right: 0; }
    .focus .con-row .common .con-list {
      position: absolute;
      bottom: 0; }
      .focus .con-row .common .con-list ul {
        margin: 0;
        padding: 0; }
        .focus .con-row .common .con-list ul.head-line {
          background: url(./img/headerline-bg.png) no-repeat 215px -7px; }
        .focus .con-row .common .con-list ul li {
          overflow: hidden;
          margin-top: 60px; }
          .focus .con-row .common .con-list ul li .image {
            font-size: 0;
            text-align: center;
            border: 1px solid #dcdcdc;
            box-sizing: border-box;
            width: 208px;
            height: 155px;
            line-height: 155px;
            float: left; }
            .focus .con-row .common .con-list ul li .image img {
              vertical-align: middle;
              max-height: 100%;
              max-width: 100%; }
          .focus .con-row .common .con-list ul li .text {
            padding-left: 10px;
            box-sizing: border-box;
            float: left;
            width: 442px;
            padding-top: 30px; }
            .focus .con-row .common .con-list ul li .text h4 {
              margin: 5px 0; }
              .focus .con-row .common .con-list ul li .text h4 a {
                font-size: 16px;
                color: #3399e8; }
              .focus .con-row .common .con-list ul li .text h4 span {
                font-size: 12px;
                float: right; }
            .focus .con-row .common .con-list ul li .text p {
              font-size: 15px;
              line-height: 1.5;
              margin: 0;
              text-align: justify; }
  .focus .con-row .photos h3 {
    border: 1px solid #dcdcdc;
    width: 207px;
    height: 220px;
    margin: 0 auto;
    background: url(./img/photos-title-bg.png) no-repeat;
    text-indent: -9999px; }
  .focus .con-row .photos ul li {
    position: absolute;
    border: 1px solid #dcdcdc; }
    .focus .con-row .photos ul li a {
      filter: alpha(opacity=90);
      opacity: 0.9;
      display: block;
      overflow: hidden; }
      .focus .con-row .photos ul li a img {
        width: 100%;
        transition: 1s;
        -webkit-transition: 1s;
        -moz-transition: 1s; }
      .focus .con-row .photos ul li a:hover {
        filter: alpha(opacity=100);
        opacity: 1; }
        .focus .con-row .photos ul li a:hover img {
          -webkit-transform: rotate(-10deg) scale(1.2);
          -moz-transform: rotate(-10deg) scale(1.2);
          -ms-transform: rotate(-10deg) scale(1.2);
          -o-transform: rotate(-10deg) scale(1.2); }
  .focus .con-row .photos ul .top {
    top: 0;
    width: 207px;
    height: 220px; }
  .focus .con-row .photos ul .left {
    left: 0; }
  .focus .con-row .photos ul .bottom {
    bottom: 0;
    width: 312px;
    height: 263px; }
  .focus .con-row .photos ul .right {
    right: 0; }

.contactus {
  margin-top: 60px;
  height: 371px;
  overflow: hidden;
  background: #74d3ff url(./img/contactus-bg.png) no-repeat center center; }
  .contactus .content {
    background: #3399e8;
    height: 100%; }
    .contactus .content .contact-info {
      position: relative;
      float: left;
      padding: 0;
      margin: 0;
      width: 530px;
      height: 100%;
      background: #74d3ff url(./img/contact-hotline-bg.png) no-repeat center center; }
      .contactus .content .contact-info .title {
        font-size: 28px;
        text-align: justify;
        color: #fff;
        line-height: 1.5;
        text-indent: 2em;
        padding: 35px 0;
        margin: 0 25px;
        margin-top: 80px;
        background: url(./img/left-quotes.png) no-repeat left top, url(./img/right-qoutes.png) no-repeat right bottom; }
      .contactus .content .contact-info .hotline {
        margin-right: 25px;
        position: absolute;
        bottom: 38px;
        right: 0;
        color: #fff;
        float: right;
        font-size: 26px; }
        .contactus .content .contact-info .hotline .telnum {
          font-family: "rockwell extra bold";
          font-weight: bold; }
    .contactus .content .message-box {
      float: right;
      width: 470px;
      height: 100%; }
      .contactus .content .message-box form {
        font-size: 19px;
        color: #fff;
        width: 290px;
        height: 100%;
        margin: 0 auto; }
        .contactus .content .message-box form h3 {
          font-size: 19px;
          margin-top: 15px; }
        .contactus .content .message-box form .row {
          margin-top: 10px; }
          .contactus .content .message-box form .row input {
            border: none;
            border-radius: 10px;
            padding: 0 5px;
            height: 30px;
            line-height: 30px; }
        .contactus .content .message-box form .inpt {
          overflow: hidden; }
          .contactus .content .message-box form .inpt label {
            float: left;
            height: 30px;
            line-height: 30px; }
          .contactus .content .message-box form .inpt input {
            /*float: right;*/
            width: 230px; }
        .contactus .content .message-box form .minpt {
          margin-top: 20px; }
          .contactus .content .message-box form .minpt textarea {
            box-sizing: border-box;
            width: 290px;
            height: 100px;
            margin-top: 3px;
            border: none;
            border-radius: 10px;
            padding: 0 5px;
            resize: none; }
        .contactus .content .message-box form .btns {
          text-align: center; }
          .contactus .content .message-box form .btns input {
            margin: 0 20px;
            color: #fff;
            padding-left: 10px;
            padding-right: 10px;
            border: 1px solid #97a7b4;
            font-size: 18px;
            padding-bottom: 2px;
            height: 32px;
            cursor: pointer; }
            .contactus .content .message-box form .btns input:hover {
              filter: alpha(opacity=75);
              opacity: 0.75; }
          .contactus .content .message-box form .btns [type="submit"] {
            background: #f33300; }

.fasttrack .content {
  box-sizing: border-box;
  border: 1px solid #777;
  margin-top: 70px;
  position: relative; }
  .fasttrack .content h2 {
    width: 220px;
    position: absolute;
    left: 50%;
    margin-left: -110px;
    margin-top: -15px;
    color: #3399e8;
    font-size: 20px;
    background: #fff;
    text-align: center; }
    .fasttrack .content h2 .sept {
      font-size: 20px;
      color: #000; }
    .fasttrack .content h2 .en {
      font-size: 14px;
      color: #000; }
  .fasttrack .content ul {
    margin: 0;
    padding: 30px 22px; }
    .fasttrack .content ul .links {
      height: 44px;
      line-height: 44px;
      clear: both; }
      .fasttrack .content ul .links h3 {
        float: left;
        font-size: 16px;
        color: #3399e8;
        margin: 0;
        margin-right: 10px; }
      .fasttrack .content ul .links a {
        font-size: 14px;
        float: left;
        display: inline-block;
        margin: 0 5px; }

.footer {
box-sizing: border-box;
    margin-top: 40px;
    padding-top: 75px;
    padding-bottom: 25px;
    height: 465px;
    background: url(./img/footer-bg.png) center center;}
  .footer .site-about {
    border-top: 1px solid #fff;
    margin: 0 34px;
    position: relative;
    color: #fff;
    text-align: center;
    padding: 15px 0; }
    .footer .site-about h2 {
      font-size: 34px;
      padding: 13px 0;
      border-bottom: 3px solid #fff;
      position: absolute;
      left: 50%;
      top: -95px;
      margin-left: -188px;
      width: 376px; }
      .footer .site-about h2 small {
        font-size: 24px; }
    .footer .site-about p {
      line-height: 1.5;
      margin: 0;
      padding: 0 92px; }
  .footer .site-info {
    box-sizing: border-box;
    margin: 0;
    background: #fff;
    border-radius: 10px;
    height: 200px;
    overflow: hidden;
    padding: 30px 0; }
    .footer .site-info li {
      float: left; }
    .footer .site-info .logo {
      text-align: center;
      padding-left: 40px; }
      .footer .site-info .logo span {
        font-size: 12px;
        margin-top: 15px; }
    .footer .site-info .adress {
      line-height: 1.5;
      font-size: 13px;
      padding-left: 45px; }
      .footer .site-info .adress .title {
        margin: 0;
        font-size: 16px;
        font-weight: bold; }
    .footer .site-info .qrcode {
      padding-right: 40px;
      float: right; }
      .footer .site-info .qrcode .mblock {
        float: left;
        font-size: 18px;
        text-align: center; }
        .footer .site-info .qrcode .mblock img {
          margin-bottom: 5px; }
      .footer .site-info .qrcode .msite {
        margin-right: 45px; }

.search {
  background: url(./img/search-bg.png);
  height: 100px;
  color: #fff;
  font-weight: bold; }
  .search .content {
    position: relative; }
    .search .content .hotline {
      line-height: 1.2;
      position: absolute;
      top: 25px;
      left: 0;
      font-size: 18px; }
      .search .content .hotline .telnum {
        font-size: 22px; }
    .search .content .sform {
      width: 390px;
      position: absolute;
      top: 25px;
      left: 50%;
      margin-left: -195px;
      text-align: center; }
      .search .content .sform form input {
        border: none;
        height: 30px; }
      .search .content .sform form .inpt {
        width: 300px;
        border-radius: 8px 0 0 8px;
        padding: 0 5px; }
      .search .content .sform form .bnt {
        width: 30px;
        border-radius: 0 8px 8px 0;
        color: #fff;
        text-indent: -9999px;
        background: #fff url(./img/search-submit-btn.png) no-repeat center center; }
      .search .content .sform .hotkeys {
        line-height: 2;
        font-size: 14px; }
        .search .content .sform .hotkeys a {
          color: #fff;
          padding: 0 3px; }
    .search .content .slogan {
      position: absolute;
      top: 25px;
      right: 0;
      line-height: 30px;
      font-size: 15px; }
      .search .content .slogan .avatar {
        display: inline-block;
        border-radius: 30%;
        text-indent: -9999px;
        width: 28px;
        height: 28px;
        background: rgba(255, 255, 255, 0.5) url(./img/guest-avatar.png) no-repeat center center; }

.crumb-nav {
  height: 60px;
  line-height: 60px; }
  .crumb-nav .content {
    text-align: right;
    font-size: 14px; }
    .crumb-nav .content h2 {
      font-size: 14px;
      font-weight: normal;
      display: inline; }

.propage .cat-list {
  height: 790px; }
  .propage .cat-list .sub-cat-list {
    display: none;
    padding: 0; }
    .propage .cat-list .sub-cat-list li a {
      display: block;
      height: 46px;
      line-height: 46px;
      padding: 0 25px;
      color: #5a5a5a; }
    .propage .cat-list .sub-cat-list li .active {
      color: #fff;
      background: #ffc467 url(./img/list-item3-bg.png) no-repeat 5px center; }
    .propage .cat-list .sub-cat-list li.current_page_item a {
      color: #fff;
      background: #ffc467 url(./img/list-item3-bg.png) no-repeat 5px center; }
.propage .page-cat ul.sub-cat-list {
  display: block; }
.propage .page-cat > li {
  position: absolute; }
.propage header {
  box-sizing: border-box;
  height: 160px;
  background: #ecf9ff;
  padding-top: 15px;
  overflow: hidden; }
  .propage header .image {
    width: 290px;
    height: 130px;
    overflow: hidden;
    float: left; }
    .propage header .image img {
      width: 100%; }
  .propage header .text {
    display: block;
    box-sizing: border-box;
    text-align: justify;
    width: 450px;
    float: right;
    padding-right: 10px;
    font-size: 14px;
    line-height: 1.5; }
    .propage header .text h3 {
      font-size: 18px;
      margin: 0;
      margin-top: 10px; }
.propage .page-show {
  box-sizing: border-box;
  height: 632px; }
  .propage .page-show .show-box {
    margin: 0;
    padding: 0;
    overflow: hidden;
    margin-left: -5px;
    margin-right: -5px; }
    .propage .page-show .show-box > li {
      border: 1px solid #dcdcdc;
      overflow: hidden; }
    .propage .page-show .show-box .big-show {
      height: 370px;
      margin: 0 5px;
      position: relative; }
      .propage .page-show .show-box .big-show .image {
        box-sizing: border-box;
        float: left;
        width: 50%;
        height: 100%;
        overflow: hidden; }
        .propage .page-show .show-box .big-show .image img {
          border: none;
          width: 100%;
          height: auto; }
      .propage .page-show .show-box .big-show .small-img {
        display: none; }
      .propage .page-show .show-box .big-show .text {
        box-sizing: border-box;
        float: right;
        width: 50%;
        height: 100%;
        padding: 60px 20px; }
        .propage .page-show .show-box .big-show .text ul {
          padding: 0; }
          .propage .page-show .show-box .big-show .text ul li {
            padding: 10px; }
            .propage .page-show .show-box .big-show .text ul li .title {
              display: inline-block;
              text-align: right;
              width: 70px; }
      .propage .page-show .show-box .big-show .link {
        position: absolute;
        bottom: 0;
        right: 0;
        margin-bottom: 50px;
        margin-right: 20px; }
        .propage .page-show .show-box .big-show .link .title {
          display: none; }
        .propage .page-show .show-box .big-show .link .detail {
          float: right;
          font-size: 12px; }
    .propage .page-show .show-box .small-show {
      box-sizing: border-box;
      float: left;
      width: 370px;
      height: 253px;
      margin: 0 5px;
      margin-top: 7px;
      overflow: hidden;
      position: relative; }
      .propage .page-show .show-box .small-show .image {
        overflow: hidden; }
        .propage .page-show .show-box .small-show .image img {
          width: 100%; }
      .propage .page-show .show-box .small-show .big-img {
        display: none; }
      .propage .page-show .show-box .small-show .text {
        display: none; }
      .propage .page-show .show-box .small-show a {
        box-sizing: border-box;
        position: absolute;
        bottom: 0;
        display: block;
        width: 100%;
        height: 85px;
        background: #29acff;
        color: #fff;
        padding: 0 20px;
        padding-top: 30px;
        background: rgba(41, 172, 255, 0.8); }
        .propage .page-show .show-box .small-show a .title {
          position: relative;
          top: -1px; }
        .propage .page-show .show-box .small-show a .detail {
          float: right;
          font-size: 12px; }

.quality {
  margin-top: 100px; }
  .quality .content {
    position: relative;
    border-top: 1px solid #054566; }
    .quality .content h2 {
      position: absolute;
      left: 50%;
      margin-left: -225px;
      width: 450px;
      text-align: center;
      margin-top: -25px;
      background: #fff;
      font-size: 40px;
      font-family: simsun;
      font-weight: 800; }
    .quality .content .row {
      margin-top: 50px;
      background: #f6f6f6;
      position: relative; }
      .quality .content .row .text {
        box-sizing: border-box;
        height: 450px;
        padding: 0;
        width: 395px;
        margin-left: 50px; }
        .quality .content .row .text li {
          box-sizing: border-box;
          height: 150px;
          padding: 0;
          padding-top: 47px; }
          .quality .content .row .text li div {
            height: 56px;
            line-height: 28px;
            padding-left: 80px;
            font-size: 26px;
            color: #3e3e3e; }
            .quality .content .row .text li div span {
              font-weight: bold; }
        .quality .content .row .text .first div {
          background: url(./img/item1-bg.png) no-repeat 0 center; }
        .quality .content .row .text .second div {
          background: url(./img/item2-bg.png) no-repeat 0 center; }
        .quality .content .row .text .third div {
          background: url(./img/item3-bg.png) no-repeat 0 center; }
      .quality .content .row .image {
        background: red;
        position: absolute;
        top: 0;
        right: 0;
        width: 605px;
        height: 100%;
        overflow: hidden; }
        .quality .content .row .image img {
          width: 100%; }

.superiority h2 {
  background: url(./img/section-title-superiority-bg.png) no-repeat center center; }
.superiority .ads {
  height: 56px;
  text-indent: -9999px;
  background: url(./img/superiority-ads-bg.png) no-repeat center center; }
.superiority .con-list {
  padding: 0;
  margin-top: 60px;
  overflow: hidden;
  margin-left: -40px;
  margin-right: -40px; }
  .superiority .con-list li {
    float: left;
    width: 460px;
    height: 332px;
    border: 1px solid #e5e5e5;
    box-sizing: border-box;
    padding: 25px;
    margin: 0 40px; }
    .superiority .con-list li .con-box {
      width: 100%;
      height: 100%;
      overflow: hidden;
      position: relative; }
      .superiority .con-list li .con-box img {
        width: 100%; }
      .superiority .con-list li .con-box .text {
        box-sizing: border-box;
        background: rgba(27, 67, 109, 0.6);
        color: #fff;
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        padding-top: 90px;
        text-align: center; }
        .superiority .con-list li .con-box .text h3 {
          margin-top: 0;
          font-size: 18px; }
        .superiority .con-list li .con-box .text p {
          margin: 0 60px; }
        .superiority .con-list li .con-box .text:hover {
          background: rgba(27, 67, 109, 0);
          color: rgba(27, 67, 109, 0.3); }

.technology h2 {
  background: url(./img/section-title-technology-bg.png) no-repeat center center; }
.technology .con-list {
  padding: 0;
  height: 490px;
  margin-left: -40px;
  margin-right: -40px; }
  .technology .con-list li {
    float: left;
    box-sizing: border-box;
    width: 280px;
    height: 100%;
    border: 1px solid #b1b1b1;
    padding: 15px 0;
    margin: 0 40px; }
    .technology .con-list li .cbox {
      width: 250px;
      height: 260px;
      margin: 0 auto; }
    .technology .con-list li .image {
      border: 1px solid #eee; }
      .technology .con-list li .image img {
        width: 100%; }
    .technology .con-list li .text h3 {
      font-size: 26px;
      color: #238bd7;
      margin-bottom: 10px;
      margin-top: 20px; }
    .technology .con-list li .text p {
      line-height: 1.5;
      text-align: justify; }
  .technology .con-list .reverse {
    position: relative; }
    .technology .con-list .reverse .text {
      margin-top: -15px; }
    .technology .con-list .reverse .image {
      position: absolute;
      left: 50%;
      bottom: 0;
      margin-left: -125px;
      margin-bottom: 15px; }

.advantages h2 {
  background: url(./img/section-title-advantages-bg.png) no-repeat center center; }
.advantages .con-list {
  padding: 0;
  overflow: hidden;
  margin-left: -40px;
  margin-right: -40px;
  background: url(./img/service-bg.png) no-repeat center top; }
  .advantages .con-list li {
    box-sizing: border-box;
    height: 290px;
    float: left;
    width: 190px;
    margin: 0 40px;
    text-align: center;
    padding-top: 150px; }
    .advantages .con-list li p {
      line-height: 1.5;
      color: #444444; }
    .advantages .con-list li.service-1 {
      background: url(./img/service1-bg.png) no-repeat center top; }
    .advantages .con-list li.service-2 {
      background: url(./img/service2-bg.png) no-repeat center top; }
    .advantages .con-list li.service-3 {
      background: url(./img/service3-bg.png) no-repeat center top; }
    .advantages .con-list li.service-4 {
      background: url(./img/service4-bg.png) no-repeat center top; }
    .advantages .con-list li h3 {
      margin-top: 0;
      margin-bottom: 5px;
      font-size: 24px;
      color: #4bb1ff; }
    .advantages .con-list li p {
      padding: 0 25px; }

.scenarios2 h2 {
  background: url(./img/section-title-scenarios-bg.png) no-repeat center center; }
.scenarios2 .con-list {
  height: 250px;
  overflow: hidden;
  padding: 0;
  margin-left: -40px;
  margin-right: -40px; }
  .scenarios2 .con-list li {
    float: left;
    width: 280px;
    text-align: center;
    margin: 0 40px; }
    .scenarios2 .con-list li .image {
      border: 1px solid #bfbfbf;
      width: 240px;
      height: 160px;
      padding: 20px;
      overflow: hidden; }
      .scenarios2 .con-list li .image img {
        width: 100%; }
    .scenarios2 .con-list li h3 {
      margin-top: 10px;
      font-weight: normal;
      font-size: 16px; }

.display h2 {
  background: url(./img/section-title-display-bg.png) no-repeat center center; }
.display .con-box {
  /* Custom Flipster Styles */
  /* 瀵艰埅 */ }
  .display .con-box .Button {
    display: inline-block;
    margin: 0;
    background-color: #fff;
    background-position: center center;
    background-repeat: no-repeat;
    color: #7a0715;
    text-shadow: none;
    vertical-align: middle;
    cursor: pointer;
    border: 0;
    -ms-transition: color 300ms ease, background-color 300ms ease;
    -webkit-transition: color 300ms ease, background-color 300ms ease;
    -moz-transition: color 300ms ease, background-color 300ms ease;
    -o-transition: color 300ms ease, background-color 300ms ease;
    transition: color 300ms ease, background-color 300ms ease; }
  .display .con-box .Button:hover,
  .display .con-box .Button:focus {
    color: #7a0715; }
  .display .con-box .Button.Small {
    padding: 5px 10px;
    font-size: small; }
  .display .con-box .Button.Block {
    width: 400px;
    height: 250px;
    border: 1px solid #777;
    box-shadow: 0 1px 2px 1px #000; }
  .display .con-box .Button h1 {
    font-size: 2em;
    line-height: 1.25em;
    color: #FFF; }
  .display .con-box .flipster {
    padding-bottom: 50px; }
  .display .con-box .flipto-prev {
    margin-top: -50px;
    width: 36px;
    height: 36px;
    padding: 0;
    border: none;
    text-indent: -9999px;
    border-radius: 50%;
    background: rgba(0, 0, 0, 0.5) url(./img/arrow-left.png) no-repeat left center; }
    .display .con-box .flipto-prev:hover {
      filter: alpha(opacity=75);
      opacity: 0.75; }
  .display .con-box .flipto-next {
    margin-top: -50px;
    width: 36px;
    height: 36px;
    padding: 0;
    border: none;
    text-indent: -9999px;
    border-radius: 50%;
    background: rgba(0, 0, 0, 0.5) url(./img/arrow-right.png) no-repeat right center; }
    .display .con-box .flipto-next:hover {
      filter: alpha(opacity=100);
      opacity: 1; }

.customer {
  margin-top: 130px; }
  .customer header {
    border-top: 1px solid #13b6ff;
    position: relative;
    text-align: center;
    padding-top: 10px; }
    .customer header h2 {
      font-size: 34px;
      padding: 13px 0;
      border-bottom: 3px solid #13b6ff;
      position: absolute;
      left: 50%;
      top: -95px;
      margin-left: -160px;
      width: 320px; }
      .customer header h2 small {
        font-size: 24px; }
    .customer header .more {
      position: absolute;
      top: -30px;
      right: 0;
      color: #268ffb;
      font-size: 18px; }
    .customer header p {
      font-size: 18px;
      color: #646464; }
  .customer .con-list {
    overflow: hidden;
    margin-left: -22px;
    margin-right: -22px;
    margin-top: 80px;
    padding: 0; }
    .customer .con-list li {
      float: left;
      width: 304px;
      margin: 0 22px;
      text-align: center;
      margin-bottom: 30px; }
      .customer .con-list li .image {
        height: 220px;
        overflow: hidden; }
        .customer .con-list li .image img {
          width: 100%;
          height: 100%; }
      .customer .con-list li h3 {
        font-size: 16px;
        font-weight: normal;
        margin-top: 10px; }

.customize {
  margin-top: 50px; }
  .customize header {
    height: 60px;
    line-height: 60px;
    background: #eee; }
    .customize header h2 {
      background: #2bb7ff;
      color: #fff;
      float: left;
      margin: 0;
      padding: 0 45px; }
    .customize header p {
      text-align: right;
      padding-right: 15px;
      font-family: "KaiTi";
      font-size: 20px; }
  .customize .con-box {
    border: 1px solid #eee;
    padding-top: 30px; }
  .customize form {
    box-sizing: border-box;
    width: 690px;
    margin: 0 auto; }
    .customize form label {
      font-size: 20px; }
    .customize form input, .customize form textarea {
      border: 1px solid #a6a6a6; }
    .customize form .inpt {
      line-height: 60px;
      overflow: hidden;
      width: 100%; }
      .customize form .inpt label {
        float: left;
        display: inline-block;
        width: 105px; }
      .customize form .inpt .shot {
        width: 65px; }
      .customize form .inpt input {
        box-sizing: border-box;
        float: left;
        width: 583px;
        height: 40px;
        margin: 10px 0; }
      .customize form .inpt .num {
        width: 360px;
        margin-right: 20px; }
      .customize form .inpt .unit {
        width: 120px;
        float: right; }
    .customize form .minpt {
      overflow: hidden;
      margin-top: 15px;
      line-height: 1.5; }
      .customize form .minpt label {
        float: left;
        width: 105px; }
      .customize form .minpt textarea {
        box-sizing: border-box;
        margin: 0;
        float: left;
        width: 583px;
        height: 135px; }
    .customize form .upload {
      padding-left: 105px;
      padding-top: 10px; }
      .customize form .upload input {
        border: none; }
    .customize form .btns {
      text-align: right;
      padding: 15px 0; }
      .customize form .btns input {
        border: 1px solid #c9c9c9;
        border-radius: 10px;
        padding: 5px 25px;
        margin-left: 15px;
        cursor: pointer; }
      .customize form .btns .ok {
        background: #f18a2e;
        color: #fff; }
    .customize form .tip {
      font-size: 12px; }

.hotproducts {
  margin-top: 50px; }
  .hotproducts .con-list {
    margin-top: 30px;
    padding: 0;
    overflow: hidden;
    margin-left: -16px;
    margin-right: -16px; }
    .hotproducts .con-list li {
      box-sizing: border-box;
      float: left;
      text-align: center;
      border: 1px solid #b4b4b4;
      width: 226px;
      margin: 0 16px; }
      .hotproducts .con-list li .image {
        height: 180px;
        line-height: 180px;
        font-size: 0;
        text-align: center;
        overflow: hidden; }
        .hotproducts .con-list li .image img {
          vertical-align: middle;
          max-height: 100%;
          max-width: 100%; }
      .hotproducts .con-list li h3 {
        margin: 0;
        background: #d2d2d2;
        font-size: 16px;
        font-weight: normal;
        padding: 13px 0; }
        .hotproducts .con-list li h3:hover {
          background: #46c0ff;
          color: #fff; }

.procenter .cat-list .allcat li a {
  height: 31px;
  line-height: 31px; }
.procenter .content-show {
  border-bottom: 1px solid #20b3ff; }
.procenter header {
  height: 49px;
  padding: 0;
  background: #fff;
  border-bottom: 1px solid #3d3d3d;
  position: relative;
  overflow: visible; }
  .procenter header h3 {
    position: absolute;
    bottom: -2px;
    margin: 0;
    padding-bottom: 12px;
    padding-right: 5px;
    border-bottom: 3px solid #1596ea;
    font-size: 26px;
    color: #05a4ff; }
.procenter .list-box ul {
  overflow: hidden;
  padding: 0;
  margin: 20px -6px 0 -6px; }
  .procenter .list-box ul li {
    float: left;
    width: 242px;
    margin: 0 6px;
    text-align: center;
    background: red; }
    .procenter .list-box ul li .image {
      border: 1px solid #32b9ff;
      height: 180px;
      line-height: 180px;
      text-align: center;
      font-size: 0;
      overflow: hidden; }
      .procenter .list-box ul li .image img {
        vertical-align: middle;
        max-height: 100%;
        max-width: 100%; }
    .procenter .list-box ul li .text {
      box-sizing: border-box;
      height: 58px;
      overflow: hidden;
      background: #fff;
      padding-top: 15px; }
      .procenter .list-box ul li .text h4 {
        margin: 0;
        float: left;
        font-size: 16px;
        font-weight: normal;
        width: 160px;
        word-break: keep-all;
        overflow: hidden;
        text-align: left;
        text-overflow: ellipsis;
        white-space: nowrap; }
      .procenter .list-box ul li .text .more {
        line-height: 1.2;
        float: right;
        font-size: 14px;
        color: #f33300;
        border: 1px solid #f33300;
        border-radius: 10px;
        padding: 2px 7px; }
        .procenter .list-box ul li .text .more:hover {
          background: #f33300;
          color: #fff; }
.procenter .page-nav {
  margin-top: 15px;
  overflow: hidden; }
  .procenter .page-nav .nav-links {
    text-align: right; }
    .procenter .page-nav .nav-links span, .procenter .page-nav .nav-links a {
      border: 1px solid #bbb;
      margin: 0 5px;
      display: inline-block;
      padding: 5px 10px;
      font-size: 14px;
      color: #bbb; }
    .procenter .page-nav .nav-links span.current {
      background: #cf2929;
      color: #fff; }

.hotproducts2 {
  margin-top: 60px; }
  .hotproducts2 .row {
    margin-top: 50px;
    background: url(./img/ads-bg1.png) no-repeat center center; }
    .hotproducts2 .row .ads {
      width: 380px;
      padding-bottom: 7px;
      text-align: center;
      margin: 0 auto; }
      .hotproducts2 .row .ads h3 {
        font-size: 20px;
        margin: 0; }
        .hotproducts2 .row .ads h3 small {
          font-weight: normal;
          position: relative;
          bottom: -1px; }
      .hotproducts2 .row .ads p {
        margin: 0; }
  .hotproducts2 .con-list {
    margin-top: 50px; }
    .hotproducts2 .con-list li {
      border: none; }
      .hotproducts2 .con-list li .image {
        height: 260px;
        border: 1px solid #bfbfbf;
        width: 100%;
        height: 100%; }
        .hotproducts2 .con-list li .image img {
          display: block; }
      .hotproducts2 .con-list li .text {
        height: 110px; }
        .hotproducts2 .con-list li .text h4 {
          color: #04a0ff;
          margin: 15px 0 10px 0; }
        .hotproducts2 .con-list li .text p {
          color: #272727;
          line-height: 1.5;
          text-align: justify;
          margin: 0;
          text-indent: 0; }

.recommend {
  margin-top: 60px; }
  .recommend .con-list {
    overflow: hidden;
    margin-top: 30px;
    padding: 0; }
    .recommend .con-list li {
      box-sizing: border-box;
      width: 50%;
      float: left;
      overflow: hidden; }
      .recommend .con-list li div {
        box-sizing: border-box;
        float: left; }
      .recommend .con-list li .image {
        width: 45%;
        padding: 15px;
        border: 1px solid #b5b5b5;
        overflow: hidden; }
        .recommend .con-list li .image img {
          width: 100%;
          height: 100%; }
      .recommend .con-list li .text {
        width: 55%;
        padding: 0 10px; }
        .recommend .con-list li .text h3 {
          color: #3399e8; }
        .recommend .con-list li .text p {
          font-size: 14px;
          line-height: 1.5;
          margin-top: 0; }
  .recommend .news-list {
    margin-top: 50px;
    border-top: 1px solid #aaa;
    position: relative;
    height: 160px; }
    .recommend .news-list .more {
      position: absolute;
      right: 0;
      top: -25px;
      background: #ffac23;
      border-radius: 10px;
      color: #fff;
      padding: 0 8px;
      padding-bottom: 2px;
      z-index: 999; }
    .recommend .news-list ul {
      box-sizing: border-box;
      overflow: hidden;
      padding: 0;
      margin-left: -50px;
      margin-right: -50px; }
      .recommend .news-list ul li {
        width: 450px;
        margin: 0 50px;
        float: left;
        overflow: hidden;
        background: url(./img/news-item-bg.png) no-repeat left center;
        line-height: 2;
        box-sizing: border-box;
        padding-left: 20px; }
        .recommend .news-list ul li span {
          float: right; }

.service .content {
  margin-bottom: 50px; }
  .service .content .text {
    margin-top: 20px; }
    .service .content .text p {
      margin: 0;
      text-indent: 2em;
      line-height: 2; }

.overview .content {
  box-sizing: border-box;
  background: url(./img/overview-bg.png) no-repeat center center;
  height: 326px;
  padding: 50px 30px;
  color: #383838; }
  .overview .content h2 {
    margin-top: 0;
    border-bottom: 1px solid #000;
    width: 60%;
    padding: 5px;
    margin-bottom: 0; }
  .overview .content span {
    display: block;
    width: 190px;
    height: 20px;
    background: #ffae00;
    margin-top: -1px;
    margin-left: -30px; }

.solution p {
  margin: 0; }

.business .content .con-list {
  margin-top: 20px; }
  .business .content .con-list li {
    border: none;
    margin-bottom: 20px; }
    .business .content .con-list li .image {
      border: 1px solid #aaa;
      height: 170px;
      text-align: center; }
      .business .content .con-list li .image img {
        display: block;
        width: 100%;
        height: 100%; }
    .business .content .con-list li .text {
      margin-top: 10px; }
      .business .content .con-list li .text h4 {
        font-size: 16px;
        margin: 0; }

.case-header .content header {
  height: 49px;
  padding: 0;
  background: #fff;
  border-bottom: 1px solid #3d3d3d;
  position: relative;
  overflow: visible; }
  .case-header .content header h2 {
    position: absolute;
    bottom: -2px;
    margin: 0;
    padding-right: 5px;
    margin-bottom: 0;
    font-size: 26px; }
    .case-header .content header h2 span {
      color: #05a4ff;
      display: inline-block;
      border-bottom: 3px solid #1596ea;
      padding-bottom: 12px; }
  .case-header .content header .more {
    float: right;
    margin-top: 15px; }
.case-header .content .con-box {
  margin-top: 20px;
  background: #f9f9f9;
  overflow: hidden;
  height: 320px;
  position: relative; }
  .case-header .content .con-box .image {
    width: 470px;
    height: 320px; }
    .case-header .content .con-box .image img {
      width: 100%; }
  .case-header .content .con-box .text {
    position: absolute;
    top: 0;
    right: 0;
    box-sizing: border-box;
    width: 565px;
    height: 320px;
    padding: 50px 20px;
    padding-left: 55px;
    overflow: hidden;
    background: url(./img/case-header-arrow.png) no-repeat left center;
    margin-left: -35px; }
    .case-header .content .con-box .text h3 {
      color: #1596ea;
      font-size: 18px; }
    .case-header .content .con-box .text p {
      line-height: 1.5; }
    .case-header .content .con-box .text .meta {
      font-size: 14px; }
      .case-header .content .con-box .text .meta span {
        display: inline-block;
        margin-right: 10px; }
    .case-header .content .con-box .text .detail {
      font-size: 14px;
      float: right; }

.case-list {
  margin-top: 60px; }
  .case-list .content header {
    text-align: center;
    border: 1px solid #434343;
    position: relative;
    width: 620px;
    margin: 0 auto; }
    .case-list .content header h2 {
      position: absolute;
      left: 50%;
      top: -50px;
      margin-left: -95px;
      width: 190px;
      background: #fff;
      font-size: 32px; }
    .case-list .content header ul {
      border-top: 3px solid #434343;
      width: 380px;
      margin: 0 auto;
      margin-top: -2px;
      padding: 0;
      padding-top: 25px;
      padding-bottom: 10px;
      font-size: 24px;
      color: #1596ea; }
      .case-list .content header ul li {
        display: inline-block;
        margin: 0 15px; }
  .case-list .content .con-list {
    margin-top: 50px;
    margin-left: -15px;
    margin-right: -15px; }
    .case-list .content .con-list ul {
      padding: 0;
      overflow: hidden; }
      .case-list .content .con-list ul li {
        box-sizing: border-box;
        width: 485px;
        float: left;
        margin: 15px;
        position: relative;
        background: #f9f9f9; }
        .case-list .content .con-list ul li .image {
          background: #ddd;
          width: 255px;
          font-size: 0;
          text-align: center;
          line-height: 200px;
          height: 200px; }
          .case-list .content .con-list ul li .image img {
            vertical-align: middle;
            width: auto;
            height: 100%;
            max-width: 100%;
            max-height: 100%; }
        .case-list .content .con-list ul li .text {
          width: 265px;
          height: 200px;
          position: absolute;
          top: 0;
          right: 0;
          box-sizing: border-box;
          padding: 0 15px;
          padding-left: 50px;
          overflow: hidden;
          background: url(./img/case-header-arrow.png) no-repeat left center; }
          .case-list .content .con-list ul li .text h3 {
            font-size: 16px;
            color: #05a4ff; }
          .case-list .content .con-list ul li .text p {
            text-align: justify;
            color: #444;
            font-size: 14px;
            line-height: 1.5; }
          .case-list .content .con-list ul li .text span {
            position: absolute;
            bottom: 10px;
            right: 15px;
            display: inline-block;
            height: 28px;
            width: 80px;
            border: 1px solid #dcdcdc;
            font-size: 12px; }
          .case-list .content .con-list ul li .text .detail2 {
            text-align: center;
            line-height: 32px;
            padding: 0 10px;
            width: 60px;
            display: block;
            position: absolute;
            top: 0;
            left: 0;
            background: url(./img/detail-bg1.png) no-repeat center bottom; }
    .case-list .content .con-list .page-nav {
      margin-top: 15px;
      overflow: hidden;
      border-top: 1px solid #999;
      padding: 15px 0; }
      .case-list .content .con-list .page-nav .nav-links {
        text-align: center; }
        .case-list .content .con-list .page-nav .nav-links span, .case-list .content .con-list .page-nav .nav-links a {
          border: 1px solid #bbb;
          margin: 0 5px;
          display: inline-block;
          padding: 5px 10px;
          font-size: 14px;
          color: #bbb; }
        .case-list .content .con-list .page-nav .nav-links span.current {
          background: #cf2929;
          color: #fff; }

.news {
  margin-top: -60px; }
  .news .content h2 {
    background: url(./img/section-title-news-bg.png) no-repeat center center; }
  .news .content .faq {
    width: 100%; }
    .news .content .faq header h3 .en {
      left: 0; }
    .news .content .faq .faq-list ul {
      padding: 0;
      margin-top: -20px; }
      .news .content .faq .faq-list ul li {
        color: #525252;
        margin-top: 50px; }
        .news .content .faq .faq-list ul li .title {
          background: url(./img/q.png) no-repeat left center;
          padding: 10px 0;
          padding-left: 30px; }
          .news .content .faq .faq-list ul li .title h4 {
            display: inline;
            font-size: 18px; }
            .news .content .faq .faq-list ul li .title h4 a {
              color: #22a9ff; }
          .news .content .faq .faq-list ul li .title span {
            float: right; }
        .news .content .faq .faq-list ul li .anwser {
          text-align: justify;
          background: url(./img/a.png) no-repeat left top;
          padding-left: 30px;
          margin: 0;
          line-height: 1.5; }
          .news .content .faq .faq-list ul li .anwser .detail {
            padding: 0 10px;
            font-size: 14px; }

.about-us .content-show img {
  width: 100%; }
.about-us .row {
  overflow: hidden; }
.about-us .cat-list .sub-cat-list {
  padding: 0; }
  .about-us .cat-list .sub-cat-list li {
    border-color: #12aeff #66cbff;
    border-style: solid;
    border-width: 1px; }
    .about-us .cat-list .sub-cat-list li a {
      display: block;
      height: 60px;
      line-height: 60px;
      padding-left: 50px;
      color: #5a5a5a; }
    .about-us .cat-list .sub-cat-list li.current_page_item a {
      color: #fff;
      background: #ffc467 url(./img/list-item3-bg.png) no-repeat 30px center; }
.about-us .cat-list .cat-1, .about-us .cat-list .cat-2, .about-us .cat-list .cat-3 {
  position: static; }
.about-us div p {
  margin-top: 0;
  font-size: 15px;
  line-height: 1.5; }
.about-us div.tuowei-wenhua h3 {
  border-top: 1px solid #000;
  text-align: center;
  font-size: 18px; }
  .about-us div.tuowei-wenhua h3 .cn {
    width: 170px;
    display: block;
    padding: 10px 30px;
    border: 1px solid #a0a0a0;
    margin: 0 auto;
    margin-top: -22px;
    background: #fff; }
  .about-us div.tuowei-wenhua h3 .en {
    font-size: 16px; }
.about-us div.tuowei-concept h3 {
  border-top: 1px solid #000;
  width: 440px;
  margin: 0 auto;
  text-align: center; }
  .about-us div.tuowei-concept h3 span {
    position: relative;
    top: -14px;
    display: inline-block;
    background: #fff;
    padding: 3px; }
.about-us .course .title {
  margin-top: 0;
  border-bottom: 1px solid #000; }
  .about-us .course .title .cn {
    border-bottom: 3px solid #22a9ff;
    font-size: 24px;
    padding-bottom: 3px;
    display: inline-block;
    position: relative;
    top: 2px; }
  .about-us .course .title .en {
    font-size: 14px;
    position: relative;
    top: 4px; }
.about-us .course .page-content {
  margin-bottom: 60px; }
  .about-us .course .page-content .blank {
    height: 40px;
    background: url(./img/arrow-top-bg1.png) no-repeat 22px top; }
  .about-us .course .page-content ul {
    margin-top: 0;
    margin-left: 30px;
    border-left: 1px solid #41b2f4;
    border-bottom: 1px solid #41b2f4;
    padding: 0; }
  .about-us .course .page-content li {
    background: url(./img/item-bg5.png) no-repeat left 2px;
    margin-top: 0;
    margin-bottom: 10px;
    margin-left: -12px;
    padding-top: 0;
    padding-left: 40px;
    padding-bottom: 20px;
    line-height: 1.5;
    text-align: justify; }
.about-us .course .tuowei-tuandui {
  margin-bottom: 60px; }
  .about-us .course .tuowei-tuandui .photos {
    position: relative;
    height: 308px; }
    .about-us .course .tuowei-tuandui .photos h4 {
      box-sizing: border-box;
      position: absolute;
      height: 110px;
      background: #22a9ff;
      color: #fff;
      text-align: center;
      line-height: 2;
      padding: 15px 5px; }
  .about-us .course .tuowei-tuandui li {
    position: absolute;
    width: 210px;
    height: 150px; }
    .about-us .course .tuowei-tuandui li a {
      filter: alpha(opacity=90);
      opacity: 0.9;
      display: block;
      overflow: hidden;
      height: 100%; }
      .about-us .course .tuowei-tuandui li a img {
        width: 100%;
        height: 100%;
        transition: 1s;
        -webkit-transition: 1s;
        -moz-transition: 1s; }
      .about-us .course .tuowei-tuandui li a:hover {
        filter: alpha(opacity=100);
        opacity: 1; }
        .about-us .course .tuowei-tuandui li a:hover img {
          -webkit-transform: rotate(-10deg) scale(1.2);
          -moz-transform: rotate(-10deg) scale(1.2);
          -ms-transform: rotate(-10deg) scale(1.2);
          -o-transform: rotate(-10deg) scale(1.2); }
  .about-us .course .tuowei-tuandui .left {
    left: 0; }
  .about-us .course .tuowei-tuandui .right {
    right: 0; }
  .about-us .course .tuowei-tuandui .top {
    top: 0; }
  .about-us .course .tuowei-tuandui .bottom {
    bottom: 0; }
  .about-us .course .tuowei-tuandui .center {
    width: 300px;
    height: 180px;
    left: 50%;
    margin: 0;
    margin-left: -150px; }
.about-us .course .tuowei-zizhi ul {
  padding: 0;
  margin: 0; }
.about-us .course .tuowei-zizhi .scroll_horizontal {
  position: relative;
  width: 100%;
  height: 200px;
  margin: 0 auto; }
.about-us .course .tuowei-zizhi .scroll_horizontal .box {
  overflow: hidden;
  position: relative;
  width: 660px;
  height: 200px;
  margin: 0 auto;
  padding-top: 25px; }
.about-us .course .tuowei-zizhi .scroll_horizontal .box li {
  width: 208px;
  height: 150px;
  padding: 0 9px; }
.about-us .course .tuowei-zizhi .scroll_horizontal .box img {
  width: 100%;
  height: 100%; }
.about-us .course .tuowei-zizhi .scroll_horizontal .list {
  overflow: hidden;
  width: 9999px; }
.about-us .course .tuowei-zizhi .scroll_horizontal .list li {
  float: left;
  width: 200px; }
.about-us .course .tuowei-zizhi .scroll_horizontal .prev,
.about-us .course .tuowei-zizhi .scroll_horizontal .next {
  position: absolute;
  top: 50%;
  margin-top: -25px;
  width: 40px;
  height: 50px; }
.about-us .course .tuowei-zizhi .scroll_horizontal .prev {
  left: 0; }
.about-us .course .tuowei-zizhi .scroll_horizontal .next {
  right: 0; }
.about-us .course .tuowei-zizhi .scroll_horizontal .prev {
  z-index: 1;
  background: url(./img/btn-left.png) no-repeat left center; }
.about-us .course .tuowei-zizhi .scroll_horizontal .next {
  z-index: 1;
  background: url(./img/btn-right.png) no-repeat right center; }

.contact .aboutus .content h2 {
  width: 183px;
  height: 219px;
  background: url(./img/contact-us-bg.png) no-repeat left center; }
  .contact .aboutus .content h2 span.tel {
    text-indent: 0;
    font-size: 22px;
    position: absolute;
    bottom: 35px;
    left: 8px;
    color: #fff; }
.contact .aboutus .content .text {
  padding-left: 210px; }
  .contact .aboutus .content .text h3 {
    font-size: 18px;
    margin: 10px 0; }
  .contact .aboutus .content .text p {
    padding: 0;
    margin: 5px 0; }
  .contact .aboutus .content .text .tel {
    color: #ffa800; }
  .contact .aboutus .content .text .fot {
    text-align: right; }
.contact .contact-us .content header {
  margin-top: 125px;
  text-align: center;
  border-top: 3px solid #000;
  position: relative;
  height: 50px; }
  .contact .contact-us .content header h2 {
    padding: 0;
    margin: 0;
    width: 580px;
    margin-bottom: -3px;
    background: #fff;
    position: absolute;
    left: 50%;
    margin-left: -290px;
    top: -52px; }
    .contact .contact-us .content header h2 span {
      display: block;
      font-size: 22px;
      padding: 5px 10px;
      margin: 5px 0; }
    .contact .contact-us .content header h2 .cn {
      display: inline-block;
      background: #22a9ff;
      color: #fff; }
    .contact .contact-us .content header h2 .en {
      border-top: 1px solid #9c9c9c; }
.contact .contact-us .content .row-1 {
  overflow: hidden;
  border: 1px solid #eee; }
  .contact .contact-us .content .row-1 .contact-info {
    box-sizing: border-box;
    width: 358px;
    padding-left: 15px;
    float: left; }
    .contact .contact-us .content .row-1 .contact-info h3 {
      font-size: 23px; }
    .contact .contact-us .content .row-1 .contact-info ul {
      margin: 0;
      padding: 0; }
      .contact .contact-us .content .row-1 .contact-info ul li {
        padding: 10px;
        padding-left: 65px;
        margin: 50px 0; }
      .contact .contact-us .content .row-1 .contact-info ul .address {
        background: url(./img/address-bg.png) no-repeat left center; }
      .contact .contact-us .content .row-1 .contact-info ul .tels {
        background: url(./img/tels-bg.png) no-repeat left center; }
      .contact .contact-us .content .row-1 .contact-info ul .email {
        background: url(./img/email-bg.png) no-repeat left center; }
  .contact .contact-us .content .row-1 .map-box {
    float: right;
    width: 640px;
    height: 455px;
    background: red; }
.contact .contact-us .content .row-2 {
  margin-top: 50px; }
  .contact .contact-us .content .row-2 p {
    line-height: 1.5; }

.news2 {
  margin-bottom: 100px; }
  .news2 .tab-nav {
    margin: 0;
    padding: 0;
    overflow: hidden;
    margin-left: -4px;
    margin-right: -4px; }
    .news2 .tab-nav li {
      box-sizing: border-box;
      float: left;
      width: 328px;
      margin: 0 4px;
      text-align: center;
      padding-bottom: 27px; }
      .news2 .tab-nav li h2 {
        background: #3399e8;
        border: 1px solid #77bbf0;
        height: 72px;
        line-height: 72px;
        margin: 0; }
        .news2 .tab-nav li h2 a {
          color: #fff; }
    .news2 .tab-nav .active {
      background: url(./img/arrow-bottom.png) no-repeat center bottom; }
      .news2 .tab-nav .active h2 {
        background: #ffc467;
        border: 1px solid #ffd89a; }
  .news2 .tab-show {
    border: 1px solid #000;
    padding: 0 25px; }
    .news2 .tab-show > li {
      margin-top: -1px;
      border-top: 1px solid #000;
      padding: 20px;
      padding-bottom: 40px; }
      .news2 .tab-show > li h3 {
        font-size: 18px; }
        .news2 .tab-show > li h3 a {
          color: #22a9ff; }
      .news2 .tab-show > li p {
        text-align: justify;
        line-height: 1.5; }
      .news2 .tab-show > li .detail {
        float: right; }
    .news2 .tab-show .page-navs {
      margin-top: 20px;
      overflow: hidden;
      text-align: center; }
      .news2 .tab-show .page-navs a, .news2 .tab-show .page-navs span {
        display: inline-block;
        color: #fff;
        padding: 3px 8px;
        border-radius: 8px; }
      .news2 .tab-show .page-navs a {
        background: #3399e8; }
      .news2 .tab-show .page-navs span {
        color: #3399e8; }
        .news2 .tab-show .page-navs span.current {
          background: #ffc467;
          color: #fff; }

.news-detail {
  overflow: hidden; }
  .news-detail .con-box {
    float: left;
    box-sizing: border-box;
    width: 730px;
    border: 1px solid #b5b5b5;
    padding: 0 10px; }
    .news-detail .con-box h1 {
      font-size: 24px;
      text-align: center;
      border-bottom: 1px solid #4d4d4d;
      padding: 10px; }
    .news-detail .con-box .meta {
      font-size: 14px; }
      .news-detail .con-box .meta .info {
        padding-right: 30px; }
      .news-detail .con-box .meta .size {
        float: right; }
    .news-detail .con-box p {
      line-height: 1.5;
      margin-top: 20px;
      margin-bottom: 20px; }
    .news-detail .con-box img {
      max-width: 100%;
    }
    .news-detail .con-box .con-list {
      padding: 0;
      overflow: hidden;
      margin-top: 30px;
      margin-bottom: 30px;
      margin-left: -12px;
      margin-right: -12px;
      background: url(./img/service-bg2.png) no-repeat center top; }
      .news-detail .con-box .con-list li {
        box-sizing: border-box;
        height: 290px;
        float: left;
        width: 159px;
        margin: 0 12px;
        text-align: center;
        padding-top: 150px; }
        .news-detail .con-box .con-list li p {
          line-height: 1.5;
          color: #444444;
          padding: 0 2px;
          font-size: 14px;
          text-indent: 0; }
        .news-detail .con-box .con-list li.service-1 {
          background: url(./img/service1-bg.png) no-repeat center top; }
        .news-detail .con-box .con-list li.service-2 {
          background: url(./img/service2-bg.png) no-repeat center top; }
        .news-detail .con-box .con-list li.service-3 {
          background: url(./img/service3-bg.png) no-repeat center top; }
        .news-detail .con-box .con-list li.service-4 {
          background: url(./img/service4-bg.png) no-repeat center top; }
        .news-detail .con-box .con-list li h3 {
          margin-top: 0;
          margin-bottom: 5px;
          font-size: 24px;
          color: #4bb1ff; }
    .news-detail .con-box .post-navs {
      overflow: hidden;
      margin: 10px 0; }
      .news-detail .con-box .post-navs .nav-previous {
        float: left; }
      .news-detail .con-box .post-navs .nav-next {
        float: right; }
  .news-detail .sider-bar {
    float: right;
    box-sizing: border-box;
    width: 260px;
    margin-left: 10px;
    border: 1px solid #b5b5b5; }
    .news-detail .sider-bar > ul {
      margin: 0;
      padding: 0; }
      .news-detail .sider-bar > ul li h2 {
        margin-top: 0;
        font-size: 18px;
        text-align: center;
        color: #fff;
        background: #14bfff;
        padding: 15px 0; }
      .news-detail .sider-bar > ul li ul {
        margin: 0;
        padding: 0;
        padding-left: 15px; }
        .news-detail .sider-bar > ul li ul li {
          margin: 10px 0;
          padding: 5px 15px;
          padding-left: 25px;
          font-size: 13px; }
          .news-detail .sider-bar > ul li ul li.item-1 {
            background: url(./img/item-1.png) no-repeat left center; }
          .news-detail .sider-bar > ul li ul li.item-2 {
            background: url(./img/item-2.png) no-repeat left center; }
          .news-detail .sider-bar > ul li ul li.item-3 {
            background: url(./img/item-3.png) no-repeat left center; }
          .news-detail .sider-bar > ul li ul li.item-4 {
            background: url(./img/item-4.png) no-repeat left center; }
          .news-detail .sider-bar > ul li ul li.item-5 {
            background: url(./img/item-5.png) no-repeat left center; }

.faq-detail .con-box header h1 {
  margin-top: 25px;
  padding-left: 60px;
  padding-top: 5px;
  font-size: 18px;
  text-align: left;
  border: none;
  border-top: 1px solid #000;
  position: relative; }
  .faq-detail .con-box header h1 span {
    position: absolute;
    left: 0;
    background: #ffae00;
    color: #fff;
    top: -20px;
    display: block;
    padding: 8px 10px;
    line-height: 1.1; }
.faq-detail .con-box .title {
  background: url(./img/q.png) no-repeat left center;
  padding: 10px 0;
  padding-left: 30px; }
  .faq-detail .con-box .title h2 {
    display: inline;
    font-size: 18px; }
    .faq-detail .con-box .title h2 a {
      color: #22a9ff; }
  .faq-detail .con-box .title span {
    float: right; }
.faq-detail .con-box .anwser {
  text-align: justify;
  background: url(./img/a.png) no-repeat left top;
  padding-left: 30px;
  margin: 0;
  line-height: 1.5; }
  .faq-detail .con-box .anwser .detail {
    padding: 0 10px;
    font-size: 14px; }

.prod-cont .single-page {
  height: auto;
  border: none; }
  .prod-cont .single-page > li {
    border: 1px solid #12aeff; }
  .prod-cont .single-page .current a.active {
    background: #ffc467 url(./img/list-item3-bg.png) no-repeat 5px center;
    color: #fff; }
  .prod-cont .single-page .self-list {
    padding-bottom: 88px; }
    .prod-cont .single-page .self-list ul.sub-cat-list li h4 {
      margin: 0; }
  .prod-cont .single-page .recommoned {
    margin-top: 50px; }
    .prod-cont .single-page .recommoned .prod-list {
      padding: 0; }
      .prod-cont .single-page .recommoned .prod-list li {
        text-align: center;
        margin-bottom: 30px; }
        .prod-cont .single-page .recommoned .prod-list li .image {
          border: 1px solid #d4d4d4;
          width: 80%;
          margin: 15px auto;
          padding: 10px; }
          .prod-cont .single-page .recommoned .prod-list li .image img {
            width: 100%; }
.prod-cont .prod-main {
  border: 1px solid #22a5f0;
  overflow: hidden; }
  .prod-cont .prod-main .image {
    box-sizing: border-box;
    width: 50%;
    float: left;
    border-right: 1px solid #22a5f0; }
  .prod-cont .prod-main .text {
    padding-left: 20px;
    padding-top: 30px;
    line-height: 2;
    box-sizing: border-box;
    width: 50%;
    float: right; }
    .prod-cont .prod-main .text span {
      padding-right: 5px;
      font-weight: bold; }
.prod-cont .prod-show h3 {
  margin-top: 50px;
  text-indent: -9999px;
  height: 90px;
  background: url(./img/detail-show--title-bg.png) no-repeat center center; }
.prod-cont .prod-show .show-list {
  margin-top: 50px;
  padding: 0;
  margin-left: -12px;
  margin-right: -12px;
  overflow: hidden; }
  .prod-cont .prod-show .show-list li {
    float: left;
    box-sizing: border-box;
    width: 234px;
    margin: 0 12px;
    text-align: center; }
    .prod-cont .prod-show .show-list li .image {
      border: 1px solid #727272; }
      .prod-cont .prod-show .show-list li .image img {
        display: block; }
    .prod-cont .prod-show .show-list li .text h4 {
      margin-bottom: 0; }
    .prod-cont .prod-show .show-list li .text p {
      margin-top: 5px; }
.prod-cont .prod-adva h3 {
  margin-top: 50px;
  text-indent: -9999px;
  height: 90px;
  background: url(./img/detail-prod-adva-title-bg.png) no-repeat center center; }
.prod-cont .prod-adva h4 {
  margin-top: 50px;
  text-indent: -9999px;
  height: 56px;
  background: url(./img/superiority-ads-bg.png) no-repeat center center; }
.prod-cont .prod-adva .show-list {
  padding: 0;
  margin-top: 60px;
  overflow: hidden;
  margin-left: -10px;
  margin-right: -10px; }
  .prod-cont .prod-adva .show-list li {
    float: left;
    width: 365px;
    height: 280px;
    border: 1px solid #e5e5e5;
    box-sizing: border-box;
    padding: 25px;
    margin: 0 10px; }
    .prod-cont .prod-adva .show-list li .con-box {
      width: 100%;
      height: 100%;
      overflow: hidden;
      position: relative; }
      .prod-cont .prod-adva .show-list li .con-box img {
        width: 100%; }
      .prod-cont .prod-adva .show-list li .con-box .text {
        box-sizing: border-box;
        background: rgba(27, 67, 109, 0.6);
        color: #fff;
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        padding-top: 50px;
        text-align: center; }
        .prod-cont .prod-adva .show-list li .con-box .text h5 {
          margin-top: 0;
          font-size: 16px; }
        .prod-cont .prod-adva .show-list li .con-box .text p {
          margin: 0 40px;
          font-size: 14px; }
        .prod-cont .prod-adva .show-list li .con-box .text:hover {
          background: rgba(27, 67, 109, 0);
          color: rgba(27, 67, 109, 0.3); }
.prod-cont .prod-tech h3 {
  margin-top: 50px;
  text-indent: -9999px;
  height: 90px;
  background: url(./img/detail-tech--title-bg.png) no-repeat center center; }
.prod-cont .prod-tech .con-box {
  margin-top: 50px;
  overflow: hidden; }
  .prod-cont .prod-tech .con-box .alignleft {
    float: left; }
  .prod-cont .prod-tech .con-box p {
    text-indent: 2em;
    line-height: 1.5;
    margin: 10px 0; }
.prod-cont .service-adva h3 {
  margin-top: 50px;
  text-indent: -9999px;
  height: 90px;
  background: url(./img/detail-adva--title-bg.png) no-repeat center center; }
.prod-cont .service-adva .con-list {
  padding: 0;
  overflow: hidden;
  margin-top: 30px;
  margin-bottom: 30px;
  margin-left: -11px;
  margin-right: -11px;
  background: url(./img/service-bg3.png) no-repeat center top; }
  .prod-cont .service-adva .con-list li {
    box-sizing: border-box;
    height: 290px;
    float: left;
    width: 171px;
    margin: 0 11px;
    text-align: center;
    padding-top: 150px; }
    .prod-cont .service-adva .con-list li p {
      line-height: 1.5;
      color: #444444;
      padding: 0 2px;
      font-size: 14px;
      text-indent: 0; }
    .prod-cont .service-adva .con-list li.service-1 {
      background: url(./img/service1-bg.png) no-repeat center top; }
    .prod-cont .service-adva .con-list li.service-2 {
      background: url(./img/service2-bg.png) no-repeat center top; }
    .prod-cont .service-adva .con-list li.service-3 {
      background: url(./img/service3-bg.png) no-repeat center top; }
    .prod-cont .service-adva .con-list li.service-4 {
      background: url(./img/service4-bg.png) no-repeat center top; }
    .prod-cont .service-adva .con-list li h5 {
      margin-top: 0;
      margin-bottom: 5px;
      font-size: 24px;
      color: #4bb1ff; }
.prod-cont .use-scen h3 {
  margin-top: 50px;
  text-indent: -9999px;
  height: 90px;
  background: url(./img/detail-scen--title-bg.png) no-repeat center center; }
.prod-cont .use-scen .con-list {
  padding: 0;
  margin-top: 50px;
  overflow: hidden; }
  .prod-cont .use-scen .con-list li {
    box-sizing: border-box;
    float: left;
    width: 345px;
    margin: 0 15px;
    text-align: center; }
    .prod-cont .use-scen .con-list li .image {
      border: 1px solid #bfbfbf;
      padding: 20px; }
      .prod-cont .use-scen .con-list li .image img {
        width: 100%; }
    .prod-cont .use-scen .con-list li .text {
      margin-top: 10px; }
.prod-cont .dev-disp h3 {
  margin-top: 50px;
  text-indent: -9999px;
  height: 90px;
  background: url(./img/detail-disp--title-bg.png) no-repeat center center; }
.prod-cont .dev-disp .con-box {
  margin-top: 50px; }
.prod-cont .single-customer {
  margin-top: 130px; }
  .prod-cont .single-customer header {
    border-top: 1px solid #13b6ff;
    position: relative;
    text-align: center;
    padding-top: 10px; }
    .prod-cont .single-customer header h3 {
      font-size: 34px;
      padding: 13px 0;
      border-bottom: 3px solid #13b6ff;
      position: absolute;
      left: 50%;
      top: -67px;
      margin-left: -160px;
      width: 320px; }
      .prod-cont .single-customer header h3 small {
        font-size: 24px; }
    .prod-cont .single-customer header .more {
      position: absolute;
      top: -30px;
      right: 0;
      color: #268ffb;
      font-size: 18px; }
    .prod-cont .single-customer header p {
      font-size: 18px;
      color: #646464; }
  .prod-cont .single-customer .con-list {
    overflow: hidden;
    margin-left: -12px;
    margin-right: -12px;
    margin-top: 80px;
    padding: 0; }
    .prod-cont .single-customer .con-list li {
      box-sizing: border-box;
      float: left;
      width: 234px;
      margin: 0 12px;
      text-align: center;
      margin-bottom: 30px; }
      .prod-cont .single-customer .con-list li .image {
        height: 175px;
        overflow: hidden; }
        .prod-cont .single-customer .con-list li .image img {
          width: 100%;
          height: 100%; }
      .prod-cont .single-customer .con-list li h3 {
        margin-top: 5px;
        font-size: 16px;
        font-weight: normal; }

.search-result .content {
  box-sizing: border-box;
  border: 1px solid #999;
  padding: 15px; }
  .search-result .content .entry-title a {
    color: #00a4ff; }
.search-result article {
  border-top: 1px dashed #999;
  margin-bottom: 10px;
  padding: 10px 0; }
  .search-result article footer {
    font-size: 14px;
    color: #999; }
    .search-result article footer span {
      padding-right: 20px; }
  .search-result article .entry-summary {
    line-height: 1.5; }
    .search-result article .entry-summary .more {
      color: #00a4ff; }
.search-result .page-nav {
  border-top: 1px dashed #999;
  padding: 20px 0;
  margin-top: 15px;
  overflow: hidden; }
  .search-result .page-nav .nav-links {
    text-align: center; }
    .search-result .page-nav .nav-links span, .search-result .page-nav .nav-links a {
      border: 1px solid #bbb;
      margin: 0 5px;
      display: inline-block;
      padding: 5px 10px;
      font-size: 14px;
      color: #bbb; }
    .search-result .page-nav .nav-links span.current {
      background: #cf2929;
      color: #fff; }

.on-found-404 .content {
  margin-top: 30px;
  position: relative; }
  .on-found-404 .content img {
    width: 100%; }
  .on-found-404 .content .go-home {
    text-indent: -9999px;
    border-radius: 2px;
    display: block;
    width: 124px;
    height: 28px;
    position: absolute;
    bottom: 94px;
    right: 347px; }

/*# sourceMappingURL=style.css.map */


.msite,.wechat{
  width: 92px;
  height: 92px;
}
.msite img,.wechat img{
  width: 100%;
  height: auto;
}

.post-content img{
  max-width: 100%;
  height: auto;
}

.post-content p{
  text-indent: 2em;
}

.fix {
  position: fixed;
  right: 10%;
  top: 50%; 
}
  .fix ul {
    float: right; 
    margin: 0;
    padding: 0;
  }
  .fix .erweima {
    float: right;
    height: 143px;
    line-height: 143px;
    width: 140px;
    text-align: center;
    /*background: #e0e0e0;*/
    display: none; 
  }
  .fix .erweima img{
      width:120px;
  }
  .fix li {
    width: 48px;
    text-align: center;
    height: 47px;
    line-height: 47px;
    background: #b2b2b2;
    border-top: 1px solid #e0e0e0; 
  }
    .fix li span {
      display: block;
      width: 36px;
      margin-left: 6px;
      line-height: 20px;
      padding-top: 2px; 
    }
    .fix li a {
      display: block;
      width: 100%;
      height: 100%;
      color: #fff; 
    }
    .fix li:first-child {
      border: 0; 
    }
    .fix li:hover {
      background: #1ca8dd; 
    }

  .flinks .content {
  box-sizing: border-box;
  margin-top: 70px;
  position: relative; }
  .flinks .content h2 {
    padding-bottom: 20px;
    border-bottom: 1px solid #777;
    color: #3399e8;
    font-size: 20px;
    text-align: center; }
    .flinks .content h2 .sept {
      font-size: 20px;
      color: #000; }
    .flinks .content h2 .en {
      font-size: 14px;
      color: #000; }

    .flinks .links a{
      display: inline-block;
      padding: 0 10px;
      font-size: 14px;
    }


p img{
  max-width: 100%;
}
p img.aligncenter{
  display: block;
  margin: auto;
}

.tb-list{
  height: 600px;
}
.tb-list ul {
  margin:0;
  padding:0;
}
#CCTVMALLAD{
	width: inherit!important;
}