body{
   background-color: #fcfdf8;
}
.banner-nr-cong{
   width: 100%;
   position: relative;
}
.banner-nr-cong>img{
   width: 100%;
}
.banner-nr-cong>div{
   width: 100%;
   position: absolute;
   top: 0px;
}
.banner-nr-cong>div>div{
   width: 632px;
   height: 239px;
   margin: 0 auto;
   margin-top: 5%;
   position: relative;
}
.banner-nr-cong>div>div>div{
   position: absolute;
}
.banner-nr-cong>div>div>div>img{
   width: 100%;
}
.banner-nr-cong>div>div>div>span{
   display: block;
   width: 100%;
   color: #fff;
}





.hc-gywm{
   height: 100%;
}
.ppsl{
   padding-top: 6%;
}
.ppsl .course-title{
	width: 1200px;
	margin: 0 auto;
}
.ppsl>.item{
	width: 100%;
	position: relative;
}
.ppsl>.item .bgimg{
	width: 100%;
}
.ppsl>.item .bgimg img{
	width: 100%;
   height: 100%;
   min-height: 580px;
}
.ppsl>.item>div:nth-of-type(2){
	width: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
}
.ppsl>.item ul{
	width: 1200px;
	margin: 5% auto;
   padding: 10px;
	display: flex;
	justify-content:space-between;
	flex-wrap:wrap;overflow:hidden;clear:both;

}
.ppsl>.item ul li:last-child:nth-child(4n - 1) {
    margin-right: calc(25% + 4% / 3);
}
/* 如果最后一行是2个元素 */
.ppsl>.item ul li:last-child:nth-child(4n - 2) {
    margin-right: calc(49% + 8% / 3);
}
.ppsl>.item ul li{
	width: 22.5%;
	position: relative;
	height: 300px;
   opacity: 0;
   animation: slidedowntoup 1s linear 0s 1 normal;
   animation-fill-mode: forwards;
}
.ppsl>.item ul li{width:22.5%;height:auto;background-color:#fff;box-shadow:0 5px 9px rgba(0,0,0,.15);float:left;margin-right:12px;transition:.4s;border:2px #fff solid;margin-top: 30px;}
.ppsl>.item ul li .list-title h2{color:#000;font-size:20px;font-weight:500;margin:30px auto;text-align: center;width: 80%;line-height: 30px;}
.ppsl>.item ul li .list-title a{color:#666;}
.ppsl>.item ul li:hover{background-color:#fe6635;border:2px #fe6635 solid}
.ppsl>.item ul li:hover .list-title h2{color:#fff}
.ppsl>.item ul li img{
	width: 100%;
	/*position: absolute;*/
	
}
/*.ppsl>.item ul li:first-of-type>img{
	animation: slidedowntoup 1s linear 0s 1 normal;
	animation-fill-mode: forwards;
}
.ppsl>.item ul li:nth-of-type(2)>img{
	animation: slidedowntoup 1s linear 0.5s 1 normal;
	animation-fill-mode: forwards;
}
.ppsl>.item ul li:nth-of-type(3)>img{
	animation: slidedowntoup 1s linear 1s 1 normal;
	animation-fill-mode: forwards;
}
.ppsl>.item ul li:nth-of-type(4)>img{
	animation: slidedowntoup 1s linear 1.5s 1 normal;
	animation-fill-mode: forwards;
}
.ppsl>.item ul li:nth-of-type(5)>img{
	animation: slidedowntoup 1s linear 2s 1 normal;
	animation-fill-mode: forwards;
}
.ppsl>.item ul li:nth-of-type(6)>img{
	animation: slidedowntoup 1s linear 2.5s 1 normal;
	animation-fill-mode: forwards;
}
.ppsl>.item ul li:nth-of-type(7)>img{
	animation: slidedowntoup 1s linear 3s 1 normal;
	animation-fill-mode: forwards;
}
.ppsl>.item ul li:nth-of-type(8)>img{
	animation: slidedowntoup 1s linear 3.5s 1 normal;
	animation-fill-mode: forwards;
}
.ppsl>.item ul li:nth-of-type(9)>img{
	animation: slidedowntoup 1s linear 4s 1 normal;
	animation-fill-mode: forwards;
}
.ppsl>.item ul li:nth-of-type(10)>img{
	animation: slidedowntoup 1s linear 4.5s 1 normal;
	animation-fill-mode: forwards;
}*/
@keyframes slidedowntoup{
	0%{
		opacity:0;
		top: 122px;
	}
	100%{
		opacity: 1;
		top: 0px;
	}
}

.xmxz{
   margin-top: 4%;
   width: 100%;
   min-width: 1400px;
   padding-top: 6%;
}
/*全屋整装*/
.xmxz .qwzz{
   width: 100%;
   position: relative;
}
.xmxz .qwzz>a{
   width: 100%;
   display: block;
   clear: both;
}
.xmxz .qwzz>a>img{
   width: 100%;
}
.xmxz .qwzz>div{
   width: 100%;
   height: 100%;
   position: absolute;
   top: 0px;
   left: 0px;
}
.xmxz .qwzz>div>div{
   width: 62.5%;
   height: 100%;
   margin: 0 auto;
   position: relative;
}
.xmxz .qwzz>div>div>a{
   position: absolute;
   top: 8.9%;
   right: 5%;
   width: 20%;
   height: 84.8%;
}
.xmxz .qwzz>div>div>a>div{
   position: relative;
   width: 100%;
   height: 100%;
}
.xmxz .qwzz>div>div>a>div>img{
   width: 100%;
   position: absolute;
   opacity: 0;
}
.xmxz .qwzz>div>div>a>div>img:first-of-type{
   top: 0px;
   left: 0px;
   width: 100%;
}
.xmxz .qwzz>div>div>a>div>img:nth-of-type(2){
   top: 13.5%;
   left: 18.8%;
   width: 9.6%;
}
.xmxz .qwzz>div>div>a>div>img:nth-of-type(3){
   top: 13.5%;
   left: 31.7%;
   width: 13.3%;
}
.xmxz .qwzz>div>div>a>div>img:nth-of-type(4){
   top:12.9%;
   left: 48.8%;
   width: 35.4%;
}

.xmxz .three{
   width: 1200px;
   margin: 0 auto;
   display: flex;
   justify-content:space-between;
}
.xmxz .three .left{
   width: 49.8%;
}

/*传统厨电*/
.xmxz .ctcd{
   width: 100%;
   position: relative;
}
.xmxz .ctcd>a{
   width: 100%;
}
.xmxz .ctcd>a>img{
   width: 100%;
}
.xmxz .ctcd>div{
   width: 100%;
   height: 100%;
   position: absolute;
   top: 0px;
   left: 0px;
}
.xmxz .ctcd>div>div{
   width: 100%;
   height: 100%;
   margin: 0 auto;
   position: relative;
}
.xmxz .ctcd>div>div>a{
   position: absolute;
   bottom: 3.9%;
   left: 2.8%;
   width: 30.3%;
   height: 59.9%;
}
.xmxz .ctcd>div>div>a>div{
   position: relative;
   width: 100%;
   height: 100%;
}
.xmxz .ctcd>div>div>a>div>img{
   width: 100%;
   position: absolute;
   opacity: 0;
}
.xmxz .ctcd>div>div>a>div>img:first-of-type{
   top: 0px;
   left: 0px;
   width: 100%;
}
.xmxz .ctcd>div>div>a>div>img:nth-of-type(2){
   top: 5.4%;
   left: 19.8%;
   width: 23%;
}
.xmxz .ctcd>div>div>a>div>img:nth-of-type(3){
   top: 5.4%;
   left: 51.9%;
   width: 12.3%;
}
.xmxz .ctcd>div>div>a>div>img:nth-of-type(4){
   top: 5.4%;
   left: 68.4%;
   width: 25.7%;
}


.xmxz .three .right{
   width: 49.2%;
}
/*集成厨电*/
.xmxz .jccd{
   width: 100%;
   position: relative;
}
.xmxz .jccd>a{
   width: 100%;
}
.xmxz .jccd>a>img{
   width: 100%;
}
.xmxz .jccd>div{
   width: 100%;
   height: 100%;
   position: absolute;
   top: 0px;
   left: 0px;
}
.xmxz .jccd>div>div{
   width: 100%;
   height: 100%;
   margin: 0 auto;
   position: relative;
}
.xmxz .jccd>div>div>a{
   position: absolute;
   top: 5.3%;
   right: 2.7%;
   width: 23.7%;
   height: 88.7%;
}
.xmxz .jccd>div>div>a>div{
   position: relative;
   width: 100%;
   height: 100%;
}
.xmxz .jccd>div>div>a>div>img{
   width: 100%;
   position: absolute;
   opacity: 0;
}
.xmxz .jccd>div>div>a>div>img:first-of-type{
   top: 0px;
   left: 0px;
   width: 100%;
}
.xmxz .jccd>div>div>a>div>img:nth-of-type(2){
   top: 14.2%;
   left: 16.3%;
   width: 24.8%;
}
.xmxz .jccd>div>div>a>div>img:nth-of-type(3){
   top: 14.2%;
   left: 48.2%;
   width: 13.5%;
}
.xmxz .jccd>div>div>a>div>img:nth-of-type(4){
   top:12.8%;
   left: 66%;
   width: 24.8%;
}
/*全屋定制*/
.xmxz .qwdz{
   width: 100%;
   position: relative;
}
.xmxz .qwdz>a{
   width: 100%;
}
.xmxz .qwdz>a>img{
   width: 100%;
}
.xmxz .qwdz>div{
   width: 100%;
   height: 100%;
   position: absolute;
   top: 0px;
   left: 0px;
}
.xmxz .qwdz>div>div{
   width: 100%;
   height: 100%;
   margin: 0 auto;
   position: relative;
}
.xmxz .qwdz>div>div>a{
   position: absolute;
   top: 4.4%;
   right: 2.7%;
   width: 23.7%;
   height: 91.5%;
}
.xmxz .qwdz>div>div>a>div{
   position: relative;
   width: 100%;
   height: 100%;
}
.xmxz .qwdz>div>div>a>div>img{
   width: 100%;
   position: absolute;
   opacity: 0;
}
}
.xmxz .qwdz>div>div>a>div>img:first-of-type{
   top: 0px;
   left: 0px;
   width: 100%;
}
.xmxz .qwdz>div>div>a>div>img:nth-of-type(2){
   top: 6.3%;
   left: 16.3%;
   width: 24.8%;
}
.xmxz .qwdz>div>div>a>div>img:nth-of-type(3){
   top: 6.3%;
   left: 48.2%;
   width: 13.5%;
}
.xmxz .qwdz>div>div>a>div>img:nth-of-type(4){
   top: 5.6%;
   left: 66.7%;
   width: 25.5%;
}


/*金额选择*/
.jexz{
   width: 100%;
   padding-top: 6%;
}
.jexz .jexz_1{
   width: 100%;
   position: relative;
   margin-top: 5%;
}
.jexz .jexz_1>.bgimg{
}
.jexz .jexz_1>.bgimg img{
   width: 100%;
   min-height: 900px;
}
.jexz .jexz_1 .jexz_1_2{
   width: 100%;
   position: absolute;
   top: 0px;
}
.jexz .jexz_1 .jexz_1_2>div{
   width:1200px;
   height: 100%;
   margin: 0 auto;
}
.jexz .jexz_1 .jexz_1_2>div>ul{
   display: flex;
   justify-content:spqce-between;
}
.jexz .jexz_1 .jexz_1_2>div>ul>li{
   width: 20%;
}
.jexz .jexz_1 .jexz_1_2>div>ul>li span{
   color: #fff;
   display: block;
   font-weight: lighter;
   width: 100%;
}
.jexz .jexz_1 .jexz_1_2>div>ul>li:first-of-type{}
.jexz .jexz_1 .jexz_1_2>div>ul>li>ul{
   width: 100%;
   margin-top: 11px;
   border-radius: 20px;
   box-sizing:border-box;
   box-shadow: rgba(0,0,0,0.3) 1px 1px 1px 1px;
}
.jexz .jexz_1 .jexz_1_2>div>ul>li>ul>li{
   font-size: 21px;
   background-color: #2fc2bb;
   border-bottom: 1px dashed #fff;
   display: flex;
   flex-wrap:wrap;
   align-items:center;
   text-align: center;
}
.jexz .jexz_1 .jexz_1_2>div>ul>li>ul>li:first-of-type{
   border-bottom: none;
   background-color: #00a098;
   border-top-left-radius: 20px;
   border-top-right-radius: 20px;
   height: 121px;
}
.jexz .jexz_1 .jexz_1_2>div>ul>li>ul>li:first-of-type span{
   font-size: 32px;
   font-weight: bold;
}
.jexz .jexz_1 .jexz_1_2>div>ul>li>ul>li:last-of-type{
   border-bottom: none;
   border-bottom-left-radius: 20px;
   border-bottom-right-radius: 20px;
   height: 337px;
   height: 326px;
}
.jexz .jexz_1 .jexz_1_2>div>ul>li>ul>li:last-of-type span{
   font-size: 25px;
}
.jexz .jexz_1 .jexz_1_2>div>ul>li>ul>li:last-of-type{
   height: 326px;
   display: block;
   box-sizing:border-box;
   padding-top: 11%;
}
.jexz .jexz_1 .jexz_1_2>div>ul>li>ul>li:last-of-type p{
   font-size: 16px;
   color: #fff;
   line-height: 1.2em;
   display: block;
   text-align: left;
   padding-left: 6.2%;
   padding-right: 8.3%;
   margin-top: 2%;
}
.jexz .jexz_1 .jexz_1_2>div>ul>li>ul>li:nth-of-type(2){
   height: 85px;
}
.jexz .jexz_1 .jexz_1_2>div>ul>li:nth-of-type(3)>ul{
   margin-top: 0px;
}
.jexz .jexz_1 .jexz_1_2>div>ul>li:nth-of-type(3)>ul>li:first-of-type{
   height: 124px;
}
.jexz .jexz_1 .jexz_1_2>div>ul>li:nth-of-type(3)>ul>li:nth-of-type(2){
   height: 93px;
}
.jexz .jexz_1 .jexz_1_2>div>ul>li:nth-of-type(3)>ul>li:last-of-type{
   height: 337px;
}
.jexz .jexz_1 .jexz_1_2>div>ul>li:nth-of-type(3)>ul>li:last-of-type p{
   padding-left: 15.9%;
}
.jexz .jexz_1 .jexz_1_2>div>ul>li>ul>li:nth-of-type(2) span{
   font-size: 28px;
   font-weight: bold;
}
.jexz .jexz_1 .jexz_1_2>div>ul>li>ul>li:nth-of-type(3){
   height: 59px;
}
.jexz .jexz_1 .jexz_1_2>div>ul>li>ul>li:nth-of-type(3) span{
   height: 50%;
}
.jexz .jexz_1 .jexz_1_2>div>ul>li>ul>li:nth-of-type(3) span:first-of-type{
   line-height: 39px;
}
.jexz .jexz_1 .jexz_1_2>div>ul>li>ul>li:nth-of-type(4){
   height: 75px;
   align-items:center;
}
.jexz .jexz_1 .jexz_1_2>div>ul>li>ul>li:nth-of-type(4) span{
   font-size: 28px;
   font-weight: bold;
}
.jexz .jexz_1 .jexz_1_2>div>ul>li>ul>li:nth-of-type(5){
   height: 112px;
}
.jexz .jexz_1 .jexz_1_2>div>ul>li>ul>li:nth-of-type(5) span{
   height: 50%;
}
.jexz .jexz_1 .jexz_1_2>div>ul>li>ul>li:nth-of-type(5) span:first-of-type{
   line-height: 100px;
}
.jexz .jexz_1 .jexz_1_2>div>ul>li:first-of-type>ul{
   margin-top: 0px;
}
.jexz .jexz_1 .jexz_1_2>div>ul>li:first-of-type>ul>li{
   background-color: #fba83e;
}
.jexz .jexz_1 .jexz_1_2>div>ul>li:first-of-type>ul>li span{
   font-size: 32px;
   font-weight: bold;
}
.jexz .jexz_1 .jexz_1_2>div>ul>li:first-of-type>ul>li:first-of-type{
   background-color: #e98709;
   height: 124px;
}
.jexz .jexz_1 .jexz_1_2>div>ul>li:first-of-type>ul>li:nth-of-type(2){
   height: 93px;
}
.jexz .jexz_1 .jexz_1_2>div>ul>li:first-of-type>ul>li:nth-of-type(3) span{
   height: 59px;
   line-height: 59px;
}
.jexz .jexz_1 .jexz_1_2>div>ul>li:first-of-type>ul>li:nth-of-type(5) span{
   height: 112px;
   line-height: 112px;
}
.jexz .jexz_1 .jexz_1_2>div>ul>li:first-of-type>ul>li:last-of-type{
   height: 337px;
   padding-top: 34.1%;
}
.jexz .jexz_1 .jexz_1_2>div>ul>li:first-of-type>ul>li:last-of-type span{
}
.jexz .jexz_1 .jexz_1_2>div>div{
   width: 100%;
   color: #585858;
   text-align: center;
   margin-top: 3%;
}
.jexz .jexz_1 .jexz_1_2>div>div span{
   color: #ff0000;
}


/*联系我们*/
.lxwm{
   width: 1200px;
   margin: 0 auto;
   /*margin-top: 3.5%;*/
   padding-top: 6%;
}
.lxwm .tit{}
.lxwm .tit span{
   display: block;
   color: #000;
}
.lxwm .tit span:first-of-type{
   font-size: 26px;
   font-weight: bold;
}
.lxwm .tit span:nth-of-type(2){
   font-size: 22px;
}
.lxwm .tit span:nth-of-type(3){
   width: 63px;
   height: 3px;
   background-color: #e98709;
}
.lxwm>div:nth-of-type(2){
   margin-top: 2.5%;
}
.lxwm>div:nth-of-type(2) p{
   color: #828282;
   font-size: 12px;
}
.lxwm>div:nth-of-type(3){
   margin-top: 3.5%;
}
.lxwm>div:nth-of-type(3) form{
   color: #505050;
}
.lxwm>div:nth-of-type(3) form>div:first-of-type{
   display: flex;
   justify-content:space-between;
}
.lxwm>div:nth-of-type(3) form>div:first-of-type>div{
   width: 27.3%;
}
.lxwm>div:nth-of-type(3) form>div:first-of-type label{
   display: block;
   line-height: 3em;
}
.lxwm>div:nth-of-type(3) form>div:first-of-type input[type='text']{
   height: 36px;
   width: 92.5%;
   outline: none;
   border: 1px solid #dadada;
   padding-left: 1em;
}
.lxwm>div:nth-of-type(3) form>div:first-of-type input[type='text']:focus{
   height: 36px;
   border: 1px solid #2fc2bb;
}
.lxwm>div:nth-of-type(3) form>div:first-of-type span{
   color: #cf2727;
   display: block;
   line-height: 36px;
   float: right;
}
.lxwm>div:nth-of-type(3) form>div:nth-of-type(2){
   margin-top: 2%;
}
.lxwm>div:nth-of-type(3) form>div:nth-of-type(2) span{
   display: block;
}
.lxwm>div:nth-of-type(3) form>div:nth-of-type(2) textarea{
   margin-top: 1%;
   height: 101px;
   width: 100%;
   border-radius: 2px;
   border: 1px solid #dadada;
   resize:none;
}
.lxwm>div:nth-of-type(3) form>div:nth-of-type(3){
   margin-top: 3.5%;
   padding-bottom: 5%;
}
.lxwm>div:nth-of-type(3) form>div:nth-of-type(3) .tjiiao{
   color: #fff;
   background-color: #ff0000;
   width: 244px;
   height: 44px;
   line-height: 44px;
   border: none;
   cursor: pointer;
}