/* 头部搜索 */
.head_search{ }
.head_search form{ display: flex; align-items: center;}
.head_search form .txt{background:#f9f9f9; width:250px; height:35px; line-height:35px; padding-left:10px; border-radius: 10px 0 0 10px; overflow: hidden;}
.head_search form .btn{background:#4683c4; color:#fff; height:35px; width:80px; border-radius:  0 10px 10px 0; overflow: hidden;}
.head_search p{}
.head_search p a{margin:0 0 0 10px;}


/* 产品列表 */
.pgcomment{margin-bottom:10px; padding: 0 1%; background:#fff; border-radius: 15px; overflow: hidden; min-height: 350px; }
.pro_list {margin:0; width: 100%; padding: 15px 0 ; box-sizing: border-box;}
.pro_list li{float:left; width:23%; margin:15px 1% ; position:relative; display: flex;  flex-direction: column; border-radius: 10px; overflow: hidden; box-sizing: border-box; border: 1px solid #DDD;}
.pro_list li a{display:block; background:#fff; font-size:16px; line-height: 2;}
.pro_list li a figure{overflow:hidden; position:relative; max-height: 348px; overflow: hidden;}
.pro_list li a figure img{width: 100%;}

.pro_list .pro_info{width:100%; box-sizing: border-box; padding: 0 2%; display: flex;  flex-direction: column;}
.pro_list .pro_info dt{  border-top: 1px solid #DDD;}
.pro_list .pro_info dl{display: flex;  flex-direction: row; justify-content: space-between; border-top: 1px solid #DDD;}

.pro_list li a:hover img{transform:scale3d(1.05, 1.05, 1);opacity:0.5;}

/* .pro_list li a figcaption{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);opacity:0;transition:all 0.3s ease-out 0s;}
.pro_list li a figcaption i{font-size:30px;display:inline-block;background:#0878f8;width:30px;height:30px;border-radius:30px;line-height:30px;color:#fff;padding:10px;} 
.pro_list li a h4{line-height:40px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;padding:0 10px;}
.pro_list li a span{display:inline-block;padding:0 20px;border-radius:30px;background:#4d8ac7;color:#fff;line-height:30px;margin:0 0 20px;transition:all 0.3s ease-out 0s;}
.pro_list li a:hover{box-shadow:0 0 10px rgba(0,0,0,0.1);transform:translateY(-5px);}
.pro_list li a:hover figcaption{opacity:1;}
.pro_list li a:hover span{padding:0 30px;}
*/

/* 产品详情 */
.pro_fields{width: 100%;display: flex;  flex-direction: column;}
.pro_fields dl{width: 100%;display: flex;  flex-direction: row; align-items: center; border-bottom: 1px solid #DDD; }
.pro_fields dl:first-child {border-top: 1px solid #DDD;}
.pro_fields dl dt{width: 150px; box-sizing: border-box; padding:5px 0 5px 10px; border-right: 1px solid #DDD;}
.pro_fields dl dd{flex: 1; box-sizing: border-box; padding:5px 0 5px 10px;}

		.infoproducthead{display:flex;justify-content:space-between;margin-bottom:20px;overflow:hidden;background:#FFF; border-radius: 10px;}
			.infoproductslide{flex:0 0 500px;min-width:0;}
				.infoproductslide figure{overflow:hidden;}
				.infoproductslide figure img{width:100%;}
				.infoproductslide figure:hover img{transform:scale3d(1.05, 1.05, 1);}

			.infoproductsummary{flex:1;padding:40px;}
				.infoproductsummary h1{font-size:24px;line-height:30px;margin-bottom:40px; position: relative;}
                .infoproductsummary h1:after{content:'';display:block;position:absolute;bottom:-20px;width:50px;height:2px;background:#9dc419;}
				.infoproductsummary h2{font-weight:normal;font-size:22px;line-height:30px;}
				.infoproductsummary section{font-size:16px;line-height:25px;margin:20px 0;opacity:0.8;}
				.infoproductsummary ul{}
				.infoproductsummary li{float:left;margin-right:10px;}
				.infoproductsummary li a{display:block;background:#fff;color:#0062b4;line-height:38px;padding:0 10px;border:1px solid #0062b4;border-radius:3px;}
				.infoproductsummary li a i{float:left;margin-right:5px;font-size:24px;}
				.infoproductsummary li a:hover{background:#0062b4;border:1px solid #0062b4;color:#fff;}

                .infoproductother{background:#fff;padding:30px;margin-bottom:20px; border-radius: 10px;}
                .infoproductother h3{font-size:16px;margin-bottom:20px;border-bottom:1px solid #ddd;position:relative;padding-bottom:10px;}
                .infoproductother h3:after{content:'';display:block;position:absolute;bottom:-1px;width:50px;height:2px;background:#0062b4;}

/**********new技术研发****************/
.rdh1{font-size: 36px;
    line-height: 40px;
    color: #4d8ac7;
    font-weight: normal;
    margin: 0 0 20px;
    position: relative;
    padding: 0 0 20px;}  
    .rdh1:after {
    content: '';
    display: block;
    position: absolute;
    top: 60px;
    left: 0;
    width: 50px;
    height: 2px;
    background-image: linear-gradient(90deg,#f00 50%,#4d8ac7 50%,#4d8ac7 100%);
}

.row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
 margin-top:40px
}
.col-md-4 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;padding: 0 15px;
    box-sizing: border-box; 
}
.mb-30 {
    margin-bottom: 1.875rem;
}
.application-box {
    position: relative;
    border: 1px solid #d3d3d3; background-color: #fafafa;
    border-top-left-radius: 0px;
    border-top-right-radius: 20px;
    overflow: hidden;
    border-left:6px solid #4d8ac7;
    padding: 15px;
}
.application-box .title {
    font-weight: 600;
    font-size: 18px;
    color: #333; line-height: 30px;display: flex;

}
.application-box i{ font-size: 30px;line-height: 30px;color:#0939d7;}
.text-reset{position: relative;
    border: 1px solid #d3d3d3;
    background-color: #fafafa;
    overflow: hidden;
    border-left: 6px solid #4d8ac7;width: 100%;
    display: flex;
    box-sizing: border-box;
    padding: 15px;}
.text-reset i{font-size: 30px; font-weight: bold;
    line-height: 30px;
    color: #4d8ac7;}

.picture-text-box .left-img {
    border-top-right-radius: 20px;width: 100%; float: left;
}
.img-fluid {
    max-width: 100%;
    height: auto;
}

#bodyMain {
    width: 100%;
    background-size: cover;
}
.digital {
    background-image: url(../images/one-stop-solution-in-vitro-diagnostics.jpg);
    background-repeat: no-repeat;
    background-position: center top;
    background-attachment: fixed;
    background-size: cover;
    position: relative;
    width: 100%;
    min-height: 300px;
    text-align: center;
    color: #fafafa;
    margin: 30px 0 0;
}
.digital:before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background-color: rgba(5, 24, 41, 0.65);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
}
.main {
    max-width: 1440px; width: 100%;
    height: 300px;
    margin: 0 auto;
    font-size: 0;
    z-index: 99;
    position: relative;
}
.mumping_mun {
    width: 100%; display: flex;
    list-style: none;
}
.mumping_mun li {
    text-align:center;flex: 0 0 25%;  
    max-width: 25%;
    display: inline-block;
    margin: 90px auto;
}
.mumping_mun h2 {
    display: block;
    position: relative;
    font-size: 50px;
    line-height: 60px;
    width: 100%;
    float: left;
    text-align: center;
}
.mumping_mun h2:before {
    content: ' >';
    color: rgba(255, 255, 255, 0.8);
    font-size: 60px;
    font-weight: 100;
}
.mumping_mun p {
    font-size: 22px;
    width: 100%;
    display: block;
    clear: both;
    font-weight: 100;
}

.colimglist{margin:0 auto;width:100%;background:url(../images/bg3.png) repeat left top;text-align:center;}
.colimglist ul{overflow:hidden;padding-bottom:30px;}
.colimglist li{float:left;margin-bottom:40px;transition:all ease-out 0.3s;text-align:center;}	

.colimglist li a img{margin-bottom:10px;}
.colimglist li a p{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#333;background:#fff;}

.prodlist li{width:23%;margin: 0 1% 2%;  border: 1px solid #ddd;box-sizing: border-box; background-color: #fff; border-radius: 10px;}
.prodlist li:hover{cursor:pointer}
.prodlist li a{display:block;}
.prodlist li figure{
    position: relative;
    margin: 5px 5px;
    overflow: hidden;  
    height: 280px;   
    display: block;
  
}
.prodlist li figure img{
    max-height: 280px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);}
.prodlist li:hover {border:1px solid #1262ab;} 
.prodlist li h4{ margin:10px 0;}
.caselist li{width:360px;padding:0 15px;}
.caselist li a{}
.caselist li a img{width:360px;height:240px;}
/************index*************/
.pros {margin-top:50px;position:relative;}
.pros a{display:block; background:#fff; font-size:16px; line-height: 2; border-radius: 10px;overflow: hidden; box-sizing: border-box; border: 1px solid #DDD;}
.pros a figure{overflow:hidden; position:relative; max-height: 348px; overflow: hidden;}
.pros a figure img{width: 100%;}
.pros a:hover img{transform:scale3d(1.05, 1.05, 1);opacity:0.5;}
.pros .pro_info {
    width: 100%;
    box-sizing: border-box;
    padding: 0 2%;
    display: flex;
    flex-direction: column;
}
.pros .pro_info dt {
    border-top: 1px solid #DDD;
}
.pros .pro_info dl {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    border-top: 1px solid #DDD;
}

        .pros .swiper-container{padding:0 0 20px;}
		.pros .swiper-button-prev{left:-25px;z-index:2;}
        .pros .swiper-button-prev span{display:block;width:50px;height:50px;font-size:30px;line-height:50px;text-align:center;background:#4d8ac7;border-radius:50px;color:#fff;}
		.pros .swiper-button-next{right:-25px;z-index:2;}
        .pros .swiper-button-next span{display:block;width:50px;height:50px;font-size:30px;line-height:50px;text-align:center;background:#4d8ac7;border-radius:50px;color:#fff;}
		.pros .swiper-pagination{right:0; bottom:-70px}
		.pros .swiper-pagination span{margin:0 5px;}
        .pros .swiper-pagination-bullet{ width:50px; height:3px; }

        @media (max-width:1024px){/* MOBILE */

            .rdh1 {
                font-size: 30px;
                line-height: 40px;
                color: #4d8ac7;
                font-weight: normal;
                position: relative;
                padding: 0 0 20px; margin-top:30px;
            }
            .rdh1:after {
                content: '';
                display: block;
                position: absolute;
                top: 55px;
                left: 0;
                width: 50px;
                height: 2px;
                background-image: linear-gradient(90deg,#f00 50%,#4d8ac7 50%,#4d8ac7 100%);
            }
           main{ padding:0 20px; width: 100%; box-sizing: border-box;}
           .prodlist li figure{ height: 250px;}
           .prodlist li figure img{ max-height: 250px;}
           .footnav{ display: none;}
           .footcontact:before{ display: none;}
           .footcontact{ padding:0}
           .footcontact h3{ display: none;}
           .head_search {
            float: right; margin-right: 100px;
        }
       
        }
                @media (max-width:767px){/* MOBILE */
                .head_search {
                    position: relative;
                    right:0px;
                    left: 20px; float: unset;margin-right: 60px;
                }
                .head_search form .txt{ width: calc( 100% - 30px );}
                .head_search form .btn{ width: 60px;}
                .pro_list li{ width: 48%;}
                .infoproducthead{ display: block;}
                .infoproductsummary{ padding:20px 0}
                .infoproductother{ padding:20px;}
                .pro_list{ padding:0 0 15px}
                .rdh1 {
                    font-size: 20px;
                    line-height: 40px;
                    color: #4d8ac7;
                    font-weight: normal;
                    position: relative;
                    padding: 0 0 20px;
                }
                .rdh1:after {
                    content: '';
                    display: block;
                    position: absolute;
                    top: 45px;
                    left: 0;
                    width: 50px;
                    height: 2px;
                    background-image: linear-gradient(90deg,#f00 50%,#4d8ac7 50%,#4d8ac7 100%);
                }
                .col-md-4 {
                    -ms-flex: 0 0 25%;
                    flex: 0 0 50%;
                    max-width: 50%;
                    padding: 0 10px;
                    box-sizing: border-box;
                }
                .prodlist li{width: 48%;}
                .prodlist li figure{ height: 200px;}
                .prodlist li figure img{ max-height: 200px;}
                .mumping_mun p{ font-size: 16px;}
                .mumping_mun h2{ font-size: 36px;}
                .mumping_mun h2:before{ font-size: 40px;}

                .pros .swiper-pagination{ right:0; position: unset;}
                .pros .swiper-pagination-bullet{ width: 20px; height: 2px;}
                .banner .bannerinfo img {
                    position: relative;
                    width: 100%;
                    height: 240px;
                    object-fit: cover;
                    display: block;
                    position: relative;
                }
                .banner .iconfont{ font-size: 50px;}
                .banner .swiper-button-prev{ left: 0;}
                .banner .swiper-button-next{ right: 0;}
                }