.contact .banner { width: 100%; height: 500px; background: url("/assets/index//images/contact-banner.jpg") no-repeat center bottom; }

.contact_item { height: 450px; margin: 50px auto; position: relative; }

.contact_item--left { position: absolute; left: 0; bottom: 0px; width: 560px; height: 435px; background: url("/assets/index//images/process-bg.jpg") no-repeat right; box-sizing: border-box; z-index: 1; display: flex; align-items: flex-start; flex-direction: column; padding: 50px; }

.contact .item_ul { height: 100%; width: 100%; box-sizing: border-box; display: flex; flex-direction: column; justify-content: space-evenly; }

.contact .item_ul .logo { margin: 20px 0; }

.contact .item_ul .logo img { width: 220px; height: 38px; }

.contact .item_li { display: flex; color: #fff; align-items: center; }

.contact .item_li img { width: 31px; height: 31px; margin-right: 10px; }

.contact_item--right { position: absolute; right: 0; }

.contact_item--right img { width: 734px; height: 431px; }

.from-box { width: 100%; box-sizing: border-box; padding: 60px; margin-bottom: 50px; box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; }

.from-box .from-con { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; width: 100%; }

.from-con .from-item { width: 30%; }

.from-con .from-item p { padding-bottom: 10px; }

.from-con .from-item input { width: 100%; height: 40px; border: 1px solid #ff0000; }

.from-item .from-ri { font-size: 18px; width: 100%; height: 100%; display: block; padding: 0 10px; border-radius: 5px; box-sizing: border-box; background: #fff; border: none; border: 1px solid #ff0000; }

.from-item:last-child { width: 100%; height: auto; overflow: hidden; margin-top: 30px; }

.from-item:last-child .from-ri { width: 100%; height: 100%; padding: 10px; resize: none; }

.from-box .from-btn { margin-top: 40px; font-size: 18px; color: #ffffff; cursor: pointer; border-radius: 5px; display: inline-block; padding: 10px 100px; background-color: #ff0000; }