body{ background: #fff; }
@charset "utf-8";*{margin:0px;border:0px;padding:0px;font-style:normal;font-size:100%; font-family: "微软雅黑";}
div,input{margin:0;border:0;padding:0;}
ul li{padding:0px;margin:0px;}
ol,ul,li{list-style:none;}
span{padding:0px; margin:0px;}
a{text-decoration:none;}
input {
outline: none;
}
textarea {
outline: none;
}
/*universal*/
.hide{display:none;}.invisible{visibility:hidden;}.overflow{overflow:hidden;}
.clear{width:10px;height:1px;margin-top:-1px;clear:both;}
.g{width:10px;height:10px;margin-top:-1px;clear:both;}
.title_font{ font-size:18px; color:#FFFFFF; font-family:"Microsoft YaHei";}
.clear{width:10px;height:1px;margin-top:-1px;clear:both;}

.head{  background: url(../images/head_bg.jpg) no-repeat center;   position:relative;   width:100%; z-index:99999;  overflow: hidden; }
.head{  background: #fff; height: 140px; }
.head .head_con{ width:1200px;  margin:0px auto; position:relative;}
.head .head_con .logo{ text-align: center; float:left; text-align:left; margin:0px 0 0 0px; width: 277px; padding-top: 37px; }
.head .head_con .logo img{ width: 100%; }
.head .head_con .logo a{ display: block; margin-bottom: 8px; }
.head .head_con .qrImg{ float: left; margin-left: 60px; padding-top: 20px; }
.head .head_con .qrImgItem{ float: left; width: 83px; margin-right:30px;   }
.head .head_con .qrImgItem .img{ height: 85px; overflow: hidden;  }
.head .head_con .qrImgItem img{ width: 100%; }
.head .head_con .qrImgItem .font{  text-align: center; font-size: 14px; }
.contactsArea{ width: 300px; height: 121px; float: left; margin-top: 25px; }
.contactsArea .item{ margin-bottom:7px;  }
.contactsArea .item .itemIcon{ float: left; width: 40px; text-align: center; height: 42px; line-height: 42px;  }
.contactsArea .item .itemIcon img{ vertical-align: middle; }
.contactsArea .item .itemFont{ float: left; padding-left: 5px; }
.contactsArea .item .itemFont .font1{ font-size: 16px; color: #919191; }
.contactsArea .item .itemFont .font2{ font-size: 15px; color: #000; }
.searchArea{ width: 314px; height: 46px; border-bottom:1px solid #E5DBDB; float: right; line-height: 46px; padding:0 5px; color: #A9A9A9; font-size: 16px; margin-top: 45px;     }
.searchArea .txt{ float: left;display: block; width: 265px; height: 46px;    }
.searchArea .btn{ width: 46px; height: 46px; background:url(../images/enlarge_icon.png) no-repeat center; float: right }

.head .head_con .login_area{ width: 160px; float: right; text-align: right; line-height: 85px; height: 85px; }
.head .head_con .login_area a{color: #0594b5; }

.nav_tel{ float: right; width: 200px; background: url(../images/tel_title.png) left  no-repeat; height: 57px; line-height: 18px; padding-left:150px; text-align: left; padding-top: 10px; font-size: 16px; color: #fff;   }
.scrollbg{ display: block; }
.ggCon{  height: 41px; line-height: 41px; background: #222222; width: 1200px; margin:0px auto; overflow: hidden; }
.ggCon .img{ padding-right: 15px;  }
.ggCon .img img{ vertical-align: middle; padding-left: 15px;  }
#FontScroll{ padding-left: 50px; color: #fff; font-size: 15px; }
.cateFrame{ width: 100%; padding:10px 0 20px; background: #F5F5F6; }

/*common end*/
/*page content*/
.page_banner{ width: 1200px; margin:10px auto;  }
.page_banner_l{ width: 791px; float: left; }
.page_banner img{ width: 100%; }
.page_banner_r{ float: right; width: 390px; height: 455px; background: #FAFAFA; overflow: hidden; }
.page_banner_r .tit{ width: 100%; background: #222222; padding-top: 15px; padding-bottom:15px; }
.page_banner_r .tit .cn{ font-size:22px; color: #fff; text-align: center; } 
.page_banner_r .tit .en{ font-size:16px; color: #fff; text-align: center; } 
.page_banner_r .con{}
.page_banner_r .con li{ padding:14px 16px; border-bottom:1px dashed #ccc; margin:10px 0; }
.page_banner_r .con li a{ display: block; font-size:16px; font-weight: bold; color: #000;  }
.page_banner_r .con li .desc{ line-height: 24px; font-size: 14px; color: #8B8B8B; margin-top:6px; }

.frame_1{ background: #EFEFEF; padding:10px 0; }
.page_con_about{ width: 100%; padding-bottom:35px; }
.page_con_about .page_tit{ width: 1200px; background: url(../images/page_tit.png) no-repeat center; height: 70px; margin:40px auto 20px; position: relative; } 
.page_con_about .page_tit .tit{ position: absolute; right: 540px; font-size: 40px; top: -9px;}
.page_con_about .page_tit .tit_en{ position: absolute; left:540px; font-size: 20px; color: #bfbebe; bottom: 0;    }
.page_con_about > .cate{ margin:0px auto; width: 1200px; }
.page_con_about > .cate >.cate_item{ width: 380px;margin:10px; float: left; height: 260px; overflow: hidden; position: relative; cursor:pointer; background: #FDD900; }
.page_con_about  > .detail{ line-height: 24px; font-size: 16px; color: #3E3E3E; width: 100%; margin:10px auto 0; padding:10px 0 20px; background: #fff; border-top:1px solid #EDEDED;   }
.page_con_about   .detail_con{ width: 1200px; margin:0px auto; }
.page_con_about   .detail_con .img{ width: 400px; margin:0px auto; text-align: center; }
.page_con_about   .detail_con .img img{ max-width: 100%; }
.page_con_about  > .detail p{ padding:5px 0; }
.page_con_about  > .time{ text-align: center; line-height: 30px; }
.page_con_about > .cate >.cate_item .org_img{ width: 100%;  }
.page_con_about > .cate >.cate_item .org_img img{ width: 100%; }
.page_con_about > .cate >.cate_item .shadow{ position: absolute; left: 0; top: 0;  display: none;z-index: 2 ; overflow: hidden; background: rgba(253,217,0,1); color: #222222; height: 100%;  }
.page_con_about > .cate >.cate_item .shadow .tit1{ font-size: 24px; font-weight: bold;padding-top:20px; color: #fff; background: #222222; padding:15px 15px 0;  }
.page_con_about > .cate >.cate_item .shadow .con1{ color: #222222; font-size: 12px; line-height: 20px; padding:10px 0 5px; width: 90%;padding:15px 15px 0;  }
.page_con_about > .cate >.cate_item .shadow .con2{ width: 85%; font-weight: bold; font-size: 15px; color: #222222;padding:10px 15px 15px;   }

.page_con_about > .cate >.cate_item .org_img{ position: absolute; left: 0; top: 0;  display: block;z-index: 1 ; overflow: hidden; background: rgba(255,255,255,1); color: #222222; height: 100%;  }
.page_con_about > .cate >.cate_item .org_img .tit1{ font-size: 24px; font-weight: bold;padding-top:20px; color: #fff; background: #222222; padding:15px 15px 0;  }
.page_con_about > .cate >.cate_item .org_img .con1{ color: #222222; font-size: 12px; line-height: 20px; padding:10px 0 5px; width: 90%;padding:15px 15px 0;  }
.page_con_about > .cate >.cate_item .org_img .con2{ width: 85%; font-weight: bold; font-size: 15px; color: #222222;padding:10px 15px 15px;   }
.category{ text-align: center; }
.category li.active{ background: #FDD900; }
.category li.active a{ color: #222; }
.category li{ display: inline; margin:0px 10px; line-height: 50px; padding:5px 20px; background:#222;   }
.category li a{ color: #fff; }
.category li:hover{ background: #FDD900; }
.category li:hover a{ color: #222; }

.page { margin: 15px 0; text-align: center; }
.page a,.page span{ padding:7px 12px; border: 1px solid #DBDBDB; color: #000; }
.page span{ background: #8F8533; color: #fff;    border: 1px solid #FDD900; }

.gbook_layer{ background: url(../images/gbook_bg.jpg) no-repeat ; border-radius: 20px; overflow: hidden; width: 1200px; height: 776px; margin-left:-600px ; position: fixed; z-index: 99999;  left: 50%; top: 90px; display: none; 
    
}

.detail_about{  width: 100%;  }
.detail_about_con{ width: 1200px; margin:20px auto 30px; line-height: 32px; color: #626262; }


.detail_news{ width: 100%; }
.detail_news_con{ width: 1200px; margin: 0px auto; }
.detail_news_con{ margin:20px auto 30px; }
.detail_news_con >ul > li{ width: 100%; float: left; margin:10px 7px; border-bottom: 1px solid #EAEAEA; overflow: hidden; height: 36px; line-height: 36px; margin-bottom: 10px; }
.detail_news_con >ul > li .time{ width: 67px; height: 82px; background: #F7F9FA; overflow: hidden; border-radius: 8px; padding-left: 32px; padding-top:15px; margin-top: 20px;margin-left:-8px; float:left;  }
.detail_news_con >ul > li .time .font1{ font-size: 38px; color: #000; margin-bottom:0px; margin-top:10px; }
.detail_news_con >ul > li .time .font2{ font-size: 15px; color: #000; margin-top:15px; }
.detail_news_con  .container_r{ width: 96%; float: right;  padding:0 2%; }
.detail_news_con  .container_r .tit{  font-size: 16px;   overflow: hidden; width: 80%; float: left; }
.detail_news_con  .container_r .tit a{ color: #434343; display: block; }
.detail_news_con  .container_r .desc{ line-height: 24px; height: 72px; overflow: hidden; color: #747474; margin-bottom: 13px; font-size: 14px; display: none; }
.detail_news_con  .container_r .more{ color: #9e9d9d; display: none; }
.detail_news_con  .container_r .datetime{color: #6A6A6A; text-align: right; float: right; width: 20%;  }
.detail_news_con >ul > li:hover{ background: #555555;  cursor:pointer; overflow:visible;}
.detail_news_con >ul > li:hover .time{ background: #DDDDDD; }
.detail_news_con >ul > li:hover .time .font1{ color: #000; }
.detail_news_con >ul > li:hover .time .font2{ color: #000; }
.detail_news_con >ul > li:hover .container_r .tit {}
.detail_news_con >ul > li:hover .container_r .tit a{ color: #fff; }
.detail_news_con >ul > li:hover .container_r .datetime{ color: #fff; }
.detail_news_con >ul > li:hover .container_r .desc{ color: #fff; }
.detail_news_con >ul > li:hover .container_r .more{ color: #fff; }

.detail_pro{}
.detail_pro_con{}


.floor_8{ padding-top:50px; background: url(../images/p_index_f8_bg.jpg) no-repeat center; padding-bottom:20px; background: #F7F9FA; }
.floor_8 .title{ background: url(../images/friend_link_tit.png) no-repeat center; width: 100%; height: 69px;   }


.floor_8_con{ width: 1060px; margin:0px auto; }
.floor_8_con ul.group_img { margin-top:0px; }
.floor_8_con ul.group_img li{ float: left; width: 190px; height: 71px; margin:10px 10px 20px; }
.floor_8_con ul.group_img li img{width: 100%; border:1px solid #DDDDDD;}
.floor_8_con .new_telst{ width: 664px; }
.floor_8_con .new_lst{ padding-top:0; }



.f5_container{ margin: 00px auto 55px; width: 1200px;  }
.f5_container >ul>li{ width: 367px; float: left; margin:16px; }
.f5_container >ul>li .img{ position: relative; width: 100%; height: 275px; overflow: hidden; }
.f5_container >ul>li .img .org_img{ width: 100%; height: 275px;  }
.f5_container >ul>li .img .shadow{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(11,39,74,.85); display: none; }
.f5_container >ul>li .img:hover .shadow { display: block; }
.f5_container >ul>li .img .shadow a{ display: block; color: #fff; padding:35px 20px 20px; text-align: center; font-size: 16px; line-height: 26px; }
.f5_container >ul>li .tit{ background: #FDD900; width: 100%; height: 50px; line-height: 50px; font-size: 20px; text-align: center;}
.f5_container >ul>li .tit a{ color: #2d2d2d;  }
.f5_container >ul>li .attr{ height: 70px; background: #2D2D2D;padding:7px ; text-align: center;}
.f5_container >ul>li .attr .attr_item{  font-size: 16px; margin:5px 0; height: 26px; line-height: 26px; float: left; text-align: center; width: 50%; color: #fff; }
.f5_container >ul>li .attr .w100{ width: 100%; }
.f5_container >ul>li .attr .attr_item img{ vertical-align: middle; padding-right: 5px; }
.f5_container .more{ display: block; margin: 20px auto; width: 131px;height: 26px;  }
.detail_pro_con{ width: 1200px; overflow: hidden; margin:0px auto; }
.detail_pro_con .item{ width: 280px !important;  float: left; margin:20px 10px 35px; cursor: pointer; height: 424px; overflow: hidden; }
.detail_pro_con .item .img{border: 1px solid 
#DEDCDC; padding:16px; height: 290px; }
.detail_pro_con .item .font{ line-height: 58px; height: 58px; padding-top:30px ;  }
.detail_pro_con .item .font .font_img{float: left; padding-left: 15px; }
.detail_pro_con .item .font .font_name{float: left; font-size: 28px;  }
.detail_pro_con .item .font .font_name a{color: #000;}
.detail_pro_con .item .font .font_age{ float: left; padding:16px 0 0 10px; }
.detail_pro_con .item .font .font_age div{font-size: 10px; color: #000; line-height: 12px;}


.design_detail{ background: #F2F2F2; }
.design_detail_con{ width: 1200px; margin:0px auto; padding:20px 0; }
.design_detail_con .l{ width: 565px; float: left; }
.design_detail_con .l .img{ width: 100%; height: 656px; overflow: hidden; }
.design_detail_con .l .img img{ width: 100%	; }
.design_detail_con .r{ width: 584px; float: right; }
.design_detail_con .r .design_name{ font-size: 40px; padding:5px 0; border-bottom:2px solid #727272; }
.design_description{ line-height: 28px; padding-top: 10px; }

.design_detail_con .r .font{ line-height: 58px; height: 58px; padding-top:30px ; overflow: hidden; border-bottom:2px solid #ccc; }
.design_detail_con .r .font_img{float: left; padding-left: 0px; }
.design_detail_con .r .font .font_name{float: left; font-size: 28px;  }
.design_detail_con .r .font .font_name a{color: #000;}
.design_detail_con .r .font .font_age{ float: left; padding:16px 0 0 10px; }
.design_detail_con .r .font .font_age div{font-size: 10px; color: #000; line-height: 12px;}
.design_team{ width: 100%; padding:20px 0; }
.design_team_con{ width: 1200px; margin:0px auto; padding:35px 0 20px; }
.design_team_con .title{ width: 100%; height: 32px; background: url(../images/design_team_tit.png) no-repeat left; }

.design_team_con{ width: 1200px; overflow: hidden; }
.design_team_con .item{ width: 280px !important;  float: left; margin:20px 10px 0; cursor: pointer; }
.design_team_con .item .img{border: 1px solid 
#DEDCDC; padding:16px; height: 290px; }
.design_team_con .item .font{ line-height: 58px; height: 58px; padding-top:30px ;  }
.design_team_con .item .font .font_img{float: left; padding-left: 15px; }
.design_team_con .item .font .font_name{float: left; font-size: 28px;  }
.design_team_con .item .font .font_name a{color: #000;}
.design_team_con .item .font .font_age{ float: left; padding:16px 0 0 10px; }
.design_team_con .item .font .font_age div{font-size: 10px; color: #000; line-height: 12px;}
.design_team .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{
	display: none;
}
.design_detail_con .work .title{ width: 100%; height: 32px; background: url(../images/work.png) no-repeat left; margin:35px 0 10px; }
.design_detail_con .work .work_con{ width: 100%; padding-bottom:35px; padding-top:10px; }
.work_item{ width: 225px; position: relative; float: left; height: 155px; overflow: hidden; text-align: center; margin:0 5px;   }
.work_item .img{ width: 100%;  }
.work_item .img img{ width: 100%;  }
.work_item .shadow{ position: absolute; top:  0; left:0; display: none;
	width: 100%;
    height: 100%;
    background: rgba(253,217,0,.85);
    line-height: 155px;font-size:20px;
 }
 .work_item:hover .shadow{ display: block; }

 .detail_pro_ditail{}
 .detail_pro_con{}
 .detail_pro_con .l{ float: left; }
 .detail_pro_con .r{ float: right; }

.ad-gallery .ad-thumbs li a img{ height: 66px; }
.ad-gallery .ad-thumbs .ad-thumb-list{ overflow: hidden; height: 72px; }
.page_pro{ width: 100%; }
.page_pro_con{ width: 1200px; margin:0px auto; }
.page_pro_con .title{ padding:30px 10px 10px; font-size: 36px; color: #000; border-bottom:2px solid #222222; margin-bottom:10px;  }
.page_pro_l{ float: left; width: 630px; }
.page_pro_r{ float: right; width: 560px; line-height: 28px; height: 483px; overflow-y: scroll; padding-top: 20px; }

.page_pro .sub_tit{  background: url(../images/other_cases.png) left no-repeat; width: 100%; height:32px; margin:40px 0 20px; }

/*filter:alpha(Opacity=80);-moz-opacity:0.8;opacity: 0.8;*/
/*.gbook_layer *{ filter:alpha(Opacity=100);-moz-opacity:1;opacity: 1; }*/
.gbook_layer .close{ float: right; padding:15px; cursor:pointer; color: #636363; font-size: 16px;}
.gbook_layer .tit{ padding-top:10px; }
.gbook_layer .tit_1{ font-size: 38px; text-align:center; color: #000; margin-bottom:10px; }
.gbook_layer .tit_2{  color: #23bafb; font-size: 22px; text-align: center;}
.gbook_layer .l{ float: left; width: 330px; padding:30px 60px ; }
.gbook_layer .r{ float: right; width: 620px; padding:30px 60px ; }
.gbook_layer .l input{ width: 93%; height: 57px; line-height: 57px; text-align: left; padding-left: 7%; background: #fff; border-radius: 30px; overflow: hidden; border: 1px solid #EAEAEA; margin-bottom:20px; }
.gbook_layer .l >form{ margin-top: 40px; }
.gbook_layer .l >form >a{ color: #2ac7d4; font-size: 14px; margin-bottom:20px; display: block; padding:0 10px; }
.gbook_layer .l input[type="submit"]{ width:141px; height: 36px; line-height: 36px; background: #25B9C5; color: #fff; border-radius: 0; text-align: center; padding-left:0; margin:0px auto; display: block; } 
/*common end