/* 关于我们 style */
.aboutUs{
    width: 100%;
}
 .b-title{
     margin: 20px auto;
 }
 .b-title-name{
     position: relative;
     width: 100%;
     height: 80px;
     line-height: 48px;
     background: url(../images/bigTBg.png) no-repeat top left;
 }
 .b-title-name b{
     position: relative;
     left: 18px;
     top: 13px;
     color: #000000;
     font-size: 28px;
     line-height: 24px;
     font-weight: bold;
 }
 .b-title-name p{
     position: relative;
     margin-left: 215px;
     width: 30%;
     height: 24px;
     font-size: 12px;
     line-height: 16px;
     color: #818181;
 }
 /* 关于我们 style end*/
.newbox_content .newbox_content_text{
    font-size: 14px;
    color: #717171;
    line-height: 24px;
}
 .aboutBtn{
     margin: 30px 0;
 }
 .aboutBtn .gengduo{
     display:inline-block;
     margin: 30px 20px 30px 0;
     color: #fff;
     text-align: center;
     background-color: #e9ac06;
 }
 .aboutBtn img{
     width: 90%;
     margin: 30px 0;
 }
 .module-context .mb50{
     background: url("../images/aboutR.png") no-repeat bottom left;
     -webkit-background-size: 100% 100%;
     background-size: 100% 100%;
     text-align: center;
 }
 .mb50 img{
     width: 94%;
     padding: 8px 0 30px;
 }
 /* 关于我们end */
 /* 企业文化*/
.culture{
    width: 100%;
    padding: 20px 0;
    background-color: #f2f2f2;
}
.mt1200 .b-title-name p{
    position: absolute;
    top: 46px;
    left: 0;
    width: 100px;
}
.per33{
    width: 90%;
    margin: 15px auto;
    padding: 15px 0;
    border-bottom: 1px dashed #9d9d9d;
}
 .per33 .peitu{
    padding: 5px 0;
}
 .per33 .content h3{
     padding: 6px 0;
 }
 .per33 .content h4{
     width: 100%;
     color: #717171;
     font-size: 14px;
     line-height: 20px;
 }
 /* 企业文化  end */
 /* 项目展示 */
 #www_zzjs_net {
    width: 100%;
    height: 744px;
    min-height: 25px;
    line-height: 25px;
    overflow: hidden;
}  
#indemo {
    float: left;
    width: 800%;
}
#indemo .row {  
  margin-right: 0;  
  margin-left: 0;  
 
}

