main > section > div {
  padding: 4rem 28rem;
  display: flex;
  justify-content: space-between;
}

h2 {
  position: relative;
  margin:0 auto; 
  font-weight: 500;
}
h2::before {
  position: absolute;
  left: -0.5rem;
  top: 0.5rem;
  content: "";
  display: inline-block;
  width: 0.4rem;
  height: 2.5rem;
  border-radius: 0.5rem;
  background: rgb(57, 198, 195);
}

.main-color {
    color: rgb(60, 198, 196);
}






main .info{
    padding-bottom: 2rem;
    padding-top: 2rem;
    background: rgb(238 238 238);
    margin: 6rem 0;
}
main .info >div{
  display: flex;
  flex-direction: row;
/*  line-height: 2.5rem;
  letter-spacing: 0.2em; */
}

main .info .infotxt{
      width: calc((100% - 240px) / 3);   
        /*// 我这里一行显示4个 所以是/4  一行显示几个就除以几 */
      /*这里的60px = (分布个数4-1)*间隙20px, 可以根据实际的分布个数和间隙区调整*/
      min-width: calc((100% - 240px) / 3);
      max-width: calc((100% - 240px) / 3);
      padding: 2rem 1rem;
}
main .info .infotxt p{
      /* margin-left: 8.25rem; */
	  font-size: 1.3rem;
	  line-height: 2.5rem;
}


main .info .address,main .info .telephone,main .info .email {
	background: white;
	display: flex;
	flex-direction: row;
	align-items: center;
}
 main .info .address img{
	 width: 100px;
}
main .info .telephone img{
	 width: 100px;
}
main .info .email img{
	 width: 100px;
}


main .soft{
  margin-bottom: 6rem;
}

main .soft .soft_desc{
  display: flex;
  flex-direction: row;
  line-height: 2.5rem;
  font-size: 1.3rem;
  letter-spacing: 0.2em;
}
main .soft .soft_desc >div{
        width: calc((100% - 240px) / 4);   
      /* min-width: calc((100% - 240px) / 4);
      max-width: calc((100% - 240px) / 4); */
}
main .soft .soft_desc img{
	/* height: 12rem; */
	width: 100%;
    margin-bottom: 1rem;
}





main .liuyan >div{
    display: flex;
    flex-direction: column;
    align-items: center;
    background: rgb(240 240 240);
}

main .liuyan .title{
    font-size: 2rem;
  letter-spacing: 0.2em;
  padding: 5rem;
}

main form{
     width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}
main .form{
  display: flex;
  flex-direction: row;
  width: 100%;
  justify-content: space-evenly;
}


main .form input,textarea{
  width: 450px;
}
main .form input{
  height: 45px;
  border: 1px solid rgb(212 212 212);
}
main .form input::-webkit-input-placeholder {
  font-size: 1.5rem;
  padding-left: 2rem;
  color: rgb(212 212 212);
}
main .form input::-moz-placeholder {
  font-size: 1.5rem;
  padding-left: 2rem;
  color: rgb(212 212 212);

}
main .form input::-ms-input-placeholder {
  font-size: 1.5rem;
  padding-left: 2rem;
  color: rgb(212 212 212);
}





main .form .col-75{
  margin-bottom: 20px;
}
main .form textarea{
  height: 180px;
  border: 1px solid rgb(212 212 212);
}
main .form textarea::-webkit-input-placeholder {
  font-size: 1.5rem;
  padding-left: 2rem;
  color: rgb(212 212 212);
}
main .form textarea::-moz-placeholder {
  font-size: 1.5rem;
  padding-left: 2rem;
  color: rgb(212 212 212);

}
main .form textarea::-ms-input-placeholder {
  font-size: 1.5rem;
  padding-top: 1rem;
  padding-left: 2rem;
  color: rgb(212 212 212);
}





input[type=button], input[type=submit], input[type=reset] {
  background-color: #36c3d8;
  border: none;
  color: white;
  padding: 10px 32px;
  text-decoration: none;
  margin: 4px 2px;
  cursor: pointer;
  border-radius: 30px;
}

@media only screen and (max-width: 875px){
	body main > section > div{
		    padding: 1rem 2rem;
	}
	body main .info .infotxt{
		    width: calc((100% - 70px) / 3);
		    min-width: calc((100% - 70px) / 3);
		    max-width: calc((100% - 70px) / 3);
		    padding: 2rem 1rem;
	}
	body main .form{
		flex-direction: column;
	}
	body main .form input, textarea{
		width: 100%;
	}
}

@media only screen and (max-width: 490px){
	html {
	    height: 100%;
	    font-size: 12px;
	    -webkit-text-size-adjust: 100%;
	}
	body h1{
		font-weight: 700;
		font-size: 1.5rem;
		letter-spacing: 0.15em;
	}
	body main > section > div{
		    padding: 1rem 2rem;
	}
	body main .info >div {
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	body main .info .address, main .info .telephone, main .info .email {
		flex-direction: column;
		width: 100%;
		    text-align: center;
	}
	body main .info .infotxt {
	    width: 100%;
		min-width: 100%;
		max-width: 100%;
	    /* min-width: calc((100% - 240px) / 3); */
	    /* max-width: calc((100% - 240px) / 3); */
	    padding: 2rem 1rem;
	}
	body main .soft .soft_desc{
		flex-direction: column;
	}
	body main .soft .soft_desc >div{
		width: 100%;
		margin-bottom: 3rem;
	}
	body main .form{
		flex-direction: column;
	}
	body main .form input, textarea{
		width: 100%;
	}
	body main .info .infotxt p,body main .soft .soft_desc{
		    line-height: 1.7;
		    font-size: 1rem;
		    letter-spacing: 0.1em;
	}
}