.fl {

    float: left !important;

}



.fr {

    float: right !important;

}



.lx-h-box {

    height: 400px;

}



.lx-hr {

    padding-top: 80px;

    padding-left: 6%;

    box-sizing: border-box;

    background: #dc372b;

}



.lx-hr p {

    font-size: 24px;

    color: #fff;

    line-height: 40px;

}



.lx-hr .text {

    font-size: 16px;

    line-height: 30px;

    padding: 20px 40px 0 0;

}



.lx-hr .line {

    width: 55px;

    height: 4px;

    background: #fff;

    display: inline-block;

}



.lx-hr,

.lx-cont {

    float: left;

    width: 50%;

    height: 100%;

}



.lx-cont {

    background: url('../images/commit-banner/server-new.jpeg') no-repeat;

    background-size: cover;

}



.zy-server .lx-cont {

    background: url('../images/commit-banner/zy.jpeg') no-repeat;

}



.server-bg {

    background: #f9f9f9;

    padding: 65px 20px 80px 20px;

    box-sizing: border-box;

}



.server-bg img {

    width: 100%;

}



.ser-list .ulbox {

    width: 100%;

    /* height: 740px; */

    transform: translate(0px, 0px);

    opacity: 1;

    padding-bottom: 40px;

}



.ser-list .ulbox li {

    position: relative;

    width: 32.74%;

    float: left;

    text-align: center;

    box-sizing: border-box;

    padding: 5px;

    box-shadow: 0px 0px 9px 3px #0000001f;

    margin: 10px 10px 10px 0;

    border-radius: 5px;

}



.ser-list .ulbox li:nth-child(3n){

   margin-right: 0;

}





.ser-list .ulbox li .img {

    /* padding-top: 86px;

    margin-bottom: 24px; */

    text-align: center;

    width: 100%;

    /* height: 68px; */

}



.ser-list .ulbox li .img img {

    max-width: 100%;

    line-height: 68px;

    display: inline-block;

}



.ser-list .ulbox li .img .imga {

    opacity: 1;

    display: inline-block;

    display: inline;

    filter: alpha(opacity=100);

    transition: opacity 1000ms;

}



.ser-list .ulbox li .img .imgb {

    opacity: 0;

    display: none;

    filter: alpha(opacity=0);

    transition: opacity 1000ms;

}



.ser-list .ulbox li p {

    font-size: 18px;

    line-height: 24px;

    color: #fff;

    font-weight: bold;

    margin: 5px 0;

}



.ser-list .ulbox li .y {

    font-size: 13px;

    line-height: 22px;

    color: #fff;

    font-family: "ythin";

    padding: 0 15px;

}



.ser-list .ulbox li .more {

    font-size: 14px;

    line-height: 20px;

    color: #686664;

    font-family: "ythin";

    display: inline-block;

    margin: 0 auto;

    padding-bottom: 6px;

    border-bottom: 3px solid #686664;

    display: block;

    width: 38px;

    transition: width 500ms, color 500ms, border 500ms;

    transition-delay: 0ms, 200ms, 200ms;

}











/* .ser-list .ulbox li:hover .imgb {

      display: inline-block;

      display: inline;

      opacity: 1;

      filter: alpha(opacity=100);

      transition: opacity 1000ms;

  }*/

.ser-list .ulbox li:hover .imga {



    -webkit-transition: all 250ms ease-in;

    -webkit-transform: scale(1.02);

    -moz-transition: all 250ms ease-in;

    -moz-transform: scale(1.02);

    -ms-transition: all 250ms ease-in;

    -ms-transform: scale(1.02);

    transition: all 250ms ease-in;

    transform: scale(1.02);

}



/* .ser-list .ulbox li:hover {

    background: #d8362b;

    transition: all .5s;

  }

  .ser-list .ulbox li:hover .more {

    width: 117px;

    color: #fff;

    border-color: #fff;

    font-weight: bold;

    transition-delay: 0ms,0ms,0ms;

  }  */

.server-bg1 {

    background: #f9f9f9;

    padding: 0 20px 60px 20px;

    box-sizing: border-box;

}



.server-bg1 img {

    width: 100%;

}



.server-bg1 h3 {

    padding-top: 45px;

    font-size: 24px;

    line-height: 24px;

    padding-bottom: 23px;

    border-bottom: 1px solid #dbdbdb;

    margin-bottom: 45px;

    color: #333;

}



.server-bg2 {

    margin-bottom: 100px;

}



/*.lx-cont-box {

    background:#f9f9f9;

  }

  .lx-cont-box .addbox{

    padding: 80px 20px 0 20px;

  }

  .lx-cont-box .addbox .h {

      font-size: 24px;

      line-height: 24px;

      padding-bottom: 24px;

      border-bottom: 1px solid #dbdbdb;

      margin-bottom: 23px;

  }

  .lx-cont-box .addbox li {

      float: left;

      width: 50%;

      box-sizing: border-box;

      margin-bottom: 65px;

      border-right: 1px solid #dfdfdf;

      overflow: hidden;

  }

  .lx-cont-box .addbox-two li{

    float: none;

    width: 48%;

    padding: 40px;

    height: 290px;

    background: url('../images/commit-banner/pic17.jpg') repeat-y left center;

  }

  .lx-cont-box .addbox li .left {

      width: 170px;

      line-height: 75px;

      float: left;

      text-align: center;

  }

  .lx-cont-box .addbox li .left span{

      font-size: 16px;

      color: #dc372b;

      padding: 0 10px;

  }*/

