@charset "utf-8";
/* CSS Document */
.gg{ width:100%; height:200px; margin:0 auto; margin-top:60px; margin-bottom:60px;}
.gaodu-brand{ width:700px; overflow:hidden}
/*.gaodu-brand img{ margin-bottom:20px;}
.gaodu-right img{ margin-bottom:22px;}*/
.gaodu-right{ width:460px;}
/*-------------广告位style--------------*/
.box-img{ width:460px; height:345px; }
.box-img1{width:460px; height:345px;}
.box-img,.box-img1{overflow:hidden;}
.box-img2{ height:345px !important;}
.box-img img,.box-img1 img,.pic-box img,.dynamic-left-img img{-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);transform:scale(1);-webkit-transition:all 2s ease;-moz-transition:all 2s ease;-o-transition:all 2s ease;-ms-transition:all 2s ease;transition:all 2s ease;}
.box-img:hover img,.box-img1:hover img,.pic-box:hover img,.dynamic-left-img:hover img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1);-webkit-transition:all 2s ease;-moz-transition:all 2s ease;-o-transition:all 2s ease;-ms-transition:all 2s ease;transition:all 2s ease;}
/*----------案例style---------*/
.gd-title{ width:100%; margin:0 auto; overflow:hidden; background:url(../images/index-titlebg.png) center no-repeat; height:76px; margin-top:80px; margin-bottom:60px;}
.gaodu-title{ width:610px; padding-left:589px;}
.gaodu-title1{ width:610px; padding-left:510px;}
.gd-title2{ margin-top:60px;}
.pic{ height:auto ; margin:0 auto; overflow:hidden ; min-width:1180px;}
.pic-box{ height:auto; background:#000000; overflow:hidden; position:relative ; cursor:pointer; width:25%}
.pic-box:hover .pic-zz{ opacity:1;transition:all .6s linear ;-webkit-transition:all .6s linear ;-o-transition:all .6s linear ;-ms-transition:all .6s linear ;-moz-transition:all .6s linear ;}
.pic-zz{ position:absolute; left:0px; top:0px; background:url(../images/index-gd-bg.png) no-repeat; background-size:100% 100%; opacity:0; }
.al li,.sjs li,.gd li,.sjs-wf li{ float:left; cursor:pointer; position:relative; }
.al li,.al li a,.alh{ width:350px; height:219px; display:block;overflow:hidden;}
.alh{ position:absolute; left:0px; top:0px; background:url(../images/index-al-bg.png) no-repeat; opacity:0 }
.alh,.sjsh,.gdh,.pic-zz{opacity:0; -webkit-transition:all 0.6s ease-out; -moz-transition:all 0.6s ease-out; -o-transition:all 0.6s ease-out; -ms-transition:all 0.6s ease-out; transition:all 0.6s ease-out;}
.al li:hover .alh,.sjs li:hover .sjsh,.gd li:hover .gdh,.sjs-wf li:hover .sjs-wfh{ opacity:1; -webkit-transition:all 0.6s ease-out; -moz-transition:all 0.6s ease-out; -o-transition:all 0.6s ease-out; -ms-transition:all 0.6s ease-out; transition:all 0.6s ease-out;}
.alsp{ padding:10px 5px;border-top:1px solid #000;border-bottom:1px solid #000;  color:#000; font-size:24px; top:5%; width:200px; text-align:center; margin-left:-83px; overflow:hidden; height:40px; line-height:40px; position:absolute; left:50%;}
.alp{ width:100%; text-align:center; color:#000; position:absolute; left:0%; top:70%; height:20px; line-height:20px; overflow:hidden; font-size:14px; overflow:hidden}
.alp span{ padding-right:10px; font-size:14px;}
.gaodu-more{ width:100%; height:50px; line-height:50px; background:#F37A21; color:#cecece; text-align:center; display:block; font-size:14px; margin-top:40px;}
/*---------设计师style--------*/
.sjs li,.sjs li a,.sjsh,.sjs-wfh{ width:234px; height:315px; display:block;overflow:hidden;}
.sjsh,.sjs-wfh{ position:absolute; left:0px; top:0px; background:url(../images/index-sjs-bg.png) no-repeat; opacity:0; background-size:100% 100%; }
.sjsh-span{ background:url(../images/index-sjs-titlebg.jpg) bottom center no-repeat; padding-bottom:10px; width:75px; text-align:center; line-height:30px; font-size:24px; color:#fff; margin-top:90px; margin-left:62px; margin-bottom:8px; overflow:hidden}
.sjsp{ width:100%; text-align:center; height:18px; line-height:18px; overflow:hidden; font-size:14px;color:#fff}
.sjsp-ln{ width:80%; height:110px; margin:0 10%;}
.sjs-wf li,.sjs-wf li a,.sjs-wfh{ width:200px; height:200px; display:block;overflow:hidden; float:left}
.sjs-wfh .sjsh-span{ margin-top:32%}
/*---------加号style--------*/
.gaodu-sjs-ck{text-align:center;  color:#000; font-size:16px;}
.gaodu-sjs-ck img{ margin-bottom:10px; margin-top:80px;
   -webkit-transform:rotate(0deg);
	-moz-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	-o-transform:rotate(0deg);
	transform:rotate(0deg);
	-webkit-transition:all 0.8s linear;
	 -moz-transition:all 0.8s linear;
	  -o-transition:all 0.8s linear; 
	  -ms-transition:all 0.8s linear; 
	  transition:all 0.8s linear;}
.gaodu-sjs-ck:hover .img-rotate{
	-webkit-transform:rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform:rotate(180deg);
	transform:rotate(180deg);
	
	}
/*----------工地style---------*/
.gaodu_wd1{width: 100%;max-width: 1920px;min-width: 1400px;}
.gd li{ width:20%; display:block;overflow:hidden;}
.gd li a,.gdh{width: 100%;}
.gdh{ position:absolute; left:0px; top:0px; background:url(../images/index-gd-bg.png) no-repeat;background-size: 100% 100%; opacity:0 }
.gdsp{ padding:10px 5px;border-top:1px solid #fff;border-bottom:1px solid #fff;  color:#fff; font-size:22px; margin-top:42%; width:50%; text-align:center; margin-left:23%; overflow:hidden; height:40px; line-height:40px;}
.gdsp font{ padding:0px 5px;}
/*----------最新动态syle---------------*/
.dynamic-left{ width:643px; overflow:hidden}
.arcitle-p{ width:100%; height:30px; line-height:30px; margin-top:25px;}
.arcitle-p a{ width:70%; height:30px; display:block; color:#666666; font-size:16px;}
.arcitle-p span{ font-size:14px;}
.dynamic-left-img{ width:643px; height:341px; overflow:hidden}
.dynamic-right{ width:680px;}
.arcitle-span{ width:100%; line-height:24px; max-height:60px; display:block; color:#999999; margin-top:10px; font-size:14px; overflow:hidden}
.gaodu-dynamic-top{ height:48px; line-height:40px; margin-top:10px; }
.gaodu-dynamic-top li{ width:120px; height:40px; display:block; text-align:center; font-size:14px; cursor:pointer; color:#333333; font-size:18px;}
.gaodu-dynamic-top li a{ color:#333333; font-size:18px; }
.gaodu-dynamic-bottom{  width:100%; background:#ffffff;border-top:#f2f2f2 1px solid; margin-top:10px; padding-top:20px; height:390px; overflow:hidden}
.gaodu-dynamic-bottom ul li{ display:none; height:376px; overflow:hidden}
.gaodu-dynamic-bottom ul li.show{ display:block}
.dynamic-right-arcitle{ width:100%; height:100px; margin-bottom:35px;}
.calendar1,.calendar2,.calendar3{ width:88px; padding-top:68px; color:#fff; height:48px; display:block; text-align:center; font-size:18px; cursor:pointer;  margin-right:20px; border-top:28px; padding-bottom:10px;}
.calendar1{background:url(../images/t-01.jpg) no-repeat;}
.calendar1:hover ,.calendar-cur{ background:url(../images/t-01h.jpg) no-repeat; }
.calendar2{background:url(../images/t-02.jpg) no-repeat;}
.calendar2:hover{ background:url(../images/t-02h.jpg) no-repeat}
.calendar3{background:url(../images/t-03.jpg) no-repeat;}
.calendar3:hover{ background:url(../images/t-03h.jpg) no-repeat}
.arcitle-a{ font-size:26px; color:#666666;height:30px; line-height:30px; }
.arcitle-a,.arcitle-span1{width:560px; display:block }
.arcitle-span1{ color:#999; font-size:14px; margin-top:10px;height:48px; line-height:24px; overflow:hidden}
.banner-video{ width:100%; height:100%;}
.li-cur a{ color:#c6178a !important}

@media screen and (min-width: 1000px) and (max-width: 1400px){
	.banner-title h3{ font-size:26px !important;}
	.banner-title span{ font-size:12px !important;}
	.banner-title a{ width:130px; height:30px; line-height:30px; font-size:12px;}
	}
@media screen and (min-width: 1400px) and (max-width: 1600px){
	.banner-title h3{ font-size:28px !important;}
	.banner-title span{ font-size:14px !important;}
	.banner-title a{ width:150px; height:40px; line-height:40px; font-size:14px;}
	}