@charset "utf-8";
/* CSS Document */

/********* 联系我们 *************/
.item_title{ text-align:center; padding-top:65px; }
.item_chname{ font-size:36px; color:#000000; margin-bottom:12px; }
.item_enname{ font-size:16px; color:#777777; padding:0 6px; }
.item_enname b{ display:inline-block; width:50px; height:1px; background:#cccccc; margin-bottom:5px; }
.item_enname span{ display:inline-block; font-family:Folio Lt BT; }
#map{ height:648px; border:1px solid #e5e3e1; margin-top:52px; }
.map_main{ padding:22px 0 20px 17px; width:450px; position:relative; }
.map_title p{ font-size:25px; line-height:25px; font-weight:bold; color:#b32838; margin-bottom:25px; }
.map_cont p{ font-size:16px; line-height:25px; color:#000000; }
.map_arrow{ position:absolute; bottom:-43px; right:95px; width:75px; height:32px; background:url(../images/map_arrow.png) no-repeat center; }
.BMap_pop div{ border:none; }


/*********** 案例 ************/
.case_main{ width:1548px; margin:50px auto 0; }
.case_main_{ padding:0 6px 100px; }
.case_item{ overflow:hidden; }
.case_item_{ float:left; width:49.315%; text-align:center; }
.mid_line{ float:left; width:1.37%; }
.case_item_ span{ display:inline-block; }
.case_item_ span .item_icon_01{ float:left; width:84px; height:83px; background:url(../images/hardcover.png) no-repeat center; margin-right:25px; }
.case_item_ span .item_icon_02{ float:left; width:81px; height:81px; background:url(../images/panorama.png) no-repeat center; margin-right:20px; }
.case_item_ span .word_box{ float:left; }
.case_item_ span .word_box .chname{ font-size:30px; color:#000000; text-align:left; margin-top:25px; }
.case_item_ span .word_box .enname{ font-family:Folio Lt BT; font-size:16px; color:#777777; line-height:30px; }
.case_item_:hover span .item_icon_01 , .case_item_.active span .item_icon_01{ background:url(../images/hardcover_cur.png) no-repeat center; }
.case_item_:hover span .item_icon_02 , .case_item_.active span .item_icon_02{ background:url(../images/panorama_cur.png) no-repeat center; }
.case_type{ border:1px solid #d4d4d4; border-bottom:none; margin:60px 0 0; }
.type_box{ border-bottom:1px solid #d4d4d4; padding:9px 0 4px; overflow:hidden; }
.type_box_{ height:35px; overflow:hidden; }
.type_item{ float:left; width:6.34%; height:35px; font-size:14px; color:#000000; line-height:30px; text-align:center; font-weight:bold; }
.type_btn{ float:left; width:2.6%; height:35px; background:url(../images/type_btn.png) no-repeat 0 8px;  }
.type_list{ float:left; width:90.5%;}
.type_list li{ float:left; height:30px; margin-bottom:5px; }
.type_list li a{ display:block; height:30px; padding:0 15px; margin:0 8px; font-size:14px; line-height:30px; color:#666666; transition:all 0.5s ease 0s; }
.type_list li a.active{ background:#a2896b; color:#fff; }
.type_list li a:hover{ color:#b32838; text-decoration:underline; }
.inside_search{  height:50px; padding:20px 0; background:#e5e5e5; margin:30px 0 0; }
.inside_search_{ width:1000px; height:50px; margin:0 auto; }
.inside_search_ .keywords{ float:left; width:849px; height:48px; padding:0 15px; border:1px solid #c7c7c7; border-right:none; background:#fff; }
.inside_search_ .inside_search_btn{ float:left; width:120px; height:50px; background:#a2896b; font-size:20px; line-height:50px; text-align:center; color:#ffffff; transition:all 0.5s ease 0s;}
.inside_search_ .inside_search_btn:hover{background: #b32838;}
.case_list{ width:100%; margin-top:50px; overflow:hidden; }
.case_li{ float:left; width:490px; position:relative; margin-right:33px; margin-bottom:40px; }
.case_li:nth-child(3n){ margin-right:0; }
.case_li_{ display:block; }
.case_img div{ overflow:hidden; }
.case_li .case_img img{ transition:all 0.5s ease 0s; }
.case_li .mark_01{ position:absolute; bottom:0; left:0; right:0; height:60px; background:rgba(0,0,0,0.6); font-size:20px; color:#ffffff; line-height:60px; text-align:center; opacity:1; visibility:visible; transition:all 0.5s ease 0s; }
.case_li .mark_02{ position:absolute; top:0; bottom:0; left:0; right:0; padding:50px 40px; background:rgba(0,0,0,0.6); color:#fff; opacity:0; visibility:hidden; transition:all 0.5s ease 0s; }
.case_li .mark_02 .mark_02_icon01{ height:30px; background:url(../images/mark_02_icon01.png) no-repeat left 0;}
.case_li .mark_02 .mark_02_icon02{ left:50%; height:30px; background:url(../images/mark_02_icon02.png) no-repeat right 0;}
.case_li .mark_02 .mark_02_more{ position:absolute; bottom:50px; left:50%; width:170px; height:50px; background:#b32838; font-size:16px; color:#ffffff; line-height:50px; text-align:center; margin-left:-85px; }
.case_li .mark_02 .mark_02_cont{ padding:0 35px;}
.case_li .mark_02 .mark_02_cont .mark_02_cont01{ font-size:24px; line-height:35px; margin-top:20px; }
.case_li .mark_02 .mark_02_cont .mark_02_cont02{ font-size:14px; line-height:35px; }
.case_li .mark_02 .mark_02_cont .mark_02_cont03{ height:130px; font-size:12px; line-height:25px; margin:10px 0; overflow:hidden; }
.case_main .morebtn{ margin:20px 6px 0; width:auto; }

	/** 案例详情页 **/
.case_detail_title{ border-bottom:1px solid #d6d6d6; }
.case_detail_title_{ width:1548px; margin:0 auto; }
.case_detail_title_cont{ padding:30px 6px; font-size:30px; color:#000000; line-height:38px; }
.case_detail_main{ border-bottom:1px solid #d6d6d6; padding-bottom:70px; }
.case_detail_main_{ width:1548px; margin:0 auto; }
.case_detail_main_cont{ padding:53px 6px; overflow:hidden; }
.case_detail_main .fleft{width:68.5%; font-size:16px; line-height:30px; color:#000000; max-height:99999999px; margin-bottom:20px; }
.case_detail_main .fleft img{ max-width:100%; }
.case_detail_main .fright{ width:290px; }
.fright_author{ position:relative; }
.fright_author_name{ position:absolute; bottom:0; left:0; width:100%; height:40px; font-size:20px; line-height:40px; text-align:center; color:#ffffff; background:rgba(0,0,0,0.5);}
.btn_box{ border-bottom:1px solid #d6d6d6; }
.btn_box_{ position:relative; padding:20px 0 19px; overflow:hidden; }
.btn_box_ .btn_box_01{ float:left; width:50%; text-align:center; cursor:pointer; }
.btn_box_ .btn_box_02{ float:left; width:50%; text-align:center; cursor:pointer; }
.btn_box_ .btn_box_01 span{ padding-left:30px; font-size:14px; line-height:30px; color:#000000; background:url(../images/case_icon_01.png) no-repeat left center; }
.btn_box_ .btn_box_02 span{ padding-left:27px; font-size:14px; line-height:30px; color:#000000; background:url(../images/case_icon_02.png) no-repeat left center; }
.btn_box_ .btn_box_line{ width:1px; height:30px; background:#d6d6d6; position:absolute; top:20px; left:50%; }
.case_desc{ font-size:16px; line-height:35px; color:#000; margin-top:11px; }
.case_desc .case_desc_style{ width:100%; overflow:hidden; }
.case_desc .case_desc_name{ width:100%; overflow:hidden; }
.case_desc .case_desc_area{ width:100%; overflow:hidden; }
.case_desc span{ float:left; }
.case_desc .case_desc_name a{ float:right; width:65px; height:20px; margin-top:8px; font-family:Arial; font-size:12px; line-height:20px; text-align:center; color:#ffffff; background:#000; border-radius:4px; }
.fright .case_detail_back{ width:100%; height:60px; margin-top:35px; background:#e5e5e5; font-size:20px; line-height:60px; color:#000000; text-align:center; }
.fright .case_detail_back a{ display:block; width:100%; height:100%; transition:all 0.5s ease 0s;}
.case_detail_foot{ padding:60px 0 100px; }
.case_detail_foot_{ width:1548px; margin:0 auto; }
.tab_tit{ text-align: center; margin: 0 0 43px; padding:0 6px; }
.tab_tit li{ display: inline-block; width:238px; height:48px; border:1px solid #c6c6c6; background:#fff; font-size:16px; line-height:48px; color:#000000; margin: 0 4px; cursor: pointer; position: relative; transition:all 0.5s ease 0s; }
.tab_tit li a{ display:block; }
.tab-a{ position:relative; }
.tab-a em{ display:block; width:17px; height:9px; background:url(../images/tab_arrow.png) no-repeat; position:absolute; bottom:-9px; left:50%; margin-left:-8px; display:none; }
.tab_tit li.on{ background:#b32838; border:1px solid #b32838; color:#fff;  }
.tab_tit li.on em{ display:block; }
.tab-b{ margin:0 auto; display:none; }
.case_foot_list{ overflow:hidden; }
.case_foot_li{ float:left; width:25%; }
.case_foot_li_{ position:relative; padding:0 6px; }
.case_foot_li_ .case_img img{ width:100%; transition:all 0.5s ease 0s; }
.case_foot_li .mark{ position:absolute; bottom:0; left:6px; right:6px; height:50px; font-size:14px; line-height:50px; color:#ffffff; text-align:center; background:rgba(0,0,0,0.6); }
.tab-b .morebtn{ display:block; margin:60px 6px 0; width:auto; }

.case_custom_list{ padding:0 6px; overflow:hidden; }
.case_custom_li{  float:left; width:290px; margin-right:21px; }
.case_custom_li:nth-child(5n){ margin-right:0; }
.case_custom_li img{ width:100%; transition:all 0.5s ease 0s; }
.case_custom_li .mark{ height:40px; background:#000; }
.case_custom_li .mark span{ float:left; width:50%; text-align:center; font-size:12px; color:#ffffff; line-height:40px; }
.case_custom_li .mark span.name{ font-size:20px; }

/*********** 设计团队 ************/
.case_type_box{ width:1548px; margin:0 auto; }
.case_type_box_{ padding:0 6px; }

.search_box{ width:1548px; margin:0 auto; }
.search_box_{ padding:0 6px; }

.inside_custom_box{ width:1548px; margin:0 auto; padding-bottom:100px; }
.inside_custom_box_{ padding:0 2px; }
.custom_list{ margin-top:50px; overflow:hidden; }
.customli{ width:20%; float:left; margin-bottom:33px; }
.customli .customli_{ margin:0 10px; }
.customli .customli_ .custom_img{ position:relative; }
.customli .customli_ .custom_img .custom_img_{ overflow:hidden; transition: all 0.5s ease 0s;}
.customli .customli_ img{ width:100%; transition:all 0.5s ease 0s; }
.customli .custom_name{ font-size:20px; color:#000; text-align:center; margin-top:20px; }
.customli .custom_name .custom_level{ font-size:14px; color:#777777; }
.inside_custom_box_  .morebtn{ margin:20px 6px 0; width:auto; }

.team_detail{ width:74.87%; font-size:16px; line-height:30px; text-align:justify; color:#000000; max-height:99999999px; margin-bottom:20px; }
.team_detail img{ max-width:100%; }
.case_desc b{ font-weight:normal; color:#b32838; }
.team_deatl_title{ padding:20px 0 25px; margin-bottom:25px; border-bottom:1px solid #d6d6d6; }
.team_deatl_title div{ font-size:30px; color:#000000; }
.team_deatl_title div span{ font-size:20px; color:#777777; }
.author_yuyue{position:absolute; bottom:0; left:0; width:100%; height:40px; font-size:12px; line-height:40px; text-align:center; color:#ffffff; background:rgba(0,0,0,0.5);}
.author_yuyue span{ font-size:14px; }
.team_properties_title{ font-size:20px; color:#525050; text-align:center; line-height:36px; margin-top:10px; }
.properties_round{ position:absolute; top:10px; right:10px; background:rgba(0,0,0,0.6); width:80px; height:44px; padding:18px 0; border-radius:50%; }
.properties_round div{ font-size:14px; line-height:20px; color:#ffffff; text-align:center; }
.properties_round div span{ font-size:24px; font-weight:bold; }

/*********** 热装楼盘 ************/
.inside_charging_box{ width:1548px; margin:0 auto; padding-bottom:100px; }
.inside_charging_box_{ padding: 0 6px; }
.charging_list{ margin-top:40px; overflow:hidden; }
.charging_li{ float:left; width:490px; position:relative; margin-right:33px; margin-bottom:30px; }
.charging_li:nth-child(3n){ margin-right:0; }
.charging_li{ display:block; }
.charging_img div{ overflow:hidden; }
.charging_li .charging_img img{ width:100%; transition:all 0.5s ease 0s; }
.charging_title{ position:absolute; bottom:0; left:0; right:0; height:60px; background:rgba(0,0,0,0.6); font-size:20px; line-height:60px; text-align:center; color:#ffffff; }

.charging_detail_box{ width:1548px; margin:102px auto 0; }
.charging_detail_box_{ padding:0 6px;}
.charging_detail_main{ padding-bottom:60px; border-bottom:1px solid #d6d6d6; margin-bottom:60px; overflow:hidden;  }
.charging_detail_left{ width:640px; }
.swiper-detail-container{ width:100%; }
.swiper-detail-container .swiper-slide{ width:100%; }
.swiper-detail-container .swiper-button-prev{ display:block; width:50px; height:50px; background:url(../images/charging_prev.png) no-repeat; position:absolute; left:10px; top:50%; margin-top:-25px; }
.swiper-detail-container .swiper-button-next{ display:block; width:50px; height:50px; background:url(../images/charging_next.png) no-repeat; position:absolute; right:10px; top:50%; margin-top:-25px; }
.swiper-detail-container .swiper-button-prev:hover{ background:url(../images/charging_prev_cur.png) no-repeat;}
.swiper-detail-container .swiper-button-next:hover{ background:url(../images/charging_next_cur.png) no-repeat;}

.charging_detail_right{ width:830px; }
.charging_detail_title{ font-size:30px; color:#000000; padding:25px 0; border-bottom:1px solid #d6d6d6; }
.charging_detail_desc{ font-size:16px; color:#000000; line-height:30px; text-align:justify; margin-top:30px; }
.charging_detail_desc img{ max-width:100%; }
.charging_detail_num{ font-size:16px; color:#000000; line-height:40px; margin-top:30px; }
.charging_detail_num span{ font-size:20px; color:#a40000; }
.charging_detail_num b{ font-size:16px; line-height:40px; color:#bd8144; }
.charging_detail_btn{ margin-top:6px;  overflow:hidden; }
.charging_detail_btn a{ float:left; height:38px; border:1px solid #cfcfcf; font-size:14px; line-height:38px; color:#000000; text-align:center; margin-right:10px; transition:all 0.5s ease 0s; }
.charging_detail_btn a img{ margin-right:8px;}
.charging_detail_btn a.free{ width:178px;/* padding-left:45px;*/ color:#ffffff;   background:#9f9583; }
.charging_detail_btn a.free img{ margin-bottom:-7px; }
.charging_detail_btn a.order{ width:178px;/* padding-left:60px; background: url(../images/order.png) no-repeat 30px center; */}
.charging_detail_btn a.order img{ margin-bottom:-4px; }
.charging_detail_share { margin-top:21px; overflow:hidden;}
.charging_detail_share span{ float:left; font-size:16px; line-height:35px; color:#000; }

.charging_detail_cont{ width:1548px; margin:0 auto; }
.charging_detail_cont_{ padding:0 6px; }
.charging_detail_cont_ img{ max-width:100%; }

/*********** 在施工地 ************/
.site_li{ float:left; width:745px; margin-right:46px; margin-bottom:30px; }
.site_li:nth-child(2n){ margin-right:0; }
.site_li_{ padding:0px 15px 10px; border:1px solid #d4d4d4; transition:all 0.5s ease 0s; }
.site_li_:hover{ border:1px solid #b32838; }
.site_li_cont{ padding-top:17px; margin-bottom:20px; overflow:hidden; }
.site_img{ float:left; width:320px; }
.site_img div{ overflow:hidden; }
.site_li .site_img img{ width:100%; transition:all 0.5s ease 0s; }
.site_info{ float:right; width:375px; }
.site_title{ font-size:20px; color:#000000; }
.site_area{ font-size:12px; line-height:35px; color:#666666; margin-top:14px; }
.site_desc{ font-size:14px; line-height:25px; color:#666666; margin-top:5px; height:50px; overflow:hidden; }
.site_btn{ margin-top:19px; }
.site_btn div{ width:118px; height:38px; padding-left:60px; border:1px solid #cfcfcf; font-size:14px; line-height:38px; color:#000000; background:url(../images/order.png) no-repeat 30px center; transition:all 0.5s ease 0s; }
.site_btn div:hover{ border:1px solid #b32838; color:#ffffff; background:#b32838 url(../images/order.png) no-repeat 30px center; }
.schedule{ height:50px; padding:0 15px; position:relative; }
.schedule_line{ float:left; width:50%; height:1px; margin-top:10px; background:#ebe4de;}
.stage{ width:30px; height:50px; font-size:12px; line-height:25px; text-align:center; }
.stage div{ width:30px; height:20px; margin-bottom:5px; }
.stage_01{ position:absolute; left:0; top:0; }
.stage_02{ position:absolute; left:50%; top:0; margin-left:-15px; }
.stage_03{ position:absolute; right:0; top:0; }
	/** 状态一 **/
.schedule_01 .stage{ color:#000000; }
.schedule_01 .stage div{ background:url(../images/schedule_01.png) no-repeat center;  }

	/** 状态二 **/
.schedule_02 .stage{ color:#000000; }
.schedule_02 .stage div{ background:url(../images/schedule_01.png) no-repeat center; }
.schedule_02 .stage_01{ color:#a40000; }
.schedule_02 .stage_01 div{ background:url(../images/schedule_02.png) no-repeat center; }

	/** 状态三 **/
.schedule_03 .stage_01{ color:#bd8144; }
.schedule_03 .stage_01 div{ background:url(../images/schedule_03.png) no-repeat center; }
.schedule_03 .stage_02{ color:#a40000; }
.schedule_03 .stage_02 div{ background:url(../images/schedule_02.png) no-repeat center; }
.schedule_03 .stage_03 div{ background:url(../images/schedule_01.png) no-repeat center; }
.schedule_03 .schedule_line_01{ background:#bd8144; }

	/** 状态四 **/
.schedule_04 .stage{ color:#bd8144; }
.schedule_04 .stage div{ background:url(../images/schedule_03.png) no-repeat center; }
.schedule_04 .schedule_line{ background:#bd8144; }

.site_tr{ height:98px; border:1px solid #cfcfcf; }
.site_td{ float:left; width:33.33%; height:98px; }
.site_td_{ height:98px; padding-left:90px; padding-right:45px; border-right:1px solid #cfcfcf; }
.site_td_01{ background:url(../images/site_td_01.png) no-repeat 32px center; }
.site_td_02{ background:url(../images/site_td_02.png) no-repeat 30px center; }
.site_td_03{ background:url(../images/site_td_03.png) no-repeat 30px center; border-right:none; }
.site_td_main{ float:left; max-height:85px;  overflow:hidden;}
.site_td_item{ font-size:14px; line-height:25px; color:#000000; font-weight:bold; }
.site_td_cont{ font-size:14px; line-height:20px; color:#000000; }

.tab-b .swiper_box .swiper-container{ width:100%; }
.tab-b .swiper-slide div{ padding:0 6px; }
.swiper-site-container .swiper-button-prev{ display:block; width:50px; height:50px; background:url(../images/charging_prev.png) no-repeat; position:absolute; left:16px; top:50%; margin-top:-25px; }
.swiper-site-container .swiper-button-next{ display:block; width:50px; height:50px; background:url(../images/charging_next.png) no-repeat; position:absolute; right:16px; top:50%; margin-top:-25px; }
.swiper-site-container .swiper-button-prev:hover{ background:url(../images/charging_prev_cur.png) no-repeat;}
.swiper-site-container .swiper-button-next:hover{ background:url(../images/charging_next_cur.png) no-repeat;}

.swiper-story-container .swiper-button-prev{ display:block; width:50px; height:50px; background:url(../images/charging_prev.png) no-repeat; position:absolute; left:16px; top:50%; margin-top:-25px; }
.swiper-story-container .swiper-button-next{ display:block; width:50px; height:50px; background:url(../images/charging_next.png) no-repeat; position:absolute; right:16px; top:50%; margin-top:-25px; }
.swiper-story-container .swiper-button-prev:hover{ background:url(../images/charging_prev_cur.png) no-repeat;}
.swiper-story-container .swiper-button-next:hover{ background:url(../images/charging_next_cur.png) no-repeat;}

/*********** 峰上严选 ************/
.brand_list{ width:1548px; margin:40px auto 0; padding-bottom:100px; }
.brand_list_{ padding:0 6px; overflow:hidden; }
.brand_li{ float:left; width:284px; margin-right:29px; margin-bottom:25px; }
.brand_li:nth-child(5n){ margin-right:0; }
.brand_li_{ display:block; }
.brand_img{ border:1px solid #d4d4d4; }
.brand_img div{ overflow:hidden; }
.brand_img img{ width:100%; transition:all 0.5s ease 0s; }

/*********** 零醛材料 ************/
.brand_tr{ overflow:hidden; }
.material_img{ margin-bottom:30px; }
.material_img_01{ width:488px; margin-right:36px;}
.material_img_02{ width:488px;}
.material_img_09{ width:488px;}

.material_img_03{ width:390px; margin-right:36px; }
.material_img_04{ width:684px;}
.material_img_05{ width:390px;}
.material_img_06{ width:488px; margin-right:36px;}
.material_img_07{ width:488px;}
.material_img_08{ width:488px;}

.material_img{ position:relative; }
.material_img_box div{ overflow:hidden; }
.material_img_box div img{ width:100%; transition:all 0.5s ease 0s; }
.material_img_mark{ position:absolute; top:0; bottom:0; right:0; left:0; background:rgba(0,0,0,0.65); opacity:0; visibility:hidden; transition:all 0.5s ease 0s; }
.material_img_mark div{ position:absolute; top:50%; left:0; width:100%; height:30px; margin-top:-15px; font-size:30px; text-align:center; color:#fff; }

/*********** 全案设计 ************/
.wrap_cen{ width:1548px; margin:0 auto; }
.qasj1{ padding-bottom:130px; }		
.qasj_p1{ padding-top:125px; text-align:center; }
	.qasj_p1 img{ }
.qasj_p2{ padding-top:85px; text-align:center; }
	.qasj_p2 img{ }
	
.qasj2{ padding-bottom:85px; background-color:#e5e5e5; }
.qasj2_p1{ padding:115px 0px 80px; color:#000; font-size:36px; line-height:36px; text-align:center; }
.qasj2_line{ position:absolute; top:93px; left:0px; width:100%; height:10px;   }
.qasj2_p2{ width:790px; height:10px; margin:0px auto; background:url(../images/quality_03_04.gif) repeat-x; }
.qasjlist{ position:relative; padding:0 9px; }
.qasjlist .li{ position:relative; float:left; width:33.33%; text-align:center; color:#000000; font-size:20px; }
.qasj2_p3{ padding:30px 0px; }

.qasj3_r{ float:right; width:50%;  padding-top:200px; }
.qasj3_l{ float:left; width:26.55%; padding:115px 9.43% 120px 14.02%; text-align:center; }
.qasj3_p1{  color:#000000; font-size:36px; line-height:100px; }
.qasj3_p2{ color:#000000; font-size:20px; line-height:50px; }
.qasj3_p2 span{ color:#000000; }

.qasj4_p1{ color:#ffffff; font-size:36px; line-height:50px; text-align:center; }
.qasj4_p2{ color:#ffffff; font-size:14px; line-height:50px; text-align:center; }

.qatype{ padding:123px 0px 150px; background:url(../images/quality_bg.jpg) no-repeat 0 0; background-attachment:fixed; }
.qatype_item_box{ width:1360px; margin:60px auto 0;}
.qatype_item{ float:left; width:278px; height:278px; border:1px solid #fff; border-radius:100%; }
.qatype_p1{ padding:75px 0px 20px 0px; text-align:center; }
.qatype_p2{ color:#fff; font-size:24px; text-align:center; }
.qatype_p3{ padding:0px 45px; color:#d3d3d3; font-size:14px; line-height:25px; text-align:center; }

.qatype_item1{ margin:0 30px; }
.qatype_item2{ margin:0 30px; }
.qatype_item3{ margin:0 30px; }
.qatype_item2{ margin:0 30px; }
.qatype_item5{ margin-left:200px; margin-right:30px; }
.qatype_item6{ margin:0 30px; }
.qatype_item7{ margin:0 30px; }
 
/*********** 人才招聘 ************/
.job_list{ width:1548px; margin:50px auto 0; padding-bottom:99px; }
.job_list_{ padding:0 6px; }
.job_tab_head{ height:50px; background:#dcdcdc; }
.job_tab_head div{ float:left; height:50px; font-size:16px; color:#000000; line-height:50px; }
.job_tab_head .tab_head_01{ width:24.74%; padding-left:1.3%; }
.job_tab_head .tab_head_02{ width:19.86%;}
.job_tab_head .tab_head_03{ width:15.625%;}
.job_tab_head .tab_head_04{ width:14.97%;}
.job_tab_head .tab_head_05{ width:14.39%;}
.job_tab_head .tab_head_06{ width:9.115%; text-align:center; }
.job_li{ display:block; height:54px; border-bottom:1px solid #dcdcdc; transition:all 0.5s ease 0s; }
.job_li div{ float:left; height:54px; font-size:14px; color:#000000; line-height:55px; }
.job_li .job_li_01{ width:24.74%; padding-left:1.3%; }
.job_li .job_li_02{ width:19.86%;}
.job_li .job_li_03{ width:15.625%;}
.job_li .job_li_04{ width:14.97%;}
.job_li .job_li_05{ width:14.39%;}
.job_li .job_li_06{ width:9.115%; text-align:center; }
.job_li .job_li_06 .job_li_btn{ width:71.42%; height:35px; font-size:12px; line-height:35px; color:#ffffff; text-align:center; background:#a2896b; margin:10px 0 0 14.3%; transition:all 0.5s ease 0s; }
.job_li:hover{ background:#faf8f8; }
.job_li:hover .job_li_06 .job_li_btn{  background:#b32838; }
.morebtn{ width:100%; height:60px; line-height:60px; color:#000000; text-align:center; background:#e5e5e5; margin-top:59px; cursor:pointer; transition:all 0.5s ease 0s; }

.detail_head{ border-bottom:1px solid #d6d6d6; position:relative; }
.detail_head .detail_title{ font-size:30px; color:#000; text-align:center; padding:60px 0 34px; line-height:35px; }
.detail_head .detail_info{ width:250px; height:30px; background:#fff; padding-left:45px; position:absolute; bottom:-15px; left:50%; margin-left:-147px; }
.detail_head .detail_info span{ font-size:12px; line-height:30px; color:#777777; }
.detail_head .detail_info .detail_date{ padding-left:25px; margin-right:25px; background:url(../images/detail_date_icon.png) no-repeat left center; }
.detail_head .detail_info .detail_hits{ padding-left:30px; background:url(../images/detail_hits_icon.png) no-repeat left center; }
.detail_main_{ width:1548px; margin:50px auto 0; }
.detail_cont{ padding:0 6px 70px; font-size:16px; line-height:30px; color:#000000; max-height:999999999px; }
.detail_cont img{ max-width:100%; }
.detail_cont_foot{ padding:0 6px 70px; }
.detail_cont_foot_title{ font-size:16px; line-height:30px; color:#000000; font-weight:bold; }
.detail_cont_foot_main{ overflow:hidden; margin-top:25px; }
.detail_cont_foot_main div{ float:left; font-size:16px; line-height:30px; color:#000000; padding:0 45px; }
.detail_cont_foot_main_01{ background:url(../images/01.png) no-repeat left top; }
.detail_cont_foot_main_02{ background:url(../images/02.png) no-repeat left top; }
.detail_cont_foot_main_03{ background:url(../images/03.png) no-repeat left top; }

.backbtn{ padding:0 6px 120px; }
.backbtn a{ display:block; width:100%; height:60px; background:#e5e5e5; font-size:14px; line-height:60px; text-align:center; color:#000000;  transition:all 0.5s ease 0s; }

/*********** 天天新闻 ************/
.tab-box{ margin-top:30px; }
.tab-box .tab-a.on a{ color:#fff; }
.news_list{ width:1548px; margin:50px auto 0; padding-bottom:100px; }
.news_list_{ padding:0 6px; overflow:hidden; }
.news_li{ float:left; width:490px; margin-right:33px; margin-bottom:29px; }
.news_li:nth-child(3n){ margin-right:0; }
.news_li_{ display:block; position:relative;} 
.news_li_ .news_img div{ overflow:hidden; }
.news_li_ img{ width:100%; transition:all 0.5s ease 0s; }
.news_li_ .mark{ position:absolute; bottom:0; left:0; right:0; height:60px; font-size:16px; line-height:60px; color:#ffffff; text-align:center; background:rgba(0,0,0,0.6); }
.news_li_ .mark div{ padding:0 30px; }
.news_list .morebtn{ margin:30px 6px 0; width:auto; }

@media screen and (min-width: 1000px) {  /*** 屏幕大于1000像素***/
	.tab_tit li:hover{ background:#b32838; border:1px solid #b32838; color:#fff;  }
	.tab-box li:hover a{ color:#fff; }
	/*********** 案例 ************/
	.case_li:hover .case_img img{ transform:scale(1.05); }
	.case_li:hover .mark_01{ opacity:0; visibility:hidden; }
	.case_li:hover .mark_02{ opacity:1; visibility:visible; }
	.case_foot_li:hover .case_img img{ transform:scale(1.05); }
	.case_custom_li:hover img{ transform:scale(1.05); }
	.fright .case_detail_back a:hover{ background:#b32838; color:#ffffff; }
	.morebtn:hover{ background:#b32838; color:#fff; }
	
	/*********** 热装楼盘 ************/
	.charging_li:hover .charging_img img{ transform:scale(1.05); }
	.charging_detail_btn a:hover{ border:1px solid #b32838;  color:#ffffff;}
	.charging_detail_btn a.free:hover{ background:#b32838;}
	.charging_detail_btn a.order:hover{ background:#b32838; }
	
	/*********** 峰上严选 ************/
	.brand_li:hover .brand_img img{ transform:scale(1.05); }
	
	/*********** 零醛材料 ************/
	.material_img:hover .material_img_mark{ opacity:1; visibility:visible; }
	.material_img:hover .material_img_box img{ transform:scale(1.05); }
	
	/*********** 天天新闻 ************/
	.news_li:hover img{ transform:scale(1.05);}
	.backbtn a:hover{ background:#b32838; color:#fff; }
}
@media screen and (min-width: 1556px) {  /*** 屏幕大于1556像素***/
	/*********** 天天新闻 ************/
	
	.news_li_{ width:100%; height:100%; }
}


@media screen and (max-width: 1556px) {  /*** 屏幕小于1556像素***/
	/*********** 案例 ************/
	.case_main{ width:100%; }
	.case_type{ margin:60px 6px 0; }
	.inside_search{ margin:30px 6px 0; }
	.inside_search_{ width:65.1%; }
	.inside_search_ .keywords{ width:80.9%; padding:0 1.3%; font-size:20px; }
	.inside_search_ .inside_search_btn{ width:16%; }
	.case_li{ width:33.33%; margin-right:0; }
	.case_li_{ padding:0 6px; }
	.case_li .mark_01{ left:6px; right:6px; }
	.case_li .mark_02{ left:6px; right:6px; }
	.case_li .mark_02 .mark_02_cont .mark_02_cont01{ margin-top:0; }
	.case_li .mark_02 .mark_02_cont .mark_02_cont03{ height:100px; }
	
	.case_detail_title_{ width:100%; }
	.case_detail_main_{ width:100%; }
	.case_detail_foot_{ width:100%; }
	.case_custom_list{ padding:0; }
	.case_custom_li{ width:20%; margin:0; }
	.case_custom_li_{ padding:0 6px; }
	
	/*********** 设计团队 ************/
	.case_type_box{ width:100%; }
	.search_box{ width:100%; }
	.inside_custom_box{ width:100%; }
	
	/*********** 热装楼盘 ************/
	.inside_charging_box{ width:100%;}
	.charging_li{ width:33.33%; margin-right:0; }
	.charging_li_{ padding:0 6px; }
	.charging_title{ left:6px; right:6px; }
	.charging_detail_cont{ width:100%; }
	.charging_detail_box{ width:100%; }
	.charging_detail_left{ width:41.67%; }
	.charging_detail_right{ width:54.04%; }
	
	/*********** 在施工地 ************/
	.site_li{ width:48.5%; margin-right:2.8%; }
	.site_img{ width:44.75%;}
	.site_info{ width:52.45%; }
	
	/*********** 峰上严选 ************/
	.brand_list{ width:100%;}
	.brand_li{ width:20%; margin-right:0; }
	.brand_li_{ padding:0 6px; }
	
	/*********** 零醛材料 ************/
	.material_img_01{ width:31.77%; margin-right:2.345%;}
	.material_img_02{ width:31.77%;}
	.material_img_09{ width:31.77%;}
	
	.material_img_03{ width:25.39%; margin-right:2.345%; }
	.material_img_04{ width:44.53%;}
	.material_img_05{ width:25.39%;}
	.material_img_06{ width:31.77%; margin-right:2.345%;}
	.material_img_07{ width:31.77%;}
	.material_img_08{ width:31.77%;}
	
	/*********** 全案设计 ************/
	.wrap_cen{ width:100%; }
	
	/*********** 人才招聘 ************/
	.job_list{ width:100%; }
	.detail_main_{ width:100%; }
	
	/*********** 天天新闻 ************/
	.news_list{ width:100%; }
	.news_li{ width:33.33%; margin-right:0; }
	.news_li_{ padding:0 6px; }	
	.news_li_ .mark{ left:6px; right:6px; }	
	.news_list .morebtn{ margin:30px 12px 0; }
}
@media only screen and (max-width: 1400px) {
	/*********** 全案设计 ************/
	.qatype_item_box{ width:100%; }

	.qatype_item1{ float:none; margin:10px auto; }
	.qatype_item2{ float:none; margin:10px auto; }
	.qatype_item3{ float:none; margin:10px auto; }
	.qatype_item4{ float:none; margin:10px auto; }
	.qatype_item5{ float:none; margin:10px auto; }
	.qatype_item6{ float:none; margin:10px auto; }
	.qatype_item7{ float:none; margin:10px auto; }
}
@media screen and (max-width: 1300px) {   /*** 屏幕小于1300像素***/ 
	/*********** 案例 ************/
	.case_li .mark_01{ font-size: 14px; }
	.case_li .mark_02{ padding:30px 25px; }
	.case_li .mark_02 .mark_02_cont .mark_02_cont01{ margin-top:0; font-size: 16px; line-height: 25px; }
	.case_li .mark_02 .mark_02_cont .mark_02_cont03{ height:70px; }
	.case_li .mark_02 .mark_02_more{ bottom:30px; width: 120px; height: 40px; line-height:40px; margin-left:-60px; }
	.case_custom_li{ width:25%; }
	.case_custom_li:nth-child(5n){ display:none; }
	
	/*********** 设计团队 ************/
	.customli{ width:25%; }
	.team_detail{ width:100%; float:none; }
	.fright.teamleft{ width:100%; float:none; }
	
	/*********** 热装楼盘 ************/
	.charging_detail_left{ width:100%; }
	.charging_detail_right{ width:100%; }
	
	/*********** 峰上严选 ************/
	.brand_li{ width:25%; }
	
	/*********** 零醛材料 ************/
	.material_img{ margin-bottom:25px;}
}

@media only screen and (max-width: 1200px) {
	/*********** 全案设计 ************/
	.qasj3_r{ float:none; width:98%; padding-left:2%;padding-top: 100px; }
	.qasj3_l{ width:100%; padding:115px 0 120px 0;  text-align:center; }
}

@media screen and (max-width: 1000px) {  /*** 屏幕小于1000像素***/
	html,body{height:100%;}
	.morebtn{ font-size:20px; }
	/*********** 案例 ************/
	.mid_line{ display:none; }
	.case_item_ span .item_icon_01{ width:60px; height:60px; background-size:60px 60px; margin-top:18px; }
	.case_item_ span .item_icon_02{ width:60px; height:60px; background-size:60px 60px; margin-top:18px; }
	.case_item_:hover span .item_icon_01 , .case_item_.active span .item_icon_01{ background-size:60px 60px; }
	.case_item_:hover span .item_icon_02 , .case_item_.active span .item_icon_02{ background-size:60px 60px; }
	.case_item_ span .word_box .chname{ font-size:24px; }
	.case_item_ span .word_box .enname{ font-size:12px; }
	.case_li{ width:100%; }
	.case_li .mark_01{ font-size: 20px; }
	.case_main_{ padding-bottom:10px; }
	.case_main .morebtn{ margin-bottom:40px; }
	
	.case_detail_main .fleft{ float:none; width:100%; }
	.case_detail_main .fright{ float:none; width:100%; }
	.tab_tit li{ width:190px; height:38px; line-height:38px; font-size: 18px; }
	.case_foot_li{ width:50%; margin-bottom:12px; }
	.case_foot_li.neednone{ display:none; }
	.case_foot_li .mark{ font-size:20px; }
	.case_custom_li{ width:33.33%; }
	.case_custom_li:nth-child(4n){ display:none; }
	.case_desc .case_desc_style .share{ line-height:48px; }
	
	.type_box{ padding:9px 20px 4px; }
	.type_item{ width:8.34%; font-size:18px; }
	.type_list{ width:88.5%; }
	.type_list li a{ font-size:18px; }
	.case_detail_main .fleft{ font-size:20px; }
	.case_desc{ font-size:20px; }
	.btn_box_ .btn_box_01 span{ font-size:20px; }
	.btn_box_ .btn_box_02 span{ font-size:20px; }
	.case_desc .case_desc_name a{ width:105px; height: 25px; line-height: 25px; font-size: 20px; }
	.case_detail_main{ padding-bottom:10px; }
	
	
	/*********** 设计团队 ************/
	.inside_custom_box{ padding-bottom:17px; }
	.inside_custom_box_ .morebtn{ margin-bottom:33px;}
	.customli{ width:33.33%; }
	.customli .customli_ .custom_img{ width:100%; overflow:hidden; }
	

	.team_detail{ font-size:20px; }
	.case_detail_main_cont{ padding:26px 6px 53px 6px;}
	
	/*********** 热装楼盘 ************/
	.charging_li{ width:100%; }
	.inside_charging_box{ padding-bottom:10px;}
	.inside_charging_box_ .morebtn{ margin-bottom:30px;}

	.charging_detail_box{ margin:51px auto 0;}
	.charging_detail_cont{ font-size:22px; }
	.charging_detail_btn a{ margin-right:0; font-size:20px; }
	.charging_detail_btn a.free{ width:48%; }
	.charging_detail_btn a.order{ float:right; width:48%; }
	.charging_detail_share span{ line-height:48px; }
	
	/*********** 在施工地 ************/
	.inside_charging_box_.site_list{ padding:0 12px; }
	.site_li { width: 100%; margin-right: 0;}
	.site_img{ width:100%;}
	.site_info{ width:100%; margin-top:15px; }
	.site_title{ font-size:24px; }
	.site_area{ font-size:18px; }
	.site_desc{ font-size:18px; }
	.site_btn div{ font-size:16px; }
	.stage{ font-size:16px; width:35px; }	
	
	.charging_detail_desc{ font-size:22px; max-height:999999999px; }
	.charging_detail_num{ font-size:20px; }
	.charging_detail_num b{ font-size:20px; }
	.site_tr{ border:none; height:330px; }
	.site_td{ width:100%; margin-bottom:12px; }
	.site_td_01,.site_td_02,.site_td_03{ border: 1px solid #cfcfcf;}
	.site_td_item{ font-size:20px; line-height:30px; }
	.site_td_cont{ font-size:18px; }
	.case_detail_foot{ padding:60px 0 50px; }	
	
	/*********** 峰上严选 ************/
	.brand_li{ width:33.33%; }
	
	/*********** 零醛材料 ************/
	.material_img_mark{ top: initial; height:60px; opacity:1; visibility:visible; }
	.material_img_mark div{ font-size:24px; margin-top: -12px; }
	.material_img{ width:100%; margin-right:0; }
	.material_img_03{ width:48.5%; }
	.material_img_05{ width:48.5%;}
	.brand_list_.material_list_{ padding:0; }
	.detail_head .detail_title{ padding: 30px 0 34px; }
	.backbtn{ padding: 0 6px 60px; }
	
	/*********** 全案设计 ************/
	.qasj1,.qasj3{ background:#fff; }
	.qasj2_line { display: none;}
	.qasjlist .li { float: none; width: 100%;}
	.qasj_p1 img { width: 70%;}
	.qasj_p2 img { width: 46%;}
	.qasj4_p2{ max-height:999999999px;font-size: 18px; line-height: 36px; }
	.qatype{ background:none; }
	.qatype:before {
	  content: ' ';
	  position: fixed;
	  z-index: -1;
	  top: 0;
	  right: 0;
	  bottom: 0;
	  left: 0;
	  background: url(../images/quality_bg.jpg) center 0 no-repeat;
	  background-size: cover;
	}
	.qatype_p3{ font-size:18px; padding: 0px 40px; }
	
	/*********** 人才招聘 ************/
	.job_tab_head div{ font-size:20px; }
	.job_tab_head .tab_head_01{ width:40%; }
	.job_tab_head .tab_head_02{ display:none; }
	.job_tab_head .tab_head_03{ display:none; }
	.job_tab_head .tab_head_04{ display:none; }
	.job_tab_head .tab_head_05{ width:38.7%;}
	.job_tab_head .tab_head_06{ width:20%; }
	.job_li div{ font-size:18px; }
	.job_li .job_li_01{ width:40%; }
	.job_li .job_li_02{ display:none; }
	.job_li .job_li_03{ display:none; }
	.job_li .job_li_04{ display:none; }
	.job_li .job_li_05{ width:38.7%; }
	.job_li .job_li_06{ width:20%; }
	.detail_cont_foot_main div{ float:none; margin-bottom:10px; }
	.detail_cont_foot_title{ font-size:20px; }
	.detail_cont_foot_main div{ font-size:18px; }
	
	/*********** 天天新闻 ************/
	.news_list{ padding-bottom:20px; }
	.news_li{ width:100%; }
	.news_li_ .mark{ font-size:20px; }
	.news_list .morebtn{ margin:30px 12px 80px;}
	.detail_head .detail_info{ width:300px; margin-left: -172px;}
	.detail_cont{ font-size:22px; }
	.detail_head .detail_info span{ font-size:16px; }
	.backbtn a{ font-size:20px; }
	
}