*{  box-sizing: border-box;}

h1,h2{margin-top: 0; margin-bottom: 0;font-weight: bold;}
.no-fixed .mobile-nav{position: relative; padding-bottom: 0;}
.contact {
	width: 100%;
	background-image: url(https://sanyglobal-img.sany.com.cn/static/img/contact/bgc.jpg?x-oss-process=image/resize,m_lfit,w_1920/quality,q_90);
	height: 100vh;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	background-attachment: fixed;
}
.bgc{position: fixed; left: 0; top: 0; width: 100%; background-image:url(https://sanyglobal-img.sany.com.cn/static/img/contact/media-bg.jpg?x-oss-process=image/resize,m_lfit,w_1920/quality,q_90); height: 100vh; background-repeat:no-repeat; background-size: cover; background-position: center; z-index: 0;}
.contact-content{width: 1200px;line-height: 1;	border-radius: 16px;	position: absolute;	top: 50%;	left: 50%;	transform: translate(-50%,-50%);	background: #fff;	margin-top: 80px;}
.social-media .contact{position: relative; z-index: 1; background: none; height: auto; width: auto;}
.social-media .contact-content{position: static; width: 1200px; line-height: 1; border-radius: 16px; transform: translate(0,0); background: #fff; margin: 5.2vw auto 6.25vw;}
.contact-content-warp{padding: 10.8% 8.3%;}
.contact-content h1{font-size: 5.4rem; color: #191f22;}
.contact-methods{display: flex; justify-content: space-between; flex-wrap: wrap;}
.contact-methods .contact-item{
    width: 47%;
    margin-top: 40px;
}
.contact-item h2{font-size: 3.6rem; color: #000;}
.contact-item .contact-desc{margin-top: 10px;font-size: 18px; line-height: 1.5;}
.contact-item .contact-desc p{margin-top: 0; margin-bottom: 0;}
.contact-desc-item{position: relative;}
.contact-desc-item .contact-desc-dot{width: 4px; margin-right: 6px; position: absolute; left: -10px; top: 0;}
.contact-desc-item span{color:#909090}
.contact-desc a{color:#2b54a9; text-decoration: underline;}
@media screen and (max-width:1281px){
    .contact-content,.social-media .contact-content{ width: 90%;}
}
@media screen and (max-width:1024px){
	.social-media .contact{margin-top: 120px;}
}
@media screen and (max-width:768px){
	.social-media .contact{height: auto!important;}
    .contact{height: 750px; padding: 50px 0;}
    .contact-content{ width: 80%; margin: 0 auto; position: static; transform: translate(0);}
    .contact-content-warp{padding: 15% 11.9%;}
    .contact-methods .contact-item{width: 100%; margin-top: 32px;}
    .contact-methods .contact-item:first-child{margin-top: 16px;}
		.contact-item .contact-desc{font-size: 16px;}
		.social-media .contact{margin-top: 60px;}
}
@media screen and (max-width:414px){
    .contact-content{ width: 90%;}
    .contact-methods .contact-item{margin-top:28px;}
    .contact-item .contact-desc{font-size: 15px;}
    .contact-desc-item:last-child{margin-top:8px;}
}
@media screen and (max-width:320px){
    .contact-content h1{font-size: 4.8rem;}
    .contact-item h2{font-size: 3.2rem4;}
    .contact-methods .contact-item{margin-top:24px;}
    .contact-item .contact-desc{font-size: 14px;}
    .contact-desc-item:last-child{margin-top:6px;}
}

/* Social Media页面样式   start */
.social-media .contact-content-warp{padding: 8.8% 8.3%;}
/* .social-media .contact{
	background-image: url(https://sanyglobal-img.sany.com.cn/static/img/contact/media-bg.jpg?x-oss-process=image/resize,m_lfit,w_1920/quality,q_90);
} */
.social-media .contact-content h1{
	text-align: center;
}
.social-media .media-desc{
	width: 48.33%;
	font-size: 2.4rem;
	font-weight: 400;
	text-align: center;
	color: #191f22;
	line-height: 1.6;
	margin: 0 auto;
	margin-bottom: 3.2vw;
	margin-top: 2rem;
}
.social-media .icons{
	width: 68.75%;
	min-width: 82.5rem;
	display: flex;
	justify-content: space-between;
	margin: 0 auto;
}
.social-media .icon-item{
	width: 13%;
	float: left;
	cursor: pointer;
	margin-bottom: 25px;
}
.social-media .icon-item a {
	position: relative;
  }
.social-media .ii-img{
	width: 100%;
	position: relative;
	overflow: visible;
	transition: all .5s;
	transform-origin:50% 100%;
	text-align: center;
}
.social-media .ii-img img{
	width: 100%;
	transition: all .5s;
}
.social-media .icon-item:hover a .ii-img{
	transform-origin:50% 100%;
	transform: scale(1.3596);
}
.social-media .ii-word{
	font-size: 2.4rem;
	font-weight: 700;
	text-align: center;
	color: #0064D9;
	margin-top: 2.2rem;
}

.social-media .ii-word:hover,.icon-item:hover .ii-word{
	text-decoration: underline;
}
.social-media .stButton{
	width: 100%;
    height: 100%;
    margin-top: -200%;
}
.social-media .stButton .stLarge{
	width: 100%;
    height: 100%;
    background-image:none!important;
}
.facebook-links-list{ width: 68.75%;min-width: 82.5rem; margin: 0 auto; /*display: flex; justify-content: space-between; flex-wrap: wrap;*/}
.facebook-links{margin-top: 4.2vw; text-align: center;}
.social-media .facebook-links .icon-item{float: none; margin:0 auto}
.social-media .facebook-links .media-desc{font-weight: bold; margin-top: 1vw; margin-bottom:1.2vw;}
.social-media .facebook-links-list a{/*width: 33.3%; float: left;*/ width: auto; display: inline-block; padding: 0 10px; text-align: center;}
.social-media .facebook-links-list:after{clear: both; content: ""; display: block;}
.social-media .facebook-links-list .ii-word{text-align: center!important;}
.social-media .facebook-links-list .ii-word.text-left{text-align: left;}
.social-media .facebook-links-list .ii-word.text-right{text-align: right;}

/* .social-media .facebook-links-list  */
@media screen and (max-width:1280px){
	.social-media .icons,.facebook-links-list{min-width: 0;}
}
@media screen and (max-width:868px){
	.social-media .icon-item:hover .ii-img{
		transform-origin:50% 100%;
		transform: scale(1);
	}
	.social-media .contact-content-warp {
		padding: 0 25px;
	}
	.social-media .contact-content h1{
		font-size: 23px;
		padding: 50px 0 12px 0;
	}
	.social-media .media-desc{
		font-size: 14px;
		width: 80.21%;
		margin: 0 auto 33px auto;
	}
	.social-media .ii-img img{
		/*width: 57.99%!important;*/
		width: 74%!important;
	}
	.social-media .icons{
		/* display: block; */
		/*min-width: 100%;*/
		min-width: 94%;
	}
	.social-media .ii-word{
		font-size: 14px;
	}
	.social-media .icon-item{
		width: 33.33%;
		max-width: 110px;
    	/*margin-right: 5%;*/
	}
	.social-media .icon-item:nth-of-type(3){
		margin-right: 0!important;
	}
	/* .social-media .contact-methods{
		padding-bottom: 70px;
	} */
	.social-media .contact{
		/* height: 100vh; */
	}
	.facebook-links-list{width: 94%;}
	.social-media .contact-content{padding-bottom: 7vw;}
	/* .social-media .icon-item:nth-of-type(4){
		margin-left: 15%;
	} */
}
@media screen and (min-width:640px){
	.social-media .ii-word.long{
		position: absolute;
		bottom: 0;
		left: 50%;
		transform: translate(-50%, 0);
	}
}
@media screen and (max-width:639px){
	.facebook-links{text-align: center;}
	.social-media .icons{display: block; text-align: center;}
	.social-media .icon-item{display: inline-block; float: none; width: 32%; margin-bottom: 4vw;}
	.social-media .icon-item img{max-width: 100%;}
	.social-media .media-desc{margin: 0 auto 6vw auto;}
	.social-media .ii-word{padding: 2.8vw 0; margin-top: 0; text-align: center!important; display: none;}
	.social-media .facebook-links-list .ii-word, .social-media .ii-word.long{
		display: block;
	}
	.social-media .facebook-links-list a{width: 100%; text-align: center!important; float: none!important;}
	.facebook-links{margin-top: 7vw;}
	.social-media .contact-content{padding-bottom: 10vw;}
	.social-media .contact-content h1{padding: 9vw 0 1.9vw;}
}
/* Social Media页面样式   end */