.pro-type{width: 100%;padding:74px 0px;background:#d4352b;padding-bottom: 4px;overflow: hidden;}
.pro-type li{width:217px;float: left;margin-right: 137px;margin-bottom: 70px;}
.pro-type li:nth-child(4n){margin-right: 0px;}
.pro-type li h3{color: #fff;font-size: 24px;line-height: 24px;margin-bottom:3px;}
.pro-type li p{color: #df7c77;font-size:12px;text-transform: uppercase;}
.pro-type li:before{content:'';display:block;float:left;width:53px;height: 40px;background:url(../images/icons01.png)no-repeat center;margin-right: 20px;}
.pro-type li:nth-child(2):before{content:'';display:block;float:left;width:57px;height: 40px;background:url(../images/icons02.png)no-repeat center;margin-right: 20px;}
.pro-type li:nth-child(3):before{content:'';display:block;float:left;width:53px;height: 40px;background:url(../images/icons03.png)no-repeat center;margin-right: 20px;}
.pro-type li:nth-child(4):before{content:'';display:block;float:left;width:53px;height: 40px;background:url(../images/icons04.png)no-repeat center;margin-right: 20px;}
.pro-type li:nth-child(5):before{content:'';display:block;float:left;width:53px;height: 40px;background:url(../images/icons05.png)no-repeat center;margin-right: 20px;}
.pro-type li:nth-child(6):before{content:'';display:block;float:left;width:54px;height: 40px;background:url(../images/icons06.png)no-repeat center;margin-right: 20px;}
.pro-type li:nth-child(7):before{content:'';display:block;float:left;width:54px;height: 40px;background:url(../images/icons07.png)no-repeat center;margin-right: 20px;}
.pro-type li:nth-child(8):before{content:'';display:block;float:left;width:53px;height: 40px;background:url(../images/icons08.png)no-repeat center;margin-right: 20px;}

/* 科技之美 */
.com-tit{padding:80px 0px 60px;text-align: center;}
.com-tit h2{font-size: 40px;font-weight: bold;color: #333333;line-height: 40px;margin-bottom: 30px;}
.com-tit p.s-name{font-size: 30px;line-height: 30px;font-weight: bold;color:#dcdcdc;text-transform: uppercase;}
.com-tit span{display: block;font-size: 34px;line-height: 34px;margin-top: 48px;color: #fff;}
.keji-list{width: 100%;height: 620px;position: relative;}
.keji-list li .list-img{width: 1050px;height: 620px;margin-right: -320px;}
.keji-list li .list-info{width: 450px;}
.keji-list li .list-info h2{font-size: 34px;font-weight: bold;color: #d4352b;line-height: 34px;}
.keji-list li .list-info h2:after{content:'';display:block;width: 32px;height:4px;background:#d93e34;margin:30px 0px;}
.keji-list li .list-info h3{font-size: 34px;line-height: 34px;margin-bottom: 20px;}
.keji-list li .list-info .desc{font-size: 16px;color: #666666;line-height: 32px;}
.keji-list li .list-info .kj-mores{font-size: 16px;color:#d4352b;margin-top: 20px;display: block;}
.keji-list .prev{display: block;width: 60px;height: 60px;position:absolute;background: url(../images/icons-fl.png)no-repeat center;
bottom:60px;left: 0;}
.keji-list .next{display: block;width: 60px;height: 60px;position:absolute;background: url(../images/icons-fr.png)no-repeat center;
bottom:60px;left: 80px;}
.keji-list .prev:hover{background: url(../images/icons-onfl.png)no-repeat center;}
.keji-list .next:hover{background: url(../images/icons-onfr.png)no-repeat center;}

/* 一宅九品 */
.in-protype{width: 100%;overflow: hidden;height:1061px;background: url(../images/protype-back.jpg)no-repeat center;background-size: cover;
margin-top: 80px;}
.col-fff h2,.col-fff p.s-name{color: #fff;}
.in-protype .yzjp-list .yz-bd ul{width:1300px;height: 740px;margin-left: -320px;}
.in-protype .yzjp-list .yz-bd ul li{width:1300px;height: 740px;overflow:hidden;}
.in-protype .yzjp-list .yz-bd ul li img{width: 100%;height: 100%;object-fit: cover;transition: all 0.6s;}
.in-protype .yzjp-list .yz-bd ul li:hover img{transform: scale(1.2);}
.in-protype .yzjp-list .yz-hd ul{width: 200px;}
.in-protype .yzjp-list .yz-hd ul li{width: 100%;height: 60px;box-sizing: border-box;border:1px solid #fff;text-align: center;color: #fff;
margin-bottom: 25px;font-size: 20px;line-height: 60px;}
.in-protype .yzjp-list .yz-hd ul li:hover,.in-protype .yzjp-list .yz-hd ul li.on{border:1px solid #ffcb18;
background: #ffcb18;color: #d4352b;font-weight: bold;cursor: pointer;}


/* 品质保障 */
.baozhang{width: 100%;height:930px;background: url(../images/pinzhi-back.jpg)no-repeat center;background-size: cover;}
.bz-list{width: 100%;position: relative;}
.bz-list .bz-bd li{width: 290px !important;height: 420px;float: left;background: rgb(0,0,0,0.4);box-sizing: border-box;padding:50px 45px;margin-right: 40px;}
.bz-list .bz-bd li .icons{text-align: center;height: 94px;}
.bz-list .bz-bd li h3{font-size: 30px;line-height: 30px;color: #fff;margin:30px auto;text-align: center;}
.bz-list .bz-bd li p.desc{font-size: 20px;line-height: 32px;color: #d8d6d6;text-align: center;}
.bz-list .next,.bz-list .prev{display:block;cursor: pointer;position: absolute;width: 60px;height: 60px;top:180px;z-index: 99;}
.bz-list .next{background: url(../images/icons-ffl.png)no-repeat center;left: -120px;}
.bz-list .prev{background: url(../images/icons-ffr.png)no-repeat center;right: -120px;}
.bz-list .next:hover{background: url(../images/icons-honfl.png)no-repeat center;}
.bz-list .prev:hover{background: url(../images/icons-honfr.png)no-repeat center;}

.bz-more{display: block;width: 200px;margin:60px auto;height: 50px;background: rgb(0,0,0,0.6);border-radius: 50px;
font-size: 16px;line-height: 50px;color: #ffcb18;text-align: center;text-transform: uppercase;}
.bz-more:after{content:'';display:inline-block;width:5px;height: 8px;background: url(../images/more-hicon.png)no-repeat center;
margin-bottom: 2px;margin-left: 7px;}
.bz-more:hover{background: #e0b21a;color: #fff;}
.bz-more:hover:after{background: url(../images/more-honicon.png)no-repeat center;}

/* 定制服务 */
.fuwu-list{height:620px;position: relative;}
.fuwu-list .fw-bd .list-info{width: 330px;}
.fuwu-list .fw-bd .list-info h2{font-size: 26px;font-weight: bold;color: #d4352b;}
.fuwu-list .fw-bd .list-info h2:after{content:'';display: block;width: 32px;height: 4px;background:#d4352b;margin:30px 0px;}
.fuwu-list .fw-bd .list-info h3{font-size: 18px;font-weight: bold;line-height: 18px;}
.fuwu-list .fw-bd .list-info .desc{font-size: 18px;line-height: 32px;margin-top: 10px;}
.fuwu-list .fw-bd .list-img{width:1114px;height:620px;margin-right:-320px;}
.fuwu-list .prev,.fuwu-list .next{display: block;width: 60px;height: 60px;position: absolute;bottom:295px;}
.fuwu-list .prev{background: url(../images/icons-fl.png)no-repeat center;left: 0;}
.fuwu-list .next{background: url(../images/icons-fr.png)no-repeat center;left:80px;}
.fuwu-list .prev:hover{background: url(../images/icons-onfl.png)no-repeat center;left: 0;}
.fuwu-list .next:hover{background: url(../images/icons-onfr.png)no-repeat center;left:80px;}
.fuwu-list .com-info{width: 806px;height:215px;background:#d4352b;position: absolute;bottom:0px;left: 0;margin-left: -320px;
box-sizing: border-box;padding:58px 85px 0px 320px;color: #fff;}
.fuwu-list .com-info h3{font-size: 26px;line-height: 26px;font-weight: bold;margin-bottom: 25px;}
.fuwu-list .com-info p{font-size: 16px;line-height: 32px;}


/* 关于我们 */
.about .about-info{width:100%;margin-bottom: 80px;background: url(../images/about-back.jpg)no-repeat center;padding-top:266px;box-sizing: border-box;background-position: top;}
.about .about-info .abdesc{padding:50px 113px 0px 107px;box-sizing: border-box;padding-bottom:55px;}
.about .about-info .abdesc h2{font-size: 30px;line-height: 30px;font-weight: bold;color: #d4352b;text-align: center;margin-bottom: 30px;}
.about .about-info .abdesc .desc p{font-size: 16px;line-height: 30px;}
.ab-list{display: flex;justify-content:space-around;flex-flow: row;margin-top: -35px;}
.ab-list li{width: 256px;text-align: center;}
.ab-list li h3{font-size: 20px;font-weight: bold;color: #d4352b;margin-bottom: 20px;}
.ab-list li p{font-size: 16px;line-height: 32px;}

.about .ab-mores{display: block;width: 200px;height: 50px;box-sizing: border-box;border:1px solid #d4352b;transition: all 0.6s;
border-radius: 50px;margin:50px auto;font-size: 16px;text-transform: uppercase;text-align: center;line-height: 50px;color: #d4352b;}
.about .ab-mores:after{content:'';display:inline-block;width:5px;height: 8px;background: url(../images/more-ronicon.png)no-repeat center;
margin-bottom: 2px;margin-left: 7px;}
.about .ab-mores:hover{background: #d4352b;color: #fff;}
.about .ab-mores:hover:after{background: url(../images/more-honicon.png)no-repeat center;}
