/* CSS Document */

/*产品中心*/
.indexa-content{ padding-bottom:40px;}
.indexa-content ul{ height:280px; overflow:hidden;}
.indexa-content li{ position:relative; width:300px; float:left; overflow:hidden;}
.indexa-img{ width:299px; border-right:1px solid #eee; overflow:hidden;}
.indexa-content ul li:last-child .indexa-img{ border:none; width:300px;}
.indexa-content img{ width:300px; height:200px;}
.indexa-p{ text-align:center; font-size:16px; padding:30px 0; line-height:20px;}
.indexa-ct{ position:absolute; top:0; left:0; text-align:center; height:100%; padding:0 24px; opacity:0; filter:alpha(opacity=0); display:block; width:256px;}
.indexa-ct a{}
.indexa-ct div{ position:absolute; top:280px; left:0; width:100%; height:100%; background:#e60012; opacity:0.7; filter:alpha(opacity=70); z-index:2;
transition:top linear 0.27s;
-webkit-transition:top linear 0.27s;}
.indexa-ct span,.indexa-ct h5,.indexa-ct p{ position:relative; z-index:3;}
.indexa-ct span{ display:inline-block; width:48px; height:48px; background:url(../227/icon.png) 0 -36px no-repeat; border-radius:50%; margin:50px 0; opacity:0; filter:alpha(opacity=0);}
.indexa-ct h5{ font-size:22px; color:#fff; font-weight:normal; margin-bottom:20px; line-height:24px; display:inline-block; overflow:hidden; height:23px; width:100%; opacity:0; filter:alpha(opacity=0);}
.indexa-ct p{ font-size:14px; color:#fff; line-height:24px; text-align:left; height:72px; overflow:hidden; opacity:0; filter:alpha(opacity=0);}

.indexa-content li:hover .indexa-p{ opacity:0; filter:alpha(opacity=0);}
.indexa-content li:hover .indexa-ct{ opacity:1; filter:alpha(opacity=100);}
.indexa-content li:hover .indexa-ct div{ top:0;}
.indexa-content li:hover .indexa-ct span,.indexa-content li:hover .indexa-ct h5,.indexa-content li:hover .indexa-ct p{ opacity:1; filter:alpha(opacity=100);
transition:opacity linear 1s 0.1s;
-webkit-transition:opacity linear 1s 0.1s;}

/*关于金山*/
.indexc{ width:100%; min-width:1200px; background:url(../227/c-bg.jpg) center no-repeat; height:720px;}
.indexc-img{}
.indexc-img p{ padding-top:60px; text-align:center;}
.indexc-img p img{}
.indexc-img h3{ text-align:center; font-size:30px; font-weight:normal; color:#333; line-height:60px; padding-bottom:20px;}
.indexc-con{ position:relative; padding:30px 0;}
.indexc-con-bg{ position:absolute; top:0; left:0; width:100%; height:100%; background:#fff; opacity:0.9; filter:alpha(opacity=90); z-index:1;}
.indexc-con p{ text-align:center; font-size:16px; color:#333; line-height:32px; position:relative; z-index:2;}
.indexc-d{ padding-top:40px;}
.about-more{ margin:0 auto;}
.about-more .more-bg{ opacity:0.8; filter:alpha(opacity=80);}