@charset "utf-8";
/* 
 * Project Name:绿金生物
 * Author:浅浅
 * Date：2015-10-08
 */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0px; border: 0; font-size: 100%; outline: none; }
html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; overflow-x: hidden; }
/* always display scrollbars */
body { font: 12px/1.8 "微软雅黑","宋体",Arial,sans-serif; margin: 0 auto; color: #525252; background-color: #fff; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
strong { font-weight: bold; }
input { outline: none; }
img { border: 0; }
input[type="text"], input[type="button"], input[type="submit"], input[type="reset"] { -webkit-appearance: none; border-radius: 0; }
textarea { -webkit-appearance: none; border-radius: 0; }
::-moz-selection { background: #f7a300; color: #fff; text-shadow: none; }
::selection { background: #f7a300; color: #fff; text-shadow: none; }
a { text-decoration: none; blr: expression(this.onFocus=this.blur()); cursor: pointer; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }
a:link, a:visited { text-decoration: none; }
a:active, a:hover { text-decoration: none; }
.clearfix:before, .clearfix:after { display: table; content: ""; line-height: 0px; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }
.fc { text-align: center; }
.fr { text-align: right; }
.l { float: left; display: inline-block; }
.r { float: right; display: inline-block; }
.vt { vertical-align: top; }
.vm { vertical-align: middle; }
.binner { width: 1200px; margin: 0px auto; }
.grop { box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.3); position: relative; z-index: 500; }
.top { padding: 5px 0px; }
.logo { float: left; display: none; width: 250px; }
.logo img { width: 100%; display: block; }
.logo1 { float: left; display: block; width: 247px; padding-top:2px; }
.logo1 img { width: 100%; display: block; }
.f12{ margin:0 auto; padding:0; font-family:"微软雅黑","宋体",Arial; font-size:12px;color:#666; text-align:left; text-decoration:none; line-height:30px;}
.sharpBox { float: right; display: block;}
.sharpBox a:link, .sharpBox a:visited { color: #5a5a5a; }
.sharpBox a:active, .sharpBox a:hover { color: #f66400; }
.sharpBox a { margin-left: 15px; float: left; height: 30px; line-height: 30px; }
.sharpBox .lagen span, .sharpBox .lagen2 span { background: url(g1.png) no-repeat scroll left center; padding-left: 23px; }
.sharpBox .lagen2 span { background-image: url(g2.png); }
.sharpBox a.ai { display: block; width: 31px; height: 31px; background: url(ico1.png) no-repeat; position: relative; }
.sharpBox a.ai em { background: url(sharp.png) no-repeat; display: block; width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; z-index: 10; }
.sharpBox a.ai .ibg { background: url(ico2.png) no-repeat scroll 0px 0px; -webkit-transform: scale(0); transform: scale(0); opacity: 0; filter: alpha(opacity=0); transition: 300ms; }
.sharpBox a.ai:hover .ibg { -webkit-transform: scale(1); transform: scale(1); opacity: 1; filter: alpha(opacity=100); }
.sharpBox a.a1 .i { background-position: 0px 0px; }
.sharpBox a.a2 .i { background-position: -34px 0px; }
.navbox { margin:0 auto; padding:0; width:100%; height:90px; background:#2fa69d; }
.navboxmain { margin:0 auto; padding:0; width:100%; max-width:1200px; height:90px;}

.navbox1 { margin:0 auto; padding:0; width:30%; height:auto; float:left; padding-top:15px;}
.navbox2 { margin:0 auto; padding:0; width:70%; height:auto; float:right;}


.nav li { float: left; display: block; width: 12%; position: relative; }
.nav li.lin1 { width: 9%; }
.nav a { font-size: 14px; line-height: 90px; text-align: center; display: block; }
.nav a:link, .nav a:visited { color: #fff; }
.nav a:active, .nav a:hover { color: #fff; }
.nav a:hover, .nav a.act { background-color: #39b54a; display: block; color: #fff; }
.nav li:hover { background-color: #f6f6f6; }
.nav .subnav { position: absolute; left: 0px; top: 90px; background-color: #f6f6f6; width: 100%; display: none; padding: 20px 0px; }
.nav .subnav a { font-size: 12px; color:#666; line-height:40px;}
.nav .subnav p{ background-color: #f6f6f6; width: 100%;line-height:40px;  }
.nav .subnav p a{ font-size: 12px;color: #666; background-color: #f6f6f6; line-height:40px; }
.nav .subnav p a:hover{ font-size: 12px;color: #fff; background-color: #39b54a;line-height:40px; }
.subpro { width: 600px; padding-left: 84px; }
.subpro dd { float: left; display: block; width: 150px; }
.nav .subnav .subpro dd p { padding: 0px 0px 5px; }
.nav .subnav .subpro dd p a { text-align: left; display: inline; font-size: 12px; line-height: 1.5; padding: 2px 5px; }
.nav .subnav .subpro dd p.t { padding-bottom: 25px; }
.nav .subnav .subpro dd p.t a { font-size: 14px; color: #39b54a; }
.nav .subnav .subpro dd p.t a:hover { color: #fff; }
.nav .subpro dd p a:hover, .nav .subpro dd p a.act { background-color: transparent; display: inline; }
.nav .subpro dd p a:link, .nav .subpro dd p a:visited { color: #8b8b8b; }
.nav .subpro dd p a:active, .nav .subpro dd p a:hover { color: #fff; background-color: #39b54a; }
.menu-handler { width: 58px; height: 58px; cursor: pointer; display: none; float: right; position: relative; background-color: #39b54a; margin-left: 15px; }
.menu-handler .burger { width: 24px; height: 2px; background: #fff; display: block; position: absolute; z-index: 5; top: 20px; left: 50%; margin: 0px 0px 0px -12px; transform-origin: center; -webkit-transform-origin: center; -moz-transform-origin: center; -o-transform-origin: center; -ms-transform-origin: center; }
.menu-handler .burger-2 { top: 27px; }
.menu-handler .burger-3 { top: 35px; }
.csstransforms .menu-handler.active .burger-1 { top: 27px; -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }
.csstransforms .menu-handler.active .burger-2 { -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); filter: alpha(opacity=0); opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; }
.csstransforms .menu-handler.active .burger-3 { top: 27px; -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
.csstransforms .trans, .csstransforms .trans:hover { -webkit-transition: all 277ms ease-in-out; -moz-transition: all 277ms ease-in-out; -o-transition: all 277ms ease-in-out; transition: all 277ms ease-in-out; -ms-transition: all 277ms ease-in-out; }
.csstransforms .trans-fast, .csstransforms .trans-fast:hover { -webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; -ms-transition: all 200ms ease-in-out; }
.no-csstransforms .menu-handler.active .burger-1, .no-csstransforms .menu-handler.active .burger-2, .no-csstransforms .menu-handler.active .burger-3 { display: none; }
.no-csstransforms .menu-handler.active { background: url(mob_close.png) no-repeat scroll center center; }
.menuBox { position: fixed; left: 0px; top: -100%; width: 100%; height: 100%; overflow-x: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch; z-index: 900; background-color: #f6f7f7; }
.menuBoxShow { right: 0px; }
.menuclose { border-radius: 50%; -webkit-border-radius: 50%; width: 49px; height: 49px; border: 3px solid #e2e2e2; margin: 50px auto 0px; position: relative; }
.menuclose i { background: url(menuclose.png) no-repeat; width: 17px; height: 20px; position: absolute; left: 16px; top: 15px; transition: 400ms; }
.menuclose:hover i { transform: rotate(90deg); }
.navMobile { padding: 30px 0px 50px; }
.navMobile dd { display: block; width: 100%; text-align: center; }
.navMobile dd p a { text-transform: uppercase; font-size: 16px; font-weight: bold; position: relative; }
.navMobile dd a { display: block; padding: 14px 0px; line-height: 1.4; font-size: 14px; color: #39b54a; -webkit-transition: 0s; -moz-transition: 0s; -o-transition: 0s; transition: 0s; }
.navMobile dd a:hover, .navMobile dd p a.cur { background: none #39b54a; color: #fff; }
.navMobile dd a:active { background-color: #84c598; color: #fff; }
.navMobile dd .msubnav { background-color: #fff; display: none; }
.navMobile dd .msubnav a { color: #8d8d8d; position: relative; background: transparent; }
.menuLogo { display: block; margin: 0px auto; width: 64px; }
.menuLogo img { width: 100%; display: block; }
.mtop { height: 0px; display: block; }

#floatDivBoxs{width:170px;background:#fff;position:fixed;top:180px;right:0;z-index:999;}
#floatDivBoxs .floatDtt{width:100%;height:45px;line-height:45px; background:#f08326;color:#fff;font-size:18px;text-indent:22px;position:relative;}
#floatDivBoxs .floatDqq{padding:0 14px;}
#floatDivBoxs .floatDqq li{height:45px;line-height:45px;font-size:15px;border-bottom:1px solid #e3e3e3; padding:0 0 0 50px;}
#floatDivBoxs .floatDqq li a{font-family:"微软雅黑","宋体",Arial; font-size:12px;color:#666; text-align:left; text-decoration:none; line-height:45px;}
#floatDivBoxs .floatDqq li a:hover{ color:#000;}
#floatDivBoxs .floatDtxt{font-size:18px;color:#333;padding:12px 14px;}
#floatDivBoxs .floatDtel{padding:0 0 15px 10px;}
#floatDivBoxs .floatDtel img{display:block;}
#floatDivBoxs .floatDbg{width:100%;height:20px;background:url(online_botbg.jpg) no-repeat;box-shadow:-2px 0 3px rgba(0,0,0,0.25);}
.floatShadow{ background:#fff;box-shadow:-2px 0 3px rgba(0,0,0,0.25);}
#rightArrow{width:50px;height:45px;background:url(online_arrow.jpg) no-repeat;position:fixed;top:180px;right:170px;z-index:999;}
#rightArrow a{display:block;height:45px;}




.box-a { position: relative; z-index: 15; overflow: hidden; width: 100%; margin-top: 0px; background: url(fade-1.png) 0 0 repeat-x; }
 .list-c { position: relative; list-style: none; margin: 0; padding: 0; }
  .list-c li { position: relative; width: 197px; float: left; }
   .list-c li a { position: relative; display: block; height: 84px; padding: 0 10px 0 49px; background: url(a5.png) top left no-repeat; text-decoration: none }
   .list-c li a:hover { top: 0px; }
   .js .list-c li a:hover { top: 0; }
    .list-c li a h2 { margin-bottom: 0; color: #fff;  font:15px "微软雅黑","宋体",Arial;  text-transform: uppercase;  line-height:30px; }
    .list-c li a p { font:12px "微软雅黑","宋体",Arial; color: #a1aaaf; line-height: 16px; }
    .list-c li a:hover{ top: 0; }
    .js .list-c li a:hover .more-b { top: -50px; }
   .list-c li.what-we-do a:hover { background-position: 0 -84px; }
   .list-c li.team a { background-position: -197px 0; }
   .list-c li.team a:hover { background-position: -197px -84px; }
   .list-c li.faq a { background-position: -394px 0; }
   .list-c li.faq a:hover { background-position: -394px -84px; }
   .list-c li.contact a { background-position: -591px 0; }
   .list-c li.contact a:hover { background-position: -591px -84px; }
   .list-c li.kong a { background-position: -798px 0;  }
   .list-c li.kong a:hover {background-position: -798px -84px; }

.tab{width:100%;margin:30px auto;border:0;}
.tab ul.menu{height:auto;}
.tab ul.menu li{float:left;text-align:center;width:13%;height:32px;border:1px solid #f6f6f6; margin-right:1%;line-height:32px;list-style:none;font-size:12px;cursor:pointer;}
.tab ul.menu li.hover{background:#ffcc00;color:#fff;}
.tab ul.menu li.active{background:#ffcc00;color:#fff;}
.con1,.con2,,.con3,.con4,.con5,.con6,.con7{height:auto;border-top:2px solid #e2383a;margin-top:-2px;}
.con2,.con3,.con4,.con5,.con6,.con7{display:none;}

.con1a{width:1000px; height:auto; margin:0 auto;margin-top:30px;}

.prori {
	width:100%;
	overflow:hidden
}
.prori ul {
	width:105%
}
.prori ul li {
	float:left;
	width:220px;
	height:280px;
	position:relative;
	overflow:hidden;
	padding-top:10px;
	margin:0 16px 16px 0;
	border:1px solid #f3f3f3;
	
}
.prori ul li .proliname {
	text-align:center;
	font-size:13px;
	color:#666;
	margin-top:20px
}
.prori ul li .proliname a{
	text-align:center;
	font-size:13px;
	color:#666;
}
.prori ul li .proliname a:hover{
	color:#CC3300;
}

.prori ul li .proliname span {
	text-align:center;
	font-size:12px;
	color:#999;
	display:block
}
.prori ul li .prolicover {
	position:absolute;
	width:100%;
	height:100%;
	left:0;
	top:0;
	opacity:.9;
	filter:Alpha(opacity=90);
	background:#2FA69D;
	display:none;
	overflow:hidden
}
.prori ul li .prolitext {
	position:absolute;
	width:180px;
	left:20px;
	top:-240px;
	font:14px/21px "微软雅黑";
	color:#fff;
	height:235px;
	overflow:hidden
}
.prori ul li .prolitext span {
	display:block;
	font:normal 12px/16px Arial;
	color:#fff;
	opacity:.5;
	filter:Alpha(opacity=50)
}
.prori ul li .prolimore {
	position:absolute;
	right:81px;
	bottom:-26px;
	overflow:hidden
}
.prori ul li .prolimore a {
	padding:5px 10px;
	text-align:center;
	border:1px solid #fff;
	color:#fff;
	display:block;
	transition:all .3s;
	font-size:14px
}
.prori ul li .prolimore a:hover {
	background:#fff;
	color:#e10000;
	border:1px solid #fad1d1
}
.pro_head {
	height:500px;
	margin-bottom:10px;
	position:relative
}
.pro_head .pro_intro {
	width:240px;
	color:#ccc;
	padding:25px;
	color:#666;
	background:#fff;
	height:450px;
	font-size:14px;
	margin-left:10px;
	position:absolute;
	right:0
}
.pro_head .pro_intro h3 {
	font:21px/30px "微软雅黑" normal;
	color:#000;
	margin-bottom:25px
}
.pro_head .pro_intro .price {
	font-weight:normal;
	text-align:center;
	position:absolute;
	font-size:21px;
	color:#F00;
	top:450px
}
.pro_head .pro_img {
	background:#fff;
	margin-right:310px;
	height:500px;
	position:relative;
	text-align:center
}
.more_img {
	position:absolute;
	right:0;
	top:0;
	width:60px;
	margin:15px
}
.more_img img {
	width:60px;
	height:60px;
	margin-bottom:10px;
	border:1px solid #eee
}
.pro_nav {
	height:48px
}
.pro_nav li {
	float:left;
	width:25%
}
.pro_nav li a {
	display:block;
	border-right:2px solid #fff;
	text-align:center;
	line-height:48px;
	font-size:18px;
	background:#e0e0e0
}
.pro_nav li:last-child a {
	border-right:0
}
.pro_nav li:hover a, .pro_nav li.on a {
	color:#fff;
	background:#656565
}
#pro_show {
	text-align:center;
	background:#fff;
	overflow:hidden;
	padding:25px 0
}
#pro_tech {
	background:#fff;
	overflow:hidden;
	padding:25px 30px;
	font-size:14px;
	line-height:30px
}
#pro_pack {
	background:#fff;
	overflow:hidden;
	padding:25px 30px;
	font-size:14px;
	line-height:30px
}
#pro_tech p, #pro_pack p {
	display:block;
	background:#eee;
	padding:3px 10px;
	margin-bottom:2px
}
#pro_aq {
	background:#fff;
	overflow:hidden;
	padding:25px 30px;
	font-size:14px;
	line-height:30px
}
#pro_news {
	text-align:center;
	background:#fff;
	overflow:hidden;
	padding:5px 0
}
#pro_news div {
	float:left;
	text-align:left;
	padding:10px;
	width:90%;
	margin:10px;
	border-bottom:2px solid #f2f2f2
}




ul.box{ width:1000px; height:auto; }
.box li{ margin:0; padding:0; width:308px; height:137px; margin-right:18px; float:left; overflow:hidden; position:relative;}
.toll_img{ width:308px; height:137px;}
.toll_info{ height:137px; width:308px; background:#737373; vertical-align:middle;display:table-cell; }
.box li p{ padding:10px; font:normal 13px/24px '微软雅黑'; cursor:pointer; }
.box li a{ color:#ffffff; text-decoration:none; position:absolute; top:0; left:0;}


.boxtex li{ width:308px; height:67px; margin-right:18px; float:left; overflow:hidden; position:relative;color:#666666; text-decoration:none;line-height:30px; font-size:14px;}
.boxtex li p{ padding:10px; font:normal 13px/24px '微软雅黑'; cursor:pointer; color:#ffffff; text-decoration:none; position:absolute; top:0; left:0; line-height:30px; }
.boxtex li a{ width:308px; height:67px; float:left; overflow:hidden; position:relative;color:#666666; text-decoration:none;line-height:30px; font-size:14px; }

@media screen and (max-width:740px) {
.logo{ display:block;}
.f12{ display:none;}
}