@charset "utf-8";
/* CSS Document ，内容部份*/

/*栏目导航*/
 #mynav{width:100%; height: 100px;position: fixed;background:#FFFFFF;opacity:0.96; border-bottom:1px solid #F1F1F1;z-index:999;}
@media screen and ( max-width:640px ){
    #mynav{ display: none;}
}
.header{margin: 0 auto; width: 1300px; height: 100px;background: url(/template/img/top-tel.png) right center no-repeat;}
.head-logo{float:left; display: inline;overflow: hidden;}
.head-logo img{height: 57px; width: auto; padding: 23px 0px;float: left;display: inline;}
.head-logo span{ font-size: 13px;display: none;float:right;}

.head-nav{ width:1300px;position: relative;z-index:9999;}
.head-nav ul{font-size: 16px;float: right; padding-right:210px;}
.head-nav ul li{float: left; height:100px;line-height:100px; }
.head-nav ul li a{color:#002239; padding:0px 20px; display: block;}
.head-nav ul li a#cut{color: #d1121b; background:url(/template/img/head-nav-hover.png) no-repeat center top 65px;font-weight: 600; }
.head-nav ul li a:hover{color: #d1121b; }
@media screen and ( max-width:640px ){
	.header{ width: 280px;background: url() right center no-repeat;}
    .head-logo{ margin:0 auto;width:280px; margin: 0 auto;overflow: hidden;}
    .head-logo img{ height: 58px; padding:5px 0px;float: left;display: inline;}
    .head-logo span{ display: none;}
    .head-nav{ display: none;}
}

/*栏目导航-wap*/
.wap-nav{ width: 100%; padding-bottom: 50px; position: relative; overflow: hidden;}
.wap-header{ height:50px; background-color:#FBFBFB;text-align: center; width:100%; top: 0; z-index: 100;position: fixed;overflow: hidden;border-bottom: 1px solid #F1F1F1;}
.wap-header img{ height:100%;}
.wap-header P{ height: 100%; margin-left: 40px;}
.wap-header P img{ height:28px; margin-top:11px;}
.wap-header-back{ float: left; width: 24px; height: 24px; margin: 13px 10px;}
.wap-nav-lb{ float: right; width: 30px; height: 30px; margin: 11px 10px;}
.wap-nav-list-close{ display: none;}
.wap-nav-shade{ position: fixed; width: 100%; height: 100%; left:0;top:0; z-index: 999; display: none;overflow: hidden;}
.wap-nav-list{ width:50%;height:100%; padding:50px 0px;position:fixed; left:100%; top: 0; text-align: left; background: #FBFBFB; z-index: 11111; overflow-y: scroll;overflow: hidden;box-shadow:-2px 0px 5px #FFFFFF; background: #FBFBFB;}
.wap-nav-list ul i{ display: block; height:20px;}
.wap-nav-list ul li{ line-height:45px; font-size:1rem; text-indent:40px; background: url(/template/img/wap-nav-d.png) 20px center no-repeat; background-size:4%;}
.wap-nav-list ul li img{ margin: -10px 0 0 3px; animation: rubberBand 1.2s infinite linear;}
.wap-nav-list ul li a{ display: block; color: #767676; height:45px; border-bottom: 1px solid #F1F1F1;}
.wap-nav-list ul li a.nav-s{ background: url(/template/img/wap-nav-more.png) no-repeat right 1rem center; background-size:4%;}
.wap-nav-list ul li div{ display: none;}
.wap-nav-list ul li div span{ display: block; background: #FFFFFF; background-size: 100% auto;}
.wap-nav-list ul li div span a{ display: block; background: url(/template/img/wap-nav-dit.png) no-repeat 20px center; background-size:4%;}
.wap-nav-list ul li.active{ background: url(/template/img/wap-nav-d-hover.png) no-repeat 20px 20px; background-size:4%;}
.wap-nav-list ul li.active > a{ color: #F22D11;}
.wap-nav-list ul li.active > a.nav-s{ background: url(/template/img/wap-nav-off.png) no-repeat right 1rem center; background-size: 4%;}

/* 定制专题-yy */
.diy-tg-yy{ width: 100%;background: url(/template/img/diy/yy-bj.png) top center repeat-y; background-size: 100%;overflow: hidden; margin-top:60px;}
.diy-tg-yy img{display: block;margin:105px auto 0px; text-align: center;}
.diy-tg-yy ul{margin:50px auto 100px auto; width: 860px; background: url(/template/img/diy/yy-right-img.gif) right top 0 no-repeat;}
.diy-tg-yy ul h2{ font-size:20px;color: #333;font-weight: 600; padding:0px 0px 13px;}
.diy-tg-yy ul h3{ font-size: 18px;color: #F20956; padding:5px 0px 20px;}
.diy-tg-yy ul p{ padding-top:19px; overflow: hidden;}
.diy-tg-yy ul p span{font-size: 16px;color: #333;}
.diy-tg-yy ul p b{color: #F20956; padding-right: 5px; padding-left: 10px; padding-top: 15px;}
.diy-tg-yy ul p select{overflow: hidden;height: 38px; line-height:38px;width:287px; padding:0px 32px 0px 10px;border:solid 1px #eee; outline:none;background: url(/template/img/arrow.png)#fff no-repeat right center;appearance:none;-moz-appearance:none;-webkit-appearance:none;color:#666;}
.diy-tg-yy ul p select::-ms-expand { display: none;}
.diy-tg-yy ul p input{border-radius:3px;width: 265px; padding: 12px 10px;border:1px solid #eee;}
.diy-tg-yy ul dt{ width: 250px; margin: 0 auto; padding-top: 60px;}
.diy-tg-yy ul dt input[type="submit"]{ color:#fff; background:#e50000; font-size:16px; text-align:center; cursor: pointer; height:40px; line-height:40px; border: 0px solid; display: block; width: 100%;border-radius:20px;}
.diy-tg-yy ul dt input:hover[type="submit"]{ color:#fff; background:#ce0303;}
.diy-tg-yy ul i{ display:block;text-align: center;font-size: 13px;color: #999; padding-top:12px;}
@media screen and ( max-width:640px ){
	.diy-tg-yy{ width: 100%;background: url(/template/img/diy/yy-bj.png) top center no-repeat; background-size:auto;overflow: hidden; margin-top:0;}
	.diy-tg-yy img{display: block;margin:60px auto 0px; text-align: center; width: 100px; height: auto;}
	.diy-tg-yy ul{margin:30px auto 60px auto; width:100%; background: url();}
	.diy-tg-yy ul h2{ font-size:1.4rem;color: #333;font-weight: 600; padding:0px 0px 10px; display: block;text-align: center;}
	.diy-tg-yy ul h3{ font-size:0.9rem;color: #F20956; padding:0px 0px 10px; display: block;text-align: center;}
	.diy-tg-yy ul p{ padding-top:11px; overflow: hidden;  width:280px ; margin: 0 auto;}
	.diy-tg-yy ul p span{display: none;}
	.diy-tg-yy ul p b{color: #F20956; padding-right: 5px; padding-left: 0px; padding-top: 15px;}
	.diy-tg-yy ul p select{overflow: hidden;height: 38px; line-height:38px;width:267px; padding:0px 32px 0px 10px;border:solid 1px #eee; outline:none;background: url(/template/img/arrow.png)#fff no-repeat right center;appearance:none;-moz-appearance:none;-webkit-appearance:none;color:#666;}
	.diy-tg-yy ul p select::-ms-expand { display: none;}
	.diy-tg-yy ul p input{border-radius:3px;width: 245px; padding: 12px 10px;border:1px solid #eee;}
	.diy-tg-yy ul dt{ width: 200px; margin: 0 auto; padding-top: 30px;}
	.diy-tg-yy ul dt input[type="submit"]{ color:#fff; background:#e50000; font-size:14px; text-align:center; cursor: pointer; height:40px; line-height:40px; border: 0px solid; display: block; width: 100%;border-radius:20px;}
	.diy-tg-yy ul dt input:hover[type="submit"]{ color:#fff; background:#ce0303;}
	.diy-tg-yy ul i{ display:block;text-align: center;font-size: 13px;color: #999; padding-top:12px;}
}

/* 施工观 */
.diy-sgg{ width: 1200px; margin: 0 auto;overflow: hidden; padding-bottom: 90px;}
.diy-sgg h1{ display: block;text-align: center; font-size:45px; color: #002239;font-weight: 600; padding-top:90px;}
.diy-sgg h3{text-align: center;font-size:18px; color: #666666; padding:20px 0px;font-size: 16px;color: #999; }
.diy-sgg ul{overflow: hidden; padding-top:40px;}
.diy-sgg ul li{ width: 285px; height:150px;border: 1px solid #EEEEEE;float: left;color: #333; padding-top: 100px;position: relative; margin-bottom: 17px;}
.diy-sgg ul li h2{display: block;text-align: center;font-size: 25px;}
.diy-sgg ul li p{ height:60px;text-align: center;font-size: 14px;padding:0px 3% 30px; line-height: 28px;position: absolute;bottom: 0px;left: 0px; width:94%;}
.diy-sgg ul li p span{display: block; }
.diy-sgg ul li:hover{box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.35);  }
.diy-sgg ul li:nth-child(1){ background: url(/template/img/diy/zt-3/sgg-list-1.png) center top 35px no-repeat; }
.diy-sgg ul li:nth-child(1) p{background: url(/template/img/diy/zt-3/num-1.png) left bottom no-repeat;}
.diy-sgg ul li:nth-child(1):hover{background: url(/template/img/diy/zt-3/sgg-list-1.png)#d31b24 center top 35px no-repeat;color: #fff;}
.diy-sgg ul li:nth-child(2){ background: url(/template/img/diy/zt-3/sgg-list-2.png) center top 35px no-repeat;margin-left: 17px;}
.diy-sgg ul li:nth-child(2) p{background: url(/template/img/diy/zt-3/num-2.png) left bottom no-repeat;}
.diy-sgg ul li:nth-child(2):hover{background: url(/template/img/diy/zt-3/sgg-list-2.png)color: #fff;}
.diy-sgg ul li:nth-child(3){ background: url(/template/img/diy/zt-3/sgg-list-3.png) center top 35px no-repeat;margin-left: 17px;}
.diy-sgg ul li:nth-child(3) p{background: url(/template/img/diy/zt-3/num-3.png) left bottom no-repeat;}
.diy-sgg ul li:nth-child(3):hover{background: url(/template/img/diy/zt-3/sgg-list-3.png)#d31b24 center top 35px no-repeat;color: #fff;}
.diy-sgg ul li:nth-child(4){ background: url(/template/img/diy/zt-3/sgg-list-4.png) center top 35px no-repeat;margin-left: 17px;}
.diy-sgg ul li:nth-child(4) p{background: url(/template/img/diy/zt-3/num-4.png) left bottom no-repeat;}
.diy-sgg ul li:nth-child(4):hover{background: url(/template/img/diy/zt-3/sgg-list-4.png)#d31b24 center top 35px no-repeat;color: #fff;}
.diy-sgg ul li:nth-child(5){ background: url(/template/img/diy/zt-3/sgg-list-5.png) center top 35px no-repeat;margin-left:152px;}
.diy-sgg ul li:nth-child(5) p{background: url(/template/img/diy/zt-3/num-5.png) left bottom no-repeat;}
.diy-sgg ul li:nth-child(5):hover{background: url(/template/img/diy/zt-3/sgg-list-5.png)#d31b24 center top 35px no-repeat;color: #fff;}
.diy-sgg ul li:nth-child(6){ background: url(/template/img/diy/zt-3/sgg-list-6.png) center top 35px no-repeat;margin-left: 17px;}
.diy-sgg ul li:nth-child(6) p{background: url(/template/img/diy/zt-3/num-6.png) left bottom no-repeat;}
.diy-sgg ul li:nth-child(6):hover{background: url(/template/img/diy/zt-3/sgg-list-6.png)#d31b24 center top 35px no-repeat;color: #fff;}
.diy-sgg ul li:nth-child(7){ background: url(/template/img/diy/zt-3/sgg-list-7.png) center top 35px no-repeat;margin-left: 17px;}
.diy-sgg ul li:nth-child(7) p{background: url(/template/img/diy/zt-3/num-7.png) left bottom no-repeat;}
.diy-sgg ul li:nth-child(7):hover{background: url(/template/img/diy/zt-3/sgg-list-7.png)#d31b24 center top 35px no-repeat;color: #fff;}
@media screen and ( max-width:640px ){
.diy-sgg{ width:96%; margin: 0 auto;overflow: hidden;padding-bottom:30px;}
.diy-sgg h1{ display: block;text-align: center;color: #002239;font-size:2rem; padding-top:4rem;}
.diy-sgg h3{text-align: center; color: #666666; padding:10px 0px;font-size: 0.9rem;color: #999; }
.diy-sgg ul{overflow: hidden; padding-top:1.3rem; width:98%; margin: 0 auto;}
.diy-sgg ul li{ border: 1px solid #EEEEEE;float: left;color: #333; padding-top:5rem;position:static; margin-bottom: 17px;height:8rem;}
.diy-sgg ul li h2{display: block;text-align: center;font-size:1.5rem; padding-top: 1rem;}
.diy-sgg ul li p{height:4rem;text-align: center;font-size: 0.9rem;line-height:1.5rem;position: static;bottom: 0px;left: 0px; padding-top:0.5rem; padding-bottom:0.8.rem;}
.diy-sgg ul li p span{display: block; }
.diy-sgg ul li:hover{box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.35);  }
.diy-sgg ul li:nth-child(1){ background: url(/template/img/diy/zt-3/sgg-list-1.png) center top 1.5rem no-repeat; width:99%; }
.diy-sgg ul li:nth-child(1) p{background: url()}
.diy-sgg ul li:nth-child(1):hover{background: url(/template/img/diy/zt-3/sgg-list-1.png)#d31b24 center top 1.5rem no-repeat;color: #fff;}
.diy-sgg ul li:nth-child(2){ background: url(/template/img/diy/zt-3/sgg-list-2.png) center top 1.5rem no-repeat;margin-left: 0px;width: 48%;}
.diy-sgg ul li:nth-child(2) p{background: url()}
.diy-sgg ul li:nth-child(2):hover{background: url(/template/img/diy/zt-3/sgg-list-2.png)#d31b24 center top 1.5rem no-repeat;color: #fff;}
.diy-sgg ul li:nth-child(3){ background: url(/template/img/diy/zt-3/sgg-list-3.png) center top 1.5rem no-repeat;margin-left:2%;width: 48%;}
.diy-sgg ul li:nth-child(3) p{background: url()}
.diy-sgg ul li:nth-child(3):hover{background: url(/template/img/diy/zt-3/sgg-list-3.png)#d31b24 center top 1.5rem no-repeat;color: #fff;}
.diy-sgg ul li:nth-child(4){ background: url(/template/img/diy/zt-3/sgg-list-4.png) center top 1.5rem no-repeat;margin-left: 0px;width: 48%;}
.diy-sgg ul li:nth-child(4) p{background: url()}
.diy-sgg ul li:nth-child(4):hover{background: url(/template/img/diy/zt-3/sgg-list-4.png)#d31b24 center top 1.5rem no-repeat;color: #fff;}
.diy-sgg ul li:nth-child(5){ background: url(/template/img/diy/zt-3/sgg-list-5.png) center top 1.5rem no-repeat;margin-left:2%;width: 48%;}
.diy-sgg ul li:nth-child(5) p{background: url()}
.diy-sgg ul li:nth-child(5):hover{background: url(/template/img/diy/zt-3/sgg-list-5.png)#d31b24 center top 1.5rem no-repeat;color: #fff;}
.diy-sgg ul li:nth-child(6){ background: url(/template/img/diy/zt-3/sgg-list-6.png) center top 1.5rem no-repeat;margin-left: 0px;width: 48%;}
.diy-sgg ul li:nth-child(6) p{background: url()}
.diy-sgg ul li:nth-child(6):hover{background: url(/template/img/diy/zt-3/sgg-list-6.png)#d31b24 center top 1.5rem no-repeat;color: #fff;}
.diy-sgg ul li:nth-child(7){ background: url(/template/img/diy/zt-3/sgg-list-7.png) center top 1.5rem no-repeat;margin-left:2%;width: 48%;;}
.diy-sgg ul li:nth-child(7) p{background: url()}
.diy-sgg ul li:nth-child(7):hover{background: url(/template/img/diy/zt-3/sgg-list-7.png)#d31b24 center top 1.5rem no-repeat;color: #fff;}
}

/* 办公定制专题 */
/* 办公定制专题-服务项目 */
.diy-1-fw{ width: 1320px; margin: 0 auto;overflow: hidden;}
.diy-1-fw h1{ display: block;text-align: center; font-size:45px; color: #002239;font-weight: 600; padding-top: 80px;}
.diy-1-fw p{text-align: center;font-size:18px; color: #666666; padding:20px 0px;}
.diy-1-fw ul{overflow: hidden; padding-top: 12px;}
.diy-1-fw ul li{margin:20px 15px;width: 298px;height: 348px;border: 1px solid #EEEEEE;box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.35);border-radius:3px;float: left;display: inline;overflow: hidden;color: #00233a;}
.diy-1-fw ul li h2{display: block;text-align: center; margin-top:114px; padding-top: 21px;font-size: 30px;background: url(/template/img/diy/zt-1/fw-dit.png) center top no-repeat;}
.diy-1-fw ul li i{display: block;text-align: center;margin-top:33px;font-size: 20px;line-height: 36px;}
.diy-1-fw ul li:hover{color: #fff;border: 1px solid #d31b24;box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.35);border-radius:3px;}
.diy-1-fw ul li.fw-1{background: url(/template/img/diy/zt-1/fw-1-1.png) center top 35px no-repeat ;}
.diy-1-fw ul li:hover.fw-1{background: url(/template/img/diy/zt-1/fw-1-2.png)#d31b24 center top 35px no-repeat ;}
.diy-1-fw ul li.fw-2{background: url(/template/img/diy/zt-1/fw-2-1.png) center top 35px no-repeat ;}
.diy-1-fw ul li:hover.fw-2{background: url(/template/img/diy/zt-1/fw-2-2.png)#d31b24 center top 35px no-repeat ;}
.diy-1-fw ul li.fw-3{background: url(/template/img/diy/zt-1/fw-3-1.png) center top 35px no-repeat ;}
.diy-1-fw ul li:hover.fw-3{background: url(/template/img/diy/zt-1/fw-3-2.png)#d31b24 center top 35px no-repeat ;}
.diy-1-fw ul li.fw-4{background: url(/template/img/diy/zt-1/fw-4-1.png) center top 35px no-repeat ;}
.diy-1-fw ul li:hover.fw-4{background: url(/template/img/diy/zt-1/fw-4-2.png)#d31b24 center top 35px no-repeat ;}
.diy-1-fw ul li.fw-5{background: url(/template/img/diy/zt-1/fw-5-1.png) center top 35px no-repeat ;}
.diy-1-fw ul li:hover.fw-5{background: url(/template/img/diy/zt-1/fw-5-2.png)#d31b24 center top 35px no-repeat ;}
.diy-1-fw ul li.fw-6{background: url(/template/img/diy/zt-1/fw-6-1.png) center top 35px no-repeat ;}
.diy-1-fw ul li:hover.fw-6{background: url(/template/img/diy/zt-1/fw-6-2.png)#d31b24 center top 35px no-repeat ;}
.diy-1-fw ul li.fw-7{background: url(/template/img/diy/zt-1/fw-7-1.png) center top 35px no-repeat ;}
.diy-1-fw ul li:hover.fw-7{background: url(/template/img/diy/zt-1/fw-7-2.png)#d31b24 center top 35px no-repeat ;}
.diy-1-fw ul li.fw-8{background: url(/template/img/diy/zt-1/fw-8-1.png) center top 35px no-repeat ;}
.diy-1-fw ul li:hover.fw-8{background: url(/template/img/diy/zt-1/fw-8-2.png)#d31b24 center top 35px no-repeat ;}
@media screen and ( max-width:640px ){
	.diy-1-fw{ width:100%;margin: 0 auto;overflow: hidden;}
	.diy-1-fw h1{ display: block;text-align: center; font-size:1.8rem;color:#002239;font-weight: 600; padding-top:3rem;}
	.diy-1-fw p{text-align: center;font-size:0.9rem; color: #666666; padding:0.6rem 6%;}
	.diy-1-fw ul{overflow: hidden;padding-top: 12px;}
	.diy-1-fw ul li{margin:0.6rem 2%;width:45%;height:17rem;border: 1px solid #EEEEEE;box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.35);border-radius:3px;float: left;display: inline;overflow: hidden;color: #00233a;}
	.diy-1-fw ul li h2{display: block;text-align: center; margin-top:6.0rem; padding-top:1.2rem;font-size:1.5rem;background: url(/template/img/diy/zt-1/fw-dit.png) center top no-repeat;}
	.diy-1-fw ul li i{display: block;text-align: center;margin-top:1.3rem;font-size: 0.8rem;line-height: 1.8rem;}
	.diy-1-fw ul li:hover{color: #fff;border: 1px solid #d31b24;box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.35);border-radius:3px;}
	.diy-1-fw ul li.fw-1{background: url(/template/img/diy/zt-1/fw-1-1.png) center top 1.5rem no-repeat ;background-size:30%;}
	.diy-1-fw ul li:hover.fw-1{background: url(/template/img/diy/zt-1/fw-1-2.png)#d31b24 center top 1.5rem no-repeat ;}
	.diy-1-fw ul li.fw-2{background: url(/template/img/diy/zt-1/fw-2-1.png) center top 1.5rem no-repeat ;background-size:30%;}
	.diy-1-fw ul li:hover.fw-2{background: url(/template/img/diy/zt-1/fw-2-2.png)#d31b24 center top 1.5rem no-repeat ;background-size:30%;}
	.diy-1-fw ul li.fw-3{background: url(/template/img/diy/zt-1/fw-3-1.png) center top 1.5rem no-repeat ;background-size:30%;}
	.diy-1-fw ul li:hover.fw-3{background: url(/template/img/diy/zt-1/fw-3-2.png)#d31b24 center top 1.5rem no-repeat ;background-size:30%;}
	.diy-1-fw ul li.fw-4{background: url(/template/img/diy/zt-1/fw-4-1.png) center top 1.5rem no-repeat ;background-size:30%;}
	.diy-1-fw ul li:hover.fw-4{background: url(/template/img/diy/zt-1/fw-4-2.png)#d31b24 center top 1.5rem no-repeat ;background-size:30%;}
	.diy-1-fw ul li.fw-5{background: url(/template/img/diy/zt-1/fw-5-1.png) center top 1.5rem no-repeat ;background-size:30%;}
	.diy-1-fw ul li:hover.fw-5{background: url(/template/img/diy/zt-1/fw-5-2.png)#d31b24 center top 1.5rem no-repeat ;background-size:30%;}
	.diy-1-fw ul li.fw-6{background: url(/template/img/diy/zt-1/fw-6-1.png) center top 1.5rem no-repeat ;background-size:30%;}
	.diy-1-fw ul li:hover.fw-6{background: url(/template/img/diy/zt-1/fw-6-2.png)#d31b24 center top 1.5rem no-repeat ;background-size:30%;}
	.diy-1-fw ul li.fw-7{background: url(/template/img/diy/zt-1/fw-7-1.png) center top 1.5rem no-repeat ;background-size:30%;}
	.diy-1-fw ul li:hover.fw-7{background: url(/template/img/diy/zt-1/fw-7-2.png)#d31b24 center top 1.5rem no-repeat ;background-size:30%;}
	.diy-1-fw ul li.fw-8{background: url(/template/img/diy/zt-1/fw-8-1.png) center top 1.5rem no-repeat ;background-size:30%;}
	.diy-1-fw ul li:hover.fw-8{background: url(/template/img/diy/zt-1/fw-8-2.png)#d31b24 center top 1.5rem no-repeat ;background-size:30%;}
}

/* 办公定制专题-案例 */
.diy-1-case{ width: 100%;background: url(/template/img/diy/zt-1/diy-1-case-bj.jpg) top center repeat-y;overflow: hidden; margin-top: 90px;}
.diy-1-case dt{text-align: center; font-size:45px; color: #fff;font-weight: 600; margin-top: 100px;}
.diy-1-case i{text-align:center;font-size:18px;color: #fff; padding:30px 0px; display: block; background: url(/template/img/diy/zt-1/case-nav-dit.png) top center no-repeat; margin-top:30px;}
.diy-1-case ul{ width: 1252px;overflow: hidden; margin: 0 auto; padding-top: 20px;}
.diy-1-case ul li{float: left;display:inline;overflow: hidden;position: relative; }

.diy-1-case ul li span{display: block;position: absolute;left: 0;bottom: 0px;width: 100%;text-align: center;background-color: rgba(1, 1, 1, 0.6);color: #fff;font-size:16px ; padding: 10px 0px;}

.diy-1-case ul li:nth-child(1) img, .diy-1-case ul li:nth-child(2) img, .diy-1-case ul li:nth-child(3) img , .diy-1-case ul li:nth-child(4) img , .diy-1-case ul li:nth-child(5) img , .diy-1-case ul li:nth-child(6) img{ width: 400px; height: 280px}
.diy-1-case ul li:nth-child(1), .diy-1-case ul li:nth-child(2),.diy-1-case ul li:nth-child(4),.diy-1-case ul li:nth-child(5){ margin-right:26px ;}
.diy-1-case ul li:nth-child(4),.diy-1-case ul li:nth-child(5),.diy-1-case ul li:nth-child(6){ margin-top:25px ;}
.diy-1-case ul li:nth-child(7){ margin-right:42px;}
.diy-1-case ul li:nth-child(7) img, .diy-1-case ul li:nth-child(8) img{margin-top:25px ; width:605px; height: 350px;}
.diy-1-case ol{overflow: hidden; padding:80px 0px; margin: 0 auto; width: 100%;overflow: hidden; text-align: center;font-size: 16px;}
.diy-1-case ol a{ background: #fff;border: 1px solid #fff;border-radius: 50px; padding: 10px 70px; margin: 0px 20px;}

.diy-1-case ol a:nth-child(1){color: #002239}
.diy-1-case ol a:nth-child(2){color: #d31b24}
.diy-1-case ol a:nth-child(2):hover, .diy-1-case ol a:nth-child(1):hove{color: #fff;background:#d31b24 ;border: 1px solid #d31b24;}
@media screen and ( max-width:640px ){
	.diy-1-case{ width: 100%;background: url(/template/img/diy/zt-1/diy-1-case-bj.jpg) top center repeat-y;overflow: hidden; margin-top:3rem; }
	.diy-1-case dt{text-align: center; font-size:1.8rem; color: #fff;font-weight: 600; margin-top: 3rem;}
	.diy-1-case i{text-align:center;font-size:0.8rem;color: #fff; padding:1.6rem 0px; display: block; background: url(/template/img/diy/zt-1/case-nav-dit.png) top center no-repeat; margin-top:1.5rem;}
	.diy-1-case ul{ width:94%;overflow: hidden; margin: 0 auto; padding-top:0.6rem;}
	.diy-1-case ul li{float: left;display:inline;overflow: hidden;position: relative;}
	.diy-1-case ul li span{display: block;position: absolute;left: 0;bottom: 0px;width: 100%;text-align: center;background-color: rgba(1, 1, 1, 0.6);color: #fff;font-size:1rem ; padding:0.6rem 0px 1rem; line-height: 2rem;}
	
	.diy-1-case ul li:nth-child(1) img, .diy-1-case ul li:nth-child(2) img, .diy-1-case ul li:nth-child(3) img, .diy-1-case ul li:nth-child(4) img, .diy-1-case ul li:nth-child(5) img, .diy-1-case ul li:nth-child(6) img{ width:100%; height:auto; padding-bottom:12px;}
	.diy-1-case ul li:nth-child(1), .diy-1-case ul li:nth-child(2), .diy-1-case ul li:nth-child(4), .diy-1-case ul li:nth-child(5) ,.diy-1-case ul li:nth-child(6){ margin:0px;}
	
	.diy-1-case ul li:nth-child(7){ margin-right:0px; width: 100%;}
	.diy-1-case ul li:nth-child(7) img, .diy-1-case ul li:nth-child(8) img{margin-top:0px;width:100%; height:auto;padding-bottom:12px;}
	
	.diy-1-case ol{overflow: hidden; padding:3rem 0px 4rem; margin: 0 auto; width: 100%;overflow: hidden; text-align: center;font-size: 0.9rem;}
	.diy-1-case ol a{ background: #fff;border: 1px solid #fff;border-radius:50px; padding:0.5rem 2rem; margin: 0px 0.6rem;}
	.diy-1-case ol a:nth-child(1){color: #002239}
	.diy-1-case ol a:nth-child(2){color: #d31b24}
	.diy-1-case ol a:nth-child(2):hover, .diy-1-case ol a:nth-child(1):hove{color: #fff;background:#d31b24 ;border: 1px solid #d31b24;}
}

/* 办公定制专题-解决方案 */
.diy-1-fa{ width: 100%;overflow: hidden; margin-top: 90px;}
.diy-1-fa dt{text-align: center; font-size:45px; color: #002239;font-weight: 600;}
.diy-1-fa i{text-align:center;font-size:18px;color: #002239; padding:30px 0px; display: block; background: url(/template/img/diy/zt-1/fa-nav-dit.png) top center no-repeat; margin-top:30px;}
.diy-1-fa ul{ width: 100%; text-align: center; padding:60px 0 0;}
@media screen and ( max-width:640px ){
	.diy-1-fa{ width: 100%;overflow: hidden; margin-top:3rem;}
	.diy-1-fa dt{text-align: center; font-size:1.8rem; color: #002239;font-weight: 600;}
	.diy-1-fa dt span{display: none;}
	.diy-1-fa i{text-align:center;font-size:0.9rem;color: #002239; padding:1.5rem 0px; display: block; background: url(/template/img/diy/zt-1/fa-nav-dit.png) top center no-repeat; margin-top:1.5rem;}
	.diy-1-fa ul{ width:96%; text-align: center; padding:1rem 0 1.5rem; margin: 0 auto;}
	.diy-1-fa ul img{ width: 100%; height: auto;}
}


/* 办公定制专题-空间分类 */
.diy-1-fl{ width: 100%;overflow: hidden;background:url(/template/img/diy/zt-1/red-bj.jpg) top center no-repeat; background-size: 100%;}
.diy-1-fl p{ text-align: center; padding-top: 75px;}
.diy-1-fl ul{ margin:60px auto 60px auto; background: #fff; width: 1290px; padding:30px 10px 30px 10px;}
.diy-1-fl ul li{ width:300px; margin:0 10px;float: left; display: inline;overflow: hidden; }
.diy-1-fl ul li:hover{ background: #FBFBFB;box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.2);}
@media screen and ( max-width:640px ){
	.diy-1-fl{ width: 100%;overflow: hidden;background:url(/template/img/diy/zt-1/red-bj.jpg) top center; background-size:100%;}
	.diy-1-fl p{ text-align: center; padding-top:50px;}
	.diy-1-fl p img{ width:50%;}
	.diy-1-fl ul{ margin:20px auto 35px auto; background:none; width: 100%; padding:8px 0px}
	.diy-1-fl ul li{ width:48%; margin:6px 1%;float: left; display: inline;overflow: hidden;background: #FFFFFF; }
	.diy-1-fl ul li img{ width: 100%; height: auto;}
	.diy-1-fl ul li:hover{ background: #FBFBFB;box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.2);}
}

/* 办公定制专题-空间设计 */
.diy-1-kjsj{width: 100%;background: url(/template/img/diy/zt-1/kjsj-bj.jpg) top center repeat-y; background-size: 100%;overflow: hidden;padding-bottom: 50px;}
.diy-1-kjsj p{overflow: hidden;text-align: center; padding-top: 95px; padding-bottom: 50px;}
.diy-1-kjsj ul{ width: 1242px;margin: 0 auto;}
.diy-1-kjsj ul li{float: left; margin: 10px 10px;background: #fff;}
@media screen and ( max-width:640px ){
	.diy-1-kjsj{width: 100%;background: url(/template/img/diy/zt-1/kjsj-bj.jpg) top center repeat-y; background-size: 100%;overflow: hidden;padding-bottom: 50px;}
	.diy-1-kjsj p{overflow: hidden;text-align: center; padding-top:50px; padding-bottom: 30px;}
	.diy-1-kjsj p img{ width:50%;}
	.diy-1-kjsj ul{ width: 94%;margin: 0 auto;}
	.diy-1-kjsj ul li{float: left; margin:6px 0px;background: #fff; width: 100%;}
	.diy-1-kjsj ul li img{width: 100%; height: auto;}
}

/* 办公定制专题-服务优势 */
.diy-1-ys{width: 100%;background: url(/template/img/diy/zt-1/red-bj.jpg) top center repeat-y; background-size: 100%;overflow: hidden;padding-bottom: 50px;}
.diy-1-ys p{overflow: hidden;text-align: center; padding-top: 95px; padding-bottom: 50px;}
.diy-1-ys ul{ width:1308px;margin: 0 auto;overflow: hidden;}
.diy-1-ys ul li{float: left;width: 299px; margin:14px;background: #F1F1F1;display: inline;box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.6)}
.diy-1-ys ul li img{width: 299px; height: auto;}
.diy-1-ys ul li:hover{box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.8);background: #fff;}
@media screen and ( max-width:640px ){
	.diy-1-ys{width: 100%;background: url(/template/img/diy/zt-1/red-bj.jpg) top center repeat-y; background-size: 100%;overflow: hidden;padding-bottom: 40px;}
	.diy-1-ys p{ text-align: center; padding-top:50px;padding-bottom:10px;}
	.diy-1-ys p img{ width:50%;}
	.diy-1-ys ul{ margin:20px auto 20px auto; background:none; width: 100%; padding:8px 0px}
	.diy-1-ys ul li{ width:48%; margin:6px 1%;float: left; display: inline;overflow: hidden;background: #fff; }
	.diy-1-ys ul li img{ width: 100%; height: auto;}
	.diy-1-ys ul li:hover{ background: #fff;box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.2);}
}


/* 酒店专题-两个主题 */
.diy-2-zt{ width: 1200px; margin: 0 auto;overflow: hidden; padding-top: 110px;}
.diy-2-zt p.nav{ width:100%; padding-bottom: 65px; text-align: center;}
.diy-2-zt p.lc{ width:100%; padding:50px 0px; text-align: center;}
.diy-2-zt ul{ width:550px; height: 370px; background: url(/template/img/diy/zt-2/yl-img.jpg) left top no-repeat; padding-left: 650px;}
.diy-2-zt ul li{float: right;margin-top: 40px;}
.diy-2-zt ul li span{display: block; }
.diy-2-zt ul li i{display: block;font-size: 15px;line-height: 25px; padding-top: 20px; }
.diy-2-zt ul li:nth-child(1){ width: 430px; padding-bottom: 30px; padding-top: 20px;}
.diy-2-zt ul li:nth-child(2){ width: 550px;}
.diy-2-zt h2{display: block;font-size:32px; color: #d31b24; padding-top:30px; }
@media screen and ( max-width:640px ){
	.diy-2-zt{ width:100%;overflow: hidden; padding-top:60px}
	.diy-2-zt p.nav{ width:100%; padding-bottom:20px; text-align: center;}
	.diy-2-zt p.nav img{ width:55%; }
	.diy-2-zt p.lc{ width:100%; height: auto; padding:10px 0px 20px; text-align: center;}
	.diy-2-zt p.lc img{ width:100%; height: auto; }
	
	.diy-2-zt ul{ width:100%; height:auto; background: url(/template/img/diy/zt-2/yl-img.jpg) left top no-repeat #fff; padding-left:0px; background-size:100% ;}
	.diy-2-zt ul li{float: none;background: #fff; width:90%;margin:9rem auto 1rem;border: 1px solid #ddd; }
	.diy-2-zt ul li span{display: block; text-align:center; }
	.diy-2-zt ul li span img{ width:25%; }
	.diy-2-zt ul li i{display: block;font-size:1rem;padding:15px; }
	.diy-2-zt ul li:nth-child(1){ width:90%; padding-bottom:15px; padding-top: 20px;}
	.diy-2-zt ul li:nth-child(2){ width:90%; margin-top:0.8rem;padding-bottom:15px;padding-top: 20px;}
	.diy-2-zt h2{display: block;font-size:1rem; color: #d31b24; padding-top:1rem; padding-left:5%;padding-right:5%; }
}

/* 酒店专题-设计内容 */
#diy-2-sj{ width:100%;overflow: hidden; margin-top:70px;background: url(/template/img/diy/zt-2/sj-bj.png) #ddd top repeat-x;}
#diy-2-sj h1{ display: block;font-weight:500;font-size:45px;text-align: center;color: #333; padding-top:80px;}
#diy-2-sj h3{display: block;font-size:20px;color: #666;text-align: center;padding-top:12px; padding-bottom: 30px;}
.diy-2-list{width: 1320px;overflow: hidden; margin: 0 auto;position: relative;}
.diy-2-list ul{float: left;display: inline; }
.diy-2-list ul li:nth-child(1){  padding-left: 35px;padding-top:50px;}
.diy-2-list ul li:nth-child(2){ background: #fff; margin-top:37px; padding:50px 35px 40px; width: 1250px; }
.diy-2-list ol{float: right;display: inline; padding-top:138px;position: absolute;top:0px;right:35px;}

.diy-2-list div{overflow: hidden; padding:80px 0px; margin: 0 auto; width: 100%;overflow: hidden; text-align: center;font-size: 16px;}
.diy-2-list div p{text-align: center;padding-bottom: 40px;overflow: hidden;}
.diy-2-list div a{ background: #fff;border: 1px solid #fff;border-radius: 50px; padding: 10px 70px; margin:20px 20px;}
.diy-2-list div a:nth-child(1){color: #002239}
.diy-2-list div a:nth-child(2){color: #d31b24}
.diy-2-list div a:nth-child(2):hover, .diy-1-case ol a:nth-child(1):hove{color: #fff;background:#d31b24 ;border: 1px solid #d31b24;}
@media screen and ( max-width:640px ){
	#diy-2-sj{ width:100%;overflow: hidden; margin-top:30px;background:#fff;border-top: 12px solid #F1F1F1;border-bottom: 12px solid #F1F1F1;padding-bottom: 20px;}
	#diy-2-sj h1{ display: block;font-weight:500;font-size:2rem;text-align: center;color: #333; padding-top:2rem;}
	#diy-2-sj h3{font-size:1rem;color: #666;text-align: center;padding-top:12px; padding-bottom: 30px;}
	.diy-2-list{width:100%;overflow: hidden; margin: 0 auto;position: relative;}
	.diy-2-list ul{float: none;display: inline; width: 100%;  }
	.diy-2-list ul li:nth-child(1){ background: #d1121b;width:96%; padding:20px 2%; }
	.diy-2-list ul li:nth-child(1) img{ width: 100%; height: auto;} 
	.diy-2-list ul li:nth-child(2){ background: #fff;width:96%; padding:20px 2%;margin: 0px; }
	.diy-2-list ul li:nth-child(2) img{ width: 100%; height: auto;} 
	.diy-2-list ol,.diy-2-list div{display: none; }
}


/* 商业思维 */
.diy-2-sw{ width: 1200px; margin: 0 auto;overflow: hidden;}
.diy-2-sw h1{ display: block;text-align: center; font-size:45px; color: #002239;font-weight: 600; padding-top:90px;}
.diy-2-sw h3{text-align: center;font-size:18px; color: #666666; padding:20px 0px;font-size: 16px;color: #999; }
.diy-2-sw ul{overflow: hidden; padding-top: 12px;}
.diy-2-sw ul li{width:400px;height: 360px;float: left;display: inline;overflow: hidden;color: #00233a;}
.diy-2-sw ul li h2{display: block;text-align: center; margin-top:114px; padding-top:20px;padding-bottom:30px;font-size: 30px;background: url(/template/img/diy/zt-1/fw-dit.png) center bottom no-repeat;}
.diy-2-sw ul li i{display: block;text-align: center;margin-top:25px;font-size: 20px;line-height: 36px;}
.diy-2-sw ul li:hover{color: #fff;box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.35);}
.diy-2-sw ul li.sw-1{background: url(/template/img/diy/zt-2/sw-1-1.png) #ecebea center top 35px no-repeat ;}
.diy-2-sw ul li:hover.sw-1{background: url(/template/img/diy/zt-2/sw-1-2.png) #d31b24 center top 35px no-repeat ;}

.diy-2-sw ul li.sw-2{background: url(/template/img/diy/zt-2/sw-2-1.png) #f9f9f9 center top 35px no-repeat ;}
.diy-2-sw ul li:hover.sw-2{background: url(/template/img/diy/zt-2/sw-2-2.png) #d31b24 center top 35px no-repeat ;}

.diy-2-sw ul li.sw-3{background: url(/template/img/diy/zt-2/sw-3-1.png) #ecebea center top 35px no-repeat ;}
.diy-2-sw ul li:hover.sw-3{background: url(/template/img/diy/zt-2/sw-3-2.png) #d31b24 center top 35px no-repeat ;}

.diy-2-sw ul li.sw-4{background: url(/template/img/diy/zt-2/sw-4-1.png) #f9f9f9 center top 35px no-repeat ;}
.diy-2-sw ul li:hover.sw-4{background: url(/template/img/diy/zt-2/sw-4-2.png) #d31b24 center top 35px no-repeat ;}

.diy-2-sw ul li.sw-5{background: url(/template/img/diy/zt-2/sw-5-1.png) #ecebea center top 35px no-repeat ;}
.diy-2-sw ul li:hover.sw-5{background: url(/template/img/diy/zt-2/sw-5-2.png) #d31b24 center top 35px no-repeat ;}

.diy-2-sw ul li.sw-6{background: url(/template/img/diy/zt-2/sw-6-1.png) #f9f9f9 center top 35px no-repeat ;}
.diy-2-sw ul li:hover.sw-6{background: url(/template/img/diy/zt-2/sw-6-2.png) #d31b24 center top 35px no-repeat ;}

@media screen and ( max-width:640px ){
.diy-2-sw{ width:100%; margin: 0 auto;overflow: hidden;}
.diy-2-sw h1{ display: block;text-align: center;color: #002239;font-size:2rem; padding-top:40px;}
.diy-2-sw h3{text-align: center;font-size:18px; color: #666666; padding:10px 0px;font-size: 16px;color: #999; }
.diy-2-sw ul{overflow: hidden; padding-top: 12px;}
.diy-2-sw ul li{width:100%;height:auto;float: left;display: inline;overflow: hidden;color: #00233a; padding-bottom: 30px;}
.diy-2-sw ul li h2{display: block;text-align: center; margin-top:114px; padding-top:20px;padding-bottom:20px;font-size:1.8rem;background: url(/template/img/diy/zt-1/fw-dit.png) center bottom no-repeat;}
.diy-2-sw ul li i{display: block;text-align: center;margin-top:5px;font-size: 20px;line-height: 36px;}
.diy-2-sw ul li:hover{color: #fff;box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.35);}
.diy-2-sw ul li.sw-1{background: url(/template/img/diy/zt-2/sw-1-1.png) #ecebea center top 35px no-repeat ;}
.diy-2-sw ul li:hover.sw-1{background: url(/template/img/diy/zt-2/sw-1-2.png) #d31b24 center top 35px no-repeat ;}

.diy-2-sw ul li.sw-2{background: url(/template/img/diy/zt-2/sw-2-1.png) #f9f9f9 center top 35px no-repeat ;}
.diy-2-sw ul li:hover.sw-2{background: url(/template/img/diy/zt-2/sw-2-2.png) #d31b24 center top 35px no-repeat ;}

.diy-2-sw ul li.sw-3{background: url(/template/img/diy/zt-2/sw-3-1.png) #ecebea center top 35px no-repeat ;}
.diy-2-sw ul li:hover.sw-3{background: url(/template/img/diy/zt-2/sw-3-2.png) #d31b24 center top 35px no-repeat ;}

.diy-2-sw ul li.sw-4{background: url(/template/img/diy/zt-2/sw-4-1.png) #f9f9f9 center top 35px no-repeat ;}
.diy-2-sw ul li:hover.sw-4{background: url(/template/img/diy/zt-2/sw-4-2.png) #d31b24 center top 35px no-repeat ;}

.diy-2-sw ul li.sw-5{background: url(/template/img/diy/zt-2/sw-5-1.png) #ecebea center top 35px no-repeat ;}
.diy-2-sw ul li:hover.sw-5{background: url(/template/img/diy/zt-2/sw-5-2.png) #d31b24 center top 35px no-repeat ;}

.diy-2-sw ul li.sw-6{background: url(/template/img/diy/zt-2/sw-6-1.png) #f9f9f9 center top 35px no-repeat ;}
.diy-2-sw ul li:hover.sw-6{background: url(/template/img/diy/zt-2/sw-6-2.png) #d31b24 center top 35px no-repeat ;}
	}
	
	
/* 酒店空间定制专题-案例 */
.diy-2-case{ width: 100%;background: url(/template/img/diy/zt-2/diy-2-case-bj.jpg) top center repeat-y;overflow: hidden; margin-top: 90px;}
.diy-2-case dt{text-align: center; font-size:45px; color: #fff;font-weight: 600; margin-top: 100px;}
.diy-2-case i{text-align:center;font-size:18px;color: #fff; padding:30px 0px; display: block; background: url(/template/img/diy/zt-1/case-nav-dit.png) top center no-repeat; margin-top:30px;}
.diy-2-case ul{ width: 1252px;overflow: hidden; margin: 0 auto; padding-top: 20px;}
.diy-2-case ul li{float: left;display:inline;overflow: hidden;position: relative;}

.diy-2-case ul li span{display: block;position: absolute;left: 0;bottom: 0px;width: 100%;text-align: center;background-color: rgba(1, 1, 1, 0.6);color: #fff;font-size:16px ; padding: 10px 0px;}

.diy-2-case ul li:nth-child(1) { width: 775px ; padding-right: 10px;}
.diy-2-case ul li:nth-child(1) img { width: 775px ; height: 600px; }
.diy-2-case ul li:nth-child(2){ width: 465px ;}
.diy-2-case ul li:nth-child(3){ width: 465px ; padding-top: 10px;}
.diy-2-case ul li:nth-child(2) img, .diy-2-case ul li:nth-child(3){ width: 465px ; height:295px}
.diy-2-case ul li:nth-child(4) { width:1250px ; padding-top: 10px;}
.diy-2-case ul li:nth-child(4) img { width:1250px ; height: 625px;}

.diy-2-case ul li:nth-child(5){margin-right: 10px;padding-top: 10px;}
.diy-2-case ul li:nth-child(6){padding-top: 10px;}
.diy-2-case ul li:nth-child(5) img, .diy-2-case ul li:nth-child(6) img{width:620px ; height:450px}

.diy-2-case ol{overflow: hidden; padding:80px 0px; margin: 0 auto; width: 100%;overflow: hidden; text-align: center;font-size: 16px;}
.diy-2-case ol a{ background: #fff;border: 1px solid #fff;border-radius: 50px; padding: 10px 70px; margin: 0px 20px;}
.diy-2-case ol a:nth-child(1){color: #002239}
.diy-2-case ol a:nth-child(2){color: #d31b24}
.diy-2-case ol a:nth-child(2):hover, .diy-2-case ol a:nth-child(1):hove{color: #fff;background:#d31b24 ;border: 1px solid #d31b24;}

@media screen and ( max-width:640px ){
	.diy-2-case{ width: 100%;background: url(/template/img/diy/zt-2/diy-2-case-bj.jpg) top center repeat-y;overflow: hidden; margin-top:0rem; }
	.diy-2-case dt{text-align: center; font-size:1.8rem; color: #fff;font-weight: 600; margin-top: 5rem;}
	.diy-2-case i{text-align:center;font-size:0.8rem;color: #fff; padding:1.6rem 0px; display: block; background: url(/template/img/diy/zt-1/case-nav-dit.png) top center no-repeat; margin-top:1.5rem;}
	.diy-2-case ul{ width:94%;overflow: hidden; margin: 0 auto; padding-top:0.6rem;}
	.diy-2-case ul li{float: left;display:inline;overflow: hidden; width: 100%;position: relative;}
	.diy-2-case ul li span{display: block;position: absolute;left: 0;bottom: 0px;width: 100%;text-align: center;background-color: rgba(1, 1, 1, 0.6);color: #fff;font-size:1rem ; padding:0.6rem 0px 0.6rem;}
	.diy-2-case ul li:nth-child(1), .diy-2-case ul li:nth-child(2), .diy-2-case ul li:nth-child(3), .diy-2-case ul li:nth-child(4){ width:100%; height:auto;overflow: hidden;}
	.diy-2-case ul li:nth-child(1){ width:100%; height:auto; padding-top:12px;padding-right:0px;}
	.diy-2-case ul li:nth-child(1) img{ width:100%; height:auto;}
	.diy-2-case ul li:nth-child(2) img{ width:100%; height:auto; padding-top:12px;}
	.diy-2-case ul li:nth-child(3) img{ width:100%; height:auto; }
	.diy-2-case ul li:nth-child(4) img{ width:100%; height:auto;}
	.diy-2-case ul li:nth-child(5) img{ width:100%; height:auto;padding-top: 0;}
	.diy-2-case ul li:nth-child(6) img{ width:100%; height:auto;padding-top: 0;}
	
	.diy-2-case ol{overflow: hidden; padding:3rem 0px 4rem; margin: 0 auto; width: 100%;overflow: hidden; text-align: center;font-size: 0.9rem;}
	.diy-2-case ol a{ background: #fff;border: 1px solid #fff;border-radius:50px; padding:0.5rem 2rem; margin: 0px 0.6rem;}
	.diy-2-case ol a:nth-child(1){color: #002239}
	.diy-2-case ol a:nth-child(2){color: #d31b24}
	.diy-2-case ol a:nth-child(2):hover, .diy-2-case ol a:nth-child(1):hove{color: #fff;background:#d31b24 ;border: 1px solid #d31b24;}
}


/* 教育空间定制专题- */
/* 教育空间定制专题-空间分类 */
.diy-3-fl{ width: 1300px; margin: 0 auto;overflow: hidden;}
.diy-3-fl h1{ display: block;text-align: center; font-size:45px; color: #002239;font-weight: 600; padding-top:90px;}
.diy-3-fl h3{text-align: center;font-size:18px; color: #666666; padding:20px 0px;font-size: 16px;color: #999; }
.diy-3-fl ul{overflow: hidden; padding-top: 12px; padding-bottom: 12px; }
.diy-3-fl ul li{ width: 420px;float: left;position: relative;  }
.diy-3-fl ul li:nth-child(1), .diy-3-fl ul li:nth-child(2){margin-right: 20px;}
.diy-3-fl ul li img{ width: 420px; height: 300px;}
.diy-3-fl ul li i{ display: block; text-align: center;position: absolute;bottom:108px;left: 0px; width: 420px;background-color: rgba(1, 1, 1, 0.541);color: #fff;font-weight: 600;font-size:20px ; padding: 10px 0px;}
.diy-3-fl ul li p{border: 1px solid #EEEEEE; padding:20px 15px;font-size: 14px;line-height: 23px;}
.diy-3-fl ul li:hover{box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.35)}
.diy-3-fl ul li:hover  i{color: #F20956;background: #fff;font-size: 40px;}
.diy-3-fl ol{overflow: hidden; padding-top:80px; text-align: center;}
@media screen and ( max-width:640px ){
.diy-3-fl{ width:96%; margin: 0 auto;overflow: hidden;}
.diy-3-fl h1{ display: block;text-align: center;color: #002239;font-size:2rem; padding-top:40px;}
.diy-3-fl h3{text-align: center;font-size:18px; color: #666666; padding:10px 0px;font-size: 16px;color: #999; }
.diy-3-fl ul{overflow: hidden;width:100%; }
.diy-3-fl ul li{ width:100%;float: none;position: relative; margin-bottom: 1.5rem;  }
.diy-3-fl ul li img{ width:100%; height: auto;}
.diy-3-fl ul li i{ display: block; text-align: center;position: absolute;bottom:6.8rem;left: 0px; width: 100%;background-color: rgba(1, 1, 1, 0.541);color: #fff;font-weight: normal;font-size:1.5rem ; padding:1.5rem 0px;line-height: 1rem;}
.diy-3-fl ul li p{border: 1px solid #EEEEEE; padding:1rem 15px;font-size: 0.8rem;line-height:1.2rem;}
.diy-3-fl ul li:hover{box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.35)}
.diy-3-fl ul li:hover  i{color: #F20956;background: #fff;font-size: 40px;}
.diy-3-fl ul li:hover p{border: 0px solid #EEEEEE; }
.diy-3-fl ol{overflow: hidden; padding-top:10px; text-align: center; padding-bottom:40px;}
.diy-3-fl ol img{ width: 100%; height: auto;}
	}
	
	
	
/* 教育空间定制专题-案例 */
.diy-3-case{ width: 100%;background: url(/template/img/diy/zt-2/diy-2-case-bj.jpg) top center repeat-y;overflow: hidden; margin-top: 90px;}
.diy-3-case dt{text-align: center; font-size:45px; color: #fff;font-weight: 600; margin-top: 100px;}
.diy-3-case i{text-align:center;font-size:18px;color: #fff; padding:30px 0px; display: block; background: url(/template/img/diy/zt-1/case-nav-dit.png) top center no-repeat; margin-top:30px;}
.diy-3-case ul{ width:1300px;overflow: hidden; margin: 0 auto; padding-top: 20px;}
.diy-3-case ul li{float: left;display:inline;overflow: hidden;margin-top: 15px;position: relative;}
.diy-3-case ul li span{display: block;position: absolute;left: 0;bottom: 0px;width: 100%;text-align: center;background-color: rgba(1, 1, 1, 0.6);color: #fff;font-size:16px ; padding: 10px 0px;}

.diy-3-case ul li:nth-child(1) { width:865px; }
.diy-3-case ul li:nth-child(1) img {width:865px; height: 565px;}

.diy-3-case ul li:nth-child(2), .diy-3-case ul li:nth-child(3), .diy-3-case ul li:nth-child(4), .diy-3-case ul li:nth-child(5), .diy-3-case ul li:nth-child(6), .diy-3-case ul li:nth-child(7), .diy-3-case ul li:nth-child(8), .diy-3-case ul li:nth-child(9){ width:425px ; height:275px}

.diy-3-case ul li:nth-child(2), .diy-3-case ul li:nth-child(3){ margin-left: 10px;}

.diy-3-case ul li:nth-child(5), .diy-3-case ul li:nth-child(6), .diy-3-case ul li:nth-child(8), .diy-3-case ul li:nth-child(9){ margin-left: 12px;}

.diy-3-case ul li:nth-child(2) img, .diy-3-case ul li:nth-child(3) img, .diy-3-case ul li:nth-child(4) img, .diy-3-case ul li:nth-child(5) img, .diy-3-case ul li:nth-child(6) img, .diy-3-case ul li:nth-child(7) img, .diy-3-case ul li:nth-child(8) img,.diy-3-case ul li:nth-child(9) img{ width:425px ; height:275px}

.diy-3-case ol{overflow: hidden; padding:80px 0px; margin: 0 auto; width: 100%;overflow: hidden; text-align: center;font-size: 16px;}
.diy-3-case ol a{ background: #fff;border: 1px solid #fff;border-radius: 50px; padding: 10px 70px; margin: 0px 20px;}
.diy-3-case ol a:nth-child(1){color: #002239}
.diy-3-case ol a:nth-child(2){color: #d31b24}
.diy-3-case ol a:nth-child(2):hover, .diy-3-case ol a:nth-child(1):hove{color: #fff;background:#d31b24 ;border: 1px solid #d31b24;}

@media screen and ( max-width:640px ){
	.diy-3-case{ width: 100%;background: url(/template/img/diy/zt-2/diy-2-case-bj.jpg) top center repeat-y;overflow: hidden; margin-top:0rem; }
	.diy-3-case dt{text-align: center; font-size:1.8rem; color: #fff;font-weight: 600; margin-top: 5rem;}
	.diy-3-case i{text-align:center;font-size:0.8rem;color: #fff; padding:1.6rem 0px; display: block; background: url(/template/img/diy/zt-1/case-nav-dit.png) top center no-repeat; margin-top:1.5rem;}
	.diy-3-case ul{ width:94%;overflow: hidden; margin: 0 auto; padding-top:0.6rem;}
	.diy-3-case ul li{float: left;display:inline;overflow: hidden; width: 100%;position: relative;}
	.diy-3-case ul li span{display: block;position: absolute;left: 0;bottom: 0px;width: 100%;text-align: center;background-color: rgba(1, 1, 1, 0.6);color: #fff;font-size:1rem ; padding:0.6rem 0px 0.6rem;}
	.diy-3-case ul li:nth-child(2), .diy-3-case ul li:nth-child(3), .diy-3-case ul li:nth-child(5), .diy-3-case ul li:nth-child(6),.diy-3-case ul li:nth-child(8),.diy-3-case ul li:nth-child(9){ margin-left: 0px;}
	
	.diy-3-case ul li:nth-child(1){ width:100%; height:auto; margin-bottom:0;}
	.diy-3-case ul li:nth-child(2), .diy-3-case ul li:nth-child(3), .diy-3-case ul li:nth-child(4), .diy-3-case ul li:nth-child(5), .diy-3-case ul li:nth-child(6), .diy-3-case ul li:nth-child(7), .diy-3-case ul li:nth-child(8), .diy-3-case ul li:nth-child(9){ width:100%; height:auto;}
	.diy-3-case ul li:nth-child(1) img{ width:100%; height:auto;}
	.diy-3-case ul li:nth-child(2) img{ width:100%; height:auto;}
	.diy-3-case ul li:nth-child(3) img{ width:100%; height:auto; }
	.diy-3-case ul li:nth-child(4) img{ width:100%; height:auto;}
	.diy-3-case ul li:nth-child(5) img{ width:100%; height:auto;}
	.diy-3-case ul li:nth-child(6) img{ width:100%; height:auto;}
	.diy-3-case ul li:nth-child(7) img{ width:100%; height:auto;}
	.diy-3-case ul li:nth-child(8) img{ width:100%; height:auto;}
	.diy-3-case ul li:nth-child(9) img{ width:100%; height:auto;}
	
	
	.diy-3-case ol{overflow: hidden; padding:3rem 0px 4rem; margin: 0 auto; width: 100%;overflow: hidden; text-align: center;font-size: 0.9rem;}
	.diy-3-case ol a{ background: #fff;border: 1px solid #fff;border-radius:50px; padding:0.5rem 2rem; margin: 0px 0.6rem;}
	.diy-3-case ol a:nth-child(1){color: #002239}
	.diy-3-case ol a:nth-child(2){color: #d31b24}
	.diy-3-case ol a:nth-child(2):hover, .diy-3-case ol a:nth-child(1):hove{color: #fff;background:#d31b24 ;border: 1px solid #d31b24;}
}


/* 餐饮定制专题--设计观 */
.diy-4-sjg{ width:100%; margin: 0 auto;overflow: hidden; padding-bottom:30px;}
.diy-4-sjg h1{ display: block;text-align: center; font-size:45px; color: #002239;font-weight: 600; padding-top:90px;}
.diy-4-sjg h3{text-align: center;font-size:22px; color: #666666; padding:15px 0px;font-size: 16px; }

.diy-4-sjg ul.s1{ width: 100%;overflow: hidden; padding-top: 30px;}
.diy-4-sjg ul.s1 li{width: 50%;float: left;display: inline;}
.diy-4-sjg ul.s1 li:nth-child(1){background: url(/template/img/diy/zt-4/sjg-img-1.jpg) right bottom no-repeat;height: 500px;width: 50%; background-size: 100%; }

.diy-4-sjg ul.s1 li div{width:500px;background:#fff; padding-left:50px; padding-top:50px; }
.diy-4-sjg ul.s1 li span{display: block; }
.diy-4-sjg ul.s1 li p{font-size: 16px; line-height: 28px;  padding-top: 35px; padding-bottom: 30px;}

.diy-4-sjg ul.s2{ width: 100%;overflow: hidden;}
.diy-4-sjg ul.s2 li{float: left;display: inline; }
.diy-4-sjg ul.s2 li:nth-child(1){background:#fff;width:55%; }
.diy-4-sjg ul.s2 li:nth-child(2){background: url(/template/img/diy/zt-4/sjg-img-2.jpg) right top 50px no-repeat;height: 500px;width:45%; background-size: 100%; }

.diy-4-sjg ul.s2 li div{width:500px;padding-right:50px; margin-top:50px;float: right;box-shadow: 0px 7px 19.8px 0.2px rgba(207, 207, 207, 0.35); margin-bottom: 12px; }
.diy-4-sjg ul.s2 li div span{display: block; }
.diy-4-sjg ul.s2 li div p{font-size: 16px; line-height: 28px;  padding-top:25px; padding-bottom:55px;}

@media screen and ( max-width:640px ){
	.diy-4-sjg{ width:96%; padding: 0 2%;overflow: hidden;padding-bottom:0px;border-bottom: 12px solid #F1F1F1;}
	.diy-4-sjg h1{ display: block;text-align: center;color: #002239;font-size:2rem; padding-top:4rem;}
	.diy-4-sjg h3{text-align: center; color: #666666; padding:8px 0px;font-size: 0.9rem; }
	
     .diy-4-sjg ul.s1{ width: 100%;overflow: hidden; padding-top:0px;}
     .diy-4-sjg ul.s1 li{width: 100%;float: left;display: inline;}
     .diy-4-sjg ul.s1 li:nth-child(1){display: none;}

     .diy-4-sjg ul.s1 li div{width:93%;padding: 12px 3%;margin-top:12px;border-top: 1px solid #F1F1F1; }
     .diy-4-sjg ul.s1 li span{display: block; padding-bottom: 10px; padding-top: 20px;text-align: center; }
	 .diy-4-sjg ul.s1 li span img{width:40%; height: auto; }
     .diy-4-sjg ul.s1 li p{font-size: 0.8rem; line-height: 1.4rem;  padding: 10px 0px;text-align: center;}
     
     .diy-4-sjg ul.s2{ width: 100%;overflow: hidden;}
     .diy-4-sjg ul.s2 li{float: left;display: inline; }
     .diy-4-sjg ul.s2 li:nth-child(1){background:#fff;width:100%;display: block;height: auto; padding-bottom: 0px; }
     .diy-4-sjg ul.s2 li:nth-child(2){display: none; height: auto;}
     
     .diy-4-sjg ul.s2 li div{width:93%;padding: 0px 3%; margin-top:12px;box-shadow: 0px 0px 0px 0px rgba(207, 207, 207, 0.35);margin-bottom: 0px; }
     .diy-4-sjg ul.s2 li span{display: block; padding-bottom: 10px; padding-top: 20px;text-align: center; }
     .diy-4-sjg ul.s2 li span img{width:40%; height: auto; margin-top:8px; }
     .diy-4-sjg ul.s2 li div p{font-size:0.8rem; line-height: 1.4rem;  padding-top:12px; padding-bottom:30px;border-bottom: 1px solid #F1F1F1;}
}


/* 餐饮空间定制专题-案例 */
.diy-4-case{ width: 100%;background: url(/template/img/diy/zt-2/diy-2-case-bj.jpg) top center repeat-y;overflow: hidden; margin-top: 90px;}
.diy-4-case dt{text-align: center; font-size:45px; color: #fff;font-weight: 600; margin-top: 100px;}
.diy-4-case i{text-align:center;font-size:18px;color: #fff; padding:30px 0px; display: block; background: url(/template/img/diy/zt-1/case-nav-dit.png) top center no-repeat; margin-top:30px;}
.diy-4-case ul{ width:1300px;overflow: hidden; margin: 0 auto; padding-top: 20px;}
.diy-4-case ul li{float: left;display:inline;overflow: hidden;position: relative;}
.diy-4-case ul li span{display: block;position: absolute;left: 0;bottom: 0px;width: 100%;text-align: center;background-color: rgba(1, 1, 1, 0.6);color: #fff;font-size:16px ; padding: 10px 0px;}
.diy-4-case ul li:nth-child(1) { width:640px ; padding-right:20px;}
.diy-4-case ul li:nth-child(1) img, .diy-4-case ul li:nth-child(2) img { width: 640px ; height: 400px; }
.diy-4-case ul li:nth-child(4), .diy-4-case ul li:nth-child(5),.diy-4-case ul li:nth-child(7), .diy-4-case ul li:nth-child(8){  margin-left: 20px;}

.diy-4-case ul li:nth-child(3) img, .diy-4-case ul li:nth-child(4) img, .diy-4-case ul li:nth-child(5) img, .diy-4-case ul li:nth-child(6) img, .diy-4-case ul li:nth-child(7) img ,.diy-4-case ul li:nth-child(8) img{ width:420px ; height: 300px; padding-top:20px;}

.diy-4-case ol{overflow: hidden; padding:80px 0px; margin: 0 auto; width: 100%;overflow: hidden; text-align: center;font-size: 16px;}
.diy-4-case ol a{ background: #fff;border: 1px solid #fff;border-radius: 50px; padding: 10px 70px; margin: 0px 20px;}
.diy-4-case ol a:nth-child(1){color: #002239}
.diy-4-case ol a:nth-child(2){color: #d31b24}
.diy-4-case ol a:nth-child(2):hover, .diy-4-case ol a:nth-child(1):hove{color: #fff;background:#d31b24 ;border: 1px solid #d31b24;}
@media screen and ( max-width:640px ){
	.diy-4-case{ width: 100%;background: url(/template/img/diy/zt-2/diy-2-case-bj.jpg) top center repeat-y;overflow: hidden; margin-top:0rem; }
	.diy-4-case dt{text-align: center; font-size:1.8rem; color: #fff;font-weight: 600; margin-top: 5rem;}
	.diy-4-case i{text-align:center;font-size:0.8rem;color: #fff; padding:1.6rem 0px; display: block; background: url(/template/img/diy/zt-1/case-nav-dit.png) top center no-repeat; margin-top:1.5rem;}
	.diy-4-case ul{ width:94%;overflow: hidden; margin: 0 auto; padding-top:0.6rem;}
	.diy-4-case ul li{float: left;display:inline;overflow: hidden; width: 100%;position: relative;}
	.diy-4-case ul li span{display: block;position: absolute;left: 0;bottom: 0px;width: 100%;text-align: center;background-color: rgba(1, 1, 1, 0.6);color: #fff;font-size:1rem ; padding:0.6rem 0px; line-height: 1.2rem;}
	.diy-4-case ul li:nth-child(1) { width:100% ; padding-right:0px;}
	.diy-4-case ul li:nth-child(1) img, .diy-4-case ul li:nth-child(2) img {width:100% ; height:auto; padding-top:10px; }
	.diy-4-case ul li:nth-child(4), .diy-4-case ul li:nth-child(5), .diy-4-case ul li:nth-child(7), .diy-4-case ul li:nth-child(8){  margin-left: 0px;}
	.diy-4-case ul li:nth-child(3) img, .diy-4-case ul li:nth-child(4) img, .diy-4-case ul li:nth-child(5) img, .diy-4-case ul li:nth-child(6) img, .diy-4-case ul li:nth-child(7) img ,.diy-4-case ul li:nth-child(8) img{ width:100% ; height:auto; padding-top:10px;}
	
	.diy-4-case ol{overflow: hidden; padding:3rem 0px 4rem; margin: 0 auto; width: 100%;overflow: hidden; text-align: center;font-size: 0.9rem;}
	.diy-4-case ol a{ background: #fff;border: 1px solid #fff;border-radius:50px; padding:0.5rem 2rem; margin: 0px 0.6rem;}
	.diy-4-case ol a:nth-child(1){color: #002239}
	.diy-4-case ol a:nth-child(2){color: #d31b24}
	.diy-4-case ol a:nth-child(2):hover, .diy-4-case ol a:nth-child(1):hove{color: #fff;background:#d31b24 ;border: 1px solid #d31b24;}
}


/* 餐饮定制专题--秘籍 */
.diy-4-mj{ width:100%; margin: 0 auto;overflow: hidden; padding-bottom:10px;}
.diy-4-mj h1{ display: block;text-align: center; font-size:45px; color: #002239;font-weight: 600; padding-top:90px;}
.diy-4-mj h3{text-align: center;font-size:22px; color: #666666; padding:15px 0px 50px ;font-size: 16px; }

.diy-4-mj dl {width: 1300px;margin: 0 auto;border: 1px solid #F1F1F1;background: #FBFBFB; height: 492px;overflow: hidden; }
.diy-4-mj dl dt{float: left; width: 681px;display: inline;overflow: hidden;}
.diy-4-mj dl dd{float: right; width: 579px; padding-left: 40px;display: inline;overflow: hidden;}
.diy-4-mj dl dd h2{display: block;background: url(/template/img/diy/zt-4/mj-dit.jpg) left center no-repeat; margin-top: 48px; padding-left: 35px;font-size: 30px;color: #333;}
.diy-4-mj dl dd ul{overflow: hidden; padding-top:10px;}
.diy-4-mj dl dd ul li{float: left;width: 155px; height: 55px;border: 1px solid #ddd; margin-right: 25px; margin-top: 25px;text-align: center;font-size: 20px; padding-top: 95px;box-shadow: 0px 3px 7px 0px rgba(126, 114, 86, 0.35);}
.diy-4-mj dl dd ul li:nth-child(1){background: url(/template/img/diy/zt-4/mj-zb-1.png)#fdfdfd center top 25px no-repeat;}
.diy-4-mj dl dd ul li:nth-child(1):hover{background: url(/template/img/diy/zt-4/mj-zb-1.png) #fff center top 25px no-repeat;}
.diy-4-mj dl dd ul li:nth-child(2){background: url(/template/img/diy/zt-4/mj-zb-2.png)#fdfdfd center top 25px no-repeat;}
.diy-4-mj dl dd ul li:nth-child(2):hover{background: url(/template/img/diy/zt-4/mj-zb-2.png) #fff center top 25px no-repeat;}
.diy-4-mj dl dd ul li:nth-child(3){background: url(/template/img/diy/zt-4/mj-zb-3.png)#fdfdfd center top 25px no-repeat;}
.diy-4-mj dl dd ul li:nth-child(3):hover{background: url(/template/img/diy/zt-4/mj-zb-3.png) #fff center top 25px no-repeat;}
.diy-4-mj dl dd ul li:nth-child(4){background: url(/template/img/diy/zt-4/mj-zb-4.png)#fdfdfd center top 25px no-repeat;}
.diy-4-mj dl dd ul li:nth-child(4):hover{background: url(/template/img/diy/zt-4/mj-zb-4.png) #fff center top 25px no-repeat;}
.diy-4-mj dl dd ul li:nth-child(5){background: url(/template/img/diy/zt-4/mj-zb-5.png)#fdfdfd center top 25px no-repeat;}
.diy-4-mj dl dd ul li:nth-child(5):hover{background: url(/template/img/diy/zt-4/mj-zb-5.png) #fff center top 25px no-repeat;}
.diy-4-mj dl dd ul li:nth-child(6){background: url(/template/img/diy/zt-4/mj-zb-6.png)#fdfdfd center center no-repeat;}
.diy-4-mj dl dd ul li:nth-child(6):hover{background: url(/template/img/diy/zt-4/mj-zb-6.png) #fff center center no-repeat;}
.diy-4-mj ol {margin: 0 auto; width:1182px;overflow: hidden; padding-top:50px;}
.diy-4-mj ol li{ width: 358px; height: 580px;overflow: hidden;float: left;display:inline;border: 1px solid #F1F1F1;background: #e8e8e8; margin: 0px 17px;text-align: center;font-size: 17px;box-shadow: 0px 5px 7px 0px rgba(0, 0, 0, 0.35); margin-bottom:10px;}
.diy-4-mj ol li h2{display: block; padding-top: 125px;font-size: 23px; padding-bottom: 20px;}
.diy-4-mj ol li span{display: block;padding: 12px 0px;border:1px dashed #BFC7D3;width: 300px; margin:12px auto 0px;}
.diy-4-mj ol li:nth-child(1){background: url(/template/img/diy/zt-4/mj-sj.png) #e8e8e8 center top 35px no-repeat;}
.diy-4-mj ol li:nth-child(1):hover{background: url(/template/img/diy/zt-4/mj-sj-2.png) #F32043 center top 35px no-repeat;color: #fff;}
.diy-4-mj ol li:nth-child(2){background: url(/template/img/diy/zt-4/mj-ty.png) #e8e8e8 center top 35px no-repeat;}
.diy-4-mj ol li:nth-child(2):hover{background: url(/template/img/diy/zt-4/mj-ty-2.png) #F32043 center top 35px no-repeat;color: #fff;}
.diy-4-mj ol li:nth-child(2) span{display: block;padding: 12px 0px;border:1px dashed #BFC7D3;width: 300px; margin:35px auto 0px;}
.diy-4-mj ol li:nth-child(3){background: url(/template/img/diy/zt-4/mj-fw.png) #e8e8e8 center top 35px no-repeat;}
.diy-4-mj ol li:nth-child(3):hover{background: url(/template/img/diy/zt-4/mj-fw-2.png) #F32043 center top 35px no-repeat;color: #fff;}
@media screen and ( max-width:640px ){
	.diy-4-mj{ width:96%; padding: 0 2%;overflow: hidden;padding-bottom:0px;}
	.diy-4-mj h1{ display: block;text-align: center;color: #002239;font-size:2rem; padding-top:4rem;}
	.diy-4-mj h3{text-align: center; color: #666666; padding:8px 0px;font-size: 0.9rem; }
	.diy-4-mj dl {width: 100%;margin: 0 auto;border:0px solid #F1F1F1;background: #fff; height: auto;overflow: hidden; }
	.diy-4-mj dl dt{float: none; width: 100%;display: inline;overflow: hidden; }
	.diy-4-mj dl dt img{width: 100%; height: auto;padding-top: 10px;}
	.diy-4-mj dl dd{float: none; width:100%; padding-left:0px;display: inline;overflow: hidden;}
	.diy-4-mj dl dd h2{display: none;background:#F1F1F1; margin-top: 48px; padding-left:0rem;font-size: 1.5rem;color: #333;text-align: center;padding: 10px 0px;}
	.diy-4-mj dl dd ul{overflow: hidden; padding-top:10px; width: 100%;}
	.diy-4-mj dl dd ul li{float: left;width: 30%; height:auto;border: 1px solid #eee; margin: 0.5rem 1.1%;text-align: center;font-size:1.0rem; padding-top:4.5rem;box-shadow: 0px 3px 7px 0px rgba(126, 114, 86, 0.35); padding-bottom:1.5rem;}
	.diy-4-mj dl dd ul li:nth-child(1){background: url(/template/img/diy/zt-4/mj-zb-1.png)#fdfdfd center top 25px no-repeat;background-size:30% ;}
	.diy-4-mj dl dd ul li:nth-child(1):hover{background: url(/template/img/diy/zt-4/mj-zb-1.png) #fff center top 25px no-repeat;background-size:30% ;}
	.diy-4-mj dl dd ul li:nth-child(2){background: url(/template/img/diy/zt-4/mj-zb-2.png)#fdfdfd center top 25px no-repeat;background-size:30% ;}
	.diy-4-mj dl dd ul li:nth-child(2):hover{background: url(/template/img/diy/zt-4/mj-zb-2.png) #fff center top 25px no-repeat;background-size:30% ;}
	.diy-4-mj dl dd ul li:nth-child(3){background: url(/template/img/diy/zt-4/mj-zb-3.png)#fdfdfd center top 25px no-repeat;background-size:30% ;}
	.diy-4-mj dl dd ul li:nth-child(3):hover{background: url(/template/img/diy/zt-4/mj-zb-3.png) #fff center top 25px no-repeat;background-size:30% ;}
	.diy-4-mj dl dd ul li:nth-child(4){background: url(/template/img/diy/zt-4/mj-zb-4.png)#fdfdfd center top 25px no-repeat;background-size:30% ;}
	.diy-4-mj dl dd ul li:nth-child(4):hover{background: url(/template/img/diy/zt-4/mj-zb-4.png) #fff center top 25px no-repeat;background-size:30% ;}
	.diy-4-mj dl dd ul li:nth-child(5){background: url(/template/img/diy/zt-4/mj-zb-5.png)#fdfdfd center top 25px no-repeat;background-size:30% ;}
	.diy-4-mj dl dd ul li:nth-child(5):hover{background: url(/template/img/diy/zt-4/mj-zb-5.png) #fff center top 25px no-repeat;background-size:30% ;}
	.diy-4-mj dl dd ul li:nth-child(6){background: url(/template/img/diy/zt-4/mj-zb-6.png)#fdfdfd center center no-repeat;background-size:30% ;padding-bottom:2.8rem;}
	.diy-4-mj dl dd ul li:nth-child(6):hover{background: url(/template/img/diy/zt-4/mj-zb-6.png) #fff center center no-repeat;background-size:30% ; }
	
	.diy-4-mj ol {width:98%;overflow: hidden; padding-top:1rem;}
	.diy-4-mj ol li{ width:90%; height:auto;overflow: hidden;float: left;display:inline;border: 1px solid #F1F1F1;background: #fff; margin: 0px;text-align: center;font-size: 17px;box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.35); margin-bottom:10px; padding: 0px 4.5% 2rem;}
	.diy-4-mj ol li h2{display: block; padding-top:6rem;font-size:2rem; padding-bottom: 20px;}
	.diy-4-mj ol li span ,.diy-4-mj ol li:nth-child(2) span{display: block;padding: 12px 0px;border:1px dashed #BFC7D3;width: auto;width: 45%; margin:6px 2.1%;float: left;}

	.diy-4-mj ol li:nth-child(1), .diy-4-mj ol li:nth-child(1):hover{background: url(/template/img/diy/zt-4/mj-sj.png) #fff center top 1.5rem no-repeat; background-size:15%;}
	.diy-4-mj ol li:nth-child(2), .diy-4-mj ol li:nth-child(2):hover{background: url(/template/img/diy/zt-4/mj-ty.png) #fff center top 1.5rem no-repeat; background-size:15%;}
	.diy-4-mj ol li:nth-child(3), .diy-4-mj ol li:nth-child(3):hover{background: url(/template/img/diy/zt-4/mj-fw.png) #fff center top 1.5rem no-repeat; background-size:15%;}

	
}