.banner img{
    width: 100%;
}
.banner .carousel-indicators .active{
    width: 0.2rem;
}
.carousel-caption{
    text-align: right;
    width: 80%;
}
.carousel-caption p{
    font-weight: bold;
    font-size: 0.18rem;
}
.carousel-caption span{
    font-size: 0.1rem;
    border-top: solid  0.01rem #fff;
    border-bottom: solid 0.01rem #fff;
    line-height: 0.1rem;
    display: inline-block;
    padding: 0.05rem 0;
}
.carousel-indicators{
    bottom: 0;
}
.title{
    text-align: center;
    font-size: 0.14rem;
}
.title p{
    margin: 0;
    font-weight: bold;
}
.title span{
    display: block;
    margin: 0 auto;
    width: 0.32rem;
    height: 0.02rem;
    background: #398EC7;
    border-radius: 0.02rem;
}
.yxl{
    margin-top: 0.3rem;
}
.zkyxl{
    padding: 0 5%;
    margin-top: 0.2rem;
}
.zkyxl ul{
    /* align-items: center; */
}
.zkyxl li{
    text-align: center;
    width: 25%;
}
.zkyxl li span{ 
    display: block;
    font-size: 0.09rem;
    margin-top: 0.1rem;
}
.zkyxl li .item-t{
    position: relative;
    text-align: center;
}
.zkyxl li .item-t img{
    display: inline;
}
.zkyxl li .item-t .num{
    position: absolute;
    left: 50%;
    bottom: -0.1rem;
    font-size: 0.13rem;
    color: #559ECF;
    font-weight: bold;
}
.zkyxl li .title-icon:nth-child(1){
    width: 0.21rem;
    height: 0.27rem;
}
.zkyxl li .title-icon:nth-child(2){
    width: 0.15rem;
    height: 0.28rem;
}
.zkyxl li .title-icon:nth-child(3){
    width: 0.21rem;
    height: 0.27rem;
}
.zkyxl li .title-icon:nth-child(4){
    width: 0.23rem;
    height: 0.25rem;
}
.zkyxl li img{
    display: block;
    width: 0.21rem;
}

