@charset "utf-8";
/* ===============
		css 全局
============== */

html,body { height:100%; }
body { margin:0; padding:0; border:0; background-color:#fff; font:12px/22px Arial, Helvetica, sans-serif; color:#333; }
table { margin:0 auto; font:12px/22px ""; }
img,p { margin:0; padding:0; border:0; }
a { color:#333; text-decoration:none; font:12px/22px ""; }
a:hover { color:#66A54A; }
a:hover img{ filter:alpha(opacity=90); opacity:0.9;}
.input { width:200px; height:28px; line-height:28px; background-color:#fff; border:solid #BDC7D8 1px; padding:0 5px; }
ul { margin:0; padding:0; list-style:none; }
.Clear { clear:both; font:0/0 ""; height:0; }


/* ===============
		main 主体
============== */

#wrapper { width:1002px; margin:0 auto; }
.box{ }
#main { *zoom:1; margin-top:20px; }
.home #main{ margin:0; }

/* ===============
		header 头部
============== */

#header { position:relative; height:113px; }
.logo { display:block; float:left; margin:14px 0 0 13px; }
.lang{ position:absolute; right:0; top:0; background:url(images/lang.jpg) no-repeat; width:111px; height:34px; }
.lang a{ float:left; display:block; width:55px; height:34px; text-indent:-500px; overflow:hidden;}
.emaill{ position:absolute; display:block; background:url(images/i_maill_s.jpg) no-repeat 0 center; top:51px; right:10px; padding-left:40px;}
.emaill a{line-height:24px; color:#CB7E38; font-size:20px; }
.toptel{ position:absolute; right:30px; top:12px; font:14px/30px "Microsoft Yahei"; color:#66A54A; }


/*导航*/
.nav { float:right; margin-top:62px; position:relative; padding:0 63px 0 30px; background-color:#66A54A; height:32px; }
.nav li { float:left; }
.nav li a { *float:left; display:block; height:32px; font:14px/30px "Microsoft Yahei"; padding:0 12px; margin:0; color:#fff; text-transform:Uppercase; border-radius:16px; position:relative;}
.nav li a:hover,
.nav li a.ov{ color:#fff; background-color:#85BB2C; }
.nav span.nav-l,
.nav span.nav-r{ display:block; position:absolute; top:0; left:0; background:url(images/nav_l.jpg) no-repeat; width:30px; height:32px;}
.nav span.nav-r{ left:auto; right:0; background:url(images/nav_r.jpg) no-repeat; width:63px; height:51px;}
.nav li a span.ico{ display:none;}
.nav li a.ov span.ico{ display:block; position:absolute; left:50%; top:-15px; width:21px; height:15px; background:url(images/i_sy.jpg) no-repeat; }


/*Focus*/
.banner{ clear:both; height:320px; position:relative;}

.banner img{ display:block; margin:0 auto; max-width:100%; }
#slide_text {position:absolute; z-index:2; bottom:20px; left:50%; width:200px; margin-left:-100px; text-align:center; }
#slide_text ul {list-style-type:none;}
#slide_text ul li { display:inline-block; width:14px; height:14px; font:16px/32px Arial, Helvetica, sans-serif; margin:0 3px; cursor:pointer; text-align:center; background:#ccc; color:#fff; overflow:hidden; border-radius:7px; text-indent:-999px; overflow:hidden;}
#slide_text ul li.cur{ background:#85BB2C;}
#slide_list a{ display:none; position:absolute; height:320px;}


/* ===============
		footer 底部
============== */

#footer { clear:both; border-top:solid #66A54A 2px; margin-top:30px; overflow:hidden; padding:20px 10px 30px 10px; }
.f-contact{ float:left;}
#footer .footerMain { float:right; text-align:right;}
#footer .footerMain a{ margin:0 5px;}
.author{ color:#999;}


/* ===============
		HOME 首页
============== */

.zt { position:relative; clear:both; margin-top:20px; overflow:hidden; }
.zt h2{ height:30px; border-bottom:solid #ddd 1px; margin:0 0 20px 0;}
.zt h2 a{ float:left; font:14px/30px "Microsoft Yahei"; display:block; padding:0 30px 0 43px; font-weight:normal; color:#fff; background:#85BB2C url(images/t_sy.png) no-repeat 15px center;}
.zt h2 a:hover{ color:#fff; background:#66A54A url(images/t_sy.png) no-repeat 15px center;}
.zt .more{ position:absolute; right:10px; top:0; line-height:30px; color:#66A54A; }


/* 新闻 */
.news{ border:solid #66A54A 1px; line-height:42px; position:relative; overflow:hidden; margin-top:10px; }
.news h2{ margin:0; position:absolute; top:0; left:0; width:135px; height:42px; background:url(images/t_news_r.gif) no-repeat right 0; text-align:center; }
.news h2 a{ font:14px/42px "Microsoft Yahei";}
.news li{ float:left; width:33%; height:42px; }
.news li a{  background:url(images/i_3j.gif) no-repeat 0 center; padding-left:12px; line-height:42px;}
.autoup {width:830px; float:right; height:42px; overflow:hidden; }


/* 产品 */
.products{ float:left;background:#F3F4F0; padding-top:10px; overflow:hidden; width:860px;  }
.cat{ float:left; width:150px;}
.cat li{ border-bottom:solid #85BB2C 1px; border-left:solid #85BB2C 2px; margin-bottom:1px; line-height:56px;}
.cat li a{ font:14px/56px ""; display:block; }
.cat li a .ico{ float:left; background:url(images/ico.gif) no-repeat; display:block; width:32px; height:32px; margin:9px 14px 0 17px;}
.cat li.cat-1 a .ico{ background-position:0 2px;}
.cat li.cat-2 a .ico{ background-position:0 -54px;}
.cat li.cat-3 a .ico{ background-position:0 -110px;}
.cat li a:hover span{ filter:alpha(opacity=80); opacity:0.8;}

.list { float:left; width:670px; margin-left:26px; }

.list ul{ margin:0;}
.list li { float:left; width:25%; text-align:center; overflow:hidden; }
.list li img { display:block; width:150px; height:120px; background-color:#fff; margin-bottom:8px; border:solid #ddd 1px;}
.list li a{ display:block; min-height:150px; margin:0 3px; color:#666; line-height:16px; padding:5px; }
.list li a:hover{  background-color:#85BB2C; color:#fff; }
.list li strong{ font-weight:normal; }


.ad2{ float:right; width:122px;}
.ad2 img{ float:right; margin-bottom:15px; display:block; }
.ad2 a:nth-child(2) img{ margin:0; }

/* about 公司简介 */
.about { margin-top:20px; }
.about p { margin:10px 0px; font:12px/20px "Arial"; }
.about img { float:left; margin-right:30px; max-width:300px;}
.about p a { color:#A1642C; text-decoration:underline; }


/* 案例 */
.case li{ float:left; width:167px; text-align:center;}
.case li img{ width:150px; height:120px; border:solid #ddd 1px; display:block; margin:0 auto 8px auto;}

#demo {
overflow:hidden;
width: 1002px;
}
#indemo {
float: left;
width: 800%;
}
#demo1,
#demo2 {
float: left;
}



/* ===============
		sidebar 侧边
============== */

.sidebar { float:left; width:180px; padding:0; }
.sidebar h3 { height:30px; margin:0; background-color:#66A54A; font:14px/30px "Microsoft Yahei"; color:#fff; padding:0; border-radius:5px; text-transform:uppercase; text-align:center;  }
.sidebar ul { margin:0; padding:0;  }
.sidebar li a { display:block; font:12px/32px "Arial"; padding:0 0 0 24px; border-bottom:solid 1px #ddd; background:url(images/i_lnav.png) no-repeat 10px center; }
.sidebar li a:hover { background-color:#f2f2f2; }
.sidebar li ul { border:none; }

.prodnav ul{ display:none;}
.prodnav ul li { border:0; }
.prodnav ul li a { padding:0 0 0 40px; color:#666; background-position: 24px center; }



/* ===============
		内页/内容
============== */


/* right 右侧内容 */
.right { width:800px; float:right; margin:0; overflow:hidden; }
.right h1,
.odd-column h1 { height:30px; border-bottom:solid #ddd 1px; margin:0 0 20px 0; }
.right h1 b,
.odd-column h1 b{ float:left; font:14px/30px "Microsoft Yahei"; display:block; padding:0 30px 0 43px; font-weight:normal; color:#fff; background:#85BB2C url(images/t_sy.png) no-repeat 15px center; }

.content { padding:15px 6px; min-height:200px; _height:200px; }


/* 分页 */
.pagenav{ clear:both;margin-top:20px; color:#999;}
.pagenav b{color:#00AB4E; font-weight:normal;}
.pagenav span,.pagenav a{ display:inline-block; border:solid #ccc 1px; padding:3px 8px;}
.pagenav a{ text-decoration:none;}
.pagenav a:hover,
.pagenav a.cur{ background:#00AB4E; color:#fff;}


/* 当前位置 */
.path{ clear:both; color:#999; margin-bottom:20px; background-color:#f2f2f2; padding:0 10px; line-height:24px; border-radius:5px; }

/* post-news内页新闻列 */
#post-news { margin:20px 0; }
#post-news ul{ margin:12px 0 0 0; padding:0; list-style:none;}
#post-news li{ border-bottom:solid #ddd 1px;}
#post-news li a{ display:block;font:12px/36px "Arial"; text-decoration:none; background:url(images/i_lnav.png) no-repeat 10px center; padding-left:25px; cursor:pointer;}
#post-news li a:hover{ background-color:#f2f2f2; }
#post-news li span{ float:right; color:#666; margin-right:10px;}

.newscontent { vertical-align:top; line-height:22px; text-align:left; overflow:hidden;  }
.pborder { text-align:center; }
.pborder h2 { color:#311F11; font:bold 24px/30px ""; margin:0; }
.pborder .news_date { text-align:center; color:#666; height:35px; border-bottom:dashed 1px #ccc; margin-bottom:20px; }

/* prolist 内页产品列表 */
.prolist { margin:20px 0; }
.prolist ul { margin:0; padding:0; list-style:none; }
.prolist li {  width:25%; float:left; text-align:center; height:210px; overflow:hidden; }
.prolist li img { display:block; width:180px; height:144px; background-color:#fff; margin-bottom:8px;}
.prolist li a{ display:block; width:180px; min-height:180px; margin:0 auto; color:#666; line-height:16px; padding:4px; background-color:#f2f2f2;}
.prolist li a:hover{ background-color:#85BB2C; color:#fff; }
.prolist li strong{ font-weight:normal; }


/* prodetail 内页产品详细介绍 */
.prodetail { margin:20px 0; overflow:hidden; }
.prodetail h2 { clear:both; margin:20px 0; padding:0 0 0 10px; background:none; font:bold 14px/40px "Arial"; color:#666; border-bottom:dashed 1px #ccc; text-transform:uppercase; }
.prodetail .maximg { float:left; max-width:400px; max-height:400px; overflow:hidden; margin:0 20px 10px 10px; border:solid 1px #CCC; }
.prodetail ul { margin:0; padding:0; list-style:none; }
.prodetail li { font:12px/30px "Arial"; }
.prodetail li b { font:16px/30px "Arial"; }
.prodetail li strong { font:14px/30px "Arial"; color:#f00; }
.prodetail li span { width:350px; font:12px/20px "Arial"; float:left; padding:10px; }
.prodetail li pre{width:350px; display:block; white-space: pre-wrap; /* css-3 */white-space: -moz-pre-wrap; /* Mozilla, since 1999 */white-space: -pre-wrap; /* Opera 4-6 */white-space: -o-pre-wrap; /* Opera 7 */word-wrap: break-word; /* Internet Explorer 5.5+ */  }
.prodetail .contents { overflow:hidden; }
.prodetail .contents table { width:90%; margin:0 auto; border:solid #000 1px; border-collapse:collapse; }
.prodetail .contents table th,
.prodetail .contents table td {border:solid #000 1px; padding:3px;}


/* back */
.back { text-align:center; }
.back a{ display:inline-block; width:200px; height:40px; line-height:40px; text-align:center; background-color:#66A54A; margin:10px 0; color:#fff; font-size:16px; *display:inline; *zoom:1;}
.back a:hover{ background-color:#85BB2C;}


/* Message Form */
.well{ margin:20px 100px; padding:20px; background-color:#ffc; border-radius:5px; color:#66A54A; font:18px/24px ""; text-align:center;}
.messageForm{ color:#666;}
.messageForm .css input,
.messageForm .css textarea{ border:solid #ccc 1px; padding:3px; width:400px;}
.messageForm .btn input{ width:100px; height:32px; line-height:32px; padding:0; border:solid #006F32 1px; border-top:solid #85BB2C 1px; border-left:solid #85BB2C 1px; background-color:#66A54A; text-align:center; color:#fff; cursor:pointer; font-size:16px; }
.messageForm .btn input:hover{border:solid #85BB2C 1px; border-top:solid #006F32 1px; border-left:solid #006F32 1px; }