#indexPage #mproject{background-color:#131313}

#projectlist .wrapper{margin-left:0.6%;margin-right:auto}

.npagePage #projectlist .projectitem{width:280px;margin-right:20px;margin-bottom:40px}

.npagePage #projectlist .wrapper{margin-left:auto;margin-right:-20px}

::-webkit-scrollbar-track-piece{width:8px;background-color:#0b0c11}

::-webkit-scrollbar{width:8px;background-color:#e71822}

::-webkit-scrollbar-thumb{width:8px;background-color:#e71822}

::-webkit-scrollbar-thumb:hover{width:8px;background-color:#3d3d3d}

#indexPage #mproject .bgmask{background-color:rgba(0,0,0,0.8)}

#projectimages{background:#0E0E0E none repeat scroll 0% 0%}

#projectlist .projectitem a:hover .project_info p.title{color:#e71a1f}

#projectinfo .header{padding:0;border-bottom:#404040 1px dotted}

.npagePage #projectlist{width:1180px;margin:0 auto}

#projectinfo .description a{background:#FF0500}

#projectinfo .description a:hover{background:#E90500}





#projecttags a {background: #272727;}

#projecttags a:hover {background: #2A2A2A;}





.content .header{ padding-top:80px; padding-bottom:50px}.content .header p{ text-align:center;}.content .header p.title{ color:#444; font-size:26px}.content .header p.subtitle{ color:#c1c1c1; font-size:12px;line-height: 30px;}

#category{ text-align:center; padding-bottom:50px}#category li{display:inline-block}#category li.hasmore{ height:107px}#category li.hasmore div{ position:absolute; width:100%;left:0}#category li.hasmore div ul{ text-align:center; margin-top:20px; padding-top:20px; border-top:rgba(0,0,0,0.10) 1px solid}#category a{ line-height:16px; height:16px; padding:8px 16px; color:#616161; border:#d2d2d2 1px solid; margin-right:2px; display:inline-block;}#category li.hasmore div ul a{ border:none}#category a.active,#category a:hover{ background:#EF4136;color:#fff; border-color:#EF4136}#category li.hasmore div ul a.active,#category li.hasmore div ul a:hover{ background:#7d7d7d;color:#fff}

#indexPage #mproject {background-color:rgba(255,255,255,.8);}#indexPage #mproject{ background-color:#f3f3f3;}#projectlist .projectitem{ width:25%; height:auto; float:left; position:relative; background::#000}#projectlist .projectitem a{ display:block; overflow:hidden}#projectlist .projectitem a img{ width:100%; height:auto; transition:all ease-out .3s}#projectlist .projectitem a:hover img{ transform:scale(1.2,1.2);-moz-transform:scale(1.2,1.2); -webkit-transform:scale(1.2,1.2); -o-transform:scale(1.2,1.2); }#projectlist .projectitem .project_info{ width:100%; height:100%; background:rgba(0,0,0,0); position:absolute; left:0; top:0; transition:all ease-out .3s;}#projectlist .projectitem a:hover .project_info{background:rgba(0,0,0,.7)}#projectlist .projectitem .project_info p{ text-align:center; color:#fff; padding:0 20px}#projectlist .projectitem .project_info div{ position:relative;top:50%; margin-top:-15px}#projectlist .projectitem .project_info p.title{margin-top:10px; color:rgba(0,0,0,0); font-size:14px; transition:all ease-out .3s; }#projectlist .projectitem a:hover .project_info p.title{margin-top:0px; color:#fff;}#projectlist .projectitem .project_info p.subtitle{margin-top:16px; color:rgba(0,0,0,0); font-size:12px; transition:all ease-out .3s;}#projectlist .projectitem a:hover .project_info p.subtitle{margin-top:0px; color:#b7b7b7; font-size:12px }#projectmore{ width:100%; height:150px; line-height:150px; text-align:center; font-size:20px; color:#fff; display:block; background:#343434;transition:all ease-out .3s;text-indent: 0px; position:relative; z-index:1}#projectmore:hover { width:100%; height:150px; line-height:150px; text-align:center; font-size:20px; color:#fff; display:block; background:##EF413;text-indent:-50px;}





.hei430{height: 430px;}

.competitissons2{width: 0px;height: 0px;overflow: hidden;display: none;}

.banner_top{width: 0px;height: 0px;overflow: hidden;display: none;}

.competitissons23{width: 0px;height: 0px;overflow: hidden;display: none;}

.codeposition{position: absolute;right: 0px;top: 0px;}