/*
Theme Name: YinRui
Version: 1.0
Description: 安徽领聚数字作为Google中国区核心合作伙伴,拥有安徽省唯一的一家Google出海体验中心,为安徽本土化外贸企业出海提供一站式服务——网站搭建,谷歌SEO优化,谷歌竞价,谷歌SNS社媒营销等。
Author: 版权所有：安徽领聚
*/
@charset "utf-8";

.wrap {
	width: 94%;
	margin: 0 auto
}


html {
	scroll-behavior: smooth
}


:root {
	--i_color: #9F8561;
	/* 全局颜色 */
	--i_color2: #670C0E;
	/* 副颜色 */
	--header_height: 1rem;
	/* 头部高度 */
	--border_color: rgba(0, 0, 0, .1);
	/* 默认边框颜色 */
	--f_menu_height: 50px;
	/* 移动端底部菜单 */
	--linear-gradien:linear-gradient(135deg, rgba(31,99,157,1),rgba(37,55,155,1));
}

@media screen and (max-width:1024px) {
	:root,
	header {
		--header_height: .6rem;
	}
}
@media screen and (max-width:768px) {
	:root {
		--border_color: rgba(0, 0, 0, .06)
	}
}

@font-face {
	font-family: 'Pop';
	src: url('static/webfonts/Poppins-Regular.otf');
}
@font-face {
	font-family: 'lta';
	src: url('static/webfonts/Poppins-Italic.otf');
}
@font-face {
	font-family: 'med';
	src: url('static/webfonts/Poppins-Medium.otf');
}
@font-face {
	font-family: 'bold';
	src: url('static/webfonts/Poppins-Bold.otf');
}
@font-face {
	font-family: 'sbold';
	src: url('static/webfonts/Poppins-SemiBold.otf');
}
@font-face {
	font-family: 'lig';
	src: url('static/webfonts/Poppins-Light.otf');
}
@font-face {
	font-family: 'din';
	src: url('static/webfonts/DINCOND-FONT.OTF');
}


body{
	font-family: 'Pop';
}



/* one */
.one_bac{
   width: 100%;
   height: 100vh;
   background: url('static/imgs/one.webp') no-repeat center;
   background-size: cover;
   position: relative;
   overflow: hidden;
}
.one{

}
.one_text{
   box-sizing: border-box;
   padding: 0 9%;
   position: absolute;
   width: 100%;
   top: 50%;
   left: 50%;
   transform: translate(-50%,-50%);
}
.one_text h2{
   font-size: 0.64rem;
   font-family: 'med';
   line-height: 100%;
   color: var(--i_color);
}
.one_text h2 span{
   font-size: 0.96rem;
   color: #fff;
   line-height: 120%;
}
.one_text h4{
   font-size: 0.2rem;
   color: #fff;
   font-style: italic;
   font-family: 'lta';
}

.one_btn{

}
.one_btn a{
	display: inline-block;
	cursor: pointer;
	font-size: 0.18rem;
	color: #fff;
	background-color: var(--i_color);
	box-sizing: border-box;
	padding: 0.12rem 0.4rem;
	margin-top: 0.4rem;
	clip-path: polygon(5% 0, 100% 0%, 95% 100%, 0% 100%);
}
.one_text img{
	width: 2.2rem;
	height: auto;
	margin-bottom: 0.1rem;
}


.glowIn span{
	animation: glow-in 0.8s both;
}

@keyframes glow-in {
	from {
	  opacity: 0;
	}
	65% {
	  opacity: 1;
	  text-shadow: 0 0 25px white;
	}
	75% {
	  opacity: 1;
	}
	to {
	  opacity: 0.7;
	}
}
  



