body {margin:0;padding:0;overflow-x: hidden;overflow-y: scroll;line-height: 24px;font-family: "PingFang SC", "Microsoft Yahei", "Helvetica Neue", Helvetica, STHeiTi, sans-serif}

ul,li{margin:0;padding:0;list-style:none;}
a{text-decoration: none;}
.top{margin:0 auto;width:1440px;height:120px;}
.top .logo{float:left;width:300px;}
.top .logo img{margin-top:20px;}
.top .type{float:left;margin-left:400px;width:740px;}
.top .type ul li{float:left;height:120;line-height:120px;}
.top .type ul li a{margin:0 20px;font-size:20px;text-decoration:none;color:#000;}
.top .type ul li a:hover{color:red;}
.top .type .tel{height:120;line-height:120px;text-align:right;font-size:20px;background:url(../images/tel.png) no-repeat 570px 47px;}


/*底部样式*/
.footer{margin:0 auto;width:1920px;height:720px;background:#3c3636;}
.footer .footer1{margin:0 auto;padding-top:95px;width:1440px;height:385px;}
.footer .footer1 .left{padding-top:50px;float:left;width:49%;height:100%;color:#fff;font-size:24px;border-right:4px solid #fff;}
.footer .footer1 .left .title1{margin-bottom:75px;}
.footer .footer1 .left .title2{margin-top:35px;}
.footer .footer1 .right{padding-top:50px;float:left;width:50%;height:100%;}
.footer .footer1 .right .title{margin-bottom:75px;color:#fff;font-size:24px;text-align:center;}
.footer .footer1 .right .list1{margin:0 auto;width:90%;}
.footer .footer1 .right .list1 ul li{float:left;width:25%;text-align:center;}
.footer .footer1 .right .list1 ul li p{color:#fff;font-size:24px;}
.footer .link{margin-top:110px;width:100%;height:80px;text-align:center;color:#fff;font-size:24px;}
.footer .link a{margin-top:110px;color:#ccc6c6;font-size:24px;text-decoration:none;}
.footer .link a:hover{color:red;}
.footer .link span{margin:0 30px;}
.footer .banquan{width:100%;height:100px;line-height:100px;text-align:center;background:#000;color:#fff;font-size:24px;}



.rinfo{position: fixed;top: 35%;transform: translateY(-50%);right: 0;z-index: 99999999;}
.rinfo_{position: relative;}
.rinfo_a{width: 400px;height: 100px;position: absolute;top: 110px;left: -80px;opacity: 0.9;background-image: url("../images/kefu.png");background-size: 70px 110px;background-position: 5px 0px;background-repeat: no-repeat;border-top-left-radius: 10px;border-bottom-left-radius: 10px;transition: left 0.5s linear 0s;border: 1px solid #ccc;background-color: #fff;}
.rinfo_b{width: 290px;height: 100px;position: absolute;top: 0;left: -80px;opacity: 0.9;background-image: url("../images/tele.png");background-size: 70px 110px;background-position: 5px 0px;background-repeat: no-repeat;border-top-left-radius: 10px;border-bottom-left-radius: 10px;transition: left 0.5s linear 0s;border: 1px solid #ccc;background-color: #fff;}
.rinfo_aewm{width: 300px;height: 100px;padding: 0px;background-color: #fff;text-align: center;position: absolute;bottom: 0;left: 80px;}
.rinfo_bnum{width: 210px;height: 100px;text-align: center;background-color: #ec3011;color: #ffffff;font-size: 26px;line-height: 100px;position: absolute;bottom: 0;left: 80px;right: 0;top: 0;}
.rinfo_a:hover{left: -380px;opacity: 1;}
.rinfo_b:hover{left: -290px;opacity: 1;}

.right_fudong{position:fixed;top:20%;right:0;z-index:99999;}
.right_fudong .right_show{margin-top:5px;padding-top:25px;width:80px;height:105px;text-align:center;background:#fff;border:1px solid #ccc;border-top-left-radius:10px;border-bottom-left-radius:10px;}
.right_fudong .right_show a{text-decoration:none;color:#ea4c14;font-size:24px;}

/*首页滚动图*/
.swiper-container {width: 100%;height: 100%;}
.swiper-slide {text-align: center;font-size: 18px;background: #fff;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;}


/*首页关于我们*/
.case{margin-top: 100px;}
.h-h2 {font-size: 30px;line-height: 150%;color: #e71b1c;background-image: url(/img/h.png);background-repeat: no-repeat;background-position: center bottom;padding-top: 0;margin-top: 0;padding-bottom: 22px;}
.h-h2 span{font-size: 22px;margin-left: 15px;}
.h-h2 a{float: right;font-size: 20px;color: #e71b1c;font-weight: normal;margin-top: 15px;}


/*首页作品案例*/
.list-anli{margin:0 auto;width:1440px;height:100%;}
.list-anli .content {margin: 0 auto;box-sizing: border-box;}
.list-anli .news-bd-menu{text-align: center;margin-top: 70px;font-weight: 600;}
.list-anli .news-bd-menu span{font-size: 22px;}
.list-anli .news-bd-menu a{color: #020001;display: inline-block; font-size: 25px;line-height: 25px;width: 100px;text-align: center;border-radius: 12px;}
.news-bd-menu a.show {color: #e71b1c;}


.list-anli .on{border-bottom: initial; margin: 0px 0px;}
.list-anli ul{background: #e6e6e6;}
.list-anli ul li{margin-top: 70px;width:100%;height:472px;}
.list-anli ul li .left{float:right;width:58%;}
.list-anli ul li .left img{width:830px;height:470px;border: 1px solid #eaeaea;margin-left: 5px;}
.list-anli ul li .right{float:left;width:39%;}
.list-anli ul li .right a{text-decoration:none;color: #000;}
.list-anli ul li .right .show{height:220px;font-size:20px;line-height:45px;color:#605a5a;margin-left: 50px;margin-top: 30px;border-bottom: 2px solid #e71b1c;margin-bottom: 40px;}
.list-anli ul li .right .btn{padding-left:50px;width:255px;height:70px;line-height:70px;background:#e71b1c url(../images/shou.png) no-repeat 50px 15px;border-radius:20px;font-size:24px;color:#fff;text-align:center;margin-left: 140px;}


.w1420 {width: 1440px;margin: 0 auto;}
.i-listb {
    padding: 50px 0 0 0;
    background: #fff;
    background-color: rgb(255, 255, 255);
    position: relative;
    z-index: 1;
}

.i-listb .workbox {
    display: flex;
    flex-flow: row wrap;
    justify-content: left;
    align-items: center;
  }
  .i-listb .workbox .li-img{
    width: 23%;
    margin-right:2.66%;
  }
  
  .i-listb .workbox .li-img:nth-child(n+5){
  margin-top:2.66%;
  }
  
  
  .i-listb .workbox .li-img:nth-child(4n) {
    margin-right: 0;
  }
  .i-listb .workbox .text {
    padding: 10px;
    border-top: none;
    border: 1px solid #e5e5e5;
    text-align: center;
    font-size: 20px;
  }
  .i-listb .workbox .time {
    font-size: 14px;
    line-height: 1.5;
    padding-left: 30px;
    color: #666;
    position: relative;
    margin-bottom: .5rem;
    font-family: "Arial";
  }
  .i-listb .workbox .time:before {
    content: "";
    position: absolute;
    width: 20px;
    height: 1px;
    left: 0;
    top: 50%;
    background: #ccc;
  }
  .i-listb .workbox .tit1 {
    color: #333;
    padding-bottom: .4rem;
    border-bottom: 1px solid #e5e5e5;
  }
  .i-listb .workbox .bot {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    align-items: center;
    height: 40px;
    color: #999;
  }
  .i-listb .workbox .bot img {
    width: 19px;
    height: 16px;
  }
  .i-listb .workbox .img {
    position: relative;
    display:block;
  }
  .i-listb .workbox .img .p {
    position: absolute;
    display: inline-block;
    width: 80px;
    color: #fff;
    padding-left: 20px;
    background: url(../images/img4.png) no-repeat left center;
    top: 50%;
    left: 50%;
    margin-left: -40px;
    margin-top: -10px;
    opacity: 0;
    transform: translate(0, -20px);
    transition: all .3s ease-in-out;
  }
  .i-listb .workbox .li-img:hover .img .p {
    opacity: 1;
    transform: translate(0, 0);
  }
  .i-listb .workbox .li-img .img img{
    /* -webkit-filter: grayscale(100%);
     -moz-filter: grayscale(100%);
     -ms-filter: grayscale(100%);
     -o-filter: grayscale(100%);
     filter: grayscale(100%);*/
     filter: gray;
     transition: all .3s ease-in-out;
     width: 330px;
     height: 400px;
 }
 .i-listb .workbox .li-img:hover .img img{
   -webkit-filter: grayscale(0%);
   -moz-filter: grayscale(0%);
   -ms-filter: grayscale(0%);
   -o-filter: grayscale(0%);
   filter: grayscale(0%);
   filter: gray;
 }

 .li-img .img {
    overflow: hidden;
}


/*首页新闻动态*/
.list-case{margin:0 auto;width:1440px;height:100%;}

.list-case .wbox{margin-top: 50px; width: 100%;height: 420px;}
.list-case .wbox .left{float: left;width: 40%;}
.list-case .wbox .left img{width: 570px;height: 355px;border: 1px solid #eaeaea;}
.list-case .wbox .right{float: right;width: 52%;margin-top: 20px;}
.list-case .press-release {float: left;width: 100%;margin-left: 2%;}
.list-case .press-release-list {width: 100%;margin: 0 auto;height: 174px;}
.list-case .press-release-list li {float: left;width: 100%;height: 35px;line-height: 35px;border-bottom: 1px solid #72696a; padding: 15px 0px 15px 0px;}
.list-case .press-release-list li a {display: block;outline: 0;text-decoration: none;}
.list-case .press-release-list li a i {float: right;width: 21%;font-style: normal;font-size: 20px;color: #999;white-space: nowrap;}
.list-case .press-release-list li a span {float: left;width: 76%;font-size: 20px;color: #0d0d0d;white-space: nowrap;text-overflow: ellipsis; overflow: hidden;}
.list-case .press-release-list li a span:hover{color: #e71b1c;}



/*首页列表*/
.hd{margin:0 auto;width:1920px;height:600px;}
.hd img{width:100%;height:100%;}
.list{margin:0 auto;width:1440px;height:100%;}
.list ul{}
.list ul li{margin-top: 50px;width:100%;height:360px;}
.list .work{margin:50px 0;width:100%;height:400px;}
.list .on{border-bottom: initial; margin: 0px 0px;}
.list ul li .left{float:left;width:40%;}
.list ul li .left img{width:570px;height:355px;border: 1px solid #eaeaea;}
.list ul li .right{float:right;width:52%;}
.list ul li .right .title1{font-size:30px;font-weight:bold;}
.list ul li .right .title2{margin-top:70px;font-size:22px;color:#605a5a;}
.list ul li .right .title3{margin-top:30px;font-size:22px;color:#605a5a;}
.list ul li .right .show{height:350px;font-size:20px;line-height:45px;color:#605a5a;}
.list ul li .right .btn{padding-left:50px;width:255px;height:70px;line-height:70px;background:red url(../images/shou.png) no-repeat 50px 15px;border-radius:20px;font-size:24px;color:#fff;text-align:center;}
.list ul li .right a{text-decoration:none;color: #000;}
.list .pic_right{text-align:right;}

/*首页表单*/
.bg{display:none;z-index:999;background:#000;opacity:0.8;width:100%;height:100%;position:fixed;}
.book{display:none;margin:0 auto;top:20%;left:0;right:0;padding:40px;width:600px;border:2px solid #999;border-radius:20px;position:fixed;z-index:999;background:#fff;}
.book .list{float:left;width:50%;height:150px;font-size:24px;color:#666;}
.book .list .title{height:50px;}
.book .list .title span{color:red;}
.book .list input{border:1px solid #333;border-radius:10px;width:230px;height:40px;line-height:40px;font-size:20px;}
.book .book_title{height:50px;font-size:24px;color:#666;}
.book .book_list{}
.book .book_list ul{}
.book .book_list ul li{float:left;width:25%;height:40px;font-size:20px;color:#666;}
.book .book_list ul li input{width:17px;height:17px;}
.book .book_btn{margin-top:20px;width:100%;height:50px;text-align:center;}
.book .book_btn button{width:200px;height:50px;line-height:50px;background:red;border:0;border-radius:10px;color:#fff;font-size:24px;cursor: pointer;}
.book .close{position:absolute;top:15px;right:20px;border-radius:20px;padding:5px 10px;background:#eee;cursor:pointer;}
.book .close:hover{background:red;color:#fff;}

/*分页样式*/
.pager{width: 100%;color: #0f0b09;line-height: 24px;padding: 30px 0;font-size: 24px;text-align: center;opacity: .3}
.pager a,
.pager span{text-decoration: none;height: 49px;line-height: 49px;display: inline-block;margin: 0 5px;font-size: 24px; width:155px;}
.pager a:hover{color: #0f0b09;opacity: 1}
.pager a:active{color: #0f0b09}
.pager span.now{color: #0f0b09}
.pager span.prev{color: #0f0b09;background: url("../images/prev.png") space;width: 155px;}
.pager span.next{color: #0f0b09;background: url("../images/next.png") space;width: 155px;}
.current:first-child,
.pager .p1:last-child{display: inline-block;}

.page{ line-height: 24px;font-size: 24px;text-align: center;opacity: .3;width: 100%;height: 50px;float: left;padding-top: 80px;}
.page a{text-decoration: none;height: 49px;line-height: 49px;display: inline-block;margin: 0 5px;font-size: 24px;width: 155px;}
.page span {text-decoration: none;height: 49px;line-height: 49px;display: inline-block;margin: 0 5px;font-size: 24px;width: 155px;}
.page span.next{color: #0f0b09;background: url("../images/next.png") space;width: 155px;}
.page span.prev{color: #0f0b09;background: url("../images/prev.png") space;width: 155px;}