.show_lef{float:left; width:45%;} .ishow{float:left; width:53%; height:500px; margin:0 0 0 2%;} .tbox{color:#555; font-size:30px; padding-bottom:8px; border-bottom:1px #CCC solid;} .imgcp{width:100%; max-height:500px; display:block;} .imgcp2 {border:1px solid #EEE; width:100px; height:100px; margin:0 15px 0 0;} .show_j{line-height:28px; text-align:justify; height:280px; overflow:hidden;} .show_j span a{margin:10px 0 20px 0; color:#00C0E2; font-size:18px; display:block;} .show_j span a:hover{color:#555;} .dis{border:1px solid #EEE; width:500px; height:500px; display:flex; justify-content:center; align-items:center; /*水平垂直居中*/} .undis {DISPLAY: none} #simg{margin:20px 0 30px 0;} #simg IMG {MARGIN-TOP: 7px; FILTER: Alpha(opacity=60); VERTICAL-ALIGN: 0px; CURSOR: pointer;} #simg .s IMG {BORDER:#EEE 1px solid; VERTICAL-ALIGN: 0px; CURSOR: pointer;} #simg .s IMG:hover{BORDER:#00C0E2 1px solid;} @media (max-width:1160px) { .show_lef{width:100%; max-width:500px; float:none; margin:0 auto;} .dis{width:80%; max-width:500px; height:auto; max-height:500px; margin:0 10%;} .ishow{width:100%; height:auto; margin:0 0px;} .f2s{display:none;} .tbox{font-size:16px; text-align:center; font-weight:bold; margin:10px 0; padding:0 10px 8px 10px;} .show_t{font-size:20px;float:none;} .show_ts{font-size:20px;margin:0 0 0 5px;} .show_j{margin:10px 10px 0 10px; height:auto; max-height:300px; overflow:hidden;} #simg{margin:0 auto;} } @media (max-width:600px) { .imgcp2 {width:65px; height:65px; margin:0 3px 0 0;} }