.news{width:1200px;margin:auto}
.newlist {display:flex;    justify-content: space-between;flex-wrap: wrap;width:1200px;margin:auto}
.newlist .child{width:48%;display:flex;overflow: hidden;justify-content:space-between;position: relative;}
.newlist .child .right{width:320px}
.newlist .child .left a{display:block}
.newlist  img{width: 230px;margin-right: 10px;
height: 160px;}
.newlist .child span{display:block}
.newlist .child .tit{font-size: 20px;
font-family: Microsoft YaHei;
font-weight: 400;
color: #222222;    white-space: nowrap;}
.desc{font-size: 14px;
font-family: Microsoft YaHei;
font-weight: 400;
color: #666666;margin:18px auto}
.desc{font-size: 14px;color: #666666;
    text-align: justify;
line-height: 24px;    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box !important;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;

}
.newlist .child .xq,  .phonelist .child .xq{display:flex; justify-content: space-between;align-items: center;}
.newlist .child .xq span{font-size: 14px;
font-family: Microsoft YaHei;
font-weight: 400;
color: #666666;}
.newlist .child .xq a{display:block;width:80px;height:25px;background:#00B2B2;color:white;text-align:center;line-height:25px}
.newlist .child .xq a span{color:white;}
.hx{width:1200px;height:1px;background: #CBCBCB;margin:35px auto}

.xwxq {border:0px;margin-bottom:15px; }
.detail {width:1200px ;margin:auto}
.detail .bt{font-size: 20px;
font-weight: 500;
color: #010101;}
.title div{border-bottom:2px solid  #DADADA;    margin: 15px auto;
    padding-bottom: 18px;
}
.xwxq img{max-width:100%}
.sxpz {display:flex;justify-content:space-between;margin-bottom:60px}
.sxpz span,.sxpz span a{font-size: 13px;
font-family: Source Han Sans SC;
font-weight: 500;
color: #474747;}
.phonelist{display:none}

@media(max-width:820px){
    .newlist{display:none;}
    .phonelist{display:block;}
    .titdiv{width:100% !important;}
    .btt{width:auto !important;    font-size: 13px !important;}
    .phonelist .child {display:flex;justify-content:space-between}
    .phonelist .child .left{width:40%}
    .phonelist .child .right{width:55%;overflow:hidden}
    
    .phonelist .child .left img{width:100%;height:120px}
    .news{width:100%}
    .phonelist .child .tit{white-space:nowrap}
    .phonelist .child .desc{margin:5px auto !important;font-size:15px !important}
    .hx{width:100% !important;margin:20px auto !important}
     .phonelist .child .xq a{background:#00B2B2;color:white;padding:3px;border-radius:3px}
     .detail{width:100%}
     .sxpz,.sxpz span{display:block !important;margin:5px 0 15px 0px}
     
}
@media(min-width:820px) and (max-width:1024px){
    .newlist{display:none;}
    .phonelist{display:block;}
    .phonelist .child {display:flex;justify-content:space-around}
    .phonelist .child .left{width:20%}
    .phonelist .child .right{width:55%;overflow:hidden}
    
    .phonelist .child .left img{width:100%;height:120px}
    .news{width:100%}
    .phonelist .child .tit{white-space:nowrap}
    .phonelist .child .desc{margin:5px auto !important;}
    .hx{width:100% !important;margin:20px auto !important}
     .phonelist .child .xq a{background:#00B2B2;color:white;padding:3px;border-radius:3px}
     .detail{width:100%}
     .sxpz,.sxpz span{display:block !important;margin:5px 0 15px 0px}
}