@charset "utf-8";
/* CSS Document */

body {
	margin: 0px;
	background-color: #dedede;
	background-image: url(../images/back4.jpg);
	background-repeat: no-repeat;
	background-attachment: scroll;
}
#top {
	height: 50px;
	width: 1668px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

.menu {
	height: auto;
	width: 1668px;
	background-repeat: repeat-x;
	z-index: 99999;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-image: url(../menu/back5.png);
}





.menu ul {
	height: 100px;
	width: auto;
	margin-top: 0px;
	margin-right: 100px;
	margin-bottom: 0px;
	margin-left: auto;
}


.menu ul li {
	list-style-type: none;
	padding-right: 10px;
	padding-left: 10px;
	margin-top: 40px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	height: auto;
	width: auto;
	text-align: center;
	float: right;
}
.menu ul li a img {
	margin-top: -3px;
	margin-right: 5px;
	float: right;
	margin-bottom: 0px;
	margin-left: 0px;
}

.menu ul li a {
	text-decoration: none;	
}
.menu ul li a:link{
	color: #FFF;
	font-family: "微软雅黑";
	font-size: 16px;
}
.menu ul li a:visited{
	color: #FFF;
	font-family: "微软雅黑";
	font-size: 16px;
}
.menu ul li a:hover{
	color: #33a4ff;
	font-family: "微软雅黑";
	font-size: 16px;
}

.menu ul img {
	float: left;
	height: auto;
	width: auto;
	margin-top: 35px;
	margin-left: 120px;
	margin-right: 0px;
	margin-bottom: 0px;
}
.menu ul li #menu_2 {
	width: 970px;
	height: 320px;
	display: none;
	position: absolute;
	left: -550px;
	top: 20px;
	float: right;
	z-index: 99999999;
	margin: 0px;
	padding: 0px;
	background-image: url(../menu/menu2_back.png);
	background-repeat: repeat;
	
}
.menu ul li #menu_2 .menu_list {
	float: left;
	height: 160px;
	width: 220px;
	margin-top: 140px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 20px;
}
.menu ul li #menu_2 .menu_list h3 {
	font-family: "微软雅黑";
	font-size: 15px;
	color: #6989dc;
	float: left;
	height: 30px;
	width: 210px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	text-align: left;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999;
	line-height: 30px;
	letter-spacing: 3px;
	font-weight: 100;
}
.menu ul li #menu_2 .menu_list p {
	font-size: 14px;
	color: #333;
	font-family: "微软雅黑";
	text-align: left;
	margin-top: 2px;
	width: 110px;
	float: left;
}
.menu ul li #menu_2 .menu_list .waterproof {
	width: 200px;
}
.menu ul li #menu_2 a:link {
	font-family: "微软雅黑";
	font-size: 14px;
	color: #333;
	text-decoration: none;
}
.menu ul li #menu_2 a:visited {
	color: #333;
	font-family: "微软雅黑";
	font-size: 14px;
	text-decoration: none;
}
.menu ul li #menu_2 a:hover {
	font-family: "微软雅黑";
	font-size: 14px;
	color: #09F;
	text-decoration: underline;
}























.nav_scroll {
	position: fixed;
	width: 100%;
	margin: 0;
	left: 0;
	top: 0;
	background-image: url(../menu/back3.png);
	height: 108px;
}
#top_top {
	width: 1668px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-color: #fafafa;
	height: 50px;
}



#banner_2 {
	height: 526px;
	width: 1668px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
#banner_2 #hinges {
	background-color: #6989dc;
	float: left;
	height: 526px;
	width: 834px;
}
#banner_2 #hinges img {
	float: left;
	margin-top: 120px;
	margin-left: 70px;
}
#banner_2 #hinges #hinges_text {
	height: 210px;
	width: 280px;
	float: right;
	margin-top: 180px;
	margin-right: 50px;
	background-repeat: no-repeat;
}
#banner_2 #hinges #hinges_text h1 {
	color: #FFF;
	margin-left: 0px;
	font-size: 36px;
	font-weight: 400;
	font-family: "微软雅黑";
	float: left;
	margin-top: 25px;
	margin-right: 0px;
	margin-bottom: 26px;
	width: 490px;
}
#banner_2 #hinges #hinges_text li {
	color: #FFF;
	list-style-image: url(../images/doc.jpg);
	margin-left: 0px;
	float: left;
	margin-right: 55px;
	margin-bottom: 5px;
	width: 280px;
	letter-spacing: 1px;
	font-size: 16px;
	font-family: "微软雅黑";
}





