/*-----------------------------------reset-------------------------------------*/
html, body {
    position: relative;
    height: 100%;
}
body,div,p,a,span,h1,h2,h3,h4,h5,h6,input,button{
    font: 1rem "Microsoft Yahei","宋体","黑体";padding: 0;margin: 0;
}
body{
	color: #777777;
}
ul{
    margin: 0;padding: 0;
}
li{
    list-style-type: none;
}
a{
	text-decoration: none;color: #333;
}
i, em, cite {
    font-style: normal;
}
.fl{
	float: left;
}
.fr{
	float: right;
}
.w{
	width: 100%;
	margin: 0 auto;
	position: relative;
}

/*伸缩盒子模型*/
.box{display: -webkit-box; /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */display: -moz-box; /* 老版本语法: Firefox (buggy) */display: -ms-flexbox; /* 混合版本语法: IE 10 */display: -webkit-flex; /* 新版本语法: Chrome 21+ */display: flex; /* 新版本语法: Opera 12.1, Firefox 22+ */-webkit-flex-wrap: nowrap;-ms-flex-wrap: nowrap;flex-wrap: nowrap;}
/*从左至右*/
.box-lr{-webkit-box-direction: normal;-webkit-box-orient: horizontal;-moz-flex-direction: row;-webkit-flex-direction: row;flex-direction: row;}
/*从右至左*/
.box-rl{-webkit-box-pack: end;-webkit-box-direction: reverse;-webkit-box-orient: horizontal;-moz-flex-direction: row-reverse;-webkit-flex-direction: row-reverse;flex-direction: row-reverse;}
/*从上至下*/
.box-tb{-webkit-box-direction: normal;-webkit-box-orient: vertical;-moz-flex-direction: column;-webkit-flex-direction: column;flex-direction: column;}
/*从下至上*/
.box-bt{-webkit-box-pack: end;-webkit-box-direction: reverse;-webkit-box-orient: vertical;-moz-flex-direction: column-reverse;-webkit-flex-direction: column-reverse;flex-direction: column-reverse;}
/*主轴居中*/
.box-pack-center{-webkit-box-pack: center;-moz-justify-content: center;-webkit-justify-content: center;justify-content: center;}
/*主轴居左*/
.box-pack-start{-webkit-box-pack: start;-moz-justify-content: flex-start;-webkit-justify-content: flex-start;justify-content: flex-start;}
/*主轴居右*/
.box-pack-end{-webkit-box-pack: end;-moz-justify-content: flex-end;-webkit-justify-content: flex-end;justify-content: flex-end;}
/*主轴左右不留白*/
.box-pack-between{-webkit-box-pack: justify;-moz-justify-content: space-between;-webkit-justify-content: space-between;justify-content: space-between;}
/*主轴左右留白*/
.box-pack-around{-moz-justify-content: space-around;-webkit-justify-content: space-around;justify-content: space-around;}
/*交叉轴居中对齐*/
.box-align-center{-webkit-box-align: center;-moz-align-items: center;-webkit-align-items: center;align-items: center;}
/*交叉轴居左对齐*/
.box-align-start{-webkit-box-align: start;-moz-align-items: start;-webkit-align-items: flex-start;align-items: flex-start;}
/*交叉轴居右对齐*/
.box-align-end{-webkit-box-align: end;-moz-align-items: end;-webkit-align-items: flex-end;align-items: flex-end;}
/**单个指定的子元素自定义对齐方式，可以不同于其他子元素对齐方式**/
/**指定子元素居中对齐**/
.self-align-center{align-self: center;-webkit-align-self: center;margin: 0 auto;}
/**指定子元素顶部对齐**/
.self-align-start{align-self: flex-start;-webkit-align-self: flex-start;}
/**指定子元素底部对齐**/
.self-align-end{align-self: flex-end;-webkit-align-self: flex-end;}
/**指定子元素拉伸**/
.self-align-stretch{align-self: stretch;-webkit-align-self: stretch;}
/**子元素换行**/
.box-wrap{-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;}
/**子元素不换行**/
.box-nowrap{-webkit-flex-wrap: nowrap;-ms-flex-wrap: nowrap;flex-wrap: nowrap;}
/*允许子元素伸展（1倍）*/
.flex{-moz-flex-grow: 1;-webkit-flex-grow: 1;flex-grow: 1;/*如果值是2 那么当前元素就是其他元素宽的2倍了*/}
/*允许子元素收缩(1倍)*/
.shrink{-moz-flex-shrink: 1;-webkit-flex-shrink: 1;flex-shrink: 1;}
/**水平居中*/
.box-center-center{display: -webkit-box;-webkit-box-align: center;-webkit-box-pack: center;display: -moz-box;-moz-box-align: center;-moz-box-pack: center;text-align: center;}


