@import url("../../CSS/Reset.css");
@import url("../../CSS/Style.css");

/*main*/
#area{width:980px;margin:5px auto 0px auto;  height:100%; background:#fff;}
#area #area-l{width:240px; float:left;}
#area #area-m{width:480px; float:left; margin-left:7px;}
#area #area-r{width:240px; float:right;}

#area-l #lg{ width:100%; margin:0px auto; border:1px solid #FF9A00; height:160px; background:url(../images/plog.gif) no-repeat right bottom;}
#lg h5{width:100%; height:26px; line-height:26px; text-align:left; text-indent:24px;background:url(../images/log1.gif) no-repeat 6px 5px #fff; border-bottom:1px solid #eee; color:#333; font-size:12px;}
#lg dl{ width:100%; height:125px; padding:10px auto;}
#lg dl dt{ width:70px; float:left; height:30px; line-height:34px; color:#666; text-align:right; overflow:hidden;}
#lg dl dt.btn{width:100%;text-align:center;}
#lg dl dd{ width:110px; float:left; height:30px; line-height:30px; text-align:left; _padding-top:4px;}
#area-l #clg {width:100%; height:28px; line-height:28px; text-align:center; margin:0px auto; margin-top:5px;}

.areasmt{border:none;width:120px; height:28px; line-height:28px; background: url(../images/tac2.gif) no-repeat center center;color:#fff;cursor:pointer; font-weight:bold;}

#area-m{width:100%; border:1px solid #0161AB; height:195px;}

.container{width:478px; height:193px;border:1px solid #0161AB; overflow:hidden;position:relative;}
.slider{position:absolute;}
.slider li{list-style:none;display:inline;}
.slider img{width:478px; height:193px; display:block;}

.num{ position:absolute; right:5px; bottom:5px;}
.num li{float:left;color:#0161AB;text-align:center;line-height:16px;width:16px;height:16px;font-family:Arial;font-size:12px;cursor:pointer;overflow: hidden;margin:3px 1px;border:1px solid #0161AB;background-color:#fff;}
.num li.on{color:#fff;line-height: 21px;width: 21px;height: 21px;font-size: 16px;margin:0 1px;border: 0;background-color: #0161AB;font-weight: bold;}


#area-r{width:100%; border:1px solid #0032A6; height:195px;}
#area-r h5{width:100%; height:26px; line-height:26px; text-align:left; text-indent:12px; background:#0161AB; border-bottom:1px solid #eee; color:#fff; font-size:12px;}
#area-r dl{ width:100%; height:160px;}
#area-r dl dt{ width:80px; float:left;color:#666; height:30px; line-height:34px;text-align:right; overflow:hidden;}
#area-r dl dt.btn{width:100%;text-align:center;}
#area-r dl dd{ width:150px; float:left; height:30px; line-height:30px;text-align:left; overflow:hidden;}

/*====================choosearea======================*/
#area #choo-l{ width:580px; float:left; height:96px; border:1px solid #ddd; padding:2px; margin-top:10px; background:url(../images/map2.jpg) no-repeat 2px 2px;}
#area #choo-r{ width:380px; float:right; height:96px; border:1px solid #ddd; padding:2px; margin-top:10px; font-size:0px;}
#choo-r img{ width:380px; height:96px; text-align:center;}
#choo-l dl{ width:98%; margin:0px auto;}
#choo-l dl dt{ width:170px; float:left; height:92px; border-right:1px solid #ddd;}
#choo-l dl dd{ width:390px; float:right;}
#choo-l dl dd a{width:48px; float:left; height:22px; line-height:22px; display:block; color:#333;}
#choo-l dl dd a:hover{background:#0161AB; color:#fff; text-decoration:none;}
#choo-l dl dd.areatit{width:390px; float:right; font-size:14px; font-weight:bold; text-align:left; height:24px; line-height:24px; border-bottom:1px dashed #ccc; margin-bottom:2px;}

/*====================Connected======================*/
#area #bocon-l{ width:780px; float:left; margin-top:10px;}
#area #bocon-r{ width:192px; float:right; margin-top:10px;}


/*====================AD======================*/
#bocon-l #ltad{width:100%;}
#ltad dl{width:195px; float:left; height:65px;}
#ltad dl dt{width:100%;text-align:left; }
#ltad dl dt img{ width:190px; height:60px;border:1px solid #ddd; vertical-align:middle;}

/*====================Fea======================*/
#bocon-l #Fea{width:100%;}
#Fea dl{width:188px; float:left; background:#f5f5f5;  border:1px solid #ddd; margin:5px 5px 0px 0px;}
#Fea dl:hover{ background:#fff;}
#Fea dl dt{width:184px; padding:2px; font-size:1px; background:#fff;}
#Fea dl dt img{width:182px; height:42px;text-align:left; }
#Fea dl dd{ width:183px;text-align:left; text-indent:5px; font-weight:bold; height:20px; line-height:20px; text-overflow:clip; overflow:hidden; white-space:nowrap;}
#Fea dl dd.zw{ font-weight:normal;}
#Fea dl dd.zw a{ color:#333; text-decoration:none;},#Fea dl dd.zw a:hover{ color:#ee0000; text-decoration:underline;}
/*====================NewY======================*/
#bocon-l #urg{ width:100%; border-bottom:1px dashed #ccc; padding-bottom:5px;}
#bocon-l #urg h5{width:100%; font-size:14px; text-align:left; height:26px; line-height:26px; border-bottom:2px solid #FF9A00; margin:10px auto;}
#bocon-l #urg ul{width:100%; margin:0px auto; clear:both; background:url(../images/listbg24.gif) repeat-y;}
#bocon-l #urg ul li{width:390px; float:left; height:24px; line-height:24px; text-align:left; background:url(../images/arrow.gif) no-repeat 8px 10px; text-indent:16px;color:#f60;overflow:hidden;text-overflow:ellipsis; white-space:nowrap;}
#bocon-l #urg ul li span a{color:#666; text-decoration:none;},#bocon-l ul li a:hover{ color:#ee0000;text-decoration:underline;}

#bocon-l #Hot{ width:100%; padding-bottom:5px;}
#bocon-l #Hot h5{width:100%; font-size:14px; text-align:left; height:26px; line-height:26px; border-bottom:2px solid #FF9A00; margin:10px auto;}
#bocon-l #Hot ul{width:100%; margin:5px auto; clear:both;}
#bocon-l #Hot ul li{width:260px; float:left; height:24px; line-height:24px; text-align:left; background:url(../images/arrow.gif) no-repeat 8px 10px; text-indent:16px;color:#f60;overflow:hidden;text-overflow:ellipsis; white-space:nowrap; border-bottom:1px dotted #eee;}
#bocon-l #Hot ul li:hover{background:url(../images/arrow.gif) no-repeat 8px 10px #E9F1FF;}
#bocon-l #Hot ul li a{display:block;},#bocon-l ul li a:hover{ color:#ee0000;text-decoration:underline;}

#bocon-l #mdlj dl{width:100%; margin:10px auto; clear:both;}
#mdlj dl dt{ width:255px; float:left; height:27px; line-height:27px; text-align:left; text-indent:56px; background:url(../images/btn_bg.gif) no-repeat center center;}
#mdlj dl dt a{ color:#333; text-decoration:none; font-weight:bold; display:block;},#requke dl dt a:hover{ color:#ee0000; text-decoration:none; display:block;}

/*====================right======================*/
#bocon-r dl#rad{ width:100%;}
#bocon-r dl#rad dt{width:100%; margin-bottom:4px; text-align:right;}
#bocon-r dl#rad dt img{width:190px; height:124px; border:1px solid #ddd; padding:1px; vertical-align:middle;}


#bocon-r .Guide{ width:100%; margin-top:10px;border:1px solid #ddd;}
#bocon-r .Guide h5{width:100%; height:26px; line-height:26px; text-align:left; text-indent:12px;background:url(../images/bg_scroll.jpg) repeat-x #eee; font-size:14px; overflow:hidden;}
#bocon-r .Guide ul{width:100%; margin:5px auto; border-top:none;}
#bocon-r .Guide ul li{width:96%; height:24px; line-height:24px; text-align:left;text-indent:12px; text-overflow:clip; overflow:hidden; white-space:nowrap;}
#bocon-r .Guide ul li a{ color:#666;}
#bocon-r .Guide dl{width:100px; float:left; margin:5px 10px -10px; height:90px;}
#bocon-r .Guide dl dt{width:100%;}
#bocon-r .Guide dl dt img{width:80px; height:50px;}
#bocon-r .Guide dl dd{ width:100px;height:22px; line-height:22px; text-align:center; text-overflow:clip; overflow:hidden; white-space:nowrap;}
#bocon-r .Guide dl dd a{color:#267139; text-decoration:underline; font-weight:bold;},#bocon-r .Guide dl dd a:hover{ color:#333;}