@media screen and (min-width:1985px) {
   
	p { line-height: 1.8; font-size: .2rem; }
	#xy { height: 6.57rem; }
	.menu { top: calc(6vh + 12px); }
	.menu ul li a, .menu p {
	    background-color: #0066ff;
	    color: #fff;
	    line-height: 46px;
	    padding: 0px 0.33rem;
	    border-radius: 50px;
	    font-size: .22rem;
	    transition: all .35s;
	}
	
	.ft-wechart {  width: 34%; }
	
	.full-txt { line-height: 360px; font-size: 4.1rem; }
	.card {  width: calc( 4.5rem * (1.15)  );  height: calc(6rem * (1.15)); }
	
	.screen4 .title-h3 {  margin-bottom: 2.5rem;  margin-top: 0.5rem;	}
	.screen5 .title-h4 {  margin-top: 7vh;	}
	.screen5-2 .container { margin-top: 4%; }
	
	
	
	
	
}

@media screen and (min-width:1124px) and (max-width:1680px) {   
	#hezuo-logo .swiper-slide a img {height: 11%;}

    .container{ width: 80%; }	
	
	
}


@media screen and (max-width:1086px) {
    .container{ width: 90%; }
	.container img { max-width: 100%; }
	
	.pc ,
	div#hezuo-logo { display: none; }
	
	.phone,
	.brands ul {  display: block;	}
	
	.txtbg,
	.txtbg2 { letter-spacing: 2px; }
	
	p ,
	.w_150 span { font-size: 16px; }
	
	button#tang ,
	.screen5-1 .circle-line h3,
	.t1-4 { font-size: 18px; }
	
	.font-36 {  font-size: 20px;	}
	
	.subtitle ,
	.headtop h3 ,
	.thirdtitle ,
	.full-txt{ font-size: 24px; }
		
	.font-24 ,
	.ft-head ul li ,
	.ft-wechart ul li { font-size: 16px; }
	
	.screen3 .title-h2 { font-size: 32px; }
	
	.title-h1 {  font-size: 40px; text-align: center; }
	.title-h2 {  font-size: 33px;	}
	.title-h3 {  font-size: 32px; margin-bottom: 15px; font-weight: 700;	}
	
	.title-h4 {  font-size: 32px; line-height: 1.1;  font-weight: bold;	}
	.title-h4 small {  display: block;  font-size: 20px; }
	
	.screen5-2 .txtbg { font-size: 37px;}
	
	.screen3 .title-h2 .full-txt { font-size: 150px; }
	
	
	
	.hz img {  width: 85%;	}
	
	
	.headtop { width: 100%; text-align: center; padding-left: 0; }	
	section.screen,
	.screen5-1 { padding: 66px 0 !important; }
	
	/* screen1 */
	.screen1 .s1 { margin-top: 70px; }
	.title-h1 { line-height: 1.15; margin-bottom: 50px; }
	.t1-4, .t1-4:hover { padding: 10px 26px; }
	
	/* screen2 */	 
	.screen2 .container { margin-top: 0; margin-bottom: 80px; }
	.screen2 .thirdtitle { top: 10vh; }
	.screen2 .txtbg { top: auto; left: 0; bottom: 10vh; transform: translateX(0); font-size: 26vw; letter-spacing: 0px; }
	
	/* screen3 */
	.screen3 .desc {text-align: left; } 
	.screen3 .title-h2 { margin-bottom:28vh; }
	.full-txt { letter-spacing: 7px; line-height: 1; }
	
	
	/* screen4 */
	.screen4 .txtbg {  top: 16vh;}
	.screen4 .title-h3 { margin-bottom: 15px; margin-top: 0; }
	
	
	/* screen5 */
	.screen5 .title-h4 {  margin-top: 0; }
	.brands { width: 100%; margin-top: 77%; }
	.brands ul li {  margin-top: 25px;	}
	.brands ul li img { height: 20px; }
	
	
	/* screen5-1 */
	.screen5-1 .title-h4 { transform: translateY(-37px); }
	.screen5-1 .title-h4 small { display: none; }
	.screen5-1 .position_rel {  transform: translateY(0px); }
	.screen5-1 .position_rel .txtbg2 {
	    text-align: right;
	    font-size: 79px;
	    transform: translateX(0px);
	    position: absolute;
	    right: -7%;
	    top: 0;
	}
	
	/* screen5-2 */
	.screen5-2 .title-h4 { margin-bottom: 15px; }
	.screen5-2 .txtbg { transform: translateY(0px); margin-bottom: 50px; }
	
	.screen5-2 .t1-4 { 
		margin-top: 55px; 
		bottom: unset; 
		left: 0; 
		transform: translate(0,0); 
		position: relative; 
		display: inline-block; }
	
	.circle-line ul.circle-1 {  width: 62vw; height: 62vw;}
	.circle-line ul.circle-2 {  width: 92vw; height: 92vw; }
	.circle-line ul.circle-3 {  width: calc(100vw + 60px); height:calc(100vw + 60px); }
	
	.circle-line ul.circle-1 li {   width: 20px;   height: 20px; }
	.circle-line ul.circle-2 li {   width: 30px;   height: 30px; }
	.circle-line ul.circle-3 li {   width: 15px;   height: 15px; }
	
	.w_150 {
	    width: 86px !important;
	    height: 86px !important;
	    z-index: 10;
	    overflow: hidden;
	    box-shadow: 0 2px 28px 23px rgb(255 255 255 / 50%);
	}
	
	.circle-line ul.circle-1 li.w_150 {  transform: translate(calc(-18vw - 35px),-99%) rotate(0) scale(.75);}	
	.circle-line ul.circle-2 li.w_150 { transform: translate(calc((92vw - 35px) / 2 - 35px),-50%) rotate(-18deg);}
	.circle-line ul.circle-2 li.w_150:nth-child(2) { transform: translate(calc((141vw - 54px) / 2 - -30px),-55%) rotate(55deg)  scale(.7);}	
	.circle-line ul.circle-3 li.w_150 { transform: translate(calc((100vw + 200px ) / 2 - 35px), -163%) rotate(198deg);}
		
		
		
	/* screen5-3 */	
	.card { width: 281px;  height: 350px; }
	.card a { border-radius: 45px; padding: 30px; }
	.card h1 { font-size: 58px; }
	
	.screen5-3 .desc { position: absolute; bottom: 0px; }
	
	.hezuo-business { height: calc(100vh - 132px); /* position: relative; */z-index: 0; }
	.ft-wechart {
		width: 100%; 
		height: 100%; 
		position: relative; 
		right: 0; bottom: 0; 
		border-left:0px #000 solid; 
		padding-left: 0; 
		padding-top: 0; 
		margin-top: 45px;
	}
	
	.ft-wechart ul li { width: calc((100% - 20px) / 3); margin-right: 10px; font-size: 14px; }
	.ft-wechart ul li img { margin-bottom: 5px; }
	
	.screen5-3 .fixed-bottom p { font-size: 14px; }
	.screen5-3 .txtbg { font-size: 20vw; }
	.screen5-3 .title-h4 { transform: translateY(-40px); }
	
	
	/* screen6 */
	.subtitle { margin-bottom: 15px; }
	#xy {  height:148px;  width: 153%; }	
	.unison-misstion { position: relative; left: 0; top: 0; }
	.join img { margin-top: 0; margin-bottom: 30px; }	
	.font-20 { font-size: 18px; margin-bottom: 20px; line-height: 1.35; }	
	
	#ipad { display: block; }
	#ipad .ft-hz { margin-top: 25px; margin-bottom: 0; }
	#ipad .ft-hz h3 { margin-bottom: 5px; }
	#ipad .ft-hz .font-20  { margin-bottom: 0; }
	#ipad .ft-hz p { color: #fff; font-size: 20px; }
	
	
}

