.bannerCont{width:1206px;height: 100%;position: absolute;z-index: 2;left: 50%;margin-left: -603px;}
.titBaner{width:600px;height:calc(100% - 100px);margin-top: 100px;}
.titBaner h1{margin-top: 0px ;font-size:54px}
.banList{width:450px;}
.shot{width: 140px;height: 50px;border: 1px solid #FFFFFF;opacity: 0.7;text-align: center;line-height: 40px;}
.shot h4{margin-top:15px;color: #FFFFFF;opacity: 0.7;}
.letterSpacing10{letter-spacing:10px}
.letterSpacing5{letter-spacing:5px}
.main{width:100%;}
.tailor{width: 1206px;}
.tailorGroup{width: 100%;height: 362px;}
.taiImg{width: 655px;height: 362px;position: relative;}
.imgBack{width: 638px;height: 342px;float: right;}
.imgBack img{position: absolute;right: 20px;top:20px;}
.tailorH1{font-size:50px;font-weight: 600;}
.line30{line-height: 30px;}
.taiL{padding-right: 20px;}
.tailorGroup1{width: 100%;height: 224px;}
.tailorGroup1 img{width: 92px;height: 124px;}
.borerR{border-right: 2px solid #FFE5ED}
/* 点击率 */
.rate{width: 100%;height: 345px;background: url('../image/design/backImg.png') no-repeat; background-size: 100% 100%;}
.rateContent{width: 1206px;height: 345px;}
.promote{width: 362px;height: 227px; color: #F4F5F7;padding-left: 36px;background: url('../image/design/group1/backDesign.png') no-repeat;background-size: 100% 100%;}
.proLine{width:48px;height: 4px;background-color: #FFFFFF;}
.promote h4{font-size:16px}
.promoteR{padding-left:190px;color: #F4F5F7;}
.promoteR h4{line-height: 36px;font-size:16px}
/* 研究表明 */
.research{width: 100%;height: 202px;}
.resL{width:364px;height: 200px;border: 2px solid #F4F5F7;padding-left: 30px;}
.resdiv{width: 100%;height: 40px;text-align: right;}
.btns{width:228px;float: right;text-align: right;}
.resBtn{width: 104px;height: 34px;border-radius: 17px;text-align: center;line-height: 34px;}
.btnL{background: #F4F5F7;}
.btnR{background: #FF6A00;color: #F4F5F7;margin-left:20px}
.resR{padding-left:50px}

/* 沟通 */
.communicate{width:1206px;height: 300px;position: relative;}
.communback{width:1206px;height: 270px;background: #F4F5F7;margin-top: 30px;}
.cummImg,.cummImgs{width: 688px;height: 300px;position: absolute;top:0;}
.cummImg{left: 0;}
.cummImgs{right: 0;}
.cummR,.cummRs{width: 500px;height: 300px;position: absolute;top:0;padding-left: 30px;}
.cummRs{left: 0;}
.cummR{right: 0;}
.cul {padding-inline-start:18px!important}
.cummR h3{line-height: 35px;}

/* 设计服务领域 */
.serviceArea{width: 1206px;height: 520px;}
.areaList,.designList{width: 100%;}
.areaList .areaCont{width: 285px;height: 340px;cursor: pointer;}
.areaBottom{width: 100%;height: 120px;background: #F4F4F4;padding:10px 20px;text-align: left;}
.areaBottom h5{line-height: 20px;color:#888888}
.areaTop,.areaTop img{width: 100%;height: 220px;}
.activeArea{background: #FF6A00;color: #FFFFFF;}
.activeArea h5{color: #FFFFFF;opacity: 0.7;}

/* 设计案例 */
.designCase{width: 100%;height: 530px;}
.designCont{width:380px;height:350px;}
.designTop,.designTop img{width: 380px;height: 270px;}
.designBottom{width: 380px;height: 80px;padding:10px;background: #F4F4F4;}
.active{background: #FF6A00;color: #FFFFFF;}
.active h5{color: #FFFFFF;opacity: 0.7;}

.marketType{width: 100%;height: 174px;background: url(../image/design/markType.png) no-repeat; background-size: 100% 100%;}
.marketCont,.techList{width: 100%;}
.marketL{padding: 40px 50px;text-align: left;color: #F4F5F7;}
.marketR{width: 430px;text-align: left;color: #F4F5F7;opacity: 0.6;align-self:flex-end;margin-bottom: 40px;}
.marketR h5{line-height: 20px;}
.lineXT{width: 43px;height: 2px;background: #F4F5F7;}

/* 设计流程 */
.technological{width: 100%;height: 350px;}
.iconList{width:1036px;height: 70px;margin-left: 85px;position: relative;}
.techDes{width: 170px;height:120px;text-align: justify;text-align-last: center;}
.iconXT{width:100%;height: 2px; background: #F3F2F0;}
.iconImgXt{position: absolute;top:0px;width: 70px;height: 70px;}
.icons1{left:-35px;}
.icons2{left:170px;}
.icons3{left:380px;}
.icons4{right:380px;}
.icons5{right:170px;}
.icons6{right:-35px;}