@charset "utf-8";
/* CSS Document */
* {
    margin:0;
    padding:0;
}
body {
    font-family:Helvetica Neue,Helvetica,Arial,sans-serif;
    font-size:14px;
    color:#333;
}
.banner {
    padding-top:80px;
    padding-bottom:80px;
}
.banner h1 {
    font-size:36px;
    text-align:center;
    font-weight:normal;
}
.banner h2 {
    font-size:18px;
    color:#535353;
    text-align:center;
    font-weight:normal;
    margin:20px 0 60px;
}
.banner .swiper {
    width:1200px;
    margin:0 auto;
    position:relative;
}
.mobile .swiper{
    width: 100%;
}
.current-swiper {
    width:650px;
    height:370px;
    border-radius:10px;
    margin:0 auto;
    box-shadow:0 0 20px rgba(0,0,0,0.05);
    position:relative;
    z-index:99;
}

.mobile .current-swiper{
    width: 60%;
}

/*.name:before {*/
/*    content:'';*/
/*    position:absolute;*/
/*    width:30px;*/
/*    height:30px;*/
/*    right:10px;*/
/*    top:0;*/
/*    bottom:0;*/
/*    margin:auto;*/
/*    background:url(../img/curr_sectbg.png) no-repeat center center;*/
/*}*/
.title {
    line-height:29px;
    font-size:18px;
    color:#666;
}
.web .title{
    padding-top:70px;
    margin-left:45px;
    height:100px;
}
.name {

    display:inline-block;
    position:relative;
    line-height:55px;
    padding-bottom:9px;
    padding-right:55px;
    border-bottom:1px solid #dddddd;
    font-size:36px;
    color:#333;
}
.web .name{
    margin-left:45px;
    height:55px;
}
.detail {

    line-height:24px;
    color:#bbb;
    font-size:14px;
}
.web .detail{
    margin-left:45px;
    width:275px;
    margin-top:30px;
    padding-right:5px;
}

.mobile .swiper-slide{
    display:flex;
    align-items:flex-end;
    flex-direction: column;
    justify-content: center;
}

.mobile .title{
    color: white;
    padding-top: 100px;
    margin-right: 10px;
}
.mobile .name{
    color: white;
}

.mobile .detail{
    color: white;
    margin-right: 10px;
}
.swiper-button-prev {
    width:46px;
    height:46px;
    background:url(../img/curr_prev.png) no-repeat center center;
    z-index: 1000;
}
.swiper-button-next {
    width:46px;
    height:46px;
    background-size:auto;
    background-image:url(../img/curr_next.png);
    z-index: 1000;
}
.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after {
    content: '';
}
.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {
    content: '';
}
.swiper-slide{

    border-radius:10px;
}