/*main*/
.clearfix:after {visibility:hidden;display:block;font-size:0;content:".";clear:both;height:0;}
.clearfix {*zoom:1;}

.btn_buy,.tabs a{ background:url(../img/spr.png) no-repeat; overflow:hidden;}
.tabs .tab_lx{ background-position:-144px -136px;}
.tabs .tab_gs{ background-position:-144px -172px;}
.tabs .tab_js{ background-position:-144px -208px;}
.tabs .tab_zx{ background-position:-144px -244px;}
.tabs .tab_lx_on,.tabs .tab_lx:hover{ background-position:0 -136px;}
.tabs .tab_gs_on,.tabs .tab_gs:hover{ background-position:0 -172px;}
.tabs .tab_js_on,.tabs .tab_js:hover{ background-position:0 -208px;}
.tabs .tab_zx_on,.tabs .tab_zx:hover{ background-position:0 -244px;}

.ban{ background:url(../img/bg01.jpg) no-repeat scroll center top #0d0e12; height:492px;}
.wp{ background:url(../img/bg02.jpg) no-repeat scroll center top #0d0e12; height:993px;}
.main{ width:960px; margin:0 auto;}
.main h1{ background:url(../img/ban01.jpg) no-repeat scroll center top; height:177px; text-indent:-9999em;}
.main .p_h{ background:url(../img/ban02.jpg) no-repeat scroll center top; height:162px; text-indent:-9999em;}
.main .btn{ background:url(../img/ban03.jpg) no-repeat scroll center top; height:153px;}
.tabbox{ background:url(../img/ban04.jpg) no-repeat scroll center top; height:342px;}
.tabbox img{ display:block;}
.howbuy{ height:305px; overflow:hidden;}
.more{ background:url(../img/ban06.jpg) no-repeat scroll center top; height:346px;}

.btn_buy{ margin:0 0 0 463px; width:220px; height:67px; display:block; text-indent:-999em; background-position:0 0;}
.btn_buy:hover{ background-position:0 -68px;}

.tabbox_rel{ width:577px; height:285px; margin:0 0 0 166px; background-color:#fff;}
.tabs{ height:35px; overflow:hidden;}
.tabs a{ float:left; width:143px; height:35px; display:inline-block; margin-left:1px; font-size:0; line-height:0; overflow:hidden;}
.infos{ margin:28px 0 0; padding:0 30px;}
.infobox{ padding:30px 0 0;}
.infobox img{ float:left; margin:-30px 16px 0 0;}
.infobox p{ color:#9a7e73; line-height:1.6; text-indent:2em;}

.more h2,.more ol{ position:absolute; left:-9999em;}
.more .pri{ padding:48px 0 0 80px;}
.more .pri li{ float:left; display:inline; width:170px; height:32px; margin:0 0 16px;}
.more .pri li img{ float:left; margin:0 10px 0 0;}
.more .pri li a{ color:#cfcac4; line-height:32px;}

/*footer*/
.sys_top .header,.sys_footer .foot{ width:960px;}
.sys_footer{ width:100%; font:12px/1.6 tahoma,\5B8B\4F53; padding:40px 0 0;}
.sys_footer .foot .links,.sys_footer .foot .links a{ color:#575757 !important;}
.sys_footer .foot p,.sys_footer .foot p a{ color:#696d75 !important;}




.flo_btn{ background:url(../img/spr_btn.png) no-repeat;}
/**flo**/
.flo_bg{ background:#000;position:fixed; _position:absolute; left:0; top:0; right:0; bottom:0; z-index:1000; filter:alpha(opacity=50); opacity:.5; width:100%; _height:1089px;}
.flo_minbg{ background:#fff; filter:alpha(opacity=0); opacity:0; _height:1089px; margin:0 auto; _width:1000px; z-index:1000;}

.flo{ width:400px; padding:5px; position:absolute; left:50%; top:120px; margin-left:-205px; overflow:hidden; z-index:1002; filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#22000000', endColorstr='#22000000'); background:rgba(0,0,0,0.2);}
.flowrap{ position:relative; width:400px; font:12px/1.4 \5b8b\4f53; background-color:#fff; overflow:hidden;}

.flo_head{ width:400px; height:39px; border-top:2px solid #a00000; position:relative; color:#646464; font-size:14px; overflow:hidden;}
.flo_body{ width:360px; padding:24px 20px; color:#525252;}

.flo_head h1{ text-indent:20px; line-height:38px; border-bottom:1px solid #dfdfdf;}
.flo_close{ width:14px; height:14px; position:absolute; right:20px; top:12px; display:block; background-position:-154px -117px; text-indent:-999em; overflow:hidden;}
.flo_close:hover{ -webkit-transition:all 0.5s ease-in; -moz-transition:all 0.5s ease-in; -webkit-transform:rotate(360deg); -moz-transform:rotate(360deg); -ms-transition:all 0.5s ease-in; -o-transition:all 0.5s ease-in; -ms-transform:rotate(360deg); -o-transform:rotate(360deg);}

.flo_mes_dl{ line-height:1.8; padding:0 20px;}
.flo_mes_dl dt{ margin-bottom:10px;}
.flo_mes_dl dt strong{ color:#525252; margin-left:4px;}
.flo_mes_dl dd{ text-indent:24px;}
.flo_mes_dl dd a{ color:#a00000; text-decoration:underline;}
.flo_mes_dl dd strong{ color:#a00000;}
.flo_btn_p{ margin:30px 0 0; text-align:center;}
.flo_btn{ width:102px; height:34px; line-height:34px; display:inline-block; vertical-align:middle; text-align:center; color:#fff; font-size:14px; font-weight:bold; background-position:0 -240px;}
.flo_btn:hover{ background-position:0 -275px; text-decoration:none;}
.flo_rule{ padding:0 10px 20px;}
.flo_rule li{ padding-left:22px; color:#474747; line-height:1.6;}
.flo_rule li em{ margin-left:-22px; line-height:12px; padding:0 4px; color:#fff; background-color:#bf0000;}
.flo_rule li a{ color:#2c80ce; text-decoration:underline;}
.flo_rule li span{ color:#e02727;}

.flo478{ width:478px; margin-left:-239px;}
.w478{ width:478px;}
.flo_body478{ width:438px;}

.flo_logobtn{ width:119px; height:116px; display:block; position:fixed; _position:absolute; top:200px; right:60px; background:url(../img/flobtn.png) no-repeat; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="img/flobtn.png"); _background:none; text-indent:-999em; overflow:hidden;}