
/*萌趣理念样式*/

.img1 {
    position: absolute;
    top: 60px;
    width: 100%;
    height: 580px;
    background: url("../images/web_bg_10_580.png") no-repeat center top;
}
.img1-1{
    margin-top: 70px;
}
.img2 {
    position: absolute;
    top: 640px;
    width: 100%;
    height: 580px;
}
.img3 {
    position: absolute;
    top: 1220px;
    width: 100%;
    height: 650px;
}
.img4 {
    position: absolute;
    top: 1870px;
    width: 100%;
    height: 650px;
    background: url("../images/web_bg_10_650.png") no-repeat center top;
}
.img5 {
    position: absolute;
    top: 2520px;
    width: 100%;
    height: 650px;
}
.img6 {
    position: absolute;
    top: 3170px;
    width: 100%;
    height: 650px;
    background: url("../images/web_bg_10_650.png") no-repeat center top;
}
.img7 {
    position: absolute;
    top: 3820px;
    width: 100%;
    height: 650px;
}
.img8 {
    position: absolute;
    top: 4470px;
    width: 100%;
    height: 580px;
    background: url("../images/web_bg_10_580.png") no-repeat center top;
}
.img8-1{
    margin-top: 80px;
}


/*尾部样式*/
.weibu {
    position: absolute;
    top: 5700px;
    width: 100%;
    height: 450px;
    background: url("../images/web_bg_di.png") no-repeat center top;
}


.weibu-1 {
    margin: 100px 250px;
    width: 640px;
    height: 200px;
    /*字体颜色*/
    color: #fff;
    /*字体大小*/
    font-size: 14px;
    /*靠左显示*/
    text-align: left;
    /*间隔*/
    line-height:40px;
}

.weibu-1-1{
    font-size: 22px;
}

.weibu-2 {
    /*上右下左*/
    margin: -300px 950px;
    width: 640px;
    height: 200px;
    /*字体颜色*/
    color: #fff;
    /*字体大小*/
    font-size: 14px;
    /*靠左显示*/
    text-align: center;
    /*间隔*/
    line-height:40px;
}
.weibu-2-1{
    font-size: 22px;
}
.weibu-2-2{
        margin: 0px 0px 0px -300px;
}
.weibu-2-3{
        margin: -180px 0px 0px 300px;
}
.weibu-2-4{
        margin: -10px 0px 0px -300px;
}
.weibu-2-5{
        margin: -40px 0px 0px 300px;
}


/*轮播图样式*/
.lbbt{
    color:#ff9000;
    font-size: 45px;
}

.content {
    position: absolute;
    top: 5050px;
    margin: 30px 550px;
    display: flex;
    flex-direction: column;
    align-items: center; 
}

.content .container{
    width: 834px;
    height: 484px;
    overflow: hidden;
}

.swiper-wrapper{
    position:relative;width:100%;height:100%;z-index:1;
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    -webkit-transition-property:-webkit-transform;
    -moz-transition-property:-moz-transform;
    -o-transition-property:-o-transform;
    -ms-transition-property:-ms-transform;
    transition-property:transform;
    -webkit-box-sizing:content-box;
    -moz-box-sizing:content-box;
    box-sizing:content-box
}


.content .swiper-slide {
    width: 834px;
    display: flex;
}
.content .swiper-slide.box{
    width: 834px;
    height: 484px;
}
.content .swiper-slide.box img{
    width: 100%;
    height: 60%;
}
 

.swiper-button-next,.swiper-button-prev{
    position:absolute;
    top:50%;
    width:88px;
    height:130px;
    z-index:10;
    cursor:pointer;
    -moz-background-size:88px 130px;
    -webkit-background-size:88px 130px;
   background-size:88px 130px;
    background-position:center;
    background-repeat:no-repeat; 
    top:auto; 
    margin-top: -110px;
}
    
.swiper-button-prev{
    margin: -300px -150px;
    background-image: url(../images/btn_zuo.png);
}
.swiper-button-next{
    margin: -300px 900px;
    background-image: url(../images/btn_you.png);
}
 

.swiper-pagination{
    margin: 0px 0px;
    position:absolute;
    text-align:center;
    -webkit-transition:.3s;
    -moz-transition:.3s;
    -o-transition:.3s;
    transition:.3s;
    -webkit-transform:translate3d(0,0,0);
    -ms-transform:translate3d(0,0,0);
    -o-transform:translate3d(0,0,0);
    transform:translate3d(0,0,0);
    z-index:10; 
}

 
 
.swiper-pagination-bullet{
    width:12px;
    height:12px;
    display:inline-block;
    border-radius:100%;
    background:#000;
    opacity:.2;
    margin:0 5px
}
 
.swiper-pagination-bullet-active{
    width: 2.2rem !important;
    height: 0.8rem;
    background: linear-gradient(90deg, #F9D423, #FF4E50 );
    border-radius:0.8rem;
    opacity:1
}
.bottom{
    position: absolute;
    top: 415px;
    margin: 0px 0px 0px 400px;
    /*字体颜色*/
    color: #C0C0C0;
    /*字体大小*/
    font-size: 15px;
}

