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: 46.875rem;}
.first{
    width: 100%;
    height: 46.875rem;
    background: url("../../img/contact/banner.png") no-repeat;
    background-size: 100% 100%;
}
/* 定义contact用于存放联系我们的信息 */
.contactus{
    width: 40rem;
    height: 17.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: 60rem;}
/* 定义一个contactinformation用于存放河南吉斯星谷信息科技有限公司联系方式的相关信息 */
.contactinformation{
    width: 120rem;
    height: 50rem;
    position: relative;
    margin: auto;
    top: 50%;
    transform: translate(0, -50%);
}
/* 定义一个contactin用于存放联系方式的属性 */
.contactin{
    width: 40.6875rem;
    height: 38.125rem;
    position: absolute;
    left: 16.25rem;
    top: 50%;
    transform: translate(0, -50%);
    background: #FFFFFF;
    box-shadow: 0rem 0rem 1.875rem 0rem rgba(52,109,255,0.1);
    border-radius: 6.25rem 0rem 6.25rem 0rem;
}
.contactinfo{
    width: 28.125rem;
    height: 25.625rem;
    position: relative;
    margin: auto;
    top: 50%;
    transform: translate(0, -50%);
}
.contactway{
     width: 17.0625rem;
     height: 3.3125rem;
     position: absolute;
     background: url("../../img/contact/contactinfo/contactway.png") no-repeat;
     background-size: 100% 100%;
 }
