@charset "utf-8";

/* CSS Document */

html{ 

	overflow-y:scroll;

}

html,body,p,ul,li{

	margin:0; 

	padding:0;

}

html,body{

	height:100%;

	width:100%;

	font-family:tahoma;

	font-size:13px;

}

body{ 

	background-image:url('../images/bg/body_bg.jpg');

	background-repeat:repeat-x;

}

a{ 

	text-decoration:none;

	outline:none;

}

/*-------------*/

.main{

	height:100%;

}

.main,#content{

	width:929px;

	margin:0 auto;

}

#logo{ 

	height:116px;

	width:89px;

	margin-left:44px;

	float:left;

}

#search{

	height:20px;

	float:right;

	margin-right:31px;

	margin-top:46px;

}

#key{

	border:1px #CCCCCC solid;

	width:186px;

	height:17px;

	padding:0;

	margin:0;

	font-size:12px;

	color:#4D4D4D;

}



.submit {

    border: none;

	width:36px;

	height:19px;

	cursor:pointer;

    background: url('../images/go.jpg') no-repeat top left;

}

/*----------------------menu------------------------------------*/

#menu{

	height:26px;

	background: url('../images/bg/menu.jpg') no-repeat top left;   

}

#menu ul{ 

	list-style:none; 

	float:left;

	padding-left:31px;

}

#menu ul li{

	display:inline;	

}

#menu ul li a{ 

	display:block; 

	float:left; 

	height:26px;

	text-decoration:none;

}

.home a{

	width:116px;

	margin-left:0px; 

} 

.about a{

	width:116px;

	margin-left:2px; 

}

.corporate a{

	width:160px;

	margin-left:2px; 

}

.product a{

	width:115px;

	margin-left:3px; 

}

.service a{

	width:116px;

	margin-left:2px; 

} 

.contact a{

	width:116px;

	margin-left:2px; 

} 

.tips a{

	width:116px;

	margin-left:2px; 

}

/*--------menu--Hover & Active--------*/

#home .home a,

#about .about a,

#corporate .corporate a, 

#toto .toto a, 

#product .product a,

#service .service a, 

#contact .contact a,

#tips .tips a,

#menu ul li a:hover{ 

	background-image: url('../images/bg/menu_row.jpg');

	background-repeat:no-repeat ;

}

#home .home a,

.home a:hover{

	background-position:-32px 0px;	

} 

#about .about a,

.about a:hover{

	background-position:-150px 0px;	

}

#corporate .corporate a, 

.corporate a:hover{

	background-position:-268px 0px;	

}

#product .product a,

.product a:hover{

	background-position:-431px 0px;	

}

#service .service a, 

.service a:hover{

	background-position:-548px 0px;	

} 

#contact .contact a,

.contact a:hover{

	background-position:-666px 0px;	

} 

#tips .tips a,

.tips a:hover{

	background-position:-784px 0px;	

}

/*----------------------clear------------------------------------*/

.clear-left{ clear:left;}

/**/



#container {

	voice-family: "\"}\"";

	voice-family: inherit;

}

html>body #container {

	height: auto;

}		

#container {

	position: relative;

    min-height: 100%;

	height: 100%;	

	height: auto;

	margin-bottom:-65px;

	background: url('../images/bg/container_home_bg.jpg') no-repeat bottom left;   

	

}

* html #container {

    height: 100%;

}

.page-head{ 

	padding-left:42px;

	height:38px;

}

#content{

	float:left;

	height:670px;

	min-height: 670px;

	height: auto !important;

	height: 670px;

	padding-top:3px;

	background: url('../images/bg/content_home_bg.jpg') no-repeat top left;   

}

.bt-more{ 

	text-align:right;

	width:425px;

}

/*---------------home view-----------------------------*/

#home .c-left{

	float:left;

	width:433px;

	padding-left:40px;

}

#home .c-right{

	float:left;

	width:425px;	

	padding-right:19px;

	padding-top:22px;

	

	line-height:16px;

	text-align:justify;

	/*letter-spacing:-0.03em;*/

}

#home .c-right .intro{

	color:#fff;

	float:left;

	height:185px;

}

#home .c-right span{ 

	color:#E51937;

}

#home .intro-service,

#home .intro-tips{

	padding-top:18px;

	float:left;

	

}

#home .intro-service .head,

#home .intro-tips .head{

	height:22px;

	width:411px;

	background-image:url('../images/head/subHead.png');

	background-repeat:no-repeat;

	color:#E51937;

	padding-top:4px;

	font-size:14px;

	padding-left:14px;

}

