@charset "utf-8";
/* CSS Document */
.aboutBg{ width:100%; height:668px; background: url(../images/aboutbj.jpg) center top;}
.aboutMain{ width:960px; height:410px; padding:0 7px 8px 0; background: url(../images/aboutmain.png) no-repeat; margin:0 auto; position:relative; top:70px}
.aboutMainL{ width:480px; height:410px; padding-right:7px; float:left; background: url(../img/bg/aboutline.png) no-repeat right; position:relative; z-index:35}
.inside-tips{
  width: 960px;
  height: 58px;
  margin: 0 auto;
  padding-top: 25px;
}
.inside-tips h2{
  font-size: 30px;
  line-height: 50px;
  color: #fff;
}
.inside-tips h3{
  font-size: 24px;
  line-height: 40px;
  color: #fff; text-indent:60PX;
}
.aboutBox{ width:240px; height:188px; padding-top:17px; position:relative; float:left; background:#fff;}
.aboutBox h2{ font:bold 16px/40px "微软雅黑"; color:#40444c; text-align:center}
.aboutBox a.more{ display:inline-block; font:bold 12px/26px "微软雅黑"; color:#40444c; background:#f8f8f8; padding:0 18px; border:1px solid #eaeaea; position:absolute; bottom:21px; left:75px}
.aboutMainL .honor{ background:#0f9593; overflow:hidden}
.honorFloat{ height:188px; position:absolute; left:-210px; opacity:0;}
.aboutMainL .honor h2{ color:#fff}
.aboutMainL .honor a.more{ color:#fff; background:none; border:1px solid #3d82c0}
.aboutHonor{ width:192px; padding:0 24px}
.aboutHonor a,.aboutHonor p{ color:#fff}
.aboutCul{ width:240px; position:relative;}
.aboutCul li{ width:240px; position:absolute; top:0; left:18px; padding-right:10px; display:none}
.aboutCul h3{ font:bold 14px/25px "微软雅黑"}
.aboutCul .number{ height:8px; position:absolute; top:-33px; right:17px}
.aboutCul .number span{ display:inline-block; width:8px; height:8px; cursor:pointer; float:left; margin-left:2px; background: url(../images/sign03.jpg) no-repeat;}
.aboutCul .number span.on{ background: url(../images/sign03_h.jpg) no-repeat;}
.aboutStr{ padding:0 10px 0 18px;}
.aboutStr h3{ font:bold 14px/25px "微软雅黑"}
.aboutBoxShow{ width:240px; height:188px; position:relative; left:-240px}
.str{ position:relative; overflow:hidden;}
.devBox{ background: url(../images/pic28.jpg) no-repeat;}
.devBox h2{ color:#fff}
.aboutDev{ padding:7px 25px; position:relative; top:50px; opacity:0}
.aboutDev a{ display:inline-block; position:relative; z-index:35; line-height:20px; color:#fff}
.aboutDev p{ color:#fff}
.aboutDevbg{ width:240px; height:54px; background:#1c6cb4; filter:alpha(opacity=35); opacity:0.35; position:absolute; top:0; left:0; z-index:30}
.aboutMainR{ width:480px; height:410px; float:left; margin-left:-7px; position:relative; overflow:hidden; background:#0f9593;}
.aboutMainR .img{ height:205px; position:absolute; top:-205px; left:0; opacity:0;}
.aboutMainR .intro{ width:428px; height:198px; padding:8px 26px 0; background:#0f9593; position:absolute; top:205px; left:0; overflow:hidden}
.aboutMainR .float{ display:none}
.aboutMainR .intro h2{ font:bold 16px/60px "微软雅黑"; color:#fff; text-align:center}
.aboutMainR .intro a{ display:inline-block; line-height:24px; color:#fff}
.aboutMainR .intro a.more{ display:inline-block; font:bold 12px/26px "微软雅黑"; color:#fff; background:none; padding:0 18px; border:1px solid #3d82c0; position:absolute; bottom:21px; left:197px}
.aboutMainR .intro p{ color:#fff}

.more-box img{
    position: absolute;
    left: 0;
    top: 0;
    z-index: 35;
}
.more-box-on img{
    top: -28px;    
}
.more-box{
    width: 86px;
    height: 28px;
    position: absolute;
    left: 75px;
    bottom: 21px;
    overflow: hidden;
}
.aboutMainR .float .more-box {
    position: absolute;
    left: 177px;
    bottom: 0; top:130px;
}