@charset "utf-8";

.boxtitle h1 { margin:0; font-weight:normal; font-size:30px;}
.boxtitle h2 { margin:0; font:50px/50px "Futura MdCn BT Medium","Trebuchet MS","Lucida Sans Typewriter","Lucida Sans",Arial;}

#box1 { padding-top:110px; height:290px; background:url(../images/brand_box1_bg.png) no-repeat 20% 100%;}
#box1 .left { margin-left:40px;}
#box1 .boxtitle h1 { color:#504c4a;}
#box1 .boxtitle h2 { color:#d84a29;}
#box1 .left a { display:block; margin-top:50px; width:170px; line-height:34px; background:#615d5b; border-radius:5px; text-align:center; color:#f6f5f5;}
#box1 .left a:hover { background:#e46c46;}
#box1 .right { margin-right:2.6%; width:47.5%;}
#box1 .right h1 { margin:0 0 0 -20px; color:#bfbdbb; font:36px "宋体";}
#box1 .right h1 strong { color:#504c4a;}
#box1 .right p { line-height:24px;}

#box2 { height:600px; background:url(../images/brand_box2_bg.jpg) repeat-x center;}
#box2 .left { margin:220px 0 0 40px;}
#box2 .boxtitle h1 { color:#faf9f7;}
#box2 .boxtitle h2 { color:#d63818;}
#box2 .left a { display:block; margin-top:50px; width:170px; line-height:34px; background:#faf9f7; border-radius:5px; text-align:center; color:#605d5b;}
#box2 .left a:hover { background:#e46c46; color:#f6f5f5;}
#box2 .right { margin:50px 40px 0 0; padding:30px 50px 0; width:280px; height:450px; border:6px solid rgba(255,255,255,.6); border:6px solid #f0efed\9;}
#box2 .right img { display:block; margin:0 auto;}
#box2 .right p { margin:60px auto 0; color:#4d4b49; line-height:24px;}

#box3 { background:#e46c46 url(../images/brand_box3_bg1.jpg) no-repeat left bottom;}
#box3 >div { background:url(../images/brand_box3_bg2.jpg) no-repeat right bottom;}
#box3 .main_width { position:relative; padding:40px 0 50px;}
#box3 .boxtitle { margin-left:40px;}
#box3 .boxtitle h1 { color:#f7e9e5;}
#box3 .boxtitle h2 { color:#bf6347;}
#box3 .swiper-container { margin:30px 40px 0; height:480px; background:#faf9f7;}
#box3 .swiper-slide { padding:45px 0;}
#box3 .swiper-slide a { position:relative; display:block; margin:0 auto; width:280px;}
#box3 .swiper-slide a img { height:190px;}
#box3 .swiper-slide a h3 { height:40px; line-height:20px; font-weight:normal; font-size:18px; color:#504c4a;}
#box3 .swiper-slide a:hover h3 { color:#d73b20;}
#box3 .swiper-slide a p { height:40px; line-height:20px; color:#908d88;}
#box3 .swiper-slide a span { display:block; margin-top:20px; width:100px; line-height:28px; text-align:center; border:1px solid #e1e0de; color:#6f6b69;}
#box3 .swiper-slide a:hover span { border-color:#d73b20; color:#d73b20;}
#box3 .swiper-slide a div { position:absolute; left:-10px; top:-10px; padding:5px 0; width:70px; background:#e5e2df; color:#615d5b; text-align:center;}
#box3 .swiper-slide a div strong { display:block; font:28px/36px "Trebuchet MS","Lucida Sans Typewriter","Lucida Sans",Arial;}
#box3 .swiper-pagination { position:absolute; left:5%; bottom:0; width:90%; height:49px; border-top:1px solid #e5e4e3; text-align:center;}
#box3 .swiper-pagination-switch { display:inline-block; margin:21px 10px 0; width:8px; height:8px; border-radius:50%; background:#d4d4d4; cursor:pointer;}
#box3 .swiper-active-switch { background:#d63818;}
#box3 .swiper-arrow { background-image:url(../images/arrow_group4.png); width:60px; height:60px; border-radius:50%; opacity:.7; filter:alpha(opacity=70);}
#box3 .swiper-arrow:hover { opacity:1; filter:alpha(opacity=100);}
#box3 .swiper-arrow.prev { left:-60px; background-position:top;}
#box3 .swiper-arrow.next { right:-60px; background-position:bottom;}
#box3 .more { padding:30px 0 0;}
#box3  .more a { display:block; margin:auto; width:170px; line-height:34px; border-radius:5px; border:1px solid #efb39f; text-align:center; color:#fdf7f6;}
#box3 .more a:hover { background:#fdf7f6; color:#605d5b;}

#box4 { padding:90px 0; background:#faf9f7 url(../images/brand_box4_bg.jpg) no-repeat center bottom; text-align:center;}
#box4 .boxtitle h1 { color:#736c69;}
#box4 .boxtitle h2 { color:#eec4be;}

#box5 { margin-bottom:50px; background:#88807e url(../images/brand_box5_bg.png) no-repeat center top;}
#box5 .boxtitle { padding:40px 0; text-align:center;}
#box5 .boxtitle h1 { color:#faf9f7;}
#box5 .boxtitle h2 { color:#afaaa8;}
#box5 .list .li { float:left; width:33.3%;}
#box5 .list .li a { position:relative; display:block; margin:0 auto; width:235px;}
#box5 .list .li a img { display:block; width:235px; height:320px; transition:all .2s;}
#box5 .list .li a:hover img { box-shadow:-20px 20px 40px rgba(0,0,0,.3);}
#box5 .list .li a span { display:block; margin:26px auto 0; padding-left:30px; width:70px; line-height:30px; background:#e02e21 url(../images/icon_eye2.png) no-repeat 30% 50%; color:#e1dfdd; text-align:center;}
#box5 .list .li a div { position:absolute; right:100%; top:0; padding-right:10px; color:#edebe9; text-align:right; font-size:20px;}
#box5 .list .li a div strong { display:block; font:36px/40px "Trebuchet MS","Lucida Sans Typewriter","Lucida Sans",Arial;}
#box5 .more { padding:40px 0;}
#box5 .more a { display:block; margin:auto; width:170px; line-height:34px; border-radius:5px; border:1px solid #c1bdbb; text-align:center; color:#fdf7f6;}
#box5 .more a:hover { background:#fdf7f6; color:#605d5b;}