@font-face
{
	font-family: Angleter;
	src: url('fonts/angleterrebook.ttf');
}

/*******************************************
      		 -****公共样式****-
********************************************/
div{box-sizing: border-box;}
.wp{width: 1200px;margin: 0 auto;position: relative;}
.bg-gray{background: #fafafa;}
.public-sec{padding: 48px 0 60px;}

.top{background: #f4f4f4;border-bottom: 1px solid #e5e5e5;line-height: 36px;}
.top .city{position: relative;}
.top .city i.icon{color: #fcc300;font-size: 18px;position: relative;top: 2px;}
.top .city span{margin: 0 3px;}
.top .city .city-btn{color: #fcc300;}
.top .top-link a{float: left;}
.top .top-link span{float: left;font-size: 16px;margin: 0 28px;color: #bfbfbf;}
.top .top-link p{float: left;}
.top .top-link p i.icon{color: #5a5a5a;font-size: 18px;line-height: 36px;margin-right: 4px;position: relative;top: 2px;}
.top .top-link p strong{color: #fcc300;}



.public-title{margin-bottom: 36px;text-align: center;}
.public-title h3{font-size: 18px;line-height: 28px;font-weight: bold;}
.public-title span{display: block;width: 38px;height: 2px;background: #fcc300;margin: 14px auto;}
.public-title h4{font-size: 16px;line-height: 24px;color: #fcc300;font-family: Angleter;}

#ft{padding: 50px 0;background: #2e2e2e;}
#ft .ft-logo{padding: 15px 94px 15px 0;margin: 34px 84px 0 0;border-right: 1px solid #505050;}
#ft .ft-contact{padding-top: 14px;}
#ft .ft-contact p{line-height: 30px;color: #999;}
#ft .erweima{text-align: center;}
#ft .erweima img{margin-bottom: 6px;}
#ft .erweima p{font-size: 12px;line-height: 20px;color: #bebebe;}


.slide-bar{width: 74px;position: fixed;top: 50%;right: 10px;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);z-index: 99;}
.slide-bar a{display: block;width: 72px;height: 62px;text-align: center;padding: 5px 0;border-style: solid;border-color: #e5e5e5;border-width: 0px 1px 1px 1px;background: #fff;}
.slide-bar a:first-child{border-width: 1px;}
.slide-bar a i.icon{display: block;width: 100%;height: 42px;text-align: center;line-height: 42px;color: #fc7100;font-size: 32px;}
.slide-bar a p{font-size: 12px;line-height: 20px;color: #fc7100;}
.slide-bar .wechat-btn{position: relative;}
.slide-bar .wechat-btn .erweima-box{position: absolute;height: 102px;right: 100%;top: 50%;margin-top: -51px;padding-right: 10px;display: none;}
.slide-bar .wechat-btn .erweima-box img{width: 102px;height: 102px;box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);}
.slide-bar .wechat-btn:hover .erweima-box{display: block;}
.slide-bar .backtop{transform: translateX(85px);transition: 0.4s;}
.slide-bar .backtop.backtop-show{transform: translateX(0);transition: 0.4s;}
.slide-bar a:hover{background: #fc7100;border-color: #fc7100;transition: 0.4s;}
.slide-bar a:hover i,
.slide-bar a:hover p{color: #fff;transition: 0.4s;}


/*******************************************
      		 -****首页样式****-
********************************************/
#banner .swiper-slide img{width: 100%;}
#banner .banner-btns{position: absolute;width: 1200px;height: 44px;top: 50%;left: 50%;margin: -22px 0 0 -600px;z-index: 1;}
#banner .banner-btns .swiper-button-prev{left: -30px;}
#banner .banner-btns .swiper-button-next{right: -30px;}
#banner .swiper-pagination-bullet{width: 18px;height: 4px;background: #fff;border: none;border-radius: 0;opacity: 0.6;}
#banner .swiper-pagination-bullet-active{background: #fcc300;height: 6px;opacity: 1;}


#banner .appointment{position: absolute;width: 1200px;top: 50%;left: 50%;margin-left: -600px;z-index: 11;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);}
.appointment form{width: 312px;background: #fff;border-radius: 4px;overflow: hidden;margin-left: 30px;}
.appointment .appointment-title{line-height: 58px;text-align: center;background: #fcc300;color: #fff;}
.appointment .appointment-title span{font-size: 20px;margin: 0 18px;}
.appointment .appointment-title::before,
.appointment .appointment-title::after{display: inline-block;content: "";width: 25px;height: 2px;background: #fff;vertical-align: top;margin-top: 28px;}
.appointment .appointment-cont{padding: 14px 34px 24px;}
.appointment .appointment-cont h3{font-size: 22px;line-height: 30px;text-align: center;}
.appointment .advs{margin: 14px 0;text-align: center;line-height: 22px;color: #999;white-space: nowrap;}
.appointment .advs span{display: inline-block;vertical-align: top;width: 1px;height: 10px;background: #dcdcdc;margin: 6px 18px 0;}
.appointment input{display: block;width: 100%;box-sizing: border-box;height: 44px;border: 1px solid #e5e5e5;border-radius: 4px;padding: 0 10px;color: #666;line-height: 42px;margin-bottom: 12px;}
.appointment .submit-btn{display: block;width: 100%;line-height: 44px;background: #fcc300;border-radius: 4px;text-align: center;color: #fff;font-size: 16px;cursor: pointer;margin-top: 20px;}
.appointment .submit-btn:hover{background: #edbd1b;transition: 0.4s;}
.appointment .num{text-align: center;margin-top: 16px;color: #999;line-height: 22px;}
.appointment .num span{display: inline-block;width: 22px;background: #fcc300;border-radius: 1px;text-align: center;color: #fff;vertical-align: top;margin: 0 2px;position: relative;}
.appointment .num span::after{display: inline-block;content: "";width: 22px;height: 12px;background: linear-gradient(to bottom,rgba(205, 195, 0, 0.1) 5%,rgba(252, 195, 0, 0) 95%);position: absolute;left: 0;bottom: -14px;}


.process{padding: 75px 0 60px;overflow-x: hidden;}
.process ul{margin: 0 -100px;}
.process ul li{float: left;width: 25%;}
.process ul li span{display: block;width: 100px;height: 100px;margin: 0 auto 32px;position: relative;}
.process ul li span img{position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 3;transition: 0.4s;}
.process ul li span img.img-hover{opacity: 0;}
.process ul li span::after{display: block;content: "";width: 100%;height: 100%;box-sizing: border-box;background: #fff;border: 2px solid #fcc300;border-radius: 8px;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);}
.process ul li:hover span img.img{opacity: 0;transition: 0.4s;}
.process ul li:hover span img.img-hover{opacity: 1;transition: 0.4s;}
.process ul li:hover span::after{background: #fcc300;border-color: #e8b400;transition: 0.4s;}
.process ul li h4{font-size: 16px;line-height: 24px;text-align: center;}

.worker-list{margin: 0 -5px;}
.worker-list li{float: left;width: 25%;box-sizing: border-box;padding: 5px;}
.worker-list .inner-box{padding: 8px; position: relative;overflow: hidden;}
.worker-list .inner-box .img{width: 124px;float: left;}
.worker-list .inner-box .img img{width: 100%;}
.worker-list .inner-box .text{float: right;width: 134px;}
.worker-list .inner-box .text h4{font-size: 18px;line-height: 32px;font-weight: bold;}
.worker-list .inner-box .text h5{line-height: 24px;padding-bottom: 12px;border-bottom: 1px solid #e5e5e5;margin-bottom: 6px;}
.worker-list .inner-box .text p{line-height: 30px;color: #808080;}
.worker-list .inner-box .text p span{color: #404040;}
.worker-list .inner-box .text p strong{font-size: 18px;color: #fc7100;}
.worker-list .inner-box .btn{display: block;position: absolute;width: 100%;height: 100%;top: 0;left: 0;background: url('../images/btn-bg1.png');background-size: 100% 100%;box-sizing: border-box;border: 1px solid #e5e5e5;-webkit-transform: translateY(-100%);-ms-transform: translateY(-100%);transform: translateY(-100%);transition: 0.4s;}
.worker-list .inner-box .btn span{display: block;width: 126px;line-height: 34px;border: 1px solid #fff;position: absolute;top: 50%;left: 50%;margin: -18px 0 0 -64px;color: #fff;text-align: center;}
.worker-list .inner-box:hover .btn{-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);}


.public-tab .tab-menu{margin-bottom: 44px;text-align: center;}
.public-tab .tab-menu li,
.public-tab .tab-menu li a{display: inline-block;vertical-align: top;}
.public-tab .tab-menu li{padding: 0 15px;position: relative;}
.public-tab .tab-menu li::after{display: inline-block;content: "";width: 1px;height: 10px;background: #d2d2d2;position: absolute;right: 0;top: 50%;margin-top: -5px;}
.public-tab .tab-menu li:last-child::after{display: none;}
.public-tab .tab-menu li a{padding: 0 25px;line-height: 30px;border-radius: 15px;}
.public-tab .tab-menu li.on a,
.public-tab .tab-menu li a:hover{background: #ffc300;color: #fff;transition: 0.4s;}


.index-bg1{background: url('../images/index-bg1.jpg') no-repeat center top;}
.index-case .case-top-bar{margin-bottom: 48px;border-bottom: 1px solid #4e4943;}
.index-case .top-title span{display: inline-block;vertical-align: top;line-height: 28px;padding-bottom: 11px;font-size: 18px;color: #fff;position: relative;}
.index-case .top-title span::after{display: inline-block;content: "";width: 100%;height: 2px;background: #fcc300;position: absolute;left: 0;bottom: -1px;}
.index-case .top-title small{margin-left: 10px;line-height: 28px;font-size: 16px;color: #777;font-family: Angleter;}
.index-case .case-menu li{float: left;padding: 0 25px;line-height: 28px;position: relative;}
.index-case .case-menu li::after{display: block;content: "/";color: #fff;width: 4px;height: 100%;position: absolute;right: -2px;top: 0;text-align: center;line-height: 28px;}
.index-case .case-menu li a{color: #fff;}
.index-case .case-menu li.on a,
.index-case .case-menu li a:hover{color: #fc7100;transition: 0.4s;}
.index-case .case-menu li:last-child{padding-right: 0;}
.index-case .case-menu li:last-child::after{display: none;}

.case-swiper{margin: 0 -14px;padding-bottom: 50px;}
.case-swiper .swiper-slide{padding: 0 14px;}
.case-swiper .swiper-slide a{display: block;background: #fff;}
.case-swiper .swiper-slide .img{overflow: hidden;}
.case-swiper .swiper-slide .img img{width: 100%;transition: 0.4s;}
.case-swiper .swiper-slide .infos{padding: 16px 14px;}
.case-swiper .swiper-slide .infos .photo{float: left;width: 74px;height: 74px;overflow: hidden;border-radius: 100%;}
.case-swiper .swiper-slide .infos .text{float: right;width: 152px;}
.case-swiper .swiper-slide .infos .text p{line-height: 24px;color: #4d4d4d;}
.case-swiper .swiper-slide .infos .text p strong{color: #fc7100;}
.case-swiper .swiper-slide a:hover .img img{transform: scale(1.1);transition: 0.4s;}
.case-swiper .case-pagination{bottom: 0;}
.case-swiper .case-pagination .swiper-pagination-bullet{width: 22px;height: 4px;border-radius: 0;background: #fff;opacity: 1;outline: none;}
.case-swiper .case-pagination .swiper-pagination-bullet-active{background: #fcc300;}


.strategy{background: #fff;margin-top: 48px;padding-top: 48px;}
.news-box{margin: 0 -14px;}
.news-box .news-item{float: left;width: 33.33%;padding: 0 14px;}
.news-box .news-item .hot-img img{width: 100%;}
.news-box .news-item ul{padding-top: 8px;}
.news-box .news-item ul li{border-bottom: 1px dashed #e5e5e5;}
.news-box .news-item ul li a{display: block;padding-right: 48px;position: relative;}
.news-box .news-item ul li a p{line-height: 38px;height: 38px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.news-box .news-item ul li a p::before{display: inline;content: "◆";margin-right: 6px;color: #cccccc;}
.news-box .news-item ul li a span{display: block;width: 48px;line-height: 38px;position: absolute;right: 0;top: 0;text-align: right;font-size: 12px;color: #808080;}
.news-box .news-item ul li a:hover p::before,
.news-box .news-item ul li a:hover span{color: #fc7100;transition: 0.4s;}


.brand-list{margin: 0 -3px;}
.brand-list li{float: left;width: 14.28%;box-sizing: border-box;padding: 3px;}
.brand-list li a{display: table-cell;width: 166px;height: 134px;background: #fff;text-align: center;vertical-align: middle;}
.brand-list li a img{max-width: 100%;max-height: 100%;}
.brand-list li a:hover{background: #fcc300;transition: 0.4s;}


.friendship a{float: left;padding: 0 25px;margin: 15px;line-height: 32px;border-radius: 16px;font-size: 16px;}
.friendship a:hover{background: #fcc300;color: #fff;transition: 0.4s;}

.bespeak{background: #191919;padding: 10px 0;}
.bespeak .img{float: left;width: 120px;}
.bespeak .bespeak-btn{float: right;width: 316px;line-height: 58px;background: #ff9600;border-radius: 6px;text-align: center;font-size: 24px;color: #fff;margin-top: 21px;}
.bespeak .bespeak-btn:hover{background: #df8c15;transition: 0.4s;}
.bespeak .text{float: left;width: 764px;text-align: center;font-size: 32px;color: #fff;line-height: 58px;padding: 21px 0;}
.bespeak .text span{color: #ff9600;}


/*******************************************
      		 -****内页样式****-
********************************************/
.page-banner .img img{width: 100%;}

.crumbs{padding: 15px 0;line-height: 24px;}
.crumbs i.icon-address{font-size: 16px;color: #ff9600;}
.crumbs span{color: #666;}
.crumbs a{color: #666;}
.crumbs a:hover{color: #ff9600;transition: 0.4s;}
.crumbs strong{color: #ff9600;font-weight: normal;}

.page-num{text-align: center;margin-top: 60px;}
.page-num a{display: inline-block;vertical-align: top;line-height: 34px;padding: 0 16px;border: 1px solid #eeeeee;margin: 0 2px;}
.page-num a:hover,
.page-num a.on{border-color: #ff9600;background: #ff9600;color: #fff;transition: 0.4s;}
.page-num span{display: inline-block;vertical-align: top;line-height: 36px;margin: 0 10px;}


/* 装修报价 */
.offer-banner{border-top: 2px solid #fcc300;background: url('../images/banner2.jpg') no-repeat center top;}
.offer-banner .banner-inner{padding: 0 90px 80px;}
.offer-banner .top-text{padding: 6px 0;}
.offer-banner .top-text img{margin: 0 62px 0 -24px;}
.offer-banner .top-text .text{padding-top: 26px;}
.offer-banner .top-text .text h2{font-size: 36px;line-height: 60px;color: #16a165;font-style: italic;}
.offer-banner .top-text .text h2 span{color: #ff6c00;}
.offer-banner .top-text .text h4{font-size: 18px;line-height: 36px;color: #ff5b00;text-align: center;}
.offer-banner .top-text .text h4::before,
.offer-banner .top-text .text h4::after{display: inline-block;content: "";vertical-align: top;width: 50px;height: 2px;background: #fa743e;margin-top: 17px;}
.offer-banner .top-text .text h4::before{margin-right: 15px;}
.offer-banner .top-text .text h4::after{margin-left: 15px;}
.offer-banner .offer-box{background: #fff;box-shadow: 0 0 20px #d1d1d1;padding: 30px 40px 72px;position: relative;}
.offer-banner .offer-box form{float: left;width: 410px;}
.offer-banner .offer-box .form-text{font-size: 18px;line-height: 36px;}
.offer-banner .offer-box .form-text small{font-size: 12px;color: #ff6c00;margin-left: 18px;}
.offer-banner .offer-box .input-group{margin-top: 24px;}
.offer-banner .offer-box .input-group .name{float: left;width: 110px;line-height: 40px;font-size: 18px;}
.offer-banner .offer-box .required .name::after{display: inline-block;content: "★";color: #ff0000;font-size: 10px;vertical-align: top;margin-left: 4px;}
.offer-banner .offer-box .input-group .value{width: 300px;height: 40px;float: right;}
.offer-banner .offer-box .input-group .value select{float: left;width: 140px;height: 40px;border: 1px solid #e5e5e5;padding: 0 10px;font-size: 16px;line-height: 38px;color: #808080;}
.offer-banner .offer-box .input-group .value select:last-child{float: right;}
.offer-banner .offer-box .input-group .value .singal-select{width: 100%;}
.offer-banner .offer-box .radio input{display: none;}
.offer-banner .offer-box .radio input+label{font-size: 16px;line-height: 40px;color: #808080;margin-right: 56px;float: left;height: 40px;cursor: pointer;}
.offer-banner .offer-box .radio input+label::before{display: inline-block;content: "";width: 16px;height: 16px;border: 1px solid #e5e5e5;border-radius: 100%;margin: 10px 8px 0 0;vertical-align: top;}
.offer-banner .offer-box .radio input:checked+label::before{content: "●";color: #ff6c00;text-align: center;line-height: 14px;}
.offer-banner .offer-box .input-group input[type="text"]{display: block;width: 100%;height: 40px;box-sizing: border-box;border: 1px solid #e5e5e5;padding: 0 14px;font-size: 16px;line-height: 38px;color: #808080;}
.offer-banner .result{float: right;width: 350px;}
.offer-banner .result .budget{text-align: center;margin-bottom: 20px;}
.offer-banner .result .budget h3{font-size: 18px;line-height: 20px;font-weight: bold;}
.offer-banner .result .budget span{display: block;width: 204px;line-height: 50px;margin: 21px auto;background: #fcc300;border-radius: 25px;text-align: center;font-size: 18px;color: #fff;box-shadow: 0 0 9px #ffdb60;}
.offer-banner .result .detailed{background: #f5f5f5;border-radius: 4px;padding: 0 30px;}
.offer-banner .result .detailed li{line-height: 67px;border-bottom: 1px solid #e5e5e5;}
.offer-banner .result .detailed li:last-child{border: none;}
.offer-banner .result .detailed li h4,
.offer-banner .result .detailed li p{float: left;width: 50%;}
.offer-banner .result .detailed li h4{font-size: 18px;position: relative;}
.offer-banner .result .detailed li h4::after{display: block;content: "";width: 1px;height: 16px;background: #e5e5e5;position: absolute;right: 1px;top: 50%;margin-top: -8px;}
.offer-banner .result .detailed li p{text-align: right;font-size: 16px;}
.offer-banner .result .detailed li p span{color: #ff6c00;margin-right: 16px;}
.offer-banner .offer-box .start-btn{display: block;width: 88px;height: 88px;box-sizing: border-box;background: #fcc300;border-radius: 100%;border: 8px solid #fef3cc;position: absolute;top: 50%;left: 50%;margin: -44px 0 0 -20px;text-align: center;font-size: 16px;color: #fff;line-height: 20px;padding-top: 16px;}



/* 装修工长 */
.select-box{background: #fcfcfc;border: 1px solid #eee;border-radius: 4px;padding: 0 22px;}
.select-box .select-wrapper{padding: 20px 0 10px;border-bottom: 1px dashed #e5e5e5;}
.select-box .select-wrapper:last-child{border: none;}
.select-box .select-name{float: left;width: 76px;line-height: 30px;font-weight: bold;}
.select-box .select-cont{float: right;width: 1072px;}
.select-box .select-cont a{float: left;padding: 0 10px;line-height: 30px;border-radius: 3px;color: #808080;margin: 0 13px 10px 13px;}
.select-box .select-cont a:hover,
.select-box .select-cont a.active{background: #fcc300;color: #fff;transition: 0.4s;}
.select-box .select-cont .more-btn{float: left;line-height: 30px;margin: 0 13px 10px 13px;color: #ff9600;cursor: pointer;}
.select-box .select-cont .more-btn .icon{font-size: 12px;margin-left: 5px;}

.worker-box{margin-top: 30px;border: 1px solid #e5e5e5;padding: 22px;border-radius: 4px;}
.worker-box .worker-info{margin-bottom: 20px;}
.worker-box .worker-info .infos{float: left;}
.worker-box .worker-info .photo{float: left;width: 166px;height: 166px;overflow: hidden;border-radius: 4px;margin-right: 22px;}
.worker-box .worker-info .text{float: left;padding-top: 10px;}
.worker-box .worker-info .text h3{font-size: 16px;line-height: 22px;margin-bottom: 12px;}
.worker-box .worker-info .text h3 span{display: inline-block;vertical-align: top;padding: 0 10px;margin-left: 12px;background: #ff9600;border-radius: 11px;font-size: 12px;color: #fff;}
.worker-box .worker-info .text h3 span i{color: #fff;margin-right: 4px;line-height: 22px;display: inline-block;vertical-align: top;}
.worker-box .worker-info .text p{line-height: 30px;color: #808080;}
.worker-box .worker-info .text .score p{float: left;}
.worker-box .worker-info .text .score .starts{float: left;margin: 0 5px;}
.worker-box .worker-info .text .score .starts i{display: inline-block;vertical-align: top;line-height: 30px;color: #c1c1c1;margin: 0 -2px;}
.worker-box .worker-info .text .score .starts i.icon-on{color: #fc7100;}
.worker-box .worker-info .text .score .score-text{float: left;font-size: 18px;line-height: 30px;color: #fc7100;font-weight: bold;}
.worker-box .worker-info .text em{color: #4d4d4d;}
.worker-box .worker-info .text strong{color: #fc7100;}
.worker-box .worker-info .btns{float: right;padding-top: 24px;text-align: center;}
.worker-box .worker-info .btns h4{line-height: 28px;color: #959595;}
.worker-box .worker-info .btns h5{line-height: 28px;color: #fc7100;font-weight: bold;}
.worker-box .worker-info .btns a{display: block;width: 160px;height: 44px;background: #ff9600;border-radius: 4px;line-height: 44px;font-size: 16px;color: #fff;margin-top: 20px;}
.worker-box .worker-case .case-tit{padding: 10px 0;border-bottom: 1px solid #e5e5e5;line-height: 24px;font-size: 16px;margin-bottom: 24px;}
.worker-box .worker-case .case-tit i{font-size: 24px;color: #fc7100;display: inline-block;vertical-align: top;margin-right: 8px;}
.worker-box .worker-case ul{margin: 0 -6px;}
.worker-box .worker-case ul li{float: left;width: 25%;box-sizing: border-box;padding: 0 6px;}
.worker-box .worker-case ul li a{display: block;}
.worker-box .worker-case ul li .img{overflow: hidden;}
.worker-box .worker-case ul li .img img{width: 100%;transition: 0.4s;}
.worker-box .worker-case ul li .info{padding: 16px 14px;}
.worker-box .worker-case ul li .info .photo{float: left;width: 74px;height: 74px;border-radius: 100%;overflow: hidden;margin-top: 5px;}
.worker-box .worker-case ul li .info .photo img{width: 100%;height: 100%;}
.worker-box .worker-case ul li .info .text{float: right;width: 152px;}
.worker-box .worker-case ul li .info .text p{line-height: 28px;color: #4d4d4d;}
.worker-box .worker-case ul li .info .text p strong{color: #fc7100}
.worker-box .worker-case ul li a:hover .img img{transition: 0.4s;transform: scale(1.1);}


.case-page{padding: 30px 0 64px;}
.case-page .case-topbar{height: 50px;border: 1px solid #f1f1f1;background: #fafafa;}
.case-page .sort-btn,.case-page .exhibition-btn{height: 48px;}
.case-page .sort-btn a{float: left;width: 72px;line-height: 48px;text-align: center;border-right: 1px solid #f1f1f1;}
.case-page .sort-btn a.on{background: #ff9600;color: #fff;}
.case-page .exhibition-btn a{float: left;width: 54px;height: 48px;line-height: 48px;background: #fff;border-left: 1px solid #f1f1f1;text-align: center;}
.case-page .exhibition-btn a i{font-size: 28px;color: #ccc;}
.case-page .exhibition-btn a.on i{color: #ff9600;}

.case-page .case-list li{margin-top: 20px;}
.case-page .case-list .item-title{line-height: 43px;border-bottom: 1px solid #eee;font-size: 16px;font-weight: bold;margin-bottom: 24px;}
.case-page .case-list .item-title span{margin-right: 28px;}
.case-page .case-list .item-cont{margin: 0 -7px;}
.case-page .case-list .item-cont .item-box{float: left;padding: 0 7px;width: 25%;}
.case-page .case-list .item-cont .img{display: block;overflow: hidden;}
.case-page .case-list .item-cont .img img{width: 100%;transition: 0.4s;}
.case-page .case-list .item-cont .img:hover img{transition: 0.4s;transform: scale(1.1);}
.case-page .case-list .item-cont .infos{border: 1px solid #e5e5e5;background: #fcfcfc;padding: 0 16px 16px;}
.case-page .case-list .item-cont .infos p{line-height: 38px;border-top: 1px dashed #d2d2d2;color: #999;}
.case-page .case-list .item-cont .infos p:first-child{border: none;}
.case-page .case-list .item-cont .infos em{color: #4d4d4d;}
.case-page .case-list .item-cont .infos strong{color: #ff9600;}
.case-page .case-list .item-cont .infos span{display: inline-block;vertical-align: top;padding: 0 11px;line-height: 24px;background: #ff9600;border-radius: 12px;color: #fff;margin: 7px 0 0 24px;}
.case-page .case-list .item-cont .infos a{display: block;line-height: 44px;background: #ff9600;border-radius: 4px;margin-top: 13px;font-size: 16px;color: #fff;text-align: center;}



/* 装修案例详情 */
.public-wrapper .left-con{width: 880px;}
.public-wrapper .right-bar{width: 300px;}


.case-detail{padding-bottom: 36px;}
#caseImgTab{height: 600px;background: #eee;}
#caseImgTab .swiper-slide span{display: table-cell;width: 880px;height: 600px;text-align: center;vertical-align: middle;}
#caseImgTab .swiper-slide span img{max-width: 100%;max-height: 100%;}
.case-img-tab .thumbnail{margin-top: 25px;position: relative;}
.case-img-tab .thumbnail-con{width: 750px;height: 92px;margin: 0 auto;overflow: hidden;position: relative;}
.case-img-tab .thumbnail-wp{position: absolute;top: 0;left: 0;width: 10000px;height: 92px;}
.case-img-tab .thumbnail-wp .thumbnail-btn{float: left;width: 150px;height: 92px;}
.case-img-tab .thumbnail-wp .thumbnail-btn a{display: block;width: 136px;height: 92px;margin: 0 auto;box-sizing: border-box;border: 2px solid #fff;}
.case-img-tab .thumbnail-wp .thumbnail-btn a img{width: 100%;height: 100%;}
.case-img-tab .thumbnail-wp .thumbnail-btn.active a{border: 2px solid #ff9600;}
.case-img-tab .thumbnail-left,
.case-img-tab .thumbnail-right{width: 25px;height: 42px;background: #ff9600;text-align: center;line-height: 42px;position: absolute;top: 50%;margin-top: -21px;cursor: pointer;}
.case-img-tab .thumbnail-left i,
.case-img-tab .thumbnail-right i{color: #fff;font-size: 18px;}
.case-img-tab .thumbnail-left{left: 23px;}
.case-img-tab .thumbnail-right{right: 23px;}
.case-img-tab .thumbnail-left.thumbnail-disabled,
.case-img-tab .thumbnail-right.thumbnail-disabled{background: #eee;cursor: default;}
.case-img-tab .thumbnail-left.thumbnail-disabled i,
.case-img-tab .thumbnail-right.thumbnail-disabled i{color: #b9b9b9;}

.relative-case{margin-top: 32px;border-top: 10px solid #f7f7f7;padding-top: 20px;}
.relative-case .relative-tit{line-height: 38px;border-bottom: 1px solid #dcdcdc;margin-bottom: 18px;font-size: 16px;}
.relative-case .relative-tit i{font-size: 24px;color: #eb8d06;display: inline-block;vertical-align: top;margin: -1px 9px 0 0;}
.relative-case .news-box .news-item{width: 50%;}


.right-bar .right-box{background: #fbfbfb;border: 1px solid #eee;margin-bottom: 10px;padding: 15px 15px 25px;}
.right-bar .right-box .sure-btn{display: block;line-height: 44px;background: #ff9600;border-radius: 4px;font-size: 16px;color: #fff;text-align: center;margin-top: 24px;}
.right-bar .budget-box .budget-tit{text-align: center;}
.right-bar .budget-box .budget-tit h3{font-size: 22px;line-height: 36px;color: #ff9600;font-family: "宋体";}
.right-bar .budget-box .budget-tit h4{line-height: 24px;color: #808080;}
.right-bar .budget-box .budget-tit h4::before,
.right-bar .budget-box .budget-tit h4::after{display: inline-block;content: "";vertical-align: top;width: 26px;height: 1px;background: #aaaaaa;margin-top: 11px;}
.right-bar .budget-box .budget-tit h4::before{margin-right: 10px;}
.right-bar .budget-box .budget-tit h4::after{margin-left: 10px;}
.right-bar .budget-box .select-city{margin-top: 16px;height: 45px;}
.right-bar .budget-box .select-city select{float: left;width: 126px;height: 45px;border: 1px solid #eee;border-radius: 4px;text-indent: 14px;color: #666;}
.right-bar .budget-box .select-city select:last-child{float: right;}
.right-bar .budget-box .input-box{margin-top: 16px;height: 45px;position: relative;}
.right-bar .budget-box .input-box input{display: block;width: 100%;height: 45px;line-height: 43px;box-sizing: border-box;padding: 0 14px;color: #666;border: 1px solid #eee;border-radius: 4px;background: #fff;}
.right-bar .budget-box .input-box.unit input{padding-right: 40px;}
.right-bar .budget-box .input-box.unit span{display: block;width: 40px;height: 100%;position: absolute;top: 0;right: 0;line-height: 44px;text-align: center;color: #6e6e6e;}
.right-bar .budget-box .apartment-wp{width: 126px;float: left;position: relative;}
.right-bar .budget-box .apartment-wp:last-child{float: right;}
.right-bar .budget-box .apartment input{padding-right: 40px;}
.right-bar .budget-box .apartment .num-btn{position: absolute;top: 0;right: 0;width: 31px;height: 100%;border-left: 1px solid #eee;}
.right-bar .budget-box .apartment .num-btn a{display: block;width: 100%;height: 22px;position: relative;}
.right-bar .budget-box .apartment .num-btn a.add-btn{border-bottom: 1px solid #eeeeee;}
.right-bar .budget-box .apartment .num-btn a::before{display: block;content: "";width: 0;height: 0;border-style: solid;border-width: 4px;position: absolute;top: 50%;left: 50%;margin-left: -3px;}
.right-bar .budget-box .apartment .num-btn a.add-btn::before{border-color: transparent transparent #999 transparent;margin-top: -6px;}
.right-bar .budget-box .apartment .num-btn a.reduce-btn::before{border-color: #999 transparent transparent transparent;margin-top: -3px;}
.right-bar .case-infos{padding-bottom: 10px;}
.right-bar .case-infos h3{font-size: 16px;color: #ff9600;line-height: 20px;border-bottom: 1px solid #dcdcdc;padding-bottom: 5px;margin-bottom: 5px;font-weight: bold;}
.right-bar .case-infos p{line-height: 38px;border-bottom: 1px dashed #d2d2d2;color: #999;}
.right-bar .case-infos p:last-child{border: none;}
.right-bar .case-infos p em{color: #4d4d4d;}
.right-bar .case-infos p strong{color: #ff9600;}
.right-bar .worker-infos h3{font-size: 16px;color: #ff9600;line-height: 20px;border-bottom: 1px solid #dcdcdc;padding-bottom: 5px;margin-bottom: 10px;font-weight: bold;}
.right-bar .worker-infos .photo{width: 104px;border-radius: 4px;overflow: hidden;}
.right-bar .worker-infos .text{width: 148px;padding-top: 5px;}
.right-bar .worker-infos .text h4{font-size: 16px;line-height: 22px;margin-bottom: 8px;}
.right-bar .worker-infos .text h4 span{display: inline-block;vertical-align: top;line-height: 22px;padding: 0 10px;background: #ff9600;color: #fff;margin-left: 12px;border-radius: 11px;font-size: 14px;}
.right-bar .worker-infos .text h4 span i{display: inline-block;vertical-align: top;margin-right: 4px;}
.right-bar .worker-infos .text p{line-height: 34px;color: #808080;}
.right-bar .worker-infos .text p em{color: #4d4d4d;}
.right-bar .worker-infos .text p strong{font-size: 18px;color: #fc7100;}



/* 免费量房 */
.strategy-banner{background: #e0f1f8;padding-bottom: 70px;}
.strategy-banner .top-text{text-align: center;margin-top: -40px;margin-bottom: 24px;}
.strategy-banner .top-text .text{padding-top: 26px;}
.strategy-banner .top-text .text h2{font-size: 36px;line-height: 60px;color: #16a165;font-style: italic;}
.strategy-banner .top-text .text h2 span{color: #ff6c00;}
.strategy-banner .top-text .text h4{font-size: 18px;line-height: 36px;color: #ff5b00;text-align: center;}
.strategy-banner .top-text .text h4::before,
.strategy-banner .top-text .text h4::after{display: inline-block;content: "";vertical-align: top;width: 50px;height: 2px;background: #fa743e;margin-top: 17px;}
.strategy-banner .top-text .text h4::before{margin-right: 15px;}
.strategy-banner .top-text .text h4::after{margin-left: 15px;}
.strategy-banner .top-text img{margin-left: 117px;}

.strategy-box{background: #fff;box-shadow: 0 0 20px #d1d1d1;padding: 24px 30px 44px;position: relative;}
.strategy-box form{float: left;width: 550px;border-right: 2px solid #faf6f0;padding-right: 20px;}
.strategy-box form h2{font-size: 24px;line-height: 40px;text-align: center;color: #ff9600;font-weight: bold;}
.strategy-box form h5{font-size: 12px;line-height: 20px;text-align: center;}
.strategy-box .form-wp{padding: 42px 0  14px;}
.strategy-box .form-wp{padding: 42px 0  14px;}
.strategy-box .form-wp .from-group{float: left;width: 258px;height: 40px;margin-bottom: 28px;}
.strategy-box .form-wp .from-group:nth-child(2n){float: right;}
.strategy-box .form-wp .from-group span{float: left;width: 88px;line-height: 40px;font-size: 16px;}
.strategy-box .form-wp .required span::after{display: inline;content: "★";font-size: 12px;color: #ff0000;}
.strategy-box .form-wp .from-group input{width: 170px;height: 40px;display: block;box-sizing: border-box;border: 1px solid #e5e5e5;line-height: 38px;color: #666;padding: 0 14px;}
.strategy-box .form-wp .from-group select{float: left;width: 170px;height: 40px;border: 1px solid #e5e5e5;padding: 0 14px;line-height: 38px;}
.strategy-box .form-wp .from-group .city{height: 40px;width: 170px;float: left;}
.strategy-box .form-wp .from-group .city select{width: 50%;}
.strategy-box .form-wp .from-group .city select:first-child{border-right: none;}
.strategy-box form .tips{line-height: 24px;color: #ff9600;}
.strategy-box form .submit-btn{display: block;width: 404px;line-height: 58px;background: #ff9600;text-align: center;color: #fff;margin: 36px auto 0;border-radius: 4px;cursor: pointer;}
.strategy-box .strategy-step{width: 494px;padding-top: 20px;}
.strategy-box .strategy-step h3{font-size: 18px;line-height: 28px;font-size: 18px;font-weight: bold;margin-bottom: 12px;}
.strategy-box .strategy-step ul li{padding: 29px 0 29px 58px;position: relative;}
.strategy-box .strategy-step ul li span{display: block;width: 40px;height: 40px;background: #ff9600;border-radius: 100%;border: 3px solid #ffe5bf;text-align: center;line-height: 40px;font-size: 16px;color: #fff;font-weight: bold;position: absolute;left: 0;top: 50%;margin-top: -23px;}
.strategy-box .strategy-step ul li h4{font-size: 16px;}
.strategy-box .strategy-step ul li p{color: #a6a6a6;}
.strategy-box .strategy-step ul li::before{display: block;content: "";width: 0;height: 0;border-style: solid;border-width: 8px 5px;border-color: #ff9600 transparent transparent transparent;position: absolute;left: 18px;bottom: -16px;}
.strategy-box .strategy-step ul li:last-child::before{display: none;}

.measures ul li{float: left;width: 25%;}
.measures ul li span{display: block;width: 130px;height: 130px;background: #ff9600;border-radius: 100%;margin: 0 auto;}
.measures ul li span img{width: 100%;height: 100%;}
.measures ul li .line{height: 2px;background: #e5e5e5;margin: 40px 0 32px;position: relative;}
.measures ul li .line i{display: block;width: 24px;height: 24px;background: #fff;border-radius: 100%;position: absolute;left: 50%;margin-left: -12px;top: -11px;}
.measures ul li .line i::before,
.measures ul li .line i::after{display: block;content: "";position: absolute;top: 50%;left: 50%;border-radius: 100%;}
.measures ul li .line i::before{width: 16px;height: 16px;border: 2px solid #f26b1a;margin: -10px 0 0 -10px;}
.measures ul li .line i::after{width: 10px;height: 10px;background: #f26b1a;margin: -5px 0 0 -5px;}
.measures ul li .text{padding: 0 28px;text-align: center;}
.measures ul li .text h4{font-size: 16px;line-height: 24px;margin-bottom: 14px;}
.measures ul li .text p{color: #808080;}

.advs-compare{margin-top: 56px;position: relative;}
.advs-compare .advs-box{width: 570px;}
.advs-compare .advs-box h2{line-height: 60px;border-radius: 4px 4px 0 0;font-size: 18px;text-align: center;color: #fff;font-weight: bold;}
.advs-compare .our h2{background: #17b2c0;}
.advs-compare .other h2{background: #ff9600;}
.advs-compare .advs-box ul{padding: 24px 60px;border: 1px solid #e6e6e6;border-radius: 0 0 6px 6px;}
.advs-compare .advs-box ul li{padding: 30px 0 30px 76px;position: relative;}
.advs-compare .advs-box ul li span{display: block;width: 48px;height: 48px;border: 2px solid #0db02c;border-radius: 100%;position: absolute;left: 0;top: 50%;margin-top: -26px;}
.advs-compare .advs-box ul li span i{display: block;width: 42px;height: 42px;margin: 3px;background: #0db02c;border-radius: 100%;text-align: center;line-height: 42px;font-style: normal;font-size: 18px;font-weight: bold;color: #fff;}
.advs-compare .advs-box ul li p{font-size: 16px;line-height: 28px;}
.advs-compare .advs-box ul li .cha{border-color: #e70010;}
.advs-compare .advs-box ul li .cha i{background: #e70010;}
.advs-compare .advs-box ul li .cha i::before,
.advs-compare .advs-box ul li .cha i::after{display: block;content: "";width: 24px;height: 2px;background: #fff;position: absolute;top: 50%;left: 50%;border-radius: 2px;}
.advs-compare .advs-box ul li .cha i::before{transform: translate(-50%,-50%) rotate(45deg);}
.advs-compare .advs-box ul li .cha i::after{transform: translate(-50%,-50%) rotate(-45deg);}

.house-infos{border: 1px solid #e5e5e5;background: #fff;}
.house-infos .thead{padding: 0 20px;border-bottom: 1px solid #e5e5e5;}
.house-infos span{float: left;width: 16.66%;text-align: center;position: relative;}
.house-infos .thead span{line-height: 46px;}
.house-infos .thead span::after{display: block;content: "";width: 2px;height: 14px;background: #eee;position: absolute;right: -1px;top: 50%;margin-top: -7px;}
.house-infos .thead span:last-child::after{display: none;}
.house-infos .tbody{padding: 0 20px;}
.house-infos .tbody li{border-bottom: 1px dashed #dcdcdc;}
.house-infos .tbody li:last-child{border: none;}
.house-infos .tbody li a{display: block;line-height: 23px;color: #959595;padding: 15px 0;}
.house-infos .tbody li a:hover{color: #ff9600;}


.good-foreman{overflow: hidden;}
.good-foreman ul{margin: 0 -72px;}
.good-foreman ul li{float: left;width: 33.33%;box-sizing: border-box;padding: 0 72px;text-align: center;}
.good-foreman ul li .photo{width: 146px;margin: 0 auto 8px;}
.good-foreman ul li h3{font-size: 18px;line-height: 36px;font-weight: bold;}
.good-foreman ul li h5{line-height: 22px;color: #666;padding-bottom: 13px;border-bottom: 1px solid #e5e5e5;width: 134px;margin: 0 auto 8px;}
.good-foreman ul li p{line-height: 32px;color: #808080;}
.good-foreman ul li p em{color: #4d4d4d;}
.good-foreman ul li .starts i{color: #c1c1c1;display: inline-block;vertical-align: top;line-height: 32px;margin: 0 -2px;font-size: 12px;}
.good-foreman ul li .starts i.icon-on{color: #fc7100;}
.good-foreman ul li .starts span{display: inline-block;vertical-align: top;font-size: 18px;line-height: 32px;font-weight: bold;margin-left: 10px;color: #fc7100;}
.good-foreman ul li a{display: block;width: 208px;line-height: 44px;background: #ff9600;border-radius: 4px;text-align: center;font-size: 16px;color: #fff;font-weight: bold;margin: 18px auto 0;}

.programme{overflow: hidden;}
.programme ul{margin: 0 -22px;}
.programme ul li{float: left;width: 33.33%;box-sizing: border-box;padding: 0 22px;}
.programme ul li a{display: block;position: relative;}
.programme ul li .img{height: 226px;overflow: hidden;}
.programme ul li .img img{width: 100%;}
.programme ul li .text{position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 3;padding-top: 56px;}
.programme ul li .text .icon{width: 50px;height: 50px;margin: 0 auto;}
.programme ul li .text .icon img{width: 100%;height: 100%;}
.programme ul li .text .line{width: 184px;height: 1px;background: #fff;position: relative;margin: 15px auto;}
.programme ul li .text .line::before,
.programme ul li .text .line::after{display: block;content: "";width: 3px;height: 3px;background: #fff;border-radius: 100%;position: absolute;top: -1px;}
.programme ul li .text .line::before{left: 0;}
.programme ul li .text .line::after{right: 0;}
.programme ul li .text p{text-align: center;font-size: 16px;line-height: 28px;color: #fff;}
.programme ul li .kuang{position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 1;padding: 16px;}
.programme ul li .kuang::before{display: block;content: "";border: 1px solid transparent;height: 100%;}
.programme ul li a:hover .kuang::before{transition: 0.4s;border-color: #fff;}



/* APP下载 */
.download-banner{padding: 105px 0;background: #f5f5f5;border-top: 2px solid #fcc300;text-align: center;}
.download-banner h2{font-size: 34px;line-height: 56px;margin-top: 22px;}
.download-banner h3{font-size: 30px;line-height: 50px;}

.download-page{padding: 72px 0 100px;}
.download-page .img{width: 468px;padding-top: 135px;}
.download-page .img img{width: 100%;}
.download-page .text{width: 500px;margin-left: 116px;text-align: center;}
.download-page .text h4{font-size: 24px;line-height: 4px;margin-bottom: 40px;}
.download-page .text .erweima{width: 162px;margin: 0 auto;}
.download-page .text .erweima img{width: 150px;border: 6px solid #ff9806;border-radius: 3px;}
.download-page .text .erweima p{font-size: 16px;line-height: 38px;}
.download-page .text .btns a{display: block;margin-top: 32px;line-height: 90px;border-radius: 4px;background: #ffa31f;background: linear-gradient(to bottom,#ffaf3e,#ff9600);font-size: 32px;color: #fff;}
.download-page .text .btns a i{display: inline-block;vertical-align: top;color: #fff;font-size: 48px;margin-right: 20px;}


/*装修咨询*/
.zixun-content {margin-top: 16px;}
.zixun-hd {border-bottom: 1px solid #eee;}
.zixun-hd .zx-title {font-size: 18px;color: #333;font-weight: bold;line-height: 1.5;padding: 15px 0;line-height: 24px;}
.zxc-l {width: 775px;padding-bottom: 60px;}
.zxc-l ul.news-list li {padding: 20px 6px 16px 0; border-bottom: 1px solid #e5e5e5;}
.zxc-l ul.news-list li .zx-img{width: 214px;height: 148px;overflow: hidden;}
.zxc-l ul.news-list li .zx-img img{width: 100%;height: 100%;transition: all .4s;}
.zxc-l ul.news-list li .zx-info {width: 536px;padding: 10px 0;}
.zxc-l ul.news-list li .zx-info h1 a{font-size:16px;color:#252625;}
.zxc-l ul.news-list li .zx-info p{font-size:14px;color:#a6a6a6;text-overflow:ellipsis; -o-text-overflow:ellipsis;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;line-height: 1.5;margin: 10px 0;}
.zxc-l ul.news-list li .zx-info .zx-bottom {margin-top: 20px;}
.zxc-l ul.news-list li .zx-info .zx-bottom span{font-size: 14px; color: #ccc;}
.zxc-l ul.news-list li .zx-info .zx-bottom .more a{font-size: 14px; color: #ccc;}
.zxc-l ul.news-list li .zx-info .zx-bottom .more.active a{color: #FF9600;text-decoration: underline;}
.zxc-l ul.news-list li .zx-info .zx-bottom .more:hover a{color: #FF9600;text-decoration: underline;}
.zxc-l ul.news-list li .zx-img:hover img {transform: scale(1.06);}
.zxc-l ul.news-list li .zx-info h1:hover a{color: #ff9600;}
.zxc-r {width: 388px;}
.zxc-r .lanmu:first-child{margin: 0;}
.zxc-r .lanmu {padding: 8px 15px;background-color: #fbfbfb;border: 1px solid #eee;border-radius: 5px;margin-top: 25px;}
.zxc-r .lanmu .lm-hd {height: 35px;line-height: 35px;border-bottom: 1px solid #dcdcdc;font-size: 16px;font-weight: bold;}
.zxc-r .lanmu .lm-bd ul li {min-width: 92px;padding: 0 18px;height: 33px;line-height: 33px;float: left;margin: 10px 6px;box-sizing: border-box;border-radius: 50px;text-align: center;transition: all .4s;}
.zxc-r .lanmu .lm-bd ul li a{display: inline-block;width: 100%;height: 100%;}
.zxc-r .lanmu .lm-bd ul li.active{background-color: #FF9600;}
.zxc-r .lanmu .lm-bd ul li.active a{color: #fff;}
.zxc-r .lanmu .lm-bd ul li:hover{background-color: #FF9600;}
.zxc-r .lanmu .lm-bd ul li:hover a{color: #fff;}
.zxc-r .lanmu .zx-bd {margin: 10px 0;}
.zxc-r .lanmu .zx-bd ul{margin: 0 -4px;}
.zxc-r .lanmu .zx-bd ul li {float: left;width: 33.33%;padding: 4px;box-sizing: border-box;}
.zxc-r .lanmu .zx-bd ul li a{display: block;}
.zxc-r .lanmu .zx-bd ul li img{width: 100%;}
.zxc-r .lanmu .bq-bd {padding: 10px 0 0 0;}
.zxc-r .lanmu .bq-bd ul li {float: left;margin: 9px 12px;}


/* 装修资讯-详情 */
.article{padding-bottom: 30px;}
.article .article-title{text-align: center;font-size: 24px;}
.article .infos{text-align: center;padding: 20px 0;border-bottom: 1px dashed #e5e5e5;line-height: 20px;}
.article .infos span{margin: 0 5px;color: #999;}
.article .guide-reading{margin: 28px 0;background: #fcfcfc;border: 1px solid #eee;padding: 18px 36px;position: relative;overflow: hidden;}
.article .guide-reading p{line-height: 24px;font-size: 14px;}
.article .guide-reading span{display: block;line-height: 20px;padding: 0 24px;color: #fff;font-size: 12px;position: absolute;top: 8px;left: -18px;transform: rotate(-45deg);background: #ff9a00;}
.article img{max-width: 100%;}
.article p{font-size: 16px;line-height: 28px;}

.relative-link{border-top: 1px solid #eee;padding-top: 30px;}
.relative-link a{display: block;line-height: 24px;margin: 3px 0;font-size: 16px;}

.zxc-r .offer-form{background: #fafafa;border: 1px solid #eee;border-radius: 5px;overflow: hidden;margin-top: 22px;}
.zxc-r .offer-form h3{font-size: 18px;line-height: 30px;padding: 20px 0;text-align: center;color: #fff;background: #fea628;font-weight: bold;}
.zxc-r .offer-form form{padding: 10px 20px 30px;}
.zxc-r .offer-form .form-wp{margin-top: 20px;position: relative;}
.zxc-r .offer-form .form-wp input[type="text"]{display: block;box-sizing: border-box;width: 100%;height: 44px;border: 1px solid #eee;border-radius: 4px;padding: 0 14px;line-height: 42px;color: #666;background: #fff;}
.zxc-r .offer-form .measure input[type="text"]{padding-right: 40px;}
.zxc-r .offer-form .measure span{display: block;width: 40px;line-height: 44px;position: absolute;right: 0;top: 0;text-align: center;color: #666;}
.zxc-r .offer-form .form-wp select{width: 100%;height: 44px;border: 1px solid #eee;border-radius: 4px;background: #fff;padding: 0 14px;color: #666;}
.zxc-r .offer-form .submit-btn{display: block;width: 100%;line-height: 52px;background: #f29510;background: linear-gradient(to bottom,#ffa421,#e78800);border-radius: 4px;box-shadow: 0 0 9px #eeaf55;text-align: center;color: #fff;font-size: 16px;margin-top: 30px;}

.zxc-r .lanmu .hot-article ul{padding: 10px 0;}
.zxc-r .lanmu .hot-article ul li{padding: 8px 0;}
.zxc-r .lanmu .hot-article ul li a{display: block;line-height: 24px;height: 24px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.zxc-r .lanmu .hot-article ul li a::before{display: inline-block;content: "◆";vertical-align: top;line-height: 24px;margin-right: 6px;}


body.gPadding {padding-bottom: 120px;}
.bespeak {position: fixed; width: 100%; left: 0; bottom: 0; z-index: 66;}

.downLoad {}
.downLoad img {width: 100%;}


.cityTop {border-top: 2px solid #fcc300;}
.cityTop .crumbs {border-bottom: 1px solid #eee;}
.cityHot {line-height: 52px; color: #666;}
.cityHot span {}
.cityHot a {color: #666; margin: 0 16px;}
.cityHot a:hover {color: #FA743E;}
.cityResearch {height: 38px; margin: 16px 0; line-height: 38px; color: #666665;}
.cityResearch span {margin-right: 20px;}
.cityResearch select {width: 144px; height: 100%; margin-right: 15px; color: #999; border-color: #ff9600;}
.cityResearch button {width: 80px; height: 100%; font-size: 16px; color: #fff; background: #ff9600; cursor: pointer;}
.cityResearch button:hover {background: #FA743E;}
.cityShou {padding-top: 6px; line-height: 30px; color: #666;}

.cityZm {height: 60px; padding: 15px 0; line-height: 30px; background: #fff;}
.cityZm a {display: inline-block; width: 30px; height: 30px; margin-right: 14px; text-align: center; color: #666665; vertical-align: top; border-radius: 4px;}
.cityZm a:hover {background: #f5f5f5;}
.cityZm a.on {color: #fff; background: #ff9600;}
.cityZm.on {position: fixed; width: 100%; left: 0; top: 0; z-index: 66; border-bottom: 1px solid #eee;}

.cityBlock {display: none; height: 60px;}

.cityWrap {margin-bottom: 60px; padding-top: 16px;}
.cityList {border: 1px solid #eee;}
.cityList li {padding: 32px 0 17px; line-height: 30px; border-bottom: 1px solid #eee;}
.cityList li:last-child {border-bottom: none;}
.cityList li h3 {float: left; width: 40px; margin-left: 20px; text-align: center; font-size: 16px; font-weight: 600; color: #666;}
.cityList li .inner {padding-left: 72px;}
.cityList li .inner a {display: inline-block; width: 64px; height: 30px; margin: 0 18px 15px 0; text-align: center; color: #666; background: #eeeeee; vertical-align: top; border-radius: 4px;}
.cityList li .inner a:hover {background: #e6e6e6;}
.cityList li .inner a.on {color: #fff; background: #ff9600;}

/*.zxc-r .offer-form h4 {float: left; width: 92px; line-height: 44px;}
.zxc-r .offer-form .inner {float: right; width: 250px;}*/
.zxc-r .offer-form .form-wp.area {font-size: 0;}
.zxc-r .offer-form .form-wp.area select {width: 48%; margin-left: 4%;}
.zxc-r .offer-form .form-wp.area select:first-child {margin-left: 0;}


.page-num .pagination {
	height: auto;
}
.page-num .pagination a {
	padding: 0;
	padding: 0 16px;
	height: 36px;
	line-height: 36px;
	display: inline-block;
	float: none;
	border: 1px solid #eee;
}

.page-num .pagination p {
	padding: 0;
	padding: 0 16px;
	height: 36px;
	line-height: 36px;
	display: inline-block;
	float: none;
	border: 1px solid #eee;
	color: #999;
}
.page-num .pagination a:hover {
	border: 1px solid #ff9600;
	color: #ff9600;
}
.page-num .pagination a.cur {
    border: none;
    background: #ff9600;
    color: #fff;
	border: 1px solid #ff9600;
}


.offer-banner .offer-box .start-btn {
	display: block;
	width: 88px;
	height: 88px;
	box-sizing: border-box;
	background: #fcc300;
	border-radius: 100%;
	border: 8px solid #fef3cc;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -44px 0 0 -20px;
	text-align: center;
	font-size: 16px;
	color: #fff;
	line-height: 20px;
	padding-top: 16px;
	z-index: 9;
	display: none;
}
.inp_submit input {
	display: block;
	width: 88px;
	height: 88px;
	box-sizing: border-box;
	background: #fcc300;
	border-radius: 100%;
	border: 8px solid #fef3cc;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -44px 0 0 -20px;
	text-align: center;
	font-size: 16px;
	color: #fff;
	line-height: 20px;
	padding-top: 6px;
	z-index: 10;
}
.offer-banner .offer-box .input-group .value input.suozaicity {
	width: 0px;
	height: 0px;
	border: none;
	overflow: hidden;
}
.strategy-box .form-wp .from-group input.suozaicity {
	width: 0px;
	height: 0px;
	border: none;
	overflow: hidden;
}
.right-bar .budget-box .select-city input.suozaicity {
	width: 0px;
	height: 0px;
	border: none;
	overflow: hidden;
	display: none;
}
.right-bar .budget-box .select-city select {
	background: #fff;
}
.right-bar .budget-box .input-box input.sure-btn {
	background: #ff9600;
	color: #fff;
	outline: 0;
}

.right-bar .budget-box .input-box select {
	width: 100%;
	height: 45px;
	border: 1px solid #eee;
	padding: 0 16px;
	color: #666;
	background: #fff;
}
.strategy-box .form-wp .from-group .city  select {
	padding: 0 5px;
}
.pagination {
display: inline-block;
padding-left: 0;
margin: 20px 0;
border-radius: 4px;
}
.pagination > li {
display: inline;
}
.pagination > li > a {
position: relative;
float: left;
padding: 6px 12px;
line-height: 1.42857;
text-decoration: none;
color: #034eff;
background-color: #fff;
border: 1px solid #ddd;
margin-left: -1px;
}
.pagination > li:first-child > a {
margin-left: 0;
border-bottom-left-radius: 4px;
border-top-left-radius: 4px;
}
.pagination > li:last-child > a {
border-bottom-right-radius: 4px;
border-top-right-radius: 4px;
}
.pagination > li > a:hover, .pagination > li > a:focus {
z-index: 2;
color: #23527c;
background-color: #eeeeee;
border-color: #ddd;
}
.pagination > .active > a, .pagination > .active > a:hover, .pagination > .active > a:focus {
z-index: 3;
color: #fff;
background-color: #034eff;
border-color: #034eff;
cursor: default;
}
.pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus {
color: #777777;
background-color: #fff;
border-color: #ddd;
cursor: not-allowed;
}