@charset "utf-8";
body { margin:0; padding:0; width:100%; background:#fff; font-size:12px; font-family:"微软雅黑", Arial, Helvetica, sans-serif; }
html { padding:0; margin:0;}
ul li{ list-style-type:none;}
.fl{ float:left;}
.fr{ float:right;}
.cl{ clear:both;}
a img{border:none;}
a{ text-decoration:none;color:#333; }
.main {width:100%; padding:0; margin:0 auto; }
ul,h1,h2,h3,p,embed,object,dl,dt,dd{margin:0; padding:0;}
p{ line-height:170%;}
/********** header **********/
.header { background:url(../header_bg.gif) top repeat-x; padding:0; margin:0 auto; }

.block_header {margin:0 auto; width:980px; padding:0; border:none;}
.logo { float:left; padding:0; margin:0; width:222px; padding:30px 0 20px;}
.header_click { width:200px; float:left; font: italic 12px Arial, Helvetica, sans-serif; color:#a0a0a0; padding:35px 0 0 25px; margin:0;}
.header_click a { text-decoration:none; color:#af3827;}
/* menu 	*/
.menu { float:right; padding:40px 0 0 0; margin:0; width:725px;}
.menu ul { text-align: right;  padding:0; margin:0; list-style:none; border:0; float:right;}
.menu ul li { float:left; border:0; width:87px; height:35px; margin-right:10px;  position:relative;}
.menu ul li a { display:block; float:left; width:87px; height:35px; line-height:35px;text-align:center; background: url(../menu_bg.gif) no-repeat top center; color:#FFF;  font-weight:bold; text-decoration:none;}
.menu ul li a:hover { background: url(../menu_bg2.png) no-repeat top center;  }

/********** banner **********/
.slider_top {margin:0 auto; padding:0; height:315px; background: url(../slider_bg.gif) top center repeat-x;}
#flash{ width:980px; margin:0 auto; position:relative; overflow: hidden;}


/****首页 **/
.body { margin:0; padding:0; background: #fff url(../body_res_bg.gif) top center repeat-x;}
.top_bg { width:980px; margin:0 auto; padding:0; background: #fff url(../body_bg_to.gif) top no-repeat; }
.body_resize { width:980px; margin:0 auto; padding:0; background: #fff url(../body_bg_to.gif) top no-repeat; }
.right h2, .web_right h2 {color:#333; font-size:16px; background:url(../heli.jpg) no-repeat center left; font-size:16px; padding-left:15px; }
p.clr, .clr { clear:both; padding:0; margin:0;}
li.bg, .bg { clear:both; border-top:1px solid #dfdfdf; padding:0; margin:10px 0; background:none; line-height:0;}

.top_div { width:980px; height:160px;margin:0 auto; padding:20px 0 0 0;}
.title_main{ width:305px; height:160px; float:left; margin-left:15px; display:inline;}
.title_main .t_img{ width:91px; height:98px; float:left; margin-top:10px;}
.title_main .top_title{ width:200px;height:78px; float:left; padding:5px; }
.title_main .top_title h2{ white-space:200px; height:18px;  text-indent:-9999px; padding-bottom:5px; }
.title_main .top_title h2.tbg1{background:url(../t_1.gif) no-repeat left top;}
.title_main .top_title h2.tbg2{background:url(../t_2.gif) no-repeat left top;}
.title_main .top_title h2.tbg3{background:url(../t_3.gif) no-repeat left top;}

.title_main .t_more{ width:255px; border-top:1px solid #aaa; text-align:center; padding-left:50px; padding-top:5px; margin-top:5px; float:left;}
.title_main .t_more a{display:block; width:85px; height:28px; line-height:28px; float:left; margin-left:15px;color:#666;  }
.title_main .t_more a.lj{ background:url(../hb.gif) no-repeat 0 0; }
.title_main .t_more a.zx{ background:url(../hb.gif) no-repeat -85px 0; }
.title_main .t_more a span{padding-left:15px;}
.title_main .t_more a:hover.lj{background:url(../hb.gif) no-repeat 0 -28px; color:#fff;}
.title_main .t_more a:hover.zx{background:url(../hb.gif) no-repeat -85px -28px; color:#fff;}

/*案例欣赏*/
.cimg_bg{ height:280px;}
.cimg_box{width:980px; margin:0 auto; height:280px; }
.cimg_box .case{ width:685px; float:left; } 
.cimg_box .case h2{width:675px;height:34px;line-height:34px;padding-left:10px;background:url(../tb_bg.gif) no-repeat left bottom;color:#090909;letter-spacing: 0.1em;}
.cimg_box .case .c_list{ padding:10px 0;}
.cimg_box .pro{ width:280px; position:relative; float:right;}
.cimg_box .pro .pro_qf{ width:280px; height:230px; overflow:hidden; text-align:center; background:url(../bt_bg.gif) no-repeat left bottom;}
.cimg_box .pro h2{width:270px;height:34px;line-height:34px; padding-left:10px; background:url(../tb_bg2.gif) no-repeat left bottom;color:#090909;letter-spacing: 0.1em;}
.cimg_box .case dl{ width:214px; float:left;margin-left:10px; }
.cimg_box .case dl dt{width:212px; height:198px; border:1px solid #F0F0F0; border:}
.cimg_box .case dl dt img{border:1px solid #F0F0F0;}
.cimg_box .case dl dd{ width:221px; height:16px; text-align:center; padding-top:5px; background:url(../jh_35.gif) no-repeat left top; color:#fff;}

.jp_bg{ height:240px;background:url(../jh_40.gif) repeat-x left top;}
.jp_box {width:980px; margin:0 auto; height:240px; }
.jp_box .qh_div{ width:670px; height:240px; }
.qh_div .qh_title{height:34px;line-height:34px; font-size:18px; font-weight: bold;color:#090909;background:url(../t_line.gif) repeat-x left bottom;}
.qh_div .qh_title span{letter-spacing: 0.1em; display:block; float:left; height:34px;line-height:34px;  padding:0 40px; }
.qh_div .qh_title span a{color:#090909;}
.qh_div .qh_title span.hv{/*border-bottom:2px solid #045A02;*/ background:url(../green_tbg.gif) repeat-x left bottom;}
.qh_div .qh_ul li{ height:195px; width:670px; background-color:#FFF; }
/*新闻列表*/
.flnews{width:280px; }
.flnews h2{height:34px;line-height:34px; background:url(../heli.jpg) no-repeat left center;font-size:18px;font-weight: bold; padding-left:15px; }
ul.news{ list-style-type:none; }
.news li{width:290px;  height:26px;  line-height:26px; border-bottom:1px dashed #CCC; color:#666;}  
.news li a{color:#666; text-decoration:none;}
.news li a:hover{ text-decoration:underline; color:#360; }
.news span{  float:right; padding-right:5px;}


/*内容*/
.news_box{ height:305px;  background:url(../news_bg.gif) repeat-x; margin-top:15px;}
.news_type{ width:960px;  height:400px; padding:10px; margin:0 auto; position:relative;}
.n1{  width:312px;  float:left; display:inline; margin-left:8px; text-align:left;}
.n1 h3{ widht:140px; height:42px; line-height:42px; padding-left:40px; padding-bottom:10px; color:#2A2A2A; font-size:16px;}
h3.h3_bg1{background:url(../h3_1.gif) no-repeat top left;}
h3.h3_bg2{background:url(../h3_2.gif) no-repeat top left;}
h3.h3_bg3{background:url(../h3_3.gif) no-repeat  top left;}
.n1 ul{ list-style-type:none; text-align:left; margin:0; padding:5px 10px 0 10px; line-height:24px;}
.n1 ul li{ width:270px; height:22px; float:left; position:relative;}
.n1 ul li a{width:270px; color:#333; text-decoration:none; }
.n1 ul li a:hover{ text-decoration:underline; color:#360; }
.n1 ul li span{ display:block; float:right; }

.foot_navlist{width:980px; margin:auto; background:url(../footline.jpg) no-repeat center bottom; }
.foot_navlist ul li{ list-style-type:none; padding-left:5px; }
.foot_navlist ul li.fnav_class{ float:left; width:186px; font-weight:bold; }
.foot_navlist ul li.fnav_class span.liv{ display:block; width:200px; height:24px; line-height:24px; padding-left:5px; margin:5px 0;  background-color:#060; border-left:1px solid #FFF;}
.foot_navlist ul li.fnav_class span.liv a{color:#fff;}

.foot_navlist ul li ul{ color:#333;}
.foot_navlist ul li.fnav_class ul{ clear:both; width:200px; padding:0; margin:0; font-weight:normal;}
.foot_navlist ul li.fnav_class ul li{ line-height:22px;}
.foot_navlist ul li a{ color:#333;}

/*分类导航*/
.pro_cat{ width:980px; height:80px; padding-top:20px; font-size:14px; font-weight:bold;  }
.pro_cat ul li{ height:28px; float:left; padding-left:20px; padding-bottom:5px;}

.pro_cat ul li a{ display:block; float:left; background:url(../typeli.gif) no-repeat center left; padding-left:32px; padding-right:10px; height:28px; line-height:28px; margin-right:20px; color:#333; border:1px solid #ccc;}
.pro_cat ul li a:hover{border:1px solid #ccc; text-decoration:underline;}

.prolist h2{ height:36px; background:url(../title_bg.jpg) no-repeat center right; margin:15px 10px;font-size:16px;}
.pro_box  dl{ width:456px; height:130px; margin-bottom:12px; border:1px solid #ccc; float:left; display:inline; margin-left:10px;padding:10px;}
.pro_box  dl dt{ width:140px; height:130px; float:left; padding-right:10px; }
.pro_box  dl dd{width:250px;height:130px;float:left;border-left-width: 1px;border-left-style: dashed;border-left-color:#E4E4E4; display:inline; padding-left:10px; position:relative; }
.pmore{ display:block; width:60px; height:22px; line-height:22px; position:absolute; bottom:0px; right:0px;}
/*案例页样式*/
.img_box{ widows:980px; }
.img_box dl{ width:225px; height:300px; float:left; padding:3px; margin:5px; border:1px solid #393;}
.img_box dl dt{width:225px; max-height:320px; position:relative; overflow:hidden; }
.img_box dl dt img{ border:none; display:block;}
.img_box dl dd{ line-height:150%; padding:5px 0;}
.ad_div{ width:980px; height:83px; text-align:center; margin:0 auto; background:none;}
.ad img{ display:block;}


/*内页通用*/
.web_left{ width:700px; float:left; padding:10px; padding-top:25px; min-height:400px; _height:400px;}
/*内页通栏*/
.marketing h2{ widows:225px; height:56px;}
.web_right{ width:225px; float:right; padding:10px; padding-top:25px;}
.web_news{padding:15px 0;}
.web_news h2{ margin-bottom:10px;}
.web_news ul li{ height:24px; width:225px; line-height:24px; color:#666; border-bottom:1px dashed #CCC;}  
.web_news ul a{color:#666; text-decoration:none; }
.web_news ul a:hover{ color:#363; text-decoration:underline;}

.pro_box .img_text{ line-height:24px;}

/*新闻页及详细页*/
.news_list ul li{ height:24px; line-height:24px; padding:0 5px; color:#666; border-bottom:1px dashed #CCC; color:red;}  
.news_list ul li a{color:#666; text-decoration:none; }
.news_list ul  li a:hover{ color:#363; text-decoration:underline;}
.news_list ul  li span{ float:right;}

.webcontent{ width:680px; float:left; padding:10px;}
.webcontent h1{ font-size:16px; text-align:center; padding:10px 0;}
.hits{padding:10px; text-align:center; border-bottom:1px dotted #aaa; margin-bottom:15px;}
.title{padding:10px 5px;}
.title h2{ height:30px; line-height:30px; font-size:16px; padding-left:15px; background:url(../a_title.jpg) no-repeat center left;}

.page{ padding:10px 0;}
.product_list{ float:left; }
.pro_jh_sm{ width:230px; float:right;  }
.product_list .info_img{ width:428px; height:398px; display:block; border-bottom:3px solid #999;}
.product_list .info_img a{width:420px; height:390px; display:block;  padding:3px; border:1px solid  #E7E7E7;}
/*.product_list .info_img a:hover{ border:1px solid  #090;}*/
.product_list ul{ margin:10px 0;}
.product_list ul li{ line-height:24px;}
.webcontent h2{ background:none;}

/*案例详细页*/
.page{ padding:10px 0;}
.img_list{ float:left; }
.pro_jh_sm{ width:230px; float:right;  }
.img_list .info_img{ width:428px; height:456px; display:block; border-bottom:3px solid #999;}
.img_list .info_img a{width:420px; height:448px; display:block;  padding:3px; border:1px solid  #E7E7E7;}
.img_list .info_img a:hover{ border:1px solid #7CA93E;}
.img_list ul{ margin:10px 0;}
.img_list ul li{ line-height:24px;}
.webcontent h2{ background:none;}

/*************footer**********/
.link{ width:960px; margin:15px auto;}
.link span{ display:inline-block; width:100px; text-align:center; font-size:16px; font-weight:bold; color:#262626; float:left;}
.link ul li{ float:left; padding-left:20px;}
.link ul li a{color:#262626; text-decoration:none;}
.footer_resize { width:980px; margin:0 auto; padding:10px 0; }
.footer {background:#045702; border-top:1px solid #e6e6e6; text-align:center; padding:15px 0; color:#fff;}
.footer p { font:normal 12px  Arial, Helvetica, sans-serif; }
.footer a { font:normal 12px Arial, Helvetica, sans-serif; color:#fff; text-decoration:none; padding:5px; margin:0;}
.footer p.leftt { text-align:left; width:50%; margin:0; padding:10px 0 0 20px; float:left;} 
.footer p.rightt { text-align:right; width:30%; margin:0; padding:15px 20px 0 0; float:right;} 
.footnav{ margin-top:15px;}