@charset "gb2312";
.mainer { width:980px; float:left;}
.mainer .video { width:300px; height:275px; float:left; background:#FFF; padding:5px;}
.mainer .news {width:365px; height:275px; float:left; background:#FFF; padding:5px;}
.mainer .brand { width:265px; height:275px; float:left; background:#FFF; padding:5px;}
.mainer .more { float:right;}
.mainer .video .title,.mainer .news .title,.mainer .brand .title  { }

.mainer .video .title { width:300px; height:31px; line-height:31px; float:left; background:url(../images/tbg.gif) no-repeat;}
.mainer .video .title h4 { width:100px; float:left; color:#333333; margin:0px; padding-left:30px; font-family:"Î¢ÈíÑÅºÚ"; font-size:14px}
.mainer .video .title a { color:#333}
.mainer .video .videocon { padding:5px; float:left;}

.mainer .news .title { width:350px; padding:0 10px; height:31px; line-height:31px; float:left; background:url(../images/tbg.gif) no-repeat;}
.mainer .news .title h4 { width:100px; float:left; color:#333333; margin:0px; padding-left:20px; font-family:"Î¢ÈíÑÅºÚ"; font-size:14px}
.mainer .news .title a { color:#333; text-align:right}

.mainer .news .picnews { width:345px; padding:10px; float:left;}
.mainer .news .picnews .img { float:left; width:112px; height:80px; padding:2px; border:#CCC 1px solid;}
.mainer .news .picnews .img:hover { color:#999; }
.mainer .news .picnews p { float:left; width:210px; height:90px; padding-left:10px;}
.mainer .news .picnews p .t { color:#038900; font-weight:bold;}
.mainer .news .picnews p .t:hover { color:#090}
.mainer .news .picnews p .fr { color:#ff6600}
.mainer .news .picnews p .fr:hover { color:#ff3300}
.mainer .news .list { width:350px; padding:0 10px; float:left;}
.mainer .news .list li { line-height:24px; width:345px; float:left;}
.mainer .news .list li a { color:#666;}
.mainer .news .list li a:hover { color:#ff6600}
.mainer .news .list li span { float:right}


.mainer .brand .title { width:265px; height:31px; line-height:31px; float:left; background:url(../images/tbg.gif) no-repeat;}
.mainer .brand .title h4 { width:100px; float:left; color:#333333; margin:0px; padding-left:30px; font-family:"Î¢ÈíÑÅºÚ"; font-size:14px}
.mainer .brand .title a { color:#333}
.mainer .brand .brandcon { width:255px; height:230px; padding:5px; float:left;overflow: hidden;}
.mainer .brand .brandcon li { float:left; width:255px; height:24px;line-height:24px; overflow:hidden;}
.mainer .brand .brandcon li a {color:#666; }
.mainer .brand .brandcon li a:hover {  color:#ff6600}

/* ranklist */
.ranklist{height:255px;overflow:hidden; float:left;}
.ranklist li{height:16px;line-height:16px;overflow:hidden;position:relative;padding:0 10px 0 10px;margin:0 0 10px 0;}
.ranklist li em{background:url(images/mun.gif) no-repeat;width:20px;height:16px;overflow:hidden;display:block;position:absolute;left:0;top:0;text-align:center;font-style:normal;color:#333;}
.ranklist li em{background-position:0 -16px;}
.ranklist li.top em{background-position:0 0;color:#fff;}
.ranklist li .num{position:absolute;right:0;top:0;color:#999;}
.ranklist li a {color:#666; }
.ranklist li a:hover {  color:#ff6600}

.mainer .product { width:980px; float:left; background:#FFF url(../images/productbg.jpg) bottom repeat-x;}
.mainer .product .top { width:960px; height:30px; line-height:30px; background:#f5f5f5; float:left; padding:0 10px; color:#666}
.mainer .product .top .fl { font-size:14px; font-family:"Î¢ÈíÑÅºÚ"}
.mainer .product ul { width:980px; padding:10px; float:left}
.mainer .product ul li { width:143px; float:left; height:140px; line-height:22px; margin-right:10px; text-align:center}
.mainer .product ul li a { color:#999}
.mainer .product ul li a:hover { color:#ff6600}

.box {MARGIN-TOP: 12px; FONT-SIZE: 12px; OVERFLOW: hidden;WIDTH: 980px; float:left; ZOOM: 1 }
.box .pcont {FLOAT: left; OVERFLOW: hidden; height:140px; WIDTH: 930px; padding:0px; padding:0 10px;}
.box .ScrCont {WIDTH: 32766px; ZOOM: 1}
.box #List1_1 {FLOAT: left}
.box #List2_1 {FLOAT: left}
.box .LeftBotton {BACKGROUND: url(../images/left.gif) no-repeat 0px 45px; FLOAT: left; MARGIN: 10px 0px; WIDTH: 15px; HEIGHT: 130px}
.box .RightBotton {BACKGROUND: url(../images/right.gif) no-repeat 0px 45px; FLOAT: right; MARGIN: 10px 0px; WIDTH:15px; HEIGHT: 130px}
.box .pl IMG {DISPLAY: block; MARGIN: 6px auto 1px; CURSOR: pointer; }
.box .pl {FLOAT: left; WIDTH: 143px; LINE-HEIGHT: 24px;TEXT-ALIGN: center; margin:0 7px; color:#333}

.mainer .newswrap { width:980px; float:left;}
.mainer .newsbox { width:312px; height:222px; padding:3px 4px; float:left; background:url(../images/newsbg.jpg) no-repeat;}
.mainer .newsbox .title { width:292px; padding:0 10px; height:24px; float:left; background:url(../images/titlebg.jpg) no-repeat;}
.mainer .newsbox .title h4 { width:100px; float:left; color:#FFF; margin:0px; padding:0; font-family:"Î¢ÈíÑÅºÚ"; font-size:12px}
.mainer .newsbox .title span { width:34px; padding:6px; height:10px; float:right;}
.mainer .newsbox .picnews { width:292px; padding: 15px 10px 10px 10px; float:left;}
.mainer .newsbox .picnews .img { float:left; width:112px; height:80px; padding:2px; border:#CCC 1px solid;}
.mainer .newsbox .picnews .img:hover { color:#999; }
.mainer .newsbox .picnews p { float:left; width:160px; height:90px; padding-left:10px;}
.mainer .newsbox .picnews p .t { color:#038900; font-weight:bold;}
.mainer .newsbox .picnews p .t:hover { color:#090}
.mainer .newsbox .picnews p .fr { color:#ff6600}
.mainer .newsbox .picnews p .fr:hover { color:#ff3300}
.mainer .newsbox .list { width:292px; padding:0 10px; float:left;}
.mainer .newsbox .list li { line-height:24px; width:292px; float:left;}
.mainer .newsbox .list li a { color:#666}
.mainer .newsbox .list li a:hover { color:#ff6600}
.mainer .newsbox .list li span { float:right}
.mainer .otherbox { width:980px; height:168px; float:left; background:url(../images/otherbg.jpg) repeat-x;}

.mainer #con { font-size:12px; width:295px; padding:10px; float:left; clear:both;}
.mainer #tags { height:20px; width:295px; margin:0; padding:0;}
.mainer #tags li { float:left; margin-right:3px; background:url(../images/tagleft.gif) no-repeat left bottom; height:20px;line-height:20px; list-style-type:none}
.mainer #tags li a { text-decoration:none; float:left; background:url(../images/tagright.gif) no-repeat right bottom; height:20px; padding:0px 10px; line-height:20px; color:#666666}
.mainer #tags li.emptyTag { width:4px; background:none}
.mainer #tags li.selectTag { background-position: left top; position:relative; height:22px; margin-bottom:-2px}
.mainer #tags li.selectTag a { background-position: right top; color:#000; height:22px; line-height:20px;}
.mainer #tagContent { padding:1px; background-color:#fff; border-top:1px solid #dddddd;}
.mainer #tagContent div.selectTag{ display:block}

.mainer .tagContent { float:left; height:auto;  color:#666666; padding:10px 0; width:295px; display:none; line-height:22px;}
.mainer .tagContent ul { width:295px;float:left; margin:0; padding:0;}
.mainer .tagContent li { line-height:22px; width:295px; float:left;}
.mainer .tagContent li a { color:#666}
.mainer .tagContent li a:hover { color:#ff6600}
.mainer .tagContent li span { float:right}

.mainer .network { width:236px; height:138px; float:left; margin-top:10px;}
.mainer .network .nw a{ background:url(../images/network.jpg) no-repeat; width:236px; height:113px; display:block;}
.mainer .network .tm a { background:url(../images/tm.jpg) no-repeat; width:236px; height:25px; display:block;}
.mainer .mailbox { width:250px; padding:0 10px; height:118px; padding-top:30px; float:left; margin-top:10px; background:url(../images/mail.jpg) no-repeat; color:#999999}
.mainer .mailbox  form { margin:0; padding:0;}
.mainer .mailbox .p1 { float:left; clear:both;}
.mainer .mailbox .p2 { width:250px;  padding:5px 0; float:left; clear:both;}
.mainer .mailbox .p2 input.key { float:left; background:url(../images/mailico.jpg) no-repeat 0 2px; width:110px; height:21px; line-height:21px; padding-left:25px;}
.mainer .mailbox .p2 .sel { width:105px;  float:left;}
.mainer .mailbox .p3 { padding-top:10px; float:left; padding-left:30px;}
.mainer .mailbox .p3 input.dy { margin-left:15px; display:block; width:72px; height:26px;background:url(../images/maili1.jpg) no-repeat; float:left; border:0; text-indent:-9999px; cursor:pointer}
.mainer .mailbox .p3 input.td { margin-left:15px;  display:block; width:72px; height:26px;background:url(../images/maili2.jpg) no-repeat; float:left; border:0; text-indent:-9999px; cursor:pointer}

#rfloat{width:100px;height:auto;background:#ebebeb;}
.a a { display:block; width:100px; height:136px; background: url(../images/wx1.gif) no-repeat; text-indent:-9999px; overflow:hidden;}
.a a:hover { display:block; width:100px; height:136px; background: url(../images/wx2.gif) no-repeat;}
.b a { display:block; width:100px; height:136px; background: url(../images/hesheng.gif) no-repeat; text-indent:-9999px; overflow:hidden;}
.b a:hover { display:block; width:100px; height:136px; background: url(../images/hesheng1.gif) no-repeat;}
.c a { display:block; width:100px; height:136px; background: url(../images/taobao.gif) no-repeat center; text-indent:-9999px; overflow:hidden;}
.c a:hover { display:block; width:100px; height:136px; background: url(../images/taobao1.gif) no-repeat center;}
.d a { display:block; width:100px; height:136px; background: url(../images/wb.gif) no-repeat; text-indent:-9999px; overflow:hidden;}
.d a:hover { display:block; width:100px; height:136px; background: url(../images/wb1.gif) no-repeat;}
.e a { display:block; width:100px; height:136px; background: url(../images/ibzwb.gif) no-repeat; text-indent:-9999px; overflow:hidden;}
.e a:hover { display:block; width:100px; height:136px; background: url(../images/ibzwb1.gif) no-repeat;}
.f a { display:block; width:100px; height:136px; background: url(../images/jingdong.gif) no-repeat; text-indent:-9999px; overflow:hidden;}
.f a:hover { display:block; width:100px; height:136px; background: url(../images/jingdong.gif) no-repeat;}
.g a { display:block; width:100px; height:136px; background: url(../images/tmall.gif) no-repeat; text-indent:-9999px; overflow:hidden;}
.g a:hover { display:block; width:100px; height:136px; background: url(../images/tmall.gif) no-repeat;}


#slider-wrapper {width:924px;height:325px;float:left; margin:10px 0;}
#slider {position:relative;width:924px;height:325px;margin-left:0px;background:url(../images/loading.gif) no-repeat 50% 50%;}
#slider img {position:absolute;top:0px;left:0px;display:none;}
#slider a {border:0;display:block;}
.nivo-controlNav {position:absolute;left:260px;bottom:-42px;display:none;}
.nivo-controlNav a {display:block;width:22px;height:22px;background:url(../images/bullets.png) no-repeat;text-indent:-9999px;border:0;margin-right:3px;float:left;}
.nivo-controlNav a.active {background-position:0 -22px;}
.nivo-directionNav a {display:block;width:30px;height:30px;background:url(../images/arrows.png) no-repeat;text-indent:-9999px;border:0;}
a.nivo-nextNav {background-position:-30px 0;right:15px;}
a.nivo-prevNav {left:15px;}
.nivo-caption {text-shadow:none;font-family: Helvetica, Arial, sans-serif;}
.nivo-caption a {color:#efe9d1;text-decoration:underline;}
.clear {clear:both;}
.nivoSlider {position:relative;}
.nivoSlider img {position:absolute;top:0px;left:0px;}
.nivoSlider a.nivo-imageLink {position:absolute;top:0px;left:0px;width:100%;height:100%;border:0;padding:0;margin:0;z-index:60;display:none;}
.nivo-slice {display:block;position:absolute;z-index:50;height:100%;}
.nivo-caption {position:absolute;left:0px;bottom:0px;background:#000;color:#fff;opacity:0.8;width:100%;z-index:89;}
.nivo-caption p {padding:5px;margin:0;}
.nivo-caption a {display:inline !important;}
.nivo-html-caption { display:none;}
.nivo-directionNav a {position:absolute;top:45%;z-index:99;cursor:pointer;}
.nivo-prevNav {left:0px;}
.nivo-nextNav {right:0px;}
.nivo-controlNav a {position:relative;z-index:99;cursor:pointer;}
.nivo-controlNav a.active {	font-weight:bold;}