.message li{position: relative;}
.message li .icon{position: absolute;top: 18px;left: 15px;}
.message .nth-5 .icon{top: 33px;}
.message li input{border: 2px solid #ffd600;width: 286px;height: 50px;padding-left: 40px;box-sizing: border-box;font-family: "JXZK";}
.message .nth-5 textarea{width: 1196px;height: 130px;border: 2px solid #ffd600;margin: 20px 0;outline: none;padding: 10px 0 0 40px;box-sizing: border-box;font-family: "JXZK";}
.message li .code{border: 2px solid #ffd600;margin-left: 8px;height: 46px;vertical-align: top;}
.message .piblicBtn{margin-top: 0;cursor: pointer;}

.contact .map{width: 620px;height: 355px;border: 10px solid #f9f9f9;}
.contact .con{width: 530px;margin-top: 30px;}
.contact .con .title{margin-bottom: 12px;}
.contact .con .title .pic{width: 25px;margin-right: 5px;position: relative;top: -2px;}
.contact .con .title i{font-size: 20px;display: inline-block;margin-right: 10px;font-weight: bold;font-family: arial;}
.contact .con ul{display: flex;justify-content: space-between;width: 500px;margin-top: 35px;}
.contact .con li{width: 138px;height: 163px;text-align: center;border-radius: 5px;position: relative;top: 0;transition: 0.3s;}
.contact .con li:hover{top: -5px;}
.contact .con li:nth-child(1){background-color: #4db233;}
.contact .con li:nth-child(2){background-color: #ffde00;}
.contact .con li:nth-child(3){background-color: #170b1a;}
.contact .con li .pic{width: 128px;height: 128px;border-radius: 5px;margin-top: 5px;}
.contact .con li i{color: #fff;}

@media screen and (max-width: 1440px) {

}