@charset "utf-8";
/* CSS Document */
/*案例*/
.pros { margin:20px 0 0; }
.pros li { float:left; width:176px; margin:10px; height:176px; text-align:center; overflow:hidden; transform:rotate(45deg); }
.pros li a { float:left; width:176px; height:176px; /*background:#fff; */}
.pros li img { width:176px; height:176px; transform:rotate(-45deg); }
.pros li a:hover { float:left; width:176px; height:176px; background:#7c7c7c; -o-transition:all 1s; -moz-transition:all 1s; -webkit-transition:all 1s; -ms-transition:all 1s; border-radius:88px; }
.pros li a h1 { width:176px; height:176px; text-align:center; line-height:180px; font-size:22px; font-weight:normal; color:#fff; }
.pros li a h2 { height:176px; position:relative; margin:-177px 0 0; }
.pros li a:hover h2 { margin:-355px 0 0; -o-transition:all .8s; -moz-transition:all .8s; -webkit-transition:all .8s; -ms-transition:all .8s; transform:rotate(-45deg); }
.pros li a:hover h1 { display:block; transform:rotate(-45deg); }

.prod { margin:20px 0 0; }
.common_title { height:24px; border-bottom:3px solid #068fe7; position:relative; margin:0 0 24px; }
.common_title h4 { line-height:48px; height:48px; font-size:24px; font-weight:normal; text-align:center; color:#fff; background:#068fe7; width:180px; margin:0 auto; overflow:hidden; border-radius:8px; }
.prod ul { padding:10px; }
.prod li { width:450px; padding:9px; border:1px solid #068fe7; border-radius:12px; float:left; height:150px; margin:10px; overflow:hidden; background:#fff; }
.prod h1 { float:right; width:150px; margin:0 0 0 20px; }
.prod img { height:150px; width:150px; }
.prod h2 { line-height:36px; height:36px; border-bottom:1px solid #068fe7; font-size:16px; font-weight:normal; width:280px; }
.prod h2 a { color:#068fe7; }
.prod h3 { color:#068fe7; font-size:14px; font-weight:normal; padding:8px 0 0; }
.prod h3 p { line-height:28px; }
.prod li:hover { background:#068fe7; -moz-transition:all 2s; }
.prod li:hover img { border-radius:75px; }
.prod li:hover h2 { border-bottom:1px solid #fff; }
.prod li:hover h2 a { color:#fff; }
.prod li:hover h3 { color:#fff; }