/*初始化样式*/
html{margin:0;padding:0;border:0;}
body,div,span,object,iframe,h1,h2,h3,h4,p,blockquote,pre,a,address,code,b,em,img,
dl,dt,dd,ol,ul,li,fieldset,form,label,footer,
header,hgroup,navs,section
{margin:0;padding:0;border:0;}
body{background:#fff;color:#333;position:relative;font:12px/1.5 Microsoft YaHei,arial,宋体,sans-serif;vertical-align:baseline;width:100%;overflow-x:hidden;}
a{text-decoration:none;outline:none;}

a:hover,a:active,a:focus{text-decoration:none;outline:none;}


input{padding:0;margin:0;font-family:'Microsoft YaHei';}
img{border:none;background:none;vertical-align:middle;}
ul,ol,li{list-style-type:none;}
select,input,img,select{vertical-align:middle;}
table{border-collapse:collapse;border-spacing:0}
table, th, td {vertical-align: middle}
.clearfix:after{content: ".";display: block;height: 0;clear: both;overflow: hidden;visibility: hidden;}
.clearfix{zoom:1}
.clearboth{height:0px;line-height:0px;overflow:hidden;clear:both;font-size:0px;}

h1,h2{font-size:12px;font-weight:bold;}
hr {border: 0;border-top:1px solid #ccc;height:0;}

p{margin:0;}



/*----- Common css ------*/
.fl{float:left;}
.fr{float:right;}
.di{_display:inline;}
.fwn{font-weight:normal;}
.dib{*display:inline;_zoom:1;_display:inline;_font-size:0px;}

/*滚动*/
#demo{overflow:hidden;width:100%;margin:0 auto;}
#indemo {float: left;width:800%!important;}
#demo1 {float: left;}
#demo2 {float: left;}

#m_demo{overflow:hidden;width:92%;margin:0 auto;}
#m_indemo {float: left;width:800%!important;}
#m_demo1 {float: left;}
#m_demo2 {float: left;}



.pos{position: relative;width:1920px;left:50%;margin-left:-960px;}
.wh{width:1200px;margin:0 auto;}


.com-img{ display:inline; overflow:hidden;margin:0 auto;display: table;}
.com-img img{ transition:all 0.8s; -webkit-transition:all 0.8s; -moz-transition:all 0.8s; -o-transition:all 0.8s;}
.com-img:hover img{transform:scale(1.2); -webkit-transform:scale(1.2); -moz-transform:scale(1.2); -o-transform:scale(1.2);-ms-transform:scale(1.2);}



.roll_product {float: left;}


/*头部样式*/
.top1{background:#e6e6e6;color:#595959;height:27px;line-height:27px;overflow:hidden;font-size:14px;}
.top1 a{color:#595959;}

.logo{float:left;line-height:82px;}
.k2{margin-top: 5px;font-size:14px;color:#333333;line-height:35px;background: url(http://cdn.myxypt.com/nct4ljfd/t/1/images/t.png) no-repeat left center;padding-left:54px;}
.k2 p:nth-child(2){color:#2459a9;font-size:27px;}




.product_list1{margin-top:38px;}
.product_list1 li{float:left;margin-right:57px;margin-bottom:28px;}
.product_list1 li:nth-child(4n){margin-right:0;}
.product_list1 li img{width:257px;height:293px;}
.product_list1 li h3{text-align:center;font-weight:normal;color:#3f3f3f;font-size:20px;}




/*主体样式*/

.ssddds{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.xyin-case-sort li:hover, .xyin-case-sort li.on {
    background: #3c486d;
    position: relative;
    color: #fff;
    cursor: pointer;
}

.xyin-case-sort li:hover a, .xyin-case-sort li.on a {
    color: #fff;
}

.aby_hh li:hover .aby_hh_img img{
    filter: invert(49%) sepia(93%) saturate(369%) hue-rotate(900deg) brightness(60%) contrast(93%);
}



/*页面底部*/
/* .foot{background:#333;}
.f_nav{width:826px;margin-top:40px;}
.f_nav dl{float:left;width:136px;height:186px;overflow:hidden;}
.f_nav dt{margin-bottom:8px;font-size:19px;color:#333;font-weight:normal;}

.f_nav dd a{font-size:12px;color:#333;line-height:20px;}
.copyright{text-align:center;line-height:24px;} */

/*内页左侧样式*/

.page-product-inquiry a{color: #fff;}



.flex {
  display: flex; }

.of {
  overflow: hidden; }

.fen img {
  width: 100%;
  transition: all .3s ease-out; }
.fen:hover img {
  transform: scale(1.1); }

.w1520 {
  margin-left: auto;
  margin-right: auto;
  max-width: 1520px; }
  @media (max-width: 1520px) {
    .w1520 {
      padding: 0 15px; }
       }

.tou {
  height: 82px; 
  }
.tou .con {
    justify-content: space-between;
    align-items: center; 
    }
.tou .con .dh {
      font-size: 22px;
      color: #303030;
      padding-left: 43px;
      background: url("../image/d0cf66732d0376a197903867648610193a29700c.png") no-repeat 0 50%;
       }

h2.bt {
  text-align: center;
  font-size: 36px;
  color: #000000;
  font-weight: 500;
  line-height: 60px; 
  }
  @media (max-width: 1380px) {
    h2.bt {
      font-size: 32px;
      line-height: 54px; } }
  @media (max-width: 780px) {
    h2.bt {
      font-size: 24px;
      line-height: 36px; } }

.c1 {
  margin-top: 6.88vw;
  margin-bottom: 7.55vw; }
  @media (max-width: 480px) {
    .c1 {
      margin-top: 40px;
      margin-bottom: 40px; } }
  .c1 .con {
    overflow: hidden;
    margin-top: 3.8vw; }
    @media (max-width: 480px) {
      .c1 .con {
        margin-top: 30px; } }
    .c1 .con .list2 {
      display: flex;
      margin-left: -0.835vw;
      margin-right: -0.835vw; }
      @media (max-width: 480px) {
        .c1 .con .list2 {
          flex-wrap: wrap; } }
      .c1 .con .list2 li {
        padding: 0 0.835vw;
        width: 50%; }
        @media (max-width: 480px) {
          .c1 .con .list2 li {
            width: 100%; }
            .c1 .con .list2 li:nth-child(1) {
              margin-bottom: 15px; } }
        .c1 .con .list2 li .img img {
          width: 100%; }
        .c1 .con .list2 li .zi {
          display: flex;
          justify-content: space-between;
          align-items: center;
          padding-right: 2.4vw;
          padding-left: 2.6vw;
          background-color: #f3f3f3;
          padding-top: 1.875vw;
          padding-bottom: 1.979vw;
          transition: all .3s ease-out; }
          @media (max-width: 780px) {
            .c1 .con .list2 li .zi {
              padding-top: 12px;
              padding-bottom: 15px; } }
          .c1 .con .list2 li .zi .zi1 p {
            color: #333333;
            font-size: 24px;
            transition: all .3s ease-out; }
            @media (max-width: 1380px) {
              .c1 .con .list2 li .zi .zi1 p {
                font-size: 18px; } }
            @media (max-width: 780px) {
              .c1 .con .list2 li .zi .zi1 p {
                font-size: 16px; } }
          .c1 .con .list2 li .zi .zi1 span {
            display: block;
            font-size: 16px;
            color: #777777;
            transition: all .3s ease-out; }
            @media (max-width: 1380px) {
              .c1 .con .list2 li .zi .zi1 span {
                font-size: 14px; } }
            @media (max-width: 780px) {
              .c1 .con .list2 li .zi .zi1 span {
                font-size: 12px; } }
          .c1 .con .list2 li .zi .ck {
            font-size: 12px;
            color: #666;
            display: flex;
            transition: all .3s ease-out;
            align-items: center; }
            .c1 .con .list2 li .zi .ck span {
              margin-left: 18px;
              display: block;
              width: 11px;
              height: 10px;
              background: url("../image/cf41369fa9da48c903bae4b93a7c3e83d09330cd.png") no-repeat 50%; }
        .c1 .con .list2 li:hover .zi {
          background-image: linear-gradient(165deg, #2cc5b9 0%, #21a1d3 100%); }
          .c1 .con .list2 li:hover .zi .zi1 p {
            color: #fff; }
          .c1 .con .list2 li:hover .zi .zi1 span {
            color: #fff; }
          .c1 .con .list2 li:hover .zi .ck {
            color: #fff; }
            .c1 .con .list2 li:hover .zi .ck span {
              background: url("../image/546bfc256cf68ac40268d64a1c408676cffcb850.png") no-repeat 50%; }

.c2 {
  padding-top: 7.76vw;
  padding-bottom: 7.76vw;
  background: url("../image/5d36336dbac5dbdf692e0aa52c07c43aff83de4e.jpg") no-repeat 50% 0;
  background-size: cover; }
  @media (max-width: 780px) {
    .c2 {
      padding-top: 30px;
      padding-bottom: 30px; } }
  .c2 .c2-1 {
    max-width: 447px;
    background-color: #ffffff;
    box-shadow: 0px 24px 30px 0px rgba(1, 40, 43, 0.14);
    margin-left: 2.5vw;
    padding: 3.91vw 3.54vw 5.36vw 3.65vw; }
    @media (max-width: 480px) {
      .c2 .c2-1 {
        padding-bottom: 30px; } }
    .c2 .c2-1 h2 {
      font-size: 36px;
      line-height: 42px;
      color: #333;
      font-weight: 500; }
      @media (max-width: 1380px) {
        .c2 .c2-1 h2 {
          font-size: 32px;
          line-height: 38px; } }
      @media (max-width: 780px) {
        .c2 .c2-1 h2 {
          font-size: 24px;
          line-height: 30px; } }
    .c2 .c2-1 dd {
      font-size: 14px;
      color: #666666;
      line-height: 24px;
      margin-top: 2vw;
      margin-bottom: 6vw; }
      @media (max-width: 480px) {
        .c2 .c2-1 dd {
          margin-top: 20px;
          margin-bottom: 30px; } }
    .c2 .c2-1 .ck {
      font-size: 12px;
      color: #666;
      display: flex;
      transition: all .3s ease-out;
      align-items: center; }
      .c2 .c2-1 .ck span {
        margin-left: 18px;
        display: block;
        width: 11px;
        height: 10px;
        background: url("../image/cf41369fa9da48c903bae4b93a7c3e83d09330cd.png") no-repeat 50%; }

.c3 {
  background-color: #f3f3f3;
  padding-top: 5.52vw;
  padding-bottom: 5.31vw; }
  @media (max-width: 480px) {
    .c3 {
      padding-top: 40px;
      padding-bottom: 40px; } }
  .c3 .con {
    overflow: hidden;
    margin-top: 3.7vw; }
    @media (max-width: 480px) {
      .c3 .con {
        margin-top: 30px; } }
    .c3 .con .list2 {
      margin-left: -0.805vw;
      margin-right: -0.805vw;
      text-align: center; }
      .c3 .con .list2 li {
        padding: 0 0.805vw;
        width: 33.33%; }
        @media (max-width: 480px) {
          .c3 .con .list2 li {
            width: 100%;
            margin-bottom: 15px; }
            .c3 .con .list2 li:last-child {
              margin-bottom: 0; } }
        .c3 .con .list2 li a {
          background: #fff;
          display: block;
          padding-top: 4.17vw;
          padding-bottom: 4.22vw;
          padding-left: 6.46vw;
          padding-right: 6.46vw; }
          @media (max-width: 1200px) {
            .c3 .con .list2 li a {
              padding-left: 5vw;
              padding-right: 5vw; } }
          @media (max-width: 780px) {
            .c3 .con .list2 li a {
              padding-left: 15px;
              padding-right: 15px; } }
        .c3 .con .list2 li .img {
          line-height: 64px; }
          @media (max-width: 780px) {
            .c3 .con .list2 li .img {
              line-height: 42px; } }
          @media (max-width: 780px) {
            .c3 .con .list2 li .img img {
              height: 42px; } }
          .c3 .con .list2 li .img img.img2 {
            display: none; }
        .c3 .con .list2 li h3 {
          color: #333333;
          font-size: 24px;
          transition: all .3s ease-out;
          margin-top: 1.6vw;
          margin-bottom: 1.6vw; }
          @media (max-width: 1200px) {
            .c3 .con .list2 li h3 {
              font-size: 20px; } }
          @media (max-width: 780px) {
            .c3 .con .list2 li h3 {
              font-size: 18px;
              margin-top: 15px;
              margin-bottom: 10px; } }
        .c3 .con .list2 li dd {
          font-size: 14px;
          line-height: 24px;
          color: #666666;
          margin-bottom: 2.92vw; }
        .c3 .con .list2 li .ck {
          font-size: 12px;
          color: #666;
          transition: all .3s ease-out;
          align-items: center;
          justify-content: center;
          opacity: 0;
          display: flex; }
          .c3 .con .list2 li .ck span {
            margin-left: 18px;
            display: block;
            width: 11px;
            height: 10px;
            background: url("../image/cf41369fa9da48c903bae4b93a7c3e83d09330cd.png") no-repeat 50%; }
        .c3 .con .list2 li:hover .img img.img1 {
          display: none; }
        .c3 .con .list2 li:hover .img img.img2 {
          display: inline; }
        .c3 .con .list2 li:hover h3 {
          color: #159bd1; }
        .c3 .con .list2 li:hover .ck {
          opacity: 1; }

.c4 {
  margin-top: 5.68vw;
  margin-bottom: 6.25vw; }
  .c4 .con {
    margin-top: 2.4vw; }
    .c4 .con .list1 {
      width: 66.974%; }
      @media (max-width: 780px) {
        .c4 .con .list1 {
          width: 100%; } }
      .c4 .con .list1 li {
        background-image: linear-gradient(135deg, #2cc5b9 0%, #21a1d3 100%); }
        .c4 .con .list1 li a {
          align-items: center; }
        .c4 .con .list1 li .img {
          width: 63.655%; }
          @media (max-width: 480px) {
            .c4 .con .list1 li .img {
              width: 100%; } }
          .c4 .con .list1 li .img img {
            width: 100%; }
        .c4 .con .list1 li .zi {
          padding: 20px 2.4vw 20px 24px;
          width: 36.346%; }
          @media (max-width: 480px) {
            .c4 .con .list1 li .zi {
              width: 100%; } }
          .c4 .con .list1 li .zi .timex {
            font-size: 14px;
            color: #ffffff; }
          .c4 .con .list1 li .zi h3 {
            font-size: 24px;
            color: #ffffff;
            line-height: 30px;
            margin-top: 4.2vw;
            margin-bottom: 7.2vw; }
            @media (max-width: 480px) {
              .c4 .con .list1 li .zi h3 {
                font-size: 20px; } }
          .c4 .con .list1 li .zi .ck {
            font-size: 12px;
            color: #fff;
            transition: all .3s ease-out;
            align-items: center;
            display: flex; }
            .c4 .con .list1 li .zi .ck span {
              margin-left: 18px;
              display: block;
              width: 11px;
              height: 10px;
              background: url("../image/546bfc256cf68ac40268d64a1c408676cffcb850.png") no-repeat 50%; }
    .c4 .con .list2 {
      width: 31.52%; }
      @media (max-width: 780px) {
        .c4 .con .list2 {
          width: 100%;
          margin-top: 30px; } }
      .c4 .con .list2 li {
        border: solid 1px #e5e5e5;
        margin-bottom: 22px;
        transition: all .3s ease-out; }
        .c4 .con .list2 li a .img {
          width: 38.15%; }
          .c4 .con .list2 li a .img img {
            width: 100%; }
        .c4 .con .list2 li a .zi {
          padding: 14px 2.6vw 14px 1.04vw;
          width: 61.85%; }
          @media (max-width: 480px) {
            .c4 .con .list2 li a .zi {
              padding: 10px; } }
          .c4 .con .list2 li a .zi h3 {
            font-size: 16px;
            color: #333333;
            line-height: 24px;
            transition: all .3s ease-out;
            text-overflow: -o-ellipsis-lastline;
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical; }
          .c4 .con .list2 li a .zi .timex {
            margin-top: 1.5vw;
            color: #c0c0c0;
            font-size: 14px;
            transition: all .3s ease-out; }
        .c4 .con .list2 li:hover {
          background-image: linear-gradient(170deg, #2cc5b9 0%, #21a1d3 100%); }
          .c4 .con .list2 li:hover a .zi h3 {
            color: #fff; }
          .c4 .con .list2 li:hover a .zi .timex {
            color: #fff; }

.foot {
  background-color: #f3f3f3; }
  .foot .con {
    padding-top: 5vw;
    padding-bottom: 5.5vw; }
    @media (max-width: 480px) {
      .foot .con {
        padding-top: 40px;
        padding-bottom: 40px; } }
    .foot .con .foot11 {
      display: flex; }
      @media (max-width: 480px) {
        .foot .con .foot11 {
          flex-wrap: wrap; } }
      .foot .con .foot11 .foot1 {
        margin-right: 6.77vw;
        width: 142px; }
        .foot .con .foot11 .foot1 h2 {
          font-size: 16px;
          color: #666666;
          font-weight: 500; }
        .foot .con .foot11 .foot1 .list2 {
          margin-top: 2.5vw;
          display: flex;
          justify-content: space-between; }
          @media (max-width: 780px) {
            .foot .con .foot11 .foot1 .list2 {
              margin-top: 20px; } }
          .foot .con .foot11 .foot1 .list2 li {
            display: flex;
            position: relative; }
            .foot .con .foot11 .foot1 .list2 li .img {
              line-height: 20px; }
              .foot .con .foot11 .foot1 .list2 li .img img.img2 {
                display: none; }
            .foot .con .foot11 .foot1 .list2 li:hover .img img.img1 {
              display: none; }
            .foot .con .foot11 .foot1 .list2 li:hover .img img.img2 {
              display: inline; }
            .foot .con .foot11 .foot1 .list2 li .sec {
              position: absolute;
              top: 28px;
              z-index: 1;
              left: 50%;
              transform: translateX(-50%);
              display: none; }
              .foot .con .foot11 .foot1 .list2 li .sec img {
                width: 60px; }
            .foot .con .foot11 .foot1 .list2 li:hover .sec {
              display: block; }
      .foot .con .foot11 .foot2 h2 {
        font-size: 16px;
        color: #666666;
        font-weight: 500; }
        @media (max-width: 480px) {
          .foot .con .foot11 .foot2 h2 {
            width: 100%;
            margin-top: 20px; } }
      .foot .con .foot11 .foot2 dd {
        font-size: 14px;
        line-height: 36px;
        color: #999999;
        margin-top: 2vw; }
        @media (max-width: 780px) {
          .foot .con .foot11 .foot2 dd {
            line-height: 28px;
            margin-top: 20px; } }
    .foot .con .foot3 {
      width: 326px;
      padding-top: 1.98vw;
      cursor: pointer; }
      @media (max-width: 780px) {
        .foot .con .foot3 {
          width: 35%; } }
      @media (max-width: 480px) {
        .foot .con .foot3 {
          display: none; } }
      .foot .con .foot3 h2 {
        font-size: 16px;
        color: #666666;
        font-weight: 500; }
      .foot .con .foot3 .sec {
        margin-top: 3.229vw;
        padding-left: 3px;
        height: 35px;
        border: none;
        border-bottom: 3px solid #999999;
        font-size: 12px;
        letter-spacing: 0.6px;
        width: 100%;
        color: #999999;
        background: url(../image/7b284f122c455e7aa9a16506c4868e08f5927cd8.png) no-repeat 100% 50%;
        position: relative; }
        .foot .con .foot3 .sec .sec1 {
          position: absolute;
          background: #fff;
          bottom: 35px;
          left: 0;
          z-index: 1;
          padding: 0 10px;
          width: 100%;
          line-height: 30px;
          display: none; }
          .foot .con .foot3 .sec .sec1 a {
            color: #999999; 
            }
      .foot .con .foot3:hover .sec .sec1 {
        display: block;
         }
      .foot .con1 {
        border-top: 1px solid #e5e5e5;
        line-height: 24px;
        padding: 18px 0;
        font-size: 12px;
        color: #999999; 
        }
    .foot .con1 a { color: #999999; }
    .foot .con1 .con2 {
      display: flex;
      justify-content: space-between; }
      @media (max-width: 1280px) {
        .foot .con1 .con2 {
          flex-wrap: wrap;
          justify-content: center;
          text-align: center; } }
      @media (max-width: 1280px) {
        .foot .con1 .con2 .foot21
          {
          width: 100%; 
          margin-bottom: 10px;
          }
           }
      @media (max-width: 1280px) {
        .foot .con1 .con2 .foot22 {
          width: 100%; } }

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