#banner_2 #title {
	height: 526px;
	width: 834px;
	background-color: #fafafa;
	float: right;
}
/* flash end */
#banner_2 #title #title_1 {
	height: 112px;
	width: 600px;
	float: left;
	margin-left: 102px;
	margin-top: 30px;
}
#banner_2 #title #title_1 img {
	margin: 0px;
	float: left;
}
#banner_2 #title #title_1 h3 {
	font-family: "微软雅黑";
	font-size: 19px;
	font-weight: bold;
	color: #6989dc;
	float: left;
	margin-top: 2px;
	margin-bottom: 11px;
	margin-left: 0px;
	width: 490px;
}
#banner_2 #title #title_1 p {
	font-family: "微软雅黑";
	color: #333;
	float: left;
	font-size: 16px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 2px;
	margin-left: 0px;
	width: 480px;
}
#banner_2 #title #title_2 {
	float: left;
	height: 130px;
	width: 600px;
	margin-left: 102px;
	margin-top: 35px;
}
#banner_2 #title #title_2 img {
	float: left;
}
#banner_2 #title #title_2 h3 {
	font-family: "微软雅黑";
	font-size: 19px;
	font-weight: bold;
	color: #6989dc;
	float: left;
	width: 480px;
	margin-top: 25px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}
#banner_2 #title #title_2 p {
	font-size: 16px;
	color: #333;
	font-family: "微软雅黑";
	margin: 0px;
	width: 480px;
	float: left;
}
#banner_2 #title #title_3 {
	float: left;
	height: 110px;
	width: 600px;
	margin-left: 102px;
	margin-top: 40px;
}
#banner_2 #title #title_3 img {
	float: left;
	margin-top: 25px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#banner_2 #title #title_3 h3 {
	font-family: "微软雅黑";
	font-size: 19px;
	color: #6989dc;
	float: left;
	width: 480px;
	margin-top: 13px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	font-weight: bold;
}
#banner_2 #title #title_3 p {
	font-family: "微软雅黑";
	font-size: 16px;
	color: #333;
	float: left;
	width: 480px;
	margin-top: 12px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}











#contact_top {
	height: 102px;
	width: 100%;
	background-repeat: repeat-x;
	margin: 0px;
}
#contact_top  #contact_box{
	background-color: #FFF;
	height: 102px;
	width: 1668px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
#contact_top #contact_box p a:link {
	text-decoration: none;
	font-size: 16px;
	color: #333;
}
#contact_top #contact_box p a:visited {
	font-size: 16px;
	color: #333;
	text-decoration: none;
}
#contact_top #contact_box p a:hover {
	font-size: 16px;
	color: #333;
	text-decoration: none;
}



#contact_top #contact_box p {
	float: left;
	margin-left: 106px;
	margin-top: 40px;
	letter-spacing: 3px;
}

#contact_top #contact_box #whapsapp {
	float: right;
	height: 34px;
	width: 247px;
	background-image: url(../images/whatsapp.jpg);
	background-repeat: no-repeat;
	margin-right: 106px;
	margin-top: 34px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#contact_top #contact_box #whapsapp p {
	color: #FFF;
	float: right;
	margin-right: 11px;
	margin-top: 6px;
	margin-bottom: 0px;
	margin-left: 0px;
	letter-spacing: 1px;
}


#body_content {
	background-color: #fafafa;
	height: 3544px;
	width: 1668px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 30px;
	margin-left: auto;
	box-shadow: 6px 0 10px -5px #CCCCCC,-6px 0 10px -5px #CCCCCC;
}
#body_content #directory_title {
	height: 150px;
	width: 1668px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	margin-bottom: 0px;
}
#body_content #directory_title h2 {
	font-size: 18px;
	float: left;
	margin-left: 110px;
	margin-top: 100px;
	margin-right: 0px;
	margin-bottom: 0px;
	width: auto;
	color: #666;
	font-family: "微软雅黑";
	letter-spacing: 3px;
	font-weight: 400;
}

