@charset "UTF-8";
/******************移动端 start*****************/
html, body {
    position: relative;
    height: 100%;
    overflow: hidden;
}
.swiper-container {
    width: 100%;
    height: 100%;
}
@-webkit-keyframes rotation{
    from {-webkit-transform: rotate(0deg);}
    to {-webkit-transform: rotate(360deg);}
}
@-webkit-keyframes rotation1{
    from {-webkit-transform: rotate(0deg);}
    to {-webkit-transform: rotate(-360deg);}
}
.Rotation{
    -webkit-transform: rotate(360deg);
    animation: rotation 30s linear infinite;
    -moz-animation: rotation 30s linear infinite;
    -webkit-animation: rotation 30s linear infinite;
    -o-animation: rotation 30s linear infinite;
}
@-webkit-keyframes mapping{
    0% {top: 0;}
    50%{top: -10px;}
    100% {top:0; }
}
@-moz-keyframes mapping{
    0% {top: 0;}
    50%{top: -10px;}
    100% {top:0; }
}
@keyframes mapping{
    0% {top: 0;}
    50%{top: -10px;}
    100% {top:0; }
}

.swiper-container {
    width: 100%;
    height: 100%;
}
.swiper-slide{
    position:relative;
    width:100%;
    text-align:center;
}
/*模块一 start*/
.swiper-slide{
    width:100%;
    height:100%;
    background:url("../images/mobile_bg.jpg") no-repeat top;
    background-size:cover;
    overflow:hidden;
}
.box1{
    position:relative;
    z-index:999;
    top:50%;
    width:360px;
    height:360px;
    margin:-190px auto 0;
}
.quan1{
    position:absolute;
    top:0;
    left:0;
    z-index:9;
    width:360px;
    height:360px;
    background:url(../images/quan1.png) no-repeat;
    background-size:cover;
}
.quan2{
    position:absolute;
    top:0;
    left:0;
    z-index:10;
    width:360px;
    height:360px;
    background:url(../images/quan2.png) no-repeat;
    background-size:cover;
}
.logo{
    position:absolute;
    top:50%;
    left:50%;
    margin:-75px 0 0 -125px;
    z-index:11;
    width:250px;
    height:108px;
    background: url(../images/mobile_logo.png) no-repeat;
    background-size: cover;
}
.foot_tu{
    position:absolute;
    left:0;
    bottom:0;
    z-index:1;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-shrink: 0;
    -o-flex-shrink: 0;
    flex-shrink: 0;
    width:100%;
}
.box_jt{
    position:absolute;
    z-index:999;
    bottom:10px;
    left:50%;
    margin-left:-10px;
    width:20px;
    height:20px;
}
.icon_jt{
    display:inline-block;
    position:relative;
    width:20px;
    height:20px;
    background:url(../images/icon_jt.png) no-repeat;
    background-size:cover;
    -webkit-animation: mapping 1s linear infinite;
    -moz-animation: mapping 1s linear infinite;
    animation: mapping 1s linear infinite;
}
.swiper-pagination-bullet-active{
    background:#d1141c!important;
}
/*模块一 end*/

/*模块二 start*/
.title{
    width:100%;
    line-height:40px;
    font-size:2rem;
    margin-top:60px;
    text-align:center;
    overflow:hidden;
}
.title span{
    color:#000;
}
.box2_list{
    position:relative;
    z-index:999;
    width:80%;
    margin:15px auto;
    overflow:hidden;
}
.box2_list ul li{
    position:relative;
    width:100%;
    margin-bottom:15px;
    overflow:hidden;
}
.box2_list ul li .pic{
    position:absolute;
    left:0;
    width:50px;
    height:50px;
    background:#d1141c;
    border-radius:50%;
    margin:0 auto;
    overflow:hidden;
}
.box2_list ul li .pic img{
    width:30px;
    margin:10px;
}
.box2_list ul li p{
    width:100%;
    font-size:1.7rem;
    color:#333;
    line-height:50px;
    padding-left:70px;
    text-align: left;
    overflow:hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
/*模块二 end*/

/*模块三 start*/
.box3_list{
    position:relative;
    z-index:999;
    width:90%;
    margin:15px auto;
    overflow:hidden;
}
.box3_list ul li{
    position:relative;
    width:100%;
    line-height:50px;
    text-align:left;
    margin-bottom:10px;
}
.box3_list ul li p{
    width:100%;
    font-size:1.7rem;
    color:#333;
}
.box3_list ul li span{
    float:left;
    width:30px;
    line-height:30px;
    background:#d1141c;
    border-radius:50%;
    color:#fff;
    font-size:20px;
    text-align: center;
    margin:10px 10px 10px 0;
}
.swiper-slide2 ul li span{
    font-size:16px;
}
/*模块三 end*/

/*模块四 start*/
.box4_ewm{
    position:relative;
    z-index:999;
    width:100%;
    margin-top:15px;
    overflow:hidden;
}
.box4_ewm p img{
    width:120px;
}
.box4_ewm p span{
    display:block;
    width:100%;
    font-size:1.7rem;
    line-height:35px;
    color:#333;
    overflow:hidden;
}
/*模块四 end*/
@media(max-width:375px){
    .box4_ewm p img{
        width:110px
    }
}
@media(max-width:345px){
    /*1*/
    .box1{
        width:300px;
        height:300px;
        margin:-160px auto 0;
    }
    .quan1,.quan2{
        width:300px;
        height:300px;
    }
    .logo{
        margin:-58px 0 0 -110px;
        width:210px;
        height:90px;
    }
    /*2*/
    .title{
        font-size:1.8rem;
        margin-top:40px;
    }
    .box2_list ul li{
        margin-bottom:10px;
    }
    /*3*/
    .box3_list{
        margin:10px auto;
    }
    .box3_list ul li{
        margin-bottom:0;
    }
    .box3_list ul li p{
        font-size:1.5rem;
    }
    /*4*/
    .box4_ewm p img{
        width:100px;
    }
    .box4_ewm p span{
        font-size:1.6rem;
        line-height:30px;
    }
}
/******************移动端 end*****************/