/* reset */
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td,label,q {
	margin: 0;
	padding: 0;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

fieldset,img {border: none;}

address,caption,cite,code,dfn,em,strong,th,var {
	font-style: normal;
	font-weight: normal;
}

li { list-style: none; }

caption,th { text-align: left; }

h1,h2,h3,h4,h5,h6 {
    font-size: 100%;
    font-weight:normal; 
}
h1  
{
    font-size: 18px;
    font-weight:700;
}
h2 { font-size: 16px;}
h3 { font-size: 14px;}
h6 { font-weight:300;}

q:before,q:after { content: ''; }

abbr,acronym { border: none; font-variant: normal; }

sup { vertical-align: text-top; }
sub { vertical-align: text-bottom; }

input,button,textarea,select {
	font-family: inherit;
	font-size: inherit;
	font-weight: inherit;
}

select, input, button, textarea {
	font: 100% Tahoma,Helvetica,Arial,sans-serif;
	font-family:inherit;font-size:inherit;font-weight:inherit;
}

table {
    font-size: inherit;
    font-size: 100%;
}

pre, code, kbd, samp, tt{
	font-family: 'Courier New', Courier, monospace;
}

small {font-size: 100%;}

strong, b { font-weight: bold; }

a:link, a:visited, a:active { text-decoration: none; }
a:hover { text-decoration: underline; }

a img{border:0;}

img{ vertical-align:middle;}

abbr,acronym {
    border-bottom: 1px dotted;
    cursor: help;
}

ins { text-decoration: none; }
del { text-decoration: line-through; }

hr {
    background-color: #d1d7dc; 
    border: none; height: 1px;
}

label {cursor:pointer;}

/* layout */
.box .hd ,.box .rc-tp, .box .rc-tp span, .box .rc-bt, .box .rc-bt span {background:url(../img/box.png) no-repeat;overflow:hidden;}
.box .rc-tp {margin-bottom:-6px;}
.box .rc-bt {margin-top:-6px;}
.box .rc-tp, .box .rc-bt {display:block;height:6px;position:relative;}
.box .rc-tp span, .box .rc-bt span {float:right;height:6px;width:6px;}
.box .hd, .box .bd {height:auto;}
/*蓝底 蓝边*/
.box-blue .rc-tp{ background-position:-6px 0px;}
.box-blue .rc-bt{ background-position:-6px -6px;}
.box-blue .rc-tp span{ background-position:0 -0px;}
.box-blue .rc-bt span{ background-position:0 -6px;}
.box-blue .bd{ background-color:#0d76ad; border:solid 1px #0d76ad;}
.blue{ width:622px; height:436px; margin-top:16px;}
.blue .bd{width:620px; height:434px; }
.blue .bluecontent{ padding:16px;}
/*胆蓝底 淡蓝边*/
.box-blue2 .rc-tp{ background-position:-6px -12px;}
.box-blue2 .rc-bt{ background-position:-6px -18px;}
.box-blue2 .rc-tp span{ background-position:0 -12px;}
.box-blue2 .rc-bt span{ background-position:0 -18px;}
.box-blue2 .bd{ background-color:#b7d5e0; border:solid 1px #b7d5e0;}
.blue2{ margin-top:16px; width:622px; height:103px;}

/* type */
body {font:12px/1.5 Tahoma, Arial, simsun, sans-serif; color:#000; background:#fff; width:100%; height:auto; }
a:link, a:visited{color:#1f7cc1;}
a:hover, a:active{color:#ff6600; text-decoration:none;}

/*头中尾*/
#wrap{width:980px; height:auto;margin:0 auto; background:url(../img/bg.jpg) no-repeat;}
#header,#content,#footer{ width:980px; height:auto;margin:0 auto;}
#header{ height:255px; background-position:0 0;  }
#content{ width:944px; height:600px; padding-left:36px; overflow:visible;}
#footer{ margin-top:32px; height:auto;}

/*导航*/
ul.nav{ padding:26px 0 0 180px; width:800px; height:47px; }
ul.nav li{ float:left; height:47px; width:133px; text-align:center; line-height:40px; font-size:14px; font-weight:700;}
ul.nav a:link, ul.nav a:visited{ width:133px; height:36px; display:block; color:#fff; padding-top:11px;}
ul.nav a:hover, ul.nav a:active, ul.index a.index, ul.about a.about, ul.news a.news, ul.service a.service, ul.contact a.contact{ background:url(../img/navbg.png) center top no-repeat;}

/* 底栏*/
#footer{ width:800px; border-top:dotted 1px #d1d1d1; padding:16px;}
#footer p{ display:block; width:800px; min-height:18px; overflow:visible; text-align:center;}
#footer span{ display:block; float:left;  margin-left:50px;}
#footer img{  margin:0 auto;}
#footer label{  margin:16px auto;}

/*首页*/
div.index{ height:500px;}
#sub{ width:275px; float:left;}
#sub h6{ width:100%; height:18px; margin-top:16px;}
#sub h6 label{ display:block; float:left;}
#sub h6 b{ margin-left:8px; float:left;}
#sub h6 a{ margin-left:8px; padding-left:146px; float:right; border-left:solid 1px #d1d1d1; border-bottom:solid 1px #d1d1d1; color:#999;}
#sub img{ border:solid 1px #55c2fa; margin:16px 0 0 22px; width:251px; height:140px}
#sub dl{ border-top:dotted 1px #b9b9b9; margin:32px 0 0 22px; padding:8px 6px; width:240px; height:auto;}
#sub dt{ color:#019dd0; height:24px; font-weight:700; line-height:24px;}
#sub dd{ line-height:24px;}
#sub dd b{ margin-right:4px;}
#main{ width:620px; height:auto; float:left; margin-left:32px;color:#fff;}
#main a{color:#fff; }
#main h6{ width:100%; height:18px; }
#main h6 label{ display:block; float:left;}
#main h6 b{ margin-left:8px; float:left;}
#main h6 a{ margin-left:8px; padding-left:450px; float:right; border-left:solid 1px #d1d1d1; border-bottom:solid 1px #d1d1d1; color:#fff;}
div.indexnews{ width:95%; color:#fff;}
div.indexnews ul{ width:100%; height:auto; padding:27px 0;}
div.indexnews li{ width:100%; height:24px; line-height:24px; padding-left:24px; background:url(../img/icon.png) -48px 2px no-repeat; }
div.indexnews a{ float:left; }
div.indexnews span{ float:right; }
div.indexabout{ float:left; width:350px; height:180px; padding:20px 0 0 20px; margin:15px 0 0 16px; line-height:24px; background:url(../img/indexaboutbg.png) no-repeat}
div.indexabout p{ text-indent:24px;}
div.indexabout a{ float:right; color:#fff;}
div.indexaboutimg{ float:left; width:130px; height:200px; padding:0 0 0 20px; margin:15px 0 0 16px; background:url(../img/indexaboutbg.png) no-repeat}
div.indexaboutimg img{ border:solid 1px #93dcff; margin-top:10px;}
dl.apps{ width:600px; height:93px; padding:5px;}
dl.apps dt{ float:left; width:18px; height:93px;margin-left:10px;}
dl.apps dd{ float:left; width:163px; height:93px; background:#fff url(../img/app.png) no-repeat; margin-left:16px;}
dl.apps dt label{ margin-top:40px; }
dl.apps dd img{ margin:6px 9px;}
label.prev{background:url(../img/app.png) 0 -93px no-repeat; display:block; width:18px; height:18px;}
label.next{background:url(../img/app.png) -18px -93px no-repeat; display:block; width:18px; height:18px;}
/*2级页面*/
#content h2{ width:900px; height:18px; padding:32px 0 0 44px; font-size:12px; font-weight:700; line-height:18px;}
#content h2 label{ margin-top:2px; float:left;}
#content h2 b{float:left; margin-left:8px;}
#content h2 span{ width:800px; height:18px; float:left; margin-left:8px;display:block; border-left:solid 1px #d1d1d1; border-bottom:solid 1px #d1d1d1; }
label.about{ width:16px; height:16px; background:url(../img/icon.png) -16px 0 no-repeat; display:inline-block;}
label.service{width:16px; height:16px; background:url(../img/icon.png) 0 0 no-repeat; display:inline-block;}
label.news{width:16px; height:16px; background:url(../img/icon.png) -32px 0 no-repeat; display:inline-block;}
.article{ width:700px; padding:32px 0 0 150px;}
.article h6{ font-size:16px; font-weight:700; width:100%; height:24px; text-align:center;}
.article h6 span{ margin:0 16px;}
.article p{ margin-top:16px; text-indent:28px; font-size:14px; line-height:24px;}
.article p.center{ text-align:center;}
span.b{ font-weight:700;}

div.news{ width:800px; margin:32px 0 0 50px;}
div.news ul{ width:840px; height:auto; border:solid 1px #bfbfbf; padding:8px 15px;}
div.news li{ width:830px; height:24px; line-height:24px; padding-left:24px; background:url(../img/icon.png) -48px 2px no-repeat; }
div.news a{ float:left;}
div.news span{ float:right; }