@charset "utf-8";
#news { margin: 0 auto; }
#news .display { padding-bottom:200px; }
#news .display>.lists>.li { width: calc(25% - 30px - 30px );  margin:20px 30px; }
#news .display>.lists>.li .pic { position: relative; width: 100%; overflow: hidden; }
#news .display>.lists>.li .pic img { width: 100%; height: 100%; transition: all 0.36s; }
#news .display>.lists>.li .t_tou { position: relative; top: 0; left: 0; }
#news .display>.lists>.li .t_shi { position: absolute; top: 0; left: 0; }

#news .display>.lists>.li .title { font-size: 1.6rem; color:#000; height:70px; line-height:120%; margin:10px 0; overflow:hidden; }
#news .display>.lists>.li .time { font-size: 1.0rem; color:#000; font-weight:bold;  }
#news .display>.lists>.li .time img { height:1.0rem; margin-bottom:4px; }

#newsView { margin: 0 auto; background-color:#F6F5F3; padding-bottom:100px; }
#newsView .display>.back { margin:50px 0 30px; }
#newsView .display>.back a { cursor:pointer; }
#newsView .display>.back img { height:1.8rem; }
#newsView .display>.newdetail { width: calc(72% - 50px - 50px ); padding:20px 50px; background-color:#FFF; padding-bottom:100px; }
#newsView .display>.newdetail .title { font-size: 1.8rem; }
#newsView .display>.newdetail .time { font-size: 1.0rem; line-height:5rem; color:#000; font-weight:bold; padding-bottom:20px;  }
#newsView .display>.newdetail .time img { height:1.0rem; margin-bottom:2px; }
#newsView .display>.newdetail .content * { font-size: 1.4rem; line-height:150%; color:#000; }

#newsView .display>.contact { width:30%; background-color:#FFF; padding:50px 0 100px; }
#newsView .display>.contact .img {  width: calc(100% - 40px - 40px ); margin:0 40px; }
#newsView .display>.contact .img>img { height: 50px; }
#newsView .display>.contact .title { float:left; display:inline-block; margin:10px 50px; border-bottom: 1px #737373 solid; font-size: 1.8rem; font-weight: bold; color: #000; }
#newsView .display>.contact .text { float:left; width: calc(100% - 50px - 50px ); margin:0 50px; font-size: 1.4rem; line-height:150%; color: #000; }


@media only screen and (max-width: 1280px) {
#news .display>.lists>.li { width: calc(33.3% - 30px - 30px );  margin:20px 30px; }
}

@media only screen and (max-width: 1200px) {
#news .display>.lists>.li { width: calc(50% - 30px - 30px );  }

#newsView .display>.newdetail { width: calc(100% - 0px ); padding:20px 50px; }
#newsView .display>.contact { display:none; }
}

@media only screen and (max-width: 640px) {
#news .display>.lists>.li { width: calc(100% - 30px - 30px); }
#news .display>.lists>.li .title { font-size: 1.8rem; height:auto; }

#newsView .display>.newdetail .title { font-size: 2.2rem; }
#newsView .display>.newdetail .time { font-size: 1.2rem; padding-bottom:10px;  }
#newsView .display>.newdetail .time img { height:1.2rem; }
#newsView .display>.newdetail .content * { font-size: 1.6rem; line-height:2.8rem; }
}
@media only screen and (max-width: 520px) {
#newsView .display>.newdetail { width: calc(100% - 0px ); padding:20px 20px; }
}