@charset "gb2312";
/* CSS Document */

*{ padding:0; margin:0;}
body {color: #333;padding: 0px !important;margin: 0px !important;font-size: 14px;font-family: "΢ÈíÑźÚ",Microsoft YaHei,Arial,Century;}
a,a:hover,a:focus {text-decoration: none;outline: none;}
::selection {background: #ff9000;color: #fff;}
::-moz-selection {background: #ff9000;color: #fff;}
h1,h2,h3,h4,h5,h6,p,ul,li { padding: 0; margin: 0; font-weight:normal;}
li{ list-style-type: none;}
img{ border:none;}
a{color:#5a5a5a}
a:hover { text-decoration: none;}
.clears{ clear:both; height:0; line-height:0;}
.i_header_bottom li:hover,.i_title a:hover,.i_news li:hover .news_right strong,.i_news li:hover .news_left,.ckqbsp a:hover,.i_photo li:hover p,.i_photo_m a:hover{-moz-transition:0.5s;-webkit-transition:0.5s;-o-transition:0.5s;-ms-transition:0.5s;transition:0.5s;}
.i_product li:hover .pro_txt,.i_product li:hover p{-moz-transition:1s;-webkit-transition:1s;-o-transition:1s;-ms-transition:1s;transition:1s;}
/*****************/
.w1200{ width:1200px; margin:0 auto;}
.fl{ float:left}
.fr{ float:right}
.clear{ clear:both; height:0px;}
/************/
.head{ width:100%; border-top:20px solid #009e49; height:130px;}
.head-in{ width:1200px; height:130px; margin:0 auto; position:relative}
.head-in .head-lg{ width:500px; height:130px; float:left}
.head-in .head-lx{ float:right; font-size:15px; margin-top:33px; padding-left:60px; background:url(lx.png) left center no-repeat}
.head-in .head-lx b{ color:#009e49; font-weight:bold; font-size:30px; display:block}
/**************************/

.rslides{
	position:relative;
	list-style:none;
	overflow:hidden;
	width:100%;
	padding:0;
	margin:0;
}
.rslides li{
	-webkit-backface-visibility:hidden;
	position:absolute;
	display:none;
	width:100%;
	left:0;
	top:0;
	z-index:10;
}
.rslides li:first-child{
	position:relative;
	display:block;
	float:left;
}
.rslides img{
	display:block;
	height:auto;
	float:left;
	width:100%;
	border:0;
}
/*pager*/
.callbacks_tabs.callbacks1_tabs{margin-top: -20px;
position: relative;
z-index: 100;
}
.callbacks_tabs.callbacks1_tabs li{display:inline-block;width:10px;height:10px;margin-left:5px;border-radius:10px;border:1px solid #FFF;position:relative;}
.callbacks_tabs.callbacks1_tabs li a{display:inline-block;width:10px;height:10px;border-radius:10px;position:absolute; left:0; z-index:1000; color:rgba(100,200,300,0);color:transparent;}
.callbacks_tabs.callbacks1_tabs li.callbacks_here a{background:#FFF;}

/* Callback example */
.callbacks_container{
	margin-bottom:2px;
	position:relative;
	width:100%;
	max-width:100%;
	text-align:center;
}

.callbacks{
	position:relative;
	list-style:none;
	overflow:hidden;
	width:100%;
	padding:0;
	margin:0;
}
.callbacks li{
	position:absolute;
	width:100%;
	left:0;
	top:0;
}
.callbacks img{
	display:block;
	position:relative;
	z-index:1;
	height:auto;
	width:100%;
	border:0;
}
.callbacks .caption{
	display:block;
	position:absolute;
	z-index:2;
	font-size:20px;
	text-shadow:none;
	color:#fff;
	background:#000;
	background:rgba(0,0,0, .8);
	left:0;
	right:0;
	bottom:0;
	padding:10px 20px;
	margin:0;
	max-width:none;
}
.callbacks_nav{
	position:absolute;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
	top:50%;
	left:0;
	opacity:0.6;
	z-index:3;
	text-indent:-9999px;
	overflow:hidden;
	text-decoration:none;
	height:61px;
	width:38px;
	background:transparent url(themes.gif) no-repeat left top;
	margin-top:-30px;
	display:none;
}
.callbacks_container:hover .callbacks_nav{display:block;}
.callbacks_nav:active{opacity:1.0;}
.callbacks_nav.next{
	left:auto;
	background-position:right top;
	right:0;
}

@media screen and (max-width:600px){
	.callbacks_nav{
		top:47%;
	}
}
/********************/
.top{ width:100%; height:35px; background:#ECECEC;}
.top-in{ width:1200px; height:35px; line-height:35px; margin:0 auto; color:#666;}
.top-in a{ color:#666; }
.top-in a:hover{ color:#ff6d00}
/*******************/
.lg{ width:100%; height:110px;}
.lg-in{ width:1200px; height:110px; margin:0 auto; position:relative}
.lg-in .lg-lg{ height:110px; float:left;}
.lg-in .lg-lx{ height:110px; float:right; position:relative; background:url(lglx.png) center no-repeat; padding-left:240px}
.lg-in .lg-lx span#zx{ font-size:14px; color:#5a5a5a; display:block; padding-top:15px}
.lg-in .lg-lx span#hm{ font-weight:bold; color:#328a02; font-size:24px; line-height:110%; padding-top:7px; display:block}
/*******************/
.dh{ width:100%; height:50px; background:#328a02}
.dh-in{ width:1200px; height:50px; line-height:50px; margin:0 auto;}
.dh-in ul{}
.dh-in ul li{ float:left; width:120px; height:50px; color:#FFF; line-height:50px; text-align:center; font-size:15px}
.dh-in ul li:hover{ background:#ff6d00}
/*******************/
.gg{ width:100%; height:46px; margin-top:40px;}
.gg-in{ width:1200px; height:46px; margin:0 auto; background:url(gg.jpg) center no-repeat; line-height:42px;}
.gg-in span.fl{ font-size:16px; font-weight:bold; color:#333; float:left; padding-left:10px; display:block; width:90px;}
.gg-in span.fr{ float:right; font-size:16px; color:#FFF; width:1080px; margin-right:10px}
/*******************/
.pro{ width:100%; height:610px; margin-top:40px;}
.pro-in{ width:1200px; height:610px; margin:0 auto; position:relative}
.pro-in .pro-fl{ float:left; width:240px; height:auto;}
.pro-in .pro-fl .fl-tit{ width:240px; height:80px; float:left;text-align: center;font-size: 24px;color: #fff29d;line-height: 50px; background:url(fltit.jpg) center no-repeat; letter-spacing:2px}
.pro-in .pro-fl .fl-fl{ width:210px; background:#328a02; padding:15px; float:left}
.pro-in .pro-fl .fl-fl ul{}
.pro-in .pro-fl .fl-fl ul li{ float:left; width:190px; height:32px; line-height:32px; margin-bottom:10px; color:#fff29d; font-size:14px; background:#49b32c; padding:0px 10px}
.pro-in .pro-fl .fl-fl ul li:hover{background:#ff6d00;}
.pro-in .pro-fl .fl-lx{ float:left; border-top:3px solid #ff6d00; width:100%; background:#328a02; padding:15px 0px}
.pro-in .pro-fl .fl-lx span#dz{ text-align:center;font-size: 24px;color: #fff29d; text-align:center; display:block; width:100%; letter-spacing:2px; float:left;}
.pro-in .pro-fl .fl-lx span#dh{ text-align:center; display:block; width:100%; float:left;color: #fff29d; float:left; margin-top:15px; font-size:18px}
.pro-in .pro-tp{ float:right; width:930px;border: 1px solid #e9e9e9; height:600px}
.pro-in .pro-tp .tp-tit{ width:100%; height:41px; background:url(tptit1.jpg) center repeat-x; float:left;}
.pro-in .pro-tp .tp-tit span#tit{line-height: 41px;height: 41px;color: #fff29d; text-align:center;font-size: 14px;color: #fff29d; background:url(tptit.jpg) right center no-repeat; width:140px; text-align:center; display:inline-block; font-weight:bold; letter-spacing:2px}
.pro-in .pro-tp .tp-tit span#mo{ float:right; display:block; height:41px; line-height:41px; padding-right:10px;}
.pro-in .pro-tp .tp-tit span#mo:hover{ color:#ff6d00}
.pro-in .pro-tp .tp-tp{ float:left; width:100%;}
.pro-in .pro-tp .tp-tp ul{ width:960px}
.pro-in .pro-tp .tp-tp ul li{ float:left; width:280px; margin:15px;}
.pro-in .pro-tp .tp-tp ul li .tp{ position:relative;overflow: hidden;width: 280px;position: relative;background: #f5f5f5;height: 208px;}
.pro-in .pro-tp .tp-tp ul li .tp img{margin: auto;display: block;max-width: 280px;max-height: 208px;}
.pro-in .pro-tp .tp-tp ul li .wz{ background:#328a02; text-align:center; line-height:40px; height:40px; color: #fff29d; font-size:15px;}
.pro-in .pro-tp .tp-tp ul li:hover .wz{background: #ff6d00;}
/*******************/
.yous{ width:100%; background:url(youshi.jpg) center no-repeat; height:323px; margin-top:40px}
/*******************/
.abt{ width:100%; height:505px;}
.abt-in{ width:1200px; height:505px; margin:0 auto; position:relative; }
.abt-in .abt-js{ width:100%; float:left;}
.abt-in .abt-js p{ text-indent:2em; line-height:200%; font-size:15px;}
.abt-in .abt-ry{ width:1200px; overflow:hidden; float:left; height:262px; overflow:hidden;margin-top:30px;}
.abt-in .abt-ry ul{ width:12000px; overflow:hidden}
.abt-in .abt-ry ul li{border: 1px solid #e9e9e9; margin-right:20px; width:290px; margin-right:10px; float:left}
.abt-in .abt-ry ul li .li-tp{position:relative;overflow: hidden;width: 290px;position: relative;background: #f5f5f5;height: 220px;}
.abt-in .abt-ry ul li .li-tp img{margin: auto;display:block;max-width: 280px;max-height: 210px;}
.abt-in .abt-ry ul li .li-wz{ background:#e9e9e9; width:100%; text-align:center; height:40px; line-height:40px; font-size:14px}
.abt-in .abt-ry ul li:hover .li-wz{ color:#fff;background:#328a02}
/*******************/
.ad{ width:100%; height:243px; margin-top:40px}
.ad-in{ width:1200px; height:243px; margin:0 auto; position:relative}
/*******************/
.news{ width:100%; height:355px; margin-top:40px;}
.news-in{ width:1200px; height:350px; margin:0 auto; position:relative}
.news-in .news1{ width:390px; height:350px;border: 1px solid #e9e9e9;}
.news-in .news1 .news-tit{ background:#328a02; height:45px; line-height:45px; color:#FFF; font-weight:bold; font-size:18px;}
.news-in .news1 .news-tit span{ padding-left:10px;}
.news-in .news1 .news-nr{ width:100%; float:left;}
.news-in .news1 .news-nr ul{}
.news-in .news1 .news-nr ul li{height: 33px;font-size: 13px;border-bottom: 1px #CCCCCC dashed;line-height: 33px;margin-bottom: 4px}
.news-in .news1 .news-nr ul li span#mc{ display:block; float:left; width:250px; padding-left:10px; float:left;overflow: hidden; text-overflow: ellipsis; white-space:nowrap;}
.news-in .news1 .news-nr ul li span#sj{ display:block; float:right; padding-right:10px; }
.news-in .news1 .news-nr ul li:hover span#mc{ color:#ff6d00}
/*******************/
.fotdh{ width:100%; height:50px; background:#328a02; margin-top:40px;}
.fotdh-in{ width:1200px; height:50px; line-height:50px; margin:0 auto;}
.fotdh-in ul{}
.fotdh-in ul li{ float:left; width:120px; height:50px; color:#FFF; line-height:50px; text-align:center; font-size:15px}
.fotdh-in ul li:hover{ background:#ff6d00}
/*******************/
.fot{ width:100%; height:250px; background:#ECECEC;}
.fot-in{ width:1200px; height:250px; margin:0 auto; position:relative}
.fot-in .fot-lx{ float:left; height:180px; margin-top:20px}
.fot-in .fot-lx span{ display:block; font-size:16px; padding:10px 0px;height: 17px;line-height: 17px;}
.fot-in .fot-wx{ float:right; height:180px; margin-top:20px; width:150px;}
.fot-in .fot-wx img{ display:block; width:150px; float:left;}
.fot-in .fot-wx span{ display:block; float:left; height:30px; line-height:30px; text-align:center; color:#333; text-align:center; width:100%; font-size:16px}
.fot-in .fot-bq{ width:100%; float:left; font-size:15px; height:50px; line-height:50px;}