#home .intro-service ul,

#home .intro-tips ul{	

	margin-left:10px;

	width:425px;

	height:auto;

}

#home .intro-service ul li{

	padding-top:5px;	

	list-style:none;

	width:405px;

}

#home .intro-tips ul li{

	padding-top:5px;	

	list-style:none;

	width:415px;

}

#home .intro-service ul li a{

	display:block;

	padding-left:20px;

}

#home .intro-tips ul li a{

	display:block;

	padding-left:10px;

}

#home .intro-service ul li a{

	background-image:url('../images/arrow.png');

	background-repeat:no-repeat;

}

#home .intro-tips ul li a{

	background-image:url('../images/dot.png');

	background-repeat:no-repeat;

}

#home .intro-service ul li a:hover{

	background-image:url('../images/arrow2.png');

	background-repeat:no-repeat;

}

#home .intro-tips ul li a:hover{

	background-image:url('../images/dot2.png');

	background-repeat:no-repeat;

}

#home .intro-service ul li a,

#home .intro-tips ul li a{ 

	color:#4D4D4D;

	

}

#home .intro-service ul li a:hover,

#home .intro-tips ul li a:hover{ 

	color:#FF0000;

}

#home .intro-tips .tips-title{

	width:394px;	

	background-color:#97999C;

	color:#FFFFFF;

	padding:5px 5px 5px 28px;

}

/*----------------about-----------------------------*/

#about .c-left{

	float:left;

	width:433px;

	padding-left:40px;

}

#about .c-right{

	float:left;

	width:425px;	

	padding-right:19px;

	padding-top:22px;

	

	line-height:16px;

	text-align:justify;

	/*letter-spacing:-0.03em;*/

}

#about .c-right .intro{

	color:#4D4D4D;

	float:left;

	height:185px;

}

#about .c-right span{ 

	color:#C1272D;

}

/*--------------corporate-----------------------*/

#corporate .c-left{

	float:left;

	width:433px;

	padding-left:40px;

}

#corporate .c-right{

	float:left;

	width:425px;	

	padding-right:19px;

	padding-top:22px;

	

	line-height:16px;

	text-align:justify;

	/*letter-spacing:-0.03em;*/

}

#corporate .c-right .intro{

	color:#4D4D4D;

	float:left;

	height:285px;

}

#corporate .c-right span{ 

	color:#C1272D;

} 

/*--------------toto-----------------------*/

#toto .c-left{

	float:left;

	width:433px;

	padding-left:40px;

}

#toto .c-right{

	float:left;

	width:425px;	

	padding-right:19px;

	padding-top:22px;

	

	line-height:16px;

	text-align:justify;

	/*letter-spacing:-0.03em;*/

}

#toto .c-right .intro{

	color:#4D4D4D;

	float:left;

	height:285px;

}

#toto .c-right span{ 

	color:#C1272D;

} 

/*--------------product-----------------------*/

#product .p-menu{

	margin-left:42px;

	float:left;

}

#product .menu-product{

	width:300px;;

	float:left;

	margin-top:14px;

	background-image:url('../images/bg/menu_corporate1.jpg');

	background-repeat:no-repeat;

}

#product .menu-product ul {

	list-style:none outside none;	

	float:left;

}

#product .menu-product ul li{

	display:inline;

}

#product .menu-product ul li a{

	display:block;

	float:left;

	height:27px;

	width:115px;

	text-decoration:none;

	margin-right:2px;

}

#product #auto .auto a,

#product #industry .industry a,

#product .menu-product ul li a:hover{

	background-image:url('../images/bg/menu_corporate2.jpg');

	background-repeat:no-repeat;

}

#product #auto .auto a,

#product .auto a:hover{

	background-position:0px 0px;	

}

#product #industry .industry a,

#product .industry a:hover{

	background-position:-117px 0px;	

}

#product #detail{

	float:left;

	padding-top:15px;

	height:150px;

	width:929px;

}

#product #detail .c-left{

	float:left;

	width:445px;

	padding-left:12px;

	

}

#product #detail .c-right{

	margin-left:19px;

	float:left;

	width:445px;

	

}

#product #detail .c-left ul{



}

#product #detail .t-head{

	background-image:url('../images/head/subHead2.png');

	background-repeat:no-repeat;

	height:21px;

	padding-left:30px;

	padding-top:5px;

	font-size:14px;

	color:#E51937;

}

#product #detail .t-list{

	padding-top:5px;

	width:445px;

}