@media screen and (min-width:786px)  and  (max-width:1084px) {
		
	.title-h1 {  font-size: 70px;   line-height: 1; font-weight: 700;	}
		
	.brands {  width: 100%;  margin-top: 52%;	}	
	.brands ul { display: flex; }
	
	.circle-line ul.circle-1 {  width: 300px;  height: 300px;	}
	.circle-line ul.circle-2 {  width: 450px;  height: 450px;	}
	.circle-line ul.circle-3 {  width: 650px;  height: 650px;	}
	
	.circle-line ul.circle-2 li {   width: 20px;  height: 20px;  transform-origin: 0 0;  transform: translate(-121px, 76px) rotate(40deg); }
	.circle-line ul.circle-2 li.w_150 {  transform-origin: 0 0; transform: translate(163px,-50%) rotate(-18deg);	}
	.circle-line ul.circle-3 li.w_150 {  transform-origin: 0 0; transform: translate(-197px , -187px ) rotate(198deg);	}
	
	.screen5-2 img.phone { display: none; }
	div#hezuo-logo { margin-top: 0; height: 350px; }
	
	#xy {  height: 428px;  width: 153%; margin-top: 35px; 	}
	
	.hz { margin-top: 85px; }
	.hz img.pc { display: block; width: 100%; } 
	.hz img.phone { display: none; }
	
	#ipad .ft-wechart {
		width: 300px; 
		height: auto; 
		position: absolute; 
		right: 0; bottom: -100px; 
		border-left:0px #000 solid; 
		padding-left: 0; 
		padding-top: 0; 
		margin-top: 0;
	}
	
	#ipad .ft-hz {
		width: 50%;
		margin-bottom: 0;
		position: absolute;
		bottom: -100px;		
	}
	.card {  width: calc(281px * 1.15);  height: calc(350px * 1.15);	}
	.screen5-3 .txtbg { text-align: right; right: 0; }
	
	.ft-hz p { color: #fff; font-size: 30px;}
	
	
	section.screen5-3 .title-h4 { margin-bottom: 35px; }
	#hezuo-logo .swiper-slide a { min-height: 280px; }
	
	
	/* h3.font-20  br { display: none; } */
	
	
}