@charset "gb2312";
/* CSS Document */
body {margin:0; padding:0;font-size:12px; color:#444; text-align:center;  font-family:Arial, Helvetica, sans-serif;line-height:1.9em; /*background:#ddd*/ background:url(../images/index_02.jpg) top repeat-x}
.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:#003399}
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:938px; background:#FFF; height:160px; margin:0 auto; padding-top:2px}
/*menu*/
#top{ width:938px;overflow:hidden; height:114px;margin:0 auto; background:url(../images/index_03.jpg) center repeat-x; }
.topleft{float:left; padding-top:10px; padding-left:220px; font-size:14px; color:#004C99}
#Navbg{ width:100%; height:41px; width:auto; background:url(../images/index_05.jpg) center repeat-x; margin:0 auto; text-align:center  }
.Nav{ margin:0 auto;width:938px; overflow:hidden;}
.Nav ul{ padding-left:20px;}
.Nav ul li{ float:left; height:30px; display:inline; width:auto; line-height:30px; padding:5px 20px 0 30px; }
.Nav ul li a{color:#eeeeee; font-weight: bold;white-space: nowrap; font-size:14px}
.Nav ul li a:visited{ color:#eeeeee;font-size:14px}
.Nav ul li a:hover{color:#FFCC00; font-weight: bold; font-size:14px}
.Nav .lists{background-image:none}
.Navr{ width:100px; float:right; background:url(../images/index_07.jpg) no-repeat; height:41px; line-height:41px}
#daohang{ clear:both; margin:0 auto;width:938px;  text-align:left; height:246PX}
/*end menu*/
/*index*/
#main{ width:938px; height:auto; margin:0 auto; overflow:hidden;}
.maintop{height:585px; overflow:hidden; }
.content{ float:right; margin:0 auto; display:inline; margin-bottom:5px; width:664px; padding-right:0 15px 0 0; height:auto; overflow:hidden; text-align:left}
.mainabout{ clear:both;/*background:#f0f0f0;*/ }
.mainabout1{clear:both; text-align:left; padding-top:8px; padding-bottom:8px}
.mainabout1 ul{ padding-left:20px;}
.mainabout1 ul li{ float:left; height:25px; display:inline; width:auto; line-height:25px;}
.mainleftl{float:left; width:487px; padding:9px 0 0 0}
.mainrightr{ float:right; padding:9px 10px 0 0 }
.mainprot{ clear:both;float:left; background:url(../images/cn_34.gif) repeat-x; height:34px; text-align:right; width:664px}
.mainprobg{ width:654px; background:url(../images/cn_46.gif) repeat-y; float:left; padding:5px}
#suit{float:left; width:auto; height:auto}
#mainleft{ float:left; margin:0 auto;width:303px; }
.maincontent{clear:both;margin:5px 0 0 8px;height:37px;}
.mainabout2{clear:both; margin:0 0 0 8px; height:190px; background:url(../images/index_32.jpg) top no-repeat; padding:8px}
/*mainvideo*/
.mainvideo{ float:left; width:355px;overflow:hidden; height:280px; background:#f0f0f0;}
.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{ height:115px;}
.mvideo ul li{float: left; width:123px; height:97px;text-align:center; margin-right:35px; }
.mvideo li a img{height:95px; 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:938px; 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:#003399; 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:229px;text-align:left}
.rightsideBar li{background:url(../images/index_18.jpg) no-repeat;/* *padding:0 0 0 3px;*/height:25px;  padding-left:30px; line-height:25px; }
.rightsideBar a,.rightsideBar a:link,.rightsideBar a:visited{ color:#003399; font-weight:bold;}
.rightsideBar li a:hover{color:#FF0000}
.rightsideBar .subsideBar{ color:#333333; background:url(../images/index_19.jpg) no-repeat; padding-left:50px; border:none;font-size:85%;line-height:25px; height:25px; width:179px}
.rightsideBar .subsideBar a:link,.rightsideBar .subsideBar a:visited{ color:#333333;text-decoration:underline;  font-weight: normal; }
.rightsideBar .subsideBar a:hover{ color:#FF1E00; }
.rightcontact{ width:229px;text-align:left; margin:8px 0 0 0}
.rightcontact1{ width:229px; text-align:left; margin:0 auto; padding-left:8px;  background:url(../images/index_33.jpg) no-repeat; height:190px}
/*end rightsideBar*/
.prolist{ margin:0 auto;width:180px;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;width:938px; font-size:12px; text-align:left; padding:0 6px 0 6px;}
.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; 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; height:auto; width:500px;}
#pro .pro_about .pro_about0{ 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*/

#probg1{background:url(../images/probg.jpg) no-repeat; border-bottom:1px #eee solid; padding:5px; height:85px; width:970px; overflow:hidden;}
#probg1 ul li{ }
#product1{ float:left; margin-left:4px; display:inline; text-align:left; margin-bottom:5px; padding:10px 15px 0 20px; width:950px; height:auto; overflow:hidden}
#pro1{/*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; height:140px; width:940px;}
#pro1 .pro1_img{ float:left; margin-right:10px; height:auto; width:auto}
#pro1 .pic{ width:150px; height:140px; border:1px #ebebeb solid;}
#pro1 .pro1_about{ float:left; text-align:left; height:auto; width:850px;}
#pro1 .pro1_about .pro1_about0{ height:127px;}
#pro1 .pro1_about .pro1_about0 a:hover{ text-decoration: underline;}
#pro1 .pro1_about .pro1_dow { float:right; width:auto; height:auto}
#pro1 .pro1_aboutb{ float:left; text-align:left; height:auto; width:100%;}
#pro1 .pro1_aboutb .pro1_aboutb0{ min-height:127px;}
#pro1 .pro1_aboutb .pro1_aboutb0 a:hover{ text-decoration: underline;}
#pro1 .pro1_aboutb .pro1_aboutb1{ height:auto;background:#E8EFF0;}
#pro1 .pro1_aboutb .pro1_aboutb1 a{ text-decoration: underline;}
#pro1 .pro1_aboutb .pro1_aboutb1 a:hover{ text-decoration: underline;}
#pro1 .pro1_aboutb .pro1_dow { float:right; width:auto; height:auto}
/*end product*/



/*wrokshop*/
#leftmenu{float:left; margin-left:4px; 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;} 
.link:link{ color:#0A0C6A; text-decoration:none} 
.link:visited{ color:#0A0C6A; text-decoration:none} 
.link:hover{ color:#ff0000; text-decoration:none}
/*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;width:938px; padding-top:10px; border-top:5px #dcdcdc solid;color:#666666; text-align:left}

.border{ border:1px #dcdcdc solid; padding:2px}
.fbg{ font-size:14px}