@charset "utf-8";

@import url(grid.css);
@import url(styles.css);
@import url(rwstyles.css);
@import url(teaser.css);



#content-zone
{

    width:752px;
	float:left;
	background:#fff url(../img/preview/h2_content_bg.jpg) repeat-y right top;
	position:relative;
	
}
#context-zone
{
    width:208px;
	float:left;
	overflow:hidden;
	background:#fff url(../img/preview/h2_context_bg.jpg) repeat-x left top;
	
}
/**2009.10.21edit Start**/
.switch{
	background:url(../img/preview/h2_rightTop_bg.jpg) no-repeat right bottom;
	height:28px;
	font-size:12px;
	color:#868686;
	font-family:微软雅黑;
	text-align:right;
	line-height:21px;

}
#context-padding{ padding:0px 14px 0 14px;}
/**2009.10.21edit End**/


/* Start flash */

#flash{ width:752px; height:278px; position:relative;}
#flash-no{ position:absolute; left:10px; bottom:10px;}
#flash-no span{ padding:0px 8px;}
*html div#flash-no span{ padding:3px 8px;}
#flash-no span a{ color:#fff; font-size:9px;}
#flash-no span.bbg0{ background:url(../img/preview/h2_fp00.gif) no-repeat 4px 2px;}
#flash-no span.bbg1{ background:url(../img/preview/h2_fp01.gif) no-repeat 4px 2px;}
#flash-img{width:752px; height:278px;}
/*#flash-con{width:333px; height:21px; background:url(../img/flash-con-bg.jpg) repeat-x left top;}
#flash-con div{ text-align:center;}
#flash-con div a{ font-size:12px; line-height:21px; padding-left:10px; background:url(../img/mark01.gif) no-repeat left 4px;}*/
/* End flash */

.left{ 
    float:left;
	width:55%;
	
	}
.right{ 
    float:right;
	width:45%;
	text-align:right;
	}
.center{ text-align:center; padding:40px 0 20px; position:absolute; left:75px ;top:0; z-index:1;}


/*  main  */
#header-visual{
height:278px;
padding:0 0 6px 0;
background: url(../img/preview/h2_visual_bg.jpg) repeat-x left bottom;
	}
#news{ float:left; width:290px; height:200px; margin:20px 0 0 20px; display:inline;}
h3.module-name{ height:21px; border-bottom:1px solid #dfdfdf; position:relative;}
h3.module-name span{ position:absolute; right:7px; top:3px;}
#news dl{ float:left; width:280px; margin:15px 5px 0; display:inline;}
#news dl dt{ float:right;width:245px; color:#000;line-height:22px; }
#news dl dd{margin:0 0 0 35px; padding:0; line-height:18px; }
#news dl dd.date{ margin:0;padding:0;  float:left; width:35px;color:#000;}
#news dl dd a{color:#7a7a7a;line-height:18px; display:block; width:245px; height:18px;}
#news dl dd a:hover{color:#85ad3a;}

#activities{ position:absolute; right:15px; top:244px; width:412px;z-index:2;}
#activities-padding{ padding:3px 13px 0; position:absolute; left:0;top:0;}
#activities h3{ margin-bottom:10px;}
#event-1{ padding:10px 0;}
#event-2{ float:left; width:188px;}
#event-3{ float:left; width:188px; margin:0 0 0 10px; display:inline;}

.portlet{margin:0 0 10px 0;}
#search-txt{ float:left; width:94px; height:12px; padding:2px 4px; border:0; line-height:12px;background:url(../img/preview/h2_search_txt.jpg) no-repeat;}

#n-tools{ background:url(../img/preview/h2_pic05.jpg) no-repeat right bottom;}
#n-links{ background:url(../img/preview/h2_pic06.jpg) no-repeat right bottom;}
.portlet h3{ font-size:15px; font-weight:bold; line-height:18px; color:#000;}
.portlet ul{ padding: 10px 10px 5px 15px;width:85% }
#n-tools2 ul li{ line-height:18px; padding:0 0 0 8px; background:url(../img/preview/h2_dot04.jpg) no-repeat left 6px;border-bottom:1px solid #E5E5E5;}
#n-links2 ul li{ line-height:18px; padding:0 0 0 8px; background:url(../img/preview/h2_dot03.jpg) no-repeat left 6px;border-bottom:1px solid #E5E5E5;}
.portlet ul li a{ color:#424242;}
.portlet ul li a:hover{color:#85ad3a;}

/*  footer  */
#contact,#h2-link-bottom,#copyright{ color:#8c8c8c;}
#contact{ padding:6px 0 0 0; height:30px; line-height:30px;}
#contact b{ float:left; font-weight:normal;}
#contact span{ float: left ;width:13px;height:30px;line-height:30px; margin:0 1px; text-align:center; background:url(../img/preview/h2_tel_bg.jpg) no-repeat left center;}
#contact a.h2-link-home{ float:left; padding:0 0 0 12px; background:url(../img/preview/h2_dot01.jpg) no-repeat left center; }
#contact .h2-link-tool{ float:left; vertical-align:middle;}
#contact a.h2-link-home:hover,#h2-link-bottom a:hover{ color:#85ad3a;}

/* tool-nav */


/*index search bar*/
#search-bar{ position:relative;height:20px;}
/*
#category{ position:absolute; top:16px; left:0px; width:100px; height:36px; border:1px solid #b4b4b4; padding:3px; text-align:center; background:#f1f1f1;z-index:999;}
#category p{line-height:18px;}
*/
/* diy */
#diy-zone{background:url(../img/preview/diy_top.jpg) no-repeat left top;}
#diy-padding{}
/* 09.08.27 begin */
#diy-padding img {display:block;}
#user-guide{
	background:#FFFFFF url('../img/preview/bg_color_diy_090827.jpg') no-repeat center top;
}
#user-guide-i{
	background:url('../img/preview/bg_color_diy_b_090827.jpg') no-repeat center bottom;
	padding:105px 45px 60px;
}
#user-guide h3{
	color:#D80000;
	font-size:16px;
	line-height:170%;
	margin:10px 0;
	font-weight:bold;
}
#user-guide p{
	color:#666666;
	margin:8px 0;
	line-height:170%;
	font-family:宋体, Arial, Helvetica, sans-serif;
}
/* 09.08.27 end */

