@charset "utf-8";
/* ReSet CSS */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,select,p,blockquote,th,td{margin:0;padding:0}
table{border-collapse:collapse;border-spacing:0}
fieldset,img{border:0}
del,ins{text-decoration:none}
li{list-style:none}
caption,th{text-align:left}
q:before,q:after{content:''}
abbr,acronym{border:0;font-variant:normal}
sup{vertical-align:baseline}
sub{vertical-align:baseline}
legend{color:#000}
/* CSS Document */
body,button,input,select,textarea{color:#333;font:12px/1.5 "\5FAE\8F6F\96C5\9ED1",Tahoma,Helvetica,Arial,"\5B8B\4F53"}
a:link,a:visited,a:active{color:#000;text-decoration:none}
a:hover{color:#008aff;text-decoration:none}
/* Clear */
.clearfix:after{content:"";display:block;height:0px;clear:both;visibility:hidden}
.clearfix{display:inline-block}
/* Hides from IE-mac \*/ 
* html .clearfix{height:1%}
.clearfix{display:block} 
/* End hide from IE-mac */
.page_list{text-align:right;padding-top:10px}
.page_list a{border:#ddd 1px solid;color:#15428b;padding:2px 5px;margin-right:2px}
.page_list a:hover,.page_list a:active{border:#e1e6ed 1px solid;color:#000;background:#D3E1F6}
.page_list span.current{border:#ddd 1px solid;padding:2px 5px;font-weight:bold;margin-right:2px;color:#FFF;background:#15428b}
.page_list span.disabled{border:#f3f3f3 1px solid;padding:2px 5px;margin-right:2px;color:#CCC}
/* 广告 */
#AD_Index_960x90{width:960px;height:90px;padding:0px 0px 0px 0px;background:#FFF}

/* webcss start*/
body{background:#e9e9e9 url(../images/body_bg.gif) center repeat-y}
#wrapper{background:url(../images/wrapper_bg.png) top repeat-x;padding-top:10px}
.web-body{width:990px;margin:0px auto}
#top-nav{background:url(../images/top-nav.gif) top left no-repeat;padding-bottom:10px}
.top-logo{float:left;padding:5px 0px 0px 35px}
#nav{position:relative;float:right;margin-top:20px;padding:10px 0px;height:25px;overflow:hidden}
#nav li{float:left;display:inline;line-height:25px;z-index:2;background:url(../images/lava.png) no-repeat right -50px}
#nav li.back{background:url(../images/lava.png) no-repeat right -25px;width:20px;height:25px;z-index:1;position:absolute;padding:0px}
#nav li.back .left{background:url(../images/lava.png) no-repeat top left;height:25px;margin-right:20px;padding:0px}
#nav li a{outline:none;z-index:3;position:relative;overflow:hidden;display:block;padding:0px 28px;text-decoration:none}
#nav li a:link,#nav li a:visited,#nav li a:active{color:#FFF}
#nav li a:hover,#nav li.current a:link,#nav li.current a:visited,#nav li.current a:active,#nav li.current a:hover{color:#FFF}
#nav li.current{font-weight:bold}

.left-ad{position:relative;float:left;width:690px;height:260px;border:1px solid #DDD;background:#FFF;padding:4px}
.slides_container{width:690px;overflow:hidden;position:relative;display:none;z-index:1;}
.slides_container a{width:690px;height:260px;display:block;}
.pagination {position:absolute;right:6px;bottom:8px;width:42px;z-index:100}
.pagination li {float:left;margin:0 1px;list-style:none;display:inline}
.pagination li a {display:block;width:12px;height:0;padding-top:12px;background-image:url(../images/pagination.png);background-position:0 0;float:left;overflow:hidden;}
.pagination li.current a {background-position:0 -12px;}

.right-down{float:right;width:274px;margin-left:10px;border:3px solid #e3f7ff;height:264px}
.right-down div{border:1px solid #8dc6ff;background:#FFF;height:242px;padding:10px}
.right-down h1,.right-down h2{border-left:3px solid #186bbf;font-weight:bold;font-size:14px;padding-left:10px;margin:0px 0px 10px 0px}
.right-down h1 span{color:#186bbf;font-size:12px;font-weight:normal;padding-left:5px}
.down:link,.down:visited,.down:active{background:url(../images/download.gif) no-repeat;color:#000;margin:0px auto;display:block;width:185px;height:55px;padding:10px 0px 0px 55px}
.down:hover{background:url(../images/download.gif) no-repeat 0px -65px;color:#FFF}
.down strong{font-size:14px;font-weight:normal}
.downbottom{padding:10px 0px 0px 0px;margin-bottom:20px;text-align:center}
.downbottom img{vertical-align:middle;margin-right:5px}
.QQonline{text-align:center}

.index-content{clear:both;padding:10px 0px;background:url(../images/index-content.gif) left 18px no-repeat}
.index-content ul{padding-top:0px}
.index-content ul li{float:left;width:490px;height:90px;border-bottom:1px dashed #CCC;display:inline;padding:25px 5px 20px 0px}
.index-content ul li img{margin:0px 10px 0px 10px}
.index-content h2{font-weight:bold;font-size:14px;padding:0px 0px 5px 0px}
.index-content #template_list{padding:0px 15px 0px 15px}

/*主页友情连接*/
.index-Friendlink{width:956px;padding:0px 0px 10px 0px;margin:0 auto}
.index-Friendlink h2{background:url(../images/site_title.gif) 0px -238px no-repeat;height:34px;line-height:34px;font-size:100%;font-weight:normal}
.index-Friendlink h2 span{float:left;display:none}
.index-Friendlink h2 a{float:right;margin:15px 10px 0px 0px}
.index-Friendlink ul{width:952px;margin:0 auto}
.index-Friendlink ul li{float:left;display:inline;padding:5px}
.index-Friendlink ul li a{display:block;width:120px;height:60px;line-height:60px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:#FFF;font-size:14px;border:#e5e5e5 1px solid;padding:2px}
.index-Friendlink ul li a:hover{background:#cbe7ff;border:#1181d1 1px solid}

.page-content{padding:0px 15px 20px 15px}
.page-content h2{clear:both;border-bottom:1px solid #EFEFEF;font-size:16px;height:32px;line-height:32px;font-weight:bold;margin:15px 0px}
.page-content h2 span{color:#F00;font-size:12px}
.demo_link{padding:0 0 0 2em;line-height:40px}
.demo_link a{float:left;display:inline;background:url(../images/demo_view.gif) no-repeat;width:210px;height:40px;line-height:40px;margin-right:20px;position:relative;z-index:90}
.demo_link a span{display:none}
.demo_qt:link,.demo_qt:visited,.demo_qt:active{background-position:0px 0px}
.demo_qt:hover{background-position:0px -40px}
.demo_ht:link,.demo_ht:visited,.demo_ht:active{background-position:-210px 0px}
.demo_ht:hover{background-position:-210px -40px}
.download_link{font-size:14px}
.download_link a:link,.download_link a:visited,.download_link a:active{border-bottom:1px dashed #186bbf;color:#186bbf;font-weight:bold}
.download_link a:hover{background:#186bbf;color:#FFF}
.download_link a em{font-weight:normal;font-style:normal}
.download_link span{color:#666}

/*模版库*/
#template_list{margin-top:10px}
#template_list div{background:url(../images/template_bg.gif) no-repeat left top;float:left;width:280px;height:220px;margin:10px;padding:10px;display:inline;position:relative}
#template_list div a{cursor:pointer}
#template_list div p{padding:6px 0px 0px 0px}
.template_zoom{position:absolute;background:url(../images/template_zoom.png) no-repeat;display:block;width:154px;height:34px;top:80px;left:78px}
.template_free{position:absolute;background:url(../images/template_free.png) no-repeat;display:block;width:68px;height:68px;top:-10px;right:-10px}
.template_down{position:absolute;display:block;width:110px;height:35px;line-height:31px;bottom:5px;right:5px;text-indent:35px;font-size:14px;font-weight:bold}
.template_down:link,.template_down:visited,.template_down:active{background:url(../images/template_down.png) no-repeat left top;color:#0081ef}
.template_down:hover{background:url(../images/template_down.png) no-repeat left -35px;color:#FFF}
.service-table{border:1px solid #DDD;background:#FFF;width:500px;margin:0 0 10px 2em}
.service-table td,.service-table th{padding:5px;border:1px solid #DDD;text-align:center}
.service-table thead th{background:url(../images/info_title.gif) center center;font-weight:bold}
.service-table tbody th{font-weight:normal;text-align:right;width:150px}
.serviceY{color:#090}
.serviceN{color:#F00}
/* 帮助中心 */
.page-help{padding:0px 15px 20px 15px}
.help-left{float:left;display:inline;width:250px}
.help-left h2{clear:both;border-bottom:1px solid #EFEFEF;font-size:16px;height:32px;line-height:32px;font-weight:bold;margin:15px 0px}
.help-left ul li{float:left;display:inline;width:230px;padding:5px 10px;font-size:14px;height:28px;line-height:28px;border-bottom:1px dashed #D7D7D7;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.help-right{float:right;display:inline;width:680px;overflow:hidden}
.help-right h2{border-bottom:1px solid #EFEFEF;font-size:16px;height:32px;line-height:32px;font-weight:bold;margin:15px 0px}
.help-right ul{padding:0 15px 10px 15px;font-size:14px}
.help-right ul li{border-bottom:1px dashed #D7D7D7;padding:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.help-newsdetail{padding:0 5px}
.help-newsdetail div{font-size:14px}
.help-newsdetail div p{margin-bottom:1em}
.helpdetail-title{font-size:16px;font-weight:bold;line-height:30px;text-align:center;border-bottom:1px dashed #CCC;margin-bottom:10px}
/*搜索*/
.formlist{padding:0 0 5px 1em}
#sitesearch input{float:left;border:0px none}
#searchid{line-height:20px;padding:2px}
input#SearchKeyWord{border:1px solid #E6E6E6;background:#FFF url(../images/search_input.gif) repeat-x top;height:20px;line-height:20px;padding:2px;width:155px}
#searchbutton{width:60px;height:26px;background:url(../images/searchbut.gif) repeat-x left top;color:#FFF}
/*友情连接列表页*/
.page-Friendlink{padding:0px 15px 10px 15px}
.page-Friendlink ul{width:956px;margin:10px auto 0 auto}
.page-Friendlink ul li{float:left;display:inline;padding:5px}
.page-Friendlink ul li a{display:block;width:120px;height:60px;line-height:60px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:#FFF;font-size:14px;border:#e5e5e5 1px solid;padding:2px}
.page-Friendlink ul li a:hover{background:#cbe7ff;border:#1181d1 1px solid}
/*WebFoot*/
.WebFoot{background:url(../images/copyright.gif) no-repeat bottom;padding:0px 20px 5px 20px}
/*.Powered_by{line-height:35px;color:#0081ef}*/
.Powered_by{line-height:35px;color:#999}
.Powered_by a:link,.Powered_by a:visited,.Powered_by a:active{border-bottom:1px dashed #186bbf;color:#186bbf}
.Powered_by a:hover{background:#186bbf;color:#FFF}
.Powered_by .thanks{float:right}
.copyright{line-height:35px;color:#FFF;text-align:right}
.copyright span{display:none}
.copyright a:link,.copyright a:visited,.copyright a:active{color:#FFF}
.copyright a:hover{color:#CCC}