@charset "utf-8";

body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td, img{margin:0; padding:0}
body, button, input, select, textarea{font:13px/1.5 微软雅黑, "Microsoft Yahei", tahoma, Srial, helvetica, sans-serif}
/*body{min-width:1340px}*/

/*body{
	min-width:1140px;
}*/
h1, h2, h3, h4, h5, h6, code, dfn, em, var, i, b{font-style:normal; font-weight:normal}
ul, ol, li{list-style:none}
/*input, textarea{outline-style:none; border:0}*/


a{
	text-decoration:none;
	color:#333;
	tap-highlight-color:rgba(0,0,0,0); 
	focus-ring-color:rgba(0, 0, 0, 0); 
	-webkit-tap-highlight-color:rgba(0,0,0,0); 
	-webkit-focus-ring-color:rgba(0, 0, 0, 0); 
	-moz-tap-highlight-color:rgba(0,0,0,0); 
	-moz-focus-ring-color:rgba(0, 0, 0, 0);
}
/*用来解决在安卓上的点击出现篮框问题*/
body{-webkit-tap-highlight-color: rgba(0, 0, 0, 0)}
/*解决ios上去除微信点击蓝色边框 */
a:focus, input:focus, p:focus, div:focus{-webkit-tap-highlight-color: rgba(0, 0, 0, 0)}
/* 表单文字 */
input::-webkit-input-placeholder{color:#AAA; font-size:12px}
input::-moz-placeholder{color:#AAA; font-size:12px}
input:-moz-placeholder{color:#AAA; font-size:12px}
input:-ms-input-placeholder{color:#AAA; font-size:12px}
/*滚动条*/
::-webkit-scrollbar{width:6px; height:8px}
::-webkit-scrollbar-thumb{-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,0.2); background:var(--i_color)}
::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,0.2); border-radius:0; background:#F1F1F1}
/* 复制选中 */ 
::selection{background:#DC1208; color:#FFF}
::-moz-selection{background:#DC1208; color:#FFF}
::-webkit-selection{background:#DC1208; color:#FFF}

.fl{float:left}
.fr{float:right}
.container{overflow:hidden}
.pr{position:relative}
.clear{clear:both}
.wrap_a{width:1250px; margin:0 auto}
/*.wrap{width:1300px; margin:0 auto}*/

:root{
	--i_color:#0e5dbf; 
	height:70px;/* 全局颜色 */
}

/* header */
header{}

/* -------------- top -------------- */
.top{overflow:hidden; background:rgba(0,0,0,.08)}
.top_tel_t{font-size:12px; color:#666; height:34px; line-height:34px} 
.top_list{overflow:hidden}
.top_list li{float:left}
.top_list li, .top_list a{display:block; font-size:12px; color:#3e3e3e; line-height:34px; position:relative}
.top_list a:before{content:"|"; font-size:12px; margin:0 15px}
.top_list li:first-child a:before{display:none}
.top_list li:last-child{margin-left:15px;}

/* -------------- top2 -------------- */
.top2{overflow:hidden}
.logo, .top_search, .top_qr, .top_tel{height:104px; display:flex; align-items:center}

.logo img{max-height:70px}

.top_kh{margin:30px 0 0 105px; position:relative}
/* .top_kh:after{content:""; position:absolute; left:-50px; top:39px; width:1px; height:32px; background:rgba(0,0,0,.2)} */
/* .top_kh img{margin-top:40px} */

.top_qr{margin-left:70px}

.top_search{margin:0 3% 0 5%}
.search_panel{border:2px solid var(--i_color); height:34px; position:relative; z-index:3000}
.search_txt{width:260px; font-family:"微软雅黑"; font-size:13px; border:0; padding-left:10px; color:#999; height:34px; line-height:34px; outline:none}
.search_btn{width:82px; font-family:"微软雅黑"; color:#FFF; border:0; background:var(--i_color); font-size:14px; height:34px; margin:0; outline:0; cursor:pointer}

.top_qr_cont{text-align:center}
.top_qr_cont img{max-height:68px}
.top_qr_cont p{font-size:12px; color:#696969}

.top_tel p{padding-left:50px; font-size:18px; color:#464646; background:url(/css/"../images/home/top_tel_ico.png"/*tpa=http:/www.ahfbzs.com/images/top_tel_ico.png*/) no-repeat left center}
.top_tel i{display:block; font-size:22px; color:var(--i_color); font-weight:bold;}






/* -------------------- nav -------------------- */
/*nav{--nav_height:58px}*/

nav{--nav_height:50px}
/* nav{height:var(--nav_height); background:var(--i_color); position:relative; z-index:9999}
nav>ul>li{float:left; text-align:center; position:relative}
nav>ul>li:after{content:""; position:absolute; top:50%; transform:translate(0,-50%); right:0; width:1px; height:calc(var(--nav_height) - 28px); background:rgba(255,255,255,.2)}
nav>ul>li:last-child:after{display:none}
nav>ul>li>a{display:block; font-size:14px; color:#FFF; line-height:var(--nav_height)}
.nav_on, nav>ul>li>a:hover{background:rgba(0,0,0,.2)}

.nav_menu{
	opacity:0;
	visibility:hidden;
	height:0;
	position:absolute;
	left:50%;
	transform:translate(-50%,0);
	width:100%;
	}

.nav_menu ul{background:var(--i_color)}
.nav_menu li{text-align:center}
.nav_menu li a{display:block; font-size:13px; color:#FFF; line-height:38px}
.nav_menu li a:hover{background:rgba(0,0,0,.2)}

nav>ul>li:hover .nav_menu{opacity:1; visibility:visible} */


nav{height:var(--nav_height); position:relative; z-index:9999;}
nav>ul>li{float:left; text-align:center; position:relative;}
/*nav>ul>li>a{display:block; height:var(--nav_height); text-align:center; position:relative; overflow:hidden; background-color:#135185;}*/
nav>ul>li>a{display:block; height:var(--nav_height); text-align:center; position:relative; overflow:hidden;}

nav>ul>li>a:before{content:""; position:absolute; top:50%; transform:translate(0,-50%); right:0; width:1px; height:65%; border-right:1px dashed rgba(255,255,255,.2)}
nav>ul>li:last-child a:before{display:none}
nav li p{font-size:16px; color:#FFF; margin-top:9px}
nav li b{font-size:12px; color:#FFF; text-transform:uppercase}
nav>ul>li:hover{background:#203c61}

.nav_menu{display:none; position:absolute; left:50%; transform:translate(-50%,0); padding:8px 0; width:100%; background:rgba(10,40,80,.9);clear: both;}
.nav_menu li{
	color: #FFFFFF;
}
.nav_menu a{padding:0 5px; display:block; font-size:14px; line-height:42px; color:#FFF; overflow:hidden; white-space:nowrap; text-overflow:ellipsis}
.nav_menu li:hover{background:var(--i_color)}
nav>ul>li:hover .nav_menu{display:block}


/* -------------- banner -------------- */
.banner{position:relative}

.rslides{position:relative; list-style:none; overflow:hidden; width:100%; padding:0; margin:0;}
.rslides li{-webkit-backface-visibility:hidden; position:absolute; display:none; width:100%; left:0; top:0; overflow:hidden}
.rslides li:first-child{position:relative; display:block; float:left}
.rslides img{display:block; float:left; width:100%; object-fit:cover}/*改变flash大小*/
/*.rslides img{display:block; float:left; width:100vw; height:500px; object-fit:cover}*/
/* 左右箭头 */
.rslides_nav{opacity:0; position:absolute; top:50%; transform:translate(0,-50%); padding:10px 14px; font-family:"SimSun", NSimSun, FangSong; font-size:26px; color:#FFF; font-weight:bold; background:rgba(0,0,0,.5); text-align:center; z-index:2}
.prev{left:2%}
.next{right:2%}
.banner:hover .rslides_nav{opacity:1}
.banner:hover .prev{left:5%}
.banner:hover .next{right:5%}
.rslides_nav{transition:all 0.5s ease; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -ms-transition:all 0.5s ease; -o-transition:all 0.5s ease}
.rslides_nav:hover{background:var(--i_color)}
/* 指示器 */
.rslides_tabs{
	text-align:center;
	font-size:0;
	list-style-type:none;
	position:absolute;
	bottom:34px;
	left:50%;
	transform:translate(-50%,0);
	z-index:999}
.rslides_tabs li{display:inline-block; margin:0 4px}
.rslides_tabs a{display:inline-block; width:64px; height:10px; background:#FFF; -webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; border-radius:5px; overflow:hidden}
.rslides_here a{background:var(--i_color)}






/* -------------------- 4个优势 -------------------- */
.b_ys{--em_size:60px}
.b_ys{padding:22px 0; background:rgba(0,0,0,.08)}
.b_ys_list{height:112px; overflow:hidden; display:flex; display:-webkit-flex; /* Safari */ justify-content:space-between; flex-wrap:wrap;}
.b_ys_list dt{width:24%; height:100%; background:#FFF; display:flex; justify-content:center; align-items:center}
.b_ys_list dt em{display:block; float:left; width:var(--em_size); height:var(--em_size); margin:0 24px 0 0; background:url(/css/"../images/b_ys_ico.png"/*tpa=http:/www.ahfbzs.com/images/b_ys_ico.png*/) no-repeat}
.b_ys_list dt:nth-child(1) em{background-position:0 calc(var(--em_size) * 0)}
.b_ys_list dt:nth-child(2) em{background-position:0 calc(var(--em_size) * -1)}
.b_ys_list dt:nth-child(3) em{background-position:0 calc(var(--em_size) * -2)}
.b_ys_list dt:nth-child(4) em{background-position:0 calc(var(--em_size) * -3)}
.b_ys_list dt span{float:left; font-size:14px; color:#7e7e7e; line-height:32px}
.b_ys_list dt p{font-size:20px; color:#252525; font-weight:bold}





/* main */
/*main{overflow:hidden}*/
/*这上面是原来没有导航条下滑的main样式*/

.main{
margin:0 auto;
position: relative;
width: 100%;
left: 0;
top: 0;
clear: both;
background-color: #0e5dbf;
/*background-color:rgba(162,12,11,1);*/
z-index:9999;

/*这里现在为了导航条下滑改的*/
}



.i_tit{text-align:center; margin-bottom:48px}
.i_tit h1{font-size:31px; font-weight:bold; color:#242424; margin-bottom:32px; position:relative}
.i_tit h1:after{content:""; position:absolute; left:50%; transform:translate(-50%,0); bottom:-16px; width:88px; height:1px; background:rgba(0,0,0,.2)}
/* .i_tit i{font-weight:bold; color:#009633} */
.i_tit p{font-size:13px; color:#747474}

.i_tit2{overflow:hidden; padding-bottom:8px; margin-bottom:28px; position:relative}
.i_tit2:before{content:""; position:absolute; left:0; bottom:0; width:100%; height:1px; background:#CCC}
.i_tit2 h1{float:left; font-size:25px; color:#221304; font-weight:bold; padding-left:18px; position:relative}
.i_tit2 h1:before{content:""; position:absolute; top:6px; left:0; width:3px; height:20px; background:#da1925}
.i_tit2 p{float:left; margin-left:30px; font-size:14px; color:#616161; line-height:42px}
.i_tit2_more{display:block; position:absolute; top:10px; right:0; font-size:16px; color:#da1925; letter-spacing:4px; padding-bottom:15px; border-bottom:1px solid #da1925}



/* -------------------- 免费预约 -------------------- */
.i_yyue{--height:275px; --lr_w:26%; --info_pd:24px; --em_size:56px}
.i_yyue{border-top:2px solid var(--i_color); margin:40px auto; overflow:hidden}

.i_yyue_tit{width:var(--lr_w); height:var(--height)}
.i_yyue_tit img{width:100%; height:100%; object-fit:cover}

.i_yyue_form{width:calc(100% - var(--lr_w) * 2 - 80px); height:var(--height); padding:0 40px; background:#F0F0F0}
.i_yyue_form h6{font-size:14px; color:#7E7E7E; margin:30px 0}
.i_yyue_form i{color:var(--i_color)}

.yyue_form{}
.c_form_list{width:100%; overflow:hidden; margin-bottom:10px}
.c_form_list dt{float:left; width:49%; margin-left:2%; background:#FFF; position:relative}
.c_form_list dt:first-child{margin-left:0}
.c_form_list dd{float:left; width:100%; margin-top:15px}
.c_form_list input{padding-left:10px; width:calc(100% - 10px); height:40px; line-height:40px; font-size:13px; color:#888}

.btn_area{overflow:hidden; margin-top:20px}
.btn_area input{display:inline-block; width:100%; height:40px; line-height:40px; background:var(--i_color); text-align:center; font-family:微软雅黑; font-size:12px; color:#FFF; cursor:pointer}

.i_yyue_info{width:calc(var(--lr_w) - var(--info_pd) * 2); height:var(--height); padding:0 var(--info_pd); background:#FFF; overflow:hidden}
.i_yyue_info dl{margin-top:42px; overflow:hidden}
.i_yyue_info dt{float:left; width:33.3333%; margin:0 0 36px 0; text-align:center}
.i_yyue_info em{display:block; margin:0 auto; width:var(--em_size); height:var(--em_size); background:url(/css/"../images/yyue_ico.png"/*tpa=http:/www.ahfbzs.com/images/yyue_ico.png*/) no-repeat}
.i_yyue_info dt:nth-child(1) em{background-position:0 calc(var(--em_size) * 0)}
.i_yyue_info dt:nth-child(2) em{background-position:0 calc(var(--em_size) * -1)}
.i_yyue_info dt:nth-child(3) em{background-position:0 calc(var(--em_size) * -2)}
.i_yyue_info dt:nth-child(4) em{background-position:0 calc(var(--em_size) * -3)}
.i_yyue_info dt:nth-child(5) em{background-position:0 calc(var(--em_size) * -4)}
.i_yyue_info dt:nth-child(6) em{background-position:0 calc(var(--em_size) * -5)}






/* -------------------- 工装案例 -------------------- */
.i_case{margin:45px auto}

.screen_box{overflow:hidden; margin-bottom:35px}
.screen_box dt{float:left; width:32%; margin-right:2%; padding:16px; overflow:hidden; box-sizing:border-box; border:1px solid #CCC}
.screen_box dt:last-child{margin-right:0}

#tab_nav{margin-bottom:15px; text-align:center}
#tab_nav ul{display:inline-block; vertical-align:top}
#tab_nav li{float:left; margin:0 10px}
#tab_nav li a{display:block; background:#E1E1E1; font-weight:bold; font-size:20px; color:#242424; padding:0 36px; line-height:46px; cursor:pointer}
.tab_on{background:var(--i_color)!important; color:#FFF!important}

#menu_con .tag{display:none}
#menu_con .tag:first-child{display:block}

.i_case_list{overflow:hidden; width:100%}
.i_case_list li{float:left; width:23.875%; margin:0 1.5% 30px 0; overflow:hidden; position:relative}
.i_case_list li:nth-child(4n){margin-right:0}
.i_case_img{width:100%; margin:0 auto; overflow:hidden; position:relative}
.i_case_img:before{content:""; display:block; padding-bottom:58%}
.i_case_img img{position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover; image-rendering:pixelated; image-rendering:-webkit-optimize-contrast}

.i_case_n{position:absolute; left:0; bottom:0; width:100%; height:36px; text-align:center; background:rgba(0,0,0,.75); overflow:hidden}
.i_case_n .dl{margin-top:0}
.i_case_n .dl p{display:inline-block; font-size:15px; color:#FFF; line-height:36px}
.i_case_n h6{display:block; width:34%; height:30px; line-height:30px; border:1px solid #FFF; font-size:12px; color:#FFF; text-align:center; margin:20px auto 0}

.i_case_list li:hover .i_case_n{height:100%}
.i_case_list li:hover .i_case_n .dl{margin-top:70px}

.i_case_n, .i_case_n .dl{-webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -ms-transition:all 0.5s ease; -o-transition:all 0.5s ease; transition:all 0.5s ease}

/* 案例栏目分类 */
.i_casefl_list{--img_size:104px}
.i_casefl_list{margin:20px auto; overflow:hidden}
.i_casefl_list dt{float:left; width:12.5%; text-align:center}
.i_casefl_img{width:var(--img_size); height:var(--img_size); margin:0 auto; overflow:hidden; -webkit-border-radius:50%; -moz-border-radius:50%; -o-border-radius:50%; border-radius:50%}
.i_casefl_img img{width:100%; height:100%; object-fit:cover}
.i_casefl_list p{margin-top:12px; font-size:14px; color:#383838}

.i_casefl_list a:hover .i_casefl_img{transform:rotateY(180deg); -webkit-transform:rotateY(180deg); -moz-transform:rotateY(180deg)}
.i_casefl_list a:hover p{color:var(--i_color)}
.i_casefl_img{-webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -ms-transition:all 0.5s ease; -o-transition:all 0.5s ease; transition:all 0.5s ease}






/* -------------------- 在建工地 -------------------- */
/* .i_zjgd{padding:40px 0 60px; background:#F2F2F2; overflow:hidden}

.i_zjgd_list_box{overflow:hidden}

.i_zjgd_tit dt{float:left; background:var(--i_color); font-size:13px; color:#FFF; font-weight:bold; line-height:40px; text-align:center; box-sizing:border-box; border-right:1px solid #FFF; overflow:hidden; white-space:nowrap; text-overflow:ellipsis}
.i_zjgd_tit dt:nth-child(1), .i_zjgd_list dt:nth-child(1){width:34%}
.i_zjgd_tit dt:nth-child(2), .i_zjgd_list dt:nth-child(2){width:20%}
.i_zjgd_tit dt:nth-child(3), .i_zjgd_list dt:nth-child(3){width:10%}
.i_zjgd_tit dt:nth-child(4), .i_zjgd_list dt:nth-child(4){width:8%}
.i_zjgd_tit dt:nth-child(5), .i_zjgd_list dt:nth-child(5){width:8%}
.i_zjgd_tit dt:nth-child(6), .i_zjgd_list dt:nth-child(6){width:10%}
.i_zjgd_tit dt:nth-child(7), .i_zjgd_list dt:nth-child(7){width:10%}

.i_zjgd_list dl:hover dt{background:#E9E9E9}
.i_zjgd_list dt{float:left; margin-top:1px; text-align:center; box-sizing:border-box; border-right:1px solid #EEE; background:#FFF}
.i_zjgd_list dt p, .i_zjgd_list dt a{font-size:14px; line-height:42px; text-align:center; overflow:hidden; white-space:nowrap; text-overflow:ellipsis}
.i_zjgd_list dt .m2:after{content:"㎡"; font-family:tahoma, Srial, helvetica, sans-serif; margin-left:5px}
.i_zjgd_list dt p{color:#777}
.i_zjgd_list dt a{display:block; color:var(--i_color)}
.i_zjgd_list dt a:hover{background:var(--i_color); color:#FFF} */

/* -------------- 在建工地 + 申请设计 -------------- */
.gd_sheji{margin:55px auto 45px; overflow:hidden}

/* 在建工地 */
.zjgd{width:64%}
.kg_list{padding:6px 0; margin-bottom:10px; overflow:hidden; background:#7f7f7f}
.kg_list dt{float:left; font-size:14px; color:#FFF; line-height:28px; text-align:center; position:relative}
.kg_list dt:after{content:""; position:absolute; top:0; right:0; width:1px; height:100%; background:rgba(255,255,255,.7)}
.kg_list dt:last-child:after{display:none}
.kg_list dt:nth-child(1), .gd_xm dt:nth-child(1){width:14%}
.kg_list dt:nth-child(2), .gd_xm dt:nth-child(2){width:30%}
.kg_list dt:nth-child(3), .gd_xm dt:nth-child(3){width:14%}
.kg_list dt:nth-child(4), .gd_xm dt:nth-child(4){width:14%}
.kg_list dt:nth-child(5), .gd_xm dt:nth-child(5){width:14%}
.kg_list dt:nth-child(6), .gd_xm dt:nth-child(6){width:14%}

.gd_xm_box{width:100%; height:276px; overflow:hidden}
/*.gd_xm .lieven{background:rgba(0,0,0,.06)}*/
.gd_xm dl{overflow:hidden}
.gd_xm dt{float:left; font-size:13px; color:#333; line-height:28px; text-align:center}
/*.gd_xm dt a{display:block; margin:4px auto 0; width:68px; line-height:20px; background:var(--i_color); font-size:12px; color:#FFF}*/


.about_font{
	/*font-family: Geneva, Arial, Helvetica, sans-serif, "黑体", "微软雅黑";*/
	font-size: 14px;
	line-height: 180%;
	text-decoration: none;
	letter-spacing: 1px;
}

/* 申请设计 */
.sqsj{width:30%}

.c_form_list{width:100%; overflow:hidden; margin-bottom:10px}
.c_form_list li{float:left; width:100%; margin:0 4% 15px 0; box-sizing:border-box; border:1px solid #CDCDCD; position:relative}
.c_form_list label{display:inline-block; height:40px; line-height:40px; font-size:14px; color:#777; padding-left:10px}
.c_form_list input{display:inline-block; width:68%; height:40px; line-height:40px; background:#FFF; font-size:14px; color:#767676;}
.c_form_list li:hover{border-color:#009633}

.btn_area_2{overflow:hidden; margin-top:10px}
.btn_area_2 input{display:inline-block; width:49.36%; height:38px; line-height:38px; text-align:center; font-family:微软雅黑; font-size:12px; color:#555; cursor:pointer}
.reset{background:var(--i_color); color:#FFF!important}






/* -------------------- 工装日记 -------------------- */
.i_news{margin:60px auto 0; overflow:hidden}

.i_news_list{overflow:hidden; margin-bottom:48px}
.i_news_list li{float:left; width:22.5%; margin:0 3.3333% 38px 0; overflow:hidden}
.i_news_list li:nth-child(4n){margin-right:0}
.i_news_list li img{width:100%; height:210px; object-fit:cover}
.i_news_list h1, .i_news_list p{max-width:100%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis}
.i_news_list h1{font-size:15px; color:#313131; line-height:38px}
.i_news_list p{font-size:13px; color:#898989}

.i_news_list li:hover h1{color:var(--i_color)}




/* -------------------- 设计团队 -------------------- */
.i_team{--li_w:16%; --li_h:235px; --li_mr:.8%}
.i_team{padding:40px 0 60px; background:#F2F2F2; overflow:hidden}

.i_team_list{overflow:hidden}
.i_team_list li{float:left; width:var(--li_w); height:var(--li_h); background:#000; margin:0 var(--li_mr) 12px 0; position:relative}
.i_team_list li:nth-child(1){width:calc(var(--li_w) * 3 + var(--li_mr) * 2)}
.i_team_list li:nth-child(4), .i_team_list li:nth-child(10){margin-right:0}
.i_team_list li a{display:block; height:100%; overflow:hidden; position:relative}
.i_team_list>li>a>img{width:100%; height:100%; object-fit:cover}
.i_team_list li p{position:absolute; left:0; bottom:-40px; text-align:center; width:100%; line-height:40px; background:var(--i_color); font-size:13px; color:#FFF; overflow:hidden; white-space:nowrap; text-overflow:ellipsis}

.picScroll-left{width:100%; position:relative; overflow:initial!important}
.picScroll-left .prev{left:0}
.picScroll-left .next{right:0}
.picScroll-left .prev, .picScroll-left .next{display:block; position:absolute; top:50%; transform:translate(0,-50%); cursor:pointer; width:40px; height:48px; line-height:48px; font-family:"宋体"; font-weight:bold; font-size:30px; text-align:center; color:#848386; background:rgba(0,0,0,.7); z-index:999}
.picScroll-left .prev:hover, .picScroll-left .next:hover{color:#FFF; background:var(--i_color)}

.picScroll-left .bd{width:100%; margin:0 auto; overflow:hidden}
.pic_li_list li{width:100%; float:left; overflow:hidden; text-align:center; margin-right:0; position:relative}
.pic_li_list li img{width:100%; height:var(--li_h); object-fit:cover}

.i_team_list li a:hover p{bottom:0}
.i_team_list li p{-webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -ms-transition:all 0.5s ease; -o-transition:all 0.5s ease; transition:all 0.5s ease}

.a_more{display:table; margin:40px auto 0; border:1px solid #D4D4D4; position:relative}
.a_more:after{content:""; position:absolute; left:0; top:0; width:0; height:100%; background:var(--i_color); z-index:-1}
.a_more p{display:inline-block; padding:0 60px; font-size:13px; color:#666; line-height:46px; position:relative; z-index:2}






/* -------------------- 富邦优势 -------------------- */
/* .i_fbys{margin:48px auto; overflow:hidden}

.i_fbys dl{overflow:hidden}
.i_fbys dt{float:left; width:31.5%; margin:0 2.75% 30px 0}
.i_fbys dt:nth-child(3n){margin-right:0}

.i_fbys_img{width:100%; height:162px; overflow:hidden}
.i_fbys_img img{width:100%; height:100%; object-fit:cover}

.i_fbys_info{height:210px; padding:18px; border:1px solid #DDD}
.i_fbys_info h1{font-size:18px; color:#1D1D1D; font-weight:bold}
.i_fbys_info p{margin:12px 0; font-size:16px; color:#555}
.i_fbys_info b{display:block; padding-left:20px; margin:5px 0; font-size:14px; color:#666; line-height:20px; position:relative}
.i_fbys_info b:before{content:""; position:absolute; top:6px; left:0; width:6px; height:6px; background:var(--i_color)} */

/* -------------- 品质工艺 -------------- */
.i_pzgy{margin:55px auto 0; padding:0 0 68px; background:url(/css/"../images/i_pzgy_bg.jpg"/*tpa=http:/www.ahfbzs.com/images/i_pzgy_bg.jpg*/) no-repeat center}

.look_pzgy{display:block; margin:-10px auto 60px; width:205px; height:38px; line-height:38px; border:1px solid #CCC; text-align:center; font-size:13px; color:#727272}
.look_pzgy:hover{background:#009633; border-color:#009633; color:#FFF}

.pzgy_list{overflow:hidden; display:flex; display:-webkit-flex; /* Safari */ justify-content:space-between; flex-wrap:wrap;}
.pzgy_list dt{width:14%; text-align:center}
.pzgy_list em{display:block; margin:0 auto; width:60px; height:60px; background:url(/css/"../images/i_pzgy_ico.png"/*tpa=http:/www.ahfbzs.com/images/i_pzgy_ico.png*/) no-repeat}
.pzgy_list dt:nth-child(1) em{background-position:0 0}
.pzgy_list dt:nth-child(2) em{background-position:0 -60px}
.pzgy_list dt:nth-child(3) em{background-position:0 -120px}
.pzgy_list dt:nth-child(4) em{background-position:0 -180px}
.pzgy_list dt:nth-child(5) em{background-position:0 -240px}
.pzgy_list dt:nth-child(6) em{background-position:0 -300px}
.pzgy_list h1{font-size:17px; color:#313131; margin:25px auto 15px}
.pzgy_list p{font-size:14px; color:#7a7a7a; line-height:20px}




/* -------------------- 工装百科 -------------------- */
.i_bk{--cont_h:286px}
.i_bk{padding:50px 0 60px; background:#F2F2F2; overflow:hidden}

.i_wiki_list{overflow:hidden}

.i_bk_fl_tit{width:16%; height:var(--cont_h); background:var(--i_color); display:flex; justify-content:center; align-items:center; position:relative}
.i_bk_fl_tit:after{
	content:"";
	position:absolute;
	top:50%;
	transform:translate(0,-50%);
	right:0;
	width:0;
	height:0;
	border-top:12px solid transparent;
	border-right:14px solid #FFF;
	border-bottom:12px solid transparent;
	}
.i_bk_fl_tit p{font-size:22px; color:#FFF; text-align:center}
.i_bk_fl_tit em{display:block; margin:25px auto 0; width:46px; height:36px; background:url(/css/"../images/zxgl_tit_ico.png"/*tpa=http:/www.ahfbzs.com/images/zxgl_tit_ico.png*/) no-repeat center}

.i_bk_list{width:41%; height:var(--cont_h); background:#FFF}
.i_bk_list_tit{padding-left:22px; margin:20px 0; font-size:17px; line-height:17px; color:#1f1e1e; position:relative}
.i_bk_list_tit:before{content:""; position:absolute; top:0; left:0; width:2px; height:100%; background:var(--i_color)}

.i_bk_list ul{padding:0 22px; overflow:hidden}
.i_bk_list li{overflow:hidden}
.i_bk_list li a{display:block; float:left; padding-left:20px; max-width:74%; font-size:14px; color:#474747; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; position:relative}
.i_bk_list li a:before{content:""; position:absolute; top:15px; left:0; width:5px; height:1px; background:#989898}
.i_bk_list li i{float:right; font-size:13px; color:#9F9F9F}
.i_bk_list li a, .i_bk_list li i{line-height:30px}
.i_bk_list li a:hover{color:var(--i_color)}






/* -------------------- 战略合作伙伴 -------------------- */
.i_partner{margin:48px auto; overflow:hidden}

.i_partner_list{overflow:hidden}
.i_partner_list li{float:left; width:15.5%; margin:0 1.4% 18px 0}
.i_partner_list li:nth-child(6n){margin-right:0}
.i_partner_list li a{display:flex; width:100%; height:80px; box-sizing:border-box; border:1px solid #E1E1E1; justify-content:center; align-items:center}
.i_partner_list li img{
	max-width:90%;
	max-height:90%;
	opacity:.5;
	-webkit-filter:grayscale(1);
	-moz-filter:grayscale(1);
	-o-filter:grayscale(1);
	-ms-filter:grayscale(1);
	filter:grayscale(1);
	}
.i_partner_list li a:hover{border-color:var(--i_color)}
.i_partner_list li a:hover img{opacity:1; -webkit-filter:grayscale(0); -moz-filter:grayscale(0); -o-filter:grayscale(0); -ms-filter:grayscale(0); filter:grayscale(0)}





/* -------------- footer -------------- */
footer{padding:60px 0 0; background:#007400}
.f_cont{overflow:hidden}

.f_logo img{max-width:225px}
.f_line{position:relative; padding-right:26px; margin-right:26px; border-right:1px solid #3c3c3c}
.f_line:before{content:""; position:absolute; top:0; right:0; width:1px; height:100%; background:#129412}

.f_contact{max-width:270px; overflow:hidden}
.f_tel{margin-bottom:15px}
.f_tel p{font-size:28px; color:#ffffff; padding-left:48px; background:url(/css/"../images/home/f_tel_ico.png"/*tpa=http:/www.ahfbzs.com/images/f_tel_ico.png*/) no-repeat left center}
.f_tel i{display:block; font-size:15px; color:#CCCCCC}
.f_contact b{display:block; margin-bottom:5px; font-size:13px; color:#cccccc; line-height:22px}

.f_nav{overflow:hidden}
.f_nav dl{float:left; margin-right:45px}
.f_nav dl:last-child{margin-right:0}
.f_nav dt a{display:block; font-size:16px; color:#ffffff; margin-bottom:12px}
.f_nav dd a{font-size:13px; color:#ffffff; line-height:29px}
.f_nav a:hover{color:#CCCCCC}

.f_qr{text-align:center}
.f_qr img{max-height:110px}
.f_qr p{font-size:12px; color:#ffffff; margin-top:12px}

.f_bq{margin:45px auto 16px}
.f_bq h6{font-size:12px; color:#ffffff; text-align:center}

.f_link{width:100%; padding:10px 0; overflow:hidden; background:rgba(0,0,0,.3)}
.f_link_list p, .f_link_list a{display:inline-block; color:#616161; line-height:22px}
.f_link_list p{font-size:13px}
.f_link_list a{font-size:12px; position:relative}
.f_link_list a:after{content:"|"; font-size:12px; color:#616161; margin:0 10px}
.f_link_list a:last-child:after{display:none}

.f_link_list a:hover{color:var(--i_color)}


/* 右侧固定 qq客服 */
.dockCon a:link,.dockCon a:visited { color: #fff;}
.dockCon a:active, .dockCon a:hover { color: #fff; }
.dock { position: fixed; width: 58px; bottom: 5%; right: 0px; z-index: 1000; }
.dockCon li{ height: 58px; line-height: 44px; display: block; width: 58px; margin-bottom: 3px; position: relative;}
.dockCon .item-con{ left: 0%; position: absolute;}
.dockCon a{ background-color: #333333; display: block; height: 58px;}
.dockCon i { width: 58px; height: 58px; display: block; float: left; background-position: center center; background-size: cover; background-repeat: no-repeat; position: relative; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }
.dockCon .num1{ background: url(/css/"../images/num.png"/*tpa=http:/www.ahfbzs.com/images/num.png*/) no-repeat; width: 30px; height: 30px; position: absolute; left: -15px; top: -10px;}
.dockCon .i2 { background-image: url(/css/"../images/dock_2.png"/*tpa=http:/www.ahfbzs.com/images/dock_2.png*/); }
.dockCon .i3 { background-image: url(/css/"../images/dock_3.png"/*tpa=http:/www.ahfbzs.com/images/dock_3.png*/); }
.dockCon .i4 { background-image: url(/css/"../images/dock_4.png"/*tpa=http:/www.ahfbzs.com/images/dock_4.png*/); }
.dockCon .i5 { background-image: url(/css/"../images/dock_5.png"/*tpa=http:/www.ahfbzs.com/images/dock_5.png*/); }
.dockCon a .txt{ float: left; display: block; font-size: 20px; border-left: 2px solid #fff; padding-left: 10px; height: 44px; margin: 7px 0px 0px 0px;}
.qqD,.zxD,.telD{ width: 162px;}
.telD{ width: 200px;}
.ermD{ position: relative; width: 58px; height: 58px;}
.ermD .ermbox{ position: absolute; right: 100%; top: 50%; margin-top: -70px; padding: 10px; background-color: #fff; width: 120px; height: 120px; display: none; }
.ermD .ermbox img{ width: 100%; display: block;}
.ermD:hover .ermbox{ display: block; }
.dockCon .con { background-color: #fff; color: #b4b4b4; position: absolute; right: 0px; display: none; z-index: -1; }
.backTop .it{ background: url(/css/"../images/dock_11.png"/*tpa=http:/www.ahfbzs.com/images/dock_11.png*/) no-repeat scroll center top; width: 100%; height: 11px; position: absolute; left: 0px; top: -11px;}
.dockCon a.telD .txt{ font-size: 16px;}
.dockCon li.first{ margin-bottom: 0px; text-align: center; line-height: 1.2;}
.dockCon li.first a{ width: 100%; padding: 12px 0px 0px; height: 46px;}
.dockCon li.first a .i1{ background: url(/css/"../images/dock_1.png"/*tpa=http:/www.ahfbzs.com/images/dock_1.png*/) no-repeat scroll center bottom; padding-bottom: 20px; display: block;}
.dockCon li:hover a { background-color: #b53146;}
.dockCon li:hover a .it{ background-image: url(/css/"../images/dock_13.png"/*tpa=http:/www.ahfbzs.com/images/dock_13.png*/);}
.dockCon li .item-first{ left: -104px; position: absolute;}
.dockCon li .item-first a { background-color: #b53146;}






/* -------------- 内页 -------------- */

#n_title{margin:45px auto 28px; border-bottom:1px solid #ebebeb; padding-bottom:20px; position:relative; text-align:center}
#n_title h1{font-size:26px; color:#4b4b4c; margin-bottom:10px}
#n_title p{font-size:14px; color:#606061; text-transform:uppercase; position:relative}
#n_title p:before{content:""; position:absolute; left:50%; transform:translate(-50%,0); bottom:-20px; width:30px; height:2px; background:#F60}

/* 内页banner */
.ny_banner{--ny_nav_h:50px}
.ny_banner{width:100%; height:240px; position:relative; overflow:hidden}
.ny_banner img{width:100%; height:100%; object-fit:cover}

/* 内页banner导航 */
.ny_b_nav{position:absolute; left:0; bottom:0; width:100%}
.ny_b_nav .wrap{background:rgba(0,0,0,.5); overflow:hidden}
.ny_b_nav h1{float:left; font-size:22px; color:#FFF; padding:0 30px; line-height:var(--ny_nav_h); background:rgba(0,0,0,.5)}
.ny_b_nav ul, .ny_b_nav li{float:left}
.ny_b_nav li a{display:block; padding:0 30px; font-size:15px; color:#FFF; line-height:var(--ny_nav_h)}
.ny_b_nav_on, .ny_b_nav li a:hover{background:var(--i_color)}

/* 内页左右 */
.ny_left{width:22%}
.ny_right{width:73%}

/* 内页固定左侧案例分类导航 */
.ny_left_nav{overflow:hidden}
.ny_left_nav li{overflow:hidden}
.ny_nav_tit{width:100%; background:url(/css/"../images/ny_nav_tit_bg.gif"/*tpa=http:/www.ahfbzs.com/images/ny_nav_tit_bg.gif*/) repeat}
.ny_nav_tit p{font-size:15px; color:#FFF; font-weight:bold; line-height:42px; margin-left:15px}
.ny_nav_tit i{font-size:12px; color:#CB7774; text-transform:capitalize}

.ny_nav_list{padding:0 14px; box-sizing:border-box; border-left:1px solid #E5E5E5; border-right:1px solid #E5E5E5; overflow:hidden}
.ny_left_nav li:last-child .ny_nav_list{border-bottom:1px solid #E5E5E5}
.ny_nav_list dt{float:left; width:50%; border-bottom:1px dashed #DDD; position:relative}
.ny_nav_list dt:before{content:""; position:absolute; top:50%; transform:translate(0,-50%); left:0; width:0; height:0; border-top:4px solid transparent; border-bottom:4px solid transparent; border-left:4px solid #A4A4A4}
.ny_nav_list a{display:block; padding-left:12px; font-size:13px; line-height:42px; color:#5B5B5B; overflow:hidden; white-space:nowrap; text-overflow:ellipsis}
.ny_nav_list a:hover{color:var(--i_color); text-decoration:underline}


/* 内页 - 右侧 */
.ny_right_tit{margin-bottom:18px; border-bottom:1px solid #DDD; overflow:hidden}
.ny_right_tit h1{float:left; font-size:20px; color:#464646; line-height:50px; font-weight:bold}

/* 当前位置 */
.position{overflow:hidden}
.position dl{float:right}
.position dt{float:left}
.position dt a{font-size:12px; color:#666; line-height:50px; position:relative}
.position dt a:before{content:">"; margin:0 6px; color:#888!important}
.position dt a:hover{color:#F60}
.position dt:first-child a:before{content:"您当前的位置 ："; margin:0}






/* 工装案例 */
.ny_case_article, .ny_case_article *{font-size:14px; color:#626262; line-height:30px}

.ny_case_list{margin:28px 0; padding:8px 0 0; overflow:hidden}
.ny_case_list li{float:left; width:30.3333%; margin:0 4.5% 55px 0}
.ny_case_list li:nth-child(3n){margin-right:0}
.ny_case_list li a{display:block; overflow:hidden}

.ny_case_pic{width:100%; height:210px; overflow:hidden}
.ny_case_pic img{width:100%; height:100%; object-fit:cover}
.ny_case_list li p{font-size:16px; color:#2B2A2A; line-height:50px}
.ny_case_list li span{font-size:12px; color:#7E7E7E; line-height:22px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2}

.ny_case_list li:hover{-webkit-transform:translate(0,-8px); -moz-transform:translate(0,-8px); -o-transform:translate(0,-8px); -ms-transform:translate(0,-8px); transform:translate(0,-8px)}
.ny_case_list li a:hover img{-webkit-transform:scale(1.04,1.04); -moz-transform:scale(1.04,1.04); transform:scale(1.04,1.04)}
.ny_case_list li a:hover p{color:var(--i_color)}
.ny_case_list li, .ny_case_pic img{-webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -ms-transition:all 0.5s ease; -o-transition:all 0.5s ease; transition:all 0.5s ease}







/* 内页简介页 */
.ny_about{overflow:hidden}

.ny_about_box{margin-bottom:30px; overflow:hidden}
.ny_about_box>h1{display:inline-block; margin-bottom:22px; font-size:17px; color:#FFF; font-weight:bold; padding:5px 24px; background:var(--i_color)}

.ny_about_box .fl{width:44%}
.ny_about_box .fr{width:52%}
.ny_about_box .fr img{width:100%}



/* 简介-文章 单页文字 */
article, article *{font-size:15px; line-height:200%; color:#666}
/*article img{display:block; max-width:100%; height:initial!important}
*/




/* 内页-新闻资讯 */
.ny_news_list{overflow:hidden}
.ny_news_list li{margin-bottom:45px; overflow:hidden}
.ny_news_list a{display:block; overflow:hidden}

.news_pic{width:24%; height:145px; overflow:hidden}
.news_pic img{width:100%; height:100%; object-fit:cover}

.news_cont{max-width:60%; margin-left:35px}
.news_cont h1{max-width:100%; font-size:18px; color:#555; font-weight:bold; padding-bottom:12px; border-bottom:1px dashed #DDD; margin:24px 0 12px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis}
.news_cont p{font-size:12px; color:#888; line-height:22px}

.news_time{margin-top:38px; overflow:hidden; padding-bottom:20px; position:relative}
.news_time p{font-size:28px; color:#777}
.news_time i{display:block; line-height:30px; font-size:14px; color:#666}
.news_time:before{content:""; position:absolute; left:0; bottom:0; width:45px; height:1px; background:rgba(0,0,0,.4); z-index:2}
.news_time:after{content:">"; position:absolute; left:40px; bottom:-12px; font-family:"宋体"; font-size:18px; color:rgba(0,0,0,.5); z-index:1}

.ny_news_list a:hover img{-webkit-transform:scale(1.15,1.15); -moz-transform:scale(1.15,1.15); transform:scale(1.15,1.15)}
.ny_news_list a:hover h1{color:var(--i_color)}
.ny_news_list a:hover .news_time:before{left:20px; background:var(--i_color)}
.ny_news_list a:hover .news_time:after{left:60px; color:var(--i_color)}

.news_pic img, .news_cont h1, .news_time:before, .news_time:after{-webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -ms-transition:all 0.5s ease; -o-transition:all 0.5s ease; transition:all 0.5s ease}

/* 内页-新闻内容页(三级页面) */
.article_tit{margin-bottom:35px; padding:0 0 28px 22px; position:relative; border-bottom:1px dashed #CCC}
.article_tit:before{content:""; position:absolute; top:0; left:0; width:3px; height:52px; background:#009633}
.article_tit h1{font-size:22px; font-weight:bold; color:#333; margin-bottom:5px}
.article_tit p{font-size:13px; color:#777}
.article_tit i{margin-right:5px}

.tiao{width:100%; overflow:hidden; margin:65px auto 40px}
.tiao p{width:46%; line-height:40px; font-size:14px; color:#444; overflow:hidden; white-space:nowrap; text-overflow:ellipsis}
.tiao p a{color:#009633}
.downnew{text-align:right}





/* 内页 - 设计团队 */
.ny_team{--li_w:23.5%; --li_mr:2%}
.ny_team_header{margin:0 0 40px}
.ny_team_header h1{font-size:30px; padding-left:25px; position:relative}
.ny_team_header h1:before{content:""; position:absolute; top:50%; transform:translate(0,-50%); left:0; width:3px; height:69%; background:#E40000}
.ny_team_header i{color:#E40000}
.ny_team_header b{margin-left:20px; font-size:26px; color:#BBB; text-transform:uppercase}
.ny_team_header span{display:block; width:65%; font-size:13px; color:#999; line-height:24px; margin-top:18px}

.ny_team_list{overflow:hidden}
.ny_team_list li{float:left; width:var(--li_w); margin:0 var(--li_mr) 24px 0; position:relative}
.ny_team_list li:nth-child(4n){margin-right:0}
.ny_team_list li a{display:block; height:244px; overflow:hidden; position:relative}
.ny_team_list>li>a>img{width:100%; height:100%; object-fit:cover}
.ny_team_list li p{position:absolute; left:0; bottom:0; text-align:center; width:100%; line-height:40px; background:rgba(0,0,0,.7); font-size:13px; color:#FFF; overflow:hidden; white-space:nowrap; text-overflow:ellipsis}

.ny_team_list li:hover p{background:var(--i_color)}

/* 内页-设计团队详情页(三级页面) */
.ds_team_info{margin-bottom:60px; overflow:hidden}

.ds_art_header{width:32%}
.ds_art_header img{width:100%}

.ds_art_text{width:58%; padding:15px 5%; overflow:hidden}
.ds_art_tit{padding-bottom:10px; margin-bottom:10px; border-bottom:1px solid #DDD; overflow:hidden}
.ds_art_tit h1{float:left; font-size:26px; color:#000; font-weight:bold; letter-spacing:5px; padding-left:16px; position:relative}
.ds_art_tit h1:before{content:""; position:absolute; top:50%; transform:translate(0,-50%); left:0; width:2px; height:24px; background:var(--i_color)}
.ds_art_tit p{float:left; font-size:13px; color:#666; line-height:42px; margin-left:15px; position:relative}
.ds_art_tit p:before{content:"【"}
.ds_art_tit p:after{content:"】"}

.ds_des{overflow:hidden}
.ds_des dt{overflow:hidden; margin-bottom:5px; line-height:30px; position:relative}
.ds_des dt i{position:absolute; top:0; left:0; font-size:15px; color:#333}
.ds_des dt i:after{content:"："}
.ds_des dt b{display:block; padding-left:80px; font-size:13px; color:#888}

/* 更多案例 */
.ny_left_list_tit{font-size:20px; color:var(--i_color); padding-bottom:10px; border-bottom:1px solid #EEE; margin:10px 0 15px}
.case_article_more ul{overflow:hidden}
.case_article_more li{float:left; width:22.75%; margin:0 3% 30px 0; overflow:hidden}
.case_article_more li:nth-child(4n){margin-right:0}
.case_article_more li img{width:100%; height:136px; object-fit:cover}
.case_article_more li p{height:46px; padding:8px 0; font-size:13px; color:#666; line-height:22px}
.case_article_more li a:hover p{color:var(--i_color)}





/* 页数 */
.page-box{overflow:hidden; margin:35px auto 60px}
.center_page{text-align:center}
.pages{overflow:hidden; display:inline-block}
.pages a{float:left; color:#555; font-size:13px; padding:5px 15px; margin:0 6px; border:1px solid #CCC; -webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; border-radius:5px}
.pages a:nth-child(1){margin-left:0!important}
.pages .on{background:var(--i_color); border:1px solid var(--i_color); color:#FFF}
.pages a:hover{background:var(--i_color); border:1px solid var(--i_color); color:#FFF}



/* 页数 */
.page-box{overflow:hidden; text-align:center; margin:25px auto 40px}
.pages{overflow:hidden; display:inline-block}
.pages a{float:left; color:#555; font-size:13px; padding:5px 10px; margin:0 6px; border:1px solid #CCC; -webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; border-radius:5px}
.pages a:nth-child(1){margin-left:0!important}
.pages .on{background:var(--i_color); border:1px solid var(--i_color); color:#FFF}
.pages a:hover{background:var(--i_color); border:1px solid var(--i_color); color:#FFF}
/* 上一条 下一条 */
.tiao{width:100%; overflow:hidden; margin:65px auto 40px}
.tiao p{width:46%; line-height:40px; font-size:14px; color:#444; overflow:hidden; white-space:nowrap; text-overflow:ellipsis}
.tiao p a{color:var(--i_color)}
.downnew{text-align:right}





/* 内页-联系我们 */
.ny_contact{overflow:hidden; margin-bottom:30px}

.ny_contact_logo{width:23%; height:295px; background:rgba(0,0,0,.08); display:flex; justify-content:center; align-items:center}
.ny_contact_logo img{max-width:90%; max-height:75%}

.ny_contact_text{width:72%; overflow:hidden}
.ny_contact_text h1, .ny_contact_text i{font-size:20px; font-weight:bold; margin-bottom:14px}
.ny_contact_text h1{color:#555}
.ny_contact_text i{display:block; color:#F60}
.ny_contact_text p{font-size:14px; color:#777; line-height:24px}
.dotted_line{display:block; width:100%; height:1px; margin:14px 0; border-bottom:1px dashed #CCC}

#allmap{width:100%; height:420px; background:#DDD}




/* 内页-装修案例 风格筛选 */
.jz_case_screen{overflow:hidden; padding-bottom:16px; border-bottom:1px solid #E5E5E5; margin:10px 0 25px}
.jz_case_screen dl{float:left; overflow:hidden; margin-bottom:20px}
.jz_case_screen dt, .jz_case_screen dd{float:left}
.jz_case_screen dt{font-size:18px; color:#444; font-weight:bold}
.jz_case_screen dd{margin-left:14px}
.jz_case_screen dd a{display:block; padding:0 12px; border:1px solid #DDD; font-size:13px; color:#555}
.jz_case_screen dt, .jz_case_screen dd a{height:26px; line-height:26px;}
.jz_case_screen dd a:hover, .jz_case_on{color:#CD0000!important; border:1px solid #CD0000!important}


.case_header{overflow:hidden; margin-bottom:15px; border-bottom:1px solid #EEE}

.ds_case_tit{width:50%; overflow:hidden}
.ds_case_tit img{float:left; margin-right:20px; width:50px; height:62px; object-fit:cover}
.ds_case_tit h1, .case_position{font-size:20px; color:#666; line-height:62px}
.ds_case_tit h1{float:left}
.case_position{padding-left:30px; background:url(/css/"../images/case_position.png"/*tpa=http:/www.ahfbzs.com/images/case_position.png*/) no-repeat left center}

.jz_case_img{overflow:hidden}
.jz_case_img dt{float:left; width:31.6666%; height:175px; margin-right:2.5%; overflow:hidden}
.jz_case_img dt img{width:100%; height:100%; object-fit:cover}
.jz_case_img dt:nth-child(3n+0){margin-right:0}

.jz_case_list li:hover .ds_case_tit h1{color:#CD0000}
.jz_case_img dt:hover img{-webkit-transform:scale(1.12,1.12); -moz-transform:scale(1.12,1.12); transform:scale(1.12,1.12);}

.jz_case_img dt img{-webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -ms-transition:all 0.5s ease; -o-transition:all 0.5s ease; transition:all 0.5s ease;}



/* 内页-装修案例详情页(三级页面) */
.case_article_tit{text-align:center; margin-bottom:28px}
.case_article_tit h1{font-size:24px; color:#333; font-weight:bold; margin-bottom:30px}
.case_article_tit dl{display:inline-block; overflow:hidden}
.case_article_tit dt{float:left; padding:6px 22px; margin:0 15px; border:1px solid rgba(0,0,0,.1); font-size:18px; color:#333; font-weight:bold; text-align:center; position:relative}
.case_article_tit dt:before{content:""; opacity:.8; position:absolute; top:-1px; right:-1px; width:0; height:0; border-width:0 8px 8px 0; border-style:solid; border-color:transparent #CD0000}
.case_article_tit dt p{font-weight:normal; font-size:13px; color:#666; margin-top:8px}

/* 装修案例内容图片集 */
.ban{width:100%; height:600px; position:relative; overflow:hidden; margin:0 auto}

/* 大图 */
.ban2{width:100%; height:500px; position:relative; overflow:hidden}
.ban2 ul{position:absolute; left:0; top:0; height:100%!important}
.ban2 li{float:left; width:975px; height:500px; background:rgba(0,0,0,.1); text-align:center; display:flex; justify-content:center; align-items:center;}
.ban2 li img{max-width:100%; max-height:100%}

/* 大图左右箭头 */
.prev1, .next1{
	position:absolute;
	top:50%;
	transform:translate(0,-50%);
	width:65px;
	height:60px;
	line-height:60px;
	background:rgba(0,0,0,.5);
	text-align:center;
	font-family:"宋体";
	font-size:40px;
	font-weight:bold;
	color:#FFF;
	z-index:9;
	cursor:pointer;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
	}
.prev1{left:0}
.next1{right:0}

/* 缩略图 */
.min_pic{padding-top:10px; width:785px; overflow:hidden; margin:0 auto}
.num{height:82px; overflow:hidden; width:685px; position:relative; float:left}
.num ul{position:absolute; left:0; top:0; height:100%!important}
.num ul li{width:130px; height:80px; margin-right:5px; padding:1px; cursor:pointer; outline:none}
.num ul li.on{border:1px solid red; padding:0}
.num ul li img{width:100%; height:80px; object-fit:cover}

/* 缩略图左右箭头 */
.prev_btn1{float:left; margin-right:10px}
.next_btn1{float:right}
.prev_btn1, .next_btn1{
	width:40px;
	height:40px;
	line-height:40px;
	background:#CD0000;
	font-family:"宋体";
	font-size:18px;
	font-weight:bold;
	color:#FFF;
	text-align:center;
	margin-top:24px;
	cursor:pointer;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
	}
.prev_btn1 img, .next_btn1 img{padding:6px 5px; background:rgba(0,0,0,.1)}

/* 设计理念 */
.design_idea{overflow:hidden; margin:30px 0 100px}
.design_idea h1{text-align:center; font-size:24px; color:#000; margin-bottom:38px; position:relative}
.design_idea h1:before{content:""; position:absolute; left:50%; transform:translate(-50%,0); bottom:-18px; width:46px; height:2px; background:#CD0000}

/* 更多案例 */
.case_article_more ul{overflow:hidden}
.case_article_more li{float:left; width:22.75%; margin:0 3% 30px 0; overflow:hidden}
.case_article_more li:nth-child(4n){margin-right:0}
.case_article_more li img{width:100%; height:136px; object-fit:cover}
.case_article_more li p{height:46px; padding:8px 0; font-size:13px; color:#666; line-height:22px}
.case_article_more li a:hover p{color:#F60}

/* 内页-左-行业动态 */
.ny_left_news{overflow:hidden}
.ny_left_list_tit{font-size:20px; color:#F60; padding-bottom:10px; border-bottom:1px solid #EEE; margin:10px 0 15px}
.ny_left_news li{overflow:hidden; margin-bottom:10px}
.ny_left_news li img{float:left; width:35%; height:65px; object-fit:cover}
.ny_left_news li p{float:right; width:60%; font-size:13px; color:#666; line-height:20px}
.ny_left_news li a:hover p{color:#F60}

/* 内页-左-推荐案例 */
.ny_left_case{overflow:hidden}
.ny_left_case li{overflow:hidden; margin-bottom:10px}
.ny_left_case_img{height:150px; padding:10px; border:1px solid #DDD; overflow:hidden}
.ny_left_case_img img{width:100%; height:100%; object-fit:cover}
.ny_left_case li p{font-size:15px; color:#666; line-height:160%; text-align:center}
.ny_left_case li:hover .ny_left_case_img{border-color:#F60}
.ny_left_case li:hover p{color:#F60}

.ny_left_case_more{display:block; line-height:36px; text-align:center; font-size:14px; color:#666; box-sizing:border-box; border:2px solid #F60}

/* 内页-左-二维码 */
.mb20{margin-bottom:20px}
.ny_left_phone{width:100%; height:138px; background:#6599e5; -webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; border-radius:3px; position:relative}

.phone_ico{display:block; position:absolute; left:30px; bottom:0; width:86px; height:107px; background:url(/css/"../images/ny_left_phone.png"/*tpa=http:/www.ahfbzs.com/images/ny_left_phone.png*/) no-repeat center; z-index:1}
.p_qr{position:absolute; top:50px; left:42px; z-index:2}
.p_qr img{width:62px}
.ny_left_phone h1{position:absolute; top:50%; transform:translate(0,-50%); right:50px; height:50px; font-size:16px; color:#FFF; line-height:24px; padding-bottom:9px; border-bottom:1px solid rgba(255,255,255,.5)}



/*左侧--新*/
.gs_left { width: 100%; }
.gs_right { width: 915px; background: #fff; }
.lanmu { width: 100%; height: auto; background: #f0f0f0; padding-bottom: 5px; }
.lanmu h3 { width: 100%; height: 50px; background: #be2a27; line-height: 50px; color: #fff; font-size: 18px; font-weight: normal; text-align: center; }
.lanmu ul { margin: 20px 20px; }
.lanmu ul li { text-align: center; height: 35px; background: #FFF; margin-top: 10px; line-height: 35px; border-right: 7px solid #be2a27; color: #767475; }
.house_right { width: 100%; margin-top:20px; background: #F0F0F0; float: right; padding:10px 0 20px; border-top: 2px solid #be2a27; text-align: left; }
.house_right h3 { text-indent: 20px; color: #000; height: 25px; line-height: 25px; font-weight: normal; font-size: 14px; }
.input_txt1 { width: 100%; height: 32px; text-indent: 10px; line-height: 32px; color: #999; margin-top: 10px; }
.tj { background: #ed182a; color: #fff; border-radius: 5px; height: 37px; line-height: 37px; width: 100%; margin-top: 10px; border: none; }
.house_right p { text-align: center; line-height: 25px; height: 25px; }

.house_right p { text-align: left; padding-left: 20px; }
.house_right p.t1 { font-size: 16px; padding-top: 5px; }
.house_right p.t2 { font-size: 16px; }
.house_right p.t2 span { color: #ed182a; }

.side-pics {margin:20px 0;}
.side-pics:first-child {margin-top:0;}
.side-pics img {width:100%;vertical-align:top;}

.side-panel {border:1px solid #ddd;padding:15px 15px 0 20px; background-color: #fff;}
.side-panel + .side-panel {margin-top:20px;}
.side-panel .side-panel-header {border-bottom:1px solid #ddd;font-size:20px;color:#b69454;padding-bottom:5px;}
.side-panel .side-panel-header:before,.side-panel .side-panel-header:after {content:" ";display:table;}
.side-panel .side-panel-header:after {clear:both;}
.side-panel .side-panel-header .more {margin-top:5px;float:right;font-size:14px;color:#999;}
.side-panel .side-panel-header .more:hover {color:#b69454;}
.side-panel .side-panel-body {padding:15px 0;}

.side-media li + li {margin-top:12px;}
.side-media li a {display:block;}
.side-media li a:before,.side-media li a:after {content:" ";display:table;}
.side-media li a:after {clear:both;}
.side-media li a img {float:left;width:93px;height:59px;margin-right:10px;}
.side-media li a span {display:block;zoom:1;overflow:hidden;font-size:12px;line-height:1.4;}

.web_top_bj{
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: center top;

}
.index_dhfont{
	float: left;font-size: 26px;
}

/* 首页banner图切换 S*/
#indBanner{max-width: 1920px;clear: both;text-align: center;position: relative;margin:0 auto 0px auto;z-index:-200000}
/*
#indBanner{max-width: 1920px;clear: both;text-align: center;position: relative;margin:0 auto 0px auto;max-height: 461px;z-index:-200000}
#indBanner .bd .con{display:none;}
#indBanner .bd .pic img{width:100%;  }*/
/*#indBanner .hd { height:10px; overflow:hidden; width:100%; position:absolute; left:0; bottom:30px; text-align:center; font-size:0; }
#indBanner .hd li{display:inline-block; *display:inline; zoom:1; cursor: pointer; vertical-align:top; margin:0 3px; width:10px; height:10px; background:#fff; -webkit-border-radius:14px; -moz-border-radius:14px; border-radius:14px; transition:0.5s;-moz-transition:0.5s;-webkit-transition: 0.5s;-o-transition:0.5s;  }
#indBanner .hd li span{display:none; }*/
/*#indBanner .hd .on{ background:#e6c264; width: 24px; }
#indBanner .bd li{ height:461px; }*/
/*#indBanner .prev,#indBanner .next { display: none;}*/