@charset "utf-8";

#box1 { padding:60px 0 30px;}

#box2 { padding:50px 0; background:#e8e6e4 url(../images/news_xmdt_bg.png) no-repeat right bottom;}
#box2 .li { float:left; width:33.3%;}
#box2 .li a { position:relative; display:block; margin:28px auto; width:340px; background:#faf9f7;}
#box2 .li a:hover { background:#817c79; color:#e0dedc;}
#box2 .li a h4 { margin:0 40px; line-height:50px; text-align:right; font-weight:normal;}
#box2 .li a img { display:block; margin:0 0 0 auto; width:300px; height:200px;}
#box2 .li a h3 { margin:25px 40px 10px; height:50px; line-height:26px; font-weight:normal; font-size:18px; color:#504c4a; overflow:hidden; transition:all .2s;}
#box2 .li a:hover h3 { color:#faf9f7;}
#box2 .li a p { margin:0 40px; height:40px; line-height:20px; overflow:hidden;}
#box2 .li a span { display:block; padding:30px 40px; line-height:20px; color:#d76947;}
#box2 .li a:hover span { color:#f4f2f0;}
#box2 .li a div { position:absolute; left:-10px; top:-10px; padding:5px 0; width:70px; background:#cec6bf; color:#faf9f7; text-align:center;}
#box2 .li a:hover div { background:#df542a;}
#box2 .li a div strong { display:block; font:28px/36px "Trebuchet MS","Lucida Sans Typewriter","Lucida Sans",Arial;}

#box2 .paging { padding:30px 0;}
#box2 .paging a,.paging span { background:#faf9f7;}