@charset "utf-8";

.box_tit { padding:20px 0; background:#edecea; text-align:center;}
.box_tit img { display:block; margin:10px auto;}
.box_tit h2 { margin:0; font-weight:normal; font-size:18px; line-height:20px; color:#504c4a;}

#project .swiper-arrow { margin-top:-30px; background-image:url(../images/arrow_group5.png); width:60px; height:60px; border-radius:50%; opacity:.5; filter:alpha(opacity=50);}
#project .swiper-arrow:hover { opacity:1; filter:alpha(opacity=100);}
.swiper-arrow.prev { left:30px; background-position:top;}
.swiper-arrow.next { right:30px; background-position:bottom;}

#box1 { padding:60px 0 30px;}
#box1 .main_width { background:#f4f3f1;}
#box1 .main_width .left { padding:20px 4%; width:23%; background:#fff;}
#box1 .main_width .left .logo img { display:block; margin:auto; width:200px; height:200px;}
#box1 .main_width .left .info { padding:15px 0; border:1px solid #ededec; border-left:0; border-right:0;}
#box1 .main_width .left .info p { margin:5px 0; padding-left:36px; line-height:30px; background:url(../images/icon_projects_info2.png) no-repeat left top;}
#box1 .main_width .left .info p.tel { background-position:left bottom; color:#514b48; font:28px/30px "Futura MdCn BT Medium","Trebuchet MS","Lucida Sans Typewriter","Lucida Sans",Arial;}
#box1 .main_width .left .weixin { position:relative;}
#box1 .main_width .left .weixin .txt { padding:15px 0 15px 40px; background:url(../images/icon_weixin.png) no-repeat left center; line-height:20px; font-size:12px;}
#box1 .main_width .left .weixin .ewm { position:absolute; left:0; bottom:100%; margin-bottom:1px; width:100%; background:#fff; display:none;}
#box1 .main_width .left .weixin:hover .ewm { display:block;}
#box1 .main_width .left .weixin .ewm img { display:block; margin:50px auto; width:200px; height:200px;}
#box1 .main_width .right { position:relative; padding:40px 5%; width:58%;}
#box1 .main_width .right >h2 { margin:0; line-height:40px; font-weight:normal; font-size:20px; color:#302d2b;}
#box1 .main_width .right >div { margin-right:-30px; padding:10px 30px 10px 0; height:210px; line-height:24px; overflow:hidden;}
#box1 .main_width .right >div p { margin:0; text-align:justify;}
#box1 .main_width .right >a { display:block; margin:30px 0 0 auto; width:200px; line-height:36px; border-bottom:1px solid #d55230; background:url(../images/arrow_right6.png) no-repeat right center; color:#d62c17; font-size:16px;}
#box1 .main_width .right >span { position:absolute; right:80px; top:-10px; padding-left:40px; width:50px; line-height:40px; border-radius:20px; background:#d62c17 url(../images/icon_flower.png) no-repeat 15px 50%; color:#fff;}

#box2 .main_width { position:relative; padding:30px 0;}
#box2 .main_width .big { margin:0 auto; width:960px; height:500px;}
#box2 .main_width .big img { width:960px; height:500px;}
#box2 .main_width .small { margin:5px auto; width:964px; height:60px;}
#box2 .main_width .small img { display:block; margin:auto; width:96%; height:60px; cursor:pointer; opacity:.7; filter:alpha(opacity=70);}
#box2 .main_width .small .sel img { opacity:1; filter:alpha(opacity=100);}

#box3 .main_width { position:relative; padding:60px 0 80px;}
#box3 .main_width .swiper-container { margin:0 auto; width:1100px; height:400px;}
#box3 .main_width .swiper-container a { position:relative; display:block; margin:auto; width:260px; height:398px; border:1px solid #e5e5e6; overflow:hidden;}
#box3 .main_width .swiper-container a:hover { border-color:#c6525b; background-color:#f4f3f1;}
#box3 .main_width .swiper-container a img { width:100%;}
#box3 .main_width .swiper-container a p { position:absolute; left:0; bottom:0; width:100%; margin:0; padding:5px 10px; text-align:center; line-height:20px; background:rgba(0,0,0,.5); background:#666\9; color:#fff;}
#box3 .main_width .swiper-container a p span { display:block;}
#box3 .main_width .swiper-container a p span.t1 { font-size:14px;}
#box3 .main_width .swiper-container a p span.t2 { font-size:16px; font-weight:bold;}
#box3 .main_width .swiper-container a p span.t3 { font-size:16px;}
#box3 .swiper-arrow.prev { left:0;}
#box3 .swiper-arrow.next { right:0;}

#box4 { margin-bottom:40px; padding:0 0 60px; background:#edecea;}
#box4 #map { height:400px;}
#box4 .main_width { position:relative;}
#box4 .info { position:absolute; left:10%; bottom:0; padding:20px 30px; width:420px; height:180px; overflow:hidden; background:#c6525b; color:#fff; cursor:pointer; transition:all .5s;}
#box4 .info.small { padding:0 20px; width:100px; height:40px;}
#box4 .info h2 { margin:10px 0; font-weight:normal; font-size:18px; line-height:20px;}
#box4 .info.small h2 { background:url(../images/arrow_right7.png) no-repeat right center;}
#box4 .info >div { margin-right:-20px; padding-right:20px; height:140px; text-align:justify; line-height:20px; overflow:hidden;}

#box5 { margin:40px auto; background:#f4f3f1;}
#box5 >div { padding:30px 100px;}
#box5 >div >h2 { font-size:18px; color:#666; text-align:center;}
#box5 >div >h3 { font-size:16px; color:#666; text-align:center;}
#box5 >div >.box_con { padding:30px 50px 0; border-top:1px solid #ccc; line-height:24px; text-align:justify;}