@media  screen and (min-width: 2024px)  {
	.position_sticky {  top:1.3rem;   } 
	.cp-groups ul li,
	#product .swiper-slide ,
	#user-evaluate .swiper-container ,
	.cp-groups ul li  { height: 38vh; }
}

@media  screen and (max-width: 1680px)  {
	 /* 统一字体设置 */
	 .font-12 { font-size: 12px;  }
	 
	 .font-14 ,
	 .btn-more-normal { font-size: 14px; }
	 
	 p,
	 .font-16 ,
	 #product .swiper-slide h3 span, 
	 .cp-groups ul li h3 span{ font-size: 16px; }
	 
	 .font-18 ,
	 .ft-contact ul li p{ font-size: 18px; }
	 
	 .font-20,
	 .co-tittle span { font-size: 20px; }
	 
	 .font-22,
	 .call_hotline ,
	 p.price { font-size: 22px; }
	 
	 .font-24,
	 .t-name,
	 .news-tittle,
	 .stand-title-24 { font-size: 24px; }
	 
	 .font-28 { font-size: 28px; }
	 
	 .font-30 { font-size: 30px; }
	 
	 .font-32 { font-size: 32px; }
	 
	 .font-36,
	 .co-tittle,
	 .banner-tittle,
	 .stand-title-detail  { font-size: 36px; }
	 
	 .font-42 { font-size: 42px; }
	 
	 .font-48,
	 .counter { font-size: 48px; }
	 
	 .font-60 { font-size: 36px; }
	 
	 .font-72 { font-size: 72px; }
	  
	 .font-100 { font-size: 96px; }
	 
	  .none-padding { padding:0 !important; }
	 
	  .padding_20 { padding: 20px; }
	  .padding_up20 { padding: 20px 0;  }
	  
	  .padding_30 { padding: 30px; } 
	  .padding_up30 { padding: 30px 0;  }
	  
	  .padding_40 { padding: 40px; }
	  .padding_up40 { padding: 40px 0;  }
	  
	  .padding_50 { padding: 50px; }
	  .padding_up50 { padding: 50px 0 ; }
	  
	  .padding_60 { padding: 60px; }
	  .padding_up60 { padding: 60px 0 ; }
	  
	  .padding_100 { padding: 100px; }
	  .padding_up100 { padding: 100px 0 ; }
	  
	  .mode { padding: 75px 0; }
	  
	  .goTop {
	      position: fixed;
	      right: 5%;
	      bottom: 20vh;
	      width: 56px;
	      height: 59px;
	      font-size: 16px;
	      line-height: 43px;
	  }
	.cp-groups ul li,
	#product .swiper-slide ,
	#user-evaluate .swiper-container ,
	.cp-groups ul li  { min-height: 400px; } 
	
	#user-evaluate .swiper-container {
	    height: 56vh;
	}
}
	 

@media  screen and (max-width: 1440px)  {
	.container { width: 1230px; } 
	
	
	
}
	
@media  screen and (max-width: 1360px)  {}


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



