@charset "utf-8";
/* CSS Document */
#example { 
width: 100px !important; /* IE7+FF */ 
width: 200px; /* IE6 */ 
}
*{margin: 0 auto; padding: 0;}
body{font-size: 12px;color: #121212;font-family:  Microsoft YaHei, 宋体, Arial, Helvetica, sans-serif;background:none;}
ul,li{list-style-type: none;}
img,ul,li,button{margin: 0px;}
img,button{border: none;}
a{color: #000;text-decoration: none;}
a:hover{text-decoration: none;}
a:active{text-decoration: none;}
a:focus { outline:none; -moz-outline:none; }
img{border:0;}
input{}

/*banner*/
.banner{ width:100%; margin-top:0px;}
.slideBox{ width:100%; height:567px; overflow:hidden; position:relative; margin:auto;}
		.slideBox .hd{ width:100%;  position:absolute; left:0; bottom:20px; z-index:1;  }
		.slideBox .hd ul{zoom:1;  text-align:center; width:100%;}
		.slideBox .hd ul li{ display:inline; margin-right:10px;   border-radius:50%; padding:0 8px;text-align:center; background:#fff; cursor:pointer; margin-left:15px; }
		.slideBox .hd ul li.on{ background:#e49701; color:#fff; }
		.slideBox .bd{ position:relative; height:100%; z-index:0;   }
		.slideBox .bd li{ zoom:1; vertical-align:middle; }
		.slideBox .bd img{ width:100%; height:567px; display:block; margin:auto; }

		/* 下面是前/后按钮代码，如果不需要删除即可 */
		.slideBox .prev,
		.slideBox .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(../images/slider-arrow.png) -110px 5px no-repeat;filter:alpha(opacity=50);opacity:0.5;   }
		.slideBox .next{ left:auto; right:3%; background-position:8px 5px; }
		.slideBox .prev:hover,
		.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
		.slideBox .prevStop{ display:none;  }
		.slideBox .nextStop{ display:none;  }

.rel{ position: relative;}
.abs{ position: absolute;}
.wmax{ width: 100%;}
		
.banner{ width: 100%; height: 567px;}
.banner>a{ display:block; height: 567px;}
.banner .aleft{ width: 16px; height: 30px; cursor: pointer; background: url(../img/aleft.png) no-repeat; top:359px; left:30px; z-index: 10;}
.banner .aright{ width: 16px; height: 30px; cursor: pointer; background: url(../img/aright.png) no-repeat; top:359px;right:30px; z-index: 10;}
.banner .btns{ clear:both; width: 100%; height: 12px; bottom: 25px; z-index: 10; }
.banner .btn{ clear:both; height: 12px; text-align:center; }
.banner .btn p.i{ margin: 0 8px; width: 12px; height: 12px; border-radius: 12px; background: #fff; cursor: pointer; display:inline-block; }
.banner .btn p.i.vis{ background: #fa2400;}
		
/*gs*/
.gs_all{ width:100%;}
.gs{ width:1180px; margin:auto;}
.gs h3{ text-align:center;margin-top:40px;}
.gs h3 a{ color:#f6821f; font-size:40px; }
.gs h3 a span{ font-size:18px; color:#666666; font-weight:normal;}
.gs h3 a i{ display:inline; color:#7fc241; font-style:normal;}
.gs_xbt{ color:#69b820; font-size:20px; margin-top:15px; text-align:center; letter-spacing:2px;}
.gs_xbt span{ color:#f6821f;}
.gs_ny{ font-size:14px; color:#666; text-align:center; width:900px; height:48px; overflow:hidden; line-height:24px; margin-top:15px;}
.gs ul{ overflow:hidden; margin-top:40px;}
.gs ul li{ width:236px; margin:auto; float:left; text-align:center;}
.gs ul li div{ width:130px; height:130px; margin:auto;}
.gs ul li div a img{ width:130px; height:130px; margin:auto;transition: All 0.4s ease-in-out;
            -webkit-transition: All 0.4s ease-in-out;
            -moz-transition: All 0.4s ease-in-out;
            -o-transition: All 0.4s ease-in-out;}
.gs ul li div a img:hover{transform: rotate(360deg);
            -webkit-transform: rotate(360deg);
            -moz-transform: rotate(360deg);
            -o-transform: rotate(360deg);
            -ms-transform: rotate(360deg);}
.gs ul li p{ display:block; text-align:center; margin-top:15px; line-height:25px;}
.gs ul li p a{ font-size:18px; color:#444444;}
.gs ul li p a span{ display:block; font-size:12px; color:#888; text-transform:uppercase;}


/*pro*/
.pro_all{ width:100%; background:url(../img/index-product-bk.jpg) no-repeat center; height:628px; margin-top:35px;}
.pro{ width:1180px; margin:auto; position:relative;}
.pro h3{ padding-top:55px; text-align:center; line-height:30px;}
.pro h3 a{ font-size:24px; color:#69b820;}
.pro h3 a span{ font-size:12px; font-weight:normal; text-transform:uppercase;}

/*向左滚动*/
.al_picScroll-left{ width:1180px;  overflow:hidden; position:absolute; top:115px;overflow:hidden; height:450px;   }
.al_picScroll-left .hd{ overflow:hidden;  }
.al_picScroll-left .hd .prev{ display:block;  width:35px; height:60px; float:right;  overflow:hidden;cursor:pointer; background: url(../img/arraw_lf.jpg) no-repeat; position:absolute; top:200px; left:0px;}
.al_picScroll-left .hd .next{ display:block;  width:35px; height:60px; float:right;  overflow:hidden;cursor:pointer; background:url(../img/arraw_rt.jpg)  no-repeat;position:absolute; top:200px; left:1145px; }
.al_picScroll-left .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:0px; zoom:1; }
.al_picScroll-left .hd ul li{ float:left;  width:9px; height:9px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer; }
.al_picScroll-left .hd ul li.on{ background-position:0 0; }
.al_picScroll-left .bd{ padding:10px;   }
.al_picScroll-left .bd ul{ overflow:hidden; zoom:1; position:absolute; top:0px; }
.al_picScroll-left .bd ul li{ margin:0 10px; float:left; _display:inline; overflow:hidden; text-align:center; width:250px; margin-top:80px;}
.al_picScroll-left .bd ul li .pic{ text-align:center;width:250px; height:300px; }
.al_picScroll-left .bd ul li .pic img{ width:246px; height:296px; display:block; border:2px solid #e6e6e6; }
.al_picScroll-left .bd ul li .pic img:hover{ width:246px; height:296px; display:block; border:2px solid #56b820; }
.al_w{ width:250px; height:52px; background:url(../img/index-product-wbk.jpg) no-repeat center;}
.al_w1{ line-height:40px; display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; width:200px; text-align:center;   }
.al_w1 a{ color:#fff; font-size:14px;}

.pro_m{ top:150px; left:32%; text-align:center; position:absolute; z-index:9999;}
.pro_m a{ font-size:18px; color:#6fba2d;}

/*middle*/
.ny_banner{ width:1180px; margin:auto;height:200px;}
.ny_banner img{ width:100%; height:200px;}


/*middle*/
.c_all{ width:100%; margin-bottom: 15px; }
.c{ width:1180px; margin:auto; margin-top:30px; overflow:hidden;}
.c_l{ width:200px; float:left; margin-bottom:30px;}

.c_ab{ margin-bottom:20px;}
.c_ab p{ height:40px; background:#69b820;  text-align:center; font-weight:bold; line-height:40px; cursor:pointer;}
.c_ab p a{font-size:16px; color:#fff;}
.c_ab ul{ border:1px #dbdbdb solid;}
.c_ab ul li{ width:179px; height:30px; border:1px #dbdbdb solid; text-align:center; line-height:30px; margin:auto; margin-top:15px; margin-bottom:15px;cursor:pointer;}
.c_ab ul li a{ font-size:14px; color:#777;}
.c_ab ul li:hover{border:1px #69b820 solid;}
.c_ab ul li:hover a{color:#69b820;}
.c_lx_all{border:1px #dbdbdb solid;}
.c_lx{ overflow:hidden; }
.c_lx img{ width:50px; height:50px; float:left; margin:10px 0px 10px 10px;}
.c_lx_c{ float:right; font-size:14px;margin-top:12px; margin-right:10px;}
.c_lx_c span{ font-size:16px; color:#69b820; display:block; font-weight:bold; line-height:30px;}
.c_lx_c span.span_top{ display:block; color: #000000; font-weight:bold; line-height:20px; float: left;  font-weight: 100; box-sizing: border-box; width: 100%;}
.c_lx_ny{ line-height:22px; color:#777; width:180px; margin-left:10px; margin-bottom:10px; }

.c_r{ width:960px; float:right;  padding-bottom: 20px; height: auto;}
.c_r_bt{height:40px; background:#69b820;  text-align:center; line-height:40px; }
.c_r_bt p{font-size:14px; color:#FFFFFF; float:left; margin-left:20px;}
.c_r_bt a{color:#FFFFFF; padding: 0px 5px;}
.c_r_ny{ font-size:14px; color:#777; line-height:26px; margin:20px 0px; padding-bottom:30px; }
.c_r_ny p{ margin:15px 0; }

.c_r_ny ul.pro_list{ float: left; width: 960px; height: auto; padding-bottom: 20px;}
.c_r_ny li.pro_main{float: left; width: 210px; padding: 0px 15px; height: 287px; margin-bottom: 15px; }
.c_r_ny li.pro_main .pro_img{ float: left;width: 210px; height: 253px; border: 1px solid #cccccc;}
.c_r_ny li.pro_main img{float: left; text-align:center;width: 204px; height: 247px;  padding: 3px; background: #fffff; }
.c_r_ny li.pro_main .pro_title{ width: 100%; line-height: 30px; text-align: center;}

/*style*/

.c_r_ny ul.pro_lists{ float: left; width: 960px; height: auto; padding-bottom: 20px;}
.c_r_ny li.pro_mains{float: left; width: 240px; padding: 0px 40px; height: 274px; }
.c_r_ny li.pro_mains .pro_imgs{ float: left;width: 240px; height: 210px; border: 1px solid #cccccc; }
.c_r_ny li.pro_mains img{ float: left; text-align:center;width: 232px; height: 202px; vertical-align: middle; padding: 4px; }
.c_r_ny li.pro_mains .pro_titles{ width: 100%; line-height: 30px; text-align: center;}

/*新闻页面*/
.c_r_ny ul.news_list{ float: left; width: 960px; height: auto; padding-bottom: 20px; }
.c_r_ny li.news_main{ float: left; width: 960px; height: auto; min-height: 85px; max-height: 130px; padding: 15px 20px; padding-left: 0px; border-bottom: 1px dotted #bbb; }
.c_r_ny li.news_main .news_img{ float: left; width: 184px; height: 125px;}
.c_r_ny li.news_main img{ float: left;  width:176px; height: 121px; border: 1px solid #ddd; padding: 3px; background: #fffff; }
.c_r_ny li.news_main .news_main_main{ float: right; height: auto; width: 760px; }
.c_r_ny li.news_main .news_title{ float: left;  width:100%; height: 32px; overflow: hidden; }
.c_r_ny li.news_main .news_title h1{ font-size: 15px;line-height:30px; }
.c_r_ny li.news_main .news_title a.news_title_a{ color:#444; font-weight: bold;float: left; width: 100%; }
.c_r_ny li.news_main .news_title a.news_title_a:hover{ color: #d40000; }
.c_r_ny li.news_main .news_con{ float: right;  width:760px; line-height: 24px; color: #666; margin-bottom: 5px; }
.c_r_ny li.news_main .news_con .news_con_a{ color: #d40000; font-size: 12px; }
.c_r_ny li.news_main .news_time{ float: right;  width:760px; line-height: 22px; color: #666; } 

.c_r_ny li.news_main .news_main_main.no-img{ width: 960px; }
.c_r_ny li.news_main .news_main_main.no-img .news_con{ width: 960px; }
.c_r_ny li.news_main .news_main_main.no-img .news_time{ width: 960px; }


/*分页*/
.vc-page{ width:100%; height:70px;  font-size:14px; text-align: center; padding:10px 0px 60px 0px; float:left; }
.vc-page a,.vc-page span.cur{  width:auto; color:#fff; padding: 5px 10px; text-align: center; margin-right:5px; font-family: "微软雅黑"; }
.vc-page a{ background:#ddd; color:#555; }
.vc-page a:hover{background:#55b81f; text-decoration:none; color:#fff; }
.vc-page .cur{ background:#55b81f; padding:0 15px; color:#fff; }

/*det*/
.det-box{ width:856px; height: auto; padding:30px 30px 30px 30px; background:#fff; }
.det-box span.cname{ width:93px; height:23px; line-height:23px; padding-left:10px;  font-size:14px; color:#fff; top:5px; left:0; font-family: "微软雅黑"; }
.det-box-tit{ width:836px; height:auto; padding:0 10px 0 10px; margin: 5px auto 20px auto; line-height:32px; font-size:20px; text-align:center; color: #555; }
.det-box-info{ width:856px; height:30px; text-align:center; line-height:30px; color:#777; border-bottom: 1px dotted #777777 ; padding-bottom: 10px;}
.det-box-info a{ color:#777; }
.det-box-cons{ width:836px; height:auto; padding:20px 10px 20px 10px; text-align: left; font-size: 16px; line-height:165%; margin: 0 auto 20px auto; overflow: hidden; color: #383838; }
.det-box-cons img{float:left; max-width:800px; margin: 0; padding: 0; border-image-width:0;}

.leaf p{ margin: 0px 0; padding: 0;}

/*another*/
.another{ width:100%; line-height:25px;float:left; padding-top:5px; border-top: 1px dotted #777777;}
.another p.another_p{ color:#434542; width: 50%; float: left;}
.another a.another_a{ color:#434542}

.c_page_txt{ padding: 5px 20px 20px 20px; font-size: 15px; line-height: 28px; }
.c_page_txt p{ margin: 8px 0; }