::-webkit-scrollbar {
	width: 10px;
}
::-webkit-scrollbar-track {
  background: #f0f0f0; 
}
::-webkit-scrollbar-thumb {
	background-image: linear-gradient(270deg, #0093E9 0%, #80D0C7 100%);
	transition:all 0.5s;
}
::-webkit-scrollbar-thumb:hover{
	background: #0099CC;
}
.index-slogan{
	color:#ffffff;
	font-size:16px; 
	letter-spacing:1px; 
	font-weight:700;
}
@media (min-width: 475px) {
	.index-slogan{
		font-size:20px; 
		letter-spacing:2px; 
	}
}
@media (min-width: 680px) {
	.index-slogan{
		font-size:26px; 
		letter-spacing:4px;			
	}
}
@media (min-width: 992px) {
	.index-slogan{
		font-size:26px; 
		letter-spacing:5px;			
	}
}
@media (min-width: 1200px) {
	.index-slogan{ 
		font-size:32px; 
		letter-spacing:6px; 	
	}
}
@media (min-width: 1500px) {
	.index-slogan{
		font-size:35px; 
		letter-spacing:6px;
	}
}

.section-slogan{
	padding:8px 0;
	background-image: linear-gradient(to right, #3ab5b0 0%, #3d99be 31%, #56317a 100%);
}

@media (min-width: 768px) {
	.section-slogan{
		padding:10px 0;
	}
}
@media (min-width: 992px) {
	.section-slogan{
		padding:10px 0;
	}
}
@media (min-width: 1200px) {
	.section-slogan{
		padding:15px 0;
	}
}

.intro-section{
	padding:0px 0;
}

@media (min-width: 768px) {
	.intro-section{
		padding:10px 0;
	}
}
@media (min-width: 992px) {
	.intro-section{
		padding:0px 0;
	}
}
@media (min-width: 1200px) {
	.intro-section{
		padding:15px 0;
	}
}
@media (min-width: 1500px) {
	.intro-section{
		padding:30px 0;
	}
}

.intro-heading{
	margin-bottom:0px;
}

.com-intro{
	line-height:20px;
	font-size:14px;
	margin:30px 5%;
	text-align:center;
}

@media (min-width: 475px) {
	.com-intro{
		line-height:20px;
		font-size:14px;
		margin:30px 5% 0 5%;
		text-align:center;
	}
}
@media (min-width: 768px) {
	.com-intro{
		line-height:28px;
		font-size:20px;
		margin:40px 5% 0 5%;
		text-align:center;
	}
}
@media (min-width: 992px) {
	.com-intro{
		line-height:30px;
		font-size:16px;
		margin:40px 3% 0 5%;
		text-align:left;
	}
}
@media (min-width: 1200px) {
	.com-intro{
		line-height:34px;
		font-size:18px;
		margin:40px 3% 0 5%;
		text-align:left;
	}
}
@media (min-width: 1500px) {
	.com-intro{
		line-height:40px;
		font-size:22px;
		margin:50px 5% 0 6%;
		text-align:left;
	}
}
#gotop{
	position:fixed;
	z-index:90;
	right:30px;
	bottom:30px;
	display:none;
	width:45px;
	height:45px;
	color:#fff;
	background-image: linear-gradient(120deg, #0093E9 0%, #80D0C7 100%);
	line-height:45px;
	border-radius:50%;
	transition:all 0.5s;
	text-align: center;
	box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
}
#gotop:hover{
	background:#0099CC;
}
.indexsec_service{
	background-image:linear-gradient(to top, #f0f0f0 80%, #e9fcf9 100%)
}
.indexsec_product{
	/* background-image:linear-gradient(to top, #f0f0f0 30%, #e9fcf9 100%); */
	background-image:linear-gradient(to top, #f0f0f0 80%, #eefafa 100%);
}
 .copyright{
	padding:0 0 10px 0; 
	text-align:center;
}

footer .center-box, .copyright{
	font-size:0.8em;
}

@media (min-width: 475px) {
	footer .center-box, .copyright{
		font-size:1em;
	}
}

@media (min-width: 992px) {
	footer .center-box, .copyright{
		font-size:16px;
	}
}

@media (min-width: 1200px) {
	footer .center-box, .copyright{
		font-size:1em;
	}
}

@media (min-width: 1500px) {
	footer .center-box, .copyright{
		font-size:1.2em;
	}
}

footer{
	border-top:3px solid; 
	border-image:linear-gradient(to right, #3ab5b0 0%, #3d99be 31%, #56317a 100%); 
	border-image-slice:1;
	background-image:url('../../upload/index/footerDot.png');
	background-color:#c8dcf0;
	background-position:center;
}
@media (min-width: 992px) {
	footer{
		background-image:url('../../upload/index/footer_bg.jpg');
	}
}
footer #gotop {
	display: block; opacity: 0.7;
}


.title_box{
	text-align:center; padding:10px 10px; width:95%; background-color:#ffffff; margin:20px auto 0 auto;
}
.title_box .heading{
	margin-bottom: 20px;
}
.section .title_box .title{
	margin:5px 0px; font-size:18px;
}
.title_box .heading-desc{
	font-size:13px;
}
.title_box .heading:before{
	bottom:-10px;
}

@media (min-width: 475px) {
	.title_box{
		padding:10px 20px; margin:-50px auto 0 auto;
	}
	.title_box .heading{
		margin-bottom: 20px; 
	}
	.section .title_box .title{
		font-size:20px;
	}
	.title_box .heading-desc{
		font-size:14px;
	}
	.title_box .heading:before{
		bottom:-10px;
	}
}
@media (min-width: 768px) {
	.title_box{
		width:85%; padding:10px 30px; margin:-80px auto 0 auto;
	}
	.title_box .heading{
		margin-bottom: 20px;
	}
	.section .title_box .title{
		font-size:22px;
	}
	.title_box .heading-desc{
		font-size:16px;
	}
	.title_box .heading:before{
		bottom:-10px;
	}
}
@media (min-width: 992px) {
	.title_box{
		width:80%; padding:15px 40px; margin:-100px auto 0 auto;
	}
	.title_box .heading{
		margin-bottom: 20px;
	}
	.section .title_box .title{
		font-size:26px;
	}
	.title_box .heading-desc{
		font-size:18px;
	}
	.title_box .heading:before{
		bottom:-10px;
	}
}
@media (min-width: 1200px) {
	.title_box{
		width:80%; padding:15px 40px; margin:-120px auto 0 auto;
	}
	.title_box .heading{
		margin-bottom:25px;
	}
	.section .title_box .title{
		font-size:30px;
	}
	.title_box .heading-desc{
		font-size:20px;
	}
	.title_box .heading:before{
		bottom:-15px;
	}
}
@media (min-width: 1500px) {
	.title_box{
		width:65%; padding:20px 50px; margin:-140px auto 0 auto;
	}
	.title_box .heading{
		margin-bottom: 35px;
	}
	 .section .title_box .title{
		font-size:34px;
	}
	.title_box .heading-desc{
		font-size:20px;
	}
	.title_box .heading:before{
		bottom:-20px;
	}
}
/*drug_detail*/
.left-nav{
	float:left;
	width:100%;
}
.right-main{
	float:right;
	width:100%;
}
@media (min-width: 768px) {
	.left-nav{
		margin-top:-30px;
	}
}
@media (min-width: 992px) {
	.left-nav{
		width:30%;
		margin-top:0px;
	}
	.right-main{
		width:70%
	}
}
/*drug_detail-right-main*/
.drug-category{
	font-size:14px; margin-bottom:5px;
	color:#2a318b;  font-weight:800;  text-align:center;
}
.drug_item{
	margin-bottom:20px;
	border:1px solid #2a318b; background-color:#ffffff;
}
.drug_item .drug_name{
	font-size:15px; padding:5px 20px;
	color:#ffffff; background-image:linear-gradient(to top, #0466ae 20%, #1d3c80 100%); 
}
.drug-desc {
	padding:0 20px;
}
.drug-desc .img-container{
	padding:0 10px;
}
.drug-desc .tag-container{
	padding:0 10px;
}
@media (min-width: 768px) {
	.drug-desc .img-container{
		width:35%;
	}
	.drug-desc .tag-container{
		width:65%;
	}
}
@media (min-width: 992px) {
	.drug-desc .img-container{
		width:33.33333%;
	}
	.drug-desc .tag-container{
		width:66.66666%;
	}
}
.drug-desc .img-container .img-box{
	padding:10px; margin:15px 0px 5px 0;
	border:2px solid #c8c8c8; 
}
.drug-desc .img-container .img-box .drug-img{
	max-height:130px; margin:0 auto; 
	display:block; width:auto; max-width:100%; 
}
.drug-desc .tag-container .tag{
	margin:0 0 0 0;
}
.drug-desc .tag-container .tag p{
	font-size:12px; line-height:20px; padding:0 10px; margin: 0 0 5px 0; 
	background-color:#e6e6e6; display:inline-block; 
}
.drug-desc .info{
	font-size:12px; line-height:14px;
}
.drug-desc .info-title{
	color:#2a318b; font-weight:600;
}
.drug-desc .info-link{
	margin: 10px auto 10px auto; padding:5px 10px;
	text-align: center; border:1px solid #113b85; width: 100%; color:#2a318b; display:block;
	position: relative; text-transform: uppercase; overflow: hidden; transition: 0.5s; z-index:0;
}
.drug-desc .info-link:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width:0;
  height: 100%;
  background: #113b85;
  transition: 0.5s;
  z-index:-1;
}
.drug-desc .info-link:hover {
  color: #ffffff;
}
.drug-desc .info-link:hover:before {
  width: 100%;
}
.drug-desc .info-link:active {
  background: #113b85;
}

@media (min-width: 475px) {
	.drug-category{
		font-size:16px; margin-bottom:3px;
	}
	.drug_item .drug_name{
		font-size:18px;
	}
	.drug_item .name_cn{
		letter-spacing:3px;
	}
	.drug-desc {
		padding:0 40px;
	}
	.drug-desc .img-container .img-box{
		padding:10px; margin:15px 0px 10px 0;
	}
	.drug-desc .img-box .drug-img{
		max-height:130px;
	}
	.drug-desc .tag-container .tag p{
		font-size:14px; line-height:25px; margin:0 0 8px 0;
	}
	.drug-desc .info{
		font-size:14px; line-height:18px;
	}
}
@media (min-width: 768px) {
	.drug-category{
		font-size:18px;
	}
	.drug_item{
		margin-bottom:20px;
	}
	.drug_item .drug_name{
		font-size:18px;
	}
	.drug-desc .img-container .img-box{
		padding:0px;
	}
	.drug-desc .img-container .img-box .drug-img{
		max-height:140px; margin:10px auto; padding:0 10px;
	}
	.drug-desc .tag-container .tag{
		margin:15px 0 0 0;
	}
	.drug-desc .tag-container .tag p{
		font-size:14px; margin:0 15px 8px 0; line-height:24px;
	}
	.drug-desc .info{
		font-size:14px; line-height:16px;
	}
}
@media (min-width: 992px) {
	.drug-category{
		font-size:22px; margin-bottom:5px;
	}
	.drug_item{
		margin-bottom:30px;
	}
	.drug_item .drug_name{
		font-size:20px; 
	}
	.drug-desc .img-container .img-box{
		padding:8px;
	}
	.drug-desc .img-container .img-box .drug-img{
		max-height:140px; margin:5px auto;
	}
	.drug-desc .tag-container .tag p{
		font-size:15px; line-height:25px;
	}
	.drug-desc .info{
		font-size:15px; line-height:18px;
	}
}
@media (min-width: 1200px) {
	.drug-category{
		font-size:24px;
	}
	.drug_item{
		margin-bottom:40px;
	}
	.drug_item .drug_name{
		font-size:20px; padding:8px 20px;
	}
	.drug_item .name_cn{
		letter-spacing:4px;
	}
	.drug-desc .img-container .img-box{
		padding:10px;
	}
	.drug-desc .img-container .img-box .drug-img{
		max-height:150px;
	}
	.drug-desc .tag-container .tag p{
		font-size:15px; line-height:24px; margin:0 50px 10px 0;
	}
	.drug-desc .info{
		font-size:15px; line-height:18px;
	}
}
@media (min-width: 1500px) {
	.drug-category{
		font-size:26px; margin-bottom:8px;
	}
	.drug_item .drug_name{
		font-size:26px; padding:8px 20px;
	}
	.drug-desc .img-container .img-box{
		padding:15px;
	}
	.drug-desc .img-container .img-box .drug-img{
		max-height:150px;
	}
	.drug-desc .tag-container .tag p{
		font-size:17px; margin:0 60px 12px 0; line-height:28px;
	}
	.drug-desc .info{
		font-size:17px; line-height:22px;
	}
	.drug-desc .info-link{
		margin: 15px auto; padding:5px 10px;
	}
}
.index_product_class{
	text-align:center;
	cursor:pointer;
	background-size: 65%;
}
.index_product_class .product_class{
	padding:0.5rem 0.5rem;
	transition:transform 0.5s, box-shadow 0.3s
}
.index_product_class .product_class:hover{
	box-shadow:6px 6px 10px -2px #999999;
	transform:translate3d(-5px, -5px, 0);
}
.index_product_class .product_class .class_link{
	padding:0.5rem 0.5rem;
	border:3px solid #ffffff;
}
.index_product_class .class_link h2{
	color:#ffffff;
	font-size:18px;
	margin:10px;
}
@media (min-width: 475px) {
	.index_product_class{
		background-size: 55%;
	}
	.index_product_class .product_class{
		padding:0.5rem 0.5rem;
	}
	.index_product_class .product_class .class_link{
		padding:0.5rem 0.5rem;
		border:2px solid #ffffff;
	}
	.index_product_class .class_link h2{
		font-size:18px;
		margin:10px;
	}
}
@media (min-width: 768px) {
	.index_product_class{
		background-size: 100%;
	}
	.index_product_class .product_class{
		padding:0.6rem 0.6rem;
	}
	.index_product_class .product_class .class_link{
		padding:0.6rem 0.6rem;
	}
	.index_product_class .class_link h2{
		font-size:18px;
	}
}
@media (min-width: 992px) {
	.index_product_class .product_class{
		padding:0.8rem 0.8rem;
	}
	.index_product_class .product_class .class_link{
		padding:0.8rem 0.8rem;
	}
	.index_product_class .class_link h2{
		font-size:22px;
	}
}
@media (min-width: 1200px) {
	.index_product_class .product_class{
		padding:1rem 1rem;
	}
	.index_product_class .product_class .class_link{
		padding:1rem 1rem;
	}
	.index_product_class .class_link h2{
		font-size:26px;
		margin:15px;
	}
}
@media (min-width: 1500px) {
	.index_product_class .product_class{
		padding:1rem 1.2rem;
	}
	.index_product_class .product_class .class_link{
		padding:1rem 1.2rem;
	}
}