div, span, p {
    caret-color: transparent; /*隐藏点击光标*/
}

.display-column-100 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items:center;
    width: 100%;
    position:relative;
}

.display-row-100 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    position: relative;
}

.top-title {
    background: url(../img/intlCooperation/title-bg.png) no-repeat;
    background-size: 100% 100%;
    display: flex;
    align-items: center;
    width:100%;
}

    .top-title p {
        color: #050d3a;
        font-size: 1.2vw;
        font-weight: 700;
        line-height: 1.2vw;
        margin: 0 !important;
        padding: 2%
    }

        .top-title p span {
            font-weight: 500;
            font-size: 1vw;
        }

.top-list {
    position: relative;
    height: 15vh;
}

.top-list-bg {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index:-1;
}

.top-list-content {
    display: flex;
    justify-content: space-around;
    align-items: center;
    width: 100%;
    height: 100%;
}

.top-list-item {
    display: flex;
    width: 33%;
    height: 100%;
}

    .top-list-item a {
        display:flex;
        width:100%;
        height:100%;
        align-items:center;
        color:#fff;
        cursor:pointer;
    }

.top-list-icon {
    width: 30%;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

    .top-list-icon img {
        width: 50%;
    }

.top-list-text {
    width: 70%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

    .top-list-text p {
        font-size: 1.4vw;
        line-height: 1.4vw;
        margin: 0 !important;
        padding: 0 5%;
        font-weight: 100;
    }

        .top-list-text p:hover, .top-list-text p:active, .top-list-text p:focus {
            color: #5c8a99;
        }

    .arrow {
        display: flex;
        justify-content: center;
    }

.design {
    position: relative;
    padding: 5% 0;
}

.design-title{
    display:flex;
    justify-content:center;
    align-items:center;
    position:relative;
    width:100%;
}

.design-title img{
    position:absolute;
    width:30%;
}

.design-title p{
    font-size:1.8vw;
    line-height:1.8vw;
    font-weight:300;
    margin:0;
    padding:2% 0 0 0;
}

.design-text {
    padding: 3%;
}

    .design-text p {
        font-size: 1.2vw;
        font-weight: 300;
    }

.service-title {
    margin: 0;
    z-index: 1;
    font-size: 1.1vw;
    line-height: 1.1vw;
    padding: 0.3% 0 0.6% 0;
}

.absolute-100 {
    position: absolute;
    width: 100%;
}

.green-title{
    width:20%;
}

.film-title{
    width:30%;
}

.server-title-bg{
    position:absolute;
}

.design-list{
    justify-content:space-around;
    width:90%;
	padding:4% 0 5% 0;
}

.design-item{
    width:30%;
    position:relative;
}

.design-item-div{
    background: url(../img/intlCooperation/service-border.png);
    background-size: 100% 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width:65%;
    height:26vh;
    margin-left:17.5%;
}


.design-item-img{
    width:100%;
    height:70%;
    display:flex;
    justify-content:center;
    align-items:center;
}

.design-item-img img{
    width:40%;
}

.design-item-p{
    height:30%;
    display:flex;
    justify-content:center;
    align-items:center;
    font-size:1.5vw;
    line-height:1.5vw;
}

.app-list{
    width:65%;
	padding:4% 0 0 0;
    
}

.awards-list {
    width: 70%;
    justify-content: space-between;
	padding:4% 0 0 0;
}

.awards-div {
    width:45%;
    height:15vh;
}

.awards-bg {
    background: #0e196f;
    position:absolute;
    bottom:0;
    width:100%;
    height:4vh;
    z-index:-1;
}

.awards-item{
    width:100%;
    display:flex;
    position:relative;
}

.awards-item-img{
    height:100%;
    display:flex;
    justify-content:flex-start;
}

.awards-item-img img{
    height:100%;
}

.awards-item-p{
    width:100%;
    text-align:left;
    display:flex;
    align-items:flex-end;
    padding: 0 0 0 2%;
}

.awards-item-p p{
    font-size:1.3vw;
    line-height:2vw;
    font-weight:100;
    margin:0;
}

.app-item {
    width: 100%;
    height: 20vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.app-item-img{
    width:100%;
    height:70%;
    display:flex;
    justify-content:center;
    align-items:center;
}

.app-item-p {
    width:70%;
    height:30%;
    background: #0e196f;
    display:flex;
    justify-content:center;
    align-items:center;
}

.app-item-p p{
    font-size:1.5vw;
    line-height:1.5vw;
    margin:0;
}

.design-img{
    display:flex;
    justify-content:space-around;
    width:90%;
}

.design-img div{
    width:30%;
    display:flex;
    justify-content:center;
    align-content:center;
}

.design-img div img{
    width:100%;
}

.film-text{
    display:flex;
    justify-content:center;
    width:100%;
}

.film-text div{
    border:1px solid #ffffff;
    width:50%;
}

.film-text div p{
    font-size:1.1vw;
    line-height:1.1vw;
    margin:0;
    padding:2%;
	text-align:center;
}

.film-item{
    width:80%;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
}

.film-item img{
    width:80%;
}

.film-item p{
    font-size:1.3vw;
    line-height:1.3vw;
    margin:0;
    padding:5% 0;
}

.sport-item {
    width: 30%;
    position: relative;
}

.sport-item-div {
    background: url(../img/intlCooperation/service-border.png);
    background-size: 100% 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 65%;
    height: 35vh;
    margin-left: 17.5%;
}


.sport-item-img {
    width: 100%;
    height: 70%;
    display: flex;
    justify-content: center;
    align-items: center;
}

    .design-item-img img {
        width: 40%;
    }

.sport-item-p {
    height: 30%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.3vw;
    line-height: 1.5vw;
    text-align:center;
    font-weight:600;
}

@media only screen and (min-width:1200px) {
    .container-sm {
        padding: 60px 10%
    }

    .padding2{
        padding:2% 0 0 0;
    }

    .padding5{
        padding:5% 0 0 0;
    }

    .padding-2-5{
        padding:2% 0 5% 0;
    }

    .top-div {
        margin-top: 110vh;
    }

    .arrow img{
        width:2vw;
    }
	
	.sport{
		padding:60px 10% 6% 10%;
	}
	
	.design-img{
		padding:1.5% 0;
	}

}

@media only screen and (max-width:768px) {
    .container-sm {
        padding: 5% 8%
    }

    .padding5 {
        padding: 5% 0 0 0;
    }

    .padding2 {
        padding: 5% 0 0 0;
    }

    .padding-2-5 {
        padding: 5% 0 8% 0;
    }

    .top-div {
        margin-top: 30vh;
    }

    .top-title {
        width: 65%;
    }

        .top-title p {
            padding: 4%;
            font-size: 3vw;
            line-height: 3vw;
        }

            .top-title p span {
                font-size: 2.5vw;
            }

    .top-list-item {
        flex-direction: column;
        width: 100%;
        height: 70%;
        justify-content: center;
    }

    .top-list-icon {
        justify-content: flex-end;
        align-items: center;
        width: 40%;
        height: 100%;
    }

        .top-list-icon img {
            width: 80%;
        }

    .top-list-text {
        justify-content: center;
        align-items: center;
        width: 60%;
        height: 100%;
        padding: 2% 0;
    }

        .top-list-text p {
            font-size: 2.5vw;
            line-height: 4vw;
            padding: 0;
        }

    .arrow img {
        width: 5vw;
    }

    .design-title img {
        width: 65%;
    }

    .design-title p {
        font-size: 3vw;
        line-height: 3vw;
        padding: 3% 0 0 0;
    }

    .green-title {
        width: 30%;
    }

    .design-text p {
        font-size:2.5vw;
    }

    .server-title-bg {
        width:55%;
    }

    .service-title {
        font-size: 2.5vw;
        line-height: 1.5;
    }

    .design {
        padding: 0 0 8% 0;
		margin:8% 0;
		border:0.1rem solid rgba(71,81,180,0.3);
    }

    .design-item-div {
        width: 100%;
        height: 18vh;
        margin-left:0;
    }

    .design-item-img img {
        width: 50%;
    }

    .design-item-p {
        font-size: 2.5vw;
        line-height: 1.1;
    }

    .design-item-p p{
        margin:0;
    }

    .app-list {
        width: 100%;
    }

    .app-item {
        height: 15vh;
    }

    .app-item-img {
        height: 80%;
    }

    .app-item-img img{
        width:30%;
    }

    .app-item-p {
        height: 30%;
    }

        .app-item-p p {
            font-size: 2.5vw;
            line-height: 2.5vw;
        }

    .design-img {
        flex-direction:column;
        align-items:center;
    }

    .design-img div{
        width:90%;
        height:100%;
        padding:0 0 2% 0;
    }

        .design-img div img {
            width: 100%;
            height: 100%;
        }

    .film-title {
        width: 50%;
    }

    .awards-list{
        display:flex;
        flex-direction:column;
        width:60%;
        height:50vh;
    }

    .awards-div {
        width: 100%;
        height: 20%;
    }

    .awards-item {
        width: 100%;
        height:100%;
        display: flex;
        position: relative;
    }

    .awards-bg {
        height: 25%;
    }

    .awards-item-img {
        height: 100%;
        display: flex;
        justify-content: flex-start;
    }

        .awards-item-img img {
            height: 100%;
        }

    .awards-item-p {
        width: 100%;
        text-align: left;
        display: flex;
        align-items: flex-end;
        padding:0 2%;
    }

        .awards-item-p p {
            font-size: 3vw;
            line-height: 1.5;
            font-weight: 100;
            margin: 0;
			white-space:nowrap;
        }

    .film-text div {
        width: 90%;
    }

        .film-text div p {
            font-size: 2.5vw;
            line-height: 1.3;
            margin: 0;
            padding: 2%;
            text-align:center;
        }

    .film-item {
        width: 90%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

        .film-item img {
            width: 90%;
        }

        .film-item p {
            font-size: 2.5vw;
            line-height: 1.5;
            margin: 0;
            padding: 2% 0;
            text-align:center;
        }

    .film-item2 {
        width: 80%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

        .film-item2 img {
            width: 50%;
        }

    .film-item2 p {
        font-size: 2.5vw;
        line-height: 1.5;
        margin: 0;
        padding: 2% 0;
        text-align: center;
    }

    .sport-item-div {
        width: 100%;
        height: 15vh;
        margin-left:0;
    }


    .sport-item-img {
        width: 100%;
        height: 65%;
        display: flex;
        justify-content: center;
        align-items: center;
    }

        .sport-item-img img {
            width: 50%;
        }

    .sport-item-p {
        height: 35%;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 2.5vw;
        line-height: 1.5;
        text-align: center;
        font-weight: 400;
    }

    .sport-item-p p{
        margin:0;
    }
	
}