﻿/* CSS Document */

/*
====================================================================
基于xhtml 1.0:基本共用样式表    
设计时间:2008-08     
设计人: XBG  LIKE   
----惠森装饰----
====================================================================
*/

/*初始值
----------------------------------------------------------------------------------*/
body						{margin:0;padding:0;background:#FFF url(../images/hs_top_bg05.gif) repeat-x left top;font-size:12px;
							font-family:"Lucida Grande", Verdana, Lucida, Arial, Helvetica, "宋体",sans-serif;color:#333;}
div,form,p,ul,ol,li,dl,dt,dd,
h1,h2,h3,h4,h5,h6			{border:0;list-style:none;margin:0;padding:0;text-align:left;}
form, input, select, textarea{ font-size:12px}
a							{color:#333;}
a:link,a:visited,a:active	{text-decoration:none;}
a:hover 					{text-decoration:underline;color:#333;}
a img 						{border:0;cursor:pointer;}
img							{vertical-align:middle; }
.clear {CLEAR: both; FONT-SIZE: 0px; VISIBILITY: hidden; WIDTH: 1px; HEIGHT: 1px}

/*框架结构
----------------------------------------------------------------------------------*/
#wrap                    { width:1000px; margin:0 auto;}
#header,#footer         { margin-left:0;}
#header					{ height:238px; background:url(../images/hs_top_bg03.gif) no-repeat left 43px;}
#footer					{ height:110px;background:#FFF;text-align:center}
#footer:after           { content: "."; display: block;height: 0; clear: both; visibility: hidden;}
#content                { margin-left:0; padding:10px 30px; }
#sub                    { margin-left:0; padding:10px 20px; }
/*头部
----------------------------------------------------------------------------------*/
.headTop{ margin-left:0; height:43px;}
.headTop span{ line-height:40px; float:right; padding:5px 20px;color:#999}
.headTop span a{ margin-left:10px; color:#999}
.headTop1{ padding-top: 95px; line-height:25px; padding-right:160px; text-align:right; background:url(../images/hs_logo.gif) no-repeat 20px 20px}
.headTop1 select{ border:1px solid #666; line-height:18px; height:18px;vertical-align:middle}
.headTop1 input.inp01{ border:1px solid #999; line-height:14px; height:15px; width:100px;}
.headTop1 input { vertical-align:middle}
.headMenu{ padding:40px 20px 0 20px; line-height:25px;}
ul.hMenu{}
ul.hMenu li{ float:left; font-size:14px; font-weight:bold; padding:0 18px; line-height:30px;background:url(../images/hs_menu02.gif) no-repeat right center}
ul.hMenu li a:hover{ text-decoration:none; color:#1080CE; background:url(../images/hs_menu01.gif) no-repeat left bottom}
/*底部
----------------------------------------------------------------------------------*/
.footTop{ height:2px; padding-bottom:10px; background:url(../images/hs_top_bg01.gif) repeat-x left top; }
.footText{ line-height:25px; padding:0 20px 10px 20px; margin:0 auto; width:900px; }
.footText a{ margin-left:20px; color:#666;white-space:nowrap;}
.footText span{ color:#1A78BB; font-size:14px; font-weight:bold }
.footCopyOut{ margin:0 50px; background:#6F6F6F url(../images/hs_foot_bg01.gif) no-repeat left top; margin:0 auto; width:800px; color:#FFF; } 
.footCopyInt{ background:url(../images/hs_foot_bg02.gif) no-repeat right top; line-height:28px;text-align:center }
.footCopyInt a{ color:#FFF; margin:0 5px}
.footP{ line-height:25px; text-align:center; color:#999; padding-top:10px;}

/*首页
----------------------------------------------------------------------------------*/
.indexLeft{ float:left; margin-left:0px; width:330px; padding-right:10px;}
h1.hindex01{line-height:35px; background:url(../images/hs_h01.gif) no-repeat left top; padding-left:42px; font-size:14px;}
h1.hindex02{line-height:35px; background:url(../images/hs_h02.gif) no-repeat left top; padding-left:42px; font-size:14px;}
h1.hindex03{line-height:35px; background:url(../images/hs_h03.gif) no-repeat left top; padding-left:42px; font-size:14px;}
h1 span{ float:right; padding:0 10px;line-height:35px; font-size:12px; font-weight:normal}
h1 span a{color:#EA9400}

.indexText01{ margin-left:0;}
.indexText01 p{ line-height:25px; color:#999; text-indent: 2em }
.indexText01 p a{color:#0047E3;}
ul.indexM{ margin:10px 0 0 0; overflow:hidden}
ul.indexM li{ float:left; margin:10px 10px 0 0}
ul.indexM li.li01{ background:url(../images/hs_m01.gif) no-repeat left top}
ul.indexM li.li02{ background:url(../images/hs_m02.gif) no-repeat left top}
ul.indexM li.li03{ background:url(../images/hs_m03.gif) no-repeat left top}
ul.indexM li.li04{ background:url(../images/hs_m04.gif) no-repeat left top}
ul.indexM li.li05{ background:url(../images/hs_m05.gif) no-repeat left top}
ul.indexM li.li06{ background:url(../images/hs_m06.gif) no-repeat left top}
ul.indexM li a{ width:155px; height:65px; display:block} 

.indexRight{ float:left; width:580px; padding-left:10px; border-left:1px solid #E5E5E5}
ul.indexN{ float:left; padding:10px; width:370px; }
ul.indexN li{ line-height:25px; height:25px;overflow:hidden}
ul.indexN li a.a01{ color:#014DA5}
ul.indexN li a.a02{ color:#00963B}
ul.indexN li span{ color:#999}
.indexRight .pic{ float:left; width:180px; height:150px;}

.indexRight .proLeft{ float:left; width:90px; padding:10px; }
.indexRight .proRight{ float:left; width:468px; border-left:1px solid #E5E5E5}
ul.indexP{margin-left:0; }
ul.indexP li{ line-height:25px; height:25px; overflow:hidden;padding-left:10px}
ul.indexP li.li01{ float:none; background:url(../images/hs_p01.gif) no-repeat left 50%; }
ul.indexP li.li02{ float:none;background:url(../images/hs_p02.gif) no-repeat left 50%; }
ul.indexP li.li03{ float:none;background:url(../images/hs_p03.gif) no-repeat left 50%; }
ul.indexP li.li04{ float:none;background:url(../images/hs_p04.gif) no-repeat left 50%; }

ul.indexPr{margin:10px 0 0 0; }
ul.indexPr li{ float:left; margin-left:10px;_margin-left:5px; height:130px;}
ul.indexPr li .pic1{ height:100px; width:100px; border:1px solid #CCC; padding:1px}
ul.indexPr li .pic1 img{ height:100px; width:100px;}
ul.indexPr li p{ line-height:20px; text-align:center; text-indent:0}
ul.indexPr li p a{ color:#333}

/*子页
----------------------------------------------------------------------------------*/
.subLeft{ float:left; margin-left:0px; width:260px; padding-right:10px;}
h1.hSub01{line-height:31px; background:url(../images/hs_leftM.gif) no-repeat left top; padding-left:20px; font-size:14px; color:#FFF}
ul.subM{ margin:10px 20px 10px 20px; overflow:hidden}
ul.subM li{ line-height:25px; height:25px; overflow:hidden;padding-left:10px; margin-bottom:5px}
ul.subM li.li01{ background:#EEE url(../images/hs_p01.gif) repeat-y left 50%; }
ul.subM li.li02{ background:#EEE url(../images/hs_p02.gif) repeat-y left 50%; }
ul.subM li.li03{ background:#EEE url(../images/hs_p03.gif) repeat-y left 50%; }
ul.subM li.li04{ background:#EEE url(../images/hs_p04.gif) repeat-y left 50%; }
ul.subM li a{ display:block} 
ul.subM li a:hover{ text-decoration:none; color:#1A78BB} 

ul.subN { margin:10px 20px 10px 20px; overflow:hidden}
ul.subN li{ line-height:25px; height:25px; overflow:hidden;padding-left:10px; background:url(../images/hs_ico01.gif) no-repeat left center}

.subRight{ float:left; width:665px; height:auto!important; height:400px ; min-height:400px; padding-left:10px; border-left:1px solid #E5E5E5}
.rightTopOut{ background:#EEE url(../images/hs_right_top01.gif) no-repeat left top}
.rightTopInt{ background:url(../images/hs_right_top02.gif) no-repeat right top; line-height:30px; padding:0 20px; color:#999}
.rightTopInt a{ color:#1080CE}
h1.hSub02{ line-height:30px; font-size:14px; color:#666; padding:5px 0 5px 20px; background:url(../images/hs_right_top03.gif) no-repeat left bottom}
h1.hSub03{ line-height:30px; font-size:16px; color:#666; text-align:center; padding:5px 0 ; background:url(../images/hs_right_top03.gif) no-repeat left bottom}
.subRightNew{ line-height:20px; color:#B5B5B5; text-align:center}
.subRightText{ margin-left:0; padding:10px;}
.subRightText p{ line-height:25px; color:#666}

ul.indexNew{ padding:0 10px;}
ul.indexNew li{ line-height:25px; height:25px;overflow:hidden}
ul.indexNew li a.a01{ color:#1080CE}
ul.indexNew li a.a02{ color:#00963B}
ul.indexNew li span{ color:#999}

.turn{ clear:both; width:650px; text-align:center; line-height:25px;}

ul.pro{ margin-left:0}
ul.pro li{ float:left; margin:0 19px;}
ul.pro li .pic{ border:1px solid #CCC; padding:1px;width:170px; height:120px}
ul.pro li img{ width:170px; height:120px}
ul.pro li p{ line-height:30px; text-align:center; height:30px; width:165px; overflow:hidden;}

ul.product{margin:10px 20px 10px 20px; }
ul.product li.li01{ background:#EEE url(../images/hs_p02.gif) repeat-y left 50%; line-height:25px; height:25px; overflow:hidden;padding-left:10px; margin-bottom:5px}
ul.product li.li01 a{ display:block}
ul.product li.li01 a:hover{ text-decoration:none; color:#1A78BB}
ul.product li.li02 { padding-left:30px;line-height:20px; height:20px;overflow:hidden; background:url(../images/hs_ico01.gif) no-repeat 20px 45%; }

.Tag{ color:Green; line-height:50px;}
.Tag a{ text-decoration:underline;}
#proInfo{margin:6px 0;background:#A57D4A; }
#proInfo .lbg{background:#F7EBDE; padding:4px; text-align:right;}
#proInfo .rbg{background:#fff; padding:4px;}
.ProImg{float:right;margin-right:50px; width:140px; height:127px;}
#Vdoing{ display:none;}
#hottags{ width:950px; margin:0 auto;}
#hottags h3{ font-size:12px;}

.roll 
{
    position: relative;
    height: 130px;
    overflow: hidden;/**/
    
}
.roll .top-one,
.roll .top-two {
    position: absolute;
    left: 1px;
    
}
.roll ul {text-align: left;width:460px;}
.roll ul li {    overflow: hidden;}
