@media screen and (min-width:1200px){
    h4{margin-bottom:40px;}
    .unit{padding:5px 20px;}
    .read{width:40%;float:left;font-size:14px;margin-left:5%;}
    .read_b{padding-right:5px;}
    .read_b b{color:red;font-size:14px;font-weight:normal;}
    .subtitle{margin-bottom:20px;}
    .share{float:right;margin-right:5%;background: none;}
    .share img{width:16px;margin-left:5px;}
    .news_footer{width:95%;margin:0 auto; margin-top:10px;}
    .news_footer p{width:100%;line-height:36px;font-size:16px;color:#666666;}

    .unit_p p{text-indent:2em;font-size:14px;line-height:32px;letter-spacing:3px;}
    .tb{margin-top:40px;}
    .tb img{width:200px;float:left;margin:20px 50px 0px 0px; margin-left:5%;}
    .product{float:left;}
    .product p{font-size:16px;line-height:32px;letter-spacing:2px;}
    .partic{border-top:1px solid #CCCCCC;padding-top:15px;}
    .partic ul li{float:left;width:25%;}
    .partic ul li img{border:1px solid #CCCCCC; padding:20px 10px;width:160px;height:120px;display:block;margin:auto;}
    .partic ul li span{display:block;text-align:center;margin-top:20px;color:black;}
    .hot{margin-top:40px;padding-bottom:40px;}
    .hot .ly{padding:5px 10px;background:red;color:#FFFFFF;border-radius:4px;width:14%;display:block;text-align:center;margin:0 auto;}
    .log_window{margin-top:30px;padding:10px;}
    .log_window form{width:90%;margin:0 auto;}
    .log_window label{width:55%;margin-left:25%;margin-bottom:20px;}
    button{border:none;background:none;background:red;padding:5px 10px;color:#FFFFFF;text-align:center;border-radius:4px;margin-left:44%;margin-top:20px;width:14%;}
}
@media screen and (min-width:320px) and (max-width:768px){
     h4{margin-bottom:40px;}
    .unit{padding:5px 20px;}
    .read{width:40%;float:left;font-size:.8rem;margin-left:5%;}
    .read_b{padding-right:5px;}
    .read_b b{color:red;font-size:.8rem;font-weight:normal;}
    .subtitle{margin-bottom:20px;}
    .share{width:14%;float:right;margin-right:5%;}
    .share img{width:16px;margin-left:5px;}
    .unit_p p{text-indent:2em;font-size:14px;line-height:32px;letter-spacing:3px;}
    .tb{margin-top:10px;padding:10px;}
    .tb img{width:60%;margin-left:20%;}
    .product{width:100%;}
    .product p{font-size:.8rem;line-height:20px;width:90%; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
    .partic{border-top:1px solid #CCCCCC;padding-top:15px;}
    .partic ul li{float:left;width:25%;}
    .partic ul li img{border:1px solid #CCCCCC; padding:20px 10px;width:100px;height:80px;display:block;margin:auto;}
    .partic ul li span{display:block;text-align:center;margin-top:20px;color:black;}
    .hot{width:100%;margin:0 auto;margin-top:40px;padding-bottom:40px;}
    .hot .ly{padding:8px 15px;background:red;color:#FFFFFF;border-radius:4px;width:27%;display:block;text-align:center;margin-left:40%;}
    .log_window{margin-top:30px;padding:10px;}
    .log_window label{width:100%;margin-bottom:20px;}
    button{border:none;background:none;background:red;padding:5px 10px;color:#FFFFFF;text-align:center;border-radius:4px;margin-left:40%;margin-top:20px;width:27%;}


}