@charset "UTF-8";
@font-face {
  font-family: '微软雅黑';
  src: url("font.eot");
  src: url("font.eot?#iefix") format("embedded-opentype"), url("font.woff") format("woff"), url("font.ttf") format("truetype"), url("font.svg#webfont34M5alKg") format("svg");
  font-weight: normal;
  font-style: normal; }
* {
  font-family: "微软雅黑";text-align: justify;
  text-justify: inter-ideograph; }

body {
  max-width: 1920px;
  margin: 0 auto;
  text-align: justify;
  text-justify: inter-ideograph;
  font-family: "微软雅黑";
  }
.white-bg {
  background: #fff; }

img {
  max-width: 100%;
  height: auto;
  }
.fixed{position: fixed; width:100%; left:0; top:0;}
.layer-wraper {
  max-width: 1200px;
  margin: 0 auto;}

.curTit {
  margin-bottom: 15px; }
  .curTit h2 {
    font-size: 26px;
    color: #777777;
    font-weight: normal; }

.header .header_top {
  background-color: #9c9c9c; }
  .header .header_top .language {
    float: right;
    font-size: 12px;
    color: #fff;
    line-height: 35px;
    margin-left: 30px; }
  .header .header_top .mem_fun {
    float: right;
    overflow: hidden; }
    .header .header_top .mem_fun li {
      color: #fff;
      font-size: 12px;
      line-height: 35px;
      float: left;
      padding: 0 15px 0 14px;
      background: url(../img/line.png) no-repeat right center;
      margin-right: -1px; }
      .header .header_top .mem_fun li a {
        float: left;
        *color: #fff; }
.header .navArea {
  background-color: #fff; height: 95px;}
.header .header_bom {
  height: 95px;
  background-color: #f2f2f2; }
  .header .header_bom .logo {
    float: left;
    margin-top: 6px; 
	margin-left: 42px;}
    .header .header_bom .logo a {
      display: block; }
    .header .header_bom .logo img {
      display: block;
      max-width: 100%; }
  .header .header_bom .searchBox {
    float: right;
    position: relative;
    padding-right: 25px;
    height: 27px;
    border-bottom: 1px solid #cccccc;
    margin: 8px 0 0 0;
    overflow: hidden; }
    .header .header_bom .searchBox input {
      border: none;
      margin: 0;
      padding: 0;
      height: 25px;
      line-height: 25px;
      background: none;
      width: 120px;
      color: #ccc; }
    .header .header_bom .searchBox a.seaBtn {
      display: block;
      width: 25px;
      height: 25px;
      background: url(../img/searchBtn.png) no-repeat center center;
      position: absolute;
      right: 0;
      top: 0; }
  .header .header_bom .navigation {
    float: right;
    margin-right: 26px; }
    .header .header_bom .navigation ul, .header .header_bom .navigation li, .header .header_bom .navigation a {
      float: left; }
    .header .header_bom .navigation li {
    height: 93px;
    line-height: 93px;
    color: #fff;
    border-bottom: 0px solid #000;
    padding: 0 22px;
    color: #cccccc;
}
      .header .header_bom .navigation li a {
        color: #000000;
        font-size: 14px; }
    .header .header_bom .navigation li.cr, .header .header_bom .navigation li:hover {
      border-color: #000; }
    .header .header_bom .navigation li.cr > a, .header .header_bom .navigation li:hover > a {
      color: #000; }

.header_subNav:after {
  z-index: 99;
  position: fixed;
  right: 30px;
  top: 120px;
  width: 30px;
  height: 30px;
  content: " ";
  /*background: url(../img/close.png)  no-repeat;*/ }

.header_subNav {
    position: absolute;
    width: 150px;
    /*left: 50%;
    padding-bottom: 10px;
    padding-top: 15px;*/
    background-color: #f2f2f2;
    z-index: 100;
    display: none;
    overflow: hidden;
}
  .header_subNav .subNav_tab {
    position: absolute;
    top: 0;
    width: 100%; }
    .header_subNav .subNav_tab .tab_list {
      max-width: 1200px;
      margin: 0 auto; }
    .header_subNav .subNav_tab span {
      float: left;
      font-size: 14px;
      color: #777777;
      margin-right: 15px;
      cursor: pointer; }
    .header_subNav .subNav_tab span.cr {
      color: #fff; }
  .header_subNav .subNav_con {
    display: none; }
  .header_subNav .overview {
    display: block; }
  .header_subNav .core {
    display: block;
    width: 100%;
    background-color: #444444;
    margin-bottom: 12px;
    transition: background-color 500ms ease-in-out;
    -webkit-transition: background-color 500ms ease-in-out; }
    .header_subNav .core .pic {
      width: 100%;
      padding-top: 92.7835%;
      position: relative;
      overflow: hidden;
      float: none !important;
      display: block; }
      .header_subNav .core .pic img {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        display: block; }
    .header_subNav .core .content {
      padding: 20px 10px 8px 10px; }
      .header_subNav .core .content h2 {
        font-size: 14px;
        color: #ffffff;
        font-weight: normal;
        line-height: 25px; }
        .header_subNav .core .content h2 a {
          float: none; }
      .header_subNav .core .content .list {
        font-size: 12px;
        color: #999;
        line-height: 18px;
        display: block;
        height: 36px;
        margin-top: 3px;
        overflow: hidden; }
        .header_subNav .core .content .list span {
          padding-right: 10px; }
    .header_subNav .core:hover {
      background-color: #666666; }

.activeSubNav .subNav_list {
  animation: fade_in_up 400ms ease-in-out; }

.index-banner {
  position: relative; }
  .index-banner .sochage_item {
    left: 0;
    top: 0; }
 .index-banner .sochage_item video{
    width:100%;
	max-height:660px;}
  .index-banner .ctrl {
    text-align: center;
    font-size: 0;
    line-height: 0;
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 37px; }
    .index-banner .ctrl .pre {
      display: inline-block;
      *display: inline;
      *zoom: 1;
      width: 46px;
      height: 46px;
      background: url(../img/sochange_l1.png) no-repeat center center;
      background-size: 38px 38px;
      cursor: pointer;
      vertical-align: middle; }
      .index-banner .ctrl .pre:hover {
        background: url(../img/sochange_lhover1.png) no-repeat center center;
        background-size: 38px 38px; }
    .index-banner .ctrl .thumb {
      display: inline-block;
      *display: inline;
      *zoom: 1;
      font-size: 0;
      line-height: 0;
      vertical-align: middle; }
    .index-banner .ctrl .thumb li {
      display: inline-block;
      *display: inline;
      *zoom: 1;
      width: 8px;
      height: 8px;
      background-color: #ededed;
      background: rgba(204, 204, 204, 0.3);
      border-radius: 6px;
      margin: 0 4px;
      cursor: pointer;
      vertical-align: middle; }
      .index-banner .ctrl .thumb li.on {
        background-color: #d6d6d6;
        background: rgba(204, 204, 204, 0.8); }
    .index-banner .ctrl .next {
      display: inline-block;
      *display: inline;
      *zoom: 1;
      width: 46px;
      height: 46px;
      background: url(../img/sochange_r0.png) no-repeat center center;
      cursor: pointer;
      vertical-align: middle;
      background-size: 38px 38px; }
      .index-banner .ctrl .next:hover {
        background: url(../img/sochange_rhover0.png) no-repeat center center;
        background-size: 38px 38px; }
  .index-banner .slide-wrapper {
    position: relative;
    width: 100%;
    padding-top: 42.1875%;
    overflow: hidden; }
    .index-banner .slide-wrapper img {
      display: block;
      max-width: 100%;height: auto;
}

.ctrl {
  text-align: center;
  font-size: 0;
  line-height: 0;
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 37px; }
  .ctrl .pre {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 12px;
    height: 12px;
    margin-right: 15px;
    background: url(../img/sochange_l.png) no-repeat center center;
    cursor: pointer; }
  .ctrl .thumb, .ctrl .pagination {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    font-size: 0;
    line-height: 0; }
  .ctrl .thumb li, .ctrl .pagination .swiper-pagination-switch {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 12px;
    height: 12px;
    background-color: #ccc;
    border-radius: 12px;
    margin: 0 6px;
    cursor: pointer; }
    .ctrl .thumb li.on, .ctrl .pagination .swiper-pagination-switch.on {
      background-color: #666; }
    .ctrl .thumb li.swiper-active-switch, .ctrl .pagination .swiper-pagination-switch.swiper-active-switch {
      background-color: #666; }
  .ctrl .next {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 12px;
    height: 12px;
    margin-left: 15px;
    background: url(../img/sochange_r.png) no-repeat center center;
    cursor: pointer; }

.recPro {
  overflow: hidden;
  margin-top: 24px;
  margin: 24px -10px 0 -10px;
  box-sizing: content-box;
  padding-bottom: 75px;
  position: relative; }
  .recPro .pic {
    overflow: hidden;
    background-color: #fafafa;
    max-width: 390px;
    margin: 0 auto; }
    .recPro .pic img {
      display: block;
      width: 100%;
      /*      height:325px;*/
      max-width: 100%;
      margin: 0 auto; }
  .recPro .content {
    background-color: #fafafa;
    text-align: center;
    max-width: 390px;
    margin: 0 auto;
    height: 175px;
    overflow: hidden; }
    .recPro .content h3 {
      font-size: 24px;
      font-family: Arial, Helvetica, sans-serif;
      font-weight: normal;
      margin: 0 0 5px 0;
      padding: 0;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      color: #2a2a2a; }
    .recPro .content .desc, .recPro .content .desc2 {
      font-size: 12px;
      color: #6c6c6c;
      line-height: 21px; }
    .recPro .content .desc2 {
      margin-top: 10px; }
    .recPro .content p {
      line-height: 21px;
      margin: 0;
      padding: 0; }
  .recPro .pre {
    background: url(../img/swiper_l.png) no-repeat center center; }
  .recPro .next {
    background: url(../img/swiper_r.png) no-repeat center center; }

.project_case {
  background-color: #e5e5e5;
  padding-top: 55px;
  overflow: hidden; }
  .project_case .case_index {
    max-width: 1200px;
    min-height: 360px;
    margin: 0 auto;
    margin-top: 25px;
    position: relative;
    padding-bottom: 85px; }
  .project_case .swiper-slide .core a {
    display: block;
    margin-right: 5px;
    overflow: hidden; }
  .project_case .swiper-slide .core img {
    display: block;
    max-width: 100%;
    margin: 0 auto; }
  .project_case .swiper-slide .core .desc {
    font-size: 18px;
    color: #333;
    line-height: 30px;
    padding-top: 10px;
    margin: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
  .project_case .ctrl {
    bottom: 30px; }
    .project_case .ctrl .swiper-pagination-switch {
      background-color: #cccccc; }
    .project_case .ctrl .pagination .swiper-active-switch {
      background-color: #666666; }
    .project_case .ctrl .pre {
      background: url(../img/swiper_l.png) no-repeat center center; }
    .project_case .ctrl .next {
      background: url(../img/swiper_r.png) no-repeat center center; }

.bomAd {
  margin-top: 40px; }
  .bomAd a {
    display: block;
    overflow: hidden; }
  .bomAd img {
    display: block;
    width: 590px;
    height: 295px;
    max-width: 100%; }
  .bomAd .L {
    margin-right: 20px; }

.bom_help {
  margin-top: 20px;
  overflow: hidden; }
  .bom_help table {
    border-spacing: 0;
    border-collapse: collapse;
    width: 100%;
    table-layout: fixed; }
    .bom_help table td {
      background-color: #e5e5e5;
      height: 170px;
      vertical-align: middle;
      text-align: center;
      position: relative; }
      .bom_help table td .core {
        text-align: left;
        display: inline-block;
        *zoom: 1;
        *display: inline; }
      .bom_help table td a {
        font-size: 26px;
        color: #333;
        display: block;
        margin-bottom: 5px;
        letter-spacing: 2px; }
      .bom_help table td span {
        font-size: 17px;
        color: #777;
        display: block;
        letter-spacing: 2px; }
      .bom_help table td:after {
        display: block;
        content: "";
        width: 1px;
        height: 100%;
        background-color: #fff;
        position: absolute;
        right: 0;
        top: 0; }
  .bom_help ul {
    display: table;
    width: 100%;
    table-layout: fixed; }
    .bom_help ul li {
      display: table-cell;
      background-color: #393939;
      height: 170px;
      vertical-align: middle;
      text-align: center;
      position: relative; }
      .bom_help ul li .core {
        text-align: left;
        display: inline-block;
        *zoom: 1;
        *display: inline; }
      .bom_help ul li a {
        font-size: 26px;
        color: #cccccc;
        display: block;
        margin-bottom: 5px;
        letter-spacing: 2px; }
      .bom_help ul li span {
        font-size: 17px;
        color: #cccccc;
        display: block;
        letter-spacing: 2px; }
      .bom_help ul li:after {
        display: block;
        content: "";
        width: 1px;
        height: 100%;
        background-color: #fff;
        position: absolute;
        right: 0;
        top: 0; }

.footer {
  margin-top: 0px;
  background: url(../images/footer.jpg);}
  .footer .footer_top {
    padding: 35px 0;
    /* border-top:1px solid #eeeeee;*/ }
    .footer .footer_top .bomNav {
      float: left;
      max-width: 900px; }
      .footer .footer_top .bomNav .core {
        float: left;
        max-width: 100%;
        width: 250px; }
        .footer .footer_top .bomNav .core h4 {
          font-size: 16px;
          color: #fff;
          line-height: 24px; }
        .footer .footer_top .bomNav .core ul li {
          font-size: 12px;
          color: #fff;
          line-height: 34px; }
          .footer .footer_top .bomNav .core ul li a {
            color: #fff;
            /*padding-right: 8px;*/ }
          .footer .footer_top .bomNav .core ul li a:hover {
            color: #fff; }
    .footer .footer_top .hotline {
      float: right;
      max-width: 450px;
      font-weight: bold; display: flex ;flex-wrap: wrap;}
	  .footer .footer_top .hotline>div{width:50%;display: flex ;align-items: center;justify-content:space-around;flex-flow: column; margin-bottom:15px;}
	  .footer .footer_top .hotline h3{ font-size:12px;color:#fff;white-space: nowrap; font-weight:normal;}
      .footer .footer_top .hotline p{font-size:12px; color:#8e8e8e;}
	  .footer .footer_top .hotline img{ width:2.0rem;}
 	  .footer .footer_top .hotline .thb{font-size:14px; color:#8e8e8e;padding:30px 0 0 0;text-align: center;width: 100%;}
	  
/*	  .footer .footer_top .hotline .qr{display: flex;}
	  .footer .footer_top .hotline .qr>div{margin:0 0 0 20px;}
	  .footer .footer_top .hotline .qr img{ width:120px;}
	  .footer .footer_top .hotline .qr p{ color:#fff;text-align:center; }
      .footer .footer_top .hotline h4 {
        font-size: 12px;
        color: #666;
        line-height: 24px; }
      .footer .footer_top .hotline .tel {
        font-size: 34px;
        color: #666;
        white-space: nowrap;
        clear: both;
        line-height: 50px;
        font-weight: 100;
        font-family: 'PingFang SC Light',"Helvetica Neue",Helvetica,Arial,"Microsoft Yahei","Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif; }
      .footer .footer_top .hotline .week {
        float: left;
        font-size: 12px;
        color: #666; }
      .footer .footer_top .hotline .time {
        float: right;
        font-size: 12px;
        color: #666; }*/
  .footer .footer_bom {
    /* border-top: 1px solid #ececec; */
    max-width: 1200px;
    margin: 0 auto;
    /*	background: #fff;*/
    padding: 25px 0; }
    .footer .footer_bom .bom_logo {
      float: left; }
      .footer .footer_bom .bom_logo a {
        float: left;
        display: block; }
      .footer .footer_bom .bom_logo img {
        float: left;
        display: block;
        max-width: 100%;
        margin: 0 auto; }
    .footer .footer_bom .copyRight {
          text-align: center;
      margin: 0 25px 0 25px;
      font-size: 12px;
      color: #fff; }
    .footer .footer_bom .bomlink {
      float: left;
      font-size: 12px;
      margin-top: 18px;
      margin-left: 30px;
      color: #666; }
      .footer .footer_bom .bomlink a {
        float: left;
        margin: 0 12px;
        *color: #666; }
    .footer .footer_bom .share {
      float: right;
      margin-top: 0; }
      .footer .footer_bom .share a {
        float: left;
        width: 19px;
        height: 19px;
        padding: 0;
        margin: 0 5px; }
      .footer .footer_bom .share .facebook {
        background: url(../img/s_facebook.png) no-repeat center center; }
      .footer .footer_bom .share .twiter {
        background: url(../img/s_twi.png) no-repeat center center; }
      .footer .footer_bom .share .xinlang {
        background: url(../img/s_xinlang.png) no-repeat center center; }
      .footer .footer_bom .share .weixin {
        background: url(../img/s_weixin.png) no-repeat center center; }

.section_banner {
  width: 100%;
  position: relative;
  font-size: 0;
  line-height: 0;
  overflow: hidden; }
  .section_banner .pic {
    display: inline-block;
    *zoom: 1;
    *display: inline;
    position: relative;
    left: 50%; }
    .section_banner .pic img {
      display: block;
      height: auto;
      position: relative;
      left: -50%; }
  .section_banner .txt {
    position: absolute;
    top: 20%;
    width: 100%;
    text-align: center;
    color: #fff;
    font-size: 48px;
    text-shadow: 0 2px 10px #000; }

.prolist .core {
  background-color: #fff;
  margin-top: 25px; }
.prolist .pic {
  display: block;
  overflow: hidden; }
  .prolist .pic img {
    display: block;
    width: 220px;
    height: 220px;
    max-width: 100%;
    margin: 0 auto;
    transition: transform 400ms ease-in-out;
    -webkit-transition: transform 400ms ease-in-out; }
    .prolist .pic img:hover {
      transform: scale(1.07);
      -webkit-transform: scale(1.07); }
.prolist .content {
  text-align: center;
  height: 100px; }
  .prolist .content .name {
    display: block;
    font-size: 24px;
    color: #2a2a2a; }
  .prolist .content .desc {
    padding-top: 10px;
    font-size: 12px;
    color: #6c6c6c;
    line-height: 21px; }
    .prolist .content .desc span {
      padding: 0 2px; }

.videoBanner {
  position: relative; }
  .videoBanner .video-bgs {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 99; }
  .videoBanner video {
    display: block; }

.lc {
  background-color: #000;
  padding-top: 20px;
  height: 110px; }
  .lc .currentPos {
    float: left; }
    .lc .currentPos ul li {
      display: inline-block;
      *zoom: 1;
      *display: inline;
      font-size: 12px;
      color: #808080; }
      .lc .currentPos ul li em {
        font-style: normal;
        padding: 0 5px; }
    .lc .currentPos ul li.cr {
      color: #fff; }
  .lc .slogin {
    overflow: hidden;
    text-align: right; }
    .lc .slogin h3 {
      font-size: 35px;
      color: #fff;
      font-weight: normal;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis; }
    .lc .slogin .sub {
      padding-top: 5px;
      font-size: 14px;
      color: #808080; }
      .lc .slogin .sub * {
        color: #808080; }

.lc2 {
  background: #151515; }
  .lc2 .currentPos ul li a, .lc2 .currentPos ul li {
    color: #808080; }
  .lc2 .currentPos ul li.cr a {
    color: #fff; }
  .lc2 .slogin .sub, .lc2 .slogin .sub * {
    color: #808080; }

.lc3 .slogin {
  width: 50%;
  text-align: left !important;
  float: right; }

/*常见问题顶部*/
.lc4 {
  background-color: #656565; }

.lc4 .slogin {
  width: 50%;
  text-align: left !important;
  float: right; }

.lc4 .currentPos a {
  color: #b3b3b3; }

.lc4 .currentPos li.cr a, .lc4 .currentPos li a:hover {
  color: #fff; }

.lc4 .slogin .sub, .lc4 .slogin .sub * {
  color: #b2b2b2; }

.introduction {
  width: 50%;
  font-size: 12px;
  color: #000;
  margin-top: 60px;
  margin-bottom: 50px; }

.light_apply_list {
  margin: 0 -25px; }
  .light_apply_list .core {
    float: left;
    width: 50%;
    height: 240px;
    margin-bottom: 75px; }
    .light_apply_list .core .item {
      padding: 0 25px; }
    .light_apply_list .core .pic {
      float: left;
      overflow: hidden;
      margin-right: 15px; }
      .light_apply_list .core .pic a {
        display: block;
        overflow: hidden; }
      .light_apply_list .core .pic img {
        display: block;
        margin: 0 auto;
        max-width: 100%;
        width: 310px;
        height: 205px; }
      .light_apply_list .core .pic .tit {
        display: block;
        font-size: 18px;
        color: #6d6d6d;
        margin-top: 10px;
        line-height: 25px; }
    .light_apply_list .core .content {
      overflow: hidden;
      font-size: 12px;
      color: #000;
      line-height: 15px; }
      .light_apply_list .core .content p {
        font-size: 12px;
        color: #000;
        margin: 0;
        padding: 0;
        line-height: 15px; }

.section_switch {
  width: 100%;
  overflow: hidden;
  background: #fff; }
  .section_switch h5 {
    font-size: 25px;
    font-weight: normal;
    margin-bottom: 25px; }
  .section_switch h3 {
    font-size: 25px;
    margin-top: 15px;
    margin-bottom: 15px;
    font-weight: normal;
    color: #333; }
  .section_switch h2 {
    font-size: 25px;
    font-weight: normal;
    color: #111; }
  .section_switch h1 {
    font-size: 60px;
    letter-spacing: 5px;
    color: #111; }

.switch_page_wrap1 {
  padding: 100px 0 70px 0; }
  .switch_page_wrap1 h3, .switch_page_wrap1 h1 {
    text-align: center;
    color: #111111; }
  .switch_page_wrap1 h3 {
    color: #333; }

.switch_page_1 .bg_da {
  background-color: #fff; }

.switch_box {
  max-width: 1150px;
  margin: 100px auto 0 auto; }
  .switch_box .core {
    width: 33.33333%;
    float: left;
    margin-bottom: 25px; }
    .switch_box .core .pic {
      width: 94%;
      margin: 0 auto; }
      .switch_box .core .pic span {
        display: block;
        position: relative;
        height: 0;
        width: 100%;
        padding-top: 100%; }
        .switch_box .core .pic span img {
          position: absolute;
          width: 100%;
          height: 100%;
          left: 0;
          top: 0; }

.switch_page_wrap2 {
  padding: 110px 0;
  position: relative; }
  .switch_page_wrap2 h3, .switch_page_wrap2 h1 {
    text-align: center;
    color: #111; }
  .switch_page_wrap2 h3 {
    color: #333; }
  .switch_page_wrap2 .f_lpic {
    float: left;
    width: 54.5312%;
    margin-top: 14.0625%; }
    .switch_page_wrap2 .f_lpic img {
      display: block;
      width: 100%;
      height: auto; }
  .switch_page_wrap2 .f_rpic {
    margin-top: 7.8125%;
    float: right;
    width: 40.4167%; }
    .switch_page_wrap2 .f_rpic img {
      display: block;
      max-width: 100%; }

.switch_page_1 .bg_cb {
  background: #fff; }

.switch_page_wrap3 {
  position: relative; }
  .switch_page_wrap3 .pic img {
    display: block;
    width: 100%; }
  .switch_page_wrap3 .slogin {
    position: absolute;
    left: 64.95%;
    top: 24.2%; }

.switch_page_wrap4 {
  position: relative; }
  .switch_page_wrap4 .pic img {
    display: block;
    width: 100%; }
  .switch_page_wrap4 .house {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden; }
    .switch_page_wrap4 .house img {
      display: block;
      width: 100%;
      height: auto; }
  .switch_page_wrap4 .slogin {
    position: absolute;
    left: 5%;
    bottom: 8%;
    width: 52.6042%; }
    .switch_page_wrap4 .slogin h5, .switch_page_wrap4 .slogin h2 {
      color: #fff; }

.switch_page_wrap5 {
  position: relative; }
  .switch_page_wrap5 .slogin {
    position: absolute;
    top: 5%;
    width: 59.8958%;
    left: 50%;
    margin-left: -30%; }
    .switch_page_wrap5 .slogin h5, .switch_page_wrap5 .slogin h2 {
      color: #e6e6e6; }

.switch_page_wrap6 {
  position: relative; }
  .switch_page_wrap6 .slogin {
    position: absolute;
    top: 20%;
    left: 6%; }
    .switch_page_wrap6 .slogin h1, .switch_page_wrap6 .slogin h2 {
      text-align: right;
      /* color:#fff;*/ }
    .switch_page_wrap6 .slogin h2 {
      padding-right: 13px;
      color: #333; }
  .switch_page_wrap6 .hand {
    position: absolute;
    right: 0;
    bottom: 0; }

.switch_page_wrap7 {
  position: relative;
  overflow: hidden;
  /*    .slogin{
          position: absolute;
          right:8%;
          bottom:5%;
          width:47.9166%;
          h5,h3{
              text-align: left;
              color:#303030;
          }
          h3{
              font-weight:bold;
          }
          h5{
              margin-bottom:10px;
          }
      }*/ }
  .switch_page_wrap7 .slogin {
    margin-left: 30%;
    padding-left: 12.5%;
    position: relative;
    margin-top: -7%; }
  .switch_page_wrap7 h5 {
    font-size: 19px;
    color: #333;
    position: absolute;
    left: 0;
    top: 3%;
    line-height: 200%; }
  .switch_page_wrap7 h3 {
    font-size: 32px;
    color: #111;
    max-width: 860px;
    margin-top: 0;
    font-weight: bold;
    line-height: 200%;
    letter-spacing: 4px;
    padding-bottom: 5%; }
  .switch_page_wrap7 .switch25 {
    /*      position: absolute;
          left:0;
          top:0;*/
    height: 100%;
    width: 75.72%;
    padding: 6% 0  0 0; }
    .switch_page_wrap7 .switch25 img {
      display: block;
      width: auto; }

.switch_project_case {
  background: #fff;
  padding-bottom: 7.5521%; }
  .switch_project_case .title {
    max-width: 800px;
    margin: 0 auto;
    font-size: 60px;
    color: #111;
    padding: 80px 0;
    text-align: center; }
  .switch_project_case .switch_case_wraper {
    max-width: 800px;
    margin: 0 auto;
    overflow: hidden; }
    .switch_project_case .switch_case_wraper .swiper-slide img {
      display: block;
      width: 100%;
      height: auto; }
  .switch_project_case .wrapper {
    max-width: 100%;
    position: relative; }
  .switch_project_case .preArrow {
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -46px;
    width: 43px;
    height: 93px;
    background: url(../images/preArrow1.png) no-repeat center center;
    cursor: pointer; }
  .switch_project_case .nextArrow {
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -46px;
    width: 43px;
    height: 93px;
    background: url(../images/nextArrow2.png) no-repeat center center;
    cursor: pointer; }

.switch_var {
  /*max-width: 995px; margin: 0 auto;*/
  /*padding-top:70px;*/ }
  .switch_var .core {
    margin-bottom: 8%; }
  .switch_var h3 {
    font-size: 24px;
    font-weight: bold; }
  .switch_var .title {
    font-size: 30px;
    font-weight: bold;
    margin-bottom: 0; }
  .switch_var table {
    width: 100%;
    table-layout: fixed; }
    .switch_var table td {
      padding: 30px 15px;
      vertical-align: middle;
      height: 42px;
      font-size: 18px;
      color: #353535;
      border-bottom: 1px solid #221f1f; }

/*三路开关动画*/
.switch_page_wrap40 .house {
  position: relative;
  padding-bottom: 17%; }
.switch_page_wrap40 .house > img {
  display: block; }
.switch_page_wrap40 .switch_p_1 {
  position: absolute;
  bottom: 2%;
  left: 0.59%;
  text-align: center;
  width: 100%;
  z-index: 100; }
.switch_page_wrap40 .switch_p_1 img {
  width: 20.57%; }
.switch_page_wrap40 .switch_line_1, .switch_page_wrap40 .switch_line_2, .switch_page_wrap40 .switch_line_3 {
  position: absolute;
  z-index: 99; }
.switch_page_wrap40 .switch_line_1 {
  left: 44%;
  bottom: 24%;
  width: 2.343%; }
.switch_page_wrap40 .switch_line_3 {
  left: 54%;
  bottom: 24%;
  width: 2.343%; }
.switch_page_wrap40 .switch_line_2 {
  left: 14.7%;
  bottom: 24%;
  width: 35.364%; }
.switch_page_wrap40 .slogin2 {
  max-width: 1200px;
  margin: 0 auto;
  box-sizing: border-box;
  padding-left: 14.84%;
  position: relative; }
.switch_page_wrap40 h5 {
  font-size: 18px;
  color: #333;
  position: absolute;
  left: 0;
  top: 3%;
  line-height: 200%; }
.switch_page_wrap40 h2 {
  font-size: 32px;
  color: #111;
  font-weight: bold;
  line-height: 200%;
  letter-spacing: 4px;
  padding-bottom: 5%; }

/*一键切换八种模式*/
.switch_page_wrap50 {
  padding-bottom: 5%;
  background: #fff; }
  .switch_page_wrap50 .res-leftpics {
    width: 40.72%; }
  .switch_page_wrap50 h5 {
    font-size: 18px;
    color: #333; }
  .switch_page_wrap50 h2 {
    font-size: 32px;
    font-weight: bold;
    width: 65%;
    line-height: 200%;
    letter-spacing: 4px;
    color: #111; }
  .switch_page_wrap50 .res-text {
    padding-left: 7.9%; }

/*资讯列表*/
.mod-newslists {
  padding: 2.5% 1.5% 2.5% 1.5%;
  background: #fff;
  border-radius: 8px;
  border: 1px solid #ededed; }

.mod-newslists .item-cell {
  overflow: hidden;
  position: relative;
  padding-left: 1.5%;
  padding-right: 1.5%; }

.mod-newslists .item-cnt {
  width: 47.3%;
  float: left;
  margin-left: 2.5%; }

.mod-newslists .item-pic {
  width: 49.56%;
  float: left; }

.mod-newslists .item-pic img {
  height: auto;
  width: auto; }

.mod-newslists .item-tit * {
  font-size: 22px;
  font-weight: bold; }

.mod-newslists .item-tit {
  margin-bottom: 5px; }

.mod-newslists .item-desc * {
  font-size: 14px;
  color: #666; }

.mod-newslists .item-h {
  height: 167px;
  overflow: hidden;
  margin-bottom: 30px; }

.mod-newslists .item-date span {
  float: left; }

.mod-newslists .item-date em {
  float: right; }

.mod-newslists .item-date * {
  font-size: 12px;
  color: #999; }

.mod-newslists .item-inner {
  height: 100%;
  overflow: hidden;
  border-bottom: 1px solid #ededed;
  padding: 2.5%  0 2.5% 0; }

.mod-newslists .item-cell:hover {
  /*box-shadow: -6px 0 6px rgba(0,0,0,0.06), 6px 0 6px rgba(0,0,0,0.06), 0 -6px 6px rgba(255,255,255,0.06), 0 6px 6px rgba(0,0,0,0.06);*/
  box-shadow: 1px 1px 30px rgba(0, 0, 0, 0.2); }

/*二级导航菜单*/
.mod-submenus {
  padding: 15px 0 15px 0; }

.mod-submenus a {
  color: #777;
  font-size: 12px;
  padding-right: 16px; }

.mod-submenus a.cr, .mod-submenus a:hover {
  color: #000; }

/*分页*/
.pages {
  text-align: center;
  margin: 40px 0; }

.pages * {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  font-size: 14px;
  line-height: 15px;
  color: #999;
  vertical-align: middle; }

.pages li {
  padding: 0 7px;
  overflow: hidden;
  width: 15px;
  height: 15px;
  text-align: center; }

.pages li a {
  display: block;
  width: 15px;
  height: 15px; }

.pages li.cr a {
  color: #000; }

.pages li.next a {
  display: block;
  line-height: 999px;
  overflow: hidden;
  background: url(../img/swiper_r.png) 0 2px no-repeat; }

.pages li.prev a {
  display: block;
  line-height: 999px;
  overflow: hidden;
  background: url(../img/swiper_l.png) right 2px no-repeat; }

.pages li a:hover {
  color: #000; }

/*banner图*/
.mod-banner img {
  display: block; }

/*文章页*/
.article-wrap {
  padding-top: 0px;
  margin-top: 50px;
  width: 50%;
  float: right; }

.article-wrap .content {
  line-height: 32px;
  font-size: 14px;
  color: #333333; }

.article-wrap * {
  font-size: 14px;
  line-height: 30px;
  color: #333333; }

.article-wrap .content p {
  padding: 0 0 35px 0; }

.article-wrap .content a:hover {
  color: red;
  text-decoration: none; }

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

/*联系我们排版*/
.contact-infos {
  margin-bottom: 40px; }

.contact-infos * {
  color: #333; }

.contact-infos li span {
  position: absolute;
  left: 0;
  top: 0;
  font-weight: bold; }

.contact-infos li {
  position: relative;
  line-height: 30px;
  padding-left: 85px; }

.maps img {
  filter: Gray;
  -webkit-filter: grayscale(100%); }

.maps:hover img {
  filter: none;
  -webkit-filter: none; }

/*常见问题列表*/
.qa-tit {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 15px; }

.mod-qa-l {
  width: 50%;
  float: left;
  margin-top: 50px; }

.mod-qa-r {
  width: 50%;
  float: left;
  margin-top: 50px; }

.qa-cell {
  width: 72%;
  margin-bottom: 25px; }

.qa-cell * {
  font-size: 14px;
  line-height: 30px; }

.qa-cell .q-tit {
  font-weight: bold;
  color: #000; }

.qa-cell .a-tit {
  color: #333; }

.qa-cell .a-tit span {
  font-weight: bold;
  color: #000; }

/*案例banner图*/
.case-banner {
  background: #393939;
  padding-top: 10px;
  padding-bottom: 50px; }

.case-banner .item-pic img {
  display: block; }

.case-banner .item-pic {
  float: left;
  width: 66.7%; }

.case-banner .item-cnts {
  width: 30%;
  float: left;
  margin-left: 1.67%;
  margin-top: 1.67%; }

.case-banner .item-cell {
  background: #666;
  overflow: hidden;
  height: 100%; }

.case-banner .item-cnts .item-navs, .case-banner .item-cnts .item-navs * {
  color: #b2b2b2;
  font-size: 12px; }

.case-banner .item-tits {
  margin-top: 14%;
  padding-bottom: 10px; }

.case-banner .item-tits, .case-banner .item-tits * {
  font-size: 24px;
  color: #fff; }

.case-banner .item-desc *, .case-banner .item-desc {
  font-size: 12px;
  color: #e5e5e5;
  line-height: 23px; }

.lc5 {
  background: #fff;
  height: auto;
  padding-bottom: 20px; }

.lc5 .currentPos ul li.cr a {
  color: #000; }

/* ----- Custom checkboxes, radios ----- */
.custom-checkbox, .custom-radio {
  position: relative; }

/* input, label positioning */
.custom-checkbox input {
  position: absolute;
  left: 2px;
  top: 2px;
  margin: 0; }

.custom-checkbox label {
  display: block;
  position: relative;
  padding: 0 0 0  25px;
  cursor: pointer; }

/* states */
.custom-checkbox label {
  background: url(../img/radio.png) 0 4px no-repeat; }

.custom-radio label {
  background: url(../img/radio.png) 0 4px no-repeat; }

.custom-checkbox label, .custom-radio label {
  background: url(../img/radio.png) 0 4px no-repeat; }

/*.custom-checkbox label.hover,*/
.custom-checkbox label.focus, .custom-radio label.focus {
  background: url(../img/radio_cr.png) 0 4px no-repeat; }

.custom-checkbox label.checked, .custom-radio label.checked {
  background: url(../img/radio_cr.png) 0 4px no-repeat; }

.custom-checkbox label.checkedHover, .custom-checkbox label.checkedFocus {
  /*background-position:-10px -314px;*/ }

.custom-checkbox label.focus, .custom-radio label.focus {
  outline: 1px dotted #ccc; }

/* input, label positioning */
.custom-radio input {
  position: absolute;
  left: 2px;
  top: 2px;
  margin: 0;
  display: none; }

.custom-radio label {
  display: block;
  position: relative;
  padding: 0 0 0  25px;
  font-size: 14px;
  cursor: pointer; }

.mod-sels-l {
  width: 50%;
  float: left;
  overflow: hidden; }

.mod-sel-tits {
  font-size: 14px;
  padding-top: 17px;
  padding-bottom: 5px; }

.radio-cell {
  width: 50%;
  float: left;
  margin: 3px 0; }

/*案例列表*/
.mod-caselists {
  margin-top: 10px; }

.mod-caselists .case-inners {
  width: 100.84%; }

.mod-caselists .item-cell {
  height: 352px;
  background: #ebebeb;
  width: 24.13%;
  float: left;
  margin-right: 0.826%;
  margin-bottom: .826%; }

.mod-caselists .item-cnt {
  padding: 20px 10px; }

.mod-caselists .item-tit a {
  color: #808080;
  font-size: 12px; }

.mod-caselists .item-pic img {
  display: block; }

.mod-caselists .item-desc {
  height: 22px;
  overflow: hidden; }

.mod-caselists .item-desc a {
  color: #4c4c4c;
  font-size: 14px; }

.mod-caselists .item-cell:hover {
  background: #666; }

.mod-caselists .item-cell:hover .item-tit a {
  color: #ccc; }

.mod-caselists .item-cell:hover .item-desc a {
  color: #fff; }

/*案例详情*/
.case-intr-bg, .case-pros-bg {
  background: #000; }

.map-icons {
  width: 50%;
  float: left; }

.cas-intr {
  width: 50%;
  float: right;
  /**/
  margin-top: -70px; }

.article-wrap2 {
  padding: 50px 0 100px 0; }

.article-wrap2 * {
  font-size: 14px;
  color: #fff;
  line-height: 30px; }

.map-icons a {
  background: url(../img/map_ico.png) 0 center no-repeat;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  height: 25px;
  line-height: 25px;
  padding-left: 25px; }

.map-icons a:hover {
  text-decoration: underline; }

.case-pros-bg {
  padding: 50px 0; }

.footer2 .footer {
  margin-top: 0; }

.case-pros-tits {
  font-size: 24px;
  color: #fff;
  margin-bottom: 30px; }

.mod-case-pro .item-cell {
  width: 25%;
  float: left;
  box-sizing: border-box;
  padding-right: 10px;
  margin-bottom: 10px; }

.mod-case-pro .item-cell img {
  background: #383838;
  display: block; }

.mod-case-pro .item-cell:hover img {
  background: #ccc; }

/*.mjfullpage-fixeds{ position: absolute; width: 100%; height: 100%; left: 0; top: 0;}

.mjfullpage{ height: 1075px; position: relative;}
.mjfullpage .mjfullpage-items{ position: absolute; left: 0; top: 0; display: none;}
.mjfullpage .cur{ display: block;}
.mjfullpage-fixeds{ width: 100%; height: 100%; left:0; top: 0;}*/
/*滚动切换轮播*/
.mjfullpage {
  height: auto;
  /*	background: #ccc;*/
  width: 100%;
  position: relative;
  overflow: hidden; }

.mjfullpage .mjfullpage-items {
  font-size: 200px;
  position: absolute;
  left: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  filter: alpha(opacity=0) \9;
  -webkit-transition: opacity 1s;
  transition: opacity 1s; }

.mjfullpage .mjfullpage-items.cur {
  z-index: 10;
  display: block;
  opacity: 1;
  filter: alpha(opacity=100) \9 ; }

.mjPosition {
  display: none;
  left: 30px;
  position: fixed;
  top: 50%;
  width: 20px;
  padding: 10px 0;
  z-index: 11;
  border-radius: 8px; }

.mjPosition a {
  cursor: pointer;
  float: left;
  width: 20px;
  height: 20px; }

.mjPosition a span {
  display: block;
  width: 10px;
  height: 10px;
  margin: 5px auto;
  position: relative; }

.mjPosition a span:after {
  line-height: 8px;
  content: '●';
  width: 100%;
  text-indent: -1px;
  height: 100%;
  top: 0;
  left: 0;
  text-align: center;
  position: absolute;
  font-size: 16px;
  color: #777777; }

.mjPosition a.cur span:after {
  content: '●';
  color: #fff; }

/*视频列表*/
.blacks-bgs {
  background: #303030;
  position: relative; }

.blacks-bgs .sub-wraps {
  position: absolute;
  width: 100%;
  /*top: 15px;*/
  z-index: 99; }

.blacks-bgs .mod-submenus {
  width: 1200px;
  margin: 0 auto; }

.blacks-bgs .mod-submenus a {
  color: #000; }

.blacks-bgs .mod-submenus a.cr, .blacks-bgs .mod-submenus a:hover {
  color: #fff; }

.mod-videolists {
  overflow: hidden; }

.mod-videolists .item-cell {
  position: relative;
  /*margin-bottom: 12px; */
  overflow: hidden; }

.mod-videolists .item-cell img {
  display: block; }

.mod-videolists .item-cell .item-cnt {
  position: absolute;
  bottom: 5%;
  width: 100%;
  text-align: center; }

.mod-videolists .item-cell .item-tit, .mod-videolists .item-cell .item-tit * {
  color: #fff;
  font-size: 48px;
  /*text-shadow: 0 2px 10px #000;*/ }

.mod-videolists .item-cell .item-desc, .mod-videolists .item-cell .item-desc * {
  color: #fff;
  font-size: 22px;
  /*text-shadow: 0 2px 10px #000;*/ }

.mod-videolists .item-cell .item-desc {
  margin-top: 8px; }

.mod-videolists .item-cell .item-desc a {
  width: 78px;
  height: 78px;
  line-height: 1600px;
  display: block;
  margin: 0 auto;
  overflow: hidden;
  /* display:inline-block; *display:inline; *zoom:1;*/
  background: url(../img/n-videos.png) center center no-repeat; }

.mod-videolists .item-cell .item-desc a:hover {
  text-decoration: underline; }

/*动画的名字，播放时间，延时时间，动画效果，播放次数，播放顺序*/
.house .switch_line_1 {
  bottom: -25%;
  opacity: 0; }

.house .switch_line_2 {
  bottom: -100%;
  opacity: 0; }

.house .switch_line_3 {
  bottom: -100%;
  opacity: 0; }

.house .switch_p_1 {
  -webkit-filter: blur(150px);
  filter: blur(150px);
  transform: scale(0, 0);
  opacity: 0; }

.anis .switch_line_1 {
  animation: lines1 1s 500ms ease-in-out 1;
  animation-fill-mode: forwards;
  bottom: -25%; }

.anis .switch_line_2 {
  animation: lines1 1s 1200ms ease-in-out 1;
  animation-fill-mode: forwards;
  bottom: -100%; }

.anis .switch_line_3 {
  animation: lines1 1s 1800ms ease-in-out 1;
  animation-fill-mode: forwards;
  bottom: -100%; }

.switch_page_wrap40 .anis .switch_p_1 {
  -webkit-filter: blur(150px);
  filter: blur(150px);
  animation-name: aniele;
  animation-fill-mode: forwards;
  transform: scale(0, 0);
  animation-duration: 1s;
  opacity: 0;
  animation-iteration-count: 1; }

@keyframes lines1 {
  0% {
    bottom: -100%;
    opacity: 0; }
  100% {
    bottom: 27%;
    opacity: 1; } }
@keyframes aniele {
  0% {
    opacity: 0;
    transform: scale(1.2, 1.2);
    -webkit-filter: blur(10px);
    filter: blur(10px); }
  100% {
    opacity: 1;
    transform: scale(1, 1);
    -webkit-filter: blur(0);
    filter: blur(0); } }
/*球灯泡最终页*/
.videoBanner {
  background: #000; }

.video-inner {
  max-width: 1200px;
  margin: 0 auto;
  overflow: hidden; }

.video-inner img {
  display: block; }

.light-pro-1 {
  text-align: center;
  /*max-width:27.55%; */
  /**/
  max-width: 520px;
  margin: 0  auto;
  text-align: center; }

.switch_page_pd, .light-pro2 {
  padding-bottom: 0; }

.light-pro2 .f_lpic {
  width: 100%;
  float: none;
  clear: both;
  margin-top: -15%;
  position: relative; }

.light-pro2 .f_rpic {
  float: none;
  width: 100%;
  text-align: right;
  margin-top: 0;
  position: relative;
  z-index: 88; }

.light-pro2 .f_rpic img {
  width: 66.7%;
  display: inline; }

.solo-tit5 {
  position: absolute;
  top: 30%;
  z-index: 89;
  width: 100%; }

.mjfull-wraps2 {
  margin-top: -2%; }

.sw-texts-wrap {
  position: absolute;
  width: 100%;
  left: 0;
  top: 48%;
  z-index: 10; }

.sw-texts {
  max-width: 1200px;
  margin: 0 auto; }

.sw-texts span {
  font-size: 15px;
  color: #fff;
  display: block;
  margin-bottom: 15px; }

.sw-texts em {
  font-size: 25px;
  color: #fff;
  display: block;
  max-width: 710px;
  line-height: 150%;
  letter-spacing: 4px; }

.sw-texts2 span {
  color: #333; }

.sw-texts2 em {
  color: #121212;
  max-width: none; }

.works-process {
  max-width: 908px;
  margin: 0 auto;
  padding: 110px 0; }

.works-process-pic {
  margin-top: 90px; }

.stall-banner {
  position: relative; }

.stall-banner img {
  display: block; }

.stall-banner .sw-texts-wrap {
  top: 12%; }

.stall-banner .sw-texts em {
  max-width: 695px; }

.stall-2 .sw-texts-wrap {
  top: 23%; }

.stall-2 .sw-texts-wrap * {
  text-align: right; }

.stall-2 .sw-texts {
  width: 100%;
  max-width: none;
  box-sizing: border-box;
  padding-right: 14%; }

.stall-2 .sw-texts em {
  max-width: none; }

.stall-2 .sw-texts span {
  font-size: 60px;
  font-weight: bold; }

/*参数设置2*/
.switch_var2 {
  overflow: hidden;
  margin-top: -110px; }

.switch_var2 .core {
  padding: 90px 0;
  border-top: 1px solid #808080;
  margin-top: -1px; }

.switch_var2 .inner-core {
  max-width: 800px;
  margin: 0 auto; }

.switch_var2 .core-left {
  width: 50%;
  float: left;
  padding-top: 12px; }

.switch_var2 .core-right {
  width: 50%;
  float: left; }

.switch_var2 .core-right td {
  padding: 20px 5px;
  color: #333;
  font-size: 14px;
  vertical-align: top; }

.switch_var2 .core-left span {
  font-size: 25px;
  color: #111111; }

.switch_var2 .core-right {
  width: 50%;
  float: left; }

/*灯光应用*/
.bg-greys {
  background: #666666; }

.apply-wraps {
  padding: 50px 0 10px 0; }

.apply-l {
  width: 50%;
  float: left; }

.apply-r {
  width: 50%;
  float: left; }

.apply-cnts {
  max-width: 386px;
  padding-right: 20px;
  line-height: 30px;
  font-size: 14px;
  color: #000; }

.apply-cnts * {
  line-height: 30px;
  font-size: 14px;
  color: #000; }

.mod-applys {
  padding-top: 10px; }

.mod-applys .item-cell {
  max-width: 380px;
  margin-bottom: 40px; }

.mod-applys .item-pic img {
  height: auto;
  width: auto; }

.mod-applys .item-tit * {
  color: #000;
  font-size: 18px;
  font-weight: bold; }

.mod-applys .item-tit {
  color: #000;
  font-size: 18px;
  font-weight: bold;
  margin-top: 20px;
  margin-bottom: 5px; }

.mod-applys .item-desc *, .mod-applys .item-desc {
  color: #666;
  line-height: 30px;
  font-size: 14px; }

.project_case20 {
  background-color: #fff;
  padding-top: 55px; }

.project_case20 .recPro .pic img {
  height: auto; }

.project_case20 .recPro .pic {
  background: #ccc; }

.project_case20 .recPro .pic:hover {
  background: #666; }

.project_case20 .curTit h2 {
  color: #121212; }

/*-----新闻最终-----*/
.com-wraps {
  background: #fff;
  border-radius: 5px; }

.news-tops {
  /*background: #fcfcfc; border-bottom: 1px solid #f5f5f5; */
  padding: 15px;
  position: relative; }

.newsInfo {
  padding: 0 5% 0 5%;
  min-height: 300px;
  _heihgt: 300px; }

.newsInfo h3 {
  font-size: 22px;
  text-align: left;
  padding: 0 0 0 0;
  font-weight: bold;
  color: #000;

  max-width: 100%; }

.newsInfo .source {
  /*  border-top: 1px solid #EBEBEB;*/
  /* border-bottom: 1px solid #EBEBEB;*/
  position: absolute;
  right: 10px;
  bottom: 15px; }

.newsInfo .source ul {
  text-align: right; }

.newsInfo .source li {
  /* display: inline;*/
  padding: 0 10px;
  line-height: 18px;
  height: 18px;
  font-size: 12px;
  color: #808080; }

.newsInfo .content {
  margin: 0 0 0 0;
  padding: 20px;
  min-height: 300px;
  _height: 300px;
  font-size: 14px !important;
  line-height: 32px;
  color: #333333; }

.newsInfo .content .messages .mt20{
  float:left;width:50%;
}

.newsInfo .content{
  font-size: 14px !important;
  line-height: 32px;
  color: #333333; }

.newsInfo .content p, .newsInfo .content div {
  line-height: 32px;
  font-size: 14px !important; }

.newsInfo .content p {
  padding: 0 0 1em 0;
  /*text-indent: 2em;*/ }

.newsInfo .content a {
  text-decoration: underline !important;
  color: #468eec !important; }

.newsInfo .content a * {
  color: #468eec !important; }

.video-wraps {
  background: #000; }

.video {
  width: 1200px;
  height: 600px;
  margin: 0 auto;
  position: relative; }

/*.video>div>div{ display: none!important;}*/
.mobile-videobanner {
  display: none; }

/*双色球灯泡产品页3*/
.switch_page_31 .switch_page_wrap1 {
  padding-top: 0; }

.switch_page_31 .switch_pic01 {
  text-align: right; }

.switch_page_31 .switch_pic01 img {
  width: 50%; }

.switch_page_31 .switch_text1 {
  margin-top: 5%; }

.switch_page_31 .switch_text1 * {
  text-align: left; }

.switch_page_31 .switch_pic02 {
  text-align: right;
  margin-top: -10%; }

.switch_page_31 .switch_pic02 img {
  width: 52%; }

.switch_page_31 .switch_text2 {
  margin-top: 11%;
  position: relative;
  z-index: 8; }

.switch_page_31 .switch_text2 * {
  text-align: right; }

.switch_page_31 .switch_pic03 {
  margin-top: -8%; }

.switch_page_31 .switch_page_wrap2 {
  padding-top: 100px;
  padding-bottom: 50px; }

.mjfull-wraps3 .switch_page_wrap2 {
  position: absolute;
  top: 3%;
  z-index: 888;
  padding-top: 50px;
  padding-bottom: 6%;
  background: none; }

.mjfull-wraps3 .mjPosition {
  display: none !important; }

.mjfull-wraps3 img {
  /*position: relative; */
  position: absolute;
  bottom: 0;
  /*top: -200px;*/ }

.struct-pic {
  width: 30.58%;
  margin: 0 auto; }

.struct {
  padding-bottom: 60px; }

.mod-struct {
  position: relative;
  padding-bottom: 110px; }

.struct-text-1, .struct-text-2, .struct-text-3 {
  position: absolute;
  opacity: 0;
  width: 210px; }

.struct-text-1 span, .struct-text-2 span, .struct-text-3 span {
  color: #333;
  font-size: 25px; }

.struct-text-1 {
  top: 8%;
  left: 100%;
  max-width: 210px;
  background: url(../img/line_1.png) 0 10px no-repeat;
  padding-left: 17%; }

.struct-text-3 {
  top: 53%;
  left: 100%;
  max-width: 210px;
  background: url(../img/line_1.png) 0 10px no-repeat;
  padding-left: 17%; }

.struct-text-2 {
  top: 16.7%;
  text-align: right;
  right: 100%;
  max-width: 210px;
  background: url(../img/line_2.png) right 10px no-repeat;
  padding-right: 17%; }

.stall-banner .qdp-texts-wrap {
  top: auto;
  width: auto;
  bottom: 20%;
  left: 58%;
  max-width: 670px;
  padding-right: 50px; }

.stall-banner .qdp-texts-wrap .sw-texts {
  width: auto !important;
  max-width: none !important; }

.qdp-texts-wrap * {
  color: #fff; }

.mjfull-wraps20 .sw-texts {
  max-width: 670px;
  margin: 0; }

.mjfull-wraps20 .sw-texts-wrap {
  width: auto;
  left: 58%;
  padding-right: 50px; }

.mod-struct > * {
  transition: all .6s;
  transition-timing-function: ease-in-out; }

.mod-actives .struct-text-1 {
  left: 58%;
  opacity: 1; }

.mod-actives .struct-text-3 {
  left: 58%;
  transition-delay: 1100ms;
  opacity: 1; }

.mod-actives .struct-text-2 {
  right: 57.2%;
  transition-delay: 500ms;
  opacity: 1; }

.mobile-shows {
  display: none; }

/*微信二维码*/
.footer .footer_top .bomNav .core-1 {
  width: 180px;
  padding-right: 44px; }

.footer .footer_top .bomNav .core-1 ul li {
  display: inline;
  padding-right: 10px;
  white-space: nowrap; }

.footer .footer_bom .share a {
  background-size: 18px 18px !important; }

.footer .footer_bom .share .weixin {
  position: relative; }

.footer .footer_bom .share .xinlang:hover {
  background: url(../img/s_xinlanghover.png) 0 -1px no-repeat; }

.footer .footer_bom .share .weixin:hover {
  background: url(../img/s_weixinhover.png) no-repeat; }

.code-weixin {
  position: absolute;
  width: 65px;
  left: 15px;
  padding-left: 15px;
  top: -32px;
  display: none; }

.footer .footer_bom .share .weixin:hover .code-weixin {
  display: block; }

.footer2 .footer .footer_bom {
  border-top: 1px solid #242424; }

.footer2 .footer .footer_top .bomNav .core h4 {
  color: #999; }

.footer2 .footer .footer_top .bomNav .core ul li a {
  color: #666; }

.footer2 .footer .footer_top .bomNav .core ul li a:hover {
  color: #999; }

.footer_top .hotline h4, .footer .footer_top .hotline .tel, .footer .footer_top .hotline .week, .footer .footer_top .hotline .time, .footer .footer_top .hotline h4 {
  color: #999; }

.footer2 .footer_top .hotline h4, .footer2 .footer .footer_top .hotline .tel, .footer2 .footer .footer_top .hotline .week, .footer2 .footer .footer_top .hotline .time, .footer2 .footer .footer_top .hotline h4 {
  color: #666; }

.footer2 .footer .footer_top .hotline {
  color: #999; }

.footer2 .footer .footer_top {
  border-top: 1px solid #242424; }

/*-----问题反馈-----*/
.q-wraps {
  /* background:#393939;*/
  min-height: 200px;
  padding: 150px 0; }

.qtit {
  font-size: 36px;
  color: #fff;
  text-align: center; }

.qdesc {
  font-size: 28px;
  color: #ccc;
  text-align: center;
  padding-top: 8px; }

.quafrm {
  width: 45%;
  margin: 45px auto 0 auto; }

.quafrm textarea {
  height: 150px;
  width: 100%;
  padding: 10px 15px;
  box-sizing: border-box;
  border: 1px solid #fff;
  background: none;
  color: #808080; }

.frm-submits {
  text-align: right;
  padding-top: 10px;
  padding-right: 5px; }

.frm-submits a {
  color: #fff; }

.logins-in {
  padding: 50px 0 0 0;
  text-align: center;
  color: #b2b2b2; }

.logins-in a {
  color: #fff;
  padding-left: 5px; }

/*智能产品2*/
.section_box {
  padding: 10px; }

.zncp_list .core {
  display: block;
  width: 100%;
  background-color: #f6f6f6;
  margin-bottom: 12px; }
  .zncp_list .core .pic {
    width: 100%;
    padding-top: 92.7835%;
    position: relative;
    overflow: hidden;
    float: none !important;
    display: block;
    background-color: #cccccc;
    transition: background-color 500ms ease-in-out;
    -webkit-transition: background-color 500ms ease-in-out; }
    .zncp_list .core .pic img {
      position: absolute;
      left: 0;
      top: 0;
      max-width: 100%;
      width: 100% \0;
      margin: 0 auto;
      height: auto;
      display: block; }
    .zncp_list .core .pic:hover {
      background-color: #999999; }
  .zncp_list .core .content {
    padding: 15px 10px 8px 10px; }
    .zncp_list .core .content h2 {
      font-size: 14px;
      color: #777;
      font-weight: normal;
      line-height: 25px; }
      .zncp_list .core .content h2 a {
        float: none; }
        .zncp_list .core .content h2 a:hover {
          color: #000; }
    .zncp_list .core .content .list {
      font-size: 12px;
      color: #999;
      line-height: 18px;
      display: block;
      height: 36px;
      margin-top: 3px;
      overflow: hidden; }
      .zncp_list .core .content .list span {
        padding-right: 10px; }

.mjfullpage5 .swiper-slide {
  display: block; }

.mjfullpage5 img {
  display: block; }

.row_10 {
  margin-top: 75px;
  margin-bottom: 40px; }

.row_10 .swiper-wrapper, .row_10 .swiper-slide {
  height: auto !important; }

.row_10 .pic {
  background: #fafafa;
  width: 100%; }

.row_10 .content {
  padding: 0 10%;
  height: 220px;
  padding-bottom: 10px; }

.row_10 .content .desc *, .row_10 .content .desc2 * {
  white-space: normal;
  text-align: left;
  line-height: 30px; }

.row_10 .content h3 {
  height: 40px;
  line-height: 40px;
  text-align: left; }

.bomAd.row_10 {
  margin-bottom: 0; }

.bom_help {
  margin-bottom: 75px; }

/*蜡烛灯泡排版*/
.lzd-pro1 {
  width: 75.468%;
  margin: 8% 0 0 0; }

.lzd_wrap2 {
  padding-top: 2%; }

.lzd-pro2 {
  text-align: right;
  margin: 7% 0 0 0; }

.lzd-pro2 img {
  max-width: 91.82%; }

.lzd_wrap3 {
  padding-top: 0;
  margin-top: -110px; }

.lzd-pro3 {
  margin: 70px 0 0 0; }

.lzd-pro3 img {
  margin-left: 18.03%;
  max-width: 36.77%; }

.lzd_wrap4 {
  padding-top: 30px;
  padding-bottom: 0; }

.lzd-pro4 {
  margin: 7% 0 0 0;
  text-align: right;
  line-height: 0; }

.lzd-pro4 img {
  max-width: 76.77%; }

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

.lzd-txt1 {
  position: absolute;
  left: 51.5%;
  top: 24%;
  width: 548px;
  max-width: 100%;
  margin-right: 20px;
  text-align: center; }

.lzd-txt1 * {
  color: #fff; }

.lzd-txt1 h1 {
  font-size: 60px; }

.lzd-txt1 span {
  font-size: 25px;
  padding-top: 10px;
  display: block; }

.lzd-pic1 {
  line-height: 0; }

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

.lzd-txt2 {
  position: absolute;
  left: 42.9%;
  bottom: 15%;
  width: 44.3%;
  max-width: 850px; }

.lzd-txt2 * {
  color: #fff;
  line-height: 50px; }

.lzd-txt2 h1 {
  font-size: 16px;
  font-weight: normal;
  line-height: 60px; }

.lzd-txt2 span {
  font-size: 25px;
  padding-top: 10px;
  display: block; }

.lzd-pic116 {
  line-height: 0; }

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

.lzd_wrap7 .lzd-txt2 {
  max-width: 935px;
  padding-right: 20px;
  width: auto;
  left: 6.25%;
  bottom: 12%; }

.lzd_wrap7 .lzd-txt2 span {
  max-width: 690px;
  float: left;
  padding-top: 0;
  text-shadow: 0 2px 10px #000; }

.lzd_wrap7 .lzd-txt2 h1 {
  float: left;
  width: 230px;
  line-height: 50px;
  text-shadow: 0 2px 10px #000; }

/*网关产品*/
.wg-prowrap {
  position: relative; }

.wg-pic1 {
  line-height: 0; }

.wg-prowrap .wg-text1 {
  position: absolute;
  top: 81%;
  left: 8%; }

.wg-prowrap .wg-text1 h1 {
  color: #532774;
  font-size: 60px; }

.wg-prowrap .wg-text1 h3 {
  color: #532774;
  font-weight: normal;
  font-size: 25px;
  padding-top: 1%; }

.wg-prowrap2 {
  text-align: center;
  position: relative; }

.wg-prowrap2 .wg-text2 h1, .wg-prowrap2 .wg-text2 h3 {
  color: #fff; }

.wg-prowrap2 .wg-text2 {
  position: absolute;
  top: 12%;
  width: 100%;
  left: 0; }

.wg-prowrap3 {
  text-align: center;
  position: relative; }

.wg-prowrap3 .wg-text2 {
  position: absolute;
  top: 9%;
  width: 100%;
  left: 0; }

.wg-prowrap4 {
  text-align: center;
  position: relative; }

.wg-prowrap4 .wg-text2 h1, .wg-prowrap4 .wg-text2 h3 {
  color: #fff; }

.wg-prowrap4 .wg-text2 {
  position: absolute;
  top: 70%;
  width: 100%;
  left: 0; }

.wg-prowrap5 {
  text-align: center;
  padding-top: 5%; }

.wg-prowrap5 .wg-pic1 img {
  width: 55.72%; }

.wg-prowrap5 .wg-text1 {
  max-width: 1018px;
  margin: 0 auto;
  padding: 0 20px 5% 20px;
  text-align: left; }

.wg-prowrap5 .wg-text1 h1 {
  font-size: 16px;
  font-weight: normal;
  color: #333;
  padding-bottom: 15px; }

.wg-prowrap5 .wg-text1 h3 {
  font-size: 25px;
  font-weight: normal;
  color: #121212;
  line-height: 200%; }

.wg-prowrap6 {
  position: relative;
  z-index: 5; }

.wg-prowrap6 .wg-text2 {
  text-align: left;
  max-width: 755px;
  left: 50%;
  top: 33%;
  padding: 0 10px;
  margin-left: -377px; }

.wg-prowrap6 .wg-text2 h1, .wg-prowrap6 .wg-text2 h3 {
  color: #fff; }

.wg-prowrap6 .wg-text2 h1 {
  font-size: 16px;
  font-weight: normal; }

.wg-prowrap6 .wg-text2 h3 {
  line-height: 200%; }

.wg-prowrap7 {
  margin-top: 15%;
  position: relative;
  margin-bottom: 5%; }

.wg-pic7 {
  /*position:relative;*/
  width: 28.4%;
  margin: 0 auto;
  /* */ }

.wg-prowrap7 .wg-text7-0 {
  position: absolute;
  bottom: 215%;
  left: 38.65%;
  opacity: 0; }

.wg-prowrap7 h1 {
  font-size: 25px;
  color: #333;
  font-weight: normal; }

.wg-prowrap7 h3 {
  font-size: 16px;
  color: #121212;
  font-weight: normal;
  padding-top: 2px; }

.wg-prowrap7 .wg-line-0 {
  position: absolute;
  left: 49.8%;
  top: -23%;
  width: 0.55%;
  opacity: 0; }

.wg-prowrap7 .wg-posr {
  /*position: relative;*/ }

.wg-prowrap7 .wg-text7-1 {
  position: absolute;
  top: 16%;
  right: 97.7%;
  text-align: right;
  opacity: 0; }

.wg-prowrap7 .wg-line-1 {
  position: absolute;
  right: 85.104%;
  top: 17%;
  width: 11.51%;
  opacity: 0; }

.wg-prowrap7 .wg-text7-2 {
  position: absolute;
  top: 16%;
  left: 87.5%;
  text-align: left;
  opacity: 0; }

.wg-prowrap7 .wg-line-2 {
  position: absolute;
  left: 75.1%;
  top: 17%;
  width: 11.51%;
  opacity: 0; }

.wg-prowrap7 > * {
  transition: all .6s;
  transition-timing-function: ease-in-out; }

.ani-actives .wg-text7-0 {
  bottom: 115%;
  opacity: 1; }

.ani-actives .wg-line-0 {
  top: -13%;
  opacity: 1; }

.ani-actives .wg-text7-1 {
  right: 67.7%;
  opacity: 1;
  transition-delay: 800ms; }

.ani-actives .wg-line-1 {
  right: 55.104%;
  opacity: 1;
  transition-delay: 800ms; }

.ani-actives .wg-text7-2 {
  left: 67.5%;
  opacity: 1;
  transition-delay: 1400ms; }

.ani-actives .wg-line-2 {
  left: 55.1%;
  opacity: 1;
  transition-delay: 1400ms; }

/*双色灯管产品最终页*/
.ssdg-pos {
  position: relative; }

.ssdg-text1 {
  text-align: center;
  position: absolute;
  width: 100%;
  top: 14%;
  padding: 0 20px;
  box-sizing: border-box; }

.ssdg-pic1 {
  line-height: 0; }

.ssdg-prowrap1 .ssdg-text1 h1, .ssdg-prowrap1 .ssdg-text1 h3 {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  text-align: right; }

.ssdg-prowrap1 .ssdg-text1 h3 {
  padding-right: 5px; }

.ssdg-prowrap2 {
  margin-top: 5%; }

.ssdg-prowrap3 {
  margin-top: 10%; }

.ssdg-prowrap3 .ssdg-text1 {
  position: static; }

.ssdg-prowrap3_1 {
  margin-bottom: 5%; }

.ssdg-prowrap4 .ssdg-text1 {
  top: 35%; }

.ssdg-prowrap4 .ssdg-text1 * {
  color: #fff;
  max-width: 905px;
  padding: 0 20px;
  margin: 0 auto;
  text-align: left; }

.ssdg-prowrap4 .ssdg-text1 h1 {
  font-size: 16px;
  line-height: 250%;
  font-weight: normal; }

.ssdg-prowrap4 .ssdg-text1 h3 {
  font-size: 25px;
  line-height: 200%; }

.ssdg-prowrap5 .ssdg-text1 {
  left: 10%;
  top: 18%; }

.ssdg-prowrap5 .ssdg-text1 * {
  color: #fff;
  text-align: left; }

.mjfull-ssdg .sw-texts {
  padding: 0 20px;
  text-align: center; }

.mjfull-ssdg .sw-texts span {
  font-size: 60px;
  font-weight: bold;
  line-height: 150%; }

.mjfull-ssdg .sw-texts em {
  max-width: none;
  line-height: 150%; }

.mjfull-ssdg .sw-texts-wrap {
  top: 63%;
  left: 3%; }

.mjfull-ssdg2 .sw-texts-wrap {
  top: 58%;
  left: 0; }

.mjfull-ssdg2 .sw-texts {
  text-align: right;
  margin: 0;
  max-width: 610px; }

/*首页banner介绍*/
.index-banner .ctrl {
  bottom: 20px; }

.sochage-txt {
  min-height: 110px;
  padding-top: 20px;
  background: #656565;
  text-align: center;
  width: 100%;
  position: relative; }

.index-banner .slide-wrapper {
  padding-top: 0; }

.sochage-txt h1 {
  display: block;
  font-size: 35px;
  color: #fff;
  font-weight: normal;
  text-align: left;
  float: right;
  width: 50%; }

.sochage-txt h3 {
  display: block;
  clear: both;
  font-weight: normal;
  padding-top: 5px;
  font-size: 14px;
  color: #b2b2b2;
  text-align: left;
  float: right;
  width: 50%; }

.sochage-desc {
  max-width: 1200px;
  margin: 0 auto; }

/*射灯产品页*/
.sd-whites h1, .sd-whites h3 {
  color: #FFF; }

.sd-wrap1 .ssdg-text1 {
  top: 10%; }

.sd-black {
  position: static;
  margin-bottom: 7%; }

.sd-wrap2 .ssdg-pic1 {
  text-align: center;
  margin: 0 auto;
  max-width: 33.85%; }

.sd-mar {
  margin-top: 8%; }

.sd-wrap3 .ssdg-pic1 {
  text-align: center;
  margin: 0 auto;
  max-width: 78.4%; }

.sd-wrap4 .ssdg-pic1 {
  max-width: 66.14%; }

.sd-wrap4 {
  margin-bottom: 70px; }

.sd-wrap6 {
  margin-bottom: 20px; }

.sd-wrap5 .ssdg-text1 {
  top: 15%; }

.sd-wrap6 .ssdg-text1 {
  top: 40%; }

.sd-wrap5 .ssdg-text1 h1, .sd-wrap5 .ssdg-text1 h3, .sd-wrap6 .ssdg-text1 h1, .sd-wrap6 .ssdg-text1 h3 {
  text-shadow: 0 2px 10px #000; }

.sd-wrap5 .ssdg-text1 h1 {
  margin-bottom: 10px; }

.sd-wrap5 .ssdg-text1 h3 {
  line-height: 200%; }

/*灯带产品页*/
.dd-wrap1 .ssdg-pic1 {
  max-width: 41.6%;
  margin: 0 auto; }

.dd-wrap2 .ssdg-pic1 {
  max-width: 62.35%;
  margin: -5% auto 5% auto; }

.dd-wrap3 .ssdg-text1 {
  top: 11%; }

.mjfull-dd .sw-texts-wrap {
  top: 70%; }

.dd-wrap6 .ssdg-text1 * {
  color: #fff;
  text-align: left; }

.dd-wrap6 .ssdg-text1 {
  top: auto;
  bottom: 10%;
  left: 18%; }

/*小筒灯页面*/
.xtd-wrap1 .ssdg-pic1 {
  margin: 0 auto;
  max-width: 34.8%; }

.xtd-wrap2 .ssdg-pic1 {
  text-align: right;
  margin-top: -35%; }

.xtd-wrap2 .ssdg-pic1 img {
  max-width: 49.2%; }

.xtd-wrap2 .sd-black {
  position: relative;
  z-index: 5;
  padding-top: 25%;
  width: 49%; }

.xtd-wrap3 {
  margin-top: 1%; }

.xtd-wrap3 .ssdg-pic1 {
  max-width: 54.6%;
  margin-top: -8%; }

.xtd-wrap3 .sd-black {
  position: relative;
  z-index: 5; }

.xtd-wrap4 .ssdg-pic1 {
  max-width: 62.3%;
  margin: 0 auto; }

.xtd-wrap5 {
  margin-top: 6%; }

.xtd-wrap5 .ssdg-text1 {
  top: 10%; }

.xtd-wrap6 .ssdg-text1 {
  top: 35%; }

.xtd-wrap7 .ssdg-text1 {
  top: 61%;
  max-width: 82%;
  text-align: right; }

.xtd-wrap7 .ssdg-text1 h1 {
  font-size: 16px;
  font-weight: normal; }

.xtd-wrap7 .ssdg-text1 h3 {
  font-size: 24px;
  max-width: 810px;
  float: right;
  line-height: 200%; }

/*小开关页面*/
.xkg-wrap1 .ssdg-text1 {
  top: 45%;
  width: 75%; }

.sd-black1 {
  position: static; }

.xkg-wrap2 .ssdg-text1 {
  max-width: 1200px;
  margin: 20px auto 0 auto;
  position: relative;
  z-index: 2; }

.xkg-wrap2 .ssdg-pic1 {
  margin-top: -14.5%; }

.xkg-wrap3 .ssdg-text1 {
  top: 21%; }

.xkg-wrap4 .ssdg-text1 {
  max-width: 1200px;
  margin: 0 auto 7% auto; }

.xkg-wrap4 .ssdg-pic1 {
  max-width: 62.18%;
  margin: 0 auto;
  text-align: center; }

.xkg-wrap5 {
  z-index: 3;
  overflow: visible;
  background: none; }

.xkg-wrap5 .ssdg-text1 {
  width: 50%;
  left: 50%;
  top: 28%; }

.xkg-wrap5 .ssdg-text1 > * {
  max-width: 610px;
  text-align: right; }

.xkg-wrap5 .ssdg-text1 h4 {
  font-size: 25px;
  color: #b2b2b2;
  font-weight: normal; }

.xkg-wrap5 .ssdg-pic1 {
  position: relative;
  z-index: 2;
  margin-top: -10%;
  max-width: 37.6%; }

.xkg-wrap6 .ssdg-text1 {
  width: 50%;
  left: 50%;
  top: 0; }

.xkg-wrap6 {
  padding-top: 5%; }

.xkg-wrap6 .ssdg-text1 > * {
  max-width: 610px;
  text-align: right; }

.xkg-wrap6 .ssdg-pic1 {
  max-width: 69.8%; }

/*超级开关页*/
.cjkg-wrap1 {
  background: url(../img/cjkg_bg.jpg) 0 bottom repeat-x; }

.cjkg-wrap1 .ssdg-pic1 {
  max-width: 46.77%;
  margin: 0 auto;
  text-align: center; }

.cjkg-wrap1 .sd-black {
  margin-bottom: 5%; }

.cjkg-wrap2 .ssdg-text1 {
  max-width: 1200px;
  margin: 0 auto; }

.cjkg-wrap2 .ssdg-text1 h4 {
  font-size: 25px;
  color: #b2b2b2;
  font-weight: normal;
  line-height: 200%; }

.cjkg-wrap2 .ssdg-text1 h3 {
  margin-bottom: 0;
  line-height: 200%; }

.cjkg-wrap2 .ssdg-pic1 {
  max-width: 37.29%;
  margin: 5% auto 8% auto; }

.cjkg-wrap2 .ssdg-pic2 {
  max-width: 56.82%;
  margin: 0 auto 0 auto; }

.cjkg-wrap3 {
  margin-top: -5px; }

.cjkg-wrap3 .ssdg-text1 {
  top: auto;
  bottom: 10%; }

.cjkg-wrap3 .ssdg-text1 > * {
  max-width: 1200px;
  text-align: left;
  margin: 0 auto; }

.cjkg-wrap4 .ssdg-text1 {
  max-width: 1135px;
  margin: 0 auto 5% auto; }

.cjkg-wrap4 .ssdg-text1 * {
  line-height: 200%; }

.cjkg-wrap4 .ssdg-pic1 {
  text-align: center;
  max-width: 58.59%;
  margin: 0 auto; }

.cjkg-wrap5 .ssdg-text1 {
  width: 58%;
  left: 42%;
  top: 18%;
  text-align: right;
  box-sizing: border-box; }

.cjkg-wrap5 .ssdg-text1 * {
  max-width: 780px; }

.cjkg-wrap5 .ssdg-pic1 {
  max-width: 39.6%; }

.cjkg-wrap5 .ssdg-pic2 {
  max-width: 1300px;
  text-align: right;
  margin: -25% auto 0  auto; }

.cjkg-wrap5 .ssdg-pic2 img {
  width: 61.15%; }

.cjkg-wrap6 {
  overflow: visible; }

.cjkg-wrap6 .ssdg-text1 {
  max-width: 1200px;
  margin: 0 auto;
  text-align: right; }

.cjkg-wrap6 .ssdg-pic1 {
  margin: -30% auto 0  auto;
  max-width: 1600px; }

.cjkg-wrap6 .ssdg-pic1 img {
  width: 42%; }

.cjkg-wrap6 h5 {
  margin-bottom: 0;
  color: #333;
  font-size: 25px;
  padding-bottom: 5px; }

.cjkg-wrap6 h6 {
  margin-bottom: 4%;
  font-size: 16px;
  color: #333;
  font-size: 16px;
  font-weight: normal; }

.cjkg-wrap7 {
  margin-bottom: 5%; }

.cjkg-wrap7 .ssdg-pic1 {
  width: 59.79%;
  margin: 0 auto; }

/*改版后新加样式*/
/*首页*/
.H15 {
  height: 5px; }
.H10 {
  height: 10px; }
.H20 {
  height: 20px; }
.H50 {
  height: 40px; }

.mod-bg {
  background: #cdcdcd; }

.p-tit H3 {
  font-size: 36px;
  text-align: center;
  font-weight: 900; }

.p-tit span {
  color: #000;
  display: block;
  text-align: center;
  max-width: 950px;
  margin: 8px auto 0 auto;
  font-size: 25px; }

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

.p-tit a {
  text-align: center;
  color: #fff;
  font-size: 21px; }

.pro-auto, .pro-auto2 {
  text-align: center; }

.pro-auto img {
  max-width: 59%; }

.pro-auto2 img {
  max-width: 89%; }

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

.mods-nav * {
  color: #000; }

.mods-nav a {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  float: none !important;
  font-size: 12px;
  padding: 0 20px;text-decoration:none; }

.mods-nav h3 {
  line-height: 200%;
  font-weight: normal !important;
  font-size: 12px; }

.mods-nav a img {
  max-width: 50px; }

/*产品最终页*/
.mod-pro {
  position: relative; }

.mod-pro .gallery-list {
  width: 46%;
  float: left;
  overflow: hidden; }

.pagination {
  position: absolute; }

.mod-pro .swiper-wrapper {
  height: 560px; }

.mod-pro .product-details {
  width: 52%;
  padding-left: 2%;
  float: left;
  margin-top: 110px;
  position: relative; }

.mod-pro .pro-tit {
  font-size: 32px;
  font-weight: bold;
  color: #000; }

.mod-pro .pro-desc {
  padding-top: 15px; }

.mod-pro .pro-desc img {
  max-width: 345px; }

.mod-pro .pro-desc h2 {
  font-size: 22px;
  font-weight: normal;
  color: #000;
  max-width: 370px;
  margin-bottom: 10px; }

.mod-pro .pro-desc h2 em {
  padding-right: 15px;
  padding-left: 15px; }

.mod-pro .pro-desc h2 span {
  /*white-space: nowrap;*/ }

.mod-pro .pro-desc h3 {
  font-size: 17px;
  color: #333;
  font-weight: normal;
  line-height: 150%; }

.mod-pro .pro-intr {
  width: 90%;
  float: left; }

.mod-pro .prices-wrap {
  position: absolute;
  right: 0;
  top: 0; }

.mod-pro .pro-prices {
  padding-bottom: 10px;
  font-size: 32px;
  font-weight: bold; }

.mod-pro .btn-wraps {
  margin-top: 10px; }

.mod-pro .btn-wraps .com-btn {
  width: 180px;
  height: 35px;
  line-height: 33px;
  text-align: center;
  display: inline-block;
  font-size: 16px;
  color: #fff;
  background: url(../img/n_btn_x.jpg) repeat-x;
  margin-right: 15px;
  cursor: pointer;
  transition: all 500ms; }

.mod-pro .btn-wraps .com-btn:hover {
  opacity: 0.8; }

.mod-pro .small-pic {
  text-align: center;
  /*margin-top: 20px;
  padding-bottom: 20px; */}

.mod-pro .small-pic ul {
  height: 20px;
  display: block;
  overflow: hidden; }

.mod-pro .small-pic li {
  border-radius: 50%;
  background-color: #000;
  cursor: pointer;
  width: 8px;
  display: inline-block;
  margin: 0 15px;
  transition: all 200ms;
  position: relative;
  vertical-align: middle;
  height: 8px;
  opacity: .5;
  }

.mod-pro .small-pic li img {
  vertical-align: bottom;
  display: inline-block;
  position: relative; }

.mod-pro .small-pic li span {
  display: block;
  width: 80%;
  transition: all 500ms;
  height: 0;
  position: absolute;
  opacity: 0;
  bottom: 25px;
  height: 2px; }

.mod-pro .small-pic li.active {
  opacity: 1;
  transform: scale(1.1, 1.1); }

.mod-pro .small-pic li.active:after {
  /*opacity: 1;
  position: absolute;
  width: 80%;
  margin: 0 10%;
  height: 1px;
  background: #777777;
  box-shadow: 0px 5px 5px rgba(0,0,0,.1);
  content: "";
  bottom: 0;
  left: 0;  */}

.pro-intrs {
  padding: 40px 0 40px 0;
  background: #f5f5f5;
  margin-top: 40px; }

.pro-content {
  background: #fff;
  padding: 30px 22px; }

.pro-content *, .pro-content {
  font-size: 16px;
  line-height: 28px; }

.H30 {
  height: 30px; }

.how-apply h3 {
  font-size: 14px;
  color: #000;
  padding-bottom: 3px; 
  text-align:center;}

.how-apply p {
  font-size: 14px;
  color: #000;
  padding-bottom: 3px; 
  }

.how-apply a {
  font-size: 14px;
  color: #000;
  }

.switch_project_case2 .switch_case_wraper {
  max-width: 1200px; }

.row_10 {
  margin-top: 0;
  padding-bottom: 0;
  margin-bottom: 0; }

.row_10 .pic {
  max-width: 1200px; }

.ctrl-wraps .ctrl {
  text-align: center;
  font-size: 0;
  line-height: 0;
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 30px;
  white-space: nowrap; }

.ctrl-wraps .ctrl .pre {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  width: 46px;
  height: 46px;
  background: url(../img/sochange_l1.png) no-repeat center center;
  cursor: pointer;
  vertical-align: middle;
  background-size: 38px 38px; }

.ctrl-wraps .ctrl .pre:hover {
  background: url(../img/sochange_lhover1.png) no-repeat center center;
  background-size: 38px 38px; }

.ctrl-wraps .ctrl .pagination {
  display: inline-block;
  position: static;
  *display: inline;
  *zoom: 1;
  font-size: 0;
  line-height: 0;
  vertical-align: middle; }

.ctrl-wraps .ctrl span.swiper-pagination-switch {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  width: 8px;
  height: 8px;
  background-color: #ededed;
  background: rgba(204, 204, 204, 0.3);
  border-radius: 10px;
  margin: 0 6px;
  cursor: pointer;
  vertical-align: middle; }

.ctrl-wraps .ctrl span.swiper-active-switch {
  background-color: #d6d6d6 !important;
  background: rgba(204, 204, 204, 0.8) !important; }

.ctrl-wraps .ctrl .next {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  width: 46px;
  height: 46px;
  background: url(../img/sochange_r0.png) no-repeat center center;
  cursor: pointer;
  vertical-align: middle;
  background-size: 38px 38px; }

.ctrl-wraps .ctrl .next:hover {
  background: url(../img/sochange_rhover0.png) no-repeat center center;
  background-size: 38px 38px; }

.H60 {
  height: 60px; }

.lay-l {
  width: 47%;
  float: left; }

.lay-r {
  width: 47%;
  float: right; }

.para-top {
  border-bottom: 1px solid #bbb;
  padding-bottom: 15px; }

.para-top span {
  font-size: 18px;
  font-weight: bold;
  color: #000; }

.para-tables {
  margin-top: 15px;
  margin-bottom: 15px; }

.para-tables td {
  font-size: 16px;
  color: #333;
  padding: 5px 5px 5px 0; }

/*相关产品*/
.qa-wraps .qa-cell {
  margin-top: 25px;
  max-width: 47%; }

.qa-wraps .qa-cell * {
  font-size: 16px; }

.qa-wraps .qa-cell .a-tit {
  color: #333; }

.my-colors {
  float: right;
  position: relative;
  top: -80px;
  width: 47%; }

.noline {
  border-bottom: none; }

.rela-pros {
  margin-top: 15px; }

.rela-pros .item-cell {
  border: 1px solid #ebebeb;
  width: 31%;
  box-sizing: border-box;
  padding: 20px;
  float: left;
  margin: 10px;
  background: rgba(203, 203, 203, 0.05);
  }


.rela-pros .item-cnt {
  height: 25px; }

.rela-pros .item-pic {
  margin-bottom: 15px; }

.rela-pros .item-pic img {
  max-width: 330px;
  height: 215px;
  width: auto; }

.rela-pros .item-tit {
  font-size: 12px;
  font-weight: bold;
  color: #333;
  text-align: center;
  }

.rela-pros .item-desc {
  max-width: 135px;
  margin: 0 auto;
  line-height: 18px;
  margin-top: 4px; }

.rela-pros .item-desc * {
  font-size: 12px;
  color: #999; }

.rela-pros .item-cell:hover {
  border: 1px outset #787878;}

/*开关产品最终页*/
.mod-bg2 {
  background: #f5f5f5; }

.switch-tits {
  font-size: 56px; }

.switch-pic1 {
  width: 81.6%;
  float: right;
  position: relative;
  left: 10%; }

.mod-switch-2 {
  position: relative; }

.mod-switch-1 {
  margin-top: 100px;
  margin-bottom: 50px;
  position: relative; }

.mod-switch-1 .switch-tits {
  float: left;
  margin-top: 20%; }

.mod-bg2 .mod-switch-1 .switch-tits {
  position: absolute; }

.mod-switch-2 .switch-cnt2 {
  position: absolute;
  width: 100%;
  left: 0;
  top: 25%; }

.switch-cnt2 * {
  color: #fff; }

.switch-cnt2 span {
  font-size: 22px;
  max-width: 460px;
  display: block;
  margin-top: 20px;
  line-height: 150%; }

.mod-switch-2 img {
  display: block; }

.mod-switch-3 {
  text-align: center; }

.mod-switch-3 .switch-cnt2 span {
  max-width: none;
  max-width: 920px;
  margin: 20px auto 0 auto; }

.mod-switch-3 .switch-cnt2 {
  position: absolute;
  width: 100%;
  left: 0;
  top: 8%;
  z-index: 99; }

.mod-switch-3 a {
  color: #0070c9;
  font-size: 22px;
  text-decoration: underline; }

.mod-switch-4 {
  text-align: center; }

.mod-switch-4 img {
  max-width: 78.75%;
  height: auto; }

.mod-switch-4 .switch-cnt2 {
  position: static;
  margin-top: 3%; }

.mod-switch-4 .switch-cnt2 * {
  color: #000; }

.mod-switch-4 .switch-cnt2 span {
  color: #333;
  max-width: 560px;
  margin: 20px auto 0 auto; }

/*新闻列表新*/
.mod-newslists4 {
  background: none;
  padding: 0;
  border-radius: none;
  border: none;}

.mod-newslists4 .item-cell {
  background: #fff;
  margin-bottom: 15px;
  padding: 0; }

.mod-newslists4 .item-inner {
  padding: 0; }

.mod-newslists4 .item-pic img {
  display: block; }

.mod-newslists4 .item-pic {
  float: right;
  width: 75%; }

.mod-newslists4 .item-cnt {
  width: 20%;
  margin-top: 1%;
  float: left; }

.mod-newslists4 .item-desc {
  display: none; }

.mod-newslists4 .item-date span, .mod-newslists4 .item-date em {
  float: none;
  display: block; }

.mod-newslists4 .item-h {
  height: auto;
  margin-bottom: 0; }

.mod-newslists4 .item-inner {
  position: relative; }

.mod-newslists4 .item-date {
  position: absolute;
  bottom: 10%;
  left: 2.5%; }

.pages li {
  padding: 0 0; }

.pages li.next a {
  background: url(../images/next_bg.png) 0 0 no-repeat;
  border-radius: 24px;
  overflow: hidden;
  width: 24px;
  height: 24px;
  background-size: 24px 24px; }

.pages li.next {
  width: 24px;
  height: 24px;
  margin-left: 25px; }

.pages li.prev {
  margin-right: 25px; }

.pages li.prev a {
  background: url(../images/pre_bg.png) 0 0 no-repeat;
  width: 24px;
  height: 24px;
  background-size: 24px 24px;
  border-radius: 24px;
  overflow: hidden; }

.pages li.prev {
  width: 24px;
  height: 25px; }

.pages li a, .pages li {
  width: auto; }

/*底部*/
.footer2 .footer {
  background-color: #000; }

.lc10 {
  height: 50px;
  padding-top: 30px;
  background: #000; }

.about-qubics {
  position: relative; }

.about-qubics * {
  font-size: 16px;
  color: #000; }

.qubics-logos {
  position: absolute;
  left: -200px;
  top: 5px; }

.cases-lists5 .item-cells {
  margin-top: 40px; }

.cases-lists5 .item-cell img {
  display: block; }

.lc .slogin .sub {
  color: #fff; }

/*灯光应用*/
.mod-lights {
  max-width: 980px;
  margin: 76px auto 0 auto; }

.lights-intr {
  max-width: 450px;
  overflow: hidden; }

.lights-intr h3 {
  font-size: 56px;
  color: #000;
  margin-bottom: 15px; }

.lights-intr p {
  font-size: 20px;
  color: #333; }

.mod-lights .item-cell {
  max-width: 450px;
  margin-right: 30px;
  float: left;
  margin-top: 150px;
  position: relative; }

.mod-lights .item-cell img {
  display: block; }

.mod-lights .item-2 {
  max-width: 450px;
  margin-right: 0;
  overflow: hidden;
  margin-left: 30px;
  float: left;
  position: relative;
  top: -330px; }

.mod-lights .item-cell .item-tit {
  margin-top: 21px; }

.mod-lights .item-cell .item-tit a {
  font-size: 20px;
  color: #000;
  font-weight: bold; }

.photos2 {
  position: relative; }

.photos2 span {
  position: absolute;
  left: 4%;
  top: 8%;
  font-size: 56px;
  color: #fff; }

.photos2 em {
  position: absolute;
  bottom: 8%;
  right: 4%;
  font-size: 56px;
  color: #fff; }

.photos2 img, .photos3 img {
  display: block; }

.photos3 {
  position: relative; }

.photos3 span {
  position: absolute;
  bottom: 8%;
  right: 4%;
  font-size: 56px;
  color: #fff;
  text-align: right; }

.photos4 {
  position: relative;
  margin-top: 5%; }

.photos4 span {
  position: absolute;
  left: 50%;
  top: 30%;
  font-size: 56px;
  color: #1a1a1a; }

.photos4 em {
  display: block;
  margin-left: 10%;
  position: relative;
  top: 20px;
  max-width: 31%; }

.index-banner {
  position: relative;}

.index-banner .sochage_txt {
  position: absolute;
  width: 100%;
  top: 10%;
  text-align: center; }

.index-banner .sochage_txt * {
  color: #fff; }

.index-banner .sochage_txt h3 {
  font-size: 48px;
  color: #fff;
  font-weight: normal;
  line-height: 120%; }

.index-banner .sochage_txt span {
  display: block;
  max-width: 775px;
  margin: 10px auto 0 auto;
  font-size: 18px; }

.index-banner2 .sochage_txt {
  left: 19%;
  text-align: left;
  max-width: 530px;
  top: 60%; }

.photos6 {
  position: relative; }

.photos6 span {
  position: absolute;
  left: 20%;
  top: 60%; }

.photos6 h3 {
  font-size: 48px;
  color: #fff;
  line-height: 120%; }

.photos6 em {
  font-size: 18px;
  max-width: 685px;
  display: block;
  color: #fff;
  line-height: 150%;
  margin-top: 10px; }

.photos6 img {
  display: block; }

.index-banner3 .sochage_txt {
  max-width: 600px; }

.photos7 {
  position: relative; }

.photos7 span {
  position: absolute;
  left: 32%;
  top: 17%; }

.photos7 h3 {
  font-size: 48px;
  color: #fff;
  line-height: 120%; }

.photos7 em {
  font-size: 18px;
  max-width: 685px;
  display: block;
  color: #fff;
  line-height: 150%;
  margin-top: 10px; }

.photos7 img {
  display: block; }

.photos8 span {
  position: absolute;
  left: 45%;
  margin-right: 100px; }

.photos8 span {
  max-width: 920px;
  display: block; }

.photos8 span h3 {
  font-size: 48px;
  color: #000;
  line-height: 120%; }

.photos8 span b {
  font-size: 18px;
  color: #333;
  display: block;
  font-weight: normal;
  line-height: 150%;
  margin-top: 10px; }

.install-dp {
  text-align: center;
  margin-top: 125px; }

.com-tit5 h3 {
  font-size: 48px;
  text-align: center;
  color: #000; }

.com-tit5 span {
  font-size: 18px;
  display: block;
  max-width: 540px;
  color: #333;
  margin: 15px auto 25px auto; }

.wrap-ligs {
  margin-bottom: 127px;
  margin-top: 90px; }

.wrap-ligs h3 {
  font-size: 14px;
  margin-top: 10px;
  color: #333; }

.wrap-ligs span {
  display: inline-block;
  margin: 0 40px; }

.wrap-ligs img {
  max-width: 104px; }

/*弹出层*/
.photo-intrwrap {
  position: relative; }

.layer-boxs {
  background: #fff;
  z-index: 999991;
  height: 0;
  overflow: hidden;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%; }

.photo-roll {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 20px;
  position: relative; }

.photo-desc {
  margin-top: 30px; }

.photo-desc h3 {
  font-size: 32px;
  color: #000; }

.photo-desc span.colors-intr {
  font-size: 18px;
  color: #333;
  display: block;
  max-width: 640px;
  margin-top: 5px; }

.photo-colors img {
  vertical-align: middle;
  max-width: 270px;
  max-height: 200px; }

.photo-colors {
  margin-top: 0; }

.photo-colors span {
  font-size: 20px;
  color: #333;
  margin-right: 20px; }

.photos-close {
  text-align: center;
  margin-bottom: 20px;
  cursor: pointer; }

.dis .layer-wraper, .dis .header, .dis .footer {
  display: none; }

.Vis {
  height: auto;
  padding-top: 25px;
  height: 100%;
  background: #fff;
  /*background:rgba(255,255,255,.98); */ }

.photo-intrwrap .photo-colors {
  position: absolute;
  right: 0;
  top: 35px; }

.photos-close {
  position: absolute;
  right: 30px;
  top: 10px;
  z-index: 9999; }

.mobile-indexbanner {
  display: none;
  margin-top: 0; }

.rela-pros {
  position: relative; }

.rela-pros .swiper-wrapper {
  line-height: 200% !important;
  font-size: 12px; }

.rela-pros .item-cell {
  white-space: normal;
  overflow: hidden; }

.photos-close img {
  height: 24px;
  width: 24px;
  border-radius: 24px; }

/*产品最终滚动*/
.gallery-list {
  position: relative; }

.gallery-list .swiper-wrapper, .gallery-list .swiper-slide {
  height: auto !important;}

 .gallery-list .swiper-slide img{
  border: 1px solid #ebebeb; }

.footer .footer_bom .bom_logo img {
  max-width: 61px;
  height: 20px; }

.header .header_bom .logo img {
  max-width: 500px;
  height: auto; }

.article-wrap .content .qubics-logos img {
  max-width: 144px; }

.article-wrap .content .maps img {
  max-width: 399px; }

.mod-pro .pro-desc img {
  max-height: 50px; }

.my-colors img {
  max-width: 483px; }

/*浮层*/
.photo-intrwrap * {
  line-height: normal;
  white-space: normal; }

.photo-roll .ctrl {
  bottom: auto;
  top: 450px; }

.mod-switch-3 {
  overflow: hidden; }

.mod-switch-30 .pc-show {
  position: relative;
  z-index: 8;
  margin-top: -4px; }

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

.mods-nav1 * {
   }

.mods-nav1 a {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  float: none !important;
  font-size: 14px;
  padding: 0 20px;
  text-decoration:none;
  border: 0px solid #000;
  }
.mods-nav1 a:hover {
	background: #000;
}
.mods-nav1 a:hover h3{
  color: #fff;
}
.mods-nav1 h3 {
  line-height: 200%;
  font-weight: normal !important;
  font-size: 14px; }

.mods-nav1 .thb{
  background: #000;
}
.mods-nav1 .thb h3{
  color: #fff;
}

 .acordeon {
  width: 150px;
  overflow: hidden;
}

 .acordeon:hover{
    color: red;
}
.acordeon__head {
  background: #fff;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: .90em;
  /*border-bottom: 0.2px solid rgba(0, 0, 0, 0.3);*/
  box-shadow: 0 0 3px rgba(128, 128, 128, 0.5) inset;
}
.acordeon__head:hover {
  cursor: pointer;
}
.acordeon__head--logo, .acordeon__head--title, .acordeon__head .icon {
  pointer-events: none;
}
.acordeon__head--logo {
  width: 25%;
}
.acordeon__head--title {
  display: inline-block;
  text-transform: uppercase;
  font-size: .95em;
  font-weight: 600;
  padding-top: 10px;
}
.acordeon__head .icon {
  font-size: .80em;
}

iframe{width:60%;}

.messages { padding:0px 0 50px 0; overflow:hidden;}
.messages li{overflow:hidden;}
.messages li input{clear:both; margin-bottom:10px; display:block; background:#f2f2f2; color:#000; padding:1% 3%; width:53.7%;font-size:14px; border:#CCC 1px solid;}
.messages li textarea{clear:both; margin-bottom:10px; display:block; background:#f2f2f2; color:#000; padding:1% 3%;width:53.7%; height:80px;font-size:14px;border:#CCC 1px solid;}
.ftj_btn1 { float:left; margin-right:2%; width:28% !important; padding:1.5% 0;cursor:pointer; background:#524d61;color:#ccc;border:#CCC 0px solid;}
.fcz_btn1{ float:left; width:30% !important;padding:1.5% 0; cursor:pointer; background:#524d61;color:#ccc;border:#CCC 0px solid;}
.ftj_btn1:hover,.fcz_btn1:hover { background:#fff;color:#000;}
.ftj_btn1 { background:#060026; color:#FFF;font-size:16px;vertical-align:middle;text-align:center;}
.ftj_btn1:hover { background:#b39666;color:#FFF; }
.fcz_btn1 {background:#999;color:#FFF; font-size:16px;vertical-align:middle;text-align:center;}
.fcz_btn1:hover { background:#b39666;color:#fff; }



.gotop{ width:40px; height:40px; position:fixed; right:10px; bottom:20px; background:rgb(0,0,0,0.5); border-radius:50%; z-index:9998; display:none}
.gotop a{width:40px; height:40px;display: flex;align-items: center;justify-content:center;}
.gotop img{ width:20px; height:20px;}