@charset "gb2312";
body,h1,h2,h3,h4,h5,h6,hr,p,dl,dt,dd,ul,ol,li,form,button,table,table th,table td,table tr{margin:0;padding:0;}
body{font:12px \5FAE\8F6F\96C5\9ED1,tahoma,arial,sans-serif;background-color:#fff;color:#555; overflow-x:hidden; position:relative;}
body, p, div, ul, li{font-family:\5FAE\8F6F\96C5\9ED1;}
input,select,textarea,button{font:12px \5B8B\4F53,arial;}
ul,ol{list-style:none;}
a{text-decoration:none;color:#555;}
a:hover{ color:#ED1C24; text-decoration:underline;}
img{border:0;}
.clr{height:0;clear:both; overflow:hidden}
.clr:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clrh35{height:35px;clear:both; overflow:hidden}
.ndis{ display:none}
.fr{ float:right;}

.banner{ overflow:hidden; position:relative; height:602px;}
.banner div{ width:1920px; position:absolute; left:50%; top:0px; margin-left:-960px;}
.banner img{ dsplay:block;}

.xbhmenu{ line-height:70px; height:70px; background-color:#000; color:#fff; font-size:22px; text-align:center}
.xbhmenu a{ color:#fff; display:inline-block; width:166px; text-align:center; }
.xbhmenu a:hover{color:#fff; text-decoration:none;background-color:#0077dd}
.xbhmenu a.current{ background-color:#0077dd}

.xbhmain h2,
.xbhmain h2 span,
.focusimg .aleft,
.focusimg .aright,
.guide i,
.guide .cont,
.brandinfo .title,
.brandtag .prev,
.brandtag .next,
.brandtag li,
.filrarrow .aleft,.filrarrow .aright,
.reviewlist .aleft,.reviewlist .aright,
.reviewlist .filist a i,
.weifooter,
.sidenav,
.sidenav i{ background:url(418.png) no-repeat;}

.xbhmain{ width:1000px; margin:0 auto;}
.xbhmain h2{ height:80px; background-position:left top; margin:30px auto;}
.xbhmain h2 span{ display:block; height:80px; margin:0 auto; text-indent:-999px; overflow:hidden;}
.xbhmain h2 .focus{ width:274px; background-position:-364px top;}
.xbhmain h2 .recommended{ width:433px; background-position:left -90px;}
.xbhmain h2 .dynamic{ width:332px; background-position:left -180px;}
.xbhmain h2 .trivia{ width:272px; background-position:left -270px;}
.xbhmain h2 .brand{ width:272px; background-position:left -360px;}
.xbhmain h2 .review{ width:272px; background-position:left -450px;}

/*ͼ½¹*/
.focusimg{height:374px;overflow:hidden;position:relative; width:652px;float:left;}
.focusimg .filist{height:374px;overflow:hidden;margin:0 auto}
.focusimg .filist img{height:374px;width:652px}
.focusimg .fiwords{height:55px;line-height:55px;font-size:20px;color:#fff;width:100%;text-align:center;overflow:hidden;background-color:rgba(0,0,0,0.4); position:absolute; left:0px; bottom:0px; margin:0; background-image:none;}
.focusimg .fiwords a{color:#fff}
.focusimg .fiwords a:hover{color:#FF0}
.focusimg .fiindex{ display:none;}
.focusimg .aleft,.focusimg .aright{ position:absolute; width:60px; height:60px; top:121px;cursor:pointer;}
.focusimg:hover .aleft,.focusimg:hover .aright{ display:block;}
.focusimg .aleft{ left:10px; background-position:-493px -181px}
.focusimg .aright{ right:10px; background-position:-563px -181px}
.focusimg .aleft:hover{ background-position:-352px -181px}
.focusimg .aright:hover{ background-position:-422px -181px}

.guide{ float:right; width:330px;color:#555;}
.guide h2{ background-position:-671px -87px; height:22px; margin:-24px 0 12px 0;}
.guide .tag{ height:174px;}
.guide .tag a{ display:block; width:165px; height:80px; text-align:center; font-size:20px; float:left; line-height:80px; color:#555; margin:4px auto 3px auto;}
.guide .tag i{ display:inline-block;width:44px; height:36px; background-position:-406px -403px; vertical-align:middle; margin:0 5px 3px 0;}
.guide .tag a.current{ color:#fff; background-color:#0077dd;}
.guide .tag a:hover{ color:#fff; background-color:#0077dd;}
.guide .tag a:hover i{background-position:-469px -403px;}
.guide .tag a.current i{background-position:-469px -403px;}
.guide .tag i.inco{background-position:-286px -403px;}
.guide .tag a.current i.inco{background-position:-337px -403px;}
.guide .tag a{ text-decoration:none}
.guide .cont{ width:330px; height:190px; background-position:-670px -129px;}
.guide .cont h3{ font-size:20px; line-height:55px; padding-left:15px; font-weight:normal}
.guide .cont p{ text-indent:2em; padding:0px 10px 0 16px; line-height:18px; font-family:\5B8B\4F53;}
.guide .cont ul{ padding:9px 0 0 16px}
.guide .cont li{ font-size:16px; line-height:30px;}

.brandinfo{ background:url(bg.jpg) left bottom no-repeat; height:426px; overflow:hidden; margin-bottom:23px;}
.brandinfo li{ position:relative;height:426px;}
.brandinfo .title{ width:271px; height:36px; background-position:-320px -564px; line-height:36px; color:#fff; font-size:16px; padding-left:45px; position:absolute; top:20px; left:415px}
.brandinfo .logo{ font-size:14px; color:#000; line-height:24px; padding:60px 0 0 39px; width:440px; height:165px}
.brandinfo .logo img{ border:1px solid #d7d7d7; width:220px; height:165px; float:left; margin-right:12px; margin-top:-41px}
.brandinfo .info{ padding-left:42px; width:450px;}
.brandinfo .info img{ float:right; width:225px; height:180px;}
.brandinfo .info b{ display:block; font-size:16px; color:#fff; padding:20px 0 0 33px; height:42px; font-weight:normal}
.brandinfo .info p{ font-size:14px; line-height:24px; width:200px; color:#000}
.brandinfo .info p a{color:#000;}
.brandtag{ height:108px; position:relative;}
.brandtag i{ position:absolute; width:100%; height:53px; border-bottom:1px dotted #dedede; z-index:-1; left:0px; top:0px;}
.brandtag .prev,
.brandtag .next{ width:31px; height:60px; margin-top:24px; display:block;}
.brandtag .prev{ float:left; background-position:-282px -451px;}
.brandtag .next{ float:right; background-position:-333px -451px;}
.brandtag a:hover.prev{ background-position:-384px -451px;}
.brandtag a:hover.next{ background-position:-435px -451px;}
.brandtag div{ width:882px; float:left; margin-left:28px; overflow:hidden; height:108px;}
.brandtag div ul{ width:2000%;}
.brandtag li{ float:left; width:108px; height:108px; text-align:center; line-height:108px; overflow:hidden; font-size:20px; background-position:-285px -272px; margin:0 9px; cursor:pointer}
.brandtag li.current{background-position:-410px -271px; color:#fff;}

.filrarrow{height:496px;width:1000px;margin:0 auto;position:relative;}
.filrarrow .aleft,.filrarrow .aright{ position:absolute; width:30px; height:55px; top:218px; display:block;cursor:pointer;}
.filrarrow .aleft{ left:-45px; background-position:-543px -90px}
.filrarrow .aright{ right:-45px; background-position:-593px -90px}
.filrarrow .aleft:hover{ background-position:-453px -90px}
.filrarrow .aright:hover{ background-position:-503px -90px}
.filrarrow .filist{height:496px;overflow:hidden;margin:0 auto; width:1000px; position:relative; }
.filrarrow .filist ul{ width:99999px; position:absolute}
.filrarrow .filist li{ float:left; width:505px; height:253px;overflow:hidden; }
.filrarrow .filist a{ display:block; width:495px; height:243px; position:relative; color:#fff;}
.filrarrow .filist a img{width:495px; height:243px;}
.filrarrow .filist a p{ background-color:rgba(0,0,0,0.3); text-align:center; position:absolute; left:0px; bottom:0px; width:100%; height:38px; line-height:38px; font-size:18px}
.filrarrow .filist a div{ display:none; font-size:14px; line-height:24px; height:183px; width:435px;}
.filrarrow .filist a:hover p{ display:none}
.filrarrow .filist a:hover div{ display:block; position:absolute; left:0px; top:0px;background-color:rgba(0,119,221,0.6); padding:30px; }
.filrarrow .filist a div b{ display:block; font-size:26px; padding:20px 0 10px 0; line-height:30px}
.filrarrow .fiindex{ display:none}

.site{ height:400px; width:100%; overflow:hidden}
.site img{ height:400px; margin-right:10px;}

.recommendedlist{ width:990px; margin:0 auto; height:274px;}
.recommendedlist li { float:left; width:90px; height:70px;}
.recommendedlist a{ display:block; width:80px; height:64px; text-align:center; line-height:24px; font-family:\5B8B\4F53; overflow:hidden; margin:0 auto}
.recommendedlist img{ border:1px solid #535353; display:block; width:78px; height:38px;}

.reviewlist{height:200px;width:1000px;margin:0 auto;position:relative;}
.reviewlist .aleft,.reviewlist .aright{ position:absolute; width:30px; height:55px; top:70px; display:block;cursor:pointer;}
.reviewlist .aleft{ left:-18px; background-position:-543px -90px}
.reviewlist .aright{ right:-18px; background-position:-593px -90px}
.reviewlist .aleft:hover{ background-position:-453px -90px}
.reviewlist .aright:hover{ background-position:-503px -90px}
.reviewlist .filist{height:200px;overflow:hidden;margin:0 auto; width:966px; position:relative; }
.reviewlist .filist ul{ width:99999px; position:absolute}
.reviewlist .filist li{ float:left; width:322px; height:200px;overflow:hidden; }
.reviewlist .filist a{ display:block; width:312px; height:200px; margin:0 auto}
.reviewlist .filist a img{width:312px; height:176px;}
.reviewlist .filist a i{ display:block; width:312px; height:25px; background-position:-0px -549px;}
.reviewlist .fiindex{ display:none}

.weifooter{ width:222px; height:244px; background-position:-779px -328px; position:absolute; right:10px; bottom:154px;}
.sidenav{ position:fixed; width:43px; height:268px; background-position:-726px -328px; left:50%; top:50%; margin-top:-134px; margin-left:600px;}
.sidenav a{ display:block; height:43px; margin-bottom:2px; position:relative;}
.sidenav i{ display:none;}
.sidenav a:hover i{ display:block; position:absolute; top:-135px; left:-188px; width:188px; height:228px; background-position:-537px -329px;}