.f18{ font-size: 18px;}
.f20{ font-size: 20px;}
 
.f46{ font-size: 46px;}
.f30{ font-size: 30px;}
 
 

.f16{ font-size: 14px;}
.f24{ font-size: 18px;}
.f26{ font-size: 18px;}
.f34{ font-size: 28px;}
.f46{ font-size: 36px;}
.f30{ font-size:20px;}
.f44{ font-size: 34px;}
.f50{ font-size: 40px;}
.f60{ font-size: 50px;}
.f100{ font-size: 70px;}





@media screen and (max-width:1500px) {
 
}
 
@media screen and (max-width:1200px) {
	body{ font-size: 14px;}


	.stardWay,.stardWord p{ font-size: 20px;}
	.quesTit{ font-size: 32px;}
	.inner {
		width: 96%;
		margin: 0px auto;
	}
	.w990{	width: 96%;
		margin: 0px auto;}
	
	.m2 {
		/* padding-left: 3vw;
		padding-right: 3vw; */
		width: 96%;
		margin: 0px auto;
	}
	

	.w1440{width: 96%; margin: 0 auto;}
	.cooperation,.Chain,.Exhibition,.Memorabilia,.Basem,.Research{ padding: 50px 0;}

	.swipeBtn{ display: none;}
	.introduce .left figure{ padding: 0 25px; width: 100%; margin: 0;}
	.introduceNum{ font-size: 14px;}
	.introduceIco li{ width: 120px; height: 120px;}
	.introduceNum{ margin: 50px 0 70px;}
	.Memorabilia{  margin-top: 50px;}
	.Memorabilia::after{ bottom: 62px;}
	.Memorabilia .swiper-slide .con{ height: auto;}
	.Memorabilia .swiper-slide .con>div:nth-child(2){   overflow-y: scroll; height: 130px;  font-size: 14px;  }
	.Memorabilia .swiper-slide .con>div:nth-child(2)::-webkit-scrollbar {/*滚动条整体样式*/    /*高宽分别对应横竖滚动条的尺寸*/  width: 2px;}
	.Memorabilia .swiper-slide .con>div:nth-child(2)::-webkit-scrollbar-thumb {/*滚动条里面小方块*/border-radius: 3px; background: #f5a100; width:2px; }
	.Memorabilia .swiper-slide .con>div:nth-child(2)::-webkit-scrollbar-track {/*滚动条里面轨道*/border-radius: 3px; background: #fff; width: 2px; }
	
	.cooperation ul li{ width: 31%; margin-right: 3.5%;}
	.cooperation ul li:nth-child(4n){ margin-right: 3.5%;}
	.cooperation ul li:nth-child(3n){ margin-right: 0;}

	.swiper-num{ margin: 0 50px;}

	.swiper-num{  font-size: 20px;}
.swiper-num .active{ font-size: 24px;}

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

	.f16{ font-size: 14px;}
.f24{ font-size: 16px;}
.f26{ font-size: 16px;}
.f34{ font-size: 22px;}
.f46{ font-size: 36px;}
.f30{ font-size:20px;}
.f44{ font-size: 34px;}
.f50{ font-size: 34px;}
.f60{ font-size: 40px;}
.f100{ font-size: 50px;}

.smaildesc{ width: 80%;}

	.Research .right .yuan{ width: 200px; height: 200px;}
	.Base .img .txt{ padding: 12px 0;}

	div.video-wrap{    width: 80vw;height: auto;}
 
}

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

	.w1440{ padding: 0 20px; width: 100%;}
 body{ font-size: 14px;}
	.f16{ font-size: 14px;}
	.f18{ font-size: 14px;}
	.f20{ font-size: 14px;}
.f24{ font-size: 14px;}
.f26{ font-size: 16px;}
.f30{ font-size:16px;}
.f34{ font-size: 22px;}
.f46{ font-size: 28px;}

.f44{ font-size: 26px;}
.f50{ font-size: 30px;}
.f60{ font-size: 34px;}
.f100{ font-size: 40px;}

	.introduce{ flex-direction: column;}
	.introduce .left{ width: 100%;}
	.introduce .left figure{ padding:   20px;}
	.introduce .left .f30{ margin: 15px 0;}
	.line-height2-4{ line-height: 2;}
	.introduce .right{ width: 100%;}
	.introduce .right>img{ width: 100%; height: 250px; object-fit: cover;}
	.introduce .right .paly  { width: 80px;}
	.introduceNum{ flex-wrap: wrap; font-size: 12px; margin: 20px 0   10px;}
	.introduceNum li{   text-align: center; white-space: nowrap; margin-bottom: 20px; padding: 0 20px;}

	.introduceIco  .icon{ width:80px; margin-bottom: 0px;} 

	.introduceIco li{ width: 50px; height: 50px;margin-bottom:15px}
	.introduceIco{ align-items: flex-start;}
	.introduceIco>div{ padding: 0 8px;}
	.Memorabilia{  margin-top: 20px;}
	
	.Memorabilia .title{ margin-bottom: 25px;}
	.Memorabilia::after{ bottom: 23px;}
	.w50{  width: 100%;}
	.Research .w1440{ flex-direction: column;}

	.Research .right .yuan{ width: 150px; height: 150px;margin: 0 8px;}
	.smaildesc{ width: 95%;}
	.Base .smaildesc{  margin: 20px auto;}

	.BaseUl{ flex-wrap: wrap; padding: 0 20px;}
	.BaseUl .img{ width: 48%; margin-bottom: 12px;}
	.Exhibition .f44{ margin-bottom: 20px;}
	.Chain .swiper-slide a{ padding: 0;}
	.ExhibitionIco{ width: 50px;}

	.cooperation ul li{ width: 48%; margin-right: 4%; padding: 8px;margin-top:15px}
	.cooperation ul li:nth-child(4n){ margin-right: 0%;}
	.cooperation ul li:nth-child(3n){ margin-right: 4%;}
	.cooperation ul li:nth-child(2n){ margin-right: 0%;}
	.cooperation ul li .img{ height: 50px;}
	.cooperation ul li .txt{ margin-top: 8px;}
	.Memorabilia .swiper-slide .con>div:nth-child(2){ height: 100px;}
	.honorSwiperBot{ margin-top: 25px;}
	.honorBtn{ width: 30px; height: 30px;}

	.prospects .w1440{ flex-direction: column;}
	.prospects{ padding: 25px 0;background: url(../pic/prospectsBg.jpg) no-repeat left top #f8f8f8;
		background-size: 100% 25%;}
	.prospects .img{ width: 100%;}
	.prospects .img img{ width: 100%; height: 250px; object-fit: cover;}
	.prospects .txt{ width: 100%; margin-top: 20px;}
	.prospects .txt .desc::after{ display: none;}
	.prospects .txt .info{ margin-top: 15px; line-height: 2;}
	.Social .desc{ margin : 15px 0;  }
	.Franchise .line{ margin-top: 15px;}
	.fuTIT{ margin: 15px 0 25px;}
	.Franchise .swiper-slide .txt{ padding:25px 15px;}
	.Franchise .swiper-slide .txt figure{ margin: 8px 0;}
	.Franchise .swiper-slide .txt .color-666{ font-size: 12px;}
	.policytit{ padding: 15px 0;}
	.policybox{padding: 25px 0}
	.policy .swiper-slide{ padding: 25px 15px;}
	.policy .swiper-slide .f30{ margin: 15px auto;}
	.policy .swiper-slide>img{ height: 32px;}
	.policy .swiper-slide .color-666{ font-size: 12px; min-height: 120px;}
	.Agency{ padding: 25px 0;}
	.AgencyUl{ padding-top: 25px;}

	.cooperation, .Chain, .Exhibition, .Memorabilia, .Base,.Research,.honor,.Social,.Franchise,.Store,.Message{ padding: 25px 0;}
	.StoreBox{  margin-top: 25px;}

	.AgencyUl li{ width: 48%; margin-right: 4%; margin-bottom: 20px;}
	.AgencyUl li:nth-child(3n){ margin-right:  4%;}
	.AgencyUl li:nth-child(2n){ margin-right: 0;}
	.AgencyUl li .txt{ height: 42px; line-height: 42px;}
	.Processtit{ margin-bottom: 25px;}

	.AgencyMore{ padding: 8px 0;}

	.Process{ flex-wrap: wrap; justify-content: space-between;padding: 0 0 25px;}
	.Process li{ width: 48%; margin-bottom: 20px;}
	.Process li .pic{  width: 100px; height: 100px;}
	.Process li .color-666{ font-size: 12px;}
	.Process li .f24{ margin:2px  0;}
	.Process::after{ display: none;}

	.Messagebox{ margin-top: 20px; padding: 20px ;}
	.Messagebox .item  { flex-direction: column; margin-bottom: 10px;}
	.w48{ width: 100%;}
	.Messagebox .input{ padding: 5px 15px; margin-top: 10px; margin-bottom: 10px;}
	.Messagebox .submit,.Messagebox .reset{ margin: 0 10px; padding: 5px 10px;}
	.Messagebox .textarea{ padding: 15px;  margin-top: 10px;}

	.introduceIco{ flex-wrap:wrap;}
	.introduceIco>div{ width: 50%;} 
	.introduceIco>div:nth-child(3){ width: 100%; margin-top: 20px;}
}