.indexTitle{
    width:100%;
    height:auto;overflow:hidden;
    text-align:center;
}
.indexTitle s{
    width:40px;
    height:3px;
    background-color:#3b8ce0;
    display:inline-block;
}
.indexTitle h2{
    width:100%;
    height:40px;line-height:40px;overflow:hidden;
    font-size:30px;
    font-weight:bold;
}
.indexTitle h3{
    width:100%;
    height:30px;line-height:30px;overflow:hidden;
    color:#999;
}

.indexMore{
    width:100%;
    height:auto;overflow:hidden;
    text-align:center;
    line-height:30px;
}
.indexMore a{
    padding:3px 30px;
    background-color:#3b8ce0;
    color:#fff;
    border-radius:25px;
    margin:20px auto;
    transition:all 0.5s;
    display:inline-block;
}
.indexMore a:hover{
    background-color:#1a5da3;
    box-shadow:0 0 10px #ccc;
}

/*产品展示*/
.indexProduct{
    width:100%;
    height:auto;overflow:hidden;
}
.indexProduct li{
    width:30%;float:left;
    margin:10px 1.5%;
    height:350px;overflow:hidden;
    position:relative;
    transition:all 0.5s;
}
.indexProduct li:hover{
    box-shadow:0 0 15px #ccc;
    margin:0 1.5% 20px 1.5%;
}
.indexProduct li img{
    width:100%;
    height:350px;
}
.indexProductList {
    width:90%;
    height:auto;overflow:hidden;
    position:absolute;
    top:90px;
    left:10%;
}
.indexProductList s{
    width:40px;
    height:2px;
    background-color:#fff;
    display:inline-block;
}
.indexProductList h2{
    width:100%;
    height:50px;line-height:50px;
    color:#fff;
    font-size:30px;
    font-weight:bold;
}
.indexProductList div{
    width:100px;
    height:30px;line-height:30px;
    display:inline-block;
    background:linear-gradient(0deg,#d1d1d1,#fff);
    border-radius:25px;
    text-align:center;
    color:#1a5da3;
    margin-top:50px;
}
.indexProductList div span{font-family:'宋体';font-size:16px;font-weight:bold;}



/*关于汉盈*/
.indexAbout{
    width:100%;
    height:auto;overflow:hidden;
    background-image:url(../Images/indexAboutBg.jpg);
    background-position:center;
    padding:80px 0;
}
.indexAboutBg{
    background-color:#fff;
    border-radius:20px;
    padding:30px 1%;
}
.indexAboutLeft{
    width:45%;float:left;
    margin-right:2%;
}
.indexAboutRight{
    width:50%;float:left;
    margin-right:3%;
}
.indexAboutRight s{
    width:40px;
    height:2px;
    background-color:#3b8ce0;
    display:inline-block;
}
.indexAboutRight h2{
    width:100%;
    height:40px;line-height:40px;
    font-size:30px;
    font-weight:bold;
}
.indexAboutRight h3{
    width:100%;
    height:auto;line-height:30px;
    color:#666;
    margin:30px auto;
}
.indexAboutRight a{
    padding:3px 30px;
    background-color:#3b8ce0;
    color:#fff;
    border-radius:25px;
    margin:20px auto;
    transition:all 0.5s;
    display:inline-block;
}
.indexAboutRight a:hover{
    background-color:#1a5da3;
    box-shadow:0 0 10px #ccc;
}

/*服务支持*/
.indexServiceList{
    width:100%;
    height:auto;overflow:hidden;
}
.indexServiceList li{
    width:20.5%;float:left;
    margin:10px 1%;
    border:1px solid #eee;
    transition:all 0.5s;
    border-radius:20px;
    text-align:center;
    padding:30px 1% 30px 1%;
}
.indexServiceList li:hover{
    box-shadow:0 0 10px #ccc;
    border:1px solid #3b8ce0;
}

.indexServiceList li img{
    width:80px;
}
.indexServiceList li h2{
    width:100%;
    height:50px;line-height:50px;overflow:hidden;
    font-size:24px;
    font-weight:bold;
    margin-top:20px;
}
.indexServiceList li h3{
    width:100%;
    height:60px;line-height:30px;overflow:hidden;
    color:#999;
}

/*新闻资讯*/
.indexNews{
    width:100%;
    height:auto;overflow:hidden;
    background-image:url(../Images/indexNewsBg.jpg);
    background-position:center;
    padding:50px 0;
}
.indexNewsList{
    width:92%;
    height:auto;overflow:hidden;
    background-color:#fff;
    border-radius:10px;
    padding:10px 2%;
    transition:all 0.5s;
    margin:10px 2%;
}
.indexNewsList:hover{
    box-shadow:0 0 10px #3b8ce0;
}
.indexNewsListPic{
    width:40%;float:left;
}
.indexNewsListPic img{
    width:100%;
    height:140px;
}

.indexNewsListWord{
    width:57%;float:left;
    text-align:left;
    margin-left:3%;
}
.indexNewsListWord h2{
    width:100%;
    height:40px;line-height:40px;
    font-size:16px;
    color:#3b8ce0;
    overflow:hidden;
}
.indexNewsListWord h3{
    width:100%;
    height:75px;line-height:25px;
    font-size:12px;
    color:#999;
    word-wrap:break-word;
}
.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{
    bottom:-10px;
}

.mySwiper .swiper-pagination{
    margin:5px 0 5px 0;
}


/*合作伙伴*/
.indexLink li{
    width:13%;float:left;
    margin:10px 0.5%;
    box-shadow:0 0 10px #ccc;
    transition:all 0.5s;
}
.indexLink li img{
    width:100%;
    /*height:60px;*/
}
.indexLink li:hover{
    margin:0 0.5% 20px 0.5%;
}

@media(max-width:720px){
    .indexTitle h2{
        width:100%;
        height:30px;line-height:30px;
        font-size:24px;
        font-weight:bold;
    }

    .indexProduct li{
        width:97%;float:left;
        margin:10px 1.5%;
        height:300px;overflow:hidden;
        position:relative;
        transition:all 0.5s;
    }
    .indexProduct li img{
        width:100%;
        height:300px;
    }

    .indexAboutLeft{
        width:94%;float:left;
        margin:0 3%;
    }
    .indexAboutRight{
        width:94%;float:left;
        margin:20px 3% 0 3%;
    }
    .indexServiceList li{
        width:45%;float:left;
        margin:10px 1%;
        border:1px solid #eee;
        transition:all 0.5s;
        border-radius:20px;
        text-align:center;
        padding:30px 1% 30px 1%;
    }
    .indexServiceList li h2{
        font-size:18px;
    }
    .indexServiceList li h3{
        font-size:12px;
        line-height:20px;
    }


    .indexNewsListPic img{
        width:100%;
        height:120px;
    }
    .indexNewsListWord h3{
        width:100%;
        height:60px;line-height:20px;overflow:hidden;
        font-size:12px;
        color:#999;    
    }

    .indexLink li{
        width:31.33%;float:left;
        margin:10px 1%;
        box-shadow:0 0 10px #ccc;
        transition:all 0.5s;
    }
}