@media screen and (max-width:1440px) {
	.one_text h2 {
		font-size: 0.6rem;
	}
	.one_text h2 span {
		font-size: 0.9rem;
	}
	.one_text img{
		width: 2rem;
	}
}
@media screen and (max-width:1366px) {
	
}
@media screen and (max-width:1200px) {
	.one_text h2 {
		font-size: 0.5rem;
	}
	.one_text h2 span {
		font-size: 0.8rem;
	}
	.one_btn a{
		font-size: 0.16rem;
		padding: 0.1rem 0.3rem;
		margin-top: 0.4rem;
	}
	.one_text img{
		width: 1.8rem;
	}
}
@media screen and (max-width:1024px) {
	.one_text img{
		width: 1.5rem;
	}
}
@media screen and (max-width:960px) {
	.one_text h2 {
		font-size: 0.4rem;
		margin-bottom: 0.1rem;
	}
	.one_text h2 span {
		font-size: 0.7rem;
	}
}
@media screen and (max-width:767px) {
	.one_text h2 {
		font-size: 0.3rem;
		text-shadow: 0 0 0.01rem #000;
	}
	.one_text h2 span {
		font-size: 0.6rem;
	}
	.one_bac{
		height: unset;
	}
	.one_text {
		box-sizing: border-box;
		padding: 0.5rem 9%;
		position: relative;
		width: 100%;
		top: 0%;
		left: 0%;
		transform: translate(0%,0%);
	}
	.one_text h4{display: none;}
	.one_text h2 br{display: none;}
	.one_btn a{
		font-size: 0.14rem;
		padding: 0.08rem 0.2rem;
		margin-top: 0.2rem;
	}
	.one_text img{
		width: 1.2rem;
		margin-bottom: 0;
	}
}
@media screen and (max-width:560px) {
	.one_text h2 {
		font-size: 0.25rem;
	}
	.one_text h2 span {
		font-size: 0.5rem;
	}

}
@media screen and (max-width:425px) {
	.one_text h2 span {
        font-size: 0.4rem;
    }
}










/* two */
.two_bac{
   box-sizing: border-box;
   padding: 1rem 0;
   background: url('static/imgs/two_bac.png') center no-repeat;
   background-size: cover;
   overflow: hidden;
}
.two{

}
.two h2{

}
.title{

}
.title h2{
   font-size: 0.55rem;
   color: #000;
   line-height: 0.6rem;
   text-align: center;
   font-family: 'sbold';
   margin-bottom: 0.1rem;
}
.title span{
	font-family: 'lig';
	font-size: 0.32rem;
	line-height: 0.35rem;
	text-align: center;
	display: block;
}
.title_white h2,.title_white span{
	color: #fff;
}







.two_all{
   display: flex;
   display: -webkit-flex;
   flex-wrap: wrap;
   gap: 0.4rem;
   justify-content: space-between;
   align-items: flex-start;
   margin-top: 0.8rem;
   box-sizing: border-box;
   padding: 0 17% 0 9%;
   width: 100%;
   align-items: center;
}
.two_left{
   width: 42.6%;
   position: relative;
}
.two_left::after{
   content: '';
   display: block;
   padding-bottom: 84%;
}
.two_left img{
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%,-50%);
   width: 100%;
   height: 100%;
   object-fit: cover;
   display: block;
   
}
.two_right{
	width: 4.34rem;
	display: flex;
	display: -webkit-flex;
	flex-wrap: wrap;
	gap: 0.4rem 1.1rem;
}
.two_right li{
    width: calc((100% - 1.1rem) / 2);
	display: flex;
	display: -webkit-flex;
	flex-direction: column;
	align-items: center;
}
.two_right li img{
    width: 0.88rem;
	height: 0.88rem;
	object-fit: contain;
	box-sizing: border-box;
	border-radius: 15px;
    box-shadow: 0 0.04rem 0.04rem rgba(0, 0, 0, .2);
}
.two_right li p{
   font-size: 0.2rem;
   color: #000;
   line-height: 100%;
   text-align: center;
   margin-top: 0.2rem;
}


@media screen and (max-width:1440px) {
	.title h2 {
		font-size: 0.5rem;
		line-height: 0.55rem;
	}
	.two_right{
		width: 4rem;
		gap: 0.4rem 0.8rem;
	}
	.two_right li{
		width: calc((100% - 0.8rem) / 2);
	}
	.title span{
		font-size: 0.3rem;
		line-height: 105%;
	}
}
@media screen and (max-width:1366px) {
	.title span{
		font-size: 0.28rem;
	}
}
@media screen and (max-width:1200px) {
	.title h2 {
		font-size: 0.4rem;
		line-height: 0.45rem;
	}
	.two_right{
		width: 3.5rem;
		gap: 0.3rem 0.6rem;
	}
	.two_right li{
		width: calc((100% - 0.6rem) / 2);
	}
	.two_right li p {
		font-size: 0.18rem;
	}
	.two_all {
		margin-top: 0.6rem;
	}
	.title span{
		font-size: 0.26rem;
	}
	
}
@media screen and (max-width:1024px) {
	.title span{
		font-size: 0.24rem;
	}
}
@media screen and (max-width:960px) {
	.title h2 {
		font-size: 0.3rem;
		line-height: 0.35rem;
	}
	.two_right{
		width: 3rem;
		gap: 0.3rem 0.4rem;
	}
	.two_right li{
		width: calc((100% - 0.4rem) / 2);
	}
	.two_right li p {
		font-size: 0.16rem;
	}
	.title span{
		font-size: 0.22rem;
	}

}
@media screen and (max-width:767px) {
	.title h2 {
		font-size: 0.28rem;
		line-height: 120%;
		margin-bottom: 0.1rem;
	}
	.two_all {
		padding: 0 9% ;
	}
	.title span{
		font-size: 0.2rem;
	}
}
@media screen and (max-width:560px) {
	.two_all {
		padding: 0 3%;
		justify-content: center;
	}
	.two_left {
		width: 50%;
	}
	.two_right {
        width: 100%;
        gap: 0.3rem;
    }
	.title span{
		font-size: 0.18rem;
	}
	.title span br{display: none;}
}
@media screen and (max-width:425px) {
	.two_left {
		width: 80%;
	}
	.title span{
		font-size: 0.16rem;
	}
}








