@charset "utf-8";
* {padding:0; margin:0;}
html{}
body {font:14px/1.8 "微软雅黑", "宋体",arial, helvetica, clean, sans-serif; color:#666; background-color:#fff; }
h1, h2, h3, h4, h5, h6 { font-size:14px; color:#008423; height: 28px; line-height: 28px;}
img {border:0; filter:alpha(opacity=100);_filter:alpha(opacity=100); -moz-opacity:1; opacity:1;}
img:hover{ filter:alpha(opacity=90);_filter:alpha(opacity=90); -moz-opacity:0.9; opacity:0.9;}
li {list-style-type:none;}
.overflow {-o-text-overflow:ellipsis; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clearfix {display:inline-block;}
.clearfix {display:block;}
.clear {clear:both;}
a:link {color:#666; text-decoration:none;}
a:visited {color:#666; text-decoration:none;}
a:hover { color:#008423; text-decoration:none;}
a:active { color:#008423; text-decoration:none;}
.en, .email, .tel{font:14px/1.8 arial, helvetica, clean, sans-serif;}
.cn{font:14px/1.8 "微软雅黑", "宋体",arial, helvetica, clean, sans-serif;}
.top, #bd, #bd02, #bd03, .blink{ width:96%; margin:0 auto;}

.pw{min-width:320px; background:none repeat scroll 0% 0%; margin:0px auto; overflow:hidden; min-height:480px; width:100%; padding-bottom:40px;}

/*-------index头部------*/
.body_header{ clear:both; background-color:#f8f8f8;}
.top{ clear:both; height:60px; position:relative;}
.logo{ float:left;  margin-top:15px;}
.lang{ float:right; width:auto; height:24px; line-height:24px; text-align:center; margin-top:18px; margin-right:15px;}
.lang a { display:inline-block; font-size:12px; width:24px; height:24px; line-height:24px; margin-left:15px; background:url(../images/bg2.gif) 0 0 no-repeat;}

.top .banner{float:right;}
.top .banner .close img,.top .banner .open img{margin-top:19px;}
.top .banner .hide{display:none;}
.top .banner .xla{width:50%; position:absolute; right:-2%; background:#008423; z-index:99999; top:100%; display:none; overflow:hidden;}
.top .banner .xla li{border-bottom:1px solid #fff;}
.top .banner .xla li a{ font-size:14px;height:40px;line-height:40px;width:100%;display:block;border-bottom:1px solid #fff;}
.top .banner .xla li a font{color:#fff;font-size:100%;height:40px;margin-left:20px;float:left;}
.top .banner .xla li a span{float:right;width:6px;height:11px;margin-right:20px;margin-top:16px;}
.top .banner .xla li a img{float:right;width:6px;height:11px;margin-right:20px;margin-top:16px;}
.top .banner .xla li .zilan a{ font-size:12px;height:36px;line-height:36px;background:#eee;border:none;padding-left:30px;width:100%;}
.top .banner .xla li .zilan{display:none;}

/*----------动画----------*/
.body_banner{ clear:both;}

.swipe{width:100%;overflow:hidden;position:relative; margin-bottom:10px;}
.swipe ul{
	-webkit-transition:left 800ms ease-in 0;
	-moz-transition:left 800ms ease-in 0;
	-o-transition:left 800ms ease-in 0;
	-ms-transition:left 800ms ease-in 0;
	transition:left 800ms ease-in 0;
}
.swipe #pagenavi{position:absolute;left:0;bottom:5px;text-align:center;width:100%; font-size:0;}
.swipe #pagenavi a{width:10px; height:10px; line-height:99em; background:#fff; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%;
margin:0 4px; overflow:hidden; cursor:pointer; display:inline-block; *display:inline; *zoom:1; position:relative;}
.swipe #pagenavi a.active{background:#008423;  position:relative;}

/*----------title----------*/
.title{ height:36px; line-height:36px; background-color:#eee;}
.title h2{ float:left; padding-left:15px; height:36px; line-height:36px; color:#333;}
.title p{ float:right; font-size:12px; padding-right:15px;}
.title p a{ line-height:36px; display:inline-block; *display:inline; zoom:1;}
.title p a:hover{ text-decoration: underline;}

.title2{ text-align:center; padding:30px 0;}
.title2 h3{ font-size:24px; color:#111;}
.title2 p{ font-size:14px; color:#999; line-height:30px; font-family: arial, helvetica, clean, sans-serif;}

/*----------分隔线----------*/
.bd-bg{ width:96%; height:25px; position:relative; text-align:center; margin:0 auto; margin-bottom:30px;}
.bd-bg .xian{ position:absolute; left:0; top:12px; z-index:1; width:100%; height:1px; background-color:#d4d4d4;}
.bd-bg .yuan{ position:absolute; left:0; top:0; z-index:2; width:100%; height:25px; background:url(../images/yuan4.gif) center 0 no-repeat;}

/*----------index中间第一部分最新公告、三大块----------*/
#bd {}

.bd-t0 { width:100%; margin:10px auto; margin-bottom:30px; height:40px; background-color:#008423;}
.bd-t { width:auto; height:40px; margin:0 10px; overflow:hidden;}
.bd-t  p{ float:left; color:#fff; height:40px; line-height:40px; font-weight:bold;}
.gd_news { width: auto; padding-left:10px; overflow:hidden;}
.ssmo8{  overflow:hidden; width:100%; float:left;}
.ssmo8 .ssmo {/*width:99999999px;*/width:8000%; }
.ssmo8 .ssmo div{ float:left;}

.ssmo8 .ssmo ul{float:left; overflow:hidden; zoom:1; }
.ssmo8 .ssmo ul li{float:left; list-style:none; padding-left:15px; padding-right:80px; line-height:40px; background:url(../images/icon-c2.gif) 0 18px no-repeat;}
.ssmo8 .ssmo ul li a{ color:#eee; line-height:40px; margin-right:10px;}
.ssmo8 .ssmo ul li a:hover{ color:#fff; }
.ssmo8 .ssmo ul li span{ color:#ddd; line-height:40px;}

/*----------index中间第二部分公司简介、新闻、案例----------*/
#bd02{}

#bd02 .bd1{width:100%; margin-bottom:30px; overflow:hidden; }
#bd02 .bd1 .main{ }
#bd02 .bd1 .main img{ float:left; margin-top:15px; margin-right:10px;}
#bd02 .bd1 .main .js{ line-height:24px; padding-top:9px;}

#bd02 .bd2{width:100%; margin-bottom:30px; overflow:hidden;}
#slide_right2{ position:relative;}
#slide_right2 ul{ height:36px; line-height:36px; background-color:#eee;}
#slide_right2 ul li{float:left; font-weight:bold; color:#888; height:16px; line-height:16px; text-align:center; cursor:pointer; border-left:solid 1px #999; margin-top:10px; padding:0 15px;}
#slide_right2 ul .tab{ color:#333; border-left:none; }

#slide_right2 .right { position:absolute; top:0; right:15px; width:auto; height:36px; line-height:36px; }
#slide_right2 .right a{font-size:12px; font-weight:normal; line-height:36px; display:inline-block; *display:inline; zoom:1; }
#slide_right2 .right a:hover{ text-decoration: underline;}

#slide_right2 .hide{ display:none; }

#slide_right2 .bd2-t{ height:135px; overflow:hidden; }
#slide_right2 .bd2-t img{ float:left; margin-top:15px; margin-right:15px;}
#slide_right2 .bd2-t h3{ height:auto; line-height:26px; padding-top:9px;}
#slide_right2 .bd2-t h3 a{}
#slide_right2 .bd2-t .p1{line-height:26px; border:none;}

#slide_right2 .newslist2 {}
#slide_right2 .newslist2 .p2 { border-bottom:#999 1px dotted; height:44px; line-height:44px;}
#slide_right2 .newslist2 .p2 a { float:left; width:70%; padding-left:15px; background:url(../images/icon-c.gif) 0 20px no-repeat; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
#slide_right2 .newslist2 .p2 a:hover{ background: url(../images/icon-c-h.gif) 0 20px no-repeat;}
#slide_right2 .newslist2 .p2 span { float:right;}

#bd02 .bd3{ width:100%; margin-bottom:30px; overflow:hidden;}
#bd02 .bd3 .main img{ margin:10px 0;}




/*----------底部----------*/
#ft0 { width:100%; margin-bottom:20px;}
.ft{ background-color:#008423; height:40px;}
.ft ul{}
.ft li{ width:25%; height:40px; float:left; text-align:center; color:#FFF;}
.ft li a{ color:#fff; height:40px; line-height:40px;}

.ft1{ line-height:20px; padding:10px 0; text-align:center;}

/*----------底部浮动样式----------*/
.body_footer{width:100%; height:40px; background-color:#333; position:fixed; bottom:0; z-index:999999;}
.body_footer ul{width:100%;}
.body_footer ul li{width:25% ; float:left; color:#fff;}
.body_footer ul li a{width:100%; height:35px; display:block; padding-top:5px;}
.body_footer ul li dl{width:auto; margin:0 auto; text-align:center;}
.body_footer ul li dt{width:auto; height:15px; overflow:hidden;}
.body_footer ul li dd{width:auto; height:20px; font-size:12px; color:#fff; line-height:20px; overflow:hidden;}


/*----------about----------*/
#con { width:100%; min-height:350px; _height:350px; padding-bottom:30px; overflow:visible;}

#ltit0{ width:100%; border-top:5px #008423 solid;}

#ltit{ margin:0 2%; padding-bottom:10px; font-size:0;/*去除a标签换行后(使用display:inline-block)之间默认产生的间距*/}
#ltit a{ font-size:14px;/*字号必须定义*/ width:auto; height:30px; line-height:30px; background-color:#e5e5e5; padding:0 3%; margin-top:5px; margin-right:5px; display:inline-block;}
#ltit .selected{ color:#008423;}

#ltit2{ margin:0 2%; padding-bottom:20px; font-size:0;/*去除a标签换行后(使用display:inline-block)之间默认产生的间距*/}
#ltit2 a{ font-size:14px;/*字号必须定义*/ width:auto; height:24px; line-height:24px; margin-top:5px; margin-right:15px; display:inline-block; text-decoration:underline;}
#ltit2 .selected{ color:#008423;}

.content{ width:96%; margin:0 auto; overflow:hidden;}
.content h1{ font-size:16px; color:#666; height:auto; line-height:24px; text-align:center;}

.content .newsview{text-align:center; border-bottom:#ddd 1px solid; margin-bottom:10px;}
.content .proview{ padding-top:10px;}
.content .proview-b{text-align:center; clear:both; padding-top:20px;}
.content .return{}

#pg { margin-top:20px; text-align:center; color:#999;}
#pg a{ color:#333;}
#pg a:hover{ color:#333;}

/*----------proList2----------*/
.prolist{ width:96%; margin:0 auto;}
.prolist ul{}
.prolist ul li { padding:2%; margin-bottom:20px; overflow:hidden; background-color:#fff;}
.prolist ul li .left {width:200px; margin:0 auto; margin-bottom:2%;}
.prolist ul li img {}
.prolist ul li img:hover {}
.prolist ul li .right {width:100%; overflow:hidden;}

.prolist ul li .more { float:right; color:#fff; font-size:12px; font-weight:normal; height:26px; line-height:26px; padding:0 10px; margin-top:5px; background-color:#008423; display:inline-block; *display:inline; zoom:1;}
.prolist ul li .more:hover { background-color:#ed7d31;}

/*----------news----------*/
.newslist { width:96%; margin:0 auto; padding-bottom:40px;}
.newslist .clearfix {}
.newslist .clearfix li { width:100%;  border-bottom:#999 1px dotted; padding-top:10px; padding-bottom:7px;}
.newslist .clearfix li a { line-height:16px;}
.newslist .clearfix li p { color:#999; background:url(../images/time.jpg) 0 6px no-repeat; padding-left:15px;}
.newslist .clearfix li p span { float:right;}

/*----------客户留言表单开始----------*/
.content .msxq{ width:100%; margin:0 auto; background-color:#f5f5f5; padding:20px 0;}
.content .msxq .zsjm{ width:320px; margin:0 auto;}
.content .msxq .zsjm h3{ text-align:center; color:#666; font-weight:bold; line-height:36px;}
.content .msxq .zsjm input[type="text"],textarea{border:1px solid #ccc; font-family:"微软雅黑", "宋体",arial, helvetica, clean, sans-serif;}
.content .msxq .zsjm input[type="text"]:hover,textarea:hover{border:1px solid #008423;}
.content .msxq .zsjm input[type="text"]:focus,textarea:focus{border:1px solid #008423;}
.content .msxq .zsjm span{ color:#333;}

.content .msxq .zsjm .biao1{}
.content .msxq .zsjm .biao1 dl{ width:100%;}
.content .msxq .zsjm .biao1 dl dt{ float:left; padding-bottom:10px;}
.content .msxq .zsjm .biao1 dl dt .left1{ float:left; width:80px; }
.content .msxq .zsjm .biao1 dl dt .left1 p{ text-align:right; height:42px; line-height:42px;}
.content .msxq .zsjm .biao1 dl dt .right1{ float:left; width:240px; }
.content .msxq .zsjm .biao1 dl dt .right1 .box{ width:210px; height:30px; line-height:30px;  color:#666; padding:5px;}

.content .msxq .zsjm .biao2{}
.content .msxq .zsjm .biao2 .left1{ float:left; width:80px; }
.content .msxq .zsjm .biao2 .left1 p{ text-align:right; height:32px; line-height:32px;}
.content .msxq .zsjm .biao2 .right1{ float:right; width:240px; line-height:12px; }
.content .msxq .zsjm .biao2 textarea{width:210px; color:#666; font-size:14px; line-height:20px; padding:5px;}

.content .msxq .next { height:40px; margin-top:20px; text-align:center; }
.content .msxq .next .submit{ line-height:40px; background-color:#666; border:none; color:#fff; padding:0 20px; margin:0 20px; display:inline-block; cursor:pointer; font-family:"微软雅黑", "宋体",arial, helvetica, clean, sans-serif;}
.content .msxq .next .submit2{ line-height:40px; background-color:#999; border:none; color:#fff; padding:0 20px; margin:0 20px; display:inline-block; cursor:pointer; font-family:"微软雅黑", "宋体",arial, helvetica, clean, sans-serif;}
.content .msxq .next .submit:hover{ background-color:#008423;}
.content .msxq .next .submit2:hover{ background-color:#008423;}
/*----------客户留言表单结束----------*/