﻿body{ font-size:12px; font-family:Microsoft Yahei; color:#555; font-size:14px; min-width:1200px;}
*,ul,li,ol,dl,dt,dd,em{ padding:0; margin:0; list-style:none; font-style:normal;}
html{ overflow-x:hidden}
a{ text-decoration:none; color:#333}
a:hover{ color:#009944;}
img{ border:none}
.container{ width:1200px; margin:0 auto;}
input,button{outline:none;}
.box{ width:100%; position:relative;}
.txt1{ float:left; width:140px; color:#c1d1e2; height:20px; line-height:20px; text-align:right; padding:0 5px; background:url(.); border:none;}
.btn1{ float:right; width:30px; height:20px; background:url(../images/icon_search.png) no-repeat center center; border:none; cursor:pointer}
.logo{ float:left; width:300px; height:100px; overflow:hidden;}
.logo img{padding-top:10px;}
.weima{ float:right; width:100px; padding:10px; height:80px;}

.top_right{ float:right; width:300px; height:70px; padding-top:30px;text-align:right}
/*menu*/ 
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.head_wrapper{ width:100%; z-index:99999; top:0; position:absolute;height:70px;border-bottom:1px solid rgba(255,255,255,0.3); margin:0 auto;}

.menu{ float:right; width:750px;height:70px; line-height:70px}
.nav{ height:70px; float:left; position:relative;}
.nav a{ color:#fff;  }
.nav .nLi{ float:left;   display:inline;  }
.nav .nLi h3{ float:left;  }
.nav .nLi h3 a{ display:block; width:120px; font-size:16px;font-weight: normal; height:70px; line-height:70px;text-align:center;position:relative; }
.nav .nLi:hover h3 a{color:#04c158; border-top:3px solid #04c158; height:67px;line-height:67px;transition:background 0.2s linear;-moz-transition:background 0.2s linear;-o-transition:background 0.2s linear;
-webkit-transition:background 0.2s linear;-ms-transition:background 0.2s linear;}
.nav .cur h3 a{color:#04c158; border-top:3px solid #04c158; height:67px;line-height:67px;transition:background 0.2s linear;-moz-transition:background 0.2s linear;-o-transition:background 0.2s linear;
-webkit-transition:background 0.2s linear;-ms-transition:background 0.2s linear;}
 .nav .nLi h3 a.home{ background:url(.);}


.nav .sub{ padding:0 10px; display:none;list-style:none; width:120px;z-index:100000;min-height:36px;max-height:auto !important;position:absolute; top:70px; background:#fff;
padding-top:5px; padding-bottom:15px; border-radius:10px; border-top:2px solid #04c158; border-bottom:2px solid #04c158;text-align:center; }
.nav .sub:after{
border: solid transparent;
content: ' ';
height: 0px;
left: 50%;
position: absolute;
width: 0;
}
.nav .sub:after {
border-width: 10px;
border-bottom:10px solid rgba(255,255,255,0.5);
 margin-left:-10px;
top:-22px
}
.nav .w250{ width:220px;left:180px;}
.nav .w200{ width:200px;left:320px;}
.nav .sub li{float:left;zoom:1; width:100%;height:36px;line-height:36px;background:url(../images/menu_main.png) repeat-y center top; }
.nav .sub a{ display:inline-block; width:100%;font-size:14px;float:left; border-bottom:1px dashed #666; height:36px;line-height:36px; color:#333131; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.nav .sub a:hover{ color:#04c158;}
.nav .sub li.bot{ height:16px;background:url(../images/menu_bot.png) no-repeat center bottom;}
/*banner*/
.slideBox{ width:100%; height:600px; overflow:hidden; position:relative;text-align:center; z-index:10;}
.slideBox .hd{ height:10px; overflow:hidden; position:absolute; left:50%; margin-left:-90px; bottom:15px; z-index:1;  padding:5px 15px;}
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideBox .hd ul li{ float:left; margin-right:10px;  width:12px; height:12px; border-radius:50%;  text-align:center; background:#fff; cursor:pointer; }
.slideBox .hd ul li.on{ background:#ed1c24; color:#fff; }
.slideBox .bd{ position:relative; width:100%;height:100%; z-index:0;  }
.slideBox .bd li{ zoom:1;width:100%; height:100%;}
.slideBox .bd li a{ width:100%; height:600px; text-indent:-9999px; display:block}
.slideBox .prev,
.slideBox .next{ position:absolute; left:8%; top:50%; margin-top:-35px; display:block; width:32px; height:51px; background:url(../images/slider-arrow.png) -110px 0px no-repeat; filter:alpha(opacity=80);opacity:0.8;   }
.slideBox .next{ left:auto; right:8%; background-position:0px 0px; }
.slideBox .prev:hover,
.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.slideBox .prevStop{ display:none;  }
.slideBox .nextStop{ display:none;  }
/*首页案例*/
.box_case{ width:1200px; height:700px; margin:10px auto;}
.box_case dt{ float:left; width:100%; height:60px; background:url(../images/icon_product.png) no-repeat center center; padding:50px 0;}
.box_case dd{ float:left; width:100%; height:500px;}
.box_case dd a{ float:left; width:590px; height:240px; position:relative;margin-bottom:20px;}
.box_case dd a.w1{ height:500px;margin-right:20px;}

.box_case dd a:hover{ color:#009942;}
.box_case dd a img{ width:100%; float:left; position:relative; height:240px;}
.box_case dd a.w1 img{ width:100%; float:left; position:relative; height:500px;}
.box_case dd a span{ position:absolute; width:550px; height:36px; left:0; font-size:16px; text-align:left; padding:0 20px; color:#fff; bottom:0; z-index:10; line-height:36px; background:#000;filter:alpha(opacity=60); background:rgba(0,0,0,0.6);}
.box_case dd a:hover span{ color:#009942;}
.box_case dd a span.h100{ height:100px;}
.box_case dd a span.h100 b{ color:#009942;}
.box_case dd a span.h100 i{ float:left; width:100%; font-size:13px; line-height:19px; color:#fff;}
/*首页公司简介*/
.box_about{ width:1200px; height:420px; margin:20px auto; padding-bottom:20px;}

.box_about dt{ width:100%; float:left; height:46px; padding:10px 0;background:url(../images/icon_about.png) no-repeat center center;}
.box_about dd{ float:left; width:100%; padding-top:40px; height:320px;overflow:hidden}
.box_about dd img{ float:right; width:570px; height:300px;}
.box_a_left{ float:left; width:580px; height:300px; color:#4c4c4c; line-height:28px;}
.box_a_left h2{ width:100%; float:left; color:#666; margin-bottom:15px; font-size:18px; background:url(../images/icon_l1.jpg) no-repeat left bottom; padding-bottom:15px;}
.box_a_left a{ display:block;width:140px; color:#fff; height:32px; line-height:32px; background:#eca227; border-radius:8px; text-align:center;}
.box_a_left a:hover{ background:#d98802;}
a.more{ width:50px; height:30px; float:right;}

/*首页新闻*/
.box_news{ width:1200px; height:530px; margin:10px auto;}
.box_news dt{ float:left; width:100%; height:47px; background:url(../images/icon_news.png) no-repeat center center; padding:20px 0;}
.box_news dt.n_title1{ float:left;width:600px; height:37px; background:url(../images/icon_news1.png) no-repeat left center; padding:0;}
.box_news_left{ float:left; width:800px;}
.box_news dd{ float:left; width:800px; height:360px; padding-top:30px;}
.box_news dd .nleft{ width:390px; height:346px; float:left; position:relative;}
.box_news dd .nleft img{ width:390px; height:180px; float:left;}
.box_news dd .nleft p{ float:left; width:390px; height:70px; color:#999; font-size:13px;padding:5px 0px;}
.box_news dd .nleft p a{ color:#009944;float:left; width:100%; padding:5px 0; font-size:16px;}
.box_news dd .nleft p a:hover{ color:#009944;}
.box_news dd .nleft p span{ float:left; width:100%; padding:5px 0; line-height:26px;}
.box_news dd .nleft p i{float:right;}

.box_news dd ul{ float:right; width:380px; min-height:360px;}
.box_news dd ul li{ float:left; width:100%; height:41px; line-height:41px;border-bottom:1px dashed #dcdcdc; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.box_news dd ul li a{ color:#353535; font-size:14px;}
.box_news dd ul li a:hover{ color:#009944;}

ol.box_technical{ float:right; width:360px; padding-left:20px; overflow:hidden; border-left:1px solid #e6e6e6; height:362px;}
ol.box_technical p{ float:left;width:100%; height:37px; line-height:37px; background:url(../images/icon_news2.png) no-repeat left top; padding:0; padding-bottom:30px;}
.box_technical li{ float:left; width:100%; height:41px; line-height:41px;border-bottom:1px dashed #dcdcdc; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.box_technical li a{ color:#353535; font-size:14px;}
.box_technical li a:hover{ color:#009944;}


.ins_banner{ width:100%; height:500px; margin:0 auto;}
.b_box{background:#fff; margin-bottom:20px; overflow:hidden}

/*产品分类*/
.left_column{ position:absolute; margin-top:-40px; width:250px;height:50px;font-size:16px;color:#fff; background:#04c158; padding:15px 25px; color:#fff;}
.left_column span{ font-size:24px;}
.left_column em{ font-size:16px; text-transform:uppercase; color:#b8e7c7}
.pro_left{ width:200px;float:left;position:relative; min-height:300px; height:auto !important; overflow:hidden; padding-bottom:20px;}

.suckerdiv{ float:left;width:300px;border-right:1px solid #ddd;border-top:1px solid #ddd; padding-bottom:3000px; margin-bottom:-3000px; margin-top:60px;}
.suckerdiv li{ float:left;width:296px; border-right:5px solid #04c158; height:41px;line-height:40px;background:url(../images/icon_nav_d1.png) no-repeat 15px -22px;font-size:14px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.suckerdiv li:hover{background:#04c158 url(../images/icon_nav_d1.png) no-repeat 15px 18px;}
.suckerdiv li.hover{background:#04c158 url(../images/icon_nav_d1.png) no-repeat 15px 18px;}

.suckerdiv li a{ float:left;width:296px; color:#464646; font-size:15px; text-indent:33px;line-height:40px;border-bottom:1px solid #ddd; }
.suckerdiv li:hover span{ float:right;color:#fff; background:url(../images/icon_j2.png) no-repeat left center; width:25px; height:40px;}
.suckerdiv li a:hover{color:#fff;border-bottom:1px solid #ddd;}
.suckerdiv li.hover a{color:#fff;border-bottom:1px solid #ddd;}
.suckerdiv li.hover span{ float:right;color:#fff; background:url(../images/icon_j2.png) no-repeat left center; width:25px; height:40px;}

.suckerdiv dl{ display:none;float:left;width:296px; border-right:5px solid #04c158;line-height:40px;font-size:14px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.suckerdiv dl a{float:left;width:296px; color:#666; font-size:13px; text-indent:33px;line-height:40px;border-bottom:1px solid #ddd;}
.suckerdiv dl a span{ color:#999;}
.suckerdiv dl a:hover,.suckerdiv dl a:hover span{ color:#04c158;}
.suckerdiv dl a.hover,.suckerdiv dl a.hover span{ color:#04c158;}


.suckerdiv ul{margin: 0;padding: 0;list-style-type: none;width:100%; z-index:100; border-bottom:1px solid #ddd; padding:10px 0; display:none; background:#fff;}
.suckerdiv ul li{position: relative;}

/* menu links style */
.suckerdiv ul li a{width:100%;text-decoration: none;display:block;line-height:30px;color:#535353;font-size:14px;font-weight:normal; text-indent:28px; background:url(../images/icon_05.png) no-repeat 15px center;}
.suckerdiv ul li a:hover{color: #20993b;background: #eee url(../images/icon_05.png) no-repeat 15px center;;}
.suckerdiv ul li a.hover{background:#e6cbea!important;color:#20993b!important;}
/* Holly Hack for IE \*/
* html .suckerdiv ul li { float: left; height: 1%; }
* html .suckerdiv ul li a { height: 1%; }
/* End */

.box_tel ,.box_email{ width:180px; height:40px; margin-right:20px; font-size:16px; color:#535353; background:url(../images/icon_phone.png) no-repeat right top; float:left; text-align:right; padding-top:25px;}
.box_email{background:url(../images/icon_email.png) no-repeat right top; font-size:13px; padding-top:20px; }
.ins_right{ width:840px; float:right; min-height:210px; max-height:auto !important; margin-top:20px; margin-bottom:40px;}
.right_column{ width:100%; clear:both;height:45px; line-height:45px; padding-bottom:5px; border-bottom:1px solid #c9c9c9;}
.type_title{ width:560px; float:left; font-size:24px; color:#4c4c4c;}
.sub_nav{ float:right; font-size:14px; text-align:right; padding-right:20px; color:#666;}
.sub_nav a{ color:#666;}
.sub_nav a:hover{ color:#008e42;}

.content{ width:100%; padding:30px 0; line-height:28px; font-size:14px; color:#4c4c4c;}
.content img{ max-width:960px;}
.content p{ margin-bottom:20px;}
.content td{ padding:5px;}


		/* 本例子css */
		.slideTxtBox{ width:100%;text-align:left;  }
		.slideTxtBox .hd{ height:100px; float:right; width:250px; position:relative;  padding-top:10px;}
		.slideTxtBox .hd ul{ float:left;height:100px;   }
		.slideTxtBox .hd ul li{ float:left; width:250px; height:45px; line-height:45px; background:#f2fcf6; color:#4c4c4c; font-size:19px; text-align:center;cursor:pointer;  }
		.slideTxtBox .hd ul li.on{background:#04c158; color:#fff;}
		.slideTxtBox .bd { float:left; width:560px;}
		.slideTxtBox .bd ul{ float:left; padding:30px 0;  zoom:1; color:#4c4c4c; line-height:28px;  }
		.slideTxtBox .bd ul img{ max-width:560px;}
        .slideTxtBox .bd ul p{ margin-bottom:20px;}
		.slideTxtBox .bd ul a{color:#4c4c4c; line-height:30px; }
         .slideTxtBox .bd ul a:hover{ color:#04c158;}

.prolist{float:left; width:100%;min-height:320px; padding:20px 0; max-height:auto !important; overflow:hidden;}

.prolist a{ float:left; width:220px; height:220px; margin:10px 26px 10px 0;}
.prolist a.nor{ margin-right:0;}
.prolist a img{ width:220px; height:176px;}
.prolist a span{ display:block; width:100%; height:30px; line-height:30px; text-align:center; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}

.protitle{ width:100%; height:40px; line-height:40px; text-align:center; color:#000; font-size:18px; margin:5px 0; float:left}
.proimg{width:100%;min-height:300px; max-height:auto !important; padding:5px 0; float:left; overflow:hidden; text-align:center}
.proimg img{ max-width:900px;}
.prodetail{ float:left; width:860px; height:32px; line-height:32px; padding:5px 20px; font-weight:bold;  color:#000; font-size:16px; background:#edeeef; border-radius:30px}

/*新闻中心*/
.newstype a{ width:270px;}
.newstype a.norg{ margin-right:0}

/*新闻中心*/
.faq_list{ float:left; width:100%; min-height:300px; margin-top:20px;}
.faq_list li{ float:left; width:100%; clear:both; padding-bottom:20px; margin-top:10px; border-bottom:1px solid #ddd;}

.faq_list li .date { float:left; background:#eee;}
.faq_list li .date span{ display:block; width:90px; height:30px; text-align:center; font-family:Arial, Helvetica, sans-serif;}
.faq_list li .date .daynb{  height:60px;line-height:60px; font-size:40px; font-weight:bold; color:#009944}
.faq_list li dl{ width:720px;float:right;}
.faq_list li dl dt{ padding:8px 0; font-size:18px;}
.faq_list li dl dt a{ color:#464646;}
.faq_list li dl dt a:hover{ color:#009944;}
.faq_list li dl dd{ color:#999; line-height:26px;}

.news_title{ text-align:left; padding-bottom:10px;}
.news_title h2{ text-align:left; font-weight:normal; color:#4c4c4c; font-size:20px; line-height:32px; padding-bottom:10px; border-bottom:1px dashed #d2d2d2;}
.news_title span{ display:block;color:#707070; padding:5px 0;}

.cont_left{ float:left; width:330px;}
.cont_right{ float:right; width:550px;}

.n_h1{ float:left; width:100%; height:50px; line-height:50px;font-size:24px; font-weight:normal; text-align:center; color:#002673; padding-top:30px;}


.box_custom{ float:left; width:100%; min-height:300px; margin-top:20px;}
.box_custom dl{ float:left; width:760px; padding:25px 25px; min-height:220px; border:1px solid #ddd; -moz-border-radius:10px; -webkit-border-radius:10px; -ms-border-radius:10px; border-radius:10px; margin:15px 20px;}
.box_custom dl dt{ font-size:18px; color:#000; line-height:30px; padding-bottom:10px;}
.box_custom dl dd{ line-height:30px;color:#4c4c4c;}
.news li{ width:100%; float:left;height:36px; line-height:36px; font-size:14px; color:#666; border-bottom:1px dashed #ddd;}
.news li a{ float:left; width:800px;background:url(../images/icon_ji.png) no-repeat 3px 15px; text-indent:15px;}
.news li a:hover{color:#008e42; background-position:3px -9px;}


.news li span{ width:80px; float:right}

.new_date{ float:left; width:100%; height:30px; line-height:30px; text-align:center;color:#999; font-family:"宋体"; font-size:12px; margin-bottom:20px;}
.new_date span{display:inline-block; background:url(../images/icon_dt.png) no-repeat left center; padding-left:20px; margin-right:20px;}
.new_date span.eye{background:url(../images/icon_eye.png) no-repeat left center; padding-left:25px;}


.pre_next{ float:left;width:100%; height:60px; padding:20px 0; border-top:1px solid #ddd;}
.pre_left{ float:left; width:700px; height:60px; color:#002673; line-height:30px;}
.pre_left a{ color:#002673}
.pre_left a:hover{ text-decoration:underline}
.pre_right{ float:right; width:200px; height:60px;}

.txt2{border:#cdcdcd 1px solid;width:300px; height:30px; line-height:30px; background-color:#ffffff;}
.btn2{width:122px;border:0;height:40px; background:#eca227;color:#fff;font-size:15px; cursor:pointer;font-family:Microsoft Yahei;}
.btn2:hover{background:#c87e04;}

.message{ width:540px; color:#666; padding:20px 140px; border-bottom:1px solid #ddd; height:100px; padding-left:220px; background:url(../images/icon_feeb.jpg) no-repeat 100px center;}
//*友情链接*/
.link{ float:left; width:100%;min-height:320px; padding:20px 0; max-height:auto !important; overflow:hidden;}
.link a{ display:inline-block; padding:15px 20px;}


/*底部样式*/
.foot{ width:100%;min-height:240px; background:#262626; max-height:auto !important;margin:0 auto; color:#fff;font-size:14px; padding:10px 0; overflow:hidden}
.bot_right{ float:right; width:250px; height:150px; padding-top:10px; text-align:right}
.bot_right .wx{margin-right:40px;}

.bot_left{ width:920px; float:left; min-height:210px; height:auto !important; padding:0;}
.bot_item{ padding:0 20px 0 30px; width:80px; height:210px;overflow:hidden; float:left; background:url(../images/boot_li.png) no-repeat right center;}
.bot_item dt{ color:#009944; float:left; width:100%; height:40px; line-height:40px; font-weight:bold;}
.bot_item dt a{color:#009944; font-size:15px;}
.bot_item dd{ line-height:26px; color:#808080;}
.bot_item dd a{ display:block;color:#808080; width:100%; font-size:13px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.bot_item dd a:hover{color:#009944;}

.solution{height:200px; width:380px;overflow:hidden; float:left;}
.solution dt{ color:#009944; float:left; width:100%; height:40px; line-height:40px; font-weight:bold;}
.solution dt a{color:#009944; padding-left:30px; font-size:15px;}
.solution dd{ line-height:26px; color:#808080;}
.solution dd a{ float:left; padding-left:30px; width:160px; display:block;color:#808080;font-size:13px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.solution dd a:hover{color:#009944;}


.b_link{ float:left; width:100%; height:30px; line-height:30px;}
.b_link span{color:#009944;}
.b_link a{color:#808080; padding:0 5px;}
.b_link a:hover{ color:#009944;}
.copyright{ width:100%; height:45px; line-height:45px; background:#333;}
.b_txt{width:1200px; text-align:center; margin:0 auto;color:#808080;}

.boot_copy{ float:left; width:100%; height:50px;color:#fefefe; border-top:1px solid #aaa;line-height:50px; text-align:left; paddin:10px;}

.bot_wexin{ float:right; width:130px; height:18px; text-align:right}
#weixin{ position:absolute; z-index:999; margin-top:-100px; display:none; margin-left:-130px; border:1px solid #ddd; padding:1px;}


.page{ width:100%; float:left; padding:30px 0; text-align:left}
.page a{ border:1px solid #ddd; margin:0px 5px; padding:3px 8px; cursor:pointer; font-size:12px;}
.page a.hover{border:1px solid #ddd; margin:0px 5px; padding:3px 8px; cursor:pointer; font-size:12px;color:#eca227}