/*.lx-cont-box .addbox li .left img{

    width: 100px;

    height: 100px;

  }*/

/*.lx-cont-box .addbox li .right {

      font-size: 14px;

      color: #666;

      line-height: 24px;

      width: 100%;

  }

  .lx-cont-box .addbox li .right p {

      font-size: 14px;

      color: #666;

      line-height: 24px;

      overflow: hidden;

      text-overflow:ellipsis;

      white-space: nowrap;

  }

  .lx-cont-box .addbox-two .xh {

      font-size: 20px;

      line-height: 24px;

      margin-bottom: 22px;

  }

  .lx-cont-box .addbox-two .p {

      padding-left: 26px;

      background: url('../images/commit-banner/pic10.png') no-repeat left 4px;

      margin-bottom: 18px;

      font-size: 14px;

      line-height: 24px;

      color: #666;

  }*/

.alink {

    height: 53%;

    position: absolute;

    top: 0px;

    left: 0px;

    margin: 40px;

    text-align: left;

    overflow: hidden;

}



.alink a {

    float: left;

    padding: 10px;

    color: #fff;

}



.slh {

    position: absolute;

    bottom: 40px;

    left: 0;

    width: 100%;

}



@media (max-width: 768px) {

    .lx-hr p {

        font-size: 18px;

        line-height: 26px;

    }



    .lx-hr .text {

        font-size: 14px;

        line-height: 24px;

    }



    .lx-hr .line {

        width: 43px;

        height: 2px;

        margin-top: 10px;

    }



    .lx-hr {

        padding-top: 45px;

        padding-left: 6%;

    }



    .lx-hr,

    .lx-cont {

        width: 100%;

        height: 200px;

    }



    .ser-list .ulbox li .img {

        padding-top: 60px;

    }



    .ser-list .ulbox {

        height: 600px;

    }



    .ser-list .ulbox li {

        height: 300px

    }

}



@media (max-width: 414px) {

    .lx-hr p {

        font-size: 18px;

        line-height: 26px;

    }



    .lx-hr .line {

        width: 43px;

        height: 2px;

        margin-top: 0px;

    }



    .lx-hr {

        padding-top: 20px;

        padding-left: 8%;

    }



    .lx-hr,

    .lx-cont {

        width: 100%;

        height: 200px;

    }



    .lx-hr .text {

        padding-top: 10px;

    }



    .server-bg {

        padding: 20px;

    }



    .ser-list .ulbox {

        height: 600px;

    }



    /* .ser-list .ulbox li {

        width: 50%;

        height: 200px;

        padding: 20px;

    } */



    .ser-list .ulbox li .img {

        margin-bottom: 0;

        padding-top: 0px;

    }



    .ser-list .ulbox li .y {

        margin-bottom: 0;

        white-space: nowrap;

        overflow: hidden;

        text-overflow: ellipsis;

    }



    .alink {

        margin: 10px;

    }



    .alink a {

        padding: 3px;

    }



    /* .lx-cont-box .addbox li{

      width: 100%;

      border-right: 0;

    }

    .lx-cont-box .addbox li .left {

      width: 140px;

      padding-left: 20px;

      text-align: left;

    }

    .lx-hr .text{

      padding-top: 8px;

      line-height: 22px;

    }*/

}



.w800 {

    max-width: 800px;

    margin: 0 auto;

}



.layui-tab-title li {

    width: 166px;

    line-height: 40px;

    border: 2px solid #e60012;

    font-size: 14px;

    height: 40px;

    cursor: pointer;

    box-sizing: border-box;

}



.layui-tab-title {

    margin: 24px auto;

    text-align: center;

    border-bottom: 0;

}



.layui-tab-title li.layui-this {

    color: #fff;

    background: #e60012;

}



.layui-tab-content {

    padding: 50px 0;

}



.layui-tab-content img {

    width: 100%;

}



.layui-tab-title .layui-this:after {

    display: none;

}



.title_des {

    position: absolute;

    bottom: 0;

    background: #0000009e;

    height: 83px;

    left: 0;

    border-bottom-left-radius: 5px;

    border-bottom-right-radius: 5px;

}





.list_pagination {

    width: 100%;

    margin: auto;

    overflow: hidden;

}

.clearfloat:after {

  display: block;

  clear: both;

  content: "";

  visibility: hidden;

  height: 0;

}

.list_pagination ul {

  text-align: center;

}

.list_pagination li {

  /*float: left;*/

  display: inline-block;

  text-align: center;

  width: 40px;

  height: 40px;

  line-height: 40px;

  border: 1px solid gray;

  margin-left: 5px;

}

.list_pagination ul li a {

  width: 100%;

  height: 100%;

  display: block;

}





#pages li:hover { background: #df1020; color: #fff; }



#pages li:hover a{ background: #df1020; color: #fff; }



#pages .active{ background: #df1020; color: #fff; }







.ser-list{

    margin-bottom: 50px;

}