@charset "gb2312";
/* 重置浏览器样式 */
html{color:#3F4F4E;background:#FFF;}
body { font-size: 14px; color: #333; text-decoration: none;}
* {margin:0; padding:0;word-wrap: break-word; font-family:"Microsoft Yahei", Arial, Helvetica, sans-serif;}
button,input,select,textarea{font-family:'Helvetica Neue',Helvetica,Arial,Sans-serif;font-size: 13px;line-height:1.7;}
ul,li,ol{list-style:none;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
small,i,em { font-family:"microsoft yahei", Arial, Helvetica, sans-serif; font-style:normal; font-weight:normal;}
img,a img{border: 0;vertical-align: middle;}
i { font-style:italic;}
hr {width:100%; margin:10px 0; background:#F00; height:1px; background:url(../images/line-1-a.png) repeat-x 0 0; overflow:hidden; border:none;}
/*清除浮动*/
.clearfix:after{clear:both;content:".";display:block;height:0;font-size:0;visibility:hidden;}
.clearfix{*zoom:1;}/*IE6清除浮动*/

/*对齐方式*/
.mleft,.fl{float:left;}.mright,.fr{float:right;}.wrap{margin:0 auto;}.hidden { overflow:hidden;}

/*文字样式*/
a {color:#333; text-decoration:none;}
a:hover {color:#122c76; text-decoration:underline;}

.fred{color:red;}.fblue{color:blue;}.fccc{color:#ccc;}.f969{color:#969696;}.fgreen{color:green;}.fpurple{color:purple;}.forange{color:orange;}

.mt10{margin-top: 10px;}.mt20{margin-top: 20px;}
.pd10 {padding:10px;}

.box-bk-c {border:1px solid #CCC;}

/*尺宽*/
.w950{width:950px;}.w930{width:930px;}.w750{width:750px;}.w730{width:730px;}.w700{width:700px;}.w230{width:230px;}.w200{width:200px;}.w190{width:190px;}

/*幻灯片*/
#example {width:950px; height:420px; background:#FFF; position:relative; overflow:hidden; }
#slides{ position:absolute; width:950px; background:#FFF; top:0; left:0; z-index:100; }
#slides .next,#slides .prev { position:absolute; top:160px; left:2px; width:30px; height:67px; display:block; z-index:101; }
.slides_container { width:950px; overflow:hidden; height:420px; overflow:hidden; position:relative; }
#slides .next { left:918px !important; }
#slides .h_pagination{background:none !important; position:absolute; bottom:-10px; display:none;}
.caption {position:absolute;bottom:-20px; left:0px; height:40px; padding:5px 5px 0 10px; background:#555;  filter: alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity: 0.8; opacity:0.8; font-weight:bold; width:935px; line-height:180%; font-size:14px; text-shadow:none; color:#FFF; }
.tj_wz{position:absolute; right:10px; bottom:15px; color:#fff;}
.tj_wz b{color:#a9da00;}
.tj_wz1{right:15px;}

/*Head style*/

.header {width:100%; height:200px; border-top:3px solid #1A2222; background:#3f4f4e;}
.header .h-pic-box {height:125px; padding-top:30px; position:relative;}
.header .h-pic-box .web-link {width:255px; height:30px; text-align:center; position:absolute; right:0; top:0; background:url(../images/web-link-bj.png) no-repeat 0 0;}
.header .h-pic-box .web-link span,.header .h-pic-box .web-link a {float:left; margin-left:10px; line-height:30px; background:url(../images/web-link-ico.png) no-repeat 0 12px; text-indent:12px; color:#BBB;}
.header .h-pic-box .web-link a:hover{ text-decoration:none;}
.header .h-pic-box .logo {float:left;margin-top:10px; width:460px; height:75px; overflow:hidden; background:url(../images/logo.png) no-repeat;}
.header .h-pic-box .logo h1 a,.header .h-pic-box .logo span a {float:left; width:255px; height:75px; text-indent:-9000px; font-size:0px; color:#FFF;}
.header .h-pic-box .tel-pic {float:right; width:255px; height:50px; margin-top:40px;}
.header .menu {width:950px; height:45px; background:url(../images/menu-bj.png) repeat-x 0 0; overflow:hidden; overflow:hidden;}
.header .menu ul {float:right; width:912px; padding-left:40px; background:url(../images/menu-left.png) no-repeat 0 0; margin-right:-2px;}
.header .menu ul li {float:left; width:114px; height:45px; line-height:45px; background:url(../images/menu-fg.png) no-repeat right 0; text-align:center;}
.header .menu ul li a {font-size:16px; color:#BBB; font-weight:bold;}
.header .menu ul li a:hover {color:#FFF;}

/*Search style*/
.s-box { border:1px solid #C9C9C9; background:#F1F1F1; height:43px;}
.s-box .search {float:left; width:258px; height:28px; padding:7px 0 8px 10px; overflow:hidden;}
.s-box .search .form {float:left; width:258px; height:28px; background:url(../images/search-box.png) no-repeat 0 0;}
.s-box .search .form #search-keyword {float:left; padding-left:26px; background:none; height:26px !important; height:27px; margin:1px 2px !important; margin:0px; width:180px; line-height:28px; border:0;}
.s-box .search .form .search-submit {float:right; width:47px; height:28px; cursor:pointer; font-size:0; border:0; color:fafafa; background:none;}
.s-box .search h4 { display:none;}
.s-box .s-keyword {float:right; width:650px; height:43px; line-height:43px; overflow:hidden;}
.s-box .s-keyword small {float:left; font-size:14px; font-weight:bold;}
.s-box .s-keyword a {float:left; margin-right:10px;text-indent:1.5em; background:url(../images/ico-02.png) no-repeat 6px center; color:#3F4F4E; white-space:nowrap;}

/*Title style*/
.box-s1 {width:100%;}
.box-s1 .title {width:100%; height:40px; background:#D3D3D3;}
.box-s1 .title h2,.box-s1 .title h3 {float:left; padding:0 20px; height:40px; line-height:40px; font-size:16px; font-weight:bold; color:#DDD; display:inline; background:#3F4F4E;}
.box-s1 .txt-list,.box-s2 .txt-list {width:100%; overflow:hidden;}
.box-s1 .txt-list ul,.box-s2 .txt-list ul {border:1px solid #CCC; margin-top:-1px; overflow:hidden;}
.box-s1 .txt-list ul li.s2 {float:left; width:50%; height:25px; line-height:25px; text-indent:2em; background:url(../images/ico-01.png) no-repeat 10px center; overflow:hidden;}

.box-s2 {width:100%;}
.box-s2 .title {width:100%; height:27px; background:#DBDDDB; overflow:hidden;}
.box-s2 .title h1,.box-s2 .title h2 {float:left; padding:0 20px; height:27px; line-height:27px; font-size:14px; font-weight:bold; color:#FFF; display:inline; background:#55454B;}
.box-s2 .txt-list ul {padding:10px; overflow:hidden;}
.box-s2 .txt-list ul li {float:left; padding-left:20px; background:url(../images/ico-02.png) no-repeat 0 center; height:22px; line-height:22px; white-space:nowrap;}
.sidesearch {width:100%;}
.sidesearch a { display:block; margin-right:8px; width:auto; white-space:nowrap; float:left;}

/*案例切换*/
.incasebox {float:left; width:948px; border:1px solid #CCC;}
.incasebox .title {float:left; width:948px; height:40px; background:#F3F3F3; border-bottom:1px solid #CCC;}
.incasebox .title ul li {float:left; width:140px; height:40px; line-height:40px; text-align:center; color:#FFF; font-size:120%; background:#3F4F4E; border-right:1px solid #FFF;}
.incasebox .title ul li h3 {float:left; width:100%; height:40px; text-align:center; color:#FFF; cursor:pointer;}
.incasebox .title ul li.current h3 {color:#FFF; text-decoration:none;}
.incasebox .title ul li.current h3 {float:left; background:#000;}
.incasebox .list {float:left; width:928px; padding:10px; overflow:hidden;}
.incasebox .list ul li {float:left; width:212px; padding:10px;}
.incasebox .list ul li a { cursor:pointer;}
.incasebox .list ul li img {width:212px; height:158px;}
.incasebox .list ul li span {float:left; width:212px; overflow:hidden;}
.incasebox .list ul li a span.bt {height:40px; line-height:40px; text-align:center; color:#3F4F4E; overflow:hidden; white-space:nowrap; font-size:110%; font-weight:bold;}
.incasebox .list ul li a:hover span.bt {color:#122C76; text-decoration:underline;}
.incasebox .list ul li span.desc {height:50px; line-height:25px; color:#666; text-decoration:none;}
.incasebox .list ul li span.linkbtn {height:32px; margin-top:10px; text-decoration:none;}
.incasebox .list ul li span.linkbtn small {width:80px; height:26px; padding:0 8px; margin:0 auto; line-height:26px; background:#3F4F4E; text-align:center; color:#FFF; display:block;}

.in-pro-menu {background:#3F4F4E;}
.in-pro-menu h2 {width:200px;height:75px;overflow:hidden;background:url(../images/in-pro-head.png) no-repeat;font-size:0;text-indent:-9999px;}
.in-pro-menu ul li {width:160px; height:35px; margin-top:5px; padding-left:40px; line-height:35px; background:url(../images/in-pro-a-bj.png) no-repeat;}
.in-pro-menu ul li a {color:#DDD; font-size:16px;}
.in-pro-menu ul li a:hover {color:#FFF;}
.in-pro-menu .in-pro-tel {width:200px; height:208px;}
.in-pro-menu b.b-bottom {font-size:1px; width:200px; height:5px; background:url(../images/in-pro-b-bj.png) no-repeat 0 bottom; display:block; overflow:hidden;}

.in-pro-list {border:1px solid #CCC; padding:10px; overflow:hidden;}
.in-pro-list ul {width:708px !important; width:728px; margin:0 !important; margin:0 -10px;}
.in-pro-list ul li {float:left; width:210px; height:196px; padding:2px; border:1px solid #CCC; margin:10px;}
.in-pro-list ul li img {width:210px; height:158px;}
.in-pro-list ul li span {float:left; width:100%; height:33px; padding-top:5px; line-height:33px; text-align:center; cursor:pointer; overflow:hidden;}

.pronavmenu {float:left; width:200px; overflow:hidden;}
.pronavmenu h2 {float:left; width:96px; padding:17px 0 0 105px; height:50px; background:url(../images/proclass-title.png) no-repeat 0 0; overflow:hidden; font-size:20px; color:#FFF;}
.pronavmenu ul {float:left; width:180px; padding:9px; border:1px solid #475754; border-top:none; position:relative; margin-top:-10px; padding-bottom:15px;}
.pronavmenu ul li {float:left; width:180px;height:28px; line-height:28px; margin-top:10px;}
.pronavmenu ul li a {float:left; width:145px; padding-left:35px; background:url(../images/proclass-title-bj.png) no-repeat 0 0; color:#333; font-weight:bold;}
.pronavmenu ul li a:hover {background:url(../images/proclass-title-bj.png) no-repeat 0 -28px; color:#FFF;}

.olkefu {float:left; width:200px; height:330px; overflow:hidden;}
.olkefu .cirbk {width:198px; height:328px; border:1px solid #475754; position:relative;}
.olkefu .cirbk img {padding:4px;}
.olkefu .cirbk ul {float:left; width:190px; height:320px; padding:4px;}
.olkefu .cirbk ul p {width:100%; height:25px; line-height:25px;}
.olkefu .cirbk ul p.thisclass {background:#ececec; margin-top:5px; font-weight:bold;}
.olkefu .cirbk ul small {font-size:14px; margin-left:10px;}
.olkefu .cirbk ul p.thisclass small {font-weight:bold;}

b.cir {width:5px; height:5px; background:url(../images/cir.png) no-repeat; position:absolute; z-index:99;}
b.cir_t_l { background-position:0 0px; top:-1px; left:-1px;}
b.cir_t_r {background-position:-5px 0px; top:-1px; right:-1px;}
b.cir_b_l { background-position:0 -5px; bottom:-1px; left:-1px;}
b.cir_b_r {background-position:-5px -5px; bottom:-1px; right:-1px;}


.main-ys {width:100%; background:url(../images/main-ys-bj.png) repeat-x 0 0; padding-top:5px;}
.main-ys .ys-pic {width:100%; overflow:hidden;}
.main-ys .ys-pic ul {width:972px !important; width:992px; margin:0 -11px !important; margin:0 -22px;}
.main-ys .ys-pic ul li {float:left; width:296px; margin:11px; border:1px solid #CCC; padding:2px; background:#FFF;}
.main-ys .market {float:left; width:948px; border:1px solid #CCC; background:#FFF;}
.main-ys .market .title {margin:0 10px;}
.main-ys .market .list {float:left; width:940px; padding:10px 4px;}
.main-ys .market .list ul li {float:left; width:430px; padding:9px; height:85px; margin:5px 10px;_margin:5px; border:1px solid #F3F3F3; background:#F9F9F9;}

.main-ys .market .list ul li .litpic {float:left; width:115px; height:85px;}
.main-ys .market .list ul li .litpic img {width:109px; height:79px; border:1px solid #CCC; padding:2px;}
.main-ys .market .list .txt {float:right;width:305px; height:85px;}
.main-ys .market .list .txt h4 { height:35px; line-height:35px; color:#475754; font-size:100%; font-weight:bold; background:#EEE;}
.main-ys .market .list .txt h4 a {padding-left:25px; background:url(../images/ico-01.png) no-repeat 10px center;}
.main-ys .market .list .txt p {height:50px; line-height:25px; overflow:hidden;}

.in-about {float:left; width:750px; height:260px; background:url(../images/in-about-yy.png) no-repeat right 0;}
.in-about .title {height:50px;}
.in-about .title h2,.market .title h2,.in-honor .title h3,.parter .title h3 {height:50px; line-height:50px; font-size:18px; color:#3F4F4E; text-indent:1em; background:url(../images/ico-title-01.png) no-repeat 0 15px; font-weight:bold;}
.in-about .info {width:750; height:210px; overflow:hidden;}
.in-about .info span.info-pic {float:left; width:310px; height:260px;}
.in-about .info span.info-txt {float:right; width:400px; padding:0 20px;}
.in-about .info span.info-txt h3 {height:35px; border-bottom:1px solid #DDD; line-height:35px; text-align:center; font-size:16px; font-weight:bold;}
.in-about .info span.info-txt p {width:100%; font-size:12px; padding-top:7px; text-indent:2em; line-height:20px;color:#696969;}

.in-honor {float:right; width:190px; height:260px;}
.in-honor .title {height:50px;}

.parter {width:950px; overflow:hidden;}
.parter .title,.market .title {height:50px; padding-bottom:5px; background:url(../images/line-h5-bj.png) repeat-x 0 bottom;}
.parter ul {width:970px; margin-left:-20px; margin-top:10px;}
.parter ul li {float:left; width:174px; height:66px; padding-left:20px; overflow:hidden;}

.in-news {float:left; width:670px;}
.in-news .title {height:40px;padding-bottom:10px;background:url(../images/in-new-title-bj.png) repeat-x 0 0;}
.in-news .title ul {width:670px; height:40px; overflow:hidden;}
.in-news .title ul li {float:left; display:block; margin-right:1px; width:115px; height:40px; background:url(../images/in-new-hover.png) no-repeat; text-align:center; font-size:16px; font-weight:bold; color:#3f4f4e; line-height:35px;}
.in-news .title ul li.current,.in-news .title ul li:hover { background-position:0 -40px; cursor:pointer; color:#FFF;}
.in-news .list {width:670px; overflow:hidden;}
.in-news .list .topone {width:670px; height:150px;}
.in-news .list .topone .s-pic {float:left; width:200px; height:150px; overflow:hidden;}
.in-news .list .topone .info {float:right; width:450px;}
.in-news .list .topone .info span.info-title {float:left; width:450px; height:43px; border-bottom:1px solid #CCC;}
.in-news .list .topone .info span.info-title h3 {background:url(../images/ico-02.png) no-repeat 5px center; text-indent:1.5em;line-height:43px; font-size:18px;}
.in-news .list .topone .info span.info-title h3 a { color:#187FC4;}
.in-news .list .topone .info span.info-title h3 a:hover{ color:#595757;}
.in-news .list .topone .info span.info-desc {float:left; height:66px; padding:10px 0 5px 0; line-height:22px; color:#898989; overflow:hidden;}
.in-news .list .topone .info span.info-link {float:left; width:430px; padding:0 10px; height:25px; line-height:25px; font-size:12px; color:#187FC4; background:#F6F6F6;}
.in-news .list .topone .info span.info-link small {font-size:12px;}
.in-news .list .topone .info span.info-link a {color:#187FC4;}
.in-news .list .txt-list {background:url(../images/line-x-4.png) #F6F6F6 repeat-x 0 0; margin-top:20px; padding-top:10px;}
.in-news .list .free-list {background:url(../images/line-x-4.png) #F6F6F6 repeat-x 0 0; margin-top:20px; padding-top:10px;}
.in-news .list .txt-list ul,.free-list ul {width:100%; overflow:hidden;}
.in-news .list .txt-list ul li {float:left; width:50%; text-indent:2em; background:url(../images/ico-03.png) no-repeat 5px center; height:25px; line-height:25px;}
.in-news .list .free-list ul li {float:left; width:33%; text-indent:2em; background:url(../images/ico-03.png) no-repeat 5px center; height:25px; line-height:25px; overflow:hidden; white-space:nowrap;}

.in-message {float:right; width:240px; height:410px; padding:10px; background:#EDEDED; overflow:hidden;}
.in-message .title {height:34px; border-bottom:1px solid #D1D1D1;}
.in-message .title h4 { background:url(../images/ico-title-01.png) no-repeat 0 center; line-height:30px; color:#3f4f4e; font-size:16px; text-indent:1.0em;}
.in-message .msg-box {float:left; width:240px; padding:10px 0; border-top:1px solid #FFF;}
.sp-list {width:100%;}
.sp-list ul li {float:left;width:100%;height:25px;line-height:25px;overflow:hidden; background:url(../images/ico-04.png) no-repeat 0 center; text-indent:15px;}

.flink {width:930px; border:1px solid #DBDDDB; padding:9px;}
.flink .title {height:30px; border-bottom:1px solid #DBDDDB; position:relative; z-index:1;}
.flink .title h4 {width:95px; height:22px; background:url(../images/flink-logo.png) #FFF no-repeat; text-indent:-9999px; font-size:0; overflow:hidden; display:inline; position:absolute; bottom:-1px; left:0;}
.flink .title span {position:absolute; right:5px; height:30px; line-height:30px; font-size:12px; color:#475754;}
.flink ul {width:930px; margin-top:10px; overflow:hidden;}
.flink ul li {float:left; margin:0 8px; white-space:nowrap; line-height:24px;}

.copyr { background:#E8E8E8;}
.copyr .txt-link {height:40px; background:#475754; line-height:40px; text-align:center;}
.copyr .txt-link a {margin:0 8px; color:#FFF;}
.copyr .copybox {padding:10px 0; position:relative; z-index:1;}
.copyr .copybox .copy-txt {padding-top:75px; background:url(../images/copy-logo.png) no-repeat 0 -10px; height:80px;}
.copyr .copybox .copy-txt p { height:20px; line-height:20px; white-space:nowrap; color:#475754;}
.copyr .copybox .copy-txt a {color:#475754;}
.copyr .copybox .erwm {width:150px; height:150px; overflow:hidden; background:url(../images/erwm.jpg) no-repeat; position:absolute; top:15px; right:0; z-index:10;}

/*分页*/
.pagebox {padding:9px; margin-top:10px; border:1px solid #bbbbba;}
.pagebox ul.pagelist { height:25px; overflow:hidden;}
.pagebox ul.pagelist li {float:left; margin:0 5px; height:25px; line-height:25px;}
.pagebox ul.pagelist li.thisclass {font-weight:bold; color:#187FC4;}

/*产品列表*/
.ch_list {width:950px;}
.ch_list .mubox {float:left; width:200px;}
.ch_list .mubox .div1 {width:200px;}
.ch_list .mubox .div2 {position:fixed;_position:absolute; top:0; z-index:100;}
.ch_list .probox {float:right; width:730px; overflow:hidden;}


.pic-list {border:1px solid #CCC; padding:10px; overflow:hidden;}
.pic-list ul {width:708px !important; width:728px; margin:0 !important; margin:0 -10px;}
.pic-list ul li {float:left; width:210px; height:196px; padding:2px; border:1px solid #CCC; margin:10px;}
.pic-list ul li img {width:210px; height:158px;}
.pic-list ul li span {float:left; width:100%; height:33px; padding-top:5px; line-height:33px; text-align:center; cursor:pointer; overflow:hidden;}

/*产品内容*/
.pro-bd {width:710px; padding:9px; border:1px solid #BBBBBA; overflow:hidden;}
.pro-bd h1,.art-bd h1 {height:60px; font-size:24px; color:#475754; line-height:50px; text-align:center; background:url(../images/line-x-4.png) repeat-x 0 bottom;}
.pro-bd .info,.art-bd .info {height:30px; background:#DBDBDB; line-height:30px; color:#475754; font-size:14px; text-align:center;}
.pro-bd .info small,.art-bd .info small {font-size:14px; margin-left:10px; padding:0 3px;}
.pro-bd .content,.art-bd .content {margin:20px 0; line-height:180%; overflow:hidden;}
.pro-bd .content p,.art-bd .content p {margin-bottom:1rem;}
.pro-bd .content img,.art-bd .content img { max-width:680px;height:auto;}

.context {border:1px solid #BBBBBA; heigth:50px; padding:9px;background:url(../images/context.png) no-repeat 15px 9px; overflow:hidden;}
.context ul li { margin-left:25px; height:25px; line-height:25px;}

/*文章列表*/
.shenglink {width:938px; padding:5px;}
.shilink {width:720px; height:auto; padding:4px; border:1px solid #CCC;}
.shilink a,.shenglink a {float:left; border:1px solid #CCC; background:#F6F6F6; padding:3px 6px; margin:5px; white-space:nowrap;}
.art-list {width:100%; overflow:hidden;}
.art-list ul {margin-top:-20px;}
.art-list ul li {float:left; width:700px; margin-top:20px;}
.art-list ul li .s-pic {float:left; width:190px; height:140px; padding:4px; margin-right:20px; border:1px solid #BBBBBA;}
.art-list ul li .s-pic:hover {border:1px solid #475754; background:#55454B;}
.art-list ul li .t-info {margin:0 auto; height:150px; overflow:hidden;}
.art-list ul li .t-info h3 {height:45px; line-height:45px; background:url(../images/line-h5-bj.png) repeat-x 0 bottom; font-size:16px; font-weight:bold; overflow:hidden}
.art-list ul li .t-info h3 a {padding-left:28px; background:url(../images/ico-05.png) no-repeat 5px center; font-size:18px; color:#475754;}
.art-list ul li .t-info .desc {height:60px; line-height:20px; margin:5px; overflow:hidden;}
.art-list ul li .t-info .more {height:25px; line-height:25px; background:#F6F6F6; text-align:right;}
.art-list ul li .t-info .more small {line-height:25px; margin-right:15px; font-size:14px; color:#55454b;}
.art-list ul li .t-info .arturltxt {height:25px; line-height:25px; background:#F6F6F6; text-align:left;}
.art-list ul li .t-info .arturltxt a {color:#6fb16b; margin-left:5px;}

/*自由列表*/
.freelist,.freelist h1 {width:100%; overflow:hidden;}
.freelist h1 { height:50px; line-height:50px; font-size:24px; color:#475754; text-align:center; font-weight:bold; border-bottom:1px dashed #475754;}

/*文章内容*/
.art-bd {width:680px; padding:9px; border:1px solid #BBBBBA; overflow:hidden;}

hr {width:100%; height:1px; border:0; font-size:1px; margin:10px 0; background:url(../images/line-h5-bj.png) repeat-x 0 0;}

/*TAG*/
.place {width:100%; border-bottom:1px solid #DBDBDB; padding-bottom:6px;}

.sp-title {width:100%px; height:28px; background:#DBDBDB;}
.sp-title h2 {float:left; padding:0px 9px; display:inline; height:28px; line-height:28px; background:#475754; color:#FFF; font-size:14px; font-weight:bold;}

.tags_list {border:1px solid #DBDBDB; padding:9px;}
.tags_list dl.tbox {width:100%;}
.tags_list dl.tbox dt {border-bottom:1px dashed #DBDBDB; height:26px; line-height:26px;}
.tags_list dl.tbox dt strong {padding:0px 5px;}
.tags_list dl.tbox dd {padding:5px 0;}
.tags_list dl.tbox dd a {float:left; white-space:nowrap; margin-right:8px;}


/*专题单页*/
.single-spec {border:1px solid #DBDBDB; padding:9px; width:930px; overflow:hidden;}
.single-spec h2 {width:100%; line-height:240%; font-size:18px; font-weight:bold; color:#475754; background:url(../images/line-x-4.png) repeat-x 0 bottom; margin:10px 0;}
.single-spec h3 { line-height:180%; text-indent:2em; font-size:16px; font-weight:bold; color:#55454B; background:url(../images/ico-01.png) no-repeat 1em center;}

.service_box{ position:fixed; z-index:1000;right:-147px;top:50%;margin-top:-100px;width:146px;border:1px solid #ece8e5; background:#fff; }
.service_box .tab_nav{ position:absolute;left:-42px;top:-1px;}
.service_box .tab_nav > li {background:#ece8e5;border-bottom:1px solid #dfdbd9;}
.service_box .tab_nav > li.active{ background:#ff6b09;}
.service_box .tab_nav > li:first-child{border-radius:8px 0 0;}
.service_box .tab_nav > li:last-child{ border-bottom:none; border-radius:0 0 0 8px;}
.service_box .tab_nav > li > a{ display:block; width:28px;padding:12px 6px 12px 8px; line-height:14px; text-align:center;color:#2c2c2c; text-decoration:none;}
.service_box .tab_nav > li.active > a{ color:#fff;}
.service_box .tab_nav .icon{ display:block; height:28px;width:28px; background:url(../images/bg_online_service_new.gif) no-repeat; overflow:hidden;margin:3px 0;*margin:6px 0;}
.service_box .tab_nav .icon_1{ background-position:0 0 ;}
.service_box .tab_nav .icon_2{ background-position:-28px 0 ;}
.service_box .tab_nav .icon_3{ background-position:-56px 0 ;}
.service_box .tab_nav .active .icon_1{ background-position:0 -28px ;}
.service_box .tab_nav .active .icon_2{ background-position:-28px -28px ;}
.service_box .tab_nav .active .icon_3{ background-position:-56px -28px ;}
.service_box .tab_content{padding:20px 5px 10px; position:relative;}
.service_box .tab_plan{ display:none; text-align:center;}
.service_box .tab_plan p{color:#333;}