.contactwayback{
    width: 28.125rem;
    height: 2.25rem;
    font-size: 2.625rem;
    font-family: Source Han Sans CN;
    font-weight: 800;
    color: #000000;
    opacity: 0.15;
    position: absolute;
    top: 1.1rem;
}
.firstrectangle1{
    width: 4.125rem;
    height: 1.875rem;
    position: absolute;
    top: 7.3125rem;
}
.phone{
    width: 4.125rem;
    height: 1.625rem;
    background: url("../../img/contact/contactinfo/phone.png") no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: -1.2rem;
}
.yellow{
    width: 4.0625rem;
    height: 0.5rem;
    background: rgba(255, 195, 52, 1);
    border-radius: 0.25rem;
    position: absolute;
    bottom: 0rem;
}
.firstrectangle2{
    width: 4.125rem;
    height: 1.875rem;
    position: absolute;
    bottom: 9.0625rem;
}
.youxiang{
    width: 4.125rem;
    height: 1.625rem;
    background: url("../../img/contact/contactinfo/email.png") no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: -1.2rem;
}
.dizhi{
    width: 4.125rem;
    height: 1.625rem;
    background: url("../../img/contact/contactinfo/adress.png") no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: -1.2rem;
}
.firstrectangle3{
    width: 4.125rem;
    height: 1.875rem;
    position: absolute;
    bottom: 1.9375rem;
}
/* 河南吉斯星谷信息科技有限公司的地址信息 */
.adress{
    width: 23.1875rem;
    height: 1.375rem;
    font-size: 1.375rem;
    font-family: Source Han Sans CN;
    font-weight: 500;
    color: #000000;
    position: absolute;
    bottom: 0;
}
/* 河南吉斯星谷信息科技有限公司的电话信息 */
.number{
    width: 11.0625rem;
    height: 1.125rem;
    font-size: 1.375rem;
    font-family: Source Han Sans CN;
    font-weight: 500;
    color: #000000;
    position: absolute;
    top: 10rem;
}
/* 河南吉斯星谷信息科技有限公司的邮箱信息 */
.email{
    width: 16.375rem;
    height: 1.5rem;
    font-size: 1.375rem;
    font-family: Source Han Sans CN;
    font-weight: 500;
    color: #000000;
    position: absolute;
    bottom: 6.9375rem;
}
/* 插入map图片的大小，位置及其他属性 */
.map{
    width: 81.25rem;
    height: 50rem;
    background: url("../../img/contact/contactinfo/map.png") no-repeat;
    background-size: 100% 100%;
    position: absolute;
    right: 0;
}
.didian{
    width: 2.75rem;
    height: 4.125rem;
    background: url("../../img/contact/contactinfo/didian.png") no-repeat;
    background-size: 100% 100%;
    position: relative;
    top: 14.875rem;
    margin: auto;
    margin-right: auto;
}
.secondrectangle{
    width: 26rem;
    height: 4.375rem;
    background: #FFFFFF;
    box-shadow: 0rem 0rem 1.875rem 0rem rgba(52,109,255,0.1);
    border-radius: 0.625rem;
    position: absolute;
    top: 14.75rem;
    right: 11.8rem;
}
.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: 4.375rem;
    height: 4.375rem;
    background: #346DFF;
    border-radius: 0.625rem 0rem 0rem 0.625rem;
    position: absolute;
    display: block;
}
.tubiao{
    width: 1.875rem;
    height: 1.875rem;
    background: url("../../img/contact/contactinfo/tubiao.png") no-repeat;
    background-size: 100% 100%;
    position: absolute;
    left: 1.4rem;
    top: 1.25rem;
}
.secondcontent1{
    width: 19.5rem;
    height: 1.375rem;
    font-size: 1.375rem;
    font-family: Source Han Sans CN;
    font-weight: 500;
    color: #000000;
    line-height: 1.25rem;
    position: absolute;
    top: 0.6875rem;
    right: 1.25rem;
}
.secondcontent2{
    width: 18.28rem;
    height: 1.125rem;
    font-size: 1.125rem;
    font-family: Source Han Sans CN;
    font-weight: 500;
    color: #999999;
    line-height: 1.25rem;
    position: absolute;
    bottom: 0.625rem;
    right: 2.5rem;
}
#swiper-container2 .swiper-slide {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display:block;
}
.ht3{height: 74.375rem;}
.branch{
    background: url(../../img/contact/branch/map/bottom.png) no-repeat center;
    background-size: 100% 100%;
    height: 74.375rem;
    width: 100%;
}
.rectangle1{
    width: 100rem;
    height: 64.375rem;
    position: relative;
    margin: auto;
    top: 50%;
    transform: translate(0,-50%);
}
.Branch{
    width: 18rem;
    height: 3.3125rem;
    font-size: 4.5rem;
    font-family: YouSheBiaoTiHei;
    font-weight: 400;
    color: #FFFFFF;
    margin: auto;
}
.Branchback{
    width: 9.4375rem;
    height: 2.125rem;
    font-size: 2.625rem;
    font-family: Source Han Sans CN;
    font-weight: 800;
    color: #FFFFFF;
    opacity: 0.15;
    margin: auto;
    position: relative;
    top: -0.85rem;
}
.Map{
    width: 60.5rem;
    height: 55.6875rem;
    background: url(../../img/contact/branch/map/map.png) no-repeat center;
    background-size: 100% 100%;
    position: absolute;
    bottom: 0;
}
.dingwei1{
    width: 2.75rem;
    height: 3.75rem;
    background: url(../../img/contact/branch/map/dingwei.png) no-repeat center;
    background-size: 100% 100%;
    position: absolute;
    top: 12.1rem;
    right: 19.3rem;
    opacity: 1;
}
.dingwei2{
    width: 2.75rem;
    height: 3.75rem;
    background: url(../../img/contact/branch/map/dingwei.png) no-repeat center;
    background-size: 100% 100%;
    position: absolute;
    top: 12.5rem;
    right: 17.6rem;
    opacity: 0;
}
.dingwei3{
    width: 2.75rem;
    height: 3.75rem;
    background: url(../../img/contact/branch/map/dingwei.png) no-repeat center;
    background-size: 100% 100%;
    position: absolute;
    top: 12.2rem;
    right: 16.9rem;
    opacity: 0;
}
.dingwei4{
    width: 2.75rem;
    height: 3.75rem;
    background: url(../../img/contact/branch/map/dingwei.png) no-repeat center;
    background-size: 100% 100%;
    position: absolute;
    top: 14.5rem;
    right: 11.5rem;
    opacity: 0;
}
.dingwei5{
    width: 2.75rem;
    height: 3.75rem;
    background: url(../../img/contact/branch/map/dingwei.png) no-repeat center;
    background-size: 100% 100%;
    position: absolute;
    top: 15.4rem;
    right: 9.1rem;
    opacity: 0;
}
.weizhi1{
    width: 1.5rem;
    height: 0.6875rem;
    background: url(../../img/contact/branch/map/2.png) no-repeat center;
    background-size: 100% 100%;
    position: absolute;
    top: 15.375rem;
    right: 19.875rem;
}
.weizhi2{
    width: 1.5rem;
    height: 0.6875rem;
    background: url(../../img/contact/branch/map/1.png) no-repeat center;
    background-size: 100% 100%;
    position: absolute;
    top: 15.875rem;
    right: 18.25rem;
}
.weizhi3{
    width: 1.5rem;
    height: 0.6875rem;
    background: url(../../img/contact/branch/map/1.png) no-repeat center;
    background-size: 100% 100%;
    position: absolute;
    top: 15.5rem;
    right: 17.5rem;
}
.weizhi4{
    width: 1.5rem;
    height: 0.6875rem;
    background: url(../../img/contact/branch/map/1.png) no-repeat center;
    background-size: 100% 100%;
    position: absolute;
    top: 17.75rem;
    right: 12.125rem;
}
.weizhi5{
    width: 1.625rem;
    height: 0.75rem;
    background: url(../../img/contact/branch/map/1.png) no-repeat center;
    background-size: 100% 100%;
    position: absolute;
    top: 18.75rem;
    right: 9.75rem;
}
/* 郑州臻朗信息技术有限公司的属性 */
.thirdrectangle1{
    width: 37.5rem;
    height: 8.75rem;
    background: #FFFFFF;
    box-shadow: 0rem 0rem 1.875rem 0rem rgba(0,12,42,0.6);
    border-radius: 6.25rem 0rem 0rem 0rem;
    position: absolute;
    right: 0rem;
    top: 13.4375rem;
}
.zhenlang{
    width: 20.25rem;
    height: 1.3125rem;
    background: url(../../img/contact/branch/zhenlang/zhenlang.png) no-repeat center;
    background-size: 100% 100%;
    position: absolute;
    left: 2.4375rem;
    top: 2.4375rem;

}
/* 设置一个用于存放郑州臻朗信息技术有限公司地址信息的框 */
.zladress{
    width: 27.375rem;
    height: 1.1875rem;
    font-size: 1.25rem;
    font-family: Source Han Sans CN;
    font-weight: 500;
    color: #999999;
    position: absolute;
    left: 2.4375rem;
    bottom: 2.5rem;
}
.thirdrectangle2{
    width: 37.5rem;
    height: 8.75rem;
    background: rgba(19, 56, 153, 0.3);
    position: absolute;
    right: 0;
    top: 22.8125rem;

}
/* 臻朗-河南大学工程化实验室的属性 */
.zl-henu{
    width: 21.1875rem;
    height: 1.3125rem;
    background: url(../../img/contact/branch/zlhenu/zlhenu2.png) no-repeat center;
    background-size: 100% 100%;
    position: absolute;
    left: 2.4375rem;
    top: 2.4375rem;
}
/* 设置一个用于存放臻朗-河南大学工程化实验室地址信息的框 */
.labadress{
    width: 25.5625rem;
    height: 1.25rem;
    font-size: 1.25rem;
    font-family: Source Han Sans CN;
    font-weight: 500;
    color: #999999;
    position: absolute;
    left: 2.4375rem;
    bottom: 2.5rem;

}
.thirdrectangle3{
    width: 37.5rem;
    height: 8.75rem;
    background: rgba(19, 56, 153, 0.3);
    position: absolute;
    right: 0;
    bottom: 23.4375rem;
}
/* 科传星谷软件产业学院的属性 */
.kechuan{
    width: 16.875rem;
    height: 1.3125rem;
    background: url(../../img/contact/branch/kechuan/kechuan2.png) no-repeat center;
    background-size: 100% 100%;
    position: absolute;
    left: 2.5rem;
    top: 2.4375rem;
}
/* 设置一个用于存放科传星谷软件产业学院地址信息的框 */
.kcadress{
    width: 26.875rem;
    height: 1.25rem;
    font-size: 1.25rem;
    font-family: Source Han Sans CN;
    font-weight: 500;
    color: #999999;
    position: absolute;
    left: 2.4375rem;
    bottom: 2.5rem;
}
.thirdrectangle4{
    width: 37.5rem;
    height: 8.75rem;
    background: rgba(19, 56, 153, 0.3);
    position: absolute;
    right: 0;
    bottom: 14.0625rem;
}
/* 南京臻朗信息技术有限公司的属性 */
.nanjingzl{
    width: 20.1875rem;
    height: 1.3125rem;
    background: url(../../img/contact/branch/nanjingzl/nanjing2.png) no-repeat center;
    background-size: 100% 100%;
    position: absolute;
    left: 2.5rem;
    top: 2.4375rem;

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

.thirdrectangle5{
    width: 37.5rem;
    height: 8.75rem;
    background: rgba(19, 56, 153, 0.3);
    border-radius: 0rem 0rem 6.25rem 0rem;
    position: absolute;
    right: 0;
    bottom: 4.6875rem;
}
/* 上海小杏信息技术有限公司的属性 */
.shanghaixiaoxing{
    width: 20.1875rem;
    height: 1.3125rem;
    background: url(../../img/contact/branch/shanghaixx/xiaoxing2.png) no-repeat center;
    background-size: 100% 100%;
    position: absolute;
    left: 2.5rem;
    top: 2.4375rem;
}
/* 设置一个用于存放上海小杏信息技术有限公司地址信息的框 */
.shxxadress{
    width: 24rem;
    height: 1.25rem;
    font-size: 1.25rem;
    font-family: Source Han Sans CN;
    font-weight: 500;
    color: #999999;
    position: absolute;
    left: 2.4375rem;
    bottom: 2.5rem;
}
.ht4{height: 65.9375rem;}
.messagebackground{
    width: 100%;
    height: 63.9375rem;
}
.message{
    width: 87.5rem;
    height: 54.625rem;
    background: url(../../img/contact/message/bottom.png) no-repeat center;
    background-size: 100% 100%;
    position: relative;
    margin: auto;
    top: 5.0625rem;
}
.onlinemessage{
    width: 17.0625rem;
    height: 3.1875rem;
    background: url(../../img/contact/message/message.png) no-repeat center;
    background-size: 100% 100%;
    position: relative;
    margin: auto;
    top: 3.75rem;
}
.messageback{
    width: 21.375rem;
    height: 2.875rem;
    font-size: 2.625rem;
    font-family: Source Han Sans CN;
    font-weight: 800;
    color: #000000;
    opacity: 0.15;
    position: relative;
    margin: auto;
    top: 1.7rem;
}
/* inputname定义 */
.inputname{
    width: 31.25rem;
    height: 6.8125rem;
    position: absolute;
    left: 9.375rem;
    top: 11.6875rem;
}
/* 设置插入user图片的大小及位置属性 */
.user-back{
    width:1.4375rem;
    height:1.5rem;
    background-size:100% 100%;
    position: absolute;
}
.xingming{
    width: 3rem;
    height: 1.4375rem;
    font-size: 1.5rem;
    font-family: Source Han Sans CN;
    font-weight: 500;
    color: #000000;
    position: absolute;
    left: 2.0625rem;
    top: -0.4rem;
}
/* 设置姓名输入框的属性 */
.myname{
    border:none;
    outline: none;
    width: 31.25rem;
    height: 4.375rem;
    background: #F3F4F7;
    border-radius: 2.1875rem;
    position: absolute;
    bottom: 0;
}
/* inputphone定义 */
.inputphone{
    width: 31.25rem;
    height: 6.8125rem;
    position: absolute;
    right: 9.375rem;
    top: 11.6875rem;
}
/* 设置插入phone图片的大小及位置属性 */
.phone-back{
    width:1.5rem;
    height:1.4375rem;
    background-size:100% 100%;
    position: absolute;
}
.dianhua{
    width: 3rem;
    height: 1.4375rem;
    font-size: 1.5rem;
    font-family: Source Han Sans CN;
    font-weight: 500;
    color: #000000;
    position: absolute;
    left: 2.1875rem;
    top: -0.4rem;
}
/* 设置电话输入框的属性 */
.myphone{
    border:none;
    outline: none;
    width: 31.25rem;
    height: 4.375rem;
    background: #F3F4F7;
    border-radius: 2.1875rem;
    position: absolute;
    bottom: 0;
}
/* inputemail定义 */
.inputemail{
    width: 68.125rem;
    height: 6.8125rem;
    position: absolute;
    right: 9.375rem;
    top: 20.4375rem;
}
.youxiang1{
    width: 3rem;
    height: 1.4375rem;
    font-size: 1.5rem;
    font-family: Source Han Sans CN;
    font-weight: 500;
    color: #000000;
    position: absolute;
    left: 2.125rem;
    top: -0.5rem;
}
/* 设置插入email图片的大小及位置属性 */
.email-back{
    width:1.5rem;
    height:1.25rem;
    background-size:100% 100%;
    position: absolute;
}
/* 设置邮箱输入框的属性 */
.myemail{
    border:none;
    outline: none;
    width: 68.125rem;
    height: 4.375rem;
    background: #F3F4F7;
    border-radius: 2.1875rem;
    position: absolute;
    bottom: 0;
}
/* inputcontent定义 */
.inputcontent{
    width: 68.125rem;
    height: 14.9375rem;
    position: absolute;
    right: 9.375rem;
    bottom: 10.625rem;
}
/* 设置插入content图片的大小及位置属性 */
.content-back{
    width:1.5rem;
    height:1.4375rem;
    background-size:100% 100%;
    position: absolute;
}
.liuyan{
    width: 3rem;
    height: 1.4375rem;
    font-size: 1.5rem;
    font-family: Source Han Sans CN;
    font-weight: 500;
    color: #000000;
    position: absolute;
    left: 2.125rem;
    top: -0.4rem;
}
/* 设置内容输入框的属性 */
.mycontent{
    border: none;
    outline: none;
    width: 68.125rem;
    height: 12.5rem;
    background: #F3F4F7;
    border-radius: 2.1875rem;
    position: absolute;
    bottom: 0;
}

/* 提交留言 */
.st{
    width: 18.75rem;
    height: 4.375rem;
    position: absolute;
    bottom: 3.8rem;
    border-radius: 2.1875rem;
    border: none;
    left: 34.375rem;
}
.Submit{
    width: 18.75rem;
    height: 4.375rem;
    background: #346DFF;
    border-radius: 2.1875rem;
    border: none;
}
.submit{
    width: 3rem;
    height: 1.5rem;
    font-size: 1.5rem;
    font-family: Source Han Sans CN;
    font-weight: 500;
    color: #FFFFFF;
    margin: auto;
    margin-top: -3.5rem;
}
.di{
    width: 100%;
    height: 33.75rem;
    background: url(../../img/contact/message/tupian.png) no-repeat center;
    background-size: 100% 100%;
    position: absolute;
    bottom: 0;
}
.ht5{height: 34.375rem}