body {margin:0;font-size:12px;color:#333333;background:#F6F6F6;overflow-x: hidden;}
* {word-break:break-all;font-family:"Microsoft Yahei",Tahoma,Verdana,Arial;-webkit-text-size-adjust:none;}
input,select,textarea {font-size:12px;padding:4px;}
img {border:none;}
ul li {list-style-type:none;}
ol li {list-style-type:decimal;}
ul,form {margin:0;padding:0;}



/* links */
a:link,a:visited,a:active {color:#333333;text-decoration:none}
a:hover {color:#FF6600;}
a.w:link,a.w:visited,a.w:active{text-decoration:none;color:#FFFFFF;}
a.w:hover{text-decoration:underline;}
a.t:link,a.t:visited,a.t:active{text-decoration:none;color:#225588;}
a.t:hover{text-decoration:underline;}
a.b:link,a.b:visited,a.b:active {color:#014CCC;text-decoration:none;}
a.b:hover {color:#FF6600;}
.f14{font-size:14px;}
.fred{color:red;}
.m {width:1200px;margin:auto;}
.w {width:100%;}
.top {height:36px;line-height:36px;background:#F8F8F8;border-bottom:#E5E5E5 1px solid;width:100%;display:none;}
#top a {text-decoration:none;}
.head {height:116px;overflow:hidden;}
.head div {float:left;}
.head .logo {padding:16px 10px 0 0;height:90px;overflow:hidden;}
.head h1 {display:inline-block;height:26px;line-height:26px;overflow:hidden;font-size:24px;margin:24px 0 10px 0;color:#333333;filter:glow(color=#FFFFFF,strength=3);}
.head h4 {height:32px;line-height:32px;overflow:hidden;font-size:16px;margin:0;color:#666666;}

.side_head {border-bottom:#F6F6F6 1px solid;background:#FFFFFF;border-radius:6px 6px 0 0;}
.side_head div {padding:0 16px;font-size:14px;height:44px;line-height:44px;overflow:hidden;}
.side_body {background:#FFFFFF;padding:16px;margin:0 0 10px;overflow:hidden;}
.side_body li {background:url('../../home/image/ico_arrow.gif') no-repeat 6px 12px;padding:0 0 0 16px;height:32px;line-height:32px;overflow:hidden;}

.main_head {border-bottom:#E5E5E5 1px solid;background:#FFFFFF;border-radius:6px 6px 0 0;}
.main_head div {padding:0 16px;font-size:14px;height:44px;line-height:44px;overflow:hidden;}
.main_body {background:#FFFFFF;padding:16px;margin:0 0 10px;overflow:hidden;}

/* show */
.title {text-align:center;font-size:20px;font-weight:bold;line-height:48px;}
.info {padding:16px;background:#F6F6F6;margin-top:16px;}
.content {font-size:14px;line-height:180%;padding:20px;}
.content p {margin:0 0 16px 0;}
.property {border:#E6E6E6 1px solid;background:#F6F6F6;padding:16px;margin:0 20px;}
.property li {float:left;width:30%;height:24px;line-height:24px;overflow:hidden;}
.foot {background:#FFFFFF;padding:24px;line-height:32px;text-align:center;}
.foot i,.top i {font-style:normal;color:#999999;padding:0 10px;}
.pos {padding:10px 0 10px 32px;height:24px;line-height:24px;background:url('ico-nav.png') no-repeat 6px 14px;}
.pos div {float:right;}
.pos i {font-style:normal;font-weight:bold;color:#444444;padding:0 6px;font-family:simsun;}
.pos em {font-style:normal;color:#999999;padding:0 10px;font-size:12px;}
.pos .f_r {font-size:12px;color:#666666;}
.nvs {margin:-3px 0 0 0;}
.nvs input {width:318px;border:#EEEEEE 1px solid;border-radius:12px;padding:4px 8px 4px 32px;font-size:14px;background:#FFFFFF url('ico-search.png') no-repeat 6px center;outline:none;color:#444444;}
.nvs s {display:none;}
.nvs:hover s{display:inline-block;width:48px;height:28px;line-height:28px;text-align:center;background:#0679D4;color:#FFFFFF;position:absolute;text-decoration:none;margin:0 0 0 -48px;border-radius:0 12px 12px 0;cursor:pointer;}
.inp {border:#CCCCCC 1px solid;color:#666666;padding:6px;}
.sbm {height:28px;line-height:28px;border:#CCCCCC 1px solid;color:#333333;background:#EEEEEE;border-radius:6px;padding:0 10px;cursor:pointer;}
.sbm:hover {background:#DDDDDD;}
.banner {}

.sign-vip {width:220px;padding:10px 16px;background:url('contact-vip.png') no-repeat 0 center;color:#DBB78B;border-radius:0 0 10px 10px;z-index:1;position:absolute;margin:0 0 0 948px;}
.sign-vip b {font-size:12px;font-weight:normal}
.sign-vip span {float:right;font-size:12px;}
.sign-com {width:220px;padding:10px 16px;background:#FFFFFF;border:#E5E5E5 1px solid;border-radius:0 0 10px 10px;z-index:1;position:absolute;margin:-1px 0 0 946px;}
.sign-com b {font-size:14px;color:#333333;}
.sign-com span {float:right;font-size:14px;color:#999999;}

/* thumb */
.thumb {padding:16px;position: relative;}
.thumb img {border:#EEEEEE 1px solid;}
.thumb div {height:40px;overflow:hidden;line-height:20px;font-size:12px;margin:6px 0 0 0;text-align:left;}
.thumb p {font-size:10px;color:#888888;margin:2px;}
.thumb:hover{background:#F6F6F6;}
.thumb b {display: block;
    height: 27px;
    line-height: 27px;
    color: #fc0;
    font-size: 12px;
    text-align: left;
    padding: 0 4px;
    position: absolute;
    bottom: 67px;
    left: 17px;
    background: rgba(0,0,0,0.5);
    width: 192px;}
    
.thumb dd{
    height: 30px;
    line-height: 24px;
    position: absolute;
       top: 15px;
    left: 12px;
    padding: 0px 5px;
    background: url(image/line_icon2.png) no-repeat left;
    color: #fff;
    font-size: 14px;
    font-weight: 300;
    text-align: center;margin: 0px;
}

    
    
.thumb b s {font-size:12px;text-decoration:none;}
.thumb b em {float:right;font-size:12px;color:#fff;font-weight:normal;font-style:normal;padding-right:4px;}
.thumb b span {color:#999999;font-weight:normal;}
.thumb a{color: #2B7CC7;}
.thumb a:hover{ color:#f60;}
.list-mix {}
.list-mix table {width:100%;}
.list-mix th {height:32px;background:#F6F6F6;}
.list-mix tr:hover {background:#F6F6F6;}
.list-mix div {height:40px;line-height:20px;overflow:hidden;font-size:14px;margin:6px 0;}
.list-mix p {height:42px;line-height:42px;overflow:hidden;overflow:hidden;font-size:14px;margin:0;text-align:left;padding:0 6px;}
.list-mix img {border:#EEEEEE 1px solid;}

.list-txt {}
.list-txt tr:hover {background:#F6F6F6;}
.list-txt th {height:32px;background:#F6F6F6;}
.list-txt td {height:32px;}
.list-txt li {height:42px;line-height:42px;overflow:hidden;padding:0 16px;}
.list-txt a {font-size:14px;}
.list-txt li:hover {background:#F6F6F6;}
.list-txt i {float:right;font-size:12px;color:#999999;font-weight:normal;font-style:normal;}

.list-none {padding:128px 0;font-size:14px;color:#999999;text-align:center;}
/* album */
#mid_pos {position:absolute;}
#mid_div {width:400px;height:300px;border:#DDDDDD 1px solid;background:#F2F2F2;position: relative;}
#mid_div dd{
    height: 30px;
    line-height: 24px;
    position: absolute;
    top: 0;
    margin-left: 0px;
    left: -4px;
    padding: 0px 5px;
    background: url(image/line_icon2.png) no-repeat left;
    color: #fff;
    z-index: 999999;
    font-size: 14px;
    font-weight: 300;
    text-align: center;
}
#zoomer {width:160px;height:120px;background:#FFFFFF url('ab-zoom-bg.gif');position:absolute;z-index:6;opacity:0.5;filter:alpha(opacity=50);}
#big_div {width:560px;height:420px;border:#DDDDDD 1px solid;background:#FFFFFF;position:absolute;overflow:hidden;}
#big_pic {position:absolute;}
.tbs {width:414px;height:56px;margin:20px 0;}
.tbs img {}
.tbsl {width:32px;height:56px;float:left;}
.tbsr {width:20px;height:56px;float:left;}
.tbsm {width:350px;height:56px;float:left;overflow:hidden;}
.ab_zoom {width:30px;height:30px;background:url('ab-zoom.png') no-repeat center center;position:absolute;z-index:5;margin:270px 0 0 -30px;}
.ab_play {width:48px;height:48px;border-radius:50%;background:#FFFFFF url('web-play.png') no-repeat center center;position:absolute;z-index:7;margin:-150px 0 0 176px;}
.ab_play:hover {background:#FFFFFF url('web-play-on.png') no-repeat center center;}
.ab_hide {width:30px;height:30px;background:url('ab-hide.png') no-repeat center center;position:absolute;z-index:12;margin:-300px 0 0 370px;display:none;}
.ab_hide:hover {background:url('ab-hide-on.png') no-repeat center center;}
.ab_video {width:400px;height:300px;border:#000000 1px solid;background:#000000;position:absolute;z-index:10;margin:-301px 0 0 0;display:none;}
.ab_im {padding:2px;margin:0 14px 0 0;border:#C0C0C0 1px solid;float:left;width:50px;height:50px;}
.ab_on {padding:2px;margin:0 14px 0 0;border:#FF6600 1px solid;float:left;width:50px;height:50px;background:#FF6600;}
/* pages */
.pages {padding:20px 0;text-align:center;font-size:12px;}
.pages a:link,.pages a:visited,.pages a:active  {background:#FFFFFF;border:#E6E6E6 1px solid;padding:6px;text-decoration:none;margin:0 6px;}
.pages a:hover  {background:#F1F1F1;border:#CCCCCC 1px solid;color:#FF6600;}
.pages strong {background:#2E6AB1;padding:6px;border:#CCCCCC 1px solid;color:#FFFFFF;}
.pages_inp {border:#CCCCCC 1px solid;padding:6px;width:30px;text-align:center;color:#666666;}
.pages_btn {width:48px;background:#EEEEEE;border:#CCCCCC 1px solid;font-weight:bold;padding:6px;margin:0 6px;}
.pages label {background:#FFFFFF;border:#CCCCCC 1px solid;padding:6px;}
.pages label em {color:red;font-weight:bold;font-style:normal;}
.pages label span {font-weight:bold;}

/* basic */
.f_l {float:left;}
.f_r {float:right;}
.t_r {text-align:right;}
.t_c {text-align:center !important;}
.f_b {font-weight:bold;}
.f_n {font-weight:normal;}
.f_white {color:white;}
.f_gray {color:#666666;}
.f_grey {color:#999999;}
.f_orange {color:#FF6600;}
.f_red {color:#FF0000;}
.f_blue {color:#003EAA;}
.f_green {color:#2BA245;}
.f_dblue {color:#225588;}
.f_price {font-weight:bold;font-family:Arial;color:#E4393C;}
.px12 {font-size:12px;}
.px14 {font-size:14px;}
.px16 {font-size:16px;}
.lh18 {line-height:180%;}
.b10 {font-size:1px;height:10px;}
.pd10 {padding:10px;}
.h20{height:20px;}
.bg-white{background:#fff;}
.c_b{clear:both;}
.dsn {display:none;}
.c_p {cursor:pointer;}
.highlight {color:red;}

.btn-act {font-size:16px;width:128px;height:36px;line-height:36px;background:#FF6600;border:#FF4400 1px solid;border-radius:6px;color:#FFFFFF;text-align:center;cursor:pointer;padding:0;-webkit-appearance:none;margin:6px 10px 0 0;}
.btn-act:hover {background:#FF4400;}

.back2top {width:48px;height:48px;position:fixed;left:50%;margin-left:620px;bottom:100px;cursor:pointer;display:none;opacity:0.8;}
.back2top a {display:block;width:100%;height:100%;background:#CCCCCC url('../../image/back2top.png') no-repeat center center;border-radius:50%;}
.back2top a:hover {background-color:#666666;}

.follow0 {display:inline-block;height:24px;line-height:24px;padding:0 10px 0 32px;font-size:12px;text-align:center;border:#EEEEEE 1px solid;background:#FFFFFF url('../../image/ico-follow.png') no-repeat 10px center;border-radius:4px;margin:0 6px 0 0;cursor:pointer;float:right !important;}
.follow0:hover {background:#F6F6F6 url('../../image/ico-followed.png') no-repeat 10px center;}
.follow1 {display:inline-block;height:24px;line-height:24px;padding:0 10px 0 32px;font-size:12px;text-align:center;border:#EEEEEE 1px solid;background:#EEEEEE url('../../image/ico-followed.png') no-repeat 10px center;color:#999999;border-radius:4px;margin:0 6px 0 0;cursor:pointer;float:right !important;}
.follow0 b,.follow1 b {font-weight:normal;}
.follow0 i,.follow1 i {font-weight:normal;font-style:normal;padding-left:6px;}

.avatar {border-radius:50%;}
#destoon-card {width:360px;max-height:420px;overflow-y:auto;background:#FFFFFF url('../../image/load.gif') no-repeat center center;box-shadow:0 0 10px #DDDDDD;border-radius:12px;position:fixed;z-index:1020;display:none;}
.card-list {height:72px;background:#FFFFFF;overflow:hidden;clear:both;border-bottom:#F0F0F0 1px solid;padding:0 16px 0 12px;}
.card-list img {float:left;margin:12px 12px 0 0;}
.card-list ul {margin:12px 0;}
.card-list li {height:24px;line-height:24px;overflow:hidden;}
.card-list strong {display:block;width:100%;}
.card-list em {float:right;color:#FFFFFF;font-style:normal;background:#FA5A57;border-radius:10px;color:#FFFFFF;font-size:12px;display:inline-block;height:14px;line-height:14px;padding:0 4px;}
.card-list i {color:#F23030;font-style:normal;float:right;}
.card-list span {color:#666666;}
.card-info {padding:0 24px 16px 24px;overflow:hidden;background:#FFFFFF;}
.card-info li {width:156px;height:32px;line-height:32px;overflow:hidden;color:#666666;float:left;}
.card-more {line-height:48px;text-align:center;background:#FFFFFF;font-size:14px;}
.card-none {padding:128px 0;text-align:center;background:#FFFFFF;font-size:14px;color:#999999;}

.tool {padding:24px 0;text-align:center;border-top:#F6F6F6 1px solid;}
.tool i {font-style:normal;font-size:14px;color:#555555;display:inline-block;height:24px;line-height:24px;padding:0 28px;cursor:pointer;}
.tool b {font-weight:normal;font-size:12px;}
.tool .like {background:url('tool-like.png') no-repeat 0 center;}
.tool .liked,.tool .like:hover {background:url('tool-like-on.png') no-repeat 0 center;color:#FF6600;}
.tool .hate {background:url('tool-hate.png') no-repeat 0 center;}
.tool .hated,.tool .hate:hover {background:url('tool-hate-on.png') no-repeat 0 center;color:#FF6600;}
.tool .report {background:url('tool-report.png') no-repeat 0 center;}
.tool .report:hover {background:url('tool-report-on.png') no-repeat 0 center;color:#FF6600;}
.tool .favorite {background:url('tool-favorite.png') no-repeat 0 center;}
.tool .favorited,.tool .favorite:hover {background:url('tool-favorite-on.png') no-repeat 0 center;color:#FF6600;}
.tool .comment {background:url('tool-comment.png') no-repeat 0 center;}
.tool .comment:hover {background:url('tool-comment-on.png') no-repeat 0 center;color:#FF6600;}
.tool .award {background:url('tool-award.png') no-repeat 0 center;}
.tool .award:hover {background:url('tool-award-on.png') no-repeat 0 center;color:#FF6600;}
.tool .share {background:url('tool-share.png') no-repeat 0 center;}
.tool .share:hover {background:url('tool-share-on.png') no-repeat 0 center;color:#FF6600;}

.ui-ico-time,.ui-ico-hits,.ui-ico-info,.ui-ico-play,.ui-ico-pics,.ui-ico-down,.ui-ico-comm,.ui-ico-area,.ui-ico-user,.ui-ico-none,.ui-ico-sort,.ui-ico-like,.ui-ico-liked,.ui-ico-hate,.ui-ico-hated,.ui-ico-mail,.ui-ico-mob,.ui-ico-tel,.ui-ico-favor,.ui-ico-delete,.ui-ico-quote,.ui-ico-report,.ui-ico-price {font-style:normal;font-weight:normal;text-decoration:none;font-size:12px;color:#999999;display:inline-block;height:16px;line-height:16px;padding:0 10px 0 20px;}
.ui-ico-time {background:url('ico-time.png') no-repeat 0 center;}
.ui-ico-hits {background:url('ico-hits.png') no-repeat 0 center;}
.ui-ico-info {background:url('ico-info.png') no-repeat 0 center;}
.ui-ico-play {background:url('ico-play.png') no-repeat 0 center;}
.ui-ico-pics {background:url('ico-pics.png') no-repeat 0 center;}
.ui-ico-down {background:url('ico-down.png') no-repeat 0 center;}
.ui-ico-area {background:url('ico-area.png') no-repeat 0 center;}
.ui-ico-user {background:url('ico-user.png') no-repeat 0 center;}
.ui-ico-mail {background:url('ico-mail.png') no-repeat 0 center;}
.ui-ico-mob {background:url('ico-mob.png') no-repeat 0 center;}
.ui-ico-tel {background:url('ico-tel.png') no-repeat 0 center;}
.ui-ico-comm {background:url('ico-comm.png') no-repeat 0 center;cursor:pointer;}
.ui-ico-comm:hover {background:url('ico-comm-on.png') no-repeat 0 center;color:#FF6600;}
.ui-ico-like {background:url('ico-like.png') no-repeat 0 center;cursor:pointer;}
.ui-ico-liked,.ui-ico-like:hover {background:url('ico-like-on.png') no-repeat 0 center;color:#FF6600;}
.ui-ico-hate {background:url('ico-hate.png') no-repeat 0 center;cursor:pointer;}
.ui-ico-hated,.ui-ico-hate:hover {background:url('ico-hate-on.png') no-repeat 0 center;color:#FF6600;}
.ui-ico-sort {background:url('ico-sort.png') no-repeat 0 center;cursor:pointer;}
.ui-ico-sort:hover {background:url('ico-sort-on.png') no-repeat 0 center;color:#FF6600;}
.ui-ico-favor {background:url('ico-favor.png') no-repeat 0 center;cursor:pointer;}
.ui-ico-favor:hover {background:url('ico-favor-on.png') no-repeat 0 center;color:#FF6600;}
.ui-ico-delete {background:url('ico-delete.png') no-repeat 0 center;cursor:pointer;}
.ui-ico-delete:hover {background:url('ico-delete-on.png') no-repeat 0 center;color:#FF6600;}
.ui-ico-quote {background:url('ico-quote.png') no-repeat 0 center;cursor:pointer;}
.ui-ico-quote:hover {background:url('ico-quote-on.png') no-repeat 0 center;color:#FF6600;}
.ui-ico-report {background:url('ico-report.png') no-repeat 0 center;cursor:pointer;}
.ui-ico-report:hover {background:url('ico-report-on.png') no-repeat 0 center;color:#FF6600;}
.ui-ico-price {color:#FF0000;padding:0;font-size:14px;}
.ui-fr {float:right;}
.ui-ip {height:32px;line-height:32px;color:#999999;font-size:12px;padding:0 16px;}
.ui-toast {height:48px;line-height:48px;overflow:hidden;display:inline-block;padding:0 16px;background:#000000;opacity:0.8;filter:alpha(opacity=80);color:#FFFFFF;border-radius:6px;position:fixed;z-index:99;top:40%;left:48%;font-size:16px;}



.w{ width:100%; overflow:hidden;}
.htit{    position: relative;
    font-size: 16px;
    font-weight: bold;
    color: #323232;
    background-color: #f7f7f7;
    border: 1px solid #eee;
	margin:0px; padding:0px;height:33px;line-height:33px;}
.htit:before {
    content: '';
    display: block;
    left: 12px;
    width: 5px;
    height: 24px; float:left;
    background-color: #2dbb55;
	margin-left:10px;
	margin-top:5px;
	margin-right:10px;
}


.content h5{margin-bottom: 10px;padding: 8px 0 8px 20px;background: #f6f6f6;position: relative; margin-top:20px;font-size:14px;}
.content h5:before {
    content: "";
    display: inline-block;
    height: 5px;
    width: 5px;
    background-color: #22c233;
    position: absolute;
    top: 18px;
    left: 8px;
}
.content h5 span{ height:35px; line-height:35px; font-size:12px; color:#666;}
.content h5 span:before{ margin-right:5px;}
.line-can{ float:right;font-size:14px; font-weight:normal;  text-indent:5px; margin-right:20px;}
.line-home{ float:right; font-size:14px; font-weight:normal;text-indent:5px;margin:0px 20px;}
.line-car{ float:right; font-size:14px; font-weight:normal;text-indent:5px;}



.main_head h2{margin:0px;padding:0px; font-weight:bold; font-size:16px; line-height:30px; padding:10px;}    
.tagbox{margin:0px 10px 0px;padding:16px;}
.tagbox ul li{ margin-right:20px; background:#fff; font-style:normal; float:left;border-radius:3px; padding:2px 3px;height: 20px;line-height: 20px;}
.tagbox ul li:nth-child(1){color:#f80; border:1px solid #f80;}
.tagbox ul li:nth-child(2){ color:#06c; border:1px solid #06c;}
.tagbox ul li:nth-child(3){ color:#009933; border:1px solid #009933;}


.relate_1,.relate_2 {display:inline-block;height:25px;float:left;margin:0 6px 6px 0;}
.relate_1 img,.relate_2 img {width:40px;height:25px;float:left;}
.relate_1 b,.relate_2 b {float:left;display:inline-block;max-width:300px;height:25px;line-height:25px;overflow:hidden;text-overflow:ellipsis;font-weight:normal;padding:0 10px;}
.relate_2 em {display:block;width:16px;height:16px;background:url('relate_on.gif') no-repeat;z-index:1;position:absolute;margin:40px 0 0 40px;}
.relate_1 a:link,.relate_1 a:visited,.relate_1 a:active {display:inline-block;height:25px;border:#CCCCCC 1px solid;}
.relate_1 a:hover {border:#C90000 1px solid;}
.relate_2 a:link,.relate_2 a:visited,.relate_2 a:active,.relate_2 a:hover {display:inline-block;height:25px;color:#333333;border:#C90000 1px solid;background:url('relate_on.gif') no-repeat right bottom;}


.line_class{line-height:40px;font-size:14px;color:#999;}

.line_class a{padding: 0 10px 0 10px;margin: 0;font-weight: normal;text-indent: 0;}
    
    
.head-line {padding:10px 0px;line-height:28px;border-bottom:#ff9900 1px solid;clear:both;font-size:22px;color:#ff9900; font-weight:normal;}
.head-line dd{width: 30px;height: 30px; margin-right:10px;  float:left; margin:0px; padding:0px;border-radius:3px; margin-right:10px;}
.head-line b {font-size:16px;font-weight:normal;}
.head-line span {float:right;font-size:14px;}
.head-line span a {color:#999999;}
.linebg1{border-bottom:#02AB43 1px solid;color:#02AB43;}
.linebg1 dd{background:#02AB43 url(outdoor.png) no-repeat; background-size:28px 28px;}
.linebg4{border-bottom:#06c 1px solid;color:#06c;}
.linebg4 dd{background:#06c url(landscape.png) no-repeat; background-size:28px 28px;}
.linebg5{border-bottom:red 1px solid;color:red;}
.linebg5 dd{background:red url(sunrise.png) no-repeat; background-size:28px 28px;}
.linebg297{border-bottom:#CC6633 1px solid;color:#CC6633;}
.linebg297 dd{background:#CC6633 url(ship.png) no-repeat; background-size:28px 28px;}

.linebg0{border-bottom:#f90 1px solid;color:#f90;}
.linebg0 dd{background:#f90 url(txt.png) no-repeat; background-size:28px 28px;}


.hover_green a:hover{color:#fff;background:#02AB43;border:1px solid #02AB43;}
.hover_blue a:hover{color:#fff;background:#02AB43;border:1px solid #02AB43;}
.hover_blue a:hover{color:#fff;background:#06c;border:1px solid #06c;}
.hover_red a:hover{color:#fff;background:red;border:1px solid red;}
.hover_purple a:hover{color:#fff;background:red;border:1px solid red;}
.hover_brown a:hover{color:#fff;background:#CC6633;border:1px solid #CC6633;}





.linesbox{overflow:hidden;height:520px;}
.linesbox_left{background:#F6F6F6;width:212px;height:520px;position: relative;}

.line-png{position: absolute;width: 195px;height: 180px;bottom: 0;right: 0;}
.png-1{background:url('png-1.png') no-repeat;}
.png-2{background:url('png-2.png') no-repeat;}
.png-3{background:url('png-3.png') no-repeat;}
.png-4{background:url('png-4.png') no-repeat;}

.linesbox_left a{    display: block; text-align: center;
    width: 118px;
    height: 32px;
    line-height: 32px;
    color: #333;
    background: #fff;
    font-size: 14px;
    margin: 10px auto 0 auto;
    border: #e5e5e5 solid 1px;
    border-radius: 17px;}

.linesbox_right{width:960px;}



.links{}

#footers{ width:100%; height:auto; background:#f9f9f9; font-size:12px; line-height:24px; clear:both;position: relative;}
#footers a{ display:inline-block; color: #666; }
#footers a:hover{ color:#00af67;}

.badges { height: 104px; background: url(image/badge.jpg) no-repeat top center; }
.badges li { float: left; margin-top: 22px; width: 200px; }
.badges ul { display: block; float: left; }
.badges li em { display: block; width: 32px; height: 32px; margin: 0 auto; margin-bottom: 5px; }
.badges li.l1 em { background: url(image/badge.png) no-repeat 0 0; }
.badges li.l2 em { background: url(image/badge.png) no-repeat -32px 0; }
.badges li.l3 em { background: url(image/badge.png) no-repeat -64px 0; }
.badges li.l4 em { background: url(image/badge.png) no-repeat -96px 0; }
.badges li.l5 em { background: url(image/badge.png) no-repeat -128px 0; }
.badges li.l6 em { background: url(image/badge.png) no-repeat -160px 0; }
.badges li strong { display: block; font-size: 16px; color: #fff; text-align: center; font-weight:normal;}


.line-img{ overflow:hidden; width:100%; margin:20px 0px;}
.line-img ul{}
.line-img ul li{ width:31%; height:200px; margin-right:20px; float:left;position: relative;}
.line-img ul li p{    font-size: 14px;
    font-weight: normal;
    margin: 0px;
    padding: 0px;
    line-height: 30px;
    position: absolute;
    bottom: 0;
    left: 0;
    background: rgba(0,0,0,0.5);
    color: #FFFFFF;
    width: 100%;
    text-indent: 10px;}
.line-img ul li img{ width:100%; height:200px;}
.line-img ul li:nth-child(3){ margin-right:0px;}












.side *{padding:0;margin:0;font-family:"微软雅黑"}
.side{position:fixed;width:78px;right:0;top:50%;margin-top:-200px;z-index:100;border:1px solid #e0e0e0;background:#fff;border-bottom:0}
.side ul li{width:78px;height:78px;float:left;position:relative;border-bottom:1px solid #e0e0e0;color:#333;font-size:14px;line-height:38px;text-align:center;transition:all .3s;cursor:pointer}
.side ul li:hover{background:#01BF4B;color:#fff}
.side ul li:hover a{color:#fff}
.side ul li i{height:25px;margin-bottom:1px;display:block;overflow:hidden;background-repeat:no-repeat;background-position:center center;background-size:auto 25px;margin-top:14px;transition:all .3s}
.side ul li i.bgs1{background-image:url(image/service/right_pic5.png)}
.side ul li i.bgs2{background-image:url(image/service/right_pic7.png)}
.side ul li i.bgs3{background-image:url(image/service/right_pic2.png)}
.side ul li i.bgs4{background-image:url(image/service/right_pic1.png)}
.side ul li i.bgs5{background-image:url(image/service/right_pic3.png)}
.side ul li i.bgs6{background-image:url(image/service/right_pic6_on.png)}
.side ul li:hover i.bgs1{background-image:url(image/service/right_pic5_on.png)}
.side ul li:hover i.bgs2{background-image:url(image/service/right_pic7_on.png)}
.side ul li:hover i.bgs3{background-image:url(image/service/right_pic2_on.png)}
.side ul li:hover i.bgs4{background-image:url(image/service/right_pic1_on.png)}
.side ul li:hover i.bgs5{background-image:url(image/service/right_pic3_on.png)}
.side ul li .sidebox{position:absolute;width:78px;height:78px;top:0;right:0;transition:all .3s;overflow:hidden}
.side ul li.sidetop{background:#01BF4B;color:#fff}
.side ul li.sidetop:hover{opacity:.8;filter:Alpha(opacity=80)}
.side ul li.sideewm .ewBox.son{width:238px;display:none;color:#363636;text-align:center; background:#FFFFFF;position:absolute;left:-240px;top:0;background-repeat:no-repeat;background-position:center center;border:1px solid #e0e0e0;}
.side ul li.sideewm .ewBox.son img{ width:100%;}
.side ul li.sideetel .telBox.son{width:240px;height:237px;display:none;color:#fff;text-align:left;position:absolute;left:-240px;top:-79px;background:#01BF4B}
.side ul li.sideetel .telBox dd{display:block;height:118.5px;overflow:hidden;padding-left:82px;line-height:24px;font-size:18px}
.side ul li.sideetel .telBox dd span{display:block;line-height:28px;height:28px;overflow:hidden;margin-top:32px;font-size:18px}
.side ul li.sideetel .telBox dd.bgs1{background:url(image/service/right_pic8.png) 28px center no-repeat;background-color:#02AB43}
.side ul li.sideetel .telBox dd.bgs2{background:url(image/service/right_pic9.png) 28px center no-repeat}
.side ul li:hover .son{display:block!important;animation:fadein 1s}
@keyframes fadein{from{opacity:0}
to{opacity:1}