@charset "utf-8";
/* CSS Document */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td { margin:0; padding:0; } body { font-size:14px; color:#494949; font-family:Verdana, Microsoft YaHei, Simsun; background:#efefef;} fieldset, img { border:0; } ol, ul { list-style:none; } h1, h2, h3, h4, h5, h6{ font-size:100%; font-weight:normal; } em { font-style:normal; } input, button, select, textarea { outline:none; } textarea { resize:none; } 
a { color:#525252; text-decoration:none;}
a:hover { text-decoration:underline;}

.art_main { display:inline-block; margin:0 auto 10px; width:100%; height:auto; text-align:center;}

.art_ad {  width:1000px; height:123px; margin:0 auto;}

.bread { overflow:hidden; display:inline-block; margin:8px auto; width:998px; height:38px; border:#65cbe1 1px solid; background:url(../images/breadbg.jpg); text-align:left;}
.bread p { float:left; display:inline-block; margin-left:9px; width:690px; height:38px; line-height:38px;  color:#007386;}
.bread img { float:left; display:inline; margin-left:12px; margin-top:7px;}
.b_search { display:inline-block; margin:5px 0 0 9px; width:166px; height:26px; border:#9b9b9b 1px solid;}
.b_search_b { display:inline-block; margin:6px 0 0 3px;width:66px; height:28px; background:#0086a1; color:#fff; line-height:28px; text-align:center; border:none; cursor:pointer;}

.artcenter { display:inline-block; width:1000px; height:auto; margin:0 auto 19px; text-align:left; background:url(../images/artcenterbg.jpg);}

.arc_left { float:left; display:inline; width:676px;  background:#fff; overflow:hidden;}
.arc_l_title {  width:676px; height:78px; line-height:78px; text-align:center; font-size:24px;overflow:hidden;}
.arc_l_huibo { margin-left:18px;overflow:hidden;}
.arc_l_huibo p{ line-height:25px;overflow:hidden; text-align:center; margin:0 auto;color:#333;}
.arc_l_huibo p span{ float:right; }
.arc_lh_con {display:inline-block; margin-top:16px; width:638px; height:71px; border:#2d9dcf 1px solid; background:url(../images/arc_lh_conbg.jpg) no-repeat;overflow:hidden;}
.telinput02 { float:left; display:inline-block; margin:9px 0 0 248px; width:186px; height:28px; border:#b5b5b5 1px solid;}
.telbutton02 { float:left; display:inline-block; margin:8px 0 0 20px; width:156px; height:34px;}
.arc_lh_con p { display:inline-block; margin:0 0 0 240px; width:388px; height:29px; color:#f00; font-size:15px;}
.arc_body { display:inline-block;  font-size: 14px; line-height: 25px; padding: 0px 15px; margin-top: 30px; font-family: "宋体"; text-indent: 0px; }
.arc_body p { color: #333; line-height: 2em; margin: 10px auto 20px; text-indent: 0;}

.artzx1 { margin-top:20px; text-align:center;}
.con_refer { margin: 5px auto; position: relative; z-index: 1; padding-left: 35px; }
.con_refer a { display:inline; margin: 10px; }
.Ctel_bg2 { background: url(../images/ctel_bg2.png) repeat scroll 0% 0% transparent; width: 324px; height: 69px; position: absolute; z-index: 2; top: 16px; left: 310px; _left: 280px; }
.Ctel_text2 { height: 20px; line-height: 20px; width: 146px; position: absolute; z-index: 4; top: 12px; left: 20px; background: none repeat scroll 0% 0% transparent; border: medium none; color: rgb(102, 102, 102); }
.Ctel_a2 { position: absolute; z-index: 3; top: 0px; right: 20px; width: 115px; height: 28px; border: 0px none; }
.Ctel_p2 { position: absolute; z-index: 3; top: 40px; left: 25px; width: 270px; line-height: 20px; color: rgb(80, 0, 0); }
.z_button01 { position: absolute; top: 11px; left: 180px; width: 111px; height: 25px; overflow: hidden; border: 0px none; cursor: pointer; }
.z_input01 {font-size: 14px; height: 24px;left: 12px;line-height: 28px;
 outline: medium none;position: absolute;text-indent: 0.5em;top: 10px;
width: 160px;
}

.arc_l_ad {  margin:18px auto; width:640px; height:142px; }
.arc_l_hotnew { overflow:hidden; margin:0 auto 15px; width:640px; height:202px;  }
.arc_l_hotnew p { display:inline-block; margin:10px 0 10px 215px; width:51px; height:15px;}
.arc_l_hotnew p a{ display:block; width:100%; height:100%;}
.arc_l_hotnew ul { width:291px; height:167px; background:url(../images/arc_l_hotnewlist.jpg) no-repeat;}
.arc_l_hotnew ul li { display:inline-block; margin:7px 0 0 22px; width:236px; height:20px; line-height:20px; font-size:12px;}
.arc_l_hot { float:left; width:291px; height:202px; background:url(../images/arc_l_hottitlebg.jpg) no-repeat; }
.arc_lhn { float:left; width:25px; height:202px; border-right:#b5b5b5 1px dashed;}
.arc_l_new { float:left; display:inline-block; margin:0 0 0 32px; width:291px; height:202px; background:url(../images/arc_l_newtitlebg.jpg) no-repeat; }

.list_left { float:left; width:718px;  background:#fff;}
.list_l_title { width:718px; height:32px; background:url(../images/list_l_titlebg.jpg) no-repeat; }
.list_l_con { width:716px; border:#98b5b9 1px solid; border-top:none;}
.list_l_con ul { display:inline-block; margin:10px 0 0 12px;} 
.list_l_con ul li { overflow:hidden; display:inline-block; margin-bottom:10px; width:691px; height:180px; background:url(../images/list_l_listbg.jpg) no-repeat;}
.list_lc_pic { float:left; display:inline; margin:18px 0 0 18px; width:186px; height:146px; border:#ccc 1px solid;  }
.list_lc_pic img { display:inline-block; margin:2px 0 0 2px;}
.list_lc_text { overflow:hidden; float:left; display:inline-block; margin:18px 0 0 14px; width:468px; height:148px;}
.list_lc_text p { display:inline-block; width:400px; height:30px; line-height:30px; text-indent:20px; color:#d2181b; font-size:18px; font-weight:bold;}
.list_lc_text p a {color:#d2181b;}
.list_lc_text h2 { display:inline-block; width:450px; height:62px; line-height:30px; text-indent:28px; border-bottom:#ccc 1px dashed; }
.list_lc_text h2 a { color:#f00;}
.list_lc_text h3 { float:left; display:inline; margin:26px 0 0 274px; width:86px; height:24px; line-height:20px;}
.list_lc_text h3 a { display:block; width:100%; height:100%;}
.list_lc_text h4 { float:left; display:inline-block; margin:26px 0 0 15px; width:86px; height:24px;  }
.list_lc_text h4 a { display:block; width:100%; height:100%;}
.list_page { font-size: 12px;  text-align: center; margin: 15px 16px; height:25px; }
.list_page li{ float:left; display:inline; margin:4px;}
.list_page span { color: rgb(255, 0, 0); font-weight: bolder; }
.thisclass { font-weight:bold; color:#000;}


.mid_fixed { float:left; display:inline; width:51px; height:395px; text-align:center; margin-left:4px; }
.mid_fixed ul {  margin-top:10px;}
.mid_fixed li {float:left; margin-top:20px; list-style:none;}
.zptel {display:inline-block; margin:10px auto 0; _margin-left:9px; width:36px; height:130px;}
.zppinglun  {display:inline-block; margin:10px auto 0; _margin-left:9px; width:36px; height:92px;}

.rBar { width: 267px; float: right; display:inline; }
.rBar .zj { padding: 5px 2px 10px; background: none repeat scroll 0% 0% rgb(255, 255, 255); }
.rBar .zj h2 { height: 36px; line-height: 36px; font-size: 18px; color: #12745e; font-family: "微软雅黑"; background: url(../images/tit_bg.jpg) no-repeat scroll left bottom transparent; }
.rBar .zj h2 strong { font-size: 14px; font-family: "Arial"; color: rgb(159, 160, 160); }
.rBar .zj ul { padding-top: 10px; padding-left: 5px; }
.rBar .zj span { padding: 10px 9px; display: inline-block; }
.rBar .zj img { vertical-align: middle; }
.rBar .zj p { text-indent: 2em; }
.rBar .test { padding: 5px 2px 10px; background: none repeat scroll 0% 0% rgb(255, 255, 255); text-align: center; color: rgb(216, 94, 50); }
.rBar .test h2 { height: 36px; line-height: 36px; font-size: 18px; color: #12745e; font-family: "微软雅黑"; background: url(../images/tit_bg.jpg) no-repeat scroll left bottom transparent; }
.rBar .test h2 strong { font-size: 14px; font-family: "Arial"; color: rgb(159, 160, 160); }
.rBar .test ul { overflow: hidden; padding: 0px 0px 10px 25px; _zoom:1; }
.rBar .test li { width: 100px; height: 28px; line-height: 28px; float: left; margin: 10px 10px 0px 0px; display: inline; background: url(../images/view_bg2.jpg) no-repeat scroll 0% 0% transparent; font-size: 14px; font-family: "微软雅黑"; text-align: center; }
.rBar .test li a, .rBar .test li a:visited { color: #12745e; }
.rBar .test li a:hover { color: rgb(255, 0, 0); }
.rBar .test span { display: block; padding-top: 10px; padding-left:17px; overflow: hidden; border-top: 1px solid rgb(221, 221, 221); margin-top: 10px; _zoom:1; }
.rBar .test span a, .rBar .test span a:visited { width: 93px; height: 31px; line-height: 31px; float: left; margin-left: 14px; display: inline; color: rgb(255, 255, 255); text-align: center; }
.rBar .test span a.bt1:hover, .rBar .test span a.bt2:hover { background: none repeat scroll 0% 0% rgb(0, 0, 0); color: rgb(255, 255, 0); text-decoration: none; }
.rBar .test span a.bt1 { background: none repeat scroll 0% 0% rgb(216, 94, 50); }
.rBar .test span a.bt2 { background: #12745e; }
.rBar .zj_box { height: 143px; position: relative; overflow: hidden; }
.rBar .zj_box li { height: 143px; overflow: hidden; }
.rBar .zj_box span { width: 60px; height: 20px; position: absolute; bottom: 0px; right: 10px; z-index: 55; padding: 0px; }
.rBar .zj_box span b { margin: 0px 3px; }
.rBar .zj_box span b.active { color: rgb(216, 94, 50); }
/*文章页修改*/
.hospital { margin-bottom:10px; overflow: hidden; background:#fff; }
.hos_2, .con2_con, .con5_con, .con6_con { padding: 10px 5px 2px; }
.intro { text-indent: 2em; margin: 7px 0px; font-size:12px; line-height:18px; }
.intro a { color:#f00;}
.hos_2 ul li { display:inline-block; margin-bottom: 7px; border: 1px solid rgb(218, 218, 218); overflow: hidden; }
.hos_2 ul li span { display: inline-block; padding: 7px 18px; margin-right: 5px; float: left; color: rgb(47, 47, 47); font-size: 14px; }
.hos_2 ul li div { float: left; display: inline-block; padding: 7px 0px; width: 143px; font-size: 12px; line-height:19px; }
.li1 span { background: rgb(129, 189, 239) none repeat scroll 0% 0%; }
.li2 span { background: rgb(109, 212, 227) none repeat scroll 0% 0%; }
.li3 span { background: rgb(103, 218, 151) none repeat scroll 0% 0%; }
.li4 span { background: rgb(182, 231, 122) none repeat scroll 0% 0%; }
.li5 span { background: rgb(227, 226, 86) none repeat scroll 0% 0%; }
.li6 span { background: rgb(248, 132, 81) none repeat scroll 0% 0%; }
.scroll1 { position: relative; }
.scroll1 dl { overflow: hidden; width: 218px; margin: 0px auto; }
.scroll1 dt { float: left; margin-left: 4px; width:107px; }
.scroll1 dt img { display:block;}
#scrollleft { position: absolute; top: 25px; }
#scrollright { position: absolute; top: 25px; right: 0px; }

.wenright1 { width:267px; background:#fff; padding-bottom:6px;}
.wenr_tit { background:url(../images/winright_bg.jpg) repeat-x; height:34px; line-height:34px; font-size:14px; padding:0 10px;}
.wenr_tit img { vertical-align:top;}
.wenr_tit a { display:inline-block;}
.wenr_tit1 { background:url(../images/winright1_1.jpg) no-repeat 0 8px; padding-left:20px; color:#0E9AAB; float:left; font-size:15px;}
.wenr_tit2 { float:right; font-weight:normal; color:#E73100;}

.wenexpert { padding:9px 8px; width:251px; height:auto; overflow:hidden; position:relative;}
.wenexpert img, .wenexpert1 li img { display:block;}
.wenexpert1 { overflow:hidden;}
.wenexpert1 li { float:left; display:inline;}
.wenexpert2 { position:absolute; bottom:14px; right:8px; _bottom:24px;}
.wenexpert2 li { float:left; display:inline; margin-right:8px; height:14px; width:14px; background:#EE4F09; border-radius:7px;}
.wenexpert2 li.hover { background:#910202;}

.wenexpert_tab{ width:248px; height:auto; overflow:hidden; margin:0 auto; border:1px solid #d2d2d2;}
.wenexpert_tab1 { overflow:hidden;}
.wenexpert_tab1 li{ width:33.3%; float:left; height:30px; text-align:center; font-size:14px; color:#1b83b1; line-height:30px; *width:33%; background-image:linear-gradient(180deg, #ffffff, #e9e9e9); cursor:pointer;}
.wenexpert_tab1 li.hover{ background-image:linear-gradient(180deg, #e9e9e9, #ffffff);}
.wenexpert_tab dl dd{ float:left; width:123px; text-align:center; border:1px solid #d2d2d2;border-left:none; border-bottom:none; height:37px; line-height:37px;}
.wenexpert_tab dl dd span { color:#1b83b1;}
.wenexpert_tab p{ clear:both; text-align:center; width:200px; border-top:1px solid #d2d2d2; height:27px; line-height:37px; font-size:13px;}
.wenexpert_tab p span{ color:#be0f0f;}
.wenexpert_tab2 { height:150px;}
.wenexpert_tab2 ul { overflow:hidden;}
.wenexpert_tab2 ul li { float:left; display:inline; margin:7px 10px 0 12px;}
.wenexpert_time{ width:235px; height:28px; background-color:#20b8ce; margin:0 auto; margin-top:6px; font-size:14px; font-weight:600; line-height:28px; color:#FFF; padding-left:15px;}

.communicate { width:267px; background:#fff; padding-bottom:6px; margin-bottom:10px;}
.communicate_tit { background:url(../images/winright_bg.jpg) repeat-x; height:34px; line-height:34px; font-size:14px; padding:0 10px; margin-top:10px;}
.communicate p.img{ width:239px; height:114px; margin:9px auto 0; padding-bottom:9px; border-bottom:1px dashed #a0a0a0;}
.communicate ul li{ width:237px; height:48px; overflow:hidden; margin:0 auto; border-bottom:1px dashed #c6c6c6; padding:10px 0 5px;}
.communicate ul li p.text1{ width:85px; height:44px; float:left; display:inline; margin:0 0 0 2px;}
.communicate ul li p.text2{ width:132px; float:left; display:inline; font-size:13px; margin:2px 0 0 10px; line-height:16px;}

.reservation { width:267px; background:#fff; padding-bottom:8px;}
.reservation_tit { background:url(../images/winright_bg.jpg) repeat-x; height:34px; line-height:34px; font-size:14px; padding:0 10px;}
.reservation_form { overflow:hidden; border-top:1px dashed #ccc; margin-top:10px;}
.reservation_form .res_input{ font-size:13px; float:left; display:inline; margin:8px 0 0 10px; color:#525252;}
.reservation_form .res_input p{ margin-bottom:5px;}
.reservation_form .res_input input{ width:115px; height:17px; border:1px solid #bfbfbf;}
.reservation_form button{ width:43px; height:43px; float:left; display:inline; margin:8px 0 0 16px; background-color:#e74a2b; border:none; border-radius:6px; color:#FFF; cursor:pointer; font-size:12px; }
.telphone{ clear:both; width:239px; height:42px; margin:0 auto; margin-top:5px;}
.reservation_text{ width:239px; height:64px; background:url(../images/reservation_text_bg.jpg) no-repeat; margin:0 auto; margin-top:10px; padding-top:4px;}
.reservation_text p{ width:93%; margin:0 auto; font-size:13px; line-height:19px; text-indent:2em;}
.reservation_text p a { color:#f00;}
.reservation_wsb{ width:240px; height:68px; margin:0 auto; margin-top:11px;}
.reservation_swt{ width:255px; margin:8px auto 0; overflow:hidden;}
.reservation_swt a img{ border:none;}
.reservation_swt a.swt1{ float:left; }
.reservation_swt a.swt2{ float:right;border:none;}

.yyal { width: 267px; margin: 10px auto; background:#fff; padding-bottom:1px; }
.yyal .yyal_t { width: 238px; margin: 8px auto; overflow: hidden; border-bottom: 1px dashed rgb(222, 222, 222); padding: 0px 0px 10px; }
.yyal .yyal_t img { float: left; width: 103px; border: 1px solid rgb(238, 164, 39); padding: 2px; margin: 0px 5px; }
/*.yyal ul { padding: 0 14px 3px; }
.yyal li { background: transparent url(../images/bg_list.jpg) no-repeat scroll 5px 9px; padding: 0px 0px 0px 20px; height:25px; font-size:12px; }*/
.yyal dl { width:267px; text-align:center; margin-top:8px;}
.yyal dl img { width:252px;}

.guahao1 { width:249px; margin:0 auto;}
.guahao1 h4 { color:#CC0003; text-align:center; font-weight:normal;}
.guahao1 h4 a { display:inline-block; width:110px; height:31px; cursor:pointer;}
.guahao1 h4 img { display:inline-block;}
.guahao1 ul { padding:6px 0 8px 15px;}
.guahao1 ul li { line-height:29px;}
.guahao1 ul li input { width:148px; height:20px; border:1px solid #AAAAAA; text-indent:0.5em;}
.guahao1 ul li select { width:150px; height:22px; border:1px solid #AAAAAA; text-indent:0.5em;}
.guahao1 ul li textarea { vertical-align:top; margin-top:5px; width:148px; height:40px;}

.liaofa { padding: 2px 5px; }
.liaofa li { border-bottom: 1px dashed rgb(210, 210, 210); overflow: hidden; padding: 5px 0px; height:61px; }
.liaofa h5 { float: left; display: inline; }
.liaofa div { float: left; display: inline; width: 165px; margin-left: 8px; }
.liaofa div p { text-indent: 2em; color: rgb(82, 87, 80); }
.center { margin: 5px auto; text-align: center; }

.dongdong h3 { height:30px; line-height:35px; background:#12745e; text-indent:0.5em; font-size:15px; color:#fff;}
.expert { overflow:hidden; padding:6px 7px 0; height:91px;}
.expert h2 { float:left; display:inline;}
.expert_intro { float:left; display:inline; margin-left:7px;}
.expert_intro h4 { color:#12745e; font-size:17px;}
.expert_intro h4 span { font-size:13px; font-weight:normal;}
.expert_intro p { width:145px; text-indent:2em; font-size:12px; line-height:1.75em;}

.tel {}
.tel h4 { text-align:center; margin:15px auto;}

.art_huanzhe { overflow:hidden; display:inline-block; margin:0 auto 17px; width:998px; height:310px; border:#009bb1 1px solid; border-top-width:3px;}
.art_hz_tabctrl p { float:left; width:92px; height:37px; color:#009bad; line-height:37px;}
.art_hz_tabctrl { width:998px; height:37px;}
.art_hz_tabctrl li {  float:left; display:inline-block; margin:7px 0 0 0; width:145px; height:30px; background:url(../images/art_hz_tabctrlbg.jpg) no-repeat; line-height:30px; color:#f00; }
.art_hz_tabctrl li.hover {background:url(../images/art_hz_tabctrlhoverbg.jpg) no-repeat;}

.art_hz_tabcon { width:998px; height:271px; text-align:left;}
.art_hz_tabcon ul { display:inline-block; margin:21px 0 0 13px; width:985px; height:242px;}
.art_hz_tabcon ul li { float:left; display:inline-block; margin:0 8px 0 0; width:235px; height:240px; border:#b5b5b5 1px solid; text-align:center;}
.art_hz_tabcon ul li p { width:235px; height:34px; line-height:34px;  color:#029bad; }
.art_hz_tabcon ul li h2 { display:inline-block; margin-left:10px; width:218px; height:67px; line-height:20px; text-align:left;}
.art_hz_tabcon ul li h2 a { color:#f00;}

.a25—a26 { display:inline-block; width:998px; height:423px; margin:10px auto 0; border:1px solid #0062a1; background:#FFF; }
.a25_1 {float: left; height: 48px; width: 998px; position:relative;}
.a25_1_li { position:absolute; right:0; list-style:none;}
.a25 li { float: left;list-style-type: none;overflow:hidden;}
.a25 li, .a25_1 li { background:#0D73B5; width:33.30%; height:40px; text-align:center; padding-top:8px; overflow:hidden;}
.a25 li.hover, .a25_1_li:hover{ background:#FF7E00;}
.a26 { width:978px; height:370px; float:left; margin:0 auto; overflow:hidden;} 
.a25 a { color:#FFF; font-size:large; text-decoration:none;}
.a25 a:hover { font-weight:bolder;}

.dhhb { background:url(../images/dhhb_bg.jpg) no-repeat; padding-left:340px; height:366px;}
.dhhb h5 { text-align:center; padding:24px 0 10px;}
.dhhb_intro { width:600px; margin:0 0 0 10px;  text-indent:2em; text-align:left;}
.huibo_con { overflow:hidden; display:inline-block; background:url(../images/dhhb_bg2.jpg) no-repeat; width:562px; height:70px; margin:15px 8px 8px; text-align:left;}
.huibo_con input { float:left; display:inline; margin:14px 0 0 17px;  _margin:14px 0 0 8px;width:323px; height:31px; vertical-align:top; border:0 none;}
.huibo_con a { float:left; width:192px; height:31px; margin-top:13px; margin-left:12px; display:inline-block; cursor:pointer;}
.huibo_con p { float:left; display:inline; margin-left:17px; width:520px; color:#FE3000;height:25px; line-height:25px;}
.dhhb h3 { color:#FE4725; font-size:20px; margin:0 0 0 10px;}
.dhhb ul { overflow:hidden; margin-top:15px;}
.dhhb li { float:left; display:inline; margin:0 16px 0 10px;}

.yyhj_1 { width:273px; height:330px; margin:20px 0 0 30px; _margin:20px 0 0 15px; float:left;}
.yyhj_2 { width:655px; height:335px; margin:20px 0 0 20px; _margin:20px 0 0 10px;  float:left;}
.yyhj_2 ul li { width:218px; height:169px; float:left;}
.rwfu_1 { width:940px; height:335px;  margin:20px 0 0 37px;}
.rwfu_1 ul li { width:235px; height:171px; float:left;}

/*文章页地图*/
.getway { width: 676px; height: 370px; background: url(../images/getway_bg.jpg) no-repeat scroll 0% 0% transparent; margin: 10px auto 0; font-size: 12px; overflow:hidden; }
.airport { height: 110px; padding-top: 49px; padding-left: 132px; }
.train { height: 75px; margin-top: 10px; padding-left: 132px; }
.bus { height: 145px; margin-top: 30px; padding-left: 132px; }
.getway div span { margin: 0px; padding: 0px; font-weight: bolder; display: block; }
.getway div p { margin-top: 2px; line-height: 24px; }
.getwaymain { float: left; width: 302px; margin:52px 0 0 94px; }
.getwaymain b { font-size:13px;}
.getway_bus { width: 253px; float: right; padding: 58px 13px 0px 0px; }

/* 底部铜牌 */
.bot_scroll518 { overflow:hidden; margin:10px auto 0; width: 998px; height:155px; border: 1px solid #0062a1; background:#fff;}
.bot_scroll518 p { float:left; padding-top:15px; width:36px; height:140px; background:#0062a1; color:#fff; line-height:30px; font-size:24px; text-align:center;}
.bot_scroll518 ul { overflow:hidden; display:inline-block; margin:15px 0 0 0;}
.bot_scroll518 ul li { float:left; display:inline-block; margin-right:20px; width:170px; height:120px; }


/* 文章页广告条 */
.chunjiead {width:1000px; height:123px; margin:14px auto 0;  ;}
.cjtabbut { position:absolute; margin-top:-15px; margin-left:880px; z-index:9;}
.cjtabbut ul { overflow:hidden; width:140px; height:20px;}
.cjtabbut ul li { display:inline-block; float:left; margin-right:5px; width:20px; height:12px; background-color:#990000; }
.cjtabbut ul li.on {background-color:#CC0033;}