@charset "gb2312";
/* CSS Document */
/*============================ 初始化样式 ============================*/
*
{ margin:0; padding:0;  }
body
{color:#3a3a3a; font-size:14px;  font-family:"Microsoft YaHei","微软雅黑","SimSun","宋体",sans-serif; background:#fff; min-width:1400px; width:100%; margin:0 auto;}
*html
{ background-image:url(about:blank);background-attachment:fixed;}
li
{ list-style:none;}
img
{ border:none;}
body a img
{ border:none; transition:all 0.6s;}
a
{ color: #3a3a3a; text-decoration:none; blr:expression(this.onFocus=this.blur());}
a:focus
{ outline:none;} 
a:link
{ text-decoration:none;}
a:hover
{ color:#07376b; text-decoration:none; font-weight:bold; }
.clear:after
{content:''; display:block; clear:both; }
.clear
{ height:0px; clear:both; }

/*============================ 公共部分 ============================*/

/* 文章类别上下页 */
.waiyefanye
{ height:40px; text-align:center;  font-size:14px; padding:20px 0 10px 0;  clear:both;}
.waiyefanye span
{ color:#b60303;}
.waiyefanye a
{ line-height:16px; font-size:12px; text-indent:0px; color: #5C5C5C;  margin-right: 5px; padding:5px 6px; background:#e4e2e3;  border:1px solid #dedddd;  display: inline-block; }
.waiyefanye a:hover
{color: #ffffff; background:#0662c5; text-decoration:none;}

/* 文章上下篇 */
.wengzhengfanye
{ line-height:25px;   margin:20px 0px;  clear:both; }
.wengzhengfanye .wengzhengfanyeA,.wengzhengfanye .wengzhengfanyeB
{ padding-left:0px; clear:both; font-size:12px; }
.wengzhengfanye span
{font-weight:bold; }
.wengzhengfanye a
{  text-decoration:none; }
.wengzhengfanye a:hover
{ text-decoration:none; }

/*设置最大宽度和高度max-height:335px; height: expression(this.height >335 ? 335: true);
max-width:630px; width: expression(this.width > 630 ? 630: true)*/


/* 数字上下页 */
.page_fanye
{ width:100%; height:auto; text-align:center; padding:40px 0 20px; margin:0 auto; overflow:hidden; clear:both;}
.page_fanye a
{ line-height:16px; font-size:14px; text-indent:0px; color: #333;  margin-right: 5px; padding:4px 9px; background:#efefef;  border:1px solid #dedddd;  display: inline-block; }
.page_fanye span
{  height:24px; line-height:20px;  padding:0 10px 0 5px; display: inline-block;}
.page_fanye span input
{ width:30px; height:20px;}
.page_fanye a.page_home,.page_fanye a.page_home:hover,.page_fanye a.page_end,.page_fanye a.page_end:hover
{ width:60px;  color:#666666; }
.page_fanye .onpage,.page_fanye a:hover
{ color: #fff; background:#0f5098; }
.page_fanye a.skipA
{ width:80px; height:33px; color:#666666;  background:url(../images/page5.jpg) no-repeat center center;}


/*============================ 首页 ============================*/
.headA
{ width:100%; height:150px; background:url(../images/tb1.jpg) repeat-x;}
.headB
{ width:1232px; height:150px;  margin:0 auto;}
.logo
{ width:361px; float:left;}
.headC
{ width:1071px; margin:0 auto;}
.headC1
{ height:80px;}
.headC1 ul
{ float:right; padding-top:35px;}
.headC1 ul li
{ float:left; padding-left:15px;}


/*===导航==*/
.nav
{ width:1171px; margin:0 auto;}
.nav ul li
{ width:124px; height:70px; float:left; position:relative; z-index:999;}
.nav ul li a.adh
{ height:70px; font-size:12px; color:#FFF;  text-align:center; display:block;}
.nav ul li a:hover.adh,.nav ul li.active a.adh
{ background-color:#3e6c9e; }
.nav ul li a.adh p
{ font-size:16px; padding:17px 0 3px;}


/*隐藏浮动区域*/
.navfdA
{ width: 490px; position: absolute; left: 0px; top: 70px; z-index: 999; display:none;  }
.navfdA1  /*用来增加父级的间距*/
{}
.navfdA2
{ overflow:hidden; padding:20px 0 10px; background:#f5f3f3;}
.navfdA ul
{ width: 164px;  float: left;}
.navfdA ul li 
{ width:134px; height:35px; line-height:34px;  padding-left:30px; background:url(../images/tb6.png) no-repeat 15px center;}
.navfdA ul li  a
{  font-size:12px;}

.navfds4
{ left:-145px;}
.navfds5
{ left:-240px;}

.navfdB
{ width:267px; overflow:hidden; padding:0 29px 15px 29px;  border-left:1px solid #cbcbcb; float: left; }
.navfdB h2
{ width:228px; height:107px;}
.navfdB h3
{ line-height:36px; font-size: 14px;}  
.navfdB p
{ font-size:12px; line-height:20px; color:#656565;} 


/*============================ banner ============================*/
.banner
{width:100%; height:510px;  overflow:hidden;   position:relative; margin:0px auto;}
.banner ul li
{width:100%; height:510px; overflow:hidden;  position:absolute; left:0px; top:0px; float:left; }
.banner ul li a
{ height:510px; display:block;}

.banner .pic_pre,.banner .pic_next
{ width:60px; height:90px; background:url(../images/banner_arrows.png); position:absolute; top:140px; z-index:99; cursor:pointer;}
.banner .pic_pre
{ background-position:0px 180px; left:5px;}
.banner .pic_next
{ background-position:0px 90px; right:5px;}
.banner .pic_pre:hover
{ background-position:0px 0px; left:5px;}
.banner .pic_next:hover
{ background-position:0px 270px; right:5px;}


.banner_btn
{ width:100%; height:14px; text-align:center; position:absolute; bottom:10px; z-index:22;}
.banner_btn ol
{  height:14px; margin:0 auto;}
.banner_btn ol li
{ width:14px; height:14px; background:url(../images/banner_btn3.png) no-repeat left top; float:left; margin:0 5px; cursor:pointer;}
.banner_btn ol .Btn_ys
{  background:url(../images/banner_btn3.png) no-repeat left bottom; }
.banner_bottom
{ height:15px; background:url(../images/tb6.jpg) no-repeat center center; }

/*业务领域*/
.oneA
{ width:100%; height:196px; margin:28px 0 0; background:#f6f6f6; }
.oneA2
{ width:1232px; height:146px; padding-top:30px; margin:0 auto; overflow:hidden;}
.oneA2 ul li
{ width:140px; float:left; text-align:center; padding:0 30px;}
.oneA2 ul li span
{ height:30px; display:block; line-height:30px;}

/*关于恒基装饰*/
.oneB_top
{ width:1232px; height:114px; text-align:center; color:#0f5098; font-size:16px; margin:0 auto; border-bottom:1px solid #d1d2cd;}
.oneB_topA
{ border-bottom:1px solid #fff; }
.oneB_top h2
{ font-size:34px; font-weight:normal; padding:30px 0 0px;}
.oneB_top2
{ width:232px; height:110px; margin:0 auto; border-bottom:8px solid #0f5098; position:relative;}
.oneB
{ width:1232px; margin:50px auto 0; clear:both;}
.oneB1
{ width:441px; padding:0 30px 20px; float:left;}
.oneB2
{ width:692px; height:272px; line-height:34px; color:#999999; float:left; overflow:hidden;}

/*设计作品*/
.oneC
{ height:727px; background:url(../images/tb8.jpg) no-repeat center bottom; clear:both;}
.oneC2
{ width:1232px; margin:50px auto 0; clear:both;}
.oneC2 dl
{ width:588px; height:251px; padding:0 0 27px 15px; float:left;}
.oneC2 dl dt
 { float:left;}
.oneC2 dl dd
{ width:265px; height:251px; color:#181818; padding:0 10px 0 20px; background:url(../images/tb9.png) repeat; float:left;}
.oneC2 dl dd h2
{ line-height:40px; font-size:18px; font-weight:normal; text-align:center; padding-top:25px; }
.oneC2 dl dd p
{ height:100px; line-height:30px; overflow:hidden;}
.oneC2 dl dd h3
{ text-align:center;}
.oneC2 dl.dl2 dt
{ float:right;}

/*设计作品*/
.oneD
{ width:1400px; margin:15px auto 0; clear:both;}
.oneD1
{ width:390px; float:left; margin-left:50px;}
.oneD1_top
{ height:45px; line-height:45px; font-size:24px; border-bottom:1px solid #efefef;}
.oneD1_top span a
{ font-size:12px; color:#9d9d9d; float:right;}
.oneD1_list ul li
{ height:38px; line-height:38px; border-bottom:1px solid #efefef;}
.oneD1_list ul li span
{ color:#9d9d9d; padding-right:10px;}

.oneD2
{ width:428px; padding-left:30px; float:left;}

/*新闻旁图片*/
.oneD3
{width:476px; height:380px;  float:left; overflow:hidden;  position:relative;}
.oneD3 ul
{ width:9999px; height:auto; position:absolute; left:0px; top:0px;}
.oneD3 ul li
{width:476px; height:380px; overflow:hidden; float:left; }
.oneD3 ul li img
{margin:0 auto; display:block;}


.oneD4{ float:right; width:450px; height:380px;}






.one_btn
{ height:24px; text-align:center; position:absolute; bottom:45px; right:6px;}
.one_btn ol li
{ width:16px; height:16px; line-height:16px; font-family:Arial; color:#000; font-size:12px; text-align:center; margin:3px 1px;border:1px solid #0f5098;background-color:#fff; float:left;  overflow:hidden; cursor:pointer; }
.one_btn ol .onbtn
{ width:21px; height:21px; line-height:21px; color:#fff; font-size:16px; font-weight:bold; margin:0 1px; background:#0f5098; }
 
/* 底部 */
.foot_top
{ height:20px; clear:both;}
.foot
{ width:100%; margin:0 auto; background:#f7f7f7; border-top:1px solid #e2e2e2;}
.footA
{ width:1160px; margin:0px auto; padding:25px 0 15px; overflow:hidden; clear:both;}
.footA dl
{ width:205px; padding-right:20px; float:left;}
.footA dl dt
{ font-size:16px; padding-bottom:10px; }
.footA dl dd a
{ line-height:24px; color:#6f6e6e;}
.footA dl dd a:hover
{ color:#0f5098;}

/*全国客服*/
.footA1
{ width:215px; padding:0  40px; border-left:1px solid #e0dedf; float:left;}
.footA1_A
{ padding-left:38px; color:#d90707; font-size:20px; background:url(../images/tb9.jpg) no-repeat left top;}
.footA1_A h2
{ font-size:14px; font-weight:150px;}
.footA1_A p
{ line-height:36px;}
.footA1_B
{ padding-top:5px;}
.footA1_B a
{ width:65px; height:26px; display:block; padding-left:38px; color:#6f6e6e; line-height:26px; float:left;}
.footA1_B a.a1
{ background:url(../images/tb10.jpg) no-repeat left center;}
.footA1_B a.a2
{ background:url(../images/tb11.jpg) no-repeat left center;}
.footA2
{ float:left;}

.footB
{ width:100%; clear:both; background:#0f5098;}
.footB1
{ width:300px; color:#fff; padding:8px 0; clear:both;}


/*============================关于我们 ============================*/
.ny_ban
{ width:100%; height:280px; clear:both;}


/*内页栏目*/


.ny_lanmu
{ height:60px; background:url(../images/tb12.png) no-repeat center bottom; position: relative; top:-11px;  }


.ny_lanmu ul {
	 width:1160px; height:50px; margin:0 auto;
}
.ny_lanmu ul li {
 border-right:1px solid #fff; float:left;
}
.ny_lanmu ul li a {

	width: 140px;
	text-decoration: none;
	 height:50px; display:block; background:#0f5098; font-size:16px; line-height:50px; text-align:center; color:#fff;
}

.ny_lanmu ul li a:hover {

	width: 140px;
	text-decoration: none;
	 height:50px; display:block; background:#3e6c9e; font-size:16px; line-height:50px; text-align:center; color:#fff;
}
.cur {
width: 140px;
	text-decoration: none;
	 height:50px; display:block; background:#3e6c9e; font-size:16px; line-height:50px; text-align:center; color:#fff;
}

.ny_lanmu2 ul li
{ width:192px;}

/*所在位置*/
.two_head
{ width:1160px; height:50px; font-size:12px;  margin:20px auto 0;  border-bottom:1px solid #ccc;}
.two_head span
{ line-height:50px;  font-size:20px; color:#3e3e3e; float:left;}
.two_head h2
{ height:30px; line-height:30px; font-size:12px; color:#666; font-weight:normal; margin-top:20px; padding-left:15px; background:url(../images/tb13.jpg) no-repeat left center; float:right;}
.two_head h2 a
{ color:#666;}

.about_con
{ width:1160px; line-height:24px; font-size:14px; color:#666; padding:20px 0px; margin:0 auto;  }

/*=========================================新闻中心========================================================*/
.news
{ width:1160px; padding:20px 0px 0; margin:0  auto;  }
.news dl
{ height:150px; margin-bottom:20px; border-bottom:1px solid #ccc}
.news dl dt
{ float:left;}
.news dl dd
{ width:950px; float:right;}
.news dl dd h2
{ height:25px; line-height:25px; font-size:18px;}
.news dl dd h3
{ height:36px; line-height:36px; font-size:12px; color:#909090; font-weight:normal;}
.news dl dd p
{ line-height:23px; color:#666;}

/*===============================================新闻详情页========================================================*/
.news_info
{ width:1160px; padding:25px 0px 0; line-height:24px; margin: 0 auto; }
.info_title
{ text-align:center;  color:#000;}
.info_title h1
{ font-size:20px; font-weight:bold;}
.info_laiyuan
{ line-height:35px; text-align:center; border-bottom:1px dashed #dedddd;}
.info_text
{ padding:20px 6px; margin:0 auto; text-align:center;}
.info_picA
{ padding:10px; text-align:center;}
.info_picA img
{ max-width:720px; width: expression(this.width > 720 ? 720: true)}

/*=========================================作品========================================================*/
.zuopin
{ width:1160px; padding:20px 0px 0; margin:0 auto; }
.zuopin ul li
{ width:272px; height:270px; margin:0 18px 20px 0px; float:left; position:relative;}
.zuopin ul li a
{  display:block; border:1px solid #eeeeee;  background:#eeeeee;	-webkit-transition: -webkit-transform 4s cubic-bezier(.19, 1, .22, 1) 0s;
	transition: -webkit-transform 4s cubic-bezier(.19, 1, .22, 1) 0s;
	transition: transform 4s cubic-bezier(.19, 1, .22, 1) 0s;
	transition: transform 4s cubic-bezier(.19, 1, .22, 1) 0s, -webkit-transform 4s cubic-bezier(.19, 1, .22, 1) 0s;display: block;
    background-size: cover;
    background-position: center;
}


.zuopin ul li a img{ overflow:hidden;}
.zuopin ul li a:hover img{ transform:scale(1.06,1.06); width:270px; height:232px; overflow:hidden;}

.zuopin ul li a:hover
{ color:#000; /*background:#0f5098; border:1px solid #0f5098;*/}
.zuopin ul li span
{ height:35px; display:block; line-height:35px; text-align:center; }
.zuopin ul li.li4
{ margin-right:0px;}
.shuiy
{ width:272px; height:270px; position:absolute; top:0px;}

/*===============================================作品情页========================================================*/
.neiye
{ width:1160px;  line-height:24px; margin: 25px auto 0; overflow:hidden; }
.news_info2
{ width:1160px; float:left;} 
.ny_right
{ width:180px; float:right;  padding:10px; }
.ny_right ul li
{ height:180px; margin-bottom:15px; background:#E9E8E9;}
.ny_right ul li span
{ height:25px; line-height:18px; display:block; text-align:center;}


/*=========================================团队========================================================*/
.team
{ width:1160px; padding:20px 0px 0; margin:0 auto; }
.team ul li
{ width:197px; height:278px;  padding:0 0px 20px 28px; float:left;}
.team ul li a
{  width:195px; display:block; border:1px solid #eeeeee;  background:#eeeeee;}
.team ul li a:hover
{ color:#fff; background:#0f5098; border:1px solid #0f5098;}
.team ul li span
{ height:35px; display:block; line-height:35px; text-align:center; }
.team ul li.li4
{ margin-right:0px;}

