/* reset */
html { -webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
img { max-width: 100%; height: auto; vertical-align: top; -ms-interpolation-mode: bicubic; border: 0 ;}
ul { padding-left: 0; list-style-type: none;}
a { -webkit-transition: all 0.3s ease; transition: all 0.3s ease; text-decoration: none; outline: 0;}


/* 等比填充 */
*[class*="rect-"]{position: relative;display: block; width: 100%;height: 0;overflow: hidden; border-radius:105px 105px 105px 105px;width:210px !important; height:210px !important;overflow:hidden !important;}
*[class*="rect-"] ._full{position: absolute;left: 0;top:0;width: 100%;height: 100%; border-radius:105px 105px 105px 105px;
*height: auto;width:210px !important; height:210px !important;overflow:hidden !important;}
.rect-50{padding-bottom: 50%;}
.rect-5625{padding-bottom: 56.25%;}
.rect-60{padding-bottom: 60%;}
.rect-618{padding-bottom: 61.8%;}
.rect-70{padding-bottom: 70%;}
.rect-75{padding-bottom: 75%;}
.rect-80{padding-bottom: 80%;}
.rect-90{padding-bottom: 90%;}
.rect-100{padding-bottom: 100%;}

.cen_projects{width:1180px !important;; height:210px !important;; margin:0 auto;}
.cen_projects li{float:left; position:relative;width:210px !important; height:210px !important;}
.cen_projects li .rect-565{width:210px !important; height:210px !important;border-radius:105px 105px 105px 105px;}
.cen_projects li .cover_bg{background:url(../img/c4_bg.png) left bottom repeat-x;display:block;position:absolute;top:0; left:0; bottom:0;right:0;}
.cen_projects li .tit{width:1px !important; height:1px !important;text-align:center !important;}
.cen_projects li .mask{display:block;position:absolute;left:0;right:0;top:0;bottom:0;background:rgba(255,162,55,1);width:210px !important; height:210px !important; border-radius:105px 105px 105px 105px;opacity:0; filter:alpha(opacity=0);}
.cen_projects li .mask .icoimg{ display:block;width: 44px;height: 44px;position: absolute;top: 40%;left: 50%;margin-left: -22px;bottom:30px;}
.cen_projects li:hover .tit{ transform:translateY(-60%);-webkit-transform:translateY(-60%);font-size:14px;font-weight: normal;color:#fff;position:absolute;bottom:50px;left:0;padding:0 5%;width:90%; z-index: 2;height:24px; line-height: 24px; text-align:center !important;}
.cen_projects li:hover ._full{transform:scale(0.8);-webkit-transform:scale(0.8);width:210px !important; height:210px !important;border-radius:105px 105px 105px 105px; overflow:hidden !important;} 
.cen_projects li:hover .mask{opacity:1; filter:alpha(opacity=100);}
.cen_projects .blanker{width:32px !important; height:210px !important;float:left; position:relative;}