.service_box{ position:fixed; z-index:1000;right:-147px;top:50%;margin-top:-100px;width:200px;}
.service_box .tab_nav{ position:absolute;left:-42px;top:-1px;}
.service_box .tab_nav > li {border-bottom:1px solid #dfdbd9;}
.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;}



.service_box1{ position:fixed; z-index:1000;left:-10px;top:50%;margin-top:-100px;width:200px;}
.service_box1 .tab_nav1{ position:absolute;left:0px;top:-1px;}
.service_box1 .tab_nav1 > li {border-bottom:1px solid #dfdbd9;}
.service_box1 .tab_nav1 > li:last-child{ border-bottom:none; border-radius:0 0 0 8px;}
.service_box1 .tab_nav1 > li > a{ display:block; width:28px;padding:12px 6px 12px 8px; line-height:14px; text-align:center;color:#2c2c2c; text-decoration:none;}
.service_box1 .tab_nav1 > li.active > a{ color:#fff;}
.service_box1 .tab_nav1 .icon1{ 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_box1 .tab_nav1 .icon_1{ background-position:0 0 ;}
.service_box1 .tab_nav1 .icon_2{ background-position:-28px 0 ;}
.service_box1 .tab_nav1 .icon_3{ background-position:-56px 0 ;}
.service_box1 .tab_nav1 .active .icon_1{ background-position:0 -28px ;}
.service_box1 .tab_nav1 .active .icon_2{ background-position:-28px -28px ;}
.service_box1 .tab_nav1 .active .icon_3{ background-position:-56px -28px ;}
.service_box1 .tab_content{padding:20px 5px 10px; position:relative;}
.service_box1.tab_plan{ display:none; text-align:center;}
.service_box1 .tab_plan p{color:#333;}

.frendsim img{width: 30%; margin-left: 1%; border: 1px solid black; margin-top: 10px;}