@charset "utf-8";

/* CSS Document */

body{margin:0 auto; padding:0; font-size:14px; font-family:"微软雅黑",Tahoma,Arial,Helvetica,sans-serif; color:#666; background:#f4f4f4;}

body,h1,h2,h3,h4,h5,h6,hr,p,dl,dt,dd,ul,ol,li,pre,form,button,input,textarea,th,td,pre{margin:0;padding:0;}

h1,h2,h3,h4{font-size:18px; font-family:"微软雅黑",Tahoma,Arial;}

a{text-decoration:none; color:#666;}

a:hover{ text-decoration:none;}

img{ border:0 none; vertical-align:top;}

ul li{list-style:none;}

.c{clear:both; overflow:hidden; zoom:1;}

.center{ text-align:center;}

.fl{ float:left;}

.fr{ float:right;}

.warp{width:1200px; margin:0 auto; clear:both;}

.warp2{width:1220px; margin:0 auto; clear:both;}

.clear{ clear:both;}

.ft12{ font-size:12px;}

.ft14{ font-size:14px;}

.ft16{ font-size:16px;}

.ft18{ font-size:18px;}

.ft20{ font-size:20px;}

.mr10{ margin-right:10px;}

.mr12{ margin-right:12px;}

.mr15{ margin-right:15px;}

.mr20{ margin-right:20px;}

.ml20{ margin-left:20px;}

.block5{ clear:both; height:5px;}

.block10{ clear:both; height:10px;}

.block15{ clear:both; height:15px;}

.block20{ clear:both; height:20px;}

.block25{ clear:both; height:25px;}

.block30{ clear:both; height:30px;}

.block40{ clear:both; height:40px;}

.block50{ clear:both; height:20px;}

.block64{ clear:both; height:64px;}

.block70{ clear:both; height:70px;}

.block80{ clear:both; height:80px;}



img.zoom-img:hover {transform: scale(1.2); transition: all 1s ease 0s; -webkit-transform: scale(1.2); -webkit-transform: all 1s ease 0s;}

img.zoom-img {-webkit-transform: scale(1, 1); -webkit-transition-timing-function: ease-out;-webkit-transition-duration: 1683ms;-moz-transform: scale(1, 1);-moz-transition-timing-function: ease-out;-moz-transition-duration: 1683ms;}







.block94{ clear:both; height:94px;}



#header_box{ height:94px; background:#fff; clear:both; position:fixed; left:0; top:0; width:100%; -moz-box-shadow:0px 0px 13px #999; -webkit-box-shadow:0px 0px 13px #999; box-shadow:0px 0px 13px #999; z-index:10000;}

.header{width:1300px; margin:0 auto; clear:both; position:relative;}

.headers-box{display: block; position: fixed; top: 0px; left: 0px; width: 100%; height:94px; z-index: 10;}



#menu{ display: inline; float: right;  margin-top:36px;}

#menu li{ display:inline-block; float:left; text-align:center; font-size:15px;}

#menu li a{ display: block; padding: 0 15px;color:#666;}

#menu li a:hover{ color:#fd5203;}



/*下拉菜单*/

.header-white{background:#FFF;}

.header2{position: absolute; width:100%; height:80px; left:0px; top:94px; border-top:1px solid #e5e5e5;}

.header2_t{margin:0 auto; text-align: center; width: 891px; padding-left:409px;}

.header3{display:inline-block; margin:20px; zoom: 1; width:120px; height:36px; line-height:36px; border-radius:36px; background:#fff; margin-right:10px; vertical-align:middle; overflow:hidden;}

.header3:hover{background-color:#f9f9fa;}





/*banner*/

.slideBox{ width:100%; height:700px; overflow:hidden; position:relative;}

.slideBox .bd{width:100%; height:700px; overflow:hidden; z-index:1; vertical-align:middle; text-align:center;}

.slideBox .bd li{width:100%; height:700px; overflow:hidden;}

.slideBox .bd li a{width:100%; height:700px; overflow:hidden; display:block;}

/* 下面是前/后按钮代码，如果不需要删除即可 */

.slideBox .prev,

.slideBox .next{ position:absolute; left:5px; top:50%; margin-top:-42px; display:block; width:44px; height:84px; background:url(../images/slider-arrow.png) -88px 0px no-repeat; filter:alpha(opacity=50);opacity:0.5;}

.slideBox .next{ left:auto; right:5px; background-position:0px 0px; }

.slideBox .prev:hover,

.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;}

.slideBox .prevStop{ display:none;}

.slideBox .nextStop{ display:none;}





/*免费量房*/

.mflf{width:1175px; overflow:hidden; margin:0 auto; background:rgba(0,0,0,0.6);}

.mflf_t1{ width:870px; float:left; padding-left:30px;}

.mflf_t2{ color:#fff; font: 22px/34px "微软雅黑";}

.mflf_t2 span{ font-size: 18px; padding-left: 10px;}

.kuan{ height:42px; text-indent:15px; font:16px/42px "微软雅黑"; border:0; margin-right:15px; float:left;}

.rbutton{ width:152px; display: block; height:42px; background:#ff6600; border: 0; outline: 0; color: #fff; font:16px/42px "微软雅黑"; text-align:center; cursor: pointer;}

.rbutton:hover{ filter:alpha(opacity=80);  -moz-opacity:0.8;opacity:0.8; }



/*电话*/

.tel{ display:block; padding-left:25px; width:215px; height: 130px;  float:right; background:rgba(255,102,0,0.8) 26px 58px no-repeat;}

.tel_t1{ height:24px; line-height:28px; font-size:28px; color:#fff; font-weight:bold;  }

.tel_t2{ color:#fff; font-size:18px; margin-top:2px;font-weight:bold; }



/*整装*/

.bjbs{ background:#fff;}

.title .ch{position:relative; font-size:28px; color:#333; display:inline-block;}

.title .ch::after, .title .ch::before{content:""; width:82px; height:1px; background-color:#ccc; top: 50%; position: absolute;}

.title .ch::before{left:120%;}

.title .ch::after{right:120%;}

.sub_title{ color:#333; font-size:14px; line-height:30px; clear:both; text-align: center;}



.zzbox{ width:1200px; height: 430px; overflow:hidden;  margin: 0 auto; position:relative; background: #f9f9f9;}

.zzbox .tt{padding:0px;  width:394px; height: 430px; overflow:hidden; position:absolute; right:0px; top:0px; z-index:1;}

.zzbox .bd{ position:relative; height:100%; z-index:0;   }

.zzbox .bd li{ zoom:1; vertical-align:middle; }



/* 下面是前/后按钮代码，如果不需要删除即可 */

.zzbox .prev,

.zzbox .next{ position:absolute; left:0; top:50%; margin-top:-56px; display:block; width:50px; height:112px; background:#000; filter:alpha(opacity=50);opacity:0.5; color: #fff; font-family: "宋体"; font-size: 60px; line-height: 112px; text-align: center;  }

.zzbox .next{ left:auto; right:396px;}

.zzbox .prev:hover,

.zzbox .next:hover{ filter:alpha(opacity=100);opacity:0.7;  }

.zzbox .prevStop{ display:none;  }

.zzbox .nextStop{ display:none;  }



.zz_img{ width: 804px; height: 430px; overflow: hidden;}

.zz_img img{ width: 804px; height: 430px; overflow: hidden;}



.jia{ display:block; width: 30px; height: 30px; float: right; font:24px/30px "宋体"; text-align: center;}

.jia a{ display:block; background:#ff6600; color:#fff;}

.jia a:hover{ display:block; filter:alpha(opacity=80); -moz-opacity:0.8;opacity:0.8;}

.t1{ color: #000; font:bold 30px/42px "微软雅黑"; height:42px; overflow: hidden; text-align:center;}

.t2{ color: #333; font:16px/32px "微软雅黑"; height:32px; overflow: hidden; text-align:center;}

.t3{ clear: both; text-align:center; }

.t3 a{ width:140px; height:44px; overflow:hidden; display:inline-block;line-height:44px; border:1px solid #ff6600; background:#ff6600; color:#FFF; margin:0 7px;}

.t3 a.sub_btn{ background:no-repeat; color: #ff6600;}

.t3 a:hover{filter:alpha(opacity=80); -moz-opacity:0.8;opacity:0.8;}





/* 计算器*/

.slideTxtBox{ width:1200px; text-align:left;  }

.slideTxtBox .hd{ display:inline-block; width: 260px; height: 250px; overflow: hidden; vertical-align:top; float:left;}

.slideTxtBox .bd { zoom:1; display:inline-block; position:relative; background-color:#fff; width:830px; height:184px; padding:30px 45px; margin: 5px; float:right; border-radius: 6px;  }

.slideTxtBox .bd ul{ zoom:1; }

.slideTxtBox .bd li{ }



.jsq01{ display:block; width: 120px; height: 117px; background-color: #fff; margin:5px; float: left; border-radius: 6px; }  

.jsq01:hover{ cursor: pointer;/*background: #064e38;*/ transition: 0.3s; }

.jsq01:hover p { /*color: white;*/ }

.jsq01:last-child{ width: 120px; height: 117px; } 

.jsq01 div{  display: block; width:40px;  height:40px; background-size: 100% 100%;  margin:0 auto;  margin-top:30px; margin-bottom:5px; background-repeat: no-repeat;}

.jsq01 p{ text-align: center; color: #686868; font-size: 16px;}

.jsq01-active{ background-color:#ff6600; }

.jsq01-active > p{ color: white; }



.shj_index_jsq_select{width:160px; height: 30px; border: 1px solid #c8c8c8; text-align: center; line-height: 30px; position: relative; margin-left:20px; cursor: pointer; font-size: 14px;background: #fff;display:inline-block;}

.shj_index_jsq_select_bg{width: inherit; height: inherit; position: absolute; top: 0; left: 0; z-index: 99;}

.shj_index_jsq_jicon{text-align: right; position: absolute; top: 0px; right: 20px;}

.shj_index_jsq_radio{width: auto; height: 30px; margin-left: 10px; display: inline-block; cursor: pointer; position: relative;}

.shj_index_jsq_radio span{ font-size: 12px; }

.shj_index_jsq_radio_bg{position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

.shj_index_jsq_ricon{display: block; width: 16px; height: 16px; margin: 0px 8px 0 0; background: url(../images/icon.png) no-repeat; background-position: -30px -828px; cursor: pointer; float: left;}

.shj_index_jsq_ricon_check{background-position: -6px -828px;}

.shj_index_jsq_select_list{width: inherit; height: auto; background: #fff; padding: 7px 0; position: absolute; top: 23px; left: -1px; z-index: 999; border-left: 1px solid #b8b8b8; border-right: 1px solid #b8b8b8; border-bottom: 1px solid #b8b8b8; position: absolute; top: 25px; left: -1px; z-index: 999; display: none;max-height: 160px;overflow:hidden; overflow-y:auto;}

.shj_index_jsq_select_list li{height: 30px; }

.shj_index_jsq_select_list li:hover{background: #f6f6f6;}

.shj_index_jsq_right_img{width: 150px; height: 212px; }

.right-img-tip{ position:absolute; right:47px;  top:17px;  display:block;  width:170px;  height:auto; }

.calculator_right{ display:inline-block; vertical-align:top; margin-left:10px; position:relative; background-color:#f6f6f6; width:973px; height:140px; padding:55px 0px; }

.calculator_right_modal{ display: block; margin-bottom: 15px; padding: 0px 10px;}

.calculator_right_modal label{ margin-right: 0px; font-size: 14px;}

.calculator_right_modal input{ display:inline-block; width:150px; height:30px;  text-align: left; background-color: #fff;  padding-left: 10px;   border: 1px solid #c8c8c8; text-align: center; margin-left: 20px; outline:0; font-family: "微软雅黑";}

.calculator_right_modal input:focus{border-color: #b8b8b8; } 

.calculator_right_modal input:focus{border-color: #b8b8b8; } 

.calculator_left{display: inline-block; width: 218px; height: 250px; overflow:hidden; vertical-align: top; }

.calculator_left ul{ margin-right: -10px;}

/* .system_quotation:hover{background:#74b534;color: #fff;} */



.yzcode{ display: inline-block; vertical-align: top; width: 90px; height: 32px;}



.ksbj_btn{ padding-left:10px;}

.submit_in_btn{padding: 0;border: 0; background: none;vertical-align: top}

.ksbj_btn a,.submit_in_btn{ width:242px; height:42px; overflow:hidden; display:inline-block; text-align:center; line-height:42px; background:#737373; color:#FFF; margin-right:20px;}

.ksbj_btn a.sub_btn{ background:#ff6600;}

.ksbj_btn a:hover{filter:alpha(opacity=90); -moz-opacity:0.9;opacity:0.9; color: #fff;}

.rbuttonc{ display: inline; float: right}

.rbuttonc:hover{ color: #fff;}









/*设计团队*/

.bj01{ width: 100%; background:#333;}

.sjtd{ width:1200px; overflow:hidden; margin:0 auto;}

.sjtd .hd{ overflow:hidden; height:30px; padding:0;}

.sjtd .hd .prev,.sjtd .hd .next{ display:block; width:24px; height:24px; font:bold 18px/24px "宋体"; text-align: center; float:right; overflow:hidden;

  cursor:pointer; color:#fff;}

.sjtd .hd .next{ background-position:0 -50px;  }

.sjtd .hd .prevStop{ background-position:-60px 0; }

.sjtd .hd .nextStop{ background-position:-60px -50px; }

.sjtd .hd ul{ float:right; overflow:hidden; margin-top:2px; zoom:1; }

.sjtd .hd ul li{ float:left; width:8px; height:8px; border-radius:8px; margin:5px; text-indent:-999px; cursor:pointer; background:#fff; }

.sjtd .hd ul li.on{ background:#ff6600;}

.sjtd .bd{ padding:0px; background:#fff; height:498px; zoom:1;}

.sjtd .bd ul{ overflow:hidden; zoom:1; }

.sjtd .bd ul li{_display:inline; overflow:hidden; padding:0px; background:#fff; }

.sjtd01{ width:348px; float:left; color:#333; }

.sjtd_ps{ width:348px; height:348px; overflow: hidden;}

.sjtd_ps img{ width:348px; height:348px; overflow: hidden;}

.sjtd_t1{ height:60px; font:36px/60px "微软雅黑"; text-align: center;}

.sjtd_t2{ height:24px; font:16px/24px "微软雅黑"; text-align: center;}

.sjtd02{ width:786px; height: 200px; overflow: hidden; padding:0 32px; color:#333; float: right; }



.sjtd_t3{ height:44px; font:30px/44px "微软雅黑";}

.sjtd_t3 span{ padding-left:10px; text-transform:uppercase;}

.sjtd_t4{ height:26px; font:16px/26px "微软雅黑";}

.sjtd_t4 span{ padding-left:20px;}

.sjtd_t5{ clear: both;}

.sjtd_t5 a{ width:140px; height:36px; overflow:hidden; display:inline-block; line-height:36px; border:1px solid #ff6600; background:#ff6600; color:#FFF; margin-right: 14px; text-align:center; }

.sjtd_t5 a.sub_btn{ background:no-repeat; color: #ff6600;}

.sjtd_t5 a:hover{filter:alpha(opacity=80); -moz-opacity:0.8;opacity:0.8; color: #fff;}

.sjtd02 .sub_btn:hover{ color: #ff6600}

.sjtd03{ width:426px; height:298px; overflow:hidden; float:left; position:relative;}

.sjtd03 a{ width:426px; height:298px; display:table-cell; text-align:center; vertical-align:middle;}

.sjtd03 a img{ width:426px; height:298px; overflow:hidden; transition: all 0.5s;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-o-transition: all 0.5s;}

.sjtd03 a:hover img{ -ms-transform: scale(1.15);transform: scale(1.15); -webkit-transform: scale(1.15);-moz-transform: scale(1.15);-o-transform: scale(1.15);}

.sjtd03 .titlebottom{

	width:100%; height:40px; font:16px/40px "微软雅黑"; display:table-cell; color:#FFF; text-align:center;

	position:absolute; bottom:0; left:0;

 background: rgba(0,0,0,0.6); 

 -webkit-transition: all 150ms ease-in-out;

 -moz-transition: all 150ms ease-in-out;

 -ms-transition: all 150ms ease-in-out;

 -o-transition: all 150ms ease-in-out;

 transition: all 150ms ease-in-out;}	

.sjtd03 .titlebottom span{ padding:0 4px; }	



.more{ display: block; width:162px; height: 40px; border:1px solid #666; text-align: center; font-size:14px; margin:0 auto; line-height:40px;}

.more a{ display: block; color: #ccc;}

.more a:hover{ display: block; color: #fff;}

.more:hover{ background: #ff6600; border: 1px solid #ff6600;  -webkit-transition: 0.4s ease-in; transition: 0.4s ease-in;}





/*案例*/

.case_menu{  height:30px; line-height:30px; clear:both; overflow:hidden; text-align:center;}

.case_menu a{ font-size:14px; color:#666;  padding:0 10px; overflow:hidden; white-space:nowrap;}

.case_menu a:hover{ color:#ff6600;}



.case_box{padding:0.05rem 0 0 0;}

.case_box ul{ width:100.5%; overflow:hidden;}

.case_box li{ width:4.77rem; float:left; display:inline; overflow:hidden; margin:0 0.04rem 0.04rem 0; position:relative; }

.case_box li img{width:4.77rem; height:3.34rem; overflow:hidden;}

.case_name{ background:rgba(0,0,0,.5); width:100%; height:46px; text-align:center; line-height:46px; color:#FFF; font-size:16px; position:absolute; left:0; bottom:0; white-space:nowrap; overflow:hidden;  transform:translate(0,0); transition:all .4s ease-in 0s;}

.case_name span{ margin:0 8px;}

.case_box li:hover .case_name{ display:none;}

.case_item_box{ position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,.5); opacity: 0; color:#FFF; padding:32px 40px;

-moz-box-sizing: border-box;

-webkit-box-sizing: border-box;

-o-box-sizing: border-box;

-ms-box-sizing: border-box;

box-sizing: border-box;

transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;

-webkit-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;

-moz-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;

-o-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }

.case_box li:hover .case_item_box{ opacity: 1;}



.case_item_name{ height:0.68rem; overflow:hidden; line-height:0.66rem; font-size:0.3rem; clear:both;}

.case_item_box .case_item_pic{width:0.66rem; height:0.66rem; overflow:hidden; margin-right:20px;}

.case_item_box .case_item_pic img{ width:0.6rem; height:0.6rem; overflow:hidden; border:#FFF solid 0.03rem; border-radius:50%; }

.case_item_txt{ font-size:14px; clear:both; line-height:22px; max-height:66px; overflow:hidden; margin-top:0.15rem;}

.case_item_price{ font-size:0.24rem; clear:both; overflow:hidden; color:#ffc000; margin-top:0.08rem;}

.case_item_price span{ margin-right:10px;}

.case_item_btn{ clear:both; overflow:hidden;  margin-top:0.15rem;}

.case_item_btn a{ width:32%; height:0.36rem; line-height:0.36rem; text-align:center; overflow:hidden; display:inline-block; background:#fff; margin:0 0.38rem 0 0; font-size:0.14rem; cursor:pointer;}

.case_item_btn a.yuyue{ background:#ff6600; color:#FFF;}

.case_item_btn a:hover{lter:alpha(opacity=90); -moz-opacity:0.9;opacity:0.9;}

.case_more a{background:#FFF; width:140px; height:36px; overflow:hidden; line-height:36px; text-align:center; -moz-box-shadow:0px 0px 8px #e5e5e5; -webkit-box-shadow:0px 0px 8px #e5e5e5; box-shadow:0px 0px 8px #e5e5e5; display:inline-block; font-size:13px; color:#787878;}

.case_more a:hover{-moz-box-shadow:0px 0px 8px #bdbdbd; -webkit-box-shadow:0px 0px 8px #bdbdbd; box-shadow:0px 0px 8px #bdbdbd; color:#222;}



.more2{ display: block; width:162px; height: 40px; border:1px solid #e0e0e0; text-align: center; font-size: 14px; margin:0 auto; line-height: 40px;}

.more2 a{ display: block; color: #333;}

.more2 a:hover{display: block; color: #fff;}

.more2:hover{ background: #ff6600; border: 1px solid #ff6600;  -webkit-transition: 0.4s ease-in; transition: 0.4s ease-in;}





/*合作品牌*/

.sub_title2{ color:#666; font-size:20px; line-height:30px; clear:both; text-align: center;}

.hzpp{ width:1200px; margin:0 auto;}

.hzpp ul{width:1240px;}

.hzpp li{ display:block; float:left; width:270px; height:170px; overflow:hidden; background:#ff6600; margin-right:40px; text-align:center; color:#fff; }

.hzpp li a{ color: #fff;}

.hzpp_t1{ height:40px; font:bold 26px/40px "微软雅黑"; overflow:hidden;}

.hzpp_t2{ height:72px; font:15px/24px "微软雅黑"; overflow:hidden; padding:0 32px; }

.sideMenu{ width:1199px; height:550px; overflow:hidden; margin:0 auto;  border:1px solid #ddd;  }

.sideMenu h3{ float:left; width:98px; height:550px; text-align:center; background:#f4f4f4; cursor:pointer; border-left: 1px solid #e7e7e7; color:#999;}

.sideMenu h3 span{ display:block; font-weight:normal; width:30px; height:550px; overflow: hidden; margin:0 auto; font-family: "微软雅黑"; font-size:26px;}

.sideMenu h3 em{ display:block; width:40px; height:28px; text-align:center; font:24px/28px "宋体"; border: 1px solid #d5d5d5; margin:46px auto 30px auto; color: #999; cursor:pointer; }

.sideMenu h3.on {float:left; background:#ff6600; color: #fff; }

.sideMenu h3.on em{ border: 1px solid rgba(255,255,255,0.4); color: #fff;}

.sideMenu ul{ float: left; width: 704px; height: 550px; padding:0px; display:none; /* 默认都隐藏 */ }

.sideMenu li{ float: left; width: 704px; height: 550px; overflow: hidden;}

.sideMenu li img{ width: 704px; height: 550px; overflow: hidden;}



.hzpp2{ width:1200px; margin:0 auto;}

.hzpp2 li{ display:block; float:left; width:282px; height:100px; border:1px solid #ccc; overflow: hidden; margin:8px;}

.hzpp2 li img{ width:282px; height:100px; overflow: hidden;}





/*360全景*/

.bj02{ background:url(../images/bj01.jpg) center top no-repeat;}

.qj01{ width: 410px; height: 550px; overflow:hidden; float:left; position: relative;}

.qj02{ width:770px; height:290px; overflow:hidden; float:right; position:relative;}

.qj03{ width:376px; height:242px; overflow:hidden; float:left; position:relative; margin-top:20px; margin-left:20px;}

.qj04{ width:376px; height:242px; overflow:hidden; float:right; position:relative; margin-top:20px;}



.qj02 .qj_name{ opacity:1; height:40px; line-height:40px;}

.qj_name{ background:rgba(0,0,0,.5); width:100%; height:0; text-align:center; line-height:40px; overflow:hidden; color:#FFF; position:absolute; left:0; bottom:0; white-space:nowrap; transform:translate(0,0); transition:all .4s ease-in 0s; opacity: 0; z-index:10;  font-size:14px;}

.qj_name span{ margin:0 10px;}

.qj01 a:hover .qj_name{ height:40px; opacity: 1;}

.qj02 a:hover .qj_name{ height:40px; opacity: 1;}

.qj03 a:hover .qj_name{ height:40px; opacity: 1;}

.qj04 a:hover .qj_name{ height:40px; opacity: 1;}





/*装修知识*/

.know_box{ width:280px; height:445px; border:#dfdfdf solid 1px; overflow:hidden; margin:9px;}

.gl-img{width:280px;height: 160px;overflow:hidden;position: relative;}

.gl-img img{width:280px; height:100%;}

.gl-img div{width:280px;height: 160px; font-size:24px;background: rgba(0,0,0,0.7);transition:all 0.5s ease;position: absolute;left: 0;top: 0;text-align: center;line-height:160px;color: #f5f5f5;}

.know_box:hover .gl-img div{background: rgba(0,0,0,0.3);}

.know_box:hover{-moz-box-shadow:0px 0px 9px #ccc; -webkit-box-shadow: 0px 0px 9px #ccc; box-shadow: 0px 0px 9px #ccc;}

.know_list{ clear:both; overflow:hidden; padding:15px 20px; width:245px; height:180px;}

.know_list li{ height:36px; line-height:36px; overflow:hidden; white-space:nowrap; font-size:14px;}

.know_list li a{ display:block;}

.know_list li a:hover{ color:#cbb100;}

.know_more a{ width:162px; height:40px; overflow:hidden; line-height:40px; text-align:center; border:#ccc solid 1px; display:inline-block; font-size:13px; color:#787878;}

.know_more a:hover{ background:#ff6600; color:#FFF; border:#ff6600 solid 1px;}







/*品牌实力*/

.pp{ width: 380px; height: 204px; margin:15px 10px; cursor:pointer; display: inline-block; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px transparent; position: relative; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform;}

.pp img{ width: 380px; height: 204px;  overflow:hidden;}

.pp:hover{-moz-box-shadow:0px 0px 13px #dfdfdf; -webkit-box-shadow: 0px 0px 13px #dfdfdf; box-shadow: 0px 0px 13px #dfdfdf;}

.pp:hover img{filter:alpha(opacity=90); -moz-opacity:0.9;opacity:0.9;}

.pp:hover{-webkit-transform: translateY(-5px); transform: translateY(-5px);}

.pp:hover:before{opacity: 1; -webkit-transform: translateY(5px); transform: translateY(5px);}



.pp02{ width: 380px; height: 436px; background: url(../images/bj02.png) center top no-repeat #ff6600; margin:15px 10px; display: inline-block; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px transparent; position: relative; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform;}

.pp02:hover{-moz-box-shadow:0px 0px 13px #dfdfdf; -webkit-box-shadow: 0px 0px 13px #dfdfdf; box-shadow: 0px 0px 13px #dfdfdf;}

.pp02:hover img{filter:alpha(opacity=90); -moz-opacity:0.9;opacity:0.9;}

.pp02:hover{-webkit-transform: translateY(-5px); transform: translateY(-5px);}

.pp02:hover:before{opacity: 1; -webkit-transform: translateY(5px); transform: translateY(5px);}



.pp02_t1{ height:50px; font:bold 36px/50px "微软雅黑"; text-align: center; display: block; color: #fff; overflow: hidden; margin-top: 130px;}

.pp02_t2{ height:30px; font:16px/30px "微软雅黑"; text-align: center; display: block; color: #fff; overflow: hidden; letter-spacing:8px;}

.more3{width: 152px; height: 44px; font:14px/44px "微软雅黑"; text-align: center; margin:50px auto 0 auto; display: block;}

.more3 a{ display: block; background: rgba(255,255,255,0.67); color: #333;}

.more3 a:hover{ display: block; background: #fff; color:#ff6600;}





/*foot*/

#foot_bg{ background:url(../images/bj03.jpg) center top  no-repeat; width:100%; clear:both; color:#FFF;}

.foot_nav{  width:160px; min-height:190px; float:left; display:inline; text-align:center; margin:0 1px; border-right: 1px dashed #454545;}

.foot_nav dt{ font-size:16px; overflow:hidden;  color:#FFF; line-height:36px;}

.foot_nav dd a{ color:#bdbdbd; font-size:13px; line-height:26px; white-space:nowrap; overflow:hidden;}

.foot_nav dd a:hover{ color:#FFF;}

.foot_erweima{ width:110px; text-align:center; font-size:13px; margin:15px 15px;}

.foot_erweima img{ width:110px; height:110px; overflow:hidden}

.foot_erweima p{ white-space:nowrap; overflow:hidden; margin-top:10px;}

.foot_tel{ width:340px; overflow:hidden; margin-top: 30px;}

.foot_tel_icon{ display:inline-block; font-size:20px; height:24px; line-height:24px;  color:#fff;}

.foot_tel_item{ color:#ff6600; font-size:27px; font-weight: bold; white-space:nowrap; margin-top:5px;}

.foot_sub_tel{ color:#ccc; font-size:13px; margin-top:10px; line-height:26px;}

.copy{ border-top:#999 solid 1px; text-align:center; padding-top:25px; overflow:hidden; font-size:14px; color:#e5e5e5;}



.ewmbox{ float: left; margin-left: 30px; font-size:12px; color: #999;}



.bjhs{ background: #191b1d;}

.bjhs a{ color:#666;}

.link{height:30px; line-height:30px; overflow:hidden; padding:10px 0; text-align:center; color:#666;}

.link a{ margin:0 12px; -webkit-transition: all 0.3s ease;transition: all 0.3s ease; text-decoration: none; outline: none; color:#666;}

.link a:hover{ color:#fff;}

.b1{ text-align: center; color:#666; line-height:20px;}





/*悬浮*/

.rfd { display:block; width:100px; overflow:hidden; border-radius:10px; position:fixed; top:72%; right:1%; z-index:1001;  background:url(../images/dh.jpg) center top no-repeat;}

.rfd li a{ display: block; width:100px; height:60px; overflow:hidden; text-align:center; color:#FFF; padding:6px 0 15px 0; background:rgba(255,102,0,0.9);}

.rfd li a:hover{ display: block; background:rgba(0,0,0,0.7);}







/*page*/

.weizhi_box{clear:both; height:44px; padding:8px 0 4px 0;}

.weizhi{ background:url(../images/weizhi.png) left center no-repeat; padding-left:30px; line-height:44px; font-size:14px; width:1190px; color:#333;}

.weizhi a{ color:#444;}

.weizhi a:hover{ color:#ff6600;}

.page_con{ font-size:14px; line-height:2; clear:both; overflow:hidden; padding:10px 0px 20px 0px; }

.page_con img{ max-width:900px; height:auto; width:expression(this.width > 900px ? "900px" : this.width); overflow:hidden;}





.page_menu{ clear:both; overflow:hidden; text-align:center; border-bottom:#ddd solid 1px; padding:20px 0 22px 0;}

.page_menu li{ height:34px; overflow:hidden; display:inline-block; text-align:center; margin:0px 10px; cursor:pointer; }

.page_menu li a{ color:#fff; display:block; font-size:14px; border-radius:50px; padding:0 26px; background:#333; height:32px; line-height:32px; overflow:hidden; white-space:nowrap;}

.page_menu li a:hover{ background:#ff6600; color:#FFF;}

.page_menu li.on a{ background:#ff6600; color:#FFF;}



.page_about_con{ font-size:16px; line-height:2.4; clear:both; overflow:hidden; padding:20px 0px 30px 0px;}

.page_about_con img{ max-width:1220px; height:auto; width:expression(this.width > 1220px ? "1220px" : this.width); overflow:hidden;}

.con_title{ font-size:32px; color:#333; font-weight:bold; line-height:48px; }

.con_auth{ clear:both; height:34px; font-size:13px; line-height:34px; overflow:hidden; margin-bottom:10px; color:#999; border-bottom:#ededed solid 1px; padding:5px 0;}

.con_auth span{ margin-right:25px;}



.page_left{ width:900px; overflow:hidden;}

.page_right{ width:300px; overflow:hidden;}

.right_yy_bg{ clear:both; overflow:hidden; background:#f5f5f5; padding:14px 14px; width:270px; border:#e5e5e5 solid 1px; border-top:none;}

.right_yy_input{ width:270px; height:36px; overflow:hidden;}

.right_yy_input input{background:#FFF; border:#e5e5e5 solid 1px; width:268px; height:34px; line-height:34px; font-size:12px; text-indent:10px; color:#888;}

.right_yy_input input:focus{border-color:#bdbdbd; color:#222;}

.right_yy_btn{ width:270px; height:36px; overflow:hidden;}

.right_yy_btn input,.right_yy_btn  a{width:270px; height:36px; background:#ff6600; border:0 none; cursor:pointer; color:#FFF; font-size:13px;}

.right_yy_btn  a{ display: block;text-align: center; line-height: 36px;}

.right_yy_btn input:hover,.right_yy_btn a:hover{ background:#333;}



.right_title{ background:#f5f5f5; border:#ddd solid 1px; width:288px; height:40px; line-height:40px; overflow:hidden; padding-left:10px;}

.right_title h3{ font-weight:normal; color:#151515; font-size:16px;}

.right_box{ border:#ddd solid 1px; border-top:none; width:278px; padding:2px 10px 10px 10px; overflow:hidden; clear:both;}

.right_box li{width:278px; overflow:hidden; margin-top:10px;}

.right_box_pic{width:278px; height:190px; overflow:hidden;}

.right_box_pic img{ transform:translate(0,0); transition:all .4s ease-in 0s; width:278px; height:190px; overflow:hidden;}

.right_box li a:hover{ text-decoration:none;}

.right_box li:hover img{transform: scale(1.1); transition: all 1s ease 0s; -webkit-transform: scale(1.1); -webkit-transform: all 1s ease 0s; }

.right_box_txt{ width:278px; line-height:34px; color:#222; font-size:13px; background:#fff; overflow:hidden; color:#555; margin-top:5px;}

.right_box_txt a{ font-size:16px; line-height:40px; border-bottom:#ddd dashed 1px; display:block; color:#222; white-space:nowrap; overflow:hidden;}

.right_box_txt p span{ white-space:nowrap; overflow:hidden;}

.right_box_txt p span i{ font-style:normal; white-space:nowrap; overflow:hidden; color:#787878;}

.right_box li:hover .right_box_txt a{ color:#ff6600;}

.right_more{ margin-right:10px;}

.right_more a{ color:#666; font-size:13px;}

.right_more a:hover{ color:#ff6600;}





/*翻页*/

#page{margin:30px 5% 20px 5%; overflow:hidden; text-align:center; font-size:14px; clear:both;}

#page .scott{ display:inline-block; margin:0 auto;overflow:hidden;}

#page .scott span,#page .scott a:hover{ background:#ff6600; border:1px solid #ff6600; color:#fff; border-radius:3px; display:inline; float:left; margin:5px 3px; padding:0 16px; height:36px; line-height:36px; text-decoration:none;}

#page .scott a,#page .scott span.morepage{padding:0 16px; height:36px; line-height:36px; background-color:#fff; border:1px solid #ddd; border-radius:3px; margin:5px 3px; display:inline; float:left; color:#444;}

#page .scott span.morepage input{ width:25px; height:16px; border:1px solid #ccc; background:none; margin-top:8px; float:left; margin-right:5px; padding-left:3px;}

#page .scott span.morepage{color:#222;}



/*内容页翻页*/

.page_back{ border-top:1px dashed #bdbdbd; padding-top:10px; margin-top:20px; position:relative; font-size:14px; line-height:38px; color:#444;}

.page_back a{ color:#444;}

.page_back a:hover{ color:#ff6600;}

.page_back .bapage_back_up{ position:absolute; right:0px; top:28px;}



/*新闻资讯*/

.list01{ clear:both; overflow:hidden; margin-top:-30px;}

.list01 li{ height:200px; overflow:hidden; margin-top:30px; clear:both; padding: 10px;}

.list01 li:hover{ background: #fff;}

.list_pic{ width:300px; height:200px; overflow:hidden;}

.list_pic img{width:300px; height:200px; overflow:hidden; transform:translate(0,0); transition:all .4s ease-in 0s;}

.list01 li:hover .list_pic img{transform: scale(1.1); transition: all 1s ease 0s; -webkit-transform: scale(1.1); -webkit-transform: all 1s ease 0s;}

.list_con{ width:560px; height:200px; overflow:hidden;}

.list_con_xx{ clear:both; overflow:hidden; font-size:13px; height:90px; line-height:30px; color:#787878; margin-top:4px; border-top:#ddd solid 1px; padding-top:12px;}

.list_con_au{ height:40px; line-height:40px; overflow:hidden; font-size:12px; color:#999;}

.list_con_au span{ margin-right:25px;}

.list_con_au span i{ font-size:16px; display:inline-block; color:#999; margin:0 8px 0 2px; display:inline-block;}

.box_con_title{ height:42px; line-height:42px; overflow:hidden; white-space:nowrap;}

.box_con_title a{font-size:22px;}

.box_con_title a:hover{color:#3399ff;}





/*案例筛选分类*/

.page_sxfl{border-bottom:#ddd solid 1px;}

.case_dl{ zoom:1; overflow:hidden; border-top:#ddd solid 1px; clear:both; font-size:13px;}

.case_dl dt{ border-left:#ddd solid 1px; width:109px; background: #eee; text-align:center; line-height:36px; float:left; display:inline; overflow:hidden; padding:5px 0;}

.case_dl dd{ border-left:#ddd solid 1px; border-right:#ddd solid 1px; width:1078px; float:left; display:inline; line-height:36px; overflow:hidden; white-space:nowrap; padding:5px 15px;}

.case_dl dd a{ padding:3px 13px; overflow:hidden; color:#444; margin-right:6px;}

.case_dl dd a:hover{ color:#ff6600;}

.case_dl dd a.hover{ background:#ff6600; text-decoration:none; color:#FFF;}

.case_dl dd span{ float:right; margin-top:4px;}

.case_dl dd span a:hover{ background:none;}



.case_list{ clear:both; overflow:hidden;}

.case_list ul{ width:1240px; overflow:hidden;}

.case_list li{ width:600px; margin:20px 20px 0 0; float:left; display:inline; position:relative; background: #fff;}

.case_list_pic{ width:600px; height:418px; overflow:hidden; }

.case_list_pic img{ width:600px; height:418px; overflow:hidden; transform:translate(0,0); transition:all .4s ease-in 0s;}

.case_txt_box{ width:598px; border:#e5e5e5 solid 1px; border-top:none; height:130px; overflow:hidden;}

.case_list li:hover .case_list_pic img{transform: scale(1.1); transition: all 1s ease 0s; -webkit-transform: scale(1.1); -webkit-transform: all 1s ease 0s;}

.case_txt_box p.case_xx{ height:42px; line-height:42px; overflow:hidden; border-bottom:#e5e5e5 solid 1px; padding:10px 20px; white-space:nowrap;}

.case_txt_box p.case_xx span{ margin-right:20px; font-size:14px; color:#444;}

.case_txt_box p.case_xx span a{ font-size:22px; font-weight:bold;}

.case_txt_box p.case_text{ height:48px; line-height:24px; overflow:hidden; padding:10px 20px; font-size:14px; color:#666;}

.case_list li .case_Designer{ width:110px; height:110px; border:#fff solid 4px; background:#FFF; border-radius:50%; position:absolute; top:350px; right:20px; overflow:hidden; transform:translate(0,0); transition:all .2s ease-in 0s;}

.case_Designer img{ max-width:100%; overflow:hidden;}

.case_Designer:hover{-moz-box-shadow:0px 0px 8px #999; -webkit-box-shadow:0px 0px 8px #999; box-shadow:0px 0px 8px #999;}

.case_txt_box p.case_xx a:hover{ color:#f1c33a;}





.case_list2{ clear:both; width:1200px; overflow:hidden; margin: 0 auto;}

.case_list2 ul{ width:1220px;}

.case_list2 li{ width:365px; background:#fff; float:left; display:inline; padding:10px; margin:10px 20px 10px 0; -moz-box-shadow:0px 0px 10px #eee; -webkit-box-shadow: 0px 0px 10px #eee; box-shadow: 0px 0px 10px #eee; transform:translate(0,0); transition:all .4s ease-in 0s;}

.case_pic{ width:365px; height:254px; overflow:hidden;}

.case_pic img{ width:365px; height:254px; overflow:hidden; transform:translate(0,0); transition:all .4s ease-in 0s;}

.case_list2 li:hover{-moz-box-shadow:0px 0px 10px #bdbdbd; -webkit-box-shadow: 0px 0px 10px #bdbdbd; box-shadow: 0px 0px 10px #bdbdbd;}

.case_list2 li:hover .case_pic img{transform: scale(1.1); transition: all .8s ease 0s; -webkit-transform: scale(1.1); -webkit-transform: all .8s ease 0s;}

.case_con{ height:90px; width:365px; overflow:hidden; clear:both;}

.case_sjs_pic{ width:90px; height:90px; overflow:hidden; border-radius:90px;}

.case_sjs_pic img{ width:90px; height:90px; overflow:hidden;}

.case_con_txt{ width:260px; overflow:hidden; height:90px;}

.case_con_title{ font-size:15px; height:28px; line-height:28px; color:#000; font-weight:bold; white-space:nowrap; overflow:hidden;}

.case_con_jyjs{ font-size:12px; height:24px; line-height:24px; color:#666; white-space:nowrap; overflow:hidden;}

.case_con_jyjs span{ margin-right:15px;}

.case_con_more span{ width:90px; height:26px; float:left; margin:8px 10px 0 0px; border:1px solid #B9B9B9; overflow:hidden; display:inline-block; text-align:center; border-radius:10px; }

.case_con_more span a{ width:90px; height:26px; line-height:26px;display:block; text-decoration:none; }

.case_con_more span a:hover{ background:#ff6600; color:#FFF;}

.case_con_more_01 a{ background:#7b7b7b; color:#FFF;}

.case_con_more_02 a{ background:; color:#333;}



.case_sjs_title{ text-align:center; font-size:17px; font-weight:bold; height:50px; line-height:50px; overflow:hidden; clear:both;}

.case_con_sjs{ width:230px; padding:0 10px; overflow:hidden; text-align:center; margin:0 auto;}

.case_con_sjs_pic{ width:230px; height:230px; overflow:hidden;}

.case_con_sjs_pic img{ width:230px; height:auto; overflow:hidden;}

.case_con_sjs_name{ font-size:16px; font-weight:bold; margin-top:8px; color:#000;}

.case_con_sjs_txt{ font-size:14px; line-height:18px;}

.case_con_sjs_more{ margin-top:15px; width:230px;}

.case_con_sjs_more span{ margin:0 13px; float:left; display:inline;}

.case_con_sjs_more span a{ width:85px; height:28px; font-size:13px; line-height:28px; border:#ddd solid 1px; border-radius:6px; display:inline-block; transform:translate(0,0); transition:all .4s ease-in 0s;}

.case_con_sjs_more span a:hover{ background:#cc0000; border:#cc0000 solid 1px; color:#fff; text-decoration:none;}









/**/

.mod18{width:898px; position:relative; background:#f2f2f2; overflow:hidden; border:#e5e5e5 solid 1px;}

.mod18 .btn{position:absolute;width:25px; height:111px; top:600px; cursor:pointer; z-index:1; font-size:50px; font-weight:bold;}

.mod18 .prev{left:26px; background:url(../images/l_but2.jpg) no-repeat;}

.mod18 .prev:hover{background:url(../images/l_but2-1.jpg) no-repeat;}

.mod18 .next{right:26px; background:url(../images/r_but2.jpg) no-repeat;}

.mod18 .next:hover{background:url(../images/r_but2-1.jpg) no-repeat;}

.mod18 li{float:left; display:inline;}

.mod18 .picBox{height:561px; position:relative;overflow:hidden;}

.mod18 .picBox ul{height:561px;position:absolute;}

.mod18 .picBox li{width:882px; height:544px; overflow:hidden; text-align:center; display:block; background:#f5f5f5; border-bottom:#e5e5e5 solid 1px; padding:8px;}

.mod18 .picBox li img{ width:882px; height:544px; overflow:hidden; margin-top:-0px;}

.mod18 .listBox{width:764px; height:170px;position:relative;overflow:hidden; margin:20px auto 0; }

.mod18 .listBox ul{height:132px;position:absolute;}

.mod18 .listBox li{width:252px;height:132px; cursor:pointer;}

.mod18 .listBox li i{display:none;}

.mod18 .listBox li img{width:252px; height:132px; overflow:hidden; border:#FFF solid 8px;}

.mod18 .listBox .on i{display:block;}



.mod18 #prevTop,.mod18 #nextTop{width:40px; height:80px; position:absolute; filter:alpha(opacity=80); -moz-opacity:0.8;opacity:0.8;}

.mod18 #prevTop{background:url(../images/case_l.png) 0 0 no-repeat; position:absolute; top:230px; left:8px;}

.mod18 #nextTop{background:url(../images/case_r.png) 0 0 no-repeat; position:absolute; top:230px; right:8px;}

.mod18 #prevTop:hover,.mod18 #nextTop:hover{filter:alpha(opacity=100); -moz-opacity:1;opacity:1;}



/**/

.case-table{ margin-top: 10px;}

.case-table table {display: block; width: 100%; height: auto; table-layout: fixed;}

.case-table table tr {display: block; border-left: 1px solid #eaeaea; border-right: 1px solid #eaeaea; border-bottom: 1px solid #eaeaea;}

.case-table table tr:first-child {border-top: 1px solid #eaeaea;}

.case-table table tr td {padding: 15px; -webkit-box-sizing: border-box; box-sizing: border-box; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;font-size: 14px;}

.case-table table tr td div {width:160px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 14px; color: #666666;}

.case-table table tr td:nth-child(odd) {width: 125px; background: #f2f2f2; color: #000; text-align: center; }

.case-table table tr td:nth-child(even) {background: #fff; color: #000; text-align: center; overflow: hidden; color: #666666; }

.case-good-linian {margin-top: 10px; font-size: 14px;}



.case_sjs_title{ text-align:center; font-size:17px; font-weight:bold; height:50px; line-height:50px; overflow:hidden; clear:both; border:#e5e5e5 solid 1px; background:#f5f5f5; border-bottom:none;}

.case_con_sjs{ width:278px; padding:10px 10px 14px 10px; overflow:hidden; text-align:center; border:#e5e5e5 solid 1px; border-bottom:none;}

.case_con_sjs_pic{ width:278px; height:278px; overflow:hidden; position:relative;}

.case_con_sjs_pic img{ width:278px; height:278px; overflow:hidden;}

.case_con_sjs_pic .sjs_pic_btn{ position:absolute; width:100%; left:0; bottom:0px; height:40px; transform:translate(0,0); transition:all .4s ease-in 0s;}

.sjs_pic_btn a{ width:139px; height:40px; line-height:40px; text-align:center; background:#ff6600; display:inline-block; color:#FFF; font-size:14px; cursor:pointer; filter:alpha(opacity=82); -moz-opacity:0.82; opacity:0.82;}

.sjs_pic_btn a.fr{ background:#333;}

.sjs_pic_btn a:hover{filter:alpha(opacity=100); -moz-opacity:1;opacity:1;}



.case_con_sjs_name{ font-size:16px; font-weight:bold; margin-top:10px; color:#000; line-height:30px;}

.case_con_sjs_txt{ font-size:14px; line-height:24px;}

.case_con_sjs_more{ margin-top:15px; width:230px;}

.case_con_sjs_more span{ margin:0 13px; float:left; display:inline;}

.case_con_sjs_more span a{ width:85px; height:28px; font-size:13px; line-height:28px; border:#ddd solid 1px; border-radius:6px; display:inline-block; transform:translate(0,0); transition:all .4s ease-in 0s;}

.case_con_sjs_more span a:hover{ background:#fdd000; border:#fdd000 solid 1px;}



.infor_case_tt{ clear:both; overflow:hidden; border:#e5e5e5 solid 1px; width:1186px; padding:12px 16px; background:#f2f2f2}

.infor_case_tt h3{ font-size:20px; border-left:#333 solid 5px; display:inline-block; height:22px; line-height:22px; padding-left:13px;}

.infor_case_tt span.fr a{ line-height:22px; color:#666;}

.infor_case_tt span.fr a:hover{ color:#222; text-decoration:underline;}

.infor_case_list{ clear:both;}

.infor_case_list li{ background:#f2f2f2; padding:8px; width:275px; overflow:hidden; float:left; display:inline; margin:10px 18px 8px 0; transform:translate(0,0); transition:all .4s ease-in 0s;}

.infor_case_list li p{ text-align:center; margin-top:8px; white-space:nowrap; line-height:36px; font-size:14px; color:#444; overflow:hidden; background:#fff;}

.infor_case_list li:hover{-moz-box-shadow:0px 0px 8px #bdbdbd; -webkit-box-shadow: 0px 0px 8px #bdbdbd; box-shadow: 0px 0px 8px #bdbdbd;}

.infor_case_list li:hover .mate_pic img{transform: scale(1.1); transition: all 1s ease 0s; -webkit-transform: scale(1.1); -webkit-transform: all 1s ease 0s;}









/*设计师个人页*/

.team_con_pic{ width:320px; height:320px; overflow:hidden;}

.team_con_pic img{ width:320px; height:320px; overflow:hidden;}

.team_con_txt_box{ width:556px; overflow:hidden;}

.team_ticps{ border-bottom:#e5e5e5 solid 1px; padding-bottom:12px; margin-bottom:8px; padding-top:4px; color:#666; font-size:14px; overflow:hidden; clear:both; line-height:28px;}

.team_name01{ font-size:32px; color:#151515; height:64px; line-height:64px; overflow:hidden;}

.team_xx01{ font-size:15px; color:#000; line-height:30px; overflow:hidden; max-height:108px;}

.team_xx01 span{ color:#555;}

.team_con_btn a{ background:#ff6600; color:#FFF; clear:both; overflow:hidden; width:200px; text-align:center; height:44px; line-height:44px; display:inline-block; cursor:pointer; border-radius:6px; font-size:16px; border:#ff6600 solid 1px; transform:translate(0,0); transition:all .4s ease-in 0s;}

.team_con_btn a:hover{ color:#3399ff; background:#FFF; border:#ff6600 solid 1px;}



/*团队*/

.team_list{ clear:both;}

.team_list ul{ width:1240px; overflow:hidden;}

.team_list_pic{ width:290px; height:290px; overflow:hidden;}

.team_list_pic img{ width:290px; height:330px; overflow:hidden; transform:translate(0,0); transition:all .4s ease-in 0s;}

.team_list li{ width:290px; float:left; display:inline; margin:8px 12px 12px 8px; position:relative; transform:translate(0,0); transition:all .4s ease-in 0s; -moz-box-shadow:0px 0px 8px #e5e5e5; -webkit-box-shadow: 0px 0px 8px #e5e5e5; box-shadow: 0px 0px 8px #e5e5e5; cursor:pointer;}

.team_list li:hover{ -moz-box-shadow:0px 0px 8px #bdbdbd; -webkit-box-shadow: 0px 0px 8px #bdbdbd; box-shadow: 0px 0px 8px #bdbdbd;}

.team_list_item{ background:#FFF; text-align:center; padding:16px 0;}

.team_list_item_name{font-size:14px; height:38px; line-height:38px; color:#333; white-space: nowrap; overflow: hidden;}

.team_list_item_name b{ font-size:16px; margin-right:8px; color:#151515;}

.team_list_item_math{ font-size:14px; height:28px; line-height:28px; overflow:hidden; white-space:nowrap; color:#555;}

.team_list_item_math span{ margin:0 6px;}

.team_list_item_math span i{ font-style:normal; color:#ff6600; margin:0 2px}

.team_list li:hover .team_list_pic img{transform: scale(1.1); transition: all 1s ease 0s; -webkit-transform: scale(1.1); -webkit-transform: all 1s ease 0s;}

.team_list li .team_list_btn{ position:absolute; width:100%; left:0; top:254px; height:36px; opacity: 0; transform:translate(0,0); transition:all .4s ease-in 0s;}

.team_list_btn a{ width:144px; height:36px; line-height:36px; text-align:center; background:#ff6600; display:inline-block; color:#FFF; font-size:14px; cursor:pointer; lter:alpha(opacity=82); -moz-opacity:0.82; opacity:0.82;}

.team_list_btn a.fr{ background:#37434b;}

.team_list_btn a:hover{lter:alpha(opacity=100); -moz-opacity:1;opacity:1;}

.team_list li:hover .team_list_btn{ opacity:1;}



.wb1{font: 24px/76px "微软雅黑"; color: #fff; background:#333; text-align: center;}



.sjs_case_box{ border-top:#f2f2f2 solid 7px; padding-top:50px; clear:both; overflow:hidden;}

.sjs_case_list{ clear:both; overflow:hidden;}

.sjs_case_list ul{ width:1239px;}

.sjs_case_list li{ width:380px; height:280px; overflow:hidden; position:relative; float:left; display:inline-block; margin:19px 19px 0px 0; border:#e5e5e5 solid 7px; transform:translate(0,0); transition:all .4s ease-in 0s;}

.sjs_case_list li .sjs_case_list_pic img{width:380px; height:280px; overflow:hidden; transform:translate(0,0); transition:all .4s ease-in 0s;}

.sjs_case_item_box a{ width:100%; height:100%; display:block;}

.sjs_case_list li .sjs_case_item_box a img{ width:202px; height:auto; overflow:hidden; margin-top:106px;}

.sjs_case_list li:hover .sjs_case_item_box{ opacity: 1;}

.sjs_case_list li:hover .sjs_case_name{ opacity: 1;}

.sjs_case_list li:hover{ border:#bdbdbd solid 7px;}

.sjs_case_name{ background:rgba(0,0,0,.5); width:100%; height:0px; text-align:center; line-height:46px; overflow:hidden; color:#FFF; font-size:15px; position:absolute; left:0; bottom:0; white-space:nowrap; overflow:hidden; transform:translate(0,0); transition:all .4s ease-in 0s;}

.sjs_case_name span{ margin:0 10px;}

.sjs_case_list li:hover .sjs_case_list_pic img{transform: scale(1.1); transition: all 1s ease 0s; -webkit-transform: scale(1.1); -webkit-transform: all 1s ease 0s;}

.sjs_case_list li:hover .sjs_case_name{ height:46px;}



/*360全景*/

.qj_list{ clear:both; overflow:hidden;}

.qj_list ul{ width:1240px; overflow:hidden;}

.qj_list li{ width:380px; overflow:hidden; position:relative; float:left; display:inline-block; margin:10px 19px 10px 0; padding: 7px; background: #fff;}

.qj_list li .qj_list_pic img{width:380px; height:300px; overflow:hidden;}

.qj_item_box a{ width:100%; height:100%; display:block;}

.qj_list li .qj_item_box a img{ width:202px; height:auto; overflow:hidden; margin-top:106px;}

.qj_list li:hover .qj_item_box{ opacity: 1;}

.qj_list li:hover .qj_name{ opacity:1;}





/*360全景*/

.qj_name{ background:rgba(0,0,0,.5); width:100%; height:40px; text-align:center; line-height:40px; overflow:hidden; color:#FFF; font-size:14px; position:absolute; left:0; bottom:0; white-space:nowrap; overflow:hidden; transform:translate(0,0); transition:all .4s ease-in 0s;}

.qj_name span{ margin:0 10px;}



.qj_item_box{ position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,.4); opacity: 0; color:#FFF; text-align:center;

-moz-box-sizing: border-box;

-webkit-box-sizing: border-box;

-o-box-sizing: border-box;

-ms-box-sizing: border-box;

box-sizing: border-box;

transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;

-webkit-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;

-moz-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;

-o-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }

.qj_item_box a{ width:100%; height:100%; display:block;}

.qj_item_box a img{ width:140px; height:auto; overflow:hidden; margin-top:80px;}

.qj_pic li:hover .qj_item_box{ opacity: 1;}

.qj_pic li:hover .qj_name{ opacity: 0;}



/*在建工地*/

.construction_list{ clear:both; overflow:hidden;}

.construction_list dl{display:block; margin-top:20px; overflow: hidden; border:1px solid #ddd; background:#FFF; padding:20px;}

.construction_list dt{display:inline-block; float:left; overflow:hidden; width:290px; height:204px; position:relative;}

.construction_list dt img{ width:290px; height:204px; overflow:hidden; transform:translate(0,0); transition:all .4s ease-in 0s;}

.construction_list dd{display:inline-block; float:right; width:866px; height:204px; overflow:hidden;}

.construction_list dl:hover dt img{transform: scale(1.1); transition: all 1s ease 0s; -webkit-transform: scale(1.1); -webkit-transform: all 1s ease 0s;}

.construction_list dl:hover{ background:#fafafa;}

.construction_list dl dd .cons_title a{font-size:26px; float: left;}

.construction_list dl:hover .cons_title a{ color:#ff6600;}

.construction_list dl dd .cons_title em{font-size: 12px; padding-top:15px; float: right; font-style:normal; color: #666;}

.construction_list dl dd .cons_info{width:100%; height:38px; line-height:38px; white-space:nowrap; overflow:hidden; font-size:15px; clear:both;}

.construction_list dl dd .cons_info span{margin-right:30px; line-height:44px; color:#555; float:left;}

.construction_list dl dd .cons_info span em{ font-style:normal; color:#222;}

.construction_list dl dd .cons_info a{display: block; float: right; background:#e5e5e5; width:130px; height:38px; line-height:38px; text-align: center; color:#555; font-size:14px;}

.construction_list dl:hover .cons_info a{ background:#ff6600; color:#FFF;}

.construction_list dl dd .stage{ width:100%; clear:both;}

.construction_list dl dd .stage ul li{display: block; width:144px; float: left; text-align: center; border-top:1px solid #ccc; position: relative; padding-top: 20px; font-size: 14px; color:#999}

.construction_list dl dd .stage li.on {border-color:#ff6600; color:#ff6600;}

.construction_list dl dd .stage li em {position: absolute; display: block; width: 14px; height: 14px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; left: 50%; top: -7px;  margin-left: -7px;  background:#FFF; border: 1px solid #ccc;}

.construction_list dl dd .stage li.on em {border-color:#ff6600;}





/*工地详情页*/

.cons_info_xx{width:100%; height:76px; line-height:38px; white-space:nowrap; overflow:hidden; font-size:15px; clear:both;}

.cons_info_xx span{margin-right:20px; line-height:44px; color:#555; float:left; width:150px;}

.cons_info_xx span em{ font-style:normal; color:#222;}

.cons_info_xx a{display: block; float: right; background:#e5e5e5; width:130px; height:38px; line-height:38px; text-align: center; color:#555; font-size:14px;}

.cons_info_xx a{ background:#f1c33a; color:#FFF;}

.construction_list dt span{ width:290px; height:220px; overflow:hidden; position:absolute; left:0; top:0; opacity:1; color:#FFF; transform:translate(0,0); transition:all .4s ease-in 0s; text-align:center; line-height:220px;}

.construction_list dt span a{width:134px; height:36px; line-height:36px; border:rgba(255,102,0,.82) solid 1px; color:#FFF; background:rgba(255,102,0,.82); display:inline-block; display:inline-block; text-align:center; font-size:15px; transform:translate(0,0); transition:all .4s ease-in 0s; cursor:pointer;}

.construction_list dl:hover dt span{ background:rgba(0,0,0,.4); opacity:1}

.construction_list dl:hover dt span a{ border:#FFF solid 1px; background:none;}



.stage_list{position:relative; margin-top:35px}

.stage_list span{display: block; position: absolute; left: 0; top: 0; color: white; background:#ff6600; width:40px; height:40px; border-radius:50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; font-size:15px; padding:12px 10px 8px 10px; text-align: center; line-height:18px; margin-top:-35px;}

.stage_list ul{display:block; width:1125px; border-top:1px solid #ddd; border-left:1px solid #ddd; margin-left:30px; padding:60px 26px 30px 38px; overflow:hidden;}

.stage_list ul li{display:inline; float:left; width:355px; height:265px; overflow: hidden; margin-right:20px; margin-bottom:20px;}

.stage_list ul li img{ width:355px; height:265px; overflow: hidden; transform:translate(0,0); transition:all .4s ease-in 0s;}

.stage_list ul li:hover img{transform: scale(1.1); transition: all 1s ease 0s; -webkit-transform: scale(1.1); -webkit-transform: all 1s ease 0s;}





.article_title { border-bottom:1px solid #ccc; overflow: hidden; line-height:40px;  position:relative;  margin-bottom:20px; text-align:center;}   

.wb8{ font-size:24px;}   

.wb9{position: relative; line-height: 46px; width:378px; margin: auto; text-align: left;}

.shareBox{ position: absolute; right:0px; top:10px;} 





.artcon01{font-size: 14px; line-height:26px; color:#535353; padding:20px;} 

.artcon01 img{max-width:860px; height:auto; width:expression(this.width > 860 ? "860px" : this.width); overflow:hidden;}





/*在线留言*/

.message{ text-align:center; margin:50px; width:40%; float: left;}

.wb14{font-family:Times New Roman; font-size:50px; color:#ccc; text-align:center;}

.wb15{ font-size:13px; color:#333; text-align:center;}

.wb16{ font-size:13px; color:#cecece; text-align:center; line-height:30px;}

.kuan_m{ background-color:#fff; border:1px dashed #aaa; font-size:14px;color:#777; width:100%;height:30px;line-height:30px; font-family:"微软雅黑"; margin-bottom:10px;}

.kuan3_m{ background-color:#fff; border:1px dashed #aaa; font-size:14px;color:#777; width:410px;height:30px;line-height:30px; font-family:"微软雅黑"; margin-bottom:10px; }

.kuan2_m{ background-color:#fff; border:1px dashed #aaa; font-size:14px;color:#777; width:100%;height:122px;line-height:24px;line-height:24px; font-family:"微软雅黑"; margin-bottom:10px;}

.wb17{ text-align:left; line-height:30px;}

.Button_m{ width:200px; height:36px; line-height:36px; text-align:center; color:#666; background:#ebedef; margin:10px auto; font-family:"微软雅黑"; font-size:15px; border:0; outline:0; border-radius:36px; overflow:hidden; letter-spacing:5px; cursor:pointer;}

.kf02{ width:358px; height:270px; margin:20px auto;}



.lxfs{ margin:50px; width:420px; min-height:600px; float:right; background:#f9fafb; padding: 50px; font: 16px/40px "微软雅黑"; }



.footmap{ height:530px; }



.mt10{ margin-top: 10px;}

.mt20{ margin-top: 20px;}

.mt30{ margin-top: 30px;}

.mt40{ margin-top: 40px;}



.case_ctlist li{background:#FFF; padding:8px; width:275px; overflow:hidden; float:left; display:inline; margin:10px 18px 8px 0; transform:translate(0,0); transition:all .4s ease-in 0s;}

.case_ctlist li .mate_pic{ width:275px; height:210px;}

.case_ctlist li .mate_pic img{width:275px; height:210px; overflow:hidden;  transform:translate(0,0); transition:all .4s ease-in 0s;}