@media  screen  and ( max-width: 786px) {
	.container,
	.headtop .container, 
	.foot .container ,
	.mode-item .container {  width: 90%; min-width: unset; padding: 0; }  
	
	.box-sticky-left, 
	.box-sticky-right, 
	.detail-sticky-left, 
	.detail-sticky-right { width: 100%; }
	
	ul li ,
	.about-desc,
	.school-sort ,
	.box-1 .swiper-gally { width: 100%; float: none; margin-right: 0;  }
	
	.pc {  display: none !important; }
	.phone { display: block !important; }	
	.phone-flex { display: inline-flex !important; }
	
	.margin_bottom50 {   margin-bottom: 30px !important;	}
	.h1, .h3 { margin-bottom: 30px; }
	
	.desc-unlimit p { font-size: 14px; }
	
	span,
	#product .swiper-slide h3 span,
	.cp-groups ul li h3 span{ font-size: 16px; }
	
	
	.font-20, 
	.co-tittle span {  font-size: 18px;	}
	
	.font-22, 
	.school-title, 
	.call_hotline, 
	.stand-title-22 {  font-size: 22px;	}
	
	p.price ,
	p.price span ,
	#user-evaluate .swiper-slide a .stand-title-24 { font-size: 20px; }
	
	.stand-title-30 {  font-size: 22px;	}
	
	.font-36, 
	.stand-title-detail, 
	.stand-title-36 {   font-size: 24px; }
	
	.co-tittle, 
	.banner-tittle, 
	.stand-title-detail { font-size: 32px; }
	
	.margin_bottom70 {   margin-bottom: 44px;	}
	
	.co-tittle-group .font-18 { font-size: 14px; color: #999; }
	
	.header { padding: 15px 0 ; position: absolute; }
	.logo { position: static; transform: translate(0,0); margin: auto; }
	.logo a {  height: 45px;  transition: all .35s;	}
	
	
	
	.foot {  width: 100%;  padding: 30px 0 35px;	}
	.ft-logo {  width: 56%;  margin: auto; margin-bottom: 30px; }
	.ft-banquan { display: block; }
	.ft-banquan .ft-socialshare h6 { display: none; }
	.ft-banquan .ft-socialshare { justify-content: center; margin-bottom: 30px; }
	.ft-banquan .ft-socialshare ul a {  width: 50px;  height: 50px;   background-size: auto 22px; 	}
	
	.copyright {
	    border-top: 1px rgba(255,255,255,.35 ) solid;
	    padding-top: 20px;
	    text-align: center;
	}
	.copyright p { font-size: 12px;/* background-image: none !important; text-align: center; padding: 0; */ } 
	
	.innerban { height: 260px; }
	h2.innerban_title { font-size: 24px; transform: translateY(15px); }
	
	
	/* banner */
	/* #banner { height: 90vh; } */
	#banner .swiper-slide a { background-position: 28% center;  background-size: auto 100%; }
	#banner .inside-bottom { width: 100%; }
	#banner .swiper-pagination { display: block; text-align: center; width: 100%; top: auto; bottom: 0; transform: translateY(0); }
	#banner .swiper-pagination span {  margin: 5px;	}
	#banner .btn-more { transform-origin: top left; transform: scale(.85);}
	#banner .swiper-tool { display: none; }
	p.banner-type { font-size: 16px; margin-bottom: 10px; }
	
	
	.mode-about h1.font-72.text-center.color_title.margin_bottom70 { 
		font-size: 20px;
		line-height: 1.35;
		letter-spacing: 1px; margin-bottom: 30px;
	}
	
	.mode-about .group-flex-2 { width: 93%; margin-bottom: 20px; }
	.mode-about .group-flex-2 .img9_16 { padding-top: 165.8%; }
	.brand-story { width: 185%; height: auto; transform-origin: center bottom;  transform: translateX(-50%) scale(.4);}
	.brand-story p { font-size: 30px; margin-top: 15px ; margin-bottom: 15px; }
	.brand-story .btn-more { margin-top: 15px;transform: scale(1.3);	}
	
	
	.pro-set { height: 0; padding-top: 160px; }
	.pro-set img { width: auto; height: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); }
	.pro-set-info .btn-group { display: none; }
	
	#product .swiper-slide { height: 54vh; }
	.flex-heard ,
	.cp-tag ,
	.btn-normal-group,
	.pro-set-info ,
	#user-evaluate .swiper-slide a ,
	.pro-adv ul li .pro-surface, 
	#adv .swiper-slide .pro-surface ,
	#cp-brandshop .brand-discount dl dd { padding: 20px; }
	
	#product ,
	.pro-adv ,
	#user-evaluate ,
	#adv { margin-right: -5.5%; }
	#product .swiper-slide .btn-normal-group .btn-more-normal { padding: 14px; }
	
	.swiper-tool {  width: 93%;  margin-top: 30px;}
	.swiper-tool .swiper-button-next, 
	.swiper-tool .swiper-button-prev { transform: translate(0,0) scale(.85); }
	
	#user-evaluate .swiper-container {  height: 60vh; }
	#user-evaluate .swiper-slide a .uesr-position { bottom: 25px; }
	
	.mode-shop .h1 { font-size: 24px; line-height: 1.35; }
	.shopping-platform ul li img { height: 30px; }
	.shopping-platform ul li span { font-size: 12px; opacity: .35; }
	
	.mode-retroaction { padding-top: 0px; } 
	#adv .swiper-slide .pro-surface .stand-title-36 {  font-size: 18px; }
	/* #adv .swiper-slide .img16_9 {  padding-top: 80.8%;	} */
	#adv .swiper-slide .btn-more { 
		width: unset; height: unset; 
		min-width: unset; display: inline-flex; 
		transform-origin: top left;
		transform: scale(.65);
		margin-top: 20px;
	}
	/* home-end */
	
	/* about */
	
	.h3 {  font-size: 17px;	}
	.mode-item .h1 { font-size: 22px; line-height: 1.5;}
	
	.gongyi { padding: 60px 0; padding-bottom: 0;  position: relative; }
	.gongyi .inside-bottom {  position: relative; background-color: #000; }
	.craft_list ul li {
	    border-bottom: 1px rgba(255,255,255,.5) solid;
	    padding-left: 20px;
	    padding-top: 35px;
	    padding-bottom: 60px;
	    margin-bottom: 0;
	}
	.craft_list ul li:last-child { border-bottom: none; }
	
	.mind .container {  padding: 30px 15px;	}
	.map {  height: 100vh;  overflow: hidden;	}
	.map img {
	    width: auto;
	    max-width: unset;
	    height: 150%;
	    position: absolute;
	    left: 82%;
	    transform: translateX(-50%);
	}
	.map h3 {
	    color: #fff;
	    position: absolute;
	    top: 60%;
	    left: 20vw;
	    font-size: 16px;
	    line-height: 1.35;
	    padding-left: 30px;
	    transform: translateY(-50%);
	}
	
	.map h3 i {  position: absolute;  left: 0;	}
	
	.input-group ul li { font-size: 16px; }
	.ft-contact li p ,
	textarea { font-size: 18px; }
	
	/* cp */
	.cp-groups ul li { height: 59vh; }
	.has-series ul li:first-child { width: 100%; }	
	.has-series ul li .pro-set-info .btn-group { display:flex; position: relative; margin-top: 20px; }
	.has-series ul li .pro-set-info .btn-more:first-child { margin-left: 0; }
	.cp-type ul li { padding: 10px 15px; }
	.cp-price span {font-size: 30px; }
	.cp-size ul li { width: auto; }
	.cp-parameter { font-size: 16px; margin-bottom: 15px; }
	#cp-detail .swiper-gallery .imgsize img { max-height: 88%; }
	
	#cp-brandshop .brand-discount { width: 80%; }
	#cp-brandshop .brand-discount dl dt { display: none; }
	#cp-brandshop .brand-discount-actives,
	#cp-brandshop .brand-discount-actives .color_oncount { font-size: 24px; }
	#cp-brandshop .brand-discount-actives { margin-bottom: 15px; }
	.shopOnline ul li a {  padding: 5px 20px; }
	.shopOnline ul li:last-child, 
	.shopOnline ul li:nth-last-child(2) { margin-bottom: 20px; }
	.close3 { width: 35px; height: 35px;  top: 10px;  right: 10px; }
	
	
	.mode.mode-pro {  margin-top: 25px;	}
	.font-100 {  font-size: 30px;	}
	
	.pages ul a.prev, .pages ul a.next { position: relative; }
	
	select.cp-color { height: 50px; border: 5px #f3f3f5 solid; border-right-width: 15px;}
	
	.mode-about .phone-flex { margin-left: 50%; transform: translateX(-50%); }
	.cp-type {  width: 100%;  margin-bottom: 8px;	}
	
	
	/* .relative_search */
	.pro-search { height: auto; background-color: transparent; }
	.search_area { max-width: 100%; position: static; transform: translate(0,0); padding: 20px 0; margin: auto; }
	.pro-search-box { border-color: #000; background: #000; }
	.relative_search { display: block; color: #000; }
	.relative_search ul { width: 100%; }
	.relative_search ul a { 
		border-radius: 34px;
		padding: 8px 13px;
		border-color: #000; 
		opacity: 1; 
		color: #000; 
		margin: 0; 
		margin-top: 8px; 
		margin-right: 8px; 
	}
	.relative_search ul a:hover { background-color: #000; color: #fff; }
	/* .relative_search ul a:nth-child(4n) { margin-right: 0; } */
	
	
	/* 2024-8-21 */
	.ft-hz dl { display: block; margin-bottom: 50px; }
	.ft-hz dl dt { text-align: center; width: 100%; margin-bottom: 30px;}
	.ft-hz dl dt .ft-logo { width: 70%; margin: auto; }
	.ft-contect p strong { font-size: 22px;	}
	
	
}



/* ipad */
@media only screen and (min-device-width : 768px) and (max-device-width : 1186px) and (orientation : landscape) { 
	 
	.container,
	.headtop .container, 
	.foot .container ,
	#banner .inside-bottom {  width: 90%; min-width: unset; padding: 0; }  
	
	.logo { top: 115%; } 
	.logo a { height: 68px;  transition: all .35s;	}
	
	/* 统一字体设置 */
	.font-12 { font-size: 12px;  }
	
	.font-14 ,
	.desc-unlimit p{ font-size: 14px; }
	
	p,
	.font-16,
	.btn-more-normal ,
	#product .swiper-slide h3 span, 
	.cp-groups ul li h3 span { font-size: 16px; }
	
	.font-18,
	#product .swiper-slide h3 span { font-size: 18px; }
	
	.font-20,
	.co-tittle span { font-size: 20px; }
	
	.font-22,
	.call_hotline ,
	p.price { font-size: 22px; }
	
	.font-24,
	.t-name,
	.news-tittle,
	.stand-title-24 { font-size: 20px; }
	
	.font-28 { font-size: 28px; }
	
	.font-30 { font-size: 30px; }
	
	
	
	.font-36,
	.co-tittle,
	.banner-tittle,
	.stand-title-detail  { font-size: 36px; }
	
	.font-42 { font-size: 42px; }
	
	.font-48,
	.counter { font-size: 48px; }
	
	.font-32 ,
	.brand-discount-actives{ font-size: 32px; }
	
	.font-60 {   font-size: 38px;	}
	
	.font-72 {  font-size: 48px; }
	 
	.font-100 { font-size: 56px; }
	
	 .none-padding { padding:0 !important; }
	
	 .padding_20 { padding: 20px; }
	 .padding_up20 { padding: 20px 0;  }
	 
	 .padding_30 { padding: 30px; } 
	 .padding_up30 { padding: 30px 0;  }
	 
	 .padding_40 { padding: 40px; }
	 .padding_up40 { padding: 40px 0;  }
	 
	 .padding_50 { padding: 50px; }
	 .padding_up50 { padding: 50px 0 ; }
	 
	 .padding_60 { padding: 60px; }
	 .padding_up60 { padding: 60px 0 ; }
	 
	 .padding_100 { padding: 100px; }
	 .padding_up100 { padding: 100px 0 ; }
	 
	 .mode { padding: 60px 0; }
	 
	 .goTop {
	     position: fixed;
	     right: 5%;
	     bottom: 20vh;
	     width: 56px;
	     height: 59px;
	     font-size: 16px;
	     line-height: 43px;
	 }
	
	#banner .inside-bottom { padding-bottom: 10vh; }
	
	.font-36, 
	.stand-title-detail, 
	.stand-title-36 {   font-size: 36px;	}
	
	.flex-heard ,
	.cp-tag ,
	.btn-normal-group,
	.pro-set-info ,
	#user-evaluate .swiper-slide a ,
	.pro-adv ul li .pro-surface, 
	#adv .swiper-slide .pro-surface ,
	#cp-brandshop .brand-discount dl dd { padding: 20px; }
	
	.group-flex-2 {  width: 87%;}
	.group-flex-2 .brand-story { width: 70%; height: auto; }
	.group-flex-2 .brand-story .btn-more { margin-top: 25px; }
	
	#user-evaluate .swiper-container {  height: 50vh; min-height: 400px;  }	
	#product .swiper-slide { height:47vh; min-height: 400px; }
	
	#cp-brandshop .brand-discount {  width: 85%; }
	#cp-brandshop .brand-discount dl dt {  width: 52%; }
	#cp-brandshop .brand-discount dl dd {  width: 48%; }
	.close3 {  width: 40px;  height: 40px;}
	.swiper-tool .swiper-button-prev { margin-right: 8px; }
	
	.mode-item .container {  width: 85%; }
	.mind .h1, 
	.mind .h3 { margin-bottom: 20px; }
	.mind h1.font-60 { font-size: 36px; }
	.mind .brand-mind,
	.mind .brand-desc { font-size: 16px; line-height: 1.5; }
	
	
	/* cp */
	.mode.mode-pro {  margin-top: 30px;	}
	.has-series ul li .pro-set-info .btn-group { position: relative; margin-top: 20px; }
	.cp-groups ul li .imgsize {
		position: absolute;
		top: 56%;
		left: 50%;
		transform: translate(-50%,-50%);
	}
	
	p.price { margin-top: 10px; }
	
	.flex-heard {
	    padding:20px;
	    display: flex;
	    flex-flow: column;
	    align-items: baseline;
	    justify-content: flex-start;
	    position: absolute;
	}
	
	.cp-groups ul li .btn-normal-group { display: block; }
	.cp-groups ul li .btn-normal-group a { width: 100%; margin-top: 10px; }
	.mode-sticky { margin-top: 40px; }
	.position_sticky {  top: 103px;	}
	.box-sticky-left {   width: calc( 100% - 45% - 40px ); }
	.box-sticky-right {  width: 45%;  float: right; }
	
	.cp-parameter { font-size: 18px; }
	.cp-detail-parameter ul li {   margin-bottom: 0; margin-top: 20px; }
	
	.pages ul a { width: 45px; height: 45px; line-height: 42px; font-size: 16px; }
	.pages ul a.prev, 
	.pages ul a.next {  width: 107px; }
	
}