/* reset YUI 3.5.0 */
html { color: #000; background: #303030; }
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td { margin: 0; padding: 0; }
table { border-collapse: collapse; border-spacing: 0; }
fieldset, img { border: 0; }
address, caption, cite, code, dfn, em, strong, th, var { font-style: normal; font-weight: normal; }
ol, ul { list-style: none; }
caption, th { text-align: left; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }
q:before, q:after { content: ''; }
abbr, acronym { border: 0; font-variant: normal; }
sup { vertical-align: text-top; }
sub { vertical-align: text-bottom; }
input, textarea, select { font-family: inherit; font-size: inherit; font-weight: inherit; }
input, textarea, select { *font-size:100%;}
legend { color: #000; }
/* default */
body { margin: 0; font: 12px/20px \5FAE\8F6F\96C5\9ED1, Tahoma, Arial, \5b8b\4f53; background: #E6E6E6 url(../images/head.jpg) no-repeat 50% 0; color: #666; }
input, select, textarea, button { font-family: Arial, \5FAE\8F6F\96C5\9ED1, Tahoma, \5b8b\4f53; }
a { color: #333; text-decoration: none; }
a:hover { text-decoration: underline; }
.red, a.red { color: #C91313; }
.gra, a.gra { color: #ACACAC; }
.blue, a.blue { color: #0077DB;}
.fn-left { display: inline; float: left; }
.fn-right { display: inline; float: right; }
.fn-hide { display: none; }
.fn-center { text-align: center;}
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1;}
.text-center { text-align: center; }
.text-right { text-align: right; }
.fn-full { width: auto; min-width: 1000px; }
.fn-fix { width: 980px; margin: 0 auto; }
.fn-full:after, .fn-fix:after { content: '\20'; display: block; height: 0; clear: both; visibility: hidden; }
/* a */
.bgs { display: inline-block; background: url(../images/bgs.png) no-repeat 0 0; }
#header { height: 492px; overflow: hidden; }
#header .fn-fix { height: 492px; position: relative;}
.toplink{height: 22px;line-height: 22px;color: #ACACAC;}
.toplink a{color: #ACACAC;}
.logo { float: left; display: inline; width: 250px; height: 180px; overflow: hidden; }
.logo a { display: block; width: 180px; height: 120px; margin: 60px 0 0; background:url(../images/logo.png) no-repeat 0 0; text-indent: -9999px; }
.misc { float:right; display:inline; width: 350px; margin: 60px 0 0;}
.search { height: 36px; overflow: hidden;}
.search .text { float:left; display: inline; width: 281px; height: 22px; padding:5px; border: 2px solid #0078DB; background: none; color:#FFF; vertical-align: middle;}
.search .btn { float:right; display: inline; width: 55px; height: 36px; border: none; cursor: pointer; background-position: -200px -230px;}
.cstel { width:350px; height: 59px; margin: 25px 0 0; background-position: 0 0;}
.cstel p { display:none;}
.nav { float: left; display: inline; width:320px; margin: 60px 0 0; position: relative; z-index:999; }
.nav ul { margin: 0 auto; }
.nav li { float: left; display: inline; width: 160px; height: 36px; margin: 0 0 24px; }
.nav li a { display: block; width: 160px; height: 35px; }
.nav li a:hover { text-decoration: none; }
.nav li i { display: block; width: 160px; height: 36px;}
.nav li span { display: none; width: 160px; height: 24px; text-indent:-9999px; overflow: hidden; }
.nav li.nav-home { width: 320px; margin-bottom:50px;}
.nav-home i.bgs { width: 36px; height: 36px; background-position:-160px -230px;}
.nav-about span.bgs { background-position:0 -110px;}
.nav-about i.bgs { background-position:0 -70px;}
.nav-contact span.bgs { background-position:-160px -110px;}
.nav-contact i.bgs { background-position:-160px -70px;}
.nav-konw span.bgs { background-position:0 -190px;}
.nav-konw i.bgs { background-position:0 -150px;}
.nav-join span.bgs { background-position:-160px -190px;}
.nav-join i.bgs { background-position:-160px -150px;}
.nav-price span.bgs { background-position:0 -270px;}
.nav-price i.bgs { background-position:0 -230px;}
.nav li a:hover i,
.about .nav li.nav-about i, .konw .nav li.nav-konw i, .price .nav li.nav-price i, .contact .nav li.nav-contact i, .join .nav li.nav-join i { display: none; }
.nav li a:hover span, .nav li.nav-home a:hover i,
.about .nav li.nav-about span, .konw .nav li.nav-konw span, .price .nav li.nav-price span, .contact .nav li.nav-contact span, .join .nav li.nav-join span { display: block; }
.banner { clear:both; width: 730px; height: 250px; position: absolute; bottom: 0; right: 0;  z-index:99;}
.about .banner { background:url(../images/ban-about.png) no-repeat 100% 100%;}
.konw .banner { height: 290px; background:url(../images/ban-konw.png) no-repeat 0 100%;}
.price .banner { background:url(../images/ban-price.png) no-repeat 0 100%;}
.contact .banner { height: 276px; background:url(../images/ban-contact.png) no-repeat 0 100%;}
.join .banner { height: 269px; background:url(../images/ban-join.png) no-repeat 0 100%;}
/**/
#footer { background: #242424; }
.footlink { padding: 40px 0 0; }
.footlink, .footlink a { color: #D5D5D5; }
.copyright { padding: 20px 0; border-top: 1px solid #383838; }
.copyright, .copyright a { color: #8A8A8A; }
/**/
.container-bg { background: #FFF url(../images/body.png) repeat; zoom:1; overflow: hidden;}
/**/
.box-fl { float: left; display: inline; width: 160px; margin: 0 50px 0 0; }
.box-fl .hd { margin: 0 0 10px; }
.box-fl .hd h3 { height: 35px; margin-bottom:15px; font-size: 18px; line-height: 30px; border-bottom: 1px solid #393939; }
.box-fl .hd h4 { height: 50px; font-size: 32px; }
.box-flr { float: right; width: 328px; height: 346px; margin: 0; background: url(../images/foot-logo.png) no-repeat 0 0; }
.box-flr p { font-size: 0; color: #363636; }
/**/
.list-fl { }
.list-fl li { height: 30px; line-height: 30px; font-size: 14px; }
/**/
.sidebar { float:left; display: inline; width:220px; min-height:700px; margin: -125px 0 30px; background:url(../images/side.png) no-repeat 0 0;}
.sidebar dl { font-size: 0; _font-size:1px; color:#0078DB;}
.sidebar .box{background-color:#0179DB;color:white;padding:10px 0;}
.sidebar .box .hd{background-color:#0179DB;margin:5px 12px;min-height:3rem; font-size:2rem; line-height:3rem;border-bottom:1px solid #3292E1;border-top:1px solid #3292E1; }
.sidebar .box .bd {margin:5px 12px;}
.sidebar .box .bd a.news{ display:block;color:white;font-size:0.9rem;width:196px;height:22px; overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}

.content { float:right; display:inline; width: 730px; min-height: 575px; margin: 0 0 30px; background: #FFF; overflow: hidden; }
.content .hd { padding: 0 20px 40px; border-bottom: 1px solid #E0E0E0; }
.content .hd h1 { line-height: 50px; font-size: 36px; font-weight: 700; color: #373737; }
.content .bd { padding: 30px 30px; }
/**/
.entry { }
.entry h2 { height: 50px; line-height: 50px; font-size: 36px; font-weight: 700; color: #373737; }
.bd hr { height: 1px; margin: 20px 0; border: none; border-bottom: 1px solid #E0E0E0; }
.entry p { margin: 20px 0; line-height: 25px; font-size: 14px; color: #555; }
.entry p.p-contact { line-height: 30px; font-size: 18px; font-weight: 700; }
/**/
.list-qq { margin: 30px 0; }
.list-qq li { float: left; display: inline; margin: 0 20px 15px 0; }
.list-qq li img { display:block;}
.list-qq li.first { width: 100%; margin-bottom:20px; }
.bgs-qc { width: 160px; height: 30px; background-position: -160px -270px; }
.bgs-jc { width: 120px; height: 30px; background-position: -160px -310px; }
/**/
.box-faq { margin: 20px 0 0; }
.box-faq .hds { height: 55px; line-height: 55px; margin: 10px 0 0; border-left: 7px solid #0078DB; text-indent: 15px; font-size: 24px; font-weight: 400; background: #E9E9E9; cursor: pointer; }
.box-faq .bds { margin: 20px 0; }
.box-faq .bds .text { font-size: 14px; color: #555; line-height: 1.8; }
.bgs-a { float: left; display: inline; width: 50px; height: 50px; padding-right: 10px; background-position: -70px -120px; }
.bgs-q { float: left; display: inline; width: 50px; height: 46px; background-color: #FFF; background-position: -70px -60px; }
.bgs-sk { display: block; width: 28px; height: 28px; margin: 15px 10px 0 0; background-position: -260px -230px; }
.bgs-sg { display: block; width: 28px; height: 28px; margin: 15px 10px 0 0; background-position: -290px -230px; }
/**/
.content-pay { width: 980px; padding: 50px 0 50px; border-top: 4px solid #B6B6B6; background: #FFF url(../images/bgs-pay.png) repeat-x 0 100%;}
.content-pay .hd { height: 40px; border: none; }
.content-pay .hd h2 { height: 40px; line-height: 40px; font-size: 24px; font-weight: 700; text-indent: 125px; }
.content-pay .hd h2 small { font-size: 14px; font-weight: 400;}
.content-pay p.note { font-size: 14px; margin-left: 300px; line-height: 25px;}
.indent5 { display: inline-block; text-indent: 5em; }
.pay { width: 100%; font-size: 16px; }
.pay td { padding: 6px 0 6px 10px; }
.pay .text { width: 300px; height: 20px; padding: 7px 10px; border: 1px solid #C7C7C7; border-width: 1px 0 0 1px; background: #F2F2F2; }
.pay .select { width: 160px; height: 35px; padding: 2px 5px; border: 3px solid #D8D8D8; background: #FFF; }
.btn-pub { height: 55px; padding: 0 20px; border: none; font-size: 20px; font-weight: 700; color: #FFF; background: #FF7700; cursor: pointer; }
.bgs-pub { display: inline-block; width: 35px; height: 35px; background-position: -320px -241px; vertical-align: middle; }
/**/
.backdrop { display:none; background-color: #000000; bottom: 0; left: 0; position: fixed; right: 0; top: 0; z-index: 1040; width: 100%; height: 100%; opacity: 0.8; }
.box-pop { display:none; position: absolute; top: 50%; left: 50%; z-index: 1050; width: 680px; height: 250px; margin: -125px 0 0 -340px; background: #FFF; }
.box-pop .hd { height: 48px; padding: 0 0 0 20px; background:#C40202; overflow: hidden;}
.box-pop .hd h3 { float:left; display:inline; font-size: 24px; line-height: 48px; font-family: Arial; text-transform: uppercase; color:#FFF; }
.box-pop .bd { padding: 20px 150px; }
.box-pop h4 { margin: 0 0 20px; font-size: 30px; font-weight: 700; line-height: 40px; text-align:center;}
.box-pop .txt { padding: 20px 15px; background: #F2F2F2; position: relative;}
.box-pop .txt p { font-size: 14px; line-height: 25px; text-align:center;}
.bgs-close { float: right; display: inline; width: 50px; height: 48px; cursor: pointer; background-position: 0 -120px; }
.bgs-arrow { position: absolute; top: -14px; left: 50%; width: 28px; height: 14px; margin-left: -14px; background-position: -40px -40px; }
/**/
.box-w-pb { margin: 0 30px; padding: 20px 0; border-bottom:1px solid #E0E0E0;}
.box-w-pb .bds { padding:0;}
.box-w-pb .bds h3 { font-size: 18px; line-height:20px; margin-bottom:10px; color:#0077DB;}
.box-w-pb .bds p { font-size: 14px;}
.box-w-pb3 { border: none;}
/**/
.box-p { margin:40px 0 0;}
.box-p .hds { height:60px; padding: 0 30px;}
.box-p .hds h2 { font-size: 24px; font-weight: 700; color:#373737; text-indent: -9999px;}
.bgs-pr1 { width: 402px; height: 30px; background-position: 0 -350px;}
.bgs-pr2 { width: 230px; height: 30px; background-position: 0 -390px;}
.list-pr { margin-right:-32px;}
.list-pr li { float:left; display:inline; width:205px; height:246px; background: url(../images/bgs-price.png) no-repeat; margin: 0 0 20px 30px;}
.list-pr li .p1 { height:30px; line-height:30px; padding:20px 10px 10px 30px; font-size: 16px;}
.list-pr li .p2 { height:45px; line-height:45px; padding:0 10px 0 30px; font-size: 14px;}
.list-pr li .p2 strong { font-size:30px; font-weight: 700; color:#0077DB;}
.list-pr li .p3 { height:41px; padding:10px 10px 10px 30px; font-size: 14px;}
.list-pr li .p4 a { display:block; width:145px; margin:30px auto 0; height:33px; line-height:33px; font-size: 18px; font-weight: 700; color:#FFF; text-indent:64px; }
/**/
.pc { margin:20px 30px 0; text-align:center; border-top:1px solid #E0E0E0; overflow: hidden;}
.pc span { display: block; margin: 25px 0; font-size: 14px;}
.pc a { }
/**/
.box-w-pt { padding: 20px 0 0; margin: 0 30px; border-bottom:2px solid #0078DB; border-top: 1px solid #DDD;}
.box-w-pt .fn-left img { display:block;}
.box-w-pt .fn-right { width:150px; height:110px;}
.box-w-pt .fn-right a { display:block; width: 150px; height:47px; margin:52px auto; background:#C91414; line-height:47px; text-align:center; font-weight: 700; font-size: 18px; color:#FFF;}
.box-w-pt p { float:left; display:inline; width: 350px; padding: 50px 0 0; font-size: 15px; line-height:20px; color:#7F7F7F;}
.bgs-test { display:inline-block; width:30px; height: 30px; background-position: -40px -70px; vertical-align:middle; line-height:50px;}
/**/
.box-a { float:left; display:inline; width:400px; margin:0 0 30px; background: #FFF;}
.box-ar { float:right; width:359px; margin-left:1px;}
.box-a .hds { height:120px; margin: 20px 30px 20px;}
.box-a .hds h2 { font-size: 28px; line-height:45px; color:#818181; text-indent: -9999px;}
.box-a .bds { overflow:hidden;}
.box-a .bds .title { padding: 0 30px; color:#FFF; font-size: 18px; color:#3A3A3A; line-height:28px;}
.box-a .bds .entry { padding: 20px 30px; font-size: 14px; line-height: 25px;}
.box-a .bds .entry p { margin: 0;}
.box-ar .list-qq {}
.box-ar .list-qq li { margin: 0 10px 10px 0;}
.box-ar .list-qq li.first { margin-bottom: 20px;}
.bgs-team, .bgs-contact { width: 230px; height: 110px; background-position: 0 -430px;}
.bgs-contact { background-position:-240px -430px;}
/* pay */
body.payment { background: #E6E6E6;}
.payment #header { height: 230px; background:#242424;}
.payment .banner { left: 250px; top: 130px; right: auto; bottom: auto; width: 300px; height: 70px; background:url(../images/ban-pay.png) no-repeat 0 100%;}
.payment .sidebar, .payment .nav li { display:none;}
.payment .nav li.nav-home { display: block;}
/* home */
.home #header, .home #header .fn-fix { height: 732px;}
.home .banner { width: 359px; height: 530px; background:url(../images/ban-home.jpg) no-repeat 100% 100%;}
.home .sidebar { margin-top: -364px;}
.home #container { background:url(../images/bg-home.png) repeat-x 0 100%;}
.box-note { float: left; display: inline; height: 364px; width: 400px; margin: -364px 0 0 0; overflow: hidden; position: relative; z-index: 9999; }
.box-note .hd { height: 36px; margin: 0 30px; border-bottom:2px solid #0078DB;}
.box-note .hd h2 { width: 120px; height: 30px; background-position: -240px -380px;}
.box-note .bd { font-size: 14px; margin: 20px 30px;}
.box-note .bd h3 { font-size: 24px; line-height: 35px; color:#FFF;}
.box-note .bd p.intor { font-size: 14px; color: #BBBBBB; margin: 20px 0; line-height: 23px;}
.box-note .bd p.date { font-size: 24px; color: #0077DB; line-height: 35px; font-weight: 700;}
.bgs-left, .bgs-right { width: 12px; height: 14px; margin: 10px 0 0; background-position: -360px -230px;}
.bgs-right { background-position: -371px -230px;}

.backToTop {
    display: none;
    width: 26px;
	height: 22px;
	background: url(../images/bgs.png) no-repeat -360px -250px;
    position: fixed;
    _position: absolute;
    right: 10px;
    bottom: 100px;
    _bottom: "auto";
    cursor: pointer;
    opacity: .6;
    filter: Alpha(opacity=60);
}