#indexPage #mproject .content .header { padding-top:90px; padding-bottom:60px;margin:0 auto; width: 1200px;text-align: center;}
#indexPage #mproject #projectlist { width:1260px; }
#indexPage #mproject #projectlist { width:100%; margin:0 auto;margin-top:-15px }
#indexPage #mproject .content .wrapper { width:1200px; margin: 0 auto;padding-left: 0px;overflow: hidden;}
#indexPage #mproject #projectlist .projectitem { transition: all ease-out .3s;width:380px;  height:360px; background:none; margin: 0 30px 25px 0; }
#indexPage #mproject #projectlist .projectitem a::after{conter'';display:block;clear: both;}
#indexPage #mproject #projectlist .projectitem:hover {box-shadow: 0px 7px 17px #dedede;}

#projectlist .projectitem a:hover .project_info { background:none }
#indexPage #mproject #projectlist .projectitem a .project_info div {margin-bottom:35px;height:170px; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; position:absolute; bottom:0px; top:auto; width:100%; background:#fff; }
#indexPage #mproject #projectlist .projectitem a .project_info p { width:auto; text-align:left; }
#indexPage #mproject #projectlist .projectitem a .project_info .title { font-size: 16px;color: #3C3C3C;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;height: 32px;line-height: 32px;text-align: center;margin:0px;padding-top:32px;margin: 0 auto;width: 50%;}
#servicelist { width:1200px; overflow:hidden; padding-top:10px; }
#indexPage #mproject .content .subtitle{display: block;  width: 478px;     color: rgba(191, 191, 191, 0.91);font-size: 14px;margin: 0 auto; border-bottom: 1px #ececec solid;padding-bottom: 10px;margin: 0 auto;}
/*#indexPage #mproject .content .subtitle::after{ content:''; background-color:rgba(44, 102, 204, 0.82);width: 9px; height: 9px;display: block;    border-left: 7px #F7F7F7 solid;    border-right: 7px #F7F7F7 solid;
    position: relative;top: 15px; left: 228px;}*/
#indexPage #mproject .content .wrapper {
    width: 1200px;
    margin: 0 auto;
    padding-left: 0px;
    overflow: hidden;
}
#indexPage #mproject #projectlist .projectitem {
     transition: all ease-out .3s;
     width: 380px;
    width: 370px\9;
     height: 360px;
     background: none;
     margin: 0 30px 0px 0;
    margin: 0 30px 0px 0;
    float: left;
 }
#projectlist .projectitem a {
      display: block;
      overflow: hidden;
  }#indexPage #mproject #projectlist .projectitem a img {
       overflow: hidden;
   }
#projectlist .projectitem a img {
        position: relative;
        perspective: 150;
        -webkit-perspective: 150;
    }
#projectlist .projectitem a img {
         float: none;
         width: 100%;
         height: auto;
         transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
#indexPage .projectitem a .project_info {
    top: 35px;
}
#projectlist .projectitem a .project_info {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0);
    position: absolute;
    left: 0;
    top: 0;
    transition: all ease-out .3s;
}#indexPage #mproject #projectlist .projectitem a .project_info div {
     margin-bottom: 20px;
     height: 50px;
     transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
     position: absolute;
     bottom: 0px;
     top: auto;
     width: 100%;
     background: #fff;
 }
#projectlist .projectitem a .project_info div {
    position: relative;
    top: 50%;
    margin-top: -15px;
}
#indexPage #mproject #projectlist .projectitem a .project_info .title {
    font-size: 16px;
    color: #3C3C3C;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    height: 32px;
    line-height: 32px;
    text-align: center;
    margin: 0px;
    padding-top: 32px;
    margin: 0 auto;
    width: 50%;
}
#indexPage #mproject #projectlist .projectitem a .project_info p {
    width: auto;
    text-align: left;
}
#projectlist .projectitem a .project_info p.title {
    margin-top: 10px;
    color: rgba(0, 0, 0, 0);
    font-size: 16px;
    transition: all ease-out .3s;
}
#projectlist .projectitem a .project_info p {
    text-align: center;
    color: #fff;
    padding: 0 20px;
}
#indexPage #mproject #projectlist .projectitem a .project_info .subtitle {
    border: 0px red solid;
    transition: all ease-out .3s;
    -webkit-transform-origin: center bottom;
    -moz-transform-origin: center bottom;
    transform-origin: center bottom;
    opacity: 1;
    -webkit-transform: rotateX(0deg);
    position: absolute;
    left: 19%;
    top: -40px;
    color: #FFFFFF;
    width: 60%;
    height: 40px;
    line-height: 40px;
    overflow: hidden;
    font-size: 15px;
    text-align: center;
    padding: 0px;
    background: rgba(48, 93, 195, 0.87);
    transform: rotateX(90deg);
    -webkit-transform: rotateX(90deg);
    margin: 0px;
    padding: 0 1%;
}#indexPage #mproject #projectlist .projectitem a .project_info p {
     width: auto;
     text-align: left;
 }
#indexPage #projectlist .projectitem a .project_info p.description.hide {
    line-height: 23px;
}
#projectlist .projectitem a .project_info p.description.hide {
    display: block;
    color: #afafaf;
    font-size: 13px;
    padding-top: 20px;
    text-align: center !important;
    line-height: 22px;
    height: 40px;
    padding-top: 16px;
    overflow: hidden;
}
#projectlist .projectitem a .project_info p {
    text-align: center;
    color: #fff;
    padding: 0 20px;
}


.module_mo{display: none !important;}

@media screen and (max-width: 768px){
    #indexPage #mproject .content .header { padding-top:20px; padding-bottom:20px;margin:0 auto; width: 100%;text-align: center;}
    #servicelist { width:100%; overflow:hidden; padding-top:10px; }
    .fw {
        margin: 0 auto;
        width: 100%;
    }
    #mservice{display: none;}
    #indexPage #mproject .content .subtitle{display: block;  width: 100%;color: rgba(191, 191, 191, 0.91);font-size: 14px;margin: 0 auto; border-bottom: 1px #ececec solid;padding-bottom: 10px;margin: 0 auto;}
  /*  #indexPage #mproject .content .subtitle::after{ content:''; background-color:rgba(44, 102, 204, 0.82);width: 9px; height: 9px;display: block;    border-left: 7px #F7F7F7 solid;    border-right: 7px #F7F7F7 solid;
        position: relative;top: 15px; left: 228px;}*/
    .module_mo{display: block !important;}
    .module_pc{display: none !important;}



}