@charset "UTF-8";
/******************移动端 start*****************/
html, body {
    position: relative;
    height: 100%;
    min-width:1200px;
    margin:0 auto;
}
/*箭头效果 start*/
@-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; }
}
/*箭头效果 end*/
@-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;
}

.swiper-container {
    width: 100%;
    height: 100%;
}
.swiper-slide{
    position:relative;
    width:100%;
    text-align:center;
}
/*模块一 start*/
.swiper-slide1,.swiper-slide2,.swiper-slide3{
    width:100%;
    height:100%;
    background:url("../images/mobile_bg.jpg") no-repeat center;
    background-size:100% 100%;
    overflow:hidden;
}
.box1{
    width:100%;
    margin:0 auto;
    overflow:hidden;
}
.logo{
    float:inherit;
    display:block;
    width:700px;
    height:150px;
    margin:75px auto 0;
    overflow:hidden;
}
.slogan{
    width:100%;
    font-size:24px;
    margin:0 auto;
}
.box1_list{
    position:relative;
    width:1200px;
    margin:50px auto 0;
}
.box1_list ul{
    position:relative;
    margin-bottom:35px;
    overflow:hidden;
}
.add_bg1{
    position:absolute!important;
    width:100%!important;
    height:100%;
    border:2px solid #fff;
    background:rgba(255,255,255,0.66);
    border-radius:200px;  
}
.box1_list ul li{
    float:left;
    position:relative;
    width:25%;
    padding:20px 15px 35px;
    text-align:center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.box1_list ul li .pic{
    position:relative;
    width:100%;
}
.box1_list ul li .pic img{
    width:100px;
    height:100px;
}
.box1_list ul li p{
    width:100%;
    color:#333;
    font-size:16px;
    font-weight:bold;
    margin-top:10px;
}
.box1_jt{
    position:absolute;
    bottom:10px;
    left:50%;
    margin-left:-20px;
    width:40px;
    height:40px;
}
.layui-icon-prev{
    display:inline-block;
    position:relative;
    width:40px;
    transform:rotate(-90deg);
    color:#fff;
    font-size:18px;
    text-align: center;
    -webkit-animation: mapping 1s linear infinite;
    -moz-animation: mapping 1s linear infinite;
    animation: mapping 1s linear infinite;
}
.swiper-pagination-bullet{
    width:12px;
    height:12px;
    background:#fff;
    opacity:.2;
}
.swiper-pagination-bullet-active{
    background:#fff!important;
    opacity:1;
}
/*模块一 end*/

/*模块二 start*/
.box2_list{
    width:1200px;
    margin:0 auto;
}
.box2_list ul{
    display:flex;
    position:relative;
    margin:50px auto;
    overflow:hidden;
}
.box2_list ul li{
    position:relative;
    flex:1;
    padding:25px 0 35px;
    text-align:center;
    box-sizing: border-box;
}
.box2_list ul li img{ width:100px;}
.box2_list ul li p{
    width:100%;
    color:#333;
    font-size:16px;
    font-weight:bold;
    margin-top:10px;
}
/*模块二 end*/

/*模块三 start*/
.box3_pro{
    width:100%;
    margin:30px auto;
    text-align:center;
}
.box1_ewm{
    display:flex;
    width:1000px;
    margin:0 auto;
}
.box1_ewm span{
    flex:1;
    margin:30px 0;
    text-align: center;
}
.box1_ewm img{
    width:150px;
}
.box1_ewm span i{
    display:block;
    width:100%;
    color:#fff;
    font-size:16px;
    font-weight:bold;
    line-height:30px;
    margin-top:10px;
    text-align: center;
}
.swiper-slide3 .six_title{
    margin:25px 0 30px;
}
/*模块三 end*/
.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{
    margin:20px 0;
}
.swiper-container-vertical>.swiper-pagination-bullets{
    right:20px;
}
/******************移动端 end*****************/