*{margin: 0;padding: 0;} html, body{position: relative;height: 100%;font-size: 14px;} i,em{font-style: normal;} li{list-style: none;} html {font-size: 10px; -webkit-text-size-adjust:none; -webkit-tap-highlight-color: rgba(0,0,0,0);} /*-----------------------------------------------------------------------------------------------------------------------*/ .swiper-container{max-width:640px; min-width:320px; margin:0 auto;position:relative;width: 100%;height: 100%;} /*首页滚动屏*/ .swiper-slide-1{position: relative;height:100%; background:url(/uploads/image/mi/home1.jpg) no-repeat center 0;background-size: 100%;} .swiper-slide-1 .tit1{width:37.65%; padding:3.5rem 0 0 31.25%;} .swiper-slide-1 .tit1a{width:58.25%; padding:2rem 0 0 20.3125%;} .swiper-slide-1 .tit1b,.swiper-slide-2 .tit2a{font-size: 1.5rem;line-height: 2.8rem; width:60%; padding:2.3rem 0 0 20%;text-align: center;} .swiper-slide-1 .tit1 img,.swiper-slide-1 .tit1a img{ display:block; width:100%;} .swiper-slide-active .tit1,.swiper-slide-active .tit2,.swiper-slide-1 .tit1a,.swiper-slide-1 .tit1b,.swiper-slide-2 .tit2a{ opacity: 1; -webkit-animation-name:zoomin; animation-name: zoomin; -webkit-animation-duration: 1.5s; animation-duration: 1.5s;} .swiper-slide-active .tit31{ opacity: 1; -webkit-animation-name:slideinright; animation-name: slideinright; -webkit-animation-duration: 1.5s; animation-duration: 1.5s;} .swiper-slide-active .tit32{ opacity: 1; -webkit-animation-name:slideinleft; animation-name: slideinleft; -webkit-animation-duration: 1.5s; animation-duration: 1.5s;} .swiper-slide-2{position: relative;height:100%; background:url(/uploads/image/mi/home2.jpg) no-repeat center 0;background-size: 100%;} .swiper-slide-2 .tit2{ width:67.34%; padding:4.5rem 0 0 16.33%;} .swiper-slide-2 .tit2 img{ display:block; width:100%;} .swiper-slide-2 .tit2a{padding-top: 1rem;} .swiper-slide-3{ position:relative;height:100%;background:url(/uploads/image/mi/home3.jpg) no-repeat center 0;background-size: 100%;} .swiper-slide-3 .tit31{width:38.28%; padding:7.5rem 0 0 30.8%;} .swiper-slide-3 .tit32{width:80%; padding:2rem 0 0 10%;} .swiper-slide-3 .tit31 img,.swiper-slide-3 .tit32 img{ display:block; width:100%;} html {font-size: 10px;} @media screen and (min-width: 320px) {html {font-size: 10.625px;}} @media screen and (min-width: 360px) {html {font-size: 11.875px;}} @media screen and (min-width: 400px) {html {font-size: 13.125px;}} @media screen and (min-width: 440px) {html {font-size: 14.375px;}} @media screen and (min-width: 480px) {html {font-size: 15.625px;}} @media screen and (min-width: 520px) {html {font-size: 16.875px;}} @media screen and (min-width: 560px) {html {font-size: 18.125px;}} @media screen and (min-width: 600px) {html {font-size: 19.375px;}} @media screen and (min-width: 640px) {html {font-size: 20px;}}