@charset "utf-8";
/* CSS Document */
/*臻质感*/
.fullSlide{width:100%;position:relative;height:524px;z-index:99;}
.fullSlide .bd{ margin:0 auto; position:relative; z-index:0; overflow:hidden; width:100%;}
.fullSlide .bd ul{ width:100% !important; height:524px;  }
.fullSlide .bd li{ width:100% !important;height:524px;overflow:hidden; text-align:center;background-repeat: no-repeat;background-position: center center;}
.fullSlide .bd li a{ display:block; height:524px;padding:0; margin:0; }
.fullSlide .hd{ width:100%;  position: absolute; bottom:20px; height:18px; left: 0px; z-index:9;}
.fullSlide .hd ul{ text-align:center; z-index:9; width:100%;position:absolute;}
.fullSlide .hd ul li{ cursor:pointer; display: inline-block;width:17px; height:17px; margin:0px 10px 0px 10px; overflow:hidden; background-image: url("../images/index/slider_nav.png"); background-position: center 0px; background-repeat: no-repeat; text-indent: -9999px;}
.fullSlide .hd ul li {display:inline-block;*display:inline;*zoom:1;}
.fullSlide .hd ul .on{ background-position: center -17px;}

/*总体*/
.zzganmain{height:4250px;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0;background-image:url(../images/zzgan/page_bg.jpg);background-repeat:no-repeat;background-position:center top}
.zzginnerbox {width:1200px;margin: 0px auto;}

