.banner{
            position: relative;
        }
        .banner img{
            width: 100%;
            min-height: 300px;
        }
        .banner-title{
            width: 100%;
            height: 100%;
            background: rgba(0,0,0,0.5);
            position: absolute;
            top: 0;
            text-align: center;
        }
        .banner-title .banner-txt{
            margin-top: 22%;
            color: white;
            animation-duration: 3s;
        }
        .banner-txt h2{
            font-size: 4rem;
            font-weight: 100;
        }
        .banner-txt p{
            font-size: 1.6rem;
        }
        .advantage{
            width: 100%;
            background: #F3F3F3;
            padding: 150px 0 150px 0;
            position: relative;
        }
        .advbg1,.advbg2{
            position: absolute;
            height: 561px;
        }
        .advbg1{
            width: 460px;
        }
        .advbg2{
            width: 600px;
        }
        .advbg1{
            left: 0;
            background: url("http://sapience.cc/content/images/bg0.png") no-repeat;
        }
        .advbg2{
            right: 0;
            background: url("http://sapience.cc/content/images/bg1.png") no-repeat;
        }
        .advantageList{
            text-align: center;
            padding: 15px;
            cursor: pointer;
        }
        .advantageList h2{
            display: block;
            position: relative;
            top: 10px;
            width: 68px;
            height: 83px;
            margin: 0 auto;
            background: url("http://sapience.cc/content/images/icon.png") no-repeat;
        }
        .advantageList h3{
           margin-top: 20px;
    margin-bottom: 10px;
        }
        .bg1 a:hover .nongye{
            background-position: -272px 0;
        }
        .advantageList .canzhuo{
            background-position: -68px 0;
        }
        .bg1 a:hover .canzhuo{
            background-position: -340px 0;
        }
        .advantageList .shangjia{
            background-position: -136px 0;
        }
        .bg1 a:hover .shangjia{
            background-position: -408px 0;
        }
        .advantageList .home{
            background-position: -204px 0;
        }
        .bg1 a:hover .home{
            background-position: -476px 0;
        }
        .advantageList .bangong{
            background-position: 0 -83px;
        }
        .bg2 a:hover .bangong{
            background-position: -272px -83px;
        }
        .advantageList .jiankang{
            background-position: -68px -83px;
        }
        .bg2 a:hover .jiankang{
            background-position: -340px -83px;
        }
        .advantageList .fuhuaqi{
            background-position: -136px -83px;
        }
        .bg2 a:hover .fuhuaqi{
            background-position: -408px -83px;
        }
        .advantageList .gengduo{
            background-position: -204px -83px;
        }
        .bg2 a:hover .gengduo{
            background-position: -476px -83px;
        }
        .advantageList a{
            display: block;
            padding: 28px;
            min-height: 262px;
            text-decoration:none;
            transition: all .5s ease;
            -webkit-transition: all .5s ease;
            -moz-transition: all .5s ease;
            -o-transition: all .5s ease;
            -ms-transition: all .5s ease;
        }
        .bg1 a:hover{
            background: rgba(255,255,255,0.5);
            color: black;
            box-shadow: 0 0 10px 120px rgba(255,255,255,0.5) inset;
        }
        .bg1 a{
            background: #17a569;
            color: white;
        }
        .bg2 a{
            background: white;
            color: black;
        }
        .bg2 a:hover{
            background: #17a569;
            color: white;
            box-shadow: 0 0 10px 120px #17a569 inset;
        }
        .title{
            text-align: center;
        }
        .case-imgs div{
            padding: 0;
        }
        .case-imgs img{
            padding: 0;
            width: 100%;
        }
        .img-box{
            overflow: hidden;
            position: relative;
            cursor: pointer;
        }
        .img-box:hover .back{
            top: 0;
        }
        .back{
            position: absolute;
            top: 100%;
            -webkit-transition: .6s ease;
            -moz-transition: .6s ease;
            -o-transition: .6s ease;
            -ms-transition: .6s ease;
            transition: .6s ease;
        }
        .news-box{
            height: 260px;
            padding: 40px;
            background: #F5F5F5;
            border: 5px solid white;
            -webkit-transition: .5s;
            -moz-transition: .5s;
            -o-transition: .5s;
            -ms-transition: .5s;
            transition: .5s;
            cursor: pointer;
        }
        .news-box img{
            margin-top: 10px;
        }
        .news-time,.news-txt{
            font-size: 1.6rem;
            color: #B2B2B2;
        }
        .news-time{
            margin-bottom: 20px;
        }
        .news-more{
            text-align: right;
            margin-top: 20px;
        }
        .news-first .news-more a{
            color: white;
        }
        .news-obb{
            background: white;
            height: 250px;
            text-align: center;
        }
        .news-obb a{
            display: block;
            margin-top: 20%;
        }
        .news-box+.news-box:hover{
            background: #17a569;
            color: white;
        }
        .news-box+.news-box:hover p{
            color: white;
        }
        .news-box+.news-box a{
            color: black;
        }
        .news-box+.news-box:hover a{
            color: white;
        }
        .news-first:hover{
            background-position: 20px 0;
        }
        .news-first{
            background: url("http://sapience.cc/content/images/newbg.png") 100% center;
            color: white;
        }
        .cooperation-content{
            width: 100%;
            height: 507px;
            background-image: url("http://sapience.cc/content/images/10.png");
        }
        .cooperation-content .container{
            position: relative;
            top: 32%;
        }
        .swiper-container {
            width: 100%;
            padding-top: 50px;
            padding-bottom: 50px;
        }
        .swiper-slide {
            background-position: center;
            background-size: cover;
            width: 768px;
            height: 304px;
            background: rgba(244, 244, 244, 0.96);
            border-radius: 10px;
        }
        .team-content .tip{
            display: block;
            width: 202px;
            height: 304px;
            float: left;
        }
        .team-content .info{
            float: left;
            width: 466px;
            margin: 50px;
        }
        .team-content .info h4{
            margin-bottom: 20px;
            color: #313131;
        }
        .team-content .info p{
            color: #969696;
        }
        .swiper-container-3d .swiper-slide-shadow-right{
            background-image: linear-gradient(to right,rgba(0,0,0,.1),rgba(0,0,0,0));;
        }
        .swiper-container-3d .swiper-slide-shadow-left{
            background-image: linear-gradient(to right,rgba(0,0,0,0),rgba(0,0,0,.1));
        }
        .swiper-pagination-bullet-active {
            background: #17a569;
        }
        #btnBox{
            cursor: default;
        }
        @media (max-width: 767px){
            .banner-txt{
                margin-top: 30%;
            }
            .advantage{
                margin-top: 0;
                padding: 0;
            }
            .news-box{
                padding: 20px;
            }
            .cooperation-content {
                height: 207px;
            }
            .swiper-slide{
                width: 280px;
                height: 280px;
            }
            .team-content .tip{
                display: inline-block;
                width: 80px;
                height: 120px;
                margin: 10px;
            }
            .team-content .info{
                display: inline;
                float: none;
            }
            .team-content .info h4{
                margin-bottom: 20px;
            }
        }
        .swiper-slide-active{
            background: #17a569;
        }
        .swiper-slide-active .info p{
            color: white;
        }
        .swiper-slide-active .info h4{
            color: white;
        }
        @media (max-width: 1200px) {
            .advantageList a{
                height: 285px;
            }
        }