.title h2{font-size: 36px; line-height:36px; color: #333333;font-weight:normal;font-family: font1; position: relative; padding-left: 20px; margin-top:30px; margin-bottom:30px;} .title h2:before{content: "";position: absolute; border-left: 3px solid #7f1085; left:0; top:0; height: 36px;} .title h4{font-size: 28px; padding: 22px 0 73px; color: #000;} .contact_ul{margin-left: -10%;} .contact_ul li { font-family: font1; padding-left:10%; width:25%; height: 190px; float: left; line-height: 28px; padding-top: 8px; font-size:13px; } .contact_ul li span { font-family: font1; line-height: 28px; font-size:16px; color: #7b0e7f; font-weight: bold; } @media(max-width:1300px){ .contact_ul{margin-left: -8%;} .contact_ul li { font-family: font1; padding-left:8%; width:25%; height: 190px; float: left; line-height: 28px; padding-top: 8px; font-size:13px; } @media(max-width:1200px){ .contact_ul{margin-left: -4%;} .contact_ul li { font-family: font1; padding-left:4%; width:25%; height: 190px; float: left; line-height: 28px; padding-top: 8px; font-size:13px; } } @media(max-width:999px) { .contact_ul li { height: auto; width:100%; line-height: 28px; padding-top: 8px; font-size:15px; font-family: font1; } .contact_ul li:nth-child(4n){ width:100%; } }