﻿
/* CSS Document */

.s1{position: relative;}
.s1 .swiper-lun{height: 100%;}
.s1 .swiper-pagination{bottom: 45px !important;}
.s1 .swiper-pagination span{width: 15px;height: 15px;opacity: 0.5;background: #fff;margin: 0 8px !important;}
.s1 .swiper-pagination span.swiper-pagination-bullet-active{opacity: 1;}


.s2{padding-top: 4vh;}
.s2 .text{width: 34%;opacity: 0;}
.s2 .text .t-t{font-size: 48px;color: #202020;line-height: 1.1;}
.s2 .text .t-t h3{font-size: 60px;color: #fe5000;font-family: BebasNeue;letter-spacing: 2px;}
.s2 .text .info{font-size: 18px;color: #202020;line-height: 1.9;margin-top: 47px;}
.s2 .text  .more{width: 182px;height: 48px;line-height: 48px;background: url(../image/ico-6.png) no-repeat right 30px center #fe5000;color: #fff;font-size: 15px;text-transform:uppercase;padding-left: 40px;margin-top: 40px;}
.s2 .text .pic{width: 286px;height: 286px;overflow: hidden;margin-top: 70px;}
.s2  .picture{width: 60%;padding-top: 145px;position:relative;opacity: 0;}
.s2  .picture .img2{position: absolute;top: 0;right: 0;}


.s3{}
.s3 .swiper-s3{width: 100%;height: 100%;}
.s3 .swiper-s3 .text{width: 670px;height: 670px;border: 2px solid #fff;margin: 0 auto;border-radius:50%;text-align: center;color: #fff;position: relative;top: 17vh;opacity: 0;padding-top: 160px;}
.s3 .swiper-s3 .text .t-t{font-size: 48px;color: #fff;line-height: 1.1;}
.s3 .swiper-s3 .text .t-t h3{font-size: 60px;color: #fff;font-family: BebasNeue;letter-spacing: 2px;}
.s3 .swiper-s3 .text .info{font-size: 16px;color: #fff;line-height: 1.9;width: 440px;margin: 0 auto;margin-top: 28px;}
.s3 .swiper-s3 .text .more{width: 182px;height: 48px;line-height: 48px;background: url(../image/ico-6.png) no-repeat right 30px center #fe5000;color: #fff;font-size: 15px;text-transform:uppercase;padding-left: 40px;text-align: left;margin: 0 auto;margin-top: 30px;}
.s3 .paging-s3{width: auto;bottom: 38%;left: 25px;text-align: left;}
.s3 .paging-s3 span{display: block;margin: 35px 0 !important;width: 75px;height: auto;background:none;opacity: 0.6;font-size: 16px;color: #fff;border-radius: 0;outline: none;}
.s3 .paging-s3 span.swiper-pagination-bullet-active{opacity: 1;border-bottom: 3px solid #fff;padding-bottom: 3px;}
.s3 .paging-s3 span.swiper-pagination-bullet-active i::after{display: none;}
.s3 .paging-s3 span i{display: inline-block;font-family: BebasNeue;font-size: 18px;margin-right: 10px;}
.s3 .paging-s3 span i::after{content: "";display: block;width:15px;height: 3px;background: #8fd6bd;margin-top: 3px;}





.s4{padding-top: 4vh;}
.s4 .text{width: 52%;opacity: 0;}
.s4 .text .t-t{font-size: 48px;color: #202020;line-height: 1.1;}
.s4 .text .t-t h3{font-size: 60px;color: #fe5000;font-family: BebasNeue;letter-spacing: 2px;}
.s4 .text .info{font-size: 18px;color: #202020;line-height: 1.9;margin-top: 47px;}
.s4 .text .more{width: 182px;height: 48px;line-height: 48px;background: url(../image/ico-6.png) no-repeat right 30px center #fe5000;color: #fff;font-size: 15px;text-transform:uppercase;padding-left: 40px;margin-top: 33px;}
.s4 .text .pic{width: 510px;overflow: hidden;margin-top: 100px;}
.s4 .picture{width: 42.5%;padding-top: 90px;padding-right: 90px;background: url(../image/bei-6.jpg) no-repeat right top;opacity: 0;}