﻿/* CSS Document */
@import url("reset.css");
@import url("typography.css");

body { margin:0 auto; padding:0;  font-family:宋体; font-size:12px; color:#333333; line-height:24px;}
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;}



/* Link */
a:link {color: #333333; text-decoration:none;}
a:visited {color: #333333;text-decoration:none;}
a:hover {color: #333333; text-decoration:none;}
a:active {color: #333333;}

a{blr:expression(this.onFocus=this.blur());} 


body{background: url(/App_Themes/images/body_bg.jpg) top no-repeat #ffffc2; width:100%; height:100%; }

/*Clear*/
.clear{ clear:both; font-size:1px; height:0px; line-height:0px; overflow:hidden;}/*可用height:1px; overflow:hidden;来控制IE6默认的div的高为12~14px,用BR来做吧，用DIV不太好用*/

/*Wrapper*/
.wrapper_bg{background: url(/App_Themes/images/wapper_bg.jpg) bottom no-repeat; width:100%; height:100%;}
.wrapper{ width:1004px; margin:0 auto; padding:0;}

.top{ height:17px; line-height:17px; font-size:12px; font-family:微软雅黑; color:#fff;}

/*Header*/
.header{ width:100%; height:103px; padding:0; margin:0;}
.logo{ float:left; margin-top:20px;}
.top_right{ float:right; margin-right:40px; padding-top:5px;}
.header_r{ font-size:12px;color:#339900; text-align:right; }
.header_r a{color:#339900;}
.header_r a:hover{color:#339900;}
.tel{ margin-top:20px;}

.menu{ width:1002px; padding:0; margin:0; height:40px;background: url(/App_Themes/images/menu_bg.jpg) no-repeat;}
.menu ul li{ width:125px; height:40px; line-height:40px;  float:left; text-align:center; font-family:微软雅黑; font-size:15px; font-weight:bold;}
.menu ul li a{ color:#fff;}

/*Main_v*/
.main_v{ width:100%; height:392px; text-align:left; padding:0; margin:0; padding-top:7px;}

/*Contain*/
.contain{ width:100%; margin-top:5px;}

.M_news{background: url(/App_Themes/images/M_news_bg.jpg) no-repeat; width:363px; height:277px; float:left;}
.M_news_T{ height:34px;line-height:34px;}
.M_news_T span{ float:right; font-family:微软雅黑; font-size:13px; margin-right:10px;}
.M_news_T span a{ color:#fff;}
.M_news_C{padding:8px 8px 0 5px;}
.M_news_img{ float:left; border:3px solid #336600;}
.M_news_img img{ width:152px; height:100px;}
.M_news_txt{ float:right; width:183px; height:102px; overflow:hidden; line-height:20px;}
.M_news_txt span{ font-size:14px; color:#c80f13; line-height:25px; font-weight:bold;}
.M_news_txt span img{ margin:0 5px;}
.M_news_ul{ height:119px; overflow:hidden; width:336px; padding-top:3px; padding-left:2px;}
.M_news_ul li{ width:336px; height:25px; font-size:13px; overflow:hidden; }
.M_news_ul li span{ float:right;}
.M_news_ul li strong{ float:left;}
.M_news_ul li img{ margin-right:5px; margin-top:8px; float:left;}
.M_news_ul li a{ color:#666666;}
.M_news_ul li a:hover{ color:#339900;}

.M_comp{  width:361px; height:277px; float:left; margin-left:10px;}
.M_comp_T{ height:34px; line-height:34px;background: url(/App_Themes/images/M_comp_T.jpg) no-repeat; width:361px;}
.M_comp_T span{ float:right; font-family:微软雅黑; font-size:13px; margin-right:10px;}
.M_comp_T span a{ color:#fff;}
.M_comp_C{ padding-right:5px; color:#666666; line-height:20px; overflow:hidden; width:356px; height:225px; padding-top:6px;}
.M_comp_img{ background: url(/App_Themes/images/M_img_bg.jpg) no-repeat; width:183px; height:136px; padding-top:2px; padding-left:19px; float:left; margin-right:5px;}
.M_comp_img img{ width:180px; height:114px;}

.M_con{ background: url(/App_Themes/images/M_con_bg.jpg) no-repeat; width:245px; height:277px; float:right; margin-left:7px;}
.M_con_C{ color:#666; font-size:14px; padding:13px 11px 0 8px;}

.M_prod{ background: url(/App_Themes/images/M_prod_bg.jpg) no-repeat; width:1003px; height:237px; float:left; margin-top:10px;}

.M_proj{ background: url(/App_Themes/images/M_proj_bg.jpg) no-repeat; width:1002px; height:216px; float:left; margin-top:10px;}
.M_proj_T{ height:34px; line-height:34px; width:1002px;}
.M_proj_T span{ float:right; font-family:微软雅黑; font-size:13px; margin-right:10px; margin-top:10px;}
.M_proj_T span a{ color:#fff;}

/*Footer*/
.footer{ width:100%;  margin:20px 0 0 0; font-size:12px; height:126px; color:#666666; padding:5px 0 0 10px;}


.left{ float:left;}
.right{ float:right; width:751px;}
.R_top{background: url(/App_Themes/images/R_top_bg.jpg) no-repeat; width:737px; height:29px; color:#000; font-size:16px;
        font-weight:bold; line-height:29px; padding-left:14px; padding-top:15px;}
.R_top span{ float:right; font-size:12px; font-weight:normal; color:#666666; margin-right:15px;}
.R_top span a{ color:#666666;}

.R_middle{background: url(/App_Themes/images/R_m_bg.jpg) repeat-y; width:751px; }
.R_btn{background: url(/App_Themes/images/R_btn_bg.jpg) no-repeat; width:751px; height:31px;}

.comp{ font-size:14px; padding:35px 10px 0 10px; min-height:560px;}

.td{ width:102px; text-align:right; font-size:16px; font-family:微软雅黑;}
.line01{ background-color:#ffffcc; border:1px solid #999999;}

.line_img1{ border:1px solid red; margin-left:312px; margin-top:26px;}
.line_img{ margin-left:7px;}

.news{ width:722px; margin:0px auto; padding-top:14px; }


/*News新闻列表*/
.newslist { line-height:20px; border-bottom:1px dashed #ccc; font-size:14px; padding:5px 20px 5px 0px; }
.newslist a:hover{ color:#666;}
.newslist span { float:right; text-align:right; color:#666;}



/*New_show新闻展示页*/
.news_T{ text-align:center; height:40px; line-height:40px; font-size:16px; font-weight:bold; padding-top:15px;}
.news_memo{ line-height:20px; height:20px; text-align:center; color:#666666;}
.news_box{ text-align:left; padding:10px; font-size:14px; line-height:210%;}


/*Products*/

/*产品列表*/
.prod_box{ float:left; width:164px; margin-top:16px; margin-left:18px;_margin-left:11px;}
.box {
/*非IE的主流浏览器识别的垂直居中的方法*/
display: table-cell;
vertical-align:middle;
/*设置水平居中*/
text-align:center;
/* 针对IE的Hack */
*display: block;
width:158px;
height:143px;
border: 3px solid #336600;
}
.box img {
/*设置图片垂直居中*/
vertical-align:middle; width:158px; height:143px;
}

.box_txt{ width:164px; text-align:center; line-height:25px; height:25px; font-size:14px; color:#666666; font-weight:bold; }
.box_txt a{ color:#666666;}
.box_txt a:hover{ color:#990000;}

/*产品详细页，即show页*/
.S_content{ width:642px; margin:0px auto; text-align:center; border-bottom:1px dashed #333; padding-top:10px;}
.prod_show_img{ text-align:center; width:419px; height:380px; margin:0px auto;}
.prod_show_img img{ width:413px; height:374px; border:3px solid #336600;}
.prod_show_txt{ height:50px;  font-size:14px; line-height:43px; font-weight:bold;}
.prod_txt{ width:703px; margin:0px auto; font-size:14px; line-height:30px; padding-top:30px;}


.proj_box{ float:left; width:164px; margin-top:16px; margin-left:18px;_margin-left:11px;}
.box1{
/*非IE的主流浏览器识别的垂直居中的方法*/
display: table-cell;
vertical-align:middle;
/*设置水平居中*/
text-align:center;
/* 针对IE的Hack */
*display: block;
width:158px;
height:117px;
border: 3px solid #6e9e0a;
}
.box1 img {
/*设置图片垂直居中*/
vertical-align:middle; width:158px; height:117px;
}

.proj_show_img{ text-align:center; width:490px; height:367px; margin:0px auto;}
.proj_show_img img{ width:484px; height:361px; border:3px solid #336600;}



















/*分页*/
.page{ width:100%; margin:100px 0 0px 0; text-align:center; font-size:14px; height:200px;}
.page a{ color:#000;}
.page a:hover{ color:#990000;}
/*Back_btn*/
.back_btn{ padding:30px; padding-top:200px; color:#666666; font-size:14px;}
.back_btn a{color:#666666;}
.back_btn a:hover{color:#333;}
