﻿@charset "utf-8";
/*--重定义浏览器默认样式--*/
*{word-wrap:break-word}
html,body,h1,h2,h3,h4,h5,h6,hr,p,iframe,dl,dt,dd,ul,ol,li,pre,form,button,input,textarea,th,td,fieldset{margin:0;padding:0}
ul,ol,dl{list-style-type:none}
html,body{*position:static}
html{font-family: sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:400}
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit}
input,button{overflow: visible;vertical-align:middle;outline:none}
body,th,td,button,input,select,textarea{font-family:"Microsoft Yahei","Hiragino Sans GB","Helvetica Neue",Helvetica,tahoma,arial,Verdana,sans-serif,"WenQuanYi Micro Hei","\5B8B\4F53";font-size:14px;color: #666;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing:grayscale}
body{line-height:1.6}
h1,h2,h3,h4,h5,h6{font-size:100%}
a,area{outline:none;blr:expression(this.onFocus=this.blur())}
a{text-decoration:none;cursor: pointer; color:#333;}
a:hover{outline:none;}
a.ie6:hover{zoom:1}
a:focus{outline:none}
a:hover,a:active{outline:none}:focus{outline:none}
sub,sup{vertical-align:baseline}
button,input[type="button"], input[type="submit"] {line-height:normal !important;}
/*img*/
img{border:0;vertical-align:middle}
a img,img{-ms-interpolation-mode:bicubic}
.img-responsive{max-width: 100%;height: auto}

/*IE下a:hover 背景闪烁*/
*html{overflow:-moz-scrollbars-vertical;zoom:expression(function(ele){ele.style.zoom = "1";document.execCommand("BackgroundImageCache",false,true)}(this))}

/*HTML5 reset*/
header,footer,section,aside,details,menu,article,section,nav,address,hgroup,figure,figcaption,legend{display:block;margin:0;padding:0}time{display:inline}
audio,canvas,video{display:inline-block;*display:inline;*zoom:1}
audio:not([controls]){display:none}
legend{width:100%;margin-bottom:20px;font-size:21px;line-height:40px;border:0;border-bottom:1px solid #e5e5e5}
legend small{font-size:15px;color:#999}
svg:not(:root) {overflow: hidden}
fieldset {border-width:0;padding: 0.35em 0.625em 0.75em;margin: 0 2px;border: 1px solid #c0c0c0}
input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button {height: auto}
input[type="search"] {-webkit-appearance: textfield; /* 1 */-moz-box-sizing: content-box;-webkit-box-sizing: content-box; /* 2 */box-sizing: content-box}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {-webkit-appearance: none}
/*
	Name:			style_clearfix
	Example:		class="clearfix|cl"
	Explain:		Clearfix（简写cl）避免因子元素浮动而导致的父元素高度缺失能问题
*/
.cr:after,.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}.cr,.clearfix{zoom:1}
.fl{float:left; display:inline;}
.fr{float:right; display:inline;}
.content1200{ width:1200px; margin:0 auto; min-width:1200px;}

/*------------------------------------------------首页--------------------------------------------------------*/
.cp_img{width:100%;-webkit-transform:scale(1,1);-moz-transform:scale(1,1); -transform:scale(1,1);-o-transform:scale(1,1);transition:1s;-moz-transition:1s;-webkit-transition:1s;-o-transition:1s;}
.cp_img:hover{ -webkit-transform:scale(1.3,1.3);-moz-transform:scale(1.3,1.3); -transform:scale(1.3,1.3);-o-transform:scale(1.3,1.3);transition:1s;-moz-transition:1s;-webkit-transition:1s;-o-transition:1s;}

.hea_top{ height: 50px; background: #e4e8e6; width: 100%; min-width: 1200px;}
.hea_top .shouc{ margin-top: 12px;}
.search{width:200px; height:28px; border: 1px solid #b6b7b6; border-radius: 4px; background: #fff; overflow:hidden; margin-top: 10px;}
.search .s_ipt{width:165px; height:28px; line-height:28px; overflow:hidden;color:#666; font-size:12px; text-indent:10px; padding:0; float:left; border:none;}
.search .s_btn{width:35px; height:28px; overflow:hidden; background:url(../imgs/btn_s.png) no-repeat center center; float:left; padding:0; border:0; cursor:pointer;}
.logo{ display: block; margin-top: 14px;}
.nav{ padding:0 20px; height:87px; position:relative; z-index:1; margin-top: 40px;}
.nav a{ color:#272727;  }
.nav .nLi{ float:left;  position:relative; display:inline; width:111px; height: 87px; background: url(../imgs/line.jpg) right top no-repeat;}
.nav .nLi h3{ float:left;text-align:center;   }
.nav .nLi h3 .en{margin-top:-45px; font-size:12px;color:#00753e; font-weight:normal;}
.nav .nLi h3 a{ display:block; font-size:18px;width:111px; line-height:60px; height:87px; text-align:center; font-weight: bold; }
.nav .sub{ display:none; width:111px; font-size:14px; left:0; top:87px;  position:absolute;   line-height:40px; text-align:center;  }
.nav .sub li{ zoom:1;background:#fff;}
.nav .sub a{ display:block; padding:0 10px;color:#017440;border-bottom: 1px dashed #fff; font-size: 14px;}
.nav .sub a:hover{ border-bottom: 1px dashed #ccc;}
.nav .on h3 a{ background:url(../imgs/nav-bg.jpg) no-repeat;color:#fff; }
.nav .on h3 .en{ color:#fff; }
.banner{ width:100%; min-width:1200px; max-height:400px; overflow:hidden;}
.slideBox{ width:100%; overflow:hidden; position:relative;}
.slideBox .hd{ height:18px; overflow:hidden; position:absolute; left:50%; margin-left:-50px; bottom:60px; z-index:1; }
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideBox .hd ul li{ float:left; width:15px; height:15px; background: url(../imgs/hd.png) no-repeat;cursor:pointer; border-radius: 100px; margin: 0 6px;}
.slideBox .hd ul li.on{  background: url(../imgs/on.png) no-repeat;}
.slideBox .bd{ position:relative; height:100%; z-index:0;}
.slideBox .bd li{ zoom:1; vertical-align:middle;  width:100%;}
.slideBox .bd img{ display:block; width:100%;}
.youshi{ padding: 70px 0;}
.gg{ text-align: center;}
.youshi ul{ margin-top: 60px; margin-left: -10px;}
.youshi ul li{ width: 230px; float: left; margin-left: 10px;}
.youshi ul li i{ width: 230px; height: 155px; overflow: hidden; display: block;}
.youshi ul li i img{ width: 100%;}
.youshi ul li p{ text-align: center; margin-top: 20px; font-size: 14px; color: #676767;}
.youshi ul li p b{ color: #017e4c; font-size: 20px;}
.pri_bg{ background: #f0f0f0; padding: 80px 0;}
.nav_fl{ width: 213px;}
.nav_fl .c_nav{ width: 213px;}
.nav_fl .c_nav .cp_fen{ width: 183px; border:2px solid #007c49; padding: 13px;}
.nav_fl .c_nav .cp_fen a{ display: block; border-bottom: 1px dashed #ccc; line-height:36px; color: #007c49; background: url(../imgs/san.png) 10px center no-repeat; padding-left: 40px;}
.product{ width: 926px;}
.title{ height: 36px; line-height: 36px; border-bottom: 1px solid #d2d2d2;}
.title p{ color: #017e4c; font-weight: bold;font-size: 18px;background: url(../imgs/san.png) 10px center no-repeat; padding-left: 30px;}
.title .more{ margin-top: 10px;}
.product ul{ margin-left: -9px;}
.product ul li{ width: 220px; padding: 2px; background: #fff; float: left; margin:30px 0 0 9px;}
.product ul li i{ width: 220px; max-height: 241px; overflow: hidden; display: block;}
.product ul li p{ font-size: 16px; color: #646262; text-align: center; line-height: 50px;}
.product ul li:hover{ background: #08a16a;}
.product ul li:hover p{ color: #fff;}
.news{ padding: 60px 0;}
.news .news_tu{ width:570px; overflow:hidden;}
.news .news_tu p{ width:100%; max-height:350px; overflow:hidden; margin-bottom:10px;}
.news .news_tu p img{ width:100%;}
.news .news_tu a{ font-size:18px; color:#343434;}
.news .news_tu span{ font-size:14px; color:#848484; display:block;}
.news .news_tu a:hover{color:#08a16a;}
.news .news_list{ width: 600px; overflow: hidden;}
.txtMarquee-top{ width:600px;  overflow:hidden; position:relative;}
.txtMarquee-top .bd{}
.txtMarquee-top .infoList li{height:114px;}
.train_two{ margin-top:10px; padding-top: 16px;}
.train_two .rili{ width:20%; height:114px; text-align:center;}
.train_two .rili p{ font-size:36px; color:#000;  text-align:center; line-height:60px;}
.train_two .rili span{ font-size:14px; color:#b2b2b3;border-top:1px solid #cdcdcd; border-bottom:1px solid #cdcdcd; padding:2px 0;}
.train_two .xinxi{width:80%; height:100px; overflow:hidden;}
.train_two .xinxi .xinxi_title{ display:block; font-size:18px; color:#000; line-height:30px; margin-bottom: 10px;}
.train_two .xinxi span{ font-size:14px; color:#888; line-height:24px;}
.train_two:hover{background:#08a16a;}
.train_two:hover .rili p{color:#fff;}
.train_two:hover .rili span{color:#fff;border-top:1px solid #fff; border-bottom:1px solid #fff; }
.train_two:hover .xinxi .xinxi_title{color:#fff;}
.train_two:hover .xinxi span{color:#fff;}
.link{ width: 100%; min-width: 1200px; background: #fff; padding: 30px 0 50px 0;}
.link p{ margin-bottom: 20px; font-size: 16px; color: #555;}
.link ul{ text-align: center;}
.link ul li{ float: left; width: 127px; height: 45px; overflow: hidden; margin-left:50px;}
.link ul li:nth-child(1){ margin-left:0}
.link ul li a img{ width: 100%;}
.banquan{ width: 100%; min-width: 1200px; background: #444; height: 60px; line-height: 60px; color: #fff; text-align: center;}
.banquan a{ color: #fff;}

.c_tel{ text-align:center; margin-top:20px; /*background-color:#FFF*/}


.banner_nei{ width: 100%; overflow: hidden; min-width: 1200px;}
.banner_nei img{ width: 100%;}
.nei_bg{ width: 100%; height: auto !important; background: #f0f0f0; min-width: 1200px;}
.nav_le{ width: 250px;}
.nav_le .nav_title{ width: 215px; padding-left: 35px; height: 100px; background: url(../imgs/xian.jpg) repeat-x; color: #fff; font-size: 24px;}
.nav_le .nav_title p{ padding-top: 12px;font-size: 20px;}
.nav_le .nav_list{ width: 250px;}
.nav_le .nav_list a{ display: block; width: 250px; height: 60px; text-align: center; line-height: 60px; background: url(../imgs/le-bg.jpg) no-repeat; font-size: 16px; color: #1e1e1e; margin-top: 5px;}
.nav_le .nav_list a:hover{ color: #fff;background: url(../imgs/le-bg1.jpg) no-repeat;}
.nav_le .lianxi{ width: 210px;padding: 20px; background: #fff; background: #fff; margin-top: 30px;}
.nav_le .lianxi .lx_title{ font-size: 20px; color: #373636;}
.nav_le .lianxi .lx_title span{ font-size: 14px; padding-left: 6px;}
.nav_le .lianxi .lx_tel{ font-size: 22px; color: #0b7b4a; background: url(../imgs/tel.png) left center no-repeat; height: 30px; line-height: 30px; padding: 10px 0 10px 40px;}
.nav_le .lianxi .lx_fs{ color: #373636; line-height: 30px;}
.cont_fr{ width: 900px;}
.cont_fr .local{ padding: 20px 0 14px 0; border-bottom: 3px solid #2d8e64;}
.cont_fr .local span{ background: url(../imgs/icon.png) left center no-repeat; padding-left: 20px; font-size: 16px; color:#2f3833;}
.cont_fr .local p a{ color:#2f3833;    font-size: 12px;}
.cont_fr .local p a:hover{ color:#0b7c4a;}
.cont_fr .pro_bg{ padding: 60px 20px 80px 20px; background: #fff;}
.cont_fr .pro_bg .chanpin{margin-left: 8px;}
.cont_fr .pro_bg .chanpin li{ width: 196px; height: 215px; overflow: hidden; position: relative; float: left; margin: 0 0 30px 12px;}
.cont_fr .pro_bg .chanpin li img{ width: 100%;}
.cont_fr .pro_bg .chanpin li p{ position: absolute; left: 0; bottom: 0; height: 37px; width: 196px; background: url(../imgs/opt.png) repeat-x; z-index: 2; text-align: center; line-height: 37px; color: #fff; font-size: 18px;}
.page {	width: 900px;margin: 20px auto;	text-align: center;}
.page a,.page span{	display: inline-block;	height: 24px;	line-height: 24px;	text-align: center;	border: 1px solid #c9c9c9;	padding:0 15px}
.page a.chang {	width: 66px;}
.page a:hover {	background-color: #0b7c4a;	color: #fff;	border-color: #0b7c4a;}
.page a.on {	background-color: #0b7c4a;	color: #fff;	border-color: #0b7c4a;}

.contact{ width: 713px; margin: 0 auto;}
.contact .map{ width: 713px; height: 350px; overflow: hidden; margin: 20px auto;}
.contact .con_dz{ font-size: 18px; color: #373636; background: url(../imgs/dizhi.png) left center no-repeat; padding-left: 50px; line-height: 40px;}

.a_kfxm_t{width:860px; margin-left:0px;}
.a_kfxm_t_l{width:288px; height:412px;}
.a_kfxm_t_lt{width:288px; height:312px; overflow:hidden;}
.a_kfxm_t_lt img{width:288px; height:312px;}
.a_kfxm_t_lc{width:383px; height:98px; padding-top:2px; overflow:hidden;}
.a_kfxm_t_r{width:540px;}
.a_kfxm_t_rt{width:96%; line-height:30px; color:#4c4b4b; padding-top:7px; height:330px; overflow:hidden; font-size:14px;}
.a_kfxm_t_rt font{ font-weight:normal;}
.a_kfxm_t_rc{width:325px; overflow:hidden; background:url(../images/phone.png) left center no-repeat; color:#ed0000; margin-top:22px; height:65px; padding-left:49px; line-height:65px; border:1px solid #cccccc; border-left:0px; border-right:0px;}
.a_kfxm_t1{width:100%; height:33px; line-height:33px; border-bottom:1px solid #aaaaaa;}
.a_kfxm_t1 span{width:135px; height:33px; line-height:33px; text-align:center; display:inline-block; background-color:#aaaaaa; color:#fff; overflow:hidden;}
.a_kfxm_c{width:100%; padding:25px; line-height:2.2; color:#333333; overflow-x:hidden;word-wrap:break-word;}


.slide-pic {/* padding:10px 0px 10px 15px;*/ height:67px; width:384px; position:relative;}
.slide-pic A#prev {DISPLAY: block;/* background:url(../images/t_01.jpg) no-repeat;*/ MARGIN: 0px; OVERFLOW: hidden; WIDTH: 38px; TEXT-INDENT: -9999em; HEIGHT: 44px; outline: none;  float:left; position:absolute; right:0px; top:190px;z-index:1000000000000000;}
.slide-pic A#next {DISPLAY: block; /*background: url(../images/t_02.jpg) no-repeat;*/ MARGIN: 0px; OVERFLOW: hidden; WIDTH: 38px; TEXT-INDENT: -9999em; HEIGHT: 44px; outline: none; float:right;position:absolute; right:0px; top:237px;z-index:1000000000000000;}
/*.slide-pic A#prev {BACKGROUND-POSITION: center 0px}
.slide-pic A#next {BACKGROUND-POSITION: center -20px}*/
.slide-pic A#prev:hover { /*background:url(../images/t_01.jpg) center no-repeat;*/position:absolute; right:0px; top:190px; z-index:1000000000000000; display:block;}
.slide-pic A#next:hover {/*background: url(../images/t_02.jpg) center no-repeat;*/position:absolute; right:0px; top:237px;z-index:1000000000000000; display:block;}
.slide-pic A.gray#prev { /*background:url(../images/t_01.jpg) center no-repeat; */position:absolute; right:0px; top:190px; z-index:1000000000000000; display:block;}
.slide-pic A.gray#next {/*background: url(../images/t_02.jpg) center no-repeat;*/position:absolute; right:0px; top:237px;z-index:1000000000000000; display:block;}
.slide-pic .pic-container { OVERFLOW: hidden; WIDTH: 288px; HEIGHT: 98px;}
.slide-pic UL {WIDTH:551px}
.slide-pic UL LI {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; height:98px; CURSOR: pointer; position:relative; margin:0px 4px;float: left;}

.slide-pic UL LI .s1{width:89px; height:98px; display:inline-block;}
.slide-pic UL LI .s1 img{width:89px; height:98px;}
.slide-pic UL LI.cur .s1 img{ widows:87px; height:96px; border:1px solid #0b7c4a;}

.cp_title{ width: 860px; border-bottom: 1px solid #0b7c4a; margin: 30px 0 30px 0px;}
.cp_title span{ background: #0b7c4a; padding: 0 20px; font-size: 18px; color: #fff; height: 40px; line-height: 40px; display: inline-block;}


.picMarquee-left{ width:870px; height: 141px; margin-left: 30px; overflow:hidden; position:relative;}
.picMarquee-left .bd{}
.picMarquee-left .bd ul{ overflow:hidden; zoom:1; }
.picMarquee-left .bd ul li{ margin-right: 14px; float:left; _display:inline; overflow:hidden; text-align:center;  }
.picMarquee-left .bd ul li .pic{ text-align:center; width:129px; height:141px; display:block;}
.picMarquee-left .bd ul li .pic img{ width: 100%;}



.about{}
.rongyu{}
.rongyu li{ width: 200px; text-align: center; float: left; margin: 0 0 30px 10px;}
.rongyu li p{ width: 198px; height: autopx; overflow: hidden; border: 1px solid #c0bebe;}
.rongyu li p img{ width: 100%;}
.rongyu li span{ font-size: 14px;}

.address{ margin: 0 30px;}
.ner{ padding-top:15px}
.pro_bg1{padding: 20px 0 80px 0; background: #fff;}
.news_one{ width: 810px; padding: 25px 20px 25px 40px; background: url(../imgs/dian.png) 14px center no-repeat #fff; border-bottom: 1px dashed #bdbbbb;}
.news_one .news_tu{ width: 191px; height: 137px; display: block; border: 1px solid #ddd; overflow: hidden;}
.news_one .news_tu img{ width: 100%;}
.news_one .news_wz{ width: 580px;}
.news_one .news_wz a{ font-size: 18px; color: #373636;}
.news_one .news_wz p{ font-size: 12px; color: #9d9a9a; margin: 10px 0 6px 0;} 
.news_one .news_wz span{ font-size: 14px; color: #6b6a6a; display: block;} 
.news_one .news_wz a.news_more{ font-size: 14px; color: #0b7c4a; font-weight: bold; float: right;}
.news_one:hover{background: url(../imgs/dian.png) 14px center no-repeat #e0e6e3;}
.news_one:hover a{color: #0b7c4a; }

.news_infor{ width: 785px; margin: 0 auto;}
.news_infor .ne_title{ text-align: center; font-size: 20px; color: #3a3a3a; margin: 20px 0;}
.news_infor .share{ color: #848383; text-align: center; border-bottom: 1px solid #c7cfca; padding-bottom: 10px;padding-left: 130px;}
.fanye{ margin-top: 30px;}
.fanye a{ font-size: 14px; color: #b7b3b3; line-height: 30px;}
.fanye a:hover{color: #0b7c4a; }

.tousu{ margin: 0 50px;}
.tousu .ts_title{ font-size: 16px; color: #525151; margin-bottom: 20px;}
.tousu .ts_title p{ font-size: 20px; color: #0b7c4a; margin-bottom: 4px;}
.tousu .name{ font-size: 16px; color: #343434; margin-bottom: 20px;}
.tousu .name input{ width: 240px; height: 28px; border: 1px solid #bbb; padding-left: 10px;}
.tousu .name textarea{ width: 500px; height: 208px; border: 1px solid #bbb; padding-left: 10px;}
.tousu .tj{ margin-left: 476px;}
.tousu .tj input{ width: 84px; height: 30px; background: #0b7c4a; color: #fff; font-size: 14px; border: none; cursor: pointer;}


.example{ margin-left: 50px;}
.example li{ float: left; width: 250px;margin: 0 22px 30px 0;}
.example li i{ width: 250px; height: 200px; overflow: hidden; display: block;}
.example li i img{ width: 100%;}
.example li p{ font-size: 20px; color: #151515; text-align: center; margin-top: 10px;}

































