@charset "utf-8";
/* CSS Document
	project: http://www.btel.com.cn
	author: Ala Tse (ala.tse@gmail.com)
	Stylesheet
*/

* {
    margin: 0;
	padding: 0;}
.spacer {
	clear: both; 
	line-height: 1px;}
.clear {
	clear: both;}
body {
	background:#E1E1E1;
	font-size: 62.5%;
	font-family: Helvetica, Arial, sans-serif;}
a {
	text-decoration: none;
	color: #333;}
a:hover {
	text-decoration: underline;
	color: #333;}
ul {
	list-style-type: none;}
img {
	border: none;}
.red {
	color: red;}
#warpper {
	background-color:#FFF;
    width: 1000px;
	margin: 0 auto;
	padding: 0 15px 15px 15px;
	min-width: 780px;
	max-width: 1260px;}

/*=============== Header ===============*/
#header {
	width: 1000px;
	height: 98px;
	position: relative;}
#header img.logo{
	position: absolute;
	left: 30px;
	top: 15px;
	width: 290px;
	height: 80px;}
#header p.lang {
	font: normal 12px/18px Arial, Helvetica, sans-serif;
	position: absolute;
	top: 15px;
	left: 910px;
	width: 80px;}
#header .contacts {
	top: 60px;
	left: 770px;
	position: absolute;
	width: 180px;
	height: 30px;
	color: #DA313C;
}
#header .contacts img {
	float: left;
	margin: 3px 15px 0 0;}
#header p.tel {
	font-size: 14px;}
#header p.number {
	font-size: 18px;
	font-weight: bold;}
#header p img {
	padding: 0 5px 0 15px;}
#header a {
	color: #505050;
	border-bottom: 1px dotted #3d3d3d;}
#header a:hover {
	color: #B9202A;
	border: none;}

/*=============== Navgation ===============*/
#nav {
	width: 1000px;
	height: 40px;
	background: url(../images/nav_bg.jpg) 0 0 repeat-x;}
#nav ul {
	padding: 0 0 0 20px;}
#nav ul li {
	float: left;
	padding: 0 3px 0 0;
	background: url(../images/nav_bg_line.jpg) right top no-repeat;}
#nav ul li.last {
	background-image: none;}
#nav ul li a {
	display: block;
	padding: 12px 24px 10px 24px;
	font: bold 14px/18px Arial, Helvetica, sans-serif;
	color: #505050;
	background: url(../images/nav_bg.jpg) 0 0 repeat-x;
	background-color: inherit;}
#nav ul li a:hover {
	padding: 10px 24px;
	background: url(../images/nav_bg_hover.jpg) 0 0 repeat-x;
	color:#FFF;
	background-color: inherit;
	text-decoration: none;}
#nav ul li a.hover {
	display: block;
	padding: 10px 25px;
	background: url(../images/nav_bg_hover.jpg) 0 0 repeat-x;
	color: #FFF;	
	font: bold 16px/20px Arial, Helvetica, sans-serif;
	background-color: inherit;
	cursor: text;
	text-decoration: none;}

/*=============== Banner ===============*/
#banner_home, #banner_second {
	width: 1000px;}
#banner_home {
	height: 330px;}
#banner_second {
	height: 250px;
	width: 1000px;
	height: 250px;
	background: url(../images/second_ban.jpg);}
#banner_second .second_ban {
	width: 558px;
	height: 207px;
	float: right;
	margin: 21px 30px 0 0;}
#banner_second .recap {
	float: left;
	margin: 20px 0 0 42px;
	color: #FFF;
	font-family: "微软雅黑", "黑体";}
#banner_second .recap h1{
	font-size: 26px;
	font-weight: lighter;}
#banner_second .recap h4{
	width: 320px;
	margin-top: 15px;
	font-size: 14px;
	font-weight: lighter;}

/*=============== Breadcrumb ===============*/
#breadcrumb ul {
	margin: 0 0 0 1px;}
