/*首页导航+幻灯片*/
.indexhh{width:100%;height:500px;}
/*幻灯片*/
.flashbox{  border-top:4px solid #3D9EE9;  position:fixed;z-index:1;width:100%;  height:500px; overflow:hidden;   }
.flashbox .bd{ position:relative; z-index:0;  }
.flashbox .bd ul{ width:100% !important; padding:0;}
.flashbox .bd li{ width:100% !important;  height:500px; background-size:cover !important;}
.flashbox .bd li .siteWidth{ width:896px; position:relative;  margin:250px auto 0;  height:512px; background:url(../images/flashcbg.png); padding:50px 35px 0 35px;display:none;}
.flashbox .bd li .siteWidth .closebtn{background:url(../images/closebtn.png) no-repeat;width:26px;height:26px;position:absolute;right:4px;top:4px;cursor:pointer;}
.flashbox .bd li .siteWidth h3{line-height:130px;font-size:55px;text-align:center;color:#fff;font-weight: normal;background:url(../images/flashlinebg.png) bottom center no-repeat;}
.flashbox .bd li .siteWidth .desc{line-height:24px;height:120px;overflow: hidden;text-align:center;color:#ccc;font-size:13px;margin:40px 0 0 0;}
.flashbox .bd li .siteWidth .type{width:660px;margin:25px auto 0;}
.flashbox .bd li .siteWidth .more2{width:150px;height:41px;background:url(../images/morebtn3.png) no-repeat;margin:7px auto 0;display:block;}
.flashbox .bd li .siteWidth .type .lp{width:220px;border-right:1px solid #545454;font-size:13px;line-height:18px;text-align:center;height:78px;padding:60px 0 0 0;color:#fff;float:left;background:url(../images/lpico.png) center 8px  no-repeat;}
.flashbox .bd li .siteWidth .type .mj{width:220px;border-right:1px solid #545454;font-size:13px;line-height:18px;text-align:center;height:78px;padding:60px 0 0 0;color:#fff;float:left;background:url(../images/mjico.png) center 8px  no-repeat;}
.flashbox .bd li .siteWidth .type .fg{width:220px;font-size:13px;line-height:18px;text-align:center;height:78px;padding:60px 0 0 0;color:#fff;float:left;background:url(../images/fgico.png) center 8px  no-repeat;}

.flashbox .hd{ width:100%;  position:absolute; z-index:1; bottom:50px; left:0; height:30px; line-height:30px; text-align:center; }
.flashbox .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:50px; height:1px; margin:0px 4px 4px 4px;  overflow:hidden; filter:alpha(opacity=40);opacity:0.4; border-top:1px solid #fff;position:relative;top:0px;}
.flashbox .hd ul .on{ filter:alpha(opacity=100);opacity:1;margin-top:0px; border-bottom:3px solid #fff;top:3px; }
.flashbox .prev,
.flashbox .next{ position:absolute; left:3%; top:50%; margin-top:-16px; display:block; width:33px; height:33px; background:url(../images/arrow4.png) 0 padding-box no-repeat;    }
.flashbox .next{ left:auto; right:3%; background-position:-33px 0px; }
.flashbox .prev:hover,
.flashbox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.flashbox .prevStop{ display:none;  }
.flashbox .nextStop{ display:none;  }
/*首页内容*/
.indexcontent{background:#ddd;position: relative;z-index:10;background:url(../images/contentbg.png);padding:75px 0 0 0;}

/*关于菲拉*/
.about{width:100%;margin:0 auto;padding:0 10px;}
.aboutl h3{font-size:22px;color:#fff;line-height:22px;}
.aboutl h4{font-size:12px;color:#b2b2b2;line-height:34px;}
.aboutl p{font-size:13px;color:#b2b2b2;line-height:24px;margin:15px 0 0 0;}
.aboutl .more{display:block;width:130px;height:35px;background:url(../images/morebtn.png) no-repeat;margin:30px 0 0 1px;}

/*关于菲拉右侧滚动*/
.aboutr{   overflow:hidden; position:relative;background:#413636;  margin:20px 0 0 0;  }
.aboutr .bd{ padding:12px 15px 12px 16px;overflow: hidden;  }
.aboutr .infoList li{ height:35px; line-height:35px; overflow: hidden;  }
.aboutr .infoList li a{font-size:13px;color:#b2b2b2;}

/*菲拉团队*/
.team{width:100%;margin:45px auto 0;}
.teaml{width:100%;background:#413636;padding:20px 10px;}
.teaml ul li{margin:20px auto;width:200px;}

.teaml ul li img{width:199px;height:273px;background:url(../images/teamlibg.png) no-repeat;padding:10px 9px 0 0;}
.teaml ul li .name{font-size:18px;margin:21px 0 0 0;line-height:24px;}
.teaml ul li .name a{color:#fff;}
.teaml ul li .zw{font-size:12px;color:#808080;}
.teaml ul li .zw2{font-size:12px;margin:21px 0 0 0;line-height:18px;color:#808080;}

.teaml .picScroll-left{ width:240px;  overflow:hidden; position:relative;   }
.teaml .picScroll-left .bd ul{ overflow:hidden; zoom:1; }
.teaml .picScroll-left .bd ul li{ margin:0 15px; width:200px; float:left; _display:inline; overflow:hidden; text-align:center;  }


.teamr{background:#413636;padding:54px 10px 20px 10px;}
.teamr h3{color:#fff;font-size:22px;line-height:28px;}
.teamr .ename{color:#808080;font-size:12px;line-height:28px;padding:0 0 0px 0;margin:0;}
.teamr .p1{margin:0 0 5px 0;line-height:22px;color:#b2b2b2;font-size:13px;}
.teamr .more{display:block;width:130px;height:35px;background:url(../images/morebtn.png) no-repeat;margin:13px 0 0 1px;}

/*设计案例*/
.case{background:#0e0e0e;}
.bbottom{border-bottom:1px solid #1e1e1e;}
.zcase{padding:75px 0 85px 0;}
.zcase .cname{font-size:22px;color:#fff;text-align:center;line-height:22px;margin:0;}
.zcase .ename{font-size:12px;color:#898989;text-align:center;line-height:26px;margin:0;}
.zcase ul{margin:37px 0 0 0;padding:0;}
.zcase ul li{width:100%;margin:10px auto;position:relative;}

.zcase .case1{width:100%;position:relative;margin:0 auto;}
.zcase .case1 p{position:absolute;bottom:0;height:45px;line-height:45px;background:#000;padding:0 0 0 25px;margin:0;width:100%;color:#fff;font-size:14px;font-weight: bold;}
.zcase .case1 img{width:100%;height:auto;}
.zcase .case2{width:400px;height:455px;background:#fff;padding:20px 20px 0 20px;position:absolute;top:-20px;left:50%;display:none;z-index:2;margin-left:-200px;}
.zcase .case2 .md{font-size:40px;font-weight: bold;float:left;line-height:72px;border-bottom:2px solid #000;color:#000;margin:0 10px 10px 0;}
.zcase .case2 .year{font-size:15px;font-weight: bold;color:#000;line-height:72px;margin:0 0 10px 0;}
.zcase .case2 .title{line-height:26px;font-size:16px;font-weight: bold;color:#000;margin:0 0 10px 0;}
.zcase .case2 .info{font-size:12px;color:#8b8b8b;}
.zcase .more2{width:150px;height:41px;background:url(../images/morebtn2.png) no-repeat;margin:37px auto 0;display:block;}

/*联系我们*/
.contact{min-height:675px;background:url(../images/map2.jpg) center center no-repeat;background-size:cover;position:relative;}
.contact2{background:url(../images/mapbg.png);min-height:675px;padding:50px 0 50px 0;}
.contact3 .contactl{padding:0 10px;}
.contact3 .contactl .stitle{width:100%;float:left;margin:10px 0px 0 0;}
.contact3 .contactl .nor{margin-right:0;}
.contact3 .contactl .stitle .stitlet{padding:0 0 0 3px;line-height:13px;font-size:13px;color:#fff;}
.contact3 .contactl .stitle .stitlec .iptt{width:100%;background:none;border:0;border:1px solid #fff;padding:0 0 0 5px;line-height:24px;height:24px;color:#ccc;font-size:12px;margin:10px 0 0 0;}
.contact3 .contactl .btitle{margin:50px 0 0 0;}
.contact3 .contactl .btitle .btitlet{padding:0 0 0 3px;line-height:13px;font-size:13px;color:#fff;}
.contact3 .contactl .btitle .btitlec textarea{width:100%;height:108px;background:none;border:0;border:1px solid #fff;padding:0 0 0 5px;line-height:18px;color:#ccc;font-size:12px;margin:10px 0 0 0;}
.contact3 .contactl .submitbtn{margin:43px auto;width:146px;display:block;}
.contact3 .contactl .subdesc{line-height:39px;font-size:13px;color:#fff;}
.contact3 .contactr{width:100%;margin:10px auto;}
.contact3 .contactr .contactrh{background:url(../images/contactrbg.png);padding:44px 10px 0 10px;}
.contact3 .contactr .contactrh>p{text-align:center;line-height:25px;color:#fff;font-size:13px;margin:0;}
.contact3 .contactr .contactrh .address{display:inline-block;background:url(../images/addico.png) center center no-repeat;width:13px;height:12px;margin:0 5px 0 0;}
.contact3 .contactr .contactrh .email{display:inline-block;background:url(../images/emailico.png) center center no-repeat;width:13px;height:12px;margin:0 5px 0 0;}
.contact3 .contactr .contactrh .tel{display:inline-block;background:url(../images/telico.png) center center no-repeat;width:13px;height:12px;margin:0 5px 0 0;}
.contact3 .contactr .contactrh .ewmgroup{text-align:center;margin:22px 0 0 0;}
.contact3 .contactr .contactrh .ewm{display:inline-block;margin:0 9px;}
.contact3 .contactr .contactrh .ewm p{font-size:12px;line-height:30px;color:#fff;}
.contact3 .contactr .contactrf{background:url(../images/contactrbtn.png)center top;width:100%;height:61px;display:block;cursor: pointer;}
.showbtn{width:150px;height:36px;line-height:36px;background:url(../images/contactrbg.png);color:#fff;display:block;cursor: pointer;position:absolute;right:0;bottom:0;text-align:center;display:none;color:#666;}

@media (min-width: 760px) {
.indexhh{width:100%;height:540px;}
.flashbox{  border-top:4px solid #3D9EE9;  position:fixed;z-index:1;width:100%;  height:540px; overflow:hidden;   }
.flashbox .bd li{ width:100% !important;  height:540px; background-size:cover !important;}
.flashbox .bd li .siteWidth{ width:896px; position:relative;  margin:120px auto 0;  height:512px; background:url(../images/flashcbg.png); padding:50px 35px 0 35px;display:none;}

/*设计案例*/
.zcase ul li{width:360px;height:270px;}
.zcase .case1{width:360px;}
.zcase .case1 img{width:360px;height:270px;}
.zcase .case2{width:400px;}
.zcase .case2 img{width:360px;height:270px;}

.teaml .picScroll-left{ width:470px; }

/*联系我们*/
.contact3 .contactr{width:389px;}
.contact3 .contactr .contactrf{width:389px;}

} 
@media (min-width: 1000px) {
	.flashbox .bd li .siteWidth{ display:block;}
	.indexhh{width:100%;height:638px;}
	.flashbox{  border-top:4px solid #3D9EE9;  position:fixed;z-index:1;width:100%;  height:638px; overflow:hidden;   }
	.flashbox .bd li{ width:100% !important;  height:638px; background-size:cover !important;}	
	
	.flashbox .prev,
	.flashbox .next{ position:absolute; left:3%; top:50%; margin-top:-33px; display:block; width:66px; height:66px; background:url(../images/arrow.png) 0 padding-box no-repeat;    }
	.flashbox .next{ left:auto; right:3%; background-position:-66px 0px; }
	
	
	/*关于菲拉*/
	.about{width:1000px;margin:0 auto;padding:0;}
	.aboutl{width:400px;float:left;}
	.aboutr{width:515px;float:right;margin:0 0 0 85px;background:url(../images/marqueebg.png) no-repeat;}
	.aboutr .bd{ padding:62px 75px 39px 66px;overflow: hidden;  }
	
	/*菲拉团队*/
	.team{width:1000px;margin:85px auto 0;}
	.teaml{padding:50px 0 0 40px;}
	.teaml ul li{width:23%;margin:0 10% 0 0;float:left;}
	.teaml ul .join{margin:0;}
	.teamr{padding:54px 57px 0 40px;}
	
	.zcase ul li{margin:10px 2.5%;float:left;width:45%;}
	
	/*联系我们*/
	/*联系我们*/
	.contact{min-height:675px;background:url(../images/map.jpg) center center no-repeat;background-size:cover;}
	.contact3 .contactl .submitbtn{margin:43px 0 0 0;float:left;}
	.contact3 .contactl .subdesc{float:left;margin:43px 0 0 15px;}
	.contact3 .contactl .stitle{width:215px;margin:0 45px 0 0;}
	.contact3 .contactl .stitle .stitlec .iptt{width:215px;}
	.contact3 .contactl .nor{margin-right:0;}
	.contact3 .contactl .btitle .btitlec textarea{width:732px;}

}
@media (min-width: 1200px) { 
	.indexhh{width:100%;height:820px;}
	.flashbox{  border-top:4px solid #3D9EE9;  position:fixed;z-index:1;width:100%;  height:820px; overflow:hidden;   }
	.flashbox .bd li{ width:100% !important;  height:820px; background-size:cover !important;}	
	.flashbox .bd li .siteWidth{ width:896px; position:relative;  margin:100px auto 0;  height:512px; background:url(../images/flashcbg.png); padding:50px 35px 0 35px;}
	
	/*关于菲拉*/
	.about{width:1200px;margin:0 auto;}
	.aboutl{width:540px;float:left;}
	.aboutr{width:515px;float:left;margin:0 0 0 145px;}
	
	/*菲拉团队*/
	.team{width:1200px;padding:0;}
	.teaml{width:763px;height:431px;float:left;padding:50px 0 0 40px;background:url(../images/teambg.png) no-repeat;overflow:hidden;}
	.teaml .picScroll-left{ width:723px; }
	.teamr{width:437px;height:431px;float:left;padding:54px 57px 0 15px;}
	
	/*联系我们*/
	.contact2{padding:135px 0 0 0;}
	.contact3 .contactl{padding:0;}
	.contact3{width:1200px;margin:0 auto;}

	.contact3 .contactl{width:735px;float:left;}
	.contact3 .contactr{float:right;}
	
}
@media (min-width: 1400px) { 
	.indexhh{width:100%;height:870px;}
	.flashbox{  border-top:4px solid #3D9EE9;  position:fixed;z-index:1;width:100%;  height:870px; overflow:hidden;   }
	.flashbox .bd li{ width:100% !important;  height:870px; background-size:cover !important;}
	
	
	
	
}
@media (min-width: 1580px) { 
	.flashbox .bd li .siteWidth{margin:250px auto 0;}
	
	/*设计案例*/
	.zcase{width:1580px;margin:0 auto;}	
	.zcase ul li{width:360px;margin:10px 46px 10px 0;}
	.zcase ul li:nth-child(4n){margin:10px 0 10px 0;}
}
@media (min-width: 1900px) { 
.indexhh{width:100%;height:950px;}
.flashbox{  border-top:4px solid #3D9EE9;  position:fixed;z-index:1;width:100%;  height:950px; overflow:hidden;   }
.flashbox .bd li{ width:100% !important;  height:950px; background-size:cover !important;}	
}