#product #detail ul li{

	list-style:none;

	

}

#product #detail ul li a{

	display:block;

	width:415px;

	height:23px;

	background-image:url('../images/head/dot2.png');

	background-repeat:no-repeat;

	background-position:bottom;

	padding-left:30px;

}

#product #detail ul li a .dname{

	float:left;

	font-size:13px;

	color:#333333;

	padding-top:3px;

}

#product #detail ul li a .dload{

	float:right;

	width:90px;

	font-size:11px;

	color:#B2B2B2;

	padding-top:5px;

}

#product #detail ul li a:hover{

	background-color:#ED2024;

}

#product #detail ul li a:hover .dname,

#product #detail ul li a:hover .dload{

	color:#fff;

}

/*--------------service-----------------------*/

#service #content{

	min-height:860px;

}



#service .c-left{

	float:left;

	width:219px;

	padding-top:12px;

	padding-left:40px;

}



#service .c-right{

	float:left;

	width:638px;	

	padding-right:19px;

	padding-top:12px;	

	line-height:16px;

	text-align:justify;

	/*letter-spacing:-0.03em;*/

}

#service .c-right ul{



}

#service .c-right .intro{

	color:#4D4D4D;

	display:block;

	background-image:url("../images/arrow0.png");

	background-repeat:no-repeat;

	background-position:0 12px;

	list-style:none;

	padding-left:20px;

	padding-top:13px;

	height:135px;	

}

#service .c-right span{ 

	color:#C1272D;

	font-size:15px;

	line-height:17px;

} 

/*--------------contact-----------------------*/

#contact .c-left{

	float:left;

	width:433px;

	padding-left:40px;

}

#contact .c-right{

	float:left;

	width:425px;	

	padding-right:19px;

	padding-top:22px;

	

	line-height:16px;

	text-align:justify;

	/*letter-spacing:-0.03em;*/

}

#contact .c-right .intro{

	color:#4D4D4D;

	float:left;

	height:285px;

}

#contact .c-right .t-load{ 

	font-size:16px;

	margin-top:48px;

	padding-left:27px;

	background-image:url('../images/arrow0.png');

	background-position:0 -2px;

	background-repeat:no-repeat;

} 

#contact .c-right .t-load a{ 

	color:#C1272D;

}

#contact .c-right .t-th{ 

	color:#C1272D;

	font-size:21px;

	font-weight:bold;

} 

#contact .c-right .t-en{ 

	color:#C1272D;

	font-size:18px;

	padding-top:47px;

	font-weight:bold;

	

}

#contact .c-right .t-address,

#contact .c-right .t-mail,

#contact .c-right .t-fax,

#contact .c-right .t-phone{ 

	color:#000;

	font-size:16px;

}

#contact .c-right .t-address{

	padding-top:8px ;

	padding-bottom:8px;line-height:20px;

}

#contact .c-right .t-contact{

	width:78px;

}

#contact .c-right .t-contact,

#contact .c-right .t-contact2{

	float:left;	

	line-height:18px;

}

#contact .c-right .t-contact2{

	width:170px;

}

/*--------------tips-----------------------*/

#tips #content{

	padding-bottom:85px;

	height:auto;

	min-height:500px;

}

#tips .c-left{

	float:left;

	width:859px;	

	padding-left:40px;

	padding-top:8px;	

}

#tips .c-left .c-none{

	list-style:none;

	line-height:17px;

}

#tips .c-left .c-none .active,

#tips .c-left .c-none .active-2{

	background-color:#808080;

	padding:15px 15px 15px 15px;

	color:#FFFFFF;

	margin-bottom:10px;

}

#tips .l-tip{	

	color:#4d4d4d;

	font-size:13px;

	display:block;

	padding-left:15px;

	background-image:url('../images/dot.png');

	background-repeat:no-repeat;

}

#tips .l-tip:hover{

	color:#000;

	background-image:url('../images/dot2.png');

	background-repeat:no-repeat;

}

#tips .l-tip-act{

	color:#000;

	font-size:20px;

	display:block;

	padding-left:15px;

	background-image:url('../images/dot2.png');

	background-repeat:no-repeat;

	line-height:35px;

	background-position:0 50%;

}

/*-------------footer-------------------------------*/

#footer{

	width:889px;

	margin:0 auto;

}

#footer{

	height:55px;

	font-size:10px;

	padding-left:40px;

	padding-top:10px;

	color:#FFFFFF;

	position: absolute;

	bottom: 0;

}