article{background:#f9f7f7;padding:10px 30px;height:450px;margin:30px 0;}
article > div { float: left;}
article ul{float:left;margin-right:20px;}
article li{font-size:14px;}
article ul:last-child{margin-right:0;}
article strong{color:#af8820; font-size:40px;}
article h3{font-size:20px; margin-bottom : 10px; }
article h2{border-bottom:1px solid #af8820; padding-bottom:10px; margin-bottom:20px; font-size:24px;}

.introduce__img{max-width:480px; width : 100%;}
.introduce__info{display:flex; align-items:center; height:100%;}

section{
    padding-top : 50px;
}

@media screen and (max-width : 1200px){
    article{
        display : flex;
    }
}

@media screen and (max-width : 991px){
    section{
        padding-top : 30px;
    }

    article{
        flex-direction: column;
        height : auto;
        align-items: center;
        padding : 30px;
    }

    article > div{
        float : none;
    }

    .introduce__img{
        margin-bottom : 30px;
    }
}