#demo1 {
    width: 320px;
    float: left;
}
#demo2 {
    width: 320px;
    float: left;
}
 .proItem{
     margin: 20px 0;
     padding: 5px;
     background-color: #fff;
     border: 1px solid #ccc;
     box-shadow: 0 3px 3px 0 #d6d6d6;
     transition: border 0.3s linear;
 }
 .proItem:hover{
     border: 1px solid #fdb801;
     transition: border 0.3s linear;
 }
 .ridesAll .imgzz{
     width: 96%;
     overflow: hidden;
     margin: 10px auto;
 }
 .ridesAll .imgzz img{
     width: 100%;
     transform: scale(1);
     transition: transform .3s linear;
 }
 .ridesAll>div:hover  .imgzz img{
     transform: scale(1.2);
     transition: transform .3s linear;
 }
 .imgzz{
     position: relative;
     background-color: rgba(0,0,0,.3);
 }
 .imgzz::before {
     position: absolute;
     content: "";
     width: 90%;
     margin: 10px auto;
     height: calc(100% - 50px);
     margin-top: 20px;
     margin-left: 20px;
     border: 1px solid transparent;
     transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
     z-index: 999;
 }
 .ridesAll>div:hover .imgzz::before {
     border: 1px solid #fff;
     transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
 }
 .imgzz::after {
     margin: 0 auto;
     display: inline-block;
     position: absolute;
     top: 0px;
     left: 1px;
     content: '';
     width: 40px;
     height: 40px;
     line-height: 40px;
     background: url(../images/jia.png);
     transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
     opacity: 0;
     z-index: 999;
 }
 .ridesAll>div:hover .imgzz::after {
     top: 30px;
     transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
     opacity: 1;
 }
 .itemP{
     margin: 10px 0;
     height: 36px;
     line-height: 36px;
     overflow: hidden;
     white-space: nowrap;
     text-overflow: ellipsis;
     text-align: center;
     font-size: 15px;
     color: #717171;
     text-transform: capitalize;
 }
 .proItem:hover  .itemP{
     color: #f3aa09;
     transition: color .3s linear;
 }
 .ridesAll .morebtn:hover img{
     box-shadow: 3px 3px 3px 3px #8c8c8c;
     border-radius: 24px;
 }
 .spromore {
     margin: 20px auto 40px;
 }
 .gengduo {
     width: 110px;
     height: 40px;
     display: block;
     font-size: 14px;
     font-weight: bold;
     line-height: 40px;
     text-align: center;
     background: #e9ac06;
     color: #fff;
     border: 1px solid #e9ac06;
     transition: all .25s;
     margin-top: 20px;
     margin-bottom: 40px;
 }
 /* 项目展示end */
 /* 新闻 */
 .news{
     margin-top: 30px;
 }
 .newsItems{
     margin-top: 30px;
 }
 .newsTit h1{
     display: inline-block;
     height: 36px;
     font-weight: bold;
     line-height: 30px;
     font-size: 30px;
     color: #4c4c4c;
     background: none;
     border-bottom: none;
     float: none;
 }
 .newlist {
     height: 160px;
     margin: 0 2%;
 }
 .newlist .date {
     color: #4c4c4c;
     width: 62px;
     height: 94px;
     text-align: center;
     background: url(../images/rl.jpg) no-repeat left top;
     margin-right: 30px;
 }
 .newlist .date .yearmonth {
     margin-top: 18px;
     font-size: 10px;
     line-height: 15px;
 }
 .newlist .date .day {
     font-size: 30px;
     line-height: 40px;
 }
 .newlist .news {
     width: calc(100% - 110px);
     overflow: hidden;
     margin-right: 15px;
 }
 .newlist .news .title {
     height: 33px;
     overflow: hidden;
     white-space: nowrap;
     text-overflow: ellipsis;
 }
 .newlist .news .title a {
     font-size: 13px;
     line-height: 33px;
     color: #2c3e50;
     font-weight: bold;
 }
 .newlist .sum {
     height: 90px;
     overflow: hidden;
 }
 .newlist .news .sum a {
     color: #a5a5a5;
     font-size: 13px;
     line-height: 22px;
 }
 .newsItems .gengduo{
     margin-left: 30px;
 }
 /* 新闻 end */
 /* 设计案例 */
 .scase{
     margin-top: 30px;
 }
 .scase li {
     height: 160px;
 }
 .scase .product_img {
     width: 230px;
     float: left;
 }
 .scase .product_img_box{
     text-align: center;
 }
 .scase .product_img img {
     max-width: 76%;
     max-height: 76%;
 }
 .scase .product_text {
     width: calc(100% - 230px);
     float: right;
 }
 .scase .product_text .product_text_title {
     color: #2c3e50;
     overflow: hidden;
     white-space: nowrap;
     text-overflow: ellipsis;
     margin: 5px 0;
     font-size: 13px;
     font-weight: bold;
 }
 .scase .product_text .product_text_summary {
     color: #999;
     height: 90px;
     overflow: hidden;
 }
 .scase .gengduo{
     margin-left: 30px;
 }
 /* 设计案例 end*/
 /* 小型设备（手机，480px 起） */
 @media (min-width: 480px) {
     .b-title-name p{
         width: 51%;
     }
     .aboutBtn img{
         width: 60%;
     }
     .mt1200 .b-title-name p{
         width: 258px;
     }
      #www_zzjs_net { 
        height: 766px; 
    }
     #demo1 {
        width: 470px; 
    }
    #demo2 {
        width: 470px; 
    }

 }
 @media (min-width: 695px) {
     .b-title-name p {
         width: 64%;
     }
     
      #demo1 {
        width: 680px; 
    }
    #demo2 {
        width: 680px; 
    }
 }
 /* 小型设备（平板电脑，768px 起） */
 @media (min-width: 768px) {
     .mb50 img {
         padding: 8px 0 39px;
     }
     .mt1200 .b-title-name p {
         left: 30px;
         width: 524px;
     }
     .per33{
         border-bottom: 0;
     }
     #www_zzjs_net {
       height: 737px;
    }
      #demo1 {
        width: 758px; 
    }
    #demo2 {
        width: 758px; 
    }
 

 }

 /* 中型设备（台式电脑，992px 起） */
 @media (min-width: 992px) {
     .b-title-name p {
         width: 49%;
     }
    .module-context .mb50{
        margin-top: 80px;
    }
     .mb50 img {
         width: 92%;
     }
     .mt1200 .b-title-name p {
         width: 644px;
     }
     #www_zzjs_net {
          height: 511px;
    }
      #demo1 {
        width: 980px; 
    }
    #demo2 {
        width: 980px; 
    }

 }

 /* 大型设备（大台式电脑，1200px 起） */
 @media (min-width: 1200px) {
    .move-monitor{
        width: 1200px;
        margin: 20px auto;
    }
     .b-title-name p {
         width: 61%;
     }
     .module-context .mb50 {
         margin-top: 34px;
     }
     .aboutBtn img {
         width: 75%;
         margin: 30px 0;
     }
     .mt1200 .b-title-name p {
         width: 902px;
     }
     .per33 .peitu{
        float: left;

     }
     .per33 .content{
         width: 73%;
         float: right;
     }
     .per33 .content h3{
         margin: 0 0 13px;
         font-size: 14px;
         color: #2c3e50;
         font-family: "微软雅黑";
         font-weight: bold;
     }
     #www_zzjs_net {
        width: 1164px;  
        height: 527px;
    }
    #demo1 {
      width: 1124px; 
    }
    #demo2 {
        width: 1124px; 
    }
 }