@charset "utf-8";

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

#box2 { background:#f3f1e8 url(../images/culture_dsh_box2_bg.jpg) no-repeat center bottom;}
#box2 .main_width { padding:90px 0; height:260px; background:url(../images/culture_dsh_box2_bg2.png) no-repeat right top;}
#box2 .logo { padding-top:20px; width:15%; text-align:center;}
#box2 .txt { margin-left:3%; padding-left:6%; width:36%; height:100%; border-left:1px solid #d1c8c0; line-height:26px; text-align:justify;}
#box2 .right { padding-left:4%; width:28%; height:100%; border-left:1px solid #dbd3cc; text-align:center;}
#box2 .right img { display:block; margin:60px auto;}
#box2 .right a { position:relative; display:block; margin:0 auto; width:260px; height:60px; border-radius:30px; background:#e2e0d8;}
#box2 .right a:hover { background:#b3ad96;}
#box2 .right a span { position:absolute; left:6px; top:-6px; padding-left:25%; width:75%; height:100%; border-radius:30px; background:#d33212 url(../images/icon_mouse.png) no-repeat 18% 50%; text-align:center; color:#fff; font-size:24px; line-height:60px;}

#box3 { position:relative; margin-bottom:50px; background:#e8d8cb;}
#box3 .bg { width:47%; height:420px; background:#d6b9ad;}
#box3 .con { position:absolute; left:0; top:0; width:100%; height:100%;}
#box3 .con .main_width { position:relative;}
#box3 .con .swiper-pagination { position:absolute; z-index:10; left:22%; top:30px; margin-left:-230px; width:460px; text-align:right;}
#box3 .con .swiper-pagination-switch { display:inline-block; margin-left:6px; width:48px; height:6px; background:#f7f4ef; cursor:pointer;}
#box3 .con .swiper-active-switch { background:#ed7c5f;}
#box3 .con .swiper-container { height:420px;}
#box3 .con .left { margin-top:60px; width:43.5%; text-align:center;}
#box3 .con .left img { margin:auto; width:460px; height:300px; border:5px solid #e7d7ce;}
#box3 .con .right { margin:50px 4% 0 0; width:44%;}
#box3 .con .right >span { color:#e3a997; font:30px/40px "Trebuchet MS","Lucida Sans Typewriter","Lucida Sans",Arial;}
#box3 .con .right >h2 { margin:0; color:#504c4a; font-weight:normal; line-height:30px; font-size:20px;}
#box3 .con .right >p { margin:20px 0; line-height:24px; text-align:justify;}
#box3 .con .right >a { display:block; width:100px; line-height:30px; text-align:center; background:#f7f4ef; color:#dc7f71;}
#box3 .con .right >a:hover { background:#dc7f71; color:#f7f4ef;}