@charset "utf-8";

.bannerZone{width:100%; padding:0 0 32px; background:url(/img/main/bg_bar.gif) repeat-x left bottom; overflow:hidden;}
.bannerZone .rollBann{position:relative; float:left; width:641px; height:233px; padding:0 0 0 59px; background:url(/img/main/roll_b_bg.gif) no-repeat 100% 0; overflow:hidden;}
.bannerZone .rollBann .rbView{position:relative; width:559px; height:222px; overflow:hidden;}
.bannerZone .rollBann ul{position:absolute; left:42px; top:0; width:474px; height:222px; z-index:10;}
.bannerZone .rollBann ul li{position:absolute; left:0; top:0;}
.bannerZone .rollBann ul li img{width:474px; height:222px;}
.bannerZone .rollBann .left{position:absolute; left:0; top:28px; filter:gray();}
.bannerZone .rollBann .right{position:absolute; right:0; top:28px; z-index:0; filter:gray();}
.bannerZone .rollBann .left img,
.bannerZone .rollBann .right img{width:320px; height:167px;}
.bannerZone .rollBann .btnPrev{position:absolute; left:0; top:92px;}
.bannerZone .rollBann .btnNext{position:absolute; left:659px; top:92px;}

.bannerZone .alBann{position:relative; float:right; width:283px; height:233px;}
.bannerZone .alBann .title{position:absolute; left:0; top:14px;}
.bannerZone .alBann ul{position:relative; width:100%; height:233px;}
.bannerZone .alBann ul li{position:absolute; left:0; top:0; width:31px; height:233px;}
.bannerZone .alBann ul li p{display:none; position:absolute; left:0; top:29px;}
.bannerZone .alBann ul li:hover p{display:block;}
.bannerZone .alBann ul li .pz{position:absolute; left:0; top:11px;}
.bannerZone .alBann ul li #num1{left:161px;}
.bannerZone .alBann ul li #num2{left:181px;}
.bannerZone .alBann ul li #num3{left:202px;}
.bannerZone .alBann ul li #num4{left:224px;}
.bannerZone .alBann ul li #num5{left:244px;}
.bannerZone .alBann .controller{position:absolute; left:265px; top:11px;}
.bannerZone .alBann .controller input{position:relative;}

.mainCont{width:100%; height:146px; padding:0 0 15px; overflow:hidden;}
.mainCont .title{float:left;}
.mainCont .box{position:relative; float:left; width:324px; height:146px; background:url(/img/main/box_cont1.gif) no-repeat right top;}
.mainCont .box h3{padding:18px 0 0 16px;}
.mainCont .box .more{position:absolute; right:11px; top:18px;}
.mainCont .onAir{width:321px; background-image:url(/img/main/box_cont2.gif);}
.mainCont .userSite{width:321px; background-image:url(/img/main/box_cont_user.gif);}
.mainCont .userSite ul{width:212px; padding:3px 0 0 7px; overflow:hidden;}
.mainCont .userSite li{float:left; font-size:0; line-height:0;}
.mainCont .counsel{background-image:url(/img/main/box_cont2.gif);}
.mainCont .counsel ul{padding:18px 0 0 16px;}
.mainCont .counsel li{padding:0 0 3px;}
.mainCont .counsel li,
.mainCont .counsel li img{line-height:0; width:144px; height:24px;}
/*.mainCont .counsel li img{display:block; line-height:0;}*/
.mainCont .counsel .call{position:absolute; right:8px; top:18px;}
.mainCont .box2{position:relative; float:left; width:324px; height:146px;}
.mainCont .box2.online{width:321px;}
.mainCont .box2 h3{position:absolute; left:0; top:0;}
.mainCont .box2 .btn{position:absolute; left:16px; top:97px;}

.textList{padding:20px 0 0 16px;}
.textList li{position:relative; padding:3px 0 0 11px; background:url(/img/main/dot.gif) no-repeat 0 10px;}
.imgList{position:relative; width:95%; height:90px; padding:20px 0 0 16px; overflow:hidden;}
.imgList li{float:left; width:99%; height:20px;}
.imgList li p{display:block; width:57%; padding:0 0 0 11px; background:url(/img/main/dot.gif) no-repeat 0 8px; overflow:hidden;}
.imgList li span{display:none; position:absolute; right:11px; top:20px; border:1px solid #d1d2cc;}
.imgList li:hover span{display:inline;}
.imgList li span img{width:97px; height:67px; border:1px solid #fff;}
.iconList{padding:6px 0 0 16px; background:url(/img/main/bg_service.gif) no-repeat 214px; 0;}
.iconList li{width:65%; height:17px; padding:2px 0 0; line-height:1.6; overflow:hidden;}
.iconList li .icon{margin:0 2px 0 0; vertical-align:-2px;}

.mainCont .tabArea{position:absolute; left:0; top:0; padding:10px 0 0 9px;}
.mainCont .tabArea h3{position:relative; padding:0; z-index:99;}
.mainCont .tabArea h3 a{position:absolute; left:0; top:0;}
.mainCont .tabArea h3.title2 a{left:112px;}
.mainCont .tabArea ul{position:absolute; left:10px; top:37px; width:295px; padding:15px 0 0 5px; background:url(/img/main/tab_line.gif) repeat-x;}
.mainCont .tabArea .imgList li span{right:0; top:20px;}
.mainCont .tabArea .more{left:265px; width:42px;}
#tab1{background-image:url(/img/main/box_cont2.gif);}
#tab2{width:321px;}

.mainBottom{width:100%; overflow:hidden;}
.mbBox{position:relative; float:left;}
.mbBox.sns .btn{position:absolute; left:19px; top:45px;}
.mbBox.sns .btn a{margin:0 10px 0 0;}

.mbBox.mobile,
.mbBox.culture{padding:0 18px;}
.mbBox.mobile .desc{position:absolute; left:30px; top:14px; width:299px; overflow:hidden;}
.mbBox.mobile p{float:left; padding:27px 0 0;}
.mbBox.mobile span{float:left; padding:0 13px;}
.mbBox.mobile .btn{float:left; width:114px;}
.mbBox.mobile .btn a{display:block; margin:4px 0 0;}

.mbBox.guide{padding:0 18px 0 0;}
.mbBox.guide .btn{position:absolute; left:10px; top:47px;}
.mbBox.guide .btn a{margin:0 3px 0 0;}

.mbBox.search .desc{position:absolute; left:10px; top:46px; width:182px; overflow:hidden;}
.mbBox.search select{float:left; width:68px; height:20px; margin:0 3px 0 0; font-size:11px; letter-spacing:-1px;}
.mbBox.search .text{float:left; width:150px; padding-bottom:1px; font-size:11px; letter-spacing:-1px;}
.mbBox.search .btn{float:left;}