.scly{
    position: relative;
    margin-top: -0.15rem;
}
.scly .scly-content{
    padding: 0 5%;
    padding-top: 0.6rem;
    
}
.scly-title{
    display: block;
    font-size: 0.09rem;
    text-align: center;
    margin: 0.05rem 0;
    color: #ABABAB;
}
.scly .scly-bg{
    z-index: -1;
    width: 100%;
    /* height: 100%; */
    position: absolute;
    top: 0;
    left: 0;
}
.scly-list ul{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.scly-list li{
    position: relative;
    width: 1.1rem;
    height: 0.8rem;
    border-radius: 0.05rem;
    margin-top: 0.05rem;
    text-align: center;
    color: #fff;
    padding-top: 0.2rem;
}
.scly-list li img{
    position:absolute;
    width: 100%;
    top: 0;
    left: 0;
    z-index: -1;
}
.scly-list li div{
    font-size: 0.13rem;
}
.scly-list li span{
    font-size: 0.1rem;
}
.scly-list li i{
    display: inline-block;
    width: 0.13rem;
    height: 0.04rem;
    background: #fff;
}
.scly-list .phone{
    position: relative;
    width: 1.69rem;
    margin: 0 auto;
    margin-top: 0.1rem;
    color: #fff;
    text-align: center;
    line-height: 0.39rem;
    font-size: 0.13rem;
}
.scly-list img{
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}

.qzjd{
    margin-top: 0.5rem;
    padding: 0 5%;
}
.qzjd .qzjd-info{
    position: relative;
    border-radius: 0.05rem;
    box-shadow: 0 0.01rem 0.05rem 0.01rem #ccc;
    color: #fff;
    padding-bottom: 0.1rem;
}
.qzjd .qzjd-info .nationality{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
}
.qzjd .qzjd-info .nationality .nationality-name{
    width: 0.89rem;
    height: 0.27rem;
    line-height: 0.27rem;
    background: #3690CA;
    text-align: center;
    margin: 0 auto;
    font-size: 0.14rem;
    border-radius: 0 0 0.05rem 0.05rem;
}
.qzjd .qzjd-info .nationality ul{
    text-align: center;
    display: block;
    /* display: flex;
    justify-content: space-around;
    align-items: center;
    flex-wrap: wrap; */
    /* padding: 0 5%; */
}
.qzjd .qzjd-info .nationality ul li{
    display: inline-block;
    height: 0.27rem;
    line-height: 0.27rem;
    border-radius: 0.27rem;
    padding: 0 0.15rem;
    font-size: 0.12rem;
    border: solid 1px #fff;
    margin-top: 0.1rem;

}
.qzjd .qzjd-info .nationality ul .active{
    background: #fff;
    color: #3690ac;
}
.qzjd .qzjd-info .nationality-img{
    /* position: absolute;
    top: 0;
    left: 0; */
    width: 100%;
    /* z-index: -1; */
}
.nationality-item{
    margin-top: 0.4rem;
}
.nationality-item .project{
    margin-top: 0.3rem;
}
.nationality-item .tag{
    position: relative;
    width: 40%;
    line-height: 0.26rem;
    color: #fff;
    margin-bottom: 0.1rem;
}
.nationality-item .tag img{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: -1;
}
.nationality-item .tag span{
    margin-left: 0.1rem;
}
.nationality-item{
    font-size: 0.1rem;
    color: rgb(50, 50, 50);
}
.nationality-item .item-info{
    padding: 0 5%;
}
.nationality-item .item-info .label{
    font-size: 0.1rem;
}
.nationality-item .label{
    color: rgb(50, 50, 50);
}
.nationality-item .text{
    color: #ABABAB;
}

.serve{
    position: relative;
    margin-top: 0.5rem;
    /* padding: 0 5%; */
}
.serve .serve-bg{
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
}
.serve .serve-8-wrap{
    position: relative;
    margin-top: 0.1rem;
}
.serve .serve-8v1{
    width: 1.45rem;
    margin: 0 auto;
    display: block;
    margin-bottom: 0.12rem;
}
.serve .home-ss-item{
    position: absolute;
}
.serve .home-ss-item h6{
    font-weight: bold;
    position: relative;
    font-size: 0.09rem;
    color: #3690CA;
    margin: 0;
}
.serve .home-ss-item p{
    font-size: 0.08rem;
    color: #777D9E;
    margin: 0;
}

.serve .home-ss-item i{
    position: absolute;
    bottom: 0.075rem;
    width: 0.25rem;
    height: 0.01rem;
    background: #3991CA;
    margin-left: 0.055rem;
}
.serve .home-ss-item-right{
    text-align: left;
}
.serve .home-ss-item-right i{
    margin-left: 0.15rem;
}
.serve .home-ss-item i::before{
    content: '';
    position: absolute;
    top: -0.025rem;
    width: 0.05rem;
    height: 0.05rem;
    background: #3991CA;
    border-radius: 50%;
}
.serve .home-ss-item i::after {
    content: '';
    position: absolute;
    top: -0.04rem;
    width: 0.08rem;
    height: 0.08rem;
    background: #3991CA;
    border-radius: 50%;
    opacity: 0.39;
}
.home-ss-item-left{
    text-align: right;
}
.home-ss-item-left h6 i{
    right: -0.35rem;
}
.home-ss-item-right h6 i {
    left: -0.5rem;
}

.serve .home-ss-item-left i::before {
    left: -0.065rem;
}

.serve .home-ss-item-left i::after {
    left: -0.08rem;
}

.serve .home-ss-item-right i::before {
    right: -0.065rem;
}

.serve .home-ss-item-right i::after {
    right: -0.08rem;
}
.map{
    color: #fff;
    background: url('../imgs/index/map-bg.png')no-repeat;
    background-size: cover;
    padding-top: 0.3rem;
    /* height: 2.44rem; */
}
.map .white{
    background: #fff;    
}
.map-wh{
    padding: 0.2rem;
}
.map-wrap{
    position: relative;
    color: #000;
    width: 335px;
    background: url('../imgs/nationality/map.png')no-repeat;
    background-size: 100%;
    height: 244px;
    font-size: 0.08rem;
    margin: 0 auto;
}
.map-wrap p{
    margin: 0;
}
.map-wrap>div{
    position: absolute;
}
.map-wrap>div img{
    width: 10px;
}
.map-img{
    width: 100%;
    
}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{
    bottom: -0.05rem;
}