#breadcrumb li{
	float: left;
	list-style: none;
	padding: 0 5px 0 0;}
#breadcrumb, #breadcrumb a {
	font-family: "Trebuchet MS";
	font-size: 11px;
	color: #3d3d3d; }
#breadcrumb {
	line-height: 18px;
	margin-bottom: 10px;
	font-family: Arial, Helvetica, sans-serif;
}
#breadcrumb a {
	text-decoration: none; }
#breadcrumb a:hover {
	border-bottom: 1px dotted #3d3d3d;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.you-are-in {
	color: #BF0000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

/*=============== Content ===============*/
#content {
	width: 1000px;
	clear: both;
	padding: 10px 0;}
#content p {
    font: 12px/18px Arial, Helvetica, sans-serif;}
#content h3 {
	margin-bottom: 10px;
	font-size: 16px/12px;
	font-weight: bold;}
#sideContent {
	float: left;
	width: 180px;
	margin: 0 14px 0 0;}
#mainContent {
	float: right;
	width: 805px;
	margin: 0 0 20px 0;}
#mainContent ul {
    font: normal 12px/18px Arial, Helvetica, sans-serif;}
#mainContent h3 {
	clear: both;
	color: #9A2E21;
    font: bold 16px/22px Arial, Helvetica, sans-serif;}
#mainContent .tools {
	float: left;
	width: 415px;
	margin-bottom: 10px;}
#mainContent .tools li {
	float: right;
	margin-left: 15px;
	list-style-type: none;}
#mainContent .tools li img {
	padding: 0 3px;}

/*=============== Content Menu ===============*/
#menu {
	width: 180px;
	margin-bottom: 20px;}
#menu, #menu ul {
	list-style-type: none;}
#menu a {
	display: block;
	text-decoration: none;}
#menu li {
	position: relative;}
#menu li a.tittle, #menu li h2 {
	padding: 1px 0 1px 25px;
	font-size: 14px;
	font-weight: lighter;
	font-family: "微软雅黑", "黑体";
	background: url(../images/submenu.gif);}
#menu li a.tittle {
	color: #DCDCDC;}
#menu li h2 {
	color: #FFF;}
#menu li a.tittle:hover {
	color: #FFF;}
#menu li ul li a {
	font-size: 12px;
	background: #FFF;
	border-bottom: solid #949494 1px;
	padding: 5px 0 3px 30px;}
#menu li ul li a.turn {
	background: #ECECE2;}
#menu li ul li a:hover, #menu li ul li a.turn:hover {
	background: url(../images/subMenu_LiOver.jpg);}
#menu li {
	position: relative;}
#menu ul ul ul {
	position: absolute;
	top: 0;
	left: 100%;
	width: 100%;}
div#menu ul ul ul,
div#menu ul ul li:hover ul ul {
	display: none;}

div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul {
	display: block;}

/*=============== Content Banner ===============*/

.subBanner1, .subBanner2 {
	width: 805px;
	height: 210px;}
.subBanner2 .productImg {
	float: left;
	width: 300px;
	height: 200px;}
.subBanner2 .details {
	float: left;
	width: 445px;
	margin: 0 0 0 60px;}
.subBanner2 .details h3 {
	color: #9A2E21;
	font-size: 18px;
	}
.subBanner2 .details h4 {
	line-height: 23px;
	padding: 0 0 20px 0;
	font-size: 14px;}
.subBanner2 .details p {
	font-size: 12px;}
.subBanner2 .details ul {
	padding-left: 15px;
	list-style-type: disc;}
	
/*=============== Content Box ===============*/
#ContentBox {
	width: 805px;
	padding: 10px 0 0 0;
	text-align: left;}
#ContentBox p {
	margin-bottom: 30px;
	font: 12px Helvetica, Arial, sans-serif;}