/*体系优势*/
.zzganmain .txystitles{ width:100%; text-align:center; padding-top:50px;padding-bottom:30px;}
.zzganmain .zztxys{
	width:100%;
	height:450px;
	background-image:url(../images/zzgan/txys_circle.png);
	background-repeat:no-repeat;
	background-position:198px center;
	position:relative;
}
.zzganmain .zztxys .zzcricle1{position:absolute;width:47px;height:47px;background-color:#6083a7;border-radius:47px;top:160px;left:170px}
.zzganmain .zztxys .zzcricle1 img{width:35px;height:35px;padding-left:6px;padding-top:6px;padding-right:6px;padding-bottom:2px;box-sizing: content-box;}
.zzganmain .zztxys .zzcricle1 a{display:block;z-index:1;position:absolute}
.zzganmain .zztxys .zzmiaoshu1{position:absolute;top:180px;left:30px}

.zzganmain .zztxys .zzcricle2{position:absolute;width:47px;height:47px;background-color:#6083a7;border-radius:47px;top:30px;left:275px}
.zzganmain .zztxys .zzcricle2 img{width:28px;height:28px;padding-left:10px;padding-top:10px;padding-right:11px;padding-bottom:7px;box-sizing: content-box;}
.zzganmain .zztxys .zzcricle2 a{display:block;z-index:1;position:absolute}
.zzganmain .zztxys .zzmiaoshu2{position:absolute;top:5px;left:135px}

.zzganmain .zztxys .zzcricle3{position:absolute;width:47px;height:47px;background-color:#6083a7;border-radius:47px;top:10px;left:430px}
.zzganmain .zztxys .zzcricle3 img{width:35px;height:35px;padding-left:6px;padding-top:6px;padding-right:6px;padding-bottom:2px;box-sizing: content-box;}
.zzganmain .zztxys .zzcricle3 a{display:block;z-index:1;position:absolute}
.zzganmain .zztxys .zzmiaoshu3{position:absolute;top:0px;left:535px}

.zzganmain .zztxys .zzcricle4{position:absolute;width:47px;height:47px;background-color:#6083a7;border-radius:47px;top:125px;left:563px}
.zzganmain .zztxys .zzcricle4 img{width:35px;height:35px;padding-left:4px;padding-top:6px;padding-right:4px;box-sizing: content-box;}
.zzganmain .zztxys .zzcricle4 a{display:block;z-index:1;position:absolute}
.zzganmain .zztxys .zzmiaoshu4{position:absolute;top:120px;left:635px}

.zzganmain .zztxys .zzcricle5{position:absolute;width:47px;height:47px;background-color:#6083a7;border-radius:47px;top:265px;left:580px}
.zzganmain .zztxys .zzcricle5 img{width:28px;height:28px;padding-left:10px;padding-top:10px;padding-right:11px;padding-bottom:7px;box-sizing: content-box;}
.zzganmain .zztxys .zzcricle5 a{display:block;z-index:1;position:absolute}
.zzganmain .zztxys .zzmiaoshu5{position:absolute;top:280px;left:635px}

.zzganmain .zztxys .zzcricle6{position:absolute;width:47px;height:47px;background-color:#6083a7;border-radius:47px;top:390px;left:490px}
.zzganmain .zztxys .zzcricle6 img{width:40px;height:40px;padding-left:7px;padding-top:2px;padding-right:4px;box-sizing: content-box;}
.zzganmain .zztxys .zzcricle6 a{display:block;z-index:1;position:absolute}
.zzganmain .zztxys .zzmiaoshu6{position:absolute;top:395px;left:560px}

.zzganmain .zztxys .ysname{width:100%;font-size:22px;color:#5f83a7;text-align:center;font-weight:bold;letter-spacing:2px;}
.zzganmain .zztxys .ysmiaoshu{width:100%;font-size:17px;color:#48494a;text-align:center;letter-spacing:2px;font-weight:400;}


/*体系产品*/
.zzganmain .txcptitles{ width:100%; text-align:center;padding-top:75px;padding-bottom:10px;}
.zzganmain .zztxproduct{width:940px;margin: 0px auto;height:320px;position:relative;}
.zzganmain .zztxproduct .zzpro1{position:absolute;width:143px;top:70px;left:0px}
.zzganmain .zztxproduct .zzpro2{position:absolute;width:143px;top:40px;left:270px}
.zzganmain .zztxproduct .zzpro3{position:absolute;width:143px;top:30px;left:540px}
.zzganmain .zztxproduct .zzpro4{position:absolute;width:143px;top:0px;left:815px}

.zzganmain .zztxproduct .productpic{width:100%;}
.zzganmain .zztxproduct .productname{width:100%;text-align:center;font-size:20px;font-weight:bold;color:#FFF;padding-top:8px;letter-spacing:1px;}
.zzganmain .zztxproduct .productcurr{width:100%;text-align:center;padding-top:5px;}

.zzganmain .zzproductcon{width:940px;margin: 0px auto;height:298px;margin-top:30px;}
.zzganmain .zzproductcon .pics{float:left;width:413px}
.zzganmain .zzproductcon .pics .tspics{float:left;width:100%; height:240px; overflow:hidden;}
.zzganmain .zzproductcon .pics .tspics img{ width:413px; height:258px;}
.zzganmain .zzproductcon .pics .txtitles{float:left;width:100%; height:40px; line-height:40px;font-size:16px; text-align:center;color:#fff;letter-spacing:1px;}
.zzganmain .zzproductcon .contents{float:right;width:490px}
.zzganmain .zzproductcon .contents .promenu{float:left;width:100%;font-size:17px;color:#fff;line-height:35px;letter-spacing:1px;padding-top:25px;}
.zzganmain .zzproductcon .contents .probtn{float:left;width:100%;text-align:right}
.zzganmain .zzproductcon .contents .probtn a{padding-left:55px}


/*施工流程*/
.zzganmain .sglctitles{ width:100%; text-align:center;padding-top:65px;padding-bottom:35px;box-sizing:content-box;}
.zzganmain .sglccontent{width:100%;position:relative}
.zzganmain .sglccontent .thumbnail{width:1030px;margin: 0px auto;overflow:hidden;position:relative;padding-top:10px;padding-right:0;}
.zzganmain .sglccontent .thumbnail .swiper-container{width:100%;height:auto;margin-left:auto;margin-right:auto}
.zzganmain .sglccontent .thumbnail .swiper-wrapper{min-width:100%!important}
.zzganmain .sglccontent .thumbnail .swiper-slide{width:25%;height:320px;float:left;text-align:left;order:0!important}
.zzganmain .sglccontent .thumbnail .swiper-slide h3{float:left;width:100%;height:45px;line-height:60px;font-size:20px;color:#2da3b5;font-weight:normal;margin-bottom:30px;letter-spacing:1px}
.zzganmain .sglccontent .thumbnail .swiper-slide h3 span{float:left;width:45px;height:45px;line-height:45px;font-size:20px;color:#fff;font-weight:normal;padding-left:4px;letter-spacing:0;background-image:url(../images/zzgan/sglcnumbg.png);background-repeat:no-repeat;background-position:left center}
.zzganmain .sglccontent .thumbnail .swiper-slide img{width:231px;height:181px;border-radius:15px;/*box-shadow:1px 0 5px rgba(0,0,0,.35);*/}
.zzganmain .sglccontent .swiper-pagination-bullet{width:19px;height:19px;background-color:#ccc;opacity:1}
.zzganmain .sglccontent .swiper-pagination-bullet-active{background:#8bcbd5}

.zzganmain .sglctedian{width:1020px;margin: 0px auto;height:427px;position:relative;padding-top:70px;box-sizing:content-box;}
.zzganmain .sglctedian .tedian{width:100%;position:relative; margin-bottom:70px;}
.zzganmain .sglctedian .tedian .tediancon{width:960px;position:relative;font-size:17px;color:#fff;border:1px solid #fff;padding-top:40px;padding-bottom:40px;padding-left:20px;padding-right:20px;letter-spacing:1px;line-height:35px;box-sizing:content-box;}
.zzganmain .sglctedian .tedian .tediantit1{position:absolute;top:-39px;left:55px; z-index:1;}
.zzganmain .sglctedian .tedian .tediantit2{position:absolute;top:-39px;right:55px; z-index:1;}


/*建筑换肤*/
.zzganmain .jzhftitles{width:100%;text-align:center;padding-top:60px;padding-bottom:45px;}
.zzganmain .jzcontainer{width:100%;position:relative}
.zzganmain .jzcontainer .jzhfnamebg{width:726px;height:63px;position:absolute;background-image:url(../images/zzgan/jzhfname_bg.png);background-repeat:no-repeat;background-position:left center;left:0;bottom:98px;z-index:1}
.zzganmain .jzcontainer .jzhfcontent{width:100%;height:587px;position:relative}


/*幻灯片样式开始*/
#jzhfcontainer{width:1006px;height:587px;overflow:hidden;position:relative;margin:0 auto}
#jzhflist{height:587px;width:8048px;position:absolute;left:-1006px}
#jzhflist .siders{float:left;width:1006px;height:587px;position:relative}
#jzhflist .siders .imgs{width:1006px;height:587px;position:absolute;top:0;left:0}
#jzhflist .siders .names{width:270px;height:63px;line-height:63px;font-size:24px;color:#fff;text-align:center;position:absolute;bottom:98px;left:0;z-index:3;}
.arrowcon{width:240px;height:64px;position:absolute;z-index:2;top:523px;right:0;background-image:url(../images/zzgan/jzhfarrbg.png);background-repeat:no-repeat;background-position:left top}
.arrowcon .jzarrnums{width:80px;height:47px;line-height:47px;position:absolute;top:15px;right:110px;color:#1e1e1e;font-size:18px;letter-spacing:3px;}
.arrowcon .jzarrnums span{color:#cb0000;font-size:24px}
.arrowcon .arrbtnleft{width:33px;height:32px;position:absolute;top:20px;right:55px}
.arrowcon .arrbtnright{width:33px;height:32px;position:absolute;top:20px;right:10px}


/*体系案例*/
.zzganmain .txaltitles{ width:100%; text-align:center;padding-top:70px;padding-bottom:70px;}

.zzganmain .txalcontent{width:1020px;margin: 0px auto;background-color:#990;}
.zzganmain .txalcontent .jpcaselist{float:left;width:1040px; margin-right:-20px;}
.zzganmain .txalcontent .jpcaselist ul{float:left;width:100%;overflow:hidden;}
.zzganmain .txalcontent .jpcaselist ul li{ float:left;width:237px;height:185px;margin-right:20px;margin-bottom:40px; position:relative;}
.zzganmain .txalcontent .jpcaselist ul li .pic{float:left;width:100%;text-align:center; }
.zzganmain .txalcontent .jpcaselist ul li .pic img{width:237px; height:185px;display:block;opacity:1.0;}
.zzganmain .txalcontent .jpcaselist ul li .title{width:100%;height:185px;line-height:30px;position:absolute;bottom:0;left:0px;background-image:url(../images/zzgan/casetit_bg.png);background-repeat:no-repeat;background-position:center center;text-align:center;display:block;}
.zzganmain .txalcontent .jpcaselist ul li .title .casename{ float:left; width:100%; text-align:center; padding-top:62.5px;}
.zzganmain .txalcontent .jpcaselist ul li a{color: #ffffff;font-size:20px;}



/*体系优势弹出页面*/
/*.popUp{position:fixed;width:1000px;height:65%;top:50%;left:50%;transform:translate(-50%,-50%);background-color:rgba(255,255,255,1);z-index:9999;box-shadow:1px 0 5px rgba(0,0,0,.65);padding-top:50px;padding-right:25px;padding-bottom:45px;padding-left:70px;}*/
.popUp{
	position:fixed;
	width:1000px;
	height:65%;
	top:calc(calc(100% - 65%)/ 2);
	left:calc(calc(100% - 1000px)/ 2);
	background-color:rgba(255,255,255,1);
	z-index:9999;
	box-shadow:1px 0 5px rgba(0,0,0,.65);
	padding-top:50px;
	padding-right:25px;
	padding-bottom:45px;
	padding-left:70px;
}

.popUp .contentBody{ height:100%;position: relative; overflow: hidden;}
.popUp .close {width:44px;height:44px;line-height:44px;display: block; position: absolute; top: 18px; right: 35px; text-indent: -9999px; background: url('../images/zzgan/icoclose.png') no-repeat center center;}
.poptit1{ color:#5F83A7; font-size:20px;letter-spacing:2px;}
.poptit2{ color:#1E1E1E; font-size:18px;letter-spacing:2px;}
.poptit3{ color:#1E1E1E; font-size:16px;letter-spacing:2px;}
.poptit4{ color:#1E1E1E; font-size:18px;letter-spacing:2px;}
.poptit_red{ color:#CB0000; font-size:16px;letter-spacing:2px;}
.popUp .contentBody .popimg{ max-width:900px; height:auto;}

/* 滚动条样式 */
#Yscrollouter{width: 12px; height: 100%; background: #FFFFFF; position: absolute;top:30px; right: 0; display: none;}
#Yscrollinner{width: 12px; height: 100px; background: #6183A8; position: absolute; top:30px; left: 0; }


/*右侧快速导航*/
.quickmenus{position:fixed;width:305px;top:150px;right:-167px;height:auto;z-index:999}
.quickmenus ul{float:left;width:100%}
.quickmenus ul li{float:left;width:100%;height:41px;margin-bottom:12px}
.quickmenus ul li a{display:block}


/*页面底部*/
.footer-sink {
    padding-bottom: 274px;
}