/* 首页 开始 */

@media (min-width: 993px) {
	.index-nav ul li:hover p a::after{
		width: 100%;
	}
	.index-nav ul li:hover dl {
		display: block;
		opacity: 1;
		z-index: 10;
	}
	.index-nav ul li:hover dl dd{
		opacity: 1;
		-ms-transform: translateY(0px);
		-webkit-transform: translateY(0px);
		transform: translateY(0px);
	}
	
	.index-nav ul li dl {
		display: block !important;
	}
}

@media (max-width: 992px) {
	.index-header {
		display: flex;
		justify-content: space-between;
		align-items: center;
		padding: 0 1rem;
		height: 60px;
	}
	
	.index-logo {
		width: 15%;
		min-width: 140px;
		height: .37rem;
		min-height: 30px;
		text-align: left;
		display: flex;
		align-items: center;
	}
	
	.nav-btn{
		display: block;
		width: 0.5rem;
		height: 0.5rem;
		min-width: 24px;
		min-height: 24px;
		background-repeat: no-repeat;
		background-size: contain;
		background-position: center;
	}
	
	.index-nav{
		width: 50%;
		min-width: 200px;
		height: 100%;
		position: fixed;
		top: 0;
		right: -100%;
		background-color: #FFFFFF;
		z-index: 99;
		padding-top: 40px;
		transition: all 0.3s;
		display: flex;
		flex-direction: column;
	}
	.index-nav.show{
		right: 0;
	}
	
	.nav-close{
		display: block;
		width: 0.4rem;
		height: 0.4rem;
		min-width: 18px;
		min-height: 18px;
		background-image: url(../img/close.png);
		background-repeat: no-repeat;
		background-size: contain;
		background-position: center;
		position: absolute;
		top: 10px;
		right: 10px;
	}
	
	.index-nav ul {
		display: block;
		width: 100%;
		flex: 1;
		overflow-x: hidden;
	}
	.index-nav ul li{
		display: block;
		margin: 0 0;
		font-size: 0.4rem;
		line-height: 3em;
	}
	.index-nav ul li p{
		padding-bottom: 0;
	}
	.index-nav ul li p a {
		color: #333333;
		padding-bottom: 0;
	}
	
	.index-nav ul li p a::after{
		bottom: 0;
	}
	
	.index-nav ul li p i{
		display: block;
		position: absolute;
		width: 100%;
		height: 100%;
		left: 0;
		top: 0;
	}
	
	.index-nav ul li dl {
		width: 100%;
		position: static;
		opacity: 1;
		z-index: 1;
		box-shadow: none;
		padding-bottom: 10px;
		font-size: 0.35rem;
		display: none;
	}
	.index-nav ul li dl dd {
		margin-bottom: 0;
		opacity: 1;
		-ms-transform: translateY(0px);
		-webkit-transform: translateY(0px);
		transform: translateY(0px);
	}
	
	
	
	.iban-t1 p {
		font-size: 0.45rem;
	}
	.iban-t2 {
		font-size: 1rem;
		font-weight: bold;
		padding: 0.3rem 0;
		font-family: Georgia, "Times New Roman", Times, serif;
	}
	.iban-t3 {
		font-size: 0.45rem;
	}
	
	
	.sj-banner{
		display: block;
		position: absolute;
		width: 100%;
		height: 100%;
		z-index: 2;
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center;
	}
	
	
	.inumber-item {
		width: 30%;
	}
	.inumber-t2 {
		font-size: 44px;
	}
	.inumber-t5 {
		width: 100%;
		text-align: center;
	}
	
}

@media (max-width: 768px) {
	.index-header {
	    padding: 0 20px;
		height: 50px;
	}
	.index-nav ul li{
		font-size: 14px;
		line-height: 2.5em;
	}
	.index-nav ul li dl {
		font-size: 12px;
	}
	
	
	.index-core {
	    width: 100%;
		padding: 0 30px;
	}
	
	.inews-list {
		padding-left: 0;
		padding-right: 0;
	}
	
	
}

