@charset "utf-8";
/*   
益膳房牛奶*/

body{ margin:0; font-family:"微软雅黑"; background:#F6F6F6;}
.waper{ overflow:hidden; width:100%; }
img{ border:none;}
li,ul,ol{ list-style:none;}
p{ margin:0 0 2px 0;}
.gotop{ display:block; width:50px; height:50px; background:url(../images/shubiao.gif) no-repeat; position:fixed; right:0px; bottom:0px;}

#header{
	width: 100%;
	height: 100px;
	position: fixed;
	z-index: 1000;
	background-color: #FFF;
	background-image: url(head.gif);
	background-repeat: repeat-x;
	background-position: bottom;
} 
#header a{
	text-decoration: none;
} 
#header div{
	margin:0px auto; 
} 
.header{ width:1150px; margin:0px auto; overflow:hidden;}
.header .logo{
	width: 150px;
	height: 90px;
	float: left;
	overflow: hidden;
	padding-top: 5px;
}
.header .logo a{ display:block; width:150px; height:90px; overflow:hidden; background:url(../images/logo.png) no-repeat;}
.header .buy{ width:150px; height:90px; float:left; padding:5px 0px; overflow:hidden;}
.header .buy a{ display:block; width:150px; height:90px; overflow:hidden; background:url(../images/buy.png) no-repeat;}

