.body-content{ padding:0;}
.con-wrapper {
    width: 80%;
    height: 50px;
    line-height: 50px;
    padding: 0 15px;
    background-color: #0669c7;
    color: #fff;
    font-size: 20px;
    margin: 50px auto 0;

}
.con-name{ display:none;}
.con-wrapper a{
    color: #fff;
}
.con-wrapper a:hover{
    color: #ff6a00;
}

.con-wrapper .fr{ width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.content-top{
    width: 80%;
    height: auto;
    margin:0 auto;
    background-color: aliceblue;
}
.con-title{
    width: 100%;
    height: auto;
    line-height: 50px;
    text-align: center;
    font-size: 30px;
    font-weight: bold;
    color: #272626;
    margin:25px auto 0;
}
.con-detail{
    width: 100%;
    height: auto;
    margin:0 auto;
    line-height: 50px;
    text-align: center;
    color:#666464;
}
.artical{
    width: 80%;
    background-color: aliceblue;
    padding: 20px 55px 0;
    margin:0 auto;
}
.artical p{
    text-indent:2em;
    font-size: 17px;
    margin-bottom: 8px;
    letter-spacing:1px;
    line-height:38px;
}

.artical p img{ margin-left:-2em;}
.artical span{ font-size:17px!important;}


@media screen and (max-width:1200px){
    body{float: left;height: auto;width: 100%;}
    .body-content{ width: 100%;}
    .mt-50{ margin-top: 25px;}
    .between {display:block;}

    .content-top{ height: auto;}


    .con-wrapper{ font-size: 16px;width: 100%;height: 35px;line-height: 35px;padding: 0 5%;margin-top: 25px;float: left;}
    .fl,.fr{ font-size: 16px;line-height: 35px;}
    .con-title{ width: 100%;height: auto;padding: 5% 10% 2%;font-size: 18px;}
    .con-detail{ width: 100%;height: auto;}

    .artical{ padding: 20px 8% 0;}
    .artical p{ line-height: 35px;text-indent:2em;}
    .artical img{ width: 100%;}

}