body 
{    
    margin: 0;
    padding:0;
    font-size:9pt;
    font-family: Tahoma, 宋体;
    line-height:21px;
    letter-spacing:0.8px;
    background-color:#fff;
}
a
{
    text-decoration:none;    
    color:#00a;
}
a:hover
{
    text-decoration:underline;
    color:#f82617;
}
img
{
    border:none;
}
.wrapper
{
    width:100%;
    height:100%;
}
.top
{
    width:100%;
    height:25px;
    background: white url(/image/sys/captionf.gif) repeat-x;
    border-bottom:1px solid #f3f3f3;
    line-height:25px;
    vertical-align:middle;
}
.top_line
{    
    margin: 0 auto;
    width:960px;
    padding-left:20px;
}
.top_line h1
{
    font-size:9pt;
    font-weight:normal;
    display:inline;
}
.top_line span
{
    color:#e00;
    font-weight:bold;
}
.top_title
{
    float:left;
}
.share
{
    float:right;
    margin-right:25px;
}
.s
{
    display:inline;
    float:left;    
    color:#11e;
    font-weight:bold;
}
/*header start*/
.header
{
    margin: 0 auto;
    width:960px;
    height:120px;
    background: white url(/image/sys/banner.gif) no-repeat;
    border-bottom:2px solid #eee;
}
.logo
{
    width:158px;
    height:100%;
    float:left;
}
.logo img
{
    margin-top:12px;
    cursor:pointer;
}
.banner
{
    height:80px;
}
.corner
{
    clear:right;
    float:right;
    margin: 18px 15px 0 0;
    text-align:right;
    color:#777;
}
.corner h3
{
    display:inline;
    font-size:9pt;
}
.qq
{
    height:21px;
    
}
.qq img
{
    cursor:pointer;
}
.menu
{
    font-weight:bold;
    height:40px;
    width:800px;
    float:right;    
}
.menu a
{
    color:#414141;
    display:block;
}
.menu a:hover
{
    color:#f82617;
}
.menu ul
{    
    list-style-type:none;   
    float:right;     
    margin:4px 0;
    border-right:1px solid #eee;
}
.menu li
{
    font-size:11pt;
    border-left:1px solid #bbb;
	float:left;	
    line-height:36px;
    vertical-align:bottom;
	padding:0 12px 0 12px;
}
.menu li:hover
{
    background-color:#fd5;
}
/*header end*/
/*content start*/
.main
{
    margin:0 auto;
    width:960px;
    margin-top:12px;
    color:#333;
}
.notice
{
    position:absolute;
    width:230px;
    height:258px;
    right:35px;
    background-image: url(/image/sys/arrow.gif);
    background-repeat:no-repeat;
    background-position:left;
    margin-left:-8px;
}
.notice .t
{
    width:100%;
    height:100%;
    border:1px solid #ddd;
    margin-left:8px;
    padding:6px 0 0 5px;
    background-color:#f1f1f1;
    border-bottom-color:#ccc;
}
.caption
{
    height:25px;
    line-height:25px;
    vertical-align:middle;
    font-weight:bold;
    font-size:11pt;
    padding-left:5px;
    background: white url(/image/sys/caption.gif) repeat-x;
}
.caption .t
{
    float:left;
}
.caption .m
{
    float:right;
    margin-right:12px;
    font-size:9pt;
    cursor:pointer;
}
.caption .m:hover
{
    text-decoration:underline;
    color:#f82617;
}
.service
{
    width:309px;
    height:268px;
    margin-top:18px;
    float:left;
    border:1px solid #ddd;
    border-right:none;
}
.sa
{
    margin:0 auto;
    width:88%;
    height:25px;
    margin-top:8px;
    border-bottom:1px solid #ddd;
    font-weight:bold;
    font-size:12pt;
    text-align:center;
}
.sat
{
    padding:5px 6px 0 8px;
}
.level
{
    width:332px;
    height:279px;
    margin-top:11px;
    float:left;
    background: white url(/image/sys/level.png) no-repeat;
}
.advantage
{
    width:318px;
    height:271px;
    float:left;
    margin-left:7px;
    border:1px solid #ccc;
    border-right:none;
    border-left:none;
}
.why
{
    width:310px;
    height:242px;
    float:left;
    padding-left:6px;
    margin-top:25px;
    padding-top:8px;    
}
.need
{
    padding: 5px; 
    color: #a712b4;
    background: #a8e2cd url(/image/sys/need.png) repeat-y;
}
.what
{
    padding: 5px; 
    margin-top: 6px;
    color: #fff;
    background: #7da819 url(/image/sys/what.png) repeat-y;
}
.samples
{
    margin-top:12px;
    float:left;
    border:1px solid #ddd;
    width:100%;
}
.sample
{
    width:168px;
    float:left;
    margin:8px 12px 0 12px;    
    text-align:center;
}
.sample img
{
    border:1px solid #bbb;
    margin-bottom:6px;
    cursor:pointer;
}
.sample span
{
    cursor:pointer;
    color:#00a;
    line-height:29px;
    vertical-align:bottom;
}
.sample span:hover
{
    text-decoration:underline;
    color:#f82617;
}
.seoGuide
{
    margin-top:12px;
    width:49.9%;
    border-right:1px solid #ddd;
    float:left;
}
.faq
{
    margin-top:12px;
    width:49.9%;
    float:left;
}
.list
{
    padding-left:12px;
}
.list .title
{
    font-size:1.2em;
    margin-top:15px;
    font-weight:bold;
}
/*end home*/
.sitemap
{
    float:left;
    margin-left:8px;
    padding-left:8px;
    width:77.65%;
    height:25px;
    line-height:25px;
    background: white url(/image/sys/caption.gif) repeat-x;
    border:1px solid #d6d6d6;
}
.cNode
{
    color:#d33;
    font-weight:bold;
}
.page
{
    float:right;
    font-size:16pt;
    margin:12px 18px 0 0;    
}
.page span
{
    font-weight:bold;
    font-size:21pt;
}
.left
{
    width:20%;
    float:left;  
}
.leftSide
{
    border:1px solid #ddd;
    margin-bottom:12px;
}
.ls
{
    padding:8px 2px 8px 8px;
}
.ls a
{
    display:list-item;
    list-style-image:url(/image/sys/delta.png);
    list-style-position:inside;    
    border-bottom:1px dashed #ccc;
}
.ls a:hover
{
    background-color:#e1e1e1;
    font-size:14px;
}
.right
{
    float:left;
    margin-left:8px;
    padding-left:8px;
    width:77.1%;
}
.line
{
    width:100%;
    border-bottom:1px solid #ccc;
    margin:12px 0 8px 0;
}
.line .title
{
    font-size:12pt;
    font-weight:bold;
    line-height:28px;
}
.content
{
    margin-top:12px;
    font-size:14px;
    color:#3d3d3d;
    background-color:#f2faff;
    border:1px solid #cde;
    padding:12px 12px 35px 12px;
}
.content_title
{
    text-align:center;
    color:#828282;
    font-size:9pt;
    border-bottom:1px solid #ddd;
}
.content_title h1
{
    font-size:12pt;
    color:#333;
    display:inline;
}
.content h2
{
    font-size:14px;
    display:inline;
}
.content_text
{
    padding:12px 0 12px 0;
    margin-bottom:6px;
    border-bottom:1px solid #ddd;
}
.previous
{
    float:left;
    font-size:9pt;
}
.next
{
    float:right;
    font-size:9pt;
}
.example
{
    width:100%;
    float:left;    
    margin-top:18px;
    padding-bottom:18px;
    border-bottom:1px solid #ddd;
}
.example img
{
    width:165px;
    float:left;
}
.example_title
{
    width:550px;
    margin-left:12px;
    float:left;
    text-align:center;
    font-size:11pt;
    font-weight:bold;
    border-bottom:1px dashed #ddd;
}
.example_content
{
    width:550px;
    margin:5px 0 0 12px;
    float:left;
}
.question
{
    margin-top:12px;
    line-height:26px;
}
.question input:focus, textarea:focus
{
    color: black;
    border: 1px solid #169;
}
.ask
{
    width:100%;
    float:left;    
    margin-top:18px;
    padding-bottom:9px;    
}
.ask_top
{
    font-size:14px;
}
.ask_top button
{
    cursor:pointer;
    width:90px;
    height:25px;
}
.ask_question
{
    font-weight:bold;
    border-bottom:1px dashed #ddd;
}
.ask_answer
{
    margin-top:6px;
}

