﻿.process {width: 100%;margin-top: 30px;}
.process .process-list {position: relative;width: 155px;float: left;left: -15px;}
.process .process-list:before {content: '';float: left;width: 100%;height: 1px;margin-top: 7px;background-color: #dadee5;position: relative;right: 8px;}
.process .process-list:first-child:before {background-color: #fff;}
.process .process-list i.iconfont {position:absolute;width:15px;height:15px;border-radius:50%;text-align:center;line-height:15px;border:1px solid #dadee5;background-color:#fff;z-index:1;right:5px;font-size:12px}
.process .process-list i.iconfont:before {display:none}
.process .process-list span {float:right;margin-top:17px;font-size:12px;width:48px;display:block;color:#dadee5;margin-left:5px;position:relative;left:11px;text-align:center}
.process .process-list.done:before {background-color:#f7a511}
.process .process-list.done:first-child:before {background-color:#fff}
.process .process-list.done i.iconfont {background-color:#fff;color:#f7a511;border-color:#f7a511}
.process .process-list.done i.iconfont:before {display:inline}
.process .process-list.done span {color:#f7a511}
.process .process-list:first-child.ing:before {background-color:transparent}
.process .process-list.ing i.iconfont {box-shadow:0 0 8px rgba(0,0,0,0.1);border-color:#f7a511}
.process .process-list.ing i.iconfont:before {content:'';width:6px;height:6px;border-radius:50%;text-align:center;line-height:6px;background-color:#f7a511;position:absolute;top:0;left:0;bottom:0;right:0;margin:auto;display:inline}
.process .process-list.ing:before {background-color:#f7a511}
.process .process-list.ing span {color:#f7a511}


.horizontal_tab_box {width: 880px !important;overflow: hidden;box-shadow: 0 8px 10px #eee;z-index: 5;}
.horizontal_tab_box .tab_nav {height: 50px;width: 880px;line-height: 50px;box-shadow: 0 8px 20px rgba(0,0,0,0.04);background: #fff;position: relative;z-index: 5;}
.horizontal_tab_box .tab_nav a {padding: 0 30px;color: #212628;font-size: 18px;cursor: pointer;}
.horizontal_tab_box .tab_nav .active a {color: #f7a511;}
.tab_list_box .anli_list{position:relative;}
.tab_list_box .anli_list .top_title{font-size: 20px;color: #212628;width: 100%;position: relative;}
.tab_list_box .anli_list .top_title::before {content: '';display: block;float: left;height: 20px;width: 5px;margin: 4px 20px 0 0;border-radius: 3px;background: #f7a511;}
.tab_list_box .anli_list .more {position: absolute;top: 5px;right: 0;color: #999;font-size: 14px;}
.tab_list_box .anli_list .bu_case_item {height: 239px;width: 100%;padding-top: 20px;border-bottom: 1px solid #edecec;}
.tab_list_box .anli_list .bu_case_item .item_img {float: left;height: 220px;width: 290px;border-radius: 3px;}
.tab_list_box .anli_list .bu_case_item .item_info {float:left;margin-left:28px;width:560px}
.tab_list_box .anli_list .bu_case_item .item_info .title a{color:#212628}
.tab_list_box .anli_list .bu_case_item .item_info .title a:hover {color:#f7a511}
.tab_list_box .anli_list .bu_case_item .item_info .subtitle a{color:#666}
.tab_list_box .anli_list .bu_case_item .item_info .subtitle a:hover{color:#f7a511}
.tab_list_box .anli_list .bu_case_item .item_info .subtitle .sp {margin:0 8px}
.tab_list_box .anli_list .bu_case_item .item_info .photo_list {margin-top:23px;width:100%;height:120px}
.tab_list_box .anli_list .bu_case_item .item_info .photo_list .image {width:180px;height:120px;float:left;margin-right:10px}
.tab_list_box .anli_list .bu_case_item .item_info .photo_list .image:nth-child(3) {margin-right:0}
.tab_list_box .work_list{position:relative;}
.tab_list_box .work_list .top_title{font-size: 20px;color: #212628;width: 100%;position: relative;}
.tab_list_box .work_list .top_title::before {content: '';display: block;float: left;height: 20px;width: 5px;margin: 4px 20px 0 0;border-radius: 3px;background: #f7a511;}
.tab_list_box .work_list .more {position: absolute;top: 5px;right: 0;color: #999;font-size: 14px;}
.tab_list_box .work_list .bu_work_item {border-bottom: 1px solid #edecec;position: relative;}
.tab_list_box .work_list .bu_work_item .lazy {width: 293px;height: 222px;border-radius: 3px;}

.tab_list_box .work_list .bu_work_item .msg {width: 560px;}
.tab_list_box .work_list .bu_work_item .msg .text-title a{color:#212628}
.tab_list_box .work_list .bu_work_item .msg .text-title a:hover{color:#f7a511}
.tab_list_box .work_list .bu_work_item .msg .info p {width: 180px;}
.tab_list_box .work_list .bu_work_item .yuyue_btn {opacity: 0;}
.tab_list_box .work_list .bu_work_item:hover .yuyue_btn{opacity:1}
.tab_list_box .work_list .bu_work_item .info .text-title {color: #212628;}
.tab_list_box .work_list .bu_work_item .info .text-title .text-sub {color: #666;}
.tab_list_box .work_list .bu_work_item .process .process-list {width:120px}
.tab_list_box .work_list .bu_work_item .process .process-list:nth-child(1) {width:60px}
.tab_list_box .work_list .bu_work_item:last-child {border:0}

.tab_list_box .cont_list{position:relative;}
.tab_list_box .cont_list .top_title{font-size: 20px;color: #212628;width: 100%;position: relative;}
.tab_list_box .cont_list .top_title::before {content: '';display: block;float: left;height: 20px;width: 5px;margin: 4px 20px 0 0;border-radius: 3px;background: #f7a511;}
.tab_list_box .cont_list .more {position: absolute;top: 5px;right: 0;color: #999;font-size: 14px;}
.tab_list_box .cont_list .bu_cont_item {height: 239px;width: 100%;padding-top: 20px;border-bottom: 1px solid #edecec;}
.tab_list_box .cont_list .bu_cont_item .item_img {float: left;height: 220px;width: 290px;border-radius: 3px;}
.tab_list_box .cont_list .bu_cont_item .item_info {float:left;margin-left:28px;width:560px}
.tab_list_box .cont_list .bu_cont_item .item_info .title a{color:#212628}
.tab_list_box .cont_list .bu_cont_item .item_info .title a:hover {color:#f7a511}
.tab_list_box .cont_list .bu_cont_item .item_info .descript{color: #999;margin-top: 25px;width: 100%;overflow: hidden;word-wrap: break-word;line-height: 1.5;word-break: break-all;}
.tab_list_box .desi_list{position:relative;}
.tab_list_box .desi_list .top_title{font-size: 20px;color: #212628;width: 100%;position: relative;}
.tab_list_box .desi_list .top_title::before {content: '';display: block;float: left;height: 20px;width: 5px;margin: 4px 20px 0 0;border-radius: 3px;background: #f7a511;}
.tab_list_box .desi_list .more {position: absolute;top: 5px;right: 0;color: #999;font-size: 14px;}



.tab_list_box .fuwu_list{position:relative;}
.tab_list_box .fuwu_list .top_title{font-size: 20px;color: #212628;width: 100%;position: relative;}
.tab_list_box .fuwu_list .top_title::before {content: '';display: block;float: left;height: 20px;width: 5px;margin: 4px 20px 0 0;border-radius: 3px;background: #f7a511;}
.tab_list_box .fuwu_list .des_list_box{width: 910px;margin-left: -14px;}
.tab_list_box .fuwu_list .des_list_box .designer {float:left;width:196px;margin-right:0px;margin-bottom:30px;padding:15px}
.tab_list_box .fuwu_list .des_list_box .designer:hover {box-shadow:0 0 20px rgba(0,0,0,0.2)}
.tab_list_box .fuwu_list .des_list_box .designer .designer-photo {height:196px;width:196px;border-radius:5px;overflow:hidden;position:relative}
.tab_list_box .fuwu_list .des_list_box .designer .designer-photo .design-name {width:100%;height:30px;position:absolute;bottom:0;left:0;background:rgba(0,0,0,0.5);font-size:18px;text-align:center;line-height:30px;color:#fff}
.tab_list_box .fuwu_list .des_list_box .designer .yuyue-btn {margin-top:20px;text-align:center}

.tab_list_box .loupan_list{position:relative;}
.tab_list_box .loupan_list .top_title{font-size: 20px;color: #212628;width: 100%;position: relative;}
.tab_list_box .loupan_list .top_title::before {content: '';display: block;float: left;height: 20px;width: 5px;margin: 4px 20px 0 0;border-radius: 3px;background: #f7a511;}
.tab_list_box .loupan_list .more {position: absolute;top: 5px;right: 0;color: #999;font-size: 14px;}
.tab_list_box .loupan_list .loupan_list_box{width:910px;}
.tab_list_box .loupan_list .loupan_list_box .loupan_list_item {width: 286px;height: 218px;float: left;margin-right: 10px;}
.tab_list_box .loupan_list .loupan_list_box .loupan_list_item .title {width: 150px;height: 35px;background: rgba(0,0,0,0.3);position: absolute;z-index: 10;color: #fff;font-size: 16px;line-height: 35px;text-align: center;border-radius: 8px;left: 70px;bottom: 10px;}



.desi_list .designer-list {width:1230px;margin-left:-10px}
.desi_list .designer-list .designer-item {width:305px;float:left;height:400px;transition:all .5s}
.desi_list .designer-list .designer-item .designer-msg {margin:10px auto;width:285px;height:380px;background:#f7f7f7;position:relative;transition:all .5s}
.desi_list .designer-list .designer-item .designer-msg .designer-photo {width:100%;height:285px;position:relative}
.desi_list .designer-list .designer-item .designer-msg .designer-photo .ktal {transition:all .5s;width:102px;position:absolute;z-index:10;background:#333;color:#fff;border:0;bottom:0;left:0;border-radius:0;opacity:0;filter:alpha(opacity=0)}
.desi_list .designer-list .designer-item .designer-msg .designer-photo .ktal:hover {background:#000}
.desi_list .designer-list .designer-item .designer-msg .designer-photo .tuijian {position:absolute;left:0;top:10px;width:68px;height:26px;background:#e74c3c;border-radius:0 0 15px 0;color:#fff;line-height:26px}
.desi_list .designer-list .designer-item .designer-msg .designer-photo .ztsj {transition:all .5s;width:103px;position:absolute;bottom:0;border:0;right:0;opacity:0;border-radius:0;filter:alpha(opacity=0)}
.desi_list .designer-list .designer-item .designer-msg .designer-name {font-size:18px;color:#212628;margin-left:10px;margin-right:70px;height:25px;line-height:25px;position:relative}
.desi_list .designer-list .designer-item .designer-msg .designer-name span {font-size:14px;margin-left:11px}
.desi_list .designer-list .designer-item .designer-msg .tag {position:absolute;width:50px;border:#edecec 1px solid;background:#f6e6e6;height:17px;color:#eb4f4f;line-height:17px;text-align:center;font-size:14px;top:300px;left:174px}
.desi_list .designer-list .designer-item .designer-msg .designer-alnr {width:265px;margin:auto;height:25px;line-height:25px}
.desi_list .designer-list .designer-item .designer-msg .designer-alnr .div {width:125px;height:25px;color:#666;float:left;font-size:14px;line-height:25px}
.desi_list .designer-list .designer-item .designer-msg .designer-alnr .div span {color:#212628}
.desi_list .designer-list .designer-item .designer-msg .designer-alnr .div span:hover {color:#e74c3c}
.desi_list .designer-list .designer-item .designer-msg .designer-hobbit {width:265px;height:25px;margin:auto;line-height:25px}
.desi_list .designer-list .designer-item:hover {-ms-box-shadow:0 0px 15px rgba(0,0,0,0.2);-o-box-shadow:0 0px 15px rgba(0,0,0,0.2);box-shadow:0 0px 15px rgba(0,0,0,0.2)}
.desi_list .designer-list .designer-item:hover .designer-msg {background:#fff}
.desi_list .designer-list .designer-item:hover .designer-msg .ktal {opacity:1;filter:alpha(opacity=100)}
.desi_list .designer-list .designer-item:hover .designer-msg .ztsj {opacity:1;filter:alpha(opacity=100)}



.Favourable_activity {width:100%;height:230px;background-image:url(/images/pub/Favourable-activitybg.png);background-repeat:no-repeat;}
.Favourable_activity ul {width:1200px;margin:0 auto;text-align:center;}
.Favourable_activity ul li {width:300px;float:left;}
.Favourable_activity ul li  div {width:100px;height:100px;margin:15px auto;border:1px solid #fff;/*f7a511*/border-radius:50%;background-repeat:no-repeat;background-position:center;}
.Favourable_activity ul li span {display:block;color:#fff;}
.Favourable_activity ul li span:nth-child(2) {font-size:20px;}
.Favourable_activity ul li span:nth-child(3) {font-size:18px;padding-top:5px;color:#ccc;}
.Favourable_activity_bgimg1 {background-image:url(/images/pub/activity.png);}
.Favourable_activity_bgimg2 {background-image:url(/images/pub/rapid-quotation.png);}
.Favourable_activity_bgimg3 {background-image:url(/images/pub/check-room.png);}
.Favourable_activity_bgimg4 {background-image:url(/images/pub/service.png);}
.Favourable_activity ul li:hover div {border:1px solid #f7a511;transition:.3s;}
.Favourable_activity ul li:hover span {transition:.3s;color:#f7a511;}
.Favourable_activity ul li:hover .Favourable_activity_bgimg1 {background-image:url(/images/pub/activity-hover.png);}
.Favourable_activity ul li:hover .Favourable_activity_bgimg2 {background-image:url(/images/pub/rapid-quotation-hover.png);}
.Favourable_activity ul li:hover .Favourable_activity_bgimg3 {background-image:url(/images/pub/check-room-hover.png);}
.Favourable_activity ul li:hover .Favourable_activity_bgimg4 {background-image:url(/images/pub/service-hover.png);}

.DeServices {width:100%;height:230px;background-color:#333;margin-top:20px;}
.DeServices_titlt {width:1200px;height:113px;margin:0 auto;}
.DeServices_titlt span {color:#fff;display:block;font-size:40px;padding-top:50px;text-align:center;}
.DeServices_titlt img {display:block;margin-left:auto;margin-right:auto;margin-top:-31px;}
.DeServices_inp {width:1200px; min-width:1200px; margin:0 auto;}
.DeServices_inp input {width:256px;font-size:20px;color:#fff;padding:10px;border:2px solid #f7a511;border-radius:8px;margin:10px 0px 10px 30px;float:left;background-color:transparent;}
.DeServices_inp button {width:246px;font-size:20px;color:#fff;padding:12px;background-color:#f7a511;border-radius:8px;margin:10px 0px 10px 30px;border:none;cursor:pointer;}