#body_content #directory_title p {
	float: left;
	margin-left: 0px;
	margin-top: 148px;
	margin-right: 0px;
	margin-bottom: 0px;
}
#body_content #ptoduct_index {
	float: left;
	height: auto;
	width: 1456px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 106px;
}


#body_content #product_hinges {
	float: left;
	height: 456px;
	width: 341px;
	margin-top: 0px;
	margin-right: 30px;
	margin-bottom: 30px;
	background-color: #FFF;
	box-shadow: 0 0 10px #EEE;
}

#body_content #product_dual_lock {
	float: left;
	height: 456px;
	width: 341px;
	margin-top: 0px;
	margin-right: 30px;
	margin-bottom: 30px;
	margin-left: 0px;
	background-color: #FFF;
	box-shadow: 0 0 10px #EEE;
}
#body_content #product_window_handle {
	float: left;
	height: 456px;
	width: 341px;
	margin-top: 0px;
	margin-right: 30px;
	margin-bottom: 30px;
	margin-left: 0px;
	background-color: #FFF;
	box-shadow: 0 0 10px #EEE;
}
#body_content #product_multi-point_lock {
	float: left;
	height: 456px;
	width: 341px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 30px;
	margin-left: 0px;
	background-color: #FFF;
	box-shadow: 0 0 10px #EEE;
}
#body_content #product_rivet {
	float: left;
	height: 456px;
	width: 341px;
	margin-top: 0px;
	margin-right: 30px;
	margin-bottom: 30px;
	margin-left: 0px;
	background-color: #FFF;
	box-shadow: 0 0 10px #EEE;
}
#body_content #product_door_lock {
	float: left;
	height: 456px;
	width: 341px;
	margin-top: 0px;
	margin-right: 30px;
	margin-bottom: 30px;
	margin-left: 0px;
	background-color: #FFF;
	box-shadow: 0 0 10px #EEE;
}
#body_content #product_safety {
	float: left;
	height: 456px;
	width: 341px;
	margin-top: 0px;
	margin-right: 30px;
	margin-bottom: 30px;
	margin-left: 0px;
	background-color: #FFF;
	box-shadow: 0 0 10px #EEE;
}
#body_content #product_seal {
	float: left;
	height: 456px;
	width: 341px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 30px;
	margin-left: 0px;
	background-color: #FFF;
	box-shadow: 0 0 10px #EEE;
}
.product_title a:link {
	font-family: "微软雅黑";
	font-size: 16px;
	color: #333;
	letter-spacing: 3px;
	text-decoration: none;
}
.product_title a:visited {
	color: #333;
	font-family: "微软雅黑";
	font-size: 14px;
	text-decoration: none;
	letter-spacing: 3px;
}
.product_title a:hover {
	font-family: "微软雅黑";
	font-size: 16px;
	color: #33a4ff;
	letter-spacing: 3px;
	text-decoration: underline;
}




.index_title   {
	background-color: #6989dc;
	margin: 0px;
	height: 32px;
	width: 110px;
	z-index: 9;
	position: absolute;
	letter-spacing: 2px;
	font-size: 14px;
}
.index_title p {
	font-size: 14px;
	color: #FFF;
	letter-spacing: 2px;
	margin-top: 6px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	text-align: center;
}
.product_title {
	color: #333;
	font-size: 16px;
	float: left;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: 25px;
	width: 310px;
	letter-spacing: 3px;
	font-family: "微软雅黑";
}
.product_description {
	font-size: 14px;
	color: #333;
	float: left;
	width: 300px;
	margin-top: 20px;
	margin-right: auto;
	margin-left: 25px;
	text-align: left;
	line-height: 20px;
	letter-spacing: 1px;
}
.cad {
	margin-top: 5px;

}




#body_content #facebook {
	float: left;
	width: 1668px;
	margin-top: 50px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	height: 130px;
	background-color: #FFF;
}
#body_content #facebook p {
	float: left;
	margin-top: 57px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 1120px;
	font-size: 18px;
}

#body_content #facebook #share {
	float: right;
	height: 50px;
	width: 380px;
	margin-top: 50px;
	margin-right: 80px;
}


