﻿@charset "utf-8";
@media screen and (max-width: 1919px) {
/* Reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,
form,fieldset,input,textarea,p,blockquote,th,td,img { padding: 0; margin: 0; }
table { border-collapse: collapse; border-spacing: 0; }
fieldset,img { border: 0; }
address,caption,cite,code,dfn,em,th,var,i { font-weight:normal; font-style:normal; }
ol,ul,li { list-style: none; }
div,dl,dt,dd,ol,ul,li{ zoom:1; }
caption,th { text-align: left; }
h1,h2,h3,h4,h5,h6 { font-weight: normal; font-size:100%; }
q:before,q:after { content:''; }
abbr,acronym { border: 0; }

/* Public */
html{ }
body{ color:#333;font:14px/20px "Microsoft YaHei", SimSun,Tahoma,Helvetica,Arial,sans-serif; -webkit-text-size-adjust: none; cursor: default; }
li font{ }
a{ color: #444; text-decoration:none; outline:none; }
a:hover { color: #b10f0f; }
.clearbox {border:none;border-top: 1px solid transparent !important;clear: both;
font-size: 0;height: 0;line-height: 0;margin-top: -1px !important;visibility: hidden; }
.blank{ display:block; height:10px;font-size:0px; line-height:0; overflow:hidden; clear:both;  }
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden; }
/* * html .clearfix{height:1%; }
*+html .clearfix{min-height:1%; } */
.clear { clear: both; }
.fl { float:left; display: inline; }
.fr { float:right; display: inline; }
.hide { display:none; }
.mt10 { margin-top: 20px; }
.mb10 { margin-bottom: 20px; }
.adArea{height: 100px;}
.adArea .ad { float: left; width: 338px;height: 100px;margin-left: 15px;}
.adArea .ad img{width: 338px;height: 100px;}
.adArea .ad1 { margin: 0; display: inline; }
/* frame */
#topBar .inner,
#header .inner,
#topNav .inner { width: 1400px; margin: 0 auto; position: relative; z-index: 90; }
#wrap { width: 1400px; margin: 0 auto; }

/* common */
.infoListA li { padding-left: 10px; background: url(images/list.png) no-repeat 0 -47px; }
.focusPic .bd .pic img{width: 755px;height: 280px;}
/* topBar */
#topBar { background: #F7F7F7; border-bottom: #E7E7E7 1px solid; }
#topBar .inner { height: 29px; line-height: 29px; color: #666; font-size: 14px;}
#topBar a {color: #075BAC;margin: 0 8px;}
#topBar .spe { margin: 0 5px; }

/* header */
#header { background: url(images/bg_header.png) repeat-x; }
#header .inner { height: 95px; background: url(images/header.png) no-repeat center 0; z-index: 200;}
#header .logo { position: absolute; width: 400px; height: 50px; background: url(images/logo.png) no-repeat; left: 20px; top: 18px; }
    /* siteSearch */
    .siteSearch { /* width: 296px; */ height: 25px; /* padding: 1px; */ overflow: visible; /* background: url(../images/bg_search.png) no-repeat; */ position: absolute; z-index: 205; right: 10px; bottom: 30px; }
    .siteSearch .searchType { float: left; width: 75px; text-align: center; background: #fff;border: 1px solid #DDD;border-right: 0;}
    .siteSearch .searchType .head {display: block;zoom: 1;line-height: 30px;/* border-right: #ccc 1px solid; */color: #999;cursor: pointer;background: url(../images/icon_dropDown.png) no-repeat 50px 10px;padding-right: 20px;}
    .siteSearch .searchType-active .head,
    .siteSearch .searchType .head:hover { background-color: #EEEEEE; color: #666; }
    .siteSearch .searchType ul {position: absolute;left: 0px;top: 31px;width: 75px;background: #fff;border: #ccc 1px solid;border-top: none;display: none;}
    .siteSearch .searchType li {height: 30px;line-height: 30px;border-top: #eee 1px solid;vertical-align: bottom;}
    .siteSearch .searchType li a { display: block; }
    .siteSearch .searchType li a:hover { background: #3399FF; color: #fff; }
    .siteSearch .searchType-active ul { display: block; }
    .siteSearch .searchType2 {height: 28px;line-height: 28px;margin: -24px 0 5px 0;}
    .siteSearch .searchType2 li {float: left;padding-right: 30px;}
    .siteSearch .searchType2 li input {float: left;margin: 8px 10px 0 0;}
    .siteSearch .formWrap { float: left; /* width: 221px; */ }
    .siteSearch .keyword {float: left;width: 250px;height: 30px;line-height: 23px\9;_line-height: 23px;border: 1px solid #ddd;background: #fff;padding-left: 5px;outline: none;}
    .siteSearch .submit {float: left;height: 32px;width: 32px;overflow: hidden;border: none;background: #ddd url(../images/bg_search.png) no-repeat;display: block;background-size: 100%;text-indent: -9999px;line-height: 9999px;}

/* topNav */
#topNav { background: #11408D; height: 40px; border: #1F4B94 solid; border-width: 1px 0; }
#topNav .cates {float: left; width: 235px; position: relative; z-index: 90; }
#topNav .cates-head {font-size: 16px; color: #fff; font-family: "Microsoft Yahei"; line-height: 40px; padding-left: 10px; }
#topNav .cates-list {position: absolute;background: #fff;left: 0;top: 41px;width: 233px;height: 375px;padding: 0 0 3px;border: #4D80AD 1px solid;border-top: none;display: none;}
#topNav .cates-list .li1 {padding: 3px 20px;}
#topNav .cates-list .li2 {padding: 10px 0;border-bottom: 1px dotted #ccc;}
#topNav .cates-list .h1 { background: url(images/list.png) no-repeat 180px 17px; }
#topNav .cates-list .a1 { display: block; line-height: 46px; background: url(images/list.png) no-repeat 15px -11px; border-bottom: #999 1px dotted; font-size: 14px; padding-left: 35px; }
#topNav .cates-list .a1:hover {}
#topNav .cates-list .last1 .a1 { border: none; }
#topNav .cates-list .ul1 { position: absolute; z-index: 99; left: 234px; top: 0; background: #fff; padding: 10px 15px; border: #4D80AD 1px solid; border-left-color: #ddd; border-top: none; width: 745px; display: none; }
#topNav .cates-list .h2 { line-height: 26px;font-size: 14px; }
#topNav .cates-list .a2 { font-weight: bold; }
#topNav .cates-list .ul2 { overflow: hidden; zoom: 1; /*padding-bottom: 10px; */}
#topNav .cates-list .li3 { float: left; padding: 0 24px 0 0; line-height: 24px; }
#topNav .cates-list .a3 { color: #666; }
#topNav .cates-list .a3:hover { color: #c00; }
#topNav .cates-list .li1-active .a1 { color: #f60; font-weight: bold; }
#topNav .cates-list .li1-active .ul1 { display: block; }
#topNav .cates-true .cates-list { display: block; }
#topNav .cates-false .cates-head { background: #0C2754; }
#topNav .nav { float: left; padding-left: 10px; }
#topNav .nav li { float: left; width: 140px; text-align: center; padding-right: 10px; }
#topNav .nav li a { display: block; color: #fff; font-size: 16px; font-family: "Microsoft Yahei"; line-height: 40px; }
#topNav .nav li.on a { background: #0C2754; }
#topNav .nav li a:hover { color: #ff0; }

/* topArea */
#topArea { padding-left: 255px; padding-top: 20px; margin-bottom: 20px; }
#topArea .focusPic { width: 755px; height: 280px; float: left; overflow: hidden; }
    #box_qydt { float: right; border: #DFECF0 1px solid; width: 368px; }
    #box_qydt .hd { height: 40px; line-height: 40px; background: url(images/hd_1.jpg) no-repeat; border-bottom: #D7E1E6 1px solid; }
    #box_qydt .hd .title {color: #036;font-family: "Microsoft Yahei";font-size: 16px;font-weight: 600;text-indent: 1em;}
    #box_qydt .bd {background: #FBFCFE;padding: 10px 20px;}
    #box_qydt .bd li {height: 36px;line-height: 36px;border-bottom: #ddd 1px dotted;padding-left: 25px;background: url(images/list.png) 5px -167px no-repeat;}
    #box_qydt .bd li.last { border: none; }
#topArea .userLink { float: left; width: 755px; height: 77px; background: url(images/userLink.png) no-repeat; }
#topArea .userLink a { display: block; float: left; height: 77px; width: 251px; text-indent: -9999px; }
#topArea .userLink a:hover { background: #999; opacity: .1; filter: alpha(opacity=10); }


 .footLink { width:1400px; margin:20px auto;height: 35px; line-height: 35px; overflow: hidden; background: #11408D; color: #fff; text-align:center;}
 .footLink a { color: #fff; font-size: 14px; margin: 0 10px; }
 .footLink a:hover { color: #ff0; }
/* footer */
#footer { text-align: center; line-height: 24px; }
#footer .footLink { height: 35px; line-height: 35px; overflow: hidden; background: #11408D; color: #fff; }
#footer .footLink a { color: #fff; font-size: 14px; margin: 0 10px; }
#footer .footLink a:hover { color: #ff0; }
#footer .siteGroup {padding: 20px 0 30px;}
#footer .siteGroup .hd,#footer .siteGroup2 .hd2 { font-size: 20px; color: #333; line-height: 30px; font-weight: bold; font-family: "Microsoft Yahei"; }
#footer .siteGroup .hd img { vertical-align: middle; margin-right: 5px; }
#footer .siteGroup .bd,#footer .siteGroup2 .bd2 {line-height:40px;font-size: 14px;padding: 25px;}
#footer .siteGroup .bd a,#footer .siteGroup2 .bd2 a {margin: 0 10px;border: #ccc solid 1px;padding: 0px 15px;display: inline-block;}
#footer .copyright { padding: 20px;font-family: Arial; }
#footer .mii { padding-bottom: 20px; }
#footer .mii a { display: inline-block; }
#footer .mii img { vertical-align: top; }
#footer .sydw { width: 320px; margin: 0 auto; }
#footer #_ideConac { float: left; }

/* 友情链接 */
#box_yqlj { width: 1400px; margin: 0 auto 10px; border: #C0C9CF 1px solid; }
#box_yqlj .hd { height: 34px; line-height: 34px; background: url(images/hd_5.png) repeat-x; }
#box_yqlj .bd {padding: 10px 0 10px 30px;overflow: hidden;zoom: 1;}
#box_yqlj .hd .title { font-family: "Microsoft Yahei"; font-weight: bold; }
#box_yqlj .hd .tab { float: right; }
#box_yqlj .hd .tab em{display:none;}
#box_yqlj .hd .tab li { float: left; }
#box_yqlj .hd .tab li a {display: block;padding: 2px 20px 0;height: 32px;line-height: 32px;margin-bottom: -1px;position: relative;float: left;}
#box_yqlj .hd .tab li.on {}
#box_yqlj .hd .tab li.on a {border: #C0C9CF solid 1px;border-top: #166DB6 2px solid;background: #fff;}
#box_yqlj .bd li {float: left;line-height: 30px;/* padding-right: 15px; */white-space: nowrap;width: 20%;}

.comSearch { float: right; padding: 6px 0 0 0;}
.comSearch .keyword { float: left; width: 250px; height: 24px; border: #ccc 1px solid; margin-right: 10px; display: inline;padding-left: 10px;}
.comSearch .submit { width: 73px; height: 25px; overflow: hidden; text-indent: -9999px; line-height: 9999px; background: url(images/btn_search.png) no-repeat; float: left; border: none; cursor: pointer;}


/* 首页 */
.adArea .ad2 { margin: 0 15px; display: inline; }
/* boxLoop */
.boxLoop { margin-bottom: 15px; }
.boxLoop .box { float: left; width: 350px; }
.boxLoop .box-last .bd { border-right: #AFC1D2 1px solid; }
.boxLoop .hd {border-bottom: #1971BB 2px solid;height: 38px;line-height: 38px;background: url(/Template/Default/Skin/product/images/list.png) no-repeat 10px 14px;}
.boxLoop .hd .title {font-size: 16px;font-family: "Microsoft Yahei";color: #183b59;background: url(/Template/Default/Skin/product/images/tit_1.png) no-repeat center bottom;margin-left: 25px;}
.boxLoop .bd { border: #AFC1D2 1px solid; border-top: none; border-right: none; height: 242px; padding: 20px; }
.boxLoop .t .title { height: 18px; overflow: hidden; }
.boxLoop .t img { border-radius: 5px; width: 90px; height: 75px; }
.topicList-pic .con{height: 82px;}
.boxLoop .t .field,
.boxLoop .t .intro { color: #999;font-size: 13px; }
.boxLoop .t .field { height: 60px; overflow: hidden; } 
.boxLoop .t .pic,.boxLoop .t img { border-radius: 5px; width: 90px; height: 75px; }
.boxLoop .n { padding-left: 10px; background: url(/Template/Default/Skin/product/images/list.png) no-repeat 0 -50px; }
.boxLoop .n .con { padding-left: 0; }
/* mainBox */
#cpzx .mainBox  { margin-bottom: 15px;border: none; }
#cpzx .mainBox .mainHd {border-bottom: #0F69B6 2px solid;height: 42px;}
#cpzx .mainBox .mainHd .title {color: #06355d;font-size: 20px;font-weight: bold;padding-left: 40px;background: url(/Template/Default/Skin/product/images/tit_2.png) no-repeat 10px 12px;float: left;line-height: 40px;}
#cpzx .mainBox .mainHd .subCate {float: left;padding-left: 120px;padding-top: 11px;}
#cpzx .mainBox .mainHd .subCate li {float: left;padding: 0 5px;}
#cpzx .mainBox .mainHd .subCate span {display: block;float: left;padding: 0 20px;height: 32px;line-height: 32px;text-align: center;font-size: 15px;font-weight: bold;}
#cpzx .mainBox .mainHd .subCate .on { background: url({/Template/Default/Skin/product/images/tit_1.png) no-repeat center bottom; }
#cpzx .mainBox .mainHd .subCate .on span { color: #fff; background: #166DB6; border-radius: 2px; }
#cpzx .mainBox .mainBd {overflow: hidden;zoom: 1;border: #C0C9CF 1px solid;border-top: none;/* height: 330px; */background-repeat: no-repeat;background-position: 1px bottom;}
#cpzx .mainBox .col-l {float: left;width: 220px;border-right: #C0C9CF 1px solid;height: 350px;}
#cpzx .mainBox .col-l ul { padding: 10px 0 0 15px; }
#cpzx .mainBox .col-l li { float: left; width: 92px; height: 26px; line-height: 26px; overflow: hidden; padding-left: 10px; background: url(/Template/Default/Skin/product/images/list.png) no-repeat 0 -78px; }
#cpzx .mainBox .col-m {float: left;width: 860px;height: 350px;display: inline;border-right: #C0C9CF 1px solid;}
#cpzx .mainBox .col-r { float: right; width: 290px; padding: 10px 10px 0 0; }
#cpzx .mainBox .col-r .hd {height: 32px;line-height: 32px;border-bottom: #eaeaea 1px solid;}
#cpzx .mainBox .col-r .hd .title {color: #043987;font-size: 16px;font-family: "Microsoft Yahei";padding-left: 20px;background: url(/Template/Default/Skin/product/images/list.png) no-repeat 5px -136px;}
#cpzx .mainBox .col-r .bd {padding: 10px 15px;}
#cpzx .mainBox .col-r .bd li {height: 32px;line-height: 32px;padding-left: 15px;background: url(/Template/Default/Skin/product/images/list.png) no-repeat 0 -107px;}
#cpzx .mainBox .supplyList {padding: 20px;overflow: hidden;}
#cpzx .mainBox .supplyList .n {float: left;width: 17%;height: 155px;margin-bottom: 10px;overflow: hidden;border-bottom: #ddd 1px dotted;padding: 10px 10px 0;}
#cpzx .mainBox .supplyList .pic { border: #ddd 1px solid; padding: 2px; width: 58px; text-align: center; margin-bottom: 5px; }
#cpzx .mainBox .supplyList .pic a { display: block; width: 58px; height: 58px; overflow: hidden; }
#cpzx .mainBox .supplyList .pic img { height: 58px; }
#cpzx .mainBox .supplyList .con { height: 60px; overflow: hidden; }
#cpzx .mainBox .supplyList .title { font-weight: bold; }
#cpzx .mainBox .supplyList .field,
#cpzx .mainBox .supplyList .intro { color: #686868; }
#cpzx .mainBox .supplyList .field li {line-height: 20px;overflow: hidden;padding: 0;border: none;margin: 0;}
/* 实验动物 */
#box_1 .mainBd { background-image: url(/Template/Default/Skin/product/images/c_sydw.png); }
/* 仪器设备 */
#box_21 .mainBd { background-image: url(/Template/Default/Skin/product/images/c_yqsb.png); }
/* 笼器具 */
#box_28 .mainBd { background-image: url(/Template/Default/Skin/product/images/c_lqj.png); }
/* 饲料/垫料 */
#box_39 .mainBd { background-image: url(/Template/Default/Skin/product/images/c_sldl.png); }
/* 实验试剂 */
#box_47 .mainBd { background-image: url(/Template/Default/Skin/product/images/c_sysj.png); }
/* 实验耗材 */
#box_48 .mainBd { background-image: url(/Template/Default/Skin/product/images/c_syhc.png); }
/* 应用软件 */
#box_65 { margin-bottom: 10px; }
#box_65 .mainBd { background-image: url(/Template/Default/Skin/product/images/c_yyrj.png); }

/* 技术服务 */
.mainContent { width: 1090px; float: left; }
    .side { width: 290px; float: right; }
    .mainBox { border: #DCDCDC 1px solid; margin-bottom: 20px; border-radius: 3px; }
    #jsfw .mainBox .mainHd { height: 36px; line-height: 36px; background: url(/Template/Default/Skin/product/images/hd_2.png) no-repeat; margin: 5px 0 0 -4px; padding: 0 10px; }
    #jsfw .mainBox .mainHd .title { float: left; line-height: 36px; font-size: 14px; font-weight: bold; padding-left: 15px; color: #fff; }
    #jsfw .mainBox .mainHd .more { float: right; }
    #jsfw .mainBox .mainBd { padding: 15px; padding-left: 129px; background-repeat: no-repeat; background-position: 15px 15px; height: 150px; }
    #jsfw .mainBox .mainBd li { float: left; width: 290px; }
    #jsfw .mainBox .mainBd li a{font-size: 14px;}
    #box_57 .mainBd { background-image: url(/Template/Default/Skin/product/images/box_57.jpg); }
    #box_58 .mainBd { background-image: url(/Template/Default/Skin/product/images/box_58.jpg); }
    #box_59 .mainBd { background-image: url(/Template/Default/Skin/product/images/box_59.jpg); }
    #box_60 .mainBd { background-image: url(/Template/Default/Skin/product/images/box_60.jpg); }
    #box_61 .mainBd { background-image: url(/Template/Default/Skin/product/images/box_61.jpg); }
    #box_62 .mainBd { background-image: url(/Template/Default/Skin/product/images/box_62.jpg); }
    #box_63 .mainBd { background-image: url(/Template/Default/Skin/product/images/box_63.jpg); }
    #box_64 .mainBd { background-image: url(/Template/Default/Skin/product/images/box_64.jpg); }
    .sideBox { margin-bottom: 10px; border: #DCDCDC 1px solid; }
    .sideBox .hd {height: 30px;line-height: 30px;background: url(/Template/Default/Skin/product/images/hd_3.png) no-repeat 15px center;padding: 0 15px;}
    .sideBox .hd .title { font-size: 16px; font-family: "Microsoft Yahei"; color: #06c; padding-left: 10px; }
    .sideBox .bd {padding: 5px 20px 10px;}
    .comPic { overflow: hidden; zoom: 1; border: #ccc solid; border-width: 1px 0 0 1px; margin-bottom: 10px; }
    .comPic li { float: left; border: #ccc solid; border-width: 0 1px 1px 0; width: 143px; height: 65px; overflow: hidden; text-align: center; }
    .comPic li a { display: block; }
    .comPic li img { height: 65x; width: auto; }
    .comPic li .title { display: none; }

    /* 企业专栏 */
    .comWrap { border: #889CAD 1px solid; padding: 1px; }
    .comHd { height: 40px; background: url(/Template/Default/Skin/product/images/hd_5.png) repeat-x; padding: 0 20px; }
    .comHd .title { height: 40px; line-height: 40px; background: #2B4A65; padding: 0 20px; font-size: 16px; float: left; color: #fff; font-family: "Microsoft Yahei"; }
    .comHd .search {}
    .comBd { padding: 15px 25px; }
    .comBox  {}
    .comBox .hd {height: 50px;overflow: hidden;background: url(/Template/Default/Skin/product/images/hd_4.png) left bottom repeat-x;padding: 0 10px;}
    .comBox .hd .title {border-bottom: #0F60B8 2px solid;float: left;font-size: 16px;font-family: "Microsoft Yahei";padding: 0 10px;color: #036;line-height: 48px;font-weight: 600;}
    .comBox .hd .tab {float: left;padding: 13px 0 0 35px;}
    .comBox .hd .tab li {float: left;border-bottom: none;margin-right: 0;display: inline;padding: 0 15px;color: #036;cursor: pointer;line-height: 36px;}
    .comBox .hd .tab li.on { background: #fff; border: #1495C4 1px solid; font-weight: bold; }
    .comBox .bd { padding: 10px; }
    #box_1 {padding-bottom: 20px;margin-bottom: 20px;}
    #box_1 table { width: 100%; text-align: center; }
    #box_1 table thead { line-height: 30px; background: #EDF4FA; border: #D8E5EE 1px solid; color: #036; }
    #box_1 table th { text-align: center; }
    #box_1 table .name { text-align: left; padding-left: 10px; }
    #box_1 table td {line-height: 36px;border-bottom: #ccc 1px dotted;}
    #box_1 .area { width: 120px; }
    #box_1 .name {  }
    #box_1 .date { width: 120px; }
    #box_2 .bd ul { overflow: hidden; zoom: 1; }
    #box_2 .bd li {float: left;line-height: 32px;width: 185px;padding-left: 10px;background: url(images/list.png) no-repeat 0 -45px;}
    #box_zmqy { margin-bottom: 20px; border: #96AEB3 1px solid;}
    #box_zmqy .hd { height: 35px; border-bottom: #ddd 1px solid; }
    #box_zmqy .hd .title { width: 120px; text-align: center; border-bottom: #003E9E 2px solid; height: 33px; line-height: 35px; overflow: hidden; font-size: 16px; font-family: "Microsoft Yahei"; }
    #box_zmqy .bd { padding: 10px; position: relative; }
    #box_zmqy .scrollPrev,
    #box_zmqy .scrollNext { width: 21px; height: 40px; position: absolute; background: url(/Template/Default/Skin/images/arrow_1.png) no-repeat; top: 45px; }
    #box_zmqy .scrollPrev:hover,
    #box_zmqy .scrollNext:hover { background-color: #eee; }
    #box_zmqy .scrollPrev { left: 10px; background-position: 5px 10px; }
    #box_zmqy .scrollNext { right: 10px; background-position: 5px -50px; }
    #box_zmqy .scrollPrev:hover { background-position: 5px -20px; }
    #box_zmqy .scrollNext:hover { background-position: 5px -80px; }
    #box_zmqy .scrollWrap { width: 1280px; overflow: hidden; margin: 0 auto; position: relative; }
    #box_zmqy .picList {}
    #box_zmqy .scrollWrap .picList li{width: 200px;}
    #box_zmqy .picList li img { width: 180px; height: 140px; }
    .sideAdarea { border: #ddd 1px solid; height: 165px; overflow: hidden; position: relative; z-index: 10; }
    .sideAdarea .hd { position: absolute; z-index: 19; left: 50%; top: 130px; }
    .sideAdarea .hd li { float: left; position: relative; right: 50%; width: 15px; height: 3px; overflow: hidden; font-size: 0; line-height: 0; background: #A8C9FF; margin: 0 2px; display: inline; }
    .sideAdarea .hd li.on { background: #0062FF; }
    .sideAdarea .bd { position: relative; z-index: 11; }
    .sideAdarea .bd .pic img{width: 288px;height: 165px;}
