﻿html { background:#D6D6D6 url(/App_Themes/images/html.gif) repeat-x;}
body { margin:0 auto; padding:0; text-align:center; font-family:宋体; font-size:12px; color:#202020; line-height:24px; background:url(/App_Themes/images/body.gif) no-repeat center top;}
div,ul,li,dt,dl,dd,h1,h2,h3,h4,h5,h6,h7,img,p,span{ border:0px; margin:0; padding:0; list-style-type:none;}

a { color:#c9c9c9; text-decoration:none}

a,a:active { outline: none;}
a:focus { outline:0; } 

/* Link */
a:link {color: #202020; text-decoration:none;}
a:visited {color: #202020;text-decoration:none;}
a:hover {color: #333333; text-decoration:none;}
a:active {color: #202020;}

a{blr:expression(this.onFocus=this.blur());} 




/*Clear*/
.clear{ clear:both; font-size:1px; height:0px; line-height:0px; overflow:hidden;}/*可用height:1px; overflow:hidden;来控制IE6默认的div的高为12~14px,用BR来做吧，用DIV不太好用*/

/*W_XX*/
.w_100{ width:100%;}

/*Blank*/
.blank10{ height:10px; clear:both; width:100%; overflow:hidden;}
.blank_20{ height:20px; clear:both; width:100%; overflow:hidden;}


/*Wrapper*/
.wrapper{ width:1002px; margin:0 auto; padding:0; overflow:hidden;}

/*Header*/
.header{ width:100%; padding:0; margin:0; text-align:left; }
.header h1{ float:left; padding:20px 0 27px 20px; _padding-bottom:24px;}
.util{ float:right; padding:35px;}


.menu{ width:100%; text-align:left; padding:0; margin:0; height:30px; background:url(/App_Themes/images/menu.gif) no-repeat;}
#nav { float:left; line-height: 29px; list-style-type: none; margin:0 10px 0 30px; _margin-right:8px; display:inline;} 
#nav a { display: block;text-align:center; font-size:13px; font-family:宋体; line-height:29px; } 
#nav a:link  { color:#d2d2d2; text-decoration:none;margin:0;} 
#nav a:visited  { color:#d2d2d2;text-decoration:none;margin:0;}
#nav a:hover { color:#ff0000; text-decoration:none; }
#nav li { float: left; padding:1px 25px 0 25px; color:#d2d2d2;}
#nav li ul li { padding:0 10px; margin:0; background:url(/App_Themes/images/menu_bg.gif) repeat-x left top;}
#nav li ul li a { font-size:12px;}
#nav li a:hover{ color:#fff;} 
#nav li ul {line-height: 24px; list-style-type: none;left: -999ex;  position: absolute; padding:0px; float:right; margin-left:-25px;} 
#nav li ul a{ display:block; float:none; text-align:center;} 
#nav li ul a:link  { color:#626262; text-decoration:none;}  
#nav li ul a:visited  { color:#626262;text-decoration:none;}  
#nav li ul a:hover  {color:#ff0000;text-decoration:none;font-weight:normal;}
#nav li:hover ul {left: auto;}
#nav li.sfhover ul {left: auto;}


/*Main_v*/
.main_v{ width:100%; height:320px; text-align:left; padding:0; margin:0; }
.main_v_left { float:left;}
.main_v_right { float:right; padding-top:25px;}
/*Contain*/
.contain{ text-align:left; width:100%;}
.contain .contain_bg{ width:100%; margin:0; padding-bottom:20px; overflow:hidden; background:#eaeaea url(/App_Themes/images/contain_bg.gif) no-repeat left bottom;}

.contain h4{ font-size:14px; font-weight:bold; background:url(/App_Themes/images/h4_bg.gif) repeat-x;}
.contain h4 a{ float:right;}

/*Left*/
.M_left{ width:241px; position:relative; float:left; }
.M_left ul li{ height:105px; overflow:hidden;}
.M_contact { padding:15px 10px 40px 15px; background:url(/App_Themes/images/contact_bg.png) no-repeat right bottom;}
.contact { padding:15px 5px 40px 15px; background:url(/App_Themes/images/contact_bg.png) no-repeat right bottom;}


.left{ width:212px; position:relative; float:left; overflow:hidden;}
#left_nav li ul{ display:none;}
.left_nav { width:183px;  float:left; background:url(/App_Themes/images/M_prod_list_bg.gif) no-repeat right top;  display:inline;}
#left_nav { margin:10px 0 0 15px;}
#left_nav ul li { width:148px; font-weight:normal; padding-left:35px; margin:0 0 1px -45px; background:#dddddd url(/App_Themes/images/left_icon.gif) no-repeat 25px 11px;}
#left_nav li { padding-left:45px;  margin-bottom:2px; background:url(/App_Themes/images/left_bg.gif) no-repeat 0 0px;}
#left_nav li a { color:White;}
#left_nav ul li a { color:#474747;}


/*Right*/

.M_right{ width:760px; position:relative; float:right; overflow:hidden;}
.M_right h4 span { padding:10px;}
.about { width:481px; float:left; padding:0; margin:3px 0px 0 4px; line-height:0; font-size:0; background:url(/App_Themes/images/about_bg.gif) repeat-y; display:inline; overflow:hidden;}
.about h4 span { width:75px;}
.M_about { width:461px; height:296px; padding:0 10px; line-height:20px; font-size:12px; overflow:hidden;}
.M_about p img { float:right;}

.news { float:right; line-height:0; font-size:0; margin:4px 6px 0 0; background:url(/App_Themes/images/news_bg.gif) repeat-y; display:inline; overflow:hidden;}
.news h4 { width:255px; padding-left:5px; margin-left:4px; background:none; border-bottom:solid 1px #d9d9d9;}

#demo { overflow:hidden;height:240px;width:245px;line-height:24px; font-size:12px; margin:5px 0 18px 10px; }
#demo1 a:hover { text-decoration:underline;}
.news ul li { border-bottom:dotted 1px #838383; }
.news ul li span { float:right;}

.prod { float:left; font-size:0; line-height:0; background:url(/App_Themes/images/prod_bg.gif) repeat-y; font-size:0;}
.prod h4 { width:740px; margin-left:8px;}
.prod h4 span { width:75px;}


.right{ width:790px; position:relative; line-height:0; font-size:0; float:right; margin-top:5px; background:url(/App_Themes/images/right_bg.gif) repeat-y; overflow:hidden;}
.right h4 { width:775px; margin-left:5px; font-size:12px; line-height:24px;}
.right h4 span { width:100px; text-align:right; padding-right:15px; color:#aa0b10;}
.right h4 span a { float:left; color:#aa0b10;}
.right h4 span a:visited { color:#aa0b10;}


.employment h4 { width:740px; background:none; font-size:12px; background-color:#dbdbdb; color:#a80b10;}
.employment p { padding:8px 20px;}

.S_contact { padding-left:95px;}


/*留言板*/

.message { margin-bottom:10px;}
.message h4 span { width:30px; float:right;}
.message h4 label { width:30px; float:right; color:#202020;}
.message h4 { width:740px; background:none; font-size:12px; background-color:#dbdbdb; color:#a80b10;}
.message p { padding:8px 20px;}
.message_txt { width:720px; margin:0 auto; padding:5px 10px; border:solid 1px #c2c2c2;}


.login { width:260px; text-align:center; height:150px; margin:100px; padding:30px; background-color:White;border: 1px solid #dfdfdf;}
.login ul li {width:200px; padding-top:12px;padding-left:20px; }



.Submit { width:73px; height:28px; border:none; background:url(/App_Themes/images/Submit.gif) no-repeat}
.Reset { width:73px; height:28px; border:none; background:url(/App_Themes/images/Reset.gif) no-repeat}
.theme { white-space:normal; word-break:break-all; width:610px; height:100px; overflow-y:auto; margin-left:10px; float:left; }
.name { width:150px; margin-left:10px; float:left;}


/*Footer*/
.footer{ width:100%; background:url(/App_Themes/images/footer.gif) repeat-x; margin-top:20px; padding-top:10px; font-size:12px;}
.footer a:hover { color:Red;}
.footer p { padding:20px 0 30px 0;}


/*图片滚动*/
.rollBox { overflow:hidden; width:740px;  float:right; margin:20px 0 15px 0; background:url(/App_Themes/images/rollBox_bg.gif) no-repeat right bottom; }
.rollBox .LeftBotton { float: left; background:url(/App_Themes/images/list_left.gif) no-repeat 0px 50px; overflow:hidden; width:20px; cursor: pointer; height:90px;}
.rollBox .RightBotton {	float: right; background:url(/App_Themes/images/list_right.gif) no-repeat 0 50px; overflow:hidden; width:20px; cursor: pointer; height:90px;}
.rollBox .Cont { float: left; overflow:hidden; width: 690px; margin:0 0px;}
.rollBox .ScrCont {	width: 10000000px}
.rollBox .Cont .pic {  margin:10px; float:left; line-height:25px; text-align: center; display:inline; }
.rollBox .Cont .pic IMG { display: block; MARGIN: 0px auto; border:1px solid #dadada; width:128px;  height:128px;  display:inline;}
.rollBox .Cont .pic p { margin:0; padding:0;}
.rollBox .Cont A { width:128px; font-size:12px; display:inline-block;}
.rollBox .Cont A:hover {  text-decoration:none;}
.rollBox #List1 { float: left;}
.rollBox #List2 { float: left;}


/*Sub_style*/

h4 span{ float:right; font-size:12px; font-weight:normal;}

.S_cont{ padding:15px; font-size:12px; font-size:12px; line-height:24px;}
.S_content{ font-size:12px; padding:10px 15px; font-size:12px; line-height:24px;}
.S_content p { padding:0 15px;}
.S_content h4 { width:750px; background:none; font-size:12px; background-color:#dbdbdb; color:#a80b10;}


/*News新闻列表*/
.newslist { line-height:20px; padding:5px 0; color:#333; border-bottom:1px dashed #ccc}
.newslist span { color:#888; float:right; text-align:right}




/*New_show新闻展示页*/
.news_T{ text-align:center; height:40px; line-height:40px; font-size:15px; border-bottom:1px dashed #dfdfdf;}
.news_memo{ line-height:20px; height:20px; text-align:center;}
.news_box{ text-align:left; padding:10px;}


/*Products*/

/*产品列表*/
.about_box{ width:240px; float:left; padding:0 10px 0 10px; margin-left:2px; list-style:none;}
.about_img {
/*非IE的主流浏览器识别的垂直居中的方法*/
display: table-cell;
vertical-align:middle;
zoom:1;
/*设置水平居中*/
text-align:center;

/* 针对IE的Hack */
*display: inline;
*font-size: 145px;/*约为高度的0.873，200*0.873 约为175*/
*font-family:Arial;/*防止非utf-8引起的hack失效问题，如gbk编码*/
*zoom:1;
width:240px;
height:240px;
border: 1px solid #dfdfdf;
}
.about_img img {
/*设置图片垂直居中*/
vertical-align:middle;
}

.about_txt{ width:240px; text-align:center; font-size:12px; line-height:25px; height:25px;}



/*产品列表*/
.S_prod { margin-top:20px;}
.prod_box{ width:138px; float:left; padding:0 7px 0 7px; list-style:none; }
.box {
/*非IE的主流浏览器识别的垂直居中的方法*/
display: table-cell;
vertical-align:middle;
zoom:1;
/*设置水平居中*/
text-align:center;

/* 针对IE的Hack */
*display: inline;
*font-size: 118px;/*约为高度的0.873，200*0.873 约为175*/
*font-family:Arial;/*防止非utf-8引起的hack失效问题，如gbk编码*/
*zoom:1;
width:136px;
height:136px;
border: 1px solid #dfdfdf;
}
.box img {
/*设置图片垂直居中*/
vertical-align:middle;
}

.box_txt{ width:138px; text-align:center; line-height:25px; height:25px;}


/*产品详细页，即show页*/
.S_content h3{ text-align:center; line-height:40px; height:40px; border-bottom:1px solid #dfdfdf; font-size:14px;}

.prod_show_img{ text-align:center; padding:10px 0 10px 0;}
.prod_show_img h3 { width:150px; float:left; border:none; padding-top:200px;}
.prod_show_img img { float:left; width:450px;}
.prod_txt{ text-align:left; overflow:hidden; width:740px; padding:10px;}


/*分页*/
.page{ width:100%; margin:10px 0 20px 0; background-color:#d7d7d7; text-align:center; font-size:12px;}
.page a { border:solid 1px #fff; padding:2px 5px 2px 5px; color:#747474; margin-right:2px; text-decoration:none; }
.page A:hover { border:solid 1px #fff; color:#880000; background-color:#e1e1e1;}
.page A:active { border:solid 1px #fff; color:#747474; background-color: #e1e1e1;}
.page SPAN.current { border:solid 1px #fff; padding:2px 5px 2px 5px; background-color:#e1e1e1; margin-right:2px; color:#880000; font-weight:bold; }
.page SPAN.disabled { border:solid 1px #fff; padding:2px 5px 2px 5px; margin-right:2px; color:#747474;}


/*Back_btn*/
.back_btn{ text-align:right; padding:10px;border-top:1px dashed #dfdfdf;}

#mydiv1{ position:relative; top:-420px;left:200px;_left:0px; }
.img_bt{ margin-top:10px;}


