@CHARSET "UTF-8";
/* 
 *  @Description: common css
 *  @author: haibao
 *  @Update: 2014-6-6
 */

/* animation */
@-webkit-keyframes fadein{
    from{opacity: 0; }
    to{opacity: 1; }
}
@-moz-keyframes fadein{
    from{opacity: 0; }
    to{opacity: 1; }
}
@-o-keyframes fadein{
    from{opacity: 0; }
    to{opacity: 1; }
} 
@keyframes fadein{
    from{opacity: 0; }
    to{opacity: 1; }
}
/* ----------------------------------------------- */

/* 自定义样式 */
.fl{float:left;}
.fr{float:right;}
.oh{overflow:hidden;}
.tc{text-align:center;}
.trcc{text-align:right;}
.tlcc{text-align:left;}
.dn{display:none;}
.db{display:block;}
.dib{display:inline-block;}
.cp{cursor:pointer;}
.f14{font-size:14px;}
.pt15{padding-top: 15px;}
/* ----------------------------------------------- */


.mainContents{width:1200px;margin:20px auto 20px auto ;}
.menusWrapper{width:100px;height:300px;position:relative; background-color:#F4F5F1;}
.menusWrapper a{width:100px;height:35px;line-height:35px;display:block;text-decoration: none;font-size:14px;}
.menusWrapper a.active{background:url(../images/menuBg.png) no-repeat; color:#FFFFFF;}
.menusWrapper a.active:hover{background:url(../images/menuBg.png);}
.menusWrapper a:hover{background-color:#000000; color:#FFFFFF;opacity:0.8;filter:alpha(opacity=80);}
.ctnerWrapper{margin-left:138px;min-height: 300px;height:auto!important;height:300px;background:linear-gradient(rgba(255, 255, 255, 0.7) 0px, rgba(255, 255, 255, 0.7) 100%) repeat;background:-moz-linear-gradient(rgba(255, 255, 255, 0.7) 0px, rgba(255, 255, 255, 0.7) 100%) repeat;background:-webkit-linear-gradient(rgba(255, 255, 255, 0.7) 0px, rgba(255, 255, 255, 0.7) 100%) repeat;background:-o-linear-gradient(rgba(255, 255, 255, 0.7) 0px, rgba(255, 255, 255, 0.7) 100%) repeat;}
.ctnerTab{border-bottom: 1px solid #E8E8E8;height: 44px;line-height:44px;}
.ctnerTab a{text-decoration: none;font-size:14px;color:#222;width:86px;height:44px;line-height:44px;display:inline-block;}
.ctnerTab a.on{border-bottom:2px solid #42A0FE;font-weight:700;}
.ctnerBox{height: 258px;}
.cbox{position: relative;top:0;width:1052px; overflow:visible; background-color:#FFFFFF;}
#cbox-1{display:block;}
.hotNavs{width:100%;display:block;}
.navTitle{color: #999999;height: 81px;line-height: 16px;padding: 4px 7px 0 20px;text-align: left;width: 20px;}
.navArea{margin-left:50px;}
.navArea a{width:114px;height:69px;float:left;display:inline-block;border:2px solid rgba(248, 248, 248, 0.7);margin:0 8px 12px 0;background:#f8f8f8;background:linear-gradient(rgba(248, 248, 248, 0.7) 0px, rgba(248, 248, 248, 0.7) 100%) repeat;background:-moz-linear-gradient(rgba(248, 248, 248, 0.7) 0px, rgba(248, 248, 248, 0.7) 100%) repeat;background:-webkit-linear-gradient(rgba(248, 248, 248, 0.7) 0px, rgba(248, 248, 248, 0.7) 100%) repeat;background:-o-linear-gradient(rgba(248, 248, 248, 0.7) 0px, rgba(248, 248, 248, 0.7) 100%) repeat;}
.navArea a:hover{border:2px solid #42A0FE;}
.sliderBox{width:425px;}


/* autocomplete */