@charset "utf-8";
/*reset*/
html, body, div, span, h1, h2, h3, h4, h5, h6, p, a, em, img, strong, dl, dt, dd, ol, ul, li, form, label, table, tbody, tfoot, thead, tr, th, td, article, aside, canvas, hgroup, menu, footer, header, nav, section{ margin: 0; padding: 0; border: 0; }
img, a { -webkit-touch-callout: none; }
li { list-style: none;}
h1, h2, h3, h4, h5, h6, strong { font-weight: bold; }
body{font: 14px/1.5 'Helvetica Neue', Arial, Tahoma, '微软雅黑', Clean, sans-serif;}
a { text-decoration: none; }
a:hover { text-decoration: none; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden }
.clearfix{zoom:1;}
a:focus { outline: 0 none; }
a:active, a:hover { outline: 0 }
.main{ width:100%; overflow:hidden;}
.fl{ float:left;}
.fr{ float:right;}
.cw{ color:#FFF;}
.cb{ color:#333;}
.cr{ color:#8e4c22;}
.ch{ color: #D50005;}
.f12{ font-size:12px;}
.f16{ font-size:16px;}
.f20{ font-size:20px;}
.fwb{ font-weight:bold;}
.move:hover{ text-decoration:underline; }
h3{ text-align:center; padding:15px 0;}
h2{ text-align:center; padding:80px 0 50px; font-size:18px;}
p{ line-height:25px; margin-bottom:30px;}

/*IE6*/
.tm{font-size:20px; text-align:left; padding:100px 50px; color:#900;}
.tm a{ color:#009;}
/*bg*/
.bg { background:url(../image/bg01.jpg) repeat-x; position:relative;}
.bg1 { background:url(../image/bg03.jpg) repeat-x; position:relative; }
.bg2{ background:url(../image/bg02.jpg) repeat-x; width:100%;}
/*header*/
.header{ background:url(../image/headerbg.jpg) repeat-x ; width:100%; height:200px;}
.banner{ width:980px; margin:auto; position:relative;}
.pigeon2{ position: absolute;left:-200px; top:0; width:350px;}
.pigeon3{ position: absolute;right:-50px; top:20px; width:100px;}
/*topnav*/
.top{ height:25px;}
.top li {  float:left; padding: 0 5px; }
.top li a{ color: #000;  line-height:25px;  }
.zw,.yw{ background: url(../image/dot.jpg) no-repeat 0 10px;  padding: 0 8px; margin-left:10px;}
/*nav*/
.navwrap{ background:#437cbd;height:35px;}
.nav{ margin:auto; width:980px; height:35px; }
.nav ul li { float:left;  width:140px; text-align:center; position:relative; height:35px; z-index:12;}
.nav ul li a {color: #FFF; line-height:35px; font-weight:bold; }
.nav ul li .cur{ position:absolute; width:162px; height:75px; left:-11px; top:-20px;background: url(../image/navbg.png) no-repeat; line-height:75px; color:#335f92; z-index:20;}
.nav ul li:hover{ background:#335f92; }
/*.nav ul li:hover .cur{ background:none; color:#FFF; }*/
.subnav{ display:none; width:220px;background: url(../image/subnav.jpg) repeat-y; position:absolute; left:-40px; z-index:10;}
.nav ul li:hover .subnav{ display:block; top:35px;}
.nav ul .subnav li{ float:none; width:220px; color:#FFF; line-height:0; height:auto;}
.nav ul .subnav li a{ display:block; padding:10px 20px; line-height:20px;}
.nav ul .subnav li:hover{ background:none; text-decoration:underline; }
.subnav1{ display:none; position:absolute; top:0; left:220px; z-index:11;background:#437CBD;width:250px;}
.nav ul .subnav li:hover .subnav1{display:block;}
.left1{  display:none; width:220px; background:url(../image/subnav.jpg) repeat-y; position:absolute; left:-40px; z-index:10;}
.nav ul .left:hover .left1{display:block; top:35px;}
.nav ul .left1 li{ float:none; width:220px; color:#FFF; line-height:0; height:auto;}
.nav ul .left1 li a{ display:block; padding:10px 20px; line-height:20px;}
.nav ul .left1 li:hover{ background:none; text-decoration:underline; }
.left2{ display:none; position:absolute; top:0; right:220px; z-index:11;background:#437CBD; width:250px;}
.nav ul .left1 li:hover .left2{display:block;}
/*boottomhnav*/
.bottomnav { width:950px; margin:auto; }
.bottomnav li{ float:left; text-align:center; position:relative; height:58px; z-index:5;}
.bottomnav li a{ color: #FFF; font-weight:bold; }
.bottomnav li:hover { background:#335f92;  }
.bottomnav .aa{ line-height:58px; width:45px;height:58px; }
.bottomnav .bb{ line-height:15px; width:154px; padding-top:10px; height:48px; }
.bottomnav .cc{ line-height:13px; width:146px; padding-top:1px; height:57px; }
.bottomnav .dd{line-height:15px; width:146px; padding-top:4px; height:54px; }
.bottomnav .subnav{bottom:58px;}
.bottomnav li:hover .subnav{ display:block; }
.bottomnav .subnav li{ float:none; width:220px; color:#FFF;line-height:0; height:auto;}
.bottomnav .subnav li a{ display:block; padding:10px 20px; line-height:20px;}
.bottomnav .subnav li:hover{ background:none; text-decoration:underline; }
.bottomnav .subnav1{ display:none; position:absolute; top:auto;bottom:0; left:220px; z-index:11;background:#437CBD;}
.bottomnav .subnav li:hover .subnav1{display:block;}
.bottomnav .left1{bottom:58px;}
.bottomnav li:hover .left1{ display:block; }
.bottomnav .left1 li{ float:none; width:220px; color:#FFF;line-height:0; height:auto;}
.bottomnav .left1 li a{ display:block; padding:10px 20px; line-height:20px;}
.bottomnav .left1 li:hover{ background:none; text-decoration:underline; }
.left2{ display:none; position:absolute; top:0; right:220px; z-index:11;background:#437CBD;}
.bottomnav .left1 li:hover .left2{display:block;}

/*foot*/
.footer01{margin:auto; width:100%; background: url(../image/foot01.png) top center no-repeat; height:189px; position:absolute; top:650px; left:0; }
.copyright{ display:block; width:400px; margin:20px auto 0; }
.footerbg{ background:url(../image/footbg.png) repeat-x ; width:100%; height:158px;}
.footer02{ margin:auto; width:980px; background:url(../image/foot02.png) no-repeat; height:158px; position:relative; }
.footer02 p{ display:block; position:absolute; top:60%; left:32%; }
/*p1*/
.content { width:980px; margin:auto; position:relative;}
.title1 { padding:50px 80px 0; width:800px;}
.building{ width:980px;}
.cloud1 { position: absolute;left:-300px; top:0;  z-index:-2;}
.cloud2{ position: absolute; right:-300px; top:0px; z-index:-2;}
.pigeon{ position: absolute;left:-450px; top:90px; z-index:-1; width:700px;}
.flyers{  position: absolute;right:-200px; bottom:0; z-index:-1; width:300px;}
.bt{ padding:10px; margin:auto; width:190px; display:block;  }
/*p2*/
.quide{ width:960px; margin:20px auto 0; display:block; padding:20px 0; position:relative;}
.p1{ width:250px; text-align:center; line-height:16px; position:absolute; top:305px; left:40px}
.p2{ width:300px; text-align:center; line-height:16px; position:absolute; top:370px; left:-10px;}
.p3{ width:250px; text-align:center; line-height:16px; position:absolute; top:440px; left:-5px;}
.p4{ width:250px; text-align:center; line-height:16px; position:absolute; top:450px; right:-5px;}
.p5{ width:250px; text-align:center; line-height:16px; position:absolute; top:360px; right:-5px;}
.p6{ width:250px; text-align:center; line-height:16px; position:absolute; top:290px; right:-5px;}
.quide a{ position:absolute; font-size:11px; color:#8c1c34; line-height:11px;text-align:center;}
.quide a strong{ display:block; font-size:14px;line-height:16px; }
.quide .guide1{ top:50px; left:125px;}
.quide .guide2{ top:50px; left:470px;}
.quide .guide3{ top:50px; left:700px;}
.quide .guide4{ top:0; right:0;}
.quide .guide5{ bottom:45px; right:778px;}
.quide .guide6{ bottom:45px; right:485px;}
.quide .guide7{ bottom:45px; right:215px;}
.quide .guide8{ bottom:45px; left:810px;}
/*p3*/
.showroom{ background:url(../image/showroom.jpg) no-repeat center 60px; width:100%; height:100%; margin:auto;}
.wall01{ background:url(../image/wall01.png) no-repeat center 300px;width:100%; height:460px; margin:auto; padding:350px 0 130px;}
.wall01 ul { margin: 8px 0 0 65px;}
.wall01 ul li{ float:left; width:160px; height:230px; margin:0 5px;  position:relative;}
.wz{ position:absolute;z-index:10; display:none;}
.wall01 ul li:hover .xi{ display:none;  }
.wall01 ul li:hover .wz{ display:block;  }
.zhuzi_left{ width:300px; position: absolute; left:-270px; top:30px; z-index:-1; }
.zhuzi_right{ width:300px; position: absolute; right:-270px; top:30px; z-index:-1;}
.bt2{ margin:420px 400px;}
/*p4*/
.foreword{  background:url(../image/bg02.jpg) repeat-x; padding:80px 150px 50px; margin-top:80px;}
.flyers1{  position: absolute;right:-200px; bottom:-10px;}
.house{ position: absolute;left:-300px; bottom:0;z-index:-1;}
.pigeon4{position: absolute;right:-150px; top:200px;z-index:-1;}
.huabian_left{ position:absolute; width:250px; left:160px; top:380px;}
.huabian_right{ position:absolute; width:250px; right:160px; top:380px;}
/*p5*/
.sidebarbg{ margin:100px 20px; background:url(../image/sidebar.png) no-repeat; width:401px; height:542px;*padding-bottom:100px; }
.text01{ width:490px; padding:100px 20px; }
.pigeon5{position: absolute;left:-150px; top:50px;z-index:-1;}
.flyers2{  position: absolute;right:-150px; bottom:-10px; z-index:-1;}
.cloud3{position: absolute;right:-250px; top:-20px;z-index:-1;}
.sidebar { width:285px; margin:65px 42px; padding:10px 20px; height:390px; overflow-y:scroll; overflow-x: hidden;}
.sidebar ul { height:240px; }
.mb20{ margin-top:20px;}
.ml10{ margin-left:20px;}
/*p6*/
.wall{ background:url(../image/wall.png) no-repeat; width:980px; height:620px;position: relative; padding-top:120px}
.arrow_left{ position:absolute; top:350px; left:30px; cursor:pointer;}
.arrow_right{ position:absolute;top:350px; right:30px; cursor:pointer;}
.text02{ width:850px; margin:auto;  height:168px; overflow-x:hidden; overflow-y:auto;}
.photo6{ width:850px;margin:auto;}
.photo6 ul li{ float:left; width:263; padding:10px 10px 0;overflow:hidden; height:168px;}
.bt3{ margin:auto; width:190px; padding-bottom:50px;}
/*p8*/
.showbg{ background-color:#c2cfdc; width:980px; margin-bottom:100px; position: relative; padding:50px 0;}
.cha{ position:absolute;top:20px; right:20px; z-index:8; }
.subtitle{ background:url(../image/subtitle_bg.jpg) no-repeat center ; width:850px;  margin:auto; clear:both; }
.subtitle_zw{ color:#FFF; font-size:16px; text-align:left; padding:10px 30px;}
.subtitle_yw{ color:#FFF; font-size:14px; text-align:left; padding:0 30px 5px;}
.subtitle p{ width:800px; display:block; margin:10px auto;}
.show_photo{ width:850px; margin:auto;background-color:#415c71; clear:both;  }
.show_photo img{ width:750px; display:block; margin:auto; overflow:hidden; padding:50px 0 0; }
.caption01{ background-color:#d68f13; width:790px; margin:auto; padding:30px;}
.caption02{  background-color:#415c71;  width:790px; margin:30px auto 0; padding:30px; clear:both;  }
.caption03{ background-color:#415c71; width:790px; margin:0 auto; padding:30px; }
.sl{ margin:10px 80px;}
.sl_a{ font-size:26px;}
.fc{ background-color:#FFF; width:400px; height:150px; position:absolute; top:300px; left:300px; text-align:center; padding-top:50px;  }
.fccha{ width:15px; position:absolute; top:10px; right:10px; cursor:pointer; }
.bf{ display:block; margin:0 0 10px 70px;}
.bf1{ display:block;margin:0 0 10px 70px;}
.bf2{ margin:0 0 10px 70px;}
/*p9*/
.house_xi{ position: absolute;left:-400px; bottom:-120px;z-index:-1;}
.flyers_xi{  position: absolute;right:-280px; bottom:-120px; z-index:-1;}
.nav_xi_bg{ margin:50px  auto; background:url(../image/nav_xi.png)  no-repeat; width:600px; height:103px; }
.nav_xi_bg span{ font-size:12px;}
.nav_xi_bg ul{ margin-left:30px;}
.nav_xi_bg ul li{ text-align:center; line-height:15px; margin:30px 20px 0;}
.scrolls_bg{ background:url(../image/scrolls.png) no-repeat; width:980px; height:650px; margin-bottom:100px;}
.scrolls_bg img{ margin:150px 0 0 80px;}
.scrolls_text{ width:450px; margin: 110px 50px 0 0;}
/*hjz*/
.hjz{  background:url(../image/bg02.jpg) repeat-x; padding:80px 50px; margin-top:80px; background-color:#FFF; }
.hjzzw li{ float:left; margin:0 25px 50px;}
.hjzyw li{ float:left; margin:0 16px 50px;}
.pr{ position:relative;}
.footer01.fore{ top:auto; bottom:-50px;}
.btnline a{margin:0 150px}
.namelist{ margin-top:80px;}