/*公共样式_start*/ body{ position:relative; min-width:1440px; height:100%; overflow:hidden; } body.pageLoaded { height:auto; overflow-y:visible; } body.scrollFixed { padding-top:64px; } .g-inr { position:relative; width:1200px; height:100%; margin:0 auto; *zoom:1; } .g-inr:after { display:block; overflow:hidden; content:"."; visibility:hidden; clear:both; height:0; line-height:0; } .g-body { padding:0px 0; } /*--------------------------------顶部模块样式--------------------------------*/ .g-hd { position:relative; z-index:9; height:204px; background-color:#036959; } .g-hd .logo, .g-hd .logo:hover, .g-hd .logo:visited, .g-hd .logo:active { position:absolute; left:0; right:0; top:23px; margin: 0 auto;display:block; width:164px; height:151px; background:url(../images/logo.png) no-repeat #036959; } .g-hd .top { position:absolute; right:0px; left: 0; top:30px; width:100%; height:60px; color: #fff; line-height:35px; font-size:18px; border-bottom: 1px solid #328477} .g-hd .top a, .g-hd .top a:visited, .g-hd .top a:active { position:relative; z-index: 2; display:inline-block; height:28px; padding-left:25px; color:#fff; } .g-hd .top a:hover { color:#fff; } .g-hd .top .wx { display:none; overflow:hidden; position:absolute; z-index:10; left:0px; top:39px; z-index:9; width:128px; height:154px; background-color:#FFF; border:1px solid #DCDCDC; opacity:0; filter:Alpha(opacity=0); border-radius: 6px; } .g-hd .top .wx img { display:block; width:100px; height:100px; margin:15px auto 10px auto;} .g-hd .top .wx .text { height:26px; line-height:14px; text-align:center; color:#888; font-size:12px; } .g-hd .nav{ width: 1200px; height: 50px; margin: 0 auto; position: absolute; bottom:30px; left: 0; right: 0; background:url(../images/nav-en.png) 0px 27px no-repeat ;} .g-hd .nav ul{} .g-hd .nav ul li{ float: left; width:60px; height: 50px; text-align: center; margin-right:70px; } .g-hd .nav ul li:nth-child(3){ width:80px;} .g-hd .nav ul li:nth-child(4){ margin-right: 280px;} .g-hd .nav ul li:nth-child(8){ margin-right: 0px;} .g-hd .nav ul li a{color: #fff; font-size:15px; height: 50px; display: block} .g-hd .nav ul li a:hover{ border-bottom: 4px solid #fff} .g-hd .nav ul li .sel{ border-bottom: 4px solid #fff} /*--------------------------------导航条模块样式--------------------------------*/ .g-nav { position:absolute; z-index:2; height:69px; left: 0; right: 0; margin: 0 auto;top:134px; background:#036959; ; box-shadow: 0 0px 20px 4px rgba(0, 0, 0, 0.2); /*垂直位置 水平位置 模糊或清晰度 宽度范围 RGB颜色值，透明度*/ -moz-box-shadow: 0 0px 20px 4px rgba(0, 0, 0, 0.2); /*兼容FF*/ -webkit-box-shadow: 0 0px 20px 4px rgba(0, 0, 0, 0.2); /*兼容Chrome、Safari、Opera12+*/ } body.scrollFixed .g-nav { position:fixed; z-index:13; left:0; top:0px; width:100%; } .g-nav .navList { *zoom:1; } .g-nav .navList:after { display:block; overflow:hidden; content:"."; visibility:hidden; clear:both; height:0; line-height:0; } .g-nav .navList li { position:relative; float:left; display:block; height:57px; padding-top: 13px; font-size:16px; margin-right:40px; color: #fff; line-height:40px; text-align: center } .g-nav .navList li .logo{width: 100px; height: 40px; background:url(../images/f-logo.png) 0 5px no-repeat; display: block} .g-nav .navList li .nav1, .g-nav .navList li .nav1:hover, .g-nav .navList li .nav1:visited, .g-nav .navList li .nav1:active { display:block; width:64px; height:53px; line-height:40px; color:#fff; } .g-nav .navList li .nav1:hover, .g-nav .navList li .nav1.sel { color:#fff; border-bottom:3px solid #fff; } .g-nav .navList li .w8, .g-nav .navList li .w8:hover, .g-nav .navList li .w8:visited, .g-nav .navList li .w8:active { display:block; width:80px; height:53px; line-height:40px; color:#fff; } .g-nav .navList li:last-child{ margin-right: 0; float: right;} .g-nav .navList li .nav2 { display:none; position:absolute; left:50%; top:66px; width:100px; margin-left:-51px; } .g-nav .navList li:hover .nav2 { display:block; } .g-nav .navList li .nav2 a, .g-nav .navList li .nav2 a:hover, .g-nav .navList li .nav2 a:visited, .g-nav .navList li .nav2 a:active { display:block; height:56px; line-height:56px; text-align:center; font-size:14px; background-color:#EEE; } .g-nav .navList li .nav2 a:hover { background-color:#036959; color:#FFF; } /*--------------------------------底部样式--------------------------------*/ .g-ft { height:460px; background:#036959; margin-top: 50px; position: relative; color: #fff } .g-ft .top{ width: 1200px; height: 145px; padding-top: 20px; margin:0 auto; border-left: 1px solid #187466; border-right: 1px solid #187466; border-bottom: 1px solid #187466;} .g-ft .top ul{} .g-ft .top ul li{ width: 398px; height: 100%; float: left; text-align: center; font-size: 14px;} .g-ft .top ul li:nth-child(2){border-left: 1px solid #187466; border-right: 1px solid #187466;} .g-ft .top ul li span{ width: 260px; height: 50px; margin:20px auto; text-align: center; line-height: 50px; color: #036959; font-size: 28px; font-weight: bold; display: block; background: #fff; border-radius: 50px;} .g-ft .top ul li img{ width: 91px; height: 91px; display: block; margin:10px auto 0 auto} .g-ft .center{width: 1200px; height: 80px; font-size:14px; margin:0 auto; border-left: 1px solid #187466; border-right: 1px solid #187466; border-bottom: 1px solid #187466; position: relative;} .g-ft .center .logo, .g-ft .center .logo:hover, .g-ft .center .logo:visited, .g-ft .center .logo:active { display:block; width:100px; height:35px; background:url(../images/f-logo.png) no-repeat; text-indent:-9999px; position: absolute;top:25px; left: 0; right: 0; z-index: 2; margin: 0 auto;} .g-ft .center ul{ width: 860px; height: 35px; line-height: 35px; position: absolute; left: 0; right: 0; top: 25px; margin: 0 auto;} .g-ft .center ul li{ width: 110px; height: 35px; float: left; text-align: center;} .g-ft .center ul li:nth-child(4){ margin-left: 200px;} .g-ft .center ul li a{ color: #fff;} .g-ft .cprt {width: 1200px; height:95px; padding-top:10px; font-size: 12px;line-height: 30px; text-align: center; margin:0 auto; border-left: 1px solid #187466; border-right: 1px solid #187466; } .g-ft .link{ width: 100%; height: 85px; padding-top: 10px; line-height: 35px; text-align: center; font-size:14px; border-top: 1px solid #187466; } .g-ft .link ul{ width: 1200px; margin: 0 auto;} .g-ft .link ul li{ width: 100px; float: left; overflow: hidden; margin:0 10px 0 10px;} .g-ft .link ul li a{ color: #fff;} /*-------------------网站右侧悬浮条--------------------*/ .online { position:fixed; z-index:10; right:10px; width:108px; height: 493px; padding-top: 10px; bottom:140px; margin-top:163px; } .online .backTop { width:87px; height:35px; background:url(../images/Top.png) center no-repeat #333; margin-left: 10px; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; cursor:pointer; border: 1px solid #333;} .online .backTop:hover {background:url(../images/Top.png) center no-repeat #036959; border: 1px solid #036959;} .online .shareWrap a, .online .shareWrap a:hover, .online .shareWrap a:visited, .online .shareWrap a:active { position:relative; display:block; width:87px; height:98px; line-height: 152px; background-color:#fff; margin: 0 auto 0px auto; text-align: center; color: #333; border: 1px solid #e3e3e3;} .online .shareWrap a:hover { border: 1px solid #036959; background-color:#036959;color:#fff; } .online .shareWrap .top-1{ position:relative; display:block; width:87px; height:98px; line-height: 152px; background:url(../images/top-1.png) 24px 20px no-repeat #fff; margin: 0 auto 0px auto; text-align: center; color: #333; border: 1px solid #e3e3e3; border-top-left-radius: 4px; border-top-right-radius: 4px} .online .shareWrap .top-1:hover{border: 1px solid #036959; background:url(../images/top-1-hover.png) 24px 20px no-repeat #036959;color:#fff; } .online .shareWrap .top-2{ position:relative; display:block; width:87px; height:98px; line-height: 152px; background:url(../images/top-2.png) 24px 20px no-repeat #fff; margin: 0 auto 0px auto; text-align: center; color: #333; border: 1px solid #e3e3e3; } .online .shareWrap .top-2:hover{border: 1px solid #036959; background:url(../images/top-2-hover.png) 24px 20px no-repeat #036959;color:#fff; } .online .shareWrap .top-3{ position:relative; display:block; width:87px; height:98px; line-height: 152px; background:url(../images/top-3.png) 27px 20px no-repeat #fff; margin: 0 auto 0px auto; text-align: center; color: #333; border: 1px solid #e3e3e3; } .online .shareWrap .top-3:hover{border: 1px solid #036959; background:url(../images/top-3-hover.png) 27px 20px no-repeat #036959;color:#fff; } .online .shareWrap .top-4{ position:relative; display:block; width:87px; height:98px; line-height: 152px; background:url(../images/top-4.png) 29px 20px no-repeat #fff; margin: 0 auto 0px auto; border-radius: 4px; text-align: center; color: #333; border: 1px solid #e3e3e3;} .online .shareWrap .top-4:hover{border: 1px solid #036959; background:url(../images/top-4-hover.png) 29px 20px no-repeat #036959;color:#fff; } /*.online .shareWrap a .ico { position:absolute; display:block; } .online .shareWrap a .ico1 { left:24px; bottom:44px; width:38px; height:34px; background:url(../images/top-1.png) no-repeat; } .online .shareWrap a .ico2 { left:23px; bottom:48px; width:40px; height:29px; background:url(../images/top-2.png) no-repeat; } .online .shareWrap a .ico3 { left:27px; bottom:44px; width:33px; height:36px; background:url(../images/top-3.png) no-repeat; } .online .shareWrap a .ico4 { left:29px; bottom:44px; width:33px; height:33px; background:url(../images/top-4.png) no-repeat; } .online .shareWrap a .text { position:absolute; left:0px; bottom:5px; width:87px; height:38px; line-height:38px; font-weight: bold; color:#333; text-align:center; font-size:14px; } .online .shareWrap a .text:hover { color:#fff; }*/ .online .shareWrap .wx2 {display:none; overflow:hidden; position:absolute; left:-138px; top:258px; z-index:9; width:121px; height:174px;background:url(../images/online-vx-bg.png) no-repeat;} .online .shareWrap .wx2 img { display:block; width:86px; height:86px; margin: 14px 0 0 14px;} .index-more{ width: 180px; height: 70px; margin: 0px auto 0 auto;} .index-more a{width: 180px; height: 70px; color: #fff; background: #036959; font-size: 18px; border: 1px solid #036959; display: block; text-align: center; line-height: 70px;} .index-more a:hover{ background:#333; border:1px solid #333; color: #fff;} /*--------------------------------内页头部banner--------------------------------*/ .pagebnr{ width:100%; height:300px; display: block; position: relative } .pagebnr .flexslider_page { margin: 0px auto 20px; width: 100%;height: 300px; overflow: hidden; zoom: 1; } .pagebnr .flexslider_page .slides li { width: 100%; height: 100%;} .pagebnr .flex-direction-nav_page a { width: 70px; height: 70px; line-height: 99em; overflow: hidden; margin: -35px 0 0;display: block; background: url(../images/ad_ctr.png) no-repeat; position: absolute; top: 50%; z-index: 10; cursor: pointer; opacity: 0; filter: alpha(opacity=0); -webkit-transition: all .3s ease; border-radius: 35px;} /* .flex-direction-nav_page .flex-next { background-position: 0 -70px; right: 300px;} .flex-direction-nav_page .flex-prev { left: 300px;} .flexslider:hover_page .flex-next { opacity: 0.8; filter: alpha(opacity=25);} .flexslider:hover_page .flex-prev { opacity: 0.8; filter: alpha(opacity=25);} .flexslider:hover_page .flex-next:hover, .flexslider:hover_page .flex-prev:hover { opacity: 1; filter: alpha(opacity=50);} */ .pagebnr .flex-control-nav_page {width: 100%; position: absolute; top: 240px; } .pagebnr .flex-control-nav_page li { margin: 0 2px; display: inline-block; zoom: 1;*display: inline;} .pagebnr .flex-control-paging_page li a { background: url(../images/dot.png) no-repeat 0 -12px; display: block;height: 12px; overflow: hidden;text-indent: -99em; width: 16px; cursor: pointer;} .pagebnr .flex-control-paging_page li a.flex-active, .pagebnr .flex-control-paging_page li.active a { background-position: 0 0;} .pagebnr .flexslider_page .slides a img { width: 100%; height: 300px; display: block;} .title-page{ width: 1200px; height: 190px; overflow: hidden; margin:50px auto; position: relative; } .title-page h5{ font-size: 30px; width: 180px; text-align: center; font-style:italic; text-transform: uppercase; color: #036959; margin-left: 100px; background: #fff; position: relative; z-index: 2; } .title-page h3{ position: absolute; z-index: 2; width: 800px; margin:20px 0 0px 150px; } .title-page h4{ font-size: 14px; color: #666; width: 300px; text-align: right; position:absolute; z-index: 2; right:0px; top: 65px;} .title-page .line-bg{position: absolute; top:20px; background: #e3e3e3; height: 1px; width: 100%; z-index: 1;} .title-page h6{ background: #f3f3f3; font-size: 14px; color: #555; padding-right: 20px; width: 1180px; height: 50px; line-height: 50px; text-align: right; position:absolute; z-index: 2; left: 0; margin: 0 auto;right:0px; top: 140px;} .title-page .news-nav{ width: 430px; height: 45px; position:absolute; z-index: 2; right:0px; top: 55px; } .title-page .news-nav ul{} .title-page .news-nav ul li{ width: 130px; float: left; margin-right: 20px; text-align: center; line-height: 45px;} .title-page .news-nav ul li:last-child{float: right; margin-right:0px;} .title-page .news-nav ul li a{ width: 128px; display: block; border: 1px solid #eee; font-size: 16px;} .title-page .news-nav ul li a:hover{ background:#036959; color:#fff; border: 1px solid #036959;} .title-page .news-nav ul li .sel{ background:#036959; color:#fff; border: 1px solid #036959;} .title-more{ width: 1200px; height: 80px; overflow: hidden; margin:50px auto 0 auto; position: relative; } .title-more h5{ font-size: 24px; width: 220px; text-align: center; text-transform: uppercase; color: #333; margin:50px auto 0 auto; background: #fff; position: relative; z-index: 2; } .title-more h3{ position: absolute; z-index: 2; left: 0; right: 0; width: 400px; margin:0px auto; } .title-more h3 img{ display: block; margin: 0 auto} .title-more .line-bg{position: absolute; top:70px; background: #e3e3e3; height: 1px; width: 100%; z-index: 1;} /*--------------------------------首页头部banner--------------------------------*/ .indexbnr{ width:100%; height:600px; background:#eee; position: relative} .indexbnr .flexslider { margin: 0px auto 20px; position: relative; width: 100%; height: 600px; overflow: hidden; zoom: 1;} .indexbnr .flexslider .slides li {width: 100%; height: 100%;} .indexbnr .flex-direction-nav a { width: 35px; height: 55px;line-height: 99em;overflow: hidden; margin: -35px 0 0; display: block; background: url(../images/ad_ctr.png) no-repeat; position: absolute; top: 50%; z-index: 10; cursor: pointer; opacity: 0; filter: alpha(opacity=0); -webkit-transition: all .3s ease; } .indexbnr .flex-direction-nav .flex-next { background-position: 0px -55px; right: 165px; } .indexbnr .flex-direction-nav .flex-prev { left: 165px; } .indexbnr .flexslider:hover .flex-next { opacity: 0.6;filter: alpha(opacity=25);} .indexbnr .flexslider:hover .flex-prev { opacity: 0.6; filter: alpha(opacity=25);} .indexbnr .flexslider:hover .flex-next:hover, .indexbnr .flexslider:hover .flex-prev:hover { opacity: 1; filter: alpha(opacity=70);} .indexbnr .flex-control-nav {width: 100%; position: absolute; bottom:60px; text-align: center;} .indexbnr .flex-control-nav li { margin:0 -2px; display: inline-block; zoom: 1; *display: inline;} .indexbnr .flex-control-paging li a { background: url(../images/dot.png) no-repeat 0 -12px; display:block; height:12px; overflow:hidden; text-indent:-99em; width:25px; cursor:pointer;} .indexbnr .flex-control-paging li a.flex-active, .indexbnr .flex-control-paging li.active a { background-position:0 0;} .indexbnr .flexslider .slides a img { width: 100%; height: 600px; display: block;} /*--------------------------------算一算我家 装修多少钱？--------------------------------*/ .index-tabs{ width: 100%; height: 350px; background: #f3f3f3; padding-top: 50px;} .index-tabs .box{width:1200px; height: 300px; margin:0px auto;background:#fff;border:1px solid #e3e3e3;} .index-tabs .tab_menu{overflow:hidden; float: left} .index-tabs .tab_menu li{width:188px; height:75px;line-height:75px;color:#fff; background-color: #f3f3f3; text-indent:90px; cursor:pointer; font-size: 16px;} .index-tabs .tab_menu li.current{color:#333;background:#fff;} .index-tabs .tab_menu li:nth-child(1){ background-image: url(../images/tabs-ico-1.png); background-repeat: no-repeat; background-position: 30px 25px; } .index-tabs .tab_menu li:nth-child(2){ background-image: url(../images/tabs-ico-2.png); background-repeat: no-repeat; background-position: 30px 25px; } .index-tabs .tab_menu li:nth-child(3){ background-image: url(../images/tabs-ico-3.png); background-repeat: no-repeat; background-position: 30px 25px; } .index-tabs .tab_menu li:nth-child(4){ background-image: url(../images/tabs-ico-4.png); background-repeat: no-repeat; background-position: 30px 25px; } .index-tabs .tab_menu li a{color:#666666;text-decoration:none;} .index-tabs .tab_menu li.current a{color:#333;background:#fff;} .index-tabs .tab_box{ width: 1000px; height: 270px; padding: 30px 12px 0 0; float: right; } .index-tabs .tab_box li{height: 252px;overflow:hidden;} .index-tabs .tab_box .hide{display:none;} .index-tabs .tab_box li .formPublish{ width:595px; float: left; margin-left: 70px; } .index-tabs .tab_box li .formPublish h3{ margin-bottom: 30px; font-size: 18px; color: #333;} .index-tabs .tab_box li .formPublish .inputList { overflow:hidden; } .index-tabs .tab_box li .formPublish .inputList li { float:left; width:100px; height: 30px; margin:0px 0 0 0; overflow:hidden; line-height:30px; } .index-tabs .tab_box li .formPublish .inputList li .inputRadio { float:left; display:block; width:30px; height:30px; margin-right:10px; background-position:-50px -100px; border:0; } .index-tabs .tab_box li .formPublish .inputList li .inputRadio:checked { background-position:0 -100px; } .index-tabs .tab_box li .formPublish .inputList li span { float:left; display:block; line-height:30px; font-size:14px; color:#666; } .index-tabs .tab_box li .inputItem { margin:0 15px 25px 0; width: 280px; } .index-tabs .tab_box li .inputItem label { display:block; width:80px; height:30px; text-indent:0px; line-height:30px; font-size: 14px; float: left; } .index-tabs .tab_box li .inputItem .inputText { display:block; width:100%; height:45px; line-height: 45px; margin:0 0 0px 0; padding:0 16px; background-color:#f3f3f3; border:1px solid #e3e3e3; -webkit-box-sizing:border-box; box-sizing:border-box; border-radius: 6px; font-size: 14px } .index-tabs .tab_box li .inputItem .selectWrap { position:relative; overflow: hidden; width:100%; height:45px; background-color:#F3F3F3; border-radius: 6px; border:1px solid #e3e3e3;} .index-tabs .tab_box li .inputItem .selectWrap select { position:relative; z-index:2; display:block; width:105%; height:45px; padding:0 16px; background:none; border:0; -webkit-box-sizing:border-box; box-sizing:border-box; border-radius: 6px; font-size: 14px} .index-tabs .tab_box li .inputItem .selectWrap .arrow { position:absolute; z-index:1; right:20px; top:20px; display:block; width:0; height:0; border-left:5px solid transparent; border-right:5px solid transparent; border-top:6px solid #A7A7A7; } .index-tabs .tab_box li .btnsWrap {width:575px; height:40px; clear: both; font-size: 16px; } .index-tabs .tab_box li .btn { float: right; display:block; width:160px; height:40px; line-height:40px; font-size: 16px; border:0; background-color:#036959; color:#FFF; text-align:center; border-radius: 50px;} .index-tabs .tab_box li .btnsWrap em{ color: #666; display: block; float: left; line-height:40px;} .index-tabs .tab_box li .btnsWrap b{background: #036959; color: #fff; text-align: center; line-height: 40px; border-radius: 50px; padding: 0 10px; margin: 0 10px;} /*--------------------------------经典案例·您身边的小区 模块样式--------------------------------*/ .index-case{ height:100%; padding-top: 50px; margin-bottom: 50px; clear:both; } .index-case .title{ margin-bottom:0px;} .index-case .title h3{ position: relative; font-size: 36px; color: #036959; z-index: 2; width: 450px; margin: 35px auto 30px auto; text-align:center; background: #fff; } .index-case .title h4{ font-size: 20px; text-align:center; letter-spacing:15px; color: #666; margin-bottom: 20px; } .index-case .title .line{position: relative; top:0px; margin: 0 auto; background: #036959; height: 2px; width: 70px; z-index: 1;} .index-case .title .line2{position: relative; top:-100px; margin: 0 auto; background: #ddd; height: 1px; width: 1200px; z-index: 1;} .index-case .fg{ width: 1060px; height: 60px; padding-top: 24px; margin:0 auto 0px auto; } .index-case .fg ul{} .index-case .fg ul li{ width: 76px; height: 32px; margin: 0 28px 0 28px; text-align: center; line-height: 32px; float: left; } .index-case .fg ul li a{ display: block; border-radius: 6px;} .index-case .fg ul li a:hover{background: #036959; color: #fff; } ul.thumbs { padding: 0; margin: 0; overflow: hidden; height:800px; } ul.thumbs li { width: 25%; display: inline-block; height: 400px; overflow: hidden; float: left; position: relative; } ul.thumbs li .dibu{ width: 100%; height:69px; background: #fff; color: #333; font-size: 16px; line-height: 60px; padding-top: 10px; padding-left: 30px; position: relative; top: 320px; border-bottom: 1px solid #e3e3e3} ul.thumbs li a.thumbnail { background-repeat: no-repeat; background-size: cover; background-color: #cecece; background-position-x: 50%; display: block; /*overflow: hidden;*/ box-sizing: border-box; transition: opacity 0.3s; -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; z-index: 9; width: 100%; height: 100%; } ul.thumbs li a.thumbnail .description { padding: 0; position: absolute; height: 0; bottom: 0; width: 100%; box-sizing: inherit; opacity: 0; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; color: #fff; background-color: rgba(0, 0, 0, 0.7); font-size: 18px; padding: 0px 50px; line-height: 30px; box-sizing: inherit; bottom:80px; } ul.thumbs li a.thumbnail .description h2{ padding-bottom: 25px; margin-bottom: 20px; line-height: 40px; background: url(../images/puff.svg) right 0px no-repeat; border-bottom: 1px solid #a4a6a6} ul.thumbs li a.thumbnail .description h2 em{ font-size: 10px; font-style: italic; color: #999; display: block; line-height: 20px; } ul.thumbs li a.thumbnail .description h3{ font-size: 14px;} ul.thumbs li a.thumbnail .description h4{ width: 200px; height: 50px; text-align: center; line-height: 50px; border: 1px solid #fff;font-size: 16px; margin-top: 70px;} ul.thumbs li a.thumbnail .active-arrow { width: 0; height: 0; border-left: 25px solid transparent; border-right: 25px solid transparent; border-bottom: 25px solid #fff; bottom: -2px; z-index: 99; position: absolute; left: 0; right: 0; margin: 0 auto;} @media (max-width: 970px) { ul.thumbs li {width: 50% !important;} .media iframe{width: 100%;} } @media (max-width: 1200px) and (min-width: 970px) { ul.thumbs li { width: 33.3333% !important; } } ul.thumbs li a.thumbnail:hover .description {height:330px; opacity: 1; padding-top:60px;} ul.thumbs li.content {width: 100% !important;display: none;margin-bottom: 40px;background: #366;float: left; height: 330px;position: relative;padding: 45px 0 45px;} ul.thumbs li.content h3 { display: inline-block;} ul.thumbs li.content .close { position: absolute; top: 0; right: 0; color: #c2c2c2; cursor: pointer; font-weight: normal; font-family: -webkit-pictograph; font-size: 76px; line-height: 70px;} ul.thumbs li.content .close:hover { opacity: 0.7;} ul.thumbs li.content .media { display: inline-block; float: left; margin-right: 20px; width: 50%; min-height: 200px;} ul.thumbs li.content .media img { max-width: 100%;} @media (max-width: 1080px) { .close {right: 0 !important;top: 7px !important;} ul.thumbs .media {margin-right: 0; margin-bottom: 20px;} } @media (max-width: 590px) { ul.thumbs li {width: 100% !important;} ul.thumbs .media {display: none !important;} } @media (max-width: 700px) and (min-width: 590px) { ul.thumbs .media {width: 100% !important;display: block !important;margin-top: 60px;} } /*--------------------------------选择海唐的6大理由 模块样式--------------------------------*/ .index-6d{ height:100%; padding-top: 50px; clear:both; background:url(../images/6d-bg.jpg) center bottom repeat-x; } .index-6d .title{ margin-bottom:0px;} .index-6d .title h3{ position: relative; font-size: 36px; color: #036959; z-index: 2; width: 350px; margin: 35px auto 30px auto; text-align:center; background: #fff; } .index-6d .title h4{ font-size: 20px; text-align:center; letter-spacing:10px; color: #666; margin-bottom: 20px; } .index-6d .title .line{position: relative; top:0px; margin: 0 auto; background: #036959; height: 2px; width: 70px; z-index: 1;} .index-6d .title .line2{position: relative; top:-100px; margin: 0 auto; background: #ddd; height: 1px; width: 1200px; z-index: 1;} .index-6d ul{ width: 1200px; margin:50px auto 0 auto; overflow: hidden;} .index-6d ul li{ width: 160px; height: 275px; float: left; margin-right: 48px; margin-bottom:48px; text-align: center; position: relative; } .index-6d ul li:nth-child(6){ margin-right: 0; } .index-6d ul li h4{ font-size: 14px; line-height: 27px; width: 100%; position: absolute; bottom: 0px; color: #343434} .index-6d ul li a{color: #fff; font-size: 16px; font-weight: bold; width: 160px; height: 202px; display: block; line-height:330px;} .index-6d ul li a:hover{ color: #036959 } .index-6d ul li .icon-1{ background:url(../images/6d-1.png) center no-repeat; } .index-6d ul li .icon-1:hover{ background:url(../images/6d-1-hover.png) center no-repeat; } .index-6d ul li .icon-2{ background:url(../images/6d-2.png) center no-repeat; } .index-6d ul li .icon-2:hover{ background:url(../images/6d-2-hover.png) center no-repeat; } .index-6d ul li .icon-3{ background:url(../images/6d-3.png) center no-repeat; } .index-6d ul li .icon-3:hover{ background:url(../images/6d-3-hover.png) center no-repeat; } .index-6d ul li .icon-4{ background:url(../images/6d-4.png) center no-repeat; } .index-6d ul li .icon-4:hover{ background:url(../images/6d-4-hover.png) center no-repeat; } .index-6d ul li .icon-5{ background:url(../images/6d-5.png) center no-repeat; } .index-6d ul li .icon-5:hover{ background:url(../images/6d-5-hover.png) center no-repeat; } .index-6d ul li .icon-6{ background:url(../images/6d-6.png) center no-repeat; } .index-6d ul li .icon-6:hover{ background:url(../images/6d-6-hover.png) center no-repeat; } /*--------------------------------全新管家模式 模块样式--------------------------------*/ .index-gj16{ height:100%; padding-top: 50px; clear:both; } .index-gj16 .title{ margin-bottom:0px;} .index-gj16 .title h3{ position: relative; font-size: 36px; color: #036959; z-index: 2; width: 350px; margin: 35px auto 30px auto; text-align:center; background: #fff; } .index-gj16 .title h4{ font-size: 20px; text-align:center; letter-spacing:10px; color: #666; margin-bottom: 20px; } .index-gj16 .title .line{position: relative; top:0px; margin: 0 auto; background: #036959; height: 2px; width: 70px; z-index: 1;} .index-gj16 .title .line2{position: relative; top:-100px; margin: 0 auto; background: #ddd; height: 1px; width: 1200px; z-index: 1;} .index-gj16 ul{ width: 1200px; margin:50px auto 0 auto; overflow: hidden;} .index-gj16 ul li{ width: 120px; height: 209px; float: left; margin-right: 34px; margin-bottom: 34px; text-align: center; position: relative;} .index-gj16 ul li:nth-child(8){ margin-right: 0; } .index-gj16 ul li:nth-child(16){ margin-right: 0; } .index-gj16 ul li h3{ font-size: 30px; font-weight: bold; width: 100%; position: absolute; top: 25px;} .index-gj16 ul li h4{ font-size: 16px; letter-spacing:5px; width: 100%; position: absolute; bottom: 25px;} .index-gj16 ul li .line{ width: 50px; height: 1px; background: #e3e3e3; position: absolute; bottom: 60px; left: 0; right: 0; margin: 0 auto;} .index-gj16 ul li .icon-1{ width: 120px; height: 209px; display: block; background:url(../images/gj16-1.png) center no-repeat #fff; border: 1px solid #e3e3e3; color: #666;} .index-gj16 ul li .icon-1:hover{ background:url(../images/gj16-1-hover.png) center no-repeat #036959; color: #fff;} .index-gj16 ul li .icon-2{ width: 120px; height: 209px; display: block; background:url(../images/gj16-2.png) center no-repeat #fff; border: 1px solid #e3e3e3; color: #666;} .index-gj16 ul li .icon-2:hover{ background:url(../images/gj16-2-hover.png) center no-repeat #036959; color: #fff;} .index-gj16 ul li .icon-3{ width: 120px; height: 209px; display: block; background:url(../images/gj16-3.png) center no-repeat #fff; border: 1px solid #e3e3e3; color: #666;} .index-gj16 ul li .icon-3:hover{ background:url(../images/gj16-3-hover.png) center no-repeat #036959; color: #fff;} .index-gj16 ul li .icon-4{ width: 120px; height: 209px; display: block; background:url(../images/gj16-4.png) center no-repeat #fff; border: 1px solid #e3e3e3; color: #666;} .index-gj16 ul li .icon-4:hover{ background:url(../images/gj16-4-hover.png) center no-repeat #036959; color: #fff;} .index-gj16 ul li .icon-5{ width: 120px; height: 209px; display: block; background:url(../images/gj16-5.png) center no-repeat #fff; border: 1px solid #e3e3e3; color: #666;} .index-gj16 ul li .icon-5:hover{ background:url(../images/gj16-5-hover.png) center no-repeat #036959; color: #fff;} .index-gj16 ul li .icon-6{ width: 120px; height: 209px; display: block; background:url(../images/gj16-6.png) center no-repeat #fff; border: 1px solid #e3e3e3; color: #666;} .index-gj16 ul li .icon-6:hover{ background:url(../images/gj16-6-hover.png) center no-repeat #036959; color: #fff;} .index-gj16 ul li .icon-7{ width: 120px; height: 209px; display: block; background:url(../images/gj16-7.png) center no-repeat #fff; border: 1px solid #e3e3e3; color: #666;} .index-gj16 ul li .icon-7:hover{ background:url(../images/gj16-7-hover.png) center no-repeat #036959; color: #fff;} .index-gj16 ul li .icon-8{ width: 120px; height: 209px; display: block; background:url(../images/gj16-8.png) center no-repeat #fff; border: 1px solid #e3e3e3; color: #666;} .index-gj16 ul li .icon-8:hover{ background:url(../images/gj16-8-hover.png) center no-repeat #036959; color: #fff;} .index-gj16 ul li .icon-9{ width: 120px; height: 209px; display: block; background:url(../images/gj16-9.png) center no-repeat #fff; border: 1px solid #e3e3e3; color: #666;} .index-gj16 ul li .icon-9:hover{ background:url(../images/gj16-9-hover.png) center no-repeat #036959; color: #fff;} .index-gj16 ul li .icon-10{ width: 120px; height: 209px; display: block; background:url(../images/gj16-10.png) center no-repeat #fff; border: 1px solid #e3e3e3; color: #666;} .index-gj16 ul li .icon-10:hover{ background:url(../images/gj16-10-hover.png) center no-repeat #036959; color: #fff;} .index-gj16 ul li .icon-11{ width: 120px; height: 209px; display: block; background:url(../images/gj16-11.png) center no-repeat #fff; border: 1px solid #e3e3e3; color: #666;} .index-gj16 ul li .icon-11:hover{ background:url(../images/gj16-11-hover.png) center no-repeat #036959; color: #fff;} .index-gj16 ul li .icon-12{ width: 120px; height: 209px; display: block; background:url(../images/gj16-12.png) center no-repeat #fff; border: 1px solid #e3e3e3; color: #666;} .index-gj16 ul li .icon-12:hover{ background:url(../images/gj16-12-hover.png) center no-repeat #036959; color: #fff;} .index-gj16 ul li .icon-13{ width: 120px; height: 209px; display: block; background:url(../images/gj16-13.png) center no-repeat #fff; border: 1px solid #e3e3e3; color: #666;} .index-gj16 ul li .icon-13:hover{ background:url(../images/gj16-13-hover.png) center no-repeat #036959; color: #fff;} .index-gj16 ul li .icon-14{ width: 120px; height: 209px; display: block; background:url(../images/gj16-14.png) center no-repeat #fff; border: 1px solid #e3e3e3; color: #666;} .index-gj16 ul li .icon-14:hover{ background:url(../images/gj16-14-hover.png) center no-repeat #036959; color: #fff;} .index-gj16 ul li .icon-15{ width: 120px; height: 209px; display: block; background:url(../images/gj16-15.png) center no-repeat #fff; border: 1px solid #e3e3e3; color: #666;} .index-gj16 ul li .icon-15:hover{ background:url(../images/gj16-15-hover.png) center no-repeat #036959; color: #fff;} .index-gj16 ul li .icon-16{ width: 120px; height: 209px; display: block; background:url(../images/gj16-16.png) center no-repeat #fff; border: 1px solid #e3e3e3; color: #666;} .index-gj16 ul li .icon-16:hover{ background:url(../images/gj16-16-hover.png) center no-repeat #036959; color: #fff;} /*--------------------------------设计团队·全案服务 模块样式--------------------------------*/ .index-team{ height:620px; padding-top: 39px; margin-bottom:0px; clear:both; background: url("../images/design-bg.jpg") center top repeat-x; } .index-team .title{ margin-bottom:40px;} .index-team .title h3{ position: relative; font-size: 36px; color: #036959; z-index: 2; width: 450px; margin: 35px auto 30px auto; text-align:center; background: #f3f3f3; } .index-team .title h4{ font-size: 20px; text-align:center; letter-spacing:15px; color: #666; margin-bottom: 20px; } .index-team .title .line{position: relative; top:0px; margin: 0 auto; background: #036959; height: 2px; width: 70px; z-index: 1;} .index-team .title .line2{position: relative; top:-100px; margin: 0 auto; background: #ddd; height: 1px; width: 1200px; z-index: 1;} .index-team .indexNewsCtl { overflow:hidden; padding-top:80px; position:absolute; z-index:0; left:0; right:0; width:1400px; margin:0 auto; } .index-team .indexNewsPrev { float: left; display:block; width:79px; height:79px; margin-right:0px; background:url(../images/prev1.png) no-repeat; cursor:pointer; } .index-team .indexNewsPrev .bg { position:absolute;z-index:1; display:block; width:79px; height:79px; background:url(../images/prve2.png) no-repeat; opacity:0.0; filter:Alpha(opacity=0); } .index-team .indexNewsPrev:hover .bg { opacity:1; filter:Alpha(opacity=100); } .index-team .indexNewsNext { float:right; display:block; width:79px; height:79px; background:url(../images/Next1.png) no-repeat; cursor:pointer; } .index-team .indexNewsNext .bg { position:absolute;z-index:1; display:block; width:79px; height:79px; background:url(../images/Next2.png) no-repeat; opacity:0.0; filter:Alpha(opacity=0); } .index-team .indexNewsNext:hover .bg { opacity:1; filter:Alpha(opacity=100); } .index-team .listWrap { width:1200px; height:420px; overflow:hidden; margin:0 auto; } .index-team .indexNewsList { position:relative; overflow:hidden; width:9999px; } .index-team .indexNewsList li{ width:210px; height:420px; margin-right:38px; float:left; } .index-team .indexNewsList li h3{ color: #333; font-size: 24px; margin: 25px 0; padding-bottom: 20px; border-bottom: 1px solid #e3e3e3;} .index-team .indexNewsList li h4{ color: #666; font-size: 16px; line-height: 30px; } .index-team .indexNewsList li .link, .index-team .indexNewsList li .link:hover, .index-team .indexNewsList li .link:visited, .index-team .indexNewsList li .link:active { position:relative; display:block; width:210px; height:260px; overflow:hidden; color:#fff; text-align: center;} .index-team .indexNewsList li .link:hover { color:#fff; } .index-team .indexNewsList li img { width:210px; height:260px; display:block; position:relative; top:0; left:0; z-index:1; } .index-team .indexNewsList li .eyeIco { position:absolute; z-index:2; left:0px; top:0px; display:block; width:210px; height:260px; opacity:0; filter:Alpha(opacity=0); background-position:center;} .index-team .indexNewsList li a:hover .eyeIco { top:0px; opacity:1; filter:Alpha(opacity=100); background:url(../images/design-250.png) no-repeat center; } .index-team .indexNewsList li .eyeIco .text { height:260px; line-height:40px; padding-top: 35px; font-size:16px; overflow:hidden; } .index-team .indexNewsList li .eyeIco .text em{ display: block; margin-top: 76px;} /*--------------------------------全新模式·65天 模块样式--------------------------------*/ .index-65d{ height:100%; padding-top: 50px; clear:both; } .index-65d .title{ margin-bottom:50px;} .index-65d .title h3{ position: relative; font-size: 36px; color: #036959; z-index: 2; width: 350px; margin: 35px auto 30px auto; text-align:center; background: #fff; } .index-65d .title h4{ font-size: 20px; text-align:center; letter-spacing:10px; color: #666; margin-bottom: 20px; } .index-65d .title .line{position: relative; top:0px; margin: 0 auto; background: #036959; height: 2px; width: 70px; z-index: 1;} .index-65d .title .line2{position: relative; top:-100px; margin: 0 auto; background: #ddd; height: 1px; width: 1200px; z-index: 1;} /*--------------------------------全新模式·65天 模块样式--------------------------------*/ .index-owner{ height:100%; padding-top: 50px; clear:both; } .index-owner .title{ margin-bottom:50px;} .index-owner .title h3{ position: relative; font-size: 36px; color: #036959; z-index: 2; width: 450px; margin: 35px auto 30px auto; text-align:center; background: #fff; } .index-owner .title h4{ font-size: 20px; text-align:center; letter-spacing:10px; color: #666; margin-bottom: 20px; } .index-owner .title .line{position: relative; top:0px; margin: 0 auto; background: #036959; height: 2px; width: 70px; z-index: 1;} .index-owner .title .line2{position: relative; top:-100px; margin: 0 auto; background: #ddd; height: 1px; width: 1200px; z-index: 1;} .index-owner .all{ width: 100%; height: 530px; padding-top: 70px; background:url(../images/owner-bg.jpg) center no-repeat;} .index-owner .box{width:1200px; height: 480px; margin:0px auto; position:relative; } .index-owner .tit{ width: 280px; margin: 0 auto; color: #fff; font-size: 16px; line-height: 36px; margin-top: 30px; position: absolute; top: 0px; right: 25px;} .index-owner .tab_menu{ width: 310px; height:330px; padding: 140px 0 0 50px; background:#2b2b2b; overflow:hidden; float: right} .index-owner .tab_menu li{width:54px;height:54px; float:left; border:4px solid #2b2b2b; background:#eee; border-radius: 50%; cursor:pointer; overflow: hidden; margin-right: 40px; margin-bottom: 50px;} .index-owner .tab_menu li .tx{width:54px;height:54px; display: block;} .index-owner .tab_menu li .tx img{width:54px;height:54px; display: block;} .index-owner .tab_menu li.current{ border:4px solid #036959;} .index-owner .tab_menu li a{} .index-owner .tab_menu li.current a{} .index-owner .tab_box{ width: 840px; height: 448px; padding-top: 20px; background: #fff; float: left; } .index-owner .tab_box li{ width: 740px; height:425px; margin:0px auto; overflow:hidden;} .index-owner .tab_box li .tx{ width: 48px; height: 48px; overflow:hidden; border-radius: 50%; margin: 15px 20px 20px 0;} .index-owner .tab_box li .tx img{ width: 48px; height: 48px; display: block;} .index-owner .tab_box li h3{ width: 380px; height: 80px; line-height: 80px; font-size: 26px; color: #333; } .index-owner .tab_box li .dz{ width: 130px; height: 80px; display: block; line-height: 80px; color: #036959; font-size: 24px; background:url(../images/icon-4.png) 0px 18px no-repeat; text-indent: 50px;} .index-owner .tab_box li p{ clear: both; display: block; height: 300px; font-size: 16px; color: #444; line-height: 40px; border-top: 1px solid #e3e3e3; padding-top: 20px;} .index-owner .tab_box li .tu{ width: 345px; height:200px; margin-top: 30px; display: block} .index-owner .tab_box .hide{display:none;} /*--------------------------------海唐·动态 模块样式--------------------------------*/ .index-news{ height:100%; padding: 50px 0; clear:both; background: #f3f3f3; } .index-news .title{ margin-bottom:0px;} .index-news .title h3{ position: relative; font-size: 36px; color: #036959; z-index: 2; width: 300px; margin: 35px auto 30px auto; text-align:center; background: #f3f3f3; } .index-news .title h4{ font-size: 20px; text-align:center; letter-spacing:10px; color: #666; margin-bottom: 20px; } .index-news .title .line{position: relative; top:0px; margin: 0 auto; background: #036959; height: 2px; width: 70px; z-index: 1;} .index-news .title .line2{position: relative; top:-100px; margin: 0 auto; background: #ddd; height: 1px; width: 1200px; z-index: 1;} .index-news .all{ width: 370px; height: 695px; margin-right: 45px; } .index-news .mr0{margin-right: 0px;} .index-news .all .top{width: 370px; height: 108px; padding-top: 67px; } .index-news .all .bg-1{background:url(../images/news-top-1.jpg) no-repeat #fff;} .index-news .all .bg-2{background:url(../images/news-top-2.jpg) no-repeat #fff;} .index-news .all .bg-3{background:url(../images/news-top-3.jpg) no-repeat #fff;} .index-news .all .top em{width: 140px; height: 50px; display: block; margin:0 auto; background: #036959; text-align: center; line-height: 50px;color: #fff; font-size: 18px; } .index-news .all .bottom{width: 370px; height: 500px; background: #fff;} .index-news .all .bottom .text{ width: 328px; height: 88px; margin: 0 auto; padding-top: 30px; padding-bottom: 20px; border-bottom: 1px solid #eee;} .index-news .all .bottom .text img{ width: 140px; height: 88px; float: left;} .index-news .all .bottom .text .wenzi{ width: 170px; height: 88px; display: block; float: right; overflow: hidden;} .index-news .all .bottom .text h3{ font-size: 14px; line-height: 15px; margin-bottom: 10px;} .index-news .all .bottom .text h4{ color: #999; font-size: 12px; } .index-news .all .bottom .text p{ color: #999; font-size: 14px; line-height: 24px;} .index-news .all .bottom ul{} .index-news .all .bottom ul li{ width: 328px; height: 30px; line-height: 50px; margin: 0 auto; font-size: 14px; padding-bottom: 20px; border-bottom: 1px solid #eee;} .index-news .all .bottom ul li em{ color: #bbb; } /*--------------------------------品牌简介--------------------------------*/ .about-page{ width:1200px; /*height:896px;*/ margin:0 auto; padding-bottom:50px;} .about-page .top{ width:100%; height:500px; } .about-page .top .left{ width:600px; height:500px; float:left;} .about-page .top .left .bg1{ width:500px; height:82px; padding-left:50px; display:block; background:url(../images/about-bg-1.png) 0 12px no-repeat; margin-top:80px; line-height:40px; font-size: 16px; color:#444;} .about-page .top .left .bg2{ width:500px; height:200px; padding-top:50px; padding-left:0px; display:block; background:url(../images/about-bg-3.jpg) 0 58px no-repeat; margin-top:90px; line-height:40px; color:#444; font-size: 16px;} .about-page .top .left .more{ width:88px; height:24px; display:block; clear:both; margin:50px 0 0 50px;} .about-page .top .right{ width:600px; height:500px; float:right; background:#f3f3f3;} .about-page .top .right img{ width:233px; height:207px; margin:140px auto 0 auto; display:block;} .about-page .bottom{ width:100%; height:500px; } .about-page .bottom .left{ width:600px; height:500px; float:left; background:#f3f3f3; overflow:hidden;} .about-page .bottom .right{ width:550px; height:200px; padding-top:248px; padding-left:50px; float:right; background:url(../images/about-bg-2.png) 57px 91px no-repeat;} .about-page .bottom .right p{ width:270px; color:#444; font-size: 16px; line-height:30px; float:left; margin-bottom:40px;} .about-page .bottom .r3{width:540px; height:380px; padding-top:120px; padding-left:60px; float:right; background:url(../images/about-bg-3.jpg) 57px 380px no-repeat;} .about-page .bottom .r3 .w100{ width:95%; color:#666; line-height:40px; margin-bottom:40px;} /*--------------------------------专业设计 列表页 内容页--------------------------------*/ .desginer-page{ width:100%; height:770px; position: relative; overflow:hidden; margin:0px auto 0 auto; background:url(../images/icon-27.png) 0px 225px repeat-x;} .desginer-page .d-1{ width:350px; height:515px; float:left; overflow:hidden; } .desginer-page .d-1 img{ width:350px; height:420px; display:block; clear: both;} .desginer-page .d-2{ width:270px; height:120px; float:left; padding-top: 90px; overflow:hidden; margin-left:125px; background:url(../images/designer-2.png) left top no-repeat; } .desginer-page .d-2 h3{ font-size:24px; padding-bottom:10px; color: #111;} .desginer-page .d-2 p{ font-size:16px; line-height:36px; color:#666;} .desginer-page .d-3{ width:725px; /*height:580px;*/ clear:both; overflow:hidden; position: absolute; top:260px; left:475px; } .desginer-page .d-3 h3{ font-size:24px; padding-bottom:30px; color: #111;} .desginer-page .d-3 p{ font-size:14px; line-height:36px; word-spacing:30px; color:#666;} .desginer-page .d-4{ width: 350px; position: absolute; top: 110px; right: 0;} .desginer-page .d-4 a{ width: 150px; height: 40px; margin-top: 50px; background: #333; text-align: center; line-height: 40px; color: #fff; display: block;} .desginer-page .d-4 a:hover{background: #036959; color: #fff; } .desginer-page .d-5{ width:1200px; height: 260px; position: absolute; bottom:0px; right: 0; left: 0; margin:0 auto; } .desginer-page .d-5 .box{width:1200px; } .desginer-page .d-5 .tab_menu{overflow:hidden; width: 260px; margin: 0 auto;position: absolute; top: 0; left: 0; right: 0; z-index: 2; border: 1px solid #eee} .desginer-page .d-5 .tab_menu li{width:130px;float:left;height:50px;line-height:50px;color:#333;background:#fff;text-align:center;cursor:pointer; font-size: 16px;} .desginer-page .d-5 .tab_menu li.current{color:#fff;background:#036959;} .desginer-page .d-5 .tab_menu li a{color:#333;text-decoration:none;} .desginer-page .d-5 .tab_menu li.current a{color:#333;} .desginer-page .d-5 .tab_box{ width: 1200px; height: 230px; border: 1px solid #eee; border-right: 0; margin-top:25px;} .desginer-page .d-5 .tab_box li{ height:230px;line-height:24px;overflow:hidden;} .desginer-page .d-5 .tab_box li .t-1{ width: 399px; height: 170px; padding-top: 60px; float: left; text-align: center; border-right: 1px solid #e3e3e3} .desginer-page .d-5 .tab_box li .t-1 h3{ font-size: 20px; margin-bottom:15px; color: #111} .desginer-page .d-5 .tab_box li .t-1 p{ width: 300px; margin:0 auto; line-height: 32px; font-size: 14px;} .desginer-page .d-5 .tab_box li .t-2{ width: 250px; height: 170px; padding-top: 60px; float: left; text-align: center; border-right: 1px solid #e3e3e3} .desginer-page .d-5 .tab_box li .t-2 h3{ font-size: 20px; line-height: 120px; color: #111} .desginer-page .d-5 .tab_box li .t-3{ width: 808px; height: 170px; padding:60px 40px 0 100px; float:right; border-right: 1px solid #e3e3e3} .desginer-page .d-5 .tab_box li .t-3 p{ width:400px; margin:0 auto; line-height: 36px; font-size: 16px;} .desginer-page .d-5 .tab_box .hide{display:none;} .desginer-list{ width: 1200px; margin: 0 auto; overflow: hidden;} .desginer-list ul{ width: 1280px; margin: 0 auto;} .desginer-list ul li{ width: 578px; height: 373px; margin:0 40px 40px 0; border: 1px solid #eee; float: left; position: relative;} .desginer-list ul li:hover{ background:#f3f3f3; } .desginer-list ul li .imgLink, .desginer-list ul li .imgLink:hover, .desginer-list ul li .imgLink:visited, .desginer-list ul li .imgLink:active { width:260px; height:310px; display: block; position: absolute; top:32px; left:40px; z-index: 2; } .desginer-list ul li .imgLink img { position:relative; width:260px; height:310px; display: block; clear:both; } .desginer-list ul li .eyeIco { position:absolute; z-index:2; left:0px; top:0px; display:block; width:260px; height:310px; background:url(../images/hover-11.png) no-repeat; opacity:0; filter:Alpha(opacity=0); } .desginer-list ul li a:hover .eyeIco { top:0px; opacity:1;opacity:0.8; filter:Alpha(opacity=80); } .desginer-list ul li .eyeIco img{ position: absolute; top: 10px; left: 85px; z-index: 3 ;width: 90px;} .desginer-list ul li .block { width: 210px; height: 310px; position: absolute; top:32px; right: 30px; z-index: 2; font-size: 14px; line-height: 36px;} .desginer-list ul li .block h2{ width:210px; height:20px; color:#111; font-size:18px; margin-bottom: 35px; line-height:25px; } .desginer-list ul li .block h2 em{ font-size: 12px; font-style: italic; color: #999; } .desginer-list ul li .block .s1{ display: block; margin-bottom: 30px; position:absolute; left: 180px; top:0px;} .desginer-list ul li .block .s3{ width: 80px; height: 15px; background: url(../images/sjtd-9.png) right no-repeat; line-height: 15px; color: #666; text-align: left; display: block; position:absolute; left:0px; top:150px;} .desginer-list ul li .link{ width: 350px; height: 45px; position: absolute; bottom:92px; left:0px; z-index: 2;} .desginer-list ul li .link a{ width: 160px; height: 45px; background: #fff; border: 2px solid #ddd; color: #333; text-align: center; line-height: 45px; margin-top: 20px; display: block;} .desginer-list ul li .link a:hover{ width: 160px; height: 45px; background: #036959; border: 2px solid #036959; color: #fff;} /*--------------------------------推荐案例 列表页 内容页--------------------------------*/ .fenlei{ width:100%; margin:20px auto 30px auto; } .fenlei .center{ width:1200px; margin: 0 auto; border:1px solid #e3e3e3; border-top: 1px solid #036959; clear:both; overflow:hidden; } .fenlei .center ul{} .fenlei .center ul li{ height:47px; width:100%; border-bottom:1px solid #eee; line-height:47px;} .fenlei .center ul li:nth-child(1){ height: 120px; line-height:50px; } .fenlei .center ul li:nth-child(3){ border-bottom:0px dashed #dedede; } .fenlei .center ul li a{ padding:0 8px; margin-right:30px; display: inline-block; height: 30px; line-height: 30px;} .fenlei .center ul li a:hover{ background:#036959; padding:0 8px ; color:#FFF; border-radius: 50px;display: inline-block; height: 30px; line-height: 30px;} .fenlei .center ul li .sel{ background:#036959; padding:0 8px ; color:#FFF; border-radius: 50px; display: inline-block; height: 30px; line-height: 30px;} .fenlei .center ul li h3{ width: 80px; margin-right:40px; color:#666; font-weight:bold; float:left; border-right:1px solid #eee; text-align: center; word-spacing:8px; background:#f6f6f6; } .fenlei .center ul li h4{ width: 80px; height: 120px; line-height: 120px; margin-right:40px; color:#666; font-weight:bold; float:left; border-right:1px solid #eee; text-align: center; word-spacing:8px; background:#f6f6f6; } .fenlei .center ul li p{ width: 1079px; height: 100%; float:left; } .fenlei .center ul li .m10{ position: relative; top: 12px;} .Next_Page{ width:1198px; height:68px; margin:40px auto 40px auto; overflow:hidden; border: 1px solid #e3e3e3; line-height: 68px; } .Next_Page .tab{ width:165px; height:70px; display:block; background:#f6f6f6; float:left; text-align:center; line-height:70px; color:#333; font-size: 16px;} .Next_Page .tab:hover{background:#fff; color: #036959;} .Next_Page .sel{ background:#fff; color: #036959;} .Next_Page em{ margin-right: 40px; } .case-list{ height:100%; margin:0px auto; clear:both; } .case-list ul{ overflow:hidden; margin-right:-75px; margin-top: 20px;} .case-list ul li{ width:350px; height:420px; float:left; margin-right:75px; margin-bottom:40px; } .case-list ul li .big{ width:350px; height:258px; margin:0 auto; clear:both; } .case-list ul li .imgLink, .case-list ul li .imgLink:hover, .case-list ul li .imgLink:visited, .case-list ul li .imgLink:active { position:relative; display:block; width:350px; height:258px; overflow: hidden; } .case-list ul li .imgLink img { position:relative; z-index:1; display:block; width:350px; height:258px; } .case-list ul li .eyeIco{ position:absolute; z-index:2; left:0px; top:0px; display:block; width:350px;text-align:center; height:258px; background:url(../images/hover-6.png) no-repeat; opacity:0; filter:Alpha(opacity=0); } .case-list ul li a:hover .eyeIco { top:0px; height:258px; background:url(../images/hover-6.png) no-repeat; text-align:center; opacity:1; filter:Alpha(opacity=100);} .case-list ul li a:hover .eyeIco img{ width: 150px; margin: 0 auto;} .case-list ul li .text{ width:310px; height:150px; padding:10px 20px 0 20px; margin:0px auto; background-color:#FFF; border: 1px solid #eee; text-align: center;} .case-list ul li .text .t0{ height:35px; font-size:18px; color: #333; margin:0px auto; overflow:hidden; line-height:40px; word-spacing:6px;} .case-list ul li .text .t1{ height:35px; color: #666; border-bottom:1px solid #eee; margin:0px auto 18px auto; overflow:hidden; line-height:35px; word-spacing:6px;} .case-list ul li .text .al{ width: 140px; height: 35px; text-align: center; font-size: 16px; line-height: 35px; border: 1px solid #e3e3e3; color: #036959; border-radius: 50px;} .case-list ul li .text .al:hover{border: 1px solid #036959; background: #036959; color: #fff;} .case-list h3{ height: 65px; color: #666; margin-bottom: 50px; font-size: 20px; letter-spacing:15px; line-height:100px; background:url(../images/case-tit3.png) no-repeat ;} .case-list h3 em{ display: block;width: 1200px; margin: 0 auto} .case-list ul .h37{ width:380px; height:370px; float:left; margin-right:27px; margin-bottom:40px; background:#333; } .case-list ul .h37 .text2{ width:338px; height:93px; padding:15px 20px 0 20px; margin:0px auto; background-color:#FFF; border: 1px solid #e3e3e3;} .case-list ul .h37 .text2 .t0{ width:340px; height:45px; font-size: 20px; color: #333; margin:0px auto; overflow:hidden; line-height:45px; word-spacing:6px;} .case-list ul .h37 .text2 .t1{ width:340px; height:35px; color: #888; margin:0px auto 18px auto; overflow:hidden; line-height:35px; word-spacing:6px;} .case-page{ width:100%; height:100%; margin:0px auto 0px auto; padding:40px 0 0px 0; overflow:hidden; background:url(../images/icon-27.png) 0px -80px repeat-x;} .case-page .left{ width:899px; height:100%; border-right:1px solid #ddd; float:left; } .case-page .left .text{ width:800px; height:100%; margin-top:0px; } .case-page .left .text h3{ font-size:24px; color: #111; padding-bottom:30px;} .case-page .left .text h4{ font-size:14px; color:#666; padding-bottom:30px; word-spacing:30px;} .case-page .left .text h5{ font-size:24px; color: #111; padding-bottom:20px; margin-top: 70px;} .case-page .left .text p{ width:100%; padding-top:0px; font-size:14px; line-height:36px; color:#666;} .case-page .right{ width:167px; height:392px; float:right; } .case-page .right .des-1{ width:167px; height:203px; margin:0px auto 10px auto; overflow:hidden;} .case-page .right .des-1 img{ width:167px; height:203px;} .case-page .right h3{ font-size:18px; padding:10px 0 10px 0; color: #111;} .case-page .right p{ font-size:13px; padding:0 0 20px 0; word-spacing:5px;} .case-page .right a{ width:167px; height:40px; text-align:center; margin:0 auto; background:#036959; line-height:40px; display:block; color:#fff;font-size:16px;} .case-page .right a:hover{ background: #333; color:#fff;} .case-page .right .zx{ width:167px; height:40px; text-align:center; margin:0 auto; background: #333; line-height:40px; display:block; color:#fff;font-size:16px;} .case-page .right .zx:hover{ background:#036959; color:#fff;} .baguetteBoxOne2{width:800px; margin-top:50px; overflow:hidden; } .w800{ width:900px; margin:0 -54px 0 0;} .gallery2:after { content: ''; display: block; height: 2px; } .gallery2 a{ width:230px; height: 150px; display: inline-block; overflow:hidden; margin:0 50px 54px 0; background:#fff; } .gallery2 .imgbig, .gallery2 .imgbig:hover, .gallery2 .imgbig:visited, .gallery2 .imgbig:active { position:relative; width: 230px; display: inline-block; overflow: hidden; } .gallery2 .thumbnail{ position:relative; z-index:1; display:block; width: 230px; } .gallery2 .eyeIco2 { position:absolute; z-index:2; left:0px; top:0px; display:block; width: 230px; height:100%; background:#000 url(../images/project-9.png) center no-repeat ; opacity:0; filter:Alpha(opacity=0); } .gallery2 a:hover .eyeIco2 { top:0px; opacity:0.8; filter:Alpha(opacity=80); } /*--------------------------------业主故事分享 列表页 内容页--------------------------------*/ .owner-list{ height:100%; margin:0px auto; clear:both; } .owner-list ul{ overflow:hidden;} .owner-list ul li{ width:1082px; height:280px; margin:0 auto 50px auto; padding:48px 58px 0 58px; font-size:14px; border:1px solid #e3e3e3; } .owner-list ul li:hover{ background: #f3f3f3} .owner-list ul li .b-pic{ width:380px; height:230px; overflow:hidden; float:right; } .owner-list ul li .imgLink, .owner-list ul li .imgLink:hover, .owner-list ul li .imgLink:visited, .owner-list ul li .imgLink:active { position:relative; display:block; width:380px; height:230px; background-color:#FFF; overflow: hidden; } .owner-list ul li .imgLink img { position:relative; z-index:1; width:380px; height:230px; display:block; } .owner-list ul li .eyeIco{ position:absolute; z-index:2; left:0px; top:0px; display:block; width:380px;text-align:center; height:230px; background:url(../images/hover-9.png) no-repeat; opacity:0; filter:Alpha(opacity=0); } .owner-list ul li a:hover .eyeIco { top:0px; width:380px; height:230px; background:url(../images/hover-9.png) no-repeat; opacity:1; filter:Alpha(opacity=100); } .owner-list ul li .eyeIco img{ width: 150px; margin: 0 auto} .owner-list ul li .text{ width:500px; height:230px; overflow:hidden; margin-top:0px; float:left; } .owner-list ul li .text .title{ font-size:20px; line-height:24px; padding:20px 0 30px 0; border-bottom:1px solid #ddd;} .owner-list ul li .text .tit{ line-height:30px; color:#888; padding-bottom:23px; padding-top:30px; font-size:14px;} .owner-list ul li .text .time{ height:40px; color:#aaa; line-height: 40px; } .owner-list ul li .text .time .ydqw{ width: 130px; height: 40px;border: 1px solid #eee; text-align: center; display:inline-block;} .indexMdl3{ width:100%; height:600px; overflow:hidden; } .indexMdl3 .mdlNews { padding-bottom:0px; } .indexMdl3 .mdlNews .indexNewsCtl { width:1400px; overflow:hidden; position:relative; z-index:2; margin:0 auto; left:-100px; top:200px;} .indexMdl3 .mdlNews .indexNewsPrev { float:left; display:block; width:32px; height:32px; background:url(../images/indexNewsPrev.png) no-repeat; cursor:pointer; } .indexMdl3 .mdlNews .indexNewsNext { float:right; display:block; width:32px; height:32px; background:url(../images/indexNewsNext.png) no-repeat; cursor:pointer; } .indexMdl3 .mdlNews .listWrap { width:1200px; height:412px; overflow:hidden; margin-top:50px;} .indexMdl3 .mdlNews .indexNewsList { position:relative; overflow:hidden; width:9999px; } .indexMdl3 .mdlNews .indexNewsList li { float:left; width:360px; height:384px; margin-right:57px; background:#fff; text-align:center; border: 1px solid #eee;} .indexMdl3 .mdlNews .indexNewsList li .link, .indexMdl3 .mdlNews .indexNewsList li .link:hover, .indexMdl3 .mdlNews .indexNewsList li .link:visited, .indexMdl3 .mdlNews .indexNewsList li .link:active { position:relative; display:block; width:330px; height:278px; } .indexMdl3 .mdlNews .indexNewsList li .link:hover { color:#036959; } .indexMdl3 .mdlNews .indexNewsList li img { display:block; width:360px; height:220px; margin-bottom:8px; } .indexMdl3 .mdlNews .indexNewsList li .eyeIco { position:absolute; z-index:2; left:0px; top:0px; display:block; width:330px; height:280px; opacity:0; filter:Alpha(opacity=0); background-position:center;} .indexMdl3 .mdlNews .indexNewsList li a:hover .eyeIco { top:0px; opacity:1; filter:Alpha(opacity=100); background:url(../images/eye-news.png) no-repeat center; } .indexMdl3 .mdlNews .indexNewsList li .title { height:36px; line-height:36px; font-size:16px; overflow:hidden; margin-top: 25px; } .indexMdl3 .mdlNews .indexNewsList li .date { height:16px; overflow:hidden; margin-bottom:10px; line-height:16px; font-size:12px; color:#777; } .indexMdl3 .mdlNews .indexNewsList li .intro { width:260px; height:66px; margin:0 auto; overflow:hidden; line-height:22px; color:#888; font-size:14px; } /*-------------------朝代资讯--------------------*/ .news-list{ width:1120px; /*height:350px;*/ margin: 30px auto; overflow:hidden; padding: 40px 40px 0 40px; border: 1px solid #e3e3e3; } .news-list .content .list{ width:100%;} .news-list .content .list li{ width:100%; height:280px; position: relative; margin-bottom:40px; background:url(../images/ddd.png) bottom repeat-x; } .news-list .content .list li i { display: block; width:380px; height:240px; float:left; border:1px solid #e0e5ed;} .news-list .content .list li i img{ width:365px; height:225px; margin:8px auto 0 auto; display: block position:relative; z-index:1; display:block;} .news-list .content .list li .imgLink, .news-list .content .list li .imgLink:hover, .news-list .content .list li .imgLink:visited, .news-list .content .list li .imgLink:active { position:relative; display:block; width:100%; height:240px; } .news-list .content .list li .eyeIco { position:absolute; z-index:2; left:8px; top:9px; display:block; width:380px; height:240px; background:url(../images/hover-5.png) no-repeat; opacity:0; filter:Alpha(opacity=0); } .news-list .content .list li a:hover .eyeIco { top:9px; opacity:1; filter:Alpha(opacity=100); } .news-list .content .list li .eyeIco img{ position: absolute; top: 103px; left: 135px; z-index: 3 ;width: 100px;} .news-list .content .list li .text{ width:650px; height:240px; float:right; overflow:hidden; } .news-list .content .list li .text h5{ font-size: 18px; margin-bottom: 20px;} .news-list .content .list li .text p{ height: 56px; line-height:28px; font-size: 14px; margin-top: 15px; color: #888} .news-list .content .list li .text em{ color:#999;} .news-list .content .list li .text .yuedu{ width: 130px; height: 44px; margin-top: 57px; line-height: 44px; color: #888; text-align: center; display: block; border: 1px solid #e3e3e3;} .news-list .content .list li .zx{width: 130px; height: 44px; position: absolute; bottom: 42px; left: 650px; border: 1px solid #036959; color: #036959; line-height: 44px; text-align: center; display: block; } .news-list .content .list li .zx:hover{ background: #036959; color: #fff;} .news-page{ width:1200px; clear:both; padding-bottom:30px; margin:0 auto; overflow:hidden;} .news-page .left{ width:70px; height: 110px; color: #fff; text-align: center; background:url(../images/icon-time.png) right bottom no-repeat #036959; } .news-page .right{ width: 990px; margin-left: 50px;} .news-page h3{ height:90px; border-bottom:1px solid #ddd; color:#111; font-size:24px; margin-bottom:50px; padding-bottom: 20px;} .news-page h3 span{ display:block; clear:both; font-size:14px; color:#666; padding-top:20px;} .news-page h3 span em{ padding:0 20px;} .news-page p{ color:#666; line-height:40px; font-size:16px;} .news-page img{ display:block; margin:30px auto; } .up-down{ width:990px; height:60px; border-top:1px solid #ddd; display:block; margin-top:80px; padding-top:40px; float: right; position: relative;} .up-down12{width: 1200px;} .up-down a{ color:#111; font-size: 16px; display:inline-block; margin-bottom:0px;} .up-down a:hover{ color:#036959;} .up-down .zan{ width: 300px; height: 95px; position: absolute; top: 35px; right: 0; line-height: 95px; font-size: 22px;} .up-down .zan a{width: 95px; height: 95px; display:inline-block; border-radius: 50%; background:url(../images/zan.png) center no-repeat #036959} .indexMdl2{ width:100%; height:500px; overflow:hidden;} .indexMdl2 ul{ width:1300px; margin-right:-100px; overflow:hidden; padding-top:70px;} .indexMdl2 ul li{ width:550px; height:176px; float:left; margin-right:100px; margin-bottom:50px; } .indexMdl2 ul li .left{ width:210px; height:176px; float:left; display:block; border-bottom:3px solid #ccc;} .indexMdl2 ul li .Wrap:hover .left{ border-bottom:3px solid #036959;} .indexMdl2 ul li .left img{ display:block; width:210px; height:164px;} .indexMdl2 ul li .right{ width:280px; height:134px; float:right; padding:30px 30px 0 30px; display:block;} .indexMdl2 ul li .right h3{ color:#333; font-size:18px; padding-bottom:8px;} .indexMdl2 ul li .right em{ color:#9b9b9b;} .indexMdl2 ul li .right p{ color:#9b9b9b; padding-top:10px; line-height:25px;} .indexMdl2 ul li .Wrap:hover .right h3{ color:#036959; } /*-------------------空白页--------------------*/ .blank-title-page{ width: 1200px; height: 140px; overflow: hidden; margin:50px auto; position: relative; } .blank-title-page h5{ font-size: 30px; width: 180px; text-align: center; font-style:italic; text-transform: uppercase; color: #036959; margin:-2px auto; background: #fff; position: relative; z-index: 2; } .blank-title-page .line-bg{position: absolute; top:20px; background: #e3e3e3; height: 1px; width: 100%; z-index: 1;} .blank-title-page h6{ background: #f3f3f3; font-size: 14px; color: #555; padding-right: 20px; width: 1180px; height: 50px; line-height: 50px; text-align: right; position:absolute; z-index: 2; left: 0; margin: 0 auto;right:0px; top: 80px;} .blank-page{ width:1080px; clear:both; padding:60px; margin:0 auto; overflow:hidden; border: 1px solid #e3e3e3;} .blank-page .center{ width: 990px; margin: 0 auto;} .blank-page h3{ height:90px; border-bottom:1px solid #ddd; color:#111; font-size:24px; margin-bottom:50px; padding-bottom: 20px;} .blank-page h3 span{ display:block; clear:both; font-size:14px; color:#666; padding-top:20px;} .blank-page h3 span em{ padding:0 20px;} .blank-page p{ color:#666; line-height:40px; font-size:16px;} .blank-page img{ display:block; margin:30px auto; } /*-------------------分页符--------------------*/ .g-page{width:100%; height:40px; margin:30px 0 0 0; clear:both; } .g-page .left{} .g-page .left li{ width: 120px; height: 40px; float: left;margin-right:20px; border: 1px solid #e3e3e3; border-radius: 4px; text-align: center; line-height: 40px;} .g-page .right{} .g-page .right li{width:40px; height:40px; float: left; margin-right:10px; text-align: center; line-height: 40px; border-radius:4px; } .g-page .right li:nth-child(1){ width: 70px;} .g-page .right li:last-child{ width: 70px;} .g-page .right li .sz{ width:100%; height:40px; display:block; text-align:center; line-height:40px; color:#555; font-size: 14px; border: 1px solid #e3e3e3;border-radius:4px; } .g-page .right li .sz:hover{ background:#036959; color:#fff; border-radius:4px; border: 1px solid #036959;} .g-page .right li .cur{ background:#036959; color:#fff; border-radius:4px; border: 1px solid #036959;} .btm-form{width:1200px; height:125px; margin:0 auto; both ; margin-top: 50px; border-radius:8px; background:#fff; border: 1px solid #ddd;} .btm-form h3{font-size:24px;font-weight:normal;color:#111;margin-left:20px;margin-top:0px;margin-bottom:0px;line-height:55px} .btm-form h3 small{font-size:14px} .btm-form h3 small span{color:#ea0000; font-weight: bold;} .btm-form form{margin-left:20px} .btm-form form input{height:50px;background:#eee;font-size:14px;padding:0px 24px;border-radius:4px;border:none;box-sizing:border-box} .btm-form form input[name='contact_a[name]']{width:254px;margin-right:18px} .btm-form form input[name='contact_a[tel]']{width:474px;margin-right:18px} .btm-form form input[name='contact_a[zone]']{width:218px;margin-right:18px} .btm-form form input[type="submit"]{width:157px;height:50px;background:#036959;color:#fff;line-height:50px;padding:0px;cursor:pointer} .fullSlide { width:100%; position:relative; height: 750px; background:#666;} .form-right{width:260px; height:480px; position: absolute; top:130px; left: 50%; margin-left: -600px; border-radius:8px; background: rgba(255,255,255,0.8);} .form-right h3{font-size:22px;font-weight:normal;color:#333;margin-left:0px;margin-top:0px;margin-bottom:0px;line-height:55px;text-align: center} .form-right h4{font-size:40px;font-weight:normal;color:#f80101;margin-left:0px;margin-top:0px;margin-bottom:10px;line-height:35px;text-align: center} .form-right h5{font-size:21px;font-weight:normal;color:#333;margin-left:0px;margin-top:0px;margin-bottom:10px;line-height:30px; text-align: center; word-spacing:10px;} .form-right h5 small{font-size:14px; } .form-right h5 small span{color:#f80101; font-weight: bold;} .form-right form{margin-left:15px} .form-right form input{height:50px;background:#fff;font-size:14px;padding:0px 14px;border-radius:4px;border:none;box-sizing:border-box} .form-right form input[name='contact_a[name]']{width:230px; margin-bottom: 20px; } .form-right form input[name='contact_a[tel]']{width:230px; margin-bottom: 20px;} .form-right form input[name='contact_a[zone]']{width:230px; margin-bottom: 20px;} .form-right form input[type="submit"]{width:230px;height:50px;background:#036959;color:#fff;font-size:18px;line-height:50px;padding:0px;cursor:pointer} /*-------------------弹出提示--------------------*/ .popMask{ width:100%; height:100%; position: fixed; top:0; left:0; background:rgba(0,0,0,0.3); z-index:99; } .popAlert{ width: 300px; height:100px; position: fixed; top:50%; margin-top: -50px; left: 50%; margin-left: -150px; background: #FFF; z-index: 100; border-radius: 3px; text-align: center; } .popCnt{ padding:20px 10px; } .popBtn{ display:inline-block; cursor:pointer; } /*--------------------------------专题顶部模块样式--------------------------------*/ .g-zt { position:relative; z-index:9; height:204px; background-color:#fff; } .g-zt .logo, .g-zt .logo:hover, .g-zt .logo:visited, .g-zt .logo:active { position:absolute; left:0; right:0; top:23px; margin: 0 auto;display:block; width:164px; height:151px; background:url(../images/logo-zt.png) no-repeat #fff; } .g-zt .top { position:absolute; right:0px; left: 0; top:0px; width:100%; height:80px; color: #888; line-height:80px; font-size:18px; border-bottom: 1px solid #e3e3e3; background: #f3f3f3} .g-zt .top a, .g-zt .top a:visited, .g-zt .top a:active { position:relative; z-index: 2; display:inline-block; height:28px; padding-left:25px; color:#888; } .g-zt .top a:hover { color:#036959; } .g-zt .top .wx { display:none; overflow:hidden; position:absolute; z-index:10; left:0px; top:39px; z-index:9; width:128px; height:154px; background-color:#FFF; border:1px solid #DCDCDC; opacity:0; filter:Alpha(opacity=0); border-radius: 6px; } .g-zt .top .wx img { display:block; width:100px; height:100px; margin:15px auto 10px auto;} .g-zt .top .wx .text { height:26px; line-height:14px; text-align:center; color:#888; font-size:12px; } .g-zt .nav{ width: 1200px; height: 50px; margin: 0 auto; position: absolute; bottom:30px; left: 0; right: 0; background:url(../images/nav-en-zt.png) 0px 27px no-repeat ;} .g-zt .nav ul{} .g-zt .nav ul li{ float: left; width:60px; height: 50px; text-align: center; margin-right:70px; } .g-zt .nav ul li:nth-child(3){ width:80px;} .g-zt .nav ul li:nth-child(4){ margin-right: 280px;} .g-zt .nav ul li:nth-child(8){ margin-right: 0px;} .g-zt .nav ul li a{color: #343434; font-size:15px; height: 50px; display: block} .g-zt .nav ul li a:hover{ border-bottom: 4px solid #036959} .g-zt .nav ul li .sel{ border-bottom: 4px solid #036959; color:#036959} .zt266-1{ width: 1200px; height: 855px; margin:40px auto;} .zt266-1 img{width: 1200px; height: 855px;} .zt266-2{ width: 100%; height: 730px; padding-top: 60px; margin:20px auto; background:url(../images/zt266-2-bg.jpg) center no-repeat ;} .zt266-2 img{width: 1200px; height: 634px; display: block; margin:0 auto;} .zt266-3{ width: 1200px; height: 822px; position: relative; margin:80px auto; background:url(../images/zt266-3.jpg) center no-repeat ;} .zt266-3 .kj-1{ position: absolute; top: 490px; left: 190px; z-index: 12; display: block; width: 75px; height: 75px; background:url(../images/red-button.png) 0px 0px no-repeat ; } .zt266-3 .kj-1:hover{position: absolute; top: 390px; left: 0px; z-index: 12; display: block; width: 430px; height: 480px; background-image: none; background-color: #000; background-position: 0px 100px; opacity:0.7; filter:Alpha(opacity=70); } .zt266-3 .kj-1 .nav1, .zt266-3 .kj-1 .nav1:hover, .zt266-3 .kj-1 .nav1:visited, .zt266-3 .kj-1 .nav1:active { display:block; width: 75px; height: 75px; } .zt266-3 .kj-1 .nav2 { display:none; position:absolute; left:50px; top:45px; width: 340px; height: 400px; color:#fff; } .zt266-3 .kj-1:hover .nav2 { display:block; } .zt266-3 .kj-1 .nav2 h3{width: 105px; height: 40px; background: #fff; text-align: center; line-height: 40px; font-size: 22px; color: #036959; border-radius: 50px;} .zt266-3 .kj-1 .nav2 h4{ margin: 20px 0 10px 0; line-height: 40px; font-size: 16px; color: #fff; border-bottom: 1px solid #fff;} .zt266-3 .kj-1 .nav2 p{ line-height: 35px; font-size: 14px; color: #fff; } .zt266-3 .kj-2{ position: absolute; top: 350px; left: 290px; z-index: 11; display: block; width: 75px; height: 75px; background:url(../images/red-button.png) 0px 0px no-repeat ; } .zt266-3 .kj-2:hover{position: absolute; top: 300px; left: 90px; z-index: 13; display: block; width: 430px; height: 480px; background-image: none; background-color: #000; opacity:0.8; filter:Alpha(opacity=80); } .zt266-3 .kj-2 .nav1, .zt266-3 .kj-2 .nav1:hover, .zt266-3 .kj-2 .nav1:visited, .zt266-3 .kj-2 .nav1:active { display:block; width: 75px; height: 75px; } .zt266-3 .kj-2 .nav2 { display:none; position:absolute; left:50px; top:45px; width: 340px; height: 400px; color:#fff; } .zt266-3 .kj-2:hover .nav2 { display:block; } .zt266-3 .kj-2 .nav2 h3{width: 105px; height: 40px; background: #fff; text-align: center; line-height: 40px; font-size: 22px; color: #036959; border-radius: 50px;} .zt266-3 .kj-2 .nav2 h4{ margin: 10px 0 10px 0; line-height: 40px; font-size: 16px; color: #fff; border-bottom: 1px solid #fff;} .zt266-3 .kj-2 .nav2 p{ line-height: 35px; font-size: 14px; color: #fff; } .zt266-3 .kj-3{ position: absolute; top: 440px; left: 490px; z-index: 10; display: block; width: 75px; height: 75px; background:url(../images/red-button.png) 0px 0px no-repeat ; } .zt266-3 .kj-3:hover{position: absolute; top: 440px; left: 490px; z-index: 10; display: block; width: 430px; height: 380px; background-image: none; background-color: #000; opacity:0.8; filter:Alpha(opacity=80); } .zt266-3 .kj-3 .nav1, .zt266-3 .kj-3 .nav1:hover, .zt266-3 .kj-3 .nav1:visited, .zt266-3 .kj-3 .nav1:active { display:block; width: 75px; height: 75px; } .zt266-3 .kj-3 .nav2 { display:none; position:absolute; left:50px; top:45px; width: 340px; height: 300px; color:#fff; } .zt266-3 .kj-3:hover .nav2 { display:block; } .zt266-3 .kj-3 .nav2 h3{width: 105px; height: 40px; background: #fff; text-align: center; line-height: 40px; font-size: 22px; color: #036959; border-radius: 50px;} .zt266-3 .kj-3 .nav2 h4{ margin: 10px 0 10px 0; line-height: 40px; font-size: 16px; color: #fff; border-bottom: 1px solid #fff;} .zt266-3 .kj-3 .nav2 p{ line-height: 35px; font-size: 14px; color: #fff; } .zt266-3 .kj-4{ position: absolute; top: 240px; left: 490px; z-index: 10; display: block; width: 75px; height: 75px; background:url(../images/red-button.png) 0px 0px no-repeat ; } .zt266-3 .kj-4:hover{position: absolute; top: 240px; left: 490px; z-index: 10; display: block; width: 430px; height: 430px; background-image: none; background-color: #000; opacity:0.8; filter:Alpha(opacity=80); } .zt266-3 .kj-4 .nav1, .zt266-3 .kj-4 .nav1:hover, .zt266-3 .kj-4 .nav1:visited, .zt266-3 .kj-4 .nav1:active { display:block; width: 75px; height: 75px; } .zt266-3 .kj-4 .nav2 { display:none; position:absolute; left:50px; top:45px; width: 340px; height: 390px; color:#fff; } .zt266-3 .kj-4:hover .nav2 { display:block; } .zt266-3 .kj-4 .nav2 h3{width: 105px; height: 40px; background: #fff; text-align: center; line-height: 40px; font-size: 22px; color: #036959; border-radius: 50px;} .zt266-3 .kj-4 .nav2 h4{ margin: 10px 0 10px 0; line-height: 40px; font-size: 16px; color: #fff; border-bottom: 1px solid #fff;} .zt266-3 .kj-4 .nav2 p{ line-height: 35px; font-size: 14px; color: #fff; } .zt266-3 .kj-5{ position: absolute; top: 260px; left: 690px; z-index: 9; display: block; width: 75px; height: 75px; background:url(../images/red-button.png) 0px 0px no-repeat ; } .zt266-3 .kj-5:hover{position: absolute; top: 260px; left: 690px; z-index: 9; display: block; width: 430px; height: 520px; background-image: none; background-color: #000; opacity:0.8; filter:Alpha(opacity=80); } .zt266-3 .kj-5 .nav1, .zt266-3 .kj-5 .nav1:hover, .zt266-3 .kj-5 .nav1:visited, .zt266-3 .kj-5 .nav1:active { display:block; width: 75px; height: 75px; } .zt266-3 .kj-5 .nav2 { display:none; position:absolute; left:50px; top:45px; width: 340px; height: 440px; color:#fff; } .zt266-3 .kj-5:hover .nav2 { display:block; } .zt266-3 .kj-5 .nav2 h3{width: 105px; height: 40px; background: #fff; text-align: center; line-height: 40px; font-size: 22px; color: #036959; border-radius: 50px;} .zt266-3 .kj-5 .nav2 h4{ margin: 10px 0 10px 0; line-height: 40px; font-size: 16px; color: #fff; border-bottom: 1px solid #fff;} .zt266-3 .kj-5 .nav2 p{ line-height: 35px; font-size: 14px; color: #fff; } .zt266-3 .kj-6{ position: absolute; top: 280px; left: 850px; z-index: 8; display: block; width: 75px; height: 75px; background:url(../images/red-button.png) 0px 0px no-repeat ; } .zt266-3 .kj-6:hover{position: absolute; top: 280px; left: 770px; z-index: 8; display: block; width: 430px; height: 430px; background-image: none; background-color: #000; background-position: 50px 0px; opacity:0.8; filter:Alpha(opacity=80); } .zt266-3 .kj-6 .nav1, .zt266-3 .kj-6 .nav1:hover, .zt266-3 .kj-6 .nav1:visited, .zt266-3 .kj-6 .nav1:active { display:block; width: 75px; height: 75px; } .zt266-3 .kj-6 .nav2 { display:none; position:absolute; left:50px; top:45px; width: 340px; height: 390px; color:#fff; } .zt266-3 .kj-6:hover .nav2 { display:block; } .zt266-3 .kj-6 .nav2 h3{width: 105px; height: 40px; background: #fff; text-align: center; line-height: 40px; font-size: 22px; color: #036959; border-radius: 50px;} .zt266-3 .kj-6 .nav2 h4{ margin: 10px 0 10px 0; line-height: 40px; font-size: 16px; color: #fff; border-bottom: 1px solid #fff;} .zt266-3 .kj-6 .nav2 p{ line-height: 35px; font-size: 14px; color: #fff; } .zt266-3 .kj-7{ position: absolute; top: 450px; left: 820px; z-index: 7; display: block; width: 75px; height: 75px; background:url(../images/red-button.png) 0px 0px no-repeat ; } .zt266-3 .kj-7:hover{position: absolute; top: 400px; left: 700px; z-index: 7; display: block; width: 430px; height: 430px; background-image: none; background-color: #000; background-position: 40px 50px; opacity:0.8; filter:Alpha(opacity=80); } .zt266-3 .kj-7 .nav1, .zt266-3 .kj-7 .nav1:hover, .zt266-3 .kj-7 .nav1:visited, .zt266-3 .kj-7 .nav1:active { display:block; width: 75px; height: 75px; } .zt266-3 .kj-7 .nav2 { display:none; position:absolute; left:50px; top:45px; width: 340px; height: 300px; color:#fff; } .zt266-3 .kj-7:hover .nav2 { display:block; } .zt266-3 .kj-7 .nav2 h3{width: 105px; height: 40px; background: #fff; text-align: center; line-height: 40px; font-size: 22px; color: #036959; border-radius: 50px;} .zt266-3 .kj-7 .nav2 h4{ margin: 10px 0 10px 0; line-height: 40px; font-size: 16px; color: #fff; border-bottom: 1px solid #fff;} .zt266-3 .kj-7 .nav2 p{ line-height: 35px; font-size: 14px; color: #fff; } .zt266-3 .kj-8{ position: absolute; top: 650px; left: 960px; z-index: 6; display: block; width: 75px; height: 75px; background:url(../images/red-button.png) 0px 0px no-repeat ; } .zt266-3 .kj-8:hover{position: absolute; top: 400px; left: 760px; z-index: 7; display: block; width: 430px; height: 460px; background-image: none; background-color: #000; background-position: 200px 250px; opacity:0.8; filter:Alpha(opacity=80); } .zt266-3 .kj-8 .nav1, .zt266-3 .kj-8 .nav1:hover, .zt266-3 .kj-8 .nav1:visited, .zt266-3 .kj-8 .nav1:active { display:block; width: 75px; height: 75px; } .zt266-3 .kj-8 .nav2 { display:none; position:absolute; left:50px; top:45px; width: 340px; height: 390px; color:#fff; } .zt266-3 .kj-8:hover .nav2 { display:block; } .zt266-3 .kj-8 .nav2 h3{width: 105px; height: 40px; background: #fff; text-align: center; line-height: 40px; font-size: 22px; color: #036959; border-radius: 50px;} .zt266-3 .kj-8 .nav2 h4{ margin: 10px 0 10px 0; line-height: 40px; font-size: 16px; color: #fff; border-bottom: 1px solid #fff;} .zt266-3 .kj-8 .nav2 p{ line-height: 35px; font-size: 14px; color: #fff; } .zt266-4{ width: 100%; height: 370px; padding-top: 70px; margin:20px auto; background:url(../images/zt266-4-bg.jpg) center no-repeat ;} .zt266-4 img{width: 1200px; height: 284px; display: block; margin:0 auto;} .zt266-5{ width: 1200px; height: 594px; margin:80px auto;} .zt266-5 img{width: 1200px; height: 594px;} .zt266-6{ width: 100%; height: 800px; padding-top: 80px; margin:20px auto; background:#f3f3f3 ;} .zt266-6 img{width: 1200px; height: 728px; display: block; margin:0 auto;} .zt266-7{ width: 1200px; height: 632px; margin:50px auto; background:url(../images/zt266-7.jpg) center no-repeat ;} .zt266-7 .bm{width: 300px; height: 330px; display: block;float: right; margin: 250px 50px 0 0; } .zt266-7 .bm h3{ font-size: 33px; color: #333; text-align: center;} .zt266-7 .bm h4{ font-size: 16px; color: #666; line-height: 40px; text-align: center; margin-bottom: 20px;} .zt266-7 .zt266-7 .formWrap { width:300px; height:230px; overflow:hidden; margin-top: 40px; padding: 0; background: #eee } .zt266-7 .inputWrap { position:relative; float:left; height: 50px; margin-bottom:19px; border:1px solid #e3e3e3; color: #111; background:#eee} .zt266-7 .inputWrap1 { width:300px; margin-right:20px; margin-bottom: 30px; } .zt266-7 .inputText { position:relative; z-index:2; display:block; height:38px; padding:7px 15px; border:0; background:none; } .zt266-7 .inputText { width:214px; } .zt266-7 .inputTexts { position:relative; z-index:2; display:block; height:50px; padding:7px 15px; border:0; background:none; width:175px; line-height: 50px; } .zt266-7 .inputTip { position:absolute; z-index:1; left:0; top:0; width:100%; height:100%; line-height:50px; text-indent:15px; } .zt266-7 .submitBtn { float:right; display:block; width:300px; height:40px; line-height:40px; border:0; background-color:#036959; color:#FFF; cursor:pointer; font-size:15px; } .zt266-7 .submitBtn:hover { opacity:0.9; filter:Alpha(opacity=90); } .zt266-7 h5{ font-size: 14px; color: #888; text-align: center; line-height: 50px;} .float_div{display: none;}