@media (max-width: 640px) {
	.iban-t1 p {
		font-size: 12px;
	}
	.iban-t2 {
		font-size: 20px;
	}
	.iban-t3 {
		font-size: 12px;
	}
	
	.inews-list{
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.inews-list li {
		width: 46%;
		margin-right: 0;
		margin-bottom: 20px;
	}
	
	
	.inumber .index-core{
		flex-direction: column;
	}
	.inumber-item {
		width: 100%;
		margin-bottom: 1.4rem;
	}
	
	.inumber-t2 {
		font-size: 36px;
	}
	.inumber-t3 i {
	    width: 15px;
	    height: 15px;
	}
	
	
	.iseries {
		flex-direction: column;
	}
	.iseries-left{
		padding-left: 0.9rem;
		padding-right: 0.9rem;
		flex-direction: row;
		justify-content: space-around;
		padding-bottom: 0.5rem;
	}
	.iseries-tab{
		margin: 0 10px;
		text-align: center;
	}
	.iseries-tab i{
		margin-left: auto;
		margin-right: auto;
	}
	.iseries-right{
		width: 100%;
		height: 9.83rem;
	}
	
	.swiper-next{
		right: 0.47rem;
	}
}

/* 首页 结束 */




/* 底部 开始 */
@media (max-width: 450px) {
	.fewm-item {
		width: 40%;
		margin-bottom: 5px;
	}
	
	.finfo {
		line-height: 24px;
	}
	
	.fubox{
		width: 70px;
	}
	.fubox-item{
		height: 70px;
	}
	.fubox-ewm{
		width: 100px;
		height: 100px;
	}
	.fubox-phone .fubox-item-box{
		width: 66px;
	}
	.fubox-phone-box{
		font-size: 16px;
	}
	.fubox-item .fubox-item-box p {
	    font-size: 10px;
	}
	.fubox-item:hover .fubox-phone-box{
		width: 120px;
	}
}
/* 底部 结束 */




/* 内页头部 开始 */
@media (min-width: 993px) {
	.nnav li:hover p a::after{
		width: 100%;
	}
	.nnav li:hover dl {
		display: block;
		opacity: 1;
		z-index: 10;
		visibility: visible;
	}
	.nnav li:hover dl dd{
		opacity: 1;
		-ms-transform: translateY(0px);
		-webkit-transform: translateY(0px);
		transform: translateY(0px);
	}
	
	.nnav li dl {
		display: block !important;
	}
}
@media (max-width: 1520px) {
	.nnav li {
	    margin-left: 0.3rem;
		font-size: 16px;
		padding-top: 0.4rem;
	}
}
@media (max-width: 1200px) {
	.nh-core {
	    width: 80%;
	}
	.nnav li {
		padding-top: 0.3rem;
	}
}
@media (max-width: 1100px) {
	.nh-right {
		padding-left: 0.4rem;
	}
}

@media (max-width: 992px) {
	.nheader {
		padding: 0 1rem;
		height: 60px;
		position: fixed;
		width: 100%;
		left: 0;
		top: 0;
		background-color: #FFFFFF;
		z-index: 999;
	}
	.head-wall{
		height: 60px;
	}
	.nh-core{
		width: 100%;
		align-items: center;
	}
	.nlogo {
		width: 15%;
		min-width: 140px;
		height: .37rem;
		min-height: 30px;
	}
	
	.nh-right{
		width: 50%;
		min-width: 200px;
		height: 100%;
		position: fixed;
		top: 0;
		right: -100%;
		background-color: #FFFFFF;
		z-index: 999;
		padding-top: 40px;
		transition: all 0.3s;
		padding-left: 0;
		flex-direction: column-reverse;
		justify-content: flex-end;
	}
	.nh-right.show{
		right: 0;
	}
	
	.nh-search {
		width: calc(100% - 40px);
		height: 36px;
		border-radius: 18px;
		padding: 0 20px;
		margin: 20px auto;
		flex-shrink: 0;
	}
	
	.nh-search input {
		font-size: 14px;
	}
	
	.nh-search button {
		flex-shrink: 0;
		width: 16px;
	}
	
	.nnav {
		display: block;
		width: 100%;
		flex: 1;
		overflow-x: hidden;
	}
	.nnav li{
		width: 100%;
		height: auto;
		float: none;
		font-size: 0.4rem;
		line-height: 3em;
		padding-top: 0;
		text-align: center;
		margin-left: 0;
	}
	.nnav li p{
		padding-bottom: 0;
	}
	.nnav li p a {
		display: block;
		color: #333333;
		padding-bottom: 0;
	}
	
	.nnav li p a::after{
		bottom: 0;
	}
	
	.nnav li p i{
		display: block;
		position: absolute;
		width: 100%;
		height: 100%;
		left: 0;
		top: 0;
	}
	
	.nnav li dl {
		width: 100%;
		position: static;
		opacity: 1;
		z-index: 1;
		box-shadow: none;
		padding-bottom: 10px;
		font-size: 0.35rem;
		display: none;
	}
	.nnav li dl dd {
		margin-bottom: 0;
		opacity: 1;
		-ms-transform: translateY(0px);
		-webkit-transform: translateY(0px);
		transform: translateY(0px);
	}
}

@media (max-width: 768px) {
	.nheader {
		padding: 0 20px;
		height: 50px;
	}
	.head-wall{
		height: 50px;
	}
	.nnav li{
		font-size: 14px;
		line-height: 2.5em;
	}
	.nnav li dl {
		font-size: 12px;
	}
	
	.nh-search {
		width: calc(100% - 30px);
		height: 30px;
		border-radius: 15px;
		padding: 0 10px;
		margin: 20px auto;
		flex-shrink: 0;
	}
	
	.nh-search input {
		font-size: 12px;
	}
	
	.nh-search button {
		width: 14px;
	}
	
	.brand-con {
		width: 100%;
		padding: 20px;
	}
}
/* 内页头部 结束 */


/* 品牌介绍 开始 */
@media (max-width: 992px) {
	.intro-box h4 {
		font-size: 0.5rem;
		line-height: 1.5em;
	}
	
	.intro-box h3 {
		font-size: 0.55rem;
		line-height: 1.5em;
		margin-bottom: 0.1rem;
	}
	
	.intro-box p {
		font-size: 0.35rem;
		line-height: 1.5em;
	}
	
	.intro-box h5 {
		font-size: 0.3rem;
	}
}

@media (max-width: 768px) {
	.intro-box {
		width: 80%;
		padding: 15px;
	}
	.intro-box h4 {
		font-size: 18px;
	}
	
	.intro-box h3 {
		font-size: 24px;
	}
	
	.intro-box p {
		font-size: 14px;
	}
	
	.intro-box h5 {
		font-size: 12px;
	}
	
}
/* 品牌介绍 结束 */


/* 美丽历程 开始 */
@media (max-width: 992px) {
	.history-time {
		font-size: 0.72rem;
	}
	.history-contain {
		font-size: 0.38rem;
	}
}

@media (max-width: 768px) {
	.history-tit h2 {
		font-size: 28px;
	}
	.history-tit p {
		font-size: 32px;
	}
	.history-time {
		font-size: 24px;
	}
	.history-contain {
		width: 6rem;
		font-size: 14px;
	}
	
	.history-main {
	    width: 90%;
	}
}
/* 美丽历程 结束 */




/* 科研实力 开始 */
@media (max-width: 768px) {
	.strength-img {
		width: 100%;
	}
	.strength-text {
		width: 100%;
		margin-left: 0;
		padding: 20px;
	}
	
	.strength-con{
		height: auto;
		padding-right: 0;
		position: static;
	}
}
/* 科研实力 结束 */



/* 品牌荣誉 开始 */
@media (max-width: 992px) {
	.honor-info-top {
		font-size: 0.4rem;
	}
	.honor-info-con {
		font-size: 0.32rem;
	}
}
@media (max-width: 768px) {
	.honor-info-top {
		font-size: 16px;
	}
	.honor-info-con {
		font-size: 12px;
	}
	
	.honor-info {
	    width: 100%;
	    padding-left: 20px;
		padding-right: 20px;
	}
	.honor-img {
	    width: 90%;
	}
}
/* 品牌荣誉 结束 */




/* 新闻动态 开始 */
@media (max-width: 992px) {
	.news-item {
		width: 31%;
		margin-right: 3.5%;
	}
	.news-item:nth-of-type(4n) {
		margin-right: 3.5%;
	}
	.news-item:nth-of-type(3n) {
		margin-right: 0;
	}
	.news-time {
		margin-bottom: 10px;
	}
	.news-p {
	    max-width: 80%;
		margin-top: 10px;
		margin-bottom: 10px;
	}
	
	
	.article-tit{
		font-size: 0.45rem;
	}
	.article-main{
		font-size: 0.3rem;
	}
}
@media (max-width: 768px) {
	.news {
		padding-left: 20px;
		padding-right: 20px;
	}
	.look-num i ,.like-num i {
		width: 12px;
		height: 12px;
	}
	.news-more span {
	    padding: 2px 5px;
	}
	
	.article-core{
		width: 100%;
		padding: 0 20px;
	}
	
	
	.article-tit{
		font-size: 20px;
	}
	.article-main{
		font-size: 12px;
	}
}

@media (max-width: 450px) {
	.news-item {
		width: 48%;
		margin-right: 4% !important;
	}
	.news-item:nth-of-type(2n) {
		margin-right: 0 !important;
	}
	
	.news-con {
	    padding: 10px 10px 20px 10px;
	}
	
	.page a,
	.page span {
		font-size: 10px;
		height: 24px;
		line-height: 24px;
		min-width: 24px;
		padding: 0 2px;
	}
	
}

/* 新闻动态 结束 */



/* 门店形象 开始 */
@media (max-width: 992px) {
	.store-image-main{
		display: flex;
		flex-direction: column;
	}
	.store-image-left {
	    width: 100%;
	    padding: 30px 20%;
	}
	.store-image-text {
	    margin-left: 0;
	    height: auto;
	}
	.store-image-text-item.active {
	    position: relative;
	}
	.store-image-tab{
		padding-top: 20px;
	}
	.store-image-img {
	    width: 100%;
	    height: 13rem;
	}
}
@media (max-width: 640px) {
	.banner-arrow{
		margin-bottom: 10px;
	}
	.banner-arrow img {
		width: 12px;
		height: 11px;
	}
	.store-image-left {
	    padding: 20px 10%;
	}
	.store-image-tab li {
	    line-height: 24px;
	    padding: 0 10px;
	    border-radius: 10px;
	}
}
/* 门店形象 结束 */





/* 门店发布 开始 */

@media (max-width: 992px) {
	.map-info-item{
		line-height: 1.2em;
	}
	
	.map-right {
	    width: 30%;
	    margin-left: 2%;
	}
	
	
	.select-box p{
		width: 100%;
		height: 32px;
		border: 1px solid #E1E1E0;
		line-height: 30px;
		padding-left: 10px;
	}
	.select-box p::after{
		width: 10px;
		height: 10px;
		top: 10px;
		right: 6px;
	}
	.select-btn{
		height: 32px;
	}
}
@media (max-width: 768px) {
	.map{
		width: 100%;
		height: 10.5rem;
	}
	
	.map-right{
		width: 100%;
		height: auto;
		margin-left: 0;
		margin-top: 20px;
		padding: 0 30px;
	}
	.map-info {
		height: auto;
	}
	
	.region {
	    padding: 10px 20px;
	}
	
	.city{
	    padding: 10px 20px;
		justify-content: center;
	}
	.city a{
	    margin: 5px 10px;
	}
	
}
@media (max-width: 640px) {
	
	.map-info-item {
	    padding: 15px;
	}
}

/* 门店发布 结束 */




/* 招商加盟 开始 */
@media (max-width: 1200px) {
	.join-online h2 {
		font-size: 0.8rem;
	}
}

@media (max-width: 640px) {
	.join-online {
		padding-left: 1.2rem;
	}
	.join-online h2 {
		font-size: 24px;
	}
	.join-form {
	    width: 80%;
	    margin-left: 5%;
	}
}
/* 招商加盟 结束 */




/* 明星产品 开始 */
@media (max-width: 992px) {
	.pro-info-text h3 {
		font-size: 0.45rem;
	}
	.pro-info-text h4 {
		font-size: 0.3rem;
	}
	.pro-info-text p {
		font-size: 0.3rem;
	}
	
	
	.pro-details-text h2 {
		font-size: 0.54rem;
	}
	.pro-details-text p {
		font-size: 0.3rem;
	}
	.pro-details-text h4 {
		font-size: 0.32rem;
	}
}
@media (max-width: 768px) {
	.pro-tab ul {
	    width: 80%;
	}
	.pro-info {
		padding-left: 20px;
		padding-right: 20px;
	}
	.pro-info-text h4::before {
		width: 6px;
		height: 6px;
		margin-right: 6px;
	}
	
	.pro-swiper {
	    padding: 20px;
	}
	.pro-swiper-con {
		width: 100%;
	}
	
	.pro-details-text h4::before {
	    width: 6px;
	    height: 6px;
	    margin-right: 6px;
	}
}
@media (max-width: 640px) {
	.pro-info-text h3 {
		font-size: 18px;
	}
	.pro-info-text h4 {
		font-size: 12px;
	}
	.pro-info-text p {
		font-size: 12px;
	}
	
	.pro-info {
		flex-wrap: wrap;
	}
	.pro-info-img {
		width: 100%;
	}
	.pro-info-text {
		width: 100%;
		padding-left: 0;
		padding-top: 20px;
	}
	
	.pro-swiper-con .swiper-pagination .swiper-pagination-bullet {
		margin: 0 3px;
	}
	
	
	.pro-details-text h2 {
		font-size: 20px;
	}
	.pro-details-text p {
		font-size: 12px;
	}
	.pro-details-text h4 {
		font-size: 14px;
	}
	
	.pro-details-img {
		width: 100%;
	}
	.pro-details-text {
		width: 100%;
		margin-left: 0;
		padding: 30px 20px;
	}
	
	.pro-details-main{
		width: 80%;
	}
	
	.pro-swiper-item {
		width: 50%;
	}
}
@media (max-width: 375px){
	.pro-tab ul {
	    width: 90%;
		font-size: 12px;
	}
}
/* 明星产品 结束 */


