*{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);}
/*-----------------------------------------------------------------------------------------------------------------------*/
.head2{position: fixed;top: 0;width: 100%;max-width: 640px;}
.footer{position: fixed;bottom: 0;width: 100%;max-width: 640px;z-index: 999}
.swiper-slide-active{position: relative;}

/*首页滚动屏*/
.swiper-slide-1{position: relative; background:url(../images/about/about1.jpg) no-repeat;background-size: 100%;}
.swiper-slide-1 .tit1{width:60.94%; padding:10.3rem 0 0 19.53%;}
.swiper-slide-1 .tit1 img{ display:block; width:100%;}
.swiper-slide-active .tit1,.swiper-slide-active .tit3,.swiper-slide-active .tit4,.swiper-slide-active .tit5{
	opacity: 1;
	-webkit-animation-name:bounceInDown;
	animation-name: bounceInDown;
	-webkit-animation-duration: 1.5s;
	animation-duration: 1.5s;}

.swiper-slide-2{position: relative; background:url(../images/about/about2.jpg) no-repeat;background-size: 100%;}
.swiper-slide-active .tit2p,.swiper-slide-active .tit5wl{position: absolute; width: 51.4%;top:8.2rem;left:4.375%; 
	opacity: 1;
	-webkit-animation-name: slideInLeft;
	animation-name: slideInLeft;
	-webkit-animation-duration: 1.5s;
	animation-duration: 1.5s;}
.swiper-slide-active .tit2p img{width: 100%;display: block;}
.swiper-slide-active .tit2w,.swiper-slide-active .tit5wr{position: absolute; width: 56.87%;top:12.85rem;right: 3.125%;font-size: 1rem;color: #282828;line-height:1.8rem; 
	opacity: 1;
	-webkit-animation-name: slideInRight;
	animation-name: slideInRight;
	-webkit-animation-duration: 1.5s;
	animation-duration: 1.5s;}
.swiper-slide-active .tit2w b{display: block;font-size: 1.2rem;color: #0e050a;line-height: 2.15rem;font-weight: normal;}
	
.swiper-slide-3{ position:relative;background:url(../images/about/about3.jpg) no-repeat;background-size: 100%;}
.swiper-slide-3 .tit3{width:87.5%; padding:30rem 0 0 6.25%;}
.swiper-slide-3 .tit3 img,.swiper-slide-5 .tit5 img{ display:block; width:100%;}

.swiper-slide-4{position: relative; background:url(../images/about/about4.jpg) no-repeat;background-size: 100%;}
.swiper-slide-4 .tit4{width:100%; padding:39.1rem 0 0;text-align: center;line-height:2.3rem;font-size:1.4rem;color: #353535;}
.swiper-slide-4 .tit4 span{ display:block;font-size:1.8rem;line-height: 2.6rem;color: #000;}
.swiper-slide-4 .tit4 b{color: #1f3134;}

.swiper-slide-5{position: relative; background:url(../images/about/about5.jpg) no-repeat;background-size: 100%;}
.swiper-slide-5 .tit5wl,.swiper-slide-5 .tit5wr{font-size: 1.2rem;color: #484848;line-height: 1.65rem;}
.swiper-slide-5 .tit5wl b,.swiper-slide-5 .tit5wr b{display: block;color: #000;font-weight: normal;}
.swiper-slide-5 .tit5wl{width:40%; padding:3.3rem 0 0;text-align: right;float: left;}
.swiper-slide-5 .tit5wr{width:42%; padding:3.23rem 0 0;float: right;}
.swiper-slide-5 .tit5w3{ padding:13.17rem 0 0;}
.swiper-slide-5 .tit5w4{ padding:14.28rem 0 0;}



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;}}