/* CSS Document */
body{ font-size:14px; font-family:"΢ÈíÑźÚ"; background-color:#fff;margin:0; padding:0;}
.clear{ clear:both;}
.bo{ width:1100px; margin:0 auto;}
li{list-style:none; margin:0; padding:0;}
ul,span,p,h1,h2,h3,h4{margin:0; padding:0;}
a{ text-decoration:none}




#qq_icon {
	width:187px;
	height:193px;
	background:url(../images/qq_icon.png) no-repeat;
	position:fixed;
	right:-200px;
	top:150px;
	cursor:pointer;
	 z-index:999999
}
#cs_online{
	width:217px;
	height:324px;
	position:fixed;
	top:150px;
	right:-220px;
	background:url(../images/qq_bg.png) no-repeat;
	display:none;
	filter:alpha(opacity:0);
	opacity:0;
	 z-index:999999
}
.qq_context {
	width:185px;
	height:244px;
	margin-top:73px;
	margin-left:24px;
	list-style:none;
	padding:0px;
}
.qq_context li {
	width:175px;
	height:25px;
	margin-left:5px;
	margin-top:20px;
	float:left;
}
.span_t {
	display:block;
	float:left;
	color:#333;
	line-height:25px;
	font-size:12px;
	font-family:'Arial';
}