#body_content #banner_window {
	background-repeat: no-repeat;
	height: 500px;
	width: 1668px;
	float: right;
	background-attachment: fixed;
	background-image: url(../images/banner.jpg);
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
#body_content #banner_window h2 {
	margin-top: 170px;
	margin-right: auto;
	margin-left: auto;
	float: none;
	font-size: 60px;
	margin-bottom: 0px;
	color: #fafafa;
	font-family: "微软雅黑";
	font-weight: bold;
	letter-spacing: 10px;
	text-align: center;
	width: 500px;
}
#body_content #banner_window p {
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 10px;
	color: #FCFCFC;
	font-family: "微软雅黑";
	font-size: 18px;
	text-align: center;
	margin-bottom: 0px;
}






#body_content #test_report {
	height: 688px;
	width: 1668px;
	background-color: #eeeeee;
	float: left;
	margin: 0px;
	background-image: url(../images/certificate_back.jpg);
	background-repeat: no-repeat;
	background-position: 0px 376px;
}
#body_content #test_report h3 {
	font-size: 36px;
	color: #666;
	width: 500px;
	margin-top: 188px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	letter-spacing: 5px;
	text-align: center;
}
#body_content #test_report p {
	color: #298cdb;
	text-align: center;
	letter-spacing: 5px;
	font-size: 16px;
	margin-top: 25px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}


#body_content #list {
	background-color: #FFF;
	margin: 0px;
	float: left;
	height: 480px;
	width: 1668px;
}
#body_content #list #list_win {
	float: left;
	height: 230px;
	width: 180px;
	margin-top: 153px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 170px;
}
#body_content #list #list_win h4 {
	margin: 0px;
	letter-spacing: 5px;
}
#body_content #list #list_win #win1 {
	float: left;
	height: 178px;
	width: 90px;
	margin-top: 30px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#body_content #list #list_win #win1 p {
	font-family: "微软雅黑";
	font-size: 14px;
	color: #333;
	float: left;
	width: 90px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}

#body_content #list #list_win #win2 {
	height: 178px;
	width: 88px;
	float: right;
	margin-top: 30px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#body_content #list #list_win #win2 p {
	font-size: 14px;
	color: #333;
	float: left;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	width: 88px;
	font-family: "微软雅黑";
}
#body_content #list #list_door {
	float: left;
	height: 230px;
	width: 180px;
	margin-top: 153px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 120px;
}
#body_content #list #list_door h4 {
	font-size: 16px;
	color: #333;
	float: left;
	width: 175px;
	letter-spacing: 5px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 30px;
	margin-left: 0px;
	font-family: "微软雅黑";
}
#body_content #list #list_door p {
	float: left;
	width: 175px;
	color: #333;
	font-size: 14px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}
#body_content #list #list_safety {
	float: left;
	height: 230px;
	width: 180px;
	margin-top: 153px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 100px;
}
#body_content #list #list_safety h4 {
	font-family: "微软雅黑";
	font-size: 16px;
	color: #333;
	float: left;
	width: 175px;
	letter-spacing: 5px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 30px;
	margin-left: 0px;
}
#body_content #list #list_safety p {
	font-size: 14px;
	color: #333;
	font-family: "微软雅黑";
	float: left;
	width: 175px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}
#body_content #list #list_seal {
	float: left;
	height: 230px;
	width: 180px;
	margin-top: 153px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 100px;
}
#body_content #list #list_seal h4 {
	font-family: "微软雅黑";
	font-size: 16px;
	color: #333;
	letter-spacing: 5px;
	float: left;
	width: 175px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 30px;
	margin-left: 0px;
}
#body_content #list #list_seal p {
	font-family: "微软雅黑";
	font-size: 14px;
	color: #333;
	float: left;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	width: 178px;
}
#body_content #list #list_fire {
	float: left;
	height: 230px;
	width: 180px;
	margin-top: 153px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 140px;
}
#body_content #list #list_fire h4 {
	font-family: "微软雅黑";
	font-size: 16px;
	color: #333;
	letter-spacing: 5px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 30px;
	margin-left: 0px;
}
#body_content #list #list_fire p {
	font-family: "微软雅黑";
	font-size: 14px;
	color: #333;
	float: left;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	width: 175px;
}
#body_content #list a:link {
	color: #333;
	text-decoration: none;
}
#body_content #list a:visited {
	color: #333;
	text-decoration: none;
}
#body_content #list a:hover {
	color: #09F;
	text-decoration: underline;
}




















