/* 公用 */
dl,dd,dt{ margin: 0; padding: 0;}
.z-content{ display: none;}

.x20{ float: left; width: 20%;}
.zt-layout{ /*width: 1260px;*/ width: 1085px;margin: 0 auto;}
.bn{ height: 970px; position: relative;}
.bn a.more{ display: block; position: absolute; width: 656px; height: 244px; top:40%; right: 5%;}
.zt-box{ position: relative;}
.zt-title{ position: relative;overflow: hidden;}
.zt-title .zt-num{ float: left; padding-right:20px; color:#00b050; font-size: 60px; font-style: italic;}
.zt-title h3{ color: #000; font-size: 28px;}
.zt-title h4{ color: #000; padding-top: 10px;}

.zt-title-num{ position: relative;overflow: hidden;}
.zt-title-num .zt-num{ float: left; position: relative; padding-right:20px; margin-right: 15px; color:#989898; font-size: 53px;}
.zt-title-num .zt-num span{ display: block; position: absolute; right: 0; bottom:0; width: 62px; height: 62px; background: url("../style/zhuanti/zt-title-num.png") no-repeat;}
.zt-title-num h3{font-size: 20px;}
.zt-title-num h4{ padding-top: 10px;}

.dn-title{ position: relative;overflow: hidden;}
.dn-title .dn-num{ float: left; color:#fdd000; font-size:80px;}
.dn-title h3{ position: absolute; top:46px; left: 70px; color: #fff; font-size: 25px;}
.dn-title h3 span{ background-color: #fdd000; padding: 5px; color: #1f2024;border-radius: 50%;-moz-border-radius: 50%;-webkit-border-radius: 50%;}
.dn-title h4{ position: absolute; left:105px; color: #fff; padding-top: 24px; padding-bottom: 10px;}

.ds-title{ position: relative;overflow: hidden; text-align: center; color: #fff;}
.ds-title h3{ font-size: 30px;}
.ds-title h4{ font-size: 25px;}
.return_line{ padding: 22px; 100px; border-bottom:1px solid #535353;}
.return_line .return a{ display: block; width: 50px; height: 50px; background: url("../style/news_return.png") no-repeat; background-size: 100%;}
.return_line .return a span{ display: none;}


/* 木门 */
.mumen-bn{ background: #000 url("../style/zhuanti/mumen-bn-pic.png") left top no-repeat;}
.mumen-bn a.more{ background: url("../style/zhuanti/mumen-bn-title.png") no-repeat;}
.dinuan-bn{ background: #000 url("../style/zhuanti/dinuan-bn-pic.png") center no-repeat;}
.dinuan-bn a.more{ width: 1056px; top:60%; height: 190px; background: url("../style/zhuanti/dinuan-bn-title.png") no-repeat;}

    /* par1 */
    .mumen .par1 .x3 a{ display:block; width:95%; margin:0 auto 15px; border: 2px solid #000;}
    .mumen .par1 .x3 a img.pic{ width:100%; height: 160px;}
    .mumen .par1 .x3 a .con{ height: 180px; padding: 20px; color: #000;}
    .mumen .par1 .x3 a .con h3{ font-size: 24px; padding-bottom: 10px;}
    .mumen .par1 .x3 a .con h3 img{ vertical-align: middle; margin-right: 15px;}
    .mumen .par1 .x3 a .con p{ line-height: 20px;}

    /* par2 */
    .mumen .par2 .zt-title h3{ color: #fff;}
    .mumen .par2 .zt-title h4{ color: #fff;}
    .mumen .par2 .x4 a{ display:block; width:95%; height: 250px; padding: 40px; margin:0 auto 20px; background-color: #1a1a1a; color: #8d8d8d;}
    .mumen .par2 .x4 a .n{ width: 80px; height: 30px; line-height: 30px; font-size: 20px; text-align: center; color: #000; background-color: #8d8d8d;}
    .mumen .par2 .x4 a dl{ padding-top: 20px;}
    .mumen .par2 .x4 a dt{ font-size: 20px; padding-bottom: 10px;}
    .mumen .par2 .x4 a dd{ font-size: 16px;}
.mumen .par2 .x4 a:hover .n{ background-color: #00b050; color: #fff;}

    /* par3 */
    .mumen .par3 .x4 a{ display:block; width:95%; height: 740px; padding: 40px; margin:0 auto 20px; border: 2px solid #000; background-color: #fff;}
    .mumen .par3 .x4 a dt{ font-size: 24px; color: #000; height: 115px;}
    .mumen .par3 .x4 a dd.con{ padding-top: 20px; height: 180px; color: #8d8d8d; font-size: 13px;}
    .mumen .par3 .x4 a dd.pic{ padding-top: 20px;}
.mumen .par3 .x4 a:hover dd.pic img{transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.mumen .par3 .x4 a:hover dd.pic img{transform: scale(1.05)}

    /* par4 */
    .mumen .par4 .zt-title h3{ color: #fff;}
    .mumen .par4 .zt-title h4{ color: #fff;}
    .mumen .par4 .x12 a{ display: block;}
    .mumen .par4 .x12 a img{ display: block; width: 100%;}
    .mumen .par4 .x12 a span{ display: block; text-align: center; color: #8d8d8d; font-size: 20px; padding: 30px 0;}

    /* par5 */
    .mumen .par5 .x6 a{ display: block; font-size: 20px; width: 96%; margin: 0 auto; height: 50px; line-height: 50px; text-align: center; border: 2px solid #8d8d8d; background-color: #fff; color: #8d8d8d;}


/* 木门安装 */
.mm-az .zt-box .x12{ font-size: 18px; overflow: hidden;}
.mm-az .zt-box a.more{ height: 30px; padding: 10px 20px; color: #8d8d8d; font-size: 16px; border: 1px solid #8d8d8d;}
.mm-az .zt-box a.more:hover{color: #fff;border: 1px solid #fff;}
.mm-az .zt-box table{border:1px solid #989898; margin: 40px 0;}
.mm-az .zt-box table td{border:1px solid #989898; text-align: center; padding: 10px;}
.mm-az .h{ height: 50px;}

/* 地暖 */

    /* par1 */
    .dinuan .par1 .x20 a{ display:block; width: 95%; height: 210px; padding:20px; margin:0 auto 12px; background-color: #000; color: #989898;}
    .dinuan .par1 .x20 a .n{ width: 80px; height: 30px; line-height: 30px; font-size: 20px; text-align: center; color: #000; background-color: #8d8d8d;}
    .dinuan .par1 .x20 a dl{ padding-top: 20px;}
    .dinuan .par1 .x20 dt{ font-size: 20px; padding-bottom: 10px;}
    .dinuan .par1 .x20 dd{ font-size: 16px;}
    .dinuan .par1 .x20 a:hover .n{ color: #000; background-color: #fed100;}
    .dinuan .par1 .x20 a:hover dt{ color: #fed100;}

    /* par2 */
    .dinuan .par2 .title{ padding-right: 100px;}
    .dinuan .par2 .title dt{ color: #fff; font-size:30px; padding-bottom: 40px;}
    .dinuan .par2 .title .t{ font-size: 16px; padding-bottom: 20px;}
    .dinuan .par2 .title .en{ font-size: 30px;}
    .dinuan .par2 .x20 a{ display:block; width: 95%; margin: 0 auto 13px; background-color: #000;}
    .dinuan .par2 .x20 img.pic{ width:100%; height: 160px;}
    .dinuan .par2 .x20 .con{ height: 180px; padding: 20px; color: #999;}
    .dinuan .par2 .x20 .con h3{ font-size: 24px; padding-bottom: 10px;}
    .dinuan .par2 .x20 .con p { font-size: 18px;}
    .dinuan .par2 .x20 .con p b{ display: block; padding-bottom: 10px; font-size: 23px;}
    .dinuan .par2 .x20 .con:hover h3,.dinuan .par2 .x20 .con:hover p b{ color: #fed100;}

    /* par3 */
    .dinuan .par3 .line{ background: url("../style/zhuanti/dinuan-par3-bg.png") center 410px no-repeat;}
    .dinuan .par3 .x6 a{ display:block; width:95%; margin: 0 auto;}
    .dinuan .par3 .x6 a .pic{ width: 100%;}
    .dinuan .par3 .x6 a .con{ height: 170px; padding: 20px; color: #999;}
    .dinuan .par3 .x6 a .con h3{ cursor: pointer; font-size: 24px; padding-bottom: 20px; color: #fff; text-align: center;}
    .dinuan .slideTxtBox .nums{ padding-bottom: 30px; overflow: hidden;}
    .dinuan .slideTxtBox .nums li{ float: left; font-size: 18px; color: #989898; padding: 0 16px;}
    .dinuan .slideTxtBox .nums li.on { color: #fff; font-weight: 800;}
    .dinuan .slideTxtBox .pageState{ display: none;}

    /* par4 */
    .dinuan .par4 .x20 a{ display:block; width: 95%; margin: 0 auto; background-color: #000;}
    .dinuan .par4 .x20 .pic{ width: 100%;}
    .dinuan .par4 .x20 dl{ padding: 20px; height: 180px; text-align: center;}
    .dinuan .par4 .x20 dt{ font-size: 16px; color: #989898; padding-bottom: 20px;}
.dinuan .par4 .x20 dd{ color: #989898;}
    .dinuan .par4 .x20:hover dt{ color: #fff;}

    /* par5 */
    .dinuan .par5 .x3 a{ display:block; width: 95%; margin: 0 auto; margin-bottom: 15px; text-align: center; padding: 40px; background-color: #000; color: #989898;}
    .dinuan .par5 .x3 a h3{ font-size: 24px; padding: 20px 0; color: #989898;}
.dinuan .par5 .x3 a:hover{ color: #fdd000;}
.dinuan .par5 .x3 a:hover h3{ color: #fdd000;}

    /* par6 */
    .dinuan .par6 .x4 a{ display:block; width:96%; margin-bottom: 10px; background-color: #000;}
    .dinuan .par6 .x4 a .pic{ width: 100%;}
    .dinuan .par6 .x4 a dl{ padding: 20px; height: 180px; text-align: center; color: #fff;}
    .dinuan .par6 .x4 a dt{ font-size: 16px;}
    .dinuan .par6 .x4 a dt span{ font-size: 20px;}
    .dinuan .par6 .x4 a dd{ font-size: 15px; padding-top:10px; color: #989898;}
    .dinuan .par6 .x4 a:hover dt{ color: #fdd000;}

    /* par7 */
    .dinuan .par7 .x12 a{ display: block; position: relative;}
    .dinuan .par7 .x12 a img{ display: block; width: 100%;}
    .dinuan .par7 .x12 a span{ display: block; position: absolute; z-index: 99; bottom: 0; width: 100%;background-color:rgba(0,0,0,0.7); text-align: center; color: #8d8d8d; font-size: 20px; padding:10px 0;}
    .dinuan .par7 .x6:first-child{ padding-right: 10px;}
    .dinuan .par7 .x6::last-child{ padding-left: 10px;}
    .dinuan .par7 .x6 a{ display: block; font-size: 20px; height: 50px; line-height: 30px; text-align: center; border: 2px solid #8d8d8d;color: #8d8d8d; padding: 10px 20px; color: #8d8d8d; font-size: 16px; border: 1px solid #8d8d8d;}
    .dinuan .par7 .x6 a:hover{ background-color: #fed100; border-color: #fed100; color: #000;}
    .tecenter{ padding: 30px 0 10px; text-align: center; overflow: hidden;}

/* 地暖解读 */
.dinuanjiedu h3{ color: #fff; font-size: 26px; text-align: center; padding-bottom: 40px;}
.dinuanjiedu p{ font-size: 18px; padding-bottom: 30px;}
.dinuanjiedu .pic img{ width: 100%; }
.dinuanjiedu .pic span,.dinuanjiedu .x12 span{display: block;  text-align: center; color: #8d8d8d; font-size: 20px; padding:20px 0;}
.dinuanjiedu .x6 .pic{ width:95%; margin: 0 auto; padding-bottom: 20px;}

/* F4专题-解决之道 */
#f4-jj h3{ color: #000;}
#f4-jj p{ color: #989898;}

.picScroll{ position:relative;overflow:hidden;}
.picScroll ul{ width: 100%; margin: 0 auto; overflow:hidden;zoom:1;}
.picScroll ul li{ float:left; width:100%;overflow:hidden; display:inline; }
.picScroll ul li .line{ width: 90%; margin: 0 auto;}
.picScroll .prev,
.picScroll .next{ position:absolute;  left:10px; top:40%; display:block; width:32px; height:61px;cursor:pointer;}
.picScroll .prev{ left: 0; background: url("../style/scrollBox_left_hover.png");}
.picScroll .next{ left:auto; right:0;background: url("../style/scrollBox_right_hover.png");}
.picScroll .prevStop{ background: url("../style/scrollBox_left.png");}
.picScroll .nextStop{background: url("../style/scrollBox_right.png");}