﻿/* Getting the new tags to behave */

article, aside, audio,

canvas, command,

datalist, details,

embed,

figcaption, figure, footer,

header, hgroup,

keygen,

meter,

nav,

output,

progress,

section, source,

video {

display:block;

}

mark,

rp, rt, ruby,

summary,

time {

display:inline;

}

a{text-decoration:none;}

/* Global properties ======================================================== */

body {

background: #FFF;

font-family: '微软雅黑'

font-size:100%;

line-height:1em;

color:#979797;

}

html {

min-width:1000px;

}

html,

body {

height:100%;

}







/* Global Structure ============================================================= */

.container {



margin:0 auto;

position:relative;

width:1000px;

font-size:.814em;

}



/* Header */

.header {

position:relative;

margin-bottom:20px;

}



/* Content */

.section#content {

float:left;

width:598px;

padding-bottom:50px;

}
#content6 {

float:left;

width:238px;

padding-bottom:50px;

margin-right:72px;

}



/* Sidebar */

.aside {

float:left;

width:402px;

position:relative;

z-index:10;

margin-top: 2px;
}



/* Footer */

.footer {

background:url(../images/footer-bg.jpg) repeat center top;

color:#fff;

font-size:.92em;

line-height:1.667em;

}









/* Left & Right alignment */



.fleft {

float:left;

}

.fright {

float:right;

}

.clear {

clear:both;

}



.col-1,

.col-2,

.col-3 {

float:left;

}



.alignright {

text-align:right;

}

.aligncenter {

text-align:center;

}



.wrapper {

width:100%;

overflow:hidden;

}

.wrap {

position:relative;

height:auto !important;

height:100%;

min-height:100%;

}



/*---- tailings ----*/

.cont-bot {

background:url(../images/cont-bot.jpg) no-repeat left top;

width:368px;

height:199px;

position:absolute;

left:0;

top:bottom;

}







/*----- form defaults -----*/

input,

select,

textarea {

font-family:Arial, Helvetica, sans-serif;

font-size:1em;

vertical-align:middle;

font-weight:normal;

}



/*----- lists -----*/



.news li {

line-height:33px;

}

.news li strong {

color:#000;

display:block;

}

.news li a {

text-decoration:none;

font-weight:normal;

}

.news li a:hover {

text-decoration:underline;

}



.list {

margin-top:-25px;

}

.list li {

line-height:1.538em;

padding-top:20px;

}

.list li strong {

color:#75dd12;

display:block;

padding-bottom:5px;

}

.list li a {

color: #000 ;

}

.list li a img {

position:relative;

top:5px;

}



.list1 {

}

.list1 li {

width:100%;

overflow:hidden;

vertical-align:top;

line-height:1.538em;

padding-top:30px;

}

.list1 li img {

float:left;

margin-right:25px;

}

.list1 li strong {

color:#75dd12;

display:block;

padding-bottom:5px;

}

.list1 li a {

text-decoration:none;

}

.list1 li a:hover {

text-decoration:underline;

}



.sitemap {

padding-bottom:20px;

}

.sitemap li {

padding:0 0 0 12px;

line-height:1.538em;

background-repeat:no-repeat;

background-position:0 7px;

}

/*----- other -----*/

.img-box {

width:100%;

overflow:hidden;

padding-bottom:20px;

line-height:1.538em;

}

.img-box img {

float:left;

margin:0 20px 0 0;

}



.extra-wrap {

overflow:hidden;

}



p {

margin-bottom:20px;

line-height:1.538em;

}

.p0 {

margin:0;
margin-top:4px;

}

.p1 {

margin-top:20px;

}

.p2 {

margin-bottom:10px;

}







/*----- txt, links, lines, titles -----*/

a {

color:#75dd12;

outline:none;

}

a:hover {

text-decoration:none;

}



h1 {

position:absolute;

left:53px;

top:65px;

text-indent:-9999px;

}

h1 a {

width:396px;

float:left;

height:122px;

background:url(../images/logo.png) no-repeat left top;

}



#for_all{

margin-top:63px;

}



h2 {

color:#000;

font-size:23px;

line-height:40px;

text-transform:uppercase;

margin-bottom:20px;

font-family: Tahoma, Geneva, sans-serif;

font-weight:100;

}





.txt1 {

color:#fff;

}



.button {

float:right;

}

.button strong {

display:block;



}

.button span {



padding:0 1px;

display:block;

}

.button strong span a {

display:block;

padding:7px 19px 7px 19px;

color:#fff;

text-decoration:none;

}

