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

.h_tab {height:125px;background:url("h_tab_bg.gif") repeat-x;}
.h_tab .item {float:left;width:466px;height:110px;margin:15px 0 0 16px;cursor:pointer; background:url("h_tab_tab.gif") no-repeat -480px 0;_margin:15px 6px 0 9px;}
.h_tab .item img {float:left;margin:12px 16px 0 26px;}
.h_tab .item .words {float:left;width:320px;padding:12px 10px 0 0;}
.h_tab .item .words p {line-height:1.6em;color:#eee;}
.h_tab .item h1 {font-size:18px;color:#fff;}
.h_tab .curr {background-position:0 0;}
.h_tab .curr h1 {color:#333;}
.h_tab .curr .words p {color:#555;}
.h_tab .item.hover {background-position:-960px 0;}
.h_tab .item.curr.hover {background-position:0 0;}

.h_tab_cont { background:#fff; padding:10px 20px 5px 20px; }
.h_tab_cont .blank_height{height:16px;}
.h_tab_cont .main_prod { float:left; width:465px; padding-top:16px; background:url("home_split_line.gif") no-repeat right; }
.h_tab_cont .main_prod .left {float:left;width:118px;padding:8px 0 0 14px;text-align:center;color:#f60;font-size:18px;}
.h_tab_cont .main_prod .right {float:left;width:284px;padding-left:24px;}
.h_tab_cont .main_prod .right h1,.h_tab_cont .main_prod .right h1 a {font:bold 20px/1.8em Arial;}


.h_tab_cont .more_pord {float:left;width:431px;margin-left:35px;}
.h_tab_cont .more_pord .item {padding:12px 0;border-bottom:1px solid #ddd;}
.h_tab_cont .more_pord img {float:left;margin:6px 12px 0 0;}
.h_tab_cont .more_pord .mid {float:left;width:246px;}
.h_tab_cont .more_pord .learnmore {float:left;display:block;width:80px;height:24px;margin-top:22px;padding-right:10px;background:url("dot_learn.gif") no-repeat right 7px;font-weight:bold;text-align:right;}
.h_tab_cont .more_pord h2,.h_tab_cont .more_pord h2 a {font:bold 14px/1.6em Arial;}
.h_tab_cont .more_pord p {line-height:1.6em;}
.h_tab_cont .more_pord .no_line {border:none;}
.learnmore2 {float:left;display:block;width:80px;height:24px;margin-top:22px;padding-right:10px;background:url("dot_learn.gif") no-repeat right 7px;font-weight:bold;text-align:right;}
.mid2 {float:left;width:246px;}
.item2 {padding:12px 0;border-bottom:1px solid #ddd;}
.home_btm {
	background-color: #eaeaea;border-top:8px solid #bbb;}
}
.home_btm .title {font:bold 16px/1.8em Arial;padding-bottom:6px;}
.home_btm .news {float:left;width:424px;border-right:1px solid #d0d0d0;padding:16px 30px 22px 30px;}
.home_btm .news ul li { height:34px; padding-left:20px; background:url("dot_news.gif") no-repeat 0 10px; border-bottom:1px solid #d0d0d0; font-size:12px; }
.home_btm .news ul li a {line-height:32px;color:#444; font-size:12px;}
.home_btm .news ul li a:hover {color:#0077c1;font-size:12px;}
.home_btm .case {
	float:left;
	width:431px;
	padding-top: 16px;
	padding-right: 30px;
	padding-bottom: 0px;
	padding-left: 30px;
}
.home_btm .case img {float:left;margin:6px 16px 0 0;}
.home_btm .case .words { float:left; width:300px; 
}
.home_btm .case .words a {font:bold 14px/2.5em Arial;}

/*index banner*/
#home_banner {position:relative;clear:both;height:259px;}
#home_banner .imgs li {position:absolute;left:0px;}
#home_banner .num { position:absolute; bottom:4px; right:7px; z-index:10; width: 105px; }
#home_banner .num li {color:#000;float:left;margin:3px;padding:0 4px;background:#fff;font:normal 11px/1.4em Arial;filter:alpha(opacity=40);-moz-opacity:0.4;opacity:0.4;cursor:pointer;}
#home_banner .num li.curr {background:#FFFFFF;filter:alpha(opacity=80);-moz-opacity:0.8;opacity:0.8;color:#03243a;font-weight:bold;}
.gray { color:#666666; font-size:12px;}

.home_whybuy {background:url(../../images/why_buy.jpg) no-repeat; height:174px;}