/* Media report */
#media {
	float: left;
	width: 290px;
	height: 200px;
	margin: 20px 0 0 20px;
	display: inline;
}
#module-media{
	display:none;
}
.module-list {
	height: 23px;
	border-bottom: 1px solid #dfdfdf;
	position: relative;
}
.module-list ul{
	padding:0 0 0 7px;
}
.module-list ul li{
	float:left;
	display:inline;
	width:74px;
	height:23px;
	margin:0 2px 0 0;
}
.module-list ul li a{
	display:block;
	width:74px;
	height:23px;
	text-indent:-99999px;
}
.module-list a#module-list-news{
	background:url('../img/preview/h3_home_news.jpg') no-repeat center top;
}
.module-list a#module-list-news.h{
	background:url('../img/preview/h3_home_news_h.jpg') no-repeat center top;
}
.module-list a#module-list-media{
	background:url('../img/preview/h3_home_media.jpg') no-repeat center top;
}
.module-list a#module-list-media.h{
	background:url('../img/preview/h3_home_media_h.jpg') no-repeat center top;
}
.module-list span {
	position: absolute;
	right: 7px;
	top: 5px;
}
#module-news dl {
	float: left;
	width: 280px;
	margin: 15px 5px 0;
	display: inline;
}
#module-news dl dt {
	float: right;
	width: 245px;
	color: #000;
	line-height: 22px;
}
#module-news dl dd {
	margin: 0 0 0 35px;
	padding: 0;
	line-height: 18px;
}
#module-news dl dd.date {
	margin: 0;
	padding: 0;
	float: left;
	width: 35px;
	color: #000;
}
#module-news dl dd a {
	color: #7a7a7a;
	line-height: 18px;
	display: block;
	width: 245px;
	height: 18px;
}
#module-news dl dd a:hover {
	color: #85ad3a;
}

#module-media dl {
	float: left;
	width: 280px;
	margin: 10px 5px 0;
	display: inline;
}
#module-media dl dt {
	float: right;
	width: 200px;
	color: #000;
	line-height: 22px;
	font-weight:bold;
}
#module-media dl dd.desc {
	float: right;
	width: 200px;
	line-height: 18px;
}
#module-media dl dd.date {
	float: right;
	width: 200px;
	color: #3D93EA;
}
#module-media dl dd.img {
	float: left;
	color: #000;
	width:77px;
}
#module-media dl dd.img img{
	border:1px #BDBDBD solid;
}
#module-media dl dd a {
	color:#7A7A7A;
	height:18px;
	line-height:18px;
}
#module-media dl dd a:hover {
	color: #85ad3a;
}

/*09.15 产品推荐页*/
#event090915{
}
#event090915 img{
    display:block;
}
#event090915 .sch{
    background:url('../img/preview/img_event_090915_6.jpg') no-repeat;
    width:960px;
    height:36px;
}
#event090915 .sch select,#event090915 .sch input{
    float:left;
}
#event090915 .sch select.p{
    margin:7px 0 0 147px;
    width:160px;
}
#event090915 .sch select.c{
    margin:7px 0 0 65px;
    width:160px;
}
#event090915 .sch input{
    margin:6px 0 0 10px;
}
/*09.15 首页FLASH*/
#event-1 .mfla{
	margin-top:-15px;
	position:relative;
	z-index:1;
}