#body_content #contact {
	margin: 0px;
	float: left;
	height: 540px;
	width: 1668px;
	background-image: url(../images/contact_back.jpg);
	background-repeat: no-repeat;
}
#body_content #contact h2 {
	font-size: 36px;
	letter-spacing: 5px;
	text-align: center;
	width: 580px;
	margin-top: 143px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	color: #FFF;
	font-family: "微软雅黑";
}
#body_content #contact h5 {
	font-size: 16px;
	color: #FFF;
	letter-spacing: 5px;
	text-align: center;
	width: 500px;
	margin-top: 30px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	font-family: "微软雅黑";
}
#body_content #contact p {
	font-family: "微软雅黑";
	font-size: 16px;
	color: #FFF;
	width: 500px;
	margin-top: 5px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	letter-spacing: 5px;
	text-align: center;
}
#body_content #contact .email {
	color: #6989dc;
}
#body_content #contact img {
	height: auto;
	width: auto;
	margin-top: 25px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 816px;
	float: left;
}
#body_content #contact #co {
	float: left;
	height: 96px;
	width: 1668px;
	background-color: #676765;
	margin-top: 86px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	background-image: url(../images/copy_back.jpg);
	background-repeat: repeat-x;
	text-align: left;
}
#body_content #contact #co #co_menu {
	float: right;
	width: 670px;
	height: 55px;
	margin-top: 40px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#body_content #contact #co #co_menu ul li {
	width: auto;
	margin: 0px;
	height: auto;
	padding-right: 10px;
	padding-left: 10px;
	list-style-type: none;
	float: left;
	font-size: 14px;
	text-align: left;
	color: #fff;
}
#body_content #contact #co #co_menu ul li a:link {
	font-family: "微软雅黑";
	font-size: 14px;
	color: #FFF;
	text-decoration: none;
}
#body_content #contact #co #co_menu ul li a:visited {
	font-family: "微软雅黑";
	font-size: 14px;
	color: #FFF;
	text-decoration: none;
}
#body_content #contact #co #co_menu ul li a:hover {
	font-family: "微软雅黑";
	font-size: 14px;
	color: #33a4ff;
	text-decoration: underline;
}
#body_content #contact #co #design {
	float: left;
	height: 20px;
	width: 460px;
	margin-top: 50px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 40px;
}
#body_content #contact #co #design p {
	font-family: "微软雅黑";
	font-size: 11px;
	color: #999;
	letter-spacing: 0px;
	text-align: left;
	margin: 0px;
}

/*gps*/

