﻿@import url("base.css");
.cm_block01_bg { height:735px; background:#fff url(../skin/bg01.jpg) no-repeat center bottom;}
.cm_block01 { height:735px; overflow:hidden;}
.cm_block01 h2 { font-size:24px; color:#666; text-align:center; height:40px; line-height:40px; padding-top:50px;}
.cm_block01 h3 { font-size:12px; color:#ccc; text-align:center; height:20px; line-height:20px;}
.cm_block01 ul { position:absolute; top:160px; left:-50px; width:1100px; height:150px;}
.cm_block01 ul li { position:relative; float:left; width:275px; text-align:center;}
.cm_block01 ul li img { display:block; margin:0 auto;}
.cm_block01 ul li .bg { position:absolute; top:0px; left:57px; background:#06c; width:160px; height:160px; font-style:normal; border-radius:160px; color:#fff; line-height:160px; text-align:center; font-size:14px;filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8; display:none;}
.cm_block01 ul li strong { display:block; font-size:16px; color:#06c; padding-top:15px;}
.cm_block01 ul li span { display:block; font-size:12px; line-height:20px; padding:10px 60px;}
.cm_block01 ul li a { color:#999;}
.cm_block01 ul li a:hover { text-decoration:none; color:#06c;}
.cm_block01 ul li a:hover .bg { display:block;}

.cm_block02_bg { height:610px; background:#fff url(../skin/bg02.jpg) no-repeat center bottom;}
.cm_block02 { height:610px; overflow:hidden;}
.cm_block02 h2 { font-size:24px; color:#666; text-align:center; height:40px; line-height:40px; padding-top:50px;}
.cm_block02 h3 { font-size:12px; color:#ccc; text-align:center; height:20px; line-height:20px;}
.cm_block02 ul { position:absolute; top:160px; left:-10px; width:1020px; height:420px;}
.cm_block02 ul li { float:left; width:255px; height:210px; text-align:center;}
.cm_block02 ul li img { display:block; margin:0 auto;}
.cm_block02 ul li strong { display:block; font-size:14px; padding-top:5px; font-weight:normal;}
.cm_block02 ul li a { color:#666;}
.cm_block02 ul li a:hover { text-decoration:none; color:#000;}
.cm_block02 ul li strong{
transition: margin 1s;
-moz-transition: margin 1s;	/* Firefox 4 */
-webkit-transition: margin 1s;	/* Safari 和 Chrome */
-o-transition: margin 1s;
}
.cm_block02 ul li a:hover strong { margin-top:-90px;}
.cm_block02 ul li a:hover img {filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5;}









