.container{max-width:1200px;margin:auto; position:relative;padding-top:20px;padding-bottom:20px; display: table;width:100%;}
.second-container{max-width:1200px;/*margin:-75px auto auto auto;*/padding-top:40px; position:relative;display: table;width:100%;padding-bottom:50px;}


@media (min-width: 1280px){	
.second-container{margin:auto;}
}
@media (min-width: 769px) and (max-width: 1279px){
.second-container{margin:auto;padding-left:25px;padding-right:25px;}
}
@media (max-width: 768px){	
.second-container{margin:auto;padding-top:50px;padding-left:25px;padding-right:25px; }
}


.btn {padding:8px 20px;clear: both;color: #FFF;background-color:#1d3c6f;text-decoration: none;display:inline-block;font-weight: bold;margin-top:20px;}
.btn:hover {color:#FFF;transition: background-color .3s;background:#3399cc; }

.index-servtype{width:100%;margin:0 auto; position: relative;padding:0;}
.index-servtype .service-unit{min-height:467px; position:relative; text-align:center;}
.index-servtype .picbg{ background-position:center center; background-repeat:no-repeat;background-size: cover;}
.index-servtype .service-unit .indexcolorbg{ background-color:rgba(27,59,107,0.6);width:100%;height:100%; position:absolute;top:0px;left:0px;}
.index-servtype .service-unit .indexcolorbg a{color:#ffffff;}
.index-servtype .service-unit .indexcolorbg h2{text-align:center;width:90%;top:33%;left:5%; position:absolute;color:#ffffff; font-weight:lighter;font-size:30px;}
.index-servtype .service-unit .service-unit-cont p{margin-bottom:30px;}
.btn_2{ border-radius:5px;border:1px solid #1b3b6b;padding:10px 20px;color:#1b3b6b;}
.btn_2:hover{ background-color:#1b3b6b;color:#ffffff;transition: background-color .3s;transition: transition: background-color .3s;}
.index-servtype .service-unit:hover .service-unit-cont img{-webkit-transform:translateY(-10px);
	-moz-transform:translateY(-10px);
	-ms-transform:translateY(-10px);
	-o-transform:translateY(-10px);
	transform:translateY(-10px);
	-webkittransition:transform 1s;
	-moz-transition:transform 1s;
	-ms-transition:transform 1s;
	-o-transition:transform 1s;
	transition:transform 1s;}
.index-servtype .service-unit:hover .indexcolorbg{background-color:rgba(27,59,107,0.4);transition: background-color 1s;}
/*.index-servtype .picbg:hover{background-size:150%;transition: background-size 1s;}
*/
@media (min-width: 1280px){	
.index-servtype .service-unit{float:left;width:50%;}
.index-servtype .service-unit .service-unit-cont{ position:absolute;width:80%;top:10%;left:10%;}
}
@media (min-width: 769px) and (max-width: 1279px){
.index-servtype .service-unit{float:left;width:50%;}
.index-servtype .service-unit .service-unit-cont{ position:absolute;width:80%;top:10%;left:10%;}
}
	
@media (max-width: 768px){	
.index-servtype .service-unit{width:100%;margin-bottom:20px;}
.index-servtype .service-unit .service-unit-cont{ position: relative;width:90%;padding-top:10%;left:5%;padding-bottom:10%;}
}

.related{ display: table;width:100%;}

/*product show begin*/
.Published{padding-top:10px;padidng-bottom:10px;}

.proshowTabhead{margin-bottom:15px;position: relative;background-color:#ae1f23;color:#ffffff;}
.proshowTabhead ul{padding:0px;margin:0px;border:}
.proshowTabhead ul li {color:#000000;float:left; background-color:#efefef;margin-right:10px;margin-bottom:10px;}
.proshowTabhead ul li a{color:#000000;}
.proshowTabhead ul li{padding:10px 15px 10px 15px;list-style:none;text-align:center;font-weight:bold;font-size:14px; cursor: pointer;}
.proshowTabhead ul li:hover .Tabcontentarea{ display:block;}
.proshowTabhead ul li:hover,.orderonline ul .choosedbg,.proshowTabhead ul .choosedbg,.orderonline ul li:hover a{background-color:#dedede;color:#6aa932;}
.quickonlineorder .form-control{}

.proshowTabcontentarea{width:100%;padding:15px; text-align:left;font-weight: normal; display:table;width:100%;border:1px solid #efefef;}
.proshowTabcontentarea .contunit li[class*="col-md"] img{ display:block; margin:auto; max-width:100%;}
.proshowTabcontentarea .contunit{padding-top:15px;padding-bottom:15px;border-bottom:1px solid #efefef; display:table;width:100%;}
.proshowTabcontentarea .contunit p{color:#444444;margin-top:15px;margin-bottom:15px;line-height:26px;}
.proshowTabcontentarea .contunit .linkurlnote{font-size:14px;color:888888;}
.proshowTabcontentarea .contunit .linkurlnote a{color:#888888;}
.proshowTabcontentarea .contunit .more{color:#666666; display:block;margin:auto; /*text-align:center;*/}
.proshowTabcontentarea .contunit .more:hover{color:#be3640;}
.proshowTabcontentarea .contunit .applicationTag span{ display:inline-block;padding:5px 10px 5px 10px;margin-right:10px;border:1px solid #efefef; border-radius:20px;}
.proshownote{padding-top:25px;}
.askform{padding-top:30px;}
.askform .askformtit{font-size:19px;font-weight:bold;}
.askform div[class*="col-md"]{padding-top:5px;padding-bottom:5px;padding-left:15px;padding-right:15px;}
.askform .inputarea{ display:block;width:100%; border-radius:3px; border:1px solid #cccccc;padding:4px;}
.inquirymargin{margin-top:25px;}
.applicationNo td{padding-bottom:8px;}

#table-breakpoint{padding-top:30px;padding-bottom:30px;line-height:28px;}
#table-breakpoint ul{ display:table;width:100%;position:relative;border-bottom:1px solid #efefef;padding-top:10px;padding-bottom:10px}
#table-breakpoint ul li:first-child {font-weight:bold; }
#table-breakpoint ul li:last-child{word-break:break-all;}
#table-breakpoint h2{font-size:28px;font-weight:bold;}
#table-breakpoint h2:before{content: "\f152";font-family: "Font Awesome 5 Free";margin-right:10px;color:#1b3b6b;}
@media (min-width: 1280px){	
#table-breakpoint ul li:first-child {width:20%;float:left;}
#table-breakpoint ul li:last-child{width:80%;float:left;}
}
@media (min-width: 769px) and (max-width: 1279px){
#table-breakpoint ul li:first-child {width:20%;float:left;}
#table-breakpoint ul li:last-child{width:80%;float:left;}
}
	
@media (max-width: 768px){	
.successinfo .iconarea{margin-right:15px;}
#table-breakpoint ul li:first-child {width:100%;}
#table-breakpoint ul li:last-child{width:100%;}
}
/*product show end*/

.bigsearchbg{  /*display:none;*/}
.bgsearch_class{ background-color:rgba(27,59,107,0.8); position:fixed;width:100%;height:100%;top:0;left:0; z-index:10000;color:#ffffff; }
.bgsearch_class .search_title label{color:#ffffff !important;}
.bigsearchbg .search_content{ position:relative;}
.bgsearch_search_content_class{width:50%; position:absolute;top:25%;left:25%;}
.closed{width:100px;height:60px;color:#dddddd; text-align:center; position:absolute;top:-80px;right:-80px;line-height:60px; cursor:pointer;}
.closed i{margin-right:5px;}
.closed:hover{color:#ffffff;}

/**/
.contact_bgcolor{ background-color:#f4f3f3;}


.successinfo{line-height:30px;line-height:22px;color:#888888;padding-right:20px;padding-bottom:20px; display:table;width:100%;}
.successinfo .iconarea{}
.successinfo .iconarea .iconunit{text-align:center;display:block; width:40px;height:40px; border-radius:40px; background-color:#090;color:#ffffff;line-height:40px;font-weight: bolder;font-size:22px; position:relative;z-index:9;}
.successinfo .tit{font-size:20px;font-weight:bold;color:#009900; display:block;}
.successinfo .iconarea .iconunit img{top:10px;left:5px;position:absolute; z-index:10;}
@media (min-width: 1280px){	
.successinfo .iconarea{float:left;margin-right:15px;}
}
@media (min-width: 769px) and (max-width: 1279px){
.successinfo .iconarea{float:left;margin-right:15px;}
}
	
@media (max-width: 768px){	
.successinfo .iconarea{margin-right:15px;}
}
.form-horizontal .form-group{display:table;width:100%;padding-top:10px;padding-bottom:10px;}

.SUBSCRIBE{padding:20px;margin:5% auto auto auto; border:1px solid #efefef; box-shadow:0 0 8px #cccccc; border-radius:8px;}
@media (min-width: 1280px){	
.SUBSCRIBE{width:30%;}
}
@media (min-width: 769px) and (max-width: 1279px){
.SUBSCRIBE{width:70%;}
}
	
@media (max-width: 768px){	
.SUBSCRIBE{width:90%;}
}

/*prolist*/
.prolistunit{padding:20px 5px 20px 5px;border-bottom:1px solid #fafafa; display:table;width:100%;}
.prolistunit h2{font-family: 'Open Sans Light', sans-serif;margin-top:0;padding-top:0px;padding-left:15px;line-height:36px;}
.prolistunit h2 a{color:#1c3c6f !important;}
.prolistunit:hover{ background-color:#fafafa;transition: background-color .3s;}
.prolistunit:hover a{color:#3399cc !important;transition: color .3s;}

.pro-show-unit{border-bottom:1px solid #dddddd;padding-top:20px;display:table;width:100%;padding-top:40px;padding-bottom:30px;}
.pro-show-unit img{margin:auto !important;}
.pro-show-unit .tag{ display:block;padding-top:10px;padding-bototm:10px;font-size:14px;color:#666666; font-family:"Courier New", Courier, monospace;}
.pro-show-unit h2{font-family: 'Open Sans Light', sans-serif;margin-top:0;padding-top:0px;color:#1d3d6f;line-height:36px;}
.pro-show-unit h2 a{color:#1c3c6f !important;}

.pro-show-shuoming{margin: auto;}
@media (max-width: 768px){	
.pro-show-shuoming{margin: auto;padding-left:15px;padding-right:15px;}
.pro-show-unit .col-md-8{padding-top:30px;}
}
.about-show h2,.inquiryform h2{font-family: 'open-sans-bold', sans-serif;}


.about-us-Beliefs{ display:table;width:100%;background-position:center bottom;min-height:324px;font-size:16px;line-height:26px; background-repeat:no-repeat; background-color:#fafafa;}
@media (min-width: 1280px){	
.about-us-Beliefs{ background-image:url(../images/NHP-about-us-banner-2.jpg);}
}
@media (min-width: 769px) and (max-width: 1279px){
.about-us-Beliefs{ background-image:url(../images/NHP-about-us-banner-2.jpg);}
}
@media (max-width: 768px){	
.about-us-Beliefs{width:100%;background-image:url(../images/NHP-about-us-banner-2-mobile.jpg);height:600px; margin: auto;background-repeat:no-repeat;background-color:#fafafa;padding-left:15px;padding-right:15px;}
}

.inquirycont h3{font-size:36px;margin-bottom:0;color:#1d3c6f;}

/*identifying code*/                                                                                                                                                                                                                                 /*identifying code*/
.Verification-code{ position:relative;}
.Verification-code .check-fa { position: absolute; top: 15px; right: 10px; font-size: 22px; color: #7b9d3b;}
.icon-bg-circle{ display:inline-block; width:33px; height:33px; line-height:33px; background-color:#1c447f; color:#fff; text-align:center; margin-right:10px;
 -webkit-border-radius:33px;
 -moz-border-radius:33px;
 -o-border-radius:33px;
 border-radius:33px;
 }
.icon-bg-circle .fa-envelope, .fa-fax{ font-size:18px;} 

/*TAC Preclinical  begin*/ 
.tac_preclinical li{width:48%; display:inline-block; float:left;  font-size:14px; background-position:0 10px;}	
.tac_preclinical li a{color:#2751a3;text-decoration:none;}
.tac_preclinical li a:hover{color:#3399cc; text-decoration:none;}
@media (min-width: 1280px){
.tac_preclinical li{ display:inline-block; float:left;  font-size:14px; background-position:0 10px;}	
.tac_preclinical li a{color:#2751a3;text-decoration:none;}
.tac_preclinical li a:hover{color:#3399cc; text-decoration:none;}
	}
@media (min-width: 769px) and (max-width: 1279px){
.tac_preclinical li{display:inline-block; float:left;  font-size:14px; background-position:0 10px;}	
.tac_preclinical li a{color:#2751a3;text-decoration:none;}
.tac_preclinical li a:hover{color:#3399cc; text-decoration:none;}
	}
@media (max-width: 768px){	
	.tac_preclinical{margin-left:15px;margin-right:15px;}
.tac_preclinical li{width:100%; display:inline-block; float:left; padding:3px 0; font-size:14px;}	
.tac_preclinical li a{color:#2751a3;text-decoration:none;}
.tac_preclinical li a:hover{color:#3399cc; text-decoration:none;}
}
.tac_preclinical_unit{padding-bottom:20px; display: table;border-bottom:1px solid #cccccc;margin-bottom:20px;}
/*TAC Preclinical  end*/


/*pages*/
.pages-box a,
.pages-box .cpb-span {text-decoration: none; float: left; padding: 2px 7px; border: 1px solid #ddd;background: #ffff;  font-size: 13px; color: #000; margin-right: 8px;}
.pages-box {  padding-bottom: 50px;}
.pages-box a:hover {color: #fff; background: #0d58af; border: 1px solid #0d58af;}
.pages-box .cpb-span {font-weight: bold;color: #fff;background: #0d58af; border: 1px solid #0d58af; }

/*2019-7-27*/
.post-holder:first-child{margin-top:20px;}
.post-holder{padding:10px;border-bottom:1px solid #eeeeee;}
.post-holder:hover{ background: #fafafa; cursor: pointer;}
.post-holder:hover h1 a{color:#1f3687 !important;}
.post-holder h1{font-size:18px;margin:0px;}
.post-holder p{padding:5px;}

.pronote{ background-color:#f5f5f5;font-size:0.9em;padding:10px !important; margin-bottom:20px !important;margin-top:20px !important;color:#666666;}
.pronote i{color:#ff0000;margin-right:5px;} 
 

.job_list{border-bottom:1px solid #cccccc;padding-top:15px;padding-bottom:15px;}
.job_list h3{margin-top:0px;padding-top:0px;}
.job_list h3 span {color:#aaa;font-weight:lighter; display: inline-block;margin-top:8px;font-size:12px;}

.job_tab_list td{padding-top:3px;padding-bottom:3px;}
.job_tab_list tr:nth-child(2n+1) td{ background-color:#fafafa;}
.job_tab_list a{color:#2557a2; text-decoration: none;}

.job_search .job_search_unit .search-input{padding:12px 7px 7px 7px !important;width:100% !important;}
.job_search  select{width:100%;padding:7px;margin-top:7px;margin-bottom:7px;}
.job_search .search_btn i{font-size:20px !important;}

.job_show{padding-top:30px;}
.job_show h2{margin-bottom:20px;}
.job_show .row{border-bottom:1px solid #efefef;}
.job_show .row div[class*="col-md"]{padding:10px !important;}
.job_show .row div[class*="col-md-3"]{font-weight:bold;}
.job_show .row:nth-child(2n+1){ background-color:#fafafa;}
.job_Application{border-top:1px solid #f2f2f2;padding-top:10px;margin-top:10px;}
.job_show h3,.job_Application h3{font-size:26px !important;}
.job_show .row div[class*="col-md"] p{margin:0px;padding:0px;}

.search_job_area_fliter select{width:100%;padding:7px;margin-top:7px;margin-bottom:20px;}
.search_job_area .search-input{border-radius:2px;line-height:40px; padding-left:10px; width:100%; outline:none; height:40px;font-size:14px;border:0; background-color:#f4f4f4;color:#000000;}
.search_job_area .search_btn{ position:absolute;top:33px;right:0;height:40px;line-height:40px;display:inline-block;width:50px;color:#444444;border-bottom-right-radius:5px;border-top-right-radius:5px; text-align:center;font-size:20px; cursor:pointer;}
.search_job_area .search_btn:hover{color:#3399cc;}

.jobnote{color:#aaa !important;font-size:12px !important;line-height:20px !important;padding:20px 0px 0px 0px !important; font-style: italic;}


/*======================*/
.topad_pic{background-color: #f3e04e;color:#000000;font-size:15px; position: relative; text-align: 
center;}
.topad_pic img{width:100%;height:auto;}
.topad_pic .ad_close{position: absolute;width:50px;height:70px;top:0px;right:0px;color:#efe108 !important; z-index: 10000; text-align: center;}
.topad_pic .ad_close:hover{color:#fbf045 !important;}
.topad_pic h3{width:80%;margin:10px auto 10px auto;}
.topad_pic p{width:80%;margin:10px auto 10px auto;}
@media(max-width:767px) {
/*	#ad_exhibition{height:270px;}*/
	.topad_pic p{width:95%;}
	.topad_pic h3{width:95%;}
	.topad_pic img{max-width:100%;height:auto;}
}
.topad_pic .ad_button{border-radius:5px; background-color: #efe108;color:#000000;padding:5px 20px 5px 20px;margin:auto; display: inline-block;}
.topad_pic .ad_button:hover{background-color: #fbf045;}
#ad_exhibition {
/*    height: 102px;*/
    display: block;
}
@media (min-width:769px){
	.source-img-box{
	display: block;
	height:75px;
	background-image: url(https://www.cblcdn.com/_noindex/ad_exhibition/upcoming-events-pic-1.png);
	background: -webkit-image-set(url(https://www.cblcdn.com/_noindex/ad_exhibition/upcoming-events-pic-1.webp) 1x,url(https://www.cblcdn.com/_noindex/ad_exhibition/upcoming-events-pic-1.webp) 2x);
	background: image-set(url(https://www.cblcdn.com/_noindex/ad_exhibition/upcoming-events-pic-1.webp) 1x,url(https://www.cblcdn.com/_noindex/ad_exhibition/upcoming-events-pic-1.webp) 2x);
	background: url("https://www.cblcdn.com/_noindex/ad_exhibition/upcoming-events-pic-1.png");
	background-repeat: no-repeat;
    background-size:contain;
    background-position: center;
}
}

@media (max-width:768px) {
   .source-img-box{
	display: block;
	height:180px;
	background-image: url(https://www.cblcdn.com/_noindex/ad_exhibition/upcoming-events-pic-2.webp);
	background: -webkit-image-set(url(https://www.cblcdn.com/_noindex/ad_exhibition/upcoming-events-pic-2.webp) 3x);
	background: image-set(url(https://www.cblcdn.com/_noindex/ad_exhibition/upcoming-events-pic-2.webp) 3x);
	background-repeat: no-repeat;
    background-size:contain;
    background-position: center;
}

}
/*====================*/
.filter_but{display: inline-block;padding:5px 15px 5px 15px;border:1px solid #efefef; cursor: pointer;margin-bottom:15px;}
.filter_but:hover{color:#fff; background-color: #1b3b6b;}
