@charset "utf-8";
/*全局样式
---------------------------------------------*/
body{ margin:0 auto; padding:0; width:100%; color:#333; font:14px/1.5 Arial,"Microsoft Yahei"; text-align:center; background:#f5f5f5; -webkit-font-smoothing:antialiased; }
input,button,select,textarea,img,p,h1,h2,h3,h4,h5{ margin:0; padding:0; border:0; font-family:'Microsoft YaHei','微软雅黑'; }
a{ color:#333; text-decoration:none; }
a:hover{ color:#34ad2a; text-decoration:none; -webkit-transition: all 0.2s linear;transition: all 0.2s linear; }
ol,ul,li,dl,dd{ margin:0 auto; padding:0; list-style-type:none; }
i,em{ font-style:normal; }
table { border-collapse:collapse; border-spacing:0; }
.fl {float:left;}
.fr {float:right;}
.bgf {background:#fff;}
.bge {background:#EFEFEF;}
.line {border:solid #A3A3A3 1px; }
/*Clear Fix*/ 
.clearfix:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix{ display:inline-block; } 
.clearfix { display:block; } 

.clear{ clear:both; font-size:0px; height:0px; overflow:hidden; }
.line5{ clear:both; font-size:0px; height:5px; overflow:hidden; }
.line10{ clear:both; font-size:0px; height:10px; overflow:hidden; }
.line15{ clear:both; font-size:0px; height:15px; overflow:hidden; }

/*头部*/
.ThBuy{
    width: 100%;
    position: fixed;
    top: 3.8rem;
    left: 0;
    background-color: white;
    z-index: 999;
    height: 2.6rem;
}
.ThBuy ul{
    width:100%;
    height:2.6rem;
}
.ThBuy ul li {
    float: left;
    color: black;
    width: 25%;
    height: 2.6rem;
    text-align: center;
    font-size: 0.6rem;
}

.ThBuy ul li a{
    display: inline-block;
    color: black;
    height: 1.2rem;
    line-height: 1.2rem;
    margin-top: 0.7rem;
    width: 88%;
    border-radius: 1rem;
}
.ThBuy ul li em{
    float:right;
    line-height:1.5rem;
    margin-top: 0.5rem;
    color:#ddd;
}
.choseStatue{
    background-color: #E43037;
    color:white;
}

.topNav{
    z-index: 20;
    height: 3.8rem;
    line-height: 3.8rem;
    padding-top: 0;
    padding-bottom: 0;
    margin: 0;
    border-radius: 0.1rem;
    border-width: 0;
    background: transparent !important;
}
.brandTitle{
    font-size: 1.2rem;
    letter-spacing: 0.2rem;
}
/*Banner样式*/
.slide-box{ margin:0; width:100%;  text-align:center; overflow:hidden;padding-top:6rem;background-color:white }
.slide-box a{ display:block; width:100%; height:100%; }
.slide-box a img{ width:100%; height:100%; }
.navgation {width:100%; background:#303030;margin:0;overflow:hidden;text-align:center;  }
.navgation .sale {margin:0 auto;width:90%;height:100%;}
.navgation .sale p {color:#fff;padding:16px 30px;font-size:.6rem;}
.divCategory {width:100%;margin:0;overflow:hidden;text-align:center; }
.wrap-box {margin:0 auto;width:100%;height:100%;text-align: center;overflow: hidden;}
.category-list {margin: 0.5rem 0 0.5rem 0;height:100%;float: left;}
.category-list li {
    float: left;
    margin:  0.5rem 0 0 0.5rem;
    width: 5.2rem;
    height: 5.2rem;
    background: #fff;
    overflow: auto;
    border:solid #A3A3A3 1px;
}
.category-list li:hover {
	box-shadow: 0 0 0 8px #eef3f6 inset;
}
.category-list li .img-box {
    display: block;
    position: relative;
    overflow: hidden;
}

.category-list li .img-box img {
    width: 100%;
    height: 100%;
}

.imgNav {width:100%;margin:0;overflow:hidden;text-align:center;}
.imgNav img{width:100%;height:100%;margin:0;overflow:hidden;}
.oneSection {width:100%;margin:0;overflow:hidden;text-align:center;}
.oneSection img{width:100%;height:100%;margin:0;overflow:hidden;}
.onesSection {width:100%;margin:0;overflow:hidden;text-align:center;}

.imgsNav {width:100%;margin:0;overflow:hidden;text-align:center;}
.imgsNav img{width:100%;height:100%;margin:0;overflow:hidden;}
.onesSection img{width:100%;height:100%;margin:0;overflow:hidden;}
.twoSection {width:100%; margin:0;overflow:hidden;text-align:center;}
.twoSection .wrap-box{width:100%;margin:0.6rem auto;overflow:hidden;text-align:center;background:#FFF;border:1px solid #A3A3A3;}
.twoSection .wrap-box .divL {width:24%;float:left;}
.twoSection .wrap-box .divR {width:75%;float:left;border-left:1px solid #A3A3A3;}
.twoSection .wrap-box img {width:100%;height:100%;}

.threeSection{width:100%;margin:0;overflow:hidden;text-align:center;}
.threeSection .wrap-box{width:100%;margin:0.6rem auto;overflow:hidden;text-align:center;background:#FFF;border:1px solid #A3A3A3;}
.threeSection .wrap-box .divL {width:24%;float:left;}
.threeSection .wrap-box .divM {width:38%;float:left;border-left:1px solid #A3A3A3;}
.threeSection .wrap-box .divR {width:38%;float:left;border-left:1px solid #A3A3A3;}
.threeSection .wrap-box img {width:100%;height:100%;}


.fourSection{width: 100%;margin: 0;overflow: hidden;text-align: center;}
.fourSection .wrap-box{width:100%;margin:0.6rem auto;overflow:hidden;text-align:center;background:#FFF;border:1px solid #A3A3A3;}
.fourSection .wrap-box .divL {width:24%;height:100%;float:left;}
.fourSection .wrap-box .divSmall {width:37.5%;height:50%;float:left;border:1px solid #A3A3A3;}
.fourSection .wrap-box .divLarge {width:38%;height:100%;float:right;}
.fourSection .wrap-box img {width:100%;height:100%;}

.fiveSection{width:100%;margin:0;overflow:hidden;text-align:center;}
.fiveSection .wrap-box{width:100%;margin:0.5rem auto;overflow:hidden;text-align:center;border: #A3A3A3 solid 1px;}
.fiveSection .wrap-box .cnt-l{
    background: #fff;
    width: 24%;
    height: 100%;
    float:left;
}
.fiveSection .wrap-box .cnt-r{
        background: #fff;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        float:left;
        width: 76%;
        height:100%;
}
.fiveSection .wrap-box .cnt-r .pro-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.fiveSection .wrap-box .cnt-r .pro-list  .pro-item {
    width: 50%;
    height: 50%;
    border-left: 1px solid #A3A3A3;
    border-bottom: 1px solid #A3A3A3;
}
.fiveSection .wrap-box  .cnt-r .pro-item-inner {
    width: 100%;
    margin: 0 auto;
}
.fiveSection .wrap-box  .cnt-r .pro-img{
    display: block;
    max-width: 100%;
    margin: 0;
}
.fiveSection .wrap-box  .cnt-r .pro-img .pro-inner {
    width: 100%;
    position: relative;
    overflow: hidden;
}
.fiveSection .wrap-box  .cnt-r .pro-img img {
    -webkit-transition: all .2s linear;
    transition: all .2s linear;
    -webkit-backface-visibility: hidden;
}
.wrap-box img {width: 100%;height:100%;}

.footer {width:100%;margin:0;overflow:hidden;text-align:center;}
.footer img{width:100%;height:100%;margin:0;overflow:hidden;}

/*赛默飞头部样式*/
.Top{
    position: fixed;
    width: 100%;
    top: 0;
    height: 112px;
    left: 0;
    background-color: white;
    z-index:999;
}
.therTop {
    width: 210px;
    margin: 0 auto;
    padding-bottom: 20px;
    padding-top: 20px;
    background-image: url(../images/activity/saimofei_logo.png);
    background-color: white;
    background-repeat: no-repeat;
    background-size: 90px;
    background-position-y: center;
    font-size: 20px;
    font-weight: bold;
    padding-left: 100px;
    text-align: left;
}
.therNav{
    width:100%;
    height:42px;
    background-color:#f6f6f6;
    text-align:left;
}
.therNav ul{
    overflow: hidden;
    width: 70%;
    text-align: center;
}
.therNav ul li{
    padding-left: 6%;
    padding-right: 6%;
    float: left;
    height: 42px;
    line-height: 42px;
}
.therNav ul li a {
    font-size: 0.8rem;
    font-weight: bold;
}
.therNavSelected{
    color: red;
    border-bottom: 3px solid red;
    padding-bottom: 6px;
}
/*赛默飞免费试用页面*/
.therFtTopPro{
    width:100%;
    overflow:hidden;
    margin-top:120px;
    background-color:#CBD5EE;
}
.therFtTopPro a:visited{
    color:black;
}
.therFtTopPro img{
    width:100%;
}
.therFtTopProList{
    width: 100%;
    padding-left: 3%;
    padding-right: 1%;
    padding-top: 20px;
    padding-bottom: 20px;
}
.therFtTopProList ul{
    width:100%;
    margin:0 auto;
    overflow:hidden;
}
.therFtTopProList ul li{
    width: 14%;
    padding-left: 1%;
    padding-right: 1%;
    float: left;
}
.therFtTopProListTitle{
    width:100%;
    height:30px;
    line-height:30px;
    text-align:center;
    font-size:0.6rem;
}
.therFtProduct-section{
    width:100%;
    background-color:white;
}
.therFtSmain-tit{
    width:84%;
    margin:0 auto;
    height:50px;
    line-height:50px;
}
.therFtSmain-tit .Line{
    border-bottom:1px solid #8E929F;
    border-bottom-style:dashed;
    width:100%;
    position:relative;
    top:50%;
}
.therFtSmain-tit .lineTitle{
    position: absolute;
    top: -20px;
    padding-left: 6px;
    padding-right: 6px;
    color: black;
    font-size: 0.7rem;
    background-color: white;
    left: 46%;
    height: 40px;
    line-height: 40px;
    font-weight: bold;
    margin: 0;
}
.therFtProduct{
    width:100%;
    overflow:hidden;
}
.therFtProduct ul{
    width:100%;
}
.therFtProduct ul li{
width: 48%;
    margin-left: 1%;
    margin-right: 1%;
    margin-top: 4px;
    margin-bottom: 4px;
    height: auto;
    float: left;
    text-align: center;
    border: 1px solid #DDD; 
}
.therFtProduct ul li p{
    padding: 6px 0;
    width: 98%;
    margin: 0 auto;
    font-size: 12px;
    text-align: center;
    color:black;
    word-break:break-all;
}
.therFtProduct ul li a{
    border: 1px solid #FF6B06;
    color: #FF6B06;
    display: block;
    width: 100px;
    height: 32px;
    line-height: 32px;
    margin: 0 auto;
    margin-bottom:6px;
}
.therFtProductSpecs{
    padding-top:16px;
    padding-right:16px;
    text-align:center;
}
.therFtProductModel{
    padding-top:10px;
}
.therFtPD{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    height: 62px;
}
/*免费试用申请底部*/
.join-us { 
    background: url(/images/activity/thermofisherFreeTrial/footer.jpg) center center no-repeat;
    background-size: cover;
    padding: 20px;
    position: relative;
}

.join-us .login-form {
    width: 98%;
    height: 445px;
    border: 1px solid #d0d0d0;
    margin: 0 auto;
    background-color: #fff;
    opacity: 0.8;
    border-radius: 20px;
}

.join-us .ulogin-form {
    width: 98%;
    height: 200px;
    margin: 0 auto;
    border-radius: 20px;
    position: absolute;
    top: 18%;
    left: 1.6%;
    background-color: transparent;
}

.join-us .login-form h1 {
    margin-bottom: 10px;
    font-size: 0.8rem;
    text-align: center;
    margin-top: 10px;
}

.join-us  .register-item {
    display: flex;
    margin: 0 auto;
    margin-bottom: 10px;
    padding: 6px 0;
    border: 1px solid #d8d8d8;
    font-size: 0.7rem;
    background-color: #fff;
    border-radius: 10px;
    width: 80%;
}

.join-us  .register-item label {
    flex: none;
    width: 70px;
    margin-right: 25px;
    padding-left: 20px;
    box-sizing: border-box;
}

.join-us  .register-item input {
    -webkit-box-flex: 1;
    flex: 1 0 auto;
    height: 20px;
    line-height: 20px;
    border: none;
    width:60%;
    font-size: 0.7rem;
}

.join-us .register-item-button  button {
    display: block;
    width: 80%;
    height: 30px;
    line-height: 30px;
    border: none;
    background: #3F4156;
    color: #fff;
    font-size: 0.7rem;
    text-align: center;
    margin: 0 auto;
    border-radius: 6px;
    cursor: pointer;
}

 .join-us  p {
    display: block;
    width: 100%;
    height: 50px;
    color: #898B8D;
    font-size: 0.6rem;
    text-align: center;
    margin: 0 auto;
    margin-top: 10px;
}
/*免费试用申请底部end*/
/*赛默飞买赠页面*/
.buyGiveImg img{
    width:100%;
}
.buyGiveProduct-section{
    margin-top:120px;
    overflow:hidden;
    width:100%;
}
.buyGivePL{
    width: 100%;
    overflow: auto;
    padding-top: 10px;
    background-color:#F5F5F5;

}
.buyGiveProImg{
    width:54%;
    float:left;
}
.buyGiveProImg img{
    width:100%;
}
.buyGiveProI{
    width:46%;
    float:left;
}
.buyGiveProItr{
    width: 90%;
    padding-top: 10px;
    text-align: left;
    margin: 0 auto;
}
.buyGiveProItr_bottom img{
    width: 50%;
    padding-top:10px;
    margin: 0 auto;
}
.buyGiveProItr_bottom p{
    width: 100%;
    height: auto;
    word-break: break-all;
    font-size: 0.5rem;
    color: black;
    padding-top: 10px;
}
.buyGiveProItr_top{
    padding-bottom: 6px;
    border-bottom: 2px solid black;
}
.buyGiveProItr_top p{
    color:red;
    font-weight: bold;
    font-size:0.6rem;
}
.buyGiveProItr_top h1{
    font-size: 0.6rem;
    font-weight: bold;
    word-break: break-all;
}