/*START: 首页右边导航栏	09.22
－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－ */
/*2009.12.11 edit Start by shan*/
.portlet-nav1{
	width: 184px;
	height: 28px;
	margin:0;
	background: url("../img/preview/h2_pic11.jpg") no-repeat 0 -28px; 
}
.portlet-nav2{
	width: 184px;
	height: 28px;
	margin:0;
	background: url("../img/preview/h2_pic11.jpg") no-repeat 0 0px; 
}
/*2009.12.11 edit End by shan*/
#page-tools{
	cursor:pointer;
	display:inline;
	float:left;
	width: 57%;
	height: 28px;
}
#page-links{
	cursor:pointer;
	display:inline;
	float:left;
	width: 43%;
	height: 28px;
}
#n-tools2{ 
	margin:0;
	height: 287px;
	width: 184px;
	background:url(../img/preview/h2_pic05.jpg) repeat-y right bottom;
}
#n-links2{
	margin:0;
	display:none;
	height: 287px;
	width: 184px;
	background:url(../img/preview/h2_pic06.jpg) repeat-y right bottom;
}

#carbon{
	margin-bottom:4px;
}
.portlet2{
	margin-bottom:4px;
}

/*END: 首页右边导航栏
－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－ */



/**2010.03.01 add start by shan**/
#user-guide-i .l{
	float:left;
	display:inline;
	margin-right:20px;
}
#user-guide-i .r{
	float:left;
	display:inline;
}
#user-guide-i .p{
	color:#666666;
	margin:8px 0;
	line-height:170%;
	font-size:12px;	
	font-family:宋体, Arial, Helvetica, sans-serif;
}
#user-guide-i .td1{
	width:110px;
}
#user-guide-i .td2{
	width:760px;
}

/**2010.03.01 add end by shan**/

/**2010.07.20 add start by shan**/
#home-content-zone{
	
}
#index-kv{
	height:220px;
}
.index-module1{
	display:inline;
	float:left;
	width:407px;
	height:209px;
	padding-right:12px;
}

.index-tab{
	height:38px;
}

.index-tab li{
	display:inline;
	float:left;
	height:38px;
	width:102px;
	cursor:pointer;
	text-indent:-999999px;
	background:url('../img/home/h3_module1_tab.jpg') no-repeat 0 0;
}
.index-tab li#index-tab1{width:103px;background-position:0 -38px;}
.index-tab li#index-tab2{width:100px;background-position:-103px -38px;}
.index-tab li#index-tab3{width:102px;background-position:-203px -38px;}
.index-tab li#index-tab4{width:102px;background-position:-305px -38px;}
.index-tab li#index-tab1.act{width:103px;background-position:0 0;}
.index-tab li#index-tab2.act{width:100px;background-position:-103px 0;}
.index-tab li#index-tab3.act{width:102px;background-position:-203px 0;}
.index-tab li#index-tab4.act{width:102px;background-position:-305px 0;}

.index-link-b{ width:407px; padding-bottom:5px; background:url('../img/home/index_module1_b_bg.jpg') no-repeat left bottom;}
.index-link{ display:none; width:375px; padding:0 16px; height:171px; background:url('../img/home/index_module1_bg.jpg') repeat-y left bottom;}

.index-link .d{
	color:#EB2D2E;
	font-weight:bold;
}
#index-link1{
	display:block;
}
#index-link1 ul{
	padding-top:10px;
}

#index-link1 li{
	padding:8px 7px 0;
	height:22px;
	border-bottom:1px #BDE9F4 solid;
}

#index-link1 li.b{
	text-align:right;
	border-bottom:0;
}

#index-link1 li .d{
	padding-right:10px;
}

#index-link2{

}
#index-link2 li{
	height:62px;
	padding:4px 9px;
	border-bottom:1px #BDE9F4 solid;
}
#index-link2 li.b{
	text-align:right;
	height:16px;
	border-bottom:0;
}
#index-link2 li .l{
	display:inline;
	float:left;
	width:59px;
	height:59px;
}
#index-link2 li .l img{
	width:58px;
	height:58px;
	display:block;
	border:1px #D9D9D9 solid;
}

#index-link2 li .r{
	display:inline;
	float:left;
	padding-left:17px;
	width:280px;
	height:59px;
}

#index-link2 li .r .d{
	padding:8px 0 5px;
}

#index-link3 li,#index-link4 li{
	display:inline;
	float:left;
	padding:6px 0 0 16px;
	width:171px;
	height:20px;
	border-bottom:1px #BDE9F4 solid;
	background:url('../img/common/icon_arrow.jpg') no-repeat 6px 12px;
	background:url('../img/common/icon_arrow.jpg') no-repeat 6px 10px\9;
}

