/* CSS Document */

/*初始化*/
* {padding:0; margin:0; text-decoration:none; list-style:none;}

/*头部样式*/
.header { width:100%; height:90px; background:#222222;}
.header ul { width:93%; max-width:1920; margin:0 auto;}
.header ul .logo {width:18%; float:left; padding-top:34px;}
.header ul .logo img { width:100%;}
.header ul .nav {width:82%; float:right; padding-top:25px; line-height:24px;}
.header ul .nav .other,  .header ul .nav.navcation { width:100%; overflow:hidden;}
.header ul .nav a { color:#fff;font-size:14px; font-family:"微软雅黑";}
.header ul .nav .other li,.header ul .nav .navcation li { float:right;}
.header ul .nav .other li { margin-left:2%;}
.header ul .nav .other li a { font-size:10px;}
.header ul .nav .other li a.english { font-family:"Arial";}
.header ul .nav .navcation li { margin-left:2.1%;}


/*底部样式*/
.footer { width:100%; height:auto; background:#222222; overflow:hidden;}
.footer ul { width:51%; max-width:1920px; margin:0 auto;}
.footer ul .logo { width:100%; height:100px; padding:57px 0 0 0; border-bottom:1px solid #666; margin-bottom:60px;}
.footer ul .logo ul { width:38%; margin:0 auto;}
.footer ul .logo ul img { width:100%;}
.footer ul .base ul.base1 { font-family:"微软雅黑"; width:72%; margin:0 auto; overflow:hidden;}
.footer ul .base ul.base1 ol p { font-size:14px;color:#999999; margin-bottom:15px;}
.footer ul .base ul.base1 ol li { line-height:24px;}
.footer ul .base ul.base1 ol { float:left; width:28%;}
.footer ul .base ul.base1 ol.others { float:left; width:16%;}
.footer ul .base ul.base1 ol li a {font-size:12px;color:#666;}
.footer ul .base ul.base2 {font-size:12px; color:#666; width:100%; text-align:center; margin:40px 0 36px 0;}
.footer ul .base ul.base2 p { line-height:24px;}
.footer ul .base ul.base2 p.english { font-family:"Arial";}
.footer ul .base ul.base3 { width:24%; margin:0 auto;}
.footer ul .base ul.base3 a {display:block; width:33%; float:left; margin-bottom:35px;}
.footer ul .base ul.base3 a img { width:100%;}


/*发展历程内容样式*/
.main { width:100%; height:873px;}
.main ul {width:100%; max-width:1920px; margin:0 auto; height:100%;}
.main ul .menu { width:12.6%; float:left; height:100%; background:url(../image/lifebg_02.png) repeat; padding-left:3.4%;}
.main ul .menu ul p {font-family:"微软雅黑"; font-size:24px;color:#fff; margin-bottom:60px; margin-top:234px;}
.main ul .menu ul li {height:47px; }
.main ul .menu ul li:hover {background:url(http://www.lifemaster.cn/Public/guangfan/style/images/life11_03.png) left top no-repeat;}
.main ul .menu ul li a { font-family:"微软雅黑";font-size:16px; color:#666;}
.main ul .menu ul li:hover a { margin-left:15px; color:#fff;}

.detail { width:79%; float:right;overflow:hidden;position:relative;}
.detail ul.big_box { width:74%;margin:0; margin-top:134px; margin-left:10%; position:relative;}
.detail ul.big_box li ol { width:50%; float:left;}
.detail ul.big_box li ol h5 { font-size:190px; color:#ccc; font-family:"微软雅黑"; font-weight:520;}
.detail ul.big_box li ol p { font-size:14px; color:#fff; font-family:"微软雅黑";}
.detail ul.big_box li ol img { width:100%; margin-top:150px;}


/**********************************左右按钮样式********************************************/
.tabs .prev, .tabs .next{position:absolute;top:280px;width:53px;height:89px;}
.tabs .prev{left:-60px; background:url(../image/lifeac_03.png) no-repeat;}
.tabs .next{right:-80px; background:url(../image/lifeac_05.png) no-repeat;}

/**********************************时间轴样式********************************************/
.tabNav{font-size:0;text-align:center; width:100%;}
.tabNav li{position:relative;display:inline-block;width:63px;font-size:12px;*display:inline;*zoom:1;}
.tabNav a{text-decoration:none;}
.tabNav i{display:none;position:absolute;left:24px;top:48px;width:14px;height:14px;border-radius:11px;background-color:#fff;overflow:hidden;}
.tabNav .year{display:block; width:63px;height:56px;padding-top:18px;font:11px/20px arial;text-align:center;color:#bababa; background:url(../image/e.png) center bottom no-repeat;cursor:pointer;}
.tabNav .year:hover {color:#fff;}
.tabNav .first .year{background-image:url(../image/r.png);}
.tabNav .last .year{background-image:url(../image/ee.png)}
.tabNav .active strong, .tabNav .active b, .tabNav .active i{display:block;}

/**********************************发展历程内容样式********************************************/
.tabPane{width:100%;height:508px; margin-bottom:40px;}