@charset "UTF-8";
.mhout-banner {
    position: relative;
    margin-bottom: 45px;
}
.full-video{
    height:650px;
    overflow: hidden;
}
.full-video video{
    width:100%;
}
.banner-swiper {
    width: 100%;
}
.banner-swiper .container{
    height:550px;
}
.banner-swiper .container img{
    width: 100%;
}
.banner-swiper .swiper-slide {
    position: relative;
    text-align: center;
    font-size: 18px;
    background: #fff;
    display: -webkit-box;.full-product
    display: -ms-flexbox;
    display: -webkit-flex;
}

.banner-swiper .swiper-slide .container {
    margin:10% auto 0px;
    position: relative;
}

.banner-swiper .swiper-slide .container a{
    width: 140px;
    height: 42px;
    line-height: 42px;
    margin:60px auto 0px;
    font-size: 14px;
    background: #1490FA;
    border-radius: 2px;
    display: block;
    box-shadow: 0 0px 16px rgba(62, 62, 62, 0.3);
}


.mhout-banner .swiper-pagination-bullet-active{
    background: #fff;
}
.swiper-title {
    font-weight: 800;
    text-align: center;
    line-height: 2.5;
}

.swiper-title h3{
    font-size: 38px;
    line-height: 80px;
    overflow: hidden;
    display: -webkit-box;
    /*-webkit-line-clamp: 1;*/
    -webkit-box-orient: vertical;
}
.banner-swiper .swiper-slide .container{
    margin-top: 10%;
    display: block;
    width: 100%;
}
.swiper-title p{
    margin-top: 10px;
    font-size: 16px;
    font-weight: normal;
    overflow: hidden;
    /*text-overflow:ellipsis;*/
    /*display: -webkit-box;*/
    /*-webkit-line-clamp: 1;*/
    /*-webkit-box-orient: vertical;*/
}
.swiper-img {
    width: 75%;
    position: absolute;
    top: 14%;
    left: 65%;
}
.mhout-banner .swiper-pagination{
    bottom: 80px
}
.mhout-banner  .swiper-pagination-bullet{
    width: 28px;
    height: 8px;
    display: inline-block;
    border-radius: 8px;
}

.solution-swiper{
    color: #333;
    text-align: center;
}
.solution-swiper .desc{
    margin-top: 15px;
    font-size: 14px;
    color:#888888;
}
.solution-swiper-dot{
    margin-top:20px;
}
.solution-swiper-dot span{
    font-size: 16px;
    display: inline-block;
    height: 40px;
    line-height: 40px;
    margin:0px 15px;
    cursor: pointer;
}
.solution-swiper-dot span.active{
    border-bottom:4px solid #0097FD;
}
.service-hall .col-md-6 {
    padding: 0px;
}

.service-hall img {
    width: 100%;
}
.service-hall .index-product-info {
    padding-left: 100px;
}
.service-hall h3{
    /* margin-bottom:60px; */
}

.service-hall .col-sm-12{
    font-size: 16px;
    margin-bottom: 20px;
    color:#666
}

.blue-number {
    width: 3px;
    height: 15px;
    margin-right: 4px;
    display: inline-block;
    position: relative;
    bottom: -2px;
    background-color: #0094f8;
}

.index-product-tab {
    color: #333;
    padding: 25px;
    position: relative;
}

.index-product-info {}

.index-product-info h3 {
    font-size: 26px;
    line-height: 1.8;
    color: #333;
}
.index-product-info p{
    line-height: 36px;
    font-size: 16px;
    color: #666;
}
.index-product-info .col-sm-4 {
    font-size: 15px;
    color: #666;
    margin: 8px 0px;
}