.guide{
	width: 60px;
	position: fixed;
	right: 1.5%;
	bottom: 134px;
	_position: absolute;
_top:expression(documentElement.scrollTop+documentElement.clientHeight - this.clientHeight - 134+'px');			display: block;
	height: auto;
}
.guide a{display:block;width:60px;height:50px;background:url(images/sprite_v2.png) no-repeat;margin-top:10px;text-decoration:none;font:16px/50px "Microsoft YaHei";text-align:center;color:#fff;border-radius:2px;}
.guide a span{display:none;text-align:center;}
.guide a:hover{text-decoration: none;background-color: #6989dc;color: #fff;}
.guide a:hover span{display:block;width:60px;background:#6989dc}
.guide .hinges{background-image: url(../images/gps_images/hinges.png);}
.guide .dulock{background-image: url(../images/gps_images/dulock.png);}
.guide .rivet{background-image: url(../images/gps_images/rivet.png);}
.guide .handle{background-image: url(../images/gps_images/7handle.png);}
.guide .multi-point_lock{background-image: url(../images/gps_images/multi-point_lock.png);}
.guide .seal{background-image: url(../images/gps_images/seal.png);}
.guide .door{background-image: url(../images/gps_images/door.png);}
.guide .safety{background-image: url(../images/gps_images/safety.png);}
.guide .telescopic-support{background-image: url(../images/gps_images/telescopic-support.png);}
.guide .index{background-image: url(../images/gps_images/index.png);}
.guide .top{background-image: url(../images/gps_images/top.png);}














































































/* flash */

#banner .centered-content
{
    position: relative;
    z-index: 2;
}
#banner a {
	color: #2e2e2e;
}
#banner .header-content a {
	color: #fff;
	text-decoration: underline;
}

/* Header text */

.header-content 
{
	margin: 0;
	padding: 0;
	float: left;
	width: 100%;
	line-height: 22px;
	position: relative;
	z-index: 1;
	
	background-repeat: no-repeat;
	background-position: 50% -4px;
}
.header-content.home {
	height: 560px;
	width: 1668px;
}

.home .header-content {
	background-position: 0;
}

/*.header-content-wrap {width: 940px; margin: 0 auto;}*/
.header-content img {
	margin-top: 50px;
	float: left;
	margin-left: 15%;
}
.header-content .text {
	width: 480px;
	margin-left: 55%;








*width:430px; 									height: auto;
	margin-top: 150px;
}
.header-content .copy {font-size: 14px; line-height: 21px; padding-right: 15px;}
.header-content .button {width: 100% !important;}
.header-content .button a {padding-top: 7px; padding-bottom: 7px; font-size: 14px; display: inline-block;}

/*#slider .text {width: 417px;}*/

/*fix the button position for the slide*/
.header-content .button {float: none;}
.header-content .dimmed {background: #b05b1b; background: rgba(0, 0, 0, 0.4);
    -webkit-transition: none;  /* Saf3.2+, Chrome */
    -moz-transition: none;  /* FF4+ */
    -ms-transition: none;  /* IE10? */
    -o-transition: none;  /* Opera 10.5+ */
    transition: none;

}

.header-content .align-bottom {position: absolute; bottom: 0px;}
/* => Slider <= */
#slider-wrap
{
	background: url(../banner/images/header-background1.png?v=1) repeat-x 0% 0;
	height: 560px;
	width: auto;
}

#slider 
{
	height: 560px;
	padding-top: 30px;
	width: auto;
	background-image: url(../banner/images/header-background2.png?v=1);
	background-repeat: no-repeat;
	background-position: 0% 0;
}

/* => SLIDE PREV AND NEXT ARROWS <= */
.slider-prev,
.slider-next 
{
    text-indent:-9999px;
    width:38px;
    height:38px;
    background:url("../banner/images/sprite.png") -263px -122px no-repeat;
    position:absolute;
    top:50%;
    margin-top:-19px;
    z-index:999;
    opacity:.5;
    -webkit-transition: all 0.3s ease-out;  /* Saf3.2+, Chrome */
    -moz-transition: all 0.3s ease-out;  /* FF4+ */
    -ms-transition: all 0.3s ease-out;  /* IE10? */
    -o-transition: all 0.3s ease-out;  /* Opera 10.5+ */
    transition: all 0.3s ease-out;
		
		display: none
    }
.slider-prev{ left:12px; }
.slider-next 
{
    right:12px;
    background-position:-302px -122px;
}  
      
.slider-prev:hover,
.slider-next:hover
{
    opacity:1;
}


/* => SLIDER NAV o o o <= */    
.slider-nav 
{
    position:absolute;
    bottom:5px;
    left:50%;
    list-style:none;
    overflow:hidden;
    padding:2px;
    z-index:10;
		margin: 0;
}

.slider-nav li
{
    float:left;
    
}

.slider-nav li a
{
   display:block;
   width:8px;
   height:8px;
   overflow:hidden;
   padding:0px;
   margin:8px;
   background:url("../banner.images/sprite.png") no-repeat -234px -144px;
   text-decoration:none;
   text-indent:-999px;
}

.slider-nav li a:hover,
.slider-nav li a.selected
{
    background-position:-225px -144px;
}

/* => HOLY SLIDES <= */

.slider section {display: none;}
.slider section.first {
	display: block;
	height: 580px;
	width: 1668px;
	margin-right: auto;
	margin-left: auto;
}

.slider-sections, .slider-sections section {
	height: 560px;
}

.slider-sections {margin: 0 auto; position: relative;}
.slider-sections section {
	position: absolute;
	top: 0;
	left: 0px;
	width: 1668px;
}

.header-content h1 
{
	color: #FFF;
	margin-top: 100;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 0;
	font-family: "微软雅黑";
	font-size: 32px;
	line-height: 1.2;
	font-weight: 500;
}

.header-content h2 
{
	color: #FFF;
	margin-top: 100;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 0;
	font-family: "微软雅黑";
	font-size: 32px;
	line-height: 1.2;
	font-weight: 500;
}
.header-content h3 {
	color: #333;
	font-size: 18px;
	font-weight: 500;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	font-family: "微软雅黑";
}

.header-content p 
{
	margin: 0 0 30px;
	font-family: "微软雅黑";
	font-weight: normal;
	color: #FFF;
	font-size: 14px;
}

.header-content .centered-content
{
	padding-top: 30px;
	padding-bottom: 10px;
}

.button {
	float: left;
	width: auto !important;
	list-style: none;
}
	.button a,
	.button button,
	.button input { /* Standard black button */
	font-size: 15px;
	/*font-family: 'lucida sans',arial,helvetica,sans-serif;*/
	line-height: 18px;
	color: #fff !important;
	text-decoration: none;
	padding: 5px 14px 6px 13px;
	display: block;
	width: auto;
	position: relative;
	z-index: 2;
	border: none;
	-moz-border-radius: 3px;
	border-radius: 3px;
	cursor: pointer;
	background: #313131; /* Old browsers */
	background: -moz-linear-gradient(top, #313131 0%, #222222 100%); /* FF3.6+ */
	background: -webkit-linear-gradient(top, #313131 0%,#222222 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #313131 0%,#222222 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #313131 0%,#222222 100%); /* W3C */
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all  0.3s ease;
	background-position: top;
	}
	
	
	.button a:hover,
	.button input:hover,
	.button button:hover,
	.button a:focus,
	.button input:focus,
	.button button:focus
	{
	  background: #464646; /* Old browsers */
		background: -moz-linear-gradient(top, #464646 0%, #393939 100%); /* FF3.6+ */
		background: -webkit-linear-gradient(top, #464646 0%,#393939 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, #464646 0%,#393939 100%); /* Opera11.10+ */
		background: -ms-linear-gradient(top, #464646 0%,#393939 100%); /* IE10+ */
		background: linear-gradient(top, #464646 0%,#393939 100%); /* W3C */
    }
#banner .header-content .button a,
#content .button a:hover
	{
	    text-decoration: none;
    }

.header-content .beta-ribbons {
	position: absolute;
	height: 120px;
	width: 85px;
	text-indent: -200px;
	overflow: hidden;
	background-repeat: no-repeat;
	background-position: 0 0;
}

.header-content .beta-ribbons.ribbon-1 {
    background-position: -170px 0;
    top: -3px;
    right: -145px;
}

.header-content p.copy .beta-ribbons.ribbon-1 {
    top: -135px;
    left: 900px;
}

.header-content .beta-ribbons.ribbon-4 {
    background-position: -255px 0;
    left: -62px;
    top: -30px;
    z-index: 10;
		text-indent: -2000px;
}

*{margin:0;padding:0;list-style-type:none;}
a,img{border:0;text-decoration:none;}
bodyaa{background:#cdcdcd;font:12px/180% Arial, Helvetica, sans-serif, "新宋体";}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix{display:inline-table}
*html .clearfix{height:1%}
.clearfix{display:block}
*+html .clearfix{min-height:1%}
/* nav_menu */
.nav_menu{height:42px;background:#074C52;}
.nav{width:1006px;height:41px;position:relative;margin:0 auto;}
.nav .list li{float:left;}
.nav .list a{float:left;display:block;width:125px;height:42px;text-align:center;font:bold 13px/36px "微软雅黑";color:#fff;}
.nav .list a:hover{color:#FFA304;}
.nav .list a:hover,.nav .list .now{color:#F00;background:#fff;}
.nav .box{position:absolute;left:-5px;top:42px;width:1006px;background:#FFF;overflow:hidden;height:0;filter:alpha(opacity=0);opacity:0;border-bottom:2px solid #074c52;}
.nav .cont{position:relative;padding:25px 0 0px 24px;}
/* sublist */
.sublist li{float:left;width:168px;padding-right:24px;padding-bottom:24px;}
.sublist li h3.mcate-item-hd{font-family:'微软雅黑';padding-left:2px;font-size:14px;height:26px;line-height:26px;border-bottom:1px dashed #666666;}
.sublist li p.mcate-item-bd{padding-left:2px;}
.sublist li p.mcate-item-bd a{height:26px;line-height:26px;margin-right:5px;font-size:12px;color:#666666;text-decoration:none;display:inline-block;}
.sublist li p.mcate-item-bd a:hover{color:#6c5143;text-decoration:underline;}