/*--------------------------------------------------- Defined variables   ---------------------------------------------------  */
/*---------------------------------------------------   Definedmacro   ---------------------------------------------------  */
/*---------------------------------------------------  main  ---------------------------------------------------  */



   
    
  


   


 

.location {
  width: 1190px;
  margin: 14px auto 0;
  margin-bottom:20px;
  position: relative; }
  .location dt {
    float: left;
    line-height: 18px;
    color: #666666;
    text-indent: 22px;
    width: 84px;
    background: url("/NewShowStand/Style/17/images/location.png") no-repeat 0 1px; }
  .location dd {
    float: right;
    line-height: 18px;
    color: #666666;
    width: 1016px;
    text-indent: -8px; }
    .location dd a {
      color: #666666;
      margin: 0 8px; }
      .location dd a:hover {
        color: #2e62c2;
        text-decoration: underline; }

.main {
  width: 1190px;
  margin: 14px auto 0;
  position: relative; }

.leftBar {
  width: 250px;
  float: left; }

.member {
  border: 1px solid #dddddd;
  border-bottom: 1px solid #c8cace;
  border-radius: 2px;
  background: #ffffff;
  width: 248px;
  float: left;
  margin-top: 14px;
  height: 268px;
  margin-top: 0; }
  .member header {
    width: 100%;
    height: 68px;
    background: url("/NewShowStand/Style/17/images/memberTop.png") no-repeat;
    position: relative;
    border-bottom: 1px solid #e6e6e6; }
    .member header b {
      position: absolute;
      z-index: 9;
      width: 44px;
      height: 56px;
      background: url("/NewShowStand/Style/17/images/badge.png") no-repeat;
      left: 11px;
      top: -1px; }
    .member header table {
      position: absolute;
      z-index: 8px;
      right: 0;
      top: 0;
      height: 68px;
      width: 100%; }
      .member header table tr td {
        line-height: 22px;
        font-size: 14px;
        font-weight: bold;
        padding: 0 30px 0 67px;
        overflow: hidden;
        vertical-align: middle; }
        .member header table tr td i.companyAuth {
          display: inline-block;
          width: 23px;
          height: 22px;
          margin-left: 10px;
          vertical-align: middle;
          background: url("/NewShowStand/images/authentication.png") no-repeat 0 0; }
        .member header table tr td i.personAuth {
          display: inline-block;
          width: 23px;
          height: 22px;
          margin-left: 10px;
          vertical-align: middle;
          background: url("/NewShowStand/images/authentication.png") no-repeat -31px 0; }
        .member header table tr td i.noAuth {
          display: inline-block;
          width: 23px;
          height: 22px;
          margin-left: 10px;
          vertical-align: middle;
          background: url("/NewShowStand/images/authentication.png") no-repeat -62px 0; }
  .member .memberInfor {
    padding: 16px 16px 14px 16px;
    font-size: 14px; }
    .member .memberInfor p, .member .memberInfor .products ul li figcation span, .products ul li figcation .member .memberInfor span, .member .memberInfor ul.newsList li b, ul.newsList li .member .memberInfor b, .member .memberInfor .product li span, .product li .member .memberInfor span {
      line-height: 18px;
      margin-top: 10px; }
      .member .memberInfor p b, .member .memberInfor .products ul li figcation span b, .products ul li figcation .member .memberInfor span b, .member .memberInfor ul.newsList li b b, ul.newsList li .member .memberInfor b b, .member .memberInfor .product li span b, .product li .member .memberInfor span b {
        font-weight: 400;
        color: #666666; }
    .member .memberInfor i {
      width: 79px;
      height: 16px;
      display: inline-block;
      /*background: url(/images/company/companyList.png) no-repeat 0 -51px;*/
      vertical-align: top; }
  .member mark {
    background: none;
    padding: 0 5px;
    font-size: 20px;
    color: #ff0000;
    display: inline-block;
    vertical-align: top;
    font-family: tahoma;
    line-height: 20px; }

.productList {
  border: 1px solid #dddddd;
  border-bottom: 1px solid #c8cace;
  border-radius: 2px;
  background: #ffffff;
  width: 248px;
  float: left;
  margin-top: 14px;
  border-top: 0; }
  .productList header {
    width: 100%;
    height: 45px;
    position: relative;
    overflow: hidden;
    background: #f3f3f3; }
    .productList header h2 {
      position: absolute;
      left: 0;
      top: 0px;
      width: 250px; }
      .productList header h2 a {
        font-size: 16px;
        color: #666666;
        display: block;
        float: left;
        text-align: center;
        line-height: 43px;
        width: 124px;
        height: 43px;
        border: 1px solid #e3e3e3;
          border-left: 0; }
        .productList header h2 a.active {
          font-weight: bold;
          border-top: 2px solid #5487e4;
          border-bottom: 1px solid #fff;
          background: #ffffff;
          color: #333333;
          height: 42px;
          line-height: 42px; }

.leftList {
  width: 100%;
  padding: 8px 0 10px 0;
  display: none; }
  .leftList dl {
    width: 100%; }
    .leftList dl dt {
      width: 100%;
      text-indent: 49px;
      font-size: 14px;
      height: 32px;
      line-height: 32px;
      overflow: hidden;
      background: url("/NewShowStand/Style/17/images/open.png") no-repeat 16px -30px; }
      .leftList dl dt a {
        color: #333333; }
        .leftList dl dt a:hover {
          color: #2e62c2;
          text-decoration: underline; }
      .leftList dl dt.closed {
        background: url("/NewShowStand/Style/17/images/open.png") no-repeat 16px 5px; }
    .leftList dl dd {
      width: 100%;
      padding: 10px 0;
      display: block;
      background: #f5f5f5;
      margin: 8px 0;
      border: 1px solid #dddddd;
        border-left: 0;
        border-right: 0; }
      .leftList dl dd p, .leftList dl dd .products ul li figcation span, .products ul li figcation .leftList dl dd span, .leftList dl dd ul.newsList li b, ul.newsList li .leftList dl dd b, .leftList dl dd .product li span, .product li .leftList dl dd span {
        height: 24px;
        line-height: 24px;
        overflow: hidden;
        padding: 0 20px 0 49px; }
        .leftList dl dd p a, .leftList dl dd .products ul li figcation span a, .products ul li figcation .leftList dl dd span a, .leftList dl dd ul.newsList li b a, ul.newsList li .leftList dl dd b a, .leftList dl dd .product li span a, .product li .leftList dl dd span a {
          color: #666666; }
          .leftList dl dd p a:hover, .leftList dl dd .products ul li figcation span a:hover, .products ul li figcation .leftList dl dd span a:hover, .leftList dl dd ul.newsList li b a:hover, ul.newsList li .leftList dl dd b a:hover, .leftList dl dd .product li span a:hover, .product li .leftList dl dd span a:hover {
            color: #2e62c2;
            text-decoration: underline; }

.contact {
  border: 1px solid #dddddd;
  border-bottom: 1px solid #c8cace;
  border-radius: 2px;
  background: #ffffff;
  width: 248px;
  float: left;
 }
  .contact header {
    width: 100%;
    height: 44px;
    border-bottom: 1px solid #e6e6e6;
    position: relative;
    background: #f3f3f3; }
    .contact header h2 {
      position: absolute;
      font-size: 16px;
      top: 0;
      left: 16px;
      height: 43px;
      line-height: 43px;
      padding: 0 5px;
      border-bottom: 2px solid #5487e4; }
  .contact .contactor {
    width: 100%;
    padding: 20px 0 15px 0;
    float: left; }
    .contact .contactor dl {
      padding: 4px 15px;
      width: 218px;
      float: left; }
      .contact .contactor dl dt {
        width: 70px;
        float: left;
        font-size: 14px;
        line-height: 20px;
        color: #333; }
        .contact .contactor dl dt b {
          padding: 0 14px; }
        .contact .contactor dl dt i {
          padding: 0 3px; }
      .contact .contactor dl dd {
        width: 148px;
        float: right;
        line-height: 20px;
        color: #666666;
        word-break: break-all;
        word-wrap: break-word; }
        .contact .contactor dl dd a {
          color: #2e62c2;
          text-decoration: underline; }
          .contact .contactor dl dd a:hover {
            color: #ff6600;
            text-decoration: none; }
  .contact p, .contact .products ul li figcation span, .products ul li figcation .contact span, .contact ul.newsList li b, ul.newsList li .contact b, .contact .product li span, .product li .contact span {
    text-align: center;
    font-size: 14px;
    color: #666666;
    margin-bottom: 10px; }
    .contact p strong, .contact .products ul li figcation span strong, .products ul li figcation .contact span strong, .contact ul.newsList li b strong, ul.newsList li .contact b strong, .contact .product li span strong, .product li .contact span strong {
      color: #333;
      margin-right: 10px; }
  .contact footer {
    padding: 14px 14px 14px 77px;
    float: left;
    width: 157px;
    font-size: 14px;
    line-height: 24px;
    background: #f5f5f5 url("/NewShowStand/Style/17/images/smile.png") no-repeat 14px 14px;
    border-top: 1px solid #dddddd; }

.bot {
  width: 100%;
  background: #3b485b;
  margin-top: 14px; }
  .bot .foot {
    width: 1190px;
    margin: 0px auto 0;
    position: relative;
    text-align: center;
    color: #fff;
    line-height: 22px; }
    .bot .foot p, .bot .foot .products ul li figcation span, .products ul li figcation .bot .foot span, .bot .foot ul.newsList li b, ul.newsList li .bot .foot b, .bot .foot .product li span, .product li .bot .foot span {
      font-size: 14px;
      padding: 25px 0 18px; }
    .bot .foot span {
      display: block;
      border-top: 1px solid #455163;
      color: #9ca5b2;
      margin-top: 14px;
      padding: 12px 0 15px 0; }

.rightMain {
  width: 836px;
  float: right; }

.adv {
  width: 834px;
  height: 268px;
  float: left;
  position: relative;
  border: 1px solid #c8cace;
  overflow: hidden;
  background: #ffffff;
  border-radius: 2px; }
  .adv ul {
    position: absolute;
    z-index: 1; }
    .adv ul li {
      width: 834px;
      height: 268px;
      float: left;
      position: relative; }
      .adv ul li img {
        width: 100%;
        height: 268px;
        position: absolute;
        z-index: 1; }
      .adv ul li b {
        position: absolute;
        z-index: 2;
        height: 41px;
        width: 100%;
        background: #5487e4;
        opacity: 0.36;
        filter: alpha(opacity=36);
        -moz-opacity: 0.36;
        left: 0;
        bottom: 0; }
      .adv ul li p, .adv .products ul li figcation span, .products .adv ul li figcation span, .adv ul.newsList li b, .adv ul .product li span, .product .adv ul li span {
        position: absolute;
        z-index: 3;
        height: 41px;
        width: 100%;
        line-height: 41px;
        overflow: hidden;
        text-indent: 16px;
        left: 0;
        bottom: 0;
        font-size: 14px; }
        .adv ul li p a, .adv .products ul li figcation span a, .products .adv ul li figcation span a, .adv ul.newsList li b a, .adv ul .product li span a, .product .adv ul li span a {
          color: #fff; }
  .adv .tabs {
    position: absolute;
    z-index: 2;
    bottom: 13px;
    right: 58px; }
    .adv .tabs a {
      display: inline-block;
      border: 1px solid #fff;
      border-radius: 2px;
      margin: 0 4px;
      width: 18px;
      height: 5px; }
      .adv .tabs a.active {
        background: #fff; }
  .adv a.leftTab, .adv a.rightTab {
    width: 11px;
    height: 20px;
    display: block;
    position: absolute;
    z-index: 3;
    right: 35px;
    bottom: 10px;
    background: url("/NewShowStand/Style/17/images/tabs.png") no-repeat; }
  .adv a.rightTab {
    right: 16px;
    z-index: 4;
    background: url("/NewShowStand/Style/17/images/tabs.png") no-repeat -19px 0; }

.products {
  border: 1px solid #dddddd;
  border-bottom: 1px solid #c8cace;
  border-radius: 2px;
  background: #ffffff;
  width: 834px;
  float: left;
  margin-top: 14px;
  overflow: hidden;
  border-bottom: 0; }
  .products header {
    width: 100%;
    height: 44px;
    float: left;
    position: relative;
    background: #f3f3f3;
    border-bottom: 1px solid #e6e6e6; }
    .products header b {
      position: absolute;
      width: 6px;
      height: 16px;
      background: #5487e4;
      top: 14px;
      left: 16px; }
    .products header h2 {
      position: absolute;
      font-size: 16px;
      line-height: 44px;
      top: 0;
      left: 30px; }
    .products header a.more {
      position: absolute;
      right: 19px;
      top: 0;
      font-size: 14px;
      color: #666666;
      line-height: 44px;
      padding-right: 14px;
      background: url("/NewShowStand/Style/17/images/more.png") no-repeat 100% 50%; }
  .products ul {
    width: 836px;
    float: left; }
    .products ul li {
      width: 208px;
      height: 233px;
      float: left;
      position: relative;
      border: 1px solid #dedede;
        border-top: 0;
        border-left: 0; }
      .products ul li figure {
        width: 168px;
        height: 138px;
        display: block;
        padding: 20px; }
        .products ul li figure div {
          width: 100%;
          height: 100%;
          text-align: center;
          vertical-align: middle;
          display: block;
          position: relative; }
          .products ul li figure div img {
            max-height: 100%;
            max-width: 100%;
            position: absolute;
            top: 50%;
            left: 50%;
           position: static\9;

            transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
            -moz-transform: translate(-50%, -50%);
            -webkit-transform: translate(-50%, -50%);
            -o--transform: translate(-50%, -50%); }
          @media screen and (min-width: 0px){
              .products ul li figure div img{
                  position: absolute;
              }
          }

      .products ul li figcation {
        position: absolute;
        z-index: 9;
        top: 170px;
        left: 20px;
        width: 170px; }
        .products ul li figcation p, .products ul li figcation span, .products ul.newsList li figcation b {
          width: 100%;
          height: 18px;
          line-height: 18px;
          overflow: hidden;
          font-size: 14px; }
          .products ul li figcation p a, .products ul li figcation span a, .products ul.newsList li figcation b a {
            color: #333; }
            .products ul li figcation p a:hover, .products ul li figcation span a:hover, .products ul.newsList li figcation b a:hover {
              color: #2e62c2;
              text-decoration: underline; }
        .products ul li figcation span {
          font-size: 12px;
          color: #666666;
          margin-top: 8px;
          display: block; }
          .products ul li figcation span b {
            color: #5487e4; }

.business {
  border: 1px solid #dddddd;
  border-bottom: 1px solid #c8cace;
  border-radius: 2px;
  background: #ffffff;
  width: 834px;
  float: left;
  margin-top: 14px; }
  .business header {
    width: 100%;
    height: 44px;
    float: left;
    position: relative;
    background: #f3f3f3;
    border-bottom: 1px solid #e6e6e6; }
    .business header b {
      position: absolute;
      width: 6px;
      height: 16px;
      background: #5487e4;
      top: 14px;
      left: 16px; }
    .business header h2 {
      position: absolute;
      font-size: 16px;
      line-height: 44px;
      top: 0;
      left: 30px; }
    .business header a.more {
      position: absolute;
      right: 19px;
      top: 0;
      font-size: 14px;
      color: #666666;
      line-height: 44px;
      padding-right: 14px;
      background: url("/NewShowStand/Style/17/images/more.png") no-repeat 100% 50%; }

.businessList, .companyNews {
  width: 100%;
  overflow: hidden;
  position: relative; }
  .businessList ul, .companyNews ul {
    width: 836px;
    float: left;
    padding: 10px 0; }
    .businessList ul li, .companyNews ul li {
      width: 418px;
      height: 30px;
      float: left;
      position: relative; }
      .businessList ul li p, .companyNews ul li p, .businessList .products ul li figcation span, .products .businessList ul li figcation span, .companyNews .products ul li figcation span, .products .companyNews ul li figcation span, .businessList ul.newsList li b, .companyNews ul.newsList li b, .businessList ul .product li span, .product .businessList ul li span, .companyNews ul .product li span, .product .companyNews ul li span {
        width: 318px;
        line-height: 30px;
        height: 30px;
        overflow: hidden;
        text-indent: 30px;
        font-size: 14px; }
        .businessList ul li p a, .companyNews ul li p a, .businessList .products ul li figcation span a, .products .businessList ul li figcation span a, .companyNews .products ul li figcation span a, .products .companyNews ul li figcation span a, .businessList ul.newsList li b a, .companyNews ul.newsList li b a, .businessList ul .product li span a, .product .businessList ul li span a, .companyNews ul .product li span a, .product .companyNews ul li span a {
          color: #333; }
          .businessList ul li p a:hover, .companyNews ul li p a:hover, .businessList .products ul li figcation span a:hover, .products .businessList ul li figcation span a:hover, .companyNews .products ul li figcation span a:hover, .products .companyNews ul li figcation span a:hover, .businessList ul.newsList li b a:hover, .companyNews ul.newsList li b a:hover, .businessList ul .product li span a:hover, .product .businessList ul li span a:hover, .companyNews ul .product li span a:hover, .product .companyNews ul li span a:hover {
            color: #2e62c2;
            text-decoration: underline; }
      .businessList ul li time, .companyNews ul li time {
        position: absolute;
        top: 0;
        right: 23px;
        line-height: 30px;
        color: #999999; }
  .businessList i, .companyNews i {
    display: block;
    position: absolute;
    width: 1px;
    height: 100%;
    top: 0;
    left: 50%;
    background: #dddddd; }

.homeNews {
  border: 1px solid #dddddd;
  border-bottom: 1px solid #c8cace;
  border-radius: 2px;
  background: #ffffff;
  width: 834px;
  float: left;
  margin-top: 14px; }

.companyNews {
  width: 416px;
  float: left;
  border-right: 1px solid #dddddd; }
  .companyNews header {
    width: 100%;
    height: 44px;
    float: left;
    position: relative;
    background: #f3f3f3;
    border-bottom: 1px solid #e6e6e6; }
    .companyNews header b {
      position: absolute;
      width: 6px;
      height: 16px;
      background: #5487e4;
      top: 14px;
      left: 16px; }
    .companyNews header h2 {
      position: absolute;
      font-size: 16px;
      line-height: 44px;
      top: 0;
      left: 30px; }
    .companyNews header a.more {
      position: absolute;
      right: 19px;
      top: 0;
      font-size: 14px;
      color: #666666;
      line-height: 44px;
      padding-right: 14px;
      background: url("/NewShowStand/Style/17/images/more.png") no-repeat 100% 50%; }
  .companyNews ul {
    width: 100%;
    float: left;
    padding: 10px 0; }

.nobor {
  border: none; }

.rightContent {
  border: 1px solid #dddddd;
  border-bottom: 1px solid #c8cace;
  border-radius: 2px;
  background: #ffffff;
  width: 834px;
  float: right;
  overflow: hidden; }
  .rightContent .rightTitle {
    width: 100%;
    height: 44px;
    float: left;
    position: relative;
    background: #f3f3f3;
    border-bottom: 1px solid #e6e6e6; }
    .rightContent .rightTitle b {
      position: absolute;
      width: 6px;
      height: 16px;
      background: #5487e4;
      top: 14px;
      left: 16px; }
    .rightContent .rightTitle h2 {
      position: absolute;
      font-size: 16px;
      line-height: 44px;
      top: 0;
      left: 30px; }
    .rightContent .rightTitle a.more {
      position: absolute;
      right: 19px;
      top: 0;
      font-size: 14px;
      color: #666666;
      line-height: 44px;
      padding-right: 14px;
      background: url("/NewShowStand/Style/17/images/more.png") no-repeat 100% 50%; }

.aboutUs {
  padding: 20px;
  float: left;
  width: 794px; }
  .aboutUs .aboutUsText {
    font-size: 14px;
    line-height: 24px;
    float: left;
    width: 100%; }

  .aboutUs .text {
    padding: 10px 25px; }
    .aboutUs .text a {
      color: #ff6600;
      text-decoration: underline;
      margin-top: 8px;
      display: block; }
      .aboutUs .aboutUsText table{
        border-collapse:separate;
         border-spacing:not specified;
      }
      .aboutUs .text a:hover {
        color: green;
        text-decoration: none; }
  .aboutUs .aboutUsTitle {
    width: 100%;
    height: 47px;
    float: left;
    text-indent: 25px;
    position: relative;
    background: url("/NewShowStand/Style/17/images/aboutTitle.png") no-repeat 0 50%;
    border-bottom: 1px solid #dddddd; }
    .aboutUs .aboutUsTitle h3 {
      font-size: 16px;
      line-height: 47px; }
    .aboutUs .aboutUsTitle .certificateTab {
      position: absolute;
      right: 0;
      top: 0;
      height: 50px;
      color: #c8c8c8;
      text-indent: 0; }
      .aboutUs .aboutUsTitle .certificateTab a {
        display: inline-block;
        margin: 0 13px;
        padding: 0 2px;
        line-height: 50px;
        color: #333;
        vertical-align: middle; }
        .aboutUs .aboutUsTitle .certificateTab a.active {
          border-top: 1px solid #dddddd;
          line-height: 49px;
          color: #3670d9;
          font-weight: bold;
          background: url("/NewShowStand/Style/17/images/certificateTab.png") no-repeat 50% 39px; }
  .aboutUs .certificateTop {
    width: 100%;
    height: 42px;
    line-height: 42px;
    float: left;
    background: #f1f1f1;
    position: relative; }
    .aboutUs .certificateTop p, .aboutUs .certificateTop .products ul li figcation span, .products ul li figcation .aboutUs .certificateTop span, .aboutUs .certificateTop ul.newsList li b, ul.newsList li .aboutUs .certificateTop b, .aboutUs .certificateTop .product li span, .product li .aboutUs .certificateTop span {
      position: absolute;
      left: 31px;
      font-size: 14px; }
      .aboutUs .certificateTop p.p1, .aboutUs .certificateTop .products ul li figcation span.p1, .products ul li figcation .aboutUs .certificateTop span.p1, .aboutUs .certificateTop ul.newsList li b.p1, ul.newsList li .aboutUs .certificateTop b.p1, .aboutUs .certificateTop .product li span.p1, .product li .aboutUs .certificateTop span.p1 {
        left: 178px; }
      .aboutUs .certificateTop p.p2, .aboutUs .certificateTop .products ul li figcation span.p2, .products ul li figcation .aboutUs .certificateTop span.p2, .aboutUs .certificateTop ul.newsList li b.p2, ul.newsList li .aboutUs .certificateTop b.p2, .aboutUs .certificateTop .product li span.p2, .product li .aboutUs .certificateTop span.p2 {
        left: 351px; }
      .aboutUs .certificateTop p.p3, .aboutUs .certificateTop .products ul li figcation span.p3, .products ul li figcation .aboutUs .certificateTop span.p3, .aboutUs .certificateTop ul.newsList li b.p3, ul.newsList li .aboutUs .certificateTop b.p3, .aboutUs .certificateTop .product li span.p3, .product li .aboutUs .certificateTop span.p3 {
        left: 507px; }
  .aboutUs .certificateList {
    width: 100%;
    float: left; }
    .aboutUs .certificateList td {
      text-align: center;
      vertical-align: middle;
      padding: 12px;
      color: #666666; }
      .aboutUs .certificateList td b {
        color: #ff0000; }
        .aboutUs .certificateList td img{max-width: 96px;}
      .aboutUs .certificateList td a.view {
        display: inline-block;
        line-height: 28px;
        padding: 0 13px;
        border-radius: 3px;
        background: #ff2c62;
        color: #fff; }
    .aboutUs .certificateList.bottomLine td {
      border-bottom: 1px solid #e1e1e1; }
  .aboutUs .companyS {
    width: 100%;
    float: left;
    padding: 20px 25px; }
    .aboutUs .companyS img {
      width: 25%; }
  .aboutUs .prohibit {
    width: 100%;
    height: 25px;
    float: left;
    font-size: 14px;
    color: #ff6600;
    text-indent: 46px;
    background: url("/NewShowStand/Style/17/images/prohibit.png") no-repeat 12px 50%;
    margin-top: 10px; }

.contactUs {
  float: left;
  padding: 25px;
  width: 744px; }
  .contactUs img {
    float: left; }
  .contactUs strong {
    float: right;
    width: 445px;
    font-size: 18px;
    line-height: 38px;
    margin-bottom: 5px; }
  .contactUs p, .contactUs .products ul li figcation span, .products ul li figcation .contactUs span, .contactUs ul.newsList li b, ul.newsList li .contactUs b, .contactUs .product li span, .product li .contactUs span {
    float: right;
    width: 445px;
    font-size: 14px;
    line-height: 30px; }
    .contactUs p i, .contactUs .products ul li figcation span i, .products ul li figcation .contactUs span i, .contactUs ul.newsList li b i, ul.newsList li .contactUs b i, .contactUs .product li span i, .product li .contactUs span i {
      font-style: normal;
      color: #2e62c2; }
    .contactUs p.con, .contactUs .products ul li figcation span.con, .products ul li figcation .contactUs span.con, .contactUs ul.newsList li b.con, ul.newsList li .contactUs b.con, .contactUs .product li span.con, .product li .contactUs span.con {
      color: #999999; }
    .contactUs p mark, .contactUs .products ul li figcation span mark, .products ul li figcation .contactUs span mark, .contactUs ul.newsList li b mark, ul.newsList li .contactUs b mark, .contactUs .product li span mark, .product li .contactUs span mark {
      background: none;
      color: #f6114c; }
    .contactUs p a, .contactUs .products ul li figcation span a, .products ul li figcation .contactUs span a, .contactUs ul.newsList li b a, ul.newsList li .contactUs b a, .contactUs .product li span a, .product li .contactUs span a {
      color: #2e62c2;
      text-decoration: underline; }
      .contactUs p a:hover, .contactUs .products ul li figcation span a:hover, .products ul li figcation .contactUs span a:hover, .contactUs ul.newsList li b a:hover, ul.newsList li .contactUs b a:hover, .contactUs .product li span a:hover, .product li .contactUs span a:hover {
        color: #ff6600;
        text-decoration: none; }
    .contactUs p b, .contactUs .products ul li figcation span b, .products ul li figcation .contactUs span b, .contactUs ul.newsList li b b, ul.newsList li .contactUs b b, .contactUs .product li span b, .product li .contactUs span b {
      padding: 0 14px; }
  .contactUs span {
    width: 445px;
    float: right;
    text-align: center;
    margin-top: 30px; }
    .contactUs span a {
      display: inline-block;
      padding: 12px 60px 12px 60px;
      background: #ff2c62;
      font-size: 18px;
      font-weight: bold;
      color: #fff; }

.pageTab {
  position: absolute;
  height: 46px;
  left: -1px;
  top: -1px; }
  .pageTab a {
    display: inline-block;
    font-size: 16px;
    line-height: 46px;
    border-right: 1px solid #dddddd;
    padding: 0 24px;
    color: #333333; }
    .pageTab a.active {
      color: #fff;
      background: #5487e4; }

ul.newsList {
  padding: 5px 28px 0 28px;
  float: left; }
  ul.newsList li {
    width: 100%;
    float: left;
    position: relative;
    border-bottom: 1px dotted #dddddd;
    padding: 8px 0 14px 0; }
    ul.newsList li span {
      width: 623px;
      font-size: 16px;
      float: left;
      display: block;
      line-height: 30px; }
      ul.newsList li span a {
        color: #2e62c2;
        text-decoration: underline; }
        ul.newsList li span a:hover {
          text-decoration: none;
          color: #ff6600; }
    ul.newsList li p, .products ul.newsList li figcation span, ul.newsList li b, ul.newsList .product li span, .product ul.newsList li span {
      width: 623px;
      font-size: 14px;
      float: left;
      display: block;
      line-height: 22px;
      color: #666666;
      margin-top: 3px; }
      ul.newsList li p a, .products ul.newsList li figcation span a, ul.newsList li b a, ul.newsList .product li span a, .product ul.newsList li span a {
        color: #fd4734; }
        ul.newsList li p a:hover, .products ul.newsList li figcation span a:hover, ul.newsList li b a:hover, ul.newsList .product li span a:hover, .product ul.newsList li span a:hover {
          text-decoration: underline;
          color: #5487e4; }
    ul.newsList li b {
      font-weight: normal;
      font-size: 12px;
      margin-top: 5px; }
    ul.newsList li i {
      position: absolute;
      right: 0;
      top: 15px;
      background: #f3f3f3;
      border-radius: 4px;
      font-style: normal;
      display: block;
      padding: 5px 20px 4px 20px;
      color: #939090; }
    ul.newsList li time {
      position: absolute;
      display: block;
      right: 0;
      top: 48px;
      text-align: center;
      color: #666666;
      width: 89px; }

.page {
  width: 100%;
  height: 40px;
  float: left;
  padding: 18px 0;
  text-align: center; }
  .page a {
    width: 40px;
    height: 38px;
    display: inline-block;
    border: 1px solid #e6e6e6;
    border-left: 0;
    text-align: center;
    font: normal 12px/38px "Tahoma";
    color: #666666;
    vertical-align: middle; }
    .page a.ft {
      border-left: 1px solid #e6e6e6;
      border-right: 0;
      background: url(/images/company/companyList.png) no-repeat -56px -530px; }
    .page a.next {
      margin-right: 15px;
      background: url(/images/company/companyList.png) no-repeat 15px -530px; }
    .page a.prev {
      width: 68px;
      background: #efefef url(/images/company/companyList.png) no-repeat 8px -467px;
      border-left: 1px solid #e6e6e6; }
    .page a.lt {
      width: 68px;
      background: #fff url(/images/company/companyList.png) no-repeat 8px -497px; }
    .page a.on {
      background: #5487e4;
      border: 1px solid #5487e4;
      border-left: 0;
      color: #fff;
      font-weight: bold; }
  .page input {
    width: 38px;
    height: 38px;
    display: inline-block;
    text-align: center;
    border: 1px solid #e6e6e6;
    font: normal 12px/38px "Tahoma";
    margin: 0 10px;
    vertical-align: middle; }
  .page button {
    width: 52px;
    height: 40px;
    display: inline-block;
    text-align: center;
    border: 1px solid #e6e6e6;
    font: normal 12px/40px "Tahoma";
    vertical-align: middle;
    cursor: pointer;
    background: url(/images/company/companyList.png) no-repeat 0 -386px; }

.newsDetail {
  float: left;
  padding: 30px 28px 0 28px;
  width: 778px; }
  .newsDetail h3 {
    display: block;
    text-align: center;
    font-size: 24px;
    line-height: 40px;
    color: #2e62c2; }
  .newsDetail span.newsDetailSpan {
    display: block;
    text-align: center;
    color: #666666;
    padding: 15px 0;
    border-bottom: 1px dotted #dddddd; }
  .newsDetail .introduction {
    padding: 14px 20px;
    background: #ffe6c9;
    font-size: 14px;
    line-height: 28px;
    border-radius: 4px;
    margin-top: 15px; }
    .newsDetail .introduction b {
      color: #ff6600; }
  .newsDetail .newsContent {
    font-size: 14px;
    line-height: 28px;
    padding: 20px 0 30px; }
  .newsDetail .center {
    text-align: center; }

.job {
  float: left;
  padding: 20px 28px;
  width: 778px; }
  .job table {
    width: 100%; }
    .job table tr th {
      font-size: 14px;
      line-height: 42px;
      font-weight: normal;
      background: #f1f1f1;
      border-top: 1px solid #dddddd; }
    .job table tr td {
      text-align: center;
      padding: 16px 0;
      border-bottom: 1px dotted #cacaca;
      line-height: 29px;
      color: #666666;
      overflow: hidden;
      font-size: 14px; }
      .job table tr td a.moreDetail {
        display: inline-block;
        color: #fff;
        padding: 0 12px;
        background: #ff2c62;
        border-radius: 3px; }
      .job table tr td p, .job table tr td .products ul li figcation span, .products ul li figcation .job table tr td span, .job table tr td ul.newsList li b, ul.newsList li .job table tr td b, .job table tr td .product li span, .product li .job table tr td span {
        display: block;
        padding: 0 20px;
        overflow: hidden; }
        .job table tr td p a, .job table tr td .products ul li figcation span a, .products ul li figcation .job table tr td span a, .job table tr td ul.newsList li b a, ul.newsList li .job table tr td b a, .job table tr td .product li span a, .product li .job table tr td span a {
          color: #2e62c2; }
          .job table tr td p a:hover, .job table tr td .products ul li figcation span a:hover, .products ul li figcation .job table tr td span a:hover, .job table tr td ul.newsList li b a:hover, ul.newsList li .job table tr td b a:hover, .job table tr td .product li span a:hover, .product li .job table tr td span a:hover {
            text-decoration: underline;
            color: #ff6600; }

.jobDetail {
  float: left;
  width: 100%; }
  .jobDetail b {
    display: block;
    font-size: 16px;
    text-indent: 12px; }
  .jobDetail table {
    width: 100%;
    margin-bottom: 5px;
    margin-top: 15px; }
    .jobDetail table tr th {
      width: 14%;
      background: #f1f1f1;
      padding: 13px 0;
      color: #666;
      font-weight: 400;
      font-size: 14px;
      border: 1px solid #dddddd; }
      .jobDetail table tr th i {
        padding: 0 11px; }
    .jobDetail table tr td {
      width: 36%;
      padding: 13px 18px;
      font-size: 14px;
      border: 1px solid #dddddd; }
      .jobDetail table tr td a.view {
        color: #2e62c2;
        text-decoration: underline; }
        .jobDetail table tr td a.view:hover {
          color: #ff6600;
          text-decoration: none; }
      .jobDetail table tr td i {
        font-style: normal;
        color: #fa3434; }
      .jobDetail table tr td a.down {
        display: inline-block;
        padding: 5px 15px 5px 15px;
        color: #fff;
        background: #29c971;
        border-radius: 2px; }

.guestTitle {
  width: 100%;
  float: left;
  height: 42px;
  position: relative;
  border-bottom: 1px solid #dddddd;
  font-size: 16px;
  line-height: 42px;
  text-indent: 3px;
  margin-bottom: 17px; }
  .guestTitle p, .guestTitle .products ul li figcation span, .products ul li figcation .guestTitle span, .guestTitle ul.newsList li b, ul.newsList li .guestTitle b, .guestTitle .product li span, .product li .guestTitle span {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 14px; }
    .guestTitle p b, .guestTitle .products ul li figcation span b, .products ul li figcation .guestTitle span b, .guestTitle ul.newsList li b b, ul.newsList li .guestTitle b b, .guestTitle .product li span b, .product li .guestTitle span b {
      font-weight: 400;
      color: #ff0000;
      font-family: tahoma; }

.guestItem {
  width: 670px;
  float: left;
  padding: 3px 0;
  position: relative; }
  .guestItem label {
    width: 113px;
    float: left;
    line-height: 38px;
    text-align: right;
    font-size: 14px; }
    .guestItem label b {
      font-weight: 400;
      color: #ff0000;
      font-family: tahoma;
      margin-right: 3px; }
  .guestItem .text {
    width: 535px;
    float: left;
    height: 36px;
    border: 1px solid #d7d7d7;
    border-radius: 2px;
    font-size: 14px;
    line-height: 36px;
    text-indent: 13px;
    margin-left: 17px; }
    .guestItem .text:focus {
      background: #f5f5f5;
      border-color: #90b5f9; }
  .guestItem .code {
    width: 300px;
    text-indent: 126px; }
  .guestItem p, .guestItem .products ul li figcation span, .products ul li figcation .guestItem span, .guestItem ul.newsList li b, ul.newsList li .guestItem b, .guestItem .product li span, .product li .guestItem span {
    width: 535px;
    float: right;
    height: 38px;
    line-height: 38px;
    color: #666;
    text-indent: 13px; }
    .guestItem p.Wrong, .guestItem .products ul li figcation span.Wrong, .products ul li figcation .guestItem span.Wrong, .guestItem ul.newsList li b.Wrong, ul.newsList li .guestItem b.Wrong, .guestItem .product li span.Wrong, .product li .guestItem span.Wrong {
      color: #ff0000;
      text-indent: 30px;
      background: url("/NewShowStand/Style/17/images/wrong.png") no-repeat 7px 50%; }
  .guestItem textarea {
    width: 512px;
    float: right;
    height: 140px;
    border: 1px solid #d7d7d7;
    border-radius: 2px;
    font-size: 14px;
    line-height: 36px;
    padding: 0 13px; }
    .guestItem textarea:focus {
      background: #f5f5f5;
      border-color: #90b5f9; }
  .guestItem span {
    position: absolute;
    top: 13px;
    left: 138px; }
    .guestItem span img {
      margin-right: 10px; }
  .guestItem button {
    float: left;
    margin: 10px 0 0 290px;
    padding: 12px 60px;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    background: #ff2c62; }

.product {
  width: 794px;
  padding: 0 20px;
  float: left; }
  .product li {
    width: 100%;
    float: left;
    position: relative;
    border-bottom: 1px solid #dddddd;
    padding: 18px 0 18px 0; }
    .product li figcaption, .product .otherProduct li p, .otherProduct .product li p, .product .otherProduct ul.newsList li b, .otherProduct ul.newsList .product li b, .product ul.newsList .otherProduct li b, ul.newsList .otherProduct .product li b, .otherProduct .product li span, .product .otherProduct li span {
      width: 550px;
      height: 30px;
      line-height: 30px;
      font-size: 16px;
      overflow: hidden;
      float: left;
      margin-left: 15px; }
      .product li figcaption a, .product .otherProduct li p a, .otherProduct .product li p a, .product .otherProduct ul.newsList li b a, .otherProduct ul.newsList .product li b a, .product ul.newsList .otherProduct li b a, ul.newsList .otherProduct .product li b a, .otherProduct .product li span a, .product .otherProduct li span a {
        color: #2e62c2;
        text-decoration: underline; }
        .product li figcaption a:hover, .product .otherProduct li p a:hover, .otherProduct .product li p a:hover, .product .otherProduct ul.newsList li b a:hover, .otherProduct ul.newsList .product li b a:hover, .product ul.newsList .otherProduct li b a:hover, ul.newsList .otherProduct .product li b a:hover, .otherProduct .product li span a:hover, .product .otherProduct li span a:hover {
          text-decoration: none;
          color: #ff6600; }
    .product li p, .product .products ul li figcation span, .products ul .product li figcation span, .product ul.newsList li b, ul.newsList .product li b, .product li span {
      width: 550px;
      max-height: 40px;
      line-height: 20px;
      float: left;
      overflow: hidden;
      margin: 5px 0 0 15px; }
    .product li span {
      color: #666; }
    .product li strong {
      position: absolute;
      right: 12px;
      top: 52px;
      font-size: 16px;
      color: #f6114c;
      font-weight: 400; }
    .product li .onLine {
      position: absolute;
      right: 0;
      bottom: 22px;
      border: 1px solid #dddddd;
      border-radius: 2px;
      background: #f3f3f3;
      color: #666;
      padding: 4px 11px 4px 36px;
      background: url("/NewShowStand/Style/17/images/online.png") no-repeat 12px 6px; }
      .product li .onLine:hover {
        color: #fff;
        background: #5487e4 url("/NewShowStand/Style/17/images/online.png") no-repeat 12px -15px;
        border-color: #5487e4; }
  .product .productImg {
    width: 114px;
    float: left; }
    .product .productImg figure {
      width: 114px;
      height: 105px;
      display: block; }
      .product .productImg figure b {
        width: 114px;
        height: 105px;
        display: block;
        text-align: center;
        vertical-align: middle;
        position: relative; }
        .product .productImg figure b img {
          position: absolute;
          top: 50%;
          left: 50%;
          *position:static;
          position: static\0;
          transform: translate(-50%, -50%);
          -ms-transform: translate(-50%, -50%);
          -moz-transform: translate(-50%, -50%);
          -webkit-transform: translate(-50%, -50%);
          -o-transform: translate(-50%, -50%); }

       @media screen and (min-width: 0px){
    .product .productImg figure b img{
     position:absolute;
   }
}
.sale li .onLine {
  bottom: 58px; }

.offer .offerProduct {
  position: absolute;
  width: 250px;
  height: 90px;
  line-height: 30px;
  font-size: 16px;
  top: 25px;
  left: 134px; }
  .offer .offerProduct div {
    width: 250px;
    height: 100%;
    position: relative; }
    .offer .offerProduct div a {
      color: #2e62c2;
      text-decoration: underline;
      position: absolute;
      top: 50%;
      transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
      -moz-transform: translate(0, -50%);
      -webkit-transform: translate(0, -50%);
      -o--transform: translate(0, -50%); }
      .offer .offerProduct div a:hover {
        text-decoration: none;
        color: #ff6600; }
.offer li strong {
  position: absolute;
  right: 340px;
  top: 58px;
  font-size: 16px;
  color: #f6114c;
  font-weight: 400; }
.offer li .onLine {
  bottom: 55px; }
.offer li time {
  position: absolute;
  top: 60px;
  right: 150px;
  color: #666; }

.productTop {
  width: 1048px;
  margin: 14px auto 0;
  border: 1px solid #dddddd;
  border-bottom: 1px solid #c8cace;
  border-radius: 2px;
  background: #ffffff;
  padding: 15px 25px 25px 25px; }
  .productTop .productName {
    width: 100%;
    float: left;
    padding-bottom: 15px; }
    .productTop .productName dt {
      width: 900px;
      float: left;
      font-size: 24px;
      font-weight: bold;
      color: #000;
      line-height: 38px; }
    .productTop .productName dd {
      float: right; }
      .productTop .productName dd a {
        color: #666666;
        font-size: 14px;
        display: block;
        float: right;
        line-height: 24px;
        padding: 0 34px 0 0;
        margin-top: 10px;
        background: url("/NewShowStand/Style/17/images/product.png") no-repeat 100% 0; }
  .productTop .productPhoto {
    width: 480px;
    float: left; }
    .productTop .productPhoto #big {
      width: 480px;
      float: left; }
      .productTop .productPhoto #big .bigImg {
        width: 480px;
        float: left;
        height: 347px;
        overflow: hidden;
        position: relative; }
        .productTop .productPhoto #big .bigImg ul {
          position: absolute; }
          .productTop .productPhoto #big .bigImg ul li {
            width: 480px;
            float: left;
            position: relative; }
            .productTop .productPhoto #big .bigImg ul li figure {
              width: 480px;
              height: 347px;
              display: block;
              }
              .productTop .productPhoto #big .bigImg ul li figure p, .productTop .productPhoto #big .bigImg .products ul li figure figcation span, .products .productTop .productPhoto #big .bigImg ul li figure figcation span, .productTop .productPhoto #big .bigImg .products ul li figcation figure span, .products .productTop .productPhoto #big .bigImg ul li figcation figure span, .productTop .productPhoto #big .bigImg ul.newsList li figure b, .productTop .productPhoto #big .bigImg ul .product li figure span, .product .productTop .productPhoto #big .bigImg ul li figure span {
                width: 480px;
                height: 347px;
                display: block;
                vertical-align: middle;
                text-align: center;
                position: relative;
                line-height: 347px;
                font-size: 303px;

                }
                .productTop .productPhoto #big .bigImg ul li figure p img, .productTop .productPhoto #big .bigImg .products ul li figure figcation span img, .products .productTop .productPhoto #big .bigImg ul li figure figcation span img, .productTop .productPhoto #big .bigImg .products ul li figcation figure span img, .products .productTop .productPhoto #big .bigImg ul li figcation figure span img, .productTop .productPhoto #big .bigImg ul.newsList li figure b img, .productTop .productPhoto #big .bigImg ul .product li figure span img, .product .productTop .productPhoto #big .bigImg ul li figure span img {
                  position: absolute;
                  position: static\9;
                  top: 50%;
                  left: 50%;
                  vertical-align: middle;
                  transform: translate(-50%, -50%);
                  -ms-transform: translate(-50%, -50%);
                  -moz-transform: translate(-50%, -50%);
                  -webkit-transform: translate(-50%, -50%);
                  -o--transform: translate(-50%, -50%);
                   }
                  @media screen and (min-width:0){
                    .productTop .productPhoto #big .bigImg ul li figure p img, .productTop .productPhoto #big .bigImg .products ul li figure figcation span img, .products .productTop .productPhoto #big .bigImg ul li figure figcation span img, .productTop .productPhoto #big .bigImg .products ul li figcation figure span img, .products .productTop .productPhoto #big .bigImg ul li figcation figure span img, .productTop .productPhoto #big .bigImg ul.newsList li figure b img, .productTop .productPhoto #big .bigImg ul .product li figure span img, .product .productTop .productPhoto #big .bigImg ul li figure span img {
                      position: absolute;
                    }
                  }



.smallImg {
  width: 480px;
  height: 84px;
  float: left;
margin-top:4px;
  overflow: hidden;
  position: relative; }
  .smallImg ul {
    width: 490px;
    position: absolute;
    top: 0;
    left: -5px; }
    .smallImg ul li {
      width: 88px;
      height: 84px;
      float: left;
      position: relative;
      margin: 0 5px; }
      .smallImg ul li figure {
        width: 88px;
        height: 84px;
        display: block; }
        .smallImg ul li figure p, .smallImg .products ul li figure figcation span, .products .smallImg ul li figure figcation span, .smallImg .products ul li figcation figure span, .products .smallImg ul li figcation figure span, .smallImg ul.newsList li figure b, .smallImg ul .product li figure span, .product .smallImg ul li figure span {
          width: 88px;
          height: 64px;
          display: block;
          vertical-align: middle;
          text-align: center;
          position: relative;
          line-height: 84px;
          font-size: 73px;}
          .smallImg ul li figure p img, .smallImg .products ul li figure figcation span img, .products .smallImg ul li figure figcation span img, .smallImg .products ul li figcation figure span img, .products .smallImg ul li figcation figure span img, .smallImg ul.newsList li figure b img, .smallImg ul .product li figure span img, .product .smallImg ul li figure span img {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
            -moz-transform: translate(-50%, -50%);
            -webkit-transform: translate(-50%, -50%);
            -o--transform: translate(-50%, -50%);
            position: static\9;

         }
          @media screen and (min-width:0){
                    .smallImg ul li figure p img, .smallImg .products ul li figure figcation span img, .products .smallImg ul li figure figcation span img, .smallImg .products ul li figcation figure span img, .products .smallImg ul li figcation figure span img, .smallImg ul.newsList li figure b img, .smallImg ul .product li figure span img, .product .smallImg ul li figure span img{
                      position: absolute;
                    }
                  }
      .smallImg ul li.active figure p, .smallImg .products ul li.active figure figcation span, .products .smallImg ul li.active figure figcation span, .smallImg .products ul li.active figcation figure span, .products .smallImg ul li.active figcation figure span, .smallImg ul.newsList li.active figure b, .smallImg ul .product li.active figure span, .product .smallImg ul li.active figure span {
        border: 2px solid #ff7e00;
        width: 84px;
        height: 80px; }
      .smallImg ul li.active b {
        display: block; }
    .smallImg ul b {
      display: none;
      position: absolute;
      width: 13px;
      height: 13px;
      right: 0;
      bottom: 0px;
      background: url("/NewShowStand/Style/17/images/product.png") no-repeat -30px -88px; }

.price {
  width: 503px;
  height: 57px;
  float: right;
  background: #f3f3f3;
  position: relative;
  line-height: 57px;
  font-size: 14px;
  color: #8e8a8a;
  padding-left: 27px; }
  .price strong {
    font-size: 24px;
    font-weight: 400;
    color: #f6114c;
    position: absolute;
    top: 0;
    left: 120px;
    font-family: arial; }
  .price a {
    position: absolute;
    right: 14px;
    height: 18px;
    line-height: 18px;
    top: 20px;
    color: #959595;
    display: block;
    text-indent: 23px;
    background: url("/NewShowStand/Style/17/images/product.png") no-repeat -25px -56px; }
    .price a.share {
      right: 82px;
      background: url("/NewShowStand/Style/17/images/product.png") no-repeat -25px -32px; }

.parameter {
  width: 503px;
  float: right;
  font-size: 14px;
  line-height: 30px;
  padding: 15px 0 15px 27px; }
  .parameter span {
    color: #8e8a8a; }
    .parameter span b {
      padding: 0 14px; }
    .parameter span i {
      padding: 0 3px; }

.productBtn {
  width: 530px;
  float: right; }
  .productBtn a {
    display: inline-block;
    padding: 10px 60px 12px;
    font-size: 18px;
    color: #fff;
    font-weight: bold;
    background: #ff9a37;
    margin-right: 18px; }
    .productBtn a.fav {
      background: #ff2c62; }
  .productBtn p, .productBtn .products ul li figcation span, .products ul li figcation .productBtn span, .productBtn ul.newsList li b, ul.newsList li .productBtn b, .productBtn .product li span, .product li .productBtn span {
    width: 500px;
    text-align: left;
    margin-top: 10px;
    font-size: 14px; }
    .productBtn p mark, .productBtn .products ul li figcation span mark, .products ul li figcation .productBtn span mark, .productBtn ul.newsList li b mark, ul.newsList li .productBtn b mark, .productBtn .product li span mark, .product li .productBtn span mark {
      background: none;
      color: #5487e4; }

.warning {
  border: 1px solid #dddddd;
  border-bottom: 1px solid #c8cace;
  border-radius: 2px;
  background: #ffffff;
  width: 706px;
  float: right;
  margin-top: 14px;
  font-size: 14px;
  line-height: 22px;
  padding: 24px 24px 24px 106px;
  background: #fff url("/NewShowStand/Style/17/images/product.png") no-repeat 37px -164px; }

.bottomSearch {
  width: 1098px;
  border: 1px solid #dddddd;
  border-bottom: 1px solid #c8cace;
  border-radius: 2px;
  background: #ffffff;
  margin: 14px auto 0;
  padding: 26px 0;
  text-align: center;
  line-height: 37px;
  font-size: 14px; }
  .bottomSearch input {
    display: inline-block;
    width: 454px;
    height: 35px;
    border: 1px solid #dddddd;
      border-right: 0;
    font-size: 14px;
    text-indent: 15px;
    line-height: 37px;
    vertical-align: top; }
  .bottomSearch button {
    display: inline-block;
    height: 39px;
    line-height: 39px;
    color: #fff;
    font-size: 16px;
    padding: 0 25px;
    background: #5487e4;
    border-radius: 2px;
    margin: 0 16px 0 0;
    vertical-align: top; }
    .bottomSearch button.searchThisWeb {
      margin: 0 16px;
      color: #333;
      border: 1px solid #dddddd;
      background: #f5f5f5; }

.otherProduct {
  width: 812px;
  float: left;
  padding: 20px 10px 10px 12px; }
  .otherProduct li {
    width: 142px;
    float: left;
    padding: 0 10px; }
    .otherProduct li .otherImg {
      width: 100%;
      height: 100px;
      float: left; }
      .otherProduct li .otherImg figure {
        width: 100%;
        height: 100px;
        display: block; }
        .otherProduct li .otherImg figure span {
          width: 100%;
          height: 100px;
          display: block;
          text-align: center;
          vertical-align: middle;
          position: relative; }
          .otherProduct li .otherImg figure span img {
            position: absolute;
            position: static\9;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
            -moz-transform: translate(-50%, -50%);
            -webkit-transform: translate(-50%, -50%);
            -o--transform: translate(-50%, -50%); }
            @media screen and (min-width: 0px){
             .otherProduct li .otherImg figure span img{
                 position: absolute;
             }
         }
    .otherProduct li b {
      width: 100%;
      float: left;
      font-size: 16px;
      color: #f6114c;
      padding: 10px 0 3px 0;
      font-weight: normal; }
    .otherProduct li figcaption, .otherProduct li p, .otherProduct .products ul li figcation span, .products ul .otherProduct li figcation span, .otherProduct ul.newsList li b, ul.newsList .otherProduct li b, .otherProduct .product li span, .product .otherProduct li span {
      width: 100%;
      height: 24px;
      font-size: 14px;
      line-height: 24px;
      float: left;
      overflow: hidden; }
      .otherProduct li figcaption a, .otherProduct li p a, .otherProduct .products ul li figcation span a, .products ul .otherProduct li figcation span a, .otherProduct ul.newsList li b a, ul.newsList .otherProduct li b a, .otherProduct .product li span a, .product .otherProduct li span a {
        color: #333; }
        .otherProduct li figcaption a:hover, .otherProduct li p a:hover, .otherProduct .products ul li figcation span a:hover, .products ul .otherProduct li figcation span a:hover, .otherProduct ul.newsList li b a:hover, ul.newsList .otherProduct li b a:hover, .otherProduct .product li span a:hover, .product .otherProduct li span a:hover {
          color: #2e62c2;
          text-decoration: underline; }
    .otherProduct li p a, .otherProduct .products ul li figcation span a, .products ul .otherProduct li figcation span a, .otherProduct ul.newsList li b a, ul.newsList .otherProduct li b a, .otherProduct .product li span a, .product .otherProduct li span a {
      color: #666; }

.newsHot {
  width: 216px;
  float: left;
  padding: 10px 15px 10px 17px; }
  .newsHot li {
    width: 202px;
    float: left;
    line-height: 20px;
    padding-left: 14px;
    margin: 5px 0;
    background: url("/NewShowStand/Style/17/images/product.png") no-repeat -36px -106px; }
    .newsHot li a {
      color: #333; }
      .newsHot li a:hover {
        color: #2e62c2;
        text-decoration: underline; }

.rightBar {
  position: fixed;
  left: 10px;
  bottom: 100px;
  z-index: 9999; }
  .rightBar a {
    display: block;
    color: transparent;
    border: 0;
    background-color: #5487e4;
    text-shadow: none;
    width: 50px;
    height: 50px;
    overflow: hidden;
    color: #fff;
    text-decoration: none;
    margin-top: 1px;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
    cursor: pointer; }
    .rightBar a i {
      width: 50px;
      height: 50px;
      display: block;
      margin-top: 0px;
      background: url("/NewShowStand/Style/17/images/rightBar.png") no-repeat 10px 13px;
      float: left; }
    .rightBar a b {
      width: 30px;
      height: 45px;
      display: block;
      text-align: center;
      font: normal 12px/16px microsoft yahei;
      background: #3b485b;
      padding: 5px 10px 0 10px;
      float: left; }
    .rightBar a.code2 i {
      background-position: 11px -38px; }
    .rightBar a.feedback i {
      background-position: 11px -89px; }
    .rightBar a.qq i {
      background-position: 10px -140px; }
    .rightBar a.scrollUp {
      display: none; }
      .rightBar a.scrollUp i {
        background-position: 11px -191px; }
    .rightBar a:hover {
      background: #3b485b;
      -webkit-transition: all 0.15s;
      transition: all 0.15s; }

.qr_img {
  position: absolute;
  top: -40px;
  left: 56px;
  display: none;
  width: 156px;
  height: 156px;
  padding-left: 6px;
  background: url("/NewShowStand/Style/17/images/codeBg.png") no-repeat;
  text-align: center; }

.telNo {
  position: absolute;
  top: 1px;
  left: 50px;
  display: none;
  height: 50px;
  padding: 0 15px;
  background: #3b485b;
  color: #fff;
  font-size: 18px;
  line-height: 50px;
  font-weight: bold;
  white-space: nowrap; }

.authBg {
  background-color: #fff;
  display: none;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  filter: alpha(opacity=50);
  opacity: 0.5;
  /*FF*/
  z-index: 9998;
  position: fixed !important;
  position: absolute;
  _top: expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? documentElement.scrollTop + (document.documentElement.clientHeight-this.offsetHeight)/2: document.body.scrollTop + (document.body.clientHeight - this.clientHeight)/2); }

.authBox {
  z-index: 9999;
  display: none;
  width: 694px;
  height: 412px;
  left: 50%;
  top: 50%;
  margin-left: -347px !important;
  margin-top: -206px !important;
  margin-top: 0px;
  position: fixed !important;
  position: absolute;
  _top: expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? documentElement.scrollTop + (document.documentElement.clientHeight-this.offsetHeight)/2: /*IE6*/ document.body.scrollTop + (document.body.clientHeight - this.clientHeight)/2); }

.enquiry {
  height: 520px;
  margin-top: -260px !important; }

.authMain {
  width: 692px;
  height: 410px;
  position: relative;
  border: 1px solid #bfbebe;
  border-radius: 2px;
  font-family: microsoft yahei;
  background: #fff;
  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.2); }
  .authMain a.close {
    display: block;
    position: absolute;
    width: 16px;
    height: 16px;
    background: url("/NewShowStand/Style/17/images/closed.png") no-repeat 0 0;
    right: 18px;
    top: 14px;
    z-index: 8; }
  .authMain ul {
    position: absolute;
    left: 30px;
    top: 80px;
    width: 596px;
    height: 250px;
    overflow: hidden;
    z-index: 2; }
    .authMain ul li {
      width: 278px;
      float: left;
      line-height: 24px;
      color: #333;
      padding: 4px 0;
      padding-left: 20px;
      font-family: microsoft yahei;
      overflow-y: auto;
      max-height: 192px; }
      .authMain ul li b {
        font-weight: 400;
        color: #999; }
  .authMain h3 {
    position: absolute;
    font-size: 16px;
    top: 0px;
    left: 0px;
    z-index: 3;
    font-weight: bold;
    font-family: microsoft yahei;
    width: 100%;
    height: 44px;
    background: #f3f3f3;
    line-height: 44px;
    border-bottom: 1px solid #dddddd;
    text-indent: 15px; }
  .authMain i {
    position: absolute;
    width: 134px;
    height: 134px;
    background: url("/NewShowStand/images/chapter.png") no-repeat 0 0;
    z-index: 5;
    right: 46px;
    top: 178px; }

.enquiry .authMain {
  height: 528px; }

.certifiMain {
  display: none;
  float: left;
  width: 100%; }

.catalog {
  width: 776px;
  float: left;
  padding: 0 29px 15px 29px; }
  .catalog dl {
    width: 100%;
    float: left; }
    .catalog dl dt {
      width: 100%;
      border-bottom: 1px solid #dddddd;
      font-size: 18px;
      font-weight: bold;
      padding: 12px 0;
      float: left;
      position: relative; }
      .catalog dl dt a {
        color: #333; }
        .catalog dl dt a.openDt {
          position: absolute;
          right: 0;
          top: 18px;
          color: #999;
          font-size: 12px;
          font-weight: 400; }
    .catalog dl dd {
      width: 100%;
      float: left;
      overflow: hidden; }
      .catalog dl dd ul {
        width: 796px;
        float: left;
        margin-left: -10px; }
        .catalog dl dd ul li {
          width: 245px;
          float: left;
          padding: 15px 10px 0 10px; }
          .catalog dl dd ul li a {
            display: block;
            background-color: #f6f6f6;
            border: 1px solid #e8e8e8;
            text-align: center;
            line-height: 28px;
            color: #333; }
            .catalog dl dd ul li a:hover {
              background: #5487e4;
              color: #fff;
              border: 1px solid #5487e4; }

.loginBox {
  position: absolute;
  top: 100px;
  left: 50px; }

.loginItem {
  width: 100%;
  float: left;
  padding: 8px 0;
  position: relative; }
  .loginItem label {
    width: 150px;
    float: left;
    line-height: 38px;
    text-align: right;
    font-size: 14px; }
  .loginItem input.text {
    width: 280px;
    float: left;
    height: 36px;
    border: 1px solid #d7d7d7;
    border-radius: 2px;
    font-size: 14px;
    line-height: 36px;
    text-indent: 13px;
    margin-left: 17px; }
  .loginItem input.codes {
    text-indent: 130px; }
  .loginItem p, .loginItem .products ul li figcation span, .products ul li figcation .loginItem span, .loginItem ul.newsList li b, ul.newsList li .loginItem b, .loginItem .product li span, .product li .loginItem span {
    position: absolute;
    top: 16px;
    left: 178px; }
  .loginItem .Wrong {
    float: left;
    line-height: 36px;
    color: #ff0000;
    text-indent: 30px;
    background: url("/NewShowStand/Style/17/images/wrong.png") no-repeat 7px 50%; }

.loginBtn, .enquiryBtn {
  float: left;
  padding-left: 148px; }
  .loginBtn button, .enquiryBtn button {
    width: 130px;
    margin: 10px 0 0 20px;
    padding: 8px 0px;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    background: #ff2c62;
    text-align: center;
    display: inline-block; }
  .loginBtn button.backpassword, .enquiryBtn button.backpassword {
    background: #666666; }

.loginPrompt {
  position: absolute;
  top: 180px;
  left: 250px;
  font-size: 16px;
  line-height: 34px;
  text-indent: 44px;
  background: url("/NewShowStand/Style/17/images/prompt.png") no-repeat 0 0; }
  .loginPrompt a {
    color: #2e62c2;
    text-decoration: underline; }
    .loginPrompt a:hover {
      text-decoration: none;
      color: #ff6600; }

.favoriteSign {
  position: absolute;
  font-size: 30px;
  line-height: 51px;
  text-indent: 70px;
  background: url("/NewShowStand/Style/17/images/favorite.png") no-repeat 0 0;
  top: 88px;
  left: 214px; }

.already {
  background: url("/NewShowStand/Style/17/images/favorite.png") no-repeat 0 -64px; }

.favoriteBtn {
  position: absolute;
  text-align: center;
  top: 166px;
  left: 0;
  width: 100%; }
  .favoriteBtn a {
    width: 154px;
    height: 31px;
    display: inline-block;
    border: 1px solid #dddddd;
    background: #f3f3f3;
    line-height: 31px;
    color: #333;
    margin: 0 10px;
    border-radius: 2px; }
    .favoriteBtn a:hover {
      border: 1px solid #5487e4;
      background: #5487e4;
      color: #fff; }

.labels {
  position: absolute;
  top: 218px;
  width: 572px;
  left: 60px;
  border-top: 1px solid #dddddd;
  padding: 17px 0 0 0; }
  .labels dl {
    width: 100%;
    float: left; }
    .labels dl dt {
      width: 45px;
      float: left;
      line-height: 36px; }
    .labels dl dd {
      width: 527px;
      float: right;
      line-height: 34px; }
      .labels dl dd input {
        width: 403px;
        float: left;
        height: 32px;
        border: 1px solid #d7d7d7;
        border-radius: 2px;
        line-height: 32px;
        text-indent: 13px; }
      .labels dl dd button {
        float: left;
        margin: 0px 0 0 15px;
        width: 60px;
        height: 34px;
        color: #fff;
        font-size: 14px;
        font-weight: bold;
        background: #ff2c62;
        border-radius: 2px; }
      .labels dl dd p, .labels dl dd .products ul li figcation span, .products ul li figcation .labels dl dd span, .labels dl dd ul.newsList li b, ul.newsList li .labels dl dd b, .labels dl dd .product li span, .product li .labels dl dd span {
        float: left;
        width: 100%;
        color: #999999;
        text-indent: 13px;
        line-height: 22px; }
      .labels dl dd a {
        color: #2e62c2;
        text-decoration: underline;
        margin-right: 15px; }
        .labels dl dd a:hover {
          text-decoration: none;
          color: #ff6600; }

.enquiryBox {
  position: absolute;
  top: 60px;
  left: 30px;
  width: 630px; }

.enquiryItem {
  width: 100%;
  float: left;
  position: relative;
  padding: 4px 0; }
  .enquiryItem label {
    width: 130px;
    float: left;
    line-height: 32px;
    text-align: right; }
    .enquiryItem label b {
      font-weight: 400;
      color: #ff0000;
      font-family: tahoma;
      margin-right: 3px; }
  .enquiryItem input {
    width: 445px;
    float: left;
    height: 32px;
    border: 1px solid #d7d7d7;
    border-radius: 2px;
    line-height: 32px;
    text-indent: 13px;
    margin-left: 10px; }
    .enquiryItem input:focus {
      background: #f5f5f5;
      border-color: #90b5f9; }
  .enquiryItem textarea {
    width: 420px;
    float: left;
    height: 100px;
    border: 1px solid #d7d7d7;
    border-radius: 2px;
    line-height: 36px;
    padding: 0 13px;
    margin-left: 10px; }
    .enquiryItem textarea:focus {
      background: #f5f5f5;
      border-color: #90b5f9; }
  .enquiryItem .Wrong {
    float: left;
    line-height: 18px;
    color: #ff0000;
    text-indent: 30px;
    margin-top: 10px;
    margin-left: 145px;
    background: url("/NewShowStand/Style/17/images/wrong.png") no-repeat 7px 50%; }
  .enquiryItem button {
    float: left;
    margin: 5px 0 0 140px;
    width: 128px;
    height: 32px;
    font-size: 14px;
    font-weight: bold;
    border-radius: 2px;
    border: 2px solid #ff2c62;
    color: #ff2c62;
    background: #fff; }

.members {
  width: 100%;
  height: 18px;
  float: left;
  position: relative;
  margin: 10px 0 6px 0; }
  .members p, .members .products ul li figcation span, .products ul li figcation .members span, .members ul.newsList li b, ul.newsList li .members b, .members .product li span, .product li .members span {
    position: absolute;
    line-height: 18px;
    padding: 0 20px;
    background: #fff;
    z-index: 2;
    left: -10px; }
  .members b {
    width: 100%;
    height: 1px;
    position: absolute;
    z-index: 1;
    top: 50%;
    border-top: 1px dotted #ddd; }

.wd5 {
  width: 50%; }
  .wd5 input {
    width: 170px; }

.enquiryBtn {
  padding-left: 0px;
  text-align: center;
  width: 100%; }
  .enquiryBtn button {
    font-size: 14px;
    margin-top: 0; }

.enquiryRow {
  width: 100%;
  float: left; }

.enquiryTd .Wrong {
  margin-left: 105px; }

.save {
  display: block;
  color: #ff0000;
  text-indent: 10px;
  float: left;
  line-height: 22px; }

.alertTxt {
  position: absolute;
  top: 150px;
  left: 80px;
  font-size: 20px;
  line-height: 38px;
  font-weight: bold;
  width: 480px;
  padding-left: 66px; }
  .alertTxt .sendSuccess {
    width: 52px;
    height: 52px;
    display: block;
    float: left;
    background: url("/NewShowStand/Style/17/images/favorite.png") no-repeat 0 0;
    margin-left: -60px;
    margin-top: -10px; }
  .alertTxt .sendWrong {
    background: url("/NewShowStand/Style/17/images/favorite.png") no-repeat 0 -64px; }