@charset "utf-8";
/* CSS Document */
*{ padding:0px; margin:0px; font-size:12px; color:#000}
body{ font-family:"Arial", Gadget, sans-serif, "宋体"; background:url(../images/bg.png)}
a{ text-decoration:none; color:#666}
a:hover{ color:#063; text-decoration:none}
ul,li{ list-style:none; padding:0px; margin:0px}
.clear{ clear:both; height:0px}
.pages{ text-align:center; margin-top:5px; margin-bottom:10px}
img { border:none; margin:0px}
.tit1{ font-size:16px; line-height:50px; padding-left:50px; color:#006600}
.tit2{ font-size:16px; line-height:0px; padding-left:50px; color:#444444}
.line{ width:1px; height:304px; float:left; background-image:url(../images/linebj.jpg)}
.line1{ width:650px; height:1px; float:left; background-image:url(../images/twitter-border.png)}
.m_body {
	
	margin: auto;
	height: auto;
	width: 1000px;
	overflow:hidden;
	
}
.top{ background-image:url(../images/top_bj.jpg); width:100%; height:170px}
.logo {
	height: 100px;
	width: 1000px;
	overflow: hidden;
	margin:auto;
	
	
}
.topmenu {  position: absolute; top:30px; left:920px; width:300px}
.topmenu  span  a{  padding-left:10px; }
.nav {
	line-height: 35px;
	height: 35px;
	width: 1000px;
	margin:auto;
	margin-top:20px
}
.navlist li{ float:left; text-align:center; width:110px; height:35px; line-height:35px; overflow:hidden }
.navlist li a{ float:left; text-align:center; width:110px; height:35px; line-height:35px; overflow:hidden; font-weight:bold; font-size:14px; color:#204220 }
.navlist li a:hover{ float:left; text-align:center; width:110px; height:35px; line-height:35px; overflow:hidden;  background-color:#66a850; color:#FFF }
.banner{ height:350px; overflow: hidden; width:1000px; margin: auto; margin-top:0px;background:url(../images/bannerbj.png) no-repeat; margin-bottom:10px; margin-top:10px}
.pro1 { margin-left:10px}
.pro1 li  { float:left; margin-right:8px; width:185px; height:195px; background:url(../images/imgs.png) no-repeat 5px 134px}
.pro1 li  div{ float:left; width:185px; height:135px;border: 1px solid #d7d7d7; background-color:#FFF}
.pro1 li  div  img{ width:165px; height:115px; margin:10px}
.pro1 li  div  h3{ line-height:40px; text-align:center;color:#006600}
.m_middle{ }
.m_middle_bj{ background-image:url(../images/m_bj.gif); width:1000px; height:314px;}
.m_middle_content{ width:990px; height:304px;  background-color:#fff; margin:0px  5px}
.m_middle_content_left{ padding:20px 30px;  width:250px; float:left}
.newslist{ line-height:30px;  overflow: hidden; float:left; height:280px; margin-top:10px }
.newslist li{ float:left; width:260px;  background: url(../images/xt6.gif) no-repeat left; padding-left:15px;  overflow:hidden;}
.newslist li a{ color:#000}
.newslist li a:hover{ color:#009966}
.m_middle_content_middle{padding:20px; width:320px; float:left}
.a_des{ line-height:30px; color:#333}
.a_des a{ font-weight:bold; color:#063}
.m_middle_content_right{ padding:20px 30px; width:250px; float:left}
.m_bottom{ margin-top:0px;  height:250px}
.m_bottom_left{ float: left; width:620px}
.m_bottom_right{ float:left; width:360px; margin:0px 10px; }
.m_bottom_right   .m_contact {  width:360px; height:184px; }
.m_bottom_right   .m_contact > div{ background: url(../images/contacticon.png) no-repeat 30px 10px; height:142px}
.contact{width:251px; }
.detail a { font-size:10px; color:#2664a4}
.pro_nav{margin-top:5px;font-size:12px; background:url(../images/pronav.png) no-repeat}
.pronavlist{ height:310px; padding:70px 20px 10px 20px;width:180px; overflow:hidden;line-height:35px; font-size:12px;  overflow: hidden; }
.pro_nav  ul{}
.pro_nav  ul li{  background:url(../images/xt6.gif) no-repeat left center; padding-left:30px; color:#000;font-size:12px;border-bottom:1px solid #ececec;}
.pro_nav ul li  a{ color:#462423; font-weight:bold}
.pro_nav ul li  a:hover{ text-decoration:underline; color:#933}
.jgsj{ margin-top:25px; margin-left:10px}
.pro li{ float:left; margin-right:12px}
.pro li img{ width:112px; height:82px;border: 1px solid #d7d7d7; padding:2px}
.left {
	width:320px;
	float: left;
}
.left_about {  height: auto; border:1px solid #ccc; background-color:#FFF }
.inflist{ width:203px; background-color:#fff;padding-left:12px; height:auto; margin-bottom:20px;margin-left:20px}
.inflist>li{border-bottom:1px solid #eee;  margin-bottom:5px; background:url(../images/xt6.gif) no-repeat left; padding-left:20px; line-height:30px; }
.inflist>li> a{    margin-left:5px; display:block;height:30px; font-weight:bold; color:#666; font-size:14px }
.inflist>li> a:hover{    margin-left:5px; display:block;height:30px; font-weight:bold; color:#666; font-size:14px ; background-color:#CC0; padding-left:10px; color:#FFF}
.right{float:left;  width:650px;  border:1px solid #ccc; background-color:#FFF; margin-left:20px}
.c_right{float:left; margin-top:5px; width:720px;  overflow:hidden; margin-left:8px }
.right .r_about{  line-height:25px; height:205px;  float:left; }
.right .r_about  .apic{ margin-left:10px; float:left; margin-top:20px }
.right .r_about_inf {
	float: left;
	width:456px;
	overflow:hidden;
	height: 205px;
	line-height:28px;
	
	margin-left:10px
	
	
}
.right .r_about_inf a {
	color:#062751
	
}
 .r_product
{width:1000px; line-height:25px; height:151px; background-image:url(../images/casebj.jpg); background-color:#066 }


.r_product .img1
{ width:420px; height:420px; margin-left:40px; }
.right .r_news
{
	
	float:left;
	width:695px;
	overflow:hidden;
	height:200px;
	margin-left:5px;
	
}

.jgsjpic{ float:left}
.r_newslist1{ padding:5px;  width:620px; overflow: hidden; height:auto; margin-left:10px}
.r_newslist1 li{ float:left;  margin-left:12px; background: url(../images/xt6.gif) no-repeat left ; padding-left:15px; line-height:30px;border-bottom:1px  dashed #ccc; width:560px; line-height:35px}
.r_newslist1 li a{ font-size:12px}
.r_newslist1 li .new_tit{ float: left}
.r_newslist2{ padding:5px;  width:600px; overflow: hidden; height:auto; margin-left:10px}
.r_newslist2 li{ float:left;  margin-left:12px; background: url(../images/icon2.png) no-repeat left ; padding-left:10px; line-height:30px;border-bottom:1px  dashed #ccc; width:310px; line-height:35px;font-size:14px}
.service{ margin:10px; line-height:30px}
.service p{ text-indent:24px}
.service h4{ font-size:14px; color:#C00; line-height:40px; text-align:center}
.service  ul{ margin-left:50px }
.service h2{ font-size:16px; color:#063; line-height:50px;text-align:center}
.right .r_cases
{
	margin-top:5px;
	float:left;
	margin-left:10px
}
.r_caseslist{ padding:5px; line-height:25px; width:340px; overflow: hidden; height:182px}
.r_caseslist li{ float:left; width:290px; margin-left:12px; background: url(../images/icon.png) no-repeat left; padding-left:20px}
.tit{ background:url(../images/tit.png) no-repeat ; height:31px; line-height:31px; padding-left:20px; color:#006633; margin-top:5px}
.news_h1{ text-align:center; font-size:16px; margin-top:10px}
.news_p{ text-align:center;  line-height:30px}
.news_con p{}
.news_con{ padding:10px 30px;  line-height:35px}
.prolist1  { padding:15px; width:720px;  line-height:25px; height: auto;}
.prolist1 li{ float:left;  margin-right:5px; background:url(../images/culture_bg.jpg) no-repeat ; width:232px; height:220px }
.prolist1 li img{ float:left; width:200px; height:148px;  padding:10px}
.prolist1 li h3 a{  line-height:50px; text-align:center; clear:both; font-weight:normal}
.prolist1 li h3{ text-align:center}
.prolist2  { padding:5px; width:707px;  line-height:25px; height: auto;}
.prolist2 li{ float:left;  margin-right:5px}
.prolist2 li img{ float:left; width:125px; height:335px; border: 3px solid #F2F2F2;}
.prolist2 li img:hover{ float:left; width:125px; height:335px; border: 3px solid  #399;}
.prolist2 li h3{ font-size:12px; line-height:30px; text-align:center; clear:both}
.jobtit  td{ color:#FFF; text-align:center; font-weight:bold; background-color:#009966 }
.joblist { margin-left:10px}
.joblist  td{ text-align:center; line-height:30px; margin:0px}
.joblist  tr ,.joblist  td{ width:165px}
.megtit{ background-color:#f0f0f0; line-height:30px; padding-left:10px}
.flink{ width:100%; background-color:#063; height:30px; line-height:30px; margin-top:10px}
.flink a{ color:#FFF}
.foot{ height:80px; overflow:hidden; margin-top:10px}
.foot .c_inf{ text-align:center; line-height:30px; color:#666666; margin-top:10px}


/* 焦点图 */

img{border:0}
#slideshow{position: relative;height: 300px;width: 100%;margin: 0 auto;}
#slideshow a{float: left;display: inline;}
#slideshow .img{position: absolute;width: 100%;height: 300px;overflow: hidden}
#slideshow .img span{position: absolute;width: 19999px;display: block}
#slideshow .btns{z-index: 10;position: absolute;width: 930px}
#slideshow .btns b{position: absolute;width: 100px;display: block;height: 14px;overflow: hidden;top: 275px;left: 50%}
#slideshow .btns b i{width: 10px;background: #414140;float: left;height: 10px;font-size: 0px;overflow: hidden;cursor: pointer;margin-right: 6px;border: #414140 2px solid;-webkit-border-radius: 7px;-moz-border-radius: 7px;border-radius: 7px}
#slideshow .btns b i: hover{background: #a7a7a6}
#slideshow .btns b i.on{background: #3cd2f1;cursor: default}
#slideshow .btns b i.on: hover{background: #3cd2f1;cursor: default}
#slideshow .btns s{position: absolute;width: 60px;display: none;height: 80px;overflow: hidden;top: 115px;cursor: pointer}
#slideshow .btns s i{position: absolute;width: 60px;background: url(images/btn_slideshow.png);height: 160px;_filter: progid: dximagetransform.microsoft.alphaimageloader(enabled=true, sizingmethod=scale, src="images/btn_slideshow.png");_background: none;}
#slideshow .btns s.prev{left: 0px}
#slideshow .btns s.prev i{top: -80px}
#slideshow .btns s.next{right: 0px}
.slideshow-hover#slideshow .btns s{display: block}
.paging{opacity: 0.5;filter: alpha(opacity=50);-moz-opacity: 0.5;-khtml-opacity: 0.5;height: 300px;position: absolute;background: #000;overflow: hidden}
.wtit .info,.wtit .tit{float: left;}
.wtit .info{padding: 35px 0 0 20px;color: #989898;}
.wtit .info span{margin: 0 8px;}
.bannerbox { width: 100%; height: 350px; overflow: hidden; margin: 0px auto; }