.index-product-tab .btn-more:hover{
    border-color:#ddd !important;
}
.solve-scheme{
    background: #f9f9f9;
    position: relative;
    overflow: hidden;
}
.solve-scheme .page-left{
    background-image:url("../images/page-left.png");
    background-repeat: no-repeat;
    background-position: center center;
    width: 100px;
    height: 100px;
    position: absolute;
    left:10%;
    top:50%;
    margin-top: -50px;
    cursor: pointer;
    z-index: 999;
    outline:none;
}
.solve-scheme .page-right{
    background-image:url("../images/page-right.png");
    background-repeat: no-repeat;
    background-position: center center;
    width: 100px;
    height: 100px;
    position: absolute;
    right:10%;
    top:50%;
    margin-top: -50px;
    cursor: pointer;
    z-index: 999;
    outline:none;
}
.full-stack{
    padding:0px;
    color:#fff;
    background-image: url(../images/full-stack.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size:cover;
}
.full-stack .desc{
    color:#fff;
    text-align: left;
    text-indent: 18%;
}
.full-menu{
    padding: 90px 0 10px;
    overflow: hidden;
    text-align: left;
    background: url(../images/in_fm_bg.png) no-repeat scroll 0 0 transparent;
    background-size: 100%;
}
.full-menu .row{
    cursor: pointer;
    height: 85px;
    line-height: 85px;
    padding:0px;
    margin:0px;
    padding-left:35%;
}
.full-menu .img-box , .full-menu span{
    display: inline-block;
    font-size: 16px;
    margin: 0px 4px;
}
.full-menu .row.active{
    background: #243452;
    margin: 0px;
}
.full-title{
    margin-top: 42px;
    font-size: 18px;
    position: relative;
    text-align: left;
}
.full-content {
    display: none;
    padding-top: 20px;
}
.full-content.active{
    display: block;
}
.full-content h3{
    font-size: 26px;
    text-align: left;
    text-indent: 26%;
}
.full-content p{
    font-size: 14px;
    text-align: left;
    margin: 10px 0px;
}
.full-title-line{
    position: absolute;
    display: inline-block;
    height: 1px;
    width: 90%;
    top:10px;
    left:10%;
    background: #fff;
}
.full-product{
    margin-top: 12px;
    overflow: hidden;
    height: 155px;
    text-align: left;
    overflow-y: auto;
}
.full-product a{
    display: inline-block;
    border: 1px solid #fff;
    padding:8px 10px;
    font-size: 14px;
    margin-right:20px;
    margin-bottom: 20px;
}
.full-img {
    text-align: left;
}
.full-img img:first-child{
    margin-left:0px;
}
.full-img img{
    display: inline-block;
    margin:15px;
    max-height: 100px;
    max-width: 100px;
}

.security {
    margin-bottom: 40px;
    position: relative;
}
.security .security-swiper{
    overflow: hidden;
}
.security .swiper-slide{
    padding-top: 20px;
    border:1px solid #ccc;
}
.security .swiper-slide h3{
    font-size: 18px;
}
.security .swiper-slide .desc{
    font-size: 12px;
}
.security-swiper-prev{
    background-image:url("../images/security-swiper-prev.png");
    background-repeat: no-repeat;
    background-position: center center;
    width: 40px;
    height: 40px;
    position: absolute;
    left:-100px;
    top:50%;
    margin-top: 30px;
    cursor: pointer;
    z-index: 999;
    box-shadow: 0 0px 10px #cecece;
    border-radius: 50%;
    outline: none;
}
.security-swiper-next{
    background-image:url("../images/security-swiper-next.png");
    background-repeat: no-repeat;
    background-position: center center;
    width: 40px;
    height: 40px;
    position: absolute;
    right:-100px;
    top:50%;
    margin-top: 30px;
    cursor: pointer;
    z-index: 999;
    box-shadow: 0 0px 10px #cecece;
    border-radius: 50%;
    outline: none;
}
.security-swiper-prev:hover,.security-swiper-next:hover{
    box-shadow: 0 0px 10px #666666;
}
/*动画*/
@keyframes move_wave {
    0% {
        transform: translateX(0) translateZ(0) scaleY(1)
    }
    50% {
        transform: translateX(-25%) translateZ(0) scaleY(0.55)
    }
    100% {
        transform: translateX(-50%) translateZ(0) scaleY(1)
    }
}

.waveWrapper {
    overflow: hidden;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0px;
    margin: auto;
    z-index: -1;
}

.bgTop {
    z-index: 15;
    opacity: 0.5;
}

.bgMiddle {
    z-index: 10;
    opacity: 0.75;
}

.bgBottom {
    z-index: 5;
}

.wave {
    position: absolute;
    left: 0;
    width: 200%;
    height: 100%;
    background-repeat: repeat no-repeat;
    background-position: 0 bottom;
    transform-origin: center bottom;
}

.waveTop {
    background-size: 50% 50px;
}

.waveAnimation .waveTop {
    animation: move-wave 3s;
    -webkit-animation: move-wave 3s;
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
}

.waveMiddle {
    background-size: 50% 60px;
}

.waveAnimation .waveMiddle {
    animation: move_wave 10s linear infinite;
}

.waveBottom {
    background-size: 50% 40px;
}

.waveAnimation .waveBottom {
    animation: move_wave 15s linear infinite;
}


/*解决方案*/

.h-line {
    width: 100px;
    border-width: 3px;
    border-color: #42bbff;
    margin-bottom: 40px;
}

.index-solution {
    background: url(../images/index_solution.jpg) no-repeat scroll 0 0 transparent;
}

.index-solution-info,
.index-partner-info {
    color: #fff;
}

.index-solution-info p,
.index-partner-info p {
    text-align: center;
    font-size: 16px;
    margin-top: 20px;
}

.swiper-solution {
    position: relative;
}

.solution-container {
    margin: 0;
    height: 360px;
}

.solution-container .swiper-slide {
    background: rgba(0, 0, 0, .6);
    color: #fff;
    padding: 35px 45px;
}

.sol-tabs {
    height: 320px;
    position: relative;
    text-align: center;
    top: 20px;
    left: -60px;
    z-index: 9;
}

.solution-school,
.solution-hospital,
.solution-business {
    float: left;
    color: #fff;
    font-size: 26px;
    padding: 20px;
    background-repeat: no-repeat;
    background-position: 0 -320px;
}

.solution-school {
    width: 220px;
    height: 320px;
}

.solution-hospital {
    width: 220px;
    height: 160px;
    background-position: 0 -160px;
}

.solution-business {
    width: 220px;
    height: 160px;
    background-position: 0 -160px;
}

.solution-school.active,
.solution-hospital.active,
.solution-business.active {
    background-position: 0 0;
}

.solution-school:hover,
.solution-hospital:hover,
.solution-business:hover {
    color: #a5dcff;
}

.solution-school:visited,
.solution-hospital:visited,
.solution-business:visited {
    color: #fff;
}


/*新闻*/
.
.index-news-content .swiper-container {
    width: 100%;
}

.index-news-content .swiper-slide {
    background: #f7f7f7;
}
.index-news-content .col-md-6 img{
    max-height: 360px;
    max-width: 600px;
}
.index-newsbg{
    height:260px;
    background-repeat: no-repeat;
    background-size:100% 100%;
    background-position: center;
}
.index-news{
    background: #fcfcfc;
}
.index-news a:hover{
    color:#000;
}
.news-pic {
    width: 40%;
    float: left;
}
.index-news .col-md-6 img{
    width: 100%;
}
.news-pic img {
    max-width: 480px;
    width: 100%;
    max-height: 300px;
}

.news-content {
    width: 60%;
    float: left;
    box-sizing: border-box;
    padding: 20px;
}

.news-content h3 , .index-news-content h3{
    margin: 0px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-top: 14px;
    text-align: left;
}

.news-info {
    font-size: 14px;
    line-height: 26px;
    padding: 10px 0;
    text-align: left;
    min-height: 185px;
}
.news-time{
    text-align:left;
    font-size: 14px;
}
.news-info p {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}
.index-news-content .swiper-pagination {
    text-align: right;
}

.index-news-content .swiper-pagination-bullet {
    width: 60px;
    height: 8px;
    display: inline-block;
    border-radius: 10px;
    opacity: .2;
}


/*合作伙伴*/

.index-partner {
    background: url(../images/index_parnter.jpg);
}

.wallper {
    margin: 0 auto;
    text-align: center;
}

.partner-tabs {
    margin: 0 auto;
    text-align: center;
    height: 30px;
    border-bottom: 1px solid #fff;
}

.partner-tabs a {
    color: #fff;
    font-size: 16px;
    padding: 6px 16px;
}

.partner-tabs a.active {
    border-bottom: 4px solid #fff;
}

.partner-list {
    overflow-y: auto;
}

.swiper-group {
    overflow-y: auto;
    max-height: 540px;
}

.swiper-group li {
    width: 154px;
    height: 154px;
    list-style: none;
    float: left;
    border-radius: 5px;
    border: 6px solid rgba(255, 255, 255, .2);
    margin: 10px;
}
.swiper-group li img{
    width: 100%;
    max-height: 112px;
}
.index-product-img img{
    width: 100%;
    max-width: 500px;
}
.partner-pic div{
    background: #fff;
    padding: 15px;
    min-height: 142px;
}