/*ÃƒÂ¤Ã‚Â¼Ã‚ÂÃƒÂ¤Ã‚Â¸Ã…Â¡ÃƒÂ¦Ã¢â‚¬â€œÃ¢â‚¬Â¡ÃƒÂ¥Ã…â€™Ã¢â‚¬â€œ*/
/* ÃƒÂ¦Ã¢â‚¬Â°Ã¢â‚¬Â¹ÃƒÂ¦Ã…â€œÃ‚ÂºÃƒÂ§Ã‚Â«Ã‚Â¯ */
@media screen and (max-width: 900px) {

    .main_all{
        overflow:hidden; margin-top: 20px;margin-left: 15px; margin-right: 15px;
    }
    
    .unity_div_top{
        overflow:hidden;
        padding:10px;
        width: 100%;
        margin: auto;
        background-color: rgba(255, 255, 255, 1);
        float: left;
        box-sizing: border-box;
        border-width: 1px;
        border-style: solid;
        border-color: rgba(121, 121, 121, 1);
        border-radius: 0px;
    }
    
    .unity_div_right_top{
        overflow:hidden;
        width:100%;
        margin: auto;
        background-color: rgba(255, 255, 255, 1);
        float: left;
        box-sizing: border-box;
        border-width: 1px;
        border-style: solid;
        border-color: rgba(121, 121, 121, 1);
        border-radius: 0px;
        margin-top: 10px;
        margin: 5px 0px;
    }
    
    .unity_div{
        overflow:hidden; padding:10px; width:100%;  margin: auto; background-color: rgba(255, 255, 255, 1); float: left; box-sizing: border-box; border-width: 1px; border-style: solid;  border-color: rgba(121, 121, 121, 1); border-radius: 0px;margin-top: 10px;
    }
    
    .unity_div_right{
        overflow:hidden; padding:10px; width:100%;  margin: auto; background-color: rgba(255, 255, 255, 1); float: left; box-sizing: border-box; border-width: 1px; border-style: solid;  border-color: rgba(121, 121, 121, 1); border-radius: 0px;margin-top: 10px;
    }

    /*
    .unity_div{
        overflow:hidden; width:100%; height: 300px; margin: auto; background-color: rgba(255, 255, 255, 1);margin-top: 40px; float: left; box-sizing: border-box; border-width: 1px; border-style: solid;  border-color: rgba(121, 121, 121, 1); border-radius: 0px;
    }
    
    .unity_div_right{
        overflow:hidden; width:100%; height: 300px; margin: auto; background-color: rgba(255, 255, 255, 1);margin-top: 40px; float: left; box-sizing: border-box; border-width: 1px; border-style: solid;  border-color: rgba(121, 121, 121, 1); border-radius: 0px;
    }
    */
    
    .unity_div_span{
        margin-left: 20px;
        font-weight: 650;
        font-style: normal;
        font-size: 20px;
        color: white;
        font-family: 'PingFangSC-Semibold', 'PingFang SC Semibold', 'PingFang SC', sans-serif;
    }
    
    .unity_div_span_div{
        width: 100%;
        padding-left: 20px;
        padding-right: 20px;
        padding-top: 15px;
        /* height: auto; */
    }
    
    .article_div{
        text-align: center;
        width: 100%;
        color: white;
        text-align:left;
        margin-top: 10px;
        font-family:'PingFangSC-Regular', 'PingFang SC', sans-serif;
        font-size: 15;
        overflow: hidden;
    }
    
    .article_span{
        font-family:'PingFangSC-Regular', 'PingFang SC', sans-serif; 
    }

    .article_title{
        font-weight: 650;font-style: normal;font-size: 20px;
    }

    .article_special{
        font-weight: 650;font-style: normal;font-size: 20px;margin-top: 40px; margin-bottom: 40px;
    }

    .button_backPic{
        width: 100%;overflow: hidden;position: relative; height: 60px; padding: 10px; margin-top: 10px;
    }
}