/* @media screen and (max-width:1440px) {
	
}
@media screen and (max-width:1366px) {
	
}
@media screen and (max-width:1200px) {
	
}
@media screen and (max-width:1024px) {
	
}
@media screen and (max-width:960px) {
	
}
@media screen and (max-width:767px) {
	
}
@media screen and (max-width:560px) {
	
}
@media screen and (max-width:425px) {
	
} */


.three_bac{
   position: relative;
   background-color: #000;
}
.three{
}
.three img{
	width: 100%;
	height: 100vh;
    object-fit: cover;
}
.three_text{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	width: 100%;
	box-sizing: border-box;
	padding: 0 3%;
	font-size: 0.55rem;
	color: #fff;
	line-height: 110%;
	font-family: 'sbold';
}









@media screen and (max-width:1440px) {
	.three_text{
		font-size: 0.5rem;
	}
}
@media screen and (max-width:1366px) {
	
}
@media screen and (max-width:1200px) {
	.three_text{
		font-size: 0.45rem;
	}
}
@media screen and (max-width:1024px) {
	.three_text{
		font-size: 0.4rem;
	}
}
@media screen and (max-width:960px) {
	
}
@media screen and (max-width:767px) {
	.three_text{
		font-size: 0.35rem;
	}
	.three img{
		height: unset;
	}
}
@media screen and (max-width:560px) {
	.three_text{
		font-size: 0.3rem;
	}
	.three_text br{
		display: none;
	}
}
@media screen and (max-width:425px) {
	.three_text{
		font-size: 0.25rem;
	}
}





/* @media screen and (max-width:1440px) {
	
}
@media screen and (max-width:1366px) {
	
}
@media screen and (max-width:1200px) {
	
}
@media screen and (max-width:1024px) {
	
}
@media screen and (max-width:960px) {
	
}
@media screen and (max-width:767px) {
	
}
@media screen and (max-width:560px) {
	
}
@media screen and (max-width:425px) {
	
} */


.four_bac{
   background: url('static/imgs/four_bac.webp') no-repeat center;
   background-size: cover;
   box-sizing: border-box;
   padding: 1rem 0 1.5rem 0;
   overflow: hidden;
}
.four{

}
.four_1{
    position: relative;
}
.four_1{
	margin: 1.5rem 0 2rem 0;
}
.four_1 img{
	width: 100%;
	height: 2.53rem;
	object-fit: cover;
}
.four_1 i{
    width: 11.72rem;
	height: 3.27rem;
	max-width: 100%;
	background: url('static/imgs/four2.webp') center no-repeat;
	background-size: contain;
	position: absolute;
	bottom: 0;
	left: 6%;
}
.four_1 p{
	position: absolute;
	right: 1.5%;
	top: 50%;
	transform: translate(0,-50%);
	font-family: 'din';
	font-size: 0.55rem;
	color: #fff;
	text-align: right;
	text-transform: uppercase;
}
.four_2{
   position: relative;
}
.four_2 img{
	width: 100%;
	height: 3.05rem;
	object-fit: cover;
}
.four_2 i{
	width: 11.94rem;
	height: 3.87rem;
	max-width: 100%;
	background: url('static/imgs/four4.webp') center no-repeat;
	background-size: contain;
	position: absolute;
	bottom: 0.1rem;
	right: 6%;
}
.four_2 p{
	position: absolute;
	left: 1.5%;
	top: 50%;
	transform: translate(0,-50%);
	font-family: 'din';
	font-size: 0.55rem;
	color: #fff;
}

@media screen and (max-width:1440px) {
	.four_2 i{
		width: 11rem;
		right: 3%;
	}
	.four_1 i{
		width: 11rem;
		left: 3%;
	}
	.four_1 p,.four_2 p {
		font-size: 0.4rem;
	}
}
@media screen and (max-width:1366px) {
	
}
@media screen and (max-width:1200px) {
	.four_2 i{
		width: 10rem;
	}
	.four_1 i{
		width: 10rem;
	}
	.four_1 p,.four_2 p {
		font-size: 0.3rem;
	}
	.four_bac {
		padding: 0.8rem 0 1.3rem 0;
	}
}
@media screen and (max-width:1024px) {
	
}
@media screen and (max-width:960px) {
	.four_2 i{
		width: 94%;
		box-sizing: border-box;
	}
	.four_1 i{
		width: 94%;
		box-sizing: border-box;
	}
	.four_1 p,.four_2 p{
		top: unset;
		bottom: -0.6rem;
		width: 100%;
		right: unset;
		left: 0;
		text-align: center;
		background-color: var(--i_color);
		box-sizing: border-box;
		padding: 0.2rem 3%;
		transform: translate(0%,0);
	}
	.four_1 p br,.four_2 p br{display: none;}
}
@media screen and (max-width:767px) {
	.four_1 i {height: 3rem;}
	.four_2 i {height: 3.3rem;}
	.four_1{
		margin: 1rem 0;
	}
}
@media screen and (max-width:560px) {
	.four_1 i {height: 2.5rem;}
	.four_2 i {height: 2.8rem;}
	.four_1{
		margin:0.2rem 0 0.6rem 0;
	}
	.four_1 p, .four_2 p {
        font-size: 0.25rem;
    }
}
@media screen and (max-width:425px) {
	.four_1 i {height: 1.5rem;}
	.four_2 i {height: 1.8rem;}
	.four_1 img {
		height: 1.5rem;
	}
}



/* five */
.five_bac{
	box-sizing: border-box;
	background: #000;
	padding: 1rem 0;
}

.five_video{
   box-sizing: border-box;
   padding: 0 9%;
   margin-top: 0.6rem;
   
}
.five_video video{
	width: 100%;
    height: auto;
	max-height: 60vh;
}
.overlay{
    width: 100%;
	height: 100%;
    clip-path: polygon(50% 50%, 50% 50%, 50% 50%, 50% 50%);
}

/* six */
.six_bac{
   box-sizing: border-box;
   padding: 1.8rem 0;
   background: url('static/imgs/six_bac.webp') center no-repeat;
   background-size: cover;
}
.six{
   display: flex;
   display: -webkit-flex;
   flex-wrap: wrap;
   box-sizing: border-box;
   padding: 0 9%;
   justify-content: space-between;
   align-items: center;
}
.six_left{
   width: 54%;

}
.six_left h2{
   font-size: 0.95rem;
   color: var(--i_color);
   font-family: 'sbold';
   font-style: italic;
   line-height: 100%;
}
.six_left h3{
   font-size: 0.32rem;
   color: #fff;
   line-height: 0.45rem;
   font-family: 'lig';
   margin: 0.2rem 0;
}
.six_left h4{
   font-size: 0.26rem;
   line-height: 0.45rem;
   color: var(--i_color);
   font-family: 'med';
   font-style: italic;
}

.six_right{
   position: relative;
   width: 34.7%;
}
.six_right::after{
   content: '';
   display: block;
   padding-bottom: 104%;
}
.six_right img{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	width: 100%;
	height: 100%;
	object-fit: contain;
}



@media screen and (max-width:1440px) {
	.six_left h2 {
		font-size: 0.8rem;
	}
	.six {
		padding: 0 6%;
	}
	.six_left h3 {
		font-size: 0.3rem;
		line-height: 0.43rem;
	}
	.six_bac {
		padding: 1.6rem 0;
	}
	.six_left h4 {
		font-size: 0.24rem;
		line-height: 150%;
	}
}
@media screen and (max-width:1366px) {
	.six_left h2 {
		font-size: 0.7rem;
	}
}
@media screen and (max-width:1200px) {
	.six_left h2 {
		font-size: 0.6rem;
	}
	.six {
		padding: 0 3%;
	}
	.six_left h3 {
		font-size: 0.28rem;
		line-height: 0.41rem;
	}
	.six_bac {
		padding: 1rem 0;
	}
	.six_left h4 {
		font-size: 0.22rem;
	}
	.five_video {
		padding: 0 6%;
	}
	.five_bac {
		padding: 0.6rem 0;
	}
}
@media screen and (max-width:1024px) {
	.six_left h2 {
		font-size: 0.5rem;
	}
}
@media screen and (max-width:960px) {
	
}
@media screen and (max-width:767px) {
	.six_left h2 {
		font-size: 0.4rem;
	}
	.six_left h3 {
		font-size: 0.25rem;
		line-height: 140%;
		margin: 0.1rem 0;
	}
	.six_left{
		width: 100%;
	}
	.six {
		align-items: center;
		flex-direction: column-reverse;
		gap: 0.4rem;
	}
	.six_bac {
		padding: 0.8rem 0;
	}
	.six_left h4 {
		font-size: 0.2rem;
	}
	.six_right {
		width: 40%;
	}
	.five_video {
		padding: 0 3%;
		margin-top: 0.4rem;
	}
}
@media screen and (max-width:560px) {
	.six_left h2 {
		font-size: 0.3rem;
	}
	.six_left h3 {
		font-size: 0.2rem;
	}
	.six_left h4 {
		font-size: 0.16rem;
	}
	.six_right {
		width: 50%;
	}
}
@media screen and (max-width:425px) {
	.six_right {
		width: 60%;
	}
}





