body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,table,td,img,div,dl,dt,dd,input{ margin:0; padding:0; border:0;}
body{ font-size:12px;font-family: '微软雅黑'; background: #eee;}
img{ border:none;}
ul,ol{ list-style:none;}
input,select,textarea{ outline:none;}
textarea{resize:none;}
a{ text-decoration:none;}
a,button,input{  outline: none;  border: 0;  }
a:focus{outline:none;text-decoration: none;}
a:hover{  text-decoration: none; }
/*清浮动*/
.clearfix:after{ content:""; display:block; clear:both;}
.clearfix{ zoom:1;}
.fl{
    float: left;
}
.fr{
    float: right;
}
/*通用的小部分*/
/*top*/
.top{
    width: 100%;
    height: 50px;
    background: #004387;
    font-size: 20px;
    line-height: 50px;
    color: #fff;
    text-align: center;
}
/*banner*/
.banner{
    width: 100%;
}
.banner img{
    width: 100%;
}
/*banner*/
.main{
    width: 100%;
    display: inline-block;
    margin-bottom: 14%;
}
/*categoryBox*/
.categoryBox{
    background: #fff;
    width: 100%;
}
.category{
    width: 100%;
    margin: 30px 0;
    display: inline-block;
}
.category li{
    float: left;
    padding: 0 3%;
    width: 25%;
}
.category li img{
    width: 100%;
}
.category li span{
    text-align: center;
    display: block;
    margin-top: 27px;
}
.category li span a{
    font-size: 14px;
    color: #7C7C7C;
}
/*检测服务*/
.testingtBox{
    width: 100%;
    display: inline-block;
    margin: 20px 0;
    background: #fff;
}
.service{
    width: 100%;
    display: inline-block;
    margin: 6% 0;
}

.service p{
    width: 30%;
}
.service span{
    display: block;
    width: 40%;
    text-align: center;
    line-height: 23px;
    font-size: 20px;
}
/*检测服务list*/
.service_list{
    width: 100%;
    padding: 0 1%;
    display: inline-block;
}
.testing{
    width: 100%;
    display: inline-block;
    border-bottom: 1px solid #c9c9c9;
    padding: 3% 0;
}
.test_l{
    width: 35%;
    height: 110px;
}
.test_l img{
    width: 100%;
    height: 110px;
}
.test_r{
    width: 60%;
    height: 110px;
}
.test_t{
    font-size: 16px;
}
.test_arc{
    margin: 2px 0;
}
.test_arc p{
    display: block;
    height: 66px;
    overflow: hidden;
    line-height: 20px;
    font-size: 12px;
    text-indent: 2em;
}
.seemore{
    font-size: 12px;
    text-align: center;
    background: #004387;
    height: 25px;
    border-radius: 5px;
    display: block;
    width: 30%;
    line-height: 25px;
    float: right;
}
.seemore a{
    color: #fff;
}
.service_list .testing:last-child{
    border-bottom:none;
}
.custom{
    width: 100%;
    height: 40px;
    background: #004387;
    border-radius: 8px;
    margin: 4% 0;
}
.custom p{
    line-height: 40px;
    text-align: center;
}
.custom a{
    color: #fff;
    font-size: 18px;
}
/*分析服务*/
.analysisBox{
    width: 100%;
    display: inline-block;
    margin: 0 0 2% 0;
    background: #fff;
    padding-bottom: 30px;
}
.analysisBox p{
    font-size: 14px;
    color: #3c3c3c;
    text-indent: 2em;
    line-height: 26px;
    text-align: justify;
}
.analysis{
    width: 100%;
    display: inline-block;
}
.analysis li{
    width: 30%;
    height: 120px;
    float: left;
    margin-left: 3%;
}
.analysis li img{
    padding: 2%;
    width: 100%;
    height: 71px;
}
.analysis li span{
    font-size: 14px;
    text-align: center;
    display: block;
    color: #000;
    height: 50px;
    line-height: 50px;

    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
.analysisBox .analysis li p{
    width: 50%;
    height: 30px;
    background: #004387;
    line-height: 30px;
    text-align: center;
    margin: 0 auto;
    border-radius: 5px;
    text-indent: 0;
}
.analysis li p a{
    color: #fff;
    font-size: 14px;
}

.submission{
    width: 100%;
    display: inline-block;
    background: #fff;
    margin: 2% 0 ;
    padding-bottom: 5%;
}
/*footer*/
.footer{
    width: 100%;
    position: fixed;
    bottom: 0;
    z-index: 999;
    background-color: #004387;
}
.home{
    float: left;
    width: 33%;
}
.telephone{
    float: left;
    width: 34%;
}
.online{
    float: left;
    width: 33%;
}
/*footer*/
/*检测服务*/
.itemsBox{
    width: 100%;
    display:inline-block;
    background: #fff;
    margin-bottom: 2%;
}
.items{
    width: 100%;
    display: inline-block;
}
.item_article{
    height: 50px;
    line-height: 50px;
    font-size: 18px;
}
.itemsList{
    width: 100%;
    display: inline-block;
}
.itemsList li{
    width: 49%;
    float: left;
    background: #f5f5f5;
    margin-top: 3%;
}
.itemsList li img{
    width: 100%;
   height: 280px;
}
.items_art{
    padding: 0 5% 5% 5%;
    font-size: 12px;
}
.items_art span{
    display: block;
    height: 30px;
    line-height: 30px;
    color: #000;
    overflow: hidden;
}
.items_art p{
    color: #666;
    line-height: 22px;
    height: 44px;
    overflow: hidden;
}
.items_art p a{
    color: #004387;
}
.itemsList li:nth-of-type(odd){
    margin-right: 1%;
}
.itemsList li:nth-of-type(even){
    margin-left: 1%;
}

.drugsBox{
    width: 100%;
    display: inline-block;
    margin-bottom: 5%;
}
.drugsBox li{
    width: 49%;
    float: left;
    background: #f5f5f5;
    margin-top: 3%;
}
.drugsBox li img{
    width: 100%;
    height: 280px;
    
}
.drugs_l,.drugs_r{
    width: 49%;
    display: table-cell;
}
.drugsBox li:nth-of-type(odd){

    margin-left: 1%;
}
.drugsBox li:nth-of-type(even){
    margin-right: 1%;
}
.drugsBox ul li:first-child{
    width: 100%;
    min-height: 120px;
    margin-left: 0;
}
.drugsBox ul li:first-child img{
    width: 100%;
    height: 136px;
}

.drugs{
    height: 128px;
    background: #fff;
    margin: 1%;
    padding: 5% 5% 0 5%;
}
.drugs p{
    height: auto;
    margin-top: 6%;
}
.drugs span{
    text-align: center;
}
.drugs_ul {
    background: #f5f5f5;
    display: table;
    width: 100%;
}
.drugs_ul li:first-child{
    margin-top: 0;
}
.drugs_ul li:last-child{
    margin-top: 1%;
}
.items_art span{
    font-size: 14px;
}
/*定制服务*/
.range{
    width: 100%;
    display: inline-block;
    margin-bottom: 2%;
}
.range_list{
    width: 32%;
    background-color: #f8f8f8;
    margin-left: 2%;
    height: 398px;
    overflow: hidden;
}
.range_list_l{
    margin-left: 0px;
}
.range_top{
    width: 100%;
    background-color: #fff;
    display: inline-block;
    border: 1px solid #efe3e3;
}
.range_top span{
    font-size: 14px;
    color: #1abd6c;
    line-height: 45px;
    padding-left: 45%;
}
.range_con{
    width: 100%;
    padding-bottom: 8%;
}
.range_con p{
    font-size: 12px;
    color: #4f4f4f;
    line-height: 22px;
}
.range_l{
    padding: 4% 2% 0 2%;
}
.range_m{
    padding: 4% 1% 5% 1%;
}
.range_m span{
    display: block;
    line-height: 22px;
}
.range_r{
    padding: 4% 1% 30% 1%;
}
.custom-txt{
    width: 100%;
    margin-bottom: 7%;
}

.range_l_r{
    margin-top: 11%;
}
.custom_made{
    width: 100%;
    background:#6cc92c;
}
.drugs span{
    margin-top: 2%;
    padding-top: 2%;
}
/*实验室*/
.article_content{
    width: 100%;
    background: #fff;
}
.article{
    text-align: center;
    font-size: 16px;
    color: #000;
    height: 60px;
    line-height: 60px;
}
.article_content p{
    font-size: 14px;
    color: #3c3c3c;
    text-indent: 2em;
    line-height: 26px;
    text-align:justify;
}
.sys_list{
    width: 100%;
    display: inline-block;
}
.sys_list img{
    width: 100%;
}
.sys_list p{
    width: 49%;
    float: left;
    margin-top: 5%;
}
.sys_list p img{
    width: 100%;
}
.sys_list p:first-child{
    margin-right: 2%;
}
.instrument{
    width: 100%;
    background: #f5f5f5;
    display: table;
    margin-bottom: 3%;
}
.side_l{
    width: 45%;
    display: table-cell;
    height: 140px;
}
.side_l img{
    width: 100%;
    height: 136px;
}
.side_r{
    width: 55%;
    display: table-cell;
    height: 140px;
    padding: 1% 2%;
}
.side_r span{
    font-size: 14px;
    color: #000;
}
.side_r p{
    font-size: 12px;
    color: #333;
    text-indent: 0;
    height: 18px;
    overflow: hidden;
    line-height: 18px;
}
/*关于苏博*/
.about p{
    font-size: 14px;
    color: #000;
    line-height: 30px;
}
.figure img{
    width: 75%;
    margin-bottom: 2%;
}
.about p a{
    color: #000;
}
.about{
    width: 100%;
    background: #fff;
}
.contact_l{
    width: 100%;
}
.contact_r{
    width: 100%;
   /* margin: 2% 0;
    background: #f8f8f8;*/
    padding: 5% 0;
}
.contact_r img{
    /*width: 100%;*/
    /*height: 151px;*/
}
.p_l{
    width: 50%;
    float: left;
    margin-top: 5%;
}
.p_r{
    width: 50%;
    float: right;
    font-size: 12px;
    margin-top: 18%;
}

.contact_top{
    font-size: 14px;
    color: #33b672;
    margin-bottom: 2%;
}
.contact_l p{
    font-size: 14px;
    color: #333;
    line-height: 20px;
}
.separate{
    height: 15px;
}
/*分析服务页面*/
.analysis_main{
    width: 100%;
    background: #fff;
}
.analysis_main p{
    font-size: 14px;
}
.analysis_con{
    font-size: 16px;
    color: #000;
    height: 60px;
    line-height: 60px;
    text-align: center;
}
.anal{
    margin: 2% 0;
}
.analysis_con p{
    font-size: 14px;
    color: #3c3c3c;
    text-indent: 2em;
    line-height: 26px;
    text-align: justify;
}
.analysis_con .ranges{
    text-indent: 0;
}
.detection_range {
    width: 100%;
    color: #000;
    font-size: 14px;
}
.detection_range dd{
    line-height: 26px;
}
.detection_range dt{
    font-weight: normal;
}
.detection_range dd span{
    width: 20px;
    height: 20px;
    display: block;
    float: left;
    color: #004387;
}
.detection{
    height: 40px;
    font-size: 18px;
    line-height: 30px;
    color: #004387;
}
.detection_range .white{
    color: #fff;
}

/*table*/
.list_table{
    width: 100%;
    margin: 2% 0 5% 0;
}
.tagging-table {
    position: relative;
    width: 100%;
    color: #333;
    border-collapse: collapse;
    font-size: 14px;
    border:0;
}
.tagging-table td{
    position: relative;
    width: 25%;
    height: 60px;
    text-align: center;
    color: #666;
    border: 0;
}
.tagging-table tr:nth-of-type(odd){
    background: #f5f5f5;
}
.tagging-table tr:nth-of-type(even){
    background: #d3f5e4;
}
.tagging-table tr:first-child {
    background: #42db8e;
}
.tagging-table tr:first-child td{
    color: #fff;
    font-size: 18px;
}

.analysis_ner{
    width: 100%;
    background-color: #fff;
    padding: 3%;
    font-size: 14px;
    line-height: 30px;
    margin: 4% 0;
}

.analysis_ner table {
    position: relative;
    width: 100%;
    color: #333;
    border-collapse: collapse;
    font-size: 12px;
    border:0;
    text-align: center; 
}
.analysis_ner table  td{
    position: relative;
    width: 25%;
    height: 60px;
    text-align: center;
    color: #666;
    border: 0;
}
.analysis_ner table  tr:nth-of-type(odd){
    background: #f5f5f5;
}
.analysis_ner table  tr:nth-of-type(even){
    background: #d3f5e4;
}
.analysis_ner table  tr:first-child {
    background: #42db8e;
}
.analysis_ner table  tr:first-child td{
    color: #fff;
    font-size: 18px;
}

.analysis_desc{
    margin: 2% 0
}
.analysis_ner table td strong{
     font-size: 14px;
}

.contact{
    width: 78%;
    margin: 0 auto;
}

@media screen and (max-width:420px)and (min-width: 320px){
    .category li span a{
        font-size: 12px;
    }
    .analysis li span{
        font-size: 12px;
    }
    .test_arc p{
        line-height: 22px;
    }
    .drugsBox li img{
       height: 124px;
    }
    .itemsList li img{
        height: 124px;
    }
}
@media screen and (max-width:320px)and (min-width: 280px){
    .category li span a{
        font-size: 10px;
    }
    .analysis li span{
        font-size: 10px;
    }
    .top{
        font-size: 18px;
    }
    .service span{
        font-size: 18px;
        line-height: 18px;
    }
    .test_arc p{
         line-height: 22px;
     }
    .seemore{
        font-size: 10px;
    }
    .range_list{
        height: 480px;
    }
    .items_art span{
        font-size: 12px;
    }
    .drugs p{
        height: 105px;
        margin-top: 0;
        overflow: hidden;
      }

    .items_art p{
        height: 68px;
    }
    .contact_l p {
        font-size: 10px;
        color: #333;
        line-height: 20px;
    }
    .p_r{
        margin-top: 18%;
    }
    .itemsList li{
        height: 195px;
    }
    .drugsBox li img{
        height: 88px;
    }
    .itemsList li img{
        height: 88px;
    }
    .contact{
        width: 84%;
    }
    .p_l img{
        width: 90%;
    }
}