@charset "utf-8";
/* CSS Document */

/*reset*/
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 {
    margin: 0;
    padding: 0;
}

fieldset, img {
    border: 0;
}

abbr, acronym {
    border: 0;
    font-variant: normal;
}

address, caption, cite, code, dfn,
em, strong, th, var, optgroup {
    font-style: inherit;
    font-weight: inherit;
}

h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
    font-weight: normal;
}

abbr, acronym {
    border: 0;
    font-variant: normal;
}

input, button, textarea,
select, optgroup, option {
    font-family: inherit;
    font-size: inherit;
    font-style: inherit;
    font-weight: inherit;
}
code, kbd, samp, tt {
    font-size: 100%;
}

/*@purpose To enable resizing for IE */
/*@branch For IE6-Win, IE7-Win */
input, button, textarea, select {
    *font-size: 100%;
}

body {
    line-height: 1.5;
}

ol, ul {
    list-style: none;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
    border-collapse: collapse;
    border-spacing: 0;
}
caption, th {
    text-align: left;
}

sup, sub {
    font-size: 100%;
    vertical-align: baseline;
}

/* remember to highlight inserts somehow! */
:link, :visited , ins {
    text-decoration: none;
}

del {
    text-decoration: line-through;
}

blockquote, q {
    quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}


/*layout*/
.float-left  { float: left; }
.float-right { float: right; }
.align-left  { text-align: left; }
.align-right { text-align: right; }
.clear { clear: both; }
.clear-left { clear: left; }
.clear-right { clear: right; }
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


h1 {
	font-size: 18px;
}
h2 {
	font-size: 14px;
	line-height: 14px;
}
h3 {}



body {
	background-color: #000000;
	font-size: 14px;
	font-family: "微软雅黑", Arial, Helvetica, sans-serif;
	color: #FFFFFF;
}

#wrap{
	margin:0 auto;
	width:960px;
}

/*----topmenu----*/
#top {
	background-color: #2c2b2b;
	height: 24px;
	width: 100%;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #333232;
}

#topmenu {
	width: 960px;
	margin:0 auto;
}

#topmenu li {
	float: left;
}

#topmenu li a {
	font-size: 12px;
	color: #ffcc00;
	padding:3px 0 0 10px;
	*padding:5px 0 0 10px;
	display: block;
}

#topmenu li a:hover {
	color: #FFFFFF;
}
/*----topmenu end----*/

/*----head----*/
#head {
	height: 80px;
	padding:15px 0 0 0;
}

#logo {
	float: left;
}

#menu {
	float: right;
	width:500px;
	position: relative;
	right: -65px;
	top: 12px;
}

#menu li {
	float: left;
	width: 110px;
	line-height: 14px;
	margin:0 0 5px 0;
}

#menu li a {
	color: #FFF;
	border-left:solid 3px #f55800;
	padding:0 0 0 7px;
	display: block;
}

#menu li a:hover {
	border-left:solid 3px #fff;
}

#menu li.menuwidth {
	width: 110px;
}
/*----head end----*/

/*----main----*/
/*note*/
#note {
	background-image: url(../images/01.gif);
	height: 70px;
	width: 260px;
	float: left;
}
#note h2 {
	padding:8px 0 0 10px;
	*padding:5px 0 0 10px;
	color: #ffcc00;
}
#note img {
	padding:0 0 0 10px;
}
#note p {
	padding:0 0 0 10px;
	*line-height: 14px;	
}
/*note end*/

/*phone*/
#phone {
	float: left;
}
/*phone end*/

/*banner*/
#banner {
	float: right;
	height: 220px;
	width: 650px;
	background-image: url(../images/banner.jpg);
	background-repeat: no-repeat;
	margin:0 0 10px 0;
}

#banner h1 {
	color:#f55800;
	font-weight: bold;
	padding:14px 0 0 50px;
}

#banner h2 {
	color: #ffcc00;
	font-weight: bold;
	padding:14px 0 0 50px;
}

#banner p {
	padding:0 0 0 50px;}
	
#banner .pform {
		padding:10px 0 0 50px;
}

#banner .in {
	/*background-color: transparent;*/
	padding:1px;
	margin: 0px;
	border: 1px solid #FFFFFF;
	color: #FFFFFF;
}

#banner .button {
	vertical-align: middle;
}
/*banner end*/

/*boxA*/
#boxA {
	float: right;
	background-image: url(../images/b01.jpg);
	background-repeat: no-repeat;
	height: 150px;
	width: 320px;
	margin: 0 0 10px 10px;
}

#boxA h1 {
	color: #ffcc00;
	padding:10px 0 10px 80px;
}

#boxA h2 {
	width:230px;
	padding:0px 0 0 80px;
	line-height: 20px;
}

/*boxB*/
#boxB {
	float: right;
	background-image: url(../images/b02.jpg);
	background-repeat: no-repeat;
	height: 150px;
	width: 320px;
	margin: 0 0 10px 10px;
}

#boxB h1 {
	color: #ffcc00;
	padding:10px 0 10px 80px;
}

#boxB h2 {
	width:230px;
	padding:0px 0 0 80px;
	line-height: 20px;
}

/*boxC*/
#boxC {
	float: right;
	background-image: url(../images/b03.jpg);
	background-repeat: no-repeat;
	height: 170px;
	width: 320px;
	margin-left: 10px;
}

#boxC h1 {
	color:#f55800;
	padding:14px 0 0 50px;
}

#boxC li a {
	color: #fff;
	margin:14px 0 0 50px;
}

#boxC li a:hover {
	text-decoration: underline;
}

/*boxD*/
#boxD {
	float: right;
	background-image: url(../images/b04.jpg);
	background-repeat: no-repeat;
	height: 170px;
	width: 320px;
	margin-left: 10px;
}

#boxD h1 {
	color:#f55800;
	padding:14px 0 0 50px;
}

#boxD ul {
	padding:0 0 0 50px;
}

#boxD li {
	line-height: 20px;
}

/*----main end----*/

/*----footer----*/
#footer {
	font-size: 10px;
	text-align: center;
	padding:10px 0 30px 0;
}

#footer #mmenu {
	font-size: 12px;
	margin-bottom: 5px;
}

#footer a {
	color: #FFFFFF;
}

#footer a:hover {
	color: #f55800;
}
