@charset "utf-8";
/* CSS Document */
*{ padding:0; margin:0;}
html{ overflow-y:scroll;}
body{ font-family:Microsoft Yahei,"微软雅黑",Arial,SimSun,"宋体"; color:#000; font-size:12px; background:url(bg.png) repeat #fcd844; table-layout:fixed; word-break:break-all;}
ul, li{ list-style:none;}
a img{ border:0px;} 
a{ color:#000; text-decoration:none;}
area{blr:expression(this.onFocus=this.blur());}
area:focus{outline:none;}
a:hover{ color:#a00e15; text-decoration:none;}
table{ border-collapse:collapse; border-spacing:0;}

/*top*/
.top{ width:938px; height:136px; margin:0px auto;}

/*logo*/
.logo{ float:left; width:124px; height:91px; background:url(logo.png) no-repeat; margin-top:25px;}
.logo a{ width:124px; height:91px; display:block;}

/*menu*/
.menu{ float:right; width:756px; height:37px; padding-top:68px; _overflow:hidden;}
.menu ul li{ position:relative; float:left; width:126px; height:37px; line-height:36px; text-align:center; font-size:14px; font-weight:700; z-index:1; background:url(menu.png) no-repeat; text-indent:-9999px;}
.menu ul li.m1{ background-position:-130px 0px;}
.menu ul li.m2{ background-position:-130px -40px;}
.menu ul li.m3{ background-position:-130px -80px;}
.menu ul li.m4{ background-position:-130px -120px;}
.menu ul li.m5{ background-position:-130px -160px;}
.menu ul li.m6{ background-position:-130px -200px;}
.menu ul li.m7{ background-position:-130px -240px;}
.menu ul li.m8{ background-position:-130px -280px;}
.menu ul li.m9{ background-position:-130px -320px;}
.menu ul li.m10{ background-position:-130px -360px;}
.menu ul li.m11{ background-position:-130px -400px;}
.menu ul li.m12{ background-position:-130px -440px;}
.menu ul li a{ width:126px; height:37px; display:block;}
.menu ul li a.on,.menu ul li a:hover{ background:url(menu.png) no-repeat;}
.menu ul li.m1 a.on,.menu ul li.m1 a:hover{ background-position:0px 0px;}
.menu ul li.m2 a.on,.menu ul li.m2 a:hover{ background-position:0px -40px;}
.menu ul li.m3 a.on,.menu ul li.m3 a:hover{ background-position:0px -80px;}
.menu ul li.m4 a.on,.menu ul li.m4 a:hover{ background-position:0px -120px;}
.menu ul li.m5 a.on,.menu ul li.m5 a:hover{ background-position:0px -160px;}
.menu ul li.m6 a.on,.menu ul li.m6 a:hover{ background-position:0px -200px;}
.menu ul li.m7 a.on,.menu ul li.m7 a:hover{ background-position:0px -240px;}
.menu ul li.m8 a.on,.menu ul li.m8 a:hover{ background-position:0px -280px;}
.menu ul li.m9 a.on,.menu ul li.m9 a:hover{ background-position:0px -320px;}
.menu ul li.m10 a.on,.menu ul li.m10 a:hover{ background-position:0px -360px;}
.menu ul li.m11 a.on,.menu ul li.m11 a:hover{ background-position:0px -400px;}
.menu ul li.m12 a.on,.menu ul li.m12 a:hover{ background-position:0px -440px;}
.menu ul li span{ position:absolute; left:82px; bottom:15px; background:url(xing.png) no-repeat; width:88px; height:64px; z-index:-1;}

/*wrap*/
.wrap{ width:1061px; height:582px; margin:0px auto; background:url(wrap.png) no-repeat;}

/*left*/
.left{ float:left; width:312px; height:479px; margin:40px 0px 0px 50px; display:inline;}
.left_image{ float:left; width:289px; height:481px; margin:39px 9px 0px 64px; display:inline; background:url(left_image.png) no-repeat;}
.left_weibo{ float:left; width:260px; height:314px; margin:16px 0px 0px 14px; display:inline;}

/*right*/
.right{ float:left; width:570px; height:416px; margin:40px 0px 0px 24px; display:inline;}

/*home*/
.home{ float:left; width:570px; height:70px; background:url(home.png) left bottom no-repeat;}
.home_title{ float:left; width:170px; height:27px; background:url(home_title.png) no-repeat;}
.t1{ background-position:0px 0px;}
.t2{ background-position:0px -30px;}
.t3{ background-position:0px -60px;}
.t4{ background-position:0px -90px;}
.t5{ background-position:0px -120px;}
.t6{ background-position:0px -150px;}
.t7{ background-position:0px -180px;}
.t8{ background-position:0px -210px;}
.t9{ background-position:0px -240px;}
.t10{ background-position:0px -270px;}
.t11{ background-position:0px -300px;}
.t12{ background-position:0px -330px;}
.t13{ background-position:0px -360px;}

/*icon*/
.icon{ float:right; width:91px; text-indent:-9999px;}
.icon_home{ float:left; margin:12px 0px 0px 5px; display:inline;}
.icon_home a{ width:77px; height:32px; display:block;}
.icon_weibo{ float:left; margin:11px 0px 0px 2px; display:inline;}
.icon_weibo a{ width:73px; height:32px; display:block;}
.icon_tmall{ float:left; margin-top:9px;}
.icon_tmall a{ width:65px; height:32px; display:block;}
.tips_home{ position:absolute; left:50%; top:150px; width:120px; height:62px; margin-left:500px; display:inline; background:url(tips_home.png) no-repeat; z-index:9999;}
.tips_home a{ width:120px; height:62px; display:block; text-indent:-99999px;}

/*video_icon*/
.video_icon{ float:left; width:48px; text-indent:-9999px; margin:144px 0px 0px 36px; display:inline;}
.video_icon_home{ float:left;}
.video_icon_home a{ width:79px; height:30px; display:block;}
.video_icon_weibo{ float:left; margin-top:13px;}
.video_icon_weibo a{ width:71px; height:30px; display:block;}
.video_icon_tmall{ float:left; margin-top:11px;}
.video_icon_tmall a{ width:61px; height:30px; display:block;}
.video_tips_home{ position:absolute; left:50%; top:280px; width:120px; height:62px; margin-left:393px; display:inline; background:url(tips_home.png) no-repeat; z-index:9999;}
.video_tips_home a{ width:120px; height:62px; display:block; text-indent:-99999px;}

/*scroll*/
#scroll{ float:left; width:544px; height:335px; margin-top:12px; overflow:hidden;}
.box{ width:533px; min-height:335px; overflow:hidden;}

/*context*/
.context{ float:left; width:508px; line-height:24px;}
.context p{ margin-bottom:10px;}

/*news_list*/
.news_list{ float:left; width:508px;}
.news_list ul li{ float:left; width:508px; height:46px; line-height:46px; border-bottom:1px dotted #dedede; text-indent:28px; background:url(icon.png) 8px center no-repeat;}
.news_list ul li span{ float:right; margin-right:8px;}
.news_list ul li a{ width:508px; height:46px; display:block;}
.news_list ul li a span{ color:#888;}
.news_list ul li a:hover span{ color:#a00e15;}
.news_list ul li.hs{ background-color:#f8f8f8;}

/*page*/
.page{ float:left; width:508px; overflow:hidden;}
.video_page{ float:left; width:242px; overflow:hidden;}
.pline{ border-top:1px dotted #dedede; overflow:hidden;}
.page_turner{ float:right; clear:both; padding-top:20px;}
.video_page .page_turner{ padding-top:10px;}
.page_turner a,.page_turner span{ float:left; display:block; border:1px solid #e46705; color:#333; padding:3px 7px; margin-left:4px; line-height:14px;}
.page_turner a:link,.page_turner a:visited{ text-decoration:none; color:#333;}
.page_turner a:hover,.page_turner a.c{ background:#e46705; color:#fff;}

/*end*/
.end{ width:1030px; height:90px; margin:0px auto;}
.end_left{ float:left; margin-left:15px; display:inline; position:relative;}
#end_left_png{ position:absolute; left:0px; top:0px;}

/*video_end*/
.video_end{ width:900px; height:84px; margin:0px auto; padding-top:28px; overflow:hidden;}
.video_end p{ padding-bottom:10px;}
.video_end span{ padding:0px 5px;}

/*news*/
.newbox_title{ float:left; width:508px; text-align:center; padding-bottom:10px;}
.newbox_title h1{ font-size:20px; font-weight:normal;}
.newbox_info{ float:left; width:508px; text-align:center; padding-bottom:10px; border-bottom:1px dotted #dedede;}
.newbox_info em{ font-style:normal; padding:0px 3px; color:#c6401b;}
.newbox_content{ float:left; width:508px; line-height:24px; padding-top:20px; overflow:hidden;}
.newbox_content p{ margin-bottom:10px;}
.newbox_content p img{ margin-bottom:5px;}

/*video*/
.video{ width:892px; height:561px; margin:0px auto; background:url(video.png) no-repeat; overflow:hidden;}

/*video_left*/
.video_left{ float:left; width:455px; margin:55px 0px 0px 30px; display:inline;}
.video_flash{ float:left; width:455px; height:367px;}
.video_title{ float:left; width:455px; height:40px; line-height:40px; text-align:center; padding-top:3px;}
.video_title h1{ font-size:14px; font-weight:100;}
.video_flash span{ float:left; width:455px; line-height:367px; text-align:center; font-size:20px; color:#a00e15;}

/*video_right*/
.video_right{ float:left; width:242px; margin:206px 0px 0px 35px; display:inline; height:175px; overflow:hidden;}
.video_right ul{ float:left; width:242px;}
.video_right ul li{ float:left; width:242px; height:35px; line-height:34px; background:url(video_li.png) left bottom repeat-x;}
.video_right ul li span{ float:left; width:8px; height:35px; background:url(video_icon.png) left center no-repeat;}

/*rec_list*/
.rec_list{ float:left; width:508px;}
.recruitment{ float:left; width:508px; padding-top:15px;}
.recruitment table{ float:left; width:508px;}
.recruitment tr td{ border:1px solid #555; padding:10px 0px; color:#333;}
.recruitment tr td.t1{ padding:0px 10px;}
.recruitment tr td.t2{ background-color:#f3f3f3;}

/*contact*/
.contact{ float:left; width:508px; font-size:14px;}
.contact_z{ float:left; width:508px; padding-bottom:15px;}
.contact_title{ float:left; width:501px; height:27px; line-height:27px; overflow:hidden; background:url(contact_title.png) no-repeat; padding-bottom:15px;}
.contact_title_box{ float:left; width:477px; margin-left:12px; display:inline;}
.contact_title_box ul li{ float:left; width:159px; height:27px; text-align:center;}
.contact_title_box ul li a{ width:159px; height:27px; display:block;}
.contact_title_box ul li a.on{ color:#a00e15;}
.contact_box{ float:left; width:463px; height:75px; background:url(contact_box.png) no-repeat; padding:18px 0px 0px 38px; line-height:28px;}

/*pic_img*/
.pic_img{ float:left; width:508px; overflow:hidden;}
.pic_img ul{ float:left; width:508px; overflow:hidden; *padding-bottom:15px;}
.pic_img ul li{ float:left; width:148px; height:148px; border:1px solid #bcbcbc; margin:0px 0px 15px 17px; display:inline;}
.pic_img ul li a{ width:148px; height:148px; display:block;}
.pic_img ul li a img{ float:left; width:138px; height:113px; margin:5px 0px 0px 5px; display:inline;}
.pic_img ul li a p{ float:left; width:138px; height:30px; line-height:30px; text-align:center; cursor:pointer;}

/*zw*/
.zw{ float:left; width:533px; height:200px; line-height:200px; text-align:center; font-size:20px; color:#a00e15;}

/*cs*/
.cs{ position:absolute; left:50%; top:150px; width:78px; height:168px; margin-left:-600px; display:inline; background:url(cs.png) no-repeat; z-index:9999;}
.cs a{ width:78px; height:168px; display:block; text-indent:-99999px;}