@charset "utf-8";
/* CSS Document */
*{ padding:0; margin:0;}
html{ overflow-y:scroll;}
body{ font-family:Microsoft Yahei,"微软雅黑",Arial,SimSun,"宋体"; color:#fdeebb; font-size:12px; table-layout:fixed; word-break:break-all;  background:url(bg.png) center bottom no-repeat #780c0b;}
ul,li{ list-style:none;}
img{ border:0px;}
a{ color:#fdeebb; text-decoration:none;}
a:hover{ color:#f1ba01; text-decoration:none;}
table{ border-collapse:collapse; border-spacing:0;}

/*line*/
.line{ width:100%; height:3px; background:url(line.png) center top no-repeat; overflow:hidden;}

/*top*/
.top{ position:relative; width:100%; height:436px;}
.top_products{ background:url(top_products.png) center top no-repeat;}
.top_join{ background:url(top_join.png) center top no-repeat;}
.top_mall{ background:url(top_mall.png) center top no-repeat;}

/*header*/
.header{ position:absolute; left:0px; top:3px; width:100%; z-index:9999;}
.header_box{ position:relative; left:50%; top:0px; width:958px; margin-left:-479px;}

/*logo*/
.logo{ float:left; width:125px; height:90px; background:url(logo.png) no-repeat; margin-top:20px;}
.logo a{ width:125px; height:90px; display:block; text-indent:-99999px;}

/*menu*/
.menu{ float:right; width:800px; height:39px; background:url(menu.png) no-repeat; margin-top:57px;}
.menu ul{ float:left; margin-left:16px; display:inline; width:768px; height:39px;}
.menu ul li{ float:left; width:126px; height:39px; padding-right:2px; background:url(menu_li.png)  right center no-repeat; text-indent:-99999px; position:relative;}
.menu ul li span{ float:left; width:126px; height:39px;}
.menu ul li span a{ width:126px; height:39px; display:block; background:url(menu_text.png) no-repeat;}
.menu ul li span.m1 a{ background-position:0px 0px;}
.menu ul li span.m2 a{ background-position:0px -45px;}
.menu ul li span.m3 a{ background-position:0px -90px;}
.menu ul li span.m4 a{ background-position:0px -135px;}
.menu ul li span.m5 a{ background-position:0px -180px;}
.menu ul li span.m6 a{ background-position:0px -225px;}
.menu ul li span a:hover{ background:url(menu_text.png) no-repeat;}
.menu ul li span.m1 a:hover,.menu ul li span.m1 a.on{ background-position:-135px 0px;}
.menu ul li span.m2 a:hover,.menu ul li span.m2 a.on{ background-position:-135px -45px;}
.menu ul li span.m3 a:hover,.menu ul li span.m3 a.on{ background-position:-135px -90px;}
.menu ul li span.m4 a:hover,.menu ul li span.m4 a.on{ background-position:-135px -135px;}
.menu ul li span.m5 a:hover,.menu ul li span.m5 a.on{ background-position:-135px -180px;}
.menu ul li span.m6 a:hover,.menu ul li span.m6 a.on{ background-position:-135px -225px;}
.menu ul li.none{ background-image:none;}

/*radian*/
.radian{ position:absolute; left:0px; top:347px; width:100%; height:88px; background:url(radian.png) center top no-repeat; z-index:6666;}
.radian_box{ position:absolute; left:50%; top:357px; width:958px; height:79px; margin-left:-479px; z-index:4444; background:url(left_box.png) left top repeat-y;}
.quick_nav{ float:left; width:150px; height:20px; background:url(left.png) 0px -60px no-repeat; margin:45px 0px 0px 18px; display:inline;}
.join_nav{ float:left; width:127px; height:20px; background:url(left.png) 0px 0px no-repeat; margin:45px 0px 0px 18px; display:inline;}
.products_nav{ float:left; width:140px; height:20px; background:url(left.png) 0px -30px no-repeat; margin:45px 0px 0px 18px; display:inline;}
.wx{ position:absolute; left:50%; top:415px; width:129px; height:258px; background:url(wx.png) no-repeat; margin-left:500px; display:inline;}

/*wrap*/
.wrap{ position:relative; left:50%; top:0px; width:958px; margin-left:-479px; padding-bottom:15px; overflow:hidden;}

/*left*/
.left{ float:left; width:212px;}
.left_fiexd{ position:fixed; top:0px; _position:absolute; top:expression((offsetParent.scrollTop)+0);}
.left_box{ float:left; width:212px; background:url(left_box.png) repeat-y; padding-bottom:20px;}
.left_box ul{ float:right; width:196px; margin-right:3px; display:inline;}
.left_box ul li{ float:left; width:196px; height:30px; line-height:30px; font-size:14px; text-indent:36px; margin-bottom:5px;}
.left_box ul li a{ width:196px; height:30px; display:block; color:#780c0b; background:url(left_box_a.png) 14px center no-repeat;}
.left_box ul li a:hover,.left_box ul li a.on{ color:#e19e1f; background:url(left.png) 0px -90px no-repeat;}
.left_bottom{ float:left; width:212px; height:188px; background:url(left.png) 0px -130px no-repeat;}
.left_bottom a{ width:212px; height:188px; display:block; text-indent:-99999px;}
.left_box_cp{ float:left; width:212px; background:url(left_box.png) repeat-y; padding-bottom:20px;}
.left_box_cp ul{ float:right; width:196px; margin-right:3px; display:inline;}
.left_box_cp ul li.l1,.left_box_cp ul li.l3{ float:left; width:196px; height:30px; line-height:30px; font-size:14px; text-indent:36px; background:url(left.png) 0px -90px no-repeat; margin-bottom:15px;}
.left_box_cp ul li.l2{ float:left; width:98px; padding-bottom:15px; text-indent:5px;}
.left_box_cp ul li.l2 a{ color:#300d0c;}
.left_box_cp ul li.l1 a,.left_box_cp ul li.l3 a{ width:196px; height:30px; display:block; color:#e19e1f;}
.left_box_cp ul li.l2 a.selected,.left_box_cp ul li.l3 a.selected{ color:#780c0b; text-decoration:underline;}
.left_box_cp ul li.l2 a:hover,.left_box_cp ul li.l3 a:hover{ color:#780c0b;}

/*right*/
.right{ float:right; width:716px; min-height:500px;}

/*context*/
.context{ float:left; width:716px; line-height:24px; padding-top:20px; overflow:hidden;}
.context p{ margin-bottom:10px;}
.context table tr th{ background-color:#fdba24; border:1px solid #c43b15; font-weight:700; color:#780c0b;}
.context table tr td{ border:1px solid #c4440b; text-align:center;}

/*cp_list*/
.cp_list{ float:left; width:716px;}
.cp_list ul li{ float:left; width:180px; height:202px; margin:24px 0px 0px 44px; display:inline; background:url(cp_list.png) 0px 0px no-repeat;}
.cp_list ul li a{ width:180px; height:202px; display:block; color:#780c0b;}
.cp_list ul li a:hover{ color:#780c0b; background:url(cp_list.png) 0px -210px no-repeat;}
.cp_list ul li img{ float:left; width:164px; height:164px; margin:8px 0px 0px 8px; display:inline;}
.cp_list ul li p{ float:left; width:164px; margin:6px 0px 0px 8px; display:inline; text-align:center; cursor:pointer;}

/*mall_list*/
.mall_list{ float:left; width:716px;}
.mall_list ul li{ float:left; width:180px; height:127px; margin:44px 0px 0px 44px; display:inline; background:url(mall_list.png) 0px 0px no-repeat;}
.mall_list ul li a{ width:180px; height:127px; display:block; color:#780c0b;}
.mall_list ul li a:hover{ color:#780c0b; background:url(mall_list.png) 0px -130px no-repeat;}
.mall_list ul li img{ float:left; width:164px; height:89px; margin:8px 0px 0px 8px; display:inline;}
.mall_list ul li p{ float:left; width:164px; margin:6px 0px 0px 8px; display:inline; text-align:center; cursor:pointer;}

/*home*/
.home{ float:left; width:716px; height:50px; background:url(home.png) left bottom repeat-x;}
.home .join_policy_title{ float:left; width:98px; height:39px; background:url(home_title.png) no-repeat;}
.home .join_activity_title{ float:left; width:113px; height:39px; background:url(home_title.png) 0px -45px no-repeat;}
.home .products_title{ float:left; width:84px; height:39px; background:url(home_title.png) 0px -90px no-repeat;}
.home .mall_title{ float:left; width:123px; height:39px; background:url(home_title.png) 0px -135px no-repeat;}
.home .home_on{ float:right; height:50px; line-height:48px;}

/*news_list*/
.news_list{ float:left; width:716px;}
.news_list ul li{ float:left; width:716px; height:46px; line-height:46px; border-bottom:1px dotted #fdeebb; text-indent:20px; background:url(icon.png) 8px center no-repeat;}
.news_list ul li span{ float:right; margin-right:8px;}
.news_list ul li a{ width:716px; height:46px; display:block;}

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

/*cp*/
.cpbox{ float:left; width:716px; padding-top:15px; padding-bottom:15px;}
.cpimg{ float:left; width:370px;}
.MagicZoomPup{ cursor:move; background-color:#fff; border:1px solid #333;}
.cpimg .img{ float:left; border:1px solid #acacac; width:350px;}
.cpinfo{ float:right; width:346px;}
.cpt{ float:left; width:346px; color:#f1ba01; padding:5px 0px 10px 0px;}
.cpt h1{ font-size:20px; font-weight:normal;}
.cpi{ float:left; width:346px; padding-bottom:10px; border-bottom:1px dotted #fdeebb;}
.cpi em{ float:left; padding-right:10px; font-style:normal;}
.cpmt{ float:left; width:716px; height:35px; line-height:35px; font-weight:700; text-indent:24px; background:url(cpmt.png) left center no-repeat; color:#780c0b;}
.cpm{ float:left; width:716px; line-height:28px; padding-top:20px; overflow:hidden; font-size:14px;}
.cpm p{ margin-bottom:10px;}
.cpm img{ margin-bottom:5px;}

/*end*/
.end{ width:958px; height:132px; margin:0px auto; background:url(end.png) top center no-repeat;}
.end_box{ float:right; width:940px; padding-top:60px; height:72px; overflow:hidden;}
.end_about{ float:left; width:76px; height:18px; margin-top:15px;}
.end_about a{ width:76px; height:18px; display:block; text-indent:-99999px;}
.end_contact{ float:left; width:82px; height:18px; margin-top:15px; margin-left:38px; display:inline;}
.end_contact a{ width:82px; height:18px; display:block; text-indent:-99999px;}
.end_text{ float:left; width:650px; margin-left:80px; display:inline; line-height:20px; padding-top:6px; color:#591d02;}
.end_text a{ color:#591d02;}
.end_text a:hover{ color:#591d02; text-decoration:underline;}

/*zw*/
.zw{ float:left; width:716px; height:300px; line-height:300px; padding-bottom:200px; text-align:center; font-size:20px; color:#f1ba01;}

/*page*/
.page{ float:left; width:716px; overflow:hidden;}
.pline{ border-top:1px dotted #fdeebb; overflow:hidden; margin-top:24px;}
.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 #fdbd24; color:#fdeebb; padding:3px 7px; margin-left:4px; line-height:14px;}
.page_turner a:link,.page_turner a:visited{ text-decoration:none; color:#fdeebb;}
.page_turner a:hover,.page_turner a.c{ background:#fdbd24; color:#780c0b;}