@media screen and (max-width: 62rem) {

	html,
	body {
		height: 100%;
		width: 100%;
		padding: 0;
		margin: 0;
		overflow: auto;
		background-color: white;
	}

	::-webkit-scrollbar {
		width: 0;
		height: 0;
		color: transparent;
	}

	.swiper-container {
		width: 100%;
		height: 100%;
	}

	.ht1 {
		height: 10rem;
	}

	.first {
		width: 100%;
		height: 10rem;
		background: url("../../img/contact/banner.png") no-repeat;
		background-size: 100% 100%;
	}

	/* 定义contact用于存放联系我们的信息 */
	.contactus {
		width: 15rem;
		height: 6.5rem;
		position: relative;
		margin: auto;
		top: 50%;
		transform: translate(0, -50%);
		background: url("../../img/contact/contactus.png") no-repeat;
		background-size: 100% 100%;
	}

	.ht2 {
		height: 25rem;
	}

	/* 定义一个contactinformation用于存放河南吉斯星谷信息科技有限公司联系方式的相关信息 */
	.contactinformation {
		width: 100%;
		height: 25rem;
		position: relative;
		margin: auto;
		top: 0;
		transform: translate(0, 0);
	}

	/* 定义一个contactin用于存放联系方式的属性 */
	.contactin {
		width: 20rem;
		height: 17rem;
		position: absolute;
		left: 1.7rem;
		top: 27%;
		transform: translate(0, 0);
		background: #FFFFFF;
		box-shadow: 0rem 0rem 1.875rem 0rem rgba(52, 109, 255, 0.1);
		border-radius: 4.25rem 0rem 4.25rem 0rem;
	}

	.contactinfo {
		width: 15rem;
		height: 15rem;
		position: relative;
		margin: auto;
		top: 15%;
		transform: translate(0, 0);
	}

	.contactway {
		width: 5.3rem;
		height: 1rem;
		position: absolute;
		background: url("../../img/contact/contactinfo/contactway.png") no-repeat;
		background-size: 100% 100%;
	}

	.contactwayback {
		width: 16.125rem;
		height: 2.25rem;
		font-size: 1.5rem;
		font-family: Source Han Sans CN;
		font-weight: 800;
		color: #000000;
		opacity: 0.15;
		position: absolute;
		top: 0rem;
	}

	.firstrectangle1 {
		width: 2rem;
		height: 1.875rem;
		position: absolute;
		top: 2.5rem;
	}

	.phone {
		width: 2rem;
		height: 0.9rem;
		background: url("../../img/contact/contactinfo/phone.png") no-repeat;
		background-size: 100% 100%;
		position: absolute;
		top: -0.7rem;
	}

	.yellow {
		width: 2rem;
		height: 0.4rem;
		background: rgba(255, 195, 52, 1);
		border-radius: 0.25rem;
		position: absolute;
		bottom: 0rem;
	}

	.firstrectangle2 {
		width: 2rem;
		height: 1.875rem;
		position: absolute;
		bottom: 7rem;
	}

	.youxiang {
		width: 2rem;
		height: 0.9rem;
		background: url("../../img/contact/contactinfo/email.png") no-repeat;
		background-size: 100% 100%;
		position: absolute;
		top: -0.7rem;
	}

	.dizhi {
		width: 2rem;
		height: 0.9rem;
		background: url("../../img/contact/contactinfo/adress.png") no-repeat;
		background-size: 100% 100%;
		position: absolute;
		top: -0.7rem;
	}

	.firstrectangle3 {
		width: 2rem;
		height: 1.875rem;
		position: absolute;
		bottom: 3.5rem;
	}

	/* 河南吉斯星谷信息科技有限公司的地址信息 */
	.adress {
		width: 16.1875rem;
		height: 1.375rem;
		font-size: 0.8rem;
		font-family: Source Han Sans CN;
		font-weight: 500;
		color: #000000;
		position: absolute;
		bottom: 1.6rem;
	}

	/* 河南吉斯星谷信息科技有限公司的电话信息 */
	.number {
		width: 11.0625rem;
		height: 1.125rem;
		font-size: 0.8rem;
		font-family: Source Han Sans CN;
		font-weight: 500;
		color: #000000;
		position: absolute;
		top: 4.8rem;
	}

	/* 河南吉斯星谷信息科技有限公司的邮箱信息 */
	.email {
		width: 16.375rem;
		height: 1.5rem;
		font-size: 0.8rem;
		font-family: Source Han Sans CN;
		font-weight: 500;
		color: #000000;
		position: absolute;
		bottom: 5.1rem;
	}

	/* 插入map图片的大小，位置及其他属性 */
	.map {
		width: 100%;
		height: 15rem;
		background: url("../../img/contact/contactinfo/map.png") no-repeat;
		background-size: 100% 100%;
		position: absolute;
		right: 0;
	}

	.didian {
		width: 1.25rem;
		height: 1.6rem;
		background: url("../../img/contact/contactinfo/didian.png") no-repeat;
		background-size: 100% 100%;
		position: relative;
		top: 4.5rem;
		margin: auto;
		margin-right: auto;
	}

	.secondrectangle {
		width: 16rem;
		height: 3rem;
		background: #FFFFFF;
		box-shadow: 0rem 0rem 1.875rem 0rem rgba(52, 109, 255, 0.1);
		border-radius: 0.625rem;
		position: absolute;
		top: 3.75rem;
		left: 9.5rem;
		transform: scale(0.6);
	}

	.sanjiao {
		width: 1rem;
		height: 1.5625rem;
		background: #346DFF;
		position: absolute;
		top: 16.2rem;
		right: 37.7rem;
		clip-path: polygon(0 50%, 100% 0, 100% 100%);
		display: block;
	}

	.blue {
		width: 2.5rem;
		height: 3rem;
		background: #346DFF;
		border-radius: 0.625rem 0rem 0rem 0.625rem;
		position: absolute;
		display: flex;
		justify-content: center;
		align-items: center;

	}

	.tubiao {
		width: 1rem;
		height: 1rem;
		background: url("../../img/contact/contactinfo/tubiao.png") no-repeat;
		background-size: 100% 100%;
		position: absolute;
		top: 35%;
		left: 30%;

	}

	.secondcontent1 {
		width: 13rem;
		height: 1.375rem;
		font-size: 0.8rem;
		font-family: Source Han Sans CN;
		font-weight: 500;
		color: #000000;
		line-height: 1.25rem;
		position: absolute;
		top: 0.4rem;
		right: 0rem;
	}

	.secondcontent2 {
		width: 13rem;
		height: 1.125rem;
		font-size: 0.8rem;
		font-family: Source Han Sans CN;
		font-weight: 500;
		color: #999999;
		line-height: 1.25rem;
		position: absolute;
		bottom: 0.4rem;
		right: 0rem;
	}

	#swiper-container2 .swiper-slide {
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		display: block;
	}

	.ht3 {
		height: 61.375rem;
	}

	.branch {
		background: url(../../img/contact/branch/map/bottom.png) no-repeat center;
		background-size: 100% 100%;
		height: 61.375rem;
		width: 100%;
	}

	.rectangle1 {
		width: 100%;
		height: 61.375rem;
		position: relative;
		margin: auto;
		top: 0;
		transform: translate(0, 0);
	}

	.Branch {
		width: 5.6rem;
		height: 2.3125rem;
		font-size: 1.5rem;
		font-family: YouSheBiaoTiHei;
		font-weight: 400;
		color: #FFFFFF;
		margin: auto;
		position: relative;
		top: 1.3rem;
	}

	.Branchback {
		width: 5.6rem;
		height: 2.125rem;
		font-size: 1.65rem;
		font-family: Source Han Sans CN;
		font-weight: 800;
		color: #FFFFFF;
		opacity: 0.15;
		margin: 0 auto;

	}

	.Map {
		width: 21.5rem;
		height: 21.6875rem;
		background: url(../../img/contact/branch/map/map.png) no-repeat center;
		background-size: 100% 100%;
		position: absolute;
		top: 8%;
		left: 1rem;
	}

	.dingwei1 {
		width: 1.1rem;
		height: 1.5rem;
		background: url(../../img/contact/branch/map/dingwei.png) no-repeat center;
		background-size: 100% 100%;
		position: absolute;
		top: 4.6rem;
		right: 6.75rem;
		opacity: 1;
	}

	.dingwei2 {
		width: 1.1rem;
		height: 1.5rem;
		background: url(../../img/contact/branch/map/dingwei.png) no-repeat center;
		background-size: 100% 100%;
		position: absolute;
		top: 4.9rem;
		right: 6.35rem;
		opacity: 0;
	}

	.dingwei3 {
		width: 1.1rem;
		height: 1.5rem;
		background: url(../../img/contact/branch/map/dingwei.png) no-repeat center;
		background-size: 100% 100%;
		position: absolute;
		top: 4.8rem;
		right: 5.95rem;
		opacity: 0;
	}

	.dingwei4 {
		width: 1.1rem;
		height: 1.5rem;
		background: url(../../img/contact/branch/map/dingwei.png) no-repeat center;
		background-size: 100% 100%;
		position: absolute;
		top: 5.4rem;
		right: 4.05rem;
		opacity: 0;
	}

	.dingwei5 {
		width: 1.1rem;
		height: 1.5rem;
		background: url(../../img/contact/branch/map/dingwei.png) no-repeat center;
		background-size: 100% 100%;
		position: absolute;
		top: 5.9rem;
		right: 3.15rem;
		opacity: 0;
	}

	.weizhi1 {
		width: 0.6rem;
		height: 0.4rem;
		background: url(../../img/contact/branch/map/2.png) no-repeat center;
		background-size: 100% 100%;
		position: absolute;
		top: 5.9rem;
		right: 7rem;
	}

	.weizhi2 {
		width: 0.6rem;
		height: 0.4rem;
		background: url(../../img/contact/branch/map/1.png) no-repeat center;
		background-size: 100% 100%;
		position: absolute;
		top: 6.2rem;
		right: 6.6rem;
	}

	.weizhi3 {
		width: 0.6rem;
		height: 0.4rem;
		background: url(../../img/contact/branch/map/1.png) no-repeat center;
		background-size: 100% 100%;
		position: absolute;
		top: 6.1rem;
		right: 6.2rem;
	}

	.weizhi4 {
		width: 0.6rem;
		height: 0.4rem;
		background: url(../../img/contact/branch/map/1.png) no-repeat center;
		background-size: 100% 100%;
		position: absolute;
		top: 6.7rem;
		right: 4.3rem;
	}

	.weizhi5 {
		width: 0.6rem;
		height: 0.4rem;
		background: url(../../img/contact/branch/map/1.png) no-repeat center;
		background-size: 100% 100%;
		position: absolute;
		top: 7.2rem;
		right: 3.4rem;
	}

	/* 郑州臻朗信息技术有限公司的属性 */
	.thirdrectangle1 {
		width: 21.5rem;
		height: 5.75rem;
		background: #FFFFFF;
		box-shadow: 0rem 0rem 1.875rem 0rem rgba(0, 12, 42, 0.6);
		border-radius: 3.25rem 0rem 0rem 0rem;
		position: absolute;
		left: 1rem;
		top: 27.4375rem;
	}

	.zhenlang {
		width: 14.25rem;
		height: 1rem;
		background: url(../../img/contact/branch/zhenlang/zhenlang.png) no-repeat center;
		background-size: 100% 100%;
		position: absolute;
		left: 1.5rem;
		top: 1.6rem;

	}

	/* 设置一个用于存放郑州臻朗信息技术有限公司地址信息的框 */
	.zladress {
		width: 20.375rem;
		height: 1.1875rem;
		font-size: 0.9rem;
		font-family: Source Han Sans CN;
		font-weight: 500;
		color: #999999;
		position: absolute;
		left: 1.5rem;
		bottom: 1.3rem;
	}

	.thirdrectangle2 {
		width: 21.5rem;
		height: 5.75rem;
		background: rgba(19, 56, 153, 0.3);
		position: absolute;
		left: 1rem;
		top: 33.5125rem;

	}

	/* 臻朗-河南大学工程化实验室的属性 */
	.zl-henu {
		width: 14.25rem;
		height: 1rem;
		background: url(../../img/contact/branch/zlhenu/zlhenu2.png) no-repeat center;
		background-size: 100% 100%;
		position: absolute;
		left: 1.5rem;
		top: 1.6rem;
	}

	/* 设置一个用于存放臻朗-河南大学工程化实验室地址信息的框 */
	.labadress {
		width: 20.375rem;
		height: 1.1875rem;
		font-size: 0.9rem;
		font-family: Source Han Sans CN;
		font-weight: 500;
		color: #999999;
		position: absolute;
		left: 1.5rem;
		bottom: 1.3rem;

	}

	.thirdrectangle3 {
		width: 21.5rem;
		height: 5.75rem;
		background: rgba(19, 56, 153, 0.3);
		position: absolute;
		left: 1rem;
		top: 39.8rem;
	}

	/* 科传星谷软件产业学院的属性 */
	.kechuan {
		width: 14.25rem;
		height: 1rem;
		background: url(../../img/contact/branch/kechuan/kechuan2.png) no-repeat center;
		background-size: 100% 100%;
		position: absolute;
		left: 1.5rem;
		top: 1.6rem;
	}

	/* 设置一个用于存放科传星谷软件产业学院地址信息的框 */
	.kcadress {
		width: 20.375rem;
		height: 1.1875rem;
		font-size: 0.9rem;
		font-family: Source Han Sans CN;
		font-weight: 500;
		color: #999999;
		position: absolute;
		left: 1.5rem;
		bottom: 1.3rem;
	}

	.thirdrectangle4 {
		width: 21.5rem;
		height: 5.75rem;
		background: rgba(19, 56, 153, 0.3);
		position: absolute;
		left: 1rem;
		top: 46.1rem;
	}

	/* 南京臻朗信息技术有限公司的属性 */
	.nanjingzl {
		width: 14.25rem;
		height: 1rem;
		background: url(../../img/contact/branch/nanjingzl/nanjing2.png) no-repeat center;
		background-size: 100% 100%;
		position: absolute;
		left: 1.5rem;
		top: 1.6rem;

	}

	/* 设置一个用于存放南京臻朗信息技术有限公司地址信息的框 */
	.njzladress {
		width: 20.375rem;
		height: 1.1875rem;
		font-size: 0.75rem;
		font-family: Source Han Sans CN;
		font-weight: 500;
		color: #999999;
		position: absolute;
		left: 1.5rem;
		bottom: 1.3rem;
	}

	.thirdrectangle5 {
		width: 21.5rem;
		height: 5.75rem;
		background: rgba(19, 56, 153, 0.3);
		border-radius: 0rem 0rem 3.25rem 0rem;
		position: absolute;
		left: 1rem;
		top: 52.4rem;
	}

	/* 上海小杏信息技术有限公司的属性 */
	.shanghaixiaoxing {
		width: 14.25rem;
		height: 1rem;
		background: url(../../img/contact/branch/shanghaixx/xiaoxing2.png) no-repeat center;
		background-size: 100% 100%;
		position: absolute;
		left: 1.5rem;
		top: 1.6rem;
	}

	/* 设置一个用于存放上海小杏信息技术有限公司地址信息的框 */
	.shxxadress {
		width: 18.375rem;
		height: 1.1875rem;
		font-size: 0.9rem;
		font-family: Source Han Sans CN;
		font-weight: 500;
		color: #999999;
		position: absolute;
		left: 1.5rem;
		bottom: 1.3rem;
	}

	.ht4 {
		height: 33.9375rem;
	}


	.messagebackground {
		width: 100%;
		height: 33.9375rem;
	}

	.message {
		width: 22.5rem;
		height: 31.625rem;
		background: url(../../img/contact/message/bottom.png) no-repeat center;
		background-size: 100% 100%;
		position: relative;
		margin: auto;
		top: 1.0625rem;
	}

	.onlinemessage {
		width: 4.76rem;
		height: 0.93rem;
		background: url(../../img/contact/message/message.png) no-repeat center;
		background-size: 100% 100%;
		position: relative;
		margin: auto;
		top: 2.75rem;
	}

	.messageback {
		width: 10.375rem;
		height: 0.90rem;
		font-size: 1.2rem;
		font-family: Source Han Sans CN;
		font-weight: 800;
		color: #000000;
		opacity: 0.15;
		position: relative;
		margin: 0;
		top: 1.3rem;
		left: 6.5rem;
	}

	/* inputname定义 */
	.inputname {
		width: 20.25rem;
		height: 6.8125rem;
		position: absolute;
		left: 1.375rem;
		top: 5.6875rem;
	}

	/* 设置插入user图片的大小及位置属性 */
	.user-back {
		width: 0.8rem;
		height: 0.8rem;
		background-size: 100% 100%;
		position: absolute;
		left: 1.3rem;
		top: -0.3rem;
	}

	.xingming {
		width: 3rem;
		height: 1.4375rem;
		font-size: 0.8rem;
		font-family: Source Han Sans CN;
		font-weight: 500;
		color: #000000;
		position: absolute;
		left: 2.3rem;
		top: -0.4rem;
	}

	/* 设置姓名输入框的属性 */
	.myname {
		border: none;
		outline: none;
		width: 17.25rem;
		height: 2.1rem;
		background: #F3F4F7;
		border-radius: 2.1875rem;
		position: absolute;
		top: 1rem;
		left: 1.3rem;
	}

	/* inputphone定义 */
	.inputphone {
		width: 20.25rem;
		height: 6.8125rem;
		position: absolute;
		left: 1.375rem;
		top: 9.9rem;
	}

	/* 设置插入phone图片的大小及位置属性 */
	.phone-back {
		width: 0.8rem;
		height: 0.8rem;
		background-size: 100% 100%;
		position: absolute;
		left: 1.3rem;
		top: -0.3rem;
	}

	.dianhua {
		width: 3rem;
		height: 1.4375rem;
		font-size: 0.8rem;
		font-family: Source Han Sans CN;
		font-weight: 500;
		color: #000000;
		position: absolute;
		left: 2.3rem;
		top: -0.4rem;
	}

	/* 设置电话输入框的属性 */
	.myphone {
		border: none;
		outline: none;
		width: 17.25rem;
		height: 2.1rem;
		background: #F3F4F7;
		border-radius: 2.1875rem;
		position: absolute;
		top: 1rem;
		left: 1.3rem;
	}

	/* inputemail定义 */
	.inputemail {
		width: 20.25rem;
		height: 6.8125rem;
		position: absolute;
		left: 1.375rem;
		top: 14.2rem;
	}

	.youxiang1 {
		width: 3rem;
		height: 1.4375rem;
		font-size: 0.8rem;
		font-family: Source Han Sans CN;
		font-weight: 500;
		color: #000000;
		position: absolute;
		left: 2.3rem;
		top: -0.4rem;
	}

	/* 设置插入email图片的大小及位置属性 */
	.email-back {
		width: 0.8rem;
		height: 0.8rem;
		background-size: 100% 100%;
		position: absolute;
		left: 1.3rem;
		top: -0.3rem;
	}

	/* 设置邮箱输入框的属性 */
	.myemail {
		border: none;
		outline: none;
		width: 17.25rem;
		height: 2.1rem;
		background: #F3F4F7;
		border-radius: 2.1875rem;
		position: absolute;
		top: 1rem;
		left: 1.3rem;
	}

	/* inputcontent定义 */
	.inputcontent {
		width: 20.25rem;
		height: 6.8125rem;
		position: absolute;
		left: 1.375rem;
		top: 18.4rem;
	}

	/* 设置插入content图片的大小及位置属性 */
	.content-back {
		width: 0.8rem;
		height: 0.8rem;
		background-size: 100% 100%;
		position: absolute;
		left: 1.3rem;
		top: -0.3rem;
	}

	.liuyan {
		width: 3rem;
		height: 1.4375rem;
		font-size: 0.8rem;
		font-family: Source Han Sans CN;
		font-weight: 500;
		color: #000000;
		position: absolute;
		left: 2.3rem;
		top: -0.4rem;
	}

	/* 设置内容输入框的属性 */
	.mycontent {
		border: none;
		outline: none;
		width: 17.25rem;
		height: 7.1rem;
		background: #F3F4F7;
		border-radius: 1.1875rem;
		position: absolute;
		top: 1rem;
		left: 1.3rem;
	}

	/* 提交留言 */
	.st {
		width: 9.75rem;
		height: 2.5rem;
		position: absolute;
		bottom: 1.8rem;
		border-radius: 2.1875rem;
		border: none;
		left: 7.8rem;
	}

	.Submit {
		width: 6.75rem;
		height: 2.5rem;
		background: #346DFF;
		border-radius: 2.1875rem;
		border: none;
	}

	.submit {
		width: 3rem;
		height: 1.5rem;
		font-size: 1rem;
		font-family: Source Han Sans CN;
		font-weight: 500;
		color: #FFFFFF;
		margin: -2.3rem 0rem 0rem 2.2rem;

	}

	.di {
		width: 100%;
		height: 10.75rem;
		background: url(../../img/contact/message/tupian.png) no-repeat center;
		background-size: 100% 100%;
		position: absolute;
		bottom: 0;
	}

	.ht5 {
		height: 34.375rem
	}

}