@font-face {font-family: 'webfont';
  src: url('//at.alicdn.com/t/webfont_ulodlts0p01cerk9.eot'); /* IE9*/
  src: url('//at.alicdn.com/t/webfont_ulodlts0p01cerk9.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('//at.alicdn.com/t/webfont_ulodlts0p01cerk9.woff') format('woff'), /* chrome、firefox */
  url('//at.alicdn.com/t/webfont_ulodlts0p01cerk9.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
  url('//at.alicdn.com/t/webfont_ulodlts0p01cerk9.svg#思源黑体-细') format('svg'); /* iOS 4.1- */
}
/*导航栏修正*/
/*.nav>a{*/
	/*color: #000;*/
/*}*/
/*.nav>a:before{*/
	/*background-color: #000;*/
/*}*/

.head{
	position: relative;
	background: none;
	background-size: cover;
	padding-bottom: 200px;
}
.inner{
	margin-top: 7.5rem /* 120/16 */;
}
.inner .content{
	box-sizing: border-box;
	margin: 0 auto;
	width: 75rem /* 1200/16 */;
	height: 19.5625rem /* 313/16 */;
	background: #FFFFFF;
	border-radius: 20px;
	font-size: 1.125rem /* 18/16 */;
}
.inner .content1{
	color: #333333;
	line-height: 1.5rem /* 24/16 */;
	box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.16);
	padding: 2.5rem 4.5rem 0 4rem;
	/* padding:2.5rem 0 0 4.5rem; */
	/* display: flex;
	justify-content: space-around; */
}
.inner .content1 .com_wechat .s__title {
  line-height: 1.5rem;
  margin-left: 0.3rem;
}
.inner .content1 .com_wechat .qrcode {
  max-width: 12rem;
}
.inner .content1 > p >span{
	margin-left: .5rem /* 8/16 */;
}
.inner .content2{
	height: 23.875rem /* 382/16 */;
	margin-top: 3.75rem /* 60/16 */;
	margin-bottom: 7.4375rem;
}
.inner .content2 > img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.inner h4{
	font-weight: bold;
}
.inner .mb12{
	margin-bottom: .75rem /* 12/16 */;
}
.inner .mb20{
	margin-bottom: 1.25rem /* 20/16 */;
}
.inner .email{
	display: flex;
	line-height: 1.5;
}
.inner .email > .c_text{
	margin-left: .7rem /* 8/16 */;
}
.text{
	font-size: 1.875rem;
}
.title{
	font-size: 1.125rem;
}
.left{
	float: left;
	width: 43%;
	margin: 100px 0 0 10%;
	text-align: left;
}
.left .title{
	margin: 50px 0 20px;
}
.right{
	float: left;
	width: 700px;
	height: 700px;
	margin-top: 50px;
}
.container{
	height: 200px;
}

.mo {
	display: none;
}
.pc {
	display: block;
}

@media screen and (max-width: 1600px){
	.right{
			width: 600px;
			height: 600px;
	}
}
@media screen and (max-width: 1366px){
	.right{
		margin-top: 100px;
		width: 500px;
		height: 500px;
	}
	.right img {
		max-width: 50%;
	}
}
@media screen and (max-width: 1280px){
	.right{
		width: 400px;
		height: 400px;
	}
}
.wrap{
	padding: 100px 0 200px;
	text-align: center;
	color: #545454;
}
.wrap img{
	width: 22%;
}


@media screen and (max-width: 1000px){
	h1,h3{
		font-size: 1.8rem;
	}
	.head .inner{
		padding-top: 12%;
	}
	.inner>p{
		font-size: 1.5rem;
	}
	.inner p{
		font-size: 1rem;
		line-height: 1.5;
	}
	.left{
		float: none;
		width: 100%;
		margin: 0;
		padding: 50px 10%;
		box-sizing: border-box;
	}
	.right{
		display: none;
		float: none;
		width: 100%;
		height: 0;
		padding-top: 100%;
	}
	.wrap{
		padding: 200px 0 100px;
	}
}
@media screen and (max-width: 767px) {
	.mo {
		display: block;
	}
	.pc {
		display: none;
	}
	.inner{
		margin-top:3rem;
	}
	.inner .content{
		width: 80%;
		height: auto;
		padding-right: 2rem;
		padding-bottom: 1rem;
	}
	.inner .content2{
		padding-right: 0;
		margin-bottom: 3rem;
	}
	.content2 > img{
		width: 100%;
	}
}