@charset "utf-8";
/* CSS Document */
body {margin:0; padding:0;font-size:13px; color:#444; text-align:center;  font-family: Tahoma, Arial, Sans-Serif;line-height:1.4em; /*background:#ddd*/ background:url(../images/bg.gif);}
.clear{ clear: both;}
body > div {margin:0; padding:0;} 
img,a img{border:0; margin:0; padding:0;}
h1,h2,h3,h4,h5,h6 { margin:0; padding:0;font-weight:normal; font-family:Arial, Helvetica, sans-serif}
ul,li {list-style:none;margin: 0; padding: 0; }
form{ padding:0; margin:0; border:0; }
input{font-size:1.0em;}	
h1{ font-size:1.0em; text-align:left; height:24px; line-height:24px; font-weight: bold; color: #FF0000}
h2{ font-size:1.2em; text-align:left; font-weight:bold; color:#333; margin:10px 0 5px 10px; }
h3{font-size:1.0em; text-align:left; font-weight:bold; color:#333; margin:5px 10px 0 10px; font-weight:normal}
h5{ font-family:Tahoma, Arial, Sans-Serif; font-size:12px}
a:link          { color: #333; text-decoration: none }
a:visited       { color: #333; text-decoration: none }
a:hover         { color: #FF0000; text-decoration: none }
.banner{ width:1002px;  background:#FFF; height:160px; margin:0 auto; padding-top:2px}
/*menu*/
#top{ min-width:1000px;overflow:hidden; height:96px; background:url(../images/topbg.jpg)}
.Navbg{ height:30px; width:auto;  background:url(../images/navbg.gif) repeat-x;}
.Nav{ margin:0 auto;width:1000px; overflow:hidden;}
.Nav ul{ padding-left:20px;}
.Nav ul li{ float:left; height:30px; display:inline; width:auto; line-height:30px;background:url(../images/navli.jpg) left center no-repeat; padding:0 20px 0 20px;}
.Nav ul li a{color:#fff; font-weight: bold;white-space: nowrap;}
.Nav ul li a:visited{ color:#fff}
.Nav ul li a:hover{color:#FDB201; font-weight: bold;}
.Nav .lists{ background-image:none}
/*end menu*/
/*index*/
#main{ width:1002px; height:auto; margin:0 auto; overflow:hidden; padding:6px 0 8px 0; background:#FFFFFF}
.maintop{height:585px; overflow:hidden; }
.content{ float:left; margin-left:4px; display:inline; margin-bottom:5px; width:720px; height:auto; overflow:hidden}

#suit{ float:left; width:auto; height:auto}
#menu{ float:right; margin-right:3px; padding-bottom:10px;background:#eee;width:270px; display:inline;min-height:585px;}
.mainabout{ clear:both;height:300px; /*background:#f0f0f0;*/ }
.mainabout1{ float:left;margin-top:20px; height:auto; width:auto; }
.mainabout2{ float:left; text-align:left; width:468px; height:auto;margin-top:23px;}

.maincontent{clear:both;margin-top:5px;min-height:280px;}

/*mainvideo*/
.mainvideo{ float:left; width:355px;background:#f0f0f0;min-height:auto}
.mainvideo h2{ background:url(../images/video.jpg) no-repeat; height:27px; line-height:27px;padding-left:40px;font-size:1.2em; text-align:left; font-weight:bold; color:#333;}
.mainvideo span{ float:right; margin:15px 10px 0 0; font-size:0.8em; width:auto; height:auto}
.mvideo{ clear:both; padding-left:35px;  height:auto;width:100%; margin-top:10px; border-top:none; }
.mvideo ul{ min-height:115px;}
.mvideo ul li{float: left; width:123px; height:110px;text-align:center; margin-right:35px; }
.mvideo li a img{height:100px; width:121px;border:1px solid #ccc;}
.mvideo a:link,.mvideo a:active,.mvideo a:visited,.mvideo a:hover{background:none;color: #666;text-decoration: none; display:block;}
.mvideo a:hover	{color: #FF0000;}	
.mvideo li a p{width:123px;height:16px; font-size:12px; line-height:16px; text-align:center; color:#333; white-space:nowrap; padding:0; margin:0}
.mvideo li a:hover p{ color: #FF0000;}
.mvideo li a:hover img { border-color: #8FC2D8;}
/*end mainvideo*/
/*index news*/
.mainnew{ float:left; margin-left:6px;background:#f0f0f0; width:359px; min-height:280px}
.mainnews{ float:left;width:330px;padding:0 10px 13px 13px; text-align:left}
.mainnews li{background:url(../images/ar.jpg) no-repeat 3px 70%; padding-top:10px;/* *padding:0 0 0 3px;*/ min-height:22px;  padding-left:15px; border-bottom:1px #aaa dashed; }
.mainnews a,.proNav a:link,.proNav a:visited{ line-height:18px;}
.mainnews li a:hover{color: #FF0000}
.mainnews .left1{ height:auto; width:auto; float:left}
.mainnews em{ float:right; margin-right:10px; width:auto; height:auto; color: #FF0000; font-style:normal}
/*index news*/
.newstitle{ float:middle; margin-right:10px; padding-top:10px;padding-bottom:10px; width:auto; height:auto; color: #000000; font-style:16px; font-weight:bold}
.newsconten{ float:left; margin-right:10px; width:auto; height:auto; color:#000000; font-style:normal}
.mainnew1{ float:left; margin-left:6px;background:#f0f0f0; width:680px; height:auto}
.mainnews1{ float:left;width:680px;padding:0 10px 0 13px; text-align:left}
.mainnews1 li{no-repeat 3px 70%; padding-top:10px;/* *padding:0 0 0 3px;*/ min-height:22px;  padding-left:15px; border-bottom:1px #aaa dashed; }
.mainnews1 a,.proNav a:link,.proNav a:visited{ line-height:18px;}
.mainnews1 li a:hover{color: #FF0000}
.mainnews1 .left1{ height:auto; width:auto; float:left}
.mainnews1 em{ float:right; margin-right:10px; width:auto; height:auto; color: #FF0000; font-style:normal}
/*index bottom*/
.mainpr{margin-right:auto;margin-left:auto;padding-top:5px; width:1002px; background:#FFFFFF  }
.mainpro{clear:both;  margin-right:auto;margin-left:auto;padding-left:2px; width:994px; height:220px; 
background:#355357; text-align:left}
.mainwp{width:992px;  margin-bottom:2px; height:194px; background:#f0f0f0;}
.mainwp_left{ float:left; width:510px; min-height:180px; margin:10px; padding-right:10px; border-right:1px #aaa dashed; /*background:url(../images/y.jpg) no-repeat right center;*/}

.proNav{ float:left;width:400px;padding:0 10px 0 10px;}
.proNav li{background:url(../images/ar.jpg) no-repeat left 68%; padding-top:10px;/* *padding:0 0 0 3px;*/ min-height:25px;  padding-left:15px; border-bottom:1px #aaa dashed; }
.proNav a,.proNav a:link,.proNav a:visited{ color:#003366; line-height:25px;}
.proNav li a:hover{color: #FF0000}
.proNav .left1{ height:auto; width:auto; float:left}
.proNav em{ float:right; height:auto; width:auto; margin-right:5px;}

.proNavb{ float:left;width:100%;padding:10px 10px 0 10px;background:#cccccc;height:25px; color: #FF0000; font-weight:bold;}
.proNav1{ float:left;width:100%;padding:0 10px 0 10px; background:#FFFFFF }
.proNav1 li{background:url(../images/ar.jpg) no-repeat left 68%; padding-top:10px;/* *padding:0 0 0 3px;*/ min-height:25px;  padding-left:15px; border-bottom:1px #aaa dashed; }
.proNav1 a,.proNav a:link,.proNav a:visited{ color:#003366; line-height:25px;}
.proNav1 li a:hover{color: #FF0000}
.proNav1 .left1{ height:auto; width:auto; float:left}
.proNav1 em{ float:right; height:auto; width:auto; margin-right:5px;}
/*end index bottom*/
/*rightsideBar*/
.rightsideBar{ margin:0 auto;width:220px;padding:0 10px 0 3px; text-align:left}
.rightsideBar li{background:url(../images/proar.jpg) no-repeat 3px 55%;/* *padding:0 0 0 3px;*/height:23px;  padding-left:20px; border-bottom:1px #aaa dashed;line-height:23px; }
.rightsideBar a,.rightsideBar a:link,.rightsideBar a:visited{ color: #FF0000; font-weight:bold;}
.rightsideBar li a:hover{color:#003366}
.rightsideBar .subsideBar{ color:#333333; padding-left:30px; background-image:none; border:none;font-size:85%; height:19px;line-height:19px}
.rightsideBar .subsideBar a:link,.rightsideBar .subsideBar a:visited{ color:#333333;text-decoration:underline;  font-weight: normal }
.rightsideBar .subsideBar a:hover{ color:#FF1E00}

/*end rightsideBar*/
.prolist{ margin:0 auto;width:220px;padding:0 10px 0 3px; text-align:left}
.prolist li{background:url(../images/proar.jpg) no-repeat 3px 55%;/* *padding:0 0 0 3px;*/height:25px;  padding-left:20px; border-bottom:1px #aaa dashed;line-height:25px; }
.prolist a,.prolist a:link,.prolist a:visited{ color: #FF0000; font-weight:bold;}
.prolist li a:hover{color:#003366}
.prolist .sublist{ color:#333333; padding-left:30px; background-image:none; border:none;font-size:12px; height:20px;line-height:20px}
.prolist .sublist a:link,.prolist .sublist a:visited{ color:#333333;text-decoration:underline;  font-weight: normal }
.prolist .sublist a:hover{ color:#ff5500}
/*prolist*/


/*end prolist*/
/*end index*/
/*title*/
h4{ margin:0 auto 3px auto;line-height:30px; height:30px;background:#e1e1e1; width:982px; font-size:12px; text-align:left; padding:0 6px 0 6px;}
.title{ float:left;width:485px; height:30px;white-space: nowrap; overflow: hidden;text-overflow:ellipsis;} 
.title a{ text-decoration:underline}
.seach{ float:right; margin-top:4px; width:auto; height:auto; line-height:normal}
/*title*/

/*product*/
#probg{background:url(../images/probg.jpg) no-repeat; border-bottom:1px #eee solid; padding:5px; height:85px; width:685px; overflow:hidden;}
#probg ul li{ }

#product{ float:left; margin-left:4px; display:inline; text-align:left; margin-bottom:5px; padding:10px 15px 0 20px; width:685px; height:auto; overflow:hidden}
#pro{/*background:url(../images/pro_bg.jpg) bottom repeat-x; */border-bottom:1px #eee solid;padding:20px 10px 10px 0 !important;padding:20px 10px 5px 0; min-height:140px; width:665px;}
#pro .pro_img{ float:left; margin-right:10px; height:auto; width:auto}
#pro .pic{ width:150px; height:140px; border:1px #ebebeb solid;}
#pro .pro_about{ float:left; text-align:left; min-height:auto; width:500px;}
#pro .pro_about .pro_about0{ min-height:127px;}
#pro .pro_about .pro_about0 a:hover{ text-decoration: underline;}
#pro .pro_about .pro_dow { float:right; width:auto; height:auto}
#pro .pro_aboutb{ float:left; text-align:left; height:auto; width:100%;}
#pro .pro_aboutb .pro_aboutb0{ min-height:127px;}
#pro .pro_aboutb .pro_aboutb0 a:hover{ text-decoration: underline;}
#pro .pro_aboutb .pro_aboutb1{ height:auto;background:#E8EFF0;}
#pro .pro_aboutb .pro_aboutb1 a{ text-decoration: underline;}
#pro .pro_aboutb .pro_aboutb1 a:hover{ text-decoration: underline;}
#pro .pro_aboutb .pro_dow { float:right; width:auto; height:auto}
/*end product*/

/*wrokshop*/
#leftmenu{float:left; margin-left:4px; background:#F2F2F2;width:270px; display:inline;height:auto;}

#content{float:left; margin-right:3px; display:inline; text-align:left; margin-bottom:5px; padding:10px 15px 0 20px; width:685px; height:auto; overflow:hidden}
.leftsub{ margin:0 auto;width:220px;padding:0 10px 10px 3px; text-align:left}
.leftsub li{height:30px;  padding-left:10px;line-height:35px; }
.leftsub a,.leftsub a:link,.leftsub a:visited{text-decoration:underline}
.leftsub li a:hover{color: #FF0000}

.leftsideBar{ margin:0 auto;width:220px;padding:0 10px 0 3px; text-align:left}
.leftsideBar li{background:url(../images/proar.jpg) no-repeat 3px 65%;/* *padding:0 0 0 3px;*/height:30px;  padding-left:20px; padding-top:5px; border-bottom:1px #aaa dashed;line-height:35px; }
.leftsideBar a,.leftsideBar a:link,.leftsideBar a:visited{ color:#000; font-weight:bold;}
.leftsideBar li a:hover{color: #FF0000}

.worklist{ white-space: nowrap;height:auto; overflow:hidden;width:100%; padding:10px 0 10px 0;border-top:none;}
.worklist ul li{float: left;display:inline; width:192px; overflow:hidden; height:auto; margin:0 20px 10px 15px; text-align:center;}
.worklist li a img{width:190px; height:150px; border:1px solid #ccc;}
.worklist a:link,
.worklist a:active,
.worklist a:visited,
.worklist a:hover{background:none;color: #666;text-decoration: none;}
.worklist a:hover{color: #FF0000;}
.worklist li img {filter: gray ; border:1px #CCC solid;}
.worklist li a:hover img {filter: none;}
.worklist li strong {width:188px; height:25px; display:block;color:#333; white-space:nowrap;text-overflow:ellipsis;overflow: hidden;} 
.worklist li a:hover strong {color: #FF0000;} 
	
/*end wrokshop*/

.page{ border-top:1px #CCC dashed; height:30px; width:645px; line-height:30px; margin:0 auto}
.footer{ clear:both; height:65px;margin:0 auto; border-top:3px #CC0102 solid;  width:1002px; padding-top:10px; background:#eee; color:#333}