@charset "utf-8";

/*产品列表*/
.product-list {padding:20px 0;}
.product-list ul {overflow:hidden;}
.product-list ul li {float:left; width:19.2%; position:relative; border:1px solid #ccc; margin-right:1%; margin-bottom:20px; visibility:visible; animation-name:fadeInUp; animation-delay:0.2s;}
.product-list ul li:nth-child(5n){margin-right:0px;}
.product-list ul li:hover {border:1px solid #d1292e;}

.product-list ul li .pic {margin:5px; height:240px; overflow:hidden; text-align:center; background:#f1f1f1; }
.product-list ul li .pic img {max-width:100%; max-height:100%;}

.product-list ul li .effect { position:absolute; top:0; left:0; overflow:hidden; text-align:center; background:#fff; opacity:0;}
.product-list ul li:hover .effect {opacity:1; border:0px solid #d1292e;}
.product-list ul li .effect img {max-width:100%; max-height:100%;}

.product-list ul li h3 {font-size:15px; color:#3a3a3a; text-align:center; padding-top:5px; padding-bottom:10px;}

/*产品展示*/
.product-article {background:#fff;}
.product-article .top {padding:30px 0;}
.product-article .pic-box {float:left; /*width:780px;*/ width:60.5%; height:600px; text-align:center; overflow:hidden; background:#f1f1f1; border:1px solid #f1f1f1; }
.product-article .pic-box img {max-width:100%; max-height:600px; vertical-align:middle;}

/*产品详情-参数*/
.product-article .txt {float:right; /*width:480px;*/ width:38%; height:600px; padding:30px 50px 0px 50px; box-sizing:border-box; border:1px solid #ccc;}
.product-article .txt h1 {font-size:24px; color:#3a3a3a; padding-bottom:15px;}
.product-article .txt h1 span {color:#d1292e; font-weight:bold; padding-left:20px;}
.product-article .txt .btn {padding-top:35px; overflow:hidden;}
.product-article .txt .btn  a {color:#fff; cursor:pointer; display:block; float:left; font-size:16px; height:42px; line-height:42px; margin-right:8px; text-align:center; width:160px; border:1px solid #d1292e;}
.product-article .txt .btn .btn-1 {color:#3a3a3a; border:1px solid #ccc;}
.product-article .txt .btn .btn-1:hover {color:#fff; background:#d1292e;}
.product-article .txt .btn .btn-2 {color:#3a3a3a; border:1px solid #ccc; /*color:#fff; background:#d1292e;*/}
.product-article .txt .btn .btn-2:hover {color:#fff; background:#d1292e;}
.product-article .txt .tel {padding-top:23px; line-height:50px;}
.product-article .txt .tel p {font-size:15px; color:#666;}
.product-article .txt .tel span {font-size:32px; color:#d1292e; font-family:'Futura';}

/*选项卡缩略图*/
.product-article .small-photo {margin:10px 0;}
.product-article .small-photo p {font-size:15px; color:#666;}
.product-article .small-photo ul {overflow:hidden;}
.product-article .small-photo ul li {float:left; width:118px; height:90px; padding:2px; margin:10px 10px 0 0; background:#f1f1f1; border:1px solid #f1f1f1; text-align:center; overflow:hidden; cursor:pointer; }
/*.product-article .small-photo ul li:nth-child(3n) {margin-right:0px;}*/
.product-article .small-photo ul li.cur {border:1px solid #d1292e;}
.product-article .small-photo ul li img {max-width:100px; max-height:84px;}

/*场景图及案例*/
.product-content {padding:30px 0;}

.product-content .section{font-size:16px; color:#333333; padding:10px 0 30px 0; line-height:30px;}
.product-content .section .tit{position:relative; font-size:26px; color:#333333; height:64px; line-height:64px;}
.product-content .section .tit span{font-size:16px; color:#8e8e8e;}
.product-content .section img{max-width:100%;}

.product-content .effectpic {overflow:hidden;}
.product-content .effectpic p {float:left; width:100%; min-height:420px;}
.product-content .effectpic  p img {width:100%;}

/*产品详情*/
.product-content .info {margin:10px 0;}

/*产品案例图*/
.product-content .case {margin:10px 0;}
.product-content .case ul {overflow:hidden;}
.product-content .case ul li {float:left; /*width:635px;*/ width:49.5%; height:386px; /*margin:5px;*/ margin:0.5%; border:1px solid #f1f1f1; text-align:center; overflow:hidden;}
.product-content .case ul li:nth-child(odd) {margin-left:0;}
.product-content .case ul li:nth-child(even) {margin-right:0;}
.product-content .case ul li img {max-width:635px; max-height:386px;}

/*产品细节图*/
.product-content .detail {margin:10px 0;}
.product-content .detail ul {overflow:hidden;}
.product-content .detail ul li {float:left; /*width:312px;*/ width:24%; height:240px; /*margin:5px;*/ margin:0.65%; border:1px solid #f1f1f1; text-align:center; overflow:hidden; background:#f1f1f1;}
.product-content .detail ul li:nth-child(4n+1) {margin-left:0;}
.product-content .detail ul li:nth-child(4n) {margin-right:0;}
.product-content .detail ul li img {max-width:312px; max-height:240px;}

/*产品布板图*/
.product-content .fabric {margin:10px 0;}
.product-content .fabric ul {overflow:hidden;}
.product-content .fabric ul li {float:left; /*width:202px;*/ width:16%; height:230px; /*margin:6px;*/ margin:0.4%; text-align:center; overflow:hidden; border: 1px solid #f1f1f1;}
.product-content .fabric ul li:nth-child(6n+1) {margin-left:0;}
.product-content .fabric ul li:nth-child(6n) {margin-right:0;}
.product-content .fabric ul li img {max-width:200px; max-height:200px;}

/*产品木板图*/
.product-content .wood {margin:10px 0;}
.product-content .wood ul {overflow:hidden;}
.product-content .wood ul li {float:left; /*width:202px;*/ width:16%; height:230px; /*margin:6px;*/ margin:0.4%; text-align:center; overflow:hidden; border: 1px solid #f1f1f1;}
.product-content .wood ul li:nth-child(6n+1) {margin-left:0;}
.product-content .wood ul li:nth-child(6n) {margin-right:0;}
.product-content .wood ul li img {max-width:200px; max-height:200px;}


/*案例列表*/
.case-list {padding:20px 0;}
.case-list ul {overflow:hidden;}
.case-list ul li {float:left; /*width:24.25%;*/ width:19.2%; position:relative; border:1px solid #ccc; margin-right:1%; margin-bottom:20px; visibility:visible; animation-name:fadeInUp; animation-delay:0.2s;}
.case-list ul li:nth-child(5n){margin-right:0px;}
.case-list ul li:hover {border:1px solid #d1292e;}

.case-list ul li .pic {margin:5px; /*height:218px;*/ overflow:hidden; text-align:center; background:#f1f1f1;}
.case-list ul li .pic img {max-width:100%; max-height:100%;}
.case-list ul li .effect {margin:5px; position:absolute; top:0; left:0; overflow:hidden; text-align:center; background:#fff; opacity:0;}
.case-list ul li:hover .effect {opacity:1; border:1px solid #d1292e;}
.case-list ul li .effect img {max-width:100%; max-height:100%;}
.case-list ul li h3 {font-size:15px; color:#3a3a3a; text-align:center; padding-top:5px; padding-bottom:10px;}
.case-list ul li:hover h3 {/*color:#d1292e;*/}

/*案例展示*/
.case-article {background:#fff;}
.case-article .top {padding:30px 0;}
.case-article .pic-box {float:left; /*width:790px;*/ width:61.72%; height:480px; text-align:center; overflow:hidden; /*background:#34495e;*/ border:1px solid #ccc; }
.case-article .pic-box img {max-width:100%; max-height:480px; vertical-align:middle;}

/*案例详情-参数*/
.case-article .txt {float:right; /*width:480px;*/ width:37.5%; height:480px; padding:30px 50px 0px 50px; box-sizing:border-box; border:1px solid #ccc;}
.case-article .txt h1 {font-size:24px; color:#3a3a3a; padding-bottom:15px;}
.case-article .txt h1 span {color:#d1292e; font-weight:bold; padding-left:20px;}
.case-article .txt .btn {padding-top:35px; overflow:hidden;}
.case-article .txt .btn  a {color:#fff; cursor:pointer; display:block; float:left; font-size:16px; height:42px; line-height:42px; margin-right:8px; text-align:center; width:160px; border:1px solid #d1292e;}
.case-article .txt .btn .btn-1 {color:#3a3a3a; border:1px solid #ccc;}
.case-article .txt .btn .btn-1:hover {color:#fff; background:#d1292e;}
.case-article .txt .btn .btn-2 {color:#3a3a3a; border:1px solid #ccc; /*color:#fff; background:#d1292e;*/}
.case-article .txt .btn .btn-2:hover {color:#fff; background:#d1292e;}
.case-article .txt .tel {padding-top:23px; line-height:50px;}
.case-article .txt .tel p {font-size:15px; color:#666;}
.case-article .txt .tel span {font-size:32px; color:#d1292e; font-family:'Futura';}

/*选项卡缩略图*/
.case-article .small-photo {margin:10px 0;}
.case-article .small-photo p {font-size:15px; color:#666;}
.case-article .small-photo ul {overflow:hidden;}
.case-article .small-photo ul li {float:left; width:90px; height:90px; padding:2px; margin:10px 6px 0 0; border:1px solid #ccc; text-align:center; overflow:hidden; cursor:pointer; }
.case-article .small-photo ul li:nth-child(4n) {margin-right:0px;}
.case-article .small-photo ul li.cur {border:1px solid #d1292e;}
.case-article .small-photo ul li img {max-width:100px; max-height:84px;}

/*场景图及案例*/
.case-content {padding:30px 0;}
.case-content .section{font-size:16px; color:#333333; padding:10px 0 30px 0; line-height:30px;}
.case-content .section .tit{position:relative; font-size:26px; color:#333333; height:64px; line-height:64px;}
.case-content .section .tit span{font-size:16px; color:#8e8e8e;}
.case-content .detail {margin:10px 0;}
.case-content .detail ul {overflow:hidden;}
.case-content .detail ul li {float:left; /*width:312px;*/ width:24.25%; height:240px; margin:0.5%; padding:6px; border:1px solid #ccc; text-align:center; overflow:hidden; }
.case-content .detail ul li:nth-child(4n+1) {margin-left:0;}
.case-content .detail ul li:nth-child(4n) {margin-right:0;}
.case-content .detail ul li:hover {border:1px solid #d1292e; }
.case-content .detail ul li img {max-width:100%; max-height:100%;}
.case-content .detail ul li p {padding-top:10px;}


/*色板列表*/
.fabric-list {padding:20px 0;}
.fabric-list ul {overflow:hidden;}
.fabric-list ul li {float:left; /*width:202px;*/ width:16%; position:relative; border:1px solid #e7e7e7; margin-right:0.8%; margin-bottom:20px; visibility:visible; animation-name:fadeInUp; animation-delay:0.2s;}
.fabric-list ul li:nth-child(6n){margin-right:0px;}
.fabric-list ul li:hover {/*border:1px solid #d1292e;*/}

.fabric-list ul li .pic {margin:5px; height:200px; overflow:hidden; text-align:center; background:#f1f1f1;}
.fabric-list ul li .pic img {max-width:100%; max-height:100%;}
.fabric-list ul li .effect {margin:5px; position:absolute; top:0; left:0; overflow:hidden; text-align:center; background:#fff; opacity:0;}
.fabric-list ul li:hover .effect {opacity:1; border:1px solid #d1292e;}
.fabric-list ul li .effect img {max-width:100%; max-height:100%;}
.fabric-list ul li h3 {font-size:15px; color:#3a3a3a; text-align:center; padding-top:5px; padding-bottom:10px;}
.fabric-list ul li:hover h3 {/*color:#d1292e;*/}

#pictureTip{ position:absolute; border:1px solid #ccc; display:none; box-shadow:3px 3px 3px rgba(0,0,0,0.5); z-index:9999; }
#pictureTip img{ width:200px; height:200px;}


/*新闻列表*/
.news-list {padding:20px 0;}
.news-list ul {overflow:hidden; }
.news-list ul li {float:left; /*width:49.5%;*/ width:32.3%; border:solid 1px #ccc; padding:2%; margin:0.5%; height:250px; overflow:hidden; visibility: visible; animation-name: fadeInUp; animation-delay: 0.2s;}
.news-list ul li.btn-wave:before {background:#f6f6f6;}
/*.news-list  li:nth-child(even) {float:right;}*/
.news-list li .itemTitle{width:100%;}
.news-list li .item{width:60%;}
.news-list li .item h3{ font-size:18px; color: #252525; text-overflow:ellipsis; white-space: nowrap; overflow: hidden; margin:7.5% 0 5% 0;}
.news-list li .item p{font-size:15px; color:#797979; max-height:72px; overflow:hidden;}
.news-list li .item em{font-size:13px; line-height:30px; margin-top:5px; font-style:normal; color:#333333;}
.news-list li .item em font{display:block; font-size:40px;}
.news-list li .item em:hover{background:#000;}
.news-list li .thumb{width:35%; max-height: 120px; overflow: hidden;}
.news-list li .thumb img{width:100%;}
.news-list li:hover {border:solid 1px #d1292e;}
.news-list li:hover .item h3{color:#d1292e;}

/*新闻详情*/
.news-article {}
.side-content{width:800px;}

/*新闻详情-标题样式*/
.meta{ margin:30px 0 0 0; padding:0 0 15px 0; border-bottom:1px solid #f0f0f0; text-align:center;}
.meta:after{ clear:none; content:""; display:block; height:0; visibility:hidden; }
.meta h1{ margin:0; padding:0 0 15px 0; color:#3b8dd1; font-size:22px; line-height:30px; }
.meta .meta-info{ color:#999; font-size:12px; line-height:24px; }
.meta .meta-info span{ margin-right:10px; padding-left:20px; color:#777; background:url(../images/sprite.gif) no-repeat; }
.meta .meta-info .time{ background-position:left -158px; }
.meta .meta-info .view{ background-position:left -36px; }
.meta .meta-info .comm{ background-position:left 4px; }

/*新闻详情-内容样式*/
.entry{ margin:15px 0; padding:0; font-size:16px; line-height:2em; word-wrap:break-word; color: #555555; }
.entry img{max-width:100%!important; height:auto!important; }
.entry h2,.entry h3,.entry h4{ padding-bottom:5px; border-bottom:1px solid #f6f6f6; color:#333; }
.entry h2{ font-size:1.2em; }
.entry h3,.entry h4{ font-size:1.1em; }
.entry strong{ color:#DC2523; font-weight:normal; }
.entry p{ display:inherit; margin:1em 0; color:#000; word-wrap:break-word; }
.entry a{ text-decoration:underline; }
.entry code{ display:block; padding:0.5em; background:#eee; border-radius:.5em; color:#777; font-family:'courier new'; line-height:1.7em; }
.entry table{ border-left:0.15em solid #eee; border-top:0.15em solid #eee; }
.entry table th{ background-color:#F9F9F9; text-align:center; }
.entry table td,.entry table th{ border-bottom:0.15em solid #eee; border-right:0.15em solid #eee; padding:0.25em 0.5em; }

/*新闻详情-上下篇*/
.next-prev-single{ padding:20px 0; color:#444; font-size:16px; overflow:hidden; }
.next-prev-single p{ /*width:49%;*/ white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.next-prev-single p a{ color:#428bca; text-decoration:none; }
.next-prev-single p a:hover{ color:#d1292e; text-decoration:underline; }
.next-prev-single .prev{ float:left; }
.next-prev-single .next{ float:right; }	
 
/*新闻详情-相关资讯标题*/
.base-tit{ border-bottom:1px solid #f0f0f0; color:#3b8dd1; line-height:1em; font-size:18px; font-weight:normal; }
.base-tit span{ position:relative; top:1px; display:inline-block; padding:10px 0; border-bottom:1px solid #3b8dd1; }
.base-tit i{ float:right; padding:10px 0; color:#999; font-size:12px; line-height:26px; font-style:normal; }
.bar-tit{ margin:0 0 20px; padding:0 0 10px; border-bottom:1px solid #e8e8e8; color:#6c6c6c; font-size:18px; }

/*新闻详情-相关资讯*/
.rel-list{ margin-top:15px; }
.rel-list ul:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; }
.rel-list ul .nodata{ color:#999; font-size:14px; line-height:50px; }
.rel-list ul li{ display:block; float:left; margin:0 auto 15px 0; padding:0; width:50%; overflow:hidden; _float:none; _width:auto; }
.rel-list ul li .img-box{ position:relative; display:block; float:left; padding:1px; width:136px; height:100px; border:1px solid #e8e8e8; overflow:hidden; }
.rel-list ul li .img-box img{ min-width:100%; min-height:100%; width:100%; _height:100%; }
.rel-list ul li .info{ margin:0 auto 0 151px; padding-right:15px; _margin-top:-15px; _padding-right:0; }
.rel-list ul li .info h3{ display:block; color:#3b8dd1; font-size:16px; font-weight:normal; line-height:1.3em; height:30px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
.rel-list ul li .info h3 a{ color:#3b8dd1; }
.rel-list ul li .info p{ color:#555; font-size:13px; height:48px; line-height:22px; overflow:hidden; }
.rel-list ul li .info span{ color:#999; font-size:12px; line-height:24px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }