@charset "utf-8";

/* CSS Document */
body,
html {
	padding:0;
	margin:0;
	/*font-family:'Seropro',sans-serif;*/
	font-family: "Microsoft YaHei UI", sans-serif, serif, Arial;
	/*font-family:"AvenirLTStd-Light", Arial, Helvetica, sans-serif;*/
	/*font-family:'SegoeWP-Light',Times,serif,Arial,Helvetica,sans-serif;*/
	-webkit-font-smoothing: subpixel-antialiased;
	-moz-font-smoothing: subpixel-antialiased;
	-o-font-smoothing: subpixel-antialiased;
	-ms-font-smoothing: subpixel-antialiased;
	font-smoothing: subpixel-antialiased;
	font-size:14px;

}

ul,
ul,
li {
	padding: 0px;
	margin: 0px;
}

.body {
	overflow: hidden;
	width: 100%;
	display: block;
}

a {
	text-decoration: none;
}

.clear {
	clear: both;
}

.red {
	color: #ff0000;
}

.path {
	font-size: 13px;
	padding: 0;
}
.breadcrumb{background-color:transparent !important;}
.alignsite {
	text-align: center;
}

hr {
	border: 1px solid #aaaaaa;
}



.indexcontentshape3 .container,
.showcontentshape .container {
	position: relative;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	transform: rotate(0deg);
}

.indexcontentshape2 .indexcontentcontact {
	position: relative;
	-webkit-transform: rotate(-4deg);
	-moz-transform: rotate(-4deg);
	-o-transform: rotate(-4deg);
	-ms-transform: rotate(-4deg);
	transform: rotate(-4deg);
}

.indexcontentshape2:before {
	content: "";
	position: absolute;
	bottom: 0;
	-webkit-transform: rotate(-4deg);
	-moz-transform: rotate(-4deg);
	-o-transform: rotate(-4deg);
	-ms-transform: rotate(-4deg);
	transform: rotate(-4deg);
	background: #ffffff;
	background: -moz-linear-gradient(top, rgba(212, 214, 166, 1), rgba(192, 210, 172, 1));
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(rgba(212, 214, 166, 1)), to(rgba(192, 210, 172, 1)));
	background: -o-linear-gradient(top, rgba(212, 214, 166, 1), rgba(192, 210, 172, 1));
	background: -ms-linear-gradient(top, rgba(212, 214, 166, 1), rgba(192, 210, 172, 1));
	left: -55%;
	right: -55%;
	top: -3%;
}

.indexcontentshape2 {
	position: relative;
	z-index: 200;
	width: 100%;
	top: -20px;
	padding-top: 70px;
	padding-bottom: 180px;
	margin-bottom: -130px;
	bottom: -130px;
}

.indexcontentshape2 .indexcontentcontact {
	text-align: center;
}

.indexcontentshape2 .indexcontentcontact .icon_lists {
	margin: auto;
}

.indexcontentshape3:before {
	content: "";
	position: absolute;
	bottom: -200px;
	-webkit-transform: rotate(4deg);
	-moz-transform: rotate(4deg);
	-o-transform: rotate(4deg);
	-ms-transform: rotate(4deg);
	transform: rotate(4deg);
	background: -moz-linear-gradient(top, rgba(243, 252, 232, 1), rgba(217, 243, 233, 1));
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(rgba(243, 252, 232, 1)), to(rgba(217, 243, 233, 1)));
	background: -o-linear-gradient(top, rgba(243, 252, 232, 1), rgba(217, 243, 233, 1));
	background: -ms-linear-gradient(top, rgba(243, 252, 232, 1), rgba(217, 243, 233, 1));
	left: -55%;
	right: -55%;
	top: -3%;
}

.indexcontentshape3 {
	position: relative;
	z-index: 50;
	width: 100%;
	top: -65px;
	padding-bottom: 70px;
	padding-top: 70px;
}

/*second page*/

.secondpagehape:before {
	content: "";
	position: absolute;
	bottom: 0;
	-webkit-transform: rotate(4deg);
	-moz-transform: rotate(4deg);
	-o-transform: rotate(4deg);
	-ms-transform: rotate(4deg);
	transform: rotate(4deg);

	background: #ffffff;
	background: -moz-linear-gradient(top, rgba(205, 226, 220, 1), rgba(169, 211, 197, 1));
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(rgba(205, 226, 220, 1)), to(rgba(169, 211, 197, 1)));
	background: -o-linear-gradient(top, rgba(205, 226, 220, 1), rgba(169, 211, 197, 1));
	background: -ms-linear-gradient(top, rgba(205, 226, 220, 1), rgba(169, 211, 197, 1));
	left: -55%;
	right: -55%;
	top: -3%;
}

.secondpagehape {
	position: relative;
	display: block;
	z-index: 200;
	width: 100%;
	top: -70px;
	padding-bottom: 300px;
	padding-top:50px;
}

.secondpagehape_Hitidentification:before {
	content: "";
	position: absolute;
	bottom: 0;
	-webkit-transform: rotate(4deg);
	-moz-transform: rotate(4deg);
	-o-transform: rotate(4deg);
	-ms-transform: rotate(4deg);
	transform: rotate(4deg);

	background: #ffffff;
	background: -moz-linear-gradient(top, rgba(205, 226, 220, 1), rgba(169, 211, 197, 1));
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(rgba(231, 224, 165, 1)), to(rgba(234, 171, 153, 1)));
	background: -o-linear-gradient(top, rgba(205, 226, 220, 1), rgba(169, 211, 197, 1));
	background: -ms-linear-gradient(top, rgba(205, 226, 220, 1), rgba(169, 211, 197, 1));
	left: -55%;
	right: -55%;
	top: -3%;
}

.secondpagehape_Hitidentification {
	position: relative;
	display: block;
	z-index: 50;
	min-height: 500px;
	width: 100%;
	top: -70px;
	padding-bottom: 90px;
}

.secondpagehape_Leadoptimization:before {
	content: "";
	position: absolute;
	bottom: 0;
	-webkit-transform: rotate(4deg);
	-moz-transform: rotate(4deg);
	-o-transform: rotate(4deg);
	-ms-transform: rotate(4deg);
	transform: rotate(4deg);
	background: #ffffff;
	background: -moz-linear-gradient(top, rgba(152, 200, 184, 1), rgba(169, 211, 197, 1));
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(rgba(152, 200, 184, 1)), to(rgba(234, 171, 153, 1)));
	background: -o-linear-gradient(top, rgba(152, 200, 184, 1), rgba(169, 211, 197, 1));
	background: -ms-linear-gradient(top, rgba(152, 200, 184, 1), rgba(169, 211, 197, 1));
	left: -55%;
	right: -55%;
	top: -3%;
}

.secondpagehape_Leadoptimization {
	position: relative;
	display: block;
	z-index: 50;
	min-height: 500px;
	width: 100%;
	top: -70px;
	padding-bottom: 90px;
}

.secondpagetit {
	top: 220px;
	position: relative;
	z-index: 60;
	padding-bottom: 70px;
}

.secondpagetit h1 {
	margin-bottom: 30px;
	font-weight: bold;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	font-family: 'FrutigerCE', sans-serif;
	width: 70%;
}

.secondpagetit p {
	text-align: center;
}

.secondpagetit p a {
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
	font-size: 18px;
	line-height: 36px;
	color: #000000;
	font-weight: bold;
}

.secondpagetit p a:hover {
	color: #ffffff;
	text-decoration: none;
}

.secondpagetit .choosebgcss {
	color: #ffffff;
	background-color: #d9534f;
	padding: 7px 13px 7px 13px;
	border-radius: 5px;
}

.secondpage {
	position: relative;
	padding-top: 0;
	padding-bottom: 120px;
	font-family: "Microsoft YaHei UI", sans-serif, serif, Arial;
}

.secondpage div[class*="col-md"] {
	margin-top: 40px;
	margin-bottom: 40px;
}

.secondpage .pageintroduce {
	font-size: 17px;
	text-align: justify;
}

.secondpage .pageintroduce .ullist {
	margin-bottom: 10px;
}

.secondpage .pageintroduce .ullist li {
	list-style: square;
	margin-left: 20px;
}

.secondpage .row {
	padding-bottom: 80px;
	padding-top: 80px;
}

.secondpage .row h1 {
	font-size: 60px;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
}

.secondpage .row h1 a {
	color: #333333;
}

.secondpage .row h1 a:hover {
	color: #000000;
	text-decoration: none;
	/*text-shadow:2px 2px 2px #666666;*/
}

.secondpage .row p {
	font-size: 18px;
	text-align: justify;
}

.secondpath {
	text-align: center;
	margin-bottom: 10px;
	font-size: 16px;
}

.secondpath a {
	color: #000000;
}

.secondpath a:hover {
	color: #ffffff;
	text-decoration: none;
}

.OnlineInqiry{
	font-size:16px;
	line-height:28px;
}
.OnlineInqiry strong {
	display: block;
	font-family: 'Seropro', sans-serif;
    margin-top:5px;
    margin-bottom:5px;
}

.OnlineInqiry .col-md-6 img{
	margin-top:5px;
	margin-bottom:5px;
}

.RelatedSections {
	padding-top: 15px;
	margin-top: 0;
	border-top: 1px solid #cccccc;
}

.RelatedSections a {
	color: #2e75b6;
	display: block;
	padding-left:5px;
	padding-right:5px;
	padding-top: 4px;
	padding-bottom: 4px;
	position: relative;
}
.RelatedSections a:hover{
 background-color: #2e75b6;	
 color:#fff !important;
}
.RelatedSections a::before{
	content:"•";
	width:15px !important;
	display: inline-block;
}

.RelatedSections strong {
	font-size: 20px;
	padding-bottom: 5px;
	display: block;
}

/*
.RelatedSections div[class*="col-md"] {
	padding-top: 2px;
	padding-bottom: 2px;
	 
}
*/

.successinfo {
	padding-left: 15px;
	line-height: 30px;
	color: #888888;
	padding-right: 20px;
	padding-bottom: 20px;
	font-size:16px;
}

.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;
}

.icon_lists {
	margin-top: 10px;
}

.icon_lists li {
	float: left;
	text-align: center;
	padding-left: 5px;
	padding-right: 5px;
}

.icon_lists i,.icon_lists span {
	font-size: 30px;
	margin: 10px 5px 10px 5px;
	color: #333;
	-webkit-transition: font-size 0.25s ease-out 0s;
	-moz-transition: font-size 0.25s ease-out 0s;
	-ms-transition: font-size 0.25s ease-out 0s;
	-o-transition: font-size 0.25s ease-out 0s;
	transition: font-size 0.25s ease-out 0s;
}
.icon_lists a{
	text-decoration: none;
}

.icon_lists i:hover,.icon_lists span:hover {
	/*  font-size: 42px;*/
	color: #ff6600;
	text-decoration: none;
}

/*search css begin*/
.search-box{
	background-color:rgba(0,0,0,0.6);
	position: fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	display: none;
	z-index: 100000;
}

.search-box .search {
	top: 96px;
	/*	height: 45px;
        line-height: 45px;
        left: 0;*/
	position: absolute;
	background-color: #ffffff;
	color: #000000;
	border-radius: 10px;
	box-shadow: 0 6px 6px 0 #444444;
	font-size:16px;
	text-align: center;


}
.search{
	padding:15px;
}

.searchsite{
	color:#fff !important;
	position: fixed;
}
.searchclose {
	position: absolute;
	z-index: 1001;
	color: #fff !important;

	width: 45px;
	line-height: 45px;
	text-align: center;
	font-weight: normal;
	cursor: pointer;
}

.searchclose:hover {
	/*	background-color: #f76c33;*/
	color: #f76c33 !important;
}
.search .radio-inline{

	top:0;
	padding-left:5px;
	padding-right:15px;


}
.search .radio-inline span{
	padding-left:0;
	padding-right:0;

}

.b-radio {
	display: inline-block;
	border: 1px solid #888;
	width: 16px;
	height: 16px;
	border-radius: 50%;
	vertical-align: middle;
	margin-right: 5px;
	margin-top: -5px;
	position: relative;
}

.b-radio:before {
	content: '';
	font-size: 0;
	width: 10px;
	height: 10px;
	background: rgb(140, 174, 162);
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -5px;
	margin-top: -5px;
	border-radius: 50%;
	display: none;
}

.a-radio {
	display: none;
}
.a-radio:checked ~ .b-radio:before {
	display: block;
}

.search input {
	width: 100%;
	height: 100%;
	/*padding: 0px 5px 0px 180px;*/
	font-weight:normal;
	color: #000000;
	outline: none;
	border: 1px solid #cccccc;
	padding:10px;
	margin-top:10px;
	margin-bottom:10px;
	border-radius: 5px;
}

.searchbitton {
	color: #ffffff;
	padding:10px 30px 10px 30px !important;
	text-align: center;
	cursor: pointer;
	background-color: #f76c33;
	font-weight: bold;
	display: inline-block;
	/*	display: flex !important;*/
	/*align-items: center;*/
	/*justify-content: center;*/
	margin:auto;
	width:100%;
	border-radius: 5px;
}

.searchbitton:hover {
	background-color: #d9534f;
}


@media only screen and (min-width:1024px) {
	.search-box .search {
		width: 40%;
		left:25%;
		padding:20px;
	}
	.searchclose {
		RIGHT: -45px;
		top:-20px;
	}
	.searchsite{
		top:40px;
		right:40px;
	}
}
@media only screen and (min-width:768px) and (max-width:1024px) {
	.search-box .search {
		width: 70%;
		left:15%;
		padding:20px;
	}
	.searchclose {
		RIGHT: -45px;
		top:-20px;
	}
	.searchsite{
		top:25px;
		right:70px;
	}
}
@media only screen and (min-width:480px) and (max-width:768px) {
	.search-box .search {
		width: 90%;
		left:5%;
		padding:10px;
	}
	.searchclose {
		right: 0;
		top:-45px;
	}
	.searchsite{
		top:25px;
		right:70px;
	}
}
@media only screen and (min-width:320px) and (max-width:480px) {
	.search-box .search {
		width: 90%;
		left:5%;
		padding:10px;
	}
	.searchclose {
		right: 0;
		top:-45px;
	}
	.searchsite{
		top:25px;
		right:70px;
	}
}
@media only screen and (max-width:320px) {
	.search-box .search {
		width: 90%;
		left:5%;
		padding:10px;
	}
	.searchclose {
		right: 0;
		top:-45px;
	}
	.searchsite{
		top:25px;
		right:70px;
	}
}
/*search css end*/

/*public css end------------------------
--------------------------------------------------
-------------------------------
-------------------------------------*/


#parallelogram .img,
#parallelogramRIGHT .img {
	display: block;
	-webkit-transform: skew(-30deg);
	-moz-transform: skew(-30deg);
	-o-transform: skew(-30deg);
	-ms-transform: skew(-30deg);
	transform: skew(-30deg);
}


#parallelogram .img .leftbannerbg {
	width: 100%;
	position: relative;
	margin-left: 15%;
	margin-right: -10%;
	display: block;
	-webkit-transform: skew(-30deg);
	-moz-transform: skew(-30deg);
	-o-transform: skew(-30deg);
	transform: skew(-30deg);
	background-image: url(../images/banner-1-1.jpg);
	min-height: 900px;
	background-position: center center;
	background-size: 200% 200%;
	animation: Moveleftbannr 5s linear 1s infinite alternate;
	-moz-animation: Moveleftbannr 5s linear 1s infinite alternate;
	-webkit-animation: Moveleftbannr 5s linear 1s infinite alternate;
	-o-animation: Moveleftbannr 5s linear 1s infinite alternate;
	-ms-animation: Moveleftbannr 5s linear 1s infinite alternate;
}

.showcontentshape:before {
	content: "";
	position: absolute;
	bottom: -200px;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	transform: rotate(0deg);
	background: -moz-linear-gradient(top, rgba(243, 252, 232, 1), rgba(217, 243, 233, 1));
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(rgba(243, 252, 232, 1)), to(rgba(217, 243, 233, 1)));
	background: -o-linear-gradient(top, rgba(243, 252, 232, 1), rgba(217, 243, 233, 1));
	background: -ms-linear-gradient(top, rgba(243, 252, 232, 1), rgba(217, 243, 233, 1));
	left: -55%;
	right: -55%;
	top: -3%;
}

.showcontentshape {
	position: relative;
	z-index: 50;
	width: 100%;
	top: -105px;
	padding-bottom: 120px;
	padding-top: 150px;
}

#parallelogramRIGHT .img .rightbannerbg {
	position: relative;
	margin-left: -20%;
	-webkit-transform: skew(-30deg);
	-moz-transform: skew(-30deg);
	-o-transform: skew(-30deg);
	transform: skew(-30deg);
	background-image: url(../images/baner1.JPG);
	min-height: 900px;
	background-position: center center;
	background-size: 100% 100%;
	animation: Moverightbannr 6s linear 1s infinite alternate;
	-moz-animation: Moverightbannr 6s linear 1s infinite alternate;
	-webkit-animation: Moverightbannr 5s linear 1s infinite alternate;
	-o-animation: Moverightbannr 6s linear 1s infinite alternate;
	-ms-animation: Moverightbannr 6s linear 1s infinite alternate;
}


/*#showMenu {
	position: absolute;
	display: none;
	right: 0;
	z-index: 120;
	background-color: rgba(255, 255, 255, 0.95);
	margin: 0px;
	padding: 1%;
	text-align: left;
	width: 100%;
	font-size: 14px;
	top: 0;
	font-family: Arial, Helvetica, sans-serif;
}*/




.indexcontentcontact .container {
	-webkit-transform: rotate(4deg);
	-moz-transform: rotate(4deg);
	-o-transform: rotate(4deg);
	-ms-transform: rotate(4deg);
	transform: rotate(4deg);
}


.imgshow {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	width: 240px;
	height: 240px;
	overflow: hidden;
	box-shadow: 35px -30px 0 rgba(0,0,0,0.1);
	margin: auto;
	padding-bottom: 20px;
}
.imgshow img {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
		position: relative;
	top:-35%;
	left:-35%;
	margin-bottom: 20px;
	-webkit-transition: .5s all ease;
	transition: .5s all ease;
}


.imgsiteRight {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	width: 240px;
	height: 240px;
	overflow: hidden;
	margin: auto;
	box-shadow: -35px 30px 0 rgba(0,0,0,0.1)
}

.imgsiteRight img {
		-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
	position: relative;
	margin-bottom: 20px;
	top: -35%;
	left: -35%;
	-webkit-transition: .5s all ease;
	transition: .5s all ease
}



.columimg img {
	max-width: 100%;
	box-shadow: 2px 2px 2px #cccccc;
	border: 2px solid #ffffff;
	margin: auto auto 15px auto;
}



.indexaboutUS {
	font-weight: 500; 
	/*font-family:"AvenirLTStd-Light", Arial, Helvetica, sans-serif;*/
	line-height: 1.5em; 
}

.indexaboutUS h1,.inquiry_tit {
	margin-bottom: 50px;
	margin-left: auto;
	margin-right: auto;
	font-family: 'Seropro', sans-serif;
	text-align: center;
	display: block;
}

.indexaboutUS h2 {
	font-family: "AvenirLTStd-Light", Arial, Helvetica, sans-serif;
}

.indexaboutUS p {
/*	font-size: 20px;*/
	font-weight: 700;
}

.indexcontactUS {
	line-height: 24px;
}

.indexcontactUS h1 {
	font-size: 72px;
	margin-bottom: 50px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	font-family: 'Seropro', sans-serif;
}

.indexcontactUS .row {
	font-size: 16px;
	font-family: "AvenirLTStd-Light", Arial, Helvetica, sans-serif;
	LINE-HEIGHT: 1.6EM;
}

.indexcontactUS strong {
	font-size: 21px;
	font-family: "Arial", Gadget, sans-serif;
	line-height: 40px;
}

.indexcontactUS a:hover {
	text-decoration: none;
}

.share {
	font-size: 24px;
}

.columbg {
	width: 100%;
	background-color: rgba(34, 34, 34, 1);
	/*position:fixed;top:0; z-index:10000;*/
}


/*.columcontent li a:hover{background-color: rgba(0,71,115,1);}*/

.Drugindex {
	padding: 0;
}

.Drugindex div[class*="col-md"] {
	margin: 0;
	padding: 0;
	position: relative;
	text-align: center;
}

.Drugindex div[class*="col-md"] img {
	position: relative;
	z-index: 10;
}

.Drugindex div[class*="col-md"] .drugindexbg {
	background: rgba(0, 0, 0, 0.7);
	position: absolute;
	z-index: 11;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	text-align:center;
}

.Drugindex div[class*="col-md"] a {
	color: #efefef;
}

.Drugindex div[class*="col-md"]:hover .drugindexbg {
	background: rgba(0, 0, 0, 0);
}

.Drugindex div[class*="col-md"] a:hover,
.Drugindex div[class*="col-md"]:hover .drugindexbg a {
	color: #ffffff;
	text-decoration: none;
}

.Drugindex div[class*="col-md"] .findmore {
	padding: 10px 30px 10px 30px;
	border-radius: 30px;
	border: 2px solid #ffffff;
	width: 100%;
}

.Drugindex div[class*="col-md"] .findmore:hover {
	background: #fff;
	color: #000;
}

.Drugindex div[class*="col-md"] .middlecontent {
	width: 80%;
	position: absolute;
	top: 40%;
	left: 10%;
	text-align: center;
	display: block;
}

.Drugindex div[class*="col-md"] .middlecontent h1 {
	margin-bottom: 40px;
}

.drugrightbg {
	background-image: url(../images/shutterstock_232913782.jpg);
	background-position: center center;
	background-size: cover;
}

.drugleftbg {
	background-image: url(../images/shutterstock_189666014.jpg);
	background-position: center center;
	background-size: cover;
}

.ServiceShowleftPic {
	float: left;
	margin-right: 15px;
	text-align: center;
	color: #666666;
}

.ServiceShowrightPic {
	float: right;
	margin-left: 15px;
	text-align: center;
	color: #666666;
}

.ServiceShowPic,
.ServiceShowrightPic,
.ServiceShowleftPic {
	font-size: 0.8em;
	text-align: center;
	line-height: 1.5em;
}

.ServiceShowPic img,
.ServiceShowrightPic img,
.ServiceShowleftPic img {
	display: block;
	max-width: 100%;
	height: auto;
}

.searchUnitTit {
	font-size: 18px;
	line-height: 24px;
	margin-bottom: 5px;
	display: block;
}

.hr2 {
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ffffff;
}

.form-group {
	display: table;
	width: 100%;
	text-align: left;
}

.searcNoinfo {
	padding-top: 20px;
	padding-bottom: 0;
}

.searcNoinfo .searcNoinfoTit {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: bold;
	display: table;
	width: 100%;
	border: 2px solid #a5d0c1;
	background-color: #dcece7;
	border-radius: 8px;
	color: #2c7c62;
	padding-top:15px;
	padding-bottom:15px;
}

.searcNoinfo .searcNoinfoCont {
	padding-top: 25px;
	padding-bottom: 25px;
	line-height: 23px;
}

.searcNoinfo .searcNoinfoCont strong {
	font-size: 24px;
	display: block;
	margin-bottom: 10px;
}

.searcNoinfo .searcNofenlei {
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	display: table;
	width: 100%;
}

.searcNoinfo .searcNofenlei .col-md-2 {
	padding-top: 0;
	margin-top: 0;
}

.searcNoinfo .searcNofenlei .col-md-2 img {
	margin: auto auto 15px auto;
	border-radius: 3px;
	max-width: 100%;
}

.searcNoinfo .searcNofenlei a {
	color: #000000;
}

.searcNoinfo .searcNofenlei .col-md-2:hover a {
	color: #2c7c62;
	text-decoration: none;
}

@media only screen and (min-width:1024px) {
	.bannercontent .h1 {
		font-size: 80px;
	}
	.siteright {
		float: right;
	}
/*	.search {
		position: absolute;
		z-index: 300;
		display: none;
	}*/
	.columbg,
	.columcontent {
		height: auto;
	}
	.columrightwidth {
		margin-top: 30px;
	}
	.navbar-brand img {
		width: 150px;
	}
	.secondpagetit h1 {
		font-size: 42px;
	}
	.indexaboutUS h1,.inquiry_tit {
		font-size: 42px;
	}
	.Drugindex div[class*="col-md"] .middlecontent h1 {
		font-size: 60px;
	}
	#showMenu li {
		float: left;
		border-right: 1px solid #cccccc;
		padding: 8px;
		width: 12%;
		padding-left: 1%;
		padding-right: 1%;
		text-align: center;
	}
	.columimg {
		width: 100%;
		display: block;
	}
	.columimg img {
		max-width: 100%;
		display: block;
		transition: all 1s;
	}
	.columimg img:hover {
		transform: scale(1.05); 
	}
	.siteright {
		float: right;
		margin-right: 100px;
	}
	.indexsearchbutton {
		position: absolute;
		right: 30px;
	}
	.topindexlogo {
		left: 35%;
		width: 30%;
	}
}

@media only screen and (max-width:1024px) {
	/*.search {
		display: block;
		position: relative;
		width: 100%;
		margin: auto auto 20px auto;
	}*/

	.columrightwidth {}
	.navbar-brand img {
		width: 100px;
		margin-top: -10px;
	}
	.secondpagetit h1 {
		font-size: 72px;
	}
	#showMenu li {
		border-bottom: 1px solid #cccccc;
		padding: 8px;
		width: 100%;
	}
	.spanmore {
		display: none;
	}
	.columimg {
		display: inline-block;
		width: 70px;
		float: left;
	}
	.columimg img {
		text-align: left;
		height: 50px;
	}
	.secondpagetit h1 {
		font-size: 55px;
	}
	.indexaboutUS h1,.inquiry_tit {
		font-size: 62px;
	}
}

@media only screen and (min-width:768px) and (max-width:1024px) {
	.bannercontent .h1 {
		font-size: 60px;
	}
	.secondpage .col-md-5 {
		padding-top: 30px;
		padding-bottom: 30px;
		height: 300px;
	}
	.imgsiteRight {
		padding-top: 30px;
		padding-bottom: 30px;
	}
	.Drugindex div[class*="col-md"] .middlecontent h1 {
		font-size: 50px;
	}
	.topindexlogo {
		left: 25%;
		width: 50%;
	}
}

@media only screen and (min-width:480px) and (max-width:768px) {
	.bannercontent .h1 {
		font-size: 40px;
	}
	.secondpage .col-md-5 {
		padding-top: 30px;
		padding-bottom: 30px;
		height: 300px;
	}
	.imgsiteRight {
		padding-top: 30px;
		padding-bottom: 30px;
	}
	.Drugindex div[class*="col-md"] .middlecontent h1 {
		font-size: 50px;
	}
	.ServiceShowleftPic,
	.ServiceShowrightPic {
		width: 100%;
		text-align: center;
	}
	.ServiceShowleftPic img,
	.ServiceShowrightPic img {
		margin-bottom: 15px;
	}
}

@media only screen and (min-width:320px) and (max-width:480px) {
	.bannercontent .h1 {
		font-size: 40px;
	}
	.secondpage .col-md-5 {
		padding-top: 30px;
		padding-bottom: 30px;
		height: 300px;
	}
	.imgsiteRight {
		padding-top: 30px;
		padding-bottom: 30px;
	}
	.Drugindex div[class*="col-md"] .middlecontent h1 {
		font-size: 46px;
	}

	.ServiceShowleftPic,
	.ServiceShowrightPic {
		width: 100%;
		text-align: center;
	}
	.ServiceShowleftPic img,
	.ServiceShowrightPic img {
		margin-bottom: 15px;
	}
}

@media only screen and (max-width:320px) {
	.bannercontent .h1 {
		font-size: 40px;
	}
	.secondpage .col-md-5 {
		padding-top: 30px;
		padding-bottom: 30px;
		height: 300px;
	}
	.imgsiteRight {
		padding-top: 30px;
		padding-bottom: 30px;
	}
	.Drugindex div[class*="col-md"] .middlecontent h1 {
		font-size: 46px;
	}
	.ServiceShowleftPic,
	.ServiceShowrightPic {
		width: 100%;
		text-align: center;
	}
	.ServiceShowleftPic img,
	.ServiceShowrightPic img {
		margin-bottom: 15px;
	}
}

.ServiceShowPic {
	font-size: 0.75em;
	text-align: center;
	line-height: 1.7em !important;
	color: #666666;
}

.ServiceShowPic img {
	margin: auto;
}

.ServiceShowleftPic {
	float: left;
	margin-right: 15px;
	text-align: center;
	color: #666666;
	display: inline-block;
}

.ServiceShowrightPic {
	float: right;
	margin-left: 15px;
	text-align: center;
	color: #666666;
	display: inline-block;
}

.ServiceShowPic,
.ServiceShowrightPic,
.ServiceShowleftPic {
	font-size: 0.75em;
	text-align: center;
	line-height: 1.7em !important;
}

.ServiceShowPic img,
.ServiceShowrightPic img,
.ServiceShowleftPic img {
	display: block;
	max-width: 100%;
	height: auto;
	margin-bottom: 8px;
	margin-left: auto;
	margin-right: auto;
}

.ullist {
	padding: 0 0 0 19px;
	margin: 0;
}

.ollist {
	padding: 0 0 0 19px;
	margin: 0;
}

.ullist li a,
.ollist li a {
	text-decoration: none;
}

.ullist li {
	list-style: disc
}

.ollist li {
	list-style-type: decimal
}

.ullist li>ul>li {
	list-style-type: circle
}

.ollist li>ul>li {
	list-style-type: lower-latin
}

ul li>ul,
ul li>ul li>ul {
	padding-bottom: 0!important
}

.fa-disc::before {
	content: "●";
	font-style: normal;
	font-weight: normal;
	padding-right: 5px;
}

.fa-triangle::before {
	content: "▶";
	font-style: normal;
	font-weight: normal;
	padding-right: 5px;
	font-size: 30%;
}

.fa-star::before {
	content: "★";
	font-style: normal;
	font-weight: normal;
	padding-right: 5px;
}

.triangle li {
	list-style-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMS4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCAxNy4zNjEgMTcuMzYxIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxNy4zNjEgMTcuMzYxIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwb2x5Z29uIGZpbGw9IiM1RjVGNUYiIHBvaW50cz0iMS45MjgsMTcuMzY1IDEuOTI4LDAuMSAxNS41ODQsOC43MzIgIi8+DQo8L3N2Zz4NCg==) !important;
}

.star li {
	list-style-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMS4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0i5Zu+5bGCXzIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgMTcuNCAxNy40IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAxNy40IDE3LjQ7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+DQoJLnN0MHtmaWxsOiM1RTVFNUU7fQ0KPC9zdHlsZT4NCjxnPg0KCTxnPg0KCQk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMTcuNCw2LjhsLTUuMiwzLjhsMS43LDYuM2wtNS4zLTMuN2wtNS4yLDMuN2wxLjktNi4yTDAsNi44aDYuNmwyLjEtNi4ybDIuMSw2LjJIMTcuNHoiLz4NCgk8L2c+DQo8L2c+DQo8L3N2Zz4NCg==)!important;
}

.disc li {
	list-style: disc !important;
}

.roman li {
	list-style: lower-roman !important;
}

.hollow-disc li {
	list-style-type: circle !important;
}

.decimal li {
	list-style: decimal !important;
}

.greek li {
	list-style: lower-greek !important;
}

.latin li {
	list-style: lower-latin !important;
}

.upper-latin li {
	list-style: upper-latin !important;
}


.cancer_tab_show {
	display: none;
	position: fixed;
	/*top:30%;*/
	left: 15px;
	width: calc(100% - 30px);;
	padding: 15px;
	background-color: rgba(177, 214, 202, 1);
	z-index: 100000;
	font-size: 14px;
}

.cancer_tab_show a {
	color: #000000;
	margin-right: 15px;
}


.form-horizontal .form-group{
	margin-right: 0;
	margin-left: 0;
}
.form-horizontal .form-group .col-sm-12{
	padding-right: 0;
	padding-left: 0;
}
.navbar-nav>li{
	padding-right: 15px;
}
.navbar-nav>li>a{
	display: inline-block;
	padding: 10px 2px 10px 15px;
}
.navbar-nav>li>b{
	color: #9d9d9d;
}
.navbar-header a.navbar-brand{
	height: auto;
	line-height: 1.3em;
}
.container-fluid .navbar-header .navbar-brand{
	margin-left: 0;
}
.dropdown-menu>li>a{
	white-space: unset;
}
@media screen and (min-width:768px) {
.navbar-nav>li:hover{
	background: #000;
}
.siteright li:hover .dropdown-menu {
	display: block;
}
.siteright li:hover a {
	background-color: #000000;
	color: #ffffff;
}
.navbar-nav>li:hover>b{
		color: #fff;
	}
}
@media screen and (max-width:1700px) {
	.bannerUnit>div div img {
		width: auto;
		height: auto;
	}
	.bannercontent img {
		max-width: 50%;
	}
}
@media screen and (max-width:1500px) {
	#showMenu li a{
		font-size: 16px;
	    line-height: 22px;
	    display: inline-block;
	}
	.secondpagetit h1{
		font-size: 35px;
	}
	.indexcontentshape h1{
		line-height: 40px;
	}
	.indexcontentshape h1 a{
		font-size: 35px;
	}
	.indexcontentshape:before{
		top: -2%;
	}
}
@media screen and (min-width:768px) and (max-width:1320px){
	.navbar .columrightwidth ul.nav{
		position: absolute;
	    top: 60px;
	    z-index: 99;
	    margin-right: 0;
	    left: 0;
	    /*display: block;*/
	    width: 100%;
	    text-align: center;
	    display: flex;
	    justify-content: center;
	    background: #222;
	    padding-bottom: 10px;
	}
	.indexsearchbutton{
		top: 15px;
	}
	.navbar-brand img {
	    width: 90px;
	}
	/*.search {
		top: 112px;
	}*/
}
@media screen and (min-width:768px) and (max-width:1024px){
	.navbar .columrightwidth ul.nav{
		background: #222;
	}
	/*.search{
		float: right;
		top: 10px;
		width: 70%;
	}*/
	.navbar-brand img {
	    width: 110px;
	}
}
@media screen and (min-width:768px) and (max-width:1000px){
	.navbar-nav>li:nth-last-child(2),.navbar-nav>li:nth-last-child(1){
		display: none;
	}
	.nav>li>a {
	    padding: 10px 3px;
	}
	/*.search{
		height: 40px;
		line-height: 40px;
	}*/
	
}

