.wrap img{ width:100%; display: block;} @media screen and (min-width:320px) {html { font-size:75%;}} @media screen and (min-width:360px) {html { font-size:84.4%;}} @media screen and (min-width:375px) {html { font-size:86.6%;}} /*ipone6*/ @media screen and (min-width:400px) {html { font-size:87%;}} @media screen and (min-width:414px) {html { font-size:96%;}} /*ipone6p*/ @media screen and (min-width:480px) {html { font-size:112.5%;}} @media screen and (min-width:550px) {html { font-size:131.25%;}} @media screen and (min-width:639px) {html { font-size:150%;}} /*通栏广告*/ .g-adv{ width:100%; overflow:hidden; position:relative} .g-adv .m-cnt{position: absolute; bottom: 1rem; z-index: 11;width: 25%; left: 40%;margin: 0 auto;} .g-adv .m-cnt li{width: 0.8rem;height: 0.8rem; background: #00479d; border-radius: 50%; float:left; margin:0 0.5rem} .g-adv .m-cnt li.z-on{ background: #eb6100; } /**/ .zs { height: 12.42rem; background: no-repeat 0 7.38rem; background-size: 100% 0.13rem; overflow: hidden;} .zs h3 { height: 5.54rem; text-align: center; font-size: 1rem; color: #333333;} .zs h3 b { display: block; font-size: 1.33rem; color: #e62129; padding: 1.2rem 0 0.2rem;} .zs li { float: left; width: 20%; font-size: 0.67rem; color: #1d1b21; text-align: center;} .zs li p { width: 67%; margin: 0 auto 0.5rem;} /**/ .lr { height: 35.7rem; background: #e8e8e8; overflow: hidden;} .lr h3 { height: 5.67rem; text-align: center; background: no-repeat 0 4.04rem; background-size: 100% 0.13rem; font-size: 1rem; color: #1d1b21;} .lr h3 b { display: block; font-size: 1.33rem; color: #333333; padding: 1.3rem 0 0.3rem;} .lr .m-cnt{ width:100%; height: 3.75rem; overflow: hidden;} .lr .m-cnt li{ float: left; width: 25%; background: #ffffff; font-size: 1rem; color: #333333; text-align: center; line-height: 2.75rem;} .lr .m-cnt li.z-on{ background:#e62129; color: #ffffff; } .lr .m-box .con{ display:inline; float:left;} .lr .m-box .con ul { width: 96.6%; margin: 0 auto;} .lr .m-box .con ul li { float: left; width: 48.9%; margin-bottom: 0.67rem;} .lr .m-box .con ul li:nth-child(1) { width: 100%;} .lr .m-box .con ul li:nth-child(2) { margin-right: 2.2%;} /**/ .sm { height: 33.75rem; overflow: hidden; background: no-repeat 0 30.71rem; background-size: 100% 2.17rem;} .sm h3 { height: 5.25rem; text-align: center; background: no-repeat 0 3.83rem; background-size: 100% 0.13rem; font-size: 1rem; color: #1d1b21;} .sm h3 b { display: block; padding: 1.1rem 0 0.2rem; font-size: 1.33rem; color: #333333;} .sm dl { width: 96.7%; height: 25.46rem; margin: 0 auto;} .sm dd { font-size: 0.75rem; color: #666666; line-height: 1.2rem;} .sm dd p { height: 2.68rem; padding-top: 1.02rem;} .sm dd p span { display: block; float: left; width: 2.13rem; height: 1.88rem; background: #d9333d; font: 1.5rem "impact"; color: #ffffff; text-align: center; line-height: 1.88rem;} .sm dd p b { display: block; float: left; font-size: 1rem; color: #333333; line-height: 1.88rem; margin-left: 2%;} .sm .m-cnt{ width:100%;} .sm .m-cnt li{ width: 4.7%; height: 1.25rem; background: #585858; float: left; border-radius: 100%; margin-right: 2.3%;} .sm .m-cnt li:first-child { margin-left: 36.9%;} .sm .m-cnt li.z-on{ background:#e62129; } /**/ .qs { height: 32.33rem; background: #e8e8e8; overflow: hidden;} .qs h3 { height: 5.71rem; text-align: center; font-size: 1rem; color: #1d1b21; background: no-repeat 0 4.25rem; background-size: 100% 0.13rem;} .qs h3 b { display: block; font-size: 1.33rem; color: #333333; padding: 1.5rem 0 0.3rem;} .qs ul { width: 96.9%; height: 23.42rem; margin: 0 auto;} .qs li { float: left; width: 47.95%; height: 11.67rem; font-size: 0.75rem; text-align: center;} .qs li a { color: #333333;} .qs li img { border: 1px solid #ffffff; margin-bottom: 0.5rem;} .qs li:nth-child(odd) { margin-right: 4.1%;} .qs .qsa { display: block; width: 31.7%; height: 1.75rem; background: #e62129; margin: 0 auto; font-size: 0.75rem; color: #ffffff; text-align: center; line-height: 1.75rem;} /**/ .ss { height: 29.13rem; overflow: hidden;} .ss h3 { height: 2.61rem; text-align: center; font-size: 1.33rem; color: #333333; padding-top: 1.62rem; font-weight: bold;} .ss dl { width: 97%; margin: 0 auto;} .ss dd { font-size: 0.92rem; color: #666666; text-align: center; line-height: 1.5rem; padding-top: 0.5rem;} /**/ /**/ /**/ /**/ /**/ /**/ /**/ /**/ /**/ /**/ /**/ /**/ /**/ /**/ /**/ /**/ /**/ /**/ /**/ /**/ /**/ /**/ /**/ @media screen and (min-width:320px) { html { font-size:75%;} } @media screen and (min-width:360px) { html { font-size:87%;} } @media screen and (min-width:480px) { html { font-size:112%;} } @media screen and (min-width:568px) { html { font-size:131%;} } @media screen and (min-width:639px) { html { font-size:150%;} }