@media screen and (min-width: 750px) {
    .foot{
        width: 100%;
        background: #004A8C;
        height: 220px;
        box-sizing: border-box;
    }
    .footBg {
        background: url(/ctgenglish/template/common/img/botbg.png) no-repeat 0 140px;
        background-size: auto 80px;
        padding: 20px;
        box-sizing: border-box;
    }
    .foot .footContent{
        width: 1100px;
        margin: 0 auto;
        display: flex;
    }
    .foot .footContent .cLeft{
        width: 400px;
        display: flex;
    }
    .cLeft .img {
        width: 160px;
        padding-top: 10px;
        box-sizing: border-box;
    }
    .cLeft .img img{
        width: 100%;
    }
    .cLeft .nav {
        width: calc(100% - 160px);
        padding-left: 40px;
        box-sizing: border-box;
    }
    .cLeft .nav .title {
        width: 100%;
        height: 24px;
        line-height: 24px;
        font-size: 14px;
        font-family: Roboto Condensed;;
        font-weight: bold;
        color: #2269A9;
    }
    .cLeft .nav .item {
        width: 100%;
        display: flex;
    }
    .cLeft .nav .item .text{
        width: 50%;
        font-family: Roboto Condensed;;
        font-weight: 400;
        color: #5198D8;
        font-size: 12px;
        height: 24px;
        line-height: 24px;
        margin-top: 5px;
        text-align: left;
    }
    .cLeft .nav .item .text:hover {
        cursor: pointer;
        color: #4182BD;
    }
    .foot .footContent .cCenter{
        width: 400px;
        margin-left: 50px;
    }
    .cCenter .title {
        width: 100%;
        height: 24px;
        line-height: 24px;
        font-size: 14px;
        font-family: Roboto Condensed;;
        font-weight: bold;
        margin-top: 5px;
        color: #2269A9;
    }
    .cCenter .text {
        width: 100%;
        height: 24px;
        line-height: 24px;
        font-size: 12px;
        font-family: Roboto Condensed;;
        font-weight: bold;
        color: #5198D8
    }
    .cCenter .text span{
        margin-right:.03rem;
        color: #2269A9;
    }
    .cCenter .nav .item {
        width: 100%;
        display: flex;
    }
    .cCenter .nav .item .text{
        width: 50%;
        font-family: Roboto Condensed;;
        font-weight: 400;
        color: #5198D8;
        font-size: 12px;
        height: 24px;
        line-height: 24px;
        margin-top: 5px;
        text-align: left;
    }
    .foot .footContent .cRight{
        width: 200px;
        margin-left: 50px;
        padding-left: 50px;
        box-sizing: border-box;
    }
    .foot .footContent .cRight .imgWarp {
        display: flex;
        padding-top: 10px;
        box-sizing: border-box;
        margin-bottom: 20px;
    }
    .foot .footContent .cRight .imgWarp img{
        width: 22px;
        margin-right: 10px;
        transition:all 0.5s;
    }
    .foot .footContent .cRight .imgWarp img:hover {
        transform:scale(1.2);
    }
    .cRight .button{
        width: 80px;
        font-size: 12px;
        color: #4182BD;
        border: 1px solid #165B98;
        border-radius: 25px;
        line-height: 24px;
        text-align: center;
        margin-bottom: 10px !important;
        cursor: pointer;
    }
    .cRight .button:hover {
        border: 1px solid #488bc6;
    }
    .botText {
        width: 100%;
        font-size: 12px;
        color: #4182BD;
        margin-top: 40px;
        text-align: center;
        font-family: Roboto Condensed;;
    }
}
@media screen and (max-width: 750px) {
    .foot{
        width: 100%;
        background: #004A8C;
        height:3.2rem;
        box-sizing: border-box;
    }
    .foot .footBg {
        background: url(/ctgenglish/template/common/img/bottomBG.png) no-repeat -1rem 2.1rem;
        background-size: 160%;
        height: 3.2rem;
    }
    .foot .footBg .footContent{
        padding: .2rem;
        width: 100%;
        box-sizing: border-box;
        display: flex;
    }
    .footContent .fLeft {
        width: 50%; 
        padding-top: .2rem;
        padding-left: .4rem;
        box-sizing: border-box;
    }
    .footContent .fLeft img{
        width: 2rem;
    }
    .footContent .fRight{
        width: 50%;
        display: flex;
        padding-top: .5rem;
        padding-right: .4rem;
        justify-content: end;
        box-sizing: border-box;
    }
    .footContent .fRight img {
        width: .5rem;
    }
    .botText {
        width: 100%;
        font-size: .16rem;
        color: #4182BD;
        margin-top: .8rem;
        text-align: center;
        font-family: Roboto Condensed;;
    }
}