.button strong span a:hover {

text-decoration:underline;

}



.social {

padding-top:30px;

width:170px;

height:65px;

float:right;

}





#face {

width:50px;

height:65px;

float: left;

padding-left: 4px;

}

#twitter {

width:51px;

height:65px;

float: left;

padding-left: 4px;

}

#youtube {

width:51px;

height:64px;

padding-left: 4px;

float: left;

}



.imgb {

border: 1px solid black;

}





/*===== header =====*/

.header .container {
overflow: hidden;
height:45px;
}

.header .nav {

padding:0 0 0 57px;

position:absolute;

background: #5DCDFF;

width: 1000px;

bottom: 0;
}

.header .nav ul {

width:100%;

overflow:hidden;

}

.header .nav ul li {

float:left;

font-size:16px;

padding-right:23px;

margin-right:20px;

line-height:19px;

height: 44px;

background:url(../images/divider.png) no-repeat right 6px;

}

.header .nav ul li.last
{
padding-right:0;

margin-right:0;

background:url(../images/spacer.gif);

}

.header .nav ul li a
{

color:#fff;

text-decoration:none;

display:block;

text-align:center;

height:52px;

width:131px;

background:url(../images/spacer.gif);

background-repeat:no-repeat;

background-position:0 0;

}

.header .nav ul li.m1 a:hover,.header .nav ul li.m1 a.active
{
background-image:url(../images/m1-act.png);
}

.header .nav ul li.m2 a:hover,.header .nav ul li.m2 a.active
{
background-image:url(../images/m2-act.png);
}
.header .nav ul li.m3 a {
width:146px;
}

.header .nav ul li.m3 a:hover,

.header .nav ul li.m3 a.active {

background-image:url(../images/m3-act.png);

}

.header .nav ul li.m4 a {

width:159px;

margin-left:1px;



}

.header .nav ul li.m4 a:hover,

.header .nav ul li.m4 a.active {

background-image:url(../images/m4-act.png) ;





}

.header .nav ul li.m5 a {

width:147px;

}

.header .nav ul li.m5 a:hover,

.header .nav ul li.m5 a.active {

background-image:url(../images/m5-act.png);

}

.header .nav ul li a span {

display:block;

padding-top:13px;

}





/*===== content =====*/

#content .indent {

padding-top:20px;

}



.inside{

position:relative;

}

/*===== Sidebar =====*/

.aside .inside {

padding:0 85px 180px 54px;

width: 280px;

}



/*===== footer =====*/

.footer .container {

height:104px;

position:relative;

}

.footer .inside {

text-align:center;

padding:25px 0 16px;

padding-left:170px;

}



.visit,

.visit a,

.visit a:hover,

.visit a:active {

color: #000;

}





/*----- forms -----*/



#contacts-form { clear:right; width:100%; overflow:hidden;}

#contacts-form fieldset { border:none; float:left; }

#contacts-form .field { clear:both;}

#contacts-form label { float:left; width:97px; line-height:18px; padding-bottom:8px;}

#contacts-form input { width:295px; padding:1px 0 1px 3px; border:1px solid #4d4d4d; color:#979797; background:none;}

#contacts-form textarea { width:444px; height:285px; padding:1px 0 1px 3px; border:1px solid #4d4d4d; color:#979797;
margin-bottom:19px; overflow:auto; background:none;}



/*==========================================*/



#page1 .header { height:430px;}

#page1 .header h1 {top:128px;}

#page3 .header { height:430px; }

#page2 .header { height:430px; background:url(../images/header-bg.jpg) no-repeat center top;}

#page5 .header { height:330px; background:url(../images/header-bg.jpg) no-repeat center top;}

#page6 .header { height:330px; background:url(../images/header-bg.jpg) no-repeat center top;}



.container a{color:#000;}

.lxwc{ width:1024px; clear:both; margin:24px auto;}

.lxwc .lxwmdh{ width:1100px;height:30px; line-height:30px;}

.lxwc span{ margin-left:20px; font-size:18px; color:#000; font-weight:normal; }

.lxwmdh a{font-weight:700;}

.col-2 ul li{margin:8px auto;}

.col-1 p{text-indent:26px;margin-top:4px;}

.wzdd{ max-width: 617px!important;}

.wzdd p{ max-width: 596px!important;}

.section img{max-width:600px!important;margin:0 auto;}

.aside .inside ul li{overflow:hidden;}

.aside .inside ul li a{ display: block;
float: left;
width: 235px;}
.aside .inside ul li span{ float: right;}
