@charset "utf-8";
/* CSS Document */
body { margin: 0px; padding: 0px; color: #666666; font-size: 12px; font-family: "微软雅黑"; }
* { margin: 0px; padding: 0px; }
ul, li { list-style: none; list-style-type: none; }
img { border: 0px; margin: 0px; padding: 0px; vertical-align: middle; }
input, select { vertical-align: middle; }
.clear { clear: both; }
br { margin: 0px; padding: 0px; }
table { margin: 0px auto; }
.wrap { width: 1200px; margin: auto; overflow: hidden; }
.fr { float: right; }
.fl { float: left; }
.m20 { margin-top: 20px; }
.m30 { margin-top: 30px; }
.w_1200{width: 1200px; margin: auto; overflow: hidden; margin:0 auto;}
/*a style*/
a { color: #333333; text-decoration: none; }
a:link, a:visited { color: #333333; }
a:hover { color: #f33074; text-decoration: none; }
/*============页面整体布局============*/
.header { width: 1200px; margin: 0 auto; overflow: hidden; }
em, i { font-style: normal; }
.h_wrap { min-width: 1200px; background: url(../images/h_bg.jpg) repeat-x; }
.head { width: 1200px; margin: 0 auto; height: 163px; z-index: 99999; }
.h_tip { height: 28px; line-height: 26px; font-size: 14px; color: #595959; }
.h_tip span { float: right; }
.h_tip a { color: #595959; padding: 0 5px; }
.h_mid { height: 95px; overflow: hidden; }
.h_mid img { margin-top: 10px; }
/*============nav============*/
.h_nav { height: 40px; line-height: 40px; width: 1200px; margin: 0 auto; }
.h_nav li { float: left; font-size: 14px; position: relative; z-index: 6; display: inline-block; width: 165px; text-align: center; }
.h_nav li a { display: inline-block; color: #fff; font: 14px/40px "Microsoft Yahei", "微软雅黑";  }
.h_nav li em { display: inline-block; height: 40px; }
.h_nav li.have:hover { background-color: #316700; }
.h_nav li.have:hover a { color: #fff; }
.h_nav li a:hover, .h_nav .cur a { text-decoration: none; color: #fff; background-color: #316700;padding: 0 54px; }
.h_nav li.have a:hover { background-color: #316700; }
.h_nav li:hover .erji { display: block; }
.h_nav li .erji { position: absolute; top: 38px; left: 0; width: 200px; display: none; }
.h_nav li .erji_top { width: 200px; height: 21px; background: url(../images/erji_top.png) no-repeat center bottom; overflow: hidden; }
.h_nav li .erji_bot { width: 200px; height: 8px; background: url(../images/erji_bot.png) no-repeat; overflow: hidden; }
.h_nav li .erji_c { width: 200px; background: #2b5a00; overflow: hidden; }
.h_nav li .erji_c a { background: none; font: 14px/30px "Microsoft Yahei", "微软雅黑"; color: #fff; margin-top: 5px; margin-left: 5px; padding-left: 25px; background: url(../images/erji_li.gif) no-repeat 12px center; width: 115px; display: block; overflow: hidden; text-align:left; padding-left:50px; }
.h_nav li .erji_c a:hover, .h_nav li .erji_c a.cur { background: url(../images/erji_cur.gif) no-repeat; }
/*============banner============*/
.HomeBan{ width:100%; height:500px; position:relative;}
.HomeBan .BanList{ width:100%; height:500px;}
.HomeBan .BanList li{ width:100%; height:500px; overflow:hidden;}
.HomeBan .TabList{ width:100%; height:6px; left:0px; bottom:16px; position:absolute;}
.HomeBan .TabList .List{ width:1000px; height:6px; margin:0 auto;}
.HomeBan .TabList .List ul{height:6px; width:100%;}
.HomeBan .TabList li{ float:left; width:50px; height:4px; padding:0 5px;}
.HomeBan .TabList li span{ background:#fafffb; width:50px; height:4px; display:block; cursor:pointer;}
.HomeBan .TabList li.on span{ background:#5e5c5d;}
/*============搜索栏============*/
.ss{ width:100%; height:58px; line-height:58px; background:#fff; border-bottom:solid 1px #cbcbcb;}
.ss .txt{ width:900px; float:left; font-size:14px; color:#535353}
.ss .txt a{ font-size:14px; color:#535353; padding:0 10px;}
.search{ float:right; margin-top:15px; }
.search .t_btn {width: 215px;height: 24px;background: url(../images/s_bg02_1.gif) no-repeat right top;border: 1px solid #b2b2b2;float: right;}
.search .text_bg{ width:178px; height:24px; line-height:24px; overflow:hidden; float:left;}
.search .text_bg .text01{ color:#666; border:none; background:none; width:158px; padding:0 10px; height:24px; line-height:24px;}
.search .btn_bg{ width:37px; height:24px; float:left;}
.search .btn_bg .btn01{ border:none; background:none; width:37px; height:24px; cursor:pointer;}
/*============网站背景============*/
.bg{ width:100%; padding:30px 0 50px 0; background:url(../images/bg.jpg) repeat;}
/*============首页-成功案例============*/
.tit{ height: 40px; line-height:40px; background: url(../images/tit.jpg) repeat-x bottom; border-top: 1px solid #dddada; border-left: 1px solid #dddada; border-right: 1px solid #dddada; padding:0 15px;}
.tit .t{ padding-left:30px; background:url(../images/i.png) no-repeat left center; font-size:16px; color:#4c9907; font-weight:bold; float:left;}
.more { float: right; margin-top:15px}
.con_box { margin: 0px auto; border: 1px solid #dddada;padding: 15px; border-top: 0px; height: 170px; overflow: hidden; background:#fff; }

.xc { width:1200px; overflow:hidden; float:left; margin-top:30px;}
.xc_c {}
.xc_c ul { height:180px; overflow:hidden;}
.xc_c ul li { float:left; margin-right:11px; display:inline; overflow:hidden;}
.xc_c ul li img {padding:2px; border:1px solid #8B8B8B; width:218px; height:140px;}
.xc_c ul li a { color:#8B8B8B;}
.xc_c ul li a:hover img{padding:2px; border:1px solid #4c9907;color:#4c9907;}
.xc_c ul li span { text-align:center; display:block; width:210px; height:28px; font:14px/28px "微软雅黑"; overflow:hidden; color:#505050;}
.xc_c ul li a:hover { text-decoration:none; color:#4c9907;}
.xc_c ul .nobot { margin:0;}
/*============首页-关于我们============*/
.about { width:851px; overflow:hidden; margin-top:30px;}
.about h2 { height:44px; background:url(../images/line.jpg) no-repeat left bottom; font:16px/44px "微软雅黑";}
.about h2 a { color:#333;}
.about h2 em { color:#acacac; font:14px/44px "微软雅黑"; padding:0 0 0 10px; text-transform:uppercase;}
.about h2 span { margin:12px 0 0 0;}
.a_c { height:258px;}
.a_c img{ float:left; padding:3px; border:solid 1px #cfcfcf; width:425px; height:250px; margin-right:18px;}
.a_c p{ font-size:14px; color:#525252; line-height:24px; text-align:justify;}
/*============首页-企业荣誉============*/
.ry { width:330px; overflow:hidden;margin-top:30px;}
.ry_c { height:264px; overflow:hidden; padding:24px 0 0 0;width: 328px;}
.ry_c ul{ width:250px; height:258px; overflow:hidden;padding-left:20px}
.ry_c ul li { width:250px; height:258px; overflow:hidden; position:relative;}
.ry_c ul li p{ text-align:center; line-height:40px; font-size:14px; color:#4b4b4b;}
.ry_c ul li img { width:250px; height:220px;}
.ry_c ul li span { position:absolute; top:219px; _top:227px; left:0; width:197px; color:#fff; height:24px; font:12px/24px "微软雅黑"; text-align:center; display:block; background:url(../images/png.png) repeat;}
.r01 a { background:url(../images/rl.gif) no-repeat; width:10px; height:28px; display:inline-block; margin:100px 0 0 10px;}
.r02 a { background:url(../images/rr.gif) no-repeat; width:10px; height:28px; display:inline-block; margin:100px 10px 0 0;}
/*============首页-新闻及常见问题============*/
.con1 { width: 100%; height: auto; overflow:hidden; float:left; }
.con1_1 { width: 378px;margin-top:30px; float: left; margin-right:30px;}
.list .IMG img { width: 346px; height: 143px; padding-bottom: 10px; }
.list p { font-size: 14px; color: #595959; line-height: 28px; text-align: justify; }
.list ul{ height:auto; overflow:hidden;}
.list ul li { float: left; width: 100%; background: url(../images/dian.jpg) no-repeat left center; height:30px;line-height: 30px;}
.list ul li p{  height:30px; font-size: 14px; padding-left: 8px; color: #595959; width:75%; overflow:hidden; float:left;}
.list ul li a:hover p { color: #4c9907; }
.list ul li span { float: right; font-size: 12px; }
.list dl { border-bottom: #e2e2e2 1px solid; padding: 0 0 18px 0; margin-bottom: 23px; }
.list dt { padding-bottom: 10px; line-height: 18px; padding-left: 32px; padding-right: 0px; background: url(../images/wd_w.gif) no-repeat 0px 2px; overflow: hidden; padding-top: 0px; }
.list dt a { color: #464646; font-size: 14px; }
.list dt a:hover { color: #036add; }
.list dd { line-height: 24px; padding-left: 32px; background: url(../images/wd_d.gif) no-repeat 0px 5px; color: #666; max-height: 80px; overflow: hidden; }
.list dd p { color: #7c7c7c; font-size: 12px; line-height: 24px; }
.list .link a { padding: 0 10px 0 0; }
/*============首页-合作伙伴============*/
.con2{ float:left; margin-top:30px; width:1200px;}
.con2 h2 { height:44px; background:url(../images/line.jpg) no-repeat left bottom; font:16px/44px "微软雅黑";}
.con2 h2 a { color:#333;}
.con2 h2 em { color:#acacac; font:14px/44px "微软雅黑"; padding:0 0 0 10px; text-transform:uppercase;}
.con2 h2 span { margin:12px 0 0 0;}
.hz { padding:25px 0 0 0; overflow:hidden;}
.r03 a { background:url(../images/rl.gif) no-repeat; width:10px; height:28px; display:inline-block; margin:35px 10px 0 10px;}
.r04 a { background:url(../images/rr.gif) no-repeat; width:10px; height:28px; display:inline-block; margin:35px 10px 0 0;}
.hz ul li { float:left; margin:0 10px 0 10px; display:inline; overflow:hidden;}
.hz ul li img {border:1px solid #c9c9c9; width:167px; height:85px;}
/*============footer============*/
.footer { width: 100%;text-align: center; font-size: 14px;overflow: hidden; background:#4c9907; color:#fff; }
.footer .link{ width:100#; height:50px; line-height:50px; background:url(../images/l.png) no-repeat bottom center; margin-bottom:10px;}
.footer .link a{ color:#fff; padding:0 15px;}
.footer p{ line-height:30px; font-size:14px;}
.footer p span{ margin-right:20px;}
/*============右浮标============*/
.sidebar { position: fixed; width: 38px; height: 158px; right: 0; top: 214px; z-index: 100; }
* html .sidebar { position: absolute; right:expression(eval(document.documentElement.scrollRight));
top:expression(eval(document.documentElement.scrollTop+214))}
.sidebar ul li { width: 38px; height: 38px; line-height: 38px; float: left; position: relative; margin-bottom: 2px; }
.sidebar ul li .sidebox, .sidebar ul li .sidebox_ewm, .sidebar ul li .sidebox_link { position: absolute; width: 38px; height: 38px; line-height: 38px; top: 0; right: 0; transition: all 0.3s; background: #4c9907; color: #fff; overflow: hidden; -moz-border-radius: 2px; -khtml-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; }
.sidebar ul li .sidetop { background: url(../images/top.png) no-repeat #4c9907; display: block; width: 38px; height: 0; line-height: 38px; transition: all 0.3s; -moz-border-radius: 2px; -khtml-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; }
.sidebar ul li .sidetop:hover { background: url(../images/top.png) no-repeat #939393; }
.sidebar ul li .sidebox_ewm:hover { background: #939393; }
.sidebar ul li img { float: left; }
.sidebar ul li .sidebox_hide { position: absolute; display: none; }
.sidebar ul li.ewm_box .sidebox_ewm_hide { width: 140px; height: 110px; padding: 10px 0 10px 10px; left: -150px; top: 0px; background-position: 0 0; background: url(../images/float_ewmbg.png) no-repeat; }
.sidebar ul li.ewm_box .sidebox_ewm_hide img { width: 110px; height: 110px; overflow: hidden; }
.sidebar ul li.ewm_box a:hover .sidebox_hide, .sidebar ul li.link_box a:hover .sidebox_hide { display: block; }
.sidebar ul li.link_box a:hover .sidebox_link { background: #3d9eeb; }
.sidebar ul li.link_box i { font-size: 22px; }
.sidebar ul li.link_box .sidebox_link_hide { width: 300px; height: 80px; left: -355px; top: -92px; font-size: 12px; background: #eee; padding: 25px; color: #333; -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.sidebar ul li.link_box .sidebox_link_hide { line-height: 24px; }
/*============内页样式============*/
.in_L { width: 240px; height: auto; overflow: hidden; background: url(../images/j.jpg) repeat-x #fff; border: solid 1px #d4d4d4; float: left; }
.in_tit { width: 220px; height: 30px; background: url(../images/in_tit.png) no-repeat 10px 10px; padding: 10px 10px 25px 10px; }
.in_tit span { padding-left: 30px; line-height: 36px; font-size: 15px; color: #434343; font-weight: bold; }
.in_Lnav { width: 220px; padding: 20px 10px 50px 10px; background: #f0f0f0; }
#menu { overflow: hidden; width: 100%; background: #fff; }
#menu h1 { width: 100%; font-size: 12px; color: #505050; line-height: 40px; background: url(../images/pro_li01.jpg) left center no-repeat; font-weight: normal; height: 40px; border:solid 1px #e9e9e9; }
#menu h1 a { color: #575757; font-size: 14px; padding-left: 45px; display: block; width: 192px; height: 40px; line-height: 40px; }
#menu h1 a:hover, #menu h1 .cur { color: #4c9907; }
#menu h3 { font-size: 14px; margin-left: 24px; background: url(../images/gl_bar1.jpg) no-repeat left top; line-height: 40px; font-weight: normal; padding-left: 14px; }
#menu h3 a:hover { color: #4c9907; }
.in_R { width: 900px; height: auto; overflow: hidden; background: url(../images/j.jpg) repeat-x #fff; border: solid 1px #d4d4d4; float: right; padding: 0 15px 40px 15px; }
.in_Rtit { width: 100%; height: 40px; line-height: 40px; border-bottom: solid 1px #d4d4d4; font-size: 14px; color: #212121; margin-bottom: 15px; }
.in_Rtit span { color: #4c4c4c; float: right; }
.in_Rtit span a { color: #4c4c4c; padding: 0 5px; }
.in_R .txt { width: 100%; }
.gl_tit1 { background: url(../images/gl_tit1.jpg) no-repeat center bottom; height: 37px; width: 224px; padding-left: 6px; padding-bottom: 10px; margin: 0px auto; clear: both; }
.inp { width: 162px; border: 1px solid #dedede; height: 23px; line-height: 23px; padding-left: 6px; border-right: 0px; }
.page { text-align: center; line-height: 24px; color: #666; height: auto; overflow: hidden; float: left; width: 100%; margin-top: 30px; }
.page a { display: inline-block; height: 24px; padding: 0 10px; margin: 0 2px; color: #666; background: #fff; border: solid 1px #CCC }
.page a:hover, .page .cur { color: #fff; background: #4c9907; }
/*============内页-关于我们============*/
.in_ab p{ font-size:14px; line-height:24px; color:#525252;}
.in_ab img{ margin-top:20px;}
/*============内页-产品中心============*/
.in_prolist{}
.in_prolist li{ width:213px; height:185px; float:left; margin-right:15px; text-align:center;}
.in_prolist li img{ width:213px; height:150px;}
.in_prolist li p{ font-size:14px; line-height:30px; color:#5f5f5f;}
/*============内页-产品详情============*/
.in_pro .txt{ width:100%; margin:0 auto; padding-top:10px;}
.in_pro .txt p { line-height: 30px; font-size:14px; padding-left:45px; color:#4b4b4b;}
.in_pro .title{ display:block; width:100%; height:40px;border-bottom:dashed 1px #c2c2c2; text-align:center; margin-bottom:20px; font-size:18px; color:#404040;}
.pro_img_box { padding: 15px 0 0 0; text-align: center;  padding-bottom:20px;border-bottom:dashed 1px #c2c2c2;}
#bimg-box { width: 100%; overflow: hidden; height: 500px; }
#bimg img { height: 500px; }
.pro_small_img_list {  height: 80px; margin: 10px; overflow: hidden; text-align: center; }
.pro_small_img_list a.this { border: 2px solid #4c9907;}
.pro_small_img_list a { display: inline-block; width: 100px; height: 68px; padding: 4px; border: 1px solid #eee; background: #fff; cursor: pointer; margin-right: 8px; }
.pro_small_img_list a img { width: 100px; height: 68px; }
.txt .link{ width:490px; padding:10px 0; margin:0 auto;}
.txt .link span{ line-height:30px; font-size:14px; color:#404040;}
.txt .link span a{color:#404040; padding-left:5px;}
.share{margin:20px auto 10px auto; width:310px; height:20px;}