﻿@charset "utf-8";

/* 公共的 */

/*--标签--*/

body,h1,h2,h3,h4,h5,h6,p,hr,dl,dt,dd,ul,ol,li,form,input,button,textarea,img{padding:0;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 0;
}


.l_top{width:1200px;margin:auto;}
/* --- 整体 ---*/

body{font:13px 'Microsoft YaHei'; margin:0; padding:0; color:#595757; *font-family: SimHei, sans-serif; }

h1 {font-size:24px;}

h2 {font-size: 18px; line-height: 36px; color: #ed6c00; font-weight: normal;}

h3 {font-size: 14px; color: #ed6c00; font-weight: normal;}

/* --- ---*/

ul,ol,li{list-style:none;}

input,textarea,option,select{list-style:none;font:13px Arial, 'Microsoft YaHei';*font-family: SimHei, sans-serif; }

a img{ border:none; border: 0px;vertical-align: middle;display: inline-block;}

a{ color:#ed6c00; cursor:pointer;text-decoration:none}

a:link{ text-decoration:none; color:#ed6c00;text-decoration:none}

a:hover{color:#ED6C00;text-decoration: underline;}

/* --- ---*/

.floatl{float:left;}

.floatr{float:right;}

.page_wrap {width:100%; margin: 0 auto; padding: 0; min-height: 100%;}

.page_width {width: 980px; margin: 0 auto; text-align: left;}



.clear{clear:both; font-size:0px; line-height:0px;margin:0;padding:0}

.clearfix:after {content: ".";display: block;height: 0;clear: both; visibility: hidden;}

.clearfix{display: inline-table;}

/* Hides from IE-mac \*/

* html .clearfix{height:1%;}

/* ie7 hack*/

*+html .clearfix {min-height: 1% ;} 

.clearfix{display: block;}



/* top bar */

.topbar {height: 30px; width: 100%; background-color: #eee; line-height: 30px; color: #ed6c00; border-bottom: 1px solid #e2e2e3;}

.tl {}

.logo {margin: 0 0 -58px -10px; position: relative; zoom: 1; z-index: 100; _position: absolute;}

.logo a {_background:url(../images/logo.gif) no-repeat 0 1px; _width: 190px; _height: 100px; _display: block;}

.logo img {_display:none;}

.tr span {font-size: 13px;}

.tr a {color: #595757;padding: 0 10px; display: inline-block; *display: inline; border-left: 1px solid #e2e2e3; border-bottom: 0px solid #f5f5f5; height: 28px; font: 13px/28px Arial, 'Microsoft YaHei';*font-family: SimHei, sans-serif;  background: #eee;}

.tr a:hover {border-bottom: 2px solid #ed6c00; color: #ed6c00; text-decoration: none;transition: none;}

.tr a.login_noline {border-bottom: none!important;}

/* nav bar */

.navbar {background: #ed6c00; height: 50px; padding: 0; margin-top: 11px;}

.navbar ul {text-align: right; margin: 0; padding: 0; *display:inline;*line-height:50px;*height:50px;}

.navbar ul li {height: 32px; list-style: none; display: inline-block; *display: inline; text-align: center; padding: 9px 0; background: url(../images/menu-separator.png) no-repeat 100% 0; min-width: 100px;*line-height:50px;*height:50px; margin-left: -5px; position: relative;}

.navbar ul li:hover a:hover {color: #fadc00;}

.navbar ul li.active {background: #f37e0b; border: none;*line-height:50px;*height:50px;}



.navbar ul li a {padding: 0 23px; font-size: 21px; line-height: 32px; color: #fff; text-decoration: none; inline-block; *display: inline; height: 32px;*line-height:50px;*height:50px;}

.navbar ul li a:hover, .navbar ul li.active a {padding: 0 23px; font-size: 21px; line-height: 32px; color: #fff; text-decoration: none; display: inline-block; *display: inline; height: 32px; *line-height:50px;*height:50px;} 



/* banner */

.banner {background: #97d4f3 url(../images/banner-bg.png) no-repeat 50% 0; height: 351px; text-align: center;}

.bannerright {background: url(../images/banner-right-float-bg.jpg) no-repeat 100% 0; width: 265px; height: 338px; padding: 27px 23px 0 37px; margin-top: 3px;}

.bannerright div {font-size: 18px; color: #fff;}

.bannerright div span.bigger {font: 30px/40px Arial, Helvetica, sans-serif; color: #fff; padding-bottom: 10px; display: inline-block; *display: inline;}

.bannerright div.blue-btn {background: url(../images/blue-btn-bg.jpg) repeat-x; height: 56px;-webkit-border-radius: 4px; -moz-border-radius: 4px;border-radius: 4px; width: 265px; text-align: center; margin: 8px 0 24px 0;}

.bannerright div.blue-btn:hover {filter:alpha(opacity=90); -moz-opacity:0.9; -khtml-opacity: 0.9; opacity: 0.9;transition: none;}

.bannerright div.blue-btn a {font-size: 30px; line-height: 56px; color: #fff; text-decoration: none; height: 56px; width: 265px; display: block;}



/* main content */

.main {padding: 32px 0; min-height: 300px;}

.main .sidenav {width: 170px;}

.main .sidenav .title {background: #ed6c00; padding: 5px 13px; height: 25px; color: #fff; font-weight: bold; font-size: 18px; margin-bottom: 1px;}

.main .sidenav .title .down-arrow {background: url(../images/down-arrow.gif) no-repeat 0 0; width: 11px; height: 7px; float: right; margin-top: 8px; *margin-top:-14px;}

.main .sidenav ul {margin: 0; padding: 0;}

.main .sidenav ul li {border-bottom: #f19d58 1px solid; width: 170px;}





.main .sidenav ul li a {color: #898989; font-size: 14px; line-height: 24px; height: 24px; padding-left: 32px; display: block; text-decoration: none;}

.main .sidenav ul.current li a, .main .sidenav ul li:hover a, .main .sidenav ul.current li:hover a{color: #fff; text-decoration: none;}

.main .sidenav ul li:hover a {color: #ED6C00;}

.main .sidenav ul.current li, .main .sidenav ul.current li:hover {background: #f09d57;transition: none;}

.main .sidenav ul li:hover  {background: #;transition: none;}



.main .content {width: 795px;}

.indent p {text-indent: 2em!important; margin-bottom: 1em; line-height: 1.5em;}

p.ico1 {background: url(../images/ico1.jpg) no-repeat 0 5px; text-indent: 0.5em;}

.indent h3 {margin-bottom: .5em;}

.main .content p {text-indent: 0px; font-size: 13px; line-height: 24px;}

.main .floatimg {float: left; margin: 0 10px 10px 0;}

.main .content .lh-24 {line-height: 24px;}

.gray-border {border-bottom: 1px solid #dcdcdc;}

.fhtqy-title {background: url(../images/fhtqyjcyx_shadow.png) no-repeat 4px 100%; padding-bottom: 40px; font: bold 45px/49px 'Microsoft YaHei'; color: #595757; margin: 20px auto 0 auto; width: 980px; letter-spacing: 1px;}

/*

.fhtqy-title span {color: #f37e0b;}

.fhtqy-blocks {padding-top: 30px;}

.fhtqy-blocks .col1, .fhtqy-blocks .col2 {width: 355px; display: block;}

.fhtqy-blocks .col3 {width: 260px;}

.fhtqy-blocks .block {margin: 0 0 50px 0; vertical-align: text-bottom; height: 96px; display: block; font-size: 18px; line-height: 26px; color: #888;}

.fhtqy-blocks .block img {float: left; margin-right: 10px; display: inline-block; *display: inline;} .fhtqy-blocks .block img:hover {filter:alpha(opacity=90); -moz-opacity:0.9; -khtml-opacity: 0.9; opacity: 0.9;transition: none;}

.fhtqy-blocks .block p {margin-top: 20px; float: left;}

.fhtqy-blocks .block p.twolines {margin-top: 46px;}

.fhtqy-blocks .nomargin {margin: 0!important;}

*/

.helpHome-blocks {margin: 35px 0 -50px 0; float: left; display: block; position: relative;}

.helpHome-blocks .leftside {width: 49%;}

.helpHome-blocks .rightside {width: 46%;}

.helpHome-blocks ul {margin: 0; padding: 0;}

.helpHome-blocks ul li {margin-bottom: 20px; clear: both;}

.helpHome-blocks a {float: left; margin-right: 30px; margin-bottom: 90px;} .helpHome-blocks a:hover {opacity: 0.9;}

.helpHome-blocks h4 {font-size: 16px; color: #535353; margin-bottom: 0.5em; line-height: 1.2em;}

.helpHome-blocks p {text-indent: 2em; line-height: 1.8;}







/* middle block */

.middleblock {border-top: 1px solid #dcdcdc; padding: 25px 0;}

a.query_agent:link, a.query_agent:visited, a.query_agent:hover, a.query_agent:active {color: #fff; text-decoration: none;}

.contact_table {width: 690px;}

#contact_table {border-collapse: collapse; margin-top: 36px;}

#contact_table th, #contact_table td {border: 1px solid #dcdcdc; padding: 18px; vertical-align:top; font-size: 15px; color: #898989; width: 33%;}

#contact_table th {color: #555; font-size: 15px; border-top: 5px solid #ed6c00; padding: 15px 10px; text-align: center; background: #efeeee;}

#contact_table td.tel {vertical-align: middle;}

#contact_table p {font-size: 15px;}

.qq_bg {background: url(../images/qq-bg.png) no-repeat 0 0; padding-left: 42px; width: 114px; height: 31px; font-size: 14px; line-height: 31px; color: #fff; text-decoration: none; margin-top: 15px;}

.qq_bg:hover {filter:alpha(opacity=90); -moz-opacity:0.9; -khtml-opacity: 0.9; opacity: 0.9;transition: none;}

.qq_bg a, .qq_bg a:hover {font-size: 14px; line-height: 31px; color: #fff; text-decoration: none; text-decoration: none;transition: none;}



.faq {width: 265px;}

.faq_title {border-bottom: #d2d2d2 2px solid;}

.faq_title h2 {background: url(../images/faq-ico.png) no-repeat 0 5px; line-height: 25px; padding: 5px 0 8px 35px; display: inline-block; *display: inline; margin-bottom: -2px; position: relative; zoom: 1; border-bottom: #ed6c00 2px solid;}

.faq_title a.more {float: right; margin-top: 15px; margin-right: 10px; color: #959595; text-decoration: none;}

.faq_title a.more:hover {color: #ed6c00;}

.faq ul {margin: 0; padding: 10px 0 10px 14px;}

.faq ul li {list-style: disc; font-size: 14px; line-height: 24px; color: #898989;}

/*.faq ul li:hover {color: #ed6c00;transition: none;}*/

.faq ul li a {font-size: 14px; line-height: 24px; color: #898989;}

.faq ul li a:hover {font-size: 14px; line-height: 24px; color: #ed6c00;transition: none; text-decoration: none;}

#showtr .col1{ width:20%; }
#showtr .col2{ width:35%; }
#showtr .col3{ width:10%; }
#showtr .col4{ width:35%; }
/* career */

/*.main .content .career_content .col1 {width: 234px; padding-right: 45px; background: url(../images/career_p1.png) no-repeat 0 22px; padding-top: 130px;}

.main .content .career_content .col2 {width: 234px; padding-right: 45px; background: url(../images/career_p2.png) no-repeat 0 22px; padding-top: 130px;}

.main .content .career_content .col3 {width: 232px; background: url(../images/career_p3.png) no-repeat 0 0; padding-top: 130px}



.main .content .career_content {margin-top:30px;}

.main .content .career_content hr {

    border:none;

    border-bottom:4px solid #B5B5B6;

    margin-bottom:10px;

    *color:pink;*filter:chroma(color=pink);

    height:10px;

    *margin:-7px 0 2px;

	display: none!important;

}

.main .content .career_content .col1 {width: 234px; padding-right: 45px; background: url(../images/hr1.jpg) no-repeat 0 0; padding-top: 110px;}

.main .content .career_content .col1 hr {margin-top: 72px;}

.main .content .career_content .col2 {width: 234px; padding-right: 45px; background: url(../images/hr2.jpg) no-repeat 0 0; padding-top: 110px;}

.main .content .career_content .col3 {width: 232px; background: url(../images/hr3.jpg) no-repeat 0 0; padding-top: 110px;}

.main .content .career_content .col4 {width: 232px; background: url(../images/hr4.jpg) no-repeat 0 0; padding-top: 110px; margin-top: 14px;}

.main .content .career_content .col5 {width: 234px; padding-right: 45px; background: url(../images/hr5.jpg) no-repeat 0 0; padding-top: 110px; margin-top: 30px;}

.main .content .career_content .col6 {width: 232px; padding-right: 45px; background: url(../images/hr6.jpg) no-repeat 0 0; padding-top: 110px; margin-top: 30px;}

.main .content .career_content .col6 hr {margin-top: 272px;}

.main .content .career_content .col7 {width: 232px; background: url(../images/hr7.jpg) no-repeat 0 0; padding-top: 110px; margin-top: 30px;}

.main .content .career_content .col7 hr {margin-top: 56px;}

.main .content .career_content .col8 {width: 234px; padding-right: 45px; background: url(../images/hr8.jpg) no-repeat 0 0; padding-top: 100px; margin-top: 30px;}

.main .content .career_content .col9 {width: 232px; padding-right: 45px; background: url(../images/hr9.jpg) no-repeat 0 0; padding-top: 100px; margin-top: 30px;}

.main .content .career_content .col9 hr {margin-top: 32px;}

.main .content .career_content .col10 {width: 232px; background: url(../images/hr10.jpg) no-repeat 0 0; padding-top: 100px; margin-top: 30px;}

.main .content .career_content .col10 hr {margin-top: 128px;}



.main .content .career_content h1 {color: #898989; font-weight: normal;}

.main .content .career_content h2 {font-size: 16px; border-top: 2px solid #B5B5B6; margin-top:-10px; margin-left: 80px; text-indent: -80px; padding-top: 10px; position: relative;}

.main .content .career_content p {text-indent: 0; padding-bottom: 16px;}

.main .content .career_tab {border-collapse: collapse;}

.main .content .career_tab td {border: 1px solid #ccc; padding: 3px 5px; line-height: 1.6em;}

.main .content .career_tab .col1 {width:100px;}

.main .content .career_tab th {background: #ddd; color: #555; border: 1px solid #ccc; padding: 3px 5px; font-size: 15px; line-height: 1.5em;}

*/



.Accordion {

	border: 0;

	overflow: hidden;

	margin: 30px 0;

	outline: 0;

}



.AccordionPanel {

	margin: 0px 0 12px 0;

	padding: 0px;

}



.AccordionPanelTab {

	margin: 0px;

	padding: 2px;

	cursor: pointer;

	-moz-user-select: none;

	-khtml-user-select: none;

	position: relative;

	z-index: 10;

}





.AccordionPanelContent {

	margin: 0px 0 0 40px;

	padding: 0px;

	height: auto;

	position: relative;

	z-index: 20;

}



.AccordionPanelOpen .AccordionPanelTab {

}



.AccordionPanelTabHover {

}

.AccordionPanelOpen .AccordionPanelTabHover {

	outline: 0;

}

	

.AccordionFocused .AccordionPanelTab {

}



.AccordionFocused .AccordionPanelOpen .AccordionPanelTab {

}

.Accordion p {line-height: 1.8em; margin-bottom: 1em;}

.AccordionPanelTab h2 {border-bottom: 1px dashed #ccc; padding-left: 0; margin-left: 40px; margin-bottom: 4px; position: relative; line-height: 28px;}

.Accordion h3 {line-height: 1.8em;}

h2 em {width: 35px; height:35px; margin-left: -40px; position: relative; float: left;}

h2.p1 em {background: url(../images/zp1.jpg) no-repeat 0 0;}

h2.p2 em {background: url(../images/zp2.jpg) no-repeat 0 0;}

h2.p3 em {background: url(../images/zp3.jpg) no-repeat 0 0;}

h2.p4 em {background: url(../images/zp4.jpg) no-repeat 0 0;}

h2.p5 em {background: url(../images/zp5.jpg) no-repeat 0 0;}

h2.p6 em {background: url(../images/zp6.jpg) no-repeat 0 0;}

h2.p7 em {background: url(../images/zp7.jpg) no-repeat 0 0;}

h2.p8 em {background: url(../images/zp8.jpg) no-repeat 0 0;}

h2.p9 em {background: url(../images/zp9.jpg) no-repeat 0 0;}

h2.p10 em {background: url(../images/zp10.jpg) no-repeat 0 0;}



.AccordionPanelClosed span.icon {background: url(../images/arrow_right_orange.jpg) no-repeat 0 0; width: 10px; height: 10px; display: inline-block; margin-left: 4px;}

.AccordionPanelOpen span.icon {background: url(../images/arrow_down_orange.jpg) no-repeat 0 0; width: 10px; height: 10px; display: inline-block; margin-left: 4px;}



#CareerAccordion .btn {position: absolute; right: 3px; z-index: 9999; margin-top: -34px;}

#CareerAccordion .btn a {background: #ec6c00; color: #fff; padding: 4px 8px; display: block;}







/* agreement */

h1.agreement_headline {text-align: center; font-size: 22px; color: #ed6c00; margin-bottom: 0.5em;}



/* contact */

div.address {line-height: 24px; width: 380px;}

div.address a {color: #595757;}  div.address a:hover {color:#ed6c00;transition: none; text-decoration: none;}

.big_orange {font-size: 24px; color:#ed6c00;}



/* product intro */

ul.productintro {margin:0; padding: 0;}

ul.productintro li {list-style:none; display: inline-block; *display: inline; border: 1px solid #c9c9c9; padding: 12px 15px; width: 167px; margin: 0 -1px -1px 0; position: relative; float: left; z-index: 15; height: 185px;}

ul.productintro li .productname {font-size: 30px; color: #898989; padding-bottom: 4px;}

ul.productintro li .productdesc {font-size: 14px; line-height: 24px; color: #898989; padding-bottom: 8px; height: 100px;}



ul.productintro li:hover {border-color: #ed6c00; z-index: 20;transition: none;}

ul.productintro li:hover .productname {color: #ed6c00;transition: none;}

ul.productintro li:hover .productdesc {color: #ef8e55;transition: none;}

ul.productintro li a.btn {background: #ed6c00; display: inline-block; *display: inline; color: #fff; font-size: 14px; padding: 7px 15px; text-decoration: none; cursor: pointer;}

ul.productintro li a.btn:hover {filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8;transition: none;}

ul.productintro li.gray, ul.productintro li.gray:hover {background: #c9c9c9; border-color: #c9c9c9; overflow: hidden;transition: none;}

ul.productintro li.gray .productdesc {font-size: 24px; color: #fff; padding-top: 130px;}



.main .content .service_tab {border-collapse: collapse; margin-bottom: 1em; border: #dcdcdc 1px solid; margin-top: 36px;}

.main .content .service_tab tr.border {border-top: #dcdcdc 3px solid;}

.main .content .service_tab td {border: 1px solid #dcdcdc; padding: 8px 5px; line-height: 1.5em; text-align: center;}

.main .content .service_tab th {background: #efeeee; color: #555; border: 1px solid #dcdcdc; border-top: 5px solid #ED6C00; padding: 15px 5px; font-size: 15px; line-height: 1.5em; text-align: center;}

.main .content .aff th {border-top: 1px solid #dcdcdc!important; padding: 5px!important;}



.main .content .service_tab .col1 {width:140px;}

.main .content .service_tab .col2 {width:160px;}

.main .content .service_tab .col3 {width:140px;}

.main .content .service_tab ol {margin:0 0 0 1em; padding: 0 0 0 20px;}

.main .content .service_tab ol li {list-style:decimal; font-size: 13px; line-height: 1.6em;}



/* article list */

.ArticleList_tab {border-collapse: collapse;}

.ArticleList_tab th {background: #ddd; color: #555; border: 1px solid #ccc; padding: 3px 5px; font-size: 15px; line-height: 1.5em; text-align: center;}

.ArticleList_tab td {border: 1px solid #ccc; padding: 3px 5px; line-height: 1.5em;}

.ArticleList_tab td.title {}

.ArticleList_tab td.title a {color: #595757; text-decoration: none; line-height: 1.6em;}

.ArticleList_tab td.title a:hover {color: #ed6c00; text-decoration: none;}

.ArticleList_tab td.date {}

.ArticleList_tab .col1 {width:;}

.ArticleList_tab .col2 {width:;}





/* download */

h2.graytitle {color: #717171; border-bottom: 1px solid #ddddde;}

ul.client_download {margin: 0; padding:0;}

ul.client_download li {width: 187px; height: 78px; float: left; display: block; list-style: none; text-align: right; padding: 9px 5px 5px 0; margin: 20px 9px 20px 0;}

ul.client_download li.for_apple {background: #4b4b4b url(../images/for_apple.jpg) no-repeat 5px 14px;}

ul.client_download li.for_android {background: #b5d333 url(../images/for_android.jpg) no-repeat 5px 14px;}

ul.client_download li.for_windows {background: #813494 url(../images/for_windows.jpg) no-repeat 5px 14px;}

ul.client_download li.for_pad {background: #039ae3 url(../images/for_pad.jpg) no-repeat 5px 14px; margin-right: 0;}

ul.client_download li .client_title {font-size: 18px; color: #fff;}

ul.client_download li .publish_date {font-size: 12px; color: #fff; padding: 7px 0 4px 0;}

ul.client_download li input {color: #656565; border: none; background: #efeff0; padding: 4px 6px; width: 62px; text-align: center;}

.qr_codes {background: url(../images/qr_codes.png) no-repeat 0 0; padding: 12px 0 20px 114px; margin: 20px 0;}

.qr_codes div {line-height: 20px; font-size: 14px;}

.qr_codes div span {font-size: 12px;}



/* agent center */

.agent_inquiry .tab_header {background: url(../images/agent_tab_header.png) repeat-x; height: 30px; font-size: 18px; line-height: 30px; color: #898989; text-align: center; -webkit-border-top-left-radius: 8px; -webkit-border-top-right-radius: 8px; -moz-border-radius-topleft: 8px; -moz-border-radius-topright: 8px; border-top-left-radius: 8px; border-top-right-radius: 8px; border: 1px solid #ddd; border-bottom: none;}

.sidenavlist {width: 105px; height: 400px; overflow-x: hidden; overflow-y: scroll;}

.sidenavlist ul {margin: 0; padding: 0; border: 1px solid #e6e5e5;}

.sidenavlist ul li {list-style: none; padding: 0 10px; width: 68px; font-size: 14px; line-height: 24px;}

.sidenavlist ul li.first {line-height: 32px; color: #ed6c00;}

.sidenavlist ul li a {color: #898989; text-decoration: none;}

.sidenavlist ul li.active {background: #ed6c00; color: #fff;}

.sidenavlist ul li:hover a, .sidenavlist ul li.active a {color: #fff;transition: none;}

.sidenavlist ul li:hover {background: #ed6c00;transition: none;}

.sidenavlist ul li.first:hover {background: #fff;transition: none;}



.agent_inquiry_table {border: 1px solid #e6e5e5; border-left: none; padding: 10px; /*height: 376px;*/ overflow: hidden;}

.agent_inquiry_table label {font-size: 14px; color: #ed6c00; padding-bottom: 10px; display: block;}

#agent_inquiry_table td {line-height: 24px;}

.agent_inquiry_table table {border-collapse: collapse;}

.agent_inquiry_table table th {border: 1px solid #d2d2d2; background: #eee; padding: 3px 0; color: #595757; font-size: 14px; line-height: 24px; text-align: center; font-weight: normal;}

.agent_inquiry_table table th.col1 {width: 70px;}

.agent_inquiry_table table th.col2 {width: 188px;}

.agent_inquiry_table table th.col3 {width: 68px;}

.agent_inquiry_table table th.col4 {width: ;}

.agent_inquiry_table table td {border: 1px solid #d2d2d2; padding: 5px 10px; color: #595757; font-size: 14px; line-height: 24px;}

.agent_inquiry_table table tr:hover {background: #efefef;transition: none;}



.agent_inquiry .pager {padding: 15px 0;}

.agent_inquiry .pager a {color: #595757; padding:0;}

.agent_inquiry .pager a:hover {color: #ed6c00;transition: none; text-decoration: none;}

.agent_inquiry .pager button.btn {background: #ed6c00; padding: 3px 5px; border: none; color: #fff; margin: 0 10px;}

.agent_inquiry .pager button.btn:hover {filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8; cursor: pointer;transition: none;}



/* agent banner */

.agent_banner {background: url(../images/agent_banner.jpg) no-repeat 0 0; margin-bottom: 20px; width: 980px; height: 175px; position: relative; margin-top: -16px;
    top: 0px;
    left: 0px;
}

.agent_banner #agent_login {float: left; top: 55px; left: 240px; position: absolute;}

.agent_banner #agent_join {float: left; top: 55px; left: 522px; position: absolute;}

.agent_banner a {background: url(../images/agent_btn.png) no-repeat 0 0; width: 222px; height: 58px; display: inline-block; float: left; text-align: center; line-height: 58px; font-size: 20px; letter-spacing: 2px; color: #fff; text-shadow: 1px 1px 2px #333; text-decoration: none; border: 0; box-shadow: 0 0 5px #333; -webkit-box-shadow: 0 0 5px #333; -moz-box-shadow: 0 0 5px #333;}

.agent_banner a:hover {background: url(../images/agent_btn.png) no-repeat 0 0; color: #fff; text-decoration: none; opacity: 0.9;}



/* faq */

.question_answer {margin-bottom: 15px;}

.question_answer .question {font-weight: normal; font-size: 14px!important; line-height: 25px; width: 100%; position: relative; padding-left: 10px;}

.question_answer em {border: 5px solid #F8F6F4; border-left-color: #aaa; position: absolute; overflow: hidden; margin-top: -5px; left: 0; top: 50%; height: 0; width: 0;}

.question_answer p {text-indent: 0!important;}

.question_answer .answer {padding: 10px; background: #dcdcdc; border-radius: 5px; color: #707070; line-height: 22px;}

.problemlist .pager {margin-top: 10px; position: relative; height: 25px; width: 100%; line-height: 25px; float:left; text-align: center; margin: 0 auto;}

.problemlist .pager a {display: inline-block; margin-right: 8px; height: 25px; padding: 0px 8px; font-size: 12px; text-decoration: none; color:#959595; border: 1px #CCCCCC solid;}

.problemlist .pager a:hover {color: #ed6c00;}

.problemlist .pager a.sele {color: #fff; background: #ed6c00; border:1px solid #fff;}



/* Accordion

----------------------------------*/

.ui-accordion .ui-accordion-header { cursor: pointer; position: relative; margin-top: 1px; zoom: 1; }

.ui-accordion .ui-accordion-li-fix { display: inline; }

.ui-accordion .ui-accordion-header-active { border-bottom: 0 !important; }

.ui-accordion .ui-accordion-header a { display: block; font-size: 1em; padding: .2em .5em .2em .7em;}

.ui-accordion .ui-accordion-header a:hover {}

/* IE7-/Win - Fix extra vertical space in lists */

.ui-accordion a { zoom: 1; }

.ui-accordion-icons .ui-accordion-header a { padding-left: 0; }

.ui-accordion .ui-accordion-header .ui-icon {position: absolute; width: 10px; height: 20px;}

.ui-state-default .ui-icon {background: url(../images/icos.png) 0 5px no-repeat; }

.ui-state-active .ui-icon {background: url(../images/icos.png) -13px 5px no-repeat;}





.ui-accordion .ui-accordion-content { padding: 0 0 0 15px; border-top: 0; margin-top: -2px; position: relative; top: 1px; margin-bottom: 2px; overflow: auto; display: none; zoom: 1; }

.ui-accordion .ui-accordion-content-active { display: block; }

.ui-accordion h3 {outline: 0;}

.ui-accordion h3 a{text-decoration: none; margin-left: 15px;}

.ui-accordion h3 div {padding-left: 15px;}





/* Advantages*/

#adv1, #adv2, #adv3, #adv4, #adv5, #adv6, #adv7 {border-bottom: #cbcbcb 1px dashed; padding-bottom:10px; margin-bottom: 10px;}

.adv2_tab .dotted {border-bottom: #cbcbcb 1px dotted; padding-left: 7px; float: left; display:block; height: 48px; line-height: 36px; width: 150px; font-size: 16px;}



/* Newbie */

.newbie h2 {border-bottom: #ed6c00 3px solid; padding: 0; margin-bottom: 1em;}

.newbie h2 em {background: url(../images/orange-ico.png) no-repeat 0 10px; width: 30px; display: inline-block; height: 30px; margin: 0;}

.newbie p {padding-bottom: 0.7em;}

.newbie img {box-shadow: 0 0 4px #666; margin: 1em auto 2em 1.5em; display: block;}

.newbie span.orange {color: #ed6c00;}



/* Community */

.community {}

.community h3 {margin: 2em 0 0; color: #595757; font-size: 18px;}

.community h3 span {font-size: 44px; font-style: italic; padding-right: 6px; color: #6c6b6b;}



/* new headline style */

h2.ns {background: url(../images/fire.jpg) no-repeat 100% 8px; border-bottom: 2px solid #e5e5e5; color: #f37e0b; font-size: 14px; line-height: 20px; margin-bottom: 1.5em; font-style: normal; }

h2.ns span {color: #707070; font-size: 26px; float: left; padding-right: 6px; margin-top: 4px; margin-bottom: -2px; background: #fff; font-style: normal}

h2.ns:after {clear: both;content:"";display:block;height:0;}

.orange {color: #ed6c00;}

.img {font-size: 12px; font-weight: bold; color: #898989; text-align: center; clear: both; display: block; letter-spacing: 2px;}

.img img {border: 10px solid #fff; box-shadow: 0 0 10px #999; margin: 2em 0 1em 0; display: inline-block; behavior: url(../other/PIE.htc); }



/* company culture */

.culture {padding-top: 20px;}

.culture_top {background: url(../images/culture_top.jpg) no-repeat 0 100%; width: 740px; height: 324px; position: relative;}

.ct_left {float: left; position: absolute; width: 310px; padding: 53px 0 0 0; color: #fff; letter-spacing: 0px; font-size: 16px; font-weight: bold; line-height: 55px; text-align: center;}

.ct_right {padding-left: 228px;}

.ct_right p {font-size: 16px!important; color: #707070;}

.ct_right p.p2 {padding: 46px 0 0 40px;}

.ct_right p.p3 {padding: 43px 0 0 93px;}

.ct_right p.p4 {padding: 50px 0 0 160px; font-weight: bold;}

.big_fire {background: url(../images/big_fire.jpg) no-repeat 0 0; padding-top: 60px; width: 740px;}

.big_fire > div {width: 130px; display: inline-block; float: right; margin-left:0em;}

.big_fire div.c6 {width:75px;}

.big_fire > div > p {width: 12px!important; line-height: 16px!important; font-size: 12px; float:right; margin-right: 17px; margin-left: 4px;}

div.c1 {color: #0068b7;}

div.c2 {color: #448aca;}

div.c3 {color: #88abda;}

div.c4 {color: #f19149;}

div.c5 {color: #eb6100;}

div.c6 {color: #a84200;}

.big_fire > div > h4 {width: 10px; font-size: 35px; float: right; margin-right: 28px; margin-top: 20px;}



.culture_rules {background:url(../images/rules_bg.jpg) no-repeat 50% 100%; padding: 40px 0 11px 0; font-size: 40px; color: #535353; text-align: center; font-weight: bold; margin-bottom: 1em; letter-spacing: 2px;}

ul.cl {float: left; width: 345px;}

ul.cr {float: left; width: 345px;}

.culture ul {margin: 0 0 0 52px;}

.culture ul li {list-style: none; background: url(../images/fire1.jpg) no-repeat 0 3px; padding-left: 50px; margin-bottom: 1em; font-size: 14px;}

.culture ul li:nth-child(even) {background-image: url(../images/fire2.jpg);}



/*底部*/

.footer {background:url(../images/foot_bg.gif) repeat-x top center;margin-top:20px;}

.footer .foot{position:relative;margin:0 auto;width:980px;height:148px;background:url(../images/us.png) no-repeat 500px bottom;padding:20px 0 5px 0;}

.footer .weibo{width:100px;height:100px;padding:45px 23px 0px 22px; text-align:center;right:0;top:20px;background:url(../images/circle.png) no-repeat center; float: right; margin-right: 22px;}

.footer p {font-size: 12px; color: #959595; font-family: microsoft yahei,simsun, Arial, Helvetica, sans-serif}

.footer .foot .info{float:left;width:160px;padding:0 10px 0px 30px;background:url(../images/line.gif) no-repeat right center;height:100px;}

.footer .foot .info ul li{float:left;width:80px;height:20px; line-height:20px;}

.footer .foot .info h4{font-size:16px;color:#fff;margin-bottom:5px;}

.footer .foot .info ul li a{font-size:14px;color:#fff}

.footer .foot .info ul li a:hover{color:#f9cf00;text-decoration:none}

.footer .foot .nobg{background:none}

.footer .link{width:980px;margin:25px auto; line-height:22px;color:#7d7d7d; font-size: 12px;}

.footer .link strong{margin-right:10px; font-size: 12px;}

.footer .link a{margin:0 3px;display:inline-block; color: #959595; font-size: 12px;}

.footer .link a:hover {color: #ED6C00; text-decoration: none;}

.footer .siteinfo{ text-align:center;padding-bottom:25px; line-height:25px;}

.footer .siteinfo p{margin-bottom:8px;color:#959595; font-size: 12px;}

.footer .siteinfo a{margin-right:10px;}

.footer .foot .weibo .WB_widget {

margin: 0 auto!important;

}