@charset "utf-8";
.catlog-item{ text-align:center; position:relative; margin-bottom:40px;}
.catlog-item h4{ color: #453F41; font-size:20px; font-family: "Microsoft Yahei" !important; text-transform: uppercase; display: block; margin: 25px 0px 15px 0px; height: 25px;
line-height: 25px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.catlog-item img{ margin:0 auto; border-radius: 50%; border: 10px solid rgb(255, 255, 255); cursor: pointer; -webkit-transition: all .9s; -moz-transition: all .9s; -o-transition: all .9s; -ms-transition: all .9s; transition: all .9s; box-shadow: 0px 0px 10px rgb(221, 221, 221); max-width:100%;}
.catlog-item:hover img { border: 10px solid #A32859;}
.more-item{ position:absolute; display:block; width:90px; height:90px; border-radius: 50%; background:#A32859; line-height:90px; color:#fff; bottom:-40px; left:50%; margin-left:-45px;-webkit-transition: all .9s; -moz-transition: all .9s; -o-transition: all .9s; -ms-transition: all .9s; transition: all .9s;}
.more-item:hover{ color:#fff; background:#323232; text-decoration:none;}

.pecent-title{text-transform: uppercase; color: #453F41; font-size: 1.3em; font-family: "Microsoft Yahei" !important; display: block; margin:31px 0px 21px 0px; border-top:1px solid #ddd; padding-top:21px; border-bottom:1px solid #ddd; padding-bottom:20px;} 
.project-item{ margin-bottom:20px;}
.project-item img{ max-width:100%; webkit-transition: all 1000ms ease-in-out;
-moz-transition: all 1000ms ease-in-out;
-o-transition: all 1000ms ease-in-out;
transition: all 1000ms ease-in-out;}
.project-item:hover img{ transform: scale(1.1, 1.1);
-o-transform: scale(1.1, 1.1);
-moz-transform: scale(1.1, 1.1);
-webkit-transform: scale(1.1, 1.1);}
.project-pic{ text-align:center; overflow:hidden; border:1px solid #ddd; background:#fff;}
.project-pic a{ display:block; overflow:hidden; margin:10px;}
.project-name{ padding:10px 0; line-height:20px; text-align:center; height: 40px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; background:#fff;}