/* CSS Document */
.act-page{ background: url("../images/bg.jpg") no-repeat top center; background-size: cover; padding-top: 50px;}

.appdown{overflow: hidden; padding: 0 20px 0 50px;}
.page-left{	float: left; width: 450px; overflow: hidden; }
.page-right{ float: right; width: 580px; padding-top: 80px; }
.logo-img{ margin-bottom: 50px; width: 300px;}
.wx{ width: 467px; margin-bottom: 80px;}
.mySwiper .swiper-slide{ cursor: pointer;}
.mySwiper .swiper-slide .pic{ position: relative; width: 60px; height: 60px; margin: 0 auto; /* border-radius: 50%; */ overflow: hidden; }
.mySwiper .swiper-slide .pic img{ position: absolute; left: 0; width: 60px; height: 60px;  border-radius: 50%;  transition: all 0.3s linear;}
.mySwiper .swiper-slide .pic .img1{ top: 0; }
.mySwiper .swiper-slide .pic .img2{ top: 60px; background: #3f9bf4;}
.mySwiper .swiper-slide span{ display: block; font-size: 16px; color: #3f9bf4; line-height: 30px; margin-top: 10px; text-align: center; white-space: nowrap;}
.mySwiper .swiper-slide:nth-child(5){ width: 100px !important;}
.mySwiper .swiper-slide-thumb-active .pic .img1{ top: -60px; }
.mySwiper .swiper-slide-thumb-active .pic .img2{ top: 0; }