@charset "utf-8";

/* CSS Document */



body{ background:url(image/bg.jpg) no-repeat center 113px #394050;}



.submenu{ text-align:center; margin-top:235px; height:83px;}

.submenu span{ display:inline-block; width:240px; height:83px; background-color:rgba(0,0,0,.8); margin:0 7px; cursor:pointer; position:relative;}

.submenu span img{ position:absolute; top:4px; left:50%; margin-left:-38px; opacity:.5; -webkit-transition: -webkit-transform 0.5s ease-out; -moz-transition: -moz-transform 0.5s ease-out; -o-transition: -o-transform 0.5s ease-out; -ms-transition: -ms-transform 0.5s ease-out;}

.submenu span p{ position:absolute; width:70px; height:26px; top:28px; left:50%; margin-left:-35px; border-top:solid 1px #d7dacf; border-bottom:solid 1px #d7dacf; text-align:center; line-height:26px; color:#fff; font-size:14px; -webkit-transition: -webkit-transform 0.5s ease-out; -moz-transition: -moz-transform 0.5s ease-out; -o-transition: -o-transform 0.5s ease-out; -ms-transition: -ms-transform 0.5s ease-out;}

.submenu span.cur{ background-color:rgba(255,255,255,.8);}

.submenu span.cur img{ transform:translateY(-30px); opacity:1; *top:-30px;}

.submenu span.cur p{ transform:translateY(25px); color:#25252f; border-color:#7d7b7a; *top:53px;}



.showbox{ position:relative; width:1002px; margin:0 auto;}

.showbox .box{ width:972px; background:rgba(255,255,255,.8); margin-right:100px; padding:15px; position:relative; display:none;}

.showbox .on{ display:block;}



h3.title{ font-size:30px; color:#000; height:37px; line-height:37px; background:url(image/title_icon.png) no-repeat; text-indent:45px; font-weight:normal;}



.about-img{ float:left;}

.about{ width:331px; height:341px; border:solid 1px #e0d1d1; background:#fff; float:right; padding:25px;}

.about h3{ margin-bottom:25px;}

.about p{ text-indent:2em;}



.environment h3{ margin:40px 0 30px;}

.environment ul{ width:100%; height:630px; position:relative;}

.environment ul li.e1{ position:absolute; top:0; left:0;}

.environment ul li.e2{ position:absolute; top:0; left:256px;}

.environment ul li.e3{ position:absolute; top:0; right:0;}

.environment ul li.e4{ position:absolute; bottom:0; left:0;}

.environment ul li.e5{ position:absolute; bottom:0; left:256px;}

.environment ul li.e6{ position:absolute; bottom:0; right:0;}



.design h3{ margin:40px 0 30px;}

.design ul{ width:100%; height:543px;}

.design ul li{ float:left; position:relative;}

.design ul li img{ width:100%; height:100%;}

.design ul li.d1{ width:243px; height:311px; margin-right:14px;}

.design ul li dd{ position:absolute; color:#fff; z-index:999;}

.design ul li.d1 dd{ top:15px; left:13px;}

.design ul li.d2{ width:653px; height:281px; background:#fff; padding:15px 30px;}

.design ul li.d3{ width:710px; height:218px; margin:14px 14px 0 0;}

.design ul li.d3 dd{ top:15px; right:13px;}

.design ul li.d4{ width:246px; height:218px; margin-top:14px;}

.design ul li.d4 dd{ bottom:15px; left:13px;}



.box .contentbox{ background:#fff; padding:30px;}

.box .contentbox .content{ display:none;}

.box .contentbox .show{ display:block;}

.box .menu{ width:80px; height:410px; position:absolute; top:0; left:-80px;}

.box .menu span{ display:block; width:80px; height:28px; background-color:#778f46; background-repeat:no-repeat; border-radius:10px 0 0 10px; text-align:center; color:#fff; padding-top:52px; cursor:pointer; margin-bottom:2px;}

.box .menu span.gm1{ background-image:url(image/guide_menu1.png); background-position:center 10px;}

.box .menu span.gm2{ background-image:url(image/guide_menu2.png); background-position:center 14px;}

.box .menu span.gm3{ background-image:url(image/guide_menu3.png); background-position:center 12px;}

.box .menu span.gm4{ background-image:url(image/guide_menu4.png); background-position:center 10px;}

.box .menu span.gm5{ background-image:url(image/guide_menu5.png); background-position:center 12px;}

.box .menu span.cur{ background-color:#e50050;}



.button{ text-align:center;}

.button span{ display:inline-block; width:157px; height:54px; background:#c1c1c1; border-radius:10px; font-size:20px; color:#fff; line-height:54px; margin:0 10px 20px; cursor:pointer;}

.button span.cur{ background:#e50050;}

.areabox .area{ display:none;}



.imgbox{ position:relative;}

.imgbox .left,.imgbox .right{ width:50px; height:135px; background-color:#b2b2b2; cursor:pointer; background-repeat:no-repeat; background-position:center; position:absolute; top:0;}

.imgbox .left2,.imgbox .right2{ float:left; width:50px; height:135px; background-color:#ddd; background-repeat:no-repeat; background-position:center; margin-top:0;}

.imgbox .left{ background-image:url(image/left.png); left:0;}

.imgbox .left2{ background-image:url(image/left.jpg);}

.imgbox .right{ background-image:url(image/right.png); right:0;}

.imgbox .right2{ background-image:url(image/right.jpg);}

.imgbox .small-pics{ width:802px; float:left; height:135px; margin:0 5px 0; position:relative; overflow:hidden;}

.imgbox .small-pics ul{ position:absolute;}

.imgbox .small-pics li{ width:188px; height:135px; margin:0 6px; float:left; position:relative; cursor:pointer;}

.imgbox .small-pics li.cur{ width:186px; height:133px; border:solid 1px #e50050;}

.imgbox .small-pics li img{ width:100%; height:100%;}

.imgbox .small-pics li p{ width:100%; position:absolute; bottom:0; left:0; height:35px; line-height:35px; color:#fff; text-indent:10px; font-size:14px; background-color:rgba(0,0,0,.3)}

.imgcontent{ margin-top:30px;}

.imgcontent li{ display:none;}

.imgslide{ width:911px; height:511px; position:relative; overflow:hidden;}

.imgslide dl{ position:absolute;}

.imgslide dd{ float:left; width:911px; height:100%;}

.imgslide dd img{ width:100%; height:100%;}

.imgslide dt{ width:16px; height:24px; position:absolute; top:50%; margin-top:-8px; z-index:999; cursor:pointer;}

.imgslide dt.img-left{ background:url(image/imgleft.png) no-repeat; left:10px;}

.imgslide dt.img-right{ background:url(image/imgright.png) no-repeat; right:10px;}



.imgcontent .route{ margin-top:20px; font-size:14px; padding:0 20px;}

.imgcontent .text{ margin-top:55px; width:405px; padding:0 25px; float:left; height:182px;}

.imgcontent .text h4{ font-size:24px; color:#381807; height:30px; line-height:30px; background:url(image/title2_icon.png) no-repeat; text-indent:50px; font-weight:normal;}

.imgcontent .text .line{ width:261px; height:2px; background:#83807f; margin:10px 0 0 50px;}

.imgcontent .text p{ padding-left:50px; margin-top:20px;}



h3.title1{ font-size:32px; color:#e50050; font-weight:normal; margin:0 0 30px 28px; line-height:40px;}

.content_text{ padding:0 5px; font-size:14px; margin-top:30px;}

.content_text p{ text-indent:2em;}