#index-link3 li.b,#index-link4 li.b{
	border-bottom:0;
}

.index-module2{
	display:inline;
	float:left;	
	width:331px;
	height:198px;	
	margin-top:11px;
	padding:0 12px;
	border:1px #EFEFEF solid;
	border-style:none solid none solid;
}

.event-1{
	width:331px;
	height:120px;
	padding-bottom:10px;
}
.event-1 img{
	width:331px;
	height:120px;
	display:block;
}


.event-2 #img-left {
	background:transparent url(../img/home/btn_left.jpg) no-repeat scroll 0 0;
	cursor:pointer;
	display:inline;
	float:left;
	height:68px;
	width:12px;
}
.event-2 #img-right {
	background:transparent url(../img/home/btn_right.jpg) no-repeat scroll 0 0;
	cursor:pointer;
	display:inline;
	float:right;
	height:68px;
	width:12px;
}
.event-2 #img-c{
	display:inline;
	float:left;
	height:68px;
	overflow:hidden;
	position:relative;
	width:306px;
}
.event-2 #img-c #Imgs{
	height:68px;
	left:0;
	position:absolute;
}
.event-2 #img-c #Imgs li{
	display:inline;
	float:left;
	text-align:left;
	width:153px;
	height:68px;
}

.event-2 #img-c #Imgs li img{
	width:153px;
	height:68px;
	display:block;
}


.index-module3{
	display:inline;
	float:right;
	width:171px;
	height:198px;
	margin-top:11px;
}

.index-module3 .index-banner{
	padding-bottom:7px;
}


.index-module4{
	display:inline;
	float:left;
	width:477px;
	height:63px;
	padding-top:13px;
	position:relative;
	background:url('../img/home/index_module4_bg.jpg') no-repeat 0 13px;
}

.index-module4 .t{
	position:absolute;
	top:46px;
	left:160px;
}
.index-module4 .l{
	position:absolute;
	top:47px;
	left:286px;
	font-size:14px;
	font-weight:bold;
}
.index-module4 .l a{
	color:#004B7D;
}
.index-module4 .l a:hover{
	color:#004B7D;
}

.index-module4 .b{
	position:absolute;
	top:44px;
	left:391px;
}

.index-module4 .dealer-text{
	width:120px;
	height:18px;
	background:#fff;
	border:0;
}

.index-module5{
	display:inline;
	float:right;
	width:476px;
	height:63px;
	padding-top:13px;
	position:relative;	
	background:url('../img/home/index_module5_bg.jpg') no-repeat 0 13px;
}

.index-module5 .t{
	position:absolute;
	top:42px;
	left:187px;
}
.index-module5 .b{
	position:absolute;
	top:40px;
	left:384px;
}

.index-module5 .check-text{
	width:187px;
	height:18px;
	background:#fff;
	border:0;
}


/**2010.07.20 add end by shan**/



.green{height:553px; background:url(../img/preview/green_bg.jpg) no-repeat left top;}
.green-con{ padding:0px 75px 145px 465px;}
.green-con table td{ padding:10px; line-height:18px;}


/**首页kv start by shan**/
#CMHotPic .a_menu li {
	line-height:normal;
	float:left;
	display:inline;
	width:204px;
	height:50px;
	padding:10px 0 0 116px;
	color:#CCCCCC;
	font-family:"微软雅黑","宋体";
	cursor:pointer;
}
#CMHotPic .a_menu li.on {color:#fff;font-weight:bold;}
#CMHotPic .a_menu li.on a {color:#E50112;}

#CMHotPic .a_menu{position:absolute;bottom:0;left:0;width:100%;height:60px;background:none;z-index:6;}
#CMHotPic .a_menu li #simg1,#CMHotPic .a_menu li #simg2,#CMHotPic .a_menu li #simg3{position:absolute;top:2px;display:block;width:78px;height:48px;padding:1px;background:#fff;}
/*#CMHotPic .a_menu li.on #simg1,#CMHotPic .a_menu li.on #simg2,#CMHotPic .a_menu li.on #simg3{top:-16px;}*/
#CMHotPic .a_menu li a{color:#fff;}
#CMHotPic .a_menu #simg1{left:24px;}
#CMHotPic .a_menu #simg2{left:344px;}
#CMHotPic .a_menu #simg3{left:664px;}
#CMHotPic .a_menu_bg{position:absolute;bottom:0;left:0;width:100%;height:60px;opacity:0.8;filter:alpha(opacity=80);background:#000;z-index:5;}
#CMHotPic .a_menu_bg span{display:none;}
/**首页kv end by shan**/