#ContentBox ul {
	margin-bottom: 30px;
	font: 12px Helvetica, Arial, sans-serif;}
#ContentBox ul li {
	margin-left: 15px;
	list-style-type: disc;}
.seriesTittle {
	text-align: left;
	background: #E7E3DB;}
.seriesTittle h2{
	height: 20px;
	padding: 4px 0 0 30px;
	color: #BF0000;
	text-align: left;
	font-size: 14px;
	background: url(../images/tittle-bg1.jpg) 0 0 no-repeat;
}
.seriesBox1 {
	width: 200px;
	float: left;}
.seriesBox2 {
	width: 135px;
	float: left;
	margin: 10px;}
.seriesBox2 td {
	vertical-align: text-top;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.seriesBox1 ul{
	margin: 10px 0;
	padding-left: 25px;}
.seriesBox1 li {
	line-height: 18px;
	font-size: 12px;
	list-style-image: url(../images/list_arrow_red.gif);}
.seriesBox2 img {
	padding: 5px 5px 5px 0;
	vertical-align: middle;}
#ContentBox .table {
    margin-top:20px;
    font: normal 12px/18px Arial, Helvetica, sans-serif;
	border-collapse: collapse;}
#ContentBox .table td {
	padding: 5px;
	border: 1px solid #787878;
	}
#ContentBox .table a.more {
	font-style: italic;
	color: #B9202A;
	float: right;
	text-decoration: none;
	font-size: 11px;
	padding: 0 10px 0 0;
	}
#ContentBox .table th {
    color: #00457c;
	padding: 3px;
	border: 1px solid #787878;
	border-bottom: 1px dotted #787878;
	background-color: #ECECE2;
	text-align: left;}
#ContentBox .table_title {
    color: #9A2E21;
	border: 1px solid #787878;
	background-color: #ECECE2;
	text-align: center;
	font-weight: bold;
	padding: 3px;}
#middleContent {
	width: 595px;
	float: left;}
#middleContent span {
	color: #BF0000;
	font-weight: bold;}
#middleContent .star {
	color: red;}
#middleContent a.arrow  {
	text-decoration: underline;}
#middleContent a:hover {
	text-decoration: none;}

#middleContent ul, #middleContent .proNewsTable {
	font-size: 12px;}
#middleContent ul.arrow  {
	margin: 0 0 10px 25px;}
#middleContent ul li.arrow {
	list-style: url(../images/list_arrow_red.gif);}
#middleContent .proNewsTable td {
	padding: 5px 10px;}
#middleContent .subbox {
	float: left;
	width: 600px;
	margin: 0 5px 20px 5px;
	background-color: #ECECE2;}
#middleContent .subbox .header {
	text-align: left;
	margin-bottom: 10px;
	background-color: #484848;}
#middleContent .subbox .header h2 {
	color: #FFF;
	padding: 0 0 3px 25px;
	font-size: 14px;
	font-weight: lighter;
	font-family: "微软雅黑", "黑体";
	background: url(../images/tittle-bg2.jpg) no-repeat top left;}
#middleContent .subbox .inner {
	height: 100px;
	margin: 5px;
	padding: 0 0 10px 0;
	background-color: #FFF;}
#middleContent .subbox .details {
	margin: 10px;
	font-weight: lighter;}
#middleContent .subbox .details img {
	float: left;
	padding: 2px;
	border: #AEAEAE solid 1px;}
#middleContent .subbox .details .tittleName {	
	font-size: 14px;
	display: block;
	margin-bottom: 7px;}
#middleContent .subbox .details .text {
	width: 450px;
	margin-left: 15px;
	float: left;}
#middleContent .subbox .details a.more {
	float: right;
	font-style: italic;
	color: #B9202A;
	text-decoration: none;
	font-size: 11px;
	padding: 0 10px 0 0;}
#middleContent h3.Headers {
	padding: 10px 0 0 0;}