/*sitemap*/
.level0
{
    margin-left:30px;
}
.level1
{
    margin-left:60px;
    font-weight:bold;
}
.level2
{
    margin-left:90px;
}
.level3
{
    margin-left:120px;
}
.level4
{
    margin-left:150px;
}
.level5
{
    margin-left:180px;
}
.cleaner { clear: both; width: 100%; height: 0px;}
/*content end*/
.footer
{    
    width:100%;
    height:180px;    
    padding-top:25px;
    color:#555;
}
.footer a
{
    color:#555;
}
.footer a:hover
{
    color:#f82617;
}
.footer_wrap
{
    margin:0 auto;
    width:100%;
    height:100%;
    background-color:#dadada;
    border-top:2px solid #e5e5e5;
}
.footer_content
{    
    width:960px;
    margin:0 auto;
    background-repeat:no-repeat;
}
.footer_logo
{
    width:120px;
    margin-top:50px;
    float:left;
    text-align:center;
}
.footer_qq
{
    margin:45px 0 0 5px;
    cursor:pointer;
}
.quickLinks
{
    width:225px;
    height:175px;
    float:left;
}
.quickLinks a
{
    width:90px;
    height:25px;
    line-height:25px;
    vertical-align:bottom;
    color:#a29;
    float:left;
    margin-left:18px;
    text-align:center;
    border-bottom:1px dashed #999;
}
.quickLinks img
{
    cursor:pointer;
    float:left;
    margin:5px 0 0 29px;
}
.footer_block
{
    height:175px;
    float:left;
    margin-left:10px;
}
.footer_block a
{
    color:#525;
    display:list-item;
    list-style-image:url(/image/sys/delta.png);
}
.footer_block span
{
    cursor:pointer;
    color:#525;
    display:list-item;
    list-style-image:url(/image/sys/delta.png);
}
.footer_block span:hover
{
    text-decoration:underline;
    color:#f82617;
}
.footer_title, .link_title
{
    font-size:12pt;
    font-weight:bold;
    padding:8px;
    color:#e61;
}
.link_title
{
    text-align:center;
}
.footer_title img
{
    float:left;
    margin:2px 6px 0 -25px;
}
.footer_title a
{
    color:#e61;
    list-style:none;
}
.footer_line
{
    width:1px;
    height:130px;
    border-left:1px solid #aaa;
    float:left;
    margin:40px 15px 0 12px;
}
.goTop
{
    float:right;
    margin:-10px 6px 0 0;
    text-align:center;
    cursor:pointer;
}
.goTop:hover
{
    text-decoration:underline;
    color:#f82617;
}
.footer_bottom
{
    background-color:#c8c8c8;
    border-top:3px solid #d7d7d7;
}
.footer_bottom_line
{
    height:35px;
    width:960px;
    margin:0 auto; 
    padding-top:6px;
}
.copyright
{
    float:left;
}
.privacy
{
    float:right;
    margin-right:12px;
}
.privacy span:hover
{
    text-decoration:underline;
    color:#f82617;
    cursor:pointer;
}