.subcenter{ width: 90%; margin: 0 auto; position: relative; padding: 30px 0; /* -webkit-transition: all .3s ease-in-out 0s; -moz-transition: all .3s ease-in-out 0s; -ms-transition: all .3s ease-in-out 0s; -o-transition: all .3s ease-in-out 0s; transition: all .3s ease-in-out 0s; */ } .subcenter:after, .lingdbox:after{ content: ""; display: block; height: 0; clear: both; visibility: hidden; } .lingdbox{ width: 100%; position: relative; } .lingdbox .lingdboxl{ float: left; width: 35%; position: relative; padding: 0 0 3% 0; } .lingdbox .lingdboxl>img{ display: block; position: absolute; } .lingdbox .lingdboxl>img.a{ width: 30%; left: 0; top: 0; } .lingdbox .lingdboxl>img.b{ position: relative; width: 80%; left: 12%; border: 4px solid #fff; } .lingdbox .lingdboxl>img.c{ width: 20%; right: 0; bottom: 0; border: 4px solid #fff; } .lingdbox .lingdboxr{ float: right; width: 63%; position: relative; padding-top: 4%; } .lingdbox .lingdboxr>h1{ font-size: 26px; color: #333333; font-weight: normal; padding-left: 50px; line-height: 1.5em; background: url(../images/a15.png) left center no-repeat; background-size: 30px 31px; -webkit-background-size: 30px 31px; } .lingdbox .lingdboxr>.boxin{ width: 100%; position: relative; word-wrap: break-word; word-break: normal; padding: 20px 0; } .lingdbox .lingdboxr>.boxin img{ max-width: 100%; } @media screen and (max-width: 960px){ .subcenter{ width: 96%; } .lingdbox .lingdboxl{ width: 30%; } .lingdbox .lingdboxr{ width: 68%; } }