#middleContent h3.hotline {
	padding: 10px 0 20px 0;
	font-size: 18px;
	text-decoration: underline;}
#sidebar {
	width: 185px;
	float: right;}
#sidebar a {
	text-decoration: underline;}
#sidebar a:hover {
	text-decoration: none;}
#sidebar .box {
	width: 185px;}
#sidebar .box h3 {
	font-size: 16px;}
#sidebar .box h4 {
	font-size: 12px;}
#sidebar .box p {
	margin: 10px 0;}
#sidebar .box p.pdf {
	background: url(../images/pdf.png) 5px 0 no-repeat;
	padding-left: 30px;
	text-decoration: underline;}
#sidebar .box p.map {
	background: url(../images/map.png) 5px 0 no-repeat;
	padding-left: 30px;
	text-decoration: underline;}
#sidebar .header {
	background: #484848;}
#sidebar .header div {
	background: url(../images/tl.jpg) no-repeat left top;}
#sidebar .header div div {
	background: url(../images/tr.jpg) no-repeat right top;}
#sidebar .header h2 {
	padding: 3px 0 2px 15px;
	color: #FFF;
	font-size: 14px;
	font-weight: lighter;
	font-family: "微软雅黑", "黑体";}
#sidebar .newsletterbox {
	width: 167px;
	margin: 0 0 20px 0;
	padding: 9px;
	background: #FFF6CD;}
#sidebar .newsletterbox h3 {
	font-size: 12px;
	border: 0;
	padding: 3px 0;
	margin: 0 0 5px 0;
	color: #000;
	text-transform: uppercase;}
input#feedburner-email-box {
	width: 99%;
	padding: 3px 0;
	margin: 0 0 7px 0;}
	
	
/*=============== Free Consult Form===============*/
#contact-form {margin: 20px 20px 0 20px; }
#contact-form p.row { padding: 5px 15px; margin: 0; }
#contact-form p.info { border-top: 2px solid #BF0000; color: #BF0000; }
#contact-form p.submit { padding: 0 15px 10px 175px; }
#contact-form p span.required { margin-left: 10px; color: #BF0000; }
#contact-form label { float: left; color: #BF0000; font-weight: bold; width: 160px; }
#contact-form input.text { width: 218px; }
#contact-form textarea { width: 218px; height: 130px; }
#contact-form select { width: 225px; }
#contact-form p.submit input { 
	display: block; 
	overflow: hidden; 
	color: #fff; 
	margin: 10px 0 0 0; 
	width: 112px; 
	height: 57px; 
	padding: 0; 
	border: 0; 
	background: url(../images/contact-button.jpg) 0 0 no-repeat; 
	text-transform: uppercase; 
	font-size: 9px; 
	text-indent: -1001em;
	cursor: pointer; }

/*=============== Footer ===============*/
#footer {
	clear: both;
	width: 1000px;
	height: 35px;
	border-bottom: solid 1px #AEAEAE;
	border-top: solid 1px #AEAEAE;}
#footer ul {
	float: left;
	width: 400px;
	padding: 10px;}
#footer ul li {	
	float: left;
	padding: 0 5px;
	border-right: solid 1px #666;}
#footer .logo {
	float: right;
	padding-right: 10px;
}

#footer ul li.last {
	border-right: none;}
#footer .copyright {
	float: right;
	padding: 10px 15px;}
#footer .copyright a {
	margin: 0 25px 0 0;}
#footer a {
	color: #505050;}
#footer a:hover {
	color: #000;}
	
.right_content {
	float: right;
	width: 80px;
	font-size: 9pt;
}
.right_content h2 {
	font-size: 12pt;
}
.left_content {
	float: left;
	width: 710px;
	letter-spacing: 0.7px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 21px;
}
.left_content .table_title {
	color: #9A2E21;
	border: 1px solid #787878;
	background-color: #FFF;
	font-weight: bold;
	padding: 3px;
}