﻿#ry_list{
      width:100%;
      margin:0 auto;
}

#ry_list ul li{
              width:23%;
              height:270px;
              position:relative;
              float:left;
              margin:0 2% 5% 0;
              /*border:2px solid #ccc;*/
              box-shadow:0 0 5px 0 rgba(0,0,0,0.5);
              overflow:hidden;
              padding:15px;

}




/*工程案例*/
.n_txtgch{
      width:100%;
      margin:0 auto;
      float:left;
}
#gch_list{
      width:100%;
      margin:50px auto;
}
#gch_list ul li{
              width:31%;
              position:relative;
              float:left;
              margin:0 1% 50px;
              /*border:2px solid #ccc;*/
              box-shadow:0 0 5px 0 rgba(0,0,0,0.5);
              overflow:hidden;
              padding:5px;
}
#gch_list ul li img{
                  width:358px;
                  height:240px;
                  margin:0 auto;
}
#gch_list ul li:first-child+li+li{
                                  margin-right:0;
}
#gch_list ul li:first-child+li+li+li+li+li{
                                  margin-right:0;
}
#gch_list ul li span{
                   width:100%;
                   height:45px;
                   background:url(../images/gcbg.png) repeat-x scroll 0 0;
                   position:absolute;
                   bottom:0;
                   left:0;
                   font-size:16px;
                   letter-spacing:2px;
                   line-height:45px;
                   color:#fff;
                  
}







#ry_list ul li:first-child+li+li+li{
                                  margin-right:0;
}
#ry_list ul li:first-child+li+li+li+li+li+li+li{
                                  margin-right:0;
}
#ry_list ul li img{
                  max-height:370px;
                  vertical-align:middle;
}
#ry_list ul li span{
                   width:100%;
                   height:40px;
                   background:url(../images/rybg.png) repeat-x scroll 0 0;
                   position:absolute;
                   bottom:0;
                   left:0;
                   padding-top:160px;
                   font-size:16px;
                   color:#fff;
                   display:none;
}
#ry_list h3{
           font-size:22px;
           color:#c70c18;
           text-align:left;
           margin:30px 0 35px;
}
#ry_list h5{
           font-size:16px;
           color:#c70c18;

           text-align:left;
           padding:0 45px;
           margin-top:-15px;
}
#ry_list p{
          font-size:14px;
          color:#666;
          text-align:left;
          line-height:25px;
          padding:3px 0;
}
.lyb{
    width:550px;
    color:#666;
    margin:30px auto;
}

.lyb input{
          width:175px;
          height:35px;
          border:1px solid #ccc;
          border-radius:3px;
          margin:5px 10px;
}
.lyb h4{
       width:60px;
       display:inline-block;
       text-align:right;
       font-size:14px;
       font-weight:500;
}
.lyb span{
         color:#c70b19;
         
}
.lyb textarea{
             border:1px solid #ccc;
             margin:5px 13px;
}
.contectus{
          max-width:1200px;
          margin:30px auto;
}
.contectus .con_l{
                width:38%;
                float:left;
                margin-right:4%;
                
}
.contectus .con_r{
                width:58%;
                float:right;
                
}
.bdmap{
    width:100%;
    height:500px;
    border:#ccc solid 1px;
}

/*应用服务*/
#yy_list{
      width:1200px;
      margin:50px auto;
}
#yy_list img{
            width:409px;
            height:428px;
            float:left;
            margin-right:20px;
}
#yy_list h3{
           font-size:22px;
           color:#c70c18;
           text-align:left;
           margin-bottom:5px;
           
}
#yy_list p{
          font-size:14px;
          color:#666;
          text-align:left;
          line-height:25px;
          padding:3px 10px 0 3px;
}

/*媒体查询*/
@media (min-width:1200px){


}

@media (min-width:992px) and (max-width:1199px){
        #ry_list ul li span{
                   font-size:14px;
        }

}

@media (min-width:768px) and (max-width:991px){
               #ry_list ul li span{
                   font-size:14px;
        }
                #gch_list ul li{
              margin:0 1% 40px;
       }
       #gch_list ul li span{
                   font-size:14px;
                  
       }


}

@media (min-width:480px) and (max-width:767px){
              #ry_list ul li{
              width:48%;

      }
              #ry_list ul li span{
                   font-size:14px;
        }
        #gch_list ul li{
              width:48%;
              margin:0 1% 30px;
       }
              #gch_list ul li span{
                   font-size:14px;
                  
       }
       .contectus .con_l{
                width:100%;
                margin:0 0 20px 0;
                
       }
       .contectus .con_r{
                width:100%;
       
       }
       #gch_list ul li img{
                  height:150px;
                  margin:0 auto;
       }

}

@media (max-width:479px){
       #ry_list ul li{
              width:48%;

      }
              #ry_list ul li span{
                   font-size:12px;
        }
                #gch_list ul li{
              width:48%;
              margin:0 1% 20px;
       }
              #gch_list ul li span{
                   font-size:12px;
                  
       }
              .contectus .con_l{
                width:100%;
                margin:0 0 20px 0;
                
       }
       .contectus .con_r{
                width:100%;
       
       }
              #gch_list ul li img{
                  height:120px;
                  margin:0 auto;
       }


}