@charset "utf-8";
/* CSS Document */

body{	
}

.hd a.more { position: absolute; right: 10px; top: 18px; color: #000; font-size: 14px;}
.hd a.more:hover { color: #ae7700; text-decoration: none;} 
.shadow1 { background: url(../images/shadow1.gif) no-repeat center top; height: 47px;}
.shadow2 { background: url(../images/shadow2.gif) no-repeat center top; height: 55px;}


.products { width: 100%; border-bottom: 1px #dcdcdc solid; height: 221px;}
	.products .hd { height: 51px; text-align: right; position: relative;}
	.products .hd h3 { line-height: 51px; font-weight: normal; font-size: 16px; color: #2d2d2d;}
	.products .bd { background: none;}

ul.list { padding: 10px 10px 10px 10px; }
ul.list li { background: url(../images/li.gif) no-repeat 0 7px; padding-left: 20px; line-height: 24px; clear: both; font-size: 14px;}
ul.list li.top1 { background: none; padding: 0 0 10px 0; overflow: hidden;}
ul.list li span { float: right;}

.layer2 { overflow: hidden; background: #fff; width: 1137px; padding: 12px 15px; }
	.layer2 .left { float: left; width: 930px; background: url(../images/layer2_bd_bg.gif) no-repeat right bottom;}
	.layer2 .right { float: right; width: 192px;}
	.layer2 .hd { height: 32px; line-height: 32px; padding: 0px; border-bottom: 1px #da251c solid;}
	.layer2 .hd h3 { font-size: 16px; color: #cf1101; font-weight: normal;}
	.layer2 .bd { height: 260px;}
	.video { width: 255px;height: 195px; padding: 32px 23px 12px 12px; background: url(../images/shadow_v.gif) no-repeat center bottom; float: left; }
	.tabs { height: 32px; border-bottom: 1px #da251c solid; background: none; margin: 0px; z-index: 9; padding-left: 15px; width: 902px;}
	.tabs li { float: left; display: inline; height: 32px; line-height: 32px; cursor: pointer; font-size: 14px; color: #da251c; width: 115px; background: none;text-align: center;overflow: hidden; margin-right: 2px;}
	.tabs li.current {color: #fff;background: #da251c; border-radius: 3px 3px 0 0;}

	.tbody { position: relative; float: left; width: 640px;}
		a.more_btn { display: block; height: 32px; top: -32px; position: absolute; right: 30px; line-height: 32px; font-size: 12px; text-align: center; color: #da251c; z-index: 99;}
	.layer2 ul.list { padding: 10px 30px 10px 0px;}
	.layer2 ul.list li { font-size: 12px; background: url(../images/li_line.gif) repeat-x left bottom; padding-left: 0; line-height: 33px;}

.layer3 { overflow: hidden; height: 443px; background: #fff url(../images/layer3_left_bg.gif) no-repeat left bottom; width: 1137px; padding: 12px 15px; }
	.layer3 .left { float: left; width: 240px;}
	.layer3 .right { float: right; width: 876px;}
	.layer3 .hd { background: url(../images/h3_bg1.gif) repeat-x left bottom; height: 33px; line-height: 33px;}
	.layer3 .left .hd h3 { width: 146px; background: url(../images/h3_layer3_1.gif) no-repeat left bottom; height: 33px;}
	.layer3 .left .bd {}
	.layer3 .left ul { padding: 27px 16px; overflow: hidden;}
	.layer3 .left ul li { line-height: 36px; font-size: 16px; padding-left: 35px;}

	.layer3 .right .hd h3 { width: 146px; background: url(../images/h3_layer3_2.gif) no-repeat left bottom; height: 33px;}
	.layer3 .right .bd { width: 876px; overflow: hidden;}
	.layer3 .right ul { padding: 27px 16px; overflow: hidden; width: 908px;}
	.layer3 .right ul li { float: left; height: 178px; width: 178px; margin-right: 49px; text-align: center;}
	.layer3 .right ul li p {}
	.layer3 .right ul li span { line-height: 20px; }

.layer6 { overflow: hidden; background: #fff; width: 1117px; padding: 12px 25px; }
 	.layer6 .hd { background: url(../images/h3_bg1.gif) repeat-x left bottom; height: 45px; line-height: 45px; position: relative;}
	.layer6 .hd h3 { background: url(../images/h3_layer6.gif) no-repeat left bottom; height: 45px;}
	.layer6 .hd a.more { top: 5px; color: #e31c12;}
	.layer6 .bd {}
	.layer6 ul { padding: 15px 0px; overflow: hidden;}
	.layer6 ul li { float: left; height: 170px; width: 520px; padding-right: 38px;}
	.layer6 ul li img { width: 197px; height: 148px; padding: 2px; border:1px #d8d8d8 solid; margin-right: 20px; margin-top: 6px; float: left; }
	.layer6 ul li a.title { font-size: 14px; line-height: 28px; font-weight: 700;}
	.layer6 ul li a.more { width: 78px; height: 27px; background: url(../images/layer6_more.gif) 0 0; display: block; margin-left: 223px; }
	.layer6 ul li p { line-height: 24px; padding-bottom: 5px;}

.layer7 { overflow: hidden; background: #fff; width: 1117px; padding: 12px 25px; }
 	.layer7 .hd { background: url(../images/h3_bg1.gif) repeat-x left bottom; height: 45px; line-height: 45px; position: relative;}
	.layer7 .hd h3 { background: url(../images/h3_layer7_1.gif) no-repeat left bottom; height: 45px;}
	.layer7 .hd a.more { top: 5px; color: #e31c12; font-size: 12px;}
	.layer7 .left { width: 258px; float: left;}
	.layer7 .left .bd { height: 377px;}
	.layer7 .midd { width: 544px; float: left; padding-left: 26px; background: url(../images/layer7_bd_bg.gif) no-repeat 0 45px;}
	.layer7 .midd .hd h3 { background-image: url(../images/h3_layer7_2.gif);}
	.layer7 .right { width: 258px; float: right; padding-left: 26px; background: url(../images/layer7_bd_bg.gif) no-repeat 0 45px;}
	.layer7 .right .hd h3 { background-image: url(../images/h3_layer7_3.gif);}
	.layer7 ul.list { padding: 15px 0px 10px 5px; }
	.layer7 ul.list li { background: url(../images/li.gif) no-repeat 0 7px; padding-left: 15px; line-height: 22px; clear: both; font-size: 12px;}
	.layer7 ul.list li.top1 { background: none; padding: 0; height: 110px; overflow: hidden;}
	.layer7 ul.list li.top1 img { padding: 2px; border:1px #e4e4e4 solid; float: left; margin-right: 10px;}
	.layer7 ul.list li a.title { font-size: 14px; line-height: 28px; font-weight: 700;}
	.layer7 ul.list li p { line-height: 24px; padding-bottom: 5px;}

.layer8 {  overflow: hidden; clear: both; background: url(../images/layer8_bg.gif) repeat-x 0 0 #fff;}
	.layer8 .title { height:129px; background:url(../images/layer8_title.gif) no-repeat center top;}
	.layer8 .bd { height:418px; padding:0;}
	.layer8 dl { float:left; width:222px; height:383px; display:block; padding:0 33px 0 33px; background:url(../images/layer8_dd_bg.gif) no-repeat left top;}
	.layer8 dl.nobackground { background:none;}
	.layer8 dl dt { height:239px; background:url(../images/shadow_face.gif) no-repeat bottom center;}
	.layer8 dl dt img { padding:1px; border:1px #eaeaea solid; background:#fff; width: 222px; height: 227px;}
	.layer8 dl dd { padding-top:15px;}
	.layer8 dl dd h3 a { font-size:16px; font-weight:normal; color:#000; line-height:32px; height:32px;}
	.layer8 dl dd p { line-height:25px; color:#343434;}
	.layer8 dl dd span a { color:#e00074; font-weight:700; line-height:26px;}
	.morelist { text-align:right; padding-right:40px; height:35px;}
	.morelist a { width:140px; height:35px; display:block; background:url(../images/arr.gif) no-repeat center top #a3a3a3; color:#fdfbfb; text-align:center; line-height:35px; font-size:14px; float:right;}

.layer9 {  overflow: hidden; clear: both; background:#fff;}
	.layer9 .morelist { text-align: center; width: 140px; padding: 20px 0; margin: 0 auto;}

.layer10,.layer11 {  overflow: hidden; clear: both; background:#fff;}
	.layer10 img { float: left; width: 619px;}
	.layer10 .feedback { float: right; width: 548px; padding: 10px 0}
	.feedback p { font-size: 16px; color: #ff550c;}
	.feedback .fed { padding-top: 10px;}
	.feedback div { padding: 8px 0;}
	.feedback label { width: 100px; font-size: 14px; text-align: right; float: left; display: block; line-height: 26px;}
	.feedback .text { height: 18px; padding: 3px 5px; border: 1px #cccccc solid;}
	.feedback .button {}