@charset "utf-8";
@import url(../../lib/bootstrap-3.3.7-dist/css/bootstrap.min.css);
@import url(../common/styles.min.css);
@import url(../common/swiper.min.css);
@import url(../common/modal.min.css);

.pageDZZhan .section-nav .nav-tabs a{width:100px}
.pageDZZhan .section-nav .nav-wrap{height:75px;text-align:center;background:#fff;-moz-box-shadow:2px 2px 5px rgba(0,0,0,.2);-webkit-box-shadow:2px 2px 5px rgba(0,0,0,.2);box-shadow:2px 2px 5px rgba(0,0,0,.2)}
.pageDZZhan .nav-tabs-backup li a.backup-link{display:inline-block;height:100%;margin-right:70px}
.pageDZZhan .section h4{margin:20px auto 0;width:100px}
.pageDZZhan .sheji-tv .container{height:785px;width:1200px;background:url(../../images/website/diy/sheji-tv.png) no-repeat 70px 120px,url(../../images/website/diy/sheji-tv2.png) no-repeat 892px 100px;position:relative}
.pageDZZhan .section_01 .container .word{color:#333}
.pageDZZhan .section_01 .container .tv{margin:100px 0 0 300px;width:600px}
.pageDZZhan .section_01 .container .tv .media{position:absolute;left:50%;top:50%;transform:translate(-50%,-46%)}
.pageDZZhan .section_01 .container .sheji-tit{height:40px;text-align:center;font-size:14px;width:400px;margin:-10px auto 0;color:#666}
.pageDZZhan .section_02{width:100%;height:382px;background:#ececff}
.pageDZZhan .section_02 .container{width:1200px}
.pageDZZhan .section_02 .container .design-img{height:120px;float:left;padding-left:10px}
.pageDZZhan .section_02 .container .design .design-column{display:inline-block;width:400px;margin-left:-3px;text-align:center;vertical-align:middle}
.pageDZZhan .section_02 .container .design .design-title{width:220px;font-size:16px;font-weight:700;color:#333;margin:10px auto;padding-bottom:10px;background:url(../../images/website/diy/design-title-line.jpg) no-repeat bottom}
.pageDZZhan .section_02 .container .design .design-content{width:220px;font-size:12px;color:#666;margin:auto;line-height:20px}
.pageDZZhan .section_03{overflow:hidden}
.pageDZZhan .section_03 .container .tem{height:500px;width:100%;margin-top:10px}
.pageDZZhan .section_03 .container .tem .left{width:200px;float:left;height:100%;border-right:1px solid #e8e8e8}
.pageDZZhan .section_03 .container .tem .left ul{height:60%;width:100%;margin:50px auto}
.pageDZZhan .section_03 .container .tem .left li{list-style:none;height:35px;line-height:35px;text-align:center;width:100%;margin:25px 0;cursor:pointer}
.pageDZZhan .section_03 .container .tem .left .hover{background:-webkit-linear-gradient(left,#fff,#f1f2fc,#dde1fa,#c0c6eb);background:-o-linear-gradient(left,#fff,#fff,#f5f5fd,#f1f2fc,#dde1fa,#b9bfe6);background:-moz-linear-gradient(left,#fff,#fff,#f5f5fd,#f1f2fc,#dde1fa,#b9bfe6);background:-ms-linear-gradient(left,#fff,#fff,#f5f5fd,#f1f2fc,#dde1fa,#b9bfe6);border-right:4px solid #596ee3}
.pageDZZhan .section_03 .container .tem .right{width:1000px;float:right;height:100%}
.pageDZZhan .section_03 .container .tem .right .right-box{padding-left:110px;width:970px;height:100%}
.pageDZZhan .section_03 .container .tem .right .right-box .sheji-tit{height:40px;line-height:20px;text-align:right;margin:0 auto;color:#333;font-size:12px}
.pageDZZhan .section_03 .container .tem .right .right-box a{display:inline-block;position:relative;margin:10px 120px 25px 0;padding:10px 10px 0}
.pageDZZhan .section_03 .container .tem .right .right-box a:hover:before{display:block;position:absolute;content:"";width:100%;height:100%;left:0;top:0;background:rgba(0,0,0,.5)}
.pageDZZhan .section_03 .container .tem .right .right-box .img1:hover:after,.pageDZZhan .section_03 .container .tem .right .right-box .img2:hover:after,.pageDZZhan .section_03 .container .tem .right .right-box .img3:hover:after,.pageDZZhan .section_03 .container .tem .right .right-box .img4:hover:after,.pageDZZhan .section_03 .container .tem .right .right-box .img5:hover:after,.pageDZZhan .section_03 .container .tem .right .right-box .img6:hover:after,.pageDZZhan .section_03 .container .tem .right .right-box .img7:hover:after,.pageDZZhan .section_03 .container .tem .right .right-box .img8:hover:after,.pageDZZhan .section_03 .container .tem .right .right-box .img9:hover:after,.pageDZZhan .section_03 .container .tem .right .right-box .img10:hover:after,.pageDZZhan .section_03 .container .tem .right .right-box .img11:hover:after,.pageDZZhan .section_03 .container .tem .right .right-box .img12:hover:after,.pageDZZhan .section_03 .container .tem .right .right-box .img13:hover:after,.pageDZZhan .section_03 .container .tem .right .right-box .img14:hover:after,.pageDZZhan .section_03 .container .tem .right .right-box .img15:hover:after,.pageDZZhan .section_03 .container .tem .right .right-box .img16:hover:after,.pageDZZhan .section_03 .container .tem .right .right-box .img17:hover:after,.pageDZZhan .section_03 .container .tem .right .right-box .img18:hover:after,.pageDZZhan .section_03 .container .tem .right .right-box .img19:hover:after,.pageDZZhan .section_03 .container .tem .right .right-box .img20:hover:after{content:"";display:block;width:50px;height:50px;position:absolute;z-index:1;left:50%;top:50%;margin:-25px 0 0 -25px;border-radius:100%;overflow:hidden;background:#5a6de3 url(../../images/website/diy/search.jpg) no-repeat 50% 50%}
.pageDZZhan .section_03 .container .tem .right .right-box6 .img{margin-top:20px}
.pageDZZhan .section_03 .container .tem .right .right-box6 .img img{float:left}
.pageDZZhan .section_03 .container .tem .right .right-box1 .img,.pageDZZhan .section_03 .container .tem .right .right-box2 .img img{width:833px;height:397px;margin-top:20px}
.pageDZZhan .section_03 .container .tem .right .right-box1 .img{position:relative;margin-top:0}
.pageDZZhan .section_03 .container .tem .right .right-box1 .img img:first-child{position:absolute;top:0;left:0}
.pageDZZhan .section_03 .container .tem .right .right-box1 .img img:nth-child(2){position:absolute;top:0;right:0}
.pageDZZhan .section_03 .container .tem .right .right-box1 .img img:nth-child(3){position:absolute;bottom:0;left:0}
.pageDZZhan .section_03 .container .tem .right .right-box1 .img img:nth-child(4){position:absolute;bottom:0;right:0}
.pageDZZhan .section_03 .container .tem .right .right-box0 .img,.pageDZZhan .section_03 .container .tem .right .right-box3 .img,.pageDZZhan .section_03 .container .tem .right .right-box4 .img{margin-top:20px}
.pageDZZhan .section_03 .container .tem .right .right-box0 .img img,.pageDZZhan .section_03 .container .tem .right .right-box3 .img img,.pageDZZhan .section_03 .container .tem .right .right-box4 .img img{border:1px solid #e8e8e8;box-shadow:0 0 10px #e8e8e8;margin:0 18px 18px 0}
.pageDZZhan .section_03 .container .tem .right .right-box0 .img img:nth-of-type(5n),.pageDZZhan .section_03 .container .tem .right .right-box3 .img img:nth-of-type(5n),.pageDZZhan .section_03 .container .tem .right .right-box4 .img img:nth-of-type(3n){margin-right:0}
.pageDZZhan .section_03 .container .tem .right .right-box5 .btn-block{margin-top:40px}
.pageDZZhan .section_03 .container .tem .right .right-box5 .btn-block p{display:inline-block;margin:0 10px 10px 0;width:110px;height:36px;line-height:36px;text-align:center;background:url(../../images/website/diy/jiao.png) no-repeat 50%}
.pageDZZhan .section_03 .container .tem .right .right-box5 .btn-block p:nth-of-type(7n){margin-right:0}
.pageDZZhan .section_03 .container .zhan-btn{margin:60px 0 60px 660px;width:120px;background:#596ee5;color:#fff;text-align:center;height:40px;line-height:40px;border-radius:20px;display:block}
.pageDZZhan .section_03 .container .zhan-btn a{color:#fff}
.pageDZZhan .section_04{width:100%;height:750px;background:#ececff}
.pageDZZhan .section_04 .container{width:1200px}
.pageDZZhan .section_04 .container .products .product{float:left;width:580px;height:560px}
.pageDZZhan .section_04 .container .products .product .prod-title{width:328px;height:118px;margin-left:135px;color:#fff;text-align:center}
.pageDZZhan .section_04 .container .products .product .prod-title h5{font-size:24px;font-weight:700;padding:40px 0 10px}
.pageDZZhan .section_04 .container .products .product .prod-title p{font-size:12px}
.pageDZZhan .section_04 .container .products .product .prod-cont{width:482px;height:192px;margin:auto;padding:25px 0;font-size:12px;color:#333;line-height:25px;border-bottom:2px dotted #e8e8e8}
.pageDZZhan .section_04 .container .products .product .prod-label{display:inline-block;text-align:left;min-width:85px}
.pageDZZhan .section_04 .container .products .product .prod-cont2{width:338px;padding:25px 0;margin:auto;font-size:12px;color:#333;line-height:25px}
.pageDZZhan .section_04 .container .products .product .prod-cont2 .tobuy{display:inline-block;margin:30px 0 0 85px;text-align:center;color:#fff;font-size:14px;width:170px;height:46px;line-height:46px;border-radius:20px;background-color:#6b6bca}
.pageDZZhan .section_04 .container .products .product1{background:#fff url(../../images/website/diy/hot.png) no-repeat;margin-right:20px}
.pageDZZhan .section_04 .container .products .product2{background:#fff url(../../images/website/diy/none-hot.png) no-repeat}
.pageDZZhan .section_05{background-color:#fff;height:680px}
.pageDZZhan .section_05 .container{width:1200px;height:680px}
.pageDZZhan .section_05 .container .design-tc .design-tc-item{float:left;width:280px;height:482px;margin-right:20px;border:1px solid #e8e8e8;border-top:4px solid #6b6bca;border-top-left-radius:5px;border-top-right-radius:5px}
.pageDZZhan .section_05 .container .design-tc .design-tc-item:nth-of-type(4n){margin-right:0}
.pageDZZhan .section_05 .container .design-tc .design-tc-item .design-tc-title{font-size:16px;font-weight:700;color:#333;margin:25px 0 35px;text-align:center}
.pageDZZhan .section_05 .container .design-tc .design-tc-item .design-tc-cont{margin:0 20px;line-height:28px;border-bottom:2px dotted #e8e8e8;font-size:12px}
.pageDZZhan .section_05 .container .design-tc .design-tc-item .design-tc-cont .sjs{display:inline-block;color:#6b6bca;padding-left:10px;background:url(../../images/website/diy/jt.png) no-repeat 0}
.pageDZZhan .section_05 .container .design-tc .design-tc-item .design-tc-cont span:first-of-type{display:inline-block;width:65%}
.pageDZZhan .section_05 .container .design-tc .design-tc-item .design-tc-cont span:nth-of-type(2){display:inline-block;width:35%;margin-left:-4px;text-align:right}
.pageDZZhan .section_05 .container .design-tc .design-tc-item .to-consult{display:block;width:140px;height:38px;border:1px solid #6b6bca;color:#6b6bca;margin:30px auto auto;border-radius:20px;text-align:center;line-height:38px;font-size:14px;background:url(../../images/website/diy/msg.png) no-repeat 32px;padding-left:20px}
.pageDZZhan .section_05 .container .design-tc .design-tc-item .to-consult:hover{padding-left:20px;background:#6b6bca url(../../images/website/diy/dian.png) no-repeat 32px;color:#fff}
.pageDZZhan .section_06{height:510px;background-color:#ececff}
.pageDZZhan .section_06 .container{width:1200px}
.pageDZZhan .section_06 .container .fwbz{margin:0 10px}
.pageDZZhan .section_06 .container .fwbz-item{float:left;width:280px;height:150px;margin:20px 20px 10px 0}
.pageDZZhan .section_06 .container .fwbz-item:nth-of-type(4n){margin-right:0}
.pageDZZhan .section_06 .container .fwbz-item:before{display:block;content:" ";width:53px;margin-bottom:10px}
.pageDZZhan .section_06 .container .fwbz-item:first-child:before{height:48px;background:url(../../images/website/diy/icons.png) no-repeat 0 0}
.pageDZZhan .section_06 .container .fwbz-item:nth-child(2):before{height:49px;background:url(../../images/website/diy/icons.png) no-repeat 0 -48px}
.pageDZZhan .section_06 .container .fwbz-item:nth-child(3):before{height:48px;background:url(../../images/website/diy/icons.png) no-repeat 0 -97px}
.pageDZZhan .section_06 .container .fwbz-item:nth-child(4):before{height:48px;background:url(../../images/website/diy/icons.png) no-repeat 0 -145px}
.pageDZZhan .section_06 .container .fwbz-item:nth-child(5):before{height:48px;background:url(../../images/website/diy/icons.png) no-repeat 0 -193px}
.pageDZZhan .section_06 .container .fwbz-item:nth-child(6):before{height:48px;background:url(../../images/website/diy/icons.png) no-repeat 0 -241px}
.pageDZZhan .section_06 .container .fwbz-item:nth-child(7):before{height:48px;background:url(../../images/website/diy/icons.png) no-repeat 0 -289px}
.pageDZZhan .section_06 .container .fwbz-item:nth-child(8):before{height:48px;background:url(../../images/website/diy/icons.png) no-repeat 0 -337px}
.pageDZZhan .section_06 .container .fwbz-item .fwbz-title{font-size:14px;color:#333;margin-bottom:6px}
.pageDZZhan .section_06 .container .fwbz-item .fwbz-cont{font-size:12px;color:#666;padding-right:20px;line-height:16px}
.pageDZZhan .prod-title p {color:#fff;}
.pageDZZhan a,.pageDZZhan a:hover {text-decoration: none;}

.popup-dialog h3 {margin-top:17px;}
.popup-diy-loading {margin-top:-6px;}

.footer-kefu .wx .code{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;}