.top{ border-bottom:#eee solid 1px; height:30px; line-height:30px; color:#666666}
.head{ width:1100px; margin:0 auto; min-height:125px;}
.logo{ float:left; margin-top:10px;}
.phone{ float:right; width:250px; background:url(../images/6e6c7050-1758-49d9-83a7-6faf1baaa16f.jpg) left center no-repeat; padding-left:65px; color:#666666; line-height:30px; margin-top:25px;}
.phone span{ font-size:24px; color:#016543; }
.lead{ background:url(../images/topnav_bg.jpg); height:50px; line-height:50px; position:relative; z-index:999999}
.lead>ul{ width:1100px; margin:0 auto;}
.lead>ul>li{ width:137px; float:left; text-align:center; ; position:relative;}
.lead>ul>li:hover{ background-color:#fea317; background-image:none}
.lead>ul>li a{ color:#FFFFFF}
.li-li{ background:#016543; position:absolute; width:100%; display:none}
.li-li ul li{ height:45px; line-height:45px; border-bottom:#009a66 solid 1px;}
.li-li ul li:hover{ background-color:#fea317}
.lead>ul>li:hover .li-li{ display:block;}
/*  banner  */
.banner{ width:100%; float:right;position:relative;font-size:0;}
.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;}
.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{ position: absolute;z-index:100;margin-bottom:5px; bottom:10px; left:45%;}
.callbacks_tabs.callbacks1_tabs li{display:inline-block;width:40px;height:3px;margin-left:15px;position:relative;}
.callbacks_tabs.callbacks1_tabs li a{display:inline-block;width:40px;height:3px;position:absolute; left:0; z-index:1000; color:rgba(100,200,300,0);color:transparent;background:#fff;border:1px solid #fff;}
.callbacks_tabs.callbacks1_tabs li.callbacks_here a{background:#016543; border:#016543 solid 1px;}
/* 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("../images/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:700px){.callbacks_nav{top:47%;}.banner{ display:none}}

.key{ border-bottom:#CCCCCC solid 1px; height:30px; line-height:30px; width:1100px; margin:0 auto; margin-top:10px;}
.key a{ padding:0 5px; color:#333333}

.left{ width:240px; float:left; margin-top:20px;}
.pro{ background:url(../images/Left_Bottom.jpg) bottom center no-repeat; padding-bottom:5px;}
.pro-title{ background:url(../images/Left_Case_Title.jpg) center no-repeat; height:59px;}
.pro ul{ background:url(../images/Left_Bg.jpg); padding:0 17px;}
.pro ul li{ background:url(../images/Products_Index_List_Bg.jpg) center no-repeat; height:31px; line-height:31px; margin-bottom:7px; padding-left:40px;}
.pro ul li:hover{ background:url(../images/Products_Index_List_Hover_Bg.jpg) center no-repeat;}
.pro ul li a{ color:#333333}

.contact{ background:url(../images/Left_Bottom.jpg) bottom center no-repeat; padding-bottom:5px; margin-top:10px;}
.contact-title{ background:url(../images/Left_Contact_Title.jpg) center no-repeat; height:59px;}
.contact-p{ background:url(../images/Left_Bg.jpg) center; padding:0 15px; color:#333333; line-height:25px;}
.contact-p span{ color:#024e34}

.right{ width:840px; float:right; border:#CCCCCC solid 0px; margin-top:20px;}
.about{ background:url(../images/index_probottom.jpg) bottom center no-repeat; padding-bottom:5px;}
.about-title{ background:url(../images/index_abouttitle.jpg) center no-repeat; height:41px; line-height:40px;}
.about-title a{ float:right; margin-right:20px; color:#666; font-size:12px;}
.about-title a:hover{ color:#016543}
.about-p{ background:url(../images/index_probg.jpg); padding:15px;}
.about-p img{ float:left;}
.about-p p{ float:right; width:565px; line-height:24px; color:#333333}

.showpro{ margin-top:10px;background:url(../images/index_probottom.jpg) bottom center no-repeat; padding-bottom:5px;}
.showpro-title{ background:url(../images/index_protitle.jpg) center no-repeat; height:41px; line-height:41px;}
.showpro-title a{ float:right; margin-right:20px; color:#666; font-size:12px;}
.showpro-title a:hover{ color:#016543}
.showpro ul{ background:url(../images/index_probg.jpg); padding:10px;}
.showpro ul li{ width:183px; float:left; border:#eee solid 1px; padding:5px; margin:5px}
.showpro ul li div{ width:183px; height:140px; overflow:hidden; text-align:center;}
.showpro ul li div img{ height:100%;}
.showpro ul li p{ text-align:center; font-size:13px; height:25px; line-height:25px;}
.showpro ul li p a{ color:#333333}

.case{ margin-top:10px; width:1100px; background:url(../images/index_casebottom.jpg) bottom center no-repeat; padding-bottom:1px;}
.case-title{ background:url(../images/index_casetitle.jpg) center no-repeat; height:41px; line-height:41px;}
.case-title a{float:right; margin-right:20px; color:#666; font-size:12px;}
.case-title a:hover{ color:#016543}
.case-cont{ background:url(../images/index_casebg.jpg); padding:20px 0}

.news{ width:325px; float:left; border:#d6d6d6 solid 1px; padding:15px; margin-top:10px;}
.news-title{ background:url(../images/bgf_indexnews_listpic.jpg) left center no-repeat; padding-left:20px; font-size:16px;}
.news-title a{ float:right; margin-top:8px;}
.news ul{ margin-top:15px;}
.news ul li{ height:35px; line-height:35px; overflow:hidden; background:url(../images/bgf_134.jpg) left center no-repeat; padding-left:15px; border-bottom:#eee dashed 1px;}
.news ul li p{ float:left; width:240px; font-size:13px;}
.news ul li p a{ color:#333333}
.news ul li span{ float:right; font-size:12px; color:#666666}
.news ul li:hover a{ color:#016543}

.bottom-lead{ margin-top:10px;}
.bottom-lead a{ color:#FFFFFF; padding:3px 10px;}
.bottom{ width:100%; background-color:#016543; border-top:#024e34 solid 4px;  text-align:center; margin-top:30px; color: #FFFFFF; padding-bottom:20px; padding-top:10px;line-height:30px;}

.right-title{ border:#d6d6d6 solid 1px; height:35px; line-height:35px; padding:0 20px;}
.right-title span{ background:url(../images/Left_R_N_L.jpg) left center no-repeat; padding-left:30px; color:#016543; font-weight:bold; float:left}
.right-title p{ float:right; background:url(../images/Nei_Right_Loc_List.jpg) left center no-repeat; padding-left:15px; color:#333333}
.right-title p a{ color:#333333}
.erji-about{ padding:15px; color:#333333; line-height:30px; border:#d6d6d6 solid 1px; margin-top:10px; }

.erji-product{ margin-top:10px;border:#d6d6d6 solid 1px; padding:10px;}
.erji-product ul li{ width:192px; float:left; margin:5px;border:#d6d6d6 solid 1px; text-align:center}
.erji-product ul li div{ width:182px; height:145px; text-align:center; overflow: hidden; margin:5px;}
.erji-product ul li div img{ height:100%;}
.erji-product ul li p{ height:25px; line-height:25px;}
.erji-product ul li p a{ color: #666666}
.erji-product ul li:hover{border:#016543 solid 1px;}
.erji-product ul li:hover p{ background-color:#016543}
.erji-product ul li:hover p a{ color:#FFFFFF}

.erji-news{ margin-top:10px;border:#d6d6d6 solid 1px; padding:20px;}
.erji-news ul li{ height:35px; line-height:35px; border-bottom:#eee dashed 1px; background:url(../images/icon.png) left center no-repeat; padding-left:15px;}
.erji-news ul li a{ float:left; color:#333333}
.erji-news ul li span{ float:right; font-size:13px; color:#666666}
.erji-news ul li:hover{border-bottom:#016543 dashed 1px;}
.erji-news ul li:hover a{ color:#016543}