@charset "utf-8";
/*首页*/
.main{width:100%;background:#fff;}
.main .sy_box{width:100%;background:url(../images/bg.jpg) repeat-x;}
.section .step{ padding-top:40px}
.step li{ float:left;width:310px; margin:0 45px; text-align:center}
.step li a h2{ color:#333; font-size:16px; margin:16px 0 8px 0}
.step li a p{ color:#999; font-size:12px; line-height:24px}
.step li a span{ display:block; width:100px; height:100px; background:url(../images/ico.png) no-repeat; margin:0 auto;transition: all linear 0.3s;}
.step li:hover a span.img{ background-position:0 -116px}
.step li a span.img2{ background-position:-115px 0}
.step li:hover a span.img2{ background-position:-115px -116px}
.step li a span.img3{ background-position:-230px 0}
.step li:hover a span.img3{ background-position:-230px -116px}
.step li:hover a h2{ color:#00747a}
.section .step2{ padding-top:74px}
/*picshow*/
.picshow{width:1200px;overflow:hidden; position:relative;}
.main_image{width:100%;height:277px; overflow:hidden; margin:0 auto; position:relative; z-index:1000;}
.main_image ul{width:9999px;height:297px; overflow:hidden; position:absolute; top:0; left:0}
.main_image li{float:left; width:1200px;}
.main_image li a{display:block;}
div.flicking_con {width:100%; margin:0 auto; position:relative;}
div.flicking_con .flicking_inner{position:absolute;top:207px; left:47.4%; text-align:center; height:0.75rem; overflow:hidden; z-index:10000;}
div.flicking_con a{float:left; width:12px; height:12px; margin:0 5px; padding:0;display:block; text-indent:-1000px; background:url(../images/dot.png) no-repeat}
div.flicking_con a.on{background:url(../images/dot2.png) no-repeat}
.main_image li .item{width:600px;float:left;}
.main_image li .item .pic{width:260px;height:166px; overflow:hidden}
.main_image li .item .wz{padding:15px 30px 16px 30px;background:#fff;width:280px;}
.item h2 a{ color:#333; font-size:14px; margin:0px 0 6px 0;transition: all linear 0.3s; display:block}
.item p{ height:72px;overflow:hidden}
.item p a{color:#999; font-size:12px;line-height:24px;}
.item:hover h2 a{ color:#449097}
.item .wz .more{ display:block; background:url(../images/more.png) no-repeat; width:24px; height:24px; margin-top:13px;transition: all linear 0.3s;}
.item:hover .wz .more{ background-position:0 -30px}
.main_image li .item .pic a img:hover{transform:scale(1.05);-ms-transform:scale(1.05);-webkit-transform: scale(1.05);-webkit-transition: -webkit-transform 0.4s ease-out;-moz-transition: -moz-transform 0.4s ease-out;-ms-transition:-ms-transform 0.4s ease-out;opacity: .8;}
.main_image li .item .pic a img{transform: scale(1);-webkit-transition:-webkit-transform 0.4s ease-out;-moz-transition: -moz-transform 0.4s ease-out;-ms-transition: -ms-transform 0.4s ease-out;-webkit-transition: opacity .1s;transition: opacity .1s;}
.section .step3{ padding-top:40px; padding-bottom:77px}
.step3 li{float:left;width:271px;border-right:1px solid #e9e9e9;margin-right:30px; padding-right:108px}
.step3 li dt{color:#00747a;font-size:16px;margin-bottom:7px}
.step3 li dt em{color:#a9a9a9;font-size:12px; display:inline-block; margin-left:5px}
.step3 li dd a{ color:#333; font-size:12px; line-height:30px;-webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s; display:block}
.step3 li dd a:hover{-webkit-transform:translateX(10px); -moz-transform:translateX(10px); transform:translateX(10px); color:#00747a}
.step3 li .read{ display:block; color:#a0a0a0; font-size:12px; margin-left:8px; margin-top:12px}
.step3 li .read:hover{color:#00747a}
.step3 li:nth-child(3n){ border-right:none; margin-right:0px}
/*关于我们（人才招聘）*/
.main .home{ width:100%; background:#f2f2f2; height:60px; line-height:60px; color:#666; font-size:12px; position:relative; min-width:1200px}
.shadow{ position:absolute; top:0px; left:0px; z-index:1; background:url(../images/shadow.png) no-repeat; height:3px; width:100%}
.home a{ color:#666}
.home em{ color:#478d91}
.section .leftside{width:208px; padding-top:35px}
.leftside h1{ color:#00747a; font-size:24px; padding-bottom:20px; }
.leftside h1 span{ display:block; color:#a9a9a9; font-size:12px}
.leftside h1 em{ display:block; width:28px; height:2px; background:#999; margin-top:16px}
.leftside .nav2{ border-top:1px solid #f2f2f2}
.nav2 li{height:53px; border-bottom:1px solid #f2f2f2}
.nav2 li a{ display:block; height:51px; border-left:2px solid #fff; line-height:51px; color:#666; font-size:14px;border-top:1px solid #fff; border-bottom:1px solid #fff; padding-left:13px; background:url(../images/sign.png) no-repeat 93% 21px}
.nav2 li a.move{ background:#f2f2f2 url(../images/sign.png) no-repeat 93% -33px; border-left:2px solid #478d91; color:#478d91;border-top:1px solid #f2f2f2;border-bottom:1px solid #f2f2f2;}
.section .rightside{ border-left:2px solid #f2f2f2;width:958px;padding-left:32px; padding-bottom:80px;min-height:800px}
.rightside .join{padding:38px 0 80px 0}
.rightside .join dl{ border-bottom:1px solid #e1e1e1; padding:0 0px 32px 0px; margin-bottom:36px}
.rightside .join span{ display:block; font-size:16px; color:#333;margin-bottom:16px;}
.rightside .join dt{font-size:12px; color:#333; margin-bottom:8px; margin-top:5px; font-weight:bold}
.rightside .join dd{font-size:12px; color:#666; line-height:30px}
.rightside .join .line{ height:1px; background:#e1e1e1; margin-top:30px}
/*技术支持*/
.rightside .sou{ padding-top:40px; margin-bottom:17px}
.sou .ss{ width:583px; height:32px; border:1px solid #ccc; border-radius:5px; box-shadow:0 0 3px #ccc}
.sou .ss input{border:none;outline:none}
.sou .ss .ss01{padding-left:10px;width:524px}
.sou .ss .ss02{width:48px; background:url(../images/fdj.jpg) no-repeat center; height:32px; color:#fff; text-indent:-999px; cursor:pointer}
.rightside .row{ padding-bottom:80px}
.rightside .row li{ border-bottom:1px dotted #d3d3d3; height:59px; line-height:60px}
.rightside .row li a{ color:#666; font-size:14px}
.rightside .row li a em{ display:inline-block; float:right; color:#999; font-size:12px}
/*联系我们*/
.rightside .contact_us{ padding-top:37px; padding-bottom:100px;}
.contact_us p{font-size:14px;color:#666;line-height:36px}
.contact_us p b{color:#333;font-weight:normal}
.contact_us h3{color:#333;font-size:16px;margin-bottom:7px;}
.contact_us .m25{margin-top:25px}
.contact_us .map{margin-top:20px}
.contact_us .sao li{ float:left; text-align:center; margin-left:20px}
.contact_us .sao li p{ color:#999; font-size:14px; margin-top:4px}
/*新闻中心*/
.rightside .news{ padding-top:37px}
.news li{ border-bottom:1px solid #f2f2f2; padding-bottom:35px; margin-bottom:36px}
.news li a h4{ color:#333; font-size:16px; margin-bottom:14px}
.news li a p{ color:#999; font-size:14px; line-height:30px}
.news li a .db{ padding-top:15px}
.news li a .db em{ display:inline-block; float:right;background:url(../images/more.png) no-repeat; width:24px; height:24px;transition: all linear 0.3s;margin-top:2px}
.news li a .time{ color:#c8bfbd; font-size:16px;margin-top:5px; display:inline-block}
.news li a .time strong{ color:#999; font-size:18px; font-family:"Arial"; font-weight:normal}
.news li:hover a h4{ color:#478d91}
.news li:hover a .time,.news li:hover a .time strong{ color:#acc0c2}
.news li:hover a .db em{background-position:0 -30px}
/*细胞资源*/
.subNavBox{width:208px;}
.subNav{height:53px; border-bottom:1px solid #f2f2f2}
.subNav a{display:block; height:51px; border-left:2px solid #fff; line-height:51px; color:#666; font-size:14px;border-top:1px solid #fff; border-bottom:1px solid #fff; padding-left:13px; background:url(../images/jiantou.png) no-repeat 93% 50%}
.subNav a:hover{background:#f2f2f2 url(../images/jiantou1.png) no-repeat;background-position:93% 50%;color:#478d91; border-left:2px solid #478d91; color:#478d91;border-top:1px solid #f2f2f2;border-bottom:1px solid #f2f2f2;}
.currentDd a{color:#478d91;}
.currentDt a{background:#f2f2f2 url(../images/jiantou1.png) no-repeat;background-position:93% 50%;color:#478d91; border-left:2px solid #478d91; color:#478d91;border-top:1px solid #f2f2f2;border-bottom:1px solid #f2f2f2;}
.navContent{background:#fff;padding:9px 0;display:none;}
.navContent li a{line-height:30px;padding:0 22px;display:block;font-size:12px;color:#555;}
.navContent li a:hover{color:#478d91;}
.rightside .product,.rightside .product2{ padding:41px 0 150px 0}
.product .js img{ padding-bottom:24px; width:958px; height:220px}
.product .js p{ color:#666; font-size:12px; line-height:24px; text-indent:26px}
.product .pp_sort{ padding-top:30px}
.pp_sort h5{ color:#000; font-size:18px; margin-bottom:16px}
.pp_sort h5 em{ display:block; color:#999; font-size:16px; margin-top:3px}
.pp_sort ul{ width:980px}
.pp_sort li{ float:left; width:225px; margin-right:20px; height:516px; margin-bottom:20px}
.pp_sort li span{ display:block; margin-bottom:12px; position:relative}
.pp_sort li span a em{ display:block; position:absolute; width:201px;height:40px; background:rgba(0,0,0,0.6); color:#fff; font-size:16px; padding:0 12px; line-height:40px; left:0px; bottom:0px}
.pp_sort li p a{ color:#666; font-size:12px; line-height:24px; display:block; margin:0 12px;white-space:nowrap; text-overflow:ellipsis; overflow:hidden; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s; height:24px}
.pp_sort li p a:hover{color:#478d91; -webkit-transform:translateX(10px); -moz-transform:translateX(10px); transform:translateX(10px);}
.product h6{color:#000; font-size:18px; margin:0; font-weight:normal; margin-bottom:14px; margin-top:-5px}
.product h6 em{display:block; color:#999; font-size:16px; margin-top:3px}
.product th{ height:60px; background:#f7f7f7; color:#333; font-size:16px;text-align:left; padding:0 26px}
.product td{ height:56px;color:#666; font-size:14px; padding:0 26px;border-bottom:1px solid #ededed;}
.product tr:hover{ background:#f7f7f7;}
.product2 .pic{ display:inline-block; width:400px; margin-right:50px;}
.product2 .js{ width:480px}
.product2 .js h4{ color:#000; font-size:18px; font-weight:bold; border-bottom:1px dotted #cbcbcb; padding-bottom:11px; margin-bottom:2px; padding-top:3px}
.product2 .js p{ color:#333; font-size:16px; line-height:36px}
.product2 .js p em{ color:#666}
.product2 h5{ border-bottom:1px solid #ddd; margin-top:50px;}
.product2 h5 em{ display:inline-block; color:#fff; background:#0c7abe; font-size:16px; width:100px; height:34px; line-height:34px; text-align:center}
.product2 .down_box{margin-top:20px}
.product2 .tab_title{ border-bottom:1px solid #e4e4e4; margin-bottom:15px; background:#fff; width:930px}
.product2 .tab_title li{ float:left; margin-right:8px}
.tab_title li a{display:inline-block; width:98px; height:31px; line-height:31px; text-align:center; color:#666; font-size:14px; border:1px solid #e4e4e4; border-bottom:none; background:#f2f2f2}
.tab_title li.active a{ background:#478d91; color:#fff; border:1px solid #478d91; border-bottom:none}
.product2 h6{ margin:0; color:#000; font-size:16px; border-left:6px solid #478d91; padding-left:8px;}
.product2 .group{ margin-bottom:10px;}
.product2 .group div{ margin-top:-10px}
.product2 .group p{ color:#666; font-size:12px; line-height:30px; text-indent:26px}
.product2 .goods{ padding-top:12px}
.product2 .goods ul{ width:980px}
.product2 .goods li{ float:left; width:225px; margin-right:20px}
.product2 .goods li span{ display:block; margin-bottom:14px}
.product2 .goods li a p{ color:#666; font-size:12px; line-height:24px; text-indent:0px}
.product2 .goods li a strong{ display:block; color:#333; font-size:14px; font-weight:normal; margin-bottom:6px}
/*图片放大镜样式*/
.jqzoom{float:left;border:none;position:relative;padding:0px;cursor:pointer;margin:0px;display:block;width:380px;height:280px;}
.jqzoom img{width:380px;height:280px;}
.zoomdiv{z-index:100;position:absolute;top:0px;left:0px;width:350px;height:350px;background:#ffffff;border:1px solid #CCCCCC;display:none;text-align:center;overflow:hidden;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:20px;height:20px;border:1px solid #aaa;background:#ffffff /*url(../images/zoom.png) 50% center no-repeat*/;opacity: 0.5;-moz-opacity: 0.5;-khtml-opacity: 0.5;filter: alpha(Opacity=50);}
/*图片小图预览列表*/
.spec-preview{width:380px;height:280px;border:1px solid #e1e1e1; padding:9px}
.spec-scroll{clear:both;margin-top:11px;width:400px; position:relative;}
.spec-scroll a{ background:url(../images/img.png) no-repeat; height:18px; width:10px; overflow:hidden; position:absolute}
.spec-scroll .items{position:relative;height:70px;overflow:hidden; margin:0 auto; padding-right:5px}
.spec-scroll .items ul{position:absolute;width:999999px;height:70px;}
.spec-scroll .items ul li{float:left;width:80px;text-align:center;height:60px; margin-right:10px}
.spec-scroll .items ul li img{border:1px solid #e5e5e5;width:76px;height:56px; padding:1px}
.spec-scroll .items ul li img:hover{border:1px solid #00747a;}
.page{font-size:12px; padding-top:25px; padding-bottom:15px; margin:0 auto; margin-top:15px;}
.page span,.page  a{
padding:5px;
border:1px #CCCCCC solid;
margin-right:2px;
cursor:pointer;
}
.page .current{
border:1px #999999 solid;
background:#FFFFCD;
font-weight:bold;
}
.page  a:hover{
border:1px #333333 solid;
background:#FFFFCD;
text-decoration:none;
}
.detail{padding:30px 10px;}
.detail h2{ color:#333; text-align:center; font-size:20px;}
.write{ text-align:center; color:#999; border-bottom:solid 1px #ebebeb; margin:5px 0 18px;}
.write span{ color:#666;}
.detail p{ padding:0 14px;line-height:30px;font-size:14px;}
.dow{border-top:solid 1px #ebebeb;padding-top:15px; margin:30px 0; margin-left:10px; }
.dow b{ color:#2c7d16;}
.dow p{ text-indent:0;font-size:12px;}
.info p {line-height:25px;font-size:12px; margin-top:5px; }
.hiSlider{overflow:hidden;height:300px;width:400px;}
.hiSlider-item{float:left;}
.hiSlider-item img{height:292px;width:392px; padding:3px; border:1px solid #e1e1e1}
.hiSlider-btn-prev,.hiSlider-btn-next{position:absolute;z-index:5;top:130px;height:69px;width:41px;background:url(../images/hislider-arrow.png) no-repeat;margin-top:-15px;text-indent:-200px;overflow:hidden;opacity:.6;filter:alpha(opacity:60)}.hiSlider-btn-prev{left:4px}.hiSlider-btn-next{right:4px;background-position:-42px 0}.hiSlider-btn-prev:hover,.hiSlider-btn-next:hover{opacity:1;filter:alpha(opacity:100)}
.leftside .contact{ border:1px solid #f2f2f2; padding:18px 4px; margin-top:20px;border-right:none;}
.leftside .contact .way{ border-bottom:1px solid #dfdfdf; padding-bottom:6px}
.leftside .contact .way li{ margin-bottom:13px}
.leftside .contact .way li span{ display:inline-block;color:#333; font-size:12px; float:left; letter-spacing:-0.6px}
.leftside .way li span em{ display:block;color:#999; font-size:12px; margin-top:2px}
.leftside .way li span b{ font-weight:normal; color:#F00}
.leftside .contact .sao{ text-align:center; padding-top:21px}
.leftside .contact .sao p{ color:#666; font-size:12px; line-height:24px; margin-top:10px}
.contact .way li strong{ display:inline-block; float:left; margin:2px 5px 0 0px;}
.product2 .tab_title.fixed{ position:fixed; top:0px;z-index:20}
/*qq*/ 
.QQbox {z-index:99;right:0;width:148px;position:absolute;}
.QQbox .press{right:0;width:36px;cursor:pointer;position:absolute;height:128px;}
.QQbox .Qlist{left:0;width:130px;position:absolute;}
.QQbox .Qlist ul{background:url(../images/main.gif) repeat-y; padding-top:10px;}
.QQbox .Qlist li{ /*text-align:center; height:25px;*/padding-left:7px; padding-bottom:6px;}
/*qq*/ 
.QQbox1 {z-index:99;right:0;width:138px;position:absolute;}
.QQbox1 .press{right:0;width:36px;cursor:pointer;position:absolute;height:128px;}
.QQbox1 .Qlist{left:0;width:138px;position:absolute;}
.QQbox1 .Qlist ul{background:url(../images/main.gif) repeat-y; padding-top:10px;}
.QQbox1 .Qlist li{ text-align:center; height:25px; padding-bottom:3px;}