*{ margin: 0; padding: 0; } li{ list-style: none; } a{ text-decoration: none; } .bodys{ min-width: 1200px; max-width: 1920px; font-size: 16px; color: #000; box-sizing: border-box; } /*banner*/ .banner{ width: 100%; } .banner > img{ width: 100%; } /*合作*/ .cooperation{ width: 60%; margin: auto; overflow: hidden; } .cooperation > div{ float: left; } .cooperation-left , .cooperation-right{ width: 48%; margin: 50px 0; } .cooperation-left{ margin-right: 2%; } .cooperation-right{ margin-left: 2%; } .cooperation li{ list-style-type: disc; color: #666; margin-left: 40px; } /*联系我们*/ .contact{ width: 60%; margin: auto; margin-bottom: 80px; overflow: hidden; } .biaoti{ width: 250px; height: 50px; margin: auto; text-align: center; border-bottom: 1px solid #cdcdcd; } .biaoti .title{ font-size: 26px; font-weight: bold; } .xianz{ width: 120px; height: 20px; background-color: #fff; font-size: 12px; color: #ccc; margin: 17px auto; } .contact-c{ width: 100%; margin: 80px 0 0 0; } .contact-left{ width: 40%; } .contact-left > div{ display: flex; align-items: center; margin-top: 20px; } .contact-left > div > i{ width: 22px; text-align: center; margin-right: 5px; } .map{ width: 100%; } .contact-right{ width: 55%; margin-left: 5%; } .contact-c > div{ float: left; } .forms > input{ width: 100%; height: 30px; box-sizing: border-box; margin: 8px 0 12px 0; background: #f8f8f8; border-style: none; border: 1px dashed #cdcdcd; padding: 0 10px; outline: none; } .forms > textarea{ width: 100%; height: 120px; box-sizing: border-box; resize: none; outline: none; border-style: none; border: 1px dashed #cdcdcd; margin: 5px 0 12px 0; background: #f8f8f8; padding: 10px; } .sub{ width: 100px; height: 40px; border-style: none; background-color: #3d9dd3; color: #fff; } .cooperation-ul { margin-top: 10px; } .cooperation-ul li{ margin-bottom: 10px; }