.header .headright{ float:right;}
.header .headright .mainmenu{}
.mainmenu dl{ float:left;}
.mainmenu dl dt{ position:relative;background-color:#ffffff;border-top:solid 4px #ffffff;}
.mainmenu dl dt a{ display:block; padding:0px 22px; color:#414141; font-size:15px;}
.mainmenu dl dt p{z-index:100; border-left:solid 1px #ffffff;border-right:solid 1px #ffffff;height:67px; line-height:66px;}
.mainmenu dl.dlnow dt,.mainmenu dl:hover dt{border-top:solid 4px #ec1d25;}
.mainmenu dl.dlnow dt p,.mainmenu dl:hover dt p{border-left:solid 1px #ececec;border-right:solid 1px #ececec;}
.mainmenu dl.dlnow dt a,.mainmenu dl:hover dt a{ font-weight:bold; color:#ec1d25;}
.mainmenu dl dd{
	z-index: 1;
	display: none;
	width: 125px;
	line-height: 32px;
	position: absolute;
	background-color: #ffffff;
	border: solid 1px #ececec;
	border-top: 0px;margin:0px;padding:0px;
 }
.mainmenu dl dt a:hover{ text-decoration:none;}
.mainmenu dl dd a{
	width: 100px;
	clear: both;
	font-size: 13px;
	color: #8e8e8e;
	display: block;
	height: 32px;
	padding: 0px 13px;
	text-align: center;
}
.mainmenu dl:hover dt p{ height:76px;}
.mainmenu dl:hover dd{ display:block;}
.mainmenu dl dd a:hover{ color:#ec1d25; background-color:#f0f0f0; text-decoration:none;}


/* nav */
#nav_bottom{ width:100%; height:60px; position:fixed; bottom:0; left:0;background:url(/images/black_b3.png); z-index:100000;}
.nav_bottom_in{width:1000px; height:60px; margin:0 auto; overflow:hidden;}
.nav_bottom_in b{ display:block; float:left; margin-left:10px; color:#FFF; padding:0 10px; line-height:60px; font-size:14px; cursor:pointer; position:relative; overflow:hidden;}
.hereis{
	color: #ec1d25 !important;
	background: url("../images/black_b2.png");
}
.nav_bottom_in b.hereis .hover{ width:18px; height:9px; position:absolute; left:35%; top:5px !important;background:0 -121px url("../images/Sprites.png")}
.nav_bottom_in b .hover{ width:18px; height:9px; position:absolute; left:35%; top:-10px;background:0 -121px url("../images/Sprites.png")}
.main{ width:100%; margin:0 auto; padding:0; float:left; background:#fff;}
.page{ width:100%;  float:left;  position:relative;}
.nav_bottom_in span{
display:block; float:right; height:60px; width:auto; overflow:hidden; padding:0px 0 0 35px;background:0 -318px url("../images/Sprites.png")
 }
.nav_bottom_in span h1{width: 260px;float:left; }
.nav_bottom_in span h2{width: 10px;float:left;}


/* pic */
#pages1{  height:840px; z-index:100; padding-top:0 !important; position:relative; overflow:hidden;}
 


.container { text-align: left; margin: 0 auto; width: 960px; position: relative; }


/*------------------------------------------------*/
/*--------------[FEATURED SLIDER]-----------------*/
/*------------------------------------------------*/

@-webkit-keyframes fadeInUp {
	0% {
		opacity: 0;
		-webkit-transform: translateY(20px);
	}

	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
	}
}

@-moz-keyframes fadeInUp {
	0% {
		opacity: 0;
		-moz-transform: translateY(20px);
	}

	100% {
		opacity: 1;
		-moz-transform: translateY(0);
	}
}

@-o-keyframes fadeInUp {
	0% {
		opacity: 0;
		-o-transform: translateY(20px);
	}

	100% {
		opacity: 1;
		-o-transform: translateY(0);
	}
}

@keyframes fadeInUp {
	0% {
		opacity: 0;
		transform: translateY(20px);
	}

	100% {
		opacity: 1;
		transform: translateY(0);
	}
}

@-webkit-keyframes bounceIn {
	0% {
		opacity: 0;
		-webkit-transform: scale(.3);
	}

	50% {
		opacity: 1;
		-webkit-transform: scale(1.05);
	}

	70% {
		-webkit-transform: scale(.9);
	}

	100% {
		-webkit-transform: scale(1);
	}
}

@-moz-keyframes bounceIn {
	0% {
		opacity: 0;
		-moz-transform: scale(.3);
	}

	50% {
		opacity: 1;
		-moz-transform: scale(1.05);
	}

	70% {
		-moz-transform: scale(.9);
	}

	100% {
		-moz-transform: scale(1);
	}
}

@-o-keyframes bounceIn {
	0% {
		opacity: 0;
		-o-transform: scale(.3);
	}

	50% {
		opacity: 1;
		-o-transform: scale(1.05);
	}

	70% {
		-o-transform: scale(.9);
	}

	100% {
		-o-transform: scale(1);
	}
}

@keyframes bounceIn {
	0% {
		opacity: 0;
		transform: scale(.3);
	}

	50% {
		opacity: 1;
		transform: scale(1.05);
	}

	70% {
		transform: scale(.9);
	}

	100% {
		transform: scale(1);
	}
}


#et-slider-wrapper { height: 800px; position: relative; background: #0c151b; }
	.et-slide { background-repeat: no-repeat; background-position: top center; -moz-background-size: cover; -webkit-background-size: cover; background-size: cover; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
		.et-slide .container { padding: 180px 0 0; }
			.et-slide .description { text-shadow: 0 2px 2px rgba(0,0,0,0.3); color: #fff; font-size: 18px; float: left; width: 412px; padding-top: 5px;
	-webkit-animation-duration: .6s;
	-webkit-animation-delay: .4s;
	-webkit-animation-timing-function: ease;
	-webkit-animation-fill-mode: both;
	-moz-animation-duration: .6s;
	-moz-animation-delay: .4s;
	-moz-animation-timing-function: ease;
	-moz-animation-fill-mode: both;
	-ms-animation-duration: .6s;
	-ms-animation-delay: .4s;
	-ms-animation-timing-function: ease;
	-ms-animation-fill-mode: both;
	animation-duration: .6s;
	animation-delay: .4s;
	animation-timing-function: ease;
	animation-fill-mode: both;

	-webkit-animation-name: fadeInUp;
	-moz-animation-name: fadeInUp;
	-o-animation-name: fadeInUp;
	animation-name: fadeInUp; }
				.description h2 { font-size: 42px; color: inherit; }
					.description h2 a { color: #fff; }
					.description h2 a:hover { text-decoration: none; color: rgba(255,255,255,0.95); }
					.subtitle { font-size: 35px; text-transform: uppercase; color: inherit;  }
				 


.js .et-slide { display: none; }
.js .et-slide:first-child { display: block; }

.et-slider-arrows a { display: block; background-repeat: no-repeat; width: 28px; height: 40px; position: absolute; top: 400px; text-indent: -9999px; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; opacity: 0; }
#et-slider-wrapper .et-arrow-prev { left: 60px; background-image: url(images/left-arrow.png); }
#et-slider-wrapper .et-arrow-next { right: 60px; background-image: url(images/right-arrow.png); }
#et-slider-wrapper:hover .et-slider-arrows a { opacity: 1; }
#et-slider-wrapper:hover .et-arrow-prev { left: 80px; }
#et-slider-wrapper:hover .et-arrow-next { right: 80px; }

#et-slider-controls { position: absolute; bottom: 75px; left: 0; width: 100%; }
	#et-slider-controls .et-controllers { width: 530px; float: right; text-align: center; }
		#et-slider-controls .et-controllers a { display: inline-block; width: 17px; height: 17px; background: url(images/slider_control.png) no-repeat; text-indent: -9999px; margin: 0 1px; }
		#et-slider-controls .et-controllers a.et-active-control { background-image: url(images/active_slider_control.png); }

		.et-controllers a.et-active-control:hover { cursor: default; }

/*------------------------------------------------*/
/*-------------------[COMMENTS]-------------------*/
/*------------------------------------------------*/




.gonggao{ width:100px; margin:0 auto; position:relative; margin-top:100px; z-index:10;}



/* Service */
#pages5{ position:relative; overflow:hidden; padding-top:70px;}
.sercive{width:960px; height:844px; margin:0 auto; overflow:hidden; position: relative;}
.sercive_hold{ width:100%; height:100%; position:absolute; z-index:10; top:0; left:0;}
.sercive_ul{ display:block; width:970px; height:auto; overflow:hidden; position:absolute; top:8%; left:0 ; padding:0;}
.sercive_ul li{ width:319px; height:190px; display: block; position:relative; overflow:hidden; float:left; margin:0 1px 1px 0;}
.sercive_ul li div{ width:0; height:0; position:absolute; left:159.5px; top:95px; overflow: hidden;}
.sercive_ul li div span{ width:299px; height:170px; position:absolute; top:190px; left:0; background:url("../images/black_b2.png"); display:block; padding:10px;}
.sercive_ul li div span b{ font-size:18px; color:#fff; display:block; width:100%; text-align:center;}
.sercive_ul li div span p{
	font-size: 12px;
	color: #fff;
	display: block;
	width: 100%;
	text-align: left;
	line-height: 22px;
}
.sercive_ul li div  span a{
	display: block;
	background: #96bb19;
	border-radius: 5px;
	color: #000;
	float: left;
	font-size: 12px;
	margin-top: 10px;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
}
.sercive_ul li div img{width: 100%; height:100%} 
.sercive_title_out{ width:100%; height:73px; padding:36px 0; position:absolute;top:1100px; }
.sercive_title{width:960px; height:73px;  margin:0 auto; }
.sercive_title span{ float:left; width:318px; height:73px; border-right:1px solid #666;}
.sercive_title span b{ font-size:32px; color:#666; display:block; width:100%; text-transform: uppercase;} 
.sercive_title span a{ font-size:18px; color:#999;display:block; width:100%;}
.sercive_title  p{ float:left; padding:4px 0 0 20px; font-size:14px; display:block;color:#999; width:600px; }

/* about */
#pages3{ position:relative; overflow:hidden; background:url("../images/about.jpg")}
.about{ width:100%; height:286px; position:absolute; left:0; top:-40%;background:url("../images/black_b2.png"); padding:20px 0; z-index:10;}
.about_in{ width:960px; margin:0 auto; height:286px; position:relative; z-index:5;}
.about_in b,.about_in a,.about_in p,.about_in em{ display:block; width:450px; height:auto; position:absolute;}
.about_in b { font-size:32px; color:#FFF; left:120px; top:20px; opacity:0;  text-transform: uppercase;}
.about_in em{ font-size:20px; color:#ec1d25; left:120px; top:60px; font-weight:bold;opacity:0;}
.about_in a{ont-size:184px; color:#ec1d25; left:120px; top:240px; font-weight:bold;opacity:0;}
.about_in p{ font-size:14px; color:#FFF; left:120px; top:93px;opacity:0;}
.shadow_1{ width:731px; height:643px; background:url("../images/shadow_1.png"); left:100px; top:100px; position:absolute;opacity:0; }
.vedio{ width:410px; height:351px; padding:10px; background:#FFF; position:absolute; top:140px; right:0; box-shadow: 0 1px 3px #000;opacity:0;}
.diandian{ width:410px; height:351px; position:absolute; top:10px; left:10px;  z-index:10; background:url("../images/diandian.png"); cursor:pointer;}
.diandian span{ width:71px; height:71px; display:block; position:absolute; top:142px; left:169px; background:url("../images/Sprites.png")}
.diandian span li{ color:#FFF; font-size:12px; margin-top:78px; text-align:center;}
.play{ width:500px; height:400px; position:absolute; top:-50px; overflow:hidden; left:200px; background:#FFF; padding:10px 10px 40px 10px;   border-radius:5px; box-shadow:0 0 5px #333333; z-index:999; display:none;}
.play .closed{ padding:10px; font-size:12px; color:#FFF;  background:#333; display:block; position:absolute; top:0; right:0; cursor:pointer;}
.play .closed:hover{ background:#ec1d25;} 
.play iframe,.play embed{
	width: 500px !important;
	height: 400px !important;
	padding-top: 32px;
} 
/*case */
#pages4{ position:relative; overflow:hidden; background:url("../images/case.jpg"); padding-top:70px;}
.case{ width:960px; height:auto; margin:0 auto; overflow:hidden; position:relative; height:100%;}
.case_title{ width:100%; height:60px; position:absolute; left:0; top:-100px; text-align:center;background:url("../images/white_b.png")}
.case_title b{ color:#333; font-size:25px; margin-bottom:5px; }
.case_title p{ color:#666; font-size:14px; margin:0;}
.case_pic{ position:absolute; left:0; top:180px;}
.case_pic ul{ width:963px; height:auto; overflow:hidden; margin:0; padding:0;}
.case_pic ul li{ width:319px; height:288px; background:#FFF; margin-right:1px; float:left; display:block;}
.case_pic ul li a{ display:block; overflow:hidden; width:319px; height:190px; float:left; border-bottom:3px solid #FFF;}
.case_pic ul li a:hover{ border-bottom:3px solid  #ec1d25}
.case_pic ul li b{ float:left; padding:7px 10px; font-size:14px; color:#333; }
.case_pic ul li p{ float:left; padding:0 10px; font-size:12px; color:#666; margin:0;}
.loop_big_caj_nav{ width:960px; height:auto; text-align:center;  float:left; position:absolute; top:-99px; left:0;}
.loop_big_caj_nav a{ display:inline-block; padding:5px 10px; margin-right:2px; background:#ec1d25; color:#fff; font-size:14px; cursor:pointer; border:1px #FFF ;}
.loop_big_caj_nav a:hover{ background:#333; color:#FFF;}

/*news */
#pages2{ position:relative; overflow:hidden; background:#fff;padding-top:100px;}
.news{ width:960px; height:auto; position:relative; overflow:hidden; margin:5% auto; }
.news_left{ width:640px; height:auto; overflow:hidden; float:left;}
.news b.newstitle{ font-size:24px; color:#ec1d25; float:left; display:block; width:100%; text-transform:Uppercase ;}
.news a.newstitle{ font-size:20px; color:#333; float:left; display:block; width:100%; margin:5px 0;}
.news_left ul{ overflow:hidden; padding:0; display:block; width:640px; height:auto; float:left;}
.news_left ul li{ width:100%; height:114px;; display:block; float:left; overflow:hidden; position:relative; margin-bottom:10px;}
.news_left ul li div{ margin-left:-650px; width:640px; height:auto; overflow:hidden;}
.news_left ul li span{ float:left; display:block; width:88px; height:114px;}
.news_left ul li span a{ width:72px; height:72px; display:block; overflow:hidden; border:8px solid #F2F2F2;  border-radius:72px;}
.news_left ul li span a:hover{ border:8px solid #ec1d25;}
.news_left ul li span em{ width:100%; display:block; text-align:center; font-size:12px; color:#666; padding-top:5px;}
.news_left ul li span a img{ width:100%; height:100%;}
.news_left ul li b{ float:left; padding:0 0 5px 10px; font-size:14px; color:#666; display:block; width:499px;}
.news_left ul li b a{font-size:14px; color:#666; text-decoration:none;}.news_left ul li b a:hover{ text-decoration:underline;}
.news_left ul li p{ display:block; width:499px; float:left; padding-left:10px; font-size:12px; margin:0; color:#999;}

.news_right{ width:300px; height:auto; float:right; overflow:hidden;}
.news_right ul{ overflow:hidden; padding:0; display:block; width:300px; height:auto; float:left;}
.news_right ul li{width:100%; height: auto; display:block; float:left; overflow:hidden; position:relative; margin-bottom:10px;}
.news_right ul li div{ margin-left:320px; width:300px; height:auto; overflow:hidden;}
.news_right ul li div span{ display:block; width:300px; height:120px; overflow:hidden;} 
.news_right ul li b{ font-size:14px; color:#666;}
.news_right ul li b a{font-size:14px; color:#666; text-decoration:none;}
.news_right ul li b a:hover{ text-decoration:underline;}
.news_right ul li p{ font-size:12px; color:#999;}
/*news */

/*band*/
#pages6{position:relative; overflow:hidden; background:url("../images/band.jpg"); }
.band{width:100%; height:410px; padding:50px 0;background:url("../images/black_b2.png"); position:absolute; top:-45%; overflow:hidden;}
.band_in{ position:relative;width:960px}
.band_in ,.band_logo{ height:150px; margin:0 auto; text-align:center;}
.band_in b,.contact_left .wenzi b,.contact_right b{ display:block; width:100%; font-size:24px; color:#ec1d25;   text-transform: uppercase;}
.band_in a{ display:block; width:100%; font-size:24px; color:#FFF;}
.band_in p,.contact_left p{
	display: block;
	width: 100%;
	font-size: 16px;
	color: #fff;
	padding: 5px;
}
.contact_left p a{ color:#96bb19;}
.band_logo{ position:absolute; top:46%;width:100%;}
.band_logo a{ display:block; width:290px; height:290px; float:left; overflow:hidden; margin-right:10px;}
.band_logo_in{ width:960px; height:auto; overflow:hidden; margin:0 auto; }
.band_logo_out{ width:1570px; height:auto;  margin:0 auto; position:relative; }
.band_logo_out .next,.band_logo_out .prve{ display:block; width:20px; height:27px; position:absolute; top:133px; background-image:url("../images/Sprites.png"); cursor: pointer;}
.band_logo_out .next{ left:-11px; background-position:0px -408px}
.band_logo_out .prve{ right:-11px; background-position:-3px -446px;}



/*band*/

/*contact*/
#pages7{position:relative; overflow:hidden; background:url("../images/contact.jpg");padding-top:70px; }
.contact{ width:960px; height:auto; overflow:hidden; margin:0 auto; padding-top:7%;}
.contact_left{ width:565px; height:auto; overflow:hidden; float:left; position:relative; margin-left:-580px;}
.contact_left span{ display:block; float:left; width:239px; height:309px; position:relative; overflow:hidden; margin-bottom:10px;}
.contact_left span a{ display:block; width:100px; height:auto; padding:15px; background:#96bb19; border:#FFF solid 1px; text-align:center; color:#FFF; position:absolute; left:50px; top:100px;}
.contact_left .wenzi{ width:305px; height:auto; overflow:hidden; padding-left:20px; float:left;}
.contact_left .wenzi a,.contact_right a{ display:block; width:100%; font-size:18px; color:#fff; padding-bottom:10px; float:left;}
.contact_left  p { float:left; margin:5px 0 0;}
.contact_left .wenzi em{display:block; width:100%; font-size:14px; color:#ff0000;   text-transform: uppercase; margin:10px 0 13px 0; float:left;}.contact_left .wenzi b{ float:left;}
.contact_left .wenzi img{ width:145px; height:145px;}
.contact_right { width:368px; height:auto; float:right; overflow:hidden; position:relative; margin-right:-368px;}
.ludou_reg p{ margin-bottom:5px; display:block; width:100%; height:auto; overflow:hidden; float:left;}
.ludou_reg p label{ width:50px; float:left; margin-right:6px; font-size:12px; color:#FFF; line-height:20px;}
.ludou_reg p input { width:304px; height:auto; float:left; background:#313131; border:#999 solid 1px; height:20px; color:#FFF;}
.ludou_reg p  textarea { width:304px; height:auto; float:left; background:#313131; border:#999 solid 1px; height:120px; color:#FFF;}
.ludou_reg p #wp-submit{ margin-left:57px; width:100px; height:30px; color:#fff;}
.link{ width:100%; height:auto; overflow:hidden; padding:10px 0; border-top:solid 1px #999; margin-top:30px; float:left;}
.link-menu2{ width:960px; height:auto; display:block; margin:0 auto;}
.link-menu2 li{ display:inline; padding-right:15px;}
.link-menu2 li a{ font-size:12px; color:#cacaca; text-decoration:none;}.footer_mune li a:hover,.link-menu2 li a:hover{ color:#FFF;}
.link-menu2 .icp {
	color: #FFF;
	float: right;
	font-size: 12px;
	width: 160px;
}
/*contact*/
/* footer*/
#footer .contact_left,#footer .contact_right{ margin:0;}
#footer #pages7,#footer .contact{ padding-top:20px;}
#footer { margin-top:20px;}
/* page_top */
#page_top{ width:100%; height:76px; padding-top:70px; overflow:hidden; background-image: url("../images/pic_b.jpg"); background-position:center;}
#page_top .page_top_in{ width:960px; height:76px; margin:0 auto;}
#page_top .page_top_in h3{ display:block; width:100%; font-size:24px; color:#fff; font-weight:normal;text-transform:uppercase;}
#page_top .page_top_in h3 a{ font-size:14px; color:#FFF; text-transform:uppercase;}
#page_top .page_top_in p{ font-size:9px; color:#FFF;}
#page_muen_nav{ width:960px; height:auto; padding:10px; margin:0 auto 10px auto ; border-bottom: dashed 1px #999999;}
#page_muen_nav b,#page_muen_nav a{ font-size:12px; color:#666; text-decoration:none;}
#page_muen_nav a:hover{color:#96bb19}

/* content */
#content{ width:960px; height: auto; padding:20px 0; margin:0 auto; overflow:hidden;}
#content .left_mian{ width:270px; height:auto; overflow:hidden; float:left;}
#content .right_mian{ width:670px; height:auto; overflow:hidden; float:right;}
#content .case_pic{ position:relative; top:0; left:0;}
#content .case_pic ul li{ margin-bottom:15px; position:relative; }
#content .case_pic ul li .bottom_tucase{ width:319px; height:15px; position:absolute; bottom:-15px;background:url("../images/bottom.png");}
#content .case_pic ul li a{ overflow:hidden;position:relative;}
#content .case_pic ul li .hover_case{ width:319px; height:190px; overflow:hidden; position:absolute; left:0; top:190px; background:url("../images/black_b.png");}
#test_list_b{ background:#FFF; margin-top:5px; box-shadow:0 0  3px #CCCCCC; margin-right:3px;}#test_list_b ul{ padding:0;}
/* left */
#content .left_mian .widget{ width:248px; padding:5px; border: solid #d6d6d6 1px; background:#FFF;  position:relative; overflow:hidden;  border-radius: 4px; box-shadow: 1px 3px  3px #CCCCCC; margin:5px 5px 20px 5px;}
#content .left_mian .widget  a{ text-decoration:none;color:#96bb19;text-transform:uppercase;} 
#content .left_mian .widget h2{ font-size:18px; color:#96bb19; font-weight:normal; display:block; padding:10px 0 10px 20px;  margin:0 0 3px 0; width:228px; background:#F9F9F9;background:#FCFCFC no-repeat 0 -520px   url("../images/Sprites.png")}
#content .left_mian .widget h2 b{ font-size:12px; color:#666; font-weight:normal; margin-left:5px;}
#content .left_mian .widget .nav_left li,.widget .menu li{ width:255; height:44px; padding:2px 0;  border-bottom:dashed 1px #d6d6d6; text-align:center; background:#fff; border-left:#fff solid 3px;}
#content .left_mian .widget .nav_left li a,.widget .menu li a{ line-height:44px; padding-left:20px; background: no-repeat 0 -822px url("../images/Sprites.png"); color:#666;}

#content .left_mian .widget .nav_left li:hover,.widget .menu li:hover{border-left:#96bb19 solid 3px;}
#content .left_mian .widget .nav_left li:hover a,.widget .menu li a:hover{ color:#96bb19}
#content .left_mian .widget .nav_left li.current_page_item:hover a,.widget .current_page_item:hover a{ color:#fff}

.nav_contact{ width:191px; height:61px; padding:10px 22px 0 45px;background: no-repeat url("../images/nav_contact.jpg"); margin:10px 0; }
.nav_contact a{ color: #333 !important; font-size:14px; display:block; width:100%;}
.nav_contact  b{ font-size:24px; color:#96bb19; padding-top:5px;}

.left_mian #cat_news ul{ display:block; overflow:hidden; padding-left:30px;}
.left_mian #cat_news ul li{ text-align:center; display:block; width:197px; height:auto; padding:10px 0; overflow:hidden;}
.left_mian .widget .new_tu_img{ width:195px;height:195px; display:block; border:#CCC solid 1px; position:relative; overflow:hidden;}
.left_mian .widget .new_tu_img img{ position:absolute; width:195px; height:195px; top:0; left:0; z-index:1;}
.left_mian #cat_news .shuom{ width:195px; height:auto; padding:10px 0; background: url("../images/black_b2.png"); position:absolute; bottom:0; left:0; z-index:2; color:#FFF;}

.left_mian #cat_news ul li#smoll{ width:93px; height:93px; padding:0; margin:0 10px 10px 0; float:left;}
.left_mian #cat_news ul li#smoll .new_tu_img{ width:91px; height:91px;}
.left_mian #cat_news ul li#smoll .new_tu_img img,.left_mian #cat_news #list_test_ul li .new_tu_img img{ width:91px; height:91px;}

.left_mian #cat_news #list_test_ul{ padding:0;}
.left_mian #cat_news #list_test_ul li{ width:100% !important; height:auto; border-bottom:dashed 1px #d6d6d6;}
.left_mian #cat_news #list_test_ul li .new_tu_img{width:91px; height:91px; float:left;}
.left_mian #cat_news #list_test_ul li .shuom2{ width:148px; float:right; height:93px; overflow:hidden; text-align:left;}
.left_mian #cat_news #list_test_ul li .shuom2 .s_tlt{ font-size:14px; color:#333; display:block; float:left;}
.left_mian #cat_news #list_test_ul li .shuom2 a.s_tlt:hover{ color:#96bb19;}
.left_mian #cat_news #list_test_ul li .shuom2 .time{ font-size:12px; color:#CCC; float:left}
.left_mian #cat_news #list_test_ul li .shuom2 p{ font-size:12px; color: #999; float:left; margin:0 0 5px 0;}
.left_mian #cat_news #list_test_ul li .shuom2 .more{ padding:1px 10px; display:block; background:#96bb19; color:#FFF;border-radius:5px; float:left; font-size:9px; text-decoration:none;}
.left_mian #cat_news #list_test_ul li .shuom2 .more:hover{ background: #333}
.left_mian #cat_news #list_test_ul li#text{ text-align:left;}
.left_mian #cat_news #list_test_ul li#text:hover{ background:#F7F7F7;}
.left_mian #cat_news #list_test_ul li#text a{ color: #666666; float: left; font-size: 14px; padding-left:10px; text-decoration: none;}
.left_mian #cat_news #list_test_ul li#text a:hover{ color:#96bb19;}


/* page&single */
.enter{ width:100%; height:auto; overflow:hidden;}
.enter p{ font-size:12px; color:#666; line-height:22px;}
.enter a{ color:#96bb19}
.enter img{ max-width:100%; height:auto;}
.title_page{ width:650px; border-left:solid 9px #96bb19; border-right:#CCC solid 1px; border-top:#CCC solid 1px;border-bottom:#CCC solid 1px;background:#FFF; padding:5px;}
.enter_full .title_page,#nav_product_mue .title_page{ width:939px;}
#nav_product_mue .title_page{ margin-bottom:10px;}
#nav_product_mue .title_page a{ font-size:9px; color:#96bb19; margin-left:5px;}

.enter_full  .des_page{ width:936px;}
.title_page h1,#nav_product_mue .title_page .title_page b{ font-size:16px; color:#333; font-weight:normal; margin:0;}
.des_page{ width:650px; padding:10px; margin-bottom:10px; border-bottom:dashed #CCCCCC 1px;}
.des_page a{ font-size:12px; color:#999;}
.des_page ul{ display:inline-block; margin-left:10px;}
.des_page ul li{margin-left:10px;}
#nogallery_enter .gallery_xz,#nogallery_enter .list-h,#nogallery_enter #enter_xz{ display:none !important;}
#enter_xz{ background:#FFF; border:10px solid #fff;box-shadow: 0 1px 3px #333333; margin:15px 0 10px 5px;border-radius: 5px;}
.smaoll_xzs,.smaoll_xzs li{ width:640px !important; min-height:400px;}
.big_xzs,.big_xzs li{ width:930px !important; min-height:500px;}
#enter_xz ul li{ text-align:center;}
#enter_xz .next{ position:absolute; width:91px; height:100%; background: no-repeat center url("../images/next.png"); bottom:0; right:-91px; z-index:100; cursor:pointer;}
#enter_xz .prve{ position:absolute; width:91px; height:100%; background:no-repeat center url("../images/prev.png"); bottom:0; left:-91px;  z-index:100;cursor:pointer;}
.bqc{ border-top:#CCC dotted 1px;}
#bandds .list-h{ width:100%; display:block; overflow:hidden; padding:0; margin:0;}
#bandds .list-h li{ float:left; margin:9px;}
/* product */
.enter_cs{ display:block; width:650px; padding:10px 0 10px 20px; font-size:18px; color:#96bb19; margin:15px 0; border-bottom:#999 1px dashed;background: no-repeat 0 -600px url("../images/Sprites.png")}
.product_pic{ width:366px; height:366px; display:block; overflow:hidden; border:solid #d6d6d6 3px; float:left; position:relative;}
.product_pic .loading{ width:366px; height:366px; position:absolute; background: center no-repeat url("../images/loading.gif"); display:none;}
.product_pic img{ width:366px; height:366px;}
.product_text{ width: 280px; height:366px; float:right; overflow:hidden;}
.product_text h1{ font-size:18px; color:#333;}
.product_text .time{ font-size:12px; color:#999; display:block; width:100px; margin:10px 0;}
.tag_pro{ display:block; width:100%; height:auto; overflow:hidden;margin:10px 0;}
.product_text ul li{ display:inline-block; margin-right:10px; text-decoration:none;}
.product_text ul li a{ font-size:14px; color:#999;} .product_text ul li a:hover{ color:#96bb19;}
.tag_pro a{ display:block; background:#666; color: #FFF; font-size:12px; text-decoration: none; margin:0 10px 5px 0; border-radius: 5px; float:left; padding:3px 5px;}
.tag_pro a:hover{ background:#96bb19;}
.product_text span{ display:block; width:100%;margin-bottom:10px; color:#96bb19; font-size:16px; padding-bottom:5px; border-bottom:solid 1px #999;}
.product_text .de_product{ width:100%; height: auto; overflow:hidden;font-size:12px; color:#666; margin-bottom:5px;}.product_text .de_product span{ border:none;}
.product_text .btn{ display:block; width:260px; text-align:center; padding:10px 0; background:#96bb19; border:3px solid #cecece; border-radius: 5px; font-size:18px; color:#FFF; text-decoration:none;}
.product_text .btn:hover{ background:#333;}
.product .list{ width:664px; padding:2px; border:1px solid #CCC; height:75px; background:#FFF; float:left; margin-top:20px; }
.product .list .prve,.product .list .next{ display:block; background:#e4e4e4; height:55px; padding:10px; font-size:12px; color:#FFF; float:left; line-height:55px; cursor:pointer; }
.product .list .prve:hover,.product .list .next:hover{ background:#96bb19;}
.product .list ul{ width: auto; float:left; display:block; height:75px; margin:0; padding:0;}
.product .list .lsit_hover{ width:606px; float:left; display:block; height:75px; overflow:hidden;}
.product .list ul li{ float:left; display:block; width:100px; height:75px; border:#CCC solid 2px; margin:0 5px;}
.product .list ul li a img{ width:100px; height:75px;  }
.product .list ul li:hover,.bodee{ border:solid 2px #96bb19 !important;}
.product .list ul li a{ cursor:pointer;}
/* loop-news*/

.news_loop_01{ display:block; width:100%; height:auto; overflow:hidden;}
.news_loop_01 li{ float:left; display:block; width:100%; padding:10px 0; border-bottom:dashed #999999 1px;}
.news_loop_01 li .news_001_pic{ width:83px; height:83px; display:block; overflow:hidden; float:left; position:relative;}
.news_loop_01 li span{ display:block; float:left; padding-left:15px; width:315px;}
.news_loop_01 li .news_001_pic img{ width:88px; height:88px; position:absolute;}
.news_loop_01 li#fist .news_001_pic,.news_loop_01 li#fist .news_001_pic img{ width:130px; height:130px;}
.news_loop_01 li#fist span{ width:383px;}
.news_loop_01 li span b{ font-size:16px; color:#333; display:block;}
.news_loop_01 li span b a{ color:#333; text-decoration:none;}.news_loop_01 li span b a:hover{ color:#96bb19;}
.news_loop_01 li span a.time{ font-size:12px; color:#96bb19; margin:4px 0;}
.news_loop_01 li span p{ display:block; font-size:12px; color:#333; margin:0;}
.news_loop_01 li span a.news_btn{ color:#96bb19; font-size:14px; display:block; ;margin-top:10px; }
.testlist_pic{ margin:0 0 0 10px}
/* loop*/
#text_list  li#fist span{ width:631px;}
#default li#fist span{ width:525px;}
#pic_text_list li#big .news_001_pic,#pic_text_list li#big .news_001_pic img{ width:319px; height:190px;}
#pic_text_list{ padding:0; margin:0;}
#pic_text_list li#big .news_001_pic{ padding:10px; background:#FFF; box-shadow:0 0 3px #CCCCCC;}
#pic_text_list .tag{ margin-top:10px;}
#twoshow{ width:480px;}#twoshow .loop_big_a{ float:left;}
#test_twoshow{ width:234px; float:right; padding-top:10px;}
#test_twoshow span a{ font-size:16px; color:#333; font-weight:bold; }#test_twoshow span{ padding-bottom:10px; display:block;}
#test_twoshow  p{ font-size:12px; color:#999; display:block; width:100%; height:150px;}
#test_twoshow .btn{ display:block; width:145px; height:auto;  padding:10px 0; color:#FFF; padding-left:35px; font-size:14px; background:#96bb19 0 -453px no-repeat url("../images/Sprites.png") }
#test_twoshow .btn:hover{background:#333 0 -453px no-repeat url("../images/Sprites.png") }
.full_product_lists{ width:100%; height:auto; overflow:hidden;}
.full_product_lists ul{ width:960px !important;}
.full_product_lists ul li{ margin:0 15px !important; }

.pager {width:95%;overflow:hidden;white-space:nowrap;padding:4px;float:left;text-align:left; margin:20px 0;}
.pager a { background:#333; color:#FFF; font-size:12px;margin:2px;padding:6px 12px; text-decoration:none;}
.pager a.current {background:#96bb19; font-size:12px;margin:2px;padding:6px 12px;}
.pager a:hover {background:#96bb19;font-size:12px;color:#fff;text-decoration:none;}
.hover_incase{ position:absolute; top:0; left:0; display:none;}/*index-left&right*/
/* commentform */
#respond{ padding:10px 0; border-top:dashed #999999 1px; margin-top:20px;}
.liuy3{ padding:10px 0; color:#666; font-size:12px;}
.liuy2{ float:left; padding-right:10px; width:50px; overflow: hidden}
#commentform input ,#commentform  textarea { border:#ccc solid 1px; background:#FFF; padding:5px; }
#commentform #submit{ padding:5px 20px; background:#96bb19; color:#FFF; font-weight:bold; margin:0 0 0 60px; cursor:pointer;border-radius: 5px;}
#commentform #submit:hover{ background:#333; }


.tishi2{ width:100%; height:100%;overflow:hidden;top:0; left:0; position: absolute; background:url(../images/black_b2.png); display:none; z-index:10;}
.tishi{ width:255px; height:12px; background: url(../images/xuanxiang/Success.gif) left no-repeat #9C0; color: #FFF; line-height:12px; padding:10px 10px 10px 132px; margin:0 0 10px 0 !important; float:left; top:120px; left:0; z-index:10; display:none;position: absolute;}
.tishi3{ width:255px; height:12px; background: url(../images/xuanxiang/loading.gif) left no-repeat #30c5ef; color: #FFF; line-height:12px; padding:10px 10px 10px 132px; margin:0 0 10px 0 !important; float:left; position: absolute;top:120px; left:0; z-index:1;}
/* END print  media */