@media screen and (max-width:1000px) {
	
/*#indexsearchcont{
	left: 0;
    width: 100%;
}*/
.bannercontent{
	top: 40%;
	transform: translateY(-50%);
}
#showMenu .columTit {
    display: flex;
    align-items: center;
}
.indexintroduce{
	padding-top: 0;
	padding-bottom: 0;
}
.alignsite{
	margin-top: 30px;
	line-height: 33px;
}
}

@media screen and (max-width:768px) {
	/*.search{
		top: 0px;
	}*/
	.navbar-toggle{
		margin-top: 14px;
	}
	.navbar-nav>li>b {
	    float: right;
        margin-top: 18px;
        margin-right: 15px;
        border-top: 6px solid;
	    border-right: 6px solid transparent;
	    border-left: 6px solid transparent;
	}
	.navbar-collapse ul li .dropdown-menu{
		width: 100%;
		position: static;
		padding-bottom: 15px !important;
	}
	.navbar-nav>li{
		padding-right: 0;
	}
	.navbar-nav>li.open{
		background: #080808;
	}
	.navbar-nav>li.open>b{
		color: #fff;
	}

.Indexes {
    font-size: 1.1em;
}
.icon_lists i{
	font-size: 20px;
}
/*.search{
	height: 38px;
	line-height: 38px;
}*/

}
@media screen and (max-width:700px) {

.indexcontentshape2 {
    top: -30px;
    padding-top: 40px;
    padding-bottom: 50px;
    margin-bottom: -50px;
    bottom: -130px;
}
.indexcontentshape3{
	padding-bottom: 30px;
}
.bannercontent img {
    max-width: 68%;
}
.bannercontent{
    font-size: 14px;
}
.indexintroduce .headtit{
	line-height: 35px;
    font-size: 24px;
    margin-bottom: 15px;
    text-align: left;
}
.indexcontentshape:before{
	top: -1.5%;
}
.indexcontentshape{
	top: 0;
}
.bannerUnit,.bannerfontDIV,.bannerUnit>div{
	height: 500px;
}
.bannerUnit>div div img {
    min-height: 500px;
    height: 500px;
}
.indexcontentshape .row{
	padding-top: 10px;
}
.indexcontentshape h1 a {
    font-size: 28px;
    line-height: 32px;
    display: inherit;
}
.indexcontent div[class*="col-md"].col-md-7 {
    padding-top: 0;
    margin-top: 0;
}
.indexcontentshape3{
	padding-top: 10px;
}
.indexcontentshape3 .indexaboutUS h1,.inquiry_tit{
	font-size: 32px;
	margin-bottom: 30px;
}
.indexcontentshape3:before{
	    top: -1%;
}
}
@media screen and (max-width:500px) {
.logoandmenu .menu span#indexsearch{
	padding-left: 0;
	padding-right: 0;
	margin-right: 20px;
}
.logoandmenu .menu span#indexsearch .glyphicon-search{
	padding-left: 0;
	padding-right: 0;
}

}
@media screen and (max-width:350px) {
	.showcontentshape:before {
		left: 0;
		top: -20px;
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	.secondpagehape {
	    padding-bottom: 70px;
	}
}

/**/
.podcast{
	margin-top:30px;
	padding-top:30px;
	border-top:1px solid #efefef;
}
.podcast-img,.podcast-img img{
	position: relative;
}
.podcast-img i{
	 font-size:60px;
	 position: absolute;
	 top:40%;
	 left:35%;
	 color:#ffffff;
}
.podcast div[class*="col"] h3 a{
	font-size:18px;
	line-height:24px;
	color:#428bca;
}
.podcast div[class*="col"]:hover a{
	color:#ff0000;
	text-decoration: none;
}
.podcast div[class*="col"]:hover i{
	transform:rotate(90deg);
	color:#ff0000;
}

.introduction_area{
	background-color: #f2f2f2;
	border:1px solid #efefef;
	padding:20px;
	margin-top:30px;
	
}
.introduction_video{
	padding-bottom:30px;
	display: none;
}
.introductionlist,.introductionlist ul,.introductionlist li{
	margin:0;
	padding:0;
	list-style: none;
}
.introductionlist{
	background-color: #ffffff;
	border:1px solid #eeeeee;
/*	height:300px;*/
	overflow-y:auto;
}
.introductionlist ul li{
	border-bottom:1px solid #efefef;
	padding:15px;
	font-weight:bold;
	cursor: pointer;
	position: relative;
}
.introductionlist ul li .duration{
	 
	 right:15px;
	 top:15px;
	 font-size:14px;
	 font-weight:normal;
	 color:#cccccc;
}
@media (min-width: 769px){
	.introductionlist ul li .duration{
		position: absolute;
	} 
}
@media (max-width: 768px){
	.introductionlist ul li .duration{
		position: relative; 
		display: block;
		padding-left:15px;
	} 
}
.introductionlist ul li:hover,.introductionlist ul .choosebg{
	background-color: #f8f8f8;
	color:#c00000;
}
.introductionlist ul li i{
	display:none;
}
.introductionlist ul li:hover .voice span,.introductionlist ul .choosebg .voice span{
	background-color: #c00000;
}
.introductionlist ul .choosebg i{
	display:inline-block;
}
.videoarea{
	position: relative;
}

.videoarea h2{
	font-size:24px;
	line-height:30px;
	margin-bottom:30px;
}
.voice{
    position: relative;	
	margin-left:10px;
}
.voice span{
	position: absolute;
	bottom:0;
	display: inline-block;
	width:3px;
	height:12px;
	background-color:#cccccc;
	
}
.voice span:nth-child(1){
	left:0;
	animation: voice-1 0.7s ease infinite;
}
.voice span:nth-child(2){
	left:6px;
	animation: voice-1 1s ease infinite;
}
.voice span:nth-child(3){
	left:12px;
	animation: voice-1 0.7s ease infinite;
}
.voice span:nth-child(4){
	left:18px;
	animation: voice-1 1s ease infinite;
}
.voice span:nth-child(5){
	left:24px;
	animation: voice-1 0.7s ease infinite;
}
.voice span:nth-child(6){
	left:30px;
	animation: voice-1 1s ease infinite;
}

@keyframes voice-1
{
0% {
	transform:scale(1,0.1)
	}
100% {
	transform:scale(1,1)
	}
}


:root {
	--btn-color: #2c8f73;
	--btn-hover-color: #ffffff;
	--green-color:#00b965;
	--yellow-color:#ffd857;
	--blue-color:#13303e;
	--white-color:#ffffff;
	--margin:30px;
}
.btn {
	background: var(--btn-color);
    color: #fff;
    display: inline-block;
    border: 0 solid transparent;
    text-align: center;
    z-index: 0;
    overflow: hidden;
    position: relative;
	text-decoration: none;
	font-size: 16px;
	padding-bottom: 5px;
	cursor: pointer;
}
.btn::after{
	width: 0;
	height: 100%;
	top: 50%;
	left: 50%;
	opacity: 0;
	-webkit-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	border-radius: 0;
	content: '';
	position: absolute;
	z-index: -1;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s
}
.btn:hover::after{
	background: var(--btn-hover-color);
	width: 100%;
	opacity: 1;
}
.btn:hover{
	color: #000;;
	border-color:  var(--green-color);
	
}
.indexsearchbutton.btn{
	width: auto;
    height: auto;
    line-height: unset !important;
    border-radius: 4px !important;
    position: absolute;
}
.indexsearchbutton.btn:hover::after{
	background: #236852;
	border-radius: 0;
}
.indexsearchbutton.btn{
	background-color: #2c8f73;
}
.indexsearchbutton.btn:hover{
	background-color: #2c8f73;
	color: #fff;
}
#formID .btn{
	background:#337ab7;
}
#formID .btn:hover::after{
	background:#00b965;
}
#formID .btn:hover{
	color: #fff;
}
#topcontrol{z-index: 999;}
.scrolltopcontrol{width:54px; height:54px;line-height: 54px;text-align: center; background-color: var(--yellow-color); border-radius:50%; -webkit-box-shadow: 0 0 8px 0 var(--yellow-color);	box-shadow: 0 0 8px 0 var(--yellow-color); transition: .5s all ease;}
.scrolltopcontrol:hover{ background-color: var(--green-color); border-radius:50%; -webkit-box-shadow: 0 0 8px 0 var(--blue-color); box-shadow: 0 0 8px 0 var(--green-color);}
.scrolltopcontrol:before {
    content: "Top";
    font-family: 'FontAwesome'; 
    cursor: pointer;
    color: #fff; 
	display: block;
}
@media (max-width: 800px){
.scrolltopcontrol {
    width: 40px;
    height: 40px;
    line-height: 40px;
} 
}
.pronote{ background-color:#f5f5f5;font-size:0.9em;padding:10px !important; display:block;margin-bottom:20px;margin-top:20px;color:#666666;}
.pronote i{color:#ff0000;margin-right:5px;}

.bread-crumb {
	position: relative;
	font-size: 14px;
}
	.bread-crumb li {
		position: relative;
		display: inline-block;
		margin-right: 24px;
		line-height: 30px;
	}

		.bread-crumb li:last-child {
			margin-right: 0;
		}

		.bread-crumb li:after {
			content: '/';
			position: absolute;
			right: -20px;
			top: 2px;
			width: 10px;
			line-height: 26px;
			color: #666;
		}

		.bread-crumb li:last-child:after {
			display: none;
		}

		.bread-crumb li a {
			font-weight: 400;
			transition: all 0.3s ease;
			-moz-transition: all 0.3s ease;
			-webkit-transition: all 0.3s ease;
			/*-ms-transition: all 0.3s ease;*/
			-o-transition: all 0.3s ease;
			text-decoration: none;
		}

			.bread-crumb li a:hover {
				color: #8caea2;
			}

.Verification-code{ position:relative;}
.Verification-code .check-fa { position: absolute; top: 8px; 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;}



/*produc*/

.pdf-abox {
    display: inline-block;
    padding-right: 40px;
}

    .pdf-abox i {
        font-size: 20px;
        color: red;
        padding-right: 10px;
    }

.foldbox {
    margin-top: 40px;
    margin-bottom: 40px;
}

.related-protocols {
    background: #8caea2;
    height: 40px;
    line-height: 40px;
    padding: 0 20px;
    font-size: 1.1em;
    color: #fff;
    cursor: pointer;
}

    .related-protocols span {
        font-size: 20px;
    }

.nowopen {
    height: 40px;
    overflow: hidden;
}

.protocol-detail {
    border: 1px solid #ddd;
    padding: 20px;
}

.prodetail-rowbox .other-probox {
    text-align: right;
}

    .prodetail-rowbox .other-probox img {
        height: 164px;
    }

    .prodetail-rowbox .other-probox .other-pro-contbox {
        position: absolute;
        width: 90%;
        height: 80%;
        bottom: 10%;
        left: 5%;
        padding: 5px 20px;
        text-align: left;
        background-color: rgba(97, 124, 242, 0.85);
        color: #fff;
    }
.table-prodetail table th {
    padding: 0;
    background: none;
    border-bottom: 2px solid #8caea2;
}

    .table-prodetail table th span {
        display: inline-block;
        padding: 8px 12px;
		color:#ffffff;
        background: #8caea2;
    }


.pdf-abox {
    display: inline-block;
    padding-right: 40px;
}

    .pdf-abox i {
        font-size: 20px;
        color: red;
        padding-right: 10px;
    }

    
.addtobasket{padding: 8px 0px 8px 0px;display:inline-block;color: #000;border-radius: 3px; background-color: #f3e04e;font-size: 1.5em; text-align:center; width:50px; cursor:pointer }
.addtobasket:hover{
	color: #fff;
	 background-color: #1c3c6e;
}

.basket-sidecontainer .fa-shopping-cart{
	color:#fff;font-size:26px;
}
/*.icon-basket:before {content: "\f07a";padding: 5px;display: block;color: #fff;font-size: 1.5em;}*/
.basket-sidecontainer{position: fixed;top:30%;padding:10px;right:0; background-color:#34373a;line-height:18px;  z-index:100000;border-radius:5px;}
.basket-sidecontainer:hover .glyphicon{color:#ffffff;}
.basket-sidecontainer a{color:#f2f2f2;text-decoration:none;}
.basket-sidecontainer:hover a{color:#ffffff;}
.basket-sidecontainer:hover .side-content{ display: block; color:#8caea2;}
.basket-sidecontainer .side-content{z-index:99;position:absolute;top:0px;right:0;background-color:#34373a;display:none;color:#fff;padding:15px;width:360px;}
.basket-sidecontainer .side-content .h{font-size:18px;font-weight:bold;margin-bottom:10px;color:#ffffff;}
.basket-sidecontainer .side-content .sidebasket{font-size:12px;max-height:300px;overflow:hidden;overflow-x:auto;overflow-y:scroll;color:#ffffff;}
.basket-sidecontainer .side-content .sidebasket tr td{border-bottom:1px solid #ccc;padding:8px;color:#ffffff;line-height:18px;background-color:#34373a;}
.basket-sidecontainer .side-content .sidebasket tr:last-child td{border-bottom:0px;}
.basket-sidecontainer .side-content .sidebasket input {background: #fff;}
.basket-sidecontainer .basket-count{width:20px;height:20px;display:inline-block;background-color:#F00;color:#ffffff;z-index:12;position:absolute;top:-5px;right:0px; border-radius:15px; text-align:center;font-size:12px;line-height:20px;z-index:110;}

.cartbtn {display: inline-block; text-align: center;color: #fff;text-decoration: none;background-color: #8caea2;  border: 0px;  cursor: pointer; border-radius: 5px; outline: none; margin: 10px 0; padding: 10px 15px;}
/*.addtobasket:before {content: "\f07a";font-family: "FontAwesome";padding: 3px 0px;display: block;color: #fff;border-radius: 3px; background-color: #acd4c5;font-size: 1.5em; text-align:center; width:50px; cursor:pointer;margin-right:5px; }*/
.basket-sidecontainer .side-content .sidebasket tr td span{color: #acd4c5 !important;}
.sidebasket table, table tr, table tr td{border:0px}

.tablecontentshow{
	width:100%;
}

.tdaddtobasket {
	display: inline-block;
}
.ShoppingCar{}
.ShoppingCar .carTit{font-size:20px;font-weight:bold;}
.ShoppingCarList{ display:table; width:100%;font-size:14px;padding:5px;/* background-color:#fafafa;*/}
.ShoppingCarqiansebg{ background-color:#f2f2f2;font-weight:bold;}
.ShoppingCarList td{padding:8px;}
.ShoppingCarList tr:first-child td,.ShoppingCarList tr:last-child td{background-color:#E6E6E6;}
.ShoppingCarList tr td{border-bottom:1px solid #efefef; background-color:#FFF;}
.triangle{ border-top:15px solid #f2f2f2 ;border-left:15px solid transparent;border-right:15px solid transparent; display: inline-block; position:relative;left:45%;}
.ShoppingCarList a:hover{color:#ff0000;}
.ShoppingCarList .docare{color:#000000; cursor:pointer}
.ShoppingCarList .docare:hover{color:#ff0000;}
.ShoppingCarList .dellink{color:#000000; cursor:pointer}
.ShoppingCarList table tr:nth-of-type(2n+2) td {background-color: #FAFAFA}
.shoppoingNote { padding: 10px 10px 10px 30px;background-color: #fcf6ee;font-size: 16px;margin-top:20px;margin-bottom: 15px;border: 1px solid #f4dec0; font-weight: lighter; position: relative;}


.selectitems{position:absolute;z-index:99999;top:40px;width:100%;right:0 !important;background-color:#fff;border-left:1px solid #aaa;border-right:1px solid #aaa;border-bottom:1px solid #aaa;}
.selectitems ul{list-style:none;font-size:14px;padding:3px 0;margin:0px !important;}
.selectitems ul li{line-height:22px; padding:4px 12px 0 12px; cursor:pointer; text-align:left;}
.selectitems ul li:hover{color:#f60;}                 
.selectitems ul li.curr{color:#f60;background-color:#efefef;}
.search-item-li:hover {background: whitesmoke;}
.search-item-active {background: whitesmoke;color:#8caea2;}
.submit_search .selectitems{position:absolute;z-index:99999;top:42px;width:100%;}

.content-detail .submit{
	margin-top:10px;
	border:0px;
	background-color: #34373a;
	color:#fff;
	padding:5px 20px 5px 20px;
}
.content-detail .submit:hover{
	background-color: #8caea2;
}
button{border:0px;outline: none}
input:focus,button:focus{outline: none;}

.visible{visibility:visible}

.isdelete span:hover,.tablecontentshow .action:hover{color:#ff6600;}


table {
	border-collapse: collapse;
	margin: 1.25em 0 0;
	width: 100%;
	border-color: #eeeeee;
}

table tr,
table th,
table td {
	border-color: #eeeeee;
}

table th,
table td {
	padding: 8px 12px;
	text-align: left;
	line-height: 26px;
}

table th {
	background: #8caea2;
	color: #fff;
	font-size: 1.1em;
}

table tr td {
	/*background: #fff;*/
	color: #353a3d;
	/*font-size: 0.9em;*/
}

table tr td a {
	color: #8caea2;
	text-decoration: none;
}

table tr:nth-of-type(2n+2) td {
	background: #f4faf3;
}

table.bt tfoot th,
table.bt tfoot td,
table.bt tbody td {
	font-size: .875rem;
	padding: 0;
}

table.bt tfoot th:before,
table.bt tfoot td:before,
table.bt tbody td:before {
	padding: 10px;
}

table.bt tfoot th .bt-content,
table.bt tfoot td .bt-content,
table.bt tbody td .bt-content {
	display: inline-block;
	padding: 2px 5px;
}

table.bt tfoot th:first-of-type:before,
table.bt tfoot th:first-of-type .bt-content,
table.bt tfoot td:first-of-type:before,
table.bt tfoot td:first-of-type .bt-content,
table.bt tbody td:first-of-type:before,
table.bt tbody td:first-of-type .bt-content {
	padding-top: 10px;
}

table.bt tfoot th:last-of-type:before,
table.bt tfoot th:last-of-type .bt-content,
table.bt tfoot td:last-of-type:before,
table.bt tfoot td:last-of-type .bt-content,
table.bt tbody td:last-of-type:before,
table.bt tbody td:last-of-type .bt-content {
	padding-bottom: 10px;
}


table.bt thead,
table.bt tbody th {
	display: none;
}

table.bt tfoot th,
table.bt tfoot td,
table.bt tbody td {
	border: none;
	display: block;
	vertical-align: top;
}

table.bt tfoot th:before,
table.bt tfoot td:before,
table.bt tbody td:before {
	content: attr(data-th) ": ";
	font-weight: bold;
	width: 30%;
	display: inline-block;
}

table.bt tfoot th.bt-hide,
table.bt tfoot td.bt-hide,
table.bt tbody td.bt-hide {
	display: none;
}

table.bt tfoot th .bt-content,
table.bt tfoot td .bt-content,
table.bt tbody td .bt-content {
	vertical-align: top;
	width: 55%;
	display: inline-block;
	padding-top: 10px;
}

/*20210402*/
.hot_events{border-bottom:1px solid #cccccc; display: table;width:100%;margin-top:10px;margin-bottom:10px;}
.hot_events:nth-child(2){border-bottom:0px solid #cccccc !important;}
.hot_events div[class*="col"]{padding:15px;}
.hot_events h3{margin-top:10px;}


#cssmenu{/*float:right; */font-size:14px; margin-top: 0px;margin-right:40px;}
#cssmenu ul,
#cssmenu ul li,
#cssmenu ul li a,
#cssmenu #menu-button {
  margin: 0;
  padding: 0;
  border: 0;
  list-style: none;
  display: block;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  z-index:10000;
}

#cssmenu:after,#cssmenu > ul:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;}
#cssmenu #menu-button{display:none;}
#cssmenu{width:auto;}
#menu-line{position:absolute;top:0;left:0;}
#cssmenu > ul > li{float:left;}
#cssmenu > ul > li:hover{ background-color: #000;}
#cssmenu.align-center > ul{font-size:0;}
#cssmenu.align-center > ul > li{display:inline-block;float:none;}
#cssmenu.align-center ul ul{text-align:left;}
#cssmenu.align-right > ul > li{float:right;}
#cssmenu.align-right ul ul{text-align:right;}

#cssmenu > ul > li > a {
  padding: 20px 10px 20px 10px;
  text-decoration: none;
  color: #fff;
  -webkit-transition: color .2s ease;
  -moz-transition: color .2s ease;
  -ms-transition: color .2s ease;
  -o-transition: color .2s ease;
  transition: color .2s ease;
}

#cssmenu > ul > li.active > a {
  color: #fff; 
}
#cssmenu > ul > li:hover > a{
  color:#fff;}
#cssmenu > ul > li.has-sub > a {
  padding-right: 25px; 
}
#cssmenu > ul > li.has-sub > a::after {
  position: absolute;
  top: 28px;
  right: 12px;
  width: 6px;
  height: 6px;
  border-bottom: 2px solid #000000;
  border-right: 2px solid #000000;
  content: "";
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transition: border-color 0.2s ease;
  -moz-transition: border-color 0.2s ease;
  -ms-transition: border-color 0.2s ease;
  -o-transition: border-color 0.2s ease;
  transition: border-color 0.2s ease;
  border-color: #fff;
}
#cssmenu > ul > li.has-sub:hover > a::after{border-color:#fff;}
#cssmenu > ul > li.has-sub.active > a::after{border-color:#fff;}
#cssmenu ul ul{position:absolute;left:-9999px;}
#cssmenu li:hover > ul{left:auto;}
#cssmenu.align-right li:hover > ul{right:0;}
#cssmenu ul ul ul{margin-left:100%;top:0;}
#cssmenu.align-right ul ul ul{margin-left:0;margin-right:100%;}

#cssmenu ul ul li {
  height: 0;
  -webkit-transition: height .2s ease;
  -moz-transition: height .2s ease;
  -ms-transition: height .2s ease;
  -o-transition: height .2s ease;
  transition: height .2s ease;
}
#cssmenu ul li:hover > ul > li {
  height:auto;
  background:#f9f9f9;
}
#cssmenu ul ul li a {
  padding:10px;
  width:190px;
  line-height:22px;
  text-decoration: none;
  color: #444;
  font-size:14px;
  -webkit-transition: color .2s ease;
  -moz-transition: color .2s ease;
  -ms-transition: color .2s ease;
  -o-transition: color .2s ease;
  transition: color .2s ease;
	/*box-shadow: 0 5px 10px 0px rgba(0,0,0,0.2);
  	-moz-box-shadow: 0 5px 10px 0px rgba(0,0,0,0.2);
  	-webkit-box-shadow: 0 5px 10px 0px rgba(0,0,0,0.2);
  	-o-box-shadow: 0 5px 10px 0px rgba(0,0,0,0.2);
  	-ms-box-shadow: 0 5px 10px 0px rgba(0,0,0,0.2); */
}
.services_menu{overflow-y:auto; max-height:520px;}
#cssmenu ul ul li:hover > a,
#cssmenu ul ul li a:hover {
  color: #FFF;
  background: #000000;
}
#cssmenu ul ul li.has-sub > a::after {
  position: absolute;
  top: 20px;
  right: 10px;
  width: 6px;
  height: 6px;
  border-bottom: 2px solid #000;
  border-right: 2px solid #000;
  content: "";
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-transition: border-color 0.2s ease;
  -moz-transition: border-color 0.2s ease;
  -ms-transition: border-color 0.2s ease;
  -o-transition: border-color 0.2s ease;
  transition: border-color 0.2s ease;
  border-color: #444;
}

#cssmenu.align-right ul ul li.has-sub > a::after {
  right: auto;
  left: 10px;
  border-bottom: 0;
  border-right: 0;
  border-top: 1px solid #dddddd;
  border-left: 1px solid #dddddd;
}
#cssmenu ul ul li.has-sub:hover > a::after {
  border-color: #fff;
}
@media all and (max-width: 768px)/*, 
only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), 
only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), 
only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), 
only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), 
only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px)*/ {
#cssmenu{width:100%;background:#444;margin:60px 0 0 0;}
#cssmenu ul{width:100%;display:none;}
#cssmenu.align-center > ul,#cssmenu.align-right ul ul{text-align:left;}
#cssmenu ul li,#cssmenu ul ul li,#cssmenu ul li:hover > ul > li{width:100%;height:auto;/*border-top:1px solid rgba(120,120,120,0.15);*/}
#cssmenu ul li a,#cssmenu ul ul li a{width:100%;color:#FFF;}
#cssmenu > ul > li,#cssmenu.align-center > ul > li,#cssmenu.align-right > ul > li{float:none;display:block;}
#cssmenu ul ul li a{padding:10px 20px 10px 30px;/*font-size:16px;*/color:#fff; background:#444;}
#cssmenu ul ul li:hover > a,#cssmenu ul ul li a:hover{color:#fff; border:0;}
#cssmenu ul ul ul li a{padding-left:40px;}
#cssmenu ul ul ul ul li a{padding-left:60px;}
#cssmenu ul ul,#cssmenu ul ul ul{position:relative;left:0;right:auto;width:100%;margin:0;}
#cssmenu > ul > li.has-sub > a::after,#cssmenu ul ul li.has-sub > a::after{display:none;}
#menu-line{display:none;}

#cssmenu #menu-button {
    display: block;
    padding: 20px;
    color: #fff;
    cursor: pointer;
    font-size: 20px;
    /*text-transform: uppercase;*/
}
  #cssmenu #menu-button::after {
    content: '';
    position: absolute;
    top: 20px;
    right: 20px;
    display: block;
    width: 15px;
    height: 2px;
    background: #fff;
 }
  #cssmenu #menu-button::before {
    content: '';
    position: absolute;
    top: 26px;
    right: 20px;
    display: block;
    width: 15px;
    height: 8px;
    border-top: 2px solid #fff;
    border-bottom: 2px solid #fff;
  }
  #cssmenu .submenu-button {
    position: absolute;
    z-index:20000;
    right: 0;
    top: 0;
    display: block;
    border-left: 1px solid rgba(120, 120, 120, 0.15);
    height: 40px;
    width: 52px;
    cursor: pointer;
  }
  #cssmenu .submenu-button::after {
    content: '';
    position: absolute;
    top: 21px;
    left: 26px;
    display: block; 
    width: 1px;
    height: 11px;
    background: #fff;
    z-index: 99;
  }
  #cssmenu .submenu-button::before {
    content: '';
    position: absolute;
    left: 21px;
    top: 26px;
    display: block;
    width: 11px;
    height: 1px;
    background: #fff;
    z-index: 99;
  }
  #cssmenu .submenu-button.submenu-opened::after { 
    display: none;
  }
}
 
.auto-header{width:100%; margin:0 auto;z-index: 9999;position:fixed;background-color:rgba(0,0,0,0.4);}
.nav{width:100%; position: absolute; z-index: 9999; background-color: #444444;}
.logo{width:200px; float:left; border:0; margin: 5px 20px 0 10px; position: relative;z-index: 10000;}

#goodcover{display:none;position:absolute;top:0;left:0;width:100%;height:5000px;background-color:black;z-index:1001;-moz-opacity:0.8;opacity:0.70;filter:alpha(opacity=80);margin-top:-45px;overflow:hidden;}
#code{width:1000px;height:auto;overflow:hidden;padding:10px;position:absolute;display:none;left:45%;z-index:1002;text-align:center;}
.close1{width:100%;height:60px;}
#closebt{float:right;}
.close1 a{text-decoration: none;}
#closebt:before {
    content: "\f00d";
    font-family: 'FontAwesome';
    cursor: pointer;
    color: #fff; 
	display: block;
	text-align:center;
	font-size: 18px;
	border: 2px #fff solid;
	border-radius: 100%;
	width: 30px;
	height: 30px;
	line-height: 26px;
}
/*input*/
.searchtxt{width:100%; height:auto; overflow:hidden; margin:0 auto;}
.search-input{border:0;outline:none;font-size:16px;height:46px;padding-left:20px; min-width: 50%;}
.searchtxt select{height:46px; border:0; font-size:16px; color:#444; outline:none; padding:0 10px;}
.searchtxt .btnx{padding:15px 40px;clear:both;color:#fff;font-size:16px;text-decoration:none;background-color:var(--green-color);border:0;outline:none; cursor: pointer;}
.searchtxt .btnx:hover {color:#FFF; transition: background-color .3s; background:#f84949;}
.submit_search{margin-right:10px;}
.submit_search a,#Searchbutton a{
	text-decoration:none; float:right; margin:10px 0 0 0;  position:relative; cursor:pointer; background:var(--green-color); border-radius: 100%; line-height: 38px; height: 38px; width: 38px; text-align: center; z-index: 999;}
.submit_search a:before{/*content:"\f002";font-family:"FontAwesome";*/font-size:18px;color:#fff; text-align:center; }
/*.submit_search a{font-size:18px;color:#fff; text-align:center; }*/
.submit_search a i{color:#fff; }
/*menu 1*/
.fixed > .auto-header > #cssmenu > ul > li > a {color:var(--blue-color);}
.fixed > .auto-header > #cssmenu > ul > li a::after {border-color:var(--blue-color);}
.fixed > .auto-header > #cssmenu > ul > li.has-sub:hover > a::after{border-color:var(--blue-color);}
 
/*menu 2*/
.fixed > .auto-header >.menu > ul > li a {text-decoration: none; padding: 1em 1em 1em 1em; color:var(--blue-color); display:inline-block;}
.fixed > .auto-header >.menu > ul >.menu-dropdown-icon a:before {
    content: "" !important;

}
.fixed > .auto-header > .menu > ul > li > ul.normal-sub > li a {
    border: 0;
    padding: 0.5em 0; font-weight:normal;
	color:#444;
}
.fixed > .auto-header > .menu > ul > li > ul.normal-sub > li a:before{content:""}
.fixed > .auto-header >.menu > ul > li > ul > li {
    margin: 0;
    padding-bottom: 0;
    list-style: none;
	display:inline-block;
}

.fixed > .auto-header >.menu > ul > li > ul > li a {
    padding: .4em 0 .4em 0;
    width: 95%;
    border-bottom: 1px solid #ccc; 
	color: #3b5998;
	font-size:16px; 
}
.fixed > .auto-header > .menu > ul > li > ul.navi-menu-2 > li a:before{content:""}
.fixed > .auto-header >.menu > ul > li > ul > li a span{float:right; text-align:right;}

.fixed > .auto-header >.menu > ul > li > ul > li > ul {
    display: block;
    padding: 0;
    margin:0;
    list-style: none;
    box-sizing: border-box; font-weight:normal;
	
}

.fixed > .auto-header >.menu > ul > li > ul > li > ul > li {
    float: left;
    width: 100%;
    margin: 0;
    font-size: 14px; font-weight:normal;
}

.fixed > .auto-header >.menu > ul > li > ul > li > ul > li a {
    border: 0;
	color:#444;  width:auto;
}
.fixed > .auto-header >.menu > ul > li > ul > li > ul > li a:hover {
    border: 0;
	color:#195ea3;
}

@media (min-width: 1280px){
	#cssmenu{float:right;}
	.index_container{max-width:1200px; margin:0 auto 0 auto; height: auto; overflow: hidden;}
	.contact_container{max-width:1200px;margin:40px auto; padding:0; position:relative; height:auto; overflow:hidden;}
	.fixed{position: fixed; z-index: 999; display:inline-block;  width:100%; margin:0 auto; background-color:#fff;
		box-shadow: 0 1px 5px 0 rgba(0,0,0,0.2);
  	-moz-box-shadow: 0 1px 5px 0 rgba(0,0,0,0.2);
  	-webkit-box-shadow: 0 1px 5px 0 rgba(0,0,0,0.2);
  	-o-box-shadow: 0 1px 5px 0 rgba(0,0,0,0.2);
	}
	.on{display: block!important; border: 1px #d9d9d9 solid; position: absolute;  background: #fff; width: 100%!important; left: 98%; z-index: 99999; top: 0px;
box-shadow: 0 5px 5px 0 rgba(0,0,0,0.2);
  	-moz-box-shadow: 0 5px 5px 0 rgba(0,0,0,0.2);
  	-webkit-box-shadow: 0 5px 5px 0 rgba(0,0,0,0.2);
  	-o-box-shadow: 0 5px 5px 0 rgba(0,0,0,0.2);

}
}

@media (min-width: 1000px) and (max-width: 1280px){
	.index_container{max-width:90%; margin:0 auto 0 auto; height: auto; overflow: hidden;}
	.contact_container{max-width:90%;margin:40px auto; padding:0; position:relative; height:auto; overflow:hidden;}
	.fixed{position: fixed; z-index: 999; display:inline-block;  width:100%; margin:0 auto; background-color:#fff;}
	
	.on{display: block!important; border: 1px #d9d9d9 solid; position: absolute;  background: #fff; width: 100%!important; left: 98%; z-index: 99999; top: 0px;
box-shadow: 0 5px 5px 0 rgba(0,0,0,0.2);
  	-moz-box-shadow: 0 5px 5px 0 rgba(0,0,0,0.2);
  	-webkit-box-shadow: 0 5px 5px 0 rgba(0,0,0,0.2);
  	-o-box-shadow: 0 5px 5px 0 rgba(0,0,0,0.2);

}
	
}

@media (max-width: 1000px){
	.auto-header{max-width:100%; margin:0 auto;position: relative;}
	.index_container{max-width:95%; margin:0 auto 0 auto; height: auto; overflow: hidden;}
	.contact_container{max-width:90%;margin:40px auto; padding:0; position:relative; height:auto; overflow:hidden;}
	
	.on{display: block!important; border: 1px #d9d9d9 solid; position: absolute;  background: #fff; width: 100%!important; left: 0; z-index: 99999; top: 30px;
box-shadow: 0 5px 5px 0 rgba(0,0,0,0.2);
  	-moz-box-shadow: 0 5px 5px 0 rgba(0,0,0,0.2);
  	-webkit-box-shadow: 0 5px 5px 0 rgba(0,0,0,0.2);
  	-o-box-shadow: 0 5px 5px 0 rgba(0,0,0,0.2);
}

	.fixed{position: relative; z-index: 999; display:inline-block;  width:100%; margin:0 auto; background-color:#fff;}
	.fixed > .auto-header > #cssmenu > ul > li > a {color:var(--white-color);}
	.fixed > .auto-header >.menu > ul > li a {text-decoration: none; padding: 1em 1em 1em 1em; color:var(--white-color); display:inline-block;}
	.fixed > .auto-header >.menu > ul >.menu-dropdown-icon a:before{
		content: "\f0d7";
		font-family: "Font Awesome\ 5 Free";
		cursor: pointer;
		float: right;
		padding: 0 0 0 1em;
		color:var(--blue-color);
		display: block;
		font-size:14px;
	}
	.fixed > .auto-header > .menu > ul > li > ul.navi-menu-2 > li a:before{content:""}

	#code{width:100%;height:auto;overflow:hidden;padding:10px;position:absolute;display:none;left:0;z-index:1002;text-align:center;}
	.search-input{border:0;outline:none;font-size:16px;height:46px; margin-bottom: 20px; min-width: 90%;}
	.searchtxt select{height:46px; border:0; font-size:16px; color:#444; outline:none; padding:0 10px; width: 90%; margin-bottom: 20px;}
	.searchtxt .btnx{padding:15px 40px;clear:both;color:#fff;font-size:16px;text-decoration:none;background-color:var(--green-color);border:0px;outline:none; cursor: pointer; width: 90%;}
	.searchtxt .btnx:hover {color:#FFF; transition: background-color .3s; background:#f84949;}
	.sit_section{width: 90%; height: auto; overflow: hidden;  margin:-120px auto 0 auto; background: #fff; position: relative; 
	-webkit-transition: color .2s ease;
  	/*-moz-transition: color .2s ease;
  	-ms-transition: color .2s ease;
  	-o-transition: color .2s ease;*/
  	transition: color .2s ease;
	box-shadow: 0 5px 10px 0 rgba(0,0,0,0.2);
  	-moz-box-shadow: 0 5px 10px 0 rgba(0,0,0,0.2);
  	-webkit-box-shadow: 0 5px 10px 0 rgba(0,0,0,0.2);
  	-o-box-shadow: 0 5px 10px 0 rgba(0,0,0,0.2);
  	/*-ms-box-shadow: 0 5px 10px 0px rgba(0,0,0,0.2);*/
	}
	.sit_list{width: 100%; float: left; padding: 20px 0;}
	.sit_list_p{width: 100%; float: left; background:var(--green-color); padding:20px 0;}
	.row-4{ min-height:1px; width:100%;vertical-align:top;}
	.hvr-float{margin: 0 auto; text-align: center; display: block;}
	
	.auto-container{width:95%; margin:0 auto;}
	.inquiry_form li{position:relative; width:100%;display:inline-block;}
	
	
	.single-feature-item i:after {
	position: absolute;
	content: "";
	top: 5px;
	left: 40%;
	width: 70px;
	height: 70px;
	background:var(--yellow-color);
	border-radius: 50%;
	z-index: -1;
	opacity: .9;
	transition: .3s;
}


.feature-icon:hover i:after {
	width: 90px;
	height: 90px;
	opacity: .8;
	left: 42%;
	top: 5px;
}
}
.caret{ display: none !important; }

.job_list{border-bottom:1px solid #cccccc;padding-top:15px;padding-bottom:15px;}
.job_list b{margin-top:0;padding-top:0; display:block;margin-bottom:15px; }
.job_list b a{margin-bottom:10px;}
.job_list b 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{}
.job_show h2{margin-left:15px;margin-right:15px;margin-bottom:20px;}
.job_show .row{border-bottom:1px solid #efefef;padding-top:10px;padding-bottom:10px;margin-left:15px;margin-right:15px; display: table;width: 100%;}
.job_show .row div[class*="col-md"]{padding:0 8px 0 8px !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"]{font-size:14px;}
.job_show .row div[class*="col-md"] p{margin:0;padding:0;}
/*.job_show .form-group{margin-left:15px !important;margin-right:15px !important;}*/
.job_show .row ul{margin:0 !important;padding:0 !important;}
.job_show .row ul li{ list-style: disc !important; margin-left:18px !important;}


.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 0 0 0 !important; font-style: italic;}

.products_offer div[class*="col"]{margin-bottom:15px;}
.products_offer div[class*="col"] p{text-align:left;color:#ffffff;font-size:14px;line-height:20px;}
.products_offer div[class*="col"]{ position: relative;}
.products_offer div[class*="col"] .img_area{ position: relative;z-index: 10;height:100%;margin-bottom:10px;}
.products_offer div[class*="col"] .img_area img{/*margin-bottom:15px; */position: relative;}
.products_offer div[class*="col"] .pro_content_area{ z-index: 100;}
.products_offer div[class*="col"] .img_area:hover .pro_content_area{display: block;transition:display .3s;}
@media (min-width: 1280px){
	.products_offer div[class*="col"] .pro_content_area{ position: absolute;display: none;top:0;width:100%;height:100%; background-color:rgba(0,0,0,0.5);padding:15px;}
	.products_offer div[class*="col"] .pro_content_area a{font-weight:bold;}
/*	.products_offer div[class*="col"] .pro_content_area a:hover{color:#ff0000;font-weight:bold;}*/
}
@media (min-width: 1000px) and (max-width: 1280px){
	.products_offer div[class*="col"] .pro_content_area{ position: relative;display: block;}
	.products_offer div[class*="col"] p{min-height:270px;color:#000000;}
}
@media (max-width: 999px){
	.products_offer div[class*="col"] .pro_content_area{ position: relative;display: block;}
	.products_offer div[class*="col"] p{color:#000000;}
}
.grecaptcha-badge{pointer-events: auto !important; z-index:100000 !important;}
.container_inquiry{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}
@media (min-width:768px)
{.container_inquiry{width:750px}}
@media (min-width:992px)
{.container_inquiry{width:970px}}
@media (min-width:1200px)
{.container_inquiry{width:1170px}}


/*menu 2 css*/
.menu-mobile {
	display: none;
	padding: 0 40px 0 0;
	font-weight:bold;
	color:#FFF !important;
	text-decoration:none !important;
	text-align:center;
	height:60px;
	position: absolute;
	right:40px;

}
.navi-menu-4{display:none;}
.navi-menu-4 li{ list-style:circle;}
.menu{width: 100%; text-align:right;}
.menu-mobile:after {
    content: "\f0c9";
    font-family: "Font Awesome\ 5 Free";
    font-size: 3rem;
    padding: 10px 0 0 0;
    float: right;
    position: relative;
    top:20%;
	left:15px;
    -webkit-transform: translateY(-25%);
    -ms-transform: translateY(-25%);
    transform: translateY(-25%);
	color:#FFF;
}

.menu-dropdown-icon:before {
    content: "";
    cursor: pointer;
    float: right;
    color: #ffffff;
	display: block;
	font-size:14px;
	width:10px;
	height:10px;
	border-left:4px solid #fff;
	border-bottom:4px solid #fff;
	margin-top:17px;
	margin-right:20px;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
	
}

.navi-submenu:before {
	content: "";
	cursor: pointer;
	float: right;
	color: #ffffff;
	display: block;
	font-size:14px;
	width:10px;
	height:10px;
	border-left:4px solid #fff;
	border-bottom:4px solid #fff;
	margin-top:17px;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
    padding: .5em 3em 0 0;
}

.menu{
	height:60px;
}

.menu > ul {
    margin: 0 auto;
    list-style: none;
    padding: 0;
    position: relative;
    box-sizing: border-box;

}

.menu > ul > li:last-child{padding-right:10px;}
.menu > ul > li {
    padding: 0;
    margin: 0; display:inline-block; font-size:14px;text-align:left; margin-top:5px; 

}

.menu > ul > li > a{color:#ffffff !important;}
.menu > ul > li a {
    text-decoration: none;
    padding: 1em 0.8em 1em 0.8em;
    color:#000000;
	display:inline-block; position: relative;
}

/*.menu > ul > li:hover {
    background: #3b5998;
}*/
/*.menu > ul > li:hover > a {
    color: #3b5998;
}*/

.menu > ul > li > ul {
    display: none;
    width: 100%;
    background: #fff;
    padding:20px 30px;
    position: absolute;
    z-index: 9999;
    left: 0;
    margin: 0;
    list-style: none;
    box-sizing: border-box;
	-webkit-transition: color .2s ease;
  -moz-transition: color .2s ease;
  -ms-transition: color .2s ease;
  -o-transition: color .2s ease;
  transition: color .2s ease;
	box-shadow: 0 5px 10px 0 rgba(0,0,0,0.2);
  	-moz-box-shadow: 0 5px 10px 0 rgba(0,0,0,0.2);
  	-webkit-box-shadow: 0 5px 10px 0 rgba(0,0,0,0.2);
  	-o-box-shadow: 0 5px 10px 0 rgba(0,0,0,0.2);
  	-ms-box-shadow: 0 5px 10px 0 rgba(0,0,0,0.2);
	border-radius: 0 0 5px 5px;
	height:auto; overflow:hidden;
}

.menu > ul > li > ul > li {
    margin: 0;
    padding-bottom: 0;
    list-style: none;
    width: 31%;
	display:inline-block;
	margin-right:1% !important;
	margin-left:1% !important;
	float:left;
            }

.menu > ul > li > ul > li a {
    
    padding: .4em 0 .4em 0;
    width: 95%;
    border-bottom: 1px solid #ccc; 
	color: #3b5998;
	font-size:14px;
}

.menu > ul > li > ul > li a span{float:right; text-align:right;}

.menu > ul > li > ul > li > ul {
    display: block;
    padding: 0;
    margin:0;
    list-style: none;
    box-sizing: border-box; font-weight:normal;
	
}

.menu > ul > li > ul > li > ul > li {
    float: left;
    width: 100%;
    margin: 0;
    font-size: 12px; font-weight:normal;
}

.menu > ul > li > ul > li > ul > li a {
    border: 0;
	color:#444;  width:auto;
}
.menu > ul > li > ul > li > ul > li a:hover {
    border: 0;
	color:#195ea3;
}

.menu > ul > li > ul.normal-sub {
    width: 270px;
   left: auto;
   padding: 5px 0 5px 20px; font-size:14px;
	
}

.menu > ul > li > ul.normal-sub > li {
    width: 100%;
}

.menu > ul > li > ul.normal-sub > li a {
    border: 0;
    padding: 0.5em 0; font-weight:normal;
	color:#444;}
.menu > ul > li > ul.normal-sub > li a:hover{
	color:#3b5998;}

/* Mobile style's */

@media only screen and (max-width: 1024px) {
	.menu > ul > li:last-child{padding-right:0;}
	.menu{
		width: 100%;
		text-align:left;
		left: 0;
		position: relative;
		top: 0;
		background: #444444;

	}
    .menu-container {
        width: 100%; 
    }
    .menu-mobile {
		display: block;}
	
    .menu-dropdown-icon:before {
        display: block;
		padding: 0.5em 0.5em;
		color:#ffffff;

    }

    .menu > ul {
        display: none;
		padding:0;
		background-color:#585858;
		width:100%;
    }
    .menu > ul > li {

        width: 100%;
        float: none;
        display: block;
    }
    .menu > ul > li a {
        padding: 1em;
		color:#ffffff;
    }
    .menu > ul > li > ul {
        position: relative;
    }
    .menu > ul > li > ul.normal-sub {
        width: 100%;
    }
    .menu > ul > li > ul > li {
        float: none;
        width: 100%;
        margin-top: 10px;
    }
    .menu > ul > li > ul > li:first-child {
        margin: 0;
    }
    .menu > ul > li > ul > li > ul {
        position: relative;
    }
    .menu > ul > li > ul > li > ul > li {
        float: none;
    }
    .menu .show-on-mobile {
        display: block;
		height:500px;
		overflow-y: auto;
    }
}

.menu ul li:nth-child(2) > ul.navi-menu-2{
    height:660px;
	overflow-y: auto;
}
/*.menu ul li:nth-child(3) > ul.navi-menu-2{
    height:300px;
	overflow-y: auto;
}*/
.menu ul li > ul.navi-menu-2::-webkit-scrollbar
{
	width: 10px;
	height: 10px;
	background-color: #F5F5F5;
}
 
.menu ul li > ul.navi-menu-2::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3);
	border-radius: 10px;
	background-color: #F5F5F5;
}
 
.menu ul li > ul.navi-menu-2::-webkit-scrollbar-thumb
{
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 3px rgba(0,0,0,.3);
	background-color: #ccc;
}

.menu ul li:nth-child(2) ul.navi-menu-3{
    height:130px;
	overflow-y: auto;
}
.menu ul li > ul.navi-menu-3::-webkit-scrollbar
{
	width: 5px;
	height: 5px;
	background-color: #F5F5F5;
}
 
.menu ul li > ul.navi-menu-3::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3);
	border-radius: 5px;
	background-color: #F5F5F5;
}
 
.menu ul li > ul.navi-menu-3::-webkit-scrollbar-thumb
{
	border-radius: 5px;
	-webkit-box-shadow: inset 0 0 3px rgba(0,0,0,.3);
	background-color: #ccc;
}

.servicetheadbg td{background: #8caea2;color:#ffffff;border:1px solid #8caea2;}
.servicetheadbg h2{font-size:20px;padding:0px;margin:0px;}


/*======================*/
.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:90px;
	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;
}

}
/*====================*/

.g-recaptcha{ border-radius: 10px;padding:10px 20px 10px 20px;}

.inquiry_tit{
}
.contact_tit{
	display: block;
font-size:24px;margin-bottom:20px;
}
.filterby_tit{
	font-size:17px;
	display: block;
	margin-top:15px;
	margin-bottom:25px;
} 
.contact_page_tit{
	font-size: 45px;
    margin-bottom: 20px;
    font-weight: bold;
    width: 80%;
    font-family: 'Seropro', sans-serif;
}
.jobtit{
	font-weight:bold;
	font-size:20px;
	display: block;
	margin-bottom:20px;
}

.aptamer_adv{
	border:1px solid #ffd144;
	padding:10px;
	margin:10px 0px 10px 0px;
}
.page-box{
	position: relative;
	width:100%;
	margin-top:25px;
	margin-bottom:25px;
}
.page-box p{
	margin-top:15px;
}
.page-box2{
	border:1px solid #ccc;
	border-radius: 20px;
	padding:20px 20px 10px 20px;
	margin-top:-20px;
}
.page-box-tit{
	 text-align: center;
}
.page-box-tit span{
	border-radius: 50px;
	background-color: #3d99b3;
	color:#fff;
	display: inline-block;
	padding:10px 30px 10px 30px;
	margin:auto !important;
	line-height:24px;
}
.radius_line{
	border-radius: 10px;
	border:1px solid #3d99b3;
	padding:15px;
	margin-top:10px;
	margin-bottom:10px;
}
.ad_pic{position:fixed;width:150px;height:300px;top:55%;right:0;cursor:pointer;z-index:100000}
/*.ad_pic .small_img,.ad_pic .big_img{float:right}*/
.ad_pic .small_img{width:150px}
.ad_pic .big_img{display:none}
/*
.ad_pic:hover .big_img{display:block;width:290px}
.ad_pic:hover{width:350px}
.ad_pic:hover .small_img{display:none}
*/


/*basket*/

#order_quantity {
	text-align: center
}

	#order_quantity:focus {
		border: 1px solid #000
	}

	#order_quantity:focus {
		outline: 0
	}

.input-group .arrow {
	height: 31px;
	width: 31px;
	background-color: #8caea2;
	text-align: center;
	font-size: 12px;
	display: inline-block;
	z-index: 1;
	line-height: 31px;
	cursor: pointer;
	color:#fff;
}

.input-group input {
	height: 31px
}

.input-group .arrow.sitetop {
	position: absolute;
	top: 0;
	right: 0;
	border: 1px solid #a1a1a1
}

.input-group .arrow.sitebottom {
	position: absolute;
	top: 0;
	left: 0;
	border: 1px solid #a1a1a1
}

.input-group .arrow:hover {
	background-color: #203869;
	border: 1px solid #203869;
	color: #fff
}


.shopping-unit {
	display: table;
	padding: 0;
	margin: 0
}

	.shopping-unit:nth-child(2n+1) {
		background-color: #f2f2f2
	}

.headbg {
	background-color: #1e3664 !important;
	color: #fff !important;
	font-weight: bold
}

	.headbg li:nth-child(8) {
		color: #fff !important;
		cursor: none !important
	}

.shopping-unit li {
	float: left;
	padding: 10px
}

	.shopping-unit li:first-child {
		width: 7%
	}

	.shopping-unit li:nth-child(2) {
		width: 15%
	}

	.shopping-unit li:nth-child(3) {
		width: 26%
	}

	.shopping-unit li:nth-child(4) {
		width: 7%
	}

	.shopping-unit li:nth-child(5) {
		width: 10%
	}

	.shopping-unit li:nth-child(6) {
		width: 15%
	}

	.shopping-unit li:nth-child(7) {
		width: 10%
	}

	.shopping-unit li:nth-child(8) {
		width: 10%
	}

		.shopping-unit li:nth-child(8) i {
			font-weight: bold
		}

		.shopping-unit li:nth-child(8):hover {
			color: red
		}

	.shopping-unit li:nth-child(8) {
		color: #666;
		cursor: pointer
	}

.cash {
	display: table;
	width: 100%;
	margin-top: 20px
}

	.cash ul {
		padding: 0;
		margin: 0;
		display: table;
		width: 100%;
		height: 100px
	}

		.cash ul li {
			padding: 10px;
			background-color: #efefef;
			color: #666;
			position: relative;
			height: 100px;
			list-style: none;
		}

			.cash ul li select {
				margin-top: 5px;
				display: block
			}

			.cash ul li .fuhao {
				
			
				color: #ddd;
				font-size: 40px
			}
@media (min-width: 993px){
.cash ul li .fuhao {
	position: absolute;
		right: 15px;
				top: 35%;
	}
}
@media (max-width: 992px){
.cash ul li .fuhao {
	position: relative;
	top: 15%;

	}
	}

			.cash ul li:last-child {
				background-color: #f2e63b;
				color: #000
			}

			.cash ul li .num {
				font-size: 18px;
				display: block;
				font-family: Arial," sans-serif",Helvetica Neue,Helvetica;
				font-weight: bold;
				margin-top: 5px
			}

.shoppingTit {
	font-weight: bold;
	font-size: 28px;
	margin-bottom: 20px;
	margin-top: 20px
}

.smallshoppingTit {
	font-weight: bold;
	font-size: 16px;
	border-bottom: 1px solid #efefef;
	padding-bottom: 15px
}

	.smallshoppingTit i {
		color: #f2e63b;
		margin-right: 8px
	}

.Checkout-info-unit {
	display: table;
	width: 100%;
	padding-bottom: 30px
}

.radio-inline {
	margin-bottom: 15px
}

.Checkout-info-unit .info-title {
	vertical-align: middle
}

.checkout-btn {
	border-radius: 5px;
	margin-top: 5px;
	margin-bottom: 10px;
	color: #fff;
	background-color: #1e3664;
	border: 0;
	padding: 10px 20px 10px 20px;
	font-family: Arial," sans-serif",Helvetica Neue,Helvetica;
	font-weight: bold;
	font-size: 20px
}

	.checkout-btn:hover {
		background-color: #f2e63b;
		color: #000
	}

.checkout-btn-mod {
	color: #000;
	background-color: #f2e63b;
	border-radius: 5px;
	margin-top: 5px;
	margin-bottom: 10px;
	border: 0;
	padding: 10px 20px 10px 20px;
	font-family: Arial," sans-serif",Helvetica Neue,Helvetica;
	font-weight: bold;
	font-size: 20px
}

	.checkout-btn-mod:hover {
		background-color: #1e3664;
		color: #fff
	}

.price-total:before {
	content: '$'
}

#cartTable .input-group input {
	padding-left: 10px;
	height: 31px;
	width: 80px
}

.minus-icon, .plus-icon {
	cursor: pointer
}
.minus-icon:hover, .plus-icon:hover{
	background-color: #f3e04e;
	color:#000;
}

	.minus-icon:before {
		font-family: glyphicons;
		content: "\2212";
		color: #9c9b9b
	}

	.plus-icon:before {
		font-family: glyphicons;
		content: "\002b";
		color: #9c9b9b
	}

.table-cart .input-sm {
	min-width: 40px
}

.table-cart select {
	padding: 5px;
	border: 0;
	background: #FFF
}

@media only screen and (min-width: 1366px) {
	.shopping-unit {
		width: 100%
	}

	.cash ul li {
		width: 18%;
		float: left
	}

		.cash ul li:first-child {
			width: 28%;
			float: left
		}

	.Checkout-info-unit .info-title {
		padding-top: 11px
	}

	.Checkout-info-page div[class*="col"].info-input {
		padding-top: 11px
	}

	.Checkout-info-unit div[class*="col"] {
		padding-bottom: 10px
	}
}

.disease-models{
position: relative;	
text-align: left;
	display: flex;
	flex-wrap: wrap;
}
.disease-models span{
	display: inline-block;
	padding:8px 10px 8px 10px;
	position: relative;
	
/*		 background-color: #add5c8;*/
	border-radius: 5px;
	 color:#000;
	margin-right:10px;
	margin-bottom:10px;
	cursor: pointer;
	font-size:14px;
	border:1px solid #add5c8;
}

.disease-models span:hover{
	  background-color: #eadf00 !important;
  color: #000 !important;
}
.disease-models span:hover .disease-models-content{
	display: block;
}
@media (min-width:1280px) {
	.disease-models span{
		width:32%;
	}
}
@media (min-width:993px) and (max-width:1279px) {
	.disease-models span{
		width:48%;
	}
}

@media (max-width:992px) {
	.disease-models span{
		width:100%;
	}
}

.disease-models-content{
	position: absolute;
	display: none;
	top:100%;
	left:0;
	width:350px;
	background-color: #fff;
	padding:15px;
	z-index:100;
}
.disease-models-content a{
	display: block;
}
.disease-models-content ul li{
	list-style: none;
	padding-bottom:5px;
	padding-top:5px;
	border-bottom:1px solid #ccc;
	font-size:14px;
	text-align: left;
}
.ad_pic {
	position: fixed;
	width: 100%;
	height:100%;
	top: 0;
	left:0;
	cursor: pointer;
	z-index: 100000;
    display: flex;
    align-items: center;
    justify-content: center;
}
.ad_pic .small_img img,.ad_pic .ad_content img{max-width:100%;margin:auto;}
.ad_pic .ad_content{width:50%;margin:auto;position: relative;}
.ad_pic .ad_content .adclose{position: absolute;top:0px;right:0px;width:40px;height:40px; text-align: center;line-height:40px;font-size:20px; background-color:rgba(255,255,255,0.5); border-radius: 50px;}
.ad_pic_small{position: fixed;
	width: 150px;
	height:auto;
	top: 55%;
	right:0;
	cursor: pointer;
	z-index: 100000;
    align-items: center;
    justify-content: center;
}

.tooltip-box{position: relative;}
.tooltip-box .tooltip{
    display: none;
    position: absolute;
    bottom: 100%;
    left: 50%;
    transform: translateX(-50%);
    background-color: rgba(30, 30, 30, 1);
    color: #fff;
    padding: 5px 10px;
    border-radius: 4px;
    white-space: wrap;
    width: 100%;
    font-size: 14px;
    text-align: left;
    line-height:1.4em;
}
.tooltip-box .tooltip a{color:#f3e04e;}
.tooltip-box .tooltip a:hover{color:#f3e04e;text-decoration: underline;}
.tooltip-box:hover .tooltip {
    display: block;
    opacity: 1;
}
.tooltip::after {
    content: '';
    position: absolute;
    top: 100%;
    left: 50%;
    border-width: 8px;
    border-style: solid;
    border-color: rgba(30, 30, 30, 1) transparent transparent transparent;
    transform: translateX(-50%);
}