@charset "utf-8";

/* CSS Document */
*{ margin:0; padding:0;}

@font-face {
    font-family: "PingFangSCRegular";
    src: url("../fonts/PingFangSCRegular.woff2") format("woff2"),
    url("../fonts/PingFangSCRegular.woff") format("woff"),
    url("../fonts/PingFangSCRegular.ttf") format("truetype"),
    url("../fonts/PingFangSCRegular.eot") format("embedded-opentype"),
    url("../fonts/PingFangSCRegular.svg") format("svg"),
    url("../fonts/PingFangSCRegular.otf") format("opentype");
    font-weight: normal;
    font-style: normal;
}



body{ color:#000; font-size:12px; line-height:22px; font-family:"Microsoft YaHei"; min-width: 1200px;}
ul,li{ list-style:none; margin-bottom: 0;}
img{ border:none; display:inline-block;}
a{ text-decoration:none; color:#333;}
a:hover{ text-decoration:none; }
i,em{ font-style:normal;}
dl,dd,p{ margin-bottom: 0;}
input,textarea,select{ outline:none; font-family:"Microsoft YaHei";}
h1,h2,h3,h4,h5,h6{ font-style:normal; font-weight:normal; list-style:none; margin-bottom: 0;}
.clear{ clear:both;}
.container-fluid{
    margin: 0;padding: 0;
}
.container-fluid:after{ content: ""; display: block; clear: both;}
.container:after{ content: ""; display: block; clear: both;}
.footer .container:after{ display: none;}


/*header*/
.header{ height: 150px; z-index:999;
background-color: #fff;
}
.logo{ float: left; margin-top: 5px;}
.top_butt{ display: none;}


/*导航*/


.head_nav{ float: right;}
.head_nav ul li{ width: 120px; height:150px; float: left; text-align: center; position: relative; padding-top: 65px;
    -o-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}
.head_nav ul li .fa_link{ display: block; color: #636363; font-size:20px; }
.head_nav ul li:hover{ background: #3172f4;}
.head_nav ul li:hover .fa_link{color: #fff;}
.head_nav ul li.on{ background: #3172f4 !important;}
.head_nav ul li.on .navA .fa_link{ color: #fff;}


.navA{ width: 100%; float: left; text-align: center;}

.head_nav ul li .fa-list-ul{ display: none;}
.head_nav ul li .top_down{ display: none;}

.navTwo{ display: none; position: absolute; left: 0; top: 100%; width: 100%; text-align: center; background: rgba(6,51, 84,.7); z-index: 9;}
.navTwo dd{ margin-bottom: auto; height: 40px; border-bottom: solid 1px rgba(6,51, 84,.4);}
.navTwo a{ font-size: 14px !important; line-height: 40px !important; color: #fff; display: block; }
.navTwo dd:hover{ background: #3172f4;}

.topest{
    line-height: 50px;
    background-color: #f0f0f0;
}
.topest .container .wel{
    float: left;
    font-size: 16px;
    color: #262626;
}
.topest .container .t-r{
   float: right;
   display: flex;
   font-size: 20px;
   font-weight: bold;
   color: #4c4c4c;
}
.topest .container .t-r .tel{
    margin-right: 10px;
}
/* banner */
.banner .swiper-container {
    width: 100%;
    height: 100%;
  }
 .banner .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;

    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
  }
  .banner .swiper-slide img{
      width: 100%;
      height: 100%;
  }
  /* 标题 */
  .title{
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
  }
  .title .ctitle{
      width: 100%;
      font-size: 38px;
      color: #404040;
      text-align: center;
  }
  .title .etitle{
    width: 100%;
    font-size: 18px;
    color: #404040;
    text-align: center;
    margin: 15px 0;
    }
    .title i{
        margin: 0 auto;
    }
    /* 产品 */
    .product{
        margin-top: 100px;
    }
    .product .row li strong{
        display: block;
        font-size: 22px;
        font-weight: normal;
        text-align: center;
        line-height: 105px;
    }
    .product .row li a img{
        width: 100%;
    }
    .pro-item{
        background-color: #f9f6e9;
        padding: 15px;
        color: #404040;
        margin-top: 60px;
    }
    .pro-item-in{
        margin: 15px 0;
        min-height: 135px;
    }
    .pro-item-in div{
        line-height: 45px;
        font-size: 18px;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    /* 业绩 */
    .yeji .title{
        margin-top: 60px;
    }
    .yeji{
        margin-top: 60px;
        background-color: #e8e8e8;
        overflow: hidden;
    }
    .yeji .row{
        margin: 60px 0;
    }
    .yeji .row li p{
        font-size: 18px;
        line-height:40px;
        text-align: center;
    }
    .yeji .row li img{
        width: 100%;
        border-radius: 10px;
    }
    /* 技术 */
    .tech{
        margin-top: 60px;
    }
    .tech strong{
        font-size: 18px;
    }
    .tech p{
        padding-left: 28px;
        font-size: 14px;
        line-height: 28px;
        color: #666666;
        margin-top: 5px;
    }
    .tech .row{
        margin-top: 60px;
    }
    .tech .row li{
        margin-bottom: 15px;
    }
    .tech .row li .tech-item{
        padding: 35px 25px 20px;
        background-color: #f3f3f3;
    }
    .tech-title{
        display: flex;
        align-items: center;
    }
    .tech-title img{
        margin-right: 10px;
    }
    /* 底部 */
    .footer{
        padding-top: 140px;
        padding-bottom: 30px;
    }
    .footer .container{
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .logo2{
        display: flex;
        align-items: center;
    }
    .logo2 img{
        margin-right: 20px;
    }
    .logo2 p{
        line-height: 30px;
        color: #fff;
        font-size:18px;
    }
    .fnav{
        display: flex;
        float: left;
    }
    .ewm{
        float: right;
    }
    .fnav li a{
        color: #fff;
        font-size: 20px;
        margin-right: 30px;
    }
    .goSearch{
        cursor: pointer;
    }
    .search-mask{
        width: 100%;
        height: 100%;
        background: rgba(0,0,0,.4);
        position: fixed;
        top: 0;
        left: 0;
        z-index: 9999999;
        display: flex;
        justify-content: center;
        align-items: center;
        display: none;
    }
    .search-mask input{
        height: 40px;
        outline: none;
        border: 1px solid #eaeaea;
    }
    .search-mask input:nth-child(1){
        width: 250px;
        font-size: 16px;
        text-indent: 10px;
    }
    .search-mask input:nth-child(2){
        width: 40px;
    }
    .search-mask button{
        height: 40px;
        width: 40px;
        outline: none;
        border: 1px solid #eaeaea;

    }
    .search-mask input:nth-child(2):hover,.search-mask button:hover{
        opacity: .8;
    }
    /* 内页 */
    .inbanner{
        height: 435px;
    }
    /* 业绩 */
    .inyeji .title{
        margin-top: 60px;
    }
    .inyeji{
        background-color: #fff;
        overflow: hidden;
    }
    .inyeji .row{
        margin: 60px 0;
    }
    .inyeji .row li p{
        font-size: 18px;
        line-height:40px;
    }
    .yeji-item{
        margin-bottom: 20px;
    }
    .yeji-item img{
        width: 100%;
        border-radius: 15px;
    }
    .yeji-item strong{
        font-size: 20px;
        display: block;
        text-align: center;
        line-height: 40px;
    }
    .yeji-item p{
        font-size: 18px;
        line-height: 40px;
        text-indent: 36px;
    }
    /* 产品 */
    .inproduct{
        margin-top: 60px;
    }
    .left-nav{
        width: 20%;
    }
    .left-nav ul{
        background-color: #3172f4;
    }
    .left-nav ul li{
        line-height: 70px;
        font-size: 20px;
        font-weight: bold;
        padding-left: 20px;
    }
    .left-nav ul li a{
        color: #fff;
        border-left: 2px solid #fff;
        padding-left: 15px;
    }
    .insearch{
        margin-top: 25px;
    }
    .insearch .top-t{
        line-height: 30px;
        font-size: 16px;
        padding-left: 20px;
        background-color: #3172f4;
        color: #fff;
    }
    .insearch .ipt-b{
        height: 50px;
        border: 1px solid #eaeaea;
        display: flex;
        align-items: center;
        padding-left: 20px;
        justify-content: center;
    }
    .ipt-b input:nth-child(1){
        height: 36px;
        border: 1px solid #eaeaea;
        border-right: none;
        text-indent: 10px;
    }
    .ipt-b input:nth-child(2){
        background: url('../images/search2.jpg');
        width: 36px;
        height: 36px;
        border: 1px solid #eaeaea;
        outline: none;
        border-left:none;
        cursor: pointer;
    }
    .inproduct .container{
        display: flex;
        justify-content: space-between;
    }
    .right-prolist{
        width: 75%;
    }
    .right-prolist ul li{
        display: flex;
        justify-content: space-between;
        margin-bottom: 30px;
    }
    .right-prolist ul li .leftImg{
        width: 30%;
        border-radius: 10px;
        overflow: hidden;
    }
    .right-prolist ul li .leftImg img{
        width: 100%;
    }
    .right-prolist ul li .righttext{
        width: 67%;
        position: relative;
    }
    .right-prolist ul li .righttext strong{
        font-size: 35px;
        line-height: 60px;
        font-weight: normal;
    }
    .right-prolist ul li .righttext p{
        font-size: 16px;
        line-height: 30px;
    }
    .right-prolist ul li .more{
        position: absolute;
        left: 0;
        bottom: 0;
        font-size: 16px;
    }
    /* 固定产品 */
    .pro-fixed-list{
        position: fixed;
        left: 0;
        bottom: 40%;
        z-index: 99999;
    }
    .pro-fixed-list div{
        width: 200px;
        height: 70px;
        background-color:#2f70f2;
        font-size: 20px;
        line-height: 70px;
        text-align: center;
        margin-bottom: 5px;
    }
    .pro-fixed-list div:hover{
        opacity: .8;
    }
    .pro-fixed-list a{
        display: block;
        width: 100%;
        height: 100%;
        color: #fff;
    }
    .tel-nav{
        display: none;
    }

    .lx_fs{width:100%; padding:60px 0;}
    .lx_fs .row{margin:0 -20px;}
    .lx_fs .col-lg-5{padding:0 20px;}
    .lx_fs .col-lg-7{padding:0 20px;}
    .lx_fs .n_r h1{font-size:22px; color:#333; margin-bottom:15px;}
    .lx_fs .n_r .row{margin:0 -10px;}
    .lx_fs .n_r .col-12{padding:0 10px;}
    .lx_fs .n_r em{width:30px; height:1px; background-color:#333; display:block; margin-bottom:30px;}
    .lx_fs .n_r p{line-height:26px;}
    .lx_fs .n_r p img{max-width:120px; height:auto; display:block;}
    .lx_fs .n_r input.w_z{width:100%; height:40px; border:1px solid #333; padding:0 10px; line-height:38px; color:#555; display:block; margin-bottom:20px;}
    .lx_fs .n_r input.a_n{width:150px; height:40px; background-color:#2F70F2; font-size:16px; line-height:40px; color:#fff; text-align:center; display:block;}
    .lx_fs .n_r textarea{width:100%; height:66px; border:1px solid #333; padding:6px 10px; line-height:26px; color:#555; display:block; margin-bottom:20px; resize:none;}
    .lx_fs .n_r span{font-size:14px; line-height:20px; color:#999; display:block; margin-bottom:10px;}
    @media only screen and (max-width:1024px){
    .lx_fs .row{margin:0 -30px;}
    .lx_fs .col-md-4{padding:15px 30px;}
    .lx_fs .n_r h1{font-size:22px;}
    .lx_fs .n_r em{margin-bottom:20px;}
    }
    @media only screen and (max-width:992px){
    .lx_fs{padding:40px 0;}
    .lx_fs .row{margin:0 -15px;}
    .lx_fs .col-md-4{padding:0 15px;}
    .lx_fs .col-md-4:nth-child(2){border:0;}
    .lx_fs .n_r h1{font-size:22px; margin-bottom:10px;}
    .lx_fs .n_r em{margin-bottom:20px;}
    .lx_fs .n_r p{line-height:24px;}
    .lx_fs .n_r input.w_z{height:36px; padding:0 5px; line-height:34px;}
    .lx_fs .n_r input.a_n{height:36px; font-size:16px; line-height:34px;}
    .lx_fs .n_r textarea{height:76px; border:1px solid #333; padding:4px 10px;}
    .lx_fs .n_r span{font-size:12px;}
    }
    @media only screen and (max-width:640px){
    .lx_fs{padding:0 0 40px;}
    .lx_fs .n_r{margin-top:30px;}
    .lx_fs .n_r h1{font-size:18px; font-weight:bold; margin-bottom:15px;}
    }


.pages{width:100%; height:30px; float:left; line-height:30px; text-align:center;}
.pages a{ text-decoration:none; font-family:微软雅黑; margin-left:5px; color:#666; font-size:12px; border:solid 1px #ccc ; padding:5px 8px; }
.pages .current-page{ color:#fff; margin-left:5px; font-size:12px; border:solid 1px #09F; background:#09F; padding:5px 8px; }
.pages span{ text-decoration:none; font-family:微软雅黑; margin-left:5px; color:#666; font-size:12px; border:solid 1px #ccc ; padding:5px 8px; }