@charset "utf-8";

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

#box2 { background:#f1f0ee;}
#box2 .main_width { padding:40px 0 40px;}
#box2 .left { position:relative; width:480px;}
#box2 .left .swiper-container { margin:auto; width:450px; height:295px;}
#box2 .left .swiper-slide a { display:block; position:relative;}
#box2 .left .swiper-slide a >img { width:450px; height:295px;}
#box2 .left .swiper-slide a >p { position:absolute; left:0; bottom:0; margin:0; padding:0 5%; width:90%; line-height:40px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; background:rgba(0,0,0,.7); color:#fff; font-size:16px;}
#box2 .left .swiper-pagination { position:absolute; left:0; bottom:-30px; width:100%; text-align:center;}
#box2 .left .swiper-pagination-switch { display:inline-block; margin:5px; width:9px; height:9px; border-radius:50%; background:#8a8a8a; cursor:pointer;}
#box2 .left .swiper-active-switch { background:#d1002c;}
#box2 .list { margin-left:530px;}
#box2 .list >a { display:block; margin-bottom:30px;}
#box2 .list >a h2 { margin:0; font-weight:normal; font-size:18px; line-height:30px; color:#cb1a02;}
#box2 .list >a p { margin:0; height:48px; line-height:24px; color:#8d8985;}

#box3 { padding:40px 0 70px;}
#box3 .box_title { margin-bottom:20px; height:20px; border-bottom:1px solid #d8d6d4;}
#box3 .box_title span { display:block; width:120px; background:#faf9f7; line-height:40px; font-size:24px; color:#cb1a02;}
#box3 .li { float:left; padding:30px 0; width:50%; border-bottom:1px solid #d8d6d4;}
#box3 .li a { display:block; width:90%; height:120px;}
#box3 .li.odd a { margin:0 0 0 auto;}
#box3 .li a >img { float:left; width:190px; height:120px; margin-right:20px;}
#box3 .li a >h3 { margin:5px 0; line-height:30px; font-weight:normal; font-size:16px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; color:#333;}
#box3 .li a >p { margin:5px 0; line-height:20px; height:60px; color:#999; overflow:hidden;}
#box3 .li a >span { display:block; font-size:12px; color:#8c8c8c;}
#box3 .paging { padding:40px 0 0;}