<!--

body {font-size:12px;color:#343434;line-height:20px; margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; background:url(../images/bg.jpg) top no-repeat #D85100}
img { border:0}
div,form,ul,ol,li,span,h1,h2,h3,h4,h5,h6,dl,dt,dd {border: 0;margin: 0;padding: 0;list-style-type:none}
.fz12,font { font-size:12px}
h3,h4,h5 { font-weight:normal;font-size:12px}

a:link {color:#343434;text-decoration: none}
a:visited {color:#343434;text-decoration: none}
a:active {color:#343434;text-decoration: none}
a:hover {color:#F45720;text-decoration: underline}
#clear { clear:both}
.p10 { padding:10px}

.w1000 { width:1002px; margin:0 auto; background:#EEF1EA}
.tar { text-align:right}
.tal { text-align:left}
.tac { text-align:center}
.ft {float:left}
.fr {float:right}
#clear { clear:both}
.pt10 { padding-top:10px}

.bg01 { background:url(../images/bg.png);}
#head { height:40px; width:980px; margin:0 auto; color:#fff}
#head .search_s { width:160px; padding-top:7px}
#head .search_s .inp01 { border:0 none; background:url(../images/bg_search_input.gif) left; width:110px; padding-left:7px; color:#fff; float:left; height:20px; line-height:20px}
#head .login_s { float:right; width:540px}
#head .login_s h3 { float:left; line-height:36px; padding-right:5px}
#head .login_s .inp02 { float:left; width:120px; background-color:#EF9551; border:2px #E26E17 solid; margin:7px 10px 0 0; color:#343434}
#head .login_s a { color:#fff; text-decoration:underline}

#index_b { width:980px; margin:0 auto; background:url(../images/bg_header.gif) top no-repeat #fff}
#index_b .banner { width:940px; margin:0 auto; height:102px; position:relative}
#index_b .banner .logo_s { padding-top:28px}
#index_b .banner .ico_s { position:absolute; width:130px; height:130px; background:url(../images/visaul.png); left:190px; top:-40px}
#index_b .banner .nav { width:588px; height:89px; background:url(../images/nav_1.jpg) left no-repeat}
#index_b .banner .nav ul li { width:98px; text-align:center; float:left}
#index_b .banner .nav ul li a { color:#008A5D; font-size:10px; font-weight:bold; display:block; padding-top:67px}
#index_b .banner .nav ul li a:hover { color:#F85720; background:url(../images/nav_2.jpg) no-repeat}
#index_b .banner .nav ul li.nav_1 a:hover { background-position:0 8px}
#index_b .banner .nav ul li.nav_2 a:hover { background-position:-98px 8px}
#index_b .banner .nav ul li.nav_3 a:hover { background-position:-196px 8px}
#index_b .banner .nav ul li.nav_4 a:hover { background-position:-294px 8px}
#index_b .banner .nav ul li.nav_5 a:hover { background-position:-392px 8px}
#index_b .banner .nav ul li.nav_6 a:hover { background-position:-490px 8px}

#index_b .banner .nav ul li span { display:block; padding-top:67px; color:#F85720; background:url(../images/nav_2.jpg) no-repeat}
#index_b .banner .nav ul li.nav_1 span { background-position:0 8px}
#index_b .banner .nav ul li.nav_2 span { background-position:-98px 8px}
#index_b .banner .nav ul li.nav_3 span { background-position:-196px 8px}
#index_b .banner .nav ul li.nav_4 span { background-position:-294px 8px}
#index_b .banner .nav ul li.nav_5 span { background-position:-392px 8px}
#index_b .banner .nav ul li.nav_6 span { background-position:-490px 8px}

#index_b .index_fy { width:940px; margin:0 auto; text-align:right}
#index_b .index_fy img { float:right}

#index_b .index_l { width:280px}
#index_b .index_l h2 { width:215px; margin:0 auto; font-size:16px; line-height:30px; color:#666; font-family: Verdana, Arial, Helvetica, sans-serif}
#index_b .index_l ul { width:215px; margin:0 auto;}
#index_b .index_l ul li { padding-top:20px; background:url(../images/index_1.gif) top no-repeat; color:#666; line-height:16px; padding-bottom:20px}
#index_b .index_l ul li img { padding:2px; border:1px #ccc solid; float:left; margin-right:10px}
#index_b .index_l ul li img:hover { border:#F45720}
#index_b .index_l ul li h3 { font-size:14px; line-height:20px}
#index_b .index_l ul li h3 a { color:#008A5D; }
#index_b .index_l ul li h3 a:hover {color:#F45720;}

#index_b .index_r { width:700px; padding-bottom:20px}

#index_b .index_r .index_hd { width:676px; border:1px #ccc solid; padding:1px; margin-top:10px}
#focus {width:674px; height:200px; overflow:hidden; position:relative; margin:1px}
#focus ul {height:241px; position:absolute;}
#focus ul li {float:left; width:674px; height:200px; overflow:hidden; position:relative;}
#focus ul li div {position:absolute; overflow:hidden;}
#focus .btnBg {position:absolute; width:674px; height:20px; left:0; bottom:0; background:#000;}
#focus .btn {position:absolute; width:500px; height:10px; padding:5px 10px; right:0; bottom:0; text-align:right;}
#focus .btn span {display:inline-block; _display:inline; _zoom:1; width:25px; height:10px; _font-size:0; margin-left:5px; cursor:pointer; background:#fff;}
#focus .btn span.on {background:#fff;}
#focus .preNext {width:45px; height:100px; position:absolute; top:40px; background:url(../images/sprite.png) no-repeat 0 0; cursor:pointer;}
#focus .pre {left:0;}
#focus .next {right:0; background-position:right top;}

#index_b .index_r .index_c { width:680px; background:url(../images/index_2.jpg) top no-repeat; margin-top:10px}

#index_b .index_r .index_al { width:330px}
#index_b .index_r h2 { width:290px; margin:0 auto; font-size:16px; line-height:30px; color:#666; font-family: Verdana, Arial, Helvetica, sans-serif; padding-top:10px}
#index_b .index_r .index_al ul { padding-top:15px; background:url(../images/index_4.gif) top no-repeat; clear:both}
#index_b .index_r .index_al ul li { padding:0; text-align:center; padding-bottom:5px}
#index_b .index_r .index_al ul li img { padding:2px; border:1px #ccc solid}
#index_b .index_r .index_al ul li img:hover { border:#F45720}

#index_b .index_r .index_ab { width:350px}
#index_b .index_r .index_ab h3 { font-size:12px; width:315px; margin:0 auto; padding-top:15px; background:url(../images/index_5.gif) top no-repeat}
#index_b .index_r .index_ab ul li { padding-top:15px; background:url(../images/index_5.gif) top no-repeat; padding-left:25px}
#index_b .index_r .index_ab ul li h4 { color:#666}
#index_b .index_r .index_ab ul li a { color:#008A5D; font-size:14px; font-weight:bold}
#index_b .index_r .index_ab ul li a:hover {color:#F45720;}
#index_b .index_r .index_ab ul li p { padding:0; margin:0; padding-top:5px; padding-bottom:10px; padding-right:20px}
#index_b .index_r .index_ab ul li p a { font-weight:normal; background:url(../images/bg_all_news.gif) right no-repeat; padding-right:15px}
#index_b .index_r .index_ab ul li p a:hover { background:url(../images/bg_all_news2.gif) right no-repeat; }


#bottom { width:960px; margin:0 auto; color:#fff}

.nowsite { font-size:10px; width:940px; margin:0 auto; color:#666; padding-bottom:10px}
.nowsite a.homes { display:block; float:left; width:18px; background:url(../images/ico_1.jpg) left no-repeat; height:20px}
.nowsite a.homes:hover { background:url(../images/ico_2.jpg) left no-repeat}

#index_b .product_l { width:280px}
#index_b .product_l .pro_li { width:230px; margin:0 auto; background:url(../images/product_3.jpg)}
#index_b .product_l .pro_li ul li { line-height:30px; width:205px; margin:0 auto; font-size:14px}
#index_b .product_l .pro_li ul li h3 { font-size:14px; border-bottom:1px #EAEAEA solid}
#index_b .product_l .pro_li ul li h3 a { padding-left:25px; background:url(../images/ico_3.jpg) left no-repeat; color:#666}
#index_b .product_l .pro_li ul li.lanta h3 a { background:url(../images/ico_4.jpg) left no-repeat; color:#008A5D; font-weight:bold}
#index_b .product_l .pro_li ul li h3 a:hover {color:#F45720;}
#index_b .product_l .pro_li ul ul {}
#index_b .product_l .pro_li ul ul li { font-size:12px; padding-left:25px; border-bottom:1px #ddd dotted; width:180px; color:#666}
#index_b .product_l .pro_li ul ul li span { color:#F45720;}

#index_b .pro_r { width:680px;}
#index_b .pro_r h1 { line-height:20px; font-size:18px; font-family: "Courier New", Courier, monospace; padding-bottom:10px}
#index_b .pro_r .pro_con {}
#index_b .pro_r .pro_con .img01 { padding:2px; border:1px #ccc solid;}
#index_b .pro_r .pro_con .con_text { font-size:14px; padding-top:10px; line-height:24px}
#index_b .pro_r .pro_con h3 { font-size:14px; padding-top:10px; line-height:24px}
#index_b .pro_r .pro_con .btn-2 { background:url(../images/buy.jpg); width:130px; height:34px; border:0 none; cursor:pointer}
.information{
	display:none;
}
#index_b .pro_list { padding-top:20px}
#index_b .pro_list ul li { width:165px; float:left; text-align:center; padding-bottom:10px}
#index_b .pro_list ul li img { padding:2px; border:1px #ccc solid}
#index_b .pro_list ul li img:hover { border:#F45720}
#index_b .pro_list ul li h3 { line-height:24px}
#index_b .pro_list ul li h3 a { color:#008A5D; font-size:14px;}
#index_b .pro_list ul li h3 a:hover {color:#F45720;}

.pages { height:60px;}
.pages ul{ text-align:center; list-style-type:none; padding:14px 0px;}
.pages ul li { display:inline; list-style-type:none; font-family:Tahoma;line-height:20px;margin-right:6px; padding:3px; background:none; overflow:hidden}
.pages ul li a{ padding:2px 3px; color:#555;}
.pages ul li a:hover{color:#F45720;text-decoration:none;padding:2px 3px}
.pages ul li.thisclass{ background-color:#F45720; color:#fff; padding:2px 3px; font-weight:bold; text-align:center}
.pages ul li.thisclass a { color:#fff}
.pages ul li.nostyle { border:0 none}
.pages ul li.nobr { border:0 none}

.news_list {}
.news_list ul li { background:url(../images/index_6.jpg) top no-repeat; padding-top:15px; padding-bottom:10px; height:70px; font-size:10px; color:#666}
.news_list ul li img { padding:2px; border:1px #ccc solid; float:left; margin-right:15px}
.news_list ul li img:hover { border:#F45720}
.news_list ul li h3 { line-height:24px}
.news_list ul li h3 a { color:#008A5D; font-size:14px;}
.news_list ul li h3 a:hover {color:#F45720;}
.news_list ul li h4 a { color:#008A5D; padding-left:10px; color:#333}
.news_list ul li h4 a:hover {color:#F45720;}

.case_li { width:940px; margin:0 auto; padding-top:20px; background:url(../images/index_7.jpg) top no-repeat;}
.case_li h1 { font-size:12px; line-height:24px; padding:0 20px 15px 20px}
.case_li .case_list { width:910px; margin:0 auto}
.case_li .case_list ul li { float:left; width:182px; text-align:center; height:120px}
.case_li .case_list ul li img { padding:2px; border:1px #ccc solid}
.case_li .case_list ul li img:hover {border:1px #F45720 solid}
.case_li .case_list ul li h3 { font-size:12px; line-height:24px}

.search_li { width:940px; margin:0 auto; padding-top:20px; background:url(../images/index_7.jpg) top no-repeat; min-height:480px; _height:480px; overflow:visible}
.search_li .search_t h1 { line-height:20px; font-size:18px; font-family: "Courier New", Courier, monospace; padding-bottom:10px}
.search_lili { width:920px; margin:0 auto}
.search_lili ul li { padding-top:15px; padding-bottom:10px; height:70px; font-size:10px; color:#666; border-bottom:1px #ccc dotted; padding-left:10px}
.search_lili ul li img { padding:2px; border:1px #ccc solid; float:left; margin-right:15px}
.search_lili ul li img:hover { border:#F45720}
.search_lili ul li h3 { line-height:24px}
.search_lili ul li h3 a { color:#008A5D; font-size:14px;}
.search_lili ul li h3 a:hover {color:#F45720;}
.search_lili ul li h4 a { color:#008A5D; padding-left:10px; color:#333}
.search_lili ul li h4 a:hover {color:#F45720;}

.case_con { width:940px; margin:0 auto; padding-top:20px; background:url(../images/index_7.jpg) top no-repeat; min-height:480px; _height:480px; overflow:visible;}
.case_con h1 { font-size:18px; line-height:40px; width:920px; margin:0 auto; border-bottom:1px #ddd dotted; text-align:center; padding-bottom:10px}
.case_con .case_text { padding-top:10px; width:900px; margin:0 auto; line-height:24px; padding-bottom:20px}

.picture{text-align:left; width:62px}
.picture img{ width:50px; height:50px; cursor:pointer;}
.picture img.onbg{ background:url(../images/sp_9.png); padding:2px; padding-right:6px}
.picture img.autobg{ padding:2px; padding-right:6px}
.MagicZoomBigImageCont { border:1px solid #ccc;}
.MagicZoomHeader {
	font:			12px Tahoma, Verdana, Arial, sans-serif;
	color:			#fff;
	background:		#ccc;
	text-align:     center !important; 
}


/* CSS class for small looking glass square under mouse */
.MagicZoomPup {
	border: 		1px solid #aaa;
	background: 	#ffffff;
	cursor:			hand; height:100px
}

#product .pro_text { padding-top:20px}
.imgInfo { float:left; margin-right:20px; margin-bottom:20px; margin-top:10px}

.btn-1{ margin:0; padding:0; margin-top:5px;
	border:none;
	background:none;
	cursor:pointer;
	color:#fff; text-decoration:underline
}
-->