.blueLinear{
	background: -webkit-linear-gradient(to right,#0e97fd,#4ec8fe);
	background: -moz-linear-gradient(to right,#0e97fd,#4ec8fe);
	background: -ms-linear-gradient(to right,#0e97fd,#4ec8fe);
	background: -o-linear-gradient(to right,#0e97fd,#4ec8fe);
	background: linear-gradient(to right,#0e97fd,#4ec8fe);
}
.blueShadow{
	-webkit-box-shadow: 0 0 15px 0 rgba(68,192,254,.7);
	-moz-box-shadow: 0 0 15px 0 rgba(68,192,254,.7);
	box-shadow: 0 0 15px 0 rgba(68,192,254,.7);
}
.transition{
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-ms-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
}
@-webkit-keyframes s{
	from{box-shadow: 0 0 0 0 rgba(255,255,255,.7);background: rgba(255,255,255,.7);}
	to{box-shadow: 0 0 0 10rem rgba(255,255,255,0);background: rgba(255,255,255,0);}
}
@-ms-keyframes s{
	from{box-shadow: 0 0 0 0 rgba(255,255,255,.7);background: rgba(255,255,255,.7);}
	to{box-shadow: 0 0 0 10rem rgba(255,255,255,0);background: rgba(255,255,255,0);}
}
@-moz-keyframes s{
	from{box-shadow: 0 0 0 0 rgba(255,255,255,.7);background: rgba(255,255,255,.7);}
	to{box-shadow: 0 0 0 10rem rgba(255,255,255,0);background: rgba(255,255,255,0);}
}
@-o-keyframes s{
	from{box-shadow: 0 0 0 0 rgba(255,255,255,.7);background: rgba(255,255,255,.7);}
	to{box-shadow: 0 0 0 10rem rgba(255,255,255,0);background: rgba(255,255,255,0);}
}
@keyframes s{
	from{box-shadow: 0 0 0 0 rgba(255,255,255,.7);background: rgba(255,255,255,.7);}
	to{box-shadow: 0 0 0 10rem rgba(255,255,255,0);background: rgba(255,255,255,0);}
}
/*-----------------------------------首页html开始-------------------------------------*/
/*------------------------------侧边导航栏------------------------------*/
.shadow{
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.5);
	position: fixed;
	top: 0;
	left: 0;
	z-index: 99;
	display: none;
}
.nav{
	width: 0;
	height: 100%;
	overflow-x: hidden;
	overflow-y: scroll;
	color: white;
	text-align: center;
	white-space: nowrap;
	background: rgba(0,0,0,1);
	position: fixed;
	top: 0;
	left: 0;
	z-index: 999;
	transition: width 0.3s; 
}
.navWidth{
	width: 50%;
}
.nav h2{
	height: 5rem;
	line-height: 5rem;
	font-size: 1.7rem;
	border-bottom: 1px solid white;
}
.nav ul li{
	/*line-height: 3rem;*/
}
.nav ul li:first-child{
	margin-top: 1rem;
}
.nav ul li a{
	display: block;
	width: 100%;
	height: 100%;
	font-size: 1.3rem;
	line-height: 5rem;
	color: white;
	overflow: hidden;
}
/*-----------------------------------头部-------------------------------------*/
.header{
	height: 5rem;
	position: relative;
	z-index: 99;
	background: #ffffff;
	box-shadow: rgba(0, 0, 0, 0.07) 0px 2px 5px 0px;
}
.logo{
	height: 3.2rem;
	position: absolute;
	top: 50%;
	left: 1.3rem;
	margin-top: -1.6rem;
}
.logo a{
	display: block;
	height: 100%;
}
.logo img{
	display: block;
	height: 100%;
}
.menu{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 5rem;
	height: 100%;
	line-height: 5rem;
	text-align: center;
	position: absolute;
	top: 0;
	right: 0;
	/* background: antiquewhite; */
}
.menu img{
	display: block;
	width: 2rem;
}
/*-----------------------------------banner-------------------------------------*/
.swiper-pagination .swiper-pagination-bullet{
	width: 1rem;
	height: 1rem;
	background: rgba(255,255,255,.7);
	transition: width 0.5s;
}
.swiper-pagination .swiper-pagination-bullet-active{
	width: 2.5rem;
	border-radius: 50px;
	background: white;
}
.banner{
	position: relative;
}
.banner img{
	display: block;
	width: 100%;
}
.banner_desc{
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	top: 3rem;
	text-align: center;
	color: #ffffff;
}
.banner_desc div h2{
	font-size: 2.5rem;
	font-weight: bold;
	padding-bottom: 1rem;
}
.banner_desc div p{
	line-height: 2rem;
}
/*-----------------------------------近期热点-------------------------------------*/
.rd_new{
	overflow: hidden;padding: 2rem 1rem;box-sizing: border-box;background: #F8F8F8;
}
.rd_new a{width: 100%;overflow: hidden}
.rd_new .rd_new_left{width:30%}
.rd_new .rd_new_left h3{font-weight: bold;text-align: center;font-size:1.3rem}
.rd_new .rd_new_left p{font-size: 0.8rem;background-color: #36973d;color: #fff;padding: 0 4px;border-radius: 4px;text-align:center;padding:4px 0}
.rd_new .rd_new_right{padding-left: 1rem;width:70%}
.rd_new .rd_new_right h3{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;padding-bottom: 6px;}
.rd_new .rd_new_right p{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;font-size: 0.8rem}

/*-----------------------------------公司概况-------------------------------------*/
.company{
	padding: 3rem 2rem 2rem 2rem;background-color: #fff;
}
.company_head {
	display: flex;
	justify-content: center;
}
.company_head_con{
	display: flex;
	align-items: flex-end;
}
.company_head_con span{
	font-size: 4rem;
	line-height: 4rem;
	margin-right: 0.5rem;
	color: #36973d;
}
.company_head_con div{
	color: #000000;
}
.company_head_con div p{
	font-size: 2.1rem;
}
.company_desc{
	padding: 3.5rem 0;
}
.company_desc img{
	width: 100%;
}
.company_desc p{
	text-align: center;
	line-height: 3rem;
}
.company_more{
	text-align: center;
	padding-bottom: 1rem;
}
.company_more a{
	display: inline-block;
	padding: 0.5rem 1.5rem;
	border: 0.1rem solid #999999;
	color: #999999;
	border-radius: 4rem;
}
.company_item{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.company_item div{
	width: 40%;
	padding: 3rem 0 2rem 0;
	box-sizing: border-box;
	text-align: center;
}
.company_item div h1 img{
	width: 60%;
	display: block;
	margin: 0 auto;
}
.company_item div h4{
	font-size: 1.3rem;
	color: #000000;
	padding: 2rem 0 1rem 0;
}
.company_item div p{
	color: #666666;
}

/*-----------------------------------技术实力-------------------------------------*/
.shili{
	padding: 5rem 1rem;background: #f8f8f8;
}
.shili_ul{
	padding-top: 3rem;
}
.shili_ul li{
	width: 48%;background-color: #fff;margin-bottom: 30px;
}
.shili_ul li img{
	width: 100%;
}
.shili_ul li h3{
	text-align: center;padding-top: 1rem;color: #000;
}
.shili_ul li .shili_desc{
	text-align: center;font-size: 0.8rem;padding: 0.5rem 0 2rem;line-height: 2rem;
}

/*-----------------------------------我们的优势-------------------------------------*/
.bg_img{
	position: fixed;
	width: 100%;
	height: 100%;
	background: url(../images/bg.jpg) center center no-repeat;
	background-size: auto 100%;z-index: -1;
}
.advantage{
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	background: rgba(0,0,0,0.5);
	padding: 4rem 0;
	box-sizing: border-box;
	position: relative;
}
.advantage div{
	width: 50%;
	text-align: center;
	color: white;
	text-shadow: 0px 0px 15px rgba(0,172,254,1);
	margin-bottom: 3rem;
}
.advantage div:last-of-type{
	margin-bottom: 0;
}
.advItem_p1 i{
	font-size: 3rem;
}
.advItem_p2{
	font-size: 3rem;
	padding: 1rem 0;
}
.advItem_p3{
	font-size: 1.3rem;
}


/*-----------------------------------大药房-------------------------------------*/
.temp_classify{
	display: flex;align-items: center;padding: 20px 0;
}
.temp_classify ul{
	display: flex;flex-wrap: wrap;
}
.pharmacy .temp_classify ul{
	justify-content: center;width: 100%;
}
.temp_classify ul .active a, .temp_classify ul .active{
    background-color: #36973d;color: #fff;border-radius: 5rem;padding: 0;
}
 .temp_classify ul .active{
     padding: 6px 10px;
 }
.pharmacy .temp_classify ul li{
	margin-bottom: 15px;
}
.pharmacy .temp_classify span,.pharmacy .temp_classify ul li:first-child{
	display: none;
}
.temp_classify ul a{
	display: block;padding: 6px 10px;
}
.pharmacy{
	padding: 5rem 1rem;
	background: #f8f8f8;
}
.pharmacy_title{
	display: flex;
	justify-content: center;
	padding: 4rem 0;
}
.pharmacy_title li{
	width: 5.7rem;
	padding: 0.5rem 0;
	border: 0.1rem solid #D2D2D2;
	box-sizing: border-box;
	border-radius: 4rem;
	margin-right: 1rem;
	text-align: center;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.pharmacy_title li:last-of-type{
	margin-right: 0;
}
.pharmacy_title .phar_t_active,.HCS_title .phar_t_active{
	background: #36973d;
	color: #ffffff;
	border: 1px solid #36973d;
}
.pharmacy_item01 {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	/* padding: 20px 10px;
	box-sizing: border-box; */
}
.pharmacy_item01 li{
	width: 47%;
	/* height: 350px; */
	text-align: center;
	background: #ffffff;
	overflow: hidden;
	border-radius: 1rem;
	/* padding-bottom: 1rem; */
	margin-bottom: 2rem;
}
.pharmacy_item01 li a{
	display: block;
	padding-bottom: 2rem;
}
.pharmacy_item01 li h4{
	padding: 0.5rem 0;
	font-size: 1.1rem;
}
.phar_item_img img{
	display: block;
	max-width: 90%;
	height: 10rem;
	margin: 0 auto;
}
.phar_more{
	padding-top: 4rem;
	padding-bottom: 0;
}
/*-----------------------------------健康小常识-------------------------------------*/
.HCS{
	padding: 5rem 0 3rem 0;background-color: #fff;
}
.HCS_title{
	display: flex;
	justify-content: center;
	padding: 4rem 0;
}
.HCS_title li{
	width: 5.7rem;
	text-align: center;
	padding: 0.5rem 0;
	border: 0.1rem solid #D2D2D2;
	box-sizing: border-box;
	border-radius: 4rem;
	margin-right: 1rem;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.HCS_title li:last-of-type{
	margin-right: 0;
}
.HCS_items {
	/* padding: 0 1rem; */
	margin: 0 1rem;
}
.HCS_itemsT{
	position: relative;
	border-radius: 0.5rem;
	overflow: hidden;
}
.HCS_itemsT a{
	display: block;
}
.HCS_itemsT img{
	display: block;
	width: 100%;
}
.HCS_itemsT p{
	width: 100%;
	padding: 1rem 2rem;
	box-sizing: border-box;
	color: #ffffff;
	position: absolute;
	bottom: 0;
	left: 0;
	background: aliceblue;
	background: -webkit-linear-gradient(to top,rgba(0,0,0,0.5),rgba(0,0,0,0));
	background: -moz-linear-gradient(to top,rgba(0,0,0,0.5),rgba(0,0,0,0));
	background: -ms-linear-gradient(to top,rgba(0,0,0,0.5),rgba(0,0,0,0));
	background: -o-linear-gradient(to top,rgba(0,0,0,0.5),rgba(0,0,0,0));
	background: linear-gradient(to top,rgba(0,0,0,0.5),rgba(0,0,0,0));
}
.HCS_itemsB{
	padding-top: 3rem;
}
.HCS_itemsB ul li span{
	margin-right: 1rem;
}
.HCS_itemsB ul li a{
	display: block;
	line-height: 2.5rem;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
/*-----------------------------------健康小常识-------------------------------------*/
.footer{
	padding: 2rem 1.5rem;
	background: #F8F8F8;
}
.footer p{
	text-align: center;
	line-height: 1.5rem;
}
/*-----------------------------------首页html结束-------------------------------------*/



/*-----------------------------------关于我们html开始-------------------------------------*/
/*-----------------------------------banner-------------------------------------*/
.about_banner{
	height: 24.5rem;
	background: url(../images/about_banner.png) center center no-repeat;
	background-size: 100% 100%;
}
.about_ms{
	height: 100%;
	display: flex;
	align-items: center;
}
.about_desc{
	color: #ffffff;
	padding: 0 2rem;
	margin-top: -1rem;
}
.about_desc h2{
	font-size: 2.3rem;
	font-weight: bold;
}
.about_desc p{
	padding: 2rem 0;
	font-size: 0.9rem;
	line-height: 2rem;
}
.about_desc a{
	display: inline-block;
	color: white;
	border: 1px solid white;
	box-sizing: border-box;
	padding: 0.5rem 1.5rem;
	border-radius: 5rem;
	position: relative;
	overflow: hidden;
}
.about_desc a span{
	display: block;
	width: 10px;
	height: 10px;
	border-radius: 10px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -5px 0 0 -5px;
	animation: s 1.5s linear infinite;
}
.quality_goods{
	padding: 5rem 2rem;
	color: #333333;
}
.quality_goods h4{
	font-size: 1.5rem;
}
.quality_goods h1{
	font-size: 2.3rem;
	font-weight: bold;
	padding: 2rem 0;
}
.quality_goods p{
	font-size: 0.9rem;
	line-height: 2rem;
}
.quality_goods div{
	padding-top: 3rem;
}
.quality_goods div img{
	display: block;
	max-width: 100%;
	margin: 0 auto;
}
/*-----------------------------------关于我们html结束-------------------------------------*/



/*-----------------------------------联系我们html开始-------------------------------------*/
/*-----------------------------------banner-------------------------------------*/
.link_banner{
	height: 20.2rem;
	background: url(../images/contact_banner.jpg) center center no-repeat;
	background-size: 100% 100%;
}
.link_desc{
	padding: 3rem 1rem;
	color: #ffffff;
	max-width: 21rem;
}
.link_desc h1{
	font-size: 2.3rem;
	font-weight: bold;
	padding-bottom: 2rem;
}
.link_desc p{
	font-size: 0.9rem;
	line-height: 2rem;
}
/*-----------------------------------服务热线-------------------------------------*/
.link{
	padding: 5rem 1rem;
}
.link_intro{
	padding-bottom: 3.5rem;
}
.link_intro h5{
	font-size: 1.5rem;
	color: #333333;
	padding-bottom: 3.5rem;
}
.link_intro p{
	line-height: 1.5rem;
	color: #999999;
}
.link_form div{
	position: relative;
	padding-bottom: 1.5rem;
}
.link_form div:last-of-type{
	padding-bottom: 0;
}
.link_form input,.link_form textarea{
	width: 27rem;
	outline: none;
	padding: 0.5rem;
	box-sizing: border-box;
	border: 1px solid #DCDCDC;
	margin-left: 1rem;
	font-size: 0.8rem;
}
.link_form textarea{
	height: 10rem;
	vertical-align: top;
}
.link_form span{
	display: inline-block;
	margin-top: 0.5rem;
}
.link_form .submit{
	width: 16rem;
	display: block;
	margin: 2rem auto 0rem auto;
	background: #36973d;
	color: #ffffff;
	border: none;
}
/*-----------------------------------百度地图API-------------------------------------*/
.map{
	height: 23rem;
}
.iw_poi_title {color:#CC5522;font-size:14px;font-weight:bold;overflow:hidden;padding-right:13px;white-space:nowrap}
.iw_poi_content {font:12px arial,sans-serif;overflow:visible;padding-top:4px;white-space:-moz-pre-wrap;word-wrap:break-word}
/*-----------------------------------联系我们html结束-------------------------------------*/



/*-----------------------------------健康资讯html结束-------------------------------------*/
.news_hf{
	padding: 0 0.5rem;
	box-sizing: border-box;
}
.news_hf .swiper-container img{
    height: 100%;
}
.news_banner .swiper-pagination-bullet-active{
	background: #36973d;
	opacity: 1;
}
.news_banner{
	height: 19.5rem;
	position: relative;
}
.NB_items{
	border-radius: 1rem;
	overflow: hidden;
}
.NB_items>img{
	display: block;
	width: 100%;
	height: 100%;
}
.NB_desc{
	width: 100%;
	padding: 1.5rem 2rem;
	box-sizing: border-box;
	position: absolute;
	top: 0;
	left: 0;
	color: #000000;
}
.NB_desc h2{
	font-size: 1.4rem;
	padding-bottom: 1rem;
}
.NB_desc p{
	
}
.NB_desc p img{
	width: 0.8rem;
	height: 0.8rem;
	vertical-align: middle;
	margin-right: 0.5rem;
}
.NB_desc p span{
	margin-right: 1.5rem;
}
.news_nav ul {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	padding: 42px 0 26px 0;
}
.news_nav ul li{
	margin-right: 1rem;
	/* border: 1px solid red; */
	border-radius: 4rem;
	overflow: hidden;
}
.news_nav ul li:last-of-type{
	margin-right: 0;
}
.news_nav ul li a{
	display: block;
	line-height: 1.5rem;
	padding: 0 0.7rem;
}
.news_nav_active{
	color: #ffffff;
	padding: 0 0.7rem;
	background: #36973d;
	line-height: 1.5rem;
}

.news_con{
	padding: 0 0.5rem;
	background: #F8F8F8;
	border: 1px solid transparent;
	box-sizing: border-box;
}
.news_item01{
	padding: 1rem;
	background: #ffffff;
	border-radius: 0.5rem;
	overflow: hidden;
	margin-top: 1.5rem;
	margin-bottom: 1.5rem;
}
.news_con>div:nth-last-of-type(1){
	margin-bottom: 2rem;
}
.news_item01 a{
	display: block;
}
.news_item01 h2{
	font-size: 1.3rem;
}
.article_info{
	padding: 1rem 0;
}
.article_info img{
	width: 0.8rem;
	height: 0.8rem;
	vertical-align: middle;
	margin-right: 0.5rem;
}
.article_info span{
	margin-right: 1.5rem;
}
.article_info span:last-of-type{
	margin-right: 0;
}
.article_img{
	border-radius: 0.5rem;
	overflow: hidden;
}
.article_img img{
	display: block;
	width: 100%;
}
.news_pages{
	padding: 1rem 0 2rem 0;
}
.news_pages ul {
	display: flex;
	justify-content: space-between;
}
.news_pages ul li{
	width: 100%;
	text-align: center;
	line-height: 4rem;
}
.news_pages ul li a{
	display: block;
	width: 100%;
	height: 100%;
	line-height: 4rem;
}
/*-----------------------------------健康资讯html结束-------------------------------------*/



/*-----------------------------------文章详情html开始-------------------------------------*/
/*-----------------------------------banner-------------------------------------*/
.art_banner{
	height: 14rem;
	background: url(../images/art_banner.png) center center no-repeat;
	background-size: 100% 100%;
}
.art_desc h2{
	font-size: 2rem;
	font-weight: 400;
}
.art_desc p{
	padding: 0;
	padding-bottom: 1rem;
}
.art_desc a{
	padding: 0.3rem 1rem;
}
.article{
	background: #f8f8f8;
}
.article_title{
	text-align: center;
	background: #ffffff;
	padding: 3rem 1rem;
}
.article_title h2{
	font-size: 1.3rem;
	color: #333333;
	padding-bottom: 1rem;
}
.article_title p img{
	width: 0.8rem;
	height: 0.8rem;
	vertical-align: bottom;
	margin-right: 0.5rem;
	margin-bottom: 0.1rem;
}
.article_title p span {
	margin-right: 1.5rem;
}
.article_title p span:last-of-type {
	margin-right: 0;
}
.article_con{
	padding: 3rem 1rem;
	margin: 1rem 0;
	background: #ffffff;
}
.article_con img{
    max-width: 100%!important;height: auto!important;
}
.article_con p,.article_con span,.article_con div{
	text-indent: 1.6rem;
	line-height: 3rem;
	color: #555555;
}
.article_con .indent0{
	text-indent: 0;
}
.back{
	margin-top: 2.5rem;
	text-align: center;
}
.back a{
	display: inline-block;
	padding: 0.5rem 1.5rem;
	border: 1px solid #bfbfbf;
	border-radius: 8rem;
	color: #777777;
}
.article_nav{
	padding: 2rem 1rem;
	background: #ffffff;
}
.article_nav ul li{
	width: 100%;
	line-height: 4rem;
}
.article_nav ul li a{
	display: block;
	line-height: 4rem;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	color: #999999;
}
/*-----------------------------------文章详情html结束-------------------------------------*/



/*-----------------------------------产品列表html开始-------------------------------------*/
/*-----------------------------------banner-------------------------------------*/
.product_banner{
	height: 24.5rem;
	background: url(../images/product_banner.jpg) center center no-repeat;
	background-size: 100% 100%;
}
/*-----------------------------------产品分类-------------------------------------*/
.prd_kind{
	padding: 0rem 1rem;
}
.kind{
	display: flex;
	justify-content: flex-start;
}
.kind span{
	min-width: 3rem;
	line-height: 1.5rem;
	font-size: 1.0rem;
	font-weight: bold;
	color: #333333;
}
.kind ul{
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
}
.kind .kindActive{
	padding: 0 1rem;
	background: #ff6c00;
	color: #ffffff;
}
.kind ul li{
	margin-right: 1rem;
	margin-bottom: 1rem;
	line-height: 1.5rem;
	border-radius: 8rem;
	overflow: hidden;
}
.kind ul li a{
	padding: 0 1rem;
	display: block;
	line-height: 1.5rem;
	/* background: #ff6c00;
	color: #ffffff; */
}
/*-----------------------------------产品列表-------------------------------------*/
.prd_list{
	padding: 3rem 1rem 1rem 1rem;
	background: #f5f5f5;
}
/*-----------------------------------产品列表html结束-------------------------------------*/



/*-----------------------------------产品详情html开始-------------------------------------*/
.view .swiper-container {
	width: 20rem;
	height: 20rem;
}

.view .arrow-left {
	background: url(../images/index_tab_l.png) no-repeat left top;
	position: absolute;
	left: 10px;
	top: 50%;
	margin-top: -25px;
	width: 28px;
	height: 51px;
	z-index: 10;
}

.view .arrow-right {
	background: url(../images/index_tab_r.png) no-repeat left bottom;
	position: absolute;
	right: 10px;
	top: 50%;
	margin-top: -25px;
	width: 28px;
	height: 51px;
	z-index: 10;
}

.view a{
	display: block;
}
.view img {
	display: block;
	margin: 0 auto;
	width: 100%;
	height: 100%;
}

.preview {
	width: 100%;
	margin-top: 0.5rem;
	margin-bottom: 4rem;
	position: relative;
	display: flex;
	justify-content: center;
}

.preview .swiper-container {
	margin: 0 auto;
}

.preview .swiper-slide {
	width: 3.7rem;
	height: 3.5rem;
	cursor:pointer;
	margin-right: 1rem;
}

.preview .swiper-slide:last-of-type{
	margin-right: 0;
}

.preview .slide6 {
	width: 82px;
}

.preview .arrow-left {
	background: url(../images/feel3.png) no-repeat left top;
	position: absolute;
	left: 10px;
	top: 50%;
	margin-top: -9px;
	width: 9px;
	height: 18px;
	z-index: 10;
}

.preview .arrow-right {
	background: url(../images/feel4.png) no-repeat left bottom;
	position: absolute;
	right: 10px;
	top: 50%;
	margin-top: -9px;
	width: 9px;
	height: 18px;
	z-index: 10;
}

.preview img {
	padding: 1px;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
}

.preview .active-nav img {
	padding: 0;
	border: 1px solid #36973d;
}
/*-----------------------------------商品展示-------------------------------------*/
.spms{
	background: #f5f5f5; 
	border-top: 1px solid transparent;
	border-bottom: 1px solid transparent;
}
.prd_desc{
	padding: 4rem 2rem;
	background: #ffffff;
	margin: 2rem 0;
}
.prd_desc h2{
	font-size: 1.5rem;
}
.prd_desc>p{
	line-height: 1.5rem;
	padding: 1.5rem 0;
	color: #999999;
}
.specifications p{
	line-height: 2rem;
	color: #333333;
}
.prd_price{
	color: #333333;
	padding: 1.5rem 0;
}
.prd_price span{
	color: #36973d;
}
.prd_price span em{
	font-size: 1.5rem;
}
.consult a{
	display: inline-block;
	border: 1px solid #36973d;
	padding: 0.5rem 3rem;
	color: #36973d;
	/* text-align: center; */
}
/*-----------------------------------药品介绍-------------------------------------*/
.prd_introduce{
	padding: 3rem 2rem;
}
.prd_introduce p{
	line-height: 2rem;
	color: #333333;
}
/*-----------------------------------产品详情html结束-------------------------------------*/
@-webkit-keyframes s{
	from{box-shadow: 0 0 0 0 rgba(255,255,255,.7);background: rgba(255,255,255,.7);}
	to{box-shadow: 0 0 0 10rem rgba(255,255,255,0);background: rgba(255,255,255,0);}
}
@-ms-keyframes s{
	from{box-shadow: 0 0 0 0 rgba(255,255,255,.7);background: rgba(255,255,255,.7);}
	to{box-shadow: 0 0 0 10rem rgba(255,255,255,0);background: rgba(255,255,255,0);}
}
@-moz-keyframes s{
	from{box-shadow: 0 0 0 0 rgba(255,255,255,.7);background: rgba(255,255,255,.7);}
	to{box-shadow: 0 0 0 10rem rgba(255,255,255,0);background: rgba(255,255,255,0);}
}
@-o-keyframes s{
	from{box-shadow: 0 0 0 0 rgba(255,255,255,.7);background: rgba(255,255,255,.7);}
	to{box-shadow: 0 0 0 10rem rgba(255,255,255,0);background: rgba(255,255,255,0);}
}
@keyframes s{
	from{box-shadow: 0 0 0 0 rgba(255,255,255,.7);background: rgba(255,255,255,.7);}
	to{box-shadow: 0 0 0 10rem rgba(255,255,255,0);background: rgba(255,255,255,0);}
}
@media screen and (max-width:1024px) {
	/* 1024px（iPad Pro） */
}
@media screen and (max-width:768px) {
	/* 768px（iPad） */
	body,div,p,a,span,h1,h2,h3,h4,h5,h6,input,button{
	    font: 0.8rem "Microsoft Yahei","宋体","黑体";padding: 0;margin: 0;
	}
}
@media screen and (max-width:414px) {
	/* 414px（Iphone6/7/8/Plus/X） */
	body,div,p,a,span,h1,h2,h3,h4,h5,h6,input,button{
	    font: 1.3rem "Microsoft Yahei","宋体","黑体";padding: 0;margin: 0;
	}
	.drug_classify {
		width: 22.5rem;
		margin-left: 0;
		overflow: visible;
	}
	.drugItem {
		height: 14rem;
	}
	.drugItem h4 {
		font-size: 1.7rem;
	}
	.drugItem p {
		font-size: 0.9rem;
		padding-top: 0.3rem;
	}
	.company_head_con div{
		font-size: 1rem;
	}
	.company_item div h4{
		font-size: 1.7rem;
	}
	.pharmacy_item01 li h4 {
		font-size: 1.4rem;
	}
	.pharmacy_item01 li p{
		font-size: 1.1rem;
	}
	.pharmacy_title li,.HCS_title li{
		width: 6.7rem;
	}
	.footer p{
		font-size: 1.16rem;
		line-height: 2.0rem;
	}
	.HCS_itemsB ul li a{
		line-height: 3rem;
	}
	
	.about_desc p{
		font-size: 1.2rem;
	}
	.about_desc a{
		font-size: 1.1rem;
	}
	.quality_goods h4{
		font-size: 1.8rem;
	}
	.quality_goods p{
		font-size: 1.2rem;
		line-height: 2.5rem;
	}
	
	.link_desc p{
		font-size: 1.2rem;
	}
	.link_intro h5{
		font-size: 1.8rem;
	}
	.link_intro p{
		line-height: 2.5rem;
	}
	.link_form input, .link_form textarea{
		width: 26rem;
		font-size: 1.3rem;
		padding: 0.8rem;
	}
	.link_form span{
		margin-top: 0.8rem;
	}
	
	.news_hf{
		padding: 0 0.8rem;
	}
	.NB_desc h2{
		font-size: 1.8rem;
	}
	.NB_desc p img{
		width: 1.3rem;
		height: 1.3rem;
		margin-bottom: 0.3rem;
	}
	.news_nav ul li a,.news_nav_active{
		line-height: 2.5rem;
		font-size: 1rem;
	}
	.news_nav_active a{
	    color: #fff;
	}
	.news_con{
		padding: 0 0.7rem;
	}
	.news_item01 h2{
		font-size: 1.4rem;
	}
	.article_info img{
		width: 1.4rem;
		height: 1.4rem;
		margin-bottom: 0.1rem;
	}
	
	.article_title h2{
		font-size: 1.5rem;
	}
	.article_title img{
	    width: 100%;height: auto;
	}
	.article_title p img{
		width: 1.3rem;
		height: 1.3rem;
	}
	.article_con p{
		text-indent: 2.6rem;
		line-height: 3rem;
	}
	
	.kind span{
		font-size: 1.5rem;
		min-width: 5rem;
	}
	.kind .kindActive,.kind span,.kind ul li a{
		line-height: 2.3rem;
	}
	
	.preview .swiper-slide{
		width: 4.7rem;
		height: 4.5rem;
	}
	.prd_desc h2{
		font-size: 2rem;
	}
	.prd_desc>p{
		line-height: 2.5rem;
	}
	.specifications p{
		line-height: 3rem;
	}
	.prd_price span em{
		font-size: 2rem;
	}
	.consult a{
		padding: 0.8rem 3rem;
	}
	.prd_introduce p{
		line-height: 3rem;
	}
}
@media screen and (max-width:375px) {
	/* 375px（Iphone6/7/8/Plus/X） */
}
@media screen and (max-width:320px) {
	/* 320px（Iphone5） */
}