.indexServiceTitle{
    width:100%;
    height:auto;
}
.indexServiceTitle h2{
    width:100%;
    height:40px;line-height:40px;
    font-size:28px;
    text-align:center;
    color:#1e1640;
    font-weight:bold;
}
.indexServiceTitle h3{
    width:100%;
    height:30px;line-height:30px;
    font-size:16px;
    text-align:center;
    color:#999;
}

.indexServiceList{
    height:auto;
}
.indexServiceList li{
    width:18%;float:left;
    height:auto;
    background:#fff;
    margin:20px 1% 50px 1%;
    text-align:center;
}
.indexServiceList li div{
    width:100%;
    height:auto;
}
.indexServiceList li div img{
    width:100%;
}
.indexServiceList li h4{
    width:100%;
    overflow:hidden;
    margin-top:10px;
}
.indexServiceList li h4 div{
    width:80px;
    height:50px;line-height:50px;
    margin:10px auto;
    border-bottom:1px solid #c1bbd8;
    font-size:40px;
    color:#c1bbd8;
    text-align:center;
    font-family:Arial;
}
.indexServiceList li h2{
    width:100%;
    height:30px;
    line-height:30px;
    overflow:hidden;
    font-size:16px;
    text-align:center;
}
.indexServiceList li h3{
    width:100%;
    height:auto;
    color:#999;
    text-align:center;
    font-size:12px;
    margin:20px auto 40px auto;
}
.indexServiceList li h3 a{
    padding:5px 10px;
    border:1px solid #ccc;
    color:#999;
    margin:5px 0;
}
.indexServiceList li:hover{
    background:#372d62;
    transition: all 0.6s;
    box-shadow:5px 5px 5px #ccc;
}
.indexServiceList li:hover h2 a{color:#fff;}

.indexAbout{
    width:100%;
    height:auto;overflow:hidden;
    background-image:url(../Images/indexabout_bg.jpg);
    background-size:cover;
}
.aboutwhite {
    background: #fff;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    padding-top:40px;
}
.indexAboutLeft{
    width:45%;float:left;
    margin-left:5%;
    margin-right:5%;
}
.indexAboutLeft .title{
    width:100%;
    height:auto;overflow:hidden;
}
.indexAboutLeft .title h2{
    width:100%;
    height:40px;line-height:40px;
    font-size:28px;
    color:#1e1640;
    font-weight:bold;
}
.indexAboutLeft .title h3{
    width:100%;
    height:30px;line-height:30px;
    font-size:16px;
    color:#999;
}
.indexAboutLeft .list{
    width:100%;
    height:auto;overflow:hidden;
    margin:10px auto;
}
.indexAboutLeft .list li{
    width:33%;float:left;
    text-align:center;
    line-height:30px;
}
.indexAboutLeft .list li img{
    width:60%;
    border:1px solid #eee;
    border-radius:20px;
    transition: all 0.5s;
}
.indexAboutLeft .list li:hover img{
    border-radius:0;
    background:#372d62;
}

.indexAboutRight{
    width:40%;float:left;
    margin-right:5%;
}
.indexAboutBottom{
    height:40px;
    background:#fff;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

.indexPartnerBg{
    background-image:url(../Images/indexpartner_bg.jpg);
    background-repeat:no-repeat;
    background-position:center;
    background-size:cover;
}
.indexPartnerList{
    width:100%;
    height:auto;
    margin:30px auto;
}
.indexPartnerList li{
    width:13%;float:left;
    /*border-bottom:1px solid #eee;
    border-right:1px solid #eee;*/
    margin:10px 1.7%;
    border-radius:5px;
    box-shadow:6px 6px 6px #eee;
}
.indexPartnerList li img{
    width:100%;
    border-radius:5px;
}

.indexNews{
    width:100%;
}
.indexNewsList{
    width:95%;
    margin:10px 2% 30px 2%;
    background:#fff;
    box-shadow:0 5px 5px #eee;
    border:1px solid #eee;
    padding:30px 0 0 0;
}
.indexNewsList span{
    display:block;
    line-height:25px;
    color:#e77317;
    font-size:12px;
    text-indent:6%;
}
.indexNewsList h2{
    width:86%;
    height:40px;line-height:40px;overflow:hidden;
    font-size:16px;
    margin-left:auto;
    margin-right:auto;
}
.indexNewsList h3{
    width:86%;
    height:50px;line-height:25px;overflow:hidden;
    color:#999;
    font-size:12px;
    margin:20px auto;
}
.indexNewsList h4{
    width:86%;
    height:auto;
    margin-top:30px;
    margin-bottom:30px;
    margin-left:auto;
    margin-right:auto;
}
.indexNewsList h4 a{
    padding:5px 10px;
    border:1px solid #eee;
    font-size:12px;
}
.indexNewsList h4 a .layui-icon{font-size:12px;}
    .indexNewsList s {
        display:block;
        width: 0;
        height: 2px;
        transition: all 0.5s;
    }
    .indexNewsList:hover{
        background:#f9f9f9;
    }
    .indexNewsList:hover s{
        width:100%;
        background:#372d62;
    }
    .indexNewsList:hover h4 a{
        background:#372d62;
        color:#fff;
    }

@media(max-width:900px) {
    .indexServiceList li {
        width: 98%;
        float: left;
        height: auto;
        background: #fff;
        margin: 10px 1% 10px 1%;
        text-align: center;
    }
    .indexAboutLeft{
        width:90%;float:left;
        margin-left:5%;
        margin-right:5%;
    }
    .indexAboutRight{
        width:90%;float:left;
        margin-left:5%;
        margin-right:5%;
        border-top:1px solid #eee;
        padding-top:10px;
    }
    .indexPartnerList li{
        width:29%;float:left;
        /*border-bottom:1px solid #eee;
        border-right:1px solid #eee;*/
        margin:10px 1.7%;
        border-radius:5px;
        box-shadow:6px 6px 6px #eee;
    }
  .indexNews .swiper-button-prev:after, .swiper-button-next:after{
      display:none;
    }
}