@charset "utf-8";
/* CSS Document */
a{color: #e2d2ab;}
a:hover{text-decoration: none;color: #d5bd81;}
a[disabled] {pointer-events: none;cursor: default;/*禁用链接按钮*/}
.nav-pills>li>a{border-radius: 0;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;padding: 10px 5px;}
body{color:#666;}
.container{/* padding: 0 2%; */ width:1170px\9;}
.text-yellow{color:#efcd8e;}
ul{padding:0;}
li{list-style-type:none;}

input:focus, textarea:focus, select:focus {outline: none;}
i{font-style:normal;}
img{max-width:100%;}

/*banner*/
.banner .container{position: relative;overflow: hidden;/* top: 0; *//* left: 0; *//* width: 100%; */height: 100%;text-align: center;}
.banner{position: relative;background: url(../img/bannerbg.jpg) no-repeat center #000;height: auto;background-size: cover;overflow: hidden;/* height: 250px; */padding-bottom: 50px;}
.banner img{}
.banner .container li{padding: 0;}
.banner i{position:absolute;left:0;margin:auto;right:0;/* width: 100%; */text-align: center;}
.banner .banner-t{margin-top: 10%;}
.banner img{max-width:1029px;width:100%;}
.banner .banner-t02{margin-top: -19%;}
.banner .banner-t02 img{/* max-width:679px; */width:100%;}
.banner .banner-logo{right: 8%;top: 15%;left: auto;/* width: auto; */padding: 0 3%;}

.navbar{background: url(../img/nav.png) no-repeat center;height: 60px;overflow:hidden;position: absolute;bottom: 0;width: 100%;margin-bottom: 0;border-bottom: none;border: 1px #5e4029 solid;border-left: none;border-right: none;border-radius: 0;}
.navbar .container{padding:0;}
.navbar ul li p{color:#35281e;font-size:12px;/* display: none; */white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.navbar a{display:block;width:100%;height: 58px;padding: 10px 15%;color:#966b48;font-size: 14px;}
.navbar .active a{color:#301f15;background:#e9b64f;}
.navbar .active p{color:#bc8a26;}
.navbar a:hover{color:#c9955a;background:rgba(233, 182, 79, 0.05);}
.navbar a:hover p{color:#604633;}

.text-danger{color:#f00;}

/*盒子*/
.intbox{overflow:hidden;width:100%;background: url(../img/intbg.jpg);padding: 10% 0 6%;}

/*导读*/
.intcon{overflow:hidden;}
.intcon .videobox{position:relative;border-radius: 10px;overflow: hidden;}
.intcon .con{line-height:30px;max-height: 210px;overflow: hidden;margin-top: 5%;}
.intcon .con br{display:none;}
.intcon .con a{color: #705645;}
.intcon .con a:hover{color:#91705a;}
.intcon .con a:after{content:"......[详细]";}

.videobox i{background:rgba(0,0,0,0.2);position:absolute;width:100%;height:100%;left:0;top:0;}
.videobox i img{opacity: 0.9;}
.videobox i:hover{background:rgba(0,0,0,0);}
.videobox i:hover img{opacity:1;}
.videobox i button,.videobox i button:hover,.videobox i button:focus{width:100%;height:100%;background: none !important;border: none;outline: none !important;}
.modal-header h4{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.modal-header .close{position: absolute;right: 20px;top: 20px;}
.modal.in .modal-dialog{position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;height: max-content;background: #fff;border-radius: 10px;}
.modal.in embed{width:100%;height:auto;}
.modal.in .modal-body{margin:0;padding:0;}

.intcon .int-t{text-align:right;color: #705645;background: url(../img/lc-t.png) no-repeat;margin-top: 2%;height: 20px;background-position: right center;font-size: 18px;}

/*流程*/
.procon{color:#5a493d;margin-top: 5%;}
.procon ul{padding-left: 0;margin: 0 15px;}
.procon ul li{margin-bottom: 15px;overflow: hidden;cursor:pointer;}
.procon ul li:hover{color:#e9bb62;}
.procon ul li:first-child{color:#e9bb62;}
.procon ul li:last-child{margin-bottom:0;}
.procon i{display:block;width:25px;float: left;background: url(../img/lc-n.png) no-repeat center bottom;height: 12px;}
.procon ul li:hover i{background:url(../img/lc-h.png) no-repeat center bottom;}
.procon ul li:first-child i{height:47px;background: url(../img/lc-q.png) no-repeat center top;}
.procon ul li:first-child .probox{margin-top: 34px;}
.probox{float:left;width: 90%;}
.probox br{display: none;}
.probox span{margin-left: 10px;}

.mainbox{margin: 0 auto 10%;}
.boxtit{background: url(../img/titbg.png) center no-repeat;text-align:center;background-size: 100%;padding: 8% 0 5%;}
.boxtit img{width: 20%;max-width: 185px;}

/*语录*/
.uttlist{/* margin-top:6%; */position: relative;}

.uttbox{position:relative;padding: 12% 0 0 0;}
.uttbox .gallery-thumbs{border:none;position: absolute;top: 0;/* right: 10px; */width: 100%;overflow: hidden;padding: 0 10%;}
.uttbox .swiper-wrapper{/* overflow:hidden; */}
.uttbox .swiper-button-next,.uttbox .swiper-button-prev{/* background-size: 50% !important; */}
.uttbox .swiper-button-next{right:0;}
.uttbox .swiper-button-prev{left: 10px;}
.uttbox .gallery-top{border:1px #d4c29e solid;padding: 12% 2% 5%;/* overflow: initial; */cursor: pointer;}
.uttbox .gallery-top .con-l{float: left;max-height: 350px;overflow: hidden;}
.uttbox .gallery-top .con-l img{width:100%;}
.uttbox .gallery-top .con-r{margin-left:20px;float:right;}
.uttbox .name{padding: 0px 1%;float: left;}
.uttbox .name h3{color:#333;/* font-weight: bold; */}
.uttcon{margin-top: 1%;color: #999;text-indent: 2em;padding: 0 1%;line-height: 23px;float: left;}

.uttcon a{float:right;}
.uttbox .gallery-thumbs .swiper-slide{
    float:left;
    width: 80px;
    -moz-transform:scaleY(-1);
    -webkit-transform:scaleY(-1);
    -o-transform:scaleY(-1);
    transform:scaleY(-1);
    /*IE*/
    filter:FlipV;
    margin-right: 10px;
    }
.uttbox .gallery-thumbs .swiper-slide a{background: url(../img/utt01.png) no-repeat center;background-size: 100% !important;padding: 14% 5% 14% 5%;border: none;display: block;/* max-width: 120px; */height: 100%;}
.uttbox .gallery-thumbs .swiper-slide.swiper-slide-active a,.uttbox .gallery-thumbs .swiper-slide.swiper-slide-active a:focus,.uttbox .gallery-thumbs .swiper-slide.swiper-slide-active a:hover{border:none;background: url(../img/utt01-h.png) no-repeat center;}
.uttbox .gallery-thumbs img{
    width:100%;
    border-radius:100%;
    -moz-transform:scaleY(-1);
    -webkit-transform:scaleY(-1);
    -o-transform:scaleY(-1);
    transform:scaleY(-1);
    /*IE*/
    filter:FlipV;
    }


/*聚焦*/
.focusbox .swiper-container{background:#222;}
.focusbox .swiper-zoom-container .note{display:none;}
.focusbox .swiper-con{background: rgba(238, 169, 31, 0.8);padding: 20px 20px 18px;color:#fff;position:absolute;bottom:0;z-index: 999;width: 100%;}
.focusbox .swiper-con h4{color:#fff;font-weight:normal;margin: 0% 20% 2% 0%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.focusbox .swiper-slide{margin:auto;}
.focusbox .swiper-note{text-align: justify;color: #ebd3aa;}
.focusbox .swiper-pagination{color:#fff;width: 80px !important;right: 0;left: auto !important;bottom: auto !important;top: 10px;}
.focusbox .swiper-pagination-current{color:#c00;font-size:24px;}
/*折叠部分*/
.toggle-btn{position:absolute;right: 2%;bottom: 15px;}
.swiper-button-next{background: url(../img/next.png) no-repeat center !important;}
.swiper-button-prev{background: url(../img/prev.png) no-repeat center !important;}

/*奖项设置*/
.awardlist{background: url(../img/brandbg.jpg);/* padding-bottom:10%; */}
.awardlist .listbox{background: url(../img/brandbg02.png) no-repeat center;back;background-size: contain;background-attachment: fixed;background-size: 200%;padding-bottom: 5%;}
.awardlist .list{overflow:hidden;}
.awardlist .list h4{border-bottom: 2px #ab873e solid;color:#ab873e;display: inline-block;padding: 0 10px 10px;}
.awardlist .list ul{overflow:hidden;}
.awardlist .list ul li{float:left;margin:2% 3%;width:27.33333%;}

/*历届专题*/
.brandlist{overflow:hidden;}
.brandlist ul li{float:left;position: relative;width: 25%;overflow: hidden;}
.brandlist ul li .cover{
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    position: absolute;
    left: 0;
    top: 0;
    text-align: center;
    color: #ffffff;
    /* transform-origin: right bottom; */      /*ÐýתÖÐÐÄλÖÃ*/
    /* -webkit-transform-origin: right bottom; */
    -moz-transform-origin: right bottom;
    /* transform: rotate(0deg); */
    /* -webkit-transform: rotate(0deg); */
    -moz-transform: rotate(0deg);
    transition: all 0.35s;
    -webkit-transition: all 0.35s;
    -moz-transition: all 0.35s;
    margin: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
.brandlist ul li:hover .cover{
    /* transform: rotate(90deg); */
    /* -webkit-transform: rotate(90deg); */
    -moz-transform: rotate(0deg);
    width: 50%;
    height: 50px;
    background: #cd911b;
    bottom: -50%;
}
.brandlist ul li .cover{display: flex;justify-content: center;align-items: center;}

/*浮动导航*/
.floatnav{position:fixed;left: 0;top: 0px;background:#fff;width: 100%;height: 50px;text-align: center;display: none;overflow: hidden;border-bottom: 1px #e9c893 solid;z-index: 99999;}
.floatnav ul{padding-left:0;text-align:center;margin-bottom: 0;}
.floatnav ul li{list-style-type:none;width: 16.66667%;float: left;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}

.floatnav ul li.active{background:#e9b64f;}
.floatnav ul li:hover{background: #f0d399;}
.floatnav ul li.active:after,.floatnav ul li:hover:after{display: none;}
.floatnav h4,.floatnav p{margin:0;}
.floatnav h4{color:#978679;font-size: 14px;}
.floatnav p{color:#e2d7cf;height: 15px;display: none;}
.floatnav li:hover h4,.floatnav ul li.active h4{color:#603c26;}
.floatnav li:hover p,.floatnav li.active p{color:#bd9241;}
.floatnav a{display:block;width:100%;padding: 18px 0 !important;}

/*foot*/
.footer{color: rgba(172, 130, 91, 0.65);/* margin-top: 5%; *//* padding: 5% 0px 0; */background: #121212;}
.footer ul{padding: 5% 0 5%;overflow: hidden;margin-bottom: 0;}
.footer ul li{list-style-type:none;margin: 0;max-width: 290px;float: left;margin-right: 18%;}
.footer .tit{font-size:16px;background:url(../img/foot.jpg) no-repeat left bottom;line-height:36px;color:#777;}
.footer .titcon{font-size:14px;color:#333;line-height:16px;}
.footer ul li.row{margin-right:0;max-width: 100%;}

.foot{background:#0a0a0a;min-height: 100px;line-height:100px;color: #444;}
.foot .container{text-align: center;}
.foot .middle{/* text-overflow: ellipsis; *//* white-space: nowrap; *//* overflow:hidden; */line-height: 25px;margin-top: 15px;}
.foot .middle a{color: #444;}
.foot .left{width: 110px;margin: 0 auto;float: none;}
.foot .left a{color:#444;text-decoration: underline;display:block;width:35px;height:35px;font-size:0;float: left;margin-top: 35px;position: relative;}
.foot .dh{background:url(../img/dh.png) no-repeat center;margin-right: 10px;}
.foot .dh:hover{background:url(../img/dh-h.png) no-repeat center;}
.foot .wx{background:url(../img/wx.png) no-repeat center;}
.foot .wx:hover{background:url(../img/wx-h.png) no-repeat center;}
.foot i{position:absolute;top: 0px;margin-left: 45px;font-size: 16px;display: none;z-index: 999;}
.foot .dh-h{background:#fff;height: 35px;line-height: 35px;padding: 0 15px;border-radius: 20px;width: 135px;text-align: center;}
.foot .wx-h{width: 80px;height: 80px;top: -35px;}

/******  ******/

/*返回顶部*/
#retopbtn{
	height: 45px;
	border: none;
	-webkit-transition: background  ease 0.3s;
	-moz-transition: background  ease 0.3s;
	transition: background  ease 0.3s;
	outline: none;
	background:none;
	opacity:0.8;
	position: fixed;
	bottom: 10%;
	right: 5%;
	background: #fff;
	padding: 0;
	width: 45px;
	}
#retopbtn img{}
#retopbtn:hover{opacity:1;}

/*活动简介*/

/*响应式样式*/
/* 大屏幕 */
@media (min-width: 1200px) {
	.banner{height:700px;padding-bottom: 80px;}
	.navbar{height:80px;border: none;}
	.navbar a{padding:20px 0;font-size:18px;height: 80px;}

	.intcon .int-t{background-position-x: -80px !important;width: 950px;float: right;}
	.intcon .con{margin-top: 5px !important;height: 190px !important;}

	.procon{background: url(../img/liucheng.png) no-repeat center;height: 200px;position: relative;margin-top: 50px;}
	.procon i,.probox{float:none;margin: 0 auto;margin-top: 20px !important;}
	.probox br{display:block;}
	.procon i{height:47px;}

	.procon .pro01{top: 47px;left: -12px;}
	.procon .pro02{top: 55px;left: 130px;}
	.procon .pro03{top: 3px;left: 320px;}
	.procon .pro04{top: -15px;left: 485px;}
	.procon .pro05{top: 43px;left: 685px;}
	.procon .pro06{top: 90px;left: 930px;}
	.procon ul li{width: 200px;position: absolute;text-align:center;}

	.uttbox .gallery-top{min-height: 450px;}
	.uttbox .gallery-top .con-l{position:absolute;width: 450px;height: 545px;text-align:center;max-height: inherit !important;}
	.uttbox .gallery-top .con-l img{max-width: 350px;}
	.uttbox .gallery-top .name,.uttbox .gallery-top .uttcon{float:right;}
	.uttbox .gallery-top .uttcon{max-height: 215px;margin-bottom: 40px;}

	.swiper-wrapper{/* width: 90% !important; */margin: 0 auto;/* overflow: hidden; */}
	.focusbox .focupic{position:relative;}
	.focusbox .swiper-container{width:90%;position: initial;}
	.swiper-con{width: 90% !important;/* margin: 0 5%; */}
	.swiper-button-next{right: 15px !important;}
	.swiper-button-prev{}

	.floatnav{right:30px;top:150px;width: 115px;height: 465px;left: auto;}
	.floatnav ul li{float:none;width:100%;height: 70px;}
	.floatnav a{padding: 18px 0;height: 69px;}
	.floatnav p{display:block;}
	.floatnav h4{font-size:18px;}
	.floatnav ul li:after{border-bottom:1px #eee7d8 solid;content:"";height:1px;width:80%;display: block;margin: 0 auto;}
	#retopbtn{position: initial;width: 80px;}

	.footer ul li{margin-bottom: 20px;margin-right: 11%;}
	.footer ul li:last-child{margin-bottom:0;}
	.foot .middle{}

 }

@media (min-width: 979px) {
	.intcon .con{margin-top:0;height: 160px;}
	.intcon .int-t:after{content:"第九届中国房地产与泛家居行业跨界峰会现场盛况";}
	.intcon .int-t{background-position: -30% center !important;}
	.foot .middle{margin-top:40px;}
	.awardlist .list ul li{margin: 1% !important;width: 18% !important;}
	.awardlist .listbox{background-size:100% !important;}

	.uttbox .gallery-top{padding: 5% 2% 82px !important;}
	.uttbox .gallery-thumbs{width: 60% !important;/* right:30px !important; */}
	.uttbox .gallery-thumbs .swiper-slide a{/* max-width: 165px !important; */padding: 14% 4% 14% 4%;}

	.uttbox .gallery-top .con-l{max-height: 390px;}
	.uttbox .name, .uttbox .uttcon{float:right;padding: 7% 2% 0 5% !important;}
	.uttbox .gallery-top .uttcon{max-height: 215px;margin-bottom: 40px;min-height: 220px;}
	.uttbox .gallery-thumbs{margin:0 10px !important;}
	 }

/* 平板电脑和小屏电脑之间的分辨率 */
@media (min-width: 768px) and (max-width: 979px) {
	.foot .middle{margin-top:40px;}
	.uttbox .name{ margin-top:7%; }
	 }

@media (min-width: 767px) {
	.intcon .con{font-size:16px;}
	.intbox{padding: 7% 0 5%;}
	.foot .left{width: 110px;margin: 0 auto;float:left;}

	.uttbox .gallery-thumbs a{padding: 25px 7px 10px;}
	.uttbox{margin-top: 40px;padding-top: 63px;padding-bottom: 68px;overflow: hidden;}
	.uttbox .gallery-thumbs .swiper-slide a{
		float:left;
		width: 150px;
		-moz-transform:scaleY(1);
		-webkit-transform:scaleY(1);
		-o-transform:scaleY(1);
		transform: scaleY(-1);
		/*IE*/
		filter:FlipV;
		margin-right: 10px;
		}
		.uttbox ..gallery-thumbs li a{max-width:150px;}

.uttbox .gallery-thumbs img{width:100%;border-radius:100%;-moz-transform:scaleY(1);
    -webkit-transform:scaleY(1);
    -o-transform:scaleY(1);
    transform:scaleY(1);
    /*IE*/
    filter:FlipV;}

    .uttbox .gallery-thumbs{bottom:0;top: auto;right: 0;/* left: 0; */margin: 0 5%;width: 90%;padding: 0 0%;}
    .uttbox .gallery-top{padding: 5% 2% 115px;}

    .uttlist .boxtit{position:absolute;right: 0;padding: 0;width: 237px;z-index: 999;background: none;}
	.uttlist .boxtit img{width:100%;}

}

/* 横向放置的手机和竖向放置的平板之间的分辨率 */
@media (max-width: 767px) {
	.uttbox .gallery-top .con-l{max-width: 300px;overflow: hidden;}
	.uttcon p{max-height: 250px;overflow:hidden;}
	.brandlist ul li:hover .cover{width:100%;height: 100%;bottom: 0;}
	.brandlist ul li .cover h4{font-size:16px;}

}

@media (max-width: 540px) {
	.navbar ul li p{display:none;}
	.videobox i img{width:20%;opacity: 1;}
	.focusbox .swiper-con{position:inherit !important;background: rgba(238, 169, 31, 1);}

	.uttcon p{max-height: 140px;overflow:hidden;}

	}

@media (min-width:540px){
	.intcon .int-t{background-position:  left center;}
	.intcon .con{line-height:38px;}
	.intcon,.probox{font-size:16px;}
	.awardlist .list ul li{margin:2%;width:21%;}
	.awardlist .listbox{background-size:130%;}
	.uttbox .name h3{font-size:28px;}
	.uttbox .name,.uttbox .uttcon{padding: 0 2%;}
	
	.uttcon{line-height: 36px;font-size: 16px;}
	.uttbox .swiper-button-next, .uttbox .swiper-button-prev{background-size: 100% !important;}
}

/* 横向放置的手机及分辨率更小的设备 */
@media (max-width: 480px) {

	}