@charset "utf-8";
/* CSS Document */
*{ margin:0px; padding:0px;}

.container{max-width: 1120px;}
.navbar-default{border: none;background: none;margin-bottom: 0px;}
.navbar-brand{padding: 0;}
.navbar-default .navbar-collapse, .navbar-default .navbar-form{border: none;}
.navbar-collapse{margin-top: 28px;}


.navbar-default .navbar-nav>li>a{ width: 140px; text-align: center;color: #666666;font-size: 18px; font-family: "微软雅黑";}
.navbar-default .navbar-nav>li>a:hover{color: #F76824;border-bottom: 1px solid #F76824; }
.navbar-default .navbar-nav>li>a:focus{color: #F76824;}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover{color: #F76824; border-bottom: 1px solid #F76824;}
.navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:hover{color: #F76824;border-bottom: 1px solid #F76824;}
.navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:focus,.navbar-default .navbar-nav>.open>a:hover{color: #F76824; background: none;border-bottom:1px solid #F76824;}
.navbar-default .navbar-nav>li>a:focus{background: transparent;color: #F76824;}

/*content*/
.col-lg-1,.col-lg-2,col-lg-12{width:100%; padding:0px; margin:0px auto; text-align:center;}
.index>.col-lg-2,.index>.col-lg-2{ background:#fff;}

/*e-moo space design office*/
.hdx{position:relative;max-width:1120px;margin: 0 auto;}
.hd-c{margin-top: 20px;height: 360px;}
.hd-c .le{float: left;padding-top: 160px;}
.le-c{float: left;margin-left:50px; display:inline;}
.le-c img{}
.hd-c .ri{float: right;padding-top: 160px;}

.hb-t{margin:0px auto;padding-top: 30px; }
.hb-t h2{display: block;font:20px "微软雅黑"; margin-bottom:15px;}
.hb-t h2 a{color:#f76824;}
.hb-t h2 a:hover{ text-decoration:underline;}
.hb-t p{line-height: 25px;height: 73px;}
.hb-t span{ margin:0px auto; display:inline-block; width:141px; height:41px; background:url(../bg/mbw_btn01.png) no-repeat; line-height:41px; text-align:center; font-size:14px; margin-top:20px;}
.hb-t span a{ color:#ffffff;}


/*slide*/
.slide_1{ position: relative;width: 100%;height: auto;overflow: hidden; margin:0px auto;}
.slide_1 ul{height: auto;margin-bottom: 10px;width:100%;margin:0px auto; text-align:center;}
.slide_1 li{display: none;opacity: 0.7; list-style: none; float: left;width:100%;margin:0px auto; text-align:center;}
.slide_1 li:first-child{display: block;opacity: 1;}
.slide_1 li img{width: 100%;margin:0px auto; text-align:center;}
.slide_1 .nav{ position: absolute; left: 45%; bottom: 0.75em; width: 100px;margin: 0px auto;}
.slide_1 b{background: #aaa;width: 10px;height: 10px;margin: 0 5px;display: block;border-radius: 5px;float: left;cursor: pointer;}
.slide_1 .nav .active{background: #F76824;}



/*carousel*/
.carousel ,.carousel img{ width:100%; margin:0px auto; text-align:center;}

.carousel-control{ position:absolute; top:40%; width:40px; height:40px; margin-top:-20px; line-height:30px;font-size:60px; text-align:center; background:#222; opacity: 0.5; filter:alpha(opacity=50);}
.pc_txt{ position:absolute; left:0; bottom:0; right:0; padding:30px; background:rgba(0,0,0,0.6); color:#fff; background:#333;opacity: 0.6; filter:alpha(opacity=60); font-size:24px;}

.b-banner{ width:100%; margin:0px auto; text-align:center;}
.b-banner img{ margin:0px auto; text-align:center;}

/*panoramic case*/
.pc-tit{max-width: 1120px; margin: 0px auto; text-align: center; overflow: hidden; padding: 20px 0px; }
.pc-tit img{ margin: 0px auto;}

/*about-mbw*/
/*添加视频 开始*/
.about-roadio{  width: 100%; margin: 0px auto; margin: 20px 0;}
/*添加视频 结束*/
.pull-home{ padding: 10px 0; margin-top: 20px; background: #f1f0f0;}
.about-mbw,.case-mbw{ margin: 30px 0px;}
.about-mbw>ul.nav-tabs{ border: none;}
.about-mbw>ul.nav-tabs li{ float: left; margin-left: 10px; margin-bottom: 5px;}
.about-mbw>ul.nav-tabs li a{ border-radius: 5px; border: 1px solid #C2BFBF; color: #666;}
.about-mbw>ul.nav-tabs li.active a{ border-radius: 5px; border: none; background: #F76824; color: #fff;}
.about-mbw>a{ color: #000;}
.tab-content{ padding: 10px; min-height: 200px;}
/*case-mbw*/
.case-mbw .case-left{ width: 20%;  }
.case-mbw .case-left .list-unstyled li{  margin: 15px 0px;  background: #EEEEEE; padding: 5px 0px; line-height:30px;}
.case-mbw .case-left .list-unstyled li a{ display: block; color: #F76824; font-family: "微软雅黑"; font-size: 16px;background: url(../bg/cc_le01.png) no-repeat right;}
.case-mbw .case-left .list-unstyled .list-unstyled-ul{ height: auto; border-top: solid 1px #E5E4E4; margin-top: 5px;}
.case-mbw .case-left .list-unstyled .list-unstyled-ul li{ list-style: none; float: left;width:50%; margin: 0px; padding: 0px;}
.case-mbw .case-left .list-unstyled .list-unstyled-ul a{ color: #666666; font-size:14px; background:none;}
.case-mbw .case-left .list-unstyled .list-unstyled-ul span{ display: inline-block;  border-radius: 5px; width: 5px; height: 5px; background: #B6895F; margin:0px 10px;}

.case-mbw .case-left .list-unstyled .list-unstyled-ul1 li{width:50%;}
.case-mbw .case-left .list-unstyled .list-unstyled-ul2 li{width:100%;}

.case-mbw .case-right{ width: 78%;}
.case-mbw .case-right .carousel-inner{ padding:20px 0px 20px 45px; border: solid 1px #eee; width:100%; margin:0px auto; text-align:center;}
.case-mbw .case-right .carousel-inner .item .case-txt{background:rgba(0,0,0,0.7); color:#fff; background:#333;filter: Alpha(opacity=7); -moz-opacity:0.7; opacity:0.7; font-size:18px;}
.case-mbw .case-right .carousel-inner .item .case-txt a{ color: #fff;}
.case-mbw .case-right .case-li{ padding-left:20px;}

.case-mbw .case-right h3{ text-align: center;}
.page-next{ width:auto; height:40px; line-height:40px; }
.page-next span.page-next-left{ float:left;}
.page-next span.page-next-right{ float:right;}
/*design-bmw*/
.design-mbw .design-left{ width: 30%; }

.design-mbw .design-right{ width: 65%; }
.design-mbw .design-right{  font-size:18px; font-family:"微软雅黑"; line-height:30px;}
.design-mbw .design-right li{ padding:15px 0px; list-style: none;}
.design-mbw .design-right li h3{ font-size:26px;color:#f76824;}
.design-mbw .design-right li span{ font-weight:bold; color:#f76824; font-size:22px;}
.design-list{ margin-top: 25px; }
.design-list .design-list-tit{border-bottom: solid 1px #eee;}
.design-list .design-list-tit span{ display: block; width:100px; height:30px; background: #F76824; border-radius: 10px; line-height: 30px; text-align:center; color: #fff; }
.design-li li{ float:left; list-style:none; margin:20px 12px 0px 15px; border: solid 8px #eee;}
.design-li li .design-li-img { position: relative;max-width:230px;max-height:230px;}
.design-li li .design-li-txt { position: absolute;bottom:0; left:0; width:100%; background: #000; padding: 2px 0px; text-indent: 4px;filter: Alpha(opacity=7); -moz-opacity:0.7; opacity:0.7;}
.design-li li .design-li-txt a{ color: #FFF;}

.tab-content .item{ margin-top:20px;}
.design-img{ margin-left:40px;}
.design-img li{ list-style: none; float: left; margin-left: 10px;}
.design-img .design-img-con{border: solid 1px #000; min-width:304px; min-height:550px; padding: 10px;}
.design-img .design-img-con h3{ height:30px; line-height:30px; margin-top:8px;}
.design-img .design-img-con a{color: #F76824;}
.design-img .design-img-con a:hover{color: #F76824 !important;}
.design-img .design-img-btn{ margin-top: 15px;}
.design-img .design-img-btn .design-img-btn-le,.design-img .design-img-btn .design-img-btn-ri{ width: 50%; padding: 10px 0px; text-align:center;}
.design-img .design-img-btn .design-img-btn-le a,.design-img .design-img-btn .design-img-btn-ri a{ color: #fff;}
.design-img-btn-le{ float: left; background: #f76824;}
.design-img-btn-ri{ float: right; background: #575757;}

/*footer*/
.footer1{ width: 100%;background: #444a58;}
.f_sec_1{ width: 20%; padding-right: 40px; padding: 20px 0px;}
.f_sec_2{ width: 50%; color: #fff; padding: 20px 0px; }
.f_sec_3{ width: 20%;  padding: 20px 0px;}
.footer2{ background: #282828; line-height: 30px; color: #FFF; text-align: center;}


/*media*/
@media (min-width: 1301px){

}
@media (max-width: 1301px){

}
@media (max-width: 992px){
	.head_logo {padding-left: 0px;}
	.navbar-default .wel,.navbar-default .tel{display: none;}
}
@media (min-width: 768px){
	.navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand{margin-left: 0;}
}
@media (max-width: 767px){
	.navbar-default .wel,.navbar-default .tel{display: none;}
	.nav_bar_srh{width: 100%;margin-right: 0;margin-bottom: 20px;}
	.navbar-default .navbar-brand{margin-left: 5px;}
	.navbar-form{padding: 0 15px;}
	.navbar-default .btn-default{right: 20px;}
	.navbar-header{margin-bottom: 15px;}
	.nav>li>a{padding-top: 15px;padding-bottom: 15px;}
	.navbar-default .navbar-toggle:hover{background: #F76824;}
	.navbar-default .navbar-collapse{border-top: solid 1px #fff;margin-top: 15px; background:#F76824;}
	.navbar-default .navbar-nav>li>a{color: #ffffff;font-size:16px; font-family:"微软雅黑";}
	
	.pc_txt{ padding:10px; font-size:14px;}
	.carousel-control{width:20px; height:20px; line-height:15px;font-size:30px; top:50%;}
	
	.f_sec_1{width:100%;padding-left: 0; padding:10px 0px;}
	.f_sec_2{width:100%;  padding:10px 0px;font-size:14px; line-height:20px;  }
	.f_sec_3{width:100%; padding:10px 0px;}
	
	.about-mbw>ul.nav-tabs li{ margin-left: 10px; margin-bottom: 5px;}
	.about-mbw>ul.nav-tabs li a{ border-radius: 5px; border: 1px solid #C2BFBF; color: #666;}
	.about-mbw>ul.nav-tabs li.active a{ border-radius: 5px; border: none; background: #F76824; color: #fff;}
	
	.case-mbw .case-left{ width: 30%; }
	.case-mbw .case-left .list-unstyled li a{ background: none;}
	.case-mbw .case-left .list-unstyled .list-unstyled-ul li{ width:100%;}
	.case-mbw .case-left .list-unstyled .list-unstyled-ul span{  margin:0px 5px;}
	
	.case-mbw .case-right{ width: 63%;}
    .case-mbw .case-right .carousel-inner{ padding:0px;}
	.case-mbw .case-right .carousel-inner .item .case-txt{ display:none;}
	.design-no{ display:none;}
	
	.design-mbw .design-right{  font-size: 14px; line-height:25px;}
	.design-mbw .design-right li{ padding: 0px;}
	.design-mbw .design-right li h3{ font-size: 16px;}
	.design-mbw .design-right li span{ font-size: 14px;}
	
    .design-img{ margin-left:0px;}
	
	
}


/*三角形*/
.triangle{
	width: 0;
    height: 0;
    border-left: 4px dashed transparent;
    border-right: 4px dashed transparent;
    border-top: 4px solid #c2c2c2;
	position:absolute;
	overflow:hidden;
	font-size:0px;
	line-height:0px;
}

/*修改placeholder*/
::-moz-placeholder { color: #999; font-size: 12px;}
::-webkit-input-placeholder { color:#999; font-size: 12px;}
::-ms-input-placeholder { color:#999; font-size: 12px;}


/*原来的   案例九宫格样式 开始
.case1{ width: 100%; min-height: 650px;}
.case1 li{ float: left;width: 260px; margin-left: 20px; border: solid 1px #ddd; margin-bottom: 20px;}

.case1 .case1-img{ width: 250px; height: 250px; margin: 0px auto; margin-top: 5px;}
.case1 .case1-txt{width: 250px; margin: 0px auto; color:#333333; text-align: center;}
.case1 .case1-txt .case1-txt-p{ font-weight: bold; font-size: 18px; line-height: 45px; margin-bottom: 0px !important;}
.case1 .case1-txt .case1-txt-p a{color:#333333; }
.case1 .case1-txt p span{ color: #999; }*/
/*pagenext*/
.pagenext{ height: 45px; margin: 50px 0px; text-align:center}
.pagenext ul{ text-align:center;}
.pagenext span{ display:inline-block; padding:0 3px; margin-right: 6px; text-align: center; line-height: 40px; }
.pagenext span a{ color:#333333; display:inline-block; width:45px; height: 40px; line-height: 40px; background:#F1F0F0;}
.pagenext span a:hover{ color:#fff; text-decoration: none; background:#F76824;}

案例九宫格样式 结束*/


/*新的  案例九宫格样式 开始*/

/*案例九宫格 鼠标浮动效果*/

/*our works*/
#works {
	position:relative;
}
.work {
	width:100%;
	/*margin:0 auto;*/
	position:relative;
	overflow:hidden;
}
.work ul li img {
	width:250px;
	height:250px;
}
/*
.work ul li a {
	width:260px;
	height:330px;
}*/
.work ul li {
	float:left;
	display:inline-block;
	height:auto !important; /*float:left; height:auto;*/
	position:relative;
	cursor:pointer;
	overflow:hidden;
	text-align: center;
	margin-left:20px; border: solid 1px #dddddd; padding:5px; margin-bottom:20px;
}
.work ul li .cont03 {
	position:absolute;
	left:0px;	opacity:1 !important;
	filter:alpha(opacity=100) !important;
	width:100%;
	height:100%;
	bottom:-330px;
}
.work ul li .workBg {
	position:absolute;
	top:0px;
	left:0px;
	height:100%;
	width:100%; 
	display:none;
}
.work ul li:hover .cont03 {
	bottom:0px;
}

.work .case1-txt-p{font-weight: bold; font-size: 18px; line-height: 30px; margin-bottom: 0px !important; }
.work .workUl p span{ color: #999; }
/*案例九宫格 鼠标浮动效果 结束*/

/*设计总监添加样式 开始*/

.designdirector-img{  margin-left:50px; width:1000px; min-height:550px;  }
.designdirector-img-con{ padding: 10px;border: solid 1px #000;text-align:center;}
.designdirector-img-con a{color: #F76824;}
.designdirector-img h3{ height:30px; line-height:30px; margin-top:8px;}
.designdirector-img-btn{ margin-top: 15px;}
.designdirector-img .designdirector-img-btn .designdirector-img-btn-le,.designdirector-img .designdirector-img-btn .designdirector-img-btn-ri{ width: 50%; padding: 15px 0px; text-align:center;}
.designdirector-img .designdirector-img-btn .designdirector-img-btn-le a,.designdirector-img .designdirector-img-btn .designdirector-img-btn-ri a{ color: #fff;}
.designdirector-img-btn-le{ float: left; background: #f76824;}
.designdirector-img-btn-ri{ float: right; background: #575757;}


/*设计总监添加样式 结束*/