/* pc */
@media screen and (min-width: 900px) {

    .main_all{
        overflow:hidden;
        width: 100%;
        margin: 2% 3%;
    }

    .unity_div_top{
        overflow:hidden;
        padding:10px;
        width: 47%;
        height: 20.75rem;
        margin: auto;
        background-color: rgba(255, 255, 255, 1);
        float: left;
        box-sizing: border-box;
        border-width: 0px;
        border-style: solid;
        border-color: #fff;
        border-radius: 0px;
    }

    .unity_div_top:hover{
        transform: scale(1.0,1.04);
        -ms-transform: scale(1.0,1.04);
        transition-duration: 0.8s;
        overflow:hidden;
        padding:10px;
        width: 47%;
        height: 20.75rem;
        margin: auto;
        background-color: rgba(255, 255, 255, 1);
        float: left;
        box-sizing: border-box;
        border-width: 0px;
        border-style: solid;
        border-color: #fff;
        border-radius: 0px;
    }
    .main_all .unity_div_right_top>p{
        margin-top: 20% !important;
    }
    .unity_div_top>p{
        margin-top: 20% !important;
    }
    .unity_div_right_top{
        overflow:hidden;
        padding:10px;
        width: 47%;
        height: 20.75rem;
        margin: auto;
        background-color: rgba(255, 255, 255, 1);
        float: left;
        box-sizing: border-box;
        border-width: 0px;
        border-left-width: 0px;
        border-style: solid;
        /* border-color: rgba(121, 121, 121, 1); */
        border-radius: 0px;
    }

    .unity_div_right_top:hover{
        transform: scale(1.0,1.04);
        -ms-transform: scale(1.0,1.04);
        transition-duration: 0.8s;

        overflow:hidden;
        padding:10px;
        width:47%;
        height: 20.75rem;
        margin: auto;
        background-color: rgba(255, 255, 255, 1);
        float: left;
        box-sizing: border-box;
        border-width: 0px;
        border-left-width: 0px;
        border-style: solid;
        /* border-color: rgba(121, 121, 121, 1); */
        border-radius: 0px; 
    }
    
    .unity_div{
        overflow:hidden; padding:10px; width:700px; height: 300px; margin: auto; background-color: rgba(255, 255, 255, 1); float: left; box-sizing: border-box; border-width: 1px; border-style: solid; border-top-width: 0px ; border-color: rgba(121, 121, 121, 1); border-radius: 0px;
    }
    
    .unity_div_right{
        overflow:hidden; padding:10px; width:700px; height: 300px; margin: auto; background-color: rgba(255, 255, 255, 1); float: left; box-sizing: border-box; border-width: 1px; border-left-width: 0px; border-top-width: 0px ;border-style: solid;  border-color: rgba(121, 121, 121, 1); border-radius: 0px;
    }
    
    .unity_div_span{
        margin-left: 20px;
        font-weight: 600;
        font-style: normal;
        font-size: 20px;
        color: white;
        font-family: 'PingFangSC-Semibold', 'PingFang SC Semibold', 'PingFang SC', sans-serif;
    }
    
    .unity_div_span_div{
        width: 100%;
        padding-left: 20px;
        padding-right: 20px;
        /* padding-top: 15px; */
    }
    
    .article_div{
        text-align: center;
        width: 100%;
        color: white;
        max-height:220px;
        text-align: left;
        margin-top: 10px;
        font-family: 'PingFangSC-Semibold', 'PingFang SC Semibold', 'PingFang SC', sans-serif;
        font-size: 17px;
        overflow: hidden;
    }
    
    .article_span{
        font-family:'PingFangSC-Regular', 'PingFang SC', sans-serif; height: 50px;
    }
    .article_title{
        font-weight: 650;font-style: normal;font-size: 20px; height: 100px;
    }
    .article_special{
        font-weight: 650;font-style: normal;font-size: 20px;margin-top: 70px;
    }

    .button_backPic{
        width: 100%;
        overflow: hidden;
        position: relative;
        /* height:150; */
        /* padding: 20px; */
        /* margin-bottom: 10px; */
        /* margin-top: 10px; */
    }

}
