@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 \5b8b\4f53,tahoma,arial,sans-serif;background-color:#fff;color:#646464;}
input,select,textarea,button{font:12px \5B8B\4F53,arial;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
ul,ol{list-style:none;}
a{text-decoration:none;color:#000;}
a:hover{ color:#ED1C24; text-decoration:underline;}
img{border:0;}
.clr:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clr{*+height:1%; margin-top:10px;}


.submenu,
.focusimg .aleft,
.focusimg .aright,
.ranking li s,
.ranking li i,
.h2,
.h2 span,
.known .like s,
.infiniteCarousel .arrow,
.sidewei,
.sidewei s{ background:url(../images/public.png) -1000px -1000px no-repeat;}

body{ background:url(../images/bg01.jpg) center 486px no-repeat;}
.banner{ overflow:hidden; position:relative; height:486px;}
.banner div{ width:1920px; position:absolute; left:50%; top:0px; margin-left:-960px;}
.banner img{ dsplay:block;}

.main{ width:1000px; margin:0 auto; overflow:hidden}
.menu{ height:53px; line-height:53px; background:#000000; margin-bottom:6px;}
.menu a{ display:block; float:left; padding:0 30px; font-size:24px; font-family:\5FAE\8F6F\96C5\9ED1; color:#fff; }
.menu a.current{ background:#ae2525; padding:0 49px; margin-right:5px}
.menu a:hover{ text-decoration:none; color:#FF0; }
.submenu{ background-position:left -51px; background-repeat:repeat-x; height:36px; line-height:36px; padding-left:220px; margin-bottom:10px;}
.submenu a{ padding:0 14px}

/*ͼ½¹*/
.focusimg{height:381px;overflow:hidden;position:relative; width:665px; margin-bottom:10px; float:left;}
.focusimg .filist{height:326px;overflow:hidden;margin:0 auto}
.focusimg .filist img{height:326px;width:665px}
.focusimg .fiwords{height:55px;line-height:55px;font-size:20px;color:#fff;width:100%;text-align:center;overflow:hidden;background-color:#ae2525}
.focusimg .fiwords a{color:#fff}
.focusimg .fiwords a:hover{color:#FF0}
.focusimg .fiindex{ display:none;height:11px; text-align:center; padding-top:3px; *padding-top:11px; background-color:#ff649d}
.focusimg .fiindex li{ display:inline-block;*display:inline;*padding:2px; line-height:4px; width:8px; height:8px;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px; background-color:#000; margin:0 5px;}
.focusimg .fiindex li.hover{ background-color:#fff;}
.focusimg .aleft,.focusimg .aright{ display:none; position:absolute; width:60px; height:60px; top:133px;cursor:pointer;}
.focusimg:hover .aleft,.focusimg:hover .aright{ display:block;}
.focusimg .aleft{ left:20px; background-position:-289px -97px}
.focusimg .aright{ right:20px; background-position:-359px -97px}
.focusimg .aleft:hover{ background-position:-429px -97px}
.focusimg .aright:hover{ background-position:-499px -97px}

.ranking{ float:right; width:321px; height:381px; overflow:hidden; padding-right:4px}
.rankingtag{ float:left; width:38px; background:#000;height:381px;}
.rankingtag span{ display:block; height:116px; text-align:center; color:#fff; cursor:pointer; font-size:20px; font-family:\5FAE\8F6F\96C5\9ED1; line-height:20px; padding-top:11px;}
.rankingtag span.hover{ background-color:#ae2525;}
.ranking ul{ float:right; width:277px; height:381px;}
.ranking li{ height:29px; line-height:29px; border-bottom:1px dashed #e0e0e0;}
.ranking li img{ display:none; width:200px; height:100px; border:1px solid #9a9a9a; padding:0 37px 0 38px;}
.ranking li s,
.ranking li i,
.ranking li p,
.ranking li span{ display:block; float:left;}
.ranking li i{ width:14px; height:14px; line-height:14px; text-align:center; background-position:-164px -210px; font-style:normal; margin-top:7.5px; color:#fff;}
.ranking li s{ width:10px; height:4px; background-position:-144px -210px; margin-top:12.5px;}
.ranking li p{ width:200px; padding-left:8px;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;overflow: hidden;}
.ranking li span{ text-align:right; width:45px;}
.ranking li.hover{ height:106px; position:relative; padding-top:4px;}
.ranking li.hover img{ display:block;}
.ranking li.hover div{ display:none;}
.ranking li.hover i{ position:absolute; top:5px; left:1px; margin-top:0px}

.ranking .female .t i{ background-position:-212px -210px}
.ranking .male .t i{ background-position:-188px -210px}
.ranking .tong .t i{ background-position:-236px -210px}

.ranking .female .t img{ border-color:#f164a7;}
.ranking .male .t img{border-color:#66b5ee;}
.ranking .tong .t img{border-color:#67c884;}

.h2{ height:35px; background-position:-0px -0px; background-repeat:repeat-x; text-align:center; margin:30px auto}
.h2 span{ display:block; overflow:hidden; text-indent:-999px; width:144px; height:35px; margin:0 auto;}
.h2 span.t1{ background-position:-289px -162px}
.h2 span.t2{ background-position:-443px -162px}
.h2 span.t3{ background-position:-289px -202px}
.h2 span.t4{ background-position:-443px -202px}

.known{ width:1032px;}
.known li{ float:left; width:310px; height:340px; border:1px solid #e7e7e7; margin:0 32px 15px 0;}
.known .img{ width:310px; height:200px; display:block;}
.known div{ float:left; padding:8px 0 0 15px; width:160px;}
.known div b{ display:block; font-size:22px; font-family:\5FAE\8F6F\96C5\9ED1; font-weight:normal; height:30px; line-height:30px; white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;overflow: hidden;}
.known div p{ height:40px; line-height:20px; margin-bottom:10px; overflow:hidden}
.known div span{ display:block; width:130px; height:35px; line-height:32px; overflow:hidden; background:#ae2525; text-align:center;}
.known div span a{ color:#fff; font-size:24px; font-family:\5FAE\8F6F\96C5\9ED1}
.known .like{ display:block; float:left; width:124px; height:124px; overflow:hidden; position:relative; margin:9px 0 0 5px}
.known .like s{ display:block; width:124px; height:124px; position:absolute; top:0px; left:0px; background-position:-0px -97px}

.infiniteCarousel {width: 1000px;  position: relative;height:287px;}
.infiniteCarousel li{ float:left; width:213px;height:287px;}
.infiniteCarousel li div{ width:198px; height:285px; border:1px solid #e7e7e7; margin:0 auto;}
.infiniteCarousel li img{width:172px; height:125px; display:block; margin:0 auto;}
.infiniteCarousel li b{ display:block; height:34px; line-height:34px; margin:6px 13px 0 13px; overflow:hidden}
.infiniteCarousel li p{ display:block; height:88px; line-height:22px; margin:12px 13px 0 13px; overflow:hidden}
.infiniteCarousel li p a{ color:#af0101;}

.infiniteCarousel .wrapper {  width: 852px;  overflow: auto;  height: 287px;  margin: 0 74px;  position: absolute;  top: 0;}
.infiniteCarousel .wrapper ul {  width: 1000%;  margin:0;  padding:0;  position: absolute;  top: 0;}
.infiniteCarousel .arrow { display: block;  height:103px;  width:54px;  overflow:hidden;  text-indent: -999px;  position: absolute;  top: 89px;  cursor: pointer;  outline: 0;  opacity:0.6;-moz-opacity:0.6;-khtml-opacity:0.6;filter:alpha(Opacity=60);}
.infiniteCarousel .forward {  background-position:-215px -97px;  right: 0;}
.infiniteCarousel .back {  background-position:-144px -97px;  left: 0;}
.infiniteCarousel .forward:hover,
.infiniteCarousel .back:hover{opacity:1;-moz-opacity:1;-khtml-opacity:1;filter:alpha(Opacity=100);}

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

.brand{ width:980px; margin:0 auto}
.brand li{ float:left; width:140px; height:70px;}
.brand img{ width:120px; height:60px;  display:block; margin:0 auto;}

.footer{ text-align:center; padding-top:28px; padding-bottom:30px}
.footer p{ padding-top:6px; line-height:23px; color:#646464;}
.footer p a{color:#646464;}
.footernav{ line-height:38px; height:38px; border-bottom:1px solid #7f7f7f; color:#000; font-size:14px}

.sidewei{ display:none; width:58px; height:114px; margin-top:-77px; margin-left:500px; position:fixed; top:50%; left:50%; background-position:-189px -234px;}
.sidewei a{ display:block; height:46px; width:100%; background-color:rgba(0,0,0,0);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#00000000,endColorstr=#00000000);}
.sidewei a.weicode{ height:68px; position:relative;}
.sidewei a.weicode:hover s{ display:block; width:189px; height:228px; position:absolute; top:-103px; left:-180px; background-position:-0px -234px;}