/*通用*/
.indexTitle{
    width:100%;
    height: auto;overflow: hidden;
}
.indexTitleContent{
    width:70%;float: left;
}
.indexTitleContent h2{
    font-size:16px;
    color:#018cd2;
    font-weight:bold;
    line-height: 30px;
}
.indexTitleContent h3{
    font-size: 36px;
    font-weight:bold;
    line-height: 50px;
}
.indexTitleMore{
    width:30%;float: left;
    text-align: right;
}
.indexTitleMore a{
    display: inline-block;
    line-height: 35px;
    padding:0 30px;
    background: linear-gradient(45deg,#018cd2,#3bbdfe);
    border-radius: 30px;
    color:#fff;
    margin-top:10px;
    margin-right: 10px;
    cursor: pointer;
    transition: all 0.3s;
    font-size: 13px;
}
.indexTitleMore a:hover{
    box-shadow: 0 0 5px rgba(0,0,0,0.3);
    background: linear-gradient(95deg,#018cd2,#3bbdfe);
}

/*产品*/
.indexProduct{
    width:100%;
    height: auto;overflow: hidden;
    margin:50px auto;
    position: relative;
    padding-bottom: 50px;
}
.indexProductLine{
    width: 100%;
    height: auto;overflow: hidden;
}

.indexProductContent{
    width:45%;float: left;
    margin-right: 5%;
}
.indexProductContent h2{
    font-size: 30px;
    font-weight: bold;
    line-height: 40px;
    margin-top:40px;
}
.indexProductContent h3{
    width:100%;
    height: 120px;overflow: hidden;
    font-size: 16px;
    line-height: 30px;
    margin:50px auto;
    color:#666;
}
.indexProductContent div span{
    display: block;
    width:130px;
    height: 30px;overflow: hidden;
    line-height: 30px;
    border: 1px solid #eee;
    border-radius: 30px;
    color:#666;
    cursor: pointer;
    transition: all 0.3s;
    font-size: 13px;
    margin:10px 10px;
    transition: all 0.3s;
    position: relative;
    text-align: center;
    z-index: 1;
}
.indexProductContent div span::after{
    content: '';
    width:0%;
    height: 100%;
    position: absolute;
    top:0;
    left: 0;
    transition: all 0.3s;
    background: linear-gradient(45deg,#018cd2,#3bbdfe);
    z-index: -1;
}
.indexProductContent div span:hover{
    box-shadow: 0 0 5px #eee;
    color:#fff;
}
.indexProductContent div span:hover::after{
    width:100%;
}
.indexProductPic{
    width:48%;float: left;
    margin:0 1%;
}
.indexProductPic img{
    width:98%;
    height: 500px;
    border: 1px solid #eee;
    border-radius: 20px;
}

.indexProduct #text-container {
    margin-top: 20px; /* 根据需要调整 */
    text-align: center; /* 根据需要调整 */
}

.indexProduct .swiper-pagination-bullet{
    width: 30px;
    height: 6px;
    border-radius:5px;
}

/*优势*/
.indexAdvantage{
    width:100%;
    height: auto;overflow: hidden;
    background-image: url(/Skins/UI/Cn/Images/indexAdvantageBg.jpg);
    background-size: cover;
    background-position: center;
}
.indexAdvantage li{
    width:27.23%;float: left;
    border-right:1px solid #a4a8ac;
    padding:200px 3%;
    transition: all 0.5s;
    position: relative;
    z-index: 1;
}
.indexAdvantage li::before{
    width:100%;
    height: 0;
    content: '';
    background: rgba(0,0,0,0.7);
    top:0;
    left: 0;
    position: absolute;
    transition: all 0.5s;
    z-index:-1;
}
.indexAdvantage li:hover::before{
    height: 100%;
}
.indexAdvantage li:last-child{
    border-right: 0;
}
.indexAdvantage li h3{
    font-size: 80px;
    font-weight: bold;
    font-style: italic;
    color:#fff;
    line-height: 80px;
    font-family: 'Times New Roman', Times, serif;
}
.indexAdvantage li s{
    display: block;
    width:60px;
    height: 2px;
    background-color: #018ad4;
}
.indexAdvantage li h2{
    width:100%;
    height: auto;overflow: hidden;
    color:#bde7ff;
    line-height: 40px;
    font-size: 30px;
    font-weight: bold;
    margin:40px auto;
}
.indexAdvantage li h4{
    width:100%;
    height: auto;overflow: hidden;
    color:#fff;
    line-height: 30px;
}

/*工程案例*/
.indexCase{
    width:100%;
    height: auto;overflow: hidden;
    background-image: url(/Skins/UI/Cn/Images/indexCaseBg.jpg);
    padding:100px 0 50px 0;
}
.indexCaseList{
    width:100%;
    height: auto;overflow: hidden;
    position: relative;  
    padding-bottom: 50px;
}
.indexCaseList .swiper-pagination-bullet{
    width: 50px;
    height: 5px;
    border-radius:5px;
}
.indexCaseList .swiper-pagination-bullet-active{
    background: #018ad4;
}
.indexCaseList .swiper-slide {
    text-align: center;
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    transition: 300ms;
    transform: scale(0.8);
  }
  .indexCaseList .swiper-slide-active,.swiper-slide-duplicate-active{
    transform: scale(1);
  }
.caseList{
    width:100%;
    height: auto;overflow: hidden;
    background-color: #fff;
    border-radius: 10px;
}
.caseList div img{
    width:100%;
    height: 400px;
    border-radius: 10px;
}
.caseList h2{
    width:100%;
    height: auto;overflow: hidden;
    margin:10px auto;
    line-height: 50px;
    text-align: center;
    font-size: 18px;
}

.indexCasePartner{
    width:100%;
    height: auto;overflow: hidden;
    margin:50px auto;
    position: relative;
}
.indexCasePartner .swiper-button-next, .swiper-button-prev{
    color:#999;
}
.indexCasePartner img{
    border-radius: 10px;
    transition: all 0.3s;
    margin-top:10px;
    margin-bottom: 10px;
}
.indexCasePartner img:hover{
    box-shadow: 0 0 5px #ccc;
}

/*走进WM视讯*/
.indexAboutPic{
    width:40%;float: left;
    margin-right: 2%;
}
.indexAboutPic li{
    width:48%;float: left;
    margin:10px 1%;
}
.indexAboutPic li:nth-child(1){
    width:98%;
}
.indexAboutPic li img{
    width:100%;
    border-radius: 20px;
}
.indexAboutRight{
    width:58%;float: left;
    margin-top:20px;
}
.indexAboutTitle{
    width:100%;
    height: auto;overflow: hidden;
}
.indexAboutTitle h2{
    font-size: 16px;
    color:#018cd2;
    font-weight: bold;
    line-height: 30px;
}
.indexAboutTitle h3{
    font-size: 36px;
    font-weight: bold;
    line-height: 40px;
}
.indexAboutContent{
    width:100%;
    height: 75px;overflow: hidden;
    margin:40px auto;
    line-height: 25px;
    color:#666;
}
.indexAboutMore{
    width:100%;
    height: auto;overflow: hidden;
}
.indexAboutMore a{
    display: inline-block;
    line-height: 35px;
    padding:0 20px;
    border: 1px solid #eee;
    border-radius: 30px;
    color:#666;
    cursor: pointer;
    transition: all 0.3s;
    font-size: 13px;
    margin:10px 10px;
}
.indexAboutMore a:hover{
    box-shadow: 0 0 10px #ccc;
}
.indexAboutTag{
    width:100%;
    height: auto;overflow: hidden;
    margin:30px auto;
}
.indexAboutTag li{
    width:180px;float: left;
    margin-right: 10px;
}
.indexAboutTag li .icon{
    width:60px;float: left;
    height: 30px;
    padding:15px 0;
    text-align: center;
    border-radius: 50%;
    background-color: #028bd1;
    border: 10px solid #60c9ff;
    margin-right: 10px;
    transition: all 0.3s;
}
.indexAboutTag li .icon img{
    width:50%;
}
.indexAboutTag li:hover .icon{
    background-color: #ff4001;
    border: 10px solid #ff9876;
    padding:10px 0;
    height: 40px;
    cursor: pointer;
}
.indexAboutTag li .word{
    width:90px;float: left;
    height: 50px;overflow: hidden;
    line-height: 25px;
    padding:10px 0;
    color:#666;
}

/*新闻*/
.indexNews{
    width: 100%;
    height: auto;overflow: hidden;
    background-color: #f1f1f1;
    padding:100px 0;
}
.indexNewsContent{
    width:100%;
    height: auto;overflow: hidden;
}
.indexNewsPicList{
    width:40%;float: left;
    margin-right: 5%;
    height: auto;overflow: hidden;
    position: relative;
    padding-bottom: 40px;
}
.indexNewsPicList .picList{
    width:90%;
    height: auto;overflow: hidden;
    background-color: #fff;
    border-radius: 10px;
    padding:20px 3%;
    transition: all 0.3s;
    margin:10px auto;
}
.indexNewsPicList .picList:hover{
    box-shadow: 0 0 10px #ccc;
}
.indexNewsPicList .picList div{
    width:100%;
}
.indexNewsPicList .picList div img{
    width:100%;
    max-height: 310px;
}
.indexNewsPicList .picList h2{
    width:100%;
    height: 40px;overflow: hidden;
    line-height: 40px;
    color:#000;
    font-size: 18px;
}
.indexNewsPicList .picList h3{
    width:100%;
    height: 40px;overflow: hidden;
    line-height: 20px;
    color:#999;
    margin:10px auto;
    font-size: 12px;
}

.indexNewsList{
    width:55%;float: left;
}
.indexNewsList li{
    width:44%;float: left;
    height: auto;overflow: hidden;
    background-color: #fff;
    padding:30px 2%;
    margin:10px 1% 20px 1%;
    transition: all 0.3s;
    border-radius: 10px;
}
.indexNewsList li:hover{    
    box-shadow: 0 0 10px #ccc;
}
.indexNewsList li h4{
    line-height: 40px;
    color:#c8c4c4;
}
.indexNewsList li h4 span{
    font-weight: bold;
    color:#000;
    font-size: 30px;
}
.indexNewsList li h2{
    width:100%;
    height: 40px;overflow: hidden;
    line-height: 40px;
    color:#000;
    font-size: 18px;
}
.indexNewsList li h3{
    width:100%;
    height: 40px;overflow: hidden;
    line-height: 20px;
    color:#999;
    margin:10px auto;
    font-size: 12px;
}

@media(max-width:768px) { 

    /*通用*/
    .indexTitleContent{
        width:100%;
    }
    .indexTitleContent h3{
        font-size: 30px;
    }
    .indexTitleMore{
        width:100%;
        border-bottom: 1px solid #eee;
        padding-bottom: 20px;
    }

    /*产品*/
    .indexProductContent{
        width:100%;
        margin-right: 0;
    }
    .indexProductContent h2{
        font-size: 30px;
        font-weight: bold;
        line-height: 40px;
        margin-top:40px;
    }
    .indexProductContent h3{
        margin:20px auto;
    }

    .indexProductPic{
        width:98%;
        margin-top: 30px;
    }
    .indexProductPic img{
        width:98%;
        height: 300px;
    }

    /*优势*/
    .indexAdvantage li{
        width:94%;
        border-right:0;
        border-bottom:1px solid #a4a8ac;
        padding:50px 3%;
    }
    .indexAdvantage li h3{
        font-size: 60px;
        line-height: 70px;
    }
    .indexAdvantage li s{
        display: block;
        width:60px;
        height: 2px;
        background-color: #018ad4;
    }
    .indexAdvantage li h2{
        line-height: 30px;
        font-size: 24px;
        margin:20px auto;
    }
    .indexAdvantage li h4{
        line-height: 25px;
    }

    /*工程案例*/
    .caseList div img{
        height: 300px;
    }

    .indexCasePartner{
        margin:30px auto;
    }

    /*走进WM视讯*/
    .indexAboutPic{
        width:100%;
        margin-right:0;
    }
    .indexAboutPic li img{
        border-radius: 10px;
    }
    .indexAboutRight{
        width:100%;
    }
    .indexAboutTitle h3{
        font-size: 30px;
    }
    .indexAboutTag{
        width:100%;
        height: auto;overflow: hidden;
        margin:30px auto;
    }

    .indexAboutTag li{
        width:160px;float: left;
        margin-right: 10px;
        margin-bottom: 20px;
    }
    .indexAboutTag li .icon{
        width:40px;float: left;
        height: 30px;
        padding:5px 0;
        text-align: center;
        border-radius: 50%;
        background-color: #028bd1;
        border: 5px solid #60c9ff;
        margin-right: 5px;
        transition: all 0.3s;
    }
    .indexAboutTag li:hover .icon{
        background-color: #ff4001;
        border: 5px solid #ff9876;
        padding:5px 0;
        height: 30px;
        cursor: pointer;
    }
    .indexAboutTag li .word{
        padding:0px 0;
        line-height: 20px;
        padding:3px 0 0 0;
    }

    /*新闻*/
    .indexNews{
        padding:50px 0;
    }
    .indexNewsPicList{
        width:100%;float: left;
        margin-right: 0;
        height: auto;overflow: hidden;
        position: relative;
        padding-bottom: 40px;
    }
    .indexNewsList{
        width:100%;
    }
    .indexNewsList li{
        width:88%;
        padding:30px 5%;
        margin:10px 1% 10px 1%;
    }
}<!--0.0001981258392334-->