.contact{position:relative;z-index:2;padding-top:70px}
.contact .box1{margin-top:40px;}
.contact .sub-title{font-size:18px;font-family:Poppins;font-weight:400;color:#888;line-height:1}
.contact .box1 .box-c{margin-top:37px}
.contact .box1 .box-c .list,.contact .box1 .box-c .list1{display:flex;justify-content:space-between;flex-wrap:wrap}
.contact .box1 .box-c .list li{position:relative;background:#f7f7f7;border-radius:5px;padding:47px 40px 30px}
.contact .box1 .box-c .list i,.contact .box1 .box-c .list li,.contact .box1 .box-c .list1 i,.contact .box1 .box-c .list1 li{width:31.75%}
.contact .box1 .box-c .list li .square,.contact .box1 .box-c .list li .square1,.contact .box1 .box-c .list1 li .square,.contact .box1 .box-c .list1 li .square1{position:absolute;right:0;top:0;display:block;z-index:2}
.contact .box1 .box-c .list li .square1,.contact .box1 .box-c .list1 li .square1{opacity:0}
.contact .box1 .box-c .list li:hover .square1,.contact .box1 .box-c .list1 li:hover .square1{opacity:1}
.contact .box1 .box-c .list li:hover{background-color:#4f9d57}
.contact .box1 .box-c .list li .iconfont{font-size:60px;color:#4f9d57;display:inline-block}
.contact .box1 .box-c .list li:hover .iconfont,.contact .box1 .box-c .list li:hover .text-des,.contact .box1 .box-c .list li:hover .text-title{color:#fff}
.contact .box1 .box-c .list li .iconfont.icon-chuanzhen{transform:scale(1.3)}
.contact .box1 .box-c .list .text-title{font-size:26px;font-family:Poppins;font-weight:400;color:#4f9d57;line-height:1;margin-top:17px}
.contact .box1 .box-c .list .text-des{font-size:20px;font-family:Poppins;font-weight:400;color:#666;line-height:1;margin-top:12px;word-break:break-all}
.contact .box1 .box-c .list1{margin-top:35px}
.contact .box1 .box-c .list1 li{position:relative;background:#f7f7f7;border-radius:5px;padding:34px 20px}
.contact .box1 .box-c .list1 li:hover{background-color:#4f9d57}
.contact .box1 .box-c .list1 li .text-title{font-size:24px;font-family:Poppins;font-weight:500;color:#4f9d57;line-height:1.5;}
.contact .box1 .box-c .list1 li .text-des{display:flex;font-size:18px;font-family:Poppins;font-weight:400;color:#333;line-height:30px}
.contact .box1 .box-c .list1 li .text-des.first{margin-top:20px;}
.contact .box1 .box-c .list1 li .text-des .iconfont{font-size:26px;color:#4f9d57;transition:all .6s}
.contact .box1 .box-c .list1 li:hover .text-des,.contact .box1 .box-c .list1 li:hover .text-des .iconfont,.contact .box1 .box-c .list1 li:hover .text-title,.contact .box1 .box-c .list1 li:hover .m p{color:#fff}
.contact .box1 .box-c .list1 li .text-des-r{flex:1;margin-bottom: 10px;}
.contact .box1 .box-c .list1 li .m{margin-top: 20px;display: flex;}
.contact .box1 .box-c .list1 li .m .img{text-align: center;}
.contact .box1 .box-c .list1 li .m img{width: 120px;}
.contact .box1 .box-c .list1 li .m .img:nth-child(1){margin-right: 20px;}
.contact .box2{position:relative;background-color:#f7f7f7;margin: 80px 0;padding: 80px 0 72px;}
.contact .box2 .content1480{display:flex;justify-content:flex-end}
.contact .box2 .l{position:absolute;left:0;top:0;width:50%;height:100%}
.contact .box2 .l img{display:block;width:100%;height:100%;object-fit:cover}
.contact .box2 .r{width:43.24%}
.contact .box2 .r .form{margin-top:30px}
.contact .box2 .r .form .input{height:52px;background:#fff;border-radius:4px;padding:0 20px;display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}
.contact .box2 .r .form .input input,.contact .box2 .r .form .input textarea{width:100%;height:100%;flex:1;margin-left:20px;border:none;outline:0;font-size:18px;font-family:Poppins;font-weight:400;color:#888;line-height:32px;resize:none}
.contact .box2 .r .form .input .iconfont.icon-youxiang1{transform:scale(1.2)}
.contact .box2 .r .form .textarea{height:200px;align-items:flex-start;padding:10px 20px}
.contact .box2 .r .form .textarea .iconfont{margin-top:8px}
.contact .box2 .r .form .submit{width:200px;height:52px;background:#4f9d57;border-radius:4px;margin-top:15px;line-height:52px;text-align:center;font-size:18px;font-family:Poppins;font-weight:400;color:#fff;text-transform:uppercase;cursor:pointer}
@media (max-width:1024px){
.contact{padding-top:30px}
.contact .box1{margin-top:20px}
.contact .box1 .box-c .list li,.contact .box1 .box-c .list1 li{padding:30px 20px}
.contact .box1 .box-c .list li .iconfont{font-size:40px}
.contact .box1 .box-c .list .text-title{font-size:22px;margin-top:10px}
.contact .box1 .box-c .list1 li .text-title{font-size:18px}
.contact .box1 .box-c .list .text-des{font-size:18px;margin-top:6px}
.contact .box1 .box-c .list1 li .text-des{font-size:16px}
.contact .box1 .box-c .list1 li .m img{width: 100px;}
.contact .box1 .box-c .list1 li .m .img:nth-child(1){margin-right: 15px;}
.contact .box2 .content1480{flex-direction:column}
.contact .box2 .l{position:relative;width:100%;height:auto}
.contact .box2 .r{width:100%;margin-top:40px}
}
@media (max-width:768px){.contact .box1 .box-c .list i,.contact .box1 .box-c .list li,.contact .box1 .box-c .list1 i,.contact .box1 .box-c .list1 li{width:100%}
.contact .box1 .box-c .list1{margin-top:0}
.contact .box1 .box-c .list li,.contact .box1 .box-c .list1 li{margin-bottom:25px}
}
@media (max-width:500px){.contact .box1 .box-c{margin-top:30px}
.contact .box2{padding: 50px 0 40px;margin: 0;}
.contact .box2 .r{margin-top:25px}
.contact .box2 .r .form{margin-top:20px}
.contact .box2 .r .form .input{height:40px}
.contact .box2 .r .form .textarea{height:120px}
.contact .box2 .r .form .input input,.contact .box2 .r .form .input textarea{font-size:16px}
.contact .box2 .r .form .submit{height:40px;line-height:40px}
}

#map{display:block;width:100%;height:485px;border:none}
#map img{top:0;left:0;width:auto;max-width:none}
#map label{max-width:none}
@media only screen and (max-width:768px){
#map{height:300px}
}