@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; }
.inner { width: 1040px; margin: 0px auto; }
.binner { width: 1270px; margin: 0px auto; }
.grop { box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.3); position: relative; z-index: 500; }
.top { padding: 15px 0px; }
.logo { float: left; display: block; width: 241px; }
.logo img { width: 100%; display: block; }
.logo1 { float: left; display: block; width: 376px; }
.logo1 img { width: 100%; display: block; }

.sharpBox { float: right; display: block; margin-top: 20px; }
.sharpBox a:link, .sharpBox a:visited { color: #5a5a5a; }
.sharpBox a:active, .sharpBox a:hover { color: #f66400; }
.sharpBox a { margin-left: 15px; float: left; height: 31px; line-height: 31px; }
.sharpBox .lagen span, .sharpBox .lagen2 span { background: url(../images/g1.png) no-repeat scroll left center; padding-left: 23px; }
.sharpBox .lagen2 span { background-image: url(../images/g2.png); }
.sharpBox a.ai { display: block; width: 31px; height: 31px; background: url(../images/ico1.png) no-repeat; position: relative; }
.sharpBox a.ai em { background: url(../images/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(../images/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:38px; background:#1C96D5; }
.nav li { float: left; display: block; width: 13%; position: relative; }
.nav li.lin1 { width: 9%; }
.nav a { font-size: 16px; line-height: 38px; 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: #1C96D5; display: block; color: #fff; }
.nav li:hover { background-color: #f6f6f6; }
.nav .subnav { position: absolute; left: 0px; top: 38px; background-color: #f6f6f6; width: 100%; display: none; padding: 20px 0px; }
.nav .subnav a { font-size: 14px; color:#666; }
.nav .subnav p{ background-color: #f6f6f6; width: 100%;  }
.nav .subnav p a{ font-size: 14px;color: #666; background-color: #f6f6f6; }
.nav .subnav p a:hover{ font-size: 14px;color: #fff; background-color: #1C96D5; }
.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: #1C96D5; }
.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: #1C96D5; }
.menu-handler { width: 58px; height: 58px; cursor: pointer; display: none; float: right; position: relative; background-color: #1C96D5; 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(../images/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(../images/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: #1C96D5; -webkit-transition: 0s; -moz-transition: 0s; -o-transition: 0s; transition: 0s; }
.navMobile dd a:hover, .navMobile dd p a.cur { background: none #1C96D5; 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: 264px; }
.menuLogo img { width: 100%; display: block; }
.mtop { height: 0px; display: block; }

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