/* @media screen and (max-width:1440px) {
	
}
@media screen and (max-width:1366px) {
	
}
@media screen and (max-width:1200px) {
	
}
@media screen and (max-width:1024px) {
	
}
@media screen and (max-width:960px) {
	
}
@media screen and (max-width:767px) {
	
}
@media screen and (max-width:560px) {
	
}
@media screen and (max-width:425px) {
	
} */





/* seven */
.seven_bac{
	box-sizing: border-box;
	padding: 3rem 0;
	background-color: #000;
}
.seven{
   box-sizing: border-box;
   padding: 0 9%;
}
.seven>h2{
   font-size: 0.24rem;
   color: #fff;
   line-height: 0.35rem;
   font-family: 'lig';
   display: inline-block;
   position: relative;
   z-index: 2;
}
.seven>h2::after{
	content: '';
	position: absolute;
	top: -0.52rem;
	right: -3rem;
	width: 2.83rem;
	height: 1.49rem;
	background: url('static/imgs/seven.png') center no-repeat;
	background-size: contain;
	z-index: -1;
}
.seven h2 span{
   font-size: 0.45rem;
   color: var(--i_color);
   font-style: italic;
   font-family: 'med';
   line-height: 0.45rem;
}
.seven_form{
   margin-top: 0.2rem;
}
.seven_form h2{
	display: none;
}
.seven_form .indicates-required{
	display: none;
}
.seven_form #mc_embed_signup{
	width: 60%;
	background: transparent;
}
.seven_form #mc_embed_signup .mc-field-group label{
	font-size: 0.16rem;
	color: #fff;
}

.seven_form #mc_embed_signup form{
	margin: 0;
}

.seven_form #mc_embed_signup .button{
	background: var(--i_color);
	font-size: 0.16rem;
	border-radius: 0;
	box-sizing: border-box;
	padding: 0.15rem 0.4rem;
	height: unset;
	line-height: unset;
	clip-path: polygon(5% 0, 100% 0%, 95% 100%, 0% 100%);
}
.seven_form #mc_embed_signup input{
	border-radius: 0;
	height: 0.25rem;
	

}
.seven_form  .mc-field-group input{
	width: 65% !important;
	height: 0.5rem !important;
	border-radius: 2px;
}

.seven_form #mc_embed_signup .mc-field-group {
    padding-bottom: 0.15rem;
	display: flex;
	display: -webkit-flex;
	flex-direction: column;
	gap: 0.05rem;
}



@media screen and (max-width:1440px) {
	.seven {
		padding: 0 6%;
	}
	.seven>h2 {
		font-size: 0.22rem;
		line-height: 0.3rem;
	}
	.seven>h2::after {
		top: -0.45rem;
		right: -2.6rem;
		width: 2.6rem;
		height: 1.3rem;
	}
	.seven_bac{
		padding: 2.5rem 0;
	}
}
@media screen and (max-width:1366px) {
	
}
@media screen and (max-width:1200px) {
	.seven {
		padding: 0 3%;
	}
	.seven_bac{
		padding: 2rem 0;
	}
}
@media screen and (max-width:1024px) {
	.seven_form #mc_embed_signup{
		width: 100%;
	}
}
@media screen and (max-width:960px) {
	.seven>h2::after {
        top: 0;
        right: 0;
    }
	.seven>h2 br{display: none;}
	.seven>h2::after {
        top: -82px;
        right: 0;
    }
	.seven h2 span {
		font-size: 0.4rem;
		line-height: 100%;
	}
}
@media screen and (max-width:767px) {
	.seven h2 span {
		font-size: 0.35rem;
	}
	.seven_form {
		margin-top: 0.1rem;
	}
	.seven_form  .mc-field-group input{
		width: 100% !important;
		height: 0.45rem !important;
	}
}
@media screen and (max-width:560px) {
	
}
@media screen and (max-width:425px) {
	
}