@charset "utf-8";
@import url(reset.css);
@import url(common.css);
@import url(public.css);
    /*轮播*/
    .banner{width:100%;}
  	.focusBox { width:100%; height:800px;position: relative; margin:0 auto;overflow: hidden; }
	.focusBox .pic{height:800px; position:relative; z-index:0;overflow:hidden;}
	.focusBox .pic img{ width:100%; height:800px; display: block; }
	.focusBox .pic li{float:left;height:800px;}
	.focusBox .pic li a{display:block;height:800px;}
	.focusBox .hd { width:100%; position: absolute;left:0px; bottom: 60px; text-align: center; font-size:0; z-index:1; }
	.focusBox .hd li{margin:20px 5px; background:#FFF;border-radius:16px; behavior:url(PIE.htc);height:16px; overflow: hidden; width:16px; cursor: pointer;display:inline-block; *display:inline; zoom:1;}
	.focusBox .hd .selected{ background-position:0 0; background:rgb(51, 51, 51);  }

	/*中部内容*/
	.content{width: 100%;}
	/*套装产品*/
	.content .set_pro{width:1260px; margin:0 auto; }
	.set_pro .wrap{overflow: hidden; width: 1260px; height: 188px; background: #fff;}
	.set_pro .wrap .title{ width:328px; height: 66px; margin-top:64px; float: left;background:url(../images/product.png) no-repeat;}
/*	.set_pro .wrap .title h3{ font-size: 26px; font-weight:bold; margin-left: 24px;}
	.set_pro .wrap .title h4{ font-size: 24px;margin-top:10px; margin-left: 24px;}*/
	.set_pro .wrap .location{ float: right; width: 276px; height: 40px; overflow: hidden; margin-top:100px;}
	.set_pro .wrap .location ul li{float: left; }
	.set_pro .wrap .location ul .current{background: url(../images/icon1.png) no-repeat 38px 35px; }
	.location ul .current a{color: rgb(51, 51, 51);}
	.location ul li a {display: inline; line-height: 40px; font-size: 14px; }
	.set_pro .wrap .location ul li span{color: rgb(51, 51, 51);}
    .location ul li:hover span{color: rgb(51, 51, 51);}
	.location ul li:hover a{color: rgb(51, 51, 51);}
	.set_pro .wrap .location ul li:hover{background: url(../images/icon1.png) no-repeat 38px 35px;}
	.set_pro .main{ width:1260px; position: relative;}
	.set_pro .main .slideBox{ width:1260px; height:493px; overflow:hidden;position:relative;display:none;}
	.set_pro .main .slideBox.selected{display:block;}
	.slideBox .bd{ position:relative; height:376px; }
	.slideBox .bd li{ zoom:1; vertical-align:middle; }
	.slideBox .bd img{ width:1260px; height:376px; display:block; }
	.set_pro .main .text{ width: 347px;  height:376px; position: absolute;top: 0px;right: 0;  color: #fff; background:rgba(0,0,0,0.5); }
	.set_pro .main .text h3{ margin: 70px 0 0px 46px; font-size: 28px; font-weight:bold; }
	.set_pro .main .text h4{font-size: 20px; margin: 0 0 15px 46px; }
	.set_pro .main .text p{width: 264px; font-size: 14px; margin-left: 46px; margin-bottom: 34px; line-height: 1.5;}
	.set_pro .main .text .more{width: 110px; height: 38px; text-align: center; border: 2px solid #fff; line-height: 38px; font-size: 14px; margin-left: 46px;}
	.set_pro .main .text .more a{color: #fff;line-height: 38px;}
	/*7大空间*/
	.set_pro .main .type{ width: 1260px; height: 117px; position: absolute;bottom: 0; }
	.type .title{float:left;  width: 294px; height: 117px;  background: rgb(51, 51, 51); color: #fff;}
	.type .title h3{width:34px; line-height: 70px; text-align: center; font-size: 52px;  margin-top: 25px; margin-left: 75px; font-weight: bold;}
	.type .title p{width:70px; margin-left: 110px; margin-top: -64px; font-size: 22px;}
	.type .title span{margin-left: 110px; font-size: 14px; font-weight: bold;}
	.type .hd{height: 117px;  overflow:hidden; display: block;}
	.type .hd ul{float: right; width: 966px; height: 117px; text-align: center; overflow:hidden; zoom:1;}
	.type .hd ul li{float:left; width: 138px; height: 117px; }
	.type .hd ul li:nth-child(1){background: #fff url(../images/set_pro2.png) no-repeat center 40px;}
	.type .hd ul li:nth-child(2){background: #fff url(../images/set_pro3.png) no-repeat center 40px;}
	.type .hd ul li:nth-child(3){background: #fff url(../images/set_pro4.png) no-repeat center 40px;}
	.type .hd ul li:nth-child(4){background: #fff url(../images/set_pro5.png) no-repeat center 40px;}
	.type .hd ul li:nth-child(5){background: #fff url(../images/set_pro6.png) no-repeat center 40px;}
	.type .hd ul li:nth-child(6){background: #fff url(../images/set_pro7.png) no-repeat center 40px;}
	.type .hd ul li:nth-child(7){background: #fff url(../images/set_pro8.png) no-repeat center 40px;}
	.type .hd ul li:nth-child(1):hover{background: #fff url(../images/set_pro9.png) no-repeat center 40px;}
	.type .hd ul li:nth-child(2):hover{background: #fff url(../images/set_pro10.png) no-repeat center 40px;}
	.type .hd ul li:nth-child(3):hover{background: #fff url(../images/set_pro15.png) no-repeat center 40px;}
	.type .hd ul li:nth-child(4):hover{background: #fff url(../images/set_pro11.png) no-repeat center 40px;}
	.type .hd ul li:nth-child(5):hover{background: #fff url(../images/set_pro12.png) no-repeat center 40px;}
	.type .hd ul li:nth-child(6):hover{background: #fff url(../images/set_pro13.png) no-repeat center 40px;}
	.type .hd ul li:nth-child(7):hover{background: #fff url(../images/set_pro14.png) no-repeat center 40px;}
	.type .hd ul li a{height: 117px; }
	.type .hd ul li a p{position: relative;top:50px; border-left: 1px solid #ccc; padding-top: 25px; text-align: center;}
	.type .hd ul li .first p{border-left:0;}
	.type .hd ul li:hover a{background: url(../images/icon2.png) no-repeat center 110px;}
	.type .hd ul li.on a{background: url(../images/icon2.png) no-repeat center 110px;}

	/*设计案例*/
	.content .example{width:100%; background:#F0F0F0;margin-top:-117px;padding-top:117px;}
	.example .wrap{ width: 1260px; margin: 0 auto; padding:60px 0 57px;position:relative;overflow:hidden;}
	.example .wrap .title{ width:428px; height: 66px; background:url(../images/works.png) no-repeat;}
/*	.example .wrap .title h3{ font-size: 26px; font-weight:bold; margin-left: 24px;}
	.example .wrap .title h4{ font-size: 24px;margin-top:10px; margin-left: 24px;}*/
	.example .wrap .location{ float: right; width: 480px; height: 40px; position: absolute;top: 90px; right:-70px;}
	.example .wrap .location ul li{float: left; }
	.example .wrap .location ul li a{display: inline-block; height:38px; }
	.example .wrap .location ul .current a{border-bottom: 2px solid rgb(51, 51, 51);}
	.example .wrap .location ul .current span{color: rgb(51, 51, 51);}
	.example .wrap .location ul li a:hover{border-bottom: 2px solid rgb(51, 51, 51);}
	/*案例列表*/
	.exam_list{width: 100%; }
	.exam_list ul{overflow: hidden; width: 100%;}
	.exam_list ul li{float: left; width: 25%;position:relative;overflow:hidden;}
	.exam_list ul li > a{transition: all 1s cubic-bezier(0.175, 0.885, 0.32, 1) 0s;}
	.exam_list ul li:hover > a{transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1) 0s; transform:scale(1.2);}
	.exam_list ul li a{display:block;}
	.exam_list ul li a img{width:100%;display:block;}
	.exam_list ul li .title{ background:rgba(0,0,0,0.6); padding:30px 0; position: absolute; bottom: 0px; color: #fff;width:100%;}
	.exam_list ul li .title h3{font-size: 20px; margin-bottom: 12px; margin-left: 36px;}
	.exam_list ul li .title p{font-size: 14px; margin-left: 36px;}
	.exam_list ul li .sea{ width: 126px; height: 126px; border-radius: 63px; position: absolute;top: 50%;margin-top:-63px; left:50%;margin-left:-50px; text-align: center;background:url(../images/icon4.png) center center rgba(51, 51, 51, 0.8) no-repeat;opacity:0;text-decoration: none; transition: all 1s cubic-bezier(0.175, 0.885, 0.32, 1) 0s;}
	.exam_list ul li:hover .sea{opacity:1;text-decoration: none; transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1) 0s;}
	/*设计团队*/
	.content .designer{width: 100%; }
	.designer .container{width: 100%; background: url(../images/team0.jpg); }
	.designer .container .wrap{ width: 1260px; height: 320px;margin: 0 auto; overflow: hidden;}
	.container .wrap .title{margin-top: 75px; height: 66px; color: #fff;background:url(../images/design.png) no-repeat;}
/*	.container .wrap .title h3{ font-size: 26px; font-weight:bold; margin-left: 24px;}
	.container .wrap .title h4{ font-size: 24px;margin-top:10px; margin-left: 24px;}*/
	/*设计团队列表*/
	.designer .desig_list{width:100%;}
	.desig_list ul{overflow: hidden; width:1260px; margin: 0 auto; margin-top: -105px; margin-bottom: 90px;}
	.desig_list li {float: left; width:420px; height: 420px;}
	.desig_list li img{width:100%;height:100%;}
	.desig_list li a{ font-size:0;height:420px;width:420px;overflow:hidden;display:block;}
	.desig_list li .title{ background:rgba(0,0,0,0.6);height: 70px; position: relative; top: -70px; color: #fff; }
	.desig_list li .title h3{font-size: 20px; margin-left: 26px; margin-top: 24px; display: inline-block;}
	.desig_list li .title p{font-size: 14px; display: inline-block; float: right; margin-right: 26px; margin-top: 27px; }

	/*工程保障*/
	.content .protect{width: 100%;}
	/*工程保障头部*/
	.protect .top{width: 100%;height: 466px;  }
	.protect .top a{display:block;width:100%;height:100%;}
	.protect .top .wrap{width: 1260px;height: 466px; margin: 0 auto; overflow: hidden;}
	.top .wrap .left{width: 50%;height: 466px; float: left;}
	.top .wrap .left img{ margin-top: 62px; margin-left: 90px;}
	.top .wrap .left p{font-size: 50px; color: #fff; margin-left: 130px; font-weight: bold; margin-bottom: 10px;}
	.top .wrap .left p span{font-size: 48px; color: rgb(51, 51, 51); font-weight: bold;}
	.top .wrap .left em{font-size: 30px; color: #fff; margin-left: 130px; }
	.top .wrap .right{ width: 50%; height: 466px; float: right; color: #fff;}
	.right ul{ width: 100%; height: 466px; overflow: hidden; margin-top: 86px;}
	.right ul li{float: left; width: 50%; height: 132px; margin-bottom: 30px;}
	.right ul li img{width: 42px; height: 42px; margin-bottom: 25px;}
	.right ul li h3{ font-size: 42px; }
	.right ul li p{ font-size: 16px; margin-left:4px; font-weight: bold;}
	.right ul li p span{font-size: 14px; }
	/*工程保障中部*/
	.protect .mid{width: 100%; height: 586px; }
	.protect .mid .wrap{width: 1260px; height: 586px; margin: 0 auto; overflow: hidden;}
	.mid .wrap .title{margin-top: 72px; margin-bottom: 62px; height: 66px; background:url(../images/baozhang.png) no-repeat;}
/*	.mid .wrap .title h3{ font-size: 26px; font-weight:bold; margin-left: 24px;}
	.mid .wrap .title h4{ font-size: 24px;margin-top:10px; margin-left: 24px;}*/
	.mid .wrap ul{width: 100%; overflow: hidden;}
	.mid .wrap ul li{width:265px; float: left; margin-right: 50px;}
	.mid .wrap ul li div{width: 133px; height: 133px; border-radius: 66px; behavior:url(PIE.htc);}
	.mid .wrap ul li .prot_icon1{ background:url(../images/sico.png) no-repeat left -133px;}
	.mid .wrap ul li .prot_icon2{ background:url(../images/sico.png) no-repeat -134px -133px;}
	.mid .wrap ul li .prot_icon3{ background:url(../images/sico.png) no-repeat -267px -133px;}
	.mid .wrap ul li .prot_icon4{ background:url(../images/sico.png) no-repeat -400px -133px;}
	.mid .wrap ul li:hover .prot_icon1{background: url(../images/sico.png) no-repeat left top; }
	.mid .wrap ul li:hover .prot_icon2{background:url(../images/sico.png) no-repeat -134px top; }
	.mid .wrap ul li:hover .prot_icon3{background:url(../images/sico.png) no-repeat -267px top; }
	.mid .wrap ul li:hover .prot_icon4{background: url(../images/sico.png) no-repeat -400px top; }
	.mid .wrap ul li h3{margin-top: 30px; font-size: 22px;}
	.mid .wrap ul li .line{width: 30px; height: 3px; background:rgb(51, 51, 51); margin: 22px 0 24px; }
	.mid .wrap ul li p{ font-size: 13px; line-height: 1.8; }
	/*工程列表*/
	.protect .pro_list{width: 100%;}
	.pro_list ul{overflow: hidden;width: 100%; margin:0 auto;}
	.pro_list ul li{float: left; position:relative;width:25%;}
	.pro_list ul li a img{width:100%;height:100%;display:block;}
	.pro_list ul li a{display:block;overflow:hidden;}
	.pro_list ul li a .pro_main{width:100%; height:100%;  position: absolute;top:0px; }
	.pro_list ul li:hover a .pro_main{background:rgba(0,0,0,0.7); }
	.pro_list ul li:hover a .pro_main .text {display: block;}
	.pro_main .text{width:88%; margin:0 auto; display: none;position:absolute;left:0px;top:50%;margin-top:-50px;}
	.pro_main .text h4{width:85%; margin:0px auto 18px; font-size: 18px; color: #fff; font-weight: bold;overflow:hidden;height:30px;}
	.pro_main .text p{width: 85%; margin: 0 auto; font-size: 14px; line-height: 1.5;color: #fff; }

	/*客户口碑*/
	.content .witness{width: 100%;}
	.witness .wrap{width: 1260px; margin: 0 auto; overflow: hidden; padding-bottom: 60px;}
	.witness .wrap .title{margin-top:60px; margin-bottom: 66px; height: 68px;background:url(../images/kehu.png) no-repeat;}
/*	.witness .wrap .title h3{ font-size: 26px; font-weight:bold; margin-left: 24px;}
	.witness .wrap .title h4{ font-size: 24px;margin-top:14px; margin-left: 24px;}*/
	/*客户列表*/
	.witness .wrap ul{width: 100%; overflow: hidden;}
	.witness .wrap ul li{ width: 370px; float: left; margin-right:75px; margin-bottom: 32px; }
	.witness .wrap ul li:nth-child(3n){ margin-right: 0;}
	.witness .wrap ul li>div{ height: 60px; overflow: hidden; }
	.witness .wrap ul li>div h3{margin:5px 0 5px 86px; font-size: 18px; font-weight: bold;}
	.witness .wrap ul li>div span{ margin-left: 86px; font-size: 12px; }
	.witness .wrap ul li .customer1{background: url(../images/icon14.png) no-repeat ;}
	.witness .wrap ul li .customer2{background: url(../images/icon15.png) no-repeat ;}
	.witness .wrap ul li .customer3{background: url(../images/icon16.png) no-repeat ;}
	.witness .wrap ul li .customer4{background: url(../images/icon14.png) no-repeat ;}
	.witness .wrap ul li .customer5{background: url(../images/icon15.png) no-repeat ;}
	.witness .wrap ul li .customer6{background: url(../images/icon16.png) no-repeat ;}
	.witness .wrap ul li .msg{width: 100%; height: 70px; background: #F0F0F0; border-radius:20px; behavior:url(PIE.htc);font-size: 12px; margin-top: 24px;}
	.witness .wrap ul li .msg p{width: 270px; margin: 0 